@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@200..1000&display=swap');

@media print {
    @page {
        margin: 5mm 15mm !important;
    }

    .bg-primary,
    .bg-light,
    .table-light {
        print-color-adjust: exact !important;
        -webkit-print-color-adjust: exact !important;
    }

    .d-print-none {
        display: none !important;
    }

    .text-align-justify {
        text-align: justify !important;
    }
}

:root {
    --tblr-font-sans-serif: 'Cairo', 'Inter Var', -apple-system, BlinkMacSystemFont, San Francisco, Segoe UI, Roboto, Helvetica Neue, sans-serif;
}

body {
    font-feature-settings: "cv03", "cv04", "cv11";
}

.user-auth .navbar-brand {
    background-color: transparent;
}

.user-auth .form-check {
    display: flex;
    align-items: center;
    gap: 10px;
}

.navbar-brand-image {
    height: auto;
    width: 200px;
}

.dataTables_length select {
    padding: 3px 32px 3px 10px;
}

.dataTables_paginate {
    padding-top: 10px;
}

[data-bs-theme=dark] .form-check-input[type=checkbox] {
    filter: invert(1);
}

.dataTable .btn-list a {
    padding: 7px;
}

.btn-download-io {
    font-size: 24px;
    border: 0 !important;
    box-shadow: none !important;
    text-decoration: none !important;
    background: transparent !important;
    color: #006495;
}

@media screen and (max-width: 800px) {
    .navbar-brand {
        background-color: transparent;
        filter: brightness(0) invert(1);
    }
    #side-menu ul {
        padding-left: 0;
    }

    #side-menu {
        background: #055c86;
    }

    #side-menu .nav-link {
        border-radius: 0;
    }

    #side-menu .dropdown-menu .dropdown-item {
        color: #eee;
    }
}

@media screen and (min-width:991px) {
    header {
        position: fixed !important;
        top: 0;
        left: 0;
        width: -webkit-fill-available;
        width: -moz-available;
        z-index: 9;
    }

    .page-header {
        margin-top: 7.5rem !important;
    }

    aside .navbar-brand-image {
        height: auto;
        width: 300px;
        padding: 10px 30px;
    }

    header.navbar {
        min-height: 6.4rem;
    }

    .navbar-vertical.navbar-expand-lg {
        box-shadow: inset 0 -1px 0 0 #adb1b5;
        border-right: 1px solid #adb1b5;
    }

    [data-bs-theme=dark] .navbar-vertical.navbar-expand-lg {
        box-shadow: inset 0 -1px 0 0 #25384f;
        border-right: 1px solid #25384f;
    }

    aside ul {
        padding: 0;
    }

    .navbar .navbar-nav .nav-link {
        border-radius: 0 !important;
    }

    .navbar-vertical .dropdown-item {
        color: #ccc !important;
    }

        .navbar-vertical .dropdown-item:hover,
        .navbar-vertical .dropdown-item:focus,
        .navbar-vertical .dropdown-item:active,
        .navbar-vertical .dropdown-item.active {
            background: #fff !important;
            color: #006495 !important;
            border-top: 1px solid #006495;
        }
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #e9f8ff;
}

.select2-container .select2-search--inline .select2-search__field {
    height: 20px;
}

.select2-container--default .select2-selection--multiple .select2-selection__clear {
    display: none;
}

.form-group {
    margin-bottom: var(--tblr-gutter-y);
}

table.dataTable th.dt-type-numeric,
table.dataTable th.dt-type-date,
table.dataTable td.dt-type-numeric,
table.dataTable td.dt-type-date {
    text-align: left;
}

.dt-length,
.dt-search {
    display: inline-flex;
    align-items: center;
    gap: 5px;
}

    .dt-length select {
        width: max-content;
    }

.badge {
    --tblr-badge-color: var(--tblr-white);
}

label {
    margin-bottom: 0.5rem;
}

th label {
    margin-bottom: 0;
}

.table thead th {
    vertical-align: middle;
    text-align: left !important;
}

label.view-label {
    display: block;
}

.hr,
hr {
    margin: 1rem 0;
}

.text-bold {
    font-weight: 700;
}

.rte-editor-en .ql-editor,
.rte-editor-ar .ql-editor {
    font-family: "Segoe UI", Arial, sans-serif !important;
    font-size: 15px !important;
}

.rte-editor-en.ql-container,
.rte-editor-ar.ql-container {
    min-height: 150px;
    height: 100%;
    margin-bottom: 1rem;
}

.card {
    --tblr-card-bg: var(--tblr-bg-surface);
}

.navbar-toggler-icon {
    background: #fff;
}

.card-body h4,
.modal-body h4 {
    background: #006495;
    color: #fff !important;
    padding: 10px;
}

.invalid-feedback {
    text-align: left;
    font-size: .78em;
}

[data-bs-theme=dark] .modal-title {
    color: #192433;
}

button.dt-button {
    background: #006495;
    color: #fff;
    border-radius: 5px;
}

    button.dt-button:hover {
        background: #0564bc !important;
    }

[data-bs-theme=dark] .select2-container--default .select2-selection--multiple {
    background-color: #3b3b3b;
}

    [data-bs-theme=dark] .select2-container--default .select2-selection--multiple .select2-selection__choice {
        background-color: #192433;
    }

.d-light-none {
    display: none;
}

/* Hide light-only content when in dark */
[data-bs-theme=dark] .d-dark-none {
    display: none !important;
}

[data-bs-theme=dark] .d-light-none {
    display: flex !important;
}

[data-bs-theme=dark] .modal-content {
    border: 1px solid #25384f !important;
}

[data-bs-theme=dark] .select2-container--default .select2-selection--multiple {
    border: 1px solid #3b3b3b;
    background-color: #3b3b3b;
}

    [data-bs-theme=dark] .select2-container--default .select2-selection--multiple .select2-selection__choice {
        background-color: #192433;
        border: 1px solid #192433;
        color: #fff;
    }

    [data-bs-theme=dark] .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
        border-right: 1px solid #25364d !important;
    }

[data-bs-theme=dark] .select2-container--default .select2-results__option[aria-selected=true] {
    background-color: #192433;
    color: #fff;
}

[data-bs-theme=dark] .select2-container--default .select2-results__option--selected {
    background-color: #192433;
    border-bottom: 1px solid #24354d;
    color: #fff;
}

[data-bs-theme=dark] .select2-results__option--selectable {
    color: #fff;
    background: #3b3b3b;
}

[dir=rtl] .input-group input {
    border-radius: 0;
}

[dir=rtl] .input-group button {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-top-left-radius: 7px !important;
    border-bottom-left-radius: 7px !important;
}

[data-bs-theme=dark] .readonly-override[readonly] {
    background-color: #2d3e55;
    color: #74a6d9;
    cursor: not-allowed
}

[data-bs-theme=dark] .ql-toolbar {
    background-color: #2e3e55;
}

    [data-bs-theme=dark] .ql-toolbar.ql-snow .ql-formats {
        background: #192433;
    }

    [data-bs-theme=dark] .ql-toolbar .ql-picker-label {
        color: #81a3d3;
    }

    [data-bs-theme=dark] .ql-toolbar.ql-snow .ql-formats svg,
    [data-bs-theme=dark] .ql-toolbar.ql-snow .ql-formats .ql-stroke {
        stroke: #81a3d3;
    }

[data-bs-theme=dark] .ql-snow .ql-picker-options {
    background: #81a3d3;
}

[data-bs-theme=dark] .ql-editor {
    background: #182433;
}

    [data-bs-theme=dark] .ql-editor.ql-blank::before {
        color: #81a3d3;
    }

.text-align-justify {
    text-align: justify !important;
}

#agreementContent p[contenteditable="true"],
#agreementContent span[contenteditable="true"] {
    background-color: #dbf3ff;
    padding: 2px 6px;
    outline: none;
}

#notificationList {
    width: 400px;
    height: 400px;
    position: relative !important;
    overflow-y: auto;
    scrollbar-width: thin;
}

.list-group-flush > .list-group-item:last-child {
    position: sticky;
    width: 100%;
    bottom: 0;
    left: 0;
    text-transform: uppercase;
    font-weight: 700;
}

.dropdown-item.notificationunread,
.dropdown-item.notificationread {
    min-width: unset !important;
    white-space: normal !important;
    border-bottom: 2px dotted #c3e7f9 !important;
    font-size: 16px;
}

    .dropdown-item.notificationunread:last-child,
    .dropdown-item.notificationread:last-child {
        border-bottom: none !important;
    }

p.notificationunread,
p.notificationread {
    background: #d63939;
    color: #fff;
    font-size: 12px;
    padding: 0 14px;
    border-bottom-left-radius: 15px;
    border-top-right-radius: 15px;
    width: max-content;
}

.dropdown-item.notificationunread:focus,
.dropdown-item.notificationunread:hover,
.dropdown-item.notificationread:focus,
.dropdown-item.notificationread:hover {
    color: #0f75a7 !important;
    text-decoration: none;
    background: transparent !important;
}

#search-results {
    scrollbar-width: thin;
    font-size: 14px;
}

#search-results .list-group-item:active,
#search-results .list-group-item:focus,
#search-results .list-group-item:hover {
    background-color: #006495 !important;
    color: #fff;
}

#search-results .list-group-item {
    background-color: #f6f8fb !important;
    padding: .5rem;
}

.animate__animated {
    animation-fill-mode: both;
    animation-timing-function: ease-in-out; /* added */
    opacity: 0;
}

@keyframes fadeInUpLite {
    from {
        opacity: 0;
        transform: translateY(200px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.animate__fadeInUp {
    animation-name: fadeInUpLite;
    opacity: 1;
}
.row-accessed {
    background-color: #bbba9a !important;
}

[data-bs-theme=dark] #search-results .list-group-item {
    color: #182433;
}

[data-bs-theme=dark] #search-results .list-group-item:active,
[data-bs-theme=dark] #search-results .list-group-item:focus, 
[data-bs-theme=dark] #search-results .list-group-item:hover {
     color: #fff;
}

.dataTable td i {
    padding: 3px;
}

[data-bs-theme=dark] #agreementContent p[contenteditable="true"],
[data-bs-theme=dark] #agreementContent span[contenteditable="true"] {
    background-color: #2e3e55;
}

[data-bs-theme=dark] ::-webkit-scrollbar {
    background: #323232;
}

[data-bs-theme=dark] .modal-header.bg-light {
    background-color: #006495 !important;
}

[data-bs-theme=dark] .modal-header.bg-light img {
    filter: grayscale(1) brightness(5);
}

[data-bs-theme=dark] .modal-header.bg-light .modal-title {
    color: #dce1e7;
}

.dataTables_wrapper input,
.dataTables_wrapper select,
.dataTables_wrapper a {
    outline: none !important;
    box-shadow: none !important;
}

[data-bs-theme=dark] .file-preview {
    background-color: #182433;
}

.dataTable {
    width: 100% !important;
}