/*
Use our theme wizard to easily rebrand with your own colors and logo
http://redirect.monstaftp.com/theme-wizard

Rebranding is only available in the Enterprise Edition
http://redirect.monstaftp.com/upgrade
*/

.toolbar {
  background-color: #353535;
}

.toolbar button {
  background-color: #353535;
  border-bottom-color: #353535;
}

.toolbar button.inactive {
  color: #c0c0c0;
}

.toolbar button.active {
  color: #e6e6e6;
}

#slidebar {
  background-color: #353535;
}

#slidebar i {
  border-bottom-color: #353535;
}

#slidebar a {
  color: #e6e6e6;
}

#modal-editor .file-path {
  border-color: #353535;
}

#modal-editor .modal-footer {
  background-color: #353535;
  color: #e6e6e6;
}

.toolbar button.active:hover {
  background-color: #b11b1b;
  border-bottom-color: #ff1919;
}

#slidebar i:hover {
  background-color: #b11b1b;
  border-bottom-color: #ff1919;
}

#history .dropdown-menu {
  background-color: #ececec;
  border-left-color: #ba0000;
}

#history button {
  background-color: #ba0000;
  color: #ffffff;
}

#history ul li:hover {
  background-color: #ffffff;
}

#breadcrumb {
  background-color: #ececec;
}

#modal-editor .file-path {
  background-color: #ececec;
}

#files .ui-selecting, #files .ui-selected {
  background-color: #fff8f8;
}

#files .ui-selecting:first-child, #files .ui-selected:first-child {
  border-top-color: #fff8f8;
}

#files td.icon .fa-folder, #files td.icon .fa-level-up {
  color: #de1717;
}

#files td.icon i {
  color: #9a1d1d;
}

#modal-transfers .icon i {
  color: #9a1d1d;
}

.dropdown-menu li a:hover, .dropdown-menu .active a:hover {
  background-color: #353535;
}

.toolbar .logo {
  background: url('/settings/esss_l_w_RGB_mini.png') no-repeat center center;
}

@media (max-width:1000px) {
  .toolbar .logo {
    background: url('https://storage.cloud.google.com/mkt.esss.co/images/logo-esss/logo-w-esss-sign.png') no-repeat center center;
    width: 40px;
  }
}

#modal-editor .modal-footer .logo {
  background: url('https://storage.googleapis.com/mkt.esss.co/images/logo-esss/logo-w-esss-footer.png') no-repeat center center;
  background-size: 62px 23px;
  height: 23px;
  width: 62px;
}

@media (max-width:1000px) {
  #modal-editor .modal-footer .logo {
    background: url('https://console.cloud.google.com/storage/browser/_details/mkt.esss.co/images/logo-esss/logo-w-esss-sign-footer.png') no-repeat center center;
    background-size: 28px;
    width: 23px;
  }
}

.label-warning {
  background-color: #b10707;
  color: #ffffff;
  
}

.btn-primary {
  background-color: #8e0606;
  color: #ffffff;
}