/* ///// Gesamte Box //// */
.xdsoft_datetimepicker {
	margin-top:10px;
	color: #fff;
	padding: 0px;
	padding-left: 0px;
	padding-top: 0px;
	position: relative;
	z-index: 9999;
	-moz-box-sizing: border-box;
	box-sizing: border-box; 
	display:inline-block !important;
	background-color:transparent; }

/* ///// stuff //// */
.xdsoft_noselect{
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none; }
.xdsoft_noselect::selection { background: transparent; }
.xdsoft_noselect::-moz-selection { background: transparent; }
.xdsoft_datetimepicker.xdsoft_inline { display:inline-block; position:static; box-shadow: none; }
.xdsoft_datetimepicker * {-moz-box-sizing: border-box; box-sizing: border-box; padding:0px;	margin:0px; }

/* //// Einblenden / Ausblenden wenn nötig ///// */
.xdsoft_datetimepicker .xdsoft_datepicker, 
.xdsoft_datetimepicker .xdsoft_timepicker {	display:none; }
.xdsoft_datetimepicker .xdsoft_datepicker.active, .xdsoft_datetimepicker .xdsoft_timepicker.active { display:block; }




/* //// Grösse Definieren ///// */
.xdsoft_datetimepicker  .xdsoft_datepicker  							{  width: 67vw !important; min-width:320px; height:65vh !important; min-height:360px; float:left; margin:auto; display:block !important; }
.xdsoft_datetimepicker  .xdsoft_datepicker.active+.xdsoft_timepicker 	{  }
.xdsoft_datetimepicker  .xdsoft_mounthpicker 							{  position:relative; text-align: center; }








/* Kopfzeile */

/* Buttons */
.xdsoft_datetimepicker  .xdsoft_prev, .xdsoft_datetimepicker  .xdsoft_next,.xdsoft_datetimepicker  .xdsoft_today_button { background-image:url(pic/datetimepickernav.png); }
.xdsoft_datetimepicker  .xdsoft_prev { float: left;	background-position:-60px -15px; }
.xdsoft_datetimepicker  .xdsoft_today_button { float: left; background-position:-210px -17px; margin-left:00px; }
.xdsoft_datetimepicker  .xdsoft_next { float: right; background-position:0px -15px; }
.xdsoft_datetimepicker  .xdsoft_next:active,.xdsoft_datetimepicker  .xdsoft_prev:active { }
.xdsoft_datetimepicker  .xdsoft_next,.xdsoft_datetimepicker  .xdsoft_prev ,.xdsoft_datetimepicker  .xdsoft_today_button{
	background-color: transparent;
	background-repeat: no-repeat;
	border: 0px none currentColor;
	cursor: pointer;
	display: block;
	height: 60px;
	opacity: 0.5;
	outline: medium none currentColor;
	overflow: hidden;
	padding: 0px;
	position: relative;
	text-indent: 100%;
	white-space: nowrap;
	width: 60px;
	background-size:270px 90px; }

.xdsoft_datetimepicker  .xdsoft_today_button:hover,
.xdsoft_datetimepicker  .xdsoft_next:hover,
.xdsoft_datetimepicker  .xdsoft_prev:hover { opacity: 1;}

/* Monat - Jahr Selection */
.xdsoft_datetimepicker  .xdsoft_label{
	display: inline-block;
	margin:auto;
    position: relative;
    z-index: 9999;
    padding: 17px 3px;
    font-size: 24px;
    line-height: 24px;
    background-color: transparent;
	text-align:center;
	cursor:pointer;
	 }







.xdsoft_datetimepicker xdsoft_noselect xd_inline { }
.xdsoft_mounthpicker  {  }	 
	 
/* Dropdown */
.xdsoft_datetimepicker  .xdsoft_label:hover {  }
.xdsoft_datetimepicker  .xdsoft_label > .xdsoft_select{
	position:absolute;
	right:0px;
	top:50px;
	
	z-index:1; display:none !important; max-height:0px;
	
	background-color: rgba(255,100,0,0);
	overflow-y:hidden;
}

.xdsoft_datetimepicker  .xdsoft_label > .xdsoft_select.xdsoft_monthselect{right:-7px;}
.xdsoft_datetimepicker  .xdsoft_label > .xdsoft_select.xdsoft_yearselect{right:20px;}
.xdsoft_datetimepicker  .xdsoft_label > .xdsoft_select > div > .xdsoft_option:hover { color: #fff; background-color:none; }
.xdsoft_datetimepicker  .xdsoft_label > .xdsoft_select > div > .xdsoft_option {	padding:2px 10px; }
.xdsoft_datetimepicker  .xdsoft_label > .xdsoft_select > div > .xdsoft_option.xdsoft_current { background-color:none; color:#fff; font-weight: 700; }
.xdsoft_datetimepicker  .xdsoft_month { text-align:center; }
.xdsoft_datetimepicker  .xdsoft_year  { text-align:center; width:120px; margin-left:30px; }


/* Kalender-Tabelle */
.xdsoft_datetimepicker  .xdsoft_calendar 		{ clear:both; background-color:transparent;}
.xdsoft_datetimepicker  .xdsoft_calendar table 	{ border-collapse:collapse; width:100%; background-color:transparent;}
.xdsoft_datetimepicker  .xdsoft_calendar table tr	{ height:72px !important; line-height:inherit !important; 
													  border-bottom:0px rgba(255,255,255,0.00) !important;
													  border-top:0px rgba(255,255,255,0.00) !important; }
.xdsoft_datetimepicker  .xdsoft_calendar td > div {	 }



/* Tabelleneinträge - allgemein */
.xdsoft_datetimepicker  .xdsoft_calendar td,
.xdsoft_datetimepicker  .xdsoft_calendar th { 
    font-size: 22px; width:14.2857142%;
	background-color: rgba(0,0,0,0.00);
	color: #fff;
	text-align: center;
    vertical-align: middle;
	padding:0px;
	border-collapse:collapse;
	cursor:pointer;
	line-height:32px !important; 
	min-height:12px; 
	height:24px;
	border-bottom:0px rgba(255,255,255,0.00) !important;
	border-top:0px rgba(255,255,255,0.00) !important;}


/* Tabellenkopf */
.xdsoft_datetimepicker  .xdsoft_calendar th {
	font-weight: 300;
	text-align: center;
	color: #cdcdcd;
	cursor:default;
	line-height:32px !important; 
	border-bottom:1px solid rgba(255,255,255,0.10) !important}



.xdsoft_datetimepicker  .xdsoft_calendar td { background-size:67px 67px; background-position:center; background-repeat:no-repeat; }

/* Aktueller Tag */
.xdsoft_datetimepicker  .xdsoft_calendar td.xdsoft_today 		{ color:rgba(0,0,0,0.67); 		font-weight:400; 	background-image:url(pic/blancCircleWhite.svg); opacity:1; }

/* Ausgewähler Tag */
.xdsoft_datetimepicker  .xdsoft_calendar td.xdsoft_default, 
.xdsoft_datetimepicker  .xdsoft_calendar td.xdsoft_current 		{ color:rgba(255,255,255,1); 	font-weight: 700;    background-image:url(pic/blancCircleOrange.svg); opacity:1; }

/* Deaktivierte Tage */
.xdsoft_datetimepicker  .xdsoft_calendar td.xdsoft_other_month,
.xdsoft_datetimepicker  .xdsoft_calendar td.xdsoft_disabled,
.xdsoft_datetimepicker  .xdsoft_time_box >div >div.xdsoft_disabled,
.xdsoft_datetimepicker  .xdsoft_calendar td.xdsoft_other_month.xdsoft_disabled { opacity:0.2; background-image:none;}

/* Hover Tage */

.xdsoft_datetimepicker  .xdsoft_calendar td:hover,
.xdsoft_datetimepicker  .xdsoft_timepicker .xdsoft_time_box >div >div:hover {
	color:rgba(0,0,0,0.67) !important;
	font-weight:400 !important; background-image:url(pic/blancCircleOrange.svg); }
	
/* Hover deaktivierte Tage */

.xdsoft_datetimepicker  .xdsoft_calendar td.xdsoft_disabled:hover,
.xdsoft_datetimepicker  .xdsoft_timepicker .xdsoft_time_box >div >div.xdsoft_disabled:hover{
	color: inherit	!important;
    background-color: rgba(0,0,0,0.0) !important;
    box-shadow: inherit !important; }
	
	

.xdsoft_datetimepicker  .xdsoft_copyright  			{ display:none; }
.xdsoft_datetimepicker  .xdsoft_copyright a 		{ display:none; }
.xdsoft_datetimepicker  .xdsoft_copyright a:hover 	{ display:none; }




/* Touch-BIG-Screen SELECTION */

@media 
only screen and (device-width : 1080px) and (device-height : 1920px) and (orientation : portrait) {


/* //// Grösse Definieren ///// */
.xdsoft_datetimepicker  .xdsoft_datepicker  							{  width: 640px !important; height:640px !important; margin-top:160px; }

	
	
}