﻿.btn {
    border: none;
    font-size: 16px;
    line-height: 16px;
    color: #FFFFFF;
    padding: 16px 40px;
    margin: 0px;
    border-radius: 4px;
    cursor: pointer;
    font-weight: 400;
    text-decoration: none;
    display: inline-block;
    text-align: center;
}

    .btn span {
        display: inline-block;
        width: auto;
    }

    .btn.btn-primary {
        width: 180px !important;
        background-color: #007CBD;
    }

        .btn.btn-primary:hover {
            background-color: #005A89;
        }

        .btn.btn-primary:focus {
            box-shadow: 0 0 0 3px #8FCAE7;
        }

    .btn.btn-secondary {
        text-decoration: none;
        background-color: #57616D;
        color: #FFFFFF;
    }

        .btn.btn-secondary:hover {
            background-color: #394048;
            color: #FFFFFF;
        }

        .btn.btn-secondary:focus {
            box-shadow: 0 0 0 3px #97999B;
        }

/* Removing the side up and down arrow selections for number inputs */
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button,
input[type="number"] {
    /* Firefox */
    -moz-appearance: textfield;
    /* Chrome, Safari, Edge, Opera */
    -webkit-appearance: none;
}

form p,
form label {
    font-size: 16px;
    margin: 6px 0 3px;
}

form label {
    font-weight: 600 !important;
}

form p {
    font-weight: 400 !important;
    margin: 15px 0px;
}

#form-container.updated h1 {
    font-size: 24px;
    color: #004465;
    font-weight: 800;
    margin: 0 0 25px 0;
}

#form-container {
    background: #FFFFFF;
    padding: 25px;
}

    #form-container h2 {
        margin: 0 0 16px 0;
    }

    #form-container h3 {
        margin: 20px 0 10px 0;
        color: #0085CA;
    }

        #form-container h3 span {
            font-weight: 400;
            font-size: 16px;
        }

    #form-container input.input-validation-error,
    #form-container textarea.input-validation-error {
        border: solid 2px #CA4848 !important;
    }

    #form-container .field-validation-error,
    #form-container .validation-summary-errors {
        color: #CA4848;
        font-size: 15px;
        font-weight: 600;
        display: block;
        margin: 0 0 4px 0;
    }

    #form-container input[type="radio"] {
        accent-color: #57616D;
        width: 15px;
        height: 15px;
    }

        #form-container input[type="radio"]:checked {
            accent-color: #007CBD !important;
        }

        #form-container input[type="radio"].input-validation-error {
            /* The native appearance is hidden */
            /*appearance: none;*/
            /*-webkit-appearance: none;*/
            accent-color: #CA4848 !important;
            border-radius: 50%;
            outline: 2px solid #CA4848;
        }

    #form-container input[type="number"],
    #form-container input[type="text"],
    #form-container textarea {
        border: solid 1px #57616D;
        width: 480px;
        outline: none;
        padding: 0 0 0 16px;
        border-radius: 4px;
        font-weight: 400;
        color: #010101;
        text-decoration: none;
        font-size: 16px;
        padding: 8px 16px;
        line-height: 24px;
    }

    #form-container input[type="number"],
    #form-container input[type="text"] {
        height: 28px;
    }

        /*#form-container input[type="text"]#QuestionsOrComments {
            height: 150px;
        }*/

    #form-container textarea {
        white-space: pre-wrap;
        word-break: break-word;
        height: 180px
    }

        #form-container input[type="number"]:focus,
        #form-container input[type="text"]:focus,
        #form-container textarea:focus {
            border: solid 2px #007CBD;
        }

    #form-container article {
        float: none !important;
        width: 100% !important;
        padding: 10px 0 10px 0;
        margin: 10px 0 10px 0;
        border-bottom: solid 2px #D1D5DB;
    }

        #form-container article.no-border {
            border-bottom: none;
            padding: 0;
            margin: 0;
        }

        #form-container article h2 {
            margin: 0 0 16px 0;
        }

        #form-container article h3 {
            color: #010101;
            margin: 10px 0 20px 0;
        }

            #form-container article h3 span {
                font-weight: 400;
                font-size: 16px;
            }

        #form-container article .group {
            display: block;
            margin: 5px 0 15px;
        }

            #form-container article .group p {
                margin: 0;
            }

        #form-container article p {
            margin: 0 0 16px 0;
        }

        #form-container article ul.blueBar {
            margin: 0 0 30px 15px;
        }

    #form-container .button-group.inline-group {
        width: 520px;
        display: flex;
        justify-content: space-between;
        align-items: center;
        gap: 10px !important;
    }

    #form-container .inline-group {
        display: flex;
        padding: 5px 0px 10px;
        gap: 60px;
        background-color: transparent;
    }

    #form-container .inline-radio {
        display: inline-flex;
        align-items: center; /* Vertically centers the content */
        width: auto
    }

        #form-container .inline-radio label {
            margin-left: 6px;
        }

.select2-container--default .select2-selection--single {
    position: relative;
    background-color: #fff;
    border: 2px solid #007CBD !important;
    border-radius: 4px !important;
    height: auto !important;
    min-height: 48px !important;
    width: 520px !important;
}

    .select2-container--default .select2-selection--single .select2-selection__rendered {
        font-size: 16px !important;
        font-weight: 400 !important;
        margin: 8px 0 0 16px !important;
        padding: 0 !important;
    }

.select2-container--open .select2-dropdown--above,
.select2-container--open .select2-dropdown--below {
    border-top-left-radius: 4px !important;
    border-top-right-radius: 4px !important;
    border: solid 1px #007CBD !important;
    margin-top: 8px !important;
    width: 520px !important;
    text-align: left;
    font-size: 16px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    top: 50%;
    right: 10px;
    height: auto;
    position: absolute;
}

.select2-container--default .select2-selection--single {
    background-color: #fff !important;
    border: 1px solid #464646 !important;
    border-radius: 4px !important;
    height: 48px !important;
    width: 520px !important;
}

    .select2-container--default .select2-selection--single:checked {
        background-color: #ffF !important;
        border: 1px solid #007CBD !important;
        border-radius: 4px !important;
        height: 48px !important;
        width: 520px !important;
    }

.select2-container--default .select2-search--dropdown .select2-search__field {
    border: solid 1px #BBC8D0;
    padding: 8px 16px;
    border-radius: 4px;
}

.select2-container--default .select2-results > .select2-results__options {
    font-family: 'Open Sans', sans-serif;
    margin: 0 10px;
}

.select2-results__option--selectable {
    border-bottom: solid 1px #A8B0B8;
    padding: 0 10px 16px 10px;
    margin: 0 0 16px 0;
}

.ui-dialog {
    /* Dialog above overlay */
    z-index: 1001 !important;
    border-radius: 5px;
}

    .ui-dialog .ui-dialog-title {
        width: 100% !important;
    }

    /* Title bar styling */
    .ui-dialog .ui-dialog-titlebar {
        background-color: #007CBD !important;
        background: #007CBD !important;
        color: #FFFFFF;
        font-weight: 600;
        font-size: 16px;
        text-transform: uppercase;
        padding: 8px 12px;
        border: 1px solid #ccc;
        text-align: center;
        border-radius: 5px;
    }

    .ui-dialog .ui-dialog-titlebar-close {
        display: none !important;
    }

.ui-widget-overlay {
    background: rgb(0, 0, 0, 0.8);
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1000;
}
