.cool-roof-calculator.without-container{max-width:788px;@media screen and (min-width:1144px){margin-left:calc(50vw - 570px)}
@media screen and (max-width:1143px){margin-left:2px}
}
.cool-roof-calculator.with-container{max-width:788px;margin-left:2px}
.coolRoofCalc{margin:6px}
.coolRoofCalc .roof-calc-title{display:flex;align-items:center;margin-top:.7rem}
.coolRoofCalc h2{font-family:Arial,sans-serif;font-size:15px;margin-left:.15rem}
.coolRoofCalc h3{display:inline;font-family:Arial,sans-serif;font-size:13px}
.coolRoofCalc h4{font-family:Arial,sans-serif;font-size:13px;text-transform:none;word-break:normal;letter-spacing:0rem;line-height:.8rem}
.coolRoofCalc .building-param td{height:2.9rem}
.coolRoofCalc .building-param h3{padding-left:.5rem}
.coolRoofCalc .td-background{height:1.85rem;text-align:center;background-color:#f5f5f5}
.coolRoofCalc select{font-size:13px;width:100%;height:1.85rem;outline:0;padding:0;-webkit-appearance:auto}
.coolRoofCalc .select-properties table{width:100%;background-color:#d6d6d6;border-spacing:.385rem;border-collapse:separate}
.coolRoofCalc .select-properties td{padding:.3rem}
.coolRoofCalc .calculate table{width:100%;border-spacing:.385rem;border-collapse:separate}
.coolRoofCalc .calculate input{font-size:15px;text-align:center;height:1.85rem}
.coolRoofCalc .calculate-result table{width:100%;background-color:#d6d6d6;border-spacing:.385rem;border-collapse:separate}
.coolRoofCalc #changeOnWarehouse table{width:100%;background-color:#d6d6d6;border-spacing:.385rem;border-collapse:separate}
.coolRoofCalc input::-webkit-outer-spin-button,.coolRoofCalc input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.coolRoofCalc .el-row-box-outer{background-color:#415364}
.coolRoofCalc .el-row-box-outer h3{color:#fff}
.coolRoofCalc .row{margin-right:0rem;margin-left:0rem;display:grid}
.coolRoofCalc .row-title{height:4rem}
.coolRoofCalc .row-data{margin-right:0rem;margin-left:0rem;height:2.3rem}
.coolRoofCalc [class*="col-"]{padding-left:.15rem;padding-right:.15rem}
.coolRoofCalc .warehouse .warehouse-container{float:left;width:100%;height:100%;background-color:#d6d6d6;border-spacing:.385rem;border-collapse:separate;max-width:520px}
.coolRoofCalc .warehouse .row:before{display:none}
.coolRoofCalc .warehouse .row:after{display:none}
.coolRoofCalc .warehouse-container [class*="col-"]{margin-right:.3rem}
.coolRoofCalc .warehouse .row-title .col-data{display:flex;justify-content:center;align-items:center;height:100%;text-align:center}
.coolRoofCalc .warehouse .row-data .col-title{line-height:.4rem;padding-left:.8rem;display:flex;align-items:center;height:50%}
.coolRoofCalc .warehouse .row-data .col-data{height:2rem;background-color:#f5f5f5;text-align:center}
.coolRoofCalc .warehouse .row-data .col-data h3{color:black;transform:translate(-50%,-50%)}
.calculate-result table td{padding-bottom:8px}