body{margin:0;font-family:"Gothic A1",-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif!important;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}*{box-sizing:border-box;word-break:keep-all}input[type=number]{-webkit-flex:1 1;flex:1 1;min-width:100px;border:none;-moz-appearance:textfield}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{display:none;-webkit-appearance:none;margin:0}button{cursor:pointer}button:disabled{color:grey!important;background-color:#aaa!important}.navBar{margin:0;padding:0;list-style-type:none;display:-webkit-flex;display:flex;position:fixed;top:0;right:2.6rem;z-index:100;-webkit-transform:skewX(165deg);transform:skewX(165deg)}.navTab{-webkit-flex:1 1;flex:1 1;text-align:center}.navTab a{display:block;text-decoration:none;line-height:3rem;height:3rem;background-color:#fff;color:grey;font-weight:200;padding:0 15px;transition:.5s}.navTab a:hover{background-color:#eee;color:#1777cb}.activePage{color:#1777cb!important;border-bottom:3px solid #1777cb!important}.header{width:100%;height:3rem;display:-webkit-flex;display:flex;margin:0;padding:0;position:fixed;top:0;right:0;left:0;z-index:99;background-color:#fff;box-shadow:0 0 10px rgba(0,0,0,.5)}.pageTitle{-webkit-flex-grow:1;flex-grow:1;line-height:3rem;padding-left:10px;font-style:italic;font-size:1.5rem;font-weight:100;letter-spacing:.5rem}.logout button{border:none;margin:0;padding:0;width:3rem;height:100%;font-size:1rem;transition:.5s}.logout button:hover{background-color:#1777cb;color:#cff;box-shadow:inset 0 -3px 10px #006;text-shadow:0 0 10px #0ff}.wrap{width:100vw;height:calc(100vh - 3rem);margin-top:3rem;padding:5px;background-color:#fff;position:relative;overflow:auto}.inputField{width:100%;padding:5px;overflow:hidden}.inputField button,.inputField input,.inputField select{border:none;margin:0;font-size:1rem;background-color:#fff}.inputField .complex{width:100%;display:-webkit-flex;display:flex}.inputField .chkLabel,.inputField .label{display:block;color:#1777cb;font-size:.8rem;padding:0 10px}.inputField .chkLabel{margin-left:5px}.inputField .input{width:100%;padding:5px}.inputField button.addon,.inputField button.input{background-color:#1777cb;color:#fff;font-weight:600}.inputField .complex .input{-webkit-flex-grow:1;flex-grow:1}.inputField .complex .addon{margin:0}.inputField .complex span.addon{display:inline-block;padding:5px}.inputField .complex button.addon{display:inline-block;min-width:80px;margin-left:5px}#loginWrap{width:100vw;height:100vh;background-color:#000;position:relative}#loginBg{background:url(https://images.pexels.com/photos/97906/pexels-photo-97906.jpeg);background-size:cover;background-position:50%;transition:1s}#loginBg,#loginBlind{position:absolute;width:100%;height:100%}#loginBlind{background:linear-gradient(180deg,transparent 60%,rgba(0,0,0,.7))}.loginTitle{width:100vw;position:absolute;top:10%;text-align:center;color:#fff;font-weight:200}.loginTitle span{display:block;font-size:3em;font-weight:900;font-style:italic;letter-spacing:-.2rem;color:hsla(0,0%,100%,.7)}.loginPanel{position:absolute;min-width:250px;max-width:400px;width:50vw;top:35%;left:5%;right:5%;margin:auto;border:1px solid #fff}.loginPanel .tab{overflow:hidden;background-color:transparent}.loginPanel .tab .tabTitle{width:50%;background-color:inherit;float:left;border:none;outline:none;cursor:pointer;padding:10px;transition:.3s;font-size:1rem;color:#fff}.loginPanel .tab .tabTitle:hover{background-color:hsla(0,0%,100%,.2)}.loginPanel .tab .tabTitle.active{background-color:hsla(0,0%,100%,.5);color:#509ca5}.loginPanel .tabCont{display:none;height:200px;background-color:hsla(0,0%,100%,.5);padding:6px 12px;border-top:none}.loginForm input{background:hsla(0,0%,100%,.7);border-bottom:1px solid #509ca5}.loginForm .chkLabel,.loginForm .label{display:inline-block;background:hsla(0,0%,100%,.7);color:#509ca5}.loginForm button.addon,.loginForm button.input{background-color:#509ca5;color:#fff;margin-left:0!important}.loginForm .complex span.addon{background-color:#fff;border-bottom:1px solid #509ca5}.receiptList{position:relative;padding-top:1px}.dataTable{margin-top:67px;max-height:calc(100vh - 330px)}.optionPanel{position:absolute;left:0;top:5px;width:80%;max-width:450px;right:40px;z-index:2}.optionPanel .input{border-bottom:1px solid grey}.pdf{position:absolute;top:calc(.8rem + 55px);right:45px;z-index:1;transition:.5s}.pdf:hover{background-color:#c30}.pdf:hover i{color:#fff}.dx-datagrid-export-button,.dx-datagrid-export-button *{transition:.5s}.dx-datagrid-export-button:hover{background-color:#093}.dx-datagrid-export-button:hover i{color:#fff}.receiptWrap{max-width:350px;overflow:hidden;border:1px solid #000}.receiptHeader,.receiptWrap{width:100%;position:relative}.receiptHeader{height:80px}.receiptHeader .seq{position:absolute;top:0;left:2px;font-size:1.1rem;font-weight:600}.receiptHeader .title{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);font-size:2rem;font-weight:900}.receiptHeader .name{position:absolute;bottom:0;right:2px;font-size:1.1rem;font-weight:600}.receiptWrap table{border-collapse:collapse;border:1px solid grey;width:100%}.receiptWrap table td,.receiptWrap table th{border:1px solid grey;padding:3px;font-size:.8rem}.receiptWrap table th{font-weight:300}.receiptWrap table td{font-weight:500}.receiptWrap table td.large{font-size:1.2rem;text-align:center}.receiptWrap img{position:absolute;top:110px;right:2px;-webkit-transform:rotate(-15deg);transform:rotate(-15deg)}.emptyText{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);text-align:center;font-size:2rem;font-weight:100;color:grey}.emptyText i{font-size:5rem}@media only screen and (max-width:400px){.optionPanel{width:70%}.optionPanel input{font-size:.8rem}}@media print{.no-print,footer,header{display:none}}