.WarehouseOrderRequestDetailTable { display: grid; grid-template-columns: 1fr 1fr 1fr; max-width: 500px; font-family: Arial, sans-serif; background-color: #f8f9fa; border-radius: 8px; overflow: hidden; box-shadow: 0 0 20px rgba(0, 0, 0, 0.1); padding: 20px; } .WarehouseOrderRequestDetailTable > div { padding: 12px 15px; text-align: left; font-weight: bold; font-size: 14px; color: #ffffff; background-color: #4a90e2; } .WarehouseOrderRequestDetailTable > div:nth-child(3n+1), .WarehouseOrderRequestDetailTable > div:nth-child(3n+2), .WarehouseOrderRequestDetailTable > div:nth-child(3n+3) { background-color: #2980b9; } .WarehouseOrderRequestDetailTable > div:nth-child(n+4) { background-color: #ffffff; color: #333333; font-weight: normal; border-bottom: 1px solid #e0e0e0; } .WarehouseOrderRequestDetailTable > div:nth-child(n+4):nth-child(6n+4), .WarehouseOrderRequestDetailTable > div:nth-child(n+4):nth-child(6n+5), .WarehouseOrderRequestDetailTable > div:nth-child(n+4):nth-child(6n+6) { background-color: #f2f2f2; } .WarehouseOrderRequestDetailTable > div:last-child, .WarehouseOrderRequestDetailTable > div:nth-last-child(2), .WarehouseOrderRequestDetailTable > div:nth-last-child(3) { border-bottom: none; } .modal-content { min-height: unset !important; }