﻿body.customers.customers_login,
body.customers.register,
body.customers.contact,
body.customers.customer-credit-card {
    background: #f4f6f9;
}

body.customers.customers_login .login-heading {
    display: none;
}

body.customers.customers_login .login-form {
    margin-top: 128px;
}

body.customers.customers_login .login-form .panel_s {
    border-radius: 8px;
    overflow: hidden;
}

body.customers.customers_login .login-form .panel-body {
    padding: 32px;
}

body.customers.customers_login .login-form .btn {
    border-radius: 6px;
    font-weight: 600;
}

body.customers.customers_login .login-form .text-muted {
    color: #64748b;
}

body.customers.customers_login .login-form .text-muted:hover,
body.customers.customers_login .login-form .text-muted:focus {
    color: var(--core-theme-brand, #B00045);
}

body.customers.customers_login .form-control {
    border-radius: 6px;
    min-height: 40px;
}

body.customers .forgot-password-heading,
body.customers .forgot-password-heading + .col-md-4 {
    transform: translateY(36px);
}

html.core-theme-dark-mode body.customers.customers_login,
body.customers.customers_login.core-theme-dark-mode {
    background: var(--core-theme-dark-bg, #0e1117) !important;
}

html.core-theme-dark-mode body.customers.customers_login .login-form .text-muted,
body.customers.customers_login.core-theme-dark-mode .login-form .text-muted {
    color: var(--core-theme-dark-muted, #9aa8bc);
}

html.core-theme-dark-mode body.customers.customers_login .login-form .text-muted:hover,
html.core-theme-dark-mode body.customers.customers_login .login-form .text-muted:focus,
body.customers.customers_login.core-theme-dark-mode .login-form .text-muted:hover,
body.customers.customers_login.core-theme-dark-mode .login-form .text-muted:focus {
    color: var(--core-theme-brand, #B00045);
}

@media (max-width: 767px) {
    body.customers.customers_login .login-form {
        margin-top: 88px;
    }

    body.customers .forgot-password-heading,
    body.customers .forgot-password-heading + .col-md-4 {
        transform: translateY(24px);
    }

    body.customers.customers_login .login-form .panel-body {
        padding: 24px;
    }
}
