html, body, .content-wrapper, .content {
    margin: 0;
    padding: 0;
    height: 100%;
    font-family: 'Lato', sans-serif;
}

.login-page {
    background-color: #ffffff;
    height: 100%;
}

.logo {
    width: 250px;
    margin: 0 auto;
    padding-top: 60px;
    padding-bottom: 60px;
}
.questions input[type="radio"]:checked
{

}
.logo img {
    width: 100%;
}

.btn-warning{
    color:#000; !important;
}
.text-danger{
    color: #F95F62 !important;
}

.btn-secondary {
    background-color: #47525E;
}

.login-container {
    border: 2px solid #fff;
    position: relative;
}

.login-header {
    border-radius: 50px;
}

.login-header, .login-header h1 {
    display: table;
    margin: 0 auto;
}

.login-header {
    background-color: #fff;
    border-radius: 50px;
}

.align-center {
    text-align: center;
}

.login-header h1 {
    color: #47525E;
    font-weight: 700;
    text-align: center;
}

.login-subtitle {
    text-align: center;
    color: #8190A5;
}

.form-login input, .form-login select {
    height: 50px !important;
    border-color: #8492A6;
}

.forget-password-container select{
    height: 50px !important;
    border-color: #8492A6;
}

.login-button {
    display: table;
    width: 100%;
}

.login-button .btn {
    width: 100%;
    margin-bottom: -23px;
    padding-top: 10px;
    padding-bottom: 10px;
}

.forget-password-page {

}

.forget-password-link {
    display: table;
    margin: 30px auto;
}

.forget-password-link a {
    color: #8190A5;
    font-size: 14px;
}

.forget-password-header {
    display: table;
    margin: 0 auto;
}

.forget-password-header h1 {
    color: #47525E;
    font-weight: 700;
}

.forget-password-subtitle {
    color: #8190A5;
    width: 300px;
    text-align: center;
}

.form-forget-password input {
    height: 50px;
    border-color: #8492A6;
}

.form-forget-password a {
    color: #8190A5;
    font-size: 14px;
}

.forget-password-page .confirm-action {
    margin-top: -1.5rem;
}

.g-recaptcha > div {
    margin: 0 auto;
}

.confirm-action {
    width: 150px;
    height: 150px;
    margin: 0 auto;
    background-color: #53D3A1;
    border-radius: 50%;
    color: #fff;
    font-size: 58px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}

.confirm-action-warning{
    width: 150px;
    height: 150px;
    margin: 0 auto;
    background-color: darkorange;
    border-radius: 50%;
    color: #fff;
    font-size: 58px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}

.note {
    color: #8190A5;
}

mark {
    background-color: #fff;
    color: #8190A5;
}

.col-form-label {
    color: #8190A5;
}

.form-control:focus {
    color: #495057;
    background-color: #fff;
    border-color: #8492A6;
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(132, 146, 166, 0.25);
}
.is-invalid .p-primary{
    margin-top: -8px;
}
.account-logout {
    position: absolute;
    top: 20px;
    right: 100px;
}

.password-verdict{
    color:#000;
}

.account-new-card{
    position: absolute;
    top: 20px;
    right: 220px;
}

.account-codf{
    position: absolute;
    top: 20px;
    right: 360px;
}

.custom-control-label {
    color: #8190A5;
}

.custom-checkbox .custom-control-label::before {
    }

.custom-checkbox .custom-control-input:checked ~ .custom-control-label::before {
    background-color: #47525E;
}

.btn-change-password {
    position: absolute;
    right: -176px;
    top: 1px;
    border: 1px solid #969FAA;
    color: #969FAA;
}

.btn-change-password:hover {
    background-color: #47525E;
    border: 1px solid #969FAA;
}

.pretty.p-icon input:checked~.state label:before {
    background-color: #47525E !important;
    border-color: #47525E;
}

.pretty input:checked~.state.p-primary label:after, .pretty.p-toggle .state.p-primary label:after {
    background-color: #47525E!important;
}
/*
  ##Device = Tablets, Ipads (portrait)
  ##Screen = B/w 768px to 1024px
*/

@media (min-width: 768px) and (max-width: 1024px) {
    .btn-change-password {
        right: 0;
        position: relative;
        width: 100%;
        margin-top: 1rem;
    }
    .account-logout {
        position: absolute;
        top: 5px;
        right: 10px;
    }
    .account-new-card{
        position: absolute;
        top: 5px;
        right: 120px;
    }

    .account-codf{
        position: absolute;
        top: 5px;
        right: 245px; 
    }
    
}

/*
  ##Device = Tablets, Ipads (landscape)
  ##Screen = B/w 768px to 1024px
*/

@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
    .btn-change-password {
        right: 0;
        position: relative;
        width: 100%;
        margin-top: 1rem;
    }
    .account-logout {
        position: absolute;
        top: 5px;
        right: 10px;
    }
    .account-new-card{
        position: absolute;
        top: 5px;
        right: 120px;
    }
    .account-codf{
        position: absolute;
        top: 5px;
        right: 245px; 
    }
}

.account-page .alert-info{
    background-color: #F0F0F0;
    border: 2px solid #969FAA;
    color: #757C84;
}

/*
  ##Device = Low Resolution Tablets, Mobiles (Landscape)
  ##Screen = B/w 481px to 767px
*/

@media (min-width: 481px) and (max-width: 767px) {
    .btn-change-password {
        right: 0;
        position: relative;
        width: 100%;
        margin-top: 1rem;
    }
    .account-logout {
        position: absolute;
        top: 5px;
        right: 120px;
    }
    .account-new-card{
        position: absolute;
        top: 5px;
        right: 120px;
    }
    .account-codf{
        position: absolute;
        top: 5px;
        right: 245px; 
    }
}

/*
  ##Device = Most of the Smartphones Mobiles (Portrait)
  ##Screen = B/w 320px to 479px
*/

@media (min-width: 320px) and (max-width: 480px) {
    .btn-change-password {
        right: 0;
        position: relative;
        width: 100%;
        margin-top: 1rem;
    }
    .account-logout {
        position: absolute;
        top: 5px;
        right: 10px;
    }
    .account-new-card{
        position: absolute;
        top: 5px;
        right: 120px;
    }
    .account-codf{
        position: absolute;
        top: 5px;
        right: 245px; 
    }
}

.change-password-button .btn{
    font-size: 16px;
}


.change-password-button a{
    color:#000 !important;
}
.change-password-button .btn-outline-dark:hover{
    color:#fff !important;
}