﻿
.form-group label {
    font-weight: 600;
    margin-bottom: .5rem;
}


.form-group .form-control {
    margin-bottom: 10px;
    border: 1px solid #656565
}

    .form-group .form-control:focus {
        border-color: #80bdff
    }

.form-group.filterabledropdownlist .select2-selection {
    height: calc(2.25rem + 2px);
    margin-bottom: 10px;
    font-size: 1rem;
    line-height: 1.5;
    border: 1px solid #656565
}

    .form-group.filterabledropdownlist .select2-selection .select2-selection__arrow {
        font-weight: 900;
        font-family: "Font Awesome 5 Free";
        -moz-osx-font-smoothing: grayscale;
        -webkit-font-smoothing: antialiased;
        font-style: normal;
        font-variant: normal;
        text-rendering: auto;
        line-height: 1;
        font-size: 10px
    }

        .form-group.filterabledropdownlist .select2-selection .select2-selection__arrow b {
            border: none;
            margin-left: 1px;
            margin-top: -5px
        }

            .form-group.filterabledropdownlist .select2-selection .select2-selection__arrow b::before {
                content: "";
                text-shadow: 0px 0px 1px #000
            }

.form-group .umbraco-forms-indicator {
    color: #c00
}

.form-group .field-validation-error {
    color: #c00
}

.select2-container--bootstrap .select2-selection {
    box-shadow: none
}

.select2-container--bootstrap .select2-search--dropdown .select2-search__field {
    font-size: 16px
}

.select2-container--bootstrap.select2-container--focus .select2-selection, .select2-container--bootstrap.select2-container--open .select2-selection {
    border-color: #80bdff;
    box-shadow: 0 0 0 .2rem rgba(0,123,255,.25)
}

.hide {
    display: none
}

.main-content form {
    margin-top: 20px
}

.button {
    width: auto;
    margin: 10px auto;
    text-align: center;
    color: #fff;
    padding: 12px 20px;
    font-weight: 700;
    border: 0px;
    cursor: pointer
}

    .button:hover, .button:focus {
        text-decoration: none
    }

    .button.blue-button {
        background: #168ea8
    }

        .button.blue-button:hover, .button.blue-button:focus {
            color: #fff;
            background: #10687b
        }

    .button.darkblue-button {
        background: #006080
    }

        .button.darkblue-button:hover, .button.darkblue-button:focus {
            color: #fff;
            background: #004d67
        }

    .button.green-button {
        background: #2da373
    }

        .button.green-button:hover, .button.green-button:focus {
            color: #fff;
            background: #227b57
        }

    .button.yellow-button {
        background: #d57e1d
    }

        .button.yellow-button:hover, .button.yellow-button:focus {
            color: #fff;
            background: #a86317
        }

