body {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.calendar .calendar-header {
  background-color: #ccc;
  color: hsl(0deg 0% 13%);
  border: 0;
}

.calendar .calendar-header .year-title:hover,
.calendar .calendar-header .prev:hover,
.calendar .calendar-header .next:hover {
  background: rgba(255, 255, 255, 0.2);
}

.calendar .calendar-header .year-neighbor {
  color: inherit;
  opacity: 0.7;
}

.calendar .calendar-header .year-neighbor2 {
  color: inherit;
  opacity: 0.4;
}

.calendar .month-container {
  height: 210px;
}

.calendar table.month {
  height: 100%;
}

.calendar table.month .month-title {
  background-color: #ccc;
  color: hsl(0deg 0% 13%);
  padding: 5px;
}

.calendar table.month .day-header {
  padding-top: 8px;
  border-bottom: 2px solid #cc251f;
}

.calendar table.month td.day .day-content {
  padding: 5px 8px;
  border-bottom: solid 1px #d4d4d4;
  border-right: solid 1px #d4d4d4;
  text-align: center;
  height: 30px;
}

.calendar table.month td.disabled {
  background: #861b09;
}

.calendar table.month td.day:not(.disabled):not(.old):not(.new) {
  background: #b1bd7d;
}

/*Button css style*/
.radio-toolbar {
  margin: 10px;
  text-align: center;
}
.radio-toolbar input[type="radio"] {
  opacity: 0;
  position: fixed;
  width: 0;
}
.radio-toolbar label {
  display: inline-block;
  background-color: white;
  padding: 6px 19px;
  font-family: sans-serif, Arial;
  font-size: 16px;
  border: 1px solid #861b09;
  border-radius: 4px;
  cursor: pointer;
  margin-bottom: 25px;
}
.radio-toolbar label:hover {
  background-color: #861b09;
  color: white;
  transition: 0.6s all ease;
}
.radio-toolbar input[type="radio"]:focus + label {
  border: 1px solid #861b09;
}
.radio-toolbar input[type="radio"]:checked + label {
  background-color: #861b09;
  border-color: #861b09;
}

/*radio tollbar nights*/

/*Button css style*/
.radio-toolbar-nights {
  margin: 10px;
  text-align: center;
}
.radio-toolbar-nights input[type="radio"] {
  opacity: 0;
  position: fixed;
  width: 0;
}
.radio-toolbar-nights label {
  display: inline-block;
  background-color: white;
  padding: 6px 19px;
  font-family: sans-serif, Arial;
  font-size: 16px;
  border: 1px solid #861b09;
  border-radius: 4px;
  cursor: pointer;
  margin-bottom: 25px;
}
.radio-toolbar-nights label:hover {
  background-color: #861b09;
  color: white;
  transition: 0.6s all ease;
}
.radio-toolbar-nights input[type="radio"]:focus + label {
  border: 1px solid #861b09;
}
.radio-toolbar-nights input[type="radio"]:checked + label {
  background-color: #861b09;
  border-color: #861b09;
}

label.nights-w {
  width: 100%;
}
.nights-width-set {
  width: 28%;
}

table.month td.selected-hover:not(.start-date):not(.end-date) {
  background-color: black !important;
  color: white !important;
}

/*td.day.selected.start-date {
    background-color: yellow !important;
    color: white !important;
}*/

td.selected.start-date:hover {
  color: white !important;
  background-image: url(https://www.underthethatch.co.uk//bundles/uttestate/images/icons/day-half-selected2.png) !important;
  height: 30px !important;
  background-repeat: no-repeat;
  background-position: center;
  width: 30px;
}

/*.start-date::before {*/
/*   ;*/
/*}*/

td.end-date {
  color: white !important;
  /*background-image: url(https://www.underthethatch.co.uk/bundles/uttestate/images/icons/day-half-selected1.png) !important;*/
  height: 30px !important;
  background-position: center !important;
  width: 30px !important;
}

/*.end-date::before {*/
/*    transform: skew(15deg,13deg);*/
/*}*/

/*td.day.selected.start-date {
    position: relative;
}

td.day.end-date {
    position: relative;
}

td.day.selected.start-date span.dia {
    position: inherit;
}

td.day.end-date span.dia {
    position: inherit;
}*/