div.card-header.card-header-toggle {
    cursor: pointer;
}


.spinner-button .spinner-border {
  margin-left: 0.5rem;
}

@media (max-width: 767.98px) {
  /* This targets devices with a screen width less than 768px */
  .mobile-text-size {
    font-size: 0.8rem; /* Adjust the size as needed */
  }
}

.border-bottom-white {
  border-bottom: 1px solid #ffffff !important; /* Ensures the bottom border is white */
}

body {
  font-family: "Poppins", sans-serif;
}

/*------------------------------------
- COLOR warning
------------------------------------*/
.alert-warning {
  color: #b75a00;
  background-color: #ffffff;
  border-color: #fff4ea;
}

.alert-warning hr {
  border-top-color: #ffe7d1;
}

.alert-warning .alert-link {
  color: #844100;
}

.badge-warning {
  color: #212529;
  background-color: #ff9833;
}

.badge-warning[href]:hover,
.badge-warning[href]:focus {
  color: #212529;
  background-color: #ff7e00;
}

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

a.bg-warning:hover,
a.bg-warning:focus,
button.bg-warning:hover,
button.bg-warning:focus {
  background-color: #ff7e00 !important;
}

.border-warning {
  border-color: #ff9833 !important;
}

.btn-warning {
  color: #212529;
  background-color: #ff9833;
  border-color: #ff9833;
}

.btn-warning:hover {
  color: #212529;
  background-color: #ff850f;
  border-color: #ff7e00;
}

.btn-warning:focus,
.btn-warning.focus {
  box-shadow: 0 0 0 0.2rem rgba(255, 152, 51, 0.5);
}

.btn-warning.disabled,
.btn-warning:disabled {
  color: #212529;
  background-color: #ff9833;
  border-color: #ff9833;
}

.btn-warning:not(:disabled):not(.disabled):active,
.btn-warning:not(:disabled):not(.disabled).active,
.show > .btn-warning.dropdown-toggle {
  color: #212529;
  background-color: #ff7e00;
  border-color: #ef7600;
}

.btn-warning:not(:disabled):not(.disabled):active:focus,
.btn-warning:not(:disabled):not(.disabled).active:focus,
.show > .btn-warning.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(255, 152, 51, 0.5);
}

.btn-outline-warning {
  color: #ff9833;
  background-color: transparent;
  border-color: #ff9833;
}

.btn-outline-warning:hover {
  color: #212529;
  background-color: #ff9833;
  border-color: #ff9833;
}

.btn-outline-warning:focus,
.btn-outline-warning.focus {
  box-shadow: 0 0 0 0.2rem rgba(255, 152, 51, 0.5);
}

.btn-outline-warning.disabled,
.btn-outline-warning:disabled {
  color: #ff9833;
  background-color: transparent;
}

.btn-outline-warning:not(:disabled):not(.disabled):active,
.btn-outline-warning:not(:disabled):not(.disabled).active,
.show > .btn-outline-warning.dropdown-toggle {
  color: #212529;
  background-color: #ff9833;
  border-color: #ff9833;
}

.btn-outline-warning:not(:disabled):not(.disabled):active:focus,
.btn-outline-warning:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-warning.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(255, 152, 51, 0.5);
}

.list-group-item-warning {
  color: #b75a00;
  background-color: #fff4ea;
}

.list-group-item-warning.list-group-item-action:hover,
.list-group-item-warning.list-group-item-action:focus {
  color: #b75a00;
  background-color: #ffe7d1;
}

.list-group-item-warning.list-group-item-action.active {
  color: #212529;
  background-color: #b75a00;
  border-color: #b75a00;
}

.table-warning,
.table-warning > th,
.table-warning > td {
  background-color: #fff4ea;
}

.table-hover .table-warning:hover {
  background-color: #ffe7d1;
}

.table-hover .table-warning:hover > td,
.table-hover .table-warning:hover > th {
  background-color: #ffe7d1;
}

.text-warning {
  color: #ff9833 !important;
}

a.text-warning:hover,
a.text-warning:focus {
  color: #ff7e00 !important;
}

/*------------------------------------
- COLOR primary
------------------------------------*/
.alert-primary {
  color: #0c4240;
  background-color: #a6eeeb;
  border-color: #95ebe7;
}

.alert-primary hr {
  border-top-color: #80e6e3;
}

.alert-primary .alert-link {
  color: #041716;
}

.badge-primary {
  color: #fff;
  background-color: #20a9a4;
}

.badge-primary[href]:hover,
.badge-primary[href]:focus {
  color: #fff;
  background-color: #177e7a;
}

.bg-primary {
  background-color: #20a9a4 !important;
}

a.bg-primary:hover,
a.bg-primary:focus,
button.bg-primary:hover,
button.bg-primary:focus {
  background-color: #177e7a !important;
}

.border-primary {
  border-color: #20a9a4 !important;
}

.btn-primary {
  color: #fff;
  background-color: #20a9a4;
  border-color: #20a9a4;
}

.btn-primary:hover {
  color: #fff;
  background-color: #1a8a86;
  border-color: #177e7a;
}

.btn-primary:focus,
.btn-primary.focus {
  box-shadow: 0 0 0 0.2rem rgba(32, 169, 164, 0.5);
}

.btn-primary.disabled,
.btn-primary:disabled {
  color: #fff;
  background-color: #20a9a4;
  border-color: #20a9a4;
}

.btn-primary:not(:disabled):not(.disabled):active,
.btn-primary:not(:disabled):not(.disabled).active,
.show > .btn-primary.dropdown-toggle {
  color: #fff;
  background-color: #177e7a;
  border-color: #15716d;
}

.btn-primary:not(:disabled):not(.disabled):active:focus,
.btn-primary:not(:disabled):not(.disabled).active:focus,
.show > .btn-primary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(32, 169, 164, 0.5);
}

.btn-outline-primary {
  color: #20a9a4;
  background-color: transparent;
  border-color: #20a9a4;
}

.btn-outline-primary:hover {
  color: #fff;
  background-color: #20a9a4;
  border-color: #20a9a4;
}

.btn-outline-primary:focus,
.btn-outline-primary.focus {
  box-shadow: 0 0 0 0.2rem rgba(32, 169, 164, 0.5);
}

.btn-outline-primary.disabled,
.btn-outline-primary:disabled {
  color: #20a9a4;
  background-color: transparent;
}

.btn-outline-primary:not(:disabled):not(.disabled):active,
.btn-outline-primary:not(:disabled):not(.disabled).active,
.show > .btn-outline-primary.dropdown-toggle {
  color: #fff;
  background-color: #20a9a4;
  border-color: #20a9a4;
}

.btn-outline-primary:not(:disabled):not(.disabled):active:focus,
.btn-outline-primary:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-primary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(32, 169, 164, 0.5);
}

.list-group-item-primary {
  color: #0c4240;
  background-color: #95ebe7;
}

.list-group-item-primary.list-group-item-action:hover,
.list-group-item-primary.list-group-item-action:focus {
  color: #0c4240;
  background-color: #80e6e3;
}

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

.table-primary,
.table-primary > th,
.table-primary > td {
  background-color: #95ebe7;
}

.table-hover .table-primary:hover {
  background-color: #80e6e3;
}

.table-hover .table-primary:hover > td,
.table-hover .table-primary:hover > th {
  background-color: #80e6e3;
}

.text-primary {
  color: #20a9a4 !important;
}

a.text-primary:hover,
a.text-primary:focus {
  color: #177e7a !important;
}

/*------------------------------------
- COLOR secondary
------------------------------------*/
.alert-secondary {
  color: #000000;
  background-color: #4d9cd0;
  border-color: #3d93cc;
}

.alert-secondary hr {
  border-top-color: #3186be;
}

.alert-secondary .alert-link {
  color: #000000;
}

.badge-secondary {
  color: #fff;
  background-color: #112e41;
}

.badge-secondary[href]:hover,
.badge-secondary[href]:focus {
  color: #fff;
  background-color: #061118;
}

.bg-secondary {
  background-color: #112e41 !important;
}

a.bg-secondary:hover,
a.bg-secondary:focus,
button.bg-secondary:hover,
button.bg-secondary:focus {
  background-color: #061118 !important;
}

.border-secondary {
  border-color: #112e41 !important;
}

.btn-secondary {
  color: #fff;
  background-color: #112e41;
  border-color: #112e41;
}

.btn-secondary:hover {
  color: #fff;
  background-color: #091924;
  border-color: #061118;
}

.btn-secondary:focus,
.btn-secondary.focus {
  box-shadow: 0 0 0 0.2rem rgba(17, 46, 65, 0.5);
}

.btn-secondary.disabled,
.btn-secondary:disabled {
  color: #fff;
  background-color: #112e41;
  border-color: #112e41;
}

.btn-secondary:not(:disabled):not(.disabled):active,
.btn-secondary:not(:disabled):not(.disabled).active,
.show > .btn-secondary.dropdown-toggle {
  color: #fff;
  background-color: #061118;
  border-color: #03080c;
}

.btn-secondary:not(:disabled):not(.disabled):active:focus,
.btn-secondary:not(:disabled):not(.disabled).active:focus,
.show > .btn-secondary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(17, 46, 65, 0.5);
}

.btn-outline-secondary {
  color: #112e41;
  background-color: transparent;
  border-color: #112e41;
}

.btn-outline-secondary:hover {
  color: #fff;
  background-color: #112e41;
  border-color: #112e41;
}

.btn-outline-secondary:focus,
.btn-outline-secondary.focus {
  box-shadow: 0 0 0 0.2rem rgba(17, 46, 65, 0.5);
}

.btn-outline-secondary.disabled,
.btn-outline-secondary:disabled {
  color: #112e41;
  background-color: transparent;
}

.btn-outline-secondary:not(:disabled):not(.disabled):active,
.btn-outline-secondary:not(:disabled):not(.disabled).active,
.show > .btn-outline-secondary.dropdown-toggle {
  color: #fff;
  background-color: #112e41;
  border-color: #112e41;
}

.btn-outline-secondary:not(:disabled):not(.disabled):active:focus,
.btn-outline-secondary:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-secondary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(17, 46, 65, 0.5);
}

.list-group-item-secondary {
  color: #000000;
  background-color: #3d93cc;
}

.list-group-item-secondary.list-group-item-action:hover,
.list-group-item-secondary.list-group-item-action:focus {
  color: #000000;
  background-color: #3186be;
}

.list-group-item-secondary.list-group-item-action.active {
  color: #fff;
  background-color: #000000;
  border-color: #000000;
}

.table-secondary,
.table-secondary > th,
.table-secondary > td {
  background-color: #3d93cc;
}

.table-hover .table-secondary:hover {
  background-color: #3186be;
}

.table-hover .table-secondary:hover > td,
.table-hover .table-secondary:hover > th {
  background-color: #3186be;
}

.text-secondary {
  color: #112e41 !important;
}

a.text-secondary:hover,
a.text-secondary:focus {
  color: #061118 !important;
}

/*------------------------------------
- COLOR tertiary
------------------------------------*/
.alert-tertiary {
  color: #cd8a03;
  background-color: #ff107117;
  border-color: #ff100103;
}

.alert-tertiary hr {
  border-top-color: #fef7ea;
}

.alert-tertiary .alert-link {
  color: #9a6802;
}

.badge-tertiary {
  color: #212529;
  background-color: #fcc34f;
}

.badge-tertiary[href]:hover,
.badge-tertiary[href]:focus {
  color: #212529;
  background-color: #fbb11c;
}

.bg-tertiary {
  background-color: #fcc34f !important;
}

a.bg-tertiary:hover,
a.bg-tertiary:focus,
button.bg-tertiary:hover,
button.bg-tertiary:focus {
  background-color: #fbb11c !important;
}

.border-tertiary {
  border-color: #fcc34f !important;
}

.btn-tertiary {
  color: #212529;
  background-color: #fcc34f;
  border-color: #fcc34f;
}

.btn-tertiary:hover {
  color: #212529;
  background-color: #fbb72b;
  border-color: #fbb11c;
}

.btn-tertiary:focus,
.btn-tertiary.focus {
  box-shadow: 0 0 0 0.2rem rgba(252, 195, 79, 0.5);
}

.btn-tertiary.disabled,
.btn-tertiary:disabled {
  color: #212529;
  background-color: #fcc34f;
  border-color: #fcc34f;
}

.btn-tertiary:not(:disabled):not(.disabled):active,
.btn-tertiary:not(:disabled):not(.disabled).active,
.show > .btn-tertiary.dropdown-toggle {
  color: #212529;
  background-color: #fbb11c;
  border-color: #faac0d;
}

.btn-tertiary:not(:disabled):not(.disabled):active:focus,
.btn-tertiary:not(:disabled):not(.disabled).active:focus,
.show > .btn-tertiary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(252, 195, 79, 0.5);
}

.btn-outline-tertiary {
  color: #fcc34f;
  background-color: transparent;
  border-color: #fcc34f;
}

.btn-outline-tertiary:hover {
  color: #212529;
  background-color: #fcc34f;
  border-color: #fcc34f;
}

.btn-outline-tertiary:focus,
.btn-outline-tertiary.focus {
  box-shadow: 0 0 0 0.2rem rgba(252, 195, 79, 0.5);
}

.btn-outline-tertiary.disabled,
.btn-outline-tertiary:disabled {
  color: #fcc34f;
  background-color: transparent;
}

.btn-outline-tertiary:not(:disabled):not(.disabled):active,
.btn-outline-tertiary:not(:disabled):not(.disabled).active,
.show > .btn-outline-tertiary.dropdown-toggle {
  color: #212529;
  background-color: #fcc34f;
  border-color: #fcc34f;
}

.btn-outline-tertiary:not(:disabled):not(.disabled):active:focus,
.btn-outline-tertiary:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-tertiary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(252, 195, 79, 0.5);
}

.list-group-item-tertiary {
  color: #cd8a03;
  background-color: #ff100103;
}

.list-group-item-tertiary.list-group-item-action:hover,
.list-group-item-tertiary.list-group-item-action:focus {
  color: #cd8a03;
  background-color: #fef7ea;
}

.list-group-item-tertiary.list-group-item-action.active {
  color: #212529;
  background-color: #cd8a03;
  border-color: #cd8a03;
}

.table-tertiary,
.table-tertiary > th,
.table-tertiary > td {
  background-color: #ff100103;
}

.table-hover .table-tertiary:hover {
  background-color: #fef7ea;
}

.table-hover .table-tertiary:hover > td,
.table-hover .table-tertiary:hover > th {
  background-color: #fef7ea;
}

.text-tertiary {
  color: #fcc34f !important;
}

a.text-tertiary:hover,
a.text-tertiary:focus {
  color: #fbb11c !important;
}

/*------------------------------------
- COLOR quaternary
------------------------------------*/
.alert-quaternary {
  color: #b75a00;
  background-color: #ffffff;
  border-color: #fff4ea;
}

.alert-quaternary hr {
  border-top-color: #ffe7d1;
}

.alert-quaternary .alert-link {
  color: #844100;
}

.badge-quaternary {
  color: #212529;
  background-color: #ff9833;
}

.badge-quaternary[href]:hover,
.badge-quaternary[href]:focus {
  color: #212529;
  background-color: #ff7e00;
}

.bg-quaternary {
  background-color: #ff9833 !important;
}

a.bg-quaternary:hover,
a.bg-quaternary:focus,
button.bg-quaternary:hover,
button.bg-quaternary:focus {
  background-color: #ff7e00 !important;
}

.border-quaternary {
  border-color: #ff9833 !important;
}

.btn-quaternary {
  color: #212529;
  background-color: #ff9833;
  border-color: #ff9833;
}

.btn-quaternary:hover {
  color: #212529;
  background-color: #ff850f;
  border-color: #ff7e00;
}

.btn-quaternary:focus,
.btn-quaternary.focus {
  box-shadow: 0 0 0 0.2rem rgba(255, 152, 51, 0.5);
}

.btn-quaternary.disabled,
.btn-quaternary:disabled {
  color: #212529;
  background-color: #ff9833;
  border-color: #ff9833;
}

.btn-quaternary:not(:disabled):not(.disabled):active,
.btn-quaternary:not(:disabled):not(.disabled).active,
.show > .btn-quaternary.dropdown-toggle {
  color: #212529;
  background-color: #ff7e00;
  border-color: #ef7600;
}

.btn-quaternary:not(:disabled):not(.disabled):active:focus,
.btn-quaternary:not(:disabled):not(.disabled).active:focus,
.show > .btn-quaternary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(255, 152, 51, 0.5);
}

.btn-outline-quaternary {
  color: #ff9833;
  background-color: transparent;
  border-color: #ff9833;
}

.btn-outline-quaternary:hover {
  color: #212529;
  background-color: #ff9833;
  border-color: #ff9833;
}

.btn-outline-quaternary:focus,
.btn-outline-quaternary.focus {
  box-shadow: 0 0 0 0.2rem rgba(255, 152, 51, 0.5);
}

.btn-outline-quaternary.disabled,
.btn-outline-quaternary:disabled {
  color: #ff9833;
  background-color: transparent;
}

.btn-outline-quaternary:not(:disabled):not(.disabled):active,
.btn-outline-quaternary:not(:disabled):not(.disabled).active,
.show > .btn-outline-quaternary.dropdown-toggle {
  color: #212529;
  background-color: #ff9833;
  border-color: #ff9833;
}

.btn-outline-quaternary:not(:disabled):not(.disabled):active:focus,
.btn-outline-quaternary:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-quaternary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(255, 152, 51, 0.5);
}

.list-group-item-quaternary {
  color: #b75a00;
  background-color: #fff4ea;
}

.list-group-item-quaternary.list-group-item-action:hover,
.list-group-item-quaternary.list-group-item-action:focus {
  color: #b75a00;
  background-color: #ffe7d1;
}

.list-group-item-quaternary.list-group-item-action.active {
  color: #212529;
  background-color: #b75a00;
  border-color: #b75a00;
}

.table-quaternary,
.table-quaternary > th,
.table-quaternary > td {
  background-color: #fff4ea;
}

.table-hover .table-quaternary:hover {
  background-color: #ffe7d1;
}

.table-hover .table-quaternary:hover > td,
.table-hover .table-quaternary:hover > th {
  background-color: #ffe7d1;
}

.text-quaternary {
  color: #ff9833 !important;
}

a.text-quaternary:hover,
a.text-quaternary:focus {
  color: #ff7e00 !important;
}

/*------------------------------------
- COLOR highlight
------------------------------------*/
.alert-highlight {
  color: #9a2510;
  background-color: #fdf4f3;
  border-color: #fbe4e0;
}

.alert-highlight hr {
  border-top-color: #f9d1c9;
}

.alert-highlight .alert-link {
  color: #6c1a0b;
}

.badge-highlight {
  color: #fff;
  background-color: #ea563b;
}

.badge-highlight[href]:hover,
.badge-highlight[href]:focus {
  color: #fff;
  background-color: #da3517;
}

.bg-highlight {
  background-color: #ea563b !important;
}

a.bg-highlight:hover,
a.bg-highlight:focus,
button.bg-highlight:hover,
button.bg-highlight:focus {
  background-color: #da3517 !important;
}

.border-highlight {
  border-color: #ea563b !important;
}

.btn-highlight {
  color: #fff;
  background-color: #ea563b;
  border-color: #ea563b;
}

.btn-highlight:hover {
  color: #fff;
  background-color: #e63a1a;
  border-color: #da3517;
}

.btn-highlight:focus,
.btn-highlight.focus {
  box-shadow: 0 0 0 0.2rem rgba(234, 86, 59, 0.5);
}

.btn-highlight.disabled,
.btn-highlight:disabled {
  color: #fff;
  background-color: #ea563b;
  border-color: #ea563b;
}

.btn-highlight:not(:disabled):not(.disabled):active,
.btn-highlight:not(:disabled):not(.disabled).active,
.show > .btn-highlight.dropdown-toggle {
  color: #fff;
  background-color: #da3517;
  border-color: #cc3215;
}

.btn-highlight:not(:disabled):not(.disabled):active:focus,
.btn-highlight:not(:disabled):not(.disabled).active:focus,
.show > .btn-highlight.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(234, 86, 59, 0.5);
}

.btn-outline-highlight {
  color: #ea563b;
  background-color: transparent;
  border-color: #ea563b;
}

.btn-outline-highlight:hover {
  color: #fff;
  background-color: #ea563b;
  border-color: #ea563b;
}

.btn-outline-highlight:focus,
.btn-outline-highlight.focus {
  box-shadow: 0 0 0 0.2rem rgba(234, 86, 59, 0.5);
}

.btn-outline-highlight.disabled,
.btn-outline-highlight:disabled {
  color: #ea563b;
  background-color: transparent;
}

.btn-outline-highlight:not(:disabled):not(.disabled):active,
.btn-outline-highlight:not(:disabled):not(.disabled).active,
.show > .btn-outline-highlight.dropdown-toggle {
  color: #fff;
  background-color: #ea563b;
  border-color: #ea563b;
}

.btn-outline-highlight:not(:disabled):not(.disabled):active:focus,
.btn-outline-highlight:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-highlight.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(234, 86, 59, 0.5);
}

.list-group-item-highlight {
  color: #9a2510;
  background-color: #fbe4e0;
}

.list-group-item-highlight.list-group-item-action:hover,
.list-group-item-highlight.list-group-item-action:focus {
  color: #9a2510;
  background-color: #f9d1c9;
}

.list-group-item-highlight.list-group-item-action.active {
  color: #fff;
  background-color: #9a2510;
  border-color: #9a2510;
}

.table-highlight,
.table-highlight > th,
.table-highlight > td {
  background-color: #fbe4e0;
}

.table-hover .table-highlight:hover {
  background-color: #f9d1c9;
}

.table-hover .table-highlight:hover > td,
.table-hover .table-highlight:hover > th {
  background-color: #f9d1c9;
}

.text-highlight {
  color: #ea563b !important;
}

a.text-highlight:hover,
a.text-highlight:focus {
  color: #da3517 !important;
}

/*------------------------------------
- COLOR dark
------------------------------------*/
.alert-dark {
  color: #000000;
  background-color: #666666;
  border-color: #5b5b5b;
}

.alert-dark hr {
  border-top-color: #4f4f4f;
}

.alert-dark .alert-link {
  color: #000000;
}

.badge-dark {
  color: #fff;
  background-color: #000000;
}

.badge-dark[href]:hover,
.badge-dark[href]:focus {
  color: #fff;
  background-color: #000000;
}

.bg-dark {
  background-color: #000000 !important;
}

a.bg-dark:hover,
a.bg-dark:focus,
button.bg-dark:hover,
button.bg-dark:focus {
  background-color: #000000 !important;
}

.border-dark {
  border-color: #000000 !important;
}

.btn-dark {
  color: #fff;
  background-color: #000000;
  border-color: #000000;
}

.btn-dark:hover {
  color: #fff;
  background-color: #000000;
  border-color: #000000;
}

.btn-dark:focus,
.btn-dark.focus {
  box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.5);
}

.btn-dark.disabled,
.btn-dark:disabled {
  color: #fff;
  background-color: #000000;
  border-color: #000000;
}

.btn-dark:not(:disabled):not(.disabled):active,
.btn-dark:not(:disabled):not(.disabled).active,
.show > .btn-dark.dropdown-toggle {
  color: #fff;
  background-color: #000000;
  border-color: #000000;
}

.btn-dark:not(:disabled):not(.disabled):active:focus,
.btn-dark:not(:disabled):not(.disabled).active:focus,
.show > .btn-dark.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.5);
}

.btn-outline-dark {
  color: #000000;
  background-color: transparent;
  border-color: #000000;
}

.btn-outline-dark:hover {
  color: #fff;
  background-color: #000000;
  border-color: #000000;
}

.btn-outline-dark:focus,
.btn-outline-dark.focus {
  box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.5);
}

.btn-outline-dark.disabled,
.btn-outline-dark:disabled {
  color: #000000;
  background-color: transparent;
}

.btn-outline-dark:not(:disabled):not(.disabled):active,
.btn-outline-dark:not(:disabled):not(.disabled).active,
.show > .btn-outline-dark.dropdown-toggle {
  color: #fff;
  background-color: #000000;
  border-color: #000000;
}

.btn-outline-dark:not(:disabled):not(.disabled):active:focus,
.btn-outline-dark:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-dark.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.5);
}

.list-group-item-dark {
  color: #000000;
  background-color: #5b5b5b;
}

.list-group-item-dark.list-group-item-action:hover,
.list-group-item-dark.list-group-item-action:focus {
  color: #000000;
  background-color: #4f4f4f;
}

.list-group-item-dark.list-group-item-action.active {
  color: #fff;
  background-color: #000000;
  border-color: #000000;
}

.table-dark,
.table-dark > th,
.table-dark > td {
  background-color: #5b5b5b;
}

.table-hover .table-dark:hover {
  background-color: #4f4f4f;
}

.table-hover .table-dark:hover > td,
.table-hover .table-dark:hover > th {
  background-color: #4f4f4f;
}

.text-dark {
  color: #000000 !important;
}

a.text-dark:hover,
a.text-dark:focus {
  color: #000000 !important;
}

/*------------------------------------
- COLOR light
------------------------------------*/
.alert-light {
  color: #c1c1c1;
  background-color: #165165165;
  border-color: #15a15a15a;
}

.alert-light hr {
  border-top-color: #14e14e14e;
}

.alert-light .alert-link {
  color: #a8a8a8;
}

.badge-light {
  color: #212529;
  background-color: #ffffff;
}

.badge-light[href]:hover,
.badge-light[href]:focus {
  color: #212529;
  background-color: #e5e5e5;
}

.bg-light {
  background-color: #ffffff !important;
}

a.bg-light:hover,
a.bg-light:focus,
button.bg-light:hover,
button.bg-light:focus {
  background-color: #e5e5e5 !important;
}

.border-light {
  border-color: #ffffff !important;
}

.btn-light {
  color: #212529;
  background-color: #ffffff;
  border-color: #ffffff;
}

.btn-light:hover {
  color: #212529;
  background-color: #ededed;
  border-color: #e5e5e5;
}

.btn-light:focus,
.btn-light.focus {
  box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5);
}

.btn-light.disabled,
.btn-light:disabled {
  color: #212529;
  background-color: #ffffff;
  border-color: #ffffff;
}

.btn-light:not(:disabled):not(.disabled):active,
.btn-light:not(:disabled):not(.disabled).active,
.show > .btn-light.dropdown-toggle {
  color: #212529;
  background-color: #e5e5e5;
  border-color: #dddddd;
}

.btn-light:not(:disabled):not(.disabled):active:focus,
.btn-light:not(:disabled):not(.disabled).active:focus,
.show > .btn-light.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5);
}

.btn-outline-light {
  color: #ffffff;
  background-color: transparent;
  border-color: #ffffff;
}

.btn-outline-light:hover {
  color: #212529;
  background-color: #ffffff;
  border-color: #ffffff;
}

.btn-outline-light:focus,
.btn-outline-light.focus {
  box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5);
}

.btn-outline-light.disabled,
.btn-outline-light:disabled {
  color: #ffffff;
  background-color: transparent;
}

.btn-outline-light:not(:disabled):not(.disabled):active,
.btn-outline-light:not(:disabled):not(.disabled).active,
.show > .btn-outline-light.dropdown-toggle {
  color: #212529;
  background-color: #ffffff;
  border-color: #ffffff;
}

.btn-outline-light:not(:disabled):not(.disabled):active:focus,
.btn-outline-light:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-light.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5);
}

.list-group-item-light {
  color: #c1c1c1;
  background-color: #15a15a15a;
}

.list-group-item-light.list-group-item-action:hover,
.list-group-item-light.list-group-item-action:focus {
  color: #c1c1c1;
  background-color: #14e14e14e;
}

.list-group-item-light.list-group-item-action.active {
  color: #212529;
  background-color: #c1c1c1;
  border-color: #c1c1c1;
}

.table-light,
.table-light > th,
.table-light > td {
  background-color: #15a15a15a;
}

.table-hover .table-light:hover {
  background-color: #14e14e14e;
}

.table-hover .table-light:hover > td,
.table-hover .table-light:hover > th {
  background-color: #14e14e14e;
}

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

a.text-light:hover,
a.text-light:focus {
  color: #e5e5e5 !important;
}

.btn-separator {
  margin-left: 8px; /* Adjust as needed */
  margin-right: 8px; /* Adjust as needed */
}