/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */

.configurator-wrap, .products-basket{
	width: 60%;
	display: inline-block;
	vertical-align: top;
}

.configurator-wrap{
	padding-right: 50px;
}

.products-basket{
	width: 40%;
}

.configurator-wrap label{
	width: 100%;
	display: block;
}

.configurator-wrap .cat-items{
	display: inline-block;
	vertical-align: top;
	width: 100%;
	margin: 5px 10px;
}

.products-basket  .entry-summary .price   {
	font-family: "FagoNoMed", Geneva, sans-serif;
	color: #4a4a49;
	font-size: 1.25em;
	font-weight: normal;
}

.configurator-wrap .select-target.select-theme-default b::after {
	width: 28px;
	height: 15px;
	background-size: 75%;
	background-repeat: no-repeat;

}

.configurator-wrap .cat-warengruppe{
	padding-bottom: 10px;
}

.conf_add_to_cart_button{
	padding: 0px 20px;
	margin-left: 64px !important;
	width: auto;
	white-space: nowrap;
}

#configurator-basket-sidebar .wbm_btn_red{
    width: 100%;
    display: block;
    margin: 10px auto 0 auto !important;
  }

.block-summury{
	border-top: 1px solid #000;
	padding-top: 10px;
	padding-bottom: 40px;
}

.qty-box{
	display: inline-block;
	margin-left: 10px;
	float:right;
}

.qty-box .qty{
	width: 30px;
	text-align: center;
	margin-left: 5px;
	margin-right: 5px;
	display: inline-block;
	padding: 0px 3px;
	line-height: 9px;
	height: 30px;
}

.qty-box .btn-number{
	display: inline-block;
	padding: 0px 10px;
}
/*
.panel-heading .accordion-toggle:after {
	content: '';
	width: 0;
	height: 0;
	border-left: 14px solid transparent;
	border-right: 14px solid transparent;
	border-bottom: 15px solid #888888;
	float: right;
	position: relative;
	top: 15px;
	right: 15px;

}
.panel-heading .accordion-toggle.collapsed:after {
	content: "";
	width: 0;
	height: 0;
	border-bottom: none;
	border-top: 15px solid #888888;
	position: relative;
	top: 15px;
	right: 15px;
}
*/
.configurator-wrap .select-target.select-theme-default {
	width: 55%;
	display: inline-block;
}

.configurator-wrap .accordion-toggle{
	background: -moz-linear-gradient(0% 50% 0deg,rgba(36, 48, 95, 1) 0%,rgba(41, 98, 147, 0.98) 15.41%,rgba(45, 111, 161, 0.97) 32.94%,rgba(46, 115, 166, 0.95) 48.22%,rgba(36, 48, 95, 1) 100%);
	background: -webkit-linear-gradient(0deg, rgba(36, 48, 95, 1) 0%, rgba(41, 98, 147, 0.98) 15.41%, rgba(45, 111, 161, 0.97) 32.94%, rgba(46, 115, 166, 0.95) 48.22%, rgba(36, 48, 95, 1) 100%);
	background: -webkit-gradient(linear,0% 50% ,100% 50% ,color-stop(0,rgba(36, 48, 95, 1) ),color-stop(0.1541,rgba(41, 98, 147, 0.98) ),color-stop(0.3294,rgba(45, 111, 161, 0.97) ),color-stop(0.4822,rgba(46, 115, 166, 0.95) ),color-stop(1,rgba(36, 48, 95, 1) ));
	background: -o-linear-gradient(0deg, rgba(36, 48, 95, 1) 0%, rgba(41, 98, 147, 0.98) 15.41%, rgba(45, 111, 161, 0.97) 32.94%, rgba(46, 115, 166, 0.95) 48.22%, rgba(36, 48, 95, 1) 100%);
	background: -ms-linear-gradient(0deg, rgba(36, 48, 95, 1) 0%, rgba(41, 98, 147, 0.98) 15.41%, rgba(45, 111, 161, 0.97) 32.94%, rgba(46, 115, 166, 0.95) 48.22%, rgba(36, 48, 95, 1) 100%);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#24305F', endColorstr='#24305F' ,GradientType=0)";
	background: linear-gradient(90deg, rgba(36, 48, 95, 1) 0%, rgba(41, 98, 147, 0.98) 15.41%, rgba(45, 111, 161, 0.97) 32.94%, rgba(46, 115, 166, 0.95) 48.22%, rgba(36, 48, 95, 1) 100%);
	background-color: rgba(0, 0, 0, 0);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#24305F',endColorstr='#24305F' , GradientType=1);
	display: block;
	padding-left: 20px;
	color: #fff;
	height: 44px;
	line-height: 44px;
}
.configurator-wrap .accordion-toggle:hover{
	color: #fff;
}

.configurator-wrap .panel-heading a{
	color:#fff !important;
}

.configurator-wrap .panel-heading, .configurator-wrap .panel-group .panel-heading, .configurator-wrap .panel-default > .panel-heading {
	border-bottom: none;
}

.configurator-wrap .panel-body{
	padding-bottom: 20px;
	padding-left: 20px;
	position: relative;
}

.configurator-wrap .add-selected-component, .configurator-wrap .add-radio-component {
	margin-left: 10px;
	padding: 3px 19px;
	font-weight: normal;
	border: none;
	border-radius: 3px;
	color:#FFFFFF;
	display: inline-block;
	background: -moz-linear-gradient(0% 50% 0deg, rgba(36, 48, 95, 1) 0%, rgba(41, 98, 147, 0.98) 15.41%, rgba(45, 111, 161, 0.97) 32.94%, rgba(46, 115, 166, 0.95) 48.22%, rgba(36, 48, 95, 1) 100%);
	background: -webkit-linear-gradient(0deg, rgba(36, 48, 95, 1) 0%, rgba(41, 98, 147, 0.98) 15.41%, rgba(45, 111, 161, 0.97) 32.94%, rgba(46, 115, 166, 0.95) 48.22%, rgba(36, 48, 95, 1) 100%);
	background: -webkit-gradient(linear,0% 50% ,100% 50% ,color-stop(0,rgba(36, 48, 95, 1) ),color-stop(0.1541,rgba(41, 98, 147, 0.98) ),color-stop(0.3294,rgba(45, 111, 161, 0.97) ),color-stop(0.4822,rgba(46, 115, 166, 0.95) ),color-stop(1,rgba(36, 48, 95, 1) ));
	background: -o-linear-gradient(0deg, rgba(36, 48, 95, 1) 0%, rgba(41, 98, 147, 0.98) 15.41%, rgba(45, 111, 161, 0.97) 32.94%, rgba(46, 115, 166, 0.95) 48.22%, rgba(36, 48, 95, 1) 100%);
	background: -ms-linear-gradient(0deg, rgba(36, 48, 95, 1) 0%, rgba(41, 98, 147, 0.98) 15.41%, rgba(45, 111, 161, 0.97) 32.94%, rgba(46, 115, 166, 0.95) 48.22%, rgba(36, 48, 95, 1) 100%);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#24305F', endColorstr='#24305F' ,GradientType=0)";
	background: linear-gradient(90deg, rgba(36, 48, 95, 1) 0%, rgba(41, 98, 147, 0.98) 15.41%, rgba(45, 111, 161, 0.97) 32.94%, rgba(46, 115, 166, 0.95) 48.22%, rgba(36, 48, 95, 1) 100%);
	background-color: rgba(0, 0, 0, 0);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#24305F',endColorstr='#24305F' , GradientType=1);

}

.configurator-wrap .selected-remove{
	width: 20px;
	height: 20px;
	line-height: 20px;
	text-align: center;
	border: 1px solid #c3c3c3;
	background: #c3c3c3;
	display: block;
	cursor: pointer;
    float: right;
	margin-right: 40px;
}

.configurator-wrap .panel-default.disabled,
.configurator-wrap .panel-default.processed .collapsed{
	position: relative;
}

.configurator-wrap .panel-default.disabled::before,
.configurator-wrap .panel-default.processed .collapsed::before{
	content: " ";
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background: rgba(256, 256, 256, 0.7);
	z-index: 94;
}

.configurator-wrap .panel-default.processed .panel-heading a{
	opacity: 0.3;
}

.configurator-wrap .panel-default.processed .panel-heading{
	cursor:pointer;
}

.configurator-wrap .panel-default.disabled1{
	position: relative;
}

.configurator-wrap .panel-default.disabled1::before{
	content: " ";
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background: rgba(256, 256, 256, 0.7);
	z-index: 98;
}

.configurator-wrap .row input[type="radio"]{
	margin-right: 10px !important;
}

.configurator-wrap .row span.price del{
	display: none;
}

.configurator-wrap .row span.price{
	float: right;
	margin-right: 50px;
	min-width: 110px;
	display: inline-block;
	text-align: right;
	line-height: 2.3;
}

.configurator-wrap .cat-items-checkbox{
	position: relative;
}

.configurator-wrap .cat-items-checkbox::before{
	position: relative;
	content: " ";
	width: 2px;
	height: 100%;
	min-height: 50px;
	position: absolute;
	right: 22%;
	top: 0;
	bottom: 0;
	border-right: 1px solid #cccccc;
}

.configurator-wrap .cat-items-select{
	position: relative;
}

.configurator-wrap .cat-items-select::before{
	position: relative;
	content: " ";
	width: 2px;
	height: 100%;
	min-height: 50px;
	position: absolute;
	right: 20%;
	top: 0;
	bottom: 0;
	border-right: 1px solid #cccccc;
}

.configurator-wrap .cat-items-select span.price{
	margin-right: 15px;
}

.configurator-wrap .button-add{
	background: none;
	color: rgba(36, 48, 95, 0.95);
	cursor: pointer;
	display: inline-block;
}

.configurator-wrap .button-add span{
	height: 21px;
	width: 21px;
	border-radius: 50%;
	font-size: 18px;
	background: rgba(36, 48, 95, 0.95);
	display: block;
	text-align: center;
	line-height: 21px;
	margin: 0 10px 0 0;
	padding: 0;
	padding-left: 0px;
	float: left;
	color: #ffffff;
	padding-left: 1px;
}

.products-basket-container .cart{
	display: none;
}

.products-basket-container .product_teaser_image_wrapper{
	display: none;
}

.configurator-wrap .row input.optional_checkbox{
	margin-right: 10px;
	margin-left: -5px;
}

.configurator-wrap span.not-optional{
	margin-left: 40px;
}

.configurator-wrap label.not-optional{
	margin-left: 40px;
	display: none !important;
}

.configurator-wrap label.not-optional span.not-optional{
	margin-left: 0px;
}
label.optional.disabled{
	color:#ccc;
	/* text-decoration: line-through; */
}

.configurator-wrap{
	position: relative;
	padding-left: 50px;
	margin-left: 20px;
}

#accordion::before{
	position: relative;
	content: " ";
	width: 2px;
	height: 90%;
	position: absolute;
	left: 5px;
	top: 75px;
	bottom: 0;
	border-right: 1px solid rgba(36, 48, 95, 1);
}

#accordion .panel:last-child{
	position: relative;
}

#accordion .panel:last-child::after{
	content: " ";
	width: 4px;
	height: 100%;
	position: absolute;
	left: -46px;
	top: 57px;
	bottom: 0;
	background: #ffffff;

}

.configurator-wrap .panel-heading{
	position: relative;
}
.configurator-wrap .panel-heading .step{
	position: absolute;
	left: -64px;
	top: 7px;
	z-index: 80;
	display: block;
	width: 44px;
	height: 44px;
	line-height: 44px;
	text-align: center;
	color: #ffffff;
	border-radius: 50%;
	background: rgba(36, 48, 95, 1);
}

.configurator-wrap .disabled .step, .configurator-wrap .disabled1 .step{
	background: #999999;
}

.configurator-wrap .panel-heading::after{
	content: " ";
	display: block;
	width: 74px;
	height: 74px;
	line-height: 54px;
	text-align: center;
	color: #ffffff;
	border-radius: 50%;
	border-right: 4px solid #FFFFFF;
	background: #FFFFFF;
	position: absolute;
	left: -80px;
	top: -8px;
	z-index: 70;
}

.configurator-wrap .panel-group .panel {
	overflow: visible;

}
.configurator-wrap .row{
	padding-left: 20px;
	padding-bottom: 10px;
}

.configurator-wrap .info-wrap {
	padding-right: 10px;
	position: relative;
}

.configurator-wrap .info-wrap .info{
	width: 18px;
	height: 18px;
	display: inline-block;
	background: rgba(36, 48, 95, 1);
	color: #ffffff;
	line-height: 19px;
	text-align: center;
	border-radius: 50%;
	font-size: 14px;
	font-style: italic;
	font-family: "Times New Roman";
}

.configurator-wrap .info-wrap .info-text{
	display: none;
	position: absolute;
	left: 28px;
	top: 0px;
	background: rgba(36, 48, 95, 1);
	color: #ffffff;
	padding: 4px 10px;
	min-width: 250px;
	z-index: 95;
	white-space: pre-wrap;
}

.configurator-wrap .info-wrap:hover .info-text{
	display: block;
}

.configurator-wrap .add-radio-component{
	margin-top: 20px;
}

.configurator-wrap .select-target{
	margin-bottom: 10px;
}

.configurator-wrap .selected-wrap{
	position: relative;
	display: inline-block;
	width: 100%;
}

.configurator-wrap .selected-wrap .remove{
	cursor: pointer;
	display: inline-block;
	line-height: 31px;
	width: 33px;
	height: 33px;
	border: solid 1px rgb(36, 48, 95);
	color: rgb(36, 48, 95);
	text-align: center;
	border-radius: 50%;
	margin-left: 20px;
	position: relative;
	top: -5px;
}

.configurator-wrap #optional-products .qty-box {
	float: none;
	margin-left: 45px;
}

.products-basket-container{
	display: none;
}

.products-basket .form-popup{
	width: 59%;
}

.products-basket .modal-dialog {
	width: 480px;
}

.products-basket .login_modal{
	overflow: scroll;
}

.configurator-wrap .product label {
	width: 92%;
	display: inline-block;
}

.cat-items-checkbox .qty-box{
	position: relative;
	margin-right: 25px;
}

#optional-products .cat-items-checkbox .row span.price {
   margin-right: 33px;
}
.cat-items-checkbox .qty-box::before{
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background: rgba(256, 256,256, 0.5);

}

.cat-items-checkbox .selected-radio .qty-box::before{
	display: none;
	content: '';
	position: static;

}

.configurator-wrap-email .products-basket  form.cart{
	display: none;
}

.configurator-wrap-email{
	width: 100% !important;
}

.products-basket-email{
	width: 100%;
}

.products-basket-email .wbm_btn_red,  .products-basket-email .form-popup{
	float: left;
	text-align: center;
	display: block;
	margin: 0px 70px;
}

.configurator-wrap-email .price{
	display: none !important;
}

.configurator-wrap.configurator-wrap-email .cat-items-checkbox::before {
	display: none !important;
}


.configurator-wrap.configurator-wrap-email .cat-items-checkbox .qty-box{
	margin-right: 50px;
}

.woocommerce .configurator-wrap .qty-box input, .woocommerce .configurator-wrap .qty-box input[type="text"]{
	padding: 0px;
}

.yikes-custom-woo-tab-title-konfigurator{
	display: none;
}

.configurator-wrap .isDisabled {
	color: currentColor !important;
	cursor: not-allowed !important;
	opacity: 0.5 !important;
	text-decoration: none !important;
	pointer-events: none !important;
}

.configurator-wrap .select-target.isDisabled b::after {
	display: none;
}

.wc-tabs-wrapper .configurator-wrap{
	width: 100%;
}

.wc-tabs-wrapper .products-basket{
	width: 100%;
}

.woocommerce div.product span.price {
	color: rgb(36, 48, 95) !important;
	display: inline-block;
}

.wc-tabs-wrapper .configurator-wrap .cat-items-checkbox::before {
	right: 20%;
}

#configurator-basket-sidebar {
	background-color: #DFDFDF; 
}
 
#configurator-basket-sidebar .products-basket{
	width: 100%;
	margin-top: 0px;
}

#configurator-basket-sidebar h1, #configurator-basket-sidebar h2 {
	margin-top: 0px;
	margin-bottom: 5px;
}

#configurator-basket-sidebar .order-total{
	color: #4a4a49;
}

.products-basket-container .cart {
	display: block !important;
}

.products-basket-container {
	display: block !important;
}

.sidebar .products-basket .products-basket-container .price, .sidebar .products-basket .product_bottom {
	display: block !important;
}

#flash_und_solid_state .cat-items-select::before{
	position: relative;
	content: " ";
	width: 2px;
	height: 100%;
	min-height: 50px;
	position: absolute;
	right: 20%;
	top: 0;
	bottom: 0;
	border-right: 1px solid #cccccc;
}

#flash_und_solid_state .price{
	margin-right: 15px;
}

.configurator-wrap #software_-_os .cat-items-select::before {
	right: 21.5%;
}

.configurator-wrap #software_-_os .price{
	margin-right: 45px;
}

.select-options .select-disable{
	display: none !important;
}

#optional-products .not-optional{
	padding: 0 !important;
	margin: 0 !important;
	height: 0 !important;
}


.configurator-wrap .panel{
	position: relative;
}

.popup-wrap{
	position: absolute;
	top: 0;
	left: 0;
	background: rgba(256, 256, 256, 0.95);
	border: 1px solid #24305F;
	border-radius: 10px;
	padding: 40px;
}

.popup-remove{
	position: absolute;
	right: 10px;
	top: 10px;
	color: #24305F;
	font-size: 24px;
	width: 20px;
	height: 21px;
	cursor: pointer;
}

#configurator-basket-sidebar .added_to_cart{
	background: -moz-linear-gradient(0% 50% 0deg,rgba(36, 48, 95, 1) 0%,rgba(41, 98, 147, 0.98) 15.41%,rgba(45, 111, 161, 0.97) 32.94%,rgba(46, 115, 166, 0.95) 48.22%,rgba(36, 48, 95, 1) 100%);
	background: -webkit-linear-gradient(0deg, rgba(36, 48, 95, 1) 0%, rgba(41, 98, 147, 0.98) 15.41%, rgba(45, 111, 161, 0.97) 32.94%, rgba(46, 115, 166, 0.95) 48.22%, rgba(36, 48, 95, 1) 100%);
	background: -webkit-gradient(linear,0% 50% ,100% 50% ,color-stop(0,rgba(36, 48, 95, 1) ),color-stop(0.1541,rgba(41, 98, 147, 0.98) ),color-stop(0.3294,rgba(45, 111, 161, 0.97) ),color-stop(0.4822,rgba(46, 115, 166, 0.95) ),color-stop(1,rgba(36, 48, 95, 1) ));
	background: -o-linear-gradient(0deg, rgba(36, 48, 95, 1) 0%, rgba(41, 98, 147, 0.98) 15.41%, rgba(45, 111, 161, 0.97) 32.94%, rgba(46, 115, 166, 0.95) 48.22%, rgba(36, 48, 95, 1) 100%);
	background: -ms-linear-gradient(0deg, rgba(36, 48, 95, 1) 0%, rgba(41, 98, 147, 0.98) 15.41%, rgba(45, 111, 161, 0.97) 32.94%, rgba(46, 115, 166, 0.95) 48.22%, rgba(36, 48, 95, 1) 100%);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#24305F', endColorstr='#24305F' ,GradientType=0)";
	background: linear-gradient(90deg, rgba(36, 48, 95, 1) 0%, rgba(41, 98, 147, 0.98) 15.41%, rgba(45, 111, 161, 0.97) 32.94%, rgba(46, 115, 166, 0.95) 48.22%, rgba(36, 48, 95, 1) 100%);

	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#24305F',endColorstr='#24305F' , GradientType=1);
	color: #fff;
	display: inline-block;
	padding: 8px 25px;
	-webkit-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
	font-family: "FagoNo", Geneva, sans-serif;
	font-size: 14px;
	border: none;
	line-height: 17px;
	text-transform: initial;
	border-radius: 4px;
	outline-offset: 0;
	margin-right: 10px;
	margin-top: 10px;
	margin-left: 10px;
	width: 85%;
	text-align: center;
}

.conf-actions .added_to_cart.wc-forward, #configurator-basket-sidebar .added_to_cart.wc-forward{
	display: none;
}

#configurator-basket-sidebar .wc-forward {
    width: 100%;
    text-align: center;
	margin-top: 10px;
}

#configurator-basket-sidebar .products-basket-container form.preselected {
	display: none !important;
}

#festplatten .cat-items-select .row:first-of-type .remove { 
	display: none;
}

#optional-products input.optional_checkbox:disabled {
	display: none !important;
}

@media only screen and (max-width : 768px) { 
	.wc-tabs-wrapper .configurator-wrap .cat-items-checkbox::before, .configurator-wrap .cat-items-select::before, .configurator-wrap #software_-_os .cat-items-select::before {
		display: none;
	}
	
	.qty-box {
		float: left;
		margin-top: 10px;
	}
	.configurator-wrap .product label {
		width: 90%;
	}
	
	.woocommerce div.product p.price, .woocommerce div.product span.price {
		font-size: 14px !important;
		line-height: 22px;
	}
}
@media only screen and (max-width : 560px) { 
	.configurator-wrap {
		padding-right: 0px;
		margin-left: 10px;
		padding-left: 20px;
	}
	
	.configurator-wrap .panel-heading {
		padding-right: 0;
	}
	.configurator-wrap .row span.price {
		margin-right: 0 !important;
	}
	.configurator-wrap .panel-body, .configurator-wrap .panel-group .panel-heading + .panel-collapse .panel-body {
		padding-left: 0;
	}
	.configurator-wrap .row {
		padding-left: 0;
		margin: 0;
	}
	.configurator-wrap .row input.optional_checkbox {
		margin-left: 0;
	}
	.configurator-wrap .product label {
		width: calc(100% - 44px);
	}
	
	.configurator-wrap .cat-items-select, .configurator-wrap .row, .configurator-wrap .panel-body {
		width: 100%;
	}
	.configurator-wrap .row span.price {
		min-width: 70px;
	}
	.configurator-wrap .select-target.select-theme-default {
		width: 65%; 
	}
	.configurator-wrap .panel-heading .step {
		top: 11px;
		left: -40px;
		width: 30px;
		height: 30px;
		line-height: 30px;
	}
	
	.configurator-wrap #accordion::before {
		left: -7px;
	}
	.configurator-wrap .panel-heading::after {
		width: 50px;
		left: -50px;
	}
	.configurator-wrap .panel {
		margin: 0 !important;
	}
	.configurator-wrap .panel-body {
		padding-bottom: 0px; 
	}
	
	.conf_add_to_cart_button {
		margin-left: 0 !important;
	}
	.single-product .select.select-theme-default .select-content {
		width: 255px;
		max-width: 255px; 
	}
}

.configurator-wrap.request_quote .panel-body {
	padding-right: 30px;
}

.configurator-wrap.request_quote .cat-items-checkbox::before,
.configurator-wrap.request_quote .cat-items-select::before {
	content: unset;
	
}

