h1{font-size:3.2rem}.tableItem,.tableView{width:100%;max-width:100%;font-size:1rem;border-collapse:collapse}.tableItem tbody tr{background:#ffffff;cursor:pointer}.tableItem tbody tr:hover{background:#c5c5c5}.tableItem tr th,.tableItem tr td{padding:2px 5px}.tableItem tr th{vertical-align:bottom}.tableItem tr .id{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;max-width:200px;text-align:left}.tableItem tr .number{width:50px;text-align:right}.tableItem tr .name,.tableItem tr .email{text-align:left}.tableItem tr .status{width:100px}.tableItem tr .locationsmax{width:150px}.tableItem tr .datagroups{width:225px;text-align:left}.tableItem tr .deliverytypes{width:100px;text-align:left}.tableItem tr .bounding{width:300px}.tableItem tr .date{width:190px;text-align:left}.tableItem tr .action{width:150px;text-align:left}.tableItem tr .action button{width:100%}.tableItem tr .action:last-of-type{text-align:right;width:100px;padding:2px 0 2px 5px}.tableItem tr .action:last-of-type button{width:auto;min-width:0}.tableView tr th{text-align:left;padding:5px}.tableView tr td{text-align:left;padding:5px 0}.tableView tr th.top{padding-top:25px;vertical-align:top}.tableView .tableLeft{width:150px}.tableView .tableLeftExtended{width:250px}.tableControls{text-align:right;margin:40px 0 0}.tableControls button{margin:0 15px 0 0}.tableControls button:last-of-type{margin:0}.tableControls>div{width:100%;display:flex;flex-flow:row nowrap}.tableControls>div>div{width:50%}.tableControls>div>div:first-of-type{text-align:left}.modalBackdrop{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000;transition:opacity .3s;z-index:9999;opacity:0;pointer-events:none}.modalBox{position:fixed;top:50%;left:50%;width:400px;background:#fff;border:solid 1px #000;transition:opacity .3s;border-radius:6px;z-index:9999;text-align:left;padding:12px;transform:translate(-50%,-50%);margin:-100px 0 0;opacity:0;pointer-events:none}.modal.active .modalBackdrop{opacity:.25;pointer-events:all}.modal.active .modalBox{opacity:1;pointer-events:all}.modalTitle,.modalContent,.modalGrid{display:flex;flex-flow:row nowrap;width:100%}.modalTitle{padding:0 0 10px}.modalTitle>div:first-of-type{width:100%}.modalTitle>div:last-of-type{width:auto}.modalTitle h3{margin:0;padding:0}.modalTitle button{font-size:1rem}.modalMain+.modalMain{padding:20px 0 0}.modalMain h4,.modalMain p{margin:0;padding:0}.modalContent>div{width:100%}.modalGrid>div{width:50%}.modalButtons{padding:25px 0 0;text-align:right}.modalButtons button{margin:0 15px 0 0}.modalButtons button:last-of-type{margin:0}.inputSelect,.inputTextfield{width:100%}.inputCheckbox{width:auto}