.tooltip {
        position:fixed;
}

header, #dataInputs, #dataOutputs {
    margin-bottom: 40px;
}

.disclaimer {
    font-size: 12px;
}

h1 {
    font-size: 20px;
    font-weight: 400;
    margin: 10px 0 5px 0;
}

h2 {
    font-size: 14px;
    font-weight: 200;
    font-style: italic;
}

.content-wrap {
    padding: 0
}


#dataOutputs {
    display: none;
}

@media(min-width: 518px) {

    /* scroll forms to keep svg in place */
    .scrollForm {
        overflow:auto;
        height:500px;
    }
}


@media(min-width: 1300px) {
    /* slide graphic over on desktop */
    svg {
            /* margin-top: -100px; */
            margin-left: -150px;
    }
}


@media(min-width: 1500px) {
    /* slide graphic over on desktop */
    svg {
            margin-left: -300px;
    }
}

.btn-group .btn {
    margin-bottom: 5px;
}

[class *= 'input'] {
    display: none;
}

#sliderGroup {
    display:none;
}

.btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active, .show > .btn-secondary.dropdown-toggle {
    color: #fff;
    background-color: #FFA300;
    border-color: #4e555b;
}

#groupSize, #groupType, #groupProduct {
    display: none;
}

.outputContainer {
    position: relative;
    margin-bottom: 30px;
    margin-top: 15px;
}

[id^=image] {
    font-size: 12px;
    position: absolute;
}

/* #imageHoleDepth {
    top: 200px;
    left: 450px;
} */
