/* xwDatepicker */

input.xw-datepicker {
  height: 0px;
  border: 0px;
  width: 0px;
}

.input-comp.date {
  border-radius: 0px;
  display: flex;
  position: relative;
  /* min-width: 224px; */
}

.input-comp.date.active {
  z-index: 10;
  border: solid 2px #fdc502;
}

.input-comp.date > .bg.ic_date {
  margin-right: 5px;
}

.input-comp.date > .text-title {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-grow: 1;
  padding-left: 5px;
}

.input-comp.date > .text-title span {
  font-weight: 400;
  color: #a4a4a4;
  font-size: 13px;
}

.input-comp.date > .text-title b {
  font-weight: 500;
  size: 16px;
  color: #595959;
}

.xw-datepicker-opt {
  position: absolute;
  top: calc(100% + 2px);
  left: -2px;
  width: calc(100% + 4px);
  min-width: 224px;
  background-color: #fdc502;
  z-index: 10;
}

.xw-datepicker-opt .datepicker.datepicker-inline {
  padding: 0px;
  width: auto;
  display: flex;
  justify-content: center;
}

.xw-datepicker-opt .datepicker.datepicker-inline .datepicker-days {
  width: 100%;
}

.xw-datepicker-opt .datepicker.datepicker-inline .active.day {
  background: none;
  background-color: #fdc502;
  color: #333;
}

.xw-datepicker-opt .datepicker.datepicker-inline table {
  font-size: 13px;
  width: 100%;
}

.xw-datepicker-opt .datepicker.datepicker-inline table thead > tr:nth-child(2) {
  background: none;
  background-color: #fdc502;
  border-right: solid 1px #fdc502;
}

.xw-datepicker-opt .datepicker.datepicker-inline table thead > tr:nth-child(2) > * {
  border-radius: 0px;
  font-weight: 600;
  font-family: Work Sans;
  background-color: #fdc502;
  height: 50px;
  text-align: center;
}

.xw-datepicker-opt .datepicker.datepicker-inline table thead > tr:nth-child(3) {
  border-right: solid 1px #ccc;
  border-left: solid 1px #ccc;
}

.xw-datepicker-opt .datepicker.datepicker-inline table thead > tr:nth-child(3) > * {
  border-radius: 0px;
  font-weight: 600;
  font-family: Work Sans;
  font-size: 10px;
  background-color: white;
}

.input-comp.date i.fa.fa-times,
.xw-datepicker-opt .datepicker.datepicker-inline table thead tr:nth-child(3) th:last-child,
.xw-datepicker-opt .datepicker.datepicker-inline table tbody tr td:last-child {
  color: red;
}

.xw-datepicker-opt .datepicker.datepicker-inline table tbody {
  border: solid 1px #ccc;
  border-top: solid 0px #ccc;
}

.xw-datepicker-opt .datepicker.datepicker-inline table tbody tr td {
  background-color: white;
  border-radius: 0px;
}

.xw-datepicker-opt .datepicker.datepicker-inline table tbody tr td.disabled {
  color: #999;
}

.xw-datepicker-opt .datepicker table tr td.new, .datepicker table tr td.old {
  color: #999;
}

.xw-datepicker-opt .datepicker td, .datepicker td {
  width: 1%;
}