body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#fff;box-sizing:border-box;font-optical-sizing:auto;font-size:16px;font-style:normal;height:100vh;margin:0;overflow:hidden;padding:0;width:100vw}body,code{font-family:Noto Sans Thai,sans-serif}code{font-optical-sizing:auto;font-style:normal}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.cen{align-items:center;display:flex;justify-content:center}.tiny5-regular{font-family:Tiny5,sans-serif;font-style:normal;font-weight:400}.vcen{align-items:center;display:flex}.vbottom{align-items:flex-end;display:flex}.end{display:flex;justify-content:flex-end}*{font-family:Kanit,sans-serif;font-style:normal;font-weight:300}.w100{width:100%}.font-header-card{font-weight:900}.font-content{font-weight:700}.c-white{color:#fff}.font-25{font-size:25px}.font-20{font-size:20px}.font-18{font-size:18px}.font-16{font-size:16px}.font-14{font-size:14px}.font-12{font-size:12px}.font-10{font-size:10px}.font-8{font-size:8px}.opc-1{opacity:.1}.opc-2{opacity:.2}.opc-3{opacity:.3}.opc-4{opacity:.4}.opc-5{opacity:.5}.opc-6{opacity:.6}.opc-7{opacity:.7}.opc-8{opacity:.8}.opc-9{opacity:.9}.f-upper{text-transform:capitalize}.material-icon{display:inline-flex;vertical-align:text-bottom}.material-icon-cen{display:inline-flex;vertical-align:middle}.color-white{color:#fff}.color-black{color:#000}::-webkit-scrollbar{display:block;height:5px;width:5px}::-webkit-scrollbar-track{border-radius:10px;box-shadow:inset 0 0 5px #d0d0d0}::-webkit-scrollbar-thumb{background:#bebebe;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#747474}.container-body{min-width:100%}.bgcw{background-color:#fff}.table-container{background-color:#f6f6f6;border-radius:8px;width:100%}.table-content{border-radius:8px;padding:10px}.icon-size-header{font-size:40px}.font-size-header{font-size:25px;font-weight:700}.mycard{background-color:#fff;border-radius:8px;padding:10px 15px}.sbtw{justify-content:space-between}.flex{display:flex}.grid{display:grid}.gap20{grid-column-gap:20px}.onecolumn{grid-template-columns:1fr}.none-underline{text-decoration:none}.twocolumn{grid-template-columns:1fr 1fr}.twocolumn-3-1{grid-template-columns:3fr 1fr}.twocolumn-2-1{grid-template-columns:2fr 1fr}.twocolumn-1-2{grid-template-columns:1fr 2fr}.twocolumn-1-3{grid-template-columns:1fr 3fr}.twocolumn-1-4{grid-template-columns:1fr 4fr}.twocolumn-4-1{grid-template-columns:4fr 1fr}.twocolumn-5-6{grid-template-columns:5fr 6fr}.threecolumn{grid-template-columns:1fr 1fr 1fr}.threecolumn-2-1-1{grid-template-columns:2fr 1fr 1fr}.threecolumn-3-1-1{grid-template-columns:3fr 1fr 1fr}.threecolumn-1-1-2{grid-template-columns:1fr 1fr 2fr}.threecolumn-1-3-2{grid-template-columns:1fr 3fr 2fr}.threecolumn{grid-template-columns:repeat(3,1fr)}.fourcolumn{grid-template-columns:repeat(4,1fr)}.sixcolumn{grid-template-columns:repeat(6,1fr)}.column-inside-1-3-2 div{grid-template-columns:1fr 3fr 2fr}.textcen{text-align:center}.textend{text-align:end}.overflowscroll{overflow:scroll;position:relative}.body-container-fix{padding-bottom:150px}.body-container{padding:10px}.header-text{font-size:20px;font-weight:900;letter-spacing:.5px}.mt2{margin-top:20px}@media screen and (max-width:450px){.font-size-header{font-size:20px;font-weight:700}.icon-size-header{font-size:30px}}.filter-success{border:1px solid green;border-radius:6px}.filter-fail{border:1px solid #f2634b;border-radius:6px}.ant-picker-clear{display:none}.our-screen{display:grid;grid-template-columns:1fr 23fr;width:100%}.side-nav-container{background-image:linear-gradient(135deg,#1f396c,#02072f);box-shadow:1px 0 0 #0000001a;color:#000;position:relative;transition:.4s;width:300px}.side-nav-container:hover{box-shadow:4px 0 4px 2px #1f396c1a}.side-nav-container-NX{width:86px}.menu-item,.nav-footer,.nav-heading,.nav-menu,.nav-upper,.sub-menu-container,.sub-menu-icon{display:grid}.nav-heading{background-color:#fff;box-shadow:0 5px 0 0 #0000001a;height:75px}.nav-brand{color:#000;display:flex}.nav-brand img{max-width:100%;padding:10px}.nav-brand h2{padding:5px 0}.hamburger{background:none;border:none;cursor:pointer;margin:auto}.hamburger span{border-radius:15px;display:block;height:5px;margin-top:5px;transition:.4s;width:35px}.hamburger span,.hamburger:hover span{background-image:linear-gradient(135deg,#1f396c,#02072f)}.hamburger-in:hover span:first-child{transform:translateY(4px) rotate(-25deg);width:25px}.hamburger-in:hover span:nth-child(2){width:40px}.hamburger-in:hover span:nth-child(3){transform:translateY(-4px) rotate(25deg);width:25px}.hamburger-out:hover span:first-child{transform:translate(14px,4px) rotate(-155deg);width:25px}.hamburger-out:hover span:nth-child(2){width:40px}.hamburger-out:hover span:nth-child(3){transform:translate(14px,-4px) rotate(155deg);width:25px}.container-nav-menu{height:720px;margin-top:20px;overflow-x:hidden;overflow-y:scroll;width:100%}.menu-item{color:silver;display:flex;height:57px;text-decoration:none;transition:.4s}.menu-item p{align-items:center;display:flex;height:inherit}.menu-item-NX{border-radius:8px;margin:auto}.menu-item-active,.menu-item:hover{background-color:#294e85;color:#fff}.menu-item-icon{align-items:center;color:silver;font-size:30px;justify-content:center;padding:0 20px;transition:.4s}.menu-item-icon-active{animation:shake .5s ease-in-out}.menu-item-icon-active,.menu-item:hover .menu-item-icon{border-radius:10px 0 0 10px;color:#fff;filter:brightness(100%) invert(0)}.menu-item:hover .sub-menu-icon span{background-color:#fff}.menu-item img{padding:0 20px;width:30px}.nav-footer{background-color:inherit;border-top:1px solid #0000001a;bottom:0;grid-template-columns:2fr 1fr;grid-template-rows:1fr;height:87px;position:absolute;width:100%}.nav-footer-active{grid-template-columns:1fr}.nav-details{display:flex}.nav-details img{padding:0 20px;width:0}.nav-footer-user-name{align-items:flex-end;color:#fff;display:flex;font-size:18px;font-weight:900;height:50%}.nav-footer-user-position{color:#fff;font-size:12px;margin-top:-15px}.logout-icon{border-radius:90px;margin:auto;padding:20px;transition:.4s}.nav-footer-info{width:100%}.logout-icon:hover{background-color:#294e85;cursor:pointer;filter:brightness(100%) hue-rotate(0deg)}.sub-menu-container{background-color:#eaf8ff;color:#000;display:flex;height:40px;margin:0 20px 0 30px;outline:1px solid #0000001a;overflow:hidden;position:relative;text-decoration:none;transition:.4s;width:auto}.sub-menu-container div{background-color:#f9a86c;bottom:-9px;content:"";height:15px;position:absolute;right:-9px;transform:rotate(45deg);width:15px}.sub-menu-container:hover{background-color:#f5fb8e;color:#000}.sub-active{border-radius:8px 0 8px 8px;box-shadow:inset -6px -3px 0 0 #2f81d5;color:#000;outline:1px solid #0000001a;overflow:hidden;position:relative;transform:translateX(-2%) translateY(-2%);transition:.4s}.sub a:first-child{border-radius:10px 0 0 0}.sub a:last-child{border-radius:0 0 10px 10px}.sub-menu-container-hide{display:block;height:0;transition:.4s;width:0}.sub-menu-container span{align-items:center;display:flex;font-size:30px;justify-content:center;padding:0 20px}.sub-menu-container p{align-items:center;display:flex;font-size:15px;height:inherit;padding:0 10px}.sub-menu-icon{align-items:center;background:none;border:none;cursor:pointer;display:flex;margin:auto}.sub-menu-icon span{background-color:#fff;border-radius:15px;display:inline-block;height:35px;margin-top:5px;transition:.8s;width:3px}.sub-menu-icon-up span:first-child{height:16px;transform:translateX(-4px) translateY(-3px) rotate(48deg)}.sub-menu-icon-up span:nth-child(2){height:16px;transform:translateX(4px) translateY(-3px)rotate(-48deg)}.sub-menu-icon-down span:first-child{height:16px;transform:translateX(-4px) translateY(-3px) rotate(-227deg)}.sub-menu-icon-down span:nth-child(2){height:16px;transform:translateX(4px) translateY(-3px)rotate(-136deg)}.sub-menu-icon-white span{background-color:#fff}.sub-menu-icon-black span{background-color:#000}.main-container{background-color:#f6f6f6;height:100vh;max-width:100vw;min-width:100%;overflow-y:scroll;position:relative}.container-content-header{padding:20px 0 15px;position:-webkit-sticky;position:sticky;top:0;z-index:1000}.container-content-body,.container-content-header{background-color:#fff;display:grid;grid-template-columns:1fr}.container-content-body{padding:20px 15px}.header-content{align-items:center;display:flex;padding:0 20px}.header-content p{font-size:20px;padding-left:10px}.show{display:flex}.hide{height:0;position:absolute;top:-9999px;width:0}.hide,.nav-header-but-i-am-footer,.user-on-top{display:none}@media screen and (max-width:780px){.show{display:flex}.nav-brand img{height:55px;margin:10px 0 10px 20px;padding:0}.nav-header-but-i-am-footer{align-items:center;background-color:inherit;color:#bebebe;display:flex;font-size:10px;height:50px;justify-content:center}.our-screen{display:grid;grid-template-columns:1fr}.user-on-top{display:grid;grid-template-columns:2fr 1fr;padding:15px 0}.twocolumn1-3{grid-template-columns:1fr 3fr;position:relative}.twocolumn1-3>:nth-child(2){border-right:1px solid #0000001a}.twocolumn-3-1{grid-template-columns:3fr 1fr}.twocolumn-3-1>:nth-child(2){box-shadow:-1px 0 0 #0000001a;height:100%;width:100%}.twocolumn-3-1-b{display:grid;grid-template-columns:3fr 1fr}.twocolumn-3-1-b>:first-child{border-top:1px solid #0000001a;height:0}.side-nav-container{border-bottom:1px solid #0000001a;box-shadow:0 2px 4px 3px #0000001a;display:grid;grid-template-columns:1fr;height:inherit;width:100vw}.side-nav-container-NX{height:75px}.nav-heading{height:auto}.hamburger-in:hover span:first-child{transform:translate(-8px) rotate(45deg);width:25px}.hamburger-in:hover span:nth-child(2){display:none}.hamburger-in:hover span:nth-child(3){transform:translate(7px,-10px) rotate(-45deg);width:25px}.hamburger-out:hover span:first-child{transform:translate(-8px) rotate(-45deg);width:25px}.hamburger-out:hover span:nth-child(2){display:none}.hamburger-out:hover span:nth-child(3){transform:translate(8px,-10px) rotate(45deg);width:25px}.container-nav-menu{height:inherit;margin:0;overflow:visible;overflow:initial}.nav-menu{width:100%}.menu-item-NX{display:none}.menu-item{border-radius:0;box-shadow:inset 0 0 0 0;height:57px;margin:0;transition:.4s}.menu-item-active{background-color:#294e85;border-radius:0 0 8px 0;color:#fff}.menu-item-icon{align-items:center;color:silver;font-size:30px;justify-content:center;padding:0 20px;transition:.4s}.menu-item-icon-active{animation:shake .5s ease-in-out}.menu-item-icon-active,.menu-item:hover .menu-item-icon{border-radius:10px 0 0 10px;color:#fff;filter:brightness(100%) invert(0)}.menu-item:hover .sub-menu-icon span{background-color:#fff}.menu-item img{padding:0 20px;width:30px}.nav-footer{background-color:#00376f;border-radius:8px 0 8px 8px;border-top:1px solid #0000001a;bottom:0;box-shadow:inset -8px -2px 0 0 #2f81d5;display:none;grid-template-columns:2fr 1fr;grid-template-rows:1fr;height:87px;position:absolute;width:100%}.nav-details{display:flex}.nav-details img{padding:0 20px;width:100px}.nav-footer-user-name{align-items:flex-end;color:#fff;display:flex;font-size:18px;font-weight:900;height:50%}.nav-footer-user-position{color:#fff;margin-top:-15px}.logout-icon{border-radius:90px;margin:auto auto auto 5px;padding:20px;transition:.4s}.nav-footer-info{width:100%}.logout-icon:hover{background-color:#2f81d5;cursor:pointer;filter:brightness(100%) hue-rotate(0deg)}.sub-menu-container{background-color:#eaf8ff;color:#000;display:flex;height:40px;margin:0 20px 0 30px;outline:1px solid #0000001a;overflow:hidden;position:relative;text-decoration:none;transition:.4s;width:auto}.sub-menu-container div{background-color:#f9a86c;bottom:-9px;content:"";height:15px;position:absolute;right:-9px;transform:rotate(45deg);width:15px}.sub-menu-container:hover{background-color:#f5fb8e;color:#000}.sub-active{border-radius:8px 0 8px 8px;box-shadow:inset -6px -3px 0 0 #2f81d5;color:#000;outline:1px solid #0000001a;overflow:hidden;position:relative;transform:translateX(-2%) translateY(-2%);transition:.4s}.sub a:first-child{border-radius:10px 0 0 0}.sub a:last-child{border-radius:0 0 10px 10px}.sub-menu-container-hide{display:block;height:0;transition:.4s;width:0}.sub-menu-container span{align-items:center;display:flex;font-size:30px;justify-content:center;padding:0 20px}.sub-menu-container p{align-items:center;display:flex;font-size:15px;height:inherit;padding:0 10px}.sub-menu-icon{align-items:center;background:none;border:none;cursor:pointer;display:flex;margin:auto}.sub-menu-icon span{background-color:#fff;border-radius:15px;display:inline-block;height:35px;margin-top:5px;transition:.8s;width:3px}.sub-menu-icon-up span:first-child{height:16px;transform:translateX(-4px) translateY(-3px) rotate(48deg)}.sub-menu-icon-up span:nth-child(2){height:16px;transform:translateX(4px) translateY(-3px)rotate(-48deg)}.sub-menu-icon-down span:first-child{height:16px;transform:translateX(-4px) translateY(-3px) rotate(-227deg)}.sub-menu-icon-down span:nth-child(2){height:16px;transform:translateX(4px) translateY(-3px)rotate(-136deg)}.sub-menu-icon-white span{background-color:#fff}.sub-menu-icon-black span{background-color:#000}.main-container{background-color:#f6f6f6;height:100vh;max-width:100vw;min-width:100%}.container-content-header{box-shadow:0 4px 0 0 #00376f;display:grid;grid-template-columns:9fr 3fr;padding:10px 0}.container-content-body{display:grid;grid-template-columns:1fr;padding:20px 5px}.header-content{align-items:center;display:flex;padding:0 20px}.header-content p{font-size:20px;padding-left:10px}}.status-container{border-radius:5px;margin:0 10px}.header-status-container{color:#383a3a;font-size:20px;font-weight:600;letter-spacing:.5px}.header-station{font-size:18px;font-weight:600;letter-spacing:.1px}.station-container{height:180px;margin:10px 0;overflow:hidden}.station-container,.station-container-active{background-color:#fff;border:1px solid #0000001a;border-radius:5px;box-shadow:0 4px 4px #00000040;position:relative;transition:.4s}.station-container-active{height:100%;margin:0}.station-content{border-radius:5px;font-size:15px;margin:10px 5px}.station-scroll-container{background-color:#0000001a;bottom:0;cursor:pointer;height:30px;left:0;position:absolute;width:100%}.station-scroll-container:hover{background-color:#0003;bottom:0;height:30px;left:0;position:absolute;width:100%}.station-scroll-left-arrow-down{background-color:#949494;height:15px;transform:translateX(-3px) rotate(-40deg);transition:.4s;width:2px}.station-scroll-right-arrow-down{background-color:#949494;height:15px;transform:translateX(4px) rotate(40deg);transition:.4s;width:2px}.station-scroll-left-arrow-up{transform:translateX(-3px) rotate(40deg)}.station-scroll-left-arrow-up,.station-scroll-right-arrow-up{background-color:#949494;height:15px;transition:.4s;width:2px}.station-scroll-right-arrow-up{transform:translateX(4px) rotate(-40deg)}.station-container-new{border-left:5px solid #000;border-radius:8px;margin:10px 0;max-height:300px;overflow:hidden}.station-container-new,.station-container-new-active{background-color:#fff;position:relative;transition:.4s}.station-container-new-active{border:1px solid #0000001a;border-radius:8px;box-shadow:0 4px 4px #00000040;height:100%}@media (max-width:575px){.vertical-gutter-xs>div[class^=ant-col-]{margin-bottom:10px;margin-top:10px}}.border-half{border-image:linear-gradient(180deg,grey 50%,#f2634b 0);border-image-slice:1;border-left:5px solid}.width-size{max-width:280px;width:100%}.toggle-btn,.width-size{display:inline-flex}.toggle-btn{width:100%}@media screen and (max-width:320px){.toggle-btn{width:67px}}.card-modal{--bg:#f7f7f8;--hover-bg:#fafbfc;--hover-text:grey;align-items:center;background:var(--bg);border-radius:5px;cursor:pointer;display:flex;flex-direction:column;justify-content:center;max-width:23ch;overflow:hidden;padding:1.5em;padding-block:1.8em;position:relative;text-align:center;transition:.3s cubic-bezier(.6,.4,0,1),transform .15s ease}.card-modal__body{color:#464853;font-size:1em;line-height:1.5em}.card-modal>:not(span){transition:.3s cubic-bezier(.6,.4,0,1)}.card-modal>strong{display:block;font-size:1.4rem;letter-spacing:-.035em}.card-modal span{align-items:center;border-radius:5px;color:var(--hover-text);display:flex;font-weight:700;height:100%;inset:0;justify-content:center;position:absolute;top:100%;transition:all .3s cubic-bezier(.6,.4,0,1);width:100%}.card-modal:hover span{font-size:1.2em;top:0}.card-modal:hover{background:var(--hover-bg)}.card-modal:hover>div,.card-modal:hover>strong{opacity:0}.movebabymove{transition:transform .5s ease}.movebabymove-hover{transform:translateX(250px)}.editbutton{color:#00f;cursor:pointer;text-decoration:underline}.editbutton:hover{color:#3838ff;cursor:pointer;text-decoration:none}.viewbutton{color:orange;cursor:pointer;text-decoration:underline}.viewbutton:hover{color:#fdbd0d;cursor:pointer;text-decoration:none}.user-action-btn{background-color:#d9d9d9;color:#0684c7;transition:.4s}.user-action-btn,.user-action-btn:hover{border-radius:0 8px 8px 0;cursor:pointer}.user-action-btn:hover{background-color:#0684c7;color:#d9d9d9;font-weight:600}.sum-view-user{border-radius:8px;box-shadow:0 4px 4px #00000040;padding:10px}.dropdown{display:inline-block;position:relative}.dropdown-content{background-color:#fff;border:1px solid #0003;border-radius:0 8px 8px 8px;box-shadow:0 8px 16px 0 #0003;display:none;min-width:160px;position:absolute;z-index:1}.dropdown-content div:first-child{border-radius:0 8px 0 0;color:#0653c7;cursor:pointer;padding:10px;text-decoration:underline;transition:.4s}.dropdown-content div:nth-child(2){border-radius:0 0 8px 8px;color:#eb5757;cursor:pointer;padding:10px;text-decoration:underline;transition:.4s}.dropdown-content div:first-child:hover{background-color:#0682c7;color:#fff;text-decoration:none}.dropdown-content div:nth-child(2):hover{background-color:#eb5757;color:#fff;text-decoration:none}.dropdown:hover .dropdown-content{display:block}.chart-view-user-container{height:250px;position:relative}.chart-ov-container{height:500px;padding-bottom:20px;position:relative}@media screen and (max-width:450px){.chart-ov-container{height:300px}}.excel-container{background:#fff;border:1px solid #00f3;border-radius:5px;box-shadow:6px 6px 2px 1px #00f3;cursor:pointer;display:block;height:144px;padding:20px;transition:all .2s}.excel-container:hover{box-shadow:6px 6px 2px 1px #0000ff80}.radio-container{align-items:center;cursor:pointer;display:flex;margin-bottom:10px}.radio-container input[type=radio]{margin-right:10px}.excel-container-active{background:#00f3;border:1px solid #00f3;border-radius:5px;box-shadow:6px 6px 2px 1px #0000ff80;display:block;height:144px;overflow:hidden;padding:20px;place-content:center;place-items:center;position:relative;transition:all .2s;width:92px}.excel-container-active:after{background:#eff6fc;border-radius:5px;content:"";inset:2px;position:absolute}.tiny5-regular-active{left:22.1%;position:absolute;top:14%;width:50px;z-index:1}.icon-excel-active{position:absolute;top:29.5%;z-index:1}.price-excel-active{bottom:20px;position:absolute;width:50px;z-index:1}.excel-container-active:before{animation:rotBGimg 3s linear infinite;background-image:linear-gradient(180deg,#00b7ff,#ff30ff);content:"";height:100px;position:absolute;transition:all .2s linear;width:100px}@keyframes rotBGimg{0%{-webkit-clip-path:polygon(0 0,50% 50%,100% 0,100% 75%,50% 100%,0 75%);clip-path:polygon(0 0,50% 50%,100% 0,100% 75%,50% 100%,0 75%);transform:translate(-25px,-200px)}to{-webkit-clip-path:polygon(0 25%,49% 0,100% 25%,100% 100%,50% 75%,0 100%);clip-path:polygon(0 25%,49% 0,100% 25%,100% 100%,50% 75%,0 100%);transform:translate(-25px,70px)}}.purchase-btn{background-color:inherit;border:1px solid #0000ff80;border-radius:4px;box-shadow:0 10px 20px #0003;color:#0000ff80;cursor:pointer;font-weight:600;padding:7px 10px;transition:all .3s cubic-bezier(.68,-.55,.265,1.55)}.purchase-btn:hover{background-color:#0000ff80;border:1px solid #00f0;box-shadow:-20px 50px 50px #0003;color:#fff;margin-bottom:0;padding:7px 20px}.cancel-purchase-btn{background-color:#fff;border:1px solid #ff000080;border-radius:5px;color:#ff000080;cursor:pointer;font-size:16px;padding:5px 10px 5px 15px;position:relative;transition:1s}.cancel-purchase-btn label{color:#fff;opacity:0;transition:opacity 1s linear,visibility 1s linear;visibility:hidden}.cancel-purchase-btn:hover label{color:#fff;opacity:1;visibility:visible}.cancel-purchase-btn:hover{background-color:#ff000080;color:#fff}@keyframes a{0%{transform:scale(.7,1.3)}25%{transform:scale(1.3,.7)}50%{transform:scale(.7,1.3)}75%{transform:scale(1.3,.7)}to{transform:scale(1)}}.movemovemove{animation:movertl .5s ease 1;overflow:hidden;position:relative;transition:all .5s ease}@keyframes movertl{0%{transform:translate(0)}to{transform:translate(-50px)}}.dot-spinner{--uib-size:2.8rem;--uib-speed:.9s;--uib-color:#183153;height:var(--uib-size);position:relative;width:var(--uib-size)}.dot-spinner,.dot-spinner__dot{align-items:center;display:flex;justify-content:flex-start}.dot-spinner__dot{height:100%;left:0;position:absolute;top:0;width:100%}.dot-spinner__dot:before{animation:pulse0112 calc(var(--uib-speed)*1.111) ease-in-out infinite;background-color:var(--uib-color);border-radius:50%;box-shadow:0 0 20px #121f354d;content:"";height:20%;opacity:.5;transform:scale(0);width:20%}.dot-spinner__dot:nth-child(2){transform:rotate(45deg)}.dot-spinner__dot:nth-child(2):before{animation-delay:calc(var(--uib-speed)*-.875)}.dot-spinner__dot:nth-child(3){transform:rotate(90deg)}.dot-spinner__dot:nth-child(3):before{animation-delay:calc(var(--uib-speed)*-.75)}.dot-spinner__dot:nth-child(4){transform:rotate(135deg)}.dot-spinner__dot:nth-child(4):before{animation-delay:calc(var(--uib-speed)*-.625)}.dot-spinner__dot:nth-child(5){transform:rotate(180deg)}.dot-spinner__dot:nth-child(5):before{animation-delay:calc(var(--uib-speed)*-.5)}.dot-spinner__dot:nth-child(6){transform:rotate(225deg)}.dot-spinner__dot:nth-child(6):before{animation-delay:calc(var(--uib-speed)*-.375)}.dot-spinner__dot:nth-child(7){transform:rotate(270deg)}.dot-spinner__dot:nth-child(7):before{animation-delay:calc(var(--uib-speed)*-.25)}.dot-spinner__dot:nth-child(8){transform:rotate(315deg)}.dot-spinner__dot:nth-child(8):before{animation-delay:calc(var(--uib-speed)*-.125)}@keyframes pulse0112{0%,to{opacity:.5;transform:scale(0)}50%{opacity:1;transform:scale(1)}}.semicircle,.semicircle div{animation:rotate141 6s linear infinite;background-repeat:no-repeat;border-radius:50%;height:17px;overflow:hidden;position:relative;width:17px}.semicircle div{height:90%;left:5%;position:absolute;top:5%;width:90%}.semicircle div:before,.semicircle:before{background:radial-gradient(#0000,#0000 65%,#000 0,#000);background-size:100% 200%;content:"";display:block;height:50%;width:100%}@keyframes rotate141{to{transform:rotate(1turn)}}.click-here{color:#0064ff80;cursor:pointer;text-decoration:underline}.click-here:hover{color:#0064ff}.ev-icon-card{left:5px;position:absolute;top:5px;z-index:999}.pmst-cost-content{border-radius:8px;border-top:1px solid #0000001a;box-shadow:0 4px 4px #00000040}.outer{overflow-y:scroll;padding:10px;position:relative;::-webkit-scrollbar{display:none}}.flex-container{display:flex;overflow-x:auto}.scroll-station-container{background-color:#000;border-top:1px solid #0000001a;box-shadow:0 4px 4px #1d6da140}.scroll-station-container,.scroll-station-container-active{border-radius:8px;cursor:pointer;flex:1 0 250px;height:100px;margin:5px;max-width:300px;padding:5px}.scroll-station-container-active{background-color:#fafbfc;border-bottom:1px solid #0000001a;box-shadow:inset 1px 4px 4px 2px #00000040}.scroll-station-name-color{color:#fff;font-weight:600}.scroll-station-name-color-active{font-weight:600}.scroll-station-value-color{color:#fff}.scroll-station-value-color-active{color:#000}.allcost-color:first-child{color:red}.left-scroll-btn{background-color:inherit;border-radius:8px 0 0 8px;cursor:pointer;height:100%;left:0;position:absolute;top:0;width:50px}.first-arrow-left{top:40%;transform:translateY(4px) rotate(-40deg)}.first-arrow-left,.first-arrow-left:after{background-color:#b6b6b6;border-radius:8px;display:block;height:3px;position:absolute;transition:.4s;width:15px}.first-arrow-left:after{content:"";left:-6px;transform:translateY(7px) rotate(80deg)}.left-scroll-btn:hover{background-color:#0000001a}.left-scroll-btn:hover+.first-arrow-left,.left-scroll-btn:hover~.first-arrow-left:after{background-color:#000}.right-scroll-btn{background-color:inherit;border-radius:0 8px 8px 0;cursor:pointer;height:100%;position:absolute;right:0;top:0;width:50px}.first-arrow-right{right:1%;top:40%;transform:translateY(4px) rotate(40deg)}.first-arrow-right,.first-arrow-right:after{background-color:#b6b6b6;border-radius:8px;display:block;height:3px;position:absolute;transition:.4s;width:15px}.first-arrow-right:after{content:"";right:-6px;transform:translateY(7px) rotate(-80deg)}.right-scroll-btn:hover{background-color:#0000001a}.right-scroll-btn:hover+.first-arrow-right,.right-scroll-btn:hover~.first-arrow-right:after{background-color:#000}.table-fill{animation:float 5s infinite;background:#fff;border-collapse:collapse;border-radius:3px;box-shadow:0 5px 10px #0000001a;height:320px;margin:auto;max-width:600px;padding:5px;width:100%}.table-tax{width:100%}.head-table th{background:#555;border-bottom:4px solid #9ea7af;border-right:1px solid #b3b3b3;color:#fff;font-weight:100;padding:24px;text-align:left;text-shadow:0 1px 1px #0000001a;vertical-align:middle}.head-table th:first-child{border-top-left-radius:3px}.head-table th:last-child{border-right:none;border-top-right-radius:3px}.body-table tr{border-bottom:1px solid #c1c3d1;border-top:1px solid #c1c3d1;color:#000;font-size:16px;font-weight:900;text-shadow:0 1px 1px #ffffff1a}.body-table tr:hover td{background:#4e5066;border-top:1px solid #22262e;color:#fff}.body-table tr:first-child{border-top:none}.body-table tr:last-child{border-bottom:none}.body-table tr:nth-child(odd) td{background:#ebebeb}.body-table tr:nth-child(odd):hover td{background:#848897}.body-table tr:last-child td:first-child{border-bottom-left-radius:3px}.body-table tr:last-child td:last-child{border-bottom-right-radius:3px}.row-table td{background:#fff;border-right:1px solid #c1c3d1;font-size:18px;font-weight:300;padding:20px;text-align:left;text-shadow:-1px -1px 1px #0000001a;vertical-align:middle}.row-table td:last-child{border-right:0}.head-table th.text-left{text-align:left}.head-table th.text-center{text-align:center}.head-table th.text-right{text-align:right}.row-table td.text-left{text-align:left}.row-table td.text-center{text-align:center}.row-table td.text-right{text-align:right}.conf-pwd-tax{margin-top:30px;text-align:start}.warning-text-tax{font-size:12px}.th-text-color{color:#7066e0}.body-table tr:hover .th-text-color{background:#4e5066;border-top:1px solid #22262e;color:#d6e066}.container-content-tax{border:3px solid #000;border-left:none;border-top:none;box-sizing:border-box;padding:5px}.content-value-tax{align-items:center;column-gap:8px;display:inline-flex}.number-text{font-size:clamp(16px,2vw + .5rem,24px)}.content-value-tax strong{line-height:1}.card-rv-total{animation-duration:.3s;animation-fill-mode:both;animation-name:hideToshow;border:2px solid #505050;border-radius:5px;color:#505050;font-size:15px;height:100%;padding:0 10px;position:relative}@keyframes hideToshow{0%{opacity:0;top:40px}70%{top:-5px}to{opacity:1;top:0}}.card-rv-total-1{animation-delay:0s}.card-rv-total-2{animation-delay:.1s}.card-rv-total-3{animation-delay:.2s}.card-rv-total-4{animation-delay:.3s}.card-rv-total-5{animation-delay:.4s}.card-rv-1{animation-delay:.2s;border:2px solid #196491;color:#196491}.card-rv-2{animation-delay:.1s;border:2px solid #149948;color:#149948}.card-rv-3{animation-delay:0s;border:2px solid #d58d28;color:#d58d28}.card-rv{animation-duration:.3s;animation-fill-mode:both;animation-name:hideToshow;border-radius:5px;font-size:15px;padding:0 10px;position:relative}.label-rv-card{font-size:16px}.chart-revenue{height:380px}@media screen and (max-width:450px){.chart-revenue{height:500px}}:root{--rs-1:min(0.052vw,0.093vh);--rs-1-5:min(0.078vw,0.139vh);--rs-2:min(0.104vw,0.185vh);--rs-4:min(0.208vw,0.37vh);--rs-8:min(0.417vw,0.741vh);--rs-12:min(0.625vw,1.111vh);--rs-16:min(0.833vw,1.481vh);--rs-20:min(1.042vw,1.852vh);--rs-24:min(1.25vw,2.222vh);--rs-32:min(1.667vw,2.963vh);--rs-40:min(2.083vw,3.704vh);--rs-48:min(2.5vw,4.444vh);--rs-56:min(2.917vw,5.185vh);--rs-60:min(3.125vw,5.556vh);--rs-64:min(3.333vw,5.926vh);--r-8:0.417vw;--r-16:0.833vw;--r-24:1.25vw;--r-32:1.667vw;--r-70:3.646vw;--r-307:15.99vw;--r-672:35vw;--rh-12:1.111vh;--rh-15:1.389vh;--rh-16:1.481vh;--rh-40:3.704vh;--rh-56:5.185vh;--rh-60:5.556vh;--rh-66:6.111vh;--rh-70:6.481vh;--rh-80:7.407vh}.bg-img{background-color:#f2f2f2;background-image:url(/static/media/bg-office2.c91eb036622848e4ffac.png)}.bg-img,.bg-img-v2{align-items:center;background-position:50%;background-repeat:no-repeat;background-size:cover;display:flex;font-family:Arial,sans-serif;height:100vh;justify-content:center;margin:0;padding:0}.bg-img-v2{background-image:url(/static/media/bg_login_v2.5dcb81a861af28a2f376.png);position:relative}.bg-img-v2:before{content:"";height:100%;left:0;position:absolute;top:0;width:100%;z-index:0}.bg-img-v2>*{position:relative;z-index:1}.custom-checkbox{display:inline-block;gap:var(--r-8);position:relative}.custom-checkbox input[type=checkbox]{cursor:pointer;height:0;opacity:0;position:absolute;width:0}.custom-checkbox-box{align-items:center;background-color:#fff;border:var(--rs-1) solid #d9d9d9;border-radius:var(--rs-4);display:inline-flex;height:var(--rs-20);justify-content:center;min-height:var(--rs-20);min-width:var(--rs-20);transition:all .2s ease;width:var(--rs-20)}.custom-checkbox input[type=checkbox]:checked~.custom-checkbox-box{background-color:#1085c7;border-color:#1085c7}.custom-checkbox-box svg{height:var(--rs-12);opacity:0;transition:opacity .2s ease;width:var(--rs-12)}.custom-checkbox input[type=checkbox]:checked~.custom-checkbox-box svg{opacity:1}.custom-checkbox:hover .custom-checkbox-box{border-color:#1085c7}.login-container{align-items:center;display:flex;height:100vh}.login-bg-section{flex:1 1}.login-form-section{box-sizing:border-box;height:100%;max-width:var(--r-672);min-width:var(--r-672);padding-block:var(--rh-16);padding-right:var(--r-16)}.login-container-v2{background-color:#fff;border-radius:var(--r-24);height:100%;padding-block:var(--rh-80);padding-inline:var(--r-70);width:100%}.logo-image-form{margin-bottom:var(--rh-60);width:var(--r-307)}.title-1{color:#2b232a;font-family:Noto Sans Thai,sans-serif;font-size:var(--rs-32);font-weight:700}.title-2{color:#6a737d;font-weight:400}.form-label,.title-2{font-family:Noto Sans Thai,sans-serif;font-size:var(--rs-16)}.form-label{color:#2b232a;display:block;font-weight:600;margin:0}.input-custom-v2{border:var(--rs-1) solid #d9d9d9;border-radius:var(--rs-8);color:#6c6c6c;display:block;font-family:Noto Sans Thai,sans-serif;font-size:var(--rs-16);height:var(--rh-56);outline:none;padding-inline:var(--r-16);width:100%}.input-custom-v2:focus{border-color:#1285c7;color:#2b232a;outline:none}.button-custom-v2{background-color:#1285c7;border:none;border-radius:var(--rs-8);color:#fff;display:block;font-family:Noto Sans Thai,sans-serif;font-size:var(--rs-20);font-weight:600;height:var(--rh-56);outline:none;padding:0;width:100%}.form-container{background-color:#fff;box-shadow:0 0 10px #0000001a;max-width:400px;overflow:hidden;padding:20px;position:relative}.form-container,.form-container img{border-radius:8px;width:100%}.form-container h2{margin-bottom:20px;text-align:center}.form-container form{transition:transform .6s ease-in-out}.form-container.register-form{transform:translateX(400px)}.form-container.login-form{transform:translateX(0)}.form-container.register-form .login-form{transform:translateX(-400px)}.form-container.register-form h2{margin-bottom:30px}@media (max-width:1024px){.login-bg-section{display:none}.login-form-section{align-items:center;display:flex;justify-content:center;min-width:320px;padding-inline:0;width:100%}.logo-image-form{width:16rem}.title-1{font-size:1.5rem}.form-label,.title-2{font-size:.75rem}.input-custom-v2{border:.05rem solid #d9d9d9;border-radius:.25rem;color:#6c6c6c;font-family:Noto Sans Thai,sans-serif;font-size:.75rem;height:2rem;outline:none;padding-inline:.75rem;width:100%}.custom-checkbox{gap:.5rem}.custom-checkbox-box{border-radius:.25rem;height:1rem;width:1rem}.custom-checkbox-box svg{height:.75rem;width:.75rem}.button-custom-v2{border-radius:.5rem;font-size:.75rem;height:2.5rem}}@media (max-width:768px){.bg-img-v2{background-image:none}.login-form-section{align-items:center;display:flex;justify-content:center;min-width:320px;width:100%}.logo-image-form{width:16rem}.title-1{font-size:1.5rem}.form-label,.title-2{font-size:.75rem}.input-custom-v2{border:.05rem solid #d9d9d9;border-radius:.25rem;color:#6c6c6c;font-family:Noto Sans Thai,sans-serif;font-size:.75rem;height:2rem;outline:none;padding-inline:.75rem;width:100%}.custom-checkbox{gap:.5rem}.custom-checkbox-box{border-radius:.25rem;height:1rem;width:1rem}.custom-checkbox-box svg{height:.75rem;width:.75rem}.button-custom-v2{border-radius:.5rem;font-size:.75rem;height:2.5rem}}.form-container .toggle-form{color:#666;cursor:pointer;font-size:12px;position:absolute;right:10px;text-decoration:underline;top:10px}.form-container select{border:1px solid #ccc;border-radius:10px;margin-bottom:15px;padding:10px;width:100%}.form-container label{margin-bottom:10px}.form-container hr{background-color:#909090;border:none;height:1px}.form-container label{align-items:center;display:flex;font-size:10px;justify-content:center}.form-container a{color:#10375c;font-size:12px}.contract-www{align-items:center;display:flex;justify-content:center}.contract{align-items:center;display:grid;grid-template-columns:1fr 1fr 1fr 1fr;justify-items:center;margin-bottom:10px}.contract-img{height:50px;width:50px}.contract-img img{cursor:pointer;height:100%;width:100%}.forgetpwds{color:#10375c;cursor:pointer;font-size:12px;text-decoration:underline}.forgetpwds:hover{color:#3939b9}.remember-me{display:flex;margin-left:10px;text-align:center;vertical-align:bottom}.check{align-items:center;display:flex;justify-content:center}.input-container{margin:30px auto;position:relative;width:100%}.input-container input{background-color:initial;border:2px solid #0a60b1;border-radius:8px;font-size:20px;outline:none;padding:5px 0 5px 15px;width:100%;z-index:100}.input-container .label{color:#aabbce;font-size:12px;left:15px;pointer-events:none;position:absolute;top:30%;transition:all .3s ease}.input-container input:focus~.label,.input-container input:valid~.label{color:#0a60b1;font-size:16px;left:0;top:-20px}.underline-input{background-color:#333;transition:all .3s ease}.underline-input:focus{border-radius:8px;box-shadow:1px 3px 0 0 #000}.btn-17,.btn-17 *,.btn-17 :after,.btn-17 :before{border:0 solid;box-sizing:border-box;width:100%}.btn-17{-webkit-tap-highlight-color:transparent;-webkit-appearance:button;background-color:#1f396c;background-image:none;color:#fff;cursor:pointer;font-size:100%;font-weight:900;line-height:1.5;margin:0;-webkit-mask-image:-webkit-radial-gradient(#000,#fff);padding:0;text-transform:uppercase}.btn-17:disabled{cursor:default}.btn-17:-moz-focusring{outline:auto}.btn-17 svg{display:block;vertical-align:middle}.btn-17 [hidden]{display:none}.btn-17{border-radius:8px;border-width:2px;padding:.8rem 3rem;z-index:0}.btn-17,.btn-17 .text-container{overflow:hidden;position:relative}.btn-17 .text-container{display:block}.btn-17 .text{display:block;position:relative}.btn-17:hover .text{animation:move-up-alternate .3s forwards}@keyframes move-up-alternate{0%{transform:translateY(0)}50%{transform:translateY(80%)}51%{transform:translateY(-80%)}to{transform:translateY(0)}}.btn-17:after,.btn-17:before{--skew:0.2;background:#0c1b4e;border-radius:8px;content:"";display:block;height:102%;left:calc(-50% - 50%*var(--skew));pointer-events:none;position:absolute;top:-104%;transform:skew(calc(200deg*var(--skew))) translateY(0);transform:skew(calc(200deg*var(--skew))) translateY(var(--progress,0));transition:transform .2s ease;width:100%}.btn-17:after{--progress:0%;left:calc(50% + 50%*var(--skew));top:102%;z-index:-1}.btn-17:hover:before{--progress:100%}.btn-17:hover:after{--progress:-102%}.cbx{background:#e8e8eb;border:2px solid #e8e8eb;border-radius:4px;cursor:pointer;perspective:20;transform:translateZ(0);transition:all .3s ease}.cbx:hover{border-color:#325caf}.flip{display:block;height:20px;position:relative;transform-style:preserve-3d;transition:all .4s ease;width:20px}#cbx{display:none}#cbx:checked+.cbx{border-color:#325caf}#cbx:checked+.flip{transform:rotateY(180deg)}.back,.front{-webkit-backface-visibility:hidden;backface-visibility:hidden;border-radius:2px;height:20px;left:0;position:absolute;top:0;width:20px}.front{background:#fff;z-index:1}.back{background:#325caf;box-shadow:0 0 0 1px #325caf;color:#fff;line-height:20px;text-align:center;transform:rotateY(180deg)}.back svg{fill:none;margin-top:3px}.back svg path{stroke:#fff;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}.loader-container{background-color:#3f3f3fb3;height:100vh;position:absolute;width:100vw;z-index:9000}.loader-night{background:#fe0;overflow:hidden;position:relative;transform-origin:50% calc(10% + 25px);z-index:9001}.loader-night,.loader-night:before{aspect-ratio:1;border-radius:50%;width:50px}.loader-night:before{animation:ln 1s infinite forwards;animation-duration:5s;background:#363636;content:"";height:48px;left:-7px;margin:auto;position:absolute;top:10px;transform-origin:50% calc(100% + 5px);z-index:9999}@keyframes ln{0%{transform:translate(0)}25%{transform:translateY(-20px)}50%{transform:translate(20px,-20px)}75%{transform:translate(20px)}to{transform:translate(0)}}.loader-day{animation:l25 1s linear infinite;background:#ff6a45;background-image:radial-gradient(circle closest-side at 50% 40%,#0000 100%,#fff);position:relative;transform-origin:50% calc(10% + 25px);width:50px;z-index:1}.loader-day,.loader-day:before{aspect-ratio:1;border-radius:50%}.loader-day:before{animation:inherit;animation-duration:1.8s;background:#fff9ac;content:"";inset:auto 0 16px;margin:auto;position:absolute;transform-origin:50% 100%;width:8px;z-index:999}@keyframes l25{to{transform:rotate(1turn)}}.waviy{-webkit-box-reflect:below -10px linear-gradient(#0000,#0003);font-size:16px;position:relative}.waviy span{animation:waviy 1s infinite;animation-delay:calc(.1s*var(--i));color:#fff;display:inline-block;position:relative;text-transform:uppercase}@keyframes waviy{0%,40%,to{transform:translateY(0)}20%{transform:translateY(-5px)}}.carloader-container{animation:uad 1s ease-in-out infinite;background-image:url(/static/media/car.7ba9e82a90981fa0d117.png);background-position:50%;background-repeat:no-repeat;background-size:cover;min-height:139px;min-width:315px;position:relative}.carloader-wheel-back{left:29px}.carloader-wheel-back,.carloader-wheel-front{animation:l25 1s linear infinite;background-image:url(/static/media/wheel.2f78b973a6f2e8d1919c.png);background-position:50%;background-repeat:no-repeat;background-size:cover;bottom:-15px;height:60px;position:absolute;transform-origin:50% calc(10% + 23px);width:60px}.carloader-wheel-front{content:"";right:32px}.carloader-thunder{animation:bas .8s linear infinite;background-image:url(/static/media/thunder.dffcacf65f884622bf30.svg);background-position:50%;background-repeat:no-repeat;background-size:contain;height:65px;left:40%;overflow:hidden;position:absolute;top:40%;width:45px}@keyframes bas{0%{height:65px;width:45px}50%{height:71.5px;width:49.5px}to{height:65px;width:45px}}@keyframes uad{0%{transform:translateY(5px)}50%{transform:translate(0)}to{transform:translateY(5px)}}.spinner{animation:spinner-e04l1k 1s linear infinite;border-color:#dbdcef #0000;border-radius:50%;border-style:solid;border-width:4.5px;display:grid;height:56px;width:56px}.spinner:after,.spinner:before{border:inherit;border-radius:50%;content:"";grid-area:1/1;margin:2.2px}.spinner:before{animation:inherit;animation-direction:reverse;animation-duration:.5s;border-color:#a7a8ff #0000}.spinner:after{margin:8.9px}@keyframes spinner-e04l1k{to{transform:rotate(.5turn)}}.search-fgpwd-btn{fill:#9b9999;align-items:center;background:#1f396c;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-family:inherit;font-size:16px;font-weight:1000;padding:.7em 1em .7em .9em;width:100%}.search-fgpwd-btn span{display:block;margin-left:.3em;transition:all .3s ease-in-out}.search-fgpwd-btn .icon-search{display:block;transform-origin:center center;transition:transform .3s ease-in-out}.search-fgpwd-btn:hover{background:#1f396c}.search-fgpwd-btn:hover .svg-wrapper{transform:scale(1.25);transition:.5s linear}.search-fgpwd-btn:hover .icon-search{fill:#fff;transform:translateX(2em) scale(1.1)}.search-fgpwd-btn:hover span{opacity:0;transition:.5s linear}.search-fgpwd-btn:active{transform:scale(.95)}.notfound-container{width:600px}.notfound-page{align-items:center;background-color:#b4c2dd;display:flex;height:100vh;justify-content:center;width:100vw}.notfound-text{font-size:24px;font-weight:900}.notfound-text-sub{font-size:16px;font-weight:700}.notfound-pic-container{align-items:center;display:flex;height:300px;justify-content:center;position:relative;width:100%}.truck-wheel{background-image:url(/static/media/backwhell.d16aea8ab95e617c87d6.png);height:44.8px;left:140px;width:83.6px;z-index:90}.notfound-pic-truck,.truck-wheel{background-position:50%;background-repeat:no-repeat;background-size:contain;bottom:0;position:absolute}.notfound-pic-truck{animation:shake .1s linear infinite;background-image:url(/static/media/truckbody404wrap.0243f57048dc5b835de5.png);height:259.2px;width:414px;z-index:100}.front-truck-wheel{background-image:url(/static/media/frontwheel.f75d627db3c198ca9f71.png);height:44.4px;right:140px;width:82.4px;z-index:90}.front-truck-wheel,.stoppole{background-position:50%;background-repeat:no-repeat;background-size:contain;bottom:0;position:absolute}.stoppole{background-image:url(/static/media/stoppole.275b4d5132c4630a1055.png);height:300.33px;right:120px;width:124.3px;z-index:85}@keyframes shake{0%{transform:translateY(1px)}50%{transform:translateY(-1px)}to{transform:translateY(1px)}}@media (max-width:425px){.notfound-pic-truck{height:216px;width:345px}.truck-wheel{height:37.3px;left:72px;width:69.6px}.front-truck-wheel{bottom:0;height:37px;right:70px;width:68.6px}.stoppole{right:40px}}.cloud{border-radius:50%;height:500px;left:-20vw;position:absolute;top:-50vh;width:500px;z-index:80}#cloud-back{box-shadow:300px 300px 30px -20px #ffe658;filter:url(#filter-back)}#cloud-mid{box-shadow:300px 340px 70px -60px #ffb3b380;filter:url(#filter-mid)}#cloud-front{box-shadow:300px 370px 60px -100px #ececec4d;filter:url(#filter-front)}@media (max-width:1400px){.cloud{left:-30vw}}@media (max-width:1024px){.cloud{left:-40vw}}@media (max-width:500px){.cloud{left:-100vw}}.my-input-modal,.my-input-modal .ant-input:placeholder-shown{background-color:#f0f0f0}.my-input-modal .ant-input:placeholder-shown:focus{background-color:#fff}.warning-export-excel-label{font-size:10px}@media (max-width:450px){.informa-label{font-size:12px}}.table-height{height:800px}.summary-container{background-color:#fff;border-radius:8px;margin:10px;overflow:hidden;position:relative;transition:.4s}@media screen and (max-width:450px){.table-height{height:500px}}.diagonal-split{background:linear-gradient(110deg,#fff 0 50%,#196491 50% 0);border:2px solid #196491;border-radius:6px;color:#000;height:130px;margin-top:20px;max-width:380px;position:relative}.head-diagonal-split{background-color:#196491;border-radius:6px;color:#fff;font-size:16px;left:10px;max-width:170px;padding:6px 10px;position:absolute;top:-20px}.diagonal-split-content{height:100%;padding:16px 10px}.share-content-dot{border:2px solid #fff;border-radius:100%;height:12px;width:12px}.ent-container{background-color:#fff;margin-top:-10px}.ent-container,.ent-overview{border-radius:6px;padding:10px}.ent-overview{background-image:linear-gradient(135deg,#1f396c,#02072f);color:#fff;height:100px;max-width:224px}.bar-chart-overall{height:530px;padding:10px 5px}.bar-chart-overall,.dealer-table-container{border-radius:6px;position:relative;z-index:1}.dealer-table-container{height:100%}.dealer-table-normal-dot{border-radius:100%;height:8px;width:8px}.dealer-table-content .ant-table-body{height:430px!important}.nodata{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;height:calc(100% + 6px);justify-content:center;left:0;margin-left:-6px;position:absolute;top:0;transition:all .3s;width:calc(100% + 6px);z-index:99}.nodata-container,.nodata-container-x{position:relative;z-index:1}.arrow-dealer{margin-left:30px;transform:rotate(90deg)}.arrow-dealer span{animation:animate 2s infinite;border-bottom:2px solid #9b9b9b;border-right:2px solid #9b9b9b;display:block;height:6px;transform:rotate(45deg);width:6px}.arrow-dealer span:nth-child(2){animation-delay:-.2s}.arrow-dealer span:nth-child(3){animation-delay:-.4s}@keyframes animate{0%{opacity:0;transform:rotate(45deg) translate(-10px,-10px)}50%{opacity:1}to{opacity:0;transform:rotate(45deg) translate(10px,10px)}}.mydict:focus{border-color:#196491;box-shadow:0 0 0 4px #196491;outline:0}.mydict div{display:flex;flex-wrap:wrap;justify-content:center}.mydict input[type=radio]{clip:rect(0 0 0 0);-webkit-clip-path:inset(100%);clip-path:inset(100%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}.mydict input[type=radio]:checked+span{background-color:#dee7ff;box-shadow:0 0 0 .0625em #196491;color:#196491;z-index:1}.mydict-label span{background-color:#fff;box-shadow:0 0 0 .0625em #b5bfd9;color:#3e4963;cursor:pointer;display:block;letter-spacing:.05em;margin-left:.0625em;padding:.375em .75em;position:relative;text-align:center;transition:background-color .5s ease}.mydict-label:first-child span{border-radius:.375em 0 0 .375em}.mydict-label:last-child span{border-radius:0 .375em .375em 0}.tabs-dealer-table-date{background-color:#fff;display:flex;padding:.1rem;position:relative}.tabs-dealer-table-date *{z-index:2}.search-dealer-table-date input[type=radio]{display:none}.tab-dealer-table-date{border-radius:99px;color:#000;cursor:pointer;font-size:.8rem;font-weight:500;height:30px;transition:color .15s ease-in;width:50px}.notification,.tab-dealer-table-date{align-items:center;display:flex;justify-content:center}.notification{background-color:#e6eef9;border-radius:50%;font-size:10px;height:.8rem;left:30%;margin:0;position:absolute;top:10px;transition:.15s ease-in;width:.8rem}.search-dealer-table-date input[type=radio]:checked+label{color:#185ee0}.search-dealer-table-date input[type=radio]:checked+label>.notification{background-color:#185ee0;color:#fff;margin:0}.search-dealer-table-date input[id=month]:checked~.glider{transform:translateX(0)}.search-dealer-table-date input[id=year]:checked~.glider{transform:translateX(100%)}.glider{background-color:#e6eef9;border-radius:6px;display:flex;height:30px;position:absolute;transition:.25s ease-out;width:50px;z-index:1}@media (max-width:700px){.tabs-dealer-table-date{transform:scale(.6)}}.bill-header{align-items:center;background-color:#f1f1f1;border-bottom:1px solid #d8d8d8;border-radius:6px 6px 0 0;padding:8px 10px}.bill-header label{font-size:16px;font-weight:600;letter-spacing:.1px}.bill-header button,.bill-history-content button{-webkit-appearance:none;appearance:none;border:.125em solid #1a1a1a;border-radius:4px;box-sizing:border-box;color:#3b3b3b;cursor:pointer;display:inline-block;font-family:Roobert,-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;font-size:16px;font-weight:600;line-height:normal;margin:0;min-width:0;outline:none;overflow:hidden;padding:2px 10px;position:relative;text-align:center;text-decoration:none;touch-action:manipulation;transition:all .3s cubic-bezier(.23,1,.32,1);user-select:none;-webkit-user-select:none;will-change:transform}.bill-header button:disabled,.bill-history-content button:disabled{pointer-events:none}.bill-header button:hover,.bill-history-content button:hover{background-color:#052233;border:.125em solid #052233;box-shadow:0 8px 15px #00000040;color:#fff;transform:translateY(-2px)}.bill-header button span,.bill-history-content button span{display:inline-block;transition:transform .2s ease,opacity .2s ease}.bill-header button span:first-child,.bill-history-content span:first-child{transition-delay:.1s}.bill-header button span:nth-child(2),.bill-history-content span:nth-child(2){transition-delay:.15s}.bill-header button span:nth-child(3),.bill-history-content span:nth-child(3){transition-delay:.2s}.bill-header button span:nth-child(4),.bill-history-content span:nth-child(4){transition-delay:.25s}.bill-header button span:nth-child(5),.bill-history-content span:nth-child(5){transition-delay:.3s}.bill-header button span:nth-child(6),.bill-history-content span:nth-child(6){left:38%;opacity:0;position:absolute;transform:translateY(60px);transition-delay:0s}.bill-header button:hover span,.bill-history-content button:hover span{transform:translateY(-40px)}.bill-header button:hover span:nth-child(6),.bill-history-content button:hover span:nth-child(6){opacity:1;transform:translateY(0);transition-delay:.35s}.bill-header button:active,.bill-history-content button:active{box-shadow:none;transform:translateY(0)}.bill-content{background-color:#fcfcfc;border-radius:0 0 6px 6px}.bill-content .ant-col{padding:8px 10px}.bill-content label{font-size:14px;font-weight:400;letter-spacing:.1px}.bill-content-detail{display:flex;flex-direction:column}.bill-content-detail label{font-weight:300}.bill-history-content{align-items:center;border-bottom:1px solid #d8d8d8;padding:8px 10px}.bill-history-content:hover{background:#f1f1f1}
/*# sourceMappingURL=main.d536a34f.css.map*/