/*!
 * Custom AdminLTE overrides to match the landing page palette.
 */
body.skin-blue {
  background-color: #fff7e6;
}

.skin-blue .main-header .navbar {
  background: linear-gradient(90deg, #ffd54f 0%, #ff9800 100%);
  border: none;
  box-shadow: 0 2px 6px rgba(78, 53, 34, 0.15);
}

.skin-blue .main-header .logo {
  background: linear-gradient(90deg, #ffd54f 0%, #ff9800 100%);
  color: #4e3522;
  font-weight: 700;
}

.skin-blue .main-header .logo:hover {
  background: linear-gradient(90deg, #fbc02d 0%, #fb8c00 100%);
  color: #3a2819;
}

.skin-blue .main-header .navbar .nav > li > a,
.skin-blue .main-header .navbar .nav > li > a:focus {
  color: #4e3522;
}

.skin-blue .main-header .navbar .nav > li > a:hover,
.skin-blue .main-header .navbar .nav > li.open > a {
  background-color: rgba(78, 53, 34, 0.12);
  color: #3a2819;
}

.skin-blue .main-header .navbar .sidebar-toggle {
  color: #4e3522;
}

.skin-blue .main-header .navbar .sidebar-toggle:hover {
  background-color: rgba(78, 53, 34, 0.12);
  color: #3a2819;
}

.skin-blue .wrapper,
.skin-blue .main-sidebar,
.skin-blue .left-side {
  background: #fff3c4;
}

.skin-blue .sidebar a {
  color: #4e3522;
}

.skin-blue .sidebar-menu > li.header {
  color: rgba(78, 53, 34, 0.6);
  background: transparent;
}

.skin-blue .sidebar-menu > li > a {
  border-left: 3px solid transparent;
  font-weight: 500;
}

.skin-blue .sidebar-menu > li.active > a,
.skin-blue .sidebar-menu > li.menu-open > a {
  background-color: #4e3522;
  border-left-color: #ffb74d;
  color: #fff;
}

.skin-blue .sidebar-menu > li > a:hover {
  background-color: rgba(78, 53, 34, 0.15);
  color: #3a2819;
  border-left-color: #ffb74d;
}

.skin-blue .treeview-menu {
  background: rgba(78, 53, 34, 0.92);
  border-left: 1px solid rgba(255, 243, 196, 0.3);
}

.skin-blue .treeview-menu > li > a {
  color: #ffebc5;
}

.skin-blue .treeview-menu > li > a:hover,
.skin-blue .treeview-menu > li.active > a {
  background: rgba(255, 183, 77, 0.22);
  color: #ffffff;
}

.skin-blue .content-wrapper,
.skin-blue .main-footer,
.skin-blue .right-side {
  background-color: #fffaf3;
}

.content-header > h1,
.content-header > .breadcrumb > li > a {
  color: #4e3522;
}

.content-header > .breadcrumb > li + li:before {
  color: rgba(78, 53, 34, 0.4);
}

.main-footer {
  border-top: 1px solid rgba(78, 53, 34, 0.15);
  color: rgba(78, 53, 34, 0.75);
  background: #fff3c4;
}

.box {
  border-radius: 8px;
  border-top: 3px solid #ff9800;
  box-shadow: 0 4px 12px rgba(78, 53, 34, 0.06);
}

.box .box-header {
  color: #4e3522;
}

.btn-primary,
.bg-light-brown {
  background-color: #4e3522;
  border-color: #4e3522;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
  background-color: #3a2819;
  border-color: #3a2819;
}

.label-primary,
.badge-primary,
.progress-bar-primary,
.callout.callout-info {
  background-color: #ff9800 !important;
  border-color: #ff9800;
  color: #4e3522;
}

.pagination > li > a,
.pagination > li > span {
  color: #4e3522;
}

.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
  background-color: #4e3522;
  border-color: #4e3522;
}