/* Login */
.login-container {
    background-color: #08233E;
    display: flex;
    flex-direction: column;
    align-content: center;
    align-items: center;
}
.login-container .login-card{
    background-color: #fff;
    width: 580px;
    border-radius: 7px;
    box-shadow: 0 0 10px rgba(0,0,0,0.09);
    margin-top: 120px;
}

.login-container .sign-up{
    background-color: #fff;
    width: 580px;
    border-radius: 7px;
    box-shadow: 0 0 10px rgba(0,0,0,0.09);
    margin-top: 80px;
    margin-bottom: 270px;
    padding: 50px;
    text-align: center;
    box-sizing: border-box;
}
.login-container .login-card .login-card-header {
    font-size: 45px;
    line-height: 49px;
    font-weight: bold;
    padding: 50px 59px 47px;
    letter-spacing: 0.7px;
    font-family: 'Proxima Nova Lt';
}
.login-container .login-card .registration-card-header {
    font-size: 45px;
    line-height: 49px;
    font-weight: bold;
    padding: 50px 59px 47px;
    letter-spacing: 0.7px;
    font-family: 'Proxima Nova Lt';
}
.login-container .login-card .login-card-body.simple {
    margin-bottom: 150px;
}
.login-container .login-card .login-card-body {
    padding: 0 59px 72px;
}
.login-container .login-card .login-card-body.verify {
    padding-bottom: 140px;
}
.login-container .login-card .login-card-body .verify-text{
    float: left;
    width: 100%;
}
.login-container .login-card .login-card-body .verify-text p {
    display: inline-block;
    float: left;
}
.login-container .login-card .login-card-body .verify-text.last {
    margin-bottom: 40px;
}
.login-container .login-card .login-card-body.admin-form {
    margin-bottom: 120px;
}
.login-container .login-card .login-card-body .login-row.login-mb-3 input{
    width: 100%;
}
.login-container .login-card .login-card-body .login-row.login-mb-3 .login-col-form-label {

}
.login-container .login-card .login-card-body .login-row.login-mb-3 {
    margin-bottom: 30px;
}
.login-container .login-card .login-card-body .login-row.login-mb-3.password {
    margin-bottom: 0;
}
.login-container .login-card .login-card-body .login-form-group.login-mt-5{
    text-align: center;
    margin-top: 40px;
    margin-bottom: 10px;
}
.login-container .login-card .login-card-body .login-row.login-mb-0 .primary-button{
    margin-top: 40px;
}
.login-container .login-card .login-card-body .login-row.login-mb-0 .login-btn-link{
    margin-top: 15px;
    float: right;
    font-weight: bold;
    font-size: 18px;
}

.login-container .sign-up .text span{
    font-size: 18px;
    font-weight: bold;
    padding-right: 10px;
}
.login-container .sign-up .text a{
    font-size: 18px;
    font-weight: bold;
    white-space: nowrap;
}
.login-container .bottom-line {
    margin-bottom: 20px;
    overflow: hidden;
    width: 100%;
}
.login-container .bottom-line img{
    width: 100%;
}
@media only screen and (max-width: 768px) {
    .login-container .login-card {
        width: 480px;
        margin-top: 100px;
    }
    .login-container .sign-up {
        width: 480px;
        margin-top: 60px;
        margin-bottom: 150px;
    }
    .login-container .login-card .login-card-header {
        font-size: 44px;
        padding: 50px 50px 47px;
    }
    .login-container .login-card .registration-card-header {
        font-size: 44px;
        padding: 50px 50px 47px;
    }
    .login-container .login-card .login-card-body {
        padding: 0 50px 72px;
    }
    .login-container .login-card .login-card-body.verify {
        padding-bottom: 170px;
    }
    .login-container .bottom-line img {
        width: auto;
    }
}
@media only screen and (max-width: 480px) {
    .login-container .login-card {
        width: 100%;
        margin-top: 50px;
    }
    .login-container .sign-up {
        width: 100%;
        margin-top: 40px;
        margin-bottom: 80px;
    }
    .login-container .login-card .login-card-header {
        font-size: 34px;
        padding: 50px 30px 47px;
        text-align: center;
    }

    .login-container .login-card .registration-card-header {
        font-size: 34px;
        padding: 50px 30px 47px;
        text-align: center;
    }

    .login-container .login-card .login-card-body {
        padding: 0 30px 72px;
    }
}

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

.checkbox-custom-box {
    position: relative;
}

.checkbox-custom-box input + .checkbox-custom:after {
    position: absolute;
    left: 0px;
    top: -2px;
    content: '\f0c8';
    font-family: "Font Awesome 6 Free";
    font-size: 16px;
    color: #08233E;
    opacity: 1;
}
.checkbox-custom-box input {
    width: 15px;
    height: 15px;
    opacity: 0;
    margin: 0;
    cursor: pointer;
    position: relative;
    z-index: 10;
}
.checkbox-custom-box input:checked + .checkbox-custom:after {
    content: '\f14a';
    color: #00958F;
}