body{margin:0;padding:0;font-family:sans-serif;background-color:#f7f7f7}body.has-map-layout{display:flex;flex-direction:row;width:100vw}#ui_container{width:45%;height:100vh;overflow:hidden;position:relative}#map{width:55%;height:98vh;border:2px solid black;margin:5px;border-radius:10px}h1{text-align:center}.grid-table{height:87%}.grid-row-container{overflow-y:scroll;height:93%}.grid-row{display:flex;gap:1px;width:97%;margin:0 8px 4px 4px;border-radius:20px;padding:2px;overflow:hidden}.grid-row:not(.grid-header){background-color:#fff;box-shadow:2px 2px 5px #0003}.grid-cell{flex:1;padding:10px;text-align:center;display:flex;justify-content:center;align-items:center;color:#000}.grid-row:not(.grid-header) .grid-cell{background-color:#fff}.grid-row.grid-header{font-weight:700}.grid-row.grid-header .grid-cell{background-color:inherit;color:#000}.grid-row:not(.grid-header):hover{background-color:#f0f0f0;transition:background-color .3s ease}.grid-row:not(.grid-header):hover .grid-cell{background-color:inherit;color:#000}.button{border:none;border-radius:30px;font-weight:lighter;cursor:pointer}.button.add{padding:10px 30px;background-color:#193148;color:#fff;margin-left:20px}.button.add:hover{background-color:#305a84}#multi_button{display:flex;flex-direction:column;margin-left:10px}.btn{border:none;font-weight:700}.btn.route{background-color:#fae17f;border-top-left-radius:10px;border-top-right-radius:10px;width:100px;height:25px}.btn.edit{background-color:#76f68d;border-bottom-left-radius:10px;width:50px;height:25px}.btn.del{background-color:#f67676;border-bottom-right-radius:10px;width:50px;height:25px}.sub_multi_button{display:flex;flex-direction:row}.subtop{display:flex;flex-direction:row;justify-content:space-between;align-items:center;margin-bottom:20px}.inputContainer{width:400px;margin-right:40px}.inputContainer input{width:100%;height:30px;border-radius:30px;color:#9c9c9c;border:none;box-shadow:0 4px 8px #0003;text-align:center;font-family:Arial,Helvetica,sans-serif}.inputContainer input:focus{border:#193148 2px solid;outline:none}.menu{width:300px;height:200px;background-color:#f2efef;border-radius:20px;display:flex;flex-direction:column;align-items:center;box-shadow:0 4px 8px #0000004d;position:relative;left:30%}.menu.editing{visibility:hidden}.menu.editing input{border:none;width:180px;border-radius:5px;height:30px}.menu #editing_name{position:relative;right:1%;margin-right:18px}.menu div{margin-bottom:4%}.btn.updateEdit{background-color:#f6dc76;color:#fff;padding:5px 10px;border-radius:10px}.btn.updateEdit:hover{background-color:#ffefad}.menu.deleting{visibility:hidden}.menu.deleting div{position:relative;bottom:10%;width:100%;text-align:center}.menu.deleting div span{font-weight:700}.menu #title{position:relative;font-weight:700}.menu .close_button{position:relative;background-color:#f2efef;left:42%;bottom:20%;cursor:pointer;border:none}.menu .close_button:hover{color:#f30909}.btn.deleting{background-color:#f6dc76;color:#fff;padding:5px 10px;border-radius:10px;position:relative;bottom:8%;cursor:pointer}.btn.deleting:hover{background-color:#ffefad}.menu_wrapper{position:absolute;border-radius:20px;width:380px;height:300px;visibility:hidden;left:22%;top:40%;background-color:#f2efef;box-shadow:0 4px 8px #0000004d}#close_button{position:absolute;padding:0;top:10px;right:10px;border:none;background-color:#f2efef;cursor:pointer}.input_line.name{position:absolute;top:50px;left:30px;border:none}.input_line.name label{margin-right:19px}.input_line input{border-radius:10px;height:30px;width:240px;border:none}.input_line textarea{border-radius:10px;height:70px;width:240px;border:none;resize:none}.input_line.prov{position:absolute;top:90px;right:1px;left:30px}.input_line.address{position:absolute;top:130px;left:30px}.input_line.address label{margin-right:2px;position:relative;bottom:35px}.input_line.address button{padding:5px;position:absolute;margin-left:5px;white-space:nowrap;border-radius:10px;border:none;background-color:#f6dc76;color:#fff}#update_button{position:absolute;left:160px;padding:5px 10px;border-radius:10px;border:none;background-color:#f6dc76;color:#fff;top:250px;cursor:pointer}#update_button:hover{background-color:#ffd737}