/* 
.loader-wrapper {
     position: fixed;
     z-index: 1090;
     height: 100vh;
     width: 100vw;
     background-color: rgba(240, 240, 240, 0.5);
} */

.loader-wrapper {
     z-index: 1090;
     height: 200px;
     width: 200px;
     /* border: 4px solid #1dd3d6; */
     position: absolute;
     top: 50%;
     left: 50%;
     transform: translateX(-50%) translateY(-50%) scale(1.5);
     display: flex;
     justify-content: center;
     align-items: center;
}
.loader-wrapper.ant-spin {
}

/* .truck-wrapper {
/*     z-index: 1090;
/*     height: 200px;
/*     width: 200px;
/*     border: 4px solid #1dd3d6;
/*     position: absolute;
/*     top: 50%;
/*     left: 50%;
/*     transform: translateX(-50%) translateY(-50%) scale(0.8);
/*     background: white;
/*     animation: bg 0.5s linear infinite;
/*     border-radius: 100%;
/*     overflow: hidden;
/*     box-shadow: inset 0px 0px 10px 4px rgba(0, 0, 0, 0.3),
/*          inset 0px 0px 5px 0px #1dd3d6;
/*}
/*
/*.truck-wrapper:after {
/*     content: "Loading";
/*     font-size: 20px;
/*     position: absolute;
/*     bottom: 0px;
/*     text-align: center;
/*     width: 100%;
/*     border-top: 1px solid #1dd3d6;
/*     background: rgb(30, 252, 200);
/*     background: -moz-linear-gradient(
/*          left,
/*          rgba(30, 252, 200, 1) 0%,
/*          rgba(29, 211, 214, 1) 100%
/*     );
/*     background: -webkit-linear-gradient(
/*          left,
/*          rgba(30, 252, 200, 1) 0%,
/*          rgba(29, 211, 214, 1) 100%
/*     );
/*     background: linear-gradient(
/*          to right,
/*          rgba(30, 252, 200, 1) 0%,
/*          rgba(29, 211, 214, 1) 100%
/*     );
/*     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1efcc8', endColorstr='#1dd3d6',GradientType=1 );
/*     color: white;
/*     padding-top: 8px;
/*     padding-bottom: 18px;
/*     animation: bg 3s linear infinite;
/*}
/*
/*.truck {
/*     height: 110px;
/*     width: 150px;
/*     position: absolute;
/*
/*     bottom: 48px;
/*     left: calc(50% + 10px);
/*     transform: translateX(-50%);
/*}
/*
/*.truck > .truck-container {
/*     background: rgb(175, 189, 195);
/*     background: -moz-linear-gradient(
/*          -45deg,
/*          rgba(175, 189, 195, 1) 0%,
/*          rgba(175, 189, 195, 1) 50%,
/*          rgba(143, 163, 173, 1) 51%,
/*          rgba(143, 163, 173, 1) 100%
/*     );
/*     background: -webkit-linear-gradient(
/*          -45deg,
/*          rgba(175, 189, 195, 1) 0%,
/*          rgba(175, 189, 195, 1) 50%,
/*          rgba(143, 163, 173, 1) 51%,
/*          rgba(143, 163, 173, 1) 100%
/*     );
/*     background: linear-gradient(
/*          135deg,
/*          rgba(175, 189, 195, 1) 0%,
/*          rgba(175, 189, 195, 1) 50%,
/*          rgba(143, 163, 173, 1) 51%,
/*          rgba(143, 163, 173, 1) 100%
/*     );
/*     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#afbdc3', endColorstr='#8fa3ad',GradientType=1 );
/*     height: 50px;
/*     width: 80px;
/*     position: absolute;
/*     top: 10px;
/*     left: 10px;
/*     animation: container 0.4s linear infinite;
/*}
/*
/*.truck > .glases {
/*     background: rgb(40, 181, 245);
/*     background: -moz-linear-gradient(
/*          -45deg,
/*          rgba(40, 181, 245, 1) 0%,
/*          rgba(40, 181, 245, 1) 50%,
/*          rgba(2, 153, 227, 1) 52%,
/*          rgba(2, 153, 227, 1) 100%
/*     );
/*     background: -webkit-linear-gradient(
/*          -45deg,
/*          rgba(40, 181, 245, 1) 0%,
/*          rgba(40, 181, 245, 1) 50%,
/*          rgba(2, 153, 227, 1) 52%,
/*          rgba(2, 153, 227, 1) 100%
/*     );
/*     background: linear-gradient(
/*          135deg,
/*          rgba(40, 181, 245, 1) 0%,
/*          rgba(40, 181, 245, 1) 50%,
/*          rgba(2, 153, 227, 1) 52%,
/*          rgba(2, 153, 227, 1) 100%
/*     );
/*     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#28b5f5', endColorstr='#0299e3',GradientType=1 );
/*     position: absolute;
/*     height: 25px;
/*     width: 25px;
/*     border: 4px solid #fbd734;
/*     border-bottom: none;
/*     top: 35px;
/*     left: 95px;
/*     border-top-right-radius: 6px;
/*     animation: updown-half 0.4s linear infinite;
/*}
/*.truck > .glases:after {
/*     content: "";
/*     display: block;
/*     background-color: #fbd734;
/*     height: 13px;
/*     width: 10px;
/*     position: absolute;
/*     right: -10px;
/*     bottom: 0px;
/*     border-radius: 10px / 15px;
/*     border-bottom-right-radius: 0px;
/*     border-bottom-left-radius: 0px;
/*     border-top-left-radius: 0px;
/*}
/*
/*.truck > .glases:before {
/*     content: "";
/*     display: block;
/*     background-color: #f9bf2c;
/*     height: 12px;
/*     width: 16px;
/*     position: absolute;
/*     left: 0px;
/*     bottom: 0px;
/*     border-top-right-radius: 4px;
/*}
/*
/*.truck > .bonet {
/*     background-color: #f9bf2c;
/*     position: absolute;
/*     width: 124px;
/*     height: 15px;
/*     top: 64px;
/*     left: 10px;
/*     z-index: -1;
/*     animation: updown 0.4s linear infinite;
/*}
/*
/*.truck > .bonet:after {
/*     content: "";
/*     display: block;
/*     background: rgb(255, 255, 255);
/*     background: -moz-linear-gradient(
/*          -45deg,
/*          rgba(255, 255, 255, 1) 0%,
/*          rgba(241, 241, 241, 1) 50%,
/*          rgba(225, 225, 225, 1) 51%,
/*          rgba(246, 246, 246, 1) 100%
/*     );
/*     background: -webkit-linear-gradient(
/*          -45deg,
/*          rgba(255, 255, 255, 1) 0%,
/*          rgba(241, 241, 241, 1) 50%,
/*          rgba(225, 225, 225, 1) 51%,
/*          rgba(246, 246, 246, 1) 100%
/*     );
/*     background: linear-gradient(
/*          135deg,
/*          rgba(255, 255, 255, 1) 0%,
/*          rgba(241, 241, 241, 1) 50%,
/*          rgba(225, 225, 225, 1) 51%,
/*          rgba(246, 246, 246, 1) 100%
/*     );
/*     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=1 );
/*     height: 10px;
/*     width: 6px;
/*     position: absolute;
/*     right: 0px;
/*     bottom: 2px;
/*     border-top-left-radius: 4px;
/*}
/*
/*.truck > .base {
/*     position: absolute;
/*     background-color: #445a64;
/*     width: 106px;
/*     height: 15px;
/*     border-top-right-radius: 10px;
/*     top: 70px;
/*     left: 14px;
/*     animation: updown 0.4s linear infinite;
/*}
/*
/*.truck > .base:before {
/*     content: "";
/*     display: block;
/*     background-color: #e54a18;
/*     height: 12px;
/*     width: 5px;
/*     position: absolute;
/*     left: -4px;
/*     bottom: 0px;
/*     border-bottom-left-radius: 4px;
/*}
/*
/*.truck > .base:after {
/*     content: "";
/*     display: block;
/*     background-color: RGB(84, 110, 122);
/*     height: 10px;
/*     width: 20px;
/*     position: absolute;
/*     right: -16px;
/*     bottom: 0px;
/*     border-bottom-right-radius: 4px;
/*     z-index: -1;
/*}
/*
/*.truck > .base-aux {
/*     width: 82px;
/*     height: 8px;
/*     background-color: #f9bf2c;
/*     position: absolute;
/*     top: 65px;
/*     left: 14px;
/*     border-bottom-right-radius: 4px;
/*     animation: updown 0.4s linear infinite;
/*}
/*.truck > .wheel-back {
/*     left: 20px;
/*}
/*
/*.truck > .wheel-front {
/*     left: 95px;
/*}
/*
/*.truck > .wheel-back,
/*.truck > .wheel-front {
/*     border-radius: 100%;
/*     position: absolute;
/*     background: rgb(84, 110, 122);
/*     background: -moz-linear-gradient(
/*          -45deg,
/*          rgba(84, 110, 122, 1) 0%,
/*          rgba(84, 110, 122, 1) 49%,
/*          rgba(68, 90, 100, 1) 52%,
/*          rgba(68, 90, 100, 1) 100%
/*     );
/*     background: -webkit-linear-gradient(
/*          -45deg,
/*          rgba(84, 110, 122, 1) 0%,
/*          rgba(84, 110, 122, 1) 49%,
/*          rgba(68, 90, 100, 1) 52%,
/*          rgba(68, 90, 100, 1) 100%
/*     );
/*     background: linear-gradient(
/*          135deg,
/*          rgba(84, 110, 122, 1) 0%,
/*          rgba(84, 110, 122, 1) 49%,
/*          rgba(68, 90, 100, 1) 52%,
/*          rgba(68, 90, 100, 1) 100%
/*     );
/*     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#546e7a', endColorstr='#445a64',GradientType=1 );
/*     top: 80px;
/*     height: 22px;
/*     width: 22px;
/*     animation: spin 0.6s linear infinite;
/*}
/*
/*.truck > .wheel-back:before,
/*.truck > .wheel-front:before {
/*     content: "";
/*     border-radius: 100%;
/*     left: 5px;
/*     top: 5px;
/*     position: absolute;
/*     background: rgb(175, 189, 195);
/*     background: -moz-linear-gradient(
/*          -45deg,
/*          rgba(175, 189, 195, 1) 0%,
/*          rgba(175, 189, 195, 1) 50%,
/*          rgba(143, 163, 173, 1) 51%,
/*          rgba(143, 163, 173, 1) 100%
/*     );
/*     background: -webkit-linear-gradient(
/*          -45deg,
/*          rgba(175, 189, 195, 1) 0%,
/*          rgba(175, 189, 195, 1) 50%,
/*          rgba(143, 163, 173, 1) 51%,
/*          rgba(143, 163, 173, 1) 100%
/*     );
/*     background: linear-gradient(
/*          135deg,
/*          rgba(175, 189, 195, 1) 0%,
/*          rgba(175, 189, 195, 1) 50%,
/*          rgba(143, 163, 173, 1) 51%,
/*          rgba(143, 163, 173, 1) 100%
/*     );
/*     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#afbdc3', endColorstr='#8fa3ad',GradientType=1 );
/*     height: 12px;
/*     width: 12px;
/*}
/*
/*@keyframes spin {
/*     50% {
/*          top: 81px;
/*     }
/*     100% {
/*          transform: rotate(360deg);
/*     }
/*}
/*
/*@keyframes container {
/*     30% {
/*          transform: rotate(1deg);
/*     }
/*     50% {
/*          top: 11px;
/*     }
/*
/*     70% {
/*          top: 10px;
/*          transform: rotate(-1deg);
/*     }
/*}
/*
/*.truck > .smoke {
/*     position: absolute;
/*     background-color: #afbdc3;
/*     border-radius: 100%;
/*     width: 8px;
/*     height: 8px;
/*     top: 90px;
/*     left: 6px;
/*     animation: fade 0.4s linear infinite;
/*     opacity: 0;
/*}
/*
/*.truck > .smoke:after {
/*     content: "";
/*     position: absolute;
/*     background-color: RGB(143, 163, 173);
/*     border-radius: 100%;
/*     width: 6px;
/*     height: 6px;
/*     top: -4px;
/*     left: 4px;
/*}
/*
/*.truck > .smoke:before {
/*     content: "";
/*     position: absolute;
/*     background-color: RGB(143, 163, 173);
/*     border-radius: 100%;
/*     width: 4px;
/*     height: 4px;
/*     top: -2px;
/*     left: 0px;
/*}
/*
/*@keyframes fade {
/*     30% {
/*          opacity: 0.3;
/*          left: 7px;
/*     }
/*     50% {
/*          opacity: 0.5;
/*          left: 6px;
/*     }
/*
/*     70% {
/*          opacity: 0.1;
/*          left: 4px;
/*     }
/*
/*     90% {
/*          opacity: 0.4;
/*          left: 2px;
/*     }
/*}
/*
/*@keyframes bg {
/*     from {
/*          background-position-x: 0px;
/*     }
/*     to {
/*          background-position-x: -400px;
/*     }
/*}
/*
/*@keyframes updown {
/*     50% {
/*          transform: translateY(-20%);
/*     }
/*
/*     70% {
/*          transform: translateY(-10%);
/*     }
/*}
/*
/*@keyframes updown-half {
/*     50% {
/*          transform: translateY(-10%);
/*     }
/*
/*     70% {
/*          transform: translateY(-5%);
/*     }
/*}
/**/

.bold-28{font-family:Roboto;font-size:28px;font-style:normal;font-weight:700;line-height:32px;letter-spacing:0px}.bold-24{font-family:Roboto;font-size:24px;font-style:normal;font-weight:700;line-height:32px;letter-spacing:0px}.graph-container .graph-content .graph-body .status-wrapper .status-inner .intermediate .time,.display-input{font-family:Roboto;font-size:14px;font-style:normal;font-weight:700;line-height:16px;letter-spacing:.5px}.ant-table-wrapper .ant-table-tbody .ant-table-cell .driver-status,.ant-table-wrapper .ant-table-tbody .ant-table-cell .driver-is-active,.ant-table-wrapper .ant-table-tbody .ant-table-cell .device-info,.ant-table-wrapper .ant-table-tbody .ant-table-cell .status,.ant-table-wrapper .ant-table-thead tr th,.device-info-item-btn,.display-input.medium,.bold-12{font-family:Roboto;font-size:12px;font-style:normal;font-weight:700;line-height:16px;letter-spacing:.5px}.medium-20{font-family:Roboto;font-size:20px;font-style:normal;font-weight:500;line-height:24px;letter-spacing:0em}.medium-18{font-family:Roboto;font-size:18px;font-style:normal;font-weight:500;line-height:28px;letter-spacing:0px}.logs-inner-head .driver-info-top .name,.medium-16{font-family:Roboto;font-size:16px;font-style:normal;font-weight:500;line-height:24px;letter-spacing:0px}.ant-modal-title,.ant-btn,.device-info-item-icon,.medium-14{font-family:"Roboto",sans-serif;font-size:14px;font-style:normal;font-weight:500;line-height:20px;letter-spacing:0px}.graph-container .graph-content .graph-body .status-wrapper .range-wrapper .range-content .time,.graph-container .graph-content .graph-body .status-wrapper .range-wrapper .range-content .duration,.graph-container .graph-content .graph-body .status-wrapper .status-inner .box-wrapper .box-content span,.selection-wrapper label,.error-text,.phone-field-wrapper label,.password-field-wrapper label,.text-field-wrapper label,.medium-12{font-family:Roboto;font-size:12px;font-style:normal;font-weight:500;line-height:16px;letter-spacing:0px}.ant-table-wrapper .ant-table-tbody .ant-table-cell .driver-status.intermediate,.medium-10{font-family:Roboto;font-size:10px;font-style:normal;font-weight:500;line-height:12px;letter-spacing:0px}.regular-18{font-family:Roboto;font-size:18px;font-style:normal;font-weight:400;line-height:22px;letter-spacing:0px}.logs-inner-head .driver-progress-info span,.regular-16{font-family:Roboto;font-size:16px;font-style:normal;font-weight:400;line-height:24px;letter-spacing:0px}.logs-inner-head .driver-info-desc,.graph-container .graph-content .graph-duration .duration-wrapper span,.ant-select-dropdown .rc-virtual-list .rc-virtual-list-holder-inner .ant-select-item-option-content,.selection-wrapper .ant-select-selector span,.password-field-wrapper .ant-input-password input,.ant-table-wrapper .ant-table-tbody .ant-table-cell,.device-info-item-time,.date-picker-wrapper .ant-picker-input input,.phone-field-wrapper input,.password-field-wrapper .ant-input-password,.text-field-wrapper input,.text-field-wrapper .ant-input-affix-wrapper,.regular-14{font-family:Roboto;font-size:14px;font-style:normal;font-weight:400;line-height:20px;letter-spacing:0px}.regular-12{font-family:Roboto;font-size:12px;font-style:normal;font-weight:400;line-height:16px;letter-spacing:0px}.regular-10{font-family:Roboto;font-size:10px;font-style:normal;font-weight:400;line-height:12px;letter-spacing:0px}.phone-field-wrapper label,.password-field-wrapper label,.text-field-wrapper label{margin-bottom:4px;color:#0b0b0b;transition:all .2s ease}.date-picker-wrapper .ant-picker-input input,.phone-field-wrapper input,.password-field-wrapper .ant-input-password,.text-field-wrapper input,.text-field-wrapper .ant-input-affix-wrapper{height:40px;width:100%;border-radius:20px;border-color:#e2e2e2;padding:0 16px;outline:none;background-color:#fff;transition:all .2s ease;color:#0b0b0b}.date-picker-wrapper .ant-picker-input input::placeholder,.phone-field-wrapper input::placeholder,.password-field-wrapper .ant-input-password::placeholder,.text-field-wrapper input::placeholder,.text-field-wrapper .ant-input-affix-wrapper::placeholder{color:#989898}.error-text{margin-top:4px;color:blue !important}.icomoon-icon{fill:currentColor}.dark .page-line{background-color:#3a3c3e}.page-line{width:calc(100% + 48px);height:1px;background-color:#f5f5f5;margin:24px 0;margin-left:-24px;transition:all .2s ease}.dark .box{background-color:#252531}.box{background-color:#fff;border-radius:8px;padding:24px;transition:all .2s ease}.display-input{display:flex;height:40px;padding:0 16px;border-radius:20px;color:#0b0b0b;border:1px solid #d0cfcf;width:fit-content;align-items:center}.display-input.medium{height:36px}.device-info-item{display:flex;justify-content:space-between;align-items:center;padding:12px 0px}.device-info-item-icon{display:flex;align-items:center;color:#0b0b0b}.device-info-item-icon svg{color:#66b7f1;margin-right:16px}.device-info-item-btn{padding:4px 12px;border-radius:44px;min-width:46px;text-align:center;background-color:#5cb176;color:#fff;text-transform:uppercase}.device-info-item-btn.off{background-color:blue}.device-info-item-btn.on{background-color:#5cb176}.device-info-item-time{color:#686868}.driver-condition{display:flex;flex-direction:column;align-items:center}.driver-condition-title{font-size:14px;font-weight:700;line-height:20px;margin-bottom:4px}.driver-condition-bar{width:56px;height:6px;border-radius:30px;overflow:hidden;position:relative}.driver-condition-dots{display:flex;align-items:center;height:100%;justify-content:space-between;padding:0 2px}.driver-condition-dots .dot{display:inline-block;height:2px;width:2px;border-radius:50%}.driver-condition-progress{position:absolute;width:50%;border-radius:30px;height:100%}.driver-condition-progress::after{position:absolute;content:"";top:50%;width:1px;height:2px;border-radius:20px;background-color:#fff;transform:translateY(-50%);right:2px}.driver-condition.break .driver-condition-title{color:#fb0}.driver-condition.break .driver-condition-bar{background-color:rgba(255,187,0,.1)}.driver-condition.break .driver-condition-progress{background-color:#fb0}.driver-condition.break .dot{background-color:rgba(255,187,0,.4)}.driver-condition.drive .driver-condition-title{color:#5cb176}.driver-condition.drive .driver-condition-bar{background-color:rgba(92,177,118,.1)}.driver-condition.drive .driver-condition-progress{background-color:#5cb176}.driver-condition.drive .dot{background-color:rgba(92,177,118,.4)}.driver-condition.shift .driver-condition-title{color:#66b7f1}.driver-condition.shift .driver-condition-bar{background-color:rgba(102,183,241,.1)}.driver-condition.shift .driver-condition-progress{background-color:#66b7f1}.driver-condition.shift .dot{background-color:rgba(102,183,241,.4)}.driver-condition.cycle .driver-condition-title{color:blue}.driver-condition.cycle .driver-condition-bar{background-color:rgba(0,0,255,.1)}.driver-condition.cycle .driver-condition-progress{background-color:blue}.driver-condition.cycle .dot{background-color:rgba(0,0,255,.4)}.gm-style-iw button{outline:none}td{padding-left:5px}th{padding-left:5px}.bg-main-color{background-color:#fb0 !important}*{margin:0;padding:0;box-sizing:border-box}.main_wrapper{width:100%;height:100vh;display:flex;background:"#212121";overflow:hidden}::-webkit-scrollbar{width:0;height:0}p{margin:0}.dark .pages{background-color:#16151e}.dark .pages .page{background-color:#252531}.pages{height:calc(100vh - 72px);padding:20px;position:relative;transition:all .2s ease;overflow-y:auto;overflow-x:hidden;background-color:#f0f3f8}.pages .page{min-height:50vh;background-color:#fff;border-radius:8px;padding:24px;transition:all .2s ease}.dark .ant-table-wrapper .ant-spin-container::after{background-color:#000}.dark .ant-table-wrapper .ant-spin-blur{border-radius:4px;overflow:hidden}.dark .ant-table-wrapper .ant-spin-blur::after{opacity:.3}.dark .ant-table-wrapper .ant-table{box-shadow:0px 1px 4px rgba(33,33,52,.15)}.dark .ant-table-wrapper .ant-table .ant-checkbox-inner{background-color:rgba(0,0,0,0)}.dark .ant-table-wrapper .ant-table-thead tr th{background-color:#2a2a38 !important;color:#fff;border-bottom-color:#3a3c3e}.dark .ant-table-wrapper .ant-table-thead tr th::before{background-color:#f6f6f9}.dark .ant-table-wrapper .ant-table-thead tr th .ant-table-column-sorter{color:#fff}.dark .ant-table-wrapper .ant-table-tbody tr:hover .ant-table-cell{background-color:#2a2a38}.dark .ant-table-wrapper .ant-table-tbody .ant-table-cell{color:#d0cfcf;background-color:#2a2a38}.dark .ant-table-wrapper .ant-table-tbody .ant-table-cell .action-menu .dropdown-wrapper .option-btn{color:#d0cfcf}.dark .ant-table-wrapper .ant-table-tbody .ant-table-placeholder{background-color:rgba(0,0,0,0) !important}.dark .ant-table-wrapper .ant-table-tbody .ant-table-placeholder .ant-table-cell{background-color:#2a2a38 !important}.dark .ant-table-wrapper .ant-table-content::-webkit-scrollbar,.dark .ant-table-wrapper .ant-table-body::-webkit-scrollbar{height:8px;width:5px}.dark .ant-table-wrapper .ant-table-content::-webkit-scrollbar-track,.dark .ant-table-wrapper .ant-table-body::-webkit-scrollbar-track{background-color:#787878;border-radius:5px}.dark .ant-table-wrapper .ant-table-content::-webkit-scrollbar-thumb,.dark .ant-table-wrapper .ant-table-body::-webkit-scrollbar-thumb{background-color:#3a3c3e;border-radius:5px}.dark .ant-table-wrapper .ant-table-content::-webkit-scrollbar-thumb:active,.dark .ant-table-wrapper .ant-table-body::-webkit-scrollbar-thumb:active{cursor:pointer;background-color:rgba(58,60,62,.8)}.dark .ant-table-wrapper .ant-table-content::-webkit-scrollbar-corner,.dark .ant-table-wrapper .ant-table-body::-webkit-scrollbar-corner{background-color:rgba(0,0,0,0)}.dark .ant-table-wrapper .ant-empty-description{color:#fff}.ant-table-row.hoverable:hover .ant-table-cell{cursor:pointer;background-color:rgba(255,187,0,.15) !important;box-shadow:none}.ant-table-wrapper .ant-table{overflow:hidden;background-color:rgba(0,0,0,0);box-shadow:0px 1px 4px rgba(33,33,52,.15);border-radius:4px}.ant-table-wrapper .ant-table .ant-checkbox-inner{transition:all .2s ease}.ant-table-wrapper .ant-table-thead tr th{background-color:#fff !important;transition:all .2s ease;border-bottom-color:#f6f6f9;color:#686868;padding:16px 20px;white-space:nowrap;text-transform:uppercase}.ant-table-wrapper .ant-table-thead tr th::before{display:none}.ant-table-wrapper .ant-table-thead tr th .ant-table-column-sorter{color:#8e8ea9;transition:all .2s ease}.ant-table-wrapper .ant-table-thead tr th .ant-table-column-sorter .ant-table-column-sorter-up.active,.ant-table-wrapper .ant-table-thead tr th .ant-table-column-sorter .ant-table-column-sorter-down.active{color:#66b7f1}.ant-table-wrapper .ant-table-thead tr th .ant-table-column-sorter .ant-table-column-sorter-up,.ant-table-wrapper .ant-table-thead tr th .ant-table-column-sorter .ant-table-column-sorter-down{font-size:8px}.ant-table-wrapper .ant-table-tbody tr:hover .ant-table-cell{background-color:#fff}.ant-table-wrapper .ant-table-tbody .ant-table-cell{color:#0b0b0b;border:none !important;padding:12px 20px;background-color:#fff;transition:all .2s ease}.ant-table-wrapper .ant-table-tbody .ant-table-cell .status{text-transform:capitalize}.ant-table-wrapper .ant-table-tbody .ant-table-cell .status.active{color:#5cb176}.ant-table-wrapper .ant-table-tbody .ant-table-cell .status.inactive{color:blue}.ant-table-wrapper .ant-table-tbody .ant-table-cell .clip-board{cursor:pointer}.ant-table-wrapper .ant-table-tbody .ant-table-cell .clip-board svg{height:18px;width:18px;color:#5cb176}.ant-table-wrapper .ant-table-tbody .ant-table-cell .device-info{cursor:pointer;color:#66b7f1;text-transform:uppercase;display:flex;transition:all .2s ease;-webkit-user-select:none;user-select:none}.ant-table-wrapper .ant-table-tbody .ant-table-cell .device-info:hover{transform:translateY(-2px)}.ant-table-wrapper .ant-table-tbody .ant-table-cell .device-info:active{transform:translateY(0px)}.ant-table-wrapper .ant-table-tbody .ant-table-cell .track-no{display:flex;align-items:center}.ant-table-wrapper .ant-table-tbody .ant-table-cell .track-no .icomoon-icon{width:32px;margin-right:6px;color:#66b7f1}.ant-table-wrapper .ant-table-tbody .ant-table-cell .driver-is-active{padding:4px 16px;border-radius:44px;color:#fff;text-transform:uppercase}.ant-table-wrapper .ant-table-tbody .ant-table-cell .driver-is-active.active{background-color:#5cb176}.ant-table-wrapper .ant-table-tbody .ant-table-cell .driver-is-active.inactive{background-color:blue}.ant-table-wrapper .ant-table-tbody .ant-table-cell .driver-status{padding:4px 16px;border-radius:44px;color:#fff;text-transform:uppercase}.ant-table-wrapper .ant-table-tbody .ant-table-cell .driver-status.on{background-color:#66b7f1}.ant-table-wrapper .ant-table-tbody .ant-table-cell .driver-status.dr{background-color:#5cb176}.ant-table-wrapper .ant-table-tbody .ant-table-cell .driver-status.sb{background-color:#fb0}.ant-table-wrapper .ant-table-tbody .ant-table-cell .driver-status.off{background-color:#989898}.ant-table-wrapper .ant-table-tbody .ant-table-cell .driver-status.off_pc{background-color:#989898}.ant-table-wrapper .ant-table-tbody .ant-table-cell .driver-status.on_ym{background-color:#66b7f1}.ant-table-wrapper .ant-table-tbody .ant-table-cell .driver-status.intermediate{color:#787878;padding:0}.ant-table-wrapper .ant-table-tbody .ant-table-cell .driver-status.login{background:url(/static/media/login-ng.4fd517561a1579cbde07.png);background-position:center;background-repeat:no-repeat}.ant-table-wrapper .ant-table-tbody .ant-table-cell .driver-status.logout{background:url(/static/media/login-ng.4fd517561a1579cbde07.png);background-position:center;background-repeat:no-repeat}.ant-table-wrapper .ant-table-tbody .ant-table-cell .driver-status.power_on{background-color:#5cb176}.ant-table-wrapper .ant-table-tbody .ant-table-cell .driver-status.power_off{background-color:#989898}.ant-table-wrapper .ant-table-tbody .ant-table-cell .driver-status.certify{background-color:#4169e1}.ant-table-wrapper .ant-table-tbody .ant-table-cell .action-menu .dropdown-wrapper{display:flex;align-items:center;justify-content:center;width:100%}.ant-table-wrapper .ant-table-tbody .ant-table-cell .action-menu .dropdown-wrapper .option-btn{cursor:pointer;color:#686868;width:24px;height:24px}.ant-table-wrapper .ant-table-tbody .ant-table-cell .action-table{display:flex;align-items:center;justify-content:center}.ant-table-wrapper .ant-table-tbody .ant-table-cell .action-table div{padding:4px;transition:.15s;cursor:pointer}.ant-table-wrapper .ant-table-tbody .ant-table-cell .action-table div:hover{transform:translateY(-2px)}.ant-table-wrapper .ant-table-tbody .ant-table-cell .action-table div:active{transform:translateY(0px)}.ant-table-wrapper .ant-table-tbody .ant-table-cell .action-table svg{height:20px;width:20px}.ant-table-wrapper .ant-table-tbody .ant-table-cell .action-table svg.pencil{color:#fb0}.ant-table-wrapper .ant-table-tbody .ant-table-cell .action-table svg.close{color:blue}.ant-table-wrapper .ant-table-tbody .ant-table-placeholder{background-color:#fff !important;transition:all .2s ease}.ant-table-wrapper .ant-table-tbody .ant-table-placeholder .ant-table-cell{background-color:rgba(0,0,0,0) !important;padding:16px !important}.ant-table-wrapper .ant-table-content,.ant-table-wrapper .ant-table-body{overflow:auto auto !important}.ant-table-wrapper .ant-table-content::-webkit-scrollbar,.ant-table-wrapper .ant-table-body::-webkit-scrollbar{height:8px;width:5px}.ant-table-wrapper .ant-table-content::-webkit-scrollbar-track,.ant-table-wrapper .ant-table-body::-webkit-scrollbar-track{background-color:#e2e2e2;border-radius:5px}.ant-table-wrapper .ant-table-content::-webkit-scrollbar-thumb,.ant-table-wrapper .ant-table-body::-webkit-scrollbar-thumb{background-color:#686868;border-radius:5px}.ant-table-wrapper .ant-table-content::-webkit-scrollbar-thumb:active,.ant-table-wrapper .ant-table-body::-webkit-scrollbar-thumb:active{cursor:pointer;background-color:rgba(104,104,104,.8)}.ant-table-wrapper .ant-table-content::-webkit-scrollbar-corner,.ant-table-wrapper .ant-table-body::-webkit-scrollbar-corner{background-color:rgba(0,0,0,0)}.ant-table-wrapper .ant-table-container::after,.ant-table-wrapper .ant-table-container::before{box-shadow:none !important}.ant-table-wrapper .ant-table-selection-column{padding:8px 20px}.ant-table-wrapper .ant-table .ant-checkbox-inner{width:20px;height:20px;border-radius:4px}.ant-table-wrapper .ant-table .ant-checkbox-inner::after{left:25%}.ant-table-wrapper .ant-table .ant-checkbox-indeterminate .ant-checkbox-inner::after{left:50%}.ant-table-wrapper .ant-table .ant-checkbox::after{border-radius:4px}.ant-table-wrapper.action .ant-table .ant-table-thead tr th:last-child{text-align:center}.ant-table-wrapper.pointer .ant-table .ant-table-tbody .ant-table-row.hovered .ant-table-cell{cursor:pointer;background-color:rgba(255,187,0,.15) !important;box-shadow:none}.ant-table-wrapper .ant-pagination{margin-top:50px;display:flex !important;justify-content:center}.ant-table-wrapper .ant-pagination .ant-pagination-prev button,.ant-table-wrapper .ant-pagination .ant-pagination-next button{border:1px solid rgba(26,26,67,.1);display:flex;align-items:center;justify-content:center;border-radius:4px !important}.ant-table-wrapper .ant-pagination .ant-pagination-prev button svg,.ant-table-wrapper .ant-pagination .ant-pagination-next button svg{fill:#686868 !important;width:20px}.ant-table-wrapper .ant-pagination .ant-pagination-prev button:disabled,.ant-table-wrapper .ant-pagination .ant-pagination-next button:disabled{opacity:.5}.ant-table-wrapper .ant-pagination .ant-pagination-disabled{background-color:rgba(0,0,0,0)}.ant-table-wrapper .ant-pagination .ant-pagination-disabled svg{fill:#989898 !important}.ant-table-wrapper .ant-pagination .ant-pagination-item{border:1px solid rgba(0,0,0,0);background:#fff}.ant-table-wrapper .ant-pagination .ant-pagination-item-active{background:#fff;border:1px solid rgba(26,26,67,.1);border-radius:4px}.ant-table-wrapper .ant-spin-blur{opacity:1}.dark .ant-btn-default{color:#989898;border-color:#3a3c3e}.dark .ant-btn-default:hover{border-color:#fb0;color:#fb0}.dark .ant-btn:disabled{background-color:#2a2a38;border-color:#686868;color:#686868}.ant-btn{height:40px;border-radius:20px;box-shadow:none;display:flex;align-items:center;justify-content:center;padding:10px 26px;text-shadow:none}.ant-btn span{color:inherit}.ant-btn .icomoon-icon{margin-right:4px}.ant-btn-default{color:#686868;border-color:#e2e2e2;background-color:rgba(0,0,0,0) !important;transition:all .2s ease}.ant-btn.outlined{color:#fb0;border-color:#fb0}.ant-btn.medium{height:36px}.ant-btn.rounded{height:36px;width:36px;padding:0}.ant-btn.rounded svg{margin:0;height:20px;width:20px}.doble-button{display:flex;position:relative;width:fit-content}.doble-button .ant-btn:first-child{border-bottom-right-radius:0;border-top-right-radius:0;border-right:none;padding-right:8px;padding-left:14px}.doble-button .ant-btn:last-child{border-bottom-left-radius:0;border-top-left-radius:0;border-left:none;padding-left:8px;padding-right:14px}.doble-button::after{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);width:.5px;height:70%;background-color:#d0cfcf}.doble-button.medium .ant-btn{padding-top:4px;padding-bottom:4px;height:36px}.dark .text-field-wrapper label{color:#fff}.dark .text-field-wrapper input{border-color:#3a3c3e;background-color:#2a2a38 !important;color:#fff}.dark .text-field-wrapper input:focus,.dark .text-field-wrapper input:hover{border-color:#fb0}.dark .text-field-wrapper .ant-picker{background-color:#2a2a38;border-color:#3a3c3e}.dark input{border-color:#3a3c3e;background-color:#2a2a38 !important;color:#fff}.dark input:focus,.dark input:hover{border-color:#fb0}.dark .ant-select-selection-search .ant-select-selection-search-input{width:0}.dark .ant-input-affix-wrapper{background-color:#2a2a38;border-color:#3a3c3e}.dark .ant-input-affix-wrapper .ant-input-suffix{color:#fff}.dark .trackings-head .driver-info-top{color:#fff}.dark .trackings-head .driver-info-top span{color:#fff}.text-field-wrapper{width:100%;display:flex;flex-direction:column;position:relative}.text-field-wrapper .ant-input-affix-wrapper-focused{border-color:#fb0}.text-field-wrapper .ant-input-affix-wrapper input{height:38px}.text-field-wrapper .ant-input-affix-wrapper .ant-input-suffix{opacity:.5}.text-field-wrapper.error label{color:blue}.text-field-suffix{position:relative}.text-field-suffix.unicon .icomoon-icon{display:none}.text-field-suffix.unicon input{padding-left:16px}.text-field-suffix .icomoon-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);width:20px;height:20px;color:#989898;z-index:1}.text-field-suffix input{padding-left:40px;padding-right:40px}.text-field-suffix .anticon{position:absolute;right:16px;top:50%;transform:translateY(-50%);color:#989898;cursor:pointer;opacity:.8}.dark .password-field-wrapper label{color:#fff}.dark .password-field-wrapper .ant-input-password{border-color:#3a3c3e;background-color:#2a2a38 !important}.dark .password-field-wrapper .ant-input-password:hover{border-color:#fb0}.dark .password-field-wrapper .ant-input-password input{color:#fff}.password-field-wrapper{width:100%;display:flex;flex-direction:column;position:relative}.password-field-wrapper .ant-input-password{padding:0;overflow:hidden;position:relative}.password-field-wrapper .ant-input-password input{padding:0 18px;color:#0b0b0b;background-color:rgba(0,0,0,0)}.password-field-wrapper .ant-input-password .ant-input-suffix{position:absolute;height:100%;right:16px}.password-field-wrapper .ant-input-password .ant-input-suffix .eye-icon{height:18px;width:18px;fill:#989898;cursor:pointer}.password-field-wrapper .ant-input-password.ant-input-affix-wrapper-focused{border-color:#fb0}.password-field-wrapper.error label{color:blue}.dark .phone-field-wrapper label{color:#fff}.dark .phone-field-wrapper input{border-color:#3a3c3e;color:#fff}.dark .phone-field-wrapper input:focus,.dark .phone-field-wrapper input:hover{border-color:#fb0}.phone-field-wrapper{width:100%;display:flex;flex-direction:column;position:relative}.phone-field-wrapper input{border-width:1px;border-style:solid}.phone-field-wrapper input:focus{border-color:#fb0;box-shadow:0 0 0 2px rgba(255,187,0,.2);border-right-width:1px;outline:0}.phone-field-wrapper input:hover{border-color:#fb0}.phone-field-wrapper.error label{color:blue}.dark .site-loader,.dark .app-loader{background-color:#16151e}.site-loader{position:fixed;top:0;left:0;width:100%;height:100vh;background-color:#fff;z-index:111;display:flex;align-items:center;justify-content:center}.site-loader .anticon-loading{font-size:48px;color:#fb0}.app-loader{position:absolute;top:0;left:0;width:100%;height:100%;max-height:calc(100vh - 60px);background-color:#fff;z-index:111;display:flex;align-items:center;justify-content:center}.app-loader .anticon-loading{font-size:46px;color:#fb0}.dark .tabs-wrapper .ant-tabs-tab .ant-tabs-tab-btn a{color:#fff}.dark .tabs-wrapper .ant-table-selection-column .ant-table-selection .ant-checkbox-wrapper .ant-checkbox .ant-checkbox-input{color:#000 !important;border:1px solid red}.dark .tabs-wrapper .ant-table-selection-column .ant-table-selection .ant-checkbox-wrapper .ant-checkbox .ant-checkbox-input::after{background-color:red !important}.dark .tabs-wrapper .ant-tabs-tab-active .ant-tabs-tab-btn a{color:#fb0}.tabs-wrapper .ant-tabs-top>.ant-tabs-nav:before{border-bottom:none}.tabs-wrapper .ant-tabs-tab{margin:0 15px;padding:0}.tabs-wrapper .ant-tabs-tab:first-child{margin-left:0}.tabs-wrapper .ant-tabs-tab .ant-tabs-tab-btn a{padding:0 14px;height:45px;display:flex;align-items:center;justify-content:center;font-family:"Roboto" sans-serif;font-size:12px;font-style:normal;font-weight:700;line-height:16px;letter-spacing:.5px;color:#787878;text-transform:uppercase}.tabs-wrapper .ant-tabs-tab-active .ant-tabs-tab-btn a{color:#fb0}.dark .ant-modal-content,.dark .ant-modal-header{background-color:#252531}.dark .ant-modal-header,.dark .ant-modal-footer{border-color:#3a3c3e}.dark .ant-modal-close-x{border-color:#3a3c3e}.dark .ant-modal-close-x .icomoon-icon{color:#fff}.dark .ant-modal-title{color:#fff}.ant-modal-content{border-radius:8px}.ant-modal-close{height:60px;margin-right:16px}.ant-modal-close-x{height:32px;width:32px;display:flex;align-items:center;justify-content:center;border:1px solid #ebebeb;border-radius:50%}.ant-modal-close-x .icomoon-icon{height:16px;width:16px}.ant-modal-title{color:#686868}.ant-modal-header{background-color:#f5f5f5;padding:20px 24px}.ant-modal-body{padding:0}.ant-modal-body main{transition:all .2s ease;padding:32px}.ant-modal-footer{display:flex;justify-content:space-between;padding:16px}.ant-modal-footer button{min-width:112px}.dark .selection-wrapper label{color:#fff}.dark .selection-wrapper .ant-select-selector{border:1px solid #3a3c3e;background-color:#2a2a38 !important}.dark .selection-wrapper .ant-select-selector span{color:#fff}.dark .selection-wrapper .ant-select-selector .ant-select-selection-placeholder{color:#989898}.dark .selection-wrapper .ant-select-open .ant-select-selector span{color:#989898}.dark .selection-wrapper .ant-select-clear{background-color:#2a2a38}.dark .ant-select-dropdown{border-color:#3a3c3e;box-shadow:0px 1px 4px rgba(33,33,52,.1);background-color:#303040}.dark .ant-select-dropdown .rc-virtual-list .rc-virtual-list-holder-inner .ant-select-item-option{color:#d0cfcf}.dark .ant-select-dropdown .rc-virtual-list .rc-virtual-list-holder-inner .ant-select-item-option-active{color:#d0cfcf;background-color:rgba(226,226,226,.2)}.dark .ant-select-dropdown .ant-select-item-empty .ant-empty-description{color:#fff !important}.dark .ant-checkbox-wrapper span{color:#fff}.selection-wrapper{display:flex;flex-direction:column}.selection-wrapper label{color:#0b0b0b;margin-bottom:4px;transition:all .2s ease}.selection-wrapper .ant-select-selector{height:40px !important;border-radius:20px !important;padding-left:16px !important;border:1px solid #e2e2e2;transition:all .2s ease !important}.selection-wrapper .ant-select-selector span{width:100%;background-color:rgba(0,0,0,0);color:#0b0b0b}.selection-wrapper .ant-select-selector .ant-select-selection-search input{height:100% !important;padding-left:5px !important}.selection-wrapper .ant-select-selector .ant-select-selection-placeholder{display:flex;align-items:center;color:#989898}.selection-wrapper .ant-select-selector .ant-select-selection-item{display:flex;align-items:center}.selection-wrapper .ant-select-arrow{height:24px !important;width:24px !important;margin:0 !important;transform:translateY(-50%);right:16px;color:#989898}.selection-wrapper .ant-select-clear{color:#989898;right:24px;font-size:16px;top:45%}.selection-wrapper.error label{color:blue}.selection-wrapper.error .ant-select-selector{border-color:blue}.selection-wrapper.error .ant-select-selector:hover{border-color:blue}.selection-wrapper.error .ant-select-focused .ant-select-selector{border-color:blue !important;box-shadow:0 0 0 2px rgba(0,0,255,.2) !important}.ant-select-dropdown{padding:4px;border:.5px solid #ebebeb;box-shadow:0px 1px 4px rgba(33,33,52,.1);border-radius:20px}.ant-select-dropdown .rc-virtual-list .rc-virtual-list-holder-inner .ant-select-item-option{border-radius:20px;color:red;padding:8px 16px;transition:all .2s ease}.ant-select-dropdown .rc-virtual-list .rc-virtual-list-holder-inner .ant-select-item-option-content{color:inherit}.ant-select-dropdown .rc-virtual-list .rc-virtual-list-holder-inner .ant-select-item-option-selected{background-color:rgba(255,187,0,.2) !important;color:#000 !important}.ant-select-dropdown .rc-virtual-list .rc-virtual-list-holder-inner .ant-select-item-option:not(:frist-child){margin-top:2px}.table-delete-confirm .anticon{color:blue}.table-delete-confirm .ant-popover-buttons{display:flex}.table-delete-confirm .ant-popover-buttons button{padding:8px 22px;height:30px;font-size:12px}.table-delete-confirm .ant-popover-buttons button.ant-btn-primary{background-color:blue;border-color:blue}.table-delete-confirm .ant-popover-buttons button.ant-btn-default{border-color:#e2e2e2 !important;background-color:rgba(0,0,0,0) !important}.table-delete-confirm .ant-popover-buttons button.ant-btn-default span{color:#686868 !important}.accordion-header{display:flex;align-items:center;justify-content:space-between}.accordion-header .buttons{display:flex;align-items:center;gap:16px}.dark .ant-picker-range{background-color:rgba(0,0,0,0) !important}.dark .date-picker-wrapper .ant-picker{border-color:#3a3c3e;background-color:rgba(0,0,0,0) !important}.dark .date-picker-wrapper .ant-picker-input input{background-color:#2a2a38 !important;color:#fff}.dark .date-picker-wrapper .ant-picker-clear{background-color:#2a2a38}.dark .date-picker-wrapper .ant-picker-focused,.dark .date-picker-wrapper .ant-picker:hover{border-color:#fb0}.date-picker-wrapper{width:100%}.date-picker-wrapper .ant-picker{padding:0;border-radius:20px;width:100%}.date-picker-wrapper .ant-picker-range{padding-right:24px;overflow:hidden}.date-picker-wrapper .ant-picker-range .ant-picker-suffix,.date-picker-wrapper .ant-picker-range .ant-picker-clear{right:16px}.date-picker-wrapper .ant-picker-input{padding:0;position:relative}.date-picker-wrapper .ant-picker-input input{height:38px}.date-picker-wrapper .ant-picker-suffix{margin:0 !important;transform:translateY(-50%);right:24px;color:#989898;position:absolute;top:50%}.date-picker-wrapper .ant-picker-suffix svg{height:16px !important;width:16px !important}.date-picker-wrapper .ant-picker-clear{color:#989898;right:24px;font-size:16px;top:50%}.ant-picker-range{width:100%;height:38px;padding:0 16px}.ant-picker-range input{height:100%}.ant-picker-range .anticon{color:#989898}.ant-picker-dropdown .ant-picker-panel-container{border-radius:20px;box-shadow:0px 2px 15px rgba(33,33,52,.1)}.ant-picker-dropdown .ant-picker-panel-container .ant-picker-panel .ant-picker-header-prev-btn{transform:translateX(-10px);color:#0b0b0b}.ant-picker-dropdown .ant-picker-panel-container .ant-picker-panel .ant-picker-header-next-btn{transform:translateX(10px);color:#0b0b0b}.ant-picker-dropdown .ant-picker-panel-container .ant-picker-panel .ant-picker-content thead tr th{font-weight:500}.ant-picker-dropdown .ant-picker-panel-container .ant-picker-panel .ant-picker-body{padding-bottom:16px}.mr-40{margin-right:40px}.ml-40{margin-left:40px}.mt-40{margin-top:40px}.mb-40{margin-bottom:40px}.mr-32{margin-right:32px}.ml-32{margin-left:32px}.mt-32{margin-top:32px}.mb-32{margin-bottom:32px}.mr-24{margin-right:24px}.ml-24{margin-left:24px}.mt-24{margin-top:24px}.mb-24{margin-bottom:24px}.mr-16{margin-right:16px}.ml-16{margin-left:16px}.mt-16{margin-top:16px}.mb-16{margin-bottom:16px}.mr-8{margin-right:8px}.ml-8{margin-left:8px}.mt-8{margin-top:8px}.mb-8{margin-bottom:8px}.mr-4{margin-right:4px}.ml-4{margin-left:4px}.mt-4{margin-top:4px}.mb-4{margin-bottom:4px}.mx-auto{margin:0 auto !important}.border-8{border-radius:8px}.border-4{border-radius:4px}.text-center{text-align:center}.uppercase{text-transform:uppercase}.capitalize{text-transform:capitalize}.w-100{width:100%}.mw-250{max-width:250px;width:100%}.w-150{width:150px}.w-200{width:200px}.relative{position:relative}.green{color:#5cb176}.d-flex{display:flex}.align-center{align-items:center}.justify-center{justify-content:center}.justify-space-between{justify-content:space-between}.justify-end{justify-content:flex-end}.ant-picker{border-radius:24px !important}.drivers-header{display:flex;align-items:center;justify-content:space-between}.drivers-header .right{display:flex;align-items:center}.logs-graph .ant-table-content{max-height:530px}.graph-container{margin-bottom:24px;width:100%}.graph-container .graph-content{display:flex}.graph-container .graph-content .graph-body{width:100%;display:flex;align-items:flex-end;position:relative}.graph-container .graph-content .graph-body .graph-image{width:100%}.graph-container .graph-content .graph-body .status-wrapper{height:71.5%;width:100%;position:absolute;left:0;width:96%;left:3.3%}.graph-container .graph-content .graph-body .status-wrapper .status-inner{width:100%;height:100%;position:relative}.graph-container .graph-content .graph-body .status-wrapper .status-inner .box-wrapper{height:100%;display:inline-block;position:absolute;z-index:1}.graph-container .graph-content .graph-body .status-wrapper .status-inner .box-wrapper:first-child .box-content span.start{transform:translate(calc(-100% + 30px), calc(-100% - 2px))}.graph-container .graph-content .graph-body .status-wrapper .status-inner .box-wrapper:last-child .box-content span.end{transform:translate(calc(-100% + 30px), calc(-100% - 2px))}.graph-container .graph-content .graph-body .status-wrapper .status-inner .box-wrapper .vertical-line{display:inline-block;width:100%;height:8px;position:absolute}.graph-container .graph-content .graph-body .status-wrapper .status-inner .box-wrapper .vertical-line.off,.graph-container .graph-content .graph-body .status-wrapper .status-inner .box-wrapper .vertical-line.off_pc{background-color:#989898}.graph-container .graph-content .graph-body .status-wrapper .status-inner .box-wrapper .vertical-line.dr{background-color:#5cb176}.graph-container .graph-content .graph-body .status-wrapper .status-inner .box-wrapper .vertical-line.sb{background-color:#fb0}.graph-container .graph-content .graph-body .status-wrapper .status-inner .box-wrapper .vertical-line.on,.graph-container .graph-content .graph-body .status-wrapper .status-inner .box-wrapper .vertical-line.on_ym{background-color:#66b7f1}.graph-container .graph-content .graph-body .status-wrapper .status-inner .box-wrapper .horizontal-line{display:inline-block;width:2px;position:absolute}.graph-container .graph-content .graph-body .status-wrapper .status-inner .box-wrapper .horizontal-line.off,.graph-container .graph-content .graph-body .status-wrapper .status-inner .box-wrapper .horizontal-line.off_pc{background-color:#989898}.graph-container .graph-content .graph-body .status-wrapper .status-inner .box-wrapper .horizontal-line.on,.graph-container .graph-content .graph-body .status-wrapper .status-inner .box-wrapper .horizontal-line.on_ym{background-color:#66b7f1}.graph-container .graph-content .graph-body .status-wrapper .status-inner .box-wrapper .horizontal-line.dr{background-color:#5cb176}.graph-container .graph-content .graph-body .status-wrapper .status-inner .box-wrapper .horizontal-line.sb{background-color:#fb0}.graph-container .graph-content .graph-body .status-wrapper .status-inner .box-wrapper .box-content{width:100%;height:100%}.graph-container .graph-content .graph-body .status-wrapper .status-inner .box-wrapper .box-content span{display:none;box-shadow:0px 1px 4px rgba(26,26,67,.07);border-radius:4px;background-color:#fff;color:#0c75af;padding:4px 16px;width:fit-content;position:absolute;z-index:11;white-space:nowrap}.graph-container .graph-content .graph-body .status-wrapper .status-inner .box-wrapper .box-content span.start{left:-2px;top:-2px;transform:translate(calc(-100% - 2px), calc(-100% - 2px))}.graph-container .graph-content .graph-body .status-wrapper .status-inner .box-wrapper .box-content span.end{right:-2px;top:-2px;transform:translate(100%, -100%)}.graph-container .graph-content .graph-body .status-wrapper .status-inner .box-wrapper .box-content span.duration{left:50%;bottom:-2px;transform:translate(-50%, 100%)}.graph-container .graph-content .graph-body .status-wrapper .status-inner .box-wrapper:hover .box-content,.graph-container .graph-content .graph-body .status-wrapper .status-inner .box-wrapper.hovered .box-content{background-color:rgba(102,183,241,.2);cursor:pointer}.graph-container .graph-content .graph-body .status-wrapper .status-inner .box-wrapper:hover .box-content span,.graph-container .graph-content .graph-body .status-wrapper .status-inner .box-wrapper.hovered .box-content span{display:block}.graph-container .graph-content .graph-body .status-wrapper .status-inner .box-wrapper.readonly .box-content{background-color:rgba(255,123,102,.4) !important;cursor:default}.graph-container .graph-content .graph-body .status-wrapper .status-inner .box-wrapper .flag-content{background-color:green;position:absolute;opacity:.5}.graph-container .graph-content .graph-body .status-wrapper .status-inner .box-wrapper .flag-content .flag-box{color:#fff;font-weight:800;font-size:larger;border-radius:5px;padding:10px;width:32px;height:32px;background-color:green;position:absolute;display:flex;justify-content:center;align-items:center}.graph-container .graph-content .graph-body .status-wrapper .status-inner .intermediate{position:absolute;transform:translateY(-1.5px);display:flex;z-index:2}.graph-container .graph-content .graph-body .status-wrapper .status-inner .intermediate .circle{display:inline-block;height:6px;width:6px;border-radius:50%;background-color:#5cb176;transition:all .2s ease;cursor:pointer}.graph-container .graph-content .graph-body .status-wrapper .status-inner .intermediate .circle:hover,.graph-container .graph-content .graph-body .status-wrapper .status-inner .intermediate .circle.hovered{transform:scale(3)}.graph-container .graph-content .graph-body .status-wrapper .status-inner .intermediate .circle:hover+span,.graph-container .graph-content .graph-body .status-wrapper .status-inner .intermediate .circle.hovered+span{opacity:1;transform:translate(-50%, -38px) scale(1);display:block}.graph-container .graph-content .graph-body .status-wrapper .status-inner .intermediate .time{display:inline-block;opacity:0;display:none;transition:all .2s ease;transform:translate(-50%, -38px) scale(0);padding:4px 10px;background:#fff;border-radius:4px;border:1px solid #5cb176;color:#5cb176}.graph-container .graph-content .graph-body .status-wrapper .status-inner .login-png{position:absolute;transform:translateX(-20px)}.graph-container .graph-content .graph-body .status-wrapper .range-wrapper{display:none;position:absolute;width:100%;height:100%;flex-direction:column;justify-content:flex-end}.graph-container .graph-content .graph-body .status-wrapper .range-wrapper .range-content{position:absolute;height:100%;z-index:3}.graph-container .graph-content .graph-body .status-wrapper .range-wrapper .range-content svg{width:42px;position:absolute;color:inherit}.graph-container .graph-content .graph-body .status-wrapper .range-wrapper .range-content .range-left{bottom:0;left:0;transform:translate(-100%, 100%)}.graph-container .graph-content .graph-body .status-wrapper .range-wrapper .range-content .range-right{bottom:0;right:0;transform:translate(100%, 100%)}.graph-container .graph-content .graph-body .status-wrapper .range-wrapper .range-content .duration{bottom:0;position:absolute;left:50%;transform:translate(-50%, 50px);padding:4px 16px;background-color:#fff;box-shadow:0px 1px 4px rgba(26,26,67,.2);border-radius:4px}.graph-container .graph-content .graph-body .status-wrapper .range-wrapper .range-content .time{position:absolute;top:-2px;display:inline-block;padding:4px 8px;border-radius:4px;color:#fff}.graph-container .graph-content .graph-body .status-wrapper .range-wrapper .range-content .time-left{left:-2px;transform:translate(-100%, -100%)}.graph-container .graph-content .graph-body .status-wrapper .range-wrapper .range-content .time-right{right:-2px;transform:translate(100%, -100%)}.graph-container .graph-content .graph-body .status-wrapper .range-wrapper .range-content.sb{background-color:rgba(255,187,0,.4);color:#fb0}.graph-container .graph-content .graph-body .status-wrapper .range-wrapper .range-content.sb .time{background-color:#fb0}.graph-container .graph-content .graph-body .status-wrapper .range-wrapper .range-content.dr{background-color:rgba(92,177,118,.4);color:#5cb176}.graph-container .graph-content .graph-body .status-wrapper .range-wrapper .range-content.dr .time{background-color:#5cb176}.graph-container .graph-content .graph-body .status-wrapper .range-wrapper .range-content.off{background-color:rgba(152,152,152,.4);color:#989898}.graph-container .graph-content .graph-body .status-wrapper .range-wrapper .range-content.off .time{background-color:#989898}.graph-container .graph-content .graph-body .status-wrapper .range-wrapper .range-content.on{background-color:rgba(102,183,241,.4);color:#66b7f1}.graph-container .graph-content .graph-body .status-wrapper .range-wrapper .range-content.on .time{background-color:#66b7f1}.graph-container .graph-content .graph-body .status-wrapper .range-wrapper .range-content.off_pc{background-color:rgba(152,152,152,.4);color:#989898}.graph-container .graph-content .graph-body .status-wrapper .range-wrapper .range-content.off_pc .time{background-color:#989898}.graph-container .graph-content .graph-body .status-wrapper .range-wrapper .range-content.on_ym{background-color:rgba(102,183,241,.4);color:#66b7f1}.graph-container .graph-content .graph-body .status-wrapper .range-wrapper .range-content.on_ym .time{background-color:#66b7f1}.graph-container .graph-content .graph-body .status-wrapper .range-wrapper.active{display:flex}.graph-container .graph-content .graph-body .status-wrapper .range-wrapper .rc-slider{transform:translateY(20px);z-index:4}.graph-container .graph-content .graph-body .status-wrapper .range-wrapper .rc-slider .rc-slider-rail{display:none}.graph-container .graph-content .graph-body .status-wrapper .range-wrapper .rc-slider .rc-slider-track{display:none}.graph-container .graph-content .graph-body .status-wrapper .range-wrapper .rc-slider .rc-slider-handle{width:82px;height:62px;border-radius:0px;border:none;background-color:rgba(0,0,0,0);box-shadow:none}.graph-container .graph-content .graph-body .status-wrapper .range-wrapper .rc-slider .rc-slider-handle-1{transform:translate(calc(-50% - 20px), -6px) !important}.graph-container .graph-content .graph-body .status-wrapper .range-wrapper .rc-slider .rc-slider-handle-2{transform:translate(calc(-50% + 20px), -6px) !important}.graph-container .graph-content .graph-duration{display:flex;align-items:flex-end;max-width:30px}.graph-container .graph-content .graph-duration .duration-wrapper{height:71.5%;display:flex;flex-direction:column;justify-content:space-around;align-items:flex-end}.graph-container .graph-content .graph-duration .duration-wrapper span{font-size:16px;color:#5d5e5f}.graph-container .graph-total{width:100%;margin-top:8px;text-align:end}.graph-container .graph-total span{font-family:Roboto;font-size:16px;font-weight:700;line-height:28px;color:#686868}.logs-head{display:flex;align-items:center;justify-content:space-between}.logs-head-left{display:flex;align-items:center;gap:16px}.logs-head-left .date-picker-wrapper{width:200px}.logs-head-right{display:flex;align-items:center;gap:16px}.logs-head-right .text-field-wrapper,.logs-head-right .selection-wrapper{width:200px}.logs .ant-table-row:hover .ant-table-cell{cursor:pointer;background-color:rgba(255,187,0,.15) !important;box-shadow:none}.logs-inner-head{display:flex;justify-content:space-between}.logs-inner-head .driver-info-top{display:flex;align-items:center;margin-bottom:8px}.logs-inner-head .driver-info-top .circle{display:flex;height:16px;width:16px;background-color:#5cb176;border-radius:50%;margin-right:12px}.logs-inner-head .driver-info-top .name{margin-right:16px}.logs-inner-head .driver-info-top .android-icon{font-size:25px;color:green;margin-left:10px}.logs-inner-head .driver-info-desc{margin-bottom:4px;color:#787878}.logs-inner-head .driver-progress-info{display:flex;flex-direction:column}.logs-inner-head .driver-progress-info-item{display:flex;justify-content:end;align-items:center;column-gap:10px}.logs-inner-head .driver-progress-info span{color:#787878}.logs-inner-head .driver-progress-info span b{font-weight:500;color:#0b0b0b}.logs-inner-head .driver-progress-bar{display:flex;justify-content:flex-end;align-items:center;gap:24px}.logs-inner-head .driver-progress-bar .ant-progress-text{height:100%}.logs-inner-head .driver-progress-bar .logs-progress-content{height:100%;position:relative;display:flex;align-items:center;justify-content:center}.logs-inner-head .driver-progress-bar .logs-progress-content .circle{position:absolute;left:50%;top:50%;transform:translate(-50%, -50%) rotate(31deg);width:2px;height:100%}.logs-inner-head .driver-progress-bar .logs-progress-content .circle::after{content:"";position:absolute;height:4px;width:4px;background:#fff;box-shadow:0px 0px 1px rgba(0,0,0,.15);top:3px;left:50%;transform:translateX(-50%);border-radius:50%;z-index:11}.logs-inner-head .driver-progress-bar .logs-progress-content .border{height:76px;width:76px;position:absolute;left:50%;top:50%;transform:translate(-50%, -50%)}.logs-inner-head .driver-progress-bar .logs-progress-content .border svg{height:100%;width:100%}.logs-inner-head .driver-progress-bar .logs-progress-content .info{display:flex;flex-direction:column;justify-content:center;align-items:center}.logs-inner-head .driver-progress-bar .logs-progress-content .info span{display:flex}.logs-inner-head .driver-progress-bar .logs-progress-content .info span:first-child{color:#0b0b0b}.logs-inner-head .current-status{padding:0 1rem;border-radius:12px;border:1px solid #787878}body.dark .signatur-img{border-bottom:2px solid #fff}body.light .signatur-img{border-bottom:2px solid #000}.log-actions{display:flex;height:80px;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px}.log-actions .clear-both{clear:both}.log-actions .original-logs-modal{margin:10px}.log-actions .log-btn{text-transform:uppercase}.log-actions .log-left-actions{display:flex;gap:10px}.log-actions .log-left-actions .prev-next-day{display:flex}.log-actions .log-left-actions .prev-next-day .prev-day{border-top-right-radius:0;border-bottom-right-radius:0;font-weight:700;font-size:large}.log-actions .log-left-actions .prev-next-day .next-day{border-top-left-radius:0;border-bottom-left-radius:0;font-weight:700;font-size:large}.log-actions .log-right-actions{display:flex;gap:10px;justify-content:flex-end}.log-correction{border-radius:10px;padding:10px}.log-correction .ant-picker,.log-correction .ant-picker-range{border-radius:24px}.log-correction-statuses{display:flex;justify-content:center;align-items:center;gap:25px;margin:20px 0}.log-correction-statuses label{outline:none;border:1px solid #aaa;background:rgba(0,0,0,0);border-radius:18px !important;padding:7px 12px;font-weight:500;width:max-content;text-transform:uppercase;display:flex;align-items:center;justify-content:center;width:100px}.log-correction-statuses label span:nth-child(2){display:flex;align-items:center;justify-content:center;gap:5px}.log-correction-statuses label span:nth-child(2) span{width:20px;display:inline-flex;align-items:center;justify-content:space-between}.log-correction-statuses label span:nth-child(2) span path{width:20px}.log-correction-statuses label::before{content:none !important;display:none !important}.log-correction-statuses label.on{color:#66b7f1;border-color:#66b7f1}.log-correction-statuses label.on svg path{fill:#66b7f1}.log-correction-statuses label.sb{color:#fb0;border-color:#fb0}.log-correction-statuses label.sb svg path{fill:#fb0}.log-correction-statuses label.dr{color:#5cb176;border-color:#5cb176}.log-correction-statuses label.dr svg path{fill:#5cb176}.log-correction-statuses label.off{color:#989898 !important;border-color:#989898 !important}.log-correction-statuses label.off svg path{fill:#989898}.log-correction-form{display:flex;justify-content:center}.log-correction-form>div{width:80%}.log-correction-form>div>div{margin-bottom:15px}.multi-day-graph-container{position:relative}.multi-day-graph-container .graph-container{width:100%;overflow-x:scroll;overflow-y:hidden;padding-bottom:1.5rem}.multi-day-graph-container .graph-container .graph-content{display:flex;width:max-content;height:max-content}.multi-day-graph-container .graph-container .graph-content .graph-body{width:400px !important}.multi-day-graph-container .graph-container .graph-content .graph-body:not(:last-child){margin-right:-14px}.multi-day-graph-container code{position:absolute;left:0;bottom:-20px}
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: "SF Pro Display";
}

::-webkit-scrollbar {
  width: 0;
  height: 0;
}
@font-face {
  font-family: "SF Pro Display";
  src: url(/static/media/SFPRODISPLAYBOLD.b1f4d2c69fa808ebca12.OTF);
  src: url(/static/media/SFPRODISPLAYMEDIUM.b85d841dacb040b84951.OTF);
  src: url(/static/media/SFPRODISPLAYREGULAR.d1f5e6e16dd4f75c3950.OTF);
}

@keyframes modal {
  0% {
    right: -350px;
  }
  100% {
    right: 0;
  }
}
@keyframes modalEnd {
  0% {
    right: 0;
  }
  100% {
    right: -350px;
  }
}

.activeClassName {
  color: blue;
  flex-direction: column;
}
.hover_container {
  position: absolute;
  border-radius: 10px;
  padding: 16px 10px;
  width: 173px;
  min-height: 109px;
  /* max-height: 500px; */
  -webkit-backdrop-filter: blur(80px);
          backdrop-filter: blur(80px);
  box-shadow: 0 10px 60px 0 rgba(0, 0, 0, 0.1);
  /* background: rgba(255, 255, 255, 0.97); */
  z-index: 9999;
  bottom: 80px;
  left: -20px;
  background: transparent;
  display: flex;
  flex-direction: column;
  gap: 10px;
  justify-content: center;
  align-items: center;
  display: none;
  color: black;
  /* overflow: auto; */
}
.table_hover_elm {
  &:hover {
    .hover_container {
      display: flex;
    }
  }
  /* color: #7c7c80d6 ; */
}

a {
  text-decoration: none;


}

.ant-layout-sider-children {
  display: flex;
  flex-direction: column;
}

.btn-default {
  padding: 15px 25px;
  color: #5d5e5f;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: -0.5px;
  border-radius: 10px;
  background: #f3f3f4;
  background: var(--card-card-secondary, #f3f3f4);
}

.btn-primary {
  color: #fff;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: -0.5px;
  padding: 20px 25px;
  border-radius: 10px;
  background: #fc973a;
}

.ant-modal-footer {
  display: none;
}

.ant-table-thead th {
  background-color: #f3f3f4 !important;
  scrollbar-color: #f3f3f4 !important;
}

/* .ant-table-row-level-0 {
  border-radius: 10px !important;
  background: #fdfdfd !important;
  margin-bottom: 50px !important;
  overflow: hidden !important;
} */

.ant-table-thead * {
  color: #303030;
  font-size: 14px;
  font-weight: 590;
}

.ant-table-tbody * {
  color: #000;
  font-size: 16px;
  font-weight: 400;
  line-height: 2;
}

pp {
  display: grid;
  grid-template-columns: minmax(100px, 300px);
  grid-auto-rows: auto;
  grid-gap: 20px;
  gap: 20px;
}