/**
 * TMS Content Management System
 * @version 4.x
 * @author Tập Đoàn TMS Holdings <contact@tms.vn>
 * @copyright (C) 2020-2030 Tập Đoàn TMS Holdings. All rights reserved
 * @license GNU/GPL version 2 or any later version
 * @see https://tms.vn
 */

.tmslogin{min-height: 100vh;position: relative;display: flex;justify-content: center;  align-items: center; padding: 25px 0;}
.tmsloginline {width: 90%; background: #ed3237;height: 2px;margin: auto;text-align: center;}
.btn-primary {color: #fff;background-color: #ed3237;border-color: #ed3237;height: 40px;text-align: center;margin: auto;}
.btn-primary:hover {color: #fff;background-color:#f8ab1f;border-color: #f8ab1f;}
.btn-default {color: #fff;background-color: #f8ab1f;border-color: #f8ab1f;}
.btn-default:hover {color: #fff;background-color:#ed3237;border-color: #ed3237;}


body {
    height: 100%;
    display: flex;
    justify-content: center;
    color: #777;
    background: #f8f8f8 url(../images/bglogin.jpg) bottom center;
}
body:before {
    content: '';
    background: rgb(197 197 197 / 43%);
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}
.form-control {
    display: block;
    width: 100%;
    height: 40px;
    padding: 6px 12px;
    font-size: 15px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
    box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

.wrapper {
    width: 400px;
}

@media (max-width: 350px) {
    body {
        padding-top: 10px;
    }

    .wrapper {
        width: 100%;
        padding: 0 10px;
    }

    #reCaptcha {
        transform: scale(0.85);
        transform-origin: 0 0;
    }
}

/* Content
 -----------------------------------------------------------------------------*/
.login-content {
    background-color: #fff;
    border: 1px solid #dedede;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.13);
    border-radius: 4px;
}

.login-header {
    padding: 15px 20px;
    background-color: #428bca;
    color: #fff;
    font-size: 16px;
    text-align: center;
    border-bottom: 1px solid #3979b1;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

.login-body {
    padding: 20px 20px 10px 20px;
}

.login-footer {
    padding: 10px 20px;
    background-color: #f5f5f5;
    border-top: 1px solid #dedede;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}

.login-content .form-label {
    text-align: right;
    margin-bottom: 0;
    padding-top: 7px;
}
#logo{padding:10px}
#logo img {
    height: auto;
    width: 100% !important;
	padding:5px; margin-bottom: 10px;
}

.login-content .fa-refresh {
    position: absolute;
    top: 4px;
    right: 4px;
    cursor: pointer;
    color: rgba(0, 0, 0, 0.30);
}

.login-content .muti-lang {
    width: auto !important;
    display: inline-block !important;
}

.login-content .lostpass {
    text-align: right;
}

.login-2step-others {
    margin-top: 20px;
}

.btn-facebook {
    background-color: #4267b2;
    border-color: #4267b2;
    color: #fff;
}

.btn-facebook:hover,
.btn-facebook:active,
.btn-facebook:focus {
    background-color: #5180e0 !important;
    border-color: #5180e0 !important;
}

.btn-google {
    background-color: #ea4335;
    border-color: #ea4335;
    color: #fff;
}

.btn-google:hover,
.btn-google:active,
.btn-google:focus {
    background-color: #f2574b !important;
    border-color: #f2574b !important;
}

.btn-zalo {
    background-color: #0067ff;
    border-color: #0067ff;
    color: #fff;
}

.btn-zalo:hover,
.btn-zalo:active,
.btn-zalo:focus {
    background-color: #035adb !important;
    border-color: #035adb !important;
}

.btn-facebook:active,
.btn-facebook:focus,
.btn-facebook:active:focus,
.btn-facebook:hover,
.btn-google:active,
.btn-google:focus,
.btn-google:active:focus,
.btn-google:hover,
.btn-zalo:active,
.btn-zalo:focus,
.btn-zalo:active:focus,
.btn-zalo:hover {
    color: #fff !important;
}

.grecaptcha-badge {
    visibility: hidden;
}

/* Footer
 -----------------------------------------------------------------------------*/
.copyright {
    text-align: right;
    font-size: 11px;
    color: #999;
    margin-top: 10px;
}

.copyright a {
    color: #999;
    text-decoration: underline;
}

/* Message
 -----------------------------------------------------------------------------*/
.inner-message {
    text-align: center;
    margin-bottom: 16px;
}



.inner-message.error {
    color: #d54e21;
}

.inner-message.success {
    color: #198754;
}