.App{position:relative;display:block;width:100%;max-width:490px;margin:auto;min-width:260px;overflow:hidden}.BackroundImage{position:absolute;z-index:-1;opacity:.2;width:100%;height:100%;max-height:400px;max-width:490px;overflow:hidden}.InfoBar{display:grid;grid-template-columns:repeat(3,1fr);width:100%;height:50px}.Notam{display:flex;margin:auto}.PersonList{display:block;overflow:scroll}.DateContainer{display:flex;justify-content:center;width:100%;-webkit-user-select:none;user-select:none;height:70px}.DateButton{display:block;position:relative;width:calc(100% / 7);max-width:70px;height:60px;margin:2px;border:solid;border-radius:10px}.DateButton:hover{background-color:#add8e62c;cursor:pointer}#day{text-align:center;margin:0;-webkit-user-select:none;user-select:none;font-size:16px}#date{text-align:center;margin:-5px 0 0;-webkit-user-select:none;user-select:none;font-size:small}.personCount{position:relative;bottom:0;display:flex;width:100%;justify-content:center;font-size:13px}#exclamation{position:relative;bottom:2px;-webkit-user-select:none;user-select:none;left:0;width:13px;height:20px}#personCount{-webkit-user-select:none;user-select:none;margin:0}#personSvg{-webkit-user-select:none;user-select:none;padding-left:1px;width:15px;height:19px}.personList{display:flex;width:100%;margin-top:10px;-webkit-user-select:none;user-select:none}.personTable{width:100%;border-collapse:collapse;table-layout:fixed}th{font-size:12px}td{font-size:small;border-top:0px solid #dddddd;border-bottom:1px solid #add8e669;overflow-wrap:break-word;height:25px}th,td{text-align:left}.DataRow:hover,.DataRow:active{background-color:#add8e62d;cursor:pointer}.AddButton{width:35px;height:35px}.EditButtons{display:flex;justify-content:center;margin-top:10px}.AddButton:hover{cursor:pointer}.ReportButton{height:35px;width:35px;margin-right:30px;cursor:pointer}.ReportModal{position:fixed;z-index:2;left:0;top:0;bottom:0;right:0;margin:auto;width:100%;height:100%;overflow:auto;background-color:#000;background-color:#00000040}.ReportModalWindow{position:absolute;display:block;text-align:center;z-index:3;border-radius:15px;min-width:240px;max-width:240px;background-color:#fefefe;left:0;right:0;top:10%;margin:auto}.SubmitEmailButton{background-color:#90ee90;width:80px;height:100%;border-radius:10px;border:0px solid;margin-right:10px;cursor:pointer}.CancelEmailButton{background-color:#add8e6;width:60px;height:100%;border-radius:10px;border:0px solid;margin-right:10px;cursor:pointer}.SunsetTimes{position:relative;display:block;left:10px;-webkit-user-select:none;user-select:none}p{margin:5px 0 0 5px;font-size:13px}.Sunset{display:flex;margin:0}.Modal{position:fixed;z-index:2;left:0;top:0;bottom:0;right:0;margin:auto;width:100%;height:100%;overflow:auto;background-color:#000;background-color:#00000040}.ModalWindow{position:absolute;display:flex;z-index:3;border-radius:15px;min-width:240px;max-width:240px;background-color:#fefefe;left:0;right:0;top:10%;margin:auto}.PersonModal{position:relative;display:block;width:100%}.ModalInput{display:flex;justify-content:center;height:30px;width:100%;margin-top:15px;margin-bottom:15px}.Label{text-align:right;width:40px;-webkit-user-select:none;user-select:none}.Input{text-align:left;width:140px;margin-left:5px;border:1px solid;border-radius:3px;border-color:#d3d3d3}.ModalTypes{width:100%;margin-top:10px;display:grid;justify-content:center;-webkit-user-select:none;user-select:none}.ModalButtons:hover{cursor:pointer}#ModalButtons{margin-top:30px}#SubmitButton{background-color:#90ee90;width:80px;height:100%;border-radius:10px;border:0px solid;margin-right:10px}#CancelButton{background-color:#add8e6;width:60px;height:100%;border-radius:10px;border:0px solid;margin-right:10px}#DeleteButton{background-color:#f08080;width:60px;height:100%;border-radius:10px;border:0px solid;margin-right:10px}.TrashImage{position:absolute;top:190px;left:20px;cursor:pointer}.InfoBox{position:absolute;display:flex;justify-content:center;align-items:center;text-align:center;z-index:1000;left:-170px;top:50px;border-radius:20px;height:60px;width:160px;-webkit-user-select:none;user-select:none;overflow:hidden;transition:left 1.5s;opacity:.9}.InfoBox p{font-size:large}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}