/* Wrapper
-----------*/

	.datepicker--wrapper {
		position: relative;
		min-width: 170px;
	}

/* Eingabefeld
---------------*/

	.datepicker--input {
		position: relative;
		width: 100%;
		padding-left: 40px !important;
		cursor: pointer;
	}

/* Icon
--------*/

	.datepicker--icon {
		position: absolute;
		top: 0;
		left: 5px;
		height: 100%;
		width: 32px;
		cursor: pointer;
		background-image: url('/core/contextmind/input/date/pub/img/calendar.svg');
		background-repeat: no-repeat;
		background-size: 18px auto;
		background-position: center center;
		opacity: 0.2;
		z-index: 99;
	}


/* Closer
----------*/

	.datepicker--closer {
		position: absolute;
		top: 0;
		right: 0;
		height: 100%;
		width: 32px;
		cursor: pointer;
		background-image: url('/core/contextmind/input/date/pub/img/x.svg');
		background-repeat: no-repeat;
		background-size: 16px auto;
		background-position: center center;
		opacity: 0.3;
		z-index: 99;
		border-radius: 20px;
	}

	.datepicker--closer:hover {
		opacity: 1;
	}

/* Datum-Auswahl
-----------------*/

	.ui-datepicker-month,
	.ui-datepicker-year {
		padding: 1px 5px;
		background-color: rgba(255,255,255,0.5);
	}

/******* NEUE STYLES ********/

/* Header
----------*/

	.ui-datepicker-header {
		border-radius: 0 !important;
	}

/* Pfeile
----------*/

	.ui-datepicker-next .ui-icon {
		display: none !important;
	}

	.ui-datepicker-next {
		background-image: url('/core/contextmind/input/date/pub/img/chevron-right.svg') !important;
		background-repeat: no-repeat !important;
		background-size: 24px auto !important;
		background-position: center center;
		cursor: pointer;
		opacity: 0.7;
	}

	.ui-datepicker-next:hover,
	.ui-datepicker-next-hover {
		border: none !important;
		opacity: 1;
	}

/* Datepicker
--------------*/


.datepicker-container {
	border: 1px solid #DDDDDD !important;
	border-radius: 5px;
}

.datepicker-container .datepicker-panel {
	border-radius: 5px;
}

.datepicker-container:before {
	display: none;
}

.datepicker-container:after {
	display: none;
}

.datepicker-container [data-view="week"] li {
	font-size: 12px !important;
}

.datepicker-panel > ul {
	width: 280px !important;
}

.datepicker-container [data-view="week"] > li,
.datepicker-container [data-view="days"] > li {
	height: 40px;
	width: 40px;
	line-height: 40px;
}

.datepicker-container li[data-view="month prev"],
.datepicker-container li[data-view="month current"],
.datepicker-container li[data-view="month next"]{
	height: 40px !important;
	width: 40px !important;
	line-height: 40px;
	background-color: #f2f2f2;
}

.datepicker-container li[data-view="month current"] {
	font-weight: bold;
}

.datepicker-container ul[data-view="week"] li {
	font-weight: bold;
}

.datepicker-container li[data-view="month prev"],
.datepicker-container li[data-view="month next"] {
	font-size: 26px !important;
	line-height: 35px !important;
}

.datepicker-container li[data-view="month current"] {
	width: 200px !important;
}

.datepicker-container {
	width: 280px !important;
}

.datepicker-container .picked {
	background-color: #009cdf;
	color: #FFFFFF !important;
}

.datepicker-container .highlighted {
	border: 2px dashed #009cdf;
	background-color: #FFFFFF !important;
	line-height: 35px !important;
}

.datepicker-container .highlighted.picked {
	background-color: #009cdf !important;
}

.datepicker-dropdown {
  -webkit-box-shadow: 0 3px 6px #454545;
  box-shadow: 0 3px 6px #454545;
}