body.fence-builder { padding-bottom: 80px; } body.fence-builder .footer-bottom { display: none !important; } body.fence-builder .button-container { } body.fence-builder .button-container > label { display: inline-block; font-family: 'Barlow', sans-serif; font-weight: 600; font-style: normal; font-size: 13px; line-height: 18px; color: #282d33; text-transform: uppercase; padding: 39px 5px; border: solid 2px #282d33; background-color: transparent; text-align: center; user-select: none; -webkit-transition: color .2s ease, background-color .2s ease, border .2s ease; -moz-transition: color .2s ease, background-color .2s ease, border .2s ease; -ms-transition: color .2s ease, background-color .2s ease, border .2s ease; -o-transition: color .2s ease, background-color .2s ease, border .2s ease; transition: color .2s ease, background-color .2s ease, border .2s ease; -webkit-appearance: none; cursor: pointer; float: left; margin-right: 25px; margin-bottom: 25px; width: calc(25% - 25px); box-sizing: border-box; } body.fence-builder .button-container > input[type="radio"]:checked + label, body.fence-builder .button-container > label:hover, body.fence-builder .button-container > label:active, body.fence-builder .button-container > label:focus { background-color: #282d33; color: #ffffff; } body.fence-builder .button-container > input[type="radio"] { display: none; } body.fence-builder .button-container-style > label { -webkit-appearance: none; cursor: pointer; float: left; margin-right: 25px; margin-bottom: 25px; width: calc(25% - 25px); box-sizing: border-box; padding: 6px 7px; } body.fence-builder .button-container-style > label > div { height: 1px !important; padding-bottom: 80%; box-sizing: border-box; position: relative; border-top: 4px solid #282d33; border-bottom: 4px solid #282d33; -webkit-print-color-adjust: exact !important; color-adjust: exact !important; background: repeating-linear-gradient(90deg, #fff 0%, #fff 5%, #282d33 5%, #282d33 6.75%, #fff 6.75%, #fff 7.5%); } body.fence-builder .button-container-style > label > div > span { position: absolute; top: 0; bottom: 0; right: 0; left: 0; display: block; width: 100%; height: 100%; } body.fence-builder .button-container-style > label > div > span:first-child::before { content: ""; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 15%; background-color: #282d33; border-bottom: 4px solid #282d33; } body.fence-builder .button-container-style > label[for="type1PanelStyle"] > div > span:first-child::before { background: repeating-linear-gradient(90deg, #fff 0%, #fff 5%, #282d33 5%, #282d33 6.75%, #fff 6.75%, #fff 22.5%); } body.fence-builder .button-container-style > label[for="type2PanelStyle"] > div > span:first-child::before { background: repeating-linear-gradient(90deg, #fff 0%, #fff 5%, #282d33 5%, #282d33 6.75%, #fff 6.75%, #fff 7.5%); } body.fence-builder .button-container-style > label > div > span.spigot::before, body.fence-builder .button-container-style > label > div > span.spigot::after { content: ""; display: block; position: absolute; top: -10px; height: 100%; height: calc(100% + 20px); background-color: #282d33; width: 7px; } body.fence-builder .button-container-style > label > div > span.spigot::before { left: -7px; } body.fence-builder .button-container-style > label > div > span.spigot::after { right: -7px; } body.fence-builder .button-container-style > label > div > span:last-child { display: none; position: absolute; top: 5px; bottom: auto; right: 4px; left: auto; width: auto; height: auto; font-size: 14px; line-height: 14px; font-weight: 500; color: #fff; background-color: #282d33; padding: 5px; } body.fence-builder .button-container-style > input[type="radio"]:checked + label > div > span:last-child { display: block; } body.fence-builder .button-container-style > input[type="radio"] { display: none; } body.fence-builder .noDoorSelect.Man { display: block; } body.fence-builder .singleDoorSelect.Man, body.fence-builder .doubleDoorSelect.Man { display: none; } body.fence-builder .Man { display: none; } .webpriceCol { display: none; } .clearfix::after { display: block; content: ""; clear: both; } #builderSteps { min-height: 100vh; } #builderSteps .builder-error { color :#dc3232; } input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } #builderSteps input[type="number"] { appearance: none; -webkit-appearance: none; -moz-appearance: textfield; } body.fence-builder .main-header { background-color: transparent !important; } body.fence-builder .header-right { display: none; } body.fence-builder .header-right .header-top { visibility: hidden; pointer-events: none; } .builderLoading { opacity: .5; pointer-events: none !important; } .currentSideTop { margin-top: 3%; margin-bottom: 0%; } .currentTopSides { padding-right: 40px; color: #ccc; position: relative; display: inline-block; } .currentTopSides.active { color: #282d33; } .currentTopSides.active::after { content: ""; position: absolute; bottom: -4px; left: 0; right: 40px; height: 2px; background-color: #282d33; } .currentSides > * { float: left; min-height: 1px; margin-bottom: 20px; } .currentSides > .converterWrapper { width: calc( (100% - 380px) / 2); min-width: 350px; } .currentSides > .spanLength { width: calc( (100% - 380px) / 2); min-width: 260px; } .currentSides > .nosingLength { width: 380px; padding-right: 0 !important; /*min-width: 420px;*/ } .currentSides > .nosingLength > .nosingLengthChild { float: left; width: 50%; } .currentSides > .DoorContainer { width: 40%; } .currentSides > .resultsPapa { width: 100% !important; margin-top: 2%; } .currentSides > .resultsPapa.resultsPapaScroll { overflow-x: scroll !important; } .currentSides > .DoorButtonContainer { clear: both; } .currentSides > .resultsPapa > .results { min-height: 160px; } .currentSides > .resultsPapa > .results, .currentSides > .listProducts { position: relative; width: 100%; clear: both; } .currentSides > .resultsPapa::after { display: block; content: ""; clear: both; } .currentSides > .resultsPapa > .results { margin-top: 1%; margin-bottom: 4%; display: inline-block; float: left; clear: both; } .currentSides > .resultsPapa > .resultsUnits, .currentSides > .resultsPapa > .resultsUnitsTotal { width: 100%; min-height: 1px; display: inline-block; float: left; clear: both; } .currentSides > .resultsPapa > .results > .murGauche, .currentSides > .resultsPapa > .results > .murDroit { position: absolute; top: 0; left: 0; bottom: 0; width: 60px; overflow: hidden; z-index: 1; } .currentSides > .resultsPapa > .results > .murDroit { left: auto; right: 0; } .currentSides > .resultsPapa > .results > .murGauche > .murGaucheInner, .currentSides > .resultsPapa > .results > .murDroit > .murDroitInner { position: absolute; top: 0; left: 0; right: 0; bottom: 0; } .currentSides > .resultsPapa > .results > .murGauche > .murGaucheInner input[type="radio"], .currentSides > .resultsPapa > .results > .murDroit > .murDroitInner input[type="radio"] { display: none !important; } .currentSides > .resultsPapa > .results > .murGauche > .murGaucheInner label, .currentSides > .resultsPapa > .results > .murDroit > .murDroitInner label { position: absolute; left: 0; right: 0; border: 1px solid rgba(152, 152, 152, .5); cursor: pointer; background-position: center; background-repeat: no-repeat; transition: background-color .2s ease; } .currentSides > .resultsPapa > .results > .murGauche > .murGaucheInner input[type="radio"]:checked + label, .currentSides > .resultsPapa > .results > .murDroit > .murDroitInner input[type="radio"]:checked + label { background-color: #939699; } .currentSides > .resultsPapa > .results > .murGauche > .murGaucheInner label.wall_label_1 { top: 0; bottom: 70%; background-image: url("/wp-content/themes/prosotheme-v2-child/fence-builder/images/wall1left.png"); } .currentSides > .resultsPapa > .results > .murDroit > .murDroitInner label.wall_label_1 { top: 0; bottom: 70%; background-image: url("/wp-content/themes/prosotheme-v2-child/fence-builder/images/wall1right.png"); } .currentSides > .resultsPapa > .results > .murGauche > .murGaucheInner label.wall_label_2, .currentSides > .resultsPapa > .results > .murDroit > .murDroitInner label.wall_label_2 { top: 35%; bottom: 35%; background-image: url("/wp-content/themes/prosotheme-v2-child/fence-builder/images/wall2.png"); } .currentSides > .resultsPapa > .results > .murGauche > .murGaucheInner label.wall_label_3 { top: 70%; bottom: 0; background-image: url("/wp-content/themes/prosotheme-v2-child/fence-builder/images/wall3left.png"); } .currentSides > .resultsPapa > .results > .murDroit > .murDroitInner label.wall_label_3 { top: 70%; bottom: 0; background-image: url("/wp-content/themes/prosotheme-v2-child/fence-builder/images/wall3right.png"); } /*.currentSides > .resultsPapa > .results > .murGauche > .murGaucheInner, .currentSides > .resultsPapa > .results > .murDroit > .murDroitInner { transform: translateY(-50%) rotate(270deg); width: 1000px; height: 60px; transform-origin: 50% 50%; position: absolute; top: 50%; right: -1000px; left: -1000px; margin-left: auto; margin-right: auto; text-align: center; } .currentSides > .resultsPapa > .results > .murGauche > .murGaucheInner label, .currentSides > .resultsPapa > .results > .murDroit > .murDroitInner label { cursor: pointer; background-color: #fff; color: #282d33; transition: background-color .2s ease, color .2s ease; } .currentSides > .resultsPapa > .results > .murGauche > .murGaucheInner.active label, .currentSides > .resultsPapa > .results > .murDroit > .murDroitInner.active label { background-color: #282d33; color: #fff; } .currentSides > .resultsPapa > .results > .murGauche label, .currentSides > .resultsPapa > .results > .murDroit label { padding-top: 12px; padding-bottom: 20px; width: 650px; display: block; margin: auto; } .currentSides > .resultsPapa > .results > .murGauche input, .currentSides > .resultsPapa > .results > .murDroit input { display: none !important; } .currentSides > .resultsPapa > .results > .murDroit > .murDroitInner { transform: translateY(-50%) rotate(90deg); }*/ .buttonContainer #modeAuto, .buttonContainer #modeMan { margin-top: 15px; padding: 10px 20px; } .buttonContainer .dist-btn + .dist-btn { margin-left: 15px; } .buttonContainer #modeAuto.enable, .buttonContainer #modeMan.enable { color: #282D33; background: linear-gradient(315deg, #37DDFC 0%, #37DDFC 62.85%); } /*.currentSides > .resultsPapa > .results > .murGauche label::before, .currentSides > .resultsPapa > .results > .murDroit label::before { content: ""; display: block; position: absolute; top: 0; left: 0; bottom: 0; right: 0; }*/ #AllSidesOverview > h4, #AllSidesOverview > .AllSidesOverviewBox > h4 { margin-top: 100px; } #AllSidesOverview > div::after, #AllSidesOverview > div > div::after, #AllSidesOverview > .AllSidesOverviewBox > div::after, #AllSidesOverview > .AllSidesOverviewBox > div > div::after, .currentSides > .resultsPapa::after, .currentSides::after, .nosingLength::after, .nosingLengthChild::after { display: block; content: ""; clear: both; } #AllSidesOverview > .AllSidesOverviewBox > div { padding: 0 15px; } .currentSides > .resultsPapa > .results > .resultsInner[data-projecttype='aluminium'], .currentSides > .resultsPapa > .resultsUnits > .resultsUnitsInner[data-projecttype='aluminium'], .currentSides > .resultsPapa > .results > .resultsInner[data-projecttype='harmony'], .currentSides > .resultsPapa > .resultsUnits > .resultsUnitsInner[data-projecttype='harmony'], .currentSides > .resultsPapa > .results > .resultsInner[data-projecttype='harmony2'], .currentSides > .resultsPapa > .resultsUnits > .resultsUnitsInner[data-projecttype='harmony2'], .currentSides > .resultsPapa > .results > .resultsInner[data-projecttype='vista'], .currentSides > .resultsPapa > .resultsUnits > .resultsUnitsInner[data-projecttype='vista'], .currentSides > .resultsPapa > .results > .resultsInner[data-projecttype='rampes'], .currentSides > .resultsPapa > .resultsUnits > .resultsUnitsInner[data-projecttype='rampes'], #AllSidesOverview > *[data-projecttype='aluminium'] > .AllSidesOverviewResultInner, #AllSidesOverview > *[data-projecttype='aluminium'] > .AllSidesOverviewResultsUnitsInner, #AllSidesOverview > *[data-projecttype='aluminium'] > .AllSidesOverviewResultsUnitsTotalInner, #AllSidesOverview > *[data-projecttype='aluminium'] > .AllSidesOverviewResultsUnitsBelowInner, #AllSidesOverview > *[data-projecttype='harmony'] > .AllSidesOverviewResultInner, #AllSidesOverview > *[data-projecttype='harmony'] > .AllSidesOverviewResultsUnitsInner, #AllSidesOverview > *[data-projecttype='harmony'] > .AllSidesOverviewResultsUnitsTotalInner, #AllSidesOverview > *[data-projecttype='harmony'] > .AllSidesOverviewResultsUnitsBelowInner, #AllSidesOverview > *[data-projecttype='harmony2'] > .AllSidesOverviewResultInner, #AllSidesOverview > *[data-projecttype='harmony2'] > .AllSidesOverviewResultsUnitsInner, #AllSidesOverview > *[data-projecttype='harmony2'] > .AllSidesOverviewResultsUnitsTotalInner, #AllSidesOverview > *[data-projecttype='harmony2'] > .AllSidesOverviewResultsUnitsBelowInner, #AllSidesOverview > *[data-projecttype='vista'] > .AllSidesOverviewResultInner, #AllSidesOverview > *[data-projecttype='vista'] > .AllSidesOverviewResultsUnitsInner, #AllSidesOverview > *[data-projecttype='vista'] > .AllSidesOverviewResultsUnitsTotalInner, #AllSidesOverview > *[data-projecttype='vista'] > .AllSidesOverviewResultsUnitsBelowInner, #AllSidesOverview > *[data-projecttype='rampes'] > .AllSidesOverviewResultInner, #AllSidesOverview > *[data-projecttype='rampes'] > .AllSidesOverviewResultsUnitsInner, #AllSidesOverview > *[data-projecttype='rampes'] > .AllSidesOverviewResultsUnitsTotalInner, #AllSidesOverview > *[data-projecttype='rampes'] > .AllSidesOverviewResultsUnitsBelowInner, #AllSidesOverview > *[data-projecttype='glass'] > .AllSidesOverviewResultInner, #AllSidesOverview > *[data-projecttype='glass'] > .AllSidesOverviewResultsUnitsInner, #AllSidesOverview > *[data-projecttype='glass'] > .AllSidesOverviewResultsUnitsTotalInner, #AllSidesOverview > *[data-projecttype='glass'] > .AllSidesOverviewResultsUnitsBelowInner, #AllSidesOverview > .AllSidesOverviewBox > *[data-projecttype='aluminium'] > .AllSidesOverviewResultInner, #AllSidesOverview > .AllSidesOverviewBox > *[data-projecttype='aluminium'] > .AllSidesOverviewResultsUnitsInner, #AllSidesOverview > .AllSidesOverviewBox > *[data-projecttype='aluminium'] > .AllSidesOverviewResultsUnitsTotalInner, #AllSidesOverview > .AllSidesOverviewBox > *[data-projecttype='aluminium'] > .AllSidesOverviewResultsUnitsBelowInner, #AllSidesOverview > .AllSidesOverviewBox > *[data-projecttype='harmony'] > .AllSidesOverviewResultInner, #AllSidesOverview > .AllSidesOverviewBox > *[data-projecttype='harmony'] > .AllSidesOverviewResultsUnitsInner, #AllSidesOverview > .AllSidesOverviewBox > *[data-projecttype='harmony'] > .AllSidesOverviewResultsUnitsTotalInner, #AllSidesOverview > .AllSidesOverviewBox > *[data-projecttype='harmony'] > .AllSidesOverviewResultsUnitsBelowInner, #AllSidesOverview > .AllSidesOverviewBox > *[data-projecttype='harmony2'] > .AllSidesOverviewResultInner, #AllSidesOverview > .AllSidesOverviewBox > *[data-projecttype='harmony2'] > .AllSidesOverviewResultsUnitsInner, #AllSidesOverview > .AllSidesOverviewBox > *[data-projecttype='harmony2'] > .AllSidesOverviewResultsUnitsTotalInner, #AllSidesOverview > .AllSidesOverviewBox > *[data-projecttype='harmony2'] > .AllSidesOverviewResultsUnitsBelowInner, #AllSidesOverview > .AllSidesOverviewBox > *[data-projecttype='vista'] > .AllSidesOverviewResultInner, #AllSidesOverview > .AllSidesOverviewBox > *[data-projecttype='vista'] > .AllSidesOverviewResultsUnitsInner, #AllSidesOverview > .AllSidesOverviewBox > *[data-projecttype='vista'] > .AllSidesOverviewResultsUnitsTotalInner, #AllSidesOverview > .AllSidesOverviewBox > *[data-projecttype='vista'] > .AllSidesOverviewResultsUnitsBelowInner, #AllSidesOverview > .AllSidesOverviewBox > *[data-projecttype='rampes'] > .AllSidesOverviewResultInner, #AllSidesOverview > .AllSidesOverviewBox > *[data-projecttype='rampes'] > .AllSidesOverviewResultsUnitsInner, #AllSidesOverview > .AllSidesOverviewBox > *[data-projecttype='rampes'] > .AllSidesOverviewResultsUnitsTotalInner, #AllSidesOverview > .AllSidesOverviewBox > *[data-projecttype='rampes'] > .AllSidesOverviewResultsUnitsBelowInner, #AllSidesOverview > .AllSidesOverviewBox > *[data-projecttype='glass'] > .AllSidesOverviewResultInner, #AllSidesOverview > .AllSidesOverviewBox > *[data-projecttype='glass'] > .AllSidesOverviewResultsUnitsInner, #AllSidesOverview > .AllSidesOverviewBox > *[data-projecttype='glass'] > .AllSidesOverviewResultsUnitsTotalInner, #AllSidesOverview > .AllSidesOverviewBox > *[data-projecttype='glass'] > .AllSidesOverviewResultsUnitsBelowInner { width: 100%; margin-left: 0; } #AllSidesOverview > *[data-projecttype='aluminium'] > .AllSidesOverviewResultsUnitsInner, #AllSidesOverview > *[data-projecttype='harmony'] > .AllSidesOverviewResultsUnitsInner, #AllSidesOverview > *[data-projecttype='harmony2'] > .AllSidesOverviewResultsUnitsInner, #AllSidesOverview > *[data-projecttype='vista'] > .AllSidesOverviewResultsUnitsInner, #AllSidesOverview > *[data-projecttype='rampes'] > .AllSidesOverviewResultsUnitsInner, #AllSidesOverview > *[data-projecttype='glass'] > .AllSidesOverviewResultsUnitsInner, #AllSidesOverview > .AllSidesOverviewBox > *[data-projecttype='aluminium'] > .AllSidesOverviewResultsUnitsInner, #AllSidesOverview > .AllSidesOverviewBox > *[data-projecttype='harmony'] > .AllSidesOverviewResultsUnitsInner, #AllSidesOverview > .AllSidesOverviewBox > *[data-projecttype='harmony2'] > .AllSidesOverviewResultsUnitsInner, #AllSidesOverview > .AllSidesOverviewBox > *[data-projecttype='vista'] > .AllSidesOverviewResultsUnitsInner, #AllSidesOverview > .AllSidesOverviewBox > *[data-projecttype='rampes'] > .AllSidesOverviewResultsUnitsInner, #AllSidesOverview > .AllSidesOverviewBox > *[data-projecttype='glass'] > .AllSidesOverviewResultsUnitsInner { margin-bottom: 40px; } #AllSidesOverview > *[data-projecttype='aluminium'] > .AllSidesOverviewResultsUnitsBelowInner, #AllSidesOverview > *[data-projecttype='harmony'] > .AllSidesOverviewResultsUnitsBelowInner, #AllSidesOverview > *[data-projecttype='harmony2'] > .AllSidesOverviewResultsUnitsBelowInner, #AllSidesOverview > *[data-projecttype='vista'] > .AllSidesOverviewResultsUnitsBelowInner, #AllSidesOverview > *[data-projecttype='rampes'] > .AllSidesOverviewResultsUnitsBelowInner, #AllSidesOverview > *[data-projecttype='glass'] > .AllSidesOverviewResultsUnitsBelowInner, #AllSidesOverview > .AllSidesOverviewBox > *[data-projecttype='aluminium'] > .AllSidesOverviewResultsUnitsBelowInner, #AllSidesOverview > .AllSidesOverviewBox > *[data-projecttype='harmony'] > .AllSidesOverviewResultsUnitsBelowInner, #AllSidesOverview > .AllSidesOverviewBox > *[data-projecttype='harmony2'] > .AllSidesOverviewResultsUnitsBelowInner, #AllSidesOverview > .AllSidesOverviewBox > *[data-projecttype='vista'] > .AllSidesOverviewResultsUnitsBelowInner, #AllSidesOverview > .AllSidesOverviewBox > *[data-projecttype='rampes'] > .AllSidesOverviewResultsUnitsBelowInner, #AllSidesOverview > .AllSidesOverviewBox > *[data-projecttype='glass'] > .AllSidesOverviewResultsUnitsBelowInner { margin-top: 40px; padding-bottom: 65px; } .currentSides > .resultsPapa > .results > .resultsInner[data-projecttype='glass'], .currentSides > .resultsPapa > .resultsUnits > .resultsUnitsInner[data-projecttype='glass'], .currentSides > .resultsPapa > .resultsUnitsTotal > .resultsUnitsTotalInner[data-projecttype='glass'] { width: calc(100% - 180px); margin-left: 90px; } .currentSides > .resultsPapa > .results > .resultsInner[data-projecttype='aluminium'] > *, #AllSidesOverview > *[data-projecttype='aluminium'] > .AllSidesOverviewResultInner > *, #AllSidesOverview > .AllSidesOverviewBox > *[data-projecttype='aluminium'] > .AllSidesOverviewResultInner > * { /*background: repeating-linear-gradient( 90deg, #fff 0%, #fff 4%, #282d33 4%, #282d33 6%, #fff 6%, #fff 11% );*/ height: 1px !important; float: left; box-sizing: border-box; position: relative; border-top: 4px solid #282d33; border-bottom: 4px solid #282d33; -webkit-print-color-adjust: exact !important; color-adjust: exact !important; } .currentSides > .resultsPapa > .results > .resultsInner[data-projecttype='harmony'] > *, #AllSidesOverview > *[data-projecttype='harmony'] > .AllSidesOverviewResultInner > *, #AllSidesOverview > .AllSidesOverviewBox > *[data-projecttype='harmony'] > .AllSidesOverviewResultInner > *, .currentSides > .resultsPapa > .results > .resultsInner[data-projecttype='harmony2'] > *, #AllSidesOverview > *[data-projecttype='harmony2'] > .AllSidesOverviewResultInner > *, #AllSidesOverview > .AllSidesOverviewBox > *[data-projecttype='harmony2'] > .AllSidesOverviewResultInner > * { height: 1px !important; float: left; box-sizing: border-box; position: relative; border-top: 4px solid #282d33; border-bottom: 4px solid #282d33; background: #6C6E70; -webkit-print-color-adjust: exact !important; color-adjust: exact !important; } .currentSides > .resultsPapa > .results > .resultsInner[data-projecttype='vista'] > *, #AllSidesOverview > *[data-projecttype='vista'] > .AllSidesOverviewResultInner > *, #AllSidesOverview > .AllSidesOverviewBox > *[data-projecttype='vista'] > .AllSidesOverviewResultInner > * { height: 1px !important; float: left; box-sizing: border-box; position: relative; background: repeating-linear-gradient(180deg, #6C6E70 0%, #6C6E70 19%, #fff 19%, #fff 27%, #6C6E70 27%, #6C6E70 46%, #fff 46%, #fff 54%, #6C6E70 54%, #6C6E70 73%, #fff 73%, #fff 81%, #6C6E70 81%, #6C6E70 100%); background: repeating-linear-gradient(180deg, #6C6E70 0%, #6C6E70 22%, #fff 22%, #fff 26%, #6C6E70 26%, #6C6E70 48%, #fff 48%, #fff 52%, #6C6E70 52%, #6C6E70 74%, #fff 74%, #fff 78%, #6C6E70 78%, #6C6E70 100%); -webkit-print-color-adjust: exact !important; color-adjust: exact !important; } .currentSides > .resultsPapa > .results > .resultsInner[data-projecttype='rampes'] > *, #AllSidesOverview > *[data-projecttype='rampes'] > .AllSidesOverviewResultInner > *, #AllSidesOverview > .AllSidesOverviewBox > *[data-projecttype='rampes'] > .AllSidesOverviewResultInner > * { /*background: repeating-linear-gradient( 90deg, #fff 0%, #fff 4%, #282d33 4%, #282d33 6%, #fff 6%, #fff 11% );*/ height: 1px !important; float: left; box-sizing: border-box; position: relative; border-top: 4px solid #282d33; border-bottom: 4px solid #282d33; -webkit-print-color-adjust: exact !important; color-adjust: exact !important; } .currentSides > .resultsPapa > .results > .resultsInner[data-projecttype='glass'] > *, #AllSidesOverview > *[data-projecttype='glass'] > .AllSidesOverviewResultInner > *, #AllSidesOverview > .AllSidesOverviewBox > *[data-projecttype='glass'] > .AllSidesOverviewResultInner > * { border: 1px solid rgba(152, 152, 152, .5); height: 1px !important; float: left; box-sizing: border-box; position: relative; } .currentSides > .resultsPapa > .results > .resultsInner > .editing { border: 1px solid #37DDFC; } .currentSides > .resultsPapa > .results > .resultsInner .edit-btn { left: calc(25% - 15px); top: 65%; width: 30px; height: 30px; text-align: center; background-color: #37DDFC; } .currentSides > .resultsPapa > .results > .resultsInner .cut-btn { left: calc(50% - 15px); top: 65%; width: 30px; height: 30px; text-align: center; background-color: #fC37BA; } .currentSides > .resultsPapa > .results > .resultsInner .remove-btn { left: calc(75% - 15px); top: 65%; width: 30px; height: 30px; text-align: center; background-color: #FC3737; } .currentSides > .resultsPapa > .resultsUnits > .resultsUnitsInner > *, .currentSides > .resultsPapa > .resultsUnitsTotal > .resultsUnitsTotalInner > *, .AllSidesOverviewResultsUnitsInner > *, .AllSidesOverviewResultsUnitsTotalInner > *, .AllSidesOverviewResultsUnitsBelowInner > * { float: left; box-sizing: border-box; position: relative; text-align: center; white-space: nowrap; } .currentSides > .resultsPapa > .results > .resultsInner > * > *, .AllSidesOverviewResultInner > * > * { position: absolute; top: 0; bottom: 0; right: 0; left: 0; display: block; width: 100%; height: 100%; } .currentSides > .resultsPapa > .results > .resultsInner[data-projecttype='glass'] > * > strong, #AllSidesOverview > *[data-projecttype='glass'] > .AllSidesOverviewResultInner > * > strong, #AllSidesOverview > .AllSidesOverviewBox > *[data-projecttype='glass'] > .AllSidesOverviewResultInner > * > strong { height: 17px; line-height: 17px; margin-top: auto; margin-bottom: auto; text-align: center; font-weight: 500; } .currentSides > .resultsPapa > .results > .resultsInner[data-projecttype='aluminium'] > * > strong, .currentSides > .resultsPapa > .results > .resultsInner[data-projecttype='harmony'] > * > strong, .currentSides > .resultsPapa > .results > .resultsInner[data-projecttype='harmony2'] > * > strong, .currentSides > .resultsPapa > .results > .resultsInner[data-projecttype='vista'] > * > strong, .currentSides > .resultsPapa > .results > .resultsInner[data-projecttype='rampes'] > * > strong, #AllSidesOverview > *[data-projecttype='aluminium'] > .AllSidesOverviewResultInner > * > strong, #AllSidesOverview > *[data-projecttype='harmony'] > .AllSidesOverviewResultInner > * > strong, #AllSidesOverview > *[data-projecttype='harmony2'] > .AllSidesOverviewResultInner > * > strong, #AllSidesOverview > *[data-projecttype='vista'] > .AllSidesOverviewResultInner > * > strong, #AllSidesOverview > *[data-projecttype='rampes'] > .AllSidesOverviewResultInner > * > strong, #AllSidesOverview > .AllSidesOverviewBox > *[data-projecttype='aluminium'] > .AllSidesOverviewResultInner > * > strong, #AllSidesOverview > .AllSidesOverviewBox > *[data-projecttype='harmony'] > .AllSidesOverviewResultInner > * > strong, #AllSidesOverview > .AllSidesOverviewBox > *[data-projecttype='harmony2'] > .AllSidesOverviewResultInner > * > strong, #AllSidesOverview > .AllSidesOverviewBox > *[data-projecttype='vista'] > .AllSidesOverviewResultInner > * > strong, #AllSidesOverview > .AllSidesOverviewBox > *[data-projecttype='rampes'] > .AllSidesOverviewResultInner > * > strong { height: 26px; line-height: 25px; margin: auto; text-align: center; font-weight: 500; border: 4px solid #282d33; max-width: 75px; background-color: white; } .currentSides > .resultsPapa > .results > .resultsInner[data-projecttype='glass'] > *:last-child, .currentSides > .resultsPapa > .resultsUnits > .resultsUnitsInner[data-projecttype='glass'] > *:last-child, #AllSidesOverview > *[data-projecttype='glass'] > .AllSidesOverviewResultInner > *:last-child, #AllSidesOverview > *[data-projecttype='glass'] > .AllSidesOverviewResultsUnitsInner > *:last-child, #AllSidesOverview > *[data-projecttype='glass'] > .AllSidesOverviewResultsUnitsTotalInner > *:last-child, #AllSidesOverview > *[data-projecttype='aluminium'] > .AllSidesOverviewResultInner > *:last-child, #AllSidesOverview > *[data-projecttype='aluminium'] > .AllSidesOverviewResultsUnitsInner > *:last-child, #AllSidesOverview > *[data-projecttype='aluminium'] > .AllSidesOverviewResultsUnitsTotalInner > *:last-child, #AllSidesOverview > *[data-projecttype='harmony'] > .AllSidesOverviewResultInner > *:last-child, #AllSidesOverview > *[data-projecttype='harmony'] > .AllSidesOverviewResultsUnitsInner > *:last-child, #AllSidesOverview > *[data-projecttype='harmony'] > .AllSidesOverviewResultsUnitsTotalInner > *:last-child, #AllSidesOverview > *[data-projecttype='harmony2'] > .AllSidesOverviewResultInner > *:last-child, #AllSidesOverview > *[data-projecttype='harmony2'] > .AllSidesOverviewResultsUnitsInner > *:last-child, #AllSidesOverview > *[data-projecttype='harmony2'] > .AllSidesOverviewResultsUnitsTotalInner > *:last-child, #AllSidesOverview > *[data-projecttype='vista'] > .AllSidesOverviewResultInner > *:last-child, #AllSidesOverview > *[data-projecttype='vista'] > .AllSidesOverviewResultsUnitsInner > *:last-child, #AllSidesOverview > *[data-projecttype='vista'] > .AllSidesOverviewResultsUnitsTotalInner > *:last-child, #AllSidesOverview > *[data-projecttype='rampes'] > .AllSidesOverviewResultInner > *:last-child, #AllSidesOverview > *[data-projecttype='rampes'] > .AllSidesOverviewResultsUnitsInner > *:last-child, #AllSidesOverview > *[data-projecttype='rampes'] > .AllSidesOverviewResultsUnitsTotalInner > *:last-child, #AllSidesOverview > .AllSidesOverviewBox > *[data-projecttype='glass'] > .AllSidesOverviewResultInner > *:last-child, #AllSidesOverview > .AllSidesOverviewBox > *[data-projecttype='glass'] > .AllSidesOverviewResultsUnitsInner > *:last-child, #AllSidesOverview > .AllSidesOverviewBox > *[data-projecttype='glass'] > .AllSidesOverviewResultsUnitsTotalInner > *:last-child, #AllSidesOverview > .AllSidesOverviewBox > *[data-projecttype='aluminium'] > .AllSidesOverviewResultInner > *:last-child, #AllSidesOverview > .AllSidesOverviewBox > *[data-projecttype='aluminium'] > .AllSidesOverviewResultsUnitsInner > *:last-child, #AllSidesOverview > .AllSidesOverviewBox > *[data-projecttype='aluminium'] > .AllSidesOverviewResultsUnitsTotalInner > *:last-child, #AllSidesOverview > .AllSidesOverviewBox > *[data-projecttype='harmony'] > .AllSidesOverviewResultInner > *:last-child, #AllSidesOverview > .AllSidesOverviewBox > *[data-projecttype='harmony'] > .AllSidesOverviewResultsUnitsInner > *:last-child, #AllSidesOverview > .AllSidesOverviewBox > *[data-projecttype='harmony'] > .AllSidesOverviewResultsUnitsTotalInner > *:last-child, #AllSidesOverview > .AllSidesOverviewBox > *[data-projecttype='harmony2'] > .AllSidesOverviewResultInner > *:last-child, #AllSidesOverview > .AllSidesOverviewBox > *[data-projecttype='harmony2'] > .AllSidesOverviewResultsUnitsInner > *:last-child, #AllSidesOverview > .AllSidesOverviewBox > *[data-projecttype='harmony2'] > .AllSidesOverviewResultsUnitsTotalInner > *:last-child, #AllSidesOverview > .AllSidesOverviewBox > *[data-projecttype='vista'] > .AllSidesOverviewResultInner > *:last-child, #AllSidesOverview > .AllSidesOverviewBox > *[data-projecttype='vista'] > .AllSidesOverviewResultsUnitsInner > *:last-child, #AllSidesOverview > .AllSidesOverviewBox > *[data-projecttype='vista'] > .AllSidesOverviewResultsUnitsTotalInner > *:last-child, #AllSidesOverview > .AllSidesOverviewBox > *[data-projecttype='rampes'] > .AllSidesOverviewResultInner > *:last-child, #AllSidesOverview > .AllSidesOverviewBox > *[data-projecttype='rampes'] > .AllSidesOverviewResultsUnitsInner > *:last-child, #AllSidesOverview > .AllSidesOverviewBox > *[data-projecttype='rampes'] > .AllSidesOverviewResultsUnitsTotalInner > *:last-child { margin-right: -100% !important; } .currentSides > .resultsPapa > .resultsUnits > .resultsUnitsInner[data-projecttype='glass'] > *, #AllSidesOverview > *[data-projecttype='glass'] > .AllSidesOverviewResultsUnitsInner > *, #AllSidesOverview > *[data-projecttype='glass'] > .AllSidesOverviewResultsUnitsTotalInner > *, #AllSidesOverview > .AllSidesOverviewBox > *[data-projecttype='glass'] > .AllSidesOverviewResultsUnitsInner > *, #AllSidesOverview > .AllSidesOverviewBox > *[data-projecttype='glass'] > .AllSidesOverviewResultsUnitsTotalInner > * { position: relative; } .currentSides > .resultsPapa > .resultsUnits > .resultsUnitsInner > *::before, .currentSides > .resultsPapa > .resultsUnitsTotal > .resultsUnitsTotalInner > *::before, .AllSidesOverviewResultsUnitsInner > *::before, .AllSidesOverviewResultsUnitsTotalInner > *::before, .AllSidesOverviewResultsUnitsBelowInner > *::before { content: ""; display: block; width: 100%; position: absolute; left: 0; bottom: 7px; border-bottom: 1px solid #6c6e70; height: 1px; box-sizing: content-box; } .currentSides > .resultsPapa > .resultsUnits > .resultsUnitsInner > *::after, .currentSides > .resultsPapa > .resultsUnitsTotal > .resultsUnitsTotalInner > *::after, .AllSidesOverviewResultsUnitsInner > *::after, .AllSidesOverviewResultsUnitsTotalInner > *::after, .AllSidesOverviewResultsUnitsBelowInner > *::after { content: ""; display: block; width: 100%; height: 15px; border-right: 1px solid #6c6e70; border-left: 1px solid #6c6e70; box-sizing: border-box; } .AllSidesOverviewResultsUnitsBelowInner > *:first-child::before { border-bottom: 0; } .AllSidesOverviewResultsUnitsBelowInner > *:first-child::after { border-left: 0; } .AllSidesOverviewResultsUnitsBelowInner > *:not(:first-child)::after { border-left: 0; } .AllSidesOverviewResultsUnitsBelowInner .fancyPanelUnit-below { position: absolute; top: 5px; right: -4px; transform: rotate(-60deg); transform-origin: right; } .currentSides > .resultsPapa > .results > .resultsInner[data-projecttype='glass'] > .fancyPanelType-door > *:last-child::before, .currentSides > .resultsPapa > .results > .resultsInner[data-projecttype='glass'] > .fancyPanelType-door > *:last-child::after, .currentSides > .resultsPapa > .results > .resultsInner[data-projecttype='glass'] > .fancyPanelType-doubledoor > *:last-child::after, #AllSidesOverview > *[data-projecttype='glass'] > .AllSidesOverviewResultInner > .fancyPanelType-door > *:last-child::before, #AllSidesOverview > *[data-projecttype='glass'] > .AllSidesOverviewResultInner > .fancyPanelType-door > *:last-child::after, #AllSidesOverview > *[data-projecttype='glass'] > .AllSidesOverviewResultInner > .fancyPanelType-doubledoor > *:last-child::after, #AllSidesOverview > .AllSidesOverviewBox > *[data-projecttype='glass'] > .AllSidesOverviewResultInner > .fancyPanelType-door > *:last-child::before, #AllSidesOverview > .AllSidesOverviewBox > *[data-projecttype='glass'] > .AllSidesOverviewResultInner > .fancyPanelType-door > *:last-child::after, #AllSidesOverview > .AllSidesOverviewBox > *[data-projecttype='glass'] > .AllSidesOverviewResultInner > .fancyPanelType-doubledoor > *:last-child::after { display: none !important; } .currentSides > .resultsPapa > .results > .resultsInner[data-projecttype='glass'] > .fancyPanelType-doubledoor > *:last-child::before, #AllSidesOverview > *[data-projecttype='glass'] > .AllSidesOverviewResultInner > .fancyPanelType-doubledoor > *:last-child::before, #AllSidesOverview > .AllSidesOverviewBox > *[data-projecttype='glass'] > .AllSidesOverviewResultInner > .fancyPanelType-doubledoor > *:last-child::before { width: 4% !important; } /* Start: Here are the spigot */ .currentSides > .resultsPapa > .results > .resultsInner[data-projecttype='glass'] > * > .spigot > [data-spigot], #AllSidesOverview > *[data-projecttype='glass'] > .AllSidesOverviewResultInner > * > .spigot [data-spigot], #AllSidesOverview > .AllSidesOverviewBox > *[data-projecttype='glass'] > .AllSidesOverviewResultInner > * > .spigot [data-spigot] { display: block; position: absolute; left: 10%; height: 0 !important; background-image: url("/wp-content/themes/prosotheme-v2-child/fence-builder/leg-squished.svg"); background-repeat: no-repeat; background-size: cover; background-position: center; -webkit-print-color-adjust: exact !important; color-adjust: exact !important; } .currentSides > .resultsPapa > .results > .resultsInner[data-projecttype='aluminium'] > * > .spigot::before, .currentSides > .resultsPapa > .results > .resultsInner[data-projecttype='aluminium'] > * > .spigot::after, .currentSides > .resultsPapa > .results > .resultsInner[data-projecttype='harmony'] > * > .spigot::before, .currentSides > .resultsPapa > .results > .resultsInner[data-projecttype='harmony'] > * > .spigot::after, .currentSides > .resultsPapa > .results > .resultsInner[data-projecttype='harmony2'] > * > .spigot::before, .currentSides > .resultsPapa > .results > .resultsInner[data-projecttype='harmony2'] > * > .spigot::after, .currentSides > .resultsPapa > .results > .resultsInner[data-projecttype='vista'] > * > .spigot::before, .currentSides > .resultsPapa > .results > .resultsInner[data-projecttype='vista'] > * > .spigot::after, .currentSides > .resultsPapa > .results > .resultsInner[data-projecttype='rampes'] > * > .spigot::before, .currentSides > .resultsPapa > .results > .resultsInner[data-projecttype='rampes'] > * > .spigot::after, #AllSidesOverview > *[data-projecttype='aluminium'] > .AllSidesOverviewResultInner > * > .spigot::before, #AllSidesOverview > *[data-projecttype='aluminium'] > .AllSidesOverviewResultInner > * > .spigot::after, #AllSidesOverview > *[data-projecttype='harmony'] > .AllSidesOverviewResultInner > * > .spigot::before, #AllSidesOverview > *[data-projecttype='harmony'] > .AllSidesOverviewResultInner > * > .spigot::after, #AllSidesOverview > *[data-projecttype='harmony2'] > .AllSidesOverviewResultInner > * > .spigot::before, #AllSidesOverview > *[data-projecttype='harmony2'] > .AllSidesOverviewResultInner > * > .spigot::after, #AllSidesOverview > *[data-projecttype='vista'] > .AllSidesOverviewResultInner > * > .spigot::before, #AllSidesOverview > *[data-projecttype='vista'] > .AllSidesOverviewResultInner > * > .spigot::after, #AllSidesOverview > *[data-projecttype='rampes'] > .AllSidesOverviewResultInner > * > .spigot::before, #AllSidesOverview > *[data-projecttype='rampes'] > .AllSidesOverviewResultInner > * > .spigot::after, #AllSidesOverview > .AllSidesOverviewBox > *[data-projecttype='aluminium'] > .AllSidesOverviewResultInner > * > .spigot::before, #AllSidesOverview > .AllSidesOverviewBox > *[data-projecttype='aluminium'] > .AllSidesOverviewResultInner > * > .spigot::after, #AllSidesOverview > .AllSidesOverviewBox > *[data-projecttype='harmony'] > .AllSidesOverviewResultInner > * > .spigot::before, #AllSidesOverview > .AllSidesOverviewBox > *[data-projecttype='harmony'] > .AllSidesOverviewResultInner > * > .spigot::after, #AllSidesOverview > .AllSidesOverviewBox > *[data-projecttype='harmony2'] > .AllSidesOverviewResultInner > * > .spigot::before, #AllSidesOverview > .AllSidesOverviewBox > *[data-projecttype='harmony2'] > .AllSidesOverviewResultInner > * > .spigot::after, #AllSidesOverview > .AllSidesOverviewBox > *[data-projecttype='vista'] > .AllSidesOverviewResultInner > * > .spigot::before, #AllSidesOverview > .AllSidesOverviewBox > *[data-projecttype='vista'] > .AllSidesOverviewResultInner > * > .spigot::after, #AllSidesOverview > .AllSidesOverviewBox > *[data-projecttype='rampes'] > .AllSidesOverviewResultInner > * > .spigot::before, #AllSidesOverview > .AllSidesOverviewBox > *[data-projecttype='rampes'] > .AllSidesOverviewResultInner > * > .spigot::after { content: ""; display: block; position: absolute; top: -10px; height: 100%; height: calc(100% + 22px); background-color: #282d33; } .currentSides > .resultsPapa > .results > .resultsInner[data-projecttype='aluminium'] > * > *:first-child::before, #AllSidesOverview > *[data-projecttype='aluminium'] > .AllSidesOverviewResultInner > * > *:first-child::before, #AllSidesOverview > .AllSidesOverviewBox > *[data-projecttype='aluminium'] > .AllSidesOverviewResultInner > * > *:first-child::before { content: ""; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 15%; background-color: #282d33; border-bottom: 4px solid #282d33; } .currentSides > .resultsPapa > .results > .resultsInner[data-projecttype='rampes'] > * > *:first-child::before, #AllSidesOverview > *[data-projecttype='rampes'] > .AllSidesOverviewResultInner > * > *:first-child::before, #AllSidesOverview > .AllSidesOverviewBox > *[data-projecttype='rampes'] > .AllSidesOverviewResultInner > * > *:first-child::before { content: ""; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 15%; background-color: #282d33; border-bottom: 4px solid #282d33; } /* End: Here are the spigot */ .currentSides > .resultsPapa > .results > .resultsInner.wall_left[data-projecttype='glass'] > .fancyPanelType-standard:first-child > *:first-child::after, .currentSides > .resultsPapa > .results > .resultsInner.wall_left[data-projecttype='glass'] > .fancyPanelType-perforated:first-child > *:first-child::after, .currentSides > .resultsPapa > .results > .resultsInner.wall_right[data-projecttype='glass'] > .fancyPanelType-standard:last-child > .wall_right_brackets::after, .currentSides > .resultsPapa > .results > .resultsInner.wall_right[data-projecttype='glass'] > .fancyPanelType-perforated:last-child > .wall_right_brackets::after { display: none !important; } .currentSides > .resultsPapa > .results > .resultsInner[data-projecttype='glass'] > .fancyPanelType-standard + .fancyPanelType-standard > *:first-child::before, .currentSides > .resultsPapa > .results > .resultsInner[data-projecttype='glass'] > .fancyPanelType-standard + .fancyPanelType-perforated > *:first-child::before, .currentSides > .resultsPapa > .results > .resultsInner[data-projecttype='glass'] > .fancyPanelType-perforated + .fancyPanelType-standard > *:first-child::before, .currentSides > .resultsPapa > .results > .resultsInner[data-projecttype='glass'] > .fancyPanelType-perforated + .fancyPanelType-perforated > *:first-child::before, .currentSides > .resultsPapa > .results > .resultsInner.wall_left[data-projecttype='glass'] > .fancyPanelType-standard:first-child > *:first-child::before, .currentSides > .resultsPapa > .results > .resultsInner.wall_left[data-projecttype='glass'] > .fancyPanelType-standard:first-child > *:first-child::after, .currentSides > .resultsPapa > .results > .resultsInner.wall_left[data-projecttype='glass'] > .fancyPanelType-perforated:first-child > *:first-child::before, .currentSides > .resultsPapa > .results > .resultsInner.wall_left[data-projecttype='glass'] > .fancyPanelType-perforated:first-child > *:first-child::after, .currentSides > .resultsPapa > .results > .resultsInner.wall_right[data-projecttype='glass'] > .fancyPanelType-standard:last-child > .wall_right_brackets::before, .currentSides > .resultsPapa > .results > .resultsInner.wall_right[data-projecttype='glass'] > .fancyPanelType-standard:last-child > .wall_right_brackets::after, .currentSides > .resultsPapa > .results > .resultsInner.wall_right[data-projecttype='glass'] > .fancyPanelType-perforated:last-child > .wall_right_brackets::before, .currentSides > .resultsPapa > .results > .resultsInner.wall_right[data-projecttype='glass'] > .fancyPanelType-perforated:last-child > .wall_right_brackets::after, .currentSides > .resultsPapa > .results > .resultsInner[data-projecttype='glass'] > .fancyPanelType-perforated.fancyPanelFlipped-false + .fancyPanelType-door.fancyPanelFlipped-false > *:first-child::before, .currentSides > .resultsPapa > .results > .resultsInner[data-projecttype='glass'] > .fancyPanelType-perforated.fancyPanelFlipped-false + .fancyPanelType-door.fancyPanelFlipped-false > *:first-child::after, .currentSides > .resultsPapa > .results > .resultsInner[data-projecttype='glass'] > .fancyPanelType-door.fancyPanelFlipped-true + .fancyPanelType-perforated.fancyPanelFlipped-true > *:first-child::before, .currentSides > .resultsPapa > .results > .resultsInner[data-projecttype='glass'] > .fancyPanelType-door.fancyPanelFlipped-true + .fancyPanelType-perforated.fancyPanelFlipped-true > *:first-child::after, .currentSides > .resultsPapa > .results > .resultsInner[data-projecttype='glass'] > .fancyPanelType-doubledoor + .fancyPanelType-perforated > *:first-child::before, .currentSides > .resultsPapa > .results > .resultsInner[data-projecttype='glass'] > .fancyPanelType-doubledoor + .fancyPanelType-perforated > *:first-child::after, #AllSidesOverview > *[data-projecttype='glass'] > .AllSidesOverviewResultInner > .fancyPanelType-standard + .fancyPanelType-standard > *:first-child::before, #AllSidesOverview > *[data-projecttype='glass'] > .AllSidesOverviewResultInner > .fancyPanelType-standard + .fancyPanelType-perforated > *:first-child::before, #AllSidesOverview > *[data-projecttype='glass'] > .AllSidesOverviewResultInner > .fancyPanelType-perforated + .fancyPanelType-standard > *:first-child::before, #AllSidesOverview > *[data-projecttype='glass'] > .AllSidesOverviewResultInner > .fancyPanelType-perforated + .fancyPanelType-perforated > *:first-child::before, #AllSidesOverview > .AllSidesOverviewBox > *[data-projecttype='glass'] > .AllSidesOverviewResultInner > .fancyPanelType-standard + .fancyPanelType-standard > *:first-child::before, #AllSidesOverview > .AllSidesOverviewBox > *[data-projecttype='glass'] > .AllSidesOverviewResultInner > .fancyPanelType-standard + .fancyPanelType-perforated > *:first-child::before, #AllSidesOverview > .AllSidesOverviewBox > *[data-projecttype='glass'] > .AllSidesOverviewResultInner > .fancyPanelType-perforated + .fancyPanelType-standard > *:first-child::before, #AllSidesOverview > .AllSidesOverviewBox > *[data-projecttype='glass'] > .AllSidesOverviewResultInner > .fancyPanelType-perforated + .fancyPanelType-perforated > *:first-child::before, .AllSidesOverviewResultInner.wall_left[data-projecttype='glass'] > .fancyPanelType-standard:first-child > *:first-child::before, .AllSidesOverviewResultInner.wall_left[data-projecttype='glass'] > .fancyPanelType-standard:first-child > *:first-child::after, .AllSidesOverviewResultInner.wall_left[data-projecttype='glass'] > .fancyPanelType-perforated:first-child > *:first-child::before, .AllSidesOverviewResultInner.wall_left[data-projecttype='glass'] > .fancyPanelType-perforated:first-child > *:first-child::after, .AllSidesOverviewResultInner.wall_right[data-projecttype='glass'] > .fancyPanelType-standard:last-child > .wall_right_brackets::before, .AllSidesOverviewResultInner.wall_right[data-projecttype='glass'] > .fancyPanelType-standard:last-child > .wall_right_brackets::after, .AllSidesOverviewResultInner.wall_right[data-projecttype='glass'] > .fancyPanelType-perforated:last-child > .wall_right_brackets::before, .AllSidesOverviewResultInner.wall_right[data-projecttype='glass'] > .fancyPanelType-perforated:last-child > .wall_right_brackets::after, #AllSidesOverview > *[data-projecttype='glass'] > .AllSidesOverviewResultInner > .fancyPanelType-perforated.fancyPanelFlipped-false + .fancyPanelType-door.fancyPanelFlipped-false > *:first-child::before, #AllSidesOverview > *[data-projecttype='glass'] > .AllSidesOverviewResultInner > .fancyPanelType-perforated.fancyPanelFlipped-false + .fancyPanelType-door.fancyPanelFlipped-false > *:first-child::after, #AllSidesOverview > .AllSidesOverviewBox > *[data-projecttype='glass'] > .AllSidesOverviewResultInner > .fancyPanelType-perforated.fancyPanelFlipped-false + .fancyPanelType-door.fancyPanelFlipped-false > *:first-child::before, #AllSidesOverview > .AllSidesOverviewBox > *[data-projecttype='glass'] > .AllSidesOverviewResultInner > .fancyPanelType-perforated.fancyPanelFlipped-false + .fancyPanelType-door.fancyPanelFlipped-false > *:first-child::after, #AllSidesOverview > *[data-projecttype='glass'] > .AllSidesOverviewResultInner > .fancyPanelType-door.fancyPanelFlipped-true + .fancyPanelType-perforated.fancyPanelFlipped-true > *:first-child::before, #AllSidesOverview > *[data-projecttype='glass'] > .AllSidesOverviewResultInner > .fancyPanelType-door.fancyPanelFlipped-true + .fancyPanelType-perforated.fancyPanelFlipped-true > *:first-child::after, #AllSidesOverview > .AllSidesOverviewBox > *[data-projecttype='glass'] > .AllSidesOverviewResultInner > .fancyPanelType-door.fancyPanelFlipped-true + .fancyPanelType-perforated.fancyPanelFlipped-true > *:first-child::before, #AllSidesOverview > .AllSidesOverviewBox > *[data-projecttype='glass'] > .AllSidesOverviewResultInner > .fancyPanelType-door.fancyPanelFlipped-true + .fancyPanelType-perforated.fancyPanelFlipped-true > *:first-child::after, #AllSidesOverview > *[data-projecttype='glass'] > .AllSidesOverviewResultInner > .fancyPanelType-doubledoor + .fancyPanelType-perforated > *:first-child::before, #AllSidesOverview > *[data-projecttype='glass'] > .AllSidesOverviewResultInner > .fancyPanelType-doubledoor + .fancyPanelType-perforated > *:first-child::after, #AllSidesOverview > .AllSidesOverviewBox > *[data-projecttype='glass'] > .AllSidesOverviewResultInner > .fancyPanelType-doubledoor + .fancyPanelType-perforated > *:first-child::before, #AllSidesOverview > .AllSidesOverviewBox > *[data-projecttype='glass'] > .AllSidesOverviewResultInner > .fancyPanelType-doubledoor + .fancyPanelType-perforated > *:first-child::after { content: ""; display: block; position: absolute; height: 0; background-color: #6C6E70; top: 3%; -webkit-print-color-adjust: exact !important; color-adjust: exact !important; } .currentSides > .resultsPapa > .results > .resultsInner[data-projecttype='aluminium'] > .fancyPanelType-door + .fancyPanelType-door > *:last-child::before, .currentSides > .resultsPapa > .results > .resultsInner[data-projecttype='harmony'] > .fancyPanelType-door + .fancyPanelType-door > *:last-child::before, .currentSides > .resultsPapa > .results > .resultsInner[data-projecttype='harmony2'] > .fancyPanelType-door + .fancyPanelType-door > *:last-child::before, .currentSides > .resultsPapa > .results > .resultsInner[data-projecttype='vista'] > .fancyPanelType-door + .fancyPanelType-door > *:last-child::before, #AllSidesOverview > *[data-projecttype='aluminium'] > .AllSidesOverviewResultInner > .fancyPanelType-door + .fancyPanelType-door > *:last-child::before, #AllSidesOverview > *[data-projecttype='harmony'] > .AllSidesOverviewResultInner > .fancyPanelType-door + .fancyPanelType-door > *:last-child::before, #AllSidesOverview > *[data-projecttype='harmony2'] > .AllSidesOverviewResultInner > .fancyPanelType-door + .fancyPanelType-door > *:last-child::before, #AllSidesOverview > *[data-projecttype='vista'] > .AllSidesOverviewResultInner > .fancyPanelType-door + .fancyPanelType-door > *:last-child::before, #AllSidesOverview > .AllSidesOverviewBox > *[data-projecttype='aluminium'] > .AllSidesOverviewResultInner > .fancyPanelType-door + .fancyPanelType-door > *:last-child::before, #AllSidesOverview > .AllSidesOverviewBox > *[data-projecttype='harmony'] > .AllSidesOverviewResultInner > .fancyPanelType-door + .fancyPanelType-door > *:last-child::before, #AllSidesOverview > .AllSidesOverviewBox > *[data-projecttype='harmony2'] > .AllSidesOverviewResultInner > .fancyPanelType-door + .fancyPanelType-door > *:last-child::before, #AllSidesOverview > .AllSidesOverviewBox > *[data-projecttype='vista'] > .AllSidesOverviewResultInner > .fancyPanelType-door + .fancyPanelType-door > *:last-child::before, .currentSides > .resultsPapa > .results > .resultsInner[data-projecttype='aluminium'] > .fancyPanelType-door + .fancyPanelType-door > *:last-child::after, .currentSides > .resultsPapa > .results > .resultsInner[data-projecttype='harmony'] > .fancyPanelType-door + .fancyPanelType-door > *:last-child::after, .currentSides > .resultsPapa > .results > .resultsInner[data-projecttype='harmony2'] > .fancyPanelType-door + .fancyPanelType-door > *:last-child::after, .currentSides > .resultsPapa > .results > .resultsInner[data-projecttype='vista'] > .fancyPanelType-door + .fancyPanelType-door > *:last-child::after, #AllSidesOverview > *[data-projecttype='aluminium'] > .AllSidesOverviewResultInner > .fancyPanelType-door + .fancyPanelType-door > *:last-child::after, #AllSidesOverview > *[data-projecttype='harmony'] > .AllSidesOverviewResultInner > .fancyPanelType-door + .fancyPanelType-door > *:last-child::after, #AllSidesOverview > *[data-projecttype='harmony2'] > .AllSidesOverviewResultInner > .fancyPanelType-door + .fancyPanelType-door > *:last-child::after, #AllSidesOverview > *[data-projecttype='vista'] > .AllSidesOverviewResultInner > .fancyPanelType-door + .fancyPanelType-door > *:last-child::after, #AllSidesOverview > .AllSidesOverviewBox > *[data-projecttype='aluminium'] > .AllSidesOverviewResultInner > .fancyPanelType-door + .fancyPanelType-door > *:last-child::after, #AllSidesOverview > .AllSidesOverviewBox > *[data-projecttype='harmony'] > .AllSidesOverviewResultInner > .fancyPanelType-door + .fancyPanelType-door > *:last-child::after, #AllSidesOverview > .AllSidesOverviewBox > *[data-projecttype='harmony2'] > .AllSidesOverviewResultInner > .fancyPanelType-door + .fancyPanelType-door > *:last-child::after, #AllSidesOverview > .AllSidesOverviewBox > *[data-projecttype='vista'] > .AllSidesOverviewResultInner > .fancyPanelType-door + .fancyPanelType-door > *:last-child::after { height: calc(100% + 8px); top: -4px; } .currentSides > .resultsPapa > .results > .resultsInner[data-projecttype='glass'] > .fancyPanelType-doubledoor + .fancyPanelType-perforated > *:first-child::before, #AllSidesOverview > *[data-projecttype='glass'] > .AllSidesOverviewResultInner > .fancyPanelType-doubledoor + .fancyPanelType-perforated > *:first-child::before, #AllSidesOverview > .AllSidesOverviewBox > *[data-projecttype='glass'] > .AllSidesOverviewResultInner > .fancyPanelType-doubledoor + .fancyPanelType-perforated > *:first-child::before, .currentSides > .resultsPapa > .results > .resultsInner[data-projecttype='glass'] > .fancyPanelType-door.fancyPanelFlipped-true + .fancyPanelType-perforated.fancyPanelFlipped-true > *:first-child::before, #AllSidesOverview > *[data-projecttype='glass'] > .AllSidesOverviewResultInner > .fancyPanelType-door.fancyPanelFlipped-true + .fancyPanelType-perforated.fancyPanelFlipped-true > *:first-child::before, #AllSidesOverview > .AllSidesOverviewBox > *[data-projecttype='glass'] > .AllSidesOverviewResultInner > .fancyPanelType-door.fancyPanelFlipped-true + .fancyPanelType-perforated.fancyPanelFlipped-true > *:first-child::before, .currentSides > .resultsPapa > .results > .resultsInner[data-projecttype='glass'] > .fancyPanelType-perforated.fancyPanelFlipped-false + .fancyPanelType-door.fancyPanelFlipped-false > *:first-child::before, #AllSidesOverview > *[data-projecttype='glass'] > .AllSidesOverviewResultInner > .fancyPanelType-perforated.fancyPanelFlipped-false + .fancyPanelType-door.fancyPanelFlipped-false > *:first-child::before, #AllSidesOverview > .AllSidesOverviewBox > *[data-projecttype='glass'] > .AllSidesOverviewResultInner > .fancyPanelType-perforated.fancyPanelFlipped-false + .fancyPanelType-door.fancyPanelFlipped-false > *:first-child::before, .resultsInner[data-projecttype='glass'] > .fancyPanelType-perforated + .fancyPanelType-door > *:first-child::before, .resultsInner[data-projecttype='glass'] > .fancyPanelType-perforated + .fancyPanelType-door > *:first-child::after { top: 15%; } .currentSides > .resultsPapa > .results > .resultsInner[data-projecttype='glass'] > .fancyPanelType-perforated.fancyPanelFlipped-false + .fancyPanelType-door.fancyPanelFlipped-false > *:first-child::after, .currentSides > .resultsPapa > .results > .resultsInner[data-projecttype='glass'] > .fancyPanelType-door.fancyPanelFlipped-true + .fancyPanelType-perforated.fancyPanelFlipped-true > *:first-child::after, .currentSides > .resultsPapa > .results > .resultsInner[data-projecttype='glass'] > .fancyPanelType-doubledoor + .fancyPanelType-perforated > *:first-child::after, .currentSides > .resultsPapa > .results > .resultsInner.wall_left[data-projecttype='glass'] > .fancyPanelType-standard:first-child > *:first-child::after, .currentSides > .resultsPapa > .results > .resultsInner.wall_left[data-projecttype='glass'] > .fancyPanelType-perforated:first-child > *:first-child::after, .currentSides > .resultsPapa > .results > .resultsInner.wall_right[data-projecttype='glass'] > .fancyPanelType-standard:last-child > .wall_right_brackets::after, .currentSides > .resultsPapa > .results > .resultsInner.wall_right[data-projecttype='glass'] > .fancyPanelType-perforated:last-child > .wall_right_brackets::after, #AllSidesOverview > *[data-projecttype='glass'] > .AllSidesOverviewResultInner > .fancyPanelType-perforated.fancyPanelFlipped-false + .fancyPanelType-door.fancyPanelFlipped-false > *:first-child::after, #AllSidesOverview > *[data-projecttype='glass'] > .AllSidesOverviewResultInner > .fancyPanelType-door.fancyPanelFlipped-true + .fancyPanelType-perforated.fancyPanelFlipped-true > *:first-child::after, #AllSidesOverview > *[data-projecttype='glass'] > .AllSidesOverviewResultInner > .fancyPanelType-doubledoor + .fancyPanelType-perforated > *:first-child::after, #AllSidesOverview > .AllSidesOverviewBox > *[data-projecttype='glass'] > .AllSidesOverviewResultInner > .fancyPanelType-perforated.fancyPanelFlipped-false + .fancyPanelType-door.fancyPanelFlipped-false > *:first-child::after, #AllSidesOverview > .AllSidesOverviewBox > *[data-projecttype='glass'] > .AllSidesOverviewResultInner > .fancyPanelType-door.fancyPanelFlipped-true + .fancyPanelType-perforated.fancyPanelFlipped-true > *:first-child::after, #AllSidesOverview > .AllSidesOverviewBox > *[data-projecttype='glass'] > .AllSidesOverviewResultInner > .fancyPanelType-doubledoor + .fancyPanelType-perforated > *:first-child::after, .AllSidesOverviewResultInner.wall_left[data-projecttype='glass'] > .fancyPanelType-standard:first-child > *:first-child::after, .AllSidesOverviewResultInner.wall_left[data-projecttype='glass'] > .fancyPanelType-perforated:first-child > *:first-child::after, .AllSidesOverviewResultInner.wall_right[data-projecttype='glass'] > .fancyPanelType-standard:last-child > .wall_right_brackets::after, .AllSidesOverviewResultInner.wall_right[data-projecttype='glass'] > .fancyPanelType-perforated:last-child > .wall_right_brackets::after { top: auto; bottom: 15%; } .currentSides > .resultsPapa > .results > .resultsInner[data-projecttype='glass'] > * > *:last-child::after, #AllSidesOverview > *[data-projecttype='glass'] > .AllSidesOverviewResultInner > * > *:last-child::after, #AllSidesOverview > .AllSidesOverviewBox > *[data-projecttype='glass'] > .AllSidesOverviewResultInner > * > *:last-child::after { left: auto; right: 10%; } .currentSides > .resultsPapa > .results > .resultsInner[data-projecttype="glass"] > .fancyPanel > .space_apart, #AllSidesOverview > *[data-projecttype='glass'] > .AllSidesOverviewResultInner > * > .space_apart, #AllSidesOverview > .AllSidesOverviewBox > *[data-projecttype='glass'] > .AllSidesOverviewResultInner > * > .space_apart { position: absolute; right: 0; left: auto; top: 50%; transform: translate(50%, -50%) rotate(-90deg); transform-origin: center center; width: 75px; height: 30px; display: flex; align-items: center; justify-content: center; background-color: #fff; border: 1px solid rgba(152, 152, 152, .5); z-index: 1; box-sizing: border-box; text-wrap: nowrap; } .currentSides > .resultsPapa > .results > .resultsInner[data-projecttype="glass"] > .fancyPanel > .space_apart.left, #AllSidesOverview > *[data-projecttype='glass'] > .AllSidesOverviewResultInner > * > .space_apart.left, #AllSidesOverview > .AllSidesOverviewBox > *[data-projecttype='glass'] > .AllSidesOverviewResultInner > * > .space_apart.left { left: 0; right: auto; transform: translate(-50%, -50%) rotate(-90deg); } #AllSidesOverview > *[data-projecttype='glass'] > .AllSidesOverviewResultInner > * > strong, #AllSidesOverview > .AllSidesOverviewBox > *[data-projecttype='glass'] > .AllSidesOverviewResultInner > * > strong { font-size: 12px; } #AllSidesOverview > *[data-projecttype='glass'] > .AllSidesOverviewResultInner > * > .space_apart, #AllSidesOverview > .AllSidesOverviewBox > *[data-projecttype='glass'] > .AllSidesOverviewResultInner > * > .space_apart { width: 45px; height: 20px; font-size: 12px; } .currentSides > .converterWrapper .h4, .currentSides > .spanLength .h4, .currentSides > .nosingLength .h4, .side5PlusContainer .h4, .currentSides > .ChooseProductForGenerationContainer .h4, #builderStep5Files > .h4, #builderStep5Comment > .h4 { margin-bottom: 13px; display: block; margin-top: 2px; } .currentSides > .converterWrapper input, .currentSides > .spanLength input, .currentSides > .nosingLength input, .currentSides > .ChooseProductForGenerationContainer input, .currentSides > .ChooseProductForGenerationContainer select, .currentSides > .DoorButtonContainer .DoorContainer select, .side5PlusContainer select, #builderStep3Inner > div > label select, #builderStep3InnerAdditional > div > label select, select.builderSelect { display: block; height: 52px; width: 100%; border: 1px solid #989898; box-sizing: border-box; padding: 0 16px; } .currentSides > .ChooseProductForGenerationContainer input{ height: 26px; } .currentSides > .ChooseProductForGenerationContainer.Man { width: 253px; } .currentSides > .ChooseProductForGenerationContainer.Man select { margin-top: 4px; } .builderSidesPopupInner .side5PlusContainer { text-align: left; } .fancyPanelUnit-ftin-top { font-size: 50%; font-weight: 700; vertical-align: top; } .fancyPanelUnit-ftin-bottom { font-size: 50%; font-weight: 700; vertical-align: top; position: relative; top: 0.5em; } input[name*="spaceBetweenMan"] { display: block; } .estimatedWrapper { max-width: 450px; width: 100%; } .estimatedWrapper >div[class^="unit_"] { border: 1px solid #999; padding: 0px; height: 40px; width: 80px; } .estimatedWrapper label { display: block; margin-top: 2px; } .estimatedWrapper >div { float: left; margin: 0px 3px; } .estimatedWrapper >div[class^="unit_"]:after { bottom: 0px; } .currentSides > .DoorButtonContainer .DoorContainer select { width: 90%; float: left; display: inline-block; } .noDoorSelect, .doubleDoorSelect, .singleDoorSelect { width: 400px; } .doubleDoorSelect, .singleDoorSelect { display: none; } #addPanel { font-size: 40px; line-height: 20px; padding: 0px; float: left; display: block; width: 10%; height: 52px; padding-bottom: 5px; } #addPanel:hover { background: linear-gradient(315deg, #37DDFC 0%, #37DDFC 62.85%); color: #282d33; } .currentSides > .spanLength label:nth-child(1) { width: 120px; margin-right: 15px; display: inline-block; } .currentSides > .spanLength label:nth-child(2) { width: calc(100% - 135px); min-width: 110px; display: inline-block; } .currentSides > .spanLength .unit_mm { /* mm */ width: calc(100% - 135px); min-width: 110px; display: inline-block; vertical-align: top; } .currentSides > .spanLength .unit_feet, .currentSides > .spanLength .unit_inch { /* feet & inches */ width: calc( (100% - 135px) / 2 ); min-width: 55px; display: inline-block; vertical-align: top; } .currentSides > .spanLength select { width: 120px; margin-right: 15px; display: inline-block; } .currentSides > .ChooseProductForGenerationContainer select { max-width: 295px; } .currentSides > .ChooseProductForGenerationContainer.small select { max-width: 200px; } .currentSides > .ChooseProductForGenerationContainer span.error { font-size: 12px; color: rgba(200, 25, 25, 1); } body.fence-builder .builderSidesPopupInner .button-container > label, .side5PlusContainer select { width: calc(50% - 15px); margin-right: 15px; margin-bottom: 15px; clear: none !important; } @media (max-width: 619px){ .side5PlusContainer .h4 { display: none; } .side5PlusContainer select { height: 62px; } } #builderStep5Comment > textarea { display: block; width: 100%; border: 1px solid #989898; box-sizing: border-box; padding: 8px 16px; font-family: inherit; font-weight: inherit; font-size: inherit; line-height: inherit; color: inherit; } input[name="file_select"] { display: none; } .builderStep5Files-list ul { margin-bottom: 18px; } .builderStep5Files-spinner{ margin-left: 5px; } .builderStep5Files-delete { margin-left: 5px; color: #dc3232; } #builderLogos { display: none; margin-bottom: 30px; } .logo-default, .logo-custom, .logo-profil { display: none; width: auto; height: auto; max-height: 150px; } input[name="logo"] { display: none; } .builderStep5Comment-print { display: none; } .currentSides > .ChooseProductForGenerationContainer > .ChooseProductForGeneration { float: left; padding-right: 15px; box-sizing: border-box; } .currentSides > .ChooseProductForGenerationContainer.double > .ChooseProductForGeneration:nth-child(2n+1){ clear: both; } .currentSides > .ChooseProductForGenerationContainer.double > .ChooseProductForGeneration:nth-child(n+3){ margin-top: 20px; } .currentSides > .DoorButtonContainer { padding-right: 15px; } .currentSides label { margin-bottom: 0px !important; } .ChooseProductForGenerationContainer.Man label, .nosingLength.Man label, .estimatedWrapper.Man label { padding-top: 45px !important; line-height: 1.2em !important; } .nosingLength.Man + .estimatedWrapper.Man label { padding-top: 0 !important; } .nosingLength.Man label { margin-bottom: 4px !important; } .estimatedWrapper.Man label { margin-bottom: 15px !important; } .currentSides .DoorContainer > * { display: inline-block; } .resultsCSS { display: none !important; } /* This css is for normalizing styles. You can skip this. */ .converterWrapper, .spanLength, .nosingLength, .nosingLengthChild { padding-right: 15px; box-sizing: border-box; } .DoorContainer > * { display: block; margin-bottom: 15px; margin-right: 15px; } .DoorContainer > * > input { padding: 0; height: initial; width: initial; margin-bottom: 0; display: none; cursor: pointer; } .DoorContainer > * > label { position: relative; cursor: pointer; } .DoorContainer > * > label:before { content:''; -webkit-appearance: none; background-color: transparent; border: 1px solid #989898; padding: 10px; display: inline-block; position: relative; vertical-align: middle; cursor: pointer; margin-right: 5px; } .DoorContainer > * > input:checked + label:after { content: ''; display: block; position: absolute; top: 5px; left: 9px; width: 4px; height: 11px; border: solid #282D33; border-width: 0 2px 2px 0; transform: rotate(45deg); } .nosingLengthChild:not(.enable), .DoorContainer:not(.enable), .buttonContainer:not(.enable), .ChooseProductForGenerationContainer > .ChooseProductForGeneration:not(.enable) { opacity: .5; cursor: not-allowed; } .nosingLengthChild:not(.enable) > *, .DoorContainer:not(.enable) > *, .buttonContainer:not(.enable) > *, .ChooseProductForGenerationContainer > .ChooseProductForGeneration:not(.enable) > * { pointer-events: none; } .doorButton > .dist-btn.disable, #SubmitStep2.disable { opacity: .5; pointer-events: none; } .doorButton > .dist-btn + .dist-btn { margin-left: 10px; } .doorButton > .dist-btn { padding: 18px 28px; } .h4lower { text-transform: none; font-weight: 700; } .ui-accordion .ui-accordion-header { background-color: #CCC; box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.1); color: #282D33; font-weight: 600; font-size: 13px; line-height: 16px; text-transform: uppercase; border: 0 !important; border-radius: 0 !important; margin-top: 0 !important; padding: 18px; } .ui-accordion .ui-accordion-header-icon { display: none !important; } .ui-accordion .ui-accordion-content { padding: 1em 1.2em; border: 0 !important; } #accordion { font-family: inherit; pointer-events: none !important; } #accordion01 > strong, #accordion02 > strong, #accordion03 > strong, #accordion04 > strong, #accordion05 > strong { font-weight: 700; font-size: 13px; line-height: 16px; color: #282D33; } #accordion01 > div, #accordion01 > div *, #accordion02 > div, #accordion02 > div, #accordion03 > div, #accordion03 > div, #accordion04 > div, #accordion04 > div, #accordion05 > div, #accordion05 > div * { font-size: 13px; line-height: 16px; color: #282D33; } #accordion01 > div, #accordion02 > div, #accordion03 > div, #accordion04 > div, #accordion05 > div { margin-bottom: 15px; } #accordion01 > div span, #accordion02 > div span, #accordion03 > div span, #accordion04 > div span, #accordion05> div span { display: block; } #builderSidebar { overflow: visible !important; /*position: relative;*/ } #builderSidebar::after { content: ""; position: absolute; bottom: 0; right: 0; height: 90px; width: 100px; background-color: #fff; } #builderSidebarBloc1 { width: 237px !important; height: 237px !important; padding-bottom: 0 !important; } #builderSidebarBloc2, #builderSidebarBloc2 > #accordion { overflow: hidden; height: calc(100vh - 317px); } #builderSidebarBloc3 { position: absolute; bottom: 0; left: -100px; height: 90px; width: 100%; } #builderSidebarBloc3 > a { color: #282D33; background-color: #37DDFC; background: linear-gradient(315deg, #37DDFC 0%, #37DDFC 62.85%); line-height: 90px; text-align: center; position: absolute; top: 0; left: 0; height: 100%; width: 100%; font-weight: 600; } #builderUnderbar { position: fixed; height: 90px; width: 100%; width: calc(100% - 337px); background-color: #F8F8F8; z-index: 9999; bottom: 0; left: 0; } #builderUnderbar > .saveButton, #builderUnderbar > .cartButton { position: absolute; right: 0; top: 0; height: 90px; line-height: 90px; width: 260px; text-align: center; } #builderUnderbar > .cartButton { right: 520px; } #builderUnderbar > .cartButton + .cartButton { right: 260px; } #builderUnderbar > .textwidget { position: absolute; left: 0; left: calc( (100vw - 1320px) / 2 ); top: 0; height: 90px; line-height: 90px; width: 1300px; text-align: left; } #builderUnderbar > .textwidget a { font-weight: 700; color: #282d33; } #builderUnderbar > .saveButton > a, #builderUnderbar > .cartButton > a { padding: 0 40px; position: absolute; right: 0; top: 0; width: 100%; height: 100%; color: #282D33; background-color: #37DDFC; background: linear-gradient(315deg, #37DDFC 0%, #37DDFC 62.85%); box-sizing: border-box; font-weight: 600; } #builderStep5Inner > h4, #builderStep5Inner > .builderStep5InnerBox > h4 { margin-top: 40px; } #builderStep5Inner > table, #builderStep5Inner > .builderStep5InnerBox > table { table-layout: fixed; width: 100%; } #builderStep5Inner > table > tr, #builderStep5Inner > .builderStep5InnerBox > table > tr { } #builderStep5Inner > table > tr > th, #builderStep5Inner > .builderStep5InnerBox > table > tr > th { font-size: 15px; line-height: 30px; text-transform: uppercase; color: #282D33; font-weight: 700; text-align: left !important; padding: 0 0 15px; } #builderStep5Inner > table > tr > td, #builderStep5Inner > .builderStep5InnerBox > table > tr > td { padding: 10px 0; font-size: 15px; line-height: 30px; font-weight: 500; color: #282D33; } #builderStep5Inner > table > tr > th:last-child, #builderStep5Inner > table > tr > td:last-child, #builderStep5Inner > .builderStep5InnerBox > table > tr > th:last-child, #builderStep5Inner > .builderStep5InnerBox > table > tr > td:last-child { width: 200px !important; } #builderStep5Inner > table > tr:last-child > td:first-child, #builderStep5Inner > .builderStep5InnerBox > table > tr:last-child > td:first-child { text-align: right; padding-right: 20px; text-transform: uppercase; color: #282D33; font-weight: 700; } #builderStep3Img, #builderStep3ImgGlass { margin-bottom: 40px; display: flex; } #builderStep3Img::after, #builderStep3ImgGlass::after { display: block; content: ""; clear: both; } #builderStep3Img > div, #builderStep3ImgGlass > div { float: left; width: calc((100% - 400px) / 2); text-align: center; } #builderStep3Img > div:first-child, #builderStep3ImgGlass > div:first-child { width: 400px; min-height: 1px; } #builderStep3Img > div img, #builderStep3ImgGlass > div img { max-width: 125px; } .builderStep3Spigot, .builderStep3Poles { text-align: left; margin-top: 30px; font-weight: 600; } .builderStep3ImgGlassTable { display: table; width: 100%; height: 150px; } .builderStep3ImgGlassCell { display: table-cell; height: 100%; vertical-align: middle; } #builderStep3Inner { } #builderStep3Inner > div::after, #builderStep3InnerAdditional > div::after { display: block; content: ""; clear: both; } #builderStep3Inner > div { } #builderStep3Inner > div:nth-child(odd), #builderStep3InnerAdditional > div:nth-child(odd) { background-color: #f8f8f8; } #builderStep3Inner > div, #builderStep3InnerAdditional > div { display: flex; align-items: center; } #builderStep3InnerAdditional > div > h4, #builderStep3InnerAdditional > div > img, #builderStep3InnerAdditional > div > select { float: left; padding: 10px; } #builderStep3InnerAdditional > div > div.imageBox { width: 80px !important; overflow: hidden !important; float: left !important; text-align: center; margin-right: 50px; } #builderStep3InnerAdditional > div > div.imageBox img { width: auto !important; height: 60px !important; } h3.additionalProductTitle { margin-top: 20px !important; } #builderStep3Inner > div > h4, #builderStep3InnerAdditional > div > h4 { width: 400px; float: left; margin-bottom: 0; padding-left: 20px; box-sizing: border-box; } #builderStep3Inner > div > h4 > span, #builderStep3InnerAdditional > div > h4 > span { font-size: 0.8rem; font-weight: 500 !important; } #builderStep3Inner > div > label, #builderStep3InnerAdditional > div > label { width: calc((100% - 400px) / 2); float: left; padding: 20px; box-sizing: border-box; } @media (max-width: 979px){ #builderStep3InnerAdditional > div { display: block !important; text-align: center !important; padding: 15px !important; } #builderStep3InnerAdditional > div > h4, #builderStep3InnerAdditional > div > div.imageBox, #builderStep3InnerAdditional > div > select, #builderStep3InnerAdditional > div > label { display: block !important; margin: 0px !important; padding: 10px !important; width: 100% !important; float: none !important; box-sizing: border-box !important; } #builderStep3InnerAdditional > div > label { padding: 0px !important; } } #BackStep1, #BackStep2, #BackStep3, #BackStep4, #BackStep5 { font-weight: 600; font-style: initial !important; } #BackStep1:hover, #BackStep2:hover, #BackStep3:hover, #BackStep4:hover, #BackStep5:hover { color: #37DDFC !important; } #BackStep1 i, #BackStep2 i, #BackStep3 i, #BackStep4 i, #BackStep5 i { font-weight: 500; } #noResultBlock { border: 0; text-align: center; top: 50%; display: block; transform: translateY(-50%); height: auto !important; position: absolute; right: 80px; left: 80px; background: transparent; margin-right: 0 !important; } @media (max-width: 1610px){ .estimatedWrapper.Man label { padding-top: 0px !important; } } @media (max-width: 1455px){ .nosingLength.Man { clear: both; } .nosingLength.Man label { padding-top: 0px !important; margin-bottom: 5px !important; } } @media (max-width: 1010px){ .ChooseProductForGenerationContainer.Man label { padding-top: 0px !important; } } @media print { #AllSidesOverview > *[data-projecttype='glass'] > .AllSidesOverviewResultInner > * > .space_apart, #AllSidesOverview > .AllSidesOverviewBox > *[data-projecttype='glass'] > .AllSidesOverviewResultInner > * > .space_apart { width: 40px; } #AllSidesOverview > *[data-projecttype='glass'] > .AllSidesOverviewResultInner > * > strong, #AllSidesOverview > .AllSidesOverviewBox > *[data-projecttype='glass'] > .AllSidesOverviewResultInner > * > strong { font-size: 9px; } #builderAlertPopup, #builderSavePopup, #builderCanvasPopup, #builderCanvasImagePopup, #builderSidesPopup, #builderCutPopup, #builderTermsPopup, #builderPrintPopup, #builderLengthPopup, #builderNosingPopup, #builderCornerPopup, #builderFlangePopup, #builderUnionPopup, #builderWarningPopup, #builderWarningPopupMode, #builderWarning2Popup, #builderUnderbar, #builderSidebar, .main-footer { display: none !important; } body.fence-builder { padding-bottom: 0 !important; } html.print-builder #builderStep1, html.print-builder #builderStep2, html.print-builder #builderStep3, html.print-builder .dist-btn, html.print-builder .builderStepTitle, html.print-builder #BackStep4, html.print-builder #BackStep5, html.print-builder #builderStep5Files, html.print-builder #builderStep5Comment, html.print-builder #builderStep5below, html.print-builder .builderStep5Files-delete, html.print-builder .builderStep5Files-spinner, html.print-builder #builderStep5Comment > textarea { display: none !important; } html.print-builder #builderLogos, html.print-builder #builderStep4, html.print-builder #builderStep5, html.print-builder #builderStep5Files.print-visible, html.print-builder #builderStep5Comment.print-visible, html.print-builder .builderStep5Comment-print{ display: block !important; } /*html.print-builder #builderStep5 { page-break-before: always !important; }*/ html.print-logo-default .logo-default, html.print-logo-custom .logo-custom, html.print-logo-profil .logo-profil { display: inline !important; } #builderSteps { width: auto !important; margin: 0 !important; padding: 0 !important; } .AllSidesOverviewBox, .builderStep5InnerBox, #builderStep5Files, #builderStep5Comment, #builderStep5PageBreakAvoid { page-break-inside: avoid !important; } html.print-builder .builderStep5Files-list a { color: #282d33 !important; } html.print-builder .currentSides > .resultsPapa > .resultsUnitsTotal, html.print-builder .currentSides > .resultsPapa > .resultsUnits, html.print-builder .currentSides > .resultsPapa > .results, html.print-builder #AllSidesOverview > *[data-projecttype='aluminium'] > .AllSidesOverviewResultInner, html.print-builder #AllSidesOverview > *[data-projecttype='aluminium'] > .AllSidesOverviewResultsUnitsInner, html.print-builder #AllSidesOverview > *[data-projecttype='aluminium'] > .AllSidesOverviewResultsUnitsTotalInner, html.print-builder #AllSidesOverview > *[data-projecttype='aluminium'] > .AllSidesOverviewResultsUnitsBelowInner, html.print-builder #AllSidesOverview > *[data-projecttype='harmony'] > .AllSidesOverviewResultInner, html.print-builder #AllSidesOverview > *[data-projecttype='harmony'] > .AllSidesOverviewResultsUnitsInner, html.print-builder #AllSidesOverview > *[data-projecttype='harmony'] > .AllSidesOverviewResultsUnitsTotalInner, html.print-builder #AllSidesOverview > *[data-projecttype='harmony'] > .AllSidesOverviewResultsUnitsBelowInner, html.print-builder #AllSidesOverview > *[data-projecttype='harmony2'] > .AllSidesOverviewResultInner, html.print-builder #AllSidesOverview > *[data-projecttype='harmony2'] > .AllSidesOverviewResultsUnitsInner, html.print-builder #AllSidesOverview > *[data-projecttype='harmony2'] > .AllSidesOverviewResultsUnitsTotalInner, html.print-builder #AllSidesOverview > *[data-projecttype='harmony2'] > .AllSidesOverviewResultsUnitsBelowInner, html.print-builder #AllSidesOverview > *[data-projecttype='vista'] > .AllSidesOverviewResultInner, html.print-builder #AllSidesOverview > *[data-projecttype='vista'] > .AllSidesOverviewResultsUnitsInner, html.print-builder #AllSidesOverview > *[data-projecttype='vista'] > .AllSidesOverviewResultsUnitsTotalInner, html.print-builder #AllSidesOverview > *[data-projecttype='vista'] > .AllSidesOverviewResultsUnitsBelowInner, html.print-builder #AllSidesOverview > *[data-projecttype='rampes'] > .AllSidesOverviewResultInner, html.print-builder #AllSidesOverview > *[data-projecttype='rampes'] > .AllSidesOverviewResultsUnitsInner, html.print-builder #AllSidesOverview > *[data-projecttype='rampes'] > .AllSidesOverviewResultsUnitsTotalInner, html.print-builder #AllSidesOverview > *[data-projecttype='rampes'] > .AllSidesOverviewResultsUnitsBelowInner, html.print-builder #AllSidesOverview > *[data-projecttype='glass'] > .AllSidesOverviewResultInner, html.print-builder #AllSidesOverview > *[data-projecttype='glass'] > .AllSidesOverviewResultsUnitsInner, html.print-builder #AllSidesOverview > *[data-projecttype='glass'] > .AllSidesOverviewResultsUnitsTotalInner, html.print-builder #AllSidesOverview > *[data-projecttype='glass'] > .AllSidesOverviewResultsUnitsBelowInner, html.print-builder #AllSidesOverview > .AllSidesOverviewBox > *[data-projecttype='aluminium'] > .AllSidesOverviewResultInner, html.print-builder #AllSidesOverview > .AllSidesOverviewBox > *[data-projecttype='aluminium'] > .AllSidesOverviewResultsUnitsInner, html.print-builder #AllSidesOverview > .AllSidesOverviewBox > *[data-projecttype='aluminium'] > .AllSidesOverviewResultsUnitsTotalInner, html.print-builder #AllSidesOverview > .AllSidesOverviewBox > *[data-projecttype='aluminium'] > .AllSidesOverviewResultsUnitsBelowInner, html.print-builder #AllSidesOverview > .AllSidesOverviewBox > *[data-projecttype='harmony'] > .AllSidesOverviewResultInner, html.print-builder #AllSidesOverview > .AllSidesOverviewBox > *[data-projecttype='harmony'] > .AllSidesOverviewResultsUnitsInner, html.print-builder #AllSidesOverview > .AllSidesOverviewBox > *[data-projecttype='harmony'] > .AllSidesOverviewResultsUnitsTotalInner, html.print-builder #AllSidesOverview > .AllSidesOverviewBox > *[data-projecttype='harmony'] > .AllSidesOverviewResultsUnitsBelowInner, html.print-builder #AllSidesOverview > .AllSidesOverviewBox > *[data-projecttype='harmony2'] > .AllSidesOverviewResultInner, html.print-builder #AllSidesOverview > .AllSidesOverviewBox > *[data-projecttype='harmony2'] > .AllSidesOverviewResultsUnitsInner, html.print-builder #AllSidesOverview > .AllSidesOverviewBox > *[data-projecttype='harmony2'] > .AllSidesOverviewResultsUnitsTotalInner, html.print-builder #AllSidesOverview > .AllSidesOverviewBox > *[data-projecttype='harmony2'] > .AllSidesOverviewResultsUnitsBelowInner, html.print-builder #AllSidesOverview > .AllSidesOverviewBox > *[data-projecttype='vista'] > .AllSidesOverviewResultInner, html.print-builder #AllSidesOverview > .AllSidesOverviewBox > *[data-projecttype='vista'] > .AllSidesOverviewResultsUnitsInner, html.print-builder #AllSidesOverview > .AllSidesOverviewBox > *[data-projecttype='vista'] > .AllSidesOverviewResultsUnitsTotalInner, html.print-builder #AllSidesOverview > .AllSidesOverviewBox > *[data-projecttype='vista'] > .AllSidesOverviewResultsUnitsBelowInner, html.print-builder #AllSidesOverview > .AllSidesOverviewBox > *[data-projecttype='rampes'] > .AllSidesOverviewResultInner, html.print-builder #AllSidesOverview > .AllSidesOverviewBox > *[data-projecttype='rampes'] > .AllSidesOverviewResultsUnitsInner, html.print-builder #AllSidesOverview > .AllSidesOverviewBox > *[data-projecttype='rampes'] > .AllSidesOverviewResultsUnitsTotalInner, html.print-builder #AllSidesOverview > .AllSidesOverviewBox > *[data-projecttype='rampes'] > .AllSidesOverviewResultsUnitsBelowInner, html.print-builder #AllSidesOverview > .AllSidesOverviewBox > *[data-projecttype='glass'] > .AllSidesOverviewResultInner, html.print-builder #AllSidesOverview > .AllSidesOverviewBox > *[data-projecttype='glass'] > .AllSidesOverviewResultsUnitsInner, html.print-builder #AllSidesOverview > .AllSidesOverviewBox > *[data-projecttype='glass'] > .AllSidesOverviewResultsUnitsTotalInner, html.print-builder #AllSidesOverview > .AllSidesOverviewBox > *[data-projecttype='glass'] > .AllSidesOverviewResultsUnitsBelowInner { width: auto !important; } html.print-builder .currentSides > .resultsPapa, html.print-builder #AllSidesOverview > div, html.print-builder #AllSidesOverview > .AllSidesOverviewBox > div { overflow: hidden !important; } html.print-builder #builderStep5Comment > textarea { border: 0 !important; padding: 0 !important; height: auto !important; resize: none !important; } html.print-builder #builderStep5Inner > table > tr > th:last-child, html.print-builder #builderStep5Inner > table > tr > td:last-child, html.print-builder #builderStep5Inner > table > tr > th:last-child, html.print-builder #builderStep5Inner > .builderStep5InnerBox > table > tr > td:last-child {text-align: right !important;} } .isDisabled { cursor: not-allowed; } .isDisabled a { opacity: 0.5; text-decoration: none; pointer-events: none; } /* .hiddenForNow { display: none !important; }*/