.alert-success {
    background-color: #8DC8B6 !important;
    color: #FFF !important;
    border: none !important;
    border-width: 0 !important;
}

.login {
    background-color: #a0b4c9 !important
}

.btn-circle {
    border-radius: 5px !important;
    width: unset
}

.login .logo {
    margin: 60px auto 80px;
    padding: 15px;
    text-align: center
}

.login .content {
    background-color: #fff;
    width: 360px;
    margin: 0 auto;
    padding: 20px 30px 15px;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    -ms-border-radius: 7px;
    -o-border-radius: 7px;
    border-radius: 7px
}

    .login .content h3 {
        color: #000
    }

    .login .content h4 {
        color: #555
    }

    .login .content p {
        color: #222
    }

    .login .content .forget-form,
    .login .content .login-form {
        padding: 0;
        margin: 0
    }

    .login .content .input-icon {
        border-left: 2px solid #44b6ae !important;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        -ms-border-radius: 4px;
        -o-border-radius: 4px;
        border-radius: 4px
    }

        .login .content .input-icon .form-control {
            border-left: 0
        }

    .login .content .forget-form,
    .login .content .register-form {
        display: none
    }

    .login .content .form-title {
        font-weight: 300;
        margin-bottom: 25px
    }

    .login .content .form-actions {
        background-color: #fff;
        clear: both;
        border: 0;
        border-bottom: 1px solid #eee;
        padding: 0 30px 25px;
        margin-left: -30px;
        margin-right: -30px
    }

    .login .content .forget-form .form-actions {
        border: 0;
        margin-bottom: 0;
        padding-bottom: 20px
    }

    .login .content .register-form .form-actions {
        border: 0;
        margin-bottom: 0;
        padding-bottom: 0
    }

















    .login .content .form-actions .rememberme {
        margin-top: 8px;
        display: inline-block
    }

    .login .content .form-actions .btn {
        margin-top: 1px
    }

    .login .content .forget-password {
        margin-top: 25px
    }


    .login .content .form-create-password .form-actions {
        margin-left: 0;
        margin-right: 0;
        padding: 0;
        border: 0;
        display: flex;
        justify-content: flex-end;
    }

    .form-create-password p {
        margin: -0.5em 0 1.5em 0;
        padding: 0;
    }

.login .content .password-saved-form .form-actions {
    border: 0;
    margin-left: 0;
    margin-right: 0;
    padding: 0;
    display: flex;
    justify-content: flex-end;
}

.login .content .email-confirmed-form .form-actions {
    border: 0;
    margin-left: 0;
    margin-right: 0;
    padding: 0;
    display: flex;
    justify-content: flex-end;
}

.login .content .email-validated-form .form-actions {
    border: 0;
    margin-left: 0;
    margin-right: 0;
    padding: 0;
    display: flex;
    justify-content: flex-end;
}

.login .content .new-verification-token-sent-form .form-actions {
    border: 0;
    margin-left: 0;
    margin-right: 0;
    padding: 0;
    display: flex;
    justify-content: flex-end;
}

.login .content .invalid-token-form .form-actions {
    border: 0;
    margin-left: 0;
    margin-right: 0;
    padding: 0;
    display: flex;
    justify-content: flex-end;
}

.login .content .new-verification-token-sent-form .form-actions {
    border: 0;
    margin-left: 0;
    margin-right: 0;
    padding: 0;
    display: flex;
    justify-content: flex-end;
}

.login .content .form-group.has-error .input-icon {
    border-left: 1px solid #ff0000 !important;
}

#tbCredentialsPartA::placeholder {
    text-transform: none !important;
}

#tbEmailReminder::placeholder {
    text-transform: none !important;
}

#tbInvalidTokenEmail::placeholder {
    text-transform: none !important;
}















.login .content .select2-container {
    border-left: 2px solid #44b6ae !important
}

        .login .content .select2-container .select2-choice {
            border-left: none !important
        }

        .login .content .select2-container i {
            display: inline-block;
            position: relative;
            color: #ccc;
            z-index: 1;
            top: 1px;
            margin: 4px 4px 0 -1px;
            width: 16px;
            height: 16px;
            font-size: 16px;
            text-align: center
        }

    .login .content .has-error .select2-container i {
        color: #b94a48
    }


    .login .content .select2-container a span {
        font-size: 13px
    }

        .login .content .select2-container a span img {
            margin-left: 4px
        }

.login .copyright {
    text-align: center;
    margin: 0 auto;
    padding: 10px;
    color: #999;
    font-size: 13px
}

@media (max-width:480px) {
    .login .logo {
        margin-top: 10px
    }

    .login .content {
        width: 280px
    }

        .login .content h3 {
            font-size: 22px
        }

    .login .checkbox {
        font-size: 13px
    }
}

#btnSubmit {
    clear: both;
    position: relative;
    top: -1.5em;
}


.swal2-popup {
    border: 5px solid #C08898 !important;
    border-radius: 10px !important;
}

    .swal2-popup .swal2-header {
        background-color: #C08898 !important;
        margin: 0px !important;
        padding: 15px 0 10px 0 !important;
    }

.swal2-popup .swal2-title {
    font-size: 18px !important;
    color: #FFF !important;
}



.swal2-popup #swal2-content {
    margin: 1em 0;
    font-size: 16px !important;
}