@import url(https://fonts.googleapis.com/css?family=Montserrat);body{margin:0}.popup{align-items:center;background:#00000080;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100%}.popup-inner{background:#fff;max-width:640px;padding:32px;position:relative;width:100%}.popup-inner .close-btn{cursor:pointer;position:absolute;right:16px;top:16px}.react-calendar{background:#fff;border:1px solid #a0a096;font-family:Arial,Helvetica,sans-serif;line-height:1.125em;max-width:100%;width:350px}.react-calendar--doubleView{width:700px}.react-calendar--doubleView .react-calendar__viewContainer{display:flex;margin:-.5em}.react-calendar--doubleView .react-calendar__viewContainer>*{margin:.5em;width:50%}.react-calendar,.react-calendar *,.react-calendar :after,.react-calendar :before{box-sizing:border-box}.react-calendar button{border:0;margin:0;outline:none}.react-calendar button:enabled:hover{cursor:pointer}.react-calendar__navigation{display:flex;height:44px;margin-bottom:1em}.react-calendar__navigation button{background:none;min-width:44px}.react-calendar__navigation button:disabled{background-color:#f0f0f0}.react-calendar__navigation button:enabled:focus,.react-calendar__navigation button:enabled:hover{background-color:#e6e6e6}.react-calendar__month-view__weekdays{font-size:.75em;font-weight:700;text-align:center;text-transform:uppercase}.react-calendar__month-view__weekdays__weekday{padding:.5em}.react-calendar__month-view__weekNumbers .react-calendar__tile{align-items:center;display:flex;font-size:.75em;font-weight:700;justify-content:center}.react-calendar__month-view__days__day--weekend{color:#d10000}.react-calendar__month-view__days__day--neighboringMonth{color:#757575}.react-calendar__century-view .react-calendar__tile,.react-calendar__decade-view .react-calendar__tile,.react-calendar__year-view .react-calendar__tile{padding:2em .5em}.react-calendar__tile{background:none;line-height:16px;max-width:100%;padding:10px 6.6667px;text-align:center}.react-calendar__tile:disabled{background-color:#f0f0f0}.react-calendar__tile:enabled:focus,.react-calendar__tile:enabled:hover{background-color:#e6e6e6}.react-calendar__tile--now{background:#ffff76}.react-calendar__tile--now:enabled:focus,.react-calendar__tile--now:enabled:hover{background:#ffffa9}.react-calendar__tile--hasActive{background:#76baff}.react-calendar__tile--hasActive:enabled:focus,.react-calendar__tile--hasActive:enabled:hover{background:#a9d4ff}.react-calendar__tile--active{background:#006edc}.react-calendar__tile--active:enabled:focus,.react-calendar__tile--active:enabled:hover{background:#1087ff}.react-calendar--selectRange .react-calendar__tile--hover{background-color:#e6e6e6}*{box-sizing:border-box;font-family:poppins;margin:0;padding:0}a{color:#000;text-decoration:none}ul{list-style:none}button{background-color:#0f71f7;border:none;border-radius:3px;color:#fff;cursor:pointer;font-size:1.2em;padding:5px 15px}button:disabled{background-color:#84b5fa;color:#ccc;cursor:not-allowed}input{padding:5px 15px}input,textarea{border:1px solid #ccc;border-radius:4px;font-size:1.2em}textarea{height:200px;resize:none;width:600px}.table-tag{font-weight:700;width:200px}#events-list-container{height:980px;overflow-y:scroll}.navigation{align-items:center;border-bottom:1px solid #ececec;display:flex;justify-content:space-between;margin:auto;padding:15px 6%;width:100%}.logo{color:#181818;font-size:2.5rem;font-weight:700;text-transform:uppercase}.menu{align-items:center;display:flex;justify-content:center}.menu li a{color:#1f1f1f;font-size:1.2rem;margin:0 5px;padding:10px 15px}.nav-profile{align-items:center;background-color:#f5f5f5;border-radius:50%;display:flex;height:50px;justify-content:center;padding:5px;width:50px}.nav-profile img{height:60%;object-fit:contain;object-position:center}.menu-btn,.menu-icon{display:none}@media (max-width:1600px){.menu li a{font-size:1rem}.logo{font-size:2rem}}@media (max-width:940px){.navigation{padding:15px}.logo{font-size:1.5rem}.nav-profile{height:40px;width:40px}.navigation .menu{background-color:#fff;border-bottom:1px solid #ddd;display:none;left:0;position:absolute;top:100px;z-index:100}.navigation .menu,.navigation .menu li{margin:0;padding:0;width:100%}.navigation .menu li a{align-items:center;border:1px solid #d3d3d303;display:flex;height:40px;margin:0;padding:30px 20px;width:100%}.navigation .menu li a:hover{background-color:#e3e3e3;color:#14171c;opacity:1;transition:.2s}.menu-icon{display:block}.navigation .menu-icon{cursor:pointer;float:right;padding:5px;position:relative;-webkit-user-select:none;user-select:none;z-index:2}.navigation .menu-icon .nav-icon{background-color:#e3e3e3;display:block;height:2px;position:relative;transition:background .2s ease-out;width:25px}.navigation .menu-icon .nav-icon:after,.navigation .menu-icon .nav-icon:before{background-color:#14171c;content:"";display:block;height:100%;position:absolute;transition:all .2s ease-out;width:100%}.navigation .menu-icon .nav-icon:before{top:8px}.navigation .menu-icon .nav-icon:after{top:-8px}.navigation .menu-icon .nav-icon,.navigation .menu-icon:checked~.menu-icon .nav-icon{background-color:#14171c}.navigation .menu-btn:checked~.menu-icon .nav-icon{background-color:initial!important}.navigation .menu-btn:checked~.menu-icon .nav-icon:before{top:0;transform:rotate(-45deg)}.navigation .menu-btn:checked~.menu-icon .nav-icon:after{top:0;transform:rotate(45deg)}.navigation .menu-btn:checked~.menu{display:block}}.dashboard-section{align-items:center;display:flex;flex-direction:column;justify-content:center;margin:50px auto;width:80%}.Dashboard-all-total{grid-gap:30px;display:grid;grid-template-columns:1fr 1fr 1fr;width:100%}.dash-top-boxes{align-items:flex-start;border-radius:10px;display:flex;flex-direction:column;justify-content:center;padding:20px}.icon{background-color:#f7f7f74d;border-radius:8px;height:40px;margin-right:6px;object-fit:contain;object-position:center;padding:5px;width:40px}.dash-top-boxes h2{align-items:center;color:#fff;display:flex;font-size:1.2rem;font-weight:600;justify-content:flex-start}.dash-current-house p,.dash-top-boxes p{color:#fff;font-size:3rem;font-weight:700;letter-spacing:1px}.dash-total-member{background:#611de7;background:linear-gradient(83deg,#341b72,#a477fe)}.dash-member-attendance{background:#2be880;background:linear-gradient(277deg,#2be8b9,#0d9b83)}.dash-week-event{background:#2b55e8;background:linear-gradient(83deg,#1d3485,#4893e8)}.Dashboard-Main{grid-gap:20px;border:1px solid #ebebeb;border-radius:10px;display:grid;grid-template-columns:1fr 1fr 1fr;grid-template-rows:180px 180px 180px 180px;margin-top:30px;padding:20px;width:100%}.dash-add-member{align-items:center;background-color:#222537;display:flex;grid-column-end:2;grid-column-start:1;grid-row-end:2;grid-row-start:1}.dash-add-member img{background-color:#344153;border-radius:50%;height:60px;margin-left:20px;object-fit:contain;object-position:center;padding:15px;width:60px}.dash-current-house{background-color:#ea7317;display:flex;flex-direction:column;grid-column-end:2;grid-column-start:1;grid-row-end:3;grid-row-start:2;justify-content:center}.dash-current-house img{background-color:#f69246;border-radius:4px;height:25px;margin-right:5px;padding:5px}.dash-chart-1{grid-column-end:4;grid-column-start:2;grid-row-end:3;grid-row-start:1}.dash-chart-2{grid-column-end:3;grid-column-start:1;grid-row-end:5;grid-row-start:3}.dash-chart-g{height:100%}.dash-events{grid-column-end:4;grid-column-start:3;grid-row-end:5;grid-row-start:3}.main-dash-box{border-radius:10px;height:100%;padding:20px}.main-dash-box h2{align-items:center;color:#fff;display:flex;font-size:1.6rem;font-weight:600;justify-content:flex-start;letter-spacing:1px}.dash-chart,.dash-events{background-color:#fafafa;border:1px solid #ebebeb;border-radius:10px;padding:20px}.dash-events{overflow-y:auto}.dash-events h3{align-items:center;background-color:#0f71f7;border-radius:20px;color:#fff;display:flex;font-size:1.2rem;font-weight:600;justify-content:center;letter-spacing:1px;margin-bottom:10px;max-width:-webkit-fit-content;max-width:fit-content;padding:4px 20px}.dash-events h2{color:#333;font-size:1.6rem}.dash-events p{color:#818181;font-size:1.2rem}.dash-event-space{background-color:#f1f1f1;border:1px solid #f0f0f0;border-radius:5px;margin-bottom:10px;padding:10px}@media (max-width:1600px){.dashboard-section{max-width:1100px}.Dashboard-Main{grid-gap:20px;display:grid;grid-template-columns:1fr 1fr 1fr;grid-template-rows:120px 120px 120px 120px;width:100%}.dash-top-boxes img{background-color:#f7f7f74d;border-radius:2px;height:20px;margin-right:6px;object-fit:contain;object-position:center;padding:4px}.dash-top-boxes h2{align-items:center;color:#fff;display:flex;font-size:1rem;font-weight:600;justify-content:flex-start}.dash-current-house p,.dash-top-boxes p{color:#fff;font-size:2rem;font-weight:700;letter-spacing:1px}.main-dash-box h2{font-size:1.1rem;font-weight:500;justify-content:flex-start}.dash-events h3,.main-dash-box h2{align-items:center;color:#fff;display:flex;letter-spacing:1px}.dash-events h3{background-color:#0f71f7;border-radius:20px;font-size:.9rem;font-weight:600;justify-content:center;margin-bottom:10px;padding:4px 10px}.dash-events h2{color:#333;font-size:1.2rem}.dash-events p{color:#818181;font-size:.9rem}}@media (max-width:900px){.Dashboard-Main,.Dashboard-all-total{grid-template-columns:1fr 1fr}.Dashboard-Main{grid-auto-rows:120px;grid-template-rows:120px 120px 120px 120px;width:100%}.dash-add-member{grid-column-end:2;grid-column-start:1;grid-row-end:2;grid-row-start:1}.dash-current-house{grid-column-end:3;grid-column-start:2;grid-row-end:2;grid-row-start:1}.dash-chart-1{grid-row-end:4;grid-row-start:2}.dash-chart-1,.dash-chart-2{grid-column-end:3;grid-column-start:1}.dash-chart-2{grid-row-end:6;grid-row-start:4}.dash-events{grid-column-end:3;grid-column-start:1;grid-row-end:8;grid-row-start:6}}@media (max-width:600px){.Dashboard-all-total{grid-template-columns:1fr}.Dashboard-Main{grid-gap:10px;display:flex;flex-direction:column;padding:10px}.dash-current-house p,.dash-top-boxes p{font-size:1.4rem}.Dashboard-all-total{grid-gap:10px}.dash-add-member img{height:40px;object-fit:contain;padding:8px;width:40px}.dash-chart-g{min-height:250px}.dash-current-house h2,.dash-top-boxes h2{flex-wrap:wrap}}.attendance{align-items:flex-start;display:grid;grid-template-columns:.6fr 1.4fr;margin:50px auto;width:80%}.attendance-allmembers,.attendance-member-name{border:1px solid #e2e2e2;border-radius:3px;padding:20px}.attendance-allmembers{margin-right:20px}.attendance-allmembers,.attendance-member-name{height:66vh;overflow:hidden;overflow-y:auto}.attendance-member-container{width:100%}.attendance-allmembers-heading{align-items:flex-start;display:flex;flex-direction:column;justify-content:flex-start}.attendance-allmembers-heading h3{color:#1f1f1f;font-size:1.2rem;font-weight:500;letter-spacing:1px;text-transform:uppercase}.attendance-allmembers-heading input,.attendance-member-name .member-name-h1 input,.attendance-member-name .member-name-h2 input{background-color:#f5f5f5;border:none;font-size:.9rem;height:40px;outline:none;padding:10px;width:90%}.attendance-member-name .member-name-h2 input{width:27%}.attendance-allmembers table{margin-top:20px}.attendance-member-name .member-name{font-size:1.2rem}.attendance-allmembers td{color:#2f2f2f;font-size:1.2rem;padding:10px 0;width:100%}.attendance-allmembers td button{border-radius:20px;font-size:.9rem;height:35px;margin-left:auto;width:100px}.attendance-member-name .member-name-h1{align-items:flex-start;display:flex;flex-direction:column;justify-content:flex-start;width:100%}.attendance-allmembers-heading h3,.member-name-h th{font-size:1.4rem}.attendance-member-name .member-name{color:#1b1b1b;font-weight:500}.attendance-member-name .member-check-time{color:#333;font-size:1.14rem;text-align:center}.attendance-member-name tr{margin:10px}.attendance-member-container form{align-items:center;color:#2f2f2f;display:flex;justify-content:flex-start;margin-top:20px}.attendance-member-container form input{background-color:#f1f1f1;border:none;font-size:1rem;outline:none;text-transform:uppercase}.attendance-member-name table{max-width:100%;width:100%}.attendance-member-container form button{align-items:center;display:flex;font-size:1rem;height:35px;justify-content:center;margin-left:10px}.refreshLogsButton{color:#0f71f7;cursor:pointer;margin-left:10px}.refreshLogsButtonDisabled{color:#2f2f2f;margin-left:10px}@media (max-width:1600px){.attendance{align-items:flex-start;display:grid;grid-template-columns:.6fr 1.4fr;margin:50px auto;max-width:1100px;width:90%}.attendance-allmembers td,.attendance-allmembers-heading h3,.attendance-member-name .member-check-time,.attendance-member-name .member-name,.member-name-h th{font-size:1rem}}@media (max-width:880px){.attendance{display:grid;grid-template-columns:1fr}.attendance-allmembers,.attendance-member-name{max-height:450px;overflow-y:auto!important}.attendance-allmembers{margin-bottom:20px;margin-right:0}.attendance-allmembers-heading input{width:100%}}@media (max-width:570px){.attendance-member-name{overflow:hidden;overflow-x:scroll;width:100%}.attendance-allmembers{max-width:100%;width:100%}.attendance-member-name table{min-width:500px;overflow-x:scroll}.attendance-member-container form{flex-wrap:wrap}.attendance{display:flex;flex-direction:column}}@media (max-width:500px){.attendance-member-container form{align-items:flex-start;flex-direction:column;justify-content:flex-start}.attendance-member-container form button{height:45px;margin-left:0;margin-top:10px;max-width:180px;width:100%}}.member-main{height:88vh}.members-section{border:1px solid #ebebeb;border-radius:5px;height:94%;margin:50px auto 0;overflow:hidden;overflow:auto;padding:10px 20px;width:80%}.member-section-top{align-items:center;display:flex;justify-content:space-between;width:100%}.member-buttons button{border-radius:4px;color:#fff;margin-right:5px}.member-section-top input{background-color:#f6f6f6;border:1px solid #eee;font-size:1rem;max-width:340px;outline:none;width:100%}.members-section table{margin-top:20px;width:100%}.members-section table th{background-color:#f5f5f5;font-size:1.2rem;padding:5px 10px;text-align:start}.members-section table td{padding:5px 10px}.member-buttons button,.member-section-top input,.members-section table td,.members-section table th{font-size:1.2rem}.pagination{float:right;margin-right:10%}#pagination-break{background-color:#f5f5f5;border:none;border-radius:3px;font-size:1.2em;padding:5px 15px}.export-button{float:left;margin-left:10%;margin-top:4px}.page-link{margin:4px;width:50px}.add-member-form,.event-form,.event-form-details,.member-details-popup,.member-id-qr-popup{align-items:flex-start;display:flex;flex-direction:column;margin:auto;padding:0 20px}.popup-inner{max-width:640px!important;width:90%}.add-member-form h1,.event-form h1,.event-form-details h1,.member-details-popup h1,.member-draft-message h1{background-color:#18417a;border-radius:4px;color:#2f2f2f;color:#fff;font-size:1.2rem;font-weight:500;letter-spacing:1px;padding:5px 20px;text-transform:uppercase}.add-member-form form h2,.event-form form h2,.event-form-details h2,.member-details-popup h2{color:#1b1b1b;font-size:1.4rem;font-weight:600;margin-top:20px}.add-member-form form hr,.event-form form hr{border:1px solid #fff;margin-bottom:0;max-width:120px;opacity:0;width:100%}.member-presonal-info{display:flex;flex-direction:column}.add-member-form form input,.event-form form input,.member-draft-message input,.member-presonal-info input{background-color:#f5f5f5;border:1px solid #dfdfdf;font-size:1rem;margin-bottom:6px;outline:none;width:100%}.member-gender-form{align-items:center;display:flex;justify-content:flex-start;width:100%}.member-gender-form label{align-items:center;display:flex;justify-content:center;margin:0}.member-gender-form label input[type=radio]{display:flex;height:15px;margin:0;width:15px}.add-member-form form button{background-color:#2158ee;border-radius:5px;color:#fff;font-size:1rem;height:45px;margin-top:20px;width:100%}.event-form-details table,.member-details-popup table{background-color:#f1f1f1;border:1px solid #ddd;border-radius:4px;padding:10px;width:100%}.member-details-buttons{align-items:center;display:flex;flex-wrap:wrap;justify-content:space-between;margin-top:10px;padding:10px;width:100%}.event-details-edit-btns,.member-details-edit-btns{display:flex;flex-wrap:wrap;font-size:1.2rem;margin-left:10px}.member-details-edit-btns .member-edit-icon{align-items:center;background-color:#e9e9e9;border:1px solid #ddd;border-radius:3px;cursor:pointer;display:flex;justify-content:center;margin-left:5px;padding:10px}.member-id-img{height:100%;padding:5px;width:100%}.member-id-img img{height:100%;margin-bottom:10px;object-fit:contain;width:100%}.member-id-img button{margin-right:10px}.member-camera{height:100%;object-fit:contain;padding:5px;width:100%}.printable{width:100%}.memberid-qr-cover{height:100%;margin:20px 0 0;width:100%}.memberid-qr-cover img{max-height:150px;object-fit:cover;object-position:center}.printable{background:#555;background:linear-gradient(180deg,#555 60%,#fff 0);display:flex;height:337px}.memberid-banner-container{display:flex;margin-left:10px}.memberid-banner{height:100%;width:10px}.memberid-profile-container{align-items:center;display:flex;flex-wrap:wrap;justify-content:space-between;margin:auto auto auto -10px;width:90%}.memberid-qr-profile{align-items:center;display:flex;flex-direction:column;justify-content:center;margin-top:-30%;position:relative;top:20px;width:220px}.memberid-qr-profile h1{font-size:1.1rem;font-weight:600;letter-spacing:1px;margin-top:10px;text-align:center;text-transform:uppercase}.memberid-qr-container{align-items:center;display:flex;flex-direction:column;justify-content:center;margin-left:-50px;margin-top:5px;width:auto}.memberid-qr-container h3{color:#1f1f1f;font-size:.9rem;font-weight:500;letter-spacing:2px}.memberid-qr-btns{align-items:center;display:flex;justify-content:center;margin-top:10px;width:100%}.memberid-qr-btns button{margin:0 5px}.member-draft-message{align-items:flex-start;display:flex;flex-direction:column;justify-content:flex-start;max-height:70vh;overflow:auto;width:100%}.event-form form textarea,.member-draft-message textarea{background-color:#f0f0f0;font-size:1rem;outline:none;padding:10px;width:100%}.member-draft-message textarea::placeholder{font-size:1rem}.event-form form button,.member-draft-message button{font-size:1rem;height:50px;margin-top:10px;width:100%}.member-draft-message h1{margin-bottom:20px}.member-draft-message h2{color:#1f1f1f;font-size:1.2rem;font-weight:700;letter-spacing:1px;text-transform:uppercase}.member-draft-message table{background-color:#f1f1f1;margin-top:10px;width:100%}.member-draft-message table tr td{border:1px solid #e4e4e4;margin:0!important;padding:5px 10px}.member-draft-message .draft-name{display:flex;margin-right:10px}@media (max-width:1600px){.members-section{max-width:1100px;width:90%}.member-buttons button,.member-section-top input,.members-section table td,.members-section table th{font-size:1rem}}@media (max-width:770px){.member-section-top{align-items:flex-start;flex-direction:column;justify-content:flex-start}.member-section-top input{margin-top:10px;max-width:100%;width:100%}}@media (max-width:600px){.members-section{max-height:100%;overflow:auto}.members-section table{min-width:600px;overflow-x:scroll}.add-member-form form h2,.event-form form h2,.event-form-details h2,.member-details-popup h2{color:#1b1b1b;font-size:1.2rem;font-weight:600;margin-top:20px}.popup-inner{padding:20px 10px}.memberid-qr-profile{max-width:220px;width:90%}.memberid-qr-btns{flex-wrap:wrap}.memberid-qr-btns button{margin-top:3px}.memberid-profile-container{align-items:center;display:flex;flex-direction:column;justify-content:center}}@media (max-width:380px){.member-buttons{flex-direction:column}.member-buttons button{margin:3px 0;width:100%}.member-details-buttons{flex-wrap:wrap;padding:0}.event-details-edit-btns,.member-details-edit-btns{margin-left:0!important;margin-right:5px;margin-top:10px}.member-id-img button{margin-top:3px}.memberid-qr-btns button{width:100%}}@media (max-width:340px){.member-draft-message table{width:100%}.member-draft-message table tr{display:flex;flex-direction:column;margin-bottom:10px;width:100%}.member-draft-message table tr td{margin:2px 0;width:100%}}.event-section{display:flex;margin:50px auto;width:80%}.event-container{margin-right:20px;width:100%}.events-list-container{width:100%}.event-heading{align-items:center;background-color:#fff;border:1px solid #e2e2e2;border-radius:10px;box-shadow:2px 2px 16px #00000012;display:flex;justify-content:space-between;padding:20px}.event-heading h1{color:#131313;font-size:1.6rem;font-weight:700;letter-spacing:1px;text-transform:uppercase}.event-heading button{font-size:1rem;height:45px}.events-list-container h3{background-color:#fff;color:#2f2f2f;font-size:.9rem;font-weight:500;letter-spacing:1px;margin-top:30px;padding:3px 10px}.events-list-container hr{border:1px solid #fff;border-top-color:#c5c5c5;display:flex}.event-box{background-color:#f5f5f5;border:1px solid #cfcfcf;border-radius:5px;margin:10px 0;padding:20px}.event-box h2{font-size:1.4rem;font-weight:700;letter-spacing:.5px;line-height:1.4rem}.event-box h4{color:#1d41e2;font-size:.9rem;font-weight:500}.event-box button{font-size:1rem;margin-top:15px}.event-calendar p{color:#1f1f1f;margin-top:10px;text-align:center}.event-cal{border:1px solid #cfcfcf;border-radius:10px;padding:10px}.react-calendar__navigation__label__labelText{color:#14171c}.react-calendar__navigation button{color:#131313}.react-calendar__month-view__days__day{color:#14171c}.react-calendar__month-view__days__day--weekend{color:#0f71f7}.react-calendar__month-view__days__day--neighboringMonth{opacity:.5}.react-calendar__tile--active{color:#fff}.event-form form{width:100%}.event-form-gender{margin-top:6px}.event-form-gender,.event-form-gender label{align-items:center;display:flex;justify-content:flex-start}.event-form-gender label{color:#1f1f1f;font-size:1.2rem;margin-right:20px;-webkit-user-select:none;user-select:none}.event-form-gender input[type=checkbox]{height:18px;margin-right:5px;width:18px}.event-details-edit-btns{margin-top:20px}.event-details-edit-btns .event-edit-btn-icon{align-items:center;background-color:#0f71f7;color:#fff;cursor:pointer;display:flex;justify-content:center;margin-right:10px;padding:10px}@media (max-width:1600px){.event-section{display:flex;max-width:1100px;width:90%}}@media (max-width:960px){.event-calendar,.event-section{display:flex;flex-direction:column}.event-calendar{align-items:center;justify-content:center;margin-top:30px;text-align:center}.event-heading{flex-wrap:wrap}}@media (max-width:540px){.event-heading{align-items:center;flex-direction:column;justify-content:flex-start}.event-heading h1{font-size:1.3rem}.events-list-container h2{font-size:1.2rem}.event-heading button{margin-top:8px;width:100%}}@media (max-width:400px){.add-member-form,.event-form,.event-form-details,.member-details-popup,.member-id-qr-popup{padding:20px 8px}}@media (max-width:300px){.event-form-gender{flex-wrap:wrap}}#login-failure{background:#e57373;border-radius:4px;color:#fff;padding:15px;text-align:center}.login-section{background-color:#fff;display:grid;grid-template-columns:.7fr 1fr;left:0;min-height:100vh;overflow:auto;position:fixed;top:0;width:100%;z-index:100}.login-container{background-color:#fff;border-radius:10px;margin:auto;max-width:400px;padding:20px}.login-container form h1{border-radius:30px;font-size:1.6rem;font-weight:600;letter-spacing:1px;margin-bottom:10px;text-align:center}.login-container form input{background-color:#f3f3f3;border:1px solid #eee;font-size:1rem;height:45px;margin:5px 0;outline:none;width:100%}.login-container form button{font-size:1rem;height:45px;margin-top:5px;text-transform:uppercase;width:100%}.login-bg{align-items:center;background:#0061e6;background:linear-gradient(0deg,#0061e6,#6dacff);display:flex;height:100%;justify-content:center;position:relative;width:100%}.login-bg img{height:100%;left:50%;object-fit:contain;object-position:center;position:absolute;top:50%;transform:translate(-50%,-50%);width:70%}@media (max-width:850px){.login-section{grid-template-columns:1.3fr 1fr}}@media (max-width:670px){.login-section{grid-template-columns:1fr}.login-bg{display:none}.login-container form h1{font-size:1.2rem}}.scanner-section{margin:50px auto;max-width:600px;width:90%}.scanner-section form{align-items:center;display:flex;width:100%}.scanner-section form input{background-color:#eee;margin-right:10px;width:100%}.scanner-section form button{font-size:1rem;height:42px;letter-spacing:1px;padding:10px 20px}.scanner-section table{background-color:#f1f1f1;border:1px solid #f3f3f3;border-radius:0 0 10px 10px;margin-top:10px;width:100%}.scanner-section table tr{width:100%}.scanner-section table tr td{border:1px solid #e4e4e4;padding:5px}
/*# sourceMappingURL=main.2d1ca935.css.map*/