@font-face{font-family:'icon';src:url("fonts/icon.eot?gk6exh");src:url("fonts/icon.eot?gk6exh#iefix") format("embedded-opentype"),url("fonts/icon.ttf?gk6exh") format("truetype"),url("fonts/icon.woff?gk6exh") format("woff"),url("fonts/icon.svg?gk6exh#icon") format("svg");font-weight:normal;font-style:normal;font-display:block}[class^="icon-"],[class*=" icon-"]{font-family:'icon' !important;speak:never;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon-search:before{content:"\e911"}.icon-back:before{content:"\e910";color:#03053d}.icon-weigh:before{content:"\e900";color:#0a4983}.icon-chart:before{content:"\e901"}.icon-up:before{content:"\e902";color:#0a4983}.icon-down:before{content:"\e903";color:#c5cfd5}.icon-success-circle:before{content:"\e904";color:#72e5a7}.icon-close-circle:before{content:"\e905";color:#ff7c7c}.icon-time:before{content:"\e906";color:#2dd096}.icon-close:before{content:"\e907";color:#67c3e5}.icon-profile:before{content:"\e908";color:#6b7f9c}.icon-location:before{content:"\e909"}.icon-home:before{content:"\e90a"}.icon-noti:before{content:"\e90b";color:#67c3e5}.icon-pin:before{content:"\e90c";color:#0a4983}.icon-calendar:before{content:"\e90d";color:#0a4983}.icon-hide-password:before{content:"\e90e"}.icon-check:before{content:"\e90f"}@-webkit-keyframes zoom{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg);-webkit-transition:.6s;-o-transition:.6s;transition:.6s}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg);-webkit-transition:.6s;-o-transition:.6s;transition:.6s}}@keyframes zoom{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg);-webkit-transition:.6s;-o-transition:.6s;transition:.6s}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg);-webkit-transition:.6s;-o-transition:.6s;transition:.6s}}body{font-family:'Kanit', sans-serif;margin:0;background-color:#F5F7FA;padding-bottom:75px}body.noscroll{overflow:hidden}button{border:none}button:focus,button:hover{outline:none}select:focus,select:hover{outline:none}.box-no-data{text-align:center;margin:0 auto}.box-no-data img{padding:15px 0}.loading{width:100%;height:100%;position:fixed;top:0;left:0;right:0;bottom:0;z-index:999999;-webkit-transition:.6s;-o-transition:.6s;transition:.6s;margin:0 auto;display:none}.loading.hide{display:none}.loading-inner{position:relative;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;top:50%;left:50%;transform:translate(-50%, -50%)}.loading-circle{width:100px;height:100px;position:relative;border-style:solid;border-width:3px;border-top-color:#df81df;border-bottom-color:transparent;border-left-color:transparent;border-right-color:transparent;z-index:10;border-radius:50%;background-color:transparent;-webkit-animation:zoom 2000ms infinite ease;animation:zoom 2000ms infinite ease;-webkit-transition:.6s;-o-transition:.6s;transition:.6s}.loading-img{position:absolute;top:50%;z-index:200;left:0;right:0;margin:0 auto;text-align:center;display:inline-block;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);padding-top:6px;-webkit-transition:.6s;-o-transition:.6s;transition:.6s}.loading-img img{max-width:90px}.footer{position:fixed;width:100%;bottom:0;border-top:1px solid #eee;box-shadow:0px -10px 16px rgba(189,193,233,0.16)}.footer-list{width:100%;display:inline-grid;grid-template-columns:25% 25% 25% 25%;background-color:#fff;margin:0;padding:0}.footer-list .items{display:inline-block;padding:5px 0;margin:1px auto;text-align:center;line-height:1;width:100%}.footer-list .items i{display:block;padding:0;margin:0;font-size:20px;margin-bottom:5px;color:#6B7F9C}.footer-list .items span{font-size:12px;font-weight:600;color:#6B7F9C}.footer-list .items.active i,.footer-list .items.active span{color:#33B9EC}.step-start-page{height:100vh;width:100%;position:fixed;top:0;background:-moz-linear-gradient(180deg, #fff 0%, #F6F7FA 100%);background:-webkit-linear-gradient(180deg, #fff 0%, #F6F7FA 100%);background:linear-gradient(180deg, #fff 0%, #F6F7FA 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFFFF', endColorstr='#F6F7FA',GradientType=0 )}.step-start-page .step-header{padding:15px;border-bottom:1px solid #D7DCE5;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center}.step-start-page .step-header span{font-size:24px;font-weight:bold;padding-top:5px;color:#0D3356}.step-start-page .step-body{padding:0 15px 180px;overflow:scroll;height:100%}.step-start-page .step-body .box-action{padding-top:15px}.step-start-page .step-body .box-action .title{font-size:16px;font-weight:600;color:#2E4870;padding-bottom:5px}.step-start-page .step-body .box-action .step-select{width:100%;height:50px;padding:10px;border-radius:8px;border:1px solid #eee;background-color:#FFFFFF;box-shadow:0px 4px 10px rgba(139,167,209,0.4)}.step-start-page .step-body .box-action .step-select:invalid{color:#9FB1BB}.step-start-page .step-body .calendar-title{font-size:16px;font-weight:600;color:#2E4870;padding-bottom:5px;padding-top:15px}.step-start-page .step-body .box-calendar{background-color:#fff;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%;height:48px;border-radius:8px;outline:none;padding:10px 0;position:relative;box-shadow:0px 4px 10px rgba(139,167,209,0.4)}.step-start-page .step-body .box-calendar .btn-box-calendar{background-color:transparent}.step-start-page .step-body .box-calendar .text-date{font-size:16px;font-weight:normal;color:#0a4983}.step-start-page .step-body .box-calendar input{width:70%;border:none;height:48px;border-radius:8px;color:#0a4983;display:inline-block}.step-start-page .step-body .box-calendar input[type="date"]{opacity:0;position:absolute;top:0;width:100%;height:48px;left:0}.step-start-page .step-body .box-calendar input[type="date"]::-webkit-calendar-picker-indicator{position:absolute;top:0;left:0;right:0;bottom:0;width:auto;height:auto;color:transparent;background:transparent;width:100%}.btn-close-step-start{border:none;background-color:#FFFFFF;box-shadow:0px 4px 10px rgba(139,167,209,0.4);border-radius:50%;height:40px;width:40px;font-size:24px;padding:5px 0;float:right}.step-select-area{width:100%}.select2-container--default .select2-selection--multiple{padding:6px 10px;border-radius:16px;border:1px solid #C5CFD4}.select2-container--default.select2-container--focus .select2-selection--multiple{padding:6px 10px;border-radius:16px;border:1px solid #C5CFD4}.toggle{color:#484848}.toggle .toggle-body{padding-bottom:20px;display:none}.toggle ul{list-style:none;margin-bottom:0px;padding-left:0}.toggle ul li{width:100%;display:inline-block}.toggle .checkbox{margin-top:5px;margin-bottom:5px;display:flex}.toggle .has-sub{-webkit-transition:.3s ease 0s;-moz-transition:.3s ease 0s;-o-transition:.3s ease 0s;transition:.3s ease 0s;box-shadow:0px 4px 10px rgba(139,167,209,0.4);border-radius:8px;background-color:#fff}.toggle .has-sub>li{position:relative;cursor:pointer;padding:10px 30px 10px 15px}.toggle .has-sub>li .btn-select-checkbox{position:absolute;top:4px;right:8px;font-size:30px;background-color:transparent;height:40px}.toggle .has-sub>li .btn-select-checkbox .icon-up{display:none}.toggle .has-sub>li .btn-select-checkbox .icon-down{display:block}.toggle .has-sub.active>li{background:-moz-linear-gradient(90deg, #9BD2E8 0%, #74C9E9 100%);background:-webkit-linear-gradient(90deg, #9BD2E8 0%, #74C9E9 100%);background:linear-gradient(90deg, #9BD2E8 0%, #74C9E9 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#9BD2E8', endColorstr='#74C9E9',GradientType=0 );border-top-left-radius:8px;border-top-right-radius:8px}.toggle .has-sub.active>li .btn-select-checkbox .icon-up{display:block}.toggle .has-sub.active>li .btn-select-checkbox .icon-up:before{color:#FFFFFF}.toggle .has-sub.active>li .btn-select-checkbox .icon-down{display:none}.toggle .has-sub.active>li .checkbox label{color:#FFF}.toggle .has-sub.active>li .checkbox input[type=checkbox]:checked+label::after{background-color:#FFFFFF;color:#74C9E9}.toggle .has-sub>ul{display:none;padding:10px 15px;margin:5px 0px}.toggle .has-sub>ul .checkbox{margin-top:5px;margin-bottom:5px}.checkbox{position:relative}.checkbox label{display:inline-block;position:relative;padding-left:10px;color:#484848;margin-bottom:0;cursor:pointer;width:100%;font-size:14px}.checkbox label::before{content:"";display:inline-block;position:absolute;width:20px;height:20px;left:6px;top:1px;margin-left:-25px;border:1px solid #C5CFD4;border-radius:3px;background-color:#FFFFFF}.checkbox label::after{display:inline-block;position:absolute;width:20px;height:20px;left:6px;top:1px;margin-left:-25px;padding-left:3px;padding-top:1px;font-size:11px;color:#555;border-radius:3px}.checkbox input[type=checkbox]{opacity:0;margin-left:7px}.checkbox input[type=checkbox]:checked+label::after{font-family:'icon' !important;content:"\e90f";background-color:#2DD096;border-color:#2DD096;font-weight:900;color:#fff;line-height:20px;text-align:center;padding:0px;font-size:9px}.section-group-work .has-sub{margin-bottom:15px}.step-footer{position:fixed;bottom:0;width:100%;background:#FFFFFF;box-shadow:0px -10px 16px rgba(189,193,233,0.16);border-radius:18px 18px 0px 0px;padding:15px}.step-footer .btn-confirm{box-shadow:0px 4px 10px rgba(139,167,209,0.4);border-radius:13px;width:100%;background:-moz-linear-gradient(90deg, #9BD2E8 0%, #74C9E9 100%);background:-webkit-linear-gradient(90deg, #9BD2E8 0%, #74C9E9 100%);background:linear-gradient(90deg, #9BD2E8 0%, #74C9E9 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#9BD2E8', endColorstr='#74C9E9',GradientType=0 );color:#FFFFFF;padding:15px}.noti{height:100vh;background-color:#F5F7FA;width:100%;position:fixed;top:0;z-index:100;padding:30px 0}.noti-header{border-bottom:1px solid #D7DCE5;padding:0 15px 20px}.noti-header .title{color:#0D3356;font-size:24px;font-weight:bold}.noti-body{overflow:scroll;padding:0 15px 50px;height:100%}.noti-card{border-radius:16px;background-color:#fff;margin-top:15px;box-shadow:0px 4px 10px rgba(139,167,209,0.4);padding:15px;position:relative}.noti-card .title{font-size:16px;font-weight:bold;color:#3D6CB1}.noti-card .text{font-size:16px;color:#000}.noti-card .text span{color:#000;padding-right:5px}.noti-card .date{font-size:12px;color:#9FB1BB}.noti-card .box-btn{padding-top:15px}.noti-card .no-read{position:absolute;top:-1px;width:10px;height:10px;border-radius:50%;background-color:red;right:-2px}.btn-close-noti{border-radius:50%;background-color:#ffffff;box-shadow:0px 4px 10px rgba(139,167,209,0.4);height:40px;width:40px;font-size:20px;padding:7px 0}.noti-no-data{font-size:18px;color:#adb5bd;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}.btn-noti-cancel{background-color:transparent;border:1px solid #79CAE8;color:#79CAE8;height:35px;border-radius:8px;padding:3px 0;width:100px;margin-right:5px}.btn-noti-confirm{background-color:#2DD096;border:1px solid #2DD096;color:#ffffff;height:35px;border-radius:8px;padding:3px 0;width:100px}.forword{height:100vh;background-color:#F5F7FA;width:100%;position:fixed;top:0;z-index:100;padding:30px 0}.forword-header{border-bottom:1px solid #D7DCE5;padding:0 15px 20px}.forword-header .title{color:#0D3356;font-size:24px;font-weight:bold}.forword-body{overflow:scroll;padding:0 15px 50px;height:100%}.forword-card{border-radius:16px;background-color:#fff;margin-top:15px;box-shadow:0px 4px 10px rgba(139,167,209,0.4);padding:15px}.forword-card .title{font-size:16px;font-weight:bold;color:#3D6CB1}.forword-card .text{font-size:16px;color:#9FB1BB}.forword-card .text span{color:#000;padding-right:5px}.forword-card .box-btn{padding-top:15px}.forword-card img{width:40px;height:40px;object-fit:cover;object-position:center;border-radius:50%;border:1px solid #eee}.forword-card .box-name{padding-left:10px}.forword-card .box-name .name{color:#3D6CB1;font-size:14px}.forword-card .box-name .car{color:#9FB1BB;font-size:14px}.forword-card .box-name .start{font-size:12px;color:#2DD096}.forword-card .box-name .end{font-size:12px;color:#FF7C7C}.forword-card .box-name .no-start{font-size:12px;color:#ffbf7c}.forword-card .btn-forward-driver{background:-moz-linear-gradient(90deg, #9BD2E8 0%, #74C9E9 100%);background:-webkit-linear-gradient(90deg, #9BD2E8 0%, #74C9E9 100%);background:linear-gradient(90deg, #9BD2E8 0%, #74C9E9 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#9BD2E8', endColorstr='#74C9E9',GradientType=0 );padding:5px 30px;box-shadow:0px 4px 10px rgba(139,167,209,0.4);border-radius:8px;color:#FFFFFF;font-size:14px}.btn-close-forword{border-radius:50%;background-color:#ffffff;box-shadow:0px 4px 10px rgba(139,167,209,0.4);height:40px;width:40px;font-size:20px;padding:7px 0}.forword-no-data{font-size:18px;color:#adb5bd;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}.btn-forword-cancel{background-color:transparent;border:1px solid #79CAE8;color:#79CAE8;height:35px;border-radius:8px;padding:3px 0;width:100px;margin-right:5px}.btn-forword-confirm{background-color:#2DD096;border:1px solid #2DD096;color:#ffffff;height:35px;border-radius:8px;padding:3px 0;width:100px}.start-stop-work{position:fixed;bottom:54px;left:0;border-radius:18px 18px 0px 0px;background:rgba(239,243,246,0.98);padding:15px 15px 10px;width:100%;box-shadow:0px -10px 16px rgba(189,193,233,0.16)}.start-stop-work .box-stop-work .box-time{display:inline-block}.start-stop-work .box-stop-work .box-time i{font-size:35px}.start-stop-work .box-stop-work .box-time .text-time{display:inline-block;color:#2DD096;padding-left:5px}.start-stop-work .box-stop-work .box-time .text-time .text{font-size:14px;margin-bottom:0}.start-stop-work .box-stop-work .box-time .text-time .text span{padding:0 10px 0 15px}.start-stop-work .box-stop-work .box-time .text-time .text.red{color:#FF7C7C}.start-stop-work .box-stop-work .box-time .text-time .text.red span{padding:0 10px 0 8px}.start-stop-work .box-stop-work .box-time .text-time .time{font-size:24px;font-weight:600;margin-bottom:0}.btn-start-work{width:100%;background:-moz-linear-gradient(90deg, #9BD2E8 0%, #74C9E9 100%);background:-webkit-linear-gradient(90deg, #9BD2E8 0%, #74C9E9 100%);background:linear-gradient(90deg, #9BD2E8 0%, #74C9E9 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#9BD2E8', endColorstr='#74C9E9',GradientType=0 );height:48px;border-radius:13px;color:#FFFFFF;font-size:14px}.btn-stop-work{height:48px;font-size:14px;border-radius:13px;color:#FFFFFF;background-color:#FF7C7C;float:right;padding:0 15px}.litter-info{height:100vh;background-color:#F5F7FA;width:100%;position:fixed;top:0;z-index:100;padding:30px 0}.litter-info-header{border-bottom:1px solid #D7DCE5;padding:0 15px 20px}.litter-info-header .title{color:#0D3356;font-size:24px;font-weight:bold}.litter-info-body{overflow:scroll;padding:0 15px 50px;height:100%}.litter-info-body .box-type .title{padding:15px 0 10px;color:#2E4870}.litter-info-body .box-type label{width:48%;height:50px;margin:0 8px}.litter-info-body .box-type label:first-child{margin:0 8px 0 0}.litter-info-body .box-type label:last-child{margin:0 0 0 8px}.litter-info-body .box-type input[type=radio]{position:absolute;opacity:0;width:0;height:0}.litter-info-body .box-type input[type=radio]+div.box-text{width:100%;height:50px;cursor:pointer;text-align:center;border-radius:8px;border:1px solid #C5CFD5;position:relative;display:flex;align-items:center;justify-content:center;color:#0A4983;background-color:#FFFFFF}.litter-info-body .box-type input[type=radio]:checked+div.box-text{border:none;color:#FFFFFF;background-color:#2DD096}.litter-info-body .box-weight .title{padding:15px 0 10px;color:#2E4870}.litter-info-body .box-weight .info{position:relative}.litter-info-body .box-weight .info i{position:absolute;top:50%;left:10px;transform:translate(0, -50%);font-size:20px}.litter-info-body .box-weight .info input{width:100%;height:50px;border-radius:8px;border:1px solid #C5CFD5;padding:0 15px 0 35px}.litter-info-body .box-weight .error{font-size:12px;color:red;text-align:right;padding-top:5px;display:none}.btn-close-litter-info{border-radius:50%;background-color:#ffffff;box-shadow:0px 4px 10px rgba(139,167,209,0.4);height:40px;width:40px;font-size:20px;padding:7px 0}.litter-info-footer{position:absolute;bottom:0;width:100%;padding:15px;background-color:#ffffff}.btn-litter-info-confirm{background-color:#67C3E5;border-radius:8px;color:#FFFFFF;height:40px;padding:3px 0;width:100%}#login{height:100vh}#login .form-group{padding-top:15px;position:relative}#login label{font-weight:600;font-size:16px;line-height:24px;color:#0A4983}.login-logo{margin-top:30px;margin-left:15px}.form-login{padding:15px;background-color:#f0f4f6;box-shadow:0px -10px 16px rgba(189,193,233,0.16);border-radius:18px;position:relative;top:35%;transform:translate(0, -50%)}.login-submit{background:linear-gradient(90deg, #9BD2E8 1.44%, #74C9E9 100%);box-shadow:0px 4px 10px rgba(139,167,209,0.4);border-radius:13px;color:#fff;border:none;width:100%;height:56px;margin-top:12%;margin-bottom:10px}.input-login{border:1px solid #C5CFD5;box-sizing:border-box;border-radius:13px;height:56px}.input-login:focus{border:2px solid #0A4983;outline:none;box-shadow:none}.input-login::-webkit-input-placeholder{color:#C5CFD4}.input-login::-moz-placeholder{color:#C5CFD4}.input-login:-ms-input-placeholder{color:#C5CFD4}.input-login:-moz-placeholder{color:#C5CFD4}.btn-hide-password{border:none;background-color:transparent;position:absolute;right:0;bottom:0;font-size:25px;height:55px;padding:0 15px;color:#c5cfd5}.btn-hide-password.active{color:#74C9E9}#login-error{color:red;text-align:center}#home{padding-bottom:140px}.home-header{padding:20px 15px}.home-header .box-title .title{font-size:24px;color:#2E4870;font-weight:bold;display:inline-block}.home-header .box-title .box-name{display:inline-block;padding-left:15px;line-height:12px;font-size:12px;color:#9FB1BB}.home-header .box-title .box-name .name{margin:0}.home-header .box-title .box-name .car_registation{margin:0}.home-header .dropdown{display:inline-block;float:right;width:40px;height:40px;border-radius:50%;background-color:#E6EAF0;box-shadow:0px 4px 10px rgba(139,167,209,0.4);text-align:center}.home-header .dropdown-menu.show{top:40px !important;left:unset !important;right:0 !important;transform:translate(0) !important}.chart-text{font-weight:bold}.btn-noti{background-color:#FFFFFF;width:40px;height:40px;font-size:22px;padding-top:5px;border-radius:50%}.show-noti{background-color:#F95E5E;width:8px;height:8px;border-radius:50%;position:absolute;top:1px;right:4px}.home-filter{padding:0 15px 15px;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between}.home-filter .box-calendar{background-color:#fff;-ms-flex:0 0 49%;flex:0 0 49%;max-width:49%;height:48px;border-radius:8px;outline:none;padding:10px 0;position:relative;box-shadow:0px 4px 10px rgba(139,167,209,0.4)}.home-filter .box-calendar .btn-box-calendar{background-color:transparent}.home-filter .box-calendar .text-date{font-size:14px;font-weight:normal;color:#0a4983}.home-filter .box-calendar input{width:70%;border:none;height:48px;border-radius:8px;color:#0a4983;display:inline-block}.home-filter .box-calendar input[type="date"]{opacity:0;position:absolute;top:0;width:100%;height:48px;left:0}.home-filter .box-calendar input[type="date"]::-webkit-calendar-picker-indicator{position:absolute;top:0;left:0;right:0;bottom:0;width:auto;height:auto;color:transparent;background:transparent;width:100%}.home-filter .box-site{background-color:#fff;-ms-flex:0 0 49%;flex:0 0 49%;max-width:49%;height:48px;border-radius:8px;box-shadow:0px 4px 10px rgba(139,167,209,0.4)}.home-filter .box-site .btn-box-pin{background-color:transparent;width:20%}.home-filter .box-site .select-site{height:48px;border:none;border-width:0;-webkit-appearance:none;-moz-appearance:none;text-indent:1px;text-overflow:'';width:73%;color:#0a4983;background-color:transparent}.home-filter .box-site .select-site:focus{outline:none}.home-chart{padding:0 15px}.home-chart-card{background-color:#FFFFFF;box-shadow:0px 4px 10px rgba(139,167,209,0.4);border-radius:16px;padding:15px;display:-ms-flexbox;display:flex}.home-chart-card .box-data{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.home-chart-card .box-data .title{font-size:16px;color:#0A4983;font-weight:bold;margin-bottom:10px}.home-chart-card .box-data .list-items{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;padding:3px 0}.home-chart-card .box-data .list-items .circle-1{background-color:#D8E3E8;width:14px;height:14px;border-radius:50%;display:inline-block;margin-right:7px}.home-chart-card .box-data .list-items .circle-2{background-color:#72E5A7;width:14px;height:14px;border-radius:50%;display:inline-block;margin-right:7px}.home-chart-card .box-data .list-items .circle-3{background-color:#67C3E5;width:14px;height:14px;border-radius:50%;display:inline-block;margin-right:7px}.home-chart-card .box-data .list-items .text{font-size:14px;font-weight:500;color:#9FB1BB}.home-chart-card .box-chart{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%;text-align:right;height:120px;position:relative;overflow:hidden}.home-chart-card .box-chart #chart{width:160px;height:160px;margin-top:-15px}.home-chart-card .box-chart #labelOverlay{position:absolute;top:53%;left:78px;text-align:center;cursor:default;transform:translate(-50%, -50%)}.home-chart-card .box-chart #labelOverlay p{padding:0;margin:0}.home-chart-card .box-chart #labelOverlay p.total{font-size:24px;color:#9FB1BB}.home-chart-card .box-chart #labelOverlay p.total.active{color:#0A4983}.home-average{padding:0 15px 15px}.home-average-card{background-color:#FFFFFF;box-shadow:0px 4px 10px rgba(139,167,209,0.4);border-radius:16px;padding:15px 15px 8px;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.home-average-card .box-info{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%;text-align:center}.home-average-card .box-info .title{color:#0A4983;font-size:12px}.home-average-card .box-info .data{color:#2DD096;font-size:18px;font-weight:bold}.home-chart-time{padding:15px 15px 0}.home-chart-time-card{background-color:#FFFFFF;box-shadow:0px 4px 10px rgba(139,167,209,0.4);border-radius:16px;padding:0;overflow:hidden}.home-chart-time-card .title{font-size:16px;color:#0A4983;font-weight:bold;padding:15px 0 0 15px}.home-round{padding:15px}.home-round-card{background-color:#FFFFFF;box-shadow:0px 4px 10px rgba(139,167,209,0.4);border-radius:16px;padding:15px}.home-round-card .header{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;font-size:12px;background-color:#67C3E5;border-radius:5px;color:#FFFFFF;text-align:center;padding:7px 0}.home-round-card .header .c-1{-ms-flex:0 0 15%;flex:0 0 15%;max-width:15%}.home-round-card .header .c-2{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.home-round-card .header .c-3{-ms-flex:0 0 30%;flex:0 0 30%;max-width:30%}.home-round-card .header .c-4{-ms-flex:0 0 30%;flex:0 0 30%;max-width:30%}.home-round-card .list{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;padding:5px 0;text-align:center}.home-round-card .list .c-1{-ms-flex:0 0 15%;flex:0 0 15%;max-width:15%}.home-round-card .list .c-2{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.home-round-card .list .c-3{-ms-flex:0 0 30%;flex:0 0 30%;max-width:30%}.home-round-card .list .c-4{-ms-flex:0 0 30%;flex:0 0 30%;max-width:30%}.home-round-card .list:nth-of-type(even){background-color:#F4F7FE}.profile-header{padding:20px 15px}.profile-header span{font-size:20px;color:#2E4870;font-weight:bold}.btn-logout{background-color:transparent;border:none;color:#33B9EC}.profile-body{padding:0 15px 15px}.profile-body .box-content-profile{box-shadow:0px 4px 10px rgba(139,167,209,0.4);border-radius:24px;padding:20px 15px;background-color:#FFFFFF}.profile-body .box-content-profile img{width:62px;height:62px;border:1px solid #C5CFD5;border-radius:50%;object-fit:cover;object-position:center}.profile-body .box-content-profile .pdl-0{padding-left:0}.profile-name{font-weight:600;color:#0A4983}.profile-email{color:#909399}.profile-phone{color:#909399}.row-sattus{padding-top:15px}.profile-status-car{height:32px;border-radius:30px;border:1px solid #C5CFD4;width:100%;padding:0 15px}.profile-status-car.active{color:#27AE60}.profile-status-car.inactive{color:#FF7C7C}.profile-change-password{text-align:center}.profile-change-password .btn-change-password{color:#FF9900;text-decoration:none;cursor:pointer;background-color:transparent;padding:10px}#location{padding-bottom:140px}#location_now_Map{height:50vh}.location-table{padding:15px}.location-table-card{background-color:#FFFFFF;box-shadow:0px 4px 10px rgba(139,167,209,0.4);border-radius:8px;padding:15px}.location-table-card .header{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;font-size:12px;background-color:#67C3E5;border-radius:5px;color:#FFFFFF;padding:7px 0}.location-table-card .header .c-1{-ms-flex:0 0 15%;flex:0 0 15%;max-width:15%;text-align:center}.location-table-card .header .c-2{-ms-flex:0 0 35%;flex:0 0 35%;max-width:35%}.location-table-card .header .c-3{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.location-table-card .list{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;padding:5px 0;font-size:12px}.location-table-card .list .c-1{-ms-flex:0 0 15%;flex:0 0 15%;max-width:15%;text-align:center}.location-table-card .list .c-2{-ms-flex:0 0 35%;flex:0 0 35%;max-width:35%}.location-table-card .list .c-3{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.location-table-card .list:nth-of-type(odd){background-color:#F4F7FE}#work{padding-bottom:120px}.work-filter{padding:15px 15px 15px;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between}.work-filter .box-calendar{background-color:#fff;-ms-flex:0 0 49%;flex:0 0 49%;max-width:49%;height:48px;border-radius:8px;outline:none;padding:10px 0;position:relative;box-shadow:0px 4px 10px rgba(139,167,209,0.4)}.work-filter .box-calendar .btn-box-calendar{background-color:transparent}.work-filter .box-calendar .text-date{font-size:14px;font-weight:normal;color:#0a4983}.work-filter .box-calendar input{width:70%;border:none;height:48px;border-radius:8px;color:#0a4983;display:inline-block}.work-filter .box-calendar input[type="date"]{opacity:0;position:absolute;top:0;width:100%;height:48px;left:0}.work-filter .box-calendar input[type="date"]::-webkit-calendar-picker-indicator{position:absolute;top:0;left:0;right:0;bottom:0;width:auto;height:auto;color:transparent;background:transparent;width:100%}.work-filter .box-site{background-color:#fff;-ms-flex:0 0 49%;flex:0 0 49%;max-width:49%;height:48px;border-radius:8px;box-shadow:0px 4px 10px rgba(139,167,209,0.4)}.work-filter .box-site .btn-box-pin{background-color:transparent;width:20%}.work-filter .box-site .select-site{height:48px;border:none;border-width:0;-webkit-appearance:none;-moz-appearance:none;text-indent:1px;text-overflow:'';width:73%;color:#0a4983;background-color:transparent;font-size:13px}.work-filter .box-site .select-site:focus{outline:none}.work-table{padding-bottom:85px}.work-table .card{position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;min-width:0;word-wrap:break-word;background-color:#D5DAE5;background-clip:border-box;border:none;box-shadow:0px 4px 10px rgba(139,167,209,0.4);border-radius:16px;margin-bottom:10px}.work-table .card-header{border-bottom:none;position:relative;color:#0A4983;border-top-left-radius:16px;border-top-right-radius:16px;padding:10px;background-color:#D5DAE5;text-decoration:none}.work-table .card-header i{color:#0a4983;width:2rem;height:2rem;display:inline-block;position:absolute;right:1rem;top:29%;font-size:30px}.work-table .card-header .table-total{font-size:24px;font-weight:bold;width:75px;display:inline-block;text-align:center;color:#67C3E5}.work-table .card-header .table-total.zero{color:#9FB1BB}.work-table .card-header .icon-up{display:block}.work-table .card-header .icon-down{display:none}.work-table .card-header.collapsed{background-color:#FFFFFF;border-radius:16px}.work-table .card-header.collapsed .icon-up{display:none}.work-table .card-header.collapsed .icon-down{display:block}.work-table .collapse{background-color:#D5DAE5;border-bottom-left-radius:16px;border-bottom-right-radius:16px}.work-table .card-list{background-color:#FFFFFF;box-shadow:0px 4px 10px rgba(139,167,209,0.4);border-radius:8px;padding:10px;margin-top:15px}.work-table .card-list .text-datetime{font-size:10px;color:#9FB1BB}.work-table .card-list .text-name{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.work-table .card-list .text-name i{width:16px;margin-top:5px}.work-table .card-list .text-name .name{width:calc(100% - 16px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-left:5px;font-size:14px;color:#3D6CB1}.work-table .card-list .box-btn{padding-top:10px}.work-table .nav-item{width:33.33%;font-size:14px}.work-header{padding:20px 15px 0}.work-header .box-title .title{font-size:24px;color:#2E4870;font-weight:bold;display:inline-block}.work-header .box-title .box-name{display:inline-block;padding-left:15px;line-height:12px;font-size:12px;color:#9FB1BB}.work-header .box-title .box-name .name{margin:0}.work-header .box-title .box-name .car_registation{margin:0}.work-header .dropdown{display:inline-block;float:right;width:40px;height:40px;border-radius:50%;background-color:#E6EAF0;box-shadow:0px 4px 10px rgba(139,167,209,0.4);text-align:center}.work-header .dropdown-menu.show{top:40px !important;left:unset !important;right:0 !important;transform:translate(0) !important}.card-body{padding:0 20px 0}.card-body .work-p{padding:0 5px}.work-tabs{margin:0}.work-tabs .work-tabs-col{background-color:#FFFFFF;text-align:center}.work-tabs .work-tabs-col .btn-work-tab{width:100%;font-size:12px;padding:10px 0 0;background-color:transparent}.work-tabs .work-tabs-col .total{font-weight:bold;padding-bottom:8px}.work-tabs .work-tabs-col.active .btn-work-tab{color:#33B9EC}.work-tabs .work-tabs-col.active .total{color:#33B9EC;border-bottom:1px solid #33B9EC}.btn-forward{width:35%;height:35px;background-color:transparent;border-radius:8px;color:#67C3E5;border:1px solid #67C3E5;font-size:14px}.btn-collect{width:60%;height:35px;background-color:#67C3E5;border-radius:8px;color:#FFFFFF;float:right;font-size:14px;text-align:center;padding:8px 0}.btn-collect-2{width:100%;height:35px;background-color:#67C3E5;border-radius:8px;color:#FFFFFF;float:right;font-size:14px;text-align:center;padding:8px 0}.btn-collect-yes{width:100%;height:35px;background-color:#DCE4E9;border-radius:8px;color:#9FB1BB;float:right;font-size:14px;text-align:center;padding:8px 0}.btn-collect-forward{width:100%;height:35px;background-color:#DCE4E9;border-radius:8px;color:#9FB1BB;float:right;font-size:14px;text-align:center;padding:8px 0}.btn-collect-forward-wait{width:100%;height:35px;background-color:#ffbf7c;border-radius:8px;color:#FFFFFF;float:right;font-size:14px;text-align:center;padding:8px 0}.btn-collect-forward-cancel{width:100%;height:35px;background-color:#FF7C7C;border-radius:8px;color:#FFFFFF;float:right;font-size:14px;text-align:center;padding:8px 0}.work-search{padding:10px 15px 0;position:relative;width:100%}.work-search .work-input-search{width:100%;border:1px solid #eee;border-radius:8px;height:30px;background-color:#fff;padding:0 30px 0 10px}.work-search .work-input-search:focus{outline:none}.work-search .btn-work-search{position:absolute;right:18px;height:28px;background-color:transparent;top:11px}#work_detail{position:relative;height:100vh}#detail_map{width:100%;height:calc(100vh - 125px)}.btn-back{position:absolute;top:30px;left:20px;z-index:1;background-color:#fff;font-size:22px;width:50px}.open-inapp-map{position:absolute;top:30px;right:20px;z-index:1;background-color:#fff;font-size:14px;height:35px}.work-detail-footer{background:#FFFFFF;box-shadow:0px -10px 16px rgba(189,193,233,0.16);border-radius:18px 18px 0px 0px;position:absolute;bottom:0;width:100%;padding:15px}.work-detail-footer .box-head .title{color:#2E4870}.work-detail-footer .box-name .name{color:#3D6CB1;width:calc(100% - 16px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-left:5px}.work-detail-footer .box-btn{margin-top:8px}.work-detail-footer .box-btn .btn-confirm{background:-moz-linear-gradient(90deg, #9BD2E8 0%, #74C9E9 100%);background:-webkit-linear-gradient(90deg, #9BD2E8 0%, #74C9E9 100%);background:linear-gradient(90deg, #9BD2E8 0%, #74C9E9 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#9BD2E8', endColorstr='#74C9E9',GradientType=0 );width:100%;padding:10px;box-shadow:0px 4px 10px rgba(139,167,209,0.4);border-radius:13px;color:#FFFFFF}.btn-refresh-position{background-color:transparent;border:none;color:#2DD096}