﻿
.shipment-view-container {
	display: flex;
	flex-direction: column;
	padding: 30px;
	width: 100%;
}

.shipment-view-shipment-number-container {
	display: flex;
	flex-direction: row;
	gap: 24px;
	margin-left: 69px;
}

.shipment-view-top-container {
	display: inline-flex;
	align-items: baseline;
	gap: 20px;
	margin-bottom: 10px;
}

.shipment-view-tab-container {
	position: relative;
	display: flex;
	flex-direction: column;
	margin-top: 50px;
}

.action-buttons {
	position: absolute;
	right: 0;
}

.shipment-items-container {
	display: inline-flex;
	gap: 20px;
}

.shipment-items-info-grid {
	width: 100%;
	display: flex;
	flex-direction: column;
	gap: 20px;
}

.custom-modal-body.yellow-background {
	background-color: #FFFDEB;
}

	.custom-modal-body.yellow-background .dropdown-content {
		display: block;
		width: 100%;
		align-content: center;
	}

		.custom-modal-body.yellow-background .dropdown-content .hours-row {
			display: flex;
			width: 100%;
			gap: 24px;
		}

			.custom-modal-body.yellow-background .dropdown-content .hours-row .hours-column {
				display: inline-flex;
				width: 50%;
			}

				.custom-modal-body.yellow-background .dropdown-content .hours-row .hours-column:first-child {
					justify-content: right;
				}

	.custom-modal-body.yellow-background .post-office-work-hours > * {
	}

@media (max-width: 768px) {
	.shipment-items-container {
		display: flex;
		flex-direction: column;
		gap: 8px;
	}
}

.shipment-view-billing-final-price-container {
	background-color: #FAFAFA;
	border-radius: 16px;
	padding: 8px 16px 8px 16px;
	display: flex;
	flex-direction: unset;
	justify-content: space-between;
}
