body{padding: 90px 0 0;font-family: 'Nunito Sans', sans-serif;}
.logo{padding: 15px 0 !important;}
.mobile-menu-nav{
  display: none;
  position: fixed;bottom: 0;left: 0;width: 100%;background-color: #f8fafc;z-index: 999;border-top: 1px solid#e5e7eb;
}
.mobile-head{display: none;}
.mobile-head .mobile-head-inner{display: flex;justify-content: space-between;align-items: center;padding: 10px 0;}
.mobile-head .mobile-head-inner .title{font-size: 1rem;color: rgb(48 60 74/1);margin: 0;text-transform: capitalize;}
.mobile-head .mobile-head-inner .profile li{position: relative;}
.mobile-head .mobile-head-inner .profile li .dropdown-menu{right: 0;left: auto;}
.mobile-menu-nav .menu{display: flex;margin: 0;justify-content: space-between;align-items: center;padding: 0 1.5rem;background-color: #f6f7f9;}
.mobile-menu-nav .menu li:nth-child(3) a{background-color: #fff;box-shadow: 0px 0px 4px 0px rgba(0,103,226,.12);border-radius: 1rem;color: #3944b4;margin: 0.25rem 0;}
.mobile-menu-nav .menu li a{padding: 0.5rem .625rem;display: block;line-height: 1;color: #93939f;font-size: .75rem;}
.mobile-menu-nav .menu li a .icon{display: block;text-align: center;margin-bottom: 5px;font-size: 18px;}
.mobile-menu-nav .menu li.active a{color: rgb(0 103 226/1);}

.customers_login{
  /*background: -webkit-linear-gradient(#8CA6DB, #B993D6);*/
  /*background: linear-gradient(#8CA6DB, #B993D6);*/
  background-color: #fff;
  padding: 0;
  /*padding: 50px 0;*/
}
.customers_login #content .container{width: 100%;}
.desktop-menu{background-color:#f6f7f9;position: fixed;top: 0;left: 0;width: 100%;z-index: 999;min-height: auto;}
.desktop-menu #theme-navbar-collapse > .nav > li:not(:last-child){margin-right: 8px;}
.desktop-menu #theme-navbar-collapse > .nav > li > a{text-align: center;color: #93939f;border-bottom: 4px solid transparent;background-color: transparent;line-height: 1;}
.desktop-menu #theme-navbar-collapse > .nav > li a i{display: block;font-size: 20px;margin-bottom:8px;}
.desktop-menu #theme-navbar-collapse > .nav > li:not(.dropdown):hover a,
.desktop-menu #theme-navbar-collapse > .nav > li:not(.dropdown):focus a,
.desktop-menu #theme-navbar-collapse > .nav > li:not(.dropdown).active a{border-color: #93939f;}

.customers_login .desktop-menu,
.customers_login .footer{display: none;}
/*.customers_login #wrapper{display: flex;align-items: center;}*/
.customers_login #wrapper #content{width: 100%;}
.customers_login #wrapper #content .loginBody{height: 100vh;}
.customers_login #content .loginBody .authBody{display: flex;flex-wrap:wrap;}
.customers_login #wrapper #content .panel_s{box-shadow: 0 0 40px rgba(255,255,255,0.6);margin: 0;}
.customers_login #wrapper #content .panel-body{padding: 3.5rem 2rem;width: 100%;}
.customers_login #wrapper #content .panel-body .login-heading{text-align: center;margin-top: 0;margin-bottom: 45px;}
.customers_login #wrapper #content .panel-body .form-group{margin-bottom: 25px;}
.customers_login #wrapper #content .panel-body .form-control{border-width: 0 0 1px;border-radius: 0;padding-left: 0;box-shadow: none;}
.customers_login #wrapper #content .panel-body .submitBtn{background: -webkit-linear-gradient(#8CA6DB, #B993D6);
  background: linear-gradient(#8CA6DB, #B993D6);border: 0;font-size: 14px;padding: 8px;}
.customers_login .mobile-menu-nav{display: none;}

.customers_login .loginBox{width: 50%;display: flex;align-items:center;justify-content:center;box-shadow: 0px 2px 30px 2px rgba(0,0,0,.1);overflow-y:auto;background:#fff;z-index: 99;}
.customers_login .loginBox::-webkit-scrollbar{width: 5px;}
.customers_login .loginBox::-webkit-scrollbar-track{border-radius: 10px;background: #fff}
.customers_login .loginBox::-webkit-scrollbar-thumb{border-radius: 10px;background: #ddd}
.customers_login .loginBox > div{width: 55%;padding: 20px 0;max-height: 100vh;}
.customers_login .authImg{width: 50%;height: 100vh;}
.customers_login .authImg img{width:100%;height:100%;object-fit:cover;}

.loginBox .loginBoxHead{margin-bottom: 25px;}
.loginBox .loginBoxHead .logo{max-width: 180px;display:block;margin:0 auto;padding: 0 !important;}
.loginBox .loginBoxHead .logo img{max-width:100%;max-height:100%;}
.loginBox .loginBoxBody label,
.loginBox .loginBoxBody .control-label{font-weight: 700;display:block;}
.loginBox .loginBoxBody .loginLink{font-size: 12px;color: #0091ae;font-weight: 800;display:inline-block;}
.loginBox .loginBoxBody .loginLink:hover{text-decoration: underline !important;}
.loginBox .loginBoxBody .showPasswordBtn{margin-bottom:5px;}
.loginBox .loginBoxBody .form-control{background-color: #f5f8fa;color:#33475b;height:40px;line-height:22px;border-radius: 3px;border-color: #cbd6e2;}
.loginBox .loginBoxBody .submitBtn{background-color:#ff7a59;border-color: #ff7a59;font-size:18px;padding: 10px 24px;line-height:1;}

.customeFileUploadBox input{display: none;}
.customeFileUploadBox .uploadBox{background-color: #fff;padding: 2.25rem 0;border-radius: .5rem;display: flex;justify-content: center;}
.customeFileUploadBox .uploadBox div{text-align: center;}
.customeFileUploadBox .uploadBox div svg{display: block;margin: 0 auto 0.375rem;}
.customeFileUploadBox .uploadBox div svg path{fill: #000;}
.customeFileUploadBox .uploadBox div .uploadBtn{border: 1px solid#000;color: #000;font-size: 14px;border-radius: 40px;padding: 0.31rem 0.75rem;margin: 0;cursor: pointer;}
.customeFileUploadBox .uploadBox div .uploadBtn:hover{background-color: #ddf2ff;}

.panel_s:not(.loginBody){background-color: #f8fafc;border: 0;}
.panel_s:not(.loginBody) .panel-body{background-color: transparent;}
/*.panel_s:not(.loginBody) .panel-footer{border-color: #000;}*/
.panel_s:not(.loginBody) .btn-primary{background-color: #000;border-color: #000;}
.panel_s:not(.loginBody) label,
.panel_s:not(.loginBody) .control-label{color: #000;}
.panel_s:not(.loginBody) .form-control{border: none;color: #000;}
.panel_s:not(.loginBody) input::-webkit-outer-spin-button,
.panel_s:not(.loginBody) input::-webkit-inner-spin-button {
  -webkit-appearance: none;
}
.panel_s input[type=number] {
  -moz-appearance: textfield;
}
.panel_s .input-group .input-group-addon{border: none;}
.panel_s .btn-default{color: #000 !important;}
.panel_s .table.dataTable thead{opacity: 1;}
.panel_s .table.dataTable thead tr th,
.panel_s .table.dataTable thead tr td,
.panel_s .table.dataTable tbody tr th,
.panel_s .table.dataTable tbody tr td{color: #000;}
.mobile-head .dropdown-menu{background-color: #000;}
.mobile-head .dropdown-menu li a{color: #fff;}
.panel_s .panel-body .checkbox-info input[type="checkbox"]:checked + label::before, 
.panel_s .panel-body .checkbox-info input[type="radio"]:checked + label::before{background-color: #000;border-color: #000;}
.gdpr-right{border-color: #000;}
.gdpr-right .btn-primary{background-color: #000;border-color: #000;}
.submenu li a{color: #000 !important;}
.section-heading{color: #000;}
.previewBox #previewImage{max-height: 152px;}

@media (max-width: 1199px){
   .customers_login .loginBox > div{width: 70%;} 
}

@media (max-width: 991px) {
  .register-heading.text-right {
    text-align: center;
  }
    /*.customers_login .loginBox{*/
    /*    z-index: 99;*/
    /*    position: absolute;*/
    /*    top: 50%;*/
    /*    left: 50%;*/
    /*    transform: translate(-50%, -50%);*/
    /*    overflow-y: auto;*/
    /*    overflow-x: hidden;*/
    /*}*/
    .customers_login .authImg {
        /*width: 100%;*/
        /*position: fixed;*/
        /*top: 0;*/
        /*left: 0;*/
        display:none;
    }
    .customers_login #wrapper #content .loginBody{
        /*display: flex;align-items:center;display:flex;*/
        height: 100%;
        
    }
    .customers_login #content .loginBody .authBody{width: 100%;
        /*padding: 20px 0;*/
        display: flex;
        justify-content: center;
    }
  /* .desktop-menu #theme-navbar-collapse > .nav > li > a{font-size: 12px;padding: 5px;}
  .desktop-menu #theme-navbar-collapse > .nav > li > a i{font-size: 15px;margin-bottom: 5px;} */
  .customers_login .loginBox{overflow-y:unset;background: transparent;box-shadow:none;}
  .customers_login .loginBox > div{max-height: 100%;}
}

@media (max-width: 768px) {
    /* #greeting{display: none;} */
    /* .mobile-head{display: block;position: fixed;top: 0;left: 0;width: 100%;border-bottom: 1px solid#e5e7eb;background-color: #000;z-index: 999;} */
    .project-summary-list .project-summary-box{box-shadow: 0 0 #0000,0 0 #0000,0 1px 2px 0 rgba(0,0,0,.05);background-color: #fff;}
    .project-summary-list .project-summary-box > div{padding: .75rem;}
    .desktop-menu{display: none;}
    .mobile-menu-nav{display: block;}
    .customers_login #wrapper #content .loginBody > .col-md-4{width: 70%;}
    body{padding: 0;}
    .customers_login .loginBox{width: 80%;}
    .customers_login .loginBox > div {
        width: 85%;
    }
}

@media (max-width: 575px){
    .customers_login #wrapper #content .loginBody > .col-md-4{width: 95%;}
    .customers_login .loginBox {
        width: 100%;
    }
    .customers_login .loginBox > div {
        width: 90%;
    }
}

@media (max-width: 479px){
  .mobile-menu-nav .menu{padding: 0 0.5rem;}
  .mobile-menu-nav .menu li a{padding: 0.5rem .550rem;}
  .mobile-menu-nav .menu li a .icon{font-size: 16px;}
  .customers_login #wrapper #content .loginBody > .col-md-4 {
      width: 100%;
  }
  .customers_login #wrapper #content .panel-body {
      padding: 2.5rem 1.5rem;
  }
  .customers_login #wrapper #content .panel-body .login-heading{margin-bottom: 25px;font-size: 1.3rem;}
  .customeFileUploadBox .uploadBox{padding: 1.5rem 0;}
  .customeFileUploadBox .uploadBox div svg{width: 30px;height: 30px;}
  .customeFileUploadBox .uploadBox div .uploadBtn{font-size: 12px;}
  .panel_s .panel-body{padding: 1rem;}
  .limeBox{align-items: end;padding: 15px;}
  .limeBox .limeLeft{flex: 1;}
  .limeBox .limeImg{width: 30%;}
  .loginBox{width:100%;}
}

@media (max-width: 375px){
  .mobile-menu-nav .menu li a{
    /* padding: 0.5rem .300rem; */
    font-size: .70rem;
  }
  .mobile-menu-nav .menu li a .icon{font-size: 13px;}
  .mobile-menu-nav .menu li:nth-child(3) a{padding: 0.4rem .600rem;}
  .panel_s .form-control,
  .panel_s label, .panel_s .control-label{font-size: 13px;}
  .submenu{margin-bottom: 15px;}
  .submenu li a{font-size: 15px;}
  .section-heading{font-size: 1rem;margin-bottom: 0.6rem;}
}