body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}body,html{height:100%;margin:0;padding:0;width:100%}.content-container{flex-grow:1;margin-bottom:20px;margin-top:170px;position:relative}.App{display:flex;flex-direction:column;min-height:100vh}footer,header{width:100%}footer{margin-top:auto}footer img{display:block}.date,.email-container{align-items:center;display:flex;gap:10px;margin-bottom:10px}.email-container select{flex-grow:0;max-width:150px}.form-container{box-sizing:border-box;padding:20px;width:100%}.tabs-container{gap:10px;margin-bottom:20px}.tab,.tab2{border:1px solid #ccc;transition:background-color .3s}.tab2:hover,.tab:hover{background-color:#f5f5f5}.tab2.active{background-color:#007bff;color:#fff}.container{border:1px solid #ccc;box-sizing:border-box;width:100%}.title{font-size:1.5em}.date,.email-container2{align-items:center;display:flex;gap:10px;margin-bottom:10px}input[type=date],input[type=text],select{border:1px solid #ccc;border-radius:4px;box-sizing:border-box;flex-grow:1;padding:10px}.email-container2 select{flex-grow:0;max-width:150px}.tabs-container{align-items:center;display:flex;justify-content:space-between;margin:-174px auto 90px;padding:10px;position:relative;width:570px}.active{border:2px solid #d5eaff;box-shadow:0 0 10px rgba(0,0,0,.2)}.tab,.tab2{border-radius:25px;cursor:pointer;font-weight:500;padding:10px 20px;position:relative;transition:background-color .2s,box-shadow .2s;z-index:1}body{background-color:#f6f6f6;font-family:Arial,sans-serif}.container{background-color:#fff;border:1px solid #e0e0e0;border-radius:10px;box-shadow:0 4px 8px rgba(0,0,0,.1);margin:auto;max-width:600px;padding:20px}.header{font-size:24px;font-weight:700;margin-bottom:20px}.radio-container{align-items:flex-start;display:flex;flex-direction:column;gap:10px;width:100%}.radio-item{align-items:center;display:flex;gap:10px}input[type=radio]{cursor:pointer;width:10px}label{word-wrap:break-word;cursor:pointer;flex:1 1;font-size:16px;margin-top:-3px;padding-right:10px;white-space:nowrap}.title{font-size:24px;margin-bottom:20px;text-align:center}input,select{border:1px solid #e0e0e0;border-radius:5px;box-sizing:border-box;margin:10px 0;padding:10px}.date{display:flex;justify-content:space-between}.date input{width:48%}.form-container{margin-bottom:15px}.navigation-buttons button{background-color:#3498db;border:none;border-radius:5px;color:#fff;cursor:pointer;padding:10px 20px;transition:background-color .3s ease}.navigation-buttons button:hover{background-color:#2980b9}.navigation-buttons{display:flex;gap:370px;justify-content:center;margin-top:90px;padding:20px 0}button{border-radius:5px;transition:background-color .3s}button:disabled{background-color:#ccc;cursor:not-allowed}.tab{background-color:#d5eaff;color:#91c3fd}.tab,.tab2{box-shadow:0 0 5px rgba(0,0,0,.2)}.tab2{background-color:#4c9bfb;color:#fff}.event-box{align-items:center;border:2px solid #ff0;border-radius:25px;display:flex;height:600px;justify-content:center;margin-left:auto;margin-right:auto;margin-top:20px;width:950px}.title{font-weight:700}@media only screen and (max-width:768px){.content-box{padding:3%;width:95%}}@media only screen and (max-width:480px){.content-box{border-radius:15px;padding:4%;width:100%}}.tabs-container:before{background-color:#d5eaff;content:"";height:2px;left:15px;position:absolute;right:15px;top:50%;z-index:0}.tab:hover{background-color:#555;box-shadow:0 0 8px rgba(0,0,0,.3)}.fade-out{-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-name:fadeOut;animation-name:fadeOut;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}@-webkit-keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.table-container{align-items:center;display:flex;height:100vh;justify-content:center}.h1{color:#343a40;margin-bottom:20px}.h1,.message{text-align:center}.message{background-color:#90ee90;border-radius:5px;color:#006400;font-size:24px;font-weight:700;margin:20px;padding:10px}.table-responsive{overflow-x:auto;width:90%}.custom-table{background-color:#fff}.custom-table th{background-color:#343a40;color:#fff}.custom-table td,.custom-table th{border:1px solid #dee2e6;padding:8px;text-align:center}.sign-out-button{background-color:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:6px 12px;transition:background-color .3s}.sign-out-button:hover{background-color:#0056b3}.no-users{color:grey;font-size:20px;margin-top:20px;text-align:center}.signout-page .content-container.override-margin{margin-top:0}.home-container{align-items:center;display:flex;flex:1 1;flex-direction:column;font-size:10px;justify-content:center}.logo-container img{margin-bottom:1.25em;width:18.125em}.home-container{opacity:0;position:relative;transition:opacity 1s ease-in-out}.admin-login-button{border:none;border-radius:5px;font-size:12px;opacity:.5;padding:5px 10px;position:absolute;right:100px;top:10px;transition:opacity .3s ease}.admin-login-button:hover{opacity:1}.fade-in{opacity:1!important}.zoom-controls{bottom:30px;flex-direction:column}.zoom-controls,.zoom-controls2{display:flex;gap:5px;position:absolute;right:10px}.zoom-controls2{bottom:500px}.button-container{display:flex;gap:30px;justify-content:space-between}.zoom-controls button{background-color:gray;border:none;border-radius:.3125em;box-shadow:0 .125em .3125em rgba(0,0,0,.1);cursor:pointer;font-size:1.25em;padding:.3125em .625em;transition:background-color .3s}.zoom-controls button:hover{background-color:#000}.signin-button,.signout-button{--btnColor:gold;background-color:var(--btnColor);background-image:linear-gradient(var(--btnColor),color(var(--btnColor) shade(10%)));border:2px solid;border-color:color(var(--btnColor) shade(20%)) color(var(--btnColor) shade(30%)) color(var(--btnColor) shade(40%));border-radius:.3125em;box-shadow:0 .1em .5em rgba(0,0,0,.1),0 .1em .2em rgba(0,0,0,.3),inset 0 -.1em .07em rgba(0,0,0,.3),inset 0 .1em .07em hsla(0,0%,100%,.2);color:rgba(0,0,0,.8);cursor:pointer;display:flex;display:inline-block;flex-direction:column;font:700 3rem Roboto,sans-serif;font-size:2em;gap:90px;justify-content:space-between;justify-content:space-around;margin-top:1.875em;outline:none;padding:.625em 1.25em;text-shadow:0 .08em 0 hsla(0,0%,100%,.5);text-transform:uppercase;transition:all .1s}.signin-button:hover,.signout-button:hover{background-color:#ffc400;box-shadow:0 .1em .5em rgba(0,0,0,.4),0 .1em .2em rgba(0,0,0,.4),inset 0 -.1em .07em rgba(0,0,0,.3),inset 0 .1em .07em hsla(0,0%,100%,.2)}.signin-button:active,.signout-button:active{background-image:linear-gradient(color(var(--btnColor) shade(5%)),var(--btnColor));border-color:color(var(--btnColor) shade(30%)) color(var(--btnColor) shade(20%)) var(--btnColor);box-shadow:inset 0 .1em .2em rgba(0,0,0,.1),inset 0 .1em .1em rgba(0,0,0,.2),inset .05em 0 .07em rgba(0,0,0,.2),inset -.05em 0 .07em rgba(0,0,0,.2);margin-top:1.881em;padding:.625em 1.25em .5625em;transition-duration:10ms}.img{max-width:37.5em;width:11.875em}.login-container{background-color:#fff;border:1px solid #ddd;border-radius:8px;box-shadow:0 4px 6px rgba(0,0,0,.1);margin:0 auto;max-width:400px;padding:20px}h2{margin-bottom:20px;text-align:center}button{background-color:#f8f8f8;border:1px solid #ccc;margin:5px}.input-group{margin-bottom:20px}label{display:block;font-weight:700;margin-bottom:8px}input{border:1px solid #ccc;border-radius:4px;font-size:16px;padding:10px 15px;width:100%}.actions{margin-top:20px;text-align:center}button{background-color:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:16px;padding:10px 20px;transition:background-color .3s ease}button:hover{background-color:#0056b3}.center-contents,.h1,.p{text-align:center}.center-contents{margin-top:100px;padding:20px}.no-data{margin-top:20px}.page-centre{margin-left:auto;margin-right:auto}.ExportButton{margin-top:30px}.custom-table{border-collapse:collapse;width:100%}@media (max-width:1024px){.custom-table td,.custom-table th{font-size:14px;padding:8px}.custom-table td{word-wrap:break-word;max-width:150px;overflow-wrap:break-word}}@media (max-width:768px){.center-contents{padding:10px}.custom-table,.custom-table tbody,.custom-table td,.custom-table th,.custom-table thead,.custom-table tr{display:block}.custom-table thead tr{left:-9999px;position:absolute;top:-9999px}.custom-table tr{margin:0 0 1rem}.custom-table td{border:none;border-bottom:1px solid #eee;padding-left:50%;position:relative}.custom-table td:before{content:attr(data-label);left:6px;padding-right:10px;position:absolute;top:6px;white-space:nowrap;width:45%}td:first-of-type:before{content:"ID"}td:nth-of-type(2):before{content:"FULL NAME"}td:nth-of-type(3):before{content:"Phone Number"}td:nth-of-type(4):before{content:"Date"}td:nth-of-type(5):before{content:"Time of Sign In"}td:nth-of-type(6):before{content:"Email"}td:nth-of-type(7):before{content:"Purpose"}td:nth-of-type(8):before{content:"Time of Sign Out"}}
/*# sourceMappingURL=main.ba1b618f.css.map*/