/* Typography */
fieldset p small {
    color: #666;
}
#calc-form p {
    color: #333!important;
}
#calc-form p strong {
    color: #000!important;
}

#calc-form input {
    border: 1px solid #26469f;
    color: #26469f;
    background: #c7d5f3;
}

/* Alignments */
.align-bottom {
    vertical-align: bottom!important;
}
.row.align-bottom .col {
    display:flex;
    /*justify-content: flex-end;*/
    align-items: flex-end;
}
.row.align-center .col {
    /*display:flex;*/
    /*align-items: center;*/
}


/* Bootstrap Grid */
#calc-form .row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}
.col {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
}
.col,
.col-md-5,
.col-lg-6 {
    position: relative;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
}
.col-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}
@media (min-width: 576px) {
    .col-sm-4 {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }
    .col-sm-2 {
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%;
    }
}
@media (min-width: 768px){
    .col-md-5 {
        -ms-flex: 0 0 41.666667%;
        flex: 0 0 41.666667%;
        max-width: 41.666667%;
    }
    .col-md-6 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
    .col-md-4 {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }
    .col-md-2 {
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%;
    }
    .col-md-9 {
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%;
    }
}


/* Bootstrap Border */
.border {
    border: 1px solid #dee2e6!important;
    border: 1px solid #eee!important;
}


/* Bootstrap Spacing */
.pt-3, .py-3 {
    padding-top: 1rem!important;
}
.mr-0, .mx-0 {
    margin-right: 0!important;
}
.ml-3, .mx-3 {
    margin-left: 1rem!important;
}
.mr-3, .mx-3 {
    margin-right: 1rem!important;
}
@media (min-width: 768px) {
    .mb-2, .my-2 {
        margin-bottom: .5rem !important;
        margin-bottom: 1rem !important;
    }

    .mt-5, .my-5 {
        margin-top: 3rem !important;
        margin-top: 6rem !important;
    }

    .mb-5, .my-5 {
        margin-bottom: 3rem !important;
        margin-bottom: 6rem !important;
    }


    .ml-md-0, .mx-md-0 {
        margin-left: 0!important;
    }
    .mr-md-0, .mx-md-0 {
        margin-right: 0!important;
    }
}


/* Bootstrap Display */
.d-inline-block {
    display: inline-block!important;
}
.d-none {
    display: none!important;
}
@media (min-width: 768px) {
    .d-md-flex {
        display: -ms-flexbox !important;
        display: flex !important;
    }
    .d-md-none {
        display: none!important;
    }
}


/* Misc Styling Mods */
.width-full {
    width: 100%;
}
.container {
    width: 100%;
}
#calc-form .data-val {
    font-size: 1.2em;
    color: #3e8000 !important;
}
#calc-form input {
    display: inline-block;
    max-width: 150px;
    width: 100%;
    margin-bottom: 20px;
}
@media (max-width: 768px) {
    #calc-form ._container > .row {
        margin-bottom: 20px;
    }
    .mob-shadow {
        box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1);
    }
}