/*
/////////////////////////////
Bootstrap Nav Styles
/////////////////////////////
*/

.navbar {
    background-color: #ebebeb;
}

.navbar-nav {
    margin: 0;
}

.navbar-toggler-icon {
    width: 20px;
    height: 20px;
}

ul.navbar-nav li {
    list-style-type: none;
    margin: 0;
}

ul.navbar-nav li a {
    font-size: 12px;
    border-radius: 5px;
    border: 1px solid transparent;
    color: var(--theme-color-6) !important;
}

ul.navbar-nav li a.dropdown-toggle {
    color: var(--theme-color-6) !important;
}

ul.navbar-nav li a.dropdown-toggle:focus {
    background-color: #ebebeb !important;
}

ul.navbar-nav li a:hover {
    background-color: #d9d9d9; border: 1px solid transparent;
}

/* Keeps the trigger looking "active" for as long as its dropdown is
   open, instead of reverting to plain as soon as the mouse leaves it to
   go hover an item in the panel below - same colour as the regular
   :hover state above. !important to win over the pre-existing
   dropdown-toggle:focus rule above, which used a different (near-
   invisible) colour. */
ul.navbar-nav li a.dropdown-toggle[aria-expanded="true"] {
    background-color: #d9d9d9 !important;
    border: 1px solid transparent;
}

.dropdown-menu {
    border: none;
    background-color: #f8f9fa;
    padding: 0;
    margin: 0;
}

.dropdown-item {
    border-left: 3px solid transparent;
}

.dropdown-item:hover,
.dropdown-item:focus {
    background-color: rgba(213, 114, 31, 0.06);
    border-left-color: var(--theme-color-1);
}


/*
//////////////////////////////
Bootstrap Class Additions
//////////////////////////////
*/

.h-100 {
    height: 100%;
}

/* Fix legacy IPC modal being overridden by Bootstrap .modal */
.modalCover > .modal {
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    width: auto;
    height: auto !important;
    max-width: 90%;
    max-height: 90%;
    margin: unset !important;
    overflow: auto;
    transform: translate(-50%, -50%);
}