/**  **/

#room_nav,
#dashboard_nav {
    border-top:2px solid #2886c7;
    height: 50px;
    display: none;
    flex-direction: row;
    border-bottom:4px solid #000;
}
/* .nav_row > div:not(.active_tab) {
    border-bottom:4px solid #000;
} */

.nav_row.locked > li {
    pointer-events: none;
    color: #2886c7 !important;
    /* filter: brightness(0) invert(1); */
}

#room_nav > li,
#dashboard_nav > li {
    flex: 1;
    width: 33%;
    display: flex;
    align-content: center;
    justify-content: center;
    color: gray;
}
/* #room_nav > div:not(:first-child),
#dashboard_nav > div:not(:first-child) {
    border-left:2px solid #2886c7;
} */
.room_nav_tab > span,
.nav_tab > span {
    pointer-events: none;
}
.room_nav_button_icon {
    width: 36px;
    background-size: 60%;
    background-position: center;
    background-repeat: no-repeat;
    pointer-events: none;
}
.nav_tab_button_icon {
    width: 0;
    background-size: 60%;
    background-position: center;
    background-repeat: no-repeat;
    pointer-events: none;
}
.room_nav_button_title,
.nav_tab_button_title {
    text-transform: capitalize;
    margin: auto 0;
    font-size: 18px;
    pointer-events: none;
}
#room_nav .active_tab::before,
#dashboard_nav .active_tab::before {
    content: "";
    border-color: #2886c7 transparent transparent transparent;
    border-style: solid;
    border-width: 7px;
    position: absolute;
}
.active_tab > .room_nav_button_title,
.active_tab > .nav_tab_button_title {
    color: #2886c7;
}