div.foxdp{position: relative; user-select: none;}
div.foxdp #foxdp_popup > hr{margin: 0; padding: 4px 0 0 0; border: none;}

div.foxdp #foxdp_popup{
	border: 1px solid var(--color-green);
	border-radius: 10px;
	position: absolute;	top: 100%;
	margin-top: 4px; padding: 4px;
	background: var(--color-white);
	z-index: 20;
}

div.foxdp #foxdp_popup > h4{
	font-weight: bold;
	text-align: center;
	margin: 0; padding: 0;
	background: var(--color-greenLight);
	border-radius: 7px;
	display: flex;
}
div.foxdp #foxdp_popup > h4 > div{padding: 8px;min-width: 40px;}
div.foxdp #foxdp_popup > h4 > div:nth-child(2){flex: 1}
div.foxdp #foxdp_popup > h4 > div:not(:nth-child(2)){
	background: var(--color-greenGrey);
	border-radius: 8px; font-size: 12px;
}

div.foxdp #foxdp_popup li{font-size: 14px;}
div.foxdp #foxdp_popup dl{padding: 0; margin: 0;}
div.foxdp #foxdp_popup dl:nth-child(2) li{font-weight: bold;}
div.foxdp #foxdp_popup dl li{
	opacity: 1; 
	display: table-cell;
	list-style-type: none;
	padding: 8px 0;	width: 40px;
	border: 1px solid transparent; 
	text-align: center;
}

div.foxdp #foxdp_popup dl li.select,
div.foxdp #foxdp_popup dl li.today{font-weight: bold; color: var(--color-orange);}

div.foxdp #foxdp_popup dl li.select{
	background: linear-gradient(
		var(--color-greenGrey) 6px,
		var(--color-greenLight) 6px calc(100% - 5px),
		var(--color-greenGrey) calc(100% - 5px)
	);
	background-size: calc(100% + 2px) calc(100% + 4px);
	background-repeat: no-repeat;
	background-position: center;
}

div.foxdp #foxdp_popup dl:not(:nth-child(2)):not(:last-child) li:not(.select):nth-child(6),
div.foxdp #foxdp_popup dl:not(:nth-child(2)):not(:last-child) li:not(.select):nth-child(7){
	background: var(--color-bg-orange);
}

div.foxdp #foxdp_popup dl:not(:nth-child(2)) li:hover{
	transition:0.3s; 
	/* border-radius: 7px; */
	background: var(--color-greenGrey); 
	color: var(--color-text);
	cursor: pointer;
}

/* div.foxdp #foxdp_popup dl:nth-child(3) li:nth-child(1){border-top-left-radius: 7px;}
div.foxdp #foxdp_popup dl:nth-child(3) li:last-child{border-top-right-radius: 7px;} */

div.foxdp #foxdp_popup dl:last-child li:nth-child(1){border-bottom-left-radius: 7px;}
div.foxdp #foxdp_popup dl:last-child li:last-child{border-bottom-right-radius: 7px;}