:root{
  --dt-row-selected: var(--bs-primary-rgb) !important;
}

html {
  font-size: 14px;
}

@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}


html {
  position: relative;
  min-height: 100%;
}

body {
  margin-bottom: 60px;
}

.form-floating > .form-control-plaintext::placeholder, .form-floating > .form-control::placeholder {
  color: var(--bs-secondary-color);
  text-align: end;
}

.form-floating > .form-control-plaintext:focus::placeholder, .form-floating > .form-control:focus::placeholder {
  text-align: start;
}

/*Bootrap 5 Select 2 Dark mode*/
/* Select 2 bootstrap-5 theme override */
html[data-bs-theme="dark"] .select2-container--bootstrap-5 .select2-selection {
  background-color: transparent !important;
  border: 1px solid #495057;
}

html[data-bs-theme="dark"] .select2-container--bootstrap-5 .select2-selection--single {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23dee2e6' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
}

html[data-bs-theme="dark"] .select2-container--bootstrap-5 .select2-selection--single .select2-selection__rendered {
  color: #dee2e6 !important;
}

html[data-bs-theme="dark"] .select2-container--bootstrap-5 .select2-selection--multiple .select2-selection__rendered .select2-selection__choice {
  color: #dee2e6 !important;
}

html[data-bs-theme="dark"] .select2-container--bootstrap-5 .select2-selection--multiple .select2-selection__rendered .select2-selection__choice {
  border: 1px solid var(--bs-gray-600);
}

html[data-bs-theme="dark"] .select2-container--bootstrap-5 .select2-selection--single .select2-selection__rendered .select2-selection__placeholder {
  color: #dee2e6 !important;
}

html[data-bs-theme="dark"] .select2-container--bootstrap-5 .select2-dropdown .select2-search .select2-search__field {
  background-color: transparent !important;
  color: #dee2e6 !important;
}

html[data-bs-theme="dark"] .select2-container--bootstrap-5 .select2-dropdown {
  color: #dee2e6 !important;
  border: 1px solid #495057 !important;
  background-color: var(--bs-body-bg);
}

html[data-bs-theme="dark"] .select2-container--bootstrap-5 .select2-dropdown .select2-results__options .select2-results__option[role=group] .select2-results__group {
  color: var(--bs-secondary-color)!important;
}
.select2-container--bootstrap-5 .select2-dropdown .select2-results__options .select2-results__option.select2-results__option--selected,.select2-container--bootstrap-5 .select2-dropdown .select2-results__options .select2-results__option[aria-selected=true]:not(.select2-results__option--highlighted) {
  color: #fff;
  background-color: var(--bs-primary)!important;
}

.scrollable-20{
  max-height: 20rem;
  overflow-y: auto;
}

.pointer {
  cursor: pointer;
}

.form-check-input {
  background-image: var(--bs-form-check-bg-image) !important;
}

.form-check-input:checked[type=checkbox] {
  --bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e") !important;
}
.form-check-input:checked[type=radio] {
  --bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e") !important;
}
.form-check-input[type=checkbox]:indeterminate {
  --bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e") !important;
}

.form-switch .form-check-input:not(:checked):not(:focus) {
  --bs-form-switch-bg: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20viewBox%3D%27-4%20-4%208%208%27%3E%3Ccircle%20r%3D%273%27%20fill%3D%27rgba(0%2C0%2C0%2C0.15)%27%20stroke%3D%27%23000%27%20stroke-width%3D%270.5%27/%3E%3C/svg%3E") !important;
  --bs-form-check-bg-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20viewBox%3D%27-4%20-4%208%208%27%3E%3Ccircle%20r%3D%273%27%20fill%3D%27rgba(0%2C0%2C0%2C0.15)%27%20stroke%3D%27%23000%27%20stroke-width%3D%270.5%27/%3E%3C/svg%3E") !important;
}

[data-bs-theme=dark] .form-switch .form-check-input:not(:checked):not(:focus){
  --bs-form-switch-bg: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20viewBox%3D%27-4%20-4%208%208%27%3E%3Ccircle%20r%3D%273%27%20fill%3D%27rgba(255%2C255%2C255%2C0.25)%27%20stroke%3D%27%23fff%27%20stroke-width%3D%270.5%27/%3E%3C/svg%3E")!important;
  --bs-form-check-bg-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20viewBox%3D%27-4%20-4%208%208%27%3E%3Ccircle%20r%3D%273%27%20fill%3D%27rgba(255%2C255%2C255%2C0.25)%27%20stroke%3D%27%23fff%27%20stroke-width%3D%270.5%27/%3E%3C/svg%3E")!important;
}

@media (min-width: 992px) {
  .modal-lg,
  .modal-xl {
    --bs-modal-width: 55rem !important;
  }
}

:root[data-bs-theme="dark"] .swal2-popup {
  background-color: var(--bs-dark) !important;
  color: var(--bs-light) !important;
}

:root[data-bs-theme="dark"] .swal2-title {
  color: var(--bs-light) !important;
}

:root[data-bs-theme="dark"] .swal2-content {
  color: var(--bs-light) !important;
}

:root[data-bs-theme="dark"] .swal2-confirm {
  background-color: var(--bs-primary);
}

.btn-danger-impose {
  background-color: var(--bs-danger) !important;
}

.btn-success-impose {
  background-color: var(--bs-success) !important;
}

.color-display {
  display: inline-flex;
  align-items: center;
}

.color-display::before {
  content: '';
  display: inline-block;
  width: 18px;
  height: 18px;
  border-radius: 4px;
  border: 1px solid #ccc;
  background-color: var(--color);
  margin-right: 8px;
}

.login-logo{
  width: 120px; 
  margin: 1rem auto; 
  display: block;
}

.in-hover-range {
  background-color: var(--bs-secondary) !important;
  border: 1px solid var(--bs-secondary) !important;
  border-radius: 0 !important;
}
.w-10 {
  width: 10% !important;
}