/* ++++ CORE ++++ */
    :root,
    [data-bs-theme=light],
    [data-bs-theme=dark] {
        --tblr-primary: #5266ac !important;
        --tblr-primary-rgb: 7, 134, 65 !important;
    }
    
    :root, [data-bs-theme=light], [data-bs-theme=dark] {
    --tblr-primary: #5266ac !important;
    --tblr-primary-rgb: 82, 102, 172 !important;
}

    .ti {
        font-size: 16px !important;
    }

    .nav-item .ti {
        font-size: 20px !important;
    }

    .pagination {
        --tblr-pagination-focus-box-shadow: 0 0 0 0.25rem rgb(7 134 65 / 25%) !important;
    }

    .form-control:focus {
        border-color: 0 0 0 0.25rem rgb(7 134 65 / 50%) !important;
        box-shadow: 0 0 0 0.25rem rgb(7 134 65 / 25%) !important;
    }

    select, input[type="text"]:not([disabled]), input[type="email"]:not([disabled]), input[type="password"]:not([disabled]), input[type="number"]:not([disabled]), 
    input[type="date"]:not([disabled]), input[type="time"]:not([disabled]), input[type="file"]:not([disabled]), input[type="tel"]:not([disabled]), 
    input[type="url"]:not([disabled]), textarea, .form-select {
        background-color: #f8f8f875 !important;
    }

    .btn-webmovel {
        background-color: #5266ac !important;
    }

    .btn-cashtelo:hover {
        background-color: #001854 !important;
    }

    .btn {
        padding: 0.5rem 0.5rem !important;
    }
    
    .border-primary {
        border-color: #5266ac !important;
    }
    
    .nav-item.active::after {
        border: 0 solid #5266ac !important;
        border-bottom-width: 2px !important;
    }

    .dropdown-item.active, .dropdown-item:active {
        color: #5266ac;
        text-decoration: none;
        background-color: rgba(32,107,196,.06);
    }

    .nav-link:focus, .nav-link:hover {
        color: #5266ac;
        text-decoration: none;
    }

    .card-footer-webmovel {
        border-top: none;
    }
/* ---- CORE ---- */

/* ++++ LOAD SPINNER ++++ */
#page-loader {
    position: fixed;
    width: 100%;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: rgba(255,255,255,0.8);
    z-index: 99999;
}

#page-loader::after {
    content: '';
    display: block;
    position: absolute;
    left: 48%; 
    top: 40%;
    width: 40px;
    height: 40px;
    border-style: solid;
    border-color: black;
    border-top-color: transparent;
    border-width: 4px;
    border-radius: 50%;
    -webkit-animation: spin .8s linear infinite;
    animation: spin .8s linear infinite;
}

@-webkit-keyframes spin {
	from { -webkit-transform:rotate(0deg); }
    to { -webkit-transform:rotate(360deg); }
}

@keyframes spin {
	from { transform:rotate(0deg); }
    to { transform:rotate(360deg); }
}
/* ---- LOAD SPINNER ---- */

/* ++++ DATATABLES ++++ */

table.dataTable {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
}

div.dataTables_wrapper div.dataTables_info {
    padding-top: 0px !important;
}

.dataTable thead th {
    font-size: 0.75rem !important;
    padding: 0.5rem 1rem !important;
}

.dataTable tbody td {
    padding: 0.3rem 1rem !important;
}

.dataTable > tbody {
    border-color: lightgray !important;
}
/* ---- DATATABLES ---- */


/* ++++ TOM SELECT ++++ */
.form-select {
    padding: 0 !important;
}
/* ---- TOM SELECT ---- */

.modal-lg-webmovel {
    width: 95%;
    max-width: 1800px;
}

.modal-lg-webmovel2 {
    width: 55%;
    max-width: 1200px;
}

.modal-lg-webmovel3 {
    width: 50%;
    max-width: 1000px;
}

.refresh-select-data {
    color: #2c6399 !important;
    float: right !important;
}

.refresh-select-data:hover {
    cursor: pointer;
    color: #234e79 !important;
}