﻿@font-face {
    font-family: 'OpenSansSemibold';
    src: url('../fonts/OpenSansSemibold.woff2') format('woff2');
}
* {
	padding: 0px;
	margin: 0px;
	font-family: Segoe UI, Times New Roman;
}

.ddSetBG {
	background-color: White;
	width: 120px;
}

A {
	font-weight: normal;
	font-size: 12px;
	color: Black;
	text-decoration: underline;
}

A:hover {
	color: Black;
	text-decoration: underline;
}

A.link {
	font-weight: bold;
	font-size: 12px;
	color: black;
	text-decoration: none;
}

.rmnhyperlink {
	text-decoration: underline;
	color: blue !important;
	font-size: 13px;
}

/* hyperlink style for the link button */

A.linkButton:link {
	font-weight: bold;
	font-size: 10px;
	color: black;
	text-decoration: none;
	border: 5px solid #FFFFFF;
	background-color: #CCCCCC;
}

A.linkButton:visited {
	font-weight: bold;
	font-size: 10px;
	color: black;
	text-decoration: none;
	border: 1px solid #FFFFFF;
	background-color: #CCCCCC;
}

A.linkButton:active {
	font-weight: bold;
	font-size: 10px;
	color: black;
	text-decoration: none;
	border: 1px solid #FFFFFF;
	background-color: #CCCCCC;
}

A.linkButton:hover {
	font-weight: bold;
	font-size: 10px;
	color: black;
	text-decoration: none;
	border: 1px solid #FFFFFF;
	background-color: #CCCCCC;
}

A.linkButton2 {
	font-weight: bold;
	font-size: 12px;
	color: black;
	text-decoration: none;
	font: caption;
}

A.linkButton3 {
	font-weight: bold !important;
	font-size: 12px !important;
	color: black;
	text-decoration: none;
	font: caption;
}

A.highlink {
	font-weight: bold;
	font-size: 12px;
	color: black;
	text-decoration: none;
}


*:focus { outline: none; }

/*A.contenthead
{
	/*-moz-box-shadow: inset 0px 1px 0px 0px #f29c93;
	-webkit-box-shadow: inset 0px 1px 0px 0px #f29c93;
	box-shadow: inset 0px 1px 0px 0px #f29c93;  
	/*background-color: #ff0000;*/

/*background-color: green;
	/*border: 1px solid #d83526;*/

/*display: inline-block;
	color: #ffffff;
	font-size: 12px;
	font-weight: bold;
	padding: 0px 17px;
	text-decoration: none;*/

/*  background-image:url(../images/btngreen.png);
	background-color: green;
	border: 1px solid #568920;
	color: #FFFFFF;
	font-size: 12px;
	font-weight: normal;
	padding: 0px 17px;
	text-decoration: none;
	border-radius:4px;
	min-width:80px;
}*/

/*A.contenthead:hover
{
   /* background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #960000), color-stop(1, #FE4D4D) );
	background: -moz-linear-gradient( center top, #960000 5%, #FE4D4D 100% );
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#960000', endColorstr='#FE4D4D');
	background-color: #960000;*/

/*  background-image:url(../images/btngreenhover.png);
	background-color: green;
}*/

/*A.contenthead1
{
	font-weight: bold;
	font-size: 14px;
	width: 80px;
	height: 19px;
	background-image: url('../Images/buttongreen.png' );
	vertical-align: text-top;
	padding-bottom: 3px;
	text-decoration: none;
	padding-left: 5px;
	padding-right: 5px;
}*/

.clearfix { }

.clearfix:after {
	content: ".";
	visibility: hidden;
	display: block;
	height: 0;
	clear: both;
}

/***********************************************Input Styles**********************************************************/

input.text, input.inputtext, INPUT.price, input.logininputtext,
textarea, TEXTAREA.text, .textarea,
.searchctrltext, .searchctrlselect,
.select, SELECT.text,
.checkbox, .textarea, .hyperlink, span.inputtext, span.select, span.text {
	font-weight: normal;
	font-size: 13px;
	color: black;
}

td.text { height: 52px; }

td.text, .text1 {
	height: 16px;
	font-weight: normal;
	font-size: 10px;
	color: #000000;
}

.text1 { font-weight: bold; }

input.text, input.inputtext, INPUT.price, input.logininputtext,
textarea, TEXTAREA.text, .textarea,
.searchctrltext, .searchctrlselect,
.select, SELECT.text, span.inputtext, span.select, span.text {
	border: 1px solid #C0C0C0;
	border-radius: 4px;
	background-color: #F2F2F2;
}

input.text, INPUT.inputtext, INPUT.readonlytext, INPUT.price, .searchctrltext, input.logininputtext {
	width: 195px;
	height: 24px;
}

input.text:hover, input.inputtext:hover, .select:hover, textarea:hover, textarea.text:hover, .textarea:hover, input.logininputtext:hover,
.searchctrltext:hover, .searchctrlselect:hover { border: 1px solid #3F3F3F; }

input.text:focus, input.inputtext:focus, .select:focus, textarea:focus, textarea.text:focus, .textarea:focus, input.logininputtext:focus,
.searchctrltext:focus, .searchctrlselect:focus, .listtext:focus { border: 1px solid #FFBD5F; }

INPUT.readonlytext { border-style: hidden; }

TEXTAREA.text, .textarea, textarea {
	width: 400px;
	resize: none;
}

SELECT.text, .select, .searchctrlselect {
	height: 26px;
	width: 198px;
	padding: 2px 3px;
}

.select > option {
	margin: 3px;
	padding: 6px 8px;
	text-shadow: none;
	border-radius: 3px;
	cursor: pointer;
	unicode-bidi: plaintext;
}

.select > option:hover {
	background-color: #CCCCEE;
	color: #000000;
}

div.inputcontrol {
	/*position: relative;
	bottom: -8px;*/
}

.checkbox { text-align: left; }

html[dir=rtl] .checkbox { text-align: right; }

input[type=checkbox] ~ label {
	margin-left: 5px;
	margin-right: 5px;
}

.hyperlink {
	text-decoration: underline;
	cursor: pointer;
}

.imginputcontrol {
	font-weight: normal;
	font-size: 13px;
	color: black;
	border: 1px solid #C0C0C0;
	border-radius: 4px;
	background-color: #F2F2F2;
	width: 160px;
	height: 24px;
}

.imginputcontrol:hover { border: 1px solid #3F3F3F; }

.imginputcontrol:focus { border: 1px solid #FFBD5F; }

.imgselect {
	font-weight: normal;
	font-size: 13px;
	color: black;
	
	border: 1px solid #C0C0C0;
	border-radius: 4px;
	background-color: #F2F2F2;
	
	height: 26px;
	width: 160px;
	padding: 2px 3px;
}

.imgselect:hover { border: 1px solid #3F3F3F; }

.imgselect:focus { border: 1px solid #FFBD5F; }

.imgselect > option {
	margin: 3px;
	padding: 6px 8px;
	text-shadow: none;
	border-radius: 3px;
	cursor: pointer;
}

.imgselect > option:hover {
	background-color: #CCCCEE;
	color: #000000;
}


/***********************************************End Input Styles**********************************************************/


.list, .addresspanel {
	border-right: #43669b 1px solid;
	border-top: #43669b 1px solid;
	border-left: #43669b 1px solid;
	border-bottom: #43669b 1px solid;
}

.nav {
	font-size: 10px;
	color: green;
	text-decoration: none;
}

/*.list1col1bundle
{
	width: 32%;
	word-wrap: break-word;
}*/

div.customertype, div.payterm, div.priceregion, div.hardwareitem, div.businessentity {
	height: 100px;
	overflow: auto;
	text-align: left;
	width: 180px;
}

html[dir=rtl] div.customertype, html[dir=rtl] div.payterm, html[dir=rtl] div.priceregion, html[dir=rtl] div.hardwareitem, html[dir=rtl] div.businessentity { text-align: right; }

DIV.datent {
	border-top: #43669b 20px;
	left: 20px;
	border-left: #43669b thin solid;
	width: 600px;
	position: absolute;
	top: 150px;
	height: 300px;
}

html[dir=rtl] DIV.datent {
	right: 20px;
	left: 0px;
}

.searchimg {
	height: 25px;
	vertical-align: baseline;
	margin-left: 2px;
	margin-right: 2px;
	position: relative;
	top: 1px;
}

.srchimg {
	height: 25px;
	vertical-align: top;
	margin-left: 2px;
	margin-right: 2px;
	position: relative;
	top: 1px;
}

.incrimg {
	border-right: #43669b 1px solid;
	border-top: #43669b 1px solid;
	border-left: none;
	border-bottom: #43669b 1px solid;
	background-color: #c3dafd;
	height: 18px;
}

.decrimg {
	border-left: #43669b 1px solid;
	border-top: #43669b 1px solid;
	border-right: none;
	border-bottom: #43669b 1px solid;
	background-color: #c3dafd;
	height: 18px;
}

A.contenthead {
	background-image: url(../images/btngreen.png);
	background-color: green;
	border: 1px solid #568920;
	color: #FFFFFF;
	font-size: 12px;
	font-weight: normal;
	padding: 6px 13px;
	text-decoration: none;
	border-radius: 4px;
	min-width: 80px;
	top: 13px;
	margin-right: 10px;
}

A.contenthead:active {
	position: relative;
	top: 1px;
}

TR.contenthead {
	/* font-weight: bold;
	font-size: 16px;
	height: 20px;
	background-color: rgb(247, 247, 247);
	padding: 6px 0px 0px 3px;
	text-align: left;
	 border-left: 1px solid rgb(222,222,222);
	border-right: 1px solid rgb(222,222,222);
	border-top: 1px solid rgb(222,222,222);
	border-bottom: 1px solid rgb(222,222,222);
	width: 100%;*/
	
	color: #3F3F3F;
	height: 40px;
	padding: 0px 0px 0px 2px;
	text-align: left;
	vertical-align: middle;
	background-color: #DADADA;
	width: auto;
}

html[dir=rtl] TR.contenthead { text-align: right; }

TR.contenthead td:first-child {
	width: 70%;
	text-align: left;
	position: relative;
	top: 10px;
	left: 10px;
	font-weight: bold;
	font-size: 14px;
	color: #3F3F3F;
	float: left;
	text-align: left;
}

html[dir=rtl] TR.contenthead td:first-child {
	text-align: right;
	right: 10px;
	left: 0px;
	float: right;
}

.summary {
	font-weight: bold;
	font-size: 16px;
	color: black;
	height: 20px;
	background-color: rgb(247, 247, 247);
	padding: 6px 0px 0px 0px;
	text-align: left;
	border-left: 1px solid #EAEAEA;
	border-right: 1px solid #EAEAEA;
	border-top: 1px solid #EAEAEA;
	border-bottom: 1px solid lightgrey;
	width: 100%;
}

html[dir=rtl] .summary { text-align: right; }

.summary { text-align: center; }

div.contenthead {
	font-weight: bold;
	font-size: 13px;
	background-color: #75A1D0;
	text-align: left;
	vertical-align: middle;
	border: solid 1px #75A1D0;
	padding: 0px;
}

html[dir=rtl] div.contenthead { text-align: right; }

.pagegroup {
	padding: 0px;
	margin: 0px; /*border:solid 1px #43669b; 	margin:1px 0 0 0;*/
}

.pagegroupnohead {
	padding: 2px;
	margin: 1px 0 1px 0;
	border: solid 1px #43669b;
}

.mwpagegroupnohead {
	padding: 0px;
	margin: 1px 0 1px 0;
	border: solid 1px #43669b;
}

.pagegrpnoheadnoborder {
	padding: 2px;
	margin: 1px 0 1px 0;
}

.mwpagegrpnoheadnoborder {
	padding: 0px;
	margin: 1px 0 1px 0;
}

.pagegroupctl { padding: 3px 0px 3px; }

TR.innerhead {
	font-weight: bold;
	font-size: 10px;
	color: black;
	background-color: #90b4e9;
}

/********************************************Row Styles*******************************************/

TD.contenthead {
	width: 100%;
	font-weight: bold;
	font-size: 13px;
	color: black;
	height: 20px;
	background-color: #75A1D0;
}

TD.heading {
	width: 100%;
	text-align: left;
	position: relative;
	top: 22%;
	left: 2px;
	font-weight: bold;
	font-size: 14px;
	color: #3F3F3F;
	float: left;
	text-align: left;
}

html[dir=rtl] .heading {
	text-align: right;
	right: 2px;
	left: 0px;
	float: right;
	text-align: right;
}

TD.commandbtn { text-align: left; }

html[dir=rtl] TD.commandbtn { text-align: right; }

/**********************************************Label Styles**************************************************************/

.label {
	width: 95px;
	font-size: 10px;
	text-align: left;
}

html[dir=rtl] .label { text-align: right; }

.label1 {
	width: 270px;
	font-size: 10px;
	text-align: left;
}

html[dir=rtl] .label1 { text-align: right; }

.labelHead {
	font-weight: bold;
	font-size: 13px;
	color: black;
}

.labelBold {
	font-weight: bold;
	font-size: 11px;
}

.labelHeadText {
	width: 100px;
	font-weight: bold;
	font-size: 15px;
	color: black;
}

.searchcontrollabel {
	font-weight: bold;
	font-size: 12px;
	color: black;
	text-align: right;
	position: relative;
	padding: 3px 0px;
}

html[dir=rtl] .searchcontrollabel { text-align: left; }

/**keshab**/

.custelement {
	width: 150px;
	font-weight: bold;
	font-size: 14px;
	color: black;
	text-align: left;
	position: relative;
	padding: 5px 0px 0px 4px;
}

html[dir=rtl] .custelement { text-align: right; }

.optionaltext1, .optionaltext2, .optionaltext3,
.labelText, .labelText1, .labelText3, .labelText2,
.requiredField, .requiredField2, .requiredField3, .requiredField4, .requiredField5, .requiredField6, .FlexRequiredField2, .requiredField7,
.requiredtext1, .requiredtext2, .requiredtext3, .flexoptionaltext1, .flexoptionaltext2, .flexoptionaltext3, .flexrequiredtext1, .flexrequiredtext2, .flexrequiredtext3 {
	width: 120px;
	font-weight: normal;
	font-size: 12px;
	color: black;
	text-align: right;
	position: relative;
	padding: 3px 0px;
}

html[dir=rtl] .optionaltext1, html[dir=rtl] .optionaltext2, html[dir=rtl] .optionaltext3,
html[dir=rtl] .labelText, html[dir=rtl] .labelText1, html[dir=rtl] .labelText3, html[dir=rtl] .labelText2,
html[dir=rtl] .requiredField, html[dir=rtl] .requiredField2, html[dir=rtl] .requiredField3, html[dir=rtl] .requiredField4, html[dir=rtl] .requiredField5, html[dir=rtl] .requiredField6, html[dir=rtl] .FlexRequiredField2, html[dir=rtl] .requiredField7,
html[dir=rtl] .requiredtext1, html[dir=rtl] .requiredtext2, html[dir=rtl] .requiredtext3, html[dir=rtl] .flexoptionaltext1, html[dir=rtl] .flexoptionaltext2, html[dir=rtl] .flexoptionaltext3, html[dir=rtl] .flexrequiredtext1, html[dir=rtl] .flexrequiredtext2, html[dir=rtl] .flexrequiredtext3 { text-align: left; }

.labelText, .labelText1, .labelText3, .labelText2,
.requiredField, .requiredField2, .requiredField3, .requiredField4, .requiredField5, .requiredField6, .FlexRequiredField2, .requiredField7, .flexoptionaltext1, .flexoptionaltext2, .flexoptionaltext3, .flexrequiredtext1, .flexrequiredtext2, .flexrequiredtext3, .requiredtext1, .optionaltext2 { height: 22px; }

.labelText, .labelText1, .labelText3, .labelText2 {
	font-weight: normal;
	padding-right: 4px;
	/*border-left:1px solid rgb(222,222,222);*/
}

html[dir=rtl] .labelText, html[dir=rtl] .labelText1, html[dir=rtl] .labelText3, html[dir=rtl] .labelText2 {
	padding-left: 4px;
	padding-right: 0px;
}

.optionaltext2, .optionaltext3,
.labelText1, .labelText3,
.requiredField2, .requiredField3, .requiredField4, .requiredField5, .requiredField6, .FlexRequiredField2,
.requiredtext2, .requiredtext3, .flexoptionaltext1, .flexoptionaltext2, .flexoptionaltext3, .flexrequiredtext1, .flexrequiredtext2, .flexrequiredtext3 { /*    border-left: 1px solid rgb(222, 222, 222);*/ }

.requiredField, .requiredField2, .requiredField3, .requiredField4, .requiredField5, .requiredField6, .FlexRequiredField2, .requiredField7, .requiredtext1, .requiredtext2, .requiredtext3, .flexrequiredtext1, .flexrequiredtext2, .flexrequiredtext3 { font-weight: bold; }

.FlexRequiredField2 { width: 100px; }

.disText {
	font-weight: bold;
	font-size: 12px;
	color: black;
}

.mandatoryText {
	width: 100px;
	font-weight: normal;
	font-size: 11px;
	color: Red;
}

.longlabelText2 {
	padding-right: 5px;
	width: 250px;
	font-weight: normal;
	font-size: 12px;
	color: black;
	text-align: right;
	border-bottom: 1px solid rgb(222, 222, 222);
	padding-right: 10px;
}

.labelText11 {
	font-weight: normal;
	font-size: 12px;
	text-align: left;	   
}

html[dir=rtl] .labelText11 { text-align: right; }

.labeltext, .labelBold2, .labelText1 {
	font-size: 12px;
	color: black;
}

.labeltext {
	font-weight: normal;
	width: 100px;
}

.labelBold2 {
	font-weight: bold;
	font-size: 11px;
}

.labelText1 {
	font-weight: normal;
	border-bottom: 1px solid rgb(222, 222, 222);
	padding-right: 10px;
}

.requiredtext1::before, .requiredtext2:before, .requiredtext3:before, .requiredField:before, .requiredField2:before, .requiredField3:before, .requiredField4:before, .requiredField5:before, .requiredField6:after, .FlexRequiredField2:before, .requiredField7:before,
.flexrequiredtext1:before, .flexrequiredtext2:before, .flexrequiredtext3:before {
	content: "* ";
	color: #EA5B3E;
	font-size: 13px;
	font-weight: bold;	
}

/**********************************************End Label Styles**************************************************************/

/**********************************************Optional/Mandatory Styles****************************************************/

.optionalimg, .optionalImg, .requiredimg, .requiredImg, .requiredImg1, .requiredImg2, .searchcolumnoptImg { font-size: 11px; }

.optionalimg, .optionalImg, .requiredimg, .requiredImg, .requiredImg1, .requiredImg2, .searchcolumnoptImg { width: 8px; }

.requiredimg, .requiredImg, .requiredImg1, .requiredImg2 {
	font-weight: bold;
	color: black;
	/*border-left: 1px solid rgb(222, 222, 222);
	background-image: url('../Images/star.gif' );*/
	background-repeat: no-repeat;
}

.requiredimg, .requiredImg, .requiredImg1 { background-position: right 50%; }

.requiredImg1 { text-align: right; }

html[dir=rtl] .requiredImg1 { text-align: left; }

.requiredImg2 { background-position: right 25%; }

/**********************************************Optional/Mandatory Styles****************************************************/

.ucField { width: 150px; }

td.ucField .ctlfloat { width: 225px; }

.AdrBorder {
	border-top: 1px solid rgb(222, 222, 222);
	border-left: 1px solid rgb(222, 222, 222);
	border-bottom: 1px solid rgb(222, 222, 222);
	border-right: 1px solid rgb(222, 222, 222);
	border-collapse: collapse;
}

.addressLabel {
	font-weight: bold;
	font-size: 10px;
	color: black;
}

.vsetargs {
	border-right: #3071d1 1px solid;
	border-top: #3071d1 1px solid;
	border-left: #3071d1 1px solid;
	border-bottom: #3071d1 1px solid;
}

.vsetparams {
	border-right: #3071d1 1px solid;
	border-top: #3071d1 1px solid;
	border-left: #3071d1 1px solid;
	border-bottom: #3071d1 1px solid;
}

.textalignedimg {
	height: 24px;
	margin: 0px 2px;
	padding: 0px;
	padding-bottom: 3px;
}

.emptyChartText {
	font-weight: bold;
	font-size: 12px;
	color: #A31515;
	text-decoration: none;
	font: caption;
}

/*************************************************************Grid Styles**************************************************/

.gridheader {
	font-weight: bold;
	font-size: 10px;
	color: black;
	background-color: #B0CCF0;
	border-style: groove;
	border-bottom: white 0px solid;
	border-right: white 0px solid;
	border-left: white 1px solid;
	border-top: white 1px solid;
}

.gridframe { border: solid 0px grey; }

.gridedit { border: none; }

.gridrow {
	border: solid 1px #43669b;
	border-left: none;
	border-top: none;
	padding-left: 3px;
	font-size: 10px;
	font-weight: normal;
}

html[dir=rtl] .gridrow {
	padding-right: 3px;
	padding-left: 0px;
}

.gridform {
	border-right: #43669b 1px solid;
	border-bottom: #43669b 0px solid;
	padding: 0;
}

.gridcmd { width: 30px; }

.gridvscroll { width: 2%; }

.griditem, .altgriditem {
	height: 25px;
	color: black;
	text-align: left;
	vertical-align: middle;
}

html[dir=rtl] .griditem, html[dir=rtl] .altgriditem { text-align: right; }

.griditem td, .altgriditem td, td.griditem, td.altgriditem {
	border-bottom: 1px solid #DEDEDE;
	border-right: 1px solid #DEDEDE;
}

.griditem td td, .altgriditem td tdd {
	border-bottom: 0px solid #DEDEDE;
	border-right: 0px solid #DEDEDE;
}

.griditem > td, .altgriditem > td { border-left: 1px solid #DEDEDE; }

.griditem:hover, .altgriditem:hover, .griditem:hover a, .altgriditem:hover a, .griditem:hover span, .altgriditem:hover span {
	background-color: #C44A49;
	color: White;
}

tr.griditem > td > table > tbody > tr > td, tr.altgriditem > td > table > tbody > tr > td {
	border-bottom: none;
	border-right: none;
}

.gridWidth { width: 100%; }

.gridWidth { width: expression(document.all?"98%" : "100%"); }

.gridlist {
	width: 100%;
	border-left: 1px solid #DEDEDE;
	padding: 0px 2px;
}

.gridlist { width: expression(document.all?"98%" : "100%"); }

.pagination { text-align: center; }

.pagination > td {
	text-align: center;
	align: center;
}

.pagination table {
	text-align: center;
	margin: auto;	
}

/*************************************************************End grid Styles**************************************************/

/*************************************************************Button Styles***************************************************/

.button1 {
	background-color: #E1F0FF;
	color: black;
	font-size: 10px;
	font-weight: normal;
	border-style: solid;
	border-width: 1px;
	height: 18px;
	vertical-align: text-top;
	padding-bottom: 3px;
}

.btnalign {
	/*text-align: right;
	padding-bottom: 3px;*/
	
	/*width: 30%;*/
	/*float: right;*/
	text-align: right;
	height: 40px;
}

html[dir=rtl] .btnalign { text-align: left; }

.btnalign a {
	bottom: 1px;
	/*position:relative;*/
}

.btnalign a:active {
	top: 1px;
	position: relative;
}

div.buttons {
	width: 100%;
	height: 30px;
	clear: both;
	padding-top: 10px;
	padding-bottom: 15px;
}

div.cmdbutton {
	width: 49%;
	float: left;
	text-align: left;
}

html[dir=rtl] div.cmdbutton {
	float: right;
	text-align: right;
}

div.formbutton {
	width: 49%;
	float: right;
	text-align: right;
	margin-right: 10px;
}

html[dir=rtl] div.formbutton {
	float: left;
	text-align: left;
	margin-left: 22px;
	margin-right: 0px;
}

.btnsave, .btnsearch, .btnclose, .btnlong, .button, .longbutton, .longbutton1, .dislongbutton, .btncancel,
.btnadd, .loginbtnsave, .loginbtnsave, .btnupdate, .btnback, .btnnext, .btntopbar {
	/*-moz-box-shadow: inset 0px 1px 0px 0px #f29c93;
	-webkit-box-shadow: inset 0px 1px 0px 0px #f29c93;
	box-shadow: inset 0px 1px 0px 0px #f29c93;
	background: -webkit-gradient( linear, left top, .left bottom, color-stop(0.05, #FE4D4D), color-stop(1, #960000) );
	background: -moz-linear-gradient( center top, #FE4D4D 5%, #960000 100% );
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FE4D4D', endColorstr='#960000');*/
	background-image: url(../images/btngreen.png);
	background-color: green;
	border: 1px solid #568920;
	color: #FFFFFF;
	font-size: 12px;
	font-weight: normal;
	padding: 6px 13px;
	text-decoration: none;
	border-radius: 4px;
	min-width: 80px;
}



.btnsave, .btncancel, .loginbtnsave, .loginbtnsave, .btnclose, .btnsearch, .btnlong, .button { margin-right: 10px; }

html[dir=rtl] .btnsave, html[dir=rtl] .btncancel, html[dir=rtl] .loginbtnsave, html[dir=rtl] .loginbtnsave, html[dir=rtl] .btnclose, html[dir=rtl] .btnsearch, html[dir=rtl] .btnlong, html[dir=rtl] .button {
	margin-left: 10px;
	margin-right: 0px;
}

.btnadd, .btndelete, .btnupdate { margin-right: 5px; }

html[dir=rtl] .btnadd, html[dir=rtl] .btndelete, html[dir=rtl] .btnupdate {
	margin-left: 5px;
	margin-right: 0px;
}

.btnsave:hover, .btnsearch:hover, .btnclose:hover, .btnlong:hover, .button:hover, .longbutton:hover, .longbutton1:hover, .dislongbutton:hover,
.btnadd:hover, .loginbtnsave:hover, A.contenthead:hover, .btnupdate:hover {
	/*    background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #960000), color-stop(1, #FE4D4D) );
	background: -moz-linear-gradient( center top, #960000 5%, #FE4D4D 100% );
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#960000', endColorstr='#FE4D4D');
	background-color: #960000;*/
	background-image: url(../images/btngreenhover.png);
	background-color: green;
}

.btnsave:active, .btnsearch:active, .btnclose:active, .btnlong:active, .button:active, .longbutton:active, .longbutton1:active, .dislongbutton:active,
.loginbtnsave:active {
	position: relative;
	top: 1px;
}

.btncancel, .btndelete, .btnreset, #ctl00_uxPgCPH_btncancel, .btnreset, #ctl00_uxPgCPH_btnCancel, #ctl00_uxPgCPH_btncancel1 {
	/*-moz-box-shadow: inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow: inset 0px 1px 0px 0px #ffffff;
	box-shadow: inset 0px 1px 0px 0px #ffffff;
	background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #e6e6e6), color-stop(1, #d2d2d2) );
	background: -moz-linear-gradient( center top, #e6e6e6 5%, #d2d2d2 100% );
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e6e6e6', endColorstr='#d2d2d2');*/
	background-image: url(../images/btncancel.png);
	background-color: #e6e6e6;
	border: 1px solid #C0C0C0;
	color: #000000;
	font-size: 12px;
	font-weight: normal;
	padding: 6px 13px;
	text-decoration: none;
	border-radius: 4px;
	min-width: 90px;
}

.btncancel:hover, .btndelete:hover, .btnreset:hover, #ctl00_uxPgCPH_btncancel:hover {
	/*    background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #d2d2d2), color-stop(1, #e6e6e6) );
	background: -moz-linear-gradient( center top, #d2d2d2 5%, #e6e6e6 100% );
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d2d2d2', endColorstr='#e6e6e6');
	background-color: #d2d2d2;*/
	background-image: url(../images/btncancelhover.png);
}

.btncancel:active, .btnreset:active, #ctl00_uxPgCPH_btncancel:active {
	position: relative;
	top: 1px;
}

.longbutton {
	width: 180px;
	vertical-align: text-top;
}

.longbutton1 { width: 180px; }

.dislongbutton { width: 180px; }

.tab {
	padding-left: 0px;
	border-spacing: 0px;
	z-index: 1;
	padding-top: 20px;
}

.tab td { padding-right: 1px; }

html[dir=rtl] .tab td {
	padding-left: 1px;
	padding-right: 0px;
}

.ActiveTab, .InActiveTab, .InActiveTabLeft, .InActiveTabRight, .InActiveTabMid {
	/*display: inline-block;
	font-weight: bold;
	padding: 3px 17px;
	text-decoration: none;*/
	
	display: inline-block;
	font-weight: bold;
	padding: 3px 17px;
}

.ActiveTab {
	border-style: none;
	border: 1px solid #d83526;
	
	/*background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #FE4D4D), color-stop(1, #960000) );
	background: -moz-linear-gradient( center top, #FE4D4D 5%, #960000 100% );
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FE4D4D', endColorstr='#960000');*/
	background-color: #DADADA;
	border-radius: 4px 4px 0px 0px;
	color: #B63436;
}


.InActiveTab, .InActiveTabLeft, .InActiveTabRight, .InActiveTabMid {
	-moz-box-shadow: inset 0px 1px 0px 0px #f29c93;
	-webkit-box-shadow: inset 0px 1px 0px 0px #f29c93;
	box-shadow: inset 0px 1px 0px 0px #f29c93;
	border: 1px solid #5F5F5F; /*background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #FE4D4D), color-stop(1, #960000) );     background:-moz-linear-gradient( center top, #FE4D4D 5%, #960000 100% );     filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FE4D4D', endColorstr='#960000');*/
	color: #5F5F5F;
	border-radius: 0px 4px 0px 0px;
	background-color: #DADADA; /*#960000;*/
}

.InActiveTab:hover, .InActiveTabMid:hover, .InActiveTabRight:hover, .InActiveTabLeft:hover {
	/*    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #960000), color-stop(1, #FE4D4D) );     background:-moz-linear-gradient( center top, #960000 5%, #FE4D4D 100% );     filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#960000', endColorstr='#FE4D4D');*/
	/*color: #000000;
	background-color: #FFFFFF;*/
}

/*************************************************************End Button Styles***************************************************/

TABLE.servicelist {
	border-right: 1px solid #EAEAEA;
	border-top: 1px solid #EAEAEA;
	border-left: 1px solid #EAEAEA;
	border-bottom: 1px solid #EAEAEA;
	padding: 0;
}

DIV.servicelist {
	height: 300px;
	width: 250px;
	overflow: scroll;
}

DIV.servicelistdowngrade {
	height: 300px;
	width: 100%;
	overflow: scroll;
	font-weight: normal;
	font-size: 11px;
	color: black;
}

TR.servicelistheader {
	font-weight: bold;
	font-size: 10px;
	color: black;
	background-color: #B0CCF0;
}

.servicelistheader { border-bottom: 1px solid #EAEAEA; }

TABLE.AppChargelist {
	border-right: 1px solid rgb(222, 222, 222);
	border-top: 1px solid rgb(222, 222, 222);
	border-left: 1px solid rgb(222, 222, 222);
	border-bottom: 1px solid rgb(222, 222, 222);
	padding: 0;
}

DIV.AppChargelist {
	height: 300px;
	width: 250px;
	overflow: scroll;
}

TR.AppChargelistheader {
	font-weight: bold;
	font-size: 16px;
	height: 20px;
	background-color: rgb(247, 247, 247);
	padding: 6px 0px 0px 3px;
	text-align: left;
	border-left: 1px solid #EAEAEA;
	border-right: 1px solid #EAEAEA;
	border-top: 1px solid #EAEAEA;
	border-bottom: 1px solid lightgrey;
	width: 100%;
}

html[dir=rtl] TR.AppChargelistheader { text-align: right; }

.AppChargelistheader { border-bottom: 1px solid #EAEAEA; }

DIV.selectedsegs {
	height: 300px;
	width: 300px;
	overflow: scroll;
}

.notes {
	font-weight: normal;
	font-size: 11px;
	color: #000000;
}

.attachmentimg { cursor: hand; }

TABLE.attachments {
	border-right: 1px solid rgb(222, 222, 222);
	border-top: 1px solid rgb(222, 222, 222);
	border-left: 1px solid rgb(222, 222, 222);
	border-bottom: 1px solid rgb(222, 222, 222);
	padding: 0;
	Border-width: 0px;
}

DIV.attachments {
	height: 200px;
	overflow-y: scroll;
}

.fileupload {
	border-right: 1px solid rgb(222, 222, 222);
	border-top: 1px solid rgb(222, 222, 222);
	border-left: 1px solid rgb(222, 222, 222);
	border-bottom: 1px solid rgb(222, 222, 222);
	font-weight: normal;
	font-size: 11px;
	color: #000000;
	width: 310px;
}

/* used to move browse button to right for input type file in firefox*/

.fileupload, x:-moz-any-link, x:default { direction: rtl; }

.treeText {
	font-weight: normal;
	font-size: 11px;
	color: black;
}

TABLE.menupreflist {
	border-right: 1px solid rgb(222, 222, 222);
	border-top: 1px solid rgb(222, 222, 222);
	border-left: 1px solid rgb(222, 222, 222);
	border-bottom: 1px solid rgb(222, 222, 222);
	padding: 0;
}

DIV.menupreflist {
	height: 380px;
	width: 250px;
	overflow: scroll;
	font-weight: normal;
	font-size: 11px;
	color: black;
}

TR.menupreflistheader {
	font-weight: bold;
	font-size: 10px;
	color: black;
	background-color: #B0CCF0;
}

.menupreflistheader { border-bottom: #43669b 1px solid; }

.grouphead {
	font-weight: bold;
	font-size: 10px;
	color: black;
}

DIV.highlight { background-color: #e3de99; }

TR.highlight {
	height: 30px;
	vertical-align: middle;
	background-color: #b2dce3;
	background-color: #d5e5ef;
}

.labelcenter {
	font-weight: normal;
	font-size: 11px;
	color: black;
	text-align: center;
}

.SubHeader {
	font-weight: bold;
	font-size: 11px;
	color: black;
	border-bottom: #43669b 1px solid;
	padding-top: 5px;
	height: 16px;
	vertical-align: middle;
	text-transform: capitalize;
}

.labelBold1 {
	font-weight: bold;
	font-size: 13px;
}

.viewPageHead {
	font-weight: bold;
	font-size: 13px;
	text-decoration: underline;
}

.ul1 {
	color: black;
	height: 1px;
}

.searchcontrolborder {
	background-color: #F5F5F4;
	border-left: #DCDCDC 1px solid;
	border-right: #dcdcdc 1px solid;
	border-top: #DCDCDC 1px solid;
	border-bottom: #DCDCDC 1px solid;
}

.pageborder {
	border-left: #43669b 2px solid;
	border-right: #43669b 1px solid;
	border-top: #43669b 1px solid;
	border-bottom: #43669b 1px solid;
	padding: 0px;
}

.pageborder2 {
	border-left: rgb(222, 222, 222) 2px solid;
	border-right: rgb(222, 222, 222) 1px solid;
	border-top: rgb(222, 222, 222) 0px solid;
	border-bottom: rgb(222, 222, 222) 1px solid;
	padding: 0px;
}

.HrLine { border-bottom: #43669b 2px solid; }

.FooterHrLine { border-top: #43669b 2px solid; }

.Line { border-top: #43669b 1px dotted; }

.Line1 { border-top: #43669b 1px solid; }

.topmenumo1 {
	font-weight: bold;
	font-size: 11px;
	color: black;
	font-style: normal;
	text-align: left;
	text-decoration: underline;
}

html[dir=rtl] .topmenumo1 { text-align: right; }

/*
.button
{
	font-weight: bold;
	font-size: 15px;
	width: 80px;
	height: 22px;
	background-image: url('../Images/buttongreen.png' );
	vertical-align: text-top;
	padding-bottom: 3px;
}

.longbutton
{
	font-weight: bold;
	font-size: 15px;
	width: 180px;
	height: 22px;
	background-image: url('../Images/buttongreen.png' );
	vertical-align: text-top;
	padding-bottom: 3px;
}

.longbutton1
{
	font-weight: bold;
	font-size: 15px;
	width: 180px;
	height: 22px;
	background-image: url('../Images/buttongreen.png' );
	vertical-align: text-top;
	padding-bottom: 3px;
}

.dislongbutton
{
	font-weight: bold;
	font-size: 15px;
	width: 180px;
	height: 22px;
	background-image: url('../Images/buttongreen.png' );
	vertical-align: text-top;
	padding-bottom: 3px;
}
*/

.titleborder {
	border-left: #43669b 1px solid;
	border-right: #43669b 1px solid;
	border-top: #43669b 1px solid;
	border-bottom: #43669b 1px solid;
}

TR.listHeader {
	font-weight: bold;
	font-size: 9pt;
	color: #333366;
	background-color: #B0CCF0;
}

TABLE.list {
	border-right: 1px solid rgb(222, 222, 222);
	border-top: 1px solid rgb(222, 222, 222);
	border-left: 1px solid rgb(222, 222, 222);
	border-bottom: 1px solid rgb(222, 222, 222);
	padding: 0;
}

TD.listHeader { border-bottom: #43669b 1pt solid; }

TABLE.details {
	border: solid 1pt #43669b;
	padding: 0;
}

.listBundle {
	font-weight: bold;
	font-size: 10pt;
	width: 215px;
	text-indent: 0pt;
	height: 30px;
	word-wrap: break-word;
}

.listBreak {
	font-weight: bold;
	font-size: 10pt;
	width: 215px;
	text-indent: 15pt;
	height: 30px;
	word-wrap: break-word;
}

.priceText {
	border-right: #43669b 1pt solid;
	border-top: #43669b 1pt solid;
	font-weight: normal;
	font-size: 11px;
	border-left: #43669b 1pt solid;
	color: #000000;
	border-bottom: #43669b 1pt solid;
	height: 14px;
	text-align: right;
}

html[dir=rtl] .priceText { text-align: left; }

.totalPrice {
	font-weight: bold;
	font-size: 11px;
	color: black;
	text-align: right;
}

html[dir=rtl] .totalPrice { text-align: left; }

.totalPriceText {
	font-weight: bold;
	font-size: 11px;
	color: black;
}

.legendText {
	font-weight: normal;
	font-size: 9px;
	color: black;
}

.warningText {
	font-weight: bold;
	font-size: 11px;
	color: #000000;
}

.searchCtrlCustomerNbr {
	background-color: #F5F5F4;
	border-style: none;
	font-weight: bold;
	font-size: 11px;
	color: black;
}

.labelcolor { }

/*To set style for Status of a disconnection item field*/

.disconnectStatus {
	font-weight: bold;
	color: #FF7171 !important;
}

/*To set style for Status of a active item field*/

.activeStatus {
	font-weight: bold;
	font-size: 9px;
	color: green !important;
}

/*To set style for single view screens*/

.svcontenthead {
	font-weight: bold;
	font-size: 11px;
	color: black;
	background-color: #D9F0FF;
}

TR.svsubhead {
	font-weight: bold;
	font-size: 12px;
	color: black;
	height: 20px;
	background-color: #B0CCF0;
}

TABLE.tblborder {
	border-right: none;
	border-top: #B0CCF0 1px solid;
	border-left: none;
	border-bottom: #B0CCF0 1px solid;
}

.controlborder {
	background-color: #F5F5F4;
	border-bottom: #B0C4DE 1px hidden;
}

TABLE.padding {
	padding-left: 3px;
	padding-bottom: 3px;
}

html[dir=rtl] TABLE.padding {
	padding-right: 3px;
	padding-left: 0px;
}


TABLE.padding1 {
	padding-top: 3px;
	padding-left: 6px;
}

html[dir=rtl] TABLE.padding1 {
	padding-right: 6px;
	padding-left: 0px;
}

TABLE.tblalign { padding-top: 5px; }

.tdborder1 {
	padding-left: 3px;
	padding-right: 3px;
	border-right: #DCDCDC 1px solid;
	border-left: #DCDCDC 1px solid;
}

.labelcolor {
	font-weight: bold;
	font-size: 11px;
	color: Red;
}

.disText1 {
	padding-left: 4px;
	font-weight: bold;
	font-size: 11px;
	color: black;
}

html[dir=rtl] .disText1 {
	padding-right: 4px;
	padding-left: 0px;
}

.ctrlwidth { width: 150px; }

DIV.scroll {
	overflow: scroll;
	behavior: url('../themes/default/mainportal/css/ScrollPos.htc');
}

.height80px { height: 80px; }

.height100px { height: 100px; }

.height180px { height: 180px; }

.height400px { height: 400px; }

DIV.rolelist {
	height: 300px;
	width: 250px;
	overflow: scroll;
}

select.ddlwidth85px { width: 85px; }

select.ddlwidth100px { width: 100px; }

select.ddlwidth120px { width: 120px; }

select.ddlwidth150px { width: 150px; }

select.ddlwidth190px { width: 190px; }

INPUT.partnerdescription {
	border-right: #B0C4DE 1px solid;
	border-top: #B0C4DE 1px solid;
	border-left: #B0C4DE 1px solid;
	border-bottom: #B0C4DE 1px solid;
	height: 16px;
	background-color: #ffffff;
	width: 300px;
}

textarea.txtareawidth410px { width: 410px; }

INPUT.txtwidth99per { width: 99%; }

.cursortype { cursor: hand; }

cursortype { cursor: hand; }

.griditem1 {
	height: 16px;
	font-weight: normal;
	font-size: 10px;
	background-color: #F6F6F6;
	color: #000000;
}

.altgriditem1 {
	height: 16px;
	font-weight: normal;
	font-size: 10px;
	background-color: #F6F6F6;
	color: #000000;
}

/* Tablestyle, gridheading and subtable are mutualy exclusive*/

/* so when Tablestyle class is used use mainsubtable & maintablegridheading class*/

Table.maintableborderstyle, Table.maintableborderstyle1 { }

Table.maintableborderstyle1 td { padding: 2px; }

Table.tablesaperator { width: 100%; }

Table.tablesaperator td { height: 20px; }

Table.gridheading { width: 100%; }

Table.maintable { width: 100%; }

Table.subtable { width: 100%; }

/*For tables with in a grid*/

Table.insidegrid {
	width: 100%;
	padding: 0px;
}

Table.insidegrid1 { width: 100%; }

Table.insidegrid2 { width: 100%; }

/*Given for tables with elements (label + required field + input control)*/

Table.elementtable { width: 100%; }

.dataliststyle { width: 100%; }

td.columnone { width: 50%; }

td.fullcolumn { width: 100%; }

td.columntwo { width: 50%; }

.panelstyle { width: 100%; }

TD.RowSaperator { }

.BorderStyle { }

.griditemborder { }

Table.content { width: 100%; }

Table.customercontrol { width: 100%; }

input.textboxsize16 { width: expression(8*16); }

input.textboxsize32 { width: expression(8*32); }

input.textboxsize20 { width: expression(8*20); }

input.textboxsize10 { width: expression(8*10); }

.headingrowheight { height: 20px; }

.homepagehtml {
	height: 487px;
	width: 100%;
}

td.tdsaperator { height: 3px; }

.problems { text-align: left; }


html[dir=rtl] .problems { text-align: right; }

.problem {
	font-weight: normal;
	font-size: 11px;
	color: black;
	text-align: left;
	padding-bottom: 5px;
}

html[dir=rtl] .problem { text-align: right }

.answers {
	width: 100%;
	text-align: left;
}

html[dir=rtl] .answers { text-align: right; }

.answer {
	font-weight: normal;
	font-size: 11px;
	color: #000000;
	padding-bottom: 5px;
	text-align: left;
}

html[dir=rtl] .answer { text-align: right; }

.blanksection { height: 5px; }

.smartwizard_checkboxlist { height: 200px; }

.checkboxlist {
	height: 140px;
	overflow: auto;
	text-align: left;
	width: 170px;
	padding: 0;
}

html[dir=rtl] .checkboxlist { text-align: right; }

.lblcheckboxlist {
	font-weight: bold;
	font-size: 11px;
	color: black;
	background-color: rgb(218, 218, 218);
	text-align: center;
	height: 20px;
	border-bottom: solid 1px rgb(222, 222, 222);
}

.checkboxlistheader {
	font-size: 10px;
	height: 140px;
	width: 170px;
	color: black;
	text-align: center;
	border: solid 1px rgb(222, 222, 222);
}

.cursordefault { cursor: default; }

.txtselfpros {
	border: 0;
	font-size: 12px;
	width: 185px;
	height: 17px;
	font-weight: bold;
	color: black;
	background-color: #FFE1F7;
}

.txtselfpros1 {
	border: 0;
	font-size: 11px;
	font-weight: bold;
	padding: 1px 0;
	color: black;
	background-color: #FFE1F7;
}

.txtselfpros2 { width: 212px; }

.sprospaddblock { width: 50px; }

.sprospaddstreet { width: 242px; }

.sprosptxtaddunit { width: 50px; }

.sprosptxtaddpcode { width: 72px; }

.sprospddl { width: 212px; }

/*end*/

.selfcarenotice {
	border-width: thin;
	font-size: small;
	color: Maroon;
}

.selfcareparty { background-color: white; }

.EscDocStyle {
	background-color: Red;
	font-weight: bold;
	width: 5%;
	word-wrap: break-word;
}

.successheader {
	font-weight: bold;
	font-size: 12px;
	color: blue;
}

.failureheader {
	font-weight: bold;
	font-size: 13px;
	color: red;
}

.successresult {
	font-weight: bold;
	font-size: 12px;
	color: blue;
}

.failureresult {
	font-weight: bold;
	font-size: 12px;
	color: red;
}

.tdborder2 {
	border-bottom: #DCDCDC 1px solid;
	font-weight: normal;
	font-size: 11px;
	color: black;
	height: 20;
	padding-left: 2px;
}

html[dir=rtl] .tdborder2 {
	padding-right: 2px;
	padding-left: 0px;
}

.tdbackground {
	background-repeat: repeat-x;
	border-spacing: 0px;
	margin: 0px;
	border: 5px solid #C7C7C7;
	border-bottom: none;
	border: 2px;
	height: 30px;
	font-weight: bold;
	font-size: 11px;
	color: black;
}

/********All are new classes. Verify and remove if not used*****************/

/***************page Styles******************/

/*
Tatble.maintableborderstyle
{
	
}

div input.custnbr
{
	width:75px;
}

div input.inputsearch
{
	width:114px;
}

div.custnbr
{
	width:174px;
	text-align:left;
}
.floatleft
{
	float:left;
}
.floatright
{
	float:right;
}
.alignleft
{
	text-align:left;
}
.alignright
{
	text-align:right;
}
.leftmiddle
{
	text-align:left;
	vertical-align:middle;
	padding-left:1px;
	padding-top:2px;
}
.custsearch
{
	width:12px;
	height:14px;
}

.searchimg
{
	border-right: #B0C4DE 1px solid;
	border-top: #B0C4DE 1px solid;
	border-left: none;
	border-bottom: #B0C4DE 1px solid;
	background-color: #c3dafd;
	height: 15px;
	vertical-align:text-bottom;    
}*/

/********All are new classes. Verify and remove if not used*****************/

/********************************************************LOGIN PAGE********************************************************/

/*div.formlogin
{
	height:150px;
	width:350px;
	border-radius:5px;
	border:#43669b 1px solid;
	background-color:#FFFFFF;
	position:relative;
	top:100px;
	left:36%;
}
div.loginhead
{
	background: -moz-linear-gradient(#1696C5, #048BBE) repeat scroll 0 0 transparent;
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1696C5', endColorstr='#048BBE',GradientType=0 );
	padding:5px 0px;
	border-bottom:#43669b 1px solid;
	color:#e7f1ff;
	font-weight:bold;
	vertical-align:middle;
	text-align:center;
}
div.loginuidpwd
{
	text-align:right;
	float:right;
}
div.userid,div.pwd
{
	height:18px;
	width:220px;
	padding:15px 35px 5px 5px;
	text-align:right;
}
div.formlogin .labelText1
{
	text-align:right;
}
input.userid,input.pwd
{
	width:150px;
}
div.btnlogin
{
	width:100%;
	padding:15px 0px 0px 0px;
}*/

/*********************************END LOGIN*********************************/

div.notesfield {
	height: 39px;
	padding-top: 20px;
}

.oldsubelement, .subelement {
	min-height: 22px;
	padding-top: 3px;
	padding-bottom: 3px;
}

.subelement { float: left; }

html[dir=rtl] .subelement { float: right; }

div.floatleft { float: left; }

html[dir=rtl] div.floatleft { float: right; }

div.floatright { float: right; }

html[dir=rtl] div.floatright { float: left; }

chkboxlist { text-align: left; }

div.form {
	width: 100%;
	/*background-color: #FFFFFF;*/
	margin: 0px;
}

.section {
	width: 100%;
	border: 0px;
}

.controllabel {
	font-weight: normal;
	font-size: 12px;
	color: black;
	padding-left: 2px;
	padding-right: 2px;
}

.sectiondetails {
	width: 100%;
	margin-bottom: 0px;
}

.sectionheading {
	color: #3F3F3F;
	height: 35px;
	padding: 0px 0px 0px 0px;
	text-align: left;
	vertical-align: middle;
	background-color: #DADADA;
	width: auto;
}

html[dir=rtl] .sectionheading { text-align: right; }

div.heading {
	width: 70%;
	text-align: left;
	position: relative;
	top: 22%;
	left: 2px;
	font-weight: bold;
	font-size: 14px;
	color: #3F3F3F;
	float: left;
	text-align: left;
}

html[dir=rtl] div.heading {
	text-align: right;
	right: 2px;
	left: 0px;
	float: right;
}


div.actionbutton {
	width: 30%;
	float: right;
	text-align: right;
	height: 35px;
}

html[dir=rtl] div.actionbutton {
	float: left;
	text-align: left;
}

.actionbutton a {
	position: relative;
	top: 10px;
}

.actionbutton input {
	position: relative;
	top: 1px;
}

.actionbutton input:active { top: 2px; }

.heading input {
	position: relative;
	bottom: 4px;
}

.heading a {
	position: relative;
	bottom: 1px;
}

.sectionfields {
	width: 100%;
	border-left: 1px solid #DEDEDE;
	border-right: 1px solid #DEDEDE;
}

table.sectionfields tr:last-child > td {
	border-style: none;
	border-width: 0px;
}
.custblock {
	width: 56% !important;
}
/******************Customer Screen**************************/

.frm120 { }

.frm120 .primaryaddress, .frm120 .billingaddress {
	border: 0px none;
	width: 100%;
}

.frm120 .addresssection, .addresshead { width: 100%; }

.subhead .primaryaddresshead td, .subhead .billingaddresshead td {
	background-color: #DADADA;
	color: #3F3F3F;
	font-size: 14px;
	font-weight: bold;
}

.frm120 #ctl00_uxPgCPH_tdaddress .primaryaddresshead, .frm120 #ctl00_uxPgCPH_tdaddress .billingaddresshead {
	height: 35px;
	padding: 0px 0px 0px 2px;
	text-align: left;
	vertical-align: middle;
	background-color: #DADADA;
	width: 50%;
}

.frm120 .notes { width: 70%; }

.frm120 .formfields { width: 100%; }

.frm120 .homepassed, .frm120 .useprimaryaddress { text-align: right; }

#ctl00_uxPgCPH_uxBillSummaryGrid .amount {
	text-align: left !important;
	padding: 0px 3px 0px 0px;
	padding-left: 3px;
}

#ctl00_uxPgCPH_priceplanpricinggrid .listcol7 { text-align: center !important; }

#ctl00_uxPgCPH_tdnotes .optionalimg { height: 59px; }

#ctl00_uxPgCPH_tdnotes .requiredimg { height: 59px; }

.frm120 #ctl00_uxPgCPH_tdaddress .subhead { width: 100%; }

#tblparentchildpnl_head { border-top: 1px solid #C0C0C0; }

#tblparentchild_childinfo { padding-top: 20px; }

#ctl00_uxPgCPH_uxControls .section { margin-top: 2px; }

/******************Customer Screen**************************/

tr.rowstyle { }

tr.altrowstyle { }

td.column11 {
	height: 25px;
	width: 100%;
	border-bottom: 1px solid #DEDEDE;
}

td.column1, td.column2 {
	height: 25px;
	width: 50%;
	border-bottom: 1px solid #DEDEDE;
}

td.columnr1 {
	height: 25px;
	width: 125px;
	font-weight: bold;
	font-size: 13px;
	color: black;
	text-align: left;
}

html[dir=rtl] td.columnr1 { text-align: right; }

td.columnr2 {
	height: 25px;
	width: 275px;
	text-align: left;
	font-size: 12px;
	color: black;
}

html[dir=rtl] td.columnr2 { text-align: right; }

td.columnr11 {
	height: 25px;
	width: 150px;
	font-weight: bold;
	font-size: 13px;
	color: black;
	text-align: left;
	border-bottom: 1px solid #DEDEDE;
	border-collapse: collapse;	
}

html[dir=rtl] td.columnr11 { text-align: right; }

td.columnr12 {
	height: 25px;
	width: 250px;
	text-align: left;
	font-size: 12px;
	color: black;
	border-bottom: 1px solid #DEDEDE;
	border-collapse: collapse;
}

html[dir=rtl] td.columnr12 { text-align: right; }

td.columnr3 {
	border-bottom: 1px solid #DEDEDE;
	border-collapse: collapse;
}

tr.rowstyle { border-bottom: 1px solid #DEDEDE; }

tr.altrowstyle { border-bottom: 1px solid #DEDEDE; }

td.searchcolumn1 {
	width: 150px;
	word-wrap: break-all;
}

td.searchcolumn2 { word-wrap: break-all; }

td.searchcolumn3 {
	width: 250px;
	word-wrap: break-all;
}

.gridcolumnhead {
	height: 30px;
	vertical-align: middle;
	text-align: left;
	width: 100%;
	border-left: 0px solid #DEDEDE;
}

html[dir=rtl] .gridcolumnhead { text-align: right; }

th { text-align: left; }

html[dir=rtl] th { text-align: right; }

.gridcolumnhead th {
	font-weight: bold;
	font-size: 12px;
	color: #FFFFFF;
	border-bottom: 1px solid rgb(222, 222, 222);
	/*border-right: 0px solid rgb(222, 222, 222);*/
	border-left: 2px solid rgb(222, 222, 222);
	background-color: #5F5F5F;
	padding: 3px;
}

.gridcolumnhead th a {
	font-weight: bold;
	color: White;
}

.gridcolumnhead th a:hover { color: #C44A49; }

th { text-align: left; }


/*.gridcolumnhead > th
{
	border-right: 2px solid rgb(222, 222, 222);
}*/

.gridcolumnhead > th:first-child { border-left: 0px solid rgb(222, 222, 222); }

.gridcolumnhead > th:last-child { border-right: 0px solid rgb(222, 222, 222); }

.griditem > td, .altgriditem > td {
	height: 25px;
	padding: 3px;
}

.amount {
	text-align: right !important;
	padding: 0px 3px 0px 0px;
}

html[dir=rtl] .amount { text-align: left; }

.gridtable /*not required, can be deleted*/ {
	/*border-left: 1px solid rgb(222, 222, 222);*/
	border-left: 2px solid #DEDEDE;
}

.grid {
	width: 100%;
	padding-bottom: 3px;
	border-top: 1px solid rgb(222, 222, 222);
}

div.gridfields { width: 100%; }

div.gridoverflow {
	overflow: scroll;
	behavior: url('../themes/default/mainportal/css/ScrollPos.htc');
	height: 150px;
	border-left: 1px solid rgb(222, 222, 222);
	border-bottom: 1px solid rgb(222, 222, 222);
	border-right: 1px solid rgb(222, 222, 222);
}

div.listoverflow {
	overflow: scroll;
	behavior: url('../themes/default/mainportal/css/ScrollPos.htc');
	height: 150px;
	overflow-x: hidden;
}

/*.griditem
{
	height: 16px;
	font-weight: normal;
	font-size: 10px;
	background-color: #ECF5FF;
	color: #000000;
}       
										//Raghava
.altgriditem                    
{
	height: 16px;
	font-weight: normal;
	font-size: 10px;
	background-color: #E1F0FF;
	color: #000000;
}*/

/*Removed form*/

td.flexcolumn {
	width: 100%;
	padding-bottom: 0px;
	border-bottom: 1px solid rgb(222, 222, 222);
	height: 25px;
}

td.flexcolumn1 {
	width: 33.5%;
	padding-bottom: 0px;
	border-bottom: 1px solid rgb(222, 222, 222);
	height: 25px;
}

td.flexcolumn2 {
	width: 33%;
	padding-bottom: 0px;
	border-bottom: 1px solid rgb(222, 222, 222);
	height: 25px;
}

td.flexcolumn3 {
	width: 33.5%;
	padding-bottom: 0px;
	border-bottom: 1px solid rgb(222, 222, 222);
	height: 25px;
}

/* .flexoptionaltext1, .flexoptionaltext2, .flexoptionaltext3
{
	width: 150px;
	font-weight: normal;
	font-size: 12px;
	color: black;
	text-align: right;
	background-color: #F7F7F7;
	padding-top: 4px;
}*/

/* .flexrequiredtext1, .flexrequiredtext2, .flexrequiredtext3
{
	width: 150px;
	font-weight: bold;
	font-size: 12px;
	color: black;
	text-align: right;
	background-color: #F7F7F7;
	padding-top: 4px;
}*/

/*.subhead td
{
	font-weight: bold;
	font-size: 12px;
	color: #43669b;
	border-bottom:1px solid #cce;
	border-right:1px solid #cce;
	border-top:1px solid #cce;
	border-left:1px solid #cce;
	padding:3px;
}
.subhead th
{
	font-weight: bold;
	font-size: 12px;
	color: #43669b;
	border-bottom:1px solid #cce;
	border-right:1px solid #cce;
	border-top:1px solid #cce;
	border-left:1px solid #cce;
	padding:3px;
}
*/

.subhead {
	height: 30px;
	/* vertical-align: middle;
	text-align: left;*/
}

.subhead td {
	/*font-weight: bold;
	font-size: 12px;
	color: #3F3F3F;    
	text-align: left;*/
	
	font-weight: bold;
	font-size: 12px;
	color: #FFFFFF;
	border-bottom: 1px solid rgb(222, 222, 222);
	border-right: 2px solid rgb(222, 222, 222);
	background-color: #5F5F5F;
	padding: 3px;
	text-align: left;
}

html[dir=rtl] .subhead td { text-align: right; }

.form .subhead {
	font-weight: bold;
	font-size: 12px;
	color: #3F3F3F;
	height: 30px;
	text-align: left;
	background-color: #DADADA;
	/*    border: 1px solid #EAEAEA;*/
	width: auto;
}

html[dir=rtl] .form .subhead { text-align: right; }

.form .subhead td {
	border-style: none;
	padding: 0px;
/*	width: auto;*/
}

.subhead th {
	font-weight: bold;
	font-size: 12px;
	color: #FFFFFF;
	border-bottom: 1px solid rgb(222, 222, 222);
	border-left: 2px solid rgb(222, 222, 222);
	background-color: #5F5F5F;
	padding: 3px;
}

.subheadOLD {
	font-weight: bold;
	font-size: 16px;
	color: #333366;
	height: 20px;
	background-color: rgb(247, 247, 247);
	padding: 6px 0px 0px 0px;
	text-align: left;
	border-left: 1px solid #EAEAEA;
	border-right: 1px solid #EAEAEA;
	border-top: 1px solid #EAEAEA;
	border-bottom: 1px solid lightgrey;
	width: 100%;
}

html[dir=rtl] .subheadOLD { text-align: right; }


.gridmessage {
	font-size: 14px;
	font-weight: bold;
	color: red;
	text-align: center;
	vertical-align: middle;
	text-align: center;
}

.gridmessage td {
	height: 28px;
	border-bottom: 1px solid rgb(222, 222, 222);
	border-right: 1px solid rgb(222, 222, 222);
	border-left: 1px solid rgb(222, 222, 222);
}

.labelfield {
	width: 40%;
	font-weight: bold;
	font-size: 12px;
	color: black;
	text-align: right;
	float: left;
	padding-right: 2px;
}

html[dir=rtl] .labelfield {
	text-align: left;
	float: right;
	padding-left: 2px;
	padding-right: 0px;
}

.searchlblfield {
	width: 40%;
	font-weight: bold;
	font-size: 12px;
	color: black;
	text-align: right;
	float: left;
	padding-right: 2px;
}

html[dir=rtl] .searchlblfield {
	text-align: left;
	float: right;
	padding-left: 2px;
	padding-right: 0px;
}

.textfield {
	width: 57%;
	font-weight: normal;
	font-size: 12px;
	color: black;
	text-align: left;
	float: left;
	border: 0px none;
	padding-left: 3px;
	word-break: break-all;
}

html[dir=rtl] .textfield {
	text-align: right;
	float: right;
	padding-right: 3px;
	padding-left: 0px;
}

td.column31 {
	width: 33.5%;
	padding-bottom: 0px;
	border-bottom: 1px solid rgb(222, 222, 222);
	height: 25px;
}

td.column32 {
	width: 33%;
	padding-bottom: 0px;
	border-bottom: 1px solid rgb(222, 222, 222);
	height: 25px;
}

td.column33 {
	width: 33.5%;
	padding-bottom: 0px;
	border-bottom: 1px solid rgb(222, 222, 222);
	height: 25px;
}

td.column31 input.text, td.column31 input.inputtext, td.column31 INPUT.price, td.column31 input.logininputtext,
td.column31 textarea, td.column31 TEXTAREA.text, td.column31 .textarea,
td.column31 .searchctrltext, td.column31 .searchctrlselect,
td.column31 .select, td.column31 SELECT.text,
td.column31 .textarea, td.column31 .hyperlink {
	width: 140px;
	/*position:relative;
	bottom:10px;*/
}

td.column32 input.text, td.column32 input.inputtext, td.column32 INPUT.price, td.column32 input.logininputtext,
td.column32 textarea, td.column32 TEXTAREA.text, td.column32 .textarea,
td.column32 .searchctrltext, td.column32 .searchctrlselect,
td.column32 .select, td.column32 SELECT.text,
td.column32 .textarea, td.column32 .hyperlink {
	width: 140px;
	/*position:relative;
	bottom:10px;*/
}

td.column33 input.text, td.column33 input.inputtext, td.column33 INPUT.price, td.column33 input.logininputtext,
td.column33 textarea, td.column33 TEXTAREA.text, td.column33 .textarea,
td.column33 .searchctrltext, td.column33 .searchctrlselect,
td.column33 .select, td.column33 SELECT.text,
td.column33 .textarea, td.column33 .hyperlink {
	width: 140px;
	/*position:relative;
	bottom:10px;*/
}

td.column41 {
	width: 25%;
	padding-bottom: 0px;
	border-bottom: 1px solid rgb(222, 222, 222);
	height: 25px;
}

td.column42 {
	width: 25%;
	padding-bottom: 0px;
	border-bottom: 1px solid rgb(222, 222, 222);
	height: 25px;
}

td.column43 {
	width: 25%;
	padding-bottom: 0px;
	border-bottom: 1px solid rgb(222, 222, 222);
	height: 25px;
}

td.column44 {
	width: 25%;
	padding-bottom: 0px;
	border-bottom: 1px solid rgb(222, 222, 222);
	height: 25px;
}

/***Delete while checkin111********/

.inputtextport { width: 30px; }

input.inputtextport:hover { border: 1px solid #000000; }

/***Delete while checkin111********/


/********Delete while checkin2222************/

/* masterwizard Classes */

.mwpageseparator {
	border-top: 4px solid rgb(234, 234, 234);
	height: 15px;
	width: 100%;
}

.display { display: none !important; }

/* end of masterwizard Classes */

/*******Buttons***********/

/*************Search Control Classes***********************/

/*.searchcontrol
{
	border: solid 0px #DCDCDC;
	margin-bottom:10px;
	font-family: Verdana,Helvetica,sans-serif;
}*/

.searchcontrol {
	border: 2px solid #C5C5C6;
	margin-bottom: 5px;
	background-color: #EAEAEA;
}

.divsearchresult {
	/*min-height: 50px;*/
	padding: 10px 5px;
}

/*.searchdetails
{  
	width:100%;
	border-left: #DCDCDC 1px solid;
	border-right: #dcdcdc 1px solid;
	border-top: #DCDCDC 1px solid;
	border-bottom: #B0C4DE 1px solid;
	padding-bottom:4px;
	padding-left:4px;
}*/

.searchdetails {
	border-bottom: 1px solid #C5C5C6;
	width: 100%;
	padding: 3px 5px;
}

tr.searchselfcare { height: 10px; }

.searchselfcare td { width: 13%; }

tr.searchmain { height: 15px; }

.searchmain td { width: 25%; }

.searchmain1 td { width: 20%; }

tr.searchinputcontrols { height: 15px; }

.searchinputcontrols td { width: 25%; }

.searchinputcontrols1 td { width: 20%; }

.searchcontactwidth { width: 30% !important; }

html[dir=ltr] .searchcontactlbl {
	width: 120px;
	font-weight: normal;
	font-size: 13px;
	padding-left: 155px !important;
}

html[dir=rtl] .searchcontactlbl {
	width: 120px;
	font-weight: normal;
	font-size: 13px;
	float: left;
	padding-left: 119px;
}

.CustSearch_lblcountry { float: right; }

/*.searchlabel
{
	width: 120px;
	font-weight: normal;
	font-size: 12px;
	color: #43669b;
	font-family: Verdana,Helvetica,sans-serif;
}*/

.searchlabel {
	width: 120px;
	font-weight: normal;
	font-size: 13px;
}

table.searchresult { width: 100%; }

table.searchcontrolresult { width: 100%; }

.searchcontrolresult td {
	vertical-align: text-top;
	word-wrap: break-all;
	padding-left: 1px;
}

html[dir=rtl] .searchcontrolresult td {
	padding-right: 1px;
	padding-left: 0px;
}

.searchresult td {
	font-weight: bold;
	vertical-align: text-top;
	word-wrap: break-word;
	width: 25%;			
}

.searchresult td:first-child { padding-left: 4px; }

html[dir=rtl] .searchresult td:first-child {
	padding-right: 4px;
	padding-left: 0px;
}

.searchctrltext { }

.searchctrlselect { }

.searchaddctlshide { display: none; }

.searchaddctlsvisible {
	display: inline;
	width: 390px;
}

div.searchselfcarehelp { width: 100%; }

div.selfcarehelpcontainer { width: 100%; }

div.searchhelphide { display: none; }

div.searchhelpvisible { display: inline; }

div.searchfloat { float: left; }

html[dir=rtl] .searchfloat { float: right; }

/*.searchresultlabel
{
	padding-left:4px;
	font-weight: bold;
	font-size: 11px;
	color: #43669b;
	word-wrap:break-word;	
	font-family: Verdana,Helvetica,sans-serif;
}*/

.searchresultlabel {
	font-weight: bold;
	font-size: 12px;
	word-wrap: break-word;
}

.searchresultlabel:after { text-indent: -9999999999999px; }

.searchresultlabelNormal {

	font-size: 12px;
	word-wrap: break-word;
}

.searchresultlabelNormal:after { text-indent: -9999999999999px; }

.currency {
	font-weight: bold;
	font-size: 11px;
	color: Red;
}

.divsearchresult .namebalance { width: 100%; }

.namebalance .searchcolumn1 { width: 100px; }

.namebalance .searchname { width: 100%; }

.namebalance .searchbalance { width: 100%; }

.searchbalance .searchcolumnoptImg { width: 1%; }

.searchbalance .searchcolumn2 { width: 12%; }

.namebalance .tdname { width: 49% }

.namebalance .tdbalance { width: 49% }

.namebalance .tdimg { width: 2% }

/*************Search Control Classes***********************/

/*************Customer search control*******************/

.customersearchctrl { }

.customersearchctrl .gridoverflow { height: 320px; }

.customersearchctrl .custsearchgridcolumn1 {
	width: 10%;
	word-wrap: break-word;
	vertical-align: top;
}

.customersearchctrl .custsearchgridcolumn2 {
	width: 21%;
	word-wrap: break-word;
	vertical-align: top;
}

.customersearchctrl .custsearchgridcolumn3 {
	width: 22%;
	word-wrap: break-word;
	vertical-align: top;
}

.customersearchctrl .custsearchgridcolumn4 {
	width: 21.4%;
	word-wrap: break-word;
	vertical-align: top;
}

.customersearchctrl .custsearchgridcolumn5 {
	width: 23.4%;
	word-wrap: break-word;
	vertical-align: top;
}

.customersearchctrl .custsearchgridscroll { width: 2%; }

.customersearchctrl .custsearchdtls { width: 100%; }

.customersearchctrl .custsearchcompany { font-weight: bold; }

.customersearchctrl .DisabledLink {
	width: 10%;
	word-wrap: break-word;
	vertical-align: top;
	pointer-events: none;
	cursor: default;
}

.customersearchctrl .DisabledLink A:first-child { text-decoration: none; }

.customersearchctrl .custsearchnumber {
	position: relative;
	top: 7px;
}

/*************Customer search control*******************/

/*************Look up search*****************/


.frmlookupcontrol { }

div.lookupsearch { float: left; }

html[dir=rtl] .lookupsearch { float: right; }

div.lookupsearchelement { float: left; }

html[dir=rtl] div.lookupsearchelement { float: right; }

td.lookupsearchtext {
	float: left;
	margin-bottom: 1px;
}

html[dir=rtl] td.lookupsearchtext { float: right; }

td.lookupsearchtextdown { text-align: left; }

html[dir=rtl] td.lookupsearchtextdown { text-align: right; }

.frmlookupsearch .gridfields { min-height: 400px; }

/*************Look up search*****************/

/******************Address Control****************/

.addresscontrol {
	width: 100%;
	border: 0;
}

.addresscontrol .subelement div {
	float: left;
	padding-right: 4px;
}

html[dir=rtl] .addresscontrol .subelement div {
	float: right;
	padding-right: 0px;
	padding-left: 4px;
}

.addresselementlookup {
	text-align: center;
	max-height: 10px;
	padding-top: 5px;
}

.addresscontrol .cursortype { cursor: pointer; }

/******************Address Control****************/

/******************SingleView***********************/

.svsectionfloatleft {
	width: 49.8%;
	float: left;
}

html[dir=rtl] .svsectionfloatleft { float: right; }

.svsectionfloatright {
	width: 50%;
	float: right;
}

html[dir=rtl] .svsectionfloatright { float: left; }

.svgridheight { height: 30px; }

/****Notice section*******/

.svmarquee {
	font-weight: bold;
	font-size: 11px;
	color: #43669b;
}

/****Notice section*******/

.contractalign { float: right; }

html[dir=rtl] .contractalign { float: left; }

.svcustomer {
	width: 74.6%;
	float: left;
}

html[dir=rtl] .svcustomer { float: right; }

.svbillaging {
	width: 25%;
	float: left;
	padding-left: 3px;
}

html[dir=rtl] .svbillaging {
	float: right;
	padding-right: 3px;
	padding-left: 0px;
}

.svnoticeinfo { float: left; }

html[dir=rtl] .svnoticeinfo { float: right; }

.svservicereqinfo { float: left; }

html[dir=rtl] .svservicereqinfo { float: right; }

.svsoainfo { float: left; }

html[dir=rtl] .svsoainfo { float: right; }

.svpaymentsinfo { float: left; }

html[dir=rtl] .svpaymentsinfo { float: right; }

.svhistoryinfo { float: left; }

html[dir=rtl] .svhistoryinfo { float: right; }

.svhardwareinfo { float: left; }

html[dir=rtl] .svhardwareinfo { float: right; }

.svcustominfo { float: left; }

html[dir=rtl] .svcustominfo { float: right; }

.svcustomerinfo { float: left; }

html[dir=rtl] .svcustomerinfo { float: right; }

.svcontractinfo { float: left; }

html[dir=rtl] .svcontractinfo { float: right; }

.svnotesinfo { float: left; }

html[dir=rtl] .svnotesinfo { float: right; }

.svaginginfo { float: left; }

html[dir=rtl] .svaginginfo { float: right; }

.svbillinginfo { float: left; }

html[dir=rtl] .svbillinginfo { float: right; }

/******************PaymentsSection***********************/

.svpaymentallocinfo { width: 20%; }

.svpaymentno { width: 20%; }

.svpaymentdate { width: 20%; }

.svpaymentmode { width: 20%; }

.svpaymentamt { width: 20%; }

/******************PaymentsSection***********************/

/******************HardwareSection***********************/

.svhwitem { width: 28%; }

.svhwserialno { width: 30%; }

.svhwwarrantyexpdate { width: 24%; }

.svhwalloctype { width: 18%; }

/******************HardwareSection***********************/

/******************StatementOfAccountSection***********************/

.svsoastatementno { width: 10%; }

.svsoabillingdate { width: 20%; }

.svsoaduedate { width: 20%; }

.svsoaamtdue { width: 14%; }

.svsoalastsentdate { width: 12%; }

.svsoaemailhist { width: 2%; }

.svsoaaltemail { width: 14%; }

.svsoaaction { width: 8%; }

/******************StatementOfAccountSection***********************/

/******************ServiceRequestSection***********************/

.svsrvcomments { width: 2%; }

.svsrvrequestno { width: 10%; }

.svsrvdate { width: 10%; }

.svsrvcategory { width: 15%; }

.svsrvstatus { width: 10%; }

.svsrvassignedto { width: 10%; }

.svsrvnature { width: 18%; }

.svsrvlastupdated { width: 10%; }

.svsrvdescr { width: 15%; }

/******************ServiceRequestSection***********************/

/******************HistoryInfoSection***********************/

.svhistdate { width: 21%; }

.svhistdescr { width: 79%; }

/******************HistoryInfoSection***********************/

/******************NotesInfoSection***********************/

.svntscategory { width: 18%; }

.svntssubcat { width: 25%; }

.svntsnotes {
	width: 27%;
	word-break: break-all;
}

.svntsdate { width: 16%; }

.svntsaction { width: 10%; }

/******************NotesInfoSection***********************/

/******************CouponsSection***********************/
.svcouponcode
{
    width: 20%;
}
.svcoupondate
{
    width: 20%;
}
.svcouponstatus
{
    width: 20%;
}
.svcouponvalidity
{
    width: 20%;
}
/******************CouponsSection***********************/

/******************CashbacksSection***********************/
.svcashbackvoucode
{
    width: 5%;
}
.svcashbackdiscount
{
    width: 5%;
}
.svcashbackvalidity
{
    width: 10%;
    text-align:center;
}

.tdsvcashbackvalidity
{
   text-align:center;
}

/******************CashbacksSection***********************/

/******************ReferralBenefitsSection***********************/
.svreferralcode
{
    width: 20%;
}
.svreferraldate
{
    width: 20%;
}
.svreferralamount
{
    width: 20%;
}
.svreferredfriend
{
    width: 20%;
}
.svreferralmsg
{
    color: #b63436;

    margin: 0px;

    font-family: Segoe UI;

    font-size: 12px;

    font-weight: bold;
}

/******************ReferralBenefitsSection***********************/




/******************Singleview***********************/

/******************Interface Profile****************/

.frm611 .frm611section { width: 70%; }

.frm611 .frm611gridcolumnwidth { width: 100%; }

.frm611 .frm611gridheight { height: 400px; }


/******************Interface Profile***********************/

/**************Look up code****************/

.frmlookupcode { }

.frmdeflookupcodesearch .gridoverflow { height: 400px; }

/**************Look up code****************/

/******************Service Request***************/

.frm162 .notes {
	width: 600px;
	height: 49px;
}

.frm162 .descr {
	width: 600px;
	height: 49px;
}

.frm162 .formfields { width: 100%; }

.frm162 .tabwidth { width: 100%; }

.frm162 .cmntnotes {
	width: 600px;
	height: 49px;
}

.frm162 .btnaligncenter { text-align: center; }

.frm162 .gridheight { height: 200px; }

.frm162 .gridscroll { overflow: auto; }

.frm162 .commentbutton {
	margin-left: 7px;
	margin-top: 17px;
}

.frm162 .shortdescr {
	width: 600px;
	height: 26px;
}

.frm162 .chkinternal1 { padding-left: 10px; }

.frm162 .chkinternal2 {
	padding-right: 20px;
	padding-left: 2px;
}

/******************Service Request***************/

/******************Work Order***************/

.frm168 .notes {
	width: 600px;
	height: 49px;
}

.frm168 .descr {
	width: 600px;
	height: 49px;
}

.frm168 .formfields { width: 100%; }

.frm168 .tabwidth { width: 100%; }

.frm168 .cmntnotes {
	width: 600px;
	height: 49px;
}

.frm168 .btnaligncenter { text-align: center; }

.frm168 .gridheight { height: 200px; }

.frm168 .gridscroll { overflow: auto; }

.frm168 .gvitems .inputtext { width: 100%; }

.frm168 .gvitems .select { width: 100%; }

.frm168 .commentbutton {
	margin-left: 7px;
	margin-top: 17px;
}

/******************Work Order***************/

/******************Service Request Search***************/

.frm1040 div.grdoverflow {
	overflow: scroll;
	behavior: url('../themes/default/mainportal/css/ScrollPos.htc');
	height: 250px;
	overflow-x: hidden;
}

/******************Service Request Search***************/

/******************Work Order Search***************/

.frm1056 div.grdoverflow {
	overflow: scroll;
	behavior: url('../themes/default/mainportal/css/ScrollPos.htc');
	height: 250px;
	overflow-x: hidden;
}

/******************Work Order Search***************/

/******************Layout****************/

.frm607 { }

.frm607 .frm607gridheight { height: 250px; }


/******************Layout ***********************/

/*************MSO issue serial number popup*****************/

.frm1045 .gridoverflow { height: 350px; }

/*************MSO issue serial number popup*****************/

/******************Enhanced Service Order Screen******************/

.frm616 { }

.frm616 #ctl00_uxPgCPH_tduxNotes .optionalimg { height: 59px; }

.frm616 #ctl00_uxPgCPH_tduxNotes .requiredimg { height: 59px; }

.frm616 #divplans {
	width: 65%;
	float: left;
	height: 375px;
}

.frm616 #divplans .gridoverflow { height: 314.2px; }

.frm616 #divplans .addalcrteplans { height: 347px !important; }

.frm616 #ctl00_uxPgCPH_divshoppingcart {
	width: 35%;
	height: 390px;
	float: left;
}

.frm616 #ctl00_uxPgCPH_divshoppingcart .gridoverflow { height: 350px; }

#ctl00_uxPgCPH_dlprodoutlet { border: unset; }

.frm616 .productoutlets .gridoverflow { border-top: 1px solid rgb(222, 222, 222); }

.frm616 .productoutlets { clear: both; }

.frm616 .leasehardware { clear: both; }

.frm616 .salehardware { clear: both; }

.frm616 .customerhardware { clear: both; }

.frm616 .secondsalehardware { clear: both; }

.frm616 .productoutlets .gridoverflow, .frm616 .leasehardware .gridoverflow, .frm616 .salehardware .gridoverflow, .frm616 .customerhardware .gridoverflow, .frm616 .secondsalehardware .gridoverflow { overflow-x: hidden; }


/*Lease grid*/

.gridleasehead1 { width: 20.5%; }

.gridleasehead2 { width: 79%; }

.gridleasedata1 { width: 20.8%; }

.gridleasedata2 { width: 77.2%; }

.gridleasedata3 { width: 2%; }

/*Lease grid*/

/*Sale grid*/

.gridsalehead1 { width: 20%; }

.gridsalehead2 { width: 6.1%; }

.gridsalehead3 { width: 21%; }

.gridsalehead4 { width: 6%; }

.gridsalehead5 { width: 9%; }

.gridsalehead6 { width: 25%; }

.gridsalehead7 { width: 5.1%; }

.gridsalehead8 { width: 3%; }

.gridsalehead9 { width: 3%; }

.gridsalehead10 { width: 1.8%; }

.gridsaledata1 { width: 20%; }

.gridsaledata2 { width: 6%; }

.gridsaledata3 { width: 21%; }

.gridsaledata4 { width: 6%; }

.gridsaledata5 { width: 9%; }

.gridsaledata6 { width: 25%; }

.gridsaledata7 { width: 5%; }

.gridsaledata8 { width: 3%; }

.gridsaledata9 { width: 3%; }

/*Sale grid*/

/*Own grid*/

.gridownhead1 { width: 21%; }

.gridownhead2 { width: 35%; }

.gridownhead3 { width: 35%; }

.gridownhead4 { width: 5%; }

.gridownhead5 { width: 2.5%; }

.gridownhead6 { width: 1.5%; }

.gridowndata1 { width: 20.9%; }

.gridowndata2 { width: 35%; }

.gridowndata3 { width: 35%; }

.gridowndata4 { width: 5%; }

.gridowndata5 { width: 2.5%; }

.grdhwsalehead1 {width : 32%!important}

/*Own grid*/

/*Secsale grid*/

.gridsecsalehead1 { width: 41%; }

.gridsecsalehead2 { width: 50%; }

.gridsecsalehead3 { width: 5%; }

.gridsecsalehead4 { width: 2.5%; }

.gridsecsalehead5 { width: 1.5%; }

.gridsecsaledata1 { width: 41%; }

.gridsecsaledata2 { width: 50%; }

.gridsecsaledata3 { width: 5%; }

.gridsecsaledata4 { width: 2.5%; }

/*Secsale grid*/

.frm616 .gridsaledata1 .select { width: 200px; }

.frm616 .gridsaledata2 .inputtext { width: 50px; }

.frm616 .gridsaledata3 .select { width: 200px; }

.frm616 .gridsaledata4 .inputtext { width: 50px; }

.frm616 .gridsaledata5 .inputtext { width: 50px; }

.frm616 .gridsaledata6 .inputtext { width: 250px; }

.frm616 .gridowndata1 .select { width: 200px; }

.frm616 .gridowndata2 .inputtext { width: 250px; }

.frm616 .gridowndata3 .inputtext { width: 250px; }

.frm616 .gridsecsaledata1 .select { width: 200px; }

.frm616 .gridsecsaledata2 .inputtext { width: 250px; }

.frm616 .productoutlets .labelfield {
	width: 18%;
	padding-right: 5px;
}

#ctl00_uxPgCPH_bundlesvcgrid[style] {
	border-collapse: separate !important;
	border-spacing: 0px 5px;
}


#ctl00_uxPgCPH_bundlesvcgrid td {
	border-left: 0px solid #5F5F5F;
	border-right: 0px solid #5F5F5F;
}


#ctl00_uxPgCPH_bundlesvcgrid td.gridplancol1 {
	border-left: 1px solid #5F5F5F;
	border-top: 1px solid #5F5F5F;
	border-bottom: 1px solid #5F5F5F;
	border-right: 0px;
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
}

#ctl00_uxPgCPH_bundlesvcgrid td.gridplancol4 {
	border-top: 1px solid #5F5F5F;
	border-bottom: 1px solid #5F5F5F;
	border-right: 1px solid #5F5F5F;
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
}

#ctl00_uxPgCPH_bundlesvcgrid td.gridplancol2 {
	border-top: 1px solid #5F5F5F;
	border-bottom: 1px solid #5F5F5F;
}

#ctl00_uxPgCPH_bundlesvcgrid .griditem:hover td, #ctl00_uxPgCPH_bundlesvcgrid .altgriditem:hover td, #ctl00_uxPgCPH_bundlesvcgrid .griditem:hover a, #ctl00_uxPgCPH_bundlesvcgrid .altgriditem:hover a, #ctl00_uxPgCPH_bundlesvcgrid .griditem:hover span, #ctl00_uxPgCPH_bundlesvcgrid .altgriditem:hover span {
	/*background-color:#EAEAEA;*/
	background-color: #C44A49;
	color: white;
}

#ctl00_uxPgCPH_grdcontractdtls .contractselected {
	background-color: rgb(112, 168, 80);
	color: white;
}

#ctl00_uxPgCPH_bundlesvcgrid .contractplanold {
	background-color: rgb(112, 168, 80);
	color: white;
}

#ctl00_uxPgCPH_bundlesvcgrid .contractplannew { background-color: rgb(218, 218, 218); }

.contractselected a, .contractplanold a { color: white; }

	   
.frm616 .griditem, .frm616 .altgriditem { height: 40px; }

.frm616 .griditem:hover td, .frm616 .altgriditem:hover td {
	background-color: #eaeaea;
	/
	/
	color: White;
}


/*.frm616 #divplans .griditem td, .frm616 #divplans .altgriditem td
{
	border-bottom-width:1px;
	border-right-width:0px;
	border-top-width:1px;
}

.frm616 #divplans .griditem > td, .frm616 #divplans .altgriditem > td
{
	border-left: 0px solid rgb(222, 222, 222);
}*/

.frm616 .totalprice { font-weight: bold; }

.frm616 .svcordtotallbl {
	float: left;
	width: 50%;
	text-align: right;
	padding-right: 10px;
}

.frm616 .svcordtotalprice {
	float: right;
	width: auto;
}

.frm616 .divajax {
	background-color: Gray;
	opacity: 0.1;
	filter: alpha(opacity=10);
}

.frm616 .ajaxloader {
	position: fixed;
	top: 20px;
	left: 0px;
	height: 100%;
	width: 100%;
}

.frm616 .ajaxloader td {
	text-align: center;
	vertical-align: middle;
	font-size: 12px;
	font-weight: bold;
}

.frm1130 .servicedesc { width: 20%; }

.frm1130 .gridtable { width: 100%; }

.frm1130 .productcategory, .frm1130 .productdesc { font-weight: bold; }

.frm1130 #productsvc, .frm1130 #productsvc .gridtable, .frm1130 #productsvc .gridlist { border: 0px; }

.frm1130 #productsvcgrp, .frm1130 #productsvcgrp .gridtable, .frm1130 #productsvcgrp .gridlist { border: 0px; }

.frm1130 #productpkg, .frm1130 #productpkg .gridtable, .frm1130 #productpkg .gridlist { border: 0px; }

.frm1130 #productpkggrp, .frm1130 #productpkggrp .gridtable, .frm1130 #productpkggrp .gridlist { border: 0px; }

.frm1130 .indentation { padding-left: 1%; }

.frm1130 .griditem:hover, .frm1130 .altgriditem:hover {
	background-color: white;
	color: black;
}

.frm1130 .griditem:hover *, .frm1130 .altgriditem:hover * {
	background-color: white;
	color: black;
}

.frm1032 .gridoverflow {
	overflow-x: hidden;
	height: 400px;
}

/******************Enhanced Service Order Screen******************/

.form .reccount {
	align: right;
	font-weight: bold;
	font-size: 13px;
	color: #43669b;
	font-family: National;
	text-align: right;
}

.middle { text-align: center; }

/******************New Bill Screen**************************/

.frm179 { }

.frm179 .frm179notes { width: 70%; }

/******************New Bill Screen**************************/

/******************List of Bills Screen**************************/

.frm180 { }

/******************List of Bills Screen**************************/

/******************Credit Note Screen**************************/

.frm188 { }

.frm188 .frm188height125px { height: 125px; }

.frm188 .frm188notes { width: 70%; }

.frm188 .inputtext120 { width: 120px; }

.frm188 .select140 { width: 140px; }

.frm188 .gridlist .inputtext { width: 120px; }

.frm188 .gridlist .select { width: 140px; }

.frm188 .gridlistpadding { padding: 0px 0px; }

/******************Credit Note Screen**************************/

/******************Debit Note Screen**************************/

.frm191 { }

.frm191 .frm191height125px { height: 125px; }

.frm191 .frm191notes { width: 70%; }

.frm191 .inputtext120 { width: 120px; }

.frm191 .select140 { width: 140px; }

.frm191 .gridlist .inputtext { width: 120px; }

.frm191 .gridlist .select { width: 140px; }

.frm191 .gridlistpadding { padding: 0px 0px; }

/******************Debit Note Screen**************************/

/********Callenqnotesdetails************/

.frm1138 .subelement .notes {
	width: 518px;
	height: 22px;
}

/********Callenqnotesdetails************/

/******************Bill Suppress Screen**************************/

.frm303 { }

.frm303 .frm303notes { width: 200px; }

.frm303 .frm303width { width: 50%; }

/******************Bill Suppress Screen**************************/

/******************View Bill Screen**************************/

.frm1064 { }

.frm1064 .frm1064addr {
	height: 60px;
	vertical-align: top;
}

/******************View Bill Screen**************************/

/******************Adjustment History Screen**************************/

.frm1067 { }

.frm1067 .frm1067height300px { height: 300px; }

/******************Adjustment History Screen**************************/

/******************Collection Screen**************************/

.frm270 { }

.frm270 .inputtext80 { width: 80px; }

.frm270 .gridlist .select { width: 120px; }

.frm270 .gridlist .inputtext { width: 80px; }

.frm270 .optionaltext80 {
	width: 80px;
	font-weight: normal;
	font-size: 12px;
	color: black;
	text-align: right;
	position: relative;
	top: 3px;
	padding: 3px 0px;
}

.frm270 .frm270notes { width: 70%; }

.frm270 .griditem .frm270noborder td, .frm270 .altgriditem .frm270noborder td {
	border-bottom: 0px solid #cce;
	border-right: 0px solid #cce;
	border-top: 0px solid #cce;
	border-left: 0px solid #cce;
	padding: 1px;
}

/******************Collection Screen**************************/

/******************Contract Collection Screen**************************/

.frm295 { }

/******************Contract Collection Screen**************************/

/******************Check Bounce Screen**************************/

.frm288 { }

.frm288 .inputtext80 { width: 80px; }

.frm288 .frm288notes { width: 70%; }

/******************Check Bounce Screen**************************/

/******************View Credit Allocation Screen**************************/

.frm294 { }

.frm294 .frm294scroll { height: 120px; }

/******************View Credit Allocation Screen**************************/

/******************View Pay-in-slip Screen**************************/

.frm555 { }

.frm555 .frm555width { width: 140px; }

/******************View Pay-in-slip Screen**************************/

/******************Statement Screen**************************/

.frm316 { }

.frm316 .frm316notes { width: 70%; }

.frm316 .frm316column { height: 50px; }

.frm316 .frm316subelement {
	float: left;
	height: 50px;
	padding-top: 4px;
}

/******************Statement Screen**************************/

/******************Deposit Screen**************************/

.frm320 { }

.frm320 .frm320notes { width: 70%; }

/******************Deposit Screen**************************/

/******************View Deposit Screen**************************/

.frm327 { }

.frm327 .frm327height250px { height: 250px; }

/******************View Deposit Screen**************************/

/******************Deposit Screen**************************/

.frm315 { }

.frm315 .frm315notes { width: 70%; }

/******************Deposit Screen**************************/

/******************Pending Refunds Screen**************************/

.frm331 { }

.frm331 .frm331height250px { height: 250px; }

/******************Pending Refunds Screen**************************/

/******************View Payments Screen**************************/

.frm181 { }

.frm181 .frm181height250px { height: 250px; }

/******************View Payments Screen**************************/

/******************Pending Payments Screen**************************/

.frm182 { }

.frm182 .frm182inputtext {
	border-right: #B0C4DE 1px solid;
	border-top: #B0C4DE 1px solid;
	border-left: #B0C4DE 1px solid;
	border-bottom: #B0C4DE 1px solid;
	height: 16px;
	background-color: #ffffff;
	width: 110px;
}

.frm182 .frm182inputtext:hover { border: 1px solid #000000; }

/******************Pending Payments Screen**************************/

/******************Vacation Screen**************************/

.frm402 { }

.frm402 .frm402notes { width: 180px; }

.frm402 .frm402width { width: 50%; }

.frm402 .frm402optionaltext2 {
	color: black;
	width: 100px;
	font-weight: normal;
	font-size: 12px;
	font-family: National; /*Verdana, Helvetica, sans-serif;*/
	text-align: left;
}

.frm402 .frm402inputtext2 {
	border-right: #B0C4DE 1px solid;
	border-top: #B0C4DE 1px solid;
	border-left: #B0C4DE 1px solid;
	border-bottom: #B0C4DE 1px solid;
	height: 16px;
	background-color: #ffffff;
	width: 60px;
}

.frm402 .frm402inputtext2:hover { border: 1px solid #000000; }

/******************Vacation Screen**************************/

/******************Account Summary Screen**************************/

.frm183 { }

/******************Account Summary Screen**************************/

/******************Payment Details Screen**************************/

.frm1063 { }

.frm1063 .frm1063textfield { width: 6%; }

.frm1063 .frm1063scroll { overflow: scroll; }

.frm1063 .frm1063width { width: 100%; }

/******************Payment Details Screen**************************/

/******************New Payment Screen**************************/

.frm147 { }

.frm147 .frm147notes { width: 70%; }

.frm147 .frm147width60px { width: 60px; }

.frm147 .frm147width70px { width: 70px; }

.frm147 .frm147labelfield {
	width: 20px;
	font-weight: bold;
	font-size: 12px;
	color: black;
	padding-right: 2px;
}

.frm147 .gridlist .inputtext { width: 120px; }

/******************New Payment Screen**************************/

/******************Credit Allocation Screen**************************/

.frm293 { }

.frm293 .gridlist .inputtext { width: 120px; }

/******************Credit Allocation Screen**************************/

/******************JournalVoucher Screen**************************/

.frm287 { }

.frm287 .frm287table { width: 100%; }

.frm287 .frm287notes { width: 70%; }

.frm287 .frm287width50 {
	width: 50%;
	vertical-align: top;
}

/******************JournalVoucher Screen**************************/

/******************Layout ***********************/

/******************Login_Page ***********************/

.loginuidpwd {
	font-weight: bold;
	font-size: 12px;
	color: black;
	text-align: left;
	padding-left: 20px;
	padding-top: 10px;
	padding-bottom: 3px;
}

html[dir=rtl] .loginuidpwd {
	text-align: right;
	padding-right: 20px;
	padding-left: 0px;
}

.loginbr {
	border-bottom: 1px solid black;
	margin-left: 17px;
	margin-right: 17px;
	padding-top: 5px;
}

.logininputcontrol {
	padding-left: 20px;
	margin-right: 0px;
}

html[dir=rtl] .logininputcontrol {
	padding-right: 20px;
	margin-left: 0px;
}

input.logininputtext { }

input.logininputtext:hover { }

/******************Login******************/

/*div.login
{
	margin-top: 15%;
}*/

.login {
	/*position:fixed;
	left: 20%;
	top: 30%;
	width: 25%;
	height: 30%;
	margin: 0px 0px 0px 0px;*/
	
	/* position:absolute;
	top: 9.8%;
	width: 86%;
	height: 79.5%;
	margin: 0px 0px 0px 0px;*/
	
	position: absolute;
	/*   top: 100px;
	width: 850px;
	height: 452px;    */
}

/*.loginhead
{
	background-color:#C44A49;
	width:30%;
	padding-left:120px;
}

.loginhead #triangle-right
{ 
	width: 0; 
	height: 0; 
	border-top: 50px solid transparent; 
	border-left: 100px solid red; 
	border-bottom: 50px solid transparent;
}*/

/*.loginhead #triangle-right
{ 
	background-color:#C44A49;
	width:30%;
	padding-left:120px;
	border-top: 50px solid transparent; 
	border-left: 100px solid red; 
	border-bottom: 50px solid transparent;
}*/

.loginhead {
	background-color: #C44A49;
	width: 30%;
	padding-left: 120px;
}

html[dir=rtl] .loginhead {
	padding-right: 120px;
	padding-left: 0px;
}

.logintext {
	font-weight: bold;
	font-size: 18px;
	color: rgb(0, 0, 0);
	height: 25px;
	text-align: right;
	padding: 10px 2px 0px 0px;
	padding-right: 5px;
	margin-right: 12px;
	margin-top: 2px;
}

html[dir=rtl] .logintext {
	text-align: left;
	padding-left: 5px;
	padding-right: 0px;
	margin-left: 12px;
	margin-right: 0px;
}

.loginmqlogo { width: 100px; }

.loginsurelogo {
	height: 35px;
	width: 100px;
	margin-left: 12px;
	margin-top: 2px;
	background-color: #C44A49;
}

.loginarrow {
	width: 0px;
	height: 0px;
	border-top: 10px solid transparent;
	border-bottom: 10px solid transparent;
	border-left: 10px solid #C44A49;
}

.arrow { padding-top: 16px; }

.loginusername { /*background-color:#F3F3F5;*/ }

.tduid {
	padding-top: 2px;
	padding-bottom: 10px;
	width: 35%;
}

.tdpwd {
	padding-top: 2px;
	padding-bottom: 10px;
	width: 35%;
}

.password { }

.loginbuttons {
	width: 100%;
	height: 30px;
}

.loginformbutton {
	padding-top: 28px;
	padding-bottom: 10px;
}

.loginbtnsave { }

.loginbtnsave:hover { }

.loginbtnsave:active { }

.loginancselfcarelinks {
	color: #960000;
	font-weight: bold;
	font-size: 15px;
	height: 25px;
	text-align: right;
	padding: 10px 2px 0px 0px;
}

html[dir=rtl] .loginancselfcarelinks { text-align: left; }

.loginfooter {
	border-top: 1px solid black;
	margin-left: 17px;
	margin-right: 17px;
	padding-bottom: 10px;
	padding-top: 10px;
	width: 90%;
}

.loginselfcarelinksheight {
	height: 100px;
	vertical-align: top;
}

.loginselfcarelinksheight .hyperlink {
	font-weight: bold;
	font-size: 12px;
}

.arrowselfcare { padding-top: 16px; }

.tduidselfcare {
	padding-top: 102px;
	padding-bottom: 10px;
	width: 35%;
}

.tdpwdselfcare {
	padding-top: 102px;
	padding-bottom: 10px;
	width: 35%;
}

.loginsurelogoselfcare {
	height: 35px;
	width: 100px;
	margin-left: 12px;
	margin-top: 102px;
	background-color: #C44A49;
}

html[dir=rtl] .loginsurelogoselfcare {
	margin-right: 12px;
	margin-left: 0px;
}

.loginformbuttonselfcare {
	padding-top: 128px;
	padding-bottom: 10px;
}

.registerselfcare {
	font-weight: bold;
	font-size: 12px;
	color: black;
	text-align: left;
	padding-left: 40px;
	padding-bottom: 3px;
	padding-top: 40px;
}

html[dir=rtl] .registerselfcare {
	text-align: right;
	padding-right: 40px;
	padding-left: 0px;
}

.forgotpwdselfcare {
	font-weight: bold;
	font-size: 12px;
	color: black;
	text-align: left;
	padding-left: 57px;
	padding-bottom: 3px;
	padding-top: 40px;
}

html[dir=rtl] .forgotpwdselfcare {
	text-align: right;
	padding-right: 57px;
	padding-left: 0px;
}

/******************Login******************/

/******************Login******************/

/******************Pay in Slip Screen**************************/

table.payinslip { }

.payinslip td {
	border-right: 0px;
	border-top: 0px;
	border-left: 0px;
	border-bottom: 0px;
	padding: 0;
}

/******************Pay in Slip Screen**************************/

.clearfix { }

.clearfix:after {
	content: ".";
	visibility: hidden;
	display: block;
	height: 0;
	clear: both;
}

.clearfix .actionbutton {
	width: 30%;
	float: right;
	text-align: right;
	padding-top: 5px;
}

html[dir=rtl] .clearfix .actionbutton {
	float: left;
	text-align: left;
}

.dtSelect {
	width: 50px;
	border: 1px solid rgb(192, 192, 192);
	border-radius: 4px 4px 4px 4px;
	background-color: rgb(242, 242, 242);
	font-weight: normal;
	font-size: 13px;
	color: black;
	font-style: normal;
	font-family: Segoe UI;
	height: 26px;
	padding: 2px 3px;
}

.dtSelect:focus { border: 1px solid #FFBD5F; }

.dtSelect:hover { border: 1px solid #3F3F3F; }

/***********************************************************/

/******************Validation Expression Screen**************************/

.frm1140 { }

.frm1140 .frm1140width { width: 100%; }

/******************Validation Expression Screen**************************/

/******************Parameter Expression Screen**************************/

.frm1141 { }

.frm1141 .frm1141width { width: 98%; }

/******************Parameter Expression Screen**************************/

/*******Prospect******************/

.frm321 .addresssection { width: 100%; }

.frm321 .homespassed {
	float: right;
	text-align: right;
	height: 68%;
	width: 7%;
	padding: 6px 13px 0px 0px;
}

.frm321 .otherprovider {
	width: 196px;
	height: 26px;   
}

.frm321 .lblotherprovider { padding-left: 72px; }

/*******************************/

/******************Edit Suspense Payments**************************/

.frm268 { }

.frm268 .frm268notes { width: 70%; }

/******************Edit Suspense Payments**************************/

/******************Pay-in-Slip Details Screen**************************/

.frm1132 { }

.frm1132 .frm1132textfield { width: 6%; }

/******************Pay-in-Slip Details Screen**************************/

/******************Opportunity************************************/

.frm601 #tblnotes .optionalimg { height: 59px; }

.frm601 #tblnotes .inputcontrol { width: 63%; }

.frm601 #tblnotes .textarea { width: 100%; }

/******************Opportunity************************************/

/******************View Jv Screen**************************/

.frm1089 { }

.frm1089 .frm1089table { width: 100%; }

.frm1089 .frm1089width50 {
	width: 50%;
	vertical-align: top;
}

/******************View Jv Screen**************************/

/******************Make Payment Screen**************************/

.frm309 { }

.frm309 .frm309notes { width: 70%; }

/******************Make Payment Screen**************************/

/******************Standing Instruction Screen**************************/

.frm171 { }

.frm171 .dtselect60px { width: 60px; }

/******************Standing Instruction Screen**************************/

.PrntTbBrdr {
	/*border-top: 1px solid rgb(222, 222, 222);*/
	border-right: 1px solid rgb(222, 222, 222);
}

DIV.profiles {
	overflow: auto;
	height: 339px;
	width: 230px;
}

.chkboxlist {
	font-size: 13px;
	font-weight: normal;
	font-family: National;
	padding-right: 10px;
	text-align: left;
}

html[dir=rtl] .chkboxlist {
	padding-left: 10px;
	padding-right: 0px;
	text-align: right;
}

.textdescr {
	height: 35px;
	width: 295px;
}

.griddel { width: 5%; }

.oldsubelement .chkboxlist {
	width: 230px;
	font-size: 13px;
	font-weight: normal;
	font-family: National;
	padding-right: 10px;
	text-align: left;
	border: 1px solid rgb(222, 222, 222);
}

html[dir=rtl] .oldsubelement .chkboxlist {
	padding-left: 10px;
	padding-right: 0px;
	text-align: right;
}

.fontsize { font-size: 14px; }

TABLE.payinsliptblborder {
	border-right: #B0CCF0 1px solid;
	border-top: #B0CCF0 1px solid;
	border-left: #B0CCF0 1px solid;
	border-bottom: #B0CCF0 1px solid;
}

.btmborder { border-bottom: 1px solid rgb(222, 222, 222); }

.width25 { width: 25%; }

.rghtborder { border-right: 1px solid rgb(222, 222, 222); }

.griditem .itemtblnoborder td, .altgriditem .itemtblnoborder td {
	border-bottom: 0px solid #cce;
	border-right: 0px solid #cce;
	border-top: 0px solid #cce;
	border-left: 0px solid #cce;
	padding: 1px;
}

/************Emloyee********************************/

.toppadd { padding-top: 3px; }

.emprole { height: 121px; }

.listbox {
	font-weight: normal;
	font-size: 13px;
	color: black;
	border: 1px solid #C0C0C0;
	background-color: rgb(242, 242, 242);
	border-radius: 3px;
	height: 120px;
	width: 198px;
	padding: 2px 3px;
	margin: 3px;
	padding: 6px 8px;
	text-shadow: none;
}

/******************FAS Summary Details Screen**************************/

.frm1105 { }

.frm1105 .frm1105width { height: 300px; }

/******************FAS Summary Details Screen**************************/

/******************SOA Email History Screen**************************/

.frm1119 { }

.frm1119 .frm1119divwidth { height: 250px; }

/******************SOA Email History Screen**************************/

/******************Technologies Screen**************************/

.frm1103 { }

.frm1103 .frm1103divwidth { height: 250px; }

/******************Technologies Screen**************************/

/******************Old screens*************************/

/***********Used in disconnection, reconnection, renewal, topup, adhoc usage and one time sale************/

.disgridlabel {
	width: 10%;
	font-weight: bold;
	font-size: 12px;
	color: black;
	text-align: right;
	padding-right: 2px;
}

html[dir=rtl] .disgridlabel {
	text-align: left;
	padding-left: 2px;
	padding-right: 0px;
}

.disgridlabeloptional {
	width: 10%;
	font-weight: normal;
	font-size: 12px;
	color: black;
	text-align: right;
	padding-right: 2px;
}

html[dir=rtl] .disgridlabeloptional {
	text-align: left;
	padding-left: 2px;
	padding-right: 0px;
}

.disgridtext {
	width: 20%;
	font-weight: normal;
	font-size: 12px;
	color: black;
	text-align: left;
	border: 0px none;
	padding-left: 3px;
}

html[dir=rtl] .disgridtext {
	text-align: right;
	padding-right: 3px;
	padding-left: 0px;
}

.disgridsvclabel {
	font-weight: bold;
	font-size: 12px;
	color: black;
	text-align: left;
	border-bottom: 1px solid rgb(222, 222, 222);
}

html[dir=rtl] .disgridsvclabel { text-align: right; }

.msogridborder {
	border-bottom: 1px solid rgb(222, 222, 222);
	border-left: 1px solid rgb(222, 222, 222);
}

.gridcontrolcenter { text-align: center; }

.sosvclabel {
	font-weight: normal;
	font-size: 12px;
	color: black;
}

.solistofservices { border: 1px solid rgb(222, 222, 222); }

.svcorderheader { border-bottom: 1px solid rgb(222, 222, 222); }

.sogriditemborder {
	border-bottom: 1px solid rgb(222, 222, 222);
	border-right: 1px solid rgb(222, 222, 222);
}

/******************Old screens*************************/

/*****************ScheduleJob****************************/

.scjobdescr {
	width: 210px;
	height: 18px;
	border-right: #B0C4DE 1px solid;
	border-top: #B0C4DE 1px solid;
	border-left: #B0C4DE 1px solid;
	border-bottom: #B0C4DE 1px solid;
	font-size: 13px;
	border-bottom: 1px solid rgb(222, 222, 222);
}

.scjobpnl { height: 22px; }

.botpadd { padding-bottom: 3px; }

.scjobrepeat {
	width: 150px;
	font-weight: bold;
	font-size: 12px;
	color: black;
	padding-right: 10px;
	background-color: rgb(247, 247, 247);
	border-bottom: 1px solid rgb(222, 222, 222);
	border-left: 1px solid rgb(222, 222, 222);
	padding-right: 10px;
}

html[dir=rtl] .scjobrepeat {
	padding-left: 10px;
	padding-right: 0px;
}

.scjobwidth { width: 100%; }

.bottomborderwkly {
	height: 105px;
	vertical-align: top;
}

.bottombordermthly { height: 41px; }

/*****************ScheduleJob****************************/

.chkboxlist input { margin: 3px; }

tr.pagination > td > table > tbody > tr > td {
	width: 24px;
	height: 24px;
	background-image: url(../images/Btn_Pg_Default.JPG);
	background-size: 90%;
	border-radius: 6px;
	background-repeat: no-repeat;
	text-align: center;
}

tr.pagination > td > table > tbody > tr > td > a {
	width: 24px;
	height: 24px;
	background-image: url(../images/Btn_Pg_Default.JPG);
	background-size: 90%;
	border-radius: 6px;
	background-repeat: no-repeat;
	text-align: center;
	padding: 4px 10px 5px 8px;
}

tr.pagination > td > table > tbody > tr > td > a:hover {
	width: 24px;
	height: 24px;
	background-image: url(../images/Btn_Pg_Click.JPG);
	background-size: 90%;
	border-radius: 6px;
	background-repeat: no-repeat;
	text-align: center;
	cursor: pointer;
	padding: 4px 10px 5px 8px;
}

tr.pagination div {
	height: 20px;
	margin-top: 4px;
}

tr.pagination > td > div > a {
	background-image: url(../images/Btn_Pg_Default.JPG);
	background-repeat: no-repeat;
	text-align: center;
	padding: 4px 10px 5px 8px;
}

/*.pagination td:last-child
{
	background:none;
}


/******************Service Request Status***********************/

.frm259 td.column31 { width: 29%; }

.frm259 td.column32 { width: 29%; }

.frm259 td.column33 { width: 30%; }

.frm259 td.columnchklist {
	width: 22%;
	padding-bottom: 0px;
	border-bottom: 1px solid rgb(222, 222, 222);
}

.columnchklist label { padding-left: 3px; }

html[dir=rtl] .columnchklist label {
	padding-right: 3px;
	padding-left: 0px;
}

.frm259 .listoverflow {
	height: 100px;
	width: 215px;
	font-weight: normal;
	font-size: 12px;
	color: #43669b;
	font-family: National;
	text-align: left;
	border-right: #43669b 1px solid;
	border-top: #43669b 1px solid;
	border-left: #43669b 1px solid;
	border-bottom: #43669b 1px solid;
}

.frm259 .gridlist .select {
	width: 100%;
	font-size: 12px;
}


/******************Pay-in-Slip Details Screen**************************/

/******************Workflow Configuration Screen**************************/

.frm615 { }

.frm615 .gridlist .select { width: 130px; }

.frm615 .gridlist .inputtext { width: 130px; }

.frm615 .frmreqimg {
	float: left;
	width: 8px;
	background-image: url('../Images/star.gif');
	background-position: right 10%;
	background-repeat: no-repeat;
}

/******************Workflow Configuration Screen**************************/


.frm259 .inputtextGrd {
	width: 98%;
	height: 24px;
	border-radius: 4px 4px 4px 4px;
	background-color: rgb(242, 242, 242);
	font-size: 13px;
	border: 1px solid rgb(192, 192, 192);
}

.frm259 .inputtextGrd:hover { border: 1px solid rgb(63, 63, 63); }

.frm259 .inputtextGrd:focus { border: 1px solid rgb(255, 189, 95); }

.frm259 .formbutton {
	width: 30%;
	float: right;
	text-align: right;
	margin-right: 10px;
}

.frm259 .EscDocStyle { width: 10%; }

.frm259 .optionaltext {
	width: 150px;
	font-weight: normal;
	font-size: 12px;
	color: black;
	text-align: left;
	padding-right: 10px;
	padding-top: 4px;
}

.frm259 .progress {
	position: absolute;
	top: 77%;
	left: 48%;
}


/******************Service Request Status***********************/

/******************Service Request Status***********************/

/*******monitorjob**************/

.tdwidth {
	width: 8.5%;
	padding-right: 2px;		
}

html[dir=rtl] .tdwidth {
	padding-left: 2px;
	padding-right: 0px;		
}

.tdjobrunningon { width: 13.5%; }

.tdjobname { width: 16%; }

.tdjobcompleted { width: 8%; }

.freqwidth { width: 151px; }

.monitorlabel {
	width: 100%;
	font-weight: bold;
	font-size: 12px;
	color: black;
	text-align: right;
	float: left;
	padding-right: 2px;
}

html[dir=rtl] .monitorlabel {
	text-align: left;
	float: right;
	padding-left: 2px;
	padding-right: 0px;
}

.monitorlabel:after { content: ' :'; }

.schedinstlabel { padding-right: 4px; }

html[dir=rtl] .schedinstlabel {
	padding-left: 4px;
	padding-right: 0px;
}

.tdrundtlsstatus {
	width: 18%;
	padding-right: 2px;
}

html[dir=rtl] .tdrundtlsstatus {
	padding-left: 2px;
	padding-right: 0px;
}

/*******monitorjob**************/

/*************Entity search*****************/

.frmentitycontrol { }

div.entitysearch { float: left; }

html[dir=rtl] div.entitysearch { float: right; }

div.entitysearchelement { float: left; }

html[dir=rtl] div.entitysearchelement { float: right; }

div.entitysearchtext {
	float: left;
	margin-bottom: 1px;
}

html[dir=rtl] div.entitysearchtext { float: right; }

div.entitysearchtext div { float: left; }

html[dir=rtl] div.entitysearchtext div { float: right; }

/*************Entity search*****************/

/*************List of provisionable services*************/

.frm1083 { }

.dtlstofsvcscol1 { width: 15%; }

.dtlstofsvcscol2 { width: 20%; }

.dtlstofsvcscol3 { width: 12%; }

.dtlstofsvcscol4 { width: 53%; }

.sdpservices { width: 100%; }

.downgradeservices { width: 100%; }

.downgradeto {
	height: 18px;
	vertical-align: middle;
	text-align: left;
	width: 100%;
	font-weight: bold;
	font-size: 12px;
	color: black;
}

html[dir=rtl] .downgradeto { text-align: right; }

/*************List of provisionable services*************/

/******************Parameter Expression Screen**************************/

.frm1141 { }

.frm1141 .frm1141width { width: 98%; }

.frm1141 .frm1141pnlwidth {
	width: 100px;
	background-color: #DCDCDC
}

.frm1141 .frm1141btnlong {
	font-weight: bold;
	font-size: 12px;
	width: 160px;
	height: 22px;
	color: White;
	background-image: url('../Images/buttonred.png');
	vertical-align: text-top;
	padding-bottom: 3px;
}

.frm1141 .frm1141formbutton {
	width: 50%;
	float: left;
	text-align: left;
}

.frm1141 .gridlist .select { width: 110px; }

.frm1141 .gridlist .inputtext { width: 110px; }

.frm1141 .frmtext {
	width: 150px;
	font-weight: normal;
	font-size: 30px;
	color: green;
	text-align: left;
	padding-right: 10px;
	padding-top: 4px;
}

/******************Parameter Expression Screen**************************/

/*************List of provisionable services*************/

/******************Recent Service Request***********************/

.frm621 .floatright { float: right; }

.frm621 .padding { padding: 3px; }

.frm621 td img { float: none; }

/******************Recent Service Request***********************/

/******************Operational Entity Search Screen**************************/

.frm1022 { }

.frm1022 .frm1022divheight { height: 300px; }

/******************Operational Entity Search Screen**************************/

/*****call inquiry notes*******/

.frm571 .notes {
	width: 625px;
	height: 47px;
}

.frm203 .svwidth { width: 100px; }

.frm203 #ctl00_uxPgCPH_CustomerInteractionCtrl_enqsectioninfo select.svwidth,
.frm203 #ctl00_uxPgCPH_CustomerInteractionCtrl_enqsectioninfo input.svwidth { width: 160px; }

.frm203 #ctl00_uxPgCPH_CustomerInteractionCtrl_enqsectioninfo td.column1 {
	height: 25px;
	width: 58%;
	border-bottom: 1px solid #DEDEDE;
}

.frm203 #ctl00_uxPgCPH_CustomerInteractionCtrl_enqsectioninfo td.column2 {
	height: 25px;
	width: 42%;
	border-bottom: 1px solid #DEDEDE;
}

.frm203 .svcustintenotes {
	width: 320px;
	height: 47px;
}

.frm203 .svenqsection {
	height: 225px;
	border-bottom: 1px;
}

.svntstooltip {
	width: 5%;
	height: 28px;
}

.tooltipgrid {
	width: 300px;
	height: 100px;
}

.frm203 .gridoverflow { height: 212px; }

#ctl00_uxPgCPH_CurrentInteractionCtrl_currentinteractioninfo .gridoverflow { height: 209px; }

#ctl00_uxPgCPH_CustomerInteractionCtrl_tdnotes .requiredimg { height: 35px; }

#ctl00_uxPgCPH_CustomerInteractionCtrl_tdnotes .notesfield {
	height: 32px;
	padding-top: 20px;
}

.frm571 .notesfield {
	height: 32px;
	padding-top: 20px;
}

/************call inquiry notes*************/

/******************Quick Reports*****************/

.frm302 { }
 

.frm302 .frm302width45 {
	width: 45%;
	vertical-align: top;
}

.frm302 .frm302width55 {
	width: 55%;
	vertical-align: top;
}

.frm302 .frm302align {
	vertical-align: middle;
	height: 220px;	
}

.frm302 .frm302formbutton { margin-right: 90px; }

.frm302 .frm302listbox {
	font-weight: normal;
	font-size: 13px;
	color: black;
	border: 1px solid #C0C0C0;
	background-color: rgb(242, 242, 242);
	border-radius: 5px;
	width: 60.4%;
	height: 250px;
	padding: 2px 3px;
	margin: 3px;
	padding: 6px 8px;
	text-shadow: none;	
}

.frm302 .frm302parambox {
	font-weight: normal;
	font-size: 13px;
	color: black;
	border: 1px solid #C0C0C0;
	background-color: rgb(242, 242, 242);
	border-radius: 5px;
	height: 250px;
	width: 80%;
	padding: 2px 3px;
	margin: 3px;
	padding: 6px 8px;   
}

#ctl00_uxPgCPH_rbnReports[style] {
	border-collapse: separate !important;
	border-spacing: 0px 10px;	
}


#ctl00_uxPgCPH_rbnReports td {
	border-left: 1px solid #5F5F5F;
	border-top: 1px solid #5F5F5F;
	border-bottom: 1px solid #5F5F5F;
	border-right: 1px solid #5F5F5F;
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
	height: 30px;
	padding-left: 5px;
}

html[dir=rtl] #ctl00_uxPgCPH_rbnReports td {
	padding-right: 5px;
	padding-left: 0px;
}

#ctl00_uxPgCPH_rbnReports td:hover {
	background-color: rgb(218, 218, 218);
	color: Black;
}

.frm302 .frm302sectionheading { padding: 0px 0px 0px 5px; }

/******************Quick Reports*****************/

/*****************ScheduleJob*******************/

.jobbottomline { border-bottom: 1px solid rgb(222, 222, 222); }

/*****************ScheduleJob*******************/

/*****************ContactCentre*****************/

.divcc { border-bottom: 1px solid red }

.paddingright { padding-right: 2px; }

html[dir=rtl] .paddingright {
	padding-left: 2px;
	padding-right: 0px;
}

.alignright { text-align: right; }

html[dir=rtl] .alignright { text-align: left; }

.alignleft { text-align: left; }

html[dir=rtl] .alignleft { text-align: right; }

.valignmid { vertical-align: middle; }

.width15 { width: 15%; }

.width20 { width: 20%; }

.width10 { width: 10%; }

.width50 { width: 50%; }

.width100px { width: 100px }

.valign { vertical-align: middle; }

.queuecallslabel {
	width: 1%;
	color: red;
	font-weight: bold;
	position: absolute;
	font-size: 11px;
	padding: 1px 1px 1px 1px;
	line-height: 12px;
	font-weight: bold;
	letter-spacing: -1px;
	color: rgb(255, 255, 255);
	z-index: 0;
	border: 1px solid rgb(178, 6, 6);
	border-radius: 7px 7px 7px 7px;
	/*background: -moz-linear-gradient(center top , rgb(255, 46, 46), rgb(200, 6, 6)) repeat scroll 0% 0% transparent;
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='red', endColorstr='red',GradientType=0 );*/
	background-color: rgb(200, 6, 6);
	background-repeat: repeat;
	background-attachment: scroll;
	background-position: 0px 0px;
	background-clip: border-box;
	background-origin: padding-box;
	background-size: auto; 
}

.greencolorlabel {
	color: green;
	font-weight: bold;
}

.queuelabel {
	color: White;
	font-weight: bold;
}

.redcolorlabel {
	color: red;
	font-weight: bold;
}


.size10 { font-size: 10; }

.imgcall {
	width: 30px;
	height: 20px;
}

.agentmonitorlabel {
	text-align: center;
	width: 17%;
}

.agentmonitorlabel1 {
	text-align: center;
	width: 16%;
}

.agentsummarylabel2 {
	text-align: center;
	width: 20%;
}

.agentsummarycolor { color: green; }

.agentmonitergrid {
	width: 100%;
	text-align: center;
	word-break: break-all;
}

.agentmonitergrid1 {
	text-align: center;
	width: 50%;
}

.agentimgdiv { padding-top: 5px; }

.agentspyimg {
	height: 50px;
	width: 50px;
}

.agentextimg {
	width: 15px;
	height: 15px;
}

.agentfont {
	color: red;
	font-weight: bold
}

/*****************ContactCentre*****************/

/*************Opportunity*************************/

.frm601 { }

.frm601 #ctl00_uxPgCPH_tdoppnotes .optionalimg { height: 59px; }

.frm601 #ctl00_uxPgCPH_tdoppnotes .requiredimg { height: 59px; }

.frm601 #ctl00_uxPgCPH_tdoppnotes .inputcontrol { width: 80%; }

.frm601 #ctl00_uxPgCPH_tdoppnotes .textarea { width: 100%; }

/*************Opportunity*************************/

.frm617.frminputtext { width: 60px; }

.frm617.frmselect { width: 132px; }

/*******Dialog Master*******/

.dialogmaincontent td.column31 {
	/*width: 290px;*/
	width: 34%;
	padding-bottom: 0px;
	border-bottom: 1px solid rgb(222, 222, 222);
	height: 25px;
}

.dialogmaincontent td.column32 {
	/*width: 289px;*/
	width: 33%;
	padding-bottom: 0px;
	border-bottom: 1px solid rgb(222, 222, 222);
	height: 25px;
}

.dialogmaincontent td.column33 {
	/*width: 289px;*/
	width: 33%;
	padding-bottom: 0px;
	border-bottom: 1px solid rgb(222, 222, 222);
	height: 25px;
}

.dialogmaincontent .sectionfields { }

.dialogmaincontent .sectiondetails { margin-bottom: 3px; }

.dialogmaincontent .section {
	/*border: 0px;*/
	border-bottom: 1px solid rgb(222, 222, 222);
}

.viewdialogcontentmain .section { border-bottom: none; }

.dialogmaincontent .grid {
	width: 100%;
	padding-bottom: 3px;
	border-top: none;
}

.dialogmaincontent div.form { margin: 0px; }

.dialogmaincontent .optionaltext1, .dialogmaincontent .optionaltext2, .dialogmaincontent .optionaltext3
/*.labelText, .labelText1, .labelText3, .labelText2,
.requiredField, .requiredField2, .requiredField3, .requiredField4, .requiredField5, .requiredField6, .FlexRequiredField2, .requiredField7,
.requiredtext1, .requiredtext2, .requiredtext3, .flexoptionaltext1, .flexoptionaltext2, .flexoptionaltext3, .flexrequiredtext1, .flexrequiredtext2, .flexrequiredtext3*/ {
	/*width: 90px;*/
	width: 28%;
	font-weight: normal;
	font-size: 12px;
	color: black;
	text-align: right;
	position: relative;   
}

html[dir=rtl] .dialogmaincontent .optionaltext1, html[dir=rtl] .dialogmaincontent .optionaltext2, html[dir=rtl] .dialogmaincontent .optionaltext3 { text-align: left; }

.dialogmaincontent .requiredtext1, .dialogmaincontent .requiredtext2, .dialogmaincontent .requiredtext3 {
	width: 28%;
	font-weight: bold;
	font-size: 12px;
	color: black;
	text-align: right;
	position: relative;	
}

html[dir=rtl] .dialogmaincontent .requiredtext1, html[dir=rtl] .dialogmaincontent .requiredtext2, html[dir=rtl] .dialogmaincontent .requiredtext3 { text-align: left; }


.dialogmaincontent td.column11 .optionaltext1, .dialogmaincontent td.column11 .optionaltext2, .dialogmaincontent td.column11 .optionaltext3 {
	width: 150px;
	padding-bottom: 0px;
	height: 25px;
}

.dialogmaincontent .subelement {
	float: left;
	min-height: 22px;
	padding-top: 3px;
	padding-bottom: 3px;
}

html[dir=rtl] .dialogmaincontent .subelement { float: right; }

.dialogmaincontent table.sectionfields tr:last-child > td {
	border-style: none;
	border-width: 0px;
}

.dialogmaincontent .text, .dialogmaincontent .inputtext, .dialogmaincontent .readonlytext, .dialogmaincontent .price, .dialogmaincontent .searchctrltext, .dialogmaincontent .logininputtext {
	height: 24px;
	width: 160px;
}

.frm1049 .gridcol5 .text { width: 120px; }

.dialogmaincontent .select, .dialogmaincontent .searchctrlselect {
	width: 160px;
	height: 26px;
	padding: 2px 3px;
}

/*.dialogmaincontent .griditem td:last-child, .dialogmaincontent  .altgriditem td:last-child
{
	border-bottom: 1px solid #DEDEDE;
}*/

.dialogmaincontent tr.griditem > td > table > tbody > tr > td, .dialogmaincontent tr.altgriditem > td > table > tbody > tr > td {
	border-bottom: none;
	border-right: none;
}


/******************Parent Search*******************/

.frm1097 div.gridoverflow { height: 300px; }

/******************Parent Search*******************/

/******************Contract Pricedetails*******************/

.frm1137 .gridoverflow { height: 250px; }

/******************Contract Pricedetails*******************/

.frm581 .divajax {
	background-color: Gray;
	opacity: 0.1;
	filter: alpha(opacity=10);
}

.frm581 .ajaxloader {
	position: fixed;
	top: 20px;
	left: 0px;
	height: 100%;
	width: 100%;
}

.frm581 .ajaxloader td {
	text-align: center;
	vertical-align: middle;
	font-size: 12px;
	font-weight: bold;
}

.frm581 .subpricesvcs .inputtext { width: 83px; }

.frm581 .subpricesvcs .select { width: 130px; }

.frm581 .onetimepricesvcs .inputtext { width: 150px; }

.frm581 .onetimepricesvcs .select { width: 150px; }

.btnsearchtoggle {
	background-image: none;
	background-color: #81BF5C;
	border-radius: 4px;
	border: 1px solid #C44A49;
	box-shadow: inset 1px 1px 6px 6px #5A8540;
	color: #FFFFFF;
	font-size: 12px;
	font-weight: normal;
	padding: 6px 13px;
	text-decoration: none;
	min-width: 80px;
	margin-right: 10px;
}

html[dir=rtl] .btnsearchtoggle {
	margin-left: 10px;
	margin-right: 0px;
}

.btnsearchtoggle:first-child { margin-left: 10px; }

html[dir=rtl] .btnsearchtoggle:first-child {
	margin-right: 10px;
	margin-left: 0px;
}

.btnsearch:first-child { margin-left: 10px; }

html[dir=rtl] .btnsearch:first-child {
	margin-right: 10px;
	margin-left: 0px;
}

.btnsearchtoggle:hover { background-image: url(../images/btngreenhover.png); }

.btnsearchtoggle:active {
	position: relative;
	top: 1px;
}

/*************New UI Changes***********************/

.boldfont { font-weight: bold; }

.selectjobdef {
	height: 26px;
	width: 150px;
	padding: 2px 3px;
}

.textjobdef {
	height: 24px;
	width: 126px;
}

.panelalig {
	width: 99.7%;
	padding-left: 2px;
}

html[dir=rtl] .panelalig {
	padding-right: 2px;
	padding-left: 0px;
}

.leftborder { border-left: 1px solid rgb(222, 222, 222); }

.paddleft { padding-left: 5px; }

html[dir=rtl] .paddleft {
	padding-right: 5px;
	padding-left: 0px;
}

.ccSelect {
	width: 110px;
	border: 1px solid rgb(192, 192, 192);
	border-radius: 4px 4px 4px 4px;
	background-color: rgb(242, 242, 242);
	font-weight: normal;
	font-size: 13px;
	color: black;
	font-style: normal;
	font-family: Segoe UI;
	height: 26px;
	padding: 2px 3px;
}

.ccSelect:focus, input.ccText:focus { border: 1px solid #FFBD5F; }

.ccSelect:hover, input.ccText:hover { border: 1px solid #3F3F3F; }

.ccText {
	width: 89px;
	height: 24px;
	border: 1px solid rgb(192, 192, 192);
	border-radius: 4px 4px 4px 4px;
	background-color: rgb(242, 242, 242);
	font-weight: normal;
	font-size: 13px;
	color: black;
}

.monitorjobhead {
	padding-left: 2px;
	width: 100%;
	font-weight: bold;
	font-size: 13px;
	height: 40px;
	background-color: rgb(223, 223, 223);
	color: rgb(63, 63, 63);
}

html[dir=rtl] .monitorjobhead {
	padding-right: 2px;
	padding-left: 0px;
}

TR.monitorjobhead td:first-child {
	padding-left: 2px;
	font-weight: bold;
	font-size: 13px;
	height: 40px;
	background-color: rgb(223, 223, 223);
	color: rgb(63, 63, 63);
}

html[dir=rtl] TR.monitorjobhead td:first-child {
	padding-right: 2px;
	padding-left: 0px;
}

/*************New UI Changes***********************/

.orderapproval #ctl00_uxPgCPH_entsearch_txtEntity {
	font-weight: normal;
	font-size: 13px;
	color: black;
	border: 1px solid #C0C0C0;
	border-radius: 4px;
	background-color: #F2F2F2;
	width: 160px;
	height: 24px;
}

.orderapproval #ctl00_uxPgCPH_entsearch_txtEntity:hover { border: 1px solid #3F3F3F; }

.orderapproval #ctl00_uxPgCPH_entsearch_txtEntity:focus { border: 1px solid #FFBD5F; }

.orderapproval #ctl00_uxPgCPH_entsearch_cmbEntity {
	height: 26px;
	width: 160px;
	padding: 2px 3px;
}

.frm616 #ctl00_uxPgCPH_divshoppingcart { height: 395px; }

.frm616 #svcorder.gridoverflow { height: 313px; }

.priceplan #ctl00_uxPgCPH_estimatedprice { width: 160px; }

#ctl00_uxPgCPH_itemslnogrid_ctl02_txtsuppexpdate { width: 120px; }

/***NewAddressElement***/

.lblfont {
	font-size: 14px;
	display: none;
}


/***ContractDiscount***/

.frm195 div.searchfloat > .text { width: 135px; }

/***ServiceOrderenhanced****/

.frm616 .viewtop { padding-top: 6px; }

.frm616 div.actionbutton { width: 29%; }

.frm616 .valigntop td { line-height: 10px; }

/***ServiceOrderenhanced****/

.frm362 .inputtext362 { width: 120px; }

.frm362 .sectionheading { border-left: 2px solid #FFFFFF; }

.frm146 .inputtext146 { width: 120px; }

.FadingTooltip {
	font-size: 12pt;
	width: auto;
	color: black;
	height: auto;
	background-color: White;
	margin: 3px 3px 3px 3px;
	padding: 3px 3px 3px 3px;
	border: 1px solid red;
	border-radius: 5px;
}

.subhead .headright { text-align: right; }

html[dir=rtl] .subhead .headright { text-align: left; }

.griditem .headright { text-align: right; }

html[dir=rtl] .griditem .headright { text-align: left; }

/***Generic Dashboard****/

.DshbrdtxtboxYear {
	width: 30px;
	text-justify: auto;
	border-width: 0px;
	background-color: rgb(243, 243, 245);
}

.Dshbrdtxtbox {
	width: 110px;
	height: 24px;
	border-radius: 4px 4px 4px 4px;
	background-color: rgb(242, 242, 242);
	font-size: 13px;
	border: 1px solid rgb(192, 192, 192);
}

.Dshbrdtxtbox:hover { border: 1px solid rgb(63, 63, 63); }

.Dshbrdtxtbox:focus { border: 1px solid rgb(255, 189, 95); }

.frm306 .gridform { border-right-color: rgb(222, 222, 222); }

.frm306 .lftborder { border-left: 1px solid rgb(222, 222, 222); }

.frm319 .subhead td.gridcol4 { text-align: right; }

.frm201 .subhead td.listcol6 { text-align: right; }

.frm201 .subhead td.listcol7 { text-align: right; }

.frm195 .subhead td.gridcol5 { text-align: right; }

.frm323 { }

.frm323 .frmlistbox {
	font-weight: normal;
	font-size: 13px;
	color: black;
	border: 1px solid #C0C0C0;
	background-color: rgb(242, 242, 242);
	border-radius: 3px;
	height: 70px;
	width: 225px;
	padding: 2px 3px;
	margin: 3px;
	padding: 6px 8px;
	text-shadow: none;
}

/***Current Interation****/

.gridcategory {
	width: 31.7%;
	word-wrap: break-word;
}

.gridnotes {
	width: 63%;
	word-break: break-all;
}

.gridcategory1 {
	width: 20%;
	word-wrap: break-word;
}

.gridnotes1 {
	width: 57.3%;
	word-break: break-all;
}

.gridvscroll { width: 3.7%; }

.frm160 .grdscrolMtlRepl { width: 1.8%; }

/*--------MailBox-------------*/

.mailtext {
	font-weight: normal;
	font-size: 13px;
	color: black;
	border: 1px solid #C0C0C0;
	border-radius: 4px;
	background-color: #F2F2F2;
	width: 130px;
	height: 24px;
}

.mailtext:hover { border: 1px solid #3F3F3F; }

.mailtext:focus { border: 1px solid #FFBD5F; }

.mailselect {
	font-weight: normal;
	font-size: 13px;
	color: black;
	
	border: 1px solid #C0C0C0;
	border-radius: 4px;
	background-color: #F2F2F2;
	
	height: 26px;
	width: 155px;
	padding: 2px 3px;
}

.mailselect:hover { border: 1px solid #3F3F3F; }

.mailselect:focus { border: 1px solid #FFBD5F; }

.mailselect > option {
	margin: 3px;
	padding: 6px 8px;
	text-shadow: none;
	border-radius: 3px;
	cursor: pointer;
}

.mailselect > option:hover {
	background-color: #CCCCEE;
	color: #000000;
}

/*--------MailBox-------------*/

.serviceordernew .divajax {
	background-color: Gray;
	opacity: 0.1;
	filter: alpha(opacity=10);
}

.serviceordernew .ajaxloader {
	position: fixed;
	top: 20px;
	left: 0px;
	height: 100%;
	width: 100%;
}

.serviceordernew .ajaxloader td {
	text-align: center;
	vertical-align: middle;
	font-size: 12px;
	font-weight: bold;
}

/***Data center Orders****/

.DisabledLink {
	pointer-events: none;
	color: Gray;
	cursor: default;
}


/*--------Role screen-------------*/

.frm124 div.privlist {
	height: 299px;
	width: 320px;
	overflow: auto;
}

.frm124 td.valigntop { vertical-align: top; }

.frm124 td.width50 { width: 50%; }

.frm124 td.width25 { width: 25%; }

.frm124 div.bordertop { border-top: 1px solid rgb(222, 222, 222); }

.frm124 div.profiles { width: 290px; }

/*--------Role screen-------------*/

/* New Dash Board */

.LoadImg { display: none; }

.Afterdrag {
	vertical-align: middle;
	display: block;
}

#DivLoadImg img {
	position: fixed;
	left: 40%;
	top: 33%;
}

html[dir=rtl] #DivLoadImg img {
	right: 40%;
	left: 0%;
}

.ShadeDiv { background: skyblue; }

.CNodeStyle {
	cursor: move;
	white-space: nowrap;
	color: Black;
	/*font-weight: inherit;*/
	padding-left: 5px;
	padding-right: 5px;
}

.overlay {
	border: black 1px solid;
	padding: 5px;
	z-index: 100;
	width: 100px;
	position: absolute;
	background-color: #fff;
	-moz-opacity: 0.75;
	opacity: 0.75;
	filter: alpha(opacity=75);
	font-family: Tahoma;
	font-size: 11px;
	font-weight: bold;
	text-align: center;
}

/***MYTICKETS***/

.DisableeditLink { pointer-events: none; }

/******************User Sessions***************/

.frm648 .statusimg {
	width: 15px;
	height: 15px;
}

/******************User Sessions***************/

/*********BulkBreakdown************/

.bulkshortdescr {
	font-weight: normal;
	font-size: 13px;
	color: black;
	border: 1px solid #C0C0C0;
	border-radius: 4px;
	background-color: #F2F2F2 !important;
	width: 600px;
	height: 26px;
}

.bulkdtldescr {
	font-weight: normal;
	font-size: 13px;
	color: black;
	border: 1px solid #C0C0C0;
	border-radius: 4px;
	background-color: #F2F2F2;
	width: 600px;
	height: 52px;
}

/*********BulkBreakdown************/

/**********************Simple Registration*****************/

.frm647 .divajax {
	background-color: Gray;
	opacity: 0.1;
	filter: alpha(opacity=10);
}

.frm647 .ajaxloader {
	position: fixed;
	top: 20px;
	left: 0px;
	height: 100%;
	width: 100%;
}

.frm647 .ajaxloader td {
	text-align: center;
	vertical-align: middle;
	font-size: 12px;
	font-weight: bold;
}

.frm647 .gridplanname {
	width: 25%;
	word-wrap: break-word;
	text-align: Left;
}

.frm647 .gridplanlongdesc {
	width: 52%;
	word-wrap: break-word;
	text-align: Left;
}

.frm647 .gridplanadd {
	width: 22%;
	word-wrap: break-word;
	text-align: Left;
}

.frm647 .gridplansummaryname {
	width: 50%;
	word-wrap: break-word;
	text-align: Left;
}

.frm647 .gridplansummarybillfreq {
	width: 24%;
	word-wrap: break-word;
	text-align: Left;
}

.frm647 .gridplancontractval {
	width: 24%;
	word-wrap: break-word;
	text-align: Left;
}

.frm647 .gridplanselectedrow { background-color: Green; }

.frm647 .ancplanname { color: White; }

.frm647 .contractpanel { clear: both; }

.frm647 .customerpanel { clear: both; }

.frm647 .contractfields { width: 100%; }

.frm647 .formfields { width: 100%; }

.frm647 .addresssi { width: 100%; }

.frm647 .simpleregaddess { width: 50%; }

.frm647 .simpleregsi { width: 49.9%; }

.frm647 .simpleregsummary { width: 100%; }

.frm647 .simpleregcontactsummary { width: 35%; }

.frm647 .simpleregaddresssummary { width: 64%; }

.frm647 .simpleregplanssummary { clear: both; }

.frm647 .wizardgridoverflow {
	overflow: scroll;
	behavior: url('../themes/default/mainportal/css/ScrollPos.htc');
	height: 250px;
	border-left: 1px solid rgb(222, 222, 222);
	border-bottom: 1px solid rgb(222, 222, 222);
	border-right: 1px solid rgb(222, 222, 222);
}

.frm647 .wizard {
	border-left: #43669b 1px solid;
	border-right: #43669b 1px solid;
	border-top: #43669b 1px solid;
	border-bottom: #43669b 1px solid;
	width: 100%;
	text-align: left;
	height: 30px;
	padding: 0px;
}

.frm647 .wizardstep {
	text-align: left;
	width: 10px;
}

.frm647 .wizardselectedstep {
	width: 160px;
	font-weight: bold;
}

.frm647 .wizardunselectedstep { width: 160px; }

/**********************Simple Registration*****************/

/******************For Grid Row Count***************/

.gridrowcount {
	text-align: right;
	position: relative;
	font-size: 14px;
	top: 10px;
	right: 5px
}

html[dir=rtl] .gridrowcount {
	text-align: left;
	left: 5px;
	right: 0px
}

/******************For Grid Row Count***************/

/**********************Hardware Replacement****************/

.frm160 .datagridcol5 .select { width: 100px; }

.frm160 .datagridcol6 .text { width: 120px; }

.frm160 .clearboth { clear: both; }

/**********************Hardware Replacement****************/

/************ To Disable Button ************/

.btnsavedisable {
	background-image: url(../images/btngreen.png);
	border: 1px solid #568920;
	color: #C4C4C4;
	font-size: 12px;
	font-weight: normal;
	padding: 6px 13px;
	text-decoration: none;
	border-radius: 4px;
	min-width: 80px;
}

.btnsavedisable:hover {
	background-image: url(../images/btngreenhover.png);
	background-color: green;
}

.btnsavedisable:active {
	position: relative;
	top: 1px;
}

/************ To Disable Button ************/

div.troubleshootoverflow {
	overflow: scroll;
	behavior: url('../themes/default/mainportal/css/ScrollPos.htc');
	height: 350px;
	overflow-x: hidden;
}

.problems, .yesno {
	font-weight: normal;
	font-size: 11px;
	color: black;
	text-align: left;
}

html[dir=rtl] .problems, html[dir=rtl] .yesno { text-align: right; }

.problems {
	padding: 5px;
	border: 1px solid;
	width: 100%;
	margin-top: 5px;
	border-spacing: 3px 5px;
}

.yesno {
	padding: 5px;
	border: 1px solid;
	width: 100%;
	margin-top: 3px;
	border-spacing: 2px 2px;
}

.problems table { border: 0px; }

.problems td { vertical-align: top; }

.problems LI {
	background-color: #DADADA;
	padding: 5px;
	margin: 5px;
	border: 1px;
	border-radius: 5px;
}

.problem {
	font-weight: normal;
	font-size: 11px;
	color: #000;
	text-align: left;
	padding-bottom: 5px;
	vertical-align: top;
}

html[dir=rtl] .problem { text-align: right; }

.problems table tr:first-child td.problem {
	background-color: #DADADA;
	padding: 5px;
	margin: 5px;
	border: 1px;
	border-radius: 5px;
}

.yesno { padding-left: 15px; }

html[dir=rtl] .yesno {
	padding-right: 15px;
	padding-left: 0px;
}

/******************Service Request Details***************/

.frm1152 .descr {
	width: 600px;
	height: 49px;
}

.frm1152 .descrlabel {
	width: 20%;
	font-weight: bold;
	font-size: 12px;
	color: black;
	text-align: right;
	float: left;
	padding-right: 2px;
}

.frm1152 .formfields { width: 100%; }

.frm1152 .tabwidth { width: 100%; }

.frm1152 .gridheight { height: 200px; }

.frm1152 .gridscroll { overflow: auto; }

/******************Service Request Details***************/

/******************Work Order Details***************/

.frm1150 .descr {
	width: 600px;
	height: 49px;
}

.frm1150 .descrlabel {
	width: 20%;
	font-weight: bold;
	font-size: 12px;
	color: black;
	text-align: right;
	float: left;
	padding-right: 2px;
}

.frm1150 .formfields { width: 100%; }

.frm1150 .tabwidth { width: 100%; }

.frm1150 .gridheight { height: 200px; }

.frm1150 .gridscroll { overflow: auto; }

/******************Work Order Details***************/

/******************Repair Request Search******************/

.frm1146 .gridoverflow { height: 280px; }

/******************Repair Request Search******************/

/******************Repair Request******************/

.frm628 .textarea { width: 375px; }

/******************Repair Request******************/

/**********Hierarchy************/

.maingroup {
	position: absolute;
	width: 980px;
	height: 570px;
	overflow: scroll;
}

.maindiv {
	position: relative;
	width: 980px;
	height: 570px;
	overflow: scroll;
}

.econode {
	position: absolute;
	text-overflow: clip;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: xx-small;
	padding: 2px;
}

a.ecolink:visited {
	text-decoration: none;
	color: black;
}

a.ecolink:hover { text-decoration: underline; }

/**************AssignProspect**********/

.requiredelement { padding-right: 3px; }

html[dir=rtl] .requiredelement {
	padding-left: 3px;
	padding-right: 0px;
}


.frm692 .frm692width30 {
	width: 35%;
	vertical-align: top;
}

.frm692 .frm692width70 {
	width: 65%;
	vertical-align: top;
}

.frm692 .frm692table { width: 100%; }

.frm692section {
	width: 100%;
	border: 0px;
}

.frm692 .frm692section .labelfield {
	width: 30%;
	font-weight: bold;
	text-align: left;
	font-size: 12px;
	color: black;
	padding-right: 2px;
}

.frm692 .frm692section .textfield {
	width: 30%;
	font-weight: normal;
	font-size: 12px;
	color: black;
	text-align: left;
	float: left;
	border: 0px none;
	padding-left: 3px;
}

/**************Assignment Rules**********/

.ddlselect {
	height: 26px;
	width: 120px;
	padding: 2px 3px;
	border: 1px solid #C0C0C0;
	border-radius: 4px;
	background-color: #F2F2F2;
	font-weight: normal;
	font-size: 13px;
	color: black;
}

.ddlselect:focus { border: 1px solid #FFBD5F; }

.ddlselect:hover { border: 1px solid #3F3F3F; }

.ddlselect > option {
	margin: 3px;
	padding: 6px 8px;
	text-shadow: none;
	border-radius: 3px;
	cursor: pointer;
}

.ddlselect > option:hover {
	background-color: #CCCCEE;
	color: #000000;
}

.frm1152 .popupcmntlblfield {
	width: 20%;
	font-weight: bold;
	font-size: 12px;
	color: black;
	text-align: right;
	float: left;
	padding-right: 3px;
}

.frm1152 .popupcmntddllblfield {
	width: 40%;
	font-weight: bold;
	font-size: 12px;
	color: black;
	text-align: right;
	float: left;
	padding-right: 3px;
}

.popupcmnttxtfield {
	width: 350px;
	height: 49px;
	padding-right: 3px;
}

.frm203 .topclass {
	position: fixed;
	top: 550px;
	right: 68px;
	cursor: pointer;
}

.frm162 .lbladhoccount {
	min-height: 22px;
	position: relative;
	padding-top: 10px;
	color: Black;
}

.btndeldisable {
	background-image: url(../images/btncancel.png);
	background-color: #e6e6e6;
	border: 1px solid #C0C0C0;
	color: #C4C4C4;
	font-size: 12px;
	font-weight: normal;
	padding: 6px 13px;
	text-decoration: none;
	border-radius: 4px;
	min-width: 90px;
	margin-right: 5px;
}

html[dir=rtl] .btndeldisable {
	margin-left: 5px;
	margin-right: 0px;
}

.actionbutton .btndeldisable:active {
	position: relative;
	top: 1px;
}

.btnadddisable {
	background-image: url(../images/btngreen.png);
	border: 1px solid #568920;
	color: #C4C4C4;
	font-size: 12px;
	font-weight: normal;
	padding: 6px 13px;
	text-decoration: none;
	border-radius: 4px;
	min-width: 80px;
	margin-right: 5px;
}

html[dir=rtl] .btnadddisable {
	margin-left: 5px;
	margin-right: 0px;
}

.actionbutton .btnadddisable:active {
	position: relative;
	top: 1px;
}

/***************************Login-Page-ForgotPassword***************************************/

.arrowfrgtpwd { padding-top: 116px; }

.tduidfrgtpwd {
	padding-top: 102px;
	padding-bottom: 10px;
	width: 35%;
}

.tdpwdfrgtpwd {
	padding-top: 102px;
	padding-bottom: 10px;
	width: 35%;
}

.tdcaptchafrgtpwd {
	padding-top: 130px;
	padding-bottom: 10px;
	padding-left: 10px;
	width: 35%;
}

.loginsurelogofrgtpwd {
	height: 35px;
	width: 100px;
	margin-left: 12px;
	margin-top: 102px;
	background-color: #C44A49;
}

html[dir=rtl] .loginsurelogofrgtpwd {
	margin-right: 12px;
	margin-left: 0px;
}

.loginformbuttonfrgtpwd {
	padding-top: 128px;
	padding-bottom: 10px;
}

.loginfrgtpwdlinksheight {
	height: 100px;
	vertical-align: top;
}

.loginfrgtpwdlinksheight .hyperlink {
	font-weight: bold;
	font-size: 12px;
}

.forgotpwdlink {
	font-weight: bold;
	font-size: 12px;
	color: black;
	text-align: left;
	padding-left: 57px;
	padding-bottom: 3px;
	padding-top: 40px;
}

html[dir=rtl] .forgotpwdlink {
	text-align: right;
	padding-right: 57px;
	padding-left: 0px;
}

/***************************Login-Page-ForgotPassword***************************************/


/*****frm1130 Plan Products 13-03-2014 ******/

.frm1130 td.plantd { height: 5px; }

.frm1130 table.plantable {
	width: 100%;
	height: 25px;
}




.frm1130 #divplanname.section {
	width: 100%;
	height: 25px;
	margin-top: 10px;
}

.frm1130 div.plandiv {
	color: black;
	font-weight: normal;
	font-size: 17px;
	text-align: left;
	vertical-align: bottom;
	padding-left: 30px;
	/*border-bottom: 1px solid rgb(222, 222, 222);*/
	height: auto;
	margin-top: auto;
	margin-bottom: auto;
	float: left;
}

.frm1130 div.plannamediv {
	color: black;
	font-weight: normal;
	font-size: 12px;
	text-align: left;
	vertical-align: bottom;
	padding-left: 1%;
	/*border-bottom: 1px solid rgb(222, 222, 222);*/
	height: auto;
	margin-top: auto;
	margin-bottom: auto;
	float: left;
}

.frm1130 #ctl00_uxPgCPH_plannamediv.plannamediv {
	color: black;
	font-weight: bold;
	font-size: 17px;
	text-align: left;
	vertical-align: bottom;
	padding-left: 2%;
	/*border-bottom: 1px solid rgb(222, 222, 222);*/
	height: auto;
	margin-top: auto;
	margin-bottom: auto;
	float: left;
}



.frm1130 .section { border-bottom: 0px; }

.frm1130 div.grid {   
			 
	margin-left: 2%;
	margin-top: 1%;
}

.frm1130 td.servicedesc {
	padding-left: 20px;
	padding-top: 2px;
	padding-bottom: 2px;
}

.frm1130 td.productdesc {
	padding-left: 6px;
	padding-top: 4px;
}

.frm1130 .productcategory {
	font-weight: normal;
	padding-left: 4px;
	padding-top: 2px;
}

.frm1130 #svcdetailsheading.heading {
	width: 100%;
	text-align: left;
	font-size: 14px;
	padding-left: 3px;
	padding-top: 3px;
	padding-bottom: 3px;
	border: 0.5px solid #000000;
	border-radius: 4px 4px 4px 4px;
	background-color: #DADADA;
	font-weight: normal;
	position: relative;
	top: 0%;
	left: 0px;
	color: Black;
	float: none;
}

.frm1130 #svcdetailsheading.sectionheading {
	color: Black;
	height: auto;
	padding: 0px 0px 0px 0px;
	text-align: left;
	vertical-align: middle;
	background-color: #DADADA;
	width: 97%;
}


.frm1130 #nonsvcdetailsheading.heading {
	width: 100%;
	text-align: left;
	font-size: 17px;
	padding-left: 0.5%;
	padding-top: 0.5%;
	padding-bottom: 0.5%;
	border: 0.5px solid #000000;
	border-radius: 4px 4px 0px 0px;
	background-color: #DADADA;
	font-weight: normal;
	position: relative;
	top: 0%;
	left: 0px;
	color: Black;
	float: none;
}


.frm1130 #nonsvcdetailsheading.sectionheading {
	color: Black;
	height: auto;
	padding: 0px 0px 0px 0px;
	text-align: left;
	vertical-align: middle;
	background-color: #DADADA;
	width: 95%;
}

.frm1130 #nonservicegridfields.gridfields {
	width: 95.5%;
	padding-top: 2px;
	padding-bottom: 2px;
	border: 0.5px solid #000000;
	border-top: 0px;
	border-radius: 0px 0px 4px 4px;
}



.frm1130 .gridfields {
	width: 97.5%;
	padding-top: 2px;
	padding-bottom: 1px;
}

.frm1130 .tdpadding {
	padding-left: 45px;
	padding-top: 5px;
	padding-bottom: 5px;
}

.frm1130 .tdpaddingpkgservices {
	padding-left: 30px;
	padding-top: 5px;
	padding-bottom: 5px;
}




/*for row borders of outer grids*/

.frm1130 .altgriditemborder, .griditemborder { border-bottom: 1px solid #000000; }

.frm1130 .altgriditemborder:last-child, .griditemborder:last-child { border-bottom: 0px solid #000000; }

/*end of row borders of border grids*/



/*for package -Service grp name*/

.frm1130 div.pkgsvcgrpnamediv {
	color: black;
	font-weight: normal;
	font-size: 12px;
	text-align: left;
	vertical-align: bottom;
	padding-left: 0%;
	/*border-bottom: 1px solid rgb(222, 222, 222);*/
	height: auto;
	margin-top: auto;
	margin-bottom: auto;
	float: left;
}

/*end of package -Service grp name*/



/*for packagegrp -pkg name*/

.frm1130 div.pkggrppkgnamediv {
	color: black;
	font-weight: normal;
	font-size: 12px;
	text-align: left;
	vertical-align: bottom;
	padding-left: 0%;
	/*border-bottom: 1px solid rgb(222, 222, 222);*/
	height: auto;
	margin-top: auto;
	margin-bottom: auto;
	float: left;
}

.frm1130 div.pkggrppkgsvcgrpnamediv {
	color: black;
	font-weight: normal;
	font-size: 12px;
	text-align: left;
	vertical-align: bottom;
	padding-left: 0%;
	/*border-bottom: 1px solid rgb(222, 222, 222);*/
	height: auto;
	margin-top: auto;
	margin-bottom: auto;
	float: left;
}

/*end of packagegrp -pkg name*/
 

/*****end of frm1130 Plan Products******/

.frm117 .ope_errormessage {
	width: 90%;
	font-size: 14px;
	font-weight: bold;
	color: #CA0000;
	text-align: left;
	float: left;
	height: auto;
	padding-left: 10px;
	word-break: break-word;
}

.frm117 .ope_successmessage {
	width: 90%;
	font-size: 14px;
	font-weight: bold;
	color: #4F8A10;
	text-align: left;
	float: left;
	height: auto;
	padding-left: 10px;
	word-break: break-word;
}

.frm117 .verticaltop { vertical-align: top; }

.svmarqueeannouncement {
	font-weight: bold;
	font-size: 11px;
	color: #43669b;
	height: 300px;
}

.announcementHeader {
	font-weight: bolder;
	font-size: 13px;
	color: #43669b;
}

.frm1159 .frm1159height550px { height: 450px; }

.searchlcoportal td { width: 25%; }

/*****end of frm1130 Plan Products******/
 

/*********Price plan screen charge grip****************/

.frm193chargeselect {
	font-weight: normal;
	font-size: 13px;
	color: black;
	width: 120px;
	border: 1px solid #C0C0C0;
	border-radius: 4px;
	background-color: #F2F2F2;

	height: 26px;
	padding: 2px 3px;
}

.frm193chargeselect:hover { border: 1px solid #3F3F3F; }


.frm193chargeselect:focus { border: 1px solid #FFBD5F; }

frm193chargeselect.text {
	height: 26px;
	padding: 2px 3px;
}

.frm193chargeselect > option {
	margin: 3px;
	padding: 6px 8px;
	text-shadow: none;
	border-radius: 3px;
	cursor: pointer;
}

.frm193chargeselect > option:hover {
	background-color: #CCCCEE;
	color: #000000;
}

/*********Price plan screen charge grip****************/

/*********UserSecurityEnrollment**************/

.imgpadding { padding-top: 5px; }

/** Service Request Category**/

.frm246 .gridoverflow { height: 300px; }

/** Service Request Type ***/

.frm663 .gridoverflow { height: 300px; }

/**Nature**/

.frm345 .gridoverflow { height: 300px; }

.dcpadding { padding-left: 2px; }

html[dir=rtl].dcpadding {
	padding-right: 2px;
	padding-left: 0px;
}

/**Lco Portal Customer Search**/

.frm694 .prefposition { width: 25%; }

.frm694 .custsearchposition { width: 50%; }

.frm694 .lnktable { width: 100%; }

.frm694 .btngo {
	background-image: url(../images/btngreen.png);
	background-color: green;
	border: 1px solid #568920;
	color: #FFFFFF;
	font-size: 12px;
	font-weight: normal;
	padding: 6px 13px;
	text-decoration: none;
	border-radius: 4px;
	min-width: 45px;
	height: 30px;
	width: 40px;
}

.frm694 .btnlong {
	background-image: url(../images/btngreen.png);
	background-color: green;
	border: 1px solid #568920;
	color: #FFFFFF;
	font-size: 12px;
	font-weight: normal;
	padding: 6px 13px;
	text-decoration: none;
	border-radius: 4px;
	min-width: 40px;
	height: 30px;
	width: 40px;
}

/**Lco Portal User Management**/

.frm696 .privlist {
	
	height: 282px;
	width: 250px;
	padding-left: 5px;
	overflow: auto;	
}

.frm696 .gridoverflow {
	overflow: scroll;
	height: 252px;
	border-left: 1px solid #DEDEDE;
	border-bottom: 1px solid #DEDEDE;
	border-right: 1px solid #DEDEDE;
}

.frm696 .gridbottom { border-bottom: 1px solid #DEDEDE; }

/****************** OPE User Sessions***************/

.frm705 .statusimg {
	width: 15px;
	height: 15px;
}

/******************OPE User Sessions***************/

/******************Bulk Payments***************/

.frm693 .bulkpmtscheckgridinputtext {
	width: 100px;
	height: 24px;
}

.frm693 .bulkpmtscheckdateinputtext {
	width: 68px;
	height: 24px;
}

.frm693 .bulkpmtscheckdateimg {
	height: 24px;
	margin: 0px 2px;
	padding: 0px 0px 3px;
	vertical-align: top;
	position: relative;
}

/******************Bulk Payments***************/

/******************Enhanced Online Payments***************/

.frm8 div.formbutton {
	width: 49%;
	float: none;
	text-align: right;
}

.frm8 table.sectionfields tr:last-child > td { border-bottom: 1px solid #DEDEDE; }

/******************Enhanced Online Payments***************/

/*********************Button DropDown*************/

.buttondropdown select {
	padding: 3px;
	margin: 0;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	background: url(../images/btndropdown.png);
	outline: none;
	display: inline-block;
	cursor: pointer;
}

/**keshab**/

.addmodify {
	width: 100%;
	height: 30px;
	clear: both;
	padding-bottom: 5px;
	padding-top: 2px;
	border-bottom: #EAEAEA 1px solid;
}

.addmodifybutton { text-align: right; }

html[dir=rtl] .addmodifybutton { text-align: left; }

/* Targetting Webkit browsers only. FF will show the dropdown arrow with so much padding. */

@media screen and (-webkit-min-device-pixel-ratio: 0) {
	.dropdownbutton select { padding-right: 18px }
}

.divtooltip {
	float: left;
	background-size: fill;
	background-position: center;
	background-repeat: no-repeat;
	background-color: #F2F2F2;
	position: absolute;
	/* border: 1px solid #568920;*/
	color: black;
	font-size: 12px;
	font-weight: normal;
	padding: 0px 0px;
	text-decoration: none;
	border-radius: 5px;
	min-width: 100px;
	margin-right: 10px;
	width: 800px;
	height: 300px;
	overflow: scroll;
}

html[dir=rtl] .divtooltip {
	float: right;
	margin-left: 10px;
	margin-right: 0px;
}

.divtltp {
	position: absolute;
	border: 1px solid #CA0000;
	/*background-color: #ccd;*/
	background-color: #E8D5D0;
	padding: 1px;
	text-align: center;
	border-radius: 5px;
	color: #CA0000;
	width: 800px;
	height: 300px;
}

.divtltp:after, .divtltp:before {
	content: '';
	display: block;
	position: absolute;
	top: 19px;
	left: -19px; /*should be set to -border-width x 2 */
	border-style: solid;
	width: 0;
	height: 0;
}

html[dir=rtl] .divtltp:after, html[dir=rtl] .divtltp:before {
	right: -19px;
	left: 0px;
}

.divtltp:before {
	border-color: transparent #CA0000 transparent transparent; /*border color should be same as div div background color*/
	border-width: 9px;
	margin-top: -9px;
}

.divtltp:after {
	border-color: transparent #E8D5D0 transparent transparent; /*border color should be same as div div background color*/
	border-width: 10px;
	margin-top: -10px;
}


/**********Service Order Enhanced Screen*********/

.frm616 .pricingcatalogproduct { }

.frm616 .pricingcatalogplan { font-weight: bold; }

.frm616 .pricingcatalogplanproduct { text-indent: 10px; }

/**********end of Service Order Enhanced  Screen*********/

/********** OPEDashboard Screen*********/

.frm692 .frm692msg {
	font-weight: bold;
	font-size: 12px;
	color: blue;
	text-align: left;
}

/********** End of OPEDashboard Screen*********/

/***Troubleshooting popup format problem,charactertistic,Action,Steps  ***/

.faq1 table tr:first-child td.problem {
	background-color: #DADADA;
	padding: 5px;
	margin: 5px;
	border: 1px;
	border-radius: 5px;
}

.faq2 table { border-spacing: 0px 5px; }

.faq2 .problem table {
	border-spacing: 0px 5px;
	margin: 5px;
}

.faq2 table tr td.problem div.problem {
	background-color: #DADADA;
	padding: 5px;
	margin: 5px;
	border: 1px;
	border-radius: 5px;
	margin-bottom: 5px;
	border-spacing: 5px 0px;
}

.faq2 .subproblem {
	padding-left: 10px;
	margin: 5px;
}

html[dir=rtl] .faq2 .subproblem {
	padding-right: 10px;
	padding-left: 0px;
}

.faq2 ul li {
	background-color: #DADADA;
	padding: 5px;
	margin-left: 20px;
	border: 1px;
	border-radius: 5px;
}

html[dir=rtl] .faq2 ul li {
	margin-right: 20px;
	margin-left: 0px;
}

.yesno { padding-left: 15px; }

html[dir=rtl] .yesno {
	padding-right: 15px;
	padding-left: 0px;
}

.faq2 table tr td.problem {
	background-color: #DADADA;
	padding: 5px;
	margin: 5px;
	border: 1px;
	border-radius: 5px;
}

/**end of Troubleshooting popup format problem,charactertistic,Action,Steps **/

/**Textfield for Single view Usage Vs Limit **/

.textfieldusg {
	width: 100%;
	font-weight: normal;
	font-size: 12px;
	color: black;
	text-align: left;
	float: left;
	border: 0px none;
	padding-left: 3px;
	word-break: break-all;
}

html[dir=rtl] .textfieldusg {
	text-align: right;
	float: right;
	padding-right: 3px;
	padding-left: 0px;
}

/**end of Textfield for Single view Usage Vs Limit **/

/******************Message Templates Screen**************************/

.frm281 { }

.frm281 .frm281width98 { width: 800px; }

.frm281 .frm281notesfield {
	height: 55px;
	padding-top: 35px;
}

.frm281 .frm281btmborder { border-bottom: 1px solid rgb(222, 222, 222); }

.frm281 .frm281labelfield { width: 20%; }

.frm281 .frm281labelfieldstatus { width: 90%; }

/******************Message Templates Screen**************************/


/******************************Adhoc usage/extend validity*****************************/

.frm366 .gridcontrcol1 {
	width: 10%;
	padding-left: 3px;
}

.frm366 .gridcontrcol2 {
	width: 20%;
	padding-left: 3px;
}

.frm366 .gridcontrcol3 {
	width: 30%;
	padding-left: 3px;
}

.frm366 .gridcontrcol4 {
	width: 11.6%;
	padding-left: 3px;
}

.frm366 .gridcontrcol5 {
	width: 75%;
	padding-left: 3px;
}

.frm366 #ctl00_uxPgCPH_pnlRdbtns div {
	padding-left: 3px;
	font-size: 14px;
	font-weight: bold;
}

.frm366 .aligntopradiobtn { padding-top: 2px; }

.frm366 .linkcustom {
	padding-top: 8px;
	padding-left: 14px;
}

.frm366 .linkshowall {
	padding-top: 8px;
	padding-left: 8px;
}

.frm366 .radiobtngap { padding-left: 20px !important; }

.frm366 .usageuom {
	padding-top: 5px;
	padding-left: 2px;
}

.frm366 .boldtext { font-weight: bold; }

.frm366 .section {
	margin-bottom: 15px;
	width: 100%;
	border: 0px;
}

.frm366 #ctl00_uxPgCPH_txtduration { width: 108px; }

.frm366 #ctl00_uxPgCPH_durationtype { width: 80px; }

.frm366 .gridcontrdatacol1 {
	width: 10%;
	vertical-align: middle;
	text-align: center;
}

.frm366 .gridcontrdatacol2 {
	width: 20%;
	vertical-align: middle;
}

.frm366 .gridcontrdatacol3 { width: 30%; }

.frm366 .gridcontrdatacol4 { width: 20%; }

.frm366 .gridcontrdatacol5 { width: 20%; }

.frm366 .gridtopupplancol1 { width: 11.6%; }

.frm366 .gridtopupplancol2 { width: 75%; }

.frm366 #usagegrid .select { width: 100px; }

.frm366 #usagegrid .inputtext { width: 98px; }

/******************************End of Adhoc usage/extend validity*****************************/

/**Simpfiled Admin Profile Option **/

.frm101 .gridoverflow { height: 400px; }

.frm101 .ddlselect { width: 500px; }

.frm101 .select { width: 155px; }

.frm101 .helpcss {
	width: 200px;
	height: 200px;
	position: absolute;
}

.frm101 .border { border: 1px solid #3F3F3F }

.frm101 #ctl00_uxPgCPH_textsearch_entsrchimg { display: none; }

.frm101 #ctl00_uxPgCPH_textsearch_txtLookUpCode { width: 500px; }

/**Simplified User Profile Option**/

.frm105 .gridoverflow { height: 400px; }

.frm105 .ddlselect { width: 500px; }

.frm105 .select { width: 155px; }

.frm105 .helpcss {
	width: 200px;
	height: 200px;
	position: absolute;	 
}

.frm105 .border { border: 1px solid #3F3F3F; }

.frm105 #ctl00_uxPgCPH_textsearch_entsrchimg { display: none; }

.frm105 #ctl00_uxPgCPH_textsearch_txtLookUpCode { width: 500px; }

/**************************Topup Reversal Screen***********************/

.frm714 { }

.frm714 #divreason table.sectionfields tr:last-child > td, .frm714 #divremarks table.sectionfields tr:last-child > td { border-bottom: 1px solid #DEDEDE; }

.frm714 .formbutton { width: 20%; }

.frm714 .divapprovecancel {
	width: 79%;
	float: left;
	height: 35px;
	text-align: right;
}

.frm714 .divcancel {
	width: 10%;
	float: left;
	margin-top: 8px;
}

.frm714 .divcancel span { margin-left: 3px; }

.frm714 .divapprove {
	width: 90%;
	float: left;
	margin-top: 8px;
}

.frm714 .divapprove span { margin-left: 3px; }

.grdeligibeltopup1 {
	width: 4%;
	text-align: center
}

.grdeligibeltopup2 { width: 12%; }

.grdeligibeltopup3 { width: 12%; }

.grdeligibeltopup4 { width: 36%; }

.grdeligibeltopup5 { width: 12%; }

.grdeligibeltopup6 { width: 12%; }

.grdeligibeltopup7 { width: 12%; }

.grdhistorycol1 {
	width: 10%;
	text-align: center
}

.grdhistorycol2 {
	width: 30%;
	text-align: center
}

.grdhistorycol3 {
	width: 10%;
	text-align: center
}

.grdhistorycol4 {
	width: 10%;
	text-align: center
}

.grdhistorycol5 {
	width: 20%;
	text-align: center
}

.grdhistorycol6 {
	width: 10%;
	text-align: center
}

.grdhistorycol7 {
	width: 10%;
	text-align: center
}


.grdcontractcol1 {
	width: 10%;
	text-align: center
}

.grdcontractcol2 {
	width: 45%;
	text-align: center
}

.grdcontractcol3 {
	width: 15%;
	text-align: center
}

.grdcontractcol4 {
	width: 15%;
	text-align: center
}

.grdcontractcol5 {
	width: 15%;
	text-align: center
}

.frm714 .griditem:hover, .frm714 .altgriditem:hover, .frm714 .griditem:hover span, .frm714 .altgriditem:hover span, .griditem:hover .hyperlink, .altgriditem:hover .hyperlink {
	background-color: inherit;
	color: Black;
}

.frm714 .plandetails {
	width: 100%;
	border: 1px solid rgb(222, 222, 222);
}

.frm714 .plandurationprice {
	vertical-align: top;
	width: 23%;
}

.frm714 .detailssaperation { border-left: 1px solid rgb(222, 222, 222); }

.frm714 .planattributes {
	vertical-align: top;
	width: 77%;
}

.frm714 .datalistsattributes {
	width: 100%;
	vertical-align: top;
}

.frm714 .servicetable {
	width: 100%;
	border: 1px solid rgb(222, 222, 222);
}

.frm714 .disgridsvclabel {
	width: 100%;
	vertical-align: top;
	text-align: center;
}

.frm714 .tdserviceattributes {
	width: 100%;
	vertical-align: top;
}

.frm714 .dlserviceattributes { width: 100%; }

.frm714 .serviceattributes {
	border: 0;
	width: 100%;
}

.frm714 .tdserviceattributes .disgridlabel { width: 30%; }

.frm714 .tdserviceattributes .disgridtext {
	width: 70%;
	text-align: left;
}

.frm714 .tbldurationprice { width: 100%; }

.frm714 .divdurationprice {
	width: 100%;
	height: 27px;
}

/**************************Topup Reversal Screen***********************/

.linkdisable {
	text-decoration: none;
	pointer-events: none;
}

.sectionheading1 {
	color: white;
	height: 30px;
	padding: 0px 0px 0px 2px;
	text-align: left;
	vertical-align: middle;
	background-color: black;
	width: auto;
}

html[dir=rtl] .sectionheading1 { text-align: right; }

.select1 {
	width: 160px;
	height: 26px;
	padding: 2px 3px;
}

.labelfield1 {
	width: 60%;
	font-weight: bold;
	font-size: 12px;
	color: black;
	text-align: left;
	float: left;
	padding-right: 2px;
}

html[dir=rtl] .labelfield1 {
	text-align: right;
	float: right;
	padding-left: 2px;
	padding-right: 0px;
}

/**************************Compare Versions Screen***********************/

.frm1166 #ctl00_uxPgCPH_grdversionsdtls .frm1166 .griditem > td {
	border-top: 0px solid #DEDEDE;
	border-bottom: 1px solid #DEDEDE;
	border-right: 1px solid #DEDEDE;
	border-left: 1px solid #DEDEDE;	
}

.frm1166 #ctl00_uxPgCPH_grdversionsdtls .frm1166 .altgriditem > td {
	border-top: 0px solid #DEDEDE;
	border-bottom: 1px solid #DEDEDE;
	border-right: 1px solid #DEDEDE;
	border-left: 1px solid #DEDEDE;
}

.frm1166 .sectionfields .rowstyle1 > td, .frm1166 .sectionfields .altrowstyle > td {
	border-top: 1px solid #DEDEDE !important;
	border-left: 1px solid #DEDEDE !important;
	border-right: 1px solid #DEDEDE !important;
	border-bottom: 1px solid #DEDEDE !important;	
}

.frm1166 .sectionfields .frm1166 .altrowstyle1 > td {
	border-top: 1px solid #DEDEDE !important;
	border-left: 1px solid #DEDEDE !important;
	border-right: 1px solid #DEDEDE !important;
	border-bottom: 0px solid #DEDEDE !important;	
}

.frm1166 .sectionfields .frm1166 .rowstyle > tr {
	border-top: 0px solid #DEDEDE !important;
	border-left: 0px solid #DEDEDE !important;
	border-right: 0px solid #DEDEDE !important;
	border-bottom: 0px solid #DEDEDE !important;	
}

.heading1 {
	width: 100%;
	text-align: left;
	font-weight: bold;
	font-size: 14px;
	background-color: #5F5F5F;
	color: white;
	float: left;
	height: 26px;
}

html[dir=rtl] .heading1 {
	text-align: right;
	float: right;
}

.frm1166 .heading {
	height: 25px;
	text-align: left;
}

.frm1166 .sectionheading { height: 28px; }

.frm1166 td.column31, .frm1166 td.column32, .frm1166 td.column33 { border-bottom: 0px solid #DEDEDE !important; }

.frm1166 #ctl00_uxPgCPH_grdItemdetails .frm1166 .griditem > td, .frm1166 .altgriditem > td {
	border-top: 1px solid #DEDEDE !important;
	border-left: 1px solid #DEDEDE !important;
	border-right: 1px solid #DEDEDE !important;
	border-bottom: 0px solid #DEDEDE !important;
}

.frm1166 #ctl00_uxPgCPH_grdversionsdtls:hover tr {
	background-color: transparent;
	color: Black;
}

.frm1166 #ctl00_uxPgCPH_grdItemdetails:hover tr {
	background-color: transparent;
	color: Black;
}

.frm1166 .boldtext { font-weight: bold !important; }

/************List of Quotations Screen***********/

.frm585 .gridoverflow {
	overflow: scroll;
	height: 400px;
	border-left: 1px solid #DEDEDE;
	border-bottom: 1px solid #DEDEDE;
	border-right: 1px solid #DEDEDE;
	padding: 0px;
	margin: 0px;
}

.frm585 .griditem td, .frm585 .altgriditem td, .frm585 td.griditem, .frm585 td.altgriditem {
	border-bottom: 0px;
	border-right: 0px;
	border-top: 0px;
	border-left: 0px;
	padding: 0px 0px 0px 0px;
	margin: 0px;
}

.frm585 tr.griditem > td > table > tbody > tr > td {
	border-top: 0px solid #DEDEDE;
	border-bottom: 1px solid #DEDEDE;
	border-right: 1px solid #DEDEDE;
	padding: 3px;
	margin: 0px;
}

.frm585 .zeropadding { padding: 0px !important; }

A.lnkrmn {
	font-weight: normal;
	padding-left: 5px;
	font-size: 13px;
	color: blue;
}

html[dir=rtl] A.lnkrmn {
	padding-right: 5px;
	padding-left: 0px;
}

.frm585 .linkamount {
	font-size: 12px;
	color: black;
	text-decoration: none;
	cursor: default;
	padding: 0px;
	text-align: right;
}

.frm585 #ctl00_uxPgCPH_grdquotationdtls:hover tr, #ctl00_uxPgCPH_grdquotationdtls .altgriditem:hover tr, #ctl00_uxPgCPH_grdquotationdtls a, #ctl00_uxPgCPH_grdquotationdtls span {
	background-color: transparent;
	color: Black;
}

.frm585 .checkbox {
	font-weight: normal;
	font-size: 13px;
	color: black;
	margin-top: 4px;
}

.frm585 .hyperlink {
	text-decoration: underline;
	color: blue !important;
}

.frm585 .gridlist {
	width: 100%;
	border-left: 1px solid #DEDEDE;
	padding: 0px;
}

td.column41 {
	width: 300px;
	padding-bottom: 0px;
	border-bottom: 1px solid rgb(222, 222, 222);
	height: 25px;
}

td.column42 {
	width: 300px;
	padding-bottom: 0px;
	border-bottom: 1px solid rgb(222, 222, 222);
	height: 25px;
}

td.column43 {
	width: 300px;
	padding-bottom: 0px;
	border-bottom: 1px solid rgb(222, 222, 222);
	height: 25px;
}

td.column44 {
	width: 300px;
	padding-bottom: 0px;
	border-bottom: 1px solid rgb(222, 222, 222);
	height: 25px;
}

div.column41 {
	width: 25%;
	float: left;
	padding-bottom: 0px;
	border-right: 1px solid #DEDEDE !important;
	border-bottom: 1px solid rgb(222, 222, 222);
	height: 25px;
}

html[dir=rtl] div.column41 { float: right; }

div.column42 {
	width: 24.8%;
	float: left;
	padding-bottom: 0px;
	border-right: 1px solid #DEDEDE !important;
	border-bottom: 1px solid rgb(222, 222, 222);
	height: 25px;
}

html[dir=rtl] div.column42 { float: right; }

div.column43 {
	width: 24.8%;
	float: left;
	padding-bottom: 0px;
	border-right: 1px solid #DEDEDE !important;
	border-bottom: 1px solid rgb(222, 222, 222);
	height: 25px;
}

html[dir=rtl] div.column43 { float: right; }

div.column44 {
	width: 25%;
	float: left;
	padding-bottom: 0px;
	border-bottom: 1px solid rgb(222, 222, 222);
	height: 25px;
}

html[dir=rtl] div.column44 { float: right; }

.fontcolor { color: Green; }

.pointercursor { cursor: pointer; }

/************************** Convenience Fee Details Screen ***********************/

.frm721 .inputtext { width: 100px; }

.frm721 .gridfields .select { width: 100px; }

/**************************  End of Convenience Fee Details Screen ***********************/

.frm576 .td.column32 {
	width: 33%;
	padding-bottom: 0px;
	border-right: 1px solid #DEDEDE !important;
	border-bottom: 1px solid rgb(222, 222, 222);
	height: 25px;
}

.frm576 .td.column33 {
	width: 33.5%;
	padding-bottom: 0px;
	border-right: 1px solid #DEDEDE !important;
	border-bottom: 1px solid rgb(222, 222, 222);
	height: 25px;
}

.gridsubcolr1 {
	height: 25px;
	width: 20%;
	word-wrap: break-word;
	font-weight: normal;
	font-size: 12px;
	color: black;
	text-align: left;
	position: relative;
	border-top: 1px solid #DEDEDE !important;
}

html[dir=rtl] .gridsubcolr1 { text-align: right; }

.gridsubcolr2 {
	height: 25px;
	width: 17%;
	font-weight: normal;
	font-size: 12px;
	color: black;
	text-align: right;
	padding: 0px 3px 0px 0px;
	position: relative;
	border-top: 1px solid #DEDEDE !important;
}

html[dir=rtl] .gridsubcolr2 { text-align: left; }

.gridsubcolr3 {
	height: 25px;
	width: 17%;
	font-weight: normal;
	font-size: 12px;
	color: black;
	text-align: right;
	padding: 0px 3px 0px 0px;
	position: relative;   
}

html[dir=rtl] .gridsubcolr3 { text-align: left; }

/************************** Service order enhanced ***********************/

.imagedisable {
	pointer-events: none;
	cursor: default;
}

/************************** End of Service order enhanced ***********************/

/******************Usage Details *****************/

.lblUsg {
	font-weight: bold;
	font-size: 12px;
	color: black;
	padding-right: 9px;
}

html[dir=rtl] .lblUsg {
	padding-left: 9px;
	padding-right: 0px;
}

.lblUsg:after { content: " :"; }

/******************Usage Details *****************/

/**************************RateplanNew***********************/

.frm776 div.heading {
	width: 65%;
	text-align: left;
	position: relative;
	top: 22%;
	left: 2px;
	font-weight: bold;
	font-size: 14px;
	color: #3F3F3F;
	float: left;
	text-align: left;
}

.frm776 div.actionbutton { width: 32%; }

.frm776 span.heading {
	width: 65%;
	text-align: left;
	position: relative;
	top: 22%;
	left: 2px;
	font-weight: bold;
	font-size: 14px;
	color: #3F3F3F;
	float: left;
	text-align: left;
	padding-top: 4px;
}

.frm776 .tabspace {
	float: left;
	padding-right: 2px;
}

.frm776 .subhead td {
	font-weight: bold;
	font-size: 12px;
	color: #FFFFFF;
	border-bottom: 1px solid rgb(222, 222, 222);
	border-left: 2px solid rgb(222, 222, 222);
	background-color: #5F5F5F;
	padding: 3px;
}

.frm776 .gridcol { width: 9%; }

.frm776 .gridallocol { width: 11.5%; }

/**************************RateplanNew***********************/




/******************generate osd Screen**************************/

DIV.cardslist {
	height: 200px;
	width: 100%;
	overflow: scroll;
	font-weight: normal;
	font-size: 11px;
	color: black;
}

DIV.templatedetails {
	height: 200px;
	width: 100%;
	font-weight: normal;
	font-size: 11px;
	color: black;
}

/******************generate osd Screen**************************/

/******************Monitor osd Screen**************************/

.startlink {
	color: green;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
}

.stoplink {
	color: red;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
}

/******************Monitor osd Screen**************************/

/*****************Report Editor Css**************/

.frm723 .TabInitial {
	display: block;
	padding: 4px 18px 4px 18px;
	float: left;
	color: Black;
	border: 1px solid #ADADAD;
	border-bottom: 0px;
	border-width: 1px;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
	border-bottom: 0px;
	text-decoration: none;
	background-color: #E7E7E6;			
}

html[dir=rtl] .frm723 .TabInitial { float: right; }

.frm723 .TabClicked {
	display: block;
	padding: 4px 18px 4px 18px;
	float: left;
	color: White;
	border-color: #ADADAD;
	/*border-width: 1px;*/
	font-weight: bold;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
	border-bottom: 0px;
	text-decoration: none;
	border: 1px solid #ADADAD;
	border-bottom: 0px;
	background-color: #1D9E86;			
}

html[dir=rtl] .frm723 .TabClicked { float: right; }

.frm723 .DroppableSection { border: 1px solid #FFAA00 !important; }

.frm723 .CNodeStyle {
	cursor: move;
	white-space: nowrap;
	color: Black;
	padding-left: 5px;
	padding-right: 5px;
}

.frm723 .nodetext {
	color: #444444;
	font-weight: bold;
	padding-right: 2px;
	padding-left: 2px;
}

.frm723 #selectItems {
	width: 119px;
	height: 2px;
}

.frm723 .select, SELECT.text, span.inputtext, span.select, span.text {
	border: 1px solid #C0C0C0;
	border-radius: 4px;
	background-color: #FFFFFF;
}

.frm723 .txtbox {
	border-radius: 8px;
	Height: 20px;
	Width: 180px;		   
}

.frm723 .treeviewdiv {
	border: 1px solid rgb(222, 222, 222);
	width: 226px;
	overflow: auto;
	height: 420px;
	padding: 5px 0px 5px 5px;
	background-color: #FFFFFF;
	border-radius: 5px 5px 0px 0px/10px 10px 0px 0px;
}

.frm723 .Tabtableview {
	width: 100%;
	border-width: 1px;
	border-color: #ADADAD;
	border-style: solid;
	background-color: #E7E7E6;
}

.frm723 .Pivotview {
	width: 100%;
	height: 130px;
	border-width: 1px;
	border-color: #ADADAD;
	border-style: solid;
	background-color: #E7E7E6;
}

.frm723 .menutd {
	border-left: 1px solid rgb(222, 222, 222);
	/* background-color:#F3F3F5;*/
	border: 1px solid #ADADAD;
	border-radius: 4px;
	background-color: #E7E7E6;
}


.frm723 .Pivotview .div, .Pivotview .filterdiv, .Pivotview .drilldowndiv {
	border-width: 1px;
	border-color: #ADADAD;
	border-style: dashed;
	overflow: auto;
	background-color: White;
	width: 295px;
	height: 42px;
}
.frm723 .Tabtableview .div, .Tabtableview .filterdiv, .Tabtableview .drilldowndiv {
	border-width: 1px;
	border-color: #ADADAD;
	border-style: dashed;
	overflow: auto;
	background-color: White;
	width: 340px;
	height: 42px;
}
.frm723 .div, .filterdiv, .drilldowndiv {
	border-width: 1px;
	border-color: #ADADAD;
	border-style: dashed;
	overflow: auto;
	background-color: White;
	width: 280px;
	height: 42px;
}

.frm723 #xaxisdiv, #colordiv, #yaxisdiv, #textdiv {
	width: 80px;
	display: inline-block;
}
	 
	 
.frm723 #divXaxis, #divColor, #divYaxis, #divText {
	vertical-align: top;
	display: inline-block;
}

.frm723 .divbr { width: 10px; }

.frm723 .divtd {
	height: 10px;
	width: 3px;
	background-color: #F3F3F5;
}


.frm723 .divtable {
	border: 1px solid #CDCDCD;
	background-color: #F3F3F5;
	height: 19px;
	padding-top: 4px;
	padding-bottom: 4px;
}

.frm723 .divtablehighlight {
	border-radius: 4px;
	height: 19px;
}

	 
.frm723 .divinnertd {
	height: 14px;
	width: 70px;
	background-color: #F3F3F5;
}

.frm723 .Pivotview .divinnerdiv {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	height: 18px;
	width: 155px;
	font-size: 12px;
}
.frm723 .Tabtableview .divinnerdiv {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	height: 18px;
	width: 170px;
	font-size: 12px;
}
.frm723 .divinnerdiv {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	height: 18px;
	width: 140px;
	font-size: 12px;
}

.frm723 .divselect {
	border: 1px solid #89B;
	height: 21px !important;
	width: 95px;
	font-size: 12px;
}

.frm723 .divimg { cursor: pointer; }

.frm723 .linkclicked {
	text-decoration: none;
	color: Black;
	font-weight: bold;
}

.frm723 .link {
	color: #175494;
	font-weight: normal;
}

.frm723 .txtbox723 {
	border-radius: 8px;
	Height: 20px;
	Width: 180px;
	border-color: #ADADAD;
	border-width: 1px;
	border-style: solid;			
}

.frm723 #ctl00_uxPgCPH_uxReportParam_pnlSetParams { border-style: none; }

.frm723 .myMenu {
	margin: 0px;
	padding: 0px;
}

.frm723 .myMenu li {
	list-style: none;
	float: left;
	font: 12px Arial, Helvetica, sans-serif #111;
}

	   
		
.frm723 .myMenu li a {
	display: block;
	padding: 5px 6px;
	background: none repeat scroll 0% 0% #EAEAEA;
	text-decoration: none;
	color: #000;
}

.frm723 .myMenu li a:hover {
			
	/*  border-width: 0px 1px 1px 0px;
			border-style: solid solid solid solid;
			border-color: Gray;*/
}

.frm723 .isselected {
	/* background-color: #DADADA; *//*#F2F2F2; #0CF;*/
	/* border-width: 0px 1px 1px 0px;
			border-style: solid solid solid solid;
			border-color: Gray;*/
}

/*style the sub menu*/

.frm723 .myMenu li ul {
	position: absolute;
	margin: 0px;
	padding: 0px;
	background-color: #F3F3F5;
	border-width: 0px 1px 1px;
	border-style: solid;
	border-color: #808080;
	height: 82px;
}

.frm723 .myMenu li ul li {
	display: inline;
	float: none;
}

.frm723 .myMenu li ul li a:link, .myMenu li ul li a:visited {
	background-color: #F2F2F2; /*#09F;*/
	width: auto;
}

.frm723 .myMenu li ul li a:hover {
			
	background-color: #DADADA; /*#0CF;*/
}

.frm723 a:hover < 

li <

ul <

li <

ul {
	background-color: red; /*#0CF;*/
}

.frm723 .bgcolor {
	background-color: White;
	border-bottom: none;
	border-left: 1px solid gray;
	border-right: 1px solid gray;
	border-top: 1px solid gray;
	padding-left: 6px;
	padding-right: 6px;
}

.frm723 .backgrndclr {
	background-color: #DADADA;
	font-weight: normal;
	padding-left: 6px;
	padding-right: 6px;
}

.frm723 a { color: #175494; }

.frm723 .repselectddl {
	border: 1px solid #ADADAD;
	border-radius: 5px;
	background-color: #FFF;
	height: 22px;
	width: 227px;
	margin: 2px;
}

.frm723 .enableGenRptLnk {
	pointer-events: all;
	color: #175494;
	cursor: pointer;
}

.frm723 .disableGenRptLnk {
	pointer-events: none;
	color: Gray;
	cursor: default;
}

.frm723 .enableFilterNxtPrevIcon {
	pointer-events: all;
	color: #175494;
	cursor: pointer;
	opacity: 1;
}

.frm723 .disableFilterNxtPrevIcon {
	pointer-events: none;
	color: Gray;
	cursor: default;
	opacity: 0.5;
}

.frm723 .disableSave {
	pointer-events: none;
	color: Gray;
	cursor: default;
	opacity: 0.5;
}

.frm723 .FilterTabInitial {
	padding: 5px 5px 5px 5px;
	float: left;
	color: Black;
	border: 1px solid #ADADAD;
	/*  border:1px solid #243858 ; */
	border-bottom: 0px;
	text-decoration: none;
	background-color: #F3F3F5;
	white-space: nowrap;
	/* width:100%;*/
}

html[dir=rtl] .frm723 .FilterTabInitial { float: right; }

.frm723 .FilterTabClicked {
	padding: 5px 5px 5px 5px;
	float: left;
	color: #C44A49;
	/*  border:1px solid #243858 ; */
	font-weight: normal;
	text-decoration: none;
	border: 1px solid #ADADAD;
	border-bottom: 0px;
	background-color: #FFFFFF;
	white-space: nowrap;
	/* width:100%;*/
}

html[dir=rtl] .frm723 .FilterTabClicked { float: right; }

.frm723 .addNewRangeIcon {
	padding: 2px 0px;
	color: White;
	border-color: #ADADAD;
	text-decoration: none;
	border: 1px solid #ADADAD;
	/* margin-left:10px;*/
	background-color: #1D9E86;
	background-image: url("../images/ui-icons_ffffff_256x240.png");
	background-repeat: no-repeat;
	/* background-position: -33px -128px; /*Fat Plus Icon */
	background-position: -18px -129px; /*Thin Plus Icon */
	width: 90px;
	height: 13px;
	display: inherit;
}

.frm723 .addNewRange {
	background-color: #1D9E86;
	width: 90%;
	margin-left: 10px;
	color: White;
	text-decoration: none;
	white-space: nowrap;
	font-weight: normal;
	outline: medium none transparent;
	text-align: center;
	display: inherit;
}

html[dir=ltr] .frm723 .progressimage {
	border: solid 1px #cccccc;
	border-radius: 3px;
	position: absolute;
	left: 45%;
	top: 175px;
	background-color: white;
	height: 20px;
	width: 140px;
	color: #0E2D5F;
	vertical-align: middle;
	padding-left: 10px;
	padding-top: 5px;
	display: none;
	margin-top: 50px;
	z-index: 101;
}

html[dir=rtl] .frm723 .progressimage {
	border: solid 1px #cccccc;
	border-radius: 3px;
	position: absolute;
	right: 55%;
	background-color: white;
	height: 20px;
	width: 140px;
	color: #0E2D5F;
	vertical-align: middle;
	padding-left: 10px;
	padding-top: 5px;
	display: block;
	margin-top: 50px;
	padding-right: 10px;
	z-index: 101;
}

html[dir=rtl] .frm723 .progressimage > img {
	float: right;
	image-orientation: flip;
}

html[dir=rtl] .frm723 .myMenu > li > ul > li > a > img { float: right; }

html[dir=ltr] .frm723 .submenutd { border-right: 1px solid #ADADAD; }

html[dir=rtl] .frm723 .submenutd { border-left: 1px solid #ADADAD; }

.frm723 .submenuimg {
	border: none;
	padding-right: 4px;
	padding-left: 4px;
	width: 20px;
	height: 18px;
	background-color: #F2F2F2;
}

.frm723 .btnrefreshimg {
	width: 18px;
	height: 18px;
	float: left;
}

html[dir=rtl] .frm723 .btnrefreshimg { float: right; }

.frm723 .btnsaveimg {
	height: 20px;
	width: 20px;
	float: left;
}

html[dir=rtl] .frm723 .btnsaveimg { float: right; }


.frm723 .divtableparent {
	padding-top: 2px;
	padding-left: 2px;
	float: left;
}

html[dir=rtl] .frm723 .divtableparent { float: right; }

/* Two Factor Authentication login Page vertical fields css */

.loginuidpwd1 {
	font-weight: bold;
	font-size: 12px;
	color: black;
	text-align: left;
	padding-left: 43px;
	padding-top: 10px;
	padding-bottom: 3px;
}

.logininputcontrol1 {
	padding-left: 43px;
	margin-right: 0px;
}

.loginbtnsave1 {
	background-image: url(../images/btngreen.png);
	background-color: green;
	border: 1px solid #568920;
	color: #FFFFFF;
	font-size: 12px;
	font-weight: normal;
	padding: 6px 13px;
	text-decoration: none;
	border-radius: 4px;
	min-width: 125px;
}

/**************************/

.frm723 .btnnewimg {
	height: 15px;
	width: 15px;
	float: right;
}

html[dir=rtl] .frm723 .btnnewimg { float: left; }

.frm723 .btnnewrptimg {
	height: 15px;
	width: 15px;
	float: left;
}

html[dir=rtl] .frm723 .btnnewrptimg { float: right; }

  
.frm723 .userfilterdivtable {
	border-color: #B0C4DE;
	float: left;
	height: 25px;
}

html[dir=rtl] .frm723 .userfilterdivtable { float: right; }

html[dir=ltr] .frm723 .genrptlnktd {
	padding-left: 400px;
	white-space: nowrap;
}

html[dir=rtl] .frm723 .genrptlnktd {
	padding-right: 400px;
	white-space: nowrap;
}

.frm723 .btnnextprvimg { cursor: pointer; }

html[dir=rtl] .frm723 .btnnextprvimg { image-orientation: flip; }

html[dir=ltr] .frm723 .waitdiv {
	position: absolute;
	left: 53%;
	padding: 2px;
}

html[dir=rtl] .frm723 .waitdiv {
	position: absolute;
	right: 53%;
	padding: 2px;
}

html[dir=rtl] .frm723 .waitdiv img {
	float: right;
	image-orientation: flip;
}

html[dir=ltr] .frm723 .savingdiv {
	position: absolute;
	left: 50%;
	padding-bottom: 8px;
	color: #1761B1;
	font-size: 13px;
}

html[dir=rtl] .frm723 .savingdiv {
	position: absolute;
	right: 50%;
	padding-bottom: 8px;
	color: #1761B1;
	font-size: 13px;
}

html[dir=rtl] .frm723 .savingdiv img {
	float: right;
	image-orientation: flip;
}

.frm723 .lblfltrdiv { float: left; }

html[dir=rtl] .frm723 .lblfltrdiv { float: right; }

.frm723 .lblclrfltrdiv { float: right; }

html[dir=rtl] .frm723 .lblclrfltrdiv { float: left; }

.frm723 .lblpivotspan {
	float: right;
	padding-right: 2px;
	padding-left: 2px;
}

html[dir=rtl] .frm723 .lblpivotspan { float: left; }

.frm723 .drpclmnspan {
	color: Gray;
	padding-left: 2px;
	padding-right: 2px;
}

.frm723 .dropdown, .frm755 .dropdown, .frm790 .dropdown { position: relative; }

html[dir=ltr] .frm723 .dropdown-content, html[dir=ltr] .frm755 .dropdown-content {
	display: none;
	position: absolute;
	top: 30px;
	right: 1px;
	background-color: #f9f9f9;
	min-width: 140px;
	border: 1px solid #CCCCCC;
	z-index: 999;
}

html[dir=ltr] .frm790 .dropdown-content {
	display: none;
	position: absolute;
	top: 20px;
	right: 1px;
	background-color: #f9f9f9;
	min-width: 140px;
	border: 1px solid #CCCCCC;
	z-index: 999;
}

html[dir=rtl] .frm723 .dropdown-content, html[dir=rtl] .frm755 .dropdown-content, html[dir=rtl] .frm790 .dropdown-content {
	display: none;
	position: absolute;
	top: 30px;
	left: 1px;
	background-color: #f9f9f9;
	min-width: 140px;
	/* box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);*/
	border: 1px solid #CCCCCC;
	z-index: 999;	  
}

.frm723 .dropdown-content a, .frm755 .dropdown-content a, .frm790 .dropdown-content a {
	color: black;
	padding: 12px 16px;
	text-decoration: none;
	display: block;
}

.frm723 .dropdown-content a:hover, .frm755 .dropdown-content a:hover, .frm790 .dropdown-content a:hover { background-color: #f1f1f1; }

.frm723 .dropdown:hover .dropdown-content, .frm755 .dropdown:hover .dropdown-content, .frm790 .dropdown:hover .dropdown-content { display: block; }

.frm723 .dropdown:hover .dropbtn, .frm755 .dropdown:hover .dropbtn, .frm790 .dropdown:hover .dropbtn { background-color: #3e8e41; }

.frm755 .listimg { padding: 5px; }

html[dir=ltr] .frm755 .reportparamfilterdiv {
	position: relative;
	height: 35px;
	float: left;
	padding-right: 8px;
	border-left: 1px solid #DEDEDE;
	padding-bottom: 5px;
	padding-top: 5px;
	display: flex; 
	align-items: center; 
	justify-content: center;
}

html[dir=rtl] .frm755 .reportparamfilterdiv {
	position: relative;
	height: 35px;
	float: right;
	padding-left: 8px;
	border-right: 1px solid #DEDEDE;
	padding-bottom: 5px;
	padding-top: 5px;
	display: flex; 
	align-items: center; 
	justify-content: center;
}

html[dir=ltr] .frm755 .panelclass {
	border-top: 1px solid #DEDEDE;
	border-bottom: 1px solid #DEDEDE;
	border-right: 1px solid #DEDEDE;
	border-radius: 0px 4px 4px 0px;
}

html[dir=rtl] .frm755 .panelclass {
	border-top: 1px solid #DEDEDE;
	border-bottom: 1px solid #DEDEDE;
	border-left: 1px solid #DEDEDE;
	border-radius: 4px 0px 0px 4px;
}

.frm755 .reportparambtnView {
	position: relative;
	height: 32px;
	float: left;
	padding-bottom: 5px;
	padding-top: 5px;
	display: flex; 
	align-items: center; 
	justify-content: center;
}

.newPageTheme .reportparamfilterdiv .searchfloat input.text {
	height: 28px !important;
}
.newPageTheme .reportparamfilterdiv .skipline .ui-multiselect {
	height: 30px !important;
	width: 150px !important
}
html[dir=rtl] .frm755 .reportparambtnView {
	float: right;
}

	 

html[dir=ltr] .frm755 .modulenamediv {
	padding-left: 8px;
	color: #444444;
	font-size: 14px;
}

html[dir=rtl] .frm755 .modulenamediv {
	padding-right: 8px;
	color: #444444;
	font-size: 14px;
}

.frm755 .moduletd { padding: 0px 0px 7px 5px; }

html[dir=rtl] .frm755 .moduletd { padding: 0px 5px 7px 0px; }

/*********************************************************************/


/* styles for grouping div of JQgrid */

html[dir=ltr] .frm723 #groups, html[dir=ltr] .frm755 #groups {
	text-align: left;
	margin: 1px;
	border-radius: 4px;
	border: 1px solid #DEDEDE;
	display: none;
	position: relative;
}

html[dir=rtl] .frm723 #groups, html[dir=rtl] .frm755 #groups {
	text-align: right;
	margin: 1px;
	border-radius: 4px;
	border: 1px solid #DEDEDE;
	display: none;
	position: relative;
}

.frm723 .panel-content, .frm755 .panel-content {
	background-color: #FFF;
	height: 30px;
	width: 100%;
}

html[dir=ltr] .frm723 .panel-header, html[dir=ltr] .frm755 .panel-header {
	width: 55px;
	height: 30px;
	background-color: #E7E7E6;
	padding-left: 4px;
	font-size: 12px;
	border-radius: 4px 0 0 4px;
	padding-right: 4px;
	color: #676A6C;
	font-weight: bold;
}

html[dir=rtl] .frm723 .panel-header, html[dir=rtl] .frm755 .panel-header {
	width: 55px;
	height: 30px;
	background-color: #E7E7E6;
	padding-left: 4px;
	font-size: 12px;
	border-radius: 0 4px 4px 0;
	padding-right: 4px;
	color: #676A6C;
	font-weight: bold;
}

html[dir=ltr] .frm723 .reportparams-header, html[dir=ltr] .frm755 .reportparams-header {
	width: 55px;
	height: 30px;
	background-color: #E7E7E6;
	padding-left: 4px;
	font-size: 12px;
	border-radius: 4px 0 0 4px;
	padding-right: 4px;
	color: #676A6C;
	font-weight: bold;
	border-top: 1px solid #DEDEDE;
	border-bottom: 1px solid #DEDEDE;
	border-left: 1px solid #DEDEDE;
}

html[dir=rtl] .frm723 .reportparams-header, html[dir=rtl] .frm755 .reportparams-header {
	width: 55px;
	height: 30px;
	background-color: #E7E7E6;
	padding-left: 4px;
	font-size: 12px;
	border-radius: 0 4px 4px 0;
	padding-right: 4px;
	color: #676A6C;
	font-weight: bold;
	border-top: 1px solid #DEDEDE;
	border-bottom: 1px solid #DEDEDE;
	border-right: 1px solid #DEDEDE;
}
	   
	   
.frm723 #groups ol, .frm755 #groups ol {
	counter-reset: ITEMS;
	height: 28px;
	padding-top: 4px;
}

html[dir=ltr] .frm723 #groups li::before, html[dir=ltr] .frm755 #groups li::before {
	counter-increment: ITEMS;
	content: counter(ITEMS) ".";
	padding-right: 0.9em;
	font-weight: bold;
}

html[dir=rtl] .frm723 #groups li::after, html[dir=rtl] .frm755 #groups li::after {
	counter-increment: ITEMS;
	content: "." counter(ITEMS);
	padding-left: 0.4em;
	font-weight: bold;
}

html[dir=ltr] .frm723 #groups li, html[dir=ltr] .frm755 #groups li {
	display: inline;
	margin: 0 2px 3px 5px;
	padding: 0.4em;
	padding-left: 0.8em;
	height: 15px;
}

html[dir=rtl] .frm723 #groups li, html[dir=rtl] .frm755 #groups li {
	display: inline;
	margin: 0 5px 3px 2px;
	padding: 0.4em;
	padding-right: 0.8em;
	height: 15px;
}

html[dir=ltr] .frm723 #groups li span, html[dir=ltr] .frm755 #groups li span {
	display: inline;
	position: absolute;
	margin-left: -1.3em;
}

html[dir=rtl] .frm723 #groups li span, html[dir=rtl] .frm755 #groups li span {
	display: inline;
	position: absolute;
	margin-right: -1.3em;
}

.frm723 .ui-jqgrid tr.ui-row-ltr td, .frm755 .ui-jqgrid tr.ui-row-ltr td { border-right-color: transparent !important; }

.frm723 .exportimg, .frm755 .exportimg { float: right; }

html[dir=rtl] .frm723 .exportimg, html[dir=rtl] .frm755 .exportimg { float: left; }

.frm723 .exportcsvimg, .frm755 .exportcsvimg, .frm723 .exportexcelimg, .frm755 .exportexcelimg {
	height: 15px;
	width: 15px;
	float: left;
}

html[dir=rtl] .frm723 .exportcsvimg, html[dir=rtl] .frm755 .exportcsvimg, html[dir=rtl] .frm723 .exportexcelimg, html[dir=rtl] .frm755 .exportexcelimg {
	height: 15px;
	width: 15px;
	float: left;
}

.frm723 .charttoggle, .frm755 .charttoggle { float: right; }

html[dir=rtl] .frm723 .charttoggle, html[dir=rtl] .frm755 .charttoggle { float: left; }

/*end Of styles for grid and chart controls */

/* styles for Error Cosole */

.frm723 .errorconsole, .frm755 .errorconsole {
	/* width:940px; */
	height: 10px;
	background-color: White;
	text-align: center;
	color: red;
	padding-right: 50px;
	font-family: sans-serif;
	font-size: 14px;
	display: none;	 
}

html[dir=ltr] .frm723 .artdrilldownColnavimg {
	padding: 2px 8px;
	background: url("../images/ui-icons_454545_256x240.png") no-repeat -31px 2px;
	width: 19px;
	height: 18px;
}

html[dir=rtl] .frm723 .artdrilldownColnavimg {
	padding: 2px 8px;
	background: url("../images/ui-icons_454545_256x240.png") no-repeat -95px 2px;
	width: 19px;
	height: 18px;
}

/* Report Listing screen */

.frm2007 #ctl00_uxPgCPH_textsearch_entsrchimg { display: none; }

/**************************/

/**** SAAS Changes ****/

.frm726 div.imagefield {
	width: 20%;
	font-weight: bold;
	font-size: 12px;
	color: #000;
	float: left;
	padding-right: 10px;
}

.frm726 div.imagefield input { padding-left: 10px; }

.frm726 div.labelfield {
	width: 60%;
	font-weight: bold;
	font-size: 12px;
	color: #000;
	float: left;
	text-align: left;
}

.frm726 div.textfield {
	font-weight: normal;
	font-size: 12px;
	color: #000;
	padding-right: 30px;
	text-align: left;
	float: right;
}

.frm726 table.tblborder { border: 1px solid rgb(222, 222, 222); }

.frm726 table.featuretitleholder { height: 45px; }

.frm726 td.columnfeature {
	width: 33.5%;
	padding-bottom: 0px;
	height: 25px;
}

.frm726 .textdescr { width: 572px; }

.frm726 a { text-decoration: none; }

.frm726 a.blackcolor {
	color: Black;
	font-weight: normal;
}

.frm726 a.blackcolor:hover {
	color: Black;
	font-weight: normal;
	text-decoration: none;
}

.frm726 a.greencolor {
	color: Green;
	font-weight: normal;
}

.frm726 a.greencolor:hover {
	color: Green;
	font-weight: normal;
}

.frm726 A:hover {
	color: blue;
	text-decoration: underline;
}

.frm726 A.link {
	font-weight: bold;
	font-size: 12px;
	color: black;
}

.frm726 td.columnproduct {
	/*  width: 45%; */
	width: 40%;
	padding-bottom: 0px;
	height: 25px;
}

.frm726 .productlabeltext {
	width: 120px;
	font-weight: normal;
	font-size: 12px;
	color: black;
	text-align: right;
	position: relative;
	padding: 3px 0px;
	font-weight: bold;
}

.frm726 div.navigatenew {
	position: relative;
	top: 22%;
	right: 3px;
}

.frm726 .lblfieldpadding {
	padding-left: 30px;
	padding-top: 5px;
}

.frm726 td img { float: none; }

.frm726 div.ajaxloader {
	position: fixed;
	top: 200px;
	left: 100px;
	right: 1500px;
	height: 100%;
	width: 100%;
}

.frm726 div.ajaxloader {
	text-align: center;
	vertical-align: middle;
	font-size: 12px;
	font-weight: bold;
}

.frm726 input.txtsearchproduct { width: 140px; }

.columneditfeature {
	width: 150px;
	font-weight: bold;
	font-size: 12px;
	color: black;
	text-align: right;
	position: relative;
	padding: 3px 0px;
}

html[dir=rtl] .columneditfeature { text-align: left; }


.searchcolumns td {
	font-weight: normal;
	font-size: 12px;
	color: #FFF;
	border-bottom: 1px solid #DEDEDE;
	border-left: 1px solid #DEDEDE;
	padding: 3px;
}

/************ BEGIN: SAAS NewProduct screen *****/

.pageborderstyle {
	border-left: 2px solid #DADADA;
	border-right: 2px solid #DADADA;
	border-bottom: 2px solid #DADADA;
	cellspacing: 0px;
	width: 100%;
}

.frm771 .table {
	border: 0px;
	cellpadding: 0px;
	cellspacing: 0px;
	width: 100%;
	height: 80px;
}

.frm771 td.column31, .frm771 td.column32, .frm771 td.column33, .frm727 td.column32, .frm837 td.column31, .frm837 td.column32, .frm837 td.column33, .frm837 .pagetitlemessage, .frm839 td.column31, .frm839 td.column32, .frm839 td.column33, .frm839 .pagetitlemessage { border-bottom: 0 solid #DEDEDE !important; }

.frm771 .optionaltext1 { font-weight: bold; }

.frm771 .imginputcontrol { width: 175px; }

.frm771 .textalignedimg { padding-bottom: 0px; }

.frm771 .imgselect { width: 176px; }

.frm771 .fileupload {
	font-weight: normal;
	font-size: 9px;
	color: black;
	border: 1px solid #C0C0C0;
	border-radius: 4px;
	background-color: #F2F2F2;
	width: 175px;
	height: 24px;
}

.frm771 .fillqualifiers {
	overflow: hidden;
	max-width: 180px;
	text-overflow: ellipsis;
	-ms-text-overflow: ellipsis;
	word-wrap: break-word;
}

.frm771 .qualldiv { cursor: pointer; }

#qualdiv { }

#qualdiv:hover { display: block; }

.frm771 .qualifiers {
	text-align: right;
	padding-right: 15px;
}

.frm771 .textarea {
	width: 570px !important;
	height: 50px;
}

.featureborderstyle {
	width: 100%;
	border-bottom: 1px solid #929292;
	border-top: 1px solid #929292;
}

.frm771 .leftborder {
	border-left: 1px solid #929292;
	height: 125px;
}

.frm771 .tdfeature { width: 62%; }

.frm771 .tdselfeatures { width: 36.5%; }

.frm771 .trfeatures { height: 90px; }

.featuresheading {
	height: 25px;
	float: left;
	min-height: 22px;
	padding-top: 3px;
	padding-bottom: 10px;
	font-weight: bold;
	text-decoration: underline;
	font-size: 14px;
}

html[dir=rtl] .featuresheading { float: right; }

.selfeaturesheading {
	float: left;
	min-height: 22px;
	padding-top: 8px;
	padding-bottom: 0px;
	padding-left: 8px;
	font-weight: bold;
	text-decoration: underline;
	font-size: 14px;
}

html[dir=rtl] .selfeaturesheading {
	float: right;
	padding-right: 8px;
	padding-left: 0px;
}

.frm771 .selfeatureslineheight {
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 8px;
	line-height: 25px;
	height: 80px;
}

.watermark {
	float: left;
	padding-left: 300px;
}

html[dir=rtl] .watermark {
	float: right;
	padding-right: 300px;
	padding-left: 0px;
}

.watermarktext { color: #6E6E6E; }

.selectallsubelement {
	float: left;
	min-height: 22px;
	padding-top: 3px;
	padding-bottom: 10px;
	padding-left: 50px;
}

html[dir=rtl] .selectallsubelement {
	float: right;
	padding-right: 50px;
	padding-left: 0px;
}

.featurechecklist { width: 80%; }

.previousbutton { width: 5%; }

.frm771 .prev {
	height: 31px;
	width: 50px;
	border-radius: 4px;
	background-repeat: no-repeat;
	background-image: url('../Images/proleft-arrow-icon.png');
	border: 1px solid black;
	background-size: 15px auto;
	background-position: center center;
	cursor: pointer;
}

.nextbutton { width: 5%; }

.frm771 .next {
	height: 31px;
	width: 50px;
	border-radius: 4px;
	background-repeat: no-repeat;
	background-image: url('../Images/proright-arrow-icon.png');
	border: 1px solid black;
	background-size: 15px auto;
	background-position: center center;
	cursor: pointer;
}

.frm771 .ajaxloader {
	position: fixed;
	top: 100px;
	right: 300px;
	height: 100%;
	width: 100%;
}

.frm771 .ajaxloader td {
	text-align: center;
	vertical-align: middle;
	font-size: 12px;
	font-weight: bold;
}

.frm771 #ctl00_uxPgCPH_textsearch_entsrchimg { display: none; }

.frm771 div.floatleft { }

.frm771 #ctl00_uxPgCPH_chkfeaturelist tbody > tr { height: 25px; }

.productsegmentdiv:hover { display: block; }

/************ END: SAAS NewProduct screen *****/

.frm727 .table {
	border: 0px;
	cellpadding: 0px;
	cellspacing: 0px;
	width: 100%;
	border: 2px Solid Gainsboro;
}

.frm727 .qualifiers {
	padding-left: 10px;
	font-weight: bold;
	height: 25px;
	white-space: nowrap;
	overflow: hidden;
	max-width: 200px;
	text-overflow: ellipsis;
}

.frm727 .button { float: right; }

.frm727 .showmore {
	padding-left: 150px;
	text-decoration: none;
	color: Blue;
	cursor: pointer;
	font-weight: 700;
}

.productpriceplaninfo {
	width: auto;
	border: 2px Solid Gainsboro;
}

.featuresgap {
	padding-bottom: 3px;
	padding-top: 3px;
	padding-left: 10px;
}

.featuredetails {
	height: 150px;
	padding-left: 0px;
}

.featureheading {
	padding-left: 10px;
	font-weight: 700;
	text-decoration: underline;
	font-size: 14px;
}

.priceparampanel {
	width: 79.66%;
	height: inherit;
	float: right;
	border-left: 1px Solid #929292;
	padding-top: 15px;
}

html[dir=rtl] .priceparampanel { float: left; }

.pricepanel {
	width: 20%;
	height: inherit;
	float: left;
}

html[dir=rtl] .pricepanel { float: right; }

.frm727 .requiredtext3 { text-align: left; }

.frm727 .textalignedimg { padding: 4px 0px 3px; }

.frm727 td.column32 .inputtext { width: 165px; }

.frm727 td.column32 .select { width: 130px; }

.frm727 .gridcolumnhead {
	height: 30px;
	vertical-align: middle;
	text-align: left;
	width: 100%;
	border: 1px solid #929292;
}

.frm727 .gridcolumnhead th {
	font-weight: bold;
	font-size: 12px;
	color: Black;
	border-left: 1px solid #929292;
	background-color: #DADADA;
	padding: 3px;	
}

.frm727 .gridcolumnhead th a {
	font-weight: bold;
	color: Black;
}

.frm727 .griditem > td, .altgriditem > td { }

.frm727 .griditem:hover tr, .altgriditem:hover tr, .gridlist:hover { background-color: transparent; }

.frm727 div.gridoverflow {
	border-bottom: 1px solid #929292;
	border-right: 1px solid #929292;
}

.frm727 .gridowndata1 { border-right: 1px solid #929292; }

.frm771 .selectedfeatures {
	height: 80px;
	overflow-y: scroll;
}

.frm771 a { text-decoration: none; }

.frm771 A:hover {
	color: blue;
	text-decoration: underline;
}

.frm771 A.link {
	font-weight: bold;
	font-size: 12px;
	color: black;
}

.frm771 div.navigatenew {
	position: relative;
	top: 22%;
	right: 3px;
}

.frm771 .producttypeselect { width: 96px; }

.frm771 .trialsheading {
	padding-left: 10px;
	font-weight: 700;
	text-decoration: underline;
	font-size: 14px;
}

.frm771 .trialsborderstyle { border-bottom: 1px solid #929292; }

.paddinglabelqualifiers { padding-left: 25px; }

.paddingtextqualifiers { padding-left: 55px; }

div.qualifierscroll { overflow-y: scroll; }

.lstboxqualifiers {
	font-weight: normal;
	font-size: 13px;
	color: black;
	border: 1px solid #C0C0C0;
	background-color: rgb(242, 242, 242);
	border-radius: 3px;
	height: 150px;
	width: 198px;
	padding: 2px 3px;
	padding: 6px 8px;
	text-shadow: none;
	width: 100%;
}

div.qualifiersheading {
	width: 70%;
	text-align: left;
	position: relative;
	left: 2px;
	font-weight: bold;
	font-size: 14px;
	color: #3F3F3F;
	text-align: left;
}

.frm727 .leftborder {
	border-left: 1px solid #929292;
	height: 115px;
}

td.productwidth { width: 50%; }

td.featurewidth { width: 50%; }

.frm727 .productfeatureseperator {
	border-left: 1px solid #929292;
	height: 210px;
}

.frm727 td.bckproductcatalogue {
	width: 23%;
	padding-top: 10px;
	padding-bottom: 10px;
}

.frm727 a { text-decoration: none; }

.frm727 A:hover { text-decoration: underline; }

.frm727 A.link {
	font-weight: bold;
	font-size: 12px;
	color: black;
}

.frm727 a.showmorefeaturesgap {
	padding-bottom: 3px;
	padding-top: 3px;
	padding-left: 200px;
	color: #00f;
}

.productimage {
	width: 90px;
	height: 72px;
	padding-left: 40px;
	padding-top: 50px;
}

.productinfo {
	width: auto;
	height: auto;
}

.productdetailinfo { }

.productimgnfo { width: 25%; }

.productdetails {
	padding-left: 10px;
	font-weight: bold;
}

.productfeatureinfo { }

.productpriceplaninfo {
	width: auto;
	border: 2px Solid Gainsboro;
}

.featuresgap {
	padding-bottom: 3px;
	padding-top: 3px;
	padding-left: 10px;
}

.featuredetails { padding-bottom: 52px; }

.productdetailpanel { }

.productdetailpanel2 {
	padding-bottom: 12px;
	border-radius: 4px;
}

.featureheading {
	font-weight: 700;
	text-decoration: underline;
	font-size: 14px;
	padding-left: 10px;
}

.priceparampanel {
	width: 79.66%;
	height: inherit;
	float: right;
	border-left: 1px Solid Gainsboro;
	padding-top: 15px;
}

html[dir=rtl] .priceparampanel { float: left; }

.pricepanel {
	width: 20%;
	height: inherit;
	float: left;
}

html[dir=rtl] .pricepanel { float: right; }

.frm727 .requiredtext3 { text-align: left; }

.frm727 .textalignedimg { padding: 4px 0px 3px; }

.frm727 td.column32 .inputtext { width: 170px; }

.frm727 .gridcolumnhead th {
	background-color: #D7D7D7;
	color: #333333;
}

.frm727 .gridcolumnhead th a {
	color: #333333;
	text-decoration: none;
}

.tdUSD {
	border: 1px solid #333333;
	margin-left: 2px;
}

.tdUSDVal { border: 1px solid #333333; }

.tdINR { border: 1px solid #333333; }

.tdINRVal { border: 1px solid #333333; }

.optionaltext727 {
	width: 150px;
	font-weight: normal;
	font-size: 12px;
	color: black;
	text-align: right;
	position: relative;
	padding: 3px 0px;
	float: left;
}

html[dir=rtl] .optionaltext727 {
	text-align: left;
	float: right;
}

.productdetails727 {
	padding-left: 10px;
	padding: 4px 0px;
	font-weight: bold;
	position: relative;
}

.pricepanel727 {
	width: 28%;
	height: inherit;
	float: left;
}

html[dir=rtl] .pricepanel727 { float: right; }

.priceparampanel727 {
	width: 71.66%;
	height: inherit;
	float: right;
	border-left: 1px Solid Gainsboro;
}

html[dir=rtl] .priceparampanel727 { float: left; }

.tblpriceplan727 {
	width: 100%;
	margin: 0 auto;	
}

.tblpriceplan3 {
	border-collapse: collapse;
	margin: 0 auto;
	width: 95%;
	height: 70px;
	text-align: center;
}

.tblpriceplan3 td {
	border: 1px solid;
	width: 33%;		
}

.td727 {
	border: 1px solid;
	background-color: Gainsboro;
	font-weight: bold;
	font-size: 14px;
}

.heading727 {
	font-weight: bold;
	font-size: 14px;
}

.divpriceplan727 {
	width: 90%;
	height: 40px;
	margin: 0 auto;
}

.lnkbutton727 {
	color: Blue;
	text-decoration: none;
}

.lnkbutton727:hover {
	color: Blue;
	text-decoration: underline;
}

.tdcharges727 {
	border: 1px solid;
	text-align: center;
	height: 30px;
	width: 33%;
	border-collapse: collapse;
	background-color: Gainsboro;
}

.tblcharges727 {
	width: 90%;
	margin: 0 auto;
}

.tblcharges727 td {
	border: 1px solid;
	border-collapse: collapse;
	width: 33%;
}

.pricetable727 {
	border: 1px solid;
	border-collapse: collapse;
	text-align: center;
}

.pricetable727 td { border: 1px solid; }

TR.qualifierheader {
	color: #3F3F3F;
	height: 40px;
	padding: 0px 0px 0px 2px;
	text-align: left;
	vertical-align: middle;
	width: auto;
}

TR.qualifierheader td:first-child {
	width: 70%;
	text-align: left;
	position: relative;
	top: 10px;
	left: 10px;
	font-weight: bold;
	font-size: 14px;
	color: #3F3F3F;
	float: left;
	text-align: left;
}

html[dir=rtl] TR.qualifierheader td:first-child {
	text-align: right;
	right: 10px;
	left: 0px;
	float: right;
}


.frm727 div.charges { height: 100px; }

.headinglinkbutton {
	background-image: url(../images/btngreen.png);
	background-color: green;
	border: 1px solid #568920;
	font-size: 12px;
	font-weight: normal;
	padding: 5px;
	text-align: center;
	border-radius: 10px;
	color: #FFF;
}

a.headinglinkbutton:hover { color: #FFF; }

.frm726 .linkasbutton {
	padding: 1px 5px 1px 5px;
	text-align: center;
	border-radius: 5px;
	font-weight: normal;
	border: 1px solid !important;
	font-weight: normal;
}

.frm726 a.linkasbutton { color: Blue; }

.frm726 a.linkasbutton:hover { color: Blue; }

.frm726 .paddinglnks { }

.frm726 tr.contenthead {
	color: #3F3F3F;
	height: 35px;
	padding: 0px 0px 0px 2px;
	text-align: left;
	vertical-align: middle;
	background-color: #DADADA;
	width: auto;
}

/******************Number Category Marking***************/

.frm681 div.radiobtn {
	padding-left: 40px;
	padding-top: 7px;
}

.frm681 .gridSelectedRow {
	background-color: rgb(112, 168, 80);
	color: white;
}

/******************Number Category Marking***************/

/******************Number Publishing Screen***************/

.frm670 .poolslist {
	Height: 50px;
	Width: 100%;
}

/******************Number Publishing Screen***************/


/******************generate osd Screen**************************/

DIV.cardslist {
	height: 200px;
	width: 100%;
	overflow: scroll;
	font-weight: normal;
	font-size: 11px;
	color: black;
}

DIV.templatedetails {
	height: 200px;
	width: 100%;
	font-weight: normal;
	font-size: 11px;
	color: black;
}

/******************generate osd Screen**************************/

/******************Monitor osd Screen**************************/

.startlink {
	color: green;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
}

.stoplink {
	color: red;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
}

/******************Monitor osd Screen**************************/

/***********************Promotions*********************/

.frm518 #viewpromo .promogridselect, .frm518 #viewpromo .promogridstatus {
	width: 11%;
	word-wrap: break-word;
}

.frm518 #viewpromo .promogridvalidity, .frm518 #viewpromo .promogridvalidfrom, .frm518 #viewpromo .promogridvalidto {
	width: 14.2%;
	word-wrap: break-word;
}

.frm518 #viewpromo .promogridpromodesc, .frm518 #viewpromo .promogridpromoplan {
	width: 25%;
	word-wrap: break-word;
}

.frm518 #viewpromo .promogridpromocode {
	width: 25%;
	word-wrap: break-word;
}

/*.frm518 .subhead td
{
	border-left: 2px solid #DEDEDE;
	padding-left: 3px;
}*/

.frm518 .promogriddataselect, .frm518 .promogriddatastatus {
	width: 8.1%;
	word-wrap: break-word;
}

.frm518 .promogriddatavalidity, .frm518 .promogriddatavalidfrom, .frm518 .promogriddatavalidto {
	width: 10.1%;
	word-wrap: break-word;
}

.frm518 .promogriddatadesc, .frm518 .promogriddataplan {
	width: 18.1%;
	word-wrap: break-word;
}

.frm518 .promogriddatacode {
	width: 18.2%;
	word-wrap: break-word;
}

.frm518 .freeperiodplan {
	width: 17%;
	word-wrap: break-word;
}

.frm518 .discountplancode, .frm518 .discountplantype {
	width: 32%;
	word-wrap: break-word;
}

.frm518 .plancv {
	width: 20%;
	word-wrap: break-word;
}

.frm518 .plan {
	width: 44%;
	word-wrap: break-word;
}

.frm518 .freeperiodcv {
	width: 18%;
	word-wrap: break-word;
}

.frm518 .freeperiodbf {
    width: 12%;
    word-wrap: break-word;
}

.frm518 .planselect, .frm518 .plandelete, .frm518 .Pricediscselect, .frm518 .discountplandel {
	width: 6%;
	word-wrap: break-word;
}

.frm518 .plangridselect, .frm518 .freeproductgridselect, .frm518 .plangriddelete, .frm518 .PriceDiscselect, .frm518 .discplangriddel {
	width: 6%;
	word-wrap: break-word;
}

.frm518 .freeperioddiscounts, .frm518 .freeperiodapplyon, .frm518 .freeperiodterms, .frm518 .discountplanvalue, .frm518 .discountplanduration {
	width: 12%;
	word-wrap: break-word;
}

.frm518 .PriceDiscplan, .frm518 .PriceDisccv, .frm518 .PriceDiscEP, .frm518 .FreeProductsgridplandesc, .frm518 .FreeProductsgridcvdesc, .frm518 .FreeProductsgridprdcatg {
	width: 30%;
	word-wrap: break-word;
}

.frm518 .gridcmd {
	width: 3.43%;
	word-wrap: break-word;
}

.frm518 .gridvscroll { width: 2%; }

.frm518 .gridvscrol2 { width: 1.5%; }

.frm518 .plangridvscrol2 { width: 1.2%; }

.frm518 .freeperiodgridplandesc {
	width: 19%;
	word-wrap: break-word;
}

.frm518 .discountplancodedesc, .frm518 .discountplantypedesc, .frm518 .plangridcvdesc {
	width: 32.2%;
	word-wrap: break-word;
}

.frm518 .plangridplandesc {
	width: 44.2%;
	word-wrap: break-word;
}

.frm518 .plangridcvdesc {
	width: 20.2%;
	word-wrap: break-word;
}

.frm518 .freeperiodgridcvdesc {
	width: 15.2%;
	word-wrap: break-word;
}

.frm518 .freeperiodgridterm {
	width: 37.2%;
	word-wrap: break-word;
}

.frm518 .freeperiodgriddiscount, .frm518 .freeperiodgridapplyondesc .frm518 .discountplangriddiscvalue, .frm518 .discountplangridduration {
	width: 12.2%;
	word-wrap: break-word;
}

.frm518 .freeperiodgridterm {
    width: 14%;
    word-wrap: break-word;
}


.frm518 .PriceDiscplandesc, .frm518 .PriceDisccvdesc, .frm518 .PriceDiscEP {
	width: 30%;
	word-wrap: break-word;
}

.frm518 .datagridcmd {
	width: 3.43%;
	word-wrap: break-word;
}

.frm518 .promotionactivelabel {
	color: green;
	text-align: center;
	width: 250px;
	font-weight: bold;
	font-size: 13px;
	text-align: center;
	padding: 15px;
	border-spacing: 5px;
	font-family: Segoe UI, Times New Roman;
}

.frm518 .griditem:hover a.promotionactivelabel, .frm518 .altgriditem:hover a.promotionactivelabel {
	background-color: transparent;
	color: Green;
}

.frm518 .promotioninactivelabel {
	color: Red;
	text-align: center;
	width: 250px;
	font-weight: bold;
	font-size: 13px;
	text-align: center;
	padding: 15px;
	border-spacing: 5px;
	font-family: Segoe UI, Times New Roman;
	text-decoration: none;
}

.frm518 .promotiondivexpand {
	background: #DADADA; /*z-index: 100;      box-shadow: 10px 10px 5px #888888;*/
	height: 30px;
}

.frm518 .promodivexpand {
	visibility: hidden;
	height: 0;
	float: left;
	padding-left: 6.2%;
}

.frm518 div.promotiongridoverflow {
	border-left: 1px solid rgb(222, 222, 222);
	border-bottom: 1px solid rgb(222, 222, 222);
	border-right: 1px solid rgb(222, 222, 222);
}

.frm518 .promotdnoborder { border: 0px; }

.frm518 .gvPromotionsheight { height: 250px; }


.frm518 .smallselect {
	font-weight: normal;
	font-size: 13px;
	color: black;
	border: 1px solid #C0C0C0;
	border-radius: 4px;
	background-color: #F2F2F2;
	height: 26px;
	width: 130px;
	padding: 2px 3px;
}

.frm518 .smallselect:hover { border: 1px solid #3F3F3F; }

.frm518 .smallselect:focus { border: 1px solid #FFBD5F; }

.frm518 .smallselect > option {
	margin: 3px;
	padding: 6px 8px;
	text-shadow: none;
	border-radius: 3px;
	cursor: pointer;
}

.frm518 .smallselect > option:hover {
	background-color: #CCCCEE;
	color: #000000;
}

.divajax {
	background-color: Gray;
	opacity: 0.1;
	filter: alpha(opacity=10);
}

.ajaxloader {
	position: fixed;
	top: 20px;
	left: 0px;
	height: 100%;
	width: 100%;
}

.ajaxloader td {
	text-align: center;
	vertical-align: middle;
	font-size: 12px;
	font-weight: bold;
}

.frm518 div.navigatenew {
	position: relative;
	top: 22%;
	right: 3px;
}

.frm518 td.lblTextfreeproducts {
	width: 90px;
	height: 22px;
	font-weight: normal;
	font-size: 12px;
	color: black;
	text-align: right;
	position: relative;
	padding: 3px 0px;
}

/***********************Promotions*********************/


/***********************Begin :  Sales CRM Dashboard Screen (frm774) *********************/

.frm774 td.column31, .frm774 td.column1 { border-bottom: 0px solid #DEDEDE !important; }

.frm774 td.column2 {
	color: #3F3F3F;
	height: 40px;
	padding: 0px 0px 0px 2px;
	text-align: left;
	vertical-align: middle;
	background-color: #DADADA;
	width: auto;
}

.frm774 .select { background-color: #FFF !important; }

.frm774 table.toppagecontent { width: 100%; }

.frm774 table.borderstyle {
	width: 100%;
	background-color: #FFF;
	border: 1px solid #DEDEDE;
}

.frm774 #jqGridPager1 { display: none; }

.FRM774 #ui-jqgrid-bdiv {
	height: 250px;
	width: 698px;
}

/*********************** End :  Sales CRM Dashboard Screen (frm774) *********************/

/****** Begin :  IssueToSbrSlno screen Predictive Search changes *******/

.frm1041 .searchimg { display: none; }

.frm1041 #ctl00_uxPgCPH_slnodl tr { border-bottom: 1px solid rgb(222, 222, 222); }

.frm1041 #ctl00_uxPgCPH_slnodl td {
	padding-top: 2px;
	min-height: 22px;
}

.frm1041 .element { border-bottom: 1px solid #DEDEDE; }

/****** End :  IssueToSbrSlno screen Predictive Search changes  *******/

.frm727 .selectbtn, .frm727 .inputtext { width: 170px !important; }

.btnnew {
	background-image: url(../images/btncancel.png);
	background-color: #e6e6e6;
	border: 1px solid #C0C0C0;
	color: #000000;
	font-size: 12px;
	font-weight: bold;
	padding: 6px 13px;
	text-decoration: none;
	border-radius: 8px;
	min-width: 160px;
	margin-left: 1040px;
	position: absolute;
	top: 130px;
	left: 60px;
}

.txtplacehld {
	color: #0099CC;
	font-size: 14px;
	margin-left: 13px;
	font-weight: normal;
	text-align: right;
	position: relative;
	padding: 4px 0px;
	float: left;
}

html[dir=rtl] .txtplacehld {
	margin-right: 13px;
	margin-left: 0px;
	text-align: left;
	float: right;
}

.frm743 #navtab .navtabs li a { padding-right: 35px; }

.iframebtnclose, .iframebtninsert {
	background-image: url(../images/btncancel.png);
	background-color: #e6e6e6;
	border: 1px solid #C0C0C0;
	color: #000000;
	font-size: 12px;
	font-weight: normal;
	padding: 6px 13px;
	text-decoration: none;
	border-radius: 4px;
	min-width: 90px;
	position: absolute;
	left: 120px;
	top: 300px;
}

.iframebtninsert {
	position: absolute;
	left: 20px;
	top: 300px;
}

.iframediv {
	font-weight: bold;
	font-size: 12px;
	font-family: Segoe UI;
	padding-top: 10px;
	padding-bottom: 3px;
}

.multiselect {
	width: 198px;
	height: 180px;
	padding: 2px 3px;
	border: 1px solid #C0C0C0;
	border-radius: 4px;
	background-color: #F2F2F2;
	font-weight: normal;
	font-size: 13px;
	color: #000;
}

.btnview {
	background-image: url(../images/btncancel.png);
	background-color: #808080;
	border: 1px solid #C0C0C0;
	color: #282828;
	font-size: 12px;
	font-weight: bold;
	padding: 6px 13px;
	text-decoration: none;
	border-radius: 8px;
	min-width: 130px;
	margin-right: 15px;
}

div.buttonsnew {
	display: flex;
	float: right;
}

.btnviewnew {
	background-image: url(../images/btncancel.png);
	background-color: #808080;
	border: 1px solid #C0C0C0;
	color: #282828;
	font-size: 12px;
	font-weight: bold;
	padding: 6px 13px;
	text-decoration: none;
	border-radius: 8px;
	min-width: 130px;
}

html[dir=rtl] .btnview {
	margin-left: 15px;
	margin-right: 0px;
}

.frm771 .flexcolumn1, .frm771 .flexcolumn2, .frm771 .flexcolumn3 {
	width: 33.5%;
	padding-bottom: 0px;
	border-bottom: 0px solid rgb(222, 222, 222);
	height: 25px;
}

.frm771 .inputtext { width: 175px; }

.frm771 .imginputcontrol1 { width: 150px; }

/**************************Operational portal MVC changes***********************/

.requiredtxt:after {
	content: " *";
	color: #EA5B3E;
}

.divnowrap { white-space: nowrap !important; }

.floatright { float: right; }

html[dir=rtl] .floatright { float: left; }

.labelTextlbl { text-align: left; }

html[dir=rtl] .labelTextlbl { text-align: right; }

.frm835 .formfields {
	margin-top: 3px;
	margin-bottom: 5px;
}

.frm835 .multiselect { height: 100px; }

.frm835 td.column1 {
	border-style: none;
	border-width: 0;
}

.frm835 td.column2 {
	border-style: none;
	border-width: 0;
}

input.chkboxshadow { box-shadow: 2px 2px 2px rgba(255, 0, 0, 1); }

input.hidetext {
	border-style: none;
	height: 24px;
	width: 160px;
	font-weight: normal;
	font-size: 13px;
	color: #000;
	font-style: normal;
	font-family: Segoe UI;
}

.frm1041 .searchimg { display: none; }

.frm1041 #ctl00_uxPgCPH_slnodl tr { border-bottom: 1px solid rgb(222, 222, 222); }

.frm1041 #ctl00_uxPgCPH_slnodl td {
	padding-top: 2px;
	min-height: 22px;
}

.frm1041 .element { border-bottom: 1px solid #DEDEDE; }

.frm836 .hyperlink {
	text-decoration: underline;
	color: blue !important;
	cursor: pointer;
}

.frm836 .label {
	display: table;
	text-align: left;
	padding-bottom: 8px;
}

.frm836 .clear-float { clear: both; }

.frm836 .tab-page {
	max-width: 100%;
	width: 100%;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	<!--
	border: thin #000000 solid; -->
	height: 400px;
}

.frm836 .sntpertab {
	margin: 25px auto;
	width: 100%;
}

.frm836 .gridview { border: 0px; }


.frm836 .tab-page { display: none; }

.frm836 .active-page { display: block; }

.frm836 .tbovf {
	background: #fff;
	overflow-y: auto;
}

.frm836 .gridcolumnhead th {
	border-left: 0px !important;
	border-right: 0px !important;
}

.frm836 .cursortype {
	border-left: 0px !important;
	border-right: 0px !important;
}

.frm836 .cursortype div { width: inherit !important; }

.frm836 .griditem td { height: 35px !important; }

.frm836 .irmain {
	background: #fff;
	margin: 0 auto;
	margin-top: 10px !important;
	padding: 10px;
	width: 96.5%;
}

.frm836 td.column31 input, .frm836 td.column32 input, .frm836 td.column33 input, .frm836 td.column31 select, .frm836 td.column32 select, .frm836 td.column33 select { width: 195px !important; }

.frm836 .modal {
	display: none; /* Hidden by default */
	position: fixed; /* Stay in place */
	z-index: 1001; /* Sit on top */
	padding-top: 100px; /* Location of the box */
	left: 0;
	top: -4em;
	width: 100%; /* Full width */
	height: 100%; /* Full height */
	<!--
	overflow: auto; /* Enable scroll if needed */-->
	background-color: rgb(0, 0, 0); /* Fallback color */
	background-color: rgba(0, 0, 0, 0.4); /* Black w/ opacity */
}

/* Modal Content */

.frm836 .modal-content {
	background-color: #fefefe;
	margin: auto;
	padding: 20px;
	border: 1px solid #888;
	width: 50%;
	overflow: auto;
	padding-bottom: 0;
}

/* The Close Button */

.frm836 .close {
	color: #aaaaaa;
	float: right;
	font-size: 28px;
	font-weight: bold;
	position: relative;
	top: -10px;
}

.frm836 .close:hover,
.frm836 .close:focus {
	color: #000;
	text-decoration: none;
	cursor: pointer;
}

.frm836 .cmnthd {
	border-bottom: 1px solid #ccc;
	overflow: hidden;
}

.frm836 .cmnthd h3 {
	float: left;
	margin: 0;
}

.frm836 .acmgr-regn {
	border-bottom: 1px solid #ccc;
	overflow: hidden;
}

.frm836 .tbs {
	float: left;
	width: 48%;
}

.frm836 ul.acmgr-tabs {
	margin: 0;
	overflow: hidden;
	padding: 0;
}

.frm836 .mgrmain {
	background: #fff;
	margin: 20px;
	padding: 24px;
	overflow: auto;
}

.frm836 ul.acmgr-tabs li.active {
	border-bottom: 4px solid #d2d2d2;
	color: #000;
}

.frm836 ul.acmgr-tabs li {
	float: left;
	height: 34px;
	line-height: 30px;
	list-style-type: none;
	text-align: center;
	cursor: pointer;
	width: 22.33%;
}

.frm836 .acmgradsrch label { padding-right: 10px; }

.frm836 .mapping {
	margin-top: 20px;
	margin-bottom: 20px;
}

.frm836 .rdobtn {
	cursor: pointer;
	display: inline-block;
	font-weight: 400;
	margin-bottom: 0;
	margin-right: 4em;
	font-size: 16px;
	position: relative;
	vertical-align: middle;
}

.frm836 .srchnwcrnt {
	float: right;
	margin-bottom: 14px;
	display: inline-table;
}

.frm836 .addbtn { float: right; }

.frm836 .chkbxio {
	cursor: pointer;
	font-size: 16px;
	position: relative;
	top: 3px;
}

.frm836 .gridcolumnhead { height: 37px; }

.frm836 .aligncenter { text-align: center; }

/*for processing image*/

.loadingindicator {
	position: fixed;
	top: 50%;
	right: 50%;
	width: 185px;
	max-height: 60px;
	display: table;
	background-color: #fff;
	background-image: url(../images/loaderbg.png);
	border: 1px solid #568920;
	border-radius: 4px;
	vertical-align: middle;
	padding: 5px;
	box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.6);
	-moz-box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.6);
	-webkit-box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.6);
	-o-box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.6);
	z-index: 999999999;
	transform: translateX(50%);
}

.loaderimg {
	background-image: url(../images/mvcloader.gif);
	display: table-cell;
	width: 32px;
	height: 32px;
	margin: auto;
	background-repeat: no-repeat;
	padding: 0px 10px;
	vertical-align: middle;
}

.loadertext {
	font-size: 12.5px;
	font-weight: bold;
	padding-left: 5px;
	display: table-cell;
	vertical-align: middle;
	text-align: left;
	color: #5F5F5F;
}

/*for processing img*/

/* ART Error and Processing image styles */

.errorArtReportdescription {
	height: 18px;
	text-align: left;
	color: #222222;
	font-size: 14px;
	font-weight: 900;
	margin-left: 5px;
	font-style: normal;
	font-family: Segoe UI;
	margin-top: -110px;
	padding: 5px;
}

.errorArtText {
	text-align: center;
	font-size: 20px;
	color: red;
	font-weight: 900;
	margin-top: 15%;
}

.nodataArtText {
	text-align: center;
	font-size: 20px;
	color: black;
	font-weight: 900;
	margin-top: 15%;
}

.artProcessingImage {
	border: solid 1px #cccccc;
	border-radius: 3px;
	position: absolute;
	left: 45%;
	background-color: white;
	height: 20px;
	width: 100px;
	color: #0E2D5F;
	vertical-align: middle;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 5px;
	display: block;
	margin-top: 50px;
}

html[dir=rtl] .artProcessingImage img {
	image-orientation: flip;
	float: right;
}

/* end of ART error and processing image styles */

/*single view connection display*/

tr.rowstyle.connbackgrd {
	background-color: gray;
	color: white;
}

.addhyperlink {
	text-decoration: underline;
	color: green !important;
	font-size: 12px;
	padding-right: 6px;
}

.removehyperlink {
	padding-left: 6px;
	text-decoration: underline;
	color: red !important;
	font-size: 12px;
}

/*New Theme Styles*/

.newPageTheme .section {
	background: #fff;
	border-radius: 10px;
	margin-top: 5px;
	padding-bottom: 10px;
	padding-top: 10px;
}

.newPageTheme .sectionheading {
	background-color: unset;
	overflow: hidden;
}

.newPageTheme div.heading {
	left: 20px;
	color: #bc2d30;
}

.newPageTheme .sectionfields {
	border-left: 0px;
	border-right: 0px;
}

.newPageTheme div.buttons {
	border-radius: 10px;
	margin-top: 5px;
	background-color: none;
}



.newPageTheme input.inputtext { background-color: #fff; }

.newPageTheme input.text, .newPageTheme INPUT.inputtext, .newPageTheme INPUT.readonlytext {
	height: 28px;
	text-indent: 8px;
}


.newPageTheme .gridcolumnhead {
	width: 100% !important;
	height: auto;
}


.newPageTheme .gridcolumnhead th:first-child { padding-left: 8px !important; }

.newPageTheme .gridcolumnhead th {
	border-right: 0px;
	border-left: 0px none;
	background-color: #eaeaea;
	height: 31px;
	border-bottom: 1px solid #dedede;
	color: #000;
}

.newPageTheme .griditem, .newPageTheme .altgriditem { border-bottom: 1px solid #DEDEDE; }

.newPageTheme .griditem > td:first-child, .newPageTheme .altgriditem > td:first-child { padding-left: 8px !important; }

.newPageTheme .griditem td, .newPageTheme .altgriditem td { height: 10px !important; }

.newPageTheme .griditem > td, .newPageTheme .altgriditem > td { border-left: 0px solid #DEDEDE; }

.newPageTheme .griditem td, .newPageTheme .altgriditem td, .newPageTheme td.griditem, .newPageTheme td.altgriditem { border-right: 0px solid #DEDEDE; }

.newPageTheme div.gridview {
	width: 97% !important;
	margin: 0px auto;
	border-left: 1px solid rgb(222, 222, 222);
	border-bottom: 1px solid rgb(222, 222, 222);
	border-right: 1px solid rgb(222, 222, 222);
	border-radius: 0px;
}


.newPageTheme .pagination td { padding-right: 4px; }

.newPageTheme .pagenumber div div {
	background-image: none;
	background-color: #eaeaea;
}

.newPageTheme .activepage {
	background: #2563eb !important;
	border-radius: 3px;
	color: #fff;
	padding: 7px 10px;
	cursor: pointer;
}


.newPageTheme .pagenumber div div:hover {
	background-image: none;
	background-color: #f2f2f2;
}

.newPageTheme .pagenumber {
	background-image: none;
	width: 24px;
}

.newPageTheme .pagenumber > div > div {
	font-size: 14px !important;
	border-radius: 3px;
	padding: 4px 8px;
	border: 1px solid #ccc;
	text-decoration: none;
}

.newPageTheme .griddbox {
	height: auto;
	overflow-y: hidden;
	overflow-x: hidden;
}

.newPageTheme .griddata { width: 100% !important; }

.newPageTheme .hyperlink { cursor: pointer; }

.newPageTheme tr.rowstyle, .newPageTheme tr.altrowstyle { border-bottom: 0px solid #DEDEDE; }

.newPageTheme td.column1, .newPageTheme td.column2 {
	height: 36px;
	border-bottom: 0px solid #DEDEDE;
}

.newPageTheme .select, .newPageTheme .mailselect {
	-moz-appearance: none;
	-webkit-appearance: none;
	background-image: url(../Images/dropdown-arrow.png);
	background-repeat: no-repeat;
	background-position: right;
}

.newPageTheme SELECT.text, .newPageTheme .select, .newPageTheme .searchctrlselect, .newPageTheme .mailselect { height: 30px; }

.newPageTheme input.text, .newPageTheme input.inputtext, .newPageTheme INPUT.price, .newPageTheme input.logininputtext, .newPageTheme textarea, .newPageTheme TEXTAREA.text, .newPageTheme .textarea, .newPageTheme .searchctrltext, .newPageTheme .searchctrlselect, .newPageTheme .select, .newPageTheme SELECT.text, .newPageTheme span.inputtext, .newPageTheme span.select, .newPageTheme span.text, .newPageTheme .mailselect {
	border-radius: 0px;
	background-color: #fff;
}

.newPageTheme .textalignedimg {
	width: 20px;
	position: relative;
	left: -27px;
	top: 3px;
	height: 22px;
	box-sizing: border-box;
	padding-left: 24px;
	background: url(../images/calendarmvc.gif) no-repeat;
	padding-bottom: 35px;
}

.newPageTheme .add-icon {
	width: 26px;
	height: 26px;
	vertical-align: middle;
	cursor: pointer;
}

.newPageTheme .griditem:hover, .newPageTheme .altgriditem:hover, .newPageTheme .griditem:hover a, .newPageTheme .altgriditem:hover a, .newPageTheme .griditem:hover span, .newPageTheme .altgriditem:hover span {
	background-color: #eaeaea;
	color: #000;
}

.newPageTheme .modal-bg {
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	z-index: 100;
	background-color: rgba(0, 0, 0, 0.2);
}

.newPageTheme .modal-dialog {
	position: absolute;
	/*background-color: #e0e0e0;*/
	background-color: #fff;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	z-index: 101;
	border-radius: 3px;
	max-width: 500px;
	width: 100%;
	height: 200px;
	margin: auto;
	overflow-y: auto;
	padding-bottom: 20px;
	box-shadow: 0 0 30px 10px rgba(0, 0, 0, 0.5);
}

@media only screen and (max-width:940px) and (max-device-width:940px) {
    .newPageTheme .modal-dialog {
        width: 80%;
        top: 10%;
        bottom: 10%;
        height: auto;
    }
}

.modal-bg {
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	z-index: 100;
	background-color: rgba(0, 0, 0, 0.2);
}

.modal-dialog {
	position: absolute;
	background-color: #e0e0e0;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	z-index: 101;
	border-radius: 3px;
	max-width: 500px;
	width: 100%;
	height: 200px;
	margin: auto;
	overflow-y: auto;
	padding-bottom: 20px;
	box-shadow: 0 0 30px 10px rgba(0, 0, 0, 0.5);
}

@media only screen and (max-width:940px) and (max-device-width:940px) {
    .modal-dialog {
        width: 80%;
        top: 10%;
        bottom: 10%;
        height: auto;
    }
}

.newPageTheme .custinter {
	box-sizing: content-box;
	/*height: 301px !important;*/
}

.newPageTheme .custinfo {
	box-sizing: content-box;
	height: auto;
}

/*End of New Theme Styles*/

.assetsListSection {
	display: flex;
	height: 250px;
}

.selectAssetSection {
	width: 70%;
	padding-right: 9px;
}

.divAssetsList {
	overflow: auto;
	height: 140px;
	padding-left: 15px;
}

.divSelectedAssetsList {
	overflow: auto;
	height: 156px;
}

.cart-panel {
	width: 350px;
	margin-left: 5px;
}

.set-box-fixed {
	min-height: auto;
	background-color: #fff;
}

.cart-box-shadow {
	border-radius: 10px;
	box-shadow: none;
}

.cart-panel-title {
	font-size: 14px;
	font-family: Segoe UI;
	color: #bc2d30;
	padding-left: 2px;
}

.delete-package {
	width: 11px;
	height: 11px;
	display: inline-block;
	position: absolute;
	right: 45px;
	box-sizing: content-box;
	cursor: pointer;
	vertical-align: top;
	line-height: 11px;
}

.deleteImage {
	height: auto;
	max-width: 100%;
	float: right;
	width: 13px;
	cursor: pointer
}

.selectEvent {
	width: 50%;
	padding-bottom: 5px;
}

.headtop { margin-top: -10px; }

.selectAssetList {
	display: flex;
	width: 100%;
	padding-left: 5px;
}

.width48 { width: 48% }

.newPageTheme .btnsave:hover, .newPageTheme .btnsearch:hover, .newPageTheme .btnclose:hover, .newPageTheme .btnlong:hover, .newPageTheme .button:hover, .newPageTheme .longbutton:hover, .newPageTheme .longbutton1:hover, .newPageTheme .dislongbutton:hover,
.newPageTheme .btnadd:hover, .newPageTheme .loginbtnsave:hover, .newPageTheme A.contenthead:hover, .newPageTheme .btnupdate:hover {
	background-image: url(../images/btnpinkhover.png);
	background-color: green;
	color: #FFFFFF;
}

.search {
	width: 274px;
	height: 39px;
	overflow: hidden;
	position: relative;
	display: inline-block;
}

.search-icon {
	position: absolute;
	bottom: 7px;
	right: 1px;
	cursor: pointer;
	height: 20px;
}

.search input {
	border: none;
	border-bottom-width: medium;
	border-bottom-style: none;
	border-bottom-color: currentcolor;
	padding-right: 30px;
	display: block;
	border-bottom: 1px solid rgba(0, 0, 0, 0.2);
	width: 100%;
	padding-left: 10px;
	font-size: 14px;
	color: #4f5461;
	font-family: OpenSansRegular;
	background-color: transparent;
	height: 33px;
}

.assetCount { font-weight: bold; }

.frm882 .lblText {
	position: relative;
	top: 33%;
	width: 70px;
}

.frm882 .search {
	width: 274px;
	height: 39px;
	overflow: hidden;
	position: relative;
	display: inline-block;
}

.frm882 .search input {
	border: none;
	padding-right: 30px;
	display: block;
	border-bottom: 1px solid rgba(0, 0, 0, 0.2);
	width: 100%;
	padding-left: 10px;
	font-size: 14px;
	color: #4f5461;
	font-family: OpenSansRegular;
	background-color: transparent;
	height: 35px;
}

.frm882 .search-icon {
	position: absolute;
	bottom: 7px;
	right: 1px;
	cursor: pointer;
	height: 20px;
}

.frm882 .addLink {
	float: right;
	display: flex;
	margin-right: 25px;
}

.frm882 .addImage {
	height: 24px;
	padding-left: 10px;
	padding-right: 10px;
}

.frm882 .anlink {
	text-decoration: none;
	font-size: 14px;
}

.frm882 .lblseperator .frm949 .lblseperator {
	color: #DEDEDE;
	padding-left: 15px;
	padding-right: 15px;
}


/*Start of form 900 style*/

.frm900 .gridcol1 {
	width: 15%;
	word-wrap: break-word;
}

.frm900 .gridcol2 {
	width: 36%;
	word-wrap: break-word;
}

.frm900 .gridcol4 {
	width: 16%;
	word-wrap: break-word;
}

.frm900 .gridcol5 {
	width: 16%;
	word-wrap: break-word;
}

.frm900 .gridcol6 {
	width: 7%;
	word-wrap: break-word;
}

.frm900 .grdcmd {
	width: 3%;
	word-wrap: break-word;
}

ignored text

.frm900 th.gridcol1 {
	width: 15%;
	word-wrap: break-word;
	background-color: #fff;
}
	   

.newPageTheme a.headinglinkbutton { background-image: url(../images/btnpink.png); }

.frm900 div.sectionheading { margin-top: -8px !important; }

.frm900 table.tblborder { border: 0px solid rgb(222, 222, 222) !important; }

.frm900 td { border-left: 0px solid #DEDEDE }

.frm900 div.gridcol1 { margin: 10px; }

.frm900 div.mar { margin: 10px; }

	  

.frm900 div.grid { width: 98%; }

	  


.frm900 td.columnfeature { width: 25.5% !important; }

.frm900 td.gridcol6 { border-right: 1px solid #DEDEDE; }

.frm900 td.gridcol1 { border-left: 1px solid #DEDEDE; }

.frm900 div.labelfield {
	width: 60%;
	font-weight: bold;
	font-size: 12px;
	color: #000;
	float: left;
	text-align: left;
}

.frm900 div.textfield {
	font-weight: normal;
	font-size: 12px;
	color: #000;
	padding-right: 30px;
	text-align: left;
	float: right;
}

.frm900 table.tblborder { border: 1px solid rgb(222, 222, 222); }

.frm900 td.columnfeature {
	width: 33.5%;
	padding-bottom: 0px;
	height: 25px;
}

.frm900 .textdescr {
	width: 572px;
	text-indent: 8px;
}

.frm900 .columnusagemetric { width: 32%; }

.frm900 .columnstatus { width: 36%; }

.frm900 a { text-decoration: none; }

.frm900 A:hover {
	color: blue;
	text-decoration: underline;
}

.frm900 A.link {
	font-weight: bold;
	font-size: 12px;
	color: black;
}

.frm900 div.navigatenew {
	position: relative;
	top: 22%;
	right: 3px;
}

.frm900 .lblfieldpadding {
	padding-left: 30px;
	padding-top: 5px;
}

.frm900 a.headinglinkbutton:hover { color: #FFF; }

/*End of form 900 style*/

.dialogcontentmain div.message {
	/*display: inline-block;
	padding-top: 15px;*/
	line-height: 15px;
	text-align: right;
	/*padding-left: 5px;*/
	width: 63%;
	height: auto;
	vertical-align: top;
	word-wrap: break-word;
	float: unset;
}

/*.frm883 A:hover
{
	color: blue;
	text-decoration: underline;
}*/

.frm883 .padleft {
	padding-left: 40px;
	width: 230px;
}

.frm883 .newprodtdwidth { width: 195px; }

.frm883 .divtextalign {
	background-color: rgb(222, 222, 222);
	text-align: left;
}

.frm883 .frntbckImage {
	height: 30px;
	padding-left: 1px;
	padding-right: 1px;
}

.frm883 .addLink {
	/*float: right;*/
	display: flex;
}

.frm883 .fieldscof {
	height: 35px;
	font-weight: bold;
	width: 151px;
	cursor: pointer;
	color: #1cc09f;
	font-size: 14px;
	padding-left: 5px;
	display: none;
}

.frm883 .settingcof {
	height: 35px;
	font-weight: bold;
	width: 151px;
	cursor: pointer;
	color: #1cc09f;
	font-size: 14px;
	padding-left: 5px;
}

.frm883 .setImage {
	width: 17px;
	margin-bottom: -4px;
	height: 17px;
}

.frm883 .dvopacity { background-color: rgba(0, 0, 0, 0.4) !important; }

/*END:883*/

.frm1202 .divAssetsList {
	overflow: auto;
	height: 200px;
	/*padding-left: 15px;*/
}

.frm1202 .entitytd { padding-right: 50px; }

.frm1174 .textdescr { width: 325px; }

/*Amruth changes*/

.newPageTheme .sectiondetail {
	width: 100%;
	margin-bottom: 0px;
	height: 150px;	
}

.newPageTheme .select, SELECT.text, .newPageTheme span.inputtext, .newPageTheme span.select, .newPageTheme span.text {
	border-radius: 0px;
	background-color: #fff;
}

.newPageTheme input.text, .newPageTheme INPUT.inputtext, .newPageTheme INPUT.readonlytext, .newPageTheme INPUT.price, .newPageTheme .searchctrltext, .newPageTheme input.logininputtext {
	height: 30px;
	text-indent: 8px;
}

.newPageTheme SELECT.text, .newPageTheme .select, .newPageTheme .searchctrlselect, .newPageTheme .mailselect {
	width: 197px;
	-moz-appearance: none;
	-webkit-appearance: none;
	background-image: url(../images/dropdown-arrow.png);
	background-repeat: no-repeat;
	background-position: right;
}

.newPageTheme .imginputcontrol {
	border-radius: 0px;
	background-color: #fff;
	height: 28px;
}

.newPageTheme .imgselect {
	border-radius: 0px;
	background-color: #FFFFFF;
	height: 28px;
	-moz-appearance: none;
	-webkit-appearance: none;
	background-image: url(../images/dropdown-arrow.png);
	background-repeat: no-repeat;
	background-position: right;
}

.newPageTheme .searchimg {
	width: 20px;
	position: relative;
	left: -27px;
	top: 6px;
	height: 22px;
	box-sizing: border-box;
	padding-left: 25px;
	background: url(../images/lookupnew2.gif) no-repeat;
}

.newPageTheme A.contenthead {
	border-radius: 0px;
	background-image: none;
	background-color: #fff;
	border-style: solid;
	border-width: 1px 1px 2px;
	color: #000;
	border-color: #ccc #ccc #bc2d30;
}

.newPageTheme TR.contenthead {
	color: #bc2d30;
	background-color: unset;
}

.newPageTheme TR.contenthead td:first-child {
	left: 20px;
	color: #bc2d30;
	border-top-left-radius: 10px;
}

.newPageTheme TR.contenthead td:last-child { border-top-right-radius: 10px; }

.newPageTheme .summary { border-bottom: 0px solid lightgrey; }

.newPageTheme .longlabelText2 { border-bottom: 0px solid rgb(222, 222, 222); }

.newPageTheme .labelText1 { border-bottom: 0px solid rgb(222, 222, 222); }

.newPageTheme .AdrBorder { border-bottom: 0px solid rgb(222, 222, 222); }

.newPageTheme .griditem, .newPageTheme .altgriditem {
	height: 42px;
	border-bottom: 1px solid #DEDEDE;
}

.newPageTheme .griditem td, .newPageTheme .altgriditem td, .newPageTheme td.griditem, .newPageTheme td.altgriditem {
	/*border-bottom: 0px solid #DEDEDE;*/
	border-right: 0px solid #DEDEDE;
}

.newPageTheme .griditem > td, .newPageTheme .altgriditem > td { border-left: 0px solid #DEDEDE; }

.newPageTheme .gridlist {
	border-left: 1px solid rgb(222, 222, 222);
	border-bottom: 1px solid rgb(222, 222, 222);
	border-right: 1px solid rgb(222, 222, 222);
}

.newPageTheme .pagination { height: 42px; }

.newPageTheme .btnalign {
	position: relative;
	right: 10px;
	margin-bottom: 5px;
	padding: 5px;
	height: 40px !important;
}

.newPageTheme .ActiveTab, .newPageTheme .InActiveTab, .newPageTheme .InActiveTabLeft, .newPageTheme .InActiveTabRight, .newPageTheme .InActiveTabMid { padding: 3px 16px; }

.newPageTheme .ActiveTab {
	background-color: #fff;
	border-color: currentcolor currentcolor #ccc;
	border-radius: 0;
	border-style: none none solid;
	border-width: 0 0 2px;
	color: #b63436;
	cursor: pointer;
}

.newPageTheme .InActiveTab, .newPageTheme .InActiveTabLeft, .newPageTheme .InActiveTabRight, .newPageTheme .InActiveTabMid {
	-moz-box-shadow: unset;
	-webkit-box-shadow: unset;
	box-shadow: unset;
	border: 0px;
	background-color: #fff;
	border: 0 none;
	border-radius: 0;
	color: #5f5f5f;
	cursor: pointer;
}

.newPageTheme TABLE.servicelist { border-bottom: 0px solid #EAEAEA; }

.newPageTheme .servicelistheader { border-bottom: 0px solid #EAEAEA; }

.newPageTheme TABLE.AppChargelist {
	border-bottom: 0px solid rgb(222, 222, 222);
	border-radius: 10px 10px 0px 00px;
}

.newPageTheme TR.AppChargelistheader { border-bottom: 0px solid lightgrey; }

.newPageTheme .AppChargelistheader {
	border-bottom: 0px solid #EAEAEA;
	height: 40px;
	font-size: 14px;
	font-weight: bold;
}

.newPageTheme TABLE.attachments { border-bottom: 0px solid rgb(222, 222, 222); }

.newPageTheme .fileupload { border-bottom: 0px solid rgb(222, 222, 222); }

.newPageTheme TABLE.menupreflist { border-bottom: 0px solid rgb(222, 222, 222); }

.newPageTheme .searchcontrolborder {
	background-color: #fff;
	border-left: #DCDCDC 0px solid;
	border-right: #dcdcdc 0px solid;
	border-top: #DCDCDC 0px solid;
	border-bottom: #DCDCDC 0px solid;
}

.newPageTheme TABLE.list {
	border-right: 0px solid rgb(222, 222, 222);
	border-top: 0px solid rgb(222, 222, 222);
	border-left: 0px solid rgb(222, 222, 222);
	border-bottom: 0px solid rgb(222, 222, 222);
}

.newPageTheme .searchCtrlCustomerNbr { background-color: #ffffff; }

.newPageTheme .oldsubelement, .newPageTheme .subelement { line-height: 30px; }

.newPageTheme .grid .sectionheading { height: 46px; }

.newPageTheme div.actionbutton {
	position: relative;
	margin-bottom: 5px;
	right: 1%;
}

.newPageTheme .frm120 #ctl00_uxPgCPH_tdaddress .primaryaddresshead, .newPageTheme .frm120 #ctl00_uxPgCPH_tdaddress .billingaddresshead { background-color: white; }

.newPageTheme td.column11 { border-bottom: 0px solid #DEDEDE; }

.newPageTheme td.columnr11 { border-bottom: 0px solid #DEDEDE; }

.newPageTheme td.columnr12 { border-bottom: 0px solid #DEDEDE; }

.newPageTheme td.columnr3 { border-bottom: 0px solid #DEDEDE; }

.newPageTheme .gridcolumnhead th { border-bottom: 0px solid #dedede; }

.newPageTheme .amount { padding: 0px 0px 0px 0px; }

.newPageTheme .grid .amount { padding: 0px 8px 0px 0px !important; }

.newPageTheme .gridtable {
	border-left: 0px solid #DEDEDE;
	background-color: white;
	width: 97%;
	border: 1px solid rgb(222, 222, 222);
	margin: 0px auto;
	margin-bottom: 20px;
	margin-top: 20px;
}

.newPageTheme .oldgridtable .gridtable {
	margin-bottom: 0px;
	margin-top: 0px;
}

.newPageTheme .grid { border-top: 0px solid rgb(222, 222, 222); }

.newPageTheme .section .grid { padding-bottom: 10px; }

.newPageTheme div.gridfields {
	width: 97%;
	margin: 0px auto;
	border-left: 1px solid rgb(222, 222, 222);
	border-bottom: 1px solid rgb(222, 222, 222);
	border-right: 1px solid rgb(222, 222, 222);
}

.newPageTheme .gridfields {
	width: 97%;
	margin-left: 20px;
	border-left: 1px solid rgb(222, 222, 222);
	border-bottom: 0px solid rgb(222, 222, 222);
	border-right: 1px solid rgb(222, 222, 222);
}

.newPageTheme div.gridoverflow {
	overflow-x: hidden;
	overflow-y: scroll;
	border-left: 0px solid rgb(222, 222, 222);
	border-left: 0px solid rgb(222, 222, 222);
}

.newPageTheme td.flexcolumn { border-bottom: 0px solid rgb(222, 222, 222); }

.newPageTheme td.flexcolumn1 { border-bottom: 0px solid rgb(222, 222, 222); }

.newPageTheme td.flexcolumn2 { border-bottom: 0px solid rgb(222, 222, 222); }

.newPageTheme td.flexcolumn3 { border-bottom: 0px solid rgb(222, 222, 222); }

.newPageTheme .subhead { height: 40px; }

.newPageTheme .subhead td {
	color: #bc2d30;
	border-bottom: 0px solid rgb(222, 222, 222);
	border-right: 0px solid rgb(222, 222, 222);
	background-color: White;
}

.newPageTheme .subhead th {
	color: #000;
	border-bottom: 0px solid #dedede;
	background-color: #eaeaea;
	padding: 3px;
	border-bottom: 0px solid rgb(222, 222, 222);
	text-align: left;
	border-left: 0px;
}

.newPageTheme .subheadOLD { border-bottom: 0px solid lightgrey; }

.newPageTheme .gridmessage td {
	border-bottom: 0px solid rgb(222, 222, 222);
	border-right: 0px solid rgb(222, 222, 222);
	border-left: 0px solid rgb(222, 222, 222);
}

.newPageTheme td.column31 { border-bottom: 0px solid rgb(222, 222, 222); }

.newPageTheme td.column32 { border-bottom: 0px solid rgb(222, 222, 222); }

.newPageTheme td.column33 { border-bottom: 0px solid rgb(222, 222, 222); }

.newPageTheme td.column31 input.text, .newPageTheme td.column31 input.inputtext, .newPageTheme td.column31 INPUT.price, .newPageTheme td.column31 input.logininputtext,
.newPageTheme td.column31 textarea, .newPageTheme td.column31 TEXTAREA.text, .newPageTheme td.column31 .textarea,
.newPageTheme td.column31 .searchctrltext, .newPageTheme td.column31 .searchctrlselect,
.newPageTheme td.column31 .select, .newPageTheme td.column31 SELECT.text,
.newPageTheme td.column31 .textarea, .newPageTheme td.column31 .hyperlink { width: 153px; }

.newPageTheme td.column32 input.text, .newPageTheme td.column32 input.inputtext, .newPageTheme td.column32 INPUT.price, .newPageTheme td.column32 input.logininputtext,
.newPageTheme td.column32 textarea, .newPageTheme td.column32 TEXTAREA.text, .newPageTheme td.column32 .textarea,
.newPageTheme td.column32 .searchctrltext, .newPageTheme td.column32 .searchctrlselect,
.newPageTheme td.column32 .select, .newPageTheme td.column32 SELECT.text,
.newPageTheme td.column32 .textarea, .newPageTheme td.column32 .hyperlink { width: 153px; }

.newPageTheme td.column33 input.text, .newPageTheme td.column33 input.inputtext, .newPageTheme td.column33 INPUT.price, .newPageTheme td.column33 input.logininputtext,
.newPageTheme td.column33 textarea, .newPageTheme td.column33 TEXTAREA.text, .newPageTheme td.column33 .textarea,
.newPageTheme td.column33 .searchctrltext, .newPageTheme td.column33 .searchctrlselect,
.newPageTheme td.column33 .select, .newPageTheme td.column33 SELECT.text,
.newPageTheme td.column33 .textarea, .newPageTheme td.column33 .hyperlink { width: 153px; }

.newPageTheme td.column41 { border-bottom: 0px solid rgb(222, 222, 222); }

.newPageTheme td.column42 { border-bottom: 0px solid rgb(222, 222, 222); }

.newPageTheme td.column43 { border-bottom: 0px solid rgb(222, 222, 222); }

.newPageTheme td.column44 { border-bottom: 0px solid rgb(222, 222, 222); }

.newPageTheme .searchcontrol {
	border: 0px solid #C5C5C6;
	background-color: #FFFFFF;
}

.newPageTheme .searchdetails { border-bottom: 0px solid #C5C5C6; }

.newPageTheme .srchborderline {
	border-bottom: 1px solid #C5C5C6;
	padding-bottom: 10px;
}

.newPageTheme .searchctrlselect {
	-moz-appearance: none;
	-webkit-appearance: none;
	background-image: url(../images/dropdown-arrow.png);
	background-repeat: no-repeat;
	background-position: right;
}

.newPageTheme .loginuidpwd { padding-left: 4em; }

.newPageTheme .loginbr { border-bottom: 0px solid black; }

.newPageTheme .logininputcontrol { padding-left: 4em; }

.newPageTheme .PrntTbBrdr {
	border-right: 0px solid rgb(222, 222, 222);
	background: #fff;
	border-radius: 10px;
	margin-bottom: 5px;
	padding-top: 8px;
	padding-bottom: 5px;
}

.newPageTheme .btmborder { border-bottom: 0px solid rgb(222, 222, 222); }

.newPageTheme .scjobdescr {
	height: 28px;
	width: 195px;
}

.newPageTheme tr.pagination > td > table > tbody > tr > td {
	background-image: none;
	cursor: pointer;
}

.newPageTheme tr.pagination > td > table > tbody > tr > td > a {
	width: auto;
	height: auto;
	background-image: none;
	background-size: unset;
	background-repeat: unset;
	text-align: center;
	background-color: #eaeaea;
	border-radius: 3px;
	padding: 4px 8px;
	border: 1px solid #ccc;
	text-decoration: none;
}

.newPageTheme tr.pagination > td > table > tbody > tr > td > a:hover {
	width: auto;
	height: auto;
	background-image: unset;
	background-size: unset;
	background-repeat: unset;
	text-align: unset;
	cursor: unset;
	background-color: #f2f2f2;
	border-radius: 3px;
	padding: 4px 8px;
	border: 1px solid #ccc;
}

.newPageTheme .frm203 #ctl00_uxPgCPH_CustomerInteractionCtrl_enqsectioninfo td.column1 { border-bottom: 0px solid #DEDEDE; }

.newPageTheme .frm203 #ctl00_uxPgCPH_CustomerInteractionCtrl_enqsectioninfo td.column2 { border-bottom: 0px solid #DEDEDE; }

.newPageTheme .frm302 .frm302listbox { background-color: #ffffff; }

.newPageTheme .frm302 .frm302parambox { background-color: #ffffff; }

.newPageTheme .jobbottomline { border-bottom: 0px solid rgb(222, 222, 222); }

.newPageTheme .divcc { border-bottom: 0px solid red; }

.newPageTheme .dialogmaincontent td.column31 { border-bottom: 0px solid rgb(222, 222, 222); }

.newPageTheme .dialogmaincontent td.column32 { border-bottom: 0px solid rgb(222, 222, 222); }

.newPageTheme .dialogmaincontent td.column33 { border-bottom: 0px solid rgb(222, 222, 222); }

.newPageTheme .dialogmaincontent .section { border-bottom: 0px solid rgb(222, 222, 222); }

/*.newPageTheme .dialogmaincontent .requiredtext1, .newPageTheme .dialogmaincontent .requiredtext2, .newPageTheme .dialogmaincontent .requiredtext3 { width: 6%; }*/

.newPageTheme .orderapproval #ctl00_uxPgCPH_entsearch_txtEntity { background-color: White; }

.newPageTheme .mailtext { background-color: #FFFFFF; }

.newPageTheme .mailselect { background-color: #FFFFFF; }

.newPageTheme .frm647 .wizardgridoverflow { border-bottom: 0px solid rgb(222, 222, 222); }

.newPageTheme .ddlselect {
	border-radius: 0px;
	background-color: #FFFFFF;
	-moz-appearance: none;
	-webkit-appearance: none;
	background-image: url(../images/dropdown-arrow.png);
	background-repeat: no-repeat;
	background-position: right;
}

.newPageTheme .tdpwdfrgtpwd {
	padding-top: 0px;
	padding-bottom: 20px;
}

.newPageTheme .frm1130 .altgriditemborder, .newPageTheme .griditemborder { border-bottom: 0px solid #000000; }

.newPageTheme .frm696 .gridoverflow { border-bottom: 0px solid #DEDEDE; }

.newPageTheme .frm8 table.sectionfields tr:last-child > td { border-bottom: 0px solid #DEDEDE; }

.newPageTheme .buttondropdown select {
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	background: unset;
	-moz-appearance: none;
	-webkit-appearance: none;
	background-image: url(../images/dropdown-arrow.png);
	background-repeat: no-repeat;
	background-position: right;
}

.newPageTheme .frm281 .frm281btmborder { border-bottom: 0px solid rgb(222, 222, 222); }

.newPageTheme .frm714 #divreason table.sectionfields tr:last-child > td, .newPageTheme .frm714 #divremarks table.sectionfields tr:last-child > td { border-bottom: 0px solid #DEDEDE; }

.newPageTheme .frm1166 #ctl00_uxPgCPH_grdversionsdtls .frm1166 .griditem > td { border-bottom: 0px solid #DEDEDE; }

.newPageTheme .frm1166 #ctl00_uxPgCPH_grdversionsdtls .frm1166 .altgriditem > td { border-bottom: 0px solid #DEDEDE; }

.newPageTheme .frm1166 .sectionfields .rowstyle1 > td, .newPageTheme .frm1166 .sectionfields .altrowstyle > td { border-bottom: 0px solid #DEDEDE !important; }

.newPageTheme .frm585 .gridoverflow { border-bottom: 0px solid #DEDEDE; }

.newPageTheme .frm585 tr.griditem > td > table > tbody > tr > td { border-bottom: 0px solid #DEDEDE; }

.newPageTheme div.column41 { border-bottom: 0px solid rgb(222, 222, 222); }

.newPageTheme div.column42 { border-bottom: 0px solid rgb(222, 222, 222); }

.newPageTheme div.column43 { border-bottom: 0px solid rgb(222, 222, 222); }

.newPageTheme div.column44 { border-bottom: 0px solid rgb(222, 222, 222); }

.newPageTheme .frm576 .td.column32 { border-bottom: 0px solid rgb(222, 222, 222); }

.newPageTheme .frm576 .td.column33 { border-bottom: 0px solid rgb(222, 222, 222); }

.newPageTheme .frm776 .subhead td { border-bottom: 0px solid rgb(222, 222, 222); }

.newPageTheme .frm723 .divselect { height: 24px !important; }

.newPageTheme html[dir=ltr] .frm755 .reportparamfilterdiv { border-bottom: 0px solid #DEDEDE; }

.newPageTheme html[dir=rtl] .frm755 .reportparamfilterdiv { border-bottom: 0px solid #DEDEDE; }

.newPageTheme html[dir=ltr] .frm755 .panelclass { border-bottom: 0px solid #DEDEDE; }

.newPageTheme html[dir=rtl] .frm755 .panelclass { border-bottom: 0px solid #DEDEDE; }

.newPageTheme html[dir=ltr] .frm723 .reportparams-header, .newPageTheme html[dir=ltr] .frm755 .reportparams-header { border-bottom: 0px solid #DEDEDE; }

.newPageTheme html[dir=rtl] .frm723 .reportparams-header, .newPageTheme html[dir=rtl] .frm755 .reportparams-header { border-bottom: 0px solid #DEDEDE; }

.newPageTheme .searchcolumns td { border-bottom: 0px solid #DEDEDE; }

.newPageTheme .featureborderstyle { border-bottom: 0px solid #929292; }

.newPageTheme .frm727 div.gridoverflow { border-bottom: 0px solid #929292; }

.newPageTheme .frm771 .trialsborderstyle { border-bottom: 0px solid #929292; }

.newPageTheme .frm518 div.promotiongridoverflow { border-bottom: 0px solid rgb(222, 222, 222); }

.newPageTheme .frm1041 #ctl00_uxPgCPH_slnodl tr { border-bottom: 0px solid rgb(222, 222, 222); }

.newPageTheme .frm1041 .element { border-bottom: 0px solid #DEDEDE; }

.newPageTheme .multiselect {
	width: 197px;
	background-color: #ffffff;
}

.newPageTheme .frm836 .cmnthd { border-bottom: 0px solid #ccc; }

.newPageTheme .frm836 .acmgr-regn { border-bottom: 0px solid #ccc; }

.newPageTheme .frm836 .mgrmain { padding: 24px 24px 0px 24px; }

.newPageTheme .listbox { background-color: unset; }

.newPageTheme .tblcontenthead {
	background-color: #FFFFFF;
	border-radius: 10px 10px 0px 00px;
}

.newPageTheme .oldgridtable {
	background-color: #FFFFFF;
	border-radius: 0px 0px 10px 10px;
	padding-bottom: 20px;
}

.newPageTheme .fwkclass { background: #fff; }

.newPageTheme .skipline {
	background: #fff;
	border-radius: 10px;
}

.newPageTheme .gridtable.skipline {
	border-radius: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
}

/*--new ui--*/

/*red start*/

.newPageTheme .titlerow-bg {
	background-color: #bc2d30;
	height: 100px;
	vertical-align: baseline;
}

/*red end*/

/*red start*/

.newPageTheme .pagedocument-bg {
	background: #eaeaea;
	margin: 16px 20px 20px;
	width: 97% !important;
}

/*red end*/

/*red start*/

.newPageTheme .errormessage-bg {
	padding-top: 0px;
	font-size: 14px;
	color: #fff !important;
	padding-left: 0px;
	padding-left: 30px;
}

/*red end*/

.newPageTheme div.mainpagecontent-bg { margin-top: -24px; }

.newPageTheme .advnced-search {
	float: left;
	margin-top: 18px;
	border-right: 1px solid #ccc;
	padding-right: 14px;
	padding-left: 20px;
}

.newPageTheme .customernum {
	clear: both;
	margin-left: 0em;
	position: relative;
	top: 0px;
	width: 200px;
	color: #ccc;
}

/*red start*/

.newPageTheme .srchcontrol-bg {
	height: 30px;
	margin-top: 0px;
	margin-top: 26px;
	background-color: #eaeaea;
}

/*red end*/

/*red start*/

.newPageTheme .searchrslt-bg {
	width: 100%;
	background: #fff;
	height: 100px;
	float: left;
	border-radius: 10px;
	margin-top: -6em;
}

/*red end*/
  
  
.newPageTheme div.searchfloat { float: left; }

.newPageTheme .grdsrch {
	float: left;
	overflow: hidden;
	margin-top: 3px;
	margin-left: 2em;
	margin-right: 3em;
	padding-right: 4em;
	height: 50px;
}

.newPageTheme .grdsrch input[type="text"] {
	border: 0;
	margin-top: 12px;
	border-bottom: 0px solid #e8e8e8;
	width: 226px;
	background: url(../images/search-iconele.png) no-repeat;
	padding-bottom: 4px;
	padding-left: 2px;
	background-position: right;
	outline: none;
}

.newPageTheme .usernme {
	float: left;
	margin-top: 12px;
	font-size: 18px;
	margin-right: 2em;
	border-right: 1px solid #ccc;
	height: 50px;
	padding-right: 1em;
	border-left: 1px solid #ccc;
	padding-left: 1em;
}

.newPageTheme .balanceinr {
	float: left;
	margin-top: 14px;
	font-size: 18px;
	margin-right: 0em;
	height: 50px;
	padding-right: 3em;
}

.newPageTheme .name-sm {
	display: block;
	color: #ccc;
	font-size: 12px;
}

.newPageTheme .balance-sm {
	display: block;
	color: #ccc;
	font-size: 12px;
}

/*red start*/

.newPageTheme .lcouserdtls-bg {
	background: #fff;
	height: 100px;
	width: 33%;
	float: right;
	margin-top: 4px;
	border-radius: 10px;
	margin-top: -6em;
}

/*red end*/

.newPageTheme .lcousername {
	float: left;
	margin-top: 34px;
	font-size: 14px;
	height: 50px;
	padding-right: 3em;
	font-weight: 700;
	margin-left: 2em;
}

.newPageTheme .lconame-sm {
	display: block;
	font-weight: normal;
	color: #ccc;
}

.newPageTheme .lcobalance {
	float: left;
	margin-top: 34px;
	font-size: 14px;
	height: 50px;
	font-weight: 700;
	margin-left: 2em;
}

.newPageTheme .lcobal-sm {
	display: block;
	font-weight: normal;
	color: #ccc;
}

.newPageTheme .advsearchimg {
	height: 30px;
	vertical-align: baseline;
	margin-left: 2px;
	margin-right: 2px;
	position: relative;
	top: 2px;
}

.newPageTheme .titlerownoc { background-color: #eaeaea !important; }

.newPageTheme .pagetitlewoc {
	padding: 9px;
	margin-top: 0px;
	font-size: 18px;
	margin-left: 20px;
	margin-right: 20px;
}

.newPageTheme .messagenew {
	display: flex;
	margin-left: 42em;
	position: relative;
	top: -11px;
	width: 54%;
	height: 0;
}

/*New Message css for native portal*/

.newPageTheme .newmessage {
	text-align: center;
	position: relative;
	top: unset;
}

/*end*/

.newPageTheme .error-bg {
	background-color: #bc2d30 !important;
	height: 100px;
	vertical-align: baseline;
}

.newPageTheme div.pagetitle-bg {
	color: #fff !important;
	font-size: 18px !important;
	padding-left: 19px;
}

.newPageTheme .mainmenuitemhover, .newPageTheme .selected {
	border-bottom: 4px solid #c44a49;
	color: #000 !important;
	background-color: #fff !important;
}

.newPageTheme .headmenuitem, .newPageTheme .headmenuitemhover {
	border-left: 0 !important;
	border-right: 0 !important;
}

.newPageTheme .headmenuitem, .newPageTheme .mainmenuitem {
	background-color: #fff !important;
	position: relative !important;
	top: 0 !important;
}

.newPageTheme .mainmenuitem, .newPageTheme .mainmenuitemhover { border-right: 0 !important; }

.newPageTheme .headmenuitem td, .newPageTheme .headmenuitemhover td, .newPageTheme .mainmenuitem td, .newPageTheme .mainmenuitemhover td {
	font-size: 12px;
	height: 0 !important;
}

.newPageTheme .headsubmenuitem, .newPageTheme .submenuitem { color: #000 !important; }

.newPageTheme .submenuitem, .newPageTheme .submenuitemhover { padding: 12px !important; }

.newPageTheme .headsubmenuitem, .newPageTheme .headsubmenuitemhover {
	padding: 12px !important;
	background-color: #f3f3f5 !important;
}

.newPageTheme .submenu { border: 1px solid #999 !important; }

.newPageTheme .submenuitem { background-color: #fff !important; }

.newPageTheme .submenuitemhover {
	background-color: #f2f2f2 !important;
	border-bottom: 2px solid # #c44a49 !important;
}

.newPageTheme .submenuitem, .newPageTheme .submenuitemhover {
	min-width: 144px !important;
	height: 36px !important;
}

.newPageTheme .headmenuitemhover, .newPageTheme .mainmenuitemhover {
	background-color: #fff !important;
	color: #000 !important;
	border-bottom: 4px solid #c44a49;
}

.newPageTheme .headsubmenuitem, .newPageTheme .submenuitem { background: #fff !important; }

.newPageTheme div.submenu > table > tbody > tr > td { background-color: #fff !important; }

.newPageTheme #dm0m3 > table, #dm0m5 > table, .newPageTheme #dm0m2 > table, .newPageTheme #dm0m1 > table { background-color: #fff !important; }

/* welcome user end */

.newPageTheme .tab {
	padding-left: 0;
	border-spacing: 0;
	z-index: 1;
	padding-top: 20px;
}

.newPageTheme .tab td { padding-right: 1px; }

.newPageTheme html[dir=rtl] .tab td {
	padding-left: 1px;
	padding-right: 0;
}

/*belongs to mqmasterpage.css start*/

.newPageTheme .showvertmenuclass {
	background: #2f4050;
	padding: 14px 0 !important;
	border-radius: 0 !important;
}


.newPageTheme #nav li { padding-bottom: 0px !important; }

.newPageTheme #nav { width: 240px !important; }

.newPageTheme #nav li ul {
	background: #293846 !important;
	margin-top: -10px !important;
	border-left: 4px solid #75efc0;
	padding-bottom: 14px;
}

.newPageTheme #nav li a.active {
	background: #293846 !important;
	color: #fff !important;
}

.newPageTheme #nav li a {
	background: #2f4050 !important;
	color: #a7b1c2 !important;
	border-radius: 0 !important;
}

.newPageTheme .showvertmenuclass #nav li a:hover {
	background: #293846 !important;
	color: #fff !important;
}

.newPageTheme .showvertmenuclass #nav li ul li a:hover { background: none !important; }


.newPageTheme #nav li ul li { margin-top: 10px !important; }

.newPageTheme #nav li ul li a.currentmenu {
	border-right: 0 !important;
	color: #fff !important;
}

.newPageTheme #nav li ul li a {
	border-bottom: 0 !important;
	background: #293846 !important;
	padding-bottom: 0 !important;
	padding-top: 0 !important;
}

.newPageTheme #nav #530 { background: red !important; }

.newPageTheme A { font-size: 14px; }

.newPageTheme #nav li a.active, .newPageTheme #nav li a.currentnavmenu {
	border-left: 4px solid #75efc0;
	border-right: 0 !important;
	background-color: #293846 !important;
}

.newPageTheme #nav li a:hover { border-right: 0 !important; }

.newPageTheme #nav li ul li a:hover { color: #fff !important; }

.newPageTheme .hidevertmenuclass { display: block !important; }

/*mqmasterpage.css end*/

.newPageTheme .skipbg { background-color: #eaeaea !important; }

.newPageTheme .gridtable .subhead td {
	font-weight: bold;
	font-size: 12px;
	color: #000;
	border-bottom: 0px solid #dedede;
	background-color: #eaeaea;
	padding: 3px;
	border-bottom: 0px solid rgb(222, 222, 222);
	text-align: left;
}

.newPageTheme .bottomradius { border-radius: 0px 0px 10px 10px; }

.newPageTheme .topradius { border-radius: 10px 10px 0px 0px; }

.newPageTheme #dm0m0tbl { border-bottom: 1px solid #dedede; }

.newPageTheme .srchimglinehgt { line-height: 22px; }

.newPageTheme .padleft { padding-left: 6px; }

.newPageTheme .width99 { width: 99%; }

.newPageTheme div.content {
	margin: 0px !important;
	background-color: #eaeaea !important;
}

.newPageTheme .pagination td { padding-right: 4px; }

.newPageTheme .pagination span {
	background: #2563eb;
	border-radius: 3px;
	color: #fff;
	padding: 7px 10px;
	cursor: pointer;
}

.newPageTheme .pagination span:hover { background: #a83e60; }

.newPageTheme .pagination span:focus { background: #2563eb; }

.newPageTheme .customernumtext { color: black; }

.newPageTheme .borderbottom { border-bottom: 1px solid rgb(222, 222, 222) !important; }

.newPageTheme .frm323 .frmlistbox { background-color: #fff; }

.newPageTheme .frm616 #svcorder.gridoverflow { height: 380px; }

.newPageTheme .tduidfrgtpwd { padding-top: 0px; }

.newPageTheme .loginsurelogofrgtpwd { margin-top: 0px; }

.newPageTheme .loginformbuttonfrgtpwd { padding-top: 0px; }

.newPageTheme .loginfrgtpwdlinksheight { height: 50px; }

.newPageTheme .forgotpwdlink {
	text-align: center;
	padding-top: 10px;
	padding-left: 0px;
}

.newPageTheme DIV.selectedsegs { overflow: auto; }

.newPageTheme .dialogmaincontent .select, .newPageTheme .dialogmaincontent .searchctrlselect { width: 162px; }

.newPageTheme .marginleft { margin-left: 250px; }

.newPageTheme .customersearchctrl .custsearchgridcolumn1, .newPageTheme .customersearchctrl .custsearchgridcolumn2, .newPageTheme .customersearchctrl .custsearchgridcolumn3, .newPageTheme .customersearchctrl .custsearchgridcolumn4, .newPageTheme .customersearchctrl .custsearchgridcolumn5 { vertical-align: middle; }

.newPageTheme .rghtborder { border-right: 0px; }

.newPageTheme .leftborder { border-left: 0px; }

.newPageTheme .gridfield {
	width: 97% !important;
	margin: 0px auto;
	border-left: 1px solid rgb(222, 222, 222);
	border-bottom: 1px solid rgb(222, 222, 222);
	border-right: 1px solid rgb(222, 222, 222);
}

.newPageTheme .noborder { border: 0; }

.newPageTheme td.main1 {
	background: #fff !important;
	border: 0px;
}

.newPageTheme td.main2 {
	background: #fff !important;
	border: 0px;
}

.newPageTheme .transfrborder { border: 0; }

/*.newPageTheme fieldset {
	border:0;
}*/

.newPageTheme #ctl00_uxPgCPH_pnlschreport legend {
	color: #bc2d30;
	font-weight: bold;
	font-size: 14px;
	left: 0px;
	position: relative;
	top: -2%;
}

.newPageTheme .scjobrepeat {
	border-left: 0;
	background-color: unset;
	border-bottom: 0px solid rgb(222, 222, 222);
}

.newPageTheme .bgscjob {
	background: #eaeaea;
	width: 97%;
}

.newPageTheme .scjobtbl {
	width: 97%;
	margin-left: 22px;
}

.newPageTheme .scjobtask {
	background: #eaeaea;
	width: 78%;
	margin-left: 20px;
}

.newPageTheme .dtSelect {
	background-color: #fff;
	border-radius: 0px;
	-moz-appearance: none;
	-webkit-appearance: none;
	background-image: url(../images/dropdown-arrow.png);
	background-repeat: no-repeat;
	background-position: right;
}

.newPageTheme #ctl00_uxPgCPH_txtRepeatevery, .newPageTheme #ctl00_uxPgCPH_ddlRepeatevery, .newPageTheme #ctl00_uxPgCPH_txtRepeathours, .newPageTheme #ctl00_uxPgCPH_txtRepeatmin, .newPageTheme #ctl00_uxPgCPH_ddlMonthlynumber, .newPageTheme #ctl00_uxPgCPH_ddlMonthlyday { width: 100px; }

.newPageTheme .frm789 .textalignedimg { padding-left: 19px; }

.newPageTheme .form .subhead { background-color: #fff; }

.newPageTheme .frm124 td.width50 {
	position: relative;
	right: 8px;
	width: 32%;
	height: 450px;
}

.newPageTheme .frm124 .tdright {
	position: relative;
	right: 4px;
	padding-left: 7px;
}

.newPageTheme .sec1 { margin: 10px; }

.newPageTheme .frm789 div.gridview { width: 99% !important; }

.osdtextalignedimg {
	height: 24px;
	margin: 0px 2px;
	padding: 0px;
	padding-bottom: 3px;
}

.newPageTheme #ctl00_uxPgCPH_CustomerInteractionCtrl_txtmobile {
	border-radius: 0px;
	background-color: #fff;
}

.newPageTheme .frm124 div.privlist { width: 350px; }

.newPageTheme .frm124 div.profiles { width: 291px; }

.newPageTheme .frm124 div.bordertop, .newPageTheme .bordertop { border-top: 0px !important; }

.newPageTheme #dynarea #ctl00_uxPgCPH_tdcaptcha {
	display: block;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

.newPageTheme .tdcaptcha {
	display: block;
	padding-left: 65px;
	padding-bottom: 8px;
}

.newPageTheme .tdcaptchatextbx {
	display: block;
	padding-left: 4em;
	padding-bottom: 20px;
}

.newPageTheme .tdcaptcha img { padding-bottom: 10px; }

.newPageTheme .griditem input[type=checkbox], .newPageTheme .altgriditem input[type=checkbox], .newPageTheme .griditem input[type=image], .newPageTheme .altgriditem input[type=image], .newPageTheme .griditem input[type=radio], .newPageTheme .altgriditem input[type=radio] { float: left; }


.newPageTheme .gridtopupclass { border: none !important; }

.newPageTheme .gridtopuptableclass { padding-left: 24px !important; }

.newPageTheme .divsrvclass {
	font-weight: bold;
	font-size: 12px;
	color: #000;
	background-color: #eaeaea;
}

.newPageTheme .dlsrvcattrclass {
	border: none !important;
	background-color: #eaeaea;
	border-radius: 0px !important;
	border-spacing: 4px;
}

.newPageTheme .disgridsvclabel {
	font-weight: bold;
	font-size: 12px;
	color: black;
	text-align: left !important;
	border-bottom: none !important;
}

.newPageTheme .dlsrvcattrclass .disgridlabel {
	font-weight: bold;
	font-size: 12px;
	color: black;
	text-align: left;
	padding-right: 2px;
	width: 12px !important;
}



.newPageTheme .dlsrvcattrclass .disgridtext {
	width: 84% !important;
	font-weight: normal;
	font-size: 12px;
	color: black;
	text-align: left;
	border: 0px none;
	padding-left: 3px;
}


.newPageTheme .tdapproveclass { padding-left: 67px; }

.newPageTheme .grdvRenewalchkboxbg, .newPageTheme .grdvReconnectionchkboxbg, .newPageTheme .grdvDisconnectionchkboxbg { background-color: #eaeaea; }

.newPageTheme .dlsrvcattrclass .disgridsvclabel {
	font-weight: bold;
	font-size: 12px;
	color: black;
	text-align: left;
	border-bottom: 1px solid rgb(222, 222, 222);
	padding-left: 5px;
}

.newPageTheme #ctl00_uxPgCPH_grdvRenewal .tdplan, .newPageTheme #ctl00_uxPgCPH_grdvReconnection .tdplan, .newPageTheme #ctl00_uxPgCPH_grdvDisconnection .tdplan { border: none !important; }

.newPageTheme #ctl00_uxPgCPH_grdvRenewal .tdplan .tblplandtls, .newPageTheme #ctl00_uxPgCPH_grdvReconnection .tdplan .tblplandtls, .newPageTheme #ctl00_uxPgCPH_grdvDisconnection .tdplan .tblplandtls {
	border-radius: 0px;
	width: 95%;
	background-color: #eaeaea;
	border-spacing: 6px;
}

.newPageTheme .grdvRenewalrowstyle, .newPageTheme .grdvReconnectionrowstyle, .newPageTheme .grdvDisconnectionrowstyle { border-bottom: 1px solid rgb(222, 222, 222); }

.newPageTheme .sectioncartheight { height: 494px; }

.newPageTheme .srvlist {
	border-top: 1px solid #DEDEDE;
	background: #fff;
}


.newPageTheme .frm616 .gridplancol1, .newPageTheme .frm616 .gridplancol2, .newPageTheme .frm616 .gridplancol4 {
	border-left: none !important;
	border-right: none !important;
	border-top: none !important;
	border-radius: none !important;
	border-bottom: 1px solid #DEDEDE !important;
}

.newPageTheme .clearfix { border-bottom: 1px solid #DEDEDE; }

.newPageTheme .plandtlsclass {

	border-right: none !important;
	border-bottom: none !important;
	border-left: none !important;
}

.newPageTheme .frm616 .productpriceheight { height: 253px !important; }

.newPageTheme .frm616 .shoppingcartclass .productpriceheight { height: 280px !important; }

.newPageTheme .frm616 .subhead {
	background-color: #DADADA;
	margin-left: 5px;
	margin-right: 5px
}

.newPageTheme .frm616 .cartsubhead { background-color: #DADADA; }

.newPageTheme .frm616 .totalprice {
	margin-left: 5px;
	margin-right: 5px;
	height: 30px;
	font-weight: bold;
	background: #eaeaea;
}

.newPageTheme .frm616 .svcordtotallbl {
	float: left;
	width: 50%;
	text-align: right;
	background-color: #eaeaea;
	padding-right: 0px !important;
}

.newPageTheme .frm616 .svcordtotalprice {
	background-color: #eaeaea;
	width: 50%;
}

.newPageTheme .frm616 .svcordtotalspan {
	float: right;
	margin-right: 46px;
}


.newPageTheme .frm616 .addcartclass {
	width: 25px;
	height: 25px;
	padding-right: 35px;
}

.newPageTheme .frm616 #divplans .gridoverflow { height: 325px; }

.newPageTheme .frm616 .sectionheader .sectionhead { width: 100%; }

.newPageTheme .frm616 #ctl00_uxPgCPH_divshoppingcart {
	height: 361px;
	/*padding-top: 68px;*/
	padding-top: 32px;
}

.newPageTheme .frm616 .shoppingcartclass {
	height: 395px !important;
	padding-top: 31px !important;
}

.newPageTheme .frm616 .plangrid { border-bottom: 0px; }

.newPageTheme .frm616 .sectionspaceclass { padding-top: 21px; }

/*hidding exisiting search plan text box in new theme*/

/*.newPageTheme .tblsearchclass {
	display:none;
}*/

.frm616 .search-packages-wrap { display: none }

/*New search for plan css*/

.newPageTheme .search-packages-wrap {
	border-bottom: 1px solid #ccc;
	display: table-cell;
	position: relative;
	text-align: right;
}

.newPageTheme .search-packages-wrap input {
	padding-right: 30px;
	text-align: left;
	border: none;
	max-width: 240px;
	text-overflow: ellipsis;
}

.newPageTheme .search-packages-wrap .search-package-icon-wrap {
	width: 21px;
	height: 7px;
	display: inline-block;
	position: absolute;
	right: 0;
	bottom: 10px;
}

.newPageTheme .frm616 .sectionheader {
	margin-left: 18px;
	margin-right: 12px;
}


.newPageTheme .griditem:hover:first-child, .newPageTheme .griditem:hover:nth-child(2n) { border-top: 2px solid #DEDEDE; }

.newPageTheme .gridcolumnhead, .newPageTheme .subhead {
	border-bottom: 1px solid #DEDEDE;
	border-top: 1px solid #DEDEDE;
}

.newPageTheme .bulkpmtssearchimg {
	width: 20px;
	position: relative;
	left: -27px;
	top: 3px;
	height: 22px;
	box-sizing: border-box;
	padding-left: 25px;
	background: url(../images/lookupnew2.gif) no-repeat;
}

.newPageTheme .form .reccount { margin-right: 20px; }

.frm1201 .headingwidth { width: 38%; }

.newPageTheme .frm1201 .headingwidth { width: 42%; }

.newPageTheme .frm203 .section { padding-bottom: 1px; }

.newPageTheme .frm203 #ctl00_uxPgCPH_CustomerInteractionCtrl_txtmobile { width: 150px; }

.newPageTheme #ctl00_uxPgCPH_itemslnogrid .griditem > td:first-child { padding-left: 3px !important; }

.textheight { margin-top: 2px !important; }


/*Classes For Accordion-Begin*/

.Accordionpanel { margin-bottom: 20px; }

.Accordionelement {
	background-color: #fff;
	border-bottom: 1px solid #e0e0e0;
}

.AccordionElementTitle {
	padding-bottom: 20px;
	color: #2199e8;
	padding-left: 10px;
	padding-top: 10px;
	cursor: pointer;
}

.AccordionElementData {
	/*background-color: #e0e0e0;*/
	margin: 10px;
	padding-top: 10px;
	padding-left: 10px;
}

.Accordionelement.active {
	margin-bottom: 20px;
	margin-top: 20px;
}

.AccordionElementTitle:after {
	border-style: solid;
	border-width: 0 2px 2px 0;
	content: '';
	display: inline-block;
	padding: 3px;
	transform: rotate(45deg);
	vertical-align: middle;
	float: right;
	margin: 10px 20px 0px 0px;
}

.active .AccordionElementTitle:after { transform: rotate(225deg); }

/*Classes For Accordion-End*/

.newPageTheme .frm758 .searchimg, .newPageTheme .frm742 .searchimg, .newPageTheme .frm749 .searchimg, .newPageTheme .frm754 .searchimg, .newPageTheme .frm666 #ctl00_uxPgCPH_searchimg_custsrchimg { top: 7px; }

.newPageTheme #ctl00_uxPgCPH_pymtlukup_entsrchimg { top: 3px; }

.newPageTheme .orderapproval #ctl00_uxPgCPH_entsearch_txtEntity { border-radius: 0; }

.frm281 .divheading { margin-top: -22px; }

.newPageTheme .frm281 .divheading { margin-top: 0px; }

.newPageTheme #ctl00_uxPgCPH_servicegrpattr_addlattr .flexoptionaltext2 { width: 130px; }

.newPageTheme .frm839 table.main1 { background-color: #fff !important; }

.newPageTheme .contentheader {
	height: 40px;
	padding: 0px 0px 0px 2px;
	text-align: left;
	vertical-align: middle;
	width: auto;
}

.newPageTheme .listbackgroundhead {
	background-color: rgb(247, 247, 247) !important;
	color: #bc2d30;
}

.newPageTheme .verifyotpsection {
	background: #fff;
	border-radius: 10px;
	margin-top: 5px;
	padding-bottom: 10px;
	padding-top: 10px;
	width: 100%;
	border: 0px;
}

.newPageTheme .verifyotpPrntTbBrdr {
	border-right: 0px solid rgb(222, 222, 222);
	background: #fff;
	border-radius: 10px;
	margin-bottom: 5px;
	padding-top: 8px;
	padding-bottom: 5px;
	width: auto !important;
}

.newPageTheme .divverifyotp { width: auto !important; }

.newPageTheme .tdverifyotp {
    padding-bottom: 0px !important;
    padding-left: 110px;
    /*padding-top: 10px;*/
    font-weight: bold;
    font-size: 12px;
    color: black;
}

.newPageTheme .middle { text-align: left; }

.newPageTheme tr.contenthead th {
	position: relative;
	left: 20px;
}

.newPageTheme #announcement td:first-child { padding-left: 20px; }

.newPageTheme #ctl00_uxPgCPH_pnlBII .btnsave, .newPageTheme #ctl00_uxPgCPH_pnlVirtualTable .btnsave, .newPageTheme #ctl00_uxPgCPH_pnlObserver .btnsave, .newPageTheme #ctl00_uxPgCPH_pnlDataSource .btnsave { margin-right: 18px; }

.newPageTheme #ctl00_uxPgCPH_bundlesvcgrid[style] {
	border-collapse: collapse !important;
	border-spacing: 0px 5px;
}

.newPageTheme #ctl00_uxPgCPH_bundlesvcgrid .griditem:hover td, .newPageTheme #ctl00_uxPgCPH_bundlesvcgrid .altgriditem:hover td,
.newPageTheme #ctl00_uxPgCPH_bundlesvcgrid .griditem:hover a, .newPageTheme #ctl00_uxPgCPH_bundlesvcgrid .altgriditem:hover a, .newPageTheme #ctl00_uxPgCPH_bundlesvcgrid .griditem:hover span, #ctl00_uxPgCPH_bundlesvcgrid .altgriditem:hover span {
	background-color: #eaeaea;
	color: #000;
}

.newPageTheme .qualiheader {
	background-color: #dedede;
	height: 35px !important;
}

.newPageTheme div.qualidetails {
	width: 99.5%;
	border-left: 1px solid rgb(222, 222, 222);
}

.newPageTheme .oldsubelement .chkboxlist { border: 0px; }

.newPageTheme .tduserRole {
	position: relative;
	left: 4px;
}

.newPageTheme .tduserpriv {
	position: relative;
	left: 8px;
}

.newPageTheme DIV.privlist, .newPageTheme DIV.rolelist { width: 315px; }

.newPageTheme #ctl00_uxPgCPH_divRunningJobs tr.contenthead th { left: 0px; }

.newPageTheme .frm742 .bulkpmtssearchimg { left: 3px; }

/*START:949*/

.frm949 .frm10049 .coupnhdrsec {
	border-bottom: 1px solid #d2d2d2;
	height: 60px;
}

.frm949 .frm10049 .bordrbottom { border-bottom: 1px solid #d2d2d2; }

.frm949 .addlinksect {
	margin-left: 85%;
	width: 44%;
}

.frm949 .srchdtlimg {
	padding-top: inherit;
	padding-left: 2px;
}

.frm949 .dtlsrchimg2 {
	float: right;
	margin: -22px 12px 16px 5px;
}

.frm949 .subsctndtl {
	float: left;
	width: 60%;
	border-radius: 5px;
	padding: 10px 0px 4px 15px;
}

.frm949 .addnwcoupon { padding: 0px 10px 0px 0px; }

.frm949 .gridfield .gridcol0 { width: 16.6%; }

.frm949.newPageTheme .griditem > td:first-child {
	padding-left: 8px !important;
	padding-top: 6px;
}

.frm949.newPageTheme .addImage {
	height: 22px;
	padding-right: 8px;
	padding-left: 15px !important;
	padding-top: 3px !important;
}

.frm949 .anlink {
	font-size: 14px;
	padding-right: 5px;
	padding-top: 3px;
	text-decoration: none;
}

.frm948 .section {
	/*border-bottom:1px solid rgb(222,222,222);*/
	border-bottom-left-radius: 0px;
	border-bottom-right-radius: 0px;
}

.frm948 .sectiondetails {
	border-bottom: 1px solid rgb(222, 222, 222);
	border-right: 1px solid rgb(222, 222, 222);
	border-top: 1px solid rgb(222, 222, 222);
	border-radius: 5px;
	border-left: 4px solid #d2d2d2;
}

.frm948 .bordergrid { border: 1px solid rgb(222, 222, 222); }

.frm948 .coupongridoverflow {
	overflow-x: hidden;
	overflow-y: hidden;
	behavior: url('../themes/default/mainportal/css/ScrollPos.htc');
	height: 150px;
}

.frm948 .coupongridoverflow:hover { overflow-y: auto !important; }



.frm949.newPageTheme .search {
	width: 175px;
	height: 36px;
	overflow: hidden;
	position: relative;
	display: inline-block;
	padding-left: 5px;
}

.frm949.newPageTheme .textalignedimg { padding-left: 24px; }

.frm949 .frm10019 .frm10049.newPageTheme .irmain {
	background: #fff;
	margin: 0 auto;
	margin-top: 10px !important;
	padding: 10px;
	width: 96.5%;
}

.frm949 ul.simple-tabs {
	margin: 0;
	max-width: 880px;
	overflow: hidden;
	padding: 0;
	width: 50%;
}

.frm949 .srch {
	width: 50%;
	max-width: 300px;
	float: right;
}

.frm949 ul.simple-tabs li {
	float: left;
	width: 25%;
	height: 44px;
	list-style-type: none;
	text-align: center;
	line-height: 44px;
}

.frm949 ul.simple-tabs li:hover, ul.simple-tabs li:active {
			
	border-bottom: 0px solid #ccc;
	cursor: pointer;
}

.frm949 ul.simple-tabs li.active {
	border-bottom: 4px solid #d2d2d2;
	color: #b63436;
	font-weight: bold;
}

.frm949 .tab-page {
	max-width: 100%;
	width: 100%;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	height: 400px;
}

.frm949 .img { max-width: 500px; }

.frm949 .sntpertab { width: 100%; }

.frm949 .tab-page { display: none; }

.frm949 .active-page { display: block; }

.frm949 .search input {
	border: none;
	padding-right: 30px;
	display: block;
	border-bottom: 1px solid rgba(0, 0, 0, 0.2);
	width: 60%;
	padding-left: 10px;
	font-size: 14px;
	color: #4f5461;
	font-family: OpenSansRegular;
	background-color: transparent;
	height: 35px;
}

.frm949.newPageTheme .griddata { width: 100% !important; }

.frm949 .gridfield .gridcol0 { width: 16.6%; }

.frm949 .gridfield {
	width: 97% !important;
	margin: 0px auto;
	border-left: 1px solid rgb(222, 222, 222);
	border-bottom: 1px solid rgb(222, 222, 222);
	border-right: 1px solid rgb(222, 222, 222);
}

.frm949 .grid { border-top: 0px; }

.frm949.newPageTheme .addLink {
	float: right;
	display: flex;
	margin-right: 25px;
}
 

/*END:949*/

.frm948 .acmgr-regn {
	border-bottom: 1px solid #ccc;
	overflow: hidden;
}

.frm948 .tbs {
	float: left;
	width: 48%;
}

.frm948 ul.acmgr-tabs {
	margin: 0;
	overflow: hidden;
	padding: 0;
}

.frm948 .mgrmain {
	background: #fff;
	margin: 20px;
	padding: 24px;
	overflow: auto;
}

.frm948 ul.acmgr-tabs li.active {
	border-bottom: 4px solid #d2d2d2;
	color: #b63436;
	font-weight: bold;
}

.frm948 ul.acmgr-tabs li {
	float: left;
	height: 34px;
	line-height: 30px;
	list-style-type: none;
	text-align: center;
	cursor: pointer;
	width: 40.33%;
}

.frm948 .frntbckImage {
	height: 30px;
	padding-left: 1px;
	padding-right: 1px;
}

.frm948 .addLink {
	/*float: right;*/
	display: flex;
}

/*START:953*/

.frm953 .newprodtdwidth { width: 195px; }

.frm953 .padleft {
	padding-left: 40px;
	width: 230px;
}

.frm953 .divtextalign { text-align: left; }

.frm953 .anlink {
	text-decoration: none;
	font-size: 14px;
	color: #C34A49;
	font-weight: bold;
	cursor: pointer;
}

.frm953 .setImage {
	width: 17px;
	margin-bottom: -4px;
	height: 17px;
}

.frm953 .addImage {
	height: 30px;
	padding-left: 1px;
	padding-right: 1px;
}

.frm953 .fieldscof {
	height: 35px;
	font-weight: bold;
	width: 151px;
	cursor: pointer;
	color: #1cc09f;
	font-size: 14px;
	padding-left: 5px;
	display: none;
}

.frm953 .dvopacity { background-color: rgba(0, 0, 0, 0.4) !important; }

.customoverflow {
	overflow-y: hidden !important;
	overflow-x: hidden !important;
	height: 150px;						
}

.customoverflow:hover {
	overflow-y: auto !important;
	overflow-x: auto !important;						 
}

.frm953 .settingcof {
	height: 35px;
	font-weight: bold;
	width: 151px;
	cursor: pointer;
	color: #1cc09f;
	font-size: 14px;
	padding-left: 5px;
}

/*END:953*/

a.portaltext {
	cursor: pointer;
	font-weight: bold;
	color: Blue;
}

#optculturelink { text-decoration: none; }

.tdcaptcha { padding-bottom: 22px; }

.captcha-container {
	display: inline-block;
	vertical-align: middle;
	border-radius: 3px;
	height: 54px;
}

.captcha-refresh-container {
	width: 26px;
	display: inline-block;
	vertical-align: middle;
	margin: 10px;
	margin-top: 30px;
}

.captcha-refresh-container img { width: 20px; }

.newPageTheme .btnfilters {
	background-image: url(../images/filter.png);
	padding: 8px 40px;
	border: 1px solid rgb(222, 222, 222);
	color: black;
	background-color: white;
	background-repeat: no-repeat;
	background-size: 40px 36px;
	cursor: pointer;
}

.newPageTheme .btnfiltersactive {
	border-bottom: none;
	border-top: 1px solid #b63436;
	margin: 0.6rem 0 0;
}

.newPageTheme .btnpricingtabsborderright { border-right: none !important; }

.newPageTheme .customoverflow {
	overflow-y: hidden !important;
	overflow-x: hidden !important;
	height: 150px;
}

.newPageTheme .customoverflow:hover {
	overflow-y: auto !important;
	overflow-x: auto !important;
}

.newPageTheme #ctl00_uxPgCPH_gvCollections .griditem td, .newPageTheme #ctl00_uxPgCPH_gvCollections .altgriditem td { height: 0 !important; }

.onetimegriditen { border-bottom: 1px solid #DEDEDE; }

.newPageTheme .frm1130 #nonservicegridfields.gridfields {
	width: 95%;
	margin-left: 0px;
}

.newPageTheme .frm616 #ctl00_uxPgCPH_btncalcprice { background-image: url(../images/btnpink.png); }

.newPageTheme .griditem input[type=image].textalignedimg, .newPageTheme .altgriditem input[type=image].textalignedimg { float: none; }

.textarea { height: 57px; }

.newPageTheme .frm195 .griditem input[type=checkbox], .newPageTheme .frm195 .altgriditem input[type=checkbox] {
	margin-left: 10px !important;
	margin-top: 10px !important;
}

.newPageTheme .frm1130 #nonsvcdetailsheading.sectionheading { border-right: 1px solid grey !important; }

.newPageTheme .frm810 div.gridfields { width: 100%; }

.frm957 .lblText {
	position: relative;
	top: 33%;
	width: 70px;
}

.frm957 .search {
	width: 274px;
	height: 39px;
	overflow: hidden;
	position: relative;
	display: inline-block;
}

.frm957 .search input {
	border: none;
	padding-right: 30px;
	display: block;
	border-bottom: 1px solid rgba(0, 0, 0, 0.2);
	width: 100%;
	padding-left: 10px;
	font-size: 14px;
	color: #4f5461;
	font-family: OpenSansRegular;
	background-color: transparent;
	height: 35px;
}

.frm957 .search-icon {
	position: absolute;
	bottom: 7px;
	right: 1px;
	cursor: pointer;
	height: 20px;
}

.frm957 .addLink {
	float: right;
	display: flex;
	margin-right: 25px;
}

.frm959 .lblText {
	position: relative;
	top: 33%;
	width: 70px;
}

.frm959 .search {
	width: 274px;
	height: 39px;
	overflow: hidden;
	position: relative;
	display: inline-block;
}

.frm959 .search input {
	border: none;
	padding-right: 30px;
	display: block;
	border-bottom: 1px solid rgba(0, 0, 0, 0.2);
	width: 100%;
	padding-left: 10px;
	font-size: 14px;
	color: #4f5461;
	font-family: OpenSansRegular;
	background-color: transparent;
	height: 35px;
}

.frm959 .search-icon {
	position: absolute;
	bottom: 7px;
	right: 1px;
	cursor: pointer;
	height: 20px;
}

.frm959 .addLink {
	float: right;
	display: flex;
	margin-right: 25px;
}

.frm960 .frntbckImage {
	height: 30px;
	padding-left: 1px;
	padding-right: 1px;
}

.frm960 .addLink {
	/*float: right;*/
	display: flex;
}

.frm958 .frntbckImage {
	height: 30px;
	padding-left: 1px;
	padding-right: 1px;
}

.frm958 .addLink {
	/*float: right;*/
	display: flex;
}

/*START-961*/

.newPageTheme .orgprfl { width: 450px; }

.newPageTheme .orgprflsec {
	padding-top: 2%;
	padding-bottom: 1%;
}

.newPageTheme .incwidth { width: 165px; }

/*END-961*/


.divNotifications .imgNotification {
	height: 29px;
	max-width: 47%;
	position: absolute;
	top: 18px;
	right: 200px;
}

.divNotifications { cursor: pointer; }

.badge-default {
	top: 13px;
	background: #e76161;
	width: 19px;
	height: 19px;
	line-height: 19px;	
}

.badge {
	border-radius: 50%;
	font-size: 12px;
	color: #fff;
	text-align: center;
	position: absolute;
	margin-left: -16px;
}

.mvclookup {
	background: url(../Images/lookup1.gif) no-repeat 6px center;
	width: 100px;
	height: 100px;
	display: block;
}

.displayflex { display: flex; }

.DroppableSectionborder { border: 1px dashed #37474f !important; }

.frm723 .filtersection {
	width: 740px;
	background-color: #F3F3F5;
	border-radius: 8px;
	border: none;
	margin-left: 30px;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 3px;
	margin-top: 10px;
	border: 1px solid #c8c5c5;
}

.frm723 .filterAndOrfiltersection {
	background-color: white !important;
	padding-left: 5px;
	width: 80px;
	margin-bottom: 5px;
}

.rptbtn {
	width: 50px;
	display: inline;
	line-height: 20px;
	margin-right: 12px;
	font-size: 12px;
	font-weight: normal;
	padding: 5px 18px;
	text-decoration: none !important;
	border: 1px solid #CDCDCD;
	min-width: 90px;
	color: black !important;
	border-width: 1px 1px 2px !important;
	background-color: white !important;
}
.lstsvcamount {
    text-align: right !important;
    padding-right: 40px !important;
}

.lstsvcselect {
    padding-right: 18px !important;
}

.newgridsecsalehead1 {
    width: 20%;
}

.newgridsecsalehead2 {
    width: 21%;
}

.newgridsecsalehead3 {
    width: 20%;
}

.newgridsecsalehead7 {
    width: 20%;
}

.newgridsecsalehead4 {
    width: 5%;
}

.newgridsecsalehead5 {
    width: 2.5%;
}

.newgridsecsalehead6 {
    width: 1.5%;
}

.newgridsecsaledata1 {
    width: 20%;
}

.newgridsecsaledata2 {
    width: 21%;
}

.newgridsecsaledata3 {
    width: 20%;
}

.newgridsecsaledata4 {
    width: 5%;
}

.newgridsecsaledata5 {
    width: 2.5%;
}

.newgridsecsaledata6 {
    width: 20%;
}

.issueentitynew {
    width: 25% !important;
}

.newsvcactbtnhwgrid {
    width: 43% !important;
}
.newsvchwrdn {
    margin: 13px;
    margin-top: 6px;
    margin-left: 46px !important;
    margin-bottom: 35px;
}

.newsvcsalehwrdn {
    margin-left: 43px !important;
}

.newsvcordlblissueentity {
    margin-right: 4px;
    margin-top: 8px;
}

@media only screen and (min-width: 768px) {
	.custregtwocolcls { width: 272px !important; }
}

.custregfontsize { font-size: 12px !important; }

.frm448 .textarea { width: 190%; }

.btncancel, .btndelete, .btnreset, #ctl00_uxPgCPH_btncancel, .btnreset, #ctl00_uxPgCPH_btnCancel, #ctl00_uxPgCPH_btncancel1 {
	background-image: none;
	background-color: white;
}

.btncancel:hover, .btndelete:hover, .btnreset:hover, #ctl00_uxPgCPH_btncancel:hover {
	background-image: none;
	background-color: white;
	border: 1px solid #bc2d30;
}

.widgetvaluefontsize { font-size: 30px !important; }

.renewnotestxt { width: 90% !important; }

.failedpymtamt { padding-right: 60px !important; }

.main .pagedocument .failedpymtcount {
	text-align: right !important;
	padding-right: 18px !important;
}

.Imgfreetrial {
	height: 30px;
	float: initial;
	position: relative;
	top: -4px;
	left: 5px;
}

/*End Single View Contract Info*/

.disImgfreetrial {

	position: relative;
	float: initial;
	height: 25px;
	top: 10px;
}

.dvImgfreetrial {
	position: relative;
	top: 10px;
}

.gridqualifiers { width: 200px !important; }

div.qualifiergridoverflow {
	overflow: scroll;
	behavior: url('../themes/default/mainportal/css/ScrollPos.htc');
	height: 150px;
	border: 1px solid rgb(222, 222, 222);
}

.newPageTheme .smallselect {
	width: 130px;
	-webkit-appearance: none;
	background-image: url(../images/dropdown-arrow.png);
	background-repeat: no-repeat;
	background-position: right;
	border-radius: 0px;
	background-color: #fff;
}

.newPageTheme .dvbasicproducts {
	height: 400px;
	overflow-y: auto;
}

.alignoperationtype tr:nth-child(4) {
	position: absolute;
	margin-left: 13px;	
}

.alignoperationtype tr:nth-child(5) {
	position: absolute;
	margin-left: 13px;
	margin-top: 20px;
}

.alignoperationtype tr:nth-child(6) {
	position: absolute;
	margin-left: 13px;
	margin-top: 40px;
}

.frm518 .fieldscof {
	height: 35px;
	font-weight: bold;
	width: 151px;
	cursor: pointer;
	color: #1cc09f;
	font-size: 14px;
}

.frm518 .settingcof {
	height: 35px;
	font-weight: bold;
	width: 151px;
	cursor: pointer;
	color: #1cc09f;
	font-size: 14px;
}

.fieldconfigurationstyle {
	background-color: rgba(0, 0, 0, 0.4) !important;
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	z-index: 100;
}

.dvfieldconfig {
	position: fixed;
	top: 100px;
	bottom: 77%;
	right: -52%;
	width: 50%;
	background-color: white;
	z-index: 101;
	box-shadow: 0px 0px 5px 2px #a39b9b;
	overflow-x: hidden;
	overflow-y: auto;
	border-left: 0px solid rgb(222, 222, 222);
	border-left: 0px solid rgb(222, 222, 222);
	display: block;
}

/*End PromotionDetails*/

.gridqualifiers { width: 200px !important; }

div.qualifiergridoverflow {
	overflow: scroll;
	behavior: url('../themes/default/mainportal/css/ScrollPos.htc');
	height: 150px;
	border: 1px solid rgb(222, 222, 222);
}

.newPageTheme .smallselect {
	width: 130px;
	-webkit-appearance: none;
	background-image: url(../images/dropdown-arrow.png);
	background-repeat: no-repeat;
	background-position: right;
	border-radius: 0px;
	background-color: #fff;
}

.newPageTheme .dvbasicproducts {
	height: 400px;
	overflow-y: auto;
}

.alignoperationtype tr:nth-child(4) {
	position: absolute;
	margin-left: 13px;	
}

.alignoperationtype tr:nth-child(5) {
	position: absolute;
	margin-left: 13px;
	margin-top: 20px;
}

.alignoperationtype tr:nth-child(6) {
	position: absolute;
	margin-left: 13px;
	margin-top: 40px;
}

.frm518 .fieldscof {
	height: 35px;
	font-weight: bold;
	width: 151px;
	cursor: pointer;
	color: #1cc09f;
	font-size: 14px;
}

.frm518 .settingcof {
	height: 35px;
	font-weight: bold;
	width: 151px;
	cursor: pointer;
	color: #1cc09f;
	font-size: 14px;
}

.fieldconfigurationstyle {
	background-color: rgba(0, 0, 0, 0.4) !important;
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	z-index: 100;
}

.dvfieldconfig {
	position: fixed;
	top: 100px;
	bottom: 77%;
	right: -52%;
	width: 50%;
	background-color: white;
	z-index: 101;
	box-shadow: 0px 0px 5px 2px #a39b9b;
	overflow-x: hidden;
	overflow-y: auto;
	border-left: 0px solid rgb(222, 222, 222);
	border-left: 0px solid rgb(222, 222, 222);
	display: block;
}

/*Free Upgrade*/

td.column45 {
	width: 20%;
	padding-bottom: 0px;
	border-bottom: 1px solid rgb(222, 222, 222);
	height: 25px;
}

th.column20 { width: 20%; }

th.column15 { width: 15%; }

.column20 { width: 20% !important; }

.column15 { width: 17.5% !important; }

.column10 { width: 4.6% !important; }

.selcolumn { width: 100% !important; }

.freupgduration {
	height: 28px;
	text-indent: 8px;
	width: 100% !important;
	border-radius: 0px;
	background-color: #fff;
	border: 1px solid #C0C0C0;
	font-weight: normal;
	font-size: 13px;
	color: black;
}

.frm518 .freupggridvscrol2 {
	width: 1.7%;
	padding: 0px !important;
}

.frm518 .freupgdurationtype { width: 13.5% !important; }

.frm518 .tdfreupgduration { width: 5.6% !important; }

.frm10019 .refhdrsec {
	border-bottom: 1px solid #d2d2d2;
	height: 60px;
}

.frm10019 .addnwprogram { padding: 0px 10px 0px 0px; }

.frm10019 .addImage {
	height: 22px;
	padding-right: 8px;
	padding-left: 15px !important;
	padding-top: 13px !important;
}

.frm10019 .subsctndtl {
	float: left;
	width: 70%;
	border-radius: 5px;
	padding: 10px 0px 4px 15px;
}

.frm10019 .anlink {
	font-size: 14px;
	padding-right: 5px;
	padding-top: 13px;
	text-decoration: none;
}

.frm10019 .addLink {
	float: right;
	display: flex;
	margin-right: 25px;
}

/*End PromotionDetails*/

.approvedstatus {
	background-color: #1ab394;
	color: #FFFFFF;
	font-weight: 600;
	padding: 3px 8px;
	text-shadow: none;
	border-radius: 0.25em;
}

.pendingstatus {
	background-color: #f8ac59;
	color: #FFFFFF;
	font-weight: 600;
	padding: 3px 8px;
	text-shadow: none;
	border-radius: 0.25em;
}

.cancelledstatus {
	background-color: #ed5565;
	color: #FFFFFF;
	font-weight: 600;
	padding: 3px 8px;
	text-shadow: none;
	border-radius: 0.25em;
}

.publishedstatus {
    background-color: #3dbae1;
    color: #FFFFFF;
    font-weight: 600;
    padding: 3px 8px;
    text-shadow: none;
    border-radius: 0.25em;
}
/*new service order screen*/

.newsubhead {
	font-size: 20px !important;
	background-color: white !important;
	border-top: 0px !important;
	border-bottom: 0px !important;
}

.newgrid {
/*	width: 50% !important;*/
	border: 1px solid #eaeaea !important;
	padding-top: 0px !important;
	border: 1px solid white;
	border-radius: 10px;
	background-color: white;
	height: auto !important;
 margin-top: -24.6%;
	margin-bottom: 10px;
}

.newplangrid {
	width: 50% !important;
	border: 1px solid white;
	border-radius: 10px;
	background-color: white;
	height: 705px !important;
	margin-left: 0px;
	margin-top: -15px;
	margin-bottom: 10px;
}

.newdropdown {
	margin-top: 25px;
	margin-left: -6px;
}

/*.newsvcplangrid {
 width: 100%;
 background-color: white;
 margin-left: 0px;
 margin-right: -45px;
 border-radius: 17px;
}*/

.fwkclass1 {
	margin-top: 40px;
	border: 1px solid #e9e9e9;
	margin-left: 15px;
	margin-right: 15px;
	margin-bottom: 50px;
}

#tblsrchplans1 {
	background-color: #ffffff;
	/*width: 100%;*/
	margin-top: -22px;
	/*height: 29px;*/
}

.newsvclist { height: 478px !important; }

.newcntrtlbl {
	border: none !important;
	margin-left: 19px;
/*	height: 10px !important;*/
	margin-top: 1px;
}

.imgfiltersactive {
border-bottom: 2px solid white !important;
    border-top: 3px solid #b63436 !important;
    margin: 1.4rem 0 0 !important;
    width: 12px !important;
    margin-left: 0px !important;
    padding: 5px !important;
    border-left: 1px solid #e9e9e9 !important;
    border-right: 1px solid #e9e9e9 !important;
    margin-bottom:-13px !important;
height:11px !important;
}

.imgfilter {
	width: 14px;
	margin-left: 0px;
	margin-top: 10px !important;
}

.display { display: none !important; }



.effimg { margin-left: 6px; }

.total {
	text-align: right;
	padding-right: 5px;
	width: 80%;
	font-size: 11px;
}

.searchicon {
	height: 15px;
	width: 15px;
	background-color: white;
	padding: 5px;
	margin-top: -9px;
}

.searchtext { background-color: #ffffff !important; }

.validity {
	border: none !important;
	margin-left: -138px !important;
}

.validity:hover { background-color: #e9e9e9 !important; }

.billdesc { margin-left: -145px; }

.billdesc1 { margin-left: -112px; }

.newcartgrid {
	margin-top: 154px !important;
	/*margin-bottom: 15px !important;*/
}

.newcartgrid2 {
	margin-top: 90px !important;
	/*margin-bottom: 15px !important;*/
}
.newcartgrid3 { /**/
	margin-top: 150px !important;
	/*position: sticky;*/
	position: relative !important;
}
.plansgrid {
	margin-top: -28px;
	border: 1px solid #e9e9e9;
	margin-left: 15px;
	margin-right: 15px;
	margin-bottom: 108px !important;
}

.imgfilterplansgrid {
	margin-top: -10px;
	border: 2px solid #e9e9e9;
	margin-left: 15px;
	margin-right: 15px;
	margin-bottom: 108px !important;
}

.customfilterplansgrid {
	margin-top: 7px;
	border: 2px solid #e9e9e9;
	margin-left: 15px;
	margin-right: 15px;
	margin-bottom: 108px !important;
}

.imgfilterplansgrid1 {
	margin-top: 36px;
	border: 2px solid #e9e9e9;
	margin-left: 15px;
	margin-right: 15px;
	margin-bottom: 108px !important;
}

.newcartgrid1 {
	margin-top: 102px !important;
	/*margin-bottom: 16px;*/
}


.contract {
	display: flex;
	margin-left: -19px;
}

.imgbtnrevert { width: 15px !important; }

.issueentity { width: 42% !important; }

.cntnbr { text-align: left; }

.lblnoofrooms {
	font-weight: normal;
	font-size: 12px;
	color: black;
	text-align: left;
	position: relative;
	padding: 3px 0px;
	font-family: Segoe UI, Times New Roman;
}

.txtnoofrooms { width: 114% !important; }

.cntcheck {
	display: flex;
	margin-top: 12px;
	margin-bottom: -44px;
	border-bottom: 1px solid #e9e9e9;
	padding-bottom: 11px;
	margin-left: 10px;
	margin-right: 10px;
}

.lblcheck {
	display: flex;
	width: 44%;
	font-family: Segoe UI, Times New Roman;
	margin-left: 448px;
}

.newheading {
	width: 25% !important;
	font-family: Segoe UI, Times New Roman;
font-weight: normal !important;
margin-left: 10px;
}

#tdsearchtype {
	padding-right: 20px;
	float: right;
}

.planfilterdrpdwn {
	display: flex;
	margin-top: 13px;
	margin-bottom: -33px;
}

.filterlbl {
	margin-right: 9px;
	margin-left: 10px;
}

.newplandtlsclass {
	margin-left: 8px;
	width: 97%;
}

.cartcontractno {
	width: auto;
	font-size: 10px !important;
	border: none !important;
	color: black !important;
	margin-left: 25px;
	font-family: Segoe UI, Times New Roman;
        margin-top:4px;
}

.lblsubscn {
	width: auto !important;
	font-size: 10px !important;
	color: black !important;
	font-family: Segoe UI, Times New Roman;
}

.pricetotal {
	background-color: #e9e9e9 !important;
	margin-left: 8px !important;
	margin-right: 8px !important;
	padding-right: -20px !important;
	padding-left: 85px !important;
	border-bottom: 1px solid #DEDEDE !important;
	font-size: 11px;
	/*margin-top: 15px;*/
}

.newtotalprice {
	margin-bottom: 13px !important;
	margin-left: 8px !important;
	margin-right: 8px !important;
	padding-left: 414px !important;
	display: flex !important;
	font-family: Segoe UI, Times New Roman;
	font-weight: bold;
}

.newtotalprice1 {
	margin-bottom: 40px !important;
	margin-left: 8px !important;
	margin-right: 8px !important;
	padding-left: 414px !important;
	display: flex !important;
	font-family: Segoe UI, Times New Roman;
	background-color: #e9e9e9;
	font-weight: bold;
}

.newtotalprice2 {
	margin-bottom: 0px !important;
	margin-left: 8px !important;
	margin-right: 8px !important;
	padding-left: 414px !important;
	display: flex !important;
	font-family: Segoe UI, Times New Roman;
	background-color: #e9e9e9;
	font-weight: bold;
}

.newchktotalprice {
	margin-bottom: 63px !important;
	margin-left: 8px !important;
	margin-right: 8px !important;
	padding-left: 414px !important;
	display: flex !important;
	font-family: Segoe UI, Times New Roman;
	background-color: #e9e9e9;
	font-weight: bold;
}

.newchktotalprice1 {
	margin-bottom: 0px !important;
	margin-left: 8px !important;
	margin-right: 8px !important;
	padding-left: 414px !important;
	display: flex !important;
	font-family: Segoe UI, Times New Roman;
	background-color: #e9e9e9;
	font-weight: bold;
}

.newtotal {
	padding-left: 21px;
	font-size: 12px;
}

.totalplan {
	margin-left: 0px !important;
	font-size: 12px !important;
	margin-right: -56px !important;
       float:right;
}

.newsvccurrency:before { content: "("; }

.newsvccurrency:after { content: ")"; }

.newsvccurrency {
	width: 10% !important;
	font-size: 12px;
	font-family: Segoe UI, Times New Roman;
	font-weight: normal;
	color: #3F3F3F;
}

.newsvccartcurrency:before { content: "("; }

.newsvccartcurrency:after { content: ")"; }

.newsvccartcurrency {
	color: black;
	font-weight: bold;
padding-left: 3px;
}

.newsvcprice {
	width: 10% !important;
	font-size: 12px;
	font-family: Segoe UI, Times New Roman;
	font-weight: normal;
	color: #3F3F3F;
padding-left: 20px;
}

.newselect {
	width: 5% !important;
	font-size: 12px;
	font-family: Segoe UI, Times New Roman;
	font-weight: normal;
	color: #3F3F3F;
padding-right: 20px;
}

.newchkbox { margin-right: 5px; }

.newcontract { width: 7% !important; }

.cntdropdown {
	width: 113px !important;
	border-right: none;
	border-left: none;
	border-top: none;
}

.frm616 .cntdropdown .select {
	width: 113px !important;
	border-right: none !important;
	border-left: none !important;
	border-top: none !important;
}

.newgridhead {
	background-color: #e9e9e9;
	display: flex;
	padding: 10px;
	color: black;
}

.prdname {
	padding-right: 131px;
	font-weight: bold;
	color: black;
	font-family: Segoe UI, Times New Roman;
}

.cntterm {
	padding-right: 230px;
	color: black;
	font-weight: bold;
	font-family: Segoe UI;
}

.gridprice {
	font-weight: bold;
	color: black;
	font-family: Segoe UI, Times New Roman;
margin-left:-7px;
}
.gridoutlet{
color:black;
font-weight:bold;
font-family: Segoe UI, Times New Roman;
}

.newsvcbtns {
	border-top: 1px solid #e9e9e9;
	background-color: #e9e9e9;
	text-align: right;
	padding-right: 13px;
}

.newsvcpoplbl {
	padding: 5px;
	font-family: Calibri;
	padding-left: 43px;
	padding-top: 6px;
}

.newsvccpn {
	display: inline;
	border: 1px solid #e9e9e9;
	background-color: #e9e9e9;

	padding: 8px;
	font-weight: bold;
}

.cpnfilter {
	width: 14px;
	margin-left: 100px;
}

.newcpn {
	border: 0px solid #e9e9e9;
	display: block;
	width: 33%;
	margin-left: 10px;
	margin-top: 15px;
	margin-bottom: 15px;
}

.cpntxtbox {
	margin-top: 9px;
	margin-left: 0px;
}

.cpntxtwidth {
	/*width: 180% !important;*/
	width: 204px !important;
	font-size: 12px !important;
}

.width20 { width: 20px !important; }

.cpnremove {
	/*width: 16px;
margin-left: 100px;
padding-top: 20px;*/
	width: 16px;
	margin-left: 8px;
	margin-top: 22px;
}

.cpndownimg {
	width: 16px;
	/*margin-left: 65px;*/
	padding-top: 4px;
}

.cpncurrency {
	color: green;
	margin-top: 60px;
	margin-left: -21px;
}

.width20p { width: 20px; }

.cpnmsg {
	margin-left: -1px;
	color: green;
}

.cpnerrmsg {
	color: red;
	margin-top: 20px;
	margin-left: 13px;
}

.width70 { width: 70px !important; }

.ml160 { margin-left: 160px !important; }

.frm616 #divplans .newdivplans {
	width: 65%;
	float: left;
	height: 640px;
}

.frm616 #divplans .newaddalcrteplans { height: 410px !important; }

.btncpn {
	background-image: none;
	background-color: #e9e9e9;
	border: none;
	color: #000000;
	font-size: 12px;
	font-weight: normal;
	padding: 6px 13px;
	text-decoration: none;
	border-radius: 4px;
	width: 168px;
}

.newsvcsection {
	border-bottom: none !important;
	margin-top: 0px;

}
.pageloadsec {
margin-bottom: 0px;
width: 10%;
border-bottom: none !important;
margin-top: -29px;
}
.pageloadhead{
margin-top: -32px;
}

.newsvcactivetab {
    border-bottom: 2px solid #727070 !important;
    border-width: thick;
    color: #c7436c !important;
    font-weight: bold !important;
    margin-top: 2px;
}

.newsvctab {
	color: #3F3F3F !important;
	font-weight: normal !important;
}

.newsvcsrch { border-bottom: none !important; }

.lstsvcamount {
    text-align: right !important;
    padding-right: 40px !important;
}
.lstsvcselect {
    padding-right: 18px !important;
}
.connbtn{
    margin-bottom: 15px;
    margin-top: -23px;
}
/*.newPageTheme .grid .lstsvcamount {
    padding: 0px 33px 0px 0px !important;
}*/
.connerrmsg{
color:red;
margin-top: 20px;
margin-left: 37%;
}
.cattabfilter{
margin-bottom: 0px!important;
margin-top:0px!important;
background: none!important;
}
.cattabnonfilter{
margin-top:10px!important;
background: none!important;
}
.expandimg{
width:12px;
margin-top: 294px;
height:79px;
}
.compressdiv{
width:39% !important;
}
/*.expandcart{
width:60.5% !important;
}*/
.cartordertype:before
{
    content:'(';
    
}
.cartordertype:after{
content:')';
}
.cartordertype {
 width: auto;
 font-size: 10px !important;
 border: none !important;
 color: black !important;
 margin-left: 4px;
 font-family: Segoe UI, Times New Roman;
}

.outlettxtwidth{
/*width: 180% !important;*/
width: 67% !important;
font-size:12px!important;
 }
.billandprice{
display:flex;
margin-left: -157px;
}
/*new service order screen*/

.gdprdate {
	position: relative;
	top: 15px;
}

.clearfixplandetails { border-bottom: 2px solid #DEDEDE; }

/* new mvc search control*/

.catbtnvd { float: left; }

.serctrlbtn {
	background-color: #eaeaea;
	width: fit-content;
	height: 32px;
	text-align: revert;
	padding-left: 10px !important;
	padding-right: 10px !important;
	display: inline-block;
	cursor: pointer;
	border: 1px solid #d2d2d2;
}

.serctrlbtnact {
	background-color: #c8bcbc;
	width: fit-content;
	height: 32px;
	text-align: center;
	padding-left: 10px !important;
	padding-right: 10px !important;
	display: inline-block;
	cursor: pointer;
	color: black;
	border: 1px solid #c8bcbc;
}

.newserotheritem {
	-webkit-appearance: none;
	background-image: url("../Images/dropdown-arrowbeforeselect.png");
	background-repeat: no-repeat;
	background-position: right;
	width: 130px;
	height: 32px;
	border-radius: 0px;
	background-color: #eaeaea;
	padding: 2px 3px;
	border: 1px solid #C0C0C0;
	font-weight: normal;
	font-size: 13px;
	color: black;
	margin: 0px;
	font-family: Segoe UI, Times New Roman;
	font-style: normal;
}

.selecteddropdownimage {
	background-image: url("../Images/dropdown-arrowafterselect.png");
	background-color: #c8bcbc;
	/*color:#fff;*/
}

.sertxtctrl {
	padding: 6.4px;
	width: 306px;
	font-size: small;
	border: 1px solid #d2d2d2;
	background-color: #f5f8fa;
}

.newsection {
	background-color: white;
	width: 98.7%;
	height: auto;
	padding: 8px;
	margin-top: 5px;
	margin-bottom: 5px;
}

.srchimgctrl {
	background-color: #c8bcbc;
	height: 32px;
	width: 28px;
	cursor: pointer;
	display: none;
	position: absolute;
}

.srchimgdisp { display: inline-flex !important; }

.srchimgcls {
	border-width: 0px;
	border-width: 0px;
	height: 24px;
	width: 20px;
	position: relative;
	float: right;
	left: 14%;
	top: 12%;
}

.initialdv {
	background-color: #c8bcbc;
	border-radius: 24px;
	width: 50px;
	height: 48px;
	color: #37474f;
	font-size: 25px;
	text-align: center;
	padding: 1px;
	font-weight: bold;
	margin-left: 22%;
}

.spninitial {
	font-size: inherit;
	position: relative;
	top: 10%;
	left: 2%;
}

.sercol00 {
	width: 7%;
	padding-top: 3px;
	padding-bottom: 3px;
}

.sercol10 {
	width: 7%;
	padding-top: 3px;
	padding-bottom: 3px;
}

.dvcol { display: flex; }

.sercol01 {
	vertical-align: revert;
	width: 13%;
}

.lbltext { color: #aba4a4; }

.sercol11 {
	vertical-align: revert;
	width: 13%;
}

.showtoggleborder {
	border-top: 1px solid #d2d2d2;
	padding-bottom: 5px;
}

.divsearchresult { padding: 2px 5px; }

.searchcontrolresult td {
	vertical-align: inherit;
	padding-left: 1px;
}

.advsearchlabel {
	position: absolute;
	right: 48px;
	width: max-content;
	top: 113px;
	color: blue;
	cursor: pointer;
}

.dvtopadvsearch {
	display: flex;
	position: absolute;
	right: 40px;
	width: max-content;
	top: 107px;
}

.dvlbladvsearch {
	background-color: #f5f8fa;
	height: 30px;
	width: 71px;
	cursor: pointer;
	border: 1px solid #C0C0C0;
	border-right: 0px;
}

.lbladvsearch {
	position: absolute;
	right: 24px;
	width: max-content;
	top: 6px;
	color: black;
	cursor: pointer;
}

.dvadvsearchimg {
	background-color: #f5f8fa;
	height: 30px;
	width: 6px;
	cursor: pointer;
	border: 1px solid #C0C0C0;
	border-left: 0px;
}

.imgadvsearch {
	border-width: 0px;
	border-width: 0px;
	height: 18px;
	width: 18px;
	position: relative;
	float: right;
	left: -23%;
	top: 16%;
}

.moreinfoarrowimg {
	Display: block;
	height: 0px;
	display: block;
	position: absolute;
	top: 193px;
	left: 95%;
}

.moreinfoarrowimg input {
	height: 15px;
	width: 15px;
}

.serctrlimg { display: none; }

.displayflexdv { display: inline-flex; }

@media only screen and (max-width:940px) and (max-device-width:940px) {
    .serctrlbtnact {
        display: none !important;
    }

	.serctrlbtn { display: none !important; }

	.newserotheritem { display: none !important; }

	.advsearchlabel { display: none !important; }

	.sertxtctrl {
		width: 128px !important;
		height: 14px !important;
		background-color: white;
		border: none;
	}

	.newsection { width: 80%; }

	.serctrlimg {
		display: block;
		height: 26px;
		padding-left: 5px;
		padding-right: 5px;
	}

	.displayflexdv { display: contents !important; }

	.srchimgctrl {
		height: 27px !important;
		background-color: white;
	}

	.srchimgcls { height: 20px; }

	.newsectionmob {
		border: 1px solid #bfbfbf !important;
		border-radius: 32px;
		padding-top: 2px !important;
		padding-bottom: 2px !important;
	}

	.bordersrchimg {
		border-left: 1px solid #bfbfbf;
		border-right: 1px solid #bfbfbf;
	}

	.sercol01 { width: 100%; }

	.moreinfoarrowimg { display: none; }

	.sercol00 { display: none !important; }

	.wallethide { display: none; }

	.srchimgdisp { width: 13px !important; }
}

@media only screen and (max-width:940px) and (max-device-width:940px) {
    #sctrlresultdisplaytblnew, #sctrlresultdisplaytblnew td, #sctrlresultdisplaytblnew tr, #sctrlresultdisplaytblnew th {
        display: block;
        text-align: left;
    }

	sctrlresultdisplaytblnew th, sctrlresultdisplaytblnew td {
		margin: 0;
		padding-left: 25px;
	}

	sctrlresultdisplaytblnew td {
		margin-left: 40px;
		list-style: square;
		display: list-item;
		padding-left: 0;
	}

	sctrlresultdisplaytblnew thead { display: none; }
}

/* new mvc search control*/

.imageNotify { height: 29px !important; }

.notifications {
	display: inline-block;
	vertical-align: middle;
	padding-right: 25px;
	cursor: pointer;
}

.displaymob { display: none; }

@media only screen and (max-width:940px) and (max-device-width:940px) {
    .displaynonemob {
        display: none !important;
    }

    .displaynonehwmob {
        display: none !important;
    }

	.displaymob { display: block; }

	.displaymobwidth {
		width: 95%;
		padding-top: 8px;
		padding-left: 8px;
		padding-right: 8px;
		padding-bottom: 0px;
		margin-left: 0px;
	}

	.displaymobtextcolor {
		width: 100% !important;
		height: 62% !important;
		background-color: #f5f8fa;
		border: 1px solid #d2d2d2;
	}

	.mobstyle {
		background-color: #c8bcbc;
		height: 40px !important;
		width: 40px !important;
		cursor: pointer;
	}

	.mobsrchtxtwidth { /*width: 60%;*/ }

	.divsearchresultmob {
		padding: 0px 5px;
		display: inline-block;
		width: 90%;
	}

	.sercolmob {
		vertical-align: revert;
		width: 50%;
		padding: 6px;
	}
      
        .mobilecartgrid {
            padding-top: 40px;
        }

	.displaymobpadding { padding-bottom: 15px; }

	.mobwidthtxt { width: 100%; }

	.newPageTheme .section {
		background: #fff;
		border-radius: 10px;
		margin-top: 5px;
		padding-bottom: 10px;
		padding-top: 10px;
		margin-left: 0px;
	}
}

@media only screen and (max-width:940px) and (max-device-width:940px) {
    .newtblwidth, .newtblwidth td, .newtblwidth tr, .newtblwidth th {
        display: block;
        text-align: left;
    }

        .newtblwidth th, .newtblwidth td {
            margin: 0;
            padding-left: 25px;
        }

        .newtblwidth td {
            margin-left: 6px;
            list-style: square;
            padding-left: 0;
            margin-bottom: 5px;
        }

        .newtblwidth thead {
            display: none;
        }
}

@media (min-width: 768px) and (max-width: 1024px) {
	.displaymob { display: block; }

	.serctrlbtnact { display: none !important; }

	.displaynonemob { display: block; }

	.serchimgctrl {
		border-width: 0px;
		border-right: 1px solid #c8bcbc !important;
		height: 32px;
		width: 32px;
		position: relative;
		float: right;
		/*top: 13%;*/
	}

	.newserother {
		-webkit-appearance: none;
		background-image: url(../images/dropdown-arrownew.png);
		background-repeat: no-repeat;
		background-position: right;
		width: 130px;
		height: 32px;
		border-radius: 0px;
		background-color: #f5f8fa;
		padding: 2px 3px;
		border: 1px solid #C0C0C0;
		font-weight: normal;
		font-size: 13px;
		color: black;
		margin: 0px;
		font-family: Segoe UI, Times New Roman;
		font-style: normal;
	}

	.sertxtctrl {
		padding: 6.4px;
		width: 77%;
		font-size: small;
		border: 1px solid #d2d2d2;
		background-color: #f5f8fa;
	}

	.initialdv {
		background-color:
						#c8bcbc;
		border-radius: 24px;
		width: 50px;
		height: 48px;
		color:
			 #37474f;
		font-size: 25px;
		text-align: center;
		padding: 1px;
		font-weight: bold;
		margin-left: 0%;
	}
}

@media (min-width: 768px) and (max-width: 1024px) {
	.pagedocument { margin: 0px; }
    .btnprevlink {
        background-image: none;
        background-color: #c7436c;
        color: #fff;
        font-size: 14px;
        font-weight: bold;
        padding: 6px 13px;
        text-decoration: none;
        border-radius: 0px;
        min-width: 96px;
        text-align: center;
        width: 35%;
        margin-right: 10px;
        margin: 0px;
        font-family: Segoe UI, Times New Roman;
        -webkit-appearance: push-button;
        user-select: none;
        white-space: pre;
        align-items: flex-start;
        text-align: center;
        /*box-sizing: border-box;*/
        letter-spacing: normal;
        word-spacing: normal;
        text-transform: none;
        text-indent: 0px;
        text-shadow: none;
        display: inline-block;
        -webkit-writing-mode: horizontal-tb !important;
        text-rendering: auto;
        border: 1px solid #c0c0c0;
    }
	/*.newPageTheme .section {
		background: 
				  #fff;
		border-radius: 10px;
		margin-top: 5px;
		padding-bottom: 10px;
		padding-top: 10px;
		width: 78%;
	}*/
	/*.MasterDialog .dialogmaincontent { width: 78% !important; }*/
}

@media only screen and (max-width:940px) and (max-device-width:940px) {
    .newPageTheme .griditemmob, .newPageTheme .altgriditemmob {
        height: 55px;
        border-bottom: 0px solid #DEDEDE;
        text-align: left;
        vertical-align: middle;
    }

    .gridcntcol1mob {
        text-align: left;
        padding-left: 2%;
    }

    .custnomob {
        padding-left: 16%;
        //color: blue;
    }

    .radiocontractmob {
        /*display: inline;*/
        margin-right: 2%;
    }

    .newplangrid {
        width: 99% !important;
        border: 1px solid white;
        border-top-color: white;
        border-top-style: solid;
        border-top-width: 1px;
        border-radius: 10px;
        background-color: white;
        height: auto !important;
        margin-left: -4px;
        margin-top: -15px;
        margin-bottom: 10px;
    }

    .fwkclass1 {
        margin-top: -5px;
        border: 1px solid #e9e9e9;
        margin-left: 0px;
        margin-right: 0px;
        margin-bottom: 50px;
    }

    .imgfilter {
        width: 14px;
        margin-left: 20px;
        margin-top: 10px !important;
    }

    .frm616 #divplans {
        width: 65%;
        float: none;
        height: 375px;
    }

    .newselect {
        width: 8% !important;
        font-size: 12px;
        font-family: Segoe UI;
        font-weight: normal;
        color: #3F3F3F;
        padding-right: 0px;
    }

    .newsvcprice {
        width: 13% !important;
        font-size: 12px;
        font-family: Segoe UI;
        font-weight: normal;
        color: #3F3F3F;
    }

    .newsearchplan {
        width: 23% !important;
    }

    .inputtextsrch {
        width: 123px !important;
        height: 28px;
        text-indent: 8px;
        border-radius: 0px;
        font-weight: normal;
        font-size: 13px;
        color: black;
    }

    .newPageTheme .PrntTbBrdr {
        border-right: 0px solid rgb(222, 222, 222);
        background: #fff;
        border-radius: 10px;
        margin-bottom: 0px;
        padding-top: 8px;
        padding-bottom: 5px;
    }

    div .floatleftmob {
        width: 21%;
    }

    .createnewwidthmob {
        width: 79% !important;
    }

    .newcntrtlbl {
        border: none !important;
        margin-left: 0px;
        height: 11px !important;
        margin-top: 1px;
    }

    .newPageTheme .frm616 .sectionspaceclass {
        padding-top: 0px;
    }

    .imgfilterplansgrid {
        margin-top: -4px;
        border: 1px solid #e9e9e9;
        margin-left: -1px;
        margin-right: 15px;
        margin-bottom: 0px !important;
        width: 100%;
    }

    .plansgrid {
        margin-top: -4px;
        border: 1px solid #e9e9e9;
        margin-left: -1px;
        margin-right: 15px;
        margin-bottom: 0px !important;
        width: 100%;
    }

    .frm10026 .plansgrid {
        margin-top: -4px;
        border: 0px solid #e9e9e9;
        margin-left: 0px;
        margin-right: 15px;
        margin-bottom: 0px !important;
        width: 100%;
    }

    .newPageTheme div.gridfields {
        width: 94%;
        margin: 0px auto;
        border-left: 1px solid rgb(222, 222, 222);
        border-bottom: 1px solid rgb(222, 222, 222);
        border-right: 1px solid rgb(222, 222, 222);
        border-top: 1px solid rgb(222, 222, 222);
    }

    .newPageTheme .frm616 .sectionheader {
        margin-left: -5px;
        margin-right: -11px;
    }

    /*.plangridcolnew {
		padding-top: 6px;
		width: 100%;
	}*/

    /*.gridcolnew {
		width: 31%;
		word-wrap: break-word;
		text-align: Left;
		border-bottom: 0px solid 
					   #5F5F5F !important;
		font-size: 11px;
		border-bottom: 0px solid rgb(222, 222, 222);
	}*/

    .displayinonecol, .displayinonecol td, .displayinonecol tr, .displayinonecol th {
        display: block;
        text-align: left;
        margin-top: -14px;
    }

        .displayinonecol th, .displayinonecol td {
            margin: 0;
            padding-left: 25px;
            margin-top: 50px;
        }

        .displayinonecol td {
            /*margin-left: 6px;*/
            list-style: square;
            padding-left: 0;
            margin-bottom: 5px;
        }

    .subhead {
        height: auto !important;
        vertical-align: middle;
        text-align: left;
    }

    .newcartgrid2 {
        margin-top: 0px !important;
        margin-bottom: 15px !important;
    }

    .txtnoofrooms {
        width: 96% !important;
    }

    .pricetotal {
        background-color: #fff !important;
        margin-left: 0px !important;
        margin-right: 0px !important;
        padding-right: 3px !important;
        padding-left: 5px !important;
        border-bottom: 0px solid #DEDEDE !important;
        font-size: 14px;
        margin-top: 0px;
    }

    .newgrid {
        width: 97% !important;
        border: 1px solid #eaeaea !important;
        padding-top: 0px !important;
        margin-left: 7px !important;
        border: 1px solid white;
        border-radius: 0px;
        background-color: white;
        height: auto !important;
        margin-top: -15px;
        margin-bottom: 10px;
    }

    .frm10026 .newgrid {
        width: 100% !important;
        border: 0px solid #eaeaea !important;
        padding-top: 0px !important;
        margin-left: 0px !important;
        border: 1px solid white;
        border-radius: 0px;
        background-color: white;
        height: auto !important;
        margin-top: -15px;
        margin-bottom: 10px;
    }

    .newchktotalprice1 {
        margin-bottom: 0px !important;
        margin-left: 0px !important;
        margin-right: 0px !important;
        padding-left: 5px !important;
        display: flex !important;
        font-family: Segoe UI, Times New Roman;
        background-color: #fff;
        font-weight: bold;
    }

    .prdname {
        padding-right: 100px;
        width: 100px;
        font-weight: bold;
        color: black;
        font-family: Segoe UI, Times New Roman;
    }

    .cntterm {
        padding-right: 7%;
        color: black;
        font-weight: bold;
        font-family: Segoe UI;
    }

    .newplandtlsclass {
        margin-left: 0px;
        width: 97%;
    }

    .newcartgrid {
        margin-top: 0px !important;
        margin-bottom: 15px !important;
    }

    .newtotalprice {
        margin-bottom: 13px !important;
        margin-left: 8px !important;
        margin-right: 8px !important;
        padding-left: 0px !important;
        display: flex !important;
        font-family: Segoe UI, Times New Roman;
        font-weight: bold;
    }


    .noOfRooms {
        text-align: left;
        margin-top: 53px;
        margin-left: -33%;
    }

    .optionaltext1, .optionaltext2, .optionaltext3, .labelText, .labelText1, .labelText3, .labelText2, .requiredField, .requiredField2, .requiredField3, .requiredField4, .requiredField5, .requiredField6, .FlexRequiredField2, .requiredField7, .requiredtext1, .requiredtext2, .requiredtext3, .flexoptionaltext1, .flexoptionaltext2, .flexoptionaltext3, .flexrequiredtext1, .flexrequiredtext2, .flexrequiredtext3 {
        width: 90%;
        font-weight: normal;
        font-size: 14px;
        color: black;
        text-align: left;
        position: relative;
        padding: 3px 0px;
        padding-top: 3px;
        padding-bottom: 3px;
    }

    .newPageTheme .frm616 #ctl00_uxPgCPH_divshoppingcart {
        height: 361px;
        /*padding-top: 68px;*/
        padding-top: 0px;
        width: auto;
        height: auto;
        float: none;
    }

    /*.newPageTheme td.column31 input.text, .newPageTheme td.column31 input.inputtext, .newPageTheme td.column31 INPUT.price, .newPageTheme td.column31 input.logininputtext, .newPageTheme td.column31 textarea, .newPageTheme td.column31 TEXTAREA.text, .newPageTheme td.column31 .textarea, .newPageTheme td.column31 .searchctrltext, .newPageTheme td.column31 .searchctrlselect, .newPageTheme td.column31 .select, .newPageTheme td.column31 SELECT.text, .newPageTheme td.column31 .textarea, .newPageTheme td.column31 .hyperlink {
		width: 193px;
	}*/

    .marginbottomradiodv {
        /*border-bottom: 2px solid #eaeaea;*/
        margin-bottom: 8px !important;
        margin-top: 0px;
        /*width: 109% !important;*/
        /*margin-left: -14px !important;*/
    }

    .sectiondetails {
        width: 97%;
        margin-bottom: 0px;
        margin-left: 6px;
    }

    .newPageTheme .frm10026 .plangrid {
        border-left: none;
        border-top: none;
        border-right: none;
    }

    .newPageTheme .frm10026 .productpriceheight {
        height: 253px !important;
    }

    .newPageTheme .frm10026 .shoppingcartclass .productpriceheight {
        height: 280px !important;
    }

    .newPageTheme .frm10026 .subhead {
        background-color: #DADADA;
        margin-left: 0px;
        margin-right: 0px
    }

    .newPageTheme .frm10026 .cartsubhead {
        background-color: #DADADA;
    }

    .newPageTheme .frm10026 .totalprice {
        margin-left: 5px;
        margin-right: 5px;
        height: 30px;
        font-weight: bold;
        background: #eaeaea;
    }

    .newPageTheme .frm10026 .svcordtotallbl {
        float: left;
        width: 97.5%;
        text-align: right;
        background-color: #fff;
        padding-right: 0px !important;
        position:relative;
        top:0px;
        bottom:0px;
        left:126px;
        right:0px;
        
    }

    .newPageTheme .frm10026 .svcordtotalprice {
        background-color: #fff;
        width: 100%;
        margin-right: 5px;
    }

    .newPageTheme .frm10026 .svcordtotalspan {
        float: right;
        margin-right: 46px;
        margin-left: 36%;
    }


    .newPageTheme .frm10026 .addcartclass {
        width: 25px;
        height: 25px;
        padding-right: 35px;
    }

    .newPageTheme .frm10026 #divplans .gridoverflow {
        height: 325px;
    }

    .newPageTheme .frm10026 .sectionheader .sectionhead {
        width: 100%;
    }

    .newPageTheme .frm10026 #ctl00_uxPgCPH_divshoppingcart {
        height: 361px;
        /*padding-top: 68px;*/
        padding-top: 32px;
    }

    .newPageTheme .frm10026 .shoppingcartclass {
        height: 395px !important;
        padding-top: 31px !important;
    }

    .newPageTheme .frm10026 .plangrid {
        border-bottom: 0px;
    }

    /*.newPageTheme .frm10026 .sectionspaceclass { padding-top: 21px; }*/

    /*hidding exisiting search plan text box in new theme*/

    /*.newPageTheme .tblsearchclass {
	display:none;
}*/

    .frm616 .search-packages-wrap {
        display: none
    }

    .margintopshopcart {
        margin-top: 0px !important;
        border-radius: 0px !important;
    }

    .newcpn {
        width: 66.2%;
        border: none;
    }

    .contract {
        display: flex;
        margin-left: 9px;
    }

    .validity {
        border: none !important;
        margin-left: 28px !important;
        text-align: center;
        position: relative;
        top: -5px;
    }

    .validitylbl {
        font-size: xx-small;
        position: relative;
        color: grey;
        background-color: white;
        width: auto;
        border: none;
        font-weight: bold;
    }

    .lblsubscn {
        width: auto !important;
        font-size: 10px !important;
        color: gray !important;
        font-family: Segoe UI, Times New Roman;
    }

    .cartcontractno {
        width: auto;
        font-size: 10px !important;
        border: none !important;
        color: black !important;
        margin-left: 17px;
        font-family: Segoe UI, Times New Roman;
        margin-top: 4px !important;
    }

    .newchktotalprice {
        margin-bottom: 0px !important;
        margin-left: 8px !important;
        margin-right: 8px !important;
        padding-left: 18px !important;
        padding-right: 6px !important;
        display: flex !important;
        font-family: Segoe UI, Times New Roman;
        background-color: #e9e9e9;
        font-weight: bold;
    }

    .lblcheck {
        display: flex;
        width: auto;
        font-family: Segoe UI, Times New Roman;
        margin-left: 0px;
    }

    .mobcolwidth {
        width: 93%;
    }

    .cpntxtwidth {
        width: 206px !important;
        font-size: 12px !important;
    }

    .customfilterplansgrid {
        margin-top: 7px;
        border: 2px solid #e9e9e9;
        margin-left: 15px;
        margin-right: 15px;
        margin-bottom: 10px !important;
    }
}

.newsearchplan {
	width: 48%;
}
.inputtextsrch {
	width: 195px;
	height: 28px;
	text-indent: 8px;
	border-radius: 0px;
	font-weight: normal;
	font-size: 13px;
	color:
		 black;
}
.noOfRooms {
	text-align: left;
	margin-top: -8px;
}

.frm10026 #divplansnew {
	width: 100%;
	float: none;
	height: 375px;
}

.frm10026 .cntdropdown .select {
	width: 91px !important;
	border-right: none !important;
	border-left: none !important;
	border-top: none !important;
}
/*expand css*/
.expanddprdgrid{
width:39% !important;
}
.expandimgfilter{
margin-left: 67px;
}
.expandnewsvcprice {
 width: 17% !important;
}
.expandprice{
padding-left: 593px !important;
}
.expandsvcordtotalprice{
margin-left: 4px;
}
.expandnewcpn{
Width:28.5%!important;
}
.expandprdnamesvc{
width:11% !important;
}
.expandprdname{
width:27% !important;
}
.expandcnttermsvc{
width:12% !important;
}
.expandcntterm{
width:39% !important;
}
.expanddivbillfreq{
margin-right: 10px !important;
margin-left: 11px !important;
}
.expanddivProductdesc{
font-size: 11px;
margin-left: 26px;
}
.expandnonoutlet{
width:20% !important;
}
/*expand css*/

@media only screen and (max-width:940px) and (max-device-width:940px) {

    TEXTAREA.text, .textarea, textarea {
        width: 90%;
    }

    .pagedocument {
        width: 100%;
    }

    .optionaltext1, .optionaltext2, .optionaltext3, .labelText, .labelText1, .labelText3, .labelText2, .requiredField, .requiredField2, .requiredField3, .requiredField4, .requiredField5, .requiredField6, .FlexRequiredField2, .requiredField7, .requiredtext1, .requiredtext2, .requiredtext3, .flexoptionaltext1, .flexoptionaltext2, .flexoptionaltext3, .flexrequiredtext1, .flexrequiredtext2, .flexrequiredtext3 {
        text-align: left;
    }

    div.formbutton {
        width: 100%;
    }

    /*td.flexcolumn {
		padding-left: 25px;
	}

	.newPageTheme td.column1, .newPageTheme td.column2, .newPageTheme td.column11 {
		padding-left: 25px;
	}*/

    /*Customer screen in mobile*/
    #ctl00_uxPgCPH_tdnotes .optionalimg {
        height: 22px;
    }

    div.notesfield {
        height: 22px;
    }

    #ctl00_uxPgCPH_tdaddress {
        width: 100%;
    }

    .addrmobiletab {
        height: 35px;
    }

    .newaddressactivetab {
        border-top: 1px solid rgb(222,222,222) !important;
        border-bottom: 0px solid rgb(222,222,222) !important;
        border-width: thick;
        color: #c7436c !important;
        font-weight: bold !important;
    }

    .mbladdrborder {
        border: 1px solid rgb(222,222,222) !important;
        margin-top: -1px;
    }

    .addressmobilepadding {
        padding-left: 8px;
        padding-right: 10px;
    }

    .hidebilladdr {
        display: none !important;
    }


    /*Customer screen in mobile*/

    /*Messages for mobile*/
    #divmobilemsg {
        z-index: 3;
    }

    #divmobilemsg {
        /*background-color: rgba(0, 0, 0, 0.2);*/
        width: 100%;
        /*height: 100%;*/
        position: absolute;
        z-index: 2;
    }

    .pop-up {
        position: absolute;
        top: -10px;
        left: auto;
        z-index: 100;
        right: 50%;
        transform: translatex(50%);
        background-color: #EAF3CA;
        border: 1px solid #dde8b5;
        min-width: 490px;
        font-family: OpenSansRegular;
        color: #000;
        box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    }

    .error-popup {
        top: 0 !important;
        min-width: 280px;
        background-color: #f9eeed;
        border: 1px solid #f48981;
    }

    .success-popup {
        min-width: 280px;
    }

    .error-popup .success-popup-wrapper {
        display: none;
    }

    .success-popup .success-popup-wrapper {
        display: block;
    }

    .error-popup .error-pop-wrapper {
        display: block;
    }

    .pop-up .popup-header {
        padding: 8px 20px !important;
    }

    .error-popup .popup-header {
        background-color: #f99b9a;
    }

    .pop-up .success-img {
        width: 30px;
        height: 30px;
    }

    .pop-up .pop-close-icon {
        width: 15px;
        height: 15px;
    }

    error-popup .header-error-content {
        min-height: 82px;
        height: auto;
        padding: 20px !important;
    }

    .pop-up .header-content {
        background-color: #FCFFF2;
        padding: 30px 50px;
        text-align: center;
    }

    .success-popup .popup-header {
        background-color: #EAF3CA;
    }

    .pop-up .popup-header {
        padding: 8px 20px !important;
    }


    .pop-up .header-element {
        width: 13%;
        display: inline-block;
        vertical-align: middle;
        font-size: 18px;
    }

    .display-none {
        display: none;
    }

    .left {
        text-align: left;
    }

    .pop-up .header-text {
        width: 72%;
    }

    .center {
        text-align: center;
    }

    .right {
        text-align: right;
    }

    article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section {
        display: block;
    }

    .pop-up .header-text {
        width: 70% !important;
    }

    .error-popup .header-error-content {
        padding: 20px !important;
        text-align: center;
    }

    .error-popup .header-error-content {
        height: auto;
    }

    .pop-up .pop-close-icon {
        width: 15px;
        height: 15px;
        cursor: pointer;
    }

    .lblfielderrormessage:before {
        content: "\0021";
        font-weight: bold;
        margin-right: 5px;
        box-sizing: border-box;
        display: inline-block;
    }

    /*Messages for mobile*/

    /*TOP SCROLL*/
    .scroll-top-button {
        right: 0;
        cursor: pointer;
        background-color: #06060f;
        width: 50px;
        height: 50px;
        border-radius: 50%;
    }

    .scroll-top-button {
        position: fixed;
        right: 20px;
        bottom: 50px;
        z-index: 1000;
        opacity: 0;
        visibility: hidden;
        line-height: 0;
        transition: all 0.3s linear;
        -moz-transition: all 0.3s linear;
        -webkit-transition: all 0.3s linear;
    }

        .scroll-top-button.visible {
            opacity: 0.5;
            visibility: visible;
        }

        .scroll-top-button:after {
            border-style: solid;
            border-width: 0 3px 3px 0;
            content: '';
            display: inline-block;
            padding: 4px;
            transform: rotate(225deg);
            vertical-align: middle;
            float: right;
            color: #fff;
            margin: 20px 20px 0px 0px;
        }


    /*TOP SCROLL*/

    .mblbordertbl {
        border: 0px solid #eaeaea;
    }

    .displaynonemob {
        display: none;
    }

    .newprodactivetab, .selectedprodmobiletab {
        padding: 8px 17px !important;
    }

    .newprodactivetab {
        border-top: 3px solid #ffd700 !important;
        border-bottom: 0px solid rgb(222,222,222) !important;
        border-width: thick;
        color: #3F3F3F !important;
        font-weight: normal !important;
    }

    /*.adjtabbtnmargin {
        margin-top: -20px;
    }*/

    .billdesc1 {
        margin-left: 0px !important;
        margin-right: 67px !important;
    }

    .newPageTheme div.heading {
        left: 0px;
    }

    /*.frm120 .checkbox {
        width: 6%;
    }*/

    .custaddrespadding {
        padding-top: 10px;
    }

    .frm120 #ctl00_uxPgCPH_billingmedia {
        width: 100%;
    }

    .newsvclist {
        height: 250px !important;
    }

    .cntcheck {
        display: flex;
        margin-top: 8px;
        margin-bottom: 0px;
        border-bottom: 1px solid #e9e9e9;
        padding-bottom: 5px;
        margin-left: 0px;
        margin-right: 0px;
    }

    .cpnmsg {
        margin-left: 8px;
        color: green;
    }

    .newtotalprice2 {
        margin-bottom: 0px !important;
        margin-left: 8px !important;
        margin-right: 8px !important;
        padding-left: 0px !important;
        display: flex !important;
        font-family: Segoe UI, Times New Roman;
        background-color: #fff;
        font-weight: bold;
    }


    .newPageTheme SELECT.text, .newPageTheme .select, .newPageTheme .searchctrlselect, .newPageTheme .mailselect {
        width: 96%;
    }

    .dialogmaincontent .optionaltext1, .dialogmaincontent .optionaltext2, .dialogmaincontent .optionaltext3 {
        width: 90%;
        text-align: left;
    }

    .newPageTheme .dialogmaincontent .select, .newPageTheme .dialogmaincontent .searchctrlselect {
        width: 90%;
    }

    .dialogmaincontent .text, .dialogmaincontent .inputtext, .dialogmaincontent .readonlytext, .dialogmaincontent .price, .dialogmaincontent .searchctrltext, .dialogmaincontent .logininputtext {
        width: 90%;
    }

    input.text, INPUT.inputtext, INPUT.readonlytext, INPUT.price, .searchctrltext, input.logininputtext {
        width: 96%;
    }

    .modaldialog_mobile {
        width: 100% !important;
    }

    .contractmodel {
        position: fixed; /* Stay in place */
        z-index: 1; /* Sit on top */
        padding-top: 100px; /* Location of the box */
        left: 0;
        top: 0;
        width: 100%; /* Full width */
        height: 100%; /* Full height */
        overflow: auto; /* Enable scroll if needed */
        background-color: rgb(0,0,0); /* Fallback color */
        background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
    }

    .column1 {
        width: 100% !important;
    }

    .column2 {
        width: 100% !important;
    }

    .mbldisplaynone {
        display: none !important;
    }

    .frm120 .width80 {
        width: 100% !important;
    }

    .mblotpwidth {
        width: 60% !important;
    }

    .frm120 .tblrightborder {
        border-right: none !important;
    }

    .advpopupfiltersearch {
        display: inline-block;
        float: right;
        border: 1px solid rgb(222,222,222);
        padding: 5px;
        background-color: #f5f8fa;
        cursor: pointer;
    }

    .mbldisplay {
        display: block !important;
    }

    .optionaltext1, .optionaltext2, .optionaltext3, .labelText, .labelText1, .labelText3, .labelText2, .requiredField, .requiredField2, .requiredField3, .requiredField4, .requiredField5, .requiredField6, .FlexRequiredField2, .requiredField7, .requiredtext1, .requiredtext2, .requiredtext3, .flexoptionaltext1, .flexoptionaltext2, .flexoptionaltext3, .flexrequiredtext1, .flexrequiredtext2, .flexrequiredtext3 {
        padding-bottom: 0px !important;
    }

    .oldsubelement, .subelement {
        padding-bottom: 0px !important;
        padding-top: 0px !important;
    }

    div.inputcontrol {
        padding-bottom: 3px !important;
    }

    .tabpadding {
        padding-left: 0px !important;
    }

    .tabpadding {
        padding-left: 0px !important;
    }

    .createnewlnk {
        height: 22px;
        margin-left: 76%;
        color: blue;
        font-weight: bold;
    }

    .dvnextlnk {
        display: flex;
        //width: 38%;
        //margin-left: 68%;
    }

    .dvclose {
        background-color: #eaeaea;
        margin-left: 89%;
        margin-right: 3%;
        margin-bottom: -47px;
        position: relative;
        z-index: 1;
    }

    .modifysubs {
        width: 50% !important;
        color: #3F3F3F !important;
        font-family: Segoe UI, Times New Roman;
        font-style: normal;
        font-size: 14px !important;
        font-weight: normal !important;
        top: -1px !important;
    }

    .pageactionspadding {
        padding-right: 10px;
    }

    .gridowndata1, .gridowndata2, .gridowndata3 {
        display: table-row;
        text-align: left;
        margin-top: -14px;
    }

    .gridowndata4, .gridsecsaledata4 {
        display: contents;
        text-align: left;
        margin-top: -14px;
    }

    .displayinonecolhw tr, .displayinonecolhw th {
        display: table-row;
        text-align: left;
        margin-top: -14px;
    }

    .displayinonecolhw table {
        display: table !important;
        text-align: left;
        margin-top: -14px;
    }

    .displayinonecolhw tr {
        display: table-row;
        border-bottom: 1px solid rgb(222, 222, 222) !important;
    }

    .displayinonecolhw th, .displayinonecolhw td {
        margin: 0;
        padding-left: 25px;
        /*margin-top: 50px;*/
    }

    /*.displayinonecolhw td {
        margin-left: 6px;
        list-style: square;
        padding-left: 0;
        margin-bottom: 5px;
    }*/

        .displayinonecolhw td input {
            margin-left: 8px;
        }

    .displayinonecolhw .select {
        width: 250%;
        margin-left: 2%;
    }

    .displayinonecolhw INPUT.inputtext {
        width: 250%;
        margin-left: 2%;
    }

    .bordertopmob {
        border-top: 1px solid rgb(222,222,222);
        margin-top: 80px !important;
    }

    .gridhwheightmob {
       
        overflow-y: hidden !important;
        height: auto !important;
    }

    .lblmarleftmob {
        margin-left: 2%;
    }

    .dvitemtemp {
        margin-left: 4%;
        margin-bottom: 5px;
        width: 60%;
    }

    .dvflexitemtemp {
        display: flex;
        width: 350px;
        margin-top: 5px;
    }

    .dvflexitemtemp1 {
        display: block !important;
        width: 350px;
        margin-top: 5px;
    }

    .dvitemtemplbl {
        width: 50%;
        margin-left: 1%;
    }

    .dvitemtempserlbl {
        width: 40%;
        margin-left: 2%;
    }

    .dvitemtempser {
        margin-left: 6%;
        margin-bottom: 5px;
        width: 42%;
        margin-top: 0%;
    }

    .dvitemtempser1 {
        margin-left: 1% !important;
        margin-bottom: 5px;
        width: 42%;
        margin-top: 5% !important;
    }

    .dvflexitemtempprov {
        display: flex;
        width: 350px;
        margin-top: 5px;
    }

    .displayinonecolhw INPUT.inputtextslno {
        width: 300px !important;
    }

    .displayinonecolhw INPUT.inputtextser {
        width: 300px !important;
    }

    .dvflexitemtempitem {
        display: flex;
        width: 350px;
        margin-top: 5px;
    }

    .dvitemtempprovlbl {
        width: 40%;
        margin-left: 2%;
    }

    .positionimghwmob {
        position: relative;
        top: -35px;
        left: 314px;
    }

    .actionhwbtn {
        right: 0% !important;
        display: flex;
        float: left !important;
        margin-top: 10px;
    }

    .disheadgrid {
        display: grid;
        height: auto !important;
    }

    .displayblockhwmob {
        display: block !important;
    }

    .headingwidthhw {
        width: 100% !important;
        margin-bottom: 10px;
    }

    .hwissuewidth {
        width: 100%
    }

    .selecthwmob {
        width: 96% !important;
        margin-top: 4px !important;
        margin-left: 0px;
    }

    .dvissueentlblmob {
        margin-left: 2%;
        margin-bottom: 5px;
    }

    .dvissueentylblmob {
        margin-left: 2%;
        margin-bottom: 8px;
    }

    .hwmargintopmob {
        margin-top: 3px;
    }

    .displayflexmob {
        display: flex;
        height: 20px;
    }

    .imgfiltersactive {
        border-bottom: 2px solid white !important;
        border-top: 3px solid #b63436 !important;
        margin: 1.4rem 0 0 !important;
        margin-bottom: 0px;
        margin-left: 0px !important;
        width: 12px !important;
        margin-left: 0px !important;
        padding: 5px !important;
        border-left: 1px solid #e9e9e9 !important;
        border-right: 1px solid #e9e9e9 !important;
        margin-bottom: -13px !important;
        height: 11px !important;
    }

    .orddateinptwidmob {
        /*width: 90% !important;*/
    }

    .effdateinptmarleft {
        margin-left: 3px;
    }

    .total {
        text-align: right;
        padding-right: 0px;
        width: 50%;
        font-size: 14px;
        margin-left:10%;
        position: relative;
        top: 0px;
        bottom: 0px;
        left: 45px;
        right: 0px;
        float:left;
    }

    .discounttotal {
        text-align: right;
        padding-right: 0px;
        width: 30%;
        font-size: 14px;
        margin-left: 37%;
    }

    .dvcalcprice {
        width: 36%;
        text-align: right;
    }

    .totalplan {
        margin-left: 65px !important;
        font-size: 14px !important;
        margin-right: 0px !important;
        float: right;
    }

    .expanddivProductdesc {
        font-size: 14px !important;
        margin-left: 26px !important;
    }

    #ctl00_uxPgCPH_tdcustflexattr {
        width: 100%;
    }

    #tblsearchdetails {
        width: 100%;
    }

    #ctlbroadcast td {
        width: 95%;
    }

    #ctlGenre td {
        width: 95%;
    }

    .custelement {
        display: none;
    }

    .newPageTheme td.column31 input.text, .newPageTheme td.column31 input.inputtext, .newPageTheme td.column31 INPUT.price, .newPageTheme td.column31 input.logininputtext, .newPageTheme td.column31 textarea, .newPageTheme td.column31 TEXTAREA.text, .newPageTheme td.column31 .textarea, .newPageTheme td.column31 .searchctrltext, .newPageTheme td.column31 .searchctrlselect, .newPageTheme td.column31 .select, .newPageTheme td.column31 SELECT.text, .newPageTheme td.column31 .textarea, .newPageTheme td.column31 .hyperlink {
        width: 90%;
    }

    .newPageTheme td.column32 input.text, .newPageTheme td.column32 input.inputtext, .newPageTheme td.column32 INPUT.price, .newPageTheme td.column32 input.logininputtext, .newPageTheme td.column32 textarea, .newPageTheme td.column32 TEXTAREA.text, .newPageTheme td.column32 .textarea, .newPageTheme td.column32 .searchctrltext, .newPageTheme td.column32 .searchctrlselect, .newPageTheme td.column32 .select, .newPageTheme td.column32 SELECT.text, .newPageTheme td.column32 .textarea, .newPageTheme td.column32 .hyperlink {
        width: 90%;
    }

    .newPageTheme td.column33 input.text, .newPageTheme td.column33 input.inputtext, .newPageTheme td.column33 INPUT.price, .newPageTheme td.column33 input.logininputtext, .newPageTheme td.column33 textarea, .newPageTheme td.column33 TEXTAREA.text, .newPageTheme td.column33 .textarea, .newPageTheme td.column33 .searchctrltext, .newPageTheme td.column33 .searchctrlselect, .newPageTheme td.column33 .select, .newPageTheme td.column33 SELECT.text, .newPageTheme td.column33 .textarea, .newPageTheme td.column33 .hyperlink {
        width: 90%;
    }

    .frm1130 td.servicedesc {
        padding-left: 20px;
        padding-top: 25px;
        padding-bottom: 2px;
        width: auto;
    }

    .displayblockmob {
        display: block !important;
    }

    .searchimghw {
        left: -33px !important;
        top: 4px !important;
    }

    .frm10026 .mblmarginshpcart {
        margin-top: 8px !important;
    }

    .frm10026 .displayinonecol th, .displayinonecol td {
        margin-top: 0px;
    }

    .txtslnogridmob {
        border: none !important;
    }

    .txtslnomob {
        width: 268px !important;
    }

    .txtslnohwmob {
        width: 261px !important;
    }

    .formbtnaddserialmob {
        margin-right: -5px !important;
    }

    .frm10026 .lblsubtotalcart {
        width: 100%;
        margin-right: 5px;
    }

    .frm10026 .newsvcsection {
        border-bottom: 1px solid #DEDEDE !important;
        margin-top: 0px;
    }
}

@media only screen and (max-width:940px) {
    .mbltextarea {
        width: 96%;
    }

    .mblpaddingsection {
        padding: 0 !important;
    }
}

.mbldisplay
{
    display:none;
}

.frm120 .tblrightborder {
    border-right: 1px solid #C0C0C0;
}

.frm120 .width80 {
    width: 80%;
}

.frm10026 #ctl00_uxPgCPH_divshoppingcart {
    width: 100%;
    height: 390px;
    float: left;
}



.frm10026 #ctl00_uxPgCPH_divshoppingcart {
    height: 395px;
}
.newPageTheme .frm10026 .productpriceheight {
    height: 253px !important;
}
.newPageTheme .frm10026 #ctl00_uxPgCPH_divshoppingcart {
    height: 361px;
    /*padding-top: 68px;*/
    padding-top: 32px;
}

.newPageTheme .frm10026 #ctl00_uxPgCPH_divshoppingcart {
    height: 361px;
    /*padding-top: 68px;*/
    padding-top: 0px;
    width: auto;
    height: auto;
    float: none;
}

.widthmob34 {
    width: 40% !important;
}

.connectionbutton {
    float: right;
    text-align: right;
    margin-right: 10px;
}

@media only screen and (max-width:940px) and (max-device-width:940px) {
    .floatleft_mobile {
        float: left !important;
    }

    .padding_mobile {
        padding: 3px 9px !important;
    }

    .modaldialog_mobile {
        width: 100% !important;
    }

    .Accordionelement {
        background-color: #fff;
        border-bottom: 1px solid #e0e0e0;
        padding-bottom: 10px;
    }

    .newPageTheme .sectioncartheight {
        height: 297px;
        overflow: auto;
        scrollbar-width: thin;
    }

    .clearfix_removeborder_mobile {
        border-bottom: none !important;
    }

    .newPageTheme .griditem:hover, .newPageTheme .altgriditem:hover, .newPageTheme .griditem:hover a, .newPageTheme .altgriditem:hover a, .newPageTheme .griditem:hover span, .newPageTheme .altgriditem:hover span {
        background-color: white;
        color: #000;
    }

    .gridcolnew {
        width: 37%;
        word-wrap: break-word;
        text-align: Left;
        border-bottom: 0px solid #5F5F5F !important;
        font-size: 14px;
        border-bottom: 0px solid rgb(222, 222, 222);
    }

    .gridprice {
        width: 30%;
        font-weight: bold;
        color: black;
        font-family: Segoe UI, Times New Roman;
        text-align: right;
    }

    .sectionheadingwidthmob {
        height: auto !important;
    }

    element.style {
        width: 35%;
        text-align: center;
    }

    .btncancel, .btndelete, .btnreset, #ctl00_uxPgCPH_btncancel, .btnreset, #ctl00_uxPgCPH_btnCancel, #ctl00_uxPgCPH_btncancel1 {
        background-image: none;
        background-color: white;
    }

    * {
        font-style: normal!important;
        font-family: Segoe UI;
        font-size: 14px;
        font-weight:normal;
    }

    .gridcolumnhead th {
        font-size: 14px;
    }

    .inputtextsrch {
        font-size: 14px;
    }

    .newsvcprice {
        font-size: 14px !important;
        text-align:right;
    }

    .newselect {
        font-size: 14px !important;
        text-align:right;
        padding-right:5px;
    }


    .btnprevlink {
        background-image: none;
        background-color: #c7436c;
        color: #fff;
        font-size: 14px;
        font-weight: bold;
        padding: 6px 13px;
        text-decoration: none;
        border-radius: 0px;
        min-width: 96px;
        text-align: center;
        width: 35%;
        margin-right: 10px;
        margin: 0px;
        font-family: Segoe UI;
        -webkit-appearance: push-button;
        user-select: none;
        white-space: pre;
        align-items: flex-start;
        text-align: center;
        /*box-sizing: border-box;*/
        letter-spacing: normal;
        word-spacing: normal;
        text-transform: none;
        text-indent: 0px;
        text-shadow: none;
        display: inline-block;
        -webkit-writing-mode: horizontal-tb !important;
        text-rendering: auto;
        border: 1px solid #c0c0c0;
    }

    .btnlink {
        background-image: none;
        background-color: #c7436c;
        color: #fff;
        font-size: 20px;
        font-weight: bold;
        padding: 6px 13px;
        text-decoration: none;
        border-radius: 4px;
        min-width: 96px;
        text-align: center;
        width: 100%;
        margin-right: 10px;
        margin: 0px;
        font-family: Segoe UI;
        -webkit-appearance: push-button;
        user-select: none;
        white-space: pre;
        align-items: flex-start;
        text-align: center;
        box-sizing: border-box;
        letter-spacing: normal;
        word-spacing: normal;
        text-transform: none;
        text-indent: 0px;
        text-shadow: none;
        display: inline-block;
        -webkit-writing-mode: horizontal-tb !important;
        text-rendering: auto;
        border: 1px solid #c0c0c0;
        position: fixed;
        bottom: 0px;
        height: 45px;
    }

    .btnmobilecalcprice {
        background-image: none !important;
        background-color: #fff;
        border-radius: 0px;
        font-size: 14px;
        font-weight: bold;
        border-color: none;
        border: 0px;
        color:blue;
        padding:0px;
        text-decoration: underline;
    }

    .dialogmaincontent .optionaltext1, .dialogmaincontent .optionaltext2, .dialogmaincontent .optionaltext3 {
        width: 90%;
        text-align: left;
    }


    .dialogmaincontent td.column32, td.column31, td.column33 {
        width: 100% !important;
    }


    .pagination table {
        text-align: center;
    }

    .margin_mobile {
        width: 90% !important;
    }

    .childgriditem {
        height: 25px;
    }

    .childgridlist {
        width: 98%;
    }

    .gridviewcells {
        margin-right: 1%;
        text-align: right;
    }

    .AccordionImg {
        border-style: solid;
        border-width: 0 2px 2px 0;
        content: '';
        display: inline-block;
        padding: 3px;
        transform: rotate(45deg);
        vertical-align: middle;
        float: right;
        margin: 0px 20px 0px 0px;
        cursor: pointer;
    }

    .activeAccordion {
        border-style: solid;
        border-width: 0 2px 2px 0;
        content: '';
        display: inline-block;
        padding: 3px;
        vertical-align: middle;
        float: right;
        margin: 0px 20px 0px 0px;
        transform: rotate(225deg);
        cursor: pointer;
    }

    .modaldialog {
        padding: 0px 2px;
        background-color: transparent;
        overflow-y: hidden !important;
    }

    .clsdisplaynone {
        display: none;
    }

    .AccordionElementTitle::after {
        border-style: solid;
        border-width: 0 2px 2px 0;
        content: '';
        display: inline-block;
        padding: 3px;
        transform: rotate(45deg);
        vertical-align: middle;
        float: right;
        margin: 6px 20px 0px 0px;
    }

    .griditemhideth > th:last-child {
        display: none !important;
    }

    .sameaddressborder {
        border-top: 1px solid rgb(222,222,222) !important;
        border-left: 1px solid rgb(222,222,222) !important;
        border-right: 1px solid rgb(222,222,222) !important;
        margin-top: -1px;
    }

    #samemobaddr {
        margin: 5px;
    }

    .frm120 .custmblnumberwidth {
        width: 100%;
    }

    .spncontlink {
        margin-left: 0% !important;
        color: blue;
        font-weight: bold;
    }

    .contlink {
        width: 219%;
        margin-left: 4%;
    }

    .fwkclassmob {
        width: 100%;
    }

    .lstsvcselect {
        padding-right: 0px !important;
    }

    .lstsvcamount {
        text-align: right !important;
        padding-right: 0px !important;
    }

    .newtotal {
        margin-right: -4px !important;
        text-align: right !important;
        padding-right: 10px !important;
        width: 80% !important;
        font-size: 12px;
    }

    .newtotalprice1 {
        margin-bottom: 40px !important;
        margin-left: 8px !important;
        margin-right: 3px !important;
        padding-left: 94px !important;
        display: flex !important;
        font-family: Segoe UI;
        background-color: white;
        font-weight: bold;
    }

    .planwidthmob {
        width: 50% !important;
    }

    .billwidthmob {
        width: 10% !important;
    }

    .amountwidthmob {
        width: 20% !important;
    }

    .selectwidthmob {
        width: 15% !important;
    }

    .pad50p {
        padding-left: 40%;
    }

    .condivmartopmob {
        margin-top: 30px;
        height: 55px
    }

    .connbtnmartopmob {
        margin-top: -87px;
    }

    .widthmob34
    {
        width:46% !important;
    }

    .cpnremove {
        margin-left: -20px;
        margin-top: 15px;
    }

    .newsvccpn
    {
        margin-left:7px;
    }

    .connectionbutton {
        width: 100%;
        float: right;
        text-align: right;
        margin-right: 10px;
    }

    .pnlpopup {
        width: 316px !important;
        left: 19px !important;
    }

    .issuetypediv {
        margin-left: 0px !important;
        width: 98% !important;
    }

    .mobwidth90 {
        width: 98% !important;
    }

    .frm10026 #ctl00_uxPgCPH_divcustflexattr .sectionfields {
        width: 98%;
    }

    .frm120 .sectiondetails div.inputcontrol {
        width: 99%;
    }

    .newPageTheme .frm10026 .productpriceheight {
        height: auto !important;
        max-height: 253px !important;
        min-height: 25px !important;
    }

    .frm10026 .newcpn {
        margin-left: 0px;
        margin-top: 10px;
    }

    .newsvccartcurrency {
        padding-left: 1px;
    }


    .frm10026 #ctl00_uxPgCPH_dvnewplangrid {
        padding-top: 0px !important;
    }

    .frm10026 #newprodselproddv {
        padding-top: 0px !important;
    }

    .frm10026 .sectiondetails {
        width: 100%;
        margin-left: 0px;
    }

    .frm10026 .newcartgrid {
        margin-left: 0px !important;
        margin-top: 10px !important;
        width: 96%;
    }

    .frm10026 .newplangrid {
        width: 100% !important;
        border: 0px;
    }

    .newPageTheme .frm10026 div.gridfields {
        width: 100%;
        border-left: 0px solid rgb(222, 222, 222);
        border-bottom: 0px solid rgb(222, 222, 222);
        border-right: 0px solid rgb(222, 222, 222);
        border-top: 0px solid rgb(222, 222, 222);
    }

    .frm10026 .cattabdesktop {
        margin-top: 0px !important;
        padding-top: 0px;
    }

    .newsvchwrdn {
        margin-bottom: 18px !important;
    }

    .newsvcrenthwrdn, .newsvcsalehwrdn {
        width: 20% !important;
    }
    #btnmobileback {
        font-weight: bold;
    }
}
.frm10026 .ajaxloader {
    position: fixed;
    z-index: 3; /* Sit on top */
    top: 20px;
    left: 0px;
    height: 100%;
    width: 100%;
}

.frm10026 .ajaxloader td {
    text-align: center;
    vertical-align: middle;
    font-size: 12px;
    font-weight: bold;
}

.frm10026 .divajax {
    position: fixed;
    z-index: 2;
    height: 100%;
    width: 100%;
    background-color: Gray;
    opacity: 0.1;
    filter: alpha(opacity=10);
}

.frm10049 a:active {
    color: #9d0a0a;
    /*text-decoration: underline;*/
}
.frm10049 ul.simple-tabs {
    margin: 0;
    max-width: 880px;
    overflow: hidden;
    padding: 0;
    width: 50%;
}


.frm10049 ul.simple-tabs li {
    float: left;
    width: 20%;
    height: 44px;
    list-style-type: none;
    text-align: center;
    line-height: 44px;
}

.frm10049 ul.simple-tabs li.active {
        border-bottom: 4px solid #d2d2d2;
        color: #b63436;
        font-weight: bold;
    }

.frm10049 .refhdrsec {
    border-bottom: 1px solid #d2d2d2;
    height: 60px;
}

.frm10049 .addnwprogram {
    padding: 0px 10px 0px 0px;
}

.frm10049 .addImage {
    height: 22px;
    padding-right: 8px;
    padding-left: 15px !important;
    padding-top: 10px !important;
}

.frm10049 .subsctndtl {
    float: left;
    width: 100%;
    border-radius: 5px;
    padding: 10px 0px 4px 15px;
}

.frm10049 .anlink {
    font-size: 14px;
    padding-right: 15px;
    padding-top: 10px;
    text-decoration: none;
}

.frm10049 .addLink {
    float: right;
    display: flex;
    margin-right: 25px;
}

.frm10049 a:active {
    color: #9d0a0a;
    /*text-decoration: underline;*/
}

@media only screen and (min-device-width:737px) and (max-device-width:1068px) and (orientation:portrait) {
    .fileupload {
        width: 195px;
    }

    .lblfielderrormessage:before {
        content: "\0021";
        font-weight: bold;
        margin-right: 5px;
        box-sizing: border-box;
        display: inline-block;
    }

    .custelement {
        display: none;
    }

    .fwkclassmob {
        width: 100%;
    }
}

.tabpadding {
    padding-left: 16px !important;
}
.frm10048 .section {
    /*border-bottom:1px solid rgb(222,222,222);*/
    border-bottom-left-radius:0px;
    border-bottom-right-radius:0px;
}

.frm10048 .sectiondetails {
    border-bottom:1px solid rgb(222,222,222);
        border-right:1px solid rgb(222,222,222);
            border-top:1px solid rgb(222,222,222);
    border-radius:5px;
    border-left:4px solid #d2d2d2;
}
.frm10048 .bordergrid
{
    border:1px solid rgb(222,222,222);

}
.frm10048 .mgrmain {
    background: #fff;
    margin: 20px;
    padding: 24px;
    overflow: auto;
}

.tabpadding {
    padding-left: 16px !important;
}

.spncontlink {
    margin-left: 67%;
    color: blue;
    font-weight: bold;
}

.svcordtotallbl {
    font-weight: bold;
    margin-left: 12%;
}

.modsub {
    width: 75%;
}

@media only screen and (min-device-width:737px) and (max-device-width:1068px) and (orientation:portrait) {
    .radiocontractmob {
        padding-left: 2%;
        text-align: left;
    }

    .displaynonemob {
        display: none !important;
    }

    .custnomob {
        padding-left: 16%;
        //color: blue;
    }

    .gridcntcol1mob {
        text-align: left;
        padding-left: 2%;
    }

    .radiocontractmob {
        display: inline;
        margin-right: 2%;
    }

    .createnewlnk {
        height: 22px;
        margin-left: 86%;
        color: blue;
        font-weight: bold;
    }

    .newplangrid {
        width: 99% !important;
        border: 1px solid white;
        border-top-color: white;
        border-top-style: solid;
        border-top-width: 1px;
        border-radius: 10px;
        background-color: white;
        height: auto !important;
        margin-top: -15px;
        margin-bottom: 10px;
    }

    .newPageTheme .griditemmob, .newPageTheme .altgriditemmob {
        height: 55px;
        border-bottom: 0px solid #DEDEDE;
        text-align: left;
        vertical-align: middle;
    }

    .btnlink {
        background-image: none;
        background-color: white;
        color: #000000;
        font-size: 12px;
        font-weight: normal;
        padding: 6px 13px;
        text-decoration: none;
        border-radius: 4px;
        min-width: 96px;
        text-align: center;
        width: 50%;
        margin-right: 10px;
        margin: 0px;
        font-family: Segoe UI;
        -webkit-appearance: push-button;
        user-select: none;
        white-space: pre;
        align-items: flex-start;
        text-align: center;
        box-sizing: border-box;
        letter-spacing: normal;
        word-spacing: normal;
        text-transform: none;
        text-indent: 0px;
        text-shadow: none;
        display: inline-block;
        -webkit-writing-mode: horizontal-tb !important;
        text-rendering: auto;
        border: 1px solid #c0c0c0
    }

    .marginbottomradiodv {
        border-bottom: 2px solid #eaeaea;
        margin-bottom: 8px !important;
        margin-top: -14px;
        width: 109% !important;
        margin-left: -14px !important;
    }

    .sectionheadingwidthmob {
        height: 70px !important;
    }

    .cntcheck {
        display: flex;
        margin-top: 12px;
        margin-bottom: -44px;
        border-bottom: 1px solid #e9e9e9;
        padding-bottom: 11px;
        margin-left: 10px;
        margin-right: 10px;
    }

    .newgrid {
        width: 97% !important;
        border: 1px solid #eaeaea !important;
        padding-top: 0px !important;
        margin-left: 7px !important;
        border: 1px solid white;
        border-radius: 0px;
        background-color: white;
        height: auto !important;
        margin-top: -15px;
        margin-bottom: 10px;
    }

    .newsearchplan {
        width: 46% !important;
    }

    .newsvcprice {
        width: 7% !important;
        font-size: 12px;
        font-family: Segoe UI, Times New Roman;
        font-weight: normal;
        color: #3F3F3F;
    }

    .newselect {
        width: 6% !important;
        font-size: 12px;
        font-family: Segoe UI, Times New Roman;
        font-weight: normal;
        color: #3F3F3F;
    }

    .spncontlink {
        margin-left: 0%;
        color: blue;
        font-weight: bold;
    }

    .marginbottomradiodv {
        border-bottom: 2px solid #eaeaea;
        margin-bottom: 8px !important;
        margin-top: -14px;
        width: 109% !important;
        margin-left: -14px !important;
    }

    .sectiondetails {
        width: 97%;
        margin-bottom: 0px;
        margin-left: 6px;
    }

    .newPageTheme .frm10026 .plangrid {
        border-left: none;
        border-top: none;
        border-right: none;
    }

    .margintopshopcart {
        margin-top: -32px !important;
        border-radius: 0px !important;
    }

    .newcpn {
        width: 66.2%;
        border: none;
    }

    .contract {
        display: flex;
        margin-left: 9px;
    }

    .validity {
        border: none !important;
        margin-left: 28px !important;
        text-align: center;
        position: relative;
        top: -5px;
        left: -26px;
    }

    .validitylbl {
        font-size: xx-small;
        position: relative;
        color: grey;
        background-color: white;
        width: auto;
        border: none;
        font-weight: bold;
    }

    .lblsubscn {
        width: auto !important;
        font-size: 10px !important;
        color: gray !important;
        font-family: Segoe UI, Times New Roman;
    }

    .cartcontractno {
        width: auto;
        font-size: 10px !important;
        border: none !important;
        color: black !important;
        margin-left: 17px;
        font-family: Segoe UI, Times New Roman;
        margin-left: 35px;
    }

    .newchktotalprice {
        margin-bottom: 0px !important;
        margin-left: 8px !important;
        margin-right: 8px !important;
        padding-left: 212px !important;
        display: flex !important;
        font-family: Segoe UI, Times New Roman;
        background-color: #e9e9e9;
        font-weight: bold;
    }

    .lblcheck {
        display: flex;
        width: auto;
        font-family: Segoe UI, Times New Roman;
        margin-left: 0px;
    }

    .mobcolwidth {
        width: 93%;
    }

    .cpntxtwidth {
        width: 100% !important;
        font-size: 12px !important;
    }

    .dvnextlnk {
        display: flex;
        //width: 38%;
        //margin-left: 78%;
    }

    .plansgrid {
        margin-top: -9px;
        border: 1px solid #e9e9e9;
        margin-left: 0px;
        margin-right: -24px;
        margin-bottom: 108px !important;
    }

    .contractmodel {
        position: fixed; /* Stay in place */
        z-index: 1; /* Sit on top */
        padding-top: 100px; /* Location of the box */
        left: 0;
        top: 0;
        width: 100%; /* Full width */
        height: 100%; /* Full height */
        overflow: auto; /* Enable scroll if needed */
        background-color: rgb(0,0,0); /* Fallback color */
        background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
    }

    .dvclose {

        background-color: #eaeaea;
        margin-left: 89%;
        margin-right: 3%;
        margin-bottom: -47px;
        position: relative;
        z-index: 1;
    }

    .prdname {
        padding-right: 283px !important;
        font-weight: bold;
        color: black;
        font-family: Segoe UI, Times New Roman;
    }

    .modifysubs {
        width: 84px !important;
        color: #3F3F3F !important;
        font-family: Segoe UI, Times New Roman;
        font-style: normal !important;
        font-size: 12px !important;
        font-weight: normal !important;
        top: -1px !important;
    }
    .svcordtotallbl {
        font-weight: bold;
        margin-left: 43%;
    }
    .cntdropdowmmargin {
        margin-left: 30%;
    }
    .modsub {
        width: 84%;
    }
    .billdesc1 {
        margin-left: -265px !important;
    }
    .contlink {
        width: 471%;
        margin-left: 4%;
    }
    .newcartgrid {
        margin-top: 112px !important;
    }
    .connbtnmartopmob {
        margin-top: 5px;
        height: 49px;
    }
    .lstsvcamount {
        text-align: right !important;
        padding-right: 1px !important;
    }
    .lstsvcselect {
        padding-right: 0px !important;
    }
    .newchktotalprice1 {
        margin-bottom: 0px !important;
        margin-left: 8px !important;
        margin-right: 8px !important;
        padding-left: 477px !important;
        display: flex !important;
        font-family: Segoe UI, Times New Roman;
        background-color: #e9e9e9;
        font-weight: bold;
    }
    .pricetotal {
        background-color: #e9e9e9 !important;
        margin-left: 8px !important;
        margin-right: 8px !important;
        padding-right: -20px !important;
        padding-left: 255px !important;
        border-bottom: 1px solid #DEDEDE !important;
        font-size: 11px;
        margin-top: 15px;
    }
    .planwidthmob {
        width: 39% !important;
    }

    .billwidthmob {
        width: 15% !important;
    }

    .amountwidthmob {
        width: 35% !important;
    }

    .selectwidthmob {
        width: 15% !important;
    }
    .pad50p {
        padding-left: 25px;
    }
    .frmentitycontrol {
        margin-top: -4px;
    }
    .issueentitytable {
        width: 78% !important;
        float: right;
        margin-right: 13px;
    }
    .actionbuttonhw {
        right: -26%;
    }
    .issueentitynew {
        width: 18% !important;
    }

    .gridownheadwidthtab {
        width: 31% !important;
    }

    .issuetypediv {
        margin-left: 20px;
        width: 111% !important;
    }
    .selecthwmob {
        margin-left: 1px;
    }
    .searchimghw {
        left: 285px !important;
        top: -23px !important;
    }
}
.displayflexnewsvc{
      display:flex;
      width:100%;
}

.custinfo .provsavbtn {
    margin-top:2px!important;
    float: left;
    padding-left: 10px;
}

.clsprovaction {
    width:100%!important;
    float:none!important;
}
.salesvcsection {
margin-bottom: 0px;
width: 100%;
margin-top: 0px;
}
.svcsection {
margin-bottom: 0px;
width: 87%;
margin-top: -29px;
border-bottom:none !important;
}
.issueentitytable {
    width: 42%;
    float: right;
}
.issuetypediv {
    margin-left: 20px;
    width:100%
}
.frmentitycontrol
{
    margin-top:-4px;
}
.actionbuttonhw {
    position: relative;
    margin-bottom: 5px;
    right: 1%;
    float: right;
    text-align: right;
    height: 35px;
    width:50%;
}
/*Change password Screen*/
@media only screen and (max-width:940px) and (max-device-width:940px) {
    .frm264 .mblviewleft {
        float: left;
    }
   .frm264 .mblviewright {
        float:right;
        margin-right: 10px;
    }
}
/*Change password Screen*/
/*Role Based Menu*/
.frm10056 .parentmenuchkbox {
    display: flex;
    margin-left: 12px;
}

.frm10056 .parentmenuchkboxtd {
    text-align: center;
    vertical-align: middle;
}

.frm10056 .parentmenuname {
    padding-left: 4px;
}

.frm10056 .parentmenuselectiondiv {
    border-bottom: 0px;
    height: 88%;
    border-right: 0px;
}

.frm10056 .parentmenuselection {
    padding-top: 0px;
    border: 0px solid #ebebeb;
    margin-top: 0px;
    border-radius: 11px;
    height: 67%;
}

.frm10056 .menudetails {
    width: 20%;
    padding-right: 10px;
}

.frm10056 .parentmenuselectiontd {
    height: 25px;
}

.frm10056 .parentmenugridfields {
    height: 100%;
    width: 100%;
}
.frm10026 .entitysearchtext{
    margin-top:4px;
}
.frm10026 .cattabdesktop {
    margin-top: -17px;
}
.frm10026 .newPageTheme .section .grid {
    padding-bottom: 0px;
}

/*Mobile View Form Buttons*/
@media only screen and (max-device-width: 940px) and (max-width: 940px) {
    .mobcanceldiv .btncancel, .mobcanceldiv #ctl00_uxPgCPH_btncancel, .mobcanceldiv #ctl00_uxPgCPH_btnCancel, .mobcanceldiv #ctl00_uxPgCPH_btncancel1, .mobcanceldiv .btnmobilecancel {
        height: inherit;
        margin: 0px;
        width: 100%;
        border: 0px;
        border-radius: 0px;
        min-width: unset;
        padding: 0px;
        font-size: 20px;
        font-weight: bold;
        background-image: none !important;
        background-color: #b5b5b5 !important;
        color: white;
        font-family:Segoe UI!important;
    }

        .mobcanceldiv .btncancel:hover, .mobcanceldiv #ctl00_uxPgCPH_btncancel:hover, .mobcanceldiv .btnmobilecancel:hover {
            background-color: #b5b5b5 !important;
            background-image: none !important;
            color: white !important;
            border: 0px;
        }

    .mobsavediv .btnsave, .mobsavediv .btnmobilesave{
        color: WHITE;
        height: inherit;
        margin: 0px;
        width: 100%;
        border: 0px;
        border-radius: 0px;
        background-image: none !important;
        background-color: #c7436c;
        padding: 0px;
        font-size: 20px;
        font-weight: bold;
        font-family: 'Segoe UI' !important;
    }

        .mobsavediv .btnsave:hover, .mobsavediv .btnmobilesave:hover {
            background-color: #c7436c;
            background-image: none !important;
        }

    div.footer, div.mobilefooterdiv {
        background-color: #eaeaea;
        height: 50px;
    }

    .mobformbuttondiv {
        width: 100%;
        height: 45px;
        display: flex;
    }

    .mobcanceldiv {
        width: 50%;
        height: inherit;
    }

    .mobsavediv {
        width: 50%;
        height: inherit;
    }

    .moblongsavediv {
        width: 100%;
        height: inherit;
    }
    .moblongcancelediv {
        width: 100%;
        height: inherit;
    }
    .footerbutton {
        position: fixed;
        bottom: 5px;
    }
    /*Mobile View Form Buttons*/

    /*Mobile View Header*/
    .mobheader {
        width: 100%;
        height: 50px;
        background-color: #37474f;
        display: flex;
    }

    .mobtitleleft {
        width: 75%;
        height: auto;
        display: flex;
    }

	.mobtitleright {
		width: 25%;
		height: inherit;
		display: flex;
		flex-direction: row;
		align-items: center;
		justify-content: end;
	}

    .moblogoutimg {
        height: 25px;
        padding-top: 10px;
    }

    .mobmoreimg {
        height: 25px;
        padding-top: 10px;
    }

    .mobsearchimg {
        height: 25px;
        padding-top: 10px;
    }

    .mobsearchdiv, .moblogoutdiv {
        margin-left: 20px;
    }

    .mobhambmenu {
        width: 10%;
        height: auto;
        margin: 6px;
        margin-top: 9px;
    }

    .mobtitlemenu {
        width: 88%;
        height: auto;
        padding-top: 10px;
    }

        .mobtitlemenu span {
            color: white;
            font-size: 17px;
            line-height: 20px;
        }

    .bar1, .bar2, .bar3 {
        width: unset;
        height: 2px;
        background-color: #fff;
        margin: 6px 0;
        transition: 0.4s;
    }

    .change .bar1 {
        -webkit-transform: rotate(-45deg) translate(-9px, 6px);
        transform: rotate(-45deg) translate(-4px, 3px);
        margin-top: 8px;
    }

    .change .bar3 {
        -webkit-transform: rotate(45deg) translate(-8px, -8px);
        transform: rotate(45deg) translate(-8px, -7px);
    }
    .mobrightpad {
        padding-left:0px;
        width:50%;
    }
    .mobsubmenus {
        display: none;
        position: absolute;
        overflow: auto;
        z-index: 100;
        background-color: #f9f9f9;
        top: 48px;
        right: 0px;
        min-width: 180px;
        border-radius: 3px;
        border: 1px solid #ccc;
        border-bottom: none;
    }

        .mobsubmenus ul {
            border-bottom: 0px;
        }

            .mobsubmenus ul li {
                background-color: #fff;
                border-bottom: 1px solid #ccc;
            }

                .mobsubmenus ul li:hover {
                    background-color: #37474f;
                }

                .mobsubmenus ul li a {
                    text-decoration: none;
                    padding: 10px 20px 10px 20px;
                    display: block;
                }

                    .mobsubmenus ul li a:hover {
                        color: white;
                    }

    .mbnscrhdiv {
        background: #fff;
        border-bottom: 2px solid #eaeaea;
        margin-top: 5px;
        padding-bottom: 10px;
        /*padding-top: 10px;*/
        margin-left: 0px;
        height: 40px;
        margin-bottom:5px;
    }
    .mbncustdetail-label {
        margin-left: 10px;
        color: #297ab0;
        font-size: 18px;
    }
    .mbnscrhdiv-row {
        width:100%;
        display:flex;
        padding:0 10px;
    }
    .mbnscrhdiv-custpanelhalf {
        width: calc(50% - 10px);
    }
    /*Mobile View Header*/

    /*Mobile View Pagination*/
    .newPageTheme tr.pagination > td > table > tbody > tr > td {
        background-image:none;
        border:0px;
    }
        .newPageTheme tr.pagination > td > table > tbody > tr > td > a {
            border: 0px;
            background-color: unset;
        }
    .newPageTheme .pagination span{

    }
    .newPageTheme tr.pagination > td > table > tbody > tr > td > a:hover {
        background: unset;
        border: 0px;
        border-radius: 0px;
    }
    .morepagination{
        padding-top:18px;
    }
    .mobsearchdivalone{
        margin-left:60%;
    }
    /*Mobile View Pagination*/
    /*Fwk Classes for FFA Mobile View*/
    .labelcolour {
        color: #a4a4a4;
    }

    .labelvalcolour {
        color: black;
    }

    .moremenubgcolour {
        background-color: #fafafa;
    }

    .mobpoptitlebg {
        background-color: #37474f;
    }

    .mobselectedimg {
        background-image: url(../images/selecteddot.png);
    }

    .mobunselectedimg {
        background-image: url(../images/unselecteddot.png);
    }

    .displaynoneinline {
        display: none !important;
    }
    .newPageTheme .searchimg, .newPageTheme .textalignedimg {
        left: -12px;
        top: -28px;
        float: right;
    }
}

.list2colintro {
    /*display: flex;*/
    width: 86px;
    /*padding-top: 7px !important;*/
    word-wrap: break-word;
    border-bottom: none !important;
}
/*new svc order cpn*/
.cpnsrchicon{
 width: 15px;
 height: 15px;
 margin-top: 35px;
}
.cpnlink{
margin-top: 16px !important; 
}
.frm518 .freeperiodgridbfdesc {
    width: 12%;
    word-wrap: break-word;
}
.frm518 .freeperiodgridapplyondesc {
    width: 12%;
    word-wrap: break-word;
}

.frm518 .fpgridheight
{
    height :250px !important;
}

.displaynoneinline{
    display:inline;
}
.displaynone {
    display: none;
}

/*desktop new service order*/

.productheading {
    font-size:16px;
    left: 20px;
    color: #bc2d30;
    position: relative;
}

.dvtabfilter {
    width: 20%;
    text-align: right;
    padding-right: 10px;
}

.dvtabs {
    width: 80%;
    padding-left: 16px;
}

.lbldesknewcntchk
{
    width:25%;
    margin-left:0px !important;
}

.modifysubs {
    color: #bc2d30;
    font-weight:bold;
}

.imgbtnpromotion
{
    width:15px;
}

.dvvalidate {
    float: left;
    width: 50%;
    text-align: right;
}

.dvresend{
    float:left;
}

@media only screen and (max-width:940px) and (max-device-width:940px) {
    .dvtabfilter {
        padding-right: 5px;
    }

    .dvtabs {
        width: 80%;
        padding-left: 5px;
    }

    .newPageTheme .ActiveTab,.newPageTheme .InActiveTab, .newPageTheme .InActiveTabLeft, .newPageTheme .InActiveTabRight, .newPageTheme .InActiveTabMid {
        padding: 3px 12px;
    }

    .mblfileupload {
        margin-left: 7px !important;
        width: 96% !important;
    }

    .mblattachments {
        width: 98% !important;
    }

    .moblbltotal {
        width: 65%;
        text-align: right;
        margin-left: 0% !important;
        position: relative;
        top: 0px;
        bottom: 0px;
        left: 137px;
        right: 0px;
        float:left;
    }

    .mobpricetotal {
        width: 100%;
        text-align: right;
        padding-right:5px;
    }

    #ctl00_uxPgCPH_tblplandtls .textalignedimg {
        left: -12px;
        top: -28px;
        float: right;
    }

    /*.mobgridowndata1, .mobg
        {ridowndata2, .mobgridowndata3 {
        display: inline;
    }*/
}
.newPageTheme .searchimgnewchkbox{
    margin-right:-10px !important;
}
/*
    Consolidated Quotations
    */

.consolidateQuotePage .gridsubpricecol1 {
        width: 15.9%;
        word-wrap: break-word;
    }

.consolidateQuotePage .gridsubpricecol2 {
        width: 11.8%;
        word-wrap: break-word;
    }
.consolidateQuotePage .gridsubpricecol3 {
        width: 11.8%;
        word-wrap: break-word;
    }

 .consolidateQuotePage   .gridsubpricecol4 {
        width: 11.6%;
        word-wrap: break-word;
        text-align: right;
    }

 .consolidateQuotePage   .gridsubpricecol5 {
        width: 12%;
        word-wrap: break-word;
        text-align: right;
    }

 .consolidateQuotePage   .gridsubpricecol6 {
        width: 11.6%;
        word-wrap: break-word;
        text-align: right;
    }

  .consolidateQuotePage  .gridsubpricecol7 {
        width: 11.8%;
        word-wrap: break-word;
        text-align: right;
    }

  .consolidateQuotePage  .gridsubpricecol8 {
        width: 12%;
        word-wrap: break-word;
    }

 .consolidateQuotePage   .gridssubcol1 {
        width: 15.9%;
        word-wrap: break-word;
    }

  .consolidateQuotePage  .gridssubcol2 {
        width: 11.8%;
        word-wrap: break-word;
    }

  .consolidateQuotePage  .gridssubcol3 {
        width: 11.8%;
        word-wrap: break-word;
    }

  .consolidateQuotePage  .gridssubcol4 {
        width: 11.6%;
        word-wrap: break-word;
    }

  .consolidateQuotePage  .gridssubcol5 {
        width: 12%;
        word-wrap: break-word;
    }

   .consolidateQuotePage .gridssubcol6 {
        width: 11.6%;
        word-wrap: break-word;
    }

  .consolidateQuotePage  .gridssubcol7 {
        width: 11.8%;
        word-wrap: break-word;
    }

  .consolidateQuotePage  .gridssubcol8 {
        width: 12%;
        word-wrap: break-word;
    }
   .consolidateQuotePage .gridonepricecol1 {
    width: 20%;
    word-wrap: break-word;
}
  .consolidateQuotePage  .gridonepricecol2 {
    width: 17%;
    word-wrap: break-word;
}
   .consolidateQuotePage .gridonepricecol3 {
    width: 17%;
    word-wrap: break-word;
}
  .consolidateQuotePage  .gridonepricecol4 {
    width: 17%;
    word-wrap: break-word;
}
   .consolidateQuotePage .gridonepricecol5 {
    width: 17%;
    word-wrap: break-word;
}
  .consolidateQuotePage  .gridonepricecol6 {
    width: 10.5%;
    word-wrap: break-word;
}
  .consolidateQuotePage  .gridsonecol1 {
    width: 20%;
    word-wrap: break-word;
}
   .consolidateQuotePage .gridsonecol2 {
    width: 17%;
    word-wrap: break-word;
}
   .consolidateQuotePage .gridsonecol3 {
    width: 17%;
    word-wrap: break-word;
}
  .consolidateQuotePage  .gridsonecol4 {
    width: 17%;
    word-wrap: break-word;
}
  .consolidateQuotePage  .gridsonecol5 {
    width: 17%;
    word-wrap: break-word;
}
  .consolidateQuotePage  .gridsonecol6 {
    width: 10.5%;
    word-wrap: break-word;
}
  .newPageTheme .anlink {
        text-decoration: none;
        font-size: 14px;
        color: #C34A49;
        font-weight: bold;
        cursor: pointer;
}
  /*Fraud Rule Screen*/

  .frm10099 .selctlptype  {
    width: 67px !important;
    background-image: url(../images/disclosure_down.png);
    border: none !important;
    margin-top: -5px;
    -moz-appearance: none;
	-webkit-appearance: none;
    background-position:right;
    background-repeat:no-repeat;
    background-size:contain;
}
  /*NSO optional services popup mobile*/
@media only screen and (max-width: 736px) and (max-device-width: 736px) {
    .modaldialog {
        overflow: auto auto !important;
    }
    .frm1130 div.plandiv {
        padding-left: 10px;
    }
    .frm1130 #ctl00_uxPgCPH_plannamediv.plannamediv {
        padding-right: 10px;
    }

    .frm1130 #divplanname.section {
        height: 30px;
    }
    .frm1130 #nonsvcdetailsheading.heading {
        width: 98.4%;
    }
    .newPageTheme .frm1130 #nonsvcdetailsheading.sectionheading {
        border-right: none !important;
        width: 96%;
        border-radius: 3px 3px 0px 0px;
    }
    .frm1130 #svcdetailsheading.sectionheading {
        background-color: unset;
    }
    .frm1130 #svcdetailsheading.heading {
        width: 97.8%;
        border-radius: 4px 4px 0px 0px;
    }
    .newPageTheme .frm1130 div.gridfields {
        width: 96%;
        margin: 0px 0px;
        border-left: 1px solid #000;
        border-bottom: 1px solid #000;
        border-right: 1px solid #000;
        border-top: none;
    }
    .newPageTheme .frm1130 .gridlist {
        border-left: none;
        border-bottom: none;
        border-right: none;
    }
    /*NSO APK*/
    #frm10026 {
        width: 97%;
        padding: 5px;
        overflow:hidden;
    }

    .newPageTheme div.gridoverflow {
        border-left: 1px solid rgb(222, 222, 222);
    }

    #ctl00_uxPgCPH_effctvdtcalimg, #ctl00_uxPgCPH_tduxOrderDate div.floatleft {
        height: 35px !important;
    }

    #ctl00_uxPgCPH_uxBillSummaryGrid .amount {
        text-align: right !important;
    }

    .frm10026 .footerbutton, .frm10026 .btnlink {
        left: 0px;
    }

    .frm10026 .newtotalprice2 {
        margin-right: 0px !important;
    }
    
    #divDisconnect .field-container .feild-name {
        font-family: Segoe UI;
    }
    
    .frm10026 .effdateinptmarleft {
        margin-left: 1px;
    }
    
    #ctl00_uxPgCPH_dvplancoupon {
        left: -90% !important;
    }
.expanddivProductdesc {
        margin-left: 10px !important;
    }
}
@media only screen and (max-width: 940px) and (min-width: 320px) and (orientation:landscape) {
    .ui-dialog {
        overflow: auto;
        height: 80% !important;
    }
}

.verifyotppopupmsg {
    padding-left: 55px;
    padding-bottom: 5px;
    font-weight: bold;
    font-size: 12px;
    color: green;
    height: 30px;
    width: 100%
}

@media only screen and (max-width: 736px) and (max-device-width: 736px) {
    /*Customer registration mobile*/
    .verifyotppopupmsg {
        color: #111;
        font-weight: normal;
        padding:0;
        text-align:center;
    }

    .tdverifyotp {
        padding: 0 0 0 10px !important;
    }

    .checkbox {
        accent-color: #c7436c;
    }

    .mobcolumn1, .mobcolumn2 {
        width:50% !important;
    }
}
@media only screen and (max-width: 736px) and (max-device-width: 736px) {

    /*Calendar Classes Start*/
    #ui-datepicker-div {
        background-color: white;
        box-shadow: 0px 0px 12px 1px rgba(0, 0, 0, 0.75);
        width: 245px;
        z-index: 10;
        margin-top: 5px;
    }

    .ui-datepicker-calendar {
        width: 100%;
        margin: 8px 0;
    }

    .ui-datepicker-prev {
        float: left;
        margin-left: 20px;
    }

        .ui-datepicker-prev span {
            background-image: url("../Images/previous.png");
            background-size: contain;
            background-repeat: no-repeat;
            color: transparent;
            width: 100%;
            cursor: pointer;
            display: inline-block;
            width: 15px;
            font-size: 0;
            line-height: 15px;
            height: 15px;
            display: inline-block;
        }

    .ui-datepicker-next {
        float: right;
        margin-right: 20px;
    }

        .ui-datepicker-next span {
            background-image: url("../Images/next.png");
            background-size: contain;
            background-repeat: no-repeat;
            color: transparent;
            width: 100%;
            cursor: pointer;
            display: inline-block;
            width: 15px;
            font-size: 0;
            line-height: 15px;
            height: 15px;
            display: inline-block;
        }

    .ui-datepicker-title {
        text-align: center;
        line-height: 36px;
        color: #fff;
        font-size: 14px;
        font-family: OpenSansSemibold;
        height: 36px;
    }

    .ui-datepicker-header {
        background-color: #bc2d30;
    }

    .ui-state-default {
        font-family: OpenSansSemibold;
        font-size: 12px;
        display: inline-block;
        width: 100%;
        text-align: center;
        color: #000;
        background: #fff;
    }

    .ui-widget-content .ui-state-default {
        font-family: OpenSansSemibold;
        font-size: 12px;
        display: inline-block;
        /*width: 100%;*/
        text-align: center;
        color: #000;
        background: #fff;
        border: 0px;
    }

    .ui-state-default.ui-state-active {
        background-color: #ededed;
    }

    .ui-widget-header, .ui-datepicker th {
        font-weight: normal;
    }

        /*.ui-widget-header .ui-icon, .ui-icon, .ui-widget-content .ui-icon {
        background-image: url("../Images/previous.png");
    }*/

        .ui-widget-header .ui-datepicker-prev .ui-icon, .ui-icon, .ui-widget-content ui-datepicker-prev .ui-icon {
            background-image: url("../Images/previous.png");
        }

        .ui-widget-header .ui-datepicker-next .ui-icon, .ui-icon, .ui-widget-content ui-datepicker-next .ui-icon {
            background-image: url("../Images/next.png");
        }

    .ui-icon-circle-triangle-w {
        background-position: 0px;
    }

    .ui-icon-circle-triangle-e {
        background-position: 0px;
    }
    /*.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
	border: 0px;
	background:none;
}*/

    .ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled {
        opacity: 1;
    }

    .ui-widget.ui-widget-content {
        border: 0px;
    }

    .ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br {
        border-bottom-right-radius: 0px;
    }

    .ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl {
        border-bottom-left-radius: 0px;
    }

    .ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr {
        border-top-right-radius: 0px;
    }

    .ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl {
        border-top-left-radius: 0px;
    }

    .ui-datepicker {
        padding: 0px;
    }

        .ui-datepicker .ui-datepicker-header {
            padding: 0px;
        }

        .ui-datepicker .ui-datepicker-title {
            line-height: 36px;
            margin: 0px auto;
        }

        .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
            width: auto;
            top: 8px;
        }


    .ui-datepicker-today {
        background-color: #bc2d30;
    }

        .ui-datepicker-today .ui-state-default {
            color: #fff;
            background-color: #bc2d30;
        }

    .ui-datepicker-unselectable .ui-state-default {
        opacity: 0.5;
    }

    .ui-datepicker-week-end:first-child .ui-state-default {
        color: #f73e1d;
    }

    .ui-datepicker-calendar td {
        padding: 5px;
    }

    .ui-datepicker-calendar th {
        font-family: OpenSansSemibold;
        font-size: 12px;
        padding: 5px;
    }

    .ui-datepicker-buttonpane {
        height: 36px;
    }

        .ui-datepicker-buttonpane .ui-datepicker-current {
            background-color: #bc2d30;
            border: none;
            height: 100%;
            color: #fff;
            font-size: 12px;
            font-family: OpenSansSemibold;
            cursor: pointer;
        }

        .ui-datepicker-buttonpane .ui-datepicker-close {
            display: none;
        }

    .ui-datepicker-month {
        background-color: transparent;
    }

    .ui-datepicker-year {
        background-color: transparent;
    }
    /*---- enable change date and month for Datepicker----*/

    .ui-datepicker-title {
        width: 80%;
    }

        .ui-datepicker-title select {
            width: auto;
            height: auto;
            border: none;
            padding: 4px;
            min-width: 20%;
            color: #fff;
        }

            .ui-datepicker-title select option {
                color: #000;
                background: #fff;
            }
    /*---- enable change date and month for Datepicker----*/

    /*------   DatePicker when today is selected     -------*/
    .ui-datepicker-today .ui-state-active {
        color: #bc2d30;
        background-color: #fff;
    }
    /*------   DatePicker when today is selected     -------*/

    /*Calendar Classes End*/
}