html, body {
  color: #525f7f;
  color: rgba(255,255,255,0.6);
  background-color: #1e1e2f;
}
a {
  color: rgba(255,255,255,0.7);
}
a:hover, a:focus {
  color: rgba(255,255,255,1);
}
.label-pro {
  background-color: rgba(0,0,0,0.3);
}
.floating-header-active {
  background-color: rgba(0,0,0,0.8);
}
.btn-default {
  color: rgba(255,255,255,0.6);
  background-color: #27293d;
  border-color: rgba(255,255,255,0.1);
}
.btn-default:hover {
  color: rgba(255,255,255,0.8);
  background: #1e1e2f;
  border-color: rgba(255,255,255,0.3);
}
.btn-default:focus, .btn-default.focus {
  background: #1e1e2f;
  border-color: rgba(255,255,255,0.3);
}
.btn-default.disabled, .btn-default:disabled, .btn-default.disabled:hover, .btn-default.disabled:focus, .btn-default[disabled].focus, .btn-default[disabled]:focus, .btn-default[disabled]:hover {
  background: #27293d;
  border-color: rgba(255,255,255,0.1);
}
.btn-default.active, .btn-default:active, .open>.dropdown-toggle.btn-default {
  color: rgba(255,255,255,0.8);
  background: #1e1e2f;
  border-color: rgba(255,255,255,0.3);
}
.alert {
  opacity: 0.8;
}
.alert .close:hover {
  color: inherit;
}
.pagination>li>a, .pagination>li>span {
  color: rgba(255,255,255,0.8);
  background-color: rgba(0,0,0,0.1);
  border-color: rgba(255,255,255,0.1);
}
.pagination>li>a:focus, .pagination>li>a:hover, .pagination>li>span:focus, .pagination>li>span:hover {
  color: rgba(255,255,255,1);
  background-color: rgba(0,0,0,0.3);
  border-color: rgba(255,255,255,0.3);
}
.dropdown-menu {
  background-color: #27293d;
}
.bootstrap-datetimepicker-widget.bottom:after {
  border-bottom-color: #27293d;
}
.dropdown-menu>li>a {
  color: rgba(255,255,255,0.8);
}
.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover {
  color: rgba(255,255,255,0.8);
  background-color: rgba(0,0,0,0.1);
}
.dropdown-menu .divider {
  background-color: rgba(255,255,255,0.3);
}
.btn-default.active.focus, .btn-default.active:focus, .btn-default.active:hover, .btn-default:active.focus, .btn-default:active:focus, .btn-default:active:hover, .open>.dropdown-toggle.btn-default.focus, .open>.dropdown-toggle.btn-default:focus, .open>.dropdown-toggle.btn-default:hover {
  color: #fff;
  background-color: rgba(0,0,0,0.2);
  border-color: #86b7fe;
}
.list-group-item {
  background-color: transparent;
  border-color: rgba(255,255,255,0.1);
}
a.list-group-item {
  color: rgba(255,255,255,0.8);
}
a.list-group-item:focus, a.list-group-item:hover, button.list-group-item:focus, button.list-group-item:hover {
  color: rgba(255,255,255,0.8);
  background-color: #0275d8;
}
.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
  border-color: #3d3f51;
}
.table .border-left {
  border-left: 1px solid #3d3f51;
}
.table .border-top {
  border-top: 1px solid #3d3f51;
}
.table .border-right {
  border-right: 1px solid #3d3f51;
}
.table .border-bottom {
  border-bottom: 1px solid #3d3f51;
}
.table tr.secondary {
  background-color: rgba(0,0,0,0.3);
}
.table-bordered {
  border-color: #3d3f51;
}
.table-striped>tbody>tr:nth-of-type(odd) {
  background-color: rgba(0,0,0,0.1);
}
.table-hover>tbody>tr:hover {
  background-color: rgba(0,0,0,0.2);
}
.table .table {
  background-color: transparent;
}
.form-group + .form-group {
  border-color: rgba(255,255,255,0.1);
}
.form-control, select {
  color: rgba(255,255,255,0.8);
  background-color: rgba(0,0,0,0.1);
  border-color: #2b3553;
}
.form-control option, .form-control optgroup, option, optgroup {
  color: #333;
}
.form-control:focus, .form-control.focus {
  border-color: #0275d8;
}
.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
  color: rgba(255, 255, 255, 0.3);
  background-color: rgba(0,0,0,0.03);
}
.input-group-addon {
  color: rgba(255,255,255,0.8);
  background-color: rgba(0,0,0,0.3);
  border-color: #2b3553;
}
.bootstrap-datetimepicker-widget thead tr:first-child th:hover, .bootstrap-datetimepicker-widget td span:hover, .bootstrap-datetimepicker-widget td.day:hover, .bootstrap-datetimepicker-widget td.hour:hover, .bootstrap-datetimepicker-widget td.minute:hover, .bootstrap-datetimepicker-widget td.second:hover, .bootstrap-datetimepicker-widget .btn:hover {
  color: rgba(255,255,255,0.8);
  background: #1e1e2f;
}
.table>tbody>tr.success>td, .table>tbody>tr.success>th, .table>tbody>tr>td.success, .table>tbody>tr>th.success, .table>tfoot>tr.success>td, .table>tfoot>tr.success>th, .table>tfoot>tr>td.success, .table>tfoot>tr>th.success, .table>thead>tr.success>td, .table>thead>tr.success>th, .table>thead>tr>td.success, .table>thead>tr>th.success {
  background-color: rgba(0,0,0,0.3);
}
.table-hover>tbody>tr.success:hover>td, .table-hover>tbody>tr.success:hover>th, .table-hover>tbody>tr:hover>.success, .table-hover>tbody>tr>td.success:hover, .table-hover>tbody>tr>th.success:hover {
  background-color: rgba(0,0,0,0.5);
}
.nav>li>a:focus, .nav>li>a:hover {
  background-color: rgba(0,0,0,0.3);
}
.panel {
  background-color: #27293d !important;
}
.panel-heading h2 {
  font-weight: 700;
}
.panel-default > .panel-heading {
  color: rgba(255,255,255,0.8);
}
.panel .panel-info{
  background-color: rgba(0,0,0,0.3) !important;
  border-color: rgba(0,0,0,0.3);
}
.panel .panel-info > .panel-heading {
  background-color: rgba(0,0,0,0.3);
  border-color: #31708f;
}
.form-panel .panel-heading {
  border-color: rgba(255,255,255,0.2);
}
.form-panel-tabs, .form-panel-tabs::after {
  background-color: rgba(0,0,0,0.4);
}
.form-panel-tabs li a {
  color: rgba(255,255,255,0.6);
}
.form-panel-tabs li:hover a {
  background-color: rgba(255,255,255,0.1);
}
.form-panel-tabs li.active::after {
  background-color: #e32031;
}
.form-panel-tabs li.active a {
  color: rgba(255,255,255,0.8);
  background-color: #27293d;
}
.nav-tabs {
  border-color: #3d3f51;
}
.nav-tabs > li {
  background-color: #232637;
  border-color: #3d3f51;
}
.nav-tabs > li.active {
  background-color: #27293d;
}
.nav-tabs > li > a {
  color: rgba(255,255,255,0.6);
}
.nav-tabs > li > a:focus, .nav-tabs > li > a:hover {
  color: rgba(255,255,255,1);
  background-color: rgba(0,0,0,0.2);
  border-color: rgba(0,0,0,0.2);
}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
  color: rgba(255,255,255,0.8);
  background-color: #27293d;
}
.nav-tabs > li > .close {
  background-color: rgba(0,0,0,0.3);
  border-color: rgba(0,0,0,0.3);
}
.nav-tabs > li > .close:hover {
  color: rgba(255,255,255,1);
}
.nav-tabs-wrapper {
  border-color: #3d3f51;
}
.panel-tabs {
  background-color: #232637;
}
.panel-tabs > li {
  background-color: #151621;
  border-color: #0a0a0a;
}
.panel-tabs > li > a:focus, .panel-tabs > li > a:hover {
  background-color: transparent;
}
.panel-tabs > li.active > a, .panel-tabs > li.active > a:focus, .panel-tabs > li.active > a:hover {
  background-color: transparent;
}
.well {
  color: rgba(255,255,255,0.8);
  background-color: rgba(0,0,0,0.1);
  border-color: #2b3553;
}
.tile {
  background-color: #27293d !important;
}
.close {
  color: rgba(255,255,255,0.8);
  text-shadow: none;
  opacity: 1;
}
.close:hover {
  color: rgba(255,255,255,0.1);
}
hr {
  border-color: rgba(255,255,255,0.1);
}
.modal-content {
  background-color: #27293d;
}
.modal-header, .modal-footer {
  border-color: rgba(255,255,255,0.1);
}
.thumbnail {
  background-color: rgba(0,0,0,0.1);
  border-color: #2b3553;
}
#header {
  background-color: #27293d;
}
#header .navbar-header {
  border-right-color: transparent;
}
#header .navbar-brand {
  opacity: 0.8;
}
#header .nav > li > a {
  color: rgba(255,255,255,0.8);
}
#header .nav > li > a:hover, #header .nav > li > a:focus {
  background-color: rgba(0,0,0,0.1);
}
#header .nav > li > a:hover, #header .nav .open > a, #header .nav .open > a:hover, #header .nav .open > a:focus {
  color: #fff;
  background-color: rgba(0,0,0,0.1);
}
#admin-menu .notification .dropdown-toggle .count {
  color: #fff;
  background-color: #e32031;
}
#menu .nav .sub-menu {
  background-color: #27293d;
}
.sub-menu > li > .dropdown-menu {
  background-color: #2e3043;
}
.sub-menu > li > .dropdown-menu > li:hover > a {
  background-color: #1e1e2f;
}
#content, #footer, #header-spacer {
  background-color: #1e1e2f;
}
legend {
  color: rgba(255,255,255,0.8);
  border-color: rgba(255,255,255,0.1);
}
.form-setting fieldset {
  background-color: rgba(0,0,0,0.1);
  border-color: rgba(0,0,0,0.1);
}
.column-id a.view, .column-text a.view {
  color: rgba(255,255,255,0.8);
}
.column-id a.view:hover, .column-text a.view:hover {
  color: rgba(255,255,255,1);
}
.column-mulit-info .info {
  color: rgba(255,255,255,0.4);
}
.multiple-selector > div:hover {
  background-color: rgba(0,0,0,0.3);
}
.empty-result i, .loading-box i {
  color: rgba(255,255,255,0.3);
}
.extension-types .item {
  color: rgba(255,255,255,0.6);
  background-color: rgba(0,0,0,0.2);
  border-color: rgba(0,0,0,0.1);
}
.extension-types .item:hover {
  color: rgba(255,255,255,0.8);
  background-color: rgba(0,0,0,0.3);
  border-color: rgba(0,0,0,0.2);
}
.item-card-list .item {
  color: rgba(255,255,255,0.6);
  background-color: rgba(0,0,0,0.2);
  border-color: rgba(0,0,0,0.1);
}
.item-card-list .item:hover {
  color: rgba(255,255,255,0.8);
  background-color: rgba(0,0,0,0.3);
  border-color: rgba(0,0,0,0.2);
}
.inventory-form {
  background-color: rgba(0,0,0,0.1);
  border-color: rgba(0,0,0,0.1);
}
.variations-form .control-label {
  color: rgba(255,255,255,0.8);
}
.variations-form .radio .name, .variations-form .checkbox .name {
  background-color: rgba(0,0,0,0.1);
  border-color: rgba(255,255,255,0.3);
}
.variations-form .radio label:hover .name, .variations-form .checkbox label:hover .name, .variations-form .radio input:checked + .name, .variations-form .checkbox input:checked + .name {
  color: rgba(255,255,255,1);
  border-color: #0275d8;
}
.variations-form .radio input:checked + .name:before, .variations-form .checkbox input:checked + .name:before {
  border-bottom-color: #0275d8;
}
.dd-handle {
  color: rgba(255,255,255,0.8);
  background-color: rgba(0,0,0,0.1);
  border-color: rgba(255,255,255,0.3);
}
.dd-handle:hover {
  color: rgba(255,255,255,1);
  background-color: rgba(0,0,0,0.3);
}
.dd-item .item-settings {
  background-color: rgba(0,0,0,0.1);
  border-color: rgba(255,255,255,0.3);
}
.dd-item.active > .dd-handle {
  background-color: rgba(0,0,0,0.3);
  border-color: rgba(255,255,255,0.3);
}
.dd-item.active > .item-settings {
  border-color: rgba(255,255,255,0.3);
}
.user-picker .user .name, .user-picker .user.active:hover .name {
  color: rgba(255,255,255,0.8);
}
.user-picker .user.active .name {
  color: rgba(0,0,0,0.6);
}
#product-picker-filter {
  background-color: rgba(0,0,0,0.3);
}
@media screen and (max-width: 767px) {
  .table-responsive {
    border-color: rgba(255,255,255,0.3);
  }
}
.btn-open-next {
  background-color: rgba(0,0,0,0.3);
}
.column-numeric .count {
  color: rgba(0,0,0,0.8);
  background-color: rgba(255,255,255,0.5);
}
.table-list-heading {
  background-color: #1e1e2f;
  border-color: #3d3f51;
}
.table-list-detail {
  border-color: #3d3f51;
}
.card {
  background-color: #27293d !important;
}
.extension-table .not-installed {
  color: rgba(255,255,255,0.3);
  background-color: rgba(0,0,0,0.2);
}
.img-thumbnail {
  background-color: rgba(0,0,0,0.1);
  border-color: #2b3553;
}
.popover {
  background-color: #27293d;
  border-color: #2b3553;
}
.popover.right > .arrow:after {
  border-right-color: #2b3553;
}
.popover-title {
  background-color: rgba(0,0,0,0.2);
  border-color: #2b3553;
}
.panel .panel-default {
  border-color: rgba(255,255,255,0.5);
}
.popup-box {
  background-color: rgba(0,0,0,0.8);
}
.refresh-progress {
  background-color: rgba(255,255,255,0.4);
}
.refresh-progress .bar {
  background-color: rgba(255,255,255,0.8);
}
.skeleton__row, .skeleton__title, .skeleton__avatar {
  background-color: rgba(255,255,255,0.1);
}
.alert .form-control, .alert select {
  color: #2b3553;
}
.label-secondary {
  background-color: rgba(0,0,0,0.3);
}
.main-filter {
  background-color: #1e1e2f;
}
.alert a {
  color: rgba(0,0,0,0.8);
}
.load-form {
  background-color: rgba(0,0,0,0.1);
  border-color: rgba(0,0,0,0.1);
}

.filter-tag {
  color: rgba(255,255,255,0.6);
  background-color: rgba(0,0,0,0.3);
}

.image-form fieldset:nth-child(2n) {
  background-color: rgba(0,0,0,0.1);
}
.image-form .options .form-group {
  border-color: rgba(255,255,255,0.1);
}
#filemanager .folder {
  color: rgba(255,255,255,0.6);
  background-color: rgba(0,0,0,0.2);
  border-color: rgba(0,0,0,0.1);
}
#filemanager .folder:hover {
  color: rgba(255,255,255,0.8);
  background-color: rgba(0,0,0,0.3);
  border-color: rgba(0,0,0,0.2);
}
#filemanager .name:hover {
  color: #fff;
}
.table thead > tr > td a {
  color: #fff;
}
.table-panel .table thead tr:first-child > td {
  color: #fff;
  background-color: #1e1e2f;
  border-left-color: rgba(0,0,0,.7);
  border-top-color: rgba(0,0,0,.7);
}
.table-panel .table thead td a {
  color: #fff;
}

.modal-header.fixed {
  background: #27293d;
}
.modal-footer.fixed {
  background: #27293d;
}

.jconfirm.jconfirm-modern .jconfirm-box {
  background-color: #222;
}