/* * Тёмное оформление. * * Отдельным файлом поверх основного: правила скоупятся атрибутом на , * поэтому светлая тема остаётся ровно такой, какой была, и ничего не ломается у * тех, кто тёмную не включал. * * Акцентный синий сохранён от светлой темы — по нему узнаётся продукт, и * менять его вместе с подложкой значило бы делать другой интерфейс, а не то же * самое в темноте. Меняются подложки, текст и границы. * * Семантические цвета (успех, предупреждение, ошибка) не перекрашиваются: они * несут смысл, и человек читает их одинаково в обеих темах. Им правится только * фон подложек, чтобы текст на них оставался читаемым. */ html[data-theme="dark"] { --d-bg: #161b22; --d-surface: #1c232c; --d-surface-2: #232b35; --d-ink: #e6edf3; --d-ink-2: #b6c2ce; --d-muted: #8b98a5; --d-line: #2c3540; --d-line-strong: #3a4652; --d-accent: #4da3ff; /* Чипы фильтров берут цвета отсюда — правила у них общие. */ --f-chip-bg: #232b35; --f-chip-border: #3a4652; --f-chip-ink: #e6edf3; --f-chip-muted: #8b98a5; --f-bar-ink: #b6c2ce; color-scheme: dark; } html[data-theme="dark"] body, html[data-theme="dark"] .container-scroller, html[data-theme="dark"] .page-body-wrapper, html[data-theme="dark"] .main-panel, html[data-theme="dark"] .content-wrapper { background: var(--d-bg); color: var(--d-ink); } /* ===================================================================== * Правила ниже собраны из основного стиля темы автоматически. * * Руками их не написать: в style.css 5820 правил, из них тысяча с лишним * задаёт фон и столько же — цвет текста, плюс стили, встроенные прямо в * виды. Латать по одному не сходится: каждый прогон вскрывал новые * светлые подложки. * * Преобразование: цвет переводится в HLS, светлота инвертируется с * зажимом в комфортный диапазон, тон и насыщенность сохраняются — поэтому * смысловые цвета остаются узнаваемыми, а нейтральные серые уходят в * общий синеватый тон палитры. * * Цвет текста и фон обрабатываются парой: если фон в правиле остался * светлым, текст тоже остаётся тёмным. Порознь получалось светлое на * светлом — так выглядела активная вкладка статуса. * * Пересобирается скриптом src/generate-dark-theme.py, руками не правится: * точечные исправления дописываются в конце файла. * ===================================================================== */ html[data-theme="dark"] body{color: #eceef1;background-color: #16191d;} html[data-theme="dark"] a:hover{color: #a8c6e6;} html[data-theme="dark"] caption{color: #c5ccd3;} html[data-theme="dark"] mark, html[data-theme="dark"] .mark{background-color: #3c371d;} html[data-theme="dark"] .blockquote-footer{color: #c5ccd3;} html[data-theme="dark"] .img-thumbnail{background-color: #16191d;} html[data-theme="dark"] .figure-caption{color: #c5ccd3;} html[data-theme="dark"] pre{color: #e0e3e6;} html[data-theme="dark"] .table, html[data-theme="dark"] .jsgrid .jsgrid-table{color: #e0e3e6;} html[data-theme="dark"] .table-striped tbody tr:nth-of-type(odd){background-color: #1e2328;} html[data-theme="dark"] .table-hover tbody tr:hover{color: #e0e3e6;background-color: #1c1c2a;} html[data-theme="dark"] .table-primary, html[data-theme="dark"] .table-primary > th, html[data-theme="dark"] .table-primary > td{background-color: #223447;} html[data-theme="dark"] .table-primary th, html[data-theme="dark"] .table-primary td, html[data-theme="dark"] .table-primary thead th, html[data-theme="dark"] .table-primary tbody + tbody{border-color: #2b3d50;} html[data-theme="dark"] .table-hover .table-primary:hover{background-color: #273a50;} html[data-theme="dark"] .table-hover .table-primary:hover > td, html[data-theme="dark"] .table-hover .table-primary:hover > th{background-color: #273a50;} html[data-theme="dark"] .table-secondary, html[data-theme="dark"] .table-secondary > th, html[data-theme="dark"] .table-secondary > td{background-color: #22282d;} html[data-theme="dark"] .table-secondary th, html[data-theme="dark"] .table-secondary td, html[data-theme="dark"] .table-secondary thead th, html[data-theme="dark"] .table-secondary tbody + tbody{border-color: #343d45;} html[data-theme="dark"] .table-hover .table-secondary:hover{background-color: #282e35;} html[data-theme="dark"] .table-hover .table-secondary:hover > td, html[data-theme="dark"] .table-hover .table-secondary:hover > th{background-color: #282e35;} html[data-theme="dark"] .table-success, html[data-theme="dark"] .table-success > th, html[data-theme="dark"] .table-success > td{background-color: #3c4f26;} html[data-theme="dark"] .table-success th, html[data-theme="dark"] .table-success td, html[data-theme="dark"] .table-success thead th, html[data-theme="dark"] .table-success tbody + tbody{border-color: #41532d;} html[data-theme="dark"] .table-hover .table-success:hover{background-color: #3f5328;} html[data-theme="dark"] .table-hover .table-success:hover > td, html[data-theme="dark"] .table-hover .table-success:hover > th{background-color: #3f5328;} html[data-theme="dark"] .table-info, html[data-theme="dark"] .table-info > th, html[data-theme="dark"] .table-info > td{background-color: #1f2e40;} html[data-theme="dark"] .table-info th, html[data-theme="dark"] .table-info td, html[data-theme="dark"] .table-info thead th, html[data-theme="dark"] .table-info tbody + tbody{border-color: #2a3b4e;} html[data-theme="dark"] .table-hover .table-info:hover{background-color: #233549;} html[data-theme="dark"] .table-hover .table-info:hover > td, html[data-theme="dark"] .table-hover .table-info:hover > th{background-color: #233549;} html[data-theme="dark"] .table-warning, html[data-theme="dark"] .table-warning > th, html[data-theme="dark"] .table-warning > td{background-color: #483a23;} html[data-theme="dark"] .table-warning th, html[data-theme="dark"] .table-warning td, html[data-theme="dark"] .table-warning thead th, html[data-theme="dark"] .table-warning tbody + tbody{border-color: #51432b;} html[data-theme="dark"] .table-hover .table-warning:hover{background-color: #524227;} html[data-theme="dark"] .table-hover .table-warning:hover > td, html[data-theme="dark"] .table-hover .table-warning:hover > th{background-color: #524227;} html[data-theme="dark"] .table-danger, html[data-theme="dark"] .table-danger > th, html[data-theme="dark"] .table-danger > td{background-color: #442020;} html[data-theme="dark"] .table-danger th, html[data-theme="dark"] .table-danger td, html[data-theme="dark"] .table-danger thead th, html[data-theme="dark"] .table-danger tbody + tbody{border-color: #4f2b2b;} html[data-theme="dark"] .table-hover .table-danger:hover{background-color: #4d2525;} html[data-theme="dark"] .table-hover .table-danger:hover > td, html[data-theme="dark"] .table-hover .table-danger:hover > th{background-color: #4d2525;} html[data-theme="dark"] .table-light, html[data-theme="dark"] .table-light > th, html[data-theme="dark"] .table-light > td{background-color: #181831;} html[data-theme="dark"] .table-light th, html[data-theme="dark"] .table-light td, html[data-theme="dark"] .table-light thead th, html[data-theme="dark"] .table-light tbody + tbody{border-color: #304141;} html[data-theme="dark"] .table-hover .table-light:hover{background-color: #1c1c3b;} html[data-theme="dark"] .table-hover .table-light:hover > td, html[data-theme="dark"] .table-hover .table-light:hover > th{background-color: #1c1c3b;} html[data-theme="dark"] .table-dark, html[data-theme="dark"] .table-dark > th, html[data-theme="dark"] .table-dark > td{background-color: #313941;} html[data-theme="dark"] .table-dark th, html[data-theme="dark"] .table-dark td, html[data-theme="dark"] .table-dark thead th, html[data-theme="dark"] .table-dark tbody + tbody{border-color: #39434c;} html[data-theme="dark"] .table-hover .table-dark:hover{background-color: #374049;} html[data-theme="dark"] .table-hover .table-dark:hover > td, html[data-theme="dark"] .table-hover .table-dark:hover > th{background-color: #374049;} html[data-theme="dark"] .table .thead-light th, html[data-theme="dark"] .jsgrid .jsgrid-table .thead-light th{color: #d1d6dc;background-color: #1e242a;border-color: #343846;} html[data-theme="dark"] .table-dark.table-striped tbody tr:nth-of-type(odd){background-color: #16191d;} html[data-theme="dark"] .table-dark.table-hover tbody tr:hover{background-color: #16191d;} html[data-theme="dark"] .form-control, html[data-theme="dark"] .asColorPicker-input, html[data-theme="dark"] .dataTables_wrapper select, html[data-theme="dark"] .jsgrid .jsgrid-table .jsgrid-filter-row input[type=text], html[data-theme="dark"] .jsgrid .jsgrid-table .jsgrid-filter-row select, html[data-theme="dark"] .jsgrid .jsgrid-table .jsgrid-filter-row input[type=number], html[data-theme="dark"] .select2-container--default .select2-selection--single, html[data-theme="dark"] .select2-container--default .select2-selection--single .select2-search__field, html[data-theme="dark"] .typeahead, html[data-theme="dark"] .tt-query, html[data-theme="dark"] .tt-hint{color: #d1d6dc;background-color: #16191d;} html[data-theme="dark"] .form-control:focus, html[data-theme="dark"] .asColorPicker-input:focus, html[data-theme="dark"] .dataTables_wrapper select:focus, html[data-theme="dark"] .jsgrid .jsgrid-table .jsgrid-filter-row input:focus[type=text], html[data-theme="dark"] .jsgrid .jsgrid-table .jsgrid-filter-row select:focus, html[data-theme="dark"] .jsgrid .jsgrid-table .jsgrid-filter-row input:focus[type=number], html[data-theme="dark"] .select2-container--default .select2-selection--single:focus, html[data-theme="dark"] .select2-container--default .select2-selection--single .select2-search__field:focus, html[data-theme="dark"] .typeahead:focus, html[data-theme="dark"] .tt-query:focus, html[data-theme="dark"] .tt-hint:focus{color: #d1d6dc;background-color: #16191d;border-color: #2c3e51;} html[data-theme="dark"] .form-control:disabled, html[data-theme="dark"] .asColorPicker-input:disabled, html[data-theme="dark"] .dataTables_wrapper select:disabled, html[data-theme="dark"] .jsgrid .jsgrid-table .jsgrid-filter-row input:disabled[type=text], html[data-theme="dark"] .jsgrid .jsgrid-table .jsgrid-filter-row select:disabled, html[data-theme="dark"] .jsgrid .jsgrid-table .jsgrid-filter-row input:disabled[type=number], html[data-theme="dark"] .select2-container--default .select2-selection--single:disabled, html[data-theme="dark"] .select2-container--default .select2-selection--single .select2-search__field:disabled, html[data-theme="dark"] .typeahead:disabled, html[data-theme="dark"] .tt-query:disabled, html[data-theme="dark"] .tt-hint:disabled, html[data-theme="dark"] .form-control[readonly], html[data-theme="dark"] .asColorPicker-input[readonly], html[data-theme="dark"] .dataTables_wrapper select[readonly], html[data-theme="dark"] .jsgrid .jsgrid-table .jsgrid-filter-row input[readonly][type=text], html[data-theme="dark"] .jsgrid .jsgrid-table .jsgrid-filter-row select[readonly], html[data-theme="dark"] .jsgrid .jsgrid-table .jsgrid-filter-row input[readonly][type=number], html[data-theme="dark"] .select2-container--default .select2-selection--single[readonly], html[data-theme="dark"] .select2-container--default .select2-selection--single .select2-search__field[readonly], html[data-theme="dark"] .typeahead[readonly], html[data-theme="dark"] .tt-query[readonly], html[data-theme="dark"] .tt-hint[readonly]{background-color: #1e242a;} html[data-theme="dark"] select.form-control:focus::-ms-value, html[data-theme="dark"] select.asColorPicker-input:focus::-ms-value, html[data-theme="dark"] .dataTables_wrapper select:focus::-ms-value, html[data-theme="dark"] .jsgrid .jsgrid-table .jsgrid-filter-row select:focus::-ms-value, html[data-theme="dark"] .select2-container--default select.select2-selection--single:focus::-ms-value, html[data-theme="dark"] .select2-container--default .select2-selection--single select.select2-search__field:focus::-ms-value, html[data-theme="dark"] select.typeahead:focus::-ms-value, html[data-theme="dark"] select.tt-query:focus::-ms-value, html[data-theme="dark"] select.tt-hint:focus::-ms-value{color: #d1d6dc;background-color: #16191d;} html[data-theme="dark"] .form-check-input[disabled] ~ .form-check-label, html[data-theme="dark"] .form-check-input:disabled ~ .form-check-label{color: #c9cfd6;} html[data-theme="dark"] .valid-feedback{color: #a8e6b6;} html[data-theme="dark"] .was-validated .form-check-input:valid ~ .form-check-label, html[data-theme="dark"] .form-check-input.is-valid ~ .form-check-label{color: #a8e6b6;} html[data-theme="dark"] .was-validated .custom-control-input:valid ~ .custom-control-label, html[data-theme="dark"] .custom-control-input.is-valid ~ .custom-control-label{color: #a8e6b6;} html[data-theme="dark"] .invalid-feedback{color: #e6a8ae;} html[data-theme="dark"] .was-validated .form-check-input:invalid ~ .form-check-label, html[data-theme="dark"] .form-check-input.is-invalid ~ .form-check-label{color: #e6a8ae;} html[data-theme="dark"] .was-validated .custom-control-input:invalid ~ .custom-control-label, html[data-theme="dark"] .custom-control-input.is-invalid ~ .custom-control-label{color: #e6a8ae;} html[data-theme="dark"] .was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before, html[data-theme="dark"] .custom-control-input.is-invalid:checked ~ .custom-control-label::before{border-color: #552e32;background-color: #53282c;} html[data-theme="dark"] .btn:hover, html[data-theme="dark"] .fc button:hover, html[data-theme="dark"] .ajax-upload-dragdrop .ajax-file-upload:hover, html[data-theme="dark"] .swal2-modal .swal2-buttonswrapper .swal2-styled:hover, html[data-theme="dark"] .wizard > .actions a:hover{color: #eceef1;} html[data-theme="dark"] .btn-primary, html[data-theme="dark"] .wizard > .actions a{border-color: #2f4257;} html[data-theme="dark"] .btn-primary.disabled, html[data-theme="dark"] .wizard > .actions a.disabled, html[data-theme="dark"] .btn-primary:disabled, html[data-theme="dark"] .wizard > .actions a:disabled{border-color: #2f4257;} html[data-theme="dark"] .btn-secondary, html[data-theme="dark"] .wizard > .actions .disabled a{color: #e0e3e6;background-color: #414c56;border-color: #38414a;} html[data-theme="dark"] .btn-secondary.disabled, html[data-theme="dark"] .wizard > .actions .disabled a.disabled, html[data-theme="dark"] .btn-secondary:disabled, html[data-theme="dark"] .wizard > .actions .disabled a:disabled{color: #e0e3e6;background-color: #414c56;border-color: #38414a;} html[data-theme="dark"] .btn-info{color: #e0e3e6;background-color: #283c53;border-color: #2d3f53;} html[data-theme="dark"] .btn-info:hover{background-color: #283c53;border-color: #2e4156;} html[data-theme="dark"] .btn-info:focus, html[data-theme="dark"] .btn-info.focus{background-color: #283c53;border-color: #2e4156;} html[data-theme="dark"] .btn-info.disabled, html[data-theme="dark"] .btn-info:disabled{color: #e0e3e6;background-color: #283c53;border-color: #2d3f53;} html[data-theme="dark"] .btn-info:not(:disabled):not(.disabled):active, html[data-theme="dark"] .btn-info:not(:disabled):not(.disabled).active, html[data-theme="dark"] .show > .btn-info.dropdown-toggle{background-color: #283c53;border-color: #2f4257;} html[data-theme="dark"] .btn-danger{background-color: #532828;border-color: #552e2e;} html[data-theme="dark"] .btn-danger.disabled, html[data-theme="dark"] .btn-danger:disabled{background-color: #532828;border-color: #552e2e;} html[data-theme="dark"] .btn-light{color: #e0e3e6;background-color: #181d22;border-color: #2f3942;} html[data-theme="dark"] .btn-light:hover{color: #e0e3e6;background-color: #21272e;border-color: #313c46;} html[data-theme="dark"] .btn-light:focus, html[data-theme="dark"] .btn-light.focus{color: #e0e3e6;background-color: #21272e;border-color: #313c46;} html[data-theme="dark"] .btn-light.disabled, html[data-theme="dark"] .btn-light:disabled{color: #e0e3e6;background-color: #181d22;border-color: #2f3942;} html[data-theme="dark"] .btn-light:not(:disabled):not(.disabled):active, html[data-theme="dark"] .btn-light:not(:disabled):not(.disabled).active, html[data-theme="dark"] .show > .btn-light.dropdown-toggle{color: #e0e3e6;background-color: #232c32;border-color: #323c45;} html[data-theme="dark"] .btn-outline-primary{border-color: #2f4257;} html[data-theme="dark"] .btn-outline-primary:hover{border-color: #2f4257;} html[data-theme="dark"] .btn-outline-primary:not(:disabled):not(.disabled):active, html[data-theme="dark"] .btn-outline-primary:not(:disabled):not(.disabled).active, html[data-theme="dark"] .show > .btn-outline-primary.dropdown-toggle{border-color: #2f4257;} html[data-theme="dark"] .btn-outline-secondary, html[data-theme="dark"] .editable-container.editable-inline .editableform .control-group .editable-buttons .editable-cancel{border-color: #38414a;} html[data-theme="dark"] .btn-outline-secondary:hover, html[data-theme="dark"] .editable-container.editable-inline .editableform .control-group .editable-buttons .editable-cancel:hover{color: #e0e3e6;background-color: #414c56;border-color: #38414a;} html[data-theme="dark"] .btn-outline-secondary:not(:disabled):not(.disabled):active, html[data-theme="dark"] .editable-container.editable-inline .editableform .control-group .editable-buttons .editable-cancel:not(:disabled):not(.disabled):active, html[data-theme="dark"] .btn-outline-secondary:not(:disabled):not(.disabled).active, html[data-theme="dark"] .editable-container.editable-inline .editableform .control-group .editable-buttons .editable-cancel:not(:disabled):not(.disabled).active, html[data-theme="dark"] .show > .btn-outline-secondary.dropdown-toggle, html[data-theme="dark"] .editable-container.editable-inline .editableform .control-group .editable-buttons .show > .dropdown-toggle.editable-cancel{color: #e0e3e6;background-color: #414c56;border-color: #38414a;} html[data-theme="dark"] .btn-outline-success, html[data-theme="dark"] .editable-container.editable-inline .editableform .control-group .editable-buttons .editable-submit{color: #c9e6a8;} html[data-theme="dark"] .btn-outline-info{border-color: #2d3f53;} html[data-theme="dark"] .btn-outline-info:hover{color: #e0e3e6;background-color: #283c53;border-color: #2d3f53;} html[data-theme="dark"] .btn-outline-info:not(:disabled):not(.disabled):active, html[data-theme="dark"] .btn-outline-info:not(:disabled):not(.disabled).active, html[data-theme="dark"] .show > .btn-outline-info.dropdown-toggle{color: #e0e3e6;background-color: #283c53;border-color: #2d3f53;} html[data-theme="dark"] .btn-outline-warning{color: #e6cfa8;} html[data-theme="dark"] .btn-outline-danger{border-color: #552e2e;} html[data-theme="dark"] .btn-outline-danger:hover{background-color: #532828;border-color: #552e2e;} html[data-theme="dark"] .btn-outline-danger:not(:disabled):not(.disabled):active, html[data-theme="dark"] .btn-outline-danger:not(:disabled):not(.disabled).active, html[data-theme="dark"] .show > .btn-outline-danger.dropdown-toggle{background-color: #532828;border-color: #552e2e;} html[data-theme="dark"] .btn-outline-light{border-color: #2f3942;} html[data-theme="dark"] .btn-outline-light:hover{color: #e0e3e6;background-color: #181d22;border-color: #2f3942;} html[data-theme="dark"] .btn-outline-light:not(:disabled):not(.disabled):active, html[data-theme="dark"] .btn-outline-light:not(:disabled):not(.disabled).active, html[data-theme="dark"] .show > .btn-outline-light.dropdown-toggle{color: #e0e3e6;background-color: #181d22;border-color: #2f3942;} html[data-theme="dark"] .btn-outline-dark{color: #dadee5;} html[data-theme="dark"] .btn-link{color: #a8c6e6;} html[data-theme="dark"] .btn-link:hover{color: #a8c6e6;} html[data-theme="dark"] .btn-link:disabled, html[data-theme="dark"] .btn-link.disabled{color: #c5ccd3;} html[data-theme="dark"] .dropdown-menu{color: #e0e3e6;background-color: #16191d;} html[data-theme="dark"] .dropdown-item:hover, html[data-theme="dark"] .dropdown-item:focus{color: #e5e7ea;background-color: #1c1c2a;} html[data-theme="dark"] .dropdown-header{color: #eceef1;} html[data-theme="dark"] .dropdown-item-text{color: #eceef1;} html[data-theme="dark"] .input-group-text{color: #d1d6dc;background-color: #1e242a;} html[data-theme="dark"] .custom-control-input:focus:not(:checked) ~ .custom-control-label::before{border-color: #2c3e51;} html[data-theme="dark"] .custom-control-input:not(:disabled):active ~ .custom-control-label::before{background-color: #25384c;border-color: #2a3b4e;} html[data-theme="dark"] .custom-control-input[disabled] ~ .custom-control-label, html[data-theme="dark"] .custom-control-input:disabled ~ .custom-control-label{color: #c5ccd3;} html[data-theme="dark"] .custom-control-input[disabled] ~ .custom-control-label::before, html[data-theme="dark"] .custom-control-input:disabled ~ .custom-control-label::before{background-color: #1e242a;} html[data-theme="dark"] .custom-control-label::before{background-color: #16191d;} html[data-theme="dark"] .custom-switch .custom-control-label::after{background-color: #3b4249;} html[data-theme="dark"] .custom-switch .custom-control-input:checked ~ .custom-control-label::after{background-color: #16191d;} html[data-theme="dark"] .custom-select{color: #d1d6dc;} html[data-theme="dark"] .custom-select:focus{border-color: #2c3e51;} html[data-theme="dark"] .custom-select:focus::-ms-value{color: #d1d6dc;background-color: #16191d;} html[data-theme="dark"] .custom-select:disabled{color: #c5ccd3;background-color: #1e242a;} html[data-theme="dark"] .custom-file-input:focus ~ .custom-file-label{border-color: #2c3e51;} html[data-theme="dark"] .custom-file-input[disabled] ~ .custom-file-label, html[data-theme="dark"] .custom-file-input:disabled ~ .custom-file-label{background-color: #1e242a;} html[data-theme="dark"] .custom-file-label{color: #d1d6dc;background-color: #16191d;} html[data-theme="dark"] .custom-file-label::after{color: #d1d6dc;background-color: #1e242a;} html[data-theme="dark"] .custom-range::-webkit-slider-thumb:active{background-color: #25384c;} html[data-theme="dark"] .custom-range::-webkit-slider-runnable-track{background-color: #24292f;} html[data-theme="dark"] .custom-range::-ms-thumb:active{background-color: #25384c;} html[data-theme="dark"] .custom-range::-ms-fill-lower{background-color: #24292f;} html[data-theme="dark"] .custom-range::-ms-fill-upper{background-color: #24292f;} html[data-theme="dark"] .custom-range:disabled::-webkit-slider-thumb{background-color: #3b4249;} html[data-theme="dark"] .custom-range:disabled::-ms-thumb{background-color: #3b4249;} html[data-theme="dark"] .nav-link.disabled{color: #c5ccd3;} html[data-theme="dark"] .nav-tabs .nav-link:hover, html[data-theme="dark"] .nav-tabs .nav-link:focus{border-color: #2d3546;} html[data-theme="dark"] .nav-tabs .nav-link.active, html[data-theme="dark"] .nav-tabs .nav-item.show .nav-link{color: #eceef1;background-color: #16191d;border-color: #2d3546;} html[data-theme="dark"] .navbar-light .navbar-brand{color: #eceef1;} html[data-theme="dark"] .navbar-light .navbar-brand:hover, html[data-theme="dark"] .navbar-light .navbar-brand:focus{color: #eceef1;} html[data-theme="dark"] .navbar-light .navbar-nav .nav-link{color: #eceef1;} html[data-theme="dark"] .navbar-light .navbar-nav .nav-link:hover, html[data-theme="dark"] .navbar-light .navbar-nav .nav-link:focus{color: #eceef1;} html[data-theme="dark"] .navbar-light .navbar-nav .nav-link.disabled{color: #eceef1;} html[data-theme="dark"] .navbar-light .navbar-nav .show > .nav-link, html[data-theme="dark"] .navbar-light .navbar-nav .active > .nav-link, html[data-theme="dark"] .navbar-light .navbar-nav .nav-link.show, html[data-theme="dark"] .navbar-light .navbar-nav .nav-link.active{color: #eceef1;} html[data-theme="dark"] .navbar-light .navbar-toggler{color: #eceef1;} html[data-theme="dark"] .navbar-light .navbar-text{color: #eceef1;} html[data-theme="dark"] .navbar-light .navbar-text a{color: #eceef1;} html[data-theme="dark"] .navbar-light .navbar-text a:hover, html[data-theme="dark"] .navbar-light .navbar-text a:focus{color: #eceef1;} html[data-theme="dark"] .navbar-dark .navbar-toggler{border-color: #303840;} html[data-theme="dark"] .card{background-color: #16191d;} html[data-theme="dark"] .breadcrumb-item + .breadcrumb-item::before{color: #c5ccd3;} html[data-theme="dark"] .breadcrumb-item.active{color: #d1d6dc;} html[data-theme="dark"] .page-link, html[data-theme="dark"] .jsgrid .jsgrid-pager .jsgrid-pager-nav-button a, html[data-theme="dark"] .jsgrid .jsgrid-pager .jsgrid-pager-page a{color: #a8c6e6;background-color: #16191d;} html[data-theme="dark"] .page-link:hover, html[data-theme="dark"] .jsgrid .jsgrid-pager .jsgrid-pager-nav-button a:hover, html[data-theme="dark"] .jsgrid .jsgrid-pager .jsgrid-pager-page a:hover{color: #a8c6e6;background-color: #1e242a;border-color: #333b43;} html[data-theme="dark"] .page-item.disabled .page-link, html[data-theme="dark"] .jsgrid .jsgrid-pager .disabled.jsgrid-pager-nav-button .page-link, html[data-theme="dark"] .jsgrid .jsgrid-pager .disabled.jsgrid-pager-page .page-link, html[data-theme="dark"] .page-item.disabled .jsgrid .jsgrid-pager .jsgrid-pager-nav-button a, html[data-theme="dark"] .jsgrid .jsgrid-pager .jsgrid-pager-nav-button .page-item.disabled a, html[data-theme="dark"] .jsgrid .jsgrid-pager .disabled.jsgrid-pager-nav-button a, html[data-theme="dark"] .page-item.disabled .jsgrid .jsgrid-pager .jsgrid-pager-page a, html[data-theme="dark"] .jsgrid .jsgrid-pager .jsgrid-pager-page .page-item.disabled a, html[data-theme="dark"] .jsgrid .jsgrid-pager .disabled.jsgrid-pager-page a{color: #c5ccd3;background-color: #16191d;border-color: #333b43;} html[data-theme="dark"] .badge-secondary{color: #e0e3e6;background-color: #414c56;} html[data-theme="dark"] .badge-info, html[data-theme="dark"] .preview-list .preview-item .preview-thumbnail .badge.badge-offline{color: #e0e3e6;background-color: #283c53;} html[data-theme="dark"] a.badge-info:hover, html[data-theme="dark"] .preview-list .preview-item .preview-thumbnail a.badge.badge-offline:hover, html[data-theme="dark"] a.badge-info:focus, html[data-theme="dark"] .preview-list .preview-item .preview-thumbnail a.badge.badge-offline:focus{color: #e0e3e6;background-color: #283c53;} html[data-theme="dark"] .badge-danger{background-color: #532828;} html[data-theme="dark"] .badge-light{color: #e0e3e6;background-color: #181d22;} html[data-theme="dark"] a.badge-light:hover, html[data-theme="dark"] a.badge-light:focus{color: #e0e3e6;background-color: #232c32;} html[data-theme="dark"] .jumbotron{background-color: #1e242a;} html[data-theme="dark"] .alert-primary{color: #a8c5e6;background-color: #1f2f41;border-color: #293a4d;} html[data-theme="dark"] .alert-primary hr{border-top-color: #2a3b4f;} html[data-theme="dark"] .alert-primary .alert-link{color: #a8c5e6;} html[data-theme="dark"] .alert-secondary{color: #cfd5db;background-color: #1e2328;border-color: #323b43;} html[data-theme="dark"] .alert-secondary hr{border-top-color: #343c44;} html[data-theme="dark"] .alert-secondary .alert-link{color: #d8dce1;} html[data-theme="dark"] .alert-success{color: #c9e6a8;background-color: #364622;border-color: #3d4e2a;} html[data-theme="dark"] .alert-success hr{border-top-color: #3f502b;} html[data-theme="dark"] .alert-success .alert-link{color: #c9e6a8;} html[data-theme="dark"] .alert-info{color: #afc5df;background-color: #1d2b3b;border-color: #29394c;} html[data-theme="dark"] .alert-info hr{border-top-color: #2a3b4d;} html[data-theme="dark"] .alert-info .alert-link{color: #afc5df;} html[data-theme="dark"] .alert-warning{color: #e6cfa8;background-color: #41341f;border-color: #4d402a;} html[data-theme="dark"] .alert-warning hr{border-top-color: #4f412a;} html[data-theme="dark"] .alert-warning .alert-link{color: #e6cfa8;} html[data-theme="dark"] .alert-danger{color: #e6a8a8;background-color: #3e1e1e;border-color: #4c2929;} html[data-theme="dark"] .alert-danger hr{border-top-color: #4e2a2a;} html[data-theme="dark"] .alert-danger .alert-link{color: #e6a8a8;} html[data-theme="dark"] .alert-light{color: #c5ccd3;background-color: #161a1e;border-color: #272749;} html[data-theme="dark"] .alert-light hr{border-top-color: #28284b;} html[data-theme="dark"] .alert-light .alert-link{color: #c9cfd6;} html[data-theme="dark"] .alert-dark{color: #e2e5eb;background-color: #293037;border-color: #353e47;} html[data-theme="dark"] .alert-dark hr{border-top-color: #363f48;} html[data-theme="dark"] .alert-dark .alert-link{color: #eceef1;} html[data-theme="dark"] .progress{background-color: #1e242a;} html[data-theme="dark"] .list-group-item-action{color: #d1d6dc;} html[data-theme="dark"] .list-group-item-action:hover, html[data-theme="dark"] .list-group-item-action:focus{color: #d1d6dc;background-color: #181d22;} html[data-theme="dark"] .list-group-item-action:active{color: #e0e3e6;background-color: #1e242a;} html[data-theme="dark"] .list-group-item{background-color: #16191d;} html[data-theme="dark"] .list-group-item.disabled, html[data-theme="dark"] .list-group-item:disabled{color: #c5ccd3;background-color: #16191d;} html[data-theme="dark"] .list-group-item-primary{color: #a8c5e6;background-color: #223447;} html[data-theme="dark"] .list-group-item-primary.list-group-item-action:hover, html[data-theme="dark"] .list-group-item-primary.list-group-item-action:focus{color: #a8c5e6;background-color: #273a50;} html[data-theme="dark"] .list-group-item-secondary{color: #cfd5db;background-color: #22282d;} html[data-theme="dark"] .list-group-item-secondary.list-group-item-action:hover, html[data-theme="dark"] .list-group-item-secondary.list-group-item-action:focus{color: #cfd5db;background-color: #282e35;} html[data-theme="dark"] .list-group-item-success{color: #c9e6a8;background-color: #3c4f26;} html[data-theme="dark"] .list-group-item-success.list-group-item-action:hover, html[data-theme="dark"] .list-group-item-success.list-group-item-action:focus{color: #c9e6a8;background-color: #3f5328;} html[data-theme="dark"] .list-group-item-info{color: #afc5df;background-color: #1f2e40;} html[data-theme="dark"] .list-group-item-info.list-group-item-action:hover, html[data-theme="dark"] .list-group-item-info.list-group-item-action:focus{color: #afc5df;background-color: #233549;} html[data-theme="dark"] .list-group-item-warning{color: #e6cfa8;background-color: #483a23;} html[data-theme="dark"] .list-group-item-warning.list-group-item-action:hover, html[data-theme="dark"] .list-group-item-warning.list-group-item-action:focus{color: #e6cfa8;background-color: #524227;} html[data-theme="dark"] .list-group-item-danger{color: #e6a8a8;background-color: #442020;} html[data-theme="dark"] .list-group-item-danger.list-group-item-action:hover, html[data-theme="dark"] .list-group-item-danger.list-group-item-action:focus{color: #e6a8a8;background-color: #4d2525;} html[data-theme="dark"] .list-group-item-light{color: #c5ccd3;background-color: #181831;} html[data-theme="dark"] .list-group-item-light.list-group-item-action:hover, html[data-theme="dark"] .list-group-item-light.list-group-item-action:focus{color: #c5ccd3;background-color: #1c1c3b;} html[data-theme="dark"] .list-group-item-dark{color: #e2e5eb;background-color: #313941;} html[data-theme="dark"] .list-group-item-dark.list-group-item-action:hover, html[data-theme="dark"] .list-group-item-dark.list-group-item-action:focus{color: #e2e5eb;background-color: #374049;} html[data-theme="dark"] .close{color: #eceef1;} html[data-theme="dark"] .close:hover{color: #eceef1;} html[data-theme="dark"] .toast{background-color: #16191d;} html[data-theme="dark"] .toast-header{color: #c5ccd3;background-color: #16191d;} html[data-theme="dark"] .modal-content{background-color: #16191d;} html[data-theme="dark"] .popover{background-color: #16191d;} html[data-theme="dark"] .bs-popover-top > .arrow::after, html[data-theme="dark"] .bs-popover-auto[x-placement^="top"] > .arrow::after{border-top-color: #303840;} html[data-theme="dark"] .bs-popover-right > .arrow::after, html[data-theme="dark"] .bs-popover-auto[x-placement^="right"] > .arrow::after{border-right-color: #303840;} html[data-theme="dark"] .bs-popover-bottom > .arrow::after, html[data-theme="dark"] .bs-popover-auto[x-placement^="bottom"] > .arrow::after{border-bottom-color: #303840;} html[data-theme="dark"] .bs-popover-left > .arrow::after, html[data-theme="dark"] .bs-popover-auto[x-placement^="left"] > .arrow::after{border-left-color: #303840;} html[data-theme="dark"] .popover-header{background-color: #1a1e22;} html[data-theme="dark"] .popover-body{color: #e0e3e6;} html[data-theme="dark"] .carousel-indicators li{background-color: #16191d;} html[data-theme="dark"] .bg-secondary{background-color: #414c56 !important;} html[data-theme="dark"] .bg-info, html[data-theme="dark"] .settings-panel .color-tiles .tiles.info{background-color: #283c53 !important;} html[data-theme="dark"] a.bg-info:hover, html[data-theme="dark"] .settings-panel .color-tiles a.tiles.info:hover, html[data-theme="dark"] a.bg-info:focus, html[data-theme="dark"] .settings-panel .color-tiles a.tiles.info:focus, html[data-theme="dark"] button.bg-info:hover, html[data-theme="dark"] .settings-panel .color-tiles button.tiles.info:hover, html[data-theme="dark"] button.bg-info:focus, html[data-theme="dark"] .settings-panel .color-tiles button.tiles.info:focus{background-color: #283c53 !important;} html[data-theme="dark"] .bg-danger, html[data-theme="dark"] .settings-panel .color-tiles .tiles.danger{background-color: #532828 !important;} html[data-theme="dark"] .bg-light, html[data-theme="dark"] .settings-panel .color-tiles .tiles.light, html[data-theme="dark"] .settings-panel .color-tiles .tiles.default{background-color: #181d22 !important;} html[data-theme="dark"] a.bg-light:hover, html[data-theme="dark"] .settings-panel .color-tiles a.tiles.light:hover, html[data-theme="dark"] .settings-panel .color-tiles a.tiles.default:hover, html[data-theme="dark"] a.bg-light:focus, html[data-theme="dark"] .settings-panel .color-tiles a.tiles.light:focus, html[data-theme="dark"] .settings-panel .color-tiles a.tiles.default:focus, html[data-theme="dark"] button.bg-light:hover, html[data-theme="dark"] .settings-panel .color-tiles button.tiles.light:hover, html[data-theme="dark"] .settings-panel .color-tiles button.tiles.default:hover, html[data-theme="dark"] button.bg-light:focus, html[data-theme="dark"] .settings-panel .color-tiles button.tiles.light:focus, html[data-theme="dark"] .settings-panel .color-tiles button.tiles.default:focus{background-color: #232c32 !important;} html[data-theme="dark"] .bg-white{background-color: #16191d !important;} html[data-theme="dark"] .border-primary{border-color: #2f4257 !important;} html[data-theme="dark"] .border-secondary, html[data-theme="dark"] .loader-demo-box{border-color: #38414a !important;} html[data-theme="dark"] .border-info{border-color: #2d3f53 !important;} html[data-theme="dark"] .border-danger{border-color: #552e2e !important;} html[data-theme="dark"] .border-light{border-color: #2f3942 !important;} html[data-theme="dark"] .border-white{border-color: #303840 !important;} html[data-theme="dark"] a.text-primary:hover, html[data-theme="dark"] .list-wrapper .completed a.remove:hover, html[data-theme="dark"] a.text-primary:focus, html[data-theme="dark"] .list-wrapper .completed a.remove:focus{color: #a8c5e6 !important;} html[data-theme="dark"] a.text-secondary:hover, html[data-theme="dark"] .list-wrapper a.remove:hover, html[data-theme="dark"] a.text-secondary:focus, html[data-theme="dark"] .list-wrapper a.remove:focus{color: #c5ccd3 !important;} html[data-theme="dark"] .text-success{color: #c9e6a8 !important;} html[data-theme="dark"] a.text-success:hover, html[data-theme="dark"] a.text-success:focus{color: #c9e6a8 !important;} html[data-theme="dark"] .text-warning{color: #e6cfa8 !important;} html[data-theme="dark"] a.text-warning:hover, html[data-theme="dark"] a.text-warning:focus{color: #e6cfa8 !important;} html[data-theme="dark"] a.text-danger:hover, html[data-theme="dark"] a.text-danger:focus{color: #e6a8a8 !important;} html[data-theme="dark"] .text-dark{color: #dadee5 !important;} html[data-theme="dark"] a.text-dark:hover, html[data-theme="dark"] a.text-dark:focus{color: #e8e9ef !important;} html[data-theme="dark"] .text-body{color: #eceef1 !important;} html[data-theme="dark"] .text-muted, html[data-theme="dark"] .preview-list .preview-item .preview-item-content p .content-category, html[data-theme="dark"] .email-wrapper .mail-sidebar .menu-bar .profile-list-item a .user .u-designation, html[data-theme="dark"] .email-wrapper .mail-list-container .mail-list .content .message_text, html[data-theme="dark"] .email-wrapper .mail-list-container .mail-list .details .date{color: #c9cfd6 !important;} html[data-theme="dark"] .text-black-50{color: #eceef1 !important;} html[data-theme="dark"] .bg-dribbble{background-color: #532838;} html[data-theme="dark"] .blockquote-primary{border-color: #2f4257;} html[data-theme="dark"] .blockquote-secondary{border-color: #38414a;} html[data-theme="dark"] .blockquote-success .blockquote-footer{color: #c9e6a8;} html[data-theme="dark"] .blockquote-info{border-color: #2d3f53;} html[data-theme="dark"] .blockquote-warning .blockquote-footer{color: #e6cfa8;} html[data-theme="dark"] .blockquote-danger{border-color: #552e2e;} html[data-theme="dark"] .blockquote-light{border-color: #2f3942;} html[data-theme="dark"] .blockquote-dark .blockquote-footer{color: #dadee5;} html[data-theme="dark"] .text-twitter{color: #a8d3e6;} html[data-theme="dark"] .text-facebook{color: #adbce0;} html[data-theme="dark"] .text-google{color: #e6afa8;} html[data-theme="dark"] .text-linkedin{color: #a8d0e6;} html[data-theme="dark"] .text-pinterest{color: #e6a8aa;} html[data-theme="dark"] .text-youtube{color: #e6aaa8;} html[data-theme="dark"] .text-github{color: #dbdfe4;} html[data-theme="dark"] .text-behance{color: #a8bee6;} html[data-theme="dark"] .text-reddit{color: #e6b9a8;} html[data-theme="dark"] pre{background-color: #1d303d;} html[data-theme="dark"] /* Footer */ .footer{background-color: #1e2328;} html[data-theme="dark"] .text-gray, html[data-theme="dark"] .card .card-subtitle{color: #c5ccd3;} html[data-theme="dark"] .text-black{color: #eceef1;} html[data-theme="dark"] .rounded-legend ul li{color: #c9cfd6;} html[data-theme="dark"] .doc-header{background-color: #1e2328;} html[data-theme="dark"] .performance-overview-carousel .carousel-inner .item::after{background-color: #283c53;} html[data-theme="dark"] .performance-overview-carousel .carousel-control-prev, html[data-theme="dark"] .performance-overview-carousel .carousel-control-next{background-color: #283d53;} html[data-theme="dark"] .detailed-report-carousel .report-table::after{background-color: #323847;} html[data-theme="dark"] .detailed-report-carousel .carousel-control-prev, html[data-theme="dark"] .detailed-report-carousel .carousel-control-next{background-color: #1c1e29;} html[data-theme="dark"] .detailed-report-carousel .carousel-control-prev:after{color: #c5ccd3;} html[data-theme="dark"] .detailed-report-carousel .carousel-control-next:after{color: #c5ccd3;} html[data-theme="dark"] .accordion.accordion-bordered{background-color: #16191d;} html[data-theme="dark"] .accordion.accordion-filled .card .card-header a[aria-expanded="true"]{background-color: #283c53;} html[data-theme="dark"] .accordion.accordion-filled .card .card-body{background-color: #283c53;} html[data-theme="dark"] .accordion.accordion-multi-colored .card:nth-child(3){background-color: #532828;} html[data-theme="dark"] .accordion.accordion-multi-colored .card:nth-child(5){background-color: #283c53;} html[data-theme="dark"] .badge-outline-success{color: #c9e6a8;} html[data-theme="dark"] .badge-outline-warning{color: #e6cfa8;} html[data-theme="dark"] .badge-outline-dark{color: #dadee5;} html[data-theme="dark"] .alert-primary .alert-link{color: #a8c5e6;} html[data-theme="dark"] .alert-secondary{color: #c5ccd3;background-color: #414c56;border-color: #39424c;} html[data-theme="dark"] .alert-secondary .alert-link{color: #cad1d7;} html[data-theme="dark"] .alert-success .alert-link{color: #c9e6a8;} html[data-theme="dark"] .alert-info{color: #acc5e2;background-color: #283c53;border-color: #2e4055;} html[data-theme="dark"] .alert-info hr{border-top-color: #2e4156;} html[data-theme="dark"] .alert-info .alert-link{color: #acc5e2;} html[data-theme="dark"] .alert-warning .alert-link{color: #e6cfa8;} html[data-theme="dark"] .alert-danger{color: #e6a8a8;background-color: #532828;border-color: #572f2f;} html[data-theme="dark"] .alert-danger .alert-link{color: #e6a8a8;} html[data-theme="dark"] .alert-light{background-color: #181d22;border-color: #323b43;} html[data-theme="dark"] .alert-light hr{border-top-color: #343c44;} html[data-theme="dark"] .alert-dark .alert-link{color: #e7eaef;} html[data-theme="dark"] .alert-fill-primary{border-color: #2f4257;} html[data-theme="dark"] .alert-fill-secondary{background-color: #414c56;border-color: #38414a;} html[data-theme="dark"] .alert-fill-secondary hr{border-top-color: #39424c;} html[data-theme="dark"] .alert-fill-info{background-color: #283c53;border-color: #2d3f53;} html[data-theme="dark"] .alert-fill-info hr{border-top-color: #2d4054;} html[data-theme="dark"] .alert-fill-danger{background-color: #532828;border-color: #552e2e;} html[data-theme="dark"] .alert-fill-danger hr{border-top-color: #572f2f;} html[data-theme="dark"] .alert-fill-light{background-color: #181d22;border-color: #2f3942;} html[data-theme="dark"] .alert-fill-light hr{border-top-color: #313a43;} html[data-theme="dark"] .btn-twitter.btn-social-icon-text{background-color: #284653;} html[data-theme="dark"] .btn-outline-twitter{color: #a8d3e6;} html[data-theme="dark"] .btn-outline-facebook{color: #adbce0;} html[data-theme="dark"] .btn-google.btn-social-icon-text{background-color: #532c28;} html[data-theme="dark"] .btn-outline-google{color: #e6afa8;} html[data-theme="dark"] .btn-outline-linkedin{color: #a8d0e6;} html[data-theme="dark"] .btn-outline-pinterest{color: #e6a8aa;} html[data-theme="dark"] .btn-youtube.btn-social-icon-text{background-color: #532928;} html[data-theme="dark"] .btn-outline-youtube{color: #e6aaa8;} html[data-theme="dark"] .btn-outline-github{color: #dbdfe4;} html[data-theme="dark"] .btn-behance.btn-social-icon-text{background-color: #283753;} html[data-theme="dark"] .btn-outline-behance{color: #a8bee6;} html[data-theme="dark"] .btn-dribbble{background-color: #532838;} html[data-theme="dark"] .btn-dribbble.btn-social-icon-text{background-color: #532838;} html[data-theme="dark"] .btn-dribbble.btn-social-icon-text i{background-color: #532838;} html[data-theme="dark"] .btn-outline-dribbble:hover{background-color: #532838;} html[data-theme="dark"] .btn-reddit.btn-social-icon-text{background-color: #533328;} html[data-theme="dark"] .btn-outline-reddit{color: #e6b9a8;} html[data-theme="dark"] /* inverse buttons */ .btn-inverse-primary{border-color: #2f4257;} html[data-theme="dark"] .btn-inverse-primary:hover{border-color: #2f4257;} html[data-theme="dark"] .btn-inverse-primary.active, html[data-theme="dark"] .btn-inverse-primary:active, html[data-theme="dark"] .show > .btn-inverse-primary.dropdown-toggle{border-color: #2f4257;} html[data-theme="dark"] .btn-inverse-secondary{background-color: #414c56;border-color: #38414a;} html[data-theme="dark"] .btn-inverse-secondary:hover{background-color: #414c56;border-color: #38414a;} html[data-theme="dark"] .btn-inverse-secondary.active, html[data-theme="dark"] .btn-inverse-secondary:active, html[data-theme="dark"] .show > .btn-inverse-secondary.dropdown-toggle{background-color: #414c56;border-color: #38414a;} html[data-theme="dark"] .btn-inverse-success:not(.btn-inverse-light){color: #c9e6a8;} html[data-theme="dark"] .btn-inverse-info{background-color: #283c53;border-color: #2d3f53;} html[data-theme="dark"] .btn-inverse-info:hover{background-color: #283c53;border-color: #2d3f53;} html[data-theme="dark"] .btn-inverse-info.active, html[data-theme="dark"] .btn-inverse-info:active, html[data-theme="dark"] .show > .btn-inverse-info.dropdown-toggle{background-color: #283c53;border-color: #2d3f53;} html[data-theme="dark"] .btn-inverse-warning:not(.btn-inverse-light){color: #e6cfa8;} html[data-theme="dark"] .btn-inverse-danger{background-color: #532828;border-color: #552e2e;} html[data-theme="dark"] .btn-inverse-danger:hover{background-color: #532828;border-color: #552e2e;} html[data-theme="dark"] .btn-inverse-danger.active, html[data-theme="dark"] .btn-inverse-danger:active, html[data-theme="dark"] .show > .btn-inverse-danger.dropdown-toggle{background-color: #532828;border-color: #552e2e;} html[data-theme="dark"] .btn-inverse-light{background-color: #181d22;border-color: #2f3942;} html[data-theme="dark"] .btn-inverse-light:hover{background-color: #181d22;border-color: #2f3942;} html[data-theme="dark"] .btn-inverse-light.active, html[data-theme="dark"] .btn-inverse-light:active, html[data-theme="dark"] .show > .btn-inverse-light.dropdown-toggle{background-color: #181d22;border-color: #2f3942;} html[data-theme="dark"] .btn-inverse-dark:not(.btn-inverse-light){color: #dadee5;} html[data-theme="dark"] .btn-outline-light{color: #c5ccd3;border-color: #333b43;} html[data-theme="dark"] .breadcrumb.breadcrumb-custom{border-color: #304046;} html[data-theme="dark"] .breadcrumb.breadcrumb-custom .breadcrumb-item{background-color: #232e32;color: #eceef1;} html[data-theme="dark"] .breadcrumb.breadcrumb-custom .breadcrumb-item a:before{border-left-color: #304046;} html[data-theme="dark"] /* inverse breadcrumb */ .bg-inverse-primary{background-color: #283c53;border-color: #2f4257;} html[data-theme="dark"] .bg-inverse-primary.breadcrumb-custom .breadcrumb-item{background-color: #283c53;} html[data-theme="dark"] .bg-inverse-primary.breadcrumb-custom .breadcrumb-item a:before{border-left-color: #2b3c4f;} html[data-theme="dark"] .bg-inverse-secondary{background-color: #23292e;border-color: #38414a;} html[data-theme="dark"] .bg-inverse-secondary.breadcrumb-custom .breadcrumb-item{background-color: #23292e;} html[data-theme="dark"] .bg-inverse-secondary.breadcrumb-custom .breadcrumb-item a:before{border-left-color: #333b43;} html[data-theme="dark"] .bg-inverse-success{background-color: #3e5328;} html[data-theme="dark"] .bg-inverse-success .breadcrumb-item{color: #c9e6a8;} html[data-theme="dark"] .bg-inverse-success.breadcrumb-custom .breadcrumb-item{background-color: #3e5328;} html[data-theme="dark"] .bg-inverse-success.breadcrumb-custom .breadcrumb-item a{color: #c9e6a8;} html[data-theme="dark"] .bg-inverse-success.breadcrumb-custom .breadcrumb-item a:before{border-left-color: #42542d;} html[data-theme="dark"] .bg-inverse-success.breadcrumb-custom .breadcrumb-item span{color: #c9e6a8;} html[data-theme="dark"] .bg-inverse-info{background-color: #1b2939;border-color: #2d3f53;} html[data-theme="dark"] .bg-inverse-info.breadcrumb-custom .breadcrumb-item{background-color: #1b2939;} html[data-theme="dark"] .bg-inverse-info.breadcrumb-custom .breadcrumb-item a:before{border-left-color: #28394a;} html[data-theme="dark"] .bg-inverse-warning{background-color: #534228;} html[data-theme="dark"] .bg-inverse-warning .breadcrumb-item{color: #e6cfa8;} html[data-theme="dark"] .bg-inverse-warning.breadcrumb-custom .breadcrumb-item{background-color: #534228;} html[data-theme="dark"] .bg-inverse-warning.breadcrumb-custom .breadcrumb-item a{color: #e6cfa8;} html[data-theme="dark"] .bg-inverse-warning.breadcrumb-custom .breadcrumb-item a:before{border-left-color: #50412b;} html[data-theme="dark"] .bg-inverse-warning.breadcrumb-custom .breadcrumb-item span{color: #e6cfa8;} html[data-theme="dark"] .bg-inverse-danger{background-color: #452121;border-color: #552e2e;} html[data-theme="dark"] .bg-inverse-danger.breadcrumb-custom .breadcrumb-item{background-color: #452121;} html[data-theme="dark"] .bg-inverse-danger.breadcrumb-custom .breadcrumb-item a:before{border-left-color: #4d2929;} html[data-theme="dark"] .bg-inverse-light{background-color: #16191d;border-color: #2f3942;} html[data-theme="dark"] .bg-inverse-light.breadcrumb-custom .breadcrumb-item{background-color: #16191d;} html[data-theme="dark"] .bg-inverse-light.breadcrumb-custom .breadcrumb-item a:before{border-left-color: #303840;} html[data-theme="dark"] .bg-inverse-dark .breadcrumb-item{color: #dadee5;} html[data-theme="dark"] .bg-inverse-dark.breadcrumb-custom .breadcrumb-item a{color: #dadee5;} html[data-theme="dark"] .bg-inverse-dark.breadcrumb-custom .breadcrumb-item span{color: #dadee5;} html[data-theme="dark"] .card .card-title{color: #c5ccd3;} html[data-theme="dark"] .card .card-description{color: #c7ccd1;} html[data-theme="dark"] .card.card-faded{background-color: #3a444d;border-color: #374049;} html[data-theme="dark"] .card-inverse-secondary{background-color: #414c56;color: #c5ccd3;} html[data-theme="dark"] .card-inverse-info{background-color: #283c53;color: #acc5e2;} html[data-theme="dark"] .card-inverse-danger{background-color: #532828;color: #e6a8a8;} html[data-theme="dark"] .card-inverse-light{background-color: #181d22;} html[data-theme="dark"] .data-icon-card-secondary{background-color: #414c56;} html[data-theme="dark"] .data-icon-card-info{background-color: #283c53;} html[data-theme="dark"] .data-icon-card-danger{background-color: #532828;} html[data-theme="dark"] .data-icon-card-light{background-color: #181d22;} html[data-theme="dark"] .form-check .form-check-label input[type="checkbox"]:disabled + .input-helper:before{border-color: #343846;} html[data-theme="dark"] .form-check .form-check-label input[type="checkbox"]:disabled:checked + .input-helper:after{background-color: #2c2f3b;} html[data-theme="dark"] .form-check .form-check-label input[type="radio"] + .input-helper:after{background-color: #16191d;} html[data-theme="dark"] .form-check .form-check-label input[type="radio"]:disabled + .input-helper:before{border-color: #343846;} html[data-theme="dark"] .form-check .form-check-label input[type="radio"]:disabled:checked + .input-helper:before{background-color: #2c2f3b;} html[data-theme="dark"] .form-check .form-check-label input[type="radio"]:disabled:checked + .input-helper:after{background-color: #16191d;} html[data-theme="dark"] .form-check-primary.form-check label input[type="checkbox"] + .input-helper:before, html[data-theme="dark"] .form-check-primary.form-check label input[type="radio"] + .input-helper:before{border-color: #2f4257;} html[data-theme="dark"] .form-check-secondary.form-check label input[type="checkbox"] + .input-helper:before, html[data-theme="dark"] .form-check-secondary.form-check label input[type="radio"] + .input-helper:before{border-color: #38414a;} html[data-theme="dark"] .form-check-secondary.form-check label input[type="checkbox"]:checked + .input-helper:before, html[data-theme="dark"] .form-check-secondary.form-check label input[type="radio"]:checked + .input-helper:before{background-color: #414c56;} html[data-theme="dark"] .form-check-info.form-check label input[type="checkbox"] + .input-helper:before, html[data-theme="dark"] .form-check-info.form-check label input[type="radio"] + .input-helper:before{border-color: #2d3f53;} html[data-theme="dark"] .form-check-info.form-check label input[type="checkbox"]:checked + .input-helper:before, html[data-theme="dark"] .form-check-info.form-check label input[type="radio"]:checked + .input-helper:before{background-color: #283c53;} html[data-theme="dark"] .form-check-danger.form-check label input[type="checkbox"] + .input-helper:before, html[data-theme="dark"] .form-check-danger.form-check label input[type="radio"] + .input-helper:before{border-color: #552e2e;} html[data-theme="dark"] .form-check-danger.form-check label input[type="checkbox"]:checked + .input-helper:before, html[data-theme="dark"] .form-check-danger.form-check label input[type="radio"]:checked + .input-helper:before{background-color: #532828;} html[data-theme="dark"] .form-check-light.form-check label input[type="checkbox"] + .input-helper:before, html[data-theme="dark"] .form-check-light.form-check label input[type="radio"] + .input-helper:before{border-color: #2f3942;} html[data-theme="dark"] .form-check-light.form-check label input[type="checkbox"]:checked + .input-helper:before, html[data-theme="dark"] .form-check-light.form-check label input[type="radio"]:checked + .input-helper:before{background-color: #181d22;} html[data-theme="dark"] .input-group-append .input-group-text, html[data-theme="dark"] .input-group-prepend .input-group-text{border-color: #343846;} html[data-theme="dark"] .form-group.has-danger .form-control, html[data-theme="dark"] .form-group.has-danger .asColorPicker-input, html[data-theme="dark"] .form-group.has-danger .dataTables_wrapper select, html[data-theme="dark"] .dataTables_wrapper .form-group.has-danger select, html[data-theme="dark"] .form-group.has-danger .jsgrid .jsgrid-table .jsgrid-filter-row input[type=text], html[data-theme="dark"] .jsgrid .jsgrid-table .jsgrid-filter-row .form-group.has-danger input[type=text], html[data-theme="dark"] .form-group.has-danger .jsgrid .jsgrid-table .jsgrid-filter-row select, html[data-theme="dark"] .jsgrid .jsgrid-table .jsgrid-filter-row .form-group.has-danger select, html[data-theme="dark"] .form-group.has-danger .jsgrid .jsgrid-table .jsgrid-filter-row input[type=number], html[data-theme="dark"] .jsgrid .jsgrid-table .jsgrid-filter-row .form-group.has-danger input[type=number], html[data-theme="dark"] .form-group.has-danger .select2-container--default .select2-selection--single, html[data-theme="dark"] .select2-container--default .form-group.has-danger .select2-selection--single, html[data-theme="dark"] .form-group.has-danger .select2-container--default .select2-selection--single .select2-search__field, html[data-theme="dark"] .select2-container--default .select2-selection--single .form-group.has-danger .select2-search__field, html[data-theme="dark"] .form-group.has-danger .typeahead, html[data-theme="dark"] .form-group.has-danger .tt-query, html[data-theme="dark"] .form-group.has-danger .tt-hint{border-color: #552e2e;} html[data-theme="dark"] .icons-list > div{background-color: #16191d;} html[data-theme="dark"] #pgloading .bokeh li:nth-child(2){background-color: #532828;} html[data-theme="dark"] 0%{background-color: #283c53;} html[data-theme="dark"] .jumping-dots-loader span{background-color: #532828;} html[data-theme="dark"] .bar-loader span{background-color: #532828;} html[data-theme="dark"] .moving-square-loader:before{background-color: #532828;} html[data-theme="dark"] .list-arrow li:before{color: #c9e6a8;} html[data-theme="dark"] .list-star li:before{color: #e6cfa8;} html[data-theme="dark"] .bullet-line-list li:before{background-color: #16191d;} html[data-theme="dark"] .icon-data-list li::before{color: #c5ccd3;} html[data-theme="dark"] .modal .modal-dialog .modal-content .modal-header .close span{color: #c8cfd5;} html[data-theme="dark"] /* Pagination */ .pagination .page-item .page-link, html[data-theme="dark"] .jsgrid .jsgrid-pager .page-item .page-link, html[data-theme="dark"] .jsgrid .jsgrid-pager .jsgrid-pager-nav-button .page-link, html[data-theme="dark"] .jsgrid .jsgrid-pager .jsgrid-pager-page .page-link, html[data-theme="dark"] .jsgrid .jsgrid-pager .jsgrid-pager-nav-button a, html[data-theme="dark"] .jsgrid .jsgrid-pager .jsgrid-pager-page a{border-color: #343846;color: #eceef1;} html[data-theme="dark"] .pagination .page-item.active .page-link, html[data-theme="dark"] .jsgrid .jsgrid-pager .page-item.active .page-link, html[data-theme="dark"] .jsgrid .jsgrid-pager .active.jsgrid-pager-nav-button .page-link, html[data-theme="dark"] .jsgrid .jsgrid-pager .active.jsgrid-pager-page .page-link, html[data-theme="dark"] .pagination .page-item.active .jsgrid .jsgrid-pager .jsgrid-pager-nav-button a, html[data-theme="dark"] .jsgrid .jsgrid-pager .page-item.active .jsgrid-pager-nav-button a, html[data-theme="dark"] .jsgrid .jsgrid-pager .jsgrid-pager-nav-button .page-item.active a, html[data-theme="dark"] .jsgrid .jsgrid-pager .active.jsgrid-pager-nav-button a, html[data-theme="dark"] .pagination .page-item.active .jsgrid .jsgrid-pager .jsgrid-pager-page a, html[data-theme="dark"] .jsgrid .jsgrid-pager .page-item.active .jsgrid-pager-page a, html[data-theme="dark"] .jsgrid .jsgrid-pager .jsgrid-pager-page .page-item.active a, html[data-theme="dark"] .jsgrid .jsgrid-pager .active.jsgrid-pager-page a, html[data-theme="dark"] .pagination .page-item:hover .page-link, html[data-theme="dark"] .jsgrid .jsgrid-pager .page-item:hover .page-link, html[data-theme="dark"] .jsgrid .jsgrid-pager .jsgrid-pager-nav-button:hover .page-link, html[data-theme="dark"] .jsgrid .jsgrid-pager .jsgrid-pager-page:hover .page-link, html[data-theme="dark"] .pagination .page-item:hover .jsgrid .jsgrid-pager .jsgrid-pager-nav-button a, html[data-theme="dark"] .jsgrid .jsgrid-pager .page-item:hover .jsgrid-pager-nav-button a, html[data-theme="dark"] .jsgrid .jsgrid-pager .jsgrid-pager-nav-button .page-item:hover a, html[data-theme="dark"] .jsgrid .jsgrid-pager .jsgrid-pager-nav-button:hover a, html[data-theme="dark"] .pagination .page-item:hover .jsgrid .jsgrid-pager .jsgrid-pager-page a, html[data-theme="dark"] .jsgrid .jsgrid-pager .page-item:hover .jsgrid-pager-page a, html[data-theme="dark"] .jsgrid .jsgrid-pager .jsgrid-pager-page .page-item:hover a, html[data-theme="dark"] .jsgrid .jsgrid-pager .jsgrid-pager-page:hover a, html[data-theme="dark"] .pagination .page-item:focus .page-link, html[data-theme="dark"] .jsgrid .jsgrid-pager .page-item:focus .page-link, html[data-theme="dark"] .jsgrid .jsgrid-pager .jsgrid-pager-nav-button:focus .page-link, html[data-theme="dark"] .jsgrid .jsgrid-pager .jsgrid-pager-page:focus .page-link, html[data-theme="dark"] .pagination .page-item:focus .jsgrid .jsgrid-pager .jsgrid-pager-nav-button a, html[data-theme="dark"] .jsgrid .jsgrid-pager .page-item:focus .jsgrid-pager-nav-button a, html[data-theme="dark"] .jsgrid .jsgrid-pager .jsgrid-pager-nav-button .page-item:focus a, html[data-theme="dark"] .jsgrid .jsgrid-pager .jsgrid-pager-nav-button:focus a, html[data-theme="dark"] .pagination .page-item:focus .jsgrid .jsgrid-pager .jsgrid-pager-page a, html[data-theme="dark"] .jsgrid .jsgrid-pager .page-item:focus .jsgrid-pager-page a, html[data-theme="dark"] .jsgrid .jsgrid-pager .jsgrid-pager-page .page-item:focus a, html[data-theme="dark"] .jsgrid .jsgrid-pager .jsgrid-pager-page:focus a, html[data-theme="dark"] .pagination .page-item:active .page-link, html[data-theme="dark"] .jsgrid .jsgrid-pager .page-item:active .page-link, html[data-theme="dark"] .jsgrid .jsgrid-pager .jsgrid-pager-nav-button:active .page-link, html[data-theme="dark"] .jsgrid .jsgrid-pager .jsgrid-pager-page:active .page-link, html[data-theme="dark"] .pagination .page-item:active .jsgrid .jsgrid-pager .jsgrid-pager-nav-button a, html[data-theme="dark"] .jsgrid .jsgrid-pager .page-item:active .jsgrid-pager-nav-button a, html[data-theme="dark"] .jsgrid .jsgrid-pager .jsgrid-pager-nav-button .page-item:active a, html[data-theme="dark"] .jsgrid .jsgrid-pager .jsgrid-pager-nav-button:active a, html[data-theme="dark"] .pagination .page-item:active .jsgrid .jsgrid-pager .jsgrid-pager-page a, html[data-theme="dark"] .jsgrid .jsgrid-pager .page-item:active .jsgrid-pager-page a, html[data-theme="dark"] .jsgrid .jsgrid-pager .jsgrid-pager-page .page-item:active a, html[data-theme="dark"] .jsgrid .jsgrid-pager .jsgrid-pager-page:active a{border-color: #2f4257;} html[data-theme="dark"] /* pagination variations */ .pagination-primary .page-item.active .page-link, html[data-theme="dark"] .pagination-primary .jsgrid .jsgrid-pager .active.jsgrid-pager-nav-button .page-link, html[data-theme="dark"] .jsgrid .jsgrid-pager .pagination-primary .active.jsgrid-pager-nav-button .page-link, html[data-theme="dark"] .pagination-primary .jsgrid .jsgrid-pager .active.jsgrid-pager-page .page-link, html[data-theme="dark"] .jsgrid .jsgrid-pager .pagination-primary .active.jsgrid-pager-page .page-link, html[data-theme="dark"] .pagination-primary .page-item.active .jsgrid .jsgrid-pager .jsgrid-pager-nav-button a, html[data-theme="dark"] .jsgrid .jsgrid-pager .jsgrid-pager-nav-button .pagination-primary .page-item.active a, html[data-theme="dark"] .pagination-primary .jsgrid .jsgrid-pager .active.jsgrid-pager-nav-button a, html[data-theme="dark"] .jsgrid .jsgrid-pager .pagination-primary .active.jsgrid-pager-nav-button a, html[data-theme="dark"] .pagination-primary .page-item.active .jsgrid .jsgrid-pager .jsgrid-pager-page a, html[data-theme="dark"] .jsgrid .jsgrid-pager .jsgrid-pager-page .pagination-primary .page-item.active a, html[data-theme="dark"] .pagination-primary .jsgrid .jsgrid-pager .active.jsgrid-pager-page a, html[data-theme="dark"] .jsgrid .jsgrid-pager .pagination-primary .active.jsgrid-pager-page a{border-color: #2f4257;} html[data-theme="dark"] .pagination-primary .page-item:hover .page-link, html[data-theme="dark"] .pagination-primary .jsgrid .jsgrid-pager .jsgrid-pager-nav-button:hover .page-link, html[data-theme="dark"] .jsgrid .jsgrid-pager .pagination-primary .jsgrid-pager-nav-button:hover .page-link, html[data-theme="dark"] .pagination-primary .jsgrid .jsgrid-pager .jsgrid-pager-page:hover .page-link, html[data-theme="dark"] .jsgrid .jsgrid-pager .pagination-primary .jsgrid-pager-page:hover .page-link, html[data-theme="dark"] .pagination-primary .page-item:hover .jsgrid .jsgrid-pager .jsgrid-pager-nav-button a, html[data-theme="dark"] .jsgrid .jsgrid-pager .jsgrid-pager-nav-button .pagination-primary .page-item:hover a, html[data-theme="dark"] .pagination-primary .jsgrid .jsgrid-pager .jsgrid-pager-nav-button:hover a, html[data-theme="dark"] .jsgrid .jsgrid-pager .pagination-primary .jsgrid-pager-nav-button:hover a, html[data-theme="dark"] .pagination-primary .page-item:hover .jsgrid .jsgrid-pager .jsgrid-pager-page a, html[data-theme="dark"] .jsgrid .jsgrid-pager .jsgrid-pager-page .pagination-primary .page-item:hover a, html[data-theme="dark"] .pagination-primary .jsgrid .jsgrid-pager .jsgrid-pager-page:hover a, html[data-theme="dark"] .jsgrid .jsgrid-pager .pagination-primary .jsgrid-pager-page:hover a{background-color: #283c53;border-color: #2f4257;} html[data-theme="dark"] .pagination-secondary .page-item.active .page-link, html[data-theme="dark"] .pagination-secondary .jsgrid .jsgrid-pager .active.jsgrid-pager-nav-button .page-link, html[data-theme="dark"] .jsgrid .jsgrid-pager .pagination-secondary .active.jsgrid-pager-nav-button .page-link, html[data-theme="dark"] .pagination-secondary .jsgrid .jsgrid-pager .active.jsgrid-pager-page .page-link, html[data-theme="dark"] .jsgrid .jsgrid-pager .pagination-secondary .active.jsgrid-pager-page .page-link, html[data-theme="dark"] .pagination-secondary .page-item.active .jsgrid .jsgrid-pager .jsgrid-pager-nav-button a, html[data-theme="dark"] .jsgrid .jsgrid-pager .jsgrid-pager-nav-button .pagination-secondary .page-item.active a, html[data-theme="dark"] .pagination-secondary .jsgrid .jsgrid-pager .active.jsgrid-pager-nav-button a, html[data-theme="dark"] .jsgrid .jsgrid-pager .pagination-secondary .active.jsgrid-pager-nav-button a, html[data-theme="dark"] .pagination-secondary .page-item.active .jsgrid .jsgrid-pager .jsgrid-pager-page a, html[data-theme="dark"] .jsgrid .jsgrid-pager .jsgrid-pager-page .pagination-secondary .page-item.active a, html[data-theme="dark"] .pagination-secondary .jsgrid .jsgrid-pager .active.jsgrid-pager-page a, html[data-theme="dark"] .jsgrid .jsgrid-pager .pagination-secondary .active.jsgrid-pager-page a{background-color: #414c56;border-color: #38414a;} html[data-theme="dark"] .pagination-secondary .page-item:hover .page-link, html[data-theme="dark"] .pagination-secondary .jsgrid .jsgrid-pager .jsgrid-pager-nav-button:hover .page-link, html[data-theme="dark"] .jsgrid .jsgrid-pager .pagination-secondary .jsgrid-pager-nav-button:hover .page-link, html[data-theme="dark"] .pagination-secondary .jsgrid .jsgrid-pager .jsgrid-pager-page:hover .page-link, html[data-theme="dark"] .jsgrid .jsgrid-pager .pagination-secondary .jsgrid-pager-page:hover .page-link, html[data-theme="dark"] .pagination-secondary .page-item:hover .jsgrid .jsgrid-pager .jsgrid-pager-nav-button a, html[data-theme="dark"] .jsgrid .jsgrid-pager .jsgrid-pager-nav-button .pagination-secondary .page-item:hover a, html[data-theme="dark"] .pagination-secondary .jsgrid .jsgrid-pager .jsgrid-pager-nav-button:hover a, html[data-theme="dark"] .jsgrid .jsgrid-pager .pagination-secondary .jsgrid-pager-nav-button:hover a, html[data-theme="dark"] .pagination-secondary .page-item:hover .jsgrid .jsgrid-pager .jsgrid-pager-page a, html[data-theme="dark"] .jsgrid .jsgrid-pager .jsgrid-pager-page .pagination-secondary .page-item:hover a, html[data-theme="dark"] .pagination-secondary .jsgrid .jsgrid-pager .jsgrid-pager-page:hover a, html[data-theme="dark"] .jsgrid .jsgrid-pager .pagination-secondary .jsgrid-pager-page:hover a{background-color: #3b444e;border-color: #38414a;} html[data-theme="dark"] .pagination-info .page-item.active .page-link, html[data-theme="dark"] .pagination-info .jsgrid .jsgrid-pager .active.jsgrid-pager-nav-button .page-link, html[data-theme="dark"] .jsgrid .jsgrid-pager .pagination-info .active.jsgrid-pager-nav-button .page-link, html[data-theme="dark"] .pagination-info .jsgrid .jsgrid-pager .active.jsgrid-pager-page .page-link, html[data-theme="dark"] .jsgrid .jsgrid-pager .pagination-info .active.jsgrid-pager-page .page-link, html[data-theme="dark"] .pagination-info .page-item.active .jsgrid .jsgrid-pager .jsgrid-pager-nav-button a, html[data-theme="dark"] .jsgrid .jsgrid-pager .jsgrid-pager-nav-button .pagination-info .page-item.active a, html[data-theme="dark"] .pagination-info .jsgrid .jsgrid-pager .active.jsgrid-pager-nav-button a, html[data-theme="dark"] .jsgrid .jsgrid-pager .pagination-info .active.jsgrid-pager-nav-button a, html[data-theme="dark"] .pagination-info .page-item.active .jsgrid .jsgrid-pager .jsgrid-pager-page a, html[data-theme="dark"] .jsgrid .jsgrid-pager .jsgrid-pager-page .pagination-info .page-item.active a, html[data-theme="dark"] .pagination-info .jsgrid .jsgrid-pager .active.jsgrid-pager-page a, html[data-theme="dark"] .jsgrid .jsgrid-pager .pagination-info .active.jsgrid-pager-page a{background-color: #283c53;border-color: #2d3f53;} html[data-theme="dark"] .pagination-info .page-item:hover .page-link, html[data-theme="dark"] .pagination-info .jsgrid .jsgrid-pager .jsgrid-pager-nav-button:hover .page-link, html[data-theme="dark"] .jsgrid .jsgrid-pager .pagination-info .jsgrid-pager-nav-button:hover .page-link, html[data-theme="dark"] .pagination-info .jsgrid .jsgrid-pager .jsgrid-pager-page:hover .page-link, html[data-theme="dark"] .jsgrid .jsgrid-pager .pagination-info .jsgrid-pager-page:hover .page-link, html[data-theme="dark"] .pagination-info .page-item:hover .jsgrid .jsgrid-pager .jsgrid-pager-nav-button a, html[data-theme="dark"] .jsgrid .jsgrid-pager .jsgrid-pager-nav-button .pagination-info .page-item:hover a, html[data-theme="dark"] .pagination-info .jsgrid .jsgrid-pager .jsgrid-pager-nav-button:hover a, html[data-theme="dark"] .jsgrid .jsgrid-pager .pagination-info .jsgrid-pager-nav-button:hover a, html[data-theme="dark"] .pagination-info .page-item:hover .jsgrid .jsgrid-pager .jsgrid-pager-page a, html[data-theme="dark"] .jsgrid .jsgrid-pager .jsgrid-pager-page .pagination-info .page-item:hover a, html[data-theme="dark"] .pagination-info .jsgrid .jsgrid-pager .jsgrid-pager-page:hover a, html[data-theme="dark"] .jsgrid .jsgrid-pager .pagination-info .jsgrid-pager-page:hover a{background-color: #283c53;border-color: #2d3f53;} html[data-theme="dark"] .pagination-warning .page-item:hover .page-link, html[data-theme="dark"] .pagination-warning .jsgrid .jsgrid-pager .jsgrid-pager-nav-button:hover .page-link, html[data-theme="dark"] .jsgrid .jsgrid-pager .pagination-warning .jsgrid-pager-nav-button:hover .page-link, html[data-theme="dark"] .pagination-warning .jsgrid .jsgrid-pager .jsgrid-pager-page:hover .page-link, html[data-theme="dark"] .jsgrid .jsgrid-pager .pagination-warning .jsgrid-pager-page:hover .page-link, html[data-theme="dark"] .pagination-warning .page-item:hover .jsgrid .jsgrid-pager .jsgrid-pager-nav-button a, html[data-theme="dark"] .jsgrid .jsgrid-pager .jsgrid-pager-nav-button .pagination-warning .page-item:hover a, html[data-theme="dark"] .pagination-warning .jsgrid .jsgrid-pager .jsgrid-pager-nav-button:hover a, html[data-theme="dark"] .jsgrid .jsgrid-pager .pagination-warning .jsgrid-pager-nav-button:hover a, html[data-theme="dark"] .pagination-warning .page-item:hover .jsgrid .jsgrid-pager .jsgrid-pager-page a, html[data-theme="dark"] .jsgrid .jsgrid-pager .jsgrid-pager-page .pagination-warning .page-item:hover a, html[data-theme="dark"] .pagination-warning .jsgrid .jsgrid-pager .jsgrid-pager-page:hover a, html[data-theme="dark"] .jsgrid .jsgrid-pager .pagination-warning .jsgrid-pager-page:hover a{background-color: #534328;} html[data-theme="dark"] .pagination-danger .page-item.active .page-link, html[data-theme="dark"] .pagination-danger .jsgrid .jsgrid-pager .active.jsgrid-pager-nav-button .page-link, html[data-theme="dark"] .jsgrid .jsgrid-pager .pagination-danger .active.jsgrid-pager-nav-button .page-link, html[data-theme="dark"] .pagination-danger .jsgrid .jsgrid-pager .active.jsgrid-pager-page .page-link, html[data-theme="dark"] .jsgrid .jsgrid-pager .pagination-danger .active.jsgrid-pager-page .page-link, html[data-theme="dark"] .pagination-danger .page-item.active .jsgrid .jsgrid-pager .jsgrid-pager-nav-button a, html[data-theme="dark"] .jsgrid .jsgrid-pager .jsgrid-pager-nav-button .pagination-danger .page-item.active a, html[data-theme="dark"] .pagination-danger .jsgrid .jsgrid-pager .active.jsgrid-pager-nav-button a, html[data-theme="dark"] .jsgrid .jsgrid-pager .pagination-danger .active.jsgrid-pager-nav-button a, html[data-theme="dark"] .pagination-danger .page-item.active .jsgrid .jsgrid-pager .jsgrid-pager-page a, html[data-theme="dark"] .jsgrid .jsgrid-pager .jsgrid-pager-page .pagination-danger .page-item.active a, html[data-theme="dark"] .pagination-danger .jsgrid .jsgrid-pager .active.jsgrid-pager-page a, html[data-theme="dark"] .jsgrid .jsgrid-pager .pagination-danger .active.jsgrid-pager-page a{background-color: #532828;border-color: #552e2e;} html[data-theme="dark"] .pagination-danger .page-item:hover .page-link, html[data-theme="dark"] .pagination-danger .jsgrid .jsgrid-pager .jsgrid-pager-nav-button:hover .page-link, html[data-theme="dark"] .jsgrid .jsgrid-pager .pagination-danger .jsgrid-pager-nav-button:hover .page-link, html[data-theme="dark"] .pagination-danger .jsgrid .jsgrid-pager .jsgrid-pager-page:hover .page-link, html[data-theme="dark"] .jsgrid .jsgrid-pager .pagination-danger .jsgrid-pager-page:hover .page-link, html[data-theme="dark"] .pagination-danger .page-item:hover .jsgrid .jsgrid-pager .jsgrid-pager-nav-button a, html[data-theme="dark"] .jsgrid .jsgrid-pager .jsgrid-pager-nav-button .pagination-danger .page-item:hover a, html[data-theme="dark"] .pagination-danger .jsgrid .jsgrid-pager .jsgrid-pager-nav-button:hover a, html[data-theme="dark"] .jsgrid .jsgrid-pager .pagination-danger .jsgrid-pager-nav-button:hover a, html[data-theme="dark"] .pagination-danger .page-item:hover .jsgrid .jsgrid-pager .jsgrid-pager-page a, html[data-theme="dark"] .jsgrid .jsgrid-pager .jsgrid-pager-page .pagination-danger .page-item:hover a, html[data-theme="dark"] .pagination-danger .jsgrid .jsgrid-pager .jsgrid-pager-page:hover a, html[data-theme="dark"] .jsgrid .jsgrid-pager .pagination-danger .jsgrid-pager-page:hover a{background-color: #532828;border-color: #552e2e;} html[data-theme="dark"] .pagination-light .page-item.active .page-link, html[data-theme="dark"] .pagination-light .jsgrid .jsgrid-pager .active.jsgrid-pager-nav-button .page-link, html[data-theme="dark"] .jsgrid .jsgrid-pager .pagination-light .active.jsgrid-pager-nav-button .page-link, html[data-theme="dark"] .pagination-light .jsgrid .jsgrid-pager .active.jsgrid-pager-page .page-link, html[data-theme="dark"] .jsgrid .jsgrid-pager .pagination-light .active.jsgrid-pager-page .page-link, html[data-theme="dark"] .pagination-light .page-item.active .jsgrid .jsgrid-pager .jsgrid-pager-nav-button a, html[data-theme="dark"] .jsgrid .jsgrid-pager .jsgrid-pager-nav-button .pagination-light .page-item.active a, html[data-theme="dark"] .pagination-light .jsgrid .jsgrid-pager .active.jsgrid-pager-nav-button a, html[data-theme="dark"] .jsgrid .jsgrid-pager .pagination-light .active.jsgrid-pager-nav-button a, html[data-theme="dark"] .pagination-light .page-item.active .jsgrid .jsgrid-pager .jsgrid-pager-page a, html[data-theme="dark"] .jsgrid .jsgrid-pager .jsgrid-pager-page .pagination-light .page-item.active a, html[data-theme="dark"] .pagination-light .jsgrid .jsgrid-pager .active.jsgrid-pager-page a, html[data-theme="dark"] .jsgrid .jsgrid-pager .pagination-light .active.jsgrid-pager-page a{background-color: #181d22;border-color: #2f3942;} html[data-theme="dark"] .pagination-light .page-item:hover .page-link, html[data-theme="dark"] .pagination-light .jsgrid .jsgrid-pager .jsgrid-pager-nav-button:hover .page-link, html[data-theme="dark"] .jsgrid .jsgrid-pager .pagination-light .jsgrid-pager-nav-button:hover .page-link, html[data-theme="dark"] .pagination-light .jsgrid .jsgrid-pager .jsgrid-pager-page:hover .page-link, html[data-theme="dark"] .jsgrid .jsgrid-pager .pagination-light .jsgrid-pager-page:hover .page-link, html[data-theme="dark"] .pagination-light .page-item:hover .jsgrid .jsgrid-pager .jsgrid-pager-nav-button a, html[data-theme="dark"] .jsgrid .jsgrid-pager .jsgrid-pager-nav-button .pagination-light .page-item:hover a, html[data-theme="dark"] .pagination-light .jsgrid .jsgrid-pager .jsgrid-pager-nav-button:hover a, html[data-theme="dark"] .jsgrid .jsgrid-pager .pagination-light .jsgrid-pager-nav-button:hover a, html[data-theme="dark"] .pagination-light .page-item:hover .jsgrid .jsgrid-pager .jsgrid-pager-page a, html[data-theme="dark"] .jsgrid .jsgrid-pager .jsgrid-pager-page .pagination-light .page-item:hover a, html[data-theme="dark"] .pagination-light .jsgrid .jsgrid-pager .jsgrid-pager-page:hover a, html[data-theme="dark"] .jsgrid .jsgrid-pager .pagination-light .jsgrid-pager-page:hover a{background-color: #16191d;border-color: #2f3942;} html[data-theme="dark"] .popover.bs-popover-top-demo .arrow:after{border-top-color: #303840;} html[data-theme="dark"] .popover.bs-popover-right-demo .arrow:after{border-right-color: #303840;} html[data-theme="dark"] .popover.bs-popover-bottom-demo .arrow:after{border-bottom-color: #303840;} html[data-theme="dark"] .popover.bs-popover-left-demo .arrow:after{border-left-color: #303840;} html[data-theme="dark"] .popover .popover-header{background-color: #16191d;} html[data-theme="dark"] .popover .popover-body{color: #c9cfd6;} html[data-theme="dark"] .popover.left .arrow:after{border-left-color: #303840;} html[data-theme="dark"] .popover.right .arrow:after{border-right-color: #303840;} html[data-theme="dark"] .popover.top .arrow:after{border-top-color: #303840;} html[data-theme="dark"] .popover.bottom .arrow:after{border-bottom-color: #303840;} html[data-theme="dark"] .popover-primary.bs-popover-top .arrow:before, html[data-theme="dark"] .popover-primary.bs-popover-auto[x-placement^="top"] .arrow:before, html[data-theme="dark"] .popover-primary.bs-popover-top .arrow:after, html[data-theme="dark"] .popover-primary.bs-popover-auto[x-placement^="top"] .arrow:after{border-top-color: #2f4257;} html[data-theme="dark"] .popover-primary.bs-popover-right .arrow:before, html[data-theme="dark"] .popover-primary.bs-popover-auto[x-placement^="right"] .arrow:before, html[data-theme="dark"] .popover-primary.bs-popover-right .arrow:after, html[data-theme="dark"] .popover-primary.bs-popover-auto[x-placement^="right"] .arrow:after{border-right-color: #2f4257;} html[data-theme="dark"] .popover-primary.bs-popover-bottom .arrow:before, html[data-theme="dark"] .popover-primary.bs-popover-auto[x-placement^="bottom"] .arrow:before, html[data-theme="dark"] .popover-primary.bs-popover-bottom .arrow:after, html[data-theme="dark"] .popover-primary.bs-popover-auto[x-placement^="bottom"] .arrow:after{border-bottom-color: #2f4257;} html[data-theme="dark"] .popover-primary.bs-popover-left .arrow:before, html[data-theme="dark"] .popover-primary.bs-popover-auto[x-placement^="left"] .arrow:before, html[data-theme="dark"] .popover-primary.bs-popover-left .arrow:after, html[data-theme="dark"] .popover-primary.bs-popover-auto[x-placement^="left"] .arrow:after{border-left-color: #2f4257;} html[data-theme="dark"] .popover-secondary .popover-header{background-color: #414c56;} html[data-theme="dark"] .popover-secondary.bs-popover-top .arrow:before, html[data-theme="dark"] .popover-secondary.bs-popover-auto[x-placement^="top"] .arrow:before, html[data-theme="dark"] .popover-secondary.bs-popover-top .arrow:after, html[data-theme="dark"] .popover-secondary.bs-popover-auto[x-placement^="top"] .arrow:after{border-top-color: #38414a;} html[data-theme="dark"] .popover-secondary.bs-popover-right .arrow:before, html[data-theme="dark"] .popover-secondary.bs-popover-auto[x-placement^="right"] .arrow:before, html[data-theme="dark"] .popover-secondary.bs-popover-right .arrow:after, html[data-theme="dark"] .popover-secondary.bs-popover-auto[x-placement^="right"] .arrow:after{border-right-color: #38414a;} html[data-theme="dark"] .popover-secondary.bs-popover-bottom .arrow:before, html[data-theme="dark"] .popover-secondary.bs-popover-auto[x-placement^="bottom"] .arrow:before, html[data-theme="dark"] .popover-secondary.bs-popover-bottom .arrow:after, html[data-theme="dark"] .popover-secondary.bs-popover-auto[x-placement^="bottom"] .arrow:after{border-bottom-color: #38414a;} html[data-theme="dark"] .popover-secondary.bs-popover-left .arrow:before, html[data-theme="dark"] .popover-secondary.bs-popover-auto[x-placement^="left"] .arrow:before, html[data-theme="dark"] .popover-secondary.bs-popover-left .arrow:after, html[data-theme="dark"] .popover-secondary.bs-popover-auto[x-placement^="left"] .arrow:after{border-left-color: #38414a;} html[data-theme="dark"] .popover-info .popover-header{background-color: #283c53;} html[data-theme="dark"] .popover-info.bs-popover-top .arrow:before, html[data-theme="dark"] .popover-info.bs-popover-auto[x-placement^="top"] .arrow:before, html[data-theme="dark"] .popover-info.bs-popover-top .arrow:after, html[data-theme="dark"] .popover-info.bs-popover-auto[x-placement^="top"] .arrow:after{border-top-color: #2d3f53;} html[data-theme="dark"] .popover-info.bs-popover-right .arrow:before, html[data-theme="dark"] .popover-info.bs-popover-auto[x-placement^="right"] .arrow:before, html[data-theme="dark"] .popover-info.bs-popover-right .arrow:after, html[data-theme="dark"] .popover-info.bs-popover-auto[x-placement^="right"] .arrow:after{border-right-color: #2d3f53;} html[data-theme="dark"] .popover-info.bs-popover-bottom .arrow:before, html[data-theme="dark"] .popover-info.bs-popover-auto[x-placement^="bottom"] .arrow:before, html[data-theme="dark"] .popover-info.bs-popover-bottom .arrow:after, html[data-theme="dark"] .popover-info.bs-popover-auto[x-placement^="bottom"] .arrow:after{border-bottom-color: #2d3f53;} html[data-theme="dark"] .popover-info.bs-popover-left .arrow:before, html[data-theme="dark"] .popover-info.bs-popover-auto[x-placement^="left"] .arrow:before, html[data-theme="dark"] .popover-info.bs-popover-left .arrow:after, html[data-theme="dark"] .popover-info.bs-popover-auto[x-placement^="left"] .arrow:after{border-left-color: #2d3f53;} html[data-theme="dark"] .popover-danger .popover-header{background-color: #532828;} html[data-theme="dark"] .popover-danger.bs-popover-top .arrow:before, html[data-theme="dark"] .popover-danger.bs-popover-auto[x-placement^="top"] .arrow:before, html[data-theme="dark"] .popover-danger.bs-popover-top .arrow:after, html[data-theme="dark"] .popover-danger.bs-popover-auto[x-placement^="top"] .arrow:after{border-top-color: #552e2e;} html[data-theme="dark"] .popover-danger.bs-popover-right .arrow:before, html[data-theme="dark"] .popover-danger.bs-popover-auto[x-placement^="right"] .arrow:before, html[data-theme="dark"] .popover-danger.bs-popover-right .arrow:after, html[data-theme="dark"] .popover-danger.bs-popover-auto[x-placement^="right"] .arrow:after{border-right-color: #552e2e;} html[data-theme="dark"] .popover-danger.bs-popover-bottom .arrow:before, html[data-theme="dark"] .popover-danger.bs-popover-auto[x-placement^="bottom"] .arrow:before, html[data-theme="dark"] .popover-danger.bs-popover-bottom .arrow:after, html[data-theme="dark"] .popover-danger.bs-popover-auto[x-placement^="bottom"] .arrow:after{border-bottom-color: #552e2e;} html[data-theme="dark"] .popover-danger.bs-popover-left .arrow:before, html[data-theme="dark"] .popover-danger.bs-popover-auto[x-placement^="left"] .arrow:before, html[data-theme="dark"] .popover-danger.bs-popover-left .arrow:after, html[data-theme="dark"] .popover-danger.bs-popover-auto[x-placement^="left"] .arrow:after{border-left-color: #552e2e;} html[data-theme="dark"] .popover-light .popover-header{background-color: #181d22;} html[data-theme="dark"] .popover-light.bs-popover-top .arrow:before, html[data-theme="dark"] .popover-light.bs-popover-auto[x-placement^="top"] .arrow:before, html[data-theme="dark"] .popover-light.bs-popover-top .arrow:after, html[data-theme="dark"] .popover-light.bs-popover-auto[x-placement^="top"] .arrow:after{border-top-color: #2f3942;} html[data-theme="dark"] .popover-light.bs-popover-right .arrow:before, html[data-theme="dark"] .popover-light.bs-popover-auto[x-placement^="right"] .arrow:before, html[data-theme="dark"] .popover-light.bs-popover-right .arrow:after, html[data-theme="dark"] .popover-light.bs-popover-auto[x-placement^="right"] .arrow:after{border-right-color: #2f3942;} html[data-theme="dark"] .popover-light.bs-popover-bottom .arrow:before, html[data-theme="dark"] .popover-light.bs-popover-auto[x-placement^="bottom"] .arrow:before, html[data-theme="dark"] .popover-light.bs-popover-bottom .arrow:after, html[data-theme="dark"] .popover-light.bs-popover-auto[x-placement^="bottom"] .arrow:after{border-bottom-color: #2f3942;} html[data-theme="dark"] .popover-light.bs-popover-left .arrow:before, html[data-theme="dark"] .popover-light.bs-popover-auto[x-placement^="left"] .arrow:before, html[data-theme="dark"] .popover-light.bs-popover-left .arrow:after, html[data-theme="dark"] .popover-light.bs-popover-auto[x-placement^="left"] .arrow:after{border-left-color: #2f3942;} html[data-theme="dark"] .nav-tabs .nav-link{background-color: #1c2833;color: #eceef1;} html[data-theme="dark"] .nav-tabs.nav-tabs-vertical .nav-link.active, html[data-theme="dark"] .nav-tabs.nav-tabs-vertical-custom .nav-link.active{border-bottom-color: #343846;} html[data-theme="dark"] .nav-tabs.nav-tabs-vertical-custom .nav-link{border-color: #303840;} html[data-theme="dark"] .nav-tabs.nav-tabs-vertical-custom .nav-link.active{border-color: #303840;} html[data-theme="dark"] .nav-pills.nav-pills-custom .nav-link{background-color: #161620;color: #eceef1;} html[data-theme="dark"] .nav-pills.nav-pills-custom .nav-link.active{background-color: #532828;} html[data-theme="dark"] .nav-pills-secondary .nav-link.active{background-color: #414c56;} html[data-theme="dark"] .nav-pills-success .nav-link{color: #c9e6a8;} html[data-theme="dark"] .nav-pills-info .nav-link.active{background-color: #283c53;} html[data-theme="dark"] .nav-pills-warning .nav-link{color: #e6cfa8;} html[data-theme="dark"] .nav-pills-danger .nav-link.active{background-color: #532828;} html[data-theme="dark"] .nav-pills-light .nav-link.active{background-color: #181d22;} html[data-theme="dark"] .nav-pills-dark .nav-link{color: #dadee5;} html[data-theme="dark"] .timeline:before{background-color: #414c56;} html[data-theme="dark"] .timeline .timeline-wrapper .timeline-panel{background-color: #16191d;} html[data-theme="dark"] .timeline .timeline-wrapper .timeline-panel .timeline-title{color: #dadee5;} html[data-theme="dark"] .timeline-wrapper-secondary .timeline-panel:before{background-color: #414c56;} html[data-theme="dark"] .timeline-wrapper-secondary .timeline-badge{background-color: #414c56;} html[data-theme="dark"] .timeline-wrapper-info .timeline-panel:before{background-color: #283c53;} html[data-theme="dark"] .timeline-wrapper-info .timeline-badge{background-color: #283c53;} html[data-theme="dark"] .timeline-wrapper-danger .timeline-panel:before{background-color: #532828;} html[data-theme="dark"] .timeline-wrapper-danger .timeline-badge{background-color: #532828;} html[data-theme="dark"] .timeline-wrapper-light .timeline-panel:before{background-color: #181d22;} html[data-theme="dark"] .timeline-wrapper-light .timeline-badge{background-color: #181d22;} html[data-theme="dark"] .tooltip-primary.bs-tooltip-top .arrow::before, html[data-theme="dark"] .tooltip-primary.bs-tooltip-auto[x-placement^="top"] .arrow::before{border-top-color: #2f4257;} html[data-theme="dark"] .tooltip-primary.bs-tooltip-right .arrow::before, html[data-theme="dark"] .tooltip-primary.bs-tooltip-auto[x-placement^="right"] .arrow::before{border-right-color: #2f4257;} html[data-theme="dark"] .tooltip-primary.bs-tooltip-bottom .arrow::before, html[data-theme="dark"] .tooltip-primary.bs-tooltip-auto[x-placement^="bottom"] .arrow::before{border-bottom-color: #2f4257;} html[data-theme="dark"] .tooltip-primary.bs-tooltip-left .arrow::before, html[data-theme="dark"] .tooltip-primary.bs-tooltip-auto[x-placement^="left"] .arrow::before{border-left-color: #2f4257;} html[data-theme="dark"] .tooltip-secondary .tooltip-inner{background-color: #414c56;} html[data-theme="dark"] .tooltip-secondary.bs-tooltip-top .arrow::before, html[data-theme="dark"] .tooltip-secondary.bs-tooltip-auto[x-placement^="top"] .arrow::before{border-top-color: #38414a;} html[data-theme="dark"] .tooltip-secondary.bs-tooltip-right .arrow::before, html[data-theme="dark"] .tooltip-secondary.bs-tooltip-auto[x-placement^="right"] .arrow::before{border-right-color: #38414a;} html[data-theme="dark"] .tooltip-secondary.bs-tooltip-bottom .arrow::before, html[data-theme="dark"] .tooltip-secondary.bs-tooltip-auto[x-placement^="bottom"] .arrow::before{border-bottom-color: #38414a;} html[data-theme="dark"] .tooltip-secondary.bs-tooltip-left .arrow::before, html[data-theme="dark"] .tooltip-secondary.bs-tooltip-auto[x-placement^="left"] .arrow::before{border-left-color: #38414a;} html[data-theme="dark"] .tooltip-info .tooltip-inner{background-color: #283c53;} html[data-theme="dark"] .tooltip-info.bs-tooltip-top .arrow::before, html[data-theme="dark"] .tooltip-info.bs-tooltip-auto[x-placement^="top"] .arrow::before{border-top-color: #2d3f53;} html[data-theme="dark"] .tooltip-info.bs-tooltip-right .arrow::before, html[data-theme="dark"] .tooltip-info.bs-tooltip-auto[x-placement^="right"] .arrow::before{border-right-color: #2d3f53;} html[data-theme="dark"] .tooltip-info.bs-tooltip-bottom .arrow::before, html[data-theme="dark"] .tooltip-info.bs-tooltip-auto[x-placement^="bottom"] .arrow::before{border-bottom-color: #2d3f53;} html[data-theme="dark"] .tooltip-info.bs-tooltip-left .arrow::before, html[data-theme="dark"] .tooltip-info.bs-tooltip-auto[x-placement^="left"] .arrow::before{border-left-color: #2d3f53;} html[data-theme="dark"] .tooltip-danger .tooltip-inner{background-color: #532828;} html[data-theme="dark"] .tooltip-danger.bs-tooltip-top .arrow::before, html[data-theme="dark"] .tooltip-danger.bs-tooltip-auto[x-placement^="top"] .arrow::before{border-top-color: #552e2e;} html[data-theme="dark"] .tooltip-danger.bs-tooltip-right .arrow::before, html[data-theme="dark"] .tooltip-danger.bs-tooltip-auto[x-placement^="right"] .arrow::before{border-right-color: #552e2e;} html[data-theme="dark"] .tooltip-danger.bs-tooltip-bottom .arrow::before, html[data-theme="dark"] .tooltip-danger.bs-tooltip-auto[x-placement^="bottom"] .arrow::before{border-bottom-color: #552e2e;} html[data-theme="dark"] .tooltip-danger.bs-tooltip-left .arrow::before, html[data-theme="dark"] .tooltip-danger.bs-tooltip-auto[x-placement^="left"] .arrow::before{border-left-color: #552e2e;} html[data-theme="dark"] .tooltip-light .tooltip-inner{background-color: #181d22;} html[data-theme="dark"] .tooltip-light.bs-tooltip-top .arrow::before, html[data-theme="dark"] .tooltip-light.bs-tooltip-auto[x-placement^="top"] .arrow::before{border-top-color: #2f3942;} html[data-theme="dark"] .tooltip-light.bs-tooltip-right .arrow::before, html[data-theme="dark"] .tooltip-light.bs-tooltip-auto[x-placement^="right"] .arrow::before{border-right-color: #2f3942;} html[data-theme="dark"] .tooltip-light.bs-tooltip-bottom .arrow::before, html[data-theme="dark"] .tooltip-light.bs-tooltip-auto[x-placement^="bottom"] .arrow::before{border-bottom-color: #2f3942;} html[data-theme="dark"] .tooltip-light.bs-tooltip-left .arrow::before, html[data-theme="dark"] .tooltip-light.bs-tooltip-auto[x-placement^="left"] .arrow::before{border-left-color: #2f3942;} html[data-theme="dark"] .profile-navbar .nav-item .nav-link{color: #eceef1;} html[data-theme="dark"] .email-wrapper .mail-sidebar{background-color: #16191d;} html[data-theme="dark"] .email-wrapper .mail-sidebar .menu-bar .menu-items li:hover{background-color: #1b2838;} html[data-theme="dark"] .email-wrapper .mail-sidebar .menu-bar .menu-items li a{color: #d9dfe2;} html[data-theme="dark"] .email-wrapper .mail-sidebar .menu-bar .menu-items li.active{background-color: #1f242b;} html[data-theme="dark"] .email-wrapper .mail-sidebar .menu-bar .online-status .status:after{color: #d9dfe3;} html[data-theme="dark"] .email-wrapper .mail-sidebar .menu-bar .online-status .status.offline{background-color: #532828;} html[data-theme="dark"] .email-wrapper .mail-sidebar .menu-bar .profile-list-item a .user .u-name{color: #eceef1;} html[data-theme="dark"] .email-wrapper .mail-list-container .mail-list .details i.favorite{color: #e6cfa8;} html[data-theme="dark"] .email-wrapper .mail-list-container .mail-list.new_mail{background-color: #1f242b;} html[data-theme="dark"] .email-wrapper .mail-list-container .mail-list.new_mail .details .date{color: #eceef1;} html[data-theme="dark"] .email-wrapper .message-body .attachments-sections ul li .thumb i{color: #d9dfe3;} html[data-theme="dark"] .email-wrapper .message-body .attachments-sections ul li .details p.file-name{color: #d9dfe3;} html[data-theme="dark"] /* Avgrund Popup */ .avgrund-popin{background-color: #16191d;} html[data-theme="dark"] /* Context Menu */ .context-menu-icon:before{color: #eceef1;} html[data-theme="dark"] .context-menu-list .context-menu-item span{color: #eceef1;} html[data-theme="dark"] .datepicker.datepicker-dropdown .datepicker-days table.table-condensed thead tr th.prev, html[data-theme="dark"] .datepicker.datepicker-inline .datepicker-days table.table-condensed thead tr th.prev{color: #eceef1;background-color: #16191d;} html[data-theme="dark"] .datepicker.datepicker-dropdown .datepicker-days table.table-condensed thead tr th.datepicker-switch, html[data-theme="dark"] .datepicker.datepicker-inline .datepicker-days table.table-condensed thead tr th.datepicker-switch{color: #eceef1;background-color: #16191d;} html[data-theme="dark"] .datepicker.datepicker-dropdown .datepicker-days table.table-condensed thead tr th.next, html[data-theme="dark"] .datepicker.datepicker-inline .datepicker-days table.table-condensed thead tr th.next{color: #eceef1;background-color: #16191d;} html[data-theme="dark"] .datepicker.datepicker-dropdown .datepicker-days table.table-condensed thead tr th.dow, html[data-theme="dark"] .datepicker.datepicker-inline .datepicker-days table.table-condensed thead tr th.dow{color: #eceef1;} html[data-theme="dark"] .datepicker.datepicker-dropdown .datepicker-days table.table-condensed tbody td.day, html[data-theme="dark"] .datepicker.datepicker-inline .datepicker-days table.table-condensed tbody td.day{color: #eceef1;} html[data-theme="dark"] .datepicker.datepicker-dropdown .datepicker-days table.table-condensed tbody td.day:hover, html[data-theme="dark"] .datepicker.datepicker-inline .datepicker-days table.table-condensed tbody td.day:hover{background-color: #16191d;} html[data-theme="dark"] .datepicker.datepicker-dropdown .datepicker-days table.table-condensed tbody td.range::before, html[data-theme="dark"] .datepicker.datepicker-inline .datepicker-days table.table-condensed tbody td.range::before{background-color: #1e2328;} html[data-theme="dark"] .datepicker > div{color: #d1d6dc;} html[data-theme="dark"] .datepicker-dropdown:after{border-bottom-color: #303840;} html[data-theme="dark"] .datepicker-dropdown:before{border-bottom-color: #343846;} html[data-theme="dark"] .datepicker-dropdown.datepicker-orient-top:after{border-top-color: #303840;} html[data-theme="dark"] .datepicker-dropdown.datepicker-orient-top:before{border-top-color: #343846;} html[data-theme="dark"] .dropify-wrapper .dropify-message span.file-icon:before{color: #eceef1;} html[data-theme="dark"] .dropify-wrapper .dropify-message p{color: #eceef1;} html[data-theme="dark"] .dropify-wrapper .dropify-preview .dropify-infos{background-color: #16191d;} html[data-theme="dark"] .dropify-wrapper .dropify-preview .dropify-infos .dropify-infos-inner .dropify-infos-message{color: #dbdfe4;} html[data-theme="dark"] .dropify-wrapper .dropify-clear{background-color: #16191d;color: #d3d7dc;} html[data-theme="dark"] .dropzone .dz-message span{color: #eceef1;} html[data-theme="dark"] /* Full Calendar */ .fc button{background-color: #16191d;border-color: #343846;} html[data-theme="dark"] .fc .fc-button-group .fc-button{background-color: #16191d;} html[data-theme="dark"] .fc .fc-event.fc-not-start, html[data-theme="dark"] .fc .fc-event.fc-not-end{background-color: #532828;} html[data-theme="dark"] .fc-external-events .fc-event{background-color: #16191d;color: #eceef1;} html[data-theme="dark"] .fc-external-events .fc-event:nth-child(1){border-color: #2f4257;} html[data-theme="dark"] .fc-external-events .fc-event:nth-child(2){border-color: #552e2e;} html[data-theme="dark"] .fc-external-events .fc-event:nth-child(4){border-color: #2d3f53;} html[data-theme="dark"] /* Jquery File Upload */ .ajax-upload-dragdrop{border-color: #343846;} html[data-theme="dark"] .ajax-upload-dragdrop span b{color: #eceef1;} html[data-theme="dark"] .ajax-upload-dragdrop .ajax-file-upload{background-color: #283c53;} html[data-theme="dark"] /* Jvectormap */ .jvectormap-container{background-color: #16191d;} html[data-theme="dark"] /* Listify */ .listify-list input{background-color: #16191d;} html[data-theme="dark"] .noUi-target .noUi-base{background-color: #1f242b;} html[data-theme="dark"] .noUi-target .noUi-base .noUi-origin .noUi-handle{background-color: #16191d;} html[data-theme="dark"] .noUi-target .noUi-pips .noUi-marker-horizontal, html[data-theme="dark"] .noUi-target .noUi-pips .noUi-marker-vertical{background-color: #2c2f3b;} html[data-theme="dark"] .noUi-target .noUi-pips .noUi-value{color: #eceef1;} html[data-theme="dark"] .slider-secondary .noUi-base .noUi-connect{background-color: #414c56;} html[data-theme="dark"] .slider-secondary .noUi-base .noUi-origin{background-color: #414c56;} html[data-theme="dark"] .slider-secondary .noUi-base .noUi-origin .noUi-handle:after{background-color: #414c56;} html[data-theme="dark"] .slider-secondary .noUi-base .noUi-origin .noUi-handle .noUi-tooltip{background-color: #414c56;} html[data-theme="dark"] .slider-info .noUi-base .noUi-connect{background-color: #283c53;} html[data-theme="dark"] .slider-info .noUi-base .noUi-origin{background-color: #283c53;} html[data-theme="dark"] .slider-info .noUi-base .noUi-origin .noUi-handle:after{background-color: #283c53;} html[data-theme="dark"] .slider-info .noUi-base .noUi-origin .noUi-handle .noUi-tooltip{background-color: #283c53;} html[data-theme="dark"] .slider-danger .noUi-base .noUi-connect{background-color: #532828;} html[data-theme="dark"] .slider-danger .noUi-base .noUi-origin{background-color: #532828;} html[data-theme="dark"] .slider-danger .noUi-base .noUi-origin .noUi-handle:after{background-color: #532828;} html[data-theme="dark"] .slider-danger .noUi-base .noUi-origin .noUi-handle .noUi-tooltip{background-color: #532828;} html[data-theme="dark"] .slider-light .noUi-base .noUi-connect{background-color: #181d22;} html[data-theme="dark"] .slider-light .noUi-base .noUi-origin{background-color: #181d22;} html[data-theme="dark"] .slider-light .noUi-base .noUi-origin .noUi-handle:after{background-color: #181d22;} html[data-theme="dark"] .slider-light .noUi-base .noUi-origin .noUi-handle .noUi-tooltip{background-color: #181d22;} html[data-theme="dark"] .pws_tabs_container ul.pws_tabs_controll li a{background-color: #16191d;} html[data-theme="dark"] .pws_tabs_container ul.pws_tabs_controll li a:hover{background-color: #16191d;} html[data-theme="dark"] .ql-toolbar.ql-snow, html[data-theme="dark"] .quill-container.ql-snow{border-color: #343846;} html[data-theme="dark"] .br-theme-bars-square .br-widget a{border-color: #2f4257;} html[data-theme="dark"] .br-theme-bars-square .br-widget a.br-selected, html[data-theme="dark"] .br-theme-bars-square .br-widget a.br-active{border-color: #2f4257;} html[data-theme="dark"] .br-theme-bars-movie .br-widget .br-current-rating, html[data-theme="dark"] .br-theme-bars-reversed .br-widget .br-current-rating, html[data-theme="dark"] .br-theme-bars-1to10 .br-widget .br-current-rating, html[data-theme="dark"] .br-theme-bars-horizontal .br-widget .br-current-rating{color: #eceef1;} html[data-theme="dark"] .select2-container--default .select2-selection--single, html[data-theme="dark"] .select2-container--default .select2-dropdown, html[data-theme="dark"] .select2-container--default .select2-selection--multiple{border-color: #343846;} html[data-theme="dark"] .select2-container--default .select2-selection--single .select2-search__field, html[data-theme="dark"] .select2-container--default .select2-dropdown .select2-search__field, html[data-theme="dark"] .select2-container--default .select2-selection--multiple .select2-search__field{border-color: #343846;} html[data-theme="dark"] .select2-container--default.select2-container--focus .select2-selection--multiple{border-color: #343846;} html[data-theme="dark"] .select2-container--default .select2-selection--multiple .select2-selection__choice:nth-child(5n+3){background-color: #283c53;} html[data-theme="dark"] .select2-container--default .select2-selection--multiple .select2-selection__choice:nth-child(5n+4){background-color: #532828;} html[data-theme="dark"] .swal2-modal .swal2-title{color: #eceef1;} html[data-theme="dark"] .swal2-modal .swal2-content{color: #eceef1;} html[data-theme="dark"] /* Tags */ div.tagsinput{border-color: #343846;} html[data-theme="dark"] /* TinyMCE Editor */ .mce-tinymce.mce-panel, html[data-theme="dark"] .mce-tinymce .mce-panel{border-color: #343846;} html[data-theme="dark"] .jq-toast-wrap .jq-icon-info{background-color: #283c53;} html[data-theme="dark"] .jq-toast-wrap .jq-icon-error{background-color: #532828;} html[data-theme="dark"] .typeahead{background-color: #16191d;} html[data-theme="dark"] .typeahead:focus{border-color: #343846;} html[data-theme="dark"] .tt-hint{color: #d3d7dc;} html[data-theme="dark"] .tt-menu{background-color: #16191d;} html[data-theme="dark"] .wysi-editor textarea:focus{color: #eceef1;} html[data-theme="dark"] .wysi-editor a[data-wysihtml-command-value="green"]{color: #c9e6a8;} html[data-theme="dark"] .wysi-editor code{background-color: #262c32;} html[data-theme="dark"] .wysi-editor .toolbar a{background-color: #16191d;} html[data-theme="dark"] .wysi-editor .toolbar .block{background-color: #1e2328;} html[data-theme="dark"] .wysi-editor div[data-wysihtml-dialog="createTable"]{background-color: #16191d;} html[data-theme="dark"] /* X-editable */ .editable-form .editable{color: #eceef1;} html[data-theme="dark"] .wizard > .steps .disabled a{background-color: #1f242b;color: #d3d7dc;} html[data-theme="dark"] .wizard > .steps .disabled a:hover{background-color: #1f242b;color: #d3d7dc;} html[data-theme="dark"] .wizard > .steps .disabled a:active{background-color: #1f242b;color: #d3d7dc;} html[data-theme="dark"] .wizard > .steps .done a{background-color: #283c53;} html[data-theme="dark"] .wizard > .steps .done a:hover{background-color: #283c53;} html[data-theme="dark"] .wizard > .steps .done a:active{background-color: #283c53;} html[data-theme="dark"] .wizard > .steps .error a{background-color: #532828;} html[data-theme="dark"] .wizard > .steps .error a:hover{background-color: #532828;} html[data-theme="dark"] .wizard > .steps .error a:active{background-color: #532828;} html[data-theme="dark"] .wizard > .content{background-color: #16191d;} html[data-theme="dark"] .wizard > .content > .body input.error{background-color: #3c1d1e;} html[data-theme="dark"] .auth .auth-form-light{background-color: #16191d;} html[data-theme="dark"] .auth .auth-form-light .input-group .form-control:focus, html[data-theme="dark"] .auth .auth-form-light .asColorPicker-wrap .form-control:focus, html[data-theme="dark"] .auth .auth-form-light .input-group .asColorPicker-input:focus, html[data-theme="dark"] .auth .auth-form-light .asColorPicker-wrap .asColorPicker-input:focus, html[data-theme="dark"] .auth .auth-form-light .input-group .dataTables_wrapper select:focus, html[data-theme="dark"] .dataTables_wrapper .auth .auth-form-light .input-group select:focus, html[data-theme="dark"] .auth .auth-form-light .asColorPicker-wrap .dataTables_wrapper select:focus, html[data-theme="dark"] .dataTables_wrapper .auth .auth-form-light .asColorPicker-wrap select:focus, html[data-theme="dark"] .auth .auth-form-light .input-group .jsgrid .jsgrid-table .jsgrid-filter-row input:focus[type=text], html[data-theme="dark"] .jsgrid .jsgrid-table .jsgrid-filter-row .auth .auth-form-light .input-group input:focus[type=text], html[data-theme="dark"] .auth .auth-form-light .asColorPicker-wrap .jsgrid .jsgrid-table .jsgrid-filter-row input:focus[type=text], html[data-theme="dark"] .jsgrid .jsgrid-table .jsgrid-filter-row .auth .auth-form-light .asColorPicker-wrap input:focus[type=text], html[data-theme="dark"] .auth .auth-form-light .input-group .jsgrid .jsgrid-table .jsgrid-filter-row select:focus, html[data-theme="dark"] .jsgrid .jsgrid-table .jsgrid-filter-row .auth .auth-form-light .input-group select:focus, html[data-theme="dark"] .auth .auth-form-light .asColorPicker-wrap .jsgrid .jsgrid-table .jsgrid-filter-row select:focus, html[data-theme="dark"] .jsgrid .jsgrid-table .jsgrid-filter-row .auth .auth-form-light .asColorPicker-wrap select:focus, html[data-theme="dark"] .auth .auth-form-light .input-group .jsgrid .jsgrid-table .jsgrid-filter-row input:focus[type=number], html[data-theme="dark"] .jsgrid .jsgrid-table .jsgrid-filter-row .auth .auth-form-light .input-group input:focus[type=number], html[data-theme="dark"] .auth .auth-form-light .asColorPicker-wrap .jsgrid .jsgrid-table .jsgrid-filter-row input:focus[type=number], html[data-theme="dark"] .jsgrid .jsgrid-table .jsgrid-filter-row .auth .auth-form-light .asColorPicker-wrap input:focus[type=number], html[data-theme="dark"] .auth .auth-form-light .input-group .select2-container--default .select2-selection--single:focus, html[data-theme="dark"] .select2-container--default .auth .auth-form-light .input-group .select2-selection--single:focus, html[data-theme="dark"] .auth .auth-form-light .asColorPicker-wrap .select2-container--default .select2-selection--single:focus, html[data-theme="dark"] .select2-container--default .auth .auth-form-light .asColorPicker-wrap .select2-selection--single:focus, html[data-theme="dark"] .auth .auth-form-light .input-group .select2-container--default .select2-selection--single .select2-search__field:focus, html[data-theme="dark"] .select2-container--default .select2-selection--single .auth .auth-form-light .input-group .select2-search__field:focus, html[data-theme="dark"] .auth .auth-form-light .asColorPicker-wrap .select2-container--default .select2-selection--single .select2-search__field:focus, html[data-theme="dark"] .select2-container--default .select2-selection--single .auth .auth-form-light .asColorPicker-wrap .select2-search__field:focus, html[data-theme="dark"] .auth .auth-form-light .input-group .typeahead:focus, html[data-theme="dark"] .auth .auth-form-light .asColorPicker-wrap .typeahead:focus, html[data-theme="dark"] .auth .auth-form-light .input-group .tt-query:focus, html[data-theme="dark"] .auth .auth-form-light .asColorPicker-wrap .tt-query:focus, html[data-theme="dark"] .auth .auth-form-light .input-group .tt-hint:focus, html[data-theme="dark"] .auth .auth-form-light .asColorPicker-wrap .tt-hint:focus, html[data-theme="dark"] .auth .auth-form-light .input-group .form-control:active, html[data-theme="dark"] .auth .auth-form-light .asColorPicker-wrap .form-control:active, html[data-theme="dark"] .auth .auth-form-light .input-group .asColorPicker-input:active, html[data-theme="dark"] .auth .auth-form-light .asColorPicker-wrap .asColorPicker-input:active, html[data-theme="dark"] .auth .auth-form-light .input-group .dataTables_wrapper select:active, html[data-theme="dark"] .dataTables_wrapper .auth .auth-form-light .input-group select:active, html[data-theme="dark"] .auth .auth-form-light .asColorPicker-wrap .dataTables_wrapper select:active, html[data-theme="dark"] .dataTables_wrapper .auth .auth-form-light .asColorPicker-wrap select:active, html[data-theme="dark"] .auth .auth-form-light .input-group .jsgrid .jsgrid-table .jsgrid-filter-row input:active[type=text], html[data-theme="dark"] .jsgrid .jsgrid-table .jsgrid-filter-row .auth .auth-form-light .input-group input:active[type=text], html[data-theme="dark"] .auth .auth-form-light .asColorPicker-wrap .jsgrid .jsgrid-table .jsgrid-filter-row input:active[type=text], html[data-theme="dark"] .jsgrid .jsgrid-table .jsgrid-filter-row .auth .auth-form-light .asColorPicker-wrap input:active[type=text], html[data-theme="dark"] .auth .auth-form-light .input-group .jsgrid .jsgrid-table .jsgrid-filter-row select:active, html[data-theme="dark"] .jsgrid .jsgrid-table .jsgrid-filter-row .auth .auth-form-light .input-group select:active, html[data-theme="dark"] .auth .auth-form-light .asColorPicker-wrap .jsgrid .jsgrid-table .jsgrid-filter-row select:active, html[data-theme="dark"] .jsgrid .jsgrid-table .jsgrid-filter-row .auth .auth-form-light .asColorPicker-wrap select:active, html[data-theme="dark"] .auth .auth-form-light .input-group .jsgrid .jsgrid-table .jsgrid-filter-row input:active[type=number], html[data-theme="dark"] .jsgrid .jsgrid-table .jsgrid-filter-row .auth .auth-form-light .input-group input:active[type=number], html[data-theme="dark"] .auth .auth-form-light .asColorPicker-wrap .jsgrid .jsgrid-table .jsgrid-filter-row input:active[type=number], html[data-theme="dark"] .jsgrid .jsgrid-table .jsgrid-filter-row .auth .auth-form-light .asColorPicker-wrap input:active[type=number], html[data-theme="dark"] .auth .auth-form-light .input-group .select2-container--default .select2-selection--single:active, html[data-theme="dark"] .select2-container--default .auth .auth-form-light .input-group .select2-selection--single:active, html[data-theme="dark"] .auth .auth-form-light .asColorPicker-wrap .select2-container--default .select2-selection--single:active, html[data-theme="dark"] .select2-container--default .auth .auth-form-light .asColorPicker-wrap .select2-selection--single:active, html[data-theme="dark"] .auth .auth-form-light .input-group .select2-container--default .select2-selection--single .select2-search__field:active, html[data-theme="dark"] .select2-container--default .select2-selection--single .auth .auth-form-light .input-group .select2-search__field:active, html[data-theme="dark"] .auth .auth-form-light .asColorPicker-wrap .select2-container--default .select2-selection--single .select2-search__field:active, html[data-theme="dark"] .select2-container--default .select2-selection--single .auth .auth-form-light .asColorPicker-wrap .select2-search__field:active, html[data-theme="dark"] .auth .auth-form-light .input-group .typeahead:active, html[data-theme="dark"] .auth .auth-form-light .asColorPicker-wrap .typeahead:active, html[data-theme="dark"] .auth .auth-form-light .input-group .tt-query:active, html[data-theme="dark"] .auth .auth-form-light .asColorPicker-wrap .tt-query:active, html[data-theme="dark"] .auth .auth-form-light .input-group .tt-hint:active, html[data-theme="dark"] .auth .auth-form-light .asColorPicker-wrap .tt-hint:active{border-color: #343846;} html[data-theme="dark"] .auth .auth-form-transparent .form-control, html[data-theme="dark"] .auth .auth-form-transparent .asColorPicker-input, html[data-theme="dark"] .auth .auth-form-transparent .dataTables_wrapper select, html[data-theme="dark"] .dataTables_wrapper .auth .auth-form-transparent select, html[data-theme="dark"] .auth .auth-form-transparent .jsgrid .jsgrid-table .jsgrid-filter-row input[type=text], html[data-theme="dark"] .jsgrid .jsgrid-table .jsgrid-filter-row .auth .auth-form-transparent input[type=text], html[data-theme="dark"] .auth .auth-form-transparent .jsgrid .jsgrid-table .jsgrid-filter-row select, html[data-theme="dark"] .jsgrid .jsgrid-table .jsgrid-filter-row .auth .auth-form-transparent select, html[data-theme="dark"] .auth .auth-form-transparent .jsgrid .jsgrid-table .jsgrid-filter-row input[type=number], html[data-theme="dark"] .jsgrid .jsgrid-table .jsgrid-filter-row .auth .auth-form-transparent input[type=number], html[data-theme="dark"] .auth .auth-form-transparent .select2-container--default .select2-selection--single, html[data-theme="dark"] .select2-container--default .auth .auth-form-transparent .select2-selection--single, html[data-theme="dark"] .auth .auth-form-transparent .select2-container--default .select2-selection--single .select2-search__field, html[data-theme="dark"] .select2-container--default .select2-selection--single .auth .auth-form-transparent .select2-search__field, html[data-theme="dark"] .auth .auth-form-transparent .typeahead, html[data-theme="dark"] .auth .auth-form-transparent .tt-query, html[data-theme="dark"] .auth .auth-form-transparent .tt-hint, html[data-theme="dark"] .auth .auth-form-transparent .input-group-text{border-color: #38414a;} html[data-theme="dark"] .auth .auth-form-transparent .form-control:focus, html[data-theme="dark"] .auth .auth-form-transparent .asColorPicker-input:focus, html[data-theme="dark"] .auth .auth-form-transparent .dataTables_wrapper select:focus, html[data-theme="dark"] .dataTables_wrapper .auth .auth-form-transparent select:focus, html[data-theme="dark"] .auth .auth-form-transparent .jsgrid .jsgrid-table .jsgrid-filter-row input:focus[type=text], html[data-theme="dark"] .jsgrid .jsgrid-table .jsgrid-filter-row .auth .auth-form-transparent input:focus[type=text], html[data-theme="dark"] .auth .auth-form-transparent .jsgrid .jsgrid-table .jsgrid-filter-row select:focus, html[data-theme="dark"] .jsgrid .jsgrid-table .jsgrid-filter-row .auth .auth-form-transparent select:focus, html[data-theme="dark"] .auth .auth-form-transparent .jsgrid .jsgrid-table .jsgrid-filter-row input:focus[type=number], html[data-theme="dark"] .jsgrid .jsgrid-table .jsgrid-filter-row .auth .auth-form-transparent input:focus[type=number], html[data-theme="dark"] .auth .auth-form-transparent .select2-container--default .select2-selection--single:focus, html[data-theme="dark"] .select2-container--default .auth .auth-form-transparent .select2-selection--single:focus, html[data-theme="dark"] .auth .auth-form-transparent .select2-container--default .select2-selection--single .select2-search__field:focus, html[data-theme="dark"] .select2-container--default .select2-selection--single .auth .auth-form-transparent .select2-search__field:focus, html[data-theme="dark"] .auth .auth-form-transparent .typeahead:focus, html[data-theme="dark"] .auth .auth-form-transparent .tt-query:focus, html[data-theme="dark"] .auth .auth-form-transparent .tt-hint:focus, html[data-theme="dark"] .auth .auth-form-transparent .form-control:active, html[data-theme="dark"] .auth .auth-form-transparent .asColorPicker-input:active, html[data-theme="dark"] .auth .auth-form-transparent .dataTables_wrapper select:active, html[data-theme="dark"] .dataTables_wrapper .auth .auth-form-transparent select:active, html[data-theme="dark"] .auth .auth-form-transparent .jsgrid .jsgrid-table .jsgrid-filter-row input:active[type=text], html[data-theme="dark"] .jsgrid .jsgrid-table .jsgrid-filter-row .auth .auth-form-transparent input:active[type=text], html[data-theme="dark"] .auth .auth-form-transparent .jsgrid .jsgrid-table .jsgrid-filter-row select:active, html[data-theme="dark"] .jsgrid .jsgrid-table .jsgrid-filter-row .auth .auth-form-transparent select:active, html[data-theme="dark"] .auth .auth-form-transparent .jsgrid .jsgrid-table .jsgrid-filter-row input:active[type=number], html[data-theme="dark"] .jsgrid .jsgrid-table .jsgrid-filter-row .auth .auth-form-transparent input:active[type=number], html[data-theme="dark"] .auth .auth-form-transparent .select2-container--default .select2-selection--single:active, html[data-theme="dark"] .select2-container--default .auth .auth-form-transparent .select2-selection--single:active, html[data-theme="dark"] .auth .auth-form-transparent .select2-container--default .select2-selection--single .select2-search__field:active, html[data-theme="dark"] .select2-container--default .select2-selection--single .auth .auth-form-transparent .select2-search__field:active, html[data-theme="dark"] .auth .auth-form-transparent .typeahead:active, html[data-theme="dark"] .auth .auth-form-transparent .tt-query:active, html[data-theme="dark"] .auth .auth-form-transparent .tt-hint:active, html[data-theme="dark"] .auth .auth-form-transparent .input-group-text:focus, html[data-theme="dark"] .auth .auth-form-transparent .input-group-text:active{border-color: #38414a;} html[data-theme="dark"] .content-wrapper{background-color: #1e2328;} html[data-theme="dark"] .sidebar-icon-only .sidebar .nav .nav-item .nav-link .menu-title{background-color: #21272c;} html[data-theme="dark"] .sidebar-icon-only .sidebar .nav .nav-item.hover-open .nav-link .menu-title{background-color: #21272c;} html[data-theme="dark"] .sidebar-icon-only .sidebar .nav .nav-item.hover-open .nav-link:hover .menu-title{background-color: #21272c;} html[data-theme="dark"] .sidebar-icon-only .sidebar .nav .nav-item.hover-open .collapse, html[data-theme="dark"] .sidebar-icon-only .sidebar .nav .nav-item.hover-open .collapsing{background-color: #1e2328;} html[data-theme="dark"] .boxed-layout .container-scroller{background-color: #303840;} html[data-theme="dark"] .content-wrapper{background-color: #1c2025;} html[data-theme="dark"] /* Sidebar */ .sidebar{background-color: #1e2328;} html[data-theme="dark"] .sidebar .nav .nav-item .nav-link{color: #c5ccd3;} html[data-theme="dark"] .sidebar .nav .nav-item .nav-link i.menu-icon{color: #c5ccd3;} html[data-theme="dark"] .sidebar .nav .nav-item .nav-link i.menu-arrow{color: #c9cfd6;} html[data-theme="dark"] .sidebar .nav:not(.sub-menu) > .nav-item:hover > .nav-link, html[data-theme="dark"] .sidebar .nav:not(.sub-menu) > .nav-item:hover[aria-expanded="true"]{background-color: #21272c;color: #ced4da;} html[data-theme="dark"] .sidebar .nav:not(.sub-menu) > .nav-item > .nav-link[aria-expanded="true"], html[data-theme="dark"] .sidebar .nav:not(.sub-menu) > .nav-item > * > .nav-link[aria-expanded="true"]{background-color: #21272c;} html[data-theme="dark"] .sidebar .nav:not(.sub-menu) > .nav-item.active{background-color: #21272c;} html[data-theme="dark"] .sidebar .nav.sub-menu{background-color: #21272c;} html[data-theme="dark"] .sidebar .nav.sub-menu .nav-item::before{background-color: #3a444d;} html[data-theme="dark"] .sidebar .nav.sub-menu .nav-item .nav-link{color: #cad0d7;} html[data-theme="dark"] .sidebar .nav.sub-menu .nav-item .nav-link:hover{color: #eceef1;} html[data-theme="dark"] .sidebar-dark .sidebar .nav .nav-item.active > .nav-link .menu-title, html[data-theme="dark"] .sidebar-dark .sidebar .nav .nav-item.active > .nav-link i, html[data-theme="dark"] .sidebar-dark .sidebar .nav .nav-item.active > * > .nav-link .menu-title, html[data-theme="dark"] .sidebar-dark .sidebar .nav .nav-item.active > * > .nav-link i{color: #c2cad6;} html[data-theme="dark"] .navbar .navbar-brand-wrapper{background-color: #16191d;} html[data-theme="dark"] .navbar .navbar-menu-wrapper{background-color: #16191d;} html[data-theme="dark"] .navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-search .input-group .form-control::-webkit-input-placeholder, html[data-theme="dark"] .navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-search .asColorPicker-wrap .form-control::-webkit-input-placeholder, html[data-theme="dark"] .navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-search .input-group .asColorPicker-input::-webkit-input-placeholder, html[data-theme="dark"] .navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-search .asColorPicker-wrap .asColorPicker-input::-webkit-input-placeholder, html[data-theme="dark"] .navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-search .input-group .dataTables_wrapper select::-webkit-input-placeholder, html[data-theme="dark"] .dataTables_wrapper .navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-search .input-group select::-webkit-input-placeholder, html[data-theme="dark"] .navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-search .asColorPicker-wrap .dataTables_wrapper select::-webkit-input-placeholder, html[data-theme="dark"] .dataTables_wrapper .navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-search .asColorPicker-wrap select::-webkit-input-placeholder, html[data-theme="dark"] .navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-search .input-group .jsgrid .jsgrid-table .jsgrid-filter-row input[type=text]::-webkit-input-placeholder, html[data-theme="dark"] .jsgrid .jsgrid-table .jsgrid-filter-row .navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-search .input-group input[type=text]::-webkit-input-placeholder, html[data-theme="dark"] .navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-search .asColorPicker-wrap .jsgrid .jsgrid-table .jsgrid-filter-row input[type=text]::-webkit-input-placeholder, html[data-theme="dark"] .jsgrid .jsgrid-table .jsgrid-filter-row .navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-search .asColorPicker-wrap input[type=text]::-webkit-input-placeholder, html[data-theme="dark"] .navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-search .input-group .jsgrid .jsgrid-table .jsgrid-filter-row select::-webkit-input-placeholder, html[data-theme="dark"] .jsgrid .jsgrid-table .jsgrid-filter-row .navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-search .input-group select::-webkit-input-placeholder, html[data-theme="dark"] .navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-search .asColorPicker-wrap .jsgrid .jsgrid-table .jsgrid-filter-row select::-webkit-input-placeholder, html[data-theme="dark"] .jsgrid .jsgrid-table .jsgrid-filter-row .navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-search .asColorPicker-wrap select::-webkit-input-placeholder, html[data-theme="dark"] .navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-search .input-group .jsgrid .jsgrid-table .jsgrid-filter-row input[type=number]::-webkit-input-placeholder, html[data-theme="dark"] .jsgrid .jsgrid-table .jsgrid-filter-row .navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-search .input-group input[type=number]::-webkit-input-placeholder, html[data-theme="dark"] .navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-search .asColorPicker-wrap .jsgrid .jsgrid-table .jsgrid-filter-row input[type=number]::-webkit-input-placeholder, html[data-theme="dark"] .jsgrid .jsgrid-table .jsgrid-filter-row .navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-search .asColorPicker-wrap input[type=number]::-webkit-input-placeholder, html[data-theme="dark"] .navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-search .input-group .select2-container--default .select2-selection--single::-webkit-input-placeholder, html[data-theme="dark"] .select2-container--default .navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-search .input-group .select2-selection--single::-webkit-input-placeholder, html[data-theme="dark"] .navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-search .asColorPicker-wrap .select2-container--default .select2-selection--single::-webkit-input-placeholder, html[data-theme="dark"] .select2-container--default .navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-search .asColorPicker-wrap .select2-selection--single::-webkit-input-placeholder, html[data-theme="dark"] .navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-search .input-group .select2-container--default .select2-selection--single .select2-search__field::-webkit-input-placeholder, html[data-theme="dark"] .select2-container--default .select2-selection--single .navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-search .input-group .select2-search__field::-webkit-input-placeholder, html[data-theme="dark"] .navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-search .asColorPicker-wrap .select2-container--default .select2-selection--single .select2-search__field::-webkit-input-placeholder, html[data-theme="dark"] .select2-container--default .select2-selection--single .navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-search .asColorPicker-wrap .select2-search__field::-webkit-input-placeholder, html[data-theme="dark"] .navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-search .input-group .typeahead::-webkit-input-placeholder, html[data-theme="dark"] .navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-search .asColorPicker-wrap .typeahead::-webkit-input-placeholder, html[data-theme="dark"] .navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-search .input-group .tt-query::-webkit-input-placeholder, html[data-theme="dark"] .navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-search .asColorPicker-wrap .tt-query::-webkit-input-placeholder, html[data-theme="dark"] .navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-search .input-group .tt-hint::-webkit-input-placeholder, html[data-theme="dark"] .navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-search .asColorPicker-wrap .tt-hint::-webkit-input-placeholder{color: #c5ccd3;} html[data-theme="dark"] .navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-search .input-group .form-control:-moz-placeholder, html[data-theme="dark"] .navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-search .asColorPicker-wrap .form-control:-moz-placeholder, html[data-theme="dark"] .navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-search .input-group .asColorPicker-input:-moz-placeholder, html[data-theme="dark"] .navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-search .asColorPicker-wrap .asColorPicker-input:-moz-placeholder, html[data-theme="dark"] .navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-search .input-group .dataTables_wrapper select:-moz-placeholder, html[data-theme="dark"] .dataTables_wrapper .navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-search .input-group select:-moz-placeholder, html[data-theme="dark"] .navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-search .asColorPicker-wrap .dataTables_wrapper select:-moz-placeholder, html[data-theme="dark"] .dataTables_wrapper .navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-search .asColorPicker-wrap select:-moz-placeholder, html[data-theme="dark"] .navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-search .input-group .jsgrid .jsgrid-table .jsgrid-filter-row input:-moz-placeholder[type=text], html[data-theme="dark"] .jsgrid .jsgrid-table .jsgrid-filter-row .navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-search .input-group input:-moz-placeholder[type=text], html[data-theme="dark"] .navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-search .asColorPicker-wrap .jsgrid .jsgrid-table .jsgrid-filter-row input:-moz-placeholder[type=text], html[data-theme="dark"] .jsgrid .jsgrid-table .jsgrid-filter-row .navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-search .asColorPicker-wrap input:-moz-placeholder[type=text], html[data-theme="dark"] .navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-search .input-group .jsgrid .jsgrid-table .jsgrid-filter-row select:-moz-placeholder, html[data-theme="dark"] .jsgrid .jsgrid-table .jsgrid-filter-row .navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-search .input-group select:-moz-placeholder, html[data-theme="dark"] .navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-search .asColorPicker-wrap .jsgrid .jsgrid-table .jsgrid-filter-row select:-moz-placeholder, html[data-theme="dark"] .jsgrid .jsgrid-table .jsgrid-filter-row .navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-search .asColorPicker-wrap select:-moz-placeholder, html[data-theme="dark"] .navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-search .input-group .jsgrid .jsgrid-table .jsgrid-filter-row input:-moz-placeholder[type=number], html[data-theme="dark"] .jsgrid .jsgrid-table .jsgrid-filter-row .navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-search .input-group input:-moz-placeholder[type=number], html[data-theme="dark"] .navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-search .asColorPicker-wrap .jsgrid .jsgrid-table .jsgrid-filter-row input:-moz-placeholder[type=number], html[data-theme="dark"] .jsgrid .jsgrid-table .jsgrid-filter-row .navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-search .asColorPicker-wrap input:-moz-placeholder[type=number], html[data-theme="dark"] .navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-search .input-group .select2-container--default .select2-selection--single:-moz-placeholder, html[data-theme="dark"] .select2-container--default .navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-search .input-group .select2-selection--single:-moz-placeholder, html[data-theme="dark"] .navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-search .asColorPicker-wrap .select2-container--default .select2-selection--single:-moz-placeholder, html[data-theme="dark"] .select2-container--default .navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-search .asColorPicker-wrap .select2-selection--single:-moz-placeholder, html[data-theme="dark"] .navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-search .input-group .select2-container--default .select2-selection--single .select2-search__field:-moz-placeholder, html[data-theme="dark"] .select2-container--default .select2-selection--single .navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-search .input-group .select2-search__field:-moz-placeholder, html[data-theme="dark"] .navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-search .asColorPicker-wrap .select2-container--default .select2-selection--single .select2-search__field:-moz-placeholder, html[data-theme="dark"] .select2-container--default .select2-selection--single .navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-search .asColorPicker-wrap .select2-search__field:-moz-placeholder, html[data-theme="dark"] .navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-search .input-group .typeahead:-moz-placeholder, html[data-theme="dark"] .navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-search .asColorPicker-wrap .typeahead:-moz-placeholder, html[data-theme="dark"] .navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-search .input-group .tt-query:-moz-placeholder, html[data-theme="dark"] .navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-search .asColorPicker-wrap .tt-query:-moz-placeholder, html[data-theme="dark"] .navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-search .input-group .tt-hint:-moz-placeholder, html[data-theme="dark"] .navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-search .asColorPicker-wrap .tt-hint:-moz-placeholder{color: #c5ccd3;} html[data-theme="dark"] .navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-search .input-group .form-control:-ms-input-placeholder, html[data-theme="dark"] .navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-search .asColorPicker-wrap .form-control:-ms-input-placeholder, html[data-theme="dark"] .navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-search .input-group .asColorPicker-input:-ms-input-placeholder, html[data-theme="dark"] .navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-search .asColorPicker-wrap .asColorPicker-input:-ms-input-placeholder, html[data-theme="dark"] .navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-search .input-group .dataTables_wrapper select:-ms-input-placeholder, html[data-theme="dark"] .dataTables_wrapper .navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-search .input-group select:-ms-input-placeholder, html[data-theme="dark"] .navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-search .asColorPicker-wrap .dataTables_wrapper select:-ms-input-placeholder, html[data-theme="dark"] .dataTables_wrapper .navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-search .asColorPicker-wrap select:-ms-input-placeholder, html[data-theme="dark"] .navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-search .input-group .jsgrid .jsgrid-table .jsgrid-filter-row input:-ms-input-placeholder[type=text], html[data-theme="dark"] .jsgrid .jsgrid-table .jsgrid-filter-row .navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-search .input-group input:-ms-input-placeholder[type=text], html[data-theme="dark"] .navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-search .asColorPicker-wrap .jsgrid .jsgrid-table .jsgrid-filter-row input:-ms-input-placeholder[type=text], html[data-theme="dark"] .jsgrid .jsgrid-table .jsgrid-filter-row .navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-search .asColorPicker-wrap input:-ms-input-placeholder[type=text], html[data-theme="dark"] .navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-search .input-group .jsgrid .jsgrid-table .jsgrid-filter-row select:-ms-input-placeholder, html[data-theme="dark"] .jsgrid .jsgrid-table .jsgrid-filter-row .navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-search .input-group select:-ms-input-placeholder, html[data-theme="dark"] .navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-search .asColorPicker-wrap .jsgrid .jsgrid-table .jsgrid-filter-row select:-ms-input-placeholder, html[data-theme="dark"] .jsgrid .jsgrid-table .jsgrid-filter-row .navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-search .asColorPicker-wrap select:-ms-input-placeholder, html[data-theme="dark"] .navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-search .input-group .jsgrid .jsgrid-table .jsgrid-filter-row input:-ms-input-placeholder[type=number], html[data-theme="dark"] .jsgrid .jsgrid-table .jsgrid-filter-row .navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-search .input-group input:-ms-input-placeholder[type=number], html[data-theme="dark"] .navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-search .asColorPicker-wrap .jsgrid .jsgrid-table .jsgrid-filter-row input:-ms-input-placeholder[type=number], html[data-theme="dark"] .jsgrid .jsgrid-table .jsgrid-filter-row .navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-search .asColorPicker-wrap input:-ms-input-placeholder[type=number], html[data-theme="dark"] .navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-search .input-group .select2-container--default .select2-selection--single:-ms-input-placeholder, html[data-theme="dark"] .select2-container--default .navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-search .input-group .select2-selection--single:-ms-input-placeholder, html[data-theme="dark"] .navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-search .asColorPicker-wrap .select2-container--default .select2-selection--single:-ms-input-placeholder, html[data-theme="dark"] .select2-container--default .navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-search .asColorPicker-wrap .select2-selection--single:-ms-input-placeholder, html[data-theme="dark"] .navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-search .input-group .select2-container--default .select2-selection--single .select2-search__field:-ms-input-placeholder, html[data-theme="dark"] .select2-container--default .select2-selection--single .navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-search .input-group .select2-search__field:-ms-input-placeholder, html[data-theme="dark"] .navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-search .asColorPicker-wrap .select2-container--default .select2-selection--single .select2-search__field:-ms-input-placeholder, html[data-theme="dark"] .select2-container--default .select2-selection--single .navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-search .asColorPicker-wrap .select2-search__field:-ms-input-placeholder, html[data-theme="dark"] .navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-search .input-group .typeahead:-ms-input-placeholder, html[data-theme="dark"] .navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-search .asColorPicker-wrap .typeahead:-ms-input-placeholder, html[data-theme="dark"] .navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-search .input-group .tt-query:-ms-input-placeholder, html[data-theme="dark"] .navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-search .asColorPicker-wrap .tt-query:-ms-input-placeholder, html[data-theme="dark"] .navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-search .input-group .tt-hint:-ms-input-placeholder, html[data-theme="dark"] .navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-search .asColorPicker-wrap .tt-hint:-ms-input-placeholder{color: #c5ccd3;} html[data-theme="dark"] .navbar.navbar-light .navbar-menu-wrapper{background-color: #16191d;} html[data-theme="dark"] .navbar.navbar-light .navbar-menu-wrapper .navbar-toggler{color: #dadee5;} html[data-theme="dark"] .navbar.navbar-light .navbar-menu-wrapper .nav-item .nav-link{color: #dadee5;} html[data-theme="dark"] .navbar.navbar-secondary .navbar-menu-wrapper{background-color: #414c56;} html[data-theme="dark"] .navbar.navbar-light .navbar-menu-wrapper{background-color: #16191d;} html[data-theme="dark"] .navbar.navbar-light .navbar-menu-wrapper .navbar-toggler{color: #dadee5;} html[data-theme="dark"] .navbar.navbar-light .navbar-menu-wrapper .nav-item .nav-link{color: #dadee5;} html[data-theme="dark"] .navbar.navbar-light .navbar-menu-wrapper{background-color: #16191d;} html[data-theme="dark"] .navbar.navbar-light .navbar-menu-wrapper .navbar-toggler{color: #dadee5;} html[data-theme="dark"] .navbar.navbar-light .navbar-menu-wrapper .nav-item .nav-link{color: #dadee5;} html[data-theme="dark"] .navbar.navbar-info .navbar-menu-wrapper{background-color: #283c53;} html[data-theme="dark"] .navbar.navbar-light .navbar-menu-wrapper{background-color: #16191d;} html[data-theme="dark"] .navbar.navbar-light .navbar-menu-wrapper .navbar-toggler{color: #dadee5;} html[data-theme="dark"] .navbar.navbar-light .navbar-menu-wrapper .nav-item .nav-link{color: #dadee5;} html[data-theme="dark"] .navbar.navbar-light .navbar-menu-wrapper{background-color: #16191d;} html[data-theme="dark"] .navbar.navbar-light .navbar-menu-wrapper .navbar-toggler{color: #dadee5;} html[data-theme="dark"] .navbar.navbar-light .navbar-menu-wrapper .nav-item .nav-link{color: #dadee5;} html[data-theme="dark"] .navbar.navbar-danger .navbar-menu-wrapper{background-color: #532828;} html[data-theme="dark"] .navbar.navbar-light .navbar-menu-wrapper{background-color: #16191d;} html[data-theme="dark"] .navbar.navbar-light .navbar-menu-wrapper .navbar-toggler{color: #dadee5;} html[data-theme="dark"] .navbar.navbar-light .navbar-menu-wrapper .nav-item .nav-link{color: #dadee5;} html[data-theme="dark"] .navbar.navbar-light .navbar-menu-wrapper{background-color: #181d22;} html[data-theme="dark"] .navbar.navbar-light .navbar-menu-wrapper{background-color: #16191d;} html[data-theme="dark"] .navbar.navbar-light .navbar-menu-wrapper .navbar-toggler{color: #dadee5;} html[data-theme="dark"] .navbar.navbar-light .navbar-menu-wrapper .nav-item .nav-link{color: #dadee5;} html[data-theme="dark"] .navbar.navbar-light .navbar-menu-wrapper{background-color: #16191d;} html[data-theme="dark"] .navbar.navbar-light .navbar-menu-wrapper .navbar-toggler{color: #dadee5;} html[data-theme="dark"] .navbar.navbar-light .navbar-menu-wrapper .nav-item .nav-link{color: #dadee5;} html[data-theme="dark"] /* Settings Panel */ .settings-panel{background-color: #16191d;} html[data-theme="dark"] .settings-panel .nav-tabs{background-color: #16191d;} html[data-theme="dark"] .settings-panel .settings-heading{color: #eceef1;} html[data-theme="dark"] .settings-panel .sidebar-bg-options{color: #ced4da;background-color: #16191d;} html[data-theme="dark"] .settings-panel .sidebar-bg-options.selected{background-color: #1f242b;} html[data-theme="dark"] .settings-panel .chat-list .list.active{background-color: #181d22;} html[data-theme="dark"] .settings-panel .settings-close:hover{background-color: #16191d;} html[data-theme="dark"] .table-striped tbody tr:nth-of-type(odd){background-color: #1d2126;} html[data-theme="dark"] .hide-column-button{color: #eceef1;} html[data-theme="dark"] .choose-columns .dropdown-menu{background-color: #181832;} html[data-theme="dark"] .attachment-block{background-color: #181d22;} html[data-theme="dark"] .attachment-block .attachment-text{color: #d1d6dc;} html[data-theme="dark"] .badge-light{color: #d7e0eb;background-color: #181d22;} html[data-theme="dark"] a.badge-light:hover, html[data-theme="dark"] a.badge-light:focus{color: #d7e0eb;background-color: #232c32;} html[data-theme="dark"] .detailed-report-carousel .report-table::after{background-color: #323847;} html[data-theme="dark"] .detailed-report-carousel .carousel-control-prev, html[data-theme="dark"] .detailed-report-carousel .carousel-control-next{background-color: #1c1e29;} html[data-theme="dark"] .detailed-report-carousel .carousel-control-prev:after{color: #c5ccd3;} html[data-theme="dark"] .detailed-report-carousel .carousel-control-next:after{color: #c5ccd3;} html[data-theme="dark"] .timeline::before{background-color: #24292f;} html[data-theme="dark"] .timeline > li > .timeline-item{background-color: #16191d;color: #d1d6dc;} html[data-theme="dark"] .timeline > li > .timeline-item > .timeline-header{color: #d1d6dc;} html[data-theme="dark"] .timeline > li > .fa, html[data-theme="dark"] .timeline > li > .fas, html[data-theme="dark"] .timeline > li > .far, html[data-theme="dark"] .timeline > li > .fab, html[data-theme="dark"] .timeline > li > .glyphicon, html[data-theme="dark"] .timeline > li > .ion{background-color: #3b4249;} html[data-theme="dark"] .timeline > .time-label > span{background-color: #16191d;} html[data-theme="dark"] .timeline-inverse > li > .timeline-item{background-color: #181d22;} html[data-theme="dark"] .timeline-inverse > li > .timeline-item > .timeline-header{border-bottom-color: #333b43;} html[data-theme="dark"] */ .card-comments{background-color: #181d22;} html[data-theme="dark"] .card-comments .comment-text{color: #c5ccd3;} html[data-theme="dark"] .card-comments .username{color: #d1d6dc;} html[data-theme="dark"] .bg-warning, html[data-theme="dark"] .settings-panel .color-tiles .tiles.warning, html[data-theme="dark"] .alert-warning, html[data-theme="dark"] .bg-warning > a, html[data-theme="dark"] .settings-panel .color-tiles .tiles.warning > a, html[data-theme="dark"] .alert-warning > a{color: #d7e0eb !important;} html[data-theme="dark"] .bg-warning.btn:hover, html[data-theme="dark"] .fc button.bg-warning:hover, html[data-theme="dark"] .fc .settings-panel .color-tiles button.tiles.warning:hover, html[data-theme="dark"] .settings-panel .color-tiles .fc button.tiles.warning:hover, html[data-theme="dark"] .ajax-upload-dragdrop .bg-warning.ajax-file-upload:hover, html[data-theme="dark"] .ajax-upload-dragdrop .settings-panel .color-tiles .ajax-file-upload.tiles.warning:hover, html[data-theme="dark"] .settings-panel .color-tiles .ajax-upload-dragdrop .ajax-file-upload.tiles.warning:hover, html[data-theme="dark"] .swal2-modal .swal2-buttonswrapper .bg-warning.swal2-styled:hover, html[data-theme="dark"] .swal2-modal .swal2-buttonswrapper .settings-panel .color-tiles .swal2-styled.tiles.warning:hover, html[data-theme="dark"] .settings-panel .color-tiles .swal2-modal .swal2-buttonswrapper .swal2-styled.tiles.warning:hover, html[data-theme="dark"] .wizard > .actions a.bg-warning:hover, html[data-theme="dark"] .wizard > .actions .settings-panel .color-tiles a.tiles.warning:hover, html[data-theme="dark"] .settings-panel .color-tiles .wizard > .actions a.tiles.warning:hover, html[data-theme="dark"] .settings-panel .color-tiles .btn.tiles.warning:hover, html[data-theme="dark"] .btn.alert-warning:hover, html[data-theme="dark"] .fc button.alert-warning:hover, html[data-theme="dark"] .ajax-upload-dragdrop .alert-warning.ajax-file-upload:hover, html[data-theme="dark"] .swal2-modal .swal2-buttonswrapper .alert-warning.swal2-styled:hover, html[data-theme="dark"] .wizard > .actions a.alert-warning:hover{color: #d7e0eb;} html[data-theme="dark"] .bg-warning.btn:active, html[data-theme="dark"] .fc button.bg-warning:active, html[data-theme="dark"] .fc .settings-panel .color-tiles button.tiles.warning:active, html[data-theme="dark"] .settings-panel .color-tiles .fc button.tiles.warning:active, html[data-theme="dark"] .ajax-upload-dragdrop .bg-warning.ajax-file-upload:active, html[data-theme="dark"] .ajax-upload-dragdrop .settings-panel .color-tiles .ajax-file-upload.tiles.warning:active, html[data-theme="dark"] .settings-panel .color-tiles .ajax-upload-dragdrop .ajax-file-upload.tiles.warning:active, html[data-theme="dark"] .swal2-modal .swal2-buttonswrapper .bg-warning.swal2-styled:active, html[data-theme="dark"] .swal2-modal .swal2-buttonswrapper .settings-panel .color-tiles .swal2-styled.tiles.warning:active, html[data-theme="dark"] .settings-panel .color-tiles .swal2-modal .swal2-buttonswrapper .swal2-styled.tiles.warning:active, html[data-theme="dark"] .wizard > .actions a.bg-warning:active, html[data-theme="dark"] .wizard > .actions .settings-panel .color-tiles a.tiles.warning:active, html[data-theme="dark"] .settings-panel .color-tiles .wizard > .actions a.tiles.warning:active, html[data-theme="dark"] .settings-panel .color-tiles .btn.tiles.warning:active, html[data-theme="dark"] .btn.alert-warning:active, html[data-theme="dark"] .fc button.alert-warning:active, html[data-theme="dark"] .ajax-upload-dragdrop .alert-warning.ajax-file-upload:active, html[data-theme="dark"] .swal2-modal .swal2-buttonswrapper .alert-warning.swal2-styled:active, html[data-theme="dark"] .wizard > .actions a.alert-warning:active, html[data-theme="dark"] .bg-warning.btn.active, html[data-theme="dark"] .fc button.bg-warning.active, html[data-theme="dark"] .fc .settings-panel .color-tiles button.active.tiles.warning, html[data-theme="dark"] .settings-panel .color-tiles .fc button.active.tiles.warning, html[data-theme="dark"] .ajax-upload-dragdrop .bg-warning.active.ajax-file-upload, html[data-theme="dark"] .ajax-upload-dragdrop .settings-panel .color-tiles .active.ajax-file-upload.tiles.warning, html[data-theme="dark"] .settings-panel .color-tiles .ajax-upload-dragdrop .active.ajax-file-upload.tiles.warning, html[data-theme="dark"] .swal2-modal .swal2-buttonswrapper .bg-warning.active.swal2-styled, html[data-theme="dark"] .swal2-modal .swal2-buttonswrapper .settings-panel .color-tiles .active.swal2-styled.tiles.warning, html[data-theme="dark"] .settings-panel .color-tiles .swal2-modal .swal2-buttonswrapper .active.swal2-styled.tiles.warning, html[data-theme="dark"] .wizard > .actions a.bg-warning.active, html[data-theme="dark"] .wizard > .actions .settings-panel .color-tiles a.active.tiles.warning, html[data-theme="dark"] .settings-panel .color-tiles .wizard > .actions a.active.tiles.warning, html[data-theme="dark"] .settings-panel .color-tiles .btn.active.tiles.warning, html[data-theme="dark"] .btn.active.alert-warning, html[data-theme="dark"] .fc button.active.alert-warning, html[data-theme="dark"] .ajax-upload-dragdrop .active.alert-warning.ajax-file-upload, html[data-theme="dark"] .swal2-modal .swal2-buttonswrapper .active.alert-warning.swal2-styled, html[data-theme="dark"] .wizard > .actions a.active.alert-warning{color: #d7e0eb;} html[data-theme="dark"] .bg-light, html[data-theme="dark"] .settings-panel .color-tiles .tiles.light, html[data-theme="dark"] .settings-panel .color-tiles .tiles.default{background-color: #181d22;} html[data-theme="dark"] .bg-light, html[data-theme="dark"] .settings-panel .color-tiles .tiles.light, html[data-theme="dark"] .settings-panel .color-tiles .tiles.default, html[data-theme="dark"] .bg-light > a, html[data-theme="dark"] .settings-panel .color-tiles .tiles.light > a, html[data-theme="dark"] .settings-panel .color-tiles .tiles.default > a{color: #d7e0eb !important;} html[data-theme="dark"] .bg-light.btn:hover, html[data-theme="dark"] .fc button.bg-light:hover, html[data-theme="dark"] .fc .settings-panel .color-tiles button.tiles.light:hover, html[data-theme="dark"] .settings-panel .color-tiles .fc button.tiles.light:hover, html[data-theme="dark"] .fc .settings-panel .color-tiles button.tiles.default:hover, html[data-theme="dark"] .settings-panel .color-tiles .fc button.tiles.default:hover, html[data-theme="dark"] .ajax-upload-dragdrop .bg-light.ajax-file-upload:hover, html[data-theme="dark"] .ajax-upload-dragdrop .settings-panel .color-tiles .ajax-file-upload.tiles.light:hover, html[data-theme="dark"] .settings-panel .color-tiles .ajax-upload-dragdrop .ajax-file-upload.tiles.light:hover, html[data-theme="dark"] .ajax-upload-dragdrop .settings-panel .color-tiles .ajax-file-upload.tiles.default:hover, html[data-theme="dark"] .settings-panel .color-tiles .ajax-upload-dragdrop .ajax-file-upload.tiles.default:hover, html[data-theme="dark"] .swal2-modal .swal2-buttonswrapper .bg-light.swal2-styled:hover, html[data-theme="dark"] .swal2-modal .swal2-buttonswrapper .settings-panel .color-tiles .swal2-styled.tiles.light:hover, html[data-theme="dark"] .settings-panel .color-tiles .swal2-modal .swal2-buttonswrapper .swal2-styled.tiles.light:hover, html[data-theme="dark"] .swal2-modal .swal2-buttonswrapper .settings-panel .color-tiles .swal2-styled.tiles.default:hover, html[data-theme="dark"] .settings-panel .color-tiles .swal2-modal .swal2-buttonswrapper .swal2-styled.tiles.default:hover, html[data-theme="dark"] .wizard > .actions a.bg-light:hover, html[data-theme="dark"] .wizard > .actions .settings-panel .color-tiles a.tiles.light:hover, html[data-theme="dark"] .settings-panel .color-tiles .wizard > .actions a.tiles.light:hover, html[data-theme="dark"] .wizard > .actions .settings-panel .color-tiles a.tiles.default:hover, html[data-theme="dark"] .settings-panel .color-tiles .wizard > .actions a.tiles.default:hover, html[data-theme="dark"] .settings-panel .color-tiles .btn.tiles.light:hover, html[data-theme="dark"] .settings-panel .color-tiles .btn.tiles.default:hover{border-color: #313c46;color: #d7e0eb;} html[data-theme="dark"] .bg-light.btn:active, html[data-theme="dark"] .fc button.bg-light:active, html[data-theme="dark"] .fc .settings-panel .color-tiles button.tiles.light:active, html[data-theme="dark"] .settings-panel .color-tiles .fc button.tiles.light:active, html[data-theme="dark"] .fc .settings-panel .color-tiles button.tiles.default:active, html[data-theme="dark"] .settings-panel .color-tiles .fc button.tiles.default:active, html[data-theme="dark"] .ajax-upload-dragdrop .bg-light.ajax-file-upload:active, html[data-theme="dark"] .ajax-upload-dragdrop .settings-panel .color-tiles .ajax-file-upload.tiles.light:active, html[data-theme="dark"] .settings-panel .color-tiles .ajax-upload-dragdrop .ajax-file-upload.tiles.light:active, html[data-theme="dark"] .ajax-upload-dragdrop .settings-panel .color-tiles .ajax-file-upload.tiles.default:active, html[data-theme="dark"] .settings-panel .color-tiles .ajax-upload-dragdrop .ajax-file-upload.tiles.default:active, html[data-theme="dark"] .swal2-modal .swal2-buttonswrapper .bg-light.swal2-styled:active, html[data-theme="dark"] .swal2-modal .swal2-buttonswrapper .settings-panel .color-tiles .swal2-styled.tiles.light:active, html[data-theme="dark"] .settings-panel .color-tiles .swal2-modal .swal2-buttonswrapper .swal2-styled.tiles.light:active, html[data-theme="dark"] .swal2-modal .swal2-buttonswrapper .settings-panel .color-tiles .swal2-styled.tiles.default:active, html[data-theme="dark"] .settings-panel .color-tiles .swal2-modal .swal2-buttonswrapper .swal2-styled.tiles.default:active, html[data-theme="dark"] .wizard > .actions a.bg-light:active, html[data-theme="dark"] .wizard > .actions .settings-panel .color-tiles a.tiles.light:active, html[data-theme="dark"] .settings-panel .color-tiles .wizard > .actions a.tiles.light:active, html[data-theme="dark"] .wizard > .actions .settings-panel .color-tiles a.tiles.default:active, html[data-theme="dark"] .settings-panel .color-tiles .wizard > .actions a.tiles.default:active, html[data-theme="dark"] .settings-panel .color-tiles .btn.tiles.light:active, html[data-theme="dark"] .settings-panel .color-tiles .btn.tiles.default:active, html[data-theme="dark"] .bg-light.btn.active, html[data-theme="dark"] .fc button.bg-light.active, html[data-theme="dark"] .fc .settings-panel .color-tiles button.active.tiles.light, html[data-theme="dark"] .settings-panel .color-tiles .fc button.active.tiles.light, html[data-theme="dark"] .fc .settings-panel .color-tiles button.active.tiles.default, html[data-theme="dark"] .settings-panel .color-tiles .fc button.active.tiles.default, html[data-theme="dark"] .ajax-upload-dragdrop .bg-light.active.ajax-file-upload, html[data-theme="dark"] .ajax-upload-dragdrop .settings-panel .color-tiles .active.ajax-file-upload.tiles.light, html[data-theme="dark"] .settings-panel .color-tiles .ajax-upload-dragdrop .active.ajax-file-upload.tiles.light, html[data-theme="dark"] .ajax-upload-dragdrop .settings-panel .color-tiles .active.ajax-file-upload.tiles.default, html[data-theme="dark"] .settings-panel .color-tiles .ajax-upload-dragdrop .active.ajax-file-upload.tiles.default, html[data-theme="dark"] .swal2-modal .swal2-buttonswrapper .bg-light.active.swal2-styled, html[data-theme="dark"] .swal2-modal .swal2-buttonswrapper .settings-panel .color-tiles .active.swal2-styled.tiles.light, html[data-theme="dark"] .settings-panel .color-tiles .swal2-modal .swal2-buttonswrapper .active.swal2-styled.tiles.light, html[data-theme="dark"] .swal2-modal .swal2-buttonswrapper .settings-panel .color-tiles .active.swal2-styled.tiles.default, html[data-theme="dark"] .settings-panel .color-tiles .swal2-modal .swal2-buttonswrapper .active.swal2-styled.tiles.default, html[data-theme="dark"] .wizard > .actions a.bg-light.active, html[data-theme="dark"] .wizard > .actions .settings-panel .color-tiles a.active.tiles.light, html[data-theme="dark"] .settings-panel .color-tiles .wizard > .actions a.active.tiles.light, html[data-theme="dark"] .wizard > .actions .settings-panel .color-tiles a.active.tiles.default, html[data-theme="dark"] .settings-panel .color-tiles .wizard > .actions a.active.tiles.default, html[data-theme="dark"] .settings-panel .color-tiles .btn.active.tiles.light, html[data-theme="dark"] .settings-panel .color-tiles .btn.active.tiles.default{border-color: #323c45;color: #d7e0eb;} html[data-theme="dark"] .bg-lime, html[data-theme="dark"] .bg-lime > a{color: #d7e0eb !important;} html[data-theme="dark"] .bg-orange, html[data-theme="dark"] .bg-orange > a{color: #d7e0eb !important;} html[data-theme="dark"] .bg-yellow, html[data-theme="dark"] .bg-yellow > a{color: #d7e0eb !important;} html[data-theme="dark"] .bg-yellow.btn:hover, html[data-theme="dark"] .fc button.bg-yellow:hover, html[data-theme="dark"] .ajax-upload-dragdrop .bg-yellow.ajax-file-upload:hover, html[data-theme="dark"] .swal2-modal .swal2-buttonswrapper .bg-yellow.swal2-styled:hover, html[data-theme="dark"] .wizard > .actions a.bg-yellow:hover{color: #d7e0eb;} html[data-theme="dark"] .bg-yellow.btn:active, html[data-theme="dark"] .fc button.bg-yellow:active, html[data-theme="dark"] .ajax-upload-dragdrop .bg-yellow.ajax-file-upload:active, html[data-theme="dark"] .swal2-modal .swal2-buttonswrapper .bg-yellow.swal2-styled:active, html[data-theme="dark"] .wizard > .actions a.bg-yellow:active, html[data-theme="dark"] .bg-yellow.btn.active, html[data-theme="dark"] .fc button.bg-yellow.active, html[data-theme="dark"] .ajax-upload-dragdrop .bg-yellow.active.ajax-file-upload, html[data-theme="dark"] .swal2-modal .swal2-buttonswrapper .bg-yellow.active.swal2-styled, html[data-theme="dark"] .wizard > .actions a.bg-yellow.active{color: #d7e0eb;} html[data-theme="dark"] .bg-white{background-color: #16191d;} html[data-theme="dark"] .bg-white, html[data-theme="dark"] .bg-white > a{color: #d7e0eb !important;} html[data-theme="dark"] .bg-white.btn:hover, html[data-theme="dark"] .fc button.bg-white:hover, html[data-theme="dark"] .ajax-upload-dragdrop .bg-white.ajax-file-upload:hover, html[data-theme="dark"] .swal2-modal .swal2-buttonswrapper .bg-white.swal2-styled:hover, html[data-theme="dark"] .wizard > .actions a.bg-white:hover{border-color: #323b43;color: #d7e0eb;} html[data-theme="dark"] .bg-white.btn:active, html[data-theme="dark"] .fc button.bg-white:active, html[data-theme="dark"] .ajax-upload-dragdrop .bg-white.ajax-file-upload:active, html[data-theme="dark"] .swal2-modal .swal2-buttonswrapper .bg-white.swal2-styled:active, html[data-theme="dark"] .wizard > .actions a.bg-white:active, html[data-theme="dark"] .bg-white.btn.active, html[data-theme="dark"] .fc button.bg-white.active, html[data-theme="dark"] .ajax-upload-dragdrop .bg-white.active.ajax-file-upload, html[data-theme="dark"] .swal2-modal .swal2-buttonswrapper .bg-white.active.swal2-styled, html[data-theme="dark"] .wizard > .actions a.bg-white.active{border-color: #333b44;color: #d7e0eb;} html[data-theme="dark"] .bg-gray{background-color: #3b4249;color: #d7e0eb;} html[data-theme="dark"] .bg-gray-light{background-color: #1c2124;color: #d7e0eb !important;} html[data-theme="dark"] .bg-white{background-color: #16191d;color: #d7e0eb !important;} html[data-theme="dark"] .bg-gradient-warning{color: #d7e0eb;} html[data-theme="dark"] .bg-gradient-warning.btn:hover, html[data-theme="dark"] .fc button.bg-gradient-warning:hover, html[data-theme="dark"] .ajax-upload-dragdrop .bg-gradient-warning.ajax-file-upload:hover, html[data-theme="dark"] .swal2-modal .swal2-buttonswrapper .bg-gradient-warning.swal2-styled:hover, html[data-theme="dark"] .wizard > .actions a.bg-gradient-warning:hover{color: #d7e0eb;} html[data-theme="dark"] .bg-gradient-warning.btn:active, html[data-theme="dark"] .fc button.bg-gradient-warning:active, html[data-theme="dark"] .ajax-upload-dragdrop .bg-gradient-warning.ajax-file-upload:active, html[data-theme="dark"] .swal2-modal .swal2-buttonswrapper .bg-gradient-warning.swal2-styled:active, html[data-theme="dark"] .wizard > .actions a.bg-gradient-warning:active, html[data-theme="dark"] .bg-gradient-warning.btn.active, html[data-theme="dark"] .fc button.bg-gradient-warning.active, html[data-theme="dark"] .ajax-upload-dragdrop .bg-gradient-warning.active.ajax-file-upload, html[data-theme="dark"] .swal2-modal .swal2-buttonswrapper .bg-gradient-warning.active.swal2-styled, html[data-theme="dark"] .wizard > .actions a.bg-gradient-warning.active{color: #d7e0eb;} html[data-theme="dark"] .bg-gradient-light{color: #d7e0eb;} html[data-theme="dark"] .bg-gradient-light.btn:hover, html[data-theme="dark"] .fc button.bg-gradient-light:hover, html[data-theme="dark"] .ajax-upload-dragdrop .bg-gradient-light.ajax-file-upload:hover, html[data-theme="dark"] .swal2-modal .swal2-buttonswrapper .bg-gradient-light.swal2-styled:hover, html[data-theme="dark"] .wizard > .actions a.bg-gradient-light:hover{border-color: #313c46;color: #d7e0eb;} html[data-theme="dark"] .bg-gradient-light.btn:active, html[data-theme="dark"] .fc button.bg-gradient-light:active, html[data-theme="dark"] .ajax-upload-dragdrop .bg-gradient-light.ajax-file-upload:active, html[data-theme="dark"] .swal2-modal .swal2-buttonswrapper .bg-gradient-light.swal2-styled:active, html[data-theme="dark"] .wizard > .actions a.bg-gradient-light:active, html[data-theme="dark"] .bg-gradient-light.btn.active, html[data-theme="dark"] .fc button.bg-gradient-light.active, html[data-theme="dark"] .ajax-upload-dragdrop .bg-gradient-light.active.ajax-file-upload, html[data-theme="dark"] .swal2-modal .swal2-buttonswrapper .bg-gradient-light.active.swal2-styled, html[data-theme="dark"] .wizard > .actions a.bg-gradient-light.active{border-color: #323c45;color: #d7e0eb;} html[data-theme="dark"] .bg-gradient-lime{color: #d7e0eb;} html[data-theme="dark"] .bg-gradient-orange{color: #d7e0eb;} html[data-theme="dark"] .bg-gradient-yellow{color: #d7e0eb;} html[data-theme="dark"] .bg-gradient-yellow.btn:hover, html[data-theme="dark"] .fc button.bg-gradient-yellow:hover, html[data-theme="dark"] .ajax-upload-dragdrop .bg-gradient-yellow.ajax-file-upload:hover, html[data-theme="dark"] .swal2-modal .swal2-buttonswrapper .bg-gradient-yellow.swal2-styled:hover, html[data-theme="dark"] .wizard > .actions a.bg-gradient-yellow:hover{color: #d7e0eb;} html[data-theme="dark"] .bg-gradient-yellow.btn:active, html[data-theme="dark"] .fc button.bg-gradient-yellow:active, html[data-theme="dark"] .ajax-upload-dragdrop .bg-gradient-yellow.ajax-file-upload:active, html[data-theme="dark"] .swal2-modal .swal2-buttonswrapper .bg-gradient-yellow.swal2-styled:active, html[data-theme="dark"] .wizard > .actions a.bg-gradient-yellow:active, html[data-theme="dark"] .bg-gradient-yellow.btn.active, html[data-theme="dark"] .fc button.bg-gradient-yellow.active, html[data-theme="dark"] .ajax-upload-dragdrop .bg-gradient-yellow.active.ajax-file-upload, html[data-theme="dark"] .swal2-modal .swal2-buttonswrapper .bg-gradient-yellow.active.swal2-styled, html[data-theme="dark"] .wizard > .actions a.bg-gradient-yellow.active{color: #d7e0eb;} html[data-theme="dark"] .bg-gradient-white{color: #d7e0eb;} html[data-theme="dark"] .bg-gradient-white.btn:hover, html[data-theme="dark"] .fc button.bg-gradient-white:hover, html[data-theme="dark"] .ajax-upload-dragdrop .bg-gradient-white.ajax-file-upload:hover, html[data-theme="dark"] .swal2-modal .swal2-buttonswrapper .bg-gradient-white.swal2-styled:hover, html[data-theme="dark"] .wizard > .actions a.bg-gradient-white:hover{border-color: #323b43;color: #d7e0eb;} html[data-theme="dark"] .bg-gradient-white.btn:active, html[data-theme="dark"] .fc button.bg-gradient-white:active, html[data-theme="dark"] .ajax-upload-dragdrop .bg-gradient-white.ajax-file-upload:active, html[data-theme="dark"] .swal2-modal .swal2-buttonswrapper .bg-gradient-white.swal2-styled:active, html[data-theme="dark"] .wizard > .actions a.bg-gradient-white:active, html[data-theme="dark"] .bg-gradient-white.btn.active, html[data-theme="dark"] .fc button.bg-gradient-white.active, html[data-theme="dark"] .ajax-upload-dragdrop .bg-gradient-white.active.ajax-file-upload, html[data-theme="dark"] .swal2-modal .swal2-buttonswrapper .bg-gradient-white.active.swal2-styled, html[data-theme="dark"] .wizard > .actions a.bg-gradient-white.active{border-color: #333b44;color: #d7e0eb;} html[data-theme="dark"] .card.bg-primary .bootstrap-datetimepicker-widget table td.active, html[data-theme="dark"] .settings-panel .color-tiles .card.tiles.primary .bootstrap-datetimepicker-widget table td.active, html[data-theme="dark"] .card.alert-primary .bootstrap-datetimepicker-widget table td.active, html[data-theme="dark"] .card.bg-primary .bootstrap-datetimepicker-widget table td.active:hover, html[data-theme="dark"] .settings-panel .color-tiles .card.tiles.primary .bootstrap-datetimepicker-widget table td.active:hover, html[data-theme="dark"] .card.alert-primary .bootstrap-datetimepicker-widget table td.active:hover, html[data-theme="dark"] .card.bg-primary-gradient .bootstrap-datetimepicker-widget table td.active, html[data-theme="dark"] .card.bg-primary-gradient .bootstrap-datetimepicker-widget table td.active:hover{background-color: #283c53;} html[data-theme="dark"] .card-warning:not(.card-outline) .card-header, html[data-theme="dark"] .card-warning:not(.card-outline) .card-header a{color: #d7e0eb;} html[data-theme="dark"] .bg-warning .btn-tool, html[data-theme="dark"] .settings-panel .color-tiles .tiles.warning .btn-tool, html[data-theme="dark"] .alert-warning .btn-tool, html[data-theme="dark"] .bg-warning-gradient .btn-tool, html[data-theme="dark"] .card-warning:not(.card-outline) .btn-tool{color: #d7e0eb;} html[data-theme="dark"] .bg-warning .btn-tool:hover, html[data-theme="dark"] .settings-panel .color-tiles .tiles.warning .btn-tool:hover, html[data-theme="dark"] .alert-warning .btn-tool:hover, html[data-theme="dark"] .bg-warning-gradient .btn-tool:hover, html[data-theme="dark"] .card-warning:not(.card-outline) .btn-tool:hover{color: #d7e0eb;} html[data-theme="dark"] .card.bg-warning .bootstrap-datetimepicker-widget table td.active, html[data-theme="dark"] .settings-panel .color-tiles .card.tiles.warning .bootstrap-datetimepicker-widget table td.active, html[data-theme="dark"] .card.alert-warning .bootstrap-datetimepicker-widget table td.active, html[data-theme="dark"] .card.bg-warning .bootstrap-datetimepicker-widget table td.active:hover, html[data-theme="dark"] .settings-panel .color-tiles .card.tiles.warning .bootstrap-datetimepicker-widget table td.active:hover, html[data-theme="dark"] .card.alert-warning .bootstrap-datetimepicker-widget table td.active:hover, html[data-theme="dark"] .card.bg-warning-gradient .bootstrap-datetimepicker-widget table td.active, html[data-theme="dark"] .card.bg-warning-gradient .bootstrap-datetimepicker-widget table td.active:hover{background-color: #534828;color: #d7e0eb;} html[data-theme="dark"] .card.bg-danger .bootstrap-datetimepicker-widget table td.active, html[data-theme="dark"] .settings-panel .color-tiles .card.tiles.danger .bootstrap-datetimepicker-widget table td.active, html[data-theme="dark"] .card.alert-danger .bootstrap-datetimepicker-widget table td.active, html[data-theme="dark"] .card.alert-error .bootstrap-datetimepicker-widget table td.active, html[data-theme="dark"] .card.bg-danger .bootstrap-datetimepicker-widget table td.active:hover, html[data-theme="dark"] .settings-panel .color-tiles .card.tiles.danger .bootstrap-datetimepicker-widget table td.active:hover, html[data-theme="dark"] .card.alert-danger .bootstrap-datetimepicker-widget table td.active:hover, html[data-theme="dark"] .card.alert-error .bootstrap-datetimepicker-widget table td.active:hover, html[data-theme="dark"] .card.bg-danger-gradient .bootstrap-datetimepicker-widget table td.active, html[data-theme="dark"] .card.bg-danger-gradient .bootstrap-datetimepicker-widget table td.active:hover{background-color: #53282c;} html[data-theme="dark"] .card-light:not(.card-outline) .card-header{background-color: #181d22;} html[data-theme="dark"] .card-light:not(.card-outline) .card-header, html[data-theme="dark"] .card-light:not(.card-outline) .card-header a{color: #d7e0eb;} html[data-theme="dark"] .bg-light .btn-tool, html[data-theme="dark"] .settings-panel .color-tiles .tiles.light .btn-tool, html[data-theme="dark"] .settings-panel .color-tiles .tiles.default .btn-tool, html[data-theme="dark"] .bg-light-gradient .btn-tool, html[data-theme="dark"] .card-light:not(.card-outline) .btn-tool{color: #d7e0eb;} html[data-theme="dark"] .bg-light .btn-tool:hover, html[data-theme="dark"] .settings-panel .color-tiles .tiles.light .btn-tool:hover, html[data-theme="dark"] .settings-panel .color-tiles .tiles.default .btn-tool:hover, html[data-theme="dark"] .bg-light-gradient .btn-tool:hover, html[data-theme="dark"] .card-light:not(.card-outline) .btn-tool:hover{color: #d7e0eb;} html[data-theme="dark"] .card.bg-light .bootstrap-datetimepicker-widget table thead tr:first-child th:hover, html[data-theme="dark"] .settings-panel .color-tiles .card.tiles.light .bootstrap-datetimepicker-widget table thead tr:first-child th:hover, html[data-theme="dark"] .settings-panel .color-tiles .card.tiles.default .bootstrap-datetimepicker-widget table thead tr:first-child th:hover, html[data-theme="dark"] .card.bg-light .bootstrap-datetimepicker-widget table td.day:hover, html[data-theme="dark"] .settings-panel .color-tiles .card.tiles.light .bootstrap-datetimepicker-widget table td.day:hover, html[data-theme="dark"] .settings-panel .color-tiles .card.tiles.default .bootstrap-datetimepicker-widget table td.day:hover, html[data-theme="dark"] .card.bg-light .bootstrap-datetimepicker-widget table td.hour:hover, html[data-theme="dark"] .settings-panel .color-tiles .card.tiles.light .bootstrap-datetimepicker-widget table td.hour:hover, html[data-theme="dark"] .settings-panel .color-tiles .card.tiles.default .bootstrap-datetimepicker-widget table td.hour:hover, html[data-theme="dark"] .card.bg-light .bootstrap-datetimepicker-widget table td.minute:hover, html[data-theme="dark"] .settings-panel .color-tiles .card.tiles.light .bootstrap-datetimepicker-widget table td.minute:hover, html[data-theme="dark"] .settings-panel .color-tiles .card.tiles.default .bootstrap-datetimepicker-widget table td.minute:hover, html[data-theme="dark"] .card.bg-light .bootstrap-datetimepicker-widget table td.second:hover, html[data-theme="dark"] .settings-panel .color-tiles .card.tiles.light .bootstrap-datetimepicker-widget table td.second:hover, html[data-theme="dark"] .settings-panel .color-tiles .card.tiles.default .bootstrap-datetimepicker-widget table td.second:hover, html[data-theme="dark"] .card.bg-light-gradient .bootstrap-datetimepicker-widget table thead tr:first-child th:hover, html[data-theme="dark"] .card.bg-light-gradient .bootstrap-datetimepicker-widget table td.day:hover, html[data-theme="dark"] .card.bg-light-gradient .bootstrap-datetimepicker-widget table td.hour:hover, html[data-theme="dark"] .card.bg-light-gradient .bootstrap-datetimepicker-widget table td.minute:hover, html[data-theme="dark"] .card.bg-light-gradient .bootstrap-datetimepicker-widget table td.second:hover{background-color: #21292f;color: #d7e0eb;} html[data-theme="dark"] .card.bg-light .bootstrap-datetimepicker-widget table td.active, html[data-theme="dark"] .settings-panel .color-tiles .card.tiles.light .bootstrap-datetimepicker-widget table td.active, html[data-theme="dark"] .settings-panel .color-tiles .card.tiles.default .bootstrap-datetimepicker-widget table td.active, html[data-theme="dark"] .card.bg-light .bootstrap-datetimepicker-widget table td.active:hover, html[data-theme="dark"] .settings-panel .color-tiles .card.tiles.light .bootstrap-datetimepicker-widget table td.active:hover, html[data-theme="dark"] .settings-panel .color-tiles .card.tiles.default .bootstrap-datetimepicker-widget table td.active:hover, html[data-theme="dark"] .card.bg-light-gradient .bootstrap-datetimepicker-widget table td.active, html[data-theme="dark"] .card.bg-light-gradient .bootstrap-datetimepicker-widget table td.active:hover{background-color: #16191d;color: #d7e0eb;} html[data-theme="dark"] .card-lime:not(.card-outline) .card-header, html[data-theme="dark"] .card-lime:not(.card-outline) .card-header a{color: #d7e0eb;} html[data-theme="dark"] .bg-lime .btn-tool, html[data-theme="dark"] .bg-lime-gradient .btn-tool, html[data-theme="dark"] .card-lime:not(.card-outline) .btn-tool{color: #d7e0eb;} html[data-theme="dark"] .bg-lime .btn-tool:hover, html[data-theme="dark"] .bg-lime-gradient .btn-tool:hover, html[data-theme="dark"] .card-lime:not(.card-outline) .btn-tool:hover{color: #d7e0eb;} html[data-theme="dark"] .card.bg-lime .bootstrap-datetimepicker-widget table td.active, html[data-theme="dark"] .card.bg-lime .bootstrap-datetimepicker-widget table td.active:hover, html[data-theme="dark"] .card.bg-lime-gradient .bootstrap-datetimepicker-widget table td.active, html[data-theme="dark"] .card.bg-lime-gradient .bootstrap-datetimepicker-widget table td.active:hover{background-color: #28533b;color: #d7e0eb;} html[data-theme="dark"] .card.bg-fuchsia .bootstrap-datetimepicker-widget table td.active, html[data-theme="dark"] .card.bg-fuchsia .bootstrap-datetimepicker-widget table td.active:hover, html[data-theme="dark"] .card.bg-fuchsia-gradient .bootstrap-datetimepicker-widget table td.active, html[data-theme="dark"] .card.bg-fuchsia-gradient .bootstrap-datetimepicker-widget table td.active:hover{background-color: #532849;} html[data-theme="dark"] .card.bg-blue .bootstrap-datetimepicker-widget table td.active, html[data-theme="dark"] .card.bg-blue .bootstrap-datetimepicker-widget table td.active:hover, html[data-theme="dark"] .card.bg-blue-gradient .bootstrap-datetimepicker-widget table td.active, html[data-theme="dark"] .card.bg-blue-gradient .bootstrap-datetimepicker-widget table td.active:hover{background-color: #283c53;} html[data-theme="dark"] .card.bg-indigo .bootstrap-datetimepicker-widget table td.active, html[data-theme="dark"] .card.bg-indigo .bootstrap-datetimepicker-widget table td.active:hover, html[data-theme="dark"] .card.bg-indigo-gradient .bootstrap-datetimepicker-widget table td.active, html[data-theme="dark"] .card.bg-indigo-gradient .bootstrap-datetimepicker-widget table td.active:hover{background-color: #382853;} html[data-theme="dark"] .card.bg-purple .bootstrap-datetimepicker-widget table td.active, html[data-theme="dark"] .card.bg-purple .bootstrap-datetimepicker-widget table td.active:hover, html[data-theme="dark"] .card.bg-purple-gradient .bootstrap-datetimepicker-widget table td.active, html[data-theme="dark"] .card.bg-purple-gradient .bootstrap-datetimepicker-widget table td.active:hover{background-color: #372853;} html[data-theme="dark"] .card.bg-pink .bootstrap-datetimepicker-widget table td.active, html[data-theme="dark"] .card.bg-pink .bootstrap-datetimepicker-widget table td.active:hover, html[data-theme="dark"] .card.bg-pink-gradient .bootstrap-datetimepicker-widget table td.active, html[data-theme="dark"] .card.bg-pink-gradient .bootstrap-datetimepicker-widget table td.active:hover{background-color: #53283b;} html[data-theme="dark"] .card.bg-red .bootstrap-datetimepicker-widget table td.active, html[data-theme="dark"] .card.bg-red .bootstrap-datetimepicker-widget table td.active:hover, html[data-theme="dark"] .card.bg-red-gradient .bootstrap-datetimepicker-widget table td.active, html[data-theme="dark"] .card.bg-red-gradient .bootstrap-datetimepicker-widget table td.active:hover{background-color: #53282c;} html[data-theme="dark"] .card-orange:not(.card-outline) .card-header, html[data-theme="dark"] .card-orange:not(.card-outline) .card-header a{color: #d7e0eb;} html[data-theme="dark"] .bg-orange .btn-tool, html[data-theme="dark"] .bg-orange-gradient .btn-tool, html[data-theme="dark"] .card-orange:not(.card-outline) .btn-tool{color: #d7e0eb;} html[data-theme="dark"] .bg-orange .btn-tool:hover, html[data-theme="dark"] .bg-orange-gradient .btn-tool:hover, html[data-theme="dark"] .card-orange:not(.card-outline) .btn-tool:hover{color: #d7e0eb;} html[data-theme="dark"] .card.bg-orange .bootstrap-datetimepicker-widget table td.active, html[data-theme="dark"] .card.bg-orange .bootstrap-datetimepicker-widget table td.active:hover, html[data-theme="dark"] .card.bg-orange-gradient .bootstrap-datetimepicker-widget table td.active, html[data-theme="dark"] .card.bg-orange-gradient .bootstrap-datetimepicker-widget table td.active:hover{background-color: #533b28;color: #d7e0eb;} html[data-theme="dark"] .card-yellow:not(.card-outline) .card-header, html[data-theme="dark"] .card-yellow:not(.card-outline) .card-header a{color: #d7e0eb;} html[data-theme="dark"] .bg-yellow .btn-tool, html[data-theme="dark"] .bg-yellow-gradient .btn-tool, html[data-theme="dark"] .card-yellow:not(.card-outline) .btn-tool{color: #d7e0eb;} html[data-theme="dark"] .bg-yellow .btn-tool:hover, html[data-theme="dark"] .bg-yellow-gradient .btn-tool:hover, html[data-theme="dark"] .card-yellow:not(.card-outline) .btn-tool:hover{color: #d7e0eb;} html[data-theme="dark"] .card.bg-yellow .bootstrap-datetimepicker-widget table td.active, html[data-theme="dark"] .card.bg-yellow .bootstrap-datetimepicker-widget table td.active:hover, html[data-theme="dark"] .card.bg-yellow-gradient .bootstrap-datetimepicker-widget table td.active, html[data-theme="dark"] .card.bg-yellow-gradient .bootstrap-datetimepicker-widget table td.active:hover{background-color: #534828;color: #d7e0eb;} html[data-theme="dark"] .card-white:not(.card-outline) .card-header{background-color: #16191d;} html[data-theme="dark"] .card-white:not(.card-outline) .card-header, html[data-theme="dark"] .card-white:not(.card-outline) .card-header a{color: #d7e0eb;} html[data-theme="dark"] .bg-white .btn-tool, html[data-theme="dark"] .bg-white-gradient .btn-tool, html[data-theme="dark"] .card-white:not(.card-outline) .btn-tool{color: #d7e0eb;} html[data-theme="dark"] .bg-white .btn-tool:hover, html[data-theme="dark"] .bg-white-gradient .btn-tool:hover, html[data-theme="dark"] .card-white:not(.card-outline) .btn-tool:hover{color: #d7e0eb;} html[data-theme="dark"] .card.bg-white .bootstrap-datetimepicker-widget table thead tr:first-child th:hover, html[data-theme="dark"] .card.bg-white .bootstrap-datetimepicker-widget table td.day:hover, html[data-theme="dark"] .card.bg-white .bootstrap-datetimepicker-widget table td.hour:hover, html[data-theme="dark"] .card.bg-white .bootstrap-datetimepicker-widget table td.minute:hover, html[data-theme="dark"] .card.bg-white .bootstrap-datetimepicker-widget table td.second:hover, html[data-theme="dark"] .card.bg-white-gradient .bootstrap-datetimepicker-widget table thead tr:first-child th:hover, html[data-theme="dark"] .card.bg-white-gradient .bootstrap-datetimepicker-widget table td.day:hover, html[data-theme="dark"] .card.bg-white-gradient .bootstrap-datetimepicker-widget table td.hour:hover, html[data-theme="dark"] .card.bg-white-gradient .bootstrap-datetimepicker-widget table td.minute:hover, html[data-theme="dark"] .card.bg-white-gradient .bootstrap-datetimepicker-widget table td.second:hover{background-color: #1f252a;color: #d7e0eb;} html[data-theme="dark"] .card.bg-white .bootstrap-datetimepicker-widget table td.active, html[data-theme="dark"] .card.bg-white .bootstrap-datetimepicker-widget table td.active:hover, html[data-theme="dark"] .card.bg-white-gradient .bootstrap-datetimepicker-widget table td.active, html[data-theme="dark"] .card.bg-white-gradient .bootstrap-datetimepicker-widget table td.active:hover{background-color: #16191d;color: #d7e0eb;} html[data-theme="dark"] .info-box{background-color: #16191d;} html[data-theme="dark"] .info-box .progress .progress-bar{background-color: #16191d;} html[data-theme="dark"] .info-box .info-box .bg-primary .progress-bar, html[data-theme="dark"] .info-box .info-box .settings-panel .color-tiles .tiles.primary .progress-bar, html[data-theme="dark"] .settings-panel .color-tiles .info-box .info-box .tiles.primary .progress-bar, html[data-theme="dark"] .info-box .info-box .alert-primary .progress-bar, html[data-theme="dark"] .info-box .info-box .bg-gradient-primary .progress-bar{background-color: #16191d;} html[data-theme="dark"] .info-box .info-box .bg-secondary .progress-bar, html[data-theme="dark"] .info-box .info-box .bg-gradient-secondary .progress-bar{background-color: #16191d;} html[data-theme="dark"] .info-box .info-box .bg-success .progress-bar, html[data-theme="dark"] .info-box .info-box .swal2-modal .swal2-buttonswrapper .swal2-styled.swal2-confirm .progress-bar, html[data-theme="dark"] .swal2-modal .swal2-buttonswrapper .info-box .info-box .swal2-styled.swal2-confirm .progress-bar, html[data-theme="dark"] .info-box .info-box .settings-panel .color-tiles .tiles.success .progress-bar, html[data-theme="dark"] .settings-panel .color-tiles .info-box .info-box .tiles.success .progress-bar, html[data-theme="dark"] .info-box .info-box .alert-success .progress-bar, html[data-theme="dark"] .info-box .info-box .bg-gradient-success .progress-bar{background-color: #16191d;} html[data-theme="dark"] .info-box .info-box .bg-info .progress-bar, html[data-theme="dark"] .info-box .info-box .settings-panel .color-tiles .tiles.info .progress-bar, html[data-theme="dark"] .settings-panel .color-tiles .info-box .info-box .tiles.info .progress-bar, html[data-theme="dark"] .info-box .info-box .alert-info .progress-bar, html[data-theme="dark"] .info-box .info-box .bg-gradient-info .progress-bar{background-color: #16191d;} html[data-theme="dark"] .info-box .info-box .bg-warning, html[data-theme="dark"] .info-box .info-box .settings-panel .color-tiles .tiles.warning, html[data-theme="dark"] .settings-panel .color-tiles .info-box .info-box .tiles.warning, html[data-theme="dark"] .info-box .info-box .alert-warning, html[data-theme="dark"] .info-box .info-box .bg-gradient-warning{color: #d7e0eb;} html[data-theme="dark"] .info-box .info-box .bg-danger .progress-bar, html[data-theme="dark"] .info-box .info-box .settings-panel .color-tiles .tiles.danger .progress-bar, html[data-theme="dark"] .settings-panel .color-tiles .info-box .info-box .tiles.danger .progress-bar, html[data-theme="dark"] .info-box .info-box .alert-danger .progress-bar, html[data-theme="dark"] .info-box .info-box .alert-error .progress-bar, html[data-theme="dark"] .info-box .info-box .bg-gradient-danger .progress-bar{background-color: #16191d;} html[data-theme="dark"] .info-box .info-box .bg-light, html[data-theme="dark"] .info-box .info-box .settings-panel .color-tiles .tiles.light, html[data-theme="dark"] .settings-panel .color-tiles .info-box .info-box .tiles.light, html[data-theme="dark"] .info-box .info-box .settings-panel .color-tiles .tiles.default, html[data-theme="dark"] .settings-panel .color-tiles .info-box .info-box .tiles.default, html[data-theme="dark"] .info-box .info-box .bg-gradient-light{color: #d7e0eb;} html[data-theme="dark"] .info-box .info-box .bg-dark .progress-bar, html[data-theme="dark"] .info-box .info-box .settings-panel .color-tiles .tiles.dark .progress-bar, html[data-theme="dark"] .settings-panel .color-tiles .info-box .info-box .tiles.dark .progress-bar, html[data-theme="dark"] .info-box .info-box .bg-gradient-dark .progress-bar{background-color: #16191d;} html[data-theme="dark"] .timeline::before{background-color: #24292f;} html[data-theme="dark"] .timeline > li > .timeline-item{background-color: #16191d;color: #d1d6dc;} html[data-theme="dark"] .timeline > li > .timeline-item > .timeline-header{color: #d1d6dc;} html[data-theme="dark"] .timeline > li > .fa, html[data-theme="dark"] .timeline > li > .fas, html[data-theme="dark"] .timeline > li > .far, html[data-theme="dark"] .timeline > li > .fab, html[data-theme="dark"] .timeline > li > .glyphicon, html[data-theme="dark"] .timeline > li > .ion{background-color: #3b4249;} html[data-theme="dark"] .timeline > .time-label > span{background-color: #16191d;} html[data-theme="dark"] .timeline-inverse > li > .timeline-item{background-color: #181d22;} html[data-theme="dark"] .timeline-inverse > li > .timeline-item > .timeline-header{border-bottom-color: #333b43;} html[data-theme="dark"] .btn.btn-file > input[type='file'], html[data-theme="dark"] .fc button.btn-file > input[type='file'], html[data-theme="dark"] .ajax-upload-dragdrop .btn-file.ajax-file-upload > input[type='file'], html[data-theme="dark"] .swal2-modal .swal2-buttonswrapper .btn-file.swal2-styled > input[type='file'], html[data-theme="dark"] .wizard > .actions a.btn-file > input[type='file']{background-color: #16191d;} html[data-theme="dark"] .btn-default{background-color: #181d22;border-color: #333b44;color: #d5dadf;} html[data-theme="dark"] .btn-default:hover, html[data-theme="dark"] .btn-default:active, html[data-theme="dark"] .btn-default.hover{background-color: #1e242a;color: #dde2e6;} html[data-theme="dark"] .btn-app{background-color: #181d22;color: #c5ccd3;} html[data-theme="dark"] .btn-app:hover{background-color: #181d22;border-color: #38414a;color: #d5dadf;} html[data-theme="dark"] .callout{background-color: #16191d;} html[data-theme="dark"] .alert .close, html[data-theme="dark"] .alert .mailbox-attachment-close{color: #eceef1;} html[data-theme="dark"] .nav-pills .nav-link{color: #c5ccd3;} html[data-theme="dark"] .nav-pills .nav-link:not(.active):hover{color: #a8c6e6;} html[data-theme="dark"] .nav-tabs.flex-column .nav-link:hover, html[data-theme="dark"] .nav-tabs.nav-tabs-vertical .nav-link:hover, html[data-theme="dark"] .nav-tabs.nav-tabs-vertical-custom .nav-link:hover, html[data-theme="dark"] .nav-tabs.nav-pills.nav-pills-vertical .nav-link:hover, html[data-theme="dark"] .email-wrapper .mail-sidebar .menu-bar .profile-list-item a .nav-tabs.user .nav-link:hover, html[data-theme="dark"] .nav-tabs.flex-column .nav-link:focus, html[data-theme="dark"] .nav-tabs.nav-tabs-vertical .nav-link:focus, html[data-theme="dark"] .nav-tabs.nav-tabs-vertical-custom .nav-link:focus, html[data-theme="dark"] .nav-tabs.nav-pills.nav-pills-vertical .nav-link:focus, html[data-theme="dark"] .email-wrapper .mail-sidebar .menu-bar .profile-list-item a .nav-tabs.user .nav-link:focus{border-color: #313a43;} html[data-theme="dark"] .nav-tabs.flex-column .nav-link.active, html[data-theme="dark"] .nav-tabs.nav-tabs-vertical .nav-link.active, html[data-theme="dark"] .nav-tabs.nav-tabs-vertical-custom .nav-link.active, html[data-theme="dark"] .nav-tabs.nav-pills.nav-pills-vertical .nav-link.active, html[data-theme="dark"] .email-wrapper .mail-sidebar .menu-bar .profile-list-item a .nav-tabs.user .nav-link.active, html[data-theme="dark"] .nav-tabs.flex-column .nav-item.show .nav-link, html[data-theme="dark"] .nav-tabs.nav-tabs-vertical .nav-item.show .nav-link, html[data-theme="dark"] .nav-tabs.nav-tabs-vertical-custom .nav-item.show .nav-link, html[data-theme="dark"] .nav-tabs.nav-pills.nav-pills-vertical .nav-item.show .nav-link, html[data-theme="dark"] .email-wrapper .mail-sidebar .menu-bar .profile-list-item a .nav-tabs.user .nav-item.show .nav-link{border-color: #333b43;} html[data-theme="dark"] .nav-tabs.flex-column.nav-tabs-right .nav-link:hover, html[data-theme="dark"] .nav-tabs.nav-tabs-right.nav-tabs-vertical .nav-link:hover, html[data-theme="dark"] .nav-tabs.nav-tabs-right.nav-tabs-vertical-custom .nav-link:hover, html[data-theme="dark"] .nav-tabs.nav-tabs-right.nav-pills.nav-pills-vertical .nav-link:hover, html[data-theme="dark"] .email-wrapper .mail-sidebar .menu-bar .profile-list-item a .nav-tabs.nav-tabs-right.user .nav-link:hover, html[data-theme="dark"] .nav-tabs.flex-column.nav-tabs-right .nav-link:focus, html[data-theme="dark"] .nav-tabs.nav-tabs-right.nav-tabs-vertical .nav-link:focus, html[data-theme="dark"] .nav-tabs.nav-tabs-right.nav-tabs-vertical-custom .nav-link:focus, html[data-theme="dark"] .nav-tabs.nav-tabs-right.nav-pills.nav-pills-vertical .nav-link:focus, html[data-theme="dark"] .email-wrapper .mail-sidebar .menu-bar .profile-list-item a .nav-tabs.nav-tabs-right.user .nav-link:focus{border-color: #313a43;} html[data-theme="dark"] .nav-tabs.flex-column.nav-tabs-right .nav-link.active, html[data-theme="dark"] .nav-tabs.nav-tabs-right.nav-tabs-vertical .nav-link.active, html[data-theme="dark"] .nav-tabs.nav-tabs-right.nav-tabs-vertical-custom .nav-link.active, html[data-theme="dark"] .nav-tabs.nav-tabs-right.nav-pills.nav-pills-vertical .nav-link.active, html[data-theme="dark"] .email-wrapper .mail-sidebar .menu-bar .profile-list-item a .nav-tabs.nav-tabs-right.user .nav-link.active, html[data-theme="dark"] .nav-tabs.flex-column.nav-tabs-right .nav-item.show .nav-link, html[data-theme="dark"] .nav-tabs.nav-tabs-right.nav-tabs-vertical .nav-item.show .nav-link, html[data-theme="dark"] .nav-tabs.nav-tabs-right.nav-tabs-vertical-custom .nav-item.show .nav-link, html[data-theme="dark"] .nav-tabs.nav-tabs-right.nav-pills.nav-pills-vertical .nav-item.show .nav-link, html[data-theme="dark"] .email-wrapper .mail-sidebar .menu-bar .profile-list-item a .nav-tabs.nav-tabs-right.user .nav-item.show .nav-link{border-color: #333b43;} html[data-theme="dark"] .navbar-light{background-color: #181d22;} html[data-theme="dark"] .navbar-white{background-color: #16191d;} html[data-theme="dark"] .slider-light .slider .slider-selection{background-color: #181d22;} html[data-theme="dark"] .slider-white .slider .slider-selection{background-color: #16191d;} html[data-theme="dark"] .icheck-light > input:first-child:not(:checked):not(:disabled):hover + label::before, html[data-theme="dark"] .icheck-light > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before{border-color: #2f3942;} html[data-theme="dark"] .icheck-light > input:first-child:checked + label::before, html[data-theme="dark"] .icheck-light > input:first-child:checked + input[type="hidden"] + label::before{background-color: #181d22;border-color: #2f3942;} html[data-theme="dark"] .icheck-pink > input:first-child:not(:checked):not(:disabled):hover + label::before, html[data-theme="dark"] .icheck-pink > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before{border-color: #572f41;} html[data-theme="dark"] .icheck-pink > input:first-child:checked + label::before, html[data-theme="dark"] .icheck-pink > input:first-child:checked + input[type="hidden"] + label::before{border-color: #572f41;} html[data-theme="dark"] .icheck-white > input:first-child:not(:checked):not(:disabled):hover + label::before, html[data-theme="dark"] .icheck-white > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before{border-color: #303840;} html[data-theme="dark"] .icheck-white > input:first-child:checked + label::before, html[data-theme="dark"] .icheck-white > input:first-child:checked + input[type="hidden"] + label::before{background-color: #16191d;border-color: #303840;} html[data-theme="dark"] /* common/_form-errors.scss — правила добавлены и в исходник, html[data-theme="dark"] и сюда: сборка стилей в этот репозиторий не входит, html[data-theme="dark"] а собранный файл отдаётся браузеру. */ .help-block{color: #e6a8ae;} html[data-theme="dark"] .d-card > .card-header{background-color: #1c262f;} html[data-theme="dark"] .q-sec{color: #c5ccd3;} html[data-theme="dark"] .d-stage__label{color: #c5ccd3;} html[data-theme="dark"] .d-stage--return{border-left-color: #55452e;} html[data-theme="dark"] /* Требующие вмешательства разнесены: у них разные действия и разный возраст, html[data-theme="dark"] и один цвет на всех прятал бы эту разницу. */ .d-stage--contact{border-left-color: #58452f;} html[data-theme="dark"] /* Исходы — то, html[data-theme="dark"] что уже закончилось. Приглушены: это не работа на сегодня, html[data-theme="dark"] а итог по той же когорте. */ .d-stage--done-delivered{background-color: #1a351f;} html[data-theme="dark"] .d-stage--done-returned{background-color: #341919;} html[data-theme="dark"] .d-stage--done-other{border-left-color: #393f46;background-color: #1c262f;} html[data-theme="dark"] a.d-stage--link:hover, html[data-theme="dark"] a.d-stage--link:focus{border-color: #343c45;} html[data-theme="dark"] .d-stage-outside{color: #e6d0a8;background-color: #3b311d;} html[data-theme="dark"] .d-alert--danger{background-color: #391e1b;color: #e6a8ac;} html[data-theme="dark"] .d-alert--warning{background-color: #3b311d;color: #e6d0a8;} html[data-theme="dark"] .d-alert--danger.d-alert--link:hover, html[data-theme="dark"] .d-alert--danger.d-alert--link:focus{background-color: #422320;color: #e6a8ad;} html[data-theme="dark"] .d-alert--warning.d-alert--link:hover, html[data-theme="dark"] .d-alert--warning.d-alert--link:focus{background-color: #473a22;color: #e6d0a8;} html[data-theme="dark"] a.d-work__tile:hover, html[data-theme="dark"] a.d-work__tile:focus{border-color: #343c45;border-left-color: #393f46;} html[data-theme="dark"] .d-work__tile--problem{background-color: #341919;} html[data-theme="dark"] /* Названия статусов — это фразы («Ожидает передачи в курьерскую службу»), html[data-theme="dark"] а не короткие ярлыки: капс с разрядкой их не вмещал и обрезал на полуслове. Две строки с фиксированной высотой держат плитки выровненными. */ .d-work__label{color: #d1d6dc;} html[data-theme="dark"] .d-work__mark--new{background-color: #1d3d2a;color: #a8e6c3;} html[data-theme="dark"] .d-work__mark--stuck{background-color: #391e1b;color: #e6a8ac;} html[data-theme="dark"] .d-work__today{color: #a8e6c3;} html[data-theme="dark"] /* Заказы вне выбранного периода. Не тревога — подсказка, html[data-theme="dark"] что фильтр сузил очередь и часть работы осталась за кадром. */ .d-work__outside{color: #e6d0a8;background-color: #3b311d;} html[data-theme="dark"] .d-today__title{color: #c5ccd3;} html[data-theme="dark"] .d-stock-sum__cell{color: #c5ccd3;} html[data-theme="dark"] .d-stock-sum__cell--out strong{color: #e6a8ae;} html[data-theme="dark"] .d-stock-sum__cell--link:hover, html[data-theme="dark"] .d-stock-sum__cell--link:focus{color: #dadde1;} html[data-theme="dark"] .d-health__fix code{color: #d1d6dc;background-color: #1b2025;} html[data-theme="dark"] .d-stock-req__stale--link:hover{color: #d1d6dc;} html[data-theme="dark"] .d-stock-negative:hover, html[data-theme="dark"] .d-stock-negative:focus{color: #e6a8ac;} html[data-theme="dark"] .d-rate__bar{background-color: #203f26;} html[data-theme="dark"] .d-total td{background-color: #161f24;} html[data-theme="dark"] .d-slides__title{color: #c5ccd3;} html[data-theme="dark"] .d-slides__nav{background-color: #16191d;color: #d1d6dc;} html[data-theme="dark"] .d-slides__nav:hover{background-color: #1b2025;border-color: #343c45;} html[data-theme="dark"] .d-slide__total{color: #c5ccd3;} html[data-theme="dark"] .d-legend{color: #c5ccd3;} html[data-theme="dark"] .d-legend__item strong{color: #dadde1;} html[data-theme="dark"] /* Карточки стран — по содержимому, html[data-theme="dark"] а не в равную ширину: у названий разная длина, html[data-theme="dark"] и растяжка приводит к переносу «118 заказов · 63, html[data-theme="dark"] 6%» на три строки. */ .d-country{background-color: #181f1f;} html[data-theme="dark"] .d-country--active{background-color: #16191d;} html[data-theme="dark"] /* Панель фильтров. Собрана как одна строка управления: слева выбор периода, html[data-theme="dark"] справа страна. Переключатель периода — сплошная полоса, html[data-theme="dark"] а не набор кнопок: выбор здесь один из шести, html[data-theme="dark"] и распадаться на отдельные элементы он не должен. */ .d-filter{background-color: #16191d;} html[data-theme="dark"] .d-seg{background-color: #192127;} html[data-theme="dark"] .d-seg__btn:hover{color: #dde3e9;} html[data-theme="dark"] .d-seg__btn.is-active{background-color: #16191d;color: #a8cbe6;} html[data-theme="dark"] /* Поля свободного диапазона и выбора страны — той же высоты и скругления, html[data-theme="dark"] что и переключатель, html[data-theme="dark"] иначе строка выглядит собранной из чужих частей. */ .d-field{color: #dadfe4;background-color: #16191d;} html[data-theme="dark"] .d-field:focus{border-color: #2d4153;} html[data-theme="dark"] .d-widget__veil{background-color: #16191d;} html[data-theme="dark"] .d-health--warn{border-left-color: #55452e;} html[data-theme="dark"] .d-health--warn .d-health__dot{background-color: #534128;} html[data-theme="dark"] .d-meter__label{color: #ccd2d7;} html[data-theme="dark"] .d-meter__track{background-color: #1a2128;} html[data-theme="dark"] .d-meter--warn .d-meter__fill{background-color: #534128;} html[data-theme="dark"] .d-meter--unknown .d-meter__fill{background-color: #2a3138;} html[data-theme="dark"] .d-meter--warn .d-meter__value{color: #e6d0a8;} html[data-theme="dark"] .d-meter--danger .d-meter__value{color: #e6a8ac;} html[data-theme="dark"] .d-health__row--bad td{background-color: #341919;} html[data-theme="dark"] .d-health__title{color: #d6dade;} html[data-theme="dark"] .d-chip{background-color: #1a2128;color: #ccd2d7;} html[data-theme="dark"] .d-chip--ok{background-color: #1d3c27;color: #a8e6b9;} html[data-theme="dark"] .d-chip--warn{background-color: #3b311d;color: #e6d0a8;} html[data-theme="dark"] .d-chip--danger{background-color: #391e1b;color: #e6a8ac;} html[data-theme="dark"] .d-chip--unknown{background-color: #1a2128;color: #c5ccd3;} html[data-theme="dark"] .d-health__big-label{color: #c5ccd3;} html[data-theme="dark"] .q-stat{background-color: #16191d;} html[data-theme="dark"] .q-stat__label{color: #c5ccd3;} html[data-theme="dark"] .q-stat--delayed{border-left-color: #55452e;} html[data-theme="dark"] .q-stat--buried{background-color: #351a1c;} html[data-theme="dark"] .q-sec{color: #c5ccd3;} html[data-theme="dark"] .q-json{background-color: #191d22;} html[data-theme="dark"] .card.q-queue > .card-header{background-color: #1c262f;} html[data-theme="dark"] page{background-color: #16191d;} html[data-theme="dark"] .routes .placeholder{background-color: #1e2328;} html[data-theme="dark"] .p-applied__chip{background-color: #1d2e3b;color: #a8cce6;} html[data-theme="dark"] .p-applied__chip a:hover{color: #e6a8ab;} html[data-theme="dark"] .p-stocks-cell{background-color: #181e25;} html[data-theme="dark"] .p-stock{background-color: #16191d;} html[data-theme="dark"] .p-stock--none{border-color: #4d2a2a;background-color: #341919;} html[data-theme="dark"] .p-stock--some{border-color: #4e3f2a;background-color: #352a19;} html[data-theme="dark"] .p-stock__balance.is-zero{color: #e6aea8;} html[data-theme="dark"] .p-stock__balance.is-low{color: #e6cea8;} html[data-theme="dark"] /* Три состояния одним переключателем: отправляем — не отправляем никуда — не отправляем в отдельные страны. Флажок и список стран рядом читались как две независимые настройки, html[data-theme="dark"] а на деле список лишь сужает общий запрет. */ .p-modes{background-color: #192127;} html[data-theme="dark"] .p-mode:hover{color: #dde3e9;} html[data-theme="dark"] .p-mode.is-active{background-color: #16191d;color: #a8cbe6;} html[data-theme="dark"] .p-stock--none .p-mode.is-active{color: #e6aba8;} html[data-theme="dark"] .p-stock--some .p-mode.is-active{color: #e6cda8;} html[data-theme="dark"] .p-chip{background-color: #16191d;color: #ccd2d7;} html[data-theme="dark"] .p-chip:hover{border-color: #323e48;} html[data-theme="dark"] .p-chip.is-off{background-color: #381b1b;border-color: #4f2b2b;color: #e6aba8;} html[data-theme="dark"] .p-where__item{background-color: #381b1b;color: #e6aba8;} html[data-theme="dark"] .p-where__item.is-minus{background-color: #411f1f;} /* ===== точечные исправления, найденные глазами и замером ============ */ /* --- карточки и панели --- */ html[data-theme="dark"] .card, html[data-theme="dark"] .card-body, html[data-theme="dark"] .modal-content, html[data-theme="dark"] .dropdown-menu, html[data-theme="dark"] .list-group-item { background: var(--d-surface); color: var(--d-ink); border-color: var(--d-line); } html[data-theme="dark"] .card-header, html[data-theme="dark"] .card-footer, html[data-theme="dark"] .modal-header, html[data-theme="dark"] .modal-footer { background: var(--d-surface-2); color: var(--d-ink); border-color: var(--d-line); } /* --- панель и меню --- */ html[data-theme="dark"] .navbar, html[data-theme="dark"] .navbar .navbar-menu-wrapper, html[data-theme="dark"] .navbar .navbar-brand-wrapper { background: var(--d-surface) !important; border-color: var(--d-line); } html[data-theme="dark"] .sidebar { background: var(--d-surface) !important; border-right: 1px solid var(--d-line); } html[data-theme="dark"] .sidebar .nav .nav-item .nav-link, html[data-theme="dark"] .navbar .navbar-menu-wrapper .navbar-nav .nav-link { color: var(--d-ink-2); } html[data-theme="dark"] .sidebar .nav .nav-item.active > .nav-link, html[data-theme="dark"] .sidebar .nav .nav-item .nav-link:hover { color: var(--d-ink); background: var(--d-surface-2); } /* --- таблицы --- */ html[data-theme="dark"] .table { color: var(--d-ink); border-color: var(--d-line); } html[data-theme="dark"] .table thead th { background: var(--d-surface-2); color: var(--d-ink-2); border-color: var(--d-line-strong); } html[data-theme="dark"] .table td, html[data-theme="dark"] .table th { border-color: var(--d-line); } html[data-theme="dark"] .table-striped tbody tr:nth-of-type(odd) { background: rgba(255, 255, 255, .022); } html[data-theme="dark"] .table-hover tbody tr:hover { background: rgba(77, 163, 255, .10); color: var(--d-ink); } /* --- поля ввода --- */ html[data-theme="dark"] .form-control, html[data-theme="dark"] .custom-select, html[data-theme="dark"] textarea, html[data-theme="dark"] .input-group-text { background: var(--d-surface-2); color: var(--d-ink); border-color: var(--d-line-strong); } html[data-theme="dark"] .form-control:focus { background: var(--d-surface-2); color: var(--d-ink); border-color: var(--d-accent); box-shadow: 0 0 0 .15rem rgba(77, 163, 255, .25); } html[data-theme="dark"] .form-control::placeholder { color: var(--d-muted); } html[data-theme="dark"] label, html[data-theme="dark"] .control-label { color: var(--d-ink-2); } /* select2 рисует своё, поэтому перечисляем его части отдельно */ html[data-theme="dark"] .select2-container--default .select2-selection--single, html[data-theme="dark"] .select2-container--default .select2-selection--multiple, html[data-theme="dark"] .select2-dropdown, html[data-theme="dark"] .select2-search__field { background: var(--d-surface-2) !important; color: var(--d-ink) !important; border-color: var(--d-line-strong) !important; } html[data-theme="dark"] .select2-container--default .select2-selection--single .select2-selection__rendered, html[data-theme="dark"] .select2-results__option { color: var(--d-ink); } html[data-theme="dark"] .select2-container--default .select2-results__option--highlighted[aria-selected] { background: var(--d-accent); color: #0f141a; } html[data-theme="dark"] .select2-container--default .select2-selection--multiple .select2-selection__choice { background: var(--d-surface); border-color: var(--d-line-strong); color: var(--d-ink); } /* --- текст и мелочи --- */ html[data-theme="dark"] h1, html[data-theme="dark"] h2, html[data-theme="dark"] h3, html[data-theme="dark"] h4, html[data-theme="dark"] h5, html[data-theme="dark"] h6, html[data-theme="dark"] .card-title { color: var(--d-ink); } html[data-theme="dark"] .text-muted, html[data-theme="dark"] small { color: var(--d-muted) !important; } html[data-theme="dark"] a { color: var(--d-accent); } html[data-theme="dark"] hr { border-color: var(--d-line); } html[data-theme="dark"] .breadcrumb { background: var(--d-surface-2); } html[data-theme="dark"] .page-header, html[data-theme="dark"] .page-title { color: var(--d-ink); } /* --- кнопки нейтральных видов --- */ html[data-theme="dark"] .btn-default, html[data-theme="dark"] .btn-outline-secondary, html[data-theme="dark"] .btn-light { background: var(--d-surface-2); color: var(--d-ink); border-color: var(--d-line-strong); } html[data-theme="dark"] .btn-default:hover, html[data-theme="dark"] .btn-outline-secondary:hover, html[data-theme="dark"] .btn-light:hover { background: var(--d-line); color: var(--d-ink); } /* --- постраничность --- */ html[data-theme="dark"] .page-link { background: var(--d-surface-2); border-color: var(--d-line-strong); color: var(--d-ink-2); } html[data-theme="dark"] .page-item.active .page-link { background: var(--d-accent); border-color: var(--d-accent); color: #0f141a; } /* --- сообщения: цвет смысла оставляем, подложку затемняем --- */ html[data-theme="dark"] .alert-danger { background: #2b1618; border-color: #5a2a2f; color: #f3b4b8; } html[data-theme="dark"] .alert-success { background: #14241a; border-color: #2c5138; color: #a9dcbb; } html[data-theme="dark"] .alert-warning { background: #2a2213; border-color: #5a4a22; color: #e8cf95; } html[data-theme="dark"] .alert-info { background: #13232e; border-color: #27506a; color: #a8d3ea; } html[data-theme="dark"] .invalid-feedback, html[data-theme="dark"] .help-block { color: #f08a92; } /* --- блоки рабочего стола --------------------------------------------- * Их стили лежат прямо в виде и идут после наших, но селектор с атрибутом * тяжелее по весу, поэтому переопределяются без !important. */ html[data-theme="dark"] .d-card, html[data-theme="dark"] .d-country, html[data-theme="dark"] .d-filter, html[data-theme="dark"] .d-seg, html[data-theme="dark"] .d-alert, html[data-theme="dark"] .d-health { background: var(--d-surface); border-color: var(--d-line); color: var(--d-ink); } html[data-theme="dark"] .d-country__meta, html[data-theme="dark"] .d-filter__label, html[data-theme="dark"] .d-health__big-label, html[data-theme="dark"] .d-stage-outside, html[data-theme="dark"] .d-note, html[data-theme="dark"] .d-top-where { color: var(--d-muted); } html[data-theme="dark"] .d-country__name, html[data-theme="dark"] .d-health__big { color: var(--d-ink); } html[data-theme="dark"] .d-seg__btn { background: var(--d-surface-2); border-color: var(--d-line-strong); color: var(--d-ink-2); } html[data-theme="dark"] .d-seg__btn.is-active { background: var(--d-accent); border-color: var(--d-accent); color: #0f141a; } html[data-theme="dark"] .d-field { background: var(--d-surface-2); border-color: var(--d-line-strong); color: var(--d-ink); } html[data-theme="dark"] .d-chip { background: var(--d-surface-2); color: var(--d-ink); } html[data-theme="dark"] .d-chip--ok { background: #14241a; color: #a9dcbb; } html[data-theme="dark"] .d-chip--warn { background: #2a2213; color: #e8cf95; } html[data-theme="dark"] .d-chip--danger { background: #2b1618; color: #f3b4b8; } html[data-theme="dark"] .d-chip--unknown{ background: var(--d-surface-2); color: var(--d-muted); } /* --- то, что осталось светлым ----------------------------------------- */ html[data-theme="dark"] footer.footer { background: var(--d-surface); color: var(--d-muted); border-top: 1px solid var(--d-line); } html[data-theme="dark"] .sidebar .nav .nav-item.active, html[data-theme="dark"] .accordion-group.nav-item.active { background: var(--d-surface-2); } /* Заголовки страниц и хлебные крошки берут тёмно-серый из светлой темы — * на тёмной подложке он почти не виден. */ html[data-theme="dark"] .page-header .page-title, html[data-theme="dark"] .page-title, html[data-theme="dark"] .breadcrumb-item, html[data-theme="dark"] .breadcrumb-item.active, html[data-theme="dark"] .content-wrapper, html[data-theme="dark"] body { color: var(--d-ink); } html[data-theme="dark"] .breadcrumb-item a, html[data-theme="dark"] .breadcrumb a { color: var(--d-accent); } html[data-theme="dark"] .text-muted, html[data-theme="dark"] .text-secondary, html[data-theme="dark"] .form-text { color: var(--d-muted) !important; } /* Белый текст на светло-зелёном не читался и в светлой теме; здесь берём * тёмную подпись — на зелёном она контрастнее втрое. */ html[data-theme="dark"] .btn-success, html[data-theme="dark"] .badge-success, html[data-theme="dark"] .bg-success { color: #0f2416 !important; } /* Панель отладки — инструмент разработчика, но читать её тоже надо. */ html[data-theme="dark"] #codeigniter-profiler, html[data-theme="dark"] .develbar, html[data-theme="dark"] .develbar * { color: var(--d-ink); } /* --- остатки, найденные замером контраста ------------------------------ */ /* Сигнальные плашки рабочего стола: цвет смысла оставляем, подложку затемняем. */ html[data-theme="dark"] .d-alert--warning { background: #2a2213; border-color: #5a4a22; color: #e8cf95; } html[data-theme="dark"] .d-alert--danger { background: #2b1618; border-color: #5a2a2f; color: #f3b4b8; } html[data-theme="dark"] .d-alert--dead { background: #23282e; border-color: #3a4652; color: var(--d-ink-2); } html[data-theme="dark"] .d-alert--link, html[data-theme="dark"] .d-alert a { color: var(--d-accent); } html[data-theme="dark"] .d-health__title, html[data-theme="dark"] .d-slides__title, html[data-theme="dark"] .d-slide__name, html[data-theme="dark"] .q-sec { color: var(--d-ink); } html[data-theme="dark"] .d-stage__label, html[data-theme="dark"] .d-legend__item, html[data-theme="dark"] .d-money-cell__orders, html[data-theme="dark"] .d-health__checked { color: var(--d-muted); } /* Ссылки бокового меню и крошек: исходный синевато-серый на тёмном давал 3,7 * при нужных 4,5. */ html[data-theme="dark"] .sidebar .nav .nav-item .nav-link, html[data-theme="dark"] .sidebar .nav .nav-item .nav-link span, html[data-theme="dark"] .breadcrumb-item, html[data-theme="dark"] .breadcrumb-item a { color: #a9b6c4; } /* Поля выбора без select2 сохраняли чёрный текст системного вида. */ html[data-theme="dark"] select, html[data-theme="dark"] select option, html[data-theme="dark"] .select2-container--default .select2-selection__rendered { background-color: var(--d-surface-2); color: var(--d-ink); } /* --- последние места, где вес чужих правил выше ------------------------ */ /* Активный пункт меню и подпункты берут #667895 из правил с классом * .sidebar-dark на body — их вес выше нашего, поэтому здесь без !important * не обойтись. На тёмной подложке этот цвет давал 3,7 при нужных 4,5. */ html[data-theme="dark"] .sidebar .nav .nav-item.active > .nav-link .menu-title, html[data-theme="dark"] .sidebar .nav .nav-item.active > .nav-link i, html[data-theme="dark"] .sidebar .nav .nav-item.active > * > .nav-link .menu-title, html[data-theme="dark"] .sidebar .nav .nav-item.active > * > .nav-link i, html[data-theme="dark"] .sidebar .nav.sub-menu .nav-item .nav-link.active { color: #b9c6d4 !important; } /* Сигнальные плашки рабочего стола объявлены в самом виде, ниже по документу. */ html[data-theme="dark"] .d-alert--danger { background: #2b1618 !important; color: #f3b4b8 !important; } html[data-theme="dark"] .d-alert--warning { background: #2a2213 !important; color: #e8cf95 !important; } html[data-theme="dark"] .d-alert--dead { background: #5e161c !important; color: #ffdfe2 !important; } html[data-theme="dark"] a.d-alert--danger:hover, html[data-theme="dark"] a.d-alert--warning:hover { background: #3a2a15 !important; color: #f0dcae !important; } /* Выпадающие списки без select2 остаются системными: цвет текста берётся из * настроек ОС и на тёмной подложке оказывался чёрным. */ html[data-theme="dark"] select.form-control, html[data-theme="dark"] select.form-control option { color: var(--d-ink) !important; background-color: var(--d-surface-2) !important; } /* Значки-предупреждения несут ссылку: синий на жёлтом не читается ни в одной * теме, поэтому подпись делаем тёмной — на жёлтом это единственный контраст. */ html[data-theme="dark"] .badge-warning, html[data-theme="dark"] a.badge-warning, html[data-theme="dark"] .badge-warning:hover { color: #3a2c00 !important; } html[data-theme="dark"] .badge-light { background: var(--d-surface-2) !important; color: var(--d-ink) !important; } /* Ссылки постраничности перекрываются правилами темы с большим весом. */ html[data-theme="dark"] .pagination .page-link, html[data-theme="dark"] .page-item .page-link { color: var(--d-ink-2) !important; background-color: var(--d-surface-2) !important; border-color: var(--d-line-strong) !important; } html[data-theme="dark"] .page-item.active .page-link { color: #0f141a !important; background-color: var(--d-accent) !important; border-color: var(--d-accent) !important; } html[data-theme="dark"] .page-item.disabled .page-link { color: var(--d-muted) !important; } /* Пояснение «часть заказов вне выбранного периода» — плашка с собственной * светлой подложкой. */ html[data-theme="dark"] .d-stage-outside { background: #2a2213 !important; border-color: #5a4a22 !important; color: #e8cf95 !important; } /* Вуаль загрузки. * * Данные во время подгрузки никуда не деваются: разметка заменяется только * после ответа. Но плотная вуаль съедала их до полной пустоты — блок выглядел * так, будто содержимое стёрли, и оставалась одна бегущая полоса. Делаем её * лёгкой: прежние цифры видны приглушёнными, и по ним понятно, что блок * обновляется, а не строится с нуля. * * Генератор ошибался здесь иначе: исходное rgba(255,255,255,.72) он разбирал * без прозрачности и делал вуаль непрозрачной. */ html[data-theme="dark"] .d-widget__veil { background-color: rgba(15, 20, 26, .28) !important; } html[data-theme="dark"] .d-widget.is-loading > .card { filter: brightness(.85); } /* Светлая рамка вокруг капчи. * * Её рисует сам виджет внутри своего кадра, а кадр чужого происхождения — * достать до его стилей нельзя. Поэтому обрезаем: контейнер на пиксель уже и * ниже виджета, кадр сдвинут на пиксель вверх и влево. Внутри остаётся ровно * то же содержимое, снаружи исчезает светлая обводка. */ html[data-theme="dark"] .g-recaptcha { display: inline-block; overflow: hidden; line-height: 0; border-radius: 4px; background: #222; } html[data-theme="dark"] .g-recaptcha > div { width: 302px !important; height: 76px !important; overflow: hidden; } html[data-theme="dark"] .g-recaptcha iframe { margin: -1px 0 0 -1px; } /* Плитка расхождения статусов в «Заказах в работе». Единственная плитка, * требующая действия, — выделяется в обеих темах одинаково по смыслу: янтарная * подложка, полоса слева и значок внимания. */ html[data-theme="dark"] .d-stage--alert { background: #2a2213 !important; border-color: #6b5622 !important; box-shadow: inset 3px 0 0 #d9971a; } html[data-theme="dark"] .d-stage--alert .d-stage__label, html[data-theme="dark"] .d-stage--alert .d-stage__value { color: #e8cf95 !important; } html[data-theme="dark"] .d-stage--alert .d-stage__hint { color: #bda876 !important; } html[data-theme="dark"] a.d-stage--alert:hover { background: #362c18 !important; } /* ===== плашки статусов, кнопки фильтров, карточка заказа ============ */ html[data-theme="dark"] { /* Плашка чуть светлее подложки карточки — так она читается как элемент управления, а не как ячейка таблицы. Рамку убираем: семнадцать обведённых прямоугольников в ряд превращались в сетку. */ --st-bg: #262e38; --st-border: transparent; --st-ink: #cdd7e1; --st-bg-hover: #313b47; --st-border-hover: transparent; --st-active-bg: #1f6feb; --st-active-border: #1f6feb; --st-active-ink: #ffffff; --st-count-bg: rgba(255, 255, 255, .10); --st-count-ink: #a8b5c2; /* Карточки групп фильтров: чуть светлее подложки панели, рамка едва заметна — она отделяет группы, а не рисует сетку. */ --f-group-bg: #1b222b; --f-group-line: #2a323c; --f-group-title: #b6c2ce; --f-field-border: #333c47; --f-field-bg: #232b35; --f-field-ink: #e6edf3; --f-field-placeholder: #7e8b98; } /* * Квадратик цвета статуса приходит из базы инлайновым стилем. У «Отменённой * доставки» он чёрный — на тёмной подложке его просто нет. Даём всем квадратам * светлый ореол: у цветных он незаметен, чёрный становится виден. */ html[data-theme="dark"] .btn-group.flex-wrap > .btn-chip > .fa-square, html[data-theme="dark"] .btn-group.flex-wrap > .btn-chip > .far { filter: drop-shadow(0 0 1px rgba(255, 255, 255, .65)); } /* --- лента статусов в карточке заказа --- */ html[data-theme="dark"] .timeline.timeline--order::before { background: #2c3540; } html[data-theme="dark"] .timeline.timeline--order > li > .timeline-item { background: #1f262f; border-color: #2c3540; color: var(--d-ink); } html[data-theme="dark"] .timeline.timeline--order > li > .timeline-item > .timeline-header { color: var(--d-ink); } html[data-theme="dark"] .timeline.timeline--order .tl-lead, html[data-theme="dark"] .timeline.timeline--order .tl-extra, html[data-theme="dark"] .timeline.timeline--order > li > .timeline-item > .time { color: var(--d-muted); } /* --- лог обмена с курьерской службой --- */ html[data-theme="dark"] .apilog-when, html[data-theme="dark"] .apilog-pane-title { color: var(--d-muted); } html[data-theme="dark"] .apilog-kind { background: #232b35; border-color: #3a4652; color: var(--d-ink-2); } html[data-theme="dark"] .apilog-copy { color: var(--d-muted); } html[data-theme="dark"] .apilog-copy:hover { background: #2b3542; color: var(--d-ink); } html[data-theme="dark"] .apilog-copy.is-done { color: #5fd18b; } html[data-theme="dark"] pre.apilog-code { background: #12171d; border-color: #2c3540; color: #c9d4df; } /* * Подсветка: тона взяты светлее и мягче, чем в светлой теме, иначе синий и * бордовый на тёмной подложке выпадают из читаемого диапазона. */ html[data-theme="dark"] .apilog-code .t-key { color: #79c0ff; } html[data-theme="dark"] .apilog-code .t-str { color: #a5d6ff; } html[data-theme="dark"] .apilog-code .t-num { color: #ffa198; } html[data-theme="dark"] .apilog-code .t-bool { color: #d2a8ff; } html[data-theme="dark"] .apilog-code .t-null { color: #d2a8ff; } html[data-theme="dark"] .apilog-code .t-punct { color: #8b98a5; } html[data-theme="dark"] .apilog-code .t-tag { color: #7ee787; } html[data-theme="dark"] .apilog-code .t-attr { color: #d2a8ff; } html[data-theme="dark"] .apilog-code .t-attrval { color: #a5d6ff; } html[data-theme="dark"] .apilog-code .t-comment { color: #7d8894; } html[data-theme="dark"] .apilog-code .t-decl { color: #8b98a5; } html[data-theme="dark"] .apilog-code .t-cdata { color: #ffa198; } /* ===== точечные исправления второй волны ============================ */ /* * Кнопка-ссылка. Правило `a { color: акцент }` весит больше, чем `.btn-danger`, * и все ссылки, оформленные кнопкой, получали синий текст на своей заливке — * «Отменить» в списке заказов читалась синим по бордовому. */ html[data-theme="dark"] a.btn { color: #e6edf3; } html[data-theme="dark"] a.btn-warning, html[data-theme="dark"] a.btn-light { color: #1c232c; } html[data-theme="dark"] a.btn-link, html[data-theme="dark"] a.btn-outline-primary { color: var(--d-accent); } html[data-theme="dark"] a.btn-outline-secondary, html[data-theme="dark"] a.btn-default { color: var(--d-ink-2); } html[data-theme="dark"] a.btn-outline-success { color: #5fd18b; } html[data-theme="dark"] a.btn-outline-danger { color: #ff8b82; } html[data-theme="dark"] a.btn-outline-info { color: #58c4dc; } html[data-theme="dark"] a.btn-outline-warning { color: #e3c26b; } html[data-theme="dark"] .f-col--actions a.btn-chip-reset { color: var(--d-muted); } html[data-theme="dark"] .btn-group.flex-wrap > a.btn-chip { color: var(--st-ink); } html[data-theme="dark"] .btn-group.flex-wrap > a.btn-chip.active { color: var(--st-active-ink); } /* * Текущий пункт меню. Раньше он подсвечивался акцентом (#248afd), но на тёмной * подложке этот синий давал 3,3 при нужных 4,5 — я увёл его в серый и потерял * вместе с контрастом само выделение: активный пункт стал неотличим от * остальных. Возвращаем акцент осветлённым до 5,4 и добавляем полосу слева, * чтобы выделение читалось и без разбора оттенков. */ html[data-theme="dark"] .sidebar .nav .nav-item.active > .nav-link .menu-title, html[data-theme="dark"] .sidebar .nav .nav-item.active > .nav-link i, html[data-theme="dark"] .sidebar .nav .nav-item.active > * > .nav-link .menu-title, html[data-theme="dark"] .sidebar .nav .nav-item.active > * > .nav-link i, html[data-theme="dark"] .sidebar .nav.sub-menu .nav-item .nav-link.active { color: var(--nav-active-ink) !important; } /* Правила генератора красят фон активного пункта подложкой карточки и весят больше, чем nav.css, — подсветку приходится повторить здесь. Значения не дублируются: обе темы берут их из одних переменных. */ html[data-theme="dark"] .sidebar .nav.sub-menu .nav-item .nav-link.active, html[data-theme="dark"] .sidebar .nav .nav-link.active, html[data-theme="dark"] .sidebar .nav .nav-item.active > .nav-link { background: var(--nav-active-bg); box-shadow: inset 3px 0 0 var(--nav-active-ink); } /* * Плитки рабочего стола. Общая рамка задана в самом виде светло-серым * (#e3e7ea) — на тёмном фоне семь плиток превращались в семь светлых * прямоугольников. Цветную полосу слева не трогаем: она несёт смысл стадии. */ html[data-theme="dark"] .d-stage { /* Именно три стороны, а не border-color: сокращённая запись сбросила бы и левую, вместе с ней — цветовое кодирование стадии. */ border-top-color: #2c3540; border-right-color: #2c3540; border-bottom-color: #2c3540; background: #1b222b; } /* Полосы стадий. Генератор увёл часть из них в бурый (#55452e вместо оранжевого) — рядом со своими яркими соседями они читались как выцветшие. Задаём весь набор осветлённым: на тёмной подложке цвет узнаётся тот же. */ html[data-theme="dark"] .d-stage--waiting { border-left-color: #7c8894; } html[data-theme="dark"] .d-stage--carrier { border-left-color: #34b5c9; } html[data-theme="dark"] .d-stage--return { border-left-color: #e0a44a; } html[data-theme="dark"] .d-stage--contact { border-left-color: #ef9a3e; } html[data-theme="dark"] .d-stage--error { border-left-color: #a468c4; } html[data-theme="dark"] .d-stage--hold { border-left-color: #e05561; } html[data-theme="dark"] .d-stage--done-delivered { border-left-color: #35b158; background: #172a1c; } html[data-theme="dark"] .d-stage--done-returned { border-left-color: #b03a3a; background: #2a1818; } html[data-theme="dark"] .d-stage--done-other { border-left-color: #6b7580; background: #1b222b; } html[data-theme="dark"] .d-stage--alert { border-top-color: #6b5622 !important; border-right-color: #6b5622 !important; border-bottom-color: #6b5622 !important; } /* Кружки ленты статусов. Правило генератора `.timeline > li > .fa` весит больше цветовых классов и красило все значки одинаково серым. */ html[data-theme="dark"] ul.timeline.timeline--order > li > .bg-blue { background-color: #2f7ff0; } html[data-theme="dark"] ul.timeline.timeline--order > li > .bg-green, html[data-theme="dark"] ul.timeline.timeline--order > li > .bg-success { background-color: #2e9c53; } html[data-theme="dark"] ul.timeline.timeline--order > li > .bg-red, html[data-theme="dark"] ul.timeline.timeline--order > li > .bg-danger { background-color: #c0392f; } html[data-theme="dark"] ul.timeline.timeline--order > li > .bg-yellow, html[data-theme="dark"] ul.timeline.timeline--order > li > .bg-warning { background-color: #c99a16; } html[data-theme="dark"] ul.timeline.timeline--order > li > .bg-gray { background-color: #59636e; } html[data-theme="dark"] .timeline.timeline--order > .time-label > span { color: #ffffff; } /* ===== календарь выбора диапазона дат ============================== */ /* * Плагин рисуется вне карточки, прямо в body, поэтому под правила темы он не * попадал: белая подложка, светло-серые числа, «Cancel» белым по белому. * Правил немного, но нужны все — плагин задаёт свои цвета жёстко. */ html[data-theme="dark"] .daterangepicker { background: var(--d-surface); border-color: var(--d-line-strong); color: var(--d-ink); box-shadow: 0 8px 24px rgba(0, 0, 0, .45); } html[data-theme="dark"] .daterangepicker:before { border-bottom-color: var(--d-line-strong); } html[data-theme="dark"] .daterangepicker:after { border-bottom-color: var(--d-surface); } html[data-theme="dark"] .daterangepicker.drop-up:before { border-top-color: var(--d-line-strong); } html[data-theme="dark"] .daterangepicker.drop-up:after { border-top-color: var(--d-surface); } html[data-theme="dark"] .daterangepicker .calendar-table { background: var(--d-surface); border-color: var(--d-surface); } html[data-theme="dark"] .daterangepicker td, html[data-theme="dark"] .daterangepicker th { color: var(--d-ink); } /* Числа соседних месяцев и заблокированные даты: видны, но не спорят с своими. */ html[data-theme="dark"] .daterangepicker td.off, html[data-theme="dark"] .daterangepicker td.off.in-range, html[data-theme="dark"] .daterangepicker td.off.start-date, html[data-theme="dark"] .daterangepicker td.off.end-date { background: transparent; color: #5b6672; } html[data-theme="dark"] .daterangepicker td.available:hover, html[data-theme="dark"] .daterangepicker th.available:hover { background: var(--d-surface-2); } html[data-theme="dark"] .daterangepicker td.in-range { background: #1d3242; color: var(--d-ink); } html[data-theme="dark"] .daterangepicker td.active, html[data-theme="dark"] .daterangepicker td.active:hover { background: #1f6feb; color: #ffffff; } html[data-theme="dark"] .daterangepicker td.disabled, html[data-theme="dark"] .daterangepicker option.disabled { color: #4d5762; } html[data-theme="dark"] .daterangepicker .drp-buttons { border-top-color: var(--d-line); } html[data-theme="dark"] .daterangepicker .drp-selected { color: var(--d-ink-2); } html[data-theme="dark"] .daterangepicker .ranges li { color: var(--d-ink-2); } html[data-theme="dark"] .daterangepicker .ranges li:hover { background: var(--d-surface-2); } html[data-theme="dark"] .daterangepicker .ranges li.active { background: #1f6feb; color: #ffffff; } html[data-theme="dark"] .daterangepicker .calendar-table .next span, html[data-theme="dark"] .daterangepicker .calendar-table .prev span { border-color: var(--d-ink-2); } html[data-theme="dark"] .daterangepicker select.monthselect, html[data-theme="dark"] .daterangepicker select.yearselect, html[data-theme="dark"] .daterangepicker select.hourselect, html[data-theme="dark"] .daterangepicker select.minuteselect, html[data-theme="dark"] .daterangepicker select.secondselect, html[data-theme="dark"] .daterangepicker select.ampmselect { background: var(--d-surface-2); border-color: var(--d-line-strong); color: var(--d-ink); } /* Кнопка «Cancel» была белым по белому. */ html[data-theme="dark"] .daterangepicker .drp-buttons .btn.btn-default, html[data-theme="dark"] .daterangepicker .drp-buttons .cancelBtn { background: var(--d-surface-2); border-color: var(--d-line-strong); color: var(--d-ink); } /* ===== история переотправок в карточке заказа ====================== */ html[data-theme="dark"] .resend-log { background: #241f14; border-color: #2f3742; border-left-color: #a8791f; } html[data-theme="dark"] .resend-log__title { color: #e0c07a; } html[data-theme="dark"] .resend-log__note { color: #b9a878; } html[data-theme="dark"] .resend-log__auto { color: #9c8d63; } html[data-theme="dark"] .resend-log__mark.is-kept { background: #14301f; color: #77c893; } html[data-theme="dark"] .resend-log__mark.is-shipped { background: #32270f; color: #d8ab5a; } html[data-theme="dark"] .resend-log__mark.is-failed { background: #351a1a; color: #e08585; } html[data-theme="dark"] .resend-log__mark.is-none { background: #21262d; color: var(--d-muted); } html[data-theme="dark"] .resent-stock { background: #241f14; border-color: #3a3423; border-left-color: #a8791f; } html[data-theme="dark"] .resent-stock__hint, html[data-theme="dark"] .resent-stock__auto { color: #b9a878; } html[data-theme="dark"] .resent-stock__options .form-check-label { color: var(--d-ink); } html[data-theme="dark"] .resend-log__table, html[data-theme="dark"] .resend-log__table td { color: var(--d-ink); } html[data-theme="dark"] .resend-log__table th { color: var(--d-muted); } html[data-theme="dark"] .resend-log__table td, html[data-theme="dark"] .resend-log__table th { border-color: #33302a; } /* ===== журнал действий по записи ================================== */ html[data-theme="dark"] .alog__title { color: var(--d-ink-2); } html[data-theme="dark"] .alog__count { background: #2b3542; color: var(--d-ink-2); } html[data-theme="dark"] .alog__table th { color: var(--d-muted); } html[data-theme="dark"] .alog__table, html[data-theme="dark"] .alog__table td { color: var(--d-ink); } html[data-theme="dark"] .alog__table td, html[data-theme="dark"] .alog__table th { border-color: var(--d-line); } html[data-theme="dark"] .alog__action { background: #2b3542; color: var(--d-ink-2); } html[data-theme="dark"] .alog__action--update { background: #16283c; color: #79c0ff; } html[data-theme="dark"] .alog__action--create { background: #12291e; color: #5fd18b; } html[data-theme="dark"] .alog__action--delete, html[data-theme="dark"] .alog__action--delete_by { background: #2b1618; color: #ff8b82; } html[data-theme="dark"] .alog__field { color: var(--d-muted); } html[data-theme="dark"] .alog__old { color: #e0888c; } html[data-theme="dark"] .alog__new { color: #6fd193; } html[data-theme="dark"] .alog__arrow, html[data-theme="dark"] .alog__empty { color: var(--d-muted); } html[data-theme="dark"] .alog__page, html[data-theme="dark"] .alog__note { color: var(--d-muted); } html[data-theme="dark"] .alog__switch { color: var(--d-muted); } html[data-theme="dark"] .alog__switch:hover { color: var(--d-ink); } html[data-theme="dark"] .alog__switch.is-on { color: #79c0ff; } html[data-theme="dark"] .alog__none { color: var(--d-muted); } html[data-theme="dark"] .alog__basket-nums { color: var(--d-muted); } html[data-theme="dark"] .alog__action--basket_add, html[data-theme="dark"] .alog__action--create_row { background: #12291e; color: #5fd18b; } html[data-theme="dark"] .alog__action--basket_change { background: #16283c; color: #79c0ff; } html[data-theme="dark"] .alog__action--basket_remove { background: #2b1618; color: #ff8b82; } /* ===== вкладки: рамки остались от светлой темы ========================== В style.css границы вкладок объявлены сокращённой записью (`border: 1px solid #c9ccd7`), а генератор тёмной темы переписывал только `color` и `background-color`. Из-за этого под строкой вкладок и вокруг содержимого шла почти белая линия во всю ширину. */ html[data-theme="dark"] .nav-pills { border-bottom-color: var(--d-line); } html[data-theme="dark"] .nav-pills .nav-link { border-color: var(--d-line); } html[data-theme="dark"] .nav-pills .nav-link.active, html[data-theme="dark"] .nav-pills .show > .nav-link { border-color: transparent; } html[data-theme="dark"] .tab-content { border-color: var(--d-line); } html[data-theme="dark"] .tab-content.tab-content-vertical, html[data-theme="dark"] .tab-content.tab-content-vertical-custom { border-top-color: var(--d-line); } /* Приписки полей («кг», «см»): цвет остался чёрным по тёмному. */ html[data-theme="dark"] .input-group-text { color: var(--d-ink-2); } /* ===== запрет отправки по складам (карточка и список товаров) ===== */ html[data-theme="dark"] .p-stock { background: var(--d-card, #1c232c); border-color: var(--d-line); } html[data-theme="dark"] .p-stock--none { background: #241a1a; border-color: #4a2b2b; } html[data-theme="dark"] .p-stock--some { background: #241f14; border-color: #4a3a1c; } html[data-theme="dark"] .p-stock__name { color: var(--d-ink); } html[data-theme="dark"] .p-stock__balance { color: var(--d-ink-2); } html[data-theme="dark"] .p-stock__geo { border-top-color: var(--d-line); } html[data-theme="dark"] .p-mode { color: var(--d-muted); border-color: var(--d-line); background: transparent; } html[data-theme="dark"] .p-mode.is-active { background: var(--d-line); color: var(--d-ink); } html[data-theme="dark"] .p-stock--none .p-mode.is-active { color: #e08585; } html[data-theme="dark"] .p-stock--some .p-mode.is-active { color: #d8ab5a; } html[data-theme="dark"] .p-chip { border-color: var(--d-line); color: var(--d-ink-2); background: transparent; } html[data-theme="dark"] .p-chip.is-off { background: #351a1a; border-color: #4a2b2b; color: #e08585; } /* Разделители колонок в карточке заказа: были заданы прямо в разметке светло-серым, поэтому в тёмной теме читались как яркая линия. */ html[data-theme="dark"] .card-col-divider { border-right-color: var(--d-line); } /* ===== обсуждение под карточкой ===== */ html[data-theme="dark"] .cmt__avatar { background: var(--d-line); } html[data-theme="dark"] .cmt__body { background: #1c232c; border-color: var(--d-line); color: var(--d-ink); } html[data-theme="dark"] .cmt__author { color: var(--d-ink); } html[data-theme="dark"] .cmt__when { color: var(--d-muted); } html[data-theme="dark"] .cmt--system .cmt__body { background: #191f26; border-color: var(--d-line); border-left-color: #3f4a56; } html[data-theme="dark"] .cmt--system .cmt__author { color: var(--d-muted); } html[data-theme="dark"] .cmt--system .cmt__text { color: var(--d-ink-2); } html[data-theme="dark"] .cmt-list__empty { border-color: var(--d-line); color: var(--d-muted); } /* ===== плашки: цветные заливки выбивались из карточки ================== Генератор притемнил фон каждой плашки от её же цвета, и на синевато-сером фоне карточки блок «Несоответствие статуса» читался оливковым пятном с ярким кантом. В тёмной теме сигнал несёт не заливка, а полоса слева и значок — тем же приёмом, что уже применён к истории переотправок и к вопросу о товаре на складе. */ html[data-theme="dark"] .alert { background-color: #1c232c; /* Кант по периметру — цвета линий карточки, а не самой плашки: ярким контуром блок вырезался из композиции. Сигнал несут заливка и полоса слева. */ border: 1px solid var(--d-line); border-left: 3px solid var(--d-line-strong); color: var(--d-ink); } html[data-theme="dark"] .alert h5, html[data-theme="dark"] .alert .alert-heading { color: var(--d-ink); } /* Заливка тонированная: без неё плашка сливается с карточкой и перестаёт бросаться в глаза — а она для того и нужна. */ html[data-theme="dark"] .alert-primary { background-color: #18222e; border-left-color: #4a86c8; } html[data-theme="dark"] .alert-info { background-color: #16242e; border-left-color: #3f8fb0; } html[data-theme="dark"] .alert-success { background-color: #16271d; border-left-color: #4a9a63; } html[data-theme="dark"] .alert-warning { background-color: #2a2418; border-left-color: #b08a2e; } html[data-theme="dark"] .alert-danger { background-color: #2a1a1c; border-left-color: #b04a4a; } html[data-theme="dark"] .alert-secondary, html[data-theme="dark"] .alert-light { background-color: #20262e; } html[data-theme="dark"] .alert-dark { background-color: #191f26; } html[data-theme="dark"] .alert-primary > h5 > .icon, html[data-theme="dark"] .alert-info > h5 > .icon { color: #6bb2d0; } html[data-theme="dark"] .alert-success > h5 > .icon { color: #77c893; } html[data-theme="dark"] .alert-warning > h5 > .icon { color: #d8ab5a; } html[data-theme="dark"] .alert-danger > h5 > .icon { color: #e08585; } /* Осветлённый вариант статусного цвета — см. .st-ink в controls.css. */ html[data-theme="dark"] .st-ink { color: var(--c-dark); } /* Предупреждающая подложка. * * У .bg-danger и .bg-info фон в тёмной теме приглушён (#532828 и #283c53), а у * .bg-warning остался исходный оранжевый #f5a623 — при светлом тексте #d7e0eb * это 1,52:1, то есть строка нечитаема целиком. Приглушаем так же: смысл несёт * тон, а не яркость. Сама подсветка нужна на строках сводных таблиц аналитики, * где внутри ещё и цифры статусных цветов. */ html[data-theme="dark"] .bg-warning, html[data-theme="dark"] tr.bg-warning > td, html[data-theme="dark"] .alert-warning { background-color: #53401f !important; } /* На подсвеченной строке подложка светлее обычной, поэтому статусный цвет берётся из отдельной переменной — см. status_ink() в template_helper.php. */ html[data-theme="dark"] tr.bg-warning .st-ink, html[data-theme="dark"] tr.bg-warning.st-ink, html[data-theme="dark"] .bg-warning > .st-ink { color: var(--c-dark-hi); } /* Разделители таблиц остатков — см. .col-divider в order-card.css. */ html[data-theme="dark"] [data-divider="col"] { border-right-color: var(--d-line); } html[data-theme="dark"] [data-divider="left"] { border-left-color: var(--d-line-strong); } html[data-theme="dark"] [data-divider="top"] { border-top-color: var(--d-line-strong); } /* Светлая плашка на рабочем столе. * * .transparent-card в style.css залита whitesmoke, и в тёмной теме это белый * прямоугольник поперёк страницы — он и виден на рабочем столе клиента под * датчиками. */ html[data-theme="dark"] .card .card-body.transparent-card { background-color: var(--d-surface); } /* Датчики выкупа на рабочем столе. * * JustGage рисует их через Raphaël и задаёт цвета атрибутом fill прямо на * элементах, поэтому тема их не касалась: пустая часть шкалы оставалась почти * белой (#edebeb), стрелка и значение — чёрными (#000000 и #010101), подписи — * #555555 при контрасте 2,2:1. CSS перекрывает презентационный атрибут, так * что достаточно правил; выбираем по значению атрибута, чтобы не тронуть * цветную часть шкалы. */ html[data-theme="dark"] .charts-block svg path[fill="#edebeb"] { fill: var(--d-surface-2); } html[data-theme="dark"] .charts-block svg path[fill="#000000"] { fill: var(--d-ink-2); } html[data-theme="dark"] .charts-block svg text[fill="#010101"] { fill: var(--d-ink); } html[data-theme="dark"] .charts-block svg text[fill="#555555"], html[data-theme="dark"] .charts-block svg text[fill="#999999"] { fill: var(--d-muted); } /* Заголовки карточек с датчиками на рабочем столе. * * У .card-solid .card-header в style.css#31199 стоит margin-bottom: -50px — * тело карточки наезжает на шапку, чтобы датчик поднимался под самый * заголовок. В светлой теме подложка шапки почти прозрачная и текст виден * сквозь неё, а в тёмной тело залито непрозрачным цветом и закрывало * заголовок целиком: на рабочем столе клиента у датчиков не было подписей. * * Убираем подложку шапки (она здесь и не нужна — это заголовок поверх * карточки, а не отдельная полоса) и поднимаем её над телом. */ html[data-theme="dark"] .charts-block > .card-header { position: relative; z-index: 1; background: transparent; }