:root {
  --bs-primary: #0000C8FF !important;
  --bs-primary-rgb: 203, 12, 159;
  --bs-link-color: #0000C8FF !important;
  --bs-link-hover-color: #000096FF !important;
  --bs-code-color: #0000FFFF !important;
}

.pagination {
  --bs-pagination-color: #0000C8FF;
  --bs-pagination-hover-color: #000096FF;
  --bs-pagination-focus-color: #000096FF;
  --bs-pagination-focus-box-shadow: 0 0 0 0.2rem rgba(0, 0, 120, 0.25);
  --bs-pagination-active-bg: #0000C8FF;
  --bs-pagination-active-border-color: #0000C8FF;
}

.form-control:focus {
  color: #495057;
  background-color: #fff;
  border-color: #5050ff;
  outline: 0;
  box-shadow: 0 0 0 2px #7b7bff;
}

.alert-debug {
  color: black;
  background-color: white;
  border-color: #d6e9c6;
}

.alert-error {
  color: #b94a48;
  background-color: #f2dede;
  border-color: #eed3d7;
}

.circular-logo {
  max-height: 5vh;
}

.top-100px {
  top: 100px;
}

.icon-sm i {
  font-size: .85rem;
}


/* DATATABLES */
table.dataTable,
.dataTables_info {
  font-size: .85rem !important;
}

table.dataTable thead .sorting,
table.dataTable thead .sorting_asc:after,
table.dataTable thead .sorting_desc,
table.dataTable thead .sorting_asc_disabled,
table.dataTable thead .sorting_desc_disabled {
  background: transparent;
}

.dataTables_wrapper {
  padding-bottom: 30px;
}

.dataTables_length {
  float: left;
}

.dataTables_filter label {
  margin-right: 5px;
}

.html5buttons {
  float: right;
}

.html5buttons button {
  border: 1px solid #676a6c !important;
  background: #fff;
  color: #676a6c;
  box-shadow: none;
  padding: 3px 4px;
  font-size: 12px;
}

.html5buttons a:hover,
.html5buttons a:focus:active {
  background-color: #eee;
  color: inherit;
  border-color: #d2d2d2;
}

div.dt-button-info {
  z-index: 100;
}

@media (max-width: 768px) {
  .html5buttons {
    float: none;
    margin-top: 5px;
  }

  .dataTables_length {
    float: none;
  }
}

.dt-bootstrap5 .form-control-sm {
  height: 29px !important;
  padding: 2px 10px;
}

.smaot-circular-bi a.active {
  border-right-width: 0;
  border-bottom-width: 0;
  background-color: hsla(0, 0%, 78%, .2);
  font-weight: 400;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);
    /*border-radius: .375rem;*/
    margin-top: 1.5px;
    margin-bottom: 1.5px;
}

.smaot-circular-bi a.active:hover {
  background-color: hsla(0, 0%, 78%, .2);
}

.nav-link.active, .navbar-vertical .navbar-nav>.nav-item .nav-link.active+.collapsing .nav-item.active .nav-link.active {
    background-image: unset !important;
}