#webprostor_configurator
{
	margin-bottom: 20px;
}

#configurator_quick_view #quick_view_description {
	color: #363D4D;
}


.print {

}

.print table th {
	background-color: #eef7ff;
}

.print table th,
.print table td {
	color: #363D4D;
}


#webprostor_configurator #platforms_list .panel-heading
{
	border-radius: 0;
}

#webprostor_configurator #platforms_list .panel-heading > .row
{
	display: flex;
	align-items: center;
}

#webprostor_configurator #platforms_list .panel-heading a,
#webprostor_configurator #platforms_list .panel-heading h4
{
	margin: 0;
}

#webprostor_configurator .sticky-top
{
	position: sticky;
	top: 15px;
	z-index: 103;
}

#webprostor_configurator .sticky-bottom
{
	position: sticky;
	bottom: 0;
	z-index: 103;
}

#webprostor_configurator .align-items-center
{
	align-items: center;
}

#webprostor_configurator .justify-content-center
{
	justify-content: center;
}

#webprostor_configurator #webprostor_configurator_scrollspy svg,
#webprostor_configurator #webprostor_configurator_scrollspy img
{
	max-width: 24px;
	height: auto;
	margin-right: 5px;
	opacity: 0.5;
}

#webprostor_configurator #webprostor_configurator_scrollspy .badge
{
	margin-left: 5px;
}

#webprostor_configurator #webprostor_configurator_scrollspy .nav>.active>ul 
{
	display: block;
}

#webprostor_configurator #webprostor_configurator_scrollspy .nav.dots>li
{
	padding-left: 20px;
}

#webprostor_configurator #webprostor_configurator_scrollspy .nav>li>a
{
	padding-left: 0;
	display: flex;
	align-items: center;
	background: none !important;
}

#webprostor_configurator #webprostor_configurator_scrollspy ul.arrows > li.active > a,
#webprostor_configurator #webprostor_configurator_scrollspy ul.dots li.active a
{
    color: inherit;
}

#webprostor_configurator #webprostor_configurator_scrollspy ul.arrows.nav-success > li.active > a,
#webprostor_configurator #webprostor_configurator_scrollspy ul.arrows.nav-success ul.dots li.active a
{
    color: #3c763d;
}

#webprostor_configurator #webprostor_configurator_scrollspy ul.arrows.nav-danger > li.active > a,
#webprostor_configurator #webprostor_configurator_scrollspy ul.arrows.nav-danger ul.dots li.active a
{
    color: #d9534f;
}

#webprostor_configurator #webprostor_configurator_scrollspy ul.arrows.nav-info > li.active > a,
#webprostor_configurator #webprostor_configurator_scrollspy ul.arrows.nav-info ul.dots li.active a
{
    color: #31708f;
}

#webprostor_configurator #webprostor_configurator_scrollspy ul.arrows.nav-primary > li.active > a,
#webprostor_configurator #webprostor_configurator_scrollspy ul.arrows.nav-primary ul.dots li.active a
{
    color: #337ab7;
}

#webprostor_configurator #webprostor_configurator_scrollspy ul.arrows.nav-warning > li.active > a,
#webprostor_configurator #webprostor_configurator_scrollspy ul.arrows.nav-warning ul.dots li.active a
{
    color: #f0ad4e;
}

#webprostor_configurator #webprostor_configurator_scrollspy ul.dots li:after
{
    content: '';
    position: absolute;
    left: 0px;
    top: 50%;
    border-radius: 50%;
	margin-top: -4px;
    border: 4px solid #dedede;
}

#webprostor_configurator #webprostor_configurator_scrollspy ul.dots li.active:after
{
    border: 4px solid #444;
}

#webprostor_configurator #webprostor_configurator_scrollspy ul.arrows.nav-success ul.dots li.active:after
{
    border-color: #3c763d;
}

#webprostor_configurator #webprostor_configurator_scrollspy ul.arrows.nav-danger ul.dots li.active:after
{
    border-color: #d9534f;
}

#webprostor_configurator #webprostor_configurator_scrollspy ul.arrows.nav-info ul.dots li.active:after
{
	border-color: #31708f;
}

#webprostor_configurator #webprostor_configurator_scrollspy ul.arrows.nav-primary ul.dots li.active:after
{
	border-color: #337ab7;
}

#webprostor_configurator #webprostor_configurator_scrollspy ul.arrows.nav-warning ul.dots li.active:after
{
    border-color: #f0ad4e;
}

#webprostor_configurator #webprostor_configurator_scrollspy ul.arrows > li.active > a > svg,
#webprostor_configurator #webprostor_configurator_scrollspy ul.dots li.active a > svg,
#webprostor_configurator #webprostor_configurator_scrollspy ul.arrows > li.active > a > img,
#webprostor_configurator #webprostor_configurator_scrollspy ul.dots li.active a > img
{
	opacity: 1;
}

#webprostor_configurator #webprostor_configurator_scrollspy ul.arrows.nav-success > li.active > a > svg,
#webprostor_configurator #webprostor_configurator_scrollspy ul.arrows.nav-success ul.dots li.active a > svg
{
    fill: #3c763d;
}

#webprostor_configurator #webprostor_configurator_scrollspy ul.arrows.nav-danger > li.active > a > svg,
#webprostor_configurator #webprostor_configurator_scrollspy ul.arrows.nav-danger ul.dots li.active a > svg
{
    fill: #d9534f;
}

#webprostor_configurator #webprostor_configurator_scrollspy ul.arrows.nav-info > li.active > a > svg,
#webprostor_configurator #webprostor_configurator_scrollspy ul.arrows.nav-info ul.dots li.active a > svg
{
    fill: #31708f;
}

#webprostor_configurator #webprostor_configurator_scrollspy ul.arrows.nav-primary > li.active > a > svg,
#webprostor_configurator #webprostor_configurator_scrollspy ul.arrows.nav-primary ul.dots li.active a > svg
{
    fill: #337ab7;
}

#webprostor_configurator #webprostor_configurator_scrollspy ul.arrows.nav-warning > li.active > a > svg,
#webprostor_configurator #webprostor_configurator_scrollspy ul.arrows.nav-warning ul.dots li.active a > svg
{
    fill: #f0ad4e;
}

#webprostor_configurator #stock_switch .form-group input[type="checkbox"] {
    display: none;
}
#webprostor_configurator #stock_switch .form-group input[type="checkbox"] + .btn-group > label span {
    width: 20px;
}
#webprostor_configurator #stock_switch .form-group input[type="checkbox"] + .btn-group > label span:first-child {
    display: none;
}
#webprostor_configurator #stock_switch .form-group input[type="checkbox"] + .btn-group > label span:last-child {
    display: inline-block;   
}

#webprostor_configurator #stock_switch .form-group input[type="checkbox"]:checked + .btn-group > label span:first-child {
    display: inline-block;
}
#webprostor_configurator #stock_switch .form-group input[type="checkbox"]:checked + .btn-group > label span:last-child {
    display: none;   
}

#webprostor_configurator #webprostor_configurator_step_products
{
	position: relative;
}

#webprostor_configurator #quantity_notifications
{
	width: 100%;
}

#webprostor_configurator #webprostor_configurator_step_products h4
{
	display: flex;
	align-items: center;
}

#webprostor_configurator #webprostor_configurator_step_products h4 > svg,
#webprostor_configurator #webprostor_configurator_step_products h4 > img
{
	margin-right: 5px;
	max-width: 40px;
	height: auto;
}

#webprostor_configurator #webprostor_configurator_step_products h4 > svg + a,
#webprostor_configurator #webprostor_configurator_step_products h4 > img + a
{
	margin-left: 5px;
}

#webprostor_configurator #webprostor_configurator_step_products .configurator-step-products.loading
{
	min-height: 100px;
	position:relative;
}

#webprostor_configurator #webprostor_configurator_step_products .configurator-step-products.loading:after
{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	background: #fff url(./images/preloader.gif) no-repeat 50% 50%;
}

#webprostor_configurator #webprostor_configurator_step_products .configurator-step-products ul
{
	list-style: none;
	padding: 0;
	margin: 0;
}

#webprostor_configurator #webprostor_configurator_step_products .configurator-step-products ul.products>li
{
	padding: 8px;
}

#webprostor_configurator #webprostor_configurator_step_products .configurator-step-products ul.products:not(.row)>li:not(.hidden):not(:last-child)
{
	border-bottom: 1px solid #DBDCDD;
}

#webprostor_configurator #webprostor_configurator_step_products .configurator-step-products ul.products>li[data-available] .available svg,
#webprostor_configurator #webprostor_configurator_step_products .configurator-step-products ul.product-offers>li[data-available] .offer-available svg
{
	fill: #737373;
	cursor: pointer;
}

#webprostor_configurator #webprostor_configurator_step_products .configurator-step-products ul.products>li[data-available="Y"] .available svg,
#webprostor_configurator #webprostor_configurator_step_products .configurator-step-products ul.product-offers>li[data-available="Y"] .offer-available svg
{
	fill: #50ef50;
}

#webprostor_configurator #webprostor_configurator_step_products .configurator-step-products .step-image,
#webprostor_configurator #webprostor_configurator_step_products .configurator-step-products .step-image-thumbnail
{
	background-image: url('./images/gears.png');
	height: 125px;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-size: contain;
	margin-top: 8px;
}

#webprostor_configurator #webprostor_configurator_step_products .configurator-step-products .step-image
{
	margin-bottom: 8px;
	height: 160px;
}

#webprostor_configurator #webprostor_configurator_step_products .configurator-step-products .quantity-block label
{
	padding: 0px 6px;
}

#webprostor_configurator #webprostor_configurator_step_products .configurator-step-products .quantity-block input
{
	max-width: 30px;
    text-align: center;
    border: 0 none;
    padding: 0;
}


#webprostor_configurator #webprostor_configurator_step_products .configurator-step-products .quick-view + .compare-product
{
	margin-left: 5px;
}

#webprostor_configurator #webprostor_configurator_step_products .configurator-step-products .products:not(.row) .quick-view
{
	margin-left: auto;
}

#webprostor_configurator #webprostor_configurator_step_products .configurator-step-products .quick-view
{
	color: inherit;
}

#webprostor_configurator #webprostor_configurator_step_products .configurator-step-products .compare-product
{
	color: inherit;
}

#webprostor_configurator #webprostor_configurator_step_products .configurator-step-products .delete-product
{
	margin-right: 5px;
}

#webprostor_configurator #assembly_info #info_required,
#webprostor_configurator #webprostor_configurator_step_products .configurator-step-products .delete-product
{
	color: #d9534f;
}

#webprostor_configurator #webprostor_configurator_step_products .configurator-step-products .alert
{
	margin-top: 8px;
}

#webprostor_configurator #webprostor_configurator_step_products .configurator-step-products .product-offers:not(.selected) .offer-available
{
	margin-left: 24px;
}

#webprostor_configurator #webprostor_configurator_step_products .configurator-step-products .product-offers,
#webprostor_configurator #webprostor_configurator_step_products .configurator-step-products .product-offers *
{
	font-weight: 400;
}
#webprostor_configurator #webprostor_configurator_step_products .configurator-step-products .actions.padding > div:first-child
{
	padding-left: 20px;
}



#webprostor_configurator #assembly_info #assembly_total b
{
	font-size: 120%;
}

#webprostor_configurator #assembly_info #order_wrapper #assembly_quantity
{
	width: 60px;
}

#webprostor_configurator #configurator_additional_actions
{
	top: 0;
	/*padding-top: 10px;
	padding-bottom: 10px;
	margin-bottom: 10px;
	background: #fff;
	border-bottom: 1px solid rgba(0,0,0,0.125);*/
}

#webprostor_configurator #configurator_additional_actions .form-group
{
	margin-bottom: 0;
}

@media (min-width: 992px)
{
	#modalProducts .modal-xl,
	#modalProductInfo .modal-xl
	{
		width: 800px;
	}
}

@media(min-width: 1200px)
{
	#modalProducts .modal-xl,
	#modalProductInfo .modal-xl
	{
		width: 1140px;
	}
}

@media(max-width: 992px)
{
	#webprostor_configurator #navigation_panel
	{
		position: relative;
		top: 0;
	}
	#webprostor_configurator #assembly_info a.btn
	{
		display: block;
		text-overflow: ellipsis;
		overflow: hidden;
	}
	#webprostor_configurator #assembly_info #order_wrapper
	{
		position: fixed;
		bottom: 0;
		width: 100%;
		left: 0;
		z-index: 3;
		background-color: #fff;
		padding: 10px 5px;
		border-top: 1px solid #ddd;
	}
	#webprostor_configurator #assembly_info #order_wrapper .form-inline
	{
		display: flex;
		align-items: center;
		justify-content: center;
	}
	#webprostor_configurator #assembly_info #order_wrapper .form-inline .form-group
	{
		margin-bottom: 0;
		margin-right: 5px;
	}
	#webprostor_configurator #configurator_actions
	{
		padding-bottom: 50px;
	}
	#webprostor_configurator #configurator_additional_actions .form-group
	{
		margin-bottom: 5px;
	}
}

@media(max-width: 768px)
{
	#webprostor_configurator #assembly_info #order_wrapper #assembly_quantity
	{
		margin: 0 auto;
	}
	#webprostor_configurator #webprostor_configurator_step_products .configurator-step-products .quick-view
	{
		margin-left: 0;
	}
}