:root,
[data-bs-theme="light"] {
    --bs-body-bg: #e9ecf3;
    --bs-primary: #282a74;
    /* --bs-secondary: #6c757d;
    --bs-success: #198754;
    --bs-info: #0dcaf0;
    --bs-warning: #ffc107;*/
    --bs-danger: #be2025;
    /*--bs-light: #ced4da;
    --bs-dark: #131313; */
    --bs-primary-rgb: 40, 42, 116;
    /* --bs-secondary-rgb: 108, 117, 125;
    --bs-success-rgb: 25, 135, 84;
    --bs-info-rgb: 13, 202, 240;
    --bs-warning-rgb: 255, 193, 7;
    --bs-danger-rgb: 220, 53, 69;
    --bs-light-rgb: 206, 212, 218;
    --bs-dark-rgb: 19, 19, 19; */
}

.btn-primary {
    --bs-btn-bg: var(--bs-primary);
    --bs-btn-border-color: var(--bs-primary);
    --bs-btn-disabled-bg: var(--bs-primary);
    --bs-btn-disabled-border-color: var(--bs-primary);
}

.btn-outline-primary {
    --bs-btn-color: var(--bs-primary);
    --bs-btn-border-color: var(--bs-primary);
    --bs-btn-hover-bg: var(--bs-primary);
    --bs-btn-hover-border-color: var(--bs-primary);
    --bs-btn-active-bg: var(--bs-primary);
    --bs-btn-active-border-color: var(--bs-primary);
    --bs-btn-disabled-color: var(--bs-primary);
    --bs-btn-disabled-border-color: var(--bs-primary);
}

.btn {
    border-radius: 0;
}

.mask {
    position: absolute;
    background-size: cover;
    background-position: center center;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0.8;
}

.blur {
    box-shadow: inset 0px 0px 2px var(--bs-border-color-translucent);
    backdrop-filter: saturate(200%) blur(30px);
    background-color: rgba(var(--bs-secondary-bg-rgb), 0.8) !important;
}

input[readonly],
textarea[readonly] {
    background-color: rgba(var(--bs-secondary-bg-rgb), 0.8) !important;
}

.stretch-card {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: stretch;
    align-items: stretch;
    -webkit-justify-content: stretch;
    justify-content: stretch;
}

.stretch-card > .card {
    width: 100%;
    min-width: 100%;
}

#auth-right img {
    opacity: 0.6;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.cursor-move {
    cursor: move !important;
}

.custom-grid {
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    align-items: center;
    justify-content: space-between;
    /* gap: 10px; */
}

/* Menu */
.nav-custom-center {
    position: relative;
    top: -40px;
    margin-bottom: -40px;
}
.nav-custom-center a {
    background-color: var(--bs-white);
    border: 5px solid var(--bs-body-bg);
    color: var(--bs-danger);
    width: 80px;
    height: 80px;
}

.nav-custom-center a.active {
    background-color: var(--bs-danger);
    color: var(--bs-white);
}

.nav-custom-center a:hover,
.nav-custom-center a:first-child:active {
    background-color: var(--bs-danger);
    color: var(--bs-white);
}

.nav-custom-center a:hover {
    opacity: 0.8;
}
/* Menu */
.btn-card {
    min-height: 150px;
}

.btn-card .badge {
    top: -10px;
    right: -10px;
    width: 40px;
    height: 40px;
}

.btn-back-sticky {
    position: fixed;
    bottom: 60px;
    width: 50px;
    height: 50px;
    display: flex;
    align-self: center;
    font-size: 1.5em;
    background-color: var(--bs-body-bg);
}