/* AADE Design System CSS Variables */
:root {
    --ds-font-family: 'Inter', sans-serif;
    --ds-font-size-base: 14px;
    --bs-body-font-size: 14px;
    --page-bgcolor: #272C30;
    --text-primary: #393939;
    --text-secondary: #6e6d7e;
    --back-primary: #f2f2f2;
    --bg-secondary: #e4e6ea;

    --hero-img-bg: rgba(53, 61, 67, 0.7);

    --card-min-width: 290px;
    --applications-card-min-width: 530px;
    --card-min-height: 170px;
    --card3-min-width: 330px;

    --ds-accent: #006DC0;


    /* Primary Brand Colors */
    --kendo-color-primary: #006DC0;
    --kendo-color-primary-hover: #0047AB;
    --kendo-color-primary-active: #005BA0;
    --kendo-color-primary-on-surface: #006DC0;
    --kendo-color-on-primary: #fff;
    --kendo-color-primary-subtle: #E6F2FA;
    --kendo-color-primary-subtle-hover: #CCE5F5;
    --kendo-color-primary-subtle-active: #B3D9F0;

    /* Series / Accent colors — override Telerik defaults (red/orange) */
    --kendo-color-series-a: #006DC0;
    --kendo-color-series-b: #0047AB;
    --kendo-color-series-c: #3399D6;

    /* Selected state */
    --kendo-color-primary-emphasis: #006DC0;
    --kendo-selected-bg: #006DC0;
    --kendo-selected-text: #fff;
    --kendo-selected-border: #006DC0;
    --kendo-selected-hover-bg: #0047AB;
    --kendo-selected-hover-text: #fff;

    /* Background */
    --kendo-color-app-surface: #F2F2F2;

    /* Text */
    --kendo-color-on-app-surface: #393939;

    /* Borders & Lines */
    --kendo-color-border: #D9E5F0;
    --kendo-color-border-hover: #006DC0;

    /* Border Radius */
    --kendo-border-radius-md: 8px;

    /* Typography */
    --kendo-font-family: 'Inter', sans-serif;
}

.srm-route {
    --page-bgcolor: #0d5662;
    --hero-img-bg: rgba(13, 86, 98, 0.64);
}

html, body {
    font-family: var(--ds-font-family);
    font-size: var(--ds-font-size-base);
    background-color: var(--back-primary, #f2f2f2);
}

h1:focus { outline: none; }
h2 { font-size: 1.6rem; }
h3 { font-size: 1.2rem; font-weight: 400; }
h4 { font-size: 1.0rem; }

.text-secondary { color: var(--text-secondary, #6e6d7e); }
.bg-primary { background-color: var(--back-primary, #f2f2f2); }
.bg-secondary { background-color: var(--bg-secondary, #e4e6ea); }
.fontsize-medium {font-size: 0.857rem;} /* 12px / 14px = 0.857rem */
.fontsize-large {font-size: 1.2rem;}
.fontsize-xlarge {font-size: 1.6rem;}
.fontsize-xxlarge {font-size: 2.5rem;}
.weight-regular { font-weight: 400; }
.weight-medium { font-weight: 500; }
.weight-semi-bold { font-weight: 600; }
.weight-bold { font-weight: 700; }

.page {
    margin: 0 auto; max-width: 1440px; width: 100%; height: 100%; min-height: 100vh; background: #f5f7fa;
    display: flex; flex-direction: column;
}
.page-wrapper {
    width: 100%;
    margin-left: 32px; margin-right: 32px;
    border-radius: 0.7rem 0.7rem 0 0;
    background-color: white;
    color: var(--text-primary);
    min-height: 400px;
    flex: 1; display: flex; flex-direction: column;
    overflow: hidden;
}


.page-inside { padding-left: 48px; padding-right: 48px; padding-top: 16px; height: inherit; /*display: flex; flex-direction: column; flex: 0;*/ }
.page-breadcrumb {}
.border-radius { border-radius: 0.7rem !important; }
.inline-flex-items { display: flex; align-items: center; gap: 0.5rem; }
.inline-space-between { display: flex; justify-content: space-between; align-items: center; width: 100%; }
.item-shadow { box-shadow: 0 4px 12px rgba(104, 137, 165, 0.08); transition: box-shadow 0.2s ease; }
.hline { border: none; border-top: 1px solid #bababa; }

.card-info i { font-size: 1.2rem; padding-right: 0.4rem; color: var(--text-primary); }
.card-container:hover,
.carousel-card:hover { box-shadow: 0 4px 24px rgba(104, 137, 165, 0.12); }
.card-container-clickable { cursor: pointer; }
.card-minrows-container {
    --rows: 2; min-height: calc(1.2rem * var(--rows));
}
.card-minrows {
    display: -webkit-box; -webkit-line-clamp: var(--rows); -webkit-box-orient: vertical;
    overflow: hidden; text-overflow: ellipsis; line-height: 1.2rem; margin: 0;
}
.card-border {border: 1px solid var(--ds-color-neutral-500, #e2e2e2);}
.card-border-bottom {border-bottom: 1px solid var(--ds-color-neutral-500, #e2e2e2);}
.card-noborder-up { border-top: none; }


.header-hero { min-height: 80px; position: relative; display: flex; flex-direction: column; align-items: stretch; }
.header-hero-img-flip { transform: scaleX(-1); }
.header-hero-border-radius { border-radius: 8px 8px 0 0; overflow: hidden; }
.header-hero .header-hero-bg-img {
    position: absolute; left: 0; top: 0; width: 100%; height: 100%;
    object-fit: cover; object-position: center; z-index: 0;
}
.header-hero .header-hero-layout { min-height: inherit; z-index: 100; }
.header-hero-background { background: var(--hero-img-bg); }
.header-hero-gradient { background: linear-gradient(to right, #6e6d7e, #55738c); }

.nodata-info {
    margin: 0 auto; padding: 1.25rem; width: 480px; height: 170px;
    display: flex; flex-direction: column; align-items: center; justify-content: center;
    background: #ffffff; border: 1px solid #e9ecef; border-radius: 12px;
    box-shadow: 0 4px 12px rgba(104, 137, 165, 0.08);
    transition: box-shadow 0.2s ease;
}

.page-flex-1 { display: flex; flex-direction: column; flex: 1; min-height: 100%; align-items: stretch; justify-content: flex-start; }
.page-flex-mt-auto { margin-top: auto; }

/* Carousel card — appearance only, no layout sizing */

.cards-wrapper { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 1rem; margin-bottom: 2rem;


    .card-container-noborder,
    .card-container,
    .carousel-card { padding: 1.25rem; min-height: 170px; display: flex; flex-direction: column; background: #ffffff; }

    .carousel-card { width: 100%; height: 100%; box-sizing: border-box; }

    .card-container-noborder,
    .card-container { flex: 1 1 var(--card-min-width); max-width: calc(25% - 0.75rem); min-width: var(--card-min-width); }

    .card-container,
    .carousel-card { border: 1px solid #e9ecef; border-radius: 12px; box-shadow: 0 4px 12px rgba(104, 137, 165, 0.08); transition: box-shadow 0.2s ease; }

    .card-container:hover,
    .carousel-card:hover { box-shadow: 0 4px 24px rgba(104, 137, 165, 0.12); }

    .carousel-card:has(.header-hero) { padding: 0; }
    .carousel-card:has(.header-hero) > *:not(.header-hero) { padding-left: 1.25rem; padding-right: 1.25rem; }
    .carousel-card:has(.header-hero) > *:last-child { padding-bottom: 1.25rem; }

    .card-header { display: flex; justify-content: space-between; align-items: flex-start; gap: 0.5rem; }
    .card-row { display: flex; justify-content: space-between; align-items: center; width: 100%; }
    .card-title { font-weight: 600; color: var(--text-primary); margin: 0; line-height: 1.4; word-break: break-word; }
    .card-divider { border: none; border-top: 1px solid #bababa; margin: 0.75rem 0; }
    .card-divider-sm { border: none; border-top: 1px solid #bababa; margin: 0.15rem 0; }
    .card-info { display: flex; align-items: center; width: 100%; gap: 0.375rem; font-size: 1.0rem; font-weight: 400; color: var(--text-primary); }
    .card-info i { font-size: 1.2rem; color: var(--text-primary); }
    .card-gap-half { gap: 0.5rem; }
    .card-gap-base { gap: 1.0rem; }
    .card-mt-auto { margin-top: auto; }
    .card--flexrow { display: flex; flex-direction: row; }
    .card--flexcol { display: flex; flex-direction: column; }

    .card-min2rows-container { min-height: calc(1.2em * 2); }
    .card-min2rows { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; line-height: 1.2em; margin: 0; }

    .card-min5rows-container { min-height: calc(1.2em * 5); }
    .card-min5rows { display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; line-height: 1.2em; margin: 0; }

    .card3-row {
        max-width: calc(33% - 0.75rem);
        min-width: var(--card3-min-width);
        flex: 1 1 var(--card3-min-width);
    }
}

.card-content {
    i {
        font-size: 1.5rem;
        width: 3.4rem;
        height: 3.4rem;
        flex-shrink: 0;
        margin-top: 0.15rem;
        display: flex;
        align-items: center;
        justify-content: center;
        background-color: var(--ds-border-color);
        border-radius: 50%;
    }

    .content-wrapper {
        display: flex;
        flex-direction: column;
        gap: 0.25rem;
    }
}

.card-live-height { height: 350px; }

.card-tooltip {
    position: relative;
    align-self: flex-end;
    margin-top: auto;
}

.card-tooltip[data-tooltip]::after {
    content: attr(data-tooltip);
    position: absolute;
    bottom: calc(100% + 8px);
    right: 0;
    color: var(--text-primary);
    background-color: #ffffff;
    font-weight: 400;
    line-height: 1.4;
    padding: 0.5rem 0.75rem;
    border-radius: 6px;
    white-space: normal;
    max-width: 220px;
    width: max-content;
    pointer-events: none;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.2s ease, visibility 0.2s ease;
    z-index: 1008;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

.card-tooltip[data-tooltip]:hover::after {
    opacity: 1;
    visibility: visible;
}


.dstab-content { padding: 24px 0; }
.dsinput-maxwidth { max-width: 525px; }
.required-asterisk { color: var(--ds-text-warning); }

.split-bg {
    display: flex; flex: 1; padding-top: 32px;
    background: linear-gradient(
        to bottom,
        var(--page-bgcolor) 0rem,
        var(--page-bgcolor) 30rem,
        white 30rem,
        white 50rem
    );
}

.main700 {
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 22px; /* 157.143% */
    letter-spacing: -0.28px;
    color: #393939;
}


a, .btn-link {
    color: #006DC0;
}

/* Override link color for top info bar only - keep white for welcome message area */
.top-info-bar a,
.top-info-bar .welcome-message {
    color: #FFFFFF !important;
    text-decoration: none;
}

/* Navigation - Telerik buttons should inherit component styles */
.main-header .k-button,
.horizontal-nav .k-button {
    color: #393939;
}

.main-header .k-button:hover,
.horizontal-nav .k-button:hover {
    color: #006DC0;
}

/* AISA — shared page header */
.aisa-page-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
    padding: 0;
    background: transparent;
    border-radius: 0;
    box-shadow: none;
}

.aisa-header-left {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.aisa-header-titles {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.aisa-page-title {
    margin: 0;
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px; /* 150% */
    letter-spacing: -0.32px;
    color: #393939
}

.aisa-page-subtitle {
    margin: 0;
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 22px; /* 157.143% */
    letter-spacing: -0.28px;
    color: #6E6D7E;
}

/* AISA header — Telerik buttons: white text, underline on active */
.aisa-header .k-button {
    color: var(--Surface-Color, white) !important;
    background: transparent !important;
    border-color: transparent !important;
    border-radius: 8px !important;
    padding: 6px 12px !important;
    font-family: 'Inter', sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
    transition: all 0.2s ease;
}

.aisa-header .k-button:hover,
.aisa-header .k-button:focus {
    color: var(--Surface-Color, white) !important;
    background: rgba(255,255,255,0.12) !important;
}

/* Active/selected buttons: no change whatsoever on hover */
.aisa-header .k-button.k-button-primary:hover,
.aisa-header .k-button.k-selected:hover,
.aisa-header .k-button-flat.k-button-primary:hover,
.aisa-header .k-button-flat-primary:hover {
    background: transparent !important;
    border-bottom: 2px solid var(--Surface-Color, white) !important;
    border-radius: 0 !important;
    padding-bottom: 4px !important;
    font-weight: 700 !important;
    color: var(--Surface-Color, white) !important;
    opacity: 1 !important;
    box-shadow: none !important;
    transform: none !important;
}

.aisa-header .k-button.k-button-primary,
.aisa-header .k-button.k-selected,
.aisa-header .k-button-flat.k-button-primary,
.aisa-header .k-button-flat-primary {
    color: var(--Surface-Color, white) !important;
    background: transparent !important;
    font-weight: 700;
    border-color: transparent !important;
    border-bottom: 2px solid var(--Surface-Color, white) !important;
    border-radius: 0 !important;
    padding-bottom: 4px !important;
    box-shadow: none !important;
}

.aisa-header .k-button.k-button-primary::before,
.aisa-header .k-button.k-button-primary::after,
.aisa-header .k-button-flat.k-button-primary::before,
.aisa-header .k-button-flat.k-button-primary::after,
.aisa-header .k-button-flat-primary::before,
.aisa-header .k-button-flat-primary::after {
    display: none !important;
}

.aisa-header .k-button .k-svg-icon,
.aisa-header .k-button .k-icon {
    color: inherit !important;
}

/* ====================================================
   AISA Page Header (Figma: Cta component)
   ==================================================== */
.cta {
    box-sizing: border-box;
    display: flex;
    width: 100%;
    min-height: 52px;
    align-items: center;
    gap: 16px;
    padding: 12px 24px;
    background: #FFFFFF;
    border-bottom: 1px solid #FFFFFF;
    font-family: 'Inter', 'Segoe UI', system-ui, -apple-system, 'Helvetica Neue', Arial, sans-serif;
}

.cta__menu-btn {
    flex: 0 0 auto;
    width: 44px;
    height: 44px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #FFFFFF;
    border: 1px solid #D0D5DD;
    border-radius: 8px;
    color: #182230;
    cursor: pointer;
    transition: background-color .15s ease, border-color .15s ease;
}

.cta__menu-btn:hover {
    background: #F2F4F7;
}

.cta__menu-btn:focus-visible {
    outline: 2px solid #1570EF;
    outline-offset: 2px;
}

.cta__menu-btn svg {
    width: 22px;
    height: 22px;
    display: block;
}

.cta__text {
    display: flex;
    flex-direction: column;
    gap: 2px;
    flex: 1;
    min-width: 0;
}

.cta__title {
    margin: 0;
    font-size: 16px;
    line-height: 24px;
    font-weight: 600;
    color: #101828;
}

.cta__subtitle {
    margin: 0;
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    color: #475467;
}

.cta__actions {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-shrink: 0;
}

@media (prefers-reduced-motion: reduce) {
    .cta__menu-btn { transition: none; }
}

/* =====================================================
   Telerik Popup Positioning & Z-Index
   
   Ensure all Telerik popups appear above sticky headers
   and have proper styling
   ===================================================== */

/* Make the auction calendar stretch to fill its tile */
.auction-calendar,
.auction-calendar .k-calendar {
    width: 100% !important;
    border: none !important;
}

.auction-calendar .k-calendar-view,
.auction-calendar .k-calendar-table,
.auction-calendar .k-content,
.auction-calendar .k-calendar-monthview {
    width: 100% !important;
}

.auction-calendar .k-calendar-header {
    width: 100% !important;
}

/* Calendar selected/today/focus overrides — force primary blue */
.k-calendar .k-selected .k-link,
.k-calendar .k-selected:hover .k-link {
    background-color: #E0EDF7 !important;
    border-color: #E0EDF7 !important;
    color: #006DC0 !important;
}

.k-calendar .k-today .k-link {
    border-color: #E0EDF7 !important;
    color: #E0EDF7 !important;
}

.k-calendar .k-today.k-selected .k-link {
    background-color: #fff !important;
    color: #006DC0 !important;
}

/* Calendar number typography */
.k-calendar .k-link {
    font-family: 'Inter', sans-serif !important;
    font-size: 14px !important;
    font-style: normal !important;
    font-weight: 600 !important;
    line-height: 22px !important;
    letter-spacing: -0.28px !important;
}

/* Calendar month title and Today button */
.k-calendar .k-calendar-header .k-title,
.k-calendar .k-calendar-header .k-today,
.k-calendar .k-calendar-header .k-nav-today {
    font-family: 'Inter', sans-serif !important;
    font-size: 14px !important;
    font-style: normal !important;
    font-weight: 700 !important;
    line-height: 22px !important;
    letter-spacing: -0.28px !important;
    color: #006DC0 !important;
}

/* Force primary blue on all Telerik flat/outline primary buttons */
.k-button-flat-primary,
.k-button-flat.k-button-primary,
.k-button-outline-primary,
.k-button-outline.k-button-primary {
    color: #006DC0 !important;
    border-color: #006DC0 !important;
}

.k-button-flat-primary:hover,
.k-button-flat.k-button-primary:hover,
.k-button-outline-primary:hover,
.k-button-outline.k-button-primary:hover {
    color: #0047AB !important;
    border-color: #0047AB !important;
}

/* Menu active/selected/current item — blue instead of red */
.k-menu-popup .k-item.k-selected,
.k-menu-popup .k-item.k-state-selected,
.k-menu-popup .k-item:active,
.k-menu-popup .k-item.k-focus,
.k-menu .k-item.k-selected,
.k-menu .k-item.k-state-selected {
    color: #006DC0 !important;
    background-color: #E6F2FA !important;
    border-color: #006DC0 !important;
}

.k-menu-popup .k-item.k-selected > .k-link,
.k-menu-popup .k-item.k-state-selected > .k-link,
.k-menu .k-item.k-selected > .k-link {
    color: #006DC0 !important;
}

/* Menu item hover */
.k-menu-popup .k-item:hover > .k-link,
.k-menu-popup .k-item.k-hover > .k-link {
    color: #006DC0 !important;
    background-color: #E6F2FA !important;
}

/* Ensure high z-index for all Telerik popups */
.k-animation-container,
.k-popup {
    z-index: 10001 !important;
}

/* The popup styling */
.k-animation-container > .k-popup,
.k-popup.k-dropdownbutton-popup,
.k-animation-container .k-menu-popup {
    margin-top: 4px !important;
    border-radius: 12px;
    border: 1px solid #E5E5E5;
    border-top: none;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.12), 0 2px 8px rgba(0, 0, 0, 0.06);
    overflow: hidden;
    background: #FFFFFF;
    padding: 6px;
}

/* Dropdown menu list styling */
.k-popup .k-menu-group,
.k-popup .k-group,
.k-dropdownbutton-popup .k-menu-group,
.k-dropdownbutton-popup .k-group {
    padding: 0;
    margin: 0;
    background: #FFFFFF;
}

/* Dropdown menu items */
.k-popup .k-menu-item,
.k-popup .k-item,
.k-dropdownbutton-popup .k-menu-item,
.k-dropdownbutton-popup .k-item {
    padding: 10px 16px;
    color: #393939;
    font-family: 'Inter', sans-serif;
    font-size: 14px;
    font-weight: 400;
    border-bottom: none;
    background: #FFFFFF;
    cursor: pointer;
    border-radius: 8px;
    margin: 2px 0;
    transition: background-color 0.15s ease, color 0.15s ease;
    outline: none !important;
    box-shadow: none !important;
}

/* Remove focus/active rectangle border on first item */
.k-popup .k-menu-item:focus,
.k-popup .k-item:focus,
.k-popup .k-menu-item.k-focus,
.k-popup .k-item.k-focus,
.k-popup .k-menu-item:focus-visible,
.k-popup .k-item:focus-visible,
.k-dropdownbutton-popup .k-menu-item:focus,
.k-dropdownbutton-popup .k-item:focus,
.k-dropdownbutton-popup .k-menu-item.k-focus,
.k-dropdownbutton-popup .k-item.k-focus,
.k-dropdownbutton-popup .k-menu-item:focus-visible,
.k-dropdownbutton-popup .k-item:focus-visible {
    outline: none !important;
    box-shadow: none !important;
    border-color: transparent !important;
}

/* Remove focus outline from menu links inside items */
.k-popup .k-menu-link:focus,
.k-popup .k-link:focus,
.k-popup .k-menu-link.k-focus,
.k-popup .k-link.k-focus,
.k-dropdownbutton-popup .k-menu-link:focus,
.k-dropdownbutton-popup .k-link:focus,
.k-dropdownbutton-popup .k-menu-link.k-focus,
.k-dropdownbutton-popup .k-link.k-focus {
    outline: none !important;
    box-shadow: none !important;
    border: none !important;
}

/* Remove border from first item and all focused/active states */
.k-popup .k-first,
.k-popup .k-first > .k-link,
.k-popup .k-first > .k-menu-link,
.k-dropdownbutton-popup .k-first,
.k-dropdownbutton-popup .k-first > .k-link,
.k-dropdownbutton-popup .k-first > .k-menu-link,
.k-popup .k-menu-item > .k-link,
.k-popup .k-menu-item > .k-menu-link,
.k-popup .k-item > .k-link,
.k-dropdownbutton-popup .k-menu-item > .k-link,
.k-dropdownbutton-popup .k-menu-item > .k-menu-link,
.k-dropdownbutton-popup .k-item > .k-link {
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
}

.k-popup .k-menu-item:last-child,
.k-popup .k-item:last-child,
.k-dropdownbutton-popup .k-menu-item:last-child,
.k-dropdownbutton-popup .k-item:last-child {
    border-bottom: none;
}

.k-popup .k-menu-item:hover,
.k-popup .k-item:hover,
.k-popup .k-menu-item.k-hover,
.k-popup .k-item.k-hover,
.k-dropdownbutton-popup .k-menu-item:hover,
.k-dropdownbutton-popup .k-item:hover,
.k-dropdownbutton-popup .k-menu-item.k-hover,
.k-dropdownbutton-popup .k-item.k-hover {
    background-color: rgba(0, 109, 192, 0.08) !important;
    color: var(--primary-color, #006DC0) !important;
    border-radius: 8px;
}

/* Fix for the menu link text inside dropdown items */
.k-popup .k-menu-link,
.k-popup .k-link,
.k-dropdownbutton-popup .k-menu-link,
.k-dropdownbutton-popup .k-link {
    padding: 0;
    color: inherit;
}

/* ===================================================== */

.btn-primary {
    color: #fff;
    background-color: #006DC0;
    border-color: #0047AB;
}

.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 #006DC0;
}

.content {
    padding-top: 1.1rem;
}

h1:focus {
    outline: none;
}

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

.invalid {
    outline: 1px solid #e50000;
}

.validation-message {
    color: #e50000;
}

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

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

.darker-border-checkbox.form-check-input {
    border-color: #929292;
}

.form-floating > .form-control-plaintext::placeholder, .form-floating > .form-control::placeholder {
    color: var(--bs-secondary-color);
    text-align: end;
}

.form-floating > .form-control-plaintext:focus::placeholder, .form-floating > .form-control:focus::placeholder {
    text-align: start;
}

/* Typography Classes from AADE Design System */
.header-title {
    font-family: 'Manrope', sans-serif;
    font-size: 28px;
    font-weight: 600;
    line-height: 40px;
    color: #1f2937;
}

.section-title {
    font-family: 'Inter', sans-serif;
    font-size: 24px;
    font-weight: 600;
    line-height: 32px;
    color: #393939;
}

.subsection-title {
    font-family: 'Manrope', sans-serif;
    font-size: 20px;
    font-weight: 700;
    line-height: 28px;
    color: #393939;
}

.body-text {
    font-family: 'Inter', sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    color: #393939;
}

.body-text-small {
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
    color: #393939;
}

.field-label {
    font-family: 'Inter', sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 22px;
    color: #6b7280;
}

.helper-text {
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 18px;
    color: #7e7d8d;
}

/* Telerik Component Styles from AADE Design System */
.textTelerik {
    height: 40px;
    margin-top: 4px !important;
    margin-bottom: 4px !important;
    border-radius: 8px !important;
}

.dropDownTelerik {
    height: 40px;
    margin-top: 4px !important;
    margin-bottom: 4px !important;
    border-radius: 8px !important;
}

.dateTimer {
    height: 40px;
    margin-top: 4px !important;
    margin-bottom: 4px !important;
    border-radius: 8px !important;
}

.textAreaTelerik {
    margin-top: 4px !important;
    margin-bottom: 4px !important;
    border-radius: 8px !important;
}

.primarybuttonNew {
    cursor: pointer;
    display: inline-block;
    text-align: center;
    width: -webkit-fill-available;
    text-transform: none;
    line-height: initial;
}

.backandcancelbuttonNew {
    border: 1px solid #6B6B6B;
    cursor: pointer;
    display: inline-block;
    text-align: center;
    width: -webkit-fill-available;
    text-transform: none;
    line-height: initial;
}

.backandcancelbuttonNew:hover {
    background: #e3dbdb;
    border: 1px solid #464444;
    transition: 0.2s;
}

.backandcancelbuttonNew:active {
    background-color: gray;
    color: #FFFFFF;
}

.CancelSolidButton {
    border: 1px solid #b30000;
    background: #ff4d4d !important;
    color: white !important;
    cursor: pointer;
    display: inline-block;
    text-align: center;
    width: -webkit-fill-available;
    text-transform: none;
    line-height: initial;
}

/* Telerik Grid Styles */
.k-grid .k-grid-header .k-table-th {
    background-color: white !important;
    vertical-align: middle !important;
}

.k-grid {
    border-radius: 8px !important;
}

.hideColumnLines .k-grid .k-table-th, 
.hideColumnLines .k-grid td, 
.hideColumnLines .k-grid .k-table-td {
    border-inline-start-width: 0px !important;
}

/* Telerik Card Styles */
.TileBorderCss {
    box-shadow: 0px 2px 8px -2px rgba(57, 57, 57, 0.08), 
                0px 12px 16px rgba(57, 57, 57, 0.04) !important;
    border-radius: 12px !important;
    border: 1px solid #e2e2e2 !important;
}

.home-property-title {
    font-weight: 600;
    font-size: 14px;
    color: black;
}

.home-property-desc {
    font-weight: 500;
    fontSize: 12px;
    color: #444;
}

/* Telerik Chip Styles */
.myChip {
    line-height: 16px !important;
    font-weight: 500 !important;
    border-radius: 150px !important;
    background-color: rgba(0, 109, 192, 0.12) !important;
    padding: 8px 16px !important;
    gap: 8px !important;
    text-align: center !important;
    font-size: 12px !important;
    color: #006dc0 !important;
    font-family: Inter !important;
    border-color: #006dc0 !important;
}

/* Telerik Window/Dialog Styles */
.k-window-titlebar,
.k-dialog-titlebar {
    border-top-left-radius: 8px !important;
    border-top-right-radius: 8px !important;
    padding: 32px !important;
    border-style: none !important;
    background-color: white !important;
}

.k-window-content {
    padding: 0px 32px 32px 32px !important;
}

.k-dialog-actions {
    padding: 24px 32px 32px 32px !important;
    border-style: none !important;
    gap: 16px;
}

.myRadiusPopUpClass {
    border-radius: 8px !important;
}

.headerCss {
    font-size: 24px;
    color: #393939;
    font-family: Inter;
    font-weight: 600;
}

/* Layout Styles */
.full-content {
    width: 100%;
    position: relative;
    height: 100%;
    flex-shrink: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    padding: 0px 24px;
    box-sizing: border-box;
}

.main-content-container {
    align-self: stretch;
    border-radius: 8px;
    background-color: #fff;
    height: 100%;
    flex-shrink: 0;
    overflow-y: auto;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    padding: 24px;
    box-sizing: border-box;
    gap: 24px;
}

.footerText {
    font-size: 12px;
    line-height: 18px;
    font-family: Inter;
    color: #7e7d8d;
    display: inline-block;
}

/* Spacing Utilities */
.mt-1 { margin-top: 4px; }
.mt-2 { margin-top: 8px; }
.mt-3 { margin-top: 12px; }
.mt-4 { margin-top: 16px; }

.mb-1 { margin-bottom: 4px; }
.mb-2 { margin-bottom: 8px; }
.mb-3 { margin-bottom: 12px; }
.mb-4 { margin-bottom: 16px; }

.px-4 { padding-left: 24px; padding-right: 24px; }

/* Responsive Design */
@media (max-width: 960px) {
    .grid-col-6,
    .grid-col-4 {
        grid-column: span 12;
    }
}

@media (max-width: 768px) {
    .flex-row {
        flex-direction: column;
    }
}

.wizard-phase {
}

.NewAuctionInsidePageText {
    font-size: 14px !important;
    letter-spacing: -0.02em !important;
    line-height: 22px !important;
    font-weight: 500 !important;
    font-family: Inter;
    color: #393939;
    text-align: left;
    display: inline-block;
}

.dateTimerHome {
    height: 40px;
    margin-top: 4px !important;
    margin-bottom: 4px !important;
    border-radius: 8px !important;
}

.textTelerik {
    height: 40px;
    margin-top: 4px !important;
    margin-bottom: 4px !important;
    border-radius: 8px !important;
}

.dropDownTelerik {
    height: 40px;
    margin-top: 4px !important;
    margin-bottom: 4px !important;
    border-radius: 8px !important;
}

.grid-container {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    grid-gap: 16px;
    align-items: center;
    width: 100%;
}

.box1, .box2, .box3, .box4, .box5, .box6, .box7, .box8 {
    width: 100%;
}

/* Row 1: 3 equal dropdowns each spanning 2 cols */
.box1 {
    grid-column: 1 / 3;
    grid-row: 1;
}

.box2 {
    grid-column: 3 / 5;
    grid-row: 1;
}

.box3 {
    grid-column: 5 / 7;
    grid-row: 1;
}

/* Row 2: From (1 col) | To (1 col) | Search text (4 cols wide) */
.box4 {
    grid-column: 1;
    grid-row: 2;
}

.box5 {
    grid-column: 2;
    grid-row: 2;
}

.box6 {
    grid-column: 3 / 7;
    grid-row: 2;
}

/* Row 3: Properties (2 cols) | property value (2 cols) | Search button (right) */
.box7 {
    grid-column: 1 / 3;
    grid-row: 3;
}

.box8 {
    grid-column: 3 / 5;
    grid-row: 3;
}

.search-button {
    grid-column: 5 / 7;
    grid-row: 3;
    justify-self: end;
    width: auto;
}

.IndexBox2 {
    width: 100%;
    text-align: start;
    padding-top: 16px;
    padding-bottom: 16px;
    padding-left: 24px;
    padding-right: 24px;
    min-width: 320px;
    border-radius: 8px !important;
}

.NewAuctionTitle {
    font-size: 28px !important;
    line-height: 40px !important;
    font-family: 'Manrope', sans-serif !important;
    font-weight: 600 !important;
    color: #1a1a1a;
    text-align: left;
    margin: 0;
}

.NewAuctionSubtitle {
    font-size: 14px !important;
    line-height: 22px !important;
    font-weight: 500 !important;
    font-family: 'Inter', sans-serif;
    color: #6b7280;
    text-align: left;
    margin: 0;
}

.templateclass {
    cursor: pointer;
    box-shadow: 0px 2px 8px -2px rgba(57, 57, 57, 0.16), 0px 12px 16px rgba(57, 57, 57, 0.08), 0px 24px 24px 4px rgba(57, 57, 57, 0.08);
}

    .templateclass:hover {
        background: linear-gradient(109.72deg, #006dc0, #0047ab);
        font-family: Inter;
        color: #fff;
    }

.DividCss {
    border-color: rgb(73 70 70) !important;
}

    .DividCss:hover {
        border-color: #fff !important;
        opacity: 0.5;
    }

.winW300 {
    min-width: 300px !important;
}

/* Current page */
.k-pager-numbers .k-selected,
.k-pager-numbers .k-selected:hover {
    background-color: #0078D4 !important;
    border-color: #0078D4 !important;
    color: white !important;
}

/* Other page numbers (like "2") */
.k-pager-numbers .k-button {
    color: #0078D4 !important;
}

    /* Hover for other numbers */
    .k-pager-numbers .k-button:hover {
        background-color: rgba(0,120,212,0.1);
    }

/* Selected pager button */
.k-pager-numbers .k-selected {
    background-color: #0078D4 !important;
    border-color: #0078D4 !important;
}

    /* Make the number white */
    .k-pager-numbers .k-selected .k-button-text {
        color: white !important;
    }

/* Dropdown item hover */
.k-menu-popup .k-item:hover {
    background-color: rgba(0,120,212,0.08) !important;
}

/* Dropdown item active (clicked) */
.k-menu-popup .k-item:active,
.k-menu-popup .k-item.k-selected {
    background-color: rgba(0,120,212,0.18) !important;
}

/* Text color */
.k-menu-popup .k-link {
    color: #0078D4 !important;
}

.top-10px {
    margin-top: 10px;
}

.company-user-link {
    padding: 0;
    border: 0;
    background: transparent;
    color: var(--ds-accent);
    font-weight: 600;
    text-decoration: underline;
    cursor: pointer;
}

.company-user-link:hover {
    color: var(--ds-accent-hover, var(--ds-accent));
}