/** overrides **/
    table.table.table-bordered.dataTable {
        border-top: solid 1px #eeeeee;
        border-bottom: solid 1px #eeeeee;
        border-left: solid 1px #eeeeee;
    }

    .rounded-full {
        border-radius: 9999px;
    }

    /** Override datatables grid **/
    .dataTables_wrapper>.row {
        margin-right: 0;
        margin-left: 0;
    }

    .dataTables_wrapper>.row>[class^="col-"],
    .dataTables_wrapper>.row>[class*=" col-"] {
        padding-right: 0;
        padding-left: 0;
    }

    div.dt-container .dt-paging .dt-paging-button {
        padding: 0;
        margin-left: 0;
    }

    .select2 {
        width: 100% !important
    }

    .app-header {
        height: 50px;
    }
    .rav-logo {
        width: 80px;
    }
    .app-sidebar {
        width: 270px;
        min-width: 200px;
        max-width: 280px;
    }
    .app-main .app-main__inner {
        padding: 1.5rem 0 0;
    }

    .mm-active {
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .custom-select {
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
        background-repeat: no-repeat;
        background-position: right 0.1rem center;
        background-size: 16px 12px;
    }
    .dataTables_length {
        margin-top: 0.65rem;
        margin-bottom: 0.65rem;
    }
    .dataTables_filter {
        margin-top: 0.65rem;
        margin-bottom: 0.65rem;
    }
    .form-control-sm {
        min-height: calc(1.5em + (0.5rem + 2px));
        padding: 0.25rem 0.5rem;
        padding-right: 1.2rem;
        font-size: 0.968rem;
        border-radius: 0.2rem;
    }
    .field-invalid {
        border-color: #dc3545;
        padding-right: calc(1.5em + .75rem);
        background-repeat: no-repeat;
        background-position: right calc(.375em + .1875rem) center;
        background-size: calc(.75em + .375rem) calc(.75em + .375rem);
    }
    .invalid-message {
        width: 100%;
        margin-top: .25rem;
        font-size: .875em;
        color: #dc3545;
    }
    .form-date {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-calendar-event' viewBox='0 0 16 16'%3E%3Cpath d='M11 6.5a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-1a.5.5 0 0 1-.5-.5z'/%3E%3Cpath d='M3.5 0a.5.5 0 0 1 .5.5V1h8V.5a.5.5 0 0 1 1 0V1h1a2 2 0 0 1 2 2v11a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V3a2 2 0 0 1 2-2h1V.5a.5.5 0 0 1 .5-.5M1 4v10a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V4z'/%3E%3C/svg%3E");
        background-repeat: no-repeat;
        background-position: right 0.75rem center;
        background-size: 16px 12px;
    }

    .ui-dialog .ui-dialog-titlebar-close {
        position: absolute;
        right: .3em;
        top: 50%;
        width: 20px;
        margin: -10px 0 0 0;
        padding: 1px;
        height: 20px;
        color: #fff;
        border: none;
        background-color: var(--bs-danger);
        background-image: url("data:image/svg+xml,%3Csvg fill='white' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 384 512'%3E%3C!--!Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--%3E%3Cpath d='M376.6 84.5c11.3-13.6 9.5-33.8-4.1-45.1s-33.8-9.5-45.1 4.1L192 206 56.6 43.5C45.3 29.9 25.1 28.1 11.5 39.4S-3.9 70.9 7.4 84.5L150.3 256 7.4 427.5c-11.3 13.6-9.5 33.8 4.1 45.1s33.8 9.5 45.1-4.1L192 306 327.4 468.5c11.3 13.6 31.5 15.4 45.1 4.1s15.4-31.5 4.1-45.1L233.7 256 376.6 84.5z'/%3E%3C/svg%3E");
        background-repeat: no-repeat;
        background-size: 16px 12px;
        background-position: center;
    }
    .select2-container--bootstrap-5 .select2-selection {
        font-family: inherit;
        font-size: 14px;
        font-weight: 400;
        line-height: 1.5;
        color: #212529;
    }

    .breadcrumb-item a {
        text-decoration: none;
    }

    .btn-default {
        text-transform: capitalize !important;
        background: var(--cui-gray-300);
    }
    .btn-primary {
        text-transform: capitalize !important;
        color: var(--cui-light);
    }
    .btn-danger {
        text-transform: capitalize !important;
        color: var(--cui-light);
    }

    .card-header, .card-title {
        text-transform: uppercase;
        color: rgba(13, 27, 62, 0.7);
        font-weight: bold;
        font-size: 0.88rem;
    }
    
    .card-title {
        margin-bottom: 0;
        color: var(--bs-card-title-color);
    }

    .form-text ul {
        padding-left: 1rem;
    }

    .form-label {
        margin-top: 0.5rem;
        margin-bottom: 0.5rem;
    }

    .number {
        text-align: right;
    }

    /* .pace {
        -webkit-pointer-events: none;
        pointer-events: none;
        -webkit-user-select: none;
        -moz-user-select: none;
        user-select: none;
    }

    .pace-inactive {
        display: none;
    }

    .pace .pace-progress {
        background: #3f6ad8;
        position: fixed;
        z-index: 2000;
        top: 0;
        right: 100%;
        width: 100%;
        height: 2px;
    }

    .pace .pace-progress-inner {
        display: block;
        position: absolute;
        right: 0px;
        width: 100px;
        height: 100%;
        box-shadow: 0 0 10px #3f6ad8, 0 0 5px #3f6ad8;
        opacity: 1.0;
        -webkit-transform: rotate(3deg) translate(0px, -4px);
        -moz-transform: rotate(3deg) translate(0px, -4px);
        -ms-transform: rotate(3deg) translate(0px, -4px);
        -o-transform: rotate(3deg) translate(0px, -4px);
        transform: rotate(3deg) translate(0px, -4px);
    }

    .pace .pace-activity {
        display: block;
        position: fixed;
        z-index: 2000;
        top: 15px;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 14px;
        height: 14px;
        border: solid 2px transparent;
        border-top-color: #3f6ad8;
        border-left-color: #3f6ad8;
        border-radius: 10px;
        -webkit-animation: pace-spinner 400ms linear infinite;
        -moz-animation: pace-spinner 400ms linear infinite;
        -ms-animation: pace-spinner 400ms linear infinite;
        -o-animation: pace-spinner 400ms linear infinite;
        animation: pace-spinner 400ms linear infinite;
    }

    @-webkit-keyframes pace-spinner {
        0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
        100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); }
    }
    @-moz-keyframes pace-spinner {
        0% { -moz-transform: rotate(0deg); transform: rotate(0deg); }
        100% { -moz-transform: rotate(360deg); transform: rotate(360deg); }
    }
    @-o-keyframes pace-spinner {
        0% { -o-transform: rotate(0deg); transform: rotate(0deg); }
        100% { -o-transform: rotate(360deg); transform: rotate(360deg); }
    }
    @-ms-keyframes pace-spinner {
        0% { -ms-transform: rotate(0deg); transform: rotate(0deg); }
        100% { -ms-transform: rotate(360deg); transform: rotate(360deg); }
    }
    @keyframes pace-spinner {
        0% { transform: rotate(0deg); transform: rotate(0deg); }
        100% { transform: rotate(360deg); transform: rotate(360deg); }
    } */