@import url('font-awesome/css/font-awesome.min.css');

:root {
    --bs-body-font-size: 15px;
    --bs-body-color: #666;
}

/* 1. Base */
html,
body {
    font-family: Arial, Helvetica, sans-serif;
}

/* 2. Native form controls don't inherit font-family from body — browsers
      give them the OS default unless you say otherwise. */
input,
button,
select,
textarea,
optgroup {
    font: inherit;
}

/* 3. Every Syncfusion class is prefixed e- . The :not() excludes icon
      elements, whose "font" is the glyph set — see the warning below. */
[class^="e-"]:not([class*="icon"]),
[class*=" e-"]:not([class*="icon"]) {
    font-family: sans-serif, Arial, Helvetica !important;
    font-size: 15px;
}

a, .btn-link, a:hover {
    color: #0051BA;
}

    /* we stop using this. 
.btn-primary {
    color: #fff;
    background-color: #1b6ec2;
    border-color: #1861ac;
}
*/

    .btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
        box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
    }

/* no why? This padding-top causes content to be shifted down out of alignment with the menu. 
.content {
    padding-top: 1.1rem;
}
*/

#target {
    padding-top:1rem;
    padding-bottom: 2rem;
}

.valid.modified:not([type=checkbox]) {
    outline: 1px solid #26b050;
}

.invalid {
    outline: 1px solid red;
}

.validation-message {
    color: red;
}

#blazor-error-ui {
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

    #blazor-error-ui .dismiss {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }

.blazor-error-boundary {
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTYiIGhlaWdodD0iNDkiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIG92ZXJmbG93PSJoaWRkZW4iPjxkZWZzPjxjbGlwUGF0aCBpZD0iY2xpcDAiPjxyZWN0IHg9IjIzNSIgeT0iNTEiIHdpZHRoPSI1NiIgaGVpZ2h0PSI0OSIvPjwvY2xpcFBhdGg+PC9kZWZzPjxnIGNsaXAtcGF0aD0idXJsKCNjbGlwMCkiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0yMzUgLTUxKSI+PHBhdGggZD0iTTI2My41MDYgNTFDMjY0LjcxNyA1MSAyNjUuODEzIDUxLjQ4MzcgMjY2LjYwNiA1Mi4yNjU4TDI2Ny4wNTIgNTIuNzk4NyAyNjcuNTM5IDUzLjYyODMgMjkwLjE4NSA5Mi4xODMxIDI5MC41NDUgOTIuNzk1IDI5MC42NTYgOTIuOTk2QzI5MC44NzcgOTMuNTEzIDI5MSA5NC4wODE1IDI5MSA5NC42NzgyIDI5MSA5Ny4wNjUxIDI4OS4wMzggOTkgMjg2LjYxNyA5OUwyNDAuMzgzIDk5QzIzNy45NjMgOTkgMjM2IDk3LjA2NTEgMjM2IDk0LjY3ODIgMjM2IDk0LjM3OTkgMjM2LjAzMSA5NC4wODg2IDIzNi4wODkgOTMuODA3MkwyMzYuMzM4IDkzLjAxNjIgMjM2Ljg1OCA5Mi4xMzE0IDI1OS40NzMgNTMuNjI5NCAyNTkuOTYxIDUyLjc5ODUgMjYwLjQwNyA1Mi4yNjU4QzI2MS4yIDUxLjQ4MzcgMjYyLjI5NiA1MSAyNjMuNTA2IDUxWk0yNjMuNTg2IDY2LjAxODNDMjYwLjczNyA2Ni4wMTgzIDI1OS4zMTMgNjcuMTI0NSAyNTkuMzEzIDY5LjMzNyAyNTkuMzEzIDY5LjYxMDIgMjU5LjMzMiA2OS44NjA4IDI1OS4zNzEgNzAuMDg4N0wyNjEuNzk1IDg0LjAxNjEgMjY1LjM4IDg0LjAxNjEgMjY3LjgyMSA2OS43NDc1QzI2Ny44NiA2OS43MzA5IDI2Ny44NzkgNjkuNTg3NyAyNjcuODc5IDY5LjMxNzkgMjY3Ljg3OSA2Ny4xMTgyIDI2Ni40NDggNjYuMDE4MyAyNjMuNTg2IDY2LjAxODNaTTI2My41NzYgODYuMDU0N0MyNjEuMDQ5IDg2LjA1NDcgMjU5Ljc4NiA4Ny4zMDA1IDI1OS43ODYgODkuNzkyMSAyNTkuNzg2IDkyLjI4MzcgMjYxLjA0OSA5My41Mjk1IDI2My41NzYgOTMuNTI5NSAyNjYuMTE2IDkzLjUyOTUgMjY3LjM4NyA5Mi4yODM3IDI2Ny4zODcgODkuNzkyMSAyNjcuMzg3IDg3LjMwMDUgMjY2LjExNiA4Ni4wNTQ3IDI2My41NzYgODYuMDU0N1oiIGZpbGw9IiNGRkU1MDAiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvZz48L3N2Zz4=) no-repeat 1rem/1.8rem, #b32121;
    padding: 1rem 1rem 1rem 3.7rem;
    color: white;
}

    .blazor-error-boundary::after {
        content: "An error has occurred."
    }

@font-face {
    font-family: 'Toast_icons';
    src: url(data:application/x-font-ttf;charset=utf-8;base64,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) format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'fab-icons';
    src: url(data:application/x-font-ttf;charset=utf-8;base64,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) format('truetype');
    font-weight: normal;
    font-style: normal;
}

#toast_types button {
    margin: 5px;
    min-width: 160px;
    max-width: 160px;
}

.toast-icons {
    font-family: 'Toast_icons' !important;
    speak: none;
    font-size: 55px;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.e-toast-icon.e-icons {
    height: auto !important;
    font-size: 30px !important;
}

.bootstrap5 #toast_type .e-toast-icon.e-icons,
.bootstrap5-dark #toast_type .e-toast-icon.e-icons {
    height: 25px;
}

.toast-icons.e-success::before {
    content: "\e701";
}

.toast-icons.e-error::before {
    content: "\e700";
}

.toast-icons.e-info::before {
    content: "\e704";
}

.toast-icons.e-warning::before {
    content: "\e703";
}

#toast_types {
    text-align: center;
}

/* AFAIK, there was never a decision or a request to round corners on modals. 
.e-dialog 
.e-dlg-header-content,
.e-dialog 
.e-footer-content {
    border-radius: 4px !important;
}
*/

/* */
.e-dlg-header-content .e-dlg-header {
    font-size: 24px !important;
    white-space: wrap;
    width: 100%;
}

.e-dlg-content {
    line-height: 1.4 !important;
}

.image-cropper {
    width: 50px;
    height: 50px;
    position: relative;
    overflow: hidden;
    border-radius: 50%;
}

.profile-pic {
    display: inline;
    margin: 0 auto;
    margin-left: 0%;
    width: auto;
    margin-right: 0.5rem;
    border-radius: 9999px;
}

@font-face {
    font-family: 'fab-icons';
    src: url(data:application/x-font-ttf;charset=utf-8;base64,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) format('truetype');
    font-weight: normal;
    font-style: normal;
}

[class^="fab-icon-"],
[class*=" fab-icon-"] {
    font-family: 'fab-icons' !important;
    speak: none;
    font-size: 55px;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: inherit;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.fab-icon-add:before {
    content: "\e704";
}

.dialogcontent {
}

    .dialogcontent > div {
        padding: 0.5rem;
    }

.e-input[disabled], .e-input-group .e-input[disabled], .e-input-group.e-control-wrapper .e-input[disabled], .e-input-group.e-disabled, .e-input-group.e-control-wrapper.e-disabled, .e-float-input input[disabled], .e-float-input.e-control-wrapper input[disabled], .e-float-input textarea[disabled], .e-float-input.e-control-wrapper textarea[disabled], .e-float-input.e-disabled, .e-float-input.e-control-wrapper.e-disabled {
    -webkit-text-fill-color: rgba(0, 0, 0, 0.8);
    background: transparent;
    color: rgba(0, 0, 0, 0.42);
    background-image: linear-gradient(90deg, rgba(0, 0, 0, 0.42) 0, rgba(0, 0, 0, 0.42) 33%, transparent 0);
    background-position: bottom -1px left 0;
    background-repeat: repeat-x;
    background-size: 4px 1px;
    border-bottom-color: transparent;
}

.e-custom .e-frame {
    border-radius: 4px;
}

.e-checkicon.e-checkbox-wrapper .e-frame.e-check::before {
    content: '\e77d';
}

.e-checkicon.e-checkbox-wrapper .e-check {
    font-size: 8.5px;
}

.e-checkicon.e-checkbox-wrapper .e-frame.e-check {
    background-color: white;
    border-color: grey;
    color: grey;
}

.e-checkicon.e-checkbox-wrapper:hover .e-frame.e-check {
    background-color: white;
    border-color: grey;
    color: grey;
}

.e-checkicon.e-checkbox-wrapper .e-checkbox:focus + .e-frame.e-check {
    background-color: white;
    border-color: grey;
    box-shadow: none;
    color: grey;
}

.e-headercell .e-custom .e-frame:not(.e-check) {
    margin-top: 0px !important;
}

.e-custom {
    color: #FFFFFF !important;
}

.e-templatecell > div {
    white-space: normal !important;
}

.e-btn {
    text-transform: none !important;
}

.e-btn .e-btn-icon, .e-css.e-btn .e-btn-icon,
.e-toolbar .e-tbar-btn .e-icons.e-btn-icon {
    font-size: 120% !important;
}

.ebanavbar {
    padding: 0px !important;
    margin: 0px !important;
}

.nav-scrollable {
    color: #FFF;
    border-radius: 0px 80px 0px 0px;
}

h1, h2, h3, h4, h5 {
    color: #232222;
}

h1 {
    font-size: 45px;
}

h2 {
    font-size: 34px;
}

h3 {
    font-size: 24px;
}

.nav-scrollable > ul {
    padding: 0px;
    list-style: none;
    margin-right: 1rem;
}

.nav-item a {
    border-radius: 0px 10px !important;
}

.nav-scrollable li {
    font-size: 120% !important;
}

section.results {
    margin-bottom: 1rem;
}

.results > h5,
legend > h5,
.servicedescription > h5,
.criteriaquestion > h5 {
    float: left;
    border-bottom: solid 2px #00A6FF;
}

.servicedescription > p,
.criteriaquestion > p {
    clear: both;
}

.servicequestion {
    width: 100%;
    display: flex;
}

.results > div {
    clear: both;
}

.lozenge {
    padding: 1rem;
    border: solid 1px #EDD;
    border-left: solid 4px #00A6FF;
    border-radius: 20px;
    box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.08), 0 1px 18px 0 rgba(0, 0, 0, 0.04), 0 3px 5px -1px rgba(0, 0, 0, 0.04);
    width: 600px;
}

    .lozenge h4 {
        text-align: left;
    }


    .lozenge > div > div > div > ul {
        padding: 0px;
        list-style: none;
        text-align: left;
    }

h1 .nav-link {
    display: inline;
    padding: 0px;
    line-height: 1rem;
}

h1 a.nav-link {
    margin-right: 0.5rem;
}

.documentservices {
    flex-direction: row !important;
    display: flex !important;
    gap: 1rem;
    flex-wrap: wrap;
}

    .documentservices > a {
        text-align: center;
        min-width: 120px;
        min-height: 120px;
        font-size: 150%;
    }

.accordion-header > span {
    font-size: 125%;
    font-weight:bold;
    white-space: wrap !important;
}

@media print {
    footer,
    .e-spinner-pane,
    .e-dialog {
        display: none !important;
    }
}

.e-icon-ascending, .e-icon-descending {
    font-size: 150% !important;
    margin: -19px 30px !important;
}

.e-sortfilterdiv {
    position: absolute;
    right: 0px;
}

.e-rowcell {
    cursor: pointer;
}

.linktype:not(.e-headercell[class^=e-]) {
    text-decoration: underline;
    color: rgb(0, 81, 186) !important;
}

.e-filter-popup li, .e-dlg-custom-header, .e-xlfl-maindiv > div {
    font-size: initial !important;
    height: initial !important;
    line-height: inherit !important;
    font-size: 13px !important;
}

.sf-grid-dlg {
    min-height: fit-content !important;
}

.e-bigger .e-responsive-dialog .e-dlg-header-content, .e-bigger.e-responsive-dialog .e-dlg-header-content {
    padding: 0px 15px;
}

.profilepage, .obcontactpage, .editprofilepage {
    display: flex !important;
    flex-direction: row !important;
    justify-content: flex-start;
    flex-flow: wrap;
    gap: 1rem;
}

    .editprofilepage > fieldset {
        width: 50%;
        max-width: 800px;
        min-width: 600px;
    }

.formgroup {
    margin-top: 1rem;
    margin-bottom: 1rem;
    display: flex;
    flex-flow: column;
    justify-content: flex-start;
    gap: 1rem;
    min-width: 200px;
    max-width: 500px;
}

    /* we are in a shouting contest with material.css, hence the !important. */
    .formgroup label {
        font-size: var(--bs-body-font-size) !important;
        color: var(--bs-body-color) !important;
        font-weight: bold !important;
    }

    .mailto-field {
        display: flex;
        flex-direction: column;
        margin-top: 24px;
        margin-bottom: 6px;
    }

        .mailto-field label {
            font-size: 12px;
            color: rgba(0, 0, 0, 0.6);
            margin-bottom: 2px;
        }

        .mailto-field a {
            padding: 4px 0;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }

    .servicedeclaration, .myrolesoptions {
        display: flex !important;
        flex-direction: row !important;
        justify-content: flex-start;
        flex-flow: wrap;
        gap: 1rem;
    }

        .myrolesoptions > div {
            width: 50%;
            max-width: 400px;
            padding: 1rem;
            padding-left: 0rem;
        }

    .servicespage {
        display: flex !important;
        flex-direction: column !important;
        justify-content: flex-start;
        flex-flow: wrap;
        gap: 1rem;
    }

    .profilepage > fieldset, .obcontactpage > fieldset {
        flex-grow: 1;
        min-width: 300px;
        max-width: 800px;
    }

    .servicespage > section {
        flex-grow: 1;
        width: 100%;
        display: flex !important;
        flex-direction: row !important;
        justify-content: flex-start;
        flex-flow: wrap;
    }

    .servicedescription {
        width: 80%;
        min-width: 700px;
    }

    .radiocontainer {
        position: relative;
        padding-top: 1.5rem;
    }

    .top-row > a {
        background-image: url(../eba-logo_130x70_transparent.png);
        background-repeat: no-repeat;
        height: 90px;
        width: 140px;
        text-decoration: none;
        position: absolute;
        left: 20px;
        top: 12px;
    }

    .pageoptions {
        padding: 1rem;
        padding-left: 0px;
    }

        .pageoptions button {
            margin-right: 1rem;
        }

    .blurb {
        font-size: initial;
        padding-top: 1rem;
    }

        .blurb .e-upload-files {
            display: none;
        }

    .e-upload .e-upload-files .e-upload-progress-wrap .e-upload-progress-bar {
        background: green;
    }


    .e-acrdn-content, .documentsgrid {
        overflow: visible !important;
    }


    .white-tooltip.e-tooltip-wrap.e-popup {
        background-color: #ffffff;
        border: 1px solid #ccc;
        opacity: 1 !important;
        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.10);
    }

    .white-tooltip.e-tooltip-wrap .e-arrow-tip-inner {
        color: #ffffff;
    }

    .e-multi-line-input {
        width: 100% !important;
    }

    .radiocontainer > label {
        font-family: "Roboto", "Segoe UI", "GeezaPro", "DejaVu Serif", "sans-serif", "-apple-system", "BlinkMacSystemFont";
        font-size: 83%;
        font-weight: 400;
        font-style: normal;
        color: rgba(0, 0, 0, 0.54);
        line-height: 1.4;
    }

    .e-disabled > label {
        color: rgba(0, 0, 0, 0.54) !important;
        -webkit-text-fill-color: rgba(0, 0, 0, 0.54) !important;
    }


    .gdprtext {
        margin-top: 0.5rem;
        cursor: pointer;
        display: inline-block;
        font-family: "Roboto", "Segoe UI", "GeezaPro", "DejaVu Serif", "sans-serif", "-apple-system", "BlinkMacSystemFont";
        font-size: 13px;
        font-weight: normal;
        line-height: 18px;
        user-select: none;
        vertical-align: middle;
        white-space: normal;
        color: rgba(0, 0, 0, 0.87);
    }

    label.ebalabel,
    .ebalabel label,
    label[for],
    td.label {
        font-size: var(--bs-body-font-size) !important;
        color: var(--bs-body-color) !important;
        font-weight: bold !important;
    }

    comment-description {
        padding: 15px !important;
    }

    .e-radio > label > span {
        padding-left: 22px;
    }

    .e-radio-wrapper {
        margin-right: 2rem;
    }

    .docsearch {
        display: flex !important;
        flex-direction: row !important;
        justify-content: flex-start;
        flex-flow: nowrap;
        padding-left: 8px;
    }

        .docsearch .e-input {
            background-color: #FFF !important;
            /* height: 100%;*/
            font-size: 120% !important;
            padding-left: 5px !important;
            /* font-weight: bold !important; */
        }

        .docsearch .e-btn {
            background: transparent;
            box-shadow: none;
            positoin: relative;
            top: -4px;
        }
    /*
.docsearchicon {
    margin-right: 0.5rem !important;
}
.e-append > .docsearchicon {
    font-size: 150% !important;
}

.docsearch > span{
    border:0px !important;
}

.docsearch > .e-control-container {
    background-color: #FFF !important;
}
*/

.required-field .e-float-text::after,
.required-field .e-float-text.e-label-top::after {
    content: " *";
    color: #d32f2f;
    font-weight: 600;
}

.documentlisting {
    display: inline;
    text-decoration: none;
    margin: 0;
    padding: 0 0 1rem 0;
    list-style: none;
}

.documentlisting button {
    white-space: wrap !important;
    text-align: left !important;
}
    .documentlisting > li {
        margin: 0px;
    }

    .documentlisting > li > .e-control {
        padding-left: 0px;
    }

    ul.documentlisting .e-link {
        text-transform: none;
    }

.downloadall {
    float: right !important;
}

.eba-document-btn {
    white-space: wrap !important;
}

.e-pager {
    border-color: white;
}

.e-grid {
    border-style: none none none;
    font-family: Arial, Helvetica, sans-serif;
}

    .e-grid .e-icons:not(.e-btn-icon) {
        color: #FFF;
    }

        .e-grid .e-gridheader .e-icons:not(.e-icon-hide):not(.e-check):not(.e-stop):not(.e-icon-ascending):not(.e-icon-descending) {
            font-size: 150%;
        }

        .e-grid .e-headercell .e-headercell-container {
            flex-direction: row-reverse !important;
            gap: 10px;
        }

        .e-grid .e-gridheader {
            border-bottom: 1px solid #ddd;
            border-top: 1px solid #eee;
        }

        .e-grid .e-headercelldiv {
            font-size: 15px;
            font-weight: bold;
        }

        .e-grid .e-rowcell {
            font-size: 15px;
        }

        .e-grid .e-headercell {
            height: 50px !important;
            background-color: white;
        }

        .e-grid.e-default table th[rowspan] {
            border-width: 0;
        }

        .e-grid .e-headercell .e-headercelldiv {
            padding-right: 22px; /* keeps the sort arrow off the header text */
        }

        .e-grid .e-gridheader .e-headercelldiv,
        .e-grid .e-gridheader .e-headertext,
        .e-grid .e-gridheader .e-stackedheadercelldiv {
            color: #0051BA;
        }

        .e-grid .e-gridheader .e-icons:not(.e-icon-hide):not(.e-check):not(.e-stop):not(.e-icon-reorderuparrow):not(.e-icon-reorderdownarrow) {
            color: #0051BA !important;
        }

    :is(.grid-responsive .e-grid, .e-grid.grid-responsive) .e-gridheader table.e-table,
    :is(.grid-responsive .e-grid, .e-grid.grid-responsive) .e-gridcontent table.e-table {
        min-width: var(--grid-min-width, 900px);
    }

    :is(.grid-responsive .e-grid, .e-grid.grid-responsive) .e-gridcontent .e-content {
        overflow-x: auto;
    }

    :is(.grid-responsive .e-grid, .e-grid.grid-responsive) .e-gridheader th.e-headercell {
        height: 50px !important;
        padding: 6px 8px !important;
        vertical-align: middle;
        white-space: normal;
    }

    :is(.grid-responsive .e-grid, .e-grid.grid-responsive) .e-headercell .e-headercell-container {
        display: flex;
        flex-direction: row !important;
        flex-wrap: wrap;
        justify-content: flex-start;
        align-items: flex-start;
        gap: 4px;
        width: 100%;
    }

    :is(.grid-responsive .e-grid, .e-grid.grid-responsive) .e-headercell .e-headercelldiv {
        display: flex;
        align-items: flex-start;
        flex: 1 1 min-content; /* line-break on the longest WORD, not the whole title */
        min-width: min-content;
        order: 3;
        height: auto;
        padding: 0;
        line-height: 19px;
    }

    :is(.grid-responsive .e-grid, .e-grid.grid-responsive) .e-headercell .e-headercelldiv,
    :is(.grid-responsive .e-grid, .e-grid.grid-responsive) .e-headercell .e-headertext {
        white-space: normal;
        overflow: visible;
        text-overflow: clip;
        overflow-wrap: normal;
        word-break: normal;
    }

    :is(.grid-responsive .e-grid, .e-grid.grid-responsive) .e-headercell .e-headertext {
        width: 100%;
        padding: 0;
    }


    :is(.grid-responsive .e-grid, .e-grid.grid-responsive) .e-headercell-container .e-sortfilterdiv,
    :is(.grid-responsive .e-grid, .e-grid.grid-responsive) .e-headercell-container .e-filtermenudiv {
        position: static;
        order: 1;
        flex: 0 0 auto;
        width: auto;
        align-self: flex-start;
        margin: 0;
        padding: 0;
        height: 19px;
        line-height: 19px;
    }

    :is(.grid-responsive .e-grid, .e-grid.grid-responsive) .e-headercell-container .e-filtermenudiv {
        order: 1;
    }

    :is(.grid-responsive .e-grid, .e-grid.grid-responsive) .e-headercell-container .e-sortfilterdiv {
        order: 2;
    }

    :is(.grid-responsive .e-grid, .e-grid.grid-responsive) .e-gridheader .e-icons {
        font-size: 100% !important;
    }

    :is(.grid-responsive .e-grid, .e-grid.grid-responsive) .e-headercell .e-icon-ascending,
    :is(.grid-responsive .e-grid, .e-grid.grid-responsive) .e-headercell .e-icon-descending {
        margin: 0 !important;
        font-size: 100% !important;
    }

    :is(.grid-responsive .e-grid, .e-grid.grid-responsive) .e-headercell > .e-sortfilterdiv {
        top: 50%;
        right: 4px;
        transform: translateY(-50%);
    }

    :is(.grid-responsive .e-grid, .e-grid.grid-responsive) .e-gridcontent td.e-rowcell {
        padding: 8px;
        white-space: normal;
        overflow-wrap: break-word;
        text-overflow: clip;
    }

        :is(.grid-responsive .e-grid, .e-grid.grid-responsive) .e-gridcontent td.e-rowcell a,
        :is(.grid-responsive .e-grid, .e-grid.grid-responsive) .e-gridcontent td.e-rowcell > div {
            white-space: normal;
            overflow-wrap: break-word;
        }
    /* this really should be in home.razor.css but it does not work from there... */
    .eba-tile {
        cursor: pointer;
        background-color: #fff;
        border: 1px solid #ddd;
        box-sizing: content-box;
        padding: 4px;
        max-width: 165px; /* Set your desired maximum boundary */
        overflow: hidden; /* Hides the parts of the image that spill out */
    }
    /* Hide sections without icon tiles */
    .eba-tile-section:not(:has(.eba-tile)) {
        display: none;
    }

    .eba-tile-section {
        margin-bottom: 2rem;
    }
    /*
.eba-tile-section > h3 {
    margin-top: 2rem;
    margin-bottom: 1rem;
}
*/

    .eba-tile-content {
        margin-top: 1rem;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        gap: 16px;
    }

    .eba-tile-title {
        color: #ffffff;
        font-weight: 700;
        font-size: 0.9rem;
        text-transform: uppercase;
        line-height: 1.25;
        word-break: break-word;
    }

    .eba-tile img {
        display: block;
        box-sizing: content-box;
        width: 165px;
        height: 165px;
    }

    .documentGroupSynopsis {
        text-wrap: pretty;
        line-height: 1.4;
    }

    .e-accordion .e-acrdn-item.e-select > .e-acrdn-header {
        display: flex;
        flex-direction: row-reverse;
        justify-content: left;
        align-items: center;
        padding: 5px 0 5px 30px !important;
    }

    .e-accordion .e-acrdn-item .e-acrdn-header .e-toggle-icon {
        position: relative;
    }

    .e-accordion {
        border: 0px !important;
    }

        .e-acrdn-item, .e-accordion .e-acrdn-item.e-select, .e-accordion .e-acrdn-item.e-select {
            border: 1px solid rgba(0,0,0,0.15) !important;
            margin-bottom: 1rem !important;
        }

    .e-acrdn-panel.e-nested {
        padding: 15px 15px 0px 15px !important
    }