html, body {
    font-size: 11px !important;
}

:root {
    --bs-blockui-message-bg: #fff;
    --bs-app-header-height: 55px !important;
}

.app-content {
    padding: 10px 0 !important;
}

.accordion {
    --bs-accordion-body-padding-x: 1rem;
    --bs-accordion-body-padding-y: 0.5rem;
    --bs-accordion-active-bg: var(--bs-gray-200)
}

.progress, .progress-stacked {
    --bs-progress-bg: #e6efe9;
}

@media (min-width: 992px) {
    :root {
        --bs-app-header-height: 70px;
        --bs-app-header-height-actual: 70px;
    }
}

@media (min-width: 992px) {
    .app-content {
        padding: 20px 0;
    }
}
@media (max-width: 992px) {
    .app-content {
        max-width: none;
        padding: 10px 0;
    }
}

div, ol, pre, span, ul {
    scrollbar-width: thin;
    scrollbar-color: #98c6f4 transparent;
}

@media (min-width: 992px) {
    span, ol, ul, pre, div {
        scrollbar-width: thin;
        scrollbar-color: #47be7d transparent;
    }
    span:hover,
    ol:hover,
    ul:hover,
    pre:hover,
    div:hover {
        scrollbar-color: #47be7d transparent;
    }
    span:hover::-webkit-scrollbar-thumb,
    ol:hover::-webkit-scrollbar-thumb,
    ul:hover::-webkit-scrollbar-thumb,
    pre:hover::-webkit-scrollbar-thumb,
    div:hover::-webkit-scrollbar-thumb {
        background-color: #47be7d;
    }
}

@media (min-width: 992px) {
    .app-container {
        padding-left: 20px !important;
        padding-right: 20px !important;
    }
}

.flatpickr-day.today {
    background: var(--bs-gray-300);
    color: var(--bs-gray-600);
    border-color: transparent;
}

.card .card-body {
    padding: 1.25rem 1.5rem;
    color: var(--bs-card-color);
}

/* FROM */
.form-control.form-control-sm.form-control-solid-bg:focus {
    background-color: var(--bs-gray-200);
}

.form-control.is-valid, .was-validated .form-control:valid {
    background-image: none !important;
    padding-right : unset;
}

.form-control.is-invalid, .was-invalidated .form-control:invalid {
    background-image: none !important;
    padding : 0.55rem 0.75rem;
}

.was-validated .form-control:valid, .form-control.is-valid {
    padding-right: calc(1em) !important;
}

.form-control-solid-bg {
    background-color: var(--bs-gray-200);
}

.was-validated .form-select:invalid:not([multiple]):not([size]), .was-validated .form-select:invalid:not([multiple])[size="1"], .form-select.is-invalid:not([multiple]):not([size]), .form-select.is-invalid:not([multiple])[size="1"] {
    --bs-form-select-bg-icon: unset !important;
}

.was-validated .form-select:invalid, .form-select.is-invalid {
     border-color: var(--bs-gray-300) !important;
}

select[readonly].select2-hidden-accessible + .select2-container {
    pointer-events: none;
    touch-action: none;
}

select[readonly].select2-hidden-accessible + .select2-container .select2-selection {
    background-image: none !important;
    background-color: #f7f8fa;
    box-shadow: none;
}

select[readonly].select2-hidden-accessible + .select2-container .select2-selection__arrow,
select[readonly].select2-hidden-accessible + .select2-container .select2-selection__clear {
    display: none;
}
/* FROM */

/* DATATABLES */
.table:not(.table-bordered) tr:first-child, .table:not(.table-bordered) th:first-child, .table:not(.table-bordered) td:first-child {
    padding-left: 5px !important;
}

table.dataTable tbody tr td {
    padding-left: 5px;
    padding-right: 5px;
}

table.dataTable tbody tr td.text-end {
    padding-left: 5px;
    padding-right: 20px;
}

table.dataTable thead tr th {
    padding-left: 5px;
    padding-right: 5px;
}

.table-sm> tbody > tr > td {
    padding: 0 0;
}

.dataTables_scrollBody tr td span[data-bs-toggle="tooltip"]{
    cursor: pointer;
}

table.dataTable thead .sorting_asc_disabled:after,
table.dataTable thead .sorting_desc_disabled:after {
    color: #eee;
}

table.dataTable > thead .sorting_asc:after {
    opacity: 1;
    background-repeat: no-repeat;
    background-position: center;
    background-color: transparent;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 9 8' fill='%23FFF'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4.42111 2.06463C4.22088 1.96161 3.9637 1.9809 3.78597 2.12863L0.177181 5.12847C-0.046034 5.31402 -0.0602611 5.63049 0.145404 5.83532C0.351069 6.04015 0.698744 6.05578 0.921959 5.87023L4.14137 3.19406L7.06417 5.84414C7.27904 6.03896 7.62686 6.03835 7.84105 5.84278C8.05524 5.64721 8.05469 5.33073 7.83982 5.13591L4.54449 2.14806C4.50704 2.1141 4.46541 2.08629 4.42111 2.06463Z'/%3E%3C/svg%3E");
}

table.dataTable > thead .sorting_desc:after {
    opacity: 1;
    background-repeat: no-repeat;
    background-position: center;
    background-color: transparent;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 9 8' fill='%23FFF'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4.42111 5.93537C4.22088 6.03839 3.9637 6.0191 3.78597 5.87137L0.177181 2.87153C-0.046034 2.68598 -0.060261 2.36951 0.145404 2.16468C0.351069 1.95985 0.698744 1.94422 0.921959 2.12977L4.14137 4.80594L7.06417 2.15586C7.27904 1.96104 7.62686 1.96165 7.84105 2.15722C8.05524 2.35279 8.05469 2.66927 7.83982 2.86409L4.54449 5.85194C4.50704 5.8859 4.46541 5.91371 4.42111 5.93537Z'/%3E%3C/svg%3E");
}

table.dataTable thead tr th:first-child, table.dataTable tbody tr td:first-child {
    padding-left: 5px;
}

table.dataTable thead tr th:last-child, table.dataTable tbody tr td:last-child {
    padding-right: 5px;
}

th .form-check-input:checked[type=checkbox]{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 13 11' width='13' height='11' fill='none'%3e%3cpath d='M11.0426 1.02893C11.3258 0.695792 11.8254 0.655283 12.1585 0.938451C12.4917 1.22162 12.5322 1.72124 12.249 2.05437L5.51985 9.97104C5.23224 10.3094 4.72261 10.3451 4.3907 10.05L0.828197 6.88335C0.50141 6.59288 0.471975 6.09249 0.762452 5.7657C1.05293 5.43891 1.55332 5.40948 1.88011 5.69995L4.83765 8.32889L11.0426 1.02893Z' fill='%2350cd89'/%3e%3c/svg%3e")}
th .form-check-input[type=checkbox]:indeterminate{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%2350cd89' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e")}

th .form-check-input {
    cursor: pointer;
    width: 1.75rem;
    height: 1.75rem;
    margin-top: -.125rem;
    vertical-align: top;
    background-color: #fff !important;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    border: 1px solid rgba(0,0,0,.25);
    appearance: none;
    accent-color: exact;
    transition: background-color .15s ease-in-out,background-position .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

div.dataTables_wrapper div.dataTables_processing {
    background-color: #fff !important;
}

div.dataTables_scrollHead table {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

div.dataTables_scrollHead th:first-child {
    border-top-left-radius: 5px;
}

div.dataTables_scrollHead th:last-child {
    border-top-right-radius: 5px;
}

div.dataTables_scrollBody {
    border-left: none !important;
}

div.dataTables_wrapper div.dataTables_length {
    padding: 0 0 !important;
}
/* DATATABLES */

/* SWAL */
.swal2-confirm {
    background-color: #50cd89 !important;
}
/* SWAL */