@import"https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Thai:wght@300&family=Lato:wght@400;700&display=swap";.background-image{background-image:url(/assets/icon/unsplash_i8iO9hkiH0o.png);background-size:100vw 100vh;background-position:center;transition:background-image .5s ease-in-out}.container{display:flex;justify-content:center;align-items:center;height:100vh;background-size:cover;background-position:center;animation:slideDown .5s ease-in-out forwards;opacity:0;transform:translateY(-3%)}@keyframes slideDown{to{opacity:1;transform:translateY(0)}}.login-form{position:relative;border-radius:10px;width:400px;height:450px;background-color:#344054}.login-form h2{margin-left:40px;margin-bottom:30px}.login-form .logo{border-radius:10px 10px 0 0;display:flex;flex-direction:column;align-items:center;background-color:#0005ff}.login-form label{display:block;margin-bottom:10px;padding:30px}.input-container{position:relative;width:75%;padding:10px;margin-left:40px;margin-bottom:20px;color:#fff;background-color:#344054;border:1px solid #ccc;border-radius:5px;outline:none}.input-container:hover{border:1px solid #2762f8}.input-container .placeholder-text{position:absolute;left:10px;pointer-events:none;transition:top .2s ease,left .2s ease,font-size .2s ease}.input-container.error{border:1.5px solid #f2274c}.input-container input:focus+.placeholder-text,.input-container input:valid+.placeholder-text{height:15px;top:-10px;left:10px;font-size:12px;background-color:#344054;padding:0 10px;transition:top .2s ease,left .2s ease,font-size .2s ease}.login-form input{width:90%;height:100%;background-color:transparent;border:none;outline:none;transition:top .2s ease,left .2s ease,font-size .2s ease}.toggle-password-button>img{position:absolute;top:14px;right:3rem;width:20px;height:20px;filter:brightness(0) invert(1);cursor:pointer}.login-form button{width:79%;margin-left:42px;margin-top:1rem;background-color:#2762f8;color:#fff;border:none;padding:10px 20px;border-radius:5px;cursor:pointer}.login-form button:hover{background-color:#0056b3}.forgot-password-link{margin-left:42px;margin-top:20px}.forgot-password-link a{font-size:14px;color:#7da1fb;text-decoration:none;transition:color .2s ease}.forgot-password-link a:hover{color:#0056b3}.loginError{position:absolute;bottom:105px;left:50px;font-size:14px;display:flex;justify-content:center;align-items:center}.loginError p,.peror{color:#f2274c}.forgotPassword{width:100%;height:50%}.confirmForgetPassword{margin-top:-2rem;margin-bottom:1.6rem}.forgotPassword p{position:relative;top:-30px;left:40px}.otp-input-container{position:relative;top:-30px;display:flex;justify-content:center;align-items:center}.otp-input-container input[type=text]{width:40px;height:45px;text-align:center;font-size:1.5rem;margin:5px;border:1px solid #ccc;border-radius:4px}.otp-input-container input[type=text]:focus{border:2px solid #7da1fb;outline:none}.forgotPassword h3{position:relative;top:-23px;left:100px;font-size:14px}.OTP{color:#7da1fb;cursor:pointer}.OTP:hover{color:#3369ff;cursor:pointer}.reset-password,.password-changed{position:absolute;top:40%;border-radius:10px;width:400px;background-color:#344054}.reset-password p,.password-changed p{position:relative;top:-15px;left:40px}.forgotPassword .input-container{position:relative;top:-15px}.forgotPassword p{margin:0 0 -5px}.otp-input-container{margin-top:25px}.errorForgotpassword{position:relative;left:50px;color:#f2274c;font-weight:700}.float-label-wrapper{left:2.4rem;position:relative;margin:1rem 0}.float-label-wrapper .float-input{width:75%;padding:.7rem;border:1px solid #ccc;border-radius:8px;font-size:1rem;background-color:transparent;transition:border-color .3s}.float-label-wrapper .float-input:focus{outline:none;border-color:#007bff}.float-label-wrapper .float-input:not(:placeholder-shown){border:#2762f8 2px solid}.float-label-wrapper.error .float-input,.float-label-wrapper.error{border-color:#f2274c}.float-label-wrapper .float-input:focus+.float-label,.float-label-wrapper .float-input:not(:placeholder-shown)+.float-label{transform:translateY(-2.2rem);padding:0 .4rem;left:1rem;font-size:.75rem;background-color:#344054}.float-label-wrapper .float-label{position:absolute;top:50%;left:.5rem;transform:translateY(-50%);transition:transform .3s,font-size .3s,color .3s;padding:0 .25rem;pointer-events:none}.float-label-wrapper .required-star{color:red;margin-left:.25rem}.errorFirstlogin{position:relative;top:1.5rem;color:#f2274c}.errorFirstlogin p{color:#f2274c}.forgotPasswordInput{position:relative;top:-1rem;margin-bottom:-1.5rem}.errorMessages p{color:#f2274c;font-weight:700}.errorMessages{position:relative;top:1.8rem}.logoutText{position:relative;top:1.5rem}.ok-branch{position:relative;overflow:hidden;transition:color .3s ease-in-out}.ok-branch:before{content:"";position:absolute;top:var(--ripple-y, 50%);left:var(--ripple-x, 50%);width:0;height:0;background-color:#4d5e7b;border-radius:50%;transform:translate(-50%,-50%) scale(0);transition:transform .5s ease-out;z-index:-1}.ok-branch.ready{background-color:#4d5e7b;color:#fff}.ok-branch:active:before{transform:translate(-50%,-50%) scale(20)}.ok-branch.clicked{color:#fff}.nameUser{position:relative;width:75%;height:40px;padding:10px;margin-left:40px;margin-bottom:15px;color:#fff;background-color:#667085;border-radius:5px}.dropdown{position:relative;width:298px;height:30px;padding:10px;margin-left:40px;margin-bottom:20px;color:#fff;background-color:#344054;border:1px solid #ccc;border-radius:8px;cursor:pointer}.dropdown.clicked{border:1px solid #2762f8}.profileBranch{margin-left:15px}.profile-pictureBranch{width:40px;height:40px;border-radius:50%;border:1px solid #ccc;object-fit:cover;margin-right:20px;margin-left:10px}.nameBranch{position:absolute;top:10px;font-size:18px}.adminBranch{position:absolute;top:35px;font-size:12px}.dropdown-content{position:absolute;top:60px;left:-40.7px;width:93.7%;max-height:200px;padding:10px;margin-left:40px;margin-bottom:20px;color:#fff;background-color:#344054;border:1px solid #2762f8;border-radius:8px;cursor:pointer;overflow-y:hidden;transition:.3s ease;z-index:1}.dropdown-content:hover{overflow:auto}.no-results-branch{padding:15px;text-align:center;font-style:italic;cursor:default}.search-container{position:relative;padding:0 0 10px}.search-container input[type=text]{padding:10px;border:1px solid #667085;border-radius:20px;font-size:14px;transition:all .3s ease}.search-container input[type=text]:focus{border-color:#2762f8;outline:none}.search-container input[type=text]::placeholder{color:#fff}@keyframes focusAnimation{0%{box-shadow:0 0 #007bff40}50%{box-shadow:0 0 0 4px #007bff40}to{box-shadow:0 0 #007bff40}}.search-container input[type=text]:focus{animation:focusAnimation .5s ease}.branch-list{padding-top:5px}.branch-list div:hover{background-color:#003cd3}.dropdown-content li{position:relative;padding:0 0 0 10px;width:100%;height:50px;border-bottom:1px solid #555555;margin-bottom:5px;list-style:none}.arrow-icon-branch{position:absolute;right:10px;filter:brightness(0) saturate(100%) hue-rotate(0deg) invert(1);transition:transform .3s ease}.arrow-icon-branch.rotated{transform:rotate(180deg)}.arrow-icon-user{position:absolute;top:2rem;right:2rem;filter:brightness(0) saturate(100%) hue-rotate(0deg) invert(1)}.dropdown.selected{border:2px solid #2762f8}.arrow-icon-branch{transition:transform .3s ease}.lds-spinner{left:45%;color:official;display:inline-block;position:relative;width:80px;height:80px}.lds-spinner div{transform-origin:40px 40px;animation:lds-spinner 1.6s linear infinite}.lds-spinner div:after{content:" ";display:block;position:absolute;top:8px;left:37px;width:7px;height:18px;border-radius:10px;background:#dee9fd}.lds-spinner div:nth-child(1){transform:rotate(0);animation-delay:-1.6s}.lds-spinner div:nth-child(2){transform:rotate(45deg);animation-delay:-1.4s}.lds-spinner div:nth-child(3){transform:rotate(90deg);animation-delay:-1.2s}.lds-spinner div:nth-child(4){transform:rotate(135deg);animation-delay:-1s}.lds-spinner div:nth-child(5){transform:rotate(180deg);animation-delay:-.8s}.lds-spinner div:nth-child(6){transform:rotate(225deg);animation-delay:-.6s}.lds-spinner div:nth-child(7){transform:rotate(270deg);animation-delay:-.4s}.lds-spinner div:nth-child(8){transform:rotate(315deg);animation-delay:-.2s}@keyframes lds-spinner{0%{opacity:1}to{opacity:0}}.dashboard-container{position:relative;z-index:0}.titleDashboard{position:relative;display:flex;justify-content:space-between;align-items:center;margin-left:-15px;text-align:center;margin-bottom:20px;width:calc(100% + 15px);background-color:#344054}.greeting{position:relative;margin-left:30px;margin-top:25px;font-size:28px}.date-time{position:relative;font-size:14px;margin-top:25px;right:30px}.titleDashboardSection{position:relative;width:calc(100% + 15px);background-color:#344054;margin-left:-15px;border-radius:0 0 32px 32px;margin-top:-20px}.polestatus-container{position:relative;top:0;left:0;width:96.7%;gap:20px;display:grid;grid-template-columns:1fr 1fr 1fr 1fr;padding:0 0 20px}.polestatus1,.polestatus2,.polestatus3,.polestatus4{position:relative;left:6%;display:flex;justify-content:flex-end;width:95%;height:10vh;padding:8px;border-radius:10px;background-color:#1d2430;list-style:none}.polestatus4{background-color:#73a6fd}.polestatus4 img{position:absolute;right:10px;filter:brightness(0) invert(1)}.poleli{position:absolute;left:15px}.polestatus-in1{position:absolute;top:45px;left:15px}.polestatus-in2{position:absolute;top:45px;right:30px}.polestatus-in3{position:absolute;top:45px;left:15px}.polestatus4 li{position:absolute;left:10px}.user1{position:absolute;bottom:8px;left:20px;font-size:20px;font-weight:700}.user1 img{position:relative;top:6px;margin-right:5px}.user2{position:absolute;bottom:8px;right:30px;font-size:20px;font-weight:700}.dashboard-sections{position:relative;left:1%;margin-top:-10px;width:97%;display:grid;grid-template-columns:1fr .5fr .5fr;justify-content:center;gap:10px}.dashboard-sections1{position:relative;left:1%;margin-top:-10px;width:97%;display:grid;grid-template-columns:1fr 1.01fr;justify-content:center;gap:10px}.area-chart-container{position:relative;display:flex;flex-direction:column;justify-content:center;border-radius:10px;width:100%;height:330px;background-color:#344054;margin-top:20px}.area-chart-title{position:absolute;top:-10px;margin-left:1rem;font-size:22px}.energy-saving-container{position:relative;display:grid;justify-content:center;align-items:center;border-radius:10px;padding:10px;width:96%;height:250px;background-color:#344054;margin-top:20px;margin-left:-20px}.energy-saving-title{position:absolute;top:0;margin-left:1rem;font-size:22px;font-weight:700}.energy-saving-info-div{position:relative;top:10px;width:100%;display:grid;align-items:center;justify-content:center}.energy-saving-info{margin-top:30px;font-size:14px}.waterleve-container{display:flex;flex-direction:column;align-items:flex-start;width:96%;height:270px;background-color:#344054;margin-top:20px;border-radius:10px}.waterleve-container p{margin-top:15px;margin-left:30px}.waterli{list-style:none;margin-top:80px;margin-left:30px;font-size:12px}.waterleve-container h1{position:absolute}.waterleve-ltitle{position:absolute;top:0;width:100%;height:130px;background:linear-gradient(87.69deg,#e6f0ff -6.54%,#bdd8ff 101.19%);border-radius:10px 10px 0 0}.waterleve-ltitle p{position:absolute;top:0;color:#344054;font-size:22px;margin-left:1rem;font-weight:700}.waterleve-ltitle img{position:absolute;height:100%;right:0}.weather-ltitle{width:100%;height:265px;border-radius:10px 10px 0 0;margin-bottom:20px}.custom-container{padding:10px;width:auto;height:380px;margin-top:20px}.average-level{margin-top:50px;display:grid;gap:10px}.average-level label{font-size:18px}.average-level strong{font-size:20px}.dropdown-content-weather{position:absolute;left:0;width:95%;top:65px;padding:10px;text-align:left;color:#fff;background-color:#344054;border:2px solid #2762f8;border-radius:8px;cursor:pointer;overflow-y:auto;transition:.3s ease;z-index:1}.dropdown-content-weather li{position:relative;width:100%;left:-20px;height:50px;border-bottom:1px solid #555555;margin-bottom:5px;list-style:none}.notification-badge-dashboard{background-color:#f2274c;color:#fff;border-radius:50%;width:10px;height:10px;display:flex;justify-content:center;align-items:center;font-size:12px;font-weight:700;position:absolute;top:0;left:8px;box-shadow:0 0 #e74c3c66;animation:pulse 2s infinite}.notification-text{position:absolute;left:.5rem;top:3.5rem;margin:0;font-size:20px;font-weight:700;color:#fff}.no-notification-text{margin-left:10px;font-size:16px}@keyframes pulse{0%{box-shadow:0 0 #e74c3c66}70%{box-shadow:0 0 0 10px #e74c3c00}to{box-shadow:0 0 #e74c3c00}}@media screen and (min-height: 1080px){.dashboard-sections1{height:44vh}.dashboard-sections1 .area-chart-container{height:42vh}}.CircularProgressbar{width:100%;vertical-align:middle}.CircularProgressbar .CircularProgressbar-path{stroke:#3e98c7;stroke-linecap:round;-webkit-transition:stroke-dashoffset .5s ease 0s;transition:stroke-dashoffset .5s ease 0s}.CircularProgressbar .CircularProgressbar-trail{stroke:#d6d6d6;stroke-linecap:round}.CircularProgressbar .CircularProgressbar-text{fill:#3e98c7;font-size:20px;dominant-baseline:middle;text-anchor:middle}.CircularProgressbar .CircularProgressbar-background{fill:#d6d6d6}.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-background{fill:#3e98c7}.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-text{fill:#fff}.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-path{stroke:#fff}.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-trail{stroke:transparent}.circular-progress-container{margin-top:20px;width:150px;font-weight:700;position:relative}.CircularProgressbar .CircularProgressbar-trail{stroke:#fff;stroke-opacity:.3;stroke-width:9;transition:stroke .3s ease}.CircularProgressbar .CircularProgressbar-path{transition:stroke-dashoffset .5s ease .5s}.circularBar{position:relative;display:grid;align-items:center;justify-content:center;top:20px}.maintenance-tracker,.chart-container-div{position:absolute;display:grid;align-items:center;justify-content:center;top:-10px;height:100%;width:100%}.task-input{display:flex;margin-bottom:10px}.task-input input{flex:1;padding:10px;border:1px solid #ddd;border-radius:5px;height:100%}.task-input button{margin-left:10px;width:80px;padding:5px 10px;background-color:#007bff;color:#fff;border:none;border-radius:5px;cursor:pointer}.task-list{list-style-type:none;padding:0}.task-list li{display:flex;align-items:center;justify-content:space-between;padding:8px 0;border-bottom:1px solid #ddd}.task-list button{margin-left:10px;width:80px;padding:2px 5px;background-color:#dc3545;color:#fff;border:none;border-radius:3px;cursor:pointer}.legend{position:relative;top:10px;left:80%;transform:translate(-50%,-50%)}.chart-container{position:relative;width:100%;height:270px;background-color:#344054;border-radius:10px;margin-top:20px;display:flex;flex-direction:column;justify-content:center}@media screen and (min-height: 1080px){.chart-container{height:400px}}.pole-status{display:flex;align-items:center;justify-content:center;gap:5px;font-size:14px;padding:5px;border-radius:30px;width:80px;height:20px}.online{background-color:#3dcc85}.offline{background-color:#f2274c}.user-status{font-weight:700;display:flex;align-items:center;justify-content:center;height:30px;border-radius:30px}.weather-api-component{position:relative;display:flex;height:100%}.weather-data-container{position:relative;width:100%}.weather-ltitle{position:relative;width:100%;height:130px;background:linear-gradient(266.91deg,#347be4 0%,#c7d2e2 102.44%);border-radius:10px 10px 0 0}.weather-ltitle h2{position:absolute;margin-top:-20px}.weather-ltitle h6{font-weight:700;font-size:30px;margin-left:220px;position:absolute;top:-55px}.max_min{position:absolute;top:60px;left:220px}.weather-ltitle p{font-size:16px;font-weight:700;display:inline;margin-right:10px;color:#2762f8}.column-container{position:relative;top:-10px;margin-top:0;width:90%;padding:0 16px;display:grid;grid-template-columns:auto auto auto}.kabab{position:absolute;font-size:30px;top:0;right:20px;z-index:5555555555;cursor:pointer}.selectModel{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:999999999;background:rgba(0,0,0,.5);display:flex;justify-content:center;align-items:center}.selectContainer{background-color:#344054;border:2px solid #667085;padding:20px;border-radius:10px;max-width:500px;width:90%;text-align:left}.buttonCC{margin-top:50px;width:100%;display:flex;justify-content:center;align-items:center;gap:16px}.checkPole{position:relative;display:flex;border:#2762f8;border-radius:8px;padding:16px;border:1px solid #d0d5dd;cursor:pointer}.checkPole img{position:absolute;right:16px;filter:brightness(10);cursor:pointer}.checkPoleActive{border:2px solid #2762f8}.weather-icon{position:absolute;top:-40px;width:25%;height:auto}.z9999{z-index:9;width:100%;background-color:#2762f8;position:relative}.pm2_5img{position:absolute;top:10%;right:0;width:auto;height:auto}.pm2_5img strong{position:absolute;top:50px;left:1rem;width:auto;height:auto;font-size:20px;font-weight:700}.weather-api-component{position:relative;overflow:hidden}.nav-button{position:absolute;top:50%;transform:translateY(-50%);background-color:#00000080;color:#fff;border:none;border-radius:50%;cursor:pointer;font-size:24px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;z-index:10;transition:background-color .3s,transform .3s;opacity:0}.nav-button-left{left:10px;transform:translateY(-50%) translate(-100%)}.nav-button-right{right:10px;transform:translateY(-50%) translate(100%)}.nav-button:hover{background-color:#000000b3;transform:scale(1.1)}.weather-api-component .MuiIconButton-root{position:absolute;top:50%;transform:translateY(-50%);opacity:0;transition:all .3s ease;background-color:#00000080;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);color:#fff;box-shadow:0 4px 6px #0000001a;border:1px solid rgba(255,255,255,.18);padding:12px}.weather-api-component .MuiIconButton-root:hover{background-color:#ffffff40;box-shadow:0 8px 12px #0003;transform:translateY(-50%) scale(1.05)}.weather-api-component .MuiIconButton-root:active{transform:translateY(-50%) scale(.95)}.weather-api-component .nav-button-left{left:10px}.weather-api-component .nav-button-right{right:10px}.weather-api-component:hover .MuiIconButton-root{opacity:1}.weather-api-component:hover .nav-button-left{animation:slide-in-left .3s forwards}.weather-api-component:hover .nav-button-right{animation:slide-in-right .3s forwards}.weather-api-component:not(:hover) .nav-button-left{animation:slide-out-left .3s forwards}.weather-api-component:not(:hover) .nav-button-right{animation:slide-out-right .3s forwards}@keyframes slide-in-left{0%{transform:translateY(-50%) translate(-100%)}to{transform:translateY(-50%) translate(0)}}@keyframes slide-in-right{0%{transform:translateY(-50%) translate(100%)}to{transform:translateY(-50%) translate(0)}}@keyframes slide-out-left{0%{transform:translateY(-50%) translate(0)}to{transform:translateY(-50%) translate(-100%)}}@keyframes slide-out-right{0%{transform:translateY(-50%) translate(0)}to{transform:translateY(-50%) translate(100%)}}@keyframes slide-in-left{0%{transform:translateY(-50%) translate(-100%);opacity:0}to{transform:translateY(-50%) translate(0);opacity:1}}@keyframes slide-in-right{0%{transform:translateY(-50%) translate(100%);opacity:0}to{transform:translateY(-50%) translate(0);opacity:1}}@keyframes slide-out-left{0%{transform:translateY(-50%) translate(0);opacity:1}to{transform:translateY(-50%) translate(-100%);opacity:0}}@keyframes slide-out-right{0%{transform:translateY(-50%) translate(0);opacity:1}to{transform:translateY(-50%) translate(100%);opacity:0}}@keyframes slide-left-in{0%{transform:translate(0);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slide-left-out{0%{transform:translate(0);opacity:1}to{transform:translate(30px);opacity:0}}@keyframes slide-right-in{0%{transform:translate(30px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slide-right-out{0%{transform:translate(0);opacity:1}to{transform:translate(-30px);opacity:0}}.text-slide-left-enter{animation:slide-left-in .5s forwards}.text-slide-left-exit{animation:slide-left-out .5s forwards}.text-slide-right-enter{animation:slide-right-in .5s forwards}.text-slide-right-exit{animation:slide-right-out .5s forwards}.leaflet-pane,.leaflet-tile,.leaflet-marker-icon,.leaflet-marker-shadow,.leaflet-tile-container,.leaflet-pane>svg,.leaflet-pane>canvas,.leaflet-zoom-box,.leaflet-image-layer,.leaflet-layer{position:absolute;left:0;top:0}.leaflet-container{overflow:hidden}.leaflet-tile,.leaflet-marker-icon,.leaflet-marker-shadow{-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-user-drag:none}.leaflet-tile::selection{background:transparent}.leaflet-safari .leaflet-tile{image-rendering:-webkit-optimize-contrast}.leaflet-safari .leaflet-tile-container{width:1600px;height:1600px;-webkit-transform-origin:0 0}.leaflet-marker-icon,.leaflet-marker-shadow{display:block}.leaflet-container .leaflet-overlay-pane svg{max-width:none!important;max-height:none!important}.leaflet-container .leaflet-marker-pane img,.leaflet-container .leaflet-shadow-pane img,.leaflet-container .leaflet-tile-pane img,.leaflet-container img.leaflet-image-layer,.leaflet-container .leaflet-tile{max-width:none!important;max-height:none!important;width:auto;padding:0}.leaflet-container img.leaflet-tile{mix-blend-mode:plus-lighter}.leaflet-container.leaflet-touch-zoom{-ms-touch-action:pan-x pan-y;touch-action:pan-x pan-y}.leaflet-container.leaflet-touch-drag{-ms-touch-action:pinch-zoom;touch-action:none;touch-action:pinch-zoom}.leaflet-container.leaflet-touch-drag.leaflet-touch-zoom{-ms-touch-action:none;touch-action:none}.leaflet-container{-webkit-tap-highlight-color:transparent}.leaflet-container a{-webkit-tap-highlight-color:rgba(51,181,229,.4)}.leaflet-tile{filter:inherit;visibility:hidden}.leaflet-tile-loaded{visibility:inherit}.leaflet-zoom-box{width:0;height:0;-moz-box-sizing:border-box;box-sizing:border-box;z-index:800}.leaflet-overlay-pane svg{-moz-user-select:none}.leaflet-pane{z-index:400}.leaflet-tile-pane{z-index:200}.leaflet-overlay-pane{z-index:400}.leaflet-shadow-pane{z-index:500}.leaflet-marker-pane{z-index:600}.leaflet-tooltip-pane{z-index:650}.leaflet-popup-pane{z-index:700}.leaflet-map-pane canvas{z-index:100}.leaflet-map-pane svg{z-index:200}.leaflet-vml-shape{width:1px;height:1px}.lvml{behavior:url(#default#VML);display:inline-block;position:absolute}.leaflet-control{position:relative;z-index:800;pointer-events:visiblePainted;pointer-events:auto}.leaflet-top,.leaflet-bottom{position:absolute;z-index:1000;pointer-events:none}.leaflet-top{top:0}.leaflet-right{right:0}.leaflet-bottom{bottom:0}.leaflet-left{left:0}.leaflet-control{float:left;clear:both}.leaflet-right .leaflet-control{float:right}.leaflet-top .leaflet-control{margin-top:10px}.leaflet-bottom .leaflet-control{margin-bottom:10px}.leaflet-left .leaflet-control{margin-left:10px}.leaflet-right .leaflet-control{margin-right:10px}.leaflet-fade-anim .leaflet-popup{opacity:0;-webkit-transition:opacity .2s linear;-moz-transition:opacity .2s linear;transition:opacity .2s linear}.leaflet-fade-anim .leaflet-map-pane .leaflet-popup{opacity:1}.leaflet-zoom-animated{-webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0}svg.leaflet-zoom-animated{will-change:transform}.leaflet-zoom-anim .leaflet-zoom-animated{-webkit-transition:-webkit-transform .25s cubic-bezier(0,0,.25,1);-moz-transition:-moz-transform .25s cubic-bezier(0,0,.25,1);transition:transform .25s cubic-bezier(0,0,.25,1)}.leaflet-zoom-anim .leaflet-tile,.leaflet-pan-anim .leaflet-tile{-webkit-transition:none;-moz-transition:none;transition:none}.leaflet-zoom-anim .leaflet-zoom-hide{visibility:hidden}.leaflet-interactive{cursor:pointer}.leaflet-grab{cursor:-webkit-grab;cursor:-moz-grab;cursor:grab}.leaflet-crosshair,.leaflet-crosshair .leaflet-interactive{cursor:crosshair}.leaflet-popup-pane,.leaflet-control{cursor:auto}.leaflet-dragging .leaflet-grab,.leaflet-dragging .leaflet-grab .leaflet-interactive,.leaflet-dragging .leaflet-marker-draggable{cursor:move;cursor:-webkit-grabbing;cursor:-moz-grabbing;cursor:grabbing}.leaflet-marker-icon,.leaflet-marker-shadow,.leaflet-image-layer,.leaflet-pane>svg path,.leaflet-tile-container{pointer-events:none}.leaflet-marker-icon.leaflet-interactive,.leaflet-image-layer.leaflet-interactive,.leaflet-pane>svg path.leaflet-interactive,svg.leaflet-image-layer.leaflet-interactive path{pointer-events:visiblePainted;pointer-events:auto}.leaflet-container{background:#ddd;outline-offset:1px}.leaflet-container a{color:#0078a8}.leaflet-zoom-box{border:2px dotted #38f;background:rgba(255,255,255,.5)}.leaflet-container{font-family:Helvetica Neue,Arial,Helvetica,sans-serif;font-size:12px;font-size:.75rem;line-height:1.5}.leaflet-bar{box-shadow:0 1px 5px #000000a6;border-radius:4px}.leaflet-bar a{background-color:#fff;border-bottom:1px solid #ccc;width:26px;height:26px;line-height:26px;display:block;text-align:center;text-decoration:none;color:#000}.leaflet-bar a,.leaflet-control-layers-toggle{background-position:50% 50%;background-repeat:no-repeat;display:block}.leaflet-bar a:hover,.leaflet-bar a:focus{background-color:#f4f4f4}.leaflet-bar a:first-child{border-top-left-radius:4px;border-top-right-radius:4px}.leaflet-bar a:last-child{border-bottom-left-radius:4px;border-bottom-right-radius:4px;border-bottom:none}.leaflet-bar a.leaflet-disabled{cursor:default;background-color:#f4f4f4;color:#bbb}.leaflet-touch .leaflet-bar a{width:30px;height:30px;line-height:30px}.leaflet-touch .leaflet-bar a:first-child{border-top-left-radius:2px;border-top-right-radius:2px}.leaflet-touch .leaflet-bar a:last-child{border-bottom-left-radius:2px;border-bottom-right-radius:2px}.leaflet-control-zoom-in,.leaflet-control-zoom-out{font:700 18px Lucida Console,Monaco,monospace;text-indent:1px}.leaflet-touch .leaflet-control-zoom-in,.leaflet-touch .leaflet-control-zoom-out{font-size:22px}.leaflet-control-layers{box-shadow:0 1px 5px #0006;background:#fff;border-radius:5px}.leaflet-control-layers-toggle{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAQAAAADQ4RFAAACf0lEQVR4AY1UM3gkARTePdvdoTxXKc+qTl3aU5U6b2Kbkz3Gtq3Zw6ziLGNPzrYx7946Tr6/ee/XeCQ4D3ykPtL5tHno4n0d/h3+xfuWHGLX81cn7r0iTNzjr7LrlxCqPtkbTQEHeqOrTy4Yyt3VCi/IOB0v7rVC7q45Q3Gr5K6jt+3Gl5nCoDD4MtO+j96Wu8atmhGqcNGHObuf8OM/x3AMx38+4Z2sPqzCxRFK2aF2e5Jol56XTLyggAMTL56XOMoS1W4pOyjUcGGQdZxU6qRh7B9Zp+PfpOFlqt0zyDZckPi1ttmIp03jX8gyJ8a/PG2yutpS/Vol7peZIbZcKBAEEheEIAgFbDkz5H6Zrkm2hVWGiXKiF4Ycw0RWKdtC16Q7qe3X4iOMxruonzegJzWaXFrU9utOSsLUmrc0YjeWYjCW4PDMADElpJSSQ0vQvA1Tm6/JlKnqFs1EGyZiFCqnRZTEJJJiKRYzVYzJck2Rm6P4iH+cmSY0YzimYa8l0EtTODFWhcMIMVqdsI2uiTvKmTisIDHJ3od5GILVhBCarCfVRmo4uTjkhrhzkiBV7SsaqS+TzrzM1qpGGUFt28pIySQHR6h7F6KSwGWm97ay+Z+ZqMcEjEWebE7wxCSQwpkhJqoZA5ivCdZDjJepuJ9IQjGGUmuXJdBFUygxVqVsxFsLMbDe8ZbDYVCGKxs+W080max1hFCarCfV+C1KATwcnvE9gRRuMP2prdbWGowm1KB1y+zwMMENkM755cJ2yPDtqhTI6ED1M/82yIDtC/4j4BijjeObflpO9I9MwXTCsSX8jWAFeHr05WoLTJ5G8IQVS/7vwR6ohirYM7f6HzYpogfS3R2OAAAAAElFTkSuQmCC);width:36px;height:36px}.leaflet-retina .leaflet-control-layers-toggle{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADQAAAA0CAQAAABvcdNgAAAEsklEQVR4AWL4TydIhpZK1kpWOlg0w3ZXP6D2soBtG42jeI6ZmQTHzAxiTbSJsYLjO9HhP+WOmcuhciVnmHVQcJnp7DFvScowZorad/+V/fVzMdMT2g9Cv9guXGv/7pYOrXh2U+RRR3dSd9JRx6bIFc/ekqHI29JC6pJ5ZEh1yWkhkbcFeSjxgx3L2m1cb1C7bceyxA+CNjT/Ifff+/kDk2u/w/33/IeCMOSaWZ4glosqT3DNnNZQ7Cs58/3Ce5HL78iZH/vKVIaYlqzfdLu8Vi7dnvUbEza5Idt36tquZFldl6N5Z/POLof0XLK61mZCmJSWjVF9tEjUluu74IUXvgttuVIHE7YxSkaYhJZam7yiM9Pv82JYfl9nptxZaxMJE4YSPty+vF0+Y2up9d3wwijfjZbabqm/3bZ9ecKHsiGmRflnn1MW4pjHf9oLufyn2z3y1D6n8g8TZhxyzipLNPnAUpsOiuWimg52psrTZYnOWYNDTMuWBWa0tJb4rgq1UvmutpaYEbZlwU3CLJm/ayYjHW5/h7xWLn9Hh1vepDkyf7dE7MtT5LR4e7yYpHrkhOUpEfssBLq2pPhAqoSWKUkk7EDqkmK6RrCEzqDjhNDWNE+XSMvkJRDWlZTmCW0l0PHQGRZY5t1L83kT0Y3l2SItk5JAWHl2dCOBm+fPu3fo5/3v61RMCO9Jx2EEYYhb0rmNQMX/vm7gqOEJLcXTGw3CAuRNeyaPWwjR8PRqKQ1PDA/dpv+on9Shox52WFnx0KY8onHayrJzm87i5h9xGw/tfkev0jGsQizqezUKjk12hBMKJ4kbCqGPVNXudyyrShovGw5CgxsRICxF6aRmSjlBnHRzg7Gx8fKqEubI2rahQYdR1YgDIRQO7JvQyD52hoIQx0mxa0ODtW2Iozn1le2iIRdzwWewedyZzewidueOGqlsn1MvcnQpuVwLGG3/IR1hIKxCjelIDZ8ldqWz25jWAsnldEnK0Zxro19TGVb2ffIZEsIO89EIEDvKMPrzmBOQcKQ+rroye6NgRRxqR4U8EAkz0CL6uSGOm6KQCdWjvjRiSP1BPalCRS5iQYiEIvxuBMJEWgzSoHADcVMuN7IuqqTeyUPq22qFimFtxDyBBJEwNyt6TM88blFHao/6tWWhuuOM4SAK4EI4QmFHA+SEyWlp4EQoJ13cYGzMu7yszEIBOm2rVmHUNqwAIQabISNMRstmdhNWcFLsSm+0tjJH1MdRxO5Nx0WDMhCtgD6OKgZeljJqJKc9po8juskR9XN0Y1lZ3mWjLR9JCO1jRDMd0fpYC2VnvjBSEFg7wBENc0R9HFlb0xvF1+TBEpF68d+DHR6IOWVv2BECtxo46hOFUBd/APU57WIoEwJhIi2CdpyZX0m93BZicktMj1AS9dClteUFAUNUIEygRZCtik5zSxI9MubTBH1GOiHsiLJ3OCoSZkILa9PxiN0EbvhsAo8tdAf9Seepd36lGWHmtNANTv5Jd0z4QYyeo/UEJqxKRpg5LZx6btLPsOaEmdMyxYdlc8LMaJnikDlhclqmPiQnTEpLUIZEwkRagjYkEibQErwhkTAKCLQEbUgkzJQWc/0PstHHcfEdQ+UAAAAASUVORK5CYII=);background-size:26px 26px}.leaflet-touch .leaflet-control-layers-toggle{width:44px;height:44px}.leaflet-control-layers .leaflet-control-layers-list,.leaflet-control-layers-expanded .leaflet-control-layers-toggle{display:none}.leaflet-control-layers-expanded .leaflet-control-layers-list{display:block;position:relative}.leaflet-control-layers-expanded{padding:6px 10px 6px 6px;color:#333;background:#fff}.leaflet-control-layers-scrollbar{overflow-y:scroll;overflow-x:hidden;padding-right:5px}.leaflet-control-layers-selector{margin-top:2px;position:relative;top:1px}.leaflet-control-layers label{display:block;font-size:13px;font-size:1.08333em}.leaflet-control-layers-separator{height:0;border-top:1px solid #ddd;margin:5px -10px 5px -6px}.leaflet-default-icon-path{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAApCAYAAADAk4LOAAAFgUlEQVR4Aa1XA5BjWRTN2oW17d3YaZtr2962HUzbDNpjszW24mRt28p47v7zq/bXZtrp/lWnXr337j3nPCe85NcypgSFdugCpW5YoDAMRaIMqRi6aKq5E3YqDQO3qAwjVWrD8Ncq/RBpykd8oZUb/kaJutow8r1aP9II0WmLKLIsJyv1w/kqw9Ch2MYdB++12Onxee/QMwvf4/Dk/Lfp/i4nxTXtOoQ4pW5Aj7wpici1A9erdAN2OH64x8OSP9j3Ft3b7aWkTg/Fm91siTra0f9on5sQr9INejH6CUUUpavjFNq1B+Oadhxmnfa8RfEmN8VNAsQhPqF55xHkMzz3jSmChWU6f7/XZKNH+9+hBLOHYozuKQPxyMPUKkrX/K0uWnfFaJGS1QPRtZsOPtr3NsW0uyh6NNCOkU3Yz+bXbT3I8G3xE5EXLXtCXbbqwCO9zPQYPRTZ5vIDXD7U+w7rFDEoUUf7ibHIR4y6bLVPXrz8JVZEql13trxwue/uDivd3fkWRbS6/IA2bID4uk0UpF1N8qLlbBlXs4Ee7HLTfV1j54APvODnSfOWBqtKVvjgLKzF5YdEk5ewRkGlK0i33Eofffc7HT56jD7/6U+qH3Cx7SBLNntH5YIPvODnyfIXZYRVDPqgHtLs5ABHD3YzLuespb7t79FY34DjMwrVrcTuwlT55YMPvOBnRrJ4VXTdNnYug5ucHLBjEpt30701A3Ts+HEa73u6dT3FNWwflY86eMHPk+Yu+i6pzUpRrW7SNDg5JHR4KapmM5Wv2E8Tfcb1HoqqHMHU+uWDD7zg54mz5/2BSnizi9T1Dg4QQXLToGNCkb6tb1NU+QAlGr1++eADrzhn/u8Q2YZhQVlZ5+CAOtqfbhmaUCS1ezNFVm2imDbPmPng5wmz+gwh+oHDce0eUtQ6OGDIyR0uUhUsoO3vfDmmgOezH0mZN59x7MBi++WDL1g/eEiU3avlidO671bkLfwbw5XV2P8Pzo0ydy4t2/0eu33xYSOMOD8hTf4CrBtGMSoXfPLchX+J0ruSePw3LZeK0juPJbYzrhkH0io7B3k164hiGvawhOKMLkrQLyVpZg8rHFW7E2uHOL888IBPlNZ1FPzstSJM694fWr6RwpvcJK60+0HCILTBzZLFNdtAzJaohze60T8qBzyh5ZuOg5e7uwQppofEmf2++DYvmySqGBuKaicF1blQjhuHdvCIMvp8whTTfZzI7RldpwtSzL+F1+wkdZ2TBOW2gIF88PBTzD/gpeREAMEbxnJcaJHNHrpzji0gQCS6hdkEeYt9DF/2qPcEC8RM28Hwmr3sdNyht00byAut2k3gufWNtgtOEOFGUwcXWNDbdNbpgBGxEvKkOQsxivJx33iow0Vw5S6SVTrpVq11ysA2Rp7gTfPfktc6zhtXBBC+adRLshf6sG2RfHPZ5EAc4sVZ83yCN00Fk/4kggu40ZTvIEm5g24qtU4KjBrx/BTTH8ifVASAG7gKrnWxJDcU7x8X6Ecczhm3o6YicvsLXWfh3Ch1W0k8x0nXF+0fFxgt4phz8QvypiwCCFKMqXCnqXExjq10beH+UUA7+nG6mdG/Pu0f3LgFcGrl2s0kNNjpmoJ9o4B29CMO8dMT4Q5ox8uitF6fqsrJOr8qnwNbRzv6hSnG5wP+64C7h9lp30hKNtKdWjtdkbuPA19nJ7Tz3zR/ibgARbhb4AlhavcBebmTHcFl2fvYEnW0ox9xMxKBS8btJ+KiEbq9zA4RthQXDhPa0T9TEe69gWupwc6uBUphquXgf+/FrIjweHQS4/pduMe5ERUMHUd9xv8ZR98CxkS4F2n3EUrUZ10EYNw7BWm9x1GiPssi3GgiGRDKWRYZfXlON+dfNbM+GgIwYdwAAAAASUVORK5CYII=)}.leaflet-container .leaflet-control-attribution{background:#fff;background:rgba(255,255,255,.8);margin:0}.leaflet-control-attribution,.leaflet-control-scale-line{padding:0 5px;color:#333;line-height:1.4}.leaflet-control-attribution a{text-decoration:none}.leaflet-control-attribution a:hover,.leaflet-control-attribution a:focus{text-decoration:underline}.leaflet-attribution-flag{display:inline!important;vertical-align:baseline!important;width:1em;height:.6669em}.leaflet-left .leaflet-control-scale{margin-left:5px}.leaflet-bottom .leaflet-control-scale{margin-bottom:5px}.leaflet-control-scale-line{border:2px solid #777;border-top:none;line-height:1.1;padding:2px 5px 1px;white-space:nowrap;-moz-box-sizing:border-box;box-sizing:border-box;background:rgba(255,255,255,.8);text-shadow:1px 1px #fff}.leaflet-control-scale-line:not(:first-child){border-top:2px solid #777;border-bottom:none;margin-top:-2px}.leaflet-control-scale-line:not(:first-child):not(:last-child){border-bottom:2px solid #777}.leaflet-touch .leaflet-control-attribution,.leaflet-touch .leaflet-control-layers,.leaflet-touch .leaflet-bar{box-shadow:none}.leaflet-touch .leaflet-control-layers,.leaflet-touch .leaflet-bar{border:2px solid rgba(0,0,0,.2);background-clip:padding-box}.leaflet-popup{position:absolute;text-align:center;margin-bottom:20px}.leaflet-popup-content-wrapper{padding:1px;text-align:left;border-radius:12px}.leaflet-popup-content{margin:13px 24px 13px 20px;line-height:1.3;font-size:13px;font-size:1.08333em;min-height:1px}.leaflet-popup-content p{margin:1.3em 0}.leaflet-popup-tip-container{width:40px;height:20px;position:absolute;left:50%;margin-top:-1px;margin-left:-20px;overflow:hidden;pointer-events:none}.leaflet-popup-tip{width:17px;height:17px;padding:1px;margin:-10px auto 0;pointer-events:auto;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}.leaflet-popup-content-wrapper,.leaflet-popup-tip{background:white;color:#333;box-shadow:0 3px 14px #0006}.leaflet-container a.leaflet-popup-close-button{position:absolute;top:0;right:0;border:none;text-align:center;width:24px;height:24px;font:16px/24px Tahoma,Verdana,sans-serif;color:#757575;text-decoration:none;background:transparent}.leaflet-container a.leaflet-popup-close-button:hover,.leaflet-container a.leaflet-popup-close-button:focus{color:#585858}.leaflet-popup-scrolled{overflow:auto}.leaflet-oldie .leaflet-popup-content-wrapper{-ms-zoom:1}.leaflet-oldie .leaflet-popup-tip{width:24px;margin:0 auto;-ms-filter:"progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)";filter:progid:DXImageTransform.Microsoft.Matrix(M11=.70710678,M12=.70710678,M21=-.70710678,M22=.70710678)}.leaflet-oldie .leaflet-control-zoom,.leaflet-oldie .leaflet-control-layers,.leaflet-oldie .leaflet-popup-content-wrapper,.leaflet-oldie .leaflet-popup-tip{border:1px solid #999}.leaflet-div-icon{background:#fff;border:1px solid #666}.leaflet-tooltip{position:absolute;padding:6px;background-color:#fff;border:1px solid #fff;border-radius:3px;color:#222;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none;box-shadow:0 1px 3px #0006}.leaflet-tooltip.leaflet-interactive{cursor:pointer;pointer-events:auto}.leaflet-tooltip-top:before,.leaflet-tooltip-bottom:before,.leaflet-tooltip-left:before,.leaflet-tooltip-right:before{position:absolute;pointer-events:none;border:6px solid transparent;background:transparent;content:""}.leaflet-tooltip-bottom{margin-top:6px}.leaflet-tooltip-top{margin-top:-6px}.leaflet-tooltip-bottom:before,.leaflet-tooltip-top:before{left:50%;margin-left:-6px}.leaflet-tooltip-top:before{bottom:0;margin-bottom:-12px;border-top-color:#fff}.leaflet-tooltip-bottom:before{top:0;margin-top:-12px;margin-left:-6px;border-bottom-color:#fff}.leaflet-tooltip-left{margin-left:-6px}.leaflet-tooltip-right{margin-left:6px}.leaflet-tooltip-left:before,.leaflet-tooltip-right:before{top:50%;margin-top:-6px}.leaflet-tooltip-left:before{right:0;margin-right:-12px;border-left-color:#fff}.leaflet-tooltip-right:before{left:0;margin-left:-12px;border-right-color:#fff}@media print{.leaflet-control{-webkit-print-color-adjust:exact;print-color-adjust:exact}}.selected-marker-info{position:absolute;width:70%;height:40%;background-color:#344054;padding:20px;border-radius:10px;top:50%;left:50%;transform:translate(-50%,-50%);z-index:999}.selected-marker-info li{list-style:none}.selected-marker-info p{position:relative;font-size:14px}.selected-marker-info strong{position:relative;top:-10px;font-size:28px;font-weight:700;color:#7da1fb}.selected-marker-info h2{position:relative;top:-25px;font-size:32px;font-weight:700}.mainMaker{padding:20px;position:relative;top:-30px;display:grid;grid-template-columns:1fr 1fr;background-color:#475467;border-radius:10px}.leaflet-control-zoom a{background-color:#2762f8!important;border:none!important;z-index:1}.leaflet-control-zoom a{background-image:none!important;color:#2762f8!important;z-index:1}.leaflet-top.leaflet-left{z-index:999}.map-sidebar-container{position:absolute;top:0;right:0;width:20%;height:87.7vh;border-radius:0 8px 8px 0;background-color:#1d2430cc;padding:20px;display:flex;flex-direction:column;z-index:1000;transition:transform .3s ease-in-out;transform:translate(-1rem)}.map-sidebar-container.hovered{overflow-y:auto}.map-sidebar-container.hidden{display:none}.map-sidebar-title{color:#f2f4f7;font-size:1.2em;font-weight:700;margin-bottom:15px}.map-sidebar-list{list-style:none;padding:0;margin:0;overflow-y:auto}.map-sidebar-item{padding:10px;cursor:pointer;margin-bottom:5px;transition:background-color .2s,color .2s;background-color:transparent;border-bottom:1px solid #bed0fd}.map-sidebar-item:hover{background-color:#667085}.map-sidebar-item:active{background-color:#2762f8}.toggle-button{position:absolute;top:3rem;right:22.5%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;text-align:center;width:35px;height:35px;background-color:#2762f8;color:#fff;border:none;border-radius:50%;cursor:pointer;z-index:1000;font-weight:700;font-size:1em;transition:transform .3s ease-in-out,top .3s ease-in-out,right .3s ease-in-out}.toggle-button.collapsed{top:2rem;right:3rem;transform:translate(0)}.map-sidebar-container.collapsed{transform:translate(100%);transition:transform .3s ease-in-out}.map-sidebar-search{padding:10px;border-radius:30px;border:2px solid #bed0fd;background-color:transparent}.map-sidebar-search::placeholder{color:#bed0fd;font-size:14px;font-weight:700;padding-left:.5rem}.no-results{color:#f2f4f7;text-align:center;margin-top:20px}.map-sidebar-container .filter-buttons{display:flex;justify-content:space-between;margin-bottom:1rem;margin-top:1rem}.filter-button{flex:1;padding:13px;background-color:#667085;color:#fff;border:none;cursor:pointer;position:relative;transition:color .3s ease-in-out}.filter-button:hover{font-weight:700}.filter-button:last-child{margin-right:0}.filter-button:after{content:"";position:absolute;bottom:-2px;left:0;width:100%;height:2px;transition:transform .3s ease-in-out,background-color .3s ease-in-out;transform:scaleX(0);transform-origin:left}.filter-button.active{color:#bed0fd;font-weight:700}.filter-button.active:after{background-color:#bed0fd;transform:scaleX(1)}.location-name{font-size:16px;font-weight:700;margin-bottom:5px}.location-name strong{color:#bed0fd;margin-right:1rem}.location-address{font-size:14px;color:#fff}.location-address img{position:relative;top:5px;margin-right:.5rem}.custom-icon{width:50px;height:50px;transition:transform .3s ease-in-out}.custom-icon img{width:100%;height:100%}.highlighted-marker{animation:float .2s ease-in-out infinite alternate}@keyframes float{0%{transform:translateY(0)}to{transform:translateY(-20px)}}.containerPage{padding:10px 0 0}.sections1{position:relative;width:100%;margin-top:50px;display:grid;grid-template-columns:auto auto;justify-content:space-between}.sections1 h1{position:relative;left:50px;display:flex}.sections1 h2{position:relative;top:10px;margin-right:50px;font-size:14px}.sections2{position:relative;width:100%;display:grid;grid-template-columns:1fr 1fr;gap:1rem;justify-content:center;margin-bottom:1rem}.areaMap{margin-top:70px;width:100%;height:94%}.areaMap-Mappage{position:relative;top:4rem;left:.5rem;width:99.5%;height:92vh;justify-content:center;color:#000}.section3{position:relative;top:0;width:100%;height:44vh}.tableData{display:block;max-height:300px;overflow-x:auto;width:100%}.tableData table{width:100%;border-collapse:collapse}.tableData th,.tableData td{padding:8px}.eye img{filter:invert(100%);cursor:pointer}.close-btn{position:absolute;top:10px;right:10px;border:none;background:transparent;cursor:pointer}.close-btn:hover{opacity:.8}.labeltable{margin-left:20px;margin-bottom:-30px;overflow-x:auto}.Lamp{position:absolute;top:1rem;right:1rem;z-index:1;cursor:pointer;transition:transform .3s ease,filter .3s ease}.Lamp:hover{filter:brightness(300%) contrast(120%) drop-shadow(0 0 15px white) drop-shadow(0 0 30px white);transform:scale(1.05)}.checkPoleClassName{padding:15px;border:#d0d5dd 1px solid;border-radius:10px;display:flex;align-items:center;justify-content:space-between;cursor:pointer;position:relative}.checkPoleClassName.clicked,.checkPoleClassName.selected{border:2px solid #2762f8}.loading-container{position:absolute;top:50%;left:45%}.container-alert{position:relative;width:90%;margin:60px auto}.container-alert h1{font-size:32px}.container-alert ul{list-style:none;padding:0}.container-alert li{position:relative;margin-top:1rem;border:1px solid #667085;border-radius:8px;padding:10px 0 10px 50px;cursor:pointer;background-color:#344054}.container-alert li.active{background-color:#344054}.container-alert .warning-icon,.container-alert .arrow-icon{width:24px;height:auto;vertical-align:middle;margin-right:8px}.content-alert{padding:10px;margin-top:1rem;background-color:#344054;border-radius:4px}.content-alert p{margin:0}.warning-icon{position:absolute;left:10px;filter:brightness(0) saturate(100%) hue-rotate(0deg) invert(1)}.arrow-icon{position:absolute;right:10px;filter:brightness(0) saturate(100%) hue-rotate(0deg) invert(1)}.navbarAlert{display:flex;justify-content:center;padding:10px}.nav-item{padding:10px 20px;border:none;border-radius:50px;background-color:#f9fafb;color:#2762f8;font-size:16px;cursor:pointer;border:1px solid #7da1fb;transition:background-color .3s,box-shadow .3s;text-align:center;margin-right:10px;text-decoration:none}.nav-item:hover,.nav-item.active{background-color:#2762f8;color:#fff;font-weight:700}.nav-item:last-child{margin-right:0}.arrow-icon{transition:transform .3s ease}.arrow-icon.rotate{transform:rotate(180deg)}@media (max-width: 480px){.container-alert{position:relative;width:100vw;margin:60px auto;display:grid;justify-content:center}.container-alert h1{margin-top:30px;margin-bottom:50px;font-size:32px}.container-alert .warning-icon,.container-alert .arrow-icon{width:20px}.container-alert li{width:80vw;position:relative;margin-top:1rem;border:1px solid #667085;border-radius:8px;padding:10px 0 10px 50px;cursor:pointer;background-color:#344054}.navbarAlert{position:absolute;top:90px;width:100vw;display:flex;justify-content:flex-start;white-space:nowrap;overflow-x:auto;padding:0}}.testpdf{height:300px;width:300px;background-color:#2762f8;position:relative;left:50%;z-index:99999999999999}.alert-details{padding-left:16px;max-height:55vh;overflow:auto}.alert-detail-item{padding-left:0;padding-bottom:16px}.alert-detail-item p{font-family:IBM Plex Sans Thai,sans-serif;margin:0;padding:0}.container-alert{padding:1rem}.navbarAlert{display:flex;flex-wrap:wrap;justify-content:space-between;margin-bottom:1rem}.nav-item{flex:1;padding:.8rem;background-color:#344054;color:#fff;border:none;cursor:pointer;text-align:center}.nav-item:hover{background-color:#003cd3}@media (max-width: 768px){.nav-item{flex-basis:100%}.container-alert,.alert-details{padding:.5rem}}.alert-detail-item{padding:.5rem 0;border-bottom:1px solid #ccc}.alert-detail-item:last-child{border-bottom:none}.no-alerts{display:flex;flex-direction:column;align-items:center;justify-content:center;height:200px;background-color:#344054;border-radius:10px;margin-top:2rem}.no-alerts p{margin-top:1rem;font-size:1.2rem;color:#fff;font-weight:500}.alert-detail-item{border-radius:8px;padding:16px;margin-bottom:16px;width:95%}.alert-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.alert-timestamp{font-weight:700;color:#61dafb}.alert-full-timestamp{font-size:.8em;color:#8c8c8c}.alert-body{display:flex;flex-direction:column;gap:12px}.alert-info-group{display:flex;justify-content:space-between;gap:16px}.alert-info{display:flex;flex-direction:column;flex:1}.alert-label{font-size:.9em;color:#8c8c8c;margin-bottom:4px}.alert-value{font-weight:700;color:#fff}.alert-details{max-height:520px;overflow-y:hidden;transition:overflow-y .3s ease}.alert-details:hover{overflow-y:auto}.alert-details::-webkit-scrollbar{width:5px}.alert-details::-webkit-scrollbar-thumb{background-color:#ffffff4d;border-radius:4px}.alert-details::-webkit-scrollbar-track{background-color:transparent}.noDataMessage{font-size:16px;line-height:1.5;text-align:center;padding:15px;margin:10px 0;background-color:#f8f8f8;border-radius:8px;color:#333}.highlight{font-weight:700}@media screen and (max-width: 768px){.showWeatherReport h1{font-size:1.8rem;text-align:start}.showWeatherReport p{font-size:1rem;text-align:start}.downloadReport{position:relative;font-size:.5rem;text-align:start;margin-top:-.5rem;margin-bottom:-.5rem}.custom-range-picker{width:80vw}.searchbarreport{margin:20px 0}.showWeatherReport .search-bar{min-width:80vw;display:flex;align-items:center;padding:5px 0;margin-top:-1rem}.search-bar input{width:calc(100% - 40px);font-size:1rem;border:none;background:transparent;padding:10px}.search-user{width:20px;height:20px}.resultItem{border-radius:10px;width:80vw;margin-bottom:15px}.resultItem p{font-size:.8rem;margin:8px 0}.selectedItemDetails{width:80vw;padding:15px}.selectedItemDetails h2{font-size:1.2rem;text-align:left}.selectedItemDetails p{font-size:.9rem;margin:10px 0;display:flex;flex-direction:column}.selectedItemDetails strong{font-weight:600;margin-bottom:3px}.selectedItemDetails span{padding-left:10px}.sensorDataTable{font-size:.9rem;width:100%;border-collapse:collapse}.no-data-message{width:80vw;font-size:1rem;text-align:center;padding:20px;border-radius:15px;color:#d35400;margin:20px auto;box-shadow:0 4px 6px #d354001a;border:1px solid #fad7a0;position:relative;overflow:hidden}.no-data-message:before{content:"!";position:absolute;top:-15px;left:10px;font-size:5rem;color:#d354001a;font-weight:700;transform:rotate(-15deg)}.no-data-message p{margin:0;position:relative;z-index:1}.no-data-message .highlight{font-weight:700;color:#e67e22;background-color:#e67e221a;padding:2px 5px;border-radius:3px;display:inline-block;margin:2px 0}}.section_waterlevepage{position:relative;width:100%;height:100px;margin-top:50px;display:grid;grid-template-columns:auto auto;gap:20px;justify-content:space-between}.section_waterlevepage h1{position:relative;left:50px;display:flex}.section_waterlevepage h2{position:relative;top:10px;right:0;margin-right:50px;font-size:14px}.section2_waterlevepage{position:absolute;margin-left:80px;top:80px;width:89%;height:470px;display:grid;grid-template-columns:repeat(auto-fill,minmax(450px,1fr));justify-content:center}.wastewater-page .sections1{margin-bottom:-2rem}.wastewater-page .area-chart-container{background-color:transparent;display:grid;gap:14px;grid-template-columns:1fr 1fr;height:200px}.wastewater-page .areaMap{height:200px;width:calc(100% + 5px)}.wastewater-page .sections2{margin-bottom:-3.3rem;width:99%}.divWasteater{background-color:#344054;width:100%;height:100%;border-radius:10px;position:relative;display:grid;justify-content:center;align-items:center}.divWasteater strong{font-size:22px;position:absolute;top:.5rem;left:1rem}.sections3wastewater{width:99%;display:flex;gap:14px}.sections3wastewater .area-chart-container{width:99%;display:flex}.compact-toggle-switch{position:absolute;right:.5rem;top:.5rem}.pump-img{margin-top:1.5rem;transition:filter .5s ease}.pump-img.gray{filter:grayscale(100%)}.gate-img{transition:filter .5s ease}.gate-img.gray{filter:grayscale(100%)}.gate-percentage-control{position:absolute;left:50%;transform:translate(-50%);bottom:1rem;display:flex;align-items:center;margin-top:10px}.gate-percentage-control button{background-color:#2762f8;color:#fff;border:none;width:30px;height:30px;cursor:pointer;font-size:16px;font-weight:700;border-radius:50%}.gate-percentage-control button:disabled{background-color:#ccc;cursor:not-allowed}.gate-percentage-control span{margin:0 10px;font-size:16px}.parameter-container{display:flex;justify-content:space-around}.parameter{display:flex;flex-direction:column;align-items:center;margin:0 35px}.bar{width:20px;height:120px;background-color:transparent;border-radius:10px;margin-top:10px;overflow:hidden;position:relative;border:1px solid #ffffff}.fill{width:100%;position:absolute;bottom:0;border-radius:10px 10px 0 0}.parameter-name{margin-bottom:0}.line-chart-container{background-color:transparent;width:800px;height:200px;max-width:100%;margin:0;box-sizing:border-box}.data-list{padding:10px;margin-top:1rem;width:98%;height:350px;background-color:#344054;overflow-y:auto;border-radius:10px}.data-list .search-bar{margin-left:15px;margin-top:10px}.tablecontainer{width:100%}@media screen and (min-height: 1080px){.data-list{height:auto}.sections3wastewater .area-chart-container{width:99%;height:230px;display:flex}}.light-control-container{position:relative;width:100%;height:100px;margin-top:50px;display:grid;grid-template-columns:auto auto;justify-content:space-between}.light-control-container h1{font-size:32px;font-weight:700;margin-left:50px}.light-control-container h2{position:relative;top:10px;margin-right:50px;font-size:14px}.areaMap-lightpage{position:relative;top:30px;left:0;height:calc(55vh - 140px);width:100%;justify-content:center;margin-bottom:40px;z-index:1}.lightPage{height:40vh}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0009;display:flex;justify-content:center;align-items:center;z-index:1000}.colectLightControl{max-height:700px}.tableCustom{width:100%;border-collapse:collapse}.tableCustom th{font-weight:700;font-size:16px;height:50px}.modal-content{position:relative;background-color:#344054;border:solid 1px #667085;padding:20px;border-radius:16px;width:50%;max-width:80vw;max-height:90vh}.px50{width:100px}.colectLightControl{overflow-y:auto}.detaiLlight{margin-top:1rem;margin-bottom:2rem;display:grid;grid-template-columns:1fr 2fr;padding:0 1.5rem}.settingLight{width:40%}.settingLightcenter{width:100%;display:flex;align-items:center;justify-content:center}.modal-content-confeirm{position:relative;background-color:#344054;border:solid 1px #667085;padding:20px;border-radius:16px;height:auto;width:30%;display:grid;align-items:center;justify-content:center;text-align:center;min-height:200px}.modal-content-confeirm h2{margin:10px 0;line-height:1.1}.countPole{display:flex;justify-content:space-between;align-items:center;padding:0 1rem;margin-bottom:-1.5rem}.countPole strong{color:#7da1fb}.adjust-all-lights-button{border:none;font-size:16px;cursor:pointer;transition:background-color .3s ease}.adjust-all-lights-button:hover{text-decoration:underline}.sticky-gauge{position:sticky;top:0;z-index:10;padding:10px 0}.custom-checkbox{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:25px;height:25px;border:2px solid #98a2b3;border-radius:5px;outline:none;cursor:pointer;position:relative;top:3px;background-color:#e9effe;transition:background-color .3s ease,transform .3s ease}.custom-checkbox:checked{border:2px solid #2762f8;transform:scale(1.1)}.custom-checkbox:checked:before{content:"✓";display:block;color:#2762f8;font-size:20px;font-weight:700;text-align:center;line-height:20px;position:absolute;top:3px;left:0;width:100%;height:100%;transition:transform .3s ease;transform:scale(1.2)}.pagination button:disabled{cursor:not-allowed}.pagination span{margin:0 10px}.selected-count{margin-top:10px;font-weight:700;width:auto}.selected-count span{background-color:#fcc500;color:#fff;padding:0 10px;border-radius:16px}.notification-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.notification-overlay{position:fixed;top:0;left:0;right:0;bottom:0;display:flex;justify-content:center;align-items:center;background-color:#00000080;z-index:1000}.notification-content{width:400px;height:100px;padding:15px;border-radius:5px;font-size:16px;text-align:center;display:flex;justify-content:center;align-items:center}.notification-content.success{background-color:#3dcc85;color:#fff;font-weight:700}.notification-content.error{background-color:#f2274c;color:#fff;font-weight:700}.centerLoad{position:relative;left:-20px}.notification-content{position:relative}.close-notification{position:absolute;right:10px;top:10px;background:none;border:none;color:#fff;font-size:20px;cursor:pointer}.containerPagecctv{height:100%}.titleCCtv{position:relative;width:50%;top:1rem;left:.5rem}.mainCCtv{position:relative;padding:1rem;left:.5rem;width:97%;height:81.5vh;background-color:#344054;border-radius:8px}.searchBar{display:flex;align-items:center}.searchBar input{width:400px;padding:10px;border:1px solid #98a2b3;border-radius:8px;outline:none;background-color:transparent}.searchBar input::placeholder{color:#d0d5dd;padding-left:2rem}.searchBar button{padding:10px;border:none;background:#eee;cursor:pointer;border-radius:0 4px 4px 0}.searchBarContainer{display:flex;align-items:center;justify-content:space-between}.modalContent{position:relative;background:#344054;padding:20px;border-radius:8px;text-align:center}.openModalButton{padding:10px;border:none;background-color:#98a2b3;color:#fff;border-radius:4px;cursor:pointer}.searcandselext{display:flex;gap:1rem}.modalContent button{margin:10px;padding:10px;border:none;background-color:#98a2b3;color:#fff;border-radius:4px;cursor:pointer}.videoGrid{margin-top:1rem;display:grid;grid-gap:10px;width:100%;height:78vh;max-width:100%}.videoGrid-1{grid-template-columns:1fr}.videoGrid-2{grid-template-columns:repeat(2,1fr)}.videoGrid-4{grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr)}.videoGrid-6{grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,1fr)}.videoGrid-9{grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr)}.videoSlot{background-color:#667085;width:100%;height:100%;overflow:hidden;display:flex;align-items:center;justify-content:center;border-radius:8px}.paginationContainer{display:flex;align-items:center;gap:5px}.paginationButton{width:40px;height:40px;font-size:25px;border:none;background-color:#475467;border:1px solid #667085;color:#fff;border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .3s,transform .2s}.paginationButton:active{background-color:#667085;transform:scale(.95)}.pageNumber{width:40px;height:40px;font-size:16px;border:1px solid #667085;background-color:#475467;color:#fff;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer}.pageNumber.active{background-color:#7da1fb}.closeButton{position:absolute;top:0;right:10px;background-color:transparent;font-size:24px;cursor:pointer}.led-screen{position:relative;width:100%;height:100px;margin-top:50px;display:grid;grid-template-columns:auto auto;justify-content:space-between}.led-screen h1{font-size:32px;font-weight:700;margin-left:50px}.led-screen h2{position:relative;top:10px;margin-right:50px;font-size:14px}.led-section{padding:20px 10px 0;position:relative;width:98%;height:90%;background-color:#344054;border-radius:10px;overflow-y:auto}.led-section .search-bar{margin-left:15px}.led-table td{font-size:14px;padding:10px}.sectionsCctv{width:100%;height:83vh}.cctv9{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;height:calc(90% - 32px);padding:16px}.cctv9 div{background-color:#667085;height:100%;border-radius:8px}.screen-details{display:grid;grid-template-columns:auto auto auto;gap:10px}.horizontal-container{display:flex;gap:10px}.grid-container{border:2px solid #7da1fb;border-radius:8px;width:32px;height:32px;display:grid;gap:2px;padding:4px;cursor:pointer;transition:transform .3s,border-color .3s,background-color .3s}.grid-9{grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr)}.grid-6{grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,1fr)}.grid-4{grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr)}.grid-2{grid-template-columns:repeat(2,1fr);grid-template-rows:1fr}.grid-1{grid-template-columns:1fr;grid-template-rows:1fr}.inMain{width:100%;height:100%;background-color:#7da1fb;border-radius:3px;transition:transform .3s,border-color .3s,background-color .3s}.grid-container.not-selected .inMain{background-color:#667085}.grid-container.not-selected{border:2px solid #667085}@media screen and (min-height: 1080px){.mainCCtv{height:83.5vh}}.firework-container{position:relative;width:100%;height:100px;margin-top:50px}.firework-container h1{font-size:32px;font-weight:700;margin-left:50px}.firework-container h2{position:relative;top:10px;margin-right:50px;font-size:14px}.detailFirework{position:relative;top:65px;left:30px;display:grid;grid-template-columns:auto auto auto}.detailFirework h5{margin:5px 0;font-size:16px;font-weight:700}.detailFirework span{margin-top:-5px;font-size:14px}.titleFirework{position:absolute;top:0;width:100%;height:130px;background:linear-gradient(266.91deg,#EE5B5B 0%,#E74747 .01%,#F7C0C0 102.44%);border-radius:10px 10px 0 0}.titleFirework img{position:absolute;right:20px;height:100%}.section3-fire{position:absolute;top:600px;margin-left:50px;width:95%;height:300px}.detailanimal{position:relative;top:80px;left:30px;display:grid;grid-template-columns:auto auto auto}.titleanimal{position:absolute;top:0;width:100%;height:130px;background:linear-gradient(266.91deg,#ac7b6c 0%,#e1cdbe 102.44%);border-radius:10px 10px 0 0}.titleanimal img{position:absolute;right:20px;height:100%}.container-report{margin-top:50px;position:relative;display:grid;justify-content:center;z-index:0}.container-report-main ul a img{position:absolute;right:10px;filter:brightness(0) invert(1)}.container-report-main h2{font-size:20px;font-weight:700;margin-top:30px;margin-left:60px;color:#7da1fb}.container-report-main h1{font-size:31px}.container-report ul{list-style:none}.container-report li{position:relative;display:flex;justify-content:flex-start;align-items:center;width:800px;height:45px;margin-top:5px;padding:5px 0 5px 20px;background-color:#354155;border-radius:7px;cursor:pointer;border:1px solid #7b7b7b}.container-report li:hover{background-color:#546685}.showWeatherReport{position:relative;top:50px;margin-left:20px;height:100%;z-index:0}.downloadReport{position:absolute;top:60px;right:70px;font-size:18px;color:#7da1fb;font-weight:700;text-decoration:underline;transition:color .2s;cursor:pointer}.downloadReport:hover{color:#3155b6}.sectiondatereport{width:55%;display:grid;grid-template-columns:auto auto;gap:10px}.sectiondatereport input{font-size:16px;width:auto;height:45px;padding:0 5px;border-radius:5px;background-color:transparent;border:2px solid #fff;outline:none}.weather-data{margin-top:0}.searchbarreport{position:relative;left:-50px}.container-report a{text-decoration:none}.resultItem{position:relative;display:grid;grid-template-columns:1fr 1fr 1fr;padding:10px;width:65%;background-color:#344054;border-radius:10px;margin-bottom:5px}.resultItem p,.resultItem strong{display:grid}.selectedItemDetails{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px}.selectedItemDetails h2{grid-column:span 3}.selectedItemDetailsPoles{width:96%;background-color:#344054;padding:1rem;max-height:400px;overflow-y:auto;border-radius:8px}.selectedItemDetailsPoles table{width:100%;border-collapse:collapse;margin-bottom:20px}.selectedItemDetailsPoles th,.selectedItemDetailsPoles td{padding:10px;text-align:left}.selectedItemDetailsPoles td{border:none}.selectedItemDetailsPoles th{font-size:16px;padding:0 10px;text-align:left}.selectedItemDetailsPoles h3{margin-top:20px;margin-bottom:-20px}.selectedItemDetailsPoles p{margin:10px 0}.withUserstatus{width:150px}.scheduleTable{width:100%;border-collapse:collapse;margin-bottom:20px;color:#fff}.scheduleTable th,.scheduleTable td{padding:10px;text-align:left;border:none}.scheduleTable th{font-size:14px;padding:0 10px}.scheduleTable tbody tr td{padding:15px 10px;border-top:2px solid #667085;font-weight:700}.clear-button{position:absolute;right:10px;background:none;border:none;font-size:30px;cursor:pointer;color:#7da1fb}.clear-button:hover{color:#a5baee}.maimee{margin-top:2rem}.showReportSection{width:98%;max-height:500px;overflow-y:auto;background-color:#344054}.toggleHeader{font-size:18px;font-weight:700;cursor:pointer;width:97%;background-color:#344054;padding:10px 0 10px 16px}.toggleHeader:hover{background-color:#5e6a80}.toggleHeader img{position:relative;left:1rem;top:.4rem;filter:brightness(0) saturate(100%) hue-rotate(0deg) invert(1);transition:transform .3s ease}.toggleHeader strong{font-size:1.2rem;color:#7da1fb}.toggleHeader img.rotated{transform:rotate(180deg)}.custom-range-picker .ant-picker{width:580px!important;padding:.8rem!important;border:2px solid #d0d5dd!important;border-radius:10px!important;font-size:20px!important;background-color:#1d2430!important;color:#fff!important}.custom-range-picker .ant-picker-input>input,.custom-range-picker .ant-picker-input>input::placeholder,.custom-range-picker .ant-picker-cell-inner,.custom-range-picker .ant-picker-content th,.custom-range-picker .ant-picker-header-view button,.custom-range-picker .ant-picker-header button,.custom-range-picker .ant-picker-footer button{color:#fff!important}.ant-picker-dropdown .ant-picker-header,.ant-picker-dropdown .ant-picker-body,.ant-picker-dropdown .ant-picker-footer{background-color:#344054!important;border:1px solid #d0d5dd}.modern-datepicker{background:linear-gradient(145deg,#1a1f2b,#1d2430);border:2px solid rgba(39,98,248,.2);border-radius:12px;box-shadow:0 4px 15px #0003;padding:8px;width:320px}.modern-datepicker input{color:#fff!important;font-size:14px}.modern-datepicker:hover{border-color:#2762f8;transition:all .3s ease}.ant-picker-dropdown{background:#1d2430;border-radius:12px;border:1px solid #2762F8;box-shadow:0 8px 24px #0000004d}.ant-picker-cell-in-view{color:#fff!important}.ant-picker-cell-selected .ant-picker-cell-inner{background:#2762F8!important;border-radius:8px}.date-inputs{display:flex;gap:20px;margin:20px 0}.date-input-group{display:flex;flex-direction:column;gap:5px}.date-input{padding:8px;border:1px solid #ccc;border-radius:4px;background-color:#1d2430;color:#fff}.date-input:focus{outline:none;border-color:#2762f8}label{font-size:14px;color:#fff}.download-report-window{position:fixed;top:50%;left:50%;width:27.5vw;height:auto;transform:translate(-50%,-50%);background-color:#344054;padding:20px;border-radius:10px;box-shadow:0 0 10px #0000001a}.download-report-window h2{font-size:16px;margin-bottom:25px}.format-dropdown{margin-bottom:20px;display:flex;align-items:center}.format-dropdown label{margin-right:10px}.format-dropdown select{padding:8px;font-size:14px}.format-dropdown p{margin-left:10px;font-size:14px;color:#888}.dropdown-content-adduser ul li{padding:0 0 0 10px;display:flex;align-items:center;cursor:pointer;transition:background-color .3s,border-radius .3s}.dropdown-content-adduser ul li:hover{background-color:#2762f8;color:#e9effe;border-radius:1rem}.getCurrentTimeGreeting{margin-left:50px}.mainSectionAdmin{position:relative;width:99%;height:80vh;grid-template-columns:2fr 1fr 2fr;display:grid;align-items:center;justify-items:center}.branch-users-pole{width:350px;height:350px;display:grid;justify-items:center;background-color:#344054;border-radius:10px;border:2px solid #667085}.branch-users-pole img{position:relative;top:60px;width:150px}.add-branch-button,.add-user-button,.add-pole-button{font-size:14px;font-weight:700;margin-top:20px;width:200px;height:45px;border-radius:10px;cursor:pointer;background-color:#2762f8;border:none;box-shadow:none}.add-branch-button:hover,.add-user-button:hover,.add-pole-button:hover{background-color:#003cd3;box-shadow:none}.userManagement{font-size:32px;font-weight:700;margin-left:50px}.add_button{position:absolute;top:150px;right:40px;font-size:14px;font-weight:700;width:180px;height:40px;border-radius:10px;cursor:pointer;background-color:#2762f8;border:none}.add_button:hover{background-color:#6e97ff}.search-bar{position:relative;width:530px;height:40px;background-color:#344054;border:1px solid #667085;display:flex;align-items:center;margin-left:50px;margin-bottom:20px;border-radius:10px}.search-bar input{width:100%;height:20px;border-radius:10px;margin-left:30px;background-color:transparent;border:none;padding:5px}.search-bar input:focus{outline:none}.search-bar input::placeholder{position:absolute;top:2px;left:40px;color:#999;font-size:16px}.search-user{position:absolute;filter:brightness(3) grayscale(100%);margin-left:5px}.userTable{position:relative;width:93%;height:75vh;margin-left:50px;border-radius:10px;background-color:#344054}.userTable tbody{cursor:pointer}.userTablee{position:relative;width:93%;height:auto;margin-left:50px;border-radius:10px;background-color:#344054}thead{position:sticky;top:0;background-color:#344054}table{margin-top:30px;width:100%;color:#fff;border-collapse:collapse}th{position:sticky;height:50px;z-index:1000;border-bottom:3px solid #7da1fb;text-align:center;color:#fff!important}th,td{padding:5px;text-align:center;color:#fff}td{font-size:14px;border-bottom:1px solid #667085;color:#fff}td img{transition:transform .3s ease-in-out,translateY .3s ease-in-out}td img:hover{transform:translateY(3px)}.userTable span{position:relative;top:15px;width:100%;height:50px;font-size:14px;margin-left:20px}.edit-user img{margin-top:5px;cursor:pointer;transition:transform .3s ease-in-out,translateY .3s ease-in-out}.edit-user img:hover{transform:translateY(3px)}.filter-user{position:absolute;filter:brightness(5) grayscale(100%);cursor:pointer;top:10px;left:540px}.pagination{height:50px;display:flex;align-items:center;justify-content:center;margin-top:1rem;margin-bottom:20px}.pagination button{height:30px;width:30px;border:1px solid #667085;margin:0 2px;cursor:pointer;border-radius:10px}.pagination button.active{background-color:#667085}.modal-background,.modal-background-fixed{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);z-index:1000}.add-user-modal{position:relative;top:50%;left:55%;transform:translate(-50%,-50%);background-color:#344054;padding:20px;border-radius:10px;box-shadow:0 0 10px #0003;z-index:1000;width:60%;max-height:90vh;overflow-y:auto}.add-user-modal-summary{position:relative;top:50%;left:55%;transform:translate(-50%,-50%);background-color:#344054;padding:20px;border-radius:10px;box-shadow:0 0 10px #0003;z-index:1000;width:60%;max-height:80vh;overflow-y:auto}.state{display:flex;width:150px;height:auto;position:relative;left:40%}.add-user-modal h2{font-size:24px;margin-left:20px;margin-bottom:10px}.add-user-modal button:hover{background-color:#0056b3}.inputAddUser{width:100%;display:grid;align-items:center;justify-content:center}.inputAddUser input{width:500px;height:30px;padding:10px;margin-bottom:15px;border:1px solid #d0d5dd;border-radius:8px;background-color:transparent}.required{position:relative}.required span{position:absolute;left:10px;top:-10px;background-color:#344054;padding:0 5px;font-size:12px}.inputAddUser input:focus{outline:none;border:1px solid #2762f8}.add-user-modal input::placeholder{color:transparent}.erroremail-message{position:relative;left:15px;top:-1rem;color:#f2274c}.inputAddUser p{font-size:14px}.inputAddUser span{list-style:none}.toggle-switch-container{display:flex;align-items:center;margin-bottom:10px;gap:10px}.dropdownUser{position:relative;min-width:500px;height:30px;padding:10px;margin-bottom:15px;border:1px solid #d0d5dd;border-radius:8px;display:flex;align-items:center;background-color:transparent;cursor:pointer}.dropdownUser:focus{border:1px solid #2762f8}.dropdown-content-adduser{position:absolute;top:60px;left:-40.7px;width:500px;padding:10px;margin-left:40px;margin-bottom:20px;background-color:#344054;border:1px solid #d0d5dd;border-radius:8px;cursor:pointer;overflow-y:auto;transition:.3s ease;z-index:1;font-size:18px}.dropdown-content-adduser ul{position:relative;top:0;left:-20px}.dropdown-content-adduser li{position:relative;height:50px;border-bottom:1px solid #555555;list-style:none}.cancel-button{font-weight:700;width:100px;height:40px;border-radius:5px;background-color:#fff;color:#2762f8;border:none;cursor:pointer}.confirm-button{font-weight:700;width:100px;height:40px;background-color:#007bff;color:#fff;padding:10px 20px;border:none;border-radius:4px;cursor:pointer}.button-adduser{display:flex;align-items:center;justify-content:center;margin-top:40px;gap:20px;width:100%}.radio-group{display:flex;gap:30px}.radio-group label{display:flex;font-size:14px}.radio-group input[type=radio]{margin-right:5px;width:20px;height:20px}.radio-group input[type=radio]:checked{background-color:#007bff}.radio-group input[type=radio]:checked+label{color:#007bff}.wrapper{display:grid;align-items:center;justify-content:center;gap:10px}.wrapper li{position:relative;text-align:center;list-style:none;font-size:14px;width:100px;height:20px;background-color:transparent;border:1px solid #667085;border-radius:50px;margin:10px;padding:0 10px 20px;display:inline;cursor:pointer}.wrapper img{position:relative;top:7px;left:-3px;filter:brightness(5) grayscale(100%)}.selectAll{position:relative;top:-15px;width:300px;height:50px}.selact-1{display:grid;grid-template-columns:repeat(4,1fr);position:relative;align-items:center;text-align:center;top:0;width:auto;margin-bottom:0rem}.selact-1>*:first-child{grid-column:1 / -1}.summary{position:relative;top:400px;left:53%;transform:translate(-40%,-50%);background-color:#344054;padding:20px;border-radius:10px;box-shadow:0 0 10px #0003;z-index:1000;width:60%;max-height:auto;z-index:2000}.add-user-modal-summary li{position:relative;list-style:none;font-size:14px;width:100px;height:25px;background-color:transparent;border:1px solid #667085;border-radius:50px;margin:10px;padding:10px 20px;display:inline;cursor:pointer}.summary-content a{color:#7da1fb;font-size:16px;font-weight:700;margin-left:80px}.summary-content{width:100%}.summary-content p{margin-left:80px}.summary-content span{display:flex;margin-left:80px}.summary-content h4{display:flex;margin-left:90px}.summary-content h3{position:absolute;top:150px;right:90px;color:#3dcc85}.phone-mail{display:grid;grid-template-columns:1.5fr 3fr}.phone-mail strong{display:flex;margin-left:90px}.check{position:relative;top:5px;left:-3px;filter:brightness(5) grayscale(100%)}.confirmation-popup{position:absolute;font-size:20px;font-weight:700;top:50%;left:50%;transform:translate(-40%,-50%);background-color:#344054;padding:20px;border-radius:10px;box-shadow:0 0 10px #0003;z-index:1000;width:500px;height:230px;z-index:2500}.confirmation-popup p{display:flex;justify-content:center;align-items:center}.userDetail{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#344054;border:1px solid #667085;padding:25px;border-radius:15px;z-index:1000;width:55%;height:auto;max-height:95vh}.UserStatus{margin-left:30px;margin-right:30px;position:relative}.UserStatus p{display:grid;justify-content:center;font-size:12px;width:100px}.nameDetailUser{display:flex;align-items:center}.nameDetailUser span{font-size:24px;font-weight:700}.nameDetailUser2{margin-top:1rem;margin-bottom:-1rem;position:relative;width:100%;display:grid;grid-template-columns:1fr 2fr}.nameDetailUser2 span{font-size:16px}.nameDetailUser2 p{position:relative;top:-20px;font-size:18px;font-weight:700}.nameDetailUser img{transition:transform .3s}.nameDetailUser img:hover{cursor:pointer;transform:translateY(3px)}.close-button{background-color:transparent;border:none;cursor:pointer;position:absolute;top:0;right:0;font-size:24px;width:50px;height:50px;border-radius:50%;transition:background-color .3s}.close-button:hover{background-color:#405068}.edit-form{position:relative;top:-20px;display:grid;grid-template-columns:1fr 1fr;gap:10px;width:100%;margin-bottom:-20px}.edit-form input{position:relative;top:-20px;width:94%;height:30px;padding:10px;border:1px solid #d0d5dd;border-radius:8px;background-color:transparent}.edit-form label{position:relative;top:-5px;left:10px;padding:0 4px;font-size:14px;background-color:#344054;z-index:1}.branch-container{max-height:550px;overflow-y:auto}.mainedit{position:relative;width:100%}.mainedit h5{position:relative;top:20px;right:-89%;font-size:14px;margin-top:-50px;cursor:pointer;color:#7da1fb;text-decoration:underline}.mainedit h5:hover{color:#96aeeb}.mainedit span{font-size:14px}.mainedit img{position:absolute;top:15px;right:15px;cursor:pointer}.button-adduser-detali{position:relative;margin-top:15px;display:flex;width:100%;gap:20px;align-items:center;justify-content:center}.branch-item{position:relative;display:grid;grid-template-columns:1fr 1fr 1.5fr;cursor:pointer;margin-top:10px;background-color:#475467;width:96%;height:100%;border-radius:10px;padding:15px;margin-bottom:10px;transition:margin-left .5s ease,margin-bottom .5s ease,opacity .5s ease}.branch-item-edit{position:relative;display:grid;grid-template-columns:1fr 1fr 1.5fr;margin-top:10px;background-color:#475467;width:96%;height:100%;border-radius:10px;padding:15px;margin-bottom:10px;transition:margin-left .5s ease,margin-bottom .5s ease,opacity .5s ease}.branch-item-edit ul{cursor:pointer}.branch-item p,.branch-item-edit p{position:relative;top:-10px;font-size:14px}.branch-item-edit strong,.branch-item strong{position:relative;top:-10px;font-size:16px;font-weight:700}.branch-item-edit .radio-group,.branch-item .radio-group{position:relative;left:-5px;top:-15px}.add-branch-modal{position:fixed;display:grid;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#344054;border:1px solid #667085;width:40%;height:auto;border-radius:10px;padding:15px;z-index:99999999;justify-content:center}.add-branch-modal h2{position:relative;top:-10px;left:20px;font-size:18px}.add-branch-modal .dropdownUser{position:relative;top:-10px;left:8%;width:500px}.add-branch-modal .radio-group{position:relative;top:-15px;left:8%}.add-branch-modal .wrapper{position:relative;top:-10px;left:-3%;margin-bottom:-10px}.modal-background-fixedmodel{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);z-index:999999;border-radius:15px}.selectLi{position:absolute;left:10px;bottom:10px;display:flex;flex-direction:row;align-items:center}.selectLi ul{list-style:none;padding:0;margin:0;display:flex}.selectLi li{margin-left:10px;position:relative;list-style:none;font-size:14px;width:120px;padding:5px 0;background-color:transparent;border:1px solid #667085;border-radius:50px;cursor:pointer;display:flex;justify-content:center}.selectLi img{position:relative;left:-2px;top:0;filter:brightness(10)}.p{position:relative;margin-top:10px;margin-bottom:20px}.confirmation-modal{position:fixed;display:grid;align-items:center;justify-content:center;top:50%;left:60%;transform:translate(-50%,-50%);background-color:#344054;border:1px solid #667085;width:20%;height:auto;border-radius:10px;padding:15px;z-index:99999999}.confirmation-modal p{position:relative;left:10px;top:-10px;font-size:22px;font-weight:700}.branch-item img{transition:transform .5s ease}.branch-item img:hover{transform:translateY(5px)}.flexEdiitUser{display:grid;grid-template-columns:1fr 1fr 1fr;width:50vw}.wrapperShow{width:100%;position:absolute;top:1.5rem;left:-2.5rem}.wrapperShow ul{width:700px;display:flex;gap:.5rem}.wrapperShow ul li{border:1px solid #bed0fd;background-color:#2762f8;border-radius:2rem;list-style:none;padding:.3rem .8rem;width:100px;text-align:center}.detailPermission{position:relative;height:80px}.wrapperShowRelative{width:100%;position:relative;top:-1rem;left:0}.wrapperShowRelative ul{width:100%;display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem}.wrapperShowRelative ul li.first-item{grid-column:1 / -1}.wrapperShowRelative ul li{border:1px solid #bed0fd;background-color:transparent;border-radius:2rem;list-style:none;padding:.3rem .8rem;width:110px;text-align:center;cursor:pointer}.add-setPermissions-modal{position:fixed;display:grid;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#344054;border:1px solid #667085;width:auto;height:auto;border-radius:10px;padding:15px;z-index:99999999;justify-content:center}.mainedit .float-label-container label{position:absolute;left:10px;top:-.3rem;color:#fff;transition:all .3s ease;font-weight:400;padding:0 4px;pointer-events:none}.mainedit .float-label-container .input-required:focus+label,.mainedit .float-label-container .input-required:not(:placeholder-shown)+label{width:auto;background-color:#344054;top:-2rem;left:.5rem;font-size:12px;padding:0 10px}.mainedit .float-label-container .input-required:focus{border:1px solid #2762f8;outline:none}.float-label-container .input-required:not(:placeholder-shown){border-color:#2762f8;border:2px solid #2762f8}.fade-out-left{animation:fadeOutToLeft .5s forwards}@keyframes fadeOutToLeft{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(-100%);height:0;padding:0;margin:0}}.reltiveCheckEmail{position:relative}.reltiveCheckEmail label{position:absolute;top:2.5rem}.blink{animation:blink 1s linear infinite}.red-border{border:2px solid #f2274c}@keyframes blink{0%,to{border-color:#f2274c}50%{border-color:transparent}}.blink{animation:blink .4s linear infinite}.inputAddUser .float-label-container label{position:absolute;left:10px;top:13px;color:#fff;transition:all .3s ease;font-weight:400;padding:0 4px;pointer-events:none}.inputAddUser .float-label-container .input-required:focus+label,.inputAddUser .float-label-container .input-required:not(:placeholder-shown)+label{width:auto;background-color:#344054;top:-10px;left:1rem;font-size:12px;padding:0 10px}.error-red{color:#f2274c}.success-green{color:#3dcc85}.float-label-container .input-error{border:2px solid #f2274c}.float-label-container input:not(:placeholder-shown).input-error{border:2px solid #f2274c}.float-label-container.input-success{border:2px solid green}@keyframes flash-border{0%{border-color:#f2274c}50%{border-color:transparent}to{border-color:#f2274c}}.flash-border{animation:flash-border .4s infinite}.branch-number{display:flex;align-items:center;justify-content:center;position:relative;display:inline-block;cursor:pointer}.branch-number label{width:30px;height:100%;border-radius:10px;display:flex;align-items:center;justify-content:center;background-color:#fff;color:#344054;font-weight:700}.custom-tooltip{position:absolute;z-index:10;top:2rem;left:50%;transform:translate(-50%);padding:8px;border-radius:4px;background-color:#333;color:#fff;text-align:center;visibility:hidden;opacity:0;transition:visibility 0s,opacity .2s ease}.custom-tooltip li{list-style:nonn}.branch-number:hover .custom-tooltip{visibility:visible;opacity:1}.custom-tooltip:after{content:" ";position:absolute;bottom:100%;left:50%;margin-left:-5px;border-width:5px;border-style:solid;border-color:transparent transparent #333 transparent}.relativTr{position:relative}.new-badge{position:absolute;top:0;right:1rem;color:#fff;background-color:#f2274c;padding:5px 10px;border-radius:20px;font-size:8px;font-weight:700;margin-top:10px;box-shadow:0 4px 8px #0000004d,0 6px 20px #0000004d;text-shadow:1px 1px 2px black;transform:translateZ(1px) scale(1)}@keyframes pulse{0%{transform:translateZ(1px) scale(1)}50%{transform:translateZ(1px) scale(1.5)}to{transform:translateZ(1px) scale(1)}}.w100{position:relative;display:flex;align-items:center;justify-content:center;height:2rem}.w150{width:100px;height:32px}.w200{display:flex;justify-content:center;align-items:center}.arrow-icon-user{transition:transform .3s ease}.arrow-icon-user.rotate{transform:rotate(180deg)}.arrow-icon-branch{transition:transform .3s ease-in-out}.arrow-icon-branch.rotate{transform:rotate(180deg)}.toggle-switch{display:inline-block;position:relative;width:60px;height:34px}.toggle-switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;-webkit-transition:.4s;transition:.4s;border-radius:34px}.slider:before{position:absolute;content:"";height:26px;width:26px;left:4px;bottom:4px;background-color:#fff;-webkit-transition:.4s;transition:.4s;border-radius:50%}input:checked+.slider{background-color:#3dcc85}input:checked+.slider:before{-webkit-transform:translateX(26px);-ms-transform:translateX(26px);transform:translate(26px)}.light-switch{display:inline-block}.switch{width:60px;height:30px;background-color:#ccc;border-radius:15px;cursor:pointer;transition:background-color .3s}.pole-info,.pole-infoDetail{position:relative;padding:16px;width:93%;margin-left:50px;border-radius:8px;background-color:#344054;border:1px solid #667085;margin-bottom:5px;display:flex}.pole-info{cursor:pointer}.pole-info:hover{background-color:#667085}.pole-info h1,.pole-infoDetail h1{font-weight:700;color:#7da1fb;margin-top:-15px;margin-bottom:-15px}.labePole{background-color:#e9effe;color:#667085;padding:0;text-align:center;font-weight:700;border-radius:16px;height:30px;width:70px;line-height:30px}.statuslight1{display:grid;align-items:center;justify-content:center;grid-template-columns:1fr 2fr;height:50px}.statuslight{width:120px;margin-left:8px}.poleNotMaster{background-color:#e9effe;color:#667085;padding:0;text-align:center;font-weight:700;border-radius:16px;height:30px;width:70px;line-height:30px}.up{position:relative;top:-7px}.polestaus2{margin:13px 8px 5px 80px;width:200px}.polestaus2 label{margin-top:5px;background-color:#e9effe;color:#667085;padding:0 10px;text-align:center;font-weight:700;border-radius:16px;height:30px;width:70px;line-height:30px}.polestaus3{margin-bottom:-20px}.polestaus3 img{width:10px;margin-right:10px}.pole-info .arrowr{position:absolute;top:40%}.pole-infoDetail .arrowr{position:absolute;top:4rem;right:6rem}.pole-infoDetail .arrowrDelete{position:absolute;top:4rem;right:3rem}.lightModal{position:absolute;top:0;left:0;width:100%;height:210%;background:rgba(0,0,0,.5);z-index:1000}.lightModal h2{margin-left:30px}.lightModalContent p{font-size:14px}.lightModalContent{position:relative;top:800px;left:53%;transform:translate(-40%,-700px);background-color:#344054;padding:20px;border-radius:10px;box-shadow:0 0 10px #0003;z-index:1000;width:60%;max-height:80vh;overflow-y:auto}.addlight{width:100%;display:grid;grid-template-columns:auto;align-items:center;justify-content:center}.statelight1{position:relative;margin:20px 0 20px 30px;width:120px}.lightswitch{display:flex;width:100%;justify-content:center}.lightswitch button{position:relative;top:0;font-weight:700;width:29%;height:40px;background-color:transparent;color:#98a2b3;border:none;border-bottom:1px solid #d0d5dd;cursor:pointer;margin-bottom:20px}.lightswitch button:hover{transform:translateY(-3px);border-bottom:2px solid #7da1fb;color:#7da1fb}.addlight label{font-size:14px;margin-top:5px;margin-bottom:10px;font-weight:700}.selectLight,.addlight input{position:relative;width:500px;height:30px;padding:10px;margin-bottom:15px;border:1px solid #d0d5dd;border-radius:8px;background-color:transparent}.selectLight{cursor:pointer;margin-bottom:20px;margin-top:.5rem}.addlight input:focus{outline:none;border:1px solid #2762f8}.addlight input::placeholder{color:#fff;font-size:14px}.float-label-container{position:relative}.addbranch .float-label-container label{position:absolute;left:10px;top:13px;color:#fff;transition:all .3s ease;font-weight:400;padding:0 4px;pointer-events:none}.addbranch .float-label-container .input-required:focus+label,.addbranch .float-label-container .input-required:not(:placeholder-shown)+label{width:auto;background-color:#344054;top:-10px;left:1rem;font-size:12px;padding:0 10px}.float-label-container label{position:absolute;left:10px;top:10px;color:#fff;transition:all .3s ease;font-weight:400;padding:0 4px;pointer-events:none}.float-label-container .input-required:focus+label,.float-label-container .input-required:not(:placeholder-shown)+label{width:auto;background-color:#344054;top:-15px;left:1rem;font-size:12px;padding:0 10px}.onTop{position:absolute;font-size:12px;top:-12px;left:1rem;padding:0 10px;background-color:#344054}.required-asterisk{color:#f2274c}.lati-longti input{width:100%}.radio-group span{position:relative;left:-15px;font-size:16px}.setlight{width:100%}hr{border:1px solid #667085}.addLed,.addCctv{position:relative;display:grid;width:auto;margin-bottom:30px}#addCctvButton,#addLedButton{cursor:pointer;background-color:transparent;font-size:16px;color:#7da1fb;border:none}#addCctvButton:hover,#addLedButton:hover{font-weight:700}.confirm-button-light{font-weight:700;width:auto;height:40px;background-color:#007bff;color:#fff;padding:10px 20px;border:none;border-radius:4px;cursor:pointer}.lightSummary{width:50vw;display:grid;grid-template-columns:1fr 1fr}.lightSummaryCCTV{margin-top:-2rem;margin-bottom:1rem}.cctv-table,.led-table{width:100%;border-collapse:collapse}.cctv-header-cell,.cctv-body-cell,.led-header-cell,.led-body-cell{border:1px solid transparent;text-align:center;padding:8px}.cctv-body-cell p,.led-body-cell p{padding:5px 0;background-color:#667085;border-radius:5px;font-weight:700;color:#fff}.cctv-table-header,.led-table-header{background-color:transparent;padding:8px}.cctv-body-row:nth-child(odd),.led-body-row:nth-child(odd){background-color:transparent;padding:8px}.addlight strong{color:#7da1fb}.lightSummary p{display:grid}.lightSummary h5{color:#7da1fb}.lightSummary h4{margin:-10px 0 0 10px;font-weight:700}.lightModalContentSumarry{display:grid;justify-content:center;position:relative;top:50%;left:50%;transform:translate(-40%,-50%);background-color:#344054;padding:20px;border-radius:10px;z-index:9000;width:590px;height:200px}.lightModalContentSumarry p{position:relative;top:20px;font-size:24px;font-weight:700;text-align:center}.lightModalContentSumarry .button-adduser{margin-top:-50px}.pole-counts{margin-top:-16px;margin-left:50px;display:flex}.pole-counts label{font-weight:700;color:#7da1fb}.detailAllPole{margin-left:50px;padding:30px;width:91%;height:45vh;background-color:#344054;border-radius:8px}.table-container{max-height:280px;margin-bottom:20px;overflow-y:auto}.pole-table thead th{position:sticky;top:0}.additional-info{display:block;padding:10px;background-color:#f0f0f0;border:1px solid #ccc}.additional-info.hidden{display:none}.top{width:80%;display:flex;gap:10px;margin-top:-10px;margin-bottom:20px;margin-left:50px;font-weight:700;font-size:18px}.top1{display:flex;gap:10px;margin-bottom:20px;font-weight:700;font-size:18px}.top img{height:20px;margin-top:2px}.pole-table th,.pole-table td{text-align:left;padding-left:10px}.pole-table th:last-child,.pole-table td:last-child{text-align:center}.pole-table td img{cursor:pointer}.form-container{width:100%;max-width:600px;background:#fff;padding:20px;box-shadow:0 0 10px #0000001a;border-radius:8px;margin:auto}.form-group{margin-bottom:15px}.form-group label{display:block;margin-bottom:5px;color:#333}.form-group input[type=text],.form-group input[type=date],.form-group select{width:100%;padding:10px;border:1px solid #ccc;border-radius:4px}.form-group input[readOnly]{background-color:#e9ecef}.form-actions{text-align:right}.form-actions button{padding:10px 20px;margin-left:10px;border:none;border-radius:4px;cursor:pointer}.form-actions button[type=submit]{background-color:#007bff;color:#fff}.form-actions button[type=button]{background-color:#6c757d;color:#fff}.flexAddCCtv{position:relative;top:-1rem;display:flex;justify-content:space-between}.flexAddCCtv .delete-button{position:relative;top:-10px}.statusBraunch{position:absolute;right:10rem}.button-adduser-pole{display:flex;align-items:center;justify-content:center;margin-top:50px;gap:20px;width:100%}.dropdown-content-branchAll{display:block;position:absolute;top:3.5rem;left:-3px;width:523px;height:auto;background-color:#344054;border:2px solid #2762f8;border-radius:8px;min-width:160px;z-index:1;transform:translateZ(0);transition:max-height .3s ease}.notBlur{max-height:300px;overflow-y:auto}.dropdown-content-branchAll ul{list-style:none;padding:0;margin:0}.dropdown-content-branchAll li{padding:10px 15px;cursor:pointer;color:#fff;border-bottom:1px solid #667085}.dropdown-content-branchAll li:hover{background-color:#2762f8}.gridBranchAll{display:grid;position:relative}.codeBranch{position:absolute;top:1rem;color:#7da1fb}.codeBranchName{position:relative;top:-1rem}.flexImg{display:flex;gap:1rem}.branch-list-container{display:flex;flex-direction:column;padding:10px;border-radius:8px;margin-left:50px;margin-right:50px}.branch-itemt{position:relative;display:flex;justify-content:space-between;align-items:center;padding:29px 40px;margin-bottom:8px;background-color:#344054;height:80px;color:#fff;border-radius:8px;border:1px solid #667085;cursor:pointer}.branch-itemt:hover{background-color:#4a5568}.branch-itemt p{position:relative;top:-20px;font-size:14px}.branch-itemt strong{position:relative;top:-23px;font-size:16px;font-weight:700}.branch-actions{z-index:0}.branch-actions img{transition:transform .5s ease;cursor:pointer;margin-left:20px;width:25px;margin-top:10px}.branch-actions img:hover{transform:translateY(4px)}.arrowr{transition:transform .5s ease}.arrowr:hover,.arrowrDelete:hover{transform:scale(1.2)}.branch-details{display:flex;align-items:center}.branch-code,.branch-name{width:250px}.branch-code,.branch-name label{font-size:12px}.branch-code-value,.branch-name-value{font-size:22px;font-weight:700;color:#7da1fb}.branch-code-value{position:relative;top:4px}.primary-pillars-value,.secondary-pillars-value,.users-value{font-weight:700;font-size:22px;position:relative;left:0}.branch-code{border-right:2px solid #667085}.primary-pillars,.secondary-pillars,.users{position:relative;top:1rem;width:180px;height:100%;display:flex;flex-direction:column;align-items:start;gap:5px;padding:10px}.primary-pillars strong,.secondary-pillars strong,.users strong{top:-18px;width:80px;height:25px;background:#e9effe;color:#667085;border-radius:16px;text-align:center;display:block;margin-bottom:-10px}.primary-pillars{margin-left:24px}.allBranchesaEd{position:relative;margin-left:60px;margin-bottom:10px}.allBranches{font-weight:700;color:#7da1fb}.statusbranch .user-status p{margin-top:53px}.arrowr{position:absolute;width:1.6rem;right:30px;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center}.arrowrDelete{position:absolute;transition:transform .5s ease;width:1.1rem;right:30px;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center}.arrowrDelete2{position:relative;top:3px;transition:transform .5s ease;height:1.2rem;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center}.BranchModal{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);z-index:1000}.addbranch{position:relative;display:grid;justify-content:center;align-items:center}.statebranch{position:relative;height:50px;display:flex;justify-content:center;align-items:center;margin-bottom:1rem}.addbranh_button{margin-top:-2rem}.addbranch label{font-size:16px;font-weight:700;margin-bottom:10px;font-weight:400}.BranchModalContent{position:relative;top:50%;left:55%;transform:translate(-50%,-50%);background-color:#344054;padding:20px;border-radius:10px;box-shadow:0 0 10px #0003;z-index:1000;width:60%;max-height:95vh;overflow-y:auto}.BranchModalContent h2{margin-left:30px}.BranchModalContent input{width:500px;height:30px;padding:10px;margin-bottom:15px;border:1px solid #d0d5dd;border-radius:8px;background-color:transparent}.BranchModalContent input:focus{outline:none;border:1px solid #2762f8}.BranchModalContent input::placeholder{color:#fff;font-size:16px}.branch-details-container{padding:20px;margin-left:40px;height:78vh;width:93%;background-color:#344054;border-radius:8px}.titleb{display:flex;height:70px;gap:150px}.branch-button{padding:10px 20px;width:270px;background-color:transparent;color:#98a2b3;border:none;cursor:pointer;border-bottom:1px solid #d0d5dd;transition:background-color .3s;margin-bottom:10px;margin-top:10px}.branch-button:hover,.branch-button.active{font-weight:700;transform:translateY(-2px);border-bottom:2px solid #7da1fb;color:#7da1fb}.branch-table{width:100%;margin-top:-20px}.titlett{display:flex;flex-direction:column;gap:10px}.titlett strong{margin-top:-20px}.statusb{margin-top:-10px;width:120px}.modal-background1{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-container{position:relative;background-color:#344054;width:900px;max-height:85vh;overflow:auto;padding:48px 40px;border-radius:16px;box-shadow:0 4px 6px #0000001a}.modal-container h3{margin-top:0}.modal-container form{display:flex;flex-direction:column;gap:10px}.modal-container form input[type=text]{padding:8px;border:1px solid #ccc;border-radius:5px}.modal-container button:hover{color:#777}.edit-branch-form{display:grid;align-items:center;justify-content:center;width:100%}.add-time{width:27vw}.form-content{margin-top:1.5rem}.form-content strong{margin-bottom:1.5rem}.form-content2{display:flex;flex-direction:column;width:60%}.modal-container .toggle-switch-container{margin-left:22%}.form-content p{position:absolute;background-color:#344054;padding:0 8px;top:-21px;left:10px;font-size:12px;font-weight:400}.form-content .float-label-container label{position:absolute;left:10px;top:13px;color:#fff;transition:all .3s ease;font-weight:400;padding:0 4px;pointer-events:none}.form-content .float-label-container .input-required:focus+label,.form-content .float-label-container .input-required:not(:placeholder-shown)+label{width:auto;background-color:#344054;top:-10px;left:1rem;font-size:12px;padding:0 10px}.modal-container strong{margin-bottom:10px}.modal-container .button-adduser-detali{margin-top:40px}.edit-icondetail{cursor:pointer;margin-left:20px;transition:transform .3s}.edit-icondetail:hover{transform:translateY(5px);opacity:.5}.statusBranch{width:120px;position:relative}.statusBranch p{position:absolute;top:-10px}.b1{position:relative;top:0;width:20vw;display:flex;align-items:center}.add-time-button-container{display:flex;justify-content:flex-end}.add-time-button{width:100px;height:40px;margin-bottom:2rem;background:#2762f8;border:none;cursor:pointer;font-weight:700;border-radius:5px;box-shadow:0 2px 4px #0003}.add-time-button:hover{border:2px solid white;box-shadow:0 5px 15px #0006}.time-input-container{position:relative;margin-top:-20px;display:flex;gap:1rem;justify-content:center;align-items:center;text-align:center}.time-input-container .gradient-range{-webkit-appearance:none;width:15vw;height:5px;border-radius:50px;outline:none;padding:0;background-image:linear-gradient(90deg,#f5b81c 0%,#f5b81c 50%,#ffffff 100%);border:1px solid #ffffff}.time-input-container .gradient-range::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:15px;height:15px;border-radius:50%;background:white;cursor:pointer;border:4px solid #ffffff}.time-input-container .gradient-range::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:#fff;cursor:pointer;border:1px solid #ccc}.time-input-container .time-display{margin-top:20px;width:100px;height:20px;border-radius:16px;padding:10px;text-align:center;background-color:transparent;border:1px solid #fff}.time-input-container .time-display1{margin-top:20px;margin-bottom:1rem;width:100px;height:20px;border-radius:16px;padding:10px;text-align:center;background-color:transparent;border:1px solid #fff}.time-input-container label{margin-top:0}.delete-button,.delete-button-cctv{background:none;border:none;padding:0;cursor:pointer}.delete-button-cctv img{position:relative;top:.8rem;display:block;width:auto;height:25px;transition:transform .5s ease}.delete-button img{position:relative;top:0rem;display:block;width:auto;height:25px;transition:transform .5s ease}.delete-button img:hover{background-color:transparent}.value-display{margin-top:-.5rem;font-size:12px;position:absolute}.chartContainer{width:70%;height:400px;margin:1rem auto}.branch-info-container{width:1000px;display:grid;grid-template-columns:1fr 1fr 3fr;justify-content:center;align-items:center;margin-top:16px;margin-bottom:2rem}.addbranch li{color:#7da1fb;font-weight:700;margin-bottom:1rem}.branch-info{display:grid}.branch-info label{font-weight:400}.ConfirmationModal{position:relative;top:50%;left:55%;transform:translate(-50%,-50%);background:#344054;text-align:center;border-radius:10px;padding:20px;z-index:999;width:500px}.sectionPagination{position:relative}.new-branch-label{position:absolute;top:-2rem;right:2rem;color:#fff;background-color:#f2274c;padding:5px 10px;border-radius:20px;font-weight:700;margin-top:10px;box-shadow:0 4px 8px #0000004d,0 6px 20px #0000004d;text-shadow:1px 1px 2px black;transform:translateZ(1px) scale(1.05)}.titleBranch{display:grid;margin-top:1rem;gap:.5rem;margin-bottom:.5rem}.length{margin-bottom:1rem;margin-left:3rem}.paginationUp{position:relative;top:-1rem}.w50{width:120px}.BrancDeleteContent{position:relative;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#344054;padding:20px;border-radius:10px;box-shadow:0 0 10px #0003;z-index:1000;width:450px;max-height:90vh;display:grid;align-items:center;justify-content:center;overflow-y:auto}.BrancDeleteContent p{font-size:24px;margin-bottom:20px;font-weight:700}.delete-confirmation-modal{display:flex;align-items:center;justify-content:center;margin-bottom:2rem}.delete-confirmation-modal button{border:none;padding:10px 20px;margin:0 10px;cursor:pointer;font-size:16px}.delete-confirmation-modal button:first-child{width:100%;background-color:#f9fafb;font-weight:700;border:1px solid transparent;border-radius:8px;color:#f2274c}.delete-confirmation-modal button:last-child{width:100%;background-color:#f2274c;font-weight:700;border:1px solid #f2274c;border-radius:8px;color:#f9fafb}.delete-confirmation-modal button:first-child:hover{background-color:#e9e9e9}.delete-confirmation-modal button:last-child:hover{background-color:#d91e41;color:#fff;border-color:#bf1a3b}.poleCount{padding:5px 10px;background-color:#fff;color:#000;font-weight:700;border-radius:8px;cursor:pointer}.poleCount img{position:relative;top:3px;width:15px;margin-left:0}.poleCount img:hover{transform:translateY(0)}.poleCount:hover{background-color:#d4cece}.modal{position:fixed;z-index:1;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:#0006;display:flex;align-items:center;justify-content:center}.modal-content-pole{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:2;background-color:#344054;margin:auto;padding:20px;border-radius:16px;width:1000px;max-height:90vh;box-shadow:0 4px 8px #0003,0 6px 20px #00000030}.close{position:absolute;right:0rem;top:1rem;cursor:pointer;font-size:24px;width:50px;height:50px}.titleMasterPole{display:flex;column-gap:.5rem}.h30{display:flex;align-items:center;justify-content:center;height:30px;font-weight:700;padding:0 20px;background-color:#e9effe;border-radius:16px}.h30 span{color:#667085}.gridPole{font-size:14px;display:grid}.colorGridPole{color:#7da1fb;font-size:22px}.gridPole6{margin-top:1rem;margin-bottom:1rem;display:grid;grid-template-columns:1fr 1fr 1fr}.colorGridPole2{color:#7da1fb;font-size:18px}.searcBar{display:flex}.search-input{position:relative;top:1rem;padding:10px 15px;width:100%;max-width:500px;border:1px solid #98a2b3;border-radius:8px;font-size:16px;background-color:transparent;box-shadow:0 2px 4px #0000001a;transition:all .3s ease}.search-input::placeholder{color:#aaa}.search-icon{color:#aaa;margin-right:10px}.paginationPole{display:flex;justify-content:center;align-items:center;margin-top:1rem}.paginationPole button{height:30px;width:30px;border:1px solid #667085;margin:0 2px;cursor:pointer;border-radius:10px}.paginationPole button:hover{background-color:#667085}.pagipaginationPolenation button:focus,.paginationPole button:active{outline:none;background-color:#667085;box-shadow:0 0 0 2px #007bff80}.relativMap{position:relative}.relativMap img{position:absolute;top:1rem;right:1rem;cursor:pointer}.map-container{position:relative;top:50%;left:50%;transform:translate(-50%,-50%);height:90vh;width:90vw;margin-top:0;border-radius:10px;padding:20px;box-shadow:0 4px 8px #0000001a}.relativeMap{position:relative;width:100%}.float-label-container{width:100%;margin-bottom:10px}.close-map-button{position:absolute;top:-2rem;right:-1rem;font-size:40px;font-weight:700;color:#fff;background-color:transparent;border:none;border-radius:5px;cursor:pointer;z-index:1010}.popUp{font-weight:700;color:#344054;cursor:pointer}.leaflet-popup-content{color:#000}.leaflet-popup-content-wrapper,.leaflet-popup-tip{background-color:#ffffffe6}.popUp strong,.popUp span{color:#000!important}.searchMap{position:relative;background-color:#0597ff;width:500px;z-index:1000000}.searchMap .search-bar{width:500px;position:absolute;left:0;top:1rem;padding-left:50px;z-index:10000}.searchh{position:absolute;top:1.5rem;left:70px;z-index:555555}.search-results-dropdown{position:absolute;z-index:1000;margin-left:50px;margin-top:65px;width:512px;height:auto;background-color:#344054;border:1px solid #667085;border-radius:10px}.search-results-dropdown li{font-size:12px;margin:20px;cursor:pointer;list-style:none}.search-results-dropdown li:hover{color:#0597ff}.Mask,.Frame{position:absolute;left:1rem;margin-top:-5px}.Frame{opacity:0}.search-results-dropdown li:hover .Frame{opacity:1}.search-results-dropdown li:hover .Mask{opacity:0}ิ.checkbox-container{display:flex;height:50px;align-items:center;justify-content:center}.checkbox-container input[type=checkbox]{width:1rem;height:1rem;margin-right:1rem;cursor:pointer}.checkbox-container .label-useCurrentLocation{position:relative;top:-3px;font-size:12px}.up2{position:absolute;right:-9rem;top:1rem}.alert-container{position:fixed;width:500px;height:300px;top:calc(50% - 150px);right:calc(50% - 280px);padding:15px;border-radius:5px;color:#fff;display:grid;align-items:center;text-align:center;justify-content:center;z-index:9999999999;opacity:0;animation:fadeIn .5s forwards;font-size:24px;font-weight:700}.alert-container img{position:relative;top:-2rem;width:100px}.alert-success,.alert-error{background-color:#344054}@keyframes fadeIn{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes fadeOut{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(20px)}}.center{position:absolute;padding:5px;width:30px;height:30px;top:6.5rem;left:2rem;z-index:999;background:#ffffff;border-radius:8px;cursor:pointer}.center img{position:relative;top:-2px;left:-2px;width:auto;height:20px}.center .tooltiptext{visibility:hidden;width:120px;background-color:#555;color:#fff;text-align:center;border-radius:6px;padding:5px 0;position:absolute;z-index:1;top:50%;left:150%;margin-top:-16px;opacity:0;transition:opacity .3s}.center .tooltiptext:after{content:"";position:absolute;top:50%;right:100%;margin-top:-5px;border-width:5px;border-style:solid;border-color:transparent #555 transparent transparent}.center:hover .tooltiptext{visibility:visible;opacity:1}.clear-map-button{position:absolute;top:.7rem;right:-5rem;font-size:2rem;z-index:99999;background-color:transparent;border:none;cursor:pointer}.clear-map-button:hover{color:#0597ff}.stepper .MuiStepLabel-label{color:#fff!important;font-size:12px;font-family:IBM Plex Sans Thai,sans-serif;width:120px}.stepper .MuiStepIcon-root.MuiStepIcon-active,.stepper .MuiStepIcon-root.MuiStepIcon-completed{color:#2762f8!important}/*!
 * Cropper.js v1.6.2
 * https://fengyuanchen.github.io/cropperjs
 *
 * Copyright 2015-present Chen Fengyuan
 * Released under the MIT license
 *
 * Date: 2024-04-21T07:43:02.731Z
 */.cropper-container{direction:ltr;font-size:0;line-height:0;position:relative;-ms-touch-action:none;touch-action:none;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.cropper-container img{backface-visibility:hidden;display:block;height:100%;image-orientation:0deg;max-height:none!important;max-width:none!important;min-height:0!important;min-width:0!important;width:100%}.cropper-wrap-box,.cropper-canvas,.cropper-drag-box,.cropper-crop-box,.cropper-modal{bottom:0;left:0;position:absolute;right:0;top:0}.cropper-wrap-box,.cropper-canvas{overflow:hidden}.cropper-drag-box{background-color:#fff;opacity:0}.cropper-modal{background-color:#000;opacity:.5}.cropper-view-box{display:block;height:100%;outline:1px solid #39f;outline-color:#3399ffbf;overflow:hidden;width:100%}.cropper-dashed{border:0 dashed #eee;display:block;opacity:.5;position:absolute}.cropper-dashed.dashed-h{border-bottom-width:1px;border-top-width:1px;height:calc(100% / 3);left:0;top:calc(100% / 3);width:100%}.cropper-dashed.dashed-v{border-left-width:1px;border-right-width:1px;height:100%;left:calc(100% / 3);top:0;width:calc(100% / 3)}.cropper-center{display:block;height:0;left:50%;opacity:.75;position:absolute;top:50%;width:0}.cropper-center:before,.cropper-center:after{background-color:#eee;content:" ";display:block;position:absolute}.cropper-center:before{height:1px;left:-3px;top:0;width:7px}.cropper-center:after{height:7px;left:0;top:-3px;width:1px}.cropper-face,.cropper-line,.cropper-point{display:block;height:100%;opacity:.1;position:absolute;width:100%}.cropper-face{background-color:#fff;left:0;top:0}.cropper-line{background-color:#39f}.cropper-line.line-e{cursor:ew-resize;right:-3px;top:0;width:5px}.cropper-line.line-n{cursor:ns-resize;height:5px;left:0;top:-3px}.cropper-line.line-w{cursor:ew-resize;left:-3px;top:0;width:5px}.cropper-line.line-s{bottom:-3px;cursor:ns-resize;height:5px;left:0}.cropper-point{background-color:#39f;height:5px;opacity:.75;width:5px}.cropper-point.point-e{cursor:ew-resize;margin-top:-3px;right:-3px;top:50%}.cropper-point.point-n{cursor:ns-resize;left:50%;margin-left:-3px;top:-3px}.cropper-point.point-w{cursor:ew-resize;left:-3px;margin-top:-3px;top:50%}.cropper-point.point-s{bottom:-3px;cursor:s-resize;left:50%;margin-left:-3px}.cropper-point.point-ne{cursor:nesw-resize;right:-3px;top:-3px}.cropper-point.point-nw{cursor:nwse-resize;left:-3px;top:-3px}.cropper-point.point-sw{bottom:-3px;cursor:nesw-resize;left:-3px}.cropper-point.point-se{bottom:-3px;cursor:nwse-resize;height:20px;opacity:1;right:-3px;width:20px}@media (min-width: 768px){.cropper-point.point-se{height:15px;width:15px}}@media (min-width: 992px){.cropper-point.point-se{height:10px;width:10px}}@media (min-width: 1200px){.cropper-point.point-se{height:5px;opacity:.75;width:5px}}.cropper-point.point-se:before{background-color:#39f;bottom:-50%;content:" ";display:block;height:200%;opacity:0;position:absolute;right:-50%;width:200%}.cropper-invisible{opacity:0}.cropper-bg{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAA3NCSVQICAjb4U/gAAAABlBMVEXMzMz////TjRV2AAAACXBIWXMAAArrAAAK6wGCiw1aAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAABFJREFUCJlj+M/AgBVhF/0PAH6/D/HkDxOGAAAAAElFTkSuQmCC)}.cropper-hide{display:block;height:0;position:absolute;width:0}.cropper-hidden{display:none!important}.cropper-move{cursor:move}.cropper-crop{cursor:crosshair}.cropper-disabled .cropper-drag-box,.cropper-disabled .cropper-face,.cropper-disabled .cropper-line,.cropper-disabled .cropper-point{cursor:not-allowed}.sidebar{position:relative;width:250px;height:100%;background-color:#1d2430;transition:.3s ease;z-index:99;color:#fff}.sidebar_section{position:fixed;width:250px;height:100%;border-right:1px solid rgb(127,127,127);transition:.3s ease}.berger{position:absolute;top:90px;right:-15px;display:flex;font-size:10px;justify-content:center;align-items:center;width:30px;height:30px;background-color:#336af8;border-radius:50%;color:#fff;cursor:pointer;transition:.3s ease}.berger:hover{box-shadow:0 0 10px #fff}.berger img{filter:brightness(0) invert(2)}.logo-sidebar{display:flex;justify-content:center;align-items:center;width:100%;height:80px;background-color:#0006ff}.logo-sidebar>img{width:100px}.profile-section{display:flex;align-items:center;margin-top:15px;margin-left:25px}.profile-section li{list-style:none}.profile-info{display:block;align-items:center}.profile-picture{width:40px;height:40px;border-radius:50%;object-fit:cover}.profile-picture-edit{margin-left:10px;width:200px;height:200px;border-radius:50%;object-fit:cover;border:1px solid #ffffff}.profile-name{position:fixed;top:95px;left:70px;color:#fff;font-size:14px;margin-left:5px;transition:.3s ease}.profile-edit{position:fixed;top:118px;left:75px;cursor:pointer;transition:.3s ease}.profile-edit a{padding:4px;font-size:14px;border-radius:10px;background-color:transparent}.profile-edit a:hover{background-color:#657084}.edit-modal{position:absolute;top:50%;left:55%;transform:translate(-50%,-50%);display:grid;justify-content:center;background-color:#344054;padding:20px;border-radius:10px;box-shadow:0 0 10px #0003;z-index:1000;width:400px;max-height:auto}.edit-modal input[type=text]{margin-left:-3px;font-size:16px;width:100%;height:40px;padding:0 0 0 5px;border-radius:5px;background-color:transparent;border:2px solid #fff;outline:none}.edit-modal input[type=text]:focus{border:2px solid #0077ff}.modal-buttons{margin-bottom:20px;display:flex;justify-content:center;gap:20px}.modal-buttons .cancel-button:hover{background-color:#e0e0e0}.modal-buttons .confirm-button:hover{background-color:#429aff}.upload-button{margin-top:20px;display:grid;justify-content:center;background-color:#07f;color:#fff;padding:10px 20px;border:none;border-radius:5px;cursor:pointer}.upImgProfile{display:grid;justify-content:center}.upload-button:hover{background-color:#05c;font-weight:700}.uploaded-image{max-width:500px;max-height:200px;object-fit:contain;margin-top:10px}.line{border-bottom:1px solid #ffffff;width:90%;margin-top:5px;margin-left:10px;margin-bottom:20px;transition:.3s ease}.sidebar ul{list-style:none;padding:0}.sidebar ul li{align-items:center;margin-top:3px}.sidebar-icon{position:relative;top:3px;width:40px;text-align:center}.sidebar-icon img{filter:invert(.4)}.sidebar ul li a{position:relative;margin-left:15px;text-decoration:none;display:flex;align-items:center;padding:8px;border-radius:10px;width:80%;opacity:1;transition:.3s ease}.sidebar ul li span{position:fixed;opacity:1;left:75px;transition:.3s ease}.sidebar-heading{margin-bottom:5px;margin-left:20px;font-size:.9rem}.sidebar ul li a:hover{background-color:#657084}.sidebar ul li a:hover img{filter:brightness(10)}.active-link{color:#fff;font-weight:700;background-color:#2762f8;transition:.3s ease;transition:opacity .3s ease,transform .3s ease}.active-link img{filter:brightness(10)}.navbar{position:absolute;top:0;left:0;width:100%;height:30px;display:flex;justify-content:space-between;align-items:center;background-color:#3b485b;color:#fff;padding:10px 0;z-index:99}.navbar ul{position:absolute;top:-10px;right:40px}.hamburger-icon{display:none}.language{position:absolute;right:130px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;z-index:1;cursor:pointer;background-color:transparent;transition:box-shadow .3s ease-in-out;border-radius:50%}.language-menu{position:absolute;top:40px;right:150px;width:180px;height:110px;display:grid;justify-items:center;justify-content:center;background-color:#fff;cursor:pointer;border-radius:5px 0 5px 5px;transition:.3s ease;box-shadow:5px 5px 10px #000;z-index:99999}.language-menu li{position:relative;top:0;padding:10px;width:100%;height:auto;font-size:18px;color:#000;list-style:none;font-weight:700;background-color:transparent;border-radius:5px;border:none;z-index:9999}.language img{width:25px;height:25px;z-index:9999}.language img:hover{border-radius:50%;box-shadow:0 0 10px #fff;transition:transform .5s;z-index:9999}.img-size{width:60px;height:50px;border-radius:5px}.img-sizemenu{position:relative;top:6px;margin-left:10px;width:auto;height:auto}.language-menu img{width:25px;height:25px;margin-right:1rem;filter:brightness(.8) contrast(1.5)}.language-menu li:hover{background-color:#f1efef;width:100%;border-radius:5px}.logout{position:relative;right:-20px;text-decoration:none;display:flex;justify-content:center;align-items:center;padding:5px;border-radius:10px;transition:.3s;width:100px;cursor:pointer}.logout:hover{background-color:#657084}.logout-modal{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:9999}.logout-modal-content{width:450px;height:120px;background-color:#344054;padding:20px;border-radius:5px;text-align:center;font-size:20px;font-weight:700}.logout-modal-buttons{margin-top:10px}.logout-modal-buttons button{margin:0 10px;padding:5px 10px;cursor:pointer;font-size:14px;font-weight:700}.logout-modal-buttons .confirm-button{width:150px;height:40px;border-radius:5px;background-color:#2762f8;color:#fff;border:none;transition:.3s ease}.logout-modal-buttons .cancel-button{width:100px;height:40px;border-radius:5px;background-color:#fff;color:#2762f8;border:none;transition:background-color .3s}.logout-modal-buttons .confirm-button:hover{background-color:#003cd3}.logout-modal-buttons .cancel-button:hover{background-color:#e9effe}.sidebar-collapsed{width:100px;height:100%;border-right:1px solid rgb(127,127,127)}.sidebar-collapsed span{width:100px;opacity:0;position:relative;color:transparent;transition:left .3s ease;transform:translate(-50%)}.sidebar-collapsed a{position:fixed;color:transparent;opacity:0;transition:.3s ease}.sidebar-collapsed li{width:50px;margin-left:5px;transition:.3s ease}.sidebar-collapsed .line{width:50%;margin-left:25px;transition:.3s ease}.sidebar-collapsed>.logo-sidebar{width:100px;transition:.3s ease}.sidebar-collapsed .sidebar_section{width:100px;height:100%;border-right:1px solid rgb(127,127,127);transition:.3s ease}.sidebar-collapsed .sidebar-heading{margin-left:30px;transition:.3s ease}.sidebar-heading-admin{position:relative;display:flex;width:100%;margin-left:10px;transition:.3s ease;margin-bottom:5px}.sidebar-collapsed .sidebar-heading-admin{transform:translate(3px)}.modal-background-fixed{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);display:flex;justify-content:center;align-items:center;z-index:1000}.crop-modal{background-color:#344054;padding:20px;border-radius:8px;width:90%;max-width:800px;height:auto;box-shadow:0 2px 10px #0000001a}.crop-modal h2{margin-top:0}.crop-modal .modal-buttons{display:flex;justify-content:space-between;margin-top:20px}.crop-modal .cancel-button,.crop-modal .confirm-button{padding:10px 20px;border:none;border-radius:4px;cursor:pointer}.crop-modal .confirm-button{background:#007bff;color:#fff}.sidebar-icon{position:relative;display:inline-block}.sidebar-collapsed .notification-badge-collapsed{position:absolute;top:5px;right:8px;background-color:#ff4d4f;border-radius:50%;font-size:8px;width:0px;height:10px;padding:5px 10px;display:flex;align-items:center;justify-content:center;transition:all .5s ease}.notification-badge{position:absolute;top:13px;right:8px;background-color:#ff4d4f;border-radius:2rem;font-size:10px;padding:3px 13px;display:flex;align-items:center;justify-content:center;transition:all .5s ease}.sidebar-icon:hover .notification-badge{transform:scale(1.1)}.crop-modal{padding:30px;border-radius:12px;width:600px;max-width:95%;box-shadow:0 4px 20px #00000026}.crop-modal-title{text-align:center;margin-bottom:24px;font-size:24px}.cropper-wrapper{margin-bottom:24px}.crop-instructions{text-align:center;margin-bottom:24px;font-size:16px}.modal-buttons{display:flex;justify-content:center;gap:20px}.cropper-view-box,.cropper-face{border-radius:50%}.edit-modal{border-radius:8px;padding:24px;width:400px;max-width:90%;box-shadow:0 4px 6px #0000001a}.edit-section{margin-bottom:20px}.name-input{width:100%;padding:8px 12px;font-size:16px;border:1px solid #ddd;border-radius:4px;transition:border-color .3s}.name-input:focus{outline:none;border-color:#2762f8}.profile-picture-container{display:flex;flex-direction:column;align-items:center}body{background-color:#1d2430;margin:0;padding:0}*{font-family:IBM Plex Sans Thai,sans-serif;color:#fff}.content{display:grid;grid-template-columns:auto 1fr;gap:15px}::-webkit-scrollbar{width:2px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#888;border-radius:5px}::-webkit-scrollbar-thumb:hover{background:#555}.weather-top-panel{position:relative;top:50%;left:55%;transform:translate(-50%,-50%);background-color:#344054;padding:24px;border-radius:16px;box-shadow:0 0 10px #0003;z-index:1000;width:60%;max-height:95vh}.flexdetail{margin-top:-1rem;display:flex;align-items:center}.weather-top-panel h2{width:10vw;font-size:32px;margin-top:10px}.weather-top-panel .wide-title{width:20vw}.detailpole{width:5vw;text-align:center}.detailpoleH6 h6{text-align:center;color:#667085;font-size:14px;padding:4px 8px;border-radius:16px;width:50px;background-color:#e9effe}.detailcomponent{width:120px}.maindetailpole{display:grid}.maindetailpole h3{font-size:16px;color:#7da1fb;text-decoration:underline}.griddetailpole{width:70%;display:grid;grid-template-columns:4fr 3fr;gap:10px}.gridpole{display:grid}.gridpole strong{font-size:12px}.battery-indicator-container{padding:10px;width:150px}.battery-header{font-size:14px;margin-bottom:5px}.battery-body{width:100px;height:50px;border:3.62px solid #e4e7ec;background-color:#fff;border-radius:14.46px;position:relative;margin-bottom:10px;display:flex;align-items:center;justify-content:flex-start;padding:5px;box-sizing:border-box}.battery-level{width:100%;height:100%;background-color:#4caf50;border-radius:7.32px;box-shadow:0 2px 4px #0003;display:flex;align-items:center;justify-content:flex-start}.battery-level span{position:absolute;width:90px;color:#344054;font-size:22px;font-weight:700;text-align:center}.battery-level.low{background-color:#f2274c}.battery-level.medium{background-color:#fc0}.battery-level.high,.battery-level.full{background-color:#3dcc85}.battery-footer{font-size:12px;margin-top:5px}.battery-footer span{font-size:18px;font-weight:700}.detailmainpole{display:grid;grid-template-columns:1fr 2fr;width:100%}.imgpole{position:relative;top:-10px;display:flex;gap:150px;margin-right:150px}.griddetalfooter{display:grid;grid-template-columns:1fr 1fr;gap:15px}.deatilgridpole{background-color:#475467;width:100%;height:100px;border-radius:16px;display:flex;align-items:center}.deatilgridpole img{margin-left:16px;height:45px}.dtilpole{width:100%;margin-left:20px;display:grid;gap:20px;grid-template-columns:auto auto auto}.dtilpole label{width:150px}.dtilpole div{display:grid}.chart-skills{margin:0 auto;padding:0;list-style-type:none}.chart-skills *,.chart-skills:before{box-sizing:border-box}.chart-skills{position:relative;width:350px;height:175px;overflow:hidden}.chart-skills:before,.chart-skills:after{position:absolute}.chart-skills:before{content:"";width:inherit;height:inherit;border:45px solid #ffe835;border-bottom:none;border-top-left-radius:175px;border-top-right-radius:175px}.chart-skills:after{left:50%;bottom:10px;transform:translate(-50%);font-size:1.1rem;font-weight:700}.gradient-range{-webkit-appearance:none;width:100%;height:16px;border-radius:15px;outline:none;padding:0;margin:20px 0;background-image:linear-gradient(90deg,#ffc800 0%,#fff065 100%);border:1px solid #ffffff}.gradient-range::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;background:linear-gradient(90deg,#ffc800 0%,#fff065 100%);cursor:pointer;border:4px solid #ffffff}.gradient-range::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:#fff;cursor:pointer;border:1px solid #ccc}.p90{position:absolute;top:-5px;left:49%;width:4px;height:50px;background-color:#fff;z-index:9}.p75{position:absolute;top:45px;left:80.5%;width:4px;height:45px;background-color:#fff;z-index:9;transform:rotate(45deg)}.p25{position:absolute;top:45px;left:18.5%;width:4px;height:45px;background-color:#fff;z-index:9;transform:rotate(-45deg)}.detailPole{padding:0;width:80vw;display:flex;row-gap:0px;gap:10px;border-bottom:none;margin-top:15px;margin-bottom:1rem}.detailFlexTitle{margin-top:0rem;display:flex;align-items:center;gap:8px}.gridDetail{display:flex;gap:1rem;align-items:center}.gridDetail.with-margin-top{margin-top:-3rem}.gridDetail h3{font-size:26px}@media (max-width: 767px){.toggle-button,.map-sidebar-container,.noneshow,.displaynone{display:none}.detailpoleH6 h6{text-align:center;color:#667085;font-size:13px;padding:4px 8px;border-radius:16px;width:50px;background-color:#e9effe;margin-left:-.8rem}.gridDetail h3{font-size:16px}.container-alert{width:98vw;padding:.5rem}.container-alert h1{font-size:1.3rem;margin-bottom:.75rem}.navbarAlert{margin-left:1rem;display:flex;flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;padding-bottom:.5rem}.navbarAlert::-webkit-scrollbar{display:none}.navbarAlert .nav-item{flex:0 0 auto;font-size:.75rem;white-space:nowrap;margin-right:.5rem}.navbarAlert .nav-item:last-child{margin-right:0}.alert-detail-item{padding:.6rem}.alert-header{display:flex;justify-content:space-between;align-items:center}.alert-timestamp,.alert-full-timestamp{font-size:.7rem}.alert-info-group{margin-top:.5rem}.alert-info{margin-bottom:.4rem}.alert-label,.alert-value{font-size:.8rem}.no-alerts{width:85vw;margin-top:5rem;padding:1.5rem 1rem}.no-alerts svg{font-size:36px}.no-alerts p{font-size:.85rem;margin-top:.5rem}.responsive-list{width:80vw;background-color:#000}.background-image{width:auto;height:100vh;background-size:cover;background-position:center}.login-form{position:relative;border-radius:10px;width:85vw;background-color:#344054}.dropdown{width:75%}.reset-password,.password-changed{position:absolute;top:40%;border-radius:10px;width:90%;background-color:#344054}.navbar{position:fixed;display:flex;opacity:1;width:100%;height:55px;text-align:center}.hamburger-icon{position:relative;left:20px;font-size:40px;cursor:pointer;display:flex}.language{position:relative}.logout{top:13px}.sidebar,.sidebar_section{position:fixed;z-index:99999;width:60vw;height:100%;transition:width .4s ease}.titleDashboard{top:20px;flex-direction:column;align-items:flex-start}.profile-name{position:fixed;top:25px;left:70px;transition:.3s ease}.profile-edit,.sidebar-collapsed,.logo-sidebar,.sidebar-collapsed span,.sidebar-collapsed a,.sidebar-collapsed li,.sidebar-collapsed .line,.sidebar-collapsed>.logo-sidebar,.sidebar-collapsed .sidebar_section,.sidebar-collapsed .sidebar-heading{display:none;transition:width .4s ease}.profile-section{margin-top:20px;margin-bottom:-20px}.profile-name{top:28px;font-size:16px}.sidebar ul li{margin-top:0}.logout-modal-content{width:350px;height:120px}.dashboard-container{position:relative;height:100vh;z-index:0}.greeting{margin-top:40px;font-size:28px}.date-time{position:relative;font-size:12px;top:-40px;left:30px}.titleDashboardSection{display:grid;place-items:center;margin-left:0;width:100vw}.polestatus-container{position:relative;top:-20px;width:80vw;gap:15px;display:grid;grid-template-columns:1fr 1fr;padding:-10px 0 20px}.polestatus1,.polestatus2{position:relative;left:0;display:flex;justify-content:flex-end;width:95%;height:230px;padding:8px;border-radius:10px;background-color:#1d2430;list-style:none}.polestatus3,.polestatus4{position:relative;left:0;display:flex;justify-content:flex-end;width:95%;height:150px;padding:8px;border-radius:10px;background-color:#1d2430;list-style:none}.polestatus4{background-color:#73a6fd}.polestatus-in1{position:absolute;top:65px;left:15px}.polestatus-in2{position:absolute;top:165px;left:15px}.user1{position:absolute;top:110px;left:20px;font-size:20px;font-weight:700}.user2{position:absolute;left:20px}.poleStatus{position:absolute;width:30%;top:35px;left:10px}.polestatus-in3{top:70px}.dashboard-sections{top:20px;left:0;width:100vw;display:grid;grid-template-columns:repeat(auto-fill,minmax(100vw,1fr));place-items:center;gap:10px}.dashboard-sections1{width:100vw;top:30px;left:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(100vw,1fr));place-items:center;gap:10px}.area-chart-container{position:relative;display:flex;flex-direction:column;justify-content:center;border-radius:10px;width:90vw;height:550px;background-color:#344054}.selectContainer{position:relative;left:0%;width:80vw}.chart-container{position:relative;width:80vw;height:420px;top:0%;left:0}.chart-container-AreaChartComponent{position:relative;width:90vw;height:450px;top:0%;left:0}.legend{top:10%;left:60%;transform:translate(-50%,-50%)}.mainSectionAdmin{padding:16px;width:93vw;height:78vh;grid-template-columns:1fr 1fr;display:grid;gap:15px}.add-branch-button,.add-user-button,.add-pole-button{font-size:14px;margin-top:20px;width:150px;height:45px;border-radius:10px;cursor:pointer;background-color:#2762f8;border:none}.branch-users-pole{width:100%;display:grid;justify-items:center}.weather-ltitle h2{position:absolute;margin-top:-80px;margin-left:-50px}.z9999{z-index:9;width:90vw;background-color:#fff}.weather-icon{width:60%;left:20%;top:-70px}.weather-ltitle{position:relative;width:100%;height:220px;background:linear-gradient(266.91deg,#347be4 0%,#c7d2e2 102.44%);border-radius:10px 10px 0 0;margin-bottom:20px}.centerHead{width:100vw;display:flex;align-items:center;justify-content:center}.centerHead h6{font-weight:700;font-size:30px;top:50px;margin-left:-20px;position:absolute}.max_min{width:100%;position:relative;top:180px;left:0;display:flex;align-items:center;justify-content:center}.weather-ltitle p{font-size:16px;font-weight:700;display:inline;margin-right:10px;color:#2762f8}.column-container{position:relative;gap:10px;display:grid;grid-template-columns:1fr 1fr 1fr}.column-container span{position:relative;font-size:14px;top:15px;margin-bottom:-20px}.column-container h5,.column-container .title{position:relative;top:10px}.pm2_5{display:none}.circular-progress-container{width:200px;font-weight:700;position:relative}.containerPage{position:relative;width:100vw;display:grid;justify-content:center}.sections1{position:relative;width:100%;height:100px;margin-top:50px;display:grid;grid-template-columns:auto;justify-content:space-between;margin-bottom:50px;row-gap:5px}.sections1 h1{position:relative;left:16px;display:flex;margin-bottom:-20px}.sections1 h2{position:relative;left:16px;top:-10px;margin-right:0;font-size:14px}.sections2{position:relative;top:0;left:0;right:0;width:100%;display:grid;grid-template-columns:1fr;gap:1rem;row-gap:1rem;justify-content:center;align-items:center}.section3{position:relative;top:-2rem;left:0;width:100%}.areaMap{margin-top:70px;width:100%;height:100vw;z-index:0}.led-section{position:relative;width:85vw;height:auto;max-height:100vh;background-color:#344054;border-radius:10px;overflow-x:auto}.search-bar{position:relative;width:90%;height:40px;background-color:#344054;border:1px solid #667085;display:flex;align-items:center;border-radius:10px;margin-bottom:2rem}.labeltable{margin-top:-50px}.tableData{display:block;margin-top:1rem;max-height:320px;overflow-x:auto;width:800px}table{margin-top:30px;width:800px;table-layout:auto;border-collapse:collapse}.user-status p{font-size:10px}.user-status{width:100px}.areaMap-Mappage{position:relative;top:-70px;left:1px;height:80vh;width:100vw;justify-content:center;z-index:1}.container-report{position:relative;width:100vw;margin:60px auto;display:grid;justify-content:center}.container-report-main h1{font-size:31px}.container-report-main h2{font-size:16px;font-weight:700;margin-top:30px;margin-left:30px;color:#7da1fb}.container-report li{margin-left:-40px;position:relative;display:flex;justify-content:flex-start;align-items:center;width:80vw;height:45px;margin-top:5px;padding:5px 0 5px 20px;background-color:#354155;border-radius:7px;cursor:pointer;border:1px solid #7b7b7b;font-size:12px}.detailFirework{position:relative;top:5px;left:10px;display:grid;grid-template-columns:1fr 1fr 1fr}.areaMap-lightpage{position:relative;top:30px;left:0;height:calc(55vh - 130px);width:100%;justify-content:center;margin-bottom:2rem}.weather-top-panel{position:relative;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#344054;padding:24px;border-radius:16px;box-shadow:0 0 10px #0003;z-index:1000;width:80vw;max-height:80vh;overflow-y:auto}.weather-top-panel h2{width:100vw;font-size:32px;margin-top:10px}.griddetalfooter{margin-top:-20px;width:75vw;display:grid;grid-template-columns:1fr;gap:8px}.deatilgridpole{background-color:#475467;width:80vw;height:160px;display:grid;align-items:center}.dtilpole{margin-top:-1rem;width:80vw;margin-left:10px;display:grid;gap:0px;grid-template-columns:1fr 1fr 1fr}.deatilgridpole img{margin-left:16px;height:45px}.search-bar input::placeholder{position:relative;top:0;left:0;color:#999;font-size:16px}.search-user{display:none}.cctv9{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));gap:16px;height:calc(90% - 32px);padding:16px}.cctv9 div{background-color:#667085;height:200px;border-radius:8px}.modal-content{position:relative;background-color:#344054;border:solid 1px #667085;padding:20px;border-radius:16px;width:85vw;height:auto;max-height:80vh;overflow-y:auto}.settingLightcenter{margin-top:3rem}.settingLight{width:100vw}.detaiLlight{padding:5px;width:70vw;grid-template-columns:1fr 1fr;margin-bottom:-.5rem}.detailmainpole{display:grid;grid-template-columns:1fr}.modal-content-confeirm{max-height:200px;width:80vw;display:grid}.griddetailpole{width:80vw;display:grid;grid-template-columns:4fr 3fr;gap:10px;margin-bottom:2rem}.imgpole{width:80vw;display:grid;grid-template-columns:1fr 2fr;align-items:center;margin-right:0}.battery-indicator-container{padding:0;width:150px;margin-right:-100px}.flexdetail{display:grid;align-items:center;gap:10px;color:#000}.dtilpole label{width:100px}.detailpole{width:15vw;text-align:center}.detailPole{padding:0 0 1rem;width:80vw;display:grid;row-gap:5px;grid-template-columns:2fr 1fr;margin-top:-1rem;margin-bottom:1rem}.detailFlexTitle{margin-top:-2.5rem;display:flex;align-items:center;gap:10px}.showWeatherReport{position:relative;width:80vw;margin-left:0;display:grid;justify-content:center}.showWeatherReport h1{margin-top:2rem;font-size:18px}.downloadReport{position:relative;top:0;left:0;right:0;font-size:16px;font-weight:700;text-decoration:none;transition:all .3s ease;cursor:pointer;display:inline-block}.sectiondatereport{width:80vw;display:grid;grid-template-columns:auto;gap:10px}.custom-range-picker .ant-picker{width:100%!important;padding:.8rem!important;border:2px solid #d0d5dd!important;border-radius:10px!important;font-size:20px!important;background-color:#1d2430!important;color:#fff!important}.ant-picker-dropdown .ant-picker-header,.ant-picker-dropdown .ant-picker-body,.ant-picker-dropdown .ant-picker-footer{background-color:#344054!important;border:1px solid #d0d5dd}.ant-picker-dropdown .ant-picker-header,.ant-picker-dropdown .ant-picker-body,.ant-picker-dropdown .ant-picker-footer{border:none;border-radius:0}.ant-picker-header{padding:8px}.ant-picker-header-view{font-size:16px}.ant-picker-body{padding:8px}.ant-picker-content{width:100%}.ant-picker-cell{padding:2px 0}.ant-picker-cell-inner{width:32px;height:32px;line-height:32px;font-size:14px}.ant-picker-footer{padding:8px}.ant-picker-footer-extra{flex-direction:column}.ant-picker-footer button{margin:4px 0;padding:8px;font-size:14px;width:100%}.ant-picker-range-wrapper{flex-direction:column}.ant-picker-range-arrow{display:none}.ant-picker-panel-container .ant-picker-panels{flex-direction:column}.showReportSection{width:90vw;max-height:500px;overflow-y:auto;background-color:#344054}.selectedItemDetails{display:grid;grid-template-columns:1fr;gap:10px}.sectiondatereport input{font-size:16px;width:80vw;height:45px;padding:0 5px;border-radius:5px;background-color:transparent;border:2px solid #fff;outline:none}.searchbarreport{width:80vw;height:45px;position:relative;left:0}.weather-data{width:80vw}.resultItem{margin-top:10px;width:80vw}.searchbarreport .search-bar{width:80vw;position:absolute;left:-3rem}.download-report-window{position:fixed;top:50%;left:50%;width:80vw;height:auto;transform:translate(-50%,-50%);background-color:#344054;padding:20px;border-radius:10px;box-shadow:0 0 10px #0000001a}.download-report-window .dropdownUser{min-width:10vw!important;margin-bottom:-1rem}.download-report-window .dropdown-content-adduser{width:300px}.getCurrentTimeGreeting{margin-left:20px}.add_button{position:relative;top:0;right:0;font-size:14px;font-weight:700;width:80vw}.sectinoAddbuttom{display:grid;row-gap:1rem;margin-bottom:1rem}.sectinoAddbuttom .search-bar{width:80vw;margin-left:0;margin-bottom:00px;border-radius:10px}.branch-details{display:grid;align-items:center}.userManagement{font-size:32px;font-weight:700;margin-left:0}.filter-user{display:none}.branch-list-container{width:80vw;display:flex;grid-template-columns:1fr;padding:0;border-radius:0;margin-left:0;margin-right:0}.allBranchesaEd{display:none}.branch-code,.branch-name{width:50px}.branch-code-value,.branch-name-value{font-size:16px;font-weight:700;color:#7da1fb}.branch-itemt{position:relative;display:grid;justify-content:start;align-items:start;padding:10px;margin-bottom:8px;background-color:#344054;height:200px;color:#fff;border-radius:8px;border:1px solid #667085;cursor:pointer}.flexEdiitUser{display:grid;grid-template-columns:1fr;width:100%;margin-bottom:1rem}.pstrongEditUser{position:absolute;display:grid;align-items:center;justify-content:center;width:75vw}.branch-container .branch-item-edit{position:relative;display:grid;align-items:center;justify-content:center;grid-template-columns:1fr;width:72vw}.branch-container .branch-item{position:relative;display:grid;align-items:center;justify-content:center;grid-template-columns:1fr 1fr 1fr;width:72vw}.branch-item #Delete{position:absolute;top:1rem;right:1rem}.sectionRadio{position:relative;width:55vw}.branch-code{border-right:none}.b1{position:relative;top:0;width:80vw;display:grid;grid-template-columns:1fr 2fr;align-items:center;margin-bottom:1rem}.primary-pillars,.secondary-pillars,.users{margin-top:5px;width:70vw;height:10px;display:grid;align-items:center;grid-template-columns:auto auto auto;padding:10px;position:relative;top:-1.5rem;left:-.5rem}.primary-pillars label,.secondary-pillars label,.users label{position:relative;top:0}.primary-pillars strong,.secondary-pillars strong,.users strong{position:relative;top:0;margin-top:0;width:80px;height:25px;background:#e9effe;color:#667085;border-radius:16px;text-align:center;display:grid;margin-bottom:0;font-size:14px}.primary-pillars{margin-left:0}.statusBranch{width:80px;position:relative;top:-5px;left:0rem}.statusBranch P{position:relative;top:0}.branch-actions{position:relative;left:3rem;margin-left:5rem}.branch-actions img{position:relative;top:-2rem;transition:transform .5s ease;cursor:pointer;margin-left:20px;width:25px;margin-top:0}.branch-itemt .arrowr{position:absolute;right:0}.modal-container{position:relative;top:50%;left:50%;transform:translate(-50%,-50%) f;background-color:#344054;padding:0;border-radius:10px;z-index:1000;width:85vw;max-height:95vh;box-shadow:0 4px 6px #0000001a}.edit-branch-form{width:100%}.form-content{display:flex;flex-direction:column;margin-top:0;margin-left:0;width:75vw;height:90%}.BranchModalContent{position:relative;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#344054;padding:20px;border-radius:10px;z-index:1000;width:85vw;max-height:85vh}.statebranch{display:none}.BranchModalContent h2{margin-left:30px}.BranchModalContent input{width:80vw;height:30px;padding:10px;margin-bottom:15px;border:1px solid #d0d5dd;border-radius:8px;background-color:transparent}.BranchModalContent .button-adduser{position:relative;bottom:0rem;display:grid;grid-template-columns:1fr 1fr;align-items:center;justify-content:center;margin-top:0;gap:10px;width:85vw;margin-top:2rem}.addbranch{position:relative;display:grid;justify-content:center;align-items:center}.BranchModalContent .cancel-button{font-weight:700;width:100%;height:50px;border-radius:5px;background-color:#fff;color:#2762f8;border:none;cursor:pointer}.BranchModalContent .confirm-button{font-weight:700;width:100%;height:50px;background-color:#007bff;color:#fff;padding:10px 20px;border:none;border-radius:4px;cursor:pointer}.BranchModalContent h2{margin-left:0;margin-bottom:2rem}.add-user-modal{position:relative;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#344054;padding:10px;border-radius:10px;box-shadow:0 0 10px #0003;z-index:1000;width:90vw;max-height:95vh;overflow-y:auto}.state{display:none}.inputAddUser{width:100%;display:grid;align-items:center;justify-content:center}.inputAddUser .dropdownUser{display:grid;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#344054;width:80vw;height:auto;border-radius:10px;padding:15px;z-index:99999999;justify-content:center}.inputAddUser .dropdown-content-adduser{position:absolute;top:60px;left:0;width:80vw;height:260px;margin-left:0}.required{position:relative;width:85vw}.inputAddUser input{width:80vw;height:30px;padding:10px;margin-bottom:15px;border:1px solid #d0d5dd;border-radius:8px;background-color:transparent}.add-user-modal-summary .button-adduser{position:absolute;bottom:1rem;display:grid;grid-template-columns:1fr 1fr;align-items:center;justify-content:center;margin-top:0;gap:10px;width:85vw}.wrapper{width:100%;height:300px;display:grid;align-items:center;justify-content:center;gap:0px;overflow-y:auto}.wrapper li{position:relative;text-align:center;list-style:none;font-size:11px;width:90px;height:20px;background-color:transparent;border:1px solid #667085;border-radius:50px;margin:5px;padding:0 5px 20px;display:inline;cursor:pointer}.selact-1{position:relative;left:-1rem;display:grid;grid-template-columns:repeat(3,1fr);gap:0px;top:0;width:80vw;height:auto;margin-bottom:5rem}.selact-1>*:first-child{grid-column:1 / -1}.button-adduser-pole{position:relative;bottom:0rem;display:grid;grid-template-columns:1fr 1fr;align-items:center;justify-content:space-between;margin-top:0;gap:10px;width:89vw;left:0}.add-user-modal .button-adduser{position:relative;bottom:1rem;display:grid;grid-template-columns:1fr 1fr;align-items:center;justify-content:space-between;margin-top:0;gap:10px;width:90vw;left:0}.add-user-modal .cancel-button{font-weight:700;width:100%;height:50px;border-radius:5px;background-color:#fff;color:#2762f8;border:none;cursor:pointer}.language-menu{position:absolute;top:50px;right:160px;width:180px;height:110px;display:grid;justify-items:center;justify-content:center;background-color:#fff;cursor:pointer;border-radius:5px 0 5px 5px;transition:.3s ease;box-shadow:5px 5px 10px #000;z-index:99999}.add-user-modal .confirm-button{font-weight:700;width:100%;height:50px;background-color:#007bff;color:#fff;padding:10px 20px;border:none;border-radius:4px;cursor:pointer}.add-user-modal-summary{position:relative;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#344054;padding:20px;border-radius:10px;box-shadow:0 0 10px #0003;z-index:1000;width:85vw;height:95vh;overflow-y:auto}.add-user-modal-summary li{position:relative;list-style:disc;font-size:14px;width:100px;height:25px;background-color:transparent;border:none;border-radius:50px;margin:10px;padding:10px 20px;display:inline;cursor:pointer}.summary-content a,.summary-content p,.summary-content span,.summary-content h4{margin-left:0}.summary-content{width:85vw}.summary-content h3{position:absolute;font-size:16px;top:120px;right:20px;color:#3dcc85}.phone-mail{display:grid;grid-template-columns:1fr 1fr}.phone-mail strong{display:flex;margin-left:0}.check{position:relative;top:5px;left:-3px;filter:brightness(5) grayscale(100%)}.add-user-modal-summary .button-adduser{position:relative;top:5rem;bottom:0rem;display:grid;grid-template-columns:1fr 1fr;align-items:center;justify-content:space-between;gap:10px;width:85vw;left:0}.add-user-modal-summary .cancel-button{font-weight:700;width:100%;height:50px;border-radius:5px;background-color:#fff;color:#2762f8;border:none;cursor:pointer}.add-user-modal-summary .confirm-button{font-weight:700;width:100%;height:50px;background-color:#007bff;color:#fff;padding:10px 20px;border:none;border-radius:4px;cursor:pointer}.confirmation-popup{position:absolute;font-size:20px;font-weight:700;top:50%;left:50%;transform:translate(-40%,-50%);background-color:#344054;padding:20px;border-radius:10px;box-shadow:0 0 10px #0003;z-index:1000;width:500px;height:230px;z-index:2500}.confirmation-popup{position:absolute;font-size:20px;font-weight:700;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#344054;padding:20px;border-radius:10px;box-shadow:0 0 10px #0003;z-index:1000;width:80vw;height:230px;z-index:2500}.userTable{position:relative;width:80vw;height:80vh;margin-left:0;border-radius:10px;background-color:#344054;overflow-y:auto}.userTablee{position:relative;width:80vw;height:50vh;margin-left:0;border-radius:10px;background-color:#344054;overflow-y:auto}.userTable table{position:absolute}.paginationMain .pagination{position:absolute;bottom:-5rem;left:50%;transform:translate(-50%);width:100%;height:50px;display:flex;align-items:center;justify-content:center}.paginationUser{position:absolute;width:80vw;bottom:0}.pagination{position:relative;bottom:20px;left:50%;transform:translate(-50%);width:100%;height:50px;display:flex;align-items:center;justify-content:center}.pole-counts{margin-top:0;margin-left:00px;display:flex;align-items:center;justify-content:center}.ConfirmationModal{width:80vw;left:50%}.toggle-switch-container{display:grid}.chartContainer{width:80vw;margin:2rem auto}.time-input-container .gradient-range{-webkit-appearance:none;width:35vw}.branch-info-container{display:grid;grid-template-columns:2fr 3fr 3fr;justify-content:center;align-items:center;margin-top:16px;margin-bottom:2rem}.selectLight,.addlight input{position:relative;width:80vw;height:30px;padding:10px;margin-bottom:15px;border:1px solid #d0d5dd;border-radius:8px;background-color:transparent}.flexAddCCtv .delete-button{position:relative;top:0}.lightModalContentSumarry{width:80vw;transform:translate(-50%,-50%)}.lightModalContentSumarry p{position:relative;top:20px;font-size:20px;font-weight:700}table{-webkit-overflow-scrolling:touch}.branch-details-container{position:relative;padding:20px;margin-left:0;height:75vh;width:85vw;background-color:#344054;border-radius:8px}.titleb{display:grid;grid-template-columns:3fr 3fr 3fr;height:80px;gap:10px}.branch-buttons{display:flex}.branch-details-container .search-bar{position:relative;left:-2.5rem;width:80vw}.branch-table{position:absolute;width:800px;margin-top:0}.userDetail{width:80vw;max-height:90vh}.nameDetailUser2{position:relative;width:320px;display:grid;grid-template-columns:auto}.nameDetailUserMain{display:flex}.nameDetailUser span{font-size:24px;width:80vw;font-weight:700}.edit-form{position:relative;top:0;display:grid;grid-template-columns:1fr;gap:0px;width:80vw;margin-bottom:-20px}.divedit{position:relative;margin-top:-20px;margin-bottom:.5rem}.edit-form input{position:relative;top:-20px;width:94%;height:30px;padding:10px;border:1px solid #d0d5dd;border-radius:8px;background-color:transparent}.edit-form h3{position:relative;margin-bottom:0}.mainedit h5{position:relative;width:80vw;top:0;right:0;font-size:14px;margin-top:-25px;cursor:pointer;color:#7da1fb;text-decoration:underline;margin-bottom:-5px;display:flex;align-items:end;justify-content:end}.branch-container{margin-top:10px;max-height:43vh;overflow-y:auto}.button-adduser-detali{position:relative;display:flex;align-items:center;justify-content:center;font-weight:700;width:80vw;height:50px;color:#fff;padding:0;border:none;border-radius:4px;cursor:pointer}.button-adduser-detali .cancel-button{font-weight:700;width:100%;height:50px;border-radius:5px;background-color:#fff;color:#2762f8;border:none;cursor:pointer}.button-adduser-detali .confirm-button{font-weight:700;width:100%;height:50px;background-color:#007bff;color:#fff;padding:10px 20px;border:none;border-radius:4px;cursor:pointer}.add-branch-modal{position:fixed;display:grid;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#344054;border:1px solid #667085;width:85vw;height:auto;border-radius:10px;padding:15px;z-index:99999999;justify-content:center}.add-branch-modal .button-adduser-detali{position:relative;display:flex;align-items:center;justify-content:center;font-weight:700;width:90vw;height:50px;color:#fff;padding:0;border:none;border-radius:4px;cursor:pointer}.add-branch-modal .dropdownUser{display:grid;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#344054;width:80vw;height:auto;border-radius:10px;padding:15px;z-index:99999999;justify-content:center}.dropdown-content-adduser{position:absolute;top:60px;width:83vw;height:200px;padding:10px;margin-left:40px;margin-bottom:20px;background-color:#344054;border:1px solid #d0d5dd;border-radius:8px;cursor:pointer;overflow-y:auto;transition:.3s ease;z-index:1;font-size:18px}.selectLi{position:relative;left:0;bottom:10px;display:grid;align-items:center}.selectLi ul{list-style:none;padding:0;margin:0;display:grid;gap:5px;grid-template-columns:1fr 1fr}.pole-info{position:relative;padding:10px;width:75vw;height:33vh;margin-left:0;border-radius:8px;background-color:#344054;border:1px solid #667085;margin-bottom:5px;display:flex}.polestaus2{position:relative;top:10px;left:15px;margin:0}.polestaus2 p,.polestaus2 h1{position:relative;top:30px;left:5px;margin:0}.polestaus3{position:absolute;bottom:0;margin-bottom:0}.pole-info .arrowr{position:absolute;top:50%;right:10px}.detailAllPole{margin-left:0;padding:10px;width:75vw;height:auto;max-height:65vh}.top{width:250px;display:flex;gap:10px;margin-top:-10px;margin-bottom:20px;margin-left:0}.form-content2{display:flex;flex-direction:column;margin-left:0;width:85vw}.nameDetailUser{display:grid;align-items:center}.nameDetailUser .UserStatus{margin-left:0;margin-right:0;position:relative;right:0}.nameDetailUser img{position:absolute;top:2rem;right:3rem}.endDate{display:none}.dropdown-content-weather{width:93%;max-height:200px}.containerPagecctv{position:relative;top:1rem}.mainCCtv{width:88vw;height:auto}.searchBar{width:92vw}.paginationContainer,.horizontal-container,.grid-container{display:none}.countPole,.adjust-all-lights-button,.tableCustom{font-size:12px}.tableCustom th,.tableCustom td{padding:10px 5px;font-size:12px}.tableCustom th{font-size:12px}.px50{width:200px}.notification-content{width:70vw}.status-column{display:none}.BrancDeleteContent{width:80vw}.alert-container{right:4%}.alert-container img{position:relative;top:-2rem;width:100px}.alert-success,.alert-error{background-color:#344054}}.chat-container{max-width:800px;margin:0 auto;padding:20px}.chat-messages{height:400px;overflow-y:auto;border:1px solid #ccc;padding:10px;margin-bottom:20px}.message{margin-bottom:10px;padding:10px;border-radius:5px}.user{background-color:#e6f2ff;text-align:right;color:#000}.ai{background-color:#f0f0f0;color:#000}.loading{font-style:italic;color:#000}.chat-input-form{display:flex}.chat-input-form input{flex-grow:1;padding:10px;margin-right:10px}.chat-input-form button{padding:10px 20px;background-color:#007bff;color:#fff;border:none;cursor:pointer}.chat-input-form button:disabled{background-color:#ccc;cursor:not-allowed}.checkPoleClassName .arrow-icon-branch{position:absolute;top:15px;right:15px}:root{color-scheme:dark}