/*
 * Brand primary palette
 *
 * Keep a solid semantic primary for text, borders, charts, and controls while
 * using the supplied gradient for components with a primary background.
 */
:root,
[data-bs-theme="light"] {
    --brand-primary-start: #81D8D0;
    --brand-primary-end: #59938E;
    --brand-primary-gradient: linear-gradient(90deg, var(--brand-primary-start) 0%, var(--brand-primary-end) 100%);
    --brand-primary-gradient-motion: linear-gradient(90deg, var(--brand-primary-start) 0%, var(--brand-primary-end) 50%, var(--brand-primary-start) 100%);
    --bs-primary: #59938E;
    --bs-primary-rgb: 89, 147, 142;
    --bs-primary-active: #477975;
    --bs-primary-light: #EAF7F6;
    --bs-primary-inverse: #FFFFFF;
    --bs-primary-clarity: rgba(89, 147, 142, 0.2);
    --bs-text-primary: #59938E;
    --bs-link-color: #477975;
    --bs-link-color-rgb: 71, 121, 117;
    --bs-link-hover-color: #365E5B;
    --bs-link-hover-color-rgb: 54, 94, 91;
    --bs-primary-text-emphasis: #365E5B;
    --bs-primary-bg-subtle: #EAF7F6;
    --bs-primary-border-subtle: #B8E2DE;
    --bs-focus-ring-color: rgba(89, 147, 142, 0.25);
}

[data-bs-theme="dark"] {
    --bs-primary: #81D8D0;
    --bs-primary-rgb: 129, 216, 208;
    --bs-primary-active: #99E3DC;
    --bs-primary-light: #1C3A38;
    --bs-primary-inverse: #FFFFFF;
    --bs-primary-clarity: rgba(129, 216, 208, 0.2);
    --bs-text-primary: #81D8D0;
    --bs-link-color: #81D8D0;
    --bs-link-color-rgb: 129, 216, 208;
    --bs-link-hover-color: #99E3DC;
    --bs-link-hover-color-rgb: 153, 227, 220;
    --bs-primary-text-emphasis: #A5E6E0;
    --bs-primary-bg-subtle: #1C3A38;
    --bs-primary-border-subtle: #477975;
    --bs-focus-ring-color: rgba(129, 216, 208, 0.25);
}

.btn-primary,
.bg-primary,
.badge-primary,
.page-item.active .page-link,
.nav-pills .nav-link.active,
.menu-state-bg-primary .menu-item.show > .menu-link,
.menu-state-bg-primary .menu-item.here > .menu-link,
.menu-state-bg-primary .menu-item .menu-link.active {
    background-color: var(--bs-primary) !important;
    background-image: var(--brand-primary-gradient) !important;
    border-color: var(--brand-primary-end) !important;
    color: var(--bs-primary-inverse) !important;
}

.btn-primary {
    background-image: var(--brand-primary-gradient-motion) !important;
    background-position: 0 50%;
    background-size: 200% 100%;
    box-shadow: 0 2px 6px rgba(89, 147, 142, 0.12);
    transition:
        background-position 0.35s ease,
        border-color 0.2s ease,
        box-shadow 0.2s ease,
        transform 0.2s ease;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary.active,
.btn-primary.show {
    background-image: var(--brand-primary-gradient-motion) !important;
    background-position: 100% 50%;
    border-color: var(--bs-primary-active) !important;
    box-shadow: 0 4px 10px rgba(89, 147, 142, 0.18);
    color: var(--bs-primary-inverse) !important;
    transform: translateY(-1px);
}

.btn-primary:active {
    background-image: var(--brand-primary-gradient-motion) !important;
    background-position: 100% 50%;
    border-color: var(--bs-primary-active) !important;
    box-shadow: 0 1px 4px rgba(89, 147, 142, 0.14);
    color: var(--bs-primary-inverse) !important;
    transform: translateY(0);
}

.btn-check:focus + .btn-primary,
.btn-primary:focus {
    box-shadow: 0 0 0 0.25rem var(--bs-focus-ring-color) !important;
}

.image-input-placeholder {
    background-image: url('/admin/assets/media/svg/avatars/blank.svg') !important;
}

[data-bs-theme="dark"] .image-input-placeholder {

    background-image: url('/admin/assets/media/svg/avatars/blank-dark.svg')
}

.custom-datatable tbody tr:hover {
    cursor: pointer;
    background-color: #D9F0EE !important;
    color: #323941 !important;
    transition: 0.3s;

}

body {
    text-transform: capitalize
}

/* Datatable footer and pagination layout fixes */
div.dataTables_wrapper div.dataTables_info {
    padding-top: 0.75rem;
    white-space: nowrap;
}

div.dataTables_wrapper div.dataTables_paginate {
    margin-top: 0.5rem;
}

div.dataTables_wrapper div.dataTables_paginate ul.pagination {
    margin: 0;
    gap: 0.25rem;
    flex-wrap: wrap;
    align-items: center;
}

div.dataTables_wrapper div.dataTables_paginate .page-link {
    min-width: 2.25rem;
    text-align: center;
    white-space: nowrap;
}

[dir="rtl"] div.dataTables_wrapper div.dataTables_paginate {
    text-align: left;
}

@media (max-width: 767.98px) {
    div.dataTables_wrapper div.dataTables_info,
    div.dataTables_wrapper div.dataTables_paginate {
        text-align: center;
    }

    div.dataTables_wrapper div.dataTables_paginate ul.pagination {
        justify-content: center;
    }
}


@font-face {
    font-family: 'Cairo';
    src: url('/admin/assets/plugins/global/fonts/Cairo/Cairo-VariableFont_slnt,wght.ttf') format('truetype');
    font-weight: 100 900; /* Range of weights */
    font-style: normal;
}