/* Dark theme as an override layer over style.css.
   Generated by tools/derive-dark-theme.py - do not hand-edit.

   The template's dark file carried its own neutral palette, a blue-black
   family, against the kit's charcoal - so tables and panels still on the old
   layer sat in navy beside converted cards in charcoal, and dark mode read as
   two products. Those neutrals are said in the kit's tokens now; the tool
   applies the same map (see NEUTRALS in derive-dark-theme.py), so a
   regeneration keeps it. Accents are untouched: those are the tenant's. */
:where(html[data-theme="dark"]) a {
  color: var(--dark-primary-color);
}
:where(html[data-theme="dark"]) a:hover {
  color: var(--dark-hover-color);
}
:where(html[data-theme="dark"]) code {
  color: var(--dark-primary-color);
}
:where(html[data-theme="dark"]) th {
  text-align: inherit;
}
:where(html[data-theme="dark"]) thead, :where(html[data-theme="dark"]) tbody, :where(html[data-theme="dark"]) tfoot, :where(html[data-theme="dark"]) tr {
  border-width: 0 0 1px;
  background: var(--gk-surface)!important;
}
:where(html[data-theme="dark"]) td, :where(html[data-theme="dark"]) th {
  border-color: inherit;
  border-width: 0;
}
:where(html[data-theme="dark"]) .img-thumbnail {
  background-color: var(--gk-bg);
}
:where(html[data-theme="dark"]) .table, :where(html[data-theme="dark"]) .datepicker table {
  --bs-table-striped-color: var(--gk-ink);
  --bs-table-striped-bg: var(--gk-surface-2);
  --bs-table-hover-color: #dee2e6;
  --bs-table-hover-bg: var(--gk-surface-2);
  color: var(--gk-ink);
  border-color: var(--gk-surface-2);
}
:where(html[data-theme="dark"]) .table > :not(caption) > * > *, :where(html[data-theme="dark"]) .datepicker table > :not(caption) > * > * {
  padding: 0.85rem 0.85rem;
}
:where(html[data-theme="dark"]) .table > :not(:first-child), :where(html[data-theme="dark"]) .datepicker table > :not(:first-child) {
  border-top: 2px solid var(--gk-surface-2);
}
:where(html[data-theme="dark"]) span.cancel {
  background-color: var(--dark-primary-color);
}
:where(html[data-theme="dark"]) .table-light {
  --bs-table-bg: var(--gk-surface-2);
}
:where(html[data-theme="dark"]) .form-text {
  color: var(--gk-ink);
}
:where(html[data-theme="dark"]) .form-control, :where(html[data-theme="dark"]) .typeahead.tt-input, :where(html[data-theme="dark"]) .typeahead.tt-hint, :where(html[data-theme="dark"]) .select2-container--default .select2-search--dropdown .select2-search__field {
  color: var(--gk-ink);
  background-color: var(--gk-surface) !important;
  border: 1px solid var(--gk-surface-3) !important;
  height: 44px !important;
}
:where(html[data-theme="dark"]) .select2-dropdown, :where(html[data-theme="dark"]) .select2-container--default .select2-results__option[aria-selected=true], :where(html[data-theme="dark"]) .select2-container--default .select2-results>.select2-results__options, :where(html[data-theme="dark"]) .select2-container--default .select2-selection--multiple {
  background: var(--gk-surface);
  color: var(--gk-ink);
}
:where(html[data-theme="dark"]) .select2-container--default .select2-selection--single .select2-selection__rendered {
  color: var(--gk-ink);
}
:where(html[data-theme="dark"]) .form-control:focus, :where(html[data-theme="dark"]) .typeahead.tt-input:focus, :where(html[data-theme="dark"]) .typeahead.tt-hint:focus, :where(html[data-theme="dark"]) .select2-container--default .select2-search--dropdown .select2-search__field:focus {
  color: var(--gk-ink);
  background-color: #04060c;
  border-color: var(--dark-hover-color);
}
:where(html[data-theme="dark"]) .form-control:disabled, :where(html[data-theme="dark"]) .typeahead.tt-input:disabled, :where(html[data-theme="dark"]) .typeahead.tt-hint:disabled, :where(html[data-theme="dark"]) .select2-container--default .select2-search--dropdown .select2-search__field:disabled, :where(html[data-theme="dark"]) .form-control[readonly], :where(html[data-theme="dark"]) [readonly].typeahead.tt-input, :where(html[data-theme="dark"]) [readonly].typeahead.tt-hint, :where(html[data-theme="dark"]) .select2-container--default .select2-search--dropdown [readonly].select2-search__field {
  background-color: var(--gk-surface-2);
}
:where(html[data-theme="dark"]) .form-select {
  color: var(--gk-ink);
  background-color: var(--gk-surface);
  border: 1px solid var(--gk-surface-3);
}
:where(html[data-theme="dark"]) .form-select:focus {
  color: var(--gk-ink);
  background-color: #04060c;
  border-color: var(--dark-hover-color);
}
:where(html[data-theme="dark"]) .form-select:disabled {
  background-color: var(--gk-surface-2);
}
:where(html[data-theme="dark"]) .form-check-input:focus {
  border-color: var(--gk-ink-2);
}
:where(html[data-theme="dark"]) .form-check-input:checked {
  background-color: var(--dark-primary-color);
  border-color: var(--dark-primary-color);
}
:where(html[data-theme="dark"]) .form-check-input[type=checkbox]:indeterminate {
  background-color: var(--dark-primary-color);
  border-color: var(--dark-primary-color);
}
:where(html[data-theme="dark"]) .form-switch .form-check-input:focus {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23cbd1db'/%3e%3c/svg%3e");
}
:where(html[data-theme="dark"]) .form-range:focus::-webkit-slider-thumb {
  box-shadow: 0 0 0 1px var(--gk-bg), none;
}
:where(html[data-theme="dark"]) .form-range:focus::-moz-range-thumb {
  box-shadow: 0 0 0 1px var(--gk-bg), none;
}
:where(html[data-theme="dark"]) .form-range::-webkit-slider-thumb {
  background-color: var(--dark-primary-color);
}
:where(html[data-theme="dark"]) .form-range::-moz-range-thumb {
  background-color: var(--dark-primary-color);
}
:where(html[data-theme="dark"]) .input-group-text {
  border: 1px solid var(--gk-surface-2);
}
:where(html[data-theme="dark"]) .invalid-feedback {
  color: var(--dark-primary-color);
}
:where(html[data-theme="dark"]) .invalid-tooltip {
  background-color: rgba(255, 51, 102, 0.9);
}
:where(html[data-theme="dark"]) .was-validated .form-control:invalid, :where(html[data-theme="dark"]) .was-validated .typeahead.tt-input:invalid, :where(html[data-theme="dark"]) .was-validated .typeahead.tt-hint:invalid, :where(html[data-theme="dark"]) .was-validated .select2-container--default .select2-search--dropdown .select2-search__field:invalid, :where(html[data-theme="dark"]) .select2-container--default .select2-search--dropdown .was-validated .select2-search__field:invalid, :where(html[data-theme="dark"]) .form-control.is-invalid, :where(html[data-theme="dark"]) .is-invalid.typeahead.tt-input, :where(html[data-theme="dark"]) .is-invalid.typeahead.tt-hint, :where(html[data-theme="dark"]) .select2-container--default .select2-search--dropdown .is-invalid.select2-search__field {
  border-color: var(--dark-primary-color);
}
:where(html[data-theme="dark"]) .was-validated .form-control:invalid:focus, :where(html[data-theme="dark"]) .was-validated .typeahead.tt-input:invalid:focus, :where(html[data-theme="dark"]) .was-validated .typeahead.tt-hint:invalid:focus, :where(html[data-theme="dark"]) .was-validated .select2-container--default .select2-search--dropdown .select2-search__field:invalid:focus, :where(html[data-theme="dark"]) .select2-container--default .select2-search--dropdown .was-validated .select2-search__field:invalid:focus, :where(html[data-theme="dark"]) .form-control.is-invalid:focus, :where(html[data-theme="dark"]) .is-invalid.typeahead.tt-input:focus, :where(html[data-theme="dark"]) .is-invalid.typeahead.tt-hint:focus, :where(html[data-theme="dark"]) .select2-container--default .select2-search--dropdown .is-invalid.select2-search__field:focus {
  border-color: var(--dark-primary-color);
  box-shadow: 0 0 0 0 rgba(255, 51, 102, 0.25);
}
:where(html[data-theme="dark"]) .was-validated .form-select:invalid, :where(html[data-theme="dark"]) .form-select.is-invalid {
  border-color: var(--dark-primary-color);
}
:where(html[data-theme="dark"]) .was-validated .form-select:invalid:focus, :where(html[data-theme="dark"]) .form-select.is-invalid:focus {
  border-color: var(--dark-primary-color);
  box-shadow: 0 0 0 0 rgba(255, 51, 102, 0.25);
}
:where(html[data-theme="dark"]) .was-validated .form-check-input:invalid, :where(html[data-theme="dark"]) .form-check-input.is-invalid {
  border-color: var(--dark-primary-color);
}
:where(html[data-theme="dark"]) .was-validated .form-check-input:invalid:checked, :where(html[data-theme="dark"]) .form-check-input.is-invalid:checked {
  background-color: var(--dark-primary-color);
}
:where(html[data-theme="dark"]) .was-validated .form-check-input:invalid:focus, :where(html[data-theme="dark"]) .form-check-input.is-invalid:focus {
  box-shadow: 0 0 0 0 rgba(255, 51, 102, 0.25);
}
:where(html[data-theme="dark"]) .was-validated .form-check-input:invalid ~ .form-check-label, :where(html[data-theme="dark"]) .form-check-input.is-invalid ~ .form-check-label {
  color: var(--dark-primary-color);
}
:where(html[data-theme="dark"]) .btn, :where(html[data-theme="dark"]) .wizard > .actions a, :where(html[data-theme="dark"]) .wizard > .actions a:active, :where(html[data-theme="dark"]) .wizard > .actions a:hover, :where(html[data-theme="dark"]) div.tox .tox-button, :where(html[data-theme="dark"]) .swal2-popup .swal2-actions button, :where(html[data-theme="dark"]) .fc .fc-button-primary {
  line-height: 1.5;
}
:where(html[data-theme="dark"]) .btn-primary, :where(html[data-theme="dark"]) .wizard > .actions a, :where(html[data-theme="dark"]) .wizard > .actions a:active, :where(html[data-theme="dark"]) .wizard > .actions a:hover, :where(html[data-theme="dark"]) div.tox .tox-button:not(.tox-button--naked):not(.tox-button--secondary), :where(html[data-theme="dark"]) .swal2-popup .swal2-actions button.swal2-confirm, :where(html[data-theme="dark"]) .fc .fc-button-primary:not(:disabled).fc-button-active, :where(html[data-theme="dark"]) .fc .fc-button-primary:not(:disabled):active {
  background-color: var(--dark-hover-color);
  border-color: var(--dark-primary-color);
}
:where(html[data-theme="dark"]) .btn-primary:hover, :where(html[data-theme="dark"]) .wizard > .actions a:hover, :where(html[data-theme="dark"]) div.tox .tox-button:hover:not(.tox-button--naked):not(.tox-button--secondary), :where(html[data-theme="dark"]) .swal2-popup .swal2-actions button.swal2-confirm:hover, :where(html[data-theme="dark"]) .fc .fc-button-primary.fc-button-active:hover:not(:disabled), :where(html[data-theme="dark"]) .fc .fc-button-primary:hover:not(:disabled):active {
  background-color: var(--dark-hover-color);
  border-color: var(--dark-primary-color);
}
:where(html[data-theme="dark"]) .btn-check:focus + .btn-primary, :where(html[data-theme="dark"]) .wizard > .actions .btn-check:focus + a, :where(html[data-theme="dark"]) div.tox .btn-check:focus + .tox-button:not(.tox-button--naked):not(.tox-button--secondary), :where(html[data-theme="dark"]) .swal2-popup .swal2-actions .btn-check:focus + button.swal2-confirm, :where(html[data-theme="dark"]) .fc .btn-check:focus + .fc-button-primary:not(:disabled).fc-button-active, :where(html[data-theme="dark"]) .fc .btn-check:focus + .fc-button-primary:not(:disabled):active, :where(html[data-theme="dark"]) .btn-primary:focus, :where(html[data-theme="dark"]) .wizard > .actions a:focus, :where(html[data-theme="dark"]) div.tox .tox-button:focus:not(.tox-button--naked):not(.tox-button--secondary), :where(html[data-theme="dark"]) .swal2-popup .swal2-actions button.swal2-confirm:focus, :where(html[data-theme="dark"]) .fc .fc-button-primary.fc-button-active:focus:not(:disabled), :where(html[data-theme="dark"]) .fc .fc-button-primary:focus:not(:disabled):active {
  background-color: var(--dark-hover-color);
  border-color: var(--dark-primary-color);
}
:where(html[data-theme="dark"]) .btn-check:checked + .btn-primary, :where(html[data-theme="dark"]) .wizard > .actions .btn-check:checked + a, :where(html[data-theme="dark"]) div.tox .btn-check:checked + .tox-button:not(.tox-button--naked):not(.tox-button--secondary), :where(html[data-theme="dark"]) .swal2-popup .swal2-actions .btn-check:checked + button.swal2-confirm, :where(html[data-theme="dark"]) .fc .btn-check:checked + .fc-button-primary:not(:disabled).fc-button-active, :where(html[data-theme="dark"]) .btn-check:active + .btn-primary, :where(html[data-theme="dark"]) .wizard > .actions .btn-check:active + a, :where(html[data-theme="dark"]) div.tox .btn-check:active + .tox-button:not(.tox-button--naked):not(.tox-button--secondary), :where(html[data-theme="dark"]) .swal2-popup .swal2-actions .btn-check:active + button.swal2-confirm, :where(html[data-theme="dark"]) .fc .btn-check:active + .fc-button-primary:not(:disabled).fc-button-active, :where(html[data-theme="dark"]) .btn-primary:active, :where(html[data-theme="dark"]) .wizard > .actions a:active, :where(html[data-theme="dark"]) div.tox .tox-button:active:not(.tox-button--naked):not(.tox-button--secondary), :where(html[data-theme="dark"]) .swal2-popup .swal2-actions button.swal2-confirm:active, :where(html[data-theme="dark"]) .fc .fc-button-primary:active:not(:disabled), :where(html[data-theme="dark"]) .btn-primary.active, :where(html[data-theme="dark"]) .wizard > .actions a.active, :where(html[data-theme="dark"]) div.tox .active.tox-button:not(.tox-button--naked):not(.tox-button--secondary), :where(html[data-theme="dark"]) .swal2-popup .swal2-actions button.active.swal2-confirm, :where(html[data-theme="dark"]) .fc .active.fc-button-primary.fc-button-active:not(:disabled), :where(html[data-theme="dark"]) .show > .btn-primary.dropdown-toggle, :where(html[data-theme="dark"]) .wizard > .actions .show > a.dropdown-toggle, :where(html[data-theme="dark"]) div.tox .show > .dropdown-toggle.tox-button:not(.tox-button--naked):not(.tox-button--secondary), :where(html[data-theme="dark"]) .swal2-popup .swal2-actions .show > button.dropdown-toggle.swal2-confirm, :where(html[data-theme="dark"]) .fc .show > .dropdown-toggle.fc-button-primary.fc-button-active:not(:disabled) {
  background-color: var(--dark-hover-color);
  border-color: var(--dark-primary-color);
}
:where(html[data-theme="dark"]) .btn-primary:disabled, :where(html[data-theme="dark"]) .wizard > .actions a:disabled, :where(html[data-theme="dark"]) div.tox .tox-button:disabled:not(.tox-button--naked):not(.tox-button--secondary), :where(html[data-theme="dark"]) .swal2-popup .swal2-actions button.swal2-confirm:disabled, :where(html[data-theme="dark"]) .fc .fc-button-primary.fc-button-active:disabled:not(:disabled), :where(html[data-theme="dark"]) .fc .fc-button-primary:disabled:not(:disabled):active, :where(html[data-theme="dark"]) .btn-primary.disabled, :where(html[data-theme="dark"]) .wizard > .actions a.disabled, :where(html[data-theme="dark"]) div.tox .disabled.tox-button:not(.tox-button--naked):not(.tox-button--secondary), :where(html[data-theme="dark"]) .swal2-popup .swal2-actions button.disabled.swal2-confirm, :where(html[data-theme="dark"]) .fc .disabled.fc-button-primary.fc-button-active:not(:disabled), :where(html[data-theme="dark"]) .fc .disabled.fc-button-primary:not(:disabled):active {
  background-color: var(--dark-hover-color);
  border-color: var(--dark-primary-color);
}
:where(html[data-theme="dark"]) .btn-warning {
  background-color: #fbbc06;
  border-color: #fbbc06;
}
:where(html[data-theme="dark"]) .btn-warning:disabled, :where(html[data-theme="dark"]) .btn-warning.disabled {
  background-color: #fbbc06;
  border-color: #fbbc06;
}
:where(html[data-theme="dark"]) .btn-danger, :where(html[data-theme="dark"]) .swal2-popup .swal2-actions button.swal2-cancel {
  background-color: var(--dark-primary-color);
  border-color: var(--dark-primary-color);
}
:where(html[data-theme="dark"]) .btn-danger:hover, :where(html[data-theme="dark"]) .swal2-popup .swal2-actions button.swal2-cancel:hover {
  background-color: var(--dark-hover-color);
  border-color: var(--dark-primary-color);
}
:where(html[data-theme="dark"]) .btn-check:focus + .btn-danger, :where(html[data-theme="dark"]) .swal2-popup .swal2-actions .btn-check:focus + button.swal2-cancel, :where(html[data-theme="dark"]) .btn-danger:focus, :where(html[data-theme="dark"]) .swal2-popup .swal2-actions button.swal2-cancel:focus {
  background-color: var(--dark-hover-color);
  border-color: var(--dark-primary-color);
  box-shadow: 0 0 0 0 var(--dark-hover-color);
}
:where(html[data-theme="dark"]) .btn-check:checked + .btn-danger, :where(html[data-theme="dark"]) .swal2-popup .swal2-actions .btn-check:checked + button.swal2-cancel, :where(html[data-theme="dark"]) .btn-check:active + .btn-danger, :where(html[data-theme="dark"]) .swal2-popup .swal2-actions .btn-check:active + button.swal2-cancel, :where(html[data-theme="dark"]) .btn-danger:active, :where(html[data-theme="dark"]) .swal2-popup .swal2-actions button.swal2-cancel:active, :where(html[data-theme="dark"]) .btn-danger.active, :where(html[data-theme="dark"]) .swal2-popup .swal2-actions button.active.swal2-cancel, :where(html[data-theme="dark"]) .show > .btn-danger.dropdown-toggle, :where(html[data-theme="dark"]) .swal2-popup .swal2-actions .show > button.dropdown-toggle.swal2-cancel {
  background-color: var(--dark-primary-color);
  border-color: var(--dark-primary-color);
}
:where(html[data-theme="dark"]) .btn-check:checked + .btn-danger:focus, :where(html[data-theme="dark"]) .swal2-popup .swal2-actions .btn-check:checked + button.swal2-cancel:focus, :where(html[data-theme="dark"]) .btn-check:active + .btn-danger:focus, :where(html[data-theme="dark"]) .swal2-popup .swal2-actions .btn-check:active + button.swal2-cancel:focus, :where(html[data-theme="dark"]) .btn-danger:active:focus, :where(html[data-theme="dark"]) .swal2-popup .swal2-actions button.swal2-cancel:active:focus, :where(html[data-theme="dark"]) .btn-danger.active:focus, :where(html[data-theme="dark"]) .swal2-popup .swal2-actions button.active.swal2-cancel:focus, :where(html[data-theme="dark"]) .show > .btn-danger.dropdown-toggle:focus, :where(html[data-theme="dark"]) .swal2-popup .swal2-actions .show > button.dropdown-toggle.swal2-cancel:focus {
  box-shadow: 0 0 0 0 var(--dark-hover-color);
}
:where(html[data-theme="dark"]) .btn-danger:disabled, :where(html[data-theme="dark"]) .swal2-popup .swal2-actions button.swal2-cancel:disabled, :where(html[data-theme="dark"]) .btn-danger.disabled, :where(html[data-theme="dark"]) .swal2-popup .swal2-actions button.disabled.swal2-cancel {
  background-color: var(--dark-primary-color);
  border-color: var(--dark-primary-color);
}
:where(html[data-theme="dark"]) .btn-light {
  color: #fff;
  background-color: var(--gk-surface);
  border-color: var(--gk-surface-2);
}
:where(html[data-theme="dark"]) .btn-light:hover {
  color: #fff;
  background-color: var(--gk-surface);
  border-color: var(--gk-surface-2);
}
:where(html[data-theme="dark"]) .btn-check:focus + .btn-light, :where(html[data-theme="dark"]) .btn-light:focus {
  color: #fff;
  background-color: var(--gk-surface);
  border-color: var(--gk-surface-2);
}
:where(html[data-theme="dark"]) .btn-check:checked + .btn-light, :where(html[data-theme="dark"]) .btn-check:active + .btn-light, :where(html[data-theme="dark"]) .btn-light:active, :where(html[data-theme="dark"]) .btn-light.active, :where(html[data-theme="dark"]) .show > .btn-light.dropdown-toggle {
  color: #fff;
  background-color: var(--gk-surface);
  border-color: var(--gk-surface-2);
}
:where(html[data-theme="dark"]) .btn-light:disabled, :where(html[data-theme="dark"]) .btn-light.disabled {
  color: var(--gk-ink);
  background-color: var(--gk-surface-2);
  border-color: var(--gk-surface);
}
:where(html[data-theme="dark"]) .btn-outline-primary, :where(html[data-theme="dark"]) .fc .fc-button-primary {
  color: var(--dark-primary-color);
  border-color: var(--dark-primary-color);
}
:where(html[data-theme="dark"]) .btn-outline-primary:hover, :where(html[data-theme="dark"]) .fc .fc-button-primary:hover {
  background-color: var(--dark-hover-color);
  border-color: var(--dark-primary-color);
}
:where(html[data-theme="dark"]) .btn-check:checked + .btn-outline-primary, :where(html[data-theme="dark"]) .fc .btn-check:checked + .fc-button-primary, :where(html[data-theme="dark"]) .btn-check:active + .btn-outline-primary, :where(html[data-theme="dark"]) .fc .btn-check:active + .fc-button-primary, :where(html[data-theme="dark"]) .btn-outline-primary:active, :where(html[data-theme="dark"]) .fc .fc-button-primary:active, :where(html[data-theme="dark"]) .btn-outline-primary.active, :where(html[data-theme="dark"]) .fc .active.fc-button-primary, :where(html[data-theme="dark"]) .btn-outline-primary.dropdown-toggle.show, :where(html[data-theme="dark"]) .fc .dropdown-toggle.show.fc-button-primary {
  background-color: var(--dark-primary-color);
  border-color: var(--dark-primary-color);
}
:where(html[data-theme="dark"]) .btn-outline-primary:disabled, :where(html[data-theme="dark"]) .fc .fc-button-primary:disabled, :where(html[data-theme="dark"]) .btn-outline-primary.disabled, :where(html[data-theme="dark"]) .fc .disabled.fc-button-primary {
  color: var(--dark-primary-color);
}
:where(html[data-theme="dark"]) .btn-outline-warning {
  color: #fbbc06;
  border-color: #fbbc06;
}
:where(html[data-theme="dark"]) .btn-outline-warning:hover {
  background-color: #fbbc06;
  border-color: #fbbc06;
}
:where(html[data-theme="dark"]) .btn-check:checked + .btn-outline-warning, :where(html[data-theme="dark"]) .btn-check:active + .btn-outline-warning, :where(html[data-theme="dark"]) .btn-outline-warning:active, :where(html[data-theme="dark"]) .btn-outline-warning.active, :where(html[data-theme="dark"]) .btn-outline-warning.dropdown-toggle.show {
  background-color: #fbbc06;
  border-color: #fbbc06;
}
:where(html[data-theme="dark"]) .btn-outline-warning:disabled, :where(html[data-theme="dark"]) .btn-outline-warning.disabled {
  color: #fbbc06;
}
:where(html[data-theme="dark"]) .btn-outline-danger {
  color: var(--dark-primary-color);
  border-color: var(--dark-primary-color);
}
:where(html[data-theme="dark"]) .btn-outline-danger:hover {
  background-color: var(--dark-primary-color);
  border-color: var(--dark-primary-color);
}
:where(html[data-theme="dark"]) .btn-check:focus + .btn-outline-danger, :where(html[data-theme="dark"]) .btn-outline-danger:focus {
  box-shadow: 0 0 0 0 var(--dark-primary-color);
}
:where(html[data-theme="dark"]) .btn-check:checked + .btn-outline-danger, :where(html[data-theme="dark"]) .btn-check:active + .btn-outline-danger, :where(html[data-theme="dark"]) .btn-outline-danger:active, :where(html[data-theme="dark"]) .btn-outline-danger.active, :where(html[data-theme="dark"]) .btn-outline-danger.dropdown-toggle.show {
  background-color: var(--dark-primary-color);
  border-color: var(--dark-primary-color);
}
:where(html[data-theme="dark"]) .btn-check:checked + .btn-outline-danger:focus, :where(html[data-theme="dark"]) .btn-check:active + .btn-outline-danger:focus, :where(html[data-theme="dark"]) .btn-outline-danger:active:focus, :where(html[data-theme="dark"]) .btn-outline-danger.active:focus, :where(html[data-theme="dark"]) .btn-outline-danger.dropdown-toggle.show:focus {
  box-shadow: 0 0 0 0 var(--dark-primary-color);
}
:where(html[data-theme="dark"]) .btn-outline-danger:disabled, :where(html[data-theme="dark"]) .btn-outline-danger.disabled {
  color: var(--dark-primary-color);
}
:where(html[data-theme="dark"]) .btn-outline-light {
  color: var(--gk-surface-2);
  border-color: var(--gk-surface-2);
}
:where(html[data-theme="dark"]) .btn-outline-light:hover {
  background-color: var(--gk-surface-2);
  border-color: var(--gk-surface-2);
}
:where(html[data-theme="dark"]) .btn-check:checked + .btn-outline-light, :where(html[data-theme="dark"]) .btn-check:active + .btn-outline-light, :where(html[data-theme="dark"]) .btn-outline-light:active, :where(html[data-theme="dark"]) .btn-outline-light.active, :where(html[data-theme="dark"]) .btn-outline-light.dropdown-toggle.show {
  background-color: var(--gk-surface-2);
  border-color: var(--gk-surface-2);
}
:where(html[data-theme="dark"]) .btn-outline-light:disabled, :where(html[data-theme="dark"]) .btn-outline-light.disabled {
  color: var(--gk-surface-2);
}
:where(html[data-theme="dark"]) .btn-link {
  color: var(--dark-primary-color);
}
:where(html[data-theme="dark"]) .dropdown-menu, :where(html[data-theme="dark"]) .tt-menu, :where(html[data-theme="dark"]) .datepicker.datepicker-dropdown {
  min-width: 10rem;
  color: var(--gk-ink);
  background-color: var(--gk-surface);
  border: 1px solid var(--gk-surface-3);
}
:where(html[data-theme="dark"]) .dropdown-item:hover, :where(html[data-theme="dark"]) .tt-menu .tt-suggestion:hover, :where(html[data-theme="dark"]) .dropdown-item:focus, :where(html[data-theme="dark"]) .tt-menu .tt-suggestion:focus {
  background-color: var(--gk-surface-2);
}
:where(html[data-theme="dark"]) .dropdown-item.active, :where(html[data-theme="dark"]) .tt-menu .active.tt-suggestion, :where(html[data-theme="dark"]) .dropdown-item:active, :where(html[data-theme="dark"]) .tt-menu .tt-suggestion:active {
  background-color: var(--dark-primary-color);
}
:where(html[data-theme="dark"]) .dropdown-menu a {
  color: var(--gk-ink);
}
:where(html[data-theme="dark"]) .dropdown-menu a:hover {
  color: var(--dark-primary-color);
}
:where(html[data-theme="dark"]) .dropdown-menu-dark .dropdown-item.active, :where(html[data-theme="dark"]) .dropdown-menu-dark .tt-menu .active.tt-suggestion, :where(html[data-theme="dark"]) .tt-menu .dropdown-menu-dark .active.tt-suggestion, :where(html[data-theme="dark"]) .dropdown-menu-dark .dropdown-item:active, :where(html[data-theme="dark"]) .dropdown-menu-dark .tt-menu .tt-suggestion:active, :where(html[data-theme="dark"]) .tt-menu .dropdown-menu-dark .tt-suggestion:active {
  background-color: var(--dark-primary-color);
}
:where(html[data-theme="dark"]) .nav-link {
  color: var(--dark-primary-color);
}
:where(html[data-theme="dark"]) .nav-tabs {
  border-bottom: 1px solid var(--gk-surface-2);
}
:where(html[data-theme="dark"]) .nav-tabs .nav-link:hover, :where(html[data-theme="dark"]) .nav-tabs .nav-link:focus {
  border-color: var(--gk-surface-2) var(--gk-surface-2) #dee2e6;
}
:where(html[data-theme="dark"]) .nav-pills .nav-link.active, :where(html[data-theme="dark"]) .nav-pills .show > .nav-link {
  background-color: var(--dark-primary-color);
}
:where(html[data-theme="dark"]) .navbar-nav-scroll {
  max-height: var(--bs-scroll-height, 75vh);
}
:where(html[data-theme="dark"]) .card {
  background-color: var(--gk-surface);
  border: 1px solid var(--gk-surface-2);
}
:where(html[data-theme="dark"]) .card-header {
  background-color: rgba(255, 255, 255 0.02);
  border-bottom: 1px solid var(--gk-surface-2);
}
:where(html[data-theme="dark"]) .card-footer {
  border-top: 1px solid var(--gk-surface-2);
}
:where(html[data-theme="dark"]) .accordion-button:not(.collapsed) {
  box-shadow: inset 0 -1px 0 var(--gk-surface-2);
}
:where(html[data-theme="dark"]) .accordion-button:focus {
  border-color: var(--gk-ink-2);
}
:where(html[data-theme="dark"]) .accordion-item {
  border: 1px solid var(--gk-surface-2);
}
:where(html[data-theme="dark"]) .breadcrumb-item + .breadcrumb-item::before {
  color: var(--gk-ink);
}
:where(html[data-theme="dark"]) .breadcrumb-item.active {
  color: #bdc9df;
}
:where(html[data-theme="dark"]) .page-link {
  color: var(--gk-ink);
  background-color: var(--gk-surface);
  border: 1px solid var(--gk-surface-2);
}
:where(html[data-theme="dark"]) .page-link:hover {
  background-color: var(--gk-surface-2);
}
:where(html[data-theme="dark"]) .page-link:focus {
  background-color: var(--gk-surface-2);
}
:where(html[data-theme="dark"]) .page-item.active .page-link, :where(html[data-theme="dark"]) .page-item:hover .page-link {
  background-color: var(--dark-primary-color);
  border-color: var(--dark-primary-color);
}
:where(html[data-theme="dark"]) .alert-secondary {
  color: #fff;
}
:where(html[data-theme="dark"]) .alert-danger {
  color: var(--dark-primary-color);
}
:where(html[data-theme="dark"]) .alert-danger .alert-link {
  color: var(--dark-primary-color);
}
:where(html[data-theme="dark"]) .progress {
  background-color: var(--gk-surface-2);
}
:where(html[data-theme="dark"]) .progress-bar {
  background-color: var(--dark-primary-color);
}
:where(html[data-theme="dark"]) .list-group-item-action:active {
  background-color: var(--gk-surface-2);
}
:where(html[data-theme="dark"]) .list-group-item.active {
  background-color: var(--dark-primary-color);
  border-color: var(--dark-primary-color);
}
:where(html[data-theme="dark"]) .list-group-item-danger {
  color: var(--dark-primary-color);
}
:where(html[data-theme="dark"]) .list-group-item-danger.list-group-item-action:hover, :where(html[data-theme="dark"]) .list-group-item-danger.list-group-item-action:focus {
  color: var(--dark-primary-color);
}
:where(html[data-theme="dark"]) .list-group-item-danger.list-group-item-action.active {
  background-color: var(--dark-primary-color);
  border-color: var(--dark-primary-color);
}
:where(html[data-theme="dark"]) .modal-content {
  background-color: var(--gk-surface);
  border: 1px solid var(--gk-surface-2);
}
:where(html[data-theme="dark"]) .modal-header {
  border-bottom: 1px solid var(--gk-surface-2);
}
:where(html[data-theme="dark"]) .modal-footer {
  border-top: 1px solid var(--gk-surface-2);
}
:where(html[data-theme="dark"]) .tooltip {
  text-align: left;
}
:where(html[data-theme="dark"]) .popover {
  text-align: left;
  border: 1px solid var(--gk-surface-2);
}
:where(html[data-theme="dark"]) .bs-popover-top > .popover-arrow::before, :where(html[data-theme="dark"]) .bs-popover-auto[data-popper-placement^=top] > .popover-arrow::before {
  border-top-color: var(--gk-surface-2);
}
:where(html[data-theme="dark"]) .bs-popover-end > .popover-arrow::before, :where(html[data-theme="dark"]) .bs-popover-auto[data-popper-placement^=right] > .popover-arrow::before {
  border-right-color: var(--gk-surface-2);
}
:where(html[data-theme="dark"]) .bs-popover-bottom > .popover-arrow::before, :where(html[data-theme="dark"]) .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::before {
  border-bottom-color: var(--gk-surface-2);
}
:where(html[data-theme="dark"]) .bs-popover-bottom .popover-header::before, :where(html[data-theme="dark"]) .bs-popover-auto[data-popper-placement^=bottom] .popover-header::before {
  border-bottom: 1px solid var(--gk-surface-2);
}
:where(html[data-theme="dark"]) .bs-popover-start > .popover-arrow::before, :where(html[data-theme="dark"]) .bs-popover-auto[data-popper-placement^=left] > .popover-arrow::before {
  border-left-color: var(--gk-surface-2);
}
:where(html[data-theme="dark"]) .popover-header {
  background-color: var(--gk-surface-2);
  border-bottom: 1px solid var(--gk-surface-2);
}
:where(html[data-theme="dark"]) .link-primary {
  color: var(--dark-primary-color);
}
:where(html[data-theme="dark"]) .link-warning {
  color: #fbbc06;
}
:where(html[data-theme="dark"]) .link-danger {
  color: var(--dark-primary-color);
}
:where(html[data-theme="dark"]) .link-danger:hover, :where(html[data-theme="dark"]) .link-danger:focus {
  color: var(--dark-hover-color);
}
:where(html[data-theme="dark"]) .link-light {
  color: var(--gk-surface-2);
}
:where(html[data-theme="dark"]) .border {
  border: 1px solid var(--gk-surface-2) !important;
}
:where(html[data-theme="dark"]) .border-top {
  border-top: 1px solid var(--gk-surface-2) !important;
}
:where(html[data-theme="dark"]) .border-end {
  border-right: 1px solid var(--gk-surface-2) !important;
}
:where(html[data-theme="dark"]) .border-bottom {
  border-bottom: 1px solid var(--gk-surface-2) !important;
}
:where(html[data-theme="dark"]) .border-start {
  border-left: 1px solid var(--gk-surface-2) !important;
}
:where(html[data-theme="dark"]) .border-primary {
  border-color: var(--dark-primary-color) !important;
}
:where(html[data-theme="dark"]) .border-warning {
  border-color: #fbbc06 !important;
}
:where(html[data-theme="dark"]) .border-danger, :where(html[data-theme="dark"]) .swal2-popup .swal2-actions button.swal2-cancel {
  border-color: var(--dark-primary-color) !important;
}
:where(html[data-theme="dark"]) .border-light {
  border-color: var(--gk-surface-2) !important;
}
:where(html[data-theme="dark"]) .text-muted, :where(html[data-theme="dark"]) .dropzone.dz-clickable .dz-message * {
  color: var(--gk-ink) !important;
  background-color: transparent;
}
:where(html[data-theme="dark"]) .bg-white {
  background-color: var(--gk-surface)!important;
}
:where(html[data-theme="dark"]) .box-shadow {
  box-shadow: 3px 0 10px 0 var(--gk-bg);
}
:where(html[data-theme="dark"]) .bg-gray-200 {
  background-color: var(--gk-surface-2) !important;
}
:where(html[data-theme="dark"]) .bg-gray-400 {
  background-color: var(--gk-ink-2) !important;
}
:where(html[data-theme="dark"]) .text-twitter {
  color: #1da1f2;
}
:where(html[data-theme="dark"]) .text-google {
  color: var(--dark-primary-color);
}
:where(html[data-theme="dark"]) .text-vimeo {
  color: #1ab7ea;
}
:where(html[data-theme="dark"]) .text-dribbble {
  color: var(--dark-hover-color);
}
:where(html[data-theme="dark"]) .text-instagram {
  color: var(--dark-primary-color);
}
:where(html[data-theme="dark"]) .text-pinterest {
  color: var(--dark-primary-color);
}
:where(html[data-theme="dark"]) .main-content .example {
  border: 4px solid var(--gk-surface-2);
}
:where(html[data-theme="dark"]) .page-breadcrumb .breadcrumb {
  background: var(--gk-bg);
}
:where(html[data-theme="dark"]) .main-wrapper .page-wrapper {
  background: var(--gk-bg);
}
:where(html[data-theme="dark"]) .page-content .content-nav-wrapper {
  border-left: 1px solid var(--gk-surface-2);
}
:where(html[data-theme="dark"]) .navbar {
  background: var(--gk-surface);
  border-bottom: 1px solid var(--gk-surface-2);
}
:where(html[data-theme="dark"]) .navbar .sidebar-toggler {
  border-right: 1px solid var(--gk-surface-2);
}
:where(html[data-theme="dark"]) .navbar .sidebar-toggler svg {
  color: var(--gk-ink);
}
:where(html[data-theme="dark"]) .navbar .search-form .input-group .input-group-text {
  color: var(--gk-ink);
  background: var(--gk-surface);
}
:where(html[data-theme="dark"]) .navbar .navbar-content .navbar-nav .nav-item .nav-link {
  color: var(--gk-ink);
}
:where(html[data-theme="dark"]) .navbar .navbar-content .navbar-nav .nav-item .nav-link:hover, :where(html[data-theme="dark"]) .navbar .navbar-content .navbar-nav .nav-item .nav-link[aria-expanded=true] {
  color: var(--dark-primary-color);
}
:where(html[data-theme="dark"]) .navbar .navbar-content .navbar-nav .nav-item .nav-link svg {
  color: var(--gk-ink);
}
:where(html[data-theme="dark"]) .navbar .navbar-content .navbar-nav .nav-item .nav-link .indicator .circle {
  background: var(--dark-primary-color);
}
:where(html[data-theme="dark"]) .navbar .navbar-content .navbar-nav .nav-item .nav-link .indicator .circle::before {
  background-color: var(--dark-primary-color);
}
:where(html[data-theme="dark"]) .navbar .navbar-content .navbar-nav .nav-item.dropdown .dropdown-menu::before, :where(html[data-theme="dark"]) .navbar .navbar-content .navbar-nav .nav-item.dropdown .tt-menu::before, :where(html[data-theme="dark"]) .navbar .navbar-content .navbar-nav .nav-item.dropdown .datepicker.datepicker-dropdown::before {
  background: var(--gk-surface);
  border-top: 1px solid var(--gk-surface-2);
  border-left: 1px solid var(--gk-surface-2);
}
:where(html[data-theme="dark"]) .sidebar .sidebar-header {
  background: var(--gk-surface);
  border-bottom: 1px solid var(--gk-surface-2);
  padding: 14px 25px;
  border-right: 1px solid var(--gk-surface-2);
}
:where(html[data-theme="dark"]) .sidebar-open .sidebar .sidebar-header {
  border-bottom: 1px solid var(--gk-surface-2);
}
:where(html[data-theme="dark"]) .sidebar .sidebar-header .sidebar-brand {
  margin-right: 10px;
}
:where(html[data-theme="dark"]) .sidebar .sidebar-header .sidebar-brand img {
  width: 80%;
}
:where(html[data-theme="dark"]) .sidebar .sidebar-header .sidebar-brand span {
  color: var(--dark-primary-color);
}
:where(html[data-theme="dark"]) .sidebar .sidebar-body {
  border-right: 1px solid var(--gk-surface-2);
  -webkit-box-shadow: 0 8px 10px 0 #03060b;
  box-shadow: 0 8px 10px 0 #03060b;
  background: var(--gk-surface);
}
:where(html[data-theme="dark"]) .sidebar .sidebar-body .nav .nav-item {
  border-bottom: 1px dashed #223562;
}
:where(html[data-theme="dark"]) .sidebar .sidebar-body .nav .nav-item .nav-link {
  color: #fff;
}
:where(html[data-theme="dark"]) .sidebar .sidebar-body .nav .nav-item .nav-link .link-arrow {
  -webkit-transition: all 0.3s ease;
}
:where(html[data-theme="dark"]) .sidebar .sidebar-body .nav .nav-item .nav-link[aria-expanded=true] {
  color: var(--dark-primary-color);
}
:where(html[data-theme="dark"]) .sidebar .sidebar-body .nav .nav-item:hover .nav-link {
  color: var(--dark-primary-color);
}
:where(html[data-theme="dark"]) .sidebar .sidebar-body .nav .nav-item:hover .nav-link .link-icon {
  color: var(--dark-primary-color);
}
:where(html[data-theme="dark"]) .sidebar .sidebar-body .nav .nav-item.active .nav-link {
  color: var(--dark-primary-color);
}
:where(html[data-theme="dark"]) .sidebar .sidebar-body .nav .nav-item.active .nav-link::before {
  content: "";
  width: 3px;
  height: 26px;
  background: var(--dark-primary-color);
  position: absolute;
  left: -25px;
}
:where(html[data-theme="dark"]) .sidebar .sidebar-body .nav .nav-item.active .nav-link .link-icon {
  color: var(--dark-primary-color);
}
:where(html[data-theme="dark"]) .sidebar .sidebar-body .nav.sub-menu .nav-item .nav-link {
  color: var(--gk-ink);
}
:where(html[data-theme="dark"]) .sidebar .sidebar-body .nav.sub-menu .nav-item .nav-link::before {
  content: "";
  width: 6px;
  height: 6px;
  background: transparent;
  border: 1px solid var(--gk-ink);
  top: 10px;
  -webkit-transition: all 0.7s ease-in-out;
}
:where(html[data-theme="dark"]) .sidebar .sidebar-body .nav.sub-menu .nav-item .nav-link.active {
  color: var(--dark-primary-color);
}
:where(html[data-theme="dark"]) .sidebar .sidebar-body .nav.sub-menu .nav-item .nav-link.active::before {
  border: 1px solid var(--dark-primary-color);
  background: var(--dark-primary-color);
}
:where(html[data-theme="dark"]) .sidebar .sidebar-body .nav.sub-menu .nav-item:hover .nav-link {
  color: var(--dark-primary-color);
}
:where(html[data-theme="dark"]) .sidebar .sidebar-body .nav.sub-menu .nav-item:hover .nav-link::before {
  border: 1px solid var(--dark-primary-color);
  background: var(--dark-primary-color);
}
:where(html[data-theme="dark"]) .sidebar-dark .sidebar .sidebar-header .sidebar-brand {
  color: var(--gk-surface-2);
}
:where(html[data-theme="dark"]) .sidebar-dark .sidebar .sidebar-body .nav .nav-item .nav-link[aria-expanded=true] {
  color: var(--dark-primary-color);
}
:where(html[data-theme="dark"]) .sidebar-dark .sidebar .sidebar-body .nav .nav-item:hover .nav-link .link-title, :where(html[data-theme="dark"]) .sidebar-dark .sidebar .sidebar-body .nav .nav-item.active .nav-link .link-title {
  color: var(--dark-primary-color);
}
:where(html[data-theme="dark"]) .settings-sidebar {
  background: var(--gk-surface);
  -webkit-box-shadow: -3px 0 10px 0 #08101e;
  box-shadow: -3px 0 10px 0 #08101e;
}
:where(html[data-theme="dark"]) .settings-sidebar .sidebar-body .theme-wrapper .theme-item {
  border: 3px solid var(--gk-surface-2);
}
:where(html[data-theme="dark"]) .alert-primary {
  color: #4c59ff;
}
:where(html[data-theme="dark"]) .alert-primary .alert-link {
  color: #4c59ff;
}
:where(html[data-theme="dark"]) .alert-fill-primary {
  background-color: var(--dark-primary-color);
  border-color: var(--dark-primary-color);
}
:where(html[data-theme="dark"]) .alert-secondary {
  background-color: rgba(121, 135, 161, 0.1);
  color: #6a7a96;
  border-color: rgba(121, 135, 161, 0.2);
}
:where(html[data-theme="dark"]) .alert-secondary .alert-link {
  color: #6a7a96;
}
:where(html[data-theme="dark"]) .alert-fill-warning {
  background-color: #fbbc06;
  border-color: #fbbc06;
}
:where(html[data-theme="dark"]) .alert-danger {
  color: var(--dark-primary-color);
  border-color: var(--dark-hover-color);
}
:where(html[data-theme="dark"]) .alert-danger .alert-link {
  color: var(--dark-primary-color);
}
:where(html[data-theme="dark"]) .alert-fill-danger {
  background-color: var(--dark-primary-color);
  border-color: var(--dark-primary-color);
}
:where(html[data-theme="dark"]) .alert-fill-light {
  background-color: var(--gk-surface-2);
  border-color: var(--gk-surface-2);
}
:where(html[data-theme="dark"]) .btn.btn-xs, :where(html[data-theme="dark"]) .wizard > .actions a.btn-xs, :where(html[data-theme="dark"]) div.tox .btn-xs.tox-button, :where(html[data-theme="dark"]) .swal2-popup .swal2-actions button.btn-xs, :where(html[data-theme="dark"]) .fc .btn-xs.fc-button-primary {
  padding: 0.313rem 0.8rem;
}
:where(html[data-theme="dark"]) .btn-twitter {
  background: #1da1f2;
}
:where(html[data-theme="dark"]) .btn-twitter.btn-social-icon-text i {
  background: #1da1f2;
}
:where(html[data-theme="dark"]) .btn-outline-twitter {
  border: 1px solid #1da1f2;
  color: #1da1f2;
}
:where(html[data-theme="dark"]) .btn-outline-twitter:hover {
  background: #1da1f2;
}
:where(html[data-theme="dark"]) .btn-google {
  background: var(--dark-primary-color);
}
:where(html[data-theme="dark"]) .btn-google:hover, :where(html[data-theme="dark"]) .btn-google:focus {
  background: var(--dark-hover-color);
}
:where(html[data-theme="dark"]) .btn-google.btn-social-icon-text i {
  background: var(--dark-primary-color);
}
:where(html[data-theme="dark"]) .btn-outline-google {
  border: 1px solid var(--dark-primary-color);
  color: var(--dark-primary-color);
}
:where(html[data-theme="dark"]) .btn-outline-google:hover {
  background: var(--dark-primary-color);
}
:where(html[data-theme="dark"]) .btn-vimeo {
  background: #1ab7ea;
}
:where(html[data-theme="dark"]) .btn-vimeo:hover, :where(html[data-theme="dark"]) .btn-vimeo:focus {
  background: #1295bf;
}
:where(html[data-theme="dark"]) .btn-vimeo.btn-social-icon-text {
  background: #49c6ee;
}
:where(html[data-theme="dark"]) .btn-vimeo.btn-social-icon-text i {
  background: #1ab7ea;
}
:where(html[data-theme="dark"]) .btn-outline-vimeo {
  border: 1px solid #1ab7ea;
  color: #1ab7ea;
}
:where(html[data-theme="dark"]) .btn-outline-vimeo:hover {
  background: #1ab7ea;
}
:where(html[data-theme="dark"]) .btn-dribbble {
  background: var(--dark-hover-color);
}
:where(html[data-theme="dark"]) .btn-dribbble:hover, :where(html[data-theme="dark"]) .btn-dribbble:focus {
  background: var(--dark-hover-color);
}
:where(html[data-theme="dark"]) .btn-dribbble.btn-social-icon-text {
  background: var(--dark-hover-color);
}
:where(html[data-theme="dark"]) .btn-dribbble.btn-social-icon-text i {
  background: var(--dark-hover-color);
}
:where(html[data-theme="dark"]) .btn-outline-dribbble {
  border: 1px solid var(--dark-hover-color);
  color: var(--dark-hover-color);
}
:where(html[data-theme="dark"]) .btn-outline-dribbble:hover {
  background: var(--dark-hover-color);
}
:where(html[data-theme="dark"]) .btn-instagram {
  background: var(--dark-primary-color);
}
:where(html[data-theme="dark"]) .btn-instagram:hover, :where(html[data-theme="dark"]) .btn-instagram:focus {
  background: var(--dark-hover-color);
}
:where(html[data-theme="dark"]) .btn-instagram.btn-social-icon-text {
  background: #ea6d84;
}
:where(html[data-theme="dark"]) .btn-instagram.btn-social-icon-text i {
  background: var(--dark-primary-color);
}
:where(html[data-theme="dark"]) .btn-outline-instagram {
  border: 1px solidvar(--dark-primary-color);
  color: var(--dark-primary-color);
}
:where(html[data-theme="dark"]) .btn-outline-instagram:hover {
  background: var(--dark-primary-color);
}
:where(html[data-theme="dark"]) .btn-pinterest {
  background: var(--dark-primary-color);
}
:where(html[data-theme="dark"]) .btn-pinterest:hover, :where(html[data-theme="dark"]) .btn-pinterest:focus {
  background: var(--dark-hover-color);
}
:where(html[data-theme="dark"]) .btn-pinterest.btn-social-icon-text {
  background: var(--dark-primary-color);
}
:where(html[data-theme="dark"]) .btn-pinterest.btn-social-icon-text i {
  background: var(--dark-primary-color);
}
:where(html[data-theme="dark"]) .btn-outline-pinterest {
  border: 1px solid var(--dark-primary-color);
  color: var(--dark-primary-color);
}
:where(html[data-theme="dark"]) .btn-outline-pinterest:hover {
  background: var(--dark-primary-color);
}
:where(html[data-theme="dark"]) .btn-inverse-primary:not(.btn-inverse-light) {
  color: var(--dark-primary-color);
}
:where(html[data-theme="dark"]) .btn-inverse-primary.disabled, :where(html[data-theme="dark"]) .btn-inverse-primary:disabled {
  color: var(--dark-primary-color);
}
:where(html[data-theme="dark"]) .btn-inverse-warning:not(.btn-inverse-light) {
  color: #fbbc06;
}
:where(html[data-theme="dark"]) .btn-inverse-warning.disabled, :where(html[data-theme="dark"]) .btn-inverse-warning:disabled {
  color: #fbbc06;
}
:where(html[data-theme="dark"]) .btn-inverse-danger {
  background-color: var(--dark-hover-color);
}
:where(html[data-theme="dark"]) .btn-inverse-danger:not(.btn-inverse-light) {
  color: var(--dark-primary-color);
}
:where(html[data-theme="dark"]) .btn-inverse-danger:hover, :where(html[data-theme="dark"]) .btn-inverse-danger.active, :where(html[data-theme="dark"]) .btn-inverse-danger:active, :where(html[data-theme="dark"]) .show > .btn-inverse-danger.dropdown-toggle {
  background-color: var(--dark-hover-color);
}
:where(html[data-theme="dark"]) .btn-inverse-danger.focus, :where(html[data-theme="dark"]) .btn-inverse-danger:focus {
  box-shadow: 0 0 0 3px var(--dark-hover-color);
}
:where(html[data-theme="dark"]) .btn-inverse-danger.disabled, :where(html[data-theme="dark"]) .btn-inverse-danger:disabled {
  color: var(--dark-primary-color);
}
:where(html[data-theme="dark"]) .btn-inverse-light:not(.btn-inverse-light) {
  color: var(--gk-surface-2);
}
:where(html[data-theme="dark"]) .btn-inverse-light.disabled, :where(html[data-theme="dark"]) .btn-inverse-light:disabled {
  color: var(--gk-surface-2);
}
:where(html[data-theme="dark"]) .card {
  box-shadow: 3px 0 10px 0 var(--gk-bg);
  -webkit-box-shadow: 3px 0 10px 0 var(--gk-bg);
  -moz-box-shadow: 3px 0 10px 0 var(--gk-bg);
  -ms-box-shadow: 3px 0 10px 0 var(--gk-bg);
}
:where(html[data-theme="dark"]) .card-profile>div:nth-child(even) {
  background: var(--gk-surface-2);
}
:where(html[data-theme="dark"]) .dropdown-menu, :where(html[data-theme="dark"]) .tt-menu, :where(html[data-theme="dark"]) .datepicker.datepicker-dropdown {
  box-shadow: 0 5px 10px 0 var(--gk-bg);
}
:where(html[data-theme="dark"]) .dropdown-item, :where(html[data-theme="dark"]) .tt-menu .tt-suggestion {
  padding: 0.25rem 0.875rem;
  border-radius: 2px;
  color: var(--gk-ink);
}
:where(html[data-theme="dark"]) .dropdown-item i, :where(html[data-theme="dark"]) .tt-menu .tt-suggestion i, :where(html[data-theme="dark"]) .dropdown-item svg, :where(html[data-theme="dark"]) .tt-menu .tt-suggestion svg {
  color: var(--gk-ink);
}
:where(html[data-theme="dark"]) .dropdown-item:not(.dropdown-item:active, .dropdown-item.active):hover, :where(html[data-theme="dark"]) .tt-menu .tt-suggestion:not(.dropdown-item:active, .dropdown-item.active):hover, :where(html[data-theme="dark"]) .dropdown-item:not(.dropdown-item:active, .dropdown-item.active):hover i, :where(html[data-theme="dark"]) .tt-menu .tt-suggestion:not(.dropdown-item:active, .dropdown-item.active):hover i, :where(html[data-theme="dark"]) .dropdown-item:not(.dropdown-item:active, .dropdown-item.active):hover svg, :where(html[data-theme="dark"]) .tt-menu .tt-suggestion:not(.dropdown-item:active, .dropdown-item.active):hover svg {
  color: var(--dark-primary-color);
}
:where(html[data-theme="dark"]) .icons-list {
  border-left: 1px solid var(--gk-surface-2);
  border-top: 1px solid var(--gk-surface-2);
}
:where(html[data-theme="dark"]) .icons-list > div {
  border-bottom: 1px solid var(--gk-surface-2);
  border-right: 1px solid var(--gk-surface-2);
  background: var(--gk-bg);
}
:where(html[data-theme="dark"]) .icons-list > div:hover i, :where(html[data-theme="dark"]) .icons-list > div:hover svg {
  color: var(--dark-primary-color);
}
:where(html[data-theme="dark"]) .nav.nav-tabs .nav-item .nav-link {
  border-color: transparent;
  color: #fff;
  background-color: transparent;
}
:where(html[data-theme="dark"]) .nav.nav-tabs .nav-item .nav-link.active {
  border-color: var(--gk-surface-2);
  color: var(--dark-primary-color);
  background: var(--gk-surface-2);
}
:where(html[data-theme="dark"]) .nav.nav-tabs.nav-tabs-vertical .nav-link {
  border-color: var(--gk-surface-2) var(--gk-surface-2) #dee2e6;
}
:where(html[data-theme="dark"]) .nav.nav-tabs.nav-tabs-vertical .nav-link.active {
  color: var(--dark-primary-color);
}
:where(html[data-theme="dark"]) .nav.nav-tabs.nav-tabs-line .nav-link.active {
  border-bottom: 2px solid var(--dark-primary-color);
}
:where(html[data-theme="dark"]) .table thead th, :where(html[data-theme="dark"]) .datepicker table thead th {
  color: var(--gk-ink);
}
:where(html[data-theme="dark"]) .timeline {
  border-left: 3px solid var(--dark-primary-color);
}
:where(html[data-theme="dark"]) .timeline .event {
  border-bottom: 1px dashed var(--gk-surface-2);
}
:where(html[data-theme="dark"]) .timeline .event:after {
  -webkit-box-shadow: 0 0 0 3px var(--dark-primary-color);
  box-shadow: 0 0 0 3px var(--dark-primary-color);
}
:where(html[data-theme="dark"]) .chat-wrapper .chat-content .chat-body .messages .message-item .content .bubble {
  width: -webkit-fit-content;
  width: -moz-fit-content;
}
:where(html[data-theme="dark"]) .email-aside-nav .nav-item.active .nav-link, :where(html[data-theme="dark"]) .email-aside-nav .nav-item.active .nav-link svg, :where(html[data-theme="dark"]) .email-aside-nav .nav-item:hover .nav-link, :where(html[data-theme="dark"]) .email-aside-nav .nav-item:hover .nav-link svg {
  color: var(--dark-primary-color);
}
:where(html[data-theme="dark"]) .email-list-item {
  border-bottom: 1px solid var(--gk-surface-2);
}
:where(html[data-theme="dark"]) .email-list-item .email-list-actions .favorite.active span svg {
  color: #fbbc06;
}
:where(html[data-theme="dark"]) div.apexcharts-canvas .apexcharts-menu {
  border-color: var(--gk-surface-2);
}
:where(html[data-theme="dark"]) div.apexcharts-canvas .apexcharts-tooltip .apexcharts-tooltip-title {
  border-color: var(--gk-surface-2);
}
:where(html[data-theme="dark"]) .datepicker table tr td.day.focused, :where(html[data-theme="dark"]) .datepicker table tr td.day:hover {
  background: var(--gk-surface-2);
}
:where(html[data-theme="dark"]) .datepicker table tr td.active.active, :where(html[data-theme="dark"]) .datepicker table tr td.active.disabled, :where(html[data-theme="dark"]) .datepicker table tr td.active.disabled.active, :where(html[data-theme="dark"]) .datepicker table tr td.active.disabled.disabled, :where(html[data-theme="dark"]) .datepicker table tr td.active.disabled:active, :where(html[data-theme="dark"]) .datepicker table tr td.active.disabled:hover, :where(html[data-theme="dark"]) .datepicker table tr td.active.disabled:hover.active, :where(html[data-theme="dark"]) .datepicker table tr td.active.disabled:hover.disabled, :where(html[data-theme="dark"]) .datepicker table tr td.active.disabled:hover:active, :where(html[data-theme="dark"]) .datepicker table tr td.active.disabled:hover:hover, :where(html[data-theme="dark"]) .datepicker table tr td.active.disabled:hover[disabled], :where(html[data-theme="dark"]) .datepicker table tr td.active.disabled[disabled], :where(html[data-theme="dark"]) .datepicker table tr td.active:active, :where(html[data-theme="dark"]) .datepicker table tr td.active:hover, :where(html[data-theme="dark"]) .datepicker table tr td.active:hover.active, :where(html[data-theme="dark"]) .datepicker table tr td.active:hover.disabled, :where(html[data-theme="dark"]) .datepicker table tr td.active:hover:active, :where(html[data-theme="dark"]) .datepicker table tr td.active:hover:hover, :where(html[data-theme="dark"]) .datepicker table tr td.active:hover[disabled], :where(html[data-theme="dark"]) .datepicker table tr td.active[disabled] {
  background-color: var(--dark-primary-color);
}
:where(html[data-theme="dark"]) .datepicker table tr td.active, :where(html[data-theme="dark"]) .datepicker table tr td.active.disabled, :where(html[data-theme="dark"]) .datepicker table tr td.active.disabled:hover, :where(html[data-theme="dark"]) .datepicker table tr td.active:hover {
  background-color: var(--dark-primary-color);
  border-color: var(--dark-primary-color);
}
:where(html[data-theme="dark"]) .datepicker table tr td.today, :where(html[data-theme="dark"]) .datepicker table tr td.today.disabled, :where(html[data-theme="dark"]) .datepicker table tr td.today.disabled:hover, :where(html[data-theme="dark"]) .datepicker table tr td.today:hover {
  border-color: var(--dark-primary-color);
  color: var(--dark-primary-color);
}
:where(html[data-theme="dark"]) .datepicker table tr td.today:hover:hover {
  color: var(--dark-primary-color);
}
:where(html[data-theme="dark"]) .datepicker table tr td span.focused, :where(html[data-theme="dark"]) .datepicker table tr td span:hover {
  background-color: var(--gk-surface-2);
}
:where(html[data-theme="dark"]) .datepicker table tr td span.active.active, :where(html[data-theme="dark"]) .datepicker table tr td span.active.disabled, :where(html[data-theme="dark"]) .datepicker table tr td span.active.disabled.active, :where(html[data-theme="dark"]) .datepicker table tr td span.active.disabled.disabled, :where(html[data-theme="dark"]) .datepicker table tr td span.active.disabled:active, :where(html[data-theme="dark"]) .datepicker table tr td span.active.disabled:hover, :where(html[data-theme="dark"]) .datepicker table tr td span.active.disabled:hover.active, :where(html[data-theme="dark"]) .datepicker table tr td span.active.disabled:hover.disabled, :where(html[data-theme="dark"]) .datepicker table tr td span.active.disabled:hover:active, :where(html[data-theme="dark"]) .datepicker table tr td span.active.disabled:hover:hover, :where(html[data-theme="dark"]) .datepicker table tr td span.active.disabled:hover[disabled], :where(html[data-theme="dark"]) .datepicker table tr td span.active.disabled[disabled], :where(html[data-theme="dark"]) .datepicker table tr td span.active:active, :where(html[data-theme="dark"]) .datepicker table tr td span.active:hover, :where(html[data-theme="dark"]) .datepicker table tr td span.active:hover.active, :where(html[data-theme="dark"]) .datepicker table tr td span.active:hover.disabled, :where(html[data-theme="dark"]) .datepicker table tr td span.active:hover:active, :where(html[data-theme="dark"]) .datepicker table tr td span.active:hover:hover, :where(html[data-theme="dark"]) .datepicker table tr td span.active:hover[disabled], :where(html[data-theme="dark"]) .datepicker table tr td span.active[disabled] {
  background-color: var(--dark-primary-color);
}
:where(html[data-theme="dark"]) .datepicker table tr td span.active, :where(html[data-theme="dark"]) .datepicker table tr td span.active.disabled, :where(html[data-theme="dark"]) .datepicker table tr td span.active.disabled:hover, :where(html[data-theme="dark"]) .datepicker table tr td span.active:hover {
  border-color: var(--dark-primary-color);
}
:where(html[data-theme="dark"]) .datepicker-switch:hover, :where(html[data-theme="dark"]) .datepicker .next:hover, :where(html[data-theme="dark"]) .datepicker .prev:hover, :where(html[data-theme="dark"]) .datepicker tfoot tr th:hover {
  background: var(--gk-surface-2);
}
:where(html[data-theme="dark"]) .datepicker .datepicker-switch:hover, :where(html[data-theme="dark"]) .datepicker .next:hover, :where(html[data-theme="dark"]) .datepicker .prev:hover, :where(html[data-theme="dark"]) .datepicker tfoot tr th:hover {
  background: var(--gk-surface-2);
}
:where(html[data-theme="dark"]) .dropify-wrapper {
  border: 1px solid var(--gk-surface-2);
}
:where(html[data-theme="dark"]) .dropzone {
  border: 1px solid var(--gk-surface-2);
}
:where(html[data-theme="dark"]) .fc .fc-button-primary:disabled {
  border-color: var(--dark-primary-color);
}
:where(html[data-theme="dark"]) .fc-theme-standard td, :where(html[data-theme="dark"]) .fc-theme-standard th, :where(html[data-theme="dark"]) .fc-theme-standard .fc-scrollgrid {
  border-color: var(--gk-surface-2);
}
:where(html[data-theme="dark"]) .fc-theme-standard .fc-list {
  border-color: var(--gk-surface-2);
}
:where(html[data-theme="dark"]) .fc-event {
  border-left: 3px solid var(--dark-primary-color);
}
:where(html[data-theme="dark"]) .morris-hover.morris-default-style {
  border: 1px solid var(--gk-surface-2);
}
:where(html[data-theme="dark"]) .ps .ps__rail-x.ps--clicking, :where(html[data-theme="dark"]) .ps .ps__rail-x:focus, :where(html[data-theme="dark"]) .ps .ps__rail-x:hover, :where(html[data-theme="dark"]) .ps .ps__rail-y.ps--clicking, :where(html[data-theme="dark"]) .ps .ps__rail-y:focus, :where(html[data-theme="dark"]) .ps .ps__rail-y:hover {
  background-color: var(--gk-surface-2);
}
:where(html[data-theme="dark"]) .select2-container--default .select2-selection--single, :where(html[data-theme="dark"]) .select2-container--default .select2-selection--multiple {
  border: 1px solid var(--gk-surface-2);
}
:where(html[data-theme="dark"]) .select2-container--focus.select2-container--default .select2-selection--single, :where(html[data-theme="dark"]) .select2-container--focus.select2-container--default .select2-selection--multiple {
  border: 1px solid var(--gk-surface-2);
}
:where(html[data-theme="dark"]) .select2-container--default .select2-selection--single {
  background: var(--gk-surface);
}
:where(html[data-theme="dark"]) .select2-results__option {
  color: var(--gk-ink);
  padding: 10px 15px;
}
:where(html[data-theme="dark"]) .select2-container--default .select2-results__option--highlighted[aria-selected] {
  background-color: var(--dark-primary-color);
}
:where(html[data-theme="dark"]) .select2-container--default .select2-selection--single .select2-selection__rendered {
  line-height: 2;
  padding: 8px 15px;
  height: 44px;
}
:where(html[data-theme="dark"]) .select2-container--default .select2-selection--multiple {
  padding: 12px 15px;
}
:where(html[data-theme="dark"]) .select2-container--default .select2-selection--multiple .select2-selection__choice {
  background-color: var(--dark-primary-color);
  border-color: var(--dark-primary-color);
  padding: 1px 8px 1px 2px;
}
:where(html[data-theme="dark"]) .CodeMirror {
  border: 1px solid var(--gk-surface-2);
}
:where(html[data-theme="dark"]) .editor-toolbar {
  border: 1px solid var(--gk-surface-2);
}
:where(html[data-theme="dark"]) .editor-toolbar a:hover {
  background: var(--gk-surface-2);
}
:where(html[data-theme="dark"]) .editor-toolbar i.separator {
  border-left: 1px solid var(--gk-surface-2);
  border-right: 1px solid var(--gk-surface-2);
}
:where(html[data-theme="dark"]) .editor-preview-side {
  border-color: var(--gk-surface-2);
}
:where(html[data-theme="dark"]) .editor-toolbar a.active, :where(html[data-theme="dark"]) .editor-toolbar a:hover {
  background: var(--gk-surface-2);
}
:where(html[data-theme="dark"]) .editor-statusbar {
  border: 1px solid var(--gk-surface-2);
}
:where(html[data-theme="dark"]) div.tagsinput {
  border: 1px solid var(--gk-surface-2);
}
:where(html[data-theme="dark"]) div.tagsinput span.tag {
  background: var(--dark-primary-color);
}
:where(html[data-theme="dark"]) div.tagsinput input {
  border: 1px solid var(--gk-surface-2);
}
:where(html[data-theme="dark"]) div.tagsinput input:focus {
  border-color: var(--gk-ink-2);
}
:where(html[data-theme="dark"]) .bootstrap-datetimepicker-widget table td .timepicker .timepicker-picker a.btn, :where(html[data-theme="dark"]) .bootstrap-datetimepicker-widget table td .timepicker .timepicker-picker .wizard > .actions a, :where(html[data-theme="dark"]) .wizard > .actions .bootstrap-datetimepicker-widget table td .timepicker .timepicker-picker a, :where(html[data-theme="dark"]) .bootstrap-datetimepicker-widget table td .timepicker .timepicker-picker div.tox a.tox-button, :where(html[data-theme="dark"]) div.tox .bootstrap-datetimepicker-widget table td .timepicker .timepicker-picker a.tox-button, :where(html[data-theme="dark"]) .bootstrap-datetimepicker-widget table td .timepicker .timepicker-picker .fc a.fc-button-primary, :where(html[data-theme="dark"]) .fc .bootstrap-datetimepicker-widget table td .timepicker .timepicker-picker a.fc-button-primary {
  color: var(--dark-primary-color) !important;
}
:where(html[data-theme="dark"]) .bootstrap-datetimepicker-widget table td.day:hover, :where(html[data-theme="dark"]) .bootstrap-datetimepicker-widget table td.hour:hover, :where(html[data-theme="dark"]) .bootstrap-datetimepicker-widget table td.minute:hover, :where(html[data-theme="dark"]) .bootstrap-datetimepicker-widget table td.second:hover {
  color: var(--dark-primary-color);
}
:where(html[data-theme="dark"]) .bootstrap-datetimepicker-widget .timepicker .timepicker-picker a.btn, :where(html[data-theme="dark"]) .bootstrap-datetimepicker-widget .timepicker .timepicker-picker .wizard > .actions a, :where(html[data-theme="dark"]) .wizard > .actions .bootstrap-datetimepicker-widget .timepicker .timepicker-picker a, :where(html[data-theme="dark"]) .bootstrap-datetimepicker-widget .timepicker .timepicker-picker div.tox a.tox-button, :where(html[data-theme="dark"]) div.tox .bootstrap-datetimepicker-widget .timepicker .timepicker-picker a.tox-button, :where(html[data-theme="dark"]) .bootstrap-datetimepicker-widget .timepicker .timepicker-picker .fc a.fc-button-primary, :where(html[data-theme="dark"]) .fc .bootstrap-datetimepicker-widget .timepicker .timepicker-picker a.fc-button-primary {
  color: var(--dark-primary-color);
}
:where(html[data-theme="dark"]) .bootstrap-datetimepicker-widget .timepicker .timepicker-picker a.btn:hover, :where(html[data-theme="dark"]) .bootstrap-datetimepicker-widget .timepicker .timepicker-picker .wizard > .actions a:hover, :where(html[data-theme="dark"]) .wizard > .actions .bootstrap-datetimepicker-widget .timepicker .timepicker-picker a:hover, :where(html[data-theme="dark"]) .bootstrap-datetimepicker-widget .timepicker .timepicker-picker div.tox a.tox-button:hover, :where(html[data-theme="dark"]) div.tox .bootstrap-datetimepicker-widget .timepicker .timepicker-picker a.tox-button:hover, :where(html[data-theme="dark"]) .bootstrap-datetimepicker-widget .timepicker .timepicker-picker .fc a.fc-button-primary:hover, :where(html[data-theme="dark"]) .fc .bootstrap-datetimepicker-widget .timepicker .timepicker-picker a.fc-button-primary:hover {
  color: var(--dark-primary-color);
}
:where(html[data-theme="dark"]) .bootstrap-datetimepicker-widget.dropdown-menu:before, :where(html[data-theme="dark"]) .bootstrap-datetimepicker-widget.tt-menu:before, :where(html[data-theme="dark"]) .bootstrap-datetimepicker-widget.datepicker.datepicker-dropdown:before, :where(html[data-theme="dark"]) .bootstrap-datetimepicker-widget.dropdown-menu:after, :where(html[data-theme="dark"]) .bootstrap-datetimepicker-widget.tt-menu:after, :where(html[data-theme="dark"]) .bootstrap-datetimepicker-widget.datepicker.datepicker-dropdown:after {
  border-bottom-color: var(--gk-surface-2) !important;
}
:where(html[data-theme="dark"]) .tox.tox-tinymce {
  border: 1px solid var(--gk-surface-2);
}
:where(html[data-theme="dark"]) .tox.tox-tinymce .tox-menubar, :where(html[data-theme="dark"]) .tox.tox-tinymce .tox-toolbar-overlord, :where(html[data-theme="dark"]) .tox.tox-tinymce .tox-toolbar, :where(html[data-theme="dark"]) .tox.tox-tinymce .tox-toolbar__overflow, :where(html[data-theme="dark"]) .tox.tox-tinymce .tox-toolbar__primary {
  background-color: var(--gk-surface);
  border-bottom: 1px solid var(--gk-surface-2);
}
:where(html[data-theme="dark"]) .tox.tox-tinymce.tox:not([dir=rtl]) .tox-toolbar__group:not(:last-of-type) {
  border-right-color: var(--gk-surface-2);
  border-left-color: var(--gk-surface-2);
}
:where(html[data-theme="dark"]) .tox.tox-tinymce .tox-statusbar {
  background-color: var(--gk-surface);
  border-color: var(--gk-surface-2);
  color: var(--gk-ink);
}
:where(html[data-theme="dark"]) .tox.tox-tinymce .tox-statusbar a, :where(html[data-theme="dark"]) .tox.tox-tinymce .tox-statusbar__path-item, :where(html[data-theme="dark"]) .tox.tox-tinymce .tox-statusbar__wordcount {
  color: var(--gk-ink);
}
:where(html[data-theme="dark"]) .tox.tox-tinymce .tox-mbtn {
  color: var(--gk-ink);
}
:where(html[data-theme="dark"]) .tox.tox-tinymce .tox-tbtn:hover {
  background: var(--gk-surface);
  color: var(--gk-ink);
}
:where(html[data-theme="dark"]) .tox.tox-tinymce .tox-tbtn:hover svg {
  fill: var(--gk-ink);
}
:where(html[data-theme="dark"]) .tox.tox-tinymce .tox-tbtn:focus:not(.tox-tbtn--disabled) {
  color: var(--gk-ink);
}
:where(html[data-theme="dark"]) .tox.tox-tinymce .tox-mbtn:hover:not(:disabled):not(.tox-mbtn--active) {
  background: var(--gk-surface);
  color: var(--gk-ink);
}
:where(html[data-theme="dark"]) .tox.tox-tinymce .tox-mbtn:focus:not(:disabled), :where(html[data-theme="dark"]) .tox.tox-tinymce .tox-mbtn--active {
  background: var(--gk-surface);
  color: var(--gk-ink);
}
:where(html[data-theme="dark"]) .tox.tox-tinymce .tox-tbtn--disabled svg, :where(html[data-theme="dark"]) .tox.tox-tinymce .tox-tbtn--disabled:hover svg, :where(html[data-theme="dark"]) .tox.tox-tinymce .tox-tbtn:disabled svg, :where(html[data-theme="dark"]) .tox.tox-tinymce .tox-tbtn:disabled:hover svg {
  fill: var(--gk-surface-2);
}
:where(html[data-theme="dark"]) .tox.tox-tinymce .tox-split-button:hover {
  box-shadow: 0 0 0 1px var(--gk-surface-2) inset;
}
:where(html[data-theme="dark"]) .tox.tox-tinymce .tox-split-button:focus {
  background: var(--gk-surface);
}
:where(html[data-theme="dark"]) .tox.tox-tinymce .tox-tbtn--enabled, :where(html[data-theme="dark"]) .tox.tox-tinymce .tox-tbtn--enabled:hover, :where(html[data-theme="dark"]) .tox.tox-tinymce .tox-tbtn:focus {
  background: var(--gk-surface);
}
:where(html[data-theme="dark"]) div.tox .tox-collection__item {
  color: var(--gk-ink);
}
:where(html[data-theme="dark"]) div.tox .tox-collection--list .tox-collection__item--enabled {
  background-color: var(--dark-primary-color);
}
:where(html[data-theme="dark"]) div.tox .tox-collection--list .tox-collection__group {
  border-color: var(--gk-surface-2);
}
:where(html[data-theme="dark"]) div.tox .tox-collection--toolbar .tox-collection__item--active {
  background-color: var(--gk-surface);
}
:where(html[data-theme="dark"]) div.tox .tox-collection--list .tox-collection__item--active {
  background-color: var(--gk-surface);
}
:where(html[data-theme="dark"]) div.tox .tox-collection--toolbar .tox-collection__item--active:not(.tox-collection__item--state-disabled) {
  color: var(--gk-ink);
}
:where(html[data-theme="dark"]) div.tox .tox-collection--list .tox-collection__item--active:not(.tox-collection__item--state-disabled) {
  color: var(--gk-ink);
}
:where(html[data-theme="dark"]) div.tox .tox-dialog, :where(html[data-theme="dark"]) div.tox .tox-dialog__header, :where(html[data-theme="dark"]) div.tox .tox-dialog__footer {
  background-color: var(--gk-surface);
  border-color: var(--gk-surface-2);
  color: var(--gk-ink);
}
:where(html[data-theme="dark"]) div.tox .tox-button--secondary:hover:not(:disabled) {
  background-color: var(--gk-surface);
  border-color: var(--gk-surface-2);
  color: var(--gk-ink);
}
:where(html[data-theme="dark"]) div.tox .tox-listboxfield .tox-listbox--select, :where(html[data-theme="dark"]) div.tox .tox-textarea, :where(html[data-theme="dark"]) div.tox .tox-textfield, :where(html[data-theme="dark"]) div.tox .tox-toolbar-textfield {
  background-color: var(--gk-surface);
  border-color: var(--gk-surface-2);
}
:where(html[data-theme="dark"]) div.tox .tox-listboxfield .tox-listbox--select:focus, :where(html[data-theme="dark"]) div.tox .tox-textarea:focus, :where(html[data-theme="dark"]) div.tox .tox-textfield:focus {
  background-color: var(--gk-surface);
  border-color: var(--gk-surface-2);
}
:where(html[data-theme="dark"]) div.tox .tox-dialog__table tbody tr {
  border-color: var(--gk-surface-2);
}
:where(html[data-theme="dark"]) div.tox .tox-dialog__body {
  color: var(--gk-ink);
}
:where(html[data-theme="dark"]) .wizard > .steps .disabled a, :where(html[data-theme="dark"]) .wizard > .steps .disabled a:active, :where(html[data-theme="dark"]) .wizard > .steps .disabled a:hover {
  background-color: var(--gk-surface-2);
}
:where(html[data-theme="dark"]) .wizard > .steps .current a, :where(html[data-theme="dark"]) .wizard > .steps .current a:active, :where(html[data-theme="dark"]) .wizard > .steps .current a:hover {
  background-color: var(--dark-primary-color);
}
:where(html[data-theme="dark"]) .wizard > .steps .done a, :where(html[data-theme="dark"]) .wizard > .steps .done a:active, :where(html[data-theme="dark"]) .wizard > .steps .done a:hover {
  color: var(--dark-primary-color);
  border: 1px solid var(--dark-primary-color);
}
:where(html[data-theme="dark"]) .wizard > .content {
  border: 1px solid var(--gk-surface-2);
}
:where(html[data-theme="dark"]) .wizard > .actions .disabled a, :where(html[data-theme="dark"]) .wizard > .actions .disabled a:active, :where(html[data-theme="dark"]) .wizard > .actions .disabled a:hover {
  background: var(--gk-surface-2);
  border-color: var(--gk-surface-2);
}
:where(html[data-theme="dark"]) .slick-list.dragging {
  cursor: pointer;
}
:where(html[data-theme="dark"]) .slick-prev, :where(html[data-theme="dark"]) .slick-next {
  line-height: 0;
}
:where(html[data-theme="dark"]) .slider-section .slick-prev, :where(html[data-theme="dark"]) .slider-section .slick-next {
  z-index: 10;
}
:where(html[data-theme="dark"]) .order-track::before {
  background-color: var(--dark-primary-color);
}
:where(html[data-theme="dark"]) .order-track-item .track-icon, :where(html[data-theme="dark"]) .order-track-item .track-icon1 {
  background-color: var(--dark-primary-color);
}
:where(html[data-theme="dark"]) .title-section .card-option svg {
  height: 18px;
  width: 18px;
  color: var(--gk-ink);
}
:where(html[data-theme="dark"]) .project-card .progress-bar span {
  top: -20px;
  color: var(--dark-primary-color);
}
:where(html[data-theme="dark"]) .uploaded-image {
  border-radius: 10px;
  background: #f5f5f5;
  border: 1px solid #dddddd;
  text-align: center;
  overflow: hid;
}
:where(html[data-theme="dark"]) .uploaded-image svg.remove-image {
  background: var(--dark-primary-color);
}
:where(html[data-theme="dark"]) .uploaded-image img {
  height: 150px;
  object-fit: cover;
}
:where(html[data-theme="dark"]) .uploaded-files svg.remove-files {
  background: var(--dark-primary-color);
}
:where(html[data-theme="dark"]) a.commentDelete, :where(html[data-theme="dark"]) a.replyDelete, :where(html[data-theme="dark"]) a.replyicon {
  background: var(--dark-primary-color);
}
:where(html[data-theme="dark"]) .danger-color {
  background-color: var(--dark-hover-color);
}
:where(html[data-theme="dark"]) .slider {
  background-color: var(--dark-primary-color);
}
:where(html[data-theme="dark"]) .card-nav-content .col-lg-3 {
  border-bottom: 1px dashed #223562;
}
:where(html[data-theme="dark"]) .dash-icon svg {
  height: 60px;
  width: 60px;
  background: var(--dark-primary-color);
}
:where(html[data-theme="dark"]) #clockContainer {
  margin-bottom: 5px;
  height: 130px;
  width: 130px;
}
:where(html[data-theme="dark"]) ul.nav.payroll-sidebar-menu li {
  border-bottom: 1px dashed #223562!important;
}
:where(html[data-theme="dark"]) .tox:not(.tox-tinymce-inline) .tox-editor-header, :where(html[data-theme="dark"]) .tox.tox-tinymce .tox-menubar, :where(html[data-theme="dark"]) .tox.tox-tinymce .tox-toolbar-overlord, :where(html[data-theme="dark"]) .tox.tox-tinymce .tox-toolbar, :where(html[data-theme="dark"]) .tox.tox-tinymce .tox-toolbar__overflow, :where(html[data-theme="dark"]) .tox.tox-tinymce .tox-toolbar__primary, :where(html[data-theme="dark"]) .tox.tox-tinymce .tox-edit-area__iframe, :where(html[data-theme="dark"]) .tox.tox-tinymce .tox-statusbar, :where(html[data-theme="dark"]) .imageuploadify {
  background-color: var(--gk-surface)!important;
}
:where(html[data-theme="dark"]) .tox.tox-tinymce .tox-tbtn, :where(html[data-theme="dark"]) .tox .tox-tbtn svg, :where(html[data-theme="dark"]) .tox.tox-tinymce .tox-tbtn svg, :where(html[data-theme="dark"]) .tox.tox-tinymce .tox-tbtn--disabled svg, :where(html[data-theme="dark"]) .tox.tox-tinymce .tox-tbtn--disabled:hover svg, :where(html[data-theme="dark"]) .tox.tox-tinymce .tox-tbtn:disabled svg, :where(html[data-theme="dark"]) .tox.tox-tinymce .tox-tbtn:disabled:hover svg, :where(html[data-theme="dark"]) .tox.tox-tinymce .tox-statusbar a, :where(html[data-theme="dark"]) .tox.tox-tinymce .tox-statusbar__path-item, :where(html[data-theme="dark"]) .tox.tox-tinymce .tox-statusbar__wordcount, :where(html[data-theme="dark"]) .tox .tox-statusbar__branding svg, :where(html[data-theme="dark"]) span#sun {
  color: var(--gk-ink)!important;
  fill: var(--gk-ink);
}
:where(html[data-theme="dark"]) .mce-content-body p {
  color: var(--gk-ink)!important;
}
@media (max-width: 991px) {
  :where(html[data-theme="dark"]) .sidebar-open .main-wrapper::before, :where(html[data-theme="dark"]) .settings-open .main-wrapper::before {
    z-index: 99;
  }
}
@media (min-width: 1200px) {
  :where(html[data-theme="dark"]) .border-xl {
    border: 1px solid var(--gk-surface-2) !important;
  }
  :where(html[data-theme="dark"]) .border-top-xl {
    border-top: 1px solid var(--gk-surface-2) !important;
  }
  :where(html[data-theme="dark"]) .border-end-xl {
    border-right: 1px solid var(--gk-surface-2) !important;
  }
  :where(html[data-theme="dark"]) .border-bottom-xl {
    border-bottom: 1px solid var(--gk-surface-2) !important;
  }
  :where(html[data-theme="dark"]) .border-start-xl {
    border-left: 1px solid var(--gk-surface-2) !important;
  }
}
@media (min-width: 1400px) {
  :where(html[data-theme="dark"]) .border-xxl {
    border: 1px solid var(--gk-surface-2) !important;
  }
  :where(html[data-theme="dark"]) .border-top-xxl {
    border-top: 1px solid var(--gk-surface-2) !important;
  }
  :where(html[data-theme="dark"]) .border-end-xxl {
    border-right: 1px solid var(--gk-surface-2) !important;
  }
  :where(html[data-theme="dark"]) .border-bottom-xxl {
    border-bottom: 1px solid var(--gk-surface-2) !important;
  }
  :where(html[data-theme="dark"]) .border-start-xxl {
    border-left: 1px solid var(--gk-surface-2) !important;
  }
}
@media (min-width: 576px) {
  :where(html[data-theme="dark"]) .border-sm {
    border: 1px solid var(--gk-surface-2) !important;
  }
  :where(html[data-theme="dark"]) .border-top-sm {
    border-top: 1px solid var(--gk-surface-2) !important;
  }
  :where(html[data-theme="dark"]) .border-end-sm {
    border-right: 1px solid var(--gk-surface-2) !important;
  }
  :where(html[data-theme="dark"]) .border-bottom-sm {
    border-bottom: 1px solid var(--gk-surface-2) !important;
  }
  :where(html[data-theme="dark"]) .border-start-sm {
    border-left: 1px solid var(--gk-surface-2) !important;
  }
}
@media (min-width: 768px) {
  :where(html[data-theme="dark"]) .border-md {
    border: 1px solid var(--gk-surface-2) !important;
  }
  :where(html[data-theme="dark"]) .border-top-md {
    border-top: 1px solid var(--gk-surface-2) !important;
  }
  :where(html[data-theme="dark"]) .border-end-md {
    border-right: 1px solid var(--gk-surface-2) !important;
  }
  :where(html[data-theme="dark"]) .border-bottom-md {
    border-bottom: 1px solid var(--gk-surface-2) !important;
  }
  :where(html[data-theme="dark"]) .border-start-md {
    border-left: 1px solid var(--gk-surface-2) !important;
  }
}
@media (min-width: 992px) {
  :where(html[data-theme="dark"]) .border-lg {
    border: 1px solid var(--gk-surface-2) !important;
  }
  :where(html[data-theme="dark"]) .border-top-lg {
    border-top: 1px solid var(--gk-surface-2) !important;
  }
  :where(html[data-theme="dark"]) .border-end-lg {
    border-right: 1px solid var(--gk-surface-2) !important;
  }
  :where(html[data-theme="dark"]) .border-bottom-lg {
    border-bottom: 1px solid var(--gk-surface-2) !important;
  }
  :where(html[data-theme="dark"]) .border-start-lg {
    border-left: 1px solid var(--gk-surface-2) !important;
  }
}
@media(max-width: 735px) {
  :where(html[data-theme="dark"]) .page-breadcrumb button, :where(html[data-theme="dark"]) .page-breadcrumb > a {
    margin-top: 15px;
  }
}