/*
basic green #84BD3F

dark gray #404040
basic gray #8E8E8E
medium gray #E5E5E5
light gray #F6F6F6

*/

.full-page:before {
    background-color:transparent;
}

h5 {
    font-size: 24px;
    color: #fff;
}

h1 {
    color:#ffffff;
    font-family: 'nettoReflex-regular', sans-serif!important;
    line-height: 1.15em;
    margin: 0;
    padding: 0;
    text-align: left;
    font-size:6em;
}

::placeholder {
    color:#8E8E8E!important;   
}

.login-page > .content, .lock-page > .content {
    padding-top: 25vh;
}

.login-form-container {
    width: 431px;
    height: 399px;
    border-radius: 12px;
}

.login-form-container .input-container {
    margin-bottom:20px;
}

.login-form-container .forgot-pswd-container {
    color:#fff;
    margin-bottom:20px;
    text-align:right;
}
.forgot-pswd-container{
    font-size: 16px;
}

.login-form-container .footer {
    text-align:right;
}

.card-login .card-content {
    padding:0;
    margin:0;
    margin-top:20px;
}

.login-register-text {
    color:#fff;
    font-size: 16px;
}

.btn-login {
    border-radius:7px;
}



.login-form-container .form-control {
    padding:12px;
    border:1px solid #E5E5E5;
    border-radius:8px;
    width:100%;
    height:46px;
    font-size: 16px;
}

.login-page #password:-webkit-autofill, .login-page #email:-webkit-autofill, .login-page #password:-webkit-autofill:focus, .login-page #email:-webkit-autofill:focus {
    -webkit-box-shadow: none;
    background-image:none;
    background-color:#ffffff;
}

body {
    overflow-y: hidden; /* Hide vertical scrollbar */
    overflow-x: hidden; /* Hide horizontal scrollbar */
 }
 
.form-control, .form-group .form-control{
    height: 54px;
}
.header .title{
    font-size: 24px;
    color: #fff;
}
#frmPasswordResetRequest{
    color: #fff;
    font-size: 16px;
}
.lowerText{
    padding-bottom: 60px;
}

.labelLogin{
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom:3vh;
}

.navbar-anonymous {
    display:none;
}

#frmPasswordResetRequest .btn.btn-gray, .password-reset-form .btn.btn-gray {
  background-color: #111;
  border: 1px solid #ff6766;
  color: #ff6766;
}

#frmPasswordResetRequest .btn.btn-gray:hover, .password-reset-form .btn.btn-gray:hover {
  background-color: #111;
  border: 1px solid #ff6766;
  color: #ff6766;
}

.login-form-container .form-control, .card-resetpassword .form-control, .password-reset-form .form-control {
    border: 1px solid #777;
    border-radius: 8px;
    padding: 12px;
    height: 54px;
    background-color: #111;
    color: #fff;
}


@media only screen and (max-width: 767px) {

    

    body {
        position:fixed;
    }

    .navbar-anonymous {
        height:45px;
        display:block;
        text-align:center;
    }
    .navbar-anonymous img {
        padding:4px;
        height:45px;
    }
    .wrapper.wrapper-full-page {
        height:100vh;
    }
    
    .full-page {
        width:100%;
        position:absolute;
        /*top:45px;*/
        height:calc(100vh - 45px);
    }
    h1 {
        font-size:2.5em;
    }
    .full-page > .content {
        min-height:calc(100vh - 200px)    
    }
    .labelLogin {
        margin-top:7vh;
        margin-bottom:7vh;
    }
 
    .lock-page > .content {
        padding-top: 15vh;
        text-align:center;
    }
    .login-form-container {
        width:90%;
        margin-left:auto;
        margin-right:auto;
    } 
    .login-page > .content{
        padding-top: 5vh;
    }  

    .wrapper.wrapper-full-page {
        height:100vh;
    }
    
    .full-page {
        width:100%;
        position:absolute;
        /*top:45px;*/
        height:calc(100vh - 45px);
        width:100%;
    }
    .labelLogin {
        margin-top:2vh;
        margin-bottom:2vh;
    }
    .full-page > .content {
        min-height:calc(100vh - 200px)    
    }
    .login-page > .content{
        padding-top: 0px;
    }
    .login-form-container .card-login {
        margin-top:10px;
        margin-bottom:10px;
        padding-bottom:10px;
    }
    .login-form-container .card-login h5 {
        font-size:18px;
    }
    .login-form-container {
        height:auto;
    }
    
}


@media only screen and (max-width: 375px) {

    body {
        position:fixed;
    }

    .wrapper.wrapper-full-page {
        height:100vh;
    }
    
    .full-page {
        width:100%;
        position:absolute;
        /*top:45px;*/
        height:calc(100vh - 45px);
        width:100%;
    }
    .labelLogin {
        margin-top:2vh;
        margin-bottom:2vh;
    }
    .full-page > .content {
        min-height:calc(100vh - 200px)    
    }
    .login-page > .content{
        padding-top: 0px;
    }
    .login-form-container .card-login {
        margin-top:10px;
        margin-bottom:10px;
        padding-bottom:10px;
    }
    .login-form-container .card-login h5 {
        font-size:18px;
    }
    .login-form-container {
        height:auto;
    }
    
}



@media only screen and (max-width: 320px) {

    h1 {
        font-size: 1.5em;
    }

    h3 {
        margin:0;
    }

    body {
        position:fixed;
    }

    .wrapper.wrapper-full-page {
        height:110vh;
    }
    
    .full-page {
        top: 0px;
        height: 105vh;
        overflow:auto;
    }
    .labelLogin {
        margin-top:2vh;
        margin-bottom:2vh;
    }
    
    .login-page > .content{
        padding-top: 0px;
        margin-top:10px;
    }

    .full-page > .content {
        min-height:140vh;
    }

    .login-form-container .card-login {
        margin-top:10px;
        margin-bottom:10px;
        padding-bottom:10px;
    }
    .login-form-container .card-login h5 {
        font-size:18px;
    }

    .login-form-container {
        height:auto;
    }

    .header .title {
        font-size:1.2em;
    }
    
    .main-panel > .content {
        padding-top:0px;
    }

   
   
}