/* Futuristic dark: Login, Register, Lockscreen overrides */
.skin-black .login-page,
.skin-black .register-page,
.skin-black .lockscreen {
  background: #0a1423 !important;
  color: var(--f-text) !important;
}
.skin-black .login-box,
.skin-black .register-box,
.skin-black .lockscreen-wrapper {
  background: #10192a !important;
  color: var(--f-text) !important;
  border-radius: 8px;
  box-shadow: 0 8px 32px rgba(0,0,0,0.45);
  border: 1px solid var(--f-border);
}
.skin-black .login-logo a,
.skin-black .register-logo a,
.skin-black .lockscreen-logo a {
  color: var(--f-accent) !important;
}
.skin-black .login-box-body,
.skin-black .register-box-body,
.skin-black .lockscreen-item {
  background: #131f33 !important;
  color: var(--f-text) !important;
  border-radius: 6px;
  border: 1px solid var(--f-border);
}
.skin-black .lockscreen-image {
  background: #0a1423 !important;
  border: 1px solid var(--f-border);
}
.skin-black .lockscreen-credentials .form-control,
.skin-black .lockscreen-credentials .btn {
  background: #10192a !important;
  color: var(--f-text) !important;
  border-color: var(--f-border) !important;
}
/*
 * Skin: Black
 * -----------
 */

body {
  background-color: #070b12;
}

/* skin-black navbar */
.skin-black .main-header {
  -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.05);
  box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.05);
}
.skin-black .main-header .navbar-toggle {
  color: #333;
}
.skin-black .main-header .navbar-brand {
  color: #333;
  border-right: 1px solid #eee;
}
.skin-black .main-header .navbar {
  background-color: #ffffff;
}
.skin-black .main-header .navbar .nav > li > a {
  color: #333333;
}
.skin-black .main-header .navbar .nav > li > a:hover,
.skin-black .main-header .navbar .nav > li > a:active,
.skin-black .main-header .navbar .nav > li > a:focus,
.skin-black .main-header .navbar .nav .open > a,
.skin-black .main-header .navbar .nav .open > a:hover,
.skin-black .main-header .navbar .nav .open > a:focus,
.skin-black .main-header .navbar .nav > .active > a {
  background: #ffffff;
  color: #999999;
}
.skin-black .main-header .navbar .sidebar-toggle {
  color: #333333;
}
.skin-black .main-header .navbar .sidebar-toggle:hover {
  color: #999999;
  background: #ffffff;
}
.skin-black .main-header .navbar > .sidebar-toggle {
  color: #333;
  border-right: 1px solid #eee;
}
.skin-black .main-header .navbar .navbar-nav > li > a {
  border-right: 1px solid #eee;
}
.skin-black .main-header .navbar .navbar-custom-menu .navbar-nav > li > a,
.skin-black .main-header .navbar .navbar-right > li > a {
  border-left: 1px solid #eee;
  border-right-width: 0;
}
.skin-black .main-header .logo {
  background-color: #ffffff;
  color: #333333;
  border-bottom: 0 solid transparent;
  border-right: 1px solid #eee;
}
.skin-black .main-header .logo:hover {
  background-color: #fcfcfc;
}
@media (max-width: 767px) {
  .skin-black .main-header .logo {
    background-color: #222222;
    color: #ffffff;
    border-bottom: 0 solid transparent;
    border-right: none;
  }
  .skin-black .main-header .logo:hover {
    background-color: #1f1f1f;
  }
}
.skin-black .main-header li.user-header {
  background-color: #222;
}
.skin-black .content-header {
  background: transparent;
  box-shadow: none;
}
.skin-black .wrapper,
.skin-black .main-sidebar,
.skin-black .left-side {
  background-color: #222d32;
}
.skin-black .user-panel > .info,
.skin-black .user-panel > .info > a {
  color: #fff;
}
.skin-black .sidebar-menu > li.header {
  color: #4b646f;
  background: #1a2226;
}
.skin-black .sidebar-menu > li > a {
  border-left: 3px solid transparent;
}
.skin-black .sidebar-menu > li:hover > a,
.skin-black .sidebar-menu > li.active > a,
.skin-black .sidebar-menu > li.menu-open > a {
  color: #ffffff;
  background: #1e282c;
}
.skin-black .sidebar-menu > li.active > a {
  border-left-color: #ffffff;
}
.skin-black .sidebar-menu > li > .treeview-menu {
  margin: 0 1px;
  background: #2c3b41;
}
.skin-black .sidebar a {
  color: #b8c7ce;
}
.skin-black .sidebar a:hover {
  text-decoration: none;
}
.skin-black .sidebar-menu .treeview-menu > li > a {
  color: #8aa4af;
}
.skin-black .sidebar-menu .treeview-menu > li.active > a,
.skin-black .sidebar-menu .treeview-menu > li > a:hover {
  color: #ffffff;
}
.skin-black .sidebar-form {
  border-radius: 3px;
  border: 1px solid #374850;
  margin: 10px 10px;
}
.skin-black .sidebar-form input[type="text"],
.skin-black .sidebar-form .btn {
  box-shadow: none;
  background-color: #374850;
  border: 1px solid transparent;
  height: 35px;
}
.skin-black .sidebar-form input[type="text"] {
  color: #666;
  border-top-left-radius: 2px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 2px;
}
.skin-black .sidebar-form input[type="text"]:focus,
.skin-black .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
  background-color: #fff;
  color: #666;
}
.skin-black .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
  border-left-color: #fff;
}
.skin-black .sidebar-form .btn {
  color: #999;
  border-top-left-radius: 0;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
  border-bottom-left-radius: 0;
}
.skin-black .pace .pace-progress {
  background: #222;
}
.skin-black .pace .pace-activity {
  border-top-color: #222;
  border-left-color: #222;
}

/*
 * Futuristic dark override for communities using black theme.
 * Keeps all original class names and only refines visual style.
 */
.skin-black {
  --f-bg: #070b12;
  --f-surface: #0f1725;
  --f-surface-2: #131f33;
  --f-border: #1f2f4a;
  --f-text: #d7e3f5;
  --f-muted: #8ea1bd;
  --f-accent: #2dd4ff;
  --f-accent-soft: rgba(45, 212, 255, 0.14);
  --f-shadow: 0 10px 30px rgba(0, 0, 0, 0.35);
}

.skin-black body {
  background-color: var(--f-bg);
  color: var(--f-text);
}

.skin-black img[src$=".svg"] {
  filter: brightness(0) invert(0.85);
}

.skin-black .wrapper,
.skin-black .main-sidebar,
.skin-black .left-side,
.skin-black .content-wrapper,
.skin-black .right-side,
.skin-black .main-footer {
  background: var(--f-bg);
  color: var(--f-text);
}

.skin-black .main-header {
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.04), var(--f-shadow);
}

.skin-black .main-header .navbar,
.skin-black .main-header .logo {
  background: linear-gradient(120deg, #0a1322 0%, #0f1c2e 45%, #12263d 100%);
  color: var(--f-text);
  border-color: var(--f-border);
}

.skin-black .main-header .logo:hover,
.skin-black .main-header .navbar .nav > li > a:hover,
.skin-black .main-header .navbar .nav > li > a:focus,
.skin-black .main-header .navbar .nav .open > a,
.skin-black .main-header .navbar .nav .open > a:hover,
.skin-black .main-header .navbar .nav .open > a:focus,
.skin-black .main-header .navbar .nav > .active > a,
.skin-black .main-header .navbar .sidebar-toggle:hover {
  background: var(--f-accent-soft);
  color: #f2fbff;
}

.skin-black .main-header .navbar .nav > li > a,
.skin-black .main-header .navbar .sidebar-toggle,
.skin-black .main-header .navbar-toggle,
.skin-black .main-header .navbar-brand {
  color: var(--f-text);
  border-color: rgba(255, 255, 255, 0.06);
}

.skin-black .main-header .navbar .navbar-nav > li > a,
.skin-black .main-header .navbar > .sidebar-toggle,
.skin-black .main-header .navbar .navbar-custom-menu .navbar-nav > li > a,
.skin-black .main-header .navbar .navbar-right > li > a,
.skin-black .main-header .navbar-brand,
.skin-black .main-header .logo {
  border-color: rgba(255, 255, 255, 0.07);
}

.skin-black .main-sidebar,
.skin-black .left-side {
  background: linear-gradient(180deg, #0b1321 0%, #09101a 100%);
  border-right: 1px solid rgba(255, 255, 255, 0.06);
}

.skin-black .sidebar > a,
.skin-black .sidebar a,
.skin-black .user-panel > .info,
.skin-black .user-panel > .info > a {
  color: var(--f-text);
}

.skin-black .sidebar-menu > li.header {
  color: #9bb0ca;
  background: rgba(255, 255, 255, 0.03);
  letter-spacing: 0.06em;
}

.skin-black .sidebar-menu > li > a {
  border-left: 3px solid transparent;
  transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease;
}

.skin-black .sidebar-menu > li:hover > a,
.skin-black .sidebar-menu > li.active > a,
.skin-black .sidebar-menu > li.menu-open > a {
  color: #ffffff;
  background: linear-gradient(90deg, rgba(45, 212, 255, 0.18), rgba(45, 212, 255, 0.04));
  border-left-color: var(--f-accent);
}

.skin-black .sidebar-menu > li > .treeview-menu {
  background: rgba(4, 11, 20, 0.95);
}

.skin-black .sidebar-menu .treeview-menu > li > a {
  color: var(--f-muted);
}

.skin-black .sidebar-menu .treeview-menu > li.active > a,
.skin-black .sidebar-menu .treeview-menu > li > a:hover {
  color: var(--f-text);
}

.skin-black .sidebar-form {
  border-color: rgba(255, 255, 255, 0.12);
}

.skin-black .sidebar-form input[type="text"],
.skin-black .sidebar-form .btn {
  background: #0d1727;
  border-color: rgba(255, 255, 255, 0.12);
  color: var(--f-text);
}

.skin-black .sidebar-form input[type="text"]:focus,
.skin-black .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
  background: #0f1b2d;
  color: var(--f-text);
}

.skin-black .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
  border-left-color: rgba(255, 255, 255, 0.12);
}

.skin-black .content-header > h1,
.skin-black .content-header .breadcrumb,
.skin-black .content-header .breadcrumb a {
  color: var(--f-text);
}

.skin-black .text-muted {
  color: #a9bdd8;
}

.skin-black .breadcrumb > .active,
.skin-black .content-header > .breadcrumb > li.active {
  color: #c1d4ed;
}

.skin-black .breadcrumb,
.skin-black .content-header > .breadcrumb {
  background: rgba(10, 20, 35, 0.72);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 4px;
}

.skin-black .breadcrumb > li + li:before,
.skin-black .content-header > .breadcrumb > li + li:before {
  color: #6f86a5;
}

.skin-black .breadcrumb > li > a,
.skin-black .content-header > .breadcrumb > li > a {
  color: #9fe6ff;
}

.skin-black .breadcrumb > li > a:hover,
.skin-black .breadcrumb > li > a:focus,
.skin-black .content-header > .breadcrumb > li > a:hover,
.skin-black .content-header > .breadcrumb > li > a:focus {
  color: #c6ecff;
}

.skin-black .content-header > h1 > small,
.skin-black .content-header > h1 > .small {
  color: #a9bdd8;
}

.skin-black .nav-tabs-custom > .nav-tabs > li.header,
.skin-black .nav-tabs-custom > .nav-tabs > li.pull-left.header {
  color: #d7e3f5;
}

.skin-black .nav-tabs-custom > .nav-tabs > li.active {
  border-top-color: var(--f-accent);
}

.skin-black .nav-tabs-custom > .nav-tabs > li.active > a,
.skin-black .nav-tabs-custom > .nav-tabs > li.active:hover > a {
  background: linear-gradient(160deg, #132238 0%, #0f1b2d 100%);
  color: var(--f-text);
}

.skin-black .nav-tabs-custom > .nav-tabs > li.active > a {
  border-left-color: rgba(255, 255, 255, 0.1);
  border-right-color: rgba(255, 255, 255, 0.1);
}

.skin-black .box,
.skin-black .small-box,
.skin-black .info-box,
.skin-black .direct-chat,
.skin-black .nav-tabs-custom,
.skin-black .nav-tabs-custom > .tab-content,
.skin-black .tab-content,
.skin-black .modal-content,
.skin-black .dropdown-menu,
.skin-black .callout,
.skin-black .attachment-block {
  background: linear-gradient(160deg, #10192a 0%, #0d1522 100%);
  border: 1px solid var(--f-border);
  color: var(--f-text);
  box-shadow: var(--f-shadow);
}

.skin-black .box.box-default {
  border-top: 3px solid rgba(215, 227, 245, 0.25);
}

.skin-black .box.box-primary {
  border-top: 3px solid #2b7cab;
}

.skin-black .box.box-info {
  border-top: 3px solid #2690b7;
}

.skin-black .box.box-success {
  border-top: 3px solid #2a8e64;
}

.skin-black .box.box-warning {
  border-top: 3px solid #a57c1e;
}

.skin-black .box.box-danger {
  border-top: 3px solid #a94840;
}

.skin-black .box-header,
.skin-black .box-footer,
.skin-black .nav-tabs-custom > .nav-tabs,
.skin-black .table > thead > tr > th,
.skin-black .table > tbody > tr > td,
.skin-black .table > tfoot > tr > td,
.skin-black .mailbox-controls,
.skin-black .mailbox-read-info,
.skin-black .mailbox-read-message {
  border-color: rgba(255, 255, 255, 0.09);
}

.skin-black .box-footer {
  background: rgba(10, 20, 35, 0.9);
  color: #cfe0f7;
}

.skin-black .box-header,
.skin-black .box-header .box-title,
.skin-black .box-header > .fa,
.skin-black .box-header > .glyphicon,
.skin-black .box-header > .ion,
.skin-black .box-header .box-tools .btn,
.skin-black .box-header .box-tools a,
.skin-black .box-header .box-tools .btn i,
.skin-black .box-header .box-tools a i {
  color: #d7e3f5;
}

.skin-black .table,
.skin-black .table > tbody > tr > td,
.skin-black .table > tbody > tr > th,
.skin-black .table > tfoot > tr > td,
.skin-black .table > thead > tr > th {
  color: #cfe0f7;
}

.skin-black .table-striped > tbody > tr:nth-of-type(odd) {
  background: rgba(255, 255, 255, 0.03);
}

.skin-black .table-striped > tbody > tr:nth-of-type(even) {
  background: rgba(7, 17, 30, 0.35);
}

.skin-black .table-hover > tbody > tr:hover {
  background: rgba(45, 212, 255, 0.08);
}

.skin-black .table > thead > tr > td.active,
.skin-black .table > tbody > tr > td.active,
.skin-black .table > tfoot > tr > td.active,
.skin-black .table > thead > tr > th.active,
.skin-black .table > tbody > tr > th.active,
.skin-black .table > tfoot > tr > th.active,
.skin-black .table > thead > tr.active > td,
.skin-black .table > tbody > tr.active > td,
.skin-black .table > tfoot > tr.active > td,
.skin-black .table > thead > tr.active > th,
.skin-black .table > tbody > tr.active > th,
.skin-black .table > tfoot > tr.active > th {
  background-color: rgba(255, 255, 255, 0.06) !important;
  color: #e5efff !important;
}

.skin-black .table > thead > tr > td.success,
.skin-black .table > tbody > tr > td.success,
.skin-black .table > tfoot > tr > td.success,
.skin-black .table > thead > tr > th.success,
.skin-black .table > tbody > tr > th.success,
.skin-black .table > tfoot > tr > th.success,
.skin-black .table > thead > tr.success > td,
.skin-black .table > tbody > tr.success > td,
.skin-black .table > tfoot > tr.success > td,
.skin-black .table > thead > tr.success > th,
.skin-black .table > tbody > tr.success > th,
.skin-black .table > tfoot > tr.success > th {
  background-color: rgba(0, 166, 90, 0.18) !important;
  color: #e9fff4 !important;
}

.skin-black .table > thead > tr > td.info,
.skin-black .table > tbody > tr > td.info,
.skin-black .table > tfoot > tr > td.info,
.skin-black .table > thead > tr > th.info,
.skin-black .table > tbody > tr > th.info,
.skin-black .table > tfoot > tr > th.info,
.skin-black .table > thead > tr.info > td,
.skin-black .table > tbody > tr.info > td,
.skin-black .table > tfoot > tr.info > td,
.skin-black .table > thead > tr.info > th,
.skin-black .table > tbody > tr.info > th,
.skin-black .table > tfoot > tr.info > th {
  background-color: rgba(38, 144, 183, 0.2) !important;
  color: #ebf8ff !important;
}

.skin-black .table > thead > tr > td.warning,
.skin-black .table > tbody > tr > td.warning,
.skin-black .table > tfoot > tr > td.warning,
.skin-black .table > thead > tr > th.warning,
.skin-black .table > tbody > tr > th.warning,
.skin-black .table > tfoot > tr > th.warning,
.skin-black .table > thead > tr.warning > td,
.skin-black .table > tbody > tr.warning > td,
.skin-black .table > tfoot > tr.warning > td,
.skin-black .table > thead > tr.warning > th,
.skin-black .table > tbody > tr.warning > th,
.skin-black .table > tfoot > tr.warning > th {
  background-color: rgba(243, 156, 18, 0.2) !important;
  color: #fff5e6 !important;
}

.skin-black .table > thead > tr > td.danger,
.skin-black .table > tbody > tr > td.danger,
.skin-black .table > tfoot > tr > td.danger,
.skin-black .table > thead > tr > th.danger,
.skin-black .table > tbody > tr > th.danger,
.skin-black .table > tfoot > tr > th.danger,
.skin-black .table > thead > tr.danger > td,
.skin-black .table > tbody > tr.danger > td,
.skin-black .table > tfoot > tr.danger > td,
.skin-black .table > thead > tr.danger > th,
.skin-black .table > tbody > tr.danger > th,
.skin-black .table > tfoot > tr.danger > th {
  background-color: rgba(221, 75, 57, 0.2) !important;
  color: #ffeceb !important;
}

.skin-black .table > thead > tr > td.primary,
.skin-black .table > tbody > tr > td.primary,
.skin-black .table > tfoot > tr > td.primary,
.skin-black .table > thead > tr > th.primary,
.skin-black .table > tbody > tr > th.primary,
.skin-black .table > tfoot > tr > th.primary,
.skin-black .table > thead > tr.primary > td,
.skin-black .table > tbody > tr.primary > td,
.skin-black .table > tfoot > tr.primary > td,
.skin-black .table > thead > tr.primary > th,
.skin-black .table > tbody > tr.primary > th,
.skin-black .table > tfoot > tr.primary > th {
  background-color: rgba(43, 124, 171, 0.22) !important;
  color: #ebf6ff !important;
}

.skin-black .table-hover > tbody > tr > td.active:hover,
.skin-black .table-hover > tbody > tr > th.active:hover,
.skin-black .table-hover > tbody > tr.active:hover > td,
.skin-black .table-hover > tbody > tr:hover > .active,
.skin-black .table-hover > tbody > tr.active:hover > th {
  background-color: rgba(255, 255, 255, 0.1) !important;
}

.skin-black .table-hover > tbody > tr > td.success:hover,
.skin-black .table-hover > tbody > tr > th.success:hover,
.skin-black .table-hover > tbody > tr.success:hover > td,
.skin-black .table-hover > tbody > tr:hover > .success,
.skin-black .table-hover > tbody > tr.success:hover > th {
  background-color: rgba(0, 166, 90, 0.28) !important;
}

.skin-black .table-hover > tbody > tr > td.info:hover,
.skin-black .table-hover > tbody > tr > th.info:hover,
.skin-black .table-hover > tbody > tr.info:hover > td,
.skin-black .table-hover > tbody > tr:hover > .info,
.skin-black .table-hover > tbody > tr.info:hover > th {
  background-color: rgba(38, 144, 183, 0.3) !important;
}

.skin-black .table-hover > tbody > tr > td.warning:hover,
.skin-black .table-hover > tbody > tr > th.warning:hover,
.skin-black .table-hover > tbody > tr.warning:hover > td,
.skin-black .table-hover > tbody > tr:hover > .warning,
.skin-black .table-hover > tbody > tr.warning:hover > th {
  background-color: rgba(243, 156, 18, 0.3) !important;
}

.skin-black .table-hover > tbody > tr > td.danger:hover,
.skin-black .table-hover > tbody > tr > th.danger:hover,
.skin-black .table-hover > tbody > tr.danger:hover > td,
.skin-black .table-hover > tbody > tr:hover > .danger,
.skin-black .table-hover > tbody > tr.danger:hover > th {
  background-color: rgba(221, 75, 57, 0.3) !important;
}

.skin-black .table-hover > tbody > tr > td.primary:hover,
.skin-black .table-hover > tbody > tr > th.primary:hover,
.skin-black .table-hover > tbody > tr.primary:hover > td,
.skin-black .table-hover > tbody > tr:hover > .primary,
.skin-black .table-hover > tbody > tr.primary:hover > th {
  background-color: rgba(43, 124, 171, 0.32) !important;
}

.skin-black .box .nav-stacked > li {
  border-bottom-color: rgba(255, 255, 255, 0.09);
}

.skin-black .box .nav-stacked > li > a {
  color: #cfe0f7;
}

.skin-black .box .nav-stacked > li > a:hover,
.skin-black .box .nav-stacked > li > a:focus {
  background: rgba(45, 212, 255, 0.1);
  color: #f2fbff;
}

.skin-black .box .nav-pills > li.active > a,
.skin-black .box .nav-pills > li.active > a:hover,
.skin-black .box .nav-pills > li.active > a:focus {
  background: rgba(45, 212, 255, 0.18);
  color: #f2fbff;
}

.skin-black .progress {
  background: #0a1423;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.45);
}

.skin-black .info-box .progress,
.skin-black .small-box .progress,
.skin-black .dropdown-menu .progress {
  background: rgba(7, 17, 30, 0.82);
}

.skin-black .dropdown-menu > li > a {
  color: #d7e3f5;
}

.skin-black .dropdown-menu > li > a:hover,
.skin-black .dropdown-menu > li > a:focus {
  background: rgba(45, 212, 255, 0.16);
  color: #f2fbff;
}

.skin-black .dropdown-menu > .divider {
  background-color: rgba(255, 255, 255, 0.1);
}

.skin-black .dropdown-menu > .disabled > a,
.skin-black .dropdown-menu > .disabled > a:hover,
.skin-black .dropdown-menu > .disabled > a:focus {
  color: #6a7f9a;
}

.skin-black .navbar-nav > .notifications-menu > .dropdown-menu > li.header,
.skin-black .navbar-nav > .messages-menu > .dropdown-menu > li.header,
.skin-black .navbar-nav > .tasks-menu > .dropdown-menu > li.header {
  background: #0c1627;
  border-bottom-color: rgba(255, 255, 255, 0.08);
  color: #d7e3f5;
}

.skin-black .navbar-nav > .notifications-menu > .dropdown-menu > li.footer > a,
.skin-black .navbar-nav > .messages-menu > .dropdown-menu > li.footer > a,
.skin-black .navbar-nav > .tasks-menu > .dropdown-menu > li.footer > a {
  background: #0a1423;
  border-bottom-color: rgba(255, 255, 255, 0.08);
  color: #d7e3f5 !important;
}

.skin-black .navbar-nav > .notifications-menu > .dropdown-menu > li .menu > li > a,
.skin-black .navbar-nav > .messages-menu > .dropdown-menu > li .menu > li > a,
.skin-black .navbar-nav > .tasks-menu > .dropdown-menu > li .menu > li > a {
  border-bottom-color: rgba(255, 255, 255, 0.08);
}

.skin-black .navbar-nav > .notifications-menu > .dropdown-menu > li .menu > li > a {
  color: #d7e3f5;
}

.skin-black .navbar-nav > .notifications-menu > .dropdown-menu > li .menu > li > a:hover,
.skin-black .navbar-nav > .messages-menu > .dropdown-menu > li .menu > li > a:hover,
.skin-black .navbar-nav > .tasks-menu > .dropdown-menu > li .menu > li > a:hover {
  background: rgba(45, 212, 255, 0.12);
}

.skin-black .navbar-nav > .messages-menu > .dropdown-menu > li .menu > li > a > h4,
.skin-black .navbar-nav > .tasks-menu > .dropdown-menu > li .menu > li > a > h3 {
  color: #d7e3f5;
}

.skin-black .navbar-nav > .messages-menu > .dropdown-menu > li .menu > li > a > h4 > small,
.skin-black .navbar-nav > .messages-menu > .dropdown-menu > li .menu > li > a > p {
  color: #9fb4d2;
}

.skin-black .navbar-nav > .user-menu > .dropdown-menu > .user-footer {
  background: #0a1423;
  border-top: 1px solid rgba(255, 255, 255, 0.08);
}

.skin-black .navbar-nav > .user-menu > .dropdown-menu > .user-body {
  background: #0c1627 !important;
  border-color: rgba(255, 255, 255, 0.08);
}

.skin-black .navbar-nav > .user-menu > .dropdown-menu > .user-body a {
  color: #d7e3f5 !important;
}

.skin-black .navbar-nav > .user-menu > .dropdown-menu > .user-body a:hover,
.skin-black .navbar-nav > .user-menu > .dropdown-menu > .user-body a:focus {
  color: #f2fbff !important;
}

.skin-black .navbar-nav > .user-menu > .dropdown-menu > .user-footer .btn-default {
  background: #0f1b2d;
  color: #d7e3f5;
  border-color: rgba(255, 255, 255, 0.12);
}

.skin-black .navbar-nav > .user-menu > .dropdown-menu > .user-footer .btn-default:hover,
.skin-black .navbar-nav > .user-menu > .dropdown-menu > .user-footer .btn-default:focus {
  background: rgba(45, 212, 255, 0.16);
  color: #f2fbff;
  border-color: rgba(45, 212, 255, 0.4);
}

.skin-black .mailbox-attachments li {
  border-color: rgba(255, 255, 255, 0.12);
}

.skin-black .mailbox-attachment-info {
  background: #0c1627;
}

.skin-black a.mailbox-attachment-name,
.skin-black .mailbox-attachment-name {
  color: #d7e3f5;
}

.skin-black a.mailbox-attachment-name:hover,
.skin-black a.mailbox-attachment-name:focus {
  color: #f2fbff;
}

.skin-black .mailbox-attachment-size {
  color: #9fb4d2;
}

.skin-black .chat .item > .attachment {
  background: #0c1627;
  border: 1px solid rgba(255, 255, 255, 0.1);
  color: #cfe0f7;
}

.skin-black .chat .item > .attachment > h4 {
  color: #d7e3f5;
}

.skin-black .chat .item > .attachment > p,
.skin-black .chat .item > .attachment > .filename {
  color: #9fb4d2;
}

.skin-black .todo-list > li {
  background: #0c1627;
  border-left-color: rgba(255, 255, 255, 0.15);
  color: #cfe0f7;
}

.skin-black .todo-list > li .text {
  color: #d7e3f5;
}

.skin-black .todo-list > li.done {
  color: #6a7f9a;
}

.skin-black .todo-list > li.done .text {
  color: #6a7f9a;
}

.skin-black .todo-list > li.done .label {
  background: #1a2a40 !important;
}

.skin-black .products-list > .item {
  background: #0c1627;
  border: 1px solid rgba(255, 255, 255, 0.1);
  box-shadow: none;
  color: #d7e3f5;
}

.skin-black .product-list-in-box > .item {
  border-bottom-color: rgba(255, 255, 255, 0.1);
  border-left: 0;
  border-right: 0;
}

.skin-black .products-list .product-title {
  color: #d7e3f5;
}

.skin-black .products-list .product-description {
  color: #9fb4d2;
}

.skin-black .invoice {
  background: linear-gradient(160deg, #10192a 0%, #0d1522 100%);
  border-color: rgba(255, 255, 255, 0.1);
  color: #cfe0f7;
}

.skin-black .invoice .page-header {
  border-bottom-color: rgba(255, 255, 255, 0.12);
}

.skin-black .invoice .lead,
.skin-black .invoice .invoice-col,
.skin-black .invoice address,
.skin-black .invoice p,
.skin-black .invoice strong,
.skin-black .invoice b {
  color: #d7e3f5;
}

.skin-black .well,
.skin-black .invoice .well {
  background: rgba(7, 17, 30, 0.55);
  border-color: rgba(255, 255, 255, 0.12);
  color: #cfe0f7;
}

.skin-black .list-group.list-group-unbordered > .list-group-item,
.skin-black .list-group-unbordered > .list-group-item {
  background: rgba(10, 20, 35, 0.7);
  border-bottom-color: rgba(255, 255, 255, 0.1);
  color: #d7e3f5;
}

.skin-black .list-group > .list-group-item {
  background: rgba(10, 20, 35, 0.7);
  border-color: rgba(255, 255, 255, 0.1);
  color: #d7e3f5;
}

.skin-black .list-group-unbordered > .list-group-item > a,
.skin-black .list-group > .list-group-item > a {
  color: #8fd9ff;
}

.skin-black .list-group-unbordered > .list-group-item > a:hover,
.skin-black .list-group-unbordered > .list-group-item > a:focus,
.skin-black .list-group > .list-group-item > a:hover,
.skin-black .list-group > .list-group-item > a:focus {
  color: #c6ecff;
}

.skin-black .post {
  color: #cfe0f7;
  border-bottom-color: rgba(255, 255, 255, 0.12);
}

.skin-black .post .description {
  color: #9fb4d2;
}

.skin-black .post .username > a,
.skin-black .post .link-black,
.skin-black .post .link-black.text-sm {
  color: #d7e3f5;
}

.skin-black .post .username > a:hover,
.skin-black .post .username > a:focus,
.skin-black .post .link-black:hover,
.skin-black .post .link-black:focus {
  color: #f2fbff;
}

.skin-black .timeline > li > .timeline-item,
.skin-black .timeline-inverse > li > .timeline-item {
  background: linear-gradient(160deg, #10192a 0%, #0d1522 100%);
  color: #d7e3f5;
  border: 1px solid var(--f-border);
  box-shadow: var(--f-shadow);
}

.skin-black .timeline > li > .timeline-item > .timeline-header,
.skin-black .timeline-inverse > li > .timeline-item > .timeline-header {
  color: #d7e3f5;
  border-bottom: 1px solid rgba(255, 255, 255, 0.09);
}

.skin-black .timeline > li > .timeline-item > .timeline-body,
.skin-black .timeline > li > .timeline-item > .timeline-footer,
.skin-black .timeline-inverse > li > .timeline-item > .timeline-body,
.skin-black .timeline-inverse > li > .timeline-item > .timeline-footer {
  color: #cfe0f7;
}

.skin-black .timeline > li > .timeline-item > .timeline-header > a,
.skin-black .timeline > li > .timeline-item > .time,
.skin-black .timeline-inverse > li > .timeline-item > .timeline-header > a,
.skin-black .timeline-inverse > li > .timeline-item > .time {
  color: #9fb4d2;
}

.skin-black .timeline > .time-label > span {
  background: #0f1b2d;
  color: #d7e3f5;
}

.skin-black .form-control,
.skin-black textarea,
.skin-black .textarea,
.skin-black .input-group-addon,
.skin-black .select2-container--default .select2-selection--single,
.skin-black .select2-container--default .select2-selection--multiple {
  background: #0a1423;
  color: var(--f-text);
  border-color: var(--f-border);
}

.skin-black .form-control:focus,
.skin-black .select2-container--default.select2-container--focus .select2-selection--multiple,
.skin-black .select2-container--default .select2-selection--single:focus {
  border-color: var(--f-accent);
  box-shadow: 0 0 0 3px rgba(45, 212, 255, 0.15);
}

.skin-black .help-block {
  color: #9fb4d2;
}

.skin-black .form-group.has-success .help-block {
  color: #57d7a0;
}

.skin-black .form-group.has-warning .help-block {
  color: #f7c45f;
}

.skin-black .form-group.has-error .help-block {
  color: #ff8b80;
}

.skin-black .form-group.has-success label,
.skin-black .form-group.has-success .control-label {
  color: #57d7a0;
}

.skin-black .form-group.has-warning label,
.skin-black .form-group.has-warning .control-label {
  color: #f7c45f;
}

.skin-black .form-group.has-error label,
.skin-black .form-group.has-error .control-label {
  color: #ff8b80;
}

.skin-black .form-control::-webkit-input-placeholder,
.skin-black textarea::-webkit-input-placeholder {
  color: #8ea1bd;
}

.skin-black .form-control::placeholder,
.skin-black textarea::placeholder {
  color: #8ea1bd;
  opacity: 1;
}

.skin-black select.form-control,
.skin-black select.form-control option,
.skin-black .select2-container--default .select2-results > .select2-results__options,
.skin-black .select2-container--default .select2-results__option {
  background: #0a1423;
  color: var(--f-text);
}

/* Futuristic dark: Make select and select2 placeholder readable */
.skin-black select.form-control option[disabled],
.skin-black select.form-control option[value=""],
.skin-black select.form-control option.placeholder {
  color: var(--f-muted) !important;
}
.skin-black .select2-selection__placeholder {
  color: var(--f-muted) !important;
  opacity: 1 !important;
}

.skin-black .select2-container--default .select2-results__option--highlighted[aria-selected],
.skin-black .select2-container--default .select2-results__option[aria-selected=true]:hover,
.skin-black .select2-container--default .select2-results__option[aria-selected=true] {
  background: rgba(45, 212, 255, 0.16);
  color: #f2fbff;
}

.skin-black .select2-dropdown,
.skin-black .select2-search--dropdown .select2-search__field {
  background: #0a1423;
  color: var(--f-text);
  border-color: var(--f-border);
}

.skin-black .btn-default,
.skin-black .btn-app,
.skin-black .pagination > li > a,
.skin-black .pagination > li > span,
.skin-black .pager li > a,
.skin-black .pager li > span,
.skin-black .nav-tabs-custom > .nav-tabs > li > a {
  background: #0d1727;
  color: var(--f-text);
  border-color: var(--f-border);
}

.skin-black .btn-info,
.skin-black .label-info,
.skin-black .bg-aqua,
.skin-black .alert-info,
.skin-black .bg-aqua-gradient {
  background-color: #1a5f78 !important;
  border-color: #1f6e8c !important;
  color: #ecf8ff !important;
}

.skin-black .label-default {
  background-color: #1a2a40 !important;
  border: 1px solid rgba(255, 255, 255, 0.12);
  color: #d7e3f5 !important;
}

.skin-black .btn-primary,
.skin-black .label-primary,
.skin-black .bg-light-blue,
.skin-black .bg-blue,
.skin-black .alert-primary,
.skin-black .bg-light-blue-gradient {
  background-color: #1f5d84 !important;
  border-color: #2b7cab !important;
  color: #ecf8ff !important;
}

.skin-black .btn-primary:hover,
.skin-black .btn-primary:focus,
.skin-black .btn-primary:active,
.skin-black .btn-primary.active,
.skin-black .open > .dropdown-toggle.btn-primary,
.skin-black .bg-light-blue-active,
.skin-black .bg-blue-active {
  background-color: #2b7cab !important;
  border-color: #38a1de !important;
  color: #ffffff !important;
}

.skin-black .btn-info:hover,
.skin-black .btn-info:focus,
.skin-black .btn-info:active,
.skin-black .btn-info.active,
.skin-black .open > .dropdown-toggle.btn-info,
.skin-black .bg-aqua-active {
  background-color: #1f6e8c !important;
  border-color: #2690b7 !important;
  color: #ffffff !important;
}

.skin-black .btn-success,
.skin-black .label-success,
.skin-black .bg-green,
.skin-black .alert-success,
.skin-black .bg-green-gradient {
  background-color: #1d6b54 !important;
  border-color: #2a8e64 !important;
  color: #ecf8ff !important;
}

.skin-black .btn-success:hover,
.skin-black .btn-success:focus,
.skin-black .btn-success:active,
.skin-black .btn-success.active,
.skin-black .open > .dropdown-toggle.btn-success,
.skin-black .bg-green-active {
  background-color: #2a8e64 !important;
  border-color: #3aae7a !important;
  color: #ffffff !important;
}

.skin-black .btn-outline,
.skin-black .btn-outline-secondary {
  background: transparent;
  color: #cfe0f7;
  border-color: rgba(215, 227, 245, 0.35);
}

.skin-black .btn-outline:hover,
.skin-black .btn-outline:focus,
.skin-black .btn-outline:active,
.skin-black .btn-outline.active,
.skin-black .open > .dropdown-toggle.btn-outline,
.skin-black .btn-outline-secondary:hover,
.skin-black .btn-outline-secondary:focus,
.skin-black .btn-outline-secondary:active,
.skin-black .btn-outline-secondary.active,
.skin-black .open > .dropdown-toggle.btn-outline-secondary {
  background: rgba(215, 227, 245, 0.12);
  color: #f2fbff;
  border-color: rgba(215, 227, 245, 0.48);
}

.skin-black .btn-outline-primary {
  background: transparent;
  color: #8fd9ff;
  border-color: #2b7cab;
}

.skin-black .btn-outline-primary:hover,
.skin-black .btn-outline-primary:focus,
.skin-black .btn-outline-primary:active,
.skin-black .btn-outline-primary.active,
.skin-black .open > .dropdown-toggle.btn-outline-primary {
  background: rgba(43, 124, 171, 0.22);
  color: #ecf8ff;
  border-color: #38a1de;
}

.skin-black .btn-outline-info {
  background: transparent;
  color: #8fd9ff;
  border-color: #1f6e8c;
}

.skin-black .btn-outline-info:hover,
.skin-black .btn-outline-info:focus,
.skin-black .btn-outline-info:active,
.skin-black .btn-outline-info.active,
.skin-black .open > .dropdown-toggle.btn-outline-info {
  background: rgba(31, 110, 140, 0.24);
  color: #ecf8ff;
  border-color: #2690b7;
}

.skin-black .btn-outline-success {
  background: transparent;
  color: #9df0c6;
  border-color: #2a8e64;
}

.skin-black .btn-outline-success:hover,
.skin-black .btn-outline-success:focus,
.skin-black .btn-outline-success:active,
.skin-black .btn-outline-success.active,
.skin-black .open > .dropdown-toggle.btn-outline-success {
  background: rgba(42, 142, 100, 0.22);
  color: #ecfff5;
  border-color: #3aae7a;
}

.skin-black .btn-outline-warning {
  background: transparent;
  color: #ffd986;
  border-color: #a57c1e;
}

.skin-black .btn-outline-warning:hover,
.skin-black .btn-outline-warning:focus,
.skin-black .btn-outline-warning:active,
.skin-black .btn-outline-warning.active,
.skin-black .open > .dropdown-toggle.btn-outline-warning {
  background: rgba(165, 124, 30, 0.24);
  color: #fff9e9;
  border-color: #c49224;
}

.skin-black .btn-outline-danger {
  background: transparent;
  color: #ffb1ab;
  border-color: #a94840;
}

.skin-black .btn-outline-danger:hover,
.skin-black .btn-outline-danger:focus,
.skin-black .btn-outline-danger:active,
.skin-black .btn-outline-danger.active,
.skin-black .open > .dropdown-toggle.btn-outline-danger {
  background: rgba(169, 72, 64, 0.24);
  color: #fff1ef;
  border-color: #c95a50;
}

.skin-black .btn-outline-light {
  background: transparent;
  color: #d7e3f5;
  border-color: rgba(255, 255, 255, 0.3);
}

.skin-black .btn-outline-light:hover,
.skin-black .btn-outline-light:focus,
.skin-black .btn-outline-light:active,
.skin-black .btn-outline-light.active,
.skin-black .open > .dropdown-toggle.btn-outline-light {
  background: rgba(255, 255, 255, 0.12);
  color: #f2fbff;
  border-color: rgba(255, 255, 255, 0.45);
}

.skin-black .btn-outline-dark {
  background: transparent;
  color: #9fb4d2;
  border-color: #1f2f4a;
}

.skin-black .btn-outline-dark:hover,
.skin-black .btn-outline-dark:focus,
.skin-black .btn-outline-dark:active,
.skin-black .btn-outline-dark.active,
.skin-black .open > .dropdown-toggle.btn-outline-dark {
  background: rgba(31, 47, 74, 0.35);
  color: #d7e3f5;
  border-color: #2a3f62;
}

.skin-black .btn-outline.disabled,
.skin-black .btn-outline[disabled],
.skin-black fieldset[disabled] .btn-outline,
.skin-black .btn-outline-secondary.disabled,
.skin-black .btn-outline-secondary[disabled],
.skin-black fieldset[disabled] .btn-outline-secondary,
.skin-black .btn-outline-primary.disabled,
.skin-black .btn-outline-primary[disabled],
.skin-black fieldset[disabled] .btn-outline-primary,
.skin-black .btn-outline-info.disabled,
.skin-black .btn-outline-info[disabled],
.skin-black fieldset[disabled] .btn-outline-info,
.skin-black .btn-outline-success.disabled,
.skin-black .btn-outline-success[disabled],
.skin-black fieldset[disabled] .btn-outline-success,
.skin-black .btn-outline-warning.disabled,
.skin-black .btn-outline-warning[disabled],
.skin-black fieldset[disabled] .btn-outline-warning,
.skin-black .btn-outline-danger.disabled,
.skin-black .btn-outline-danger[disabled],
.skin-black fieldset[disabled] .btn-outline-danger,
.skin-black .btn-outline-light.disabled,
.skin-black .btn-outline-light[disabled],
.skin-black fieldset[disabled] .btn-outline-light,
.skin-black .btn-outline-dark.disabled,
.skin-black .btn-outline-dark[disabled],
.skin-black fieldset[disabled] .btn-outline-dark {
  opacity: 0.55;
}

.skin-black .small-box {
  border: 1px solid rgba(255, 255, 255, 0.12);
  overflow: hidden;
}

.skin-black .small-box .icon {
  color: rgba(215, 227, 245, 0.3);
  text-shadow: 0 10px 25px rgba(0, 0, 0, 0.35);
}

.skin-black .small-box:hover .icon {
  color: rgba(242, 251, 255, 0.44);
}

.skin-black .small-box.bg-aqua {
  background: linear-gradient(135deg, #164a66 0%, #1f6e8c 100%) !important;
  border-color: #2a86ab !important;
  color: #ecf8ff !important;
}

.skin-black .small-box.bg-green {
  background: linear-gradient(135deg, #165036 0%, #1f734f 100%) !important;
  border-color: #2a8e64 !important;
  color: #ecfff5 !important;
}

.skin-black .small-box.bg-yellow {
  background: linear-gradient(135deg, #6e5314 0%, #8b6a1a 100%) !important;
  border-color: #a57c1e !important;
  color: #fff9e9 !important;
}

.skin-black .small-box.bg-red {
  background: linear-gradient(135deg, #6a2a25 0%, #8a3630 100%) !important;
  border-color: #a94840 !important;
  color: #fff1ef !important;
}

.skin-black .small-box.bg-aqua h3,
.skin-black .small-box.bg-aqua p,
.skin-black .small-box.bg-green h3,
.skin-black .small-box.bg-green p,
.skin-black .small-box.bg-yellow h3,
.skin-black .small-box.bg-yellow p,
.skin-black .small-box.bg-red h3,
.skin-black .small-box.bg-red p {
  color: inherit;
}

.skin-black .small-box.bg-aqua > .small-box-footer,
.skin-black .small-box.bg-green > .small-box-footer,
.skin-black .small-box.bg-yellow > .small-box-footer,
.skin-black .small-box.bg-red > .small-box-footer {
  background: rgba(0, 0, 0, 0.2);
  color: rgba(242, 251, 255, 0.92);
}

.skin-black .small-box.bg-aqua > .small-box-footer:hover,
.skin-black .small-box.bg-green > .small-box-footer:hover,
.skin-black .small-box.bg-yellow > .small-box-footer:hover,
.skin-black .small-box.bg-red > .small-box-footer:hover {
  background: rgba(0, 0, 0, 0.3);
  color: #ffffff;
}

.skin-black .thumbnail {
  background: #0c1627;
  border-color: rgba(255, 255, 255, 0.12);
  color: #d7e3f5;
}

.skin-black a.thumbnail:hover,
.skin-black a.thumbnail:focus,
.skin-black a.thumbnail.active {
  border-color: rgba(45, 212, 255, 0.45);
}

.skin-black .thumbnail .caption {
  color: #cfe0f7;
}

.skin-black .btn-default:hover,
.skin-black .btn-default:focus,
.skin-black .btn-app:hover,
.skin-black .pagination > li > a:hover,
.skin-black .pagination > li > span:hover,
.skin-black .pager li > a:hover,
.skin-black .pager li > a:focus,
.skin-black .nav-tabs-custom > .nav-tabs > li.active > a,
.skin-black .nav-tabs-custom > .nav-tabs > li.active:hover > a,
.skin-black .nav-tabs-custom > .nav-tabs > li.active > a:focus,
.skin-black .nav-tabs > li.active > a,
.skin-black .nav-tabs > li.active > a:hover,
.skin-black .nav-tabs > li.active > a:focus {
  background: var(--f-accent-soft);
  color: #ffffff;
  border-color: rgba(45, 212, 255, 0.4);
}

.skin-black .pager .disabled > a,
.skin-black .pager .disabled > a:hover,
.skin-black .pager .disabled > a:focus,
.skin-black .pager .disabled > span {
  background: #0a1423;
  border-color: rgba(255, 255, 255, 0.1);
  color: #6a7f9a;
}

.skin-black .border {
  border: 1px solid rgba(255, 255, 255, 0.14) !important;
}

.skin-black .border-danger {
  border-color: #dd4b39 !important;
}

.skin-black .border-success {
  border-color: #00a65a !important;
}

.skin-black .border-info {
  border-color: #2690b7 !important;
}

.skin-black .border-primary {
  border-color: #2b7cab !important;
}

.skin-black .border-warning {
  border-color: #f39c12 !important;
}

.skin-black .main-footer {
  border-top: 1px solid rgba(255, 255, 255, 0.08);
  color: var(--f-muted);
}

.skin-black a {
  color: #7ddfff;
}

.skin-black a:hover,
.skin-black a:focus {
  color: #b6efff;
}

/* Callout contextual border overrides */
.skin-black .callout {
  border-left: 4px solid rgba(255, 255, 255, 0.2);
}

.skin-black .callout.callout-info {
  border-left: 4px solid #1f6e8c;
}

.skin-black .callout.callout-success {
  border-left: 4px solid #2a8e64;
}

.skin-black .callout.callout-warning {
  border-left: 4px solid #a57c1e;
}

.skin-black .callout.callout-danger {
  border-left: 4px solid #a94840;
}

/* Panel dark theme overrides */
.skin-black .panel {
  background: linear-gradient(160deg, #10192a 0%, #0d1522 100%);
  border: 1px solid rgba(255, 255, 255, 0.12);
  color: #d7e3f5;
  box-shadow: var(--f-shadow);
}

.skin-black .panel-heading {
  background: #0f1d2e;
  border-bottom: 1px solid rgba(255, 255, 255, 0.09);
  color: #d7e3f5;
}

.skin-black .panel-title {
  color: #d7e3f5;
}

.skin-black .panel-body {
  color: #cfe0f7;
  border-color: rgba(255, 255, 255, 0.09);
}

.skin-black .panel-footer {
  background: #0a1423;
  border-top: 1px solid rgba(255, 255, 255, 0.09);
  color: #9fb4d2;
}

.skin-black .panel-primary {
  border-color: rgba(31, 93, 132, 0.3);
}

.skin-black .panel-primary > .panel-heading {
  background-color: #1f5d84;
  border-color: #2b7cab;
  color: #ecf8ff;
}

.skin-black .panel-primary > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #2b7cab;
}

.skin-black .panel-success {
  border-color: rgba(29, 107, 84, 0.3);
}

.skin-black .panel-success > .panel-heading {
  background-color: #1d6b54;
  border-color: #2a8e64;
  color: #ecf8ff;
}

.skin-black .panel-success > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #2a8e64;
}

.skin-black .panel-info {
  border-color: rgba(26, 95, 120, 0.3);
}

.skin-black .panel-info > .panel-heading {
  background-color: #1a5f78;
  border-color: #1f6e8c;
  color: #ecf8ff;
}

.skin-black .panel-info > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #1f6e8c;
}

.skin-black .panel-warning {
  border-color: rgba(165, 124, 30, 0.3);
}

.skin-black .panel-warning > .panel-heading {
  background-color: #8b6a1a;
  border-color: #a57c1e;
  color: #fff9e9;
}

.skin-black .panel-warning > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #a57c1e;
}

.skin-black .panel-danger {
  border-color: rgba(169, 72, 64, 0.3);
}

.skin-black .panel-danger > .panel-heading {
  background-color: #8a3630;
  border-color: #a94840;
  color: #fff1ef;
}

.skin-black .panel-danger > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #a94840;
}

@media (max-width: 767px) {
  .skin-black .main-header .logo,
  .skin-black .main-header .logo:hover {
    background: linear-gradient(120deg, #0a1322 0%, #0f1c2e 45%, #12263d 100%);
    color: var(--f-text);
  }
}