#root{width:100%;height:100%;text-align:center}html,body{margin:0;height:100%;width:100%}.login-box{width:400px;padding:40px;box-sizing:border-box;border-radius:10px;text-align:center}.login-box .user-box{position:relative}.login-box .user-box input{width:100%;padding:10px 0;font-size:16px;margin-bottom:30px;border:none;border-bottom:1px solid #010101;outline:none;background:transparent}.login-box .user-box label{position:absolute;top:0;left:0;padding:10px 0;font-size:16px;pointer-events:none;transition:.5s}.login-box .user-box input:focus~label,.login-box .user-box input:valid~label,.login-box .user-box input:disabled~label{top:-20px;left:0;color:#bdb8b8;font-size:12px}.login-box form .formButton{position:relative;display:inline-block;padding:10px 20px;color:#010101;font-size:16px;text-decoration:none;text-transform:uppercase;overflow:hidden;transition:.5s;margin-top:40px;letter-spacing:4px;border:none;background:none}.login-box .formButton:active{background:#03f40f;color:#010101;border-radius:5px;box-shadow:0 0 5px #03f40f,0 0 25px #03f40f,0 0 50px #03f40f,0 0 100px #03f40f}.formSpan{color:red}.formDiv{display:flex;flex-direction:column;align-items:center;justify-content:center}.loader-container{display:flex;justify-content:center;align-items:center}.loader{border:5px solid #f3f3f3;border-top:5px solid #3498db;border-radius:50%;width:50px;height:50px;animation:spin 2s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}body{display:flex;flex-flow:row wrap;align-content:center;justify-content:center}.NotFoundDiv,.number,.text{width:100%;text-align:center}.number{background:#fff;position:relative;font:900 30vmin Consolas;letter-spacing:5vmin;text-shadow:2px -1px 0 #000,4px -2px 0 #0a0a0a,6px -3px 0 #0f0f0f,8px -4px 0 #141414,10px -5px 0 #1a1a1a,12px -6px 0 #1f1f1f,14px -7px 0 #242424,16px -8px 0 #292929}.number:before{background-color:#673ab7;background-image:radial-gradient(closest-side at 50% 50%,#ffc107 100%,#0000),radial-gradient(closest-side at 50% 50%,#e91e63 100%,#0000);background-repeat:repeat-x;background-size:40vmin 40vmin;background-position:-100vmin 20vmin,100vmin -25vmin;width:100%;height:100%;mix-blend-mode:screen;-webkit-animation:moving 10s linear infinite both;animation:moving 10s linear infinite both;display:block;position:absolute;content:""}@-webkit-keyframes moving{to{background-position:100vmin 20vmin,-100vmin -25vmin}}@keyframes moving{to{background-position:100vmin 20vmin,-100vmin -25vmin}}.text{font:400 5vmin Courgette}.text span{font-size:10vmin}.btn{position:relative;font-size:17px;text-transform:uppercase;text-decoration:none;padding:1em 2.5em;display:inline-block;border-radius:6em;transition:all .2s;border:none;font-family:inherit;font-weight:500;color:#fff;background-color:#000;margin-top:10px;margin-bottom:10px}.btn:hover{transform:translateY(-3px);box-shadow:0 10px 20px #0003}.btn:active{transform:translateY(-1px);box-shadow:0 5px 10px #0003}.btn:after{content:"";display:inline-block;height:100%;width:100%;border-radius:100px;position:absolute;top:0;left:0;z-index:-1;transition:all .4s}.btn:after{background-color:#000}.btn:hover:after{transform:scaleX(1.4) scaleY(1.6);opacity:0}.initialDiv{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px}header{position:-webkit-sticky;position:sticky;top:0;background-color:#fff;padding:10px 0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;width:100%;z-index:1000}.logoutBtn{--black: #000000;--ch-black: #141414;--eer-black: #1b1b1b;--night-rider: #2e2e2e;--white: #ffffff;--af-white: #f3f3f3;--ch-white: #e1e1e1;display:flex;align-items:center;justify-content:flex-start;width:45px;height:45px;border:none;border-radius:5px;margin-top:5px;cursor:pointer;position:relative;overflow:hidden;transition-duration:.3s;box-shadow:2px 2px 10px #0003;background-color:var(--af-white)}.sign{width:100%;transition-duration:.3s;display:flex;align-items:center;justify-content:center}.sign svg{width:17px}.sign svg path{fill:var(--night-rider)}.logoutText{position:absolute;right:0%;width:0%;opacity:0;color:var(--night-rider);font-size:1.2em;font-weight:600;transition-duration:.3s}.logoutBtn:hover{width:125px;border-radius:5px;transition-duration:.3s}.logoutBtn:hover .sign{width:30%;transition-duration:.3s;padding-left:10px}.logoutBtn:hover .logoutText{opacity:1;width:70%;transition-duration:.3s;padding-right:10px}.logoutBtn:active{transform:translate(2px,2px)}footer{position:-webkit-sticky;position:sticky;bottom:0;background-color:#fff;padding:10px 0;width:100%;z-index:1000}span{color:#ff4500}.card{width:370px;background:#2c2c2c;border-radius:12px 12px 4px 4px;overflow:hidden}.card__title{color:#fff;font-weight:700;padding:5px 0;border-bottom:1px solid rgb(167,159,159);font-size:.95rem;display:flex;justify-content:space-between}.card__data{font-size:.8rem;display:flex;justify-content:space-between;border-right:1px solid rgb(203,203,203);border-left:1px solid rgb(203,203,203);border-bottom:1px solid rgb(203,203,203)}.card__right{width:25%;border-right:1px solid rgb(203,203,203);text-align:center}.card__right__worker{width:33.33%;border-right:1px solid rgb(203,203,203);text-align:center}.card__left{width:25%;text-align:center}.card__left__worker{width:33.33%;text-align:center}.item{height:48px;padding:3px 0;background-color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center}.item:nth-child(2n){background:#eaebea}.orderListDiv{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px}#listBtn.btn{font-size:10px;margin-top:0;margin-bottom:0}#title{display:flex;flex-direction:column;align-items:center;justify-content:center}#listBox.login-box{padding:20px 50px 0}.titleH1{margin:0}.productList{list-style-type:none;padding:0;position:relative}.login-box #orderCreateBox.user-box input:focus~label,.login-box #orderCreateBox.user-box input:valid~label,.login-box #orderCreateBox.user-box input:disabled~label{color:#000}.orderCreateDiv{display:flex;flex-direction:column;align-items:center;justify-content:center}.success{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;width:320px;padding:12px;display:flex;flex-direction:row;align-items:center;justify-content:center;background:#edfbd8;border-radius:8px;box-shadow:0 0 5px -3px #111}.success__icon{width:20px;height:20px;transform:translateY(-2px);margin-right:8px}.success__icon path{fill:#84d65a}.success__title{font-weight:500;font-size:14px;color:#2b641e}.login-box .user-box select{width:100%;padding:10px 0;font-size:16px;margin-bottom:30px;border:none;border-bottom:1px solid #010101;outline:none;background:transparent}.login-box .user-box select:focus~label,.login-box .user-box select:valid~label{top:-20px;left:0;font-size:12px}.card__right__detail{width:33.33%;border-right:1px solid rgb(203,203,203);text-align:center}.card__right__worker__detail{width:50%;border-right:1px solid rgb(203,203,203);text-align:center}.card__left__detail{width:33.33%;text-align:center}.card__left__worker__detail{width:50%;text-align:center}#productList{margin-top:40px}#AM{background-color:#000;color:#fff}