@media screen and (min-width: 1px) {
	
	/* general settings */
	
	div.rowfix {
		display: block !important;
		margin: 0 !important;
		padding: 0 !important;
	}
	div.rowfix:after {
		content: " ";
		height: 0px;
		font-size: 0px;
		line-height: 0px;
		display: block;
		visibility: hidden;
		clear: both;
	}
	
	::-webkit-scrollbar {
		width: 6px;
		height: 6px;
	}
	::-webkit-scrollbar-button:no-button {}
	::-webkit-scrollbar-track-piece {
		background: #fff;
	}
	::-webkit-scrollbar-thumb {
		border-radius: 5px;
		background: #ccc;
	}
	
	table {
		border-collapse: collapse;
	}
	
	
	/* homepage */
	a.button_homepage,
	a.button_homepage:visited {
		display: inline-block;
		color: inherit;
		text-decoration: none;
		width: calc(50% - 10px);
		vertical-align: top;
		background-color: #e5e5e5;
		margin-right: 20px;
	}
	a.button_homepage > div.pic {
		height: 111px;
		background-position: center;
		background-repeat: no-repeat;
		background-size: auto 90%;
	}
	a.button_homepage > div.text {
		text-align: center;
		background-color: #f2f2f2;
	}
	
	a.button_homepage:nth-child(even) {
		margin-right: 0px;
	}
	
	a.button_homepage:hover {
		box-shadow: 0px 1px 15px 0px rgba(0, 0, 0, 0.4);
	}
	a.button_homepage:hover > div.pic {
		background-size: auto 95%;
	}
	
	/* header */
	html > body > div#container > div.header {
		padding: 15px 0px 0px 0px;
	}
	html > body > div#container > div.header a,
	html > body > div#container > div.header a:visited {
		text-decoration: none;
		color: inherit;
	}
	html > body > div#container > div.header a:hover {
		text-decoration: underline;
	}
	html > body > div#container > div.header > div:after {
		content: " ";
		height: 0px;
		font-size: 0px;
		line-height: 0px;
		display: block;
		visibility: hidden;
		clear: both;
	}
	html > body > div#container > div.header > div.row1 > div.logo {
		width: 100%;
	}
	html > body > div#container > div.header > div.row1 > div.logo > img {
		display: block;
		max-width: 250px;
		max-height: 40px;
	}
	html > body > div#container > div.header > div.row1 > div.menu {
		display: none;
	}
	html > body > div#container > div.header > div.row2 {
		margin: 15px 0px 0px 0px;
		border-top: 1px solid #aaa;
		border-bottom: 1px solid #aaa;
	}
	html > body > div#container > div.header > div.row2 > div.breadcrumb {
		line-height: 34px;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}
	html > body > div#container > div.header > div.row2 > div.searchbox {
		
	}
	html > body > div#container > div.header > div.row2 > div.searchbox > input {
		display: none;
		width: 100%;
		padding: 10px;
		border: 1px solid #ccc;
		outline: none;
		font-family: inherit;
		line-height: inherit;
	}
	
	
	/* account popup */
	div#ap_c {
		display: none;
		position: absolute;
		top: 40px;
		right: 290px;
		overflow: visible;
	}
	div#ap_c > div#ap {
		position: relative;
		min-width: 325px;
		overflow: hidden;
		text-align: left;
		background-color: #fafafa;
		border: 1px solid #ccc;
		z-index: 9999;
		box-shadow: 0px 0px 10px rgba(0,0,0,.2);
	}
	div#ap_c > div#ap > div.pne_c {
		padding: 15px 25px;
		line-height: 20px;
		border-bottom: 1px solid #ccc;
		overflow: hidden;
	}
	div#ap_c > div#ap > div.pne_c > div.p_c {
		display: inline-block;
		vertical-align: top;
		height: 48px;
		width: 48px;
		border-radius: 50%;
	}
	div#ap_c > div#ap > div.pne_c > div.ne_c {
		display: inline-block;
		vertical-align: top;
		padding: 3px 0px 0px 15px;
		white-space: nowrap;
	}
	div#ap_c > div#ap > div.pne_c > div.ne_c > div.full_name {
		font-weight: bold;
		max-width: 300px;
		text-overflow: ellipsis;
	}
	div#ap_c > div#ap > div.pne_c > div.ne_c > div.email_address {
		max-width: 300px;
		text-overflow: ellipsis;
	}
	div#ap_c > div#ap > div.buttons {
		display: table;
		width: 100%;
		background-color: #fff;
		padding: 15px 25px;
		overflow: hidden;
	}
	div#ap_c > div#ap > div.buttons > div {
		display: table-cell;
	}
	div#ap_c > div#ap > div.buttons > div:nth-child(1) > a {
		margin-right: 20px;
	}
	div#ap_c > div#ap > div.buttons > div:nth-child(2) {
		text-align: right;
	}
	div#ap_c > div#ap > div.buttons > div > a {
		display: inline-block;
		line-height: 30px;
		text-align: center;
		padding: 0px 12px;
		background-color: #f0f0f0;
		text-decoration: none;
		color: #000;
		border-radius: 3px;
	}
	div#ap_c > div#ap > div.buttons > div > a:hover {
		background-color: #0066aa;
		color: #fff;
	}
	/* the full screen div that listens for clicks to close the account popup */
	body > div#ap_bg {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		z-index: 999;
	}
	
	
	html > body > div#container > div#content div.full_head {
		font-size: 16px;
		font-weight: bold;
		padding: 10px;
		border-radius: 6px;
		margin: 0;
		box-shadow: 0px 0px 7px #ccc;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}
	html > body > div#container > div#content div.full_head > span.link_box {
		display: block;
		font-size: 14px;
		font-weight: normal;
		margin-top: 10px;
	}
	html > body > div#container > div#content div.full_head > span.link_box > a,
	html > body > div#container > div#content div.full_head > a.button,
	html > body > div#container > div#content a.button_inline,
	html > body > div#container > div#content a.button_inline_unimportant,
	html > body > div#container > div#content label.button_inline {
		text-decoration: none;
		font: inherit;
		font-weight: normal;
		text-align: center;
		color: inherit;
		outline: none;
		border-radius: 4px;
		white-space: nowrap;
	}
	html > body > div#container > div#content div.full_head > span.link_box > a,
	html > body > div#container > div#content div.full_head > a.button,
	html > body > div#container > div#content a.button_inline,
	html > body > div#container > div#content label.button_inline {
		background-color: #e5e5e5;
		border: 1px solid #a0a0a0;
	}
	html > body > div#container > div#content a.button_inline_unimportant {
		background-color: #f6f6f6;
		border: 1px solid #d0d0d0;
	}
	html > body > div#container > div#content div.full_head > span.link_box > a,
	html > body > div#container > div#content div.full_head > a.button {
		display: block;
		line-height: inherit;
		padding: 7px 15px;
		/* margin: -1px 0px; */
	}
	html > body > div#container > div#content a.button_inline,
	html > body > div#container > div#content a.button_inline_unimportant,
	html > body > div#container > div#content label.button_inline {
		display: block;
		overflow: hidden;
		padding: 7px 10px;
		line-height: inherit;
		vertical-align: top;
	}
	html > body > div#container > div#content div.full_head > span.link_box > a:hover,
	html > body > div#container > div#content div.full_head > a.button:hover,
	html > body > div#container > div#content a.button_inline:hover,
	html > body > div#container > div#content a.button_inline_unimportant:hover,
	html > body > div#container > div#content label.button_inline:hover {
		background-color: #d0d0d0;
		color: inherit;
		border-radius: 4px;
		border-color: #a9a9a9;
	}
	html > body > div#container > div#content div.full_head > span.link_box > a:focus,
	html > body > div#container > div#content div.full_head > a.button:focus,
	html > body > div#container > div#content a.button_inline:focus,
	html > body > div#container > div#content a.button_inline_unimportant:focus,
	html > body > div#container > div#content label.button_inline:focus {
		border-color: #666;
	}
	html > body > div#container > div#content a.button_inline.disabled,
	html > body > div#container > div#content a.button_inline_unimportant.disabled {
		pointer-events: none;
		background-color: #f3f3f3;
		color: #ababab;
		border-color: #ababab;
	}
	html > body > div#container > div#content div.full_head > span.link_box > div.active_link,
	html > body > div#container > div#content div.full_head > div.active_link,
	html > body > div#container > div#content div.active_link {
		text-decoration: none;
		display: block;
		line-height: inherit;
		text-align: center;
		vertical-align: top;
		padding: 7px 15px;
		border-radius: 4px;
		border: 1px solid #bbb;
		/* margin: -1px 0px; */
	}
	
	html > body > div#container > div#content label.button_inline {
		cursor: pointer;
	}
	
	/* columns */

	html > body > div#container > div#content div.col-1-1,
	html > body > div#container > div#content div.col-2-1,
	html > body > div#container > div#content div.col-2-2 {
		width: 100%;
		overflow: visible;
	}
	
	
	/* columns - fields */
	
	div.field {
		margin: 10px 0 0 0;
		overflow: visible;
	}
	
	
	/* columns - fields - header */
	
	div.field div.header-c {
		background-color: #fff;
		position: relative;
		z-index: 50;
		overflow: visible;
	}
	div.field div.header {
		padding: 10px;
		margin: 0;
		font-size: 19px;
		box-shadow: 0px 0px 7px #ccc;
		vertical-align: top;
		border-radius: 6px;
	}
	
	div.field div.header > div.text {
		display: inline-block;
		width: calc(100% - 40px);
		vertical-align: top;
		text-overflow: ellipsis;
		overflow: hidden;
		white-space: nowrap;
	}
	
	div.field div.header a.item_add,
	div.field div.header a.item_edit,
	div.field div.header a.item_delete,
	html > body > div#container > div#content div.full_head > a.item_edit,
	html > body > div#container > div#content div.full_head > a.item_delete {
		display: inline-block;
		width: 33px;
		float: right;
		opacity: 0.3;
		background-repeat: no-repeat;
		background-position: 10px center;
		transition: opacity 500ms ease-in-out, background-color 200ms ease-in-out;
	}
	
	div.field div.header a.item_add {
		background-image: url('../../imgs/icons/add_v2.png');
	}
	div.field div.header a.item_edit,
	html > body > div#container > div#content div.full_head > a.item_edit {
		background-image: url('../../imgs/icons/edit_v2.png');
	}
	div.field div.header a.item_delete,
	html > body > div#container > div#content div.full_head > a.item_delete {
		background-image: url('../../imgs/icons/delete.png');
	}
	
	div.field div.header:hover a.item_add,
	div.field div.header:hover a.item_edit,
	div.field div.header:hover a.item_delete,
	html > body > div#container > div#content div.full_head:hover > a.item_edit,
	html > body > div#container > div#content div.full_head:hover > a.item_delete {
		opacity: 0.6;
	}

	div.field div.header a.item_add:hover,
	div.field div.header a.item_edit:hover,
	div.field div.header a.item_delete:hover,
	html > body > div#container > div#content div.full_head > a.item_edit:hover,
	html > body > div#container > div#content div.full_head > a.item_delete:hover {
		opacity: 1;
		background-color: #e0e0e0;
	}
	
	
	/* clickable arrows on headers */
	
	html > body > div#container > div#content div.field > div.header-c > a {
		display: block;
		font: inherit;
		color: inherit;
		text-decoration: none;
	}
	html > body > div#container > div#content div.field > div.header-c > a > div.header > img.arrow {
		width: 13px;
		height: auto;
		margin: 0px 15px 2px 5px;
		vertical-align: baseline;
		transition: transform 300ms ease-in-out;
	}
	html > body > div#container > div#content div.field > div.header-c > a > div.header > img.arrow.up {
		transform: rotate(-180deg);
	}
	
	
	/* columns - fields - multiline container */

	div.field > div.multiline-c,
	div.field > div.rows-c > div.rows > div.multiline-c {
		background-color: #fff;
		position: relative;
		overflow: visible;
	}
	div.field > div.multiline-c:hover,
	div.field > div.rows-c > div.rows > div.multiline-c:hover {
		background-color: #fff;
		position: relative;
		z-index: 100;
	}
	div.field div.multiline-c div.hvr,
	div.field > div.rows-c > div.rows > div.multiline-c div.hvr {
		cursor: pointer;
	}
	div.field > div.rows-c > div.rows {
		max-height: 271px;
		overflow: auto;
		padding: 1px 0 5px 5px;
	}

	/* columns - fields - multiline */

	div.field > div.multiline-c > div.multiline,
	div.field > div.rows-c > div.rows > div.multiline-c > div.multiline {
		padding: 10px;
		border-radius: 6px;
		box-shadow: 0px 0px 7px #e0e0e0;
	}
	html > body > div#container > div#content div.full_head:hover,
	div.field div.header:hover,
	div.field > div.multiline-c > div.multiline:hover,
	div.field > div.rows-c > div.rows > div.multiline-c > div.multiline:hover {
		box-shadow: 0px 0px 7px #999;
	}
	div.field > div.multiline-c > div.multiline div,
	div.field > div.rows-c > div.rows > div.multiline-c > div.multiline div {
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
		vertical-align: top;
	}
	div.field > div.multiline-c > div.multiline > div,
	div.field > div.rows-c > div.rows > div.multiline-c > div.multiline > div {
		vertical-align: top;
	}
	
	
	/* columns - fields - multiline - address */

	div.field > div.multiline-c > div.multiline.addresses > div.address_row > div.address_float_right,
	div.field > div.multiline-c > div.multiline.contacts > div.contact_row > div.contact_function_float_right,
	div.field > div.rows-c > div.rows > div.multiline-c > div.multiline.addresses > div.address_row > div.address_float_right,
	div.field > div.rows-c > div.rows > div.multiline-c > div.multiline.contacts > div.contact_row > div.contact_function_float_right {
		display: inline-block;
		float: right;
		margin: 0 0 0 15px;
	}
	div.field > div.multiline-c > div.multiline.addresses > div.address_row > div.address_float_right > a.address_edit,
	div.field > div.multiline-c > div.multiline.contacts > div.contact_row > div.contact_function_float_right > a.contact_edit,
	div.field > div.multiline-c > div.multiline.contacts > div.contact_row > div.contact_function_float_right > a.contact_delete,
	div.field > div.rows-c > div.rows > div.multiline-c > div.multiline.addresses > div.address_row > div.address_float_right > a.address_edit,
	div.field > div.rows-c > div.rows > div.multiline-c > div.multiline.contacts > div.contact_row > div.contact_function_float_right > a.contact_edit,
	div.field > div.rows-c > div.rows > div.multiline-c > div.multiline.contacts > div.contact_row > div.contact_function_float_right > a.contact_delete {
		opacity: 0;
		float: right;
		width: 45px;
		height: 26px;
		padding: 0;
		background-repeat: no-repeat;
		background-position: center;
		transition: opacity 250ms ease-in-out, background-color 250ms ease-in-out;
	}
	div.field > div.multiline-c > div.multiline.addresses > div.address_row > div.address_float_right > a.address_edit,
	div.field > div.multiline-c > div.multiline.contacts > div.contact_row > div.contact_function_float_right > a.contact_edit,
	div.field > div.rows-c > div.rows > div.multiline-c > div.multiline.addresses > div.address_row > div.address_float_right > a.address_edit,
	div.field > div.rows-c > div.rows > div.multiline-c > div.multiline.contacts > div.contact_row > div.contact_function_float_right > a.contact_edit {
		background-image: url('../../imgs/icons/edit_v2.png');
	}
	div.field > div.multiline-c > div.multiline.addresses > div.address_row > div.address_float_right > a.address_delete,
	div.field > div.multiline-c > div.multiline.contacts > div.contact_row > div.contact_function_float_right > a.contact_delete,
	div.field > div.rows-c > div.rows > div.multiline-c > div.multiline.addresses > div.address_row > div.address_float_right > a.address_delete,
	div.field > div.rows-c > div.rows > div.multiline-c > div.multiline.contacts > div.contact_row > div.contact_function_float_right > a.contact_delete {
		background-image: url('../../imgs/icons/delete.png');
	}
	div.field > div.multiline-c > div.multiline.addresses > div.address_row:hover > div.address_float_right > a.address_edit,
	div.field > div.multiline-c > div.multiline.contacts > div.contact_row:hover > div.contact_function_float_right > a.contact_edit,
	div.field > div.multiline-c > div.multiline.contacts > div.contact_row:hover > div.contact_function_float_right > a.contact_delete,
	div.field > div.rows-c > div.rows > div.multiline-c > div.multiline.addresses > div.address_row:hover > div.address_float_right > a.address_edit,
	div.field > div.rows-c > div.rows > div.multiline-c > div.multiline.contacts > div.contact_row:hover > div.contact_function_float_right > a.contact_edit,
	div.field > div.rows-c > div.rows > div.multiline-c > div.multiline.contacts > div.contact_row:hover > div.contact_function_float_right > a.contact_delete {
		opacity: 0.5;
	}
	div.field > div.multiline-c > div.multiline.addresses > div.address_row > div.address_float_right > a.address_edit:hover,
	div.field > div.multiline-c > div.multiline.contacts > div.contact_row > div.contact_function_float_right > a.contact_edit:hover,
	div.field > div.multiline-c > div.multiline.contacts > div.contact_row > div.contact_function_float_right > a.contact_delete:hover,
	div.field > div.rows-c > div.rows > div.multiline-c > div.multiline.addresses > div.address_row > div.address_float_right > a.address_edit:hover,
	div.field > div.rows-c > div.rows > div.multiline-c > div.multiline.contacts > div.contact_row > div.contact_function_float_right > a.contact_edit:hover,
	div.field > div.rows-c > div.rows > div.multiline-c > div.multiline.contacts > div.contact_row > div.contact_function_float_right > a.contact_delete:hover {
		opacity: 1;
		background-color: #e0e0e0;
	}
	
	
	/* equipment */
	
	html > body > div#container > div#content div.field > div.multiline-c > div.multiline.equipment > div.equipment_row > div.address_type {
		display: inline-block;
		width: 150px;
	}
	html > body > div#container > div#content div.field > div.multiline-c > div.multiline.equipment > div.equipment_row > div.address {
		display: inline-block;
		width: 325px;
	}
	html > body > div#container > div#content div.field > div.multiline-c > div.multiline.equipment > div.equipment_row > div.product {
		display: inline-block;
		width: calc(100% - 600px);
	}
	html > body > div#container > div#content div.field > div.multiline-c > div.multiline.equipment > div.equipment_row > div.serial_number {
		display: inline-block;
		width: 125px;
	}
	
	
	/* orders */
	
	html > body > div#container > div#content div.field > div.multiline-c > div.multiline.orders > div.order_row > div.address_type {
		display: none;
		width: 150px;
	}
	html > body > div#container > div#content div.field > div.multiline-c > div.multiline.orders > div.order_row > div.details {
		display: inline-block;
		width: calc(100% - 340px);
	}
	html > body > div#container > div#content div.field > div.multiline-c > div.multiline.orders > div.order_row > div.date {
		display: inline-block;
		width: 90px;
	}
	html > body > div#container > div#content div.field > div.multiline-c > div.multiline.orders > div.order_row > div.status {
		display: inline-block;
		width: 150px;
	}
	html > body > div#container > div#content div.field > div.multiline-c > div.multiline.orders > div.order_row > div.buttons,
	html > body > div#container > div#content div.field div.contracts > div.contract_row > div.buttons {
		display: inline-block;
		width: 100px;
	}
	
	
	/* repeat orders */
	
	html > body > div#container > div#content div.field > div.multiline-c > div.multiline.repeat_orders > div.order_row > div.address_type {
		display: none;
		width: 150px;
	}
	html > body > div#container > div#content div.field > div.multiline-c > div.multiline.repeat_orders > div.order_row > div.details {
		display: inline-block;
		width: calc(100% - 340px);
	}
	html > body > div#container > div#content div.field > div.multiline-c > div.multiline.repeat_orders > div.order_row > div.date {
		display: inline-block;
		width: 90px;
	}
	html > body > div#container > div#content div.field > div.multiline-c > div.multiline.repeat_orders > div.order_row > div.status {
		display: inline-block;
		width: 150px;
	}
	html > body > div#container > div#content div.field > div.multiline-c > div.multiline.repeat_orders > div.order_row > div.buttons,
	html > body > div#container > div#content div.field div.contracts > div.contract_row > div.buttons {
		display: inline-block;
		width: 100px;
	}
	
	
	/* contracts */
	
	html > body > div#container > div#content div.field div.contract_lines > div.contract_line:nth-child(odd) {
		background-color: #f6f6f6;
	}
	
	html > body > div#container > div#content div.field div.contract_lines > div.contract_line:hover {
		background-color: #f0f0f0;
	}
	
	html > body > div#container > div#content div.field div.contract_lines > div.contract_line > div.product_code,
	html > body > div#container > div#content div.field div.contract_lines > div.contract_line > div.product_name,
	html > body > div#container > div#content div.field div.contract_lines > div.contract_line > div.amount,
	html > body > div#container > div#content div.field div.contract_lines > div.contract_line > div.price,
	html > body > div#container > div#content div.field div.contract_lines > div.contract_line > div.rental_period,
	html > body > div#container > div#content div.field div.contract_lines > div.contract_line > div.details,
	html > body > div#container > div#content div.field div.contract_lines > div.contract_line > div.buttons {
		display: inline-block;
		padding: 7px 10px 7px 5px;
	}
	html > body > div#container > div#content div.field div.contract_lines > div.contract_line > div.product_code {
	}
	html > body > div#container > div#content div.field div.contract_lines > div.contract_line > div.product_name {
	}
	html > body > div#container > div#content div.field div.contract_lines > div.contract_line > div.amount {
		text-align: right;
	}
	html > body > div#container > div#content div.field div.contract_lines > div.contract_line > div.price {
		text-align: right;
	}
	html > body > div#container > div#content div.field div.contract_lines > div.contract_line > div.rental_period {
	}
	html > body > div#container > div#content div.field div.contract_lines > div.contract_line > div.details {
	}
	html > body > div#container > div#content div.field div.contract_lines > div.contract_line > div.buttons,
	html > body > div#container > div#content div.field div.orders > div.order_row > div.buttons,
	html > body > div#container > div#content div.field div.repeat_orders > div.order_row > div.buttons,
	html > body > div#container > div#content div.field div.contracts > div.contract_row > div.buttons {
		opacity: 0.3;
		padding-right: 0px;
	}
	html > body > div#container > div#content div.field div.contract_lines > div.contract_line:hover > div.buttons,
	html > body > div#container > div#content div.field div.orders > div.order_row:hover > div.buttons,
	html > body > div#container > div#content div.field div.repeat_orders > div.order_row:hover > div.buttons,
	html > body > div#container > div#content div.field div.contracts > div.contract_row:hover > div.buttons {
		opacity: 1;
	}
	html > body > div#container > div#content div.field div.contract_lines > div.contract_line > div.buttons > a.delete,
	html > body > div#container > div#content div.field div.contract_lines > div.contract_line > div.buttons > a.edit,
	html > body > div#container > div#content div.field div.orders > div.order_row > div.buttons > a.delete,
	html > body > div#container > div#content div.field div.orders > div.order_row > div.buttons > a.edit,
	html > body > div#container > div#content div.field div.repeat_orders > div.order_row > div.buttons > a.delete,
	html > body > div#container > div#content div.field div.repeat_orders > div.order_row > div.buttons > a.edit,
	html > body > div#container > div#content div.field div.contracts > div.contract_row > div.buttons > a.delete,
	html > body > div#container > div#content div.field div.contracts > div.contract_row > div.buttons > a.edit {
		display: inline-block;
		padding: 0;
		margin: 0;
		background-repeat: no-repeat;
		background-position: center;
		background-color: #e0e0e0;
	}
	html > body > div#container > div#content div.field div.contract_lines > div.contract_line > div.buttons > a.delete,
	html > body > div#container > div#content div.field div.orders > div.order_row > div.buttons > a.delete,
	html > body > div#container > div#content div.field div.repeat_orders > div.order_row > div.buttons > a.delete,
	html > body > div#container > div#content div.field div.contracts > div.contract_row > div.buttons > a.delete {
		background-image: url('../../imgs/icons/delete.png');
	}
	html > body > div#container > div#content div.field div.contract_lines > div.contract_line > div.buttons > a.edit,
	html > body > div#container > div#content div.field div.orders > div.order_row > div.buttons > a.edit,
	html > body > div#container > div#content div.field div.repeat_orders > div.order_row > div.buttons > a.edit,
	html > body > div#container > div#content div.field div.contracts > div.contract_row > div.buttons > a.edit {
		background-image: url('../../imgs/icons/edit.png');
	}
	
	
	html > body > div#container > div#content div.field div.contract_lines > div.contract_line > div.details > div.cld {
		display: none;
		padding-top: 2px;
	}
	html > body > div#container > div#content div.field div.contract_lines > div.contract_line > div.details > div.cld > div.cldl:nth-child(even) {
		background-color: #fff;
	}
	html > body > div#container > div#content div.field div.contract_lines > div.contract_line > div.details > div.cld > div.cldl:nth-child(odd) {
		background-color: #f6f6f6;
	}
	
	
	html > body > div#container > div#content div.field > div.multiline-c > div.multiline.contract_log > div.log_row > div.user_name {
		display: inline-block;
		width: 200px;
	}
	html > body > div#container > div#content div.field > div.multiline-c > div.multiline.contract_log > div.log_row > div.description {
		display: inline-block;
		width: calc(100% - 480px);
		padding-left: 20px;
	}
	html > body > div#container > div#content div.field > div.multiline-c > div.multiline.contract_log > div.log_row > div.date {
		display: inline-block;
		width: 150px;
		padding-left: 20px;
		text-align: right;
	}
	html > body > div#container > div#content div.field > div.multiline-c > div.multiline.contract_log > div.log_row > div.ip_address {
		display: inline-block;
		width: 130px;
		padding-left: 20px;
		text-align: right;
	}
	
	
	
	
	/* columns - fields - multiline - contact */

	div.field > div.multiline-c > div.multiline > a.contact_edit {
		opacity: 0;
		float: right;
		width: 27px;
		height: 27px;
		padding: 0;
		margin: -5px -5px 0 0;
		background-image: url('../../imgs/icons/edit_v2.png');
		background-repeat: no-repeat;
		background-position: 7px 7px;
	/*	background-color: #eee; */
		transition: opacity 500ms ease-in-out, background-color 500ms ease-in-out;
	}
	div.field > div.multiline-c > div.multiline:hover > a.contact_edit {
		opacity: 0.5;
	}
	div.field > div.multiline-c > div.multiline > a.contact_edit:hover {
		opacity: 1;
		background-color: #e0e0e0;
	}

	/* columns - fields - multiline - vehicle */

	div.field > div.multiline-c > div.multiline > div.vehicle_date,
	div.field > div.rows-c > div.rows > div.multiline-c > div.multiline > div.vehicle_date {
		display: inline-block;
		width: 87px;
	}
	div.field > div.multiline-c > div.multiline > div.vehicle_name {
		display: inline-block;
		width: calc(100% - 127px);
	}
	div.field > div.rows-c > div.rows > div.multiline-c > div.multiline > div.vehicle_name {
		display: inline-block;
		width: calc(100% - 127px);
	}
	div.field > div.multiline-c > div.multiline > div.vehicle_year,
	div.field > div.rows-c > div.rows > div.multiline-c > div.multiline > div.vehicle_year {
		display: inline-block;
		width: 40px;
		text-align: right;
	}

	
	/* columns - fields - multiline */
	
	html > body > div#container > div#content div.field > div.multiline-c > div.multiline.addresses,
	html > body > div#container > div#content div.field > div.multiline-c > div.multiline.contacts,
	html > body > div#container > div#content div.field > div.multiline-c > div.multiline.contracts,
	html > body > div#container > div#content div.field > div.multiline-c > div.multiline.equipment,
	html > body > div#container > div#content div.field > div.multiline-c > div.multiline.tickets,
	html > body > div#container > div#content div.field > div.multiline-c > div.multiline.orders,
	html > body > div#container > div#content div.field > div.multiline-c > div.multiline.repeat_orders,
	html > body > div#container > div#content div.field > div.multiline-c > div.multiline.documents,
	html > body > div#container > div#content div.field > div.multiline-c > div.multiline.contract_log {
		max-height: 350px;
		overflow-y: auto;
	}
	html > body > div#container > div#content div.field > div.multiline-c > div.multiline.addresses > div.address_row,
	html > body > div#container > div#content div.field > div.multiline-c > div.multiline.contacts > div.contact_row,
	html > body > div#container > div#content div.field > div.multiline-c > div.multiline.contracts > div.contract_row,
	html > body > div#container > div#content div.field > div.multiline-c > div.multiline.equipment > div.equipment_row,
	html > body > div#container > div#content div.field > div.multiline-c > div.multiline.tickets > a.ticket_row,
	html > body > div#container > div#content div.field > div.multiline-c > div.multiline.orders > div.order_row,
	html > body > div#container > div#content div.field > div.multiline-c > div.multiline.repeat_orders > div.order_row,
	html > body > div#container > div#content div.field > div.multiline-c > div.multiline.documents > a.document_row,
	html > body > div#container > div#content div.field > div.multiline-c > div.multiline.contract_log > div.log_row {
		display: block;
		padding: 10px 0px;
		color: inherit;
		text-decoration: none;
	}
	html > body > div#container > div#content div.field > div.multiline-c > div.multiline.addresses > div.address_row:hover,
	html > body > div#container > div#content div.field > div.multiline-c > div.multiline.contacts > div.contact_row:hover,
	html > body > div#container > div#content div.field > div.multiline-c > div.multiline.contracts > div.contract_row:hover,
	html > body > div#container > div#content div.field > div.multiline-c > div.multiline.equipment > div.equipment_row:hover,
	html > body > div#container > div#content div.field > div.multiline-c > div.multiline.tickets > a.ticket_row:hover,
	html > body > div#container > div#content div.field > div.multiline-c > div.multiline.orders > div.order_row:hover,
	html > body > div#container > div#content div.field > div.multiline-c > div.multiline.repeat_orders > div.order_row:hover,
	html > body > div#container > div#content div.field > div.multiline-c > div.multiline.documents > a.document_row:hover,
	html > body > div#container > div#content div.field > div.multiline-c > div.multiline.contract_log > div.log_row:hover {
		box-shadow: 0 0 7px #909090;
		z-index: 999;
		position: relative;
		width: calc(100% + 20px);
		margin-left: -10px;
		padding-left: 10px;
		margin-right: -10px;
		padding-right: 10px;
	}
	html > body > div#container > div#content div.field > div.multiline-c > div.multiline.addresses > div.address_row:nth-child(even),
	html > body > div#container > div#content div.field > div.multiline-c > div.multiline.contacts > div.contact_row:nth-child(even),
	html > body > div#container > div#content div.field > div.multiline-c > div.multiline.contracts > div.contract_row:nth-child(even),
	html > body > div#container > div#content div.field > div.multiline-c > div.multiline.equipment > div.equipment_row:nth-child(even),
	html > body > div#container > div#content div.field > div.multiline-c > div.multiline.tickets > a.ticket_row:nth-child(even),
	html > body > div#container > div#content div.field > div.multiline-c > div.multiline.orders > div.order_row:nth-child(even),
	html > body > div#container > div#content div.field > div.multiline-c > div.multiline.repeat_orders > div.order_row:nth-child(even),
	html > body > div#container > div#content div.field > div.multiline-c > div.multiline.documents > a.document_row:nth-child(even),
	html > body > div#container > div#content div.field > div.multiline-c > div.multiline.contract_log > div.log_row:nth-child(even) {
		background-color: #f6f6f6;
	}
	
	html > body > div#container > div#content div.field > div.multiline-c > div.multiline.tickets > a.ticket_row > div.ticket_date,
	html > body > div#container > div#content div.field > div.rows-c > div.rows > div.multiline-c > div.multiline > div.ticket_date {
		display: inline-block;
		width: 87px;
	}
	html > body > div#container > div#content div.field > div.multiline-c > div.multiline.tickets > a.ticket_row > div.ticket_topic,
	html > body > div#container > div#content div.field > div.rows-c > div.rows > div.multiline-c > div.multiline > div.ticket_topic {
		display: inline-block;
		width: calc(100% - 152px);
	}
	html > body > div#container > div#content div.field > div.multiline-c > div.multiline.tickets > a.ticket_row > div.ticket_status,
	html > body > div#container > div#content div.field > div.rows-c > div.rows > div.multiline-c > div.multiline > div.ticket_status {
		display: inline-block;
		width: 65px;
		text-align: right;
	}

	/* columns - fields - multiline - note */

	div.field > div.multiline-c > div.multiline > div.note {
		width: 100%;
	/*
		overflow: hidden;
		transition: height 500ms ease-in-out;
	*/
	}
	div.field > div.multiline-c > div.multiline > div.note > div.short,
	div.field > div.multiline-c > div.multiline > div.note > div.full {
		width: 100%;
		overflow: hidden;
		text-overflow: ellipsis;
	}
	div.field > div.multiline-c > div.multiline > div.note > div.full {
		white-space: normal;
	}
	div.field > div.multiline-c > div.multiline > div.note > div.full table {
		width: 100%;
		margin: 0;
		padding: 0;
		border: 0;
		border-collapse: collapse;
	}
	div.field > div.multiline-c > div.multiline > div.note > div.full table tr:nth-child(even) {
		background-color: #f0f0f0;
	}
	div.field > div.multiline-c > div.multiline > div.note > div.full table tr td {
		padding-top: 3px;
		padding-bottom: 3px;
	}
	div.field > div.multiline-c > div.multiline > div.note > div.full table tr td:nth-child(1) {
		width: 90px;
		padding-right: 20px;
	}
	div.field > div.multiline-c > div.multiline > div.note div.button_box {
		display: inline-block;
		float:right;
		overflow: visible;
		margin-bottom: -8px;
	}
	div.field > div.multiline-c > div.multiline > div.note div.button_box > div.arrow_down,
	div.field > div.multiline-c > div.multiline > div.note div.button_box > div.arrow_up {
		display: inline-block;
	/*	float: right; */
		width: 13px;
		height: 11px;
		margin: 2px 30px 0 15px;
		background-repeat: no-repeat;
		background-image: url('../../imgs/icons/col_exp.gif');
	}
	div.field > div.multiline-c > div.multiline > div.note div.button_box > div.arrow_down {
		background-position: 0 -11px;
	}
	div.field > div.multiline-c > div.multiline > div.note div.button_box > div.arrow_up {
		background-position: 0 0;
	}
	div.field > div.multiline-c > div.multiline > div.note div.button_box > a.note_delete {
		opacity: 0.5;
		position: absolute;
		right: 10px;
		width: 27px;
		height: 24px;
		padding: 0;
		margin: -5px -5px 0 0;
		background-image: url('../../imgs/icons/delete.png');
		background-repeat: no-repeat;
		background-position: 7px 6px;
	/*	background-color: #eee; */
		transition: opacity 500ms ease-in-out, background-color 500ms ease-in-out;
	}
	div.field > div.multiline-c > div.multiline > div.note div.button_box > a.note_delete:hover {
		opacity: 1;
		background-color: #e0e0e0;
	}

	/* customer information */

	div.field > div.multiline-c > div.multiline > div.cust_info_name,
	div.field > div.multiline-c > div.multiline > div.cust_info_value {
		display: inline-block;
		vertical-align: top;
	}
	div.field > div.multiline-c > div.multiline > div.cust_info_name {
		width: 180px;
	}
	div.field > div.multiline-c > div.multiline > div.cust_info_value {
		width: calc(100% - 180px);
	}
	div.field > div.multiline-c > div.multiline > div.cust_info_name:nth-child(4n+1),
	div.field > div.multiline-c > div.multiline > div.cust_info_value:nth-child(4n+2) {
		background-color: #f6f6f6;
	}
	
	
	/* account search box */
	div#results_find_city {
		display: none;
		width: 300px;
		background-color: #fff;
		border: 1px solid #a8a8a8;
		border-top: 0px;
		margin-top: -1px;
		line-height: normal;
		/* box-shadow: 0px 0px 10px 2px #ccc; */
		position: absolute;
		z-index: 9000;
	}
	div#results_find_city > div.result_city {
		padding: 5px 3px;
		cursor: pointer;
	}
	div#results_find_city > div.result_city:nth-child(even) {
		background-color: #f6f6f6;
	}
	div#results_find_city > div.result_city.active,
	div#results_find_city > div.result_city:hover {
		background-color: #ddd;
	}
	
	
	select {
		font-family: inherit;
		font-size: inherit;
		line-height: inherit;
		color: inherit;
		background-color: #fff;
		border: 1px solid #a8a8a8;
		border-radius: 4px;
		margin: 0;
		padding: 8px 4px;
		outline: none;
	}
	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;
	}
	select.phone {
		width: 124px;
	}
	
	
	input.tekst {
		font-family: inherit;
		font-size: inherit;
		color: inherit;
		background-color: #fff;
		border: 1px solid #a8a8a8;
		margin: 0;
		padding: 8px 8px;
		outline: none;
	}
	input.tekst:disabled {
		background-color: #eee;
		color: #aaa;
	}
	input.tekst: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;
	}
	input.phone {
		width: 116px;
		margin-right: 2px;
	}

	input.tekst.search {
		background-image: url('../../imgs/icons/search.png');
		background-repeat: no-repeat;
		background-position: calc(100% - 7px) 50%;
		padding-right: 26px;
	}
	input.sb_a {
		background-position: 280px 3px;
	}
	input.sb:focus, input.sb_a: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;
	}
	
	::-webkit-input-placeholder { /* WebKit, Blink, Edge */
		color: #afafaf;
	}
	:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
		color: #afafaf;
		opacity: 1;
	}
	::-moz-placeholder { /* Mozilla Firefox 19+ */
		color: #afafaf;
		opacity: 1;
	}
	:-ms-input-placeholder { /* Internet Explorer 10-11 */
		color: #afafaf;
	}

	
	
	
	tr.z_odd {
		background-color: #f0f0f0;
	/*	background-color: red; */
	}
	td.fc1 { /* form, column 1 */
		width: 300px;
		padding: 0px 20px 0px 3px;
		vertical-align: middle;
	/*	line-height: 20px; */
	}
	td.fc1_up { /* as fc1, only top aligned */
		width: 240px;
		padding: 0px 20px 0px 3px;
		vertical-align: top;
	/*	line-height: 20px; */
	}
	td.fc2 { /* form, column 2 */
	/*	padding: 0px; */
	/*	vertical-align: middle; */
	/*	line-height: 20px; */
	}

	html > body > div#container > div.header > div.row1 > div.menu > a.link_header_menu {
		text-decoration: none;
	}
	html > body > div#container > div.header > div.row1 > div.menu > a.link_header_menu:hover {
		text-decoration: underline;
	}
	html > body > div#container > div.header > div.row1 > div.menu > a.open_tasks {
		display: inline-block;
		font-size: 12px;
		color: #fff;
		background-color: #f66;
		text-decoration: none;
		padding: 0px 5px 0px 5px;
		border-radius: 9px;
		vertical-align: baseline;
		margin-left: 8px;
	}
	html > body > div#container > div.header > div.row1 > div.menu > a.open_tasks:hover {
		text-decoration: none;
	}
	a.link_breadcrumb {
		text-decoration: none;
	}
	a.link_breadcrumb:hover {
		text-decoration: underline;
	}

	a.button_small {
		/* (small) right image */
		background: transparent url('../../imgs/buttons/buttons_v3.png') no-repeat scroll;
		float: left;
		height: 28px;
		padding-right: 20px;
		text-decoration: none;
		color: #3f3f3f;
		font-family: inherit;
		font-size: inherit;
		text-align: center;
	}
	a.button_small span {
		/* (big) left image */ 
		background: transparent url('../../imgs/buttons/buttons_v3.png') no-repeat;
		text-decoration: none;
		color: #3f3f3f;
		display: block;
		height: 28px;
		line-height: 28px;
		padding-left: 18px;
		text-align: center;
	}
	a.button_small.grey				{ background-position: right 0; }
	a.button_small.grey span		{ background-position: left 0; }
	a.button_small.grey:hover		{ background-position: right -28px; }
	a.button_small.grey:hover span	{ background-position: left -28px; }

	a.button_small.green			{ background-position: right -64px; }
	a.button_small.green span		{ background-position: left -64px; }
	a.button_small.green:hover		{ background-position: right -96px; }
	a.button_small.green:hover span	{ background-position: left -96px; }

	a.button_small_grey {
		display: inline-block;
		background-color: #e5e5e5;
		border: 1px solid #a0a0a0;
		-moz-border-radius: 4px;
		-webkit-border-radius: 4px;
		border-radius: 4px;
		color: inherit;
		font: inherit;
		font-weight: normal;
		line-height: normal;
		padding: 2px 0px;
		text-decoration: none;
		text-align: center;
		white-space: nowrap;
		outline: none;
	}
	a.button_small_grey:hover,
	a.button_small_grey:focus,
	a.button_small_grey:active {
		background-color: #d0d0d0;
		color: inherit;
		border-radius: 4px;
		border-color: #a9a9a9;
	}
	
	/* button with the height of a line */
	a.button_small_grey.lineheight {
		line-height: normal;
		padding: 8px 0px;	
	}

	table.zebra > tbody > tr:nth-child(odd) {
		background-color: #fff;
	}
	table.zebra > tbody > tr:nth-child(even) {
		background-color: #f0f0f0;
	}
	table.zebra > thead > tr > td {
		border-top: 1px solid #666666;
		padding: 6px 0px 7px 7px;
		font-weight: bold;
		font-style: italic;
		color: #666666;
		background-color: #f0f0f0;
	}

	/* table list */
	table.list {
		text-align: left;
	}
	table.list tr.kop td {
		color: #666666;
		border-right: 0;
		padding: 4px 10px;
		font-weight: bold;
		text-transform: uppercase;
	}
	table.list tbody tr:first-child {
		border-top: 2px solid #ccc;
	}
	table.list tbody tr:last-child {
		border-bottom: 2px solid #ccc;
	}
	table.list tr:nth-child(odd) {
		background-color: #fff;
	}
	table.list tr:nth-child(even) {
		background-color: #f6f6f6;
	}
	table.list td {
		vertical-align: top;
		border: 0;
		border-right: 1px solid #e6e6e6;
		padding: 7px 9px;
		text-overflow: ellipsis;
		white-space: nowrap;
		overflow: hidden;
	}
	table.list td:last-child {
		border-right: 0;
	}
	table.list td.actions {
		padding: 0;
	}
	table.list td.actions a.edit, table.linklist td.actions a.edit,
	table.list td.actions a.delete, table.linklist td.actions a.delete {
		display: inline-block;
		width: 32px;
		height: 28px;
		padding: 0;
		margin: 0;
		background-repeat: no-repeat;
		background-position: 9px 8px;
	}
	table.list td.actions a.edit, table.linklist td.actions a.edit {
		background-image: url('../../imgs/icons/edit.png');
	}
	table.list td.actions a.delete, table.linklist td.actions a.delete {
		background-image: url('../../imgs/icons/delete.png');
	}
	table.list td.actions a.edit,
	table.list td.actions a.delete {
		opacity: 0.7;
	}
	table.linklist td.actions a.edit,
	table.linklist td.actions a.delete {
		opacity: 0.4;
	}
	table.list td.actions a.edit:hover, table.linklist td.actions a.edit:hover,
	table.list td.actions a.delete:hover, table.linklist td.actions a.delete:hover {
		background-color: #e0e0e0;
		opacity: 1;
	}

	a.delete_customer {
		opacity: 0.7;
		float: right;
		width: 32px;
		height: 24px;
		padding: 0;
		margin: 0;
		border-left: 1px solid #e6e6e6;
		background-image: url('../../imgs/icons/delete.png');
		background-repeat: no-repeat;
		background-position: 9px 5px;
	}
	a.delete_customer:hover {
		background-color: #e0e0e0;
		opacity: 1;
	}


	/* table list_simple */
	table.list_simple {
		text-align: left;
	}
	table.list_simple tr:nth-child(odd) {
	  background-color: #f0f0f0;
	}
	table.list_simple td {
		border: 0;
		border-right: 1px solid #e6e6e6;
		padding: 2px 5px;
		white-space: nowrap;
		overflow: hidden;
	}
	table.list_simple td:last-child {
		border-right: 0;
	}

	table.linklist tr {
		background-color: transparent;
	}
	table.linklist tr.kop td {
		color: #666666;
		padding: 4px 10px;
		font-weight: bold;
		text-transform: uppercase;
		border-right: 0;
	}
	table.linklist tr.kop td a.sort {
		color: #666666;
		text-decoration: none;
	}
	table.linklist tbody tr:first-child {
		border-top: 2px solid #ccc;
	}
	table.linklist tbody tr:last-child {
		border-bottom: 2px solid #ccc;
	}
	table.linklist tr:last-child {
		border-bottom: 2px solid #ccc;
	}
	table.linklist tr:nth-child(even) {
	  background-color: #f0f0f0;
	}
	table.linklist tr.kop:hover {
		background-color: transparent;
		cursor: auto;
	}
	table.linklist tr:hover {
		background-color: #e0e0e0;
		cursor: pointer;
	}
	table.linklist td {
		border: 0;
		border-right: 1px solid #e6e6e6;
		padding: 4px 9px;
		text-overflow: ellipsis;
		white-space: nowrap;
		overflow: hidden;
	}
	table.linklist td:last-child {
		border-right: 0;
	}
	table.linklist td.actions {
		padding: 0;
	}

	span.hover_hand {
		cursor: pointer;
	}

	div.hover_hand {
		cursor: pointer;
	}

	div#main {
		margin: 0;
		padding: 0;
		border: 1px solid #ccc;
		overflow: hidden;
	}
	div#main > div#content_head {
		width: 913px;
		height: 30px;
		padding-left: 10px;
		line-height: 30px;
		font-size: 15px;
		color: #666666;
		background-color: #e9e9e9;
	}
	div#main > div.sub_main {
		margin: 0;
		padding: 8px 10px;
		overflow: hidden;
	}
	div#main > div.sub_main > table > tbody > tr > td > a {
		color: #000;
		text-decoration: none;
	}
	div#main div.sub_main > table > tbody > tr > td > a:hover {
		text-decoration: underline;
	}

	div.page_header {
		height:30px;
		line-height: 30px;
		padding-left: 10px;
		font-size: 15px;
		color: #666666;
		background-color: #e9e9e9;
	}

	div#hider {
		z-index: 99999;
		width: 100%;
		height: 100%;
		position: fixed;
		top: 0px;
		left: 0px;
		background-image: url('../../imgs/1px/1px_white_60p.png');
	}
	div.blr {
		-webkit-filter: blur(3px);
		-moz-filter: blur(3px);
		-o-filter: blur(3px);
		-ms-filter: blur(3px);
		filter: blur(3px);
	}
	div.bo {
		display: inline-block;
		width: 50px;
		height: 21px;
		background-image: url('../../imgs/icons/icons.png');
		background-position: 14px -472px;
		background-repeat: no-repeat;
		border: 1px solid #ccc;
		-webkit-border-radius: 2px;
		border-radius: 2px;
	}
	div.bo:hover {
		border-color: #999;
		cursor: pointer;
	}
	div#opt_box {
		position: absolute;
		top: 149px;
		width: 120px;
		padding: 10px;
		background-color: #fff;
		border: 1px solid #ccc;
	}
	
	div#pubg {
		width: 100%;
		height: 100%;
		position: fixed;
		top: 0px;
		left: 0px;
		background-color: rgba(0, 0, 0, 0.4);
		z-index: 999;
	}
	div#pubg > div.pu {
		width: 500px;
		max-width: 95%;
		margin: 150px auto 0px auto;
		background-color: #fff;
		box-shadow: 0px 0px 10px rgba(0,0,0,0.5);
		border-radius: 4px;
		
		user-drag: none; 
		user-select: none;
		-moz-user-select: none;
		-webkit-user-drag: none;
		-webkit-user-select: none;
		-ms-user-select: none;
	}
	div#pubg > div.pu > div.kop {
		width: 100%;
		padding: 5px 15px;
		background-color: rgba(0, 0, 0, 0.2);
	}
	div#pubg > div.pu > div.tekst {
		width: 100%;
		padding: 15px;
	}
	
	
	/* page number menu */
	div.cont_pnm {
		box-shadow: 0px 0px 7px #aaa;
		margin: 15px 0px 0px 0px;
	}
	div.cont_pnm > div.page_number_menu {
		float: left;
		padding: 5px 15px;
		background-color: #fff;
	}
	div.cont_pnm > div.page_number_menu:hover {
		cursor: pointer;
		background-color: #e0e0e0;
	}
	div.cont_pnm > div.page_number_menu_selected {
		padding: 5px 15px;
		font-weight: 700;
		float: left;
		background-color: #eee;
	}
	div.cont_pnm > div.page_number_menu_disabled {
		padding: 5px 15px;
		color: #ccc;
		float: left;
	}
	div.cont_pnm > div.number_of_pages {
		padding: 5px 10px 5px 20px;
		float: right;
	}
	
	/* list ordering */
	div.cont_pnm > form.vo {
		display: block;
		vertical-align: top;
	}
	div.cont_pnm > form.vo:nth-of-type(1) {
		margin-bottom: 10px;
	}
	div.cont_pnm > form.vo > div {
		display:inline-block;
		vertical-align: top;
	}
	
	
	/* product search table */
	td#result_field table tr td.active {
		width: 288px;
		background-color: #ddd;
		padding: 0 5px;
	}
	td#result_field table tr td.not_active {
		width: 288px;
		background-color: #fff;
		padding: 0 5px;
	}
	td#result_field table tr td.not_active:hover {
		background-color: #ddd;
	}

	/* asteriks voor verplichte formuliervelden */
	span.ast_verpl {
		color: #666666;
	}
	td.ast_verpl {
		color: #666666;
		padding-right: 3px;
		width: 7px;
	}

	span.ddk { /* ddh = drop dow kop */
		font-size: 16px;
		font-weight: bold;
	}
	span.ddk:hover {
		cursor: pointer;
	}
	span.ddh { /* ddh = drop dow header */
		font-size: 15px;
	}
	span.ddh:hover {
		cursor: pointer;
	}
	span.ddt { /* drop down text */
		cursor: auto;
	}
	span.ddt:hover {
		cursor: pointer;
	}
	div.arw_up {
		width: 13px;
		height: 11px;
		margin-left: 10px;
		background-image: url('../../imgs/icons/col_exp.gif');
		background-position: 0 0;
		background-repeat: no-repeat;
		display: inline-block;
	}
	div.arw_dn {
		width: 13px;
		height: 11px;
		margin-left: 10px;
		background-image: url('../../imgs/icons/col_exp.gif');
		background-position: 0 -11px;
		background-repeat: no-repeat;
		display: inline-block;
	}
	img {
		border-style: none;
		margin: 0;
		padding: 0;
		border: 0;
	}
	img.pls {
		width: 13px;
		height: 11px;
		margin: 0 0 0 10px;
		padding: 0;
		border: 0;
	}
	
	
	table.edit_vehicle {
		width: 881px;
		margin: 0 0 10px 10px;
	}
	table.edit_vehicle tr.odd {
		background-color: #f0f0f0;
	}
	table.edit_vehicle tr td.c1, table.edit_vehicle tr.inactive td.c1 { /* column 1 */
		width: 166px; /* 165px inc padding */
		padding: 0 5px 0 3px;
		vertical-align: top;
	}
	table.edit_vehicle tr td.ast { /* column  */
		width: 8px;
		padding: 0;
		color: #666666;
		vertical-align: top;
	}
	table.edit_vehicle tr td.c2, table.edit_vehicle tr.inactive td.c2 { /* column 3 */
		width: 250px;
		padding: 0 1px 0 0;
		vertical-align: top;
	}
	table.edit_vehicle tr td.c2 input.tekst, table.edit_vehicle tr.inactive td.c2 input.tekst { /* column 3 */
		margin: 1px 0 1px 0;
	}
	/* disabled */
	table.edit_vehicle tr.inactive td.c1 { /* column 1 */
		color: #aaa;
	}
	table.edit_vehicle tr.inactive td.c2 { /* column 3 */
		color: #aaa;
	}

	/* rij met checkbox links */
	table.edit_vehicle tr td.c1b { /* column 1: checkbox container */
		width: 20px;
		padding: 4px 0 0 8px;
		vertical-align: top;
	}
	table.edit_vehicle tr td.c1b input[type='checkbox'] { /* checkbox */
		padding: 0;
		margin: 0;
	}
	table.edit_vehicle tr td.c2b { /* column 2: checkboxomschrijving */
		width: 400px;
		padding: 0 5px 0 0;
		vertical-align: top;
	}

	table.edit_vehicle tbody tr td table.tbl thead tr td {
		background-color: #f0f0f0;
		font-weight: bold;
		font-style: italic;
		color: #666666;
		border-top: 1px solid #666666;
		padding-left: 24px;
		padding-top: 6px;
		padding-bottom: 7px;
	}

	table.edit_vehicle tbody tr td table.tbl tbody tr:nth-child(even) {
		background-color: #f0f0f0;
	}

	table.edit_vehicle select:disabled {
		background-color: #eee;
		border-color: #ccc;
	}


	table.edit_vehicle tr td.kop { /* kopje */
		font-weight: bold;
		font-style: italic;
		color: #666666;
		border-top: 1px solid #666666;
		padding-left: 24px;
		padding-top: 6px;
		padding-bottom: 7px;
	}

	table#tbl_thumbs {
		border-collapse: collapse;
		border-spacing: 2px;
		margin: 0;
		padding: 0;
	}
	table#tbl_thumbs tr td {
		width: 92px;
		height: 69px;
		margin: 0;
		padding: 0;
		border: 2px solid #fff;
	}
	table#tbl_thumbs tr td div {
		width: 92px;
		height: 69px;
		z-index: 100;
		margin: 0;
		padding: 0;
		background-color: #ccc;
		border:0;
	}
	table#tbl_thumbs tr td div div.cross {
		float: right;
		width: 18px;
		height: 18px;
		z-index: 500;
		margin: 1px 1px 0 0;
		background-repeat: no-repeat;
		background-position: center center;
		background-image: url('../../imgs/icons/x.png');
	}
	table#tbl_thumbs tr td div div.published, table#tbl_thumbs tr td div div.unpublished {
		width: 18px;
		height: 18px;
		line-height: 18px;
		z-index: 500;
		margin: 0;
		color: #fff;
		font-size: 17px;
		font-weight: bold;
		text-align: center;
	}
	table#tbl_thumbs tr td div div.published {
		background-color: #0f0;
	}
	table#tbl_thumbs tr td div div.unpublished {
		background-color: #f00;
	}
	table#tbl_thumbs tr:first-child td {
		border-top: 0;
	}
	table#tbl_thumbs tr:last-child td {
		border-bottom: 0;
	}


	/* add picture thumbs */
	div.add_pic_thumb {
		float: left;
		width: 92px;
		height: 69px;
		margin-left: 2px;
		margin-bottom: 2px;
		background-color: #f0f0f0;
		background-repeat: no-repeat;
		background-position: center center;
	}
	div.add_pic_thumb:hover {
		cursor: pointer;
	}

	div.add_pic_thumb div.cross {
		display: none;
		float: right;
		width: 18px;
		height: 18px;
		margin: 1px 1px 0 0;
		background-repeat: no-repeat;
		background-position: center center;
		background-image: url('../../imgs/icons/x.png');
	}
	div.add_pic_thumb:hover div.cross {
		display: block;
		float: right;
		width: 18px;
		height: 18px;
		margin: 1px 1px 0 0;
		background-repeat: no-repeat;
		background-position: center center;
		background-image: url('../../imgs/icons/x.png');
	}

	div.add_pic_thumb div.published {
		opacity: 0.3;
	}
	div.add_pic_thumb:hover div.published {
		opacity: 0.9;
	}

	/* axles */
	div#axles {
		width: 400px;
	}
	div#axles div.front {
		height: 57px;
		margin: 0 0 2px 0;
		background-image: url('../../imgs/axles/front.png');
		background-position: 0px 0px;
		background-repeat: no-repeat;
		background-position: 0px 0px;
	}
	div#axles div.trailer-front {
		height: 23px;
		margin: 0 0 2px 23px;
		background-image: url('../../imgs/axles/trailer-front.png');
		background-position: 0px 0px;
		background-repeat: no-repeat;
		background-position: 0px 0px;
	}
	div#axles div.tail {
		height: 13px;
		margin: 2px 0 0 23px;
		background-image: url('../../imgs/axles/tail.png');
		background-position: 0px 0px;
		background-repeat: no-repeat;
		background-position: 0px 0px;
	}
	div#axles div.spacer_extra_big, div#axles div.spacer_big, div#axles div.spacer_small {
		margin: 2px 0 2px 23px;
		background-image: url('../../imgs/axles/spacer.png');
		background-position: 0px 0px;
		background-repeat: repeat-y;
		background-position: 0px 0px;
	}
	div#axles div.spacer_big {
		height: 100px;
	}
	div#axles div.spacer_extra_big {
		height: 175px;
	}
	div#axles div.spacer_small {
		height: 20px;
	}
	div#axles div.axle:after {
		content: " ";
		height: 0px;
		font-size: 0px;
		line-height: 0px;
		display: block;
		visibility: hidden;
		clear: both;
	}
	div#axles div.axle div.col1 {
		width: 7px;
		height: 68px;
		float: left;
		overflow: hidden;
		text-align: right;
		margin: 20px 0 0 0;
	}
	div#axles div.axle div.col2 {
		width: 204px;
		margin: 2px 10px;
		float: left;
		background-repeat: no-repeat;
		background-position: 0px 0px;
	}
	div#axles div.axle div.col3 {
		display: table;
	}
	div#axles div.axle div.col3 div {
		display: table-cell;
		vertical-align: middle;
	}

	/* axle types. xyz: x = single/double, y = driven/not, z = steering/not */
	div#axles div.axle.snn div.col2, div#axles div.axle.snn div.col3 {
		height: 82px;
	}
	div#axles div.axle.snn div.col2 {
		background-image: url('../../imgs/axles/axles.png');
	}
	div#axles div.axle.sdn div.col2, div#axles div.axle.sdn div.col3 {
		height: 82px;
	}
	div#axles div.axle.sdn div.col2 {
		background-image: url('../../imgs/axles/axles.png');
		background-position: 0px -90px;
	}
	div#axles div.axle.sns div.col2, div#axles div.axle.sns div.col3 {
		height: 84px;
	}
	div#axles div.axle.sns div.col2 {
		background-image: url('../../imgs/axles/axles.png');
		background-position: 0px -179px;
	}
	div#axles div.axle.sds div.col2, div#axles div.axle.sds div.col3 {
		height: 84px;
	}
	div#axles div.axle.sds div.col2 {
		background-image: url('../../imgs/axles/axles.png');
		background-position: 0px -269px;
	}
	div#axles div.axle.dnn div.col2, div#axles div.axle.dnn div.col3 {
		height: 82px;
	}
	div#axles div.axle.dnn div.col2 {
		background-image: url('../../imgs/axles/axles.png');
		background-position: 0px -360px;
	}
	div#axles div.axle.ddn div.col2, div#axles div.axle.ddn div.col3 {
		height: 82px;
	}
	div#axles div.axle.ddn div.col2 {
		background-image: url('../../imgs/axles/axles.png');
		background-position: 0px -450px;
	}
	div#axles div.axle.dns div.col2, div#axles div.axle.dns div.col3 {
		height: 90px;
	}
	div#axles div.axle.dns div.col2 {
		background-image: url('../../imgs/axles/axles.png');
		background-position: 0px -536px;
	}
	div#axles div.axle.dds div.col2, div#axles div.axle.dds div.col3 {
		height: 90px;
	}
	div#axles div.axle.dds div.col2 {
		background-image: url('../../imgs/axles/axles.png');
		background-position: 0px -626px;
	}

	/* percentages */
	div#axles div.axle.snn div.col2 div, div#axles div.axle.sdn div.col2 div {
		width: 32px;
		height: 82px;
		line-height: 82px;
		text-align: center;
	}
	div#axles div.axle.snn div.col2 div:nth-child(1), div#axles div.axle.sdn div.col2 div:nth-child(1) {
		float: left;
		margin-left: 6px;
	}
	div#axles div.axle.snn div.col2 div:nth-child(2), div#axles div.axle.sdn div.col2 div:nth-child(2) {
		float: right;
		margin-right: 6px;
	}
	div#axles div.axle.sns div.col2 div, div#axles div.axle.sds div.col2 div {
		width: 43px;
		height: 84px;
		line-height: 84px;
		text-align: center;
	}
	div#axles div.axle.sns div.col2 div:nth-child(1), div#axles div.axle.sds div.col2 div:nth-child(1) {
		float: left;
	}
	div#axles div.axle.sns div.col2 div:nth-child(2), div#axles div.axle.sds div.col2 div:nth-child(2) {
		float: right;
	}

	div#axles div.axle.dnn div.col2 div, div#axles div.axle.ddn div.col2 div {
		float: left;
		width: 32px;
		height: 82px;
		line-height: 82px;
		text-align: center;
	}
	div#axles div.axle.dnn div.col2 div:nth-child(1), div#axles div.axle.ddn div.col2 div:nth-child(1) {
		margin-left: 6px;
	}
	div#axles div.axle.dnn div.col2 div:nth-child(2), div#axles div.axle.ddn div.col2 div:nth-child(2) {
		margin-left: 1px;
	}
	div#axles div.axle.dnn div.col2 div:nth-child(3), div#axles div.axle.ddn div.col2 div:nth-child(3) {
		margin-left: 62px;
	}
	div#axles div.axle.dnn div.col2 div:nth-child(4), div#axles div.axle.ddn div.col2 div:nth-child(4) {
		margin-left: 1px;
	}

	div#axles div.axle.dns div.col2 div, div#axles div.axle.dds div.col2 div {
		float: left;
		width: 34px;
		height: 90px;
		line-height: 90px;
		text-align: center;
	}
	div#axles div.axle.dns div.col2 div:nth-child(1), div#axles div.axle.dds div.col2 div:nth-child(1) {
		margin-left: 4px;
	}
	div#axles div.axle.dns div.col2 div:nth-child(3), div#axles div.axle.dds div.col2 div:nth-child(3) {
		margin-left: 60px;
	}

	table#tbl_search_results {
		min-width: 288px;
	}
	td#result_field table tbody tr td {
		min-width: 288px;
	}
	td#result_field table tbody tr:hover {
		cursor: pointer;
	}
	div#search_results {
		position:relative;
		display: none;
		border: 1px solid #ccc;
	//	position: relative;
	//	top: -1px;
		z-index: 50;
		-webkit-box-shadow: 0px 0px 7px 0px rgba(170,170,170,1);
		-moz-box-shadow: 0px 0px 7px 0px rgba(170,170,170,1);
		z-index: 200;
	}
	div#search_results div.row, div#search_results div.row_a {
		position:relative;
		top: 0;
		left: 0;
		padding: 18px 15px;
		background-color: #fff;
		border-bottom: 1px solid #ccc;
		background-repeat: no-repeat;
		background-position: 0px center;
		background-size: 70px auto;
		z-index: 100;
	}
	div#search_results div.row:last-child {
		border-bottom: 0px;
	}
	div#search_results div.row:after, div#search_results div.row_a:after {
		content: " ";
		height: 0px;
		font-size: 0px;
		line-height: 0px;
		display: block;
		visibility: hidden;
		clear: both;
	}
	div#search_results div.row_a, div#search_results div.row:not(.nohover):hover {
		position:relative;
		top: -1px;
		left: -3px;
		padding: 21px 16px 20px 14px;
		margin: -2px -4px -3px 0;
		border-left: 4px solid #aaa;
		background-color: #f6f6f6;
		background-size: 74px auto;
		background-position: -3px center;
		box-shadow: 0px 0px 7px 0px rgba(170,170,170,1);
		-webkit-box-shadow: 0px 0px 7px 0px rgba(170,170,170,1);
		-moz-box-shadow: 0px 0px 7px 0px rgba(170,170,170,1);
		cursor: pointer;
		z-index: 200;
	}

	div#search_results div.row div:first-child, div#search_results div.row_a div:first-child {
		float: left;
		width: 70px;
		font-size: inherit;
		font-style:italic;
		text-transform:uppercase;
		white-space: nowrap;
	}
	div#search_results div.row div:nth-child(2), div#search_results div.row_a div:nth-child(2) {
		white-space: nowrap;
	}


	/* view vehicle */
	table#vehicle_data {
		width: 100%;
		margin-top: 10px;
	}
	table#vehicle_data > tbody > tr > td {
		width:50%;
	}
	table#vehicle_data > tbody > tr > td:nth-child(1) {
		/* padding-right: 5px; */
	}
	table#vehicle_data > tbody > tr > td:nth-child(2) {
		padding-left: 5px;
	}
	table#vehicle_data > tbody > tr > td > table {
		width: 100%;
		margin-bottom: 10px;
	}
	table#vehicle_data > tbody > tr > td > table > thead > tr > th {
		text-align: left;
		color: #666666;
		background-color: #f0f0f0;
		border-top: 1px solid #666666;
		padding: 6px 0px 7px 7px;
		font-weight: bold;
		font-style: italic;
	}
	table#vehicle_data > tbody > tr > td > table > tbody > tr > td {
		padding: 0 5px 0 3px;
		vertical-align: top;
	}
	table#vehicle_data > tbody > tr > td > table > tbody > tr > td:first-child {
		min-width: 150px;
		width: 30%;
	}
	table#vehicle_data > tbody > tr > td > table > tbody > tr:nth-child(even) {
		background-color: #f0f0f0;
	}

}

@media screen and (min-width: 500px) {
	
	html > body > div#container > div#content a.button_inline,
	html > body > div#container > div#content a.button_inline_unimportant,
	html > body > div#container > div#content label.button_inline {
		display: inline-block;
		padding: 0px 10px;
		line-height: inherit;
	}
	
	html > body > div#container > div#content div.full_head > span.link_box {
		display: initial;
		float: right;
		margin-top: 0px;
	}
	html > body > div#container > div#content div.full_head > span.link_box > a,
	html > body > div#container > div#content div.full_head > a.button {
		display: inline-block;
		padding: 0px 15px;
		/* margin: -1px 0px; */
	}
	html > body > div#container > div#content div.full_head > span.link_box > div.active_link,
	html > body > div#container > div#content div.full_head > div.active_link,
	html > body > div#container > div#content div.active_link {
		display: inline-block;
		padding: 0px 15px;
	}
	
	/* list ordering */
	div.cont_pnm > form.vo {
		display: inline-block;
		margin-left: 20px;
		margin-bottom: 0px;
	}
	div.cont_pnm > form.vo:nth-of-type(1) {
		margin-left:0px;
		margin-bottom: 0px;
	}
}

@media screen and (min-width: 800px) {
	
	select {
		padding: 0px;
	}
	input.tekst {
		padding: 1px 3px;
	}
	
	a.button_homepage,
	a.button_homepage:visited {
		width: calc(33.333333% - 13.333333px);
	}
	a.button_homepage:nth-child(even) {
		margin-right: 20px;
	}
	a.button_homepage:nth-child(3n) {
		margin-right: 0px;
	}
	
	
	div.field div.header {
		font-size: 15px;
	}
	
	/* button with the height of a line */
	a.button_small_grey.lineheight {
		padding: 1px 0px;
	}
	
	html > body > div#container > div.header > div.row1 > div.logo {
		display: inline-block;
		float: left;
		width: 400px;
	}
	html > body > div#container > div.header > div.row1 > div.logo > img {
		display: block;
		max-height: 50px;
		max-width: 400px;
	}
	html > body > div#container > div.header > div.row1 > div.menu {
		display: inline-block;
		float: left;
		width: calc( 100% - 400px );
		text-align: right;
		line-height: normal;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}
	
	html > body > div#container > div.header > div.row2 {
		padding: 0px;
	}
	html > body > div#container > div.header > div.row2 > div.breadcrumb {
		display: inline-block;
		float: left;
		width: calc(50% + 200px);
		max-width: calc(100% - 400px);
		line-height: 34px;
	}
	html > body > div#container > div.header > div.row2 > div.searchbox {
		display: inline-block;
		float: left;
		width: calc(50% - 200px);
		min-width: 400px;
	}
	html > body > div#container > div.header > div.row2 > div.searchbox > input {
		display: block;
		height: 100%;
		width: 100%;
		margin: 0px;
		padding: 8px 0px 8px 10px;
		border: 0px;
		border-left: 1px solid #ccc;
		outline: none;
		font-family: inherit;
		line-height: inherit;
	}
	
	
	
	
	/* contracts */
	
	html > body > div#container > div#content div.field div.contract_lines > div.contract_line > div.product_code {
		width: 69px;
	}
	html > body > div#container > div#content div.field div.contract_lines > div.contract_line > div.product_name {
		width: calc(50% - 95px);
	}
	html > body > div#container > div#content div.field div.contract_lines > div.contract_line > div.amount {
		width: 60px;
	}
	html > body > div#container > div#content div.field div.contract_lines > div.contract_line > div.price {
		display: none;
	}
	html > body > div#container > div#content div.field div.contract_lines > div.contract_line > div.rental_period {
		display: none;
	}
	html > body > div#container > div#content div.field div.contract_lines > div.contract_line > div.details {
		width: calc(50% - 100px);
	}
	html > body > div#container > div#content div.field div.contract_lines > div.contract_line > div.buttons,
	html > body > div#container > div#content div.field div.orders > div.order_row > div.buttons,
	html > body > div#container > div#content div.field div.repeat_orders > div.order_row > div.buttons,
	html > body > div#container > div#content div.field div.contracts > div.contract_row > div.buttons {
		width: 65px;
	}
	
	html > body > div#container > div#content div.field div.contract_lines > div.contract_line > div.buttons > a.delete,
	html > body > div#container > div#content div.field div.contract_lines > div.contract_line > div.buttons > a.edit,
	html > body > div#container > div#content div.field div.orders > div.order_row > div.buttons > a.delete,
	html > body > div#container > div#content div.field div.orders > div.order_row > div.buttons > a.edit,
	html > body > div#container > div#content div.field div.repeat_orders > div.order_row > div.buttons > a.delete,
	html > body > div#container > div#content div.field div.repeat_orders > div.order_row > div.buttons > a.edit,
	html > body > div#container > div#content div.field div.contracts > div.contract_row > div.buttons > a.delete,
	html > body > div#container > div#content div.field div.contracts > div.contract_row > div.buttons > a.edit {
		width: 25px;
	}
	
	
}

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

	div.page_header {
		height: 40px;
		line-height: 40px;
		font-size: 17px;
	}
	
	a.button_homepage,
	a.button_homepage:visited {
		width: calc(20% - 16px);
	}
	a.button_homepage:nth-child(3n) {
		margin-right: 20px;
	}
	a.button_homepage:nth-child(5n) {
		margin-right: 0px;
	}
	
	
	/* contracts */
	
	html > body > div#container > div#content div.field div.contract_lines > div.contract_line > div.product_code,
	html > body > div#container > div#content div.field div.contract_lines > div.contract_line > div.product_name,
	html > body > div#container > div#content div.field div.contract_lines > div.contract_line > div.amount,
	html > body > div#container > div#content div.field div.contract_lines > div.contract_line > div.price,
	html > body > div#container > div#content div.field div.contract_lines > div.contract_line > div.rental_period,
	html > body > div#container > div#content div.field div.contract_lines > div.contract_line > div.details,
	html > body > div#container > div#content div.field div.contract_lines > div.contract_line > div.buttons {
		padding: 7px 10px 7px 5px;
	}
	
	html > body > div#container > div#content div.field div.contract_lines > div.contract_line > div.product_code {
		width: 81px;
	}
	html > body > div#container > div#content div.field div.contract_lines > div.contract_line > div.product_name {
		width: calc(50% - 105px);
	}
	html > body > div#container > div#content div.field div.contract_lines > div.contract_line > div.amount {
		width: 60px;
	}
	html > body > div#container > div#content div.field div.contract_lines > div.contract_line > div.price {
	}
	html > body > div#container > div#content div.field div.contract_lines > div.contract_line > div.rental_period {
	}
	html > body > div#container > div#content div.field div.contract_lines > div.contract_line > div.details {
		width: calc(50% - 116px);
	}
	html > body > div#container > div#content div.field div.contract_lines > div.contract_line > div.buttons,
	html > body > div#container > div#content div.field div.orders > div.order_row > div.buttons,
	html > body > div#container > div#content div.field div.repeat_orders > div.order_row > div.buttons,
	html > body > div#container > div#content div.field div.contracts > div.contract_row > div.buttons {
		width: 80px;
	}
	
	html > body > div#container > div#content div.field div.contract_lines > div.contract_line > div.buttons > a.delete,
	html > body > div#container > div#content div.field div.contract_lines > div.contract_line > div.buttons > a.edit,
	html > body > div#container > div#content div.field div.orders > div.order_row > div.buttons > a.delete,
	html > body > div#container > div#content div.field div.orders > div.order_row > div.buttons > a.edit,
	html > body > div#container > div#content div.field div.repeat_orders > div.order_row > div.buttons > a.delete,
	html > body > div#container > div#content div.field div.repeat_orders > div.order_row > div.buttons > a.edit,
	html > body > div#container > div#content div.field div.contracts > div.contract_row > div.buttons > a.delete,
	html > body > div#container > div#content div.field div.contracts > div.contract_row > div.buttons > a.edit {
		width: 30px;
	}
	
}

@media screen and (min-width: 1250px) {
	
	a.button_homepage,
	a.button_homepage:visited {
		width: calc(16.6667% - 16.6667px);
	}
	a.button_homepage:nth-child(3n) {
		margin-right: 20px;
	}
	a.button_homepage:nth-child(5n) {
		margin-right: 20px;
	}
	a.button_homepage:nth-child(6n) {
		margin-right: 0px;
	}
	
	
	/* contracts */
	
	html > body > div#container > div#content div.field div.contract_lines > div.contract_line > div.product_code {
		width: 81px;
	}
	html > body > div#container > div#content div.field div.contract_lines > div.contract_line > div.product_name {
		width: calc(50% - 185px);
	}
	html > body > div#container > div#content div.field div.contract_lines > div.contract_line > div.amount {
		width: 60px;
	}
	html > body > div#container > div#content div.field div.contract_lines > div.contract_line > div.price {
		display: inline-block;
		width: 90px;
	}
	html > body > div#container > div#content div.field div.contract_lines > div.contract_line > div.rental_period {
		display: inline-block;
		width: 105px;
	}
	html > body > div#container > div#content div.field div.contract_lines > div.contract_line > div.details {
		width: calc(50% - 241px);
	}
	html > body > div#container > div#content div.field div.contract_lines > div.contract_line > div.details > div.cld > div.cldl.price {
		display: none;
	}
	html > body > div#container > div#content div.field div.contract_lines > div.contract_line > div.buttons,
	html > body > div#container > div#content div.field div.orders > div.order_row > div.buttons,
	html > body > div#container > div#content div.field div.repeat_orders > div.order_row > div.buttons,
	html > body > div#container > div#content div.field div.contracts > div.contract_row > div.buttons {
		width: 90px;
	}
	
	html > body > div#container > div#content div.field div.contract_lines > div.contract_line > div.buttons > a.delete,
	html > body > div#container > div#content div.field div.contract_lines > div.contract_line > div.buttons > a.edit,
	html > body > div#container > div#content div.field div.orders > div.order_row > div.buttons > a.delete,
	html > body > div#container > div#content div.field div.orders > div.order_row > div.buttons > a.edit,
	html > body > div#container > div#content div.field div.repeat_orders > div.order_row > div.buttons > a.delete,
	html > body > div#container > div#content div.field div.repeat_orders > div.order_row > div.buttons > a.edit,
	html > body > div#container > div#content div.field div.contracts > div.contract_row > div.buttons > a.delete,
	html > body > div#container > div#content div.field div.contracts > div.contract_row > div.buttons > a.edit {
		width: 35px;
	}
}

@media screen and (min-width: 1400px) {
	
	a.button_homepage,
	a.button_homepage:visited {
		width: calc((100% / 7) - (120px / 7));;
	}
	a.button_homepage:nth-child(6n) {
		margin-right: 20px;
	}
	a.button_homepage:nth-child(7n) {
		margin-right: 0px;
	}
	
	
	/* columns */
	
	html > body > div#container > div#content div.col-2-1,
	html > body > div#container > div#content div.col-2-2 {
		display: inline-block;
		border: 0;
		padding: 0;
		margin: 0;
		vertical-align: top;
	}

	html > body > div#container > div#content div.col-2-1 {
		width: calc(50% - 5px);
	}
	
	html > body > div#container > div#content div.col-2-2 {
		width: calc(50% - 5px);
		float: right;
	}
	
	html > body > div#container > div#content div.col-2-1.account {
		width: calc(35% - 5px);
	}
	
	html > body > div#container > div#content div.col-2-2.account {
		width: calc(65% - 5px);
		float: right;
	}
	
	
	/* contracts */
	
	html > body > div#container > div#content div.field div.contract_lines > div.contract_line > div.product_code {
		width: 81px;
	}
	html > body > div#container > div#content div.field div.contract_lines > div.contract_line > div.product_name {
		width: calc(50% - 165px);
	}
	html > body > div#container > div#content div.field div.contract_lines > div.contract_line > div.amount {
		width: 60px;
	}
	html > body > div#container > div#content div.field div.contract_lines > div.contract_line > div.price {
		width: 90px;
	}
	html > body > div#container > div#content div.field div.contract_lines > div.contract_line > div.rental_period {
		width: 120px;
	}
	html > body > div#container > div#content div.field div.contract_lines > div.contract_line > div.details {
		width: calc(50% - 296px);
	}
	html > body > div#container > div#content div.field div.contract_lines > div.contract_line > div.buttons,
	html > body > div#container > div#content div.field div.orders > div.order_row > div.buttons,
	html > body > div#container > div#content div.field div.repeat_orders > div.order_row > div.buttons,
	html > body > div#container > div#content div.field div.contracts > div.contract_row > div.buttons {
		width: 110px;
	}
	
	html > body > div#container > div#content div.field div.contract_lines > div.contract_line > div.buttons > a.delete,
	html > body > div#container > div#content div.field div.contract_lines > div.contract_line > div.buttons > a.edit,
	html > body > div#container > div#content div.field div.orders > div.order_row > div.buttons > a.delete,
	html > body > div#container > div#content div.field div.orders > div.order_row > div.buttons > a.edit,
	html > body > div#container > div#content div.field div.repeat_orders > div.order_row > div.buttons > a.delete,
	html > body > div#container > div#content div.field div.repeat_orders > div.order_row > div.buttons > a.edit,
	html > body > div#container > div#content div.field div.contracts > div.contract_row > div.buttons > a.delete,
	html > body > div#container > div#content div.field div.contracts > div.contract_row > div.buttons > a.edit {
		width: 45px;
	}
}

@media screen and (min-width: 1600px) {
	
	html > body > div#container > div#content a.button_inline,
	html > body > div#container > div#content a.button_inline_unimportant,
	html > body > div#container > div#content label.button_inline {
		padding: 0px 10px;
	}
	
	div.page_header {
		height: 46px;
		line-height: 46px;
		font-size: 19px;
	}
	
	
	a.button_homepage,
	a.button_homepage:visited {
		width: calc(12.5% - 17.5px);
	}
	a.button_homepage:nth-child(7n) {
		margin-right: 20px;
	}
	a.button_homepage:nth-child(8n) {
		margin-right: 0px;
	}
	
	
	/* contracts */
	
	html > body > div#container > div#content div.field div.contract_lines > div.contract_line > div.product_code {
		width: 90px;
	}
	html > body > div#container > div#content div.field div.contract_lines > div.contract_line > div.product_name {
		width: calc(50% - 175px);
	}
	html > body > div#container > div#content div.field div.contract_lines > div.contract_line > div.amount {
		width: 75px;
	}
	html > body > div#container > div#content div.field div.contract_lines > div.contract_line > div.price {
		width: 100px;
	}
	html > body > div#container > div#content div.field div.contract_lines > div.contract_line > div.rental_period {
		width: 140px;
	}
	html > body > div#container > div#content div.field div.contract_lines > div.contract_line > div.details {
		width: calc(50% - 350px);
	}
	html > body > div#container > div#content div.field div.contract_lines > div.contract_line > div.buttons,
	html > body > div#container > div#content div.field div.orders > div.order_row > div.buttons,
	html > body > div#container > div#content div.field div.repeat_orders > div.order_row > div.buttons,
	html > body > div#container > div#content div.field div.contracts > div.contract_row > div.buttons {
		width: 115px;
	}
	
	html > body > div#container > div#content div.field div.contract_lines > div.contract_line > div.buttons > a.delete,
	html > body > div#container > div#content div.field div.contract_lines > div.contract_line > div.buttons > a.edit {
		width: 47px;
	}
	
	html > body > div#container > div#content div.field > div.multiline-c > div.multiline.orders > div.order_row > div.address_type,
	html > body > div#container > div#content div.field > div.multiline-c > div.multiline.repeat_orders > div.order_row > div.address_type {
		display: inline-block;
	}
	html > body > div#container > div#content div.field > div.multiline-c > div.multiline.orders > div.order_row > div.details,
	html > body > div#container > div#content div.field > div.multiline-c > div.multiline.repeat_orders > div.order_row > div.details {
		width: calc(100% - 490px);
	}
}