/*
Use our theme wizard to easily rebrand with your own colors and logo
https://www.monstaftp.com/guides/how-to-rebrand-interface

Rebranding is only available in the Host Edition
http://www.monstaftp.com/upgrade
*/
.toolbar {
  background-color: #353535; }

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

.toolbar button.inactive {
  color: silver; }

.toolbar button.active {
  color: white; }

#slidebar {
  background-color: #353535; }

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

#slidebar a {
  color: white; }

/* Slidebar icons were converted from <i> to <button>. Ensure buttons don't
   render with default browser "button chrome" and match prior icon styling. */
#slidebar button {
  -webkit-appearance: none;
  appearance: none;
  background: transparent;
  border: 0;
  color: white;
  cursor: pointer;
  display: block;
  padding: 0;
  text-align: center;
}

#slidebar button.fa {
  border-bottom: 5px solid #353535;
  cursor: pointer;
  font-size: 165%;
  padding: 25px 0 21px 0;
  width: 75px;
}

@media (max-width: 1000px) {
  #slidebar button.fa {
    padding: 15px 0 11px 0;
    width: 52px;
  }
}

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

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

.toolbar button.active:hover {
  background-color: #2e2e2e;
  border-bottom-color: #efa72e; }

#slidebar i:hover,
#slidebar button:hover {
  background-color: #2e2e2e;
  border-bottom-color: #efa72e; }

#history .dropdown-menu {
  background-color: #fffff3;
  border-left-color: #c3c645; }

#history button {
  background-color: #c3c645;
  color: white; }

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

#breadcrumb {
  background-color: #fffff3; }

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

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

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

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

#files td.icon i {
  color: #5590bc; }

#modal-transfers .icon i {
  color: #5590bc; }

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

.toolbar .logo {
  background: url("../application/frontend/images/monsta-logo-400w.png") no-repeat center center;
  background-size: 144px 33px;
  height: 33px;
  width: 144px; }

@media (max-width: 1000px) {
  .toolbar .logo {
    background: url("../application/frontend/images/monsta-logo-400w.png") no-repeat center center;
    background-size: 144px 33px;
    background-position: -26px;
    width: 29px; } }

#modal-editor .modal-footer .logo {
  background: url("../application/frontend/images/monsta-logo-400w.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/monsta-logo-400w.png") no-repeat center center;
    background-size: 100px 23px;
    background-position: -17px;
    width: 23px; } }

.label-warning {
  background-color: #efa72e;
  color: white; }

.btn-primary {
  background-color: #337ab7;
  color: white; }

/* Dynamic field hiding is now handled by JavaScript in index.php */
/* Fields are hidden based on connectionRestrictedFields from settings.json */
.mftp-restricted-field {
  display: none !important;
  visibility: hidden !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  line-height: 0 !important;
  font-size: 0 !important;
  overflow: hidden !important;
}