﻿hr
{
    border-color:#e6e6e6;
    margin-top:13px;
    padding:0px !important;
}
.container
{

}
button
{
    outline:none !important;
}
.glyphicon-chevron-down
{
    font-size: 20px;
    padding-right:10px;
    /*padding-left:25px;*/
    float:right;
    text-align:right;
    height:21px;
}
@media (min-width: 720px)
{
    .section-title-bar
    {
        height:30px;
    }
    .section-title-bar:hover
    {
        cursor:pointer;
    }
    .section-title-bar:hover > .section-title
    {
        font-size:25px;
        padding:0px;
        color:#000000;
        /*font-weight:bold;*/
    }
    .section-title-bar:focus > .section-title
    {
        font-size:25px;
        padding:0px;
        color:#000000;
        /*font-weight:bold;*/
    }
    .section-title-bar:hover > .section-value
    {
        color:#000000;
    }

    .section-title-bar:hover > .glyphicon-chevron-down
    {
        font-weight:bold;
        color:#000000;
    }
    .section-title-bar:focus > .glyphicon-chevron-down
    {
        font-weight:bold;
        color:#000000;
    }
    .section-title
    {
        height:28px;
    }
}

.section-title-bar
{
    padding:0px;
    cursor:pointer;
}
.section-title-bar:focus
{
    outline:none;
}
.section-title
{
    margin:0px;
    padding:2px 0px 0px 0px;
}
.section-value
{
    text-align:right;
    font-size: 19px;
    margin:0px;
    padding:2px 0px;
}
.section-value-text:hover
{
    cursor:text;
}
.section-value-text
{
    outline:none;
}
.section-value-input
{
    width:33.33333333%;
    font-size: 19px;
    text-align:right;
    padding:2px 5px;
    margin-top:-3px !important;
}
div.section-note li
{
    /*padding-left:104px;*/
    /*text-indent:-104px;*/
}
.hide-for-swap
{
	display:none;
}
.section-well
{
    padding:0px;
}
.section-note
{
    margin-bottom:25px;
}
.well
{
    margin-top: 10px;
    margin-bottom: 0px;
}
.element-label
{
    text-align:left !important;
    padding-left:0px;
    padding-right:0px;
}
.disabled-input
{
    background-color:#eee;
    opacity:1;
}
.disabled-button
{
    opacity:0.65;
}

@media (max-width: 719px)
{
    .section-title
    {
        height:30px;
        font-size:18px;
    }
    .section-value
    {
        margin-top:-3px;
    }
    .section-value-text
    {
        font-size: 18px;
        border:1px solid black;
        border-radius:3px;
        padding:3px;
    }
    .section-value-input
    {
        height:30px !important;
        font-size: 18px !important;
        text-align:right;
        padding:0px 4px;
        margin-top:-5px !important;
    }
    .section-note
    {
        font-size:11px;
    }
    .glyphicon-chevron-down
    {
        padding-left:3%;
        font-size:18px;
    }
    .element-label
    {
        font-size:11px;
    }
    .input-sm
    {
        height:26px;
        font-size:11px;
    }
    .input-group-addon
    {
        font-size:12px;
    }
    .form-group
    {
        margin-bottom:10px;
    }
}
@media (max-width: 539px)
{
    .section-title
    {
        font-size:14px;
    }
    .section-value-text
    {
        font-size: 14px;
    }
    .section-value-input
    {
        /*width:25%;*/
        height:26px !important;
        font-size: 14px !important;
        margin-top:-3px !important;
    }
    .glyphicon-chevron-down
    {
        font-size:15px;
    }
}

/* Leakage */
#Leakage-well
{
    
}
.primary-device
{
    
}
.primary-device-name-form-group
{
    margin-top:20px;
}
.primary-device-name
{
    margin:0px;
    padding:4px 0px;
}
.primary-device-btn
{
    padding:0px;
}
.add-primary-device-btn
{
    width:80px;
    float:right;
    text-align:left;
    padding:6px 9px;
    /* FireFox bug fix */
    white-space:normal;
}

@media (min-width: 720px)
{
    .add-primary-device-btn .glyphicon-plus
    {
        float:right;
    }
}

.remove-primary-device-btn
{
    height:25px;
    width:25px;
    text-align:right;
    padding:6px 4px !important;
}

@media (max-width: 719px)
{
    .primary-device-name-form-group
    {
        margin-top:15px;
        margin-bottom:5px;
    }
    .primary-device-name
    {
        font-size:18px;
    }
    .add-primary-device-btn
    {
        text-align:center;
        height:25px;
        width:25px;
        padding:0px 0px 0px 1px;
        /*margin-top:5px;
        margin-left:3px;*/
    }
    .remove-primary-device-btn
    {
        padding:2px 3px !important;
    }
}

@media (min-width: 540px)
{
    #Leakage-well
    {
        padding-left:calc(19px + 1%);
        padding-right:0px;
    }
}

@media (max-width: 539px)
{
    .add-primary-device-btn
    {
        float:right;
    }
    .remove-primary-device-btn
    {
        float:right;
    }
}

/* Control Requirements */
#ControlRequirements-well
{
    padding:30px 19px 15px 19px;
}

/* Loop Flushing */
#LoopFlushing-well
{
    padding:30px 19px 15px 19px;
}

/* Fluid Compressibility */
#FluidCompressibility-well
{
    padding:30px 19px 15px 19px;
}


/* Auxiliary Functions */
#AuxiliaryFunctions-well
{
    
}
.auxiliary-function-name-form-group
{
    margin-bottom:11px;
}
.auxiliary-function-name
{
    padding:0px;
    margin-bottom:0px;
}
.auxiliary-function-btn
{
    padding:0px;
}
.add-auxiliary-device-btn
{
    height:25px;
    width:25px;
    float:right;
    padding:0px 0px 0px 1px;
    margin-top:4px;
    margin-left:20px;
}

.remove-auxiliary-device-btn
{
    float:none !important;
    margin-top:2px !important;
    /*margin-left:6px !important;*/
    height:20px;
    width:24px;

}
.auxiliary-function-row
{
    margin:0px;
}
.auxiliary-function-input-group
{
    /* for correct remove button placement */
    float:left !important;
    padding-right:2px !important;
}
@media (max-width: 719px)
{
    .auxiliary-function-name
    {
        font-size:11px;
    }
    .add-auxiliary-device-btn
    {
        float:right;
    }
    .remove-auxiliary-device-btn
    {
        margin-top:0px !important;
        /*margin-left:6px !important;*/
    }
}
@media (min-width:540px)
{
    #AuxiliaryFunctions-well
    {
        padding-left:calc(19px + 1%);
        padding-right:0px;
    }
}

/* Totals */
.total-bar
{
    text-align:right;
    padding:0px;
}
.total
{
    padding:0px;
}
.total-value
{
    font-size:19px;
}
@media (max-width:719px)
{
    .total-text
    {
        font-size:16px;
    }
    .total-value
    {
        font-size:18px;
        padding-right:4px;
    }
}
@media (max-width:539px)
{
    .total-text
    {
        font-size:13px;
    }
    .total-value
    {
        font-size:14px;
    }
}

/* Charge Flow */
#CalculateChargeFlow-well
{
    padding:30px 19px 15px 19px;
}
#calculate-charge-flow-title
{
    margin-bottom:20px;
    padding-left:0px;
}
#collapse-charge-flow
{
    text-align:right;
}
#charge-flow-provided
{
    padding:5px 0px 0px 0px;
}