.order-page{max-width:1100px;padding-bottom:50px}.page-title{margin:0 0 30px;padding-bottom:20px;border-bottom:1px solid #337ab7;color:#337ab7;font-size:4.8rem;font-weight:300;line-height:1.2;text-align:center}.order-card{overflow:hidden;background:#fff;border:1px solid #337ab7;border-radius:4px;box-shadow:0 2px 8px rgba(0,0,0,.08)}.order-header{display:flex;align-items:center;justify-content:space-between;padding:20px 28px;background:linear-gradient(135deg,#337ab7 0,#286090 100%);color:#fff}.order-heading{display:grid;grid-template-columns:auto auto;grid-template-rows:auto auto;column-gap:10px}.order-label{grid-column:1/-1;margin-bottom:2px;font-size:1.1rem;font-weight:700;letter-spacing:2px;opacity:.75}.order-heading h2{margin:0;font-size:2.7rem;font-weight:400;line-height:1.2}.order-date{align-self:end;padding-bottom:2px;font-size:1.4rem;font-style:italic;opacity:.85}.order-status{display:flex;align-items:center;padding:9px 15px;border:1px solid rgba(255,255,255,.35);border-radius:20px;background:rgba(0,0,0,.12);font-size:1.3rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.status-dot{width:8px;height:8px;margin-right:8px;border-radius:50%;background:#f0ad4e}.order-information{display:block;border-bottom:1px solid #dfe3e6}.details-grid{display:grid;grid-template-columns:1fr 1fr;column-gap:50px}.details-grid .detail{grid-template-columns:145px 1fr}.information-section{padding:22px 25px 24px}.information-section+.information-section{border-top:1px solid #dfe3e6;border-left:0}.section-heading{display:flex;align-items:center;margin-bottom:18px}.section-icon{display:flex;align-items:center;justify-content:center;flex:0 0 34px;width:34px;height:34px;margin-right:11px;border-radius:50%;background:#e8f2f9;color:#337ab7;font-size:1.5rem}.section-heading h3{margin:0;color:#444;font-size:1.6rem;font-weight:700}.details{margin:0}.detail{display:grid;grid-template-columns:145px 1fr;padding:9px 0;border-top:1px solid #eee}.detail:first-child{border-top:0}.detail dt{margin:0;color:#777;font-size:1.3rem;font-weight:600}.detail dd{margin:0;color:#222;font-size:1.4rem}.payment-logo{position:absolute;right:25px;bottom:18px}.payment-logo img{display:block;max-width:110px;max-height:42px;width:auto;height:auto}.products-section{padding:24px 25px 0}.products-heading{margin-bottom:18px}.products-table-wrapper{overflow-x:auto;border:1px solid #dfe3e6;border-radius:3px}.products-table{width:100%;border-collapse:collapse}.products-table thead th{padding:12px 14px;background:#e8f2f9;border-bottom:1px solid #c8dce9;color:#444;font-size:1.3rem;font-weight:700;text-align:left}.products-table thead th:nth-child(2){width:90px;text-align:center}.products-table thead th:nth-child(3),.products-table thead th:nth-child(4){width:135px;text-align:right}.products-table tbody td{padding:14px;border-bottom:1px solid #eee;font-size:1.4rem}.products-table tbody tr:hover{background:#f8fbfd}.product-name{color:#222;font-weight:700}.product-date{margin-top:3px;color:#888;font-size:1.2rem}.quantity{text-align:center}.money{white-space:nowrap;text-align:right}.amount{font-weight:600}.products-table tfoot td,.products-table tfoot th{padding:15px 14px;background:#f5f8fa;border-top:2px solid #d5e5ee;color:#333;font-size:1.4rem}.products-table tfoot th{text-align:right;font-weight:700;letter-spacing:.4px}.products-table tfoot .total{color:#337ab7;font-size:1.7rem;font-weight:700;white-space:nowrap;text-align:right}.order-actions{display:flex;justify-content:flex-end;align-items:center;gap:10px;padding:22px 25px}.btn-order{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:9px 17px;border:1px solid transparent;border-radius:3px;font-size:1.4rem;font-weight:600;cursor:pointer;transition:background-color .15s ease,border-color .15s ease,box-shadow .15s ease}.btn-order .fa{margin-right:8px}.btn-payment{background:#5cb85c;border-color:#4cae4c;color:#fff}.btn-payment:focus,.btn-payment:hover{background:#449d44;border-color:#398439;color:#fff}.btn-pdf{background:#337ab7;border-color:#2e6da4;color:#fff}.btn-pdf:focus,.btn-pdf:hover{background:#286090;border-color:#204d74;color:#fff}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media (max-width:767px){.order-page{padding-bottom:30px}.page-title{margin-bottom:20px;padding-bottom:14px;font-size:3.6rem}.order-header{align-items:flex-start;flex-direction:column;gap:14px;padding:18px 20px}.order-heading{display:block}.order-heading h2{font-size:2.3rem}.order-date{margin-top:5px}.order-status{align-self:flex-start}.order-information{grid-template-columns:1fr}.information-section{padding:20px}.information-section+.information-section{border-top:1px solid #dfe3e6;border-left:0}.payment-logo{position:static;margin-top:12px}.products-section{padding:20px 15px 0}.products-table{min-width:620px}.order-actions{flex-direction:column;align-items:stretch;padding:18px 15px}.btn-order{width:100%}}