div.data_list {
	width: 100%;
	overflow: hidden;
	margin-bottom: 15px;
}
div.data_list > div.data_row,
div.data_list > a > div.data_row {
	width: 100%;
	line-height: 40px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	border-radius: 5px;
	margin-bottom: 8px;
}

div.data_list > div.data_row > div.data_header,
div.data_list > div.data_row > div.description,
div.data_list > a > div.data_row > div.description,
div.data_list > div.data_row > div.value,
div.data_list > a > div.data_row > div.value,
div.data_list > div.data_row > div.edit,
div.data_list > a > div.data_row > div.edit,
div.data_list > div.data_row > div.mandatory
div.data_list > a > div.data_row > div.mandatory {
	vertical-align: middle;
	display: block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
div.data_list > div.data_row > div.data_header {
	width: 100%;
	padding: 6px 7px;
	font-weight: bold;
	font-style: italic;
	border-top: 1px solid #999;
	background-color: #f0f0f0;
	margin-bottom: 10px;
}
div.data_list > div.data_row > div.description,
div.data_list > a > div.data_row > div.description {
	display: inline-block;
	width: calc(100% - 15px);
	padding-left: 4px;
	background-color: #f0f0f0;
	vertical-align: top;
}
div.data_list > div.data_row > div.mandatory,
div.data_list > a > div.data_row > div.mandatory {
	display: inline-block;
	width: 15px;
	background-color: #f0f0f0;
	vertical-align: top;
}
div.data_list > div.data_row.disabled > div.description,
div.data_list > div.data_row.disabled > div.mandatory,
div.data_list > div.data_row.disabled > div.value,
div.data_list > a.disabled > div.data_row > div.description,
div.data_list > a.disabled > div.data_row > div.mandatory,
div.data_list > a.disabled > div.data_row > div.value {
	color: #a9a9a9;
}
div.data_list > div.data_row > div.value,
div.data_list > div.data_row > div.edit {
	width: 100%;
	display: block;
	vertical-align: top;
}

/* edit and delete buttons inside a value */
div.data_list > div.data_row > div.value > a.edit,
div.data_list > div.data_row > div.value > a.delete {
	display: inline-block;
	width: 33px;
	background-repeat: no-repeat;
	background-position: 10px center;
	opacity: 0.4;
	transition: opacity 500ms cubic-bezier(0.6, 0, 0.4, 1);
}
div.data_list > div.data_row > div.value > a.edit {
	background-image: url('../imgs/icons/edit.png');
}
div.data_list > div.data_row > div.value > a.delete {
	background-image: url('../imgs/icons/delete.png');
}
div.data_list > div.data_row > div.value:hover > a.edit,
div.data_list > div.data_row > div.value:hover > a.delete {
	opacity: 1;
}
div.data_list > div.data_row > div.value > a.edit:hover,
div.data_list > div.data_row > div.value > a.delete:hover {
	background-color: #ccc;
}


div.data_list > div.data_row > div.value > div span > a.button_inline,
div.data_list > div.data_row > div.value > div span > a.button_inline_unimportant {
	display: inline-block !important;
	width: calc(50% - 2px);
}


div.data_list > div.divider,
div.data_list > div.data_row > div.divider {
	width: 100%;
	height: 12px;
}


div.data_list > div.data_row > div.value >img.check_green {
	display: inline-block;
	width: 19px;
	height: 19px;
	margin: 0px;
	padding: 0px;
	vertical-align: top;
	margin-top: 3px;
	margin-left: 5px;
}


div.data_list > div.data_row > div.value > div > select {
	width: 100%;
}


/* just for filenames */
div.data_list > div.data_row > div.value > div.filename {
	display: inline-block;
	width: 100%;
	vertical-align: top;
	text-overflow: inherit;
/*	transition: width 300ms ease-in-out; */
}
div.data_list > div.data_row:hover > div.value > div.filename {
	width: calc(100% - 66px);
}
div.data_list > div.data_row > div.value > div.c-button {
	display: inline-block;
	width: 0px;
	vertical-align: top;
/*	transition: width 200ms ease-in-out; */
}
div.data_list > div.data_row:hover > div.value > div.c-button {
	display: inline-block;
	overflow: hidden;
}
div.data_list > div.data_row:hover > div.value > div.c-button.one {
	width: 33px;
}
div.data_list > div.data_row:hover > div.value > div.c-button.two {
	width: 66px;
}
div.data_list > div.data_row > div.value > div.c-button > a.edit_button,
div.data_list > div.data_row > div.value > div.c-button > a.delete_button {
	display: inline-block;
	width: 33px;
	background-repeat: no-repeat;
	background-position: 10px center;
}
div.data_list > div.data_row > div.value > div.c-button > a.edit_button {
	background-image: url('../imgs/icons/edit.png');
}
div.data_list > div.data_row > div.value > div.c-button > a.delete_button {
	background-image: url('../imgs/icons/delete.png');
}
div.data_list > div.data_row > div.value > div.c-button > a.edit_button:hover,
div.data_list > div.data_row > div.value > div.c-button > a.delete_button:hover {
	background-color: #ccc;
}


/* just for notes */
div.data_list > div.data_row > div.value > div.note {
	border-bottom: 1px solid #ccc;
	margin-bottom: 7px;
	white-space: normal;
}


/* just for prices */
div.data_list > div.data_row > div.value > select.currency,
div.data_list > div.data_row > div.edit > select.currency,
div.data_list > div.data_row > div.value > input[type="number"].price,
div.data_list > div.data_row > div.edit > input[type="number"].price,
div.data_list > div.data_row > div.value > select.VAT_type,
div.data_list > div.data_row > div.edit > select.VAT_type {
	display: block;
	width: 100%;
}


/* for the inputs inside a value */
div.data_list > div.data_row > div.value input[type="text"],
div.data_list > div.data_row > div.edit input[type="text"],
div.data_list > div.data_row > div.value input[type="date"],
div.data_list > div.data_row > div.edit input[type="date"],
div.data_list > div.data_row > div.value input[type="time"],
div.data_list > div.data_row > div.edit input[type="time"],
div.data_list > div.data_row > div.value input[type="number"],
div.data_list > div.data_row > div.edit input[type="number"],
div.data_list > div.data_row > div.value input[type="email"],
div.data_list > div.data_row > div.edit input[type="email"],
div.data_list > div.data_row > div.value input[type="button"],
div.data_list > div.data_row > div.edit input[type="button"],
div.data_list > div.data_row > div.value select,
div.data_list > div.data_row > div.edit select,
div.data_list > div.data_row > div.value textarea,
div.data_list > div.data_row > div.edit textarea {
	display: block;
	width: 100%;
	max-width: 100%;
	font-family: inherit;
	font-size: inherit;
	color: inherit;
	background-color: #fff;
	border: 1px solid #a8a8a8;
	border-radius: 4px;
	margin: 0;
	outline: none;
}
div.data_list > div.data_row > div.value input[type="text"],
div.data_list > div.data_row > div.edit input[type="text"],
div.data_list > div.data_row > div.value input[type="date"],
div.data_list > div.data_row > div.edit input[type="date"],
div.data_list > div.data_row > div.value input[type="time"],
div.data_list > div.data_row > div.edit input[type="time"],
div.data_list > div.data_row > div.value input[type="number"],
div.data_list > div.data_row > div.edit input[type="number"],
div.data_list > div.data_row > div.value input[type="email"],
div.data_list > div.data_row > div.edit input[type="email"],
div.data_list > div.data_row > div.value input[type="button"],
div.data_list > div.data_row > div.edit input[type="button"] {
	padding: 8px 8px;
}
div.data_list > div.data_row > div.value input[type="date"],
div.data_list > div.data_row > div.edit input[type="date"] {
	border-width: 1px;
	border-style: solid;
}
div.data_list > div.data_row > div.value select,
div.data_list > div.data_row > div.edit select {
	line-height: inherit;
	padding: 8px 4px;
	max-width: 300px;
}

div.data_list > div.data_row > div.value input[type="text"].small,
div.data_list > div.data_row > div.edit input[type="text"].small,
div.data_list > div.data_row > div.value input[type="number"].small,
div.data_list > div.data_row > div.edit input[type="number"].small {
	display: inline-block;
	width: calc(100% - 50px);
}

div.data_list > div.data_row > div.value input[type="text"]:focus,
div.data_list > div.data_row > div.edit input[type="text"]:focus,
div.data_list > div.data_row > div.value input[type="date"]:focus,
div.data_list > div.data_row > div.edit input[type="date"]:focus,
div.data_list > div.data_row > div.value input[type="time"]:focus,
div.data_list > div.data_row > div.edit input[type="time"]:focus,
div.data_list > div.data_row > div.value input[type="number"]:focus,
div.data_list > div.data_row > div.edit input[type="number"]:focus,
div.data_list > div.data_row > div.value input[type="email"]:focus,
div.data_list > div.data_row > div.edit input[type="email"]:focus,
div.data_list > div.data_row > div.value input[type="button"]:focus,
div.data_list > div.data_row > div.edit input[type="button"]:focus,
div.data_list > div.data_row > div.value select:focus,
div.data_list > div.data_row > div.edit select:focus {
	border: 1px solid #333;
	box-shadow: 0 0 5px #999;
	-moz-box-shadow: 0 0 5px #999;
	-webkit-box-shadow: 0 0 5px #999;
}

div.data_list > div.data_row > div.value input[type="text"]:disabled,
div.data_list > div.data_row > div.edit input[type="text"]:disabled,
div.data_list > div.data_row > div.value input[type="date"]:disabled,
div.data_list > div.data_row > div.edit input[type="date"]:disabled,
div.data_list > div.data_row > div.value input[type="time"]:disabled,
div.data_list > div.data_row > div.edit input[type="time"]:disabled,
div.data_list > div.data_row > div.value input[type="number"]:disabled,
div.data_list > div.data_row > div.edit input[type="number"]:disabled,
div.data_list > div.data_row > div.value input[type="email"]:disabled,
div.data_list > div.data_row > div.edit input[type="email"]:disabled,
div.data_list > div.data_row > div.value input[type="button"]:disabled,
div.data_list > div.data_row > div.edit input[type="button"]:disabled {
	color: #ccc;
	border-color: #ccc;
}

div.data_list > div.data_row > div.value select:disabled,
div.data_list > div.data_row > div.edit select:disabled {
	color: #ccc;
	border-color: #ccc;
}

div.data_list > div.data_row > div.value textarea,
div.data_list > div.data_row > div.edit textarea {
	width: 100%;
	/* margin: 1px 0px 0px 0px; */
}

/* first and last name */
div.data_list > div.data_row > div.value input[type="text"].first_name {
	display: block;
	width: 100%;
	max-width: 300px;
}
div.data_list > div.data_row > div.value input[type="text"].last_name {
	display: block;
	width: 100%;
	max-width: 300px;
	margin-top: 3px;
}

/* male, female, unknown */
div.data_list > div.data_row > div.value > div.sex {
	display: block;
	width: 100%;
	vertical-align: top;
}

/* phone numbers */
div.data_list > div.data_row > div.value input[type="text"].phone_number {
	display: inline-block;
	width: calc(100% - 92px);
}
div.data_list > div.data_row > div.value select.phone {
	display: inline-block;
	margin-left: 2px;
	width: 90px;
}


@media screen and (min-width: 1px) and (max-width: 1599px) {
	
	/* full width value field on mobile */
	div.data_list > div.data_row.mobile_full_with_value > div.description {
		display: none;
	}
	div.data_list > div.data_row.mobile_full_with_value > div.mandatory {
		display: none;
	}
	div.data_list > div.data_row.mobile_full_with_value > div.value {
		width: 100%;
	}
}

@media screen and (min-width: 320px) {
	
	div.data_list > div.data_row,
	div.data_list > a > div.data_row {
		margin-bottom: 0px;
	}
	
	div.data_list > div.data_row:nth-child(odd),
	div.data_list > a:nth-child(odd) > div.data_row {
		background-color: #f0f0f0;
	}
	
	div.data_list > div.data_row > div.data_header,
	div.data_list > div.data_row > div.description,
	div.data_list > a > div.data_row > div.description,
	div.data_list > div.data_row > div.value,
	div.data_list > a > div.data_row > div.value,
	div.data_list > div.data_row > div.edit,
	div.data_list > div.data_row > div.mandatory,
	div.data_list > a > div.data_row > div.mandatory {
		display: inline-block;
	}
	div.data_list > div.data_row > div.data_header {
		margin-bottom: 0px;
	}
	div.data_list > div.data_row > div.description,
	div.data_list > a > div.data_row > div.description {
		width: min(160px, calc(45% - 8px));
		background-color: unset;
	}
	div.data_list > div.data_row > div.mandatory,
	div.data_list > a > div.data_row > div.mandatory {
		width: 8px;
		background-color: unset;
	}
	div.data_list > div.data_row > div.value,
	div.data_list > a > div.data_row > div.value,
	div.data_list > div.data_row > div.edit {
		display: inline-block;
		width: max(55%, calc(100% - 168px));
		padding-left: 4px;
	}
	div.data_list > div.data_row > div.value.no_mandatory,
	div.data_list > a > div.data_row > div.value.no_mandatory,
	div.data_list > div.data_row > div.edit.no_mandatory,
	div.data_list > a > div.data_row > div.edit.no_mandatory {
		width: calc(55% + 8px);
	}
	
	div.data_list > div.data_row > div.value input[type="text"]:not(.half_width),
	div.data_list > div.data_row > div.edit input[type="text"]:not(.half_width),
	div.data_list > div.data_row > div.value input[type="date"]:not(.half_width),
	div.data_list > div.data_row > div.edit input[type="date"]:not(.half_width),
	div.data_list > div.data_row > div.value input[type="time"]:not(.half_width),
	div.data_list > div.data_row > div.edit input[type="time"]:not(.half_width),
	div.data_list > div.data_row > div.value input[type="number"]:not(.half_width),
	div.data_list > div.data_row > div.edit input[type="number"]:not(.half_width),
	div.data_list > div.data_row > div.value input[type="email"]:not(.half_width),
	div.data_list > div.data_row > div.edit input[type="email"]:not(.half_width),
	div.data_list > div.data_row > div.value input[type="button"]:not(.half_width),
	div.data_list > div.data_row > div.edit input[type="button"]:not(.half_width),
	div.data_list > div.data_row > div.value select:not(.half_width),
	div.data_list > div.data_row > div.edit select:not(.half_width),
	div.data_list > div.data_row > div.value textarea,
	div.data_list > div.data_row > div.edit textarea {
		/* display: inline-block; */
		width: 100%;
		max-width: 300px;
	}
	
	div.data_list > div.data_row > div.value input[type="text"].small,
	div.data_list > div.data_row > div.edit input[type="text"].small,
	div.data_list > div.data_row > div.value input[type="number"].small,
	div.data_list > div.data_row > div.edit input[type="number"].small {
		max-width: 115px;
	}
	
	div.data_list > div.data_row > div.value > div > select {
		width: 300px;
		max-width: 100%;
	}
	
	/* phone numbers */
	div.data_list > div.data_row > div.value input[type="text"].phone_number {
		display: block;
		width: 100%;
		max-width: 300px;
		margin-top: 2px;
	}
	div.data_list > div.data_row > div.value select.phone {
		display: block;
		width: 100%;
		max-width: 300px;
		margin-left: 0;
		margin-top: 2px;
	}
	
	
	div.data_list > div.data_row > div.value > div span > a.button_inline,
	div.data_list > div.data_row > div.value > div span > a.button_inline_unimportant {
		display: unset;
		width: unset;
	}
}

@media screen and (min-width: 500px) {
	
	div.data_list > div.data_row > div.value input[type="date"],
	div.data_list > div.data_row > div.edit input[type="date"] {
		max-width: 150px;	
	}
	
	
	/* just for prices */
	div.data_list > div.data_row > div.value select.currency,
	div.data_list > div.data_row > div.edit select.currency,
	div.data_list > div.data_row > div.value input[type="number"].price,
	div.data_list > div.data_row > div.edit input[type="number"].price,
	div.data_list > div.data_row > div.value select.VAT_type,
	div.data_list > div.data_row > div.edit select.VAT_type {
		display: inline-block;
	}
	div.data_list > div.data_row > div.value select.currency,
	div.data_list > div.data_row > div.edit select.currency {
		width: 50px;
		margin-right: 2px;
	}
	div.data_list > div.data_row > div.value input[type="number"].price,
	div.data_list > div.data_row > div.edit input[type="number"].price {
		width: calc(100% - 154px);
		max-width: 146px;
		margin-right: 2px;
	}
	div.data_list > div.data_row > div.value select.VAT_type,
	div.data_list > div.data_row > div.edit select.VAT_type {
		width: 100px;
	}
	
	/* first and last name */
	div.data_list > div.data_row > div.value input[type="text"].first_name {
		display: inline-block;
		width: 100px;
		margin-right: 2px;
	}
	div.data_list > div.data_row > div.value input[type="text"].last_name {
		display: inline-block;
		width: 198px;
		margin-top: unset;
	}
	
	/* male, female, unknown */
	div.data_list > div.data_row > div.value > div.sex {
		display: inline-block;
		width: unset;
	}
	div.data_list > div.data_row > div.value > div.sex:nth-child(n+2) {
		margin-left: 20px;
	}
	
	/* phone numbers */
	div.data_list > div.data_row > div.value input[type="text"].phone_number {
		display: inline-block;
		width: calc(100% - 126px);
		max-width: 174px;
		margin-top: 0;
	}
	div.data_list > div.data_row > div.value select.phone {
		display: inline-block;
		margin-left: 2px;
		width: 124px;
		max-width: unset;
		margin-left: 2px;
		margin-top: 0;
	}
	
	div.data_list > div.data_row > div.value > input[type="number"].dimensions_number {
		display: inline-block;
		width: 50px;
	}
	
	div.data_list > div.data_row > div.value input[type="text"].half_width,
	div.data_list > div.data_row > div.edit input[type="text"].half_width,
	div.data_list > div.data_row > div.value input[type="date"].half_width,
	div.data_list > div.data_row > div.edit input[type="date"].half_width,
	div.data_list > div.data_row > div.value input[type="time"].half_width,
	div.data_list > div.data_row > div.edit input[type="time"].half_width,
	div.data_list > div.data_row > div.value input[type="number"].half_width,
	div.data_list > div.data_row > div.edit input[type="number"].half_width,
	div.data_list > div.data_row > div.value input[type="email"].half_width,
	div.data_list > div.data_row > div.edit input[type="email"].half_width,
	div.data_list > div.data_row > div.value input[type="button"].half_width,
	div.data_list > div.data_row > div.edit input[type="button"].half_width,
	div.data_list > div.data_row > div.value select.half_width,
	div.data_list > div.data_row > div.edit select.half_width,
	div.data_list > div.data_row > div.value textarea.half_width,
	div.data_list > div.data_row > div.edit textarea.half_width {
		display: inline-block;
		width: calc(50% - 1px);
		max-width: 149px;
	}
	div.data_list > div.data_row > div.value input[type="text"].half_width:nth-child(even),
	div.data_list > div.data_row > div.edit input[type="text"].half_width:nth-child(even),
	div.data_list > div.data_row > div.value input[type="date"].half_width:nth-child(even),
	div.data_list > div.data_row > div.edit input[type="date"].half_width:nth-child(even),
	div.data_list > div.data_row > div.value input[type="time"].half_width:nth-child(even),
	div.data_list > div.data_row > div.edit input[type="time"].half_width:nth-child(even),
	div.data_list > div.data_row > div.value input[type="number"].half_width:nth-child(even),
	div.data_list > div.data_row > div.edit input[type="number"].half_width:nth-child(even),
	div.data_list > div.data_row > div.value input[type="email"].half_width:nth-child(even),
	div.data_list > div.data_row > div.edit input[type="email"].half_width:nth-child(even),
	div.data_list > div.data_row > div.value input[type="button"].half_width:nth-child(even),
	div.data_list > div.data_row > div.edit input[type="button"].half_width:nth-child(even),
	div.data_list > div.data_row > div.value select.half_width:nth-child(even),
	div.data_list > div.data_row > div.edit select.half_width:nth-child(even),
	div.data_list > div.data_row > div.value textarea.half_width:nth-child(even),
	div.data_list > div.data_row > div.edit textarea.half_width:nth-child(even) {
		margin-left: 2px;
	}
	
	div.data_list > div.data_row > div.value input[type="number"].odometer_value {
		display: inline-block;
		width: calc(100% - 67px);
		max-width: 233px;
	}
	div.data_list > div.data_row > div.value select.odometer_scale {
		display: inline-block;
		margin-left: 2px;
		width: 65px;
	}
}

@media screen and (min-width: 800px) {
	
	div.data_list > div.data_row,
	div.data_list > a > div.data_row {
		line-height: inherit;
		transition-duration: 0s;
		transition-property: max-height;
		transition-timing-function: cubic-bezier(0, 0.5, 0.5, 1);
	}
	
	div.data_list > div.data_row > div.description,
	div.data_list > a > div.data_row > div.description {
		width: 160px;
		padding-left: 4px;
	}
	div.data_list > div.data_row > div.value,
	div.data_list > a > div.data_row > div.value,
	div.data_list > div.data_row > div.edit {
		width: calc(100% - 168px);
	}
	div.data_list > div.data_row > div.mandatory,
	div.data_list > a > div.data_row > div.mandatory {
		width: 8px;
	}
	
	div.data_list > div.data_row > div.description,
	div.data_list > a > div.data_row > div.description,
	div.data_list > div.data_row > div.value,
	div.data_list > a > div.data_row > div.value,
	div.data_list > div.data_row > div.edit,
	div.data_list > div.data_row > div.mandatory,
	div.data_list > a > div.data_row > div.mandatory {
		vertical-align: top;
	}
	
	div.data_list > div.data_row > div.value input[type="text"],
	div.data_list > div.data_row > div.edit input[type="text"],
	div.data_list > div.data_row > div.value input[type="time"],
	div.data_list > div.data_row > div.edit input[type="time"],
	div.data_list > div.data_row > div.value input[type="number"],
	div.data_list > div.data_row > div.edit input[type="number"],
	div.data_list > div.data_row > div.value input[type="email"],
	div.data_list > div.data_row > div.edit input[type="email"],
	div.data_list > div.data_row > div.value input[type="button"],
	div.data_list > div.data_row > div.edit input[type="button"] {
		padding: 1px 3px;
	}
	div.data_list > div.data_row > div.value input[type="date"],
	div.data_list > div.data_row > div.edit input[type="date"] {
		padding: 0px 3px;
	}
	
	div.data_list > div.data_row > div.value select,
	div.data_list > div.data_row > div.edit select {
		line-height: inherit;
		padding: 0px;
	}
	
	
	/* just for prices */
	div.col-2-1 div.data_list > div.data_row > div.value select.currency,
	div.col-2-2 div.data_list > div.data_row > div.value select.currency,
	div.col-2-1 div.data_list > div.data_row > div.edit select.currency,
	div.col-2-2 div.data_list > div.data_row > div.edit select.currency,
	div.col-2-1 div.data_list > div.data_row > div.value input[type="number"].price,
	div.col-2-2 div.data_list > div.data_row > div.value input[type="number"].price,
	div.col-2-1 div.data_list > div.data_row > div.edit input[type="number"].price,
	div.col-2-2 div.data_list > div.data_row > div.edit input[type="number"].price,
	div.col-2-1 div.data_list > div.data_row > div.value select.VAT_type,
	div.col-2-2 div.data_list > div.data_row > div.value select.VAT_type,
	div.col-2-1 div.data_list > div.data_row > div.edit select.VAT_type,
	div.col-2-2 div.data_list > div.data_row > div.edit select.VAT_type {
		display: block;
		width: 100%;
		max-width: unset;
		margin: unset;
	}
}

@media screen and (min-width: 1050px) {
	
	/* just for prices */
	div.col-2-1 div.data_list > div.data_row > div.value select.currency,
	div.col-2-2 div.data_list > div.data_row > div.value select.currency,
	div.col-2-1 div.data_list > div.data_row > div.edit select.currency,
	div.col-2-2 div.data_list > div.data_row > div.edit select.currency,
	div.col-2-1 div.data_list > div.data_row > div.value input[type="number"].price,
	div.col-2-2 div.data_list > div.data_row > div.value input[type="number"].price,
	div.col-2-1 div.data_list > div.data_row > div.edit input[type="number"].price,
	div.col-2-2 div.data_list > div.data_row > div.edit input[type="number"].price,
	div.col-2-1 div.data_list > div.data_row > div.value select.VAT_type,
	div.col-2-2 div.data_list > div.data_row > div.value select.VAT_type,
	div.col-2-1 div.data_list > div.data_row > div.edit select.VAT_type,
	div.col-2-2 div.data_list > div.data_row > div.edit select.VAT_type {
		display: inline-block;
	}
	div.col-2-1 div.data_list > div.data_row > div.value select.currency,
	div.col-2-2 div.data_list > div.data_row > div.value select.currency,
	div.col-2-1 div.data_list > div.data_row > div.edit select.currency,
	div.col-2-2 div.data_list > div.data_row > div.edit select.currency {
		width: 50px;
		margin-right: 2px;
	}
	div.col-2-1 div.data_list > div.data_row > div.value input[type="number"].price,
	div.col-2-2 div.data_list > div.data_row > div.value input[type="number"].price,
	div.col-2-1 div.data_list > div.data_row > div.edit input[type="number"].price,
	div.col-2-2 div.data_list > div.data_row > div.edit input[type="number"].price {
		width: calc(100% - 154px);
		max-width: 146px;
		margin-right: 2px;
	}
	div.col-2-1 div.data_list > div.data_row > div.value select.VAT_type,
	div.col-2-2 div.data_list > div.data_row > div.value select.VAT_type,
	div.col-2-1 div.data_list > div.data_row > div.edit select.VAT_type,
	div.col-2-2 div.data_list > div.data_row > div.edit select.VAT_type {
		width: 100px;
	}
}

@media screen and (min-width: 1200px) {
	
	div.data_list > div.data_row > div.description,
	div.data_list > a > div.data_row > div.description {
		width: 200px;
		padding-left: 4px;
	}
	div.data_list > div.data_row > div.value,
	div.data_list > a > div.data_row > div.value,
	div.data_list > div.data_row > div.edit {
		width: calc(100% - 210px);
	}
	div.data_list > div.data_row > div.mandatory,
	div.data_list > a > div.data_row > div.mandatory {
		width: 10px;
	}
	
}

@media screen and (min-width: 1300px) {
	
	div.data_list > div.data_row > div.value > input[type="number"].dimensions_number {
		width: 60px;
	}
}

@media screen and (min-width: 1500px) {
	
}

@media screen and (min-width: 1600px) {
	
}

@media screen and (min-width: 1750px) {

}