:root{--text: #000;--textInColor: #fff;--background: #FFF;--primary:#3D52A0;--secondary: #8697C4;--ascent:#3bf2ff;--bg-gradient: linear-gradient(90deg, rgba(222, 247, 255, 1) 0%, rgba(255, 255, 255, 1) 50%, rgba(226, 214, 255, 1) 100%)}.bi{display:inline-block;width:1rem;height:1rem}body{background-color:var(--bg-gradient)}.fade-in-down{animation:fadeInDown .7s ease-in forwards}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-30px)}50%{opacity:.7;transform:translateY(-25px)}75%{opacity:.8;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-spin{animation:spin 4s linear infinite}button{position:relative;display:block;margin:auto;padding:4px 40px;overflow:hidden;border-width:0;outline:none;border-radius:5px;border:1px solid;background-color:#fff;color:#000;transition:background-color .3s}button a{text-decoration:none}button:not([disabled]):hover,button:not([disabled]):focus,button.active:not([disabled]){background-color:#000;color:#fff}button[disabled]{background-color:#fff;color:#f0f0f0}button>*{position:relative}button span{display:block;padding:10px 15px}button:before{content:"";position:absolute;top:50%;left:50%;display:block;width:0;padding-top:0;border-radius:100%;background-color:#ecf0f14d;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}button:active:before{width:120%;padding-top:120%;transition:width .2s ease-out,padding-top .2s ease-out}.table-container{overflow:auto}header{display:flex;justify-content:space-between;padding:5px 0;border-bottom:1px solid #b9b9b9}#menu-icon{width:30px;height:30px;position:relative;margin:15px 0 0;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0);-webkit-transition:1s ease-in-out;-moz-transition:1s ease-in-out;-o-transition:1s ease-in-out;transition:1s ease-in-out;cursor:pointer}#menu-icon span{display:block;position:absolute;height:3px;width:100%;background:#000;opacity:1;-webkit-transition:1s ease;-moz-transition:1s ease;-o-transition:1s ease;transition:1s ease}#menu-icon span:nth-child(1){top:0}#menu-icon span:nth-child(2){top:10px}#menu-icon span:nth-child(3){top:20px}#menu-icon.close span:nth-child(1){-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg) translate(10)}#menu-icon.close span:nth-child(2){-webkit-transform:translateX(15px) scale(1.5);-moz-transform:translateX(15px) scale(1.5);-o-transform:translateX(15px) scale(1.5);transform:translate(15px) scale(1.5)}#menu-icon.close span:nth-child(3){-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}#menu-icon.close{transform:scale(.5)}nav ol.breadcrumb li svg{width:25px;height:25px}nav ol.breadcrumb li a{text-decoration:none;color:#000;text-decoration-color:#000}nav ol.breadcrumb li span{font-size:25px}.sidebar{-webkit-transition:.5s ease;-moz-transition:.5s ease;-o-transition:.5s ease;transition:width .5s ease}.sidebar.hide{opacity:0;width:0}.sidebar.hide div{display:none;opacity:0;width:0}.nav-item svg.fs-4.bi-house{width:1.2em;height:1.2em;stroke:#fff}.nav-item span{font-size:1.2em;line-height:1.2em;color:#000;vertical-align:bottom}.navbar{padding:0}li.nav-item.active{width:100%;background:#d7d7d7}.navbar-brand{padding-top:.75rem;padding-bottom:.75rem;background-color:#00000040;box-shadow:inset -1px 0 #00000040}div#menu-icon-container{display:flex;justify-content:flex-start}div.logo img{height:35px;margin-top:5px}div.title{font-size:2em;padding-left:35px}.login-box{margin-top:75px;height:auto;background:#1a2226;text-align:center;box-shadow:0 3px 6px #00000029,0 3px 6px #0000003b}.login-key{height:100px;font-size:80px;line-height:100px;background:-webkit-linear-gradient(#27EF9F,#0DB8DE);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.login-error{color:red}.login-title{text-align:center;font-size:30px;letter-spacing:2px;margin-top:15px;font-weight:700;color:#ecf0f5}.login-form{margin-top:25px;text-align:left}form input.form-control,form textarea.form-control{width:100%}form textarea.form-control{border-bottom:2px solid #0DB8DE;border-radius:0;outline:0;margin-bottom:20px;padding-left:0}form input[type=text],form input[type=number],form input[type=email],form input[type=password],form input[type=datetime-local]{border-bottom:2px solid #0DB8DE;border-radius:0;outline:0;padding-left:0}.form-group{margin-bottom:40px;outline:0px}.form-control:focus{border-color:inherit;-webkit-box-shadow:none;box-shadow:none;border:1px solid #000;border-bottom:2px solid #0DB8DE;outline:0}input:focus{outline:none;box-shadow:0 0}label{margin-bottom:0}.form-control-label{font-size:10px;color:#6c6c6c;font-weight:700;letter-spacing:1px}.btn-outline-primary{border-color:#0db8de;color:#0db8de;border-radius:0;font-weight:700;letter-spacing:1px;box-shadow:0 1px 3px #0000001f,0 1px 2px #0000003d}.btn-outline-primary:hover{background-color:#0db8de;right:0}.login-btm{float:left}.login-button{padding-right:0;text-align:right;margin-bottom:25px}.login-text{text-align:left;padding-left:0;color:#a2a4a4}.loginbttm{padding:0}.show-order ul li{list-style:none}.modal-container{display:none;opacity:0;transition:opacity 2s}.modal-container.show{display:block;opacity:1}.modal-container .modal-bg{background-color:#00000080;position:fixed;width:100%;height:100%;top:0;padding-top:80px}.modal-container .modal-title{word-break:break-all}.step-wizard .wizard-step{display:none}.step-wizard .wizard-step.active{display:block}.step-wizard ol{position:relative;overflow:hidden;counter-reset:wizard;list-style:none}.step-wizard ol li{position:relative;float:left;width:25%;text-align:center;color:#000}.step-wizard ol li.current~li{color:#555}.step-wizard ol li:before{counter-increment:wizard;content:counter(wizard);display:block;color:#000;background-color:#fff;border:2px solid #555;text-align:center;width:2em;height:2em;line-height:2em;border-radius:2em;position:relative;left:50%;margin-bottom:1em;margin-left:-1em;z-index:1}.step-wizard ol li.current~li:before{background-color:#fff;color:#fff;border-color:#555}.step-wizard ol li+li:after{content:"";display:block;width:100%;background-color:#555;height:2px;position:absolute;left:-50%;top:1em;z-index:0}.step-wizard ol li.current~li:after{background-color:#555}div.ticket{width:"95%";margin:"1rem auto";height:"100px";background:"#fff";display:"flex";align-items:"center";justify-content:"center";font-size:"1.2rem";box-shadow:#3c40434d 0 1px 2px,#3c404326 0 1px 3px 1px;padding:10px;margin-bottom:5px}div.denied{background:red}div.checkedin{background:green}.messages div.from span,.messages div.to span{padding:10px 22px}.messages div.to span{background:var(--primary);border:1px solid var(--secondary);color:var(--textInColor);border-radius:10px 10px 10px 0}.messages div.from span{background:var(--secondary);border:1px solid var(--primary);color:var(--textInColor);border-radius:10px 10px 0}