:root {
    --iapply-button-default: #337ab7 !important;
    /* Primary button color, also affects table row hover in both light and dark modes */
    --iapply-row-hover-dark: #004080 !important;
    /* Hover color for table rows in dark mode */
    --iapply-black-color: #014b88 !important;
    /* Color of the page header */

    --theme-primary: #337ab7;
    --theme-dark1: #104b78;
    --theme-dark2: #003b68;
    --theme-dark3: #0a2441;
    --theme-dark4: #0f172a;

    --bg-default: rgba(0, 75, 136, 1);
    /* #004b88; */
    --bg-card: #fff;
    --bg-card-dark: rgb(0, 59, 104);
    /*#003b68;*/

    --btn-color: #004b88;
    --btn-color-hover: #005b98;
    --btn-color-dark: #004b88;

    --menu-bg: rgba(0, 75, 136, .2);
    --menu-bg-hover: rgba(0, 75, 136, .1);

    --checkbox-radio-outline-color: rgba(0, 0, 0, 0.54);
    /* Checkbox and radio button outline color */
}

body,
.theme-default {
    --fuse-primary: #337ab7 !important;
    /* Active border color for the items per page dropdown */

    /* 004b88 */
    --fuse-primary-rgb: 0, 75, 136;
    /* 51, 122, 183 !important;*/

    /* Lighter primary color shades */
    --fuse-primary-50: white !important;
    --fuse-primary-50-rgb: 255, 255, 255 !important;
    --fuse-primary-100: #eff5fa !important;
    --fuse-primary-100-rgb: 239, 245, 250 !important;
    --fuse-primary-200: #c7ddef !important;
    --fuse-primary-200-rgb: 199, 221, 239 !important;
    --fuse-primary-300: #9fc4e4 !important;
    --fuse-primary-300-rgb: 159, 196, 228 !important;
    --fuse-primary-400: #77acd9 !important;
    --fuse-primary-400-rgb: 119, 172, 217 !important;
    --fuse-primary-500: #4f93ce !important;
    --fuse-primary-500-rgb: 79, 147, 206 !important;

    /* Base Primary color */
    --fuse-primary-600: var(--fuse-primary) !important;
    --fuse-primary-600-rgb: var(--fuse-primary-rgb) !important;

    /* Darker primary color shades */
    --fuse-primary-700: #285f8f !important;
    --fuse-primary-700-rgb: 40, 95, 143 !important;
    --fuse-primary-800: #1d4567 !important;
    --fuse-primary-800-rgb: 29, 69, 103 !important;
    --fuse-primary-900: #122a3f !important;
    --fuse-primary-900-rgb: 18, 42, 63 !important;
    --fuse-primary-950: #071017 !important;
    --fuse-primary-950-rgb: 7, 16, 23 !important;
}

body.dark {
    --bg-card: var(--bg-card-dark);
    --fuse-bg-card-rgb: 0, 59, 104;

    /* CARD and Expansion Panel Backgrounds */
    --iapply-bg-card-medium-dark: rgba(0, 59, 104, 1);
    /* --theme-dark2 */

    --menu-bg: rgba(0, 75, 136, .6);
    --menu-bg-hover: rgba(0, 75, 136, .4);

    /* --mat-sidenav-container-background-color: rgba(0, 59, 104, .6); */
    --mat-sidenav-container-background-color: #062c4f;

    /* Background color for expansion panels and tables in dark mode */
    --mat-table-background-color: var(--iapply-bg-card-medium-dark) !important;
    /* #003b68 */
}

.theme-default .light,
.theme-default.light {
    --mat-option-selected-state-label-text-color: #337ab7 !important;
    /* Highlight color for the items per page dropdown */
    --mdc-circular-progress-active-indicator-color: #337ab7 !important;
    /* Loading spinner color */
    --mdc-filled-text-field-caret-color: #337ab7 !important;
    /* Cursor color in text inputs */
    --mdc-checkbox-unselected-icon-color: var(--checkbox-radio-outline-color) !important;
    /* Checkbox and radio button outline color */
    --iapply-alert-background-colour: #F1F1F1 !important;
    /* Sets the background colour of the alerts */
}

.theme-default .light .mat-mdc-unelevated-button.mat-primary,
.theme-default.light .mat-mdc-unelevated-button.mat-primary {
    --mdc-filled-button-container-color: #363636 !important;
    /* Background color of buttons with non-transparent backgrounds */
}

.theme-default .light .mat-mdc-button.mat-primary,
.theme-default.light .mat-mdc-button.mat-primary {
    --mdc-text-button-label-text-color: #337ab7 !important;
    /* Text color of buttons with transparent backgrounds */
    --mat-text-button-state-layer-color: #337ab7 !important;
    /* Hover background color of transparent buttons */
}

.theme-default .light .mat-mdc-outlined-button.mat-primary,
.theme-default.light .mat-mdc-outlined-button.mat-primary {
    --mdc-outlined-button-label-text-color: #337ab7 !important;
    /* Text color of outlined buttons */
    --mat-outlined-button-state-layer-color: #337ab7 !important;
    /* Active background color of outlined buttons */
}

.theme-default .light .mat-toolbar.mat-primary,
.theme-default.light .mat-toolbar.mat-primary {
    --mat-toolbar-container-background-color: #337ab7 !important;
    /* Toolbar background color */
}

.theme-default .light .mat-mdc-mini-fab.mat-primary,
.theme-default.light .mat-mdc-mini-fab.mat-primary {
    --mdc-fab-small-container-color: #337ab7 !important;
    /* Mini-fab button background color */
}

.theme-default .dark,
.theme-default.dark {
    --mat-paginator-container-background-color: #1c2b50 !important;
    /* Items per page container background color */
    --mat-option-selected-state-label-text-color: #80b3ff !important;
    /* Highlighted number color in dark mode */
    --mat-datepicker-calendar-date-selected-state-background-color: #80b3ff !important;
    /* Selected date background in date picker */
    --mdc-filled-text-field-caret-color: #80b3ff !important;
    /* Cursor color in text inputs in dark mode */

    --mdc-checkbox-selected-icon-color: white !important;
    /* Checkbox and radio button checkbox color */
    --mdc-checkbox-selected-hover-icon-color: white !important;
    /* Checkbox and radio button hover color */
    --mdc-checkbox-selected-pressed-icon-color: white !important;
    /* Checkbox and radio button pressed color */
    --mdc-checkbox-selected-focus-icon-color: white !important;
    /* Checkbox and radio button focus color */

    .mdc-checkbox .mdc-checkbox__native-control:enabled:checked~.mdc-checkbox__background,
    .mdc-checkbox .mdc-checkbox__native-control:enabled:indeterminate~.mdc-checkbox__background,
    .mdc-checkbox .mdc-checkbox__native-control[data-indeterminate=true]:enabled~.mdc-checkbox__background {
        background-color: #1e293b !important;
        /* Checkbox and radio button background color */
    }

    --iapply-alert-background-colour: #1C2B50 !important;
    /* Sets the background colour of the alerts */
}

.theme-default .dark .mat-mdc-unelevated-button.mat-primary,
.theme-default.dark .mat-mdc-unelevated-button.mat-primary {
    --mdc-filled-button-container-color: #80b3ff !important;
    /* Non-transparent button background color in dark mode */
    --mdc-filled-button-label-text-color: #1c2b50 !important;
    /* Text color of non-transparent buttons */
    --mat-filled-button-state-layer-color: #1c2b50 !important;
    /* Active background color of non-transparent buttons */
}

.theme-default .light .mat-mdc-raised-button.mat-primary,
.theme-default.light .mat-mdc-raised-button.mat-primary,
.theme-default .dark .mat-mdc-raised-button.mat-primary,
.theme-default.dark .mat-mdc-raised-button.mat-primary {
    --mdc-protected-button-container-color: rgba(var(--fuse-primary-rgb), var(--tw-bg-opacity)) !important;
}

.theme-default .light .mat-mdc-radio-button.mat-accent,
.theme-default.light .mat-mdc-radio-button.mat-accent {
    --mdc-radio-unselected-icon-color: var(--checkbox-radio-outline-color) !important;
    /* Checkbox and radio button outline color */
}

.light {
    .assigned-applications-wrapper .mat-mdc-table mat-header-row.mat-mdc-header-row,
    .filtered-apps-container .mat-mdc-table mat-header-row.mat-mdc-header-row {
        /* Table header row background color in light mode */
        /* background-color: #BDC3C7 !important; */
    }

    .assigned-applications-wrapper .mat-mdc-table mat-row.mat-mdc-row:nth-of-type(even),
    .filtered-apps-container .mat-mdc-table mat-row.mat-mdc-row:nth-of-type(even) {
        /* Even table row background color in light mode */
        /* background-color: #dadfe1 !important; */
    }

    .assigned-applications-wrapper .mat-mdc-table mat-row.mat-mdc-row:nth-of-type(odd),
    .filtered-apps-container .mat-mdc-table mat-row.mat-mdc-row:nth-of-type(odd) {
        /* Odd table row background color in light mode */
        /* background-color: #ecf0f1 !important; */
    }
}

.dark {
    .site-header div.bg-card {
        /* Navigation header background color in dark mode */
        background-color: #1c2b50 !important;
    }

    /*
    .mat-expansion-panel,
    .mat-mdc-table {
        /~ Background color for expansion panels and tables in dark mode ~/
        background-color: #1c2b50 !important;
    }
    */

    .assigned-applications-wrapper .mat-mdc-table mat-header-row.mat-mdc-header-row,
    .filtered-apps-container .mat-mdc-table mat-header-row.mat-mdc-header-row {
        /* Table header row background color in dark mode */
        /* background-color: #5d6d7e !important; */
    }

    .assigned-applications-wrapper .mat-mdc-table mat-row.mat-mdc-row:nth-of-type(even),
    .filtered-apps-container .mat-mdc-table mat-row.mat-mdc-row:nth-of-type(even) {
        /* Even table row background color in dark mode */
        /* background-color: #34495e !important; */
    }

    .assigned-applications-wrapper .mat-mdc-table mat-row.mat-mdc-row:nth-of-type(odd),
    .filtered-apps-container .mat-mdc-table mat-row.mat-mdc-row:nth-of-type(odd) {
        /* Odd table row background color in dark mode */
        /* background-color: #003563 !important; */
    }

    .mdc-data-table__row:not(.mdc-data-table__row--selected):hover {
        /* background-color: #004b88 !important; */
        background-color: var(--btn-color) !important;
    }

    .page-navigation-menu .page-navigation-list .nav-item a.nav-item-inner:hover:where(.dark, .dark *),
    .page-navigation-menu .sub-page-navigation-list .nav-item a.nav-item-inner:hover:where(.dark, .dark *) {
        background-color: var(--btn-color-hover) !important;
    }
}

.iapply-list-item:is(.dark *) {
    background-color: var(--theme-dark2) !important;
}

.iapply-list-item:hover:is(.dark *) {
    background-color: var(--theme-dark1) !important;
}

/* Custom logos for the page header and authentication */
.auth-logo img,
.page-header-logo img,
.welcome-template-logo {
    display: none !important;
    /* Hide default logo */
}

.dark .auth-container-lg .auth-container-content {
    background-color: var(--theme-dark3) !important;
}

.auth-logo {
    display: block;
    /* background-image: url("../images/logo/logo_sagovau2.png"); */
    background-image: url("../images/logo/logo_gosa.png");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 0 50%;
    height: 36px;
}

.light .auth-logo {
    filter: invert(100%);
}

.welcome-template-logo-container {
    background-color: rgba(255, 255, 255, 0.75);
    border-radius: 8%;

    background-image: url("../images/state-badge.png");
    background-repeat: no-repeat;
    background-position: 50% 50%;
    /* background-size: contain; */
    background-size: 85%;
    height: 280px;
    width: 280px;
}

/* Welcome background:  */
.welcome-template,
.error-container,
.profile-header-background {
    background-image: url('/images/jay-wennington-hvaPwItKg-o-unsplash.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    height: 100%;
    overflow: hidden;
}

@media (min-width: 600px) {
    .bg-sign-in {
        background-image: url('/images/jay-wennington-hvaPwItKg-o-unsplash.jpg');
    }
}

.error-container .frosted-card {
    max-width: 1024px;
}

.profile-cover-image {
    display: none;
}

.page-header-logo .logo-left {
    background-image: url("../images/logo/logo_sagovau2.png");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 50% 50%;
    height: 30px;
    width: 163px;
}

.page-header-logo .logo-right {
    background-image: url("../images/logo/logo_gosa.png");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 50% 50%;
    height: 36px;
    width: 163px;
}


/* Side navigation custom styles */
.nav-item .nav-item-inner {
    margin-bottom: 0.25rem !important;
    padding-left: 1rem !important;
    padding-right: 1rem !important;
    padding-top: 0.75rem !important;
    padding-bottom: 0.75rem !important;
    border-width: 1px !important;
    border-radius: 0.375rem !important;
    z-index: 20 !important;
    display: flex !important;
    background-color: white !important;

    &:hover {
        --tw-bg-opacity: 1 !important;
        background-color: rgb(241 245 249 / var(--tw-bg-opacity)) !important;
    }
}


/* This applies to the active item in the side navigation when viewing the created form */
.nav-item.active-menu-item>.nav-item-inner {
    --tw-bg-opacity: 1 !important;
    background-color: rgba(var(--fuse-primary-rgb), var(--tw-bg-opacity)) !important;
    --tw-text-opacity: 1 !important;
    color: rgb(255 255 255 / var(--tw-text-opacity)) !important;
}

.nav-item.active-menu-item>.nav-item-inner:hover {
    --tw-bg-opacity: 1 !important;
    background-color: rgba(var(--fuse-primary-rgb), var(--tw-bg-opacity)) !important;
}

.dark .nav-item .nav-item-inner {
    /* This applies to the side navigation when viewing the created form */
    --tw-bg-opacity: 1 !important;
    background-color: rgb(var(--fuse-primary-rgb) / var(--tw-bg-opacity))
        /* #334155 */
        !important;
}

.dark .nav-item.active-menu-item>.nav-item-inner {
    /* This applies to the active item in the side navigation when viewing the created form */
    --tw-bg-opacity: 1 !important;
    background-color: rgba(var(--fuse-primary-rgb), var(--tw-bg-opacity)) !important;
}

.dark .nav-item.active-menu-item>.nav-item-inner:hover {
    --tw-bg-opacity: 1 !important;
    background-color: rgba(var(--fuse-primary-rgb), var(--tw-bg-opacity)) !important;
}

.dark .nav-item a.nav-item-inner {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(var(--fuse-primary-rgb) / var(--tw-bg-opacity))
        /* #334155 */
        !important;
}

.dark .nav-item a.nav-item-inner:hover {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(71 85 105 / var(--tw-bg-opacity))
        /* #475569 */
        !important;
}

.assigned-applications-product-count-badge {
    color: #FFF !important;
    /* Assigned applications Badge text color */
}

/* Repeater table alignment */
.iapply-repeater-table-container page-control-list>.control-list-container>* {
    --tw-space-y-reverse: 0;
    /* margin-top: calc(1rem* calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(1rem* var(--tw-space-y-reverse)); */
}

.iapply-repeater-table-container .iapply-repeater-table-row {
    align-items: center !important;
}

.iapply-repeater-table-container .iapply-repeater-table-delete {
    padding-top: 1.5rem !important;
}

.iapply-repeater-table-add-row-button {
    margin-top: 1rem !important;
}

.iapply-repeater-vertical-panel-title {
    font-size: 1.05rem !important;
}

.likert-label {
    font-size: 1.125rem !important;
}

.likert-question {
    justify-content: center;
    /* Center align the Likert question */
}

.light .likert-scale-item mat-label,
.light .likert-question mat-label {
    color: #1e293b !important;
    /* Change the color of the Likert scale items */
}

.dark .likert-scale-item mat-label,
.dark .likert-question mat-label {
    color: #FFF !important;
    /* Change the color of the Likert scale items */
}

.dashboard-header-content {
    margin: 0 !important;
}

.site-header-bottom.bg-card,
.dark .iapply-sticky-header {
    background-color: var(--bg-card) !important;
}

fuse-horizontal-navigation .fuse-horizontal-navigation-wrapper fuse-horizontal-navigation-basic-item .fuse-horizontal-navigation-item-active,
fuse-horizontal-navigation .fuse-horizontal-navigation-wrapper fuse-horizontal-navigation-basic-item .fuse-horizontal-navigation-item-active-forced {
    background-color: var(--menu-bg) !important;
}

fuse-horizontal-navigation .fuse-horizontal-navigation-wrapper fuse-horizontal-navigation-basic-item:hover .fuse-horizontal-navigation-item-wrapper,
fuse-horizontal-navigation .fuse-horizontal-navigation-wrapper fuse-horizontal-navigation-branch-item:hover .fuse-horizontal-navigation-item-wrapper {
    background-color: var(--menu-bg-hover) !important;
}

.dark .mat-drawer {
    background-color: var(--iapply-bg-card-medium-dark) !important;
}

.dark .mat-drawer-content {
    background-color: rgba(var(--fuse-bg-card-rgb), 0.2) !important;
}

.iapply-list-drawer-main-content {
    background-color: rgba(var(--fuse-bg-card-rgb), .2);
}

.light .iapply-label {
    color: #1e293b !important;
    /* Change the color of the labels */
}

.dark .iapply-label {
    color: #FFF !important;
    /* Change the color of the labels */
}

.assigned-applications-wrapper {
    margin: 0;
}

.dark .iapply-signature-pad {
    background-color: #012 !important;
}

.application-editor-container img {
    width: unset;
}

.mat-expansion-panel-body .control-list-container {
    margin: 1rem 0;
}

.alert-success {
    border-left: 4px solid #417505;
    background: var(--iapply-alert-background-colour) url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+Cjxzdmcgd2lkdGg9IjI2cHgiIGhlaWdodD0iMjVweCIgdmlld0JveD0iMCAwIDI2IDI1IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPCEtLSBHZW5lcmF0b3I6IHNrZXRjaHRvb2wgMzkgKDMxNjY3KSAtIGh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaCAtLT4KICAgIDx0aXRsZT4yQkNFRDhDNy01NDlFLTRGMUUtQkYxQS0yQkNEMjlDM0U2QkU8L3RpdGxlPgogICAgPGRlc2M+Q3JlYXRlZCB3aXRoIHNrZXRjaHRvb2wuPC9kZXNjPgogICAgPGRlZnM+PC9kZWZzPgogICAgPGcgaWQ9IkRlc2t0b3AiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxnIGlkPSIwNS1MZXZlbDRfQ29udGVudCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTM1NS4wMDAwMDAsIC03NzM0LjAwMDAwMCkiIGZpbGw9IiM0MTc1MDUiPgogICAgICAgICAgICA8ZyBpZD0iQ09OVEVOVCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMzE1LjAwMDAwMCwgMTM5LjAwMDAwMCkiPgogICAgICAgICAgICAgICAgPGcgaWQ9Ikdyb3VwLTE2IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgyLjAwMDAwMCwgNzU2OC4wMDAwMDApIj4KICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNNjIuNDg2MTAxNSwyNy41MTM1MDQ5IEM2MS4zNjEyMDQyLDI2LjY2NTk4OSA1OS43NjIxOTgsMjYuODkwOTU5MiA1OC45MTQ3Mjg1LDI4LjAxNTYyNSBMNDYuNjU0MjQ1OSw0NC4yODg2NzA1IEw0Mi4zNTM1MTM4LDM5Ljk4NzY2MDYgQzQxLjM1NzUxNDgsMzguOTkxNjYxNiAzOS43NDI2NzQxLDM4Ljk5MTY2MTYgMzguNzQ2OTk5MiwzOS45ODc2NjA2IEMzNy43NTEwMDAzLDQwLjk4MzY1OTUgMzcuNzUxMDAwMyw0Mi41OTg1MDAyIDM4Ljc0Njk5OTIsNDMuNTk0MTc1MSBMNDcuMTk2OTI0Niw1Mi4wNDQwNTQxIEw2Mi45ODgyNjgsMzEuMDg0NjQ2NCBDNjMuODM1OTY5MSwyOS45NTk3MDI4IDYzLjYxMDk5ODgsMjguMzYwNzQyOSA2Mi40ODYxMDE1LDI3LjUxMzUwNDkgTDYyLjQ4NjEwMTUsMjcuNTEzNTA0OSBaIiBpZD0ic3VjY2VzcyI+PC9wYXRoPgogICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICA8L2c+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4=) 30px center no-repeat;
    display: block;
    line-height: 1.25;
    padding: 24px 20px 24px 75px;
    margin: 15px 0;

}

.alert-info {
    border-left: 4px solid #004B85;
    background: var(--iapply-alert-background-colour) url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+Cjxzdmcgd2lkdGg9IjZweCIgaGVpZ2h0PSIzMXB4IiB2aWV3Qm94PSIwIDAgNiAzMSIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4KICAgIDwhLS0gR2VuZXJhdG9yOiBza2V0Y2h0b29sIDM5ICgzMTY2NykgLSBodHRwOi8vd3d3LmJvaGVtaWFuY29kaW5nLmNvbS9za2V0Y2ggLS0+CiAgICA8dGl0bGU+NDk5QzJEMDQtNURDOC00OUY1LThCRjMtRjBCRDVCNDlCQkM0PC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBza2V0Y2h0b29sLjwvZGVzYz4KICAgIDxkZWZzPjwvZGVmcz4KICAgIDxnIGlkPSJEZXNrdG9wIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8ZyBpZD0iMDUtTGV2ZWw0X0NvbnRlbnQiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0zNjUuMDAwMDAwLCAtODA0Mi4wMDAwMDApIiBmaWxsPSIjMDA0Qjg1Ij4KICAgICAgICAgICAgPGcgaWQ9IkNPTlRFTlQiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDMxNS4wMDAwMDAsIDEzOS4wMDAwMDApIj4KICAgICAgICAgICAgICAgIDxnIGlkPSJHcm91cC0xNiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMi4wMDAwMDAsIDc1NjguMDAwMDAwKSI+CiAgICAgICAgICAgICAgICAgICAgPGcgaWQ9ImluZm9ybWF0aW9uIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg1MS4wMDAwMDAsIDM1MC41MDAwMDApIHJvdGF0ZSgxODAuMDAwMDAwKSB0cmFuc2xhdGUoLTUxLjAwMDAwMCwgLTM1MC41MDAwMDApIHRyYW5zbGF0ZSg0OC4wMDAwMDAsIDMzNS4wMDAwMDApIj4KICAgICAgICAgICAgICAgICAgICAgICAgPHJlY3QgaWQ9IlJlY3RhbmdsZS01NzUiIHg9IjAiIHk9IjAiIHdpZHRoPSI2IiBoZWlnaHQ9IjIyIiByeD0iMyI+PC9yZWN0PgogICAgICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMCwyOCBDMCwyNi4zNDMxNDU4IDEuMzQ2NTE3MTIsMjUgMywyNSBMMywyNSBDNC42NTY4NTQyNSwyNSA2LDI2LjM0NjUxNzEgNiwyOCBMNiwyOCBDNiwyOS42NTY4NTQyIDQuNjUzNDgyODgsMzEgMywzMSBMMywzMSBDMS4zNDMxNDU3NSwzMSAwLDI5LjY1MzQ4MjkgMCwyOCBMMCwyOCBaIiBpZD0iUmVjdGFuZ2xlLTU3NS1Db3B5Ij48L3BhdGg+CiAgICAgICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICA8L2c+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4=) 38px center no-repeat;
    display: block;
    line-height: 1.25;
    padding: 24px 20px 24px 75px;
    margin: 15px 0;
}

.alert-warning {
    border-left: 4px solid #fb8b00;
    background: var(--iapply-alert-background-colour) url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+Cjxzdmcgd2lkdGg9IjZweCIgaGVpZ2h0PSIzMXB4IiB2aWV3Qm94PSIwIDAgNiAzMSIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4KICAgIDwhLS0gR2VuZXJhdG9yOiBza2V0Y2h0b29sIDM5ICgzMTY2NykgLSBodHRwOi8vd3d3LmJvaGVtaWFuY29kaW5nLmNvbS9za2V0Y2ggLS0+CiAgICA8dGl0bGU+MEY5MDFGRTYtRTQ4NC00NkJELUFBNDItQzlCNzQ0OTRENjEwPC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBza2V0Y2h0b29sLjwvZGVzYz4KICAgIDxkZWZzPjwvZGVmcz4KICAgIDxnIGlkPSJEZXNrdG9wIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8ZyBpZD0iMDUtTGV2ZWw0X0NvbnRlbnQiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0zNjUuMDAwMDAwLCAtNzgzNC4wMDAwMDApIiBmaWxsPSIjRkI4QjAwIj4KICAgICAgICAgICAgPGcgaWQ9IkNPTlRFTlQiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDMxNS4wMDAwMDAsIDEzOS4wMDAwMDApIj4KICAgICAgICAgICAgICAgIDxnIGlkPSJHcm91cC0xNiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMi4wMDAwMDAsIDc1NjguMDAwMDAwKSI+CiAgICAgICAgICAgICAgICAgICAgPGcgaWQ9Indhcm5pbmciIHRyYW5zZm9ybT0idHJhbnNsYXRlKDQ4LjAwMDAwMCwgMTI3LjAwMDAwMCkiPgogICAgICAgICAgICAgICAgICAgICAgICA8cmVjdCBpZD0iUmVjdGFuZ2xlLTU3NSIgeD0iMCIgeT0iMCIgd2lkdGg9IjYiIGhlaWdodD0iMjIiIHJ4PSIzIj48L3JlY3Q+CiAgICAgICAgICAgICAgICAgICAgICAgIDxyZWN0IGlkPSJSZWN0YW5nbGUtNTc1LUNvcHkiIHg9IjAiIHk9IjI1IiB3aWR0aD0iNiIgaGVpZ2h0PSI2IiByeD0iMyI+PC9yZWN0PgogICAgICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgPC9nPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+) 38px center no-repeat;
    display: block;
    line-height: 1.25;
    padding: 24px 20px 24px 75px;
    margin: 15px 0;
}

.alert-danger {
    border-left: 4px solid #d0021b;
    background: var(--iapply-alert-background-colour) url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+Cjxzdmcgd2lkdGg9IjIwcHgiIGhlaWdodD0iMjFweCIgdmlld0JveD0iMCAwIDIwIDIxIiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPCEtLSBHZW5lcmF0b3I6IHNrZXRjaHRvb2wgMzkgKDMxNjY3KSAtIGh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaCAtLT4KICAgIDx0aXRsZT4xNDBDMDE5Qy01NzcyLTQ2OUEtQkVCOC1GQjQwNDQxOTdDMEU8L3RpdGxlPgogICAgPGRlc2M+Q3JlYXRlZCB3aXRoIHNrZXRjaHRvb2wuPC9kZXNjPgogICAgPGRlZnM+PC9kZWZzPgogICAgPGcgaWQ9IkRlc2t0b3AiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxnIGlkPSIwNS1MZXZlbDRfQ29udGVudCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTM1OC4wMDAwMDAsIC03OTQ2LjAwMDAwMCkiIGZpbGw9IiNEMDAxMUIiPgogICAgICAgICAgICA8ZyBpZD0iQ09OVEVOVCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMzE1LjAwMDAwMCwgMTM5LjAwMDAwMCkiPgogICAgICAgICAgICAgICAgPGcgaWQ9Ikdyb3VwLTE2IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgyLjAwMDAwMCwgNzU2OC4wMDAwMDApIj4KICAgICAgICAgICAgICAgICAgICA8ZyBpZD0iZXJyb3IiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDUxLjAwMDAwMCwgMjQ5LjUwMDAwMCkgcm90YXRlKDQ1LjAwMDAwMCkgdHJhbnNsYXRlKC01MS4wMDAwMDAsIC0yNDkuNTAwMDAwKSB0cmFuc2xhdGUoMzguMDAwMDAwLCAyMzYuMDAwMDAwKSI+CiAgICAgICAgICAgICAgICAgICAgICAgIDxyZWN0IGlkPSJSZWN0YW5nbGUtNDQ1IiB4PSItMS4yMzA2NjAwMmUtMTEiIHk9IjExLjM2MTM2MzYiIHdpZHRoPSIyNS45MTE4ODIiIGhlaWdodD0iNC4wNTc2Mjk4NyIgcng9IjIuMDI4ODE0OTMiPjwvcmVjdD4KICAgICAgICAgICAgICAgICAgICAgICAgPHJlY3QgaWQ9IlJlY3RhbmdsZS00NDUtQ29weSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTIuOTU1OTQxLCAxMy4zOTAxNzkpIHJvdGF0ZSg5MC4wMDAwMDApIHRyYW5zbGF0ZSgtMTIuOTU1OTQxLCAtMTMuMzkwMTc5KSAiIHg9Ii0xLjA3NzcwNDU5ZS0xMSIgeT0iMTEuMzYxMzYzNiIgd2lkdGg9IjI1LjkxMTg4MiIgaGVpZ2h0PSI0LjA1NzYyOTg3IiByeD0iMi4wMjg4MTQ5MyI+PC9yZWN0PgogICAgICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgPC9nPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+) 30px center no-repeat;
    display: block;
    line-height: 1.25;
    padding: 24px 20px 24px 75px;
    margin: 15px 0;
}

/* override to ensure custom theme is properly applied over the top of defaults (oss/idx) */
.mat-mdc-button .mdc-button__label *,
.mat-mdc-button .mat-icon,
.mat-mdc-unelevated-button .mdc-button__label *,
.mat-mdc-unelevated-button .mat-icon,
.mat-mdc-raised-button .mdc-button__label *,
.mat-mdc-raised-button .mat-icon,
.mat-mdc-outlined-button .mdc-button__label *,
.mat-mdc-outlined-button .mat-icon {
    color: var(--iapply-button-text-color) !important;
}

.form-subtitle-container {
    /* background: transparent !important; */
    background-color: unset !important;
}