.swal2-container {
    z-index: 99999 !important;
}

:root,
html {
    --vz-primary: #1769C2 !important;
    --vz-primary-rgb: 23, 105, 194 !important;
    --vz-link-color: #1769C2 !important;
    --vz-link-hover-color: #2F8FEA !important;
    --vz-primary-text-emphasis: #2F8FEA !important;
}

.app-menu .navbar-nav .nav-link:hover,
.app-menu .navbar-nav .nav-link:hover i,
.app-menu .navbar-nav .nav-item:hover>.nav-link,
html[data-sidebar-size="sm"] .navbar-nav .nav-link:hover span,
.app-menu .navbar-nav .nav-link.active,
.app-menu .navbar-nav .nav-link.active i,
html[data-sidebar-size="sm"] .navbar-nav .nav-link.active span,
.app-menu .navbar-nav .nav-link[aria-expanded="true"],
.app-menu .navbar-nav .nav-link[aria-expanded="true"] i,
.app-menu .navbar-nav .nav-link[aria-expanded="true"]::after {
    color: #1769C2 !important;
}

html[data-sidebar-size="sm"] #scrollbar {
    overflow: visible !important;
}

html[data-sidebar-size="sm"] .navbar-nav .collapse,
html[data-sidebar-size="sm"] .navbar-nav .collapsing {
    display: none !important;
    transition: none !important;
}

html[data-sidebar-size="sm"] .navbar-nav .nav-link span {
    display: none !important;
}

/* Small sidebar tooltip styles */
html[data-sidebar-size="sm"] .navbar-nav .nav-link:hover span {
    display: inline-block !important;
    position: absolute;
    left: 75px;
    top: 50%;
    transform: translateY(-50%);
    height: auto !important;
    width: max-content !important;
    max-width: max-content !important;
    min-width: 0 !important;
    flex: none !important;
    margin: 0 !important;
    padding: 12px 15px !important;
    background-color: #ffffff !important;
    color: #495057 !important;
    box-shadow: 4px 0 10px rgba(0, 0, 0, 0.1) !important;
    border-radius: 4px !important;
    z-index: 1005;
    white-space: nowrap !important;
    font-weight: 500;
    line-height: 1 !important;
}

html[data-bs-theme="dark"][data-sidebar-size="sm"] .navbar-nav .nav-link:hover span {
    background-color: #212529 !important;
    color: #ced4da !important;
    box-shadow: 4px 0 10px rgba(0, 0, 0, 0.3) !important;
}

html[data-sidebar-size="sm"] .navbar-nav .nav-link:hover,
html[data-sidebar-size="sm"] .navbar-nav .nav-item:hover>.nav-link {
    background-color: transparent !important;
}

html[data-sidebar-size="sm"] .navbar-nav .nav-link::after {
    display: none !important;
}

[data-sidebar-size="sm"] .app-menu .p-3,
.vertical-collpsed .app-menu .p-3 {
    padding: 10px 5px !important;
}

[data-sidebar-size="sm"] .app-menu .menu-search-container {
    display: none !important;
}

[data-sidebar-size="sm"] .app-menu #menu-search-input,
.vertical-collpsed .app-menu #menu-search-input {
    display: none;
}

.badge-turquoise-gradient {
    background-color: #ffffff;
    color: #1769C2;
    border: 1px solid #1769C2;
    font-weight: 600;
    transition: all 0.3s ease;
}

.badge-turquoise-gradient:hover {
    background: linear-gradient(135deg, #1769C2 0%, #2F8FEA 100%);
    color: #ffffff;
    border-color: transparent;
    box-shadow: 0 4px 6px rgba(47, 143, 234, 0.4);
}

.btn-solid-excel,
.btn-solid-pdf,
.btn-solid-filter {
    background-color: #ffffff !important;
    color: #1769C2 !important;
    border: 1px solid #1769C2 !important;
    box-shadow: 0 2px 4px rgba(47, 143, 234, 0.1);
    transition: all 0.3s ease;
}

.btn-solid-excel:hover,
.btn-solid-pdf:hover,
.btn-solid-filter:hover {
    background-color: #1769C2 !important;
    color: #ffffff !important;
    border-color: transparent !important;
    box-shadow: 0 4px 6px rgba(47, 143, 234, 0.4);
    transform: translateY(-1px);
}

/* --- Kendo UI Turquoise Theme Overrides --- */

/* Fix for red color flicker during transition / focus loss */
.k-tabstrip-items .k-item,
.k-tabstrip-items .k-item.k-state-default,
.k-tabstrip-items .k-item.k-state-focused {
    border-color: transparent !important;
}

.k-tabstrip-top>.k-tabstrip-items-wrapper .k-item,
.k-tabstrip-top>.k-tabstrip-items-wrapper .k-item.k-state-default,
.k-tabstrip-top>.k-tabstrip-items-wrapper .k-item.k-state-focused {
    border-bottom-color: transparent !important;
}

.k-tabstrip-items .k-item::after,
.k-tabstrip-items .k-item.k-state-default::after,
.k-tabstrip-items .k-item.k-state-focused::after {
    background-color: transparent !important;
}

/* Kendo TabStrip Active & Hover States */
.k-tabstrip-items .k-item.k-active,
.k-tabstrip-items .k-item.k-state-active,
.k-tabstrip-items .k-item.k-selected,
.k-tabstrip-items .k-item:hover,
.k-tabstrip-items .k-item.k-state-hover,
.k-tabstrip-items .k-item.k-hover {
    border-color: #1769C2 !important;
}

.k-tabstrip-items .k-item.k-active .k-link,
.k-tabstrip-items .k-item.k-state-active .k-link,
.k-tabstrip-items .k-item.k-selected .k-link,
.k-tabstrip-items .k-item:hover .k-link,
.k-tabstrip-items .k-item.k-state-hover .k-link,
.k-tabstrip-items .k-item.k-hover .k-link {
    color: #1769C2 !important;
}

/* If the theme uses a pseudo element or bottom border for active/hover indicator */
.k-tabstrip-top>.k-tabstrip-items-wrapper .k-item:active,
.k-tabstrip-top>.k-tabstrip-items-wrapper .k-item.k-active,
.k-tabstrip-top>.k-tabstrip-items-wrapper .k-item.k-selected,
.k-tabstrip-top>.k-tabstrip-items-wrapper .k-item:hover,
.k-tabstrip-top>.k-tabstrip-items-wrapper .k-item.k-state-hover,
.k-tabstrip-top>.k-tabstrip-items-wrapper .k-item.k-hover {
    border-bottom-color: #1769C2 !important;
}

.k-tabstrip-items .k-item.k-active::after,
.k-tabstrip-items .k-item.k-state-active::after,
.k-tabstrip-items .k-item.k-selected::after,
.k-tabstrip-items .k-item:hover::after,
.k-tabstrip-items .k-item.k-state-hover::after,
.k-tabstrip-items .k-item.k-hover::after {
    background-color: #1769C2 !important;
}

/* Kendo Grid Pager Active State */
.k-pager-wrap .k-pager-numbers .k-selected,
.k-pager-wrap .k-pager-numbers .k-state-selected {
    background-color: #1769C2 !important;
    border-color: #1769C2 !important;
    color: #ffffff !important;
}

.k-pager-wrap .k-pager-numbers .k-link:hover {
    background-color: rgba(47, 143, 234, 0.15) !important;
    color: #1769C2 !important;
}

/* Kendo Input/Checkbox/Radio Checked States */
.k-checkbox:checked,
.k-radio:checked {
    border-color: #1769C2 !important;
    background-color: #1769C2 !important;
}

.k-checkbox:checked:focus,
.k-radio:checked:focus {
    box-shadow: 0 0 0 2px rgba(47, 143, 234, 0.3) !important;
}

/* Kendo Primary Buttons */
.k-button-solid-primary {
    background-color: #1769C2 !important;
    border-color: #1769C2 !important;
    color: #ffffff !important;
}

.k-button-solid-primary:hover,
.k-button-solid-primary.k-hover {
    background-color: #2F8FEA !important;
    border-color: #2F8FEA !important;
}
/* Bootstrap Overrides for Veranoda Palette */
:root, html {
    --bs-primary: #1769C2 !important;
    --bs-primary-rgb: 23,105,194 !important;
    --bs-info: #1769C2 !important;
    --bs-info-rgb: 23,105,194 !important;
}
