@import '../navbar.css';

:root {
  --color-text: #d3d3d3 !important;
  --color-text-hover: #ffffff !important;
  --color-background: #000000 !important;
  --color-background-op25: none;
  --color-background-op50: none;
  --color-background-op75: none;
  --color-background-hover: #474747 !important;
  --color-scrollbar-thumb: #484848 !important;
  --color-scrollbar: #cccccc !important;
  --color-body-text: #e0e0e0 !important;
  --color-body-bground: #555 !important;
}

.table-striped>tbody>tr:nth-of-type(odd), .modal-content,
.select2-container--bootstrap .select2-selection,
.select2-dropdown, .iconpicker * {
  color: var(--color-text);
  background-color: #333 !important;
}
.select2-container--bootstrap .select2-search--dropdown .select2-search__field{
  background-color: var(--color-body-bground);
}
.select2-container--bootstrap .select2-selection--single .select2-selection__rendered{
  color: var(--color-text);
}
.list-group-item {
  color: var(--color-background);
}
.panel.panel-chart {
  background-color: #ddd;
}

span.select2-selection__rendered{
  color: #555 !important;
  background: #fff;
  border: 1px solid #ccc;
  border-radius: 4px;
  padding: 0 6px !important;
}
.table>thead>tr.active>th,
.table>tfoot>tr.active>th{
  background-color: initial;
}
.dataTables_processing.panel.panel-default{
  background-color: var(--color-background);
}
table.dataTable tbody tr.odd:hover, table.dataTable tbody tr.even:hover {
  background-color: #000000 !important;
}

.form-login .switch-label,
.form-login label {
  color: #333 !important;
}

.panel {
  background-color: var(--color-body-bground);
}
thead[class*=bg-] > tr, thead[class*=bg-] > th {
  color: initial;
}
.list-group >li.list-group-item {
  background-color: var(--color-text);
}

.form-group > select.selectpicker + span + label.control-label {
  left: 18px !important;
}
.form-group > .form-control.with-data~label.control-label,
.input-select .select2-container--focus~label.control-label,
.input-select .select2-container--open~label.control-label {
  left: initial !important;
}

.dt-buttons > .btn-columns .fas {
  color: #000000;
}