.hapi-hide-desktop{
	display: none;
}

@media (max-width : 768px) {
	.hapi-hide-mobile{
		display: none;
	}
	.hapi-hide-desktop{
		display: block;
	}
}


#HapiGlobalDateBox {
	display: none;
}
#HapiGlobalDateBox.active {
	display: block;
}

#HapiGlobalDateBox {
	position: fixed;
	top:0px;
	left:0px;
	right:0px;
	bottom:0px;
	z-index: 300;
	cursor:pointer;
}

#HapiGlobalDate  {
	cursor: default;
	width: 100%;
	position: absolute;
	min-width: 400px;
/* 	max-width: 800px; */
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	
	background:#fff;
}


.date-picker-wrapper {
	padding:20px ;
	border:0px;
	background:#fff;
}
.date-picker-wrapper .month-wrapper {
	padding:0px !important;
	border:0px;
	border-radius: 0px;
	width:100% !important;
	background-color: none;
}

.date-picker-wrapper .month-wrapper table {
	width: 45% !important;
}
.date-picker-wrapper.single-month .month-wrapper table {
	width: 100% !important;
}


.date-picker-wrapper .gap {
	width: 10%;
	margin: 0px;
	background: none;
	top:0px;
}
.date-picker-wrapper .gap-line {
	margin:0 auto;
}


.date-picker-wrapper .month-wrapper table th, .date-picker-wrapper .month-wrapper table td {
	width: 14.2857142%;
	position: relative;
}

.date-picker-wrapper .month-wrapper table .day.has-tooltip,
.date-picker-wrapper .month-wrapper table .day.has-tooltip.hapi-day-available {
	cursor: pointer !important;
}

.date-picker-wrapper .month-wrapper table .day {

}
.date-picker-wrapper .month-wrapper table .day > div {
	box-sizing: border-box;
	border: 2px solid transparent;
	border-width:2px  0px;
	line-height: 29px;
}



/* default day */
.date-picker-wrapper .day {
	color:rgba(0,0,0,0.8);
}
.date-picker-wrapper .day.invalid {
	color:rgba(0,0,0,0.3) !important;
}
/*
.date-picker-wrapper .day.invalid:not(.tmp) {
	background: #fff !important;
}
.date-picker-wrapper .day.invalid:not(.tmp) > div {
	border-color: transparent !important
}
*/


/* VERFÜGBAR */
.hapi-day-available.valid {
	background: RGBA(105, 199, 53, .4);
}
.hapi-day-available.invalid {
	background: RGBA(105, 199, 53, .2);
}

/* LOCKED */
.hapi-day-available.hapi-day-locked {
	background: RGBA(105, 199, 53, .2);
	cursor: default;
}

/* ABREISE */
.hapi-day-departure,
.hapi-day-available.hapi-day-departure {
	background: RGBA(105, 199, 53, .2);
	border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
}
.hapi-day-available.hapi-day-departure {
	border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
}
.hapi-day-departure.valid:not(.tmp) > div {
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
    border-right-width: 2px !important;
    border-color: rgba(105, 199, 53, .4) !important;
}

.hapi-day-departure.tmp.valid {
	background: RGBA(105, 199, 53, .4);
	color:rgba(0,0,0,0.8);
}

/* ERSTER ANREISE */
.hapi-day-arrival.hapi-day-arrival-first,
.hapi-day-arrival.hapi-day-arrival-first > div { 
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;	
}


/* availability selection */
.hapi-day-available.invalid.tmp,
.hapi-day-locked.hapi-day-available.valid.tmp {
	background: RGBA(105, 199, 53, .2) !important;
	color:rgba(0,0,0,0.3);
}
.hapi-day-available.valid.tmp {
	background: RGBA(105, 199, 53, .4) !important;
/* 	color:rgba(0,0,0,0.8); */
}
.hapi-day-departure.valid.tmp {
	background: RGBA(105, 199, 53, .4) !important;
/* 	color:rgba(0,0,0,0.3); */
}
/*
.hapi-day-arrival.valid.tmp {
	background: RGBA(105, 199, 53, .4) !important;
}
*/


.hapi-day-locked.valid.tmp {
	background: RGBA(105, 199, 53, .2) !important;
/* 	color:rgba(0,0,0,0.3); */
}


/* default selection */
.date-picker-wrapper .day.checked > div {
	border-width: 2px 0px 2px 0px;
/* 	border-style: solid; */
	border-color: transparent !important; 
/* 	box-sizing: border-box; */
}

.date-picker-wrapper .day.checked > div {
	background-color: rgba(77, 205, 242, 1);
	color:#fff;
	border-radius: 0px;
}
.date-picker-wrapper .day.invalid.tmp.first-date-selected > div {
	background-color: rgba(77, 205, 242, 1) !important; 
	border-color: transparent !important;
}
.date-picker-wrapper .day.hovering > div,
.date-picker-wrapper .day.hovering-last.hapi-day-locked > div {
	border-color: RGBA(77, 205, 242, 1) !important;
	background-color: rgba(77, 205, 242, 0.5); 
	border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    
/* 	color:#fff;  */
}
.date-picker-wrapper .day.hovering-last[data-departure="1"] > div,
.date-picker-wrapper .day.hovering-last[data-locked="0"] > div  {
	background-color: rgba(77, 205, 242, 1); 
	border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
    
}
.date-picker-wrapper .day.hovering-last[data-departure="1"] > div {
	    border-right-width: 2px;
}


.date-picker-wrapper .day.first-date-selected > div {
	border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
    border-left-width: 2px !important;
}
.date-picker-wrapper .day.last-date-selected > div {
	border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
    border-right-width: 2px !important;
}

/* Key Map */
.bh-hapi-datepicker-keymap {
	text-align: center;
	padding:0px 0px;
}
.bh-keymap-item {
	display: inline-block;
	margin:5px;
}
.bh-keymap-icon {
	display: inline-block;
	width:15px;
	height:15px;
/* 	background:red; */
	vertical-align: middle;
	box-sizing: border-box;
}
.bh-keymap-item-arrival .bh-keymap-icon {
	background: RGBA(105, 199, 53, .4);
	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px;
}
.bh-keymap-item-departure .bh-keymap-icon {
	background: RGBA(105, 199, 53, .2);
	border: 2px solid RGBA(105, 199, 53, .4);
	border-left-width: 0px;
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
}
.bh-keymap-item-available .bh-keymap-icon {
	background: RGBA(105, 199, 53, .4);
}
.bh-keymap-item-locked .bh-keymap-icon {
	background: RGBA(105, 199, 53, .2);
}
.bh-keymap-item-notavailable .bh-keymap-icon {
	border: 1px solid rgba(0,0,0,0.2);
}
.bh-keymap-item-selected .bh-keymap-icon {
	background-color: rgba(77, 205, 242, 1); 
}
.bh-keymap-label {
	padding-left:5px;
	display: inline-block;
}

/* == Rateplan Switch == */
.hapi-rateplan-hide .hapi-rateplan-switch {
	display: none;
}
.hapi-rateplan-hide .hapi-rateplan-switch.active {
	display: block;
}