@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@300&display=swap);:root{--primary-color:#00c1de;--secondary-color:#00c1de}*{margin:0;padding:0;-moz-box-sizing:border-box;box-sizing:border-box}body{font-family:Roboto,sans-serif}.container{display:grid;height:100vh;width:100vw;grid-template-columns:1fr;grid-template-rows:1fr}.login-container{max-width:20rem;margin:2rem auto;padding-bottom:2rem;box-shadow:0 4px 22px -6px rgba(0,0,0,.75)}header{width:100%;background:var(--primary-color);padding:1rem}header h3{color:#fff}.block{display:inline-block}.centered-button{text-align:center;position:relative;z-index:0}.table-visitors{width:90%;margin:2rem auto;border-collapse:collapse;position:relative;z-index:10}.table-visitors td,.table-visitors th{text-align:left;border-top:1px solid #ddd;border-bottom:1px solid #ddd;padding:.5rem}.table-visitors th{background:#fafafa;padding:1rem auto}.btn{background:transparent;width:5rem;height:2rem;border-radius:1rem;cursor:pointer;outline:none;-webkit-transition:all .5s ease;transition:all .5s ease;margin-left:auto;margin-right:auto}.table-visitor-header{display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-align-items:center;align-items:center}.table-visitor-header-select{margin-left:8px;color:#fff}.btn-edit{color:var(--primary-color);border:1px solid var(--primary-color)}.btn-edit:hover{background:var(--primary-color);color:#fff}.btn-delete:hover{background:var(--secondary-color);color:#fff}.table-wrapper{text-align:center}.btn-add{width:8rem;height:3rem;background:var(--primary-color);border:none;color:#fff;margin-left:auto;margin-right:auto}.modal-container,.visitor-list-container{grid-column:1/span 1;grid-row:1/span 1}.modal-container{z-index:10;width:100%;height:100%;background:rgba(36,35,35,.32941176470588235)}header .MuiSvgIcon-root{fill:#fff}header .MuiInput-underline:hover:not(.Mui-disabled):before{border-bottom-color:#fff}header .MuiInputBase-input{color:#fff}header .MuiInput-underline:before{border-bottom-color:#fff}.modal{position:relative;background:#fff;text-align:center;width:25rem;margin:5rem auto;box-shadow:0 4px 22px -6px rgba(0,0,0,.75);-webkit-animation-name:animatetop;animation-name:animatetop;-webkit-animation-duration:.4s;animation-duration:.4s}@-webkit-keyframes animatetop{0%{top:-300px;opacity:0}to{top:0;opacity:1}}@keyframes animatetop{0%{top:-300px;opacity:0}to{top:0;opacity:1}}.modal-header{margin-bottom:1rem;background:#f8fafb;padding:2rem}.modal-body{padding:0 2rem 2rem}.modal-buttons-container{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center}.btn-modal{background:#00c1de;border:none;color:#fff;width:9rem}input{width:100%;height:2.2rem;text-indent:.5rem;outline:none}.form-row{height:36px}.connect-container{border:1px solid #17313a!important;margin:200px auto 0;width:400px}.login-header{background-color:#17313a!important;padding:20px;text-align:center}.login-form{padding:20px}.login-form-row{height:36px}.login-form-row label{display:inline-block;width:120px}.login-form-row input{display:inline-block;height:24px;margin:0;padding:0 5px;width:200px}.login-btn{margin-top:10px;font-size:28px;height:40px;text-transform:uppercase;background-color:#17313a;color:#fff;-moz-user-select:none;border:1px solid transparent;border-radius:4px;cursor:pointer;display:inline-block;font-size:14px;font-weight:400;line-height:1.42857;margin-bottom:0;padding:5px 25px;text-align:center;vertical-align:middle;white-space:nowrap}.dateSelectionInput{width:200px;margin-left:15px;margin-right:15px}