@import url(https://fonts.googleapis.com/css?family=EB+Garamond);@import url(https://fonts.googleapis.com/css?family=Roboto);@import url(https://use.fontawesome.com/releases/v5.1.0/css/all.css);@import url(https://unpkg.com/vue-agile/dist/VueAgile.css);.words-font,a,label,p,span{font-family:EB Garamond;color:#fff;font-size:1em}.font-roboto,.font-roboto span{font-family:Roboto}.app-title{font-size:2em;line-height:32px}.app-title-2{font-size:1.125em}.line-height-32{line-height:32px}.color-theme-1{color:#fff}.color-theme-2{color:#9b9b9b!important}.color-theme-3{color:#00b9f2}.camel-case{text-transform:capitalize}.link-deco{text-decoration:none}.logo{width:auto;height:45px}.font-size-16{font-size:16px!important}.font-size-18{font-size:18px!important}.font-size-32{font-size:32px!important}.font-size-30{font-size:30px!important}.font-size-60{font-size:60px!important}.maintenance-container{height:calc(100vh - 100px);padding:20px;background-color:#000;color:#fff;display:flex;justify-content:center;align-items:center}.background-1{background-image:url(../img/background.8761f31d.png),linear-gradient(#000,#133b47);background-size:cover;background-attachment:fixed;background-position:0}.background-detail{background-color:#000}.page-content-offset{margin-bottom:50px}.content-title{font-size:1.5em}.content-subtitle{font-size:1.6em}.password .v-input__append-inner{padding-top:8px;padding-right:8px}.landing-image{height:200px;width:320px}.landing-title-1{font-size:16px}.landing-title-2{font-size:32px}.landing-header-container{padding:0 30px}.landing-body-container{padding:0;padding-top:40px;margin-bottom:80px;text-align:center;width:320px}.landing-body{background-color:#000;text-align:left;width:100%}.landing-login-button{margin:0!important}.landing-page-content{padding:0 20px}#app .v-input .v-label{left:15px!important}#app .v-input input{padding-left:15px!important}#app .line-height{line-height:1}#app .line-height-40{line-height:40%}#app .page-height{height:100%}.navigation-icon-position{text-align:end}.navigation-bar{color:#000!important}.drawer-btn{background-color:inherit!important}.drawer-icon{font-size:25px;margin-top:30px;position:fixed;right:20px}.drawer-list{margin-top:50px;padding:30px}.drawer-copyright{color:#fff!important;font-size:14px;opacity:.5}.drawer-copyright-separator{padding-left:10px;padding-right:10px}.drawer-copyright-position{position:fixed;bottom:5px;text-align:center}.external-link{padding:0 8px;text-decoration:none;color:#fff!important}.footer-navigation-desktop{display:none}.bottom-navigation-bar{margin-bottom:0;height:65px}.icon-spacing{margin:10px 35px!important;min-width:20px!important}.bottom-navigation-mycars,.bottom-navigation-mycars-active{margin-top:13px!important}.bottom-navigation-icon-active{color:transparent!important}.alert [data-notify=title]{display:block;font-size:.9rem}div[data-notify=container]{padding:18px}.notification-container{box-sizing:border-box;position:fixed;top:0;right:0;z-index:999999;width:320px;padding:0 15px;max-height:calc(100% - 30px);overflow-x:hidden;overflow-y:auto}.notification{background-color:#fff;box-sizing:border-box;padding:15px 15px 15px 58px;border-radius:2px;cursor:pointer;font-size:1em;line-height:1.2em;position:relative;opacity:.9;margin-top:15px}.notification .title{font-size:1em;line-height:1.2em;font-weight:700;margin:0 0 5px 0}.notification:focus,.notification:hover{opacity:1}.notification-enter{visibility:hidden;transform:translate3d(100%,0,0)}.notification-enter.notification-enter-active{visibility:visible;transform:translateZ(0);transition:all .4s}.notification-leave{visibility:visible;transform:translateZ(0)}.notification-leave.notification-leave-active{visibility:hidden;transform:translate3d(100%,0,0);transition:all .4s}.cctv-content{font-size:16px!important;color:#fff!important;font-family:EB Garamond}.cctv-image{height:167px;width:108px}.cctv-image-position{text-align:center}ol.cctv-content{list-style-type:decimal}.app-store-image{height:40px;width:128px}.cctv-background{background-image:linear-gradient(0deg,#000 85%,#171717 95%,#1a1f20)}.cctv-container-body{height:100%;background-color:#000}.login-button{background-image:linear-gradient(#009bca,#004e65);border:4px solid #123a46;color:#fff;padding:20px 80px!important;text-align:center;text-decoration:none;font-size:16px!important;margin:30px 2px;border-radius:40px;box-shadow:0 8px 16px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19);text-transform:capitalize;font-weight:700;width:200px;height:60px!important}.login-popup-visible{position:absolute;z-index:10;visibility:visible;width:100px}.v-text-field .v-input__control .v-input__slot{border-radius:5px 5px 0 0;height:50px;margin-bottom:10px}.text-underline{text-decoration:underline}.call-us{color:#fff!important}.authentication-container{text-align:center;vertical-align:middle;padding:20px}.my-cars-background{background-color:#000!important;height:145px;border-radius:10px!important}.my-cars-container-header{height:100px}.my-cars-update{text-align:center}.my-cars-update-text{color:#ff0!important}.my-cars-detail-position{padding-top:0;padding-left:0;padding-right:30px}.my-cars-detail-bottom-spacing{padding-bottom:30px}.car-model{font-size:1em;font-family:EB Garamond;color:#fff;text-align:center;padding-bottom:0}.car-plate{background-color:#009de1;color:#000;padding:3px 10px;text-align:center;text-decoration:none;border-radius:5px;font-family:Roboto;font-size:18px;font-weight:700}.my-car-information-title-1{color:#00b0ff;font-size:1.2em;font-weight:700}.my-car-information-title{color:#9b9b9b;font-size:1em}.my-car-information-data{color:#fff;font-size:1em;font-family:Roboto}.my-car-information-position{text-align:right}.my-car-information-warning{height:20px;width:20px}.my-car-avatar-size{width:140px!important;height:80px!important;min-width:120px!important;margin:10px!important}.my-car-icon{height:40px;width:40px;margin:5px 10px}.my-car-description{font-size:.8em;color:grey;text-decoration:none;text-align:left}.my-car-description-title{text-align:left;margin-bottom:0!important}.my-cars-title{text-align:center}.my-car-container-body{height:100%;background-color:transparent}.car-image{padding:0;height:211px;background-attachment:fixed;background-position:0 56px;background-repeat:no-repeat;background-size:contain}.title-background{background-color:#000;padding-top:25px}.row.car-details-title{margin-top:-40px;background:linear-gradient(0deg,#000,#000 60%,hsla(0,0%,100%,0));position:relative;z-index:5}.parking-lot,.title-font{font-size:1.5em}.parking-lot{font-family:Roboto;font-weight:700}.tab-title{text-transform:capitalize;font-size:13px;font-family:Roboto}.v-tabs-slider-wrapper{color:#00b9f2}.tab-title-active{color:#00b9f2!important;background-color:transparent}.divider{border-color:grey!important;opacity:.2}.activity-toggle-group{background-color:transparent!important}.activity-button{color:grey!important;border-radius:5px;border-color:grey!important;text-transform:capitalize;padding:0 18px!important}.activity-button-active{color:#00b9f2!important;border-color:#00b9f2!important}.activity-button-position{justify-content:space-between;display:flex}.activity-button-active>.v-btn__content,.activity-button>.v-btn__content{font-family:Roboto;font-size:13px}.activity-button-position button:not(:last-child){flex:1}.activity-button-position button{margin:0 5px}.activity-icon{height:40px;width:40px}.check-mark>.v-badge__wrapper>.primary{background-color:transparent!important}.check-mark-completed{color:#0cf9af}.check-mark-inprogress{color:#f27900}.staff-pic{height:24px;width:24px}.activity-filter-position{position:absolute;top:56px;right:12px;width:250px;pointer-events:none}.activity-filter-position-active{pointer-events:auto}.activity-filter-icon{margin-right:10px!important}.activity-filter-icon,.activity-filter-img{height:30px!important;width:30px!important}.activity-filter-text{font-size:14px!important}.filter-container{background-color:#000!important}.bill-background{background-image:linear-gradient(0deg,#000 50%,#171717 73%,#1a1f20)}.bill-title{font-size:36px;font-family:Roboto}.bill-all-invoices{font-size:18px;font-weight:700;color:#00b9f2}.bill-subtitle{font-size:1em}.bill-button{border:1px solid #9b9b9b;text-transform:capitalize;background-color:transparent!important;width:100%}.bill-button>.v-btn__content{font-family:Roboto;font-size:13px;font-weight:700;color:#9b9b9b!important}.submit-payment-button-text{font-family:Roboto;font-weight:700;font-size:13px;color:#9b9b9b}.dropdown-month{font-family:Roboto;font-size:14px;height:40px}.dropdown-month .v-input__control .v-input__slot{border-radius:5px!important}.bill-date{font-size:13px;color:#9b9b9b}.bill-file{font-size:13px;font-family:Roboto}.bill-status-paid{background-color:#3e6b0a;padding:2px 10px}.bill-status-overdue,.bill-status-paid{color:#fff;text-align:center;text-decoration:none;font-size:10px;border-radius:40px;margin-left:10px;font-family:Roboto}.bill-status-overdue{background-color:#f20000;padding:2px 6px}.bill-amount-text{font-family:Roboto;font-size:14px;text-align:right}.bill-amount-position{text-align:right}.payment-amount,.upload-bill-btn{border:1px solid #9b9b9b}.payment-amount{color:#9b9b9b;padding:10px;text-align:right;text-decoration:none;font-size:1.2em;border-radius:4px;background-color:#fff;width:120px;font-weight:700;height:40px}.reference-number{text-align:left;width:100%;font-weight:400}.submit-file{border:1px solid grey;padding:10px;text-align:center;text-decoration:none;border-radius:4px;width:100%;color:#9b9b9b;font-family:Roboto;font-size:13px;position:absolute;opacity:0}.submit-payment-position{justify-content:space-between;display:flex}.payment-button{color:grey!important;border-radius:5px;border-color:grey!important;text-transform:capitalize;margin:0 5px}.payment-button>.v-btn__content{font-family:Roboto;font-size:13px}.submit-payment-button{color:#fff!important;border-color:#00b9f2!important;text-transform:capitalize;background-color:#00b9f2!important}.bill-header-padding{padding-left:20px;padding-right:20px;padding-top:30px}.bill-body-padding{padding-left:20px;padding-right:20px;padding-top:0}.period-container{display:flex;align-items:center}.submit-payment-content-padding{padding-left:8px;padding-right:8px}.submit-payment-button-position{text-align:left;display:inline}.profile-position{padding:30px}.profile-img{height:60px!important;width:60px!important}.profile-title{color:#9b9b9b;font-size:1em}.profile-name{color:#fff;font-size:1.5em}.profile-data-title{color:#9b9b9b;font-size:13px}.profile-data-data{color:#fff;font-size:13px;font-family:Roboto}.profile-data-title-col{padding-top:0;padding-bottom:0}.profile-data-data-col{padding-top:0}.profile-button{border:1px solid grey;color:#d3d3d3!important;padding:4px 4px!important;text-align:center;text-decoration:none;font-size:.9em!important;border-radius:4px;text-transform:capitalize;background-color:#000!important;width:150px}.emergency-contact{text-decoration:none;color:#fff!important}.is-desktop{display:none!important}.header-bar{height:56px!important;background-color:#000!important}.header-bar>.v-toolbar__content{padding-left:0!important;padding-right:0!important}.v-toolbar__content{height:56px!important}.container-header{height:120px}.container-body{height:100%;background-color:#000}.my-cars-detail-container{min-height:calc(100vh - 440px);overflow-x:auto}.my-cars-detail-container-with-filter{min-height:calc(100vh - 112px)}.staff-header-name{font-size:24px}.staff-header-position{font-size:16px}.staff-profile{height:60px;width:60px}.staff-logout{text-align:right}.staff-header-bar{height:80px!important}.staff-icon-spacing{margin:10px 15px!important}.check-in-out-icon{padding-top:3px!important}.staff-page-container{min-height:100%;overflow-x:auto}.staff-task-detail-description{color:#fff!important;font-size:1.2em!important}.staff-activity-car-pic{height:50px;width:80px;border-radius:5%}.staff-activity-car-plate{border:1px solid #009de1;background-color:#009de1;border-radius:5px;padding:0 5px;margin:12px}.staff-activity-car-plate-text{display:flex;justify-content:center;font-family:Roboto!important;color:#000!important;font-weight:700}.staff-activity-parking-lot{text-align:center;font-family:Roboto!important;color:#fff!important}.staff-activity-action-container-header{background-color:transparent!important;box-shadow:none!important}.staff-activity-action-header{width:100vw}.staff-activity-detail-container{background-color:#000!important}.staff-activity-action{border:.1px solid;border-radius:15px!important;background-color:transparent!important;border-color:#202020!important}.staff-activity-action-text{opacity:.3;font-size:16px!important}.staff-activity-action-text-active{opacity:1;font-size:16px!important}.staff-activity-action-button{display:flex;margin-top:5px;margin-bottom:5px}.staff-activity-action-icon-completed{font-size:22px;padding-top:8px;padding-bottom:8px;margin-left:auto;margin-right:auto}.staff-activity-scan-qr-container{position:fixed;top:80px;height:calc(100% - 136px);background-color:#000;z-index:1;left:0;width:100%}.staff-activity-scan-qr-title{font-size:18px;font-weight:700;color:#00b9f2!important}.staff-activity-scan-qr-camera{height:350px!important}.staff-activity-scan-qr-cancel-button{text-align:center;border-color:#9b9b9b;color:#9b9b9b!important;text-transform:capitalize}.staff-activity-scan-qr-cancel-button-position{display:flex;justify-content:center;width:100%}.action-camera{height:100px;width:100px}.action-photo-loader{padding-left:50px}.image-upload>input{display:none}.activity-action-photo-position{padding-right:50px;padding-left:10px}.image-upload-container{display:flex;flex-wrap:wrap}.activity-action-photo-remove{color:#000;border:1px solid #d3d3d3;border-radius:15px;background-color:#d3d3d3;height:15px;width:15px;padding-top:1px}.activity-action-photo{height:60px;width:60px;border-radius:10px}.activity-action-photo-client{height:56px;width:56px;border-radius:10px}.activity-action-photo-disabled{height:60px;width:60px;border-radius:10px;opacity:.3}.view-photo-header-bar{background-color:#000!important;height:80px!important;width:100vw;text-align:right}.view-image-container{position:fixed;top:80px;height:calc(100% - 80px);background-color:#000;z-index:5;left:0;width:100%}.view-photo-header-bar-content{position:fixed;right:0}.view-photo-close{background-color:transparent!important;font-size:25px!important}.view-image-carousel{height:70%!important}.v-image__image--cover{background-size:contain}.v-image{max-height:450px}.task-completed{background-color:#0cf9af!important;text-transform:capitalize;font-weight:700}.task-completed-font{font-size:13px!important;font-family:Roboto!important;color:#000!important}.button-position,.button-position-container{display:flex;justify-content:center}.button-position{padding-top:50px}.main-image{max-height:480px;width:100vw;background-size:contain}.thumbnail-image{height:60px;width:60px;background-size:cover;border-radius:10px}.main-slide>.agile__list>.agile__track{height:480px!important}.thumbnails-slide>.agile__list>.agile__track>.agile__slides>.agile__slide{max-width:65px!important;padding-left:5px;padding-right:5px}.view-image-arrow-position{position:absolute;top:50%;opacity:.3;font-size:30px}.view-image-arrow-position:hover{opacity:1}.button-checkinout-container{padding:80px 40px 20px 40px}.button-checkinout{width:100%;text-transform:inherit;border-radius:5px;color:#9b9b9b!important;border-color:#9b9b9b!important;padding:25px!important;border:2px solid}.button-checkinout-active{color:#00b9f2!important;border-color:#00b9f2!important}.button-checkinout-active>.v-btn__content,.button-checkinout>.v-btn__content{font-family:Roboto;font-size:18px;font-weight:700}.booking-input-label{font-family:EB Garamond!important;font-size:16px!important;color:#9b9b9b!important}.booking-input-text{font-family:Roboto;font-size:16px}.booking-input{color:#a9a9a9!important;padding:10px;text-align:center;text-decoration:none;font-size:16px!important;border-radius:4px;background-color:#fff;width:100%;font-weight:700;height:40px;font-family:Roboto!important}.booking-input-mileage{text-align:right}.booking-input-company{text-align:left}.v-text-field .v-input__slot{border-radius:inherit!important}.booking-button{color:grey!important;border-radius:5px;border-color:grey!important;text-transform:inherit;padding:0 18px!important}.booking-checkin{background-color:#00b9f2!important}.booking-checkout{background-color:#f27900!important}.booking-button-position{justify-content:space-between;display:flex}.booking-checkin>.v-btn__content,.booking-checkout>.v-btn__content{color:#fff}.booking-button>.v-btn__content{font-family:Roboto;font-size:13px}.popup-visible{position:absolute;z-index:10;visibility:visible}.booking-button-position button:not(:last-child){flex:1}.booking-button-position button{margin:0 5px}.booking-parking-lot{padding:10px;text-align:center;text-decoration:none;font-size:20px!important;border-radius:4px;background-color:transparent;color:#fff!important;width:100%;font-weight:700;height:40px;font-family:Roboto!important;border:2px solid #9b9b9b}.checkin-completed{font-size:24px;justify-content:center;display:flex}.background-staff{background-image:url(../img/staff-login-background.dbf3079d.png),linear-gradient(#000,#000);background-size:cover}@media screen and (min-width:768px){.car-photo{padding-right:50px}.my-car-container-body{width:50%}.car-image{height:400px}.icon-spacing{min-width:250px!important}.main-slide>.agile__list>.agile__track{height:calc(100vh - 180px)!important}.text-input{margin-left:auto;margin-right:auto}}@media screen and (min-width:1024px){.background-1{background-attachment:fixed}.background-1,.background-detail{background-image:url(../img/background_big.5376648b.png),linear-gradient(#000,#133b47);background-size:cover}.app-title{font-size:60px;line-height:64px}.app-title-2{font-size:30px}.navigation-icon{display:none}.bottom-navigation-bar{display:none;background-color:transparent!important;height:80px!important;position:inherit!important;text-align:end}.footer-navigation-desktop{display:block;width:100%;padding:24px}.static-navigation-copyright{text-align:left}.static-navigation-position{text-align:right}.is-mobile{display:none!important}.is-desktop{display:block!important}.landing-header-container{padding:20px 30px}.landing-body-container{padding-left:0;padding-right:0;margin-bottom:80px;text-align:center;width:100%}.landing-title-1{font-size:30px}.landing-title-2{font-size:60px}.landing-image{height:250px;width:400px}.landing-body{height:250px}.landing-page-content{padding:0 40px}.header-bar{background-color:#202020!important}.header-bar,.v-toolbar__content{height:80px!important}.v-item-group.v-bottom-navigation{box-shadow:none}.bottom-navigation-mycars{margin-top:25px!important}.icon-spacing{margin:25px 5px!important;min-width:20px!important}.container-header{height:120px;margin-top:50px;margin-bottom:15px;width:100%}.cctv-container-body,.container-body{height:65%;width:100%;background-color:#000}.cctv-container-body{margin-top:100px}.my-car-container-body{height:65%;width:100%;background-color:transparent}.row.car-details-title{margin-top:12px;background:transparent}.car-plate{font-size:16px}.car-plate,.car-plate-detail{background-color:#009de1;color:#000!important}.car-plate-detail{padding:10px 0}.my-cars-background{width:450px;height:200px}.my-cars-detail-background{background-color:#000!important;height:88px!important;border-radius:0 0 10px 10px!important;width:352px}.my-cars-detail-position{padding-right:30px;padding-left:0!important;margin-top:auto;margin-bottom:auto}.car-detail-container{margin-top:80px;margin-bottom:50px}.title-background{background-color:transparent}.car-detail-image-padding{padding-right:30px}.car-image{background-size:cover;background-attachment:inherit;background-position:50%;height:250px}.parking-lot{font-size:36px}.my-car-avatar-size{width:240px!important;height:135px!important;min-width:120px!important;margin:10px!important}.my-cars-detail-container{min-height:680px;overflow-x:auto}.document-pdf{text-align:center}.car-photo{padding-right:50px}.main-slide>.agile__list>.agile__track{height:calc(100vh - 180px)!important}.main-image{width:auto;display:flex;margin-left:auto;margin-right:auto;background-size:contain}.activity-button-position{text-align:right;display:inline}.activity-button{margin:0 5px}.view-image-inner-container{width:75%;margin-left:auto;margin-right:auto}.bill-header-padding{padding-left:30px;padding-right:30px;padding-top:20px}.bill-body-padding{padding-left:30px;padding-right:30px;padding-top:5px}.submit-payment-content-padding{padding-left:0;padding-right:0}.logo{width:auto;height:65px}}@media screen and (min-width:1500px){.container-header{height:120px;margin-top:50px;margin-bottom:15px;width:50%}.cctv-container-body,.container-body{height:65%;width:50%;background-color:#000}.my-car-container-body{height:65%;width:50%;background-color:transparent}.car-detail-container{margin-top:80px;margin-bottom:50px;padding-left:180px;padding-right:180px}.car-image{background-size:cover;background-attachment:inherit;background-position:50%;height:350px}.landing-body-container{padding:20px 280px;margin-bottom:80px;text-align:center;width:100%}}