/* Add here all your CSS customizations */
.table > thead > tr > td.danger a,
.table > tbody > tr > td.danger a,
.table > tfoot > tr > td.danger a,
.table > thead > tr > th.danger a,
.table > tbody > tr > th.danger a,
.table > tfoot > tr > th.danger a,
.table > thead > tr.danger > td a,
.table > tbody > tr.danger > td a,
.table > tfoot > tr.danger > td a,
.table > thead > tr.danger > th a,
.table > tbody > tr.danger > th a,
.table > tfoot > tr.danger > th a {
  color: white;
}

/* Remove spinner from input[type=number] */
.no-spinner::-webkit-outer-spin-button,
.no-spinner::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.no-spinner {
  -moz-appearance: textfield;
}

.nav-tabs li .nav-link .badge {
  border-radius: 20%;
  padding: 6.4px 8.8px;
  padding: 0.4rem 0.55rem;
  margin-right: 5px;
}

/*Options*/
option.default {
  background-color: #999999;
  color: white;
}

option.primary {
  background-color: #0088CC;
  color: white;
}

option.secondary {
  background-color: #E36159;
  color: white;
}

option.success {
  background-color: #47a447;
  color: white;
}

option.info {
  background-color: #5bc0de;
  color: white;
}

option.warning {
  background-color: #ed9c28;
  color: white;
}

option.danger {
  background-color: #d2322d;
  color: white;
}

/*navs*/
/*secondary*/
.nav-secondary {
  color: #E36159 !important;
}

.nav-item.active .nav-secondary {
  border-top-color: #E36159 !important;
}

.nav-secondary:hover, .nav-secondary-always {
  border-top-color: #E36159 !important;
}

.badge-secondary {
  background: #E36159;
}

/*success*/
.nav-success {
  color: #47a447 !important;
}

.nav-item.active .nav-success {
  border-top-color: #47a447 !important;
}

.nav-success:hover, .nav-success-always {
  border-top-color: #47a447 !important;
}

.badge-success {
  background: #47a447;
}

/*info*/
.nav-info {
  color: #5bc0de !important;
}

.nav-item.active .nav-info {
  border-top-color: #5bc0de !important;
}

.nav-info:hover, .nav-info-always {
  border-top-color: #5bc0de !important;
}

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

/*warning*/
.nav-warning {
  color: #ed9c28 !important;
}

.nav-item.active .nav-warning {
  border-top-color: #ed9c28 !important;
}

.nav-warning:hover, .nav-warning-always {
  border-top-color: #ed9c28 !important;
}

.badge-warning {
  background: #ed9c28;
}

/*danger*/
.nav-danger {
  color: #d2322d !important;
}

.nav-item.active .nav-danger {
  border-top-color: #d2322d !important;
}

.nav-danger:hover, .nav-danger-always {
  border-top-color: #d2322d !important;
}

.badge-danger {
  background: #d2322d;
}

/*primary*/
.nav-primary {
  color: #0088CC !important;
}

.nav-item.active .nav-primary {
  border-top-color: #0088CC !important;
}

.nav-primary:hover, .nav-primary-always {
  border-top-color: #0088CC !important;
}

.badge-primary {
  background: #0088CC;
}

/*default*/
.nav-default {
  color: #999999 !important;
}

.nav-item.active .nav-default {
  border-top-color: #999999 !important;
}

.nav-default:hover, .nav-default-always {
  border-top-color: #999999 !important;
}

.badge-default {
  background: #999999;
}

ul.simple-card-list-horizontal {
  list-style: none;
  padding: 0;
  display: flex;
  gap: 1rem;
}

ul.simple-card-list-horizontal li {
  padding: 10px 15px;
  margin: 0px 0;
  border-radius: 7px;
}

ul.simple-card-list-horizontal li h3 {
  font-weight: 600;
  margin: 0;
}

ul.simple-card-list-horizontal li p {
  margin: 0;
  opacity: 0.7;
}

.simple-card-list-horizontal li.primary {
  background: #0088CC;
  color: #FFF;
}

.simple-card-list-horizontal li.success {
  background: #47a447;
  color: #FFF;
}

.simple-card-list-horizontal li.warning {
  background: #ed9c28;
  color: #FFF;
}

.simple-card-list-horizontal li.danger {
  background: #d2322d;
  color: #FFF;
}

.simple-card-list li.primary {
  background: #CCC;
  color: #FFF;
}

.simple-card-list li.success {
  background: #47a447;
  color: #FFF;
}

.simple-card-list li.warning {
  background: #ed9c28;
  color: #FFF;
}

.simple-card-list li.danger {
  background: #d2322d;
  color: #FFF;
}

.simple-card-list li.info {
  background: #5bc0de;
  color: #FFF;
}

.simple-card-list li.dark {
  background: #171717;
  color: #FFF;
}

div.simple-card-list {
  display: table;
  width: 100%;
}

div.simple-card-list .card {
  display: table-cell;
}

div.simple-card-list .card .card-content {
  background-color: rgba(0, 0, 0, 0.1);
  border-radius: 3px;
  margin: 0 7px;
  padding: 5px;
}

div.simple-card-list .card h3 {
  font-weight: 600;
  margin: 0;
}

div.simple-card-list .card p {
  margin: 0;
  opacity: 0.7;
}

.select2-container--bootstrap-5 .select2-selection,
.select2-container--bootstrap-5 .select2-dropdown {
  font-family: inherit !important;
  font-size: inherit;
  color: #212529;
}

.select2-container--bootstrap-5 .select2-selection {
  border: 1px solid #dee2e6 !important;
  border-radius: 0.375rem !important;
}

.select2-container--bootstrap-5.select2-container--focus .select2-selection {
  border-color: #86b7fe !important;
  box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25) !important;
}

.select2-container--bootstrap-5 .select2-selection {
  min-height: calc(2.25rem + 2px) !important;
  display: flex !important;
  align-items: center !important;
}

.select2-container--bootstrap-5 .select2-selection--single .select2-selection__rendered {
  line-height: normal !important;
  padding-left: 0.75rem !important;
  color: #212529 !important;
}

.select2-results__option {
  font-family: inherit !important;
  font-size: 1rem !important;
  padding: 0.375rem 0.75rem !important;
}

.select2-search__field {
  font-family: inherit !important;
}

.select2-container--bootstrap-5 .select2-selection--single .select2-selection__arrow {
  height: 100% !important;
  top: 0 !important;
  right: 10px !important;
  display: flex !important;
  align-items: center !important;
}

.select2-results__option,
.select2-results__option--highlighted,
.select2-results__option--selectable {
  font-family: Poppins, Arial, sans-serif !important;
  font-size: 0.85rem !important;
  font-weight: 100 !important;
  color: #212529 !important;
}

.select2-search__field {
  font-family: inherit !important;
}

input.form-control[type=color] {
  height: calc(1.5em + 0.75rem + var(--bs-border-width) * 2);
}