

/* Start:/bitrix/templates/aspro-allcorp3/components/bitrix/news/calculators/bitrix/news.detail/simple/style.css?17383291986914*/
.calculator {margin: 0 auto 30px; max-width: 1200px;}
.calculator .parameters {display: flex; flex-wrap: wrap; gap: 20px; padding: 20px; border-right: 1px solid #aaa; flex-shrink: 0; background: #eee; align-items: center;}
.calculator .parameter {flex: 1 1 auto;}
.calculator .parameter-name {margin: 0 0 10px; font-weight: bold;}
.calculator .parameter-values {}
.calculator .parameter-values select {width: 100%; background: #fff;}
.calculator .clear-parameters {display: block; padding: 5px 15px; background: #35d; color: #fff; margin: auto auto 0; text-align: center; border: none;}
.calculator .clear-parameters:hover {background: #25c;}
.calculator .pdf-content {display: none;}
.calculator .groups {flex-grow: 1; padding: 20px;}
.calculator .group {margin: 0 0 20px; padding: 0 0 10px; border-bottom: 1px solid #aaa;}
.calculator .group-name {margin: 0 0 10px; font-weight: bold;}
.calculator .elements {}
.calculator .element {display: none; padding: 0 0 10px;}
.calculator .element.visible {display: flex;}
.calculator .element-interface.visible {display: block;}
.calculator .element-property.visible {display: block;}
.calculator .element-name {flex-grow: 1;}
.calculator .element-quantity {text-align: right; flex-grow: 0; margin-left: 20px;}
.calculator .element-quantity input {padding: 5px; font: inherit; width: 100px;}
.calculator .element-price {width: 25%; text-align: right; float: left; display: none;}
.calculator .element:after {content: ""; display: block; clear: both;}
.calculator .result {display: flex; justify-content: space-between; font-weight: bold;}
.calculator .result .value {flex-grow: 0;}
.calculator .result .value {flex-grow: 0;}
.calculator .buttons {text-align: center; display: none;}
.calculator .buttons .button {display: inline-block; padding: 5px 15px; background: #35d; color: #fff; margin: 0 auto; text-align: center; border: none;}
.calculator .buttons .button:hover {background: #25c;}
.calculator .buttons .pdf-form {margin: 20px 0 0;}
.calculator .buttons .pdf-form .form-item {padding: 0 0 20px;}
.calculator .buttons .pdf-form .form-item input[type='text'] {width: 100%; padding: 10px; font: inherit; border: 1px solid #aaa;}

@media (max-width: 767px)
{
	.calculator {display: block;}
	.calculator .parameters {width: auto; border-right: none; border-bottom: 1px solid #aaa;}
}


@media (max-width: 1024px) {

a[href="/calculators/"] > span {
border-bottom: 2px solid;
}

.calculator {
padding: 0px !important;
}

.parameters {
width: 100% !important;
}
}

div[data-active="N"] {
display: none !important;
}

::-webkit-input-placeholder { /* WebKit browsers */
   color:  rgba(7, 36, 68, 1);
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:   rgba(7, 36, 68, 1);
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:   rgba(7, 36, 68, 1);
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
   color:  rgba(7, 36, 68, 1);
}

.parameter-name {
color: rgba(7, 36, 68, 1) !important;
font-size: 20px !important;
line-height: 28px !important;
font-weight: 600 !important;

}

.clear-parameters {
padding: 20px 90px !important;
background: linear-gradient(85.49deg, #1996D0 -6.06%, #00387A 132.79%) !important;
box-shadow: 3px 3px 3px rgba(3, 51, 108, 0.39), inset 3px 3px 6px rgba(255, 255, 255, 0.12) !important;
border-radius: 8px !important;
}

input[name="USER_EMAIL"] {
border: none !important;
border-bottom: 2px solid #C0CDDC !important;
color: rgba(7, 36, 68, 1) !important;
}

input[name="USER_PHONE"] {
border: none !important;
border-bottom: 2px solid #C0CDDC !important;
color: rgba(7, 36, 68, 1) !important;
}

input[name="USER_NAME"] {
border: none !important;
border-bottom: 2px solid #C0CDDC !important;
color: rgba(7, 36, 68, 1) !important;
}

.form-item > a {
font-size: 17px !important;
font-weight: 500 !important;
color: rgba(7, 36, 68, 1) !important;
}

input[type="submit"] {
padding: 20px 90px !important;
background: linear-gradient(85.49deg, #1996D0 -6.06%, #00387A 132.79%) !important;
box-shadow: 3px 3px 3px rgba(3, 51, 108, 0.39), inset 3px 3px 6px rgba(255, 255, 255, 0.12) !important;
border-radius: 8px !important;
font-size: 17px !important;
font-weight: 500 !important;
line-height: 23.15px !important;
}

input[type="checkbox"] {
width: 24px !important;
height: 24px !important;
border-radius: 4px;
border: 1px solid rgba(25, 150, 208, 1) !important;
}

.form-item {
text-align: left !important;
color: rgba(7, 36, 68, 1) !important;
font-size: 17px !important;
font-weight: 500 !important;
line-height: 23.15px !important;
}

.buttons > p {
font-size: 20px !important;
color: rgba(7, 36, 68, 1) !important;
line-height: 28px !important;
font-weight: 600 !important;
text-align: left !important;
}

.pdf-content > div {
font-size: 17px !important;
color: rgba(7, 36, 68, 1) !important;
font-weight: 400 !important;
line-height: 23.8px !important;

}

.result {
color: rgba(7, 36, 68, 1) !important;
font-size: 26px !important;
font-weight: 700 !important;
line-height: 36.4px !important;
margin-bottom: 40px !important;
}

.group {
border: none !important;
}

.title {
color: rgba(7, 36, 68, 1) !important;
font-size: 26px !important;
font-weight: 700 !important;
line-height: 36.4px !important;
}

.element {
color: rgba(7, 36, 68, 1) !important;
font-size: 17px !important;
line-height: 23.8px !important;
font-weight: 400 !important;

}

.group-name {
color: rgba(7, 36, 68, 1) !important;
font-size: 20px !important;
font-weight: 600 !important;
line-height: 28px !important;
}

.select-parameters > p > b > b {
color: rgba(7, 36, 68, 1) !important;
font-size: 17px !important;
line-heigth: 23.8px !important;
font-weight: 400 !important;
}



.select-parameters > p > b {
color: rgba(7, 36, 68, 1) !important;
font-size: 17px !important;
line-heigth: 23.8px !important;
font-weight: 400 !important;
}

img[src="/upload/images/slev.jpg"] {
display: none !important;
}

.parameter-values > select {
padding: 18px 20px !important;
border: 1px solid #C0CDDC;
border-radius: 8px;
}

.parameters {
background: rgba(232, 239, 248, 1) !important;
border-radius: 12px;
height: 100%;
}




.right_block  > .pad > .calculator {
flex-direction: row-reverse !important;
border: none !important;
}

.calculators {
align-items: flex-start !important;
}


.calculator {
border: 1px solid rgba(25, 150, 208, 1) !important;
border-radius: 8px;
padding: 20px !important;
flex: inherit !important;
}

.calculators > a {
color: rgba(0, 56, 122, 1) !important;
font-weight: 600;
font-size: 25px !important;
}


.calculator > a {
color: rgba(0, 56, 122, 1) !important;
font-weight: 600;
font-size: 25px !important;


}

.calculator-my {
color: rgba(0, 56, 122, 1) !important;
font-weight: 600;
font-size: 25px !important;
border: 1px solid rgba(25, 150, 208, 1) !important;
background: #FFF !important; 
border-radius: 8px;

}

.calculator-add {
display: none !important;
}



.calculator-edit {
display: none !important;

}
/* End */
/* /bitrix/templates/aspro-allcorp3/components/bitrix/news/calculators/bitrix/news.detail/simple/style.css?17383291986914 */
