body{background: #fff;padding: 0;margin: 0;}
.page-wrap {
    min-height: 100%;
}


/*========== LOGIN PAGE ==========*/
.account-page {
    align-items: center;
    display: flex;
}
.account-page .main-wrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    width: 100%;
}
.account-content {background: url(../../../../assets/images/signin-bg.jpg) center center no-repeat; height: 100vh; background-size: 100% auto; padding: 0; margin: 0; width: 100%; display: inline-block; position: fixed; top: 0; overflow: hidden; }
.account-main-section { height: 100%; display: flex; align-items: center; justify-content: center; }
.account-section { margin-top: 0; margin-left: 45%; }
.account-box {
    background-color: #fff;
    border: 1px solid #ededed;
    box-shadow: 0 0 0px 3px rgba(0, 0, 0, 0.05);
    border-radius: 0;
    margin: 0 auto;
    overflow: hidden;
    width: 480px;
}
/*.account-box label span { font-size: 14px; position: relative; top: -1px; }
.account-box label{ margin-bottom: 0;  font-size: 14px; display: inline-block; margin-top: 0;}
.account-box .form-group{ margin-bottom: 25px; margin-top: 20px;}*/
.text-muted, .account-footer a { color: #2952d1 !important; }
.account-footer{margin-bottom: 2px; padding-top: 10px;} 

.account-wrapper {
  padding: 30px;
}
.account-logo {
  margin-bottom: 15px;text-align: center;
}
.account-logo img{ width: 149px; }
.account-title {
    text-align: left;
    color: #2952d1;
    font-size: 21px;
    margin-bottom: 15px;
    font-weight: normal;
   padding-left: 10px;
}
.account-wrapper p{padding-left: 10px}
.account-box .account-btn {
  background: #2952d1;
  border: solid 1px #0a3d77 !important;
    border-radius: 25px;
    display: inline-block;
    font-size: 20px;
    padding: 10px 26px;
    min-width: 123px;
    width: auto;
}

.mobile-banner{ display: none; }
.signup .account-title{}

input:not([type]),
input[type="text"]:not(.browser-default),
input[type="password"]:not(.browser-default),
input[type="email"]:not(.browser-default),
input[type="url"]:not(.browser-default),
input[type="time"]:not(.browser-default),
input[type="date"]:not(.browser-default),
input[type="datetime"]:not(.browser-default),
input[type="datetime-local"]:not(.browser-default),
input[type="tel"]:not(.browser-default),
input[type="number"]:not(.browser-default),
input[type="search"]:not(.browser-default),
textarea.materialize-textarea
{border-radius: 4px;border: 1px solid #e8e8e8;}

input.valid:not([type]),
input.valid:not([type]):focus,
input.valid[type="text"]:not(.browser-default),
input.valid[type="text"]:not(.browser-default):focus,
input.valid[type="password"]:not(.browser-default),
input.valid[type="password"]:not(.browser-default):focus,
input.valid[type="email"]:not(.browser-default),
input.valid[type="email"]:not(.browser-default):focus,
input.valid[type="url"]:not(.browser-default),
input.valid[type="url"]:not(.browser-default):focus,
input.valid[type="time"]:not(.browser-default),
input.valid[type="time"]:not(.browser-default):focus,
input.valid[type="date"]:not(.browser-default),
input.valid[type="date"]:not(.browser-default):focus, 
input.valid[type="datetime"]:not(.browser-default),
input.valid[type="datetime"]:not(.browser-default):focus,
input.valid[type="datetime-local"]:not(.browser-default),
input.valid[type="datetime-local"]:not(.browser-default):focus,
input.valid[type="tel"]:not(.browser-default), input.valid[type="tel"]:not(.browser-default):focus,
input.valid[type="number"]:not(.browser-default),
input.valid[type="number"]:not(.browser-default):focus,
input.valid[type="search"]:not(.browser-default),
input.valid[type="search"]:not(.browser-default):focus,
textarea.materialize-textarea.valid,
textarea.materialize-textarea.valid:focus,
.select-wrapper.valid > input.select-dropdown{}
{border-bottom: 1px solid #2850cc;
    border-bottom-color: rgb(40, 80, 204);
box-shadow: 0 1px 0 0 #2850cc;}
input:not([type]):focus:not([readonly]) + label,
  input[type=text]:not(.browser-default):focus:not([readonly]) + label,
  input[type=password]:not(.browser-default):focus:not([readonly]) + label,
  input[type=email]:not(.browser-default):focus:not([readonly]) + label,
  input[type=url]:not(.browser-default):focus:not([readonly]) + label,
  input[type=time]:not(.browser-default):focus:not([readonly]) + label,
  input[type=date]:not(.browser-default):focus:not([readonly]) + label,
  input[type=datetime]:not(.browser-default):focus:not([readonly]) + label,
  input[type=datetime-local]:not(.browser-default):focus:not([readonly]) + label,
  input[type=tel]:not(.browser-default):focus:not([readonly]) + label,
  input[type=number]:not(.browser-default):focus:not([readonly]) + label,
  input[type=search]:not(.browser-default):focus:not([readonly]) + label,
  textarea.materialize-textarea:focus:not([readonly]) + label {
    color: #2952d1; }
  input:not([type]):focus:not([readonly]),
  input[type=text]:not(.browser-default):focus:not([readonly]),
  input[type=password]:not(.browser-default):focus:not([readonly]),
  input[type=email]:not(.browser-default):focus:not([readonly]),
  input[type=url]:not(.browser-default):focus:not([readonly]),
  input[type=time]:not(.browser-default):focus:not([readonly]),
  input[type=date]:not(.browser-default):focus:not([readonly]),
  input[type=datetime]:not(.browser-default):focus:not([readonly]),
  input[type=datetime-local]:not(.browser-default):focus:not([readonly]),
  input[type=tel]:not(.browser-default):focus:not([readonly]),
  input[type=number]:not(.browser-default):focus:not([readonly]),
  input[type=search]:not(.browser-default):focus:not([readonly]),
  textarea.materialize-textarea:focus:not([readonly]) {
    border-bottom: 1px solid #5e35b1;
    box-shadow: 0 1px 0 0 #5e35b1; }
/*  .input-field > label{padding: 0 1.5rem;}  */

input{padding: 0 10px !important; color:#3b3b3b; font-size: 14px !important; width: 95% !important; height: 46px;}
.input-field > label:not(.label-icon).active,.input-field > input[type]:-webkit-autofill:not(.browser-default) + label {left:1rem; background: #fff;width: auto !important; padding: 0 0.5rem; transform: translateY(-10px) scale(0.8); transform-origin: 0 0; }
.input-field input:-webkit-autofill,
.input-field input:-webkit-autofill:hover,
.input-field input:-webkit-autofill:active,
.input-field input:-webkit-autofill:focus {
    background-color: #FFFFFF !important;
    -webkit-box-shadow: 0 0 0 1000px white inset !important;

    }
.btn{height: 53px; line-height: normal;font-size: 20px; padding: 0 35px;border-radius: 50px;border:1px solid #0a3d77;}
.blue{background-color:#2850cc !important;}
[type="checkbox"] + span:not(.lever){padding-left: 26px;}
.blue-text{color: #2952d1 !important;}
.blue-text:hover{}
a.link:hover {color: #0a3d77;}
[type="checkbox"]:checked + span:not(.lever)::before{border-right: 2px solid #2952d1; border-bottom: 2px solid #2952d1;}
.logo{display: flex;
    align-items: center;
    justify-content: center;}

.input-field{margin-top: 0.5rem;
margin-bottom: 0.5rem;}
.signup .account-title{}
[type="checkbox"] + span:not(.lever):before, [type="checkbox"]:not(.filled-in) + span:not(.lever):after{border: 2px solid #e8e8e8; border-radius:4px;}

    /*### Media Query ### */

@media (min-width:992px) and (max-width:1199px) {

/*========== LOGIN PAGE / REGISTER / FORGET PASSWORD ==========*/
    .account-wrapper { padding: 26px; }
    .account-content { background-size: cover; }
    .account-title { font-size: 22px; margin-bottom: 2px; }
    .account-box { width: 420px; }
    .account-box .form-control { height: 40px; font-size: 13px; }
    .account-box label { font-size: 14px; }
    .text-muted { font-size: 14px; }
    .account-subtitle { font-size: 16px; margin-bottom: 25px; }
    .account-box .account-btn { padding: 8px 26px; font-size: 18px; }
    .account-box .form-group { margin-bottom: 20px; }

}

@media (min-width:768px) and (max-width:991px) {
/*========== LOGIN PAGE / REGISTER / FORGET PASSWORD ==========*/ 
    .account-section {margin-left: 0; }
/*    .account-content {background-size: auto 100%; background-position: -768px; }*/
.mobile-banner {
    display: block;
}
.account-main-section {
    align-items: inherit;
}
.account-content {
    background: transparent;
}
.img-fluid {
    max-width: 100%;
    height: auto;
}
.account-logo {
    margin: 35px 0 15px;
}
.account-box {
    border: 0;
    box-shadow: none;
}
.account-title{text-align: center;margin-bottom: 12px;}
.account-wrapper p{text-align: center;}
.account-content, .account-box{overflow: auto; position: static;}
}

@media (min-width:320px) and (max-width:767px) {
/*========== LOGIN PAGE / REGISTER / FORGET PASSWORD ==========*/
.account-page .main-wrapper {
    flex-direction: column;
}
.account-content {
    background: transparent;
    position: static;
    height: auto;
}
.account-main-section {
    align-items: inherit;
}

    .account-section { margin-left: 0; }
    .mobile-banner {
    display: block;
}
.img-fluid {
    max-width: 100%;
    height: auto;
}
.account-wrapper { padding: 22px 0; }
.account-box { min-width: 320px; max-width: 95%;border: 0; box-shadow: none; width: 100%; margin-bottom: 20px;}
.account-box .form-control { height: 36px; font-size: 12px; }
.account-box label { font-size: 13px; }
.text-muted { font-size: 12px; }
.account-subtitle { font-size: 14px; margin-bottom: 20px; }
.account-box .account-btn { padding: 6px 26px; font-size: 16px; }
.account-box .form-group { margin-bottom: 16px; }
.account-logo img { width: 100px; }
.account-logo { margin: 26px 0 5px; }
.account-footer p { font-size: 13px; }

.btn{height: 40px;padding: 0 52px; font-size: 16px;}
.account-title{color: #000; font-size: 18px; font-weight: bold; text-align: center;
    margin-bottom: 16px;}
.account-wrapper p{text-align: center;}
input:not([type]), input[type=text]:not(.browser-default), input[type=password]:not(.browser-default), input[type=email]:not(.browser-default), input[type=url]:not(.browser-default), input[type=time]:not(.browser-default), input[type=date]:not(.browser-default), input[type=datetime]:not(.browser-default), input[type=datetime-local]:not(.browser-default), input[type=tel]:not(.browser-default), input[type=number]:not(.browser-default), input[type=search]:not(.browser-default), textarea.materialize-textarea{
  height: 34px;
}
}