@import url(https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,300;0,400;0,500;0,600;0,700;1,500&family=Roboto&display=swap);@font-face{font-family:Sequel;src:url(/static/media/Sequel.0cc94bf631e3ee67ee63.ttf)}@font-face{font-family:Calibri;src:url(/static/media/calibri-regular.82e3b1641976f5409e1f.ttf)}@font-face{font-family:Calibri;font-weight:700;src:url(/static/media/calibri-bold.430cdbf5d50a8c646527.ttf)}@font-face{font-family:Calibri;font-style:italic;src:url(/static/media/calibri-italic.f5a246bc28579b14cf0b.ttf)}@font-face{font-family:Calibri;font-style:italic;font-weight:700;src:url(/static/media/calibri-bold-italic.d99df162241594ffc98c.ttf)}:root{--primary-color:#328cb4;--dark-color:#132b50;--light-color:#fff;--grey-color:#ccc;--orange-color:#ffa740;--blue-color:#0d4491;--green-color:#137c55;--red-color:#ff4d68;--danger-color:#ff4d68;font-size:14px}body{color:#132b50!important;color:var(--dark-color)!important;font-family:Calibri,sans-serif!important;font-size:14px!important;font-style:normal;margin:0;overflow:hidden}.container-fluid{background-color:#fff;background-color:var(--light-color)}.app-content{height:calc(100vh - 50px);overflow:hidden}a:hover{text-decoration:none}.form-control{border-radius:.25rem;font-size:.8rem!important;font-style:normal;font-weight:400;height:calc(1em + 1.3rem)!important;line-height:1.5;padding:.4rem 1rem!important;width:100%}.form-control:-ms-input-placeholder,.form-control::-ms-input-placeholder,.form-control::placeholder{color:#717986bf!important;opacity:1}.form-group{margin-bottom:11px!important}.form-group .label{color:#132b50;color:var(--dark-color);font-size:12px;margin-bottom:.1rem!important}.form-group .required-star{color:#ff4d68;color:var(--danger-color)}.date-range{align-items:center;background:#fff;background:var(--light-color);border:1px solid #ccc;border:1px solid var(--grey-color);border-radius:3px;cursor:pointer;display:flex;padding:5px 10px}.date-range>span{color:#9c9c9c;font-size:.8rem!important;font-weight:500;height:.85rem!important;padding-left:5px!important;padding-right:5px}.date-container{background-color:#fff;background-color:var(--light-color);border:1px solid #ccc;border:1px solid var(--grey-color);border-radius:4px;display:block;left:auto;margin:7px 0 0;padding:0;position:absolute;right:0;top:40px;z-index:9999!important}.date-container:before{border-bottom:7px solid #ccc;border-left:7px solid #0000;border-right:7px solid #0000;content:"";display:inline-block;left:360px;position:absolute;top:-7px}.rdrCalendarWrapper,.rdrDateRangePickerWrapper{width:100%}.rdrMonthAndYearWrapper{height:auto!important;padding-top:0!important}.rdrMonthName{padding:.2rem .85rem!important}.rdrWeekDay{line-height:auto!important}.rdrDay{height:2.5rem!important}.search-control{background-clip:padding-box;background-color:#fff;border:1px solid #ced4da;border-radius:.25rem;color:#132b50;color:var(--dark-color);font-size:12px;font-style:normal;font-weight:400;padding:.2rem 1rem!important}.search-control:-ms-input-placeholder,.search-control::-ms-input-placeholder,.search-control::placeholder{color:#717986bf!important;opacity:1}.number{width:100px}.notes{height:100px!important}.label-total{font-weight:700;padding-top:3px}.react-datepicker:has(.react-datepicker__time-container){width:298px}.btn{border-radius:.25rem;cursor:pointer;display:inline-block;font-size:12px!important;line-height:16px;padding:.4rem 1.5rem;text-align:center;vertical-align:middle}.btn-block{width:100%!important}.btn-primary{background-color:#328cb4!important;background-color:var(--primary-color)!important;border:1px solid #328cb4!important;border:1px solid var(--primary-color)!important}.btn-delete,.btn-primary{color:#fff;color:var(--light-color)}.btn-delete{background-color:#ff4d68!important;background-color:var(--danger-color)!important;border:1px solid #ff4d68!important;border:1px solid var(--danger-color)!important}.btn-primary:hover{box-shadow:0 5px 10px #736cc766!important}.btn-primary-outline{background-color:initial!important;border:1px solid #328cb4!important;border:1px solid var(--primary-color)!important;color:#328cb4;color:var(--primary-color)}.btn-primary-outline:hover{box-shadow:0 5px 10px #736cc766!important}.btn-primary.dropdown-toggle:after{color:#fff!important;color:var(--light-color)!important}.btn-signup{font-size:14px!important;line-height:18px;margin-bottom:auto;margin-top:auto}.btn-module{padding:.2rem 1.5rem}.btn-module span{margin-top:.25rem}.btn-export{padding:.4rem .6rem}.dropdown-toggle:after{margin-left:.555em;vertical-align:.155em}.limit-menu{min-width:75px!important;transform:translate3d(0,26px,0)!important}.btn-apply,.btn-prevnex{background-color:#fff!important;background-color:var(--light-color)!important;border:1px solid #ccc!important;border:1px solid var(--grey-color)!important;padding:.2rem 1.5rem}.btn-prevnex:hover{background-color:#229bcc!important;border:1px solid #fff!important;border:1px solid var(--light-color)!important;box-shadow:0 5px 10px #736cc766!important}.btn-apply{padding:.2rem .5rem}.btn-back,.btn-save{cursor:pointer;margin-bottom:3px;margin-top:3px;padding:.2rem 1rem}.btn-back:hover,.btn-save:hover{box-shadow:0 5px 10px #736cc766!important}.btn-save{background-color:#fff!important;background-color:var(--light-color)!important;border:1px solid #fff!important;border:1px solid var(--light-color)!important;color:#328cb4;color:var(--primary-color)}.btn-back,.btn-save:hover{background-color:#328cb4!important;background-color:var(--primary-color)!important;color:#fff;color:var(--light-color)}.btn-back{border:1px solid #fff!important;border:1px solid var(--light-color)!important}.btn-back:hover{background-color:#fff!important;background-color:var(--light-color)!important;color:#328cb4;color:var(--primary-color)}.notfound{line-height:1.4;padding-left:20px;padding-right:20px;text-align:center;top:50%;transform:translate(-50%,-50%);width:100%}.notfound,.notfound-404{left:50%;position:absolute}.notfound-404{height:100px;top:0;transform:translateX(-50%);z-index:-1}.notfound .notfound-404 h1{color:#fff;color:var(--light-color);font-size:276px;font-weight:900;left:50%;margin:0;position:absolute;top:50%;transform:translate(-50%,-50%)}.notfound h2{font-size:46px;font-weight:900;margin:0}.notfound h2,.notfound p{color:#132b50;color:var(--dark-color);text-transform:uppercase}.notfound p{font-size:16px;font-weight:400;margin-top:15px}.notfound a{background:#328cb4;background:var(--primary-color);border:2px solid #0000;border-radius:40px;color:#fff;color:var(--light-color);display:inline-block;font-size:14px;font-weight:400;padding:16px 38px;text-decoration:none;text-transform:uppercase;transition:all .2s}.navbar{background-color:#fff;background-color:var(--light-color);box-shadow:0 1px 1px 1px #126ad314}.sidemenu-opener{background-color:#e1f3fb;border-radius:5px;box-shadow:0 1px 1px 1px #126ad32e;cursor:pointer;height:30px;margin-right:5px;padding-top:8px;text-align:center;width:30px}.sidemenu-opener.hidden{background-color:#e1f3fb!important}.navbar-brand{padding:0}.navbar-brand img{height:30px!important;margin-left:5px}.notification{border-radius:50%;box-shadow:0 0 8px #b1b1bd85!important;color:#132b50;color:var(--dark-color);font-size:18px;height:35px;padding:8px 0;text-align:center;width:35px}.user-profile{padding:0}.user-name{color:#132b50;color:var(--dark-color);font-weight:500!important}.user-status{color:#5b5b5bb3;font-size:12px;font-weight:400!important}.avatar{background-color:#c3c3c3;border-radius:50%;box-shadow:0 0 8px #b1b1bd85!important;display:inline-flex;position:relative;white-space:nowrap}.avatar img{border-radius:50%;height:35px;width:35px}.dropdown-toggle:after{color:#132b50;color:var(--dark-color)}.dropdown-menu{border:0;border-radius:0;box-shadow:0 4px 20px 1px #0000001a;left:auto;padding:0;right:10px;top:100%}.dropdown-item{color:#717986;font-weight:500;padding:7px 10px}.dropdown-icon{color:#132b50;color:var(--dark-color);height:14px;margin-right:10px;width:14px}.dropdown-text{font-size:12px;font-weight:400!important}.logout{color:#ff285c!important;font-weight:500!important}.sidebar{background-color:#fff!important;background-color:var(--light-color)!important;box-shadow:0 4px 20px -2px #0000001a;display:none;height:100%;overflow:auto;padding-top:10px!important;padding:0 0 15px}.sidebar.active{display:block}.sidebar::-webkit-scrollbar{width:5px}.sidebar::-webkit-scrollbar-thumb{background-color:#328cb4;background-color:var(--primary-color);border-radius:10px;width:5px}.sidebar-sticky .nav{min-height:calc(100vh - 115px)}.nav-arrow{height:8px;width:8px}.nav-arrow.down{transform:rotate(90deg);-webkit-transform:rotate(90deg)}.nav-link{color:#717986;cursor:pointer;font-weight:500;padding:3px 10px}.nav-link.active{background-color:#34aee226}.nav-link.active span,.nav-link.active svg{color:#328cb4;color:var(--primary-color)}.sidebar-icon{height:14px;margin-right:10px;width:14px}.sidebar-text{font-size:12px;font-weight:400!important}.nav-submenu .nav-item .nav-link{padding-left:30px}.login-card{border-radius:5px;box-shadow:0 4px 20px 1px #0000001a;padding:20px;width:350px}.login-header{margin-bottom:5vh;text-align:center}.login-header img{padding-top:10px;width:200px}.login-title{font-size:24px;font-weight:600}.login-label{color:#132b50;color:var(--dark-color);font-size:12px}.forget-password,.remember-me{font-size:12px;line-height:22px}.forget-password{color:#328cb4;color:var(--primary-color)}.switch{display:inline-block;height:22px;margin-left:5px;margin-right:10px;position:relative;width:40px}.switch input{height:0;opacity:0;width:0}.slider{background-color:#ccc;background-color:var(--grey-color);bottom:0;cursor:pointer;left:0;right:0;top:0}.slider,.slider:before{position:absolute;transition:.4s}.slider:before{background-color:#fff;content:"";height:22px;width:22px}input:checked+.slider{background-color:#328cb4;background-color:var(--primary-color)}input:focus+.slider{box-shadow:0 0 1px #328cb4;box-shadow:0 0 1px var(--primary-color)}input:checked+.slider:before{transform:translateX(18px)}.slider.round{border-radius:34px}.slider.round:before{border-radius:50%}.bottom-nav{background-color:#fff;background-color:var(--light-color);border-top:1px solid #ccc!important;border-top:1px solid var(--grey-color)!important;bottom:0;direction:ltr;display:flex;height:60px;justify-content:space-evenly;opacity:1;position:fixed;width:100%;z-index:999}.bottom-nav-link:active,.nav-component.show,.nav-dashboard-component:hover{background-color:#fff;color:#2cacdb}.wrap{color:#ccc;color:var(--grey-color);height:24px;padding-top:8px;text-align:center}.wrap.active{color:#328cb4;color:var(--primary-color)}.bottom-nav-icon{height:24px}.bottom-nav-icon svg{height:24px;width:24px}.bottom-nav{display:none}.module{background:linear-gradient(90deg,#299af3,#b5dcfb);color:#fff;color:var(--light-color);padding:.25rem .75rem}.module-img{height:1.5rem;margin-right:10px}.module-title{font-size:20px;font-weight:600;margin-top:2px}.content{padding:20px}.list-card-header{align-items:center;background:#fff;border-radius:5px 5px 0 0;display:flex;flex:0 0 55px!important;justify-content:space-between;padding:5px 22px!important}.list-card-body{background:#fff;border-radius:0 0 5px 5px;padding:10px}.main{height:100%;min-height:calc(100vh - 130px);overflow:scroll;padding:0}.detail{border:1px solid #eaeaea;box-shadow:0 1px 5px 1px #45414e14;height:100%;margin:0;padding:20px}.table-list td,.table-list th{color:#132b50;color:var(--dark-color);font-size:12px;font-weight:300;padding:.35rem;vertical-align:middle}.table-list tfoot td,.table-list tfoot th,.table-list thead td,.table-list thead th{background-color:#328cb4;background-color:var(--primary-color);color:#fff;font-size:12px;font-weight:600}.table-list .header{background-position:100%;background-repeat:no-repeat;cursor:pointer}.table-list .text-right{padding-right:20px}.table-list .sorting{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAATCAQAAADYWf5HAAAAkElEQVQoz7XQMQ5AQBCF4dWQSJxC5wwax1Cq1e7BAdxD5SL+Tq/QCM1oNiJidwox0355mXnG/DrEtIQ6azioNZQxI0ykPhTQIwhCR+BmBYtlK7kLJYwWCcJA9M4qdrZrd8pPjZWPtOqdRQy320YSV17OatFC4euts6z39GYMKRPCTKY9UnPQ6P+GtMRfGtPnBCiqhAeJPmkqAAAAAElFTkSuQmCC)}.table-list .sorting_asc{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAATCAYAAAByUDbMAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAE6ADAAQAAAABAAAAEwAAAAAgb1CmAAAAhElEQVQ4EWNgGLKgoeEZ138gaGi4ykbIE4yEFIAMgqlhBAIYGxvNhE0QJlbZcFsLxgbRNc23lZH56GzcNv3/zwh00j8sGpgYGEFSmACny6qa7jpgKmdgqG68Z41NHKdYWecNXlBY4QK5k26zY9OM1ZsgQ7ApRhYjFBnIakfZoyEwMkIAAF51PKFEaxf2AAAAAElFTkSuQmCC)}.table-list .sorting_desc{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAATCAYAAAByUDbMAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAE6ADAAQAAAABAAAAEwAAAAAgb1CmAAAAkklEQVQ4EWNgGAWjITCSQ4ARm+f/AwE2cWQxRiBA5oPYTOgCIH7e5Dsc2MRhYuVdN/lgbKLo6oa7NiAXooOqxjuOuAzAcCpc4f//jEC//oPzoQygBiYGRpAUJsDqTbAyoIbaljsqyFqArtLGZRBIHW6XQU0BeRNmILZAh8mBaNwug6pqbLzGDmI2Nj7nhgoNQQoA6DEyx3MA560AAAAASUVORK5CYII=)}.table-list .data-item{cursor:pointer}.download-link{color:#132b50;color:var(--dark-color);cursor:pointer}.CANCELED{text-decoration:line-through}.narrow-screen{display:none!important}.module-card{border-radius:20px;box-shadow:0 4px 6px -1px #1018281a,0 2px 4px -2px #1018281a;margin-bottom:16px}.module-card-header{align-items:center;background-color:#fff;background-color:var(--light-color);border-bottom-left-radius:15px;border-bottom-right-radius:20px;border-left:15px solid #328cb4;border-left:15px solid var(--primary-color);border-top-left-radius:15px;border-top-right-radius:20px;display:flex;justify-content:space-between;min-height:80px;padding:16px;transition:all .5s ease 0s}.module-card-title{color:#000;font-size:20px;font-weight:700;line-height:20px}.module-card-subtitle{color:#000;font-size:12px;font-weight:500;line-height:20px;margin-bottom:-25px}.module-card-pointer{cursor:pointer}.module-card-pointer svg{background-color:#328cb4;background-color:var(--primary-color);border-radius:3.5px;color:#fff;color:var(--light-color);min-height:18px;min-width:18px}.module-card-body{background-color:#fff;border-radius:5px 5px 5px 5px;box-shadow:0 4px 8px #0003;display:none;left:50%;max-height:90vh;max-width:500px;padding:16px;position:fixed;top:55%;transform:translate(-50%,-50%);transition:all .5s ease 0s;width:350px;z-index:1000}.module-card-body.active{display:block}.module-card-overlay{background:#00000080;display:none;height:100%;left:0;position:fixed;top:0;width:100%;z-index:1000}.module-card-overlay.active{display:block}.table-card{width:100%}.table-card td{padding-bottom:5px;vertical-align:top}.mobile-card-container{display:flex!important;flex-wrap:wrap!important;overflow:hidden;padding-left:5px!important;padding-right:5px!important;padding-top:10px!important;width:100%!important}.mobile-card-list{display:flex;flex-wrap:wrap;justify-content:center}.mobile-card-single{align-items:center;color:#328cb4;color:var(--primary-color);display:flex;flex-direction:column;padding:5px 15px;text-decoration:none;width:25%}.mobile-card-scaler{align-items:center!important;display:flex;justify-content:center!important;margin-left:auto;margin-right:auto;width:100%}.mobile-card-single:hover .mobile-card-scaler{background-color:#2cacdb;border:1px solid #fff;border:1px solid var(--light-color);border-radius:20px;color:#fff}.mobile-card-single:hover .mobile-card-text{color:#2cacdb;font-weight:700}.mobile-card-image{align-items:center!important;border:1px solid #328cb4;border:1px solid var(--primary-color);border-radius:20px;display:flex;height:60px;justify-content:center;width:60px}.mobile-card-image svg{height:50%;width:50%}.mobile-card-text{color:#000;font-size:14px;font-weight:400;margin-top:5px;text-align:center}.map{border:1px solid #ccc;border:1px solid var(--grey-color);height:calc(100% - 35px);min-height:500px}.order-status{padding:20px}.order-status-item{border-bottom:1px solid #ccc;border-bottom:1px solid var(--grey-color);border-bottom-right-radius:1.5rem;border-right:1px solid #ccc;border-right:1px solid var(--grey-color);border-top:1px solid #ccc;border-top:1px solid var(--grey-color);border-top-right-radius:1.5rem;margin-right:35px;padding-right:15px}.order-status-mark{border:1px solid #ccc;border:1px solid var(--grey-color);border-radius:50%;height:3rem;margin-left:-1.5rem;padding:3px;width:3rem}.order-status-icon{border-radius:50%;height:100%;width:100%}.order-status-icon svg{color:#132b50;color:var(--dark-color)}.order-status-icon.active{background-color:#328cb4;background-color:var(--primary-color)}.order-status-icon.active svg{color:#fff;color:var(--light-color)}.order-status-text{font-weight:600;padding-left:8px!important;padding-right:8px!important}.item-table .table-responsive{padding-bottom:75px}.dashboard{color:#328cb4;color:var(--primary-color);font-size:1.2rem;padding:.75rem 1rem}.dashboard-title{font-size:1.5rem;font-weight:600}.btn-sync{background-color:#fff!important;background-color:var(--light-color)!important;border:1px solid #328cb4!important;border:1px solid var(--primary-color)!important;color:#328cb4;color:var(--primary-color);line-height:12px;padding:.375rem .75rem}.btn-sync:hover{box-shadow:0 5px 10px #736cc766!important}.achievement-wrapper{background:linear-gradient(43deg,#020024,#090979 35%,#00d4ff);background-color:#fff;border-radius:5px;box-shadow:0 2px 8px 0 #63636333;color:#fff;color:var(--light-color);margin-bottom:1.2rem;padding:15px!important}.achievement-head{margin-bottom:60px;position:relative}.achievement-head:before{background-color:#ffffff1a;left:10px;top:20px}.achievement-head:after,.achievement-head:before{content:"";height:40px;position:absolute;width:40px;z-index:1}.achievement-head:after{background-color:#fff3;left:-10px;top:-10px}.achievement-head-title{float:left;font-size:16px;font-weight:600;position:relative}.achievement-head-title small{color:#ccc;color:var(--grey-color);display:block;font-size:12px;font-weight:400;line-height:normal}.achievement-head-option{float:right;font-size:16px;font-weight:400}.achievement-content-left{background-color:#e7f2ee;border-radius:5px;color:#333;float:left;padding:10px 30px}.achievement-content-left .mc-fa{border:2px solid #439678;border-radius:100%;color:#439678;font-size:22px;height:38px;padding:5px;vertical-align:middle;width:38px}.achievement-content-left div{display:inline-block;font-size:1rem;text-align:center;vertical-align:middle}.achievement-content-right{float:right;margin-top:10px;position:relative}.achievement-content-right div{float:left;margin-right:60px;position:relative;text-align:center}.achievement-content-right .mc-fa{font-size:18px;position:absolute;right:-30px;top:0}.achievement-content-left div small,.achievement-content-right div small{display:block;font-size:1rem;font-weight:500}.achievement-content-left strong,.achievement-content-right strong{display:block;font-size:28px;line-height:normal}.achievement-content-right:before{background-color:#ffffff1a;bottom:0;content:"";height:40px;position:absolute;right:10px;width:40px;z-index:1}.achievement-content-right:after{background-color:#fff3;bottom:-20px;content:"";height:40px;position:absolute;right:-10px;width:40px;z-index:1}.fleet-order-wrapper{background-color:#fff;border-radius:5px;box-shadow:0 2px 8px 0 #63636333;margin-bottom:1.2rem;padding:15px!important}.fleet-order-head{margin-bottom:30px;position:relative}.fleet-order-head-title{float:left;font-size:16px;font-weight:600;position:relative}.fleet-order-head-title small{color:#ccc;color:var(--grey-color);display:block;font-size:12px;font-weight:400;line-height:normal}.fleet-order-head-option{float:right;font-size:16px;font-weight:400}.fleet-order-head-option-item label{color:#328cb4;color:var(--primary-color);margin-bottom:0}.fleet-order-content-item div{border-radius:5px;box-shadow:0 2px 8px 0 #63636333;padding:15px;position:relative}.fleet-order-content div small{display:block;font-size:1rem;font-weight:500}.fleet-order-content div strong{display:block;font-size:28px;line-height:normal}.fleet-order-content-item div .mc-fa{border-radius:100%;bottom:10px;height:42px;padding:10px;position:absolute;right:1px;text-align:center;width:42px}.fleet-order-content-item .mc-orange{background-color:#fff3e6;color:#ffa740}.fleet-order-content-item .mc-purple{background-color:#ebecef;color:#282561}.fleet-order-content-item .mc-green{background-color:#e7f2ee;color:#429677}.chart{height:195px}.chart canvas{height:100%!important;width:100%!important}.table-reminder td,.table-reminder th{font-size:12px;padding:5px 10px}.table-reminder .title{font-weight:700}.table-reminder .badge{padding:5px 10px}.order-wrapper{background-color:#fff;border-radius:5px;box-shadow:0 2px 8px 0 #63636333;margin-bottom:1.2rem;padding:15px!important}.order-head{margin-bottom:30px;position:relative}.order-head-title{float:left;font-size:16px;font-weight:600;position:relative}.order-head-title small{color:#ccc;color:var(--grey-color);display:block;font-size:12px;font-weight:400;line-height:normal}.order-head-option{float:right;font-size:16px;font-weight:400}.order-head-option-item label{color:#328cb4;color:var(--primary-color);margin-bottom:0}.order-content-item div{border-radius:5px;box-shadow:0 2px 8px 0 #63636333;color:#132b50;color:var(--dark-color);padding:15px;position:relative}.order-content div small{display:block;font-size:12px;font-weight:500;padding-left:15px;position:relative;text-transform:capitalize}.order-content-item small:before{background-color:#67718b;border-radius:100%;content:"";height:5px;left:0;position:absolute;top:6px;width:5px}.order-content-item small.mc-orange{color:#ffa740;color:var(--orange-color)}.order-content-item small.mc-orange:before{background-color:#ffa740;background-color:var(--orange-color)}.order-content-item small.mc-blue{color:#0d4491;color:var(--blue-color)}.order-content-item small.mc-blue:before{background-color:#0d4491;background-color:var(--blue-color)}.order-content-item small.mc-green{color:#137c55;color:var(--green-color)}.order-content-item small.mc-green:before{background-color:#137c55;background-color:var(--green-color)}.order-content-item small.mc-red{color:#ff4d68;color:var(--red-color)}.order-content-item small.mc-red:before{background-color:#ff4d68;background-color:var(--red-color)}.order-content div strong{display:block;font-size:20px;line-height:normal;text-align:right}.order-content-total div{background-color:#4a90e1;border-radius:5px;box-shadow:0 2px 8px 0 #63636333;color:#132b50;color:var(--dark-color);color:#fff;margin-top:-10px;padding:15px;position:relative;text-align:center}.order-content-total div small{padding-left:0}.order-content-total div strong{display:block;font-size:28px;text-align:center}.equal{margin-bottom:-99999px;padding-bottom:99999px}.modal-header{background-color:#f8f8f8;padding:.8rem 1.4rem!important}.modal-dialog{max-width:800px!important}@media (max-width:600px){.custom-sticky{align-items:center;display:flex;height:60px;justify-content:center;width:100%}.FooterModule,.custom-sticky{background-color:#fff;background-color:var(--light-color)}.FooterModule{border-top-left-radius:50px;border-top-right-radius:50px;bottom:60px;box-shadow:0 1px 5px 1px #45414e14;display:block;left:0;max-height:0!important;position:absolute;right:0;text-align:center;transform:translateY(100%)!important}.FooterModule.show{max-height:300px!important;overflow:auto!important;padding:15px!important;transform:translateY(0)!important;z-index:998!important}.FooterModule{max-height:0;opacity:0;overflow:hidden;transform:translateY(100%);transition:all .5s ease-in-out}.FooterModule.show{max-height:300px;opacity:1;padding-top:0!important;transform:translateY(0);transition:all .5s ease-in-out}.overlay{background:#0003;height:80%;left:0;position:fixed;top:0;width:100%;z-index:997}.hiasanFooter{background-color:#ccc;background-color:var(--grey-color);border-radius:10px;height:8px;margin:0 auto;width:80px;z-index:1000}}@media (min-width:600px){.modal-dialog{margin:1.75rem auto;max-height:700px;max-width:800px}.periodinfo{display:flex!important}}.subTitle:hover{text-decoration:none}.subTitle.active:after{background-color:#59afec;bottom:-3px;content:"";height:2px;left:0;position:absolute;width:100%}.subTitle-license{align-items:center;background-color:#ededef;border-left:8px solid #dc8612;border-radius:5px;color:#000;cursor:pointer;display:flex;font-size:1.2rem!important;font-weight:600!important;height:90px;position:relative;width:20%}.subTitle-license p{margin-left:10px;padding-top:15px}.subTitle-license:hover{text-decoration:none}.subTitle-license.active:after{background-color:#59afec;bottom:-3px;content:"";height:2px;left:0;position:absolute;width:100%}.subTitle-type{border-radius:5px;color:#282561;cursor:pointer;display:inline-block;font-size:1.1rem!important;font-weight:600!important;padding-bottom:10px!important;padding:5px 20px;position:relative;transition:background-color .3s}.subTitle-type.active{background-color:#3498db;color:#fff}.subTitle-type:hover:not(.active){background-color:#70c1ff;color:#fff}.container-detail{background-color:#e1f4fb;border-radius:5px;box-shadow:0 2px 4px #0003;margin-bottom:20px;padding:10px}.container-type-license,.type-license{align-items:center;display:flex}.type-license{gap:120px;margin-bottom:10px}.save-button-license{background-color:#2b9af3;border:1px solid #2b9af3;border-radius:10px;color:#fff;height:30px;margin-left:10px;width:130px}.save-button-license:hover{background-color:#fff;border:1px solid #59afec;color:#2cacdb}.detail-txt{color:#2b83b5;font-family:Roboto;font-size:32px;font-weight:700}.container-license{display:flex;gap:80px}.container-license p,.total-license{margin:0}.container-license>div{box-sizing:border-box}.container-license p span{color:#000}.add-user{border:0 solid #d9eff7;border-radius:0 0 0 0;display:block;display:inline-block}.add-user,.container-license button{background-color:#d9eff7;color:#000;padding:5px 10px}.container-license button{border:1px solid #d9eff7;cursor:pointer;width:30px}.container-license button:hover{background-color:#bcdde7}.container-license button:active,.container-license button:focus{outline:none}.monthly-payment h2{color:#000;font-family:Roboto;font-size:26px;font-weight:300px}.total-amount{align-items:baseline;color:#dc8612;display:flex;font-size:40px;font-weight:700}.total-amount p{color:#31363f;font-size:16px;margin-left:10px}.incvoice-container-filter{align-items:center;display:flex;gap:180px;justify-content:center}.calendar-invoice img{cursor:pointer;height:55px;width:55px}.txt-filter-invoice{margin-left:10px}.txt-filter-invoice span{font-family:Roboto;font-size:16px;font-weight:500}.tgl-filter-invoice{font-family:Roboto;font-size:18px;font-weight:600;margin-top:3px}.line-filter-invoice{border-right:2px solid #a9a9a9;height:80px;margin:15px 5px 0}.modal-container-filter{align-items:center;display:flex;gap:45px;justify-content:center}.contain-filter{align-items:center;display:flex;margin-top:10px}.txt-filter{margin-left:10px}.txt-filter span{font-family:Roboto;font-size:12px;font-weight:500}.tgl-filter{font-family:Roboto;font-size:14px;font-weight:600;margin-top:3px}.line-filter{border-right:1px solid #a9a9a9;height:40px;margin:15px 5px 0}.modal-btn{align-self:end;background-color:#328cb4!important;background-color:var(--primary-color)!important;border:1px solid #328cb4!important;border:1px solid var(--primary-color)!important;border-radius:13px;color:#fff;color:var(--light-color);font-family:Roboto;font-size:12px;font-weight:400;height:35px;justify-content:center;padding:3px 20px}.circle-icon{background-color:#f0f0f0;border-radius:10%;height:50px;justify-content:center;width:40px}.circle-icon,.txt-cash{align-items:center;display:flex}.txt-cash-span{align-items:center;color:#000;font-family:Roboto;font-size:18px;font-weight:700;margin-left:10px;position:relative}.txt-cash-span p{align-items:center;font-size:10px;font-weight:400;margin-top:5px}.txt-cash-span2{color:#000;font-family:Roboto;font-size:18px;font-weight:700;margin-left:10px;margin-right:10px;position:relative}.txt-cash-span2 p{align-items:center;font-size:10px;font-weight:400;margin-top:5px}.txt-minus{color:red;font-family:Roboto;font-size:16px;font-weight:500;margin-bottom:40px;margin-left:10px;position:relative;top:-8px}.container-invoice{background-color:#fff;border:1px solid #fff;border-radius:10px;box-shadow:0 8px 24px #959da533;cursor:pointer;display:flex;height:100px;justify-content:space-between;margin-bottom:15px;margin-right:15px;margin-top:10px;padding:14px;width:100%}.icon-invoice{color:#000;font-family:Roboto;font-size:16px;font-weight:700;margin-left:20px;margin-right:10px;position:relative}.icon-invoice div{align-items:center;font-size:16px;font-weight:400;margin-top:5px}.circle-invoice{background-color:#f0f0f0;border-radius:50%;height:40px;width:40px}.circle-invoice,.status-box div{align-items:center;display:flex;justify-content:center}.status-box div{border-radius:10px;color:#fff;font-family:Roboto;font-size:12px;height:30px;margin-bottom:10px;width:100px}.status-box{flex-direction:column;margin-top:6px}.status-box .pending{background-color:#dc8612}.status-box .paid-off{background-color:#41b06e}.status-box span{font-size:18px;margin-right:20px}.icon-bookmark{height:40px;width:40px}.icon-paid{height:150px;width:150px}.invoice-info{font-size:18px;font-weight:600}.invoice-date,.invoice-info{display:flex;justify-content:space-between;width:100%}.invoice-date{font-size:16px;gap:10px}.total-invoice{margin-top:30px;text-align:center}.total-invoice p{font-size:16px;font-weight:600}.total-invoice h2{color:#000;font-weight:700}.invoice-detail p{font-size:16px;font-weight:500;text-align:center}.invoice-detail h2{color:#000;font-weight:700;margin-bottom:20px;margin-top:30px;text-align:center}.long-input{width:100%}.mobile-action-card{align-items:center;background-color:#328cb4;background-color:var(--primary-color);border-radius:30px;bottom:155px;display:flex;height:62px;justify-content:center;padding:0;position:fixed;right:15px;transition:all .5s;width:168px}.mobile-action-card span{color:#fff;color:var(--light-color);font-size:16px;margin:auto 0 auto 10px;text-align:right}.mobile-action-card-link{display:flex;gap:18px}.mobile-action-icon{align-items:center;background-color:#fff;background-color:var(--light-color);border-radius:50%;display:flex;height:49px;justify-content:center;width:49px}.mobile-action-icon svg{color:#328cb4;color:var(--primary-color);height:20px;width:20px}.Add-Circle{align-items:center;background-color:#328cb4;background-color:var(--primary-color);border-radius:50%;bottom:80px;display:flex;height:62px;justify-content:center;position:fixed;right:15px;transition:all .5s;width:62px}.AddCircle1{height:30px;position:relative;right:-15.5px;width:3px}.AddCircle1,.AddCircle2{background-color:#fff;background-color:var(--light-color);transition:all .5s}.AddCircle2{height:3px;width:30px}.Add-Circle.show{background-color:#ff4d68;background-color:var(--danger-color);.AddCircle1,.AddCircle2{rotate:45deg}}.groupMenu.active:before{border:1rem solid #0000;border-bottom:1rem solid var(--primary-color);border-top:0;content:"";height:0;left:25%;position:absolute;top:-25%;width:0;z-index:999}.mobileGroupMenu{margin-bottom:15%!important}.mobileGroupMenu,.mobileGroupMenu .modal-title .custom-sticky{border-top-left-radius:4rem;border-top-right-radius:4rem}.modal-header .btn-close{border:.01rem solid #000;border-radius:100%;padding:.02rem}.modal-header .btn-close svg{rotate:45deg;vertical-align:middle}.periodinfo{display:flex!important}.btn-search{background-color:#28c76f!important;border:1px solid #28c76f!important;color:#fff;color:var(--light-color)}.filter{padding-left:15px!important;padding-right:15px!important}.status-box span{color:#000;display:block;font-size:20px;font-weight:700;margin-bottom:5px;text-align:center}.status-box-list div{align-items:center;border-radius:5px;color:#fff;display:flex;font-family:Roboto;font-size:16px;height:34px;justify-content:center;margin-bottom:10px;width:100px}.status-box-list{flex-direction:column;margin-top:6px}.status-box-list .pending{background-color:red}.status-box-list .paid-off{background-color:#1bbf00}.status-box-list span{color:#000;display:block;font-size:18px;font-weight:700;margin-bottom:5px;text-align:center}.status-container{gap:5px;justify-content:flex-end}.status-box,.status-box2,.status-container{align-items:center;display:flex}.status-box2{border-radius:10px;flex:1 1;justify-content:center;margin-top:30px;padding:10px}.status-box2 button{border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;height:30px;width:100px}.status-box{align-items:center;border-radius:5px;color:#fff;display:flex;flex:1 1;justify-content:center;padding:10px}.paid-off,.pending{background-color:#fff;border-radius:5px;color:#12a3dc;padding:5px 10px}.subTitle-container{display:flex;gap:20px;overflow-x:auto;padding-bottom:10px}.subTitle{color:#282561;cursor:pointer;flex:0 0 auto;font-size:1.2rem!important;font-weight:600!important;padding-bottom:10px!important;position:relative;white-space:nowrap}.date-range-arrow{position:absolute;right:25px}.btn-small{font-size:10px;height:auto;line-height:1.2;padding:4px 8px}@media only screen and (max-width:500px){.notfound .notfound-404 h1{font-size:156px;top:10%}.notfound h2{font-size:30px}.notfound p{font-size:12px}.notfound a{font-size:10px;padding:10px 38px}.navbar{height:60px!important}.navbar-brand,.navbar-left{text-align:center;width:100%!important}.navbar-brand img{height:45px!important}.navbar-right,.sidebar,.sidemenu-opener{display:none!important}.sidebar-icon{margin-right:0!important}.login-card{box-shadow:none;width:100%}.wide-screen{display:none!important}.content{padding:20px 20px 80px}.btn-module{border-radius:5px;min-height:38px;padding:.2rem 1rem}.bottom-nav{display:flex}.app-content{height:calc(100vh - 100px)}.order-status-item{border:0;margin-right:15px}.order-status-text{display:none!important}.achievement-content-left{padding:10px}.achievement-content-left .mc-fa,.achievement-content-right .mc-fa{display:none}.achievement-content-right div{margin-right:20px}.fleet-order-content-item div{padding:5px 15px}.fleet-order-content-item div .mc-fa{border-radius:100%;height:24px;padding:6px;position:absolute;right:15px;text-align:center;top:25px;width:24px}.order-content-item div{margin-bottom:10px;padding:10px 15px}.order-content-total div{margin-top:0}.subTitle-container{-webkit-overflow-scrolling:touch}.status-container{align-items:flex-start;flex-direction:column}.status-box span{margin-bottom:5px!important}.status-box div,.status-box span{font-size:12px!important;margin-left:0!important}.status-box div{height:25px!important;margin-bottom:20px!important;width:85px!important}.status-box-list div,.status-box-list span{font-size:12px!important;margin-left:0!important}.status-box-list div{height:25px!important;margin-bottom:10px!important;width:80px!important}.status-box2 button{border-radius:10px!important;font-size:12px!important;height:30px!important;margin-left:0!important;width:86px!important}.status-box2{align-self:flex-start;margin-bottom:-120px!important}}
/*# sourceMappingURL=main.db0e9afc.css.map*/