@import url(https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap);
*,::backdrop,:after,:before{box-sizing:border-box;border:0 solid;margin:0;padding:0}
:root{--primecolor:#d92331;--secondcolor:#363839;--hdrcolor:#fff;--btnBG:#d92331;--inputbg:#f8f8f8;--gap:1.5rem;--grayColor:#eee;--fontFamily:"Open Sans",sans-serif;--dlgPanelBG:#fff;--border:1px solid #D5D5D5;--textcolor:#282A2B;--btnhvr:#000;--camenu:rgba(129, 138, 145, 0.9);--mainbg:#fff;--hdrHeight:93px;--slblBG:#68BF12;--lblBG:#dedede}
body{font-family:var(--fontFamily);font-size:16px;line-height:1.5}
.d-none{display:none!important}
img{display:block;max-width:100%;height:auto}
aside.wcs_sidebar,header.wcs_header{display:none}
.req{color:red!important;font-size:.9rem;line-height:normal}
td.req{vertical-align:top;float:none}
ul{padding-left:40px;font-size:14px}
.row{display:flex;flex-wrap:wrap}
.wcs_loginLogo img{margin:0 auto}
.wcs_loginTitle{font-size:2.2rem;font-variant:normal;color:var(--secondcolor);font-weight:700;margin-bottom:1rem;text-transform:uppercase}
.wcs_loginbox label{display:none!important}
#divLoginContainer>div{overflow:hidden;margin-bottom:26px}
.wcs_loginbox{max-width:640px;width:100%;background:#fff;padding:30px 50px;margin:100px 0 100px 16%;border-radius:5px}
#divLoginContainer .loginInputs{background:var(--hdrcolor);border:var(--border);width:100%;margin:0;line-height:30px;padding:12px;border-radius:0;padding-left:60px;outline:0}
#divLoginContainer input#UserName{background:url(../images/username.png) no-repeat 14px center;background-size:32px}
#divLoginContainer input#Password{background:url(../images/password.png) no-repeat 14px center;background-size:32px}
input#btnLogin{background:var(--primecolor);border:0;width:100%;line-height:38px;border-radius:0!important;font-weight:700;font-family:var(--fontFamily);font-size:18px;transition:.25s ease-in-out;max-width:200px;margin-bottom:28px;border-radius:5px}
.wcs_links{display:flex;justify-content:space-between;padding:0 0 20px;margin:0}
.wcs_links a{color:var(--textcolor)!important;text-transform:capitalize;font-weight:600;font-size:16px}
.wcs_links a:hover{color:var(--secondcolor)!important}
.wcs_loginFooter{display:none}
.ui-widget-overlay{z-index:9999!important}
.ui-widget.ui-widget-content{z-index:10000!important}
.ui-dialog .ui-dialog-titlebar{border:0;background:var(--primecolor)}
.ui-dialog .ui-dialog-titlebar-close{margin:0;transform:translateY(-50%);padding:0;background:#fffefe!important;box-shadow:none}
.ui-widget.ui-widget-content{background:var(--dlgPanelBG);border:var(--border); max-width: 95%;}
.ui-dialog .ui-dialog-buttonpane{background:var(--dlgPanelBG);border-top:var(--border)}
div.ddList ul li.hover{color:#fff;box-shadow:inset 265px 0 0 0 var(--primecolor);background:0 0}
div.ddList ul li{border:0!important;box-shadow:inset 0 0 0 0 var(--primecolor);transition:all .5s;line-height:30px}
.ui-dialog .ui-dialog-content{height:auto!important}
.ez-radio{height:18px}
.ui-widget-header .ui-icon:hover{border:0}
.ui-dialog .ui-dialog-buttonpane button{position:relative;background:var(--btnBG)!important;border:0!important;height:auto;text-shadow:none;border-radius:40px!important;font-weight:700;font-family:var(--fontFamily);overflow:hidden;color:#fff;cursor:pointer;box-shadow:inset 0 0 0 0 transparent;padding:10px 15px!important;font-size:14px;line-height:1}
.ui-dialog .ui-dialog-buttonpane button:hover{box-shadow:inset 0 -100px 0 0 var(--btnhvr);color:#fff}
.ui-widget-content input[type=text]{border-radius:0;background:#fff;height:40px;line-height:40px;border:var(--border)!important;max-width:100%;font-weight:400;padding:5px 10px}
.wcs_contact{display:none;align-items:center;gap:100px}
.wcs_contact a{display:flex;align-items:center;gap:10px;font-weight:500;color:var(--textcolor)}
.wcs_loginInnerPage .container{max-width:1920px;padding:20px 50px 50px;min-height:calc(100vh - 178px);margin:0 auto}
.wsc_dlgHdrBar{display:flex;justify-content:space-between;flex-wrap:wrap;width:100%;align-items:center}
.dlgPanel.dlgTitleBar{order:1;flex:1 0 0;border:0;background:0 0;color:var(--textcolor);text-align:left;letter-spacing:normal;font-weight:700;padding:0;font-size:40px}
.dlgPanel{background:var(--dlgPanelBG);border:var(--border);margin:0 0 var(--gap);padding:30px;overflow:hidden;color:var(--textcolor)}
.dlgHeadingSub{background:var(--secondcolor);color:#fff;letter-spacing:0;padding:10px;font-weight:600;border:0;margin:-30px -30px 30px;font-variant:normal}
.wcs_loginInnerPage input[type=password],.wcs_loginInnerPage input[type=text]{background:#fff;height:40px;line-height:40px;border:var(--border)!important;width:250px!important;max-width:100%;font-weight:400;padding:5px 10px;margin-bottom:1rem}
span.req{color:red!important;font-size:.9rem;line-height:normal;top:4px;font-weight:400}
.dlgPanel table{margin:1rem 0 0!important}
.dlgPanel table td{font-weight:700;vertical-align:top}
#divTypeOptions{display:flex;gap:10px;margin:10px 0 0;border-bottom:var(--border)}
#divTypeOptions .ez-radio{width:0;height:0}
#divTypeOptions label{background:var(--secondcolor);padding:15px 20px!important;display:block;color:var(--hdrcolor);height:100%}
#divTypeOptions label.bold{background:var(--primecolor);color:#fff;font-weight:400}
.divRow label{color:var(--textcolor);font-weight:600;text-align:left;display:flex;align-items:baseline}
.ez-checkbox{width:26px;height:18px}
.dlgPanel .divRow{margin-bottom:var(--gap);padding:0!important;width:100%;display:flex;align-items:flex-start;flex-wrap:wrap;gap:10px}
.divRow label.wideLabel{max-width:100%}
span.notreq{display:none}
.dlgPanel .divRow:has(a.jBtn){flex-direction:row-reverse;justify-content:flex-end}
div span.SubTitle{color:var(--secondcolor)}
.paddingLeft{padding-left:0}
.errorbox{padding:10px;color:#c01010}
a.jBtn.ui-button.ui-corner-all.ui-widget{background:var(--btnBG)!important;border:0;line-height:32px;border-radius:10px!important;font-weight:700!important;font-family:var(--fontFamily);font-size:18px;margin-top:var(--gap)!important;transition:.25s ease-in-out}
.wcs_confgate a{width:100%}
.wcs_confgate a:hover,input#btnLogin:hover{box-shadow:inset 0 -100px 0 0 var(--btnhvr);color:#fff}
.buttonBar{background:0 0;border:0;flex:0 0 auto;order:4;display:flex;justify-content:flex-end;gap:.5rem;flex-wrap:wrap}
.buttonBar div.btnBarItem,.buttonBar div.btnBarItemRight{border:0;margin:0;padding:0}
.buttonBar div.btnBarItem a,.buttonBar div.btnBarItemRight a{color:var(--textcolor);text-shadow:none!important;font-size:.8rem}
#btnLogin,.buttonBar a img{background:var(--btnBG);padding:5px;border-radius:5px}
span.ddDots{border:0!important;background:var(--btnBG);box-shadow:inset 0 0 0 0 transparent;color:#fff;padding:5px;font-weight:700;line-height:0;height:24px;font-size:20px}
.wcs_login .wcs_loginFooter.footer{display:flex!important;justify-content:space-between;background:#f2f2f2;padding:14px 70px}
.foot-right *{font-size:14px;color:#000;}
.foot-left .social-icons{display:flex;flex-wrap:wrap;gap:14px}
.foot-left .social-link a img{max-height:20px}
.foot-left h4{font-variant:none;font-weight:700;font-size:20px!important;margin-bottom:12px;color:#000}
.foot-right{display:flex;flex-flow:column;align-items:flex-end;justify-content:center}
.wcs_loginInnerPage .wcs_loginFooter{display:flex!important;justify-content:space-between;background:#000;padding:5px 25px;color:#fff}
.sbLoginWrap input#sbPassword{border:1px solid;border-radius:5px;padding:6px;float:left}
.sbLoginWrap button.btn.btn-dark{padding:10px 7px;float:left;margin-left:8px;border-radius:5px}
.wcs_loginInnerPage #divMeterContainer .dlgPanel[id*=divEquipmentPanel]{padding:0;display:flex;justify-content:space-between;background:0 0;border:0;border-radius:0;flex-wrap:wrap}
.wcs_loginInnerPage #divMeterContainer .dlgPanel[id*=divEquipmentPanel] .divInfoHolder:has(.dlgHeadingSub){padding:0 5rem 30px;margin:0;width:50%;background:var(--dlgPanelBG);border:var(--border)}
.wcs_loginInnerPage #divMeterContainer .dlgPanel .divInfoHolder .dlgHeadingSub{margin:0 -5rem 30px}
.wcs_loginInnerPage #divMeterContainer .dlgPanel[id*=divEquipmentPanel] .divInfoHolder:has(.dlgHeadingSub){padding-bottom:20px}
.wcs_loginInnerPage .meterReadingPanel{flex:0 0 100%;padding:30px;background:var(--dlgPanelBG);border-radius:0 0 15px 15px;max-width:100%;border:var(--border)}
.divRow span{color:var(--textcolor)}
.wcs_loginInnerPage #divMeterContainer .dlgPanel .divRow{align-items:center}
.wcs_loginInnerPage .divRow label{width:180px}
div.ddList table{color:var(--textcolor)!important;border:var(--border)}
div.ddList table tr th{background:var(--thcolor);border:var(--border);padding:10px;font-size:16px;vertical-align:middle;font-weight:600}
div.ddList table tbody tr td{border:var(--border)!important;padding:10px;float:none}
#divSelectContent div.ddList table tbody tr td,#divSelectContent div.ddList table tr th{padding:10px}
div.ddList table tbody tr.alt td{background:#f4f4f4}
div.ddList table tbody tr.over td,div.ddList table tbody tr:hover td{background:#e6e6e6}
div.ddList table tr td a{background:var(--btnBG);padding:5px;color:#fff!important;transition:all .5s ease-in-out;border-radius:5px;font-size:14px;margin-bottom:5px;display:inline-block;line-height:1}
div.ddList table tr td a:hover{box-shadow:inset 0 -100px 0 0 var(--btnhvr);color:#fff!important}
div.ddList table tr td.NoPointer>div{padding-left:0!important;text-align:left}
.wcs_loginInnerPage .wcs_copyright,.wcs_loginInnerPage .wcs_version{font-size:14px}
#btnLogin:hover{border:none}
.ui-widget-header .ui-icon{filter:brightness(0);background-position:-97px -129px}
.wcs_loginHeader{background:#fff;padding:25px 70px;width:100%}
.wcs_loginwrap{background-image:url(../images/login-bg.jpg);background-repeat:no-repeat;background-size:cover;display:flex;min-height:calc(100vh - 176px);align-items:center}
header.dash_header{display:none}

.toggle-btn button{background:0 0!important;box-shadow:none}
.toggle-btn button span{display:block;height:3px;background:var(--secondcolor);border-radius:9px;opacity:1;width:27px;margin:5px 0}
.ui-widget-content{color:#000;font-size:16px}
body.wcs_login .container .wcs_loginFooterWrap{display:none}

.validation-summary-errors{position:static}
.wcs_loginHeader{background:#fff;padding:25px 70px;width:100%;display:flex;align-items:center;justify-content:space-between}

.top-nav {
    text-align: right;
    background-color: #696969;
    padding: 10px 72px;
}
.top-nav * {
    color: #fff;
}
.top-nav span.wcs_sup_info {
  background: url(../images/phone-icon.svg) 0 center no-repeat;
    padding-left: 30px;
}
.wcs_login .wcs_loginFooter.footer p, .wcs_version {
    color: #000;
}
.wcs_login .wcs_loginFooter.footer > .foot-mid {
    text-align: center;
    width: 100%;
}
.wcs_login .wcs_loginFooter.footer > * {
    display: flex;
    flex-flow: column;
    justify-content: center;
    padding: 0 10px;
}
.wcs_login .wcs_loginFooter.footer > .foot-mid * {
    color: #000;
    font-size: 14px;
}
.foot-mid .ptext, .foot-mid a {
    color: #000;
}
span.wcs_sup_info.wcs_email {
    background: url("../images/email-icon.svg") 0 center no-repeat;
    padding-left: 30px;
    color: #fff;
    background-size: inherit;
    margin-left: 15px;
}
@media (max-width:1400px){
.wcs_loginInnerPage #divMeterContainer .dlgPanel[id*=divEquipmentPanel] .divInfoHolder:has(.dlgHeadingSub){width:100%;padding:0 30px 20px}
.wcs_loginInnerPage #divMeterContainer .dlgPanel .divInfoHolder .dlgHeadingSub{margin:0 -30px 30px}
}
@media (max-width:1200px){
    .wcs_login .wcs_loginFooter.footer > * {
    width: 100%;
    
}
.wcs_login .wcs_loginFooter.footer {
    display: block!important;
}
.wcs_login .wcs_loginFooter.footer > * {
    width: auto;
    display: table;
    margin: 2px auto;
}
.wcs_login .wcs_loginFooter.footer p, .wcs_version {
    margin-bottom: 0;
}
.user-icon{max-width:70px}
.wcs_contact{gap:var(--gap)}
.wcs_loginTitle{font-size:1.8rem;margin-bottom:1.5rem}
#divLoginContainer>div{margin-bottom:20px}
.wcs_clientLogo img{max-width:280px}
}
@media (max-width:991.5px){
    .top-nav {
    padding: 5px 25px;
}

.wcs_loginbox{padding:30px 50px;margin:50px}
.dlgPanel,.wcs_loginInnerPage .container{padding:20px}
.dlgHeadingSub{margin:-20px -20px 20px}
.wcs_loginHeader{padding:20px 20px}
.wcs_login .wcs_loginFooter.footer{padding:14px 50px}
}
@media (max-width:767.5px){
    .top-nav * {
    color: #fff;
    font-size: 12px;
}
    .ui-widget-content input[type=text] {
   
    width: 100% !important;
}
    .top-nav * {
    color: #fff;
    font-size: 12px;
}
.wcs_clientLogo img{max-width:250px}
.wcs_loginHeader{padding:25px}
.wcs_login .wcs_loginFooter.footer{padding:14px 25px}
.wcs_login .wcs_loginFooter.footer{display:block!important;text-align:center!important}
.foot-left .social-icons{justify-content:center;margin-bottom:10px}
.foot-right{align-items:center;justify-content:center;gap:6px}
.wcs_loginbox{padding:25px;margin:25px}
.dlgPanel table td{float:left;width:auto}
.dlgPanel table td:has(input){width:100%;padding-top:1rem}
.dlgPanel.dlgTitleBar{font-size:24px}
#divTypeOptions{flex-direction:column;gap:5px}
.wcs_loginHeader{padding:20px}
.wcs_login .wcs_loginFooter.footer{padding:14px 25px}
}
@media (max-width:500px){
.wsc_dlgHdrBar{gap:1rem;margin-bottom:var(--gap)}
.wsc_dlgHdrBar .buttonBar,.wsc_dlgHdrBar .dlgPanel.dlgTitleBar{margin:0;justify-content:flex-start;padding:0}
}