/*kleurendefinities*/
:root 
	{
  --frmKalGroen: #8adf8a;;
  --frmKalRood: #ff9090;
  --frmKalBlauw: #8abbdf;
  --lichtgroen: #00990012;
  --groen: #009900;
	}

/* generieke frm definities */
.frmTxt10				{font-family:verdana,arial,helvetica;font-size:10pt;}
.frmTxt11				{font-family:verdana,arial,helvetica;font-size:11pt;}
.frmTxt12				{font-family:verdana,arial,helvetica;font-size:12pt;}

.frmVerplicht			{background-color: var(--lichtgroen);border-color: var(--groen);}
.frmVeldErrorKorteText,
.frmVeldErrorLangeText	{background:white;z-index:101;font-size:larger;padding:3px;}
.frmVeldDowText			{z-index:100;font-size:larger;}
.frmVeldDowText:before	{content:'[';}
.frmVeldDowText:after	{content:']';}

/* frmKalender definities */
#frmKalContainer, .frmKalContainer	{position:absolute;background:white;border:1px solid #dee2e6; padding:1rem;display:none;Xfont-family:arial;Xfont-size:9pt;z-index:100;border-radius:0.5rem;box-shadow: 5px 5px 5px 0px rgb(0 0 0 / 30%);min-width:255px;}
.frmKalContainerJmOvz 	{min-width: 255px;}
#frmKalHead			{width:100%;}
#frmKalPrompt		{float:left;text-align:left;font-weight:bold;}
#frmKalClose		{position:absolute;font-weight:bold;cursor:pointer;}
#frmKalFoot			{}/*{hXeight:32px;padding:2px;}*/
#frmKalResultaat	{}
#frmKalChoosen.dynTxt10		{float:left;text-align:left;vertical-align:middle;width: 100%;border: solid black 1px; padding: 5px;}
.frmKalResultText	{font-weight:bold;color:DodgerBlue;text-decoration:underline;}
.frmKalDuurText		{font-weight:bold;color:DodgerBlue;}
.frmKalClickable	{cursor:pointer;}
#frmKalOk			{float:right;width:36px;display:none;}
#frmKalFirst		{}
#frmKalMiddle		{float:left;height:100px;vertical-align:middle;font-size:larger;font-weight:bold;padding:10px;display:none;}
#frmKalLast			{}
.frmKalOvzMaand		{font-size: 1.25rem;font-weight: 600;text-align: center;margin-bottom: 0.5rem;}
.frmKalOvzMaand:first-letter {text-transform:capitalize;}
.frmKalOvzControl	{display: flex;justify-content: center;gap: 1rem;margin-bottom: 1rem;}
.frmKalCtrl			{font-weight:bold;cursor:pointer;background:grey;color:white;padding:0.25rem 0.5rem;border-radius: 0.6rem;transition: background-color 0.2s;}
.frmKalOvzDagen		{display: inline-block;width: 2.5rem;height: 2.5rem;line-height: 2.5rem;text-align: center;font-weight: 500;color: #495057;background-color:#f8f9fa;border-radius: 0.25rem;margin: 0.125rem;cursor: pointer;}
.frmKalEol			{clear:both;}
.frmKalOvzMndDgn	{float:left;padding:2px;}
/*.frmKalOvzDag		{float:left;width:34px;height:35px;padding:2px;margin:1px;line-height:30px;}*/
.frmKalOvzDag		{display:inline-block;width:2.5rem;height:2.5rem;line-height:2.5rem;text-align:center;border-radius:0.25rem;margin:0.125rem;font-weight:500;cursor:pointer;transition:background 0.3s;}
.frmKalOvzVrij		{background:green;border:solid white 3px;cursor:pointer;}
.frmKalOvzVrijWeekend	{background:lightgreen;color:white;border:solid white 3px;cursor:pointer;}
.frmKalOvzOpen		{background:DodgerBlue;color:white;border:solid white 3px;cursor:pointer; border-radius: 12px;}
.frmKalOvzOpenWeekend	{background:RoyalBlue;color:white;border:solid white 3px;cursor:pointer; border-radius: 12px;}
.frmKalOvzvrij 		{background:var(--frmKalGroen);color: #155724;border:solid white 3px;cursor:pointer; border-radius: 12px;}
.frmKalOvzBezet		{background:var(--frmKalRood);color:#65181f;border:solid white 3px;cursor:pointer;border-radius: 12px;position:relative;display:inline-block;text-align:center;}
.frmKalOvzBezet::before {
  content: "";
  position: absolute;
  top: 0.4em;  /* binnen de div – niet erboven */
  left: 50%;
  transform: translateX(-50%);
  width: 1.2em;  /* vaste breedte van de overline */
  height: 1px;
  background-color: currentColor;
  pointer-events: none; /* zodat de hover werkt zoals normaal */
}
.frmKalContainerJmOvz .frmKalOvzDagen, .frmKalContainerJmOvz .frmKalOvzDag {width:2rem;height:2rem;border-radius:0.5rem;border:2px;margin:0.1rem}
.frmKalContainerJmOvz .frmKalOvzWisselvv, .frmKalContainerJmOvz .frmKalOvzWisselvb, .frmKalContainerJmOvz .frmKalOvzWisselbv{}
.frmKalOvzVakantie	{border: 3px solid #86b7fe !important;}
.frmKalOvzWisselvb, .frmKalOvzWisselbv, .frmKalOvzWisselvv	{border:solid white 3px;cursor:pointer;border-radius: 12px;}
/*.frmKalWisseldag	{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}*/
/*.frmKalDriehoek		{width:  100%; border-radius: 0.5rem;}
.frmKalDriehoekSelect	{display: none}
.frmKalPathSel		{fill:var(--frmKalBlauw);}
.frmKalPathBez		{fill:var(--frmKalRood);}
.frmKalPathVrij		{fill:var(--frmKalGroen);}
.frmKalPathStreep	{fill:white;}*/
.frmKalOvzSel		{background:var(--frmKalBlauw);color:#192833;}
.frmKalOvzWisselvv{color:#155724;background-image:url('data:image/svg+xml,%0A<svg%20xmlns%3D"http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg"%20viewBox%3D"0%200%2040%2040">%0A%20%20<path%20d%3D"M0%200%200%2038%2038%200%200%200"%20fill%3D"%238adf8a"%2F>%0A%20%20<path%20d%3D"M40%202%2040%2040%202%2040%2040%202"%20fill%3D"%238adf8a"%2F>%0A%20%20<path%20d%3D"M38%200%2040%200%2040%202%202%2040%200%2040%200%2038%2038%200"%20fill%3D"%23fff"%2F>%0A<%2Fsvg>%0A')}
.frmKalOvzWisselvb{color:#454545;background-image:url('data:image/svg+xml,%0A<svg%20xmlns%3D"http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg"%20viewBox%3D"0%200%2040%2040">%0A%20%20<path%20d%3D"M0%200%200%2038%2038%200%200%200"%20fill%3D"%238adf8a"%2F>%0A%20%20<path%20d%3D"M40%202%2040%2040%202%2040%2040%202"%20fill%3D"%23ff9090"%2F>%0A%20%20<path%20d%3D"M38%200%2040%200%2040%202%202%2040%200%2040%200%2038%2038%200"%20fill%3D"%23fff"%2F>%0A<%2Fsvg>%0A')}
.frmKalOvzWisselbv{color:#454545;background-image:url('data:image/svg+xml,%0A<svg%20xmlns%3D"http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg"%20viewBox%3D"0%200%2040%2040">%0A%20%20<path%20d%3D"M0%200%200%2038%2038%200%200%200"%20fill%3D"%23ff9090"%2F>%0A%20%20<path%20d%3D"M40%202%2040%2040%202%2040%2040%202"%20fill%3D"%238adf8a"%2F>%0A%20%20<path%20d%3D"M38%200%2040%200%2040%202%202%2040%200%2040%200%2038%2038%200"%20fill%3D"%23fff"%2F>%0A<%2Fsvg>%0A')}
.frmKalOvzWisselvv.frmKalOvzSel{color:#192833;background-image:url('data:image/svg+xml,%0A<svg%20xmlns%3D"http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg"%20viewBox%3D"0%200%2040%2040">%0A%20%20<path%20d%3D"M0%200%200%2038%2038%200%200%200"%20fill%3D"%238abbdf"%2F>%0A%20%20<path%20d%3D"M40%202%2040%2040%202%2040%2040%202"%20fill%3D"%238abbdf"%2F>%0A%20%20<path%20d%3D"M38%200%2040%200%2040%202%202%2040%200%2040%200%2038%2038%200"%20fill%3D"%23fff"%2F>%0A<%2Fsvg>%0A')}
.frmKalOvzWisselvb.frmKalOvzSel{color:#192833;background-image:url('data:image/svg+xml,%0A<svg%20xmlns%3D"http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg"%20viewBox%3D"0%200%2040%2040">%0A%20%20<path%20d%3D"M0%200%200%2038%2038%200%200%200"%20fill%3D"%238abbdf"%2F>%0A%20%20<path%20d%3D"M40%202%2040%2040%202%2040%2040%202"%20fill%3D"%23ff9090"%2F>%0A%20%20<path%20d%3D"M38%200%2040%200%2040%202%202%2040%200%2040%200%2038%2038%200"%20fill%3D"%23fff"%2F>%0A<%2Fsvg>%0A')}
.frmKalOvzWisselbv.frmKalOvzSel, .frmKalOvzWisselbv.frmKalOvzSelFirst{color:#192833;background-image:url('data:image/svg+xml,%0A<svg%20xmlns%3D"http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg"%20viewBox%3D"0%200%2040%2040">%0A%20%20<path%20d%3D"M0%200%200%2038%2038%200%200%200"%20fill%3D"%23ff9090"%2F>%0A%20%20<path%20d%3D"M40%202%2040%2040%202%2040%2040%202"%20fill%3D"%238abbdf"%2F>%0A%20%20<path%20d%3D"M38%200%2040%200%2040%202%202%2040%200%2040%200%2038%2038%200"%20fill%3D"%23fff"%2F>%0A<%2Fsvg>%0A')}
.frmKalOvzWisselvv.frmKalOvzSelFirst{color:#192833;background-image:url('data:image/svg+xml,%0A<svg%20xmlns%3D"http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg"%20viewBox%3D"0%200%2040%2040">%0A%20%20<path%20d%3D"M0%200%200%2038%2038%200%200%200"%20fill%3D"%238adf8a"%2F>%0A%20%20<path%20d%3D"M40%202%2040%2040%202%2040%2040%202"%20fill%3D"%238abbdf"%2F>%0A%20%20<path%20d%3D"M38%200%2040%200%2040%202%202%2040%200%2040%200%2038%2038%200"%20fill%3D"%23fff"%2F>%0A<%2Fsvg>%0A')}
.frmKalOvzWisselvv.frmKalOvzSelLast{color:#192833;background-image:url('data:image/svg+xml,%0A<svg%20xmlns%3D"http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg"%20viewBox%3D"0%200%2040%2040">%0A%20%20<path%20d%3D"M0%200%200%2038%2038%200%200%200"%20fill%3D"%238abbdf"%2F>%0A%20%20<path%20d%3D"M40%202%2040%2040%202%2040%2040%202"%20fill%3D"%238adf8a"%2F>%0A%20%20<path%20d%3D"M38%200%2040%200%2040%202%202%2040%200%2040%200%2038%2038%200"%20fill%3D"%23fff"%2F>%0A<%2Fsvg>%0A')}

/*.frmKalOvzWisselvv .frmKalOvzSel, .frmKalOvzWisselvb .frmKalOvzSel, .frmKalOvzWisselbv .frmKalOvzSel, {color:#192833;background-image:url('data:image/svg+xml,%0A<svg%20xmlns%3D"http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg"%20viewBox%3D"0%200%2040%2040">%0A%20%20<path%20d%3D"M0%200%200%2038%2038%200%200%200"%20fill%3D"%238abbdf"%2F>%0A%20%20<path%20d%3D"M40%202%2040%2040%202%2040%2040%202"%20fill%3D"%238abbdf"%2F>%0A%20%20<path%20d%3D"M38%200%2040%200%2040%202%202%2040%200%2040%200%2038%2038%200"%20fill%3D"%23fff"%2F>%0A<%2Fsvg>%0A')}*/
.frmKalOvzVerleden, .frmKalOvzToekomst, .frmKalOvzUitPeriode	{background:lightgrey;color:white;border:solid white 3px;pointer-events:none}
.frmKalOvzUitPeriode{color:#4b4b4b;background-color:#dddddd;}
.frmKalToday		{border:  double white 4px}/*{border: double white 3px;color:black;}*/
.frmKalPoint		{width:40px;height:40px;font-weight:bold;box-shadow:2px 2px 2px 0px rgb(0 0 0 / 50%);}
.frmKalPoint.frmKalSelected	{width:40px;height:40px;font-weight:bold;}
.frmKalBetween		{background:var(--frmKalBlauw);border:double white 3px;color:black;font-weight: bold;box-shadow:2px 2px 2px 0px rgb(0 0 0 / 50%);}
.frmKalPoint.frmKalBetween	{width:40px;height:40px;font-weight:bold;border:1px solid transparent;background:var(--frmKalBlauw);}
.frmKalBetween.frmKalSelected	{background:var(--frmKalBlauw);}
.frmKalBetween.frmKalPoint.frmKalBetween	{width:40px;height:40px;font-weight:bold;}
.frmKalendermb		{position:  inherit; border:  none; text-align: center;box-shadow: none;}
div.frmKalendermb div#frmKalClose {display: none;}
.frmKalOvzSel       {background:var(--frmKalBlauw);font-weight:bold;}
.frmKalOvzSel svg.frmKalDriehoek .frmKalPathVrij{fill:var(--frmKalBlauw);}
.frmKalOvzSelFirst  {}
.frmKalOvzSelLast   {}

.frmKalPoint		{width:34px;height:35px;font-weight:normal;filter: brightness(90%);}

.thumb				{max-width:64px;max-height:64px;width:auto;height:auto;}
.tn				{max-width:64px;max-height:64px;width:auto;height:auto;}
@media only screen and (max-width: 768px)
	{
	.frmTxt6	{font-family:verdana,arial,helvetica;font-size:8pt;}
	.frmTxt7	{font-family:verdana,arial,helvetica;font-size:9pt;}
	.frmTxt8	{font-family:verdana,arial,helvetica;font-size:10pt;}
	.frmTxt9	{font-family:verdana,arial,helvetica;font-size:13pt;}
	.frmTxt10	{font-family:verdana,arial,helvetica;font-size:14pt;}
	.frmTxt11	{font-family:verdana,arial,helvetica;font-size:15pt;}
	.frmTxt12	{font-family:verdana,arial,helvetica;font-size:16pt;}
	.frmTxt13	{font-family:verdana,arial,helvetica;font-size:17pt;}
	.frmTxt14	{font-family:verdana,arial,helvetica;font-size:18pt;}
	p,ul,li,table,tr,td	{font-size:14pt;}
	}
.frmKopje{
	color:var(--groen);
}
.frmVerplichtSter{
	color:var(--groen);
  }
.frmiHelp{
	color:var(--groen); 
	cursor:pointer;
}