@font-face{font-family:Sailec;src:url(/fonts/Sailec\ Light.ttf) format("truetype");font-weight:300;font-style:normal}@font-face{font-family:Sailec;src:url(/fonts/Sailec\ Thin.ttf) format("truetype");font-weight:100;font-style:normal}@font-face{font-family:Sailec;src:url(/fonts/Sailec\ Medium.ttf) format("truetype");font-weight:500;font-style:normal}@font-face{font-family:Sailec;src:url(/fonts/Sailec\ Bold.ttf) format("truetype");font-weight:700;font-style:normal}body{font-family:Sailec,sans-serif}.map-div{top:0;bottom:0;left:0;right:0}.info,.map-div{position:absolute}.info{padding:1rem;background-color:#fff;z-index:1;top:100px;left:30px;min-width:280px;border-radius:3px}.info-sub{height:40vh;overflow-y:auto;margin-top:10px}.main{margin:10px 0;padding:10px;border:1px solid #f9f9f9;border-radius:3px}.left,.main{display:flex;align-items:center}.left{width:40px;height:40px;border-radius:100%;flex-shrink:0;border:1px solid #b3c9e6;background-color:#eff6ff;position:relative;justify-content:center}.online:after{background-color:#17dd91}.in_progress:after,.online:after{content:"";position:absolute;width:14px;height:14px;border-radius:14px;right:-2px;bottom:0}.in_progress:after{background-color:#1a73eb}.right{display:flex;flex-direction:column;padding-left:15px}.right .info1{font-size:12px;color:#6d788d}.right .info2{font-size:14px}.mapboxgl-popup-content{padding:15px 20px!important;border-radius:5px!important}.mapboxgl-popup-close-button{width:20px!important;height:20px!important;border-radius:20px!important;background-color:#fff!important;right:-7px!important;top:-7px!important}