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

:root {
	--main-bg-color: #2d2d2d;
	--main-text-color: #76766e;
	--main-text-color-disabled: #595959;
	--header-bg-color: #111;
	--placeholder-text-color: #585858;
	
	--highlight-intense-bg-color: #111;
	--highlight-intense-text-color: #7a7a77;
	--highlight-medium-bg-color: #161616;
	--highlight-medium-text-color: #7a7a77;
	--highlight-minor-bg-color: #222;
	--highlight-minor-text-color: #7a7a77;
	
	--hover-intense-bg-color: #444;
	--hover-intense-text-color: #b2b2aa;
	
	--box-margin-default: 5px;
	--box-padding-default: 4px;
	--box-border-default: 1px solid #6a6a66;
	--box-border-radius-default: 6px;
	--box-border-radius-data-list: 10px;
	--box-bg-color: #2d2d2d;
	
	--button-inline-bg-color: var(--highlight-medium-bg-color);
	--button-inline-text-color: var(--main-text-color);
	--button-inline-unimportant-bg-color: var(--highlight-medium-bg-color);
	--button-inline-unimportant-text-color: var(--main-text-color);
	--button-inline-disabled-bg-color: #202020;
	--button-inline-disabled-text-color: #464646;
	
	--hover-button-inline-bg-color: var(--hover-intense-bg-color);
	--hover-button-inline-text-color: var(--hover-intense-text-color);
	
	--vextpro-color-blue: #1689b3;
	--vextpro-color-blue-contrast-text-color: #111;
}

div.data_list > div.data_row > div.data_header > div.arrow_show_div_down {
	background-image: url(../../imgs/icons/grey_filled_arrow_down.svg);
}

html > body > div#container > div#menu > div#menu-c > div.menu_subgroup > div.menu_item:not(.selected) {
	background-image: url(../../imgs/icons/grey_filled_arrow_down.svg);
}


/* vehicle list list: darken vehicle image */

html > body > div#container > div.main > div.list > div.vehicle > div.image,
html > body > div#container > div.main > div.list > a:not(.tiled) > div.vehicle > div.image {
	opacity: 0.6;
}


/* vehicle list tiled: darken vehicle image */
html > body > div#container > div.main > div#vehicle_list > a.tiled > div.vehicle > div.image {
	opacity: 0.5;
}
/* vehicle list tiled: darken vehicle VRN */
html > body > div#container > div.main > div#vehicle_list > a.tiled > div.vehicle > div.VRN {
	opacity: 0.7;
}

/* vehicle view: darken big image */
html > body > div#container > div.main > div > div.field > div.vehicle_image > img#img_big {
	opacity: 0.6;
}
/* vehicle view: darken thumbs */
html > body > div#container > div.main > div > div.field > div.vehicle_thumbs > a.add_pic_thumb {
	opacity: 0.8;
}

/* vehicle view: font color in progress bar */
div.header-button-box.header-progress_bar {
	color: var(--box-bg-color);
}