/* /Pages/Administration/Features/VideoAnalysis/WasteVideosHelpList.razor.rz.scp.css */
.content[b-up6wvf4rvc] {
    width: 100%;
    height: 95vh;
    padding: 36px 30px 26px 24px;
}

.title[b-up6wvf4rvc] {
    display: flex;
    align-items: center;
    padding: 0px 0px 26px 10px;
}

.customSections[b-up6wvf4rvc] {
    height: 100%;
    justify-content: space-around;
}

.customHelpContainer[b-up6wvf4rvc] {
    overflow: auto;
    max-height: 90%;
    padding: 5px;
}

.customDividerHelpList[b-up6wvf4rvc] {
    border-color: #0D0661;

    flex-grow: 1;
    border-bottom: 1px solid lightgray;
    margin: 12px;
}

.customHelpSection[b-up6wvf4rvc] {
    width: 47%;
    max-height: 84vh;
    overflow: hidden;
}

    .customHelpSection h2[b-up6wvf4rvc] {
        margin-left: 10px;
        margin-bottom: 25px;
    }

h1[b-up6wvf4rvc], h2[b-up6wvf4rvc] {
    font-size: 18px;
}

.customHelpRequestCard[b-up6wvf4rvc] {
    display: flex;
    justify-content: space-between;
    border: 2px solid #DFDFDF;
    padding: 14px;
    width: 100%;
    min-height: 25px;
    cursor: pointer;
}

    .customHelpRequestCard:hover[b-up6wvf4rvc], .customHelpRequestCard:active[b-up6wvf4rvc] {
        border-color: #4CAEFF;
    }

    .customHelpRequestCard > *[b-up6wvf4rvc] {
        text-align: left;
    }
/* /Pages/Content/Dashboards/VideosDashboard/VideosDash.razor.rz.scp.css */
h1[b-c8ewc04cpv] {
    color: #FFFFFF;
    font-size: 18px;
    font-style: normal;
}

.customFlex[b-c8ewc04cpv],
.custom-flex[b-c8ewc04cpv] {
    display: flex;
}

.customColumns[b-c8ewc04cpv],
.custom-columns[b-c8ewc04cpv] {
    flex-direction: row;
}

.customDivided[b-c8ewc04cpv],
.custom-divided[b-c8ewc04cpv] {
    display: flex;
    align-items: center;
}

.customCard[b-c8ewc04cpv],
.custom-card[b-c8ewc04cpv] {
    background-color: white;
    border-radius: 20px;
    padding: 22px 16px;
    box-shadow: 0px 3px 16px #E1E1E1;
    &:not(last-child)

{
    margin-bottom: 16px;
}

}

.customDivider[b-c8ewc04cpv],
.custom-divider[b-c8ewc04cpv] {
    flex-grow: 1;
    border-bottom: 1px solid lightgray;
    margin: 12px;
}

.dashboard-first-left[b-c8ewc04cpv] {
    flex-direction: column;
    width: 39%;
    margin-left: 29px;
}

    .dashboard-first-left .custom-card[b-c8ewc04cpv] {
        min-height: 320px;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }

.dashboard-top[b-c8ewc04cpv] {
    background-color: #005EAC;
    padding: 23px 24px;
    border-radius: 14px;
}

    .dashboard-top .custom-divided[b-c8ewc04cpv] {
        margin-bottom: 23px;
    }

.dashboard-first-right[b-c8ewc04cpv] {
    width: 59%;
}

.first-right-graph[b-c8ewc04cpv] {
    width: 45%;
}

.dashboard-highlight-section[b-c8ewc04cpv] {
    width: 100%;
    justify-content: space-between;
    height: 100%;
}

.custom-card-highlight[b-c8ewc04cpv] {
    min-width: 167px;
    width: 48%;
    left: 0;
    right: 0;
}

.custom-hightlight-title[b-c8ewc04cpv] {
    color: #2D2D2D;
    font-size: 17px;
    font-weight: 500;
}

.custom-highlight-number[b-c8ewc04cpv] {
    color: #2D2D2D;
    font-size: 42px;
    font-weight: 700;
}

.custom-highlight-date[b-c8ewc04cpv] {
    color: #2D2D2D;
    font-size: 10px;
}

.custom-highlight-button[b-c8ewc04cpv] {
    color: #2D2D2D;
    font-size: 14px;
    font-weight: 700;
}

.custom-card-highlight-bottom[b-c8ewc04cpv] {
    justify-content: space-evenly;
    background-color: #170E78;
    box-shadow: none;
    left: 0;
    right: 0;
}

.dashboard-bottom[b-c8ewc04cpv] {
    background-color: #EEF6F9;
    padding: 23px 24px;
}

    .dashboard-bottom .custom-columns[b-c8ewc04cpv] {
        justify-content: space-evenly;
        padding-block: 10px;
    }

    .dashboard-bottom .custom-parent-card[b-c8ewc04cpv] {
        width: 45%;
    }

.customHelpContainer .custom-flex[b-c8ewc04cpv] {
    justify-content: space-between;
}

.graph-details-column[b-c8ewc04cpv] {
    width: 55%;
}

.custom-card.custom-flex.graph-details[b-c8ewc04cpv] {
    background-color: #F6F6F6;
    justify-content: space-between;
}

.card-graph[b-c8ewc04cpv] {
    flex: 1;
    flex-direction: column;
}

/* to change: */
.customBlueBtn[b-c8ewc04cpv] {
    cursor: pointer;
    color: #005EAC;
    background-color: #E2F2FF;
    border: none;
    border-radius: 14px;
    padding: 4px 16px;
}

.danger-tag-section[b-c8ewc04cpv] {
    align-items: center;
    justify-content: space-between;
}

.danger-tag-icon[b-c8ewc04cpv] {
    display: flex;
    width: 50%;
    align-items: center;
    justify-content: space-between;
}

    .danger-tag-icon img[b-c8ewc04cpv] {
        width: 24px;
    }

.graph-danger[b-c8ewc04cpv], .graph-unknown[b-c8ewc04cpv], .graph-harmless[b-c8ewc04cpv] {
    align-items: center;
    justify-content: space-around;
    min-width: 270px;
    border-radius: 8px !important;
    color: white;
}

    .graph-danger > p[b-c8ewc04cpv], .graph-unknown > p[b-c8ewc04cpv], .graph-harmless > p[b-c8ewc04cpv] {
        font-size: 22px;
        font-weight: 800;
    }

.graph-danger[b-c8ewc04cpv] {
    background-color: #FF4455 !important;
}

.graph-unknown[b-c8ewc04cpv] {
    background-color: #F19222 !important;
}

.graph-harmless[b-c8ewc04cpv] {
    background-color: #1EC64D !important;
}

.custom-card.custom-card-highlight img[b-c8ewc04cpv] {
    width: 52px;
}

.dashboard-top .dashboard-first-left[b-c8ewc04cpv] {
    width: 20%;
    margin-right: 25px;
}

.custom-card.custom-card-highlight > a[b-c8ewc04cpv] {
    border-radius: 27px;
    background: #005EAC;
    color: #FFFFFF;
    padding: 12px 14px;
    margin-bottom: 10px;
    text-align: center;
    cursor: pointer;
}
.custom-card.custom-columns[b-c8ewc04cpv], .custom-card.card-graph[b-c8ewc04cpv] {
    box-shadow: none;
}
.dashboard-bottom .custom-card[b-c8ewc04cpv] {
    border-radius: 14px;
    box-shadow: 0px 0px 16px 0px #D4E4E9;
}
/* /Pages/Content/Home/Home.razor.rz.scp.css */
.home-hero[b-s1m6479zhc] {
    position: relative;
    overflow: hidden;
    border-radius: 8px;
    box-shadow: 0 12px 34px rgba(0, 94, 172, 0.12);
}

.home-hero-image[b-s1m6479zhc] {
    position: absolute;
    inset: 0;
    object-fit: cover;
    object-position: center;
}

.home-hero-overlay[b-s1m6479zhc] {
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(255, 255, 255, 0.98) 0%, rgba(255, 255, 255, 0.92) 28%, rgba(255, 255, 255, 0.44) 52%, rgba(255, 255, 255, 0.05) 100%);
}

.home-hero-content[b-s1m6479zhc] {
    position: relative;
    z-index: 1;
}

@media (max-width: 960px) {
    .home-hero-image[b-s1m6479zhc] {
        object-position: center bottom;
    }

    .home-hero-overlay[b-s1m6479zhc] {
        background: linear-gradient(180deg, rgba(255, 255, 255, 0.98) 0%, rgba(255, 255, 255, 0.92) 46%, rgba(255, 255, 255, 0.18) 100%);
    }
}
/* /Pages/Features/DataSource/Components/DataSourceTable.razor.rz.scp.css */
.data-source-table-root[b-idgh8qjtxs] {
    width: 100%;
    overflow-x: auto;
}

.data-source-table[b-idgh8qjtxs] {
    width: 100%;
    min-width: 100%;
    overflow: hidden;
}

.data-source-table .mud-table-container[b-idgh8qjtxs] {
    width: 100%;
    overflow-x: auto;
}

.data-source-table table[b-idgh8qjtxs] {
    width: 100%;
    border-collapse: collapse;
    table-layout: fixed;
}

.data-source-table thead th[b-idgh8qjtxs] {
    background: #ebf9ff !important;
    color: #005eac !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    padding: 0 !important;
    border-bottom: 1px solid #d6e0e8 !important;
    border-right: 1px solid #e5edf3 !important;
    vertical-align: top;
    white-space: nowrap;
}

.data-source-table thead th:last-child[b-idgh8qjtxs] {
    border-right: none !important;
}

.table-header-cell[b-idgh8qjtxs] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 9px 10px 10px;
    min-width: 96px;
}

.column-header-title[b-idgh8qjtxs] {
    font-size: 11px;
    font-weight: 700;
    color: #52606d;
    line-height: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.column-mapping-selects[b-idgh8qjtxs] {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.mapping-select[b-idgh8qjtxs] {
    width: 100%;
}

.mapping-select .mud-input[b-idgh8qjtxs] {
    background: #fff !important;
    border-radius: 6px !important;
    min-height: 24px !important;
    height: 24px !important;
    font-size: 10px !important;
}

.mapping-select .mud-input-slot[b-idgh8qjtxs] {
    padding: 2px 7px !important;
    min-height: 24px !important;
    font-size: 10px !important;
}

.mapping-select .mud-input-adornment-end[b-idgh8qjtxs] {
    margin-inline-start: 0 !important;
}

.mapping-select .mud-icon-root[b-idgh8qjtxs] {
    font-size: 15px !important;
}

.data-source-table tbody td[b-idgh8qjtxs] {
    font-size: 11px !important;
    color: #4c5966 !important;
    padding: 6px 10px !important;
    border-bottom: 1px solid #edf2f6 !important;
    border-right: 1px solid #edf2f6 !important;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 29px;
}

.data-source-table tbody td:last-child[b-idgh8qjtxs] {
    border-right: none !important;
}

.data-source-table tbody tr:hover[b-idgh8qjtxs] {
    background: transparent !important;
}
/* /Pages/Features/DataSource/Components/DataSourceWizardHeader.razor.rz.scp.css */
.data-source-wizard-header[b-kn0r8msati] {
    flex-wrap: wrap;
    justify-content: flex-end;
    row-gap: 8px;
}

.wizard-step[b-kn0r8msati] {
    color: #8f9aa6;
    min-width: max-content;
}

.wizard-step.completed[b-kn0r8msati],
.wizard-step.active[b-kn0r8msati] {
    color: #005eac;
}

.wizard-step-icon[b-kn0r8msati] {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 2px solid #d8e2ea;
    background: #f7fafc;
    color: #8f9aa6;
}

.wizard-step-icon.completed[b-kn0r8msati] {
    background: #ebf9ff;
    border-color: #bfe3f6;
    color: #005eac;
}

.wizard-step-icon.active[b-kn0r8msati] {
    background: #005eac;
    border-color: #005eac;
    color: #fff;
}

.wizard-step-label[b-kn0r8msati] {
    font-size: 15px !important;
    font-weight: 600 !important;
    color: inherit !important;
    white-space: nowrap;
}

.wizard-step-divider[b-kn0r8msati] {
    width: 72px;
    height: 2px;
    background: #cfe2ef;
    display: inline-block;
}

.wizard-step-divider.completed[b-kn0r8msati] {
    background: #9ccdec;
}

@media (max-width: 760px) {
    .data-source-wizard-header[b-kn0r8msati] {
        justify-content: flex-start;
        gap: 8px !important;
    }

    .wizard-step-divider[b-kn0r8msati] {
        width: 28px;
    }
}
/* /Pages/Features/DataSource/Step1/Components/DataSourceWorkbookAttachments.razor.rz.scp.css */
.section-title[b-2sn2kf9559] {
    font-weight: 700 !important;
    color: #313942;
    margin-bottom: 8px;
}

.workbook-pill-section[b-2sn2kf9559] {
    min-width: 0;
    padding: 7px 9px;
    border: 1px solid #d8eaf6;
    border-radius: 8px;
    background: #fff;
}

.workbook-documents-header[b-2sn2kf9559] {
    gap: 6px;
    margin-bottom: 6px;
}

.workbook-inline-action[b-2sn2kf9559] {
    flex: 0 0 auto;
}

.workbook-pill-list[b-2sn2kf9559] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    min-height: 30px;
    overflow: hidden;
}

.workbook-pill[b-2sn2kf9559] {
    max-width: 240px;
    height: 28px !important;
    border-radius: 999px !important;
    border: 1px solid #b8e3f8 !important;
    background: #ebf9ff !important;
    color: #005eac !important;
    font-weight: 600 !important;
    box-shadow: none !important;
}

.workbook-pill[b-2sn2kf9559]  .mud-chip-close-button,
.workbook-pill[b-2sn2kf9559]  .mud-chip-delete-icon {
    color: #005eac !important;
    opacity: .78;
}

.sheet-caption[b-2sn2kf9559] {
    color: #617282;
}
/* /Pages/Features/DataSource/Step1/Components/DataSourceWorkbookSheetPreview.razor.rz.scp.css */
.workbook-preview-shell[b-2qwyjhzh8i] {
    min-height: 0;
    flex: 1 1 0;
    overflow: hidden;
}

.preview-tabs[b-2qwyjhzh8i] {
    margin-top: 4px;
}

.workbook-tabs[b-2qwyjhzh8i] {
    border-top: 1px solid #edf2f6;
    padding-top: 4px;
}

.workbook-preview-shell[b-2qwyjhzh8i]  .mud-tabs,
.workbook-preview-shell[b-2qwyjhzh8i]  .mud-tabs-panels,
.workbook-preview-shell[b-2qwyjhzh8i]  .mud-tab-panel {
    min-height: 0;
    flex: 1 1 0;
    overflow: hidden;
}

.workbook-preview-shell[b-2qwyjhzh8i]  .mud-tabs {
    display: flex;
    flex-direction: column;
}

.workbook-preview-shell[b-2qwyjhzh8i]  .mud-tabs-toolbar {
    flex: 0 0 auto;
    min-height: 30px;
}

.preview-tab-panel[b-2qwyjhzh8i] {
    min-height: 0;
    flex: 1 1 0;
    overflow: hidden;
}

.workbook-preview-shell[b-2qwyjhzh8i]  .mud-tab-panel {
    height: 100%;
    display: flex;
    flex-direction: column;
}

.workbook-preview-shell[b-2qwyjhzh8i]  .mud-tab {
    min-height: 30px;
    padding: 0 12px;
}

.sheet-preview-content[b-2qwyjhzh8i] {
    position: relative;
    min-height: 0;
    flex: 1 1 0;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.sheet-data-tabs[b-2qwyjhzh8i] {
    min-height: 0;
    flex: 1 1 0;
}

.workbook-preview-shell[b-2qwyjhzh8i]  .sheet-data-tabs .mud-tabs-toolbar {
    padding-right: 360px;
}

.sheet-import-control[b-2qwyjhzh8i] {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 4;
    min-height: 30px;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 2px 8px 2px 10px;
    border: 1px solid transparent;
    border-radius: 999px;
    font-size: 12px;
    font-weight: 700;
    white-space: nowrap;
}

.sheet-import-control-ready[b-2qwyjhzh8i] {
    border-color: #bfe7cb;
    background: #eefbf2;
    color: #1f8d4d;
}

.sheet-preview-content-stored[b-2qwyjhzh8i] {
    opacity: .78;
}

.sheet-preview-content-stored .sheet-import-control-ready[b-2qwyjhzh8i] {
    border-color: #b8d7f0;
    background: #ebf9ff;
    color: #005eac;
}

.sheet-preview-content-stored .preview-grid-table[b-2qwyjhzh8i],
.sheet-preview-content-stored .normalized-summary-strip[b-2qwyjhzh8i],
.sheet-preview-content-stored .preview-warning-alert[b-2qwyjhzh8i] {
    pointer-events: none;
}

.sheet-import-control-pending[b-2qwyjhzh8i] {
    border-color: #f1dc9c;
    background: #fff8df;
    color: var(--mud-palette-warning);
}

.sheet-import-control-skipped[b-2qwyjhzh8i] {
    border-color: #d8e0e8;
    background: #f4f6f8;
    color: #778391;
}

.sheet-import-control-status[b-2qwyjhzh8i],
.sheet-tab-label[b-2qwyjhzh8i] {
    display: inline-flex;
    align-items: center;
}

.sheet-tab-label[b-2qwyjhzh8i] {
    gap: 6px;
    min-width: 0;
}

.sheet-tab-label span[b-2qwyjhzh8i] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.sheet-tab-icon[b-2qwyjhzh8i] {
    flex: 0 0 auto;
}

.sheet-tab-icon-ready[b-2qwyjhzh8i] {
    color: #1f9d55 !important;
}

.sheet-tab-icon-stored[b-2qwyjhzh8i] {
    color: #005eac !important;
}

.sheet-tab-icon-warning[b-2qwyjhzh8i] {
    color: var(--mud-palette-warning) !important;
}

.sheet-tab-icon-skipped[b-2qwyjhzh8i] {
    color: #9aa4ae !important;
}

.sheet-preview-content-stored .header-radio-label[b-2qwyjhzh8i] {
    cursor: default;
    color: #7a8792;
}

.sheet-preview-content-stored .header-radio-label input[type="radio"][b-2qwyjhzh8i] {
    cursor: default;
}

.sheet-import-switch-enabled[b-2qwyjhzh8i] {
    color: #005eac;
    font-weight: 700;
}

.sheet-import-switch-disabled[b-2qwyjhzh8i] {
    color: #778391;
    font-weight: 700;
}

.preview-warning-alert[b-2qwyjhzh8i] {
    margin-bottom: 6px;
}

.normalized-summary-strip[b-2qwyjhzh8i] {
    display: flex;
    gap: 6px;
    flex-wrap: wrap;
    margin-bottom: 6px;
}

.summary-chip[b-2qwyjhzh8i] {
    border-radius: 999px !important;
    font-weight: 600 !important;
}

.preview-loading-state[b-2qwyjhzh8i] {
    display: grid;
    gap: 12px;
}

.preview-grid-scroll[b-2qwyjhzh8i] {
    overflow: auto;
    border: 1px solid #dde7ef;
    border-radius: 8px;
    min-height: 0;
    flex: 0 1 auto;
    height: clamp(150px, calc(100dvh - 740px), 340px);
    max-height: clamp(150px, calc(100dvh - 740px), 340px);
}

.preview-grid-table[b-2qwyjhzh8i] {
    width: 100%;
    border-collapse: collapse;
    min-width: 840px;
    background: #fff;
}

.preview-grid-table th[b-2qwyjhzh8i],
.preview-grid-table td[b-2qwyjhzh8i] {
    border-bottom: 1px solid #edf2f6;
    padding: 6px 9px;
    text-align: left;
    vertical-align: top;
    font-size: 12px;
    color: #405160;
}

.preview-grid-table th:not(.row-number-column):not(.row-action-column)[b-2qwyjhzh8i],
.preview-grid-table td:not(.row-number-column):not(.row-action-column)[b-2qwyjhzh8i] {
    max-width: 140px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.preview-grid-table thead th[b-2qwyjhzh8i] {
    position: sticky;
    top: 0;
    z-index: 4;
    background: #f8fbfe;
    font-weight: 700;
    color: #2e3b47;
}

.row-number-column[b-2qwyjhzh8i] {
    width: 56px;
    min-width: 56px;
    position: sticky;
    left: 0;
    z-index: 3;
    background: #fff;
}

.row-action-column[b-2qwyjhzh8i] {
    width: 126px;
    min-width: 126px;
    position: sticky;
    left: 56px;
    z-index: 3;
    background: #fff;
}

.selected-header-row[b-2qwyjhzh8i] {
    background: #eef7ff;
    box-shadow: inset 4px 0 0 #0d63b8;
}

.selected-header-row td[b-2qwyjhzh8i] {
    border-bottom-color: #d2e7fb;
}

.selected-header-row .row-number-column[b-2qwyjhzh8i],
.selected-header-row .row-action-column[b-2qwyjhzh8i] {
    background: #eef7ff;
}

.header-selector-cell[b-2qwyjhzh8i],
.header-radio-label[b-2qwyjhzh8i] {
    display: flex;
    align-items: center;
}

.header-selector-cell[b-2qwyjhzh8i] {
    gap: 6px;
}

.header-radio-label[b-2qwyjhzh8i] {
    gap: 6px;
    cursor: pointer;
    color: #2f4251;
    font-weight: 600;
}

.header-radio-label input[type="radio"][b-2qwyjhzh8i] {
    width: 14px;
    height: 14px;
    accent-color: #0d63b8;
    cursor: pointer;
}

.header-selection-badge[b-2qwyjhzh8i] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 3px 7px;
    border-radius: 999px;
    background: #0d63b8;
    color: #fff;
    font-size: 10px;
    font-weight: 700;
    text-transform: uppercase;
}

.normalized-preview-scroll[b-2qwyjhzh8i] {
    max-height: none;
}

.normalized-preview-table[b-2qwyjhzh8i] {
    min-width: 640px;
}

/* /Pages/Features/DataSource/Step1/Components/DataSourceWorkbookUploadDropZone.razor.rz.scp.css */
.upload-drop-host[b-yaco2s1ws8],
[b-yaco2s1ws8] .upload-picker-shell {
    display: flex;
    flex: 1 1 auto;
    min-height: 0;
    width: 100%;
    cursor: pointer !important;
}

[b-yaco2s1ws8] .mud-file-upload,
[b-yaco2s1ws8] .mud-file-upload-activator {
    display: flex;
    flex: 1 1 auto;
    min-height: 0;
    width: 100%;
    cursor: pointer !important;
}

[b-yaco2s1ws8] .upload-picker-shell input,
[b-yaco2s1ws8] .upload-picker-shell label,
[b-yaco2s1ws8] .upload-picker-shell button,
[b-yaco2s1ws8] .upload-picker-shell .mud-button-root,
[b-yaco2s1ws8] .mud-file-upload *,
[b-yaco2s1ws8] .mud-file-upload-activator *,
[b-yaco2s1ws8] .mud-file-upload input[type="file"],
[b-yaco2s1ws8] .upload-drop-input {
    cursor: pointer !important;
}

.upload-drop-zone[b-yaco2s1ws8] {
    min-height: 100%;
    cursor: pointer;
    color: #617282;
    border: 2px dashed #b8d7f0;
    border-radius: 14px;
    background: #ffffff;
    transition: background 140ms ease, border-color 140ms ease, color 140ms ease, box-shadow 140ms ease, transform 140ms ease;
}

.upload-drop-icon[b-yaco2s1ws8] {
    box-shadow: 0 8px 18px rgba(0, 94, 172, .18);
    transition: transform 140ms ease, box-shadow 140ms ease;
}

.upload-drop-title[b-yaco2s1ws8] {
    color: #243648;
    font-weight: 700;
}

.upload-drop-copy[b-yaco2s1ws8] {
    color: #617282;
    max-width: 560px;
}

.upload-drop-host:hover .upload-drop-zone[b-yaco2s1ws8],
.upload-drop-host-active .upload-drop-zone[b-yaco2s1ws8],
[b-yaco2s1ws8] .upload-picker-shell:hover .upload-drop-zone,
[b-yaco2s1ws8] .mud-file-upload:hover .upload-drop-zone,
.upload-drop-zone:hover[b-yaco2s1ws8],
.upload-drop-zone-active[b-yaco2s1ws8] {
    border-color: #9aa6b2;
    background: #f3f5f7;
    color: #005eac;
    box-shadow: inset 0 0 0 1px rgba(0, 94, 172, 0.08), 0 10px 28px rgba(0, 94, 172, .08);
}

[b-yaco2s1ws8] .mud-file-upload:focus-within .upload-drop-zone {
    border-color: #005eac;
    box-shadow: inset 0 0 0 1px rgba(0, 94, 172, 0.16), 0 0 0 3px rgba(0, 94, 172, 0.12);
}

.upload-drop-zone-active[b-yaco2s1ws8] {
    border-color: #005eac;
    background: #ebf9ff;
}

.upload-drop-host:hover .upload-drop-icon[b-yaco2s1ws8],
.upload-drop-host-active .upload-drop-icon[b-yaco2s1ws8],
[b-yaco2s1ws8] .upload-picker-shell:hover .upload-drop-icon,
[b-yaco2s1ws8] .mud-file-upload:hover .upload-drop-icon,
.upload-drop-zone:hover .upload-drop-icon[b-yaco2s1ws8],
.upload-drop-zone-active .upload-drop-icon[b-yaco2s1ws8] {
    transform: translateY(-2px);
    box-shadow: 0 12px 24px rgba(0, 94, 172, .24);
}

.upload-drop-host:hover .upload-drop-title[b-yaco2s1ws8],
.upload-drop-host-active .upload-drop-title[b-yaco2s1ws8],
[b-yaco2s1ws8] .upload-picker-shell:hover .upload-drop-title,
[b-yaco2s1ws8] .mud-file-upload:hover .upload-drop-title,
.upload-drop-zone:hover .upload-drop-title[b-yaco2s1ws8],
.upload-drop-zone-active .upload-drop-title[b-yaco2s1ws8] {
    color: #005eac;
}
/* /Pages/Features/DataSource/Step1/Step1Main.razor.rz.scp.css */
.datasource-save-overlay[b-uwjjipnjrm] {
    position: fixed;
    inset: 0;
    z-index: 1400;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 24px;
    background: rgba(235, 249, 255, 0.72);
    backdrop-filter: blur(2px);
}

.datasource-save-dialog[b-uwjjipnjrm] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    width: min(360px, 100%);
    padding: 24px;
    border: 1px solid #d8e8f4;
    border-radius: 8px;
    background: #fff;
    box-shadow: 0 18px 42px rgba(0, 94, 172, 0.16);
    color: #314251;
    text-align: center;
}

.validation-error-list[b-uwjjipnjrm] {
    margin: 0;
    padding-left: 18px;
}
/* /Pages/Features/DocR/ExtractionDetailsPage.razor.rz.scp.css */
.max-w-full[b-hcxk80fosc] {
    max-width: 100%;
}

.mt-3[b-hcxk80fosc] {
    margin-top: .75rem;
}
/* /Pages/Features/VideoAnalyses/Components/Answers/AnswerCard.razor.rz.scp.css */
.answer-card[b-0io0vtgng1] {
    display: flex;
    flex-direction: column;
    /*flex-basis: calc(30% - 24px);*/
    align-items: center;
    justify-content: flex-start;
    border: 2px solid #DFDFDF;
    border-radius: 10px;
    margin: 12px;
    padding: 14px;
    width: 116px;
    height: 200px;
}

    .answer-card img[b-0io0vtgng1],
    .example-image[b-0io0vtgng1] {
        width: 82px;
        height: 122px;
    }

    .answer-card p[b-0io0vtgng1] {
        font-size: 15px;
        margin-top: 5px;
        text-align: center;
        font-weight: normal;
    }

    .answer-card:hover[b-0io0vtgng1] {
        border-color: #4CAEFF;
    }

.answer-card-selected[b-0io0vtgng1] {
    border-color: #4CAEFF;
}

.answer-card[b-0io0vtgng1],
.answer-card p[b-0io0vtgng1],
.answer-card img[b-0io0vtgng1] {
    cursor: pointer;
}

.answer-card-wrap[b-0io0vtgng1] {
    display: flex;
    flex-basis: 100%;
    text-align: center;
    justify-content: center;
}
/* /Pages/Features/VideoAnalyses/Components/Answers/AnswerSection.razor.rz.scp.css */
.question-section[b-z9rlmp72iy] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
}

.question-section-header[b-z9rlmp72iy] {
    display: flex;
    align-content: center;
    justify-content: space-around;
}
.question-section-header:not(:first-child)[b-z9rlmp72iy]{
    margin-block: 20px;
}
.answers-container[b-z9rlmp72iy] {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
}
/* /Pages/Features/VideoAnalyses/Components/Answers/AnswerSummary.razor.rz.scp.css */
.answers-summary[b-nc9q072evb]{
    display: flex;
    flex-direction: column;
}
/* /Pages/Features/VideoAnalyses/Components/SectionQuestion.razor.rz.scp.css */
.answer-switch-type[b-0699erxwvh] {
    display: flex;
    justify-content: center;
}

.answer-cards-container[b-0699erxwvh] {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
/* /Pages/Features/VideoAnalyses/VideoAnalysis.razor.rz.scp.css */
.video-analysis-container[b-15w0gu93wv] {
    display: flex;
    flex-direction: row;
    align-items: stretch;
    height: 100vh;
    margin-left: -24px;
}

.video-container[b-15w0gu93wv] {
    flex: 1;
    height: 100vh;
    color: black;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    position: relative;
}

.questions-container[b-15w0gu93wv] {
    flex: 3;
    top: 0;
    padding: 20px;
    position: sticky;
    height: 100vh;
    overflow: auto;
    display: flex;
    flex-direction: column;
}

.main-question-card[b-15w0gu93wv] {
    z-index: 99;
    top: 0;
    position: sticky;
    justify-content: space-evenly;
}
.question-card-backdrop[b-15w0gu93wv] {
    top: -36px;
    position: sticky;
    z-index: 2;
    border-radius: 20px;
}

    .main-question-card h1[b-15w0gu93wv] {
        text-align: center;
        margin-top: 0px;
        color: black;
    }

.main-question-answers[b-15w0gu93wv] {
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
    margin-block: 24px 14px;
}

.answers-card[b-15w0gu93wv] {
    position: sticky;
    top: 0;
}
/* /Shared/Components/MediaOrSvg.razor.rz.scp.css */
.image-container img[b-9tej1zcdza],
.image-container svg[b-9tej1zcdza] {
    max-width: 100%;
    max-height: 100%;
}
/* /Shared/Components/Widgets/Reports/Videos/VideoGraphPerMonth.razor.rz.scp.css */
.card-graph[b-cqtaoyu5vf] {
    background-color: #FFFFFF;
    border-radius: 8px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    padding: 1rem;
    margin: 0.5rem;
    display: flex;
    flex-direction: column;
    height: 100%;
}

h2[b-cqtaoyu5vf] {
    color: #007bff; /* Blue color for the chart title */
    margin-bottom: 0.5rem;
    font-size: 1rem;
}

.apexcharts-canvas[b-cqtaoyu5vf] {
    position: relative;
    user-select: none;
    height: 100%;
    width: 100%;
}
/* /Shared/Components/Widgets/Reports/Videos/VideoIndicatorCard.razor.rz.scp.css */
.custom-card-highlight[b-erjb9v7xbl] {
    min-width: 167px;
    box-shadow: none;
    width: 83%;
}

.dashboard-first-left .custom-card[b-erjb9v7xbl] {
    min-height: 320px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.custom-card.custom-columns[b-erjb9v7xbl] {
    box-shadow: none !important;
}

.custom-hightlight-title[b-erjb9v7xbl] {
    color: #2D2D2D;
    font-size: 17px;
    font-weight: 500;
}

.custom-highlight-number[b-erjb9v7xbl] {
    color: #2D2D2D;
    font-size: 42px;
    font-weight: 700;
    margin-bottom: -60px;
}

.custom-highlight-date[b-erjb9v7xbl] {
    color: #2D2D2D;
    font-size: 10px;
}

.custom-highlight-button[b-erjb9v7xbl] {
    color: #2D2D2D;
    font-size: 14px;
    font-weight: 700;
}
.custom-card.custom-card-highlight img[b-erjb9v7xbl] {
    width: 52px;
}
/* /Shared/Components/Widgets/Reports/Videos/VideoTypesPieChart.razor.rz.scp.css */
.mud-chart-serie[b-vomgd36mi0] {
    animation: draw-b-vomgd36mi0 5s forwards ease-in;
}

@keyframes draw-b-vomgd36mi0 {
    to {
        stroke-dashoffset: 0;
    }
}

.graph-legend-icon > img[b-vomgd36mi0] {
    height: 33px;
    margin: -5px;
    filter: brightness(0) invert(1);
}
