/* style_softkar.css */

.daterangepicker td.today.active.start-date.end-date,
.daterangepicker td.today.active.start-date.end-date:hover {
  background-color: #fff !important;
  /* White background */
  color: #000 !important;
  /* Black text for better visibility */
  box-shadow: inset 0 0 0 2px rgb(167, 170, 194) !important;
  /* Mimic an inner border */
  padding: 0px !important;
  box-sizing: border-box !important;
  /* Ensure padding and borders are included in the element's total width and height */
}

.daterangepicker .calendar-table .next.available:hover,
.daterangepicker .calendar-table .prev.available:hover {
  background-color: rgb(167, 170, 194) !important;
  /* Background when hovering over <th> */
}

.daterangepicker td.available:hover,
.daterangepicker th.available:hover {
  background-color: rgb(167, 170, 194) !important;
  border-color: transparent !important;
  color: #fff !important;
}

.daterangepicker td.in-range {
  background-color: rgba(167, 170, 194, 0.208) !important;
  /* Red with 50% transparency */
  color: #0f0f0f !important;
  border-color: transparent !important;
  border-radius: 0 !important;
}

.daterangepicker td.active,
.daterangepicker td.active:hover {
  background-color: rgb(167, 170, 194) !important;
  color: #fff !important;
}


:root {
  --main-border-color: rgb(1, 1, 116); /* Define a global color variable */
}


/* Custom CSS for changing the border color to blue using CSS variables */
#lugarInicio,
#fechaInicio {
  border-bottom: 1px solid var(--main-border-color) !important;
}

/* Custom CSS to change the border color of the select element with class 'mystyle' and data-select attribute 't1' */
[data-select="t1"].mystyle {
  border-bottom: 1px solid var(--main-border-color) !important;
}

.search-box-wrapper.style2 .search-tab-content input.input-text,
.search-box-wrapper.style2 .search-tab-content select,
.search-box-wrapper.style2 .search-tab-content textarea,
.search-box-wrapper.style2 .search-tab-content span.custom-select {
  border-bottom: 1px solid var(--main-border-color) !important;
}