@import url(https://fonts.googleapis.com/css2?family=Montserrat:wght@100;400;700;900&family=M+PLUS+1p:wght@100;400;700;900&display=swap);*{box-sizing:border-box;margin:0;padding:0}body,div#root,html{color:#223354;font-family:M PLUS\ 1p,sans-serif;font-weight:700;height:100%;width:100%}::selection{background:#223354;color:#fff}a{color:#223354}a:hover{text-decoration:none}.app-layout .app-layout-content header{z-index:10}.app-layout .app-layout-content .app-content{background-color:#f0f0f0;flex-grow:1;min-height:0;width:100%}.app-layout .app-layout-content .app-content .cancel-modal-bg{z-index:11}.app-layout .app-layout-content footer{z-index:1}ul{list-style:none}.page-login{align-items:flex-start;background-color:#fff;display:flex;flex-direction:column;justify-content:center;min-height:100%;padding:40px 50px 30px;width:100%}.page-login img{margin-bottom:auto}.page-login h1{font-size:1.5rem}.page-login p{color:#6e7781;font-size:1rem;font-weight:400;margin-bottom:30px}.page-login p span{display:inline-block}.page-login .login-input-wrapper{align-items:center;display:flex;flex-direction:column;gap:20px;justify-content:center;margin-bottom:auto;width:100%}.page-login .login-input-wrapper .login-btn{border-radius:5px;font-weight:700;height:45px;letter-spacing:.15em;margin-top:30px}.page-login .login-input-wrapper a{font-size:.8rem;margin-top:10px}.page-login .login-sub-info{align-items:center;display:flex;gap:20px;justify-content:center;margin:0 auto;position:relative;width:100%}.page-login .login-sub-info:before{background-color:#e2e4e6;content:"";display:block;height:2px;left:50%;position:absolute;top:0;-webkit-transform:translate(-50%,-20px);transform:translate(-50%,-20px);width:100px}.page-login .login-sub-info a{color:#6e7781;font-size:.8rem}.page-notification ul{list-style:none}.page-notification ul li p.date{color:#6e7781;font-size:.8rem;margin:30px 0 5px}.page-instruction-list ul{list-style:none;margin-top:10px}.page-instruction-list .instruction-type-tabs{background-color:#fff;border-radius:5px;display:flex;margin-top:20px;padding:5px;width:100%}.page-instruction-list .instruction-type-tabs .tab{border-radius:5px;color:#6e7781;cursor:pointer;flex-grow:1;padding:5px 0;text-align:center;transition:background-color .3s,color .3s}.page-instruction-list .instruction-type-tabs .tab.active{background-color:#223354;color:#fff}.position-list{height:100%;overflow-y:auto;padding-bottom:100px}.position-list .display-date-label{color:#6e7781;font-size:14px;padding:10px 20px}.position-action-drawer{border-radius:30px;bottom:calc(50% - 422px)!important;left:calc(50% - 195px)!important;overflow:hidden;right:calc(50% - 195px)!important;top:calc(50% - 422px)!important}@media(max-width:390px){.position-action-drawer{border-radius:0;left:0!important;right:0!important}}@media(max-height:844px){.position-action-drawer{bottom:0!important;top:0!important}}.position-action-drawer .MuiDrawer-paperAnchorBottom{border-radius:12px 12px 0 0;padding:10px 0 20px;position:absolute!important}.position-item-wrapper{align-items:center;border-bottom:1px solid #c5c9cd;display:flex;margin-bottom:10px}.position-item-wrapper .position-item{border:none;cursor:auto}.position-item-wrapper .detail-btn{color:#c5c9cd;margin-right:20px}.position-item-wrapper .detail-btn span.icon-button-text{font-size:10px;font-weight:700;position:absolute;-webkit-transform:translateY(100%);transform:translateY(100%)}.position-detail-drawer{border-radius:30px;bottom:calc(50% - 422px)!important;left:calc(50% - 195px)!important;overflow:hidden;right:calc(50% - 195px)!important;top:calc(50% - 422px)!important}@media(max-width:390px){.position-detail-drawer{border-radius:0;left:0!important;right:0!important}}@media(max-height:844px){.position-detail-drawer{bottom:0!important;top:0!important}}.position-detail-drawer .MuiDrawer-paperAnchorBottom{height:100%;padding:10px 0 20px;position:absolute!important}.position-inprogress-drawer{border-radius:30px;bottom:calc(50% - 422px)!important;left:calc(50% - 195px)!important;overflow:hidden;right:calc(50% - 195px)!important;top:calc(50% - 422px)!important}@media(max-width:390px){.position-inprogress-drawer{border-radius:0;left:0!important;right:0!important}}@media(max-height:844px){.position-inprogress-drawer{bottom:0!important;top:0!important}}.position-inprogress-drawer .MuiDrawer-paperAnchorBottom{border-radius:12px 12px 0 0;padding:10px 0 20px;position:absolute!important}.position-inprogress-drawer .position-inprogress-title{border-bottom:1px solid #e2e4e6;font-size:1;font-weight:700;padding:10px 0;text-align:center}.app-layout{align-items:center;background:linear-gradient(-45deg,#000,#0d131d 30%,#151f32 95%,#000 120%);display:flex;height:100%;justify-content:center;width:100%}.app-layout .app-layout-content{align-items:flex-start;background-color:#fff;border-radius:30px;box-shadow:0 0 0 3px hsla(0,0%,100%,.3),0 0 0 12px hsla(0,0%,100%,.2),0 0 200px 0 rgba(0,0,0,.6);display:flex;flex-direction:column;height:100%;justify-content:flex-start;margin:0 auto;max-height:844px;max-width:390px;overflow:hidden;position:relative;width:100%}@media(max-width:390px){.app-layout .app-layout-content{border-radius:0;box-shadow:none}}.position-detail{display:grid;grid-template-rows:auto 1fr 54px;height:100%;overflow:hidden;width:100%}.position-detail .position-detail-header button.MuiButtonBase-root{color:#9099a9;font-weight:700}.position-detail .position-detail-list{overflow:auto;padding-bottom:100px}.position-detail .position-detail-footer{background-color:#fff;box-shadow:0 -5px 20px 0 #e2e4e6;padding-top:10px}.position-detail.-is-finished{grid-template-rows:auto 1fr}.calendar-header{background-color:#0d2f59;box-shadow:0 10px 20px 0 rgba(0,0,0,.2);color:#fff;width:100%;z-index:1}.calendar-header .globle-menu{align-items:center;display:flex;justify-content:space-between;padding-left:5px;padding-right:20px}.calendar-header .globle-menu a{align-items:center;display:flex;height:68px;justify-content:center}.calendar-header .globle-menu a img{height:70px;width:70px}.calendar-header .globle-menu .globle-user-status-btns{align-items:center;display:flex;gap:5px;justify-content:flex-end}.calendar-header .globle-menu .globle-user-status-btns .user-status-btn-rest{border-color:#fff;color:#fff;font-weight:700}.calendar-header .globle-menu .globle-user-status-btns .user-status-btn-leave{background-color:#fff;color:#0d2f59;font-weight:700}.calendar-header .globle-menu .globle-user-status-btns .user-status-btn-come{font-weight:700}.calendar-header .calendar-menu{align-items:center;display:flex;justify-content:space-between;padding:0 20px}.calendar-header ul.calendar-paging{align-items:center;display:flex;gap:12px;justify-content:center;margin-bottom:10px;padding:0 20px;width:100%}.calendar-header ul.calendar-paging .calendar-paging-btn{border:none;flex:0 0 40px;font-size:18px;font-weight:700;height:40px;letter-spacing:-.05em;margin:0;min-width:0;padding:0;width:40px}.calendar-header ul.calendar-paging .calendar-paging-btn.-is-active{background-color:#fff;color:#0d2f59}.calendar-header ul.calendar-paging .calendar-paging-btn .sub-weekday{font-size:9px;opacity:.5;position:absolute;top:-3px}.luggage-item{color:#6e7781;font-size:.8rem;font-weight:400;list-style-position:inside;padding:2px 5px}.luggage-item:nth-child(odd){background-color:rgba(34,51,84,.05)}.luggage-item span.id{border:.5px solid #c5c9cd;border-radius:2px;display:inline-block;margin-left:5px;margin-right:10px;text-align:center;width:36px}.luggage-item span.name{font-weight:700;margin-right:10px}.order-item{background-color:#fff;border-radius:5px;cursor:pointer;display:flex;gap:10px;margin-top:10px;padding:10px;transition:.3s;width:100%}.order-item .left,.order-item .left .check{height:24px}.order-item .right{flex-grow:1}.order-item .right p{align-items:center;display:flex;gap:5px;justify-content:flex-start}.order-item .right p svg{fill:#c5c9cd;height:.7em;width:.7em}.order-item .right .work-in-progress{background-color:#f5545f;border-radius:5px;color:#fff;font-size:.8rem;margin-bottom:5px;padding:3px 10px}.order-item .right .work-in-progress svg{fill:#fff}.order-item .right .work-in-progress span{padding-left:10px}.order-item .right .header{display:flex;padding-right:5px;width:100%}.order-item .right .header .type{border-radius:3px;color:#fff;font-size:.8rem;height:1.5rem;line-height:1.5rem;margin-right:10px;padding:0 10px}.order-item .right .header .type.green{background-color:#87ba12}.order-item .right .header .type.blue{background-color:#2290e5}.order-item .right .header .type.finished{color:#223354;font-size:1rem;padding:0}.order-item .right .header .plan-time{margin-left:auto}.order-item .right .header .plan-time span.outtime{color:hsla(212,8%,47%,.6);text-decoration:line-through}.order-item .right .col{border-top:1px solid #e2e4e6;margin-top:10px;padding-bottom:10px;padding-top:5px}.order-item .right .col p.destination{font-size:1.1rem}.order-item .right .col p.address,.order-item .right .col p.luggage-type{color:#6e7781;font-size:.8rem}.order-item .right .luggage-list{margin-top:5px;padding-bottom:10px;padding-top:5px}.order-item .right .action-btns{display:flex;gap:5px;padding:10px 0}.order-item .right .action-btns .btn{flex-grow:1;font-size:.8rem;font-weight:700;height:45px;padding:0}.order-item.finished .right .col p.address,.order-item.finished .right .col p.destination,.order-item.finished .right .col p.luggage-type{color:hsla(212,8%,47%,.6)}li.instruction-item{background-color:#fff;border-radius:5px;cursor:pointer;padding:8px 16px;position:relative;z-index:1}li.instruction-item:not(:last-child){margin-bottom:10px}li.instruction-item.unread{border-left:8px solid #f5545f;padding-left:8px}li.instruction-item.blue{border-left:8px solid #2290e5;padding-left:8px}li.instruction-item.blue svg[data-testid=RadioButtonCheckedIcon]{fill:#2290e5}li.instruction-item .title{font-size:1.1rem;gap:10px}li.instruction-item .title,li.instruction-item .title p{align-items:center;display:flex;justify-content:flex-start}li.instruction-item .title p{gap:5px;white-space:nowrap}li.instruction-item .title span{font-size:.9rem}li.instruction-item .sub{color:#6e7781;display:flex;gap:10px;padding-left:2rem}li.instruction-item .sub.blue{color:#2290e5}li.instruction-item .sub.blue svg{fill:#2290e5}li.instruction-item .sub p{align-items:center;display:flex;font-size:.9rem;gap:5px;justify-content:flex-start}li.instruction-item .sub p svg{fill:hsla(212,8%,47%,.5);height:.9rem;width:.9rem}li.instruction-item.past p.title{color:#6e7781;font-size:1rem}li.instruction-item.past .sub{color:hsla(212,8%,47%,.5)}.cancel-modal-bg{background-color:rgba(34,51,84,.5);bottom:0;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s}.cancel-modal-bg.slideIn{opacity:1}.cancel-modal-bg.slideIn.slideOut{opacity:0}.cancel-modal-bg h2{border-bottom:1px solid #223354;font-size:1.2rem;margin-bottom:10px;padding-bottom:10px}.cancel-modal-bg .cancel-modal{background-color:#fff;border-radius:20px 20px 0 0;bottom:0;box-shadow:0 -10px 50px 0 rgba(34,51,84,.2);display:flex;flex-direction:column;flex-grow:1;gap:10px;left:0;margin-top:10px;padding:20px;position:absolute;-webkit-transform:translateY(50%);transform:translateY(50%);transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s;width:100%}.cancel-modal-bg .cancel-modal.slideIn{-webkit-transform:translate(0);transform:translate(0)}.cancel-modal-bg .cancel-modal.slideIn.slideOut{-webkit-transform:translateY(50%);transform:translateY(50%)}.cancel-modal-bg .cancel-modal p{align-items:center;display:flex;gap:5px;justify-content:flex-start}.cancel-modal-bg .cancel-modal p svg{fill:#c5c9cd;height:.7em;width:.7em}.cancel-modal-bg .cancel-modal .header{display:flex;padding-right:5px;width:100%}.cancel-modal-bg .cancel-modal .header .type{border-radius:3px;color:#fff;font-size:.8rem;height:1.5rem;line-height:1.5rem;margin-right:10px;padding:0 10px}.cancel-modal-bg .cancel-modal .header .type.green{background-color:#87ba12}.cancel-modal-bg .cancel-modal .header .type.blue{background-color:#2290e5}.cancel-modal-bg .cancel-modal .header .type.finished{color:#223354;font-size:1rem;padding:0}.cancel-modal-bg .cancel-modal .header .plan-time{margin-left:auto}.cancel-modal-bg .cancel-modal .header .plan-time span.outtime{color:hsla(212,8%,47%,.6);text-decoration:line-through}.cancel-modal-bg .cancel-modal .col{border-top:1px solid #e2e4e6;margin-top:10px;padding-bottom:10px;padding-top:5px}.cancel-modal-bg .cancel-modal .col p.destination{font-size:1.1rem}.cancel-modal-bg .cancel-modal .col p.address,.cancel-modal-bg .cancel-modal .col p.luggage-type{color:#6e7781;font-size:.8rem}.cancel-modal-bg .cancel-modal .luggage-list{margin-top:5px;padding-bottom:10px;padding-top:5px}.position-item{background-color:#fff;border-top:1px solid #c5c9cd;cursor:pointer;font-weight:700;position:relative;width:100%;z-index:0}.position-item:last-child{border-bottom:1px solid #c5c9cd}.position-item span.index-display{color:rgba(34,51,84,.03);font-family:Montserrat,sans-serif;font-size:4rem;line-height:4rem;pointer-events:none;position:absolute;right:20px;top:10px;-webkit-user-select:none;user-select:none}.position-item .status-header{align-items:center;background-color:#f5545f;border-radius:5px;color:#fff;display:flex;gap:10px;justify-content:flex-start;margin:10px 20px 5px;padding:2px 5px;width:calc(100% - 40px)}.position-item .status-header svg{font-size:18px}.position-item .label-header{display:flex;margin-bottom:5px;padding:0 20px}.position-item .label-header:first-child{margin-top:10px}.position-item .label-header span.label{border-radius:3px;color:#fff;font-size:14px;margin-right:5px;padding:2px 5px}.position-item .label-header span.label.-red{background-color:#f5545f}.position-item .label-header span.label.-green{background-color:#87ba12}.position-item .label-header span.label.-blue{background-color:#2290e5}.position-item .position-info-row{align-items:flex-start;display:flex;gap:5px;justify-content:flex-start;padding:0 20px}.position-item .position-info-row:first-child{padding-top:10px}.position-item .position-info-row:last-child{padding-bottom:10px}.position-item .position-info-row svg{color:#c5c9cd;font-size:18px;margin-top:3px}.position-item .position-info-row.-address{color:#9099a9;font-size:14px}.position-item .position-info-row.-address p span{display:inline-block;margin-right:5px}.position-item.-is-finished{background-color:transparent;color:#9099a9;font-size:14px;line-height:1.5rem}.position-item.-is-finished .position-info-row{flex-wrap:wrap;gap:10px;row-gap:0}.position-item.-is-finished .position-info-row p{align-items:center;display:flex;gap:3px;justify-content:flex-start}.position-item.-is-finished .position-info-row p svg{font-size:18px;margin-top:0}.operation-item{padding:10px 20px}.operation-item:not(:first-child){border-top:1px solid #c5c9cd}.operation-item:last-child{border-bottom:1px solid #c5c9cd}.operation-item .row{grid-column-gap:20px;-webkit-column-gap:20px;column-gap:20px;display:grid;font-size:14px;grid-template-columns:60px 1fr;line-height:135%}.operation-item .row p.label{color:#c5c9cd;font-weight:700;text-align:justify;text-align-last:justify}.operation-item .row p.value{color:#223354}.driver-info{align-items:center;display:flex;flex-direction:column;gap:10px;justify-content:center;padding:20px 0}.driver-info .img-wrapper{background-color:#fff;border-radius:50%;box-shadow:0 5px 5px 0 rgba(34,51,84,.1);height:76px;margin-bottom:10px;overflow:hidden;padding:5px;width:76px}.driver-info .img-wrapper img{height:100%;object-fit:cober;width:100%}.driver-info p.driver-name{font-size:1.2rem;line-height:100%}.driver-info p.driver-name span{font-size:.8rem}.driver-info .vehicle-number{align-items:center;color:#6e7781;display:flex;font-size:.8rem;gap:5px;justify-content:center;line-height:100%}.driver-info .vehicle-number svg{height:.6em;width:.6em}.instruction-header{background-color:#223354;border-radius:5px;color:#fff;margin:10px 0;padding:10px;text-align:center}.instruction-header .order-date{font-size:1.2rem}.instruction-header .notification-date{font-size:.8rem}.cancel-form{padding:0 20px}.cancel-form textarea{border:1px solid #223354;border-radius:5px;box-shadow:0 0 0 5px transparent;font-size:1rem;letter-spacing:.05em;outline:none;padding:10px;resize:none;transition:box-shadow .3s,border .3s;width:100%}.cancel-form textarea:focus{border:1px solid #f5545f;box-shadow:0 0 0 5px rgba(245,84,95,.3)}.cancel-form .cancel-btns{display:flex;gap:10px}.cancel-form .cancel-btns .cancel-btn{font-size:1rem;font-weight:700;height:45px;margin-top:10px}li.notification-item{background-color:#fff;border-radius:5px;cursor:pointer;padding:8px 20px;position:relative;z-index:1}li.notification-item:not(:last-child){margin-bottom:10px}li.notification-item.unread{border-left:8px solid #f5545f;padding-left:12px}li.notification-item p.title span.unread{background-color:#f5545f;border-radius:2px;color:#fff;font-size:.8rem;font-weight:700;margin-right:10px;padding:2px 5px}li.notification-item p.datetime{align-items:center;color:#6e7781;display:flex;font-size:.8rem;gap:5px;justify-content:flex-start;padding-top:2px}li.notification-item p.datetime svg{height:.8rem;width:.8rem}.instruction-meta{background-color:#fff;border-radius:10px;margin:10px 0;padding:0 10px}.instruction-meta .row{align-items:center;display:flex;gap:20px;justify-content:flex-start;padding:5px 10px}.instruction-meta .row:not(:last-child){border-bottom:1px solid #e2e4e6}.instruction-meta .row p{align-items:center;display:flex;gap:5px;justify-content:flex-start}.instruction-meta .row p svg{fill:#c5c9cd;height:1rem;width:1rem}.instruction-meta .row p span{color:#9099a9;font-size:.8rem;margin-right:5px}.position-action-btns{display:flex;gap:10px;padding:0 20px}.position-action-btns span.sub-info{bottom:-15px;font-size:10px;font-weight:700;position:absolute}.position-action-btns span.sub-info.-pause{color:#f5545f}.position-action-btns span.sub-info.-play{color:#3d83a1}.position-action-btns .cancel-btn{border:2px solid #f5545f}.position-action-btns .cancel-btn:hover{border-color:#f7767f;color:#f7767f}.position-action-btns .pause-btn{background-color:#f5545f;color:#fff;flex:0 0 44px;width:44px}.position-action-btns .pause-btn:hover{background-color:#f7767f}.position-action-btns .play-btn{background:linear-gradient(276.3deg,#2a5c74,#51aed4 96.46%);color:#fff;flex:0 0 44px;width:44px}.position-action-btns .swipe-btn{border-radius:50px;font-weight:700}.position-action-btns .swipe-btn.-unload{background:linear-gradient(276.3deg,#2a5c74,#51aed4 96.46%)}.position-action-btns .swipe-btn.-load{background:linear-gradient(96.48deg,#87ba11 -6.48%,#4f7209)}.position-action-btns .swipe-btn.disable{background:#e2e4e6}.position-action-btns .swipe-btn.-redo{background:#f5545f}
/*# sourceMappingURL=main.9da666b3.css.map*/