.minimal-skin {
font-size: 14px;
width:100%;
}
.minimal-skin .ui-datepicker-inline {width:100% !important;}
.minimal-skin.mobile { width:100%;}

.minimal-skin .ui-widget {
	font-family: "Playfair Display", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif;
	background: #fff;
	border: none;
	border-radius:3px 3px 0 0;
	padding:.5em;
}

.minimal-skin .ui-datepicker-header {
	
	border: none;
	background: transparent;
	font-weight: normal;
	font-size: .9em;
}

.minimal-skin .ui-datepicker-header .ui-state-hover {
	background: transparent;
	border-color: transparent;
	cursor: pointer;
	border-radius: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
}

.minimal-skin .ui-datepicker .ui-datepicker-title {
	margin-top: .4em;
	margin-bottom: .3em;
	color: #626262;
}

.minimal-skin .ui-datepicker .ui-datepicker-prev-hover,
.minimal-skin .ui-datepicker .ui-datepicker-next-hover,
.minimal-skin .ui-datepicker .ui-datepicker-next,
.minimal-skin .ui-datepicker .ui-datepicker-prev {
	top: .9em;
	border:none;
}

.minimal-skin .ui-datepicker .ui-datepicker-prev-hover {
	left: 2px;
}

.minimal-skin .ui-datepicker .ui-datepicker-next-hover {
	right: 2px;
}

.minimal-skin .ui-datepicker .ui-datepicker-next span,
.minimal-skin .ui-datepicker .ui-datepicker-prev span {
	background-imageX: url(skin-melon.png);
	background-position: -32px 0;
	margin-top: 0;
	top: 0;
	font-weight: normal;
}

.minimal-skin .ui-datepicker .ui-datepicker-prev span {
	background-position: -96px 0;
}

.minimal-skin .ui-datepicker table {
	margin: 0;
}

.minimal-skin .ui-datepicker th {
	padding: 1em 0;
	color: #222;
	font-size: 1.2em;
	border-top: 1px dotted #ccc;
	
}




.minimal-skin td .ui-state-default {
	font-family: "Poppins", "PT Sans", Helvetica, Arial, Verdana, sans-serif !important;
	background: transparent;
	border: none;
	text-align: center;
	padding: .3em;
	margin: 0;
	font-weight: normal;
	color: rgba(0,0,0,.57);
	font-size: 1em;
}

.ui-datepicker-group {margin:1% !important; }
.ui-datepicker-multi-4 .ui-datepicker-group { width:23%; }
.ui-datepicker-multi-3 .ui-datepicker-group {width:31.3%; }
.ui-datepicker-multi-2 .ui-datepicker-group {width: 48%;}


@media(max-width: 530px) and (min-width: 1px) { 
.ui-datepicker { width:80%!important; }
.ui-datepicker-group { width:100%;}

}









.minimal-skin .ui-datepicker-unselectable.ui-state-disabled.confirmed-booked span {
	background:#ccc;
}


.minimal-skin td .ui-state-hover { background: #eee; }
.minimal-skin td .ui-state-active {color:red; }
.ui-datepicker-trigger {cursor:pointer !important;}

.ui-datepicker-hover a, .ui-datepicker-hover:after { background-color: #4285a0 !important; color: #fff !important; }

.ui-datepicker-select a {
 background-color: #4285a0 !important;
 color: #fff !important;
}

.ui-datepicker-select a:hover { opacity:0.5; }
.ui-datepicker-select.select-arrival a {color:#fff !important; background-color:orange !important;}
.ui-datepicker-select.select-departure a {color:#fff !important; background-color:orange !important; }

.confirmed-arrival a {background-image: linear-gradient(to top left , #eaeaea 50%, #fff 50%) !important; }
.confirmed-arrival a:hover  {background-image: linear-gradient(to top left , #eaeaea 50%, orange 50%) !important; }
.confirmed-departure a {background-image: linear-gradient(to bottom right, #eaeaea 50%, #fff 50%) !important; }
.confirmed-departure a:hover  {background-image: linear-gradient(to bottom right, #eaeaea 50%, orange 50%) !important; }
.ui-datepicker-select.confirmed-arrival a {color:rgba(255,255,255,1) !important; background: orange !important; }
.ui-datepicker-select.confirmed-departure a {color:rgba(255,255,255,1) !important; background: orange !important;}
.ui-datepicker-select.ui-state-disabled {opacity:.8 !important;}