.contract-index .contract-index-ctrl .plus-con {background-color:rgb(2, 111, 64);}

.contract-index .contract-row .model-name,
.contract-index .contract-row .customer-name {
	min-width: 180px;
}

.contract-index .contract-row .model-name select,
.contract-index .contract-row .customer-name select {
	width: 85%;
}

.contract-index .model-name {
	min-width: 150px;
}

#dialog-customer-editor input,
#dialog-model-editor input {
	width: 100%;
	box-sizing: border-box;
}

.contract-index {
	border-collapse: collapse;
	border: dashed 0px;
	border-color: black;
	width: 100%;
	margin-top: 0px;
}

.contract-index td {
	text-align: left;
	padding: 2px;
	padding-left: 12px;
	padding-right: 12px;
	border-left: dashed rgb(31, 31, 40) 1px;
	overflow-x: hidden;
	text-overflow: ellipsis;
}

.contract-index th {
	padding: 2px;
	padding-bottom: 8px;
	padding-top: 8px;

	font-size: 15px;
	font-weight: normal;

	background-image:  url("../images/struct-bg.png");
}

.contract-index tr, .contract-index th {
	border-bottom: 1px solid rgb(23, 27, 35);
}

.contract-index .contract-row > .ctrl a {
	background-color: rgb(26, 111, 148);
}

.contract-index .contract-row > .ctrl {
	text-align: center;
}

#content .contract-index > tbody > tr {
	background-color: rgba(46, 47, 58, 0.4);
}

#content .contract-index > tbody > tr > td {
	border-right: dashed rgb(31, 31, 40) 1px;
}

#content .contract-index td:last-child {
	border-right: dashed rgb(31, 31, 40) 1px;
}

#dialog-new-contract input,
#dialog-new-contract select {
	width: 100%;
    box-sizing: border-box;
}

.add-contract-product {
	background-color: rgb(2, 111, 64);
	margin-left: 12px;
}

.contract-product-del {
	background-color: rgb(190, 38, 84);
}

.contract-product > div,
.contract-product > input {
	display: inline-block;
	margin-left: 12px;
	width: 44%;
}

.contract-product,
.contract-product-add {
	margin-top: 4px;
}

.contract-product-add {
	padding-bottom: 12px;
	margin-bottom: 12px;
	border-bottom: 1px solid rgb(23, 27, 35);
}

.product-class {
	border-bottom: 1px solid rgb(23, 27, 35);
	margin-bottom: 12px;
	padding-bottom: 10px;
}

#dialog-inspection .product-autocomplete {
	width: calc(100% - 50px);
}

#dialog-manage-contract .contract-product-add input {
	width: 40%;
}

/* NEW IMPLEMENTATION */

#tab-id-contract-content .detail-body > * {
	margin-bottom: 12px;
}

#tab-id-contract-content .detail-container label {
	margin-bottom: 2px;
    margin-top: 8px;
    margin-right: 12px;
    font-size: 14px;
    display: block;
    min-width: 240px;
}

#tab-id-contract-content .detail-container input {
	width: 100%;
    margin-top: 2px;
    box-sizing: border-box;
}

#tab-id-contract-content .detail-container button {
	width: 100%;
    margin-top: 12px;
}

#tab-id-contract-content .detail-container .customer-auto,
#tab-id-contract-content .detail-container select {
	width: calc(100% - 43px);
	padding: 4px;
    margin: 1px;
	margin-right: 8px;
}