/* fonts */
section{margin-bottom:5px;} 
body{font-family: 'Roboto' !important;}
.welcomeBack{font-size:24px !important;}
.robotoMedium{font-weight:500;}
#signInText{font-size:40px !important;line-height:40px !important;color:#2c2c2c !important;margin-bottom:14px;}
#signIntoAccount{ font-size: 20px;line-height: 24px;color: #B0ADAB;}
.secureArea{font-size:14px;line-height:19px;color:#B0ADAB;}
.warning{border-color:#C23934 !important;}
.redDot, .greenDot{height: 10px;width: 10px;border-radius: 50%;display: inline-block;}
.redDot{background-color: #bbb;}
.greenDot{background-color:#0EDD4D;}
/*.slds-scope a {color:#3366BB !important;}*/
#contractTable_filter{width:100%;}
#contractTable_filter .form-control{
  padding-left:26px;width:100%;
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+PHN2ZyAgIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIiAgIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyIgICB4bWxuczpzdmc9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgICB2ZXJzaW9uPSIxLjEiICAgaWQ9InN2ZzQ0ODUiICAgdmlld0JveD0iMCAwIDIxLjk5OTk5OSAyMS45OTk5OTkiICAgaGVpZ2h0PSIyMiIgICB3aWR0aD0iMjIiPiAgPGRlZnMgICAgIGlkPSJkZWZzNDQ4NyIgLz4gIDxtZXRhZGF0YSAgICAgaWQ9Im1ldGFkYXRhNDQ5MCI+ICAgIDxyZGY6UkRGPiAgICAgIDxjYzpXb3JrICAgICAgICAgcmRmOmFib3V0PSIiPiAgICAgICAgPGRjOmZvcm1hdD5pbWFnZS9zdmcreG1sPC9kYzpmb3JtYXQ+ICAgICAgICA8ZGM6dHlwZSAgICAgICAgICAgcmRmOnJlc291cmNlPSJodHRwOi8vcHVybC5vcmcvZGMvZGNtaXR5cGUvU3RpbGxJbWFnZSIgLz4gICAgICAgIDxkYzp0aXRsZT48L2RjOnRpdGxlPiAgICAgIDwvY2M6V29yaz4gICAgPC9yZGY6UkRGPiAgPC9tZXRhZGF0YT4gIDxnICAgICB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwLC0xMDMwLjM2MjIpIiAgICAgaWQ9ImxheWVyMSI+ICAgIDxnICAgICAgIHN0eWxlPSJvcGFjaXR5OjAuNSIgICAgICAgaWQ9ImcxNyIgICAgICAgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNjAuNCw4NjYuMjQxMzQpIj4gICAgICA8cGF0aCAgICAgICAgIGlkPSJwYXRoMTkiICAgICAgICAgZD0ibSAtNTAuNSwxNzkuMSBjIC0yLjcsMCAtNC45LC0yLjIgLTQuOSwtNC45IDAsLTIuNyAyLjIsLTQuOSA0LjksLTQuOSAyLjcsMCA0LjksMi4yIDQuOSw0LjkgMCwyLjcgLTIuMiw0LjkgLTQuOSw0LjkgeiBtIDAsLTguOCBjIC0yLjIsMCAtMy45LDEuNyAtMy45LDMuOSAwLDIuMiAxLjcsMy45IDMuOSwzLjkgMi4yLDAgMy45LC0xLjcgMy45LC0zLjkgMCwtMi4yIC0xLjcsLTMuOSAtMy45LC0zLjkgeiIgICAgICAgICBjbGFzcz0ic3Q0IiAvPiAgICAgIDxyZWN0ICAgICAgICAgaWQ9InJlY3QyMSIgICAgICAgICBoZWlnaHQ9IjUiICAgICAgICAgd2lkdGg9IjAuODk5OTk5OTgiICAgICAgICAgY2xhc3M9InN0NCIgICAgICAgICB0cmFuc2Zvcm09Im1hdHJpeCgwLjY5NjQsLTAuNzE3NiwwLjcxNzYsMC42OTY0LC0xNDIuMzkzOCwyMS41MDE1KSIgICAgICAgICB5PSIxNzYuNjAwMDEiICAgICAgICAgeD0iLTQ2LjIwMDAwMSIgLz4gICAgPC9nPiAgPC9nPjwvc3ZnPg==);
  background-repeat: no-repeat;
  background-color: #fff;
  background-position: 0px 5px !important;
}
/* buttons */
.validationElement{border-color:#C23934 !important;}
.validationMessage{color:#C23934;clear:both;display:block;}
/*.slds-button{width:106px !important;height:38px !important;font-size:18px !important;}*/
.blueButton{height:40px !important;width:max-content !important;height:38px !important;font-size:18px !important;}
.contractPayBtn{width:56.54px !important;height:27px !important;font-size:14px !important;}
/* navigation section */
.slds-nav-vertical__section{margin-bottom:19px !important;}
.slds-nav-vertical__item.slds-is-active:before {background:none !important;color:#0070D2 !important;font-weight: normal !important;}
.slds-nav-vertical__item{padding:0px !important;margin-bottom:19px;}
.slds-nav-vertical__action {color: #B0ADAB !important;box-shadow: none !important;font-size:22px !important;padding:0px !important;}
.slds-nav-vertical__action:focus{text-decoration:none !important;} 
.slds-is-active{text-decoration:none !important;color:#0070D2 !important;}
.slds-is-open{text-decoration:none !important;color:#0070D2 !important;}
.slds-nav-vertical__action:hover svg{fill:#0070D2 !important;}
.slds-nav-vertical__action svg:hover{fill:#0070D2 !important;}
.slds-is-active svg{ fill:#0070D2 !important;}
.slds-nav-vertical__action:hover {color:#0070D2 !important;box-shadow:none !important;}
.slds-nav-vertical__item:hover:before{background:none !important;color:#0070D2 !important;}
.slds-nav-vertical__action:active{color:#0070D2 !important;}
#adBox{margin-top:50px;margin-bottom:79px !important;width:161px;height:134px;border:1px solid purple;}
#contentDiv{padding:0px 0px 0px 90px;}
/*    contract cards */
#viewMoreBtn{width:121px !important;}
.contractCardFooter {clear:both;font-size:18px !important;color:#2D3436 !important;padding-bottom:2.5rem !important;padding-top:.75rem !important;border-top:1px solid #E1E1E1 !important;}
.link-container{height:fit-content;min-height:fit-content;width: 100%;border-radius: 4px;background-color: #FFFFFF;box-shadow: 0 15px 30px 0 #E5E5E5 !important;}
.link-preview-container {height: 100px;width: 100%;border-radius: 4px;background-color: #EBEBEB;box-shadow: 0 15px 30px 0 #E5E5E5 !important;}
.contractButtonBrand {height: 40px !important;width: 90px !important;font-size: 18px !important;}
.rightCard {width:40%;float:right;text-align:right;}
.leftCard {width:40%;float:left;text-align:left;}
.leftCardInner{width:60%;float:left;text-align:left;}
.rightCardInner{width:40%;float:right;text-align:right;}
.amountDueAmount {height: 45px;width: 143px;color: black;font-size: 36px;line-height: 43px;}
.contractSmall{clear:both;}
.contractNumberSmall{font-size:24px;}
.contractNumberBig {height: 55px;width: 160px;color: black;font-size: 42px;line-height: 55px;font-weight: 400;}
.contractDescription {height: fit-content;width: 689px;color: black;font-size: 14px;line-height: 22px;}
.amountDueTitle {height: 19px;width: 82px;color:#B0ADAB;font-size: 14px;line-height: 19px;}
.autoPay {height: 26px;color:#B0ADAB;font-size: 20px;line-height: 26px;}
.dueDateTitle {height: 19px;color: #B0ADAB;font-size: 14px;line-height: 19px;}
.contractNumberTitle {height: 21px;color: #B0ADAB;font-size: 16px;line-height: 21px;}
.contractDetailsLink {height: 16px;width: 192px;color: #FFFFFF;font-size: 12px;line-height: 16px;text-decoration:underline;}
.overviewUl {width:100%;}
.overviewLi {margin-left: 0;width: 100%;}
.overviewCardBody {min-height: fit-content;margin-bottom: 39px;clear:both;}
.contractOverview{margin-top:12px;}
/*   account settings page*/
.asFormElement{width:240px;}
#accountSettings h1 {height: 33px;color: #2C2C2C;font-size: 28px;font-weight: 500;line-height: 37px;}
#accountSettings input[type="text"] {height: 37px;color:#2c2c2c;font-size:16px;}
#accountSettings input[type="textArea"] {height: 147px; width:341px;color:#2c2c2c;font-size:16px;}
#accountSettings select{height: 37px; width:341px;color:#2c2c2c;font-size:16px;}
#accountSettings .slds-input[disabled]{border-width:0px;background-color:transparent;}
#accountSettings .asBtn{line-height: 30px !important; width:max-content; font-size:18px !important;}
.checkIMG{max-width: 400px !important;width:400px;}
#faq h1 { height: 33px;color: #2C2C2C;font-size: 28px;font-weight: 500;line-height: 37px;}
#accSettings h1 {height: 33px;color: #2C2C2C;font-size: 28px;font-weight: 500;line-height: 37px;}
#accSettings h3 {height: 25px;color: #2C2C2C;font-size: 20px;font-weight: 500;line-height: 30px;}
#currentEvent h1 { height: 33px;color: #2C2C2C;font-size: 28px;font-weight: 500;line-height: 37px;}
#currentEvent h3 {height: 25px;color: #2C2C2C;font-size: 20px;font-weight: 500;line-height: 30px;}

#accSettings input[type="text"] {width:100%; height: 37px;color:#2c2c2c;font-size:16px;}
#accSettings input[type="textArea"] {height: 147px; width:341px;color:#2c2c2c;font-size:16px;}
#accSettings select{height: 37px;color:#2c2c2c;font-size:16px;}
#accSettings .slds-input[disabled]{border-width:0px;background-color:transparent;}
#accSettings .asBtn{line-height: 30px !important;font-size:18px !important;}
#accSettings  a {color:black ; ; cursor: pointer;}
#accSettings a:hover {
  color: #0070D2 ;
}



/*support page */
.supFormElement{width:341px;height:44px;margin-bottom:44px;}
#support h1 { height: 33px;color: #2C2C2C;font-size: 28px;font-weight: 500;line-height: 37px;}
#support.slds-wrap{margin-top:25px;}
#support label.slds-form-element__label{color:#706E6B;font-size:14px;}
#support input.slds-input{color:#2B2826;font-size:16px;border-color:#DDDBDA;height:44px;}
#support textarea{color:#2B2826;font-size:12px;border-color:#DDDBDA;resize:none;}
#support select{color:#2B2826;font-size:16px;border-color:#DDDBDA;height:44px;padding-left:12px;}
#support span.contractCare{color: #706E6B;font-size: 18px;font-weight: 500;line-height: 21px;}
#support span.contractCareAddress{color: #706E6B;font-size: 14px;line-height: 22px;}
#support hr{border-color:#979797 !important;color:#979797;margin-bottom:39px;}
/*addFinance page */
#addFinance h1 { height: 33px;color: #2C2C2C;font-size: 28px;font-weight: 500;line-height: 37px;}
#addFinance.slds-wrap{margin-top:25px;}
#addFinance label.slds-form-element__label{color:#706E6B;font-size:14px;}
#addFinance input.slds-input{color:#2B2826;font-size:16px;border-color:#DDDBDA;height:44px;}
#addFinance textarea{color:#2B2826;font-size:12px;border-color:#DDDBDA;resize:none;}
#addFinance select{color:#2B2826;font-size:16px;border-color:#DDDBDA;height:44px;padding-left:12px;}
#addFinance span.contractCare{color: #706E6B;font-size: 18px;font-weight: 500;line-height: 21px;}
#addFinance span.contractCareAddress{color: #706E6B;font-size: 14px;line-height: 22px;}
#addFinance hr{border-color:#979797 !important;color:#979797;margin-bottom:39px;}

/*contract details */
.contractDetailsCardBody {min-height: 227px;margin-bottom: 39px;clear: both;}
#contractDetailscontainer{box-shadow:none !important;border:none !important;}
.detailFoot{font-size:18px;color:#2D3436;font-weight:500;}
.detailArticle{border-width:0px !important;box-shadow:none !important;}
table.detailTable td:nth-of-type(2) {text-align:right;} 
.pastDue{color:#FFFFFF;background-color:#C23934;height:23px;width:64px;border-radius:100px;font-size:10px;padding:3px 6px;margin-right:15px;}
.pastDueWarning{color:#C23934;}
.spacer{height:36px;}
/*payment list */
.paymentRow{height:74px;}
/*.table-striped tbody tr:nth-of-type(odd){}*/
.table td, .table th {vertical-align: middle !important;}
.table td:nth-of-type(1), .table th:nth-of-type(1) {padding-left:30px;}  
.slds-button_brand{background-color:#0070D2 !important;width:max-content !important;height:37px !important;}
.slds-input{width:242px !important;}
 /* sign in page */
.lockIcon{fill:#B0ADAB !important;width: 11px !important;height:11px !important;margin-bottom:3px !important;}
.rightArrow{fill:#3366BB !important;width: 11px !important;height:11px !important;margin-bottom:3px !important;}
.signInBtn{line-height: 30px !important;font-size:16px !important;margin-bottom:14px !important;border-radius:4px;}
.forgot{color:#3366BB !important;}
/*register page */
.need-help-email-sup {margin-top:10px;height: 11px;color: #3366BB;font-size: 10px;line-height: 11px;}
.register-with-the-co {font-size: 20px;line-height: 24px;color:#B0ADAB;}
body .errorM2, body .errorM3, body .errorM4, .slds-vf-scope .errorM2, .slds-vf-scope .errorM3, .slds-vf-scope .errorM4 {
    border-color:red !important;
    height: 48px;border-radius: 4px;background-color: #C23934;font-size:16px !important;
}
#errorDiv table{margin-left:24px !important;}
.msgIcon{height:24px;width:24px !important;margin-top:0px !important;}
/*contract list */
#contractTable.table td{border-width:0px;font-size:14px;color:#2C2C2C;}
#contractTable.table th{border-width:0px;color:#33333388;font-size:14px;padding-left:20px;padding-right:2px;}
#contractTable.table tr{height:72px;}
#contractTable.table td:nth-of-type(1), #contractTable.table th:nth-of-type(1){padding-left:30px;padding-right:10px;}
#contractTable_length{font-size:14px;}
#contractTable_filter{font-size:14px;padding-left:15px;}
.overviewDueDiv{text-align:right; padding-right:8px;}
#contractTable_length select.form-control.input-sm{margin: 0px 8px;}
.row{width:100%;margin:0px !important;}  
.dataTables_filter {width: 50%;float: right;text-align: right;}
 .col-xs-6{width:50%;}
 .paginate_button {border-color:#333333 !important;}
 .paginate_button:hover{background:rgb(0, 112, 210) !important;color:#FFFFFF !important;}
 .paginate_button:hover a{color:#FFFFFF !important;}
 .dataTables_info {font-size:14px;color:#2C2C2C;}
/*paymenthistory table */

#paymentTable.table td{border-width:0px;font-size:14px;color:#2C2C2C;}
#paymentTable.table th{border-width:0px;color:#333333;font-size:14px;opacity: .5;padding-left:10px;padding-right:2px;}
#paymentTable.table tr{height:72px;}
#paymentTable.table td:nth-of-type(1), #paymentTable.table th:nth-of-type(1){padding-left:10px;}
#paymentTable_length{font-size:14px;}
#paymentTable_filter{font-size:14px;padding-left:15px;}
#paymentTable_length select.form-control.input-sm{margin: 0px 8px;}
/* asset table */
#assetTable.table td{border-width:0px !important;font-size:14px;color:#2C2C2C;}
#assetTable.table th{border-width:0px;color:#333333;font-size:14px;opacity: .5;padding-left:10px;padding-right:2px;}
#assetTable.table tr{height:72px;}
#assetTable{font-size:14px;}
#assetTable_length{font-size:14px;}
#assetTable_filter{font-size:14px;padding-left:15px;}
#assetTable_length select.form-control.input-sm{margin: 0px 8px;}
#assetTable select.form-control.input-sm{margin: 0px 8px;}

#bankAccTable.table td{border-width:0px;font-size:14px;color:#2C2C2C;}
#bankAccTable.table th{border-width:0px;color:#333333;font-size:14px;opacity: .5;padding-left:10px;padding-right:2px;}
#bankAccTable.table tr{height:72px;}
#bankAccTable.table td:nth-of-type(1), #bankAccTable.table th:nth-of-type(1){padding-left:30px;padding-right:10px;}
#bankAccTable_length{font-size:14px;}
#bankAccTable_filter{font-size:14px;padding-left:15px;}
#bankAccTable_length select.form-control.input-sm{margin: 0px 8px;}
#bankAccTable select.form-control.input-sm{margin: 0px 8px;}


#ccLogo img{max-width: 120px !important;;}
table.dataTable thead .sorting_asc::after {display:none !important;}
table.dataTable thead .sorting_desc::after {display:none !important;}
table.dataTable.no-footer {border-width:0px !important;}
.col-xs-12{width:100%;}

.robotoFont{font-family:'Roboto' !important;}
.slds-scope h1, .slds-scope h2, .slds-scope h3, .slds-scope h4, .slds-scope h5, .slds-scope h6, .slds-scope th, .slds-scope td {font-family:'Roboto' !important;}
#sideNav{display:block;border-width:0px;}
#header{display:none;}
.slds-nav-vertical__item:hover {color:#0070D2 !important;/*background-color:#F0F8FC;*/}
ul#navItemList li.slds-nav-vertical__item{height:20px;margin-bottom:0px !important;margin-left:-40px !important;padding-left:40px !important;margin-top:40px !important;}
#contractOverviewMobile{display:none;} 
#contractOverview{display:block;}
.autoPayOnText{color:#27AE60;}
.signOutWrap{padding-right: 51px;}
.logoImg{width:120px;}
.logoImgLi{margin-bottom:6px !important;}
#signoutContainer,#loginContainer,#changePasscontainer,#forgotPassContainer{margin-top:260px;}
.loginGridDiv{width:320px !important;}
.requestButton{width:fit-content !important;}
.supInput{width:100% !important;}
.autoPayImg{height:21px !important;width:23px !important;margin:0px 0px 3px 3px;}
.paymentIcons{height:16px !important;width:16px !important;}
#makePayment.slds-wrap{margin-top:25px;}
#makePayment label.slds-form-element__label{color:#706E6B;font-size:14px;}
#makePayment input.slds-input{color:#2B2826;font-size:16px;border-color:#DDDBDA;height:44px;}
#makePayment select{color:#2B2826;font-size:16px;border-color:#DDDBDA;height:44px;padding-left:12px;}
#payDate{width:100% !important}
#dateDiv.slds-dropdown--left{max-width:500px !important;width:500px !important;}
#dateDiv.slds-dropdown{max-width:500px !important;width:500px !important;}
.slds-button:focus {outline: 0;box-shadow: 0 0 0px transparent !important;}
#dateDiv label {margin-bottom:0px !important;}
#makePayment hr{border-color:#979797 !important;color:#979797;margin-bottom:39px;}
/*#makePayment button.ui-datepicker-trigger{content:"{!URLFOR($Asset.SLDS, 'assets/icons/utility-sprite/svg/symbols.svg#event')}";*/
.round {position: relative;} 
.round label {background-color: #fff;border: 1px solid #ccc;border-radius: 50%;cursor: pointer;height: 28px;left: 0;position: absolute;top: 0;width: 28px;} 
.round label:after {border: 2px solid #fff;border-top: none;border-right: none;content: "";height: 6px;left: 7px;opacity: 0;position: absolute;top: 8px;transform: rotate(-45deg);width: 12px;}
  .round input[type="checkbox"] {visibility: hidden;}
  .round input[type="checkbox"]:checked + label {background-color: #007bff;border-color: #007bff;}
  .round input[type="checkbox"]:checked + label:after {opacity: 1;}
  .slds-progress__marker:hover{border-width:0px !important;}
  .payStepButton{width:1rem !important;height: 1rem !important;box-shadow: none !important;}
  .successBtn{height: 2rem !important;width: 2rem !important;}
  .successBtn:hover{border-width:0px !important;}
  .makePaymentLI{font-size:16px;color:#2D3436;margin-top:18px !important;}
  .confirmAndPayBtn{width:auto !important;height:40px !important;font-size:18px !important;float:right;}
  .slds-button_brand[disabled]{
    background: rgb(201, 199, 197) !important;
    border-color: rgb(201, 199, 197)  !important;
    color: rgb(255, 255, 255)  !important;
  }
  .warningIcon{fill:#FFFFFF !important;}
  .newAccountCheckingBox{width:20px !important;height: 20px !important; color:#2D3436 !important;}
  .newAccountSavingsBox{width:20px !important;height: 20px !important; color:#2D3436 !important;}
  .newAccountSaveBankBox{width:20px !important;height: 20px !important; color:#2D3436 !important;}
  #sectionDiv{clear:both;padding-top:50px;}
  .makePayBtn{width:fit-content !important;}
  .whiteBtn{
      height: 37px !important;
      font-size: 18px !important;
      width:fit-content !important;
  }
  .autoPayOnModalContent{
    background-color:#FFB75D !important;width:539px !important;
  }
  .pastDueModalContent{background-color:#FFB75D !important;width:528px !important;}
  .doublePayModalContent{background-color:#FFB75D !important;}
  .doublePayModalHeader{height:91px !important;border-width:0px !important;}
  .makePayModalBody{
    color:#2B2826;
    padding-top: 0px !important;
  }
  #autoPayWarningIcon{fill:#2C2C2C;}
  .autoPayModalWrap{align-items: center !important; display:block !important;text-align:center;}
  .makePayModalHeader{border-bottom-width:0px !important;}
  .close{color: #2c2c2c;}
  .pastDueIn{background-color: transparent !important;border-width:0px !important;width:100% !important;padding-left:0px !important;height:fit-content !important; font-size:20px;color:#2D3436;font-weight:400;}
  .repsWillCall{margin-bottom:43px;}
  .makePayInfoDiv{width:540px;height:fit-content;margin-right:auto;margin-left:auto;margin-bottom:30px;}
  #almostDone{width:540px;height:240px;margin-right:auto;margin-left:auto;}
  .savedAccount{width:100% !important;}
  .ui-widget-header{background:transparent !important;border-width:0px !important;}
  .detailTableDiv{width:100%;margin-top:36px; margin-bottom:18px;}
  .makePayStep3{width:540px;height:240px;margin-right:auto;margin-left:auto;}
  #supportSuccess{width:520px;height:70px;background-color:#048448;color:#FFFFFF;border-radius:4px;padding:13px 10px 10px 18px;}
  #accSuccess{width:520px;height:100px;background-color:#048448;color:#FFFFFF;border-radius:4px;padding:5px 5px 5px 5px;}
  
  input.payDate{width:100% !important;}
  .slds-scope .slds-card {border-width:0px !important;padding: 1px !important;}
  .supportRight{padding-right:50px;}
  .nickname{width:100% !important;}
  .tooltip-inner {
    background-color: #B0ADAB !important;
    max-width:unset !important;
    padding: 0.35rem .5rem !important;
  }
  .tooltip.bs-tooltip-right .arrow:before {/*j$('#payToolTip').tooltip('show');*/
      border-right-color: #B0ADAB !important;
  }
  .tooltip.bs-tooltip-left .arrow:before {
      border-right-color: #B0ADAB !important;
  }
  .tooltip.bs-tooltip-bottom .arrow:before {
      border-right-color: #B0ADAB !important;
  }
  .tooltip.bs-tooltip-top .arrow::before {
      border-top-color: #B0ADAB !important;
      border-width: 0.7rem .7rem 0 !important;
  }
  .tooltip.bs-tooltip-top{
    transform: translate3d(852px, 791px, 0px) !important;
  }
  .bs-tooltip-top .arrow {left:16px !important;}

  .accordion_item{
    padding: 10px;
  }

  .accordion_title {
    cursor: pointer;
    position: relative;
    padding: 10px;
    background-color: lightgray ;
    border-radius: 10px;
  }

  .accordion_desc {
    position: relative;
    padding: 10px;
    background-color:  #fff;
    border-radius: 10px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.03);
    border-top: 3px solid rgba(0, 0, 0, 0.07);
    height:fit-content;
  }

  .bankhead {
    font-size:20px; 
    font-weight:bold; 
    margin-bottom:10px;
  }
  
  .hotspot {
    position: relative;
    display: inline-block;
    
  }
  
  .hotspot .hotspottext {
    visibility: hidden;
    width: 250px;
    background-color:black ;
    color: #ffffff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;
    position: absolute;
    z-index: 1;
    bottom: 150%;
    left: 50%;
    margin-left: -60px;
  }
  
  .hotspot .hotspottext::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 23%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: black transparent transparent transparent ;
  }
  
  .hotspot:hover .hotspottext {
    visibility: visible;
  }


  .hotspot1 {
    position: relative;
    display: inline-block;
    
  }
  
  .hotspot1 .hotspottext1 {
    visibility: hidden;
    width: 400px;
    background-color:black ;
    color: #ffffff;
    text-align: left;
    border-radius: 6px;
    padding: 5px 0;
    position: absolute;
    z-index: 1;
    bottom: 150%;
    left: 50%;
    margin-left: -60px;
  }
  
  .hotspot1 .hotspottext1::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 23%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: black transparent transparent transparent ;
  }
  
  .hotspot1:hover .hotspottext1 {
    visibility: visible;
  }

  .toggle-check-input {
    width: 1px;
    height: 1px;
    position: absolute;
  }
  
  .toggle-check-text {
    display: inline-block;
    position: relative;
    text-transform: uppercase;
    background: #CCC;
    padding: 0.25em 0.5em 0.25em 2em;
    border-radius: 1em;
    min-width: 2em;
    color: #FFF;
    cursor: pointer;
    transition: background-color 0.15s;
  }
  
  .toggle-check-text:after {
    content: ' ';
    display: block;
    background: #FFF;
    width: 1.1em;
    height: 1.1em;
    border-radius: 1em;
    position: absolute;
    left: 0.3em;
    top: 0.25em;
    transition: left 0.15s, margin-left 0.15s;
  }
  
  .toggle-check-text:before {
    content: 'No';
  }
  
  .toggle-check-input:checked~.toggle-check-text {
    background: #8ad869;
    padding-left: 0.5em;
    padding-right: 2em;
  }
  
  .toggle-check-input:checked~.toggle-check-text:before {
    content: 'Yes';
  }
  
  .toggle-check-input:checked~.toggle-check-text:after {
    left: 100%;
    margin-left: -1.4em;
  }
  

/********************************************** Mobile *************************************************************/
@media (min-width: 992px){
    #sideNav{display:block;border-width:0px;}
    
    .register-with-the-co, .need-help-email-sup {max-width:348px;}  
}
@media (min-width: 992px) and (max-width: 1200px){
    .link-container {height: 340px;}
}
@media (min-width: 992px) and (max-width: 1999px){
    #contentDiv{margin-left: 155px;width: 85%;}
    
    .forgotPassDiv{width:auto !important;margin-right:51px;}
    .forgotPassDiv:nth-of-type(2){margin-right:0px;}
    /*.loginGridDiv{width:auto !important;}*/
    .loginGridDiv:nth-of-type(2){padding-right:0px;}
    /*.loginColumn{width:33% !important;}*/
}
/*.navbar-brand{width:80% !important;padding:0px !important;margin:0px !important;text-align:center;}*/
@media (max-width: 991px){
    #header{display:block;padding-bottom:10px;border-bottom:1px solid #E1E1E1;}
    #sideNav{width:100% !important;margin-left:0px !important;margin-top: 0px !important;}
    #contentDiv{width:100%;padding:0px;}
    .container{max-width:100% !important;padding: 15px !important;}
    .slds-nav-vertical__section{padding-left:30px;padding-right:30px;}
    ul#navItemList li.slds-nav-vertical__item{border-top:1px solid #E1E1E1;}
    #logoItem{text-align:center;padding-left:0px;}
}
@media (min-width: 768px) and (max-width: 991px){
    #signInBtn{width:80% !important;}
    .signInBtn{width:100% !important;}
    .loginFormElement input{width:100% !important;}
    .loginFormElement{margin-left:auto !important;margin-right:auto !important;height:50px;}
    .logoImage{max-width:60% !important;}
    .loginLI{text-align:center !important;}
    #signInText{text-align:center;margin-left:10%;margin-right:10%;}
    .secureArea{text-align:center;}
    #signIntoAccount{text-align:center;}
    /**** sign out page ****/
    .signOutWrap,.loginGridDiv{width: 80% !important;padding: 0px;}
    .logoImg{width:45%;}
    .logoImgLi{margin-bottom:50px !important;text-align:center;}
    .btnLi{text-align:center !important;width:80%;padding-left:10%;padding-right:10%;margin-right:auto !important;margin-left: auto !important;}
    #signoutContainer,#loginContainer,#changePasscontainer,#forgotPassContainer{margin-top:80px;}
    .linkLi{width:80%;padding-left:10%;padding-right:10%;margin-left:auto !important;margin-right:auto !important;}
    .loginGrid{display:block !important;}
    .inputLi{margin-right:auto !important;margin-left:auto !important;}
    .loginGridDiv,.forgotPassDiv{margin-right:auto !important;margin-left:auto !important;}
    .needHelp{text-align:center;}
    .register-with-the-co, .need-help-email-sup {width:80%;margin-left:auto !important;margin-right:auto !important;text-align:center;} 
    .makePayBtn{margin:5px;}
    .dueDateTitle {height:fit-content;}
    .nextPayDate{margin-top:5px;clear:both;}
    .savedPayment{width:341px !important;}
    .overviewCardBody{padding:0px !important; border-bottom-width: 0px;}
    .detailTableDiv{margin-top:0px; }
    .detailTableDiv{width:100%; margin-bottom:18px;}
    .autoPay{margin-bottom:10px !important;}
    .detailArticle {margin-bottom:162px;}
    .mobileDetailTr{height:33px;}
    .detailPaymentData, .detPayLabel{width:50%;display:inline-block;}
    #paymentTable_wrapper{display:none !important;}
    .payTableWrap{padding-left:10px;padding-right:10px;}
    .payTableLi{margin-bottom:10px;padding:10px;color:black;}
    li.payTableLi:nth-of-type(odd){background-color: #E1E1E1;}
    li.payTableLi:nth-of-type(even){background-color:transparent;} 
    .asFormElement, .asInput {width: 100% !important;}
    .paySent{text-align:center;}
    .max100{max-width:100%;}
    .makePayStep3{width:100%;}
    .confirmAndPayBtn{float:none;}
    #makePayment{width:100% !important;}
    #supportSuccess{height:fit-content !important;}

}
@media (max-width: 767px){
    #signInBtn{width:80% !important;}
    .signInBtn{width:100% !important;}
    .loginFormElement input{width:100% !important;}
    .loginFormElement{margin-left:auto !important;margin-right:auto !important;height:50px;}
    .logoImage{max-width:60% !important;}
    .loginLI{text-align:center !important;}
    #signInText{text-align:center;margin-left:10%;margin-right:10%;}
    .secureArea{text-align:center;}
    #signIntoAccount{text-align:center;}
    .register-with-the-co, .need-help-email-sup {width:80%;margin-left:auto !important;margin-right:auto !important;text-align:center;}  
    #contractOverviewMobile{display:block;}
    .link-container {height: 440px !important;}
    #contractOverview{display:none;}
    .rightCard{text-align:left;}
    .contractCardFooter {border-top:1px solid #E1E1E1 !important;}
    .amountDueTitle {width:100%;}
    .link-preview-container{height:unset;}
    .contractSmall{min-height:fit-content !important;}
    #signoutContainer,#loginContainer,#changePasscontainer,#forgotPassContainer{margin-top:80px;}
    #sideNav{
      position: relative;
      /*margin-left:196px !important;*/
    }
    #sectionDiv{padding-top:20px;}
    /*support*/
    .supportColumn{clear:both;width:100% !important;justify-content: left !important;align-content: start !important;align-items: start !important;}
    .supportPhone{margin-top:80px !important;}
    .supportMessage{text-align:center !important;margin-bottom:17px !important;}
    .leadMessage{text-align:center !important;margin-bottom:17px !important;}

    .supFormElement{width:100% !important;}
    /*.phoneSupportBusinessIsEdit{margin-top:-217px;}
    .nameBusinessIsEdit{padding-top:94px;margin-top:0px;}
    .contactSupportBusinessIsEdit{margin-top:-276px;}
    .addressBusinessIsEdit{padding-top:94px;margin-top:0px;}*/

    .repsWillCall{margin-bottom:10px;}
    /**** sign out page ****/
    .signOutWrap, .loginGridDiv{width: 80% !important;padding: 0px;}
    .inputLi{margin-right:auto !important;margin-left:auto !important;}
    .loginGridDiv,.forgotPassDiv{margin-right:auto !important;margin-left:auto !important;}
    .logoImg{width:60%;}
    .logoImgLi{margin-bottom:50px !important;text-align:center;}
    .btnLi{text-align:center !important;width:100%;padding-left:10%;padding-right:10%;}
    .linkLi{width:100%;padding-left:10%;padding-right:10%;}
    .loginGrid{display:block !important;}
    .needHelp{text-align:center;}
    .dueDateTitle {height:fit-content;}
    .nextPayDate{margin-top:5px;clear:both;}
    .savedPayment{width:341px !important;}
    .overviewCardBody{padding:0px !important; border-bottom-width: 0px;}
    .detailTableDiv{margin-top:0px; }
    .detailTableDiv{width:100%; margin-bottom:18px;}
    .autoPay{margin-bottom:10px !important;}
    .detailArticle {margin-bottom:80px;}
    .mobileDetailTr{height:33px;}
    .detailPaymentData, .detPayLabel{width:50%;display:inline-block;}
    #paymentTable_wrapper{display:none !important;}
    .payTableWrap{padding-left:10px;padding-right:10px;}
    .payTableLi{margin-bottom:10px;padding:10px;color:black;}
    li.payTableLi:nth-of-type(odd){background-color: #E1E1E1;}
    li.payTableLi:nth-of-type(even){background-color:transparent;}

    .asFormElement, .asInput {width: 100% !important;}
    .paySent{text-align:center;}
    .max100{max-width:100%;}
    .makePayStep3{width:100%;}
    .confirmAndPayBtn{float:none;}
    #makePayment{width:100% !important;}
    #supportSuccess{height:fit-content !important;}

    
}
@media only screen and (max-width: 400px) {
  /* For mobile phones: */
  
  .makePayInfoDiv{width:100%;height:fit-content !important;margin-right:auto;margin-left:auto;margin-bottom:30px;}
  .autoPayOnModalContent{
    background-color:#FFB75D !important;width:67% !important;
  }
  .pastDueModalContent{background-color:#FFB75D !important;width:100% !important;height:82px;}
  .makePayModalBody{
    color:#2B2826;
    padding-top: 0px !important;
  }
  #autoPayWarningIcon{fill:#2C2C2C;}
  .autoPayModalWrap{align-items: center !important; display:block !important;text-align:center;}
  .makePayModalHeader{border-bottom-width:0px !important;}
  .close{color: #2c2c2c;}
  .pastDueIn{background-color: transparent !important;border-width:0px !important;width:100% !important;padding-left:0px !important;height:fit-content !important;}
  .repsWillCall{margin-bottom:43px;}
  .makePayInfoDiv{width:100%;height:fit-content;margin-right:auto;margin-left:auto;margin-bottom:30px;}
  #selectBank{width:341px !important;}
  /*.makePayInput{width:10% !important;}*/

  .makePayInputLabel{width:42% !important;}
  .customAmount{width: 160px !important;}
  /*.makepayStep{width: 40% !important;}*/
  .makepayStep2{width: 40% !important;flex-grow:1 !important;}
  #almostDone{width:100%;height:240px;margin-right:auto;margin-left:auto;}
  .makePayBtn{margin:5px;}
  .dueDateTitle {height:fit-content;}
  .nextPayDate{margin-top:5px;clear:both;}
  .savedPayment{width:341px !important;}
  .overviewCardBody{padding:0px !important; border-bottom-width: 0px;}
  .detailTableDiv{margin-top:0px; }
  .detailTableDiv{width:100%; margin-bottom:18px;}
  .autoPay{margin-bottom:10px !important;}
  .detailArticle {margin-bottom:80px;}
  .mobileDetailTr{height:33px;}
  .detailPaymentData, .detPayLabel{width:50%;display:inline-block;}

  #paymentTable_wrapper{display:none !important;}

  .payTableWrap{padding-left:10px;padding-right:10px;}
  .payTableLi{margin-bottom:10px;padding:10px;color:black;}
  li.payTableLi:nth-of-type(odd){background-color: #E1E1E1;}
  li.payTableLi:nth-of-type(even){background-color:transparent;}

  .asFormElement, .asInput {width: 100% !important;}
  .paySent{text-align:center;}
  .max100{max-width:100%;}
  .makePayStep3{width:100%;}
  .confirmAndPayBtn{float:none;}
  #makePayment{width:100% !important;}

  .overviewUl {padding:10px !important;}
  /*.contractLarge{padding:10px !important;}*/
  .contractCardFooter{padding-top:0px; padding-right:0px;padding-left:0px;}
  .link-container{height:fit-content !important;padding-bottom:15px !important;}
  #supportSuccess{height:fit-content !important;}
}


/*Portal Privacy Policy*/
p.MsoNormal, li.MsoNormal, div.MsoNormal
  {margin:0in;
  line-height:115%;
  font-size:11.0pt;
  font-family:"Arial",sans-serif;}
.MsoChpDefault
  {font-family:"Arial",sans-serif;}
.MsoPapDefault
  {line-height:115%;}
  @page WordSection1
  {size:8.5in 11.0in;
  margin:1.0in 1.0in 1.0in 1.0in;}
div.WordSection1
  {page:WordSection1;}
  h3
  {margin-top:16.0pt;
  margin-right:0in;
  margin-bottom:4.0pt;
  margin-left:0in;
  line-height:115%;
  page-break-after:avoid;
  font-size:14.0pt;
  font-family:"Arial",sans-serif;
  color:#434343;
  font-weight:normal;}
  ol
  {margin-bottom:0in;}
ul
  {margin-bottom:0in;}
  /*Portal Terms and Conditions*/
  @font-face
     {font-family:Wingdings;
      panose-1:5 0 0 0 0 0 0 0 0 0;}
@font-face
     {font-family:SimSun;
     panose-1:2 1 6 0 3 1 1 1 1 1;}
@font-face
  {font-family:"Cambria Math";
  panose-1:2 4 5 3 5 4 6 3 2 4;}
@font-face
  {font-family:Calibri;
  panose-1:2 15 5 2 2 2 4 3 2 4;}
@font-face
  {font-family:"Segoe UI";
  panose-1:2 11 5 2 4 2 4 2 2 3;}
@font-face
  {font-family:"\@SimSun";
  panose-1:2 1 6 0 3 1 1 1 1 1;}
 /* Style Definitions */
 p.MstNormal, li.MstNormal, div.MstNormal
  {margin:0in;
  text-align:justify;
  text-justify:inter-ideograph;
  font-size:12.0pt;
  font-family:"Times New Roman",serif;}
p.MsoCommentText, li.MsoCommentText, div.MsoCommentText
  {mso-style-link:"Comment Text Char";
  margin:0in;
  text-align:justify;
  text-justify:inter-ideograph;
  font-size:10.0pt;
  font-family:"Times New Roman",serif;}
a:link, span.MsoHyperlink
  {font-family:"Arial",sans-serif;
  color:#915263;
  text-decoration:underline;}
p.MsoListParagraph, li.MsoListParagraph, div.MsoListParagraph
  {margin-top:0in;
  margin-right:0in;
  margin-bottom:10.0pt;
  margin-left:.5in;
  line-height:115%;
  font-size:11.0pt;
  font-family:"Calibri",sans-serif;}
p.MsoListParagraphCxSpFirst, li.MsoListParagraphCxSpFirst, div.MsoListParagraphCxSpFirst
  {margin-top:0in;
  margin-right:0in;
  margin-bottom:0in;
  margin-left:.5in;
  line-height:115%;
  font-size:11.0pt;
  font-family:"Calibri",sans-serif;}
p.MsoListParagraphCxSpMiddle, li.MsoListParagraphCxSpMiddle, div.MsoListParagraphCxSpMiddle
  {margin-top:0in;
  margin-right:0in;
  margin-bottom:0in;
  margin-left:.5in;
  line-height:115%;
  font-size:11.0pt;
  font-family:"Calibri",sans-serif;}
p.MsoListParagraphCxSpLast, li.MsoListParagraphCxSpLast, div.MsoListParagraphCxSpLast
  {margin-top:0in;
  margin-right:0in;
  margin-bottom:10.0pt;
  margin-left:.5in;
  line-height:115%;
  font-size:11.0pt;
  font-family:"Calibri",sans-serif;}
p.SectionHeading, li.SectionHeading, div.SectionHeading
  {mso-style-name:SectionHeading;
  margin-top:0in;
  margin-right:0in;
  margin-bottom:12.0pt;
  margin-left:0in;
  text-align:center;
  font-size:12.0pt;
  font-family:"Times New Roman",serif;
  text-transform:uppercase;
  font-weight:bold;}
span.CommentTextChar
  {mso-style-name:"Comment Text Char";
  mso-style-link:"Comment Text";
  font-family:"Times New Roman",serif;}
.MstChpDefault
  {font-size:10.0pt;}
 /* Page Definitions */
 @page WordSection2
  {size:8.5in 11.0in;
  margin:1.0in 1.0in 1.0in 1.0in;}
div.WordSection2
  {page:WordSection2;}

table.DocumentList .HeaderRow {font-weight: bold;background: lightgrey;}
table.DocumentList .HeaderRow .AccountColumn{max-width:0px;white-space: nowrap;visibility:hidden;}
table.DocumentList .HeaderRow .NameColumn{max-width:0px;white-space: nowrap;visibility:hidden;}
table.DocumentList .HeaderRow .BillTypeColumn{max-width:0px;white-space: nowrap;visibility:hidden;}
table.DocumentList .HeaderRow .BillDateColumn{max-width:0px;white-space: nowrap;visibility:hidden;}
/*table.DocumentList .HeaderRow .Data1Column{max-width:0px;white-space: nowrap;visibility:hidden;}*/
table.DocumentList .DataRow .AccountColumn{max-width:0px;white-space: nowrap;visibility:hidden;}
table.DocumentList .DataRow .NameColumn{max-width:0px;white-space: nowrap;visibility:hidden;}
table.DocumentList .DataRow .BillTypeColumn{max-width:0px;white-space: nowrap;visibility:hidden;}
table.DocumentList .DataRow .BillDateColumn{max-width:0px;white-space: nowrap;visibility:hidden;}
/*table.DocumentList .DataRow .Data1Column{max-width:0px;white-space: nowrap;visibility:hidden;}*/
/*table.DocumentList .HeaderRow .BillDateColumn{padding:8px}
table.DocumentList .DataRow .BillDateColumn{padding:8px}*/
table.DocumentList .HeaderRow .Data2Column{padding:8px}
table.DocumentList .DataRow .Data2Column{padding:8px}
table.DocumentList .HeaderRow .Data1Column{padding:8px}
table.DocumentList .DataRow .Data1Column{padding:8px}