/* latin-ext */
@font-face {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(../fonts/Lato-Regular-ext.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(../fonts/Lato-Regular.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(../fonts/Lato-Bold-ext.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(../fonts/Lato-Bold.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
    font-family: "Inter";
    font-weight: 100 900;
    font-display: swap;
    src: url("../fonts/InterVariable.ttf") format("truetype-variations");
}

html {
    font-size: 14px;
    position: relative;
    min-height: 100%;
}

@media (min-width:720px) {
    .container {
        max-width: 100%;
        padding-left: 10px !important;
        padding-right: 10px !important;
    }
}


@media (max-width: 767.98px) {
    div[id$="listview-container"] .k-listview-content.k-d-grid {
        display: block;
    }
}

@media (min-width: 768px) {
    html {
        font-size: 16px;
    }

    .k-input-inner, .k-table-md, .k-tabstrip {
        font-size: 16px;
    }
}

@media (max-width:950px) {
    .container {
        max-width: 100%;
        padding-left: 10px !important;
        padding-right: 10px !important;
    }
}

@media (max-width:1226px) {
    .add-remarks-btn {
        padding-left: 5px !important;
    }
}

@media (min-width: 1400px) {
    .container {
        max-width: 1360px;
    }
}

body {
    margin-bottom: 60px;
    background-color: #ECEFF2;
    font-family: 'Lato', sans-serif;
    font-size: 16px;
    word-break: break-word !important;
}

.btn {
    height: 45px;
}

    .btn:focus {
        box-shadow: none !important;
    }

.navbar {
    background-color: #0D4EA2;
    color: #FFF;
    height: 72px;
}

    .navbar .nav-link {
        color: #FFFF;
        padding: 0.5rem;
        padding-right: 0 !important;
        padding-left: 0 !important;
        padding-bottom: 0.25rem;
        word-break: normal;
    }

        .navbar .nav-link em {
            color: #cfcac8;
            margin-right: 5px;
        }

            .navbar .nav-link em.material-arrow-drop-down {
                margin: 0px;
            }

.navbar-nav .nav-link.active, .navbar-nav .nav-link.show {
    color: #fff;
}

.navbar .nav-link:hover {
    border-bottom: 2px solid #FFFF;
}

.navbar .user-submenu {
    background-color: #F6821D;
    border-radius: 4px;
    width: 60px;
    height: 32px;
    margin: 13px 0px;
    padding-left: 5px !important;
}

    .navbar .user-submenu .nav-link {
        color: #000 !important;
        padding-top: 0px;
    }

.navbar .navbar-brand {
    height: 100%;
}

.navbar-nav {
    font-size: 14px;
    height: 58px;
}

.navbar .user-submenu img {
    margin-bottom: 7px;
}

.navbar .container {
    height: 100%;
}

.navbar img {
    max-height: 100%;
}

.navbar .nav-item {
    padding: 0px 10px;
}

@media (min-width: 768px) and (max-width: 1260px) {
    .navbar-nav {
        height: 70px;
    }
    .navbar {
        padding-bottom: 10px;
    }

    .nav-item {
        padding-bottom: 5px !important;
    }
    .navbar .material-icons.material-insert-chart,
    .nav-link .material-icons.material-home {
        margin-bottom: 9px !important;
    }

    .navbar .navbar-nav .nav-link {
        padding-top: 0px !important;
        padding-bottom: 2px;
        text-align: center;
        word-break: normal;
    }

        .navbar .navbar-nav .nav-link > em.material-icons:first-child {
            display: block;
            margin: 0 auto 1px;
            top: 8px;
        }

        .navbar .navbar-nav .nav-link.dropdown-toggle > em.material-icons:first-child {
            transform: translateX(-12px);
        }
}

@media (min-width: 768px) and (max-width: 1040px) {
    .navbar .nav-item {
        padding: 0px 8px;
    }
    .navbar .navbar-nav .nav-link {
        padding: 0;
    }
}

@media (min-width: 768px) and (max-width: 1002px) {
    .navbar .nav-item {
        padding: 0px 6px;
    }
    .workspace {
        padding-right:8px;
    }
}
@media (min-width: 768px) and (max-width: 982px) {
    .workspace {
        padding-right: 8px;
        line-height:14px;
    }
}

.breadcrumb a,
.breadcrumb a:visited {
    text-decoration: none;
    color: #0D4EA2;
    display: inline;
    font-weight: 700;
}

    .breadcrumb a:hover {
        text-decoration: underline;
        color: #0D4EA2;
        display: inline;
        font-weight: 700;
    }

.content-container {
    padding: 25px 0px;
}

.content-box {
    background-color: #FFF;
    border-radius: 16px;
    padding: 32px;
    overflow: hidden;
}

.navbar .active-link {
    border-bottom: 2px solid #F6821D;
}

.navbar .nav-item .dropdown-menu a,
.navbar .nav-item .dropdown-menu a:hover,
.navbar .nav-item .dropdown-menu a:visited {
    color: #4E4643;
}

    .navbar .nav-item .dropdown-menu a.sublink-active {
        font-weight: bold;
        color: #0D4EA2;
    }


.btn,
.btn:hover {
    text-decoration: none;
}

.btn-link:not(.text-danger):not(.bg-danger) {
    color: inherit;
}
    .btn-link:not(.text-danger):not(.bg-danger):hover {
        color: #0D4EA2;
    }

.btn-link.text-danger {
    color: #C83C23 !important;
    text-decoration: none;
}

.btn-link.ncss-link {
    line-height: 2;
    margin-top: auto;
    margin-bottom: auto;
}

.dropdown-item:hover, .dropdown-item:focus {
    background: #e9ecef;
}

.navbar .nav-item .dropdown-menu .dropdown-item:active {
    background-color: inherit !important;
}

.modal-header,
.modal-footer {
    border: none;
}

    .modal-header .modal-title {
        font-size: 1.6875em;
        font-weight: 700;
    }

.ncss-btn {
    border-radius: 4px;
    color: #fff;
    font-weight: 700;
    border: none;
    padding: 12px;
    min-width: 90px;
}

.ncss-link,
.ncss-link:visited {
    text-decoration: none;
    color: #0D4EA2;
    display: inline-block;
    padding-top: 0.375rem;
    padding-right: 0.75rem;
    padding-bottom: 0.375rem;
    padding-left: 0px;
}

    .ncss-link:hover {
        text-decoration: underline;
        color: #0D4EA2;
        display: inline-block;
        padding-top: 0.375rem;
        padding-right: 0.75rem;
        padding-bottom: 0.375rem;
        padding-left: 0px;
    }

h1, h2, h3, h4, h5 {
    font-weight: 700;
    max-width: 1100px;
}

h1 {
    font-size: 2.8125em;
}

h2 {
    font-size: 2.0625em;
    /** fs 33px */
}

h3 {
    font-size: 1.6875em;
    /** fs 27px */
}

h4 {
    font-size: 1.4375em;
    /** fs 23px */
}

h5 {
    font-size: 1.125em;
    /** fs 18px */
}
/*.bg-primary:hover,
.bg-info:hover,
.bg-warning:hover,
.bg-disabled:hover,
.bg-success:hover,
.bg-secondary:hover,*/
.bg-danger:hover,
.text-danger:hover,
.bg-cancel:hover {
    text-decoration: underline;
}
.bg-primary,
.bg-primary:visited {
    background-color: #317E60 !important;
    color: #FFF !important;
    font-weight: 700;
}

.bg-info,
.bg-info:visited {
    background: #ECEFF2 !important;
    color: #0A3B7C !important;
}

.bg-warning,
.bg-warning:visited {
    background-color: #FFECDB !important;
    color: #803B00 !important;
}

.bg-disabled,
.bg-disabled:visited {
    background-color: #CFCAC8 !important;
    color: #5D5451 !important;
}

.bg-success,
.bg-success:visited {
    background-color: #DFF4EB !important;
    color: #23584C !important;
}

.bg-secondary,
.bg-secondary:visited {
    background-color: #0D4EA2 !important;
    color: #FFF !important;
    font-weight: 700;
}

.bg-danger,
.bg-danger:visited {
    color: #C83C23 !important;
    font-weight: 700;
    background-color: transparent !important;
}

.bg-cancel,
.bg-cancel:visited {
    color: #0D4EA2 !important;
    display: inline-block;
    padding: 0.375rem 0.75rem;
    text-decoration: none;
}

.col-form-label a,
.ncss-fm-label a {
    padding-top: 0px !important;
}

div[id$="grid-container"] div.k-grid-footer, div.k-grid-header {
    padding-right: 0px !important;
}

div[id$="grid-container"] {
    max-width: 1250px;
    overflow-x: hidden !important;
}

    div[id$="grid-container"] .k-grid {
        width: 100%;
    }

    div[id$="grid-container"] .k-grid-content {
        overflow: auto;
    }

    div[id$="listview-container"] .k-grid .k-listview-pager li .k-link:not(.k-state-selected):hover,
    div[id$="grid-container"] .k-grid tr,
    div[id$="grid-container"] .k-grid tr:hover,
    div[id$="grid-container"] .k-grid .k-grid-pager li .k-link:not(.k-state-selected):hover {
        background: none;
        color: inherit;
    }

    div[id$="listview-container"] .k-listview-pager,
    div[id$="grid-container"] .k-grid,
    div[id$="grid-container"] .k-grid-header,
    div[id$="grid-container"] table,
    div[id$="grid-container"] tr,
    div[id$="grid-container"] thead,
    div[id$="grid-container"] tbody,
    div[id$="grid-container"] td,
    div[id$="grid-container"] th,
    div[id$="grid-container"] .k-grid-pager {
        border: none;
        background-color: inherit;
    }

    div[id$="grid-container"] .k-master-row {
        background-color: inherit;
    }

    div[id$="grid-container"] .k-grid .k-table-tbody > .k-table-row:not(.k-detail-row):hover,
    div[id$="grid-container"] .k-grid .k-table-tbody > .k-table-row:not(.k-detail-row).k-hover {
        background: none;
    }

    div[id$="grid-container"] .k-grid-footer-wrap,
    div[id$="grid-container"] .k-grid-header-wrap {
        border-style: none;
    }

    div[id$="grid-container"] .k-grid-header {
        border-bottom: 1px solid #CFCAC8;
        padding-bottom: 3px;
        margin-bottom: 3px;
        background-color: #FFF;
    }

        div[id$="grid-container"] .k-grid-header .k-header {
            height: 25px;
            font-weight: bold;
        }

            div[id$="grid-container"] .k-grid-header .k-header *:not(input[type=checkbox]):not(.k-icon):not(.k-sort-icon) {
                height: 100% !important
            }

.k-fixed-header {
    top: 0;
    position: fixed;
    width: 100%;
    z-index: 2;
}

.k-grid .k-table-row.k-table-alt-row {
    background: none;
    color: inherit;
}

.k-grid .k-table-th, .k-grid td, .k-grid .k-table-td {
    border: none;
    font-size: 16px;
}

div[id$="grid-container"] th {
    font-weight: 700;
}

div[id$="grid-container"] tbody tr:first-child td {
    padding-top: 1em;
}

div[id$="grid-container"] tbody tr td {
    padding: 0.5em 1em;
}

div[id$="listview-container"] .k-listview-pager .k-pager-first,
div[id$="listview-container"] .k-listview-pager .k-pager-last,
div[id$="grid-container"] .k-grid-pager .k-pager-first,
div[id$="grid-container"] .k-grid-pager .k-pager-last {
    display: none;
}

div[id$="listview-container"] .k-listview-pager .k-pager-nav,
div[id$="listview-container"] .k-listview-pager .k-pager-nav:hover,
div[id$="listview-container"] .k-listview-pager .k-pager-nav:focus,
div[id$="grid-container"] .k-grid-pager .k-pager-nav,
div[id$="grid-container"] .k-grid-pager .k-pager-nav:hover,
div[id$="grid-container"] .k-grid-pager .k-pager-nav:focus {
    border: none;
    color: #0D4EA2;
    border-style: none;
    background: none;
    box-shadow: none;
}

div[id$="listview-container"] .k-listview-pager .k-state-disabled,
div[id$="listview-container"] .k-listview-pager .k-state-disabled:hover,
div[id$="listview-container"] .k-listview-pager .k-state-disabled:focus,
div[id$="grid-container"] .k-grid-pager .k-state-disabled,
div[id$="grid-container"] .k-grid-pager .k-state-disabled:hover,
div[id$="grid-container"] .k-grid-pager .k-state-disabled:focus,
div[id$="listview-container"] .k-listview-pager .k-disabled,
div[id$="listview-container"] .k-listview-pager .k-disabled:hover,
div[id$="listview-container"] .k-listview-pager .k-disabled:focus,
div[id$="grid-container"] .k-grid-pager .k-disabled,
div[id$="grid-container"] .k-grid-pager .k-disabled:hover,
div[id$="grid-container"] .k-grid-pager .k-disabled:focus {
    color: #CFCAC8;
}

div[id$="listview-container"] .k-listview-pager .k-pager-numbers .k-state-selected,
div[id$="grid-container"] .k-grid-pager .k-pager-numbers .k-state-selected,
div[id$="listview-container"] .k-listview-pager .k-pager-numbers .k-selected,
div[id$="grid-container"] .k-grid-pager .k-pager-numbers .k-selected {
    background-color: #0D4EA2 !important;
    color: #fff !important;
}

div[id$="listview-container"] .k-listview-pager .k-pager-numbers .k-link,
div[id$="listview-container"] .k-listview-pager .k-pager-numbers .k-link :focus,
div[id$="grid-container"] .k-grid-pager .k-pager-numbers .k-link,
div[id$="grid-container"] .k-grid-pager .k-pager-numbers .k-link :focus,
div[id$="listview-container"] .k-listview-pager .k-pager-numbers .k-button,
div[id$="listview-container"] .k-listview-pager .k-pager-numbers .k-button :focus,
div[id$="grid-container"] .k-grid-pager .k-pager-numbers .k-button,
div[id$="grid-container"] .k-grid-pager .k-pager-numbers .k-button :focus {
    border-radius: 4px;
    border: 1px solid #CFCAC8 !important;
    box-shadow: none;
    color: #000;
    font-size: 16px;
}

div[id$="listview-container"] .k-listview-pager .k-pager-numbers li:not(:first-child),
div[id$="grid-container"] .k-grid-pager .k-pager-numbers li:not(:first-child) {
    padding-left: 12px;
}

div[id$="listview-container"] .k-listview-pager .k-pager-numbers .k-button:not(:first-child),
div[id$="grid-container"] .k-grid-pager .k-pager-numbers .k-button:not(:first-child) {
    margin-left: 12px;
}

/* Customize icon used in Kendo Grid and ListView to use Material Design Icon */
div[id$="listview-container"] .k-icon,
div[id$="grid-container"] .k-icon,
div[id$="listview-container"] .k-button-icon,
div[id$="grid-container"] .k-button-icon {
    font-family: "Material Icons",sans-serif;
    font-weight: normal;
    font-style: normal;
    font-size: 24px;
    letter-spacing: normal;
    text-transform: none;
    display: inline-block;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    -webkit-font-feature-settings: 'liga';
    -webkit-font-smoothing: antialiased;
    margin-left: 0px !important;
}

div[id$="listview-container"] .k-button::before,
div[id$="grid-container"] .k-button::before {
    background: none;
}

div[id$="listview-container"] .k-button-flat::after,
div[id$="grid-container"] .k-button-flat::after {
    box-shadow: none;
}

div[id$="listview-container"] .k-i-arrow-60-left:before,
div[id$="grid-container"] .k-i-arrow-60-left:before,
div[id$="listview-container"] .k-svg-i-caret-alt-left:before,
div[id$="grid-container"] .k-svg-i-caret-alt-left:before {
    content: "\e314";
}

div[id$="listview-container"] .k-i-arrow-60-left svg,
div[id$="grid-container"] .k-i-arrow-60-left svg,
div[id$="listview-container"] .k-svg-i-caret-alt-left svg,
div[id$="grid-container"] .k-svg-i-caret-alt-left svg {
    display: none;
}

div[id$="listview-container"] .k-i-arrow-60-right:before,
div[id$="grid-container"] .k-i-arrow-60-right:before,
div[id$="listview-container"] .k-svg-i-caret-alt-right:before,
div[id$="grid-container"] .k-svg-i-caret-alt-right:before {
    content: "\e315";
}

div[id$="listview-container"] .k-i-arrow-60-right svg,
div[id$="grid-container"] .k-i-arrow-60-right svg,
div[id$="listview-container"] .k-svg-i-caret-alt-right svg,
div[id$="grid-container"] .k-svg-i-caret-alt-right svg {
    display: none;
}

div[id$="grid-container"] .k-i-sort-asc-sm:before,
div[id$="grid-container"] .k-svg-i-sort-asc-small:before {
    content: "\e5ce";
    color: #0D4EA2;
}

div[id$="grid-container"] .k-i-sort-asc-sm svg,
div[id$="grid-container"] .k-svg-i-sort-asc-small svg {
    display: none;
}


div[id$="grid-container"] .k-i-sort-desc-sm::before,
div[id$="grid-container"] .k-svg-i-sort-desc-small::before {
    content: "\e5cf";
    color: #0D4EA2;
}

div[id$="grid-container"] .k-i-sort-desc-sm svg,
div[id$="grid-container"] .k-svg-i-sort-desc-small svg {
    display: none;
}

div[id$="grid-container"] .k-i-reorder:before,
div[id$="grid-container"] .k-svg-i-reorder:before {
    content: "\e25d";
}

div[id$="grid-container"] .k-i-reorder svg,
div[id$="grid-container"] .k-svg-i-reorder svg {
    display: none;
}

div[id$="grid-container"] .k-i-warning:before,
div[id$="grid-container"] .k-svg-i-warning:before {
    content: "\e645";
}

div[id$="grid-container"] .k-i-warning svg,
div[id$="grid-container"] .k-svg-i-warning svg {
    display: none;
}

.k-svg-icon {
    font-size: 16px;
    height: inherit;
}

div[id$="grid-container"] tbody tr td,
div[id$="grid-container"] thead tr th {
    word-break: break-word;
}

div[id$="grid-container"] .k-sorted {
    background: #fff;
}

.k-pager-info {
    display: inline !important;
}

.k-grid-norecords {
    height: auto;
}


.k-grid-header .k-header .k-cell-inner {
    display: inline-block;
}

.k-grid-header .k-header .k-link {
    padding-right: 1.5em;
    display: inline-block !important;
    cursor: pointer;
}

.k-grid-header .k-header > .k-icon {
    display: inline !important;
}

    .k-grid-header .k-header > .k-icon:before {
        display: inline !important;
    }

.nav-item i {
    color: #CFCAC8;
}

.dropdown-toggle::after {
    display: none;
}

.breadcrumb {
    padding: 0px;
}

.user-status,
.engagement-status,
.case-status,
.factsheet-status,
.scheme-status,
.member-app-overview-status,
.import-job-status,
.ssa-plan-status,
.action-plan-status,
.service-plan,
.capability-plan,
.ssaexport-status,
.announcement-status,
.opportunity-status {
    display: inline-block;
    flex-direction: row;
    align-items: center;
    padding: 3px 15px;
    gap: 10px;
    border-radius: 50px;
    /* Inside auto layout */
}

.case-status,
.ssa-plan-status {
    max-height: 30px !important;
}

.scheme-status {
    max-height: 30px !important;
}

    .scheme-status.active {
        max-width: 75px !important;
    }

    .scheme-status.inactive {
        max-width: 90px !important;
    }

.validation-status.failedvalidation {
    color: #FF0000;
}

.task-status {
    display: table;
    flex-direction: row;
    align-items: center;
    padding: 3px 15px;
    gap: 10px;
    min-width: 90px;
    height: 40px;
    text-align: center;
    border-radius: 50px;
}

    .task-status .status-text {
        vertical-align: middle;
        display: table-cell;
    }

    .user-status.active,
    .task-status.active,
    .case-status.active,
    .factsheet-status.ready,
    .import-job-status.completed,
    .scheme-status.active,
    .action-plan-status.completed,
    .ssa-plan-status.updated,
    .action-plan-status.low-priority,
    .ssaexport-status.ready,
    .announcement-status.published,
    .opportunity-status.active {
        background-color: #DFF4EB;
        color: #23584C;
    }

    .user-status.invited,
    .case-status.monitoring,
    .factsheet-status.pending,
    .factsheet-status.processing,
    .import-job-status.pending,
    .import-job-status.processing,
    .import-job-status.completed,
    .engagement-status.upcoming,
    .task-status.done-pending-approval,
    .member-app-overview-status.incomplete,
    .service-plan.sub-sector,
    .capability-plan.thematic-focus,
    .ssaexport-status.pending,
    .ssaexport-status.processing {
        background-color: #FFECDB;
        color: #803B00;
    }

    .user-status.inactive,
    .user-status.disabled,
    .case-status.resolved,
    .factsheet-status.cancelled,
    .scheme-status.inactive,
    .engagement-status.done,
    .task-status.acknowledged,
    .k-chip.inactive,
    .k-chip.disabled,
    .k-chip.inactive:hover,
    .k-chip.disabled:hover,
    .ssaexport-status.cancelled,
    .opportunity-status.inactive {
        background-color: #CFCAC8;
        color: #5D5451;
    }

    .engagement-status.pending-updates,
    .task-status.updated-with-remarks,
    .action-plan-status.in-progress,
    .action-plan-status.not-yet-started {
        background-color: #FFF3CD;
        color: #63440A;
    }

.ssa-plan-status.pending-inputs,
.announcement-status.scheduled {
    background-color: #ECEFF2;
    color: #0A3B7C;
}

.announcement-status.draft {
    background-color: #FFF;
    border: 1px solid #CFCAC8;
    color: #000;
}

.member-app-overview-status.complete {
    background: #ECEFF2;
    color: #0A3B7C;
}

.user-status.failed,
.task-status.overdue,
.import-job-status.failed,
.action-plan-status.overdue,
.action-plan-status.high-priority {
    background-color: #FFF0F0;
    color: #962318;
}

.required:after {
    content: ' *';
    color: red;
    font-weight: 700;
}

.detail-item {
    display: flex;
    vertical-align: text-top;
}

    .detail-item .label-title {
        width: 120px;
    }

    .detail-item .agency-label-title,
    .detail-item .application-label-title,
    .announcement-preview-content .detail-item .label-title {
        width: 160px;
    }

    .detail-item .programme-label-title,
    .member-app-overview-label-title {
        width: 160px;
    }


    .detail-item .programme-label-text {
        width: 218px;
        margin-right: 32px;
    }

.annual-overview-label,
.member-app-overview-label-title {
    vertical-align: text-top;
}

.detail-item .overview-label-title {
    width: 260px;
}

.detail-item .case-label-title {
    width: 180px;
}

.detail-item .scheme-app-label-title {
    width: 210px;
}

.detail-item .col-form-label:not(.label-title):not(.overview-label-title):not(.case-label-title):not(.programme-label-title):not(.agency-label-title):not(.application-label-title),
.detail-item .ncss-fm-label:not(.label-title):not(.overview-label-title):not(.case-label-title):not(.programme-label-title):not(.agency-label-title):not(.application-label-title) {
    padding-left: 1em;
}

.img-col {
    margin: 7px 0px 7px 16px;
    border-radius: 8px;
}

.previewContainer {
    margin-top: 8px;
    border-radius: 8px;
}

/**Preview MyAIMS Opportunities*/

.carousel-card h5 em {
    display: inline-block;
    transition: transform .15s cubic-bezier(.4,0,.2,1);
}

.carousel-card:hover h5 em {
    transform: translateX(6px);
}

.carousel-scroll-wrapper {
    overflow-x: auto;
    scroll-snap-type: x mandatory;
}

.carousel-inner {
    display: flex;
    gap: 30px;
    width: max-content;
    font-family: 'Inter', sans-serif;
}

.carousel-item {
    transition: none !important;
    max-width: fit-content;
    margin-right: 0;
    flex: 0 0 33.333333%;
    display: block;
    left: .2px;
}

.carousel-inner-card {
    width: 245px;
    display: flex;
    flex-direction: column;
}

.carousel-img {
    width: 100%;
    aspect-ratio: 190 / 207;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    border-radius: 8px;
}

    .carousel-img img {
        width: 100%;
        object-fit: contain; /* won't crop smaller images, just centers them */
        border-radius: 8px;
    }

.carousel-inner-card h5 {
    line-height: 24px;
}

.carousel-item a {
    color: inherit;
    text-decoration: none;
}

.bg-toolkit, .bg-toolkit:visited, .bg-toolkit:hover {
    background-color: #c9ddf5 !important;
    color: #111827 !important;
}

.carousel-inner-card .badge {
    padding: 3px 15px;
    width: fit-content;
    border-radius: .5rem;
    font-size: 14px;
    font-weight: 400;
    margin: 0 .5rem .5rem 0;
    line-height: 1.6em;
    white-space: break-spaces;
}

.card-title.hb::after {
    font-family: "bootstrap-icons"; /* NOSONAR */
    content: "\F1C5";
    font-size: 1rem;
    vertical-align: middle;
    margin-left: 4px;
    font-weight: normal;
}

.info-container {
    width: 1000px;
}

.programme-card {
    border: none;
    box-shadow: none;
    gap: 24px;
    width: 100%;
}

.card {
    border-radius: 8px;
    background: #FFF;
    display: flex;
    flex-direction: column;
}

.programme-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 16px;
    display: block;
}

.featured-logo-img {
    width: 66px;
    height: 70px;
    border-radius: 5px;
}

.info-box {
    font-family: 'Inter', sans-serif;
    background: #f2f3f5;
    height: 100%;
    opacity: 1;
    border-radius: 16px;
    padding: 32px;
    -webkit-font-smoothing: antialiased;
    -webkit-tap-highlight-color: #fff0;
}

.info-box-header {
    display: flex;
    align-items: center;
    gap: 12px;
}

.info-box-body {
    gap: 22px;
    display: grid;
    margin-top: 24px;
}

    .info-box-body p {
        font-size: 18px;
        line-height: 24px;
        margin: 0;
    }

.info-box div h3 {
    font-size: 28px;
    margin: 0;
    max-width: none;
}

.hb {
    font-weight: 600 !important;
}

.ncss-btn-2 {
    border-radius: 5px;
    color: #fff;
    border: none;
    padding: 11px 16px;
    min-width: 90px;
    margin-bottom: .5em;
    margin-top: .5em;
    align-items: center;
    white-space: normal;
    word-wrap: break-word;
    text-align: center;
}

.bg-white {
    background-color: #FFF !important;
    border: 1px solid !important;
    border-color: #0d4ea2 !important;
    color: #0d4ea2 !important;
    text-decoration: none;
}
/**end*/

.k-calendar-md, .k-button-md, .k-datepicker .k-input-md {
    font-size: 16px; /* overwrite calendar fonts */
}

.k-calendar td.k-state-focused .k-link,
.k-calendar .k-today .k-link {
    box-shadow: inset 0 0 4px 0 #0D4EA2;
}

.k-calendar .k-today .k-link,
.k-calendar .k-calendar-header .k-nav-today:focus,
.k-calendar .k-calendar-header .k-nav-today:hover,
.k-calendar .k-footer .k-nav-today:focus,
.k-calendar .k-footer .k-nav-today:hover,
.k-calendar .k-calendar-header .k-nav-today,
.k-calendar .k-footer .k-nav-today,
.k-calendar-range td.k-state-selected .k-link {
    color: #0D4EA2;
}

.k-calendar td.k-state-selected .k-link,
.k-calendar-range td.k-state-selected .k-link {
    background-color: #0d4ea2;
    color: #fff;
}

.k-calendar-range td.k-range-end,
.k-calendar-range td.k-range-mid,
.k-calendar-range td.k-range-start {
    background-color: #0d4ea2 !important;
    color: #fff !important;
    background-image: none;
}

    .k-calendar-range td.k-range-end .k-link,
    .k-calendar-range td.k-range-mid .k-link,
    .k-calendar-range td.k-range-start .k-link {
        color: #fff !important;
    }

.k-list-item.k-selected,
.k-list-item.k-selected:hover {
    background-color: #0D4EA2;
    color: #FFF;
}

.ncss-table {
    table-layout: fixed;
    border-collapse: collapse !important;
}

select::-ms-expand {
    display: none;
}

.ncss-table td,
.ncss-table th {
    vertical-align: top !important;
}

.ncss-table a,
.ncss-table a:hover {
    padding-top: 0px;
    padding-bottom: 1.5px;
}

.k-grid-header th.k-header {
    text-overflow: unset;
}

.k-grid .k-grid-header .k-header .k-link {
    height: auto;
}

.k-grid .k-grid-header .k-header,
.k-grid .k-column-title {
    white-space: normal;
    vertical-align: top;
}

.k-grid .k-pager-wrap {
    padding-bottom: 20px;
}

.agency-detail-submenu {
    width: 12%;
    margin-right: 5%;
    font-weight: 700;
}

    .agency-detail-submenu .agency-detail-submenu-item {
        margin-bottom: 24px;
        padding: 0 8px;
    }

    .agency-detail-submenu .active {
        border-radius: 8px;
        padding: 8px;
        margin-bottom: 24px;
        width: 100%;
        background-color: #0D4EA2 !important;
        color: #FFF;
        font-weight: 700;
    }

.agency-detail-content {
    width: 82%;
}

.ncss-separator {
    height: 1px;
    border: 1px solid #CFCAC8;
    margin: 32px 0px;
}

.agency-detail-submenu-item a,
.agency-detail-submenu-item a:hover,
.agency-detail-submenu-item a:visited {
    padding: 0px;
}

.agency-detail-content .engagment-container,
.agency-detail-content .task-container {
    width: 50%;
}

.scheme-detail-submenu {
    width: 12%;
    margin-right: 5%;
    font-weight: 700;
}

    .scheme-detail-submenu .scheme-detail-submenu-item {
        margin-bottom: 24px;
        padding: 0 8px;
    }

    .scheme-detail-submenu .active {
        border-radius: 8px;
        margin-bottom: 24px;
        padding: 8px;
        width: 100%;
        background-color: #0D4EA2 !important;
        color: #FFF;
        font-weight: 700;
    }


.scheme-detail-submenu-item a,
.scheme-detail-submenu-item a:hover,
.scheme-detail-submenu-item a:visited {
    padding: 0px;
}

.scheme-detail-content {
    width: 82%;
}

.application-detail-submenu {
    width: 12%;
    margin-right: 5%;
    font-weight: 700;
}

    .application-detail-submenu .application-detail-submenu-item {
        margin-bottom: 24px;
        padding: 0 8px;
    }

    .application-detail-submenu .active {
        border-radius: 8px;
        margin-bottom: 24px;
        padding: 8px;
        width: 100%;
        background-color: #0D4EA2 !important;
        color: #FFF;
        font-weight: 700;
    }


.application-detail-submenu-item a,
.application-detail-submenu-item a:hover,
.application-detail-submenu-item a:visited {
    padding: 0px;
}

.application-detail-content {
    width: 82%;
}

.application-listing-content {
    width: 100%;
}

.listing-controls {
    height: 45px;
}

.btn,
.btn em {
    vertical-align: middle;
}

.listing-controls .btn {
    padding-bottom: 8px;
    color: inherit;
}

.listing-controls a.btn {
    display: inline-flex;
}

.ncss-filtered,
.ncss-filtered:hover
.ncss-filtered:focus {
    background-color: #2C5FA3 !important;
    color: #fff !important;
    border-radius: 8px;
}

    .ncss-filtered em {
        color: #fff !important;
        vertical-align: middle;
    }

        .ncss-filtered em:before {
            position: static;
        }

.main-contact-item {
    border-radius: 8px;
    border: 1px solid #E1E1E1;
    margin-right: 10px;
    margin-bottom: 10px;
    width: 32%;
    display: inline-block;
    padding: 5px 10px;
    vertical-align: top;
}

    .main-contact-item p {
        margin-bottom: 4px;
    }

.filter-by-container {
    background-color: #FAF8F7;
    padding: 1em;
}

.filter-icon {
    align-items: center;
    padding: 0.25rem 0.75rem;
    gap: 10px;
    display: inline-block;
    margin-right: 10px;
    margin-top: 15px;
    vertical-align: middle;
    border-radius: 50px;
}

.filter-by-container label {
    display: inline-flex;
}

.filter-by-container em {
    cursor: pointer;
    position: relative;
    top: 0.25rem;
    display: inline-flex;
    margin-left: 0.25rem;
}

a.btn,
a.btn:hover,
a.btn:visited {
    text-decoration: none;
}
.link-text:hover span {
    text-decoration: underline;
}

.link-detail-item a.ncss-link,
.engagement-detail-item a.ncss-link {
    display: inline;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.link-detail-item + .link-detail-item::before,
.engagement-detail-item + .engagement-detail-item::before {
    content: ', ';
}

.item-box {
    width: 100%;
}

.agency-engagement-overview a.list-item,
.agency-task-overview a.list-item {
    display: block;
    color: inherit;
    text-decoration: none;
}

.agency-engagement-overview .list-item .card,
.agency-task-overview .list-item .card {
    border-radius: 0.5rem;
}

.agency-engagement-overview .list-item + .list-item,
.agency-task-overview .list-item + .list-item {
    margin-top: 1rem;
}

.agency-engagement-overview .item-box {
    color: #FFFFFF;
    background-color: #0D4EA2;
    border-radius: 0.5rem;
    text-align: center;
    padding: 1rem 1.625rem;
    margin-right: 1rem;
    width: 84px;
}

    .agency-engagement-overview .item-box h3 {
        margin-bottom: 0;
    }

.k-checkbox:checked,
.k-checkbox:checked:focus {
    box-shadow: none;
    border-color: #0D6EFD;
    background-color: #0D6EFD;
    color: #FFFFFF;
}

.k-checkbox:focus {
    box-shadow: none;
    border-color: #c5c5c5;
}

.disable-link {
    pointer-events: none;
    color: #CFCAC8 !important;
}

.disabled:not(.k-chip):not(.user-status) {
    background-color: #EFEFEF4D !important;
    color: #1010104D !important;
    font-weight: 400;
    pointer-events: none;
}

.k-chip,
.k-chip:hover {
    border-radius: 50px;
    background-color: #FFECDB;
    color: #803B00;
    border: none;
    padding: 5px;
}

    .k-chip i {
        font-style: normal !important;
    }

    .k-chip .k-chip-action .k-icon {
        font-family: "Material Icons", sans-serif;
    }

        .k-chip .k-chip-action .k-icon:before {
            content: "\e5c9"
        }

        .k-chip .k-chip-action .k-icon svg {
            display: none;
        }

.k-multiselect .k-chip {
    cursor: pointer !important;
}

.help-text {
    font-size: 0.8em;
    font-style: italic;
    margin-bottom: 5px;
}

ol ol,
ol ul,
ul ol,
ul ul {
    margin-bottom: 1rem;
}

ul {
    list-style-type: disc;
}

ol.engagement-note-list {
    counter-reset: item;
    list-style: none;
    padding: 0;
}

    ol.engagement-note-list > li {
        margin-bottom: 2rem;
    }

        ol.engagement-note-list > li + li {
            padding-top: 2rem;
            border-top: solid 1px #CFCAC8;
        }

    ol.engagement-note-list .title {
        display: inline-block;
    }

.k-tabstrip-items-wrapper .k-item:active, .k-tabstrip-items-wrapper .k-item.k-active, .k-tabstrip-items-wrapper .k-item.k-selected {
    border-color: transparent;
}

.k-tabstrip-items-wrapper .k-item {
    color: #000;
}

    .k-tabstrip-items-wrapper .k-item:focus, .k-tabstrip-items-wrapper .k-item.k-focus {
        box-shadow: none;
    }

.k-tabstrip li.k-active {
    border-top-color: transparent;
    border-left-color: transparent;
    border-right-color: transparent;
    border-bottom: 3px solid #F6821D !important;
}

    .k-tabstrip li.k-active .k-link {
        color: #F6821D;
        font-weight: 700;
        border-bottom: 3px solid #F6821D !important;
    }

.k-tabstrip {
    background-color: inherit;
    border: none
}

    .k-tabstrip:focus, .k-tabstrip-items-wrapper .k-tabstrip-item.k-focus {
        box-shadow: none;
    }

.k-tabstrip-items .k-tabstrip-item {
    border: none;
}

.tab-button {
    border: none;
    background-color: transparent;
    font-size: 16px;
}

.k-tabstrip li.k-active .k-link .tab-button {
    color: #F6821D;
    font-weight: 700;
}

.k-tabstrip-items .k-item,
.k-tabstrip-items .k-item:hover,
.k-tabstrip-items .k-state-hover {
    background-color: inherit;
    border-color: transparent;
}

.k-tabstrip-content,
.k-tabstrip > .k-content,
.k-tabstrip-top > .k-tabstrip-items-wrapper,
.k-tabstrip .k-content.k-state-focused, .k-tabstrip .k-content:focus {
    border: none;
    outline: none;
}

.ncss-json-table .k-link {
    padding: 0px !important;
}

.ncss-json-table .k-cell-inner {
    margin: 0px !important;
}

.badge {
    padding: 3px 15px;
    gap: 10px;
    border-radius: 0.5rem;
    font-size: inherit;
    font-weight: normal;
    margin: 0 0.5rem 0.5rem 0;
    line-height: 1.6em;
    white-space: break-spaces;
}

.badge-label {
    display: inline-block;
    padding: 3px 0;
    line-height: 1.6em;
}

.text-truncate.overflow-content {
    display: -webkit-box !important;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    white-space: normal;
}

div[id$="listview-container"] .error-container {
    margin: 2rem;
    padding: 2rem;
    align-content: center;
    text-align: center;
}

div[id$="listview-container"] .instructions {
    background-color: #ECEFF2;
    border-radius: 16px;
    margin: 2rem;
    padding: 2rem;
    align-content: center;
    text-align: center;
}

div[id$="listview-container"] .k-listview {
    font-size: inherit;
}

div[id$="listview-container"] .k-listview-item {
    margin-bottom: 1.5rem;
}

div[id$="listview-container"] .card {
    height: 100%;
    border: 1px solid #CFCAC8;
    border-radius: 8px;
}

    div[id$="listview-container"] .card > .card-header,
    div[id$="listview-container"] .card > .card-body {
        padding: 1.5rem;
    }

    div[id$="listview-container"] .card > .card-header {
        background-color: transparent;
        border-bottom: 0;
        padding-bottom: 0;
    }

.task-card.overdue {
    border-color: #C83C23;
}

    .task-card.overdue .task-due-date {
        color: #C83C23;
        font-weight: 700;
    }

.task-status-text.active {
    color: #23584C;
}

.task-status-text.done-pending-approval {
    color: #803B00;
}

.task-status-text.acknowledged {
    color: #786D68;
}

.task-status-text.updated-with-remarks {
    color: #63440A;
}

.task-status-text.overdue {
    color: #962318;
}

.empty-task-record {
    width: 100%;
    text-align: left;
    font-size: 45px;
    color: #CFCAC8;
    margin-top: 1rem;
}

.k-tabstrip-items.k-reset {
    font-size: 16px;
}

.ncss-table.k-selectable .k-state-selected,
.ncss-table.k-selectable .k-state-selected:hover {
    background-color: #E5E5E5 !important;
    background-image: none;
}

.k-command-cell .k-button,
.k-command-cell .k-button:hover,
.k-command-cell .k-button:focus,
.k-command-cell .k-button:visited {
    color: #212529;
    background: none;
    border: none;
    padding: 0 0.5rem;
    box-shadow: none;
}

    .k-command-cell .k-button.k-grid-edit,
    .k-command-cell .k-button.k-grid-update {
        color: #0D4EA2;
    }

.work-task-creator {
    margin-right: 32px;
}

.sub-content-box {
    border-radius: 8px;
    padding: 1em;
    margin-bottom: 1em;
    background-color: #ECEFF2;
}

    .sub-content-box .title {
        font-weight: bold;
    }

    .sub-content-box .title,
    .sub-content-box .content {
        font-size: 0.875em;
    }

.daterangepicker-toggler {
    border: 1px solid #d4d6d9;
    padding: 1em;
    width: 50%;
}

    .daterangepicker-toggler + .k-widget.k-calendar {
        display: none;
    }

        .daterangepicker-toggler + .k-widget.k-calendar.show {
            display: inline-block;
        }

    .daterangepicker-toggler .material-icons {
        position: absolute;
        right: 0;
        line-height: 1.7;
    }

.fieldHeading {
    vertical-align: middle;
    font-size: 20px;
}

.fieldControl {
    overflow: hidden;
    vertical-align: middle;
    display: inline-block;
    font-size: 20px;
}

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

/* Firefox */
input[type=number] {
    -moz-appearance: textfield;
}

.currency .k-input-spinner,
.numeric .k-input-spinner,
.year-mask .k-input-spinner,
.age .k-input-spinner,
.percent .k-input-spinner {
    display: none;
}

input.ncss-form-control {
    padding: 0.375rem 0.75rem;
    line-height: 1.5;
    color: #212529;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 0.25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

    input.ncss-form-control:focus {
        color: #212529;
        background-color: #fff;
        border-color: #86b7fe;
        outline: 0;
        box-shadow: 0 0 0 0.25rem rgb(13 110 253 / 25%);
    }

    input.ncss-form-control:disabled {
        background-color: #efefef;
        border-color: #767676;
        color: #545454;
        opacity: 0.3;
    }

.ncss-form-control.k-input.col-sm-9 {
    width: 75%;
}

.form-control:disabled, .form-control[readonly] {
    background-color: #e9ecef;
}

.form-select {
    height: 45px;
}

.overview-header {
    font-size: 1.6875em;
    font-weight: 700;
    margin-top: 2em;
}

#wrapper {
    display: inline-block;
}

.task-tab {
    font-size: 16px;
}

.k-upload-button-ncss input {
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 1;
    font: 170px monospace !important;
    opacity: 0;
    margin: 0;
    padding: 0;
    cursor: pointer
}

.k-upload-button-ncss {
    overflow: hidden;
    vertical-align: middle;
}

.k-upload {
    border-width: 0;
    border-color: #d5d5d5;
}

    .k-upload .k-dropzone {
        padding: 0;
    }

.k-upload-status-total {
    display: none;
}

.ncss-file-control {
    background-color: #0D4EA2;
    border-radius: 100px;
    color: #fff;
    width: 32px;
    height: 32px
}

    .ncss-file-control .k-upload-button-ncss {
        position: relative;
        top: 4px;
        left: 4px;
    }

        .ncss-file-control .k-upload-button-ncss.k-state-focused {
            border: none !important;
            box-shadow: none !important;
        }

.fileGoverningInst.ncss-file-control {
    margin: 15px 13px;
}

.overview-table-container {
    width: 1200px;
    white-space: nowrap;
    padding-left: 0px;
    padding-right: 0px;
}

.annual-overview-container .detail-item .reserved-fund .annual-overview-label {
    margin-left: -3px;
}

.annual-overview-container .detail-item .annual-overview-label {
    padding-left: 1em;
}

.overview-table,
.diagnostics-table2 {
    display: inline-block;
    margin-left: 0px !important;
    margin-right: -3px !important;
    padding-left: 0px !important;
    padding-right: 0px !important;
    white-space: normal;
    width: 200px;
}

.checklist-overview-table {
    display: inline-block;
    margin-left: 0px !important;
    margin-right: -4px !important;
    padding-left: 0px !important;
    padding-right: 0px !important;
    white-space: normal;
    width: 200px;
}


    .overview-table div,
    .diagnostics-table2 div,
    .checklist-overview-table div {
        margin-top: 1em;
        margin-left: -1px;
        margin-bottom: 1em;
        padding: 0.5em 1em;
    }

    .checklist-overview-table .ncss-numeric {
        display: inline-block;
        padding: 0;
        margin: 0;
    }

    .overview-table div:not(.total),
    .diagnostics-table2 div:not(.total),
    .checklist-overview-table div:not(.total) {
        height: 48px;
    }

    .overview-table div.total,
    .checklist-overview-table div.total {
        height: 40px;
    }

    .overview-table .overview-year,
    .diagnostics-table .overview-year,
    .diagnostics-table2 .overview-year,
    .checklist-overview-table .overview-year {
        border-bottom: 1px solid #CFCAC8;
    }

    .overview-table div.total,
    .checklist-overview-table div.total,
    .member-app-overview-total {
        background-color: #F3BE8F;
    }

    .overview-table .total.first,
    .checklist-overview-table .total.first,
    .member-app-overview-total {
        border-top-left-radius: 8px;
        border-bottom-left-radius: 8px;
    }

    .overview-table .total.last,
    .checklist-overview-table .total.last,
    .member-app-overview-total {
        border-top-right-radius: 8px;
        border-bottom-right-radius: 8px;
    }

.member-app-overview-total {
    padding-left: 1em;
}

    .member-app-overview-total .annual-overview-label {
        margin-left: -1em;
    }

.ncss-icon {
    vertical-align: middle;
    border: 1px solid #CFCAC8;
    border-radius: 10px;
    padding: 5px 10px;
}

    .ncss-icon em.bi {
        font-size: 1.25em;
    }

a.btn-link {
    margin-top: 5px;
}

.ncss-upload-control .k-upload-files {
    border: none;
}

.validation-message {
    display: block;
}

.k-upload-files .k-file {
    display: block !important;
}

input:focus::placeholder {
    color: transparent;
}

table.ncss-table td .ncss-link {
    padding-left: 0px !important;
    color: #0D4EA2;
}
table.ncss-table td .ncss-link:hover {
    text-decoration:underline;
}

.full-length-label {
    width: 100% !important;
}

.scheme-total-fund-col, .scheme-total-fund-col-ub {
    color: #0D4EA2 !important;
}

.scheme-total-fund-col-ub {
    font-weight: normal !important;
}

.tooltip-inner {
    background-color: #0D4EA2;
    color: #fff;
}

.tooltip.show {
    opacity: 1;
}

.bs-tooltip-top .tooltip-arrow::before,
.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before {
    border-top-color: #0D4EA2;
}

.material-info {
    color: #F6821D;
    font-size: 20px !important;
    position: relative;
    top: 5px;
}

.check-request-status-text.pass {
    color: #23584C;
}

.check-request-status-text.fail {
    color: #962318;
}

.check-request-status-text.pending {
    color: #803B00;
}

.application-detail-box {
    border: 1px solid #CFCAC8;
    border-radius: 16px;
    padding: 1em;
}

.ncss-wizard .ncss-container {
    width: auto;
}

.ncss-wizard .ncss-step {
    width: 25px;
    height: 25px;
    border-radius: 100px;
    padding: 2px;
    vertical-align: middle;
    text-align: center;
    background-color: #ECEFF2;
    color: #041224;
    font-size: 14px;
    font-weight: 700;
    display: table-cell;
}

.ncss-wizard .ncss-step-label,
.ncss-wizard .ncss-step-label:visited {
    color: #0D4EA2;
    display: table-cell;
    font-weight: 700;
    padding-left: 1em;
    padding-right: 1em;
    text-decoration: none;
}

    .ncss-wizard .ncss-step-label a:hover {
        text-decoration: underline;
    }

.ncss-wizard .active .ncss-step-label {
    color: #000000;
}

.ncss-wizard .active .ncss-step {
    background-color: #0D4EA2;
    color: #ECEFF2;
}

.ncss-application-form .application-label-title {
    width: 160px;
    font-weight: 700;
    padding-top: calc(0.375rem + 1px);
    padding-bottom: calc(0.375rem + 1px);
}

.k-progressbar .k-selected {
    background-color: #fff; /* remove blue line below file */
}

.checklist-annual-overview {
    text-align: center;
    width: 100%;
    border-radius: 8px;
    background-color: #F3BE8F;
    font-weight: 700;
    font-size: 1.4375em;
}

.checklist-section-header {
    max-width: 807px;
    font-weight: 700;
}

.checklist-label-title {
    width: 160px;
    font-weight: 700;
    padding-top: calc(0.375rem + 1px);
    padding-bottom: calc(0.375rem + 1px);
}

p.application-bm-empty-record {
    font-size: 2.0625em;
    font-weight: 700;
    padding: 0.5em 0;
    color: #000000;
    opacity: 50%;
}

.contactType.k-picker,
.contactType.k-picker:hover {
    background-color: initial;
}

    .contactType.k-picker:focus {
        border-color: #86b7fe;
        outline: 0;
        box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
    }

.contactType .k-icon:before {
    font-family: 'Material Icons',sans-serif;
    font-weight: normal;
    font-style: normal;
    font-size: 20px;
    line-height: 1;
    letter-spacing: normal;
    text-transform: none;
    display: inline-block;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    -webkit-font-feature-settings: 'liga';
    -webkit-font-smoothing: antialiased;
    content: "\e313";
}

.btn-expiry,
.btn-expiry:hover,
.btn-expiry:after {
    background-color: #3379b6;
    color: #fff;
    display: block;
    cursor: pointer;
}

@-moz-document url-prefix() {

    .k-grid-header .k-header {
        height: 100% !important;
    }
}

.novation-section-header {
    font-weight: 700;
    color: #0D4EA2;
}

#novation-form .accordion-button,
#novation-form .accordion-box {
    padding-left: 1em;
}

    #novation-form .accordion-button:not(.collapsed) {
        background-color: #FFF;
        box-shadow: none;
    }

#novation-form .accordion .accordion-item {
    --bs-accordion-btn-focus-box-shadow: none;
    border: 1px solid #CFCAC8;
    border-radius: 16px;
    padding: 1em;
}

.noteTemplate-card .btn-title {
    min-width: 200px;
}

    .noteTemplate-card .btn-title .btn-header {
        width: 200px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

input[type=text] {
    max-height: 40px;
}

.text-container {
    max-height: 5.0em; /* Adjust this value to fit exactly 3 lines */
    overflow: hidden;
    position: relative;
}

    .text-container.expanded {
        max-height: none;
    }

.fade-mask {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 1.5em; /* Height of the gradient fade */
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1));
}

.ssa-empty-content {
    background-color: #ECEFF2;
    border-radius: 16px;
    padding: 2em;
}

.programme-item {
    border-radius: 8px;
    border: 1px solid #E1E1E1;
    margin-right: 10px;
    margin-bottom: 10px;
    padding: 5px 10px;
    vertical-align: top;
}

    .programme-item p {
        margin-bottom: 4px;
    }

.application-detail-box .programme-item {
    width: 100%;
    padding: 1em;
}

    .application-detail-box .programme-item .programme-title {
        font-size: 1.25em;
    }

.ssa-plan-notes .k-pager .k-button {
    font-family: 'Material Icons',sans-serif;
    font-weight: normal;
    font-style: normal;
    font-size: 24px;
    line-height: 1;
    letter-spacing: normal;
    text-transform: none;
    display: inline-block;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    -webkit-font-feature-settings: 'liga';
    -webkit-font-smoothing: antialiased;
    color: #fff;
    width: 30px;
    height: 40px;
    border-radius: 100px;
}

.ssa-plan-notes .k-pager {
    background-color: transparent;
    float: right;
    padding-right: 0px;
}

    .ssa-plan-notes .k-pager .k-pager-numbers-wrap {
        gap: 10px;
    }

    .ssa-plan-notes .k-pager .k-button:not(.k-disabled) {
        background-color: #0D4EA2 !important;
    }

    .ssa-plan-notes .k-pager .k-disabled {
        background-color: #AFAFAF !important;
    }

.k-pager-md .k-pager-numbers-wrap .k-pager-input, .k-pager-md .k-pager-numbers-wrap > select.k-dropdown, .k-pager-md .k-pager-numbers-wrap > select.k-dropdown-list, .k-pager-md .k-pager-numbers-wrap > select.k-dropdownlist, .ssa-plan-notes .k-button-icon.k-icon.k-svg-icon.k-svg-i-caret-alt-left svg, .ssa-plan-notes .k-button-icon.k-icon.k-svg-icon.k-svg-i-caret-alt-right svg, .ssa-plan-notes .k-pager-first, .ssa-plan-notes .k-pager-last {
    display: none !important;
}

.k-pager-numbers {
    display: flex !important
}

.ssa-plan-notes .k-button-icon.k-icon.k-svg-icon.k-svg-i-caret-alt-left::before {
    content: "\e5e0";
    bottom: 4.4px;
    right: 0.11px;
    position: relative;
}

.ssa-plan-notes .k-button-icon.k-icon.k-svg-icon.k-svg-i-caret-alt-right::before {
    content: "\e5e1";
    bottom: 4.4px;
    right: 0.11px;
    position: relative;
}

.ssa-plan-notes .k-button-icon.k-icon.k-svg-icon.k-svg-i-caret-alt-right svg,
.ssa-plan-notes .k-button-icon.k-icon.k-svg-icon.k-svg-i-caret-alt-left svg {
    display: none !important;
}

.action-plan-card {
    border: 1px solid #CFCAC8;
    padding: 1em;
    border-radius: 16px;
    background-color: #FAF8F7;
    width: 80%;
}

#action-plan-table .ncss-link {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden;
    text-overflow: ellipsis;
    max-height: 6.0em; /* Adjust this value to fit exactly 4 lines */
}

.showmore-link,
.showmore-link:visited {
    cursor: pointer;
    text-decoration: none;
    color: #0D4EA2;
    padding-top: 1rem;
    font-weight: bold;
}

    .showmore-link:hover {
        cursor: pointer;
        text-decoration: underline;
        color: #0D4EA2;
        font-weight: bold;
    }

.action-plan .detail-item {
    color: #4e4643;
}

    .action-plan .detail-item .col-form-label,
    .action-plan .detail-item .ncss-fm-label {
        color: #000;
    }

.funding-accordion .accordion-button:not(.collapsed) {
    background-color: transparent;
    box-shadow: none;
}

.funding-table {
    height: 80px;
}

.diagnostics-table {
    min-height: 70px;
}

    .funding-table > div,
    .diagnostics-table > div {
        display: inline-block;
        margin-left: 0px !important;
        margin-right: -3px !important;
        white-space: normal;
        width: 200px;
        padding: 0.5em 1em;
    }

.funding-table div:not(.total) {
    height: 48px;
}

.funding-table div.total {
    background-color: #F3BE8F;
    height: 40px;
}

.funding-table .header {
    border-bottom: 1px solid #CFCAC8;
}

.diagnostics-table .header {
    border-bottom: 1px solid #CFCAC8;
    padding-bottom: 1em;
}

.funding-table .total.first {
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
    background-color: #F3BE8F
}

.funding-table .total.last {
    background-color: #F3BE8F;
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
}

.funding-accordion .accordion-button {
    color: #0D4EA2;
}

    .funding-accordion .accordion-button .accordion-title {
        color: #000;
    }

    .funding-accordion .accordion-button::after {
        background-image: none;
        font-family: "Material Icons", sans-serif;
        content: "\e145";
        font-size: 30px;
        position: relative;
        top: -12px;
    }

    .funding-accordion .accordion-button:not(.collapsed)::after {
        transform: none;
        content: "\e15b";
    }

.funding-accordion .accordion-header {
    display: flex;
}

    .funding-accordion .accordion-header .accordion-title {
        width: 80%;
        vertical-align: middle;
    }

    .funding-accordion .accordion-header .accordion-button {
        padding-left: 0px;
    }

.btn-capability-plan {
    display: flex;
    align-items: center;
}

.navbar-brand img {
    width: 88px;
    height: 48px
}

.grading-item {
    border: 1px solid #CFCAC8;
    background-color: #FAF8F7;
    padding: 1em;
    border-radius: 4px;
    max-width: 24%
}

    .grading-item:not(.first) {
        margin-left: 0.5em;
    }

.ssa-plan-alert-box {
    background-color: #FEF3E2;
    padding: 1em;
    border-radius: 16px;
    max-height: 130px;
}

    .ssa-plan-alert-box .icon {
        color: #FCC358;
        font-size: 3em;
    }

    .ssa-plan-alert-box .title {
        color: #9D6B34;
        font-weight: 700;
        font-size: 1.5em;
        margin-bottom: 0.3em;
    }

div.k-grid-norecords {
    min-height: 45px;
    font-size: 16px;
    margin-left: 10px;
}

.k-loading-mask {
    display: none;
}

.k-tabstrip-md .k-tabstrip-items .k-link {
    font-size: 16px;
}

.ncss-fm-label {
    padding-top: calc(.375rem + var(--bs-border-width));
    padding-bottom: calc(.375rem + var(--bs-border-width));
    margin-bottom: 0;
    font-size: inherit;
    line-height: 1.5;
}

.overview-table-container .diagnostics-table2:last-child .overview-year {
    padding-right: 0;
}

.visually-hidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

@media (max-width:960px) {
    .grading-item {
        max-width: 23%
    }
}

.form-check-label {
    display: inline-block;
}

.preload-hide {
    visibility: hidden;
}

.k-tabstrip-content:focus, .k-tabstrip-content.k-focus, .k-tabstrip > .k-content:focus, .k-tabstrip > .k-content.k-focus {
    outline: none !important;
}

#navbarDropdown {
    border: none !important;
    box-shadow: none !important;
    outline: none !important;
    height: 30px;
}

#fyStart_dateview .k-calendar-footer, #fyEnd_dateview .k-calendar-footer {
    display: none !important;
}

.issuecheck.help-text {
    display: none !important
}

.announcement-content body {
    font-family: 'Inter', sans-serif !important;
}

.announcement-content fw-bold {
    font-weight: 600 !important;
}

.announcement-content hr {
    height: 0;
    color: inherit;
    border-top-width: 1px;
}

.announcement-content abbr:where([title]) {
    text-decoration: underline dotted;
    text-underline-offset: 4px;
    -webkit-text-decoration: underline dotted;
}

.announcement-content h1, .announcement-content h2, .announcement-content h3, .announcement-content h4, .announcement-content h5, .announcement-content h6 {
    font-size: inherit;
    font-weight: inherit;
}

.announcement-content a {
    color: inherit;
    text-decoration: none;
}

.announcement-content p {
    line-height: 24px;
}


.announcement-content .hb {
    font-weight: 600 !important;
}

.announcement-content b, strong {
    font-weight: bolder;
}

.announcement-content .hidden {
    display: none !important;
}


.announcement-content h1, .announcement-content h2, .announcement-content h3, .announcement-content h4, .announcement-content h5 {
    font-weight: 600;
}

.announcement-content h1 {
    font-size: 48px;
}

.announcement-content h2 {
    font-size: 36px;
}

.announcement-content h3 {
    font-size: 28px;
}

.announcement-content h4 {
    font-size: 1.4375em;
}

.announcement-content h5 {
    font-size: 1.125em;
}

.announcement-content .h-18 {
    font-size: 18px;
}

.k-pasteHtml .k-svg-icon svg {
    display: none !important;
}

.announcement-content .label-title {
    width: 200px;
}
/* Inject the 'Code' symbol (</>) or a custom icon into the span */
.k-pasteHtml .k-svg-icon:before {
    content: "</>" !important;
    font-family: Arial, sans-serif !important;
    font-weight: bold !important;
    font-size: 14px !important;
    color: currentColor;
    display: flex;
    align-items: center;
    justify-content: center;
}

#ssa-list-container {
    list-style-type: disc;
    padding-left: 20px;
    margin: 0;
}

/* 1 Column (Default) */
.cols-1 {
    column-count: 1;
}

.cols-2 {
    column-count: 2;
    column-gap: 30px;
}

.cols-3 {
    column-count: 3;
    column-gap: 20px;
}

/* 4 Columns (40+ items) */
.cols-4 {
    column-count: 4;
    column-gap: 20px;
}
@media (min-width: 992px) {
    #viewSsaModal .modal-dialog {
        max-width: 80%; /* Adjusts modal to 'Large' or 'Extra Large' width */
    }
}

#ssa-list-container li {
    break-inside: avoid-column;
    margin-bottom: 5px; /* Adds a little breathing room between items */
    font-size: 0.9rem; /* Slightly smaller text helps 4 columns fit better */
}

.modal-dialog-auto {
    width: fit-content;
    max-width: 90vw; /* 90% of viewport width */
    margin-left: auto;
    margin-right: auto;
}

.pill-container {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    padding: 4px 0;
}

.announcement-form .announcement-label-title {
    font-weight: 600;
    width: 190px;
}

.announcement-form .form-control {
    min-height: 45px;
}
.announcement-link:hover{
    font-weight:600;
}