/*
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 Host Edition
http://redirect.monstaftp.com/upgrade
*/
.toolbar {
  background-color: #0288d1; }

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

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

.toolbar button.active {
  color: white; }

#slidebar {
  background-color: #0288d1; }

#slidebar i {
  border-bottom-color: #0288d1; }

#slidebar a {
  color: white; }

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

#modal-editor .modal-footer {
  background-color: #0288d1;
  color: white; }

.toolbar button.active:hover {
  background-color: #2196f3;
  border-bottom-color: #1565c0; }

#slidebar i:hover {
  background-color: #2196f3;
  border-bottom-color: #1565c0; }

#history .dropdown-menu {
  background-color: #ffffff;
  border-left-color: #0288d1; }

#history button {
  background-color: #0288d1;
  color: white; }

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

#breadcrumb {
  background-color: #ffffff; }

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

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

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

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

#files td.icon i {
  color: #1976d2; }

#modal-transfers .icon i {
  color: #1976d2; }

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

.toolbar .logo {
  background: url('../application/frontend/images/ma-logo.png') no-repeat center center;
  background-size: 100px 33px;
  height: 33px;
  width: 100px; }

@media (max-width:1000px) {
  .toolbar .logo {
    background: url('../application/frontend/images/ma-logo.png') no-repeat center center;
    background-size: 100px [cp18h];
    background-position: 0;
    width: 100px; } }

#modal-editor .modal-footer .logo {
  background: url('../application/frontend/images/ma-logo.png') no-repeat center center;
  background-size: 100px 23px;
  height: 23px;
  width: 100px; }

@media (max-width:1000px) {
  #modal-editor .modal-footer .logo {
    background: url('../application/frontend/images/ma-logo.png') no-repeat center center;
    background-size: 100px [cp19h];
    background-position: -17px;
    width: 23px; } }

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

.btn-primary {
  background-color: #1565c0;
  color: white; }