/* Variable properties */
:root {

  --orange-color-1: #F57400;  /*Chilean Fire*/
  --orange-color-2: #DB6600;  /*shade*/
  --orange-color-3: #DE4F0B;  /*analogous*/
  --orange-color-4: #5C2B00;  /*shade color-1 > drker shade*/
  --orange-color-5: #FF8519;  /*complementary*/
  --orange-color-6: #FEBE14;  /*Lightning Yellow*/
  --orange-color-7: #C4450A;  /*shade of orange-color-3*/
  --orange-color-8: #B55400;  /*shade of orange-color-1*/

  --red-color-1: #FF1443;
  --red-color-2: #800A22;
  --red-color-3: #CC1036;

  --black-color-1: #171717;
  --black-color-2: #212121;
  --black-color-3: #333;
  --black-color-4: #4D4D4D;
  --black-color-5: #BFBFBF;
  --black-color-6: #212121;
  --black-color-7: #2B3A48;
  --black-color-8: #324454;  /*Shade of black-color-7*/
  --black-color-9: #949494;

  --white-color-1: #f0f0f0;

  --green-color-1: #3DD48E;
  --green-color-2: #0A6944;   /*Shade of green-color-3*/
  --green-color-3: #11A86F;   /*Split comp. of orange-color-1*/
  --green-color-4: #21DE60;   /*Doub split comp. from orange-color-3*/
  --green-color-5: #158F1E;   /*square from blue-color-1 (#86FF14) -> compound -> (#25CC42) -> monochromatic*/
  --green-color-6: #127518;   /*shades of green-color-5*/

  --yellow-color-1: #F5B00C;  /*doub split comp. from orange-color-1*/
  --yellow-color-2: #FEBE14;  /*Lightning Yellow*/
  --yellow-color-3: #DB9D0B;  /*analogous from yellow-color-1*/
  --yellow-color-4: #E6AD12;  /*shades from yellow-color-2*/

  --blue-color-1: #00CAF5;    /*comp. from orange-color-1*/
  --blue-color-2: #236675;    /*Monochromatic from blue-color-1*/
  --blue-color-3: #009EC2;    /*Shade from blue-color-1*/
  --blue-color-4: #0C50F5;    /*doub split comp. from blue-color-1*/
}

/* TEXT / BASE COLORS */

[data-theme="dark"] { background-color: var(--black-color-1) !important; color: var(--white-color-1); }

[data-theme="dark"] a { color: var(--orange-color-1); }
[data-theme="dark"] a:hover { color: #eee; }
[data-theme="dark"] a:focus { color: var(--orange-color-2); }
[data-theme="dark"] a.btn { color: #fff; }
[data-theme="dark"] .link-primary { color: var(--orange-color-1); }
[data-theme="dark"] .link-primary:hover { color: #eee; }
[data-theme="dark"] .link-primary:focus { color: var(--orange-color-2); }


[data-theme="dark"] .text-dark { color: #fff !important; }
[data-theme="dark"] .text-warning { color: var(--orange-color-6) !important; }
[data-theme="dark"] .text-success { color: var(--green-color-3) !important; }

/* TABLES */

[data-theme="dark"] .table { color: #fff; border-color: var(--black-color-3); --my-table-accent-bg: transparent; --my-table-accent-bg2: transparent; }
[data-theme="dark"] .table-striped > tbody > tr:nth-of-type(2n+1) { 
  color: var(--white-color-1); 
  --my-table-accent-bg: #222;
  --my-table-accent-bg2: rgba(0, 0, 0, 0.12);
}
[data-theme="dark"] .table-hover > tbody > tr:hover { 
  color: var(--white-color-1);
  --my-table-accent-bg: #2b2b2b;
}
[data-theme="dark"] .table > :not(caption) > * > * { 
  background-color: var(--my-table-accent-bg);
  box-shadow: inset 0 0 0 9999px var(--my-table-accent-bg2);
  color: var(--white-color-1);
}
[data-theme="dark"] .table-info { --my-table-accent-bg: var(--black-color-7) !important; border-color: var(--black-color-4); }
[data-theme="dark"] .table-info:hover { --my-table-accent-bg: var(--black-color-8) !important; }

/* BUTTONS */

[data-theme="dark"] .btn-primary { color: #fff; background-color: var(--orange-color-2); border-color: var(--orange-color-2) ;}
[data-theme="dark"] .btn-primary:hover { color: #fff; background-color: var(--orange-color-8); border-color: var(--orange-color-8) ;}
[data-theme="dark"] .btn-primary:focus { color: #fff; box-shadow: 0 0 0 0.2rem var(--orange-color-4); }
[data-theme="dark"] .btn-check:checked + .btn-outline-primary,
[data-theme="dark"] .btn-check:active + .btn-outline-primary,
[data-theme="dark"] .btn-outline-primary.active { background-color: var(--orange-color-2); }
[data-theme="dark"] .btn-check:focus + .btn-outline-primary { box-shadow: 0 0 0 0.2rem var(--orange-color-4); }
[data-theme="dark"] .btn-success { background-color: var(--green-color-5) !important; }
[data-theme="dark"] .btn-success:hover { background-color: var(--green-color-6) !important; }
[data-theme="dark"] .btn-info { color: var(--black-color-1) !important; background-color: var(--blue-color-1) !important; }
[data-theme="dark"] .btn-info:hover { background-color: var(--blue-color-3) !important; border-color: var(--blue-color-3) !important; }
[data-theme="dark"] .btn-link { color: #fff; }
[data-theme="dark"] .btn-close { filter: invert(1) grayscale(100%) brightness(200%); }
[data-theme="dark"] .btn-danger { color: #fff; background-color: var(--red-color-3) !important; }
[data-theme="dark"] .btn-danger:hover { background-color: var(--red-color-2) !important; border-color: var(--red-color-2) !important; }
[data-theme="dark"] .btn-warning { color: var(--black-color-1) !important; background-color: var(--yellow-color-2) !important; }
[data-theme="dark"] .btn-warning:hover { background-color: var(--yellow-color-4) !important; border-color: var(--yellow-color-4) !important; }

[data-theme="dark"] .btn-dark { color: #000; background-color: #f8f9fa; border-color: #f8f9fa; }
[data-theme="dark"] .btn-dark:hover { color: #000; background-color: #f9fafb; border-color: #f9fafb; }
[data-theme="dark"] .btn-check:focus + .btn-dark,
[data-theme="dark"] .btn-dark:focus { color: #000; background-color: #f9fafb; border-color: #f9fafb; box-shadow: 0 0 0 0.25rem rgba(211, 212, 213, 0.5); }
[data-theme="dark"] .btn-check:checked + .btn-dark,
[data-theme="dark"] .btn-check:active + .btn-dark,
[data-theme="dark"] .btn-dark:active,
[data-theme="dark"] .btn-dark.active,
[data-theme="dark"] .show > .btn-dark.dropdown-toggle { color: #000; background-color: #f9fafb; border-color: #f9fafb; }
[data-theme="dark"] .btn-check:checked + .btn-dark:focus,
[data-theme="dark"] .btn-check:active + .btn-dark:focus,
[data-theme="dark"] .btn-dark:active:focus,
[data-theme="dark"] .btn-dark.active:focus,
[data-theme="dark"] .show > .btn-dark.dropdown-toggle:focus { box-shadow: 0 0 0 0.25rem rgba(211, 212, 213, 0.5); }
[data-theme="dark"] .btn-dark:disabled,
[data-theme="dark"] .btn-dark.disabled { color: #000; background-color: #f8f9fa; border-color: #f8f9fa; }

[data-theme="dark"] .btn-light { color: #fff; background-color: var(--black-color-3); border-color: var(--black-color-3); }
[data-theme="dark"] .btn-light:hover { color: #fff; background-color: #1c1f23; border-color: #1a1e21; }
[data-theme="dark"] .btn-check:focus + .btn-light,
[data-theme="dark"] .btn-light:focus { color: #fff; background-color: #1c1f23; border-color: #1a1e21; box-shadow: 0 0 0 0.25rem rgba(66, 70, 73, 0.5); }
[data-theme="dark"] .btn-check:checked + .btn-light,
[data-theme="dark"] .btn-check:active + .btn-light,
[data-theme="dark"] .btn-light:active,
[data-theme="dark"] .btn-light.active,
[data-theme="dark"] .show > .btn-light.dropdown-toggle { color: #fff; background-color: #1a1e21; border-color: #191c1f; }
[data-theme="dark"] .btn-check:checked + .btn-light:focus,
[data-theme="dark"] .btn-check:active + .btn-light:focus,
[data-theme="dark"] .btn-light:active:focus,
[data-theme="dark"] .btn-light.active:focus,
[data-theme="dark"] .show > .btn-light.dropdown-toggle:focus { box-shadow: 0 0 0 0.25rem rgba(66, 70, 73, 0.5); }
[data-theme="dark"] .btn-light:disabled,
[data-theme="dark"] .btn-light.disabled { color: #fff; background-color: #212529; border-color: #212529; }

[data-theme="dark"] .btn-outline-dark { color: #f8f9fa; border-color: #f8f9fa; }
[data-theme="dark"] .btn-outline-dark:hover { color: #000; background-color: #f8f9fa; border-color: #f8f9fa; }
[data-theme="dark"] .btn-check:focus + .btn-outline-dark,
[data-theme="dark"] .btn-outline-dark:focus { box-shadow: 0 0 0 0.25rem rgba(248, 249, 250, 0.5); }
[data-theme="dark"] .btn-check:checked + .btn-outline-dark,
[data-theme="dark"] .btn-check:active + .btn-outline-dark,
[data-theme="dark"] .btn-outline-dark:active,
[data-theme="dark"] .btn-outline-dark.active,
[data-theme="dark"] .btn-outline-dark.dropdown-toggle.show { color: #000; background-color: #f8f9fa; border-color: #f8f9fa; }
[data-theme="dark"] .btn-check:checked + .btn-outline-dark:focus,
[data-theme="dark"] .btn-check:active + .btn-outline-dark:focus,
[data-theme="dark"] .btn-outline-dark:active:focus,
[data-theme="dark"] .btn-outline-dark.active:focus,
[data-theme="dark"] .btn-outline-dark.dropdown-toggle.show:focus { box-shadow: 0 0 0 0.25rem rgba(248, 249, 250, 0.5); }
[data-theme="dark"] .btn-outline-dark:disabled,
[data-theme="dark"] .btn-outline-dark.disabled { color: #f8f9fa; background-color: transparent; }

[data-theme="dark"] .btn-outline-light { color: #212529; border-color: #212529; }
[data-theme="dark"] .btn-outline-light:hover { color: #fff; background-color: #212529; border-color: #212529; }
[data-theme="dark"] .btn-check:focus + .btn-outline-light,
[data-theme="dark"] .btn-outline-light:focus { box-shadow: 0 0 0 0.25rem rgba(33, 37, 41, 0.5); }
[data-theme="dark"] .btn-check:checked + .btn-outline-light,
[data-theme="dark"] .btn-check:active + .btn-outline-light,
[data-theme="dark"] .btn-outline-light:active,
[data-theme="dark"] .btn-outline-light.active,
[data-theme="dark"] .btn-outline-light.dropdown-toggle.show { color: #fff; background-color: #212529; border-color: #212529; }
[data-theme="dark"] .btn-check:checked + .btn-outline-light:focus,
[data-theme="dark"] .btn-check:active + .btn-outline-light:focus,
[data-theme="dark"] .btn-outline-light:active:focus,
[data-theme="dark"] .btn-outline-light.active:focus,
[data-theme="dark"] .btn-outline-light.dropdown-toggle.show:focus { box-shadow: 0 0 0 0.25rem rgba(33, 37, 41, 0.5); }
[data-theme="dark"] .btn-outline-light:disabled,
[data-theme="dark"] .btn-outline-light.disabled { color: #212529; background-color: transparent; }

[data-theme="dark"] .btn-outline-primary { color: var(--orange-color-2); border-color: var(--orange-color-2) !important; }
[data-theme="dark"] .btn-outline-primary:hover { background-color: var(--orange-color-4); }
[data-theme="dark"] .btn-outline-primary:focus { box-shadow: 0 0 0 0.2rem var(--orange-color-4); }

/* DROPDOWNS */

[data-theme="dark"] .dropdown-menu { color: #dee2e6; background-color: #343a40; border-color: rgba(0, 0, 0, 0.15); }
[data-theme="dark"] .dropdown-menu .dropdown-item { color: #dee2e6; }
[data-theme="dark"] .dropdown-menu .dropdown-item:hover,
[data-theme="dark"] .dropdown-menu .dropdown-item:focus { color: #fff; background-color: rgba(255, 255, 255, 0.15); }
[data-theme="dark"] .dropdown-menu .dropdown-item.active,
[data-theme="dark"] .dropdown-menu .dropdown-item:active { color: #fff; background-color: var(--orange-color-2); }
[data-theme="dark"] .dropdown-menu .dropdown-item.disabled,
[data-theme="dark"] .dropdown-menu .dropdown-item:disabled { color: #adb5bd; }
[data-theme="dark"] .dropdown-menu .dropdown-divider { border-color: rgba(0, 0, 0, 0.15); }
[data-theme="dark"] .dropdown-menu .dropdown-item-text { color: #dee2e6; }
[data-theme="dark"] .dropdown-menu .dropdown-header { color: #adb5bd; }

/* LIST GROUPS */

[data-theme="dark"] .list-group-item-action { color: #fff; }
[data-theme="dark"] .list-group-item-action:hover,
[data-theme="dark"] .list-group-item-action:focus { color: #fff; background-color: var(--black-color-3); }
[data-theme="dark"] .list-group-item-action:active { color: #212529; background-color: #e9ecef; }
[data-theme="dark"] .list-group-item { background-color: #111; border: 1px solid var(--black-color-3); }
[data-theme="dark"] .list-group-item:not(:first-child) { border-top: none; }
[data-theme="dark"] .list-group-item.disabled,
[data-theme="dark"] .list-group-item:disabled { color: #fff; background-color: #000; }
[data-theme="dark"] .list-group-item.active { color: #fff; background-color: var(--orange-color-2); border-color: var(--orange-color-2); }

/* INPUT GROUPS */

[data-theme="dark"] .input-group-text { background-color: var(--black-color-6); border-color: var(--black-color-1); color: var(--white-color-1); }
[data-theme="dark"] .input-group .btn { border-color: var(--black-color-1) ;}
[data-theme="dark"] .input-group .btn:hover { border-color: var(--black-color-1) ;}

/* TABS */

[data-theme="dark"] .nav-tabs { border-bottom: 1px solid #000; }
[data-theme="dark"] .nav-tabs .nav-link:hover,
[data-theme="dark"] .nav-tabs .nav-link:focus { border-color: #212529 #212529 #000; }
[data-theme="dark"] .nav-tabs .nav-link.disabled { color: var(--black-color-3); }
[data-theme="dark"] .nav-tabs .nav-link.active,
[data-theme="dark"] .nav-tabs .nav-item.show .nav-link { color: #fff; background-color: #000; border-color: #212529 #212529 #000; }

/* PILLS */

[data-theme="dark"] .nav-pills .nav-link.active { color: #fff; background-color: var(--orange-color-2); }
[data-theme="dark"] .nav-pills .nav-link:not(.active):hover { background-color: var(--orange-color-8); }
[data-theme="dark"] .nav-pills .nav-link:focus { color: #fff; background-color: var(--orange-color-2); }

/* PAGINATION */

[data-theme="dark"] .page-link { color: #fff; background-color: #111; border: 1px solid var(--black-color-3); }
[data-theme="dark"] .page-link:hover { color: #fff; background-color: var(--black-color-3); border-color: var(--black-color-3); }
[data-theme="dark"] .page-link:focus { color: #fff; background-color: #000; box-shadow: 0 0 0 0.2rem var(--orange-color-7); }
[data-theme="dark"] .page-item.active .page-link { color: #fff; background-color: var(--orange-color-2); border-color: var(--orange-color-2); }
[data-theme="dark"] .page-item.disabled .page-link { color: #fff; background-color: #000; border-color: var(--black-color-3); }

/* BACKGROUNDS */

[data-theme="dark"] main { background-color: var(--black-color-1); }
[data-theme="dark"] .sidebar { background-color: var(--black-color-2) !important; }
[data-theme="dark"] .navbar.bg-light { background-color: var(--black-color-1) !important; }
[data-theme="dark"] .navbar.bg-dark { background-color: var(--black-color-1) !important; }
[data-theme="dark"] .bg-dark { background-color: #f8f9fa !important; }
[data-theme="dark"] .bg-white { background-color: #000 !important; }

[data-theme="dark"] .bg-white.text-white,
[data-theme="dark"] .bg-dark.text-white,
[data-theme="dark"] .bg-warning.text-dark,
[data-theme="dark"] .bg-info.text-dark { color: #212529 !important; }

/* BORDERS */

[data-theme="dark"] .border,
[data-theme="dark"] .border-top,
[data-theme="dark"] .border-end,
[data-theme="dark"] .border-bottom,
[data-theme="dark"] .border-start { border-color: #212529 !important; }

/* BREADCRUMB */

[data-theme="dark"] .breadcrumb.border { border-color: var(--black-color-3) !important; }

/* SHADOWS */

[data-theme="dark"] .shadow { box-shadow: 0 0.5rem 1rem rgba(255, 255, 255, 0.15) !important; }
[data-theme="dark"] .shadow-sm { box-shadow: 0 0.125rem 0.25rem rgba(255, 255, 255, 0.075) !important; }
[data-theme="dark"] .shadow-lg { box-shadow: 0 1rem 3rem rgba(255, 255, 255, 0.175) !important; }

/* CARDS */

[data-theme="dark"] .card { background-color: #000; border: 1px solid rgba(255, 255, 255, 0.125); }
[data-theme="dark"] .card-header { background-color: var(--orange-color-8); }

/* MODALS */

[data-theme="dark"] .modal-content { background-color: #000; border: 1px solid rgba(255, 255, 255, 0.2); }
[data-theme="dark"] .modal-header { border-bottom: 1px solid #212529; }
[data-theme="dark"] .modal-footer { border-top: 1px solid #212529; }

[data-theme="dark"] .modal-backdrop.show { opacity: 0.75; }

/* ACCORDIONS */

[data-theme="dark"] .accordion:not(.accordion-flush) { border-top: 1px solid var(--black-color-3); border-top-left-radius: 0.25rem !important; border-top-right-radius: 0.25rem !important; }
[data-theme="dark"] .accordion-button { color: #fff; background-color: #000; border: 1px solid var(--black-color-3); border-top: none; }
[data-theme="dark"] .accordion-button:not(.collapsed) { color: #fff; background-color: #111; border-bottom: none; }
[data-theme="dark"] .accordion-button::after { filter: invert(1) grayscale(100%) brightness(200%); }
[data-theme="dark"] .accordion-collapse { border: 1px solid var(--black-color-3); }

[data-theme="dark"] .accordion-flush .accordion-button { border-right: 0; border-left: 0; border-radius: 0; }
[data-theme="dark"] .accordion-flush .accordion-collapse { border-width: 0; }
[data-theme="dark"] .accordion-flush .accordion-item:first-of-type .accordion-button { border-top-width: 0; border-top-left-radius: 0; border-top-right-radius: 0; }
[data-theme="dark"] .accordion-flush .accordion-item:last-of-type .accordion-button.collapsed { border-bottom-width: 0; border-bottom-right-radius: 0; border-bottom-left-radius: 0; }

/* PROGRESS BARS */

[data-theme="dark"] .progress { background-color: var(--black-color-3); }

/* FORMS */

[data-theme="dark"] .form-control::-webkit-input-placeholder,
[data-theme="dark"] .form-control::-moz-placeholder,
[data-theme="dark"] .form-control::placeholder { color: #ccc; }

[data-theme="dark"] .form-control-plaintext { color: #ccc; }

[data-theme="dark"] .form-control { color: var(--white-color-1); background-color: var(--black-color-3); border: 1px solid #111; }
[data-theme="dark"] .form-control:focus { border-color: var(--orange-color-2); box-shadow: 0 0 0 0.2rem var(--orange-color-2); }
[data-theme="dark"] .form-control.is-invalid { border-color: #dc3545; }

[data-theme="dark"] .form-select { color: var(--white-color-1); 
  border: 1px solid #111; 
  background-color: var(--black-color-3);
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23ffffff' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right 0.75rem center;
  background-size: 8px 10px; 
}
[data-theme="dark"] .form-select.is-invalid { 
  border-color: var(--bs-red); 
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23ffffff' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e"),url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e") !important;
  background-size: 8px 10px,calc(.75em + .375rem) calc(.75em + .375rem) !important;
}
[data-theme="dark"] .form-select:focus { border-color: var(--orange-color-2); box-shadow: 0 0 0 0.2rem var(--orange-color-2); }
[data-theme="dark"] .form-select:focus::-ms-value { color: #495057; background-color: #fff; }
[data-theme="dark"] .form-select option { color: #fff; }
[data-theme="dark"] .form-select.btn-warning option { color: #000; }
[data-theme="dark"] .form-select:disabled { color: #6c757d; background-color: #e9ecef; }
[data-theme="dark"] .form-select:-moz-focusring { text-shadow: 0 0 0 #495057; }
[data-theme="dark"] .form-select.btn-warning { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23000000' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e"); }

[data-theme="dark"] .tt-menu { background-color: var(--black-color-3); }

/* ALERTS */

[data-theme="dark"] .alert.alert-success { color: #fff; background-color: var(--green-color-2); border-color: var(--green-color-3); }
[data-theme="dark"] .alert.alert-danger { color: #fff; background-color: var(--red-color-2); border-color: var(--red-color-3); }
[data-theme="dark"] .alert.alert-info { color: #fff; background-color: var(--blue-color-2); border-color: var(--blue-color-3); }
[data-theme="dark"] .alert.alert-warning { color: #fff; background-color: var(--orange-color-4); border-color: var(--orange-color-3); }

/* BADGES */

[data-theme="dark"] .badge.bg-info { color: var(--black-color-1); background-color: var(--blue-color-1) !important; }
[data-theme="dark"] .badge.bg-warning { color: var(--black-color-1); background-color: var(--yellow-color-2) !important; }
[data-theme="dark"] .badge.bg-success { background-color: var(--green-color-5) !important; }
[data-theme="dark"] .badge.bg-primary { background-color: var(--blue-color-4) !important; }
[data-theme="dark"] .badge.bg-danger { background-color: var(--red-color-3) !important; }

/* ADDITIONAL / CUSTOM */

[data-theme="dark"] .cc-color-override-688238583 .cc-btn { color: #fff; background-color: var(--orange-color-2); }
[data-theme="dark"] .cc-color-override-688238583 .cc-btn:hover,
[data-theme="dark"] .cc-color-override-688238583 .cc-btn:focus { background-color: var(--orange-color-1); }

[data-theme="dark"] .priority-indicator { outline: 3px solid var(--black-color-1); }
[data-theme="dark"] .priority-indicator.bg-danger { background-color: var(--red-color-1) !important; }
[data-theme="dark"] .priority-indicator.bg-warning { background-color: var(--yellow-color-2) !important; }
[data-theme="dark"] .priority-indicator.bg-success { background-color: var(--green-color-4) !important; }
[data-theme="dark"] .priority-indicator.bg-info { background-color: var(--blue-color-1) !important; }

[data-theme="dark"] .inactive > td { background-color: var(--black-color-3); }

[data-theme="dark"] .faded-text { color: var(--black-color-9) !important; }

/* SCROLLBARS */

/* Webkit for Chrome/Opera/Safari/Edge */
[data-theme="dark"] .sidebar::-webkit-scrollbar {
  width: 7px;
}
[data-theme="dark"] .sidebar::-webkit-scrollbar-track {
  background-color: var(--orange-color-4);
  border-left: 2px solid transparent;
  border-right: 2px solid transparent;
  background-clip: padding-box;
}
[data-theme="dark"] .sidebar::-webkit-scrollbar-thumb {
  background-color: var(--orange-color-8);
}
[data-theme="dark"] .sidebar::-webkit-scrollbar-thumb:hover {
  background-color: var(--orange-color-2);
}
[data-theme="dark"] .sidebar::-webkit-scrollbar-thumb:active {
  background-color: var(--orange-color-1);
}
[data-theme="dark"] .sidebar::-webkit-scrollbar-track-piece {
  width: 3px;
}

/* Firefox-specific scrollbar styling (really, Mozilla?) */
[data-theme="dark"] .sidebar {
  scrollbar-color: var(--orange-color-8) var(--orange-color-4);
  scrollbar-width: thin;
}

[data-theme="dark"] .nav-sidebar > .active > a.system-nav,
[data-theme="dark"] .nav-sidebar > .active > a.system-nav:hover,
[data-theme="dark"] .nav-sidebar > .active > a.system-nav:focus {
  color: #fff;
  background-color: var(--orange-color-2);
}

@media (max-width: 768px) {
  /* Influence Tracker Page: */
  [data-theme="dark"] .inf-tracker-table td:first-child { background-color: var(--black-color-7); border-bottom-color: var(--black-color-4); }
  [data-theme="dark"] .inf-system-name { background-color: var(--black-color-1); }

  /* BGS Task Page: */
  [data-theme="dark"] .bgs-task-table .stacked-header {
    background-color: var(--black-color-7);
    border-bottom-color: var(--black-color-4);
  }
  [data-theme="dark"] .pri-triangle-accent {
    border-bottom: 10px solid var(--black-color-7);
  }
  [data-theme="dark"] .table > :not(caption) > * > * { 
    border-bottom-color: var(--black-color-3);
  }
}

/* BGS Task page */
[data-theme="dark"] .input-bgs-credits { border-color: var(--black-color-5); }
[data-theme="dark"] .bgs-task-table .pri-separator { border-top-color: var(--black-color-4); }
[data-theme="dark"] .contrib-list th { color: var(--black-color-5); border-bottom-color: var(--black-color-9) !important; }

/* System influence tracker page */
/* Dygraph */
[data-theme="dark"] .dygraph-axis-label.dygraph-axis-label-x { color: #fff; }
[data-theme="dark"] .dygraph-axis-label.dygraph-axis-label-y { color: #fff; }
[data-theme="dark"] .dygraph-legend { background-color: var(--black-color-1) !important; }

/* Pie charts */
[data-theme="dark"] #pie_total rect { fill: var(--black-color-1); }
[data-theme="dark"] #pie_total text { fill: #fff; color: #fff; }
[data-theme="dark"] #pie_total .google-visualization-tooltip path { fill: var(--black-color-2); }

/* Loading spinner */
[data-theme="dark"] .ed-loading-text { color: var(--orange-color-1); }

/* Fixed table headers */
[data-theme="dark"] .table.dataTable.fixedHeader-floating {
  background-color: var(--black-color-1);
}
[data-theme="dark"] .dtfh-floatingparenthead th {
  border-bottom-color: rgb(240, 240, 240);
}