body,html{height:100%;margin:0}*{box-sizing:border-box}#app{height:100%}.table-container[data-v-0caaebca]{display:flex;justify-content:center;height:100%}table[data-v-0caaebca]{border-collapse:collapse;width:100%}td[data-v-0caaebca],th[data-v-0caaebca]{padding:1%;border:1px solid #ddd}th[data-v-0caaebca]{background-color:#4a69bd;cursor:pointer;color:#fff}tr[data-v-0caaebca]:nth-child(2n){background-color:#f2f2f2}tr[data-v-0caaebca]:hover{background-color:#ddd}[data-v-0caaebca]{text-align:center}.fa-sitemap[data-v-0caaebca]{cursor:pointer}.orders-container[data-v-50eba455]{height:100%}.header[data-v-50eba455]{text-align:center;font-size:large;font-weight:700;text-transform:uppercase;padding:1%;background:#4a69bd;color:#fff}.body[data-v-50eba455]{padding:1%}i[data-v-50eba455]{float:right;cursor:pointer}.orders-grid[data-v-50eba455]{display:grid;grid-column-gap:5px;grid-row-gap:5px}@media screen and (max-width:900px){.orders-grid[data-v-50eba455]{grid-template-columns:repeat(1,1fr)}}@media screen and (min-width:901px){.orders-grid[data-v-50eba455]{grid-template-columns:repeat(3,1fr)}}.order-item[data-v-50eba455]{width:100%;border-radius:10px;padding:0 1% 1%;background:#f4f4f2}p[data-v-50eba455]{display:flex;justify-content:space-between}span[data-v-50eba455]{color:grey}.total[data-v-50eba455]{font-weight:bolder;color:red}.btn[data-v-50eba455]{border:1px solid;border-radius:5px;text-align:center;padding:1%;cursor:pointer}.detail-container[data-v-2ae17eba]{height:100%}.header[data-v-2ae17eba]{text-align:center;font-size:large;font-weight:700;text-transform:uppercase;padding:1%;background:#4a69bd;color:#fff}.body[data-v-2ae17eba]{padding:2% 3%;height:80%}i[data-v-2ae17eba]{float:right;cursor:pointer}.grid[data-v-2ae17eba]{display:grid}.customer-info[data-v-2ae17eba],.orders-info[data-v-2ae17eba]{padding:0 .5%}.title[data-v-2ae17eba]{text-align:center;font-weight:700;font-size:large;padding:1%}p[data-v-2ae17eba]{display:flex;justify-content:space-between}ul[data-v-2ae17eba]{list-style:none;padding:0 3%}.list-parent[data-v-2ae17eba]{padding:0 2%}@media screen and (max-width:900px){.grid[data-v-2ae17eba]{grid-template-columns:repeat(1,1fr)}}@media screen and (min-width:901px){.grid[data-v-2ae17eba]{grid-template-columns:repeat(2,1fr);grid-gap:15px;height:100%}.order-detail[data-v-2ae17eba]{grid-column:2;grid-row:1/3;border-radius:5px;overflow-y:auto;box-shadow:0 0 10px grey}.customer-info[data-v-2ae17eba]{border-radius:5px;padding:0 10%;box-shadow:0 0 10px grey}.orders-info[data-v-2ae17eba]{border-radius:5px;padding:0 5.5%;box-shadow:0 0 10px grey}.list-parent[data-v-2ae17eba]{padding:0 20%}.detail[data-v-2ae17eba]{position:-webkit-sticky;position:sticky;top:0;background:#fff}}.table-container[data-v-1514b390]{display:flex;justify-content:center;height:100%}table[data-v-1514b390]{border-collapse:collapse;width:100%}td[data-v-1514b390],th[data-v-1514b390]{padding:1%;border:1px solid #ddd}th[data-v-1514b390]{background-color:#4a69bd;cursor:pointer;color:#fff}tr[data-v-1514b390]:nth-child(2n){background-color:#f2f2f2}tr[data-v-1514b390]:hover{background-color:#ddd}[data-v-1514b390]{text-align:center}.fa-sitemap[data-v-1514b390]{cursor:pointer}.app-container[data-v-10d6c3ec]{height:100%}.header[data-v-10d6c3ec]{text-align:center;font-size:large;font-weight:700;text-transform:uppercase;padding:1%;background:#4a69bd;color:#fff}.body[data-v-10d6c3ec]{padding:1%}i[data-v-10d6c3ec]{float:right;cursor:pointer}.login-container[data-v-16d68200]{height:100%;background:#4a69bd;display:flex;justify-content:center;align-items:center}.card[data-v-16d68200]{width:50%;height:60%;display:flex;flex-direction:column;justify-content:center;align-items:center;border-radius:10px}.btn[data-v-16d68200],input[data-v-16d68200]{padding:1%;width:50%;margin:1%}.btn[data-v-16d68200]{border:1px solid #e55039;text-align:center;font-weight:bolder;color:#fff;cursor:pointer;border-radius:5px;background:#e55039;font-weight:700;text-transform:uppercase;letter-spacing:1px}.logo[data-v-16d68200]{width:50%}img[data-v-16d68200]{width:100%;height:auto}