/* dcc.Dropdown menu.
   `display: block !important` is a long-standing override here, so the menu element is forced
   visible whether or not the dropdown is open. Everything that makes an open menu readable — the
   solid background, the raised stacking, the shadow — must therefore be scoped to `.is-open`
   (react-select sets that on the root when the list is showing). Applied unscoped, it turns a
   permanently-rendered element into an opaque, click-swallowing sheet over whatever sits below the
   picker row. A closed menu is explicitly collapsed and made click-through for the same reason. */
.Select-menu-outer {
    display : block !important;
}

.Select:not(.is-open) .Select-menu-outer {
    display : none !important;
    pointer-events : none;
}

.Select.is-open .Select-menu-outer,
.Select.is-open .Select-menu,
.Select.is-open .VirtualizedSelectOption {
    background-color: #ffffff !important;
    opacity: 1 !important;
}

.Select.is-open .Select-menu-outer {
    z-index : 1000;
    border : 1px solid #ccc;
    box-shadow : 0 4px 10px rgba(0, 0, 0, 0.15);
}

.Select.is-open .VirtualizedSelectFocusedOption {
    background-color: #eef5f7 !important;
}

.btn-primary {
    color : white;
    border-color : #0B7185;
    background-color: #0B7185;
}

.btn-outline-primary {
    color : white;
    border-color : #0B7185;
    background-color: #0B7185;
}

.btn-outline-primary:hover {
    color : white;
    border-color : #023453;
    background-color: #023453;
}

.btn-primary:hover {
    color : white;
    border-color : #023453;
    background-color: #023453;
}

.btn-primary:hover {
    color : white;
    border-color : #023453;
    background-color: #023453;
}

.btn-outline-secondary {
    color : black;
    border-color : #D9D9D9;
    background-color: #D9D9D9;
}

.btn-outline-secondary:hover {
    color : white;
    border-color : #A6A6A6;
    background-color: #A6A6A6;
}

.dash-table-container {
    font-family: inherit;
}

.input-sidebar {
    background-color: #d3d3d3; /* Light gray background */
    padding-left: 1%;
    padding-right: 1%;
    padding-top: 4%;
}

/* Route Basis v2: amber background on a cell with an unsaved edit this session. */
.cm2-cell-unsaved {
    background-color: #fff3cd !important;
}