body {
  --bs-border-color: var(--bs-gray-700);
  --bs-border-color-translucent: rgba(248,249,250,.175);
  --bs-light-rgb: var(--bs-dark-rgb);
  --bs-body-color: var(--bs-gray-100);
  --bs-body-bg: var(--bs-gray-800);
}

header {
  --bs-header-backdrop: rgb(52,58,64,.72);
}

.navbar {
  --bs-navbar-color: rgba(255,255,255,0.55);
  --bs-navbar-hover-color: rgba(255,255,255,0.7);
  --bs-navbar-disabled-color: rgba(255,255,255,0.3);
  --bs-navbar-active-color: rgba(255,255,255,0.9);
  --bs-navbar-brand-color: rgba(255,255,255,0.9);
  --bs-navbar-brand-hover-color: rgba(255,255,255,0.9);
  --bs-navbar-toggler-border-color: rgba(255,255,255,0.1);
  --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'><path stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/></svg>");
}

.list-group {
  --bs-list-group-color: var(--bs-gray-100);
  --bs-list-group-bg: var(--bs-transparent);
  --bs-list-group-border-color: rgba(255,255,255,.125);
  --bs-list-group-action-color: var(--bs-gray-300);
  --bs-list-group-action-hover-color: var(--bs-gray-300);
  --bs-list-group-action-hover-bg: var(--bs-gray-800);
  --bs-list-group-action-active-color: var(--bs-gray-100);
  --bs-list-group-action-active-bg: var(--bs-gray-700);
  --bs-list-group-disabled-color: var(--bs-gray-400);
  --bs-list-group-disabled-bg: #000;
  --bs-list-group-active-color: #fff;
  --bs-list-group-active-bg: var(--alt-1);
  --bs-list-group-active-border-color: var(--alt-1);
}

.offcanvas {
  --bs-offcanvas-bg: var(--bs-gray-900);
}

.offcanvas.offcanvas-start {
  border:none;
}

/* Track */
.offcanvas-body::-webkit-scrollbar-track {
  background-color: var(--bs-gray-800);
}

/* Handle */
.offcanvas-body::-webkit-scrollbar-thumb {
  background-color: var(--bs-gray-700);
}

/* Handle on hover */
.offcanvas-body::-webkit-scrollbar-thumb:hover {
  background-color: var(--bs-gray-600);
}

.card .bg-primary-1 {
  color: var(--bs-gray-dark)
}

.form-control, .form-select {
  --bs-form-control-border: var(--bs-gray-600);
  --bs-form-control-disabled: var(--bs-gray-700);
}

.form-text {
  --bs-form-text-color: var(--bs-gray-500);
}

.swal2-file, .swal2-input, .swal2-textarea {
  color: #dee2e6!important;
  background-color: var(--bs-gray-dark)!important;
  border: 1px solid #6c757d!important;
}

.swal2-file:focus, .swal2-input:focus, .swal2-textarea:focus {
  color: #dee2e6!important;
  background-color: var(--bs-gray-dark) !important;
  border-color: var(--alt-3) !important;
  box-shadow: 0 0 0 0.2rem rgba(90,200,251,.25)!important;
}

.swal2-validation-message {
  background: #172125!important;
  color: var(--bs-gray-100)!important;
}

.nav {
  --bs-nav-link-color: var(--bs-gray-300);
  --bs-nav-link-hover-color: var(--bs-white);
}

.nav-pills .nav-link:focus:not(.active), .nav-pills .nav-link:hover:not(.active){
  background-color: var(--bs-gray-700);
}

.offcanvas-body .nav-pills .nav-link:focus:not(.active), .offcanvas-body .nav-pills .nav-link:hover:not(.active){
  background-color: var(--bs-gray-800);
  transition:.2s;
}

.alert-danger {
  --bs-alert-color: #f5c2c7;
  --bs-alert-bg: #842029;
  --bs-alert-border-color: #842029;
}

.nav-underline .nav-link {
  color: rgba(248,249,250,.5);
}

.nav-underline .active {
  color: rgba(248,249,250,.9);
}

.page-link {
  color: #fff;
  background-color: var(--bs-gray-dark);
  border-color: var(--bs-gray-700);
}

.page-link:hover, .page-link:focus {
  background-color: var(--bs-gray-700);
  border-color: var(--bs-gray-700);
}

.table-hover > tbody > tr:hover > * {
  --bs-table-hover-bg: rgba(248,249,250,0.075);
}


.tree li::before {
  border-left: 1px solid rgba(248,249,250,.125)!important;
}

.tree li:after {
  border-top: 1px solid rgba(248,249,250,.125)!important;
}

.tree li div.tree-node {
  border: 1px solid rgba(248,249,250,.125)!important;
}

.tree li.parent_li>div.tree-node:hover, .tree li.parent_li>div.tree-node:hover+ul li div.tree-node, .tree li>div.tree-node.not-clicked-yet:hover {
  background-color: rgba(248,249,250,.075)!important;
  color: #fff!important;
}

.custom-control-label::before {
  background-color: var(--bs-gray-dark);
  border-color: #6c757d;
}

.dropdown-item.active, .dropdown-item:active {
  color:#fff;
}

.dropdown-item.active:hover {
  background-color: var(--alt-3);
}

.dropdown-item:hover, .dropdown-item:focus {
  background-color:#495057;
  color:#fff;
}

.dropdown-item {
  color:#fff;
}

hr {
  color: var(--bs-white);
}

.swal2-styled-popup {
  background-color: var(--bs-dark)!important;
}

.swal2-styled-text {
  color:var(--bs-white)!important;
}

.swal2-styled-footer {
  border-color: #eee!important;
}

a.theme-link {
  color: rgba(248,249,250,.55);
  text-decoration: none;
}

a.theme-link:hover {
  color: rgba(248,249,250,.75);
  text-decoration: none;
}

.input-group-text {
  background-color: var(--bs-gray-700);
  color: var(--bs-white);
  border: 1px solid #6c757d;
}

.text-muted {
  color: var(--bs-gray-500)!important;
}

.page-item.active .page-link {
  color:var(--bs-gray-900);
}

.form-check-input {
  background-color: var(--bs-gray-dark);
  border: 1px solid #6c757d;
}

.form-select {
  background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path fill='none' stroke='%23e9ecef' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/></svg>");
}

.swal2-input-label {
  color:var(--bs-white)!important;
}

.popover {
  border: none;
}

.popover-header {
  background-color: var(--bs-gray-900)!important;
  color: var(--bs-white)!important;
}

.bs-popover-auto[data-popper-placement^=top]>.popover-arrow::after, .bs-popover-top>.popover-arrow::after {
  border-top-color: var(--bs-gray-900)!important;
}

.popover-body {
  background-color: var(--bs-gray-900)!important;
  color: var(--bs-white)!important;
}
/*
label.file-input {
  border: 1px solid var(--bs-gray-600);
  color: var(--bs-gray-300);
}*/

.card-header {
  background-color: rgba(248,249,250,.03);
  border-bottom: 1px solid rgba(248,249,250,.125);
}


.btn-close {
  --bs-btn-close-background-url: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23FFF'><path d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/></svg>");
}

.invalid-feedback {
  color: #e35d6a;
}

.form-control.is-invalid {
  border-color: #e35d6a;
}