@import url("https://fonts.googleapis.com/css?family=Ubuntu+Condensed");

.admin-minimax-enabled {
  background: #e3e9dc;
  color: #878e83;
  font-family: "Ubuntu Condensed", sans-serif;
  letter-spacing: -1px;
}

.admin-minimax-container {
  margin: 0 auto;
  max-width: 100%;
  width: 1200px;
}

.admin-minimax-enabled .navbar {
  background: #202820 !important;
  border-bottom-color: #ced0b7 !important;
}

.admin-minimax-enabled .navbar-brand {
  color: #fff !important;
  font-size: 0.98rem;
  letter-spacing: 0;
}

#admin-header-wrapper {
  background-color: #007294;
  background-image: linear-gradient(to bottom, #008dab, #007294);
}

#admin-header {
  position: relative;
  box-sizing: content-box;
  height: 86px;
  margin: 2.5% 0;
  padding: 0 40px;
  border: solid 1px #006e8b;
  border-radius: 10px;
  background-color: #007b9d;
  background-image: linear-gradient(to bottom, #008ead, #007b9d);
  box-shadow: inset 0 0 0 1px #12a0bf, 0 1px 4px rgba(0, 0, 0, 0.1);
}

#admin-header h1 {
  position: absolute;
  left: 40px;
  top: 0;
  margin: 0;
  color: #fff;
  font-size: 2.4em;
  font-weight: normal;
  line-height: 86px;
  letter-spacing: -2px;
  text-transform: lowercase;
}

#admin-header h1 a {
  color: #fff;
  text-decoration: none;
}

#admin-nav {
  position: absolute;
  right: 40px;
  top: 1px;
  display: flex;
  align-items: stretch;
  height: 84px;
  line-height: 84px;
  font-size: 1.3em;
  letter-spacing: -1px;
  text-transform: lowercase;
}

#admin-nav a,
#admin-nav button {
  display: inline-block;
  height: 84px;
  padding: 0 22px;
  border: 0;
  background: transparent;
  color: #fff;
  font: inherit;
  line-height: 84px;
  text-decoration: none;
  outline: 0;
}

#admin-nav form {
  margin: 0;
}

#admin-nav a.current-page-item {
  background-color: #007897;
  background-image: linear-gradient(to bottom, #007b99, #007897);
  box-shadow: inset 0 1px 5px 1px rgba(0, 0, 0, 0.1), 0 0 5px 1px rgba(255, 255, 255, 0.1);
}

#admin-nav a:hover,
#admin-nav button:hover {
  background-color: #0882a1;
  background-image: linear-gradient(to bottom, #0782a0, #077d9b);
  box-shadow: inset 0 1px 5px 1px rgba(0, 0, 0, 0.05), 0 0 5px 1px rgba(255, 255, 255, 0.05);
}

.admin-minimax-main {
  min-height: 56vh;
  padding: 4em 0;
  background: #fff;
}

.admin-minimax-main h2 {
  margin: 0 0 0.6em;
  color: #007897;
  font-size: 1.8em;
  font-weight: normal;
  letter-spacing: -1px;
  text-transform: lowercase;
}

.admin-minimax-main h5,
.admin-minimax-main h3 {
  color: #283121;
  font-weight: normal;
  letter-spacing: -1px;
}

.admin-minimax-main .text-secondary,
.admin-minimax-main .metric-sub {
  color: #878e83 !important;
}

.admin-minimax-main .card {
  margin-bottom: 0;
  border: solid 1px #ced0b7;
  border-radius: 10px;
  background: #f7f9f4;
  box-shadow: none !important;
}

.admin-minimax-main .card-header {
  border-bottom: solid 1px #ced0b7;
  border-radius: 10px 10px 0 0;
  background: #e3e9dc url("html5up-minimaxing/images/bg1.png");
  color: #283121;
}

.admin-minimax-main .metric-card {
  border-left: solid 6px #007897 !important;
}

.admin-minimax-main .metric-label {
  color: #007897 !important;
  font-size: 0.92em;
  font-weight: normal;
  letter-spacing: -1px;
  text-transform: lowercase;
}

.admin-minimax-main .metric-value {
  color: #283121;
  font-size: 1.8em;
  font-weight: normal;
}

.admin-minimax-main .dashboard-track-item,
.admin-minimax-main .metric-badge {
  border: solid 1px #ced0b7 !important;
  border-radius: 6px !important;
  background: #fff !important;
  color: #474e43 !important;
}

.admin-minimax-main .board-post-body {
  color: #474e43;
  font-size: 1.05em;
  line-height: 1.7em;
}

.admin-minimax-main .table {
  --bs-table-bg: #f7f9f4;
  --bs-table-color: #474e43;
  --bs-table-border-color: #ced0b7;
  --bs-table-hover-bg: #eef4e8;
  color: #474e43;
}

.admin-minimax-main .table thead th {
  background: #e3e9dc;
  color: #007897;
  font-weight: normal;
  text-transform: lowercase;
}

.admin-minimax-main .btn,
.admin-minimax-main .button {
  border: solid 1px #006e8b;
  border-radius: 10px;
  background-color: #007b9d;
  background-image: linear-gradient(to bottom, #008dad, #007b9d);
  box-shadow: inset 0 0 0 1px #18a8c8 !important;
  color: #fff !important;
  font-weight: normal;
  letter-spacing: -1px;
  text-decoration: none;
  text-transform: lowercase;
}

.admin-minimax-main .btn:hover,
.admin-minimax-main .button:hover {
  background-color: #118eb1;
  background-image: linear-gradient(to bottom, #1b9fbe, #118eb1);
  box-shadow: inset 0 0 0 1px #3ecceb !important;
}

.admin-minimax-main .btn-outline-secondary,
.admin-minimax-main .btn-outline-warning,
.admin-minimax-main .btn-outline-light {
  border-color: #9fa78e;
  background-color: #7f8a74;
  background-image: linear-gradient(to bottom, #96a189, #7f8a74);
  box-shadow: inset 0 0 0 1px #b7c0a9 !important;
}

.admin-minimax-main .form-control,
.admin-minimax-main textarea {
  border: solid 1px #ced0b7;
  border-radius: 8px;
  background: #fff;
  color: #474e43;
  font-family: inherit;
  letter-spacing: -1px;
}

.admin-minimax-main .form-control:focus,
.admin-minimax-main textarea:focus {
  border-color: #007897;
  box-shadow: 0 0 0 0.16rem rgba(0, 120, 151, 0.16) !important;
}

.admin-minimax-main .form-label {
  color: #283121;
  font-weight: normal;
}

.admin-minimax-enabled .flash {
  border: solid 1px #ced0b7;
  background: #f7f9f4;
  color: #474e43;
}

#admin-footer-wrapper {
  padding: 3em 0;
  background: #e3e9dc;
}

#admin-copyright {
  border-top: solid 1px #ced0b7;
  padding: 3em 0 0;
  color: #a6a88f;
  text-align: center;
}

#admin-copyright a {
  color: #a6a88f;
}

@media screen and (max-width: 1280px) {
  .admin-minimax-container {
    width: calc(100% - 70px);
  }

  #admin-nav a,
  #admin-nav button {
    padding: 0 14px;
  }
}

@media screen and (max-width: 980px) {
  .admin-minimax-container {
    width: calc(100% - 60px);
  }

  #admin-header {
    height: auto;
    padding: 24px;
  }

  #admin-header h1,
  #admin-nav {
    position: static;
  }

  #admin-header h1 {
    line-height: 1;
    margin-bottom: 18px;
  }

  #admin-nav {
    flex-wrap: wrap;
    height: auto;
    line-height: 1;
  }

  #admin-nav a,
  #admin-nav button {
    height: 44px;
    line-height: 44px;
  }
}

@media screen and (max-width: 736px) {
  .admin-minimax-container {
    width: calc(100% - 32px);
  }

  .admin-minimax-main {
    padding: 2em 0;
  }
}