.nhsuk-button {
    font-weight: 400;
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.5;
    margin-bottom: 28px;
    -webkit-appearance: none;
    background-color: #007f3b;
    border: 2px solid transparent;
    border-radius: 4px;
    box-shadow: 0 4px 0 #00401e;
    box-sizing: border-box;
    color: #fff;
    cursor: pointer;
    /*display: inline-block;*/
    font-weight: 600;
    margin-top: 0;
    padding: 4px 6px;
    position: relative;
    text-align: center;
    vertical-align: top;
    width: auto
}

    .nhsuk-button:link, .nhsuk-button:visited, .nhsuk-button:active, .nhsuk-button:hover {
        color: #fff;
        text-decoration: none
    }

    .nhsuk-button::-moz-focus-inner {
        border: 0;
        padding: 0
    }

    .nhsuk-button:hover {
        background-color: #00662f
    }

    .nhsuk-button:focus {
        background: #ffeb3b;
        box-shadow: 0 4px 0 #212b32;
        color: #212b32;
        outline: 4px solid transparent
    }

        .nhsuk-button:focus:visited {
            color: #212b32
        }

            .nhsuk-button:focus:visited:active {
                color: #fff
            }

    .nhsuk-button:active {
        background: #00401e;
        box-shadow: none;
        color: #fff;
        top: 4px
    }

    .nhsuk-button::before {
        background: transparent;
        bottom: -6px;
        content: '';
        display: block;
        left: -2px;
        position: absolute;
        right: -2px;
        top: -2px
    }

    .nhsuk-button:active::before {
        top: -6px
    }

.nhsuk-button--secondary {
    background-color: #4c6272;
    box-shadow: 0 4px 0 #263139
}

    .nhsuk-button--secondary:hover {
        background-color: #384853
    }

    .nhsuk-button--secondary:focus {
        background: #ffeb3b;
        box-shadow: 0 4px 0 #212b32;
        color: #212b32;
        outline: 4px solid transparent
    }

    .nhsuk-button--secondary:active {
        background: #263139;
        box-shadow: none;
        color: #fff;
        top: 4px
    }

    .nhsuk-button--secondary.nhsuk-button--disabled {
        background-color: #4c6272
    }

.nhsuk-button--reverse {
    background-color: #fff;
    box-shadow: 0 4px 0 #212b32;
    color: #212b32
}

    .nhsuk-button--reverse:hover {
        background-color: #f2f2f2;
        color: #212b32
    }

    .nhsuk-button--reverse:focus {
        background: #ffeb3b;
        box-shadow: 0 4px 0 #212b32;
        color: #212b32;
        outline: 4px solid transparent
    }

    .nhsuk-button--reverse:active {
        background: #212b32;
        box-shadow: none;
        color: #fff;
        top: 4px
    }

    .nhsuk-button--reverse:link {
        color: #212b32
    }

        .nhsuk-button--reverse:link:active {
            color: #fff
        }

    .nhsuk-button--reverse.nhsuk-button--disabled {
        background-color: #fff
    }

        .nhsuk-button--reverse.nhsuk-button--disabled:focus {
            background-color: #fff
        }

.nhsuk-button--disabled, .nhsuk-button[disabled="disabled"], .nhsuk-button[disabled] {
    background-color: #007f3b;
    opacity: 0.5;
    pointer-events: none
}

    .nhsuk-button--disabled:hover, .nhsuk-button[disabled="disabled"]:hover, .nhsuk-button[disabled]:hover {
        background-color: #007f3b;
        cursor: default
    }

    .nhsuk-button--disabled:focus, .nhsuk-button[disabled="disabled"]:focus, .nhsuk-button[disabled]:focus {
        background-color: #007f3b;
        outline: none
    }

    .nhsuk-button--disabled:active, .nhsuk-button[disabled="disabled"]:active, .nhsuk-button[disabled]:active {
        box-shadow: 0 4px 0 #00401e;
        top: 0
    }

.nhsuk-button--secondary[disabled="disabled"], .nhsuk-button--secondary[disabled] {
    background-color: #4c6272;
    opacity: 0.5
}

    .nhsuk-button--secondary[disabled="disabled"]:hover, .nhsuk-button--secondary[disabled]:hover {
        background-color: #4c6272;
        cursor: default
    }

    .nhsuk-button--secondary[disabled="disabled"]:focus, .nhsuk-button--secondary[disabled]:focus {
        outline: none
    }

    .nhsuk-button--secondary[disabled="disabled"]:active, .nhsuk-button--secondary[disabled]:active {
        box-shadow: 0 4px 0 #263139;
        top: 0
    }

.nhsuk-button--reverse[disabled="disabled"], .nhsuk-button--reverse[disabled] {
    background-color: #fff;
    opacity: 0.5
}

    .nhsuk-button--reverse[disabled="disabled"]:hover, .nhsuk-button--reverse[disabled]:hover {
        background-color: #fff;
        cursor: default
    }

    .nhsuk-button--reverse[disabled="disabled"]:focus, .nhsuk-button--reverse[disabled]:focus {
        outline: none
    }

    .nhsuk-button--reverse[disabled="disabled"]:active, .nhsuk-button--reverse[disabled]:active {
        box-shadow: 0 4px 0 #212b32;
        top: 0
    }

.ie8 .nhsuk-button:focus {
    outline: 1px dotted #212b32
}

.bg-nav {
    min-height: auto !important;
}

.version-information {
    display: inline-block !important;
}

.footer ul.nav li {
    line-height: 56px !important;
}

footer {
    padding: 0 !important;
}

header, footer {
    flex-grow: 0 !important;
    flex-shrink: 0 !important;
}

main {
    flex-grow: 1 !important;
}

.nhsuk-form-group--wrapper {
    padding-top: 10px;
    padding-bottom: 10px;
}

.nhsuk-heading-xl {
    font-size: 1.5rem;
    grid-column: 1 / span 2;
    border-bottom: 2px solid #ddd;
    padding-bottom: 10px;
}

.nhsuk-fieldset__heading {
    font-size: 1.0rem;
    margin-bottom: 0px;
}

.nhsuk-fieldset {
    position: relative;
    padding-top: 0px;
    padding-bottom: 0px;
}

.nhsuk-label {
    display: block;
}

.field-validation-error {
    /*    position: absolute;
    top: 0;
    right: 0;*/
    font-size: 14px;
    color: #d5281b;
    font-weight: 600;
}

/*.nhsuk-form-group--error > .field-validation-error {
    display: none;
}*/

/*.nhsuk-form-group--error > .field-validation-error:first-child {
    display:block !important;
}*/

/*.nhsuk-form-group--error .field-validation-error {
    display: none;
}

.nhsuk-form-group--error span.field-validation-error:first-of-type {
    display: block;
}*/
/*.nhsuk-form-group--error .field-validation-error:first-of-type ~ * {
    display: none;
}*/
.nhsuk-form-group {
    /*width: 50%;*/
    /*    display: inline-block;
    float:left;*/
}

#DynamicForm {
    
}

#dynamic-form-loader {
    display: grid;
    grid-template-columns: 50% 50%;
    gap: 10px;
}

.nhsuk-form-group select {
    max-width: 100%;
}

.nhsuk-checkboxes__item {
    grid-column: 1 / span 2;
}

.nhsuk-radios__item, .nhsuk-radios__divider {
    display: inline-block;
    margin-right: 4px;
}

/*errors*/

.form-control, .form-select {
    box-shadow:none !important;
}

    .form-control:focus {
        border-color: #f9bf00;
        border-width: 2px;
    }

.nhsuk-form-group--error {
    /* border-left: 4px solid #d5281b !important;*/
    /* padding-left: 16px !important*/
}

    .nhsuk-form-group--error .nhsuk-form-group {
        border: 0;
        padding: 0
    }

    .nhsuk-form-group--error.nhsuk-form-group--warning {
       /* border-color: #ffc107 !important;*/
    }

    .nhsuk-form-group--error select:not(.input-method-select), .nhsuk-form-group--error input {
        border-color: #d50c12;
        border-width: 2px;
    }

.nhsuk-form-group--valid select:not(.input-method-select), .nhsuk-form-group--valid input {
    border-color: #31a84c;
    border-width: 2px;
}

.nhsuk-form-group--pending select:not(.input-method-select), .nhsuk-form-group--pending input {
    border-color: #f9bf00;
    border-width: 2px;
}


.nhsuk-error-message {
    font-weight: 600;
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.5;
    clear: both;
    color: #d5281b;
    display: block;
    margin-bottom: 16px
}

#dynamic-form-loader .nhsuk-heading-xl:first-child {
    margin-top:0 !important;
}

@media (min-width: 40.0625em) {
    .nhsuk-error-message {
        font-size: 19px;
        font-size: 1.1875rem;
        line-height: 1.47368
    }
}

@media print {
    .nhsuk-error-message {
        font-size: 14pt;
        line-height: 1.15
    }
}

.nhsuk-error-summary {
    padding: 16px;
    margin-bottom: 48px;
    border: 4px solid #d5281b
}

@media (min-width: 40.0625em) {
    .nhsuk-error-summary {
        padding: 24px
    }
}

@media (min-width: 40.0625em) {
    .nhsuk-error-summary {
        margin-bottom: 56px
    }
}

@media (min-width: 40.0625em) {
    .nhsuk-error-summary {
        border: 4px solid #d5281b
    }
}

.nhsuk-error-summary:focus {
    border: 4px solid #212b32;
    box-shadow: 0 0 0 4px #ffeb3b;
    outline: 4px solid transparent
}

.nhsuk-error-summary__title {
    font-weight: 600;
    font-size: 20px;
    font-size: 1.25rem;
    line-height: 1.4;
    margin-top: 0;
    margin-bottom: 16px
}

@media (min-width: 40.0625em) {
    .nhsuk-error-summary__title {
        font-size: 24px;
        font-size: 1.5rem;
        line-height: 1.33333
    }
}

@media print {
    .nhsuk-error-summary__title {
        font-size: 18pt;
        line-height: 1.15
    }
}

@media (min-width: 40.0625em) {
    .nhsuk-error-summary__title {
        margin-bottom: 24px
    }
}

.nhsuk-error-summary__body {
    font-weight: 400;
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.5
}

@media (min-width: 40.0625em) {
    .nhsuk-error-summary__body {
        font-size: 19px;
        font-size: 1.1875rem;
        line-height: 1.47368
    }
}

@media print {
    .nhsuk-error-summary__body {
        font-size: 14pt;
        line-height: 1.15
    }
}

.nhsuk-error-summary__body p {
    margin-top: 0;
    margin-bottom: 16px
}

@media (min-width: 40.0625em) {
    .nhsuk-error-summary__body p {
        margin-bottom: 24px
    }
}

.nhsuk-error-summary__list {
    margin-bottom: 0;
    margin-top: 0
}

    .nhsuk-error-summary__list a {
        font-weight: 600
    }

        .nhsuk-error-summary__list a:link, .nhsuk-error-summary__list a:visited, .nhsuk-error-summary__list a:hover, .nhsuk-error-summary__list a:active {
            color: #d5281b
        }

        .nhsuk-error-summary__list a:focus {
            background-color: #ffeb3b;
            box-shadow: 0 -2px #ffeb3b,0 4px #212b32;
            color: #212b32;
            outline: 4px solid transparent;
            text-decoration: none
        }

.hidden-but-available {
    color: #fff;
    font-size: 1px;
}

@media print {
    .no-print {
        display: none;
    }

    .col-md-5 {
        width: 100%;
    }

    .accordion-body {
        float: none;
        height: 100% !important;
    }
}