/* Styles for the Files app left navigation */
#app-navigation,
#app-settings,
.nav-trashbin,
.settings-button {
  background-color: #121212;
}

#app-settings-content {
  background-color: #2c2c2c; 
}

#app-settings-content em a {
  color: #fff;
  text-decoration: underline;
}

#app-navigation ul li.active a
{
  background-color: #2c2c2c !important;
  border-left: 4px solid #FF9302;
}

#app-navigation ul li a,
#app-settings div {
  color: #fff;
}

#app-navigation li > a:active, 
#app-navigation li > a:focus, 
#app-navigation li:focus > a, 
#app-navigation li:hover > a,
.settings-button:hover, 
.settings-button:active,
.settings-button:focus
{
    background-color: #2c2c2c !important;
    transition: border 260ms ease-in-out 0s, background-color 260ms ease-in-out 0s;
    border-left: 4px solid #FF9302;
    display: block;
    color: #fff;
}

#app-navigation li {
  width: 249px;
}
#app-navigation li:focus > a {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  opacity: 1;
}


#app-navigation li.divider {
  border-bottom: 1px solid #2c2c2c;
  color: #fff;
}

/* Webdav/settings button in left side bar */
button:hover.settings-button {
  box-shadow: none !important;
}
button.settings-button {
  background-color: #121212;
  color: #fff;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
  opacity: 0.9;
}
.settings-button:hover, 
.settings-button:focus {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  opacity: 1;
}

/* Change the logos for the leftside navigation */
.nav-icon-files {
  background-image: url('../img/folder.svg');
}
.nav-icon-favorites {
  background-image: url('../img/star.svg');
}
.nav-icon-sharingin, .nav-icon-sharingout {
  background-image: url('../img/share.svg');
}
.nav-icon-sharinglinks {
  background-image: url('../img/public.svg');
}
.nav-icon-systemtagsfilter {
  background-image: url('../img/tag.svg');
}
.nav-icon-trashbin {
  background-image: url('../img/delete.svg');
}
.settings-button {
  background-image: url('../img/actions/settings.svg');
}

/* Style the user menu (Personal, Users, Admin, etc.. */
#expanddiv {
  background-color: #121212;
}
#expanddiv:after {
  border-bottom-color: #121212;
}
#settings #expanddiv ul li a {
  font-size: 100%;
  display: block; 
}
#settings #expanddiv ul li a:hover,
#settings #expanddiv ul li a:focus,
#settings #expanddiv ul li a.active {
  color: #fff;
  background-color: #2c2c2c !important;
  transition: border 260ms ease-in-out 0s, background-color 260ms ease-in-out 0s;
} 

@media only screen and (min-width: 1200px) {
  #settings #expanddiv ul li a:hover,
  #settings #expanddiv ul li a:focus,
  #settings #expanddiv ul li a.active {     
    border-bottom: 4px solid #FF9302;
  }
}

@media only screen and (max-width: 1200px) {
  #settings #expanddiv ul li a {
    min-width: 8rem;
  }
  #settings #expanddiv ul li a:hover,
  #settings #expanddiv ul li a:focus,
  #settings #expanddiv ul li a.active {
    border-left: 4px solid #FF9302;
  }
}