/*! =======================================================
                          VERSION  11.0.2
    ========================================================= */
/*! =========================================================
 * bootstrap-slider.js
 *
 * Maintainers:
 *		Kyle Kemp
 *			- Twitter: @seiyria
 *			- Github:  seiyria
 *		Rohit Kalkur
 *			- Twitter: @Rovolutionary
 *			- Github:  rovolution
 *
 * =========================================================
 *
 * bootstrap-slider is released under the MIT License
 * Copyright (c) 2019 Kyle Kemp, Rohit Kalkur, and contributors
 *
 * Permission is hereby granted, free of charge, to any person
 * obtaining a copy of this software and associated documentation
 * files (the "Software"), to deal in the Software without
 * restriction, including without limitation the rights to use,
 * copy, modify, merge, publish, distribute, sublicense, and/or sell
 * copies of the Software, and to permit persons to whom the
 * Software is furnished to do so, subject to the following
 * conditions:
 *
 * The above copyright notice and this permission notice shall be
 * included in all copies or substantial portions of the Software.
 *
 * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
 * EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES
 * OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
 * NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT
 * HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY,
 * WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
 * FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR
 * OTHER DEALINGS IN THE SOFTWARE.
 *
 * ========================================================= */
.slider{
    display:inline-block;
    vertical-align:middle;
    position:relative
}
.slider.slider-horizontal{
    width:210px;
    height:20px
}
.slider.slider-horizontal .slider-track{
    height:10px;
    width:100%;
    margin-top:-5px;
    top:50%;
    left:0
}
.slider.slider-horizontal .slider-selection,
.slider.slider-horizontal .slider-track-high,
.slider.slider-horizontal .slider-track-low{
    height:100%;
    top:0;
    bottom:0
}
.slider.slider-horizontal .slider-handle,
.slider.slider-horizontal .slider-tick{
    margin-left:-10px
}
.slider.slider-horizontal .slider-handle.triangle,
.slider.slider-horizontal .slider-tick.triangle{
    position:relative;
    top:50%;
    transform:translateY(-50%);
    border-width:0 10px 10px;
    width:0;
    height:0;
    border-bottom-color:#036fa5;
    margin-top:0
}
.slider.slider-horizontal .slider-tick-container{
    white-space:nowrap;
    position:absolute;
    top:0;
    left:0;
    width:100%
}
.slider.slider-horizontal .slider-tick-label-container{
    white-space:nowrap;
    margin-top:20px
}
.slider.slider-horizontal .slider-tick-label-container .slider-tick-label{
    display:inline-block;
    text-align:center
}
.slider.slider-horizontal.slider-rtl .slider-track{
    left:auto;
    right:0
}
.slider.slider-horizontal.slider-rtl .slider-handle,
.slider.slider-horizontal.slider-rtl .slider-tick{
    margin-left:0;
    margin-right:-10px
}
.slider.slider-horizontal.slider-rtl .slider-tick-container{
    left:auto;
    right:0
}
.slider.slider-vertical{
    height:210px;
    width:20px
}
.slider.slider-vertical .slider-track{
    width:10px;
    height:100%;
    left:25%;
    top:0
}
.slider.slider-vertical .slider-selection{
    width:100%;
    left:0;
    top:0;
    bottom:0
}
.slider.slider-vertical .slider-track-high,
.slider.slider-vertical .slider-track-low{
    width:100%;
    left:0;
    right:0
}
.slider.slider-vertical .slider-handle,
.slider.slider-vertical .slider-tick{
    margin-top:-10px
}
.slider.slider-vertical .slider-handle.triangle,
.slider.slider-vertical .slider-tick.triangle{
    border-width:10px 0 10px 10px;
    width:1px;
    height:1px;
    border-left-color:#036fa5;
    margin-left:0
}
.slider.slider-vertical .slider-tick-label-container{
    white-space:nowrap
}
.slider.slider-vertical .slider-tick-label-container .slider-tick-label{
    padding-left:4px
}
.slider.slider-vertical.slider-rtl .slider-track{
    left:auto;
    right:25%
}
.slider.slider-vertical.slider-rtl .slider-selection{
    left:auto;
    right:0
}
.slider.slider-vertical.slider-rtl .slider-handle.triangle,
.slider.slider-vertical.slider-rtl .slider-tick.triangle{
    border-width:10px 10px 10px 0
}
.slider.slider-vertical.slider-rtl .slider-tick-label-container .slider-tick-label{
    padding-left:0;
    padding-right:4px
}
.slider.slider-disabled .slider-handle{
    background-color:#cfcfcf;
    background-image:-moz-linear-gradient(top,#dfdfdf,#bebebe);
    background-image:-webkit-gradient(linear,0 0,0 100%,from(#dfdfdf),to(#bebebe));
    background-image:-webkit-linear-gradient(top,#dfdfdf,#bebebe);
    background-image:-o-linear-gradient(top,#dfdfdf,#bebebe);
    background-image:linear-gradient(180deg,#dfdfdf,#bebebe);
    background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#DFDFDF",endColorstr="#BEBEBE",GradientType=0)
}
.slider.slider-disabled .slider-track{
    background-color:#e7e7e7;
    background-image:-moz-linear-gradient(top,#e5e5e5,#e9e9e9);
    background-image:-webkit-gradient(linear,0 0,0 100%,from(#e5e5e5),to(#e9e9e9));
    background-image:-webkit-linear-gradient(top,#e5e5e5,#e9e9e9);
    background-image:-o-linear-gradient(top,#e5e5e5,#e9e9e9);
    background-image:linear-gradient(180deg,#e5e5e5,#e9e9e9);
    background-repeat:repeat-x;
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#E5E5E5",endColorstr="#E9E9E9",GradientType=0);cursor:not-allowed
}
.slider input{
    display:none
}
.slider .tooltip-inner{
    white-space:nowrap;
    max-width:none
}
.slider .bs-tooltip-bottom .tooltip-inner,
.slider .bs-tooltip-top .tooltip-inner{
    position:relative;
    left:-50%
}
.slider.bs-tooltip-left .tooltip-inner,
.slider.bs-tooltip-right .tooltip-inner{
    position:relative;
    top:-100%
}
.slider .tooltip{
    pointer-events:none
}
.slider .tooltip.bs-tooltip-bottom .arrow,
.slider .tooltip.bs-tooltip-top .arrow{
    left:-.4rem
}
.slider .tooltip.bs-tooltip-top{
    margin-top:-44px
}
.slider .tooltip.bs-tooltip-bottom{
    margin-top:2px
}
.slider .tooltip.bs-tooltip-left,
.slider .tooltip.bs-tooltip-right{
    margin-top:-14px
}
.slider .tooltip.bs-tooltip-left .arrow,
.slider .tooltip.bs-tooltip-right .arrow{
    top:8px
}
.slider .hide{
    display:none
}
.slider-track{
    background-image:-moz-linear-gradient(top,#f5f5f5,#f9f9f9);
    background-image:-webkit-gradient(linear,0 0,0 100%,from(#f5f5f5),to(#f9f9f9));
    background-image:-webkit-linear-gradient(top,#f5f5f5,#f9f9f9);
    background-image:-o-linear-gradient(top,#f5f5f5,#f9f9f9);
    background-image:linear-gradient(180deg,#f5f5f5,#f9f9f9);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#F5F5F5",endColorstr="#F9F9F9",GradientType=0);
    -webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,.1);
    -moz-box-shadow:inset 0 1px 2px rgba(0,0,0,.1);
    box-shadow:inset 0 1px 2px rgba(0,0,0,.1);
    cursor:pointer
}
.slider-selection,
.slider-track{
    background-color:#f7f7f7;
    background-repeat:repeat-x;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:4px;
    position:absolute
}
.slider-selection{
    background-image:-moz-linear-gradient(top,#f9f9f9,#f5f5f5);
    background-image:-webkit-gradient(linear,0 0,0 100%,from(#f9f9f9),to(#f5f5f5));
    background-image:-webkit-linear-gradient(top,#f9f9f9,#f5f5f5);
    background-image:-o-linear-gradient(top,#f9f9f9,#f5f5f5);
    background-image:linear-gradient(180deg,#f9f9f9,#f5f5f5);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#F9F9F9",endColorstr="#F5F5F5",GradientType=0);
    -webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);
    -moz-box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);
    box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box
}
.slider-selection.tick-slider-selection{
    background-color:#46c1fe;
    background-image:-moz-linear-gradient(top,#52c5ff,#3abcfd);
    background-image:-webkit-gradient(linear,0 0,0 100%,from(#52c5ff),to(#3abcfd));
    background-image:-webkit-linear-gradient(top,#52c5ff,#3abcfd);
    background-image:-o-linear-gradient(top,#52c5ff,#3abcfd);
    background-image:linear-gradient(180deg,#52c5ff,#3abcfd);
    background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#52c5ff",endColorstr="#3abcfd",GradientType=0)
}
.slider-track-high,
.slider-track-low{
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:4px;
    position:absolute;
    background:transparent
}
.slider-handle{
    background-color:#0478b2;
    background-image:-moz-linear-gradient(top,#0480be,#036fa5);
    background-image:-webkit-gradient(linear,0 0,0 100%,from(#0480be),to(#036fa5));
    background-image:-webkit-linear-gradient(top,#0480be,#036fa5);
    background-image:-o-linear-gradient(top,#0480be,#036fa5);
    background-image:linear-gradient(180deg,#0480be,#036fa5);
    background-repeat:repeat-x;
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#0480BE",endColorstr="#036fa5",GradientType=0);
    -webkit-box-shadow:inset 0 1px 0 hsla(0,0%,100%,.2),0 1px 2px rgba(0,0,0,.05);
    -moz-box-shadow:inset 0 1px 0 hsla(0,0%,100%,.2),0 1px 2px rgba(0,0,0,.05);
    box-shadow:inset 0 1px 0 hsla(0,0%,100%,.2),0 1px 2px rgba(0,0,0,.05);
    position:absolute;top:0;width:20px;height:20px;
    background-color:#0480be;border:0 solid transparent
}
.slider-handle:hover{
    cursor:pointer
}
.slider-handle.round{
    -webkit-border-radius:20px;
    -moz-border-radius:20px;
    border-radius:20px
}
.slider-handle.custom,
.slider-handle.triangle{
    background:transparent none
}
.slider-handle.custom:before{
    line-height:20px;
    font-size:20px;
    content:"\2605";
    color:#726204
}
.slider-tick{
    background-color:#f7f7f7;
    background-image:-moz-linear-gradient(top,#f5f5f5,#f9f9f9);
    background-image:-webkit-gradient(linear,0 0,0 100%,from(#f5f5f5),to(#f9f9f9));
    background-image:-webkit-linear-gradient(top,#f5f5f5,#f9f9f9);
    background-image:-o-linear-gradient(top,#f5f5f5,#f9f9f9);
    background-image:linear-gradient(180deg,#f5f5f5,#f9f9f9);
    background-repeat:repeat-x;
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#F5F5F5",endColorstr="#F9F9F9",GradientType=0);
    -webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);
    -moz-box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);
    box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    position:absolute;
    cursor:pointer;
    width:20px;height:20px;
    filter:none;
    opacity:.8;border:0 solid transparent
}
.slider-tick.round{
    border-radius:50%
}
.slider-tick.custom,
.slider-tick.triangle{
    background:transparent none
}
.slider-tick.custom:before{
    line-height:20px;
    font-size:20px;
    content:"\2605";
    color:#726204
}
.slider-tick.in-selection{
    background-color:#46c1fe;
    background-image:-moz-linear-gradient(top,#52c5ff,#3abcfd);
    background-image:-webkit-gradient(linear,0 0,0 100%,from(#52c5ff),to(#3abcfd));
    background-image:-webkit-linear-gradient(top,#52c5ff,#3abcfd);
    background-image:-o-linear-gradient(top,#52c5ff,#3abcfd);
    background-image:linear-gradient(180deg,#52c5ff,#3abcfd);
    background-repeat:repeat-x;
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#52c5ff",endColorstr="#3abcfd",GradientType=0);
    opacity:1
}
#calculation-app h3{
    color:#0e2149
}
#calculation-app .container{
    padding:0
}
#calculation-app .col{
    padding-left:13px;
    padding-right:13px
}
#calculation-app .slider.slider-horizontal{
    width:100%
}
/* custom code */
#calculation-app #heating_temperatures .slider.slider-horizontal,
#calculation-app #cooling_temperatures .slider.slider-horizontal,
#calculation-app #airflow .slider.slider-horizontal,
#calculation-app #primaryAir .slider.slider-horizontal,
#calculation-app #externalPressureLoss .slider.slider-horizontal
{
    width: 75%;
    margin: 2%;
    float: right;
}
#calculation-app #externalPressureLoss .slider.slider-horizontal
{
    width: 54%;
}
#calculation-app #airflow .slider.slider-horizontal {
    width: 68%;
}
#calculation-app #steps .slider.slider-horizontal
{
    width: 60%;
    margin: 2%;
    float: right;
}
@media all and (max-width: 991px) {
    #calculation-app #steps .slider.slider-horizontal
    {
        width: 75%;
        margin: 2%;
        float: right;
    }
}
/* custom code end*/

#calculation-app .slider.slider-horizontal .slider-track{
    height:3px;
    margin-top:-2px;
    border-left:1px solid #b7b7b7;border-right:1px solid #b7b7b7
}
#calculation-app .slider.slider-horizontal .slider-handle,
#calculation-app .slider.slider-horizontal .slider-tick{
    width:14px;
    height:14px;
    background-color:#97c00e;
    background-image:none;
    top:2px
}
#calculation-app .slider.slider-horizontal .slider-selection,
#calculation-app .slider.slider-horizontal .slider-selection.tick-slider-selection,
#calculation-app .slider.slider-horizontal .slider-track{
    background-color:#707070;
    background-image:none;
    box-shadow:none
}
#calculation-app .slider.slider-horizontal .tooltip{
    display:none
}
#calculation-app .medium-label,
#calculation-app .mode-label{
    font-size:1rem;
    color:#707070
}
#calculation-app .temp-label,
#calculation-app .socketCount-label,
#calculation-app .airflowPrimary-label,
#calculation-app .temperature-label,
#calculation-app .relativeHumidity-label
{
    margin-bottom: 20px;
    text-align: left;
    display: inline-flex;
    align-items: center;
    height: 38px;
    width: 100%;
}
#calculation-app input{
    margin-bottom: 1rem;
}
#calculation-app .slider-tick-container{
    display:none
}
#calculation-app #temp-relative-humidity-cooling-value,
#calculation-app #temp-tl-cooling-value,
#calculation-app #temp-tl-heating-value,
#calculation-app #temp-tw1-cooling-value,
#calculation-app #temp-tw1-heating-value,
#calculation-app #temp-tw2-cooling-value,
#calculation-app #temp-tw2-heating-value{
    font-size:16px;
    color:#707070;
    margin-left:9px
}
#calculation-app button{
    box-shadow:none;
    background-color:transparent;
    border:2px solid #c4c4c4;
    border-radius:4px;
    padding:10px 35px;
    color:#142245
}
/* custom code */
#calculation-app #cooling_temperatures input,
#calculation-app #heating_temperatures input,
#calculation-app #airflow input,
#calculation-app #primaryAir input,
#calculation-app #externalPressureLoss input
{
    width: 18%;
    display: block!important;
    text-align: center;
}
#calculation-app #externalPressureLoss input {
    width: 38%;
}
#calculation-app #airflow input {
    width: 25%;
}
/* end custom code */
#calculation-app #primary_air_flow input{
    width:45px;
    display:block!important;
    text-align:center
}
#calculation-app span[id*=-value]{
    display:none
}
#calculation-app #cooling_temperatures #massflow_cooling_value_outer input,
#calculation-app #heating_temperatures #massflow_heating_value_outer input{
    width:100%;
    text-align:left
}
@media all and (max-width: 991px) {
    #calculation-app #heating_temperatures .col-12:not(:last-child),
    #calculation-app #cooling_temperatures .col-12:not(:last-child) {
        margin-bottom: 40px;
    }
}
[id^="calculation-app__result-table"] *{
    color:#0e2149
}
[id^="calculation-app__result-table"] th{
    color:#97c00e!important;
    font-weight:400;
    padding:20px;
    border-bottom:1px solid #707070;
    text-align:center
}
[id^="calculation-app__result-table"] td:first-child,
[id^="calculation-app__result-table"] th:first-child{
    text-align:left;
    width:33%
}
[id^="calculation-app__result-table"] tr :first-child{
    border-right:1px solid #707070;
    padding-left:5px
}
[id^="calculation-app__result-table"] td{
    text-align:center;
    padding:7px 0
}
[id^="calculation-app__result-table"] .message.error{
    padding:5px;
    border:1px solid red
}
[id^="calculation-app__result-table"] tr span.comfortToolTip{
    background-image:url(/build/images/icon_info.png);
    width:12px;
    height:12px;
    display:inline-block;
    border-right:none
}
[id^="calculation-app__result-table"] .tooltip.bs-tooltip-top{
    opacity:1
}
[id^="calculation-app__result-table"] .tooltip-inner{
    background-color:#97c00e
}
[id^="calculation-app__result-table"] .bs-tooltip-auto[x-placement^=top] .arrow:before,
[id^="calculation-app__result-table"] .bs-tooltip-top .arrow:before{
    border-top-color:#97c00e
}
.tooltip.show{
    opacity:1
}
.bs-tooltip-auto[x-placement^=top],
.bs-tooltip-top{
    padding:.4rem 0
}
.tooltip{
    position:absolute;
    z-index:1070;
    display:block;
    margin:0;
    font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;
    font-style:normal;
    font-weight:400;
    line-height:1.5;
    text-align:left;
    text-align:start;
    text-decoration:none;
    text-shadow:none;
    text-transform:none;
    letter-spacing:normal;
    word-break:normal;
    word-spacing:normal;
    white-space:normal;
    line-break:auto;
    font-size:.875rem;
    word-wrap:break-word;
    opacity:0
}
.bs-tooltip-auto[x-placement^=top] .arrow,
.bs-tooltip-top .arrow{
    bottom:0
}
.tooltip .arrow{
    position:absolute;
    display:block;
    width:.8rem;
    height:.4rem
}
.tooltip .arrow:before{
    position:absolute;
    content:"";
    border-color:transparent;
    border-style:solid
}
.bs-tooltip-auto[x-placement^=top] .arrow:before,
.bs-tooltip-top .arrow:before{
    top:0;
    border-width:.4rem .4rem 0;border-top-color:#97c00e
}
.tooltip-inner{
    max-width:200px;
    padding:.25rem .5rem;
    color:#fff;
    text-align:center;
    background-color:#97c00e;
    border-radius:.25rem
}
#calc_app_select_calc_mode_heating,
#calc_app_select_calc_mode_cooling{
    text-align-last: left;
    padding: .375rem 1.2rem .375rem .375rem;
    margin-bottom: 20px
}
span.externalPressure-label {
    display: block;
    width: 300px;
}