/*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%0A%20%20%0A%20%20%0A%20%20%0A<%2Fsvg>%0A')} .frmKalOvzWisselvb{color:#454545;background-image:url('data:image/svg+xml,%0A%0A%20%20%0A%20%20%0A%20%20%0A<%2Fsvg>%0A')} .frmKalOvzWisselbv{color:#454545;background-image:url('data:image/svg+xml,%0A%0A%20%20%0A%20%20%0A%20%20%0A<%2Fsvg>%0A')} .frmKalOvzWisselvv.frmKalOvzSel{color:#192833;background-image:url('data:image/svg+xml,%0A%0A%20%20%0A%20%20%0A%20%20%0A<%2Fsvg>%0A')} .frmKalOvzWisselvb.frmKalOvzSel{color:#192833;background-image:url('data:image/svg+xml,%0A%0A%20%20%0A%20%20%0A%20%20%0A<%2Fsvg>%0A')} .frmKalOvzWisselbv.frmKalOvzSel, .frmKalOvzWisselbv.frmKalOvzSelFirst{color:#192833;background-image:url('data:image/svg+xml,%0A%0A%20%20%0A%20%20%0A%20%20%0A<%2Fsvg>%0A')} .frmKalOvzWisselvv.frmKalOvzSelFirst{color:#192833;background-image:url('data:image/svg+xml,%0A%0A%20%20%0A%20%20%0A%20%20%0A<%2Fsvg>%0A')} .frmKalOvzWisselvv.frmKalOvzSelLast{color:#192833;background-image:url('data:image/svg+xml,%0A%0A%20%20%0A%20%20%0A%20%20%0A<%2Fsvg>%0A')} /*.frmKalOvzWisselvv .frmKalOvzSel, .frmKalOvzWisselvb .frmKalOvzSel, .frmKalOvzWisselbv .frmKalOvzSel, {color:#192833;background-image:url('data:image/svg+xml,%0A%0A%20%20%0A%20%20%0A%20%20%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; }