/* Your Global Styles */
:root .lpx-theme-dim,
:root .lpx-theme-dark {
    --lpx-logo: url('/images/logo/leptonx/icon.svg');
    --lpx-logo-icon: url('/images/logo/leptonx/icon.svg');
}

:root .lpx-theme-light {
    --lpx-logo: url('/images/logo/leptonx/icon.svg');
    --lpx-logo-icon: url('/images/logo/leptonx/icon.svg');
}

:root {
    --lpx-theme-light-bg: url('/LeptonX/images/login-pages/login-bg-img-light.svg');
    --lpx-theme-dim-bg: url('/LeptonX/images/login-pages/login-bg-img-dim.svg');
    --lpx-theme-dark-bg: url('/LeptonX/images/login-pages/login-bg-img-dark.svg');
}

body {
    background-color: #f2f4f8 !important;
}

.login-header {
    font-size: 2rem;
}

.lpx-login-image-area {
    min-height: 100vh;
    max-height: 100vh;
    height: 100%;
}

.lpx-login-form-max-width {
    width: 560px !important;
    max-width: 640px !important;
}

.btn-success, .btn-info, .btn-warning {
    color: #fff !important;
}

.sa-icon {
    position: fixed;
    bottom: 10px;
    left: auto;
    width: 100%;
}

    .sa-icon::before {
        content: "";
        position: absolute;
        z-index: -1;
        top: calc(50% - 2px);
        left: 0;
        width: 100%;
        height: 2px;
        background-color: #004b93;
    }