
#HapiGlobalDateBox {
/* 	height: 100vh; */
	display: none;
	background: rgb(255,255,255);
	background: rgba(255,255,255,0.7);
}
#HapiGlobalDateBox.active {
	display: block;
}
#HapiGlobalDate {
	border-radius: 3px;
	box-shadow: 0px 0px 20px rgba(0,0,0,0.2);
	max-width: 600px;
	padding: 20px;
}

.hapi-availability-info {
	display: none;
}
.hapi-item-available .hapi-availability-info {
	display: block;
}

/* Date Picker */
.date-picker-wrapper {
	background: transparent;
	color:#404548;
}
.date-picker-wrapper .month-name {
	font-size: 15px;
	color: #404548;
	font-weight: 600;
	letter-spacing: 0px;
}
.date-picker-wrapper .week-name th {
	line-height: 50px;
	color:#404548;
}
.bh-hapi-datepicker-container {
	color:#404548;
}
.bh-hapi-datepicker-container .date-picker-wrapper {
	background: transparent;
	padding:0px;
}
.bh-hapi-datepicker-container .bh-hapi-datepicker-keymap {
	font-size: 12px;
}







/* Day States */
.bh-hapi-datepicker-container .hapi-day-available.valid,
.bh-hapi-datepicker-container .hapi-day-available.valid.tmp,
.bh-hapi-datepicker-container .hapi-day-departure.valid.tmp,
.bh-hapi-datepicker-container .hapi-day-departure.tmp.valid {
	background: rgba(159, 131, 99, 0.8) !important;
}
.bh-hapi-datepicker-container .hapi-day-departure.valid:not(.tmp) > div {
    border-color: rgba(159, 131, 99, 0.8) !important;
}
.bh-hapi-datepicker-container .hapi-day-departure.valid.checked:not(.tmp) > div {
    border-color: transparent !important;
}
.bh-hapi-datepicker-container .hapi-day-available.invalid,
.bh-hapi-datepicker-container .hapi-day-available.hapi-day-locked,
.bh-hapi-datepicker-container .hapi-day-departure,
.bh-hapi-datepicker-container .hapi-day-available.hapi-day-departure,
.bh-hapi-datepicker-container .hapi-day-available.invalid.tmp,
.bh-hapi-datepicker-container .hapi-day-locked.hapi-day-available.valid.tmp,
.bh-hapi-datepicker-container .hapi-day-locked.valid.tmp,
.bh-hapi-datepicker-container .hapi-day-available.tmp[data-departure="0"] {
	background: rgba(236, 230, 224, 1.0) !important;
}

/* Selection States */
.bh-hapi-datepicker-container .date-picker-wrapper .day.checked > div {
	background-color: rgba(123,17,27, 1.0);
}
.bh-hapi-datepicker-container .date-picker-wrapper .day.invalid.tmp.first-date-selected > div {
	background-color: rgba(123,17,27, 1.0) !important; 
}
.bh-hapi-datepicker-container .date-picker-wrapper .day.hovering > div {
	border-color: rgba(123,17,27, 1.0) !important;
	background-color: rgba(123,17,27, 0.5) !important;
}
.bh-hapi-datepicker-container .date-picker-wrapper .day.hovering-last[data-departure="1"] > div,
.bh-hapi-datepicker-container .date-picker-wrapper .day.hovering-last[data-locked="0"] > div  {
	background-color: rgba(123,17,27, 1.0); 
}

/* ERROR Selection */
.hapi-item-not-available *:not(.hapi-item-available) .bh-hapi-datepicker .date-picker-wrapper .day.checked > div {
	background-color: RGBA(205, 90, 89, 0.2);
	border-color: RGBA(205, 90, 89, 1) !important;
	color: inherit;
	border-width: 2px 0px !important;
}
.hapi-item-not-available *:not(.hapi-item-available) .bh-hapi-datepicker .date-picker-wrapper .day.checked.first-date-selected > div {
	border-left-width: 2px !important;
}
.hapi-item-not-available *:not(.hapi-item-available) .bh-hapi-datepicker .date-picker-wrapper .day.checked.last-date-selected > div {
	border-right-width: 2px !important;
}

/* KeyMap */
.bh-hapi-datepicker-container .bh-hapi-datepicker-keymap {
	font-size: 10px;
}
.bh-keymap-item.bh-keymap-item-arrival .bh-keymap-icon {
	background-color: rgba(159, 131, 99, 0.8);
}
.bh-keymap-item.bh-keymap-item-departure .bh-keymap-icon {
	background-color: rgba(236, 230, 224, 1.0);
	border-color: rgba(159, 131, 99, 0.8);
}
.bh-keymap-item.bh-keymap-item-available .bh-keymap-icon {
	background-color: rgba(159, 131, 99, 0.8);
}
.bh-keymap-item.bh-keymap-item-locked .bh-keymap-icon {
	background-color: rgba(236, 230, 224, 1.0);
}
.bh-keymap-item.bh-keymap-item-notavailable .bh-keymap-icon {
	border-color: rgba(0,0,0,0.2);
}
.bh-keymap-item.bh-keymap-item-selected .bh-keymap-icon {
	background: rgba(123,17,27, 1.0);
}

.date-picker-wrapper .month-wrapper .next,
.date-picker-wrapper .month-wrapper .prev {
	background: none !important;
	opacity: 1 !important;
}
.date-picker-wrapper .month-wrapper .next:before,
.date-picker-wrapper .month-wrapper .prev:before {
	font-family: 'bakehouse-iconset' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    letter-spacing: 0;
    -webkit-font-feature-settings: "liga";
    -moz-font-feature-settings: "liga=1";
    -moz-font-feature-settings: "liga";
    -ms-font-feature-settings: "liga" 1;
    -o-font-feature-settings: "liga";
    font-feature-settings: "liga";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 22px;
}
.date-picker-wrapper .month-wrapper .prev:before {
	content: "\e909";
	text-align: left;
	
}
.date-picker-wrapper .month-wrapper .next:before {
	content: "\e90a";
	text-align: right;
}
