.order-title{font-weight:700;color:#3b3b3b;font-size:1.1rem}.waves-effect{text-align:center}.order-ontime{background-color:#e8f5e9;border:2px solid #66bb6a;border-radius:25px;padding:10px;margin-top:10px;cursor:pointer;transition:.3s ease-in-out;width:100%}.order-ontime:hover{background-color:#c8e6c9;transform:scale(1.02)}.order-warning{background-color:#f4f5e8;border:2px solid #a8af4c;border-radius:25px;padding:10px;margin-top:10px;cursor:pointer;transition:.3s ease-in-out;width:100%}.order-warning:hover{background-color:#e6e6c8;transform:scale(1.02)}.order-late{background-color:#f5e8e8;border:2px solid #af4c4c;border-radius:25px;padding:10px;margin-top:10px;cursor:pointer;transition:.3s ease-in-out;width:100%}.order-late:hover{background-color:#e6c8c8;transform:scale(1.02)}.order-detail{font-size:1.1rem;margin-bottom:15px;border-radius:10px;padding:10px;border:2px solid #999999}.modal-footer{display:flex;justify-content:space-between;padding:20px;align-items:center}.modal-footer button{flex:1;margin:0 10px}.btn-action{background-color:#8ab8f5;border:2px solid #385cff;border-radius:25px;padding:15px 20px;text-align:center;cursor:pointer;transition:.3s ease-in-out}.btn-action:hover{background-color:#cfddfa}.btn-cancel{background-color:#f58a8a;border:2px solid #ee3030;border-radius:25px;padding:15px 20px;text-align:center;cursor:pointer;transition:.3s ease-in-out}.btn-cancel:hover{background-color:#5a2f2f}.btn-back{background-color:#d3d0d0;border:2px solid #8d8a8a;border-radius:25px;padding:15px 20px;text-align:center;cursor:pointer;transition:.3s ease-in-out}.btn-back:hover{background-color:#e2e2e2}