/* Helpful defaults for auth pages */
:root {
    --cui-primary: #2b7a5e;
    --cui-primary-rgb: 43, 122, 94;
    --cui-link-color: #2b7a5e;
    --cui-link-hover-color: #246d55;
}

.auth-card {
    border-radius: .5rem;
}

.auth-left {
    padding: 2rem;
}

.auth-right {
    padding: 2rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.auth-modal .modal-content {
    border-radius: 0.75rem;
    border: 0;
}

.auth-modal .auth-left {
    padding: 2rem;
}

.auth-modal .auth-modal-close {
    position: absolute;
    top: 0.75rem;
    right: 0.75rem;
    z-index: 2;
}

.auth-modal .auth-modal-pane {
    position: relative;
}

.btn-primary {
    --cui-btn-bg: #2b7a5e;
    --cui-btn-border-color: #2b7a5e;
    --cui-btn-hover-bg: #246d55;
    --cui-btn-hover-border-color: #246d55;
    --cui-btn-active-bg: #1f5f4a;
    --cui-btn-active-border-color: #1f5f4a;
}

.btn-outline-primary {
    --cui-btn-color: #2b7a5e;
    --cui-btn-border-color: #2b7a5e;
    --cui-btn-hover-bg: #2b7a5e;
    --cui-btn-hover-border-color: #2b7a5e;
    --cui-btn-hover-color: #fff;
    --cui-btn-active-bg: #1f5f4a;
    --cui-btn-active-border-color: #1f5f4a;
}

.btn-link,
a {
    color: #2b7a5e;
}

.btn-link:hover,
a:hover {
    color: #246d55;
}

@media (max-width: 767.98px) {
    .auth-right {
        padding: 1.5rem;
    }

    .auth-modal .auth-left {
        padding: 1.5rem;
    }
}