:root {
    --skin-top: #0b0e35;
    --skin-side: #20246f;
    --skin-accent: #d8a928;
    --skin-accent-dark: #a77710;
    --skin-text: #fff;
    --skin-tile-bg: #fff6d7;
    --skin-tile-bg-strong: #ffe9a8;
}
.navbar, a.navbar-brand span, .header-nav a.btn, .bnav, footer { background: var(--skin-top) !important; color: var(--skin-text) !important; }
.lt td.sidebar-con, #sidebar-left, .nav.main-menu > li > a { background: var(--skin-side) !important; color: var(--skin-text) !important; }
.header-nav a.btn:not(.account), .btn-visible-sm .navbar-toggle, .btn-visible-sm > a.btn { background: var(--skin-side) !important; border: 1px solid var(--skin-accent) !important; color: #fff !important; }
.header-nav a.btn:not(.account) i, .btn-visible-sm .btn .fa { color: inherit !important; }
.header-nav a.btn:not(.account):hover, .btn-visible-sm .navbar-toggle:hover, .btn-visible-sm > a.btn:hover { background: var(--skin-accent) !important; border-color: var(--skin-accent-dark) !important; color: var(--skin-top) !important; }
.nav.main-menu > li > ul > li > a, .nav.main-menu > li > ul > li > ul > li > a, .nav.main-menu > li > ul > li > ul > li > ul > li > a { background: var(--skin-top) !important; border-bottom-color: var(--skin-side) !important; color: #fff !important; }
a.navbar-brand span, .header-nav a.btn { border-color: var(--skin-accent) !important; }
.header-nav a.btn:hover, .navbar .nav li.dropdown.open > .dropdown-toggle, .nav.main-menu > li > a:hover, .nav.main-menu > li > ul > li > a:hover { background: var(--skin-accent) !important; color: var(--skin-top) !important; }
.nav.main-menu > li.active > a, .nav.main-menu > li.active > a > i, #sidebar-left.minified .sidebar-nav > ul > li.active > a .text { background: var(--skin-top) !important; border-color: var(--skin-accent) !important; color: #fff !important; }
.nav.main-menu > li > ul > li.active > a, .nav.main-menu > li > ul > li > ul > li.active > a, .nav.main-menu > li > ul > li > ul > li > ul > li.active > a { background: var(--skin-accent) !important; border-color: var(--skin-accent-dark) !important; color: var(--skin-top) !important; }
.nav.main-menu > li.active > a:before { background: var(--skin-accent) !important; }
.table > thead:first-child > tr:first-child > th, .table-striped thead tr.primary:nth-child(odd) th, .panel-primary > .panel-heading { background: var(--skin-side) !important; border-color: var(--skin-accent) !important; color: #fff !important; }
.btn-primary, .label-primary, .bg-primary, .bblue { background-color: var(--skin-side) !important; border-color: var(--skin-accent) !important; color: #fff !important; }
.btn-primary:hover, .btn-primary:focus { background-color: var(--skin-accent) !important; border-color: var(--skin-accent-dark) !important; color: var(--skin-top) !important; }
.blue, .text-primary, legend.scheduler-border { color: var(--skin-side) !important; }
.pos-btn.btn-darkblue, .pos-btn.btn-default, .pos-btn.btn-primary, .pos-btn.btn-brown { background-color: var(--skin-side) !important; border: 2px solid var(--skin-accent) !important; color: #fff !important; }
.pos-btn.btn-darkblue:hover, .pos-btn.btn-primary:hover { background-color: var(--skin-accent) !important; color: var(--skin-top) !important; }
.select2-container--default .select2-results__option--highlighted[aria-selected] { background-color: var(--skin-side) !important; color: #fff !important; }
.pos-btn { background-image: linear-gradient(145deg, var(--skin-side), var(--skin-top)) !important; }
.pos-product-meta span { background: rgba(216, 169, 40, 0.24) !important; color: #fff !important; }
.btn-prni { background: #f8fafc !important; border-color: rgba(216, 169, 40, 0.55) !important; color: var(--skin-top) !important; }
.btn-prni:hover, .btn-prni.active { background: var(--skin-accent) !important; border-color: var(--skin-accent-dark) !important; color: var(--skin-top) !important; }
.pos-btn, .pos-btn.btn-darkblue, .pos-btn.btn-default, .pos-btn.btn-primary, .pos-btn.btn-brown { background-image: none !important; background-color: var(--skin-top) !important; color: #fff !important; }
.pos-btn:hover, .pos-btn:focus, .pos-btn.btn-darkblue:hover, .pos-btn.btn-default:hover, .pos-btn.btn-primary:hover, .pos-btn.btn-brown:hover { background-image: none !important; background-color: var(--skin-side) !important; color: #fff !important; }
.pos-btn span, .pos-btn:hover span, .pos-btn:focus span { color: inherit !important; }
.btn-prni { background: var(--skin-side) !important; color: #fff !important; }
.btn-prni:hover, .btn-prni:focus, .btn-prni.active { background: var(--skin-accent) !important; color: var(--skin-top) !important; }
.header-nav a.btn.account { background: var(--skin-side) !important; border-color: var(--skin-accent) !important; color: #fff !important; }
.header-nav a.btn.account:hover, .navbar .nav li.dropdown.open > a.btn.account { background: var(--skin-top) !important; border-color: var(--skin-accent) !important; color: #fff !important; }
.header-nav a.btn.account .user, .header-nav a.btn.account span { color: inherit !important; }