*[class*="Col-"] {
    box-sizing: border-box !important;
    margin: 5px 8px 14px 8px;
    padding: 0 !important;
}

.CalcBox {
    box-sizing: border-box !important;
    background-color: #f8f8f8;
    border: 1px solid #cccc;
    border-radius: 6px
}

.FormStyle {
    border: none;
    background-color: transparent !important;
}

table.border {
    background-color: #fff !important;
    margin-bottom: 14px !important
}

@media only screen and (min-width: 481px) {
    *[class*="Col-"] {
        box-sizing: border-box !important;
        margin: 5px 5px 14px 5px;
        padding: 0 !important;
    }

    .FormStyle {
        box-sizing: border-box !important;
        padding: 10px 3% 10px 3%;
        text-align: left;
        width: auto !important
    }

    .FormStyle div.Label {
        box-sizing: border-box !important;
        clear: left;
        float: left;
        margin: 0 1% 1px 0;
        padding: 8px 1% 0 1%;
        width: 40%
    }

    .FormStyle div.Input {
        box-sizing: border-box !important;
        float: left;
        margin: 0 0 1px 0;
        padding: 8px 1% 0 1%;
        width: 50%
    }

    .Fl-stretch {
        align-items: stretch;
    }
}

@media only screen and (min-width: 1080px) {
    *[class*="Col-"] {
        box-sizing: border-box !important;
        margin: 5px 9px 14px 9px;
        padding: 0 !important;
    }
}
/* Styles for calculator */
.results {
    opacity: 0.4;
    min-width: 230px;
}
.results.ready {
    opacity: 1;
}
.error-message {
    font-size: larger;
    color: red;
    background: lightyellow;
    text-align: center;
}
.hidden {
    display:none;
}
.input-field.error {
    border: 1px solid red;
}