/* Toastr */
#toast-container .toast-success.toast-green {
	background-color: #00A300;
}

#toast-container .toast-success.toast-red {
	background-color: #FF3333;
}

/* Modal styling */
.modal-body .hide-on-edit {
	display: none;
}

/* Icons */
button i {
	margin-right: 0.25rem;
}

.fa {
	font-weight: 300 !important;
}

/* Table addons/overrides */
.table-cell-label {
	padding: 2px 6px;
	border-radius: 14px;
	line-height: 1.1rem;
	display: inline-block;
}

	.table-cell-label.red {
		background-color: #c40000;
		color: #fff;
	}

	.table-cell-label.yellow {
		background-color: #ffd000;
		color: #212529;
	}

	.table-cell-label.green {
		background-color: #009908;
		color: #fff;
	}

/* Purchase, sales and invoice lines */
div[data-recordid="a65317c9-b5e6-4e94-a643-f22bace488f7"] table tbody td,
div[data-recordid="a6ff7381-9b37-4caf-8589-4847a15f19cd"] table tbody td,
div[data-recordid="723ca314-aff1-4131-9d86-bd9127574eed"] table tbody td {
	padding: 2px 8px 2px 8px !important;
}

/* Purchase, sales and invoice lines */
div[data-recordid="a65317c9-b5e6-4e94-a643-f22bace488f7"] table tbody i,
div[data-recordid="a6ff7381-9b37-4caf-8589-4847a15f19cd"] table tbody i,
div[data-recordid="723ca314-aff1-4131-9d86-bd9127574eed"] table tbody i {
	z-index: 10000;
	font-size: 14px;
	margin: 0 1px;
}

/* Form styling */
.hidden-input [data-dte-e="label"],
.hidden-label [data-dte-e="input"] {
	display: none;
}

/* HBS overrides */
#pnlGlobalButtons button,
.htblpage-global-buttons button {
	width: max-content;
	text-wrap: nowrap;
}

.ribbon-test-environment {
	background-color: #ff7e21;
	border-color: #e6711e;
}

/* Products page styling */
#tblProduct table tbody td {
	font-size: 12px;
	max-height: 45px;
}

#tblProduct table tbody tr td.brand {
	min-width: 135px;
	max-width: 135px;
	border-right: 1px solid #e7e7e7;
}

#tblProduct table tbody tr td.description {
	display: -webkit-box !important;
	/* Remove the border that comes with -webkit-box */
	border: none;
	border-bottom: 6px solid transparent;
	text-overflow: ellipsis;
	/* Only display the first two lines of content */
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	min-width: 300px;
	max-width: 300px;
	height: 50px;
	max-height: 50px;
}

#tblProduct table tbody tr:first-child td.description {
	border-top: none;
}

#tblProduct table thead th {
	font-size: 12px;
	text-wrap: nowrap;
}

#tblProduct table tbody tr.selected {
	background-color: var(--hbs-primary-color) !important; /* The hbs-primary-color is defined in the HBS theme */
}

#tblProduct table tbody tr {
	border-top: 1px solid #e7e7e7;
	border-bottom: 1px solid #e7e7e7;
}

#tblProduct table tbody td {
	border: none;
	border-left: 1px solid #e7e7e7;
}

#bottom-buttons-container {
	display: flex;
	justify-content: flex-end;
	gap: 9px;
	border: 1px solid #e7eaec;
	padding: 10px;
	background: white;
	border-top: 0;
}

.helpTextProductCustomerPortal {
	font-weight: 600;
	font-size: 20px;
	margin-bottom: 10px;
}

.create-stock-mutation-message-container {
	padding-left: 22px;
	max-height: 300px;
	overflow: auto;
}

	.create-stock-mutation-message-container i {
		margin-left: 9px;
		color: #f17b00;
	}

	.create-stock-mutation-message-container .create-stock-info {
		padding-left: 6px;
		color: #f17b00;
		font-weight: bold;
	}

#createStockMutationTable {
	max-width: 600px;
}

#createStockMutationTable thead {
	color: rgb(103, 106, 108);
}