.datepicker {
	font-family: "Trebuchet MS", Helvetica, sans-serif;
	background-color: transparent;
	border: none;
	/* border-radius: 4px; */
	background-color: white;
	color: black;
	width: 7.2em;
	padding-left: 0.2em;
	height: 1.1em;
	line-height: 1.1em;
	position: absolute;
	-webkit-user-select: none; /* Safari */
	-ms-user-select: none; /* IE 10+ and Edge */
	user-select: none; /* Standard syntax */
}

.datepicker .outputContainer{
    margin-bottom: 1em;
}

    .datepicker .disabledOutput {
        color: darkgrey;
        padding-left: 0.2em;
        text-decoration: line-through;
    }

    .datepicker .dateOutput {
        background-color: transparent;
        display: flex;
        font-size: 86%;
        font-style: italic;
        cursor: pointer;
        color: grey;
        margin-left: -3px;
        padding-left: 3px;
    }
    .datepicker .openArrow {
        position: absolute;
        padding-right: 3px;
        top: 0;
        right: 0;
        background-color: transparent;
        cursor: pointer;
    }

.datepicker table {
	box-sizing: border-box;
	border-collapse: collapse;
	background-color: white;
    border-color: white;
    display: initial !important;
    justify-content: initial !important;
}
.datepicker table thead th {
	background-color: white;
}
.datepicker table tr {
    background-color: white;
    border: initial !important;
}
.datepicker table td {
    background-color: white;
    width: unset !important;
}

.datepicker .backgroundDIV {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 99;
	background-color: transparent;
	opacity: 0;
}

.datepicker .datepicker_contentAll {
	position: absolute;
	background-color: white;
	padding: 5px;
	border: 2px solid cornflowerblue;
	box-shadow: 0px 0px 14px 4px grey;
	z-index: 100;
	opacity: 1;
}

.datepicker .headingDIV {
	width: auto;
	text-align: center;
	margin-bottom: 1em;
}

.datepicker .calenderArrows {
	position: absolute;
	cursor: pointer;
	padding-bottom: 2px;
}

.datepicker .tableHead {
	padding-top: 1px;
	padding-bottom: 2.5px;
}
.datepicker .kwFields {
	text-align: center !important;
	border-right: 1px solid lightgrey !important;
	padding: 5px !important;
	cursor: initial !important;
	background-color: transparent !important;
	color: darkgrey !important;
}
.datepicker .datefields {
	text-align: center !important;
	/* border: 1px solid grey; */
    padding: 5px !important;
	cursor: pointer;
	background-color: transparent;
    width: unset !important;
}
.datepicker .disabledDatefields {
    color: darkgrey;
    padding-left: 0.2em;
}

.datepicker .btnDIV {
	text-align: right;
}
.datepicker .btnDIV button:nth-child(2) {
	position: absolute;
	left: 4px; /* 4px, weil: 2px border und 2px padding. */
}

.datepicker .output {
	color: darkred;
}

/* Buttons: */
.datepicker .button {
	background-color: #4CAF50; /* Grün */
	border: none;
	color: white;
	padding: 2px 5px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	-webkit-transition-duration: 0.47s;
	transition-duration: 0.47s;
	cursor: pointer;
    border-radius: 3px;
    text-transform: uppercase;
}

.datepicker .b_g {
	background-color: white;
	color: black;
	border: 2px solid #4CAF50;
	cursor: pointer;
}
.datepicker .b_g:hover {
	background-color: #4CAF50;
	color: white;
}

.datepicker .b_b {
	background-color: white;
	color: #104E8B;
	border: 2px solid #104E8B;
	cursor: pointer;
}
.datepicker .b_b:hover {
	background-color: #2196F3;
	color: white;
}
/* Buttons -ENDE- */