/* ****************************************
    CUSTOM STYLING (Main menu + nav-tabs)
**************************************** */
/* OLD */
/*****************************************
    Tree styling
*****************************************/
/* Tree background color */
#navigator {
    background: #009ee2;
    border-right: 1px solid #0087c1;
    /*background: -moz-linear-gradient(top, #009ee2 0%, #008d54, 100%);
    background: -webkit-linear-gradient(top, #009ee2 0%, #008d54 100%);
    background: linear-gradient(to bottom, #009ee2 0%, #008d54 100%);*/
    /*box-shadow: 0px 5px 20px rgb(0 0 0 / 20%);*/
    z-index: 999;
}
  #navigator::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    background-color: #009ee2; }
  #navigator::-webkit-scrollbar {
    width: 6px;
    background-color: #009ee2; }
  #navigator::-webkit-scrollbar-thumb {
    background-color: #0081b9; }

/* Tree header colors and transition time */
.foldertree-header {
  color: white;
  border-bottom: 1px solid #008d54;
  transition: 0.4s; 
}
  .foldertree-header:after {
    color: #fff; 
  }

.foldertree-container > ul.gj-list-bootstrap > li:first-of-type {
    border-top: 0px; 
}
.foldertree-container > ul.gj-list-bootstrap > li:last-of-type {
    border-bottom: 1px solid #008d54; 
}

/* Tree item colors */
.gj-tree-bootstrap-3 ul.gj-list-bootstrap li {
      color: #fff;
      background-color: #009ee2;
      border-color: #008d54;
      border-top: 1px solid #008d54; 
}
.gj-tree-bootstrap-3 ul.gj-list-bootstrap li:hover, .gj-tree-bootstrap-3 ul.gj-list-bootstrap li ul > li:hover {
    color: #fff; 
}
.gj-tree-bootstrap-3 ul.gj-list-bootstrap li.active {
    background-color: #0081b9;
    border-color: #0081b9; 
}

/* Tree item arrow color */
[data-type="tree"] ul li [data-role="expander"].gj-tree-glyphicons-expander {
    color: #fff; 
}

.nav-tabs {
    background-color: #009ee2;
    border-bottom: 1px solid #009ee2;
}

/*# sourceMappingURL=Stylesheet.css.map */

/* NEW */
.foldertree-container.dbq-active {
    border-top: 1px solid #0087c1;
    border-bottom: 1px solid #0087c1;
}
.foldertree-header svg {
    fill: #0081b9;
}

.nav-tabs > li > a {
    color: #ffffff;
    border-bottom: 0 !important;
}
    .nav-tabs > li > a.active {
        background: 0 !important;
        color: #FFFFFF;
    }
    .nav-tabs > li > a:hover {
        color: #FFFFFF;
    }
.nav-tabs > li.active {
    background: #0081b9;
}
    .nav-tabs > li.active > a {
        background-color: #0081b9;
        color: #FFFFFF !important;
    }
ul.gj-list-bootstrap li.active, .gj-tree-bootstrap-3 ul.gj-list-bootstrap li.active {
    background-color: #0081b9 !important;
}
    ul.gj-list-bootstrap li.active div[data-role="wrapper"] span[data-role="display"] {
        color: #FFFFFF !important;
    }
    ul.gj-list-bootstrap li.active div[data-role="wrapper"] span[data-role="icon"] svg .dbq-icon-color-1 {
        fill: #0081b9 !important;
    }
    ul.gj-list-bootstrap li.active div[data-role="wrapper"] span[data-role="icon"] svg .dbq-icon-color-2 {
        fill: #009c5d !important;
    }
.foldertree-header {
    color: #FFFFFF !important;
}
ul.gj-list-bootstrap li.active:hover div[data-role="wrapper"] span[data-role="display"] {
    color: #ffffff !important;
}
ul.gj-list-bootstrap li.active:hover div[data-role="wrapper"] span[data-role="icon"] svg .dbq-icon-color-1 {
    fill: #0081b9 !important;
}
ul.gj-list-bootstrap li.active:hover div[data-role="wrapper"] span[data-role="icon"] svg .dbq-icon-color-2 {
    fill: #009b5c !important;
}
#class-list-menu .class-list-menu-user svg {
    fill: #009ee2;
}

/*
    EXTRA DARK MODE CUSTOM
*/
.dbq-dark-mode ul.dropdown-menu li.username {
    background: #212121;
}
.foldertree-container.dbq-active {
    border-top: 1px solid #0087c1;
    border-bottom: 1px solid #0087c1;
}

/*
    tables
*/
.ui-widget a {
    color: #009ee2;
}