.map{position:absolute;left:0;top:0;width:100%;height:100vh}.tooltip{position:relative;left:10px;top:50px;width:600px;z-index:1;font-family:sans-serif;font-size:1.1em;border-radius:10px;background-color:#f9f9f9}.familyTooltip{padding:5px;border-radius:10px;border:2px solid #ff0000}.teacherTooltip{padding:5px;border-radius:10px;border:2px solid #0000ff}.schoolTooltip{padding:5px;border-radius:10px;border:2px solid #0a730a}.controlPanel{position:absolute;top:0;left:0;padding-left:20px;float:left;z-index:1;font-family:sans-serif;font-size:1.3em;width:100%;height:40px;color:#1a1a1a;background-color:#f9f9f9;border-bottom:1px solid #535bf2}.controlPanel .label{font-size:.8em;font-weight:lighter;margin-right:10px}.studentNumber{width:300px}.schoolPeople{border-collapse:collapse;border-spacing:0;border:1px solid #535bf2}.schoolPeople thead tr th,.schoolPeople tbody tr td{padding:5px;margin:0;border:1px solid #535bf2}.personInfo{position:absolute;border-radius:5px;background-color:#f3f8ff;padding:10px;z-index:1;top:10px;right:10px;width:600px}.stationPanel{position:absolute;padding:10px;left:10px;top:10px;z-index:1;font-family:sans-serif;border-radius:10px;background-color:#f9f9f9}.universityPanel{position:absolute;padding:10px;left:10px;top:10px;height:90vh;z-index:1;font-family:sans-serif;border-radius:10px;background-color:#f9f9f9;overflow:scroll}.iconLegend{position:absolute;float:left;background-color:#f9f9f9;top:50px;left:10px;z-index:1;font-family:sans-serif;border:1px solid #535bf2;border-radius:10px;padding:10px}.harigami-container{display:flex;width:100%;height:100vh}.properties-panel{width:30%;height:100%;overflow:auto;padding:20px;box-sizing:border-box;background-color:#f9f9f9;border-right:1px solid #ddd}.map-panel{width:70%;height:100%}.properties-table{width:100%;border-collapse:collapse}.properties-table th,.properties-table td{padding:8px;border:1px solid #ddd;text-align:left}.properties-table th{background-color:#f2f2f2;font-weight:700}.no-selection{padding:20px;text-align:center;color:#666}.RecommendPanel{position:absolute;top:0;left:0;float:left;z-index:1;font-family:sans-serif;width:30vw;height:100vh;color:#1a1a1a;border-right:2px solid #747bff;background-color:#f9f9f9}.button{background-color:#535bf2;color:#fff}.studentPanel{position:relative;margin-top:0;padding-left:10px;height:180px}.studentPanel .title{font-size:1.3em}.studentPanel .inputArea{margin-left:30px}.studentPanel .inputArea div{margin-bottom:10px}.listPanel{margin-top:30px;padding:10px;height:78%;overflow:auto}.studentInformation{float:left;width:40%;margin-top:10px;padding:10px;background-color:beige}.teacherInformation{float:left;width:40%;margin-top:10px;padding:10px;background-color:#f3f8ff}.teacherInformation .teacherInformationPanel{margin-bottom:10px;border-bottom:#bebee2 1px solid}.name{font-weight:700}