.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;flex-direction:column;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}.SecretInput{height:auto;align-items:flex-start}.SecretInput .Label{flex:0 0 70px}.SecretRequiredLabel{color:#c51f1f}.SecretRequiredInput{border-color:#c51f1f;box-shadow:0 0 0 1px #c51f1f}.SecretToggle{align-items:center;justify-content:flex-start;padding-left:27px;box-sizing:border-box}.SecretToggle .Label{width:auto;text-align:left;margin-right:5px}.SecretToggle input[type=checkbox]{margin:0}.SecretField{width:130px;margin-left:8px}.SecretField .Input{box-sizing:border-box;width:130px;margin-left:0}.SecretHint{display:block;margin-top:3px;color:#555;font-size:10px;line-height:12px}.SecretHelp{display:inline-block;width:14px;height:14px;margin-left:2px;border:1px solid #555;border-radius:50%;color:#555;font-size:11px;line-height:13px;text-align:center;cursor:help}.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}.DeleteAction{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;min-height:42px;padding:6px 12px 10px;border:0;border-top:1px solid #f0d1d1;border-radius:0 0 15px 15px;background:transparent;color:#c51f1f;font-size:12px;cursor:pointer}.DeleteAction:hover{background:#fff0f0}.DeleteAction:disabled{background:#f4f4f4;color:#aaa;cursor:not-allowed}.DeleteAction:disabled .TrashImage{opacity:.45}.TrashImage{width:24px;height:24px}.DeleteConfirmationOverlay{position:fixed;z-index:10;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;padding:20px;background:#2414146b}.DeleteConfirmation{width:min(280px,100%);box-sizing:border-box;padding:24px 20px 18px;border:1px solid #f0d1d1;border-radius:16px;background:snow;box-shadow:0 16px 40px #320a0a40;text-align:center}.DeleteConfirmation img{width:34px;height:34px}.DeleteConfirmation h2{margin:10px 0 8px;color:#7c1616;font-size:18px}.DeleteConfirmation p{margin:0;color:#5f4a4a;font-size:13px;line-height:18px}.DeleteConfirmationButtons{display:flex;justify-content:center;gap:10px;margin-top:20px}.DeleteConfirmationButtons button{min-width:82px;padding:8px 12px;border:0;border-radius:8px;font-size:13px;cursor:pointer}.DeleteCancelButton{background:#e7f3f8;color:#245267}.DeleteConfirmButton{background:#d93636;color:#fff}.DeleteConfirmButton:hover{background:#b82424}.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}