/*! edited for wissen.schule
 * Datetimepicker for Bootstrap 3
 * version : 4.17.37
 * https://github.com/Eonasdan/bootstrap-datetimepicker/ 
 */
 
.bootstrap-datetimepicker-widget{list-style:none;}
.bootstrap-datetimepicker-widget.dropdown-menu{z-index:99999;width:20vw!important;list-style:none;font-size:var(--fontnorm) !important;text-align:left;background-color:rgba(83,91,94,.93)!important;border:none!important;-webkit-box-shadow:0 .6vw 1vw rgba(0,0,0,.175)!important;box-shadow:0 .6vw 1vw rgba(0,0,0,.175)!important;background-clip:padding-box;margin:0!important;padding:.25vw!important;min-width: unset;}
.table-condensed>tbody>tr>td,.table-condensed>tbody>tr>th,.table-condensed>tfoot>tr>td,.table-condensed>tfoot>tr>th,.table-condensed>thead>tr>td,.table-condensed>thead>tr>th{padding:.1vw!important;}
.bootstrap-datetimepicker-widget.dropdown-menu:after,.bootstrap-datetimepicker-widget.dropdown-menu:before{content:'';display:inline-block;position:absolute;}
.bootstrap-datetimepicker-widget.dropdown-menu.bottom:before{border-left:.5vw solid transparent;border-right:.5vw solid transparent;border-bottom:.5vw solid #ccc;border-bottom-color:rgba(0,0,0,.2);top:-.5vw;left:.5vw;}
.bootstrap-datetimepicker-widget.dropdown-menu.bottom:after{border-left:.5vw solid transparent;border-right:.5vw solid transparent;border-bottom:.5vw solid #ededed;top:-.45vw;left:.7vw;}
.bootstrap-datetimepicker-widget.dropdown-menu.top:before{border-left:.5vw solid transparent;border-right:.5vw solid transparent;border-top:.5vw solid #ccc;border-top-color:rgba(0,0,0,.2);bottom:-.5vw;left:.5vw;}
.bootstrap-datetimepicker-widget.dropdown-menu.top:after{border-left:.5vw solid transparent;border-bottom:none;border-right:.5vw solid transparent;border-top:.5vw solid #ededed;bottom:-.5vw;left:.5vw;}
.bootstrap-datetimepicker-widget.dropdown-menu.pull-right:after,.bootstrap-datetimepicker-widget.dropdown-menu.pull-right:before{left:auto;right:.5vw;}
.bootstrap-datetimepicker-widget .list-unstyled{margin:0;}
.bootstrap-datetimepicker-widget a[data-action]{padding:.5vw 0;}
.bootstrap-datetimepicker-widget a[data-action]:active{box-shadow:none;}
.bootstrap-datetimepicker-widget .timepicker-hour,.bootstrap-datetimepicker-widget .timepicker-minute,.bootstrap-datetimepicker-widget .timepicker-second{width:5vw;font-weight:700;font-size:1.2em;margin:0;}
.bootstrap-datetimepicker-widget button[data-action]{padding:.5vw;}
.bootstrap-datetimepicker-widget .btn[data-action=incrementHours]::after{position:absolute;width:.1vw;height:.1vw;overflow:hidden;clip:rect(0,0,0,0);border:0;content:"Increment Hours";margin:-.1vw;padding:0;}
.bootstrap-datetimepicker-widget .datepicker-days table {table-layout: fixed;display: inline-flex;flex-direction: column;align-items: center;}
.bootstrap-datetimepicker-widget .btn[data-action=incrementMinutes]::after{position:absolute;width:.1vw;height:.1vw;overflow:hidden;clip:rect(0,0,0,0);border:0;content:"Increment Minutes";margin:-.1vw;padding:0;}
.bootstrap-datetimepicker-widget .btn[data-action=decrementHours]::after{position:absolute;width:.1vw;height:.1vw;overflow:hidden;clip:rect(0,0,0,0);border:0;content:"Decrement Hours";margin:-.1vw;padding:0;}
.bootstrap-datetimepicker-widget .btn[data-action=decrementMinutes]::after{position:absolute;width:.1vw;height:.1vw;overflow:hidden;clip:rect(0,0,0,0);border:0;content:"Decrement Minutes";margin:-.1vw;padding:0;}
.bootstrap-datetimepicker-widget .btn[data-action=showHours]::after{position:absolute;width:.1vw;height:.1vw;overflow:hidden;clip:rect(0,0,0,0);border:0;content:"Show Hours";margin:-.1vw;padding:0;}
.bootstrap-datetimepicker-widget .btn[data-action=showMinutes]::after{position:absolute;width:.1vw;height:.1vw;overflow:hidden;clip:rect(0,0,0,0);border:0;content:"Show Minutes";margin:-.1vw;padding:0;}
.bootstrap-datetimepicker-widget .btn[data-action=togglePeriod]::after{position:absolute;width:.1vw;height:.1vw;overflow:hidden;clip:rect(0,0,0,0);border:0;content:"Toggle AM/PM";margin:-.1vw;padding:0;}
.bootstrap-datetimepicker-widget .btn[data-action=clear]::after{position:absolute;width:.1vw;height:.1vw;overflow:hidden;clip:rect(0,0,0,0);border:0;content:"Clear the picker";margin:-.1vw;padding:0;}
.bootstrap-datetimepicker-widget .btn[data-action=today]::after{position:absolute;width:.1vw;height:.1vw;overflow:hidden;clip:rect(0,0,0,0);border:0;content:"Set the date to today";margin:-.1vw;padding:0;}
.bootstrap-datetimepicker-widget .picker-switch{text-align:center;}
.bootstrap-datetimepicker-widget .picker-switch::after{position:absolute;width:.1vw;height:.1vw;overflow:hidden;clip:rect(0,0,0,0);border:0;content:"Toggle Date and Time Screens";margin:-.1vw;padding:0;}
.bootstrap-datetimepicker-widget .picker-switch td{height:auto;width:auto;line-height:inherit;margin:0;padding:0;}
.bootstrap-datetimepicker-widget .picker-switch td span{line-height:2.5;height:2.5em;width:100%;}
.bootstrap-datetimepicker-widget table{width:100%;margin:0;}
.bootstrap-datetimepicker-widget table td,.bootstrap-datetimepicker-widget table th{text-align:center;}
.bootstrap-datetimepicker-widget table th{height: 2vw;line-height: 2vw;font-size: var(--fontlarge);width: 3vw;display: flex;flex-direction: row;justify-content: space-evenly;float: left;align-items: center;flex-wrap: nowrap;}
.bootstrap-datetimepicker-widget table th.next::after,.bootstrap-datetimepicker-widget table th.prev::after{position:absolute;width:.1vw;height:.1vw;border:0;overflow:hidden;clip:rect(0,0,0,0);margin:-.1vw;padding:0;}
.bootstrap-datetimepicker-widget table th.picker-switch{width: 13.5vw !important;}
.bootstrap-datetimepicker-widget table th.prev::after{content:"vorheriger Monat";}
.bootstrap-datetimepicker-widget table th.next::after{content:"nächster Monat";}
.bootstrap-datetimepicker-widget table td{height:2vw;line-height:2vw;width:2vw;}
.bootstrap-datetimepicker-widget table td.cw{font-size:.8em;height:2vw;line-height:2vw;color:#777;}
.bootstrap-datetimepicker-widget table td.day{height:1.3vw;line-height:1.3vw;}
.bootstrap-datetimepicker-widget table td.day:hover,.bootstrap-datetimepicker-widget table td.hour:hover,.bootstrap-datetimepicker-widget table td.minute:hover,.bootstrap-datetimepicker-widget table td.second:hover{background:#8caf19;cursor:pointer;}
.bootstrap-datetimepicker-widget table td.today{position:relative;}
.bootstrap-datetimepicker-widget table td.today:before{content:'';display:inline-block;border:solid transparent;border-bottom-color:#74bcde;border-top-color:rgba(0,0,0,.2);position:absolute;bottom:.3vw;right:.3vw;border-width:0 0 .5vw .5vw;}
.bootstrap-datetimepicker-widget table td.active.today:before{border-bottom-color:#fff;}
.bootstrap-datetimepicker-widget table td span{display:inline-block;width:3vw;line-height:2vw;height:2vw;cursor:pointer;margin:.1vw .05vw;font-size: var(--fontnorm);background-color: rgba(0,0,0,.05);}
.bootstrap-datetimepicker-widget.usetwentyfour td.hour{height:2.5vw;line-height:2.5vw;}
.bootstrap-datetimepicker-widget.wider{width:21em;}
.bootstrap-datetimepicker-widget .datepicker-decades .decade{line-height:1vw !important;}
.sr-only{position:absolute;width:.1vw;height:.1vw;overflow:hidden;clip:rect(0,0,0,0);border:0;margin:-.1vw;padding:0;}
.bootstrap-datetimepicker-widget table th.disabled,.bootstrap-datetimepicker-widget table th.disabled:hover,.bootstrap-datetimepicker-widget table td.disabled,.bootstrap-datetimepicker-widget table td.disabled:hover,.bootstrap-datetimepicker-widget table td span.disabled,.bootstrap-datetimepicker-widget table td span.disabled:hover{background:0 0;color:#777;cursor:not-allowed;}
.bootstrap-datetimepicker-widget table thead tr:first-child th,.input-group.date .input-group-addon{cursor:pointer;}
.bootstrap-datetimepicker-widget table thead tr:first-child th:hover,.bootstrap-datetimepicker-widget table td span:hover{background:#8caf19;}
.bootstrap-datetimepicker-widget table td.new,.bootstrap-datetimepicker-widget table td.old,.bootstrap-datetimepicker-widget table td span.old{color:#777;}
.bootstrap-datetimepicker-widget table td.active,.bootstrap-datetimepicker-widget table td.active:hover,.bootstrap-datetimepicker-widget table td span.active{background-color:#74bcde;color:#fff;text-shadow:0 -.1vw 0 rgba(0,0,0,.25);}

.bootstrap-datetimepicker-widget .datepicker-days table th {width: 2.7vw;}
.bootstrap-datetimepicker-widget .datepicker-days td {width: 2.7vw !important;}
 
 /* ========= Media Queries ========== */
/* =     everything is based on     = */
/* = viewwidth-unit vw, for devices = */
/* =  with a width less than 768px, = */
/* ========= change to rem ========== */
/* Small Devices, Tablets @media only screen and (max-width: 767px) */
@media only screen and (max-width: 767px) {
	.bootstrap-datetimepicker-widget.dropdown-menu{width:20rem!important;padding:.25rem!important}
	.table-condensed>tbody>tr>td,.table-condensed>tbody>tr>th,.table-condensed>tfoot>tr>td,.table-condensed>tfoot>tr>th,.table-condensed>thead>tr>td,.table-condensed>thead>tr>th{padding:.1rem!important;}
	.bootstrap-datetimepicker-widget.dropdown-menu.bottom:before{border-left:.5rem solid transparent;border-right:.5rem solid transparent;border-bottom:.5rem solid #ccc;border-bottom-color:rgba(0,0,0,.2);top:-.5rem;left:.5rem;}
	.bootstrap-datetimepicker-widget.dropdown-menu.bottom:after{border-left:.5rem solid transparent;border-right:.5rem solid transparent;border-bottom:.5rem solid #ededed;top:-.45rem;left:.7rem;}
	.bootstrap-datetimepicker-widget.dropdown-menu.top:before{border-left:.5rem solid transparent;border-right:.5rem solid transparent;border-top:.5rem solid #ccc;bottom:-.5rem;left:.5rem;}
	.bootstrap-datetimepicker-widget.dropdown-menu.top:after{border-left:.5rem solid transparent;border-right:.5rem solid transparent;border-top:.5rem solid #ededed;bottom:-.5rem;left:.5rem;}
	.bootstrap-datetimepicker-widget.dropdown-menu.pull-right:after,.bootstrap-datetimepicker-widget.dropdown-menu.pull-right:before{right:.5rem;left:auto}
	.bootstrap-datetimepicker-widget a[data-action]{padding:.5rem 0;}
	.bootstrap-datetimepicker-widget .timepicker-hour,.bootstrap-datetimepicker-widget .timepicker-minute,.bootstrap-datetimepicker-widget .timepicker-second{width:5rem;}
	.bootstrap-datetimepicker-widget button[data-action]{padding:.5rem;}
	.bootstrap-datetimepicker-widget .btn[data-action=incrementHours]::after,
	.bootstrap-datetimepicker-widget .btn[data-action=incrementMinutes]::after,
	.bootstrap-datetimepicker-widget .btn[data-action=decrementHours]::after,
	.bootstrap-datetimepicker-widget .btn[data-action=decrementMinutes]::after,
	.bootstrap-datetimepicker-widget .btn[data-action=showHours]::after,
	.bootstrap-datetimepicker-widget .btn[data-action=showMinutes]::after,
	.bootstrap-datetimepicker-widget .btn[data-action=togglePeriod]::after,
	.bootstrap-datetimepicker-widget .btn[data-action=clear]::after,
	.bootstrap-datetimepicker-widget .picker-switch::after,
	.bootstrap-datetimepicker-widget table th.next::after,.bootstrap-datetimepicker-widget table th.prev::after,
	.bootstrap-datetimepicker-widget .btn[data-action=today]::after{width:.1rem;height:.1rem;margin:-.1rem;}

	.bootstrap-datetimepicker-widget table th{height: 2rem;line-height: 2rem;width: 3rem;}
	.bootstrap-datetimepicker-widget table th.picker-switch{width: 13.5rem !important;}
	.bootstrap-datetimepicker-widget table td{height:2rem;line-height:2rem;width:2rem;}
	.bootstrap-datetimepicker-widget table td.cw{height:2rem;line-height:2rem;}
	.bootstrap-datetimepicker-widget table td.day{height:1.3rem;line-height:1.3rem;}
	.bootstrap-datetimepicker-widget table td.today:before{bottom:.3rem;right:.3rem;border-width:0 0 .5rem .5rem;}
	.bootstrap-datetimepicker-widget table td span{width:3rem;line-height:2rem;height:2rem;margin:.1rem .05rem;}
	.bootstrap-datetimepicker-widget.usetwentyfour td.hour{height:2.5rem;line-height:2.5rem;}
	.bootstrap-datetimepicker-widget .datepicker-decades .decade{line-height:1rem !important;}
	.sr-only{width:.1rem;height:.1rem;margin:-.1rem;}
	.bootstrap-datetimepicker-widget .datepicker-days table th {width: 2.7rem;}
	.bootstrap-datetimepicker-widget .datepicker-days td {width: 2.7rem !important;}
}