html,
body {
  margin-top: 40px;
}

.tooltip {
  pointer-events: none;
}

@media (orientation:landscape) {
  .hide-on-landscape {
    display: none;
  }
}

@media (orientation:portrait) {
  .hide-on-portrait {
    display: none;
  }
}

@media print {
  .pagebreak {
    page-break-before: always;
  }

  /* page-break-after works, as well */
}

.btn.disabled {
  pointer-events: auto;
}

:root,
[data-bs-theme=light] {
  --sorter-dragcolor-color: #0e6c7a;
  --sorter-dragcolor-bg: #d1ecf1;
  --sorter-dragcolor-border: #17a2b8;
  --sorter-dragcolor-hover: #b5dbe2;
}

[data-bs-theme=dark] {
  --sorter-dragcolor-color: #ffffff;
  --sorter-dragcolor-bg: #27545c;
  --sorter-dragcolor-border: #17a2b8;
  --sorter-dragcolor-hover: #b5dbe2;
}

.sorter-dragcolor {
  color: var(--sorter-dragcolor-color);
  background-color: var(--sorter-dragcolor-bg);
  --sorter-dragcolor-border-color: var(--sorter-dragcolor-border);
  --sorter-dragcolor-hover-color: var(--sorter-dragcolor-color);
  --sorter-dragcolor-hover-bg: var(--sorter-dragcolor-hover);
  --sorter-dragcolor-hover-border-color: var(--sorter-dragcolor-hover);
  --sorter-dragcolor-active-color: var(--sorter-dragcolor-color);
  --sorter-dragcolor-active-bg: var(--sorter-dragcolor-hover);
  --sorter-dragcolor-active-border-color: var(--sorter-dragcolor-border);
  --sorter-dragcolor-disabled-color: var(--sorter-dragcolor-color);
  --sorter-dragcolor-disabled-bg: var(--sorter-dragcolor-border);
  --sorter-dragcolor-disabled-border-color: var(--sorter-dragcolor-border);
}


:root,
[data-bs-theme=light] {
  --bs-table-warning-color: #000;
  --bs-table-warning-bg: #fff3cd;
  --bs-table-warning-stripe-bg: #fceaaf;
  --bs-table-warning-active-bg: #fff3cd;
  --bs-table-warning-border: #fff3cd;
  --bs-table-warning-hover: #ece1be;

}

[data-bs-theme=dark] {
  --bs-table-warning-color: #000;
  --bs-table-warning-bg: #e6bb2e;
  --bs-table-warning-stripe-bg: #ddb01b;
  --bs-table-warning-active-bg: #5f4900;
  --bs-table-warning-border: #5f4900;
  --bs-table-warning-hover: #5f4900;
}

.table-warning {
  --bs-table-color: var(--bs-table-warning-color);
  --bs-table-bg: var(--bs-table-warning-bg);
  --bs-table-border-color: var(--bs-table-warning-border);
  --bs-table-striped-bg: var(--bs-table-warning-stripe-bg);
  --bs-table-striped-color: var(--bs-table-warning-color);
  --bs-table-active-bg: var(--bs-table-warning-active-bg);
  --bs-table-active-color: var(--bs-table-warning-color);
  --bs-table-hover-bg: var(--bs-table-warning-bg);
  --bs-table-hover-color: var(--bs-table-warning-color);
  color: var(--bs-table-color);
  border-color: var(--bs-table-warning-border);
}

:root,
[data-bs-theme=light] {
  --bs-table-danger-color: #000;
  --bs-table-danger-bg: #f8d7da;
  --bs-table-danger-border: #c6acae;
  --bs-table-danger-stripe-bg: #eccccf;
  --bs-table-danger-active-bg: #e5c7ca;
  --bs-table-danger-hover: #e5c7ca;
}

[data-bs-theme=dark] {
  --bs-table-danger-color: #FFF;
  --bs-table-danger-bg: #550007;
  --bs-table-danger-stripe-bg: #4b0006;
  --bs-table-danger-active-bg: #550007;
  --bs-table-danger-border: #4e1d21;
  --bs-table-danger-hover: #550007;
}

.table-danger {
  --bs-table-color: var(--bs-table-danger-color);
  --bs-table-bg: var(--bs-table-danger-bg);
  --bs-table-border-color: var(--bs-table-danger-border);
  --bs-table-striped-bg: var(--bs-table-danger-stripe-bg);
  --bs-table-striped-color: var(--bs-table-danger-color);
  --bs-table-active-bg: var(--bs-table-danger-active-bg);
  --bs-table-active-color: var(--bs-table-danger-color);
  --bs-table-hover-bg: var(--bs-table-danger-bg);
  --bs-table-hover-color: var(--bs-table-danger-color);
  color: var(--bs-table-color);
  border-color: var(--bs-table-danger-border);
}







.expand_chevron {
  transition: .4s;
  transform: scale(1);

}

button[aria-expanded='false']>.expand_chevron {
  transition: .4s;
  transform: scale(1) rotate(-90deg);
}

a[aria-expanded='false']>.expand_chevron {
  transition: .4s;
  transform: scale(1) rotate(-90deg);
}

.table-short {
  width: auto;
}

.nav-link {
  display: block;
  padding: .37rem 1rem;
  margin-top: .0rem;
}

#select_icon {
  font-family: "Font Awesome 6 Pro";
}

.text-purple:hover {
  color: #55179f !important;
}

.backlink:hover {
  color: #55179f !important;
  font-size: 26px;
}

.btn-info :disabled {
  color: FFFFFF;
}


.hvr-backward {
  margin-top: -5px;
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
  padding-right: 5px;
  padding-left: 5px;
}

.hvr-backward:hover,
.hvr-backward:focus,
.hvr-backward:active {
  -webkit-transform: translateX(-3px);
  transform: translateX(-3px);
}


.container .dropdown .dropdown-menu a:active {
  color: #fff;
  background-color: #639fb8;
  border-color: #fff;
}

.w-10 {
  width: 10% !important
}

.w-15 {
  width: 15% !important
}

.w-20 {
  width: 20% !important
}

.w-30 {
  width: 30% !important
}

.w-32 {
  width: 32% !important
}

.w-35 {
  width: 35% !important
}

.w-40 {
  width: 40% !important
}

.w-45 {
  width: 45% !important
}

.w-50 {
  width: 50% !important
}

.w-55 {
  width: 55% !important
}

.w-60 {
  width: 60% !important
}

.w-65 {
  width: 65% !important
}

.modal-header {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: space-between;
  padding: 0.5rem 1rem;
  border-bottom: 1px solid #dee2e6;
  border-top-left-radius: calc(0.3rem - 1px);
  border-top-right-radius: calc(0.3rem - 1px);
  background-color: rgba(0, 0, 0, 0.03);
}

.modal-header .btn-close {
  padding: 0.5rem 0.5rem;
  margin: -0.5rem 0.25rem -0.5rem auto;
}

.text-flash {
  color: 639fb8;
  background: 639fb8;

  animation: op 2s ease infinite;
}

@keyframes op {
  0% {
    opacity: 0.5;
  }

  50% {
    opacity: 1;
  }

  100% {
    opacity: 0.5;
  }
}

.text-flash-danger {
  color: 880000;
  background: 880000;

  animation: op 2s ease infinite;
}

@keyframes op {
  0% {
    opacity: 0.5;
  }

  50% {
    opacity: 1;
  }

  100% {
    opacity: 0.5;
  }
}

.glow-info {
  border-color: #639fb8;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(99, 159, 184, 0.6);
}

.glow-green {
  border-color: #1f8f11;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(119, 184, 99, 0.6);
}

.glow-light {
  border-color: #FFFFFF;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(255, 255, 255, 0.6);
}

.glow-danger {
  border-color: #CC0000;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(150, 0, 0, 0.6);
}

.search {
  margin-left: -20px;
}

.events-button-top {
  padding-top: 7px;
}

.events-button {
  padding-top: 7px;
  padding-bottom: 7px;
}


#customFile .custom-file-control:lang(en)::after {
  content: "Select file...";
}

#customFile .custom-file-control:lang(en)::before {
  content: "Click me";
}

/*when a value is selected, this class removes the content */
.custom-file-control.selected:lang(en)::after {
  content: "" !important;
}

.custom-file {
  overflow: hidden;
}

.custom-file-control {
  white-space: nowrap;
}

.asdfasdf {
  margin: 0px;
}

.nopadding {
  padding: 0px !important;
  margin: 0px !important;
}

.combo ul {
  display: none;
  z-index: 1;
}

.combo li {
  display: block;
  width: 100%;
}

.combo ul {
  padding: 1px;
  border: 1px solid #000;
  background-color: #fff;
  display: none;
  z-index: 1;
  position: absolute;
  width: 90%;
}

.text-purple {
  color: #8253b7;
}

.label-purple[href]:hover,
.label-purple[href]:focus {
  background-color: #7e33d4;
}

i.purple {
  color: #8948d3;
  text-decoration: none;
}

:root,
[data-bs-theme=light] {
  --bs-input-purple-color: #55179f;
  --bs-input-purple-bg: #d8cbe6;
}

[data-bs-theme=dark] {
  --bs-input-purple-color: #b5a1cc;
  --bs-input-purple-bg: #431a6e;
}


.input-purple {
  border-color: #8948d3 !important;
  background-color: var(--bs-input-purple-bg);
  color: var(--bs-input-purple-color) !important;
}

.alert-purple {
  background-color: #d8cbe6;

}

:root,
[data-bs-theme=light] {
  --bs-label-purple-color: #55179f;
}

[data-bs-theme=dark] {
  --bs-label-purple-color: #b0a1c2;
}

.label-purple {
  border-color: #8948d3 !important;
  color: var(--bs-label-purple-color);
}

.border-purple {
  border-color: #5b3b81 !important;
  border: 1px solid;
}

.table .thead-purple th {
  color: #fff;
  background-color: #5b3b81;
  border-color: #5b3b81
}

.table-yellow {
  --bs-table-bg: #fff3cd;
  --bs-table-striped-bg: #f2e7c2;
  --bs-table-striped-color: #000;
  --bs-table-active-bg: #e5dbb8;
  --bs-table-active-color: #000;
  --bs-table-hover-bg: #e5dbb8;
  --bs-table-hover-color: #000;
  color: #000;
  border-color: #e5dbb8;
}

.alert-yellow {
  color: #664d03;
  background-color: #fff3cd;
  border-color: #ffe69c;
}

.alert-yellow .alert-link {
  color: #664d03;
}

.bg-yellow {
  background-color: #ffc107 !important;
}

.text-orange {
  color: #fd7e14 !important;
}

.table-orange {
  --bs-table-bg: #ffe5d0;
  --bs-table-striped-bg: #f2dac7;
  --bs-table-striped-color: #000;
  --bs-table-active-bg: #e5cfbc;
  --bs-table-active-color: #000;
  --bs-table-hover-bg: #e5cfbc;
  --bs-table-hover-color: #000;
  color: #000;
  border-color: #e5cfbc;
}

.alert-orange {
  color: #653208;
  background-color: #ffe5d0;
  border-color: #fecba1;
}

.alert-orange .alert-link {
  color: #653208;
}

.bg-orange {
  background-color: #fd7e14 !important;
}

.text-teal {
  color: #20c997 !important;
}

.table-teal {
  --bs-table-bg: #d2f4ea;
  --bs-table-striped-bg: #c8e8de;
  --bs-table-striped-color: #000;
  --bs-table-active-bg: #bddbd2;
  --bs-table-active-color: #000;
  --bs-table-hover-bg: #bddbd2;
  --bs-table-hover-color: #000;
  color: #000;
  border-color: #bddbd2;
}

.alert-teal {
  color: #0d503c;
  background-color: #d2f4ea;
  border-color: #a6e9d5;
}

.alert-teal .alert-link {
  color: #0d503c;
}

.bg-teal {
  background-color: #20c997 !important;
}

.text-pink {
  color: #d63384 !important;
}

.table-pink {
  --bs-table-bg: #f7d6e6;
  --bs-table-striped-bg: #ebccdb;
  --bs-table-striped-color: #000;
  --bs-table-active-bg: #dec1cf;
  --bs-table-active-color: #000;
  --bs-table-hover-bg: #dec1cf;
  --bs-table-hover-color: #000;
  color: #000;
  border-color: #dec1cf;
}

.alert-pink {
  color: #561435;
  background-color: #f7d6e6;
  border-color: #efadce;
}

.alert-pink .alert-link {
  color: #561435;
}

.bg-pink {
  background-color: #d63384 !important;
}

.text-red {
  color: #dc3545 !important;
}

.table-red {
  --bs-table-bg: #f8d7da;
  --bs-table-striped-bg: #ebcccf;
  --bs-table-striped-color: #000;
  --bs-table-active-bg: #dec1c3;
  --bs-table-active-color: #000;
  --bs-table-hover-bg: #dec1c3;
  --bs-table-hover-color: #000;
  color: #000;
  border-color: #dec1c3;
}

.alert-red {
  color: #58151c;
  background-color: #f8d7da;
  border-color: #f1aeb5;
}

.alert-red .alert-link {
  color: #58151c;
}

.bg-red {
  background-color: #dc3545 !important;
}

.text-green {
  color: #198754 !important;
}

.table-green {
  --bs-table-bg: #d1e7dd;
  --bs-table-striped-bg: #c3d9cf;
  --bs-table-striped-color: #000;
  --bs-table-active-bg: #b8ccc3;
  --bs-table-active-color: #000;
  --bs-table-hover-bg: #b8ccc3;
  --bs-table-hover-color: #000;
  color: #000;
  border-color: #b8ccc3;
}

.alert-green {
  color: #0a3622;
  background-color: #d1e7dd;
  border-color: #a3cfbb;
}

.alert-green .alert-link {
  color: #0a3622;
}

.bg-green {
  background-color: #198754 !important;
}

.text-gray-light {
  color: #CCCCCC !important;
}

.text-cyan {
  color: #0dcaf0 !important;
}

.table-cyan {
  --bs-table-bg: #cff4fc;
  --bs-table-striped-bg: #c5e8f0;
  --bs-table-striped-color: #000;
  --bs-table-active-bg: #badbe3;
  --bs-table-active-color: #000;
  --bs-table-hover-bg: #badbe3;
  --bs-table-hover-color: #000;
  color: #000;
  border-color: #badbe3;
}

.alert-cyan {
  color: #055160;
  background-color: #cff4fc;
  border-color: #9eeaf9;
}

.alert-cyan .alert-link {
  color: #055160;
}

.bg-cyan {
  background-color: #0dcaf0 !important;
}

.text-blue {
  color: #0d6efd !important;
}

.table-blue {
  --bs-table-bg: #cfe2ff;
  --bs-table-striped-bg: #c5d7f2;
  --bs-table-striped-color: #000;
  --bs-table-active-bg: #bacbe6;
  --bs-table-active-color: #000;
  --bs-table-hover-bg: #bfd1ec;
  --bs-table-hover-color: #000;
  color: #000;
  border-color: #bacbe6;
}

.alert-blue {
  color: #052c65;
  background-color: #cfe2ff;
  border-color: #9ec5fe;
}

.alert-blue .alert-link {
  color: #052c65;
}

.bg-blue {
  background-color: #0d6efd !important;
}

.text-indigo {
  color: #6610f2 !important;
}

.table-indigo {
  --bs-table-bg: #e0cffc;
  --bs-table-striped-bg: #d5c5f0;
  --bs-table-striped-color: #000;
  --bs-table-active-bg: #cabae3;
  --bs-table-active-color: #000;
  --bs-table-hover-bg: #cabae3;
  --bs-table-hover-color: #000;
  color: #000;
  border-color: #cabae3;
}

.alert-indigo {
  color: #290661;
  background-color: #e0cffc;
  border-color: #c29ffa;
}

.alert-indigo .alert-link {
  color: #290661;
}

.bg-indigo {
  background-color: #6610f2 !important;
}

.text-purple {
  color: #6f42c1 !important;
}

.table-purple {
  --bs-table-bg: #e2d9f3;
  --bs-table-striped-bg: #d5cce5;
  --bs-table-striped-color: #000;
  --bs-table-active-bg: #c9c1d9;
  --bs-table-active-color: #000;
  --bs-table-hover-bg: #c9c1d9;
  --bs-table-hover-color: #000;
  color: #000;
  border-color: #c9c1d9;
}

.alert-purple {
  color: #2c1a4d;
  background-color: #e2d9f3;
  border-color: #c5b3e6;
}

.alert-purple .alert-link {
  color: #2c1a4d;
}

.bg-purple {
  background-color: #6f42c1 !important;
}

.text-gray {
  color: #6c757d !important;
}

.table-gray {
  --bs-table-bg: #f8f9fa;
  --bs-table-striped-bg: #ebeced;
  --bs-table-striped-color: #000;
  --bs-table-active-bg: #dedfe0;
  --bs-table-active-color: #000;
  --bs-table-hover-bg: #dedfe0;
  --bs-table-hover-color: #000;
  color: #000;
  border-color: #dedfe0;
}

.alert-gray {
  color: #343a40;
  background-color: #f8f9fa;
  border-color: #e9ecef;
}

.alert-gray .alert-link {
  color: #343a40;
}

.bg-gray {
  background-color: #adb5bd !important;
}

.badge-info {
  color: #fff;
  background-color: #17a2b8
}

a.badge-info:focus,
a.badge-info:hover {
  color: #fff;
  background-color: #117a8b
}

a.badge-info.focus,
a.badge-info:focus {
  outline: 0;
  box-shadow: 0 0 0 .2rem rgba(23, 162, 184, .5)
}

.alert-info {
  color: #0c5460;
  background-color: #d1ecf1;
  border-color: #bee5eb
}

.alert-info hr {
  border-top-color: #abdde5
}

.alert-info .alert-link {
  color: #062c33
}

.list-group-item-info {
  color: #0c5460;
  background-color: #bee5eb
}

.list-group-item-info.list-group-item-action:focus,
.list-group-item-info.list-group-item-action:hover {
  color: #0c5460;
  background-color: #abdde5
}

.list-group-item-info.list-group-item-action.active {
  color: #fff;
  background-color: #0c5460;
  border-color: #0c5460
}

.bg-info {
  background-color: #17a2b8 !important
}

a.bg-info:focus,
a.bg-info:hover,
button.bg-info:focus,
button.bg-info:hover {
  background-color: #117a8b !important
}

.border-info {
  border-color: #17a2b8 !important
}

.text-info {
  color: #17a2b8 !important
}

a.text-info {
  text-decoration: none;
  color: #17a2b8 !important
}

a.text-info:focus,
a.text-info:hover {
  text-decoration: underline;
  color: #0f6674 !important
}

.table-info,
.table-info>td,
.table-info>th {
  background-color: #bee5eb
}

.table-info tbody+tbody,
.table-info td,
.table-info th,
.table-info thead th {
  border-color: #86cfda
}

.table-hover .table-info:hover {
  background-color: #abdde5
}

.table-hover .table-info:hover>td,
.table-hover .table-info:hover>th {
  background-color: #abdde5
}

.badge-info-light {
  background-color: #5bc0de;
  color: #FFFFFF;
}

.badge-info-light[href]:focus,
.badge-info-light[href]:hover {
  background-color: #31b0d5;
}

i.green {
  color: #009900;
  text-decoration: none;
}

.black a,
.black a:hover,
.black a:active,
.black a:focus {
  font-weight: bold;
  /* not bold links in single posts */
}

a.black {
  color: #000000;
  text-decoration: none;
}

a.black:hover,
a.black:focus {
  color: #666666;
  text-decoration: none;
}

a.black:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

.white a,
.white a:hover,
.white a:active,
.white a:focus {
  font-weight: bold;
  /* not bold links in single posts */
}

a.white {
  color: #FFFFFF;
  text-decoration: none;
}

a.white:hover,
a.white:focus {
  color: #666666;
  text-decoration: none;
}

a.white:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

.red a,
.red a:hover,
.red a:active,
.red a:focus {
  font-weight: bold;
  /* not bold links in single posts */
}

a.red {
  color: #974240;
  text-decoration: none;
}

a.red:hover,
a.red:focus {
  color: #b15755;
  text-decoration: underline;
}

a.red:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}


span.gray {
  color: #999999;
  text-decoration: none;
}

.gray a,
.gray a:hover,
.gray a:active,
.gray a:focus {
  font-weight: bold;
  /* not bold links in single posts */
}

a.gray {
  color: #999999;
  text-decoration: none;
}

a.gray:hover,
a.gray:focus {
  color: #CBCBCB;
  text-decoration: none;
}

a.gray:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}


i.red {
  color: #974240;
  text-decoration: none;
}

/* prograss bar */
#progressbox {
  border: 1px solid #17a2b8;
  padding: 1px;
  position: relative;
  width: 100%;
  border-radius: 3px;
  margin-top: 5px;
  display: none;
  text-align: left;
}

#progressbar {
  height: 25px;
  border-radius: 3px;
  background-color: #17a2b8;
  width: 1%;
}

#statustxt {
  top: 3px;
  left: 49%;
  position: absolute;
  display: inline-block;
  color: #FFFFFF;
}

/* prograss bar */
#progressbox2 {
  border: 1px solid #17a2b8;
  padding: 1px;
  position: relative;
  width: 100%;
  border-radius: 3px;
  margin-top: 5px;
  display: none;
  text-align: left;
}

#progressbar2 {
  height: 25px;
  border-radius: 3px;
  background-color: #17a2b8;
  width: 1%;
}

#statustxt2 {
  top: 3px;
  left: 49%;
  position: absolute;
  display: inline-block;
  color: #FFFFFF;
}

@font-face {
  font-family: Verlag1;
  src: url(https://www.yao.nu/fonts/Verlag-Book.otf);
}

@font-face {
  font-family: "Verlag bold";
  src: url(https://www.yao.nu/fonts/Verlag-Bold.otf);
}

@font-face {
  font-family: "Verlag light";
  src: url(https://www.yao.nu/fonts/Verlag-Light.otf);
}

.verlag {
  font-family: 'Verlag1';
  font-size: 250%;
}

.verlag-bold {
  font-family: 'verlag bold';
  font-size: 250%;
}

.verlag-light {
  font-family: 'Verlag light';
  font-size: 250%;
}

.verlag-ie {
  font-family: 'Verlag';
  font-size: 250%;
}

.verlag-bold-ie {
  font-family: 'Verlag Bold';
  font-size: 250%;
}

.verlag-light-ie {
  font-family: 'Verlag Light';
  font-size: 250%;
}

.trunc {
  width: 250px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

table tr td {
  padding: 5px
}

.nav#info a:hover {
  background: #e4f1f3 !important;
}

.nav#info .active {
  background: #e4f1f3 !important;
}

.page-link {
  color: black;
}

.page-link:hover {
  color: black;
}

.page-item.active .page-link {
  background-color: #17a2b8;
  border-color: #17a2b8;
}

.has-info .col-form-label,
.has-info .custom-control,
.has-info .form-check-label,
.has-info .form-control-feedback,
.has-info .form-control-label {
  color: #31708f
}

.has-info .custom-file-control,
.has-info .custom-select,
.has-info .form-control {
  border-color: #bcdff1
}

.has-info .input-group-addon {
  color: #31708f;
  background-color: #d9edf7;
  border-color: #bcdff1
}

.has-info .form-control-info {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%235cb85c' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3E%3C/svg%3E")
}

.pbl-bg-success {
  background-color: #5cb85c !important;
}

.pbl-bg-info {
  background-color: #cccccc !important;
}

.pbl-bg-danger {
  background-color: #d9534f !important;
}

.pbl-bg-warning {
  background-color: #f0ad4e !important;
}

.times_font {
  font-family: "Lucida Console", serif, Times, serif;
}

.calendar_meal {
  width: 6rem;
  padding: .2rem;
  font-family: Arial, serif;
  text-align: center;
  user-select: none;

}

.calendar_meal__label {
  display: block;
  border-radius: .7rem;
  border: 2px;
  border-style: solid;
}

.calendar_meal__month {
  border-radius: .5rem .5rem 0 0;
  padding: .3rem;
  background-color: green;
  color: white;
}

.calendar_meal__date {
  padding: 0 0 0 0;
  margin: 0 0 0 0;
  background-color: lightgray;
  font-size: 1.8rem;
}

.calendar_meal__day {
  border-radius: 0 0 .5rem .5rem;
  padding-top: .4rem;
  padding-bottom: .4rem;
  background-color: lightgray;
  font-size: .8rem;
}

.display-minutes {
  -webkit-appearance: none !important;
  color: gray;
  text-align: right;
  width: 45px;
  border-left: 0px;
  margin: 0 0 0 -7px;
}

.hide-right-border {
  -webkit-appearance: none !important;
  border-right: 0px;
  outline: none;
}

.m-n1 {
  margin: -.25rem !important
}

.mt-n1,
.my-n1 {
  margin-top: -.25rem !important
}

.mr-n1,
.mx-n1 {
  margin-right: -.25rem !important
}

.mb-n1,
.my-n1 {
  margin-bottom: -.25rem !important
}

.ml-n1,
.mx-n1 {
  margin-left: -.25rem !important
}

.m-n2 {
  margin: -.5rem !important
}

.mt-n2,
.my-n2 {
  margin-top: -.5rem !important
}

.mr-n2,
.mx-n2 {
  margin-right: -.5rem !important
}

.mb-n2,
.my-n2 {
  margin-bottom: -.5rem !important
}

.ml-n2,
.mx-n2 {
  margin-left: -.5rem !important
}

.m-n3 {
  margin: -1rem !important
}

.mt-n3,
.my-n3 {
  margin-top: -1rem !important
}

.mr-n3,
.mx-n3 {
  margin-right: -1rem !important
}

.mb-n3,
.my-n3 {
  margin-bottom: -1rem !important
}

.ml-n3,
.mx-n3 {
  margin-left: -1rem !important
}

.m-n4 {
  margin: -1.5rem !important
}

.mt-n4,
.my-n4 {
  margin-top: -1.5rem !important
}

.mr-n4,
.mx-n4 {
  margin-right: -1.5rem !important
}

.mb-n4,
.my-n4 {
  margin-bottom: -1.5rem !important
}

.ml-n4,
.mx-n4 {
  margin-left: -1.5rem !important
}

.m-n5 {
  margin: -3rem !important
}

.mt-n5,
.my-n5 {
  margin-top: -3rem !important
}

.mr-n5,
.mx-n5 {
  margin-right: -3rem !important
}

.mb-n5,
.my-n5 {
  margin-bottom: -3rem !important
}

.ml-n5,
.mx-n5 {
  margin-left: -3rem !important
}

.m-sm-n1 {
  margin: -.25rem !important
}

.mt-sm-n1,
.my-sm-n1 {
  margin-top: -.25rem !important
}

.mr-sm-n1,
.mx-sm-n1 {
  margin-right: -.25rem !important
}

.mb-sm-n1,
.my-sm-n1 {
  margin-bottom: -.25rem !important
}

.ml-sm-n1,
.mx-sm-n1 {
  margin-left: -.25rem !important
}

.m-sm-n2 {
  margin: -.5rem !important
}

.mt-sm-n2,
.my-sm-n2 {
  margin-top: -.5rem !important
}

.mr-sm-n2,
.mx-sm-n2 {
  margin-right: -.5rem !important
}

.mb-sm-n2,
.my-sm-n2 {
  margin-bottom: -.5rem !important
}

.ml-sm-n2,
.mx-sm-n2 {
  margin-left: -.5rem !important
}

.m-sm-n3 {
  margin: -1rem !important
}

.mt-sm-n3,
.my-sm-n3 {
  margin-top: -1rem !important
}

.mr-sm-n3,
.mx-sm-n3 {
  margin-right: -1rem !important
}

.mb-sm-n3,
.my-sm-n3 {
  margin-bottom: -1rem !important
}

.ml-sm-n3,
.mx-sm-n3 {
  margin-left: -1rem !important
}

.m-sm-n4 {
  margin: -1.5rem !important
}

.mt-sm-n4,
.my-sm-n4 {
  margin-top: -1.5rem !important
}

.mr-sm-n4,
.mx-sm-n4 {
  margin-right: -1.5rem !important
}

.mb-sm-n4,
.my-sm-n4 {
  margin-bottom: -1.5rem !important
}

.ml-sm-n4,
.mx-sm-n4 {
  margin-left: -1.5rem !important
}

.m-sm-n5 {
  margin: -3rem !important
}

.mt-sm-n5,
.my-sm-n5 {
  margin-top: -3rem !important
}

.mr-sm-n5,
.mx-sm-n5 {
  margin-right: -3rem !important
}

.mb-sm-n5,
.my-sm-n5 {
  margin-bottom: -3rem !important
}

.ml-sm-n5,
.mx-sm-n5 {
  margin-left: -3rem !important
}

.m-md-n1 {
  margin: -.25rem !important
}

.mt-md-n1,
.my-md-n1 {
  margin-top: -.25rem !important
}

.mr-md-n1,
.mx-md-n1 {
  margin-right: -.25rem !important
}

.mb-md-n1,
.my-md-n1 {
  margin-bottom: -.25rem !important
}

.ml-md-n1,
.mx-md-n1 {
  margin-left: -.25rem !important
}

.m-md-n2 {
  margin: -.5rem !important
}

.mt-md-n2,
.my-md-n2 {
  margin-top: -.5rem !important
}

.mr-md-n2,
.mx-md-n2 {
  margin-right: -.5rem !important
}

.mb-md-n2,
.my-md-n2 {
  margin-bottom: -.5rem !important
}

.ml-md-n2,
.mx-md-n2 {
  margin-left: -.5rem !important
}

.m-md-n3 {
  margin: -1rem !important
}

.mt-md-n3,
.my-md-n3 {
  margin-top: -1rem !important
}

.mr-md-n3,
.mx-md-n3 {
  margin-right: -1rem !important
}

.mb-md-n3,
.my-md-n3 {
  margin-bottom: -1rem !important
}

.ml-md-n3,
.mx-md-n3 {
  margin-left: -1rem !important
}

.m-md-n4 {
  margin: -1.5rem !important
}

.mt-md-n4,
.my-md-n4 {
  margin-top: -1.5rem !important
}

.mr-md-n4,
.mx-md-n4 {
  margin-right: -1.5rem !important
}

.mb-md-n4,
.my-md-n4 {
  margin-bottom: -1.5rem !important
}

.ml-md-n4,
.mx-md-n4 {
  margin-left: -1.5rem !important
}

.m-md-n5 {
  margin: -3rem !important
}

.mt-md-n5,
.my-md-n5 {
  margin-top: -3rem !important
}

.mr-md-n5,
.mx-md-n5 {
  margin-right: -3rem !important
}

.mb-md-n5,
.my-md-n5 {
  margin-bottom: -3rem !important
}

.ml-md-n5,
.mx-md-n5 {
  margin-left: -3rem !important
}

.m-lg-n1 {
  margin: -.25rem !important
}

.mt-lg-n1,
.my-lg-n1 {
  margin-top: -.25rem !important
}

.mr-lg-n1,
.mx-lg-n1 {
  margin-right: -.25rem !important
}

.mb-lg-n1,
.my-lg-n1 {
  margin-bottom: -.25rem !important
}

.ml-lg-n1,
.mx-lg-n1 {
  margin-left: -.25rem !important
}

.m-lg-n2 {
  margin: -.5rem !important
}

.mt-lg-n2,
.my-lg-n2 {
  margin-top: -.5rem !important
}

.mr-lg-n2,
.mx-lg-n2 {
  margin-right: -.5rem !important
}

.mb-lg-n2,
.my-lg-n2 {
  margin-bottom: -.5rem !important
}

.ml-lg-n2,
.mx-lg-n2 {
  margin-left: -.5rem !important
}

.m-lg-n3 {
  margin: -1rem !important
}

.mt-lg-n3,
.my-lg-n3 {
  margin-top: -1rem !important
}

.mr-lg-n3,
.mx-lg-n3 {
  margin-right: -1rem !important
}

.mb-lg-n3,
.my-lg-n3 {
  margin-bottom: -1rem !important
}

.ml-lg-n3,
.mx-lg-n3 {
  margin-left: -1rem !important
}

.m-lg-n4 {
  margin: -1.5rem !important
}

.mt-lg-n4,
.my-lg-n4 {
  margin-top: -1.5rem !important
}

.mr-lg-n4,
.mx-lg-n4 {
  margin-right: -1.5rem !important
}

.mb-lg-n4,
.my-lg-n4 {
  margin-bottom: -1.5rem !important
}

.ml-lg-n4,
.mx-lg-n4 {
  margin-left: -1.5rem !important
}

.m-lg-n5 {
  margin: -3rem !important
}

.mt-lg-n5,
.my-lg-n5 {
  margin-top: -3rem !important
}

.mr-lg-n5,
.mx-lg-n5 {
  margin-right: -3rem !important
}

.mb-lg-n5,
.my-lg-n5 {
  margin-bottom: -3rem !important
}

.ml-lg-n5,
.mx-lg-n5 {
  margin-left: -3rem !important
}

.my-xl-n1 {
  margin-bottom: -.25rem !important
}

.ml-xl-n1,
.mx-xl-n1 {
  margin-left: -.25rem !important
}

.m-xl-n2 {
  margin: -.5rem !important
}

.mt-xl-n2,
.my-xl-n2 {
  margin-top: -.5rem !important
}

.mr-xl-n2,
.mx-xl-n2 {
  margin-right: -.5rem !important
}

.mb-xl-n2,
.my-xl-n2 {
  margin-bottom: -.5rem !important
}

.ml-xl-n2,
.mx-xl-n2 {
  margin-left: -.5rem !important
}

.m-xl-n3 {
  margin: -1rem !important
}

.mt-xl-n3,
.my-xl-n3 {
  margin-top: -1rem !important
}

.mr-xl-n3,
.mx-xl-n3 {
  margin-right: -1rem !important
}

.mb-xl-n3,
.my-xl-n3 {
  margin-bottom: -1rem !important
}

.ml-xl-n3,
.mx-xl-n3 {
  margin-left: -1rem !important
}

.m-xl-n4 {
  margin: -1.5rem !important
}

.mt-xl-n4,
.my-xl-n4 {
  margin-top: -1.5rem !important
}

.mr-xl-n4,
.mx-xl-n4 {
  margin-right: -1.5rem !important
}

.mb-xl-n4,
.my-xl-n4 {
  margin-bottom: -1.5rem !important
}

.ml-xl-n4,
.mx-xl-n4 {
  margin-left: -1.5rem !important
}

.m-xl-n5 {
  margin: -3rem !important
}

.mt-xl-n5,
.my-xl-n5 {
  margin-top: -3rem !important
}

.mr-xl-n5,
.mx-xl-n5 {
  margin-right: -3rem !important
}

.mb-xl-n5,
.my-xl-n5 {
  margin-bottom: -3rem !important
}

.ml-xl-n5,
.mx-xl-n5 {
  margin-left: -3rem !important
}

.table-header-rotated th.row-header {
  width: auto;
}

.table-header-rotated td {
  width: 40px;
  border-top: 1px solid #dddddd;
  border-left: 1px solid #dddddd;
  border-right: 1px solid #dddddd;
  border-bottom: 1px solid #dddddd;
  vertical-align: middle;
  text-align: center;
}

.table-header-rotated th.rotate-45 {
  height: 100px;
  width: 30px;
  min-width: 30px;
  max-width: 30px;
  vertical-align: bottom;
  padding: 0;
  font-size: 11px;
  line-height: 0.8;
}

.table-header-rotated th.rotate-45>div {
  position: relative;
  top: 0px;
  left: 50px;
  /* 80 * tan(45) / 2 = 40 where 80 is the height on the cell and 45 is the transform angle*/
  height: 100%;
  -ms-transform: skew(-45deg, 0deg);
  -moz-transform: skew(-45deg, 0deg);
  -webkit-transform: skew(-45deg, 0deg);
  -o-transform: skew(-45deg, 0deg);
  transform: skew(-45deg, 0deg);
  overflow: hidden;
  border-left: 1px solid #dddddd;
  border-right: 1px solid #dddddd;
  border-top: 1px solid #dddddd;
}

.table-header-rotated th.rotate-45 span {
  -ms-transform: skew(45deg, 0deg) rotate(315deg);
  -moz-transform: skew(45deg, 0deg) rotate(315deg);
  -webkit-transform: skew(45deg, 0deg) rotate(315deg);
  -o-transform: skew(45deg, 0deg) rotate(315deg);
  transform: skew(45deg, 0deg) rotate(315deg);
  position: absolute;
  bottom: 30px;
  /* 40 cos(45) = 28 with an additional 2px margin*/
  left: -25px;
  /*Because it looked good, but there is probably a mathematical link here as well*/
  display: inline-block;
  width: 85px;
  /* 80 / cos(45) - 40 cos (45) = 85 where 80 is the height of the cell, 40 the width of the cell and 45 the transform angle*/
  text-align: left;
}


.carousel-control-top {
  transition: none;
  top: -170px;
}


.table-light {
  --bs-table-color: #000;
  --bs-table-bg: #f8f9fa;
  --bs-table-border-color: #c6c7c8;
  --bs-table-striped-bg: #ecedee;
  --bs-table-striped-color: #000;
  --bs-table-active-bg: #dfe0e1;
  --bs-table-active-color: #000;
  --bs-table-hover-bg: #e5e6e7;
  --bs-table-hover-color: #000;
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color);
}

.table-dark {
  --bs-table-color: #fff;
  --bs-table-bg: #424d50;
  --bs-table-border-color: #4d5154;
  --bs-table-striped-bg: #2c3034;
  --bs-table-striped-color: #fff;
  --bs-table-active-bg: #373b3e;
  --bs-table-active-color: #fff;
  --bs-table-hover-bg: #323539;
  --bs-table-hover-color: #fff;
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color);
}

/* Override Dropzone styles to match Bootstrap v5.3 */
.dropzone {
  border: 2px dashed rgba(0, 0, 0, 0.1);
  /* Customize border style */
  background-color: #f8f9fa;
  /* Default background color for light mode */
  color: #212529;
  /* Default text color for light mode */
  padding: 20px;
  /* Add padding for better spacing */
}

/* Dark mode styles */
[data-bs-theme='dark'] .dropzone {
  background-color: #343a40;
  /* Dark gray background color for dark mode */
  color: #ffffff;
  /* White text color for dark mode */
}

    .bootstrap-select .dropdown-menu {
      max-width: 100%;
    }
  
    .bootstrap-select .dropdown-menu span.text {
      display: block;
      overflow: hidden;
      text-overflow: ellipsis;
    }