:root {
  --theme-style-black: #111118;
  --theme-style-dark: #181824;
  --theme-style-gray: #8e94a9;
}
body {
  color: white;
}

.content-wrapper {
  background: #111118;
}
.form-control, .asColorPicker-input, .dataTables_wrapper select, .jsgrid .jsgrid-table .jsgrid-filter-row input[type=text], .jsgrid .jsgrid-table .jsgrid-filter-row select, .jsgrid .jsgrid-table .jsgrid-filter-row input[type=number], .select2-container--default .select2-selection--single, .select2-container--default .select2-selection--single .select2-search__field, .typeahead, .tt-query, .tt-hint {
  background-color: #111118;
  border: 1px solid rgba(58, 58, 67, 0.36);
  color: white;
}
.page-link, .jsgrid .jsgrid-pager .jsgrid-pager-nav-button a, .jsgrid .jsgrid-pager .jsgrid-pager-page a {
  color: #0d6efd;
  background-color: #111118;
}
.modal-content {
  background-color: #111118;
}
.footer {
  background: #111118;
}
.chat-app-wrapper .chat-container-wrapper .chat-bubble.incoming-chat .chat-message {
  background: #111118;
}
.datepicker.datepicker-dropdown .datepicker-days table.table-condensed thead tr th.prev, 
.datepicker.datepicker-inline .datepicker-days table.table-condensed thead tr th.prev {
  color: #434a54;
  background: #111118;
}
.datepicker.datepicker-dropdown .datepicker-days table.table-condensed thead tr th.next, 
.datepicker.datepicker-inline .datepicker-days table.table-condensed thead tr th.next {
  color: grey;
  background: #111118;
}
.datepicker.datepicker-dropdown .datepicker-days table.table-condensed tbody td.day:hover,
.datepicker.datepicker-inline .datepicker-days table.table-condensed tbody td.day:hover {
  background: #111118;
}
.dropify-wrapper {
  background: #111118;
}
.dropzone {
  background: #111118; 
}
.noUi-target .noUi-base {
  background: #111118;
}
.select2-container--default .select2-selection--single,
.select2-container--default .select2-dropdown,
.select2-container--default .select2-selection--multiple {
  border-color: rgba(58, 58, 67, 0.36);
  background: #111118;
}
.select2-container--default .select2-selection--single .select2-search__field,
.select2-container--default .select2-dropdown .select2-search__field,
.select2-container--default .select2-selection--multiple .select2-search__field {
  border-color: rgba(58, 58, 67, 0.36);
  background: #111118;
}
div.tagsinput {
  border-color: rgba(58, 58, 67, 0.36);
  background: #111118;
}
.twitter-typeahead {
  background-color: #111118;
}
.typeahead, .tt-query, .tt-hint {
  background-color: #111118;
}
.typeahead:focus {
  border-color: rgba(58, 58, 67, 0.36);
}
.tt-menu {
  background-color: #111118;
  border: 1px solid rgba(58, 58, 67, 0.36);
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
}
.wizard > .steps .disabled a {
  background: #111118;
  color: #434a54;
}
.wizard > .steps .disabled a:hover {
  background: var(--theme-style-black);
  color: #434a54;
}
.wizard > .steps .done a {
  background: #111118;
  color: #ffffff;
}
.wizard > .content {
  background: #111118;
}
.input-group-append .input-group-text,
.input-group-prepend .input-group-text {
  border-color: rgba(58, 58, 67, 0.36);
  color: #ffffff;
  background: #111118;
}
.form-control:focus, .asColorPicker-input:focus, .dataTables_wrapper select:focus, .jsgrid .jsgrid-table .jsgrid-filter-row input:focus[type=text],
.jsgrid .jsgrid-table .jsgrid-filter-row select:focus, .jsgrid .jsgrid-table .jsgrid-filter-row input:focus[type=number], .select2-container--default .select2-selection--single:focus, .select2-container--default .select2-selection--single .select2-search__field:focus, .typeahead:focus,
.tt-query:focus,
.tt-hint:focus {
  background: #111118;
  color: white;
}
.typeahead[readonly] {
  background: #111118;
}
.pagination .page-item .page-link, .jsgrid .jsgrid-pager .page-item .page-link, .jsgrid .jsgrid-pager .jsgrid-pager-nav-button .page-link, .jsgrid .jsgrid-pager .jsgrid-pager-page .page-link, .jsgrid .jsgrid-pager .jsgrid-pager-nav-button a,
.jsgrid .jsgrid-pager .jsgrid-pager-page a {
  border-color: rgba(58, 58, 67, 0.36);
  color: #8e94a9;
  background: #111118;
}
.nav-tabs .nav-link {
  background: #111118;
  color: #fff;
  border: 1px solid rgba(58, 58, 67, 0.36);
}
.auth.multi-step-login {
  background: #111118;
}
.navbar .navbar-menu-wrapper .search-field .input-group, .navbar .navbar-menu-wrapper .search-field .asColorPicker-wrap {
  background: #111118;
}
.table, .jsgrid .jsgrid-table {
  --bs-table-bg: transparent;
  --bs-table-accent-bg: transparent;
  --bs-table-striped-color: #212529;
  --bs-table-striped-bg: rgba(0, 0, 0, 0.05);
  --bs-table-active-color: #212529;
  --bs-table-active-bg: rgba(0, 0, 0, 0.1);
  --bs-table-hover-color: #212529;
  --bs-table-hover-bg: #111118;
  color: #fff;
  border-color: rgba(58, 58, 67, 0.36);
}
.card, .purchase-popup {
  background-color: #181824;
}
.card {
  color: white;
}
.navbar .navbar-menu-wrapper {
  color: #8e94a9;
  background-color: #181824;
}
.input-group-append, .input-group-prepend {
  color: #c9c8c8;
}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
  color: white !important;
}
.bg-dark-grey {
  background: #181824;
}
.image-grouped .text-avatar,
.image-grouped img {
  border: 4px solid #181824;
}
.chat-app-wrapper .chat-list-wrapper {
  background: #181824;
}
.chat-app-wrapper .chat-list-wrapper .chat-list-item-wrapper .list-item .profile-image .dot-indicator {
  border: 2px solid #181824;
}
.board-wrapper .portlet-card {
  background: #181824;
}
.board-wrapper .portlet-card .action-dropdown .dropdown-toggle {
  background: #181824;
}
.board-wrapper .add-portlet {
  background: #181824;
  color: #8e94a9;
}
.datepicker-dropdown:after {
  border-bottom: 6px solid #181824;
}
.fc-external-events .fc-event {
  background: #181824;
  color: #fff;
}
.jsgrid .jsgrid-grid-header {
  border: 1px solid rgba(58, 58, 67, 0.36);
  background: #181824;
}
.jsgrid .jsgrid-table .jsgrid-filter-row .jsgrid-cell {
  background: #181824;
}
.jsgrid .jsgrid-row .jsgrid-cell {
  background: #181824;
}
.gradient-bullet-list li:after {
  background: #181824;
}
.timeline .timeline-wrapper .timeline-panel:after {
  border-top: 14px solid transparent;
  border-left: 14px solid #181824;
  border-right: 0 solid #181824;
  border-bottom: 14px solid transparent;
}
.auth.multi-step-login .step-form fieldset {
  background: #181824;
}
.navbar {
  background: #181824;
}
.navbar .navbar-brand-wrapper {
  background: #181824;
}
.sidebar-dark.sidebar-icon-only .sidebar .nav .nav-item.hover-open .collapse, .sidebar-dark.sidebar-icon-only .sidebar .nav .nav-item.hover-open .collapsing {
  background: #181824;
}
.sidebar-icon-only .sidebar .nav .nav-item.documentation-link .nav-link .menu-title {
  background: #181824;
  color: #8e94a9;
}
.card-weather {
  background: #181824;
}
.card-weather .card-body {
  background: #181824;
}
.card-weather .weakly-weather {
  background: #181824;
}
.dropdown-menu {
  color: #fff;
  background-color: #181824;
}
.card {
  background-color: #181824;
}
.card-header-tabs .nav-link.active {
  background-color: #181824;
  border-bottom-color: #181824;
}
.navbar .navbar-menu-wrapper .navbar-nav .nav-item.dropdown .dropdown-menu.navbar-dropdown .dropdown-item {
  color: #9c9fa6;
  background: var(--theme-style-dark);
}
.navbar .navbar-menu-wrapper .search-field .input-group input:-ms-input-placeholder, .navbar .navbar-menu-wrapper .search-field .asColorPicker-wrap input:-ms-input-placeholder {
  color: #8e94a9;
}
.navbar .navbar-menu-wrapper .search-field .input-group input:-moz-placeholder, .navbar .navbar-menu-wrapper .search-field .asColorPicker-wrap input:-moz-placeholder {
  color: #8e94a9;
}
.navbar .navbar-menu-wrapper .search-field .input-group input::-moz-placeholder, .navbar .navbar-menu-wrapper .search-field .asColorPicker-wrap input::-moz-placeholder {
  color: #8e94a9;
}
.navbar .navbar-menu-wrapper .search-field .input-group input::-webkit-input-placeholder, .navbar .navbar-menu-wrapper .search-field .asColorPicker-wrap input::-webkit-input-placeholder {
  font-size: 0.875rem;
  color: #8e94a9;
}

.table thead th, .jsgrid .jsgrid-table thead th {
  -bs-table-bg: transparent;
  --bs-table-accent-bg: transparent;
  --bs-table-striped-color: #212529;
  --bs-table-striped-bg: rgba(0, 0, 0, 0.05);
  --bs-table-active-color: #212529;
  --bs-table-active-bg: rgba(0, 0, 0, 0.1);
  --bs-table-hover-color: #212529;
  --bs-table-hover-bg: #111118;
  color: white;
}
.card .card-title {
  color: white;
}
.table>:not(caption)>*>* {
  color: white;
}
.table-striped > tbody > tr:nth-of-type(odd) > * {
  background-color: var(--theme-style-black);
}