@charset "UTF-8";


/* ==========================================================
   START RETAINED LEGACY STYLES
   ========================================================== */


/* Start HR Styles */
    hr.blue {
        border: 2px solid #005EB8;
        margin: 15px 0 25px 0;
    }
    hr.sep_white {
        border: 1px solid #ffffff;
        margin-top: 25px;
        margin-bottom: 25px;
    }
    hr.pi_type_sep {
        border-top: 1px solid #ffffff;
    }
/* End HR Styles */


/* ==========================================================
   02. Global Layout / Containers
   ========================================================== */

#content-header {
    margin-left: 0;
    padding-left: 0;
    position: absolute;
    margin-left: 65px;
}

#content-header h1,
#content-header h2 {
    color: #ffffff;
    margin-bottom: 0;
    padding-bottom: 0;
}

.nhsuk-grid-full {
    padding: 0 15px;
}


    .nhsuk-card__content--primary {
        padding-right: 30px;
        padding-bottom: 0;
    }
    .nhsuk-card {
        border-radius: 25px;
    }
    
    @media (min-width: 40.0625em) {
        .nhsuk-card__content {
            padding: 15px;
        }
    }
/* End Layout Elements */

/* Start Branding Colours based on Sector Set */
    .nhsuk-header {
        background-color:slategray;
    }
    hr.blue {
        border: 2px solid slategray;
        margin: 15px 0 25px 0;
    }

/* End Branding Colours based on Sector Set */

.nhsuk-grid-column-one-half {
    box-sizing: border-box;
    padding: 0 16px
}

@media (min-width:48.0625em) {
    .nhsuk-grid-column-one-half {
        float: left;
        width: 50%
    }
}


.nhsuk-grid-full {
        padding: 0 15px;
}
.nhsuk-grid-column-full {
        padding: 0;
}

.nhsuk-grid-row {
    margin-left: -16px;
    margin-right: -16px
}

.nhsuk-grid-row::after {
    clear: both;
    content: "";
    display: block
}






/* ==========================================================
   03. Typography
   ========================================================== */


/* Start Typograghy Styles */
    #content-header h1,
    #content-header h2 {
        color: #ffffff;
        margin-bottom: 0;
        padding-bottom: 0;
    }

/* End Typograghy Styles */


/* START LIST STYLES */

ul {
    font-size: 16px;
    line-height: 1.5;
    margin-bottom: 16px;
    list-style-type: none;
    margin-top: 0;
    padding-left: 0
}

/* END LIST STYLES */


/* START FONT RELATED SETTINGS */

h2.investigation_section_title {
    margin: 0;
    padding: 0;
}

.statistic {
    color: #005EB8;
}

/* END FONT RELATED SETTINGS */








/* ==========================================================
   04. Links
   ========================================================== */

a {
    color: #005eb8
}

a:visited {
    color: #330072
}

a:hover {
    color: #7c2855;
    text-decoration: none
}

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

a:focus:hover {
    text-decoration: none
}

a:focus:visited {
    color: #212b32
}



a:active {
    color: #002f5c
}

@media print {
    a::after {
        color: #212b32;
        content: " (Link: " attr(href) ")";
        font-size: inherit
    }
}

.nhsuk-link--no-visited-state:link {
    color: #005eb8
}

.nhsuk-link--no-visited-state:visited {
    color: #005eb8
}

.nhsuk-link--no-visited-state:hover {
    color: #7c2855
}

.nhsuk-link--no-visited-state:active {
    color: #002f5c
}

.nhsuk-link--no-visited-state:focus {
    color: #212b32
}


/* Start Link Styles */
.ilog-record-link {
    color: #005eb8;
    text-decoration: underline;
    font-weight: 700;
    cursor: pointer;
}

.ilog-record-link:hover,
.ilog-record-link:focus {
    color: #003d78;
    text-decoration-thickness: 2px;
}
/* End Link Styles */







/* ==========================================================
   05. Buttons / Tags / Action Controls
   ========================================================== */

.analytics-info-button {
    position: relative;
    display: inline-block;
    box-sizing: border-box;
    width: 26px;
    height: 26px;
    min-width: 26px;
    padding: 0;
    font-size: 0;
    line-height: 1;
    cursor: pointer;
    vertical-align: middle;
    border: 2px solid #004c23;
}

.analytics-info-button::after {
    content: "i";
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 17px;
    font-weight: 700;
    line-height: 1;
    color: #004c23;
}

/* END BUTTON STYLES */


/* Start Button Styles */
    .nhsuk-button a {
        color: #ffffff;
        text-decoration: none;
    }
    .nhsuk-button {
        margin-bottom: 0;
    }
    .button--small {
        font-size: 0.875rem;
        padding: 0.4em 0.8em;
        margin-top: -10px;
    }
    .nhsuk-button--small {
        font-size: 16px;
        line-height: 1.5;
        padding: 8px 12px;
        margin-bottom: 28px;
        background-color: #009639;
        color: #fff;
        border: 2px solid transparent;
        border-radius: 4px;
        box-shadow: 0 4px 0 #00662F;
        text-align: center;
        cursor: pointer;
        display: inline-block;
    }
    .nhsuk-button--small:hover {
        background-color: #009639;
    }
    .nhsuk-button--small:focus {
        background: #ffeb3b;
        color: #00662F;
        outline: none;
        box-shadow: 0 4px 0 #00662F;
    }
    .nhsuk-button--small:active {
        background: #009639;
        box-shadow: none;
        top: 4px;
    }
    .nhsuk-button a {
        color: #ffffff;
        text-decoration: none;
    }

    /* Responsive adjustments */
    @media (max-width: 40.0525em) {
        .nhsuk-button--small,
        .nhsuk-button--small-warning {
        padding: 6px 12px;
        }
    }
/* End Button Styles */


/* Start Edit Buttons */    
    .edit-mode {
        display: none;
    }
    .editable .edit-mode {
        display: inline;
    }
    .view-mode {
        display: inline;
    }
    .editable .view-mode {
        display: none;
    }
    .mode-toggle {
        cursor: pointer;
        }
    .mode-toggle.active {
        cursor: pointer;
    }
    .content-section-hidden {
        display: none !important;
    }
    .floating-mode-toggle {
        position: fixed;
        bottom: 50%;
        right: 20px;
        cursor: pointer;
        z-index: 9999;
        pointer-events: auto;
    }
    .floating-mode-toggle.disabled,
    .floating-mode-toggle[disabled] {
        background-color: #ccc;
        cursor: not-allowed;
        opacity: 0.6;
        pointer-events: none;
    }

    @media print {
        .floating-mode-toggle {
            display: none;
        }
    }
/* End Edit Buttons */



.del-invest-button {
    padding-top: 5px;
    padding-bottom: 5px;
}




/* ==========================================================
   06. Forms / Inputs / Validation
   ========================================================== */

.form_label_input,
.form_field_input {
    display: block;
    width: 100%;
    margin-left: 0;
    padding-left: 0;
    box-sizing: border-box;
}

.form_field_input .nhsuk-input {
    display: block;
    margin-left: 0;
    width: 100%;
    box-sizing: border-box;
}


/* START LABEL ONLY STYLES */
.ilog_label_only {
    cursor:default;
    padding: 3px;
    margin: 3px 3px 3px 0;
}
.ilog_label_only:hover {
    text-decoration: none;
}

/* END LABEL ONLY STYLES */

.nhsuk-input {
    font-weight: 400;
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.5;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    border: 2px solid #4c6272;
    border-radius: 0;
    box-sizing: border-box;
    min-height: 40px;
    margin-top: 0;
    padding: 4px;
    width: 100%
}

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

@media print {
    .nhsuk-input {
        font-size: 13pt;
        line-height: 1.25
    }
}

.nhsuk-input:focus {
    border: 2px solid #212b32;
    box-shadow: inset 0 0 0 2px;
    outline: 4px solid #ffeb3b;
    outline-offset: 0
}

.nhsuk-input::-webkit-inner-spin-button,
.nhsuk-input::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

.nhsuk-input[type=number] {
    -moz-appearance: textfield
}

.nhsuk-input--error {
    border: 2px solid #d5281b
}

.nhsuk-input--width-30 {
    max-width: 59ex
}

.nhsuk-input--width-20 {
    max-width: 41ex
}

.nhsuk-input--width-10 {
    max-width: 23ex
}

.nhsuk-input--width-5 {
    max-width: 10.8ex
}

.nhsuk-input--width-4 {
    max-width: 9ex
}

.nhsuk-input--width-3 {
    max-width: 7.2ex
}

.nhsuk-input--width-2 {
    max-width: 5.4ex
}

.nhsuk-input__wrapper {
    display: flex
}

@media (max-width:19.99em) {
    .nhsuk-input__wrapper {
        display: block
    }
}

.nhsuk-input__prefix,
.nhsuk-input__suffix {
    font-weight: 400;
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.5;
    background-color: #d8dde0;
    border: 2px solid #4c6272;
    box-sizing: border-box;
    cursor: default;
    display: inline-block;
    flex: 0 0 auto;
    min-height: 40px;
    min-width: 2.5rem;
    padding: 4px;
    text-align: center;
    white-space: nowrap
}

@media (min-width:40.0625em) {

    .nhsuk-input__prefix,
    .nhsuk-input__suffix {
        font-size: 19px;
        font-size: 1.1875rem;
        line-height: 1.47368
    }
}

@media print {

    .nhsuk-input__prefix,
    .nhsuk-input__suffix {
        font-size: 13pt;
        line-height: 1.25
    }
}

@media (max-width:19.99em) {

    .nhsuk-input__prefix,
    .nhsuk-input__suffix {
        max-width: 9.1ex;
        display: block;
        height: 100%;
        white-space: normal
    }
}

@media (max-width:40.0525em) {

    .nhsuk-input__prefix,
    .nhsuk-input__suffix {
        line-height: 1.6;
        font-size: 1.1875rem
    }
}

@media (max-width:19.99em) {
    .nhsuk-input__prefix {
        border-bottom: 0
    }
}

@media (min-width:20em) {
    .nhsuk-input__prefix {
        border-right: 0
    }
}

@media (max-width:19.99em) {
    .nhsuk-input__suffix {
        border-top: 0
    }
}

@media (min-width:20em) {
    .nhsuk-input__suffix {
        border-left: 0
    }
}

.nhsuk-checkboxes__item {
    font-weight: 400;
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.5;
    clear: left;
    display: block;
    margin-bottom: 8px;
    min-height: 40px;
    padding: 0 0 0 40px;
    position: relative
}

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

@media print {
    .nhsuk-checkboxes__item {
        font-size: 13pt;
        line-height: 1.25
    }
}

.nhsuk-checkboxes__item:last-child,
.nhsuk-checkboxes__item:last-of-type {
    margin-bottom: 0
}

.nhsuk-checkboxes__input {
    cursor: pointer;
    height: 40px;
    left: 0;
    margin: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    width: 40px;
    z-index: 1
}

.nhsuk-checkboxes__label {
    cursor: pointer;
    display: inline-block;
    margin-bottom: 0;
    padding: 8px 12px 4px;
    -ms-touch-action: manipulation;
    touch-action: manipulation
}

.nhsuk-checkboxes__hint {
    display: block;
    padding-left: 12px;
    padding-right: 12px
}

.nhsuk-checkboxes__input+.nhsuk-checkboxes__label::before {
    background: #fff;
    border: 2px solid #4c6272;
    box-sizing: border-box;
    content: "";
    height: 40px;
    left: 0;
    position: absolute;
    top: 0;
    width: 40px
}

.nhsuk-checkboxes__input+.nhsuk-checkboxes__label::after {
    background: 0 0;
    border: solid;
    border-top-color: transparent;
    border-width: 0 0 4px 4px;
    content: "";
    height: 10px;
    left: 10px;
    opacity: 0;
    position: absolute;
    top: 13px;
    -ms-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    width: 22px
}

.nhsuk-checkboxes__input:focus+.nhsuk-checkboxes__label::before {
    border: 4px solid #212b32;
    box-shadow: 0 0 0 4px #ffeb3b
}

.nhsuk-checkboxes__input:checked+.nhsuk-checkboxes__label::after {
    opacity: 1
}

.nhsuk-checkboxes__input:disabled,
.nhsuk-checkboxes__input:disabled+.nhsuk-checkboxes__label {
    cursor: default
}

.nhsuk-checkboxes__input:disabled+.nhsuk-checkboxes__label {
    opacity: .5
}

.nhsuk-checkboxes__divider {
    font-weight: 400;
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.5;
    color: #212b32;
    margin-bottom: 8px;
    text-align: center;
    width: 40px
}

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

@media print {
    .nhsuk-checkboxes__divider {
        font-size: 13pt;
        line-height: 1.25
    }
}

.nhsuk-checkboxes__conditional {
    margin-bottom: 16px;
    border-left: 4px solid #4c6272;
    margin-left: 18px;
    padding-left: 30px
}

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

.nhsuk-checkboxes__conditional>:last-child {
    margin-bottom: 0
}

.js-enabled .nhsuk-checkboxes__conditional--hidden {
    display: none
}



.nhsuk-radios__hint {
    display: block;
    padding-left: 12px;
    padding-right: 12px
}

.nhsuk-radios__input+.nhsuk-radios__label::before {
    background: #fff;
    border: 2px solid #4c6272;
    border-radius: 50%;
    box-sizing: border-box;
    content: "";
    height: 40px;
    left: 0;
    position: absolute;
    top: 0;
    width: 40px
}

.nhsuk-radios__input+.nhsuk-radios__label::after {
    background: #4c6272;
    border: 10px solid #212b32;
    border-radius: 50%;
    content: "";
    height: 0;
    left: 10px;
    opacity: 0;
    position: absolute;
    top: 10px;
    width: 0
}

.nhsuk-radios__input:focus+.nhsuk-radios__label::before {
    border: 4px solid #212b32;
    box-shadow: 0 0 0 4px #ffeb3b
}

.nhsuk-radios__input:checked+.nhsuk-radios__label::after {
    opacity: 1
}

.nhsuk-radios__input:disabled,
.nhsuk-radios__input:disabled+.nhsuk-radios__label {
    cursor: default
}

.nhsuk-radios__input:disabled+.nhsuk-radios__label {
    opacity: .5
}

@media (min-width:40.0625em) {
    .nhsuk-radios--inline::after {
        clear: both;
        content: "";
        display: block
    }

    .nhsuk-radios--inline .nhsuk-radios__item {
        clear: none;
        float: left;
        margin-right: 24px
    }
}

.nhsuk-radios--inline.nhsuk-radios--conditional .nhsuk-radios__item {
    float: none;
    margin-right: 0
}

.nhsuk-radios__divider {
    font-weight: 400;
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.5;
    color: #212b32;
    margin-bottom: 8px;
    text-align: center;
    width: 40px
}

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

@media print {
    .nhsuk-radios__divider {
        font-size: 13pt;
        line-height: 1.25
    }
}

.nhsuk-radios__conditional {
    margin-bottom: 16px;
    border-left: 4px solid #4c6272;
    margin-left: 18px;
    padding-left: 30px
}

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

.nhsuk-radios__conditional>:last-child {
    margin-bottom: 0
}

.js-enabled .nhsuk-radios__conditional--hidden {
    display: none
}

.nhsuk-select {
    font-weight: 400;
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.5;
    background-color: #fff;
    border: 2px solid #4c6272;
    box-sizing: border-box;
    color: #212b32;
    height: 2.5rem;
    min-width: 23ex;
    max-width: 100%;
    padding: 4px
}

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

@media print {
    .nhsuk-select {
        font-size: 13pt;
        line-height: 1.25
    }
}

.nhsuk-select:focus {
    border: 2px solid #212b32;
    box-shadow: inset 0 0 0 2px;
    outline: 4px solid #ffeb3b;
    outline-offset: 0
}

.nhsuk-select option:active,
.nhsuk-select option:checked,
.nhsuk-select:focus::-ms-value {
    background-color: #005eb8;
    color: #fff
}

.nhsuk-select--error {
    border: 2px solid #d5281b
}


.nhsuk-character-count {
    margin-bottom: 32px
}

@media (min-width:40.0625em) {
    .nhsuk-character-count {
        margin-bottom: 40px
    }
}

.nhsuk-character-count .nhsuk-form-group,
.nhsuk-character-count .nhsuk-textarea {
    margin-bottom: 4px
}


/* Start Form Styles */
    .form_label_input {
        width: 100%;
    }

    .form_field_input {
        width: 100%;
    }

    .form_label_textarea {
        width: 50%;
        float: left;
        padding-top: 5px;
        padding-right: 15px;
    }

    .form_field_textarea {
        width: 50%;
        float: left;
        padding-left: 15px;
    }

    .form_label_checkboxes {
        width: 50%;
        float: left;
        padding-top: 23px;
        padding-right: 15px;
    }

    .form_field_checkboxes {
        width: 50%;
        float: left;
        padding-left: 15px;
    }
    
    .nhsuk-form-group {
        margin-top: 15px;
    }
    
    .required label::after {
        content: " *";
        color: red;
    }
    
    .checkbox_left_col {
        width: 50%;
        float: left;
        padding-top: 15px;
    }

    .checkbox_right_col {
        display: inline-block;
        width: 50%;
        float: left;
    }
/* End Form Styles */





/* ==========================================================
   07. Tables
   ========================================================== */


.table_form_inner, 
.table_form_inner tr, 
.table_form_inner td {
    border: 0px !important;
    margin: 0px !important;
    padding: 0px !important;
}
.table_form_inner tr td:first-child {
    width: 50%;
    text-align: justify !important;
    padding-right: 10px !important;
}
.table_form_inner tr td:nth-child(2) {
    width: 50%;
    padding-left: 10px !important;
}



.staff-only-fields,
.patient-only-fields,
.witness-only-fields,
.other-only-fields {
    display: none;
}

.staff-field-wrap,
.patient-field-wrap,
.witness-field-wrap,
.person-other-wrap {
    display: none;
}

#restraint_team,
#restraint_team th,
#restraint_team td {
    border: 1px solid black;
    border-collapse: collapse;
    padding: 15px;
}

#uof_more_information,
#uof_more_information th,
#uof_more_information td {
    border: 1px solid black;
    border-collapse: collapse;
    padding: 15px;
}

#injuries,
#injuries th,
#injuries td {
    border: 1px solid black;
    border-collapse: collapse;
    padding: 15px;
}

#ii10_restraint_team,
#ii10_restraint_team th,
#ii10_restraint_team td {
    border: 1px solid black;
    border-collapse: collapse;
    padding: 15px;
}

#post_incident_reviews,
#post_incident_reviews th,
#post_incident_reviews td {
    border: 1px solid black;
    border-collapse: collapse;
    padding: 15px;
}      
        
#prohibited_items,
#prohibited_items th,
#prohibited_items td {
    border: 1px solid black;
    border-collapse: collapse;
    padding: 15px;
}

#uof_more_inf,
#uof_more_inf th,
#uof_more_inf td {
    border: 1px solid black;
    border-collapse: collapse;
    padding: 15px;
}

#property_disclaimers,
#property_disclaimers th,
#property_disclaimers td {
    border: 1px solid black;
    border-collapse: collapse;
    padding: 15px;
}

#property_damage, #property_damage th, #property_damage td, #trust_property_damage, #trust_property_damage th, #trust_property_damage td, #prohibited_items_weapons, #prohibited_items_weapons th, #prohibited_items_weapons td, #prohibited_items_drugs, #prohibited_items_drugs th, #prohibited_items_drugs td, #prohibited_items_stolen_property, #prohibited_items_stolen_property th, #prohibited_items_stolen_property td, #prohibited_items_other, #prohibited_items_other th, #prohibited_items_other td {
    border: 1px solid black;
    border-collapse: collapse;
    padding: 15px;
}





/* Start Edit Records Table */
    .record_container {
        table-layout: fixed;
        width: 100%;
        margin-bottom: 0;
    }
    .record_container thead {
        background-color: #005EB8;
        color: #ffffff;
    }
    .record_container, .record_container th, .record_container td {
        border: 1px solid black;
        border-collapse: collapse;
        padding: 15px;
    }
    .head_1st_col {}
    .head_2nd_col {
        text-align: right;
    }
    .records_1st_col {
        vertical-align: middle;
    }
    .records_2nd_col {
        text-align: right;
    }
/* End Edit Records Table */



.nhsuk-table-responsive {
    margin-bottom: 0;
    width: 100%
}

.nhsuk-table-responsive thead {
    border: 0;
    clip: rect(0 0 0 0);
    -webkit-clip-path: inset(50%);
    clip-path: inset(50%);
    height: 1px;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: absolute;
    white-space: nowrap;
    width: 1px
}

.nhsuk-table-responsive thead::before {
    content: " "
}

.nhsuk-table-responsive thead::after {
    content: " "
}

@media (min-width:48.0625em) {
    .nhsuk-table-responsive thead {
        clip: auto;
        -webkit-clip-path: initial;
        clip-path: initial;
        display: table-header-group;
        height: auto;
        overflow: auto;
        position: relative;
        width: auto
    }

    .nhsuk-table-responsive thead::after,
    .nhsuk-table-responsive thead::before {
        content: ""
    }
}

.nhsuk-table-responsive .nhsuk-table__body .nhsuk-table-responsive__heading {
    font-weight: 600;
    padding-right: 16px;
    text-align: left
}

.nhsuk-table-responsive .nhsuk-table__body .nhsuk-table__row {
    display: block;
    margin-bottom: 24px
}

.nhsuk-table-responsive .nhsuk-table__body .nhsuk-table__row:last-child {
    margin-bottom: 0
}

.nhsuk-table-responsive .nhsuk-table__body .nhsuk-table__row th {
    text-align: right
}

.nhsuk-table-responsive .nhsuk-table__body .nhsuk-table__row td {
    display: block;
    display: flex;
    justify-content: space-between;
    min-width: 1px
}

@media all and (-ms-high-contrast:none) {
    .nhsuk-table-responsive .nhsuk-table__body .nhsuk-table__row td {
        display: block
    }
}

@media (max-width:48.0525em) {
    .nhsuk-table-responsive .nhsuk-table__body .nhsuk-table__row td {
        padding-right: 0;
        text-align: right
    }

    .nhsuk-table-responsive .nhsuk-table__body .nhsuk-table__row td:last-child {
        border-bottom: 3px solid #d8dde0
    }
}

@media (min-width:48.0625em) {
    .nhsuk-table-responsive .nhsuk-table__body .nhsuk-table-responsive__heading {
        display: none
    }

    .nhsuk-table-responsive .nhsuk-table__body .nhsuk-table__row {
        display: table-row
    }

    .nhsuk-table-responsive .nhsuk-table__body .nhsuk-table__row th {
        text-align: left
    }

    .nhsuk-table-responsive .nhsuk-table__body .nhsuk-table__row td {
        display: table-cell
    }
}




.ilog-table-container {
    margin-bottom: 40px;
    display: block;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    overflow-x: auto;
    width: 100%
}

@media (min-width:40.0625em) {
    .ilog-table-container {
        margin-bottom: 48px
    }
}

.ilog-table-container .ilog-table {
    margin: 0
}

.ilog-table__caption--xl {
    font-size: 32px;
    font-size: 2rem;
    line-height: 1.1875
}

@media (min-width:40.0625em) {
    .ilog-table__caption--xl {
        font-size: 48px;
        font-size: 3rem;
        line-height: 1.125
    }
}

@media print {
    .ilog-table__caption--xl {
        font-size: 26pt;
        line-height: 1.15
    }
}

.ilog-table__caption--l {
    font-size: 27px;
    font-size: 1.6875rem;
    line-height: 1.22222
}

@media (min-width:40.0625em) {
    .ilog-table__caption--l {
        font-size: 36px;
        font-size: 2.25rem;
        line-height: 1.16667
    }
}

@media print {
    .ilog-table__caption--l {
        font-size: 20pt;
        line-height: 1.2
    }
}

.ilog-table__caption--m {
    font-size: 22px;
    font-size: 1.375rem;
    line-height: 1.31818
}

@media (min-width:40.0625em) {
    .ilog-table__caption--m {
        font-size: 26px;
        font-size: 1.625rem;
        line-height: 1.23077
    }
}

@media print {
    .ilog-table__caption--m {
        font-size: 17pt;
        line-height: 1.25
    }
}

.ilog-table__caption--s {
    font-size: 19px;
    font-size: 1.1875rem;
    line-height: 1.42105
}

@media (min-width:40.0625em) {
    .ilog-table__caption--s {
        font-size: 22px;
        font-size: 1.375rem;
        line-height: 1.36364
    }
}

@media print {
    .ilog-table__caption--s {
        font-size: 15pt;
        line-height: 1.25
    }
}

.ilog-table__row:hover {
    background-color: #f0f4f5
}

.ilog-table__panel-with-heading-tab {
    margin-bottom: 40px;
    margin-top: 40px;
    padding: 24px;
    background-color: #fff;
    color: #212b32;
    border: 1px solid #d8dde0;
    padding-top: 0 !important
}

.ilog-table__panel-with-heading-tab>:first-child {
    margin-top: 0
}

.ilog-table__panel-with-heading-tab>:last-child {
    margin-bottom: 0
}

@media (min-width:40.0625em) {
    .ilog-table__panel-with-heading-tab {
        margin-bottom: 48px
    }
}

@media (min-width:40.0625em) {
    .ilog-table__panel-with-heading-tab {
        margin-top: 48px
    }
}

@media (min-width:40.0625em) {
    .ilog-table__panel-with-heading-tab {
        padding: 32px
    }
}

@media print {
    .ilog-table__panel-with-heading-tab {
        border: 1px solid #212b32;
        page-break-inside: avoid
    }
}

.ilog-table__panel-with-heading-tab .ilog-table,
.ilog-table__panel-with-heading-tab .ilog-table-container {
    margin: 0
}

.ilog-table__heading-tab {
    font-size: 20px;
    font-size: 1.25rem;
    line-height: 1.4;
    background-color: #005eb8;
    color: #fff;
    display: inline-block;
    margin: 0 0 8px -33px;
    padding: 8px 32px;
    position: relative;
    top: -16px
}

@media (min-width:40.0625em) {
    .ilog-table__heading-tab {
        font-size: 24px;
        font-size: 1.5rem;
        line-height: 1.29167
    }
}

@media print {
    .ilog-table__heading-tab {
        font-size: 16pt;
        line-height: 1.25
    }
}

@media (max-width:40.0525em) {
    .ilog-table__heading-tab {
        margin-left: -25px;
        margin-right: 0;
        padding: 8px 24px;
        top: -8px
    }
}

@media print {
    .ilog-table__heading-tab {
        background: 0 0;
        color: #212b32;
        top: 0
    }
}

.ilog-table-responsive {
    margin-bottom: 0;
    width: 100%
}

.ilog-table-responsive thead {
    border: 0;
    clip: rect(0 0 0 0);
    -webkit-clip-path: inset(50%);
    clip-path: inset(50%);
    height: 1px;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: absolute;
    white-space: nowrap;
    width: 1px
}

.ilog-table-responsive thead::before {
    content: " "
}

.ilog-table-responsive thead::after {
    content: " "
}

@media (min-width:48.0625em) {
    .ilog-table-responsive thead {
        clip: auto;
        -webkit-clip-path: initial;
        clip-path: initial;
        display: table-header-group;
        height: auto;
        overflow: auto;
        position: relative;
        width: auto
    }

    .ilog-table-responsive thead::after,
    .ilog-table-responsive thead::before {
        content: ""
    }
}

.ilog-table-responsive .ilog-table__body .ilog-table-responsive__heading {
    font-weight: 600;
    padding-right: 16px;
    text-align: left
}

.ilog-table-responsive .ilog-table__body .ilog-table__row {
    display: block;
    margin-bottom: 24px
}

.ilog-table-responsive .ilog-table__body .ilog-table__row:last-child {
    margin-bottom: 0
}

.ilog-table-responsive .ilog-table__body .ilog-table__row th {
    text-align: right
}

.ilog-table-responsive .ilog-table__body .ilog-table__row td {
    display: block;
    display: flex;
    justify-content: space-between;
    min-width: 1px
}

@media all and (-ms-high-contrast:none) {
    .ilog-table-responsive .ilog-table__body .ilog-table__row td {
        display: block
    }
}

@media (max-width:48.0525em) {
    .ilog-table-responsive .ilog-table__body .ilog-table__row td {
        padding-right: 0;
        text-align: right
    }

    .ilog-table-responsive .ilog-table__body .ilog-table__row td:last-child {
        border-bottom: 3px solid #d8dde0
    }
}

@media (min-width:48.0625em) {
    .ilog-table-responsive .ilog-table__body .ilog-table-responsive__heading {
        display: none
    }

    .ilog-table-responsive .ilog-table__body .ilog-table__row {
        display: table-row
    }

    .ilog-table-responsive .ilog-table__body .ilog-table__row th {
        text-align: left
    }

    .ilog-table-responsive .ilog-table__body .ilog-table__row td {
        display: table-cell
    }
}

.ilog-table__cell--numeric,
.ilog-table__header--numeric {
    text-align: right;

}


.uof_title {
    text-align: center;
    background-color: #cccccc;
}







/* ==========================================================
   08. Navigation / Menus
   ========================================================== */










/* ==========================================================
   09. Cards / Panels / Details
   ========================================================== */


.nhsuk-details {
    color: #212b32;
    margin-bottom: 16px;
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.5;
    display: block
}

.nhsuk-details__summary {
    color: #005eb8;
    cursor: pointer;
    display: inline-block;
    padding-left: 24px;
    position: relative
}

.nhsuk-details__summary:hover {
    color: #7c2855
}

.nhsuk-details__summary::before {
    bottom: 0;
    content: "";
    left: 0;
    margin: auto;
    position: absolute;
    top: 0;
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-color: transparent;
    clip-path: polygon(0 0, 100% 50%, 0 100%);
    border-width: 7px 0 7px 12.124px;
    border-left-color: inherit
}

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

.nhsuk-details__summary:focus .nhsuk-icon {
    fill: #212b32
}

.nhsuk-details__summary:focus .nhsuk-details__summary-text,
.nhsuk-details__summary:hover .nhsuk-details__summary-text {
    text-decoration: none
}

.nhsuk-details[open]>.nhsuk-details__summary::before {
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-color: transparent;
    clip-path: polygon(0 0, 50% 100%, 100% 0);
    border-width: 12.124px 7px 0 7px;
    border-top-color: inherit
}

.nhsuk-details__summary-text {
    text-decoration: underline
}

.nhsuk-details__summary::-webkit-details-marker {
    display: none
}

.nhsuk-details__text {
    border-left: 4px solid #d8dde0;
    margin-top: 8px;
    padding: 16px;
    padding-left: 20px
}

.nhsuk-details__text>:first-child {
    margin-top: 0
}

.nhsuk-details__text>:last-child {
    margin-bottom: 0
}











.nhsuk-details+.nhsuk-heading-l,
.nhsuk-details+h2 {
    padding-top: 16px
}

@media (min-width:40.0625em) {

    .nhsuk-details+.nhsuk-heading-l,
    .nhsuk-details+h2 {
        padding-top: 24px
    }
}



   
.nhsuk-details {
    font-size: 16px !important;
}

.nhsuk-details__summary {
    padding-left: 18px !important;
}
.nhsuk-hint {
    font-size: 16px !important;
}
.nhsuk-details__text {
    margin-top: 0 !important;
    padding: 0 !important;
    padding-left: 10px !important;
    border-left: 4px solid #005eb8 !important;
}







.nhsuk-card {
    margin-bottom: 40px;
    background: #fff;
    border: 1px solid #d8dde0;
    position: relative;
    width: 100%
}

@media (min-width:40.0625em) {
    .nhsuk-card {
        margin-bottom: 48px
    }
}

.nhsuk-card__img {
    border-bottom: 1px solid #f0f4f5;
    display: block;
    width: 100%
}

@media print {
    .nhsuk-card__img {
        display: none
    }
}

.nhsuk-card__content {
    padding: 24px
}

.nhsuk-card__content>:first-child {
    margin-top: 0
}

.nhsuk-card__content>:last-child {
    margin-bottom: 0
}

@media (min-width:40.0625em) {
    .nhsuk-card__content {
        padding: 32px
    }
}

.nhsuk-card__description,
.nhsuk-card__heading,
.nhsuk-card__metadata {
    margin-bottom: 16px
}

.nhsuk-card--clickable {
    border-bottom-width: 4px
}

.nhsuk-card--clickable .nhsuk-card__heading a::before,
.nhsuk-card--clickable .nhsuk-card__link::before {
    background-color: rgba(255, 255, 255, 0);
    bottom: 0;
    content: "";
    display: block;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.nhsuk-card--clickable:active {
    border-color: #aeb7bd;
    bottom: -1px
}

.nhsuk-card-group {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 16px;
    padding: 0
}

@media (max-width:48.0525em) {
    .nhsuk-card-group {
        margin-bottom: 40px
    }
}

.nhsuk-card-group+.nhsuk-heading-l,
.nhsuk-card-group+.nhsuk-heading-m,
.nhsuk-card-group+h2,
.nhsuk-card-group+h3 {
    padding-top: 0
}

.nhsuk-card-group__item {
    display: flex;
    list-style-type: none;
    margin-bottom: 0
}

@media (max-width:48.0525em) {
    .nhsuk-card-group__item {
        flex: 0 0 100%
    }
}

.nhsuk-card-group__item .nhsuk-card {
    margin-bottom: 32px
}

@media (max-width:48.0525em) {
    .nhsuk-card-group__item .nhsuk-card {
        margin-bottom: 16px
    }

    .nhsuk-card-group__item:last-child .nhsuk-card {
        margin-bottom: 0
    }
}

.nhsuk-card--feature {
    margin-top: 40px
}

@media (min-width:40.0625em) {
    .nhsuk-card--feature {
        margin-top: 48px
    }
}

.nhsuk-card__heading--feature {
    background: #005eb8;
    color: #fff;
    display: inline-block;
    left: -25px;
    margin-bottom: 8px;
    margin-right: -24px;
    padding: 8px 24px;
    position: relative;
    top: -8px
}

@media (min-width:40.0625em) {
    .nhsuk-card__heading--feature {
        left: -33px;
        margin-right: -32px;
        padding: 8px 32px;
        top: -16px
    }
}

.nhsuk-card__content--feature {
    padding-top: 0 !important
}

.nhsuk-card--care {
    margin-top: 40px
}

@media (min-width:40.0625em) {
    .nhsuk-card--care {
        margin-top: 48px
    }
}

.nhsuk-card--care .nhsuk-card--care__heading-container {
    background-color: #005eb8;
    color: #fff
}

@media print {
    .nhsuk-card--care {
        border: 4px solid #212b32;
        color: #212b32;
        page-break-inside: avoid
    }
}

.nhsuk-card--care__heading-container {
    padding-left: 24px;
    padding-right: 24px;
    padding-bottom: 16px;
    padding-top: 16px;
    position: relative
}

@media (min-width:40.0625em) {
    .nhsuk-card--care__heading-container {
        padding-left: 32px
    }
}

@media (min-width:40.0625em) {
    .nhsuk-card--care__heading-container {
        padding-right: 32px
    }
}

.nhsuk-card--care__heading {
    font-weight: 600;
    font-size: 22px;
    font-size: 1.375rem;
    line-height: 1.31818;
    margin: 0;
    padding-top: 0
}

@media (min-width:40.0625em) {
    .nhsuk-card--care__heading {
        font-size: 26px;
        font-size: 1.625rem;
        line-height: 1.23077
    }
}

@media print {
    .nhsuk-card--care__heading {
        font-size: 17pt;
        line-height: 1.25
    }
}

@media print {
    .nhsuk-card--care__heading {
        color: #212b32;
        fill: #212b32
    }

    .nhsuk-card--care__heading:active,
    .nhsuk-card--care__heading:focus,
    .nhsuk-card--care__heading:visited {
        color: #212b32
    }
}

.nhsuk-card--care__arrow {
    bottom: -10px;
    display: block;
    height: 20px;
    left: 30px;
    overflow: hidden;
    position: absolute;
    transform: rotate(45deg);
    width: 20px
}

@media print {
    .nhsuk-card--care__arrow {
        display: none
    }
}

@media (min-width:40.0625em) {
    .nhsuk-card--care__arrow {
        left: 38px
    }
}

.nhsuk-card--care__arrow::after,
.nhsuk-card--care__arrow::before {
    border: solid 32px #005eb8;
    content: "";
    display: block;
    height: 0;
    position: absolute;
    top: 0;
    transform: rotate(45deg);
    width: 0
}

.nhsuk-card--care--urgent .nhsuk-card--care__heading-container {
    background-color: #d5281b;
    color: #fff
}

@media print {
    .nhsuk-card--care--urgent {
        border: 6px solid #212b32;
        color: #212b32;
        page-break-inside: avoid
    }
}

.nhsuk-card--care--urgent .nhsuk-card--care__arrow::after,
.nhsuk-card--care--urgent .nhsuk-card--care__arrow::before {
    border-color: #d5281b
}

.nhsuk-card--care--emergency .nhsuk-card--care__heading-container {
    background-color: #d5281b;
    color: #fff
}

@media print {
    .nhsuk-card--care--emergency {
        border: 8px solid #212b32;
        color: #212b32;
        page-break-inside: avoid
    }
}

.nhsuk-card--care--emergency .nhsuk-card--care__arrow::after,
.nhsuk-card--care--emergency .nhsuk-card--care__arrow::before {
    border-color: #d5281b
}

.nhsuk-card--care--emergency .nhsuk-card__content {
    background-color: #212b32;
    border: 0;
    color: #fff;
    position: static
}

.nhsuk-card--care--emergency .nhsuk-card__content a {
    color: #fff
}

.nhsuk-card--care--emergency .nhsuk-card__content a:focus {
    color: #212b32
}

@media print {
    .nhsuk-card--care--emergency .nhsuk-card__content {
        background-color: #fff;
        color: #212b32
    }
}

.nhsuk-card--care--emergency .nhsuk-details,
.nhsuk-card--care--emergency .nhsuk-details__summary {
    color: #fff
}

.nhsuk-card--care--emergency .nhsuk-details__summary:hover {
    color: #fff
}

.nhsuk-card--care--emergency .nhsuk-details__summary:focus {
    color: #212b32
}



.nhsuk-card__content--primary {
    padding-right: 75px
}

@media (min-width:48.0625em) {
    .nhsuk-card__content--primary {
        height: 100%
    }
}

.nhsuk-card__content--primary .nhsuk-icon {
    display: block;
    fill: #005eb8;
    margin-top: -8px;
    pointer-events: none;
    position: absolute;
    right: 24px;
    top: 50%
}

.nhsuk-card--secondary {
    background: 0 0;
    border-bottom: 4px solid #d8dde0;
    border-left: 0;
    border-right: 0;
    border-top: 0
}

.nhsuk-card__content--secondary {
    padding-left: 0;
    padding-right: 0;
    padding-top: 0
}








.tick::after {
  content: "✔";
  color: green;
  margin-left: 5px;
}
.cross::after {
  content: "✖";
  color: red;
  margin-left: 5px;
}
.textarea-container {
    position: relative;
    margin-bottom: 1rem;
}
.character-count {
    font-size: 0.9rem;
    color: #666;
    margin-top: 0.5rem;
    text-align: right;
}
.speech-btn {
    margin-top: 0.5rem;
    padding: 8px 16px;
    background-color: #4CAF50;
    color: white;
    border: none;
    border-radius: 4px;
    cursor: pointer;
}
.speech-btn.recording {
    background-color: #ff4444;
}
/* Tooltip styles */
.tooltip {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    background-color: #333;
    color: white;
    padding: 8px;
    border-radius: 4px;
    font-size: 0.9rem;
    width: 200px;
    z-index: 10;
    box-shadow: 0 2px 5px rgba(0,0,0,0.2);
}
.speech-btn:hover .tooltip {
    display: block;
}



/* ==========================================================
   10. Report / Investigation Specific Components
   ========================================================== */



.author-details-hide-text {
    display: none;
}

.author-details-toggle[open] .author-details-show-text {
    display: none;
}

.author-details-toggle[open] .author-details-hide-text {
    display: inline;
}

.author-details-toggle[open] .author-details-tag::after {
    content: " ▲";
}

.author-details-toggle:not([open]) .author-details-tag::after {
    content: " ▼";
}

.author-details-summary {
    list-style: none !important;
}

.author-details-summary::-webkit-details-marker {
    display: none !important;
}

.author-details-summary::marker {
    display: none !important;
    content: "" !important;
}

.author-details-summary::before {
    display: none !important;
    content: "" !important;
}

.author-details-summary .nhsuk-details__summary-text::before {
    display: none !important;
    content: "" !important;
}







/* TOC Styles Start */
.toc-columns {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 32px;
}

.toc-columns ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.toc-columns ul li {
    margin-bottom: 10px;
}

@media screen and (max-width: 768px) {
    .toc .toc-columns {
        grid-template-columns: 1fr !important;
        gap: 0;
    }
}
/* TOC Styles End */



.rag-rating-info-button {
    display: inline-block;
    width: 22px;
    height: 22px;
    margin-left: 6px;
    padding: 0;
    border: 2px solid #005eb8;
    border-radius: 50%;
    background: #ffffff;
    color: #005eb8;
    font-size: 14px;
    font-weight: 700;
    line-height: 18px;
    text-align: center;
    cursor: pointer;
}

.rag-rating-info-button:hover,
.rag-rating-info-button:focus {
    background: #005eb8;
    color: #ffffff;
    outline: 3px solid #ffdd00;
    outline-offset: 2px;
}

.rag-rating-modal {
    position: fixed;
    inset: 0;
    z-index: 9999;
    display: none;
    align-items: center;
    justify-content: center;
    padding: 24px;
    background: rgba(0, 0, 0, 0.75);
}

.rag-rating-modal[aria-hidden="false"] {
    display: flex;
}

.rag-rating-modal__dialog {
    position: relative;
    max-width: 95vw;
    max-height: 92vh;
    padding: 18px;
    background: #ffffff;
    border-radius: 4px;
    box-sizing: border-box;
    overflow: auto;
}

.rag-rating-modal__title {
    margin-top: 0;
    margin-bottom: 12px;
    font-size: 1.4rem;
}

.rag-rating-modal__image {
    display: block;
    max-width: 90vw;
    max-height: 78vh;
    width: auto;
    height: auto;
    margin: 0 auto;
}

.rag-rating-modal__close {
    position: absolute;
    top: -12px;
    right: -12px;
    width: 38px;
    height: 38px;
    border: 0;
    border-radius: 50%;
    background: #ffffff;
    color: #000000;
    font-size: 30px;
    font-weight: 700;
    line-height: 34px;
    cursor: pointer;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
}

.rag-rating-modal__close:hover,
.rag-rating-modal__close:focus {
    outline: 3px solid #ffdd00;
    outline-offset: 2px;
}

.rag-rating-modal__dialog picture {
    display: block;
    width: 100%;
    max-width: 100%;
}

.rag-rating-modal__image {
    display: block;
    max-width: 100%;
    height: auto;
    margin: 0 auto;
    box-sizing: border-box;
}

@media (max-width: 768px) {
    .rag-rating-modal {
        padding: 8px;
        align-items: flex-start;
        overflow-y: auto;
    }

    .rag-rating-modal__dialog {
        width: calc(100vw - 16px);
        max-width: calc(100vw - 16px);
        max-height: none;
        padding: 8px;
        margin-top: 8px;
        overflow-x: hidden;
        overflow-y: visible;
        box-sizing: border-box;
    }

    .rag-rating-modal__image {
        width: 100%;
        max-width: 100%;
        max-height: none;
        height: auto;
    }

    .rag-rating-modal__title {
        font-size: 1.1rem;
        padding-right: 32px;
    }
}



/* START INJURY BODYMAP STYLES */
.injury-body-map-section {
    margin-top: 25px;
    padding: 15px;
    border: 2px solid #d8dde0;
    border-radius: 6px;
    background: #ffffff;
}

.body-map-switcher {
    margin-bottom: 15px;
}

.body-map-switch {
    margin-right: 8px;
    cursor: pointer;
    border: none;
}

.body-map-display {
    display: flex;
    justify-content: center;
    margin-bottom: 20px;
}

.body-map-view {
    width: 100%;
    max-width: 420px;
    margin: 0 auto;
}

.injury-body-map-svg {
    width: 100%;
    height: auto;
    display: block;
}

.body-map-point {
    cursor: pointer;
    fill: transparent;
    stroke: transparent;
    stroke-width: 2;
    pointer-events: all;
}

.body-map-point:hover,
.body-map-point:focus {
    fill: rgba(0, 94, 184, 0.25);
    stroke: #005eb8;
    outline: none;
}

.body-map-point.is-selected {
    fill: rgba(0, 127, 59, 0.35);
    stroke: #007f3b;
}

.body-map-editor {
    margin-top: 15px;
    padding: 15px;
    border: 2px solid #005eb8;
    border-radius: 6px;
    background: #f0f4f5;
}

.body-map-selected-list {
    margin-top: 10px;
}

.body-map-selected-list button {
    margin-left: 8px;
}

@media (max-width: 768px) {
    .body-map-view {
        max-width: 95vw;
    }

    .body-map-switch {
        margin-bottom: 8px;
    }
}
/* END INJURY BODYMAP STYLES */



/* START BODYMAP OUTPUT READ ONLY VERSION */
.body-map-output {
    margin-top: 15px;
    padding: 12px;
    border: 2px solid #d8dde0;
    border-radius: 6px;
    background: #ffffff;
}

.body-map-output-switcher {
    margin: 10px 0 15px 0;
}

.body-map-output-switch {
    margin-right: 8px;
    border: none;
    cursor: pointer;
}

.body-map-output-display {
    display: flex;
    justify-content: flex-start;
    margin-bottom: 15px;
}

.body-map-output-view {
    width: 100%;
    max-width: 360px;
    margin: 0;
}

.body-map-output .injury-body-map-svg {
    width: 100%;
    height: auto;
    display: block;
}

.body-map-output .body-map-point {
    fill: transparent;
    stroke: transparent;
    stroke-width: 2;
    pointer-events: none;
}

.body-map-output .body-map-point.is-selected {
    fill: rgba(0, 127, 59, 0.35);
    stroke: #007f3b;
}

.body-map-output-list {
    margin-top: 10px;
}

.body-map-output-list li {
    margin-bottom: 8px;
}

.body-map-output-list li {
    font-style: normal;
    font-weight: lighter;
    font-size: 16px;
}


@media (max-width: 768px) {
    .body-map-output-view {
        max-width: 95vw;
    }

    .body-map-output-switch {
        margin-bottom: 8px;
    }
}
/* END BODYMAP OUTPUT READ ONLY VERSION */



/* START INJURY DROPZONE STYLE */
.injury-photo-gallery {
    margin-top: 20px;
}

.injury-photo-gallery-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
    margin-top: 10px;
}

.injury-photo-card {
    max-width: 180px;
    border: 1px solid #d8dde0;
    padding: 8px;
    background: #ffffff;
}

.injury-photo-thumb {
    max-width: 100%;
    max-height: 150px;
    display: block;
    border: 1px solid #ccc;
    cursor: pointer;
}
/* END INJURY DROPZONE STYLE */



/* Start Edit Block */
    
    h2.edit_section_title {
        color: #888888;
    }
    h4.edit_section_title {
        color: #888888;
        margin-top: 25px;
    }
    #ref_pair {
        border: 1px dotted black;
        padding: 0 5px;
    }
/* End Edit Block */





/* START ANALYTICS RELATED STYLES */
    .tooltip-icon {
        cursor: pointer;
        font-size: 30px;
    }

    .tooltip-icon:hover + .tooltip-content {
        display: block;
        opacity: 1;
    }
    .stat_cell {
        vertical-align: middle;
        padding-right: 45px;
    }
    .stat_value {
        vertical-align: middle;
    }
/* END ANALYTICS RELATED STYLES */




/* ==========================================================
   11. Status / Alerts / Messages
   ========================================================== */


.feedback_message {
    font-weight: bold;
    color: red;
    font-family: "Frutiger W01", "Arial", sans-serif !important;
    font-size: 20px;
}

.inline-hint-msg {
    color: red;
}

.small-warning {
    background-color: red;
    font-size: medium;
    padding: 5px;
}

.small-warning {
    background-color: red;
    font-size: medium;
    padding: 5px;
}

.small-warning:hover {
    background-color: red;
    font-size: medium;
    padding: 5px;
}

.feedback_message {
    font-weight: bold;
    color: red;
    font-family: "Frutiger W01", "Arial", sans-serif !important;
    font-size: 20px;
}







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

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

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

@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: 22px;
    font-size: 1.375rem;
    line-height: 1.31818;
    margin-top: 0;
    margin-bottom: 16px
}

@media (min-width:40.0625em) {
    .nhsuk-error-summary__title {
        font-size: 26px;
        font-size: 1.625rem;
        line-height: 1.23077
    }
}

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

@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: 13pt;
        line-height: 1.25
    }
}

.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:active,
.nhsuk-error-summary__list a:hover,
.nhsuk-error-summary__list a:link,
.nhsuk-error-summary__list a:visited {
    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
}




/* ==========================================================
   12. Modals
   ========================================================== */



/* Start Evidence Modal Popup Styles */
    .ilog-modal {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.7);
        z-index: 1000;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .ilog-modal__content {
        position: relative;
        background: #fff;
        padding: 16px;
        border-radius: 4px;
        max-width: 90%;
        max-height: 90%;
        overflow: auto;
        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    }
    .ilog-modal__image {
        max-width: 100%;
        max-height: 80vh;
        display: block;
        margin: 0 auto;
    }
    .ilog-modal__close {
        position: absolute;
        top: 8px;
        right: 8px;
        background: none;
        border: none;
        font-size: 24px;
        cursor: pointer;
        color: #005eb8;
    }
    .ilog-modal__close:hover {
        color: #003087;
    }
/* End Evidence Modal Popup Styles */

/* START INJURY Modal Popup Styles */
.injury-photo-modal[hidden] {
    display: none !important;
}

.injury-photo-modal {
    position: fixed;
    inset: 0;
    z-index: 10000;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 24px;
    background: rgba(0, 0, 0, 0.78);
    box-sizing: border-box;
}

.injury-photo-modal__dialog {
    position: relative;
    width: auto;
    max-width: min(1100px, 96vw);
    max-height: 92vh;
    padding: 18px;
    border-radius: 8px;
    background: #ffffff;
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.45);
    overflow: auto;
    box-sizing: border-box;
}

.injury-photo-modal__close {
    position: absolute;
    top: 8px;
    right: 10px;
    z-index: 2;
    width: 42px;
    height: 42px;
    border: 2px solid #005eb8;
    border-radius: 50%;
    background: #ffffff;
    color: #005eb8;
    font-size: 32px;
    font-weight: 700;
    line-height: 34px;
    cursor: pointer;
}

.injury-photo-modal__close:hover,
.injury-photo-modal__close:focus {
    outline: 3px solid #ffdd00;
    outline-offset: 2px;
    background: #005eb8;
    color: #ffffff;
}

.injury-photo-modal__image {
    display: block;
    max-width: 100%;
    max-height: calc(92vh - 70px);
    width: auto;
    height: auto;
    margin: 48px auto 0 auto;
    border: 1px solid #d8dde0;
}

.injury-photo-modal-open {
    overflow: hidden;
}

@media (max-width: 768px) {
    .injury-photo-modal {
        align-items: flex-start;
        padding: 10px;
        overflow-y: auto;
    }

    .injury-photo-modal__dialog {
        width: 100%;
        max-width: 100%;
        max-height: none;
        padding: 10px;
        margin-top: 10px;
    }

    .injury-photo-modal__image {
        max-height: none;
        width: 100%;
        margin-top: 50px;
    }
}
/* END INJURY Modal Popup Styles */




/* Shared iLog record-details modal */

body.ilog-modal-open {
    overflow: hidden;
}

.ilog-modal[hidden] {
    display: none;
}

.ilog-modal {
    position: fixed;
    inset: 0;
    z-index: 10000;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
}

.ilog-modal__backdrop {
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.65);
}

.ilog-modal__panel {
    position: relative;
    z-index: 1;
    width: min(900px, 100%);
    max-height: calc(100vh - 40px);
    overflow-y: auto;
    background: #ffffff;
    border-radius: 6px;
    padding: 30px;
    box-shadow: 0 12px 40px rgba(0, 0, 0, 0.35);
}

.ilog-modal__panel:focus {
    outline: 4px solid #ffdd00;
    outline-offset: 0;
}

.ilog-modal__close {
    position: absolute;
    top: 10px;
    right: 14px;
    border: 0;
    background: transparent;
    font-size: 2.25rem;
    line-height: 1;
    cursor: pointer;
}

.ilog-modal__section {
    margin-top: 25px;
    padding-top: 15px;
    border-top: 2px solid #d8dde0;
}

.ilog-modal__detail-list {
    margin: 0;
}

.ilog-modal__detail-row {
    display: grid;
    grid-template-columns: minmax(180px, 32%) 1fr;
    gap: 16px;
    padding: 10px 0;
    border-bottom: 1px solid #d8dde0;
}

.ilog-modal__detail-row dt {
    font-weight: 700;
}

.ilog-modal__detail-row dd {
    margin: 0;
    overflow-wrap: anywhere;
}

@media (max-width: 640px) {
    .ilog-modal {
        padding: 10px;
    }

    .ilog-modal__panel {
        max-height: calc(100vh - 20px);
        padding: 24px 18px;
    }

    .ilog-modal__detail-row {
        grid-template-columns: 1fr;
        gap: 4px;
    }
}





/* ==========================================================
   13. Print Styles
   ========================================================== */





/* ==========================================================
   14. Utility / Helper Classes
   ========================================================== */

.user-search-row {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}

.user-search-input {
    width: 100%;
    max-width: 500px;
}

.user-search-row .ilog-tag,
.user-search-row .nhsuk-button {
    margin-bottom: 0;
}






/* Start User Role Explaination Styles */
    .role-guidance {
    margin: 6px 0 25px 0;
    padding: 12px 16px;
    border: 1px solid #d7dce2;
    border-radius: 6px;
    background-color: #f8f9fb;
    }

    .role-guidance summary {
        cursor: pointer;
        color: #1f4f7a;
        font-weight: 600;
    }

    .role-guidance ul {
        margin-top: 12px;
        margin-bottom: 0;
        padding-left: 22px;
    }

    .role-guidance li {
        margin-bottom: 12px;
    }
/* end User Role Explaination Styles */



.force-hidden {
    display: none !important;
}





/* ==========================================================
   END RETAINED LEGACY STYLES
   ========================================================== */


















/* ==========================================================
   START CANONICAL ILOG STYLES
   Confirmed after stylesheet cleanup.
   New/approved rules should be added below this line.
========================================================== */


/* ==========================================================
   00. Root Theme Colors
   ========================================================== */

:root {
    --color-setup: #99a4a3;
    --color-primary: #005eb8;
    --color-secondary: #4c6272;

    --color-black: #000000;
    --color-white: #ffffff;
    
    --color-app-background: #f0f4f5;
    --color-footer-background: #b2babb;

    --color-text-body: #212b32;
    --color-text-header: #ffffff;

    --color-nav-element: #ffffff;

    --color-pagination-link: #000000;
    --color-pagination-link-active: #ffffff;
    --color-pagination-link-active-background: #005EB8;
    --color-pagination-link-not-active: #ffffff;
    --color-pagination-link-not-active-background: #354550;
    --color-pagination-border: #000000;

    --color-investigation_subsection_title: #ffffff;

}



/* ==========================================================
   01. Reset / Base Elements
   ========================================================== */

html {
    background-color: var(--color-app-background);

    font-family:
        -apple-system,
        BlinkMacSystemFont,
        "Segoe UI",
        Roboto,
        Helvetica,
        Arial,
        sans-serif;

    font-size: 16px;
    line-height: 1.5;

    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;

    overflow-y: scroll;
    box-sizing: border-box;
    min-height: 100%;
}

*,
*::before,
*::after {
    box-sizing: inherit;
}

body {
    background-color: var(--color-app-background);
    color: var(--color-text-body);
    margin: 0;
    min-height: 100vh;
    font-size: 1rem; /* 16px */
    display: flex;
    flex-direction: column;
}

body,
button,
input,
select,
textarea {
    font: inherit;
}

.ilog-header {
    background-color: var(--color-primary);
}

.logo_wrap {
    text-align: center;
    padding-top: 10px;
    padding-bottom: 10px;
}

.ilog-header-logo {
    max-height: 85px;
    max-width: 300px;
    width: auto;
    height: auto;
    object-fit: contain;
}

.org_wrap {
    margin: 0;
    padding-top: 0;
}

h1.org {
    color:  var(--color-text-header);
    text-align: center;
    margin-top: -10px;
}

.strap_wrap {
    margin: 0;
    padding-top: 0;
    padding-bottom: 5px;
}

.strap {
    color:  var(--color-text-header);
    text-align: center;
    margin-top: -15px;
    font-size: inherit;
}






/* ----------------------------------------------------------
   Horizontal Rules / Dividers
   ---------------------------------------------------------- */

hr.setup_page_title_separator {
    border: 2px solid var(--color-setup);
    margin: 15px 0 25px 0;
 }

hr.page_title_separator {
    border: 2px solid var(--color-primary);
    margin: 15px 0 25px 0;
 }

hr.page_info_separator {
    border: 2px solid var(--color-primary);
    margin: 25px 0 25px 0;
 }

hr.page_info_to_action_separator {
    border: 2px solid var(--color-primary);
    margin: 25px 0 5px 0;
 }

hr.action_to_page_info_separator {
    border: 2px solid var(--color-primary);
    margin: 0 0 25px 0;
 }

hr.ilog_investigation_section_separator {
    border-top: 4px solid var(--color-primary);
    margin: 30px 0 0 0;
}



.investigation_people_subsection_sep {
    padding: 7px;
    background-color: var(--color-primary);
    width: 100%;
    margin: 25px 0 10px 0;
    color: var(--color-investigation_subsection_title);
    text-transform: uppercase;
}



/* ==========================================================
   02. Global Layout / Containers
   ========================================================== */

.ilog-width-container {
    margin: 0 auto;
    max-width: 960px;
}

.ilog-page-content {
    width: 100%;
    flex: 1 0 auto;
}

.ilog-main-wrapper {
    display: block;
    padding: 0 15px;
    margin-bottom: 25px;
}

footer {
    flex-shrink: 0;
}

.ilog-footer-container {
    border-top: 2px solid var(--color-primary);
    text-align: center;
}

.ilog-footer-info {
    width: 100%;
    background-color: var(--color-footer-background);
    padding-top: 15px;
    padding-bottom: 15px;
    border-top: 2px solid var(--color-primary);
}

.ilog-page--centred {
    text-align: center;
}

.five_below {
    margin-bottom: 5px;
}

.clearBreak {
    float: none;
    clear: both;
}


.body-map-display {
    width: 100%;
    max-width: none;
}

.body-map-display {
    width: 100%;
}

.staff-body-map-view svg {
    display: block;
    width: 100% !important;
    max-width: 300px !important;
    height: auto !important;
    margin: 0 auto;
}

.ilog-report-details {
    margin-top: 16px;
    margin-bottom: 0;
}

.ilog-report-details .nhsuk-details__text {
    border-left: 4px solid #d8dde0;
    padding-left: 20px;
    margin-top: 12px;
}


.redwrap {
        border: 2px solid red;
        border-radius: 5px;
        padding: 10px;
        background-color: #cccccc;
        margin-bottom: 25px;
        margin-top: 45px;
    }


/* ==========================================================
   03. Typography
   ========================================================== */

h1 {
    font-size: 2rem;        /* 32px */
    line-height: 1.2;
    font-weight: 700;
}

h2 {
    font-size: 1.625rem;    /* 26px */
    line-height: 1.25;
    font-weight: 700;
    padding-bottom: 0;
    margin-bottom: 0;
}

h3 {
    font-size: 1.375rem;    /* 22px */
    line-height: 1.3;
    font-weight: 600;
}

h4 {
    font-size: 1.125rem;    /* 18px */
    line-height: 1.35;
    font-weight: 600;
}




/* ==========================================================
   04. Links
   ========================================================== */

/* ==========================================================
   05. Buttons / Tags / Action Controls
   ========================================================== */

.ilog_nav_2_top_wrap {
    padding: 10px 1px;
}

.ilog-tag {
    font-weight: 600;
    font-size: 14px;
    border: 1px solid #cccccc;
    color: #fff;
    display: inline-block;
    outline: 2px solid transparent;
    outline-offset: -2px;
    padding: 10px;
    text-decoration: none
}

.subsection-toggle-tag {
    cursor: pointer;
    font-family: inherit;
}

.subsection-toggle-tag:hover {
    text-decoration: underline;
}

.ilog_nav_2_top_button {
    text-decoration: none;
    color: #004c23;
    font-weight: 600;
    font-size: 14px;
}

.ilog_nav_2_top_button:hover {
    text-decoration: underline;
    color: #004c23;
}

.ilog_edit_record_button_a {
    text-decoration: none;
    color: #354550;
    font-weight: 600;
    font-size: 14px;
}

.ilog_edit_record_button_a:hover {
    color: #354550;
    text-decoration: underline;
}

.ilog_edit_record_button {
    margin: 15px 0;
}

.ilog_show_details_button {
    text-decoration: none;
    font-weight: 600;
    font-size: 14px;
}

.ilog-tag--white {
    background-color: #fff;
    border-color: #212b32;
    color: #212b32
}

.ilog-tag--grey {
    background-color: #dbe0e3;
    border-color: #354550;
    color: #354550
}

.ilog-tag--green {
    background-color: #cce5d8;
    border-color: #004c23;
    color: #004c23
}

.ilog-tag--aqua-green {
    background-color: #ccedeb;
    border-color: #00524d;
    color: #00524d
}

.ilog-tag--blue {
    background-color: #ccdff1;
    border-color: #004281;
    color: #004281
}

.ilog-tag--purple {
    background-color: #d6cce3;
    border-color: #240050;
    color: #240050
}

.ilog-tag--pink {
    background-color: #efd3e3;
    border-color: #57133a;
    color: #57133a
}

.ilog-tag--red {
    background-color: #f7d4d1;
    border-color: #6b140e;
    color: #6b140e
}

.ilog-tag--orange {
    background-color: #ffdc8e;
    border-color: #4d3708;
    color: #4d3708
}

.ilog-tag--yellow {
    background-color: #fff59d;
    border-color: #4d4712;
    color: #4d4712
}


.nhsuk-tag--green {
    background-color: #cce5d8;
    border: 1px solid;
    border-color: #004c23;
    color: #004c23
}


.nhsuk-tag--grey {
    background-color: #dbe0e3;
    border-color: #354550;
    color: #354550
}


.nhsuk-tag--red {
    background-color: #f7d4d1;
    border: 1px solid #6b140e;
    color: #6b140e
}

.nhsuk-tag--blue {
    background-color: #ccdff1;
    border-color: #004281;
    color: #004281
}

/* ==========================================================
   06. Forms / Inputs / Validation
   ========================================================== */


.nhsuk-label {
    font-weight: 400;
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.5;
    display: block;
    margin-bottom: 4px
}

.form_label_radioselect {
    width: 50%;
    float: left;
    padding-top: 7px;
    padding-right: 25px;
}

.form_field_radioselect {
    width: 50%;
    float: left;
    padding-left: 15px;
}

.nhsuk-radios__item {
    font-weight: 400;
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.5;
    clear: left;
    display: block;
    margin-bottom: 8px;
    min-height: 40px;
    padding: 0 0 0 40px;
    position: relative
}


.nhsuk-radios__item:last-child,
.nhsuk-radios__item:last-of-type {
    margin-bottom: 0
}

.nhsuk-radios__input {
    cursor: pointer;
    height: 40px;
    left: 0;
    margin: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    width: 40px;
    z-index: 1
}

.nhsuk-radios__label {
    cursor: pointer;
    display: inline-block;
    margin-bottom: 0;
    padding: 8px 12px 4px;
    -ms-touch-action: manipulation;
    touch-action: manipulation
}


.nhsuk-form-group {
    margin-bottom: 16px
}

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

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

.nhsuk-form-group .nhsuk-form-group:last-of-type {
    margin-bottom: 0
}

.nhsuk-form-group--wrapper {
    margin-bottom: 24px
}

@media (min-width:40.0625em) {
    .nhsuk-form-group--wrapper {
        margin-bottom: 32px
    }
}

.nhsuk-textarea {
    font-weight: 400;
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.5;
    -webkit-appearance: none;
    border: 2px solid #4c6272;
    border-radius: 0;
    box-sizing: border-box;
    display: block;
    min-height: 40px;
    padding: 4px;
    resize: vertical;
    width: 100%
}

.nhsuk-textarea:focus {
    border: 2px solid #212b32;
    box-shadow: inset 0 0 0 2px;
    outline: 4px solid #ffeb3b;
    outline-offset: 0
}

.nhsuk-textarea--error {
    border: 2px solid #d5281b
}



/* ==========================================================
   07. Tables
   ========================================================== */



/* ==========================================================
   08. Navigation / Menus
   ========================================================== */

.ilog-nav-container {
    padding-top: 0;
    padding-bottom: 3px;
}

.ilog-nav {}

.ilog-header-nav-list {
     display: flex; 
     justify-content: center;
     flex-wrap: wrap;
     width: 100%;
     border-top: 1px solid var(--color-nav-element);
     margin-top: -5px;
}

.ilog-header-nav-item {
    border: 1px solid var(--color-nav-element);
    width: 160px;
    text-align: center;
    margin-left: 7px;
    margin-right: 7px;
    margin-bottom: 0;
    margin-top: 15px;
}

.ilog-header-nav-item a {
    color: var(--color-nav-element);
    font-size: inherit;
    padding-top: 3px;
    padding-bottom: 5px;
    display: inline-block;
    white-space: nowrap;
}




/* ==========================================================
   09. Cards / Panels / Details
   ========================================================== */


.ilog-report-card {
        width: 100%;
        box-sizing: border-box;
        border: 1px solid #d8dde0;
        border-left: 6px solid #005eb8;
        background: #ffffff;
        padding: 24px;
        margin-bottom: 28px;
    }

    .ilog-report-card__header {
        display: flex;
        justify-content: space-between;
        gap: 16px;
        align-items: flex-start;
        margin-bottom: 16px;
    }

    .ilog-report-card__title {
        margin-bottom: 4px;
    }

    .ilog-report-card__section {
        border-top: 1px solid #d8dde0;
        padding-top: 16px;
        margin-top: 16px;
    }

    .ilog-report-card__meta-row {
        display: block;
        margin-bottom: 8px;
    }

    .ilog-report-card__label {
        font-weight: 700;
        display: inline-block;
        min-width: 190px;
    }

    .ilog-report-card__status {
        text-align: right;
        min-width: 160px;
    }

    .ilog-report-detail-block {
        margin-bottom: 20px;
    }

    .ilog-report-detail-block h3 {
        margin-bottom: 8px;
    }


    .ilog-report-card__summary-preview {
        background: #f0f4f5;
        border-left: 4px solid #768692;
        padding: 16px;
        margin-top: 12px;
        margin-bottom: 0;
    }

    @media (max-width: 640px) {
        .ilog-report-card {
            padding: 16px;
        }

        .ilog-report-card__header {
            display: block;
        }

        .ilog-report-card__status {
            text-align: left;
            min-width: 0;
            margin-top: 12px;
        }

        .ilog-report-card__label {
            display: block;
            min-width: 0;
            margin-bottom: 2px;
        }

    }    
   
   .ilog-report-card__actions {
        border-top: 1px solid #d8dde0;
        padding-top: 16px;
        margin-top: 16px;
    }   

/* ==========================================================
   10. Report / Investigation Specific Components
   ========================================================== */

   .ilog-large-checkbox {
        transform: scale(1.8);
        margin-right: 6px;
    }

/* ==========================================================
   11. Status / Alerts / Messages
   ========================================================== */

.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
}



/* ==========================================================
   12. Modals
   ========================================================== */

/* ==========================================================
   13. Print Styles
   ========================================================== */

/* ==========================================================
   14. Utility / Helper Classes
   ========================================================== */

/* Start Pagination Styles */
    .pagination {
        display: inline-block;
    }
    .pagination a {
        color: var(--color-pagination-link);
        float: left;
        padding: 8px 16px;
        text-decoration: none;
        border: 1px solid var(--color-pagination-border);
    }
    .pagination a.active {
        background-color: var(--color-pagination-link-active-background);
        color: var(--color-pagination-link-active);
        border: 1px solid var(--color-pagination-border);
    }
    .pagination a:hover:not(.active) {
        background-color: var(--color-pagination-link-not-active-background);
        color: var(--color-pagination-link-not-active);
    }
    .pagination a:first-child {
        border-top-left-radius: 5px;
        border-bottom-left-radius: 5px;
    }
    .pagination a:last-child {
        border-top-right-radius: 5px;
        border-bottom-right-radius: 5px;
    }
/* End Pagination Styles */


    


/* ==========================================================
   15. Responsive / Media Queries
   ========================================================== */




/* ==========================================================
   END CANONICAL ILOG STYLES
========================================================== */