/* https://getbootstrap.com/docs/5.3/customize/color/#colors */

/* #region cores */

:root {
    --bs-body-bg: #f6f7f9;
    --bs-body-bg-rgb: rgb(246, 247, 249);
    --bs-primary: var(--mdc-theme-primary);
    --bs-primary-rgb: #0288d1;
    --bs-primary-bg-subtle: var(--mdc-theme-background--2);
    --bs-primary-border-subtle: var(--mdc-theme-primary--light-2);
    --bs-primary-text-emphasis: var(--mdc-theme-primary--dark-2);
    --edocs-bg-color: var(--bs-white);
}

.dark-mode body {
    --bs-body-bg: #1d1f21 !important;
    --bs-body-bg-rgb: rgb(29, 31, 33);
    --edocs-bg-color: var(--mdc-theme-surface);
}

/* #endregion */


/* #region elementos */

.form-control {
    background-color: var(--edocs-bg-color);
}

    .form-control:focus {
        background-color: var(--edocs-bg-color);
    }

.form-label {
    margin-bottom: .25rem !important;
    font-size: 0.875rem !important;
    font-weight: 600 !important;
}

.form-check-input {
    border-color: var(--mdc-theme-primary);
    background-color: transparent;
}

    .form-check-input:checked {
        background-color: var(--mdc-theme-primary);
        border-color: var(--mdc-theme-primary);
    }

.table > :not(:first-child) {
    border-top: 1px solid currentColor !important;
}

.table-borderless > :not(:first-child) {
    border-top-width: 0;
}

tbody, td, tfoot, th, thead, tr {
    font-size: 13px;
    vertical-align: middle;
}

.nav {
    --bs-nav-link-color: var(--mdc-theme-primary);
    --bs-nav-link-active-color: var(--mdc-theme-primary--dark-1);
    --bs-nav-underline-link-active-color: var(--mdc-theme-primary--dark-2);
    --bs-nav-link-hover-color: var(--mdc-theme-primary--light-1);
    background-color: var(--mdc-theme-background--1);
}

.nav-underline {
    --bs-nav-underline-border-width: 0.25rem;
    --bs-nav-underline-gap: 0;
    cursor: pointer;
}

    .nav-underline .nav-link.active {
        background-color: var(--mdc-theme-background--2);
    }



.card {
    --bs-card-bg: var(--edocs-bg-color);
    --bs-card-cap-bg: var(--edocs-bg-color);
}

.table {
    --bs-table-bg: var(--edocs-bg-color);
}

.list-group {
    --bs-list-group-active-color: var(--mdc-theme-primary);
    --bs-list-group-active-bg: var(--mdc-theme-background--1);
    --bs-list-group-active-border-color: var(--bs-list-group-border-color);
}

.list-group-item:not(.list-group-item-warning) {
    --bs-list-group-bg: var(--edocs-bg-color);
}

.list-group-item .lh-ajustado {
    line-height: 1.5;

    @media (max-width: 991px) { /*lg*/
        line-height: 1.25;
    }
}

@media (max-width: 991px) { /*lg*/

}

.btn-primary {
    --bs-btn-color: #fff;
    --bs-btn-bg: var(--mdc-theme-primary);
    --bs-btn-border-color: var(--mdc-theme-primary);
    --bs-btn-hover-bg: var(--mdc-theme-primary--dark-1);
    --bs-btn-hover-border-color: var(--mdc-theme-primary--dark-2);
    --bs-btn-focus-shadow-rgb: 49,132,253;
    --bs-btn-active-bg: var(--mdc-theme-primary--dark-2);
    --bs-btn-active-border-color: var(--mdc-theme-primary--light-1);
    --bs-btn-disabled-bg: var(--mdc-theme-primary);
    --bs-btn-disabled-border-color: var(--mdc-theme-primary);
}

    .btn-primary i {
        color: white !important;
    }

.btn-outline-primary {
    --bs-btn-color: var(--mdc-theme-primary);
    --bs-btn-border-color: var(--mdc-theme-primary);
    --bs-btn-hover-bg: var(--mdc-theme-primary);
    --bs-btn-hover-border-color: var(--mdc-theme-primary);
    --bs-btn-active-bg: var(--mdc-theme-primary--dark-2);
    --bs-btn-active-border-color: var(--mdc-theme-primary--dark-2);
    --bs-btn-disabled-color: var(--mdc-theme-primary--light-3);
    --bs-btn-disabled-border-color: var(--mdc-theme-primary--light-3);
}

    .btn-outline-primary:hover i {
        color: white !important;
    }

.dark-mode .btn-outline-primary {
    --bs-btn-color: var(--mdc-theme-primary--dark-2);
    --bs-btn-border-color: var(--mdc-theme-primary--dark-2);
}

/* #endregion */



/* #region Toast */
.toast {
    width: 50vw !important;
    min-width: 980px;
    .toast-header

{
    border-bottom: 0px;
    i

{
    font-size: 1.5rem;
}

strong {
    font-size: 1rem;
}

.btn-close {
    opacity: 1;
}

}

.toast-body {
    font-weight: 500;
    font-size: 1rem;
    color: #333;
    background-color: #e8f5e9;
}

}

@media (max-width: 991px) { /*lg*/
    .toast {
        width: 100vw !important;
    }
}

/* #endregion */

/* #region OVERRIDES MOBILE */

@media (max-width: 991px) { /*lg*/

    .container-sm, .container-md, .container-lg, .container-xl, .container-xxl {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .list-group-item {
        padding: 0.75rem 0.75rem;
        border-radius: 0 !important;
    }

    .card {
        border-radius: 0;
    }

    .card-body {
        padding: 0.375rem;
    }

    .modal-body {
        padding: 0.75rem 0.75rem;
    }

    .offcanvas-body {
        padding: 0.75rem 0.75rem;
    }
}

/* #endregion */