
/*!
 * bs5-datepicker-boxed.css
 * Forces “boxed” calendar UI similar to Bootstrap-3 theme for bootstrap-datepicker v1.10.x
 * Scope with  to avoid global side effects.
 *
 * Compatible with Bootstrap 5.3.x
 */

/* ===== Scope wrapper ===== */
 .datepicker-dropdown,
 .datepicker-inline {
  border: 1px solid #ced4da;              /* BS5 gray-400 */
  border-radius: .375rem;                  /* BS5 rounded */
  box-shadow: 0 .25rem .5rem rgba(0,0,0,.08);
  background-color: #fff;
  font-family: inherit;
 
}

/* ===== Header (month-year + arrows) ===== */
 .datepicker table thead tr:first-child th,
 .datepicker .datepicker-switch,
 .datepicker .prev,
 .datepicker .next {
  background-color: #e9ecef;              /* BS5 gray-200 */
  color: #212529;                          /* BS5 body color */
  border: 1px solid #ced4da;
  border-radius: .375rem;
  padding: .5rem .75rem;
  font-weight: 600;
  line-height: 1.25;
}

/* Make header cells look like buttons */
 .datepicker table thead tr:first-child th {
  cursor: pointer;
}

/* Center month-year, keep arrows padded */
 .datepicker .datepicker-switch {
  text-align: center;
}

/* ===== Weekday row ===== */
 .datepicker table thead tr:nth-child(2) th {
  background: transparent;
  color: #212529;
  font-weight: 700;
  border: none;
  padding: .5rem .5rem;
}
/*.datepicker table tr td, .datepicker table tr th {
	border-radius: 0px;
	    font-size: 13;
    text-align: left;
    font-weight: bold;
}
 ===== Grid borders & cell spacing ===== */
 .datepicker table {
  border-collapse: separate;
  border-spacing: 3;
}
.dow{
	border: 0px solid #FFFFFF !important;
	    color: black;
}
.datepicker table th, .datepicker table td {
    border: 1px solid #ced4da !important;
    padding: .001rem .2rem;  
    font-size: 12;
    text-align: left;   
    font-weight: bolder;
}
.datepicker table tr td, .datepicker table tr th {
	 border-radius: 0px;
	 height: 25px;
	 width:35px;
	 text-align: left;   
    font-weight: bolder;
}
/* Base day cell */
 .datepicker table td.day {
  background-color: #f8f9fa;              /* BS5 gray-100 */
  color: #212529;
}

/* Hover feedback */
 .datepicker table td.day:hover {
  background-color: #dee2e6;              /* BS5 gray-300 */
}

/* Selected day */
 .datepicker table td.active,
 .datepicker table td.active:hover,
 .datepicker table td.selected,
 .datepicker table td.selected:hover {
  background-color: #0d6efd !important;   /* BS5 primary */
  color: #fff !important;
  background-image: none !important;      /* neutralize gradients */
}

/* Today highlight (when not selected) */
 .datepicker table td.today:not(.active) {
  background-color: #ffe8a1;              /* soft yellow */
  color: #212529;
}

/* Disabled, old/new days (outside current month) */
 .datepicker table td.disabled,
 .datepicker table td.old,
 .datepicker table td.new {
  background-color: #f1f3f5;              /* muted */
  color: #adb5bd;                          /* BS5 gray-500 */
}

/* Week numbers (if enabled) */
 .datepicker table td.week {
  background-color: #fff;
  font-weight: 600;
}

/* ===== Inline picker spacing ===== */
 .datepicker-inline {
  padding: .5rem;
}

/* ===== Keep over modal/z-index issues in BS5 ===== */
 .datepicker {
  z-index: 2000 !important;
}

/* ===== RTL friendly tweaks (if using RTL locales) ===== */
 .datepicker-rtl .prev,
 .datepicker-rtl .next {
  transform: scaleX(-1);
}