/*	D	A	R	K		M	O	D	E	*/

/*	background color:	#222				*/
/*	box-shadow:			0px 0px 7px #000;	*/
/*							*/
/*							*/
/*							*/
/*							*/
/*							*/
/*							*/
/*							*/
/*							*/


html > body {
	color: #c6c6b9; /* #999988; */
	background-color: #333;
}

::selection {
	background-color: #666;
	color: #222;
}

div#saved {
	color: #000;
	background-color: #484;
	border-color: #000;
}


/* sign in page */

div#container > form > div.sign_in {
	background-color: #2a2a2a;
}
div#container > form > div.sign_in > div > input[type="email"],
div#container > form > div.sign_in > div > input[type="password"],
div#container > form > div.sign_in > div > input[type="submit"] {
	background-color: #2e2e2e;
	border-color: #000;
}
div#container > form > div.sign_in > div > input[type="submit"] {
	border-width: 1px;
	border-style: solid;
	color: inherit;
}
div#container > form > div.sign_in > div.row > div.stay_signed_in > div.stay_signed_in_text,
div#container > form > div.sign_in > div.row > div.forgot_password > a {
	background-color: #2e2e2e;
}
div#container > form > div.sign_in > div.row > div.forgot_password > a {
	border-color: #000;
	color: inherit;
}
div#container > form > div.sign_in {
	border-color: #000;
}



html > body > div#container > div#header {
	background-color: #333;
	box-shadow: 0px 0px 7px #000;
}
html > body > div#container > div#header > div#menu_button {
	background-image: url('../../imgs/icons/hamburger-dark-mode.png');
}
html > body > div#container > div#header > a.logo > div.logo-vextpro {
	background-image: url('/static/imgs/logos/vextPro-logo-nobm-wit-blauw.svg');
	filter: brightness(0.75);
}
html > body > div#container > div#header > div.center > div.breadcrumb > span.no_link {
	color: #bb4;
}
html > body > div#container > div#header > div.center > div.user > a.open_tasks {
	color: #191919;
	background-color: #bb4;
}
html > body > div#container > div#header > div.searchbox > input#search_field {
	background-color: #333;
	color: inherit;
	border-color: #000;
	box-shadow: 0px 0px 7px #000;
}
html > body > div#container > div#header > div.searchbox > input#search_field:focus {
	border-color: #666;
}

html > body > div#container > div#menu > div#menu-c {
	box-shadow: 0px 0px 7px #000;
}
html > body > div#container > div#menu > div#menu-c,
html > body > div#container > div#menu > div#menu-c div.menu_item,
html > body > div#container > div#menu > div#menu-c div.menu_subgroup > a.menu_item,
html > body > div#container > div#menu > div#menu-c div.menu_subgroup > div.menu_item,
html > body > div#container > div#content {
	background-color: #333;
	border-color: #444;
}
html > body > div#container > div#menu > div#menu-c > div.menu_item.opened,
html > body > div#container > div#menu > div#menu-c > div.menu_subgroup > div.menu_item.opened,
html > body > div#container > div#menu > div#menu-c > div.menu_subgroup > div.menu_subgroup > div.menu_item.opened {
	background-color: #222;
}
html > body > div#container > div#menu > div#menu-c > div.menu_subgroup > div.menu_item:not(.selected) {
	background-image: url('../../imgs/icons/flat_arrow_down-dark-mode.png');
}
html > body > div#container > div#menu > div#menu-c div.menu_item:not(.selected):hover,
html > body > div#container > div#menu > div#menu-c div.menu_subgroup > a.menu_item:hover,
html > body > div#container > div#menu > div#menu-c div.menu_subgroup > div.menu_item:not(.selected):hover {
	border-color: #444;
	box-shadow: 0 0 5px #000;
}


html > body > div#container > div#menu > div#menu-c div.icon {
	opacity: 0.5;
}
html > body > div#container > div#menu > div#menu-c div.icon.truck {
	background-size: 17px 17px;
	background-image: url('/static/imgs/icons/menu_icon_truck-dark-mode.svg');
}
html > body > div#container > div#menu > div#menu-c div.icon.account {
	background-size: 17px 17px;
	background-image: url('/static/imgs/icons/menu_icon_account-dark-mode.svg');
}
html > body > div#container > div#menu > div#menu-c div.icon.invoice {
	background-size: 17px 17px;
	background-image: url('/static/imgs/icons/menu_icon_invoice-dark-mode.svg');
}
html > body > div#container > div#menu > div#menu-c div.icon.crm {
	background-size: 17px 17px;
	background-image: url('/static/imgs/icons/menu_icon_crm-dark-mode.svg');
}
html > body > div#container > div#menu > div#menu-c div.icon.mailing {
	background-size: 17px 17px;
	background-image: url('/static/imgs/icons/menu_icon_mailing-dark-mode.svg');
}
html > body > div#container > div#menu > div#menu-c div.icon.report {
	background-size: 17px 17px;
	background-image: url('/static/imgs/icons/menu_icon_report-dark-mode.svg');
}
html > body > div#container > div#menu > div#menu-c div.icon.settings {
	background-size: 17px 17px;
	background-image: url('/static/imgs/icons/menu_icon_settings-dark-mode.svg');
}
html > body > div#container > div#menu > div#menu-c div.icon.recycling-bin {
	background-size: 17px 17px;
	background-image: url('/static/imgs/icons/menu_icon_recycling_bin-dark-mode.svg');
}


html > body > div#container > div#content div.field > div.multiline-c > div.multiline > div.ticket_data > div.data_row:nth-child(odd) {
	background-color: #3f3f3f;
}
html > body > div#container > div#content div.field > div.multiline-c > div.multiline > div.task_list.head {
	background-color: #333;
}
html > body > div#container > div#content div.field > div.multiline-c > div.multiline > div.task_list:nth-child(even) {
	background-color: #3f3f3f;
}
html > body > div#container > div#content div.field > div.multiline-c > div.multiline > div.task_list.head {
	background-color: #333;
}

div.field div.header {
	box-shadow: 0px 0px 7px #000;
}
div.field > div.multiline-c > div.multiline,
div.field > div.rows-c > div.rows > div.multiline-c > div.multiline {
	box-shadow: 0px 0px 7px #000;
}
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 #000;
}

input[type='checkbox'].android_checkbox + label.android_checkbox_label {
	border-color: #444;
/*		background-color: #444; */
}
input[type='checkbox'].android_checkbox:disabled + label.android_checkbox_label {
	border-color: #4d4d4d;
}
input[type='checkbox'].android_checkbox:disabled ~ label.android_checkbox_label:after {
	background-color: #4d4d4d;
}
input[type='checkbox'].android_checkbox:checked + label.android_checkbox_label:after {
	background-color: #056385;
}
input[type='checkbox'].android_checkbox + label.android_checkbox_label:after {
	background-color: #808080;
}
div.android_checkbox_text_container.disabled {
	color: #888;
}


/* homepage */
a.button_homepage,
a.button_homepage:visited {
	background-color: #222;
}
a.button_homepage > div.text {
	background-color: #3a3a3a;
}


/* account popup */
div#ap_c > div#ap {
	background-color: #333;
	border-color: #444;
}
div#ap_c > div#ap > div.pne_c {
	border-color: #444;
}
div#ap_c > div#ap > div.buttons > div > a {
	background-color: #222;
}
div#ap_c > div#ap > div.buttons > div > a:hover {
	background-color: #999;
	color: #000;
}

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 #000;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
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, 
html > body > div#pubg > div.pu > div.text > a.button_inline,
div.button_container > input[type='checkbox'].button + label.button_label {
	background-color: #393939;
	border-color: #808080;
}
html > body > div#container > div#content a.button_inline_unimportant,
html > body > div#pubg > div.pu > div.text > a.button_inline_unimportant,
html > body > div#container > div#content div.button_inline_unimportant.button_edit_small,
html > body > div#container > div#content div.button_inline_unimportant.button_delete_small,
html > body > div#container > div#content div.button_inline_unimportant.button_add_small,
html > body > div#container > div#content div.button_inline_unimportant.button_help_small {
	background-color: #333;
	border-color: #444;
}
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,
html > body > div#pubg > div.pu > div.text > a.button_inline:hover,
html > body > div#pubg > div.pu > div.text > a.button_inline_unimportant:hover,
html > body > div#container > div#content div.button_inline_unimportant.button_edit_small:hover,
html > body > div#container > div#content div.button_inline_unimportant.button_delete_small:hover,
html > body > div#container > div#content div.button_inline_unimportant.button_add_small:hover,
html > body > div#container > div#content div.button_inline_unimportant.button_help_small:hover,
div.button_container > input[type='checkbox'].button + label.button_label:hover {
	background-color: #222;
	border-color: #444;
}
html > body > div#container > div#content a.button_inline.disabled,
html > body > div#container > div#content a.button_inline_unimportant.disabled {
	background-color: #0c0c0c;
	color: #545454;
}
html > body > div#container > div#content a.button_inline.selected,
html > body > div#container > div#content a.button_inline_unimportant.selected {
	background-color: #222;
	border-right-color: #0b6b8e;
	border-left-color: #0b6b8e;
}

div.field div.header-c {
	background-color: #333;
}

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 {
	background-color: #1f1f1f;
}

div.button_container > input[type='checkbox'].button:checked + label.button_label {
	background-color: #2e2e2e;
	border-color: #0a5976;
}


div.field > div.multiline-c,
div.field > div.rows-c > div.rows > div.multiline-c {
	background-color: #333;
}

div.field > div.multiline-c:hover,
div.field > div.rows-c > div.rows > div.multiline-c:hover {
	background-color: #333;
}

div.field > div.multiline-c > div.multiline > div.address_float_right > a.address_edit:hover,
div.field > div.multiline-c > div.multiline > div.contact_function_float_right > a.contact_edit:hover,
div.field > div.rows-c > div.rows > div.multiline-c > div.multiline > div.address_float_right > a.address_edit:hover,
div.field > div.rows-c > div.rows > div.multiline-c > div.multiline > div.contact_function_float_right > a.contact_edit:hover {
	background-color: #1f1f1f;
}

div.field > div.multiline-c > div.multiline > div.note > div.full table tr:nth-child(even) {
	background-color: #333;
}
div.field > div.multiline-c > div.multiline > div.note div.button_box > a.note_delete:hover {
	background-color: #1f1f1f;
}
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: #090909;
}

div#results_find_city {
	background-color: #333;
}
div#results_find_city > div.result_city:nth-child(even) {
	background-color: #090909;
}
div#results_find_city > div.result_city.active,
div#results_find_city > div.result_city:hover {
	background-color: #ddd;
}

html select {
	background-color: #333;
	border-color: #444;
}
html input.tekst {
	background-color: #2e2e2e;
	border-color: #444;
}
html input.tekst:disabled {
	background-color: #111;
	color: #aaa;
}

tr.z_odd {
	background-color: #111;
}

html > body > div#container > div.header > div.row1 > div.menu > a.open_tasks {
	color: #000;
	background-color: #f66;
}

a.button_small_grey {
	background-color: #1a1a1a;
	border-color: #444;
}
a.button_small_grey:hover,
a.button_small_grey:focus,
a.button_small_grey:active {
	background-color: #2f2f2f;
}

table.zebra > tbody > tr:nth-child(odd) {
	background-color: #333;
}
table.zebra > tbody > tr:nth-child(even) {
	background-color: #333;
}
table.zebra > thead > tr > td {
	color: #999;
	background-color: #333;
}

table.list tr:nth-child(odd) {
	background-color: #333;
}
table.list tr:nth-child(even) {
	background-color: #333;
}
table.list td.actions a.edit:hover,
table.linklist td.actions a.edit:hover {
	background-color: #1f1f1f;
}

a.delete_customer:hover {
	background-color: #1f1f1f;
}

table.list_simple tr:nth-child(odd) {
  background-color: #333;
}

table.linklist tr.kop td {
	color: #999;
}
table.linklist tr.kop td a.sort {
	color: #999;
}
table.linklist tr:nth-child(even) {
	background-color: #333;
}
table.linklist tr:hover {
	background-color: #1f1f1f;
}

div#main > div#content_head {
	color: #999;
	background-color: #161616;
}

div.page_header {
	color: #999;
	background-color: #161616;
}

div#opt_box {
	background-color: #333;
}

div#pubg {
	background-color: rgba(0, 0, 0, 0.4);
}
div#pubg > div.pu {
	background-color: #333;
}
div#pubg > div.pu > div.kop {
	background-color: rgba(0, 0, 0, 0.2);
}

div.cont_pnm > div.page_number_menu,
div.cont_pnm > a.page_number_menu {
	background-color: #333;
}
div.cont_pnm > div.page_number_menu:hover,
div.cont_pnm > a.page_number_menu:hover {
	background-color: #1f1f1f;
}
div.cont_pnm > div.page_number_menu_selected {
	background-color: #222;
}
div.cont_pnm > div.page_number_menu_disabled {
	color: #777;
}

td#result_field table tr td.active {
	background-color: #ddd;
}
td#result_field table tr td.not_active {
	background-color: #333;
}
td#result_field table tr td.not_active:hover {
	background-color: #ddd;
}

span.ast_verpl {
	color: #999;
}
td.ast_verpl {
	color: #999;
}

div#hider {
    background-image: url(../../imgs/1px/1px_black_60p.png);
}

table.edit_vehicle tr.odd {
	background-color: #333;
}
table.edit_vehicle tr td.ast {
	color: #999;
}
table.edit_vehicle tr.inactive td.c1 {
	color: #aaa;
}
table.edit_vehicle tr.inactive td.c2 {
	color: #aaa;
}

table.edit_vehicle tbody tr td table.tbl thead tr td {
	background-color: #333;
	color: #999;
}
table.edit_vehicle tbody tr td table.tbl tbody tr:nth-child(even) {
	background-color: #333;
}
table.edit_vehicle select:disabled {
	background-color: #111;
}
table.edit_vehicle tr td.kop {
	color: #999;
}

table#tbl_thumbs tr td div {
	background-color: #ccc;
}
table#tbl_thumbs tr td div div.published,
table#tbl_thumbs tr td div div.unpublished {
	color: #000;
}
table#tbl_thumbs tr td div div.published {
	background-color: #0f0;
}
table#tbl_thumbs tr td div div.unpublished {
	background-color: #f00;
}

div.add_pic_thumb {
	background-color: #333;
}

html > body > div#container > div#search_results {
	border-color: #444;
	background-color: #333;
	box-shadow: 0px 0px 7px #000;
}
html > body > div#container > div#search_results > div.result {
	background-color: #333;
	border-color: #000;
}
html > body > div#container > div#search_results > div.result.active,
html > body > div#container > div#search_results > div.result:hover {
	border-color: #444;
	box-shadow: 0 0 5px #666;
}
html > body > div#container > div#search_results div.row,
html > body > div#container > div#search_results div.row_a {
	background-color: #333;
}

html > body > div#container > div#search_results div.row_a,
html > body > div#container > div#search_results div.row:not(.nohover):hover {
	background-color: #090909;
}


table#vehicle_data > tbody > tr > td > table > thead > tr > th {
	background-color: #333;
}
table#vehicle_data > tbody > tr > td > table > tbody > tr:nth-child(even) {
	background-color: #333;
}



/*	data_list	*/

div.data_list > div.data_row > div.data_header {
	border-color: #444;
	background-color: #333;
}
div.data_list > div.data_row:nth-child(odd),
div.data_list > a:nth-child(odd) > div.data_row {
	background-color: #222;
}
div.data_list > div.data_row > div.data_header {
	background-color: unset;
}
div.data_list > div.data_row > div.description,
div.data_list > a > div.data_row > div.description {
	background-color: unset;
}
div.data_list > div.data_row > div.mandatory,
div.data_list > a > div.data_row > div.mandatory {
	background-color: unset;
}
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 {
	background-color: #2e2e2e;
	border-color: #000;
}
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-color: #666;
	box-shadow: 0px 0px 7px #000;
}
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: #888;
	border-color: #000;
	background-color: #4d4d4d;
	opacity: 0.7;
}
div.data_list > div.data_row > div.value select:disabled,
div.data_list > div.data_row > div.edit select:disabled {
	color: #888;
	border-color: #000;
    background-color: #4d4d4d;
    opacity: 0.7;
}



/* list */

html > body > div#container > div.main > div.list > div.vehicle:nth-child(odd),
html > body > div#container > div.main > div.list > a:not(.tiled):nth-child(odd) > div.vehicle,
html > body > div#container > div.main > div.list > div.customer:nth-child(odd),
html > body > div#container > div.main > div.list > a:nth-child(odd) > div.customer,
html > body > div#container > div.main > div.list > div.calendar:nth-child(odd),
html > body > div#container > div.main > div.list > a:nth-child(odd) > div.calendar,
html > body > div#container > div.main > div.list > div.part:nth-child(odd),
html > body > div#container > div.main > div.list > a:nth-child(odd) > div.part,
html > body > div#container > div.main > div.list > div.stock_part:nth-child(odd),
html > body > div#container > div.main > div.list > a:nth-child(odd) > div.stock_part,
html > body > div#container > div.main > div.list > div.invoice:nth-child(odd),
html > body > div#container > div.main > div.list > a:nth-child(odd) > div.invoice,
html > body > div#container > div.main > div.list > div.ticket:nth-child(odd),
html > body > div#container > div.main > div.list > a:nth-child(odd) > div.ticket,
html > body > div#container > div.main > div.list > div.task:nth-child(odd),
html > body > div#container > div.main > div.list > a:nth-child(odd) > div.task,
html > body > div#container > div.main > div.list > div.emailing:nth-child(odd),
html > body > div#container > div.main > div.list > a:nth-child(odd) > div.emailing,
html > body > div#container > div.main > div.list > div.mailing_list:nth-child(odd),
html > body > div#container > div.main > div.list > a:nth-child(odd) > div.mailing_list,
html > body > div#container > div.main > div.list > div.recycling_bin:nth-child(odd),
html > body > div#container > div.main > div.list > a:nth-child(odd) > div.recycling_bin,
html > body > div#container > div.main > div.list > div.user:nth-child(odd),
html > body > div#container > div.main > div.list > a:nth-child(odd) > div.user,
html > body > div#container > div.main > div.list > div.log_item:nth-child(odd),
html > body > div#container > div.main > div.list > a:nth-child(odd) > div.log_item,
html > body > div#container > div.main > div.list > div.device:nth-child(odd),
html > body > div#container > div.main > div.list > div.offer:nth-child(odd),
html > body > div#container > div.main > div.list > a:nth-child(odd) > div.offer,
html > body > div#container > div.main > div.list > div.sales_file:nth-child(odd),
html > body > div#container > div.main > div.list > a:nth-child(odd) > div.sales_file,
html > body > div#container > div.main > div.list > div.accessory:nth-child(odd),
html > body > div#container > div.main > div.list > a:nth-child(odd) > div.accessory,
html > body > div#container > div.main > div.list > div.rental_price_list:nth-child(odd),
html > body > div#container > div.main > div.list > a:nth-child(odd) > div.rental_price_list,
html > body > div#container > div.main > div.list > div.project:nth-child(odd),
html > body > div#container > div.main > div.list > a:nth-child(odd) > div.project,
html > body > div#container > div.main > div.list > div.ip_address:nth-child(odd),
html > body > div#container > div.main > div.list > a:nth-child(odd) > div.ip_address {
	background-color: #333;
}
html > body > div#container > div.main > div.list > div.vehicle:nth-child(even),
html > body > div#container > div.main > div.list > a:not(.tiled):nth-child(even) > div.vehicle,
html > body > div#container > div.main > div.list > div.customer:nth-child(even),
html > body > div#container > div.main > div.list > a:nth-child(even) > div.customer,
html > body > div#container > div.main > div.list > div.calendar:nth-child(even),
html > body > div#container > div.main > div.list > a:nth-child(even) > div.calendar,
html > body > div#container > div.main > div.list > div.part:nth-child(even),
html > body > div#container > div.main > div.list > a:nth-child(even) > div.part,
html > body > div#container > div.main > div.list > div.stock_part:nth-child(even),
html > body > div#container > div.main > div.list > a:nth-child(even) > div.stock_part,
html > body > div#container > div.main > div.list > div.invoice:nth-child(even),
html > body > div#container > div.main > div.list > a:nth-child(even) > div.invoice,
html > body > div#container > div.main > div.list > div.ticket:nth-child(even),
html > body > div#container > div.main > div.list > a:nth-child(even) > div.ticket,
html > body > div#container > div.main > div.list > div.task:nth-child(even),
html > body > div#container > div.main > div.list > a:nth-child(even) > div.task,
html > body > div#container > div.main > div.list > div.emailing:nth-child(even),
html > body > div#container > div.main > div.list > a:nth-child(even) > div.emailing,
html > body > div#container > div.main > div.list > div.mailing_list:nth-child(even),
html > body > div#container > div.main > div.list > a:nth-child(even) > div.mailing_list,
html > body > div#container > div.main > div.list > div.recycling_bin:nth-child(even),
html > body > div#container > div.main > div.list > a:nth-child(even) > div.recycling_bin,
html > body > div#container > div.main > div.list > div.user:nth-child(even),
html > body > div#container > div.main > div.list > a:nth-child(even) > div.user,
html > body > div#container > div.main > div.list > div.log_item:nth-child(even),
html > body > div#container > div.main > div.list > a:nth-child(even) > div.log_item,
html > body > div#container > div.main > div.list > div.device:nth-child(even),
html > body > div#container > div.main > div.list > div.offer:nth-child(even),
html > body > div#container > div.main > div.list > a:nth-child(even) > div.offer,
html > body > div#container > div.main > div.list > div.sales_file:nth-child(even),
html > body > div#container > div.main > div.list > a:nth-child(even) > div.sales_file,
html > body > div#container > div.main > div.list > div.accessory:nth-child(even),
html > body > div#container > div.main > div.list > a:nth-child(even) > div.accessory,
html > body > div#container > div.main > div.list > div.rental_price_list:nth-child(even),
html > body > div#container > div.main > div.list > a:nth-child(even) > div.rental_price_list,
html > body > div#container > div.main > div.list > div.project:nth-child(even),
html > body > div#container > div.main > div.list > a:nth-child(even) > div.project,
html > body > div#container > div.main > div.list > div.ip_address:nth-child(even),
html > body > div#container > div.main > div.list > a:nth-child(even) > div.ip_address {
	background-color: #222;
}

html > body > div#container > div.main > div.list > div.vehicle.head,
html > body > div#container > div.main > div.list > div.customer.head,
html > body > div#container > div.main > div.list > div.calendar.head,
html > body > div#container > div.main > div.list > div.part.head,
html > body > div#container > div.main > div.list > div.stock_part.head,
html > body > div#container > div.main > div.list > div.invoice.head,
html > body > div#container > div.main > div.list > div.ticket.head,
html > body > div#container > div.main > div.list > div.task.head,
html > body > div#container > div.main > div.list > div.emailing.head,
html > body > div#container > div.main > div.list > div.mailing_list.head,
html > body > div#container > div.main > div.list > div.recycling_bin.head,
html > body > div#container > div.main > div.list > div.user.head,
html > body > div#container > div.main > div.list > div.log_item.head,
html > body > div#container > div.main > div.list > div.device.head,
html > body > div#container > div.main > div.list > div.offer.head,
html > body > div#container > div.main > div.list > div.sales_file.head,
html > body > div#container > div.main > div.list > div.accessory.head,
html > body > div#container > div.main > div.list > div.rental_price_list.head,
html > body > div#container > div.main > div.list > div.project.head,
html > body > div#container > div.main > div.list > div.ip_address.head {
	background-color: #333;
	box-shadow: 0px 0px 7px #000;
}


/* list_vehicles */

html > body > div#container > div.main > div#search_field div.data_list > div.data_row > div.description {
	background-color: #333;
}
html > body > div#container > div.main > div#vehicle_list > a.tiled {
	border: 1px solid #000;
}
html > body > div#container > div.main > div#vehicle_list > a.tiled:hover {
	box-shadow: 0px 0px 10px #000;
}
html > body > div#container > div.main > div.list > a:not(.tiled) > div.vehicle > div.image,
html > body > div#container > div.main > div#vehicle_list > a.tiled > div.vehicle > div.image {
	filter: brightness(0.8);
}
html > body > div#container > div.main > div.list > a:not(.tiled) > div.vehicle > div.image.no_pic,
html > body > div#container > div.main > div#vehicle_list > a.tiled > div.vehicle > div.image.no_pic {
	filter: invert(0.9);
}
html > body > div#container > div.main > div.list > a:not(.tiled) > div.vehicle > div.image.no_pic > div,
html > body > div#container > div.main > div#vehicle_list > a.tiled > div.vehicle > div.image.no_pic > div {
	filter: invert(1);
}
html > body > div#container > div.main > div.list > a:not(.tiled) > div.vehicle > div.status > div.status_id,
html > body > div#container > div.main > div.list > a:not(.tiled) > div.vehicle > div.status > div.website,
html > body > div#container > div.main > div.list > a:not(.tiled) > div.vehicle > div.status > div.website_no,
html > body > div#container > div.main > div.list > a:not(.tiled) > div.vehicle > div.status > div.published,
html > body > div#container > div.main > div.list > a:not(.tiled) > div.vehicle > div.status > div.published_no {
	color: inherit;
}



/* vehicle_view */

html > body > div#container > div.main > div > div.field > div.vehicle_image > img#img_big.no_pic {
	filter: invert(0.9);
}


/*	vehicle_edit	*/

html > body > div#container > div#content div.tab_bar {
	background-color: #333;
	box-shadow: 0px 0px 7px #000;
}
html > body > div#container > div#content div.tab_bar > a.tab {
	border-color: #000;
}
html > body > div#container > div#content div.tab_bar > a.tab:hover {
	box-shadow: 0px 0px 7px #000;
}
html > body > div#container > div#content div.tab_bar > a.tab.selected {
	box-shadow: 0px 0px 7px #000;
}
div#tbl_accessories > div > div.category-c > div.category > div.title,
div#tbl_accessories > div > div.category-c > div.category > div.accessory_line:nth-child(odd) {
    background-color: #222;
}
div#tbl_accessories > div > div.category-c > div.category > div.accessory_line label.marking_star_label {
    opacity: 0.5;
}

div.c_fold_rotate_button {
    background-color: #333;
}
div.c_fold_rotate_button > img#arrow_engine_1, div.c_fold_rotate_button > img#arrow_engine_2 {
    filter: invert(0.5);
}

html > body > div#container > div#content > div#tbl_pictures div.field > div.multiline-c > div.multiline div#video_container > div.video_box {
	border: 1px solid #000;
	box-shadow: 0px 0px 7px #000;
}
html > body > div#container > div#content > div#tbl_pictures div.field > div.multiline-c > div.multiline div.add_video_box {
	border: 1px solid #000;
	box-shadow: 0px 0px 7px #000;
}


div.data_list > div.data_row > div.value > div.drop-area > form > input.cnp[type="text"] {
	background-color: #222;
	border-color: #444;
}
div.data_list > div.data_row > div.value > div.drop-area > form > input.cnp[type="text"]::placeholder {
	color: inherit;
}
div.data_list > div.data_row > div.value > div.drop-area > form > input.cnp[type="text"]:hover {
	background-color: #222;
	border-color: #666;
}
div.data_list > div.data_row > div.value > div.drop-area > form > input.cnp[type="text"]:focus {
	background-color: #222;
	border-color: #888;
}


/* user_my_account */

div.user_data > div.data_row:nth-child(odd) {
	background-color: #222;
}


/* eports */

div.field > div.multiline-c > div.multiline > div.report_row:nth-child(odd) > div {
	background-color: #222;
}