.page-content {
  width: calc(100vw - 250px);
}

.sidebar-enable .page-content {
  width: calc(100vw - 80px);
}

[data-sidebar-size="full"] .page-content {
  width: 100%;
}

.datatable-icon {
  width: 1.4em;
  height: 1.4em;
  outline: none;
  cursor: pointer;
}

select[readonly] {
  background: #eee; 
  pointer-events: none;
  touch-action: none;
}

.dataTables_processing {
  padding: 15px !important;
}

.dataTables_processing > div{
  display: none;
}

.toast-top-right{
  position: absolute;
  top: 15px;
  right: 15px;
  width: unset;
}

.z-index-above{
  z-index: 999999 !important;
}


.close {
  background-color: transparent;
  border: 0;
  outline: none;
  cursor: pointer;
}

.cursor-pointer {
  cursor: pointer;
}

.flex-1 {
  flex: 1;
}

.datatable-icon.bx {
  width: unset;
  height: unset;
  font-size: 19px;
  position: relative;
  top: 5px;
}

.no-control::-webkit-outer-spin-button,
.no-control::-webkit-inner-spin-button {
    /* display: none; <- Crashes Chrome on hover */
    -webkit-appearance: none;
    margin: 0; /* <-- Apparently some margin are still there even though it's hidden */
}

.no-control {
    -moz-appearance:textfield; /* Firefox */
}

.select2-container .select2-selection--multiple .select2-selection__choice {
  background-color: var(--bs-brand);
}

.select2-container .select2-selection--multiple .select2-selection__choice__remove:hover {
  background-color: var(--bs-brand);
}
.bg-disabled { 
  background-color: var(--bs-form-control-disabled-bg);
}

input.form-control:read-only {
  background-color: var(--bs-form-control-disabled-bg);
  opacity: 1;
}