/*kleurendefinities*/ :root { --frmKalGroen: #8adf8a; --frmKalRood: #ff9090; --frmKalLichtBlauw: #c3e1f7; --frmKalTekstBlauw: #192833; --frmKalBlauw: #8abbdf; --lichtgroen: #00990012; --groen: #009900; --oranje: #f1b60e; --wisselvv:url('data:image/svg+xml,%0A%0A%20%20%0A%20%20%0A%20%20%0A<%2Fsvg>%0A'); --wisselvb:url('data:image/svg+xml,%0A%0A%20%20%0A%20%20%0A%20%20%0A<%2Fsvg>%0A'); --wisselbv:url('data:image/svg+xml,%0A%0A%20%20%0A%20%20%0A%20%20%0A<%2Fsvg>%0A'); --wisselvvsel:url('data:image/svg+xml,%0A%0A%20%20%0A%20%20%0A%20%20%0A<%2Fsvg>%0A'); --wisselvvper:url('data:image/svg+xml,%0A%0A%20%20%0A%20%20%0A%20%20%0A<%2Fsvg>%0A'); --wisselvbsel:url('data:image/svg+xml,%0A%0A%20%20%0A%20%20%0A%20%20%0A<%2Fsvg>%0A'); --wisselbvsel:url('data:image/svg+xml,%0A%0A%20%20%0A%20%20%0A%20%20%0A<%2Fsvg>%0A'); --wisselvvself:url('data:image/svg+xml,%0A%0A%20%20%0A%20%20%0A%20%20%0A<%2Fsvg>%0A'); --wisselvvsell:url('data:image/svg+xml,%0A%0A%20%20%0A%20%20%0A%20%20%0A<%2Fsvg>%0A'); --oranjehoekje:linear-gradient(219deg, var(--oranje) 25%, rgba(0,0,0,0) 25%), linear-gradient(219deg, rgba(255,255,255,1) 28%, rgba(0,0,0,0) 28%); --groenhoekje:linear-gradient(219deg, var(--groen) 25%, transparent 25%), linear-gradient(219deg, rgba(255,255,255,1) 28%, rgba(0,0,0,0) 28%); } /* 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;} .frmKalEol {clear:both;} .frmKalOvzMndDgn {float:left;padding:2px;} .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: #00301F;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;line-height:2rem;border-radius:0.5rem;border:2px;margin:0.1rem} .frmKalContainerJmOvz .frmKalOvzWisselvv, .frmKalContainerJmOvz .frmKalOvzWisselvb, .frmKalContainerJmOvz .frmKalOvzWisselbv{} .frmKalOvzWisselvb, .frmKalOvzWisselbv, .frmKalOvzWisselvv {border:solid white 3px;cursor:pointer;border-radius: 12px;} .frmKalLegenda.frmKalOvzDag{width:1.2rem; height:1.2rem;line-height:1.2rem;border-radius:0.3rem;border:2px;margin:0.1rem;} .frmKalOvzSel {background:var(--frmKalBlauw);color:var(--frmKalTekstBlauw);font-weight:bold;border:solid white 3px;border-radius: 12px;} /*wisseldagen*/ .frmKalOvzWisselvv{color:#00301F;background-image:var(--wisselvv)} .frmKalOvzWisselvb{color:#454545;background-image:var(--wisselvb)} .frmKalOvzWisselbv{color:#454545;background-image:var(--wisselbv)} /*geselecteerde wisseldagen*/ .frmKalOvzWisselvv.frmKalOvzSel{color:var(--frmKalTekstBlauw);background-image:var(--wisselvvsel)} .frmKalOvzWisselvv.frmKalOvzSelPer{color:var(--frmKalTekstBlauw);background-image:var(--wisselvvper)} .frmKalOvzWisselvb.frmKalOvzSel{color:var(--frmKalTekstBlauw);background-image:var(--wisselvbsel)} .frmKalOvzWisselbv.frmKalOvzSel, .frmKalOvzWisselbv.frmKalOvzSelFirst{color:var(--frmKalTekstBlauw);background-image:var(--wisselbvsel)} .frmKalOvzWisselvv.frmKalOvzSelFirst{color:var(--frmKalTekstBlauw);background-image:var(--wisselvvself)} .frmKalOvzWisselvv.frmKalOvzSelLast{color:var(--frmKalTekstBlauw);background-image:var(--wisselvvsell)} .frmKalOvzVerleden, .frmKalOvzToekomst, .frmKalOvzUitPeriode {background:lightgrey;color:white;border:solid white 3px;pointer-events:none} .frmKalOvzUitPeriode{color:#4b4b4b;background-color:#dddddd;opacity:0;} .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%);} .frmKalendermb {position: inherit; border: none; text-align: center;box-shadow: none;} div.frmKalendermb div#frmKalClose {display: none;} .frmKalOvzSelPer{background:var(--frmKalLichtBlauw);color:var(--frmKalTekstBlauw);} .frmKalOvzSel {background:var(--frmKalBlauw);color:var(--frmKalTekstBlauw);font-weight:bold;} .frmKalOvzVakantie.toonVakantie{background-image: var(--oranjehoekje);background-size: 100% 100%;animation: glowFlash 0.5s ease;} .frmKalOvzKorting.toonKorting{background-image: var(--groenhoekje); background-size: 100% 100%;animation: glowFlash 0.5s ease;} .frmKalOvzWisselvv.toonVakantie{background-image:var(--oranjehoekje),var(--wisselvv);} .frmKalOvzWisselvb.toonVakantie{background-image:var(--oranjehoekje),var(--wisselvb);} .frmKalOvzWisselbv.toonVakantie{background-image:var(--oranjehoekje),var(--wisselbv);} .frmKalOvzWisselvv.frmKalOvzSelPer.toonVakantie{background-image:var(--oranjehoekje),var(--wisselvvper);} .frmKalOvzWisselvv.frmKalOvzSel.toonVakantie{background-image:var(--oranjehoekje),var(--wisselvvsel);} .frmKalOvzWisselvb.frmKalOvzSel.toonVakantie{background-image:var(--oranjehoekje),var(--wisselvbsel);} .frmKalOvzWisselbv.frmKalOvzSel.toonVakantie{background-image:var(--oranjehoekje),var(--wisselbvsel);} .frmKalOvzWisselvv.frmKalOvzSelFirst.toonVakantie{background-image:var(--oranjehoekje),var(--wisselvvself);} .frmKalOvzWisselvv.frmKalOvzSelLast.toonVakantie{background-image:var(--oranjehoekje),var(--wisselvvsell);} .frmKalOvzWisselvv.toonKorting{background-image:var(--groenhoekje),var(--wisselvv);} .frmKalOvzWisselvb.toonKorting{background-image:var(--groenhoekje),var(--wisselvb);} .frmKalOvzWisselbv.toonKorting{background-image:var(--groenhoekje),var(--wisselbv);} .frmKalOvzWisselvv.frmKalOvzSelPer.toonKorting{background-image:var(--groenhoekje),var(--wisselvvper);} .frmKalOvzWisselvv.frmKalOvzSel.toonKorting{background-image:var(--groenhoekje),var(--wisselvvsel);} .frmKalOvzWisselvb.frmKalOvzSel.toonKorting{background-image:var(--groenhoekje),var(--wisselvbsel);} .frmKalOvzWisselbv.frmKalOvzSel.toonKorting{background-image:var(--groenhoekje),var(--wisselbvsel);} .frmKalOvzWisselvv.frmKalOvzSelFirst.toonKorting{background-image:var(--groenhoekje),var(--wisselvvself);} .frmKalOvzWisselvv.frmKalOvzSelLast.toonKorting{background-image:var(--groenhoekje),var(--wisselvvsell);} .toonVakantieKnop, .toonVakantieKnop:hover{color: var(--oranje) !important;border-color: var(--oranje) !important;} .toonVakantieKnop.checked{color: #4d3900 !important;border-color: var(--oranje) !important;background-color:var(--oranje) !important;} .toonKortingKnop, .toonKortingKnop:hover{color: var(--groen) !important;border-color: var(--groen) !important;} .toonKortingKnop.checked{color: white !important;border-color: var(--groen) !important;background-color:var(--groen) !important;} .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; }