@import '_content/Blazor.Bootstrap/Blazor.Bootstrap.7t9tbfaemk.bundle.scp.css';

/* /Components/Layout/MainLayout.razor.rz.scp.css */
.page[b-5fnrjqzeo2] {
    height: 100%;
    font-family: var(--bs-font-sans-serif, var(--DS-font-family-sans-serif));
    min-height: 0;
}

.logo[b-5fnrjqzeo2] {
    text-align: center;
}

[b-5fnrjqzeo2] .icon-back {
    --icon-mask-image: var(--icon-back-mask-image);
}

[b-5fnrjqzeo2] .icon-close {
    --icon-mask-image: var(--icon-close-mask-image);
}

[b-5fnrjqzeo2] .icon-menu {
    --icon-mask-image: var(--icon-menu-mask-image);
}


[b-5fnrjqzeo2] .docs-icon {
    --icon-mask-image: var(--icon-docs-mask-image);
}

[b-5fnrjqzeo2] .demos-icon {
    --icon-mask-image: var(--icon-demos-mask-image);
}

[b-5fnrjqzeo2] .footer-button:hover .demos-icon {
    background-color: var(--dxbl-btn-hover-color);
}

[b-5fnrjqzeo2] .footer-button:hover .docs-icon {
    background-color: var(--dxbl-btn-hover-color);
}

[b-5fnrjqzeo2] .menu-button:hover .icon {
    background-color: var(--dxbl-btn-hover-color);
}

[b-5fnrjqzeo2] .menu-button-nav:hover .icon {
    background-color: var(--dxbl-btn-hover-color);
}

.panel-open .menu-button[b-5fnrjqzeo2] {
    display: inline-flex;
}

.nav-buttons-container[b-5fnrjqzeo2] {
    display: flex;
    gap: 10px;
    padding: 2rem 1rem;
}

.nav-buttons-container[b-5fnrjqzeo2]  .menubutton-float-end {
    margin-left: auto;
}

.menu-text.collapsed[b-5fnrjqzeo2] {
    opacity: 0;
    transition: opacity 0.2s ease;
}

.menu-text[b-5fnrjqzeo2] {
    opacity: 1;
    transition: opacity 0.2s ease;
    margin-left: 8px;
}

[b-5fnrjqzeo2] .admin-sidebar-accordion-admin-item span {
    margin-right: 12px !important;
}
[b-5fnrjqzeo2] .admin-sidebar-accordion-admin-item button {
    visibility: hidden !important;
}
/* /Components/Pages/Admin/Dashboard.razor.rz.scp.css */


.dashboard-wrapper[b-ki9jw8di3g] {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.dashboard-boxed-layout[b-ki9jw8di3g] {
    display: flex;
    flex-direction: column;
    gap: 24px;
    padding: 24px;
    background-color: rgb(249, 251, 254);
    width: 75%;
}

.dashboard-header[b-ki9jw8di3g] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.dashboard-header-title[b-ki9jw8di3g] {
    font-size: 2.25rem;
    font-weight: 700;
    color: #00467F;
    margin-top: 20px;
    margin-bottom: 10px;
}

.dashboard-header-subtitle[b-ki9jw8di3g] {
    font-size: 0.95rem;
    color: #666;
    margin-bottom: 20px;
}

.dashboard-summary[b-ki9jw8di3g] {
    display: flex;
    gap: 16px;
    flex-wrap: wrap;
    margin-bottom: 20px;
}

.summary-card[b-ki9jw8di3g] {
    background-color: #fff;
    border-radius: 8px;
    padding: 16px;
    flex: 1 1 200px;
    display: flex;
    flex-direction: column;
    gap: 15px;
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1);
}

.summary-title[b-ki9jw8di3g] {
    font-size: 0.9rem;
    color: #555;
}

.summary-value[b-ki9jw8di3g] {
    font-size: 30px;
    font-weight: bold;
    color: #00467F;
}

.summary-subtext[b-ki9jw8di3g] {
    font-size: 0.8rem;
    color: #888;
}

.survey-section[b-ki9jw8di3g] {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.survey-wrapper[b-ki9jw8di3g] {
    display: flex;
    flex-direction: column;
    gap: 16px;
    background-color: #fff;
    border-radius: 8px;
    padding: 16px;
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1);
}

.survey-header-actions[b-ki9jw8di3g] {
    display: flex;
    justify-content: space-between;
    width: 100%;
}

[b-ki9jw8di3g] .survey-card-context-button {
    border-radius: 50%;
    width: 30px;
    height: 30px;
    font-size: 20px;
    opacity: 0 !important;
    transition: ease-in-out .2s;
}

[b-ki9jw8di3g] .survey-card:hover .survey-card-context-button {
    opacity: 1 !important;
}

.dashboard-section-title[b-ki9jw8di3g] {
    font-size: 1.25rem;
    font-weight: 700;
    color: #00467F;
}

.survey-card-layout[b-ki9jw8di3g] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
    gap: 16px;
}

.survey-card[b-ki9jw8di3g] {
    background-color: #fff;
    border-radius: 8px;
    padding: 16px;
    display: flex;
    flex-direction: column;
    gap: 6px;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1);
    transition: box-shadow 0.2s ease;
    border: 1px solid rgb(226, 243, 240);
}

    .survey-card:hover[b-ki9jw8di3g] {
        box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1);
    }

.survey-status[b-ki9jw8di3g] {
    font-size: 0.8rem;
    font-weight: bold;
    color: green;
    margin-bottom: 20px;
}

.survey-title[b-ki9jw8di3g] {
    font-size: 20px;
    font-weight: 700;
    color: #333;
}

.survey-description[b-ki9jw8di3g] {
    font-size: 0.9rem;
    color: #666;
}

.survey-stats[b-ki9jw8di3g] {
    font-size: 0.85rem;
    color: #555;
    display: flex;
    gap: 8px;
}

.survey-footer[b-ki9jw8di3g] {
    display: flex;
    flex-direction: column;
    gap: 10px;
    justify-content: space-between;
    /*align-items: center;*/
    margin-top: 8px;
}

.survey-footer-action-buttons[b-ki9jw8di3g] {
    display: flex;
    gap: 10px;
    white-space: nowrap;
    width: 100%;
}

[b-ki9jw8di3g] .survey-button {
    
    padding: 6px 12px;
    border-radius: 6px;
    font-size: 0.85rem;
    cursor: pointer;
    transition: background-color 0.2s ease;
}

    .survey-button:hover[b-ki9jw8di3g] {
        background-color: #00365f;
    }

.survey-date[b-ki9jw8di3g] {
    font-size: 0.8rem;
    color: #888;
}
/* /Components/Pages/Admin/SurveyBuilder.razor.rz.scp.css */

.surveybuilder-wrapper[b-bm95d7mjvi] {
    display: flex;
    flex-direction: column;
    width: 100%;
    align-items: center;
    height: 100vh;
    overflow: auto;
}

.surveybuilder-header[b-bm95d7mjvi] {
    display: flex;
    align-items: center;
    gap: 20px;
    margin-top: 30px;
    margin-bottom: 30px;
}

.surveybuilder-header-title[b-bm95d7mjvi] {
    display: flex;
    flex-direction: column;
    flex: 1;
    gap: 10px;
}

.surveybuilder-header-actions[b-bm95d7mjvi] {
    display: flex;
    flex: none;
    gap: 10px;

}

.option-section-title[b-bm95d7mjvi] {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 10px; 
}

.separator[b-bm95d7mjvi] {
    width: 100%;
    border: 1px solid rgb(229, 229, 229);
    margin-top: 20px;
    margin-bottom: 20px;
    transform: scaleY(0.1);
    transform-origin: top;
}

[b-bm95d7mjvi] .dxbl-text-edit {
    border-radius: 8px;
    min-height: 40px;
    overflow: hidden;
}

[b-bm95d7mjvi] .survey-question-listbox {
    --bs-list-group-item-padding-x: 0px;
    --bs-list-group-item-padding-y: 5px;
    --bs-list-group-border-width: 0px;
}

[b-bm95d7mjvi] .survey-question-listbox li {
    padding: 0px !important;
}

.survey-question-item[b-bm95d7mjvi], .survey-question-editor-item[b-bm95d7mjvi] {
    display: flex;
    flex-direction: column;
    border-radius: 12px;
    border: 1px solid rgb(226,232,240);
    padding: 20px;
    width: 100%;
}

.survey-question-item:hover[b-bm95d7mjvi] {
    border-color: #00467F;
}

.survey-question-item:hover .survey-question-item-actions[b-bm95d7mjvi]{
    opacity: 1;
    transition: ease-in-out .3s;
    
}

.survey-question-item-info[b-bm95d7mjvi] {
    display: flex;
    gap: 10px;
    width: 100%;
    align-items: center;
    
}

.survey-question-item-info i[b-bm95d7mjvi] {
    font-size: 20px;
}

.survey-question-item-type[b-bm95d7mjvi] {
    border-radius: 8px;
    border: 1px solid rgb(226,232,240);
    font-weight: 600;
    padding: 0px 20px;
}

.survey-question-item-required[b-bm95d7mjvi] {
    border-radius: 8px;
    color: #FFF;
    font-weight: 600;
    padding: 0px 20px;
}

.survey-question-item-actions[b-bm95d7mjvi] {
    display: flex;
    gap: 10px;
    margin-left: auto;
    opacity: 0;
    transition: ease-in-out .3s;
}



[b-bm95d7mjvi] .survey-question-action-button {
    border-radius: 8px;
    font-size: 18px;
    padding: 8px;
}

[b-bm95d7mjvi] .survey-question-action-button.delete span::before {
    color: rgb(220,38,38);
}
/* /Components/Pages/Admin/SurveyResults.razor.rz.scp.css */

.surveybuilder-wrapper[b-etk2e7s53n] {
    display: flex;
    flex-direction: column;
    width: 100%;
    align-items: center;
    height: 100vh;
    overflow: auto;
}

.surveybuilder-header[b-etk2e7s53n] {
    display: flex;
    align-items: center;
    gap: 20px;
    margin-top: 30px;
    margin-bottom: 30px;
}

.surveybuilder-header-title[b-etk2e7s53n] {
    display: flex;
    flex-direction: column;
    flex: 1;
    gap: 10px;
}

.surveybuilder-header-actions[b-etk2e7s53n] {
    display: flex;
    flex: none;
    gap: 10px;

}

.option-section-title[b-etk2e7s53n] {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 10px; 
}

.separator[b-etk2e7s53n] {
    width: 100%;
    border: 1px solid rgb(229, 229, 229);
    margin-top: 20px;
    margin-bottom: 20px;
    transform: scaleY(0.1);
    transform-origin: top;
}

[b-etk2e7s53n] .dxbl-text-edit {
    border-radius: 8px;
    min-height: 40px;
    overflow: hidden;
}

[b-etk2e7s53n] .survey-question-listbox {
    --bs-list-group-item-padding-x: 0px;
    --bs-list-group-item-padding-y: 5px;
    --bs-list-group-border-width: 0px;
}

[b-etk2e7s53n] .survey-question-listbox li {
    padding: 0px !important;
}

.survey-question-item[b-etk2e7s53n], .survey-question-editor-item[b-etk2e7s53n] {
    display: flex;
    flex-direction: column;
    border-radius: 12px;
    border: 1px solid rgb(226,232,240);
    padding: 20px;
    width: 100%;
}

.survey-question-item:hover[b-etk2e7s53n] {
    border-color: #00467F;
}

.survey-question-item:hover .survey-question-item-actions[b-etk2e7s53n]{
    opacity: 1;
    transition: ease-in-out .3s;
    
}

.survey-question-item-info[b-etk2e7s53n] {
    display: flex;
    gap: 10px;
    width: 100%;
    align-items: center;
    
}

.survey-question-item-info i[b-etk2e7s53n] {
    font-size: 20px;
}

.survey-question-item-type[b-etk2e7s53n] {
    border-radius: 8px;
    border: 1px solid rgb(226,232,240);
    font-weight: 600;
    padding: 0px 20px;
}

.survey-question-item-required[b-etk2e7s53n] {
    border-radius: 8px;
    color: #FFF;
    font-weight: 600;
    padding: 0px 20px;
}

.survey-question-item-actions[b-etk2e7s53n] {
    display: flex;
    gap: 10px;
    margin-left: auto;
    opacity: 0;
    transition: ease-in-out .3s;
}



[b-etk2e7s53n] .survey-question-action-button {
    border-radius: 8px;
    font-size: 18px;
    padding: 8px;
}

[b-etk2e7s53n] .survey-question-action-button.delete span::before {
    color: rgb(220,38,38);
}

.survey-results-individual-responses-container[b-etk2e7s53n] {
    display: flex;
    flex-direction: column;
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1);
    background-color: #fff;
    border: 1px solid rgb(240, 240, 240);
    border-radius: 12px;
    padding: 20px;
    min-height: 300px;
    margin-bottom: 40px;
}



.results-wrapper[b-etk2e7s53n] {
    display: flex;
    flex-direction: column;
    width: 100%;
    align-items: center;
    
}

.results-layout[b-etk2e7s53n] {
    display: flex;
    flex-direction: column;
    width: 70%;
    margin-top: 30px;
}

.results-header[b-etk2e7s53n] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 30px;
}

.results-header-left[b-etk2e7s53n] {
    display: flex;
    align-items: center;
    gap: 16px;
}

.results-back-button[b-etk2e7s53n] {
    height: 36px;
    width: 36px;
    border-radius: 8px;
    flex: none;
}

.results-title-group[b-etk2e7s53n] {
    display: flex;
    flex-direction: column;
}

.results-title[b-etk2e7s53n] {
    font-size: 30px;
    font-weight: 700;
}

.results-subtitle[b-etk2e7s53n] {
    font-size: 16px;
    color: #666;
}

.results-actions[b-etk2e7s53n] {
    display: flex;
    gap: 12px;
}

.results-button-outline[b-etk2e7s53n] {
    border-radius: 8px;
}

.results-button-primary[b-etk2e7s53n] {
    border-radius: 8px;
    background-color: #1e3a5f;
    color: white;
}

.results-panel[b-etk2e7s53n] {
    display: flex;
    flex-direction: column;
    background-color: #fff;
    border: 1px solid rgb(240, 240, 240);
    border-radius: 12px;
    padding: 20px;
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1);
    margin-top: 40px;
    margin-bottom: 30px;
}

.results-panel-title[b-etk2e7s53n] {
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 30px;
}

.survey-results-summary[b-etk2e7s53n] {
    display: flex;
    gap: 16px;
    flex-wrap: wrap;
    margin-bottom: 40px;
}

.results-card[b-etk2e7s53n] {
    background-color: #fff;
    border-radius: 12px;
    padding: 16px;
    flex: 1 1 200px;
    display: flex;
    flex-direction: column;
    gap: 15px;
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1);
}

.results-title[b-etk2e7s53n] {
    font-size: 0.9rem;
    color: #555;
}

.results-value[b-etk2e7s53n] {
    font-size: 30px;
    font-weight: bold;
    color: #00467F;
}

.results-subtext[b-etk2e7s53n] {
    font-size: 0.8rem;
    color: #888;
}

.response-navigation[b-etk2e7s53n] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
    
}

.response-index[b-etk2e7s53n] {
    font-size: 18px;
    font-weight: 600;
}