:root {
    --bs-primary: #0D9394;
    --bs-primary-rgb: 13, 147, 148;
    --bs-primary-bg-subtle: color-mix(in sRGB, var(--bs-paper-bg) 84%, #0D9394);
    --bs-primary-border-subtle: rgba(13, 147, 148, 0.3), rgba(13, 147, 148, 0.3);
    --bs-primary-contrast: #fff;
}

/*
|--------------------------------------------------------------------------
| Class
|--------------------------------------------------------------------------
*/
small .bx,
.btn-xs .bx {
    position: relative;
    top: 1px;
}

.min-w-0 {
    min-width: 0;
}

.ellipsis {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.checkbox-lg {
    width: 20px;
    height: 20px;
}

/*
|--------------------------------------------------------------------------
| Template
|--------------------------------------------------------------------------
*/
.menu .menu-sub .menu-item.active .menu-link {
    color: var(--bs-primary);
}

.layout-navbar .navbar-nav .dropdown-toggle .badge-notifications {
    font-size: 12px;
    line-height: 1;
    padding-block: 4px;
    padding-inline: 4px;
    inset-block-start: -4px;
    inset-inline-end: -14px;
}

.layout-wrapper:not(.layout-horizontal) .layout-navbar .dropdown-menu[data-bs-popper] {
    inset-block-start: 100%;
}

.dropdown-menu-request {
    width: 600px;
    max-width: 95vw;
}

.dropdown-menu-request .list-group .list-group-item:nth-child(even) {
    background: rgba(var(--bs-base-color-rgb), 0.06)
}

.dropdown-menu-request .list-group .list-group-item-selected {
    background: #edffed;
}

.dropdown-menu-notification {
    width: 450px;
    max-width: 95vw;
}

/*
|--------------------------------------------------------------------------
| Sweetalert
|--------------------------------------------------------------------------
*/
.swal2-container {
    z-index: 9999;
}

/*
|--------------------------------------------------------------------------
| Grocery Crud
|--------------------------------------------------------------------------
*/
.grocery-crud .modal {
    background: rgba(0, 0, 0, 0.2);
}

.grocery-crud .modal-dialog.mw-100 {
    max-width: 90% !important;
}

.grocery-crud .modal .modal-dialog {
    display: flex;
    align-items: center;
    min-height: calc(100% - 50px * 2);
}

.grocery-crud .modal .modal-dialog.modal-xl {
    --bs-modal-width: 1440px;
}

.grocery-crud [class*="gc-column-action-"] .btn {
    padding: 0.25rem 0.6875rem;
    font-size: 0.9rem;
    border-radius: 0.25rem;
}

.grocery-crud [class*="gc-form-fields-dialog-"] {
    max-height: unset !important;
    overflow: unset !important;
}

.react-select__menu {
    position: absolute !important;
    z-index: 9999;
}

#toolbarContainer h1 {
    line-height: 1 !important;
}