/*.................................................. Panel classes ...................................................... */

/*......... Panel: Visualization area (Content Box) ......... */
.content-box{
    padding-top:50px;   
}

.scale-down {
  left:-50px;
  -webkit-transform: scale(0.90, 0.90);
      -ms-transform: scale(0.90, 0.90); 
          transform: scale(0.90, 0.90);
}

/*................. Panel: Topbar (Navbar) .................. */
.menubar-toggle-button {         
    margin-top: 3px;
    margin-left: 0px;
    margin-right: 0px;
    border-radius: 5px;
    /*background-color: #ffff66;*/
}

.menubar-toggle-button:hover {
    background-color: #FFF87C;
}

.menu-icon{
    color:#1f437b;    
    font-size:14px;
    padding:14px;
}

.brand{
    width:120px;    
    height:50px;
    margin-top:2px;
    margin-left:3px;    
}

.brand-text{
   color:#1f437b;
   font-weight:bold;
   margin-left:5px;    
}

.profilebar-toggle-button{           
    margin-left: 10px;
    margin-right: 10px;
    border-radius: 5px;
    padding: 14px;
    /*background-color: #ffff66;*/
}

.profilebar-toggle-button:hover {
    background-color: #FFF87C;
}

.userProfileBarButtonLabel {
    color: #1f437b;
    font-weight: bold;
    margin-right: 5px;
    margin-top: 3px;
}

/*..................... Panel: Menubar ...................... */
.menubar {     
    height:100vh;
    width: 220px;
    margin-left: -17px;
    overflow-x:hidden;
    overflow-y:hidden;
}

.nav>li>a:hover {
    background-color: #FFF87C;
}

.menubar-accordion-items a {
    color: #1f437b;
}

.menubar-accordion-items a:hover{
    color: black;
}


/*.................... Panel: Profilebar .................... */
.profilebar{    
    width:auto;
}

.profilebar-item {
    width: 100%;
    text-align: left;
}

.profilebar-item:hover {
    background-color: #FFF87C;
    color: black;
    width: 100%;
    text-align: left;
}


/*...................... Custom Colors .................... */

.navbar-custom {
    background-color: #fbd831;
    color: #1f437b;
    border-radius: 0;
    z-index: 100;
}

.navbar-custom .navbar-nav > li > a {
    color: #1f437b;
}

.navbar-custom .navbar-nav > .active > a {
    color: #ffffff;
    background-color: transparent;
}

.navbar-custom .navbar-nav > li > a:hover,
.navbar-custom .navbar-nav > li > a:focus,
.navbar-custom .navbar-nav > .active > a:hover,
.navbar-custom .navbar-nav > .active > a:focus,
.navbar-custom .navbar-nav > .open > a {
    text-decoration: none;
    background-color: darkblue;
}

.navbar-custom .navbar-brand {
    color: #1f437b;
}

.navbar-custom .navbar-toggle {
    background-color: #fbd831;
}

.navbar-custom .icon-bar {
    background-color: #fbd831;
}

.navbar-custom .navbar-nav .dropdown-menu {
    background-color: #fbd831;
}

.navbar-custom .navbar-nav .dropdown-menu > li > a {
    color: #1f437b;
}

.navbar-custom .navbar-nav .dropdown-menu > li > a:hover, .navbar-custom .navbar-nav .dropdown-menu > li > a:focus {
    color: #1f437b;
}