.login-container1 {
    margin: 0 auto;
    padding: 96px 24px;
}

.login-container2 {
    padding: 96px 24px;
}

.login-main-container {
    padding: 96px 24px;
    margin: 0 auto;
}

.login-logo {
    display: flex;
    justify-content: center;
    margin-bottom: 24px;
}

.login-form {
    border: 1px solid #E2E8F0;
    border-radius: 8px;
    padding: 24px !important;
    background-color: #FFFFFF;
    margin: 0 auto;
    margin-bottom: 24px;
}

.login-title {
    font-weight: 700;
    font-size: 24px;
    text-align: center;
    color: #1E293B;
    margin-bottom: 4px;
}

.login-subtitle {
    font-weight: 500;
    font-size: 14px;
    text-align: center;
    color: #64748B;
    margin-bottom: 24px;
}

.label-username {
    margin-bottom: 16px;
}

.username-email-pass {
    display: block;
    font-weight: 600;
    font-size: 14px;
    margin-bottom: 8px!important;
    color:#1F2937;
    cursor: pointer;
}

.username-email-pass-box {
    border: 1px solid #E2E8F0;
    border-radius: 6px;
    padding: 10px;
}

.label-password {
    margin-bottom: 24px;
}

.login-pass-view {
    background: url('../images/login/view-img.png') no-repeat 0px;
    background-size: 14px 14px;
}

.layout-login {
    padding: 8px 0;
    margin-bottom: 24px;
    text-align: center;
}

.btn-login {
    height: 41px;
    border-radius: 6px;
    padding: 10px 12px;
    border: #2563EB;
    background-color: #2563EB;
    font-weight: 500;
    font-size: 14px;
    color: #FFFFFF;
    text-align: center;
}

.btn-login.login-button-size {
    /*width: 75%;*/
}

.password-reset-container {
    padding: 8px 0;
    text-align: center;
    margin-top: 24px;
}

.no-decoration {
    text-decoration: none;
}

.forgot-password {
    font-weight: 500;
    font-size: 12px;
    text-align: center;
    color: #475569;
}

.reset-password {
    font-weight: 500;
    font-size: 12px;
    text-align: center;
    color: #3B82F6;
}

.back-to-site {
    margin: 0 auto;
    text-align: center;
}

.login-inline {
    display: inline-block;
}

.btn-back-to-site {
    font-weight: 500;
    font-size: 14px;
    text-align: center;
    padding: 8px 0;
    margin-left: 8px;
    color: #2563EB;
}

.login-arrow-left {
    vertical-align: middle;
}

.login-footer {
    width: 100%;
    margin: 0 auto;
}

.login-footer-content {
    padding: 48px;
    margin: 0 auto;
}

.footer-name {
    font-weight: 500;
    font-size: 12px;
    text-align: center;
    color: #1E293B;
}

.bg-image {
    background: url('../images/background-image.png') no-repeat;
    background-size: 100% auto;
}


.alert-danger {
    margin-bottom: 24px!important;
    background-color: #fce4e4;
    border-color: #fce4e4;
    color: #ea5455;
    padding: 10px;
}


.alert-success {
    margin-bottom: 24px !important;
    background-color: #d4edda;
    border-color: #c3e6cb;
    color: #155724;
    padding: 10px;
}

.each-content-footer {
    display: inline-block;
    margin-right: 8px;
}

.create-new-account {
    display: inline-block;
    height: 41px;
    border-radius: 6px;
    padding: 10px 12px 10px 12px;
    border: #FFFFFF;
    background-color: #94A3B8;
    font-weight: 600;
    font-size: 12px;
    color: #FFFFFF;
    text-align: center;
    width: 75%;
    cursor: pointer;
}

.home-page-size-of-each-box {
    min-width: 357px;
}

@media only screen and (max-width: 1280px) {
    .home-page-size-of-each-box {
        min-width: 286px;
    }
}