﻿.formWrapper {
    font-size: 1em;
}

.formWrapper .terms{
    text-align:center;
    padding-top:.5em;
}

    .formWrapper .fieldWrapper {
        margin-bottom: 1em;
    }

        .formWrapper .fieldWrapper input[type=text], .formWrapper .fieldWrapper select{
            width:100% !important;
        }

        /*.formWrapper select {
            background-color: #f9f9f9;
            border: 1px solid #ccc;
            padding: 5px 8px;
        }*/

    .formWrapper .frmCheckboxWrapper, .formWrapper .frmRadioWrapper {
        /*max-height: 6em;
        overflow-y: scroll;
        background-color: #f9f9f9;
        border: 1px solid #ccc;
        padding: 5px 8px;*/
        display:flex !important;
        flex-direction:row;
        flex-wrap:wrap;
    }

        .formWrapper .frmCheckboxWrapper .optionCol, .formWrapper .frmRadioWrapper .optionCol {
            flex-grow: 1;
            padding-right: 1em;
        }

    .formWrapper .frmCheckbox, .formWrapper .frmRadio {
        display: flex;
        flex-direction: row;
        align-items: center;
    }

        .formWrapper .frmCheckboxWrapper label {
            font-weight: normal;
        }

    .formWrapper input {
    }

        .formWrapper input[type=checkbox], .formWrapper input[type=radio] {
            padding: 0;
            margin: 0;
            margin-right: .5em;
        }

        .formWrapper input[type=text], .formWrapper select, .formWrapper textarea {
            display: block;
            width: 100%;
            box-sizing: border-box !important;
        }

    .formWrapper textarea {
        color: #808080;
        border: 1px solid #ccc;
        padding: 0.2em;
        font-size: 12pt;
        background: #f9f9f9;
        border-radius: 0;
        padding-left: 5px;
        font-size: 9pt;
        padding: 5px 8px;
        height: 10em;
    }

    .formWrapper .demoOptionWrapper span{
        display:block;
    }

    .formWrapper .selectText{
        padding-bottom:.75em;
    }

    .formWrapper label {
        font-weight: bold;
    }

    .formWrapper .frmButtons {
        text-align: center;
        display: flex;
        align-items: center;
        justify-content: center;
        padding-top: 1em;
    }

        .formWrapper .frmButtons input, .formWrapper .frmButtons button {
            margin:0 .5em;
        }


        /*.formWrapper button, .formWrapper input[type=submit], .resultWrapper .btn {
        font-size: 12pt;
        padding: .5em 20px;
        cursor: pointer;
        margin: 0 .5em;
        -webkit-appearance: none;
    }

        .formWrapper button:hover, .formWrapper input[type=submit]:hover, .resultWrapper .btn:hover {
            background-color: #555;
            color: #fff;
        }

    .formWrapper input[type=submit], .resultWrapper .btn {
        background-color: #073183;
        color: #fff;
    }*/
        .resultWrapper .resultButtons {
    text-align: center;
    display: flex;
    align-items: center;
    padding-top: 1em;
}

.resultWrapper .btn {
    margin: 0 1em 0 0;
    text-decoration: none;
    padding: 4px 8px;
    font-size: 1em;
}

.resultWrapper .searchResult {
    border-bottom: 1px solid #CCC;
    padding-bottom: 1em;
    padding-top: 1em;
}

    .resultWrapper .searchResult h2, .resultWrapper .searchResult h3, .resultWrapper .searchResult h4 {
        margin: 0;
        padding: 0;
    }

.alt_page_navigation {
    margin: 1em 0 0 1px;
}

    .alt_page_navigation a {
        position: relative;
        padding: .5rem .75rem;
        margin-left: -1px;
        line-height: 1.25;
        color: #007bff;
        background-color: #fff;
        border: 1px solid #dee2e6;
        text-decoration: none;
        display: inline-block
    }

        .alt_page_navigation a:hover, .alt_page_navigation a.active_page {
            color: #0056b3;
            background-color: #e9ecef;
            border-color: #dee2e6;
        }

    .alt_page_navigation .ellipse {
        display: inline-block;
    }


.pajinationWrapper {
    padding-top: 1.5em;
}

    .pajinationWrapper a {
        margin-bottom: .5em;
    }

    .pajinationWrapper .info_text {
        margin-bottom: 1em;
    }

.mssgError {
    display: block;
    color: #9f0d0d;
    background-color: #f3b8b8;
    border: 2px solid #9f0d0d;
    font-weight: bold;
    padding: 10px 6px;
    margin: 1em 0;
}

.mssgSuccess {
    color: black;
    background-color: #98ebae;
    border: 2px solid #197e34;
    font-weight: bold;
    padding: 10px 6px;
    margin: 1em 0;
}

.fieldWrapper .fieldZip{
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    justify-content:center;
}

    .fieldWrapper .fieldZip > input, .fieldWrapper .fieldZip .fieldRadius {
        flex: 1;
        min-width: 300px;
        max-width: 100%;
        margin-bottom: 1em;
    }

.fieldZipWrapper{
    margin-bottom:0 !important;
}

.fieldWrapper .fieldZip > input {
    margin-right: 1em;
}

    .fieldWrapper .fieldZip .fieldRadius {
        display: flex;
    }

    .fieldWrapper .fieldZip .fieldRadius select {
        margin:0 .5em;
    }

        .fieldWrapper .fieldZip .fieldRadius div {
            white-space:nowrap;
        }

.resultMap {
    float: right;
    padding-left: 10px;
    padding-bottom: 10px;
}

@media screen and (max-width: 800px) {
    .resultMap {
        float: none;
        padding-bottom: 0;
    }
}

    @media screen and (min-width: 600px) {
        .formWrapper .frmCheckboxWrapper .optionCol, .formWrapper .frmRadioWrapper .optionCol {
        max-width: 50%;
    }
}


