html{font-family: "Poppins", sans-serif;font-size:62.5%}
body{font-family: "Poppins", sans-serif;font-size:13px;line-height:1.428571429;color:#4d4d4d;align-items:center;}
.d-flex{display:flex!important}
.justify-content-start{justify-content:flex-start!important}.justify-content-end{justify-content:flex-end!important}.justify-content-center{justify-content:center!important}
.justify-content-between{justify-content:space-between!important}.justify-content-around{justify-content:space-around!important}.justify-content-evenly{justify-content:space-evenly!important}
.align-items-start{align-items:flex-start!important}.align-items-end{align-items:flex-end!important}.align-items-center{align-items:center!important}.align-items-baseline{align-items:baseline!important}
.align-items-stretch{align-items:stretch!important}.align-content-start{align-content:flex-start!important}.align-content-end{align-content:flex-end!important}.align-content-center{align-content:center!important}
.align-content-between{align-content:space-between!important}.align-content-around{align-content:space-around!important}.align-content-stretch{align-content:stretch!important}
.align-self-auto{align-self:auto!important}.align-self-start{align-self:flex-start!important}.align-self-end{align-self:flex-end!important}.align-self-center{align-self:center!important}.align-self-baseline{align-self:baseline!important}.align-self-stretch{align-self:stretch!important}
input,textarea,select{border-radius:0;}

.les-login-splashwrap{margin: 0px; padding: 0px; position: fixed; right: 0px; top: 0px; width: 100%; height: 100%;}
.les-login-splash{position: absolute; top:50%; left:50%; width:200px; margin-left:-125px; margin-top:-100px; text-align:center;}

.les-login-loadingwrap{margin: 0px; padding: 0px; position: fixed; right: 0px; top: 0px; width: 100%; height: 100%; background-color:rgba(255, 255, 255, 0); z-index: 30001;}
.les-login-loading{position: relative; top: 45%; width:32px; margin:0 auto;}

.les-login-control-wrap{margin-bottom:10px;}
.les-login-label{font-size:0.95em; font-weight:400; color:#727272;background-color:#ffffff;line-height:26px; margin:0;}
.les-login-txtbox{width:100%; height:32px;font-size:1.15rem;color:#111111;background-color:#ffffff;border:1px solid #cedce6; line-height:32px; border-radius:0; margin:0;}
.les-login-combo{width:100%; height:28px;font-size:1.15rem;color:#111111;background-color:#ffffff;border:1px solid #cedce6; border-radius:0; margin:0;}
.les-login-calender{width:100%; height:32px;font-size:1.15rem;color:#111111;background-color:#ffffff;border:1px solid #cedce6; line-height:32px; border-radius:0; margin:0;}
.les-login-txtbox:focus, .les-login-combo:focus, .les-login-txtbox:focus-visible, .les-login-combo:focus-visible{outline: #7cb6db solid 1px;    outline-offset: -1px;}

.les-login-loginBody{height:100%; background-color:#fff;padding:0;background:linear-gradient(#5e87b1,rgba(210,210,210,.6));background-attachment:fixed;background-position:center;background-repeat:no-repeat;background-size:cover;overflow:auto;}
#msform{max-width:460px;position:relative;margin:0px auto; padding-top:50px; width:100%;}
#msform .les-login-fieldset{background:#fff;border:8px solid #e7eef5;border-radius:15px;padding:30px;box-sizing:border-box;width:100%;margin:0;box-shadow:0 0 15px 1px #6090c3;position:relative}
#msform .les-login-fieldset:not(:first-of-type){display:none}
.les-login-login-header{text-align: center;padding: 20px;    margin: -27px 0px 0;    border-radius: 13px 13px 0 0;}
.les-login-logo{text-align:center;}
.les-login-logo .les-login-logobrandicon{width:55px; display:inline-block;}
.les-login-logo .les-login-logotext{width:190px; display:inline-block; margin-left:2px; margin-top:2px;}
.les-login-title{font-size: 1.4em; color:#0e82e0;	margin:25px 0 15px; font-weight:600; text-transform:capitalize; text-align: center;font-family: "Poppins", sans-serif;}
.les-login-subtitle {	font-weight: normal;font-size: 13px;color: #666;margin-bottom: 20px;}
#msform .les-login-radio-label{margin:10px 0 5px;font-weight: 400;    display: inline-block; text-align: left; }

.les-login-branchsearch-wrap{display:flex;margin-bottom:3px;}
.les-login-branchsearch-wrap .les-login-searchbox{display:flex; flex-grow:1; border-radius:0;}
.les-login-branchsearch-wrap .les-login-searchbtn{background-color:#dae5ed; height:100%; color:#000000; border:1px solid #c0d1dd; margin-left:2px;}

.les-login-reset-password{ text-align: center; border-top: 1px solid #e7eef5; padding-top: 15px;margin-top: 25px;}
.les-login-reset-password label{color: #0e82e0; padding: 4px 10px; font-weight:500;}
.les-login-tryleft{ width:100%;  text-align:center;}
.les-login-tryleft label{font-size: 1em;padding:4px 15px;}

.les-login-btn{font-family: "Poppins", sans-serif; width:100%; max-width:100px; padding:5px 5px;margin:15px 5px 0; color:#ffffff; font-size:1.1em; font-weight:500;border-width:1px;border-style:solid; line-height:28px !important;border-radius:1px;-webkit-box-shadow: none;box-shadow: none; }
.les-login-action-btn-default{background-color:#0e82e0;border-color:#0e82e0;
  -webkit-transition:background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;  transition:background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;  -o-transition:background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;transition:background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;}
.les-login-action-btn-default:hover, .les-login-action-btn-default:focus, .les-login-action-btn-default:focus-visible, .les-login-action-btn-default:active {background-color:#2494ef; border-color:#0e82e0; outline:none;}

.les-login-action-btn-secondary{background:#668cb1;border-color:#668cb1;
  -webkit-transition:background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;  transition:background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;  -o-transition:background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;transition:background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;}
.les-login-action-btn-secondary:hover, .les-login-action-btn-secondary:focus, .les-login-action-btn-secondary:focus-visible, .les-login-action-btn-secondary:active {background:#92b4d5;border-color:#668cb1; outline:none;}

#les-login-resetPasswordModal .modal-dialog{max-width:400px;}
#les-login-resetPasswordModal .modal-content{ background: #ffffff; border: 8px solid rgb(231, 238, 245); border-radius: 15px; padding: 20px 20px; box-sizing: border-box; width: 100%; margin: 0; box-shadow: 0 0 15px 1px rgb(96, 144, 195); position: relative;}
#les-login-resetPasswordModal .modal-header{padding:0;}
#les-login-resetPasswordModal .modal-header .close{top:5px; right:10px; position:absolute; }
#les-login-resetPasswordModal .modal-footer{border-top:0; padding:10px 5px 0; margin-top:0;}
 
.les-login-demo-guide{width:auto!important;text-align:left;white-space:nowrap;padding:0;position:absolute;top:3px;left:3px}
.les-login-demo-guide .les-login-main{ white-space:nowrap; padding-left:34px; position:relative; border-radius:500px; -moz-border-radius:500px; -webkit-border-radius:500px;}
.les-login-demo-guide .les-login-main .les-login-icon{display:inline-block;position:absolute; left:0px; top:0px;}
.les-login-demo-guide .les-login-main span{color:#305c8a; display:inline-block; font-size:1.3rem; line-height:32px; padding-left:0; font-weight:700;font-family: 'Source Sans Pro', 'Segoe UI', 'Droid Sans', Tahoma, Arial, sans-serif;
 -webkit-transition:padding-left 500ms ease-in-out; -moz-transition:padding-left 500ms ease-in-out; -o-transition:padding-left 500ms ease-in-out; transition:padding-left 500ms ease-in-out;}
.les-login-demo-guide:hover{width:103px;}
.les-login-demo-guide:hover .les-login-main span{padding-left:2px;}

#msform .les-login-form-horizontal .checkbox,#msform .les-login-form-horizontal .checkbox-inline,#msform .les-login-form-horizontal .control-label,#msform .les-login-form-horizontal .radio,#msform .les-login-form-horizontal .radio-inline{margin-top:0;margin-bottom:0;padding-top:8px}
#msform .les-login-alert-danger{background-color:#fdf2f2;border-color:#f29797;color:#a81515;font-size:medium; margin:10px; padding:5px 10px; }

.nicescroll-rails{width:6px!important;margin:1px 0!important;border-radius:1px!important}
.nicescroll-rails>div{opacity:.2!important;border:none!important;width:6px!important;border-radius:1px!important}

@media (max-width:575px){
    .les-login-loginBody{background-image:none; background-color:#ffffff;}
    #msform .les-login-fieldset{border-width:0; border-radius:0; box-shadow:none;}
    .les-login-title{font-size:1.5em;}
    .les-login-label{font-size:1.1em; color:#727272;}
    .les-login-txtbox{height:38px; font-size:1.3rem;}
    .les-login-combo{height:34px !important; font-size:1.3rem;}.les-login-calender{height:34px !important; font-size:1.3rem;}
    .les-login-action-btn-default{font-size:1.2em; padding:7px 5px;}
    #les-login-resetPasswordModal .modal-dialog {max-width: 400px;padding: 15px 15px;}
    #les-login-resetPasswordModal .modal-content {border-width:0;border-radius: 0;box-shadow: none;}
}