/*
  Theme: Frontier Networks
*/

:root {
  --black: rgb(20, 20, 20);
  --dark-gray: rgb(25, 25, 25);
  --deep-red: rgb(120, 20, 20);
  --highlight-red: rgb(160, 40, 40);
  --accent-red: rgb(200, 70, 70);
  --gold: rgb(215, 165, 55);
  --white: rgb(255, 255, 255);
  --muted-text: rgb(210, 210, 210);
  --hover-dark: rgb(50, 20, 20);
}

/* General */
body, .wrap {
  background-color: var(--black) !important;
  color: var(--white) !important;
}

a {
  color: var(--accent-red) !important;
}
a:hover, a:focus {
  color: var(--highlight-red) !important;
  text-decoration: underline;
}

hr {
  border-color: var(--dark-gray) !important;
}

/* Navbar */
.navbar-inverse {
  background-color: var(--black) !important;
}
.navbar-inverse .navbar-nav > li > a {
  color: var(--muted-text) !important;
}
.navbar-inverse .navbar-nav > .active > a,
.navbar-inverse .navbar-nav > li > a:hover,
.navbar-inverse .navbar-nav > li > a:focus {
  background-color: var(--dark-gray) !important;
  color: var(--white) !important;
}

/* Headings */
h1, h2, h3, h6, .header {
  color: var(--white) !important;
}

/* Panels and Boxes */
.panel-body,
.options,
.stat-box,
.dashboard-widget-small-box,
#sortable li,
.modal-content,
.modal-header,
.modal-footer,
.ticket-header,
.darker-box,
.info-box,
.pkg-step {
  background-color: var(--dark-gray) !important;
  color: var(--muted-text) !important;
}

.panel-body > .panel-header,
.stat-box-header,
.store-box-header {
  background-color: var(--hover-dark) !important;
  color: var(--accent-red) !important;
}

.progress-bar {
  display: flex;
  flex-direction: column;
  justify-content: center;
  overflow: hidden;
  color: var(--white) !important;
  text-align: center;
  white-space: nowrap;
  background-color: var(--deep-red) !important;
  transition: width 0.6s ease;
}

/* Dashboard Widgets */
.dashboard-widget-small-box {
  border: 1px solid var(--deep-red) !important;
}
.dashboard-widget-small-box .caption,
.dashboard-widget-small-box .element,
.dashboard-widget-small-box i {
  color: var(--white) !important;
}

/* Forms */
.form-control {
  background-color: var(--dark-gray) !important;
  color: var(--white) !important;
  border: 1px solid var(--highlight-red) !important;
}
.form-control:focus {
  border-color: var(--accent-red) !important;
}

/* Checkboxes */
.icheckbox_line-red,
.iradio_line-red {
  background: var(--hover-dark) !important;
  border-color: var(--highlight-red) !important;
  color: var(--white) !important;
}

/* Buttons */
.btn-prom,
.buy-btn {
  background-color: var(--deep-red) !important;
  color: var(--white) !important;
  border: 1px solid var(--highlight-red) !important;
}
.btn-prom:hover,
.btn-prom:focus,
.buy-btn:hover,
.buy-btn:focus {
  background-color: var(--hover-dark) !important;
  color: var(--muted-text) !important;
  border-color: var(--hover-dark) !important;
}

/* Dropdowns */
.dropdown-menu { 
  background-color: var(--dark-gray) !important;
  color: var(--white) !important;
}
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
  background-color: var(--highlight-red) !important;
  color: var(--white) !important;
}
.dropdown-menu > .active > a {
  background-color: var(--deep-red) !important;
}

/* Pagination */
.pagination li a {
  background-color: var(--dark-gray) !important;
  color: var(--white) !important;
}
.pagination li a:hover,
.pagination li a:focus {
  background-color: var(--hover-dark) !important;
}
.pagination > .active > a {
  background-color: var(--highlight-red) !important;
  color: var(--white) !important;
}

/* Tables */
.table-striped thead {
  background-color: var(--black) !important;
  color: var(--gold) !important;
}
.table-striped > tbody > tr:nth-of-type(odd) {
  background-color: var(--dark-gray) !important;
  color: var(--white) !important;
}

/* Sidebar / Menu */
.main-menu-box,
.version-marker {
  background-color: var(--black) !important;
  color: var(--white) !important;
}
.main-menu-box ul li:hover,
.main-menu-box ul li.active {
  background-color: var(--hover-dark) !important;
}
.main-menu-box .sub-menu {
  background-color: var(--dark-gray) !important;
}
.main-menu-box ul.sub-menu .submenu-header {
  color: var(--accent-red) !important;
}

/* Dashboard Nav */
.dashboard-nav a {
  background-color: var(--deep-red) !important;
  color: var(--white) !important;
}
.dashboard-nav a:hover,
.dashboard-nav a:focus {
  background-color: var(--highlight-red) !important;
}
.dashboard-nav a.active {
  background-color: var(--accent-red) !important;
}

/* Callouts */
.bs-callout {
  background-color: var(--dark-gray) !important;
  color: var(--white) !important;
}
.bs-callout-danger {
  border-left: 4px solid var(--highlight-red) !important;
}
.bs-callout-info {
  border-left: 4px solid var(--accent-red) !important;
}
.bs-callout-success {
  border-left: 4px solid rgb(100, 200, 100) !important;
}

/* Store Boxes */
.store-box,
.store-box-upper span,
.store-box-upper li {
  border-color: var(--deep-red) !important;
}
.store-box-upper span {
  color: var(--gold) !important;
}
.categoryLink {
  background-color: var(--highlight-red) !important;
  color: var(--white) !important;
}
.categoryLink:hover {
  color: var(--muted-text) !important;
}

/* Credits */
.credit-content {
  border-color: var(--hover-dark) !important;
  color: var(--gold) !important;
}
.credit-content span {
  color: var(--muted-text) !important;
}

/* Banner / Footer */
.banner {
  background-color: var(--deep-red) !important;
}
.content-page-top {
  background-color: var(--black) !important;
}
.content-page-top > span,
.content-page-top > span > i {
  color: var(--white) !important;
}
.push {
    height: 0px;
}
.footer,
.credits {
  background-color: var(--black) !important;
  color: var(--white) !important;
}
.version {
  color: var(--gold) !important;
}