/*************/
/* Variables */
/*************/

:root {
    --lib-item-hover-bg-color: #ECECEC;
    --lib-item-active-bg-color: #E5E5E5;
    --lib-item-checked-bg-color: hsl(216, 95%, 95%);

    --lib-item-card-hover-bg-color: #E3E4E4;
    --lib-item-card-icon-disabled-bg-color: #6C757D;

    --lib-date-picker-day-disabled-bg-color: #DEE2E6;

    --lib-pager-bg-color: #F7F7F7;
    --lib-pager-icon-bg-color: var(--bs-primary);
    --lib-pager-icon-disabled-bg-color: #6c757d;
    --lib-pager-three-dots-icon-bg-color: black;

    --lib-icon-disabled-bg-color: hsl(210, 11%, 71%);

    --lib-tag-box-container-color: #E4E5E6;
    --lib-tag-box-text-color: rgb(73, 80, 87);

    --lib-tokenizer-match-color: yellow;

    --lib-fly-out-panel-border-right-color: lightgray;

    --lib-toolbar-icon-bg-color: white;

    --lib-upload-drop-zone-bg-color: #868A8D;
    --lib-upload-icon-bg-color: black;

    --lib-table-grid-border-style: solid;
    --lib-table-grid-border-width: 1px;
    --lib-table-grid-border-color: #dee2e6;

    --lib-div-grid-detail-row-popup-left-arrow-icon-bg-color: black;
    --lib-div-grid-detail-row-popup-right-chevron-icon-bg-color: black;

    --lib-dropdown-z-index: 1000;
    --lib-dropdown-context-menu-z-index: 1050;

    --lib-main-layout-side-bar-bg-color: #293042;
    --lib-main-layout-side-bar-border-top-bg-color: #656d84;
    --lib-main-layout-side-bar-border-right-bg-color: #2f333e;

    --lib-panel-menu-icon-bg-color: white;
    --lib-tree-view-icon-bg-color: #7b7b7b;

    --lib-nav-bar-toggler-light-hover-bg-color: whitesmoke;
    --lib-nav-bar-toggler-dark-hover-bg-color: #007bff;

    --lib-panel-menu-item-icon-bg-color: white;
    --lib-tree-view-node-icon-bg-color: rgb(33, 37, 41);

    --lib-generic-panel-bg-color: white;

    --lib-validation-asterisk-color: red;

    --lib-treeview-selected-node-bg-color: hsl(0, 0%, 89%);

    --lib-calendar-past-bg-color: hsl(210, 11%, 98%);
    --lib-calendar-day-view-entry-cell-bg-color: hsl(210, 11%, 98%);
    --lib-calendar-day-view-border-color: #dee2e6;

    --lib-input-highlighted-bg-color: yellow;
}

/***********/
/* B5 Tabs */
/***********/

.nav-tabs {
    flex-wrap: nowrap;
    white-space: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
    background-color: white;
}

.nav-tabs .nav-link {
    border-width: 0 0 3px 0;
}

    .nav-tabs .nav-link.active,
    .nav-tabs .nav-link.active:focus,
    .nav-tabs .nav-link.active:hover {
        border-color: #007bff;
    }

.nav-tabs > li > a {
    color: inherit;
    cursor: pointer;
}

/********************/
/* B5 Dropdown Menu */
/********************/

.dropdown-menu {
    min-width: 5rem;
}

/********************/
/* B5 NavBar */
/********************/

.navbar-light {
    background-color: white;
}