html {
    font-size: 14px;
}

:root {
    --font-family-segoe-ui: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}

* {
    font-family: var(--font-family-segoe-ui);
}

body, h1, h2, h3, h4, h5, h6,
ul, li, ol, nav, button, a, p, span, div {
    font-family: var(--font-family-segoe-ui);
}

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

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

html {
    position: relative;
    min-height: 100%;
}

body {
    margin-bottom: 60px;
    background: url('/images/background.webp') no-repeat center center;
    background-size: cover;
    background-repeat: repeat-y;
    background-position: bottom;
    background-size: cover;
    font-family: Segoe UI;
}

.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
    max-width: 100%;
}

.wrapper-content {
    padding: 2px 10px 40px;
}


.page-heading {
    margin-top: -5px;
    padding: 10px 10px 10px 0px;
}

.dropdown-menu-end[data-bs-popper] {
    right: auto;
    left: auto;
}

.user-icon {
    width: 40px;
    height: 40px;
    background-color: #ffffff;
    color: #005A9C;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    font-weight: bold;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    cursor: pointer;
}

/* Style for the Admin dropdown link */
.admin-dropdown .nav-link {
    color: black !important;
    font-size: 15px;
    font-weight: normal;
    padding-left: 0.5rem;
}

.admin-dropdown .dropdown-menu {
    max-width: 90vw;
    overflow-wrap: break-word;
    word-wrap: break-word;
    z-index: 1050; /* Ensure it's above other elements */
    position: absolute; /* important for manual positioning */
}

/* Style for dropdown items */
.admin-dropdown .dropdown-item {
    color: black;
    font-size: 15px;
    text-align: left;
}

    .admin-dropdown .dropdown-item:hover {
        background-color: #f0f0f0; /* Light hover effect */
        color: #005A9C; /* Match text color with the icon's blue */
    }

/* Arrow positioning */
.admin-dropdown .dropdown-toggle::after {
    margin-left: 0.5em;
    vertical-align: 0.1em;
    color: black !important;
}

.nav-link {
    padding: .3rem .3rem;
}

.breadcrumb-container {
    padding: 10px 40px;
    background-color: inherit;
    background: rgba(255, 255, 255, 0.6);
    margin-bottom: 20px;
}

.admin-dropdown .dropdown-menu {
    max-height: 60vh;
    overflow-y: auto;
}

@media (max-width: 576px) {
    .admin-dropdown .dropdown-menu {
        right: 0 !important;
        left: auto !important;
        transform: translateX(-10%);
        max-width: 90vw; /* Prevent overflow */
        overflow-x: auto;
    }
}

.breadcrumb {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    margin: 0;
    padding: 0;
    background-color: transparent;
    border-radius: 4px;
}

.navbar {
    padding-left: 26px;
    padding-right: 3px;
}

.breadcrumb-item + .breadcrumb-item::before {
    content: "\e748";
    font-family: 'e-icons';
    padding: 0 5px;
    color: #6c757d;
}

.breadcrumb-item a {
    color: #007bff;
    text-decoration: none;
}

    .breadcrumb-item a:hover {
        text-decoration: underline;
    }

.breadcrumb > .active {
    font-weight: bold
}

.breadcrumb-item a {
    display: flex;
    align-items: center;
}

.breadcrumb-icon {
    margin-right: 5px;
    width: 16px;
    height: 16px;
}

.wrapper {
    display: flex;
    flex-direction: column;
    min-height: 90vh;
    padding: 0 40px;
}

.content {
    flex: 1;
    padding-left: 0px;
    padding-right: 0px;
}

.footer {
    padding: 0px 40px 0px 40px;
    background-color: #E6F0FF;
    position: inherit;
    align-content: center;
    height: 50px
}

.btn-cactus-nextAction {
    color: #fff !important;
    background-color: #038387;
    border-color: #038387;
}


/* Timeline Container */
.timeline {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 20px;
    background: white;
}

/* Step Container */
.step {
    display: flex;
    align-items: center;
    margin-bottom: 3px; /* Adjust spacing between steps */
}

/* Circle (Step Indicator) */
/*.circle {
    width: 17px;
    height: 17px;
    border: 2px solid #ccc; 
    border-radius: 50%;
    background-color: white;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}*/

/* Inner Circle for Active Steps */
/*.circle.active {
        border-color: #007bff;*/ /* Blue for active */
/*}

        .circle.active::before {
            content: "";
            width: 14px;
            height: 14px;
            background-color: #007bff;
            border-radius: 50%;
            position: absolute;
        }*/

/* Connector (Line Between Steps) */
.connector {
    width: 2px;
    height: 25px; /* Adjust height of connector */
    background-color: #ccc; /* Gray for inactive */
    margin-left: 7.5px; /* Align with circle */
}

    .connector.active {
        background-color: #007bff; /* Blue for active */
    }

/* Text (Step Description) */
.text {
    margin-left: 16px; /* Spacing between circle and text */
    color: #999; /* Gray for inactive text */
    font-size: 14px;
    font-weight: 500; /* Medium weight for inactive text */
    margin-bottom: -2.6px;
}

    .text.active {
        color: #0078d4; /* Blue for active text */
        font-weight: bold;
    }


.btn-cactus-runAi {
    color: #fff !important;
    background-color: #0078D4;
    border-color: #0078D4;
}

@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;
}

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

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

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


.continue-reset-mil-btn {
    background-color: #CA5010 !important;
    border-color: #CA5010 !important;
    color: white !important;
}

.not-found-home-page-btn {
    background-color: #038387 !important;
    border-color: #038387 !important;
    color: white !important;
}

.cactus-button {
    line-height: 1.7 !important;
}

.e-btn.e-info:hover, .e-css.e-btn.e-info:hover {
    background: rgb(2.7, 117.9, 121.5);
    border-color: rgb(2.7, 117.9, 121.5);
    box-shadow: 0 0 rgba(0, 0, 0, 0);
    color: #fff;
}

.e-btn.e-info, .e-css.e-btn.e-info {
    background: #038387;
    border-color: #038387;
    color: #fff;
}

.e-btn, .e-css.e-btn {
    font-weight: 400;
}

.e-switch-wrapper, .e-css.e-switch-wrapper {
    width: 45px;
}

    .e-switch-wrapper .e-switch-off, .e-css.e-switch-wrapper .e-switch-off {
        text-indent: 14px;
    }

.top-level-container {
    margin-bottom: 20px !important;
}

.e-headercelldiv {
    font-weight: 700 !important;
}

.e-grid .e-toolbar {
    height: 46px !important
}

.pace {
    display: none !important;
}

.top-level-container-columns {
    background-color: rgba(255, 255, 255, 1);
}

.e-dlg-header-content, .e-dlg-content, .e-footer-content {
    background-color: white;
}

.required-star {
    font-size: 0.8em;
    vertical-align: super;
    margin-left: 2px;
    color: black;
}

.e-dialog .e-dlg-header {
    font-size: 24px;
    font-weight: 700;
    line-height: 32px;
}


.typography-line {
    display: block;
    margin: 16px 0;
}

.typography-caption2 {
    font-size: 10px;
    font-weight: 400;
    line-height: 14px;
}

.typography-caption2Strong {
    font-size: 10px;
    font-weight: 600;
    line-height: 14px;
}

.typography-caption1 {
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
}

.typography-caption1Strong {
    font-size: 12px;
    font-weight: 600;
    line-height: 16px;
}

.typography-caption1Stronger {
    font-size: 12px;
    font-weight: 700;
    line-height: 16px;
}

.typography-body1 {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
}

.typography-body1Strong {
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
}

.typography-body1Stronger {
    font-size: 14px;
    font-weight: 700;
    line-height: 20px;
}

.typography-body2 {
    font-size: 16px;
    font-weight: 400;
    line-height: 22px;
}

.typography-subtitle2 {
    font-size: 16px;
    font-weight: 600;
    line-height: 22px;
    font-smooth: antialiased;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.typography-subtitle2Stronger {
    font-size: 16px;
    font-weight: 700;
    line-height: 22px;
}

.typography-subtitle1 {
    font-size: 20px;
    font-weight: 600;
    line-height: 28px;
}

.typography-title3 {
    font-size: 24px;
    font-weight: 400;
    line-height: 32px;
    font-smooth: antialiased;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.typography-title2 {
    font-size: 28px;
    font-weight: 600;
    line-height: 36px;
}

.typography-title1 {
    font-size: 32px;
    font-weight: 400;
    line-height: 40px;
    font-smooth: antialiased;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.typography-largeTitle {
    font-size: 40px;
    font-weight: 600;
    line-height: 52px;
}

.typography-display {
    font-size: 68px;
    font-weight: 600;
    line-height: 92px;
}

.row-container {
    display: flex;
    justify-content: space-between;
    width: 100%;
}

.row-container100p {
    display: flex;
    justify-content: space-between;
    width: 100%;
}

.left {
    flex: .25;
    color: #0078D4;
    font-weight: 400;
    border-bottom: 1.4px solid #EDEBE9;
    padding-bottom: 4px;
    margin-right: 15px;
    align-items: center;
}

.right {
    flex: .75;
    color: #0078D4;
    font-weight: 400;
    border-bottom: 1.4px solid #EDEBE9;
    padding-bottom: 4px;
    margin-right: 15px;
    align-items: center;
}

.backgroundSpinner {
    width: 50px;
    height: 50px;
    border: 3px solid rgba(0, 120, 212, 0.29);
    border-top-color: #0078d4;
    border-radius: 50%;
    animation: fluentSpin 1.5s linear infinite;
}

.ai-backgroundSpinner {
    width: 24px;
    height: 24px;
    border: 2px solid rgba(0, 120, 212, 0.29);
    border-top-color: #0078d4;
    border-radius: 50%;
    animation: fluentSpin 1.5s linear infinite;
}

@keyframes fluentSpin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}


.step-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.step-item {
    display: flex;
    align-items: center;
}

.step-icon {
    width: 25px;
    height: 25px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    margin-right: 8px;
}

.checked {
    color: #000;
}

    .checked .step-icon {
        color: #0f6cbd;
    }

.disabled {
    color: #ccc;
}

    .disabled .step-icon {
        color: #ccc;
    }


.btn-default {
    color: inherit !important;
    background: white !important;
    border: 1px solid #e7eaec !important;
}

.edit-mode {
    display: none
}

.e-grid .e-headercell div {
    white-space: normal !important;
    word-wrap: normal !important;
}

.page-heading {
    margin-top: -14px;
    padding: 10px 10px 10px 0px;
}

.e-grid .e-stackedheadercelldiv {
    max-height: 92px !important;
    font-size: 14px;
    padding: 0 3px 0 5px !important;
}

.e-grid .e-headercell .e-headertext {
    font-size: 14px
}

.e-grid .e-rowcell {
    font-size: 14px !important
}

.e-grid .e-filtered::before {
    color: red;
}

.e-grid td.e-active {
    background: none !important;
}

.e-grid.e-gridhover tr[role='row']:not(.e-editedrow):hover .e-rowcell:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell), .e-grid.e-gridhover tr[role='row']:hover .e-detailrowcollapse:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell), .e-grid.e-gridhover tr[role='row']:hover .e-rowdragdrop:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell), .e-grid.e-rtl .e-gridhover tr[role='row']:hover .e-rowdragdrop:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell), .e-grid.e-gridhover tr[role='row']:hover .e-detailrowexpand:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell) {
    background-color: transparent !important;
}

.e-grid.e-gridhover tr[role='row']:not(.e-editedrow):hover .e-rowcell:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell) {
    background-color: transparent !important;
}

.e-grid.e-gridhover tr[role='row']:hover .e-detailrowcollapse:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell) {
    background-color: transparent !important;
}

.pageTitleSummary {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 11px;
    padding: 20px 20px 20px 20px;
    flex-grow: 0;
    flex-shrink: 1;
    flex-basis: 590px;
    background-color: rgba(255, 255, 255, 1);
    border-radius: 4px;
}

.pageTitleSummaryHeader {
    text-align: left;
    color: rgba(51, 56, 66, 1);
}

.pageTitleSummaryText {
    text-align: left;
}

.congresses-section {
    background: white;
    padding: 0px 20px 20px 20px;
    border-radius: 4px;
}

.btn-grid-actions {
    margin-top: 4px !important
}

.ratingControltooltip.e-tooltip-wrap {
    border-radius: 6px;
    background-color: #0078D4 !important;
    color: #0078D4 !important;
    border: none !important;
    padding: 6px 6px !important;
}

    .ratingControltooltip.e-tooltip-wrap .e-tip-content {
        font-size: 14px !important;
        font-weight: 400;
        color: white !important;
    }

    .ratingControltooltip.e-tooltip-wrap.e-popup {
        border: none !important;
        background-color: #0078D4 !important;
    }

    .ratingControltooltip.e-tooltip-wrap .e-arrow-tip-outer.e-tip-bottom {
        background-color: #0078D4 !important;
        border: none !important;
    }

    .ratingControltooltip.e-tooltip-wrap .e-arrow-tip-inner.e-tip-bottom {
        background-color: #0078D4 !important;
        border: none !important;
    }

    .ratingControltooltip.e-tooltip-wrap .e-arrow-tip-inner.e-tip-right,
    .ratingControltooltip.e-tooltip-wrap .e-arrow-tip-inner.e-tip-left,
    .ratingControltooltip.e-tooltip-wrap .e-arrow-tip-inner.e-tip-bottom,
    .ratingControltooltip.e-tooltip-wrap .e-arrow-tip-inner.e-tip-top {
        color: #0078D4;
        border: none !important;
    }

.project-status-container {
    display: flex;
    gap: 8px;
    padding: 4px 0;
}

.project-status-icon img {
    width: 17px;
    height: 17px;
}

.project-status-clickable {
    cursor: pointer;
}


.on {
    background-image: url('/images/svg/Status_On.svg');
}

.off {
    background-image: url('/images/svg/Status_Off.svg');
}

.cast-card-col {
    flex: 0 0 100%;
    max-width: 100%;
}

/* 801–1200px: 2 cards per row */
@media (min-width: 801px) {
    .cast-card-col {
        flex: 0 0 50%;
        max-width: 50%;
    }
}

/* 1201–1600px: 3 cards per row */
@media (min-width: 1201px) {
    .cast-card-col {
        flex: 0 0 33.3333%;
        max-width: 33.3333%;
    }
}

/* 1601px+: 4 cards per row */
@media (min-width: 1601px) {
    .cast-card-col {
        flex: 0 0 25%;
        max-width: 25%;
    }
}

.mil-header-shadow {
    box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25) !important;
}

.styled-list-like-radio {
    list-style: none;
    padding: 0;
    font-family: sans-serif;
}

    .styled-list-like-radio li {
        position: relative;
        padding-left: 24px;
        margin-bottom: 12px;
        line-height: 1.4;
    }

        .styled-list-like-radio li::before {
            content: '';
            position: absolute;
            left: 0;
            top: 4px;
            width: 14px;
            height: 14px;
            border: 1.5px solid #666;
            border-radius: 50%;
            background-color: #fff;
        }

.additionalinfo-card-header {
    color: white;
    padding: 8px 16px;
    font-weight: bold;
    border-top-left-radius: 0.3rem;
    border-top-right-radius: 0.3rem;
}

    .additionalinfo-card-header.not-included {
        background-color: #CA5010;
    }

    .additionalinfo-card-header.included {
        background-color: #0B6A0B; 
    }