@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@400;700&display=swap);.vue__time-picker{display:inline-block;position:relative;font-size:1em;width:10em;font-family:sans-serif;vertical-align:middle}.vue__time-picker *{box-sizing:border-box}.vue__time-picker input.display-time{border:1px solid #d2d2d2;width:10em;height:2.2em;padding:0.3em 0.5em;font-size:1em}.vue__time-picker input.has-custom-icon{padding-left:1.8em}.vue__time-picker input.display-time.invalid:not(.skip-error-style){border-color:#c03;outline-color:#c03}.vue__time-picker input.display-time.disabled,.vue__time-picker input.display-time:disabled{color:#d2d2d2}.vue__time-picker .controls{position:absolute;top:0;bottom:0;right:0;z-index:3;flex-flow:row nowrap;justify-content:flex-end;align-items:stretch;pointer-events:none}.vue__time-picker .controls,.vue__time-picker .controls>*{display:flex}.vue__time-picker .controls>*{cursor:pointer;width:auto;flex-flow:column nowrap;justify-content:center;align-items:center;padding:0 0.35em;color:#d2d2d2;line-height:100%;font-style:normal;pointer-events:auto;transition:color 0.2s,opacity 0.2s}.vue__time-picker .controls>:hover{color:#797979}.vue__time-picker .controls>:active,.vue__time-picker .controls>:focus{outline:0}.vue__time-picker .controls .char{font-size:1.1em;line-height:100%;-webkit-margin-before:-0.15em}.vue__time-picker .custom-icon{z-index:2;position:absolute;left:0;top:0;bottom:0;width:1.8em;display:flex;flex-flow:column nowrap;justify-content:center;align-items:center;pointer-events:none}.vue__time-picker .controls img,.vue__time-picker .controls svg,.vue__time-picker .custom-icon img,.vue__time-picker .custom-icon svg{display:inline-block;vertical-align:middle;margin:0;border:0;outline:0;max-width:1em;height:auto}.vue__time-picker .time-picker-overlay{z-index:4;position:fixed;top:0;left:0;right:0;bottom:0}.vue__time-picker-dropdown,.vue__time-picker .dropdown{position:absolute;z-index:5;top:calc(2.2em + 2px);left:0;background:#fff;box-shadow:0 1px 6px rgba(0,0,0,0.15);width:10em;height:10em;font-weight:400}.vue__time-picker-dropdown{position:fixed;z-index:100}.vue__time-picker-dropdown.drop-up,.vue__time-picker .dropdown.drop-up{top:auto;bottom:calc(2.2em + 1px)}.vue__time-picker-dropdown .select-list,.vue__time-picker .dropdown .select-list{width:10em;height:10em;overflow:hidden;display:flex;flex-flow:row nowrap;align-items:stretch;justify-content:space-between}.vue__time-picker-dropdown .select-list:active,.vue__time-picker-dropdown .select-list:focus,.vue__time-picker .dropdown .select-list:active,.vue__time-picker .dropdown .select-list:focus{outline:0}.vue__time-picker-dropdown ul,.vue__time-picker .dropdown ul{padding:0;margin:0;list-style:none;outline:0;flex:1 1 0.00001px;overflow-x:hidden;overflow-y:auto}.vue__time-picker-dropdown ul.apms,.vue__time-picker-dropdown ul.minutes,.vue__time-picker-dropdown ul.seconds,.vue__time-picker .dropdown ul.apms,.vue__time-picker .dropdown ul.minutes,.vue__time-picker .dropdown ul.seconds{border-left:1px solid #fff}.vue__time-picker-dropdown ul li,.vue__time-picker .dropdown ul li{list-style:none;text-align:center;padding:0.3em 0;color:#161616}.vue__time-picker-dropdown ul li:not(.hint):not([disabled]):focus,.vue__time-picker-dropdown ul li:not(.hint):not([disabled]):hover,.vue__time-picker .dropdown ul li:not(.hint):not([disabled]):focus,.vue__time-picker .dropdown ul li:not(.hint):not([disabled]):hover{background:rgba(0,0,0,0.08);color:#161616;cursor:pointer}.vue__time-picker-dropdown ul li:not([disabled]).active,.vue__time-picker-dropdown ul li:not([disabled]).active:focus,.vue__time-picker-dropdown ul li:not([disabled]).active:hover,.vue__time-picker .dropdown ul li:not([disabled]).active,.vue__time-picker .dropdown ul li:not([disabled]).active:focus,.vue__time-picker .dropdown ul li:not([disabled]).active:hover{background:#41b883;color:#fff}.vue__time-picker-dropdown ul li[disabled],.vue__time-picker-dropdown ul li[disabled]:hover,.vue__time-picker .dropdown ul li[disabled],.vue__time-picker .dropdown ul li[disabled]:hover{background:transparent;opacity:0.3;cursor:not-allowed}.vue__time-picker-dropdown .hint,.vue__time-picker .dropdown .hint{color:#a5a5a5;cursor:default;font-size:0.8em}@media print{.no-print,footer,header{display:none}}@keyframes spin-animation{0%{transform:rotate(0deg)}to{transform:rotate(359deg)}}.m-option-group-card{display:inline-block;width:160px;height:150px;margin-right:10px;margin-bottom:10px;text-align:center;cursor:pointer;border:1px solid #fff}.m-option-group-card:hover{border:1px solid #24ade7}.m-option-group-card.active{border:1px solid #24ade7;background:#24ade7;color:#fff}.m-option-group-card .m-option-group-icon{margin-top:10px}.m-option-group-list-item{border:1px solid transparent;background-color:#fff;margin-bottom:5px}.m-option-group-list-item.active{border:1px solid #24ade7;background:#24ade7;color:#fff}.m-debug .q-expansion-item{text-align:left!important}.m-debug .expansion{border:1px solid grey;border-radius:3px;padding:5px}.m-debug .string{color:#006400}.m-debug .number{color:#00f}.m-debug .boolean{color:red}.m-debug .null{color:brown}.m-debug .key{color:#696969}.m-modal .m-modal-content{max-width:100%;min-width:70%;overflow-x:hidden}.m-modal .m-modal-content.level-2{min-width:65%}.m-modal .m-modal-content.level-3{min-width:60%}.m-modal .m-modal-content.level-4{min-width:55%}.m-modal .m-modal-content.level-5{min-width:50%}.m-checkout-fi-provider{display:inline-block;margin:10px 5px}.m-checkout-fi-provider .m-checkout-fi-provider-name{font-size:1.2em;text-align:center}.m-checkout-fi-provider button{cursor:pointer;width:200px;height:100px}.input-time{padding-top:7px}.input-time .q-field__label{line-height:1.6;font-size:0.85rem}.input-time .vue__time-picker{width:100%;margin-top:3px}.input-time .vue__time-picker input.display-time{transition:all 0.2s;width:100%;border:none;border-bottom:1px solid #d2d2d2;line-height:24px;letter-spacing:0.00937em;font:inherit;padding-left:0;padding-right:0}.input-time .vue__time-picker input.display-time:hover{cursor:pointer;border-bottom:1px solid #000}.input-time .vue__time-picker.is-open input.display-time{border-bottom:2px solid #24ade7}.input-time .vue__time-picker.is-open input.display-time:focus-visible{outline:none}.input-time .vue__time-picker .dropdown{position:fixed;top:unset;left:unset}.input-time .vue__time-picker .dropdown,.input-time .vue__time-picker .hours,.input-time .vue__time-picker .minutes{min-height:151px}.m-input-date-time .m-input-date{display:inline-block;width:49.5%;padding-right:5px}.m-input-date-time .input-time{display:inline-block;width:49.5%;padding-top:5px;padding-left:5px}.m-input-date-time .input-time li.active{background-color:#24ade7!important}.m-date-time-picker-popup{overflow:visible}.m-date-time-picker-content{overflow:visible!important;padding:15px;max-width:150px}.m-date-time-picker-content .q-field__native:hover{cursor:pointer}.m-date-time-picker-content .m-input-date{width:100%;padding-right:0}.m-date-time-picker-content .input-time{width:100%;margin-top:-10px;padding-left:0}.m-input-duration .q-field{width:49.9%;display:inline-block}.m-input-duration .q-field .q-if-addon{width:28px;text-align:right}.m-input-duration .q-field.hour-input{padding-right:3px}.m-input-duration .q-field.min-input{padding-left:3px}.m-date-range-button{width:280px;transition:all 0.1s ease}.m-date-range-button.week{width:280px}.m-date-range-button .current-day-button{width:160px;transition:all 0.1s ease}.m-date-range-button .current-day-button.week{width:160px}.m-date-range-button .current-day-button.week .week{font-weight:700;width:100%}.m-date-range-button .current-day-button.week .month-year,.m-date-range-button .current-day-button.week .separator{font-weight:500;width:100%}.m-date-range-button .nav-button{width:60px}@media only screen and (min-width:0){.text-right-xs{text-align:right}}@media only screen and (min-width:600px){.text-right-sm{text-align:right}}@media only screen and (min-width:1024px){.text-right-md{text-align:right}}@media only screen and (min-width:1440px){.text-right-lg{text-align:right}}@media only screen and (min-width:1920px){.text-right-xl{text-align:right}}.m-btn{line-height:inherit;font-weight:400}.m-btn .q-icon{font-size:1.58em}.m-btn .q-icon.on-left{margin-left:-6px;margin-right:8px}.m-btn.fat-btn{font-weight:700;text-transform:uppercase;letter-spacing:0.02em}.buttons-to-right{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:flex-end}.m-banner{min-height:30px;margin:10px 0;border-radius:7px}.m-banner.status{color:#fff;background-color:#21ba45}.m-banner.warning{color:#fff;background-color:#f27933}.m-banner.error{color:#fff;background-color:#c10015}.m-table.hide-thead .q-table__top,.m-table.hide-thead thead{display:none}.m-table .datepicker-filter{border:1px solid #bdbdbd;border-radius:4px;padding:1px 8px;height:41px}.m-table .datepicker-filter .label{color:#616161;font-size:0.75em}.m-table .datepicker-filter .value-print{margin-top:-4px}.m-table .datepicker-filter .colon{display:none}.m-table-mobile .m-table-mobile-row{margin-bottom:10px;border:1px solid #24ade7;padding:7px 10px;border-radius:3px;transition:all 0.1s}.m-table-mobile .m-table-mobile-row:hover{cursor:pointer;border-color:#80cff1;transform:scale(1.02)}.m-table-mobile .m-table-mobile-row .m-table-mobile-field{margin:3px 0}.m-table-mobile .m-table-mobile-row .m-table-mobile-field .m-table-mobile-label{display:inline-block;font-weight:700}.m-table-mobile .m-table-mobile-row .m-table-mobile-field .m-table-mobile-label:after{content:":";padding:0;margin-left:-3px;margin-right:5px}.m-table-mobile .m-table-mobile-row .m-table-mobile-field .m-table-mobile-value{display:inline-block}.m-dropdown-no-results{padding:5px 10px 10px 10px;color:#9e9e9e}button.m-popup-edit--save-button.loading .q-btn__wrapper .q-btn__content i.q-icon{animation:spin-animation 0.75s infinite!important}.m-country-select-option .country-code{padding-left:10px;color:#9e9e9e}body{font-family:Poppins,sans-serif}.q-card,.rounded-borders{border-radius:7px}.shadow{box-shadow:none;-webkit-box-shadow:none}.no-shadow{box-shadow:none!important;-webkit-box-shadow:none!important}a.q-btn,button.q-btn{font-weight:700}a.q-btn:not(.no-shadow),button.q-btn:not(.no-shadow){box-shadow:none;-webkit-box-shadow:none}a.q-btn:not(.q-btn--round),button.q-btn:not(.q-btn--round){border-radius:7px}.q-date a.q-btn,.q-date button.q-btn{box-shadow:none;-webkit-box-shadow:none}.q-date .q-date__today{border:2px solid #24ade7}.q-date .q-date__today .q-btn__wrapper{margin-top:-2px}.q-btn-group{border-radius:7px}.pagetitle{margin-left:16px;font-size:3.5em;font-weight:700}.pagetitle,.q-table__title{transition:all 0.2s}@media only screen and (max-width:600px){.pagetitle,.q-table__title{font-size:2em!important}}.q-table__container{border-radius:unset;box-shadow:none;background:none}.q-table__container .q-table__linear-progress{color:#24ade7!important;height:3px}.q-table__container .add-row-button{text-transform:uppercase}.q-table__container .q-table__top{border:none;border-radius:unset;background:none}.q-table__container .q-table__top .q-table__title{font-size:3.5em;font-weight:700}.q-table__container .q-table__middle{border-radius:7px;box-shadow:none;-webkit-box-shadow:none}.q-table__container .q-table__middle thead th{font-size:1em;text-transform:uppercase;background-color:#000;color:#fff;font-weight:700}.q-table__container .q-table__middle thead th .q-checkbox__svg{background-color:#fff;color:#000}.q-table__container .q-table__middle tbody{background:#fff}.q-table__container .q-table__middle tbody tr:nth-child(2n){background-color:#f7f7f7}.q-table__container .q-table__bottom{border:none}.q-table__container.q-table--dense thead th:first-child{border-radius:7px 0 0 0}.q-table__container.q-table--dense thead th:last-child{border-radius:0 7px 0 0}.uppercase{text-transform:uppercase}.q-page{background-color:#f3f3f3}.m-modal .q-dialog__inner{padding:0 15px}.m-modal .m-modal-content{border-radius:7px}.m-modal .m-modal-content .content .inner-content{max-height:calc(100vh - 230px);overflow-y:auto;overflow-x:hidden}.m-modal .m-modal-content .header{background-color:#000;color:#fff;padding:20px}.m-modal .m-modal-content .header>div{font-size:1.3em}.m-modal .m-modal-content .header .title{font-weight:700}.m-modal .m-modal-content .actions{padding:20px;background-color:#f3f3f3;margin:40px -16px -16px -16px;overflow:visible}div.label{text-transform:uppercase}.q-tooltip{background:#242424}.q-field.q-field--outlined,.q-field.q-field--outlined .q-field__control{border-radius:3px}.q-field.q-field--outlined:not(.q-field--disabled) .q-field__control:before{border-color:#24ade7;border-width:1px}.m-sidebar{overflow-x:hidden}.m-sidebar i{color:#fff}.m-sidebar hr{border:0;border-top:1px solid #e0e5eb;margin:auto;width:90%;color:#0e7b36}.m-sidebar .q-drawer--mini hr{width:60%}.m-sidebar .q-drawer__content{text-transform:uppercase;font-weight:700;color:#fff;background-color:#24ade7;overflow-x:hidden}.m-sidebar .q-drawer__content .q-link{height:5vh}.m-sidebar .q-drawer__content .q-router-link--active{color:#fff;background-color:#1799d0}.separator-right{border-right:2px solid #f3f3f3}@media only screen and (min-width:0){.separator-right-xs{border-right:2px solid #f3f3f3}}@media only screen and (min-width:600px){.separator-right-sm{border-right:2px solid #f3f3f3}}@media only screen and (min-width:1024px){.separator-right-md{border-right:2px solid #f3f3f3}}@media only screen and (min-width:1440px){.separator-right-lg{border-right:2px solid #f3f3f3}}@media only screen and (min-width:1920px){.separator-right-xl{border-right:2px solid #f3f3f3}}.separator-bottom{border-bottom:2px solid #f3f3f3}@media only screen and (min-width:0){.separator-bottom-xs{border-bottom:2px solid #f3f3f3}}@media only screen and (min-width:600px){.separator-bottom-sm{border-bottom:2px solid #f3f3f3}}@media only screen and (min-width:1024px){.separator-bottom-md{border-bottom:2px solid #f3f3f3}}@media only screen and (min-width:1440px){.separator-bottom-lg{border-bottom:2px solid #f3f3f3}}@media only screen and (min-width:1920px){.separator-bottom-xl{border-bottom:2px solid #f3f3f3}}.separator-bottom-none{border-bottom:none}@media only screen and (min-width:0){.separator-bottom-xs-none{border-bottom:none}}@media only screen and (min-width:600px){.separator-bottom-sm-none{border-bottom:none}}@media only screen and (min-width:1024px){.separator-bottom-md-none{border-bottom:none}}@media only screen and (min-width:1440px){.separator-bottom-lg-none{border-bottom:none}}@media only screen and (min-width:1920px){.separator-bottom-xl-none{border-bottom:none}}

/*!
 * Cropper.js v1.5.12
 * https://fengyuanchen.github.io/cropperjs
 *
 * Copyright 2015-present Chen Fengyuan
 * Released under the MIT license
 *
 * Date: 2021-06-12T08:00:11.623Z
 */.cropper-container{direction:ltr;font-size:0;line-height:0;position:relative;touch-action:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}.cropper-container img{display:block;height:100%;image-orientation:0deg;max-height:none!important;max-width:none!important;min-height:0!important;min-width:0!important;width:100%}.cropper-canvas,.cropper-crop-box,.cropper-drag-box,.cropper-modal,.cropper-wrap-box{bottom:0;left:0;position:absolute;right:0;top:0}.cropper-canvas,.cropper-wrap-box{overflow:hidden}.cropper-drag-box{background-color:#fff;opacity:0}.cropper-modal{background-color:#000;opacity:0.5}.cropper-view-box{display:block;height:100%;outline:1px solid #39f;outline-color:rgba(51,153,255,0.75);overflow:hidden;width:100%}.cropper-dashed{border:0 dashed #eee;display:block;opacity:0.5;position:absolute}.cropper-dashed.dashed-h{border-bottom-width:1px;border-top-width:1px;height:33.33333%;left:0;top:33.33333%;width:100%}.cropper-dashed.dashed-v{border-left-width:1px;border-right-width:1px;height:100%;left:33.33333%;top:0;width:33.33333%}.cropper-center{display:block;height:0;left:50%;opacity:0.75;position:absolute;top:50%;width:0}.cropper-center:after,.cropper-center:before{background-color:#eee;content:" ";display:block;position:absolute}.cropper-center:before{height:1px;left:-3px;top:0;width:7px}.cropper-center:after{height:7px;left:0;top:-3px;width:1px}.cropper-face,.cropper-line,.cropper-point{display:block;height:100%;opacity:0.1;position:absolute;width:100%}.cropper-face{background-color:#fff;left:0;top:0}.cropper-line{background-color:#39f}.cropper-line.line-e{cursor:ew-resize;right:-3px;top:0;width:5px}.cropper-line.line-n{cursor:ns-resize;height:5px;left:0;top:-3px}.cropper-line.line-w{cursor:ew-resize;left:-3px;top:0;width:5px}.cropper-line.line-s{bottom:-3px;cursor:ns-resize;height:5px;left:0}.cropper-point{background-color:#39f;height:5px;opacity:0.75;width:5px}.cropper-point.point-e{cursor:ew-resize;margin-top:-3px;right:-3px;top:50%}.cropper-point.point-n{cursor:ns-resize;left:50%;margin-left:-3px;top:-3px}.cropper-point.point-w{cursor:ew-resize;left:-3px;margin-top:-3px;top:50%}.cropper-point.point-s{bottom:-3px;cursor:s-resize;left:50%;margin-left:-3px}.cropper-point.point-ne{cursor:nesw-resize;right:-3px;top:-3px}.cropper-point.point-nw{cursor:nwse-resize;left:-3px;top:-3px}.cropper-point.point-sw{bottom:-3px;cursor:nesw-resize;left:-3px}.cropper-point.point-se{bottom:-3px;cursor:nwse-resize;height:20px;opacity:1;right:-3px;width:20px}@media (min-width:768px){.cropper-point.point-se{height:15px;width:15px}}@media (min-width:992px){.cropper-point.point-se{height:10px;width:10px}}@media (min-width:1200px){.cropper-point.point-se{height:5px;opacity:0.75;width:5px}}.cropper-point.point-se:before{background-color:#39f;bottom:-50%;content:" ";display:block;height:200%;opacity:0;position:absolute;right:-50%;width:200%}.cropper-invisible{opacity:0}.cropper-bg{background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAA3NCSVQICAjb4U/gAAAABlBMVEXMzMz////TjRV2AAAACXBIWXMAAArrAAAK6wGCiw1aAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAABFJREFUCJlj+M/AgBVhF/0PAH6/D/HkDxOGAAAAAElFTkSuQmCC")}.cropper-hide{display:block;height:0;position:absolute;width:0}.cropper-hidden{display:none!important}.cropper-move{cursor:move}.cropper-crop{cursor:crosshair}.cropper-disabled .cropper-drag-box,.cropper-disabled .cropper-face,.cropper-disabled .cropper-line,.cropper-disabled .cropper-point{cursor:not-allowed}@media print{footer,header{display:none}}.bg-pesulasi-logo{background-color:#24ade7!important}.text-pesulasi-logo{color:#24ade7!important}.bg-bookingstatus-new{background-color:red!important}.text-bookingstatus-new{color:red!important}.bg-bookingstatus-keys-received{background-color:#f29936!important}.text-bookingstatus-keys-received{color:#f29936!important}.bg-bookingstatus-in-progress{background-color:#0cc!important}.text-bookingstatus-in-progress{color:#0cc!important}.bg-bookingstatus-done{background-color:#21ba45!important}.text-bookingstatus-done{color:#21ba45!important}.bg-bookingstatus-keys-released{background-color:#15792d!important}.text-bookingstatus-keys-released{color:#15792d!important}.bg-bookingstatus-archived{background-color:#999!important}.text-bookingstatus-archived{color:#999!important}.bg-bookingstatus-payment-pending{background-color:#999!important}.text-bookingstatus-payment-pending{color:#999!important}.bg-bookingstatus-canceled{background-color:#cecece!important}.text-bookingstatus-canceled{color:#cecece!important}.q-card{box-shadow:none}body{font-size:15px;color:#1d1d1d}.q-page,body{background:#f3f3f3}.q-page.page-login{background:linear-gradient(120deg,#369edf,#0047d9)}.m-sidebar .q-drawer__content{text-transform:none;font-weight:400}.m-sidebar .q-drawer__content .q-item .q-item__label{padding-top:6px}.m-sidebar .q-drawer__content .sidebar-divider{border-top:1px solid hsla(0,0%,100%,0.2)}h2{font-size:1.6rem}h2,h3{font-weight:300;margin-bottom:0.5rem}h3{font-size:1.35rem}h3,h4{line-height:1.4}h4{font-size:1.25rem;margin-bottom:0.5rem;margin-top:0}h5{font-size:1.1rem}h5,h6{line-height:1.4;font-weight:500;margin:0.3rem 0}h6{font-size:1rem}a{color:#24ade7;text-decoration:none}header .q-toolbar{border-bottom:1px solid #d9d9d9}header .location-select{width:190px!important;padding-right:20px}header .version{font-size:0.6em;margin:0 0 0 15px;color:#e7e7e7}.cursor-help{cursor:help}.q-card{border:1px solid transparent}.clickable{transition:all 0.1s}.clickable:hover{cursor:pointer;border-color:#aee1f6;transform:scale(1.03)}.q-page-container{max-width:2048px;margin:auto}.q-banner__content{display:flex;align-items:center}.q-banner__content h2,.q-banner__content h3{display:inline-block;line-height:1.2;margin:0;right:10px}.border-secondary{border:1px solid #24ade7}ul.info{list-style:none;margin-left:0;padding:0}ul.info li{padding:5px;border-bottom:1px dotted #bdbdbd;display:flex}ul.info li .label{font-weight:500;min-width:150px}ul.info-dense{list-style:none;margin-left:0;padding:0}ul.info-dense li{display:flex;padding-bottom:-5px}i.cursor-pointer{background:none;border-radius:50%;vertical-align:middle;transition:all 0.3s}i.cursor-pointer:hover{padding:0.3em;margin:-0.3em;background:#24ade7;color:#fff!important}.q-menu{max-width:800px!important}.list-button{font-weight:400}.list-button .q-btn__wrapper{min-height:0}.q-btn,.q-field{font-size:16px}.q-btn input,.q-field input{font-weight:500}.q-select{border-radius:5px}.q-select input,.q-select span{font-weight:500}.q-select .bg-primary input{color:#fff}.bg-white{background:#fff!important}.q-field--filled .bg-white.q-field__control:before{display:none}.q-field--float .q-field__label{transform:translateY(-65%) scale(0.85)}.q-card .add-row-btn{position:absolute;bottom:-28px;left:25px;z-index:2;display:none}.q-card:hover .add-row-btn{display:block}.m-calendar{background:#fff;padding:20px;border-radius:7px;box-shadow:none}.m-calendar .event{cursor:pointer}.m-calendar .event.closed{background-color:#f4f4f4;cursor:not-allowed;z-index:1}.date{font-weight:700}.date span{font-weight:400;white-space:nowrap}.hide{visibility:hidden}.hidden{display:none}.list-enter-active{transition:all 0.5s}.list-enter{opacity:0;transform:translateY(30px)}.q-tooltip{background:#0b4c67;font-size:1em}.booking-calendar-day{background:#fff;padding:20px;border-radius:7px;box-shadow:none}.booking-calendar-day .add-booking-button{float:right;display:none;margin:12px}.booking-calendar-day .timeslot{border:1px #52beec;cursor:pointer;min-height:61px;border-bottom:1px solid rgba(0,0,0,0.1)}.booking-calendar-day .timeslot.past{color:grey}.booking-calendar-day .timeslot.now{background:#dcf2fb}.booking-calendar-day .timeslot.now:hover{background:#c5e9f9}.booking-calendar-day .timeslot:hover{background:#f7f7f7}.booking-calendar-day .timeslot:hover .add-booking-button{display:inline-flex}.booking-calendar-day .timeslot-label{width:64px;font-weight:700;margin:10px;padding:5px 10px;display:inline-block;vertical-align:top}.booking-calendar-day .booking{display:inline-block;margin:6px 3px;background:#24ade7;color:#fff;border-radius:5px;padding:0 10px 5px 10px}.booking-calendar-day .booking.bookingstatus-new{background:red}.booking-calendar-day .booking.bookingstatus-keys-received{background:#f29936}.booking-calendar-day .booking.bookingstatus-in-progress{background:#0cc}.booking-calendar-day .booking.bookingstatus-done{background:#21ba45}.booking-calendar-day .booking.bookingstatus-keys-released{background:#15792d}.booking-calendar-day .booking.bookingstatus-archived,.booking-calendar-day .booking.bookingstatus-payment-pending{background:#999}.booking-calendar-day .booking.bookingstatus-canceled{background:#cecece;text-decoration:line-through}.booking-calendar-day .booking:hover{filter:brightness(1.05)}.booking-calendar-day .booking .booking-vehicle{margin-bottom:3px;border-bottom:1px solid hsla(0,0%,100%,0.5);font-weight:700}.booking-calendar-day .booking .booking-vehicle .license-plate{display:inline-block;width:80%}.booking-calendar-day .booking .booking-vehicle .status-icon{display:inline-block;width:20%;text-align:right;font-size:1.3em;padding-left:5px}.booking-calendar-day .booking .booking-product{font-size:0.9em;text-align:center;font-weight:700}.booking-calendar-day .booking .booking-endTimePlanned{font-size:0.8em;text-align:center}.booking-calendar-public .q-disabled-day,.booking-calendar-public .q-past-day{display:none}.current-day-button{width:150px}.current-day-button.week{width:260px}.current-day-button.week .week{font-weight:700;width:35%}.current-day-button.week .month-year{font-weight:500;width:60%}.current-day-button.week .separator{font-weight:500;width:5%}.page-booking-list .booking-table .q-table__top{padding-top:0}.page-booking-list .booking-table .add-row-button{margin-top:-60px}.page-customer .text-h6{margin-bottom:15px}.page-customer .label{font-weight:700;padding-right:6px}.field .label{font-weight:700}.field .interactable{cursor:pointer}.field .interactable.value{color:#24ade7}.separator-right{border-width:1px}.page-worker-bookings .q-card{max-width:1000px;margin:auto auto 10px auto}.page-worker-bookings .q-card:not(.user-card){padding:20px}.page-worker-bookings .booking .actions button{border:3px solid}.page-worker-bookings .booking .booking-worker-info{text-align:left}.page-worker-bookings .booking .booking-worker-info .keyring-number{padding-top:16px;border:4px solid #137eac}.page-worker-bookings .booking:not(.selected) .booking-prices{color:grey}.page-worker-bookings .booking:not(.selected) .booking-prices button{background:grey!important}.page-worker-bookings .booking:not(.selected) .booking-prices .booking-price .label,.page-worker-bookings .booking:not(.selected) .booking-prices .booking-price .value,.page-worker-bookings .booking:not(.selected) .booking-worker-info{color:grey}.page-worker-bookings .booking:not(.selected) .booking-worker-info .keyring-number{color:grey;background-color:#fff;border:4px solid grey}.page-worker-bookings .worker-info{transition:all 0.2s ease;max-width:1000px;margin-top:15px}.page-worker-bookings .worker-info button{min-width:300px}.page-worker-bookings .worker-info .title-col{text-align:left}.booking-key-select{width:auto;max-width:1000px;margin:auto;min-height:150px}.booking-key-select .booking{transition:all 0.2s ease;cursor:pointer;display:inline-block;width:120px;height:120px;text-align:center;padding-top:10px;border:5px solid #b4b4b4;color:#b4b4b4;border-radius:7px;font-size:1.5em;margin:15px}.booking-key-select .booking .keyringNumber{font-weight:700}.booking-key-select .booking .licensePlate,.booking-key-select .booking .startTime{font-size:0.9em}.booking-key-select .booking.past .startTime{color:#c10015}.booking-key-select .booking.selected{background-color:#fff;border-color:#158fc3;color:#158fc3}.workday-table .q-tr:hover .q-btn{background-color:#e7e7e7}.workday-table .q-tr .q-td{background-color:#fff}.workday-table .q-tr.odd .q-td{background-color:#f7f7f7}.workday-table .q-tr.expanded .q-td{border-color:transparent}.workday-table .q-tr.expand-row.editable:hover{color:#24ade7;cursor:pointer}.workday-table .q-tr.expand-row:not(.last) .q-td{border-top:0;border-bottom:0}.workday-table .q-tr.expand-row.last .q-td{padding-bottom:15px}.workday-table .q-tr.expand-row .q-td{height:10px;border-top:0;padding-top:2px;padding-bottom:2px}.m-modal-content .content .booking-edit .inner-content{max-height:calc(100vh - 310px)}.m-modal-content .content .booking-edit .actions{margin-top:10px}.booking-edit .top{background-color:#f3f3f3;margin-right:-16px;padding-right:35px;padding-left:13px;padding-top:15px}.booking-edit .row:not(.top):not(.actions){max-width:1000px;margin-left:auto;margin-right:auto}.booking-edit .booking-row-edit.removed .q-field__native{text-decoration:line-through}.booking-prices .customer-has-contract{margin-left:10px;margin-bottom:15px}.booking-prices .booking-price .label{text-align:right;padding-right:5px;width:150px;display:inline-block}.booking-prices .booking-price .value{text-align:right;width:80px;display:inline-block}.booking-rows-simple{list-style:none;padding-left:0}.booking-rows-simple .label{text-align:right;padding-right:5px;width:150px;display:inline-block}.booking-rows-simple .value{text-align:right;width:80px;display:inline-block}.booking-worker-info{font-size:1.5em;font-weight:700}.booking-worker-info .info{font-weight:400}.booking-worker-info .keyring-col{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:flex-end;padding-right:30px}@media (max-width:600px){.booking-worker-info .keyring-col{align-items:center;justify-content:center;padding-right:0}}.booking-worker-info .endtime{margin:0 20px}@media (max-width:600px){.booking-worker-info .title-col{text-align:center;margin-top:20px;align-items:center;justify-content:center}}.booking-worker-info .title{margin-top:15px}.booking-worker-info .keyring-number{background-color:#24ade7;color:#fff;height:100px;width:100px;text-align:center;padding-top:18px;font-size:2em;border-radius:100%}.dashboard-chart{min-height:300px}.dashboard-comparison{padding-top:75px;min-height:300px}.invoiceable-table{margin-bottom:100px}.invoiceable-table .q-tr:hover .q-btn.expand-button{background-color:#e7e7e7}.invoiceable-table .q-tr .q-td:not(.booking-custom){background-color:#fff}.invoiceable-table .q-tr.odd .q-td:not(.booking-custom){background-color:#f7f7f7}.invoiceable-table .q-tr.expanded .q-td:not(.booking-custom){border-color:transparent}.invoiceable-table .q-tr.expand-row:not(.last) .q-td:not(.booking-custom){border-top:0;border-bottom:0}.invoiceable-table .q-tr.expand-row.last .q-td:not(.booking-custom){padding-bottom:15px}.invoiceable-table .q-tr.expand-row .q-td:not(.booking-custom){height:10px;border-top:0;padding-top:20px;padding-bottom:20px}.invoiceable-table tr.bookings-table-header th{background-color:#f7f7f7!important;text-transform:unset;color:#000}.booking-summary{font-size:1.4em}.booking-summary .q-separator{width:90%;margin:10px auto}.booking-summary .booking-summary-row .label{text-transform:none}.product-select .m-option-group-list-item{margin-bottom:10px}.product-select .m-option-group-list-item.active{background:#24ade7}.product-select .m-option-group-list-item .label{text-transform:none;font-size:1.4em}.product-select .m-option-group-list-item .price{font-size:1.4em}.product-select .m-option-group-list-item .description ul{margin:0;padding:0;list-style:none}.product-select .m-option-group-list-item .description ul li{padding-left:10px}.product-select .m-option-group-list-item .description ul li:before{content:"";width:15px;height:15px;margin-right:5px;display:inline-block;background-size:10px;background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iOSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMTEuNjQzLjMyMWwuMDIuMDIxYy40NS40NjIuNDUgMS4xOTggMCAxLjY2TDUuMTc5IDguNjU4YTEuMTI5IDEuMTI5IDAgMDEtMS42MTcgMCAxLjE4NCAxLjE4NCAwIDAxLS4zMzItLjcyIDEuMTA4IDEuMTA4IDAgMDEtLjY2LS4zMjlMLjMzNiA1LjMxOWExLjE4OSAxLjE4OSAwIDAxMC0xLjY2IDEuMTI5IDEuMTI5IDAgMDExLjU5Ny0uMDIxbC4wMi4wMkw0LjE4NiA1Ljk1Yy4wNjkuMDcxLjEyNy4xNDguMTc1LjIzTDEwLjA0Ny4zNDJhMS4xMjkgMS4xMjkgMCAwMTEuNTk2LS4wMnoiIGZpbGw9IiNGRkYiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg==);background-repeat:no-repeat;background-position:0px 7px;filter:none}.page-customer-booking-list button.add-booking{margin-bottom:10px}.page-customer-booking-list .no-bookings{padding:50px;text-align:center;max-width:600px;margin:20px auto auto auto}.booking-card-list .booking-card-list-item{margin:0 0 15px 0;padding:10px}.booking-card-list .booking-card-list-item .icon{display:inline-block;vertical-align:top;padding:0 10px 0 0}.booking-card-list .booking-card-list-item .icon .q-btn{cursor:default}.booking-card-list .booking-card-list-item .values{display:inline-block}.booking-card-list .booking-card-list-item .values div:first-child{font-weight:700}.new-booking .main-cards{justify-content:space-between}.new-booking .main-cards .q-card{flex-basis:33%;flex-grow:1}.new-booking .main-cards .text-h6 .date span{font-size:0.8em}.new-booking .main-cards .work-pages{background:#eee}.new-booking .main-cards .arrow-btn i.q-icon{font-size:2.5em}.new-booking .main-cards .status-btn{padding-left:5px}.new-booking .main-cards .status-btn i.q-icon{margin-left:5px;margin-right:-6px}.new-booking .main-cards .status-btn[disabled]{opacity:1!important}.new-booking .main-cards .status-btn[disabled] i.q-icon{width:6px}.new-booking .main-cards .status-back-btn{margin-right:1px}.new-booking .main-cards .status-back-btn .q-btn__wrapper{padding:4px 8px}.new-booking .main-cards .q-card__section .work-page+.work-page{padding-top:25px;margin-top:20px;border-top:1px dotted #bdbdbd}.new-booking .main-cards .q-card .q-item{height:100%}.new-booking .main-cards .icon-text{margin-left:-1.2em;padding-right:0.2em}@media (min-width:1000px){.new-booking .main-cards .q-card:hover .action-buttons{opacity:1}.new-booking .main-cards .action-buttons{position:absolute;top:5px;right:20px;opacity:0}}.new-booking .new-booking-header{display:none}.new-booking .new-booking-header .breadcrumbs{font-size:1.2em}.new-booking .new-booking-header .breadcrumbs .breadcrumb{color:#f2f2f2}.new-booking .new-booking-header .breadcrumbs .breadcrumb.done{color:#1d1d1d}.new-booking .new-booking-header .breadcrumbs .breadcrumb.active{color:#24ade7}.new-booking .new-booking-header .breadcrumbs .breadcrumb-separator{margin:0 10px}.new-booking .new-booking-header .breadcrumbs .breadcrumb-separator:before{content:">"}.q-table__container .q-table__middle thead th{background-color:#24ade7;text-transform:capitalize}@media (max-width:1023px){.product-select .m-option-group-list-item{border-radius:10px}.product-select .m-option-group-list-item .description ul{display:flex;flex-wrap:wrap;gap:0.3em;max-width:90%}.product-select .m-option-group-list-item .label,.product-select .m-option-group-list-item .price{font-size:1em;font-weight:600;margin-bottom:0.5em}.product-select .m-option-group-list-item .price{font-weight:400}.new-booking .q-pt-xl{padding-top:1em}}@media (max-width:599px){span.q-btn__content{font-size:0.8em}.booking-filter-buttons-group span{text-transform:capitalize}.booking-filter-buttons-group .q-btn__wrapper{padding:4px 14px}.booking-filter-buttons-group .q-icon{margin-right:0}.q-table__separator{display:none}.q-table__container .q-table__middle thead th{font-size:0.9em;text-transform:capitalize}.m-sidebar .q-drawer__content{min-width:230px}.booking-table .q-table__top .m-btn{margin-top:1em;min-width:200px;min-height:40px}.booking-table .preselection{margin-bottom:1em}.booking-table .q-table__top,.page-booking-list .row.q-col-gutter-md.q-mb-md{padding-left:5px}.m-modal .m-modal-content .header{background-color:#0085c6;min-height:60px}.m-modal .m-modal-content .header .title{font-size:0.7em}header .q-toolbar{justify-content:space-around;min-height:60px}header .q-field.q-field--outlined .q-field__control{min-width:190px}.page-booking-list .m-date-range-button,.page-booking-list .q-btn,.page-booking-list .q-btn-group{width:100%}.page-booking-list .booking-table .q-table__top{padding-right:0;justify-content:center}.page-booking-list .q-table-control{text-align:center}.page-booking-list .q-field__control{max-width:200px}.page-new-booking button:not(.q-btn--fab){width:97%;height:50px;display:flex;justify-content:center;margin:0 auto}.product-select .m-option-group-list-item .description ul{max-width:100%}.product-select .product-name{width:75%}.product-select .price{max-width:25%}.new-booking .label{padding-top:0}.new-booking h4{font-size:1.1em}.booking-buttons .previous{order:2}.new-booking .q-field.q-field--outlined .q-field__control{height:35px}.new-booking .option-vehicle .q-field.q-field--outlined .q-field__control{height:60px}.new-booking .col-12.col-md-4,.new-booking .col-12.col-md-8{padding-top:0.1em}.q-header .q-btn .q-icon{font-size:3em}.booking-summary-row .label{width:50%}.booking-summary-row .value{width:50%;word-break:break-word}.booking-summary-row{font-size:0.8em;margin-top:0.5em;margin-bottom:0.5em}.new-booking .value{padding-top:0}.booking-calendar .q-btn-group,.booking-calendar .week-btn{width:100%}.product-select .m-option-group-list-item .description{display:none;transition:0.1s ease}.product-select .m-option-group-list-item.active .description{display:flex}.Front .pagetitle{font-size:1.5em!important;font-weight:400;margin:0.5em 0.4em}.location-list .location .location-item{display:flex;align-items:center;min-height:70px}.location-list .location .location-name{font-size:1.4em;font-weight:600;color:#24ade7}.product-select .m-option-group-list-item .description ul{flex-direction:column;flex-wrap:no-wrap}.booking-summary .booking-summary-row .label{font-size:0.8em}.booking-summary .value,.new-booking .value{font-size:0.8em;font-weight:600}.maksutavat{display:flex;flex-wrap:wrap;justify-content:center}.maksutavat .text{text-align:center}.m-checkout-fi-provider button{width:140px}.m-checkout-fi-provider .m-checkout-fi-provider-name{display:none}.booking-completed h2{margin-bottom:0}.booking-completed .text-h6{padding-top:0}}.booking-completed,.page-front,.page-new-booking{max-width:1200px;margin-inline:auto}.q-router-link--active:not(.q-router-link--exact-active){color:#000}.location-list .location{margin:10px;padding:15px}.location-list .location .location-name{margin-bottom:10px}.location-list .location .location-item{padding:5px}.location-list .location .location-field,.location-list .location .location-link{display:inline-block;vertical-align:top}.location-list .location .location-link{width:20%}.location-list .location .location-field{padding:10px;width:80%}.m-simple-day-calendar .m-simple-day-calendar-timeslot{display:inline-block;margin:5px}.m-simple-day-calendar .m-simple-day-calendar-timeslot .q-btn{background-color:grey;color:#fff;min-width:100px}.m-simple-day-calendar .m-simple-day-calendar-timeslot.selected .q-btn{background-color:#24ade7;color:#fff}.booking-calendar-public-simple .date-selection .m-date-range-button{margin:auto}.booking-calendar-public-simple .time-selection{max-width:500px;text-align:center;margin:auto}.booking-calendar-public-simple .error{color:#c10015;text-align:center;margin-top:20px}.booking-calendar-public-simple .value-print{text-align:center;background-color:#fff;width:300px;margin:20px auto;border-radius:7px;padding:20px}.booking-calendar-public-simple .value-print .label{font-weight:700;text-transform:none}.booking-calendar-public-simple .value-print .value{text-transform:uppercase}.text-canceled{text-decoration:line-through;color:grey;font-style:italic}