@import url(https://fonts.googleapis.com/css2?family=Lato:wght@300;400;700&display=swap);:root{--green:#36cd7a;--gray:#efefef;--orange:#ff5242;--orange-light:#fc7265;--orange-dark:#c44034;--blue:#177899;--blue-muted:#3686a0;--blue-light:#dbf4fc;--blue-dark:#0f5268;--gray:#d8d8d8;--gray-dark:#676767;--gray-light:#f8f9fb;--gray-light-hover:#ddd;--ticket-unpaid:#ff5242;--ticket-paid:#36cd7a;--ticket-disputed:#177899;--ticket-dispute:#177899;--ticket-warning:#d3962b;--ticket-overdue:#c24747;--ticket-cancel:#595959;--ticket-dismiss:#595959;--seperator:#e4e4e4;--role-police:#177899;--role-driver:#ffa213;--role-admin:#36cd7a;--role-su:#ff0101;--map-fill:hsla(0,0%,40.4%,0.07058823529411765);--map-outline:#177899}@media (max-width:320px){.include-media-test{background-color:#def}.include-media-test:before{content:"<=phone"}}@media (min-width:321px){.include-media-test{background-color:#abc}.include-media-test:before{content:">phone"}}@media (min-width:815px) and (max-width:1023px){.include-media-test{background-color:#fed}.include-media-test:before{content:">=815px, <desktop"}}@media (min-width:1024px){.include-media-test{background-color:#fab}.include-media-test:before{content:">=desktop"}}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.include-media-test:after{content:"Retina"!important}}@font-face{font-family:Kantumruy;src:url(/fonts/Kantumruy/Kantumruy-Regular.ttf)}@font-face{font-family:Kantumruy;src:url(/fonts/Kantumruy/Kantumruy-Bold.ttf);font-weight:700}@font-face{font-family:Kantumruy;src:url(/fonts/Kantumruy/Kantumruy-Bold.ttf);font-weight:bolder}@font-face{font-family:Kantumruy;src:url(/fonts/Kantumruy/Kantumruy-Light.ttf);font-weight:lighter}html[lang=en]{font-family:Lato,sans-serif;font-size:.8rem}html[lang=km]{font-family:Kantumruy,Lato,sans-serif;font-size:.8rem}.ml-1{margin-left:1rem}.mr-1{margin-right:1rem}.m-0{margin:0}.m-0-5{margin:.5rem}.m-1{margin:1rem}.mr-0{margin-right:0}.mr-0-5{margin-right:.5rem}.ml-0{margin-left:0}.mb-1{margin-bottom:1rem}.mb-0-5{margin-bottom:.5rem}.seperator-h{height:3rem;width:1px;background-color:#e9e9e9}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.justify-center{justify-content:center}.items-center{align-items:center}.pill{border-radius:24px;cursor:pointer;border:1px solid #e9e9e9;padding:.25rem 1rem;color:#17a2b8}.pill:hover{background-color:#17a2b8;border-color:#17a2b8;color:#fff}.pill:active,.pill:focus{background-color:#015997;border-color:#015997}.main-layout{display:flex;flex-direction:row}.main-layout>.sub-ctn{flex-grow:1;height:100vh;display:flex;flex-direction:column;position:relative}.main-layout>.sub-ctn .top-bar-component{width:100%;height:3rem;box-shadow:0 0 10px rgba(0,0,0,.1)}.main-layout>.sub-ctn .view-container{width:100%;height:calc(100vh - 3rem);background-color:#f8f9fa;transition:.5s}@media (max-width:320px){.main-layout>.sub-ctn .view-container{max-width:unset}}.auth-layout{width:100vw;height:100vh;display:flex;flex-direction:row}.auth-layout .app-version{display:none}.auth-layout .cover{width:40vw;height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:#015997}.auth-layout .cover .logo{height:20rem;width:20rem;background-size:contain;background-repeat:no-repeat;background-position:50%;background-image:url(/icons/cambodia-police-logo.png)}.auth-layout .cover .app-version{color:#177899}.auth-layout .cover h1{text-align:center;margin-top:2rem;color:#fff;text-transform:uppercase}.auth-layout .view-container{width:60vw;height:100vh;padding:6rem 10rem;position:relative}.auth-layout .view-container .credit{position:absolute;top:6rem;right:6rem;color:#aaa;cursor:pointer;transition:.35s ease-in-out}.auth-layout .view-container .credit:hover{color:#000}@media (max-width:768px){.auth-layout{flex-direction:column}.auth-layout .cover{width:100%;height:30vh}.auth-layout .cover .logo{height:10rem;width:10rem;background-size:contain;background-repeat:no-repeat;background-position:50%;background-image:url(/icons/cambodia-police-logo.png)}.auth-layout .cover h1{text-align:center;margin-top:1rem;color:#fff;text-transform:uppercase}.auth-layout .view-container{width:100%;padding:2rem 2rem}}.detail-layout{display:flex;flex-direction:column;height:100%;overflow-y:auto}.detail-layout .detail-layout__header{display:flex;flex-direction:row;align-items:center}.detail-layout .detail-layout__footer{margin:1rem;padding:1rem 0;margin:.5rem;margin-bottom:2rem;display:flex;flex-direction:row;align-items:center;justify-content:flex-end}.detail-layout .detail-layout__footer .button{margin:0 .5rem;padding:1rem 3rem}.detail-layout .detail-layout__action-bar{margin:0 1rem}.detail-layout .detail-layout__action-bar.card{padding:1rem .5rem}.detail-layout .detail-layout__action-bar .button{margin:0 .5rem;padding:.5rem 3rem}.detail-layout .master-detail{display:flex;flex-direction:row;margin:.5rem 1rem}.detail-layout .master-detail .master{flex-basis:25rem;padding-right:1rem;border-right:1px solid #e9e9e9}.detail-layout .master-detail .detail{margin-left:1rem;flex-basis:calc(100% - 25rem);display:flex;flex-direction:column;justify-content:stretch}.slide-fade-enter-active{transition:all .3s ease}.slide-fade-leave-active{transition:all .2s cubic-bezier(1,.5,.8,1)}.slide-fade-enter,.slide-fade-leave-to{transform:translateX(10px);opacity:0}.slide-fade-horizontal-enter-active{transition:all .3s ease;transition-delay:.2s}.slide-fade-horizontal-leave-active{transition:all .3s cubic-bezier(1,.5,.8,1)}.slide-fade-horizontal-enter,.slide-fade-horizontal-leave-to{transform:translateX(10px);opacity:0}.fade-enter-active{transition:opacity .2s ease;transition-delay:.2s}.fade-leave-active{transition:opacity .2s cubic-bezier(1,.5,.8,1)}.fade-enter,.fade-leave-to{opacity:0}.slow-fade-enter-active,.slow-fade-leave-active{transition:opacity .2s cubic-bezier(1,.5,.8,1)}.slow-fade-enter,.slow-fade-leave-to{opacity:0}.list-enter-active,.list-leave-active{transition:all 3s}.list-enter,.list-leave-to{opacity:0;transform:translateY(30px)}.router-enter-active{transition:opacity .5s ease-in-out}.router-leave-active{transition:opacity .2s ease-in-out}.router-enter,.router-leave-to{opacity:0}.history-slide-enter-active{transition:all .3s ease}.history-slide-leave-active{transition:all .2s cubic-bezier(1,.5,.8,1)}.history-slide-enter{transform:translateX(10px);opacity:0}.history-slide-leave-to{transform:translateX(-10px);opacity:0}.slide-vertical-enter-active{transition:all .5s ease;transition-property:transform}.slide-vertical-leave-active{transition:all .5s cubic-bezier(1,.5,.8,1);transition-property:transform}.slide-vertical-enter,.slide-vertical-leave-to{transform:translateY(0)}.v-input{width:100%;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;margin-bottom:1rem}.v-input .v-input__label{line-height:2rem}.v-input .v-input__input{width:100%;height:3rem;font-size:1rem;border:1px solid #d8d8d8;padding:0 1rem;transition:.35s ease-in-out}.v-input .v-input__input ::-moz-placeholder{color:#797979}.v-input .v-input__input :-ms-input-placeholder{color:#797979}.v-input .v-input__input ::placeholder{color:#797979}.v-input .v-input__input:focus{border-color:#000}.v-custom-select{width:100%;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;margin-bottom:1rem}.v-custom-select .v-select__label{line-height:2rem}.v-custom-select .v-select__input{width:100%;height:3rem;font-size:1rem;border:1px solid #d8d8d8;padding:0 1rem;transition:.35s ease-in-out;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;background-position-x:0;background-position-y:0;background-repeat:repeat;background-image:none;background-image:url("data:image/svg+xml;utf8,<svg fill='black' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>");background-repeat:no-repeat;background-position-x:100%;background-position-y:5px;box-sizing:border-box}.v-custom-select .v-select__input:focus{border-color:#000}.v-checkbox{width:100%;display:flex;flex-direction:row;justify-content:flex-start;align-items:flex-start;margin-bottom:1rem}.v-checkbox .v-checkbox__label{line-height:2rem;margin-left:.5rem}.v-checkbox .v-checkbox__input{height:2rem;width:2rem;font-size:1rem;border:1px solid #d8d8d8;padding:0 1rem;transition:.35s ease-in-out}.v-checkbox .v-checkbox__input ::-moz-placeholder{color:#797979}.v-checkbox .v-checkbox__input :-ms-input-placeholder{color:#797979}.v-checkbox .v-checkbox__input ::placeholder{color:#797979}.v-checkbox .v-checkbox__input:focus{border-color:#000}.ticket-qr-scanner .ticket-qr-scanner__cancel{margin-right:1rem}.ticket-qr-scanner .hidden-qr-input{visibility:visible;height:0;width:0}.button{border-radius:.25rem;padding:.5rem 1.5rem;border:none;transition:background-color .15s ease-in-out;background-color:#f8f9fb;outline-style:none;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 4px 0 rgba(184,182,182,.173)}.button:disabled{cursor:not-allowed}.button .icon{margin-right:.5rem}.button .icon:only-child{margin:0}.button.action-button{width:2.5rem;height:2.5rem}.button.rounded{border-radius:100%}.button.tight{padding:0}.button.mid-loose{padding:1rem}.button:hover{background-color:#d8d8d8}.button.primary{background-color:#015997;box-shadow:0 4px 4px 0 rgba(184,182,182,.173);color:#fff}.button.primary:hover{background-color:#076cb5}.button.primary:disabled{background-color:#f0f1f2;color:#000}.button.cta{background-color:#a4edb8;box-shadow:0 4px 4px 0 rgba(184,182,182,.173);stroke:#2a784d;color:#2a784d}.button.cta:hover{background-color:#36cd7a}.button.cta:disabled{background-color:#676767;color:#fff}.button.danger{background-color:#dc3545;color:#fff}.button.danger:hover{background-color:#a42532}.button.danger:disabled,.button.secondary{background-color:#f0f1f2;color:#000}.button.secondary:hover{background-color:#d3d3d3}.button.ghost{background-color:transparent;box-shadow:none;color:#000}.button.ghost:hover{background-color:rgba(0,0,0,.06666666666666667)}.side-menu-component{display:flex;flex-direction:row;position:relative;z-index:7;color:#fff;width:15%;max-width:15rem}@media (max-width:768px){.side-menu-component{display:none}}.side-menu-component .shadow-ctn{height:100vh;width:100%}.side-menu-component .shadow-ctn .ctn{height:100vh;display:flex;flex-direction:column;justify-content:flex-start;padding:1rem 0;background-color:#002435;overflow:hidden;transition:.35s ease-in-out}.side-menu-component .shadow-ctn .ctn .menu{height:100%;display:flex;flex-direction:column}.side-menu-component .shadow-ctn .ctn .menu .menu-header{display:flex;width:100%;justify-content:center;align-items:center;flex-direction:column;margin-bottom:3rem}.side-menu-component .shadow-ctn .ctn .menu .menu-header .logo{height:6rem;width:6rem;background-image:url(/icons/cambodia-police-logo.png);background-size:contain;background-repeat:no-repeat;background-position:50%;margin-bottom:1rem}@media screen and (max-width:1000px){.side-menu-component .shadow-ctn .ctn .menu .menu-header .logo{height:3rem;width:3rem}.side-menu-component .shadow-ctn .ctn .menu .menu-header h5{display:none}}.side-menu-component .shadow-ctn .ctn .menu .menu-title{font-weight:700;font-size:1.2rem;margin:.5rem 1.25rem}.side-menu-component .shadow-ctn .ctn .menu .item{display:flex;flex-direction:row;align-items:center;justify-content:center;position:relative;cursor:pointer;padding:.5rem 0;transition:.35s ease-in-out}.side-menu-component .shadow-ctn .ctn .menu .item:last-child{margin-top:auto}.side-menu-component .shadow-ctn .ctn .menu .item:hover:before{transform:translateX(0);opacity:1}.side-menu-component .shadow-ctn .ctn .menu .item:before{content:"";width:.5rem;height:100%;background-color:#0070a2;position:absolute;right:0;top:0;transform:translateX(.5rem);opacity:0;transition:.35s ease-in-out}.side-menu-component .shadow-ctn .ctn .menu .item.title{filter:brightness(100%);margin-bottom:2rem}.side-menu-component .shadow-ctn .ctn .menu .item.title:before{content:unset}.side-menu-component .shadow-ctn .ctn .menu .item.active:before{transform:translateX(0);opacity:1}.side-menu-component .shadow-ctn .ctn .menu .item.active:after{content:"";position:absolute;left:0;top:0;height:100%;width:100%;background-color:rgba(1,89,151,.3)}.side-menu-component .shadow-ctn .ctn .menu .item .icon{z-index:7;width:1.5rem;height:1.5rem;background-size:contain;background-position:0;background-repeat:no-repeat;margin:0 1rem}.side-menu-component .shadow-ctn .ctn .menu .item .label{z-index:7;width:8rem;font-size:1rem;line-height:2.5rem;transition:.35s ease-in-out}.top-bar-component{background-color:#fff;z-index:9;display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:2%;padding-right:0}@media (max-width:768px){.top-bar-component{display:none}}.top-bar-component .current-user{padding:0 1rem;overflow:hidden;cursor:pointer}.top-bar-component .current-user:hover{background-color:#f8f9fb}.top-bar-component .current-user .current-user-content{display:flex;flex-direction:row;width:15rem;align-items:center;justify-content:flex-end}.top-bar-component .current-user .current-user-content .info{margin-left:1rem;display:flex;flex-direction:column;align-items:flex-start}.top-bar-component .current-user .current-user-content .info .name{font-weight:700}.top-bar-component .current-user .current-user-content .info .role{color:#676767;font-size:10px}.top-bar-component .current-user .loading{width:4rem}.top-bar-component .thumbnail{width:2.5rem;height:2.5rem;border-radius:100%}.top-bar-component .language-switcher{width:10rem}.top-bar-component .language-switcher .vs__selected-options{text-align:center}.top-bar-component .language-switcher .language-switcher__icon{width:1.5rem;height:1.5rem;margin-right:.5rem}.top-bar-component .app-version{text-align:end;color:#676767}.top-bar-component .navigation{height:100%;display:flex;flex-direction:row;align-items:center;justify-content:flex-start}.top-bar-component .navigation .form-item-component{margin-bottom:0}.top-bar-component .navigation .form-item-component select{border-radius:4px;border-color:#e3e6ee;background-color:transparent}.top-bar-component .navigation .element{display:flex;flex-direction:row;align-items:center;filter:brightness(200%);transition:.35s ease-in-out}.top-bar-component .navigation .element+.element{margin-left:.5rem}.top-bar-component .navigation .element:hover{filter:brightness(100%)}.top-bar-component .navigation .element .title{margin-right:.25rem;cursor:pointer;transition:.35s ease-in-out;color:#333}.top-bar-component .navigation .element .icon{width:1rem;height:1rem;background-size:contain;background-position:50%}.top-bar-component .menu{height:100%;display:flex;flex-direction:row;align-items:center}.top-bar-component .menu .icon{width:2rem;height:2rem;border-radius:50%;background-color:#aaa}.top-bar-component .menu .icon+.icon{margin-left:.5rem}@-webkit-keyframes listingItem{0%{max-width:40%}50%{max-width:80%}to{max-width:40%}}@keyframes listingItem{0%{max-width:40%}50%{max-width:80%}to{max-width:40%}}.listing-component{margin-bottom:1rem;overflow-y:auto;border:none;background-color:#fff;height:100%;display:flex;flex-direction:column;padding:.5rem;border-radius:2px;transition:background-color .3s ease,box-shadow .32s linear,color .32s linear;box-shadow:0 4px 4px 0 rgba(184,182,182,.173)}.listing-component .table-empty{flex-direction:column;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.listing-component .listing-item{background-color:#f8f9fb}.listing-component .listing-item:nth-child(2n){background-color:#fff}.listing-component .listing-item:hover{background-color:#d8d8d8}.listing-component .listing-item td{padding:1rem!important}.listing-component .listing-item td:first-child{padding-left:1rem!important}.listing-component .listing-item.highlighted{background-color:#3686a0}.listing-component .listing-item.highlighted p{color:#fff}.listing-component table.standard{width:100%;border-collapse:collapse;flex:1}.listing-component table.standard tr{background-color:transparent;cursor:pointer}.listing-component table.standard tr td,.listing-component table.standard tr th{height:3rem;line-height:3rem;padding:0 1rem;white-space:nowrap}.listing-component table.standard tr td.select,.listing-component table.standard tr th.select{width:2rem}.listing-component table.standard tr td.select .select-item,.listing-component table.standard tr th.select .select-item{width:1.5rem;height:1.5rem;border:1px solid #aaa;border-radius:.25rem}.listing-component table.standard tr td.select .select-item.active,.listing-component table.standard tr th.select .select-item.active{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;background-color:#177899;background-position-x:center;background-position-y:center;background-repeat:repeat;background-image:none;background-image:url(/images/check_box.svg)}.listing-component table.standard tr td.option,.listing-component table.standard tr th.option{width:2rem}.listing-component table.standard tr td.option .icon,.listing-component table.standard tr th.option .icon{width:1rem;height:2rem}.listing-component table.standard tr th{text-align:left;font-weight:400;height:3rem;line-height:5rem;padding:0 1rem;transition:.35s ease-in-out}.listing-component table.standard tr th:hover{background-color:#eee}.listing-component table.standard tr th.sort div{display:flex;flex-direction:row;justify-content:space-between;align-items:center}.listing-component table.standard tr th.sort div p{position:relative}.listing-component table.standard tr th.sort div p:before{content:"";width:1rem;height:1rem;background-size:contain;background-repeat:no-repeat;position:absolute;right:-2rem;top:2rem}.listing-component table.standard tr th.sort.asc div p:before{background-image:url(/icons/up.png)}.listing-component table.standard tr th.sort.desc div p:before{background-image:url(/icons/down.png)}.listing-component table.standard tr td{color:#444;position:relative}.listing-component table.standard tr td.has-image{display:flex;flex-direction:row;align-items:center;height:100%}.listing-component table.standard tr td.has-image .image{width:2.5rem;height:2.5rem;border-radius:50%;background-size:contain;background-color:#eee;border:1px solid #d8d8d8;margin-right:1rem}.listing-component table.standard tr td.option{position:relative}.listing-component table.standard tr td.option:hover .option-menu{opacity:1}.listing-component table.standard tr td.option .option-menu{display:flex;flex-direction:row;justify-content:space-between;align-items:center;position:absolute;top:0;right:2rem;border-radius:4px;border:1px solid #ccc;background-color:#f8f9fb;box-shadow:0 4px 4px 0 rgba(184,182,182,.173);padding:0;opacity:0;transition:.35s ease-in-out;z-index:10}.listing-component table.standard tr td.option .option-menu .btn{padding:.5rem 1rem;background-color:transparent;font-size:.8rem;transition:.35s ease-in-out}.listing-component table.standard tr td.option .option-menu .btn:hover{color:#fff;background-color:#3686a0}.listing-component .pagination{display:flex;flex-direction:row;justify-content:center;align-items:center;height:3rem}.listing-component .pagination .group{display:flex;flex-direction:row;align-items:center;margin-right:1rem}.listing-component .pagination .group .small{width:4rem;text-align:center;padding:0 .5rem}.listing-component .pagination .group input[type=number]::-webkit-inner-spin-button,.listing-component .pagination .group input[type=number]::-webkit-outer-spin-button{appearance:none;-webkit-appearance:none}.listing-component .pagination .disabled{color:#aaa}.listing-component .pagination .btn,.listing-component .pagination .disabled{line-height:2rem;font-size:.8rem;padding:0 1rem;margin:0 1rem}.listing-component .pagination .btn:hover{background-color:#eee}.listing-component tbody.loading{width:100%;border-collapse:collapse}.listing-component tbody.loading tr{cursor:default}.listing-component tbody.loading tr td,.listing-component tbody.loading tr th{height:3rem;line-height:3rem;padding:0 1rem}.listing-component tbody.loading tr td.select,.listing-component tbody.loading tr th.select{width:2rem}.listing-component tbody.loading tr td.select .select-item,.listing-component tbody.loading tr th.select .select-item{width:1rem;height:1rem;border:1px solid #aaa;border-radius:.25rem}.listing-component tbody.loading tr td.option,.listing-component tbody.loading tr th.option{width:2rem}.listing-component tbody.loading tr td.option .icon,.listing-component tbody.loading tr th.option .icon{width:1rem;height:2rem}.listing-component tbody.loading tr th{text-align:left;font-weight:400}.listing-component tbody.loading tr td{background-color:#f8f8f8;position:relative}.listing-component tbody.loading tr td.item,.listing-component tbody.loading tr td .item{padding:0 1rem;position:relative}.listing-component tbody.loading tr td.item:before,.listing-component tbody.loading tr td .item:before{content:"";width:80%;height:1rem;position:absolute;top:1rem;left:1rem;background-color:#eee;-webkit-animation:listingItem 1.5s infinite;animation:listingItem 1.5s infinite}.listing-component tbody.loading tr td.has-image{display:flex;flex-direction:row;align-items:center}.listing-component tbody.loading tr td.has-image .image{width:2rem;height:2rem;border-radius:50%;background-color:#eee;margin-right:1rem}.listing-component tbody.loading tr td.has-image .item{width:calc(100% - 3rem);height:100%}.listing-component .circular-indicator{display:inline-block;border-radius:100%;height:1rem;width:1rem;margin-right:1rem}@-webkit-keyframes tabBarItem{0%{max-width:30%}50%{max-width:100%}to{max-width:30%}}@keyframes tabBarItem{0%{max-width:30%}50%{max-width:100%}to{max-width:30%}}.tab-bar-component{width:100%;height:3rem;display:flex;flex-direction:row;align-items:center;line-height:3rem;margin-bottom:2rem}@media (max-width:320px){.tab-bar-component{height:auto}}.tab-bar-component .ctn{width:100%;height:100%;display:flex;flex-direction:row;justify-content:space-between}@media (max-width:320px){.tab-bar-component .ctn{flex-direction:column}}.tab-bar-component .ctn .group{display:flex;flex-direction:row}.tab-bar-component .ctn .group.left{flex-basis:70%;min-height:3.5rem;padding-right:1rem;overflow-x:auto;position:relative}.tab-bar-component .ctn .group.left::-webkit-scrollbar{width:20px;height:10px;padding-top:4px}.tab-bar-component .ctn .group.left::-webkit-scrollbar-track{border-top:1px solid #d8d8d8;border-bottom:1px solid #d8d8d8}.tab-bar-component .ctn .group.left::-webkit-scrollbar-thumb{background:#d8d8d8;border-radius:10px}@media (max-width:320px){.tab-bar-component .ctn .group.left{flex-basis:100%}}.tab-bar-component .ctn .group.left:before{content:"";width:100%;height:2px;position:absolute;bottom:0;left:0;opacity:.1;background-color:transparent}.tab-bar-component .ctn .group.left .item{margin:0 1.2rem;padding:0 .5rem;color:#676767;position:relative;transition:.35s;font-size:1rem;cursor:pointer;min-width:-webkit-max-content;min-width:-moz-max-content;min-width:max-content;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tab-bar-component .ctn .group.left .item:first-child{margin-left:0}.tab-bar-component .ctn .group.left .item+.item{margin-left:.5rem}.tab-bar-component .ctn .group.left .item:hover:before{max-width:100%}.tab-bar-component .ctn .group.left .item:before{content:"";width:100%;max-width:0;height:4px;position:absolute;bottom:0;left:0;transition:.35s;border-radius:2px;background-color:#004576}.tab-bar-component .ctn .group.left .item.active{color:#000}.tab-bar-component .ctn .group.left .item.active:before{max-width:100%}.tab-bar-component .ctn .group.right{flex:1;transition:.35s}@media (max-width:320px){.tab-bar-component .ctn .group.right{margin-top:1rem;flex-basis:100%}}.tab-bar-component .ctn .group.right.hide{opacity:0}.tab-bar-component .ctn .loading{display:flex;flex-direction:row;height:100%}.tab-bar-component .ctn .loading .item{height:100%;padding:0 1rem;position:relative}.tab-bar-component .ctn .loading .item+.item{margin-left:.5rem}.tab-bar-component .ctn .loading .item:before{content:"";width:100%;height:1rem;position:absolute;top:1rem;left:0;background-color:#eee;-webkit-animation:tabBarItem 1.5s ease-in-out infinite;animation:tabBarItem 1.5s ease-in-out infinite}.tab-bar-component .ctn .loading:before{content:"";width:100%;height:2px;position:absolute;bottom:0;left:0;opacity:.1;background-color:#888}.tab-bar-component .searchbar{position:relative;display:flex;flex:1}.tab-bar-component .searchbar .input{height:3rem;font-size:1rem;flex:1;border:1px solid transparent;background-color:transparent;padding:0 1rem;padding-right:0;transition:.35s ease-in-out;background-color:#f0f1f2;border-radius:.25rem}.tab-bar-component .searchbar .input:focus{border-color:#015997}.tab-bar-component .searchbar .search-icon{top:0;left:0;right:0;bottom:0;position:absolute;width:1.5rem}.tab-bar-component .search{display:flex;align-items:center;justify-content:center;padding:0 .5rem}.tab-bar-component .search svg{stroke:#676767}.form-item-component{width:100%;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;margin-bottom:1rem}.form-item-component .label{line-height:2rem}.form-item-component input,.form-item-component textarea{width:100%;height:3rem;font-size:1rem;border:1px solid #d8d8d8;padding:0 1rem;transition:.35s ease-in-out}.form-item-component input ::-moz-placeholder,.form-item-component textarea ::-moz-placeholder{color:#797979}.form-item-component input :-ms-input-placeholder,.form-item-component textarea :-ms-input-placeholder{color:#797979}.form-item-component input ::placeholder,.form-item-component textarea ::placeholder{color:#797979}.form-item-component input:focus,.form-item-component textarea:focus{border-color:#000}.form-item-component textarea{height:9rem}.form-item-component select{width:100%;height:3rem;font-size:1rem;border:1px solid #aaa;padding:0 1rem}@-webkit-keyframes loading{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes loading{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@-webkit-keyframes label{0%{content:"Loading"}25%{content:"Loading."}50%{content:"Loading.."}75%{content:"Loading..."}to{content:"Loading..."}}@keyframes label{0%{content:"Loading"}25%{content:"Loading."}50%{content:"Loading.."}75%{content:"Loading..."}to{content:"Loading..."}}.loading-spinner-component{width:100%;height:100%;display:flex;justify-content:center;align-items:center}.loading-spinner-component .ctn{width:12rem;height:12rem;position:relative}.loading-spinner-component .ctn .spinner{position:absolute;border-radius:50%;border:8px solid #000}.loading-spinner-component .ctn .spinner.s1{width:3rem;height:3rem;top:calc(50% - 1.5rem);left:calc(50% - 1.5rem);border-color:transparent #000 transparent #000;-webkit-animation:loading 1s linear infinite;animation:loading 1s linear infinite}.loading-spinner-component .ctn .spinner.s2{width:6rem;height:6rem;top:calc(50% - 3rem);left:calc(50% - 3rem);border-color:#000 transparent #000 transparent;animation:loading 1.5s linear infinite reverse}.loading-spinner-component .ctn .label:before{content:"Loading";width:8rem;height:2rem;text-align:center;line-height:2rem;position:absolute;left:calc(50% - 4rem);bottom:0;-webkit-animation:label 1.5s infinite;animation:label 1.5s infinite}.multi-select-component{width:100%;height:3rem;cursor:pointer}.multi-select-component .ctn{border:1px solid #aaa;padding:0 1rem}.multi-select-component .ctn.placeholder{line-height:3rem;opacity:.5}.multi-select-component .ctn.results{max-height:3rem;min-height:3rem;width:100%;display:flex;flex-direction:row;align-items:center;justify-content:flex-start;background-color:#fff;overflow:hidden;transition:.35s ease-in-out;z-index:5;position:relative;overflow-x:auto;overflow-y:unset}.multi-select-component .ctn.results.expanded{max-height:unset;box-shadow:0 0 5px #aaa}.multi-select-component .ctn.results.read-only .item{padding-right:.5rem}.multi-select-component .ctn.results.read-only .item .close{display:none}.multi-select-component .ctn.results .item{height:2rem;line-height:2rem;background-color:#000;color:#fff;padding:0 .5rem;padding-right:2rem;margin-right:.5rem;position:relative}.multi-select-component .ctn.results .item .close{width:1rem;height:1rem;background-color:red;position:absolute;top:.5rem;right:.5rem}.multi-select-component .select{width:100%;max-height:0;background-color:#eee;overflow:hidden;transition:.35s ease-in-out;z-index:5;position:relative;margin-bottom:2rem}.multi-select-component .select.expanded{max-height:12rem;box-shadow:0 0 5px #aaa}.multi-select-component .select .item{padding:0 1rem;line-height:3rem;position:relative}.multi-select-component .select .item.selected{background-color:#fff}.multi-select-component .select .item .tick{width:1.5rem;height:1.5rem;background-color:#eee;position:absolute;top:.75rem;right:.75rem}.bottom-sheet{z-index:10;bottom:0;left:0;width:100%;height:10%;transition:opacity .3s ease;background:#015997;position:fixed;padding:2rem;justify-content:space-around;transition:all .1s ease-in-out;color:#fff}.bottom-sheet,.image-input{display:flex;align-items:center}.image-input{justify-content:center;text-align:center}.image-input input[type=file]{visibility:hidden;height:0;width:0}.image-input label{background-size:contain;border-radius:50%;background-color:#f0f1f2;background-repeat:no-repeat;background-position:50%;display:flex;align-items:center;justify-content:center}.image-input label p{color:#fff}.image-input.small label{width:4rem;height:4rem}.image-input.medium label{width:8rem;height:8rem}.image-input.large label{width:12rem;height:12rem}.image-input.xlarge label{width:16rem;height:16rem}.user-history{display:flex;flex-direction:column;width:100%}.user-history .user-history-tab{width:100%;display:flex;margin-bottom:1rem;align-items:center;flex-shrink:0}.user-history .user-history-tab p{cursor:pointer}.user-history .user-history-tab p:after{content:"";height:4px;width:100%;display:block;margin-top:.5rem;background-color:#177899}.user-history .user-history-tab .user-history-tab__back{display:flex;align-items:center;justify-content:center}.user-history .user-history-tab .user-history-tab__back svg{margin-right:.5rem}.user-history .user-history-tab .user-history-tab-back{padding:0 2rem;background-color:transparent;display:flex;flex-direction:row;border:none}.user-history .user-history-tab .user-history-tab-back:hover{background-color:#eee}.user-history .violation-list{display:flex;flex-direction:column;flex-shrink:0;list-style:none}.user-history .violation-list .violation-item{display:flex;flex-direction:row;align-items:center;justify-content:space-between;padding:1rem 2rem;margin:.5rem 0;background-color:#eee;cursor:pointer}.user-history .violation-list .violation-item:hover{background-color:#d8d8d8}.user-history .violation-list .user-info h4.user-name{margin:.5rem;font-weight:700}.user-history .violation-list .user-info .violation-summary{margin:.5rem;color:#676767}.user-history .violation-list .violation-detail{display:flex;flex-direction:column;align-items:flex-end}.user-history .violation-list .violation-detail .ticket-status{padding:1rem 1.2rem;margin:.5rem;margin-right:0;display:block;padding:1rem;color:#fff;border-radius:2px;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.user-history h4{margin-bottom:1rem}.user-history section{width:100%;display:flex;flex-direction:column;margin:.5rem}.user-history section:after{content:"";display:block;height:1px;width:100%;background-color:#f8f9fb;margin:.5rem 0}.user-history .label{font-weight:400;font-size:1rem;color:#676767}.user-history .value{font-size:1rem;font-weight:700}.user-history .section-item{display:flex;flex-direction:row;align-items:center;min-height:1.5rem;margin:.5rem 0;justify-content:space-between}.user-history .ticket-section .ticket-point .label,.user-history .ticket-section .ticket-point .value,.user-history .ticket-section .ticket-price .label,.user-history .ticket-section .ticket-price .value{font-size:1.4rem}.user-history .ticket-section .ticket-id{display:flex;flex-direction:column;align-items:center;justify-content:center;height:4rem}.user-history .ticket-section .ticket-id .value{font-size:1.5rem}.user-history .ticket-section .ticket-id .label{margin-bottom:.5rem}.user-history .ticket-section .ticket-status{display:block;padding:1rem;color:#fff;border-radius:2px;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.user-history .regulation-section .regulations-list{display:flex;flex-direction:column;list-style-type:none}.user-history .regulation-section .regulations-list .regulation-item{display:flex;flex-direction:row;margin:.5rem 0}.user-history .regulation-section .regulations-list .regulation-item .regulation-thumb{margin-right:1rem;max-width:60px;max-height:60px}.user-history .regulation-section .regulations-list .regulation-item .regulation-thumb .regulation-thumb-img{width:100%;height:100%}.user-history .regulation-section .regulations-list .regulation-item .regulation-info{display:flex;flex-direction:column}.user-history .regulation-section .regulations-list .regulation-item .regulation-info .regulation-tag{font-size:1.2rem;font-weight:700}.user-history .regulation-section .regulations-list .regulation-item .regulation-info .regulation-description{color:#676767}.user-history .regulation-section .regulations-list .regulation-item .regulation-info .regulation-penalty{min-height:3rem;font-size:.8rem;color:#676767;display:flex;flex-direction:column}.user-history .regulation-section .regulations-list .regulation-item .regulation-info .regulation-penalty span:first-child{margin-right:1rem}.user-history .police-section .police-info-wrapper{display:flex;flex-direction:row;align-items:center;justify-content:space-between}.user-history .police-section .police-info-wrapper .police-info{margin-left:1rem;flex:1;display:flex;flex-direction:column;align-items:stretch;justify-content:space-around}.user-history .police-section .police-info-wrapper .police-info .police-info-item{min-height:2rem}.user-history .police-section .police-info-wrapper .police-info .label{margin-right:1.5rem}.user-history .police-section .police-info-wrapper .police-thumb{max-width:80px;max-height:80px}.user-history .police-section .police-info-wrapper .police-thumb .police-thumb-img{width:100%;height:100%;border-radius:100%}.user-history .map-section{width:100%;height:40rem;margin:1rem 0 0 0}.user-history .action-menu{position:relative}.user-history .spacer{padding-bottom:8rem}.image-light-box{width:100vw;height:100vh;position:fixed;top:0;left:0;background-color:rgba(0,0,0,.8);z-index:9999;display:flex;justify-content:center;align-items:center}.image-light-box .close{position:absolute;top:2rem;right:2rem;color:#fff}.image-light-box .image{height:40rem;width:40rem;background-repeat:no-repeat;background-position:50%;background-size:contain}.image-light-box .left{left:20%}.image-light-box .left,.image-light-box .right{position:absolute;top:calc(50% - 2.5rem);color:#fff;font-size:5rem}.image-light-box .right{right:20%}.ticket__evidences{width:100%;display:flex;flex-direction:column;border-radius:.25rem;flex-shrink:0}.ticket__evidences .ticket__evidences__title{width:100%}.ticket__evidences__list{display:flex;flex-direction:row;flex-shrink:0}.ticket__evidences__list .ticket__evidences__item{max-width:33.33%;max-width:33.33333%;max-height:auto;margin:.5rem;position:relative;cursor:pointer}.ticket__evidences__list .ticket__evidences__item:hover .ticket__evidences__item__shadow{box-shadow:inset 1px -46px 102px -21px rgba(0,0,0,.67);-webkit-box-shadow:1px -46px 102px -21px rgba(0,0,0,.67) inset;-moz-box-shadow:1px -46px 102px -21px rgba(0,0,0,.67) inset}.ticket__evidences__list .ticket__evidences__item .ticket__evidences__item__img{width:100%;height:100%;display:block;background-repeat:no-repeat;background-size:contain;background-position:50%}.ticket__evidences__list .ticket__evidences__item .ticket__evidences__item__shadow{position:absolute;width:100%;height:100%;box-shadow:inset 0 0 10px 0 rgba(0,0,0,.01568627450980392);top:0;left:0;transition:box-shadow .15s ease-in-out}.need-help .need-help__desciption{margin-bottom:1rem}.modal-mask{position:fixed;z-index:10;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);display:table;transition:opacity .3s ease}.modal-wrapper{display:table-cell;vertical-align:middle}.modal-container{display:flex;flex-direction:column;width:300px;margin:0 auto;padding:20px 30px;background-color:#fff;border-radius:.25rem;box-shadow:0 2px 8px rgba(0,0,0,.33);transition:all .3s ease}.modal-container.size-small{max-width:400px;width:100%}.modal-container.size-medium{max-width:500px;width:100%;max-height:400px;height:100%}.modal-container.size-large{max-width:800px;width:100%;max-height:80vh;height:100%}.modal-container.size-xlarge{width:90%;max-height:90vh;height:100%}.modal-container.size-full{max-width:100vh;width:100%;max-height:100vh;height:100%}.btn-modal-close{background-color:transparent;border:none;color:#ed8f21}.btn-modal-close ion-icon{font-size:2rem}.modal-header{display:flex;flex-direction:row;justify-content:space-between}.modal-header h3{margin-top:0;color:#015997}.modal-footer{display:flex;justify-content:flex-end}.modal-body{margin:20px 0;display:flex;flex-direction:row;flex:1;align-items:flex-start;overflow-x:auto}.modal-default-button{float:right}.modal-enter,.modal-leave-active{opacity:0}.modal-enter .modal-container,.modal-leave-active .modal-container{transform:scale(1.1)}.date-filter .vs__selected{width:100%;display:flex;align-items:flex-start;border:none;padding:0;margin:0}.date-filter .date-filter__selected-option{display:flex;width:100%;justify-content:space-evenly}.date-filter .date-filter__selected-option .date-filter__selected-option__icon{margin:0 .5rem}.date-filter .date-filter__selected-option .date-filter__selected-option__label{display:flex;flex-direction:column}.date-filter .date-filter__selected-option .date-filter__selected-option__label .title{font-weight:700}.date-filter .date-filter__selected-option .date-filter__selected-option__label .value{font-size:.8rem}.date-filter .vs__dropdown-toggle{border:none}.date-filter .vs__search{display:none}.v-toggle-buttons{display:flex;flex-direction:row}.v-toggle-buttons .v-toggle-buttons__option{flex-direction:column;padding:.5rem 1rem;color:#676767;display:flex;align-items:center;border:none;border-radius:8px;padding-left:2rem;padding-right:2rem;cursor:pointer;margin:.5rem;background-color:transparent;border:1px solid #e9e9e9;transition:all .2s ease-in-out}.v-toggle-buttons .v-toggle-buttons__option:hover{color:#015997;border-color:#015997}.v-toggle-buttons .v-toggle-buttons__option.selected:hover{color:#015997}.v-toggle-buttons .v-toggle-buttons__option.selected{color:#015997;border:1px solid #015997;background-color:rgba(125,209,254,.145098)}.v-toggle-buttons .v-toggle-buttons__option:first-child{margin-left:0}.gender-select .v-toggle-buttons__option{flex-basis:8rem}.gender-select .v-toggle-buttons__option .gender-icon{width:2.5rem;height:auto;margin:.5rem;fill:#d8d8d8;transition:all .2s ease-in-out}.gender-select .v-toggle-buttons__option.selected .gender-icon,.gender-select .v-toggle-buttons__option.selected:hover .gender-icon{fill:#015997}.v-options{position:relative}.v-options:hover .v-option__menu{opacity:1}.v-options .v-option__menu{flex-direction:column;justify-content:space-between;position:absolute;top:2.5rem;right:0;border:1px solid #ccc;background-color:#f8f9fb;box-shadow:0 0 10px #ccc;padding:0;opacity:0;z-index:99;width:8rem;height:auto;border-radius:4px;box-shadow:0 4px 4px 0 rgba(184,182,182,.173)}.v-options .v-option__menu,.v-options .v-option__menu .btn{display:flex;align-items:center;transition:.35s ease-in-out}.v-options .v-option__menu .btn{overflow:visible;width:100%;padding:1rem;background-color:transparent;justify-content:center;font-size:1rem}.v-options .v-option__menu .btn+.btn{margin-left:.25rem}.v-options .v-option__menu .btn:hover{background-color:#3686a0;color:#fff}.payment-ticket-card{border:1px solid #e9e9e9;border-radius:2px;overflow-y:auto;width:calc(25% - 2rem);margin:1rem}.payment-ticket-card.card{padding:0}@media screen and (max-width:1100px){.payment-ticket-card{width:calc(33.33333% - 2rem)}}.payment-ticket-card .payment-ticket-card__header{padding:1rem;padding-bottom:0}.payment-ticket-card .payment-ticket-card__body{padding:1rem;height:28rem;width:100%;display:flex;flex-direction:column;cursor:pointer}.payment-ticket-card .payment-ticket-card__body:hover{background-color:#f8f9fb}.payment-ticket-card.expanded{position:fixed;bottom:0;top:0;left:0;right:0;width:80%;height:100%;margin:auto}.payment-ticket-card .payment-ticket-card__checkbox{height:2rem;width:2rem;font-size:1rem;border:1px solid #d8d8d8;padding:0 1rem;transition:.35s ease-in-out}.payment-ticket-card .payment-ticket-card__checkbox ::-moz-placeholder{color:#797979}.payment-ticket-card .payment-ticket-card__checkbox :-ms-input-placeholder{color:#797979}.payment-ticket-card .payment-ticket-card__checkbox ::placeholder{color:#797979}.payment-ticket-card .payment-ticket-card__checkbox:focus{border-color:#000}.payment-ticket-card .ticket-card__violator{display:flex;justify-content:space-between;margin-bottom:1rem}.payment-ticket-card .ticket-card__violator .value{font-weight:700}.payment-ticket-card .ticket-card__info{display:flex;flex-direction:row;align-items:flex-start;justify-content:space-around;margin:1rem 0}.payment-ticket-card .ticket-card__info .ticket-card__info__field{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start}.payment-ticket-card .ticket-card__info .ticket-card__id{flex-basis:60%}.payment-ticket-card .ticket-card__info .ticket-card__status{flex-basis:40%;background-color:rgba(255,193,7,.3);padding:.5rem 1rem;border-radius:4px;display:flex;align-items:center;justify-content:center}.payment-ticket-card .ticket-card__info .ticket-card__status.unpaid{background-color:rgba(255,82,66,.3)}.payment-ticket-card .ticket-card__info .ticket-card__status.paid{background-color:rgba(54,205,122,.3)}.payment-ticket-card .ticket-card__info .ticket-card__status.overdue{background-color:rgba(194,71,71,.3)}.payment-ticket-card .ticket-card__info .ticket-card__status.cancel{background-color:rgba(89,89,89,.3)}.payment-ticket-card .ticket-card__info .ticket-card__status.disputed{background-color:rgba(23,120,153,.3)}.payment-ticket-card .ticket-card__info .ticket-card__status.dismiss{background-color:rgba(89,89,89,.3)}.payment-ticket-card .ticket-card__info .value{font-weight:700}.payment-ticket-card .ticket-card__regulations{margin:.5rem 0}.payment-ticket-card .ticket-card__regulations .ticket-card__regulations__list{list-style:none;padding:0;margin:.5rem}.payment-ticket-card .ticket-card__footer__seperator{margin-top:auto}.payment-ticket-card .ticket-card__footer{display:flex;flex-direction:row;margin:.5rem;align-items:center;justify-content:space-between}.payment-ticket-card .ticket-card__footer .ticket-card__date{display:flex;align-items:center}.payment-ticket-card .ticket-card__footer .ticket-card__date .icon{margin-right:.5rem}.payment-ticket-card:hover{box-shadow:0 0 10px #ccc}.payment-search-bar{position:relative;display:flex;align-items:center;justify-content:center}.payment-search-bar .icon-tabler-search{position:absolute;left:2rem;top:0;bottom:0;margin:auto}.payment-search-bar .payment-search-bar__actions{position:absolute;right:0;top:0;bottom:0;display:flex;flex-direction:row}.payment-search-bar .payment-search-bar__actions .payment-search-bar__search.button{border-top-left-radius:0;border-bottom-left-radius:0;margin:1rem 0!important}.payment-search-bar .payment-search-bar__options{width:8rem;border-radius:4px;border:none}.payment-search-bar .search-input{height:4rem;width:100%;padding:1rem 2rem;margin:1rem 0;border-radius:.25rem;border-color:transparent;padding-left:5rem;background-color:#f8f9fb}.payment-search-bar .search-input:active,.payment-search-bar .search-input:focus,.payment-search-bar .search-input:hover{border-color:#d8d8d8}.ticket-filter-bar{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;margin:1rem 0}.ticket-filter-bar .filter-block{display:flex;flex-direction:row;overflow-x:auto;justify-content:flex-end;align-items:center}.ticket-filter-bar .filter-block .filter-block__tag{display:flex;flex-direction:row;margin:.5rem;padding:.8rem 1rem;font-size:.8rem;border:1px solid #e9e9e9;border-radius:.5rem}.ticket-filter-bar .filter-block .filter-block__tag.selected{border-color:#015997!important}.drawer-menu{background-color:#002435;display:flex;flex-direction:row;align-items:center;justify-content:space-between}@media (min-width:768px){.drawer-menu{display:none}}.drawer-menu .icon{stroke:#fff}.drawer-menu .logo{height:3rem;width:3rem;background-size:contain;background-repeat:no-repeat;background-position:50%;margin:1rem}.drawer-menu .button:hover{background-color:rgba(0,0,0,.16470588235294117)}.drawer-menu__side-bar{height:100%;width:0;position:fixed;z-index:10;top:0;left:0;background-color:#002435;overflow-x:hidden;padding-top:60px;transition:.5s;max-width:20rem}.drawer-menu__side-bar.show{width:85%;max-width:20rem}.drawer-menu__side-bar .item{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;position:relative;cursor:pointer;padding:1rem 2rem;transition:.35s ease-in-out}.drawer-menu__side-bar .item:hover:before{transform:translateX(0);opacity:1}.drawer-menu__side-bar .item:before{content:"";width:.5rem;height:100%;background-color:#0070a2;position:absolute;right:0;top:0;transform:translateX(.5rem);opacity:0;transition:.35s ease-in-out}.drawer-menu__side-bar .item.title{filter:brightness(100%);margin-bottom:2rem}.drawer-menu__side-bar .item.title:before{content:unset}.drawer-menu__side-bar .item.active:before{transform:translateX(0);opacity:1}.drawer-menu__side-bar .item.active:after{content:"";position:absolute;left:0;top:0;height:100%;width:100%;background-color:rgba(1,89,151,.3)}.drawer-menu__side-bar .item .icon{z-index:1000;width:2em;height:2em;background-size:contain;background-position:0;background-repeat:no-repeat;margin:0 1rem}.drawer-menu__side-bar .item .label{z-index:1000;width:8rem;font-size:1.2rem;line-height:2.5rem;transition:.35s ease-in-out;color:#fff}.drawer-menu__backdrop{position:fixed;top:0;left:0;right:0;bottom:0;width:100%;height:100%;z-index:9;background-color:rgba(0,0,0,.16470588235294117)}.drawer-menu__side-bar a{padding:8px 8px 8px 32px;text-decoration:none;font-size:25px;color:#818181;display:block;transition:.3s}.drawer-menu__side-bar a:hover{color:#f1f1f1}.drawer-menu__side-bar .closebtn{position:absolute;top:0;right:25px;font-size:36px;margin-left:50px}#main{transition:margin-left .5s;padding:20px}.external-camera{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%}.external-camera .external-camera__controls{margin:1rem 0;display:flex;flex-direction:row;width:100%;align-items:center;justify-content:flex-start}.external-camera .external-camera__controls .button,.external-camera .external-camera__controls .change-camera .icon{margin-right:.5rem}.external-camera #video{border-radius:.5rem}.external-camera .video__wrapper{width:100%;height:100%;position:relative}.external-camera #bounding-box{position:absolute;top:0;left:0;stroke:#36cd7a;fill:#36cd7a;color:#36cd7a}.external-camera .view-finder,.external-camera .view-initizialing{position:absolute;top:0;bottom:0;left:0;right:0;width:60%;height:60%;margin:auto}.external-camera .view-finder{-webkit-animation-name:scale-up-down;animation-name:scale-up-down;-webkit-animation-duration:1.5s;animation-duration:1.5s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-direction:alternate;animation-direction:alternate;opacity:.5;border-radius:4px;background:linear-gradient(#fff,#fff) 0 0,linear-gradient(#fff,#fff) 0 0,linear-gradient(#fff,#fff) 100% 0,linear-gradient(#fff,#fff) 100% 0,linear-gradient(#fff,#fff) 0 100%,linear-gradient(#fff,#fff) 0 100%,linear-gradient(#fff,#fff) 100% 100%,linear-gradient(#fff,#fff) 100% 100%;background-size:2px 40px,40px 2px;background-repeat:no-repeat}@-webkit-keyframes scale-up-down{0%{width:55%;height:55%}to{width:60%;height:60%}}@keyframes scale-up-down{0%{width:55%;height:55%}to{width:60%;height:60%}}.dashboard-ticket-card{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;margin:.5rem;scroll-snap-align:center;width:calc(25% - 1rem)}.dashboard-ticket-card .dashboard-ticket-card__body{display:flex;flex-direction:row;align-items:center;justify-content:space-between;width:100%}.dashboard-ticket-card .dashboard-ticket-card__body .dashboard-ticket-card__body__main{flex:1;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between}.dashboard-ticket-card .dashboard-ticket-card__body .dashboard-ticket-card__body__main .value{font-size:2.2rem;font-weight:bolder}.dashboard-ticket-card .dashboard-ticket-card__body .dashboard-ticket-card__body__main .label{font-size:1.2rem;font-weight:700}.dashboard-ticket-card .dashboard-ticket-card__body .dashboard-ticket-card__body__aside{flex:1;display:flex;flex-direction:column;align-items:flex-end}.dashboard-ticket-card .dashboard-ticket-card__body .dashboard-ticket-card__body__aside .icon{width:4rem;height:4rem;padding:.5rem;border-radius:4px}.dashboard-ticket-card .dashboard-ticket-card__body .dashboard-ticket-card__body__aside .icon.increase{stroke:#36cd7a;background-color:rgba(54,205,122,.2)}.dashboard-ticket-card .dashboard-ticket-card__body .dashboard-ticket-card__body__aside .icon.decrease{stroke:#ff0101;background-color:rgba(255,1,1,.2)}.dashboard-ticket-card .dashboard-ticket-card__body .dashboard-ticket-card__body__aside .icon.stale{stroke:#177899;background-color:rgba(23,120,153,.2)}.dashboard-ticket-card .dashboard-ticket-card__footer{display:flex;align-self:flex-start;margin:1rem 0}.dashboard-ticket-card .dashboard-ticket-card__footer .icon{margin-right:.25rem;stroke:#36cd7a}.dashboard-ticket-card .dashboard-ticket-card__footer .icon.increase{stroke:#36cd7a}.dashboard-ticket-card .dashboard-ticket-card__footer .icon.decrease{stroke:#ff0101}.dashboard-ticket-card .dashboard-ticket-card__footer .icon.stale{stroke:#177899}.dashboard-ticket-card .dashboard-ticket-card__footer .trend{color:#36cd7a;margin-right:1ch;font-weight:700}.dashboard-ticket-card .dashboard-ticket-card__footer .trend.increase{color:#36cd7a}.dashboard-ticket-card .dashboard-ticket-card__footer .trend.decrease{color:#ff0101}.dashboard-ticket-card .dashboard-ticket-card__footer .trend.stale{color:#177899}.dashboard-ticket-card .dashboard-ticket-card__footer .trend-label{font-weight:700;color:#676767}.v-tab{display:flex;flex-direction:row;align-items:center;line-height:3rem;margin-bottom:.5rem}.v-tab.raised{border-radius:2px;background-color:#fff;padding:.5rem;transition:background-color .3s ease,box-shadow .32s linear,color .32s linear;box-shadow:0 4px 4px 0 rgba(184,182,182,.173)}.v-tab:before{content:"";width:100%;height:2px;position:absolute;bottom:0;left:0;opacity:.1;background-color:transparent}.v-tab .v-tab__item{margin:0 1.2rem;padding:0 .5rem;color:#676767;position:relative;transition:.35s;font-size:1rem;cursor:pointer;min-width:-webkit-max-content;min-width:-moz-max-content;min-width:max-content;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.v-tab .v-tab__item:first-child{margin-left:0}.v-tab .v-tab__item+.v-tab__item{margin-left:.5rem}.v-tab .v-tab__item:hover:before{max-width:100%}.v-tab .v-tab__item:before{content:"";width:100%;max-width:0;height:4px;position:absolute;bottom:0;left:0;transition:.35s;border-radius:2px;background-color:#004576}.v-tab .v-tab__item.active{color:#000}.v-tab .v-tab__item.active:before{max-width:100%}.v-tab .optional-primary-button{margin-left:auto}.v-tab .optional-primary-button .button{padding:.5rem 1.5rem}.v-action-bar{display:flex;flex-direction:row;align-items:center}.v-action-bar .v-action-bar__item{margin:1rem 0;margin-right:1rem;padding:1rem;color:#676767;position:relative;transition:.35s;font-size:1rem;cursor:pointer;min-width:-webkit-max-content;min-width:-moz-max-content;min-width:max-content;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.v-action-bar .v-action-bar__item.disabled{background-color:#d8d8d8;cursor:not-allowed}.v-action-bar .v-action-bar__item.media-featured .icon{display:initial}.v-action-bar .v-action-bar__item .icon{display:none;margin-right:.5rem;fill:#ff0101}.law-unit-list .regulation-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}.law-unit-list .regulation-list .law-unit-list__input-label.vehicle{margin-top:1rem}.law-unit-list .regulation-list .law-unit-list__input-label.vehicle .law-unit-list__vehicle__toggle-buttons{width:100%}.law-unit-list .regulation-list .law-unit-list__input-label.vehicle .law-unit-list__vehicle__toggle-buttons .v-toggle-buttons__option:first-child{margin-left:0}.law-unit-list .regulation-list .input-row{display:flex;width:100%;margin-top:1rem}.law-unit-list .regulation-list .input-row .law-unit-list__input-label{flex:1}.law-unit-list .regulation-list .input-row .law-unit-list__input-label:first-child{margin-right:.5rem}.law-unit-list .regulation-list .input-row .input{flex:1;margin-right:1rem}.law-unit-list .regulation-list .input-row .input:last-child{margin-right:0}.law-unit-list .regulation-list .actions-row{margin-top:1rem;width:100%;display:flex;align-items:center;justify-content:flex-end}.law-unit-list .regulation-list .actions-row .button{width:8rem;height:3rem}.law-unit-list .regulation-list .actions-row .delete-regulation{margin-right:1rem}.law-unit-list .regulation-list .regulation-list__item{display:flex;flex-direction:row;padding:1rem 0;margin:0 1rem;border-bottom:1px solid #e9e9e9}.law-unit-list .regulation-list .regulation-list__item .thumbnail-row{margin-right:1rem}.law-unit-list .regulation-list .regulation-list__item .thumbnail-row .thumbnail{position:relative;border:1px solid #e9e9e9;cursor:pointer;border-radius:2px;max-width:8rem;max-height:8rem}.law-unit-list .regulation-list .regulation-list__item .thumbnail-row .thumbnail .thumbnail-img{width:100%;height:100%;background-size:cover}.law-unit-list .regulation-list .regulation-list__item .thumbnail-row .thumbnail-edit{display:none;background-color:rgba(0,0,0,.22745098039215686);position:absolute;top:0;bottom:0;right:0;left:0;width:100%;height:100%;align-items:center;justify-content:center}.law-unit-list .regulation-list .regulation-list__item .thumbnail-row .thumbnail-edit .icon{stroke:#fff}.law-unit-list .regulation-list .regulation-list__item .thumbnail-row:hover .thumbnail-edit{display:flex}.law-unit-list .regulation-list .regulation-list__item .regulation-list__info .regulation-list__stat{display:flex;flex-direction:row}.law-unit-list .regulation-list .regulation-list__item .regulation-list__info .regulation-list__stat p{margin-right:1rem}.law-unit-list .regulation-list .regulation-list__item .regulation-list__edit{display:flex;flex-direction:column}.team-portraits{display:flex}.team-portraits .team-portraits__member{max-width:2.5rem;max-height:2.5rem;margin-left:-5px}.team-portraits .team-portraits__member:hover{z-index:10}.team-portraits .team-portraits__member .team-portraits__img{border:1px solid #fff;width:100%;height:100%;border-radius:100%}.payment-search-bar-options{display:flex;position:relative;height:100%;align-items:center}.payment-search-bar-options .payment-search-bar-options__input{display:flex;flex-direction:row;padding:1rem;cursor:pointer;white-space:nowrap;align-items:center}.payment-search-bar-options .payment-search-bar-options__input p{color:#015997;margin-right:1rem}.payment-search-bar-options .payment-search-bar-options__input .icon{fill:#015997;stroke:#015997}.payment-search-bar-options .payment-search-bar-options__dropdown{position:absolute;bottom:-100px;left:0;background-color:#fff;border-radius:.2rem;border:1px solid #f8f9fb;width:150px;box-shadow:0 0 5px hsla(0,0%,66.7%,.295)}.payment-search-bar-options .payment-search-bar-options__dropdown .payment-search-bar-options__dropdown__item{padding:.5rem}.payment-search-bar-options .payment-search-bar-options__dropdown .payment-search-bar-options__dropdown__item:hover{cursor:pointer;background-color:#f8f9fb}.notify-user-modal .notify-user-modal__body{display:flex;flex-direction:row;width:100%;height:100%}.notify-user-modal .form{display:flex;flex-direction:column;width:60%}.notify-user-modal .form.full{width:100%}.notify-user-modal .compose-menu{flex-wrap:wrap}.notify-user-modal .sms-template{border-radius:4px;padding-left:.5rem;flex-basis:40%;height:100%;margin:0 1rem}.notify-user-modal .sms-template .templates{display:flex;flex-direction:column;width:100%}.notify-user-modal .sms-template .templates .item{padding:.5rem 1rem;width:100%;cursor:pointer;border-radius:8px;border:1px solid #f8f9fb;margin:.5rem 0}.notify-user-modal .sms-template .templates .item .data-cell{color:#17a2b8}.notify-user-modal .sms-template .templates .item:hover{background-color:#f8f9fb}.notify-user-modal .modal-footer .button:first-child{margin-right:1rem}.vehicle-detail-card .vehicle-detail-card__header .vehicle-detail-card__header__title{margin-bottom:1rem}.vehicle-detail-card .vehicle-detail-card__header .vehicle-detail__vehicle-model{display:flex;flex-direction:row}.vehicle-detail-card .vehicle-detail-card__header .vehicle-detail__info{width:100%}.vehicle-detail-card .vehicle-detail-card__header .vehicle-detail__type{display:flex;flex-direction:row;align-items:center}.vehicle-detail-card .vehicle-detail-card__header .vehicle-detail__type .vehicle-detail__type__icon{margin-right:1ch}.vehicle-detail-card .field{display:flex;flex-direction:row;justify-content:space-between;width:100%;margin-bottom:.5rem}.vehicle-detail-card .field:last-child{margin-bottom:0}.vehicle-detail-card .field .label{color:#3686a0}.vehicle-detail-card .field .value{font-weight:700}.violator-related-vehicles{display:flex;flex-direction:column}.violator-related-vehicles .violator-related-vehicles__item{width:100%;display:flex;flex-direction:row;height:80px;align-items:center;border-bottom:1px solid #e9e9e9;margin-bottom:1rem}.violator-related-vehicles .violator-related-vehicles__item:last-child{border-bottom:none;margin-bottom:0}.violator-related-vehicles .violator-related-vehicles__item .type{margin-right:1rem}.violator-related-vehicles .violator-related-vehicles__item .type .icon{margin:1rem;width:30px;height:30px}.violator-related-vehicles .violator-related-vehicles__item .info{flex:1;display:flex;flex-direction:column;margin-right:1rem;text-overflow:clip;white-space:nowrap}.violator-related-vehicles .violator-related-vehicles__item .info .title{margin-bottom:.5rem}.violator-related-vehicles .violator-related-vehicles__item .info .title .vehicle-model{font-weight:700}.violator-related-vehicles .violator-related-vehicles__item .info .subtitle{display:flex;flex-direction:row}.violator-related-vehicles .violator-related-vehicles__item .info .subtitle p{margin:0 .5ch}.violator-related-vehicles .violator-related-vehicles__item .info .subtitle p:first-child{margin-left:0}.violator-related-vehicles .violator-related-vehicles__item .info .subtitle p:last-child{margin-right:0}.violator-statistic{display:flex;flex-direction:column;margin:.5rem 0}.violator-statistic .violator-statistic__title{margin-bottom:1rem}.violator-statistic .violator-statistic__info{width:100%;display:flex;flex-direction:row;flex-wrap:wrap}.violator-statistic .violator-statistic__info .violator-statistic__item{flex:1 1 auto;flex-basis:45%;display:flex;flex-direction:column;align-items:center;margin-bottom:1rem}.violator-statistic .violator-statistic__info .violator-statistic__item .label{color:#3686a0}.violator-statistic .violator-statistic__info .violator-statistic__item .value{font-weight:700}.violator-detail-tickets .violator-detail-tickets__listing .ticket-price .value{color:#36cd7a}.violator-detail-tickets .violator-detail-tickets__listing .ticket-point .value{color:#ff0101}.select-stations-modal{width:100%}.checkout-modal{height:100%}.checkout-modal .modal-body{margin-top:0}.checkout-modal .back{width:2rem}.checkout-modal .checkout-modal__body{height:100%;width:100%;display:flex;flex-direction:column;border-top:1px solid #e9e9e9;padding-top:1rem;margin-top:.5rem}.checkout-modal .checkout-modal__body h2:after{content:"";display:block;height:2px;width:4rem;background-color:#015997;margin-bottom:1rem}.checkout-modal .checkout__methods{margin-bottom:1rem}.checkout-modal .checkout__methods .checkout__methods__toggle .v-toggle-buttons__option:first-child{margin-left:0}.checkout-modal .checkout__processing-payment .summary{margin:1rem 0;display:flex;flex-direction:column}.checkout-modal .checkout__processing-payment .summary .item{padding:1rem;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;display:flex;align-items:center;justify-content:space-between}.checkout-modal .checkout__success h1{text-align:center}.checkout-modal .changes{flex-direction:row;align-items:center;justify-content:center}.checkout-modal .changes .v-input__label{flex-basis:20%;font-weight:700}.checkout-modal .changes .v-input__input{flex-basis:80%;background-color:#ebecee;font-weight:700}.otp-inputs .otp-form-inputs{margin-top:1rem;display:flex;flex-direction:row;width:100%;align-items:center;justify-content:center}.otp-inputs .otp-form-inputs .otp-input{-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none;border:none;height:4rem;width:4rem;margin:0 .5rem;font-size:1.5rem;font-weight:200;border:1px solid #aaa;text-align:center;margin-bottom:2rem;transition:.35s ease-in-out}.otp-inputs .otp-form-inputs .otp-input:focus{border-color:#000}.detected-face-modal{height:100%;width:100%;overflow-y:auto}.detected-face-modal .no-result{height:90%;display:flex;flex-direction:column;align-items:center;justify-content:center}.detected-face-modal .detected-face-modal__list{margin:0;padding:1rem;list-style:none;display:flex;flex-direction:row;flex-wrap:wrap;background-color:#fff;width:100%}.detected-face-modal .detected-face-modal__list .detected-face-modal__item{margin:.5rem 0;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;height:20rem;width:25%}.detected-face-modal .detected-face-modal__list .detected-face-modal__item:hover{background-color:#f8f9fb}.detected-face-modal .detected-face-modal__list .detected-face-modal__item .detected-face-modal__item__photo{max-width:180px;max-height:auto}.detected-face-modal .detected-face-modal__list .detected-face-modal__item .detected-face-modal__item__photo.rounded{border-radius:100%}.detected-face-modal .detected-face-modal__list .detected-face-modal__item .detected-face-modal__item__detail{display:flex;flex-direction:column;margin:0 1rem;margin-left:2rem}.detected-face-modal .detected-face-modal__list .detected-face-modal__item .detected-face-modal__item__detail .item__name{font-size:1.2rem;font-weight:700}.searchbar{display:flex;align-items:center;justify-content:center;background-color:#f0f1f2;margin-left:auto;border-radius:.25rem}.searchbar .input{padding:1rem;background-color:transparent}.searchbar .search{padding:0;line-height:1rem}.searchbar .search svg{padding:2px;margin-right:.5rem;stroke:#676767}.auth-layout .page{display:flex;flex-direction:column;padding-top:2rem}@media (max-width:768px){.auth-layout .page{padding-top:1rem}}.auth-layout .page .title{font-size:2.5rem;font-weight:700;text-align:center;margin-bottom:2rem}@media (max-width:768px){.auth-layout .page .title{margin-bottom:0;font-size:2rem}}.auth-layout .page .description{color:#aaa;margin-bottom:2rem}.auth-layout .page .login-input{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start}.auth-layout .page .login-input .label{line-height:2rem}.auth-layout .page .login-input .input{width:100%;height:4rem;font-size:1.2rem;border:1px solid #aaa;padding:0 2rem;margin-bottom:2rem;transition:.35s ease-in-out}.auth-layout .page .login-input .input:focus{border-color:#000}.auth-layout .page .forgot-password{align-self:flex-end;line-height:2rem;color:#aaa;cursor:pointer;transition:.35s ease-in-out;margin-bottom:1rem}.auth-layout .page .forgot-password:hover{color:#000}.auth-layout .page .submit .icon{margin-right:1rem}.auth-layout .page .go-back{position:absolute;bottom:6rem;left:6rem;color:#aaa;font-size:1.5rem;cursor:pointer;transition:.35s ease-in-out}.auth-layout .page .go-back:hover{color:#000}.main-layout .page{width:100%;height:100%}.card{padding:1.5rem;background-color:#fff;border-radius:4px;transition:background-color .3s ease,box-shadow .32s linear,color .32s linear;box-shadow:0 4px 4px 0 rgba(184,182,182,.173)}.card.interactive{cursor:pointer}.card.interactive:hover{background-color:#f0f0f0}.dashboard{display:flex;flex-direction:row;flex-grow:1;padding-left:.5rem;padding-right:.5rem;padding-top:.5rem}.dashboard .content{width:calc(100vw - 15rem);height:100%;padding:1%;overflow-x:hidden;overflow-y:auto;position:relative}@media (max-width:768px){.dashboard .content{width:100vw}}.dashboard .content .ticket-info{margin-bottom:1rem}.dashboard .content .ticket-info .ticket-summary{display:flex;flex-direction:row;flex:1;align-items:stretch;justify-content:space-between;flex-wrap:nowrap;margin:.5rem;overflow-x:auto;-ms-scroll-snap-type:x mandatory;scroll-snap-type:x mandatory}@media (max-width:320px){.dashboard .content .ticket-info .ticket-summary{flex-direction:row}}.dashboard .content .ticket-info .ticket-summary .total .value{width:50%;text-align:center;font-size:2rem;font-weight:700;margin:2rem}.dashboard .content .ticket-info .ticket-summary .total .label{width:50%;text-align:left;font-size:1rem;margin:2rem 0}.dashboard .content .ticket-info .ticket-ctn{display:flex;flex-direction:row}@media (max-width:768px){.dashboard .content .ticket-info .ticket-ctn{flex-direction:column}}.dashboard .content .ticket-info .ticket-ctn .graph{flex-basis:50%;margin:1rem}.dashboard .content .ticket-info .ticket-ctn .map{flex-basis:50%;margin:1rem;display:flex;flex-direction:column;margin-left:0}.dashboard .content .ticket-info .ticket-ctn .map .loading-spinner-component{background-color:rgba(0,0,0,.3411764705882353);z-index:1000}.dashboard .content .ticket-info .ticket-ctn .map .title{margin-bottom:1rem}.dashboard .content .ticket-info .title-row{display:flex;align-items:flex-start;justify-content:space-between}.dashboard .content .ticket-info .title-row .filter-drop-down{width:8rem;background-color:#f0f1f2;border-radius:4px;border:none}.dashboard .content .average-info{width:100%}.dashboard .content .average-info .average,.dashboard .content .average-info .income{flex:1;margin:1rem;display:flex;flex-direction:row;align-items:center;justify-content:center;padding:2rem;color:#36cd7a;background-color:rgba(54,205,122,.2)}.dashboard .content .average-info .average .value,.dashboard .content .average-info .income .value{font-size:2rem;font-weight:700;line-height:3rem;margin-right:1rem}.dashboard .content .average-info .average .label,.dashboard .content .average-info .income .label{line-height:3rem}.dashboard .content .average-info .income{font-size:1rem;color:#177899;background-color:rgba(23,120,153,.2)}.dashboard .content .average-info .average .value{color:#36cd7a}.dashboard .content .police{flex:1;margin:2rem 0}.dashboard .content .police .squad-card{display:flex;flex-direction:column;align-items:center;margin:1rem;flex:1}.dashboard .content .police .squad-card .value{font-size:2.5rem;font-weight:700}.dashboard .content .police .squad-card .label{font-size:1.5rem;font-weight:700}.dashboard .content .violator{flex:1;margin:1rem 0}.dashboard .content .violator .violator-card{margin:1rem}.dashboard .content .action-menu-backdrop{position:fixed;top:0;left:0;background-color:rgba(0,0,0,.3411764705882353);width:100%;height:100%;z-index:10}.dashboard .content .title-bar{width:100%;display:flex;flex-direction:row;align-items:center;justify-content:flex-start;line-height:3rem;padding-bottom:.5rem}.dashboard .content .title-bar .title{font-size:1.2rem}.dashboard .content .title-bar .group{display:flex;flex-direction:row;align-items:center;justify-content:center;margin-left:auto}.dashboard .content .title-bar .group .btn{padding:.5rem 1rem}.dashboard .content .title-bar .group .btn.new{width:10rem;display:flex;flex-direction:row;align-items:center;justify-content:center;background-color:#28a745;color:#fff}.dashboard .content .title-bar .group .btn.new:hover{filter:brightness(125%)}.dashboard .content .title-bar .group .btn.new .icon{width:1.4rem;height:1.4rem;margin-right:.5rem}.dashboard .content .title-bar .group .btn.new .label{margin:.5rem 0;line-height:1.2rem}.dashboard .content .title-bar .group .btn.more{width:2rem;height:3rem;background-color:#888}.dashboard .content .need-help{margin:1rem}.dashboard .action-menu{width:50vw;max-width:50vw;height:100vh;transition:.35s;border-left:1px solid transparent;box-shadow:0 54px 54px hsla(0,0%,46.3%,.667);position:absolute;right:0;top:0;background:#fff;z-index:10;transition:all .25s ease-in-out}.dashboard .action-menu.fullscreen{width:100%;max-width:100%;right:0;left:0;top:0;bottom:0}.dashboard .action-menu.active .close,.dashboard .action-menu.active .form{opacity:1}.dashboard .action-menu .close{padding:1rem;position:absolute;top:1rem;right:1rem;opacity:0}.dashboard .action-menu .form{width:100%;height:100%;opacity:0;display:flex;flex-direction:column;flex-shrink:0;justify-content:flex-start;align-items:center;overflow:hidden;overflow-y:auto;padding:1rem 3rem}.dashboard .action-menu .form .title{font-size:1.5rem;font-weight:700;align-self:flex-start;margin-bottom:2rem}.dashboard .action-menu .form .submit{align-self:flex-end;line-height:3rem;padding:0 2rem;color:#fff;background-color:#000;z-index:1;margin-bottom:1rem}.tickets-dashboard .button.ticket-header__qr-code{padding:0 .5rem;margin:0 .5rem}.tickets-dashboard .ticket-header{margin-bottom:1rem}.tickets-dashboard .analytic{height:12rem;margin-bottom:2rem;display:flex;overflow-x:auto;-ms-scroll-snap-type:x mandatory;scroll-snap-type:x mandatory}.tickets-dashboard .analytic .analytic-item{cursor:pointer;flex:1;background-color:#fff;border-radius:4px;margin:1rem;padding:1rem;display:flex;border-bottom:8px solid transparent;transition:border-color .2s ease-in-out;min-width:20rem;scroll-snap-align:center}.tickets-dashboard .analytic .analytic-item:hover{background-color:#f0f0f0}.tickets-dashboard .analytic .analytic-item.active{border-bottom:8px solid #177899}.tickets-dashboard .analytic .analytic-item:first-child{margin-left:0}.tickets-dashboard .analytic .analytic-item:last-child{margin-right:0}.tickets-dashboard .analytic .analytic-item .analytic-info{display:flex;flex-direction:column;justify-content:space-evenly}.tickets-dashboard .analytic .analytic-item .analytic-info .analytic-info-title{color:#676767}.tickets-dashboard .analytic .analytic-item .analytic-info .analytic-info-value{color:#676767;font-weight:700}.tickets-dashboard .analytic .ticket-donut-chart{margin-right:1rem}.tickets-dashboard .analytic--error{flex-direction:column}.tickets-dashboard .analytic--error,.tickets-dashboard .analytic--loading{height:12rem;margin-bottom:2rem;display:flex;justify-content:center;align-items:center;padding:1rem;border-radius:.25rem}.tickets-dashboard .violator-thumbnail-wrapper{max-width:200px;max-height:200px;min-width:200px;min-height:200px}.tickets-dashboard .violator-thumbnail-wrapper .violator-thumbnail{height:100%;width:100%;overflow:hidden}.tickets-dashboard .multiselect-action{display:flex;flex-direction:row;align-items:center;justify-content:space-between;width:100%;margin:3rem 5rem}.tickets-dashboard .multiselect-action .delete{font-size:1rem;margin:0 2rem;padding:.5rem 2rem;background-color:#ed8f21;border-radius:.25rem;border:none;color:#fff;font-weight:700}.tickets-dashboard .multiselect-action .select-counts{font-size:1.4rem;font-weight:700;color:#fff}.tickets-dashboard .btn.close{background-color:transparent;color:#ed8f21}.tickets-dashboard .btn.close ion-icon{font-size:2rem}.tickets-dashboard .action-menu .select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;background-position-x:0;background-position-y:0;background-repeat:repeat;background-image:none;background-image:url("data:image/svg+xml;utf8,<svg fill='black' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>");background-repeat:no-repeat;background-position-x:100%;background-position-y:5px;box-sizing:border-box}.tickets-dashboard .action-menu .input{border:1px solid #d8d8d8}.tickets-dashboard .action-menu .input:disabled{cursor:not-allowed;background-color:transparent;color:#676767}.tickets-dashboard .ticket-listing .ticket-price{color:#36cd7a}.tickets-dashboard .ticket-listing .ticket-point{color:#ff0101}.tickets-dashboard .tab-bar-component .left .item.tab-bar__tab__unpaid{order:-1}.laws-dashboard__overlay-wrapper{width:100%;height:100%;position:relative}.dashboard.laws-dashboard{padding:1rem;background-color:#f5f5f5;display:flex;flex-direction:column;overflow-y:auto}.dashboard.laws-dashboard .select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;background-position-x:0;background-position-y:0;background-repeat:repeat;background-image:none;background-image:url("data:image/svg+xml;utf8,<svg fill='black' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>");background-repeat:no-repeat;background-position-x:100%;background-position-y:5px;box-sizing:border-box;border:1px solid #b5b5b5}.dashboard.laws-dashboard .select:hover,.dashboard.laws-dashboard .text-area:hover{border:1px solid #177899}.dashboard.laws-dashboard .card{background-color:#fff;border-radius:4px;transition:background-color .3s ease,box-shadow .32s linear,color .32s linear}.dashboard.laws-dashboard .card.interactive{cursor:pointer}.dashboard.laws-dashboard .card.interactive:hover{background-color:#f0f0f0}.dashboard.laws-dashboard .input{border:1px solid #d8d8d8}.dashboard.laws-dashboard .input:hover{border:1px solid #177899}.dashboard.laws-dashboard .input:disabled{cursor:not-allowed;background-color:transparent;color:#676767}.dashboard.laws-dashboard .laws-dashboard__body{display:flex;flex-direction:row}@media (max-width:768px){.dashboard.laws-dashboard .laws-dashboard__body{flex-direction:column-reverse}}.dashboard.laws-dashboard .laws-dashboard__body .laws-dashboard__main{height:100%;flex:3}.dashboard.laws-dashboard .laws-dashboard__body .laws-dashboard__main .laws-dashboard__body__chapter-tab{padding:1rem}.dashboard.laws-dashboard .laws-dashboard__body .laws-dashboard__revisions{flex:1;margin:0 1rem}@media (max-width:768px){.dashboard.laws-dashboard .laws-dashboard__body .laws-dashboard__revisions{margin:1rem 0;margin-bottom:2rem}}.dashboard.laws-dashboard .laws-dashboard__body .laws-dashboard__revisions .revisions-list .revisions-list-title{font-size:1rem;font-weight:700;padding:1rem 2rem;border-bottom:1px solid #f8f9fb}.dashboard.laws-dashboard .laws-dashboard__body .laws-dashboard__revisions .revisions-list .revisions-list-item{display:flex;flex-direction:column;padding:1rem 2rem;font-size:1rem;font-weight:700;list-style-type:none;color:#676767}.dashboard.laws-dashboard .laws-dashboard__body .laws-dashboard__revisions .revisions-list .revisions-list-item .revisions-status{padding:1rem 0;font-size:.9rem;font-weight:400}.dashboard.laws-dashboard .laws-dashboard__body .laws-dashboard__revisions .revisions-list .revisions-list-item .revisions-status:before{content:"";width:10px;height:10px;background-color:#131313;margin-right:.5rem;display:inline-block;border-radius:100%}.dashboard.laws-dashboard .loading-overlay{z-index:99;position:fixed;top:0;left:0;right:0;bottom:0;width:100%;height:100%;background-color:rgba(0,0,0,.611764705882353)}.dashboard.laws-dashboard .title-bar{display:flex;flex-direction:row;justify-content:space-between;align-items:center;margin:2rem 0}.dashboard.laws-dashboard .title-bar h1{font-size:2rem}.dashboard.laws-dashboard .title-bar .laws-dashboard__toggle-mode{width:20%;height:3.5rem;display:flex;flex-direction:row}.dashboard.laws-dashboard .title-bar .laws-dashboard__toggle-mode .v-toggle-buttons__option{display:flex;align-items:center;justify-content:center;padding:0;margin:0;color:#000;background-color:transparent;border:none;flex:1;border:1px solid #d8d8d8;border-radius:0}.dashboard.laws-dashboard .title-bar .laws-dashboard__toggle-mode .v-toggle-buttons__option:hover{background-color:#f8f9fb}.dashboard.laws-dashboard .title-bar .laws-dashboard__toggle-mode .v-toggle-buttons__option.selected:hover{color:#36cd7a}.dashboard.laws-dashboard .title-bar .laws-dashboard__toggle-mode .v-toggle-buttons__option:first-child{border-top-left-radius:25px;border-bottom-left-radius:25px}.dashboard.laws-dashboard .title-bar .laws-dashboard__toggle-mode .v-toggle-buttons__option:last-child{border-top-right-radius:25px;border-bottom-right-radius:25px}.dashboard.laws-dashboard .title-bar .laws-dashboard__toggle-mode .v-toggle-buttons__option.selected{background-color:#36cd7a;color:#fff;border:1px solid #36cd7a}.dashboard.laws-dashboard .title-bar .laws-dashboard__toggle-mode .v-toggle-buttons__option.selected:hover{background-color:#369460;color:#fff}.dashboard.laws-dashboard .chapter-create-btn{padding:.5rem 2rem;width:5rem;background-color:#d8d8d8;border-radius:4px;display:flex;align-items:center;justify-content:center;cursor:pointer}.dashboard.laws-dashboard .chapter-create-btn:hover{background-color:#bfbfbf}.dashboard.laws-dashboard .modal-footer .btn{margin:0 .25rem;padding:0 1rem}.dashboard.laws-dashboard .parts-ctn{display:flex;flex-direction:column}.dashboard.laws-dashboard .add-new-part{width:100%;height:5rem;background-color:#fdfdfd;border:1px solid #eee;display:flex;align-items:center;justify-content:center}.dashboard.laws-dashboard .add-new-part .icon{color:#177899;margin-right:.5rem}.dashboard.laws-dashboard .add-new-part .icon ion-icon{font-size:1.5rem}.dashboard.laws-dashboard .add-new-part:hover{background-color:#e7e6e6}.dashboard.laws-dashboard .new-part{margin-bottom:10rem}.dashboard.laws-dashboard .new-chapter{padding-bottom:2.5rem}.dashboard.laws-dashboard .alphabet-select{padding:.5rem;padding-right:2rem}.dashboard.laws-dashboard .action-row{display:flex;flex-direction:row;justify-content:flex-end}.dashboard.laws-dashboard .action-row .btn{padding:0 3rem}.dashboard.laws-dashboard .action-row .btn.cancel{margin-right:.5rem}.dashboard.laws-dashboard .action-row .add-unit{width:100%}.dashboard.laws-dashboard .create-part-name{padding:1rem;color:#000;font-size:1rem;font-weight:700;font-size:1.2rem;background-color:transparent;border-radius:4px;width:100%;height:80%;border-color:#d8d8d8}.dashboard.laws-dashboard .create-part-name ::-moz-placeholder{color:#000}.dashboard.laws-dashboard .create-part-name :-ms-input-placeholder{color:#000}.dashboard.laws-dashboard .create-part-name ::placeholder{color:#000}.dashboard.laws-dashboard .chapter-actions{height:5rem;display:flex;width:100%;flex:1 1 auto;align-items:center}.dashboard.laws-dashboard .chapter-actions .chapter-btn{display:flex;align-items:center;justify-content:center;flex:1;padding:1rem;border-radius:.5rem;border:none;background-color:#fff}.dashboard.laws-dashboard .chapter-actions .chapter-btn .icon{margin-right:.5rem}.dashboard.laws-dashboard .chapter-actions .chapter-btn:hover{background-color:#f9f9f9}.dashboard.laws-dashboard .chapter-actions .chapter-btn.chapter-delete{color:#dc3545}.dashboard.laws-dashboard .chapter-actions .chapter-btn.chapter-change-name{color:#177899}.dashboard.laws-dashboard .create-unit-cta{width:100%;background-color:#177899;color:#fff;margin:1rem}.dashboard.laws-dashboard .add-unit{flex-wrap:wrap}.laws-dashboard .btn{height:2.5rem;background-color:transparent;line-height:2.5rem;text-align:center;border-radius:.25rem}.laws-dashboard .btn.save{padding:0 1rem;color:#177899;border:1px solid #177899}.laws-dashboard .btn.save:hover{background-color:#177899;color:#fff}.laws-dashboard .btn.delete{color:#ed8f21;border:1px solid #ed8f21;padding:0 1rem;background-color:transparent}.laws-dashboard .btn.delete:hover{background-color:#ed8f21;color:#fff}.laws-dashboard .btn.close{width:2.5rem;background-color:transparent;color:#ed8f21}.laws-dashboard .btn.close ion-icon{font-size:1.5rem}.laws-dashboard .btn.close:hover{background-color:#ed8f21;color:#fff}.laws-dashboard .btn.add{width:2.5rem;background-color:transparent;color:#177899}.laws-dashboard .btn.add ion-icon{font-size:1.5rem}.laws-dashboard .btn.add:hover{background-color:#177899;color:#fff}.laws-dashboard .btn.create{padding:0 1rem}.laws-dashboard .part-component{transition:max-height .2s ease-out;overflow:hidden}.laws-dashboard .part-component>*{padding:0 1rem}.laws-dashboard .part-component .title-row{position:relative;width:100%;height:4rem;display:flex;flex-direction:row;align-items:center;justify-content:space-between;border-bottom:1px solid #eee;background-color:#f8f9fb;color:#676767}.laws-dashboard .part-component .title-row .group .delete{margin-right:.5rem}.laws-dashboard .part-component .title-row .title{font-weight:700;font-size:1.2rem;cursor:pointer;display:flex;justify-content:center;align-items:center}.laws-dashboard .part-component .title-row .title ion-icon{padding-right:.5rem}.laws-dashboard .part-component .part-content{padding-top:2rem;padding-bottom:2rem;transition:all .1s ease-in-out;height:auto}.laws-dashboard .part-component .part-content.collapsed{padding-top:0;padding-bottom:0;height:0}.laws-dashboard .part-component .part-content .unit{border-bottom:1px solid #eee;margin-bottom:1rem;padding:1rem 0;display:flex;flex-direction:row}.laws-dashboard .part-component .part-content .unit .unit-body{flex:1}.laws-dashboard .part-component .part-content .unit .description-row{height:8rem;display:flex;flex-direction:row;line-height:2rem;margin-bottom:1rem}.laws-dashboard .part-component .part-content .unit .description-row .description-input{resize:none}.laws-dashboard .part-component .part-content .unit .description-row .input{flex-grow:1;height:100%;padding:.5rem 1rem;margin:0 1rem}.laws-dashboard .part-component .part-content .unit .description-row .actions{display:flex;flex-direction:row}.laws-dashboard .part-component .part-content .unit .description-row .actions .btn{width:2.5rem;height:2.5rem;text-align:center;font-weight:700;margin-left:1rem;padding:0}.laws-dashboard .part-component .part-content .unit .description-row .actions .btn:first-child{margin-right:.25rem}.laws-dashboard .part-component .part-content .unit .description-row .actions .btn:last-child{margin-left:.25rem}.laws-dashboard .part-component .part-content .unit .description-row .actions .btn.add{border:1px solid #177899}.laws-dashboard .part-component .part-content .unit .description-row .actions .btn.add ion-icon{font-size:1rem}.laws-dashboard .part-component .part-content .unit .thumbnail-row{margin:0 1rem}.laws-dashboard .part-component .part-content .unit .thumbnail-row .thumbnail{position:relative;overflow:hidden;max-width:250px;max-height:250px;min-width:250px;min-height:250px;background-color:#d8d8d8}.laws-dashboard .part-component .part-content .unit .thumbnail-row .thumbnail .thumbnail-img{overflow:hidden;width:100%;height:100%}.laws-dashboard .part-component .part-content .unit .thumbnail-row .thumbnail .thumbnail-actions{display:none;justify-content:center;align-items:center;position:absolute;background-color:transparent;top:0;bottom:0;right:0;left:0}.laws-dashboard .part-component .part-content .unit .thumbnail-row .thumbnail .thumbnail-actions .file-picker{display:none}.laws-dashboard .part-component .part-content .unit .thumbnail-row .thumbnail .thumbnail-actions .edit{font-size:.9rem;padding:0 1rem;color:#fff;background-color:#177899}.laws-dashboard .part-component .part-content .unit .thumbnail-row .thumbnail .thumbnail-actions .edit:hover{color:#fff;background-color:#0f5268}.laws-dashboard .part-component .part-content .unit .thumbnail-row .thumbnail:hover .thumbnail-actions{display:flex;justify-content:center;align-items:center;position:absolute;background-color:rgba(0,0,0,.3843137254901961)}.laws-dashboard .part-component .part-content .unit .thumbnail-row .thumbnail:hover .thumbnail-actions .delete{color:#fff;background-color:#ed8f21;margin:0 1rem}.laws-dashboard .part-component .part-content .unit .thumbnail-row .thumbnail:hover .thumbnail-actions .delete:hover{color:#fff;background-color:#c44034}.laws-dashboard .part-component .part-content .unit .vehicle-types{margin-bottom:1rem}.laws-dashboard .part-component .part-content .unit .vehicle-types .type{display:flex;flex-direction:row;margin-bottom:1rem}.laws-dashboard .part-component .part-content .unit .vehicle-types .type>*+*{margin-left:1rem}.laws-dashboard .part-component .part-content .unit .vehicle-types .type .btn{height:2.5rem;border-radius:.25rem;margin-top:2rem;line-height:2.5rem;text-align:center}.laws-dashboard .part-component .part-content .unit .vehicle-types .type .btn.add,.laws-dashboard .part-component .part-content .unit .vehicle-types .type .btn.close{display:flex;align-items:center;justify-content:center}.laws-dashboard .part-component .part-content .unit .vehicle-types .type .input-group{flex-grow:1}.laws-dashboard .part-component .part-content .unit .vehicle-types .type .input-group .label{font-weight:700;line-height:2rem}.laws-dashboard .part-component .part-content .unit .vehicle-types .type .input-group input{width:100%;line-height:2.5rem;padding:0 1rem}.laws-dashboard .part-component .part-content .unit .vehicle-types .type .input-group select{width:100%;height:2.5rem;padding:0 1rem}.laws-dashboard .part-component .part-content .unit .vehicle-types .type .input-group .input-changed,.laws-dashboard .part-component .part-content .unit .vehicle-types .type .input-group .select-changed{border-color:#177899}.users-dashboard .user-header{display:flex;align-content:flex-start;align-items:center;justify-content:flex-start;align-self:stretch;padding:1rem 0;padding-bottom:2.5rem;margin-bottom:1.5rem;border-bottom:1px solid #e9e9e9}.users-dashboard .user-header .image-input label{width:5rem;height:5rem}.users-dashboard .user-header .user-header__body{flex:1;display:flex;flex-wrap:wrap;flex-direction:row;height:100%}.users-dashboard .user-header .user-header__body .user-header__main{flex:1;display:flex;flex-direction:column;justify-content:space-evenly;margin:0 1.5rem}.users-dashboard .user-header .user-header__body .user-header__main .form-item-component{margin:0}.users-dashboard .user-header .user-header__body .user-header__main input{height:2rem;max-width:15rem;font-weight:700}.users-dashboard .user-header .user-header__body .user-header__main select{height:1.5rem;max-width:15rem}.users-dashboard .user-header .user-header__body .user-header__main .user-header__position{color:#676767;display:flex;align-items:center}.users-dashboard .user-header .user-header__body .user-header__main .user-header__position .role-orb{display:block;background-color:#676767;width:16px;height:16px;border-radius:100%;margin-right:.5rem}.users-dashboard .user-header .user-header__body .user-header__main .user-header__position .role-orb.su{background-color:#ff0101}.users-dashboard .user-header .user-header__body .user-header__main .user-header__position .role-orb.police{background-color:#177899}.users-dashboard .user-header .user-header__body .user-header__main .user-header__position .role-orb.admin{background-color:#36cd7a}.users-dashboard .user-header .user-header__body .user-header__main .user-header__position .role-orb.driver{background-color:#ffa213}.users-dashboard .user-header .user-header__body .user-header__actions{display:flex;align-items:center;align-self:flex-start}.users-dashboard .user-header .user-header__body .user-header__actions .user-header__actions__edit svg{width:1.5rem;height:1.5rem}.users-dashboard .user-header .user-header__body .user-header__actions .user-header__actions__item{margin:0 .5rem;padding:1rem;background-color:transparent;border:none;border-radius:100%}.users-dashboard .user-header .user-header__body .user-header__actions .user-header__actions__item:hover{background-color:#f8f9fb}.users-dashboard .user-header .user-header__body .user-header__actions .user-header__actions__item.active{background-color:#dbf4fc}.users-dashboard .user-header .user-header__body .user-header__actions .user-header__actions__item.active svg{fill:#177899}.users-dashboard .user-image{display:flex;justify-content:center}.users-dashboard .user-image .image{background-repeat:no-repeat;background-size:contain;background-color:#aaa;background-position:50%;width:10rem;height:10rem;border-radius:5rem}.users-dashboard .form-item-component{flex-shrink:0}.users-dashboard .user-sidebar__edit-form,.users-dashboard .user-sidebar__view-form{width:100%;margin-bottom:1rem}.users-dashboard .user-sidebar__view-form .fields{display:flex;width:100%;margin:1rem 0}.users-dashboard .user-sidebar__view-form .fields .label{display:block;min-width:20%;color:#676767}.users-dashboard .user-sidebar__view-form .fields .value{width:100%;font-weight:700}.violator-dashboard .user-image{display:flex;justify-content:center}.violator-dashboard .user-image .image{background-repeat:no-repeat;background-size:contain;background-color:#aaa;background-position:50%;width:10rem;height:10rem;border-radius:5rem}.violator-dashboard .violator-search-image-modal .violator-search-image-result{width:100%;height:100%}.violator-dashboard .search-by-image{width:200px;stroke:#676767;color:#676767;margin-right:1rem;margin-bottom:1rem;cursor:pointer;display:flex}.violator-dashboard .search-by-image .search-by-image__picker{display:none}.violator-dashboard .search-by-image .icon{margin-right:.5rem}.violator-dashboard .violator-info{width:100%;flex-direction:column;margin-top:1rem}.violator-dashboard .violator-info .row{border-bottom:1px solid #aaa;padding:1rem 0;align-items:center}.violator-dashboard .violator-info .row:first-child{border-top:1px solid #aaa}.violator-dashboard .violator-info .row .label{width:8rem;line-height:2rem}.violator-dashboard .violator-info .row .value{line-height:2rem;flex:1}.user-detail .card{margin:.5rem}.user-detail .title-bar__back{width:2.5rem;height:2.5rem;margin-right:.5rem;margin-left:.5rem}.user-detail .content .title-bar{justify-content:flex-start;padding-bottom:0;margin-bottom:0}.user-detail .user-detail__body{display:flex;flex-direction:row}.user-detail .user-detail__body .user-detail__body__left{flex-basis:25rem}.user-detail .user-detail__body .user-detail__body__left .user-detail__profile{display:flex;flex-direction:column}.user-detail .user-detail__body .user-detail__body__left .user-detail__profile .user-detail__profile__body{display:flex}.user-detail .user-detail__body .user-detail__body__left .user-detail__profile .user-detail__profile__body .image-input{align-items:flex-start;margin-right:1rem}.user-detail .user-detail__body .user-detail__body__left .user-detail__profile .user-detail__profile__body .image-input .image-selector{width:6rem;height:6rem}.user-detail .user-detail__body .user-detail__body__left .user-detail__profile .user-detail__profile__body .user-detail__profile__info{display:flex;flex-basis:100%;flex-direction:column;align-items:flex-start;justify-content:flex-start}.user-detail .user-detail__body .user-detail__body__left .user-detail__profile .user-detail__profile__body .user-detail__profile__avatar{width:8rem;height:8rem;padding:.25rem;border-radius:100%;border:2px solid #177899;margin-right:1rem;position:relative}.user-detail .user-detail__body .user-detail__body__left .user-detail__profile .user-detail__profile__body .user-detail__profile__created-at,.user-detail .user-detail__body .user-detail__body__left .user-detail__profile .user-detail__profile__body .user-detail__profile__name,.user-detail .user-detail__body .user-detail__body__left .user-detail__profile .user-detail__profile__body .user-detail__profile__name--edit,.user-detail .user-detail__body .user-detail__body__left .user-detail__profile .user-detail__profile__body .user-detail__profile__position--edit,.user-detail .user-detail__body .user-detail__body__left .user-detail__profile .user-detail__profile__body .user-detail__profile__role{margin-bottom:.25rem}.user-detail .user-detail__body .user-detail__body__left .user-detail__profile .user-detail__profile__body .user-detail__profile__position--edit{padding:.8rem;border:none;width:100%;height:3rem;font-size:1rem;border:1px solid #e2e2e2;background-color:#f6f6f6;border-radius:4px;transition:.35s ease-in-out;color:#797979}.user-detail .user-detail__body .user-detail__body__left .user-detail__profile .user-detail__profile__body .user-detail__profile__position--edit ::-moz-placeholder{color:#797979}.user-detail .user-detail__body .user-detail__body__left .user-detail__profile .user-detail__profile__body .user-detail__profile__position--edit :-ms-input-placeholder{color:#797979}.user-detail .user-detail__body .user-detail__body__left .user-detail__profile .user-detail__profile__body .user-detail__profile__position--edit ::placeholder{color:#797979}.user-detail .user-detail__body .user-detail__body__left .user-detail__profile .user-detail__profile__body .user-detail__profile__position--edit:focus{border-color:#000}.user-detail .user-detail__body .user-detail__body__left .user-detail__profile .user-detail__profile__body .user-detail__profile__buttons{display:flex;flex:1;flex-direction:row;align-items:flex-end;justify-content:flex-end;width:100%}.user-detail .user-detail__body .user-detail__body__left .user-detail__profile .user-detail__profile__body .user-detail__profile__buttons .user-detail__profile__cancel,.user-detail .user-detail__body .user-detail__body__left .user-detail__profile .user-detail__profile__body .user-detail__profile__buttons .user-detail__profile__save{padding-top:.5rem;padding-bottom:.5rem;margin-top:1rem;margin-left:.5rem}.user-detail .user-detail__body .user-detail__body__left .user-detail__profile .user-detail__profile__header{display:flex;flex-direction:row;align-items:center;justify-content:space-between;margin-bottom:1rem}.user-detail .user-detail__body .user-detail__body__left .user-detail__personal-information .user-detail__personal-information__header{margin-bottom:.5rem}.user-detail .user-detail__body .user-detail__body__left .user-detail__personal-information .user-detail__personal-information__body{display:grid;grid-template-columns:1fr 1.5fr;grid-gap:5px}.user-detail .user-detail__body .user-detail__body__left .user-detail__personal-information .user-detail__personal-information__body .label,.user-detail .user-detail__body .user-detail__body__left .user-detail__personal-information .user-detail__personal-information__body .value{margin-bottom:.5rem}.user-detail .user-detail__body .user-detail__body__left .user-detail__personal-information .user-detail__personal-information__body .label{font-weight:700}.user-detail .user-detail__body .user-detail__body__left .user-detail__squad .user-detail__squad__header{margin-bottom:.5rem}.user-detail .user-detail__body .user-detail__body__left .user-detail__squad .user-detail__squad__listing{margin:-1rem}.user-detail .user-detail__body .user-detail__body__left .user-detail__squad .user-detail__squad__listing--empty{text-align:center;padding:1rem}.user-detail .user-detail__body .user-detail__body__right{flex-basis:65%}.user-detail .user-detail__body .user-detail__body__right .user-detail__performance-cards{display:flex;flex-direction:row}.user-detail .user-detail__body .user-detail__body__right .user-detail__performance-cards .performance-card{flex-basis:calc(33.33333% - 1rem);display:flex;flex-direction:row}.user-detail .user-detail__body .user-detail__body__right .user-detail__performance-cards .performance-card .performance-card__info{flex-basis:70%;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-around}.user-detail .user-detail__body .user-detail__body__right .user-detail__performance-cards .performance-card .performance-card__info .label{font-weight:700}.user-detail .user-detail__body .user-detail__body__right .user-detail__performance-cards .performance-card .performance-card__info .value{font-weight:700;font-size:1.2rem}.user-detail .user-detail__body .user-detail__body__right .user-detail__performance-cards .performance-card .performance-card__icon{width:5rem;height:auto;border-radius:4px;display:flex;background-color:rgba(23,120,153,.2);align-items:center;justify-content:center}.user-detail .user-detail__body .user-detail__body__right .user-detail__performance-cards .performance-card .performance-card__icon svg{stroke:#177899;transform:scale(.8)}.user-detail .user-detail__body .user-detail__body__right .user-detail__performance-cards .performance-card .performance-card__icon.paid{background-color:rgba(54,205,122,.2)}.user-detail .user-detail__body .user-detail__body__right .user-detail__performance-cards .performance-card .performance-card__icon.paid svg{stroke:#36cd7a}.user-detail .user-detail__body .user-detail__body__right .user-detail__performance-cards .performance-card .performance-card__icon.unpaid{background-color:rgba(255,1,1,.2)}.user-detail .user-detail__body .user-detail__body__right .user-detail__performance-cards .performance-card .performance-card__icon.unpaid svg{stroke:#ff0101}.user-detail .user-detail__body .user-detail__body__right .user-detail__performance-cards .performance-card .performance-card__icon.all{background-color:rgba(23,120,153,.2)}.user-detail .user-detail__body .user-detail__body__right .user-detail__performance-cards .performance-card .performance-card__icon.all svg{stroke:#177899}.user-detail__permissions .permissions{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}.user-detail__permissions .permissions .permission__item{display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;width:100%;margin:.5rem;border-radius:4px}.user-detail__permissions .permissions .permission__item .permission__actions{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;padding:.5rem 0;flex-wrap:wrap}.user-detail__permissions .permissions .permission__item .permission__actions .permission__action{border:1px solid #e9e9e9;color:#676767;padding:.5rem;margin:.25rem;border-radius:4px;background-color:#f8f9fb;font-weight:700}.user-create .user-create__form__role__toggle-buttons{overflow-x:scroll;white-space:nowrap;flex-wrap:wrap}.user-create .user-create__body .user-create__header{margin:1rem 0}.user-create .user-create__body .user-create__form{display:flex;flex-direction:column;margin:1rem 0;margin-bottom:1.5rem;padding:2rem 1rem;border:1px solid #e9e9e9;border-radius:4px}.user-create .user-create__body .user-create__form .user-create__form-heading{flex-basis:100%;margin:.5rem}.user-create .user-create__body .user-create__form .user-create__form__dob,.user-create .user-create__body .user-create__form .user-create__form__name,.user-create .user-create__body .user-create__form .user-create__form__name-alt,.user-create .user-create__body .user-create__form .user-create__form__nationality{display:flex;flex-direction:row;align-items:flex-end;flex-wrap:wrap}.user-create .user-create__body .user-create__form .user-create__form__dob .v-input,.user-create .user-create__body .user-create__form .user-create__form__name-alt .v-input,.user-create .user-create__body .user-create__form .user-create__form__name .v-input,.user-create .user-create__body .user-create__form .user-create__form__nationality .v-input{flex-basis:25%}.user-create .user-create__body .user-create__form .user-create__form__dob #is-foreigner,.user-create .user-create__body .user-create__form .user-create__form__name #is-foreigner,.user-create .user-create__body .user-create__form .user-create__form__name-alt #is-foreigner,.user-create .user-create__body .user-create__form .user-create__form__nationality #is-foreigner{margin-left:.5rem}.user-create .user-create__body .user-create__form .v-input{margin:.5rem;max-width:800px}.user-create .user-create__body .user-create__form .user-create__form-header{display:flex;flex-direction:row;justify-content:space-between;align-items:center}.user-create .user-create__body .user-create__form .user-create__form-header .user-create__horizontal-separator{background-color:#d8d8d8;flex:1;margin:2rem;height:2px;border-radius:20px}.user-create .user-create__actions{display:flex;align-items:center;justify-content:center;margin:1rem 0;padding:1rem 0;padding-bottom:3rem}.user-create .user-create__actions .button{margin-left:.5rem;margin-right:.5rem}.user-create .user-create__actions .user-create__clear-btn{margin-right:auto}.user-create .user-create__clear-btn .icon{margin-right:.5rem}.ticket-detail{position:relative}.ticket-detail .interactive{cursor:pointer}.ticket-detail .interactive:hover{background-color:#e9e9e9}.ticket-detail table{border-collapse:collapse}.ticket-detail table,.ticket-detail table td,.ticket-detail table th{border:1px solid #d8d8d8;padding:.5rem}.ticket-detail table th{text-align:left;line-height:3.5rem}.ticket-detail table .has-image{display:flex;flex-direction:row;align-items:center}.ticket-detail table .thumbnail{max-width:3rem;max-height:3rem;margin-right:1rem}.ticket-detail table .thumbnail img{width:100%;height:100%}.ticket-detail .ticket-detail__body .ticket-detail__body__header{display:flex;flex-direction:row;align-items:center;justify-content:space-between}.ticket-detail .ticket-detail__body .ticket-detail__body__header .ticket-detial__body__header__title{display:flex;flex-direction:row;align-items:center}.ticket-detail .ticket-detail__body .ticket-detail__body__header .ticket-detial__body__header__title img{width:4rem;height:4rem;margin-right:1rem}.ticket-detail .ticket-detail__body .ticket-detail__body__header .ticket-detial__body__header__id .label{margin-right:1rem}.ticket-detail .ticket-detail__body .ticket-detail__body__header .ticket-detial__body__header__id .value{font-weight:bolder;font-size:1.2rem}.ticket-detail h4{margin-bottom:1rem}.ticket-detail section{width:100%;display:flex;flex-direction:column;flex-shrink:0}.ticket-detail section:after{content:"";display:block;height:1px;width:100%;background-color:#e9e9e9;margin:1rem 0}.ticket-detail section:last-child{padding-bottom:15rem}.ticket-detail .label{font-weight:400;font-size:1rem;color:#676767}.ticket-detail .value{font-size:1rem;font-weight:700}.ticket-detail .section-item{display:flex;flex-direction:row;align-items:center;min-height:1.5rem;margin:.5rem 0;justify-content:space-between}.ticket-detail .section-item.ticket-info{justify-content:space-around}.ticket-detail .overview-section .ticket-created-at{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;height:4rem;flex:1;padding:0 12.5%}.ticket-detail .overview-section .ticket-created-at .value{font-size:1rem}.ticket-detail .overview-section .ticket-created-at .label{margin-bottom:.5rem}.ticket-detail .overview-section .ticket-status{display:block;padding:1rem;min-width:8rem;color:#fff;border-radius:5px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;text-align:center;margin-left:auto}.ticket-detail .regulation-thumb{display:flex;align-items:center}.ticket-detail .regulation-section .ticket-detail__section__total{border:none}.ticket-detail .regulation-section .ticket-detail__section__total .ticket-detail__section__total__label{text-align:end;border-right:1px solid #d8d8d8}.ticket-detail .regulation-section .ticket-detail__section__total td{font-weight:bolder;border:none}.ticket-detail .police-section .police-card{text-align:left;border-collapse:collapse}.ticket-detail .police-section .police-card td:last-child,.ticket-detail .police-section .police-card th:last-child{text-align:right}.ticket-detail .police-section .police-card,.ticket-detail .police-section .police-card td,.ticket-detail .police-section .police-card th{padding:.5rem}.ticket-detail .police-section .police-card th{line-height:3.5rem}.ticket-detail .police-section .police-card h4{margin-right:auto}.ticket-detail .police-section .police-card .police-info{display:flex;flex-direction:column}.ticket-detail .police-section .police-card .police-thumb{max-width:3rem;max-height:3rem;display:flex;align-items:center}.ticket-detail .police-section .police-card .police-thumb .police-thumb-img{margin-right:1rem;width:100%;height:100%;border-radius:100%}.ticket-detail .violator-section .violator-thumb{align-self:flex-start;max-width:3rem;max-height:3rem;margin-right:1rem}.ticket-detail .violator-section .violator-thumb .violator-thumb-img{width:100%;height:100%;border-radius:100%}.ticket-detail .violator-section .violator-info-wrapper{display:flex;flex-direction:row;align-items:center;justify-content:space-between}.ticket-detail .violator-section .violator-info-wrapper .violator-info{flex:1;display:flex;flex-direction:column;align-items:stretch;justify-content:space-around}.ticket-detail .violator-section .violator-info-wrapper .violator-info .violator-phone-number{white-space:nowrap;text-overflow:ellipsis}.ticket-detail .violator-section .violator-info-wrapper .violator-info .violator-info-item{min-height:2rem;display:flex;align-items:center;margin:.25rem 0;justify-content:space-between}.ticket-detail .violator-section .violator-info-wrapper .violator-info .violator-name-row{display:flex;flex-direction:row;align-items:center}.ticket-detail .violator-section .violator-info-wrapper .violator-info .label{margin-right:1.5rem}.ticket-detail .map-section{width:100%;height:40rem;margin:1rem 0}.ticket-detail .map-section:after{display:none}.ticket-detail .action-menu{position:relative}.ticket-detail .floating-cta{position:absolute;bottom:0;width:100%;display:flex}.ticket-detail .floating-cta .pay{margin:1rem;height:4rem;width:100%;background-color:#36cd7a;color:#fff;letter-spacing:3px;font-size:1rem;font-weight:700;border:none;border-radius:5px}.ticket-detail .payment-modal-pay{display:flex;flex-direction:column}.ticket-detail .payment-modal-pay .label{padding:1rem 0}.ticket-detail .payment-modal-pay .input{padding:1rem}.ticket-detail .payment-modal-pay .input-wrapper{display:flex;flex-direction:column;position:relative}.ticket-detail .payment-modal-pay .input-wrapper span{position:absolute;display:block;bottom:1.2rem;right:1rem;width:1rem;height:1rem}.ticket-detail .payment-modal-change{display:flex;flex-direction:column;align-items:center;justify-content:space-between}.ticket-detail .payment-modal-change h1{margin-bottom:1rem}.ticket-detail .payment-modal-change h3{color:#676767}.payments .payment-methods{display:flex;flex-direction:column;flex-basis:33%;margin:1rem;padding:1rem;border:1px solid #ebecee;border-radius:4px;justify-content:space-between}.payments .payment-methods:first-child{margin-left:0}.payments .payment-methods:last-child{margin-right:0}.payments .payment-methods .payment-methods__thumb{margin-bottom:1rem;width:100%;height:auto}.payments .payment-methods .payment-methods__buttons{max-width:200px;max-height:4rem;margin-left:auto!important;margin-right:0!important;margin-top:auto}.payments .payment-methods h3{color:#0f5268;font-size:1.4rem;margin-bottom:1rem}.payments .face__result{height:100%;width:100%;overflow-y:auto}.payments .face__result .no-result{height:90%;display:flex;flex-direction:column;align-items:center;justify-content:center}.payments .face__result .face__result__list{margin:0;padding:1rem;list-style:none;display:flex;flex-direction:row;flex-wrap:wrap;background-color:#fff;width:100%}.payments .face__result .face__result__list .face__result__item{margin:.5rem 0;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;height:20rem;width:25%}.payments .face__result .face__result__list .face__result__item:hover{background-color:#f8f9fb}.payments .face__result .face__result__list .face__result__item .face__result__item__photo{max-width:180px;max-height:auto}.payments .face__result .face__result__list .face__result__item .face__result__item__photo.rounded{border-radius:100%}.payments .face__result .face__result__list .face__result__item .face__result__item__detail{display:flex;flex-direction:column;margin:0 1rem;margin-left:2rem}.payments .face__result .face__result__list .face__result__item .face__result__item__detail .item__name{font-size:1.2rem;font-weight:700}.payments .payments__body__search{width:100%;display:flex;align-items:center;justify-content:center}.payments .payments__body__search .search-bar{background-color:#fff;width:90%;display:flex;flex-direction:column;align-items:center;padding:2rem;margin:3rem}.payments .payments__body__search .search-bar .payment-search-bar{width:100%;margin-bottom:1rem}.payments .payments__body__search .search-bar .search-bar__toggle{margin:1rem}.payments .payments__body__search .search-bar h2{margin:1rem;font-size:2rem;font-weight:400}.payments .payments__body__search .search-bar .button{padding:1rem 3rem;margin:1rem;flex-basis:50%}.payments .payments__body__search .search-bar .ticket-header__qr-code svg{display:flex;align-items:center;margin-right:.5rem}.payments .payments__body__search .search-bar .search-bar__or{margin:1rem 0}.payments .other-options{display:flex;flex-direction:row;width:100%}.payment-checkout{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.payment-checkout .payment-summary__total{margin-top:1rem;text-align:end}.payment-checkout .payment-modal__summary{display:flex;flex-direction:column;align-items:flex-start;width:100%}.payment-checkout .payment-modal__summary>.summary{display:flex;flex-direction:row;align-items:flex-start;width:100%;justify-content:space-between;font-size:1.2rem;color:#676767;margin:.5rem 0}.payment-checkout .payments__actions{display:flex;flex-direction:row;align-items:center;margin:2rem}.payment-checkout .payment-btn{width:400px;margin:0 .5rem}.payment-checkout .payment-modal-pay{width:800px;display:flex;flex-direction:column;margin:1rem}.payment-checkout .payment-modal-pay .label{padding:1rem 0}.payment-checkout .payment-modal-pay .input{padding:1rem}.payment-checkout .payment-modal-pay .input-wrapper{display:flex;flex-direction:column;position:relative}.payment-checkout .payment-modal-pay .input-wrapper span{position:absolute;display:block;bottom:1.2rem;right:1rem;width:1rem;height:1rem}.payment-checkout .payment-modal-change{display:flex;flex-direction:column;align-items:center;justify-content:space-between;margin:2rem}.payment-checkout .payment-modal-change h1{margin-bottom:1rem}.payment-checkout .payment-modal-change h3{color:#676767}.payment-results .content{padding-top:0}.payment-results>.content>.title-bar{background-color:#fff;box-shadow:0 4px 4px 0 rgba(184,182,182,.173);border-radius:4px;justify-content:flex-start}.payment-results>.content>.title-bar svg{margin-right:.5rem}.payment-results>.content>.title-bar .payment-search-bar{flex-basis:95%;margin:auto}.payment-results .tickets-list{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:flex-start;margin:0 -1rem}.payment-results .tickets-list__header{display:flex;flex-direction:row;align-items:center;justify-content:center;width:100%}.payment-results .tickets-list__pay-all{margin-left:auto;font-size:.9rem;width:12rem}.payment-results .tickets-list__pay-all .icon{stroke:#676767;margin-right:.5rem}.payment-results .tickets-list__pay-all .icon.selected-all{stroke:#015997}.payment-results .tickets-list__tag{display:flex;flex-direction:row;margin:1rem;width:16rem}.payment-results .tickets-list__tag .tickets-list__tag__panel{display:flex;flex-direction:row;width:100%;padding:1rem 2rem;background-color:#fff;position:relative;align-items:center;justify-content:space-between;border:1px solid #e9e9e9;border-left:0;border-top-right-radius:4px;border-bottom-right-radius:4px}.payment-results .tickets-list__tag.ticket-status-paid .tickets-list__tag__indicator{background-color:#36cd7a;border-color:#36cd7a}.payment-results .tickets-list__tag.ticket-status-unpaid .tickets-list__tag__indicator{background-color:#ff5242;border-color:#ff5242}.payment-results .tickets-list__tag.ticket-status-overdue .tickets-list__tag__indicator{background-color:#c24747;border-color:#c24747}.payment-results .tickets-list__tag .tickets-list__tag__indicator{width:1rem;display:block;border:1px solid #e9e9e9;border-left:0;border-top-left-radius:4px;border-bottom-left-radius:4px}.payment-results .no-result{display:flex;flex-direction:column;align-items:center;justify-content:center;margin:2rem;height:30rem}.payment-results .no-result .no-result__actions .button{width:8rem}.payment-results .payment-component{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.payment-by-face__body{height:100%;width:100%;display:flex;flex-direction:row;align-items:flex-start;justify-content:center;position:relative}.payment-by-face__body li{width:100%}.payment-by-face__body .face__scanner{margin:auto;z-index:2}.payment-by-face__body .face_scanner__anim{z-index:2}.payment-by-face__body #video-element{z-index:-1;position:absolute;top:0;bottom:0;left:0;right:0;width:auto;height:100%;margin:auto}.payment-by-card__body{height:100%;width:100%;display:flex;flex-direction:row;align-items:flex-start;justify-content:center;position:relative}.payment-by-card__body li{width:100%}.payment-by-card__body .card_scanner{margin:auto;z-index:2}.payment-by-card__body .card_scanner .supported-documents__title{text-align:center}.payment-by-card__body .card_scanner__anim{z-index:2}.payment-by-card__body #video-element{z-index:-1;position:absolute;top:0;bottom:0;left:0;right:0;width:auto;height:100%;margin:auto}.payment-by-card__wrapper .modal-footer{height:150px;display:flex;align-items:center}.payment-by-card__wrapper .button{height:50px}.payment-by-card__wrapper .supported-documents{margin-right:auto;display:flex;flex-direction:row;align-items:center}.payment-by-card__wrapper .supported-documents .supported-documents__item{max-width:100px;max-height:40px;margin:1rem;text-align:center}.payment-by-card__wrapper .supported-documents .supported-documents__item img{border-radius:4px;height:100%;width:100%}.login-page .login-form{display:flex;flex-direction:column;width:100%}.login-page .login-backdrop{background-color:rgba(0,0,0,.20784313725490197);position:absolute;width:100%;height:100%;top:0;bottom:0;left:0;right:0;z-index:9}.login-page .login-page__footer{display:flex;flex-direction:column;align-items:center;justify-content:center}.login-page .login-page__footer .forgot-password{margin:1rem 0}.login-page .login-page__alternatives{display:flex;flex-direction:column;width:100%;align-items:center}.login-page .login-page__alternatives .login-page__otp{width:100%;margin-top:1rem}.login-page .login-page__alternatives .login-otp__button{width:100%;margin-bottom:1rem}.login-page .login-page__alternatives .login-otp__button .icon{stroke:#000;margin-right:1rem}.login-page .anim-wrapper{display:flex;flex-direction:column;align-items:center}.otp-login .login-page__alternatives{margin-top:2rem}.face-login .submit{width:100%}.face-login .login-form{margin:auto;width:640px;height:480px}.face-login .login-input{display:flex;align-items:center;justify-content:center;position:relative}.face-login .login-input .anim-wrapper{position:absolute;top:0;bottom:0;left:0;right:0;z-index:10}.unauthorized{height:100%;width:100%}.unauthorized .unauthorized__body{display:flex;height:100%;width:100%;flex-direction:column;position:relative}.unauthorized .unauthorized__body .unauthorized__description .title{color:#ffc107;font-size:5rem;font-weight:bolder}.unauthorized .unauthorized__body .unauthorized__body__image{position:absolute;bottom:0;right:0;width:50%;height:auto}.settings .flash-card{margin:.5rem 1rem}.settings.dashboard{height:100%}.settings .settings__body{display:flex;flex-direction:row}.settings .settings__body.card{padding:0;margin:0}.settings .settings__body .settings__body__master{flex:1}.settings .settings__body .settings__body__detail{flex:2;border-left:1px solid #e9e9e9}.settings .settings__body .settings__body__detail .settings-detail__title{padding:1rem;display:flex;flex-direction:row;align-items:center;justify-content:flex-start}.settings .settings__body .settings__body__detail .settings-detail__account{display:flex;flex-direction:row;margin:2rem}.settings .settings__body .settings__body__detail .settings-detail__account .account__info__field{display:flex;flex-direction:row;padding:.25rem 0}.settings .settings__body .settings__body__detail .settings-detail__account .account__info__field .icon{margin-right:1rem;stroke:#015997}.settings .settings__body .settings__body__detail .settings-detail__account .settings-detail__profile__avatar{width:8rem;height:8rem;margin-right:2rem}.settings .settings__body .settings__item{padding:1rem 2rem;cursor:pointer;display:flex;flex-direction:row}.settings .settings__body .settings__item .settings__item__icon{max-width:120px;max-height:auto;margin-right:2rem}.settings .settings__body .settings__item .settings__item__icon .icon{stroke:#015997}.settings .settings__body .settings__item .settings__item__info{width:100%;display:flex;flex-direction:column}.settings .settings__body .settings__item .settings__item__info .settings__item__title{font-weight:700}.settings .settings__body .settings__item .settings__item__info .settings__item__subtitle{color:#676767}.settings .settings__body .settings__item.sub-setting .settings__item__title{font-weight:400}.settings .settings__body .settings__item.active{background-color:#0f5268;color:#fff}.settings .settings__body .settings__item.active .icon{stroke:#fff}.settings .settings__body .settings__item.active .settings__item__subtitle{color:#fff}.settings .settings__body .settings__item.active:hover{background-color:#0f5268}.settings .settings__body .settings__item:hover{background-color:#f8f9fb}.settings .settings__body .settings__seperator{display:block;content:"";width:100%;margin:1rem 0;height:1px;border-radius:1px;background-color:#e9e9e9}.settings-action-list{list-style:none;margin:0;margin-top:1rem;padding:0;display:flex;flex-direction:column}.settings-action-list .settings-action-list__item{padding:1rem 2rem;display:flex;flex-direction:row;align-items:center;justify-content:space-between}.settings-action-list .settings-action-list__item .delete .icon{stroke:#ff0101}.settings-action-list .settings-action-list__item:nth-child(odd){background-color:#f8f9fb}.settings-action-list .settings-action-list__item.add{align-items:center;justify-content:center;cursor:pointer;background-color:transparent;border-radius:4px}.settings-action-list .settings-action-list__item.add:hover{background-color:#f8f9fb}.settings-action-list .settings-action-list__item.add .icon{margin-right:1rem;stroke:#36cd7a}.permission-settings .permissions{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}.permission-settings .permissions .permission__item{padding:0 1rem;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;width:100%;border:1px solid #e9e9e9;margin:.5rem;border-radius:4px}.permission-settings .permissions .permission__item .permission__actions{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;padding:.5rem 0;flex-wrap:wrap}.permission-settings .permissions .permission__item .permission__actions .permission__action{border:1px solid #e9e9e9;color:#676767;padding:.5rem;margin:.25rem;border-radius:4px}.secondary-home{height:100vh;width:100%;background:#1a47a2;background:radial-gradient(circle,#015997 20%,#222d65 90%);position:relative}.secondary-home,.secondary-home .banner{display:flex;align-items:center;justify-content:center}.secondary-home .banner{flex-direction:column}.secondary-home #screen{z-index:1;position:absolute;top:0;bottom:0;left:0;right:0;width:auto;height:80%;margin:auto}.secondary-home .card_scanner__anim{z-index:99}.secondary-home .banner__logo{width:24rem;height:24rem}.secondary-home .banner__title{margin-top:4rem;color:#fff}.secondary-home .checkout{width:80%;height:80%;display:flex;flex-direction:column;background-color:#fff;padding:2rem}.secondary-home .checkout .payment-summary__total{margin-top:1rem;text-align:end}.secondary-home .checkout .payment-modal__summary{display:flex;flex-direction:column;align-items:flex-start;width:100%}.secondary-home .checkout .payment-modal__summary>.summary{display:flex;flex-direction:row;align-items:flex-start;width:100%;justify-content:space-between;font-size:1.2rem;color:#676767;margin:.5rem 0}.secondary-home .checkout .label{padding:1rem 0}.secondary-home .checkout .input{padding:1rem}.secondary-home .checkout .input-wrapper{display:flex;flex-direction:column;position:relative;width:100%}.secondary-home .checkout .input-wrapper span{position:absolute;display:block;bottom:1.2rem;right:1rem;width:1rem;height:1rem}.secondary-home .banner .payment-modal-change{color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center}.secondary-home .banner .payment-modal-change h1,.secondary-home .banner .payment-modal-change h3{color:#fff}.secondary-home .banner .payment-modal-change h1{font-size:3rem}.secondary-home .banner .payment-modal-change h3{font-size:2rem;font-weight:700}.squad-detail .card{margin:.5rem}.squad-detail .title-bar__back{width:2.5rem;height:2.5rem;margin-right:.5rem;margin-left:.5rem}.squad-detail .content .title-bar{justify-content:flex-start;padding-bottom:0;margin-bottom:0}.squad-detail .squad-detail__body{display:flex;flex-direction:row}.squad-detail .squad-detail__body .squad-detail__body__left{flex-basis:35%}.squad-detail .squad-detail__body .squad-detail__body__left .squad-detail__actions{display:flex;flex-direction:row}.squad-detail .squad-detail__body .squad-detail__body__left .squad-detail__actions .squad-detail__actions__item{flex:1}.squad-detail .squad-detail__body .squad-detail__body__left .squad-detail__actions .squad-detail__actions__item:first-child{margin-right:.5rem}.squad-detail .squad-detail__body .squad-detail__body__left .squad-detail__profile{display:flex;flex-direction:column}.squad-detail .squad-detail__body .squad-detail__body__left .squad-detail__profile .squad-detail__profile__body{display:flex}.squad-detail .squad-detail__body .squad-detail__body__left .squad-detail__profile .squad-detail__profile__body .squad-detail__field{margin-bottom:.5rem;width:100%}.squad-detail .squad-detail__body .squad-detail__body__left .squad-detail__profile .squad-detail__profile__body .squad-detail__field .label{color:#676767}.squad-detail .squad-detail__body .squad-detail__body__left .squad-detail__profile .squad-detail__profile__body .squad-detail__profile__info{display:flex;flex-basis:100%;flex-direction:column;align-items:flex-start;justify-content:flex-start}.squad-detail .squad-detail__body .squad-detail__body__left .squad-detail__profile .squad-detail__profile__body .squad-detail__profile__avatar{width:8rem;height:8rem;padding:.25rem;border-radius:100%;border:2px solid #177899;margin-right:1rem;position:relative}.squad-detail .squad-detail__body .squad-detail__body__left .squad-detail__profile .squad-detail__profile__body .squad-detail__profile__buttons{display:flex;flex:1;flex-direction:row;align-items:flex-end;justify-content:flex-end;width:100%}.squad-detail .squad-detail__body .squad-detail__body__left .squad-detail__profile .squad-detail__profile__body .squad-detail__profile__buttons .squad-detail__profile__cancel,.squad-detail .squad-detail__body .squad-detail__body__left .squad-detail__profile .squad-detail__profile__body .squad-detail__profile__buttons .squad-detail__profile__save{padding-top:.5rem;padding-bottom:.5rem;margin-top:1rem;margin-left:.5rem}.squad-detail .squad-detail__body .squad-detail__body__left .squad-detail__profile .squad-detail__profile__header{display:flex;flex-direction:row;align-items:center;justify-content:space-between;margin-bottom:1rem}.squad-detail .squad-detail__body .squad-detail__body__left .squad-detail__personal-information .squad-detail__personal-information__header{margin-bottom:.5rem}.squad-detail .squad-detail__body .squad-detail__body__left .squad-detail__personal-information .squad-detail__personal-information__body{display:grid;grid-template-columns:1fr 1.5fr;grid-gap:5px}.squad-detail .squad-detail__body .squad-detail__body__left .squad-detail__personal-information .squad-detail__personal-information__body .label,.squad-detail .squad-detail__body .squad-detail__body__left .squad-detail__personal-information .squad-detail__personal-information__body .value{margin-bottom:.5rem}.squad-detail .squad-detail__body .squad-detail__body__left .squad-detail__personal-information .squad-detail__personal-information__body .label{font-weight:700}.squad-detail .squad-detail__body .squad-detail__body__right{flex-basis:65%}.squad-detail .squad-detail__body .squad-detail__body__right .squad-detail__body__right__header{display:flex;flex-direction:row;align-items:center;margin-bottom:.5rem}.squad-detail .squad-detail__body .squad-detail__body__right .squad-detail__body__right__header .squad__add-member{margin-left:auto;background-color:#36cd7a}.squad-detail .squad-detail__body .squad-detail__body__right .squad-detail__body__right__header .squad__add-member:hover{background-color:#369460}.squad-detail .squad-detail__body .squad-detail__body__right .squad-detail__body__right__header .squad__add-member .icon{margin-right:.5rem}.squad-detail .squad-detail__bottom-sheet{align-items:center;justify-content:flex-start}.squad-detail .squad-detail__bottom-sheet .squad-detail__bottom-sheet__button{padding-right:4rem;padding-left:4rem}.squad-detail .squad-detail__bottom-sheet .squad-detail__bottom-sheet__button .icon{margin-right:.5rem}.add-selected-member{display:flex;width:200px;margin-left:1rem}.squad-detail-user-listing,.squad-detail-user-listing .squad-detail-user-listing__list{width:100%}.violator-detail .title-bar__back{width:2.5rem;height:2.5rem;margin-right:.5rem;margin-left:.5rem}.violator-detail .content .title-bar{justify-content:flex-start;padding-bottom:0;margin-bottom:0}.violator-detail .master{flex-basis:35%}.violator-detail .master .violator-detail__profile{display:flex;flex-direction:column}.violator-detail .master .violator-detail__profile .violator-detail__profile__body{display:flex}.violator-detail .master .violator-detail__profile .violator-detail__profile__body .image-input{align-items:flex-start;margin-right:1rem}.violator-detail .master .violator-detail__profile .violator-detail__profile__body .image-input .image-selector{width:6rem;height:6rem}.violator-detail .master .violator-detail__profile .violator-detail__profile__body .violator-detail__personal-information__body{display:grid;grid-template-columns:1fr 1fr;grid-gap:1px}.violator-detail .master .violator-detail__profile .violator-detail__profile__body .violator-detail__personal-information__body .label,.violator-detail .master .violator-detail__profile .violator-detail__profile__body .violator-detail__personal-information__body .value{margin-bottom:.5rem}.violator-detail .master .violator-detail__profile .violator-detail__profile__body .violator-detail__personal-information__body .value{margin-left:auto;font-weight:700}.violator-detail .master .violator-detail__profile .violator-detail__profile__body .violator-detail__personal-information__body .label{font-size:.9rem;color:#3686a0}.violator-detail .master .violator-detail__profile .violator-detail__profile__body .violator-detail__profile__info{display:flex;flex-basis:100%;flex-direction:column;align-items:flex-start;justify-content:flex-start}.violator-detail .master .violator-detail__profile .violator-detail__profile__body .violator-detail__profile__avatar{width:6rem;height:6rem;padding:.25rem;border-radius:100%;margin-right:1rem;position:relative}.violator-detail .master .violator-detail__profile .violator-detail__profile__body .violator-detail__profile__created-at,.violator-detail .master .violator-detail__profile .violator-detail__profile__body .violator-detail__profile__name,.violator-detail .master .violator-detail__profile .violator-detail__profile__body .violator-detail__profile__name--edit,.violator-detail .master .violator-detail__profile .violator-detail__profile__body .violator-detail__profile__position--edit,.violator-detail .master .violator-detail__profile .violator-detail__profile__body .violator-detail__profile__role{margin-bottom:.25rem}.violator-detail .master .violator-detail__profile .violator-detail__profile__body .violator-detail__profile__position--edit{padding:.8rem;border:none;width:100%;height:3rem;font-size:1rem;border:1px solid #e2e2e2;background-color:#f6f6f6;border-radius:4px;transition:.35s ease-in-out;color:#797979}.violator-detail .master .violator-detail__profile .violator-detail__profile__body .violator-detail__profile__position--edit ::-moz-placeholder{color:#797979}.violator-detail .master .violator-detail__profile .violator-detail__profile__body .violator-detail__profile__position--edit :-ms-input-placeholder{color:#797979}.violator-detail .master .violator-detail__profile .violator-detail__profile__body .violator-detail__profile__position--edit ::placeholder{color:#797979}.violator-detail .master .violator-detail__profile .violator-detail__profile__body .violator-detail__profile__position--edit:focus{border-color:#000}.violator-detail .master .violator-detail__profile .violator-detail__profile__body .violator-detail__profile__buttons{display:flex;flex:1;flex-direction:row;align-items:flex-end;justify-content:flex-end;width:100%}.violator-detail .master .violator-detail__profile .violator-detail__profile__body .violator-detail__profile__buttons .violator-detail__profile__cancel,.violator-detail .master .violator-detail__profile .violator-detail__profile__body .violator-detail__profile__buttons .violator-detail__profile__save{padding-top:.5rem;padding-bottom:.5rem;margin-top:1rem;margin-left:.5rem}.violator-detail .master .violator-detail__profile .violator-detail__profile__header{display:flex;flex-direction:row;align-items:center;justify-content:space-between;margin-bottom:1rem}.violator-detail .master .violator-detail__personal-information .violator-detail__personal-information__header,.violator-detail .master .violator-detail__squad .violator-detail__squad__header{margin-bottom:.5rem}.violator-detail .master .violator-detail__squad .violator-detail__squad__listing{margin:-1rem}.violator-detail .master .violator-detail__squad .violator-detail__squad__listing--empty{text-align:center;padding:1rem}.violator-detail .detail{flex-basis:65%}.violator-detail .detail .violator-detail__performance-cards{display:flex;flex-direction:row}.violator-detail .detail .violator-detail__performance-cards .performance-card{flex-basis:calc(33.33333% - 1rem);display:flex;flex-direction:row}.violator-detail .detail .violator-detail__performance-cards .performance-card .performance-card__info{flex-basis:70%;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-around}.violator-detail .detail .violator-detail__performance-cards .performance-card .performance-card__info .label{font-weight:700}.violator-detail .detail .violator-detail__performance-cards .performance-card .performance-card__info .value{font-weight:700;font-size:1.2rem}.violator-detail .detail .violator-detail__performance-cards .performance-card .performance-card__icon{width:5rem;height:auto;border-radius:4px;display:flex;background-color:rgba(23,120,153,.2);align-items:center;justify-content:center}.violator-detail .detail .violator-detail__performance-cards .performance-card .performance-card__icon svg{stroke:#177899;transform:scale(.8)}.violator-detail .detail .violator-detail__performance-cards .performance-card .performance-card__icon.paid{background-color:rgba(54,205,122,.2)}.violator-detail .detail .violator-detail__performance-cards .performance-card .performance-card__icon.paid svg{stroke:#36cd7a}.violator-detail .detail .violator-detail__performance-cards .performance-card .performance-card__icon.unpaid{background-color:rgba(255,1,1,.2)}.violator-detail .detail .violator-detail__performance-cards .performance-card .performance-card__icon.unpaid svg{stroke:#ff0101}.violator-detail .detail .violator-detail__performance-cards .performance-card .performance-card__icon.all{background-color:rgba(23,120,153,.2)}.violator-detail .detail .violator-detail__performance-cards .performance-card .performance-card__icon.all svg{stroke:#177899}.vehicle-detail .detail.card{padding-top:0}.vehicle-detail .detail .v-tab{margin-bottom:0}.vehicle-detail .detail .v-tab.card{padding:.5rem 0}.vehicle-detail .vehicle-detail__related-users{margin-top:1rem;border-radius:.5rem}.vehicle-detail .thumbnail{display:flex;flex-direction:row;align-items:center;margin-bottom:1rem}.vehicle-detail .view-detail{width:100%}.vehicle-detail .user-detail__profile__avatar{width:4rem;height:4rem;padding:.25rem;border-radius:100%;margin-right:1rem;position:relative}.vehicle-detail .user-detail__profile{display:flex;flex-direction:column;padding:1rem 0;padding-top:0;margin:0}.vehicle-detail .user-detail__profile .user-detail__profile__info{width:100%;display:flex;flex-direction:column;justify-content:center}.vehicle-detail .field{display:flex;flex-direction:row;justify-content:space-between;width:100%;margin-bottom:.5rem}.vehicle-detail .field:last-child{margin-bottom:0}.vehicle-detail .field .label{color:#3686a0}.vehicle-detail .field .value{font-weight:700}.squad-locations{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;flex:1 1 auto}.squad-locations,.squad-locations .squad-location-map{height:100%;width:100%}.squad-location-modal .squad-location-modal__form{display:flex;flex-direction:row;width:100%;height:100%}.squad-location-modal .squad-location-modal__form .squad-location-modal__info{flex-basis:40%;margin-right:1rem}.squad-location-modal .squad-location-modal__form .squad-location-modal__map{height:100%;display:flex;flex-direction:column;position:relative;flex-basis:60%}.squad-location-modal .squad-location-modal__form .squad-location-modal__map.no-map{align-items:center;justify-content:center}.squad-location-modal .squad-location-modal__form .squad-location-modal__map .vue2leaflet-map{z-index:2}.squad-location-modal .squad-location-modal__form .squad-location-modal__map .location-editing-tip-overlay{z-index:3;content:"";background-color:rgba(0,0,0,.255);position:absolute;width:100%;height:10rem;left:0;bottom:0;display:flex;align-items:center;justify-content:center;color:#fff;font-size:18px}.squad-create .leader,.squad-create .station{border-top:1px solid #e9e9e9;padding-top:1rem;margin-top:.5rem;width:100%;display:flex;flex-direction:row;margin-bottom:1rem}.squad-create .leader .thumbnail,.squad-create .station .thumbnail{width:4rem;height:4rem;border-radius:100%}.squad-create .leader .leader_info,.squad-create .leader .station_info,.squad-create .station .leader_info,.squad-create .station .station_info{margin-left:1rem;display:flex;flex-direction:column;justify-content:space-around}.squad-create .leader .leader_info .leader_name,.squad-create .leader .station_info .leader_name,.squad-create .station .leader_info .leader_name,.squad-create .station .station_info .leader_name{font-weight:700}.squad-create .leader .leader_edit,.squad-create .leader .station_edit,.squad-create .station .leader_edit,.squad-create .station .station_edit{margin-left:auto}.squad-create .leader .on-add-leader,.squad-create .leader .on-add-station,.squad-create .station .on-add-leader,.squad-create .station .on-add-station{width:100%}*{padding:0;margin:0;box-sizing:border-box}button{cursor:pointer}html{font-size:.9rem;color:#000;background-color:#fff;position:relative;z-index:0}html,html #app{width:100vw;height:100vh;overflow:hidden}.row{flex-direction:row}.col,.row{display:flex}.col{flex-direction:column}.input{-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none;border:none}.btn{cursor:pointer;border:none;transition:.35s ease-in-out;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.btn:focus{outline:0!important;outline:none!important}.btn:hover{filter:brightness(125%)}a{color:unset;text-decoration:none}pre{background-color:unset!important;padding:0!important}input,textarea{border:1px solid #b5b5b5}input:focus,textarea:focus{outline-style:solid;outline-width:1px;outline-color:#dbf4fc}input[type=file]{visibility:hidden}.title-bar-cta{border-radius:.25rem}.title-bar-cta:hover{background-color:#676767}.title-bar-cta ion-icon{font-size:1.5rem;margin-right:.25rem}.ticket-unpaid{color:#ff5242}.ticket-paid{color:#36cd7a}.ticket-disputed{color:#177899}.ticket-warning{color:#d3962b}.ticket-overdue{color:#c24747}.ticket-cancel,.ticket-dismiss{color:#595959}.ticket-unpaid-bg{background-color:#ff5242}.ticket-paid-bg{background-color:#36cd7a}.ticket-dispute-bg,.ticket-disputed-bg{background-color:#177899}.ticket-warning-bg{background-color:#d3962b}.ticket-overdue-bg{background-color:#c24747}.ticket-cancel-bg,.ticket-dismiss-bg{background-color:#595959}.user-roles-police-bg,.user-roles-police_officer-bg{background-color:#177899}.user-roles-admin-bg{background-color:#36cd7a}.user-roles-su-bg{background-color:#ff0101}.user-roles-driver-bg,.user-roles-none-bg{background-color:#ffa213}.v-seperator{height:auto;width:1px;background-color:#e9e9e9}.flash-card{display:flex;flex-direction:row;background-color:#ffc107;align-items:center;padding:1rem;border-radius:.5rem}.flash-card .icon{margin-right:1rem}.flash-card.danger{color:#fff;background-color:#dc3545}.flash-card .flash-card__body,.not-found-page{display:flex;flex-direction:column}.not-found-page{height:100%;background-color:#f8f9fb;align-items:center;justify-content:center}.not-found-page .not-found-page__icon{max-width:22rem;max-height:22rem;margin:2rem}.not-found-page .not-found-page__icon img{width:100%;height:100%}.not-found-page .not-found-page__back{display:flex;align-items:center;justify-content:center;margin-top:2rem}.not-found-page .not-found-page__back .icon{margin-right:1rem}.map-marker{display:flex;position:relative;width:25px;height:25px;border-radius:100%;background-color:rgba(54,205,122,.8)}.map-marker .map-marker__icon{position:absolute;top:0;bottom:0;right:0;left:0;z-index:1}.map-marker .map-marker__text{width:25px;height:25px;position:absolute;margin:auto;color:#fff;z-index:2;top:0;bottom:0;right:0;left:0}.count-indicator,.map-marker .map-marker__text{display:flex;align-items:center;justify-content:center}.count-indicator{margin-left:.5rem;width:3.5ch;height:3.5ch;background-color:#ed8f21;font-size:.8rem;border-radius:100%;padding:.1rem}.ticket-status-item{font-weight:700;text-transform:capitalize;display:flex;flex-direction:row;align-items:center;justify-content:flex-start}.ticket-status-item span{display:block;border-radius:100%;height:1rem;width:1rem;margin-right:1rem}.map-ticket-density[data-v-3ae7adb6]{flex-basis:100%}.abnormality .abnormality__body{flex:1 1 100%;justify-content:stretch}.abnormality .abnormality__body .ticket-average-table{flex-basis:35%;margin-bottom:0;height:600px}.abnormality .abnormality__body .average-ticket-detail{flex-basis:65%;display:flex;flex-direction:column;background-color:#fff;margin-left:.5rem;height:600px;position:relative}.abnormality .abnormality__body .average-ticket-detail .no-police-selected{position:absolute;z-index:99;height:100%;width:100%;background-color:rgba(0,0,0,.769);display:flex;align-items:center;justify-content:center}.abnormality .abnormality__body .average-ticket-detail .no-police-selected p{color:#fff;font-weight:700;font-size:18px}.abnormality .abnormality__body .average-ticket-detail .by-squad{flex:1 1 100%;display:flex;flex-direction:column}.abnormality .abnormality__body .average-ticket-detail .by-squad h4{margin:1rem .5rem}.abnormality .abnormality__body .average-ticket-detail .by-change{flex:1 1 100%}.abnormality .abnormality__body .row .left{flex:1;margin-right:.5rem}.abnormality .abnormality__body .row .left .map{height:400px}.abnormality .abnormality__body .row .right{flex:1;margin-left:.5rem}.abnormality .abnormality__body .row .right .graph{height:400px}.police-average-ticket{height:300px}.preview{width:600px;height:450px}.canvas-wrapper{position:relative}.overlay-canvas{position:absolute;top:0;left:0}.invoice-ticket{position:relative;width:100%;height:100%;margin:1rem}.invoice-ticket .invoice-ticket__body .invoice-ticket__header{display:flex;flex-direction:column;align-items:center;padding-top:2rem}.invoice-ticket .invoice-ticket__body .invoice-ticket__header .header__logo{width:5rem;height:5rem;margin-bottom:.5rem}.invoice-ticket .invoice-ticket__body .ticket-info{display:flex;flex-direction:column;margin:1rem}.invoice-ticket .invoice-ticket__body .ticket-info .row{display:flex;flex-direction:row;width:100%}.invoice-ticket .invoice-ticket__body .ticket-info .row .sub-row{display:flex;flex-direction:column;flex-basis:50%;margin-bottom:.5rem}.invoice-ticket .invoice-ticket__body .ticket-info .row .sub-row .field{display:flex;flex-direction:row}.invoice-ticket .invoice-ticket__body .ticket-info .row .sub-row .field.eng .label,.invoice-ticket .invoice-ticket__body .ticket-info .row .sub-row .field.eng .value{font-size:11px}.invoice-ticket .invoice-ticket__body .ticket-info .row .sub-row .field .label{color:#6b727b;margin-right:1ch}.invoice-ticket .invoice-ticket__body .ticket-info .row .sub-row .field .value{font-weight:700;color:#000}.invoice-ticket .invoice-ticket__body .ticket-violations{display:flex;flex-direction:column;align-items:center;margin:1rem}.invoice-ticket .invoice-ticket__body .ticket-violations h2{margin-top:1rem}.invoice-ticket .invoice-ticket__body .ticket-violations h4{text-transform:uppercase;color:#6b727b}.invoice-ticket .invoice-ticket__body .ticket-violations .ticket-violations__header{display:flex;flex-direction:row;width:100%;align-items:center;justify-content:space-between}.invoice-ticket .invoice-ticket__body .ticket-violations .ticket-violations__header .header__value{font-weight:700}.invoice-ticket .invoice-ticket__body .ticket-violations .ticket-violations__header .header__value.eng{font-weight:400;font-size:11px;color:#6b727b}.invoice-ticket .invoice-ticket__body .ticket-violations__list{margin:1rem;display:flex;flex-direction:column}.invoice-ticket .invoice-ticket__body .ticket-violations__list .ticket-violations__list__item{display:flex;flex-direction:row;justify-content:space-between;padding:.5rem 0}.invoice-ticket .invoice-ticket__body .ticket-violations__list .ticket-violations__list__item .description{font-weight:700}.invoice-ticket .invoice-ticket__body .ticket-violations__list .ticket-violations__list__item .price{color:#6b727b}.invoice-ticket .invoice-ticket__body .ticket-violations__list .total{width:50%;margin-left:auto}.invoice-ticket .invoice-ticket__body .ticket-violations__list .total .seperator-v{margin-right:0;padding-right:0}.invoice-ticket .invoice-ticket__body .ticket-violations__list .total .field{width:100%;display:flex;flex-direction:row;justify-content:space-between}.invoice-ticket .invoice-ticket__body .ticket__footer{padding-top:24px;padding-bottom:46px;margin:1rem}.invoice-ticket .invoice-ticket__body .ticket__footer .left{flex-basis:70%}.invoice-ticket .invoice-ticket__body .ticket__footer .right{flex-basis:30%;display:flex;align-items:flex-end;justify-content:center}.invoice-ticket .invoice-ticket__body .ticket__footer .police{font-weight:700;margin-bottom:24px}.invoice-ticket .invoice-ticket__body .ticket__footer .expiry-date{font-size:11px;margin-bottom:24px}.invoice-ticket .invoice-ticket__body .ticket__footer .total__footer{margin-bottom:24px;color:#030f29}.invoice-ticket .invoice-ticket__body .ticket__footer .footnote{font-size:11px;max-width:280px}.invoice-ticket .invoice-ticket__body .ticket__footer .ticket-qr{margin:1rem}.invoice-ticket .invoice-ticket__bg{position:absolute;width:100%;height:100%;top:0;bottom:0;right:0;left:0;margin:auto;display:flex;align-items:center;justify-content:center}.expanded-ticket-modal{display:flex;flex-direction:column;align-items:center}.expanded-ticket-modal .print-btn{font-weight:700;font-size:14px;width:20rem;height:5rem;display:flex;align-items:center;justify-content:center;line-height:0;background-color:#48c17e;color:#fff}.expanded-ticket-modal .print-btn .icon{stroke:#fff;margin-right:8px}.expanded-ticket-modal .close-btn{width:3rem;height:3rem;padding:0;border-radius:100%;background-color:#fff;box-shadow:0 4px 4px 0 rgba(184,182,182,.173)}.expanded-ticket-modal .expanded-ticket-modal__body{margin:1rem;padding:1rem;width:550px;height:80vh;overflow-y:auto;display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:#fff;border-radius:4px;box-shadow:0 4px 4px 0 rgba(184,182,182,.173)}.mapouter{position:relative;text-align:right}.canvas,.mapouter{height:100%;width:auto;overflow:hidden}.canvas{background:none!important}.new-member-modal[data-v-474c8482]{width:100%;display:flex;flex-direction:column}.new-member-modal form[data-v-474c8482]{width:100%}.new-member-modal form .input[data-v-474c8482]{width:100%;background-color:#eee;line-height:3rem;border-radius:1.5rem;padding:0 2rem}.new-member-modal .police-suggestion[data-v-474c8482]{width:100%;height:32rem;display:flex;flex-direction:column;padding:.5rem}.new-member-modal .police-suggestion .police[data-v-474c8482]{width:100%;display:flex;align-items:center;padding:1rem;background-color:#fff;box-shadow:0 0 5px #aaa;border-radius:.5rem;margin-top:1rem}.new-member-modal .police-suggestion .police.selected[data-v-474c8482]{background-color:#eee}.new-member-modal .police-suggestion .police .image[data-v-474c8482]{width:3rem;height:3rem;border-radius:1.5rem;-o-object-fit:contain;object-fit:contain;background-color:#aaa;margin-right:1rem}.new-member-modal .done-btn[data-v-474c8482]{background-color:#aaa;line-height:3rem;padding:0 2rem}.station-content[data-v-0235e728]{display:flex;flex-direction:column}.station-content .station-header[data-v-0235e728]{width:100%;display:flex;justify-content:space-between;align-items:center;margin:1.5rem 0}.station-content .station-header .left[data-v-0235e728]{flex:1;display:flex;margin-right:1rem}.station-content .station-header .left h3[data-v-0235e728]{line-height:3rem}.station-content .station-header .left .name-input[data-v-0235e728]{flex:1;line-height:3rem;background-color:#eee;border-radius:1.5rem;padding:0 1.5rem;margin-left:1rem}.station-content .station-header .edit-name[data-v-0235e728]{cursor:pointer;color:#004476}.station-content .station-header .confirm-name[data-v-0235e728]{cursor:pointer;color:#28a745}.station-content .station-header .cancel-name[data-v-0235e728]{cursor:pointer;color:#dc3545;margin-left:1rem}.station-content .station-detail__body[data-v-0235e728]{flex:1 1 auto;display:flex;margin-bottom:auto}.station-content .station-detail__body .body-left[data-v-0235e728]{width:calc(50% - 2rem)}.station-content .station-detail__body .body-left .member-list[data-v-0235e728]{width:100%;display:flex;flex-direction:row;flex-wrap:wrap;align-items:center}.station-content .station-detail__body .body-left .member-list .member[data-v-0235e728]{width:100%;display:flex;align-items:center;box-shadow:0 0 4px #aaa;border-radius:5px;margin:1rem;padding:1rem}.station-content .station-detail__body .body-left .member-list .member .image[data-v-0235e728]{width:3rem;height:3rem;-o-object-fit:contain;object-fit:contain;background-color:#aaa;border-radius:1.5rem;margin-right:1rem}.station-content .station-detail__body .body-left .member-list .member .delete-member-btn[data-v-0235e728]{cursor:pointer;color:#dc3545;margin-left:auto}.station-content .station-detail__body .body-left .member-list .add-member[data-v-0235e728]{width:100%;cursor:pointer;display:flex;justify-content:center;align-items:center;box-shadow:0 0 4px #aaa;border-radius:5px;margin:1rem;padding:1rem}.station-content .station-detail__body .body-left .member-list .no-member[data-v-0235e728]{color:#aaa;margin:1rem 0}.station-content .station-detail__body .body-right[data-v-0235e728]{width:calc(50% - 2rem);margin-left:2rem}.station-content .station-detail__body .body-right .location-footer[data-v-0235e728]{display:flex;justify-content:center}.station-content .station-detail__body .body-right .location-footer .btn[data-v-0235e728]{line-height:3rem;background-color:#28a745;color:#fff;border-radius:1.5rem;padding:0 3rem;margin-top:1rem}.station-content .station-detail__body .body-right .location-footer .btn.disabled[data-v-0235e728]{cursor:no-drop;background-color:#aaa}.station-content .station-detail__body .station-detail_body__right[data-v-0235e728]{flex:1}.station-content .station-footer[data-v-0235e728]{width:100%;display:flex;justify-content:center;align-items:center;margin-bottom:1rem}.station-content .station-footer .remove-station[data-v-0235e728]{line-height:3rem;background-color:#dc3545;color:#fff;border-radius:1.5rem;padding:0 1.5rem}.station-create[data-v-4029d6f3]{display:flex;flex-direction:column}.station-create .station-header[data-v-4029d6f3]{width:100%;display:flex;justify-content:space-between;align-items:center;margin:1.5rem 0}.station-create .station-header .left[data-v-4029d6f3]{flex:1;display:flex}.station-create .station-header .left h3[data-v-4029d6f3]{line-height:3rem}.station-create .station-header .left .name-input[data-v-4029d6f3]{flex:1;line-height:3rem;background-color:#eee;border-radius:1.5rem;padding:0 1.5rem;margin-left:1rem}.station-create .station-create__body[data-v-4029d6f3]{flex:1 1 auto;display:flex;margin-bottom:auto}.station-create .station-create__body .body-left[data-v-4029d6f3]{width:calc(50% - 2rem)}.station-create .station-create__body .body-left .member[data-v-4029d6f3]{cursor:pointer;width:100%;display:flex;align-items:center;justify-content:center;box-shadow:0 0 4px #aaa;border-radius:5px;margin:1rem;padding:1rem}.station-create .station-create__body .body-left .member .image[data-v-4029d6f3]{width:3rem;height:3rem;-o-object-fit:contain;object-fit:contain;background-color:#aaa;border-radius:1.5rem;margin-right:1rem}.station-create .station-create__body .body-left .edit-member-btn[data-v-4029d6f3]{cursor:pointer;color:#28a745;margin-left:auto}.station-create .station-create__body .body-left .delete-member-btn[data-v-4029d6f3]{cursor:pointer;color:#dc3545;margin-left:auto}.station-create .station-create__body .body-right[data-v-4029d6f3]{width:calc(50% - 2rem);margin-left:2rem}.station-create .station-create__body .body-right .create-wrapper[data-v-4029d6f3]{display:flex;justify-content:center;align-items:center;margin-top:1rem}.station-create .station-create__body .body-right .create-wrapper .btn[data-v-4029d6f3]{cursor:pointer;line-height:3rem;padding:0 2rem;background-color:#28a745;border-radius:1.5rem;color:#fff}.content .overlay[data-v-602bad32]{position:fixed;top:0;left:0;right:0;bottom:0;width:100%;height:100%;background-color:rgba(0,0,0,.274);z-index:100}.receipt-ticket{position:relative;width:100%;height:100%;margin:1rem;padding:1rem}.receipt-ticket .receipt-ticket__body{z-index:2}.receipt-ticket .receipt-ticket__body .receipt-ticket__header{display:flex;flex-direction:row;align-items:center;padding-top:2rem}.receipt-ticket .receipt-ticket__body .receipt-ticket__header .header__logo{width:3.5rem;height:3.5rem;margin-right:.5rem}.receipt-ticket .receipt-ticket__body .receipt-ticket__header .logo_sub{font-size:11px;color:#6b727b}.receipt-ticket .receipt-ticket__body .receipt-ticket__header .barcode{right:0;position:absolute;margin-left:auto;transform:scale(.5)}.receipt-ticket .receipt-ticket__body .ticket-info{display:flex;flex-direction:column;margin:1rem}.receipt-ticket .receipt-ticket__body .ticket-info .row{display:flex;flex-direction:row;width:100%}.receipt-ticket .receipt-ticket__body .ticket-info .row .sub-row{display:flex;flex-direction:column;flex-basis:50%;margin-bottom:.5rem}.receipt-ticket .receipt-ticket__body .ticket-info .row .sub-row .field{display:flex;flex-direction:row}.receipt-ticket .receipt-ticket__body .ticket-info .row .sub-row .field.eng .label,.receipt-ticket .receipt-ticket__body .ticket-info .row .sub-row .field.eng .value{font-size:11px}.receipt-ticket .receipt-ticket__body .ticket-info .row .sub-row .field .label{color:#6b727b;margin-right:1ch}.receipt-ticket .receipt-ticket__body .ticket-info .row .sub-row .field .value{font-weight:700;color:#000}.receipt-ticket .receipt-ticket__body .ticket-violations{display:flex;flex-direction:column;align-items:center;margin:1rem}.receipt-ticket .receipt-ticket__body .ticket-violations h2{margin-top:1rem}.receipt-ticket .receipt-ticket__body .ticket-violations h4{text-transform:uppercase;color:#6b727b}.receipt-ticket .receipt-ticket__body .ticket-violations .ticket-violations__header{display:flex;flex-direction:row;width:100%;align-items:center;justify-content:space-between}.receipt-ticket .receipt-ticket__body .ticket-violations .ticket-violations__header .header__value{font-weight:700}.receipt-ticket .receipt-ticket__body .ticket-violations .ticket-violations__header .header__value.eng{font-weight:400;font-size:11px;color:#6b727b}.receipt-ticket .receipt-ticket__body .receipt-info{margin:1rem;display:flex;flex-direction:column}.receipt-ticket .receipt-ticket__body .receipt-info .field{width:100%;display:flex;flex-direction:row;justify-content:flex-start;margin-bottom:4px}.receipt-ticket .receipt-ticket__body .receipt-info .field .label{width:150px;color:#6b727b}.receipt-ticket .receipt-ticket__body .receipt-info .field .value{font-weight:700;max-width:calc(100% - 150px)}.receipt-ticket .receipt-ticket__body .receipt-info .receipt-info__item{display:flex;flex-direction:row;justify-content:space-between;padding:.5rem 0}.receipt-ticket .receipt-ticket__body .receipt-info .receipt-info__item .description{font-weight:700}.receipt-ticket .receipt-ticket__body .receipt-info .receipt-info__item .price{color:#6b727b}.receipt-ticket .receipt-ticket__body .receipt-info .total{width:50%;margin-left:auto}.receipt-ticket .receipt-ticket__body .receipt-info .total .seperator-v{margin-right:0;padding-right:0}.receipt-ticket .receipt-ticket__body .receipt-info .total .field{width:100%;display:flex;flex-direction:row;justify-content:space-between}.receipt-ticket .receipt-ticket__body .ticket__footer{padding-top:24px;padding-bottom:46px;margin:1rem}.receipt-ticket .receipt-ticket__body .ticket__footer .left{flex-basis:70%;justify-content:space-around;display:flex;flex-direction:column}.receipt-ticket .receipt-ticket__body .ticket__footer .right{flex-basis:30%;display:flex;align-items:flex-end;justify-content:center}.receipt-ticket .receipt-ticket__body .ticket__footer .police{font-weight:700;margin-bottom:24px}.receipt-ticket .receipt-ticket__body .ticket__footer .expiry-date{font-size:11px;margin-bottom:24px}.receipt-ticket .receipt-ticket__body .ticket__footer .total__footer{margin-bottom:24px;color:#030f29}.receipt-ticket .receipt-ticket__body .ticket__footer .footnote{font-size:11px;max-width:280px}.receipt-ticket .receipt-ticket__body .ticket__footer .ticket-qr{margin:1rem}.receipt-ticket .receipt-ticket__bg{z-index:1;position:absolute;width:100%;height:100%;top:0;bottom:0;right:0;left:0;margin:auto;display:flex;align-items:center;justify-content:center}.seperator-v{height:1px;margin:.5rem;background-color:#e9e9e9}@media print{@page{margin:0}}.print-invoices[data-v-57248f7a]{height:100%;width:100%;display:flex;flex-direction:row;align-items:center;overflow-y:auto;background-color:#464646}.print-invoices .print-btn[data-v-57248f7a]{opacity:.8;position:absolute;bottom:0;left:0;right:0;width:400px;height:60px;margin:1rem auto}.print-invoices .ticket-list[data-v-57248f7a]{position:absolute;left:0;top:0;width:15rem;padding-top:80px;height:100%;background-color:hsla(0,0%,100%,.392)}.print-invoices .ticket-list .ticket-list__item .item[data-v-57248f7a]{display:flex;align-items:center;justify-content:center;padding:.5rem 1rem;color:#fff;cursor:pointer}.print-invoices .ticket-list .ticket-list__item .item.selected[data-v-57248f7a]{background-color:#3686a0;color:#fff}.print-invoices .print-target[data-v-57248f7a]{margin:auto;display:flex;flex-direction:row}.print-invoices .invoice-ticket[data-v-57248f7a],.print-invoices .receipt-ticket[data-v-57248f7a]{margin:1rem;background-color:#fff;width:450px}