/* Change the background color of main body */
.content-wrapper,
.right-side {
  background-color: #ffffff;
}

/* Left area with logo or title */
.skin-blue .main-header .logo{
  background-color:#ffffff;
  display: inline;
  width: 400px;
  z-index: 5;
}

.skin-blue .main-header .navbar{
  z-index: -1;
}

.skin-blue .main-header .logo {
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-weight: bold;
  color: #000000
}

/* Left area with logo or title while hovering */
.skin-blue .main-header .logo:hover {
  background-color: #D7DBDD;
}
 
/* Right area */       
.skin-blue .main-header .navbar {
  background-color: #ffffff;
}

/* Selection button */ 
.skin-blue .main-header .navbar .sidebar-toggle {
  color: #ED3A2C;
  background : #ffffff;
}
        
/* Hovering over the selection button */     
.skin-blue .main-header .navbar .sidebar-toggle:hover {
  color : #ffffff;
  background : #ffffff;
}

/* Delete small colorbar at left side of selected element */ 
.skin-blue .sidebar-menu>li>a {
    border-left: 0 solid transparent
}

/* Color of sidebar */ 
.skin-blue .main-sidebar {
  background-color: #ffffff;
}

.skin-blue .main-sidebar .sidebar .sidebar-menu a{
                              /*background-color: #00ff00;*/
                              color: #000000;
                              }
/* Color of treeview items */ 
.skin-blue .treeview-menu>li {
  background-color: #ffffff;
}

/* Color at selected or hovered items sidebar */ 
.skin-blue .sidebar-menu>li.active>a, 
.skin-blue .sidebar-menu>li:hover>a{
  background-color: #F0F3F4 ;
}

/* Color at selected or hovered subitems sidebar */ 
.skin-blue .treeview-menu>li>a:hover,
.skin-blue .treeview-menu>li:hover>a{
  background-color: #F0F3F4 ;
}

/* Rotate slack logo to get a hashtag */ 
.fa-slack {
  -ms-transform: rotate(19deg);
  -webkit-transform: rotate(19deg);
  -moz-transform: rotate(19deg);
  -o-transform: rotate(19deg);
  transform: rotate(19deg);
}

/* Make sure the icon bar gets displayed */ 
.main-header .sidebar-toggle .icon-bar {
    display: inline !important
}
 
/* Media part of sidebar-mini */   
@media (min-width:768px) {

  .sidebar-mini.sidebar-collapse .main-header .logo {
    width: 400px
  }
  
  .sidebar-mini.sidebar-collapse .main-header .navbar {
    margin-left: 400px
  }
  
  .sidebar-mini.sidebar-collapse #images{
    display: none !important;
  }
    
}

.box {
  overflow:auto;
}

.shiny-output-error { 
	visibility: hidden; 
}

shiny-output-error:before { visibility: hidden; }

.shiny-input-container:not(.shiny-input-container-inline){
  width: 400px;
}

.boxes .col-sm-4{
    width: 100%;
  padding: 0;
}