body {
    overflow: auto;
    color: #1f232b;
	background:#fcfcfc;
}

body {
    font: 100%/1.5 blisslight,arial,serif;
   }

/* Accessibility CSS*/

.quick-forms h2 a,.quick-forms h2,.quick-forms p,.quick-forms a{
    color:#fff;
}
.quick-forms label {
    color: #fff;
    font-size: 1.5rem;
    left: 25px;
}

.accessibility .btn-acs{
    border-radius: 16px;
    width: 35px;
    height: 35px;
    color: #000;
    font-size: 1.5rem;
    font-weight: 800;
    font-family: blisslight,arial,sans-serif;
   
}
.homeSideBg path{
	stroke:#fff !important;
	}
.slide-anchor.blackandwhite:after,.slide-anchor.greenWeakness:after,.slide-anchor.redWeakness:after,.expand.blackandwhite:after,.expand.greenWeakness:after,.expand.redWeakness:after {
 background: transparent !important;
}
.quick-forms .accessibility {
    margin-top:-50px;
}
.accessibility  .btn-reset {
    font-size:1.5rem;
}
.accessibility  .btn-increase {
    font-size:1.5rem;
}
.accessibility-form {
    width:100% !important;
}

.accessibility-form .section-intro.inner {
   max-width:100% !important;
}
.accessibility h2, .accessibility p,.accessibility label {
color: #fff;
}
.accessibility label{
   font-size: 1.4rem;
}

.res .accessFontBg{
    background:rgb(126, 174, 70);
    color:#fff;
}
.res .accessFontBg:hover {
    background: #649c23;
}
.business .accessFontBg{
    background:#2199cf;
    color:#fff;
}
.business .accessFontBg:hover {
    background:#2199cf;
}

.work .accessFontBg{
   background:#7b3509;
    color:#fff;
}
.work .accessFontBg:hover {
    background:#7b3509;
}
 .accessFontBg{
   background:#545c67;
    color:#fff;
}
 .accessFontBg:hover {
    background:#545c67;
}





.blackandwhite{
     background:#000 !important;
     color:#fff !important;
     border-color:#fff !important;
}
    .blackandwhite:hover, .greenWeakness:hover, .redWeakness:hover {
        border-color:#fff !important;
    }

.blackandwhite input,.greenWeakness input{
 border:1px solid #fff !important;
}
.redWeakness input{
 border:1px solid yellow!important;
}
.greenWeakness{
     background:#3A5796 !important;
     color:#fff !important;
     border-color:#fff !important;
}
.redWeakness{
     background:#000 !important;
     color:yellow !important;
     border-color:yellow !important;
}
.whiteLogo {
    -webkit-filter: brightness(0) invert(1) !important;
    filter:brightness(0) invert(1) !important;
}
.grayscaleImages{
    -webkit-filter:grayscale(100%);
    filter:grayscale(100%);

}
.pureWhite {
    background:#fff !important;
    color:#fff !important;
}

.radio-item input[type='radio'] {
  display: none;
}
.business .radio-item label:before{
	 border: 2px solid  #2199cf;
	 
}

.business .radio-item input[type=radio]:checked + span:after{
	background:#2199cf;
}
.work .radio-item label:before{
	border: 2px solid  #7b3509;
}
.work .radio-item input[type=radio]:checked + span:after{
	background:#7b3509;
}

.radio-item label:before {
    content: " ";
    display: inline-block;
    position: relative;
    cursor:pointer;
    top: 5px;
    margin: 0 5px 0 0;
    width: 21px;
    height: 21px;
    border-radius: 11px;
    border: 2px solid  #7EAE46;
    background-color: transparent;
}
.radio-item input[type=radio]:checked + span:after {
     border-radius: 11px;
     width: 17px;
     height: 17px;
     cursor:pointer;
     position: absolute;
    margin-top: 9px;
	margin-left: 4px;
     content: " ";
     display: inline-block;
     background: #7EAE46;
}


.level01 .radio-item input[type=radio]:checked + span:after {
	border-radius: 11px;
	width: 17px;
	height: 17px;
	cursor: pointer;
	position: absolute;
	margin-top: -13px;
	margin-left: 7px;
	content: " ";
	display: inline-block;
background: #7EAE46;
}
.radio-item input[type=radio]:checked + span:lang(ar):after {
     border-radius: 11px;
     width: 17px;
     height: 17px;
     cursor:pointer;
     position: absolute;
     margin-top: 9px;
     margin-right:9px;
     content: " ";
     display: inline-block;
     background: #7EAE46;
}  

.radio-item-bw label:before {
    content: " ";
    display: inline-block;
    position: relative;
    cursor:pointer;
    top: 5px;
    margin: 0 5px 0 0;
    width: 21px;
    height: 21px;
    border-radius: 11px;
    border: 2px solid  #fff !important;
    background-color: transparent;
}
.radio-item-bw input[type=radio]:checked + span:after {
     border-radius: 11px;
     width: 17px;
     height: 17px;
     cursor:pointer;
     position: absolute;
     margin-top: 9px;
     margin-right:9px;
     content: " ";
     display: inline-block;
     background: #fff !important;
} 
.radio-item-bw input[type=radio]:checked + span:lang(ar):after {
     border-radius: 11px;
     width: 17px;
     height: 17px;
     cursor:pointer;
     position: absolute;
     margin-top: 9px;
     margin-right:9px;
     content: " ";
     display: inline-block;
     background: #fff !important;
} 
.radio-item-yw label:before {
    content: " ";
    display: inline-block;
    position: relative;
    cursor:pointer;
    top: 5px;
    margin: 0 5px 0 0;
    width: 21px;
    height: 21px;
    border-radius: 11px;
    border: 2px solid  yellow !important;
    background-color: transparent;
}
.radio-item-yw input[type=radio]:checked + span:after {
     border-radius: 11px;
     width: 17px;
     cursor:pointer;
     height: 17px;
     position: absolute;
     margin-top: 9px;
     margin-left:4px;
     content: " ";
     display: inline-block;
     background: yellow !important;
}
.level01 .radio-item-yw input[type=radio]:checked + span:after {
	border-radius: 11px;
	width: 17px;
	height: 17px;
	cursor: pointer;
	position: absolute;
	margin-top: -13px;
	margin-left: 7px;
	content: " ";
	display: inline-block;
    background: yellow !important;
}
.level01 .radio-item-bw input[type=radio]:checked + span:after {
     border-radius: 11px;
     width: 17px;
     height: 17px;
     cursor:pointer;
     position: absolute;
    margin-top: -13px;
	margin-left: 7px;
     content: " ";
     display: inline-block;
     background: #fff !important;
} 

.radio-item-yw input[type=radio]:checked + span:lang(ar):after {
     border-radius: 11px;
     width: 17px;
     cursor:pointer;
     height: 17px;
     position: absolute;
     margin-top: 9px;
     margin-right:9px;
     content: " ";
     display: inline-block;
     background: yellow !important;
}

.level01 .radio-item-yw input[type=radio]:checked + span:lang(ar):after {
    border-radius: 11px;
	width: 17px;
	height: 17px;
	cursor: pointer;
	position: absolute;
	margin-top: -12px;
	margin-right: 11px;
	content: " ";
	display: inline-block;
	background: yellow !important;
}
.level01 .radio-item-bw input[type=radio]:checked + span:lang(ar):after {
     border-radius: 11px;
     width: 17px;
     height: 17px;
     cursor:pointer;
     position: absolute;
	  margin-top: -12px;
		margin-right: 11px;
     content: " ";
     display: inline-block;
     background: #fff !important;
} 

.level01 .radio-item input[type=radio]:checked + span:lang(ar):after {
    border-radius: 11px;
	width: 17px;
	height: 17px;
	cursor: pointer;
	position: absolute;
	margin-top: -12px;
	margin-right: 11px;
	content: " ";
	display: inline-block;
	background: #7EAE46;
}





dt.acss-valid:before,dt.acss-valid:after,p.acss-valid:before,p.acss-valid:after {
    color:#fff !important;
}
.access-border{
   border-bottom:2px solid;
}
.access-border-yellow {
      border-bottom-color:yellow !important;
    
}

.access-valid.invalid:after, .access-invalid.invalid:after,.whiteText {
    color:#fff !important;
}

/* Contrast End */
   
p a {
	text-decoration:underline;
	text-transform:none;
	font-family:blisslight,arial,sans-serif;
	
}
p a:lang(ar) {
	font-family:gess,arial,sans-serif;
}

.extraNote {
	font-size:1.6rem !important;
	text-align:center;
}
h2{
	color:#545c67 !important;
}
#QuestionPopUp ul{
	font-size:1.6rem;
}
#branchLocations a {
	text-decoration:underline;
}
.button a {
	text-decoration:none !important;
}
.highcharts-container{
	width:100% !important;
}
 /** for BG ***/
.page-bg{
	/*background: url('../img/bg/homepage.jpg') right top no-repeat;*/
    direction:ltr;
   	
}

.total .allCheckbox label{
	position:absolute;
}

#ctl00_PlaceHolderMain_lblTo {
	margin-left:10px;
}
#ctl00_PlaceHolderMain_lblTo:lang(ar)  {
	margin-left:10px;
}
.movein-list .highlight .pay-details dl dt .field .field a {
	font-size: 1rem !important;
}
.textCustomAlign:lang(ar) {
    text-align: right !important;
}
.textCustomAlign:lang(en) {
    text-align: left !important;
}
.business .movein-page-03 .fields {
    border-color: skyblue;
}
.movein-page-03 .fields{
	border-top: 1px solid #d2e289;
	padding-bottom:20px;
}
.movein-page-03 .fields:nth-child(2), .movein-page-03 .fields:nth-child(9), .movein-page-03 .fields .col .fields{
	border:0px;
}
.about-us .tabs .cta-pods a:lang(ar):nth-child(1) {
    padding-bottom: 100%;
}
.textUltaAlign:lang(ar) {
    text-align: left !important;
}
.textUltaAlign:lang(en) {
    text-align: right !important;
}
.section-intro .intro h2{
	color:#545c67;
}
.media .page-header .login-form .fields > .field a {
    color: #fff !important;
}
.media-promo-block p a{
	text-decoration:none;
}
.content-col .article a {
		font-size:1.6rem;
		text-decoration:underline;
		font-family:blisslight,arial,sans-serif;
}
.content-col .article a:lang(ar) {
		font-size:1.6rem;
		text-decoration:underline;
		font-family:gess,arial,sans-serif;
}
@media screen and (max-width: 400px){
	.content-col .article a {
			font-size:1.4rem !important;
			text-decoration:underline;
	}.content-col .article #Info  a {
			font-size:1.2rem !important;
			text-decoration:underline;
			margin-bottom:6px;
	}
	.download-link .btnlink{
		font-size:1.6rem !important;
	}

}@media screen and (max-width: 400px){
	.moveout-info-box .textUltaAlign{
		margin-top:-5px !important;
	}
	.update-box .ui-radio label span{
		font-size:1.4rem !important;
	}

}
.thank-you .link-list li{
	width:100%;
}
#dashboard-text a {
	text-decoration:underline;
}
.newsletterStyle {
	font-size:1.6rem !important;
}
.property-information input[type=submit]{
	margin-left:0px 
}
.business .limit-block section dt.valid,.business .limit-block section dt.invalid,.business .limit-block section dt.valid:before{
	color:#2199cf !important;
} 
.media .quick-links a,.media .for-emergency a{
	color:#fff !important;
}
.moreInfoPara{
	margin-bottom: 10px;
	font-size:2rem !important;
}
.hyperUnderline a{
	text-decoration:underline;
}
.terms-and-condition a{
	text-decoration:underline;
	text-transform:none;
}
.mid span:first-child{
	background-size:100% 100% !important;
}
.media .thank-you .quote {
    border-top: 3px solid#545c67;
}
.media .link-list li a {
   text-decoration:underline;
}
.terms-and-condition label{
	    font-size: 2.4rem !important;
}
/** for BG End***/

.link-emer{
	width:100%  !important;
}

/**** image banner ******/
.img_banner{
	width: 680px;
    height: 400px;
}
.vert-center .sticky-nav .tools svg g path{
   stroke:#fff;
   fill:#fff;
}
.content .thank-you .fields .field.note{
	    margin-top: 25px;
}
.download-bill a {
	 color: #fff !important;
}


@media screen and (max-width:720px) {
	
    .img_banner{
			width: 100%;
			height: 20%;
		}
}


/**** image end ******/
@media only screen and (min-width: 1000px){
.sticky-nav.tools{
	top:-20px;
	}
}

/*** page not found ***/
.page-not-found .field.form-title{
	text-align:center !important;
}

.cta-pods polygon,.cta-pods line{
	stroke:#fff;
}

#G2C__HREF__46_SPAN_1 svg g path{
		fill:#fff;
}
.ThankYou-Content{
	font-size: 1.6rem;
    width: 100%;
}
.ltedgreen, .leRed dd , .leGreen dd{
	text-transform:none !important;
}

.text-align-center .close-modaldialog{
	display:none;
}

.mod .article h2 {
    color: #545c67;
}
.tariff-information h2 {
    color: #545c67;
}
#s4-bodyContainer {
    padding-bottom: 0px;
}

.res a {
	color:#4d7a18;
}

.content {
    min-height: 600px;
}
.media .content {
    min-height: 660px;
}

.mod.limit-block p {
	margin-left:20px;
}
.mod.limit-block p :lang(ar){
	margin-right:20px;
}
@media (max-device-width: 800px) and (max-device-height: 1280px) and (orientation: portrait) { 
		 .content{
			min-height: 865px !important;
		}
}

.page-header .logo:lang(ar) {
    float: right;
}
.account-login .loginheader {
    margin-bottom: 10px;
}
.thank-you .moveout-info-box {
    border: 0px !important;
}

.ms-srch-sb {
    display: inherit;
}
.tariff .col .rate p{
	text-align:center;
}
.without-border .bold {
    text-align: center !important;
}
.ms-srch-sb-border {
    border: 0px;
}
.hseqhead {
    text-decoration: underline;
}
.hseqhead:hover {
    text-decoration: none;
}
.ms-textSmall {
    display: inline-block !important;
    width: 86% !important;
}

.ms-srch-sb-searchLink img {
    display: none;
}
.ui-button:focus,.ui-button input:focus,.ui-button:active,.ui-button input:active,.ui-button:hover,.ui-button input:hover{
  outline: 0px !important;
  box-shadow: none;
  outline-style: none;
  border:0px;
}
.changeAmountColor{
	color:#545c67 !important;
}
.ms-srch-sb > .ms-srch-sb-searchLink {
    background: url("../img/icon/go.png") 0 0 no-repeat;
    width: 75px;
    height: 35px;
    margin-left: 10px;
}

    .ms-srch-sb > .ms-srch-sb-searchLink:lang(ar) {
        margin-left: 0px;
        margin-right: 10px;
		background: url("../img/icon/go_ar.png") 0 0 no-repeat;
    }

.ms-srch-sb > input, .ms-srch-sb > input:focus, .ms-srch-sb-border:hover, .ms-srch-sb-borderFocused {
    border: 0px;
}

.slide-nav .ms-srch-sb > .ms-srch-sb-searchLink {
    background: #fff url("../img/icon/svg/00-search.svg") 0 7px no-repeat;
    width: 30px;
    height: 33px;
    margin-left: 0px;
}

    .slide-nav .ms-srch-sb > .ms-srch-sb-searchLink:lang(ar) {
        margin-left: 0px;
        margin-right: 0px;
    }

.slide-nav .search-form :last-child.field, .slide-nav .search-form :last-child.field {
    width: 100% !important;
}

.success {
    color: #4d7a18;
    text-align: center;
    font-size: 2rem;
}

.errorlabel {
    color: red;
    text-align: center;
    font-size: 15px;
}

.emergency .icon {
    background: url("../img/icon/svg/00-emergencies-outages.svg") right 0px no-repeat;
    width: 20px;
    height: 20px;
}

.login .icon {
    background: url("../img/icon/svg/00-login.svg") right 0px no-repeat;
    width: 20px;
    height: 20px;
}

.logout .icon {
    background: url("../img/icon/svg/log-out.svg") right 0px no-repeat;
    width: 36px !important;
    height: 32px !important;
    margin-left: 7px;
    display: inline-block;
    vertical-align: middle;
}

    .logout .icon:lang {
        margin-right: 7px;
    }


.search .icon {
    background: url("../img/icon/svg/00-search.svg") right 0px no-repeat;
    width: 20px;
    height: 20px;
}

.ms-srch-sbLarge > input, .ms-srch-sbLarge > input:focus {
}

.ms-srch-sbLarge {
    display: inherit !important;
}

    .ms-srch-sbLarge > .ms-srch-sb-searchLink {
        background: #2c2f36 url("../img/icon/searcht.png") 50% 50% no-repeat;
        width: 15%;
        height: 64px;
        display: inline-block !important;
    }
	.ms-srch-sbLarge > .ms-srch-sb-searchLink:lang(ar) {
        background: #2c2f36 url("../img/icon/search_ar.png") 50% 50% no-repeat;
     }
	

.search-block .ms-floatLeft {
    float: inherit !important;
}

.ms-srch-sbLarge > input {
    display: inline-block !important;
    width: 84% !important;
}

.search-block .ui-input {
    background: transparent !important;
}

.result-item {
    clear: both;
}

.ms-srch-result {
    margin-top: 0px;
}


.result-item {
    background: #f6f7f7;
}

.ms-srch-item-link, .ms-srch-item-link:link, .ms-srch-item-link:visited {
    color: #3f4247 !important;
}

.ms-srchnav-link:link, .ms-srchnav-link:visited, .ms-srchnav-link-selected:link, .ms-srchnav-link-selected:visited {
    font-size: 1.4rem;
    color: #545c67;
    border-bottom-color: #545c67;
    text-decoration: underline;
}

.left-nav-press-release .icon {
    background: url("../img/icon/svg/press-releases.svg") left 0px no-repeat;
    width: 32px;
    height: 32px;
}

.left-nav-images-videos .icon {
    background: url("../img/icon/svg/images-video.svg") left 0px no-repeat;
    width: 32px;
    height: 32px;
}

.left-nav-events .icon {
    background: url("../img/icon/svg/event.svg") left 0px no-repeat;
    width: 32px;
    height: 32px;
}

.left-nav-documents .icon {
    background: url("../img/icon/svg/document-publications.svg") left 0px no-repeat;
    width: 32px;
    height: 32px;
}

.left-nav-interviews .icon {
    background: url("../img/icon/svg/interview.svg") left 0px no-repeat;
    width: 32px;
    height: 32px;
}

.left-nav-brand .icon {
    background: url("../img/icon/svg/brand.svg") left 0px no-repeat;
    width: 32px;
    height: 32px;
}

/*  Styles for Quick Launch Navigation */

.quick-link-toll .icon {
}

.quick-link-outage .icon {
}

.quick-link-report .icon {
}

.footer-nav-chat .icon {
    background: url("../img/icon/svg/03-online-chat.svg") left 0px no-repeat;
    width: 30px;
    height: 30px;
}

/*Added by Faraz*/
.footer-nav-videochat .icon {
    background: url("../img/icon/svg/sign-icon-01.svg") left 0px no-repeat;
    width: 30px;
    height: 30px;
}
/*Added by Faraz*/

.footer-nav-emergency .icon {
    background: url("../img/icon/svg/03-for-emergencies.svg") left 0px no-repeat;
    width: 30px;
    height: 30px;
}

.footer-nav-branch .icon {
    background: url("../img/icon/svg/03-branch-locations.svg") left 0px no-repeat;
    width: 30px;
    height: 30px;
}

.left-nav-dashboard .icon {
    background: url("../img/icon/svg/media-myaddc-home.svg") left 0px no-repeat!important;
    width: 32px !important;
    height: 32px;
    background-size: 100%;
}

.left-nav-billing-payments .icon {
    background: url("../img/icon/svg/02-pay-bills.svg") left 0px no-repeat!important;
    width: 32px !important;
    height: 32px;
}

.left-nav-stmt-download .icon {
    background: url('../img/icon/svg/download_button.svg') left 0px no-repeat!important;
    width: 32px !important;
    height: 32px;
}

.left-nav-meter-details .icon {
    background: url("../img/icon/svg/help-advice-blue.svg") left 0px no-repeat!important;
    width: 32px !important;
    height: 32px;
}

.left-nav-premise-details .icon {
    background: url("../img/icon/svg/help-advice-blue.svg") left 0px no-repeat!important;
    width: 32px !important;
    height: 32px;
}

.left-nav-service-tools .icon {
    background: url("../img/icon/svg/tools.svg") left 0px no-repeat!important;
    width: 32px !important;
    height: 32px;
}

.left-nav-help-advice-Logged-In .icon {
    background: url("../img/icon/svg/help-advice2.svg") left 0px no-repeat!important; 
    width: 32px !important;
    height: 32px;
}

.left-nav-get-connected .icon, .left-nav-get-connected .icon:hover {
    background: url("../img/icon/svg/01-get-connected.svg") left 0px no-repeat !important;
    width: 32px !important;
    height: 32px;
}
.left-nav-get-connected .icon:lang(ar), .left-nav-get-connected .icon:hover:lang(ar) {
     -moz-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    -ms-transform: scaleX(-1);
    transform: scaleX(-1);
    -ms-filter: "FlipH";
    filter: FlipH;
	
}

.left-nav-help-advice .icon, .left-nav-help-advice .icon:hover {
    background: url("../img/icon/svg/help-advice.svg") left 0px no-repeat !important;
    width: 32px !important;
    height: 32px;
}

.left-nav-working-smart .icon, .left-nav-working-smart .icon:hover {
    background: url("../img/icon/svg/01-working-living.svg") left 0px no-repeat !important;
    width: 32px !important;
    height: 32px;
}

.left-nav-addc-home .icon, .left-nav-addc-home .icon:hover {
    background: url("../img/icon/svg/myaddc-home.svg") left 0px no-repeat !important;
    width: 32px !important;
    height: 32px;
}

.tabs .cta-pods .sub li, .tabs .cta-pods .sub ul {
    list-style-type: none !important;
}

button {
    min-width: inherit !important;
}
.mid span:first-child:hover {
    background: transparent !important;
}
.error {
    color: red;
    text-align: center;
    margin-top: 15px;
    font-family: "gess", arial, sans-serif;
    font-size: 2rem;
}
.media .content .fields .field p a, .media .content .fields .field.form-title a {
    text-decoration:underline;
}
.about-us .content .fields .field p a, .about-us .content .fields .field.form-title a {
    text-decoration:underline;
}
.about-us  a {
	color:#2c2f36 !important;
}
.about-us h2{
	color:#2c2f36 !important;
}

.about-us  .thumb-pod .more  {
	border-bottom: 1px solid #2c2f36 !important;
}
.success {
    color: #009900;
    text-align: center;
    margin-top: 15px;
    font-family: "gess", arial, sans-serif;
    font-size: 2rem;
}

.pager a {
    text-decoration: none;
}

    .pager a.page_disabled {
        cursor: default;
        border: 0px;
        color: #1f232b;
    }

.consumption-graph .cols {
    width: 100% !important;
}

    .consumption-graph .cols .col {
        width: 75%;
    }

        .consumption-graph .cols .col.graph {
            width: 75% !important;
        }

        .consumption-graph .cols .col.menu {
            width: 20% !important;
        }

        .consumption-graph .cols .col.last {
            margin-bottom: 20px;
        }

.consumption-graph .col2 {
    background: rgb(255, 255, 255) !important;
    padding: 3rem 2% 9999px;
    margin-bottom: -9999px;
    float: left;
}
.consumption-graph .col2:lang(ar) {   
    float: right;
}
.consumption-graph .cols .col {
            float: left !important;
        }
.consumption-graph .cols .col:lang(ar) {
            float: right !important;
            margin-left:20px;
        }

.consumption-graph .content-panel {
    margin: 0px 0px 20px 20px;
    border-left-color: currentColor;
    border-left-width: 0px;
    border-left-style: none;
    min-height: 308px;
}

    .consumption-graph .content-panel h2 {
        border-bottom-color: currentColor;
        border-bottom-width: 0px;
        border-bottom-style: none;
    }

.consumption-graph .section-link-list li > a {
    padding: 1.9rem 1rem;
}

.consumption-graph .label-left {
    text-align: left;
    padding-bottom: 90px;
}
.consumption-graph .label-left:lang(ar) {
    text-align: right;
    
}

.txtcaptcha {
    color: #666;
    font-size: 2.4rem;
    background: #dbdde0 !important;
    padding: 19px 0 19px 6.676% !important;
    border: none !important;
    -webkit-appearance: none;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -moz-box-sizing: border-box;
    text-align: center;
    width: 90% !important;
}

.text-left {
    text-align: left !important;
}

.refresh {
    margin-left: 5px;
}
.refresh:lang(ar) {
    margin-left: 0px;
    margin-right: 5px;
}


input[type=button], input[type=reset], input[type=submit], button {
    min-width: inherit !important;
}

.article .banner-image {
    margin-bottom: inherit !important;
    width: inherit !important;
}

.banner-image img {
    margin-bottom: 22px;
    width: 100%;
}

.article .banner-image-event {
    margin-bottom: inherit !important;
    width: inherit !important;
    margin-left: inherit !important;
    float: inherit !important;
}

.slide-nav .top-nav{
			height: 100%;
			overflow-y: auto;
		}

.banner-image-event img {
    margin-bottom: 22px;
    width: 50%;
    margin-left: 10px;
    float: right;
}

.hero-wrapper .cta-list a:hover {
    text-decoration: none !important;
}

.page-header .top-nav li.active {
    padding-top: 31px !important;
}

.page-header .ui-input:after {
    font-size: 2.8rem !important;
}

.std-consumption {
    position: relative;
    font-size: 1.4rem;
    color: #fff;
    font-weight: 700;
    text-align: center;
    max-width: 180px;
}

    .std-consumption .standard {
        position: absolute;
        top: 33%;
        width: 100%;
        left: 0%;
    }
.std-consumption .standard:lang(ar) {
       
        right: 0%;
    }

.col3 .std-consumption .standard {
    left: 0%;
    top: 36%;
}
.col3 .std-consumption .standard:lang(ar) {
    right: 0%;
}


.std-consumption .excess {
    position: absolute;
    left: 00%;
    bottom: 19%;
    width: 100%;
}

.col3 .std-consumption .excess {
    left: 0%;
    bottom: 19%;
}
.col3 .std-consumption .excess:lang(ar) {
    right: 0%;
}

@media screen and (max-width: 600px){
		.consumption-graph .cols .col.graph{
		    width: 95% !important;
		}
		.consumption-graph .content-panel{
			margin:0px !important;
		}

}
/*.multiple-property .col-1 dl dt .ui-checkbox label, .auto-payment dl:first-child dt {
    width: 200px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

@media screen and (max-width:720px) {

    .multiple-property .col-1 dl dt .ui-checkbox label, .auto-payment dl:first-child dt {
        width: inherit;
        white-space: inherit;
        overflow: inherit;
        text-overflow: inherit;
    }
}*/
/*Overridden All Css*/
.content .ui-radio, .content .ui-radio span + label {
    position: absolute;
    top: 0;
    left: 0;
    line-height: 1.2;
}

.business .ui-radio span + label {
    color: #2199cf;
    border: 2px solid #2199cf;
}

.page-header {
    z-index: 2 !important;
}

.slide-nav .search-form .field {
    width: inherit !important;
}

    .slide-nav .search-form .ui-input, .slide-nav .search-form .field:last-child .ui-input {
        padding: 0;
    }

    .slide-nav .search-form .field:last-child {
        width: 20% inherit !important;
    }
/******************** SIDE ICONS AFTER LOGIN  BUg ID 6431*******************************/


.res .content-wrapper .content .tabs .cta-pods .left-nav-dashboard .icon{
                background:url('../img/icon/svg/res-myaddc-home.svg') 0px no-repeat !important;
}
.res .content-wrapper .content .tabs .cta-pods .left-nav-billing-payments .icon{
                background:url('../img/icon/svg/res_pay-bills.svg') 0px no-repeat !important;
}
.res .content-wrapper .content .tabs .cta-pods .left-nav-service-tools .icon{
                background:url('../img/icon/svg/res_tools.svg') 0px no-repeat !important;
}
.res .content-wrapper .content .tabs .cta-pods .left-nav-help-advice-Logged-In .icon{
                background:url('../img/icon/svg/res_help-advice2.svg') 0px no-repeat !important;
}


.business .content-wrapper .content .tabs .cta-pods .left-nav-dashboard .icon{
                background:url('../img/icon/svg/bus-myaddc-home.svg') 0px no-repeat !important;
}
.business .content-wrapper .content .tabs .cta-pods .left-nav-billing-payments .icon{
                background:url('../img/icon/svg/bus_pay-bills.svg') 0px no-repeat !important;
}
.business .content-wrapper .content .tabs .cta-pods .left-nav-meter-details .icon{
    background:url('../img/icon/svg/help-advice-blue.svg') 0px no-repeat !important;
}

.business .content-wrapper .content .tabs .cta-pods .left-nav-premise-details .icon{
    background:url('../img/icon/svg/help-advice-blue.svg') 0px no-repeat !important;
}

.business .content-wrapper .content .tabs .cta-pods .left-nav-stmt-download .icon {
    background: url('../img/icon/svg/download_button.svg') 0px no-repeat !important;
}

.business .content-wrapper .content .tabs .cta-pods .left-nav-service-tools .icon{
                background:url('../img/icon/svg/bus_tools.svg') 0px no-repeat !important;
}
.business .content-wrapper .content .tabs .cta-pods .left-nav-help-advice-Logged-In .icon{
                background:url('../img/icon/svg/bus_help-advice2.svg') 0px no-repeat !important;
}


.work .content-wrapper .content .tabs .cta-pods .left-nav-dashboard .icon{
                background:url('../img/icon/svg/work_dashboard.svg') 0px no-repeat !important;
}
.work .content-wrapper .content .tabs .cta-pods .left-nav-billing-payments .icon{
                background:url('../img/icon/svg/work_pay-bills.svg') 0px no-repeat !important;
}
.work .content-wrapper .content .tabs .cta-pods .left-nav-service-tools .icon{
                background:url('../img/icon/svg/work_tools.svg') 0px no-repeat !important;
}
.work .content-wrapper .content .tabs .cta-pods .left-nav-help-advice-Logged-In .icon{
                background:url('../img/icon/svg/work-myaddc-home.svg') 0px no-repeat !important;
}



/****************** Mobile ****************/
.res .mobile-dashboard .icon{
                  background:url('../img/icon/svg/res-myaddc-home.svg') 0px no-repeat;
                                                                  background-size: 100%;
}

.res .mobile-billing .icon{
              background:url('../img/icon/svg/res_pay-bills.svg') 0px no-repeat;
                                                  background-size: 100%;
}

.res .mobile-services .icon{
                 background:url('../img/icon/svg/res_tools.svg') 0px no-repeat ;         
                                                                 background-size: 100%;                                                               
}
.res .mobile-advice .icon{
                 background:url('../img/icon/svg/res_help-advice2.svg') 0px no-repeat;
                                                                background-size: 100%;
}


.business .mobile-dashboard .icon{
                   background:url('../img/icon/svg/bus-myaddc-home.svg') 0px no-repeat;
                                                                   background-size: 100%;
}

.business .mobile-billing .icon{
               background:url('../img/icon/svg/res_pay-bills.svg') 0px no-repeat;
                                                   background-size: 100%;
}

.business .mobile-services .icon{
              background:url('../img/icon/svg/res_tools.svg') 0px no-repeat;          
                                                   background-size: 100%;                                               
}
.business .mobile-advice .icon{
                   background:url('../img/icon/svg/res_help-advice2.svg') 0px no-repeat;
                                                                   background-size: 100%;
}


.work .mobile-dashboard .icon{
                background:url('../img/icon/svg/work-myaddc-home.svg') 0px no-repeat;
                                                                background-size: 100%;
}

.work .mobile-billing .icon{
               background:url('../img/icon/svg/work_pay-bills.svg') 0px no-repeat;
                                                   background-size: 100%;
}


.work .mobile-services .icon{
                background:url('../img/icon/svg/work_tools.svg') 0px no-repeat;  
                                                                background-size: 100%;                                                
}
.work .mobile-advice .icon{
                 background:url('../img/icon/svg/work_help-advice2.svg') 0px no-repeat;
                                                                background-size: 100%;
}

/************** mobile end ******************/

/****************** Side Icons As guest *******************/

.res .content-wrapper .content .tabs .cta-pods .left-nav-get-connected .icon{
                background:url('../img/icon/svg/res_Get_Connected.svg') 0px no-repeat !important;
}
.res .content-wrapper .content .tabs .cta-pods .left-nav-help-advice .icon{
                background:url('../img/icon/svg/res-help-advice.svg') 0px no-repeat !important;
}
.res .content-wrapper .content .tabs .cta-pods .left-nav-working-smart .icon{
                background:url('../img/icon/svg/res-working-living.svg') 0px no-repeat !important;
}
.res .content-wrapper .content .tabs .cta-pods .left-nav-addc-home .icon{
                background:url('../img/icon/svg/res-myaddc-home.svg') 0px no-repeat !important;
}



.business .content-wrapper .content .tabs .cta-pods .left-nav-get-connected .icon{
                background:url('../img/icon/svg/bus_Get_Connected.svg') 0px no-repeat !important;
}
.business .content-wrapper .content .tabs .cta-pods .left-nav-help-advice .icon{
                background:url('../img/icon/svg/bus-help-advice.svg') 0px no-repeat !important;
}
.business .content-wrapper .content .tabs .cta-pods .left-nav-working-smart .icon{
                background:url('../img/icon/svg/bus-working-living.svg') 0px no-repeat !important;
}
.business .content-wrapper .content .tabs .cta-pods .left-nav-addc-home .icon{
                background:url('../img/icon/svg/bus-myaddc-home.svg') 0px no-repeat !important;
}



.work .content-wrapper .content .tabs .cta-pods .left-nav-get-connected .icon{
                background:url('../img/icon/svg/work_Get_Connected.svg') 0px no-repeat !important;
}
.work .content-wrapper .content .tabs .cta-pods .left-nav-help-advice .icon{
                background:url('../img/icon/svg/work_Get_Connected.svg') 0px no-repeat !important;
}
.work .content-wrapper .content .tabs .cta-pods .left-nav-working-smart .icon{
                background:url('../img/icon/svg/work-working-living.svg') 0px no-repeat !important;
}
.work .content-wrapper .content .tabs .cta-pods .left-nav-addc-home .icon{
                background:url('../img/icon/svg/work-myaddc-home.svg') 0px no-repeat !important;
}
.work .content-wrapper .content .tabs .cta-pods .left-nav-partner-login .icon{
		    background: url('../img/icon/svg/lock_work.svg') 0px no-repeat !important;
}

/******************** End*********************/

/* *************************** For Ipad and Mobile************************** */

.res .mobile-getconnect .icon{
                  background:url('../img/icon/svg/res_Get_Connected.svg') 0px no-repeat;
				  background-size: 100%;
}

.res .mobile-help .icon{
                background:url('../img/icon/svg/res-help-advice.svg') 0px no-repeat;
				background-size: 100%;
}

.res .mobile-working .icon{
                background:url('../img/icon/svg/res-working-living.svg') 0px no-repeat;      
				background-size: 100%;				
}
.res .mobile-myaddc .icon{
                background:url('../img/icon/svg/res-myaddc-home.svg') 0px no-repeat;
				background-size: 100%;
}


.business .mobile-getconnect .icon{
                background:url('../img/icon/svg/bus_Get_Connected.svg') 0px no-repeat;
				background-size: 100%;
}
.business .mobile-help .icon{
                background:url('../img/icon/svg/bus-help-advice.svg') 0px no-repeat;
				background-size: 100%;
}
.business .mobile-working .icon{
                background:url('../img/icon/svg/bus-working-living.svg') 0px no-repeat;
				background-size: 100%;
}
.business .mobile-myaddc .icon{
                background:url('../img/icon/svg/bus-myaddc-home.svg') 0px no-repeat;
				background-size: 100%;
}



.work .mobile-getconnect .icon{
                background:url('../img/icon/svg/work_Get_Connected.svg') 0px no-repeat;
				background-size: 100%;
}
.work .mobile-help .icon{
                background:url('../img/icon/svg/work-working-living.svg') 0px no-repeat;
				background-size: 100%;
}
.work .mobile-working .icon{
                background: url('../img/icon/svg/work-login.svg') 0px no-repeat;
				background-size: 100%;
}
.work .mobile-myaddc .icon{
                background:url('../img/icon/svg/work-myaddc-home.svg') 0px no-repeat;
				background-size: 100%;
}


.media .mobile-pressrelease .icon{
				background:url('../img/icon/svg/press-releases.svg') 0px no-repeat;
				background-size: 100%;
}
.media .mobile-gallery .icon{
				background:url('../img/icon/svg/images-video.svg') 0px no-repeat;
				background-size: 100%;
}
.media .mobile-events .icon{
				background:url('../img/icon/svg/event.svg') 0px no-repeat;
				background-size: 100%;	
}
.media .mobile-documentation .icon{
				background:url('../img/icon/svg/document-publications.svg') 0px no-repeat;
				background-size: 100%;
}
.media .mobile-interview .icon{
				background:url('../img/icon/svg/interview.svg') 0px no-repeat;
				background-size: 100%;
}
.media .mobile-brand .icon{
				background:url('../img/icon/svg/brand.svg') 0px no-repeat;
				background-size: 100%;
}

/********************* End******************/
.slide-nav .media .level02 .alink a .icon {
		height: 25px;
}

/*----------------------- For share tool bar ------------------------*/

.content-wrapper .page-hero .hero-wrapper .addthis_sharing_toolbox .at-share-tbx-element .at-svc-print ,
.content-wrapper .page-hero .hero-wrapper .addthis_sharing_toolbox .at-share-tbx-element .at-svc-compact,
.content-wrapper .page-hero .hero-wrapper .addthis_sharing_toolbox .at-share-tbx-element .at-svc-email{
	background-color:transparent !important;
}

.res .content-wrapper .page-hero .hero-wrapper .addthis_sharing_toolbox .at-share-tbx-element .at-svc-print {
                                background:url("../img/icon/svg/res_print.svg") 0 5px no-repeat;
                                background-size: 45%;
}
.res .content-wrapper .page-hero .hero-wrapper .addthis_sharing_toolbox .at-share-tbx-element .at-svc-compact {
                                background:url("../img/icon/svg/res_share.svg") 0 5px no-repeat;
                                background-size: 45%;
}
.res .content-wrapper .page-hero .hero-wrapper .addthis_sharing_toolbox .at-share-tbx-element .at-svc-email {
                                background:url("../img/icon/svg/res_msg.svg") 0 5px no-repeat;
                                background-size: 45%;
}


.business .content-wrapper .page-hero .hero-wrapper .addthis_sharing_toolbox .at-share-tbx-element .at-svc-print {
                                background:url("../img/icon/svg/bus_print.svg") 0 5px no-repeat;
                                background-size: 45%;
}
.business .content-wrapper .page-hero .hero-wrapper .addthis_sharing_toolbox .at-share-tbx-element .at-svc-compact {
                                background:url("../img/icon/svg/bus_share.svg") 0 5px no-repeat;
                                background-size: 45%;
}
.business .content-wrapper .page-hero .hero-wrapper .addthis_sharing_toolbox .at-share-tbx-element .at-svc-email {
                                background:url("../img/icon/svg/bus_msg.svg") 0 5px no-repeat;
                                background-size: 45%;
}

.work .content-wrapper .page-hero .hero-wrapper .addthis_sharing_toolbox .at-share-tbx-element .at-svc-print {
                                background:url("../img/icon/svg/work_print.svg") 0 5px no-repeat;
                                background-size: 45%;
}
.work .content-wrapper .page-hero .hero-wrapper .addthis_sharing_toolbox .at-share-tbx-element .at-svc-compact {
                                background:url("../img/icon/svg/work_share.svg") 0 5px no-repeat;
                                background-size: 45%;
}
.work .content-wrapper .page-hero .hero-wrapper .addthis_sharing_toolbox .at-share-tbx-element .at-svc-email {
                                background:url("../img/icon/svg/work_msg.svg") 0 5px no-repeat;
                                background-size: 45%;
}

.at-svc-print .at-icon-wrapper:lang(en){
	padding: 1px 0px 0px 30px;
}
.at-svc-compact .at-icon-wrapper:lang(en){
	padding: 1px 0px 0px 30px;
}
.at-svc-email .at-icon-wrapper:lang(en){
	padding: 1px 0px 0px 30px;
}

/*----------------------- For share tool bar end ------------------------*/


  /************** For Arabic share tool bar ********/
  
 .content-wrapper 
  .page-hero 
  .hero-wrapper 
  .addthis_sharing_toolbox 
  .at-share-tbx-element 
  .at-svc-print:lang(ar) 
  {
    padding-left: 0px;
    margin-right: 0px !important;
    padding-right: 33px;
    margin-left: 20px !important;
    max-width: inherit !important;
	background-position:right;
	}
 .content-wrapper 
  .page-hero 
  .hero-wrapper 
  .addthis_sharing_toolbox 
  .at-share-tbx-element 
  .at-svc-email:lang(ar) 
  {
	padding-left: 0px;
    margin-right: 0px !important;
    padding-right: 33px;
    margin-left: 20px !important;
    max-width: inherit !important;
	background-position:right;
	background-size:25%;
	}
 .content-wrapper 
  .page-hero 
  .hero-wrapper 
  .addthis_sharing_toolbox 
  .at-share-tbx-element 
  .at-svc-compact:lang(ar) 
  {
	padding-left: 0px;
    margin-right: 0px !important;
    padding-right: 33px;
    margin-left: 20px !important;
    max-width: inherit !important;
	background-position:right;
	}
	 /************** For Arabic share tool bar end ********/



/************************* Side icon BG ***********************/


.business ul li .level03 li{
                background:#c4ecff;
}
.work ul li .level03 li{
                background:#f2dec7;
}
.media  ul li .level03 li{
                background:#828386;
}
.slide-nav .business .level02 .alink a.expand:after{
	background:#2099cf;
}
.slide-nav .media .level02 .alink a.expand:after{
	background:#828386;
}

.slide-nav .work .level02 .alink a.expand:after{
	background:#7b3509;
}
/************************* End ***********************/
/** Margin for Search box*****/
#SearchBox{
		margin-top:10px;
		}



.hero-wrapper .page-breadcrumb {
    font-family: arial;
}

    .hero-wrapper .page-breadcrumb span {
        display: inline-block;
        padding: 8px 10px;
        text-transform: uppercase;
    }

        .hero-wrapper .page-breadcrumb span:before {
            content: "/";
            position: relative;
            width: 20px;
            height: 20px;
            left: -10px;
            top: 0;
        }

    .hero-wrapper .page-breadcrumb:lang(ar) span:before {
        right: -10px;
    }

    .hero-wrapper .page-breadcrumb span:first-child:before, .hero-wrapper .page-breadcrumb span:nth-child(3):before, .hero-wrapper .page-breadcrumb span:nth-child(5):before {
        content: "";
    }

    .hero-wrapper .page-breadcrumb span span:first-child, .hero-wrapper .page-breadcrumb span:nth-child(2), .hero-wrapper .page-breadcrumb span:nth-child(3), .hero-wrapper .page-breadcrumb span:nth-child(4), .hero-wrapper .page-breadcrumb span:nth-child(6), .hero-wrapper .page-breadcrumb span:nth-child(8), .hero-wrapper .page-breadcrumb span:nth-child(10), .hero-wrapper .page-breadcrumb span:nth-child(12), .hero-wrapper .page-breadcrumb span:nth-child(14), .hero-wrapper .page-breadcrumb span:nth-child(16) {
        display: none;
    }

    .hero-wrapper .page-breadcrumb span span:last-child, .hero-wrapper .page-breadcrumb span span:last-child a {
        cursor: pointer;
        color: #3f4247;
    }

.steps .active {
    background: #545c67;
}

.steps li:hover, .steps li:active {
    background: inherit !important;
}



    .steps .tab .wrapper {
        position: absolute;
        width: 100%;
        height: 100%;
        text-align: center;
        left: 0;
        top: 0;
    }

    .steps .tab .mid {
        width: 80%;
        display: inline-block;
        vertical-align: middle;
    }

.steps li.active .tab {
    color: #fff;
}
.sidebar .button-gray .icon{
	margin-top:10px;
}
.side-pod .icon:lang(en){
	float:left;
}
.search-block .col2 .col {
    width: 100% !important;
}

.bill-history .filter-details .col-date {
    width: 310px !important;
}

.steps .active .tab,
.steps li:active .tab {
    color: #fff;
}
.AddcPressReleaseTitle{
	font-size:2.6rem !important;;
} 
.ms-rteThemeBackColor-1-0 {
	 color: #545c67 !important;
} 
.eventSideImage{
	float:left;
}
.steps .tab {
    text-transform: none;
}

    .steps .tab span + span {
        color: #fff;
        font-family: 'blissregular', arial, sans-serif;
        font-size: 1.4em;
        display: block;
        padding: 0 10px;
    } 
	.steps .tab span + span:lang(ar){
           font-family: gess,arial,sans-serif;
               
    }
/* Profile page steps variation starts here */
.steps.profile .tab .mid {
    padding-top: 35px;
}

.steps.profile .tab {
    color: #fff;
    padding-bottom: 30%;
}

.steps.profile .active .tab,
.steps.profile li:hover .tab,
.steps.profile li:active .tab {
    color: #545c67;
}
/*Overridden All Css*/
/*Pagination Css*/
.pagination-next, .pagination-last, .pagination-previous, .pagination-first {
    color: transparent;
    width: 32px;
    height: 32px;
}

.pagination-next {
    background: url("../img/icon/arrow-right.png") 0 0 no-repeat;
    margin-left: 15px;
}

.pagination-last {
    background: url("../img/icon/arrow-right2.png") 0 0 no-repeat;
}

.pagination-previous {
    background: url("../img/icon/arrow-left.png") 0 0 no-repeat;
    margin-right: 15px;
}

.pagination-first {
    background: url("../img/icon/arrow-left2.png") 0 0 no-repeat;
}
/*Arabic*/
.pagination-next:lang(ar) {
    background: url("../img/icon/arrow-right.png") 0 0 no-repeat;
    margin-left: 0px;
    margin-right: 15px;
     -moz-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    -ms-transform: scaleX(-1);
    transform: scaleX(-1);
    -ms-filter: "FlipH";
    filter: FlipH;
}

.pagination-last:lang(ar) {
    background: url("../img/icon/arrow-right2.png") 0 0 no-repeat;
     -moz-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    -ms-transform: scaleX(-1);
    transform: scaleX(-1);
    -ms-filter: "FlipH";
    filter: FlipH;
}

.pagination-previous:lang(ar) {
    background: url("../img/icon/arrow-left.png") 0 0 no-repeat;
     -moz-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    -ms-transform: scaleX(-1);
    transform: scaleX(-1);
    -ms-filter: "FlipH";
    filter: FlipH;
    margin-right: 0px;
    margin-left: 15px;

}

.pagination-first:lang(ar) {
    background: url("../img/icon/arrow-left2.png") 0 0 no-repeat;
     -moz-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    -ms-transform: scaleX(-1);
    transform: scaleX(-1);
    -ms-filter: "FlipH";
    filter: FlipH;
}


/*Pagination Css*/
.steps li .tab:hover {
    background: #e3e5e8 !important;
}

.steps .active .tab:hover {
    background: #545c67 !important;
}

.graphradio {
    font-size: 1.8rem;
    font-family: 'blisslight',arial,sans-serif;
    color: #545c67;
}
.graphradio:lang(ar) {
     font-family: gess,arial,sans-serif;
    }

    .graphradio input[type=radio] {
        margin-right: 5px;
    }

.bill-history .bill-details h3 {
    width: 150px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

@media screen and (max-width:720px) {

    .bill-history .bill-details h3 {
        width: inherit;
        white-space: inherit;
        overflow: inherit;
        text-overflow: inherit;
    }
}

#dialogTitleSpan {
    display: none;
}

a {
    cursor: pointer;
}

.bill-history .filter .icon {
    display: inline-block;
    width: 30px;
    height: 30px;
    vertical-align: middle;
    position: relative;
    top: 0px;
    left: -5px;
}
.filter-details .ui-datepicker {
    padding: 10px 8px;
}

.filter-details .col-date {
    width: 282px !important;
}

.faq .search-block .col2 .col {
    width: 84.55% !important;
}

.faq .search-block .col2 .last {
    width: 14.14% !important;
}

@media screen and (max-width:640px) {
    .faq .search-block .col2 .col, .faq .search-block .col2 .last {
        width: 100% !important;
        margin-left: 0 !important;
        margin-top: 15px;
    }

    .search-block .col2 .last input {
        margin-left: 0 !important;
    }
}

.profile.steps .active .tab:hover {
    background: #d2e289 !important;
}

.profile.steps li {
    cursor: pointer;
}
/*Start Share Component*/

.addthis_sharing_toolbox {
    margin-top: 10px !important;
}

.at-icon-wrapper svg {
    display: none;
}

.atm svg {
    display: block;
}

.atm .at-icon-wrapper {
    width: inherit !important;
}

.at-svc-print > .at-icon-wrapper, .at-svc-compact > .at-icon-wrapper, .at-svc-email > .at-icon-wrapper {
    background: transparent !important;
}

.at-svc-print, .at-svc-compact, .at-svc-email {
    height: 30px;
    padding-left: 33px;
    margin-right: 20px !important;
    max-width:inherit !important; 
}
.at-svc-print:lang(ar), .at-svc-compact:lang(ar), .at-svc-email:lang(ar) {  
     padding-left: 0px;
    margin-right: 0px !important;
    padding-right: 33px;
    margin-left: 20px !important;
    max-width:inherit !important;   
}
.at-icon-wrapper {
    color: #545c67;
    font-size: 1.3rem;
    font-family: 'blissregular',arial,sans-serif;
    width:inherit !important;
}
.at-icon-wrapper:lang(ar) {
    color: #545c67;
    font-size: 1.3rem;
    font-family: gess,arial,sans-serif;
    width:inherit !important;
}
.at-icon-wrapper:lang(ar) {    
    font-family: gess,arial,sans-serif;   
    width:inherit !important
}
.at-svc-print {
    background: url("../img/icon/print.png") 0 5px no-repeat;
}

.at-svc-compact {
    background: url("../img/icon/share.png") 0 5px no-repeat;
}

.at-svc-email {
    background: url("../img/icon/email.png") 0 5px no-repeat;
}
.at-svc-print:lang(ar) {
   background-position:right;
}
.at-svc-compact:lang(ar) {
    background-position:right;
}
.at-svc-email:lang(ar) {
    background-position:right;
}
.at-svc-print .at-icon-wrapper:after {
    content: 'Print';
}
.at-svc-print:lang(ar) .at-icon-wrapper:after {
    content: 'طباعة';
}
.at-svc-compact .at-icon-wrapper:after {
    content: 'Share';
}
.at-svc-compact:lang(ar) .at-icon-wrapper:after {
    content: 'شارك';
}
.at-svc-email .at-icon-wrapper:after {
    content: 'Email';
}
.at-svc-email:lang(ar) .at-icon-wrapper:after {
    content: 'البريد الإلكتروني';
}
.page-hero {
    min-height: 110px;
}

/*End Share Component*/
.bill-history .table thead th a, .bill-history .table thead th a:hover, .bill-history .table thead th a:visited {
    font-size: 1.8rem;
    text-transform: uppercase;
    line-height: 1;
    color: #545c67;
    font-weight: 600;
    text-decoration: none !important;
}

.modal {
    display: none;
    position: fixed;
    z-index: 1000;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: rgba( 0, 0, 0, .8 );
}

/* When the body has the loading class, we turn
   the scrollbar off with overflow:hidden */
body.loading {
    overflow: hidden;
}

    /* Anytime the body has the loading class, our
   modal element will be visible */
    body.loading .modal {
        display: block;
    }

        body.loading .modal .progress {
            position: fixed;
            height: 16%;
            width: 16%;
            top: 40%;
            left: 42%;
            background: url("../img/icon/loading.gif") no-repeat;
            background-size: contain;
            background-position: center;
        }

.multiple-property .col-1, .multiple-property .col-2, .multiple-property .col-3, .multiple-property .col-4 {
    padding: 20px;
}
#QuestionPopUp p{
	font-size:1.6rem;
}

.side-pod .button-highlight span svg{
	width:10%;
	vertical-align:middle;
}

.side-pod span{
	text-align:left !important;
	text-transform:none;
}
.side-pod span:lang(ar){
	text-align:right !important;
	text-transform:none;
}
#latestbill-summary-info .dashboard-detail-box .dashboard-bill-summary {
    display: block;
}

.faq-block .billing-payment.panel {
    display: block;
}

.sitemap .search-block .ui-input, .pressrel .search-block .ui-input {
    background: #dbdde0 !important;
}

.sitemap .section-link-block {
    margin-top: 30px !important;
}

.content .response-block {
    background: #e0efd1;
    border: 1px solid #d2e289;
    padding: 4.1rem 2rem 4.8rem;
    margin-top: 4rem;
}

    .content .response-block .note {
        border-bottom: 0px !important;
    }

    .content .response-block h3 {
        font-size: 2.4rem !important;
    }

.side-pod1 {
    font-size: 1rem !important;
    width: 98% !important;
    margin: 2.5rem 0 0 !important;
    padding-top: 2.5rem !important;
    border-top: 1px solid rgba(84,92,103,.2) !important;
}

.bill-history .table thead th:nth-child(5) {
    white-space: nowrap;
    width:11%;
}
.bill-history .table thead:lang(ar) th:nth-child(5) {
    white-space: nowrap;
    width:15%;
}


.bill-history .table thead th .down-arrow {

    top:inherit;
}
.content .fields.user-info-box > :first-child.field {
    margin-top: 23px;
}

.page-title a {
    display: none;
}

.update-account-details {
    width: 98%;
}

    .update-account-details .field {
        font-family: blisslight,arial,sans-serif !important;
    }
	.update-account-details .field:lang(ar) {
        font-family: gess,arial,sans-serif !important;
    }

    .update-account-details .field-small {
        margin-top: 0px !important;
    }

.radius50 {
    font-family: blissregular,arial,sans-serif;
    font-size: 100%;
    width: 75px !important;
    height: 75px !important;
    display: inline-block;
    border-radius: 50%;
    vertical-align: middle;
}
.radius50:lang(ar),.radius132:lang(ar) {
    font-family: gess,arial,sans-serif;

}


.radius132 {
    font-family: blissregular,arial,sans-serif;
    font-size: 100%;
    width: 132px;
    height: 132px;
    display: inline-block;
    border-radius: 50%;
}

.landing .tabs .cta-pods .icon {
    margin-top: 0px;
}

.thumb-carousel {
    min-height: 130px;
}

.page-header .notification-content p {
    margin-top: 10px;
}

.bill-history .resources.bill-forecast1 {
    width: 100% !important;
}

.bill-forecast1 h3 {
    padding: 0px !important;
    padding-top: 10px !important;
    font-size: 24px;
    font-weight: 400;
}

.bill-forecast1 sub {
    font-size: 100% !important;
}

.consumption-graph .content-panel {
    min-height: 390px;
}

.bill-history .resources.bill-forecast1 summary {
    width: 60% !important;
}

.bill-forecast1 {
    border: 0px !important;
}

.pay-bills .three-column.multiple-property {
    border-top: 0;
}

.inboxCount {
    background: url('../img/icon/svg/notification.svg') no-repeat;
    text-align: center;
    height: 32px;
    width: 32px;
}

.flat {
    background: url('../img/icon/svg/flat.svg') no-repeat;
    height: 30px;
    width: 30px;
}


.move-in span {
    font-size: 16px !important;
}
.moveout-info-box p,.select-account .moveout-info-box ul li {
	font-family:blisslight,arial,sans-serif;
}
.moveout-info-box p:lang(ar),.select-account .moveout-info-box ul li :lang(ar),.moveout-info-box p:lang(ar), .select-account .moveout-info-box ul li:lang(ar){
	font-family:gess,arial,sans-serif;
}

.pay .field .bill-details p {
    font-size: 1.8rem;
}

.content .field .bill-forecast summary.no-bill-forecast {
    width: 100%;
}

.sidebar > div:first-child .side-pod, .side-help-panel > div:nth-child(2) .side-pod {
    padding-top: 0px;
    margin-top: 0px;
    border-top: 0;
}

.moveout-info-box.error p {
    color: #545c67;
}

.displaynone {
    display: none !important;
}
/*  Styles for Quick Launch Navigation */
.quick-link-toll .icon {
    background: url("../img/icon/svg/foremergencies.png") left 0px no-repeat;
    width: 20px;
    height: 20px;
}

.quick-link-outage .icon {
    background: url("../img/icon/svg/emergenciesoutages.png") left 0px no-repeat;
    width: 20px;
    height: 20px;
}

.quick-link-report .icon {
    background: url("../img/icon/svg/report.png") left 0px no-repeat;
    width: 20px;
    height: 20px;
}

.slide-nav .quick-links span.icon {
    margin-right: 5px;
    width: 20px;
}
/*  Styles for Quick Launch Navigation */
/*Mobile Leftnav Icons*/
.mobile-getconnect .icon {
    background: url("../img/icon/svg/01-get-connected.svg") left 0px no-repeat;
    height: 25px;
    width: 25px;
    background-size: 100%;
}

.mobile-help .icon {
    background: url("../img/icon/svg/01-help-advice.svg") left 0px no-repeat;
    height: 25px;
    width: 25px;
    background-size: 100%;
}

.mobile-working .icon {
    background: url("../img/icon/svg/01-working-living.svg") left 0px no-repeat;
    height: 25px;
    width: 25px;
    background-size: 100%;
}

.mobile-myaddc .icon {
    background: url("../img/icon/svg/01-myaddc-home.svg") left 0px no-repeat;
    height: 25px;
    width: 25px;
    background-size: 100%;
}

.mobile-dashboard .icon {
    background: url("../img/icon/svg/dashboard.svg") left 0px no-repeat;
    height: 25px;
    width: 25px;
    background-size: 100%;
}

.mobile-billing .icon {
    background: url("../img/icon/svg/02-pay-bills.svg") left 0px no-repeat;
    height: 25px;
    width: 25px;
    background-size: 100%;
}

.mobile-services .icon {
    background: url("../img/icon/svg/tools.svg") left 0px no-repeat;
    height: 25px;
    width: 25px;
    background-size: 100%;
}

.mobile-advice .icon {
    background: url("../img/icon/svg/help-advice2.svg") left 0px no-repeat;
    height: 25px;
    width: 25px;
    background-size: 100%;
}
.vert-center img.svg{
	width:100%;
}
/*Mobile Leftnav Icons*/
/*Movin Business*/
.two-column1 {
    box-sizing: border-box;
    margin-top: 10px;
}

    .two-column1 .col-1 {
        width: 70%;
        float: left;
        text-align: left;
        margin-right: 3%;
        box-sizing: border-box;
        font-family: blissregular,arial,sans-serif;
        font-size: 1.6rem;
        color: #545c67;
    }.two-column1 .col-1:lang(ar) {
          font-family:gess,arial,sans-serif;;
        
    }

    .two-column1 .col-2 {
        width: 25%;
        float: left;
        text-align: left;
        box-sizing: border-box;
    }

    .two-column1 .link {
        font-size: 1.6rem;
    }

        .two-column1 .link .icon {
            position: relative;
            right: 0;
            width: 18px;
            height: 18px;
            margin-right: 0;
            vertical-align: top;
        }

            .two-column1 .link .icon img {
                width: 18px;
                height: 18px;
            }

.printlogo {
    display: none;
}
.inline-filter .filter-details .ui-datepicker{
	display:inline-block !important;
}

.notficationsmall {
    background: url("../img/icon/svg/notification.svg") left 0px no-repeat !important;
    height: 27px;
    width: 32px;
    color: white;
    background-size: 100% !important;
    display: table-cell;
    padding-top: 5px;
}
.welcome-page .latest-bill{
	margin-bottom:0px !important;

} 
a:hover {
    text-decoration: none;
}
.addMoreFiles{
	font-size:1.6rem;
	font-weight:600;
}
.filter-link a .icon{
	display:none;
}

.empImg .col {
    float: left;
    margin-left: 3px;
}



.res .downloadreceipt:lang(ar),.business .downloadreceipt:lang(ar),.work .downloadreceipt:lang(ar){
	font-family: gess,arial,sans-serif;
}
.res .downloadreceipt{
	text-decoration:underline !important;
    color: #4d7a18 !important;
    line-height: 1;
    font-weight: 400 !important;
    font-size: 1.3rem !important;
    text-transform: uppercase !important;
    border: 0px solid !important;
    padding: 1px;
	font-family: blissregular,arial,sans-serif;
	
} 
.business .downloadreceipt{
	text-decoration:underline !important;
    color: #2199cf !important;
    line-height: 1;
    font-weight: 400 !important;
    font-size: 1.3rem !important;
    text-transform: uppercase !important;
    border: 0px solid !important;
    padding: 1px;
	font-family: blissregular,arial,sans-serif;
} 

.work .downloadreceipt{
	text-decoration:underline !important;
    color: #7b3509 !important;
    line-height: 1;
    font-weight: 400 !important;
    font-size: 1.3rem !important;
    text-transform: uppercase !important;
    border: 0px solid !important;
    padding: 1px;
	font-family: blissregular,arial,sans-serif;
} 

.res .download-bill a {
    padding: 1.3rem;
    margin-top: 15px;
    font-size: 1.4rem;
    background-color: #4d7a18;
    line-height: 1.2;
    text-transform: uppercase;
    vertical-align: middle;
    text-align: center;
    color: #fff !important;
}
.business .download-bill a {
    padding: 1.3rem;
    margin-top: 15px;
    font-size: 1.4rem;
    background-color: #2199cf !important;
    line-height: 1.2;
    text-transform: uppercase;
    vertical-align: middle;
    text-align: center;
    color: #fff !important;
}

.downloadreceipt:hover {
    background: none !important;
} 

.business .notficationsmall {
    background: url("../img/icon/svg/notificationbusiness.png") left 0px no-repeat !important;
    height: 27px;
    width: 32px;
    color: white;
    background-size: 100% !important;
    display: table-cell;
    padding-top: 5px;
}
.work .notficationsmall {
    background: url("../img/icon/svg/notification_work.svg") left 0px no-repeat !important;
    height: 27px;
    width: 32px;
    color: white;
    background-size: 100% !important;
    display: table-cell;
    padding-top: 5px;
}
.tariff-information h2 {
    font-size: 2.4rem !important;
    font-weight: 700;
}
.business .account-info .link{
	background:#2199cf;
}
.business .account-block a{
	/*border-bottom: 1px solid #2199cf;	*/
}
.work .account-block a,.work .note p a,.work .tariff-info-box a{
	/*border-bottom: 1px solid #7b3509;	*/
}

.business .tabs .cta-pods li.profile-box:hover a {
    background: transparent !important;
}
.work .section-intro.home .intro a{
	    border-bottom: 1px solid #7b3509;
}
.pay-details dl.highlight .change-amount.pay-amount, .pay-details dl.highlight .field-change-amount {
    width: 150px;
}
.residential .content .contact-popup .field .ui-input input{
	width:92%;
}

.pay-details dl.highlight input.change-amount-input {
    font-size: 18px;
    text-align: left;
}
.extralink{
	font-size: 1.4rem;
    color: #fff !important;
    background-color: #545c67;
    padding: 1.35rem 1.8rem;
    margin-top: 2rem;
	text-decoration:none !important;
	line-height:2;
	
}
.download-link .btnlink{
	color:#fff !important;
	font-size: 1.8rem;
    text-transform: uppercase;
    background: #545c67;
    padding: 24px 2%;
    width: 100%;
}
.res .download-link .btnlink{
	color:#fff !important;
	font-size: 1.8rem;
    text-transform: uppercase;
    background: #649c23;
    padding: 24px 2%;
    width: 100%;
}
.business .download-link .btnlink{
	color:#fff !important;
	font-size: 1.8rem;
    text-transform: uppercase;
    background: #2199cf;
    padding: 24px 2%;
    width: 100%;
}
.work .download-link .btnlink{
	color:#fff !important;
	font-size: 1.8rem;
    text-transform: uppercase;
    background: #7b3509;
    padding: 24px 2%;
    width: 100%;
}


.res .extralink{
	font-size: 1.4rem;
	color: #fff !important;
	background-color: #4d7a18;
	padding: 1.35rem;
	margin-top: 2rem;
	text-decoration:none !important;
}
button.extralink.extBtnInner {
    width: 38%;
 }
 .content .fields .extBtn span {
    opacity: 10;
}

@media screen and (max-width: 400px){
.extBtn span .extralink {
    font-size: 1.5rem;
    height:110px;
    text-align: center;
    padding: 0.35rem;
}
}
address span a{
	    text-decoration: underline;
		text-transform:none;
}

.business .extralink{
	font-size: 1.4rem;
    color: #fff !important;
    background-color: #2199cf;
    padding: 1.35rem 1.8rem;
    margin-top: 2rem;
	text-decoration:none !important;
	
}
#emergencyheader a {
	text-decoration:underline;
}
.work .extralink{
	font-size: 1.4rem;
    color: #fff !important;
    background-color: #7b3509;
    padding: 1.35rem 1.8rem;
    margin-top: 2rem;
	text-decoration:none !important;
	
}
@media screen and (max-width: 480px){
	.content .field .thumblist li, .content .field .ui-button input, .content .field .ui-button.short input, .content .field .ui-checkbox, .content .field .ui-input input, .content .field .ui-input.short input, .content .field p, .content .field.note, .content .form-title, .content .ui-select select, .promotional-block .thumb-list li{
		font-size:1.4rem!important;
	}
}
.result-item h2 strong {
    font-weight: 300 !important;
}

.result-item-content {
    text-align: left;
}
.result-item-content:lang(ar) {
    text-align: right;
}

@media screen and (max-width:720px) {

    .ms-srch-sbLarge > .ms-srch-sb-searchLink {
        width: 100%;
    }

    .ms-srch-sbLarge > input {
        width: 100% !important;
        margin-bottom: 20px;
    }

    #s4-workspace {
        overflow: inherit !important;
        position: inherit !important;
    }
}

.content .bill-history .fields .estbtn {
    margin-top: 65px !important;
}

.slide-nav .ui-form .form-title {
    font-family:arial,helvetica;
	color:#fff;	
	font-size:1.4rem;
}
.side-pod .button-highlight .icon svg {
	width:10%;
	vertical-align:middle;
} 
.bill-item-details img {
	       max-width: 100% !important; 
		   margin-left: 10px !important;
  } 

.media .thumb-pod .details-wrapper .quote {
    min-height: 70px;
}

.select-accounts .two-column.multiple-property .col-1 {
    width: 66% !important;
}

.welcome-page .three-column.multiple-property .col-2, .welcome-page .three-column.multiple-property .col-3 {
    width: 25%;
}

.edit-mode-panel {
    width: 100%;
    margin-top: 20px;
    font-size: 14px !important;
    line-height: 22px !important;
}

.mb20 {
    margin-bottom: 20px;
}

.ms-webpart-chrome-title h2 {
    display: none;
}

.media .side-pod img {
    width: 204px;
    height: 204px;
}

.sticky-nav {
  /**  z-index: 1;**/
}

.total-due-amount span {
    font-size: 3rem;
}

.accountdetails .content-col-new .dashboard-detail-box .dashboard-bill-summary .col3 .col dl dt, .accountdetails .content-col-new .dashboard-detail-box .dashboard-bill-summary .col2 .col dl dt {
    width: 100%;
    font-size: 1.8rem;
    text-align: center;
}

.business .payment-method .payment-summary .block {
    background: #c4ecff;
    border: 1px solid #2199cf;
}

.business .content .payment-method .field .pay-bills .three-column .link .icon svg path {
    fill: #2199cf;
    stroke: #2199cf;
}

@media screen and (min-width:1000px) {
    .slide-wrapper {
        min-height: 500px;
    }
}
.social-pod a:before {
    background: #545C67 !important;
}
.business .social-pod a:before {
    background: #2199cf;
}

.work .social-pod a:before {
    background: #7b3509;
}
/*Start Left nav Icons for Media*/
.left-nav-media-news .icon, .left-nav-media-news .icon:hover {
    background: url("../img/icon/svg/press-releases.svg") left 0px no-repeat !important;
    width: 32px !important;
    height: 32px;
}

.left-nav-media-gallery .icon, .left-nav-media-gallery .icon:hover {
    background: url("../img/icon/svg/images-video.svg") left 0px no-repeat !important;
    width: 32px !important;
    height: 32px;
}

.left-nav-media-events .icon, .left-nav-media-events .icon:hover {
    background: url("../img/icon/svg/event.svg") left 0px no-repeat !important;
    width: 32px !important;
    height: 32px;
}

.left-nav-media-publications .icon, .left-nav-media-publications .icon:hover {
    background: url("../img/icon/svg/document-publications.svg") left 0px no-repeat !important;
    width: 32px !important;
    height: 32px;
}

.left-nav-media-interviews .icon, .left-nav-media-interviews .icon:hover {
    background: url("../img/icon/svg/interview.svg") left 0px no-repeat !important;
    width: 32px !important;
    height: 32px;
}

.left-nav-media-brands .icon, .left-nav-media-brands .icon:hover {
    background: url("../img/icon/svg/brand.svg") left 0px no-repeat !important;
    width: 32px !important;
    height: 32px;
}

.left-nav-media-addchome .icon, .left-nav-media-addchome .icon:hover {
    background: url("../img/icon/svg/01-myaddc-home.svg") left 0px no-repeat !important;
    width: 32px !important;
    height: 32px;
}

.thumb-pod .thumb img {
    font-family: blissregular,arial,sans-serif;
    font-size: 100%;
    width: 100%;
    display: inline-block;
    border-radius: 50%;
}
.thumb-pod .thumb img:lang(ar) {
    font-family: gess,arial,sans-serif;;
   
}
/*End Left nav Icons for Media*/
.ms-srch-sb > .ms-srch-sb-navLink {
    display: none;
}

.results {
    background: transparent !important;
}

.bill-history .table thead th .up-arrow {
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 13px solid #000;
    position: absolute;
    right: 8px;
}

/********* For Map alignment**********/
.gm-style .gm-style-iw {
	text-align: left !important;
}
/******************* For Slide Nav bar and Alignment Bug number 63589/63580***********************/

.slide-nav.show{		
	position:fixed !important;		
}

.slide-nav{
		height:100%;
}


@media screen and (min-width: 1200px)
{

	.slide-nav{
		display:none !important;
	}

	.overlay{
	 display:none !important;
	}
}

@media screen and (max-width:1200px) {

    .section-slider .main-slides-wrapper{
		width:100% !important;
		text-align:center;

    }

}

@media screen and (max-width: 480px)
{
.steps .tab .mid {
		font-size: 10px; 
	}

.thumb-pod .thumb img{
	width:100%;
 }
}
.thumb-pod .thumb img {
    font-family: blissregular,arial,sans-serif;
    font-size: 100%;
    width: 100%;
    display: inline-block;
    border-radius: 50%;
}
/********************* End ************************/
.business .bill-history-page .dashboard-detail-box .link.download-bill > a, .business .dashboard-detail-box .linkbtn {
    background: #2199cf !important;
}
.section-intro .intro {
    margin-top: 50px;
}
.media .section-intro .intro {
    margin-top: 130px;
}

.business .other-info li {
    background: #c4ecff !important;
}

.business .note p a,.business .tariff-info-box a{
		border-color: #2199cf !important;
}
.business .bill-history .bill-details .highlight .link {
    background: #2199cf !important;
}

.business .bill-history .filter a {
    border-bottom: 1px solid #2199cf !important;
}

.business .content-col-new .dashboard-detail-box .dashboard-account-details .highlight {
    background: #c4ecff;
}

.multiple-property .col-1 dl dt .ui-checkbox label {
    width: inherit !important;
}

.select-accounts .multiple-property.two-column .col-1 label span.icon img {
    width: 24px;
}

.search-block .col4 .ui-input {
    background: #dbdde0 !important;
}
.sidebar .thumb img {
    font-family: blissregular,arial,sans-serif;
    font-size: 100%;
    width: 204px;
    height: 204px;
    display: inline-block;
    border-radius: 50%;
}
.sidebar .thumb img:lang(ar) {
    font-family: gess,arial,sans-serif;
   
}
/************************ need Help Master *************/
.res .sidebar .thumb .needhelp-master:lang(ar),.business .sidebar .thumb .needhelp-master:lang(ar),.work .sidebar .thumb .needhelp-master :lang(ar){
	font-family:gess,arial,sans-serif;
}
    .res .sidebar .thumb .needhelp-master {
    font-family: blissregular,arial,sans-serif;
    font-size: 100%;
    width: 204px;
    height: 204px;
    display: inline-block;
    border: 0px solid #000;
    background: url(../img/content/thumb_needhelp.png)left bottom no-repeat;
    background-size: 100%;
	}
	.business .sidebar .thumb .needhelp-master {
    font-family: blissregular,arial,sans-serif;
    font-size: 100%;
    width: 204px;
    height: 204px;
    display: inline-block;
    border: 0px solid #000;
    background: url(../img/content/thumb_needhelp_business.png)left bottom no-repeat;
    background-size: 100%;
	}
	.work .sidebar .thumb .needhelp-master {
    font-family: blissregular,arial,sans-serif;
    font-size: 100%;
    width: 204px;
    height: 204px;
    display: inline-block;
    border: 0px solid #000;
    background: url(../img/content/thumb_needhelp_work.png)left bottom no-repeat;
    background-size: 100%;
	}

.media-album-list .cbs-picture3LinesImg {
    width: 190px !important;
}
.change-auto-pay .field-value {
	font-size:3rem;
}
.miniNote{
    float: right;
    width: 100%;
	font-size:1.6rem;
    font-weight: 700;
	color:#000;

}

.miniNote:lang(ar){
    float: left;
    width: 100%;
	color:#000;
	font-size:1.6rem;
    font-weight: 700;
} 
/**************** AED ***********/

.balance:lang(en):before,.bill-amount:lang(en):before {
	content:'AED ';
	font-size:1.4rem;
}
.balance:lang(ar):after,.bill-amount:lang(ar):after{
	content:' درهم ';
	font-size:1.4rem;
}

/**************** AED Ends***********/


.search-block .searchDropdown {
    width: 84.5% !important;
}
@media screen and (max-width: 640px){
.search-block .searchDropdown {
    width: 100% !important;
}
}


.GS-list {
    list-style-type: square;
    list-style-position: outside;
    font-size: 1.6rem;
    margin-left: 50px;
    margin-top: 5px;
    text-align: left;
    font-family:gess,arial,sans-serif;
    opacity:0.8;
	line-height:1.5em;
    } 
.GS-list:lang(ar){
    list-style-type: square;
    list-style-position: outside;
    font-size: 1.6rem;
    margin-left: 50px;
    margin-top: 5px;
    text-align: right;
    font-family:gess,arial,sans-serif;
    opacity:0.8;
	line-height:1.5em;
    } 
.pay-details.change-auto-pay:lang(ar) dl:last-child{
	margin-right:2%;
	width:24%
}
.movein .movein-list .pay-details dl{
	vertical-align:top;
}
.media .tabs .cta-pods a {
    font-size: 1em;
    background: #fff;
    padding-bottom: 85%;
}
.media .tabs .cta-pods a:lang(ar){
    font-size: 1em;
    background: #fff;
    padding-bottom: 115%;
}

.media .tabs .cta-pods li.active a, .media .tabs .cta-pods li:hover a {
    background: #f1f2f3;
}

.media .cta-pods li.profile-box, .media .tabs .cta-pods li.profile-box.active, .media .tabs .cta-pods li.profile-box.active a, .media .tabs .cta-pods li.profile-box:hover {
    background: #e3e5e8;
}

.media .tabs .cta-pods li.profile-box .icon.notification svg path {
    fill: #2c2f36;
}
.media .tabs .cta-pods li:hover > .sub, .tabs .cta-pods li:hover > .sub, .work .tabs .cta-pods li:hover > .sub {
    display: block;
}.media .tabs .cta-pods .sub, .media .tabs .cta-pods li a:hover, .media .tabs .cta-pods li:hover > a {
    background: #f1f2f3;
}
 .media .tabs .cta-pods .sub a {
        font-size: 1.4em;
        color: #2b2e34;
        background: #e0e2e4;
        padding: 8px 0 6px;
    }
	.about-us .slide-anchor:after{
	background:#2c2f36 !important;
}
 .media .tabs .cta-pods .icon svg path, .media .tabs .cta-pods li.profile-box .icon svg path {
    stroke: #545c67;
}

        .media .tabs .cta-pods .sub a:hover {
            color: #666;
        }
        
        .media .tabs .cta-pods .sub li{
            border-color: #ccc;
        }
		.business .tabs .cta-pods .sub li{
			border-color:#2199cf;
			
		}
		.work .tabs .cta-pods .sub li{
			border-color:#7b3509;
		}
		
.media .notficationsmall {
    background: url("../img/icon/svg/notificationmedia.png") left 0px no-repeat !important;
    height: 27px;
    width: 32px;
    color: white;
    background-size: 100% !important;
    display: table-cell;
    padding-top: 5px;
}

.about-us .tabs .cta-pods a {
    font-size: 1em;
    background: #fff;
    padding-bottom: 85%;
}

.about-us .tabs .cta-pods li.active a, .about-us .tabs .cta-pods li:hover a {
    background: #f1f2f3;
}

.about-us .cta-pods li.profile-box, .about-us .tabs .cta-pods li.profile-box.active, .about-us .tabs .cta-pods li.profile-box.active a, .about-us .tabs .cta-pods li.profile-box:hover {
    background: #e3e5e8;
}

.about-us .tabs .cta-pods li.profile-box .icon.notification svg path {
    fill: #2c2f36;
}
.about-us .tabs .cta-pods li:hover > .sub, .tabs .cta-pods li:hover > .sub, .work .tabs .cta-pods li:hover > .sub {
    display: block;
}.about-us .tabs .cta-pods .sub, .about-us .tabs .cta-pods li a:hover, .about-us .tabs .cta-pods li:hover > a {
    background: #f1f2f3;
}
.about-us .tabs .cta-pods li :hover{
	background: #f1f2f3 !important;
}
 .about-us .tabs .cta-pods .sub a {
        font-size: 1.4em;
        color: #2b2e34;
        background: #e0e2e4;
        padding: 8px 0 6px;
    }
.about-us .tabs .cta-pods .icon svg path, .about-us .tabs .cta-pods li.profile-box .icon svg path {
    stroke: #545c67;
}
.media .cta-pods polygon, .media .cta-pods line {
    stroke: #545c67;
}
.about-us .cta-pods polygon, .about-us .cta-pods line {
    stroke: #5b5b5b;
}

        .about-us .tabs .cta-pods .sub a:hover {
            color: #666;
        }
        
        .about-us .tabs .cta-pods .sub li{
            border-color: #ccc;
        }
.about-us .notficationsmall {
    background: url("../img/icon/svg/notificationmedia.png") left 0px no-repeat !important;
    height: 27px;
    width: 32px;
    color: white;
    background-size: 100% !important;
    display: table-cell;
    padding-top: 5px;
}
.login-form  .inline a{
	color:#fff;
	border-color: #fff;
}
.media .page-header .login-form .fields > .field a{
	color:#fff;
	border-color: #fff;
}
.result-item .link-wrapper .icon{
	margin-top:10px;
}
.forgot-password .fields .field p{
	font-size:2rem !important;
	margin-top: 5px;
}
.page-header .login-form:lang(ar) .fields > .form-title{
	font-family:gess,arial,helvetica;
	color:#fff;	
	font-size:1.4rem;
}
.page-header .login-form{
    width:100%;
}
.page-header .login-form .fields > .form-title{
    width:600px;
    margin-right:10px;
}
.page-header .login-form:lang(ar) .fields > .form-title{
    margin-left:10px;
    text-align:left;
}
.select-account .auto-payment dl dt span{
	display:inline;
}
.btninbox{
    border:0px !important;
    color:#649c23 !important;
    font-family:blisslight,arial,serif !important;
    font-size:1em !important;
    text-transform:uppercase;
    background:transparent !important;

}
.btninbox:lang(ar){
       font-family:gess,arial,sans-serif !important;
   }
.welcome-page .multiple-property .extra-large{
	width:14.2rem;
}
.multiple-property .extra-large{
	font-size:3rem;
}
.business .change-auto-pay .link {
   
    background: #2099cf;
    
}
.business .multiple-property.selected{
	background:#eaf7fc
}
.auto-payment .link{
	padding:12px 5px;
}
.pay-details.change-auto-pay dl.highlight dl{
	vertical-align:top;
}
.pay-details.change-auto-pay .big{
	font-size:2.1rem;
}
.business .bill-details .bill-primary-details {
    padding: 29px 40px 39px;
    border-top: 1px solid #c4ecff;
    border-right: 1px solid #c4ecff;
    border-left: 1px solid #c4ecff;
}
.business .link-list li a {
           /* border-bottom: 1px solid #2099cf;*/
        }

.ms-srch-Paging li{
	 width: 32px;
    height: 32px;
}
.content-col .thumb-pod.big .thumb img{
	border-radius:1% !important;
}
.ms-promlink-button-enabled{
	border:0px;
	 color: transparent;
   
}
.ms-promlink-button-enabled img{
	display:none
}
#PageLinkPrev {
   background: url("../img/icon/arrow-left.png") 0 50% no-repeat;
}
#PageLinkNext{
	background: url("../img/icon/arrow-right.png") 0 50% no-repeat;

}
.ms-srch-Paging a {
	color:#1f232b !important;
	font-size:1.8rem;
	
}
#PagingSelf a{
	border-bottom:1px solid #1f232b;
	padding:0px !important;
	font-weight:normal!important;
	color:#666!important;

	
}
.highcharts-container{
	width:100% !important;
}
.business .tabs .cta-pods .sub, .business .tabs .cta-pods li a:hover, .business .tabs .cta-pods li:hover > a {
    background: #c4ecff;
}
    .business .tabs .cta-pods .sub a {
        font-size: 1.4em;
        color: #2b2e34;
        background: #c4ecff;
        padding: 8px 0 6px;
    }

        .business .tabs .cta-pods .sub a:hover {
            color: #2099cf;
        }
.content .field .ui-button .ui-link, .content .field .ui-button input {
    font-size:2.8rem;
}
.media-block .media-album-list img{
     font-family: blissregular,arial,sans-serif;
    font-size: 100%;
    width: 100% !important;
    height: auto;
    display: inline-block;
    border-radius: 50%;
    overflow:hidden;
}
.media-block .media-album-list img:lang(ar){
     font-family: gess,arial,sans-serif;
   
}
.bill-details .highlight dl{
    width:70%;
}
.bill-history .bill-details .highlight .link{
    min-width:inherit;
}
.bill-history .bill-details .highlight{
    margin-left:1rem;
}
.bill-history .bill-details .highlight:lang(ar){
    margin-left:0rem;
    margin-right:1rem;
}
.bill-history .bill-details .highlight dd span{
    font-size:3.7rem;
}
.welcome-page .dashboard-info-box .col-cta{
	white-space:nowrap;
}
.tabs .cta-pods:lang(ar) li:first-child .icon svg{
	 -moz-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    -ms-transform: scaleX(-1);
    transform: scaleX(-1);
    -ms-filter: "FlipH";
    filter: FlipH;

}

.customPara {
    color: #545c67;
    font-size: 2.4rem !important;
    margin-top: 10px;
    line-height: 1.3;
	font-family:blissregular,arial,sans-serif ;
}
 .customPara:lang(ar) {
 
	font-family:gess,arial,sans-serif; ;
} 
.account-details .link:lang(ar){
	left:0px
}
.pay-details dl.highlight:lang(ar) input.change-amount-input{
	text-align:right;
}
.pay-details dl.highlight .pay-amount.change-amount:lang(ar) {
        
        
        display: inline-block;
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -o-box-sizing: border-box;
        padding-left: 0px;
         padding-right: 7px;

    }
.account-details dl.highlight:lang(ar){
	width:40.5%
}

@media screen and (max-width: 700px){
	.account-details dl.highlight:lang(ar),#emergencyheader a{
	width:100%;
}

}
@media screen and (max-width: 700px){
	#emergencyheader{
		width:100%;
	}
}
.business .moveout-info-box.error {
        background-color: #fee5e5;
        border-top: 3px solid #ffc5c5;
        border-bottom: 3px solid #ffc5c5;
    }

.quick-link-toll{
	cursor:text;
	pointer-events: none;
}
.my-bill .dashboard-bill-summary .std-consumption .standard {
        position: absolute;
        top: 33%;
        width: 100%;
        background:transparent;
        text-align: center;
    }

.my-bill .dashboard-bill-summary .std-consumption .excess:lang(ar) {
    position: absolute;
    bottom: 18%;
    width: 100%;
    background:transparent;
    text-align: center;
     left: 30%;  
    right: 0%; 
}
.breakword{
	word-break:break-all;
}
.moveout .bill-details .highlight{
	margin-top:0px;
}
.btnlink {
        font-size: 1.8rem;
        text-transform: uppercase;
        color: #fff;
        background: #649c23; 
        padding: 26px 3.676%;       
        width: 100%;
    }
.mt36{
	margin-top:36px;
	margin-bottom:36px;
}
.confirmation-final-bill .field .ui-button input{
	font-size: 1.8rem !important;
}
.business .inbox .table .row.active{
	background:#eaf7fc
}
.business .btninbox{
	color:#2199cf !important
}
.business .dashboard-detail-box{
	border-color:#c4ecff !important
}
.page-header .notifications:lang(ar) .icon{   
     -moz-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    -ms-transform: scaleX(-1);
    transform: scaleX(-1);
    -ms-filter: "FlipH";
    filter: FlipH;
}
.mt65 {
	margin-top:65px !important;
}

.loading-box {
    text-align: center;
    margin-top: 10px;
    display: block;
    min-height: 200px;
    font-size: 20px;
}
.page-header .ms-srch-sbLarge{
	background:transparent !important;
}
.page-header .search .ms-floatLeft{
float:inherit !important;
	
}
.page-header .search .ms-srch-sbLarge > .ms-srch-sb-searchLink{
	 background: url("../img/icon/go.png") 0 0 no-repeat;
    width: 75px;
    height: 35px;
    margin-left: 10px;
}
.page-header .search .ms-srch-sbLarge > .ms-srch-sb-searchLink:lang(ar){
	 margin-left: 0px;
    margin-right: 10px;
}
@media screen and (max-width: 730px){
		.ms-srch-sbLarge > .ms-srch-sb-searchLink:lang(ar){
		  width:100% !important;
}
.mgb0 {
    margin-bottom: 0px;
}
.media a{
	color:#2c2f36 !important;
}
.contact-us a{
	color:#2c2f36 !important;
}
#latestbill-summary-info {
    margin-top: -1px;
}
.pay-details.change-auto-pay dl:last-child{
	width:25%
}
#TariffInformation .premise-details .account-details dl:first-child{
	width:30%;
}
#TariffInformation .premise-tariff-details{
	width:70%;
}
#TariffInformation  .premise-details .account-details dl.premise-tariff-type{
	width:50%;
}
.notficationsmall span:hover, .notficationsmall span{
	background:transparent !important
} 
.media .section-slider .sticky-nav.tabs {
		top:30px;
}
.content input[type=button], .content input[type=reset], .content input[type=submit], .content button{
	margin-left:0px;
}

@media screen and (min-width:720px) {
    .no-touch  {
        display:none;
    }
}
.auto-payment-setup:lang(ar) .pay-details.change-auto-pay > dl.highlight{
	width:35%
}
.pay-details.change-auto-pay p.enable::before{
	position:inherit;
}
.change-auto-pay a{
	margin-left:20%;
	}

.change-auto-pay .link{
	/****margin-left:4%;***/
}
.change-auto-pay:lang(ar) a{
	margin-left:0%;
	margin-right:0%;
	}

.change-auto-pay:lang(ar) .link{
	margin-left:0%;
	margin-right:0%;
}
#PageLinkPrev:lang(ar){
	-moz-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    -ms-transform: scaleX(-1);
    transform: scaleX(-1);
    -ms-filter: "FlipH";
    filter: FlipH;

}
#PageLinkNext:lang(ar){
	-moz-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    -ms-transform: scaleX(-1);
    transform: scaleX(-1);
    -ms-filter: "FlipH";
    filter: FlipH;

}

.moveout.estimate-bill.bill-history .bill-details .highlight dd span{
	font-size:3rem;
}
.moveout.estimate-bill.bill-history .bill-details .highlight dd span span{
	font-size:3rem;

}
.business .content .summary .response-block{
	background:#c4ecff ;
}
.business .filter-box, .business .bill-forecast, .business .bill-summary{
	border-color: #c4ecff;
}
.mobile-logout .icon{
	display:none;
}
.billing-payments .account-info dl:last-child{
	text-align:right;
}