/* Set width on the form input elements since they're 100% wide by default */
/*@media (min-width: 1023px) 
{
    input,
    select,
    textarea {
        max-width: 280px;
    }
}*/

validation-summary {
    display: inline-block !important;
    width: 100%;
}

label.required {
    color: #000000 !important;
}

    label.required:after {
        color: #577aed;
        content: ' *';
        display: inline;
    }

.validation-summary {
    display: inline-block !important;
    width: 100%;
}

    .validation-summary.validation-summary-errors {
        display: block;
        color: #dc3545;
        /*background-color: #f8d7da;*/        
        border-color: #f5c6cb;
        position: relative;
        /*padding: .75rem 1.25rem;*/
        margin-bottom: 1rem;
        border: 1px solid transparent;
        border-radius: .25rem;
    }

    .validation-summary ul {
        list-style-type: none;
        color: #dc3545;
        padding: 0px;
        margin: 0px;                
    }

    .validation-summary p {
        padding: 0px;
        margin: 0px;
    }

.input-validation-error {
    /*border-color: #dc3545;*/
    border: 1px solid #ff0000 !important;
}

.invalid {
    border: #dc3545 solid 1px;
}

.field-validation-error {
    color: #dc3545;
}

@media (min-width: 768px) {
/*    .form-control, .form-select {
        display: inline-block;
        max-width: 350px;
    }

    .form-control-100 {
        display: inline-block;
        max-width: 100% !important;
    }

    label {
        display: inline-block;
    }*/

    .field-validation-error {
        display: block;
        background-image: url(../../pages/MaternalPlusnformation/warning.svg);
        background-repeat: no-repeat;
        padding-left:1em;
    }
}