main{display:flex;flex-direction:row;justify-content:center;padding:20px}h1,h2,h3,h4,h5,h6,span{font-family:Verdana,Geneva,Tahoma,sans-serif}.tile{width:50%;height:90vh;background-color:#ddd;border-radius:20px;box-shadow:-3px 3px 20px #000;position:relative}.screen-reader-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.hidden{display:none!important}label,a,p,h4{font-family:Verdana,Geneva,Tahoma,sans-serif;font-size:20px}header{display:flex;justify-content:space-between;border-bottom:solid 3px #222;font-family:Verdana,Geneva,Tahoma,sans-serif;font-size:22px}.header-left{flex:33%}.nav-back{position:relative;left:25px;top:11px;font-size:20px;text-decoration:none;color:#222}.nav-back:hover{background-color:#ccc}.nav-back:active{background-color:#aaa}header h3{flex:33%;text-align:center;margin:10px}header summary{flex:60%;text-align:center;margin:10px}summary:hover{cursor:pointer}.name-list{position:absolute;z-index:3;border:solid #222 2px;width:17rem;background-color:#ddd;box-shadow:#222 0 3px 7px;top:50px;left:0;right:0;margin-inline:auto}.name-list-ul{list-style-type:none;margin:0;padding:0;text-align:center}.name-list-li{border-bottom:solid #222 2px}.name-list-li:last-of-type{border-bottom:none}.name-list-li a{padding:7px 0;display:block;text-decoration:none;color:#222}.name-list-li a:hover{background-color:bisque;cursor:pointer}#new_student_rate{width:40px}#auth-menu{display:flex;flex:33%;justify-content:right}#signon a{padding:10px;color:#000;text-decoration:none;box-shadow:#000 0 2px 5px}#signon a:hover{background-color:bisque;cursor:pointer}#rate-menu{position:absolute;bottom:10px;left:30px}#rate-menu *{display:inline-block;font-size:20px;font-family:Verdana,Geneva,Tahoma,sans-serif}#rate-menu input{width:4rem;height:30px;margin:5px;background-color:#ddd}.table-header{display:flex;flex-direction:row;background-color:#aaa}.session-row:nth-of-type(2n){background-color:#aaa}.session-row:nth-of-type(odd){background-color:#ccc}.row-top{height:44px;width:100%;display:flex}.row-bottom{width:100%;display:flex}.table-header span{border-top:solid #222 3px;border-bottom:solid #222 3px}.table-text,.table-input{text-align:center;line-height:44px;vertical-align:middle}.check-table,.id-table{flex:10%}.date-table,.time-table{flex:20%}.rate-table,.charge-table{flex:15%}.btn-table{flex:10%}.table-input input{width:80%}.check-table-input{flex:20%;text-align:center}.check-table input{transform:scale(1.5)}.check-table-input input{width:20%;transform:scale(1.5)}.btn-table-input{flex:25%;text-align:left}#student-table{margin-top:25px}#student-table{font-family:Verdana,Geneva,Tahoma,sans-serif;font-size:20px}#student-table table{width:100%;background-color:#aaa;border-collapse:collapse}#session-table{margin-top:15px}#session-table *{font-family:Verdana,Geneva,Tahoma,sans-serif;font-size:20px}.row-container{height:55vh;overflow-y:scroll}.student-id-header{flex:10%}.student-name-header{flex:60%;text-align:left}.student-del-header{flex:9%}.student-btn-header{flex:6%}.student-id{flex:10%;text-align:center}.student-name{flex:60%}.student-status{flex:15%;text-align:left}.student-btn{flex:10%}.student-del{flex:5%}.student-name a{color:#000;text-decoration:none}.student-name a:hover{text-decoration:underline}.btn{border-radius:5px;border:solid #222 2px;background-color:#eee;padding:5px;height:35px;min-width:37px;font-size:20px}.btn:hover{cursor:pointer;background-color:#ddd}.btn:active{background-color:#aaa}.btn-manage{background-color:#0000}.btn-manage:hover{background-color:#00000040}.btn-manage:active{background-color:#00000080}.btn-profile{height:40px;min-width:40px;margin:5px 25px 5px 0}.btn-add{background-color:#179732;color:#fff}.btn-add:hover{background-color:#1b8532;color:#fff}.btn-add:active{background-color:#196e2c;color:#aaa}.btn-del{background-color:transparent}.btn-del:hover{background-color:#970000}.btn-del:active{background-color:#5d0000;color:#ddd}.btn-invoice{margin-left:15px;background-color:#fff}.btn-add-class{margin-left:15px}.btn-dates{margin:0 5px}.spinner{display:inline-block;width:29px;text-align:center;line-height:29px;vertical-align:middle;animation-name:spin;animation-duration:.5s;animation-direction:normal;animation-iteration-count:infinite;animation-timing-function:linear;transform-origin:center}.table-input .spinner{margin-right:8px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(180deg)}}#signon{position:absolute;top:50px;right:0;z-index:4;background-color:#ccc;width:200px;border:solid 2px #222}#signon a{display:block;text-align:right}.add-menu{display:flex}.flex-05{flex:5%}.flex-10{flex:10%}.flex-15{flex:15%}.flex-20{flex:20%}.flex-25{flex:25%}.flex-30{flex:30%}.flex-40{flex:40%}.flex-50{flex:50%}.flex-60{flex:60%}.flex-70{flex:70%}.add-menu input[type=text]{font-size:20px;width:85%;margin-left:5px}.student-row{line-height:44px;vertical-align:middle}.student-row:nth-child(odd){background-color:#aaa}.student-row:nth-child(2n){background-color:#ccc}.row-del{background-color:#e68a8a;display:block;line-height:initial}.row-del h5{margin:0;padding:10px}.row-del p{font-size:17px;padding:0 10px;margin:5px 0}.row-del button{margin:10px}#session-table tr:nth-of-type(4n+2){background-color:#ccc}#session-table tr:nth-of-type(4n+3){background-color:#ccc}#session-table summary{flex:60%;text-align:center;margin:10px}#session-table .check-list{position:absolute;top:200px;left:2.5rem;border:solid #222 2px;min-width:8rem;background-color:#ddd;box-shadow:#222 0 2px 5px;z-index:2}.table-input{width:100%}.unpaid:nth-of-type(odd){background-color:#dac658!important}.unpaid:nth-of-type(2n){background-color:#bca941!important}.check-list-ul{list-style-type:none;margin:0;padding:0;text-align:center}.check-list-li{border-bottom:solid #222 2px}.check-list-li a{padding:7px;display:block;text-decoration:none;color:#222}.check-list-li a:hover{background-color:bisque}.session-controls{margin:10px}.session-controls input{font-size:20px;width:9rem}.session-controls select{font-size:19px;margin-left:15px;max-width:40%}.edit-name{position:absolute;bottom:10px;left:30px}.edit-name label{margin:10px 5px 10px 10px}.edit-name input{margin:10px 10px 10px 0;font-size:20px}.edit-name input[type=text]{width:9rem}#rate-field{width:40px;margin-right:0}#active{margin-right:2rem}.date-range{position:absolute;right:20px;z-index:0}.date-range input{width:7rem}.container{display:flex;align-items:center;justify-content:center}.signin-container{margin:15px;flex:.3}.gsi-material-button{-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;-webkit-appearance:none;background-color:#fff;background-image:none;border:1px solid #747775;-webkit-border-radius:4px;border-radius:4px;-webkit-box-sizing:border-box;box-sizing:border-box;color:#1f1f1f;cursor:pointer;font-family:Roboto,arial,sans-serif;font-size:25px;height:52px;letter-spacing:.25px;outline:none;overflow:hidden;padding:0 12px;position:relative;text-align:center;-webkit-transition:background-color .218s,border-color .218s,box-shadow .218s;transition:background-color .218s,border-color .218s,box-shadow .218s;vertical-align:middle;white-space:nowrap;width:auto;max-width:400px;min-width:min-content}.gsi-material-button .gsi-material-button-icon{height:20px;margin-right:12px;min-width:20px;width:20px}.gsi-material-button .gsi-material-button-content-wrapper{-webkit-align-items:center;align-items:center;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-flex-wrap:nowrap;flex-wrap:nowrap;height:100%;justify-content:space-between;position:relative;width:100%}.gsi-material-button .gsi-material-button-contents{-webkit-flex-grow:1;flex-grow:1;font-family:Roboto,arial,sans-serif;font-weight:500;overflow:hidden;text-overflow:ellipsis;vertical-align:top}.gsi-material-button .gsi-material-button-state{-webkit-transition:opacity .218s;transition:opacity .218s;bottom:0;left:0;opacity:0;position:absolute;right:0;top:0}.gsi-material-button:disabled{cursor:default;background-color:#ffffff61;border-color:#1f1f1f1f}.gsi-material-button:disabled .gsi-material-button-contents{opacity:38%}.gsi-material-button:disabled .gsi-material-button-icon{opacity:38%}.gsi-material-button:not(:disabled):active .gsi-material-button-state,.gsi-material-button:not(:disabled):focus .gsi-material-button-state{background-color:#303030;opacity:12%}.gsi-material-button:not(:disabled):hover{-webkit-box-shadow:0 1px 2px 0 rgba(60,64,67,.3),0 1px 3px 1px rgba(60,64,67,.15);box-shadow:0 1px 2px #3c40434d,0 1px 3px 1px #3c404326}.gsi-material-button:not(:disabled):hover .gsi-material-button-state{background-color:#303030;opacity:8%}@media only screen and (max-width: 1575px){.tile{width:60%;height:700px;background-color:#ddd;border-radius:20px;box-shadow:-3px 3px 20px #000;position:relative}}@media only screen and (max-width: 1325px){.tile{width:75%;height:700px;background-color:#ddd;border-radius:20px;box-shadow:-3px 3px 20px #000;position:relative}}@media only screen and (max-width: 1070px){.tile{width:100%;height:700px;background-color:#ddd;border-radius:20px;box-shadow:-3px 3px 20px #000;position:relative}}