body,html{font-family:"Sansation Regular",arial;margin:0;padding:0;box-sizing:border-box;font-size:16px;scroll-behavior:smooth}:root{--gray:#b1b1b1}.shadow-box{box-shadow:0 4px 4px rgba(0,0,0,.25)}button:hover{cursor:pointer}.button-primary{color:#fff;font-weight:"bold"}.button-primary,.button-secondary{padding:10px 40px;border-radius:15px;border:0;font-family:"Sansation Regular",arial;outline:none}.button-secondary{background-color:#fff;font-weight:700}.button-secondary:disabled{background-color:rgba(59,59,59,.3);color:#aaa}.middle-box{border-radius:30px;padding:25px 45px;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;display:flex;align-items:center;flex-direction:column;justify-content:center}.middle-box h2,.middle-box h3{text-align:center}.middle-box h2{color:#fff;margin-top:0}.middle-box .title-subtitle{margin:0}.middle-box .subtitle{color:#b1b1b1;color:var(--gray);margin:0;text-align:center}.small-box{background-color:#fff;border-radius:30px;padding:30px 50px}#component-404,.small-box{display:flex;flex-direction:column;align-items:center;justify-content:center}#component-404{height:100vh;position:absolute;top:0;right:0;left:0;bottom:0;background:#fff}#title-404{font-size:10rem;color:#000}#subtitle-404,#title-404{text-align:center;margin:0}#subtitle-404,.small-info{color:#b1b1b1;color:var(--gray)}.small-info{font-size:.8rem;margin:5px 0}.w-middle-box{width:60%;max-width:350px}.switch{position:relative;display:inline-block;width:68px;height:34px}.switch input{opacity:0;width:0;height:0}.slider{cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc}.slider,.slider:before{position:absolute;transition:.4s}.slider:before{content:"";height:26px;width:26px;left:4px;bottom:4px;background-color:#fff}input:checked+.slider{background-color:#92d192}input:focus+.slider{box-shadow:0 0 1px #92d192}input:checked+.slider:before{transform:translateX(26px)}.slider.round{border-radius:34px}.slider.round:before{border-radius:50%}::-webkit-scrollbar{width:7px;height:7px}::-webkit-scrollbar-track{border-radius:10px}::-webkit-scrollbar-thumb{background:silver;border-radius:10px}.all-container{min-height:100vh;background-size:cover;background-position:50%;background-attachment:fixed;background-repeat:no-repeat}.top-bar{display:flex;justify-content:space-between;align-items:center;font-size:1.5rem;color:#fff;margin:0;padding:10px 40px}.top-bar a{color:#fff;font-size:2rem;-webkit-text-decoration-line:none;text-decoration-line:none}.top-bar h1{font-size:1.7rem}.home-container{display:flex;flex-wrap:wrap;min-height:80vh;height:100%}.home-container .day-box{width:400px;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;border-radius:30px;padding:25px 35px;color:#fff;max-height:80%;overflow-y:auto;overflow-x:hidden;margin:0 50px 25px}.home-container .day-box h1{text-align:center;margin-top:0}.day-box h3{color:#000;text-align:center;margin:0}.home-container .day-box p{color:#b1b1b1;color:var(--gray);text-align:center;flex:1 1}.meal-box{background-color:#fff;border-radius:15px;display:flex;flex-direction:column;justify-items:center;align-items:center;padding:20px 30px}.meal-box .price{color:#b1b1b1;color:var(--gray)}.home-container .day-box .sand-container{display:flex;flex-direction:row;overflow-x:auto;overflow-y:hidden;padding-bottom:10px}.home-container .day-box .sand-box{background-color:#fff;border-radius:15px;display:flex;flex-direction:column;padding:20px 30px;margin-right:30px}.home-container .day-box .sand-box div{flex:1 1}.home-container .full-home-container{display:flex;justify-content:center;align-items:center;width:100%}.home-container .no-meal{border-radius:30px;color:#fff;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;padding:15px 30px;text-align:center}.confirm-container{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;flex-direction:column;min-height:60vh;height:100%}.confirm-container .countdown{margin:15px}.confirm-container .countdown p{color:#fff;font-size:2rem;font-weight:700}.error-command p{color:#fff;text-align:center}.login-container{height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;min-height:60vh}.login-container label{color:#fff;font-weight:700}.login-container input{background-color:#fff;border-radius:5px;border:0;padding:10px;width:-webkit-fill-available;margin:5px 0 15px;outline:none}.login-container form{width:100%}.login-container input::-webkit-input-placeholder{color:#b1b1b1;color:var(--gray)}.login-container input:-ms-input-placeholder{color:#b1b1b1;color:var(--gray)}.login-container input::-ms-input-placeholder{color:#b1b1b1;color:var(--gray)}.login-container input::placeholder{color:#b1b1b1;color:var(--gray)}.align-items{display:flex;justify-content:center}.login-container .error-login{color:#b1b1b1;color:var(--gray);text-align:center}.students-container h1{margin:0;color:#fff}.students-container .box-container{display:flex;width:100%;justify-content:center;align-items:center}#barcode{height:150px;width:150px}.admin-container{display:flex;margin-left:300px}.admin-container .nav-component{position:fixed;top:0;left:0;bottom:0;border-radius:0 30px 30px 0;color:#fff;padding:30px 25px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;min-width:200px;overflow-y:auto}.admin-container h2{margin:0 0 10px;font-weight:700;font-size:2rem}.admin-container .nav-component hr{border:2px solid #fff;width:50%;margin:0}.admin-container .nav-component nav a{color:#fff;-webkit-text-decoration-line:none;text-decoration-line:none;font-size:1.5rem;margin-top:10px}.admin-container .nav-component nav .category-component{margin:20px 0 40px}.admin-container .nav-component nav .category-name{color:#b1b1b1;color:var(--gray);margin:0}.admin-container .nav-component nav .category-info{display:flex;align-items:center}.admin-container .nav-component nav .category-info p{margin:0 0 0 10px}.admin-container .info-component{padding:30px 25px;width:100%}.admin-container .mode-box{border-radius:30px;padding:20px;margin-top:20px}.admin-container .mode-box h3{color:#fff;font-weight:lighter;width:100%;margin:0}.admin-container .mode-box .top>p{margin:5px 0 15px;font-size:.8rem;color:#b1b1b1;color:var(--gray)}.admin-container .mode-box input.option-name{outline:none;border-radius:15px;border:0;padding:10px 15px;width:300px;font-family:"Sansation Regular",arial;margin-right:15px;margin-bottom:15px}.admin-container .mode-box input.option-price{width:50px}.admin-container .mode-box input.option-price,.admin-container .mode-box input.option-time{border:0;border-radius:15px;height:35px;background:#fff;outline:none;text-align:center;font-family:"Sansation Regular",arial}.admin-container .mode-box input.option-time{padding:0 10px}.admin-container .mode-box input.option-price:disabled{background-color:rgba(59,59,59,.3);color:#aaa}.admin-container .mode-box input.option-name::-webkit-input-placeholder{font-style:italic}.admin-container .mode-box input.option-name:-ms-input-placeholder{font-style:italic}.admin-container .mode-box input.option-name::-ms-input-placeholder{font-style:italic}.admin-container .mode-box input.option-name::placeholder{font-style:italic}button.add-del{border:0;border-radius:15px;height:35px;width:35px;background:#fff;outline:none}button.add-del svg{vertical-align:middle}button.save-button{margin-top:20px}.admin-container .mode-box .option-container{display:flex;justify-content:center;align-items:center;flex-direction:column;margin-top:15px}.admin-container .mode-box .option-container .current-color{border-radius:15px;border:1px solid #fff;padding:10px 15px;margin-bottom:20px}.admin-container .mode-box .option-container .color-choice-box:hover{cursor:pointer}.admin-container .mode-box .option-container .current-color p{margin:0;color:#fff}.admin-container .mode-box .option-container .color-choice{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center}.admin-container .mode-box .option-container .color-choice-box{border-radius:30px;height:100px;width:100px;display:flex;justify-content:center;align-items:center;margin:10px;border-style:solid;border-color:#fff}.admin-container .mode-box .option-container .image-choice-container{display:flex;align-items:center;justify-content:space-between;width:90%}.admin-container .mode-box .option-container .image-choice-container .current-image{width:220px;height:150px;object-fit:cover;object-position:center}.admin-container .mode-box .option-container .image-choice-container img{width:100%;border-radius:30px}.admin-container .image-choice-container .image-input-container{background:#fff;background-position:50%;background-repeat:no-repeat;background-size:auto;height:150px;width:220px;border-radius:30px;position:relative}.admin-container .image-choice-container .image-container{background:#fff;background-position:50%;background-repeat:no-repeat;height:150px;width:220px;border-radius:30px;position:relative;background-size:cover}.admin-container .image-choice-container .image-input-container input{opacity:0;height:100%;width:100%}.admin-container .image-choice-container .image-input-container input:hover{cursor:pointer}.admin-container .edit-menu>.top{display:flex;justify-content:space-between;align-items:center;margin:40px auto;width:60%}.admin-container .edit-menu h2{margin:0}.admin-container .edit-menu .today-date p{text-align:center;color:#b1b1b1;color:var(--gray);width:100%;margin:0}.admin-container .edit-menu .chevron{background:none;border:0;outline:none}.admin-container .edit-menu .chevron:disabled:hover,.admin-container button:disabled:hover{cursor:auto}.admin-container .info-box{border-radius:30px;padding:25px;height:60vh;max-height:400px;display:flex;flex-direction:column}.admin-container .info-box h2{color:#fff}#user-id{color:#b1b1b1;color:var(--gray);margin-top:0}#command-container{flex:1 1;display:flex;align-items:center;justify-content:center;flex-direction:column;height:100%}#command-plat{font-size:3rem;color:#fff;text-align:center;margin:0}#command-type{color:#b1b1b1;color:var(--gray)}#subtitle{margin-top:40px;font-weight:700;font-size:1.5rem}.admin-container .input-search-container{position:relative}.admin-container .search-bar{border-radius:10px;padding:10px 15px;border:0;outline:none;margin-bottom:20px;width:30%}.admin-container .result-search-box{position:absolute;background-color:#fff;right:0;left:0;top:0;margin-top:50px;z-index:55;max-height:200px;width:30%;overflow-y:scroll;border-radius:10px;padding:10px 15px}.admin-container .result-search-box p{margin:0 0 5px}.admin-container .result-search-box p:hover{cursor:pointer}.admin-container .search-bar::-webkit-input-placeholder{font-style:italic;font-family:"Sansation"}.admin-container .search-bar:-ms-input-placeholder{font-style:italic;font-family:"Sansation"}.admin-container .search-bar::-ms-input-placeholder{font-style:italic;font-family:"Sansation"}.admin-container .search-bar::placeholder{font-style:italic;font-family:"Sansation"}.admin-container .user-passed-container{display:flex;align-items:center;margin-bottom:10px}.admin-container .user-passed-container .del{margin-right:20px;border:0;border-radius:10px;height:50px;width:50px;background:#fff;outline:none}.admin-container .user-passed-container .del svg{vertical-align:middle}.admin-container .user-passed-container .user-info{display:flex;align-items:center;border-radius:15px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;height:50px;padding:0 30px}.admin-container .user-passed-container .user-info p{font-weight:700;margin:0;font-size:1.2rem}.admin-container .user-passed-container .user-info .user-separator{border:1px solid #000;height:10px;margin:0 20px}.admin-container .input-users{position:relative;background:#fff;border:0;border-radius:15px;height:50px;width:100px;display:flex;align-items:center;justify-content:center}.admin-container .input-users:hover{cursor:pointer}.admin-container .input-users input[type=file]{opacity:0;position:absolute;top:0;bottom:0;right:0;left:0;width:100%;cursor:pointer}#preview-users{border-collapse:collapse;width:100%}#preview-users td,#preview-users th{border:1px solid #ddd;padding:8px}#preview-users tr:nth-child(2n){background-color:#f2f2f2}#preview-users tr:hover{background-color:#ddd}#preview-users th{padding-top:12px;padding-bottom:12px;text-align:left;background-color:#fff;color:#000}.admin-container .warning-box{background-color:#bd6b00;padding:10px 25px;margin-top:20px;border-radius:30px}.admin-container .warning-box p{color:#fff}.admin-container .warning-box>div{display:flex;align-items:center;justify-content:center}.admin-container .warning-box>div>h3{margin-left:10px}.admin-container .confirm-box{background:#fff;border-radius:30px;padding:10px;margin-top:25px}.admin-container .confirm-box .contain{border-radius:30px;padding:15px 25px}.admin-container .confirm-box .contain p{color:#fff}.admin-container .confirm-box .contain p strong{color:#000}.admin-container .message-info-box{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;background-color:#fff;border-radius:15px;margin-top:20px;padding:5px 20px}.admin-container table.commands-table{border-collapse:collapse;width:100%;border-radius:15px 15px 0 0}.admin-container table.commands-table thead{border-radius:30px}.admin-container table.commands-table td{padding:8px;border-right:1px solid #ddd;border-left:1px solid #ddd}.admin-container table.commands-table tr:nth-child(2n){background-color:#f2f2f2}.admin-container table.commands-table tr:hover{background-color:#ddd}.admin-container table.commands-table th{padding-top:12px;padding-bottom:12px;color:#fff;width:25%}.admin-container table.commands-table th:first-child{border-radius:15px 0 0 0}.admin-container table.commands-table th:last-child{border-radius:0 15px 0 0}.stats-container{width:100%;display:flex;justify-content:center;align-items:center;flex-direction:column}.stats-container .mode-select-container{display:flex;align-items:center;justify-content:space-between;width:100%}.stats-container .mode-select-container select{padding:5px 0;outline:none;background:none;border:0;font-weight:700;margin:0}.stats-container .mode-select-container select:hover{cursor:pointer}.stats-container .mode-select-container option{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:5px}.loading-container{height:100vh;width:100vw;display:flex;align-items:center;justify-content:center}@media screen and (max-width:840px){.home-container .full-home-container{padding:0 20px}.home-container .day-box{margin:0 20px 10px;padding:1.5rem}.admin-container{margin:0}.admin-container .nav-component{display:none}.confirm-container{padding:0 1rem}}@media screen and (max-width:400px){.small-box{padding:2rem}}@media screen and (max-width:300px){.middle-box{padding:1.5rem 1rem}}