@import 'WhiteLabel/wl-colors.css';
@import 'WhiteLabel/wl-fonts.css';
@import 'WhiteLabel/wl-spacing.css';
@import 'WhiteLabel/wl-borders.css';

/*---------- Tabel ----------*/

.table-custom thead th {
   color: var(--color-white);
   border-bottom: none;
   background-color: var(--color-primary) !important;
   border-left: 5px solid var(--color-primary);
   border-right: 5px solid var(--color-primary);
   font-weight: var(--font-weight-normal);
   user-select: none;
}

.location-header td {
   background-color: var(--color-lightgrey);
   font-weight: var(--font-weight-normal);
   padding: var(--spacing-sm);
}

.table-custom-hover tbody tr {
   cursor: pointer;
   border-left: 5px solid var(--color-white);
   border-right: 5px solid var(--color-white);
}

.table-custom-hover tbody tr:hover {
   border-left: 5px solid var(--color-primary);
   border-right: 5px solid var(--color-table-hover);
}

.table-custom-hover tbody tr:hover td {
   background-color: var(--color-table-hover) !important;
}

.sortable {
    cursor: pointer;
}

.form-range::-webkit-slider-thumb {
   -webkit-appearance: none;
   appearance: none;
   background: var(--color-primary);
   cursor: pointer;
   outline: none !important;
   box-shadow: none;
}

.form-range:hover {
   opacity: 1;
}

.form-range:focus {
   outline: none !important;
   box-shadow: none !important;
}

.form-range:focus::-webkit-slider-thumb,
.form-range:active::-webkit-slider-thumb {
   outline: none !important;
   box-shadow: none !important;
   background: var(--color-primary) !important;
}

.form-switch .form-check-input:checked {
   background-color: var(--color-primary);
   border-color: var(--color-primary);
}



/*---------- Pagination ----------*/

.pagination .page-item .page-link {
   color: var(--color-grey);
   background-color: var(--color-white);
   border: 1px solid var(--color-grey);
}

.pagination .page-item.active .page-link {
   color: var(--color-white);
   background-color: var(--color-primary) !important;
}

.pagination .page-item .page-link {
   border-radius: var(--border-radius-sm);
   margin: 0 0.15rem;
}

.pagination .page-item.disabled .page-link {
   pointer-events: none;
   border-color: var(--color-grey);
   background-color: lightgray;
}



/*----------Media queries----------*/

@media (max-width: 767.98px) {
   .searchbar {
      width: var(--perc-100);
   }
}