.CatalogDocumentEditor {
}

	.CatalogDocumentEditor td.ItemId {
		width: 180px;
	}

	.CatalogDocumentEditor .ItemIdBox {
		background-color: #ffffff;
		border: solid 1px #dddddd;
		border-radius: 4px;
		padding: 5px;
	}

		.CatalogDocumentEditor td.ItemId input {
			border: none;
			outline: none;
			width: calc(100% - 20px);
		}

	.CatalogDocumentEditor td.Quantity,
	.CatalogDocumentEditor td.InitialPrice,
	.CatalogDocumentEditor td.DiscountRate,
	.CatalogDocumentEditor td.FinalPrice {
		width: 100px;
	}

	.CatalogDocumentEditor .Buttons {
		text-align: left;
	}

		.CatalogDocumentEditor .Buttons button {
			width: 150px;
		}


	.CatalogDocumentEditor .RowContainer {
		display: flex;
		flex-wrap: wrap;
		padding: 10px;
	}

		.CatalogDocumentEditor .RowContainer:nth-of-type(2n+1) {
			background-color: var(--custom-color-2);
		}

		.CatalogDocumentEditor .RowContainer .ItemId,
		.CatalogDocumentEditor .RowContainer .Stock,
		.CatalogDocumentEditor .RowContainer .RowNumber,
		.CatalogDocumentEditor .RowContainer .ItemName,
		.CatalogDocumentEditor .RowContainer .Quantity,
		.CatalogDocumentEditor .RowContainer .InitialPrice,
		.CatalogDocumentEditor .RowContainer .DiscountRate,
		.CatalogDocumentEditor .RowContainer .FinalPrice,
		.CatalogDocumentEditor .RowContainer .Remark {
			padding: 5px;
		}

		.CatalogDocumentEditor .RowContainer .FieldTitle {
			font-weight: 600;
			font-size: 12px;
		}

		.CatalogDocumentEditor .RowContainer .ItemName {
			font-weight: 600;
		}

@media (max-width: 599px) {
	.CatalogDocumentEditor .PageBody {
		padding: 0px;
	}
}