/* CONFIGURADOR */
.c-taronja { color: #f97c04}
#nav-luznegra h3, #nav-luznegra div, #nav-luznegra a {letter-spacing: 0.1em;}
.btn-heading.collapsed {background-color:#fff; border: 1px solid #eaeaea}

.luz-preguntes h3 {font-weight: 400; font-size:1.3rem; color:#232b2e}
a.luznegra-pregunta:hover, a.active { border-color: #f97c04 !important; opacity: 1;}
a.luznegra-pregunta { border: 1px solid transparent; opacity: 1;}

a.luzpregunta-btn { display: block; background-color: #686868; color: #FFF; font-weight: 400; letter-spacing: 0.2em;}
a.luzpregunta-btn:hover, a.luzpregunta-btn.active { background-color: #f97c04 !important;}

.position-ajuda {position:absolute; right: 30px; top: 15px; -webkit-transform: translateX(30%); -o-transform: translateX(30%); transform: translateX(30%); color:#f97c04; width:20px;}

.luz-preguntes select option:disabled { color: #cfcfcf;}

.control { background-color: #fff; border: 1px solid #cecece; width: 100%; padding: 10px 15px; color: #000; margin-bottom: 15px;
	height: 46px;}
.control option { color: #000;}
.block-label { margin-bottom: -13px; z-index: 99; position: relative;}
.block-label label { background-color: #f97c04; padding: 0 10px; font-size: .875em; margin-left: 15px;
	margin-bottom: 0;}
.escollits-item { padding-bottom: 1rem}
.escollit-config-luznegra {
    position: -webkit-sticky; /* Safari */
    position: sticky;
    top: 125px;
}
.resposta-escollit span { font-weight: 300; font-size:0.875rem}
.group-extra .btn-continuar {border:1px solid #fff; /* margin-left:15px */}
.group-extra button.btn {padding:10px!important; background-color: #fff; color:#000}
.group-extra button.btn:hover {background-color: #b0b0b0;}
.group-extra label {font-size:0.75rem}
.titol-escollit {background-color: #eff2f3; padding:5px 15px; border-radius:20px; font-weight: 300;}


.luz-preguntes .btn-heading [type=button]:not(.collapsed) {background-color: #fff;}


.btn-continuar {background-color: #f97c04;}

.bg-left, .bg-right {background-color: #fff; border: 1px solid #eaeaea; height:100%}
.bg-left {border-top-left-radius: 20px; font-weight:300; font-size: 0.875rem;}
.bg-left .block {margin-bottom:30px}
.bg-left .block .fa-check-circle {color: #19e093; margin-right: 5px; position: absolute; left: 3px; top: 5px;}
.bg-left .nom {font-size: 1rem; color:#262a2e; background-color: #eff2f3; padding: 5px 15px; border-radius: 10px; margin-bottom:15px}
.bg-left .list {margin-bottom: 5px; padding-left:25px; padding-right:5px; position: relative;}
.bg-right {border-top-right-radius: 20px;}

.resposta-resum { font-size: 0.9rem; font-weight: 300; letter-spacing: 0;}
.precio { background-color: #e7e7e7; font-size: 1.1rem}
.precio-final { font-size: 1.3rem}

.disabled-link-content { display: none; position: absolute; width: 100%; height: 100%; color: #000; padding-left: 5px; padding-top: 5px; text-align: left }
.disabled-link .disabled-link-content { display: block; }
.disabled-link-content span { background-color: rgba(249, 124, 4, 0.3)}

.tipoleds_sub .bootstrap-select { width: 100%!important;}
.tipoleds_sub .bootstrap-select button { background-color: white;}
.tipoleds_sub .bootstrap-select .btn {color:black!important}
.tipoleds_sub .bootstrap-select .dropdown-menu { left: 0!important; right: auto!important; width: 100% !important; transform: none !important; min-width:100px!important}
.tipoleds_sub .bootstrap-select .dropdown-menu .dropdown-item:active {background-color: #eff2f3;}



#tipoled_elegir_led .dropdown-toggle::after {border:none}
#tipoled_elegir_led .lupa {position: absolute; right: 35px; top: 20px;}
.p-15-btn {padding: 15px; background-color: #f97c04; color: #FFFFFF; margin-bottom: 10px;}
.btn.btn-altre{background-color: #000; color:#fff; border:1px solid #000;}
.btns-finals button {width:100%}
@media (min-width: 576px){
	.btns-finals button {width:385px}
}