/*! * Copyright (c) 2021. Dave van Rijn Development *//*! * Copyright (c) 2021. Dave van Rijn Development */@font-face{font-family:common-icons;font-style:normal;font-weight:400;src:url(../../resources/fonts/d039ced785530d90d9e7.eot);src:url(../../resources/fonts/d039ced785530d90d9e7.eot) format("embedded-opentype"),url(../../resources/fonts/d10a3729ef1cd5a9738c.woff2) format("woff2"),url(../../resources/fonts/ca04639e144f0e41f518.ttf) format("truetype"),url(../../resources/fonts/117e63d0837c55307f9a.woff) format("woff"),url(../../resources/fonts/5b912b094b03b40b1702.svg) format("svg")}[class*=" common-icon-"],[class^=common-icon-]{speak:none;-webkit-font-feature-settings:"liga";-moz-font-feature-settings:"liga=1";-moz-font-feature-settings:"liga";-ms-font-feature-settings:"liga" 1;font-feature-settings:"liga";-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:common-icons!important;font-style:normal;font-variant:normal;-webkit-font-variant-ligatures:discretionary-ligatures;font-variant-ligatures:discretionary-ligatures;font-weight:400;letter-spacing:0;line-height:1;text-transform:none}.common-icon-education-2:before{content:""}.common-icon-suitcase:before{content:""}.common-icon-facebook:before{content:""}.common-icon-instagram:before{content:""}.common-icon-linkedin:before{content:""}.common-icon-sms3:before{content:""}.common-icon-calender:before{content:""}.common-icon-dashboard:before{content:""}.common-icon-email:before{content:""}.common-icon-messenger:before{content:""}.common-icon-sms:before{content:""}.common-icon-triangle:before{content:""}.common-icon-whatsapp:before{content:""}.common-icon-arrow_bothways:before{content:""}.common-icon-note:before{content:""}.common-icon-contact:before{content:""}.common-icon-files:before{content:""}.common-icon-alarm:before{content:""}.common-icon-bar-magnifier:before{content:""}.common-icon-course:before{content:""}.common-icon-recovery-place:before{content:""}.common-icon-orthodontist:before{content:""}.common-icon-ying-yang:before{content:""}.common-icon-star-half:before{content:""}.common-icon-star-full:before{content:""}.common-icon-star-empty:before{content:""}.common-icon-acne:before{color:#000;content:""}.common-icon-anti-conception:before{content:""}.common-icon-edit:before{content:""}.common-icon-feetcare:before{content:""}.common-icon-info:before{content:""}.common-icon-medical-supply:before{content:""}.common-icon-medicine:before{content:""}.common-icon-piggy-bank:before{content:""}.common-icon-dentist:before{content:""}.common-icon-pregnancy-care:before{content:""}.common-icon-physio:before{content:""}.common-icon-trash:before{content:""}.common-icon-book:before{content:""}.common-icon-file-checklist:before{content:""}.common-icon-safe:before{content:""}.common-icon-bike:before{content:""}.common-icon-boiler:before{content:""}.common-icon-camera-2:before{content:""}.common-icon-camping-equipment:before{content:""}.common-icon-caravan:before{content:""}.common-icon-couche:before{content:""}.common-icon-desktop:before{content:""}.common-icon-display:before{content:""}.common-icon-document-2:before{content:""}.common-icon-dumbbell:before{content:""}.common-icon-education:before{content:""}.common-icon-electronics:before{content:""}.common-icon-glasses:before{content:""}.common-icon-glue:before{content:""}.common-icon-gramophone:before{content:""}.common-icon-health-insurance:before{content:""}.common-icon-hearing-aid:before{content:""}.common-icon-kitchen-mixer:before{content:""}.common-icon-laptop:before{content:""}.common-icon-medical:before{content:""}.common-icon-mobile-2:before{content:""}.common-icon-mobile:before{content:""}.common-icon-moped-front:before{content:""}.common-icon-moped:before{content:""}.common-icon-motor-helmet:before{content:""}.common-icon-personal-info:before{content:""}.common-icon-radio:before{content:""}.common-icon-sailing-boat:before{content:""}.common-icon-ski:before{content:""}.common-icon-sofa:before{content:""}.common-icon-sport-shirt:before{content:""}.common-icon-sport-shoes:before{content:""}.common-icon-tablet:before{content:""}.common-icon-tax-office:before{content:""}.common-icon-tax:before{content:""}.common-icon-tent-2:before{content:""}.common-icon-tent:before{content:""}.common-icon-tv:before{content:""}.common-icon-vacuum-cleaner:before{content:""}.common-icon-work-office:before{content:""}.common-icon-profile:before{content:""}.common-icon-car-speed-gauge:before{content:""}.common-icon-file-add:before{content:""}.common-icon-travel-beach:before{content:""}.common-icon-banking-spending:before{content:""}.common-icon-car:before{content:""}.common-icon-first-aid-kit:before{content:""}.common-icon-money-bag:before{content:""}.common-icon-pasport:before{content:""}.common-icon-home:before{content:""}.common-icon-travel-insurance:before{content:""}.common-icon-clock:before{content:""}.common-icon-alarm-clock:before{content:""}.common-icon-sms2:before{content:""}.common-icon-email2:before{content:""}.common-icon-check:before{content:""}.common-icon-plus:before{content:""}.common-icon-document:before{content:""}.common-icon-arrow-left:before{content:""}.common-icon-arrow-right:before{content:""}.common-icon-person:before{content:""}.common-icon-world:before{content:""}.common-icon-user2:before{content:""}.common-icon-camera:before{content:""}.common-icon-bulb:before{content:""}.common-icon-folder-open2:before{content:""}.common-icon-play:before{content:""}.common-icon-excel:before{color:#217346;content:""}.common-icon-powerpoint:before{color:#d24726;content:""}.common-icon-word:before{color:#2b579a;content:""}.common-icon-pdf:before{color:#d80027;content:""}.common-icon-caret-down:before{content:""}.common-icon-th-large:before{content:""}.common-icon-th-list:before{content:""}.common-icon-image:before{content:""}.common-icon-user3:before{content:""}.common-icon-lock2:before{content:""}.common-icon-shield2:before{content:""}.common-icon-email-2:before{content:""}.common-icon-sms-2:before{content:""}.common-icon-menu:before{content:""}.common-icon-euro:before{content:""}.common-icon-pin:before{content:""}.common-icon-back:before{content:""}.common-icon-student:before{content:""}.common-icon-youngprof:before{content:""}.common-icon-cross:before{content:""}.common-icon-opera:before{content:""}.common-icon-safari:before{content:""}.common-icon-chrome:before{content:""}.common-icon-firefox:before{content:""}.common-icon-list-numbered:before{content:""} /*! * Copyright (c) 2021. Dave van Rijn Development *//*! * Copyright (c) 2021. Dave van Rijn Development *//*! * Copyright (c) 2021. Dave van Rijn Development *//*! * Copyright (c) 2021. Dave van Rijn Development */.buttonController{border-radius:.3rem;box-sizing:border-box;cursor:pointer;display:inline-block;overflow:hidden;padding:.5rem 1rem;position:relative;transition:background-color .2s ease-in-out}.buttonController:not(.disabled){box-shadow:0 1px 5px 0 rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.12)}.buttonController .buttonLabel{align-items:center;cursor:inherit;display:flex;font-family:Roboto,sans-serif;font-size:.9rem;font-weight:500;justify-content:space-between;pointer-events:none;position:relative;text-transform:uppercase}.buttonController .buttonLabel.singleChild{justify-content:center}.buttonController .buttonLabel .buttonLabel{text-align:center}.buttonController .buttonLabel *{margin-right:.5rem;user-select:none}.buttonController .buttonLabel :last-child{margin-right:0}.buttonController .ripple{border-radius:50%;opacity:.5;padding-top:10%;pointer-events:none;position:absolute;visibility:hidden;width:10%}.buttonController.rippling .ripple{opacity:0;transform:scale(15);transition:opacity .5s ease-in-out,transform .5s ease-in-out,opacity .5s ease;visibility:visible}.buttonController.sp{padding:.4rem .5rem}.buttonController.sp .buttonLabel{font-size:.8rem}.buttonController.lp{padding:.8rem 1.5rem}.buttonController.disabled{background-color:#f2f2f2!important;cursor:not-allowed}.buttonController.disabled .buttonLabel{color:gray!important}.buttonController:active{box-shadow:none} /*! * Copyright (c) 2021. Dave van Rijn Development *//*! * Copyright (c) 2021. Dave van Rijn Development *//*! * Copyright (c) 2021. Dave van Rijn Development *//*! * Copyright (c) 2021. Dave van Rijn Development */.outlinedButtonContainer{border:2px solid transparent;border-radius:.3rem;box-sizing:border-box;cursor:pointer;display:inline-block;overflow:hidden;padding:.37rem 1rem;position:relative;transition:border-color .2s ease-in-out}.outlinedButtonContainer .outlinedButtonLabel{align-items:center;cursor:inherit;display:flex;font-family:Roboto,sans-serif;font-size:.9rem;font-weight:500;justify-content:space-between;pointer-events:none;position:relative;text-transform:uppercase;transition:color .2s ease-in-out}.outlinedButtonContainer .outlinedButtonLabel.singleChild{justify-content:center}.outlinedButtonContainer .outlinedButtonLabel .buttonLabel{text-align:center}.outlinedButtonContainer .outlinedButtonLabel *{margin-right:.5rem;user-select:none}.outlinedButtonContainer .outlinedButtonLabel :last-child{margin-right:0}.outlinedButtonContainer .ripple{border-radius:50%;opacity:.7;padding-top:10%;pointer-events:none;position:absolute;visibility:hidden;width:10%}.outlinedButtonContainer.rippling .ripple{opacity:0;transform:scale(15);transition:opacity .5s ease-in-out,transform .5s ease-in-out,opacity .5s ease;visibility:visible}.outlinedButtonContainer.sp{padding:.2rem .5rem}.outlinedButtonContainer.lp{padding:.8rem 1.5rem}.outlinedButtonContainer.disabled{border-color:#f2f2f2!important;cursor:not-allowed}.outlinedButtonContainer.disabled .outlinedButtonLabel{color:gray!important} /*! * Copyright (c) 2021. Dave van Rijn Development *//*! * Copyright (c) 2021. Dave van Rijn Development *//*! * Copyright (c) 2021. Dave van Rijn Development *//*! * Copyright (c) 2021. Dave van Rijn Development *//*! * Copyright (c) 2021. Dave van Rijn Development *//*! * Copyright (c) 2021. Dave van Rijn Development *//*! * Copyright (c) 2021. Dave van Rijn Development */.dvr-simple-button{border-radius:1rem;cursor:pointer;display:inline-block;overflow:hidden;padding:.5rem 1rem;position:relative;transition:background-color .2s ease-in-out}.dvr-simple-button,.dvr-simple-button *{user-select:none}.dvr-simple-button .dvr-simple-button-label-container{grid-column-gap:.25rem;display:inline-grid}.dvr-simple-button .dvr-simple-button-label-container .dvr-simple-button-ornament{font-size:.9rem}.dvr-simple-button .dvr-simple-button-label-container .dvr-simple-button-label{cursor:inherit;font-size:.9rem;font-weight:500;text-align:center;transition:color .2s ease-in-out;white-space:nowrap}.dvr-simple-button .dvr-simple-button-label-container .dvr-simple-button-label:only-child{grid-column-end:4;grid-column-start:1}.dvr-simple-button .ripple{border-radius:50%;opacity:.5;padding-top:10%;pointer-events:none;position:absolute;visibility:hidden;width:10%}.dvr-simple-button.rippling .ripple{opacity:0;transform:scale(15);transition:opacity .5s ease-in-out,transform .5s ease-in-out,opacity .5s ease;visibility:visible}.dvr-simple-button,.dvr-simple-button *{box-sizing:border-box}.dvr-simple-button.primary{box-shadow:0 1px 5px 0 rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.12)}.dvr-simple-button.disabled{box-shadow:none!important;cursor:not-allowed!important}.dvr-simple-button.sp{padding:.25rem .5rem} /*! * Copyright (c) 2021. Dave van Rijn Development *//*! * Copyright (c) 2021. Dave van Rijn Development *//*! * Copyright (c) 2021. Dave van Rijn Development *//*! * Copyright (c) 2021. Dave van Rijn Development */.checkboxContainer{grid-column-gap:.5rem;align-items:center;cursor:pointer;display:grid;grid-template-columns:22px auto;margin-bottom:0;position:relative;transition:margin-bottom .2s ease-in-out}.checkboxContainer .checkboxLabel{color:#434b50;cursor:inherit;font-size:.9rem;margin-bottom:-.2rem;transition:color .2s ease;user-select:none}.checkboxContainer .checkboxLabel.error{color:red}.checkboxContainer .checkbox{background-color:#fff;border:2px solid;border-radius:.2rem;box-sizing:border-box;cursor:inherit;height:22px;position:relative;width:22px}.checkboxContainer .checkbox .checkbox-check,.checkboxContainer .checkbox .checkboxCheck{cursor:inherit;font-size:.9rem;left:50%;opacity:0;position:absolute;top:50%;top:55%;transform:translateX(-50%) translateY(-50%);transition:opacity .1s ease-in-out,visibility .1s ease-in-out;user-select:none;visibility:hidden}.checkboxContainer .checkbox .checkbox-check.checked,.checkboxContainer .checkbox .checkboxCheck.checked{opacity:1;visibility:visible}.checkboxContainer .checkbox .ripple{border-radius:50%;height:8px;left:50%;opacity:1;pointer-events:none;position:absolute;top:50%;transform:translateX(-50%) translateY(-50%);visibility:hidden;width:8px}.checkboxContainer .error{bottom:-1.4rem;color:red;font-size:.9rem;left:0;opacity:0;pointer-events:none;position:absolute;transition:visibility .2s ease-in-out,opacity .2s ease-in-out;visibility:hidden}.checkboxContainer.rippling .checkbox .ripple{height:56px;opacity:0;transition:opacity .5s ease-in-out,opacity .5s ease,width .5s ease-in-out,height .5s ease-in-out;visibility:visible;width:56px}.checkboxContainer.disabled{cursor:not-allowed}.checkboxContainer.error{margin-bottom:1.4rem}.checkboxContainer.error .error{opacity:1;visibility:visible}.checkboxContainer.no-label{grid-column-gap:unset;grid-template-columns:22px} /*! * Copyright (c) 2021. Dave van Rijn Development *//*! * Copyright (c) 2021. Dave van Rijn Development *//*! * Copyright (c) 2021. Dave van Rijn Development *//*! * Copyright (c) 2021. Dave van Rijn Development */.dialogContainer{background-color:rgba(0,0,0,.4);height:100%;left:0;position:fixed;top:0;width:100%;z-index:1301;z-index:1400}.dialogContainer.transparent{background-color:transparent}.dialogContainer .dvr-dialog{background-color:#fff;border-radius:.5rem;box-shadow:0 1px 5px 0 rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.12);display:flex;flex-direction:column;left:50%;max-height:100%;max-width:40rem;overflow:hidden;padding:1.5rem 2rem;position:absolute;top:50%;transform:translateX(-50%) translateY(-50%)}@media(max-width:959px){.dialogContainer .dvr-dialog{max-width:90vw}}.dialogContainer .dvr-dialog .dialogTitleContainer .dialogTitle{font-size:1.2rem;user-select:none}.dialogContainer .dvr-dialog .dialogMessageContainer{padding:1.5rem 0}.dialogContainer .dvr-dialog .dialogMessageContainer .dialogMessage{color:#434b50;margin:0}.dialogContainer .dvr-dialog .dialogActionsContainer{align-items:center;display:flex;flex-wrap:wrap;justify-content:flex-end}.dialogContainer .dvr-dialog .dialogActionsContainer .dialogButton{margin-right:.5rem}.dialogContainer .dvr-dialog .dialogActionsContainer .dialogButton:last-child{margin-right:0}@media(max-width:959px){.dialogContainer .dvr-dialog{box-sizing:border-box;width:90vw}} /*! * Copyright (c) 2021. Dave van Rijn Development *//*! * Copyright (c) 2021. Dave van Rijn Development *//*! * Copyright (c) 2021. Dave van Rijn Development *//*! * Copyright (c) 2021. Dave van Rijn Development */.dvr-password-field-container{position:relative}.dvr-password-field-container .strength-gauche{margin-top:.5rem;overflow:hidden;transition:width .2s ease-in-out}.dvr-password-field-container .strength-gauche .meter{height:3px;width:100%}.dvr-password-field-container .strength-gauche .gauche-label{display:inline-block;font-size:.8rem;margin-top:.2rem}.dvr-password-field-container .strength-gauche.hidden{display:none}.dvr-password-field-container .passwordOrnament{color:#9a9a9a;transition:color .2s ease}.dvr-password-field-container .passwordOrnament:hover{color:#434b50} /*! * Copyright (c) 2021. Dave van Rijn Development *//*! * Copyright (c) 2021. Dave van Rijn Development *//*! * Copyright (c) 2021. Dave van Rijn Development *//*! * Copyright (c) 2021. Dave van Rijn Development */.dvr-simple-input-container{align-items:center;background-color:#fff;border:2px solid;border-radius:.25rem;display:inline-flex;margin-top:.5rem;padding:.25rem;position:relative;transition:border-color .2s ease-in-out,margin-bottom .2s ease-in-out}.dvr-simple-input-container,.dvr-simple-input-container *{box-sizing:border-box}.dvr-simple-input-container .dvr-simple-input-label{background-color:#fff;font-size:.8rem;left:.25rem;padding:0 .2rem;position:absolute;top:0;transform:translateY(-60%);transition:color .2s ease-in-out;user-select:none}.dvr-simple-input-container .dvr-simple-input{border:none!important;outline:none!important;padding:.25rem;width:100%}.dvr-simple-input-container .dvr-simple-input::placeholder{font-size:.9rem}.dvr-simple-input-container .dvr-simple-input-ornament{color:#3a4044}.dvr-simple-input-container .dvr-simple-input-ornament .dvr-simple-input-clear{cursor:pointer;opacity:1;transition:color .2s ease-in-out,visibility .1s ease-in-out,opacity .1s ease-in-out;visibility:visible}.dvr-simple-input-container .dvr-simple-input-ornament .dvr-simple-input-clear:hover{color:red}.dvr-simple-input-container .dvr-simple-input-ornament .dvr-simple-input-clear.invis{opacity:0;visibility:hidden}.dvr-simple-input-container .dvr-simple-input-ornament.clickable{cursor:pointer}.dvr-simple-input-container .dvr-simple-input-error{bottom:-1.2rem;color:red;font-size:.8rem;left:.25rem;position:absolute;visibility:hidden;white-space:nowrap}.dvr-simple-input-container.full-width{width:100%}.dvr-simple-input-container.error{margin-bottom:1rem}.dvr-simple-input-container.error .dvr-simple-input-error{visibility:visible}.dvr-simple-input-container.disabled{cursor:not-allowed}.dvr-simple-input-container.disabled *{pointer-events:none} /*! * Copyright (c) 2021. Dave van Rijn Development *//*! * Copyright (c) 2021. Dave van Rijn Development *//*! * Copyright (c) 2021. Dave van Rijn Development *//*! * Copyright (c) 2021. Dave van Rijn Development */.password-rules-container{background-color:#fff;border:1px solid #434b50;border-radius:.2rem;display:flex;flex-direction:column;left:0;opacity:1;padding:.3rem;position:absolute;top:100%;transition:visibility .2s ease-in-out,opacity .2s ease-in-out;transition-delay:.5s;visibility:visible;z-index:1}.password-rules-container.hidden{opacity:0;transition:none;visibility:hidden}.password-rules-container .rule-label{transition:color .2s ease}.password-rules-container .rule-label.passed{color:#29a71a}.password-rules-container .rule-label.failed{color:red} /*! * Copyright (c) 2021. Dave van Rijn Development *//*! * Copyright (c) 2021. Dave van Rijn Development *//*! * Copyright (c) 2021. Dave van Rijn Development *//*! * Copyright (c) 2021. Dave van Rijn Development */.loaderContainer{align-items:center;background-color:hsla(0,0%,100%,.6);display:flex;flex-direction:column;height:100%;justify-content:center;left:0;top:0;width:100%;z-index:200}.loaderContainer.noBack{background-color:transparent}.loaderContainer .loaderLabel{background-color:rgba(0,0,0,.6);border-radius:.2rem;color:#f2f2f2;display:block;font-size:.9rem;margin-top:.5rem;padding:.2rem .3rem;text-align:center}.loaderContainer .loader{animation:rotate 1s ease-in-out infinite;border:1rem solid;border-radius:50%;height:0;min-width:2rem;padding-bottom:100%;width:100%}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(1turn)}} /*! * Copyright (c) 2021. Dave van Rijn Development *//*! * Copyright (c) 2021. Dave van Rijn Development *//*! * Copyright (c) 2021. Dave van Rijn Development *//*! * Copyright (c) 2021. Dave van Rijn Development */.selectContainer{display:flex;flex-direction:column;margin-bottom:0;margin-top:.8rem;position:relative;transition:margin-bottom .2s ease-in-out}.selectContainer.fullWidth,.selectContainer.fullWidth .inputContainer,.selectContainer.fullWidth .selectInputContainer .valueLabelContainer{width:100%}.selectContainer .selectInputContainer{align-items:center;cursor:pointer;display:flex;justify-content:space-between}.selectContainer .selectInputContainer .clearSelectButton{color:red;cursor:pointer;font-size:.6rem;transition:color .2s ease-in-out}.selectContainer .selectInputContainer .clearSelectButton:hover{color:#ff7e78}.selectContainer .selectInputContainer .valueLabelContainer{background-color:#fff;border-radius:.2rem;border-style:solid;border-width:2px;box-sizing:border-box;margin-right:.5rem;min-height:2.8rem;padding:.7rem .6rem;position:relative;transition:border-color .2s ease-in-out;width:20.7rem}.selectContainer .selectInputContainer .valueLabelContainer .selectLabel{background-color:#fff;color:#ccc;font-size:.8rem;left:.2rem;padding:.2rem;position:absolute;top:50%;transform:translateY(-50%);transition:top .2s ease-in-out,transform .2s ease-in-out,font-size .2s ease-in-out,left .2s ease-in-out}.selectContainer .selectInputContainer .valueLabelContainer .selectLabel.up{border-radius:.2rem;color:#9a9a9a;font-size:.7rem;top:-.8rem;transform:none}.selectContainer .selectInputContainer .valueLabelContainer .labelContainer{align-items:center;display:flex;justify-content:space-between}.selectContainer .selectInputContainer .valueLabelContainer .labelContainer .valueLabel{color:#434b50;font-size:1rem;user-select:none}.selectContainer .selectInputContainer .valueLabelContainer .labelContainer .valueLabel.disabled,.selectContainer .selectInputContainer .valueLabelContainer .labelContainer .valueLabel.readOnly{color:#ccc}.selectContainer .selectInputContainer .valueLabelContainer.hasError .selectLabel{color:red!important}.selectContainer .selectInputContainer .selectInput{cursor:text;flex:1;margin-bottom:0;margin-right:.5rem;margin-top:0}.selectContainer .selectInputContainer .selectInput .searchIcon{color:#434b50;font-size:1.2rem;padding:0}.selectContainer .selectInputContainer .caretIcon{transition:transform .2s ease-in-out}.selectContainer .selectInputContainer .caretIcon.down{transform:rotate(180deg);transition-delay:.2s}.selectContainer .itemsContainer{background-color:#fff;border:1px solid #e4e4e4;border-radius:.5rem;border-top-left-radius:0;box-shadow:0 5px 5px -3px rgba(0,0,0,.2),0 8px 10px 1px rgba(0,0,0,.14),0 3px 14px 2px rgba(0,0,0,.12);box-sizing:border-box;opacity:0;overflow-x:hidden;overflow-y:auto;transition:visibility .15s ease-in-out,opacity .15s ease-in-out;transition-delay:.2s;visibility:hidden;z-index:200}.selectContainer .itemsContainer .itemContainer{background-color:#fff;cursor:pointer;padding:.5rem;transition:color .2s ease-in-out,background-color .2s ease-in-out;user-select:none}.selectContainer .itemsContainer .itemContainer.readOnly{cursor:not-allowed}.selectContainer .itemsContainer .itemContainer.readOnly .itemLabel{color:#9a9a9a}.selectContainer .itemsContainer .itemContainer.multiple{align-items:center;display:flex;justify-content:space-between}.selectContainer .itemsContainer .itemContainer.multiple .selectedCheck{color:#29a71a;font-size:1rem}.selectContainer .itemsContainer .itemContainer .itemLabel{cursor:inherit}.selectContainer .itemsContainer.open{opacity:1;transition-delay:0s;visibility:visible}.selectContainer.error{margin-bottom:2.4rem}.selectContainer.disabled .selectInputContainer,.selectContainer.disabled .selectInputContainer .selectInput,.selectContainer.readOnly .selectInputContainer,.selectContainer.readOnly .selectInputContainer .selectInput{cursor:not-allowed}.native-select-container{display:flex;flex-direction:column}.native-select-container .native-select-label{margin-bottom:.2rem} /*! * Copyright (c) 2021. Dave van Rijn Development *//*! * Copyright (c) 2021. Dave van Rijn Development *//*! * Copyright (c) 2021. Dave van Rijn Development *//*! * Copyright (c) 2021. Dave van Rijn Development */.snackbar{border-radius:.2rem;bottom:1rem;box-shadow:0 1px 5px 0 rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.12);display:flex;flex-direction:column;justify-content:center;left:50%;max-width:30vw;min-height:2.5rem;overflow-y:auto;padding:.3rem 1rem;position:fixed;transform:translateY(calc(100% + 1rem)) translateX(-50%);transition:transform .2s ease-in-out;z-index:1400}.snackbar,.snackbar *{cursor:pointer}.snackbar.active{transform:translateY(0) translateX(-50%)}.snackbar .snackBarText{text-align:center;user-select:none}@media(max-width:599px){.snackbar{max-width:90vw;white-space:normal;width:90vw}}@media(min-width:600px)and (max-width:959px){.snackbar{width:unset}} /*! * Copyright (c) 2021. Dave van Rijn Development *//*! * Copyright (c) 2021. Dave van Rijn Development *//*! * Copyright (c) 2021. Dave van Rijn Development *//*! * Copyright (c) 2021. Dave van Rijn Development */.switchContainer{align-items:center;display:flex;padding:1rem 0}.switchContainer .label,.switchContainer .main-label{color:#434b50;font-size:.9rem}.switchContainer .label.left{margin-right:.7rem}.switchContainer .label.right{margin-left:.7rem}.switchContainer .switch-track-container{border-radius:1rem;cursor:pointer;display:flex;height:1.2rem;position:relative;width:35px}.switchContainer .switch-track-container .track{border-radius:inherit;cursor:inherit;flex:1;height:inherit}.switchContainer .switch-track-container .switch{border-radius:50%;box-shadow:0 1px 3px 0 rgba(0,0,0,.2),0 1px 1px 0 rgba(0,0,0,.14),0 2px 1px -1px rgba(0,0,0,.12);height:20px;left:-5%;position:absolute;top:50%;transform:translateY(-50%);transition:transform .2s ease-in-out,background-color .2s ease,left .2s ease-in-out;width:20px}.switchContainer .switch-track-container .switch.on{left:105%;transform:translate(-100%,-50%)}.switchContainer.lp{padding:2rem 0}.switchContainer.sp{padding:.8rem 0}.switchContainer.disabled .switch-track-container{cursor:not-allowed}.switchContainer.disabled .switch-track-container .track{background-color:#e4e4e4!important}.switchContainer.disabled .switch-track-container .switch{background-color:#ccc!important} /*! * Copyright (c) 2021. Dave van Rijn Development *//*! * Copyright (c) 2021. Dave van Rijn Development *//*! * Copyright (c) 2021. Dave van Rijn Development *//*! * Copyright (c) 2021. Dave van Rijn Development */.with-background{align-items:center;background-color:rgba(0,0,0,.4);display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1301;z-index:1400}.with-background .content-container{height:fit-content;width:fit-content}.with-background .content-container .header-container{align-items:center;display:flex;justify-content:space-between}.with-background .content-container .header-container .header-title{font-size:1.2rem;font-weight:500} /*! * Copyright (c) 2021. Dave van Rijn Development *//*! * Copyright (c) 2021. Dave van Rijn Development *//*! * Copyright (c) 2021. Dave van Rijn Development *//*! * Copyright (c) 2021. Dave van Rijn Development */.option-menu-container{align-items:center;display:flex}.option-menu-container .options-icon{cursor:pointer;font-size:1.5rem}.option-menu-container .options-menu-label.left{margin-right:.5rem}.option-menu-container .options-menu-label.right{margin-left:.5rem}.option-menu-container .menu-options-list{box-shadow:0 1px 5px 0 rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.12);display:flex;flex-direction:column;opacity:0;position:fixed;transition:visibility .2s ease-in-out,opacity .2s ease-in-out;visibility:hidden;z-index:1400}.option-menu-container .menu-options-list .menu-option{align-items:center;background-color:#fff;cursor:pointer;display:flex;justify-content:space-between;padding:.5rem 1rem;transition:background-color .2s ease-in-out}.option-menu-container .menu-options-list .menu-option .menu-option-label{flex:1;margin:0 .3rem;text-align:center;white-space:nowrap}.option-menu-container .menu-options-list .menu-option:hover{background-color:#e4e4e4}.option-menu-container .menu-options-list .menu-option.disabled{cursor:not-allowed}.option-menu-container .menu-options-list .menu-option.disabled .menu-option-label{color:#9a9a9a}.option-menu-container .menu-options-list.visible{opacity:1;visibility:visible} /*! * Copyright (c) 2021. Dave van Rijn Development *//*! * Copyright (c) 2021. Dave van Rijn Development *//*! * Copyright (c) 2021. Dave van Rijn Development *//*! * Copyright (c) 2021. Dave van Rijn Development */.color-picker-container{display:flex;flex-direction:column}.color-picker-container .buttons-container{background-color:#fff;border-bottom-left-radius:.25rem;border-bottom-right-radius:.25rem;display:flex;justify-content:space-between;margin-top:-.2rem;padding:.5rem} /*! * Copyright (c) 2021. Dave van Rijn Development *//*! * Copyright (c) 2021. Dave van Rijn Development *//*! * Copyright (c) 2021. Dave van Rijn Development *//*! * Copyright (c) 2021. Dave van Rijn Development */.close-button{cursor:pointer;font-size:.8rem;transition:color .2s ease-in-out}.close-button:hover{color:red!important} /*! * Copyright (c) 2021. Dave van Rijn Development *//*! * Copyright (c) 2021. Dave van Rijn Development *//*! * Copyright (c) 2021. Dave van Rijn Development *//*! * Copyright (c) 2021. Dave van Rijn Development */.dvr-header{width:fit-content}.dvr-header.calculating{visibility:hidden}.dvr-header.menu .dvr-header-container{box-shadow:0 1px 5px 0 rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.12)!important;padding:.5rem 1rem;width:100vw}.dvr-header.header .dvr-header-container{min-width:100vw}.dvr-header .dvr-header-container{align-items:center;box-shadow:0 1px 5px 0 rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.12);box-sizing:border-box;display:flex;justify-content:space-between;min-height:4rem;padding:.5rem 2rem}.dvr-header .dvr-header-container .left-container{align-items:center;display:grid;grid-template-columns:auto auto}.dvr-header .dvr-header-container .left-container .menu-bars{cursor:pointer;padding:1rem}.dvr-header .dvr-header-container .items-container{align-items:center;display:flex}.dvr-header .dvr-header-container .items-container .header-item-container{border-bottom:1px solid transparent;cursor:pointer;margin:0 .6rem;padding:.2rem;position:relative;transition:border-color .2s ease-in-out}.dvr-header .dvr-header-container .items-container .header-item-container .children-container{background-color:#fff;left:50%;opacity:0;position:absolute;top:100%;transform:translateX(-50%);transition:visibility .1s ease-in-out,opacity .1s ease-in-out,box-shadow .1s ease-in-out;visibility:hidden}.dvr-header .dvr-header-container .items-container .header-item-container .children-container .child-item{border-bottom:1px solid #ccc;color:#3a4044;display:flex;justify-content:center;padding:.5rem;transition:background-color .2s ease-in-out}.dvr-header .dvr-header-container .items-container .header-item-container .children-container .child-item label{color:#3a4044;font-size:.9rem;font-weight:400}.dvr-header .dvr-header-container .items-container .header-item-container .children-container .child-item:last-child{border-bottom:none}.dvr-header .dvr-header-container .items-container .header-item-container .children-container .child-item:hover{background-color:#f2f2f2}.dvr-header .dvr-header-container .items-container .header-item-container:hover{border-color:currentColor}.dvr-header .dvr-header-container .items-container .header-item-container:hover .children-container{box-shadow:0 1px 5px 0 rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.12);opacity:1;visibility:visible}.dvr-header .dvr-header-container .items-container .header-item-container label.dvr-header-item{font-weight:500;white-space:nowrap}.dvr-header .dvr-header-container .items-container .header-item-container.comp{border-color:transparent!important}.dvr-header .dvr-header-container .items-container .header-item-container.no-click{cursor:default}.dvr-header .dvr-header-container.transparent{background-color:transparent;box-shadow:none}.dvr-header .dvr-header-container.transparent .items-container .header-item-container{color:#3a4044}.dvr-header .dvr-menu{background-color:#3a4044;box-shadow:0 1px 5px 0 rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.12);box-sizing:border-box;height:100%;left:0;max-width:100vw;padding:1rem;position:fixed;top:4rem;transform:translateX(-100%);transition:transform .2s ease-in-out;z-index:9999}.dvr-header .dvr-menu,.dvr-header .dvr-menu *{user-select:none}.dvr-header .dvr-menu .menu-item-container{grid-column-gap:1rem;border-radius:.25rem;color:#d8d8d8;cursor:pointer;display:grid;grid-template-columns:1rem auto;padding:.75rem 1rem;transition:background-color .2s ease-in-out}.dvr-header .dvr-menu .menu-item-container .dvr-menu-item.full{grid-column-start:span 2}.dvr-header .dvr-menu .menu-item-container .dvr-menu-item.single{grid-column-start:2}.dvr-header .dvr-menu .menu-item-container .combined-label{align-items:center;display:flex}.dvr-header .dvr-menu .menu-item-container .combined-label span:first-child{margin-right:1rem}.dvr-header .dvr-menu .menu-item-container .children-container{grid-column-start:2;height:0;overflow:hidden;padding-top:.5rem;transition:height .2s ease-in-out}.dvr-header .dvr-menu .menu-item-container .children-container .child-item{padding:.75rem}.dvr-header .dvr-menu .menu-item-container:hover{background-color:#232628}.dvr-header .dvr-menu.open{transform:none}.dvr-header.fix{left:0;position:fixed;top:0;z-index:1351} /*! * Copyright (c) 2021. Dave van Rijn Development *//*! * Copyright (c) 2021. Dave van Rijn Development *//*! * Copyright (c) 2021. Dave van Rijn Development *//*! * Copyright (c) 2021. Dave van Rijn Development */.dvr-top-btn{align-items:center;border-radius:50%;bottom:2rem;box-shadow:0 1px 5px 0 rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.12);cursor:pointer;display:flex;justify-content:center;opacity:1;padding:.8rem;position:fixed;right:2rem;transition:background-color .2s ease-in-out,visibility .2s ease-in-out,opacity .2s ease-in-out;visibility:visible;z-index:200}.dvr-top-btn .dvr-top-icon{cursor:inherit;font-size:1.2rem}.dvr-top-btn .hover-label{border-radius:1rem;font-size:.8rem;left:50%;padding:.2rem .4rem;position:absolute;top:0;transform:translate(-50%,-120%);transition:visibility .2s ease-in-out,opacity .2s ease-in-out;white-space:nowrap}.dvr-top-btn .hover-label,.dvr-top-btn.hidden{opacity:0;visibility:hidden}.dvr-top-btn:hover .hover-label{opacity:1;transition-delay:.5s;visibility:visible} /*! * Copyright (c) 2021. Dave van Rijn Development *//*! * Copyright (c) 2021. Dave van Rijn Development *//*! * Copyright (c) 2021. Dave van Rijn Development *//*! * Copyright (c) 2021. Dave van Rijn Development */.dvr-datepicker-container{background-color:#fff;box-shadow:0 1px 5px 0 rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.12);max-width:100vw;min-width:16rem}.dvr-datepicker-container,.dvr-datepicker-container *{user-select:none}.dvr-datepicker-container .dvr-pickerstate-container{align-items:center;border-top:1px solid #e4e4e4;display:flex;justify-content:center;padding:.5rem 0}.dvr-datepicker-container .dvr-pickerstate-container .selector{color:#ccc;cursor:pointer;transition:color .2s ease-in-out}.dvr-datepicker-container .dvr-pickerstate-container .selector:first-child{margin-right:1rem}.dvr-datepicker-container .dvr-datepicker-footer{display:flex;justify-content:space-between;padding:.5rem} /*! * Copyright (c) 2021. Dave van Rijn Development *//*! * Copyright (c) 2021. Dave van Rijn Development *//*! * Copyright (c) 2021. Dave van Rijn Development *//*! * Copyright (c) 2021. Dave van Rijn Development */.datepicker-container{height:21.5rem}.datepicker-container .dvr-year-container{align-items:center;display:flex;justify-content:center;padding:1rem}.datepicker-container .dvr-year-container .dvr-year-toggle{cursor:pointer;font-size:.9rem;height:.9rem}.datepicker-container .dvr-year-container .dvr-year-label{cursor:pointer;font-size:1.2rem;font-weight:500;margin:0 1rem}.datepicker-container .dvr-month-container{align-items:center;color:#3a4044;display:flex;justify-content:center;padding:1rem}.datepicker-container .dvr-month-container .dvr-month-toggle{cursor:pointer;font-size:.9rem;height:.9rem}.datepicker-container .dvr-month-container .dvr-month-label{cursor:pointer;display:block;text-align:center;width:6.6rem}.datepicker-container .dvr-days-container{display:grid;grid-template-columns:repeat(7,2rem);padding:0 1rem 1rem}.datepicker-container .dvr-days-container .day-padding{padding:.5rem;visibility:hidden}.datepicker-container .dvr-days-container .dvr-day-container{align-items:center;display:flex;height:2rem;justify-content:center;width:2rem}.datepicker-container .dvr-days-container .dvr-day-container .day-label,.datepicker-container .dvr-days-container .dvr-day-container .weekday-label{font-size:.9rem;user-select:none}.datepicker-container .dvr-days-container .dvr-day-container .weekday-label{border-bottom:1px solid #e4e4e4;text-align:center;width:100%}.datepicker-container .dvr-days-container .dvr-day-container .day-label{border-radius:50%;cursor:pointer;padding:.25rem;text-align:center;transition:background-color .2s ease-in-out,color .2s ease-in-out;width:1.5rem}.datepicker-container .dvr-days-container .dvr-day-container.disabled .day-label{color:#ccc;cursor:not-allowed}.datepicker-container .dvr-days-container .dvr-day-container.other-month .day-label{color:#ccc;cursor:default;transition:none} /*! * Copyright (c) 2021. Dave van Rijn Development *//*! * Copyright (c) 2021. Dave van Rijn Development *//*! * Copyright (c) 2021. Dave van Rijn Development *//*! * Copyright (c) 2021. Dave van Rijn Development */.timepicker-container{height:21.5rem}.timepicker-container .header-container{align-items:center;display:flex;justify-content:center;padding:1rem}.timepicker-container .header-container .header-title{font-size:1.2rem;font-weight:500}.timepicker-container .date-label{display:flex;justify-content:center;padding-top:1rem}.timepicker-container .date-label.invis{visibility:hidden}.timepicker-container .time-body-container{display:grid;grid-template-columns:50% 50%;justify-items:center;padding:1rem}.timepicker-container .time-body-container .time-column{align-items:center;display:flex;flex-direction:column;justify-content:center}.timepicker-container .time-body-container .time-column .time-col-title{font-weight:500;margin-bottom:1rem}.timepicker-container .time-body-container .time-column .time-select-background-container{position:relative}.timepicker-container .time-body-container .time-column .time-select-background-container .selected-background{background-color:#ccc;height:33.3333333333%;position:absolute;top:50%;transform:translateY(-50%);width:100%;z-index:0}.timepicker-container .time-body-container .time-column .time-select-background-container .time-select-container{-ms-overflow-style:none;border:1px solid #e4e4e4;border-radius:.25rem;height:6rem;overflow-y:auto;position:relative;scroll-snap-type:y mandatory;z-index:1}.timepicker-container .time-body-container .time-column .time-select-background-container .time-select-container .time-unit-container{align-items:center;display:flex;height:2rem;padding:0 1rem;scroll-snap-align:start}.timepicker-container .time-body-container .time-column .time-select-background-container .time-select-container .time-unit-container .time-unit-label{height:1rem}.timepicker-container .time-body-container .time-column .time-select-background-container .time-select-container .time-unit-container.invis{visibility:hidden}.timepicker-container .time-body-container .time-column .time-select-background-container .time-select-container::-webkit-scrollbar{display:none} /*! * Copyright (c) 2021. Dave van Rijn Development *//*! * Copyright (c) 2021. Dave van Rijn Development *//*! * Copyright (c) 2021. Dave van Rijn Development *//*! * Copyright (c) 2021. Dave van Rijn Development */.dvr-async-select{display:inline-block;position:relative}.dvr-async-select .dvr-async-select-loader{height:auto;left:unset;position:absolute;right:2.5rem;top:1.2rem;width:min-content}.dvr-async-select.fw{width:100%} /*! * Copyright (c) 2021. Dave van Rijn Development *//*! * Copyright (c) 2021. Dave van Rijn Development *//*! * Copyright (c) 2021. Dave van Rijn Development *//*! * Copyright (c) 2021. Dave van Rijn Development */.dvr-carousel{align-items:center;display:grid;grid-template-columns:2rem auto 2rem;justify-items:center}.dvr-carousel .carousel-control{color:#434b50;font-size:1rem}.dvr-carousel .carousel-items-container{overflow:hidden}.dvr-carousel .carousel-items-container .items-container{align-items:center;display:flex;transition:transform .2s ease-in-out}.dvr-carousel .carousel-items-container .items-container .carousel-item{padding:.5rem;transition:visibility}.dvr-carousel .carousel-items-container .items-container .carousel-item.hidden{transition-delay:.2s;visibility:hidden} /*! * Copyright (c) 2021. Dave van Rijn Development *//*! * Copyright (c) 2021. Dave van Rijn Development *//*! * Copyright (c) 2021. Dave van Rijn Development *//*! * Copyright (c) 2021. Dave van Rijn Development */.dvr-slider-container .dvr-slider-label{white-space:nowrap}.dvr-slider-container .dvr-slider{--control-color:#000;-webkit-appearance:none;appearance:none;border-radius:.25rem;cursor:pointer;height:2px;outline:none;transition:opacity .2s ease-in-out}.dvr-slider-container .dvr-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:var(--control-color);border-radius:50%;box-shadow:0 1px 5px 0 rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.12);cursor:pointer;height:.75rem;transition:width .2s ease-in-out,height .2s ease-in-out;width:.75rem}.dvr-slider-container .dvr-slider::-moz-range-thumb{background:var(--control-color);border-radius:50%;cursor:pointer;height:.75rem;transition:width .2s ease-in-out,height .2s ease-in-out;width:.75rem}.dvr-slider-container .dvr-slider:hover{opacity:1}.dvr-slider-container.bottom,.dvr-slider-container.top{grid-row-gap:.5rem;display:grid;grid-template-columns:auto}.dvr-slider-container.bottom .dvr-slider-label,.dvr-slider-container.top .dvr-slider-label{padding-left:.2rem}.dvr-slider-container.left,.dvr-slider-container.right{grid-column-gap:.5rem;align-items:center;display:grid}.dvr-slider-container.bottom .dvr-slider-label,.dvr-slider-container.right .dvr-slider-label{grid-area:label}.dvr-slider-container.bottom .dvr-input,.dvr-slider-container.right .dvr-input{grid-area:input}.dvr-slider-container.bottom{grid-template-areas:"input" "label"}.dvr-slider-container.right{grid-template-areas:"input label";grid-template-columns:1fr min-content}.dvr-slider-container.left{grid-template-columns:min-content 1fr} /*! * Copyright (c) 2021. Dave van Rijn Development *//*! * Copyright (c) 2021. Dave van Rijn Development *//*! * Copyright (c) 2021. Dave van Rijn Development *//*! * Copyright (c) 2021. Dave van Rijn Development */.pdf-creator{grid-row-gap:1rem;align-items:start;display:grid;grid-template-columns:repeat(2,auto) minmax(min-content,30rem);justify-content:center;margin:2rem auto;position:relative}.pdf-creator .right-col{position:sticky;top:4rem}.pdf-creator .elements-container{grid-row-gap:1rem;background-color:#fff;border:1px solid #e4e4e4;border-radius:.5rem;display:grid;grid-template-columns:auto;padding:1rem;position:sticky;top:4rem}.pdf-creator .elements-container .element-button{grid-column-gap:1rem;align-items:center;border-radius:.5rem;box-shadow:0 1px 5px 0 rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.12);color:#434b50;cursor:pointer;display:grid;grid-template-columns:2rem 1fr;padding:.5rem;transition:background-color .2s ease-in-out}.pdf-creator .elements-container .element-button .element-label{white-space:nowrap}.pdf-creator .elements-container .element-button .element-icon{font-size:2rem}.pdf-creator .elements-container .element-button:hover{background-color:#f2f2f2}.pdf-creator .elements-container .history{grid-column-gap:1rem;display:grid;grid-template-columns:1fr 1fr}.pdf-creator .elements-container .history .history-button{border-radius:.5rem;box-shadow:0 1px 5px 0 rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.12);cursor:pointer;padding:.5rem 1rem;text-align:center;transition:background-color .2s ease-in-out}.pdf-creator .elements-container .history .history-button:hover{background-color:#e4e4e4}.pdf-creator .elements-container .history .history-button.disabled{background-color:#fff!important;border:1px solid #ccc;box-shadow:none;cursor:not-allowed}.pdf-creator .elements-container .history .history-button.disabled .history-icon{color:#ccc}.pdf-creator .elements-container .history-reset{display:flex;justify-content:center}.pdf-creator .pdf-paper{height:842pt;overflow:hidden;position:relative;width:595pt;z-index:1}.pdf-creator .footer-container,.pdf-creator .pdf-paper{background-color:#fff;border-radius:.5rem;box-shadow:0 1px 5px 0 rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.12)}.pdf-creator .footer-container{align-items:center;display:flex;grid-column:2;justify-content:space-between;padding:1rem}.pdf-creator .footer-container .left-buttons{grid-column-gap:1rem;display:grid;flex:1;grid-auto-columns:fit-content(100%);grid-auto-flow:column}.pdf-creator .footer-container .proceed-btn{margin-left:1rem} /*! * Copyright (c) 2021. Dave van Rijn Development *//*! * Copyright (c) 2021. Dave van Rijn Development *//*! * Copyright (c) 2021. Dave van Rijn Development *//*! * Copyright (c) 2021. Dave van Rijn Development */.pdf-text-container .pdf-text-input{background-color:transparent;border:none!important;line-height:1.5;outline:none!important;overflow:hidden;padding:0;resize:none;white-space:pre}.pdf-text-container .pdf-text-input:disabled{color:#000} /*! * Copyright (c) 2021. Dave van Rijn Development *//*! * Copyright (c) 2021. Dave van Rijn Development *//*! * Copyright (c) 2021. Dave van Rijn Development *//*! * Copyright (c) 2021. Dave van Rijn Development */.pdf-draggable{outline:2px solid transparent;transition:outline-color .2s ease-in-out}.pdf-draggable .action-bar{align-items:center;background-color:#434b50;display:flex;justify-content:space-between;left:-2px;opacity:0;position:absolute;top:0;transform:translateY(-100%);transition:visibility .2s ease-in-out,opacity .2s ease-in-out;visibility:hidden;width:calc(100% + 4px)}.pdf-draggable .action-bar .action{color:#fff;cursor:pointer;font-size:.9rem;padding:.5rem;transition:color .2s ease-in-out}.pdf-draggable .action-bar .action.drag-handle{cursor:move}.pdf-draggable .action-bar .action:hover{color:#ccc}.pdf-draggable .action-bar .action:hover.delete{color:red}.pdf-draggable .action-bar .options{align-items:center;display:flex}.pdf-draggable .action-bar .options .action{border-right:1px solid #434b50}.pdf-draggable .action-bar .options .action:last-child{border-right:none}.pdf-draggable .pdf-element{cursor:pointer;position:relative}.pdf-draggable .pdf-element .guide{background-color:#ccc;left:0;position:absolute;top:0}.pdf-draggable .pdf-element .guide.horiz{height:1px;width:100vw}.pdf-draggable .pdf-element .guide.horiz.reverse{transform:translateX(-100%)}.pdf-draggable .pdf-element .guide.vert{height:100vh;width:1px}.pdf-draggable .pdf-element .guide.vert.reverse{transform:translateY(-100%)}.pdf-draggable .pdf-element.match-size{height:100%;width:100%}.pdf-draggable.focused,.pdf-draggable:hover{background-color:#fff;outline-color:#434b50;z-index:200}.pdf-draggable.focused .action-bar,.pdf-draggable:hover .action-bar{opacity:1;visibility:visible}.pdf-draggable.dragging{background-color:unset}.pdf-draggable.dragging .action-bar{opacity:.3} /*! * Copyright (c) 2021. Dave van Rijn Development *//*! * Copyright (c) 2021. Dave van Rijn Development *//*! * Copyright (c) 2021. Dave van Rijn Development *//*! * Copyright (c) 2021. Dave van Rijn Development */.pdf-element-settings{background-color:#fff;border:1px solid #e4e4e4;border-radius:.5rem;max-width:30rem;padding:1rem}.pdf-element-settings .settings-title{margin-bottom:.5rem}.pdf-element-settings .empty-label{font-size:.9rem}.pdf-element-settings .divider{background-color:#ccc;height:1px;margin:.5rem 0;width:100%}.pdf-element-settings .buttons-container{display:flex;justify-content:space-between;margin-top:.5rem}.pdf-element-settings .settings-color-picker{align-items:center;display:flex;grid-column-start:span 2;position:relative}.pdf-element-settings .settings-color-picker .picker-label{margin-right:.5rem;width:7.5rem}.pdf-element-settings .settings-color-picker .color-preview{border-radius:10px;box-shadow:inset -2px -2px 5px rgba(0,0,0,.25),inset 2px 2px 5px #fff;cursor:pointer;height:1rem;width:2rem}.pdf-element-settings .settings-color-picker .text-color-picker{position:absolute} /*! * Copyright (c) 2021. Dave van Rijn Development *//*! * Copyright (c) 2021. Dave van Rijn Development *//*! * Copyright (c) 2021. Dave van Rijn Development *//*! * Copyright (c) 2021. Dave van Rijn Development */.pdf-text-settings{grid-row-gap:.5rem;align-items:start;display:grid;grid-template-columns:auto;justify-items:start}.pdf-text-settings .text-settings{align-items:flex-end;display:flex}.pdf-text-settings .font-settings{grid-row-gap:.5rem;display:grid;grid-template-columns:auto;width:100%}.pdf-text-settings .font-settings .font-size{width:6rem}.pdf-text-settings .text-variables-container .variables-container-title{margin-bottom:.5rem}.pdf-text-settings .text-variables-container .variable-containers{grid-row-gap:.5rem;align-items:start;display:grid;grid-template-columns:auto}.pdf-text-settings .text-variables-container .variable-containers .variables-container{display:flex;flex-direction:column}.pdf-text-settings .text-variables-container .variable-containers .variables-container .variables-title{border-bottom:2px solid #ccc;cursor:pointer;font-size:.9rem;font-weight:500;padding:.5rem .25rem}.pdf-text-settings .text-variables-container .variable-containers .variables-container .variables-main-container{height:0;overflow:hidden}.pdf-text-settings .text-variables-container .variable-containers .variables-container .variables-main-container .variables{align-items:flex-start;display:flex;flex-wrap:wrap;padding:.5rem}.pdf-text-settings .text-variables-container .variable-containers .variables-container .variables-main-container .variables .text-variable{border-radius:.5rem;box-shadow:0 1px 5px 0 rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.12);cursor:pointer;margin-bottom:.5rem;margin-right:.5rem;padding:.2rem .4rem;transition:background-color .2s ease-in-out;user-select:none;white-space:nowrap}.pdf-text-settings .text-variables-container .variable-containers .variables-container .variables-main-container .variables .text-variable:last-child{margin-right:0}.pdf-text-settings .text-variables-container .variable-containers .variables-container .variables-main-container .variables .text-variable:hover{background-color:#e4e4e4}.pdf-text-settings .text-variables-container .variable-containers .variables-container.open .variables-main-container{height:fit-content;overflow:auto} /*! * Copyright (c) 2021. Dave van Rijn Development *//*! * Copyright (c) 2021. Dave van Rijn Development *//*! * Copyright (c) 2021. Dave van Rijn Development *//*! * Copyright (c) 2021. Dave van Rijn Development */.icon-button{background-color:#e4e4e4;border-right:1px solid #ccc;cursor:pointer;height:34px;transition:background-color .2s ease-in-out;width:34px}.icon-button,.icon-button .icon-container{align-items:center;display:inline-flex;justify-content:center;text-align:center}.icon-button .icon-container .button-icon{stroke:#4c4c4c;fill:#4c4c4c;background:50% no-repeat;background-size:contain;height:14px;isolation:isolate;overflow:hidden;pointer-events:none;transform-origin:0 0!important;width:14px}.icon-button:hover{background-color:#ccc}.icon-button.active{background-color:#009fe3}.icon-button:last-child{border-right:none} /*! * Copyright (c) 2021. Dave van Rijn Development *//*! * Copyright (c) 2021. Dave van Rijn Development *//*! * Copyright (c) 2021. Dave van Rijn Development *//*! * Copyright (c) 2021. Dave van Rijn Development */.pdf-image,.pdf-image .image{height:100%;width:100%}.pdf-image .image{pointer-events:none}.pdf-image .img-selector{align-items:center;border:2px dashed #9a9a9a;color:#9a9a9a;display:flex;flex-direction:column;padding:2rem}.pdf-image .img-selector .img-icon{font-size:3rem}.pdf-image .img-selector .img-selector-label{font-size:.9rem;font-weight:500;white-space:nowrap} /*! * Copyright (c) 2021. Dave van Rijn Development *//*! * Copyright (c) 2021. Dave van Rijn Development *//*! * Copyright (c) 2021. Dave van Rijn Development *//*! * Copyright (c) 2021. Dave van Rijn Development */ /*! * Copyright (c) 2021. Dave van Rijn Development *//*! * Copyright (c) 2021. Dave van Rijn Development *//*! * Copyright (c) 2021. Dave van Rijn Development *//*! * Copyright (c) 2021. Dave van Rijn Development */.pdf-invoice-table .invoice-line{display:grid;padding:.75rem 0}.pdf-invoice-table .invoice-line .amount{justify-self:center}.pdf-invoice-table .invoice-line .end{justify-self:end}.pdf-invoice-table .invoice-line .light{color:#9a9a9a}.pdf-invoice-table .invoice-line .fl{white-space:nowrap}.pdf-invoice-table .invoice-line.bt{border-top:2px solid #d8d8d8} /*! * Copyright (c) 2021. Dave van Rijn Development *//*! * Copyright (c) 2021. Dave van Rijn Development *//*! * Copyright (c) 2021. Dave van Rijn Development *//*! * Copyright (c) 2021. Dave van Rijn Development */.pdf-invoice-table-settings{grid-gap:.5rem;align-items:end;display:grid;grid-template-columns:repeat(2,calc(50% - .125rem))}.pdf-invoice-table-settings .center-btn{grid-column-start:span 2;justify-items:start}.pdf-invoice-table-settings .settings-label{font-weight:500;grid-column-start:span 2}.pdf-invoice-table-settings .divider{background-color:#ccc;grid-column-start:span 2;height:1px;margin:.5rem 0;width:100%}@media(max-width:1919px){.pdf-invoice-table-settings{grid-column-gap:0;grid-template-columns:auto}.pdf-invoice-table-settings .center-btn,.pdf-invoice-table-settings .divider,.pdf-invoice-table-settings .settings-label{grid-column-start:unset}} /*! * Copyright (c) 2021. Dave van Rijn Development *//*! * Copyright (c) 2021. Dave van Rijn Development *//*! * Copyright (c) 2021. Dave van Rijn Development *//*! * Copyright (c) 2021. Dave van Rijn Development */.dvrd-button{grid-column-gap:.5rem;align-items:center;border-radius:.5rem;box-shadow:0 4px 4px rgba(0,0,0,.05);cursor:pointer;display:inline-grid;justify-content:center;justify-items:center;padding:.7rem 1rem;transition:background-color .2s ease-in-out}.dvrd-button,.dvrd-button *{user-select:none}.dvrd-button .dvrd-button-label{transition:color .2s ease-in-out}.dvrd-button.disabled{box-shadow:none;cursor:not-allowed} /*! * Copyright (c) 2021. Dave van Rijn Development *//*! * Copyright (c) 2021. Dave van Rijn Development *//*! * Copyright (c) 2021. Dave van Rijn Development *//*! * Copyright (c) 2021. Dave van Rijn Development */.dvrd-select-container{position:relative;transition:margin-bottom .2s ease-in-out}.dvrd-select-container .dvrd-select-label{color:#2a435f;display:block;font-size:.9rem;margin-bottom:.25rem;transition:color .2s ease-in-out}.dvrd-select-container .content-container{grid-column-gap:.25rem;align-items:center;background-color:#fff;border:1px solid #d9d9d9;border-radius:4px;cursor:pointer;display:grid;grid-template-columns:1fr fit-content(100%);padding:.75rem;transition:border-color .2s ease-in-out}.dvrd-select-container .content-container .dvrd-select-value{color:#2a435f;font-family:avenir-light,sans-serif}.dvrd-select-container .content-container .dvrd-select-search{border:none;border-radius:inherit;color:#2a435f;font-family:avenir-light,sans-serif;outline:none;padding:.75rem;width:100%}.dvrd-select-container .content-container .dvrd-select-arrow{color:#686869;font-size:.9rem}.dvrd-select-container .content-container.search{padding:0 .75rem 0 0}.dvrd-select-container .dvrd-select-items{background-color:#fff;border-radius:.5rem;display:flex;flex-direction:column;left:0;min-width:100%;opacity:0;overflow-y:auto;position:absolute;transition:visibility .1s ease-in-out,opacity .1s ease-in-out,box-shadow .1s ease-in-out;visibility:hidden;z-index:200}.dvrd-select-container .dvrd-select-items .dvrd-select-item{background-color:#fff;color:#2a435f;cursor:pointer;font-family:avenir-light,sans-serif;padding:.75rem;transition:background-color .2s ease-in-out;white-space:nowrap}.dvrd-select-container .dvrd-select-items .dvrd-select-item:hover{background-color:#e9f2fe}.dvrd-select-container .dvrd-select-items.bottom{bottom:0;transform:translateY(100%)}.dvrd-select-container .dvrd-select-items.top{top:0;transform:translateY(calc(-100% + 1rem))}.dvrd-select-container .dvrd-select-items.open{box-shadow:0 1px 5px 0 rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.12);opacity:1;visibility:visible}.dvrd-select-container .dvrd-select-error{bottom:0;color:red;font-size:.8rem;left:0;opacity:0;position:absolute;transform:translateY(1rem);transition:visibility .1s ease-in-out,opacity .1s ease-in-out;visibility:hidden}.dvrd-select-container.disabled .content-container{background-color:#f9fafb;cursor:not-allowed}.dvrd-select-container.error{margin-bottom:1rem}.dvrd-select-container.error .dvrd-select-label{color:red}.dvrd-select-container.error .content-container{border-color:red}.dvrd-select-container.error .content-container .dvrd-select-value{color:red}.dvrd-select-container.error .dvrd-select-error{opacity:1;visibility:visible} /*! * Copyright (c) 2021. Dave van Rijn Development *//*! * Copyright (c) 2021. Dave van Rijn Development *//*! * Copyright (c) 2021. Dave van Rijn Development *//*! * Copyright (c) 2021. Dave van Rijn Development */.dvr-side-bar-menu{background-color:var(--contrast-color);box-shadow:0 1px 5px 0 rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.12);display:flex;flex-direction:column;height:calc(100vh - 4rem);justify-content:space-between;position:fixed;top:4rem;width:4rem;z-index:1300}.dvr-side-bar-menu .side-bar-item{align-items:center;background-color:var(--contrast-color-color);border-bottom:1px solid #e4e4e4;color:var(--base-color);cursor:pointer;display:flex;height:4rem;justify-content:center;position:relative;transition:background-color .2s ease-in-out;width:4rem}.dvr-side-bar-menu .side-bar-item .item-icon{color:#ccc;font-size:1.5rem;transition:color .2s ease-in-out}.dvr-side-bar-menu .side-bar-item .item-label{background-color:rgba(0,0,0,.6);border-radius:.5rem;color:#fff;font-size:12px;left:115%;padding:4px 6px;top:50%;transform:translateY(-50%);user-select:none}.dvr-side-bar-menu .side-bar-item .active-indicator,.dvr-side-bar-menu .side-bar-item .item-label{opacity:0;position:absolute;transition:visibility .2s ease-in-out,opacity .2s ease-in-out;visibility:hidden}.dvr-side-bar-menu .side-bar-item .active-indicator{background-color:var(--base-color);height:100%;right:0;top:0;width:3px}.dvr-side-bar-menu .side-bar-item.active .active-indicator,.dvr-side-bar-menu .side-bar-item:hover .item-label{opacity:1;visibility:visible}.dvr-side-bar-menu .side-bar-item.active .item-icon{color:var(--base-color)}.dvr-side-bar-menu.full{background-color:transparent;box-shadow:none;display:inline-flex;height:calc(100vh - 5rem);position:sticky;top:5rem;width:unset}.dvr-side-bar-menu.full .side-bar-item-full{grid-column-gap:1rem;align-items:center;cursor:pointer;display:grid;grid-template-columns:2rem auto;margin:2rem 1rem;position:relative}.dvr-side-bar-menu.full .side-bar-item-full .item-icon{color:#686869;font-size:1.5rem;justify-self:center;opacity:.5;transition:color .2s ease-in-out}.dvr-side-bar-menu.full .side-bar-item-full .item-icon.active{color:var(--base-color);opacity:1}.dvr-side-bar-menu.full .side-bar-item-full .item-label{color:#686869;transition:color .2s ease-in-out;user-select:none;white-space:nowrap}.dvr-side-bar-menu.full .side-bar-item-full .item-label.active{color:#000;font-weight:600}.dvr-side-bar-menu.full .side-bar-item-full .line{background-color:var(--base-color);height:calc(100% - 1.5rem);left:1rem;position:absolute;top:2rem;width:2px}.dvr-side-bar-menu.full .side-bar-item-full.child{margin-bottom:.5rem!important}.dvr-side-bar-menu.full .side-bar-item-full.child .item-label{padding-left:1rem}.dvr-side-bar-menu.full .side-bar-item-full.child:last-child{margin-bottom:0}.dvr-side-bar-menu.full .side-bar-item-full .children-container{padding-top:1rem}.dvr-side-bar-menu.full .side-bar-item-full .children-container .side-bar-item-full{margin:0}.dvr-side-bar-menu.full .side-bar-item-full:hover .item-label{color:#000}.dvr-side-bar-menu.full .side-bar-item-full.with-children{margin-bottom:-.5rem} /*! * Copyright (c) 2021. Dave van Rijn Development *//*! * Copyright (c) 2021. Dave van Rijn Development *//*! * Copyright (c) 2021. Dave van Rijn Development *//*! * Copyright (c) 2021. Dave van Rijn Development */.dvr-info-container{display:inline-block;justify-self:start;position:relative}.dvr-info-container .dvr-info-icon{cursor:help;font-size:1.1rem;transition:color .2s ease-in-out}.dvr-info-container .dvr-message-container{background-color:#fff;border-radius:.2rem;box-shadow:0 1px 5px 0 rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.12);opacity:0;padding:.2rem;position:absolute;right:0;top:0;transition:visibility .2s ease-in-out,opacity .2s ease-in-out;visibility:hidden;width:15rem;z-index:200}.dvr-info-container:hover .dvr-message-container{opacity:1;visibility:visible} /*! * Copyright (c) 2021. Dave van Rijn Development *//*! * Copyright (c) 2021. Dave van Rijn Development *//*! * Copyright (c) 2021. Dave van Rijn Development *//*! * Copyright (c) 2021. Dave van Rijn Development */.dvrd-date-picker{color:#2a435f;display:flex;flex-direction:column;position:relative}.dvrd-date-picker .field-label{display:block;font-size:.9rem;margin-bottom:.25rem;transition:color .1s ease-in-out}.dvrd-date-picker .value-container{background-color:#fff;border:1px solid #d9d9d9;border-radius:4px;color:#2a435f;cursor:pointer;padding:.75rem;position:relative;transition:border-color .1s ease-in-out}.dvrd-date-picker .value-container .value{transition:color .1s ease-in-out}.dvrd-date-picker .value-container .value.placeholder{color:#9a9a9a}.dvrd-date-picker .value-container .calendar-icon{position:absolute;right:.75rem;top:50%;transform:translateY(-50%)}.dvrd-date-picker .picker{--day-size:26px;background-color:#fff;border-radius:.5rem;box-shadow:0 4px 4px rgba(0,0,0,.05);color:#2a435f;display:grid;grid-template-columns:1fr;max-width:100vw;width:calc(var(--day-size)*7 + 4rem)}.dvrd-date-picker .picker .actions-container,.dvrd-date-picker .picker .current-date-container,.dvrd-date-picker .picker .days-container,.dvrd-date-picker .picker .switcher,.dvrd-date-picker .picker .today-container{padding:.5rem}.dvrd-date-picker .picker .switcher{grid-column-gap:.5rem;align-items:center;background-color:#009fe3;color:#fff;display:grid;justify-content:center}.dvrd-date-picker .picker .switcher .switcher-label{border-bottom:1px solid transparent;cursor:pointer;justify-self:center;text-align:center;transition:border-color .2s ease-in-out;user-select:none}.dvrd-date-picker .picker .switcher .switcher-label:hover{border-bottom-color:currentColor}.dvrd-date-picker .picker .switcher .switcher-icon{cursor:pointer;font-size:.9rem;opacity:0;padding:.25rem;transition:color .2s ease-in-out,opacity .2s ease-in-out,visibility .2s ease-in-out;user-select:none;visibility:hidden}.dvrd-date-picker .picker .switcher .switcher-icon:hover{color:#e4e4e4}.dvrd-date-picker .picker .switcher.year{grid-template-columns:fit-content(100%) 2.5rem fit-content(100%);padding-bottom:.25rem}.dvrd-date-picker .picker .switcher.month{grid-template-columns:fit-content(100%) 5rem fit-content(100%);padding-top:.25rem}.dvrd-date-picker .picker .switcher:hover .switcher-icon{opacity:1;visibility:visible}.dvrd-date-picker .picker .switcher:first-child{border-radius:.5rem .5rem 0 0}.dvrd-date-picker .picker .current-date-container{display:flex;justify-content:center;position:relative}.dvrd-date-picker .picker .current-date-container .current-date-label{color:#9a9a9a;font-size:.9rem}.dvrd-date-picker .picker .current-date-container .tooltip-container{position:absolute;right:.5rem;top:50%;transform:translateY(-50%)}.dvrd-date-picker .picker .current-date-container .tooltip-container .tooltip-icon{color:#9a9a9a;cursor:help;font-size:.8rem}.dvrd-date-picker .picker .current-date-container .tooltip-container .tooltip{grid-row-gap:.5rem;background-color:#fff;border:1px solid #ccc;border-radius:.25rem!important;bottom:0;box-shadow:none;display:grid;grid-template-columns:auto;left:0;opacity:0;padding:.25rem;position:absolute;transform:translateY(100%);transition:visibility .2s ease-in-out,opacity .2s ease-in-out,box-shadow .2s ease-in-out;visibility:hidden}.dvrd-date-picker .picker .current-date-container .tooltip-container .tooltip .tooltip-label{color:#9a9a9a;font-size:.8rem;justify-self:center}.dvrd-date-picker .picker .current-date-container .tooltip-container .tooltip .key{grid-column-gap:.5rem;align-items:center;display:grid;grid-template-columns:9.4rem fit-content(100%);justify-items:end}.dvrd-date-picker .picker .current-date-container .tooltip-container .tooltip .key .directives{grid-column-gap:.5rem;align-items:center;display:grid;grid-template-columns:repeat(3,fit-content(100%))}.dvrd-date-picker .picker .current-date-container .tooltip-container .tooltip .key .directives.full{grid-template-columns:repeat(5,fit-content(100%))}.dvrd-date-picker .picker .current-date-container .tooltip-container .tooltip .key .directive,.dvrd-date-picker .picker .current-date-container .tooltip-container .tooltip .key .shortcut{color:#9a9a9a;font-size:.8rem;white-space:nowrap}.dvrd-date-picker .picker .current-date-container .tooltip-container .tooltip .key .shortcut{border:1px solid #9a9a9a;font-size:.7rem;padding:.1rem .25rem}.dvrd-date-picker .picker .current-date-container .tooltip-container .tooltip .key .shortcut.text{padding:0 .25rem}.dvrd-date-picker .picker .current-date-container .tooltip-container .tooltip .key .directive{display:block}.dvrd-date-picker .picker .current-date-container .tooltip-container:hover .tooltip{box-shadow:0 1px 5px 0 rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.12);opacity:1;visibility:visible}.dvrd-date-picker .picker .days-container{grid-gap:.5rem;display:grid;grid-template-columns:repeat(7,var(--day-size))}.dvrd-date-picker .picker .days-container .day{align-items:center;border-radius:50%;cursor:pointer;display:flex;height:var(--day-size);justify-content:center;transition:color .2s ease-in-out,background-color .2s ease-in-out;width:var(--day-size)}.dvrd-date-picker .picker .days-container .day .day-label{font-size:14px;user-select:none}.dvrd-date-picker .picker .days-container .day.hide,.dvrd-date-picker .picker .days-container .day.no-select{pointer-events:none}.dvrd-date-picker .picker .days-container .day.hide{visibility:hidden}.dvrd-date-picker .picker .days-container .day.pad{color:#ccc}.dvrd-date-picker .picker .days-container .day.selected{background-color:#009fe3!important;color:#fff}.dvrd-date-picker .picker .days-container .day:hover{background-color:rgba(0,159,227,.2)}.dvrd-date-picker .picker .days-container .extra-row{grid-column-start:span 7;height:24px}.dvrd-date-picker .picker .actions-container{align-items:center;display:flex;justify-content:space-between}.dvrd-date-picker .picker .actions-container .action{padding:.5rem}.dvrd-date-picker .picker .actions-container .action .dvrd-button-label{font-size:.9rem}.dvrd-date-picker .picker.switch-mount .switcher .switcher-icon{opacity:1!important;transition:none!important;visibility:visible!important}.dvrd-date-picker .error-label{bottom:0;color:red;font-size:.8rem;left:0;opacity:0;position:absolute;transform:translateY(1rem);transition:visibility .1s ease-in-out,opacity .1s ease-in-out;visibility:hidden}.dvrd-date-picker.error{color:red;margin-bottom:1rem}.dvrd-date-picker.error .value-container{border-color:red}.dvrd-date-picker.error .error-label{opacity:1;visibility:visible}.dvrd-date-picker.disabled *{cursor:not-allowed}.dvrd-date-picker.disabled .value-container{background-color:hsla(0,0%,94%,.3)} /*! * Copyright (c) 2021. Dave van Rijn Development *//*! * Copyright (c) 2021. Dave van Rijn Development *//*! * Copyright (c) 2021. Dave van Rijn Development *//*! * Copyright (c) 2021. Dave van Rijn Development */.dvrd-input-container{background-color:#fff;position:relative;transition:margin-bottom .1s ease-in-out}.dvrd-input-container .dvrd-input-label{color:#2a435f;display:block;font-size:.9rem;margin-bottom:.25rem;transition:color .1s ease-in-out}.dvrd-input-container .content-container{align-items:center;border:1px solid #d9d9d9;border-radius:4px;display:grid;transition:border-color .1s ease-in-out;width:100%}.dvrd-input-container .content-container .dvrd-input{border:none;border-radius:inherit;color:#2a435f;outline:none;padding:.75rem;width:100%}.dvrd-input-container .content-container textarea.no-resize{resize:none}.dvrd-input-container .content-container .clear-btn{color:#2a435f;cursor:pointer;transition:color .2s ease-in-out}.dvrd-input-container .content-container .clear-btn:hover{color:red}.dvrd-input-container .dvrd-input-error{bottom:0;color:red;font-size:.8rem;left:0;opacity:0;position:absolute;transform:translateY(1rem);transition:visibility .1s ease-in-out,opacity .1s ease-in-out;visibility:hidden}.dvrd-input-container:hover .content-container{border-color:var(--base-color)}.dvrd-input-container.active .dvrd-input-label{color:var(--base-color)}.dvrd-input-container.active .content-container{border-color:var(--base-color)}.dvrd-input-container.error{margin-bottom:1rem}.dvrd-input-container.error .dvrd-input-label{color:red}.dvrd-input-container.error .content-container{border-color:red}.dvrd-input-container.error .content-container .dvrd-input{color:red}.dvrd-input-container.error .content-container .dvrd-input::placeholder{color:red;opacity:.7}.dvrd-input-container.error .dvrd-input-error{opacity:1;visibility:visible}.dvrd-input-container.disabled .content-container{border-color:#d9d9d9}.dvrd-input-container.full{width:100%} /*! * Copyright (c) 2021. Dave van Rijn Development *//*! * Copyright (c) 2021. Dave van Rijn Development *//*! * Copyright (c) 2021. Dave van Rijn Development *//*! * Copyright (c) 2021. Dave van Rijn Development */.dvrd-password-toggle{color:#9a9a9a;cursor:pointer;transition:color .2s ease-in-out}.dvrd-password-toggle:hover{color:#434b50} /*! * Copyright (c) 2021. Dave van Rijn Development *//*! * Copyright (c) 2021. Dave van Rijn Development *//*! * Copyright (c) 2021. Dave van Rijn Development *//*! * Copyright (c) 2021. Dave van Rijn Development */.app-link{color:#009fe3;cursor:pointer;text-decoration:none;transition:color .2s ease-in-out,border-bottom-color .2s ease-in-out}.app-link.underline{border-bottom:1px solid transparent}.app-link:hover{color:#007bb0}.app-link:hover.underline{border-bottom:1px solid}.app-link.disabled{border-bottom:1px solid transparent!important;color:#ccc!important;cursor:default} /*! * Copyright (c) 2021. Dave van Rijn Development *//*! * Copyright (c) 2021. Dave van Rijn Development *//*! * Copyright (c) 2021. Dave van Rijn Development *//*! * Copyright (c) 2021. Dave van Rijn Development */.dvrd-options-list{position:relative}.dvrd-options-list .btn-container{grid-column-gap:.5rem;align-items:center;border-radius:.5rem;box-shadow:0 4px 4px rgba(0,0,0,.05);cursor:pointer;display:grid;grid-template-columns:repeat(2,fit-content(100%));padding:.7rem 1rem;transition:background-color .2s ease-in-out}.dvrd-options-list .btn-container .button-label{cursor:inherit}.dvrd-options-list .btn-container .caret{cursor:inherit;font-size:.8rem}.dvrd-options-list .options-container{background-color:#fff;border-radius:.5rem;left:0;min-width:100%;opacity:0;overflow:hidden;position:absolute;top:100%;transition:visibility .2s ease-in-out,opacity .2s ease-in-out,box-shadow .2s ease-in-out;visibility:hidden}.dvrd-options-list .options-container .option{border-bottom:1px solid #ccc;cursor:pointer;padding:.5rem;transition:background-color .2s ease-in-out}.dvrd-options-list .options-container .option .option-label{user-select:none;white-space:nowrap}.dvrd-options-list .options-container .option:last-child{border-bottom:none}.dvrd-options-list .options-container .option:hover.default{background-color:rgba(0,159,227,.2)}.dvrd-options-list .options-container .option:hover.red{background-color:rgba(255,0,0,.2)}.dvrd-options-list.hover:hover .options-container,.dvrd-options-list.open .options-container{box-shadow:0 1px 5px 0 rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.12);opacity:1;visibility:visible}.dvrd-options-list.disabled .btn-container{box-shadow:none;cursor:default} /*! * Copyright (c) 2021. Dave van Rijn Development *//*! * Copyright (c) 2021. Dave van Rijn Development *//*! * Copyright (c) 2021. Dave van Rijn Development *//*! * Copyright (c) 2021. Dave van Rijn Development */.dvrd-switch .track{border-radius:1rem;height:14px;position:relative;width:23.4px}.dvrd-switch .track .handle{border-radius:100%;box-shadow:0 1px 5px 0 rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.12);cursor:pointer;height:18px;left:0;position:absolute;top:50%;transform:translateX(-9px) translateY(-50%);transition:transform .2s ease-in-out,left .2s ease-in-out;width:18px;will-change:left}.dvrd-switch.active .track .handle{left:100%}.dvrd-switch.disabled .track .handle{cursor:default} /*! * Copyright (c) Dave van Rijn Development 2023. *//*! * Copyright (c) 2021. Dave van Rijn Development *//*! * Copyright (c) 2021. Dave van Rijn Development *//*! * Copyright (c) 2021. Dave van Rijn Development */.dvrd-file-upload{grid-row-gap:1rem;align-content:center;border:1px solid #ccc;border-radius:1rem;cursor:pointer;display:grid;grid-template-columns:auto;justify-content:center;justify-items:center;max-width:100dvw;min-height:min(100dvh,20rem);padding:1rem;width:50rem}.dvrd-file-upload .file-container .file-icon{font-size:3rem}.dvrd-file-upload .file-container .select-file-container .select-file-label-container{grid-row-gap:1rem;display:grid;grid-template-columns:auto;justify-items:center}.dvrd-file-upload .file-container .select-file-container .select-file-label-container .selected-file-label{font-weight:500}.dvrd-file-upload .file-container .selected-file-container{grid-row-gap:1rem;display:grid;grid-template-columns:auto;justify-items:center}.dvrd-file-upload .file-container .selected-file-container .file-labels-container{grid-row-gap:1rem;display:grid;grid-template-columns:auto}.dvrd-file-upload .file-container .selected-file-container .file-labels-container .file-label-container{grid-row-gap:.5rem;display:grid;grid-template-columns:auto}.dvrd-file-upload .file-container .selected-file-container .file-labels-container .file-label-container .file-label{font-weight:500} /*! * Copyright (c) Dave van Rijn Development 2023. *//*! * Copyright (c) 2021. Dave van Rijn Development *//*! * Copyright (c) 2021. Dave van Rijn Development *//*! * Copyright (c) 2021. Dave van Rijn Development */:root{--base-color:$color-blue-1;--contrast-color:#fff}.dvrd-radio-button{align-items:center;column-gap:.5rem;cursor:pointer;display:flex}.dvrd-radio-button .dvrd-radio-button-label{color:#2a435f;cursor:inherit;font-size:.9rem;transition:color .2s ease;user-select:none}.dvrd-radio-button .dvrd-radio-bullet-container{align-items:center;background-color:#fff;border:2px solid;border-radius:.5rem;border-radius:50%;box-shadow:0 4px 4px rgba(0,0,0,.05);cursor:inherit;display:flex;height:22px;justify-content:center;position:relative;width:22px}.dvrd-radio-button .dvrd-radio-bullet-container .dvrd-radio-bullet{border-radius:50%;height:10px;opacity:0;transition:visibility .2s ease-in-out,opacity .2s ease-in-out;visibility:hidden;width:10px}.dvrd-radio-button .dvrd-radio-bullet-container .dvrd-radio-bullet.checked{opacity:1;visibility:visible}.dvrd-radio-button .dvrd-radio-bullet-container .ripple{border-radius:50%;height:8px;left:50%;opacity:1;pointer-events:none;position:absolute;top:50%;transform:translateX(-50%) translateY(-50%);visibility:hidden;width:8px}.dvrd-radio-button.disabled{cursor:default}.dvrd-radio-button.no-animations,.dvrd-radio-button.no-animations *{transition:none!important}.dvrd-radio-button.rippling .dvrd-radio-bullet-container .ripple{height:56px;opacity:0;transition:opacity .5s ease-in-out,opacity .5s ease,width .5s ease-in-out,height .5s ease-in-out;visibility:visible;width:56px}