/* dl.datepicker
 * peter assenov https://aip.solutions 2001-2023
 * 2.4.05 2023-04-13
 */
/* color variables */
:root {
	/* default gray theme */
  	--dp-fg: #263238;
  	--dp-bg: #eceff1;
}
/* form validation */
/* input:valid		{border:1px solid green;}
input:invalid 	{border:1px solid red;} */
/* base 12 ui grid */
.su	{width:8%;}  	/* 1/12 */
.sx	{width:16.66%;}	/* 2/12 1/6 */
.sq	{width:25%;} 	/* 3/12 1/4 */
.st	{width:33.33%;} /* 4/12 1/3 */
.sf	{width:42%;} 	/* 5/12 */
.ss	{width:50%;} 	/* 6/12 1/2 */
.df	{width:58%;} 	/* 7/12 */
.dt	{width:67%;} 	/* 8/12 2/3 */
.dq	{width:75%;} 	/* 9/12 3/4 */
.dx	{width:83%;} 	/* 10/12 5/6 */
.du	{width:92%;} 	/* 11/12 */
/* datepicker styles */
div.datepicker	 {position:absolute;display:none;left:0;top:36px;width:240px;height:250px;border:1px solid #757575;color:var(--dp-fg);background:var(--dp-bg);overflow:hidden;z-index:99;} /*Ticket: #6968-28 4.10.2019 */
div.datepicker.active	{display:block;}
div.datepicker p 	{margin:0;padding:0;min-height:auto;font-size:0;border-top:1px solid #fff;border-left:1px solid #fff;}
div.datepicker div	{position:absolute;display:none;box-sizing:border-box;left:5%;top:26px;width:90%;height:auto;border:1px solid #fff;background:inherit;outline:200px solid rgba(255,255,255,0.8);}
div.datepicker div.active	{display:block;}
div.datepicker span	{display:inline-block;box-sizing:border-box;text-align:center;}
div.datepicker a, div.datepicker b {display:inline-block;box-sizing:border-box;vertical-align:top;min-width:14.28%;min-height:28px;margin:0;border:1px solid transparent;text-align:center;font-family:Arial,sans-serif;line-height:26px;cursor:pointer;}
div.datepicker a	{padding:0 3px;font-size:13px;color:#37474f;text-decoration:none;}
div.datepicker .head a	{padding:2px 3px;}
div.datepicker b	{min-height:22px;line-height:20px;color:#78909c;}
div.datepicker a:hover	{background:#fff;border-color:#fff;color:#263238;}
div.datepicker a.active	{background:#b0bec5;}
div.datepicker a.current {border-color:#b0bec5;font-weight:bold;}
div.datepicker a.void:hover	{border-color:#eceff1;background:#eceff1;}
div.datepicker a.void{color:rgb(161, 161, 161);}
div.datepicker b	{font-size:11px;font-weight:normal;}
/* compatibility styles */
div.datepicker.active b	{min-height:22px;margin:0;border:0;line-height:20px;color:#78909c;}
/* version history
	2.4.05 2023-04-13
		+ addeed color variables
 */