/*
MonstaFTP v2.11 Theme for QARC
*/

.toolbar {
  background-color: #378de5; /* QARC Color */
}

.toolbar button {
  background-color: #378de5; /* QARC Color */
  border-bottom-color: #378de5; /* QARC Color */
  height: 118px !important; /* <-- FIX: Makes buttons match logo height */
}

.toolbar button.inactive {
  color: silver;
}

.toolbar button.active {
  color: white;
}

#slidebar {
  background-color: #378de5; /* QARC Color */
}

#slidebar i {
  border-bottom-color: #378de5; /* QARC Color */
}

#slidebar a {
  color: white;
}

#modal-editor .file-path {
  border-color: #378de5; /* QARC Color */
}

#modal-editor .modal-footer {
  background-color: #378de5; /* QARC Color */
  color: white;
}

.toolbar button.active:hover {
  background-color: #8dc1f2; /* QARC Color */
  border-bottom-color: #f7d8bb; /* QARC Color */
}

#slidebar i:hover {
  background-color: #8dc1f2; /* QARC Color */
  border-bottom-color: #f7d8bb; /* QARC Color */
}

#history .dropdown-menu {
  background-color: #fffff3; /* QARC Color */
  border-left-color: #83ACD3; /* QARC Color */
}

#history button {
  background-color: #83ACD3; /* QARC Color */
  color: white;
}

#history ul li:hover {
  background-color: #fafaec; /* QARC Color */
}

#breadcrumb {
  background-color: #fffff3; /* QARC Color */
}

#modal-editor .file-path {
  background-color: #fffff3; /* QARC Color */
}

#files .ui-selecting, #files .ui-selected {
  background-color: #feffe4; /* QARC Color */
}

#files .ui-selecting:first-child, #files .ui-selected:first-child {
  border-top-color: #feffe4; /* QARC Color */
}

#files td.icon .fa-folder, #files td.icon .fa-level-up {
  color: #eea147; /* QARC Color */
}

#files td.icon i {
  color: #5590bc; /* QARC Color */
}

#modal-transfers .icon i {
  color: #5590bc; /* QARC Color */
}

.dropdown-menu li a:hover, .dropdown-menu .active a:hover {
  background-color: #4094fa; /* QARC Color */
}

/* FIX: Correct logo size for QARC */
.toolbar .logo {
  background: url('../images/qarc.png') no-repeat center center;
  background-size: 202px 118px;
  height: 118px !important; /* <-- FIX: Force height */
  width: 202px;
}

/* FIX: Correct mobile logo for QARC */
@media (max-width:1000px) {
  .toolbar .logo {
    background: url('../images/qarc.png') no-repeat center center !important;
    background-size: 144px 33px !important;
    background-position: -26px !important;
    width: 29px !important;
    height: 52px !important; /* Default mobile toolbar height */
  }
  
  .toolbar button {
  	height: 52px !important; /* Default mobile toolbar height */
  }
}

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

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

.label-warning {
  background-color: #3188d2; /* QARC Color */
  color: white;
  
}

.btn-primary {
  background-color: #337ab7; /* QARC Color */
  color: white;
}
/*
== QARC File List Position Fix ==
Overrides monsta.css 'top' value to account for
the new 118px toolbar height.
*/

#files {
  /* 118px (new toolbar) + 47px (history bar) = 165px */
  top: 165px !important;
}

@media (max-width: 1000px) {
  #files {
    /* 52px (mobile toolbar) + 47px (history bar) = 99px */
    top: 99px !important;
  }
}

/* == QARC LOGIN PAGE FIX: HIDE FTP TAB ==
This is the new code to hide the FTP tab
*/
/*a[aria-controls="login-ftp"] {
  display: none !important;
}*/