.tabs-container { max-width: 700px; margin: 10px auto;}
#TabSerials { overflow: hidden; position: relative; }

.mvsCleverTable .mvsTable .rowGroup .row.red-row:not(:hover) { background-color: rgba(255, 0, 0, 0.25); }
.mvsCleverTable .mvsTable .rowGroup .row .cell.red-cell { background-color: rgba(255, 0, 0, 0.25); }
.min-stock-field { background-color: rgba(255, 0, 0, 0.25); }

.columns > div:not(:nth-last-child(1)) { padding-right: 0px; }
.columns-8 > div { width: 12.5%; }

.distributor-config {
	display: flex; flex-direction: column; position: relative;
	background-color: white; border: solid 1px #EEE; padding: 10px;
    box-shadow: inset 0px 0px 6px 1px rgba(0,0,0,0.3); max-width: 700px; margin: 10px auto;
}
.distributor-config .section-name {
	display: flex; align-items: center; height: 30px; justify-content: center;
	font-weight: bold; background-color: #1f86d8; color: #FFF;
}
.distributor-config .subsection-name {
	display: flex; align-items: center; height: 30px; justify-content: center;
	font-weight: bold; font-weight: bold; background-color: rgba(31, 134, 216, 0.5); color: #FFF;
}

.edit-save-field { display: block; position: relative; padding: 5px; }
.edit-save-field > label { display: block; width: 100%; text-align: center; font-weight: bold; margin-bottom: 5px; }
.edit-save-field > input { padding: 2px 30px 2px 5px; }
.edit-save-field.edit > input { color: #555; }
.edit-save-field.save > input { color: #222; font-weight: bold; }
.edit-save-field input::-webkit-outer-spin-button, .edit-save-field input::-webkit-inner-spin-button { -webkit-appearance: none; }
.edit-save-field input[type=number] { -moz-appearance: textfield; }

.edit-save-field > button {
	display: flex; align-items: center; justify-content: center; width: 20px; height: 20px; cursor: pointer;
	position: absolute; bottom: 8px; right: 5px; background-color: rgba(0,0,0,0); border: none;
	background-size: 20px 20px; background-position: center center; background-repeat: no-repeat;
}
.edit-save-field > button:hover { filter: drop-shadow(0px 0px 6px #1c87d8); }
.edit-save-field.edit > button { background-image: url('/resources/images/icons/imgEdit.svg') }
.edit-save-field.save > button { background-image: url('/resources/images/icons/imgSave.png') }

#NewBatchWindow { max-width: 700px; }
#NewBatchWindow input[type=text] { text-transform: uppercase; }
.new-batch-row { display: flex; flex-direction: row; flex-wrap: nowrap; margin-bottom: 15px; }
.new-batch-row > div { position: relative; display: flex; }
.new-batch-row > div .deleter {
	display: flex; width: 24px; margin: 0px auto; cursor: pointer;
	background-repeat: no-repeat; background-size: 20px 20px; background-position: top 24px center;
	background-image: url('/resources/images/icons/imgDeleteDark.svg');
}
.new-batch-row:nth-of-type(1) > div .deleter { display: none; }
.new-batch-row > div:nth-of-type(1) { flex: 1; margin: 0px 10px; display: flex; flex-direction: column; }
.new-batch-row > div:nth-of-type(2) { width: 150px; }
.new-batch-row > div:nth-of-type(3) { width: 30px; }


#DistributorTable { max-width: 400px; min-width: auto; margin: 0px auto; }
#DistributorStockTable { max-width: 500px; min-width: auto; margin: 0px auto; }

#BatchDetailsWindow { max-width: 700px; }
#AddBatchRowButton { justify-content: center;}
#BatchResumeTable .rowGroup .row:nth-last-of-type(1) { border-top: solid 2px #1f86d8; }