*,:after,:before{-webkit-box-sizing:border-box;box-sizing:border-box;margin:0;padding:0}button,input{overflow:visible}button,input,optgroup,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit;margin:0}textarea{min-height:100px;overflow:auto;resize:none;width:100%}:root{--cm-blue:#3762ea;--cm-cl38:#383838;--cm-cl58:#585858;--cm-clc8:#c8c8c8;--cm-cl-disable:#505050;--cm-purple:#8561f9;--cm-pink:#f7649f;--cm-red:#ff6c6c;--cm-orange:#e3ba72;--cm-yellow:#f6b749;--cm-green:#8cb86b;--cm-active:#a1cdff;--cm-cyan:#438eff;--cm-active:#009489;--cm-hover:#12cdbf;--cm-baby-blue:#6ba7ea;--cm-black:#000;--cm-white:#fff;--cm-gray:#b7b7b7;--cm-gray-dark:#1f242e;--cm-gray-100:#fafafa;--cm-gray-200:#f7f7f7;--cm-gray-300:#eaeaea;--cm-gray-400:#dadada;--cm-gray-500:#adb5bd;--cm-gray-600:#9d9d9d;--cm-gray-700:#404040;--cm-gray-800:#1f242e;--cm-gray-900:#0f1114;--cm-primary:#3762ea;--cm-secondary:#383838;--cm-cl28:#282828;--cm-success:#2dcb73;--cm-info:#8fff00;--cm-warning:#f6b749;--cm-danger:#ff6c6c;--cm-bt-hover:#fff;--cm-font:notoSansJP,Helvetica,Arial,sans-serif;--cm-font-size-small:12px;--cm-font-size-def:14px;--cm-font-size-lag:18px;--cm-font-size-xlag:24px;--cm-font-size-xxlag:28px;--cm-link:#12aea2;--cm-mag-btt:24px;--cm-w-small:400px;--cm-w-medium:500px;--cm-w-medium2:520px;--cm-w-xmedium:600px;--cm-w-lag:800px;--cm-w-xlag:900px;--cm-w-xxlag:1200px}a{color:var(--cm-link);text-decoration:none}a:hover{color:var(--cm-gray-600)}body{-ms-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;background-color:var(--cm-cl38);color:var(--cm-cl38);font-family:var(--cm-font);font-size:var(--cm-font-size-def);line-height:1.5;margin:0;text-align:left;width:1920px}[type=button]:not(:disabled),[type=reset]:not(:disabled),[type=submit]:not(:disabled),button:not(:disabled){cursor:pointer}::-webkit-scrollbar{height:10px;width:10px}::-webkit-scrollbar-track{background:#fafafa;border-radius:8px}::-webkit-scrollbar-thumb{background:#b1b1b1;border-radius:8px}::-webkit-scrollbar-thumb:hover{background:#989898}button{color:var(--cm-white);position:relative}.btn{border-radius:4px;display:inline-block;font-size:var(--cm-font-size-def);height:40px;line-height:37px;min-width:96px;padding:0 12px}.btn--primary{background:var(--cm-active);border:1px solid var(--cm-active)}.btn--second{background:var(--cm-white);border:1px solid var(--cm-gray);color:var(--cm-gray-900)}.btn-outline-secondary{background:#fff;border:1px solid var(--cm-gray-400);color:var(--cm-cl58)}.btn:hover{background:var(--cm-bt-hover);border:1px solid var(--cm-active);color:var(--cm-active)}.btn.disable i,.btn:disabled i{color:var(--cm-cl-disable);cursor:default}.btn-icon{align-items:center;justify-content:center}.btn.disable:hover i,.btn:disabled i:hover,.btn:disabled:hover i{color:var(--cm-cl-disable)}.btn-icon i{color:var(--cm-gray-900);font-size:20px;margin-right:4px}.btn-icon:hover i{color:var(--cm-active)}.btn-group .btn,.modal-footer .btn--primary{margin-left:12px}.btn-group .btn:first-child{margin-left:0}.color-green{color:var(--cm-green)}.color-active{color:var(--cm-active)}.color-red{color:var(--cm-red)}.color-yellow{color:var(--cm-yellow)}.color-gray-900{color:var(--cm-gray-900)}.bg-green{background:var(--cm-green)}.bg-red{background:var(--cm-red)}.bg-gray{background:var(--cm-gray)}.bg-gray2{background:var(--cm-gray-200)}.bg-active{background:var(--cm-active)}.bg-yellow{background:var(--cm-yellow)}.bg-nav2,.bg-orange{background:var(--cm-orange)}.bg-purple{background:var(--cm-purple)}.bg-nav1{background:#f49c86}.bg-nav3{background:#85addd}.bg-nav4{background:#a091d5}.bg-cl58{background:var(--cm-cl58)}.color-baby-blue{color:var(--cm-baby-blue)}.box-alert{left:50%;position:fixed;top:0;transform:translateX(-50%);z-index:99}.box-alert__content{align-items:center;border:1px solid;border-radius:4px;cursor:pointer;font-weight:400;height:auto;margin:10px;padding:10px 20px;width:fit-content}.alert__content-text{margin-left:12px}.box-alert__content i{font-size:20px}.box-alert__content i:hover{color:inherit}.box-alert__content:hover{transition:.5s}.alert-success{background-color:rgba(115,164,115,.3);border:1px solid rgba(205,236,205,.8);box-shadow:0 0 2px #133924;text-shadow:1px 1px #064220}.alert-success,.alert-success i{color:var(--cm-success)}.alert-info{background-color:rgba(85,135,191,.121);border:1px solid rgba(107,167,234,.46);box-shadow:0 0 2px #0f437e;text-shadow:2px 1px #0f437e}.alert-info,.alert-info i{color:var(--cm-baby-blue)}.alert-warning{background-color:rgba(148,95,1,.121);border:1px solid hsla(38,67%,67%,.46);box-shadow:0 0 2px #4a2f00;text-shadow:2px 1px #4a2f00}.alert-warning,.alert-warning i,.color-orange{color:var(--cm-orange)}.alert-error{background-color:rgba(143,4,4,.121);border:1px solid hsla(0,100%,71%,.46);box-shadow:0 0 2px #3f0202;text-shadow:2px 1px #3f0202}.alert-error,.alert-error i{color:var(--cm-danger)}.animated{-webkit-animation:blink-1 2s infinite both;animation:blink-1 2s infinite both}.form-group{margin-bottom:var(--cm-mag-btt)}.form-group label .ic-req{color:var(--cm-danger);margin-left:2px}.row{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.col-form-label{line-height:40px;margin-bottom:0;margin-right:20px;padding-right:12px;position:relative}.col-form-label:after{content:":";font-weight:700;position:absolute;right:0;top:0}.form-label{display:inline-block;margin-bottom:8px}.form-control{background:var(--cm-white);background-clip:padding-box;border:1px solid var(--cm-gray-500);border-radius:4px;color:var(--cm-gray-900);display:block;padding:9px 8px 8px;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;width:100%}.form-control:focus{background:var(--cm-white);border-color:#99c8c4;box-shadow:0 0 0 .2rem rgba(0,148,137,.25);color:var(--cm-gray-900);outline:0}input:disabled,select:disabled{background:var(--cm-gray-300);cursor:default}input:disabled+i:hover{color:var(--cm-gray-600);cursor:default}select{appearance:none;border:0;box-shadow:none;cursor:pointer;flex:1;outline:0}.bor-btt{border-bottom:1px solid var(--cm-gray-500)}select::-ms-expand{display:none}.select{border-radius:4px;display:flex;position:relative}.select:after{background:var(--cm-cl58);color:#fff;content:"\25BC";height:40px;padding:8px 15px;pointer-events:none;position:absolute;right:0;top:0;transition:all .25s ease}.select:hover:after{color:var(--cm-active)}.select-disabled:after,.select-disabled:hover:after{color:var(--cm-gray-300)}.switch{display:inline-block;height:18px;position:relative;width:46px}.switch input{height:0;opacity:0;width:0}.slider{background-color:#ccc;bottom:0;cursor:pointer;left:0;right:0;top:0}.slider,.slider:before{position:absolute;-webkit-transition:.4s;transition:.4s}.slider:before{background-color:#fff;bottom:3px;content:"";height:12px;left:4px;width:12px}input:checked+.slider{background-color:#2196f3}input:focus+.slider{box-shadow:0 0 1px #2196f3}input:checked+.slider:before{-webkit-transform:translateX(26px);-ms-transform:translateX(26px);transform:translateX(26px)}.slider.round{border-radius:34px}.slider.round:before{border-radius:50%}.tooltip{z-index:1073}.disable:hover,.disable:hover i{cursor:not-allowed}.has-error .form-control:focus{border-color:var(--cm-danger);box-shadow:0 0 0 .2rem rgba(255,23,43,.25)}.form-control-plaintext{background-color:transparent;border:solid transparent;border-width:1px 0;color:var(--cm-gray-dark);display:block;margin-bottom:0;padding:7px 0;width:100%}.list-item-view label{line-height:24px;padding:0}.list-item.disable{background:var(--cm-gray-300)}.text-center{text-align:center}.sorting_desc{cursor:pointer;position:relative}.sorting_asc:after,.sorting_desc:after{border-left:.5em solid transparent;border-right:.5em solid transparent;color:var(--cm-active);content:"";display:inline-block;height:0;margin-left:4px;vertical-align:2px;width:0}.sorting_desc:after{border-bottom:0;border-top:.5em solid}.sorting_asc:after{border-bottom:.5em solid;border-top:0}.title{font-size:18px;font-weight:700}.head-tabs .title{color:#fff;font-size:14px;font-weight:400}.nav-tabs{padding-top:12px}.head-tabs,.nav-tabs{background:var(--cm-cl58)}.nav-link{border:1px solid var(--cm-clc8);border-radius:0;color:var(--cm-clc8);display:flex;line-height:24px;margin:0;min-width:142px;padding:0 12px}.nav-tabs .nav-item.show .nav-link,.nav-tabs .nav-link.active,.nav-tabs .nav-link:hover{background:var(--cm-cl38);border-color:var(--cm-cl38);cursor:pointer}.nav-tabs .nav-link.active{cursor:default}.nav-tabs .nav-item a:hover{color:var(--cm-clc8)}.btn.disable,.btn:disabled,.nav-tabs .nav-link.disable{background-color:var(--cm-gray);color:var(--cm-cl-disable);cursor:not-allowed}.btn.disable,.btn:disabled{border:none}.nav__right .btn:disabled:hover,.nav__right .btn:disabled:hover i{color:var(--cm-cl-disable)}.head-tabs .nav-tabs .nav-link{min-width:auto}.head-tabs .nav-tabs .nav-link.disable{border-bottom:none;border-left:none}.head-tabs .nav-tabs .nav-item:first-child .nav-link.disable{border-left:1px solid var(--cm-clc8)}.nav-tabs .nav-link.disable:hover{border-color:var(--cm-clc8);color:var(--cm-cl-disable)}.w-small{width:var(--cm-w-small)}.modal-dark{color:var(--cm-gray-100)}.modal-dark .modal-content{background:var(--cm-cl58);border-radius:0}.modal-open .modal{overflow-x:hidden;overflow-y:auto}.fade{opacity:0;transition:opacity .15s linear}.fade.in,.fade.show{opacity:1}.modal{bottom:0;display:none;left:0;outline:0;overflow:hidden;position:fixed;right:0;top:0;z-index:1072}.modal.in .modal-dialog,.modal.show .modal-dialog{-webkit-transform:translate(0);transform:translate(0)}.align-center,.modal-dialog-centered{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex}.modal-dialog{pointer-events:none;position:relative;width:auto}.modal-content{-webkit-box-orient:vertical;-webkit-box-direction:normal;background-clip:padding-box;background-color:var(--cm-white);border-radius:8px;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;outline:0;pointer-events:auto;position:relative;width:100%}.modal-small{width:var(--cm-w-small)}.modal-medium{width:var(--cm-w-medium)}.modal-medium2{width:var(--cm-w-medium2)}.modal-xmedium{width:var(--cm-w-xmedium)}.modal-lag{width:var(--cm-w-lag)}.modal-xlag{width:var(--cm-w-xlag)}.modal-xxlag{width:var(--cm-w-xxlag)}.modal-header{position:relative}.modal-title{-webkit-box-align:start;-ms-flex-align:start;-webkit-box-pack:justify;-ms-flex-pack:justify;align-items:flex-start;background:var(--cm-active);border-bottom:1px solid #e9ecef;border-top-left-radius:6px;border-top-right-radius:6px;display:-webkit-box;display:-ms-flexbox;display:flex;justify-content:space-between;padding:16px 20px}.modal-header .close{position:absolute;right:12px;top:12px;z-index:9}button.close{-webkit-appearance:none;background-color:transparent;border:0;padding:0}.close{color:var(--cm-white);float:right;font-size:2.5rem;line-height:1;opacity:.5}.close:hover{opacity:1}.modal-title{color:#fff;font-size:var(--cm-font-size-lag);margin-bottom:0}.modal-body{-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;padding:20px;position:relative}.modal-open .modal-body{max-height:745px;overflow:auto}.modal-full .modal-body{padding:24px 0 0}.main_login .modal-body{padding:40px 20px 20px}.flex-end,.modal-footer{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:end;-ms-flex-pack:end;align-items:center;border-top:1px solid #e9ecef;display:-webkit-box;display:-ms-flexbox;display:flex;justify-content:flex-end}.modal-footer{padding:1rem}.modal-backdrop{background-color:var(--cm-gray-900);bottom:0;left:0;position:fixed;right:0;top:0;z-index:1040}.modal-backdrop.in,.modal-backdrop.show{opacity:.5}.material-icons,.material-icons-outlined{color:var(--cm-gray-300);cursor:pointer}.material-icons-outlined:hover,.material-icons:hover{color:var(--cm-active)}.icons-bg{background:var(--cm-cl58);border-radius:50%;cursor:pointer;display:inline-flex;height:34px;margin-right:16px;padding:5px;position:relative;width:34px}.icons-bg.active,.icons-bg:hover{background:var(--cm-active)}.icons-bg.active i,.icons-bg:hover i{color:#fff}.icons-svg i{border-radius:50%;display:flex;height:34px;left:0;overflow:hidden;padding:6px 0;position:absolute;top:0;width:34px}.icons-svg i.icon-bus-right{flex-direction:row-reverse}.icons-svg i.icon-signal{padding:0 5px}.icons-svg:hover svg .cls-1{fill:#fff}.notification-btn i{animation:ring 4s ease-in-out .7s infinite}.badge{border-radius:50%;color:var(--cm-white);display:block;font-size:9px;height:13px;line-height:12px;padding:1px;position:absolute;right:-3px;text-align:center;top:0;width:13px}.notification-btn .badge{animation:pulse-secondary 2s infinite;background:var(--cm-info);box-shadow:0 0 0 rgba(8,233,83,.9)}.single-chart{margin-bottom:20px;width:120px}.circular-chart{display:inline-block;margin:10px auto;max-height:120px;max-width:120px}.circle-bg{fill:none;stroke:var(--cm-cl58);stroke-width:3.8}.circle{fill:none;stroke-width:2.8;stroke-linecap:round;animation:progress 1s ease-out forwards}@keyframes progress{0%{stroke-dasharray:0 100}}.circular-chart.gray-100 .circle{stroke:var(--cm-gray-100)}.percentage{fill:#fff;text-anchor:middle;font-family:sans-serif;font-size:.5em}.dropdown-menu{max-height:500px;overflow:auto;padding:0;width:280px}.dropdown-menu .dropdown-item{border-bottom:1px solid var(--cm-gray-500);color:var(--cm-cl28);display:block;padding:6px 12px}.dropdown-menu .dropdown-item:hover{background:var(--cm-hover);color:var(--cm-white);cursor:pointer}.dropdown-menu .dropdown-item:last-child{border:none}.dropdown .icons-bg:hover{cursor:pointer}.dropdown--ic-left:before{margin-left:0;margin-right:8px}.dropdown-item.disable,.dropdown-item.disable:hover{background:#fff;color:var(--cm-gray-500);cursor:not-allowed}.list-notification .dropdown-menu{width:460px}.list-notification .dropdown-menu li{border:none;padding:8px 12px}.list-notification li:nth-of-type(2n){background:var(--cm-gray-200)}.content-notice{line-clamp:2;-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--cm-gray-700);display:-webkit-box;overflow:hidden}.dropdown-menu .dropdown-item.title{border-bottom:1px solid var(--cm-clc8);text-align:right}.dropdown-menu .dropdown-item.title:hover{background-color:#fff;color:var(--cm-cl28);cursor:default}.checkbox,.radio{border-color:var(--cm-gray-600);height:16px;width:16px}table{border-collapse:collapse;table-layout:fixed}.table{background-color:transparent;max-width:100%;width:100%}table tr{height:33px}.table td,.table th{border:none;padding:6px 4px}.table td,.table td i,.table th,.table th i{vertical-align:middle}.table thead th{line-height:28px;vertical-align:bottom}.thead-dark td,table th{color:var(--cm-gray-400)}.thead-dark tbody tr:nth-of-type(odd){background:var(--cm-cl58)}.table-head-fixed thead tr,.thead-dark tbody tr:nth-of-type(2n){background:var(--cm-cl38)}table i,table span[class*=ic-] i{color:var(--cm-gray-600);font-size:16px}table tr:hover{cursor:pointer}table.thead-dark tbody tr.active,table.thead-dark tbody tr.active:hover,table.thead-light tbody tr.active{background:var(--cm-active)}table.thead-dark tbody tr:hover,table.thead-light tbody tr:hover{background:var(--cm-hover)}.tr:hover i,table tr.active td,table tr.active td i[class*=material-icons],table tr:hover td,table tr:hover td i[class*=material-icons]{color:#fff}.thead-light{background:var(--cm-white)}.thead-light td{color:var(--cm-gray-900)}.thead-light tbody tr:nth-of-type(2n){background:var(--cm-gray-300)}.thead-light i{color:var(--cm-cl58);display:inherit}td.text-center i{display:inline-block}.table-head-fixed table tr.search-highlight{background:var(--cm-yellow)}.table-head-fixed table tr.search-highlight td,.table-head-fixed table tr.search-highlight:hover td,table tr.active td span[class*=color-],table tr.search-highlight td span[class*=color-],table tr:hover td span[class*=color-]{color:#fff}table tr .checkbox,table tr .radio{display:flex}.page-link{background-color:var(--cm-white);border:1px solid var(--cm-gray-500);border-radius:4px;color:var(--cm-cl58);display:block;height:40px;line-height:38px;text-align:center;width:40px}.page-link:hover,.page-link:hover i{background:var(--cm-bt-hover);border-color:var(--cm-bt-hover);color:var(--cm-active)}.pagination{display:-webkit-box;display:-ms-flexbox;display:flex;list-style:none;margin:24px 0;padding-left:0}.page-item{margin-left:12px}.page-item:first-child a,.page-item:last-child a{align-items:center;display:flex;justify-content:center}.page-item.disable .page-link{background-color:var(--cm-gray-400);cursor:auto;pointer-events:none}.page-item.disable .page-link i{color:var(--cm-white)}.page-item.active{color:var(--cm-black);font-weight:700}.pagination,.pagination a{text-decoration:none}ol,ul{list-style:none}.btn-group,.btn-icon,.d-flex,.flex-between{display:-webkit-box;display:-ms-flexbox;display:flex}.flex-between{-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-box-align:center;-ms-flex-align:center;align-items:center;justify-content:space-between}.justify-content-right{-webkit-box-pack:right;-ms-flex-pack:right;justify-content:right}.justify-content-center{-webkit-box-pack:center!important;-ms-flex-pack:center!important;justify-content:center!important}.col-40{width:40%}.col-50{width:50%}.col-60{width:60%}.col-70{width:70%}.col-30{width:30%}@media (min-width:576px){.col-sm-2{-webkit-box-flex:0;-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-sm-10{-webkit-box-flex:0;-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.modal-dialog-centered{min-height:calc(100% - 3.5rem)}.modal-dialog{margin:1.75rem auto}}@-webkit-keyframes blink-1{0%,50%,to{opacity:1}25%,75%{opacity:0}}@keyframes blink-1{0%,50%,to{opacity:1}25%,75%{opacity:0}}@keyframes ring{0%{transform:rotate(0)}1%{transform:rotate(30deg)}3%{transform:rotate(-28deg)}5%{transform:rotate(34deg)}7%{transform:rotate(-32deg)}9%{transform:rotate(30deg)}11%{transform:rotate(-28deg)}13%{transform:rotate(26deg)}15%{transform:rotate(-24deg)}17%{transform:rotate(22deg)}19%{transform:rotate(-20deg)}21%{transform:rotate(18deg)}23%{transform:rotate(-16deg)}25%{transform:rotate(14deg)}27%{transform:rotate(-12deg)}29%{transform:rotate(10deg)}31%{transform:rotate(-8deg)}33%{transform:rotate(6deg)}35%{transform:rotate(-4deg)}37%{transform:rotate(2deg)}39%{transform:rotate(-1deg)}41%{transform:rotate(1deg)}43%{transform:rotate(0)}to{transform:rotate(0)}}@keyframes pulse-secondary{0%{box-shadow:0 0 0 rgba(8,233,83,.6)}70%{box-shadow:0 0 0 10px rgba(255,0,10,0)}to{box-shadow:0 0 0 0 rgba(255,0,10,0)}}@keyframes flicker-report{0%{color:var(--cm-danger)}50%{color:#fff}to{color:var(--cm-danger)}}.flicker{-webkit-animation:flicker-report .7s infinite;-moz-animation:flicker-report .7s infinite;-o-animation:flicker-report .7s infinite;animation:flicker-report .7s infinite}.wapper{margin:0 auto}.container-fluid{padding:0 12px}.header__content.container-fluid{padding-left:15px}header{border-bottom:3px solid var(--cm-black)}.font-3xl{font-size:32px}.font-xxlag{font-size:var(--cm-font-size-xlag)}.has-error{flex-direction:column;position:relative}.has-error .error{color:var(--cm-danger);font-size:12px;font-style:normal;left:0;position:absolute;top:70px}.has-error input,.has-error textarea{border-color:var(--cm-danger)}.has-error .date-from-to .input-control-icon:not(:first-child) input{border-color:var(--cm-gray-500)}.header__content{height:36px;justify-content:space-between;margin:0 auto}.header__content,.header__left{align-items:center;display:flex}.header__left .logo{height:20px;width:64px}.header__right{align-items:center;display:flex}.header__right a{padding-left:17px;padding-top:4px}.header__right .material-icons-outlined:hover,.header__right .material-icons:hover{color:var(--cm-active)}.header__left .form-group{align-items:center;margin:0 8px}.header__left .form-group label{color:var(--cm-gray-600);margin-right:8px}.header__left .form-group input{background:none;border-color:var(--cm-black);box-shadow:1px 1px 1px #595757,inset 1px 1px 1px #595757;color:var(--cm-gray-500);height:24px;width:200px}nav{background-color:var(--cm-cl28);display:flex}.nav__wapper__left{height:26px;padding-top:1px;position:relative;width:250px}.nav__wapper__left .material-icons-outlined{color:var(--cm-active);margin-top:4px}.nav__left .nav-title{color:#fff;margin:2px 4px 0}.nav__left .dropdown{cursor:pointer}.color-icon{border:1px solid var(--cm-black);height:12px;margin-bottom:2px;margin-right:4px;width:12px}.color-danger{background:var(--cm-danger)}.nav__left{background-color:#383838;border-top:1px solid #585858;height:25px;padding-left:10px;position:relative;width:250px}.nav__left,.nav__left .dropdown-menu li{align-items:center;display:flex}.nav__left .dropdown-menu li.active{background:var(--cm-active);color:#fff}.nav__left__clip--path{background-color:#585858;height:34px;position:absolute;right:-12px;top:-5px;transform:rotate(315deg);width:1px;z-index:1}.nav__wapper__right{height:26px;width:calc(100% - 194.8px);z-index:1}.nav__wapper__right__line{background-color:#585858}.nav__wapper__right__line__a{height:1px}.nav__right{align-items:center;border-bottom:1px solid #383838;display:flex;height:25px}.nav__right .btn{background:none;border:none}.nav__right .btn:hover,.nav__right .btn:hover i{color:#fff}.nav__wapper__mid{background-color:#383838;clip-path:polygon(0 3%,0 100%,107% 100%);height:26px;width:25px;z-index:0}main{border-left:1px solid var(--cm-cl38);margin-left:1px;position:relative}main:after{background-color:var(--cm-clc8);content:" ";height:calc(100% - 1px);left:-1px;position:absolute;top:1px;width:1px}.main__content{display:flex;flex-direction:column;height:calc(100vh - 65px)}.main_login{align-items:center;justify-content:center}.search-widget-icon{color:#878a99;cursor:pointer;left:8px;position:absolute;top:10px;z-index:10}.relative{position:relative}.pad-left-12{padding-left:12px}.mag-btt-20{margin-bottom:20px}.mag-r-40{margin-right:40px}.h-100,.page-content.h-100{height:100%}.top-area{padding:12px 0;width:100%}.container-fluid .flex-between .top-area_search{margin-left:calc(24% - 6px)}.top-area_info{margin-right:53px}.top-area_search input{background:var(--cm-gray);border:none;height:40px;padding-left:32px}.top-area_search .search-widget-icon{font-size:20px}.top-area_info .bus-early:hover,.top-area_info .bus-late:hover,.top-area_info .disconnect-device:hover{background:var(--cm-cl58)}.btn-group .top-area_search .search-widget-icon{top:11px}.bus-late .badge,.disconnect-device .badge{background:var(--cm-clc8);color:var(--cm-black)}.bus-early .badge{background:var(--cm-red)}.d-block{display:block}.input-control-icon i{color:var(--cm-gray-600);position:absolute;right:12px;top:8px}.box-error{align-items:center;background-color:#ffe7e7;border-radius:4px;color:var(--cm-danger);margin-bottom:var(--cm-mag-btt);padding:12px}.box-error i[class*=-icons-]{color:var(--cm-red);margin-right:8px}.col-left,.col-right{height:100%}.text_muted{color:var(--cm-gray-400)}.text_forget.d-flex{bottom:-32px;position:absolute;right:0}.main_login .modal-dialog{width:440px}.main_login button{min-width:120px}.main_login .modal-dialog .col-control.d-flex{flex:1;justify-content:flex-end}.screen-forgot .text{margin-bottom:20px}.reset-pw .modal-dialog{width:900px}.reset-pw .modal-content{padding-bottom:20px}.reset-pw .list-rq .text{margin-bottom:24px}.list-rq .item{align-items:center;color:var(--cm-gray-7000);font-style:italic;margin:8px 0}.list-rq .item:last-child{margin-bottom:0}.list-rq .item i{color:var(--cm-active);font-size:12px;margin-right:4px}.reset-pw .col-group .col-left{border-right:1px solid var(--cm-gray-200);padding-right:20px;width:40%}.reset-pw .col-group .col-right{margin-left:40px;width:60%}.reset-pw .col-right .text{margin-bottom:var(--cm-mag-btt)}.color-red{color:var(--cm-danger)}.reset-pw .col-right .form-group:last-child{margin-bottom:0}.flex-right{justify-content:right}.dropdown-office{color:var(--cm-white);cursor:pointer;height:34px;max-width:240px}.dropdown-office,.text-ellips{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.text-ellips{display:block;width:99%}.dropdown-office.dropdown-toggle{line-height:34px}.page-content,.page-list-bus{height:calc(100% - 64px)}.list-bus.table-head-fixed,.page-content .container-fluid{height:100%;overflow:auto}.page-content-grid{height:100%;width:100%}.page-content-grid .col-left{border-top:1px solid var(--cm-clc8);width:24%}.list-bus td:first-child,.list-bus th:first-child{padding-left:4px;padding-right:4px}.table-head-fixed{height:100%;overflow:auto;position:relative;width:100%}.div-table .th.tr,.table-head-fixed thead{left:0;position:sticky;top:0;width:100%;z-index:1}.page-list-bus .col-center{border-top:1px solid var(--cm-clc8);height:100%;width:calc(76% - 80px)}.page-list-bus .table-head-fixed .ic-warning i{color:var(--cm-danger);font-size:19px}.show-map{height:100%;width:100%}.show-map .icon-bus-map{background:none;border:none;height:36px;left:50%;position:absolute;top:50%;width:36px;z-index:2}.icon-bus-map_arr .arrow-map{position:absolute}.page-list-bus .col-right{flex-direction:column;justify-content:space-between;width:80px}.col-right .group-icon{align-items:center;flex-direction:column;width:100%}.col-right .group-icon .icons-bg{margin:0 0 20px}.col-right .group-icon li:last-child{position:relative}.col-right .list-item-bottom li:first-child:before,.col-right .list-item-top li:last-child:after{background-color:var(--cm-gray-400);content:" ";height:1px;left:1px;position:absolute;width:100%}.col-right .list-item-top li:last-child:after{bottom:-16px}.col-right .list-item-bottom li:first-child:before{top:-16px}.sceen-bus-detail .modal-content{height:560px}.bus-detail-content{padding-left:20px;padding-right:20px}.material-icons.icon-fr-to{color:var(--cm-gray-600);font-size:15px;margin:0 5px}.bus-timeline{margin-right:20px;width:1000px}.flex-row-reverse,.timeline-list-step{display:flex;flex-direction:row-reverse;padding-right:12%;padding-top:130px}.bus-timeline__steps{flex-direction:row-reverse;overflow:auto;width:100%}.bus-timeline__steps .timeline-step-item{display:flex;flex-direction:column;position:relative}.bus-timeline__steps .timeline-content{position:relative;text-align:center;width:90px}.bus-timeline__steps .timeline-step-item:last-child .timeline-content{width:40px}.bus-timeline__steps .timeline-content:before{background:var(--cm-gray-200);content:" ";height:1px;position:absolute;right:0;top:50%;width:100%;z-index:0}.bus-timeline__steps .timeline-step-item:first-child .timeline-content:before{right:50%}.bus-timeline__steps .inner-circle{align-items:center;background:var(--cm-gray-500);border-radius:1.5rem;display:inline-flex;height:20px;justify-content:center;left:calc(50% - 10px);position:absolute;top:calc(50% - 10px);width:20px;z-index:1}.bus-timeline__steps .timeline-step-item:last-child .inner-circle{left:-10px}.bus-timeline__steps .inner-circle:before{background:var(--cm-white);border-radius:50%;content:"";display:inline-block;height:16px;opacity:.5;width:16px}.bus-timeline__steps .bus-stop-name{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3);font-weight:400;left:60px;position:absolute;text-align:left;top:20px;transform:rotate(50deg);-webkit-transform:rotate(50deg);-moz-transform:rotate(50deg);-ms-transform:rotate(50deg);-o-transform:rotate(50deg);transform-origin:top left;width:240px}.bus-timeline__steps .timeline-step-item:last-child .bus-stop-name{left:15px}.bus-timeline__steps .icon-bus-map{align-items:center;flex-direction:column;height:80px;padding-top:40px;top:72px}.bus-timeline__steps .icon-bus-map .bus-text{display:block;position:relative;width:400px}.bus-timeline__steps .icon-bus-map .bus-text em{display:block;font-style:normal;position:absolute;top:-44px;width:400px}.bus-timeline__steps .icon-bus-map .bus-text .minutes-late{color:var(--cm-yellow)}.bus-timeline__steps .icon-bus-map .bus-text .bus-model{top:-24px}.bus-timeline__steps .icon-bus-map svg{width:36px}.list-item-view li{align-items:center}.route-info.list-item-view{display:table}.route-info.list-item-view li{display:table-row;margin-bottom:4px}.route-info.list-item-view li label{display:table-cell;min-width:56px;padding-right:12px}.route-info.list-item-view .col-content{padding-left:20px}.schedule-route{width:300px}.schedule-route .list-item-view label{width:100px}.schedule-route .list-item-view .time+.color-yellow{margin-left:12px}.schedule-route .list-item-view{border-left:1px solid var(--cm-gray-600);border-right:1px solid var(--cm-gray-600);padding:0 20px}.passed{background:var(--cm-cl38)}table.thead-dark tbody tr.passed:hover{background:unset;cursor:not-allowed}table.thead-dark tbody tr:nth-of-type(2n).passed:hover{background:var(--cm-cl38);opacity:.5}table.thead-dark tbody tr.passed:hover td,table.thead-dark tbody tr:nth-of-type(2n).passed:hover td{color:var(--cm-gray-400)}.list-bus-day{margin-left:20px;max-height:100%;width:560px}.list-bus-day .table-head-fixed{height:480px;overflow:auto}.list-bus-day td:first-child,.list-bus-day th:first-child{padding-left:20px;width:100px}.list-bus-day td:nth-child(2),.list-bus-day th:nth-child(2){width:200px}.running td{position:relative}.running td .material-icons-outlined{font-size:20px;left:0;position:absolute}.running .material-icons-outlined{color:var(--cm-green)}.thead-dark tbody .passed:nth-of-type(2n),.thead-dark tbody .passed:nth-of-type(odd){opacity:.5}.screen-stop-detail .modal-body{padding-bottom:20px}.route-passing__stop{flex-basis:500px}.route-passing-history{padding:0 20px}.list-route-color{margin-top:50px}.list-route-color label{padding-left:12px;position:relative;width:116px}.list-route-color li{margin:0}.list-route-color label span{background:#d2c4ea;display:inline-block;height:calc(100% - 1px);left:0;position:absolute;top:1px;width:8px}.form-group.row .col-content,.form-group.row .col-form-label{line-height:24px}.list-route-color .form-group.row .col-content{width:calc(100% - 160px)}.route-passing__history{border-left:1px solid var(--cm-gray-600);flex-basis:1360px;margin-left:20px;padding-left:40px}.route-passing__history .icon-export-svg{margin-right:0;position:absolute;right:0;top:-40px;z-index:2}.icon-export-svg{background-color:var(--cm-cl38)}.date-select{align-items:center;justify-content:center;padding:20px 0}.top-area .btn-group .date-select{margin-left:20px;padding:0}.date-select .icon-date{font-size:20px;margin-left:20px}.last-update .icon-load{margin-left:8px}.date-select i:hover{color:var(--cm-active);cursor:pointer}.date-select i.disable{color:var(--cm-gray-600);cursor:not-allowed}.date-select .date-text{color:#fff;margin:0 20px}.view-history .table-head-fixed{max-height:500px}.screen-stop-detail .modal-full .modal-body{padding-bottom:24px}.table-grid-foot.add-row a{color:var(--cm-clc8);display:inline-block;font-size:16px;padding:4px}.table-grid-foot.add-row a:hover{color:var(--cm-active)}.list-radio li{align-items:center;display:flex;margin-right:24px}.list-radio li label{margin-left:4px}.tag-filter{align-items:center;border-radius:4px;color:var(--cm-gray-400);display:flex;margin-left:16px;min-height:40px;padding:0 12px;position:relative;white-space:pre-wrap}.history-confirm .tag-filter{width:calc(100% - 920px)}.history-confirm .tag-filter strong{white-space:nowrap}.tag-filter strong{margin-right:4px}.tag-filter i{font-size:10px;position:absolute;right:4px;top:4px}.count-record{width:52px}.count-record,.count-record_en{align-items:center;color:#fff;font-size:16px;justify-content:end}.count-record_en{width:95px}.content__edit-route .col-left{width:24%}.content__edit-route .col-left .bg-cl58{padding:0 5px 5px}.content__edit-route .col-left .bg-cl58:first-child{margin-bottom:20px}.content__edit-route .col-left .table-head-fixed{height:auto;max-height:348px;overflow:auto}.content__edit-route .col-left .table-head-fixed i{font-size:20px}.content__edit-route .col-right{margin-left:40px;width:76%}.nav--tabs-list.nav{padding:0}.nav--tabs-list .nav-link{align-items:center;justify-content:center;min-height:40px;padding:4px 12px}.edit-route .show-map{height:calc(100% - 40px)}.nav--tabs-list .nav-link{border-bottom:none;border-left:none}.nav--tabs-list .nav-link.active{background:var(--cm-active);border-color:var(--cm-active);color:#fff;cursor:default}.edit-route .flex-between.bor-btt{margin-bottom:20px;padding-bottom:20px}.box-add-file .col-left .form-group:last-child{margin-bottom:0}.box-add-file .col-left .has-error .error{bottom:-2px;top:inherit}.box-add-file .col-left textarea{height:421px;overflow:auto}.the-count{color:var(--cm-gray-600);text-align:right}.upload-btn-wrapper{margin-right:20px;overflow:hidden;position:relative}.upload-btn-wrapper input[type=file]{height:0;opacity:0;position:absolute;width:0}.top-area .btn-group .upload-btn-wrapper{margin-left:20px}.modal .col-right.col-60{margin-left:40px;padding-top:28px}.list-event .list-item,.list-upload-file .list-item{border:1px solid var(--cm-gray-500);border-radius:4px;height:421px;overflow:auto}.list-event .list-item li,.list-upload-file .list-item li{border-bottom:1px dotted var(--cm-gray-400);padding:4px 8px;width:100%}.list-event .list-item .bg-active,.list-upload-file li.bg-active{border-color:#12aea2;color:#fff}.list-event .list-item li:last-child,.list-upload-file .list-item li:last-child{border:none}.list-upload-file.has-error .error{bottom:-25px;top:inherit}.modal .upload-btn-wrapper .btn--second{background-color:var(--cm-gray-200)}.upload-btn-wrapper .btn--second:hover{background:#fff}.upload-btn-wrapper.disable .btn--second{background-color:var(--cm-gray-300)}.box-add-file .name-folder{border-bottom:1px solid var(--cm-gray-300);height:40px;line-height:40px;max-width:310px}.no_regis .disable i{color:var(--cm-danger)}.div-table{display:flex;flex:1 1 auto;flex-flow:column nowrap;height:100%;overflow:auto}.tr{background:var(--cm-cl58);display:flex;flex-flow:row nowrap;width:100%}.tr:not(:first-child) .td:hover,.tr:not(:first-child):hover,.tr:not(:first-child):hover .td{background:var(--cm-hover)!important;cursor:pointer}.div-table .tr:nth-of-type(odd){background:var(--cm-cl38)}.td{align-items:center;color:#fff;display:flex;flex-basis:0;flex-flow:row nowrap;flex-grow:1;height:36px;line-height:28px;min-width:0;overflow:hidden;padding:6px 4px;text-overflow:ellipsis;white-space:nowrap;white-space:normal;word-break:break-word}.div-table .tr .td.last{border-right:1px solid var(--cm-gray-600)}.div-table .tr.th .td:last-child{border-right:none}.schedule-dispatcher .div-table .tr:not(:first-child){position:relative}.schedule-dispatcher .div-table .td:nth-child(2) i{color:var(--cm-gray-600);font-size:20px}.schedule-dispatcher .div-table .tr:hover .td:nth-child(2) i{color:#fff}.schedule-dispatcher .div-table .tr .td:first-child,.schedule-dispatcher .div-table .tr .td:nth-child(2),.schedule-dispatcher .div-table .tr .td:nth-child(5),.schedule-dispatcher .div-table .tr .td:nth-child(6){flex-grow:.5}.schedule-dispatcher .div-table .tr .td:nth-child(3),.schedule-dispatcher .div-table .tr .td:nth-child(4){flex-grow:2}.schedule-dispatcher .div-table .tr .td:nth-child(n+7){border-bottom:1px solid var(--cm-gray-600);border-left:1px solid var(--cm-gray-600)}.schedule-dispatcher .div-table .tr:nth-child(2) .td:nth-child(n+7){border-top:1px solid var(--cm-gray-600)}.schedule-dispatcher .div-table .tr.th .td:nth-child(n+7){border-color:var(--cm-cl38)}.schedule-dispatcher .div-table .tr:nth-child(odd) .td:nth-child(odd){background:var(--cm-cl38)}.schedule-dispatcher .div-table .tr:nth-child(n+3) .td:nth-child(2n){background:var(--cm-cl58)}.schedule-dispatcher .div-table .tr:nth-child(odd) .td:nth-child(2),.schedule-dispatcher .div-table .tr:nth-child(odd) .td:nth-child(4),.schedule-dispatcher .div-table .tr:nth-child(odd) .td:nth-child(6){background:var(--cm-cl38)}.schedule-show{position:absolute;top:45%}.schedule-show__line{height:2px}.schedule-show__line:after,.schedule-show__line:before{content:"";height:12px;position:absolute;top:-5px;transform:rotate(-45deg) skewX(1.5deg) skewY(8.5deg);width:12px}.schedule-show__line:after{right:0}.line-cl1 .schedule-show__line,.line-cl1 .schedule-show__line:after,.line-cl1 .schedule-show__line:before{background:var(--cm-baby-blue)}.line-cl2 .schedule-show__line,.line-cl2 .schedule-show__line:after,.line-cl2 .schedule-show__line:before{background:var(--cm-green)}.line-cl3 .schedule-show__line,.line-cl3 .schedule-show__line:after,.line-cl3 .schedule-show__line:before{background:var(--cm-orange)}.from-to_space{margin:0 15px}.btn.btn-icon-tooltip{background:none;border:none;height:auto;line-height:normal;min-width:auto;padding:0}.btn-icon-tooltip i{color:#fff}.des-content{border-bottom:1px solid var(--cm-gray-300);margin-bottom:20px;padding-bottom:20px}.box-content-row:not(:first-child){margin-top:20px}.box-content-row .bg-gray2{align-items:end;padding:20px}.box-content-row .bg-gray2 .box-content__col3{margin-right:20px;padding-right:20px;width:calc(100% - 116px)}.box-content-row .bg-gray2.form-control:disabled{background:var(--cm-gray-200);border:none}.box-content__col3 .form-group{margin-bottom:0;width:30%}.box-content-row .col-left,.box-content-row .col-right{width:46%}.box-content-row .col-center i{color:var(--cm-gray-600);cursor:default;font-size:32px;margin-top:28px}.box-content-row .bg-gray2.flex-between{align-items:center}.schedule-dispatcher .box-content-row .bg-gray2 .table-head-fixed{height:216px;overflow:auto}.schedule-dispatcher .modal .box-content-row td .material-icons{font-size:32px;line-height:24px}.schedule-dispatcher .modal-footer.flex-between{align-items:end}.schedule-dispatcher .modal-footer.flex-between .form-group{margin-bottom:15px;width:60%}.schedule-dispatcher .modal-footer.flex-between .btn-group{margin-bottom:15px}.show-hidden-btn .btn{border:none;display:none;font-size:12px;height:24px;line-height:0;min-width:auto;padding:4px 6px;position:absolute;right:16px;top:0;white-space:nowrap}.content__edit-route .show-hidden-btn .btn i{color:var(--cm-gray-900);font-size:16px}.content__edit-route .head-tabs .nav-tabs .nav-link{border-bottom:none}.content__edit-route .head-tabs .nav-link.active{background:var(--cm-active);border-color:var(--cm-active);color:#fff;cursor:not-allowed}.show-hidden-btn:hover .btn{display:flex}.show-hidden-btn .btn:hover i{color:var(--cm-active)}table .show-hidden-btn .btn{background:var(--cm-gray-300)}.date-from-to .input-control-icon{width:48%}.checkbox+label{margin-left:4px}.list-event .flex-between label+.align-center{margin-bottom:8px}.list-event .list-item{height:598px}.list-event .list-item li:hover{cursor:pointer}.show-trajectory .container-fluid{padding:12px}.modal--notification-add .table-head-fixed,.modal--notification-edit .table-head-fixed{max-height:170px}.notification-setting.modal-open .modal-body{max-height:900px}.modal--notification-add textarea,.modal--notification-edit textarea,.modal-open .box-content-row textarea{height:200px}.modal-body>.date-select .date-text,.modal-body>.date-select i:not(.disable){color:var(--cm-gray-900)}.edit-bus-device .table-head-fixed,.manager-role .table-head-fixed,.user-manager .table-head-fixed{max-height:calc(100% - 38px)}.break-all{word-break:break-all}.h-70,.modal--notification-add textarea.h-70,.modal--notification-edit textarea.h-70{height:70px;min-height:auto}.modal-filter-right .modal-content{height:calc(100vh - 129px);position:absolute;right:80px;top:101px;width:400px}.modal-filter-right .table thead th{vertical-align:middle}.modal-filter-right .list-route-color{margin-top:0}.modal-filter-right .table-head-fixed{height:auto}.modal-filter-right .modal-body{max-height:fit-content}.modal-filter-right .modal-footer{border:none}.modal-filter-right .form-group .form-label.mag-r-40{margin-bottom:0}.filterGps .datetime-picker-main{position:fixed;top:unset}.checkbox-primary{accent-color:#002dbf}.centered-text{align-items:center;color:#fff;display:flex;justify-content:center;padding:0 12px;text-align:center}