/* Defines the main display font */
@font-face {
    font-family: 'Concourse';
    src: url('/fonts/concourse_t3_regular.woff') format('woff');
    font-weight: 300;
    font-stretch: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Concourse';
    src: url('/fonts/concourse_t3_italic.woff') format('woff');
    font-weight: 300;
    font-stretch: normal;
    font-style: italic;
}

@font-face {
    font-family: 'Concourse';
    src: url('/fonts/concourse_t4_regular.woff') format('woff');
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Concourse';
    src: url('/fonts/concourse_t4_italic.woff') format('woff');
    font-weight: 400;
    font-stretch: normal;
    font-style: italic;
}

@font-face {
    font-family: 'Concourse';
    src: url('/fonts/concourse_t4_bold.woff') format('woff');
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Concourse';
    src: url('/fonts/concourse_t4_bold_italic.woff') format('woff');
    font-weight: 500;
    font-stretch: normal;
    font-style: italic;
}

body {
    font-family: 'Concourse';
    font-weight: 300;
    font-style: normal;
    padding-top: 50px;
    padding-bottom: 20px;
    /* Color definitions using CSS Variables 
       However, the variables are NOT used because they are not supported in IE11.
    */
    --tame-red: #A22135;
    --tame-blue: #073086;
}

/* Set padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
}

.footer {
    font-size: small;
}

/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
.dl-horizontal dt {
    white-space: normal;
}

/* These are used to support the common HTML5 validation error presentation */
.error-block {
    min-height: 24px;
    /*padding-top: 4px;*/
    padding-left: 11px;
    text-align: left;
}

.invalid-feedback {
    min-height: 20px;
    /*padding-top: 4px;*/
    padding-left: 11px;
    text-align: left;
    display: block;
}

.validation-summary-errors ul {
    list-style-type: none;
    padding-left: 0;
    margin-bottom: 0;
}

/* Decrease the vertical space between input fields */
.form-group {
    margin-bottom: 8px;
}

/* Mark invalid input fields */
input.input-validation-error, input.input-validation-error:focus {
    background-color: yellow;
    border: 3px solid red;
}

input.valid, select.valid {
    border: 2px solid green;
}

/* Other formatting changes */

/* Indent definitions (see the About page for example usage) */
dd {
    margin-left: 3em;
}

/* Do not underline the close "X" link */
.close a:hover {
    text-decoration: none;
}

/* Place the required field asterisk */
input[data-val-required] {
    background: url('/images/RequiredFieldMarker.png') no-repeat;
    background-position: right top;
}

/* Used for the custom (big) checkbox on the Login page */
input[type=checkbox] + label {
    padding-left: 32px;
}

.custom-control-label {
    /*color: #2c2b2c;
                  font-size: 12px;*/
    line-height: 2.6;
    margin-left: 5px;
    padding-left: 35px;
    /*text-transform: uppercase;*/
}

    .custom-control-label::after,
    .custom-control-label::before {
        height: 30px;
        width: 30px;
    }

    .custom-control-label::before {
        background-color: #fff;
        border: 1px solid #ced4da;
        margin-left: 20px;
        /*border-radius: 50%;*/
    }

/*.custom-control-input.is-valid {
                color:black
            }*/

/* When I remove background the icon goes back to that default size */
.custom-control-input:checked ~ .custom-control-label::before {
    background-color: white !important;
    background-image: url(/Images/DialogHelpers/check-3x.png);
    background-repeat: no-repeat;
    background-position: center;
}

.custom-control-input:not(:checked) ~ .custom-control-label::before {
    background-image: none;
    background-color: white !important;
}

.custom-control-input.is-valid ~ .custom-control-label, .was-validated .custom-control-input:valid ~ .custom-control-label {
    color: black;
}



.btn-primary {
    background-color: #073086;  /*var(--tame-blue);*/
    border-color: #073086;  /*var(--tame-blue);*/
}