/* Your Global Styles */
:root .lpx-theme-dim, :root .lpx-theme-dark {
    --lpx-logo: url('/images/logo/portal/portal-logo-light.png');
    --lpx-logo-icon: url('/images/logo/icon.png');
    --lpx-primary: #0c4c9c !important;
    --lpx-primary-rgb: 12, 76, 156 !important;
    --lpx-secondary: #38ba63;
    --lpx-secondary-rgb: 56, 186, 99;
    --bs-link-color: #0c4c9c;
    --bs-link-hover-color: #0c4c9c;
    --bs-primary: #0c4c9c;
    --bs-secondary: #38ba63;
}

:root .lpx-theme-light {
    --lpx-logo: url('/images/logo/portal/portal-logo-light.png');
    --lpx-logo-icon: url('/images/logo/icon.png');
    --lpx-primary: #0c4c9c !important;
    --lpx-primary-rgb: 12, 76, 156 !important;
    --lpx-secondary: #38ba63;
    --lpx-secondary-rgb: 56, 186, 99;
    --bs-link-color: #0c4c9c;
    --bs-link-hover-color: #0c4c9c;
    --bs-primary: #0c4c9c;
    --bs-secondary: #38ba63;
}

html {
    background-color: #fff;
}

.lpx-content {
    background-color: #fff;
}

.lpx-login-image-area {
    background-image: url("/images/portal-bg.jpeg");
}

.abp-empty-layout {
    --lpx-logo: url('/images/logo/portal/portal-logo-light.png');
    --lpx-logo-icon: url('/images/logo/icon.png');
    --lpx-primary: #0c4c9c !important;
    --lpx-primary-rgb: 12, 76, 156 !important;
    --lpx-secondary: #38ba63;
    --lpx-secondary-rgb: 56, 186, 99;
    --bs-link-color: #0c4c9c;
    --bs-primary: #0c4c9c;
    --bs-secondary: #38ba63;
}

.abp-account-layout {
    background-color: #fff !important;
}

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

.btn-primary {
    --bs-btn-color: #fff;
    --bs-btn-bg: var(--lpx-primary) !important;
    --bs-btn-border-color: var(--lpx-primary) !important;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: rgba(var(--lpx-primary-rgb), 0.95) !important;
    --bs-btn-hover-border-color: var(--lpx-primary) !important;
    --bs-btn-focus-shadow-rgb: 83, 117, 255;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: var(--lpx-primary) !important;
    --bs-btn-active-border-color: var(--lpx-primary) !important;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: rgba(var(--lpx-primary-rgb), 0.85) !important;
    --bs-btn-disabled-border-color: rgba(var(--lpx-primary-rgb), 0.85) !important;
}

.btn-outline-primary {
    --bs-btn-color: var(--lpx-primary) !important;
    --bs-btn-border-color: var(--lpx-primary) !important;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: rgba(var(--lpx-primary-rgb, 0.95)) !important;
    --bs-btn-hover-border-color: var(--lpx-primary) !important;
    --bs-btn-focus-shadow-rgb: 53, 93, 255;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: rgba(var(--lpx-primary-rgb, 0.95)) !important;
    --bs-btn-active-border-color: var(--lpx-primary) !important;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: rgba(var(--lpx-primary-rgb, 0.85)) !important;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: rgba(var(--lpx-primary-rgb, 0.85)) !important;
    --bs-gradient: none;
}

.btn-secondary {
    --bs-btn-color: #fff;
    --bs-btn-bg: var(--lpx-secondary) !important;
    --bs-btn-border-color: var(--lpx-secondary) !important;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: rgba(var(--lpx-secondary-rgb), 0.95) !important;
    --bs-btn-hover-border-color: var(--lpx-secondary) !important;
    --bs-btn-focus-shadow-rgb: 130, 117, 218;
    --bs-btn-active-color: rgba(var(--lpx-secondary-rgb), 0.95) !important;
    --bs-btn-active-bg: rgba(var(--lpx-secondary-rgb), 0.95) !important;
    --bs-btn-active-border-color: #51469e;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: rgba(var(--lpx-secondary-rgb), 0.85) !important;
    --bs-btn-disabled-border-color: rgba(var(--lpx-secondary-rgb), 0.85) !important;
}

.form-check-input:checked {
    border-color: var(--lpx-primary) !important;
    background-color: var(--lpx-primary) !important;
}

.lpx-brand-logo.lpx-login-big-logo {
    opacity: 1 !important;
    background-image: url('/images/logo/portal/portal-logo-light.png');
    width: 70%;
    height: 130px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center 0px;
}

.lpx-brand-logo.lpx-login-sm-logo {
    background-image: url('/images/logo/portal/portal-login-bg.png');
    background-position: center 0px;
}