#react-map .map-container{height:500px;position:relative}#react-map .map-container.fixed{position:fixed;top:0;border-top:10px solid white;height:510px;width:100%;margin-left:auto;margin-right:auto;left:0;right:0;margin-bottom:100px}#react-map .map-gap{height:655px}#react-map .message{border:1px solid #ddd;padding:5px 15px;border-radius:5px;background-color:#fff}#react-map #road-list{margin:15px 0 0;padding-left:0;list-style:none;display:flex;justify-content:space-around;flex-wrap:wrap;gap:2px}#react-map #road-list li{line-height:2;float:left}#react-map #road-list li button{background:#585858;border:none;color:#fff;padding:3px 8px;border-radius:0;margin-right:2px;margin-left:0;margin-bottom:2px;font-size:15px;font-weight:500}#react-map #road-list li button.selected{background-color:#ffa300;text-decoration:none}#react-map #road-list.fixed{position:fixed;top:495px;border-top:15px solid white;background:white}#react-map #direction{margin:15px 0;padding-left:0;list-style:none;display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px}#react-map #direction li{list-style:none;flex:1}@media (max-width: 767px){#react-map #direction li{flex:none;width:100%}}#react-map #direction li button{background:#585858;border:none;color:#fff;display:block;padding:3px 20x;width:100%;border-radius:0}#react-map #direction li button.selected{background-color:#ffa300;text-decoration:none}#react-map #direction.fixed{position:fixed;top:546px;border-top:15px solid white;background:white}#react-map .route-list-new{padding:0;display:flex;flex-direction:column}#react-map .route-list-new .route-item-new{border:1px solid #ccc;padding:15px;flex-direction:row;flex-wrap:wrap;gap:15px;display:flex;flex:1;margin-bottom:15px}#react-map .route-list-new .route-item-new.with-background{background-color:#ffa3001c;border:1px solid #ffa300}#react-map .route-list-new .route-item-new select,#react-map .route-list-new .route-item-new input{width:49%;box-sizing:border-box;background-color:#fff;padding:7px 15px}@media (max-width: 767px){#react-map .route-list-new .route-item-new select,#react-map .route-list-new .route-item-new input{flex:none;width:100%}}#react-map .route-list-new .route-item-new select optgroup:empty,#react-map .route-list-new .route-item-new input optgroup:empty{display:none}#react-map .route-list-new .route-item-new .item-title{display:none}#react-map .route-list-new.right-version{position:fixed;top:0;right:0;background:#e9ecef;max-height:100vh;overflow-y:scroll;-webkit-overflow-scrolling:touch;transform:translate(100%);transition:transform .4s ease-in-out}#react-map .route-list-new.right-version.active{transform:translate(0)}#react-map .route-list-new.right-version .route-item-new{display:flex;flex-wrap:wrap;gap:5px;border:none;border-bottom:2px dashed #ccc;margin-bottom:0;padding-top:20px;padding-bottom:20px}#react-map .route-list-new.right-version .route-item-new select,#react-map .route-list-new.right-version .route-item-new input{font-size:12px;padding:5px 8px}@media (max-width: 1540px){#react-map .route-list-new.right-version .route-item-new select,#react-map .route-list-new.right-version .route-item-new input{flex:none;width:100%}}#react-map .route-list-new.right-version .route-item-new button{margin-top:5px;height:30px;font-size:12px;background:#990000;color:#fff;border:none}#react-map .route-list-new.right-version .route-item-new .item-title{display:none}#react-map .route-list-new.right-version .route-item-new:first-child .item-title{display:block;flex-basis:100%;margin-bottom:5px;font-weight:400;text-transform:uppercase}#react-map .route-list-new.right-version .route-item-new:last-child{border-bottom:0px}#react-map #popup-content{width:200px}#react-map select[error=true]{border-color:red;background-color:#fff0f0;color:red}#react-map select option{font-size:16px}#react-map select option:disabled{background-color:#aaa;color:#333}