body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#e5e5e5!important}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}#root{height:100vh;width:100vw}.landing{background-image:url(https://res.cloudinary.com/dfulxq7so/image/upload/v1572452572/malawi20100165_cesh8j.jpg);background-size:cover;background-repeat:no-repeat;height:100vh}.header{background:#082b84;background:radial-gradient(circle,#082b84 33%,hsla(0,0%,83.5%,.944415) 71%);height:4.2rem;border-bottom:3px solid #082b84}.header .header-logo{position:relative;top:.4rem;left:44rem;height:3.5rem;width:17rem}.header .header-logo:hover{transition:all .5s ease-out;border:none;border-radius:5%;-webkit-filter:brightness(150%) contrast(50%);filter:brightness(150%) contrast(50%)}.hamburger-menu{position:relative;z-index:1;top:-2.1rem;left:3rem;width:5%;height:40%}.hamburger-menu:hover{cursor:pointer;color:#7494e6}.hamburger-menu svg:not(:root){overflow:hidden;top:-.8rem;position:relative;font-size:3rem;color:#082b84}.hamburger-menu svg:not(:root):hover{cursor:pointer;transition:all .5s ease-in-out;-webkit-filter:brightness(250%) contrast(50%);filter:brightness(250%) contrast(50%)}@media (max-width:600px){.hamburger-menu svg:not(:root){right:2rem;z-index:5}}.hamburger-menu .hamburger-icon{color:#082b84;font-size:3.2rem}.hamburger-menu .hamburger-icon:hover{cursor:pointer;transition:all .3s ease-out;border:none;border-radius:5%;-webkit-filter:brightness(150%) contrast(50%);filter:brightness(150%) contrast(50%)}@media (max-width:600px){.hamburger-menu{z-index:5}}.overlay{height:100%;width:0;position:fixed;z-index:1;top:0;left:0;background-color:#082b84;overflow-x:hidden;transition:.3s}@media (max-width:600px){.overlay{height:100%;z-index:7}}.overlay .closebtn{position:relative;top:-20px;right:-170px;font-size:30px;color:#818181}.overlay .intro{background-color:#082b84;width:214px;height:auto;color:#fff;position:absolute}.overlay .intro .name{font-size:16px;margin-left:1.8rem;letter-spacing:.1rem}.overlay .intro .email-address{font-size:12px;margin-left:1.8rem}.overlay .intro .span{background-color:hsla(0,0%,100%,.8);display:block;width:214px;height:1px}.overlay .intro .logo{margin:-20px 0 10px 20px;width:170.81px;height:35.61px}.overlay .overlay-content-map{position:relative;top:18%;width:100%;text-align:left;color:#fff}.overlay .overlay-content-map .eachNav{display:flex;justify-items:space-evenly;width:100%;padding-left:30px;align-items:center}.overlay .overlay-content-map .eachNav:hover{background-color:#1c49bb;color:#fff}.overlay a{padding:16px 0 16px 8px;text-decoration:none;font-size:20px;color:#fff;display:block;transition:.3s;margin-top:0}.mapboxgl-popup-content{position:relative;background:#fff;border-radius:7px;padding:.2rem 2.5rem;pointer-events:auto}.map{position:relative}.popupCard{width:270px;border-top:10px solid #00f;border-radius:15px}.popupInfo .pump_info .spread{padding-top:8px;margin-right:.5em}.popupInfo .pump_info .province_name{margin:10px 11px 0 0;font-family:"Poppins",sans-serif}.popupInfo .pump_id .pump_num{padding-top:14px;font-size:14px;font-family:"Poppins",sans-serif}.ant-btn-link{color:#fff;background-color:#00f;border-color:transparent;box-shadow:none;margin:.9em 0 0}.popupInfo{display:flex;margin:.1rem;align-items:flex-end;width:0}.popupInfo .pump_id{width:0;margin-left:1rem}.popupInfo .pump_id .nonFunc-back-icon{display:flex;justify-content:center;align-items:center;height:3rem;width:3rem;border-radius:50%;background-color:#fecdcd}.popupInfo .pump_id .nonFunc-back-icon .nonFunc-front-icon{color:#f44336;font-size:17px}.popupInfo .pump_id .unknown-back-icon{display:flex;justify-content:center;align-items:center;background-color:#ffe2b8;height:3rem;width:3rem;border-radius:50%}.popupInfo .pump_id .unknown-back-icon .unknown-front-icon{color:#ffad34;font-size:17px}.popupInfo .pump_id .func-back-icon{display:flex;justify-content:center;align-items:center;height:3rem;width:3rem;border-radius:50%;background-color:#b8ffb8}.popupInfo .pump_id .func-back-icon .func-front-icon{color:#01c000;font-size:17px}.popupInfo .pump_id .pump_num{font-size:13px;font-weight:600;letter-spacing:.1rem;margin:.3rem}.popupInfo .pump_info{display:flex;margin-left:5rem;flex-direction:column;align-items:flex-end;width:13rem}.popupInfo .pump_info .spread{display:flex}.popupInfo .pump_info .spread .pump-history{font-size:12px;top:0;left:120px;letter-spacing:.1rem;position:absolute;font-weight:700}.popupInfo .pump_info .spread .spread-green{background-color:#01c000;border-radius:5px;height:16px;width:6px;padding-right:.1px}.popupInfo .pump_info .spread .spread-yellow{background-color:#ffad34;border-radius:5px;height:16px;width:6px;padding-right:.1px}.popupInfo .pump_info .spread .spread-red{background-color:#f44336;border-radius:5px;height:16px;width:6px;padding-right:.1px}.popupInfo .pump_info h3{font-size:18px;margin:10px 0 0}.popupInfo .pump_info .province_name{font-size:14px;margin:.2rem .2rem .2rem 1.4rem}.popupInfo .pump_info .link{color:#00f;font-size:12px;text-decoration:underline;-webkit-text-decoration-color:#00f;text-decoration-color:#00f;margin:10px 0 0}.search{position:absolute;z-index:3;top:1rem;left:13.2rem;width:22%;height:2rem}.search .icon{position:relative;font-size:1.3rem;top:.5rem;left:5.1rem;z-index:3}@media (max-width:700px){.search .icon{left:3.7rem}}@media (max-width:800px){.search{top:1}}@media (max-width:500px){.search{left:2rem;width:2rem;z-index:0}}.search input{position:relative;top:0;left:3.5rem;width:15rem;height:2.2rem;border:2px solid #082b84;border-radius:7px;padding-left:1.5rem;font-size:13px;color:#222;letter-spacing:.1rem;background-color:#fff;-webkit-appearance:none;outline:none;background:#e2e0e0;cursor:pointer}@media (max-width:700px){.search input{top:-1.6rem;right:0;width:12rem;font-size:10px}}.search .filtered{width:72%;min-width:15ch;max-width:30ch;border-radius:.25em;padding:.25em 1.5em;font-size:1.25rem;cursor:pointer;line-height:1.1;background-color:hsla(0,0%,92.5%,.884);border:1px solid #082b84;border-bottom-left-radius:25px;border-bottom-right-radius:25px;margin-left:5rem}.search .filtered h2{font-size:14px}.search button{float:right;padding:6px 10px;margin-top:8px;margin-right:16px;background:#ddd;font-size:17px;border:none;cursor:pointer}:root{--select-border:#777;--select-focus:#4040a0;--select-arrow:var(--select-border)}.filter-expand{cursor:pointer;border-radius:4px;background-color:#082b84;color:#fff;padding:10px;font-size:14px;font-weight:700;width:200px;height:34px;z-index:4;top:1rem;right:50px;position:absolute;display:flex;justify-content:space-between;align-items:center;transition:all 1.5s ease-in-out}.filter-expand span{color:#fff;background-color:#fff;width:13px;height:3px}@media (max-width:800px){.filter-expand{width:100px}}@media (max-width:500px){.filter-expand{width:80px}}.filter{border-radius:5px;padding:1rem;background-color:#e4e4e4;width:13rem;position:absolute;z-index:4;top:3rem;right:2.9rem;border:2px solid #082b84}.filter h4{letter-spacing:.1rem;padding:.4rem 3.1rem;font-size:.9rem;font-weight:600}.filter .select-village{width:100%;min-width:15ch;max-width:30ch;border:1px solid #777;border-radius:.25em;padding:.25em .5em;font-size:1.25rem;cursor:pointer;line-height:1.1;background-color:rgba(236,235,235,.815);background-image:linear-gradient(0deg,#f9f9f9,#fff 33%);display:grid;grid-template-areas:"select";align-items:center}.filter .select-village .select:after{content:"";width:.8em;height:.5em;background-color:#4040a0;-webkit-clip-path:polygon(100% 0,0 0,50% 100%);clip-path:polygon(100% 0,0 0,50% 100%);justify-self:end}.filter .select:after,.filter select{grid-area:select}.filter .pump-type{display:flex;align-items:center;justify-content:space-between}.filter p{margin-right:.9rem;font-weight:800;font-size:1rem;padding-top:.2rem}.mapboxgl-ctrl-logo{display:none!important}body,html{margin:0}.entire-menu{position:absolute;width:15rem;height:100vh;background:#082b84;color:#fff;position:fixed}.entire-menu .logo{width:80%;margin:20px 0 20px 20px;width:170.81px;height:35.61px}.entire-menu .name{font-size:16px;margin-left:40px}.entire-menu .email-address{font-size:12px;margin-left:40px}.entire-menu span{background-color:hsla(0,0%,100%,.8);display:block;width:100%;height:1px}.entire-menu .overlay-content{position:fixed;margin-top:3%;width:15rem}.entire-menu .overlay-content .each-nav{position:relative;color:#fff;display:flex;justify-content:flex-start;align-items:center;font-size:1.5rem;width:100%}.entire-menu .overlay-content .each-nav .link{color:#fff}.entire-menu .overlay-content .each-nav:hover{background-color:#1c49bb}.modal{font-size:15px;padding:1px;border:2px solid #87ceeb;text-align:center}.modal>.header{width:100%;border-bottom:1px solid #87ceeb;font-size:22px;text-align:center;padding:8px}.modal>.content{width:100%;padding:5px}.modal>.actions{margin:auto;width:100%;padding:10px 5px;text-align:center}.modal>.close{cursor:pointer;position:absolute;display:block;padding:2px 5px;line-height:20px;right:-10px;top:-10px;font-size:24px;background:#fff;border-radius:18px;border:1px solid #cfcece}.overviewpopup{color:navy}*{margin:0;padding:0;box-sizing:border-box}body{font-family:"Lato",sans-serif}*{scrollbar-width:thin;scrollbar-color:hsla(0,0%,60.8%,.5) transparent}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background-color:hsla(0,0%,60.8%,.5);border-radius:20px;border:transparent}body,head,html{margin:0;padding:0}.settings{height:100vh;width:100%;display:flex;background:#e5e5e5}.settings .forms{display:flex;flex-direction:column;margin-top:2rem;margin-left:80%;width:40rem}@media (max-width:1200px){.settings .forms{margin-left:35%}}@media (max-width:900px){.settings .forms{margin-left:25%}}@media (max-width:650px){.settings .forms{margin-left:25%}}@media (max-width:500px){.settings .forms{width:100%;margin-left:30%}}.settings .update-header{width:100%}.settings .update-header,.settings .update-header-name{font-family:Open sans-serif;font-size:1.3rem;margin-left:7rem;margin-bottom:4%;font-weight:700}.settings .edit-form .email-row{display:flex;flex-direction:row;justify-content:space-evenly}.settings .edit-form .email-row .form-group{display:flex;flex-direction:column}.settings .edit-form .form-label{font-size:.9rem}.settings .edit-form .input{height:1.8rem}.settings .edit-form .row-2{display:flex;flex-direction:row;justify-content:space-evenly;margin-top:5%}.settings .edit-form .row-2 .form-group{display:flex;flex-direction:column}.settings .edit-form .update-btn{display:flex;margin-left:60%;height:2rem;width:21%;background-color:#027ef3;margin-top:3.5%;margin-bottom:2.5%}@media (max-width:500px){.settings .edit-form .update-btn{display:flex;margin-left:6%!important;height:2rem!important;width:8rem!important;background-color:#027ef3;margin-top:3.5%;margin-bottom:2.5%}}.settings .edit-form .update-btn .btn-text{font-size:.9rem;display:flex;margin-left:10.5%;font-family:Bookman;color:#fff}.settings .edit-form .update-btn .btn-text-password{font-size:.9rem;display:flex;margin-left:6%;font-family:Bookman;overflow:hidden;white-space:nowrap;color:#fff}@media (max-width:500px){.settings .edit-form .update-btn .btn-text-password{font-size:.9rem;display:flex;margin-left:3%;font-family:Bookman;overflow:hidden;white-space:nowrap;color:#fff}}.settings .mobile-view{display:flex;flex-direction:column}.settings .mobile-nav-container{display:flex;background-color:#082b84}.settings .mobile-nav-bar{background-color:#082b84}@media (max-width:500px){.settings .form-container-email,.settings .form-container-name{display:none!important}.settings .form-container-password{display:flex;flex-direction:column;width:37.5%;padding-top:5%;padding-right:2%}}@media (max-width:500px) and (max-width:500px){.settings .form-container-password{padding-top:0;margin-top:0;margin-left:4.5%}}@media (max-width:500px){.settings .form-container-password .edit-form .input{width:100%;height:2rem;margin-top:3%;margin-bottom:3%}.settings .form-container-password .edit-form .email-row,.settings .form-container-password .edit-form .row-2{display:flex;flex-direction:column}.settings .form-container-password .edit-form .confirm-password-label{white-space:nowrap}.settings .form-container-password .update-btn{display:flex;align-items:center;margin-left:19%;height:2rem;width:60%;color:#fff}}@media (max-width:500px) and (max-width:500px){.settings .form-container-password .update-btn{margin-top:12%}}@media (max-width:500px){.settings .form-container-password .update-btn .btn-text-password{font-size:.9rem;display:flex;font-family:Bookman;color:#fff}.settings .logo{width:40%;margin-top:5%;margin-left:30%;height:2.5rem;margin-bottom:3%}}@media (max-width:500px){.settings .static-menu,.settings .update-header{display:none!important}}.settings .hamburga-menu{display:none}@media (max-width:500px){.settings .hamburga-menu{display:flex}}.settings .mobile-header{display:none}@media (max-width:500px){.settings .mobile-header{display:flex;font-family:Open sans-serif;font-size:1.5rem;font-weight:700;white-space:nowrap;margin-bottom:15%}}.mobile-hamburger-menu{margin:25px;position:absolute;z-index:1}.mobile-hamburger-menu .mobile-span{background-color:#fff;width:30px;height:5px;display:block;margin-bottom:5px}.mobile-overlay{height:100%;width:0;position:fixed;z-index:1;top:0;left:0;background-color:#082b84;overflow-x:hidden;transition:.5s}.mobile-overlay .mobile-closebtn{right:170px;font-size:35px;color:#818181}.mobile-overlay .mobile-closebtn .close-x{padding-left:210px}.mobile-overlay .mobile-intro{background-color:#082b84;width:214px;height:725px;color:#fff;position:absolute}.mobile-overlay .mobile-intro .mobile-name{font-size:16px;margin-left:20px}.mobile-overlay .mobile-intro .mobile-email-address{font-size:12px;margin-left:20px}.mobile-overlay .mobile-intro span{background-color:hsla(0,0%,100%,.8);display:block;width:100vh;height:1px}.mobile-overlay .mobile-intro .mobile-logo{margin:-20px 0 10px 20px;width:170.81px;height:35.61px}.mobile-overlay .mobile-overlay-content{position:relative;top:18%;width:100%;text-align:left;color:#fff}.mobile-overlay .mobile-overlay-content .mobile-eachNav{display:flex;justify-items:space-evenly;width:100%;padding-left:30px;align-items:center}.mobile-overlay .mobile-overlay-content .mobile-eachNav:hover{background-color:#1c49bb;color:#fff}.mobile-overlay a{padding:16px 0 16px 8px;text-decoration:none;font-size:20px;color:#fff;display:block;transition:.3s;margin-top:0}
/*# sourceMappingURL=main.06d96b76.chunk.css.map */