@media (prefers-color-scheme: dark)
{
	#webprostor_configurator,
	#webprostor_configurator *
	{
		color: #ccc;
	}
	#webprostor_configurator h1, 
	#webprostor_configurator h2, 
	#webprostor_configurator h3, 
	#webprostor_configurator h4, 
	#webprostor_configurator h5, 
	#webprostor_configurator h6,
	#webprostor_configurator a,
	.webprostor-configurator-modal.theme-dark .modal-content
	{
		color: #fff;
	}
	#webprostor_configurator svg
	{
		fill: #b6b5b5;
	}
	.webprostor-configurator-modal.theme-dark input[type="text"],
	.webprostor-configurator-modal.theme-dark input[type="number"],
	#webprostor_configurator input[type="text"],
	#webprostor_configurator input[type="number"],
	#webprostor_configurator input[type="search"],
	#webprostor_configurator select,
	#webprostor_configurator .nav-tabs>li.active>a,
	.webprostor-configurator-modal.theme-dark .nav-tabs>li.active>a
	{
		background-color: var(--darkerblack_bg_black, #121212);
	}
	#webprostor_configurator .btn.btn-default,
	.webprostor-configurator-modal.theme-dark .btn.btn-default
	{
		background-color: var(--theme-base-color, transparent);
	}
	#webprostor_configurator .list-group-item,
	.webprostor-configurator-modal.theme-dark .list-group-item,
	.webprostor-configurator-modal.theme-dark .panel,
	.webprostor-configurator-modal.theme-dark #configurator_quick_view #quick_view_right_block
	{
		background-color: transparent;
	}
	#webprostor_configurator .sticky-bottom,
	#webprostor_configurator .panel,
	#webprostor_configurator .panel-heading,
	#webprostor_configurator .panel-footer,
	#webprostor_configurator .table-hover>tbody>tr:hover>td,
	#webprostor_configurator .table-hover>tbody>tr:hover>th,
	.webprostor-configurator-modal.theme-dark .modal-content
	{
		background-color: var(--card_bg_black, #232323) !important;
	}
	/*#webprostor_configurator,*/
	#webprostor_configurator .progress,
	#webprostor_configurator .list-group .list-group-item,
	.webprostor-configurator-modal.theme-dark .panel-heading,
	.webprostor-configurator-modal.theme-dark .panel-footer
	{
		background-color: var(--black_bg_black, #1b1b1b);
	}
	#webprostor_configurator .list-group-item,
	#webprostor_configurator .table,
	#webprostor_configurator .table td,
	#webprostor_configurator .table th,
	#webprostor_configurator #webprostor_configurator_step_products .configurator-step-products ul.products>li,
	#webprostor_configurator .panel-heading,
	#webprostor_configurator .panel-footer,
	.webprostor-configurator-modal.theme-dark .list-group-item,
	.webprostor-configurator-modal.theme-dark .modal-header,
	.webprostor-configurator-modal.theme-dark .panel,
	.webprostor-configurator-modal.theme-dark .thumbnail,
	.webprostor-configurator-modal.theme-dark .panel-heading,
	.webprostor-configurator-modal.theme-dark .panel-footer,
	.webprostor-configurator-modal.theme-dark #configurator_quick_view #quick_view_picture_wrapper,
	.webprostor-configurator-modal.theme-dark .nav.nav-tabs,
	#webprostor_configurator .nav.nav-tabs,
	#webprostor_configurator .nav-tabs>li.active>a,
	.webprostor-configurator-modal.theme-dark .nav-tabs>li.active>a
	{
		border-color: rgba(255,255,255,.2) !important;
	}
	.webprostor-configurator-modal.theme-dark .modal-header .close
	{
		color: var(--white_text_black, #fff) !important;
		text-shadow: none;
	}
	.webprostor-configurator-modal.theme-dark #assembly_accordion h4 a,
	#webprostor_configurator .panel-heading.slim h3 a
	{
		background-image: url(./../../../images/webprostor.configurator/configurator.onepage/expand_dark.png);
	}
	.webprostor-configurator-modal.theme-dark #assembly_accordion h4 a.collapsed,
	#webprostor_configurator .panel-heading.slim h3 a.collapsed
	{
		background-image: url(./../../../images/webprostor.configurator/configurator.onepage/collapse_dark.png);
	}
}