#datepicker	{ position:absolute; z-index:9999; top:50%; left:50%; width:600px; margin:-25% 0 0 -300px; padding:20px; background:white; border:1px solid #CCC; border-radius:10px; box-shadow:7px 7px 20px black; }
#datepicker *	{ font-size:12px; }

#datepicker #year		{ width:65px; height:24px; padding:5px 0 0 10px; border:1px solid #CCC; background:#F5F5F5;		color:#555;  cursor:default; text-align:left; }
#datepicker #years		{ width:65px; height:288px; overflow:hidden; overflow-Y:scroll; border:1px solid #CCC; border-top:0; }
#datepicker .year		{ width:100%; height:24px; padding:5px 0 0 10px; border-bottom:1px solid #CCC;	background:white;	color:black; cursor:pointer; }
#datepicker .year_on		{ width:100%; height:24px; padding:5px 0 0 10px; border-bottom:1px solid #CCC;	background:var(--blue);	color:white; cursor:pointer; }
#datepicker .year:last-child	{ width:100%; height:24px; padding:5px 0 0 10px; border-bottom:0; background:white;		color:black; cursor:pointer; }
#datepicker .year_on:last-child	{ width:100%; height:24px; padding:5px 0 0 10px; border-bottom:0; background:var(--blue);	color:white; cursor:pointer; }

#datepicker #mons		{ width:60px; height:312px; overflow:hidden; border:1px solid #CCC; text-align:center; }
#datepicker .mon:first-child	{ width:60px; height:24px; padding:5px 0 0 0; border-bottom:1px solid #CCC; background:#F5F5F5;	color:#555;  cursor:default; }
#datepicker .mon		{ width:60px; height:24px; padding:5px 0 0 0; border-bottom:1px solid #CCC; background:white;	color:black; cursor:pointer; }	
#datepicker .mon_on		{ width:60px; height:24px; padding:5px 0 0 0; border-bottom:1px solid #CCC; background:var(--blue);	color:white; cursor:pointer; }

#datepicker #hr			{ width:60px; height:24px; padding:5px 0 0 0; border:1px solid #CCC; background:#F5F5F5;		color:#555;  cursor:default; text-align:center; }
#datepicker #hrs		{ width:60px; height:288px; overflow-X:hidden; border:1px solid #CCC; border-top:0; text-align:right; }
#datepicker .hr			{ width:100%; height:24px; padding:5px 10px 0 0; border-bottom:1px solid #CCC;	background:white;	color:black; cursor:pointer; }
#datepicker .hr_on		{ width:100%; height:24px; padding:5px 10px 0 0; border-bottom:1px solid #CCC;	background:var(--blue);	color:white; cursor:pointer; }
#datepicker .hr:last-child	{ width:100%; height:24px; padding:5px 10px 0 0; border-bottom:0; background:white;		color:black; cursor:pointer; }
#datepicker .hr_on:last-child	{ width:100%; height:24px; padding:5px 10px 0 0; border-bottom:0; background:var(--blue);	color:white; cursor:pointer; }

#datepicker #min		{ width:40px; height:312px; overflow:hidden; border:1px solid #CCC; text-align:center; }
#datepicker .min:first-child	{ width:40px; height:24px; padding:5px 0 0 0; border-bottom:1px solid #CCC; background:#F5F5F5;		color:#555;  cursor:default; text-align:center; }
#datepicker .min		{ width:40px; height:24px; padding:5px 0 0 0; border-bottom:1px solid #CCC; background:white;		color:black; cursor:pointer; text-align:center; }
#datepicker .min_on		{ width:40px; height:24px; padding:5px 0 0 0; border-bottom:1px solid #CCC; background:var(--blue);	color:white; cursor:pointer; text-align:center; }

#datepicker #caltbl td		{ text-align:center; }
#datepicker .day		{ background:white;		color:black;	cursor:pointer; font-size:15px; }
#datepicker .day_on		{ background:var(--blue);	color:white;	cursor:pointer; font-size:15px; }
#datepicker .day_out		{ background:rgb(245,245,245);	color:#CCCCCC;	cursor:default; font-size:12px; }
#datepicker .day_today		{ background:#FFFFDD;   	color:#black;	cursor:pointer; font-size:15px; }
#datepicker .day:hover, #datepicker .mon:hover, #datepicker .yr:hover, #datepicker .day_today:hover, #datepicker .hr:hover, #datepicker .min:hover { background:var(--hover); }
#datepicker .mon:first-child:hover, #datepicker .hr:first-child:hover, #datepicker .min:first-child:hover { background:#F5F5F5; }