@import '_content/Microsoft.FluentUI.AspNetCore.Components/Microsoft.FluentUI.AspNetCore.Components.exfvxuochq.bundle.scp.css';

/* _content/eRevisionFluentBlazorServer/Components/Layout/MainLayout.razor.rz.scp.css */



@media (max-width: 768px) {
    /* Hide Column 3 and Column 4 on mobile */
    .column-3[b-3xodcvngak],
    .column-4[b-3xodcvngak] {
        display: none;
    }

    /* Adjust remaining column widths */
    .column-1[b-3xodcvngak] {
        flex: 1; /* Adjust as needed */
    }

    .column-2[b-3xodcvngak] {
        flex: 2;
    }
}






/* Mobile header styles */
.mobile-header-container[b-3xodcvngak] {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0;
}

.mobile-logo[b-3xodcvngak] {
    flex: 0 0 auto;
}

.mobile-header-flexible[b-3xodcvngak] {
    flex: 1;
    display: flex;
    justify-content: center;
    align-items: center;
}

.mobile-menu-toggle[b-3xodcvngak] {
    flex: 0 0 auto;
    cursor: pointer;
    padding: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.mobile-sign-in[b-3xodcvngak] {
    font-size: 0.9rem !important;
    padding: 5px 10px !important;
}

.mobile-unread[b-3xodcvngak] {
    transform: scale(0.9);
}

.mobile-unread-count[b-3xodcvngak] {
    font-size: 0.5rem;
    width: 18px;
    height: 18px;
}



/* Mobile menu dialog styles */
.mobile-menu-dialog[b-3xodcvngak] {
    padding: 0;
}

.mobile-menu-container[b-3xodcvngak] {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.mobile-menu-header[b-3xodcvngak] {
    flex: 0 0 auto; /* Take up only as much space as needed */
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 16px;
    border-bottom: 1px solid #e0e0e0;
}

.mobile-menu-title[b-3xodcvngak] {
    font-weight: 500;
    font-size: 1.1rem;
    font-family: 'filson-pro', sans-serif;
}

.mobile-menu-close[b-3xodcvngak] {
    cursor: pointer;
    padding: 8px 0px 8px 8px;
}

.mobile-menu-content[b-3xodcvngak] {
    flex: 1; /* Take up remaining space height: calc(100% - 60px); */
    display: flex;
    flex-direction: row;
    overflow: hidden; /* Prevent content overflow */
}

/* Navigation and actions remain white */
.mobile-menu-nav[b-3xodcvngak] {
    flex: 5;
    overflow-y: auto;
    padding: 16px;
    border-right: 1px solid #e0e0e0;
    background-color: white; /* Explicitly set to white */
}

.mobile-menu-actions[b-3xodcvngak] {
    flex: 3;
    padding: 16px;
    display: flex;
    flex-direction: column;
    height: 100%;
    align-items: flex-end; /* Align children to the right */
    text-align: right; /* Right-align text content */
}

    /* Update user info text colors for better contrast on dark background */
    .mobile-menu-actions .current-user-info[b-3xodcvngak] {
        margin-bottom: 20px;
    }

.mobile-nav-item[b-3xodcvngak] {
    padding: 14px 0;
    border-bottom: 1px solid var(--color-stark-rad);
    cursor: pointer;
    font-family: 'filson-pro', sans-serif;
    font-size: 0.9rem;
    /*letter-spacing: 0.8px;*/
    color: var(--color-blod-sort, #101010);
    transition: background-color 0.2s ease;
}

    .mobile-nav-item:hover[b-3xodcvngak] {
        background: transparent linear-gradient(90deg, #D9E5F21A 0%, #D9E5F2 100%) 0% 0% no-repeat padding-box;
    }

.current-user-info[b-3xodcvngak] {
    margin-bottom: 20px;
    text-align: right; /* Right-align text */
    align-items: flex-end; /* Right-align flex items */
    display: flex;
    flex-direction: column;
}

.current-user-name[b-3xodcvngak] {
    font-size: 0.8rem;
    font-weight: 500;
    margin-bottom: 5px;
    font-family: 'filson-pro', sans-serif;
    color: var(--color-blod-sort, #101010); /* Dark text for white background */
    text-align: right;
}

.current-company[b-3xodcvngak] {
    font-size: 0.6rem;
    color: #666;
    font-family: 'filson-pro', sans-serif;
    text-align: right;
}

.bookkeeper-status[b-3xodcvngak] {
    color: var(--color-blod-sort);
    font-size: 0.8rem;
    font-family: 'filson-pro', sans-serif;
    font-weight: 400;
}

.action-buttons[b-3xodcvngak] {
    margin-top: 20px;
    display: flex;
    justify-content: flex-end; /* Align button to the right */
}

.mobile-body-content[b-3xodcvngak] {
    padding: 0;
    width: 100% !important;
}

.mobile-content[b-3xodcvngak] {
    padding: 10px;
}

/* Full width footer at bottom with two columns */
.mobile-mini-footer[b-3xodcvngak] {
    flex: 0 0 auto; /* Take up only its own space */
    width: 100%;
    background-color: var(--color-mork-bla, #0A2463); /* Blue background */
    color: white;
    padding: 15px 30px;
    margin-top: auto; /* Push to bottom */
    height: auto; /* Ensure the height is just what's needed */
}

.mobile-footer-content[b-3xodcvngak] {
    display: flex;
    flex-direction: row; /* Make it a two-column layout */
    justify-content: space-between; /* Space between the two columns */
    align-items: flex-start; /* Align to top */
    width: 100%;
}

/* Left column: Logo & contact info */
.mobile-footer-left[b-3xodcvngak] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
}

.mobile-footer-logo[b-3xodcvngak] {
    display: flex;
    justify-content: center;
}

    .mobile-footer-logo img[b-3xodcvngak] {
        width: 100px; /* Slightly smaller logo */
        height: auto;
    }

.mobile-footer-contact[b-3xodcvngak] {
    display: flex;
    flex-direction: column;
    align-items: flex-start; /* Left align */
    font-size: 0.75rem;
    color: #ddd;
    gap: 3px;
    margin-top: 5px;
}

/* Right column: Social icons */
.mobile-footer-social[b-3xodcvngak] {
    display: flex;
    gap: 15px;
    align-items: flex-start; /* Align to top to match the logo */
    padding-top: 5px; /* Fine-tune alignment with logo */
}

.mobile-social-icon[b-3xodcvngak] {
    color: white;
    opacity: 0.8;
    transition: opacity 0.2s ease;
}

    .mobile-social-icon:hover[b-3xodcvngak] {
        opacity: 1;
    }

@media (min-width: 769px) {

    .mobile-menu-nav[b-3xodcvngak] {
        padding: 5px 30px 5px 75px;
    }

    .mobile-menu-header[b-3xodcvngak] {
        padding: 5px 75px 5px 75px;
    }

    .mobile-menu-actions[b-3xodcvngak] {
        padding: 16px 75px 16px 16px;
    }

    .mobile-mini-footer[b-3xodcvngak] {
        padding: 10px 50px;
    }

    .bookkeeper-status[b-3xodcvngak] {
        color: black;
        font-size: 1.2rem;
        font-family: 'filson-pro', sans-serif;
        font-weight: 400;
    }
}

/* Add these styles */
.impersonation-banner[b-3xodcvngak] {
    color: var(--color-stark-rad);
    padding: 0px 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-family: 'filson-pro', sans-serif;
    font-weight: 500;
}

.impersonation-info[b-3xodcvngak] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.unread-message[b-3xodcvngak] {
    display: flex;
    align-self: flex-end;
    padding-top: 10px;
    gap: 5px;
}

.envelope-container[b-3xodcvngak] {
    position: relative;
    display: inline-block;
}

.envelope-icon[b-3xodcvngak] {
    fill: var(--color-stark-bla);
}

.unread-count-absolute[b-3xodcvngak] {
    position: absolute;
    top: -10px;
    right: -15px;
    background-color: var(--color-stark-rad);
    color: white;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: 'Montserrat', sans-serif;
    font-size: 0.6rem;
    font-weight: lighter;
}
/* _content/eRevisionFluentBlazorServer/Components/Pages/CaseTool/CaseManagement.razor.rz.scp.css */
.case-management-container[b-w6cz5zjbw3] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 16px;
    width:100%;
}

.grid-column[b-w6cz5zjbw3] {
    padding: 10px;
}


.component-gap[b-w6cz5zjbw3] {
    margin-bottom: 20px; /* Adjust the value as needed */
}

@media screen and (max-width: 768px) {
    .case-management-container[b-w6cz5zjbw3] {
        grid-template-columns: 1fr;
    }
}
/* _content/eRevisionFluentBlazorServer/Components/Pages/CaseTool/CaseToolComponents/BookkeeperMessageDialog.razor.rz.scp.css */
.bookkeeper-message-dialog[b-zv4yiqgwiy] {
    display: flex;
    flex-direction: column;
    height: 100%;
}

[b-zv4yiqgwiy] .bookkeeper-selector {
    margin-bottom: 10px;
    border-bottom: 1px solid var(--color-stark-rad);
}

.bookkeeper-listbox[b-zv4yiqgwiy] {
    width: 100%;
}

.message-component-container[b-zv4yiqgwiy] {
    flex: 1;
    overflow: auto;
}

[b-zv4yiqgwiy] .user-template {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    padding: 4px 0;
}

[b-zv4yiqgwiy] .user-name {
    font-weight: 500;
    flex-grow: 1;
}

[b-zv4yiqgwiy] .user-type {
    font-size: 0.8rem;
    padding: 2px 6px;
    border-radius: 4px;
    margin-left: 8px;
}

[b-zv4yiqgwiy] .main-bookkeeper {
    color: #1565C0;
    background-color: #E3F2FD;
}

[b-zv4yiqgwiy] .employee {
    color: #5E35B1;
    background-color: #EDE7F6;
}

[b-zv4yiqgwiy] .two-column-layout {
    align-items: center;
}

.form-group[b-zv4yiqgwiy] {
    margin-bottom: 1rem;
}

    .form-group label[b-zv4yiqgwiy] {
        display: block;
        margin-bottom: 0.5rem;
        font-weight: 500;
    }
/* _content/eRevisionFluentBlazorServer/Components/Pages/CaseTool/CustomerTipsAdmin.razor.rz.scp.css */
.admin-container[b-pelkrm0es6] {
    max-width: 900px;
    margin: 0 auto;
    padding: 20px;
}

.tip-container[b-pelkrm0es6] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(350px, 1fr));
    grid-gap: 20px;
}

.tip-card[b-pelkrm0es6] {
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 2px 4px rgba(0,0,0,0.05);
}

.tip-card-header[b-pelkrm0es6] {
    background-color: #f5f5f5;
    padding: 12px 16px;
    border-bottom: 1px solid #e0e0e0;
}

    .tip-card-header h4[b-pelkrm0es6] {
        margin: 0;
        font-size: 18px;
    }

.tip-card-content[b-pelkrm0es6] {
    padding: 16px;
}

.form-group label[b-pelkrm0es6] {
    display: block;
    margin-bottom: 8px;
    font-weight: 500;
}

.loading-container[b-pelkrm0es6] {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 200px;
}

.loading-spinner[b-pelkrm0es6] {
    width: 40px;
    height: 40px;
    border: 4px solid rgba(0, 0, 0, 0.1);
    border-top-color: #3498db;
    border-radius: 50%;
    animation: spin-b-pelkrm0es6 1s ease-in-out infinite;
}

@keyframes spin-b-pelkrm0es6 {
    to {
        transform: rotate(360deg);
    }
}

.mb-3[b-pelkrm0es6] {
    margin-bottom: 1.5rem;
}

.d-flex[b-pelkrm0es6] {
    display: flex;
}

.justify-content-between[b-pelkrm0es6] {
    justify-content: space-between;
}

.align-items-center[b-pelkrm0es6] {
    align-items: center;
}

.ms-2[b-pelkrm0es6] {
    margin-left: 0.5rem;
}
/* _content/eRevisionFluentBlazorServer/Components/Pages/Components/BlobFileList.razor.rz.scp.css */
.full-width-table[b-hdrzqgguek] {
    width: 100%;
    border-spacing: 0 10px; /* Add spacing between rows */
}

.text-right[b-hdrzqgguek] {
    text-align: right;
}

.full-width-table thead th[b-hdrzqgguek] {
    padding-bottom: 10px;
}


/* _content/eRevisionFluentBlazorServer/Components/Pages/Components/ChoiceQuestion.razor.rz.scp.css */


/* Responsive Styles */
@media (max-width: 600px) {
    .text-question[b-vyppgwagfu] {
        grid-template-columns: 1fr; /* Single column layout */
        grid-template-rows: auto auto auto;
        grid-template-areas:
            "icon"
            "question"
            "input";
        align-items: flex-start;
    }

    .input-container[b-vyppgwagfu] {
        justify-content: flex-start; /* Aligns input to the start on mobile */
        width: 100%;
    }

    .text-input[b-vyppgwagfu] {
        max-width: 100%; /* Ensures the input takes full width on mobile */
    }
}
/* _content/eRevisionFluentBlazorServer/Components/Pages/Components/IntQuestion.razor.rz.scp.css */
/* Components/TextQuestion.razor.css */
/*.text-question {
    display: grid;
    grid-template-columns: 32px 2fr 2fr;*/ /* Fixed icon width, question text, input field */
    /*grid-template-areas:
        "icon question input";
    align-items: center;
    gap: 0.5rem;*/ /* Reduced gap for closer spacing */
    /*margin-bottom: 1rem;
}

.help-icon {
    grid-area: icon;
    cursor: pointer;
    color: var(--accent-fill-rest);
    width: 24px;
    height: 24px;
    transition: color 0.3s;
}

    .help-icon:hover {
        color: var(--accent-fill-hover);
    }

    .help-icon:focus {
        outline: 2px solid var(--accent-fill-hover);
        outline-offset: 2px;
    }

.question-text {
    grid-area: question;
    word-wrap: break-word;
    line-height: 1.4;
    font-weight: 500;
}

.input-container {
    grid-area: input;
    display: flex;
    align-items: center;
    justify-content: flex-end;*/ /* Align input field to the right */
/*}

.text-input {
    width: 100%;*/ /* Take full width of input container */
    /*max-width: none;*/ /* Remove max-width to allow full expansion */
    /*padding: 0.5rem;
    border: 1px solid #ccc;
    border-radius: 4px;
    font-size: 1rem;*/ /* Ensures readability */
/*}*/

/* Responsive Styles */
@media (max-width: 600px) {
    .text-question[b-w6ub3iiy0f] {
        grid-template-columns: 1fr; /* Single column layout */
        grid-template-rows: auto auto auto;
        grid-template-areas:
            "icon"
            "question"
            "input";
        align-items: flex-start;
    }

    .input-container[b-w6ub3iiy0f] {
        justify-content: flex-start; /* Aligns input to the start on mobile */
        width: 100%;
    }

    .text-input[b-w6ub3iiy0f] {
        max-width: 100%; /* Ensures the input takes full width on mobile */
    }
}
/* _content/eRevisionFluentBlazorServer/Components/Pages/Components/MessageContent.razor.rz.scp.css */
[b-bnzcn05mqm] .fluent-card-minimal-style.fluentCardVh {
    padding: 0;
    border: none;
    border-radius: 20px;
    height: calc(100dvh - 100px);
}

@media (min-width: 768px) {
    [b-bnzcn05mqm] .fluent-card-minimal-style.fluentCardVh {
        height: calc(100dvh - 150px);
    }
}

@media (min-width: 1024px) {
    [b-bnzcn05mqm] .fluent-card-minimal-style.fluentCardVh {
        height: calc(100dvh - 150px);
    }
}

/* _content/eRevisionFluentBlazorServer/Components/Pages/Components/MultipleChoiceQuestion.razor.rz.scp.css */
/* Components/TextQuestion.razor.css */
/*.text-question {
    display: grid;
    grid-template-columns: 32px 2fr 2fr;*/ /* Fixed icon width, question text, input field */
    /*grid-template-areas:
        "icon question input";
    align-items: center;
    gap: 0.5rem;*/ /* Reduced gap for closer spacing */
    /*margin-bottom: 1rem;
}

.help-icon {
    grid-area: icon;
    cursor: pointer;
    color: var(--accent-fill-rest);
    width: 24px;
    height: 24px;
    transition: color 0.3s;
}

    .help-icon:hover {
        color: var(--accent-fill-hover);
    }

    .help-icon:focus {
        outline: 2px solid var(--accent-fill-hover);
        outline-offset: 2px;
    }

.question-text {
    grid-area: question;
    word-wrap: break-word;
    line-height: 1.4;
    font-weight: 500;
}

.input-container {
    grid-area: input;
    display: flex;
    flex-direction: column;*/ /* Align checkboxes vertically */
    /*align-items: flex-start;*/ /* Align items to the start */
    /*gap: 0.5rem;*/ /* Add some space between checkboxes */
/*}

.text-input {
    width: 100%;*/ /* Take full width of input container */
    /*max-width: none;*/ /* Remove max-width to allow full expansion */
    /*padding: 0.5rem;
    border: 1px solid #ccc;
    border-radius: 4px;
    font-size: 1rem;*/ /* Ensures readability */
/*}*/

/* Responsive Styles */
@media (max-width: 600px) {
    .text-question[b-h95d9zdrak] {
        grid-template-columns: 1fr; /* Single column layout */
        grid-template-rows: auto auto auto;
        grid-template-areas:
            "icon"
            "question"
            "input";
        align-items: flex-start;
    }

    .input-container[b-h95d9zdrak] {
        justify-content: flex-start; /* Aligns input to the start on mobile */
        width: 100%;
    }

    .text-input[b-h95d9zdrak] {
        max-width: 100%; /* Ensures the input takes full width on mobile */
    }
}
/* _content/eRevisionFluentBlazorServer/Components/Pages/Components/MyCustomSpinner.razor.rz.scp.css */
/* MyCustomSpinner.razor.css */

/* Overlay styles */
.overlay-spinner[b-2vb4j3cdhu] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5); /* Semi-transparent background */
    display: none; /* Hidden by default; will be shown when Visible is true */
    justify-content: center;
    align-items: center;
    z-index: 9999; /* Ensure it overlays other content */
}

    /* Display the overlay when Visible is true */
    .overlay-spinner[style*="display: flex;"][b-2vb4j3cdhu] {
        display: flex;
    }

/* Spinner container styles */
.spinner-container[b-2vb4j3cdhu] {
    width: 600px;
    height: 250px;
    background-color: white;
    border-radius: 20px;
    margin: 1rem;
    display: flex;
    justify-content: center;
    align-items: center;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* Optional: Add a subtle shadow */
}

.wrapper[b-2vb4j3cdhu] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100%;  
}

.circle[b-2vb4j3cdhu] {
    background: #FB3640;
    width: 75px;
    height: 75px;
    padding: 0.8rem;
    border-radius: 100%;
}

.logo[b-2vb4j3cdhu] {
    animation: spinner-b-2vb4j3cdhu 3s cubic-bezier(0.4, 0, 0.2, 1) infinite;
}

@keyframes spinner-b-2vb4j3cdhu {
    0% {
        transform: rotate(0deg);
    }

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

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

.spinner-header-text[b-2vb4j3cdhu] {
    margin-top: 1rem;
    text-align: center;
}

.spinner-header-text[b-2vb4j3cdhu] {
    margin-top: 1rem;
    text-align: center;
}

/* _content/eRevisionFluentBlazorServer/Components/Pages/Components/SearchCustomer.razor.rz.scp.css */
.search-dialog-content[b-7s83gjh9dw] {
    display: flex;
    flex 1;
    flex-direction: column;
    height: 100%;
    min-height: 0;
    overflow: hidden; /* Prevent dialog from scrolling */
}

/* 2a) The grid wrapper itself also flexes */
.grid-wrapper[b-7s83gjh9dw] {
    flex: 1; /* take all leftover space */
    overflow: hidden; /* clip overflow—grid will scroll internally */
    min-height: 0; /* allow container to shrink below content height */
    position: relative; /* ensure grid is positioned relative to this */
}

/* The grid takes all remaining space and scrolls internally */
.search-dialog-content .custom-grid[b-7s83gjh9dw] {
    flex: 1; /* grow to fill the parent */
    min-height: 0; /* don’t force a taller minimum */
    overflow: auto; /* scrollbar appears here */
}

.search-dialog-actions[b-7s83gjh9dw] {
    display: flex;
    flex: 0;
    justify-content: center;
    gap: 30px;
    width: 100%;
    padding: 10px 0 0 0;
}


/* Mobile specific styles */
[b-7s83gjh9dw] .mobile-search-dialog .e-dlg-content {
    padding: 10px !important;
    display: flex;
    flex-direction: column;
    overflow: hidden; /* Prevent dialog content from scrolling */
}

[b-7s83gjh9dw] .mobile-search-dialog .e-grid .e-headercell {
    font-size: 14px;
}

[b-7s83gjh9dw] .mobile-search-dialog .e-grid .e-rowcell {
    padding: 12px 8px !important;
}

[b-7s83gjh9dw] .mobile-button {
    width: 32px !important;
    height: 32px !important;
}

@media (max-width: 768px) {
    [b-7s83gjh9dw] .sf-dialog .e-dlg-header {
        padding: 15px !important;
    }

    [b-7s83gjh9dw] .sf-dialog .e-dlg-header-content {
        padding-bottom: 0 !important;
    }

    .search-dialog-actions[b-7s83gjh9dw] {
        padding-bottom: 15px;
    }
}
/* _content/eRevisionFluentBlazorServer/Components/Pages/Components/TextQuestion.razor.rz.scp.css */
/* Components/TextQuestion.razor.css */
/*.text-question {
    display: grid;
    grid-template-columns: 32px 2fr 2fr;*/ /* Fixed icon width, question text, input field */
    /*grid-template-areas:
        "icon question input";
    align-items: center;
    gap: 0.5rem;*/ /* Reduced gap for closer spacing */
    /*margin-bottom: 1rem;
}

.help-icon {
    grid-area: icon;
    cursor: pointer;
    color: var(--accent-fill-rest);
    width: 24px;
    height: 24px;
    transition: color 0.3s;
}

    .help-icon:hover {
        color: var(--accent-fill-hover);
    }

    .help-icon:focus {
        outline: 2px solid var(--accent-fill-hover);
        outline-offset: 2px;
    }

.question-text {
    grid-area: question;
    word-wrap: break-word;
    line-height: 1.4;
    font-weight: 500;
}

.input-container {
    grid-area: input;
    display: flex;
    align-items: center;
    justify-content: flex-end;*/ /* Align input field to the right */
/*}

.text-input {
    width: 100%;*/ /* Take full width of input container */
    /*max-width: none;*/ /* Remove max-width to allow full expansion */
    /*padding: 0.5rem;
    border: 1px solid #ccc;
    border-radius: 4px;
    font-size: 1rem;*/ /* Ensures readability */
/*}*/

/* Responsive Styles */
@media (max-width: 600px) {
    .text-question[b-5r2tz8ift0] {
        grid-template-columns: 1fr; /* Single column layout */
        grid-template-rows: auto auto auto;
        grid-template-areas:
            "icon"
            "question"
            "input";
        align-items: flex-start;
    }

    .input-container[b-5r2tz8ift0] {
        justify-content: flex-start; /* Aligns input to the start on mobile */
        width: 100%;
    }

    .text-input[b-5r2tz8ift0] {
        max-width: 100%; /* Ensures the input takes full width on mobile */
    }
}
/* _content/eRevisionFluentBlazorServer/Components/Pages/Components/YesNoQuestion.razor.rz.scp.css */
/* Components/YesNoQuestion.razor.css */
/*.yes-no-question {
    display: grid;
    grid-template-columns: 24px 1fr auto;
    grid-template-areas:
        "icon question radio";
    align-items: center;
    gap: 1rem;
    margin-bottom: 1rem;
}

.help-icon {
    grid-area: icon;
    cursor: pointer;
    color: var(--accent-fill-rest);
    width: 24px;
    height: 24px;
    transition: color 0.3s;
}

    .help-icon:hover {
        color: var(--accent-fill-hover);
    }

.question-text {
    grid-area: question;
    word-wrap: break-word;
    line-height: 1.4;
    font-weight: 500;
}

.radio-group-container {
    grid-area: radio;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}*/

/* Responsive Styles */
/*@media (max-width: 600px) {
    .yes-no-question {
        grid-template-columns: 1fr;
        grid-template-rows: auto auto auto;
        grid-template-areas:
            "icon"
            "question"
            "radio";
        align-items: flex-start;
    }

    .radio-group-container {
        justify-content: flex-start;
        width: 100%;
    }*/

        /* Stack radio buttons vertically on mobile */
        /*.radio-group-container .e-radio-group {
            flex-direction: column;
        }
}*/
/* _content/eRevisionFluentBlazorServer/Components/Pages/MainWorkflow.razor.rz.scp.css */
/* _content/eRevisionFluentBlazorServer/Components/Pages/MySite/Archive.razor.rz.scp.css */
.card-content[b-xipqfwdb84] {
    flex: 1; /* Allow the content to grow and take available space */
    overflow-y: auto; /* Enable vertical scrolling */
    padding: 20px; /* Add padding for inner content */
    display: flex;
    flex-direction: column;
}

[b-xipqfwdb84] .mygrid {
    min-height: 250px;
}

[b-xipqfwdb84] .mygrid .e-rowcell {
    font-size: 0.8rem;
    font-family: 'filson-pro', sans-serif;
    font-weight: 400;
}

[b-xipqfwdb84] .mygrid .e-headercelldiv {
    font-size: 0.8rem;
    font-family: 'filson-pro', sans-serif;

}

.filter-controls[b-xipqfwdb84] {
    display: flex;
    gap: 1rem;
    margin-bottom: 1.5rem;
    flex-wrap: wrap;
    align-items: flex-end;
}

.filter-group[b-xipqfwdb84] {
    display: flex;
    flex-direction: column;
    min-width: 200px;
}

.filter-actions[b-xipqfwdb84] {
    display: flex;
    align-items: flex-end;
}

.filename-container[b-xipqfwdb84] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.comment-icon[b-xipqfwdb84] {
    color: var(--color-stark-bla);
    cursor: pointer;
}

.document-table-container[b-xipqfwdb84] {
    flex: 1 1 0;
    min-height: 0; /* Important for flex children to allow shrinking */
    display: flex;
    flex-direction: column;
}

table[b-xipqfwdb84] {
    margin-bottom: 0;
}


@media (min-width: 768px) {
    [b-xipqfwdb84] .mygrid .e-rowcell {
        font-size: 0.9rem;
    }
    [b-xipqfwdb84] .mygrid .e-headercelldiv {
        font-size: 1.0rem;
    }
}

@media (min-width: 1024px) {
    [b-xipqfwdb84] .mygrid .e-rowcell {
        font-size: 1rem;
    }
    [b-xipqfwdb84] .mygrid .e-headercelldiv {
        font-size: 1.1rem;
    }
}
/* _content/eRevisionFluentBlazorServer/Components/Pages/MySite/Cards/BookkeeperMessageOverviewCard.razor.rz.scp.css */
.message-content[b-45qvdfujyv] {
    padding: 0px;
    width: 100%;
    margin-bottom: 10px;
    font-family: 'filson pro', sans-serif !important;
}

/*     .card-header {
        padding: 15px 20px;
        font-size: 1.2rem;
        font-weight: 500;
        border-bottom: 1px solid var(--color-stark-rad);
    } */

/*     .card-background-bluewhite {
        background-color: rgba(231, 238, 253, 0.5);
    } */

.loading-container[b-45qvdfujyv], .no-messages-container[b-45qvdfujyv] {
    padding: 20px;
    text-align: center;
    color: #666;
}

.customer-container[b-45qvdfujyv] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 20px;
    border-bottom: 1px solid var(--color-stark-rad);
}

.customer-info[b-45qvdfujyv] {
    flex: 1;
    justify-content: flex-end;
}

.customer-name[b-45qvdfujyv] {
    font-size: 0.8rem;
    font-weight: 600;
    margin-bottom: 5px;
}

.customer-cvr[b-45qvdfujyv] {
    font-size: 0.7rem;
    color: #666;
}

.message-count[b-45qvdfujyv] {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 0 25px 0 0;
}

.unread-badge[b-45qvdfujyv] {
    background-color: var(--color-stark-rad);
    color: white;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 5px;
    font-weight: bold;
}

.action-button[b-45qvdfujyv] {
    min-width: 120px;
    text-align: right;
}

/* Override ListView styles */
.e-list-template .e-list-item[b-45qvdfujyv] {
    height: auto !important;
    padding: 0 !important;
    margin-bottom: 0 !important;
}

@media (min-width: 768px) {
    .customer-name[b-45qvdfujyv] {
        font-size: 1rem;
        font-weight: 500;
        margin-bottom: 3px;
    }

    .customer-cvr[b-45qvdfujyv] {
        font-size: 0.8rem;
    }

    .customer-container[b-45qvdfujyv] {
        padding: 12px 20px;
    }
}

@media (min-width: 1024px) {
    .customer-name[b-45qvdfujyv] {
        font-size: 1.1rem;
        font-weight: 500;
        margin-bottom: 3px;
    }

    .customer-cvr[b-45qvdfujyv] {
        font-size: 0.9rem;
    }

    .customer-container[b-45qvdfujyv] {
        padding: 15px 20px;
    }
}
/* _content/eRevisionFluentBlazorServer/Components/Pages/MySite/Cards/ContinueCaseCard.razor.rz.scp.css */
/*.card-continue {
    background-color: white;
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0 2px 6px rgba(0,0,0,0.1);
}

.header1 {
    font-size: 1.2rem;
    font-weight: 500;
    margin-bottom: 15px;
    color: var(--color-blod-sort);
    font-family: 'filson-pro', sans-serif;
}

.mobile-info-message {
    font-size: 0.9rem;
    line-height: 1.5;
    color: #555;
    margin-bottom: 10px;
    font-family: 'filson-pro', sans-serif;
}

@media (max-width: 768px) {
    .card-continue {
        padding: 15px;
    }
}*/
/* _content/eRevisionFluentBlazorServer/Components/Pages/MySite/Cards/CustomerTipsCard.razor.rz.scp.css */
/* Card Header Styling */
.header-content[b-2tofyrpy4j] {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.header-text[b-2tofyrpy4j] {
    font-weight: 500;
}

/* Custom Carousel Styles */
.custom-carousel[b-2tofyrpy4j] {
    width: 100%;
    position: relative;
    overflow: hidden;
    height: 100%;
}

.carousel-track[b-2tofyrpy4j] {
    display: flex;
    transition: transform 0.3s ease;
    width: 100%;
    height: 100%;
}

.carousel-item[b-2tofyrpy4j] {
    min-width: 100%;
    flex: 0 0 100%;
    height: 100%;
}

.carousel-item-content[b-2tofyrpy4j] {
    padding: 15px;
    height: 100%;
    overflow-y: auto;
    box-sizing: border-box;
}

.carousel-nav[b-2tofyrpy4j] {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: rgba(25, 118, 210, 0.1);
    color: #1976d2;
    border: none;
    border-radius: 50%;
    width: 32px;
    height: 32px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    z-index: 10;
    transition: background-color 0.2s;
}

    .carousel-nav:hover[b-2tofyrpy4j] {
        background: rgba(25, 118, 210, 0.2);
    }

    .carousel-nav:disabled[b-2tofyrpy4j] {
        opacity: 0.5;
        cursor: not-allowed;
    }

.carousel-prev[b-2tofyrpy4j] {
    left: 8px;
}

.carousel-next[b-2tofyrpy4j] {
    right: 8px;
}

.carousel-indicators[b-2tofyrpy4j] {
    position: absolute;
    bottom: 10px;
    left: 0;
    right: 0;
    display: flex;
    justify-content: center;
    gap: 8px;
}

.carousel-indicator[b-2tofyrpy4j] {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: rgba(0, 0, 0, 0.2);
    border: none;
    padding: 0;
    cursor: pointer;
    transition: background-color 0.2s;
}

    .carousel-indicator.active[b-2tofyrpy4j] {
        background: #1976d2;
    }

/* Intro slide styling */
.intro-slide[b-2tofyrpy4j] {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
}

.intro-content[b-2tofyrpy4j] {
    display: flex;
    flex-direction: row;
    align-items: center;
    width: 100%;
    min-width: 0;
    max-width: 100%;
}

.intro-image[b-2tofyrpy4j],
.intro-text[b-2tofyrpy4j] {
    flex: 1 1 0;
    min-width: 0;
}

    .intro-image img[b-2tofyrpy4j] {
        max-width: 100%;
        max-height: 200px;
        object-fit: contain;
    }

.intro-text[b-2tofyrpy4j] {
    flex: 1;
    text-align: left;
    max-width: 60%;
}

    .intro-text h3[b-2tofyrpy4j] {
        font-size: 18px;
        color: #1976d2;
        margin-bottom: 10px;
        overflow-wrap: break-word;
        word-break: break-word;
        max-width: 100%;
    }

    .intro-text p[b-2tofyrpy4j] {
        font-size: 14px;
        color: #555;
        line-height: 1.6;
        overflow-wrap: break-word;
        word-break: break-word;
        max-width: 100%;
    }

/* Tip content styling */
.tip-content[b-2tofyrpy4j] {
    padding: 20px;
    background-color: #f9f9ff;
    border-radius: 8px;
    border-left: 1px solid #1976d2;
    box-shadow: 0 2px 5px rgba(0,0,0,0.05);
    max-width: 100%; 
    min-width: 0;
    box-sizing: border-box;
}

    .tip-content h4[b-2tofyrpy4j] {
        display: flex;
        align-items: center;
        margin: 0 0 16px 0;
        font-size: 18px;
        color: #1976d2;
        font-weight: 600;
        overflow-wrap: break-word;
        word-break: break-word;
        max-width: 100%;
    }

.header-with-icon[b-2tofyrpy4j] {
    display: flex;
    align-items: center;
    margin-bottom: 16px;
    min-width: 0;
    max-width: 100%;
}

    .header-with-icon h4[b-2tofyrpy4j] {
        margin: 0;
        overflow-wrap: break-word;
        word-break: break-word;
        max-width: 100%;
        min-width: 0;
    }

[b-2tofyrpy4j] .tip-icon {
    margin-right: 10px;
    color: #ffa726;
    flex-shrink: 0;
}

.preserve-whitespace[b-2tofyrpy4j] {
    white-space: pre-line;
    overflow-wrap: anywhere;
    word-break: break-word;
    max-width: 100%;
}

/* Loading Spinner */
.card-content-loading[b-2tofyrpy4j] {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100px;
}

.loading-spinner[b-2tofyrpy4j] {
    width: 30px;
    height: 30px;
    border: 3px solid rgba(0, 0, 0, 0.1);
    border-top-color: #1976d2;
    border-radius: 50%;
    animation: spin-b-2tofyrpy4j 1s ease-in-out infinite;
}

.no-tips[b-2tofyrpy4j] {
    text-align: center;
    color: #777;
    padding: 20px 0;
}

/* Card and container styling */
.fluent-card-min-style[b-2tofyrpy4j],
.card[b-2tofyrpy4j],
.card-content[b-2tofyrpy4j] {
    min-width: 0;
    max-width: 100%;
    box-sizing: border-box;
}

/* Animation */
@keyframes spin-b-2tofyrpy4j {
    to {
        transform: rotate(360deg);
    }
}

/* Media query adjustments */
@media (max-width: 576px) {
    .intro-content[b-2tofyrpy4j] {
        flex-direction: column;
        gap: 0px;
    }

    .intro-image[b-2tofyrpy4j], .intro-text[b-2tofyrpy4j] {
        max-width: 100%;
        text-align: center;
    }

        .intro-image img[b-2tofyrpy4j] {
            max-width: 100%;
            max-height: 100px;
            object-fit: contain;
        }
}
/* _content/eRevisionFluentBlazorServer/Components/Pages/MySite/Cards/DocumentArchiveCard.razor.rz.scp.css */
.document-container[b-zc61i8uv7t] {
    display: grid;
    grid-template-columns: 1fr auto;
    grid-template-rows: auto auto;
    gap: 0px;
    padding: 5px 10px;
    border-bottom: 1px solid var(--color-stark-rad);
    font-family: 'filson pro', sans-serif !important;
    font-size: 0.8rem;
}

.document-title[b-zc61i8uv7t] {
    grid-column: 1;
    grid-row: 1;
    font-size: 0.9rem;
    margin-bottom: 3px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 90%;
}

.document-date[b-zc61i8uv7t] {
    grid-column: 2;
    grid-row: 1;
    justify-self: end;
    padding-right: 0.0rem;
}

.document-type[b-zc61i8uv7t] {
    grid-column: 1;
    grid-row: 2;
    margin-bottom: 3px;
}

.document-comment[b-zc61i8uv7t] {
    grid-column: 2;
    grid-row: 2;
    justify-self: end;
}

@media (min-width: 768px) {
    .document-container[b-zc61i8uv7t] {
        padding: 10px 20px 10px 20px;
        font-size: 0.8rem;
    }

    .document-title[b-zc61i8uv7t] {
        font-size: 1rem;
        margin-bottom: 5px;
    }

    .document-date[b-zc61i8uv7t] {
        margin-bottom: 5px;
    }

    .document-type[b-zc61i8uv7t] {
        margin-bottom: 5px;
    }

    .document-comment[b-zc61i8uv7t] {
        margin-bottom: 0px;
    }

}

@media (min-width: 1024px) {
    .document-container[b-zc61i8uv7t] {
        padding: 10px 20px 10px 20px;
        font-size: 1rem;
    }

    .document-title[b-zc61i8uv7t] {
        font-size: 1.1rem;
        margin-bottom: 5px;
    }

    .document-date[b-zc61i8uv7t] {
        margin-bottom: 5px;
    }

    .document-type[b-zc61i8uv7t] {
        margin-bottom: 5px;
    }

    .document-comment[b-zc61i8uv7t] {
        margin-bottom: 0px;
    }
}



/* Override global ul li margins for SfListView rendered items */
.e-list-template li.e-list-item[b-zc61i8uv7t] {
    margin-bottom: 0 !important;
}

.e-listview .e-list-item.e-focused[b-zc61i8uv7t], .e-listview .e-list-item.e-focused.e-active.e-checklist[b-zc61i8uv7t] {
    background-color: #E7EEFD;
    color: black;
    border-left: 8px solid var(--color-stark-rad);
}

.footer-buttons[b-zc61i8uv7t] {
    display: flex;
    justify-content: flex-start;
    width: 100%;
    padding: 0 10px;
}

.right-button[b-zc61i8uv7t] {
    display: flex;
    justify-content: flex-end;
}

.no-documents[b-zc61i8uv7t] {
    padding: 20px;
    text-align: center;
    color: #666;
}

/* Tooltip */

/* _content/eRevisionFluentBlazorServer/Components/Pages/MySite/Cards/EBITFunnel.razor.rz.scp.css */
/* Header styles */
.header-content[b-58pdvkh3b8] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0;
}

/* EBIT value display */
.ebit-value[b-58pdvkh3b8] {
    padding: 15px 20px 10px 20px;
    font-size: 16px;
}

/* Table container */
.multipel-table[b-58pdvkh3b8] {
    padding: 0 15px;
    margin-bottom: 15px;
}

    /* Basic table styling */
    .multipel-table table[b-58pdvkh3b8] {
        width: 100%;
        border-collapse: collapse;
        font-size: 14px;
    }

    .multipel-table th[b-58pdvkh3b8],
    .multipel-table td[b-58pdvkh3b8] {
        padding: 8px;
        text-align: center;
        border: 1px solid #e0e0e0;
    }

    .multipel-table th[b-58pdvkh3b8] {
        background-color: #f5f5f5;
    }

    /* Row selection styles - this replaces individual cell selection */
    .multipel-table tbody tr[b-58pdvkh3b8] {
        cursor: pointer;
        transition: background-color 0.2s;
    }

        .multipel-table tbody tr:hover[b-58pdvkh3b8] {
            background-color: var(--color-lysest-bla);
        }

/* Selected row styling */
tr.selected-value[b-58pdvkh3b8] {
    background-color: var(--color-lys-bla);
    font-weight: bold;
}

    tr.selected-value:hover[b-58pdvkh3b8] {
        background-color: var(--color-lys-bla);
    }

/* Description section */
.description-container[b-58pdvkh3b8] {
    padding: 0 15px 15px 15px;
    margin-top: 0;
    max-height: 200px;
    overflow-y: auto;
}

.description-content h4[b-58pdvkh3b8] {
    margin-top: 0;
    margin-bottom: 8px;
    color: #333;
}

.description-content p[b-58pdvkh3b8] {
    margin: 0;
    font-size: 14px;
    line-height: 1.4;
}

.description-placeholder[b-58pdvkh3b8] {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 80px;
    color: #757575;
    font-style: italic;
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .multipel-table table[b-58pdvkh3b8] {
        font-size: 0.8rem;
    }

    .description-content h4[b-58pdvkh3b8] {
        font-size: 0.9rem;
    }

    .description-content p[b-58pdvkh3b8],
    .description-placeholder[b-58pdvkh3b8] {
        font-size: 0.8rem;
    }

    .ebit-value[b-58pdvkh3b8] {
        font-size: 14px;
    }

}
/* _content/eRevisionFluentBlazorServer/Components/Pages/MySite/Cards/MessageCard.razor.rz.scp.css */
/* _content/eRevisionFluentBlazorServer/Components/Pages/MySite/CustomerTemplate.razor.rz.scp.css */
.card-content[b-uhdtbadx26] {
    flex: 1; /* Allow the content to grow and take available space */
    overflow-y: auto; /* Enable vertical scrolling */
    padding: 20px; /* Add padding for inner content */
    display: flex;
    flex-direction: column;
}

[b-uhdtbadx26] .mygrid {
    min-height: 250px;
}

    [b-uhdtbadx26] .mygrid .e-rowcell {
        font-size: 0.8rem;
        font-family: 'filson-pro', sans-serif;
        font-weight: 400;
    }

    [b-uhdtbadx26] .mygrid .e-headercelldiv {
        font-size: 0.8rem;
        font-family: 'filson-pro', sans-serif;
    }

.important-comment[b-uhdtbadx26] {
    font-size:0.8rem;
    font-style: italic;
}

.header-flex[b-uhdtbadx26] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    background-color: transparent;
}

.filter-controls[b-uhdtbadx26] {
    display: flex;
    gap: 1rem;
    margin-bottom: 1.5rem;
    flex-wrap: wrap;
    align-items: flex-end;
}

.filter-group[b-uhdtbadx26] {
    display: flex;
    flex-direction: column;
    min-width: 200px;
}

.filter-actions[b-uhdtbadx26] {
    display: flex;
    align-items: flex-end;
}

.filename-container[b-uhdtbadx26] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.comment-icon[b-uhdtbadx26] {
    color: var(--color-stark-bla);
    cursor: pointer;
}

.document-table-container[b-uhdtbadx26] {
    flex: 1 1 0;
    min-height: 0; /* Important for flex children to allow shrinking */
    display: flex;
    flex-direction: column;
}

table[b-uhdtbadx26] {
    margin-bottom: 0;
}


@media (min-width: 768px) {
    [b-uhdtbadx26] .mygrid .e-rowcell {
        font-size: 0.9rem;
    }

    [b-uhdtbadx26] .mygrid .e-headercelldiv {
        font-size: 1.0rem;
    }

    .important-comment[b-uhdtbadx26] {
        font-size: 0.9rem;
    }
}

@media (min-width: 1024px) {
    [b-uhdtbadx26] .mygrid .e-rowcell {
        font-size: 1rem;
    }

    [b-uhdtbadx26] .mygrid .e-headercelldiv {
        font-size: 1.1rem;
    }

    .important-comment[b-uhdtbadx26] {
        font-size: 1rem;
    }
}
/* _content/eRevisionFluentBlazorServer/Components/Pages/MySite/MessageCenter.razor.rz.scp.css */
.message-center[b-4bmrqycxuw] {
    display: flex;
    flex-wrap: nowrap;
    margin-bottom: 15px;
    gap: 2.5rem;
}

.left-column[b-4bmrqycxuw] {
    flex: 1; /* Set flex-grow to 0 and flex-shrink to 0 */
    padding: 0px;
    max-width: 500px;
}

.msg-right-column[b-4bmrqycxuw] {
    flex: 1;
    padding: 0px;
    max-width: 500px;
}

/* Mobile styles - center align horizontally */
@media (max-width: 768px) {
    .message-center[b-4bmrqycxuw] {
        justify-content: center;
        align-items: flex-start; /* Align items to the start of the cross axis */
        margin-left: auto;
        margin-right: auto;
        width: 100%;
        max-width: 500px; /* Match the max-width of columns for consistency */
    }

    .left-column[b-4bmrqycxuw] {
        flex: 1 1 100%; /* Take full width on mobile */
        max-width: 100%;
    }
}
/* _content/eRevisionFluentBlazorServer/Components/Pages/MySite/Overview.razor.rz.scp.css */
.page-container[b-a86amx9w74] {
    margin-bottom: 10px;
    padding: 0 10px; /* Add padding for mobile */
}

/* Mobile-first: Start with a single column */
.grid-container[b-a86amx9w74] {
    display: grid;
    grid-template-columns: 1fr; /* Single column by default */
    gap: 10px; /* Smaller gap for mobile */
    width: 100%;
    margin: 0 auto;
}

.grid-item[b-a86amx9w74] {
    padding: 0px;
    width: 100%;
    display: flex;
    flex-direction: column;
    margin-bottom: 15px; /* Add spacing between cards on mobile */
    min-width: 0; /* Critical for flex items */
    overflow: hidden; /* Hide overflow */
}

/* All items span full width on mobile */
.grid-item-2[b-a86amx9w74],
.grid-item-1[b-a86amx9w74] {
    grid-column: span 1;
}

/* Add breathing room around cards on mobile */
@media (max-width: 767px) {
    .card-continue[b-a86amx9w74],
    .message-card[b-a86amx9w74],
    .document-archive-card[b-a86amx9w74],
    .add-company[b-a86amx9w74],
    .bookkeeper-message-overview-card[b-a86amx9w74] {
        border-radius: 10px;
        box-shadow: 0 2px 4px rgba(0,0,0,0.1);
        margin-bottom: 15px;
        overflow: hidden;
    }
}

/* Tablet and desktop styles */
@media (min-width: 768px) {
    .grid-container[b-a86amx9w74] {
        grid-template-columns: repeat(2, 1fr); /* 2 columns */
        max-width: 1024px;
        gap: 30px;
    }

    .grid-item-2[b-a86amx9w74] {
        grid-column: span 2; /* Span 2 columns */
    }

    .grid-item-1[b-a86amx9w74] {
        grid-column: span 1; /* Span 1 column */
        min-width: 0; /* Allow shrinking */
    }
}

/* Large desktop */
@media (min-width: 1200px) {
    .grid-container[b-a86amx9w74] {
        max-width: 1350px;
        gap: 40px;
    }

    .grid-item[b-a86amx9w74] {
        max-height: 450px; /* Only apply max height on larger screens */
        min-width: 0; /* Important for flex containment */
        width: 100%; /* Fill available width */
        overflow: hidden; /* Hide overflow */
    }
    /*.grid-item-1 {
        width: calc(50% - 20px);*/ /* Account for gap */
        /*max-width: calc((1350px - 40px) / 2);*/ /* Calculate based on container max-width and gap */
    /*}*/
}
/* _content/eRevisionFluentBlazorServer/Components/Pages/MySite/SignUp.razor.rz.scp.css */
/* temporary mobile message */

.modal-header[b-u3jt0q9qzr] {
    text-align: center;
    padding: 15px 0;
/*    border-bottom: 1px solid #eee;
*/}

.modal-logo[b-u3jt0q9qzr] {
    height: 40px;
}

.modal-content[b-u3jt0q9qzr] {
    padding: 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}

.modal-highlight[b-u3jt0q9qzr] {
    background-color: rgba(251, 90, 108, 0.1);
    padding: 15px;
    border-radius: 8px;
    margin: 20px 0;
    width: 100%;
    max-width: 500px;
}

.modal-actions[b-u3jt0q9qzr] {
    margin-top: 30px;
}
/* _content/eRevisionFluentBlazorServer/Components/Pages/PostWizardComponentPages/AccountMapping.razor.rz.scp.css */
body[b-f2lrzrh1rb] {
}
/* _content/eRevisionFluentBlazorServer/Components/Pages/PostWizardComponentPages/Agreement.razor.rz.scp.css */
.save-all-container[b-g987nqhcja] {
    display: flex;
    justify-content: center; /* Aligns the button to the right */
    margin-top: 16px; /* Add some spacing from the content above, optional */
}
/* _content/eRevisionFluentBlazorServer/Components/Pages/PostWizardComponentPages/FinancialSystem.razor.rz.scp.css */
/* _content/eRevisionFluentBlazorServer/Components/Pages/PostWizardComponentPages/WelcomeMySite.razor.rz.scp.css */
.save-all-container[b-ar1shk723k] {
    display: flex;
    justify-content: end; /* Aligns the button to the right */
    margin-top: 16px; /* Add some spacing from the content above, optional */
}

p[b-ar1shk723k] {
    margin-bottom: 10px;
}

.card[b-ar1shk723k] {
    background-color: var(--fill-color);
    border-radius: 4px;
    box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
}
/* _content/eRevisionFluentBlazorServer/Components/Pages/PostWizardComponentPages/YearResult.razor.rz.scp.css */
/* _content/eRevisionFluentBlazorServer/Components/Pages/PreWizardComponentPages/CompanyRegistration.razor.rz.scp.css */

/* Base styles (apply to all devices) - Mobile First */
.responsive-container[b-dicbm0rpd2] {
    padding: 20px 15px;
    width: 100%;
    max-width: 100%;
    margin: 30px auto 0px auto;
}

.responsive-gauge-container[b-dicbm0rpd2] {
    display: flex;
    justify-content: center;
    width: 100%;
}

.large-gauge[b-dicbm0rpd2] {
    width: 300px;
    height: 275px;
}

[b-dicbm0rpd2] .topmargin {
    margin: 2rem 0 0 0;
}

.header-gauge[b-dicbm0rpd2] {
    font-size: 1.2rem; 
    font-weight: 400; 
}

.gauge-text-main[b-dicbm0rpd2] {
    font-size: 1rem;
}

.gauge-text-body[b-dicbm0rpd2] {
    font-size: 0.8rem;
}

.card-header-local[b-dicbm0rpd2] {
    font-size: 1.2rem;
    margin-bottom: 1.2rem;
    text-align: start;
}

.grid-container_test[b-dicbm0rpd2] {
    display: grid;
    font-size: 0.8rem;
    grid-template-columns: 1fr 1fr;
    gap: 0.1rem; /* Adjust spacing as needed */
}



.field-name[b-dicbm0rpd2] {
    text-align: left;
}

.field-value[b-dicbm0rpd2] {
    text-align: right;
}

.column-wrapper[b-dicbm0rpd2] {
    width: 100%;
}

/*@media (max-width: 1600px) and (min-width: 450px) {
    .column-wrapper {
        transform: scale(0.85);
        transition: transform 0.3s ease;
    }
}*/




.cust-dialog .e-dialog[b-dicbm0rpd2] {
    border-radius: 20px;
    box-shadow: 1px 5px 10px #2152F526;
}

    .cust-dialog .e-dialog .e-dlg-content[b-dicbm0rpd2] {
        border-radius: 20px;
    }

.dialog-content[b-dicbm0rpd2] {
    padding: 10px;
}

    .dialog-content p[b-dicbm0rpd2],
    .dialog-content ul[b-dicbm0rpd2],
    .dialog-content li[b-dicbm0rpd2] {
        font-size: 16px;
    }



/* Tablet styles */
@media (min-width: 768px) {
    .responsive-container[b-dicbm0rpd2] {
        padding: 30px 12px;
        margin: 30px auto 0px auto;
        max-width: 700px;
    }

    .large-gauge[b-dicbm0rpd2] {
        width: 400px;
        height: 330px;
    }

    .header-gauge[b-dicbm0rpd2] {
        font-size: 1.2rem;
        font-weight: 500;
    }

    .gauge-text-main[b-dicbm0rpd2] {
        font-size: 1.1rem;
    }

    .gauge-text-body[b-dicbm0rpd2] {
        font-size: 0.9rem;
    }

    .card-header-local[b-dicbm0rpd2] {
        font-size: 1.3rem;
        margin-bottom: 1.2rem;
        text-align: start;
    }

    .grid-container_test[b-dicbm0rpd2] {
        display: grid;
        font-size: 0.8rem;
        grid-template-columns: 1fr 1fr;
        gap: 0.3rem; /* Adjust spacing as needed */
    }
   
}


/* Desktop styles */
@media (min-width: 1280px) {
    .responsive-container[b-dicbm0rpd2] {
        padding: 40px 30px;
        max-width: 1440px;
        margin: 60px auto 0px auto;
    }

    .large-gauge[b-dicbm0rpd2] {
        width: 400px;
        height: 320px;
    }

    .header-gauge[b-dicbm0rpd2] {
        font-size: 1.4rem;
        font-weight: 500;
    }

    .gauge-text-main[b-dicbm0rpd2] {
        font-size: 1.2rem;
    }

    .gauge-text-body[b-dicbm0rpd2] {
        font-size: 1rem;
    }

    .card-header-local[b-dicbm0rpd2] {
        font-size: 1.4rem;
        margin-bottom: 1.2rem;
        text-align: start;
    }

    .grid-container_test[b-dicbm0rpd2] {
        display: grid;
        font-size: 1.0rem;
        grid-template-columns: 1fr 1fr;
        gap: 0.4rem; /* Adjust spacing as needed */
        margin-right: 25px;
    }
}


/* _content/eRevisionFluentBlazorServer/Components/Pages/PreWizardComponentPages/CVRLookup.razor.rz.scp.css */
/* Base styles (apply to all devices) */
.responsive-container[b-q3mvdpz6ch] {
    padding: 20px;
    width: 100%;
    max-width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    margin: 30px auto 30px auto !important;
}

.responsive-heading[b-q3mvdpz6ch] {
    font-size: 1.5rem;
    margin: 0.5rem 0;
    line-height: 1.3;
}

.responsive-text[b-q3mvdpz6ch] {
    font-size: 1rem;
    line-height: 1.5;
    margin-bottom: 0.75rem;
}

.responsive-label[b-q3mvdpz6ch] {
    font-size: 1rem;
    margin-bottom: 0.5rem;
}

[b-q3mvdpz6ch] .input-stack {
    width: 100%;
    max-width: 300px;
}

.input-container[b-q3mvdpz6ch] {
    width: 100%;
    display: flex;
    justify-content: center;
}

[b-q3mvdpz6ch] .responsive-input {
    width: 100% !important;
    max-width: 250px;
    height: 40px;
    font-size: 1rem;
}

.button-container[b-q3mvdpz6ch] {
    width: 100%;
    display: flex;
    justify-content: center;
    margin: 0.5rem 0;
}

[b-q3mvdpz6ch] .responsive-button {
    min-width: 150px;
    height: 42px;
    font-size: 1rem;
}

[b-q3mvdpz6ch] .responsive-message {
    width: 100%;
    max-width: 300px;
}

.responsive-link[b-q3mvdpz6ch] {
    color: #0078d4;
    text-decoration: underline;
    word-wrap: break-word;
}

.responsive-spacer[b-q3mvdpz6ch] {
    height: 0.75rem;
}

/* Tablet styles */
@media (min-width: 768px) {
    .responsive-container[b-q3mvdpz6ch] {
        padding: 30px;
        max-width: 768px;
        margin: 30px auto 0px auto;
    }

    .responsive-heading[b-q3mvdpz6ch] {
        font-size: 1.75rem;
        margin: 0.75rem 0;
    }

    .responsive-text[b-q3mvdpz6ch] {
        font-size: 1.1rem;
    }

    .responsive-spacer[b-q3mvdpz6ch] {
        height: 1rem;
    }

    .input-stack[b-q3mvdpz6ch] {
        max-width: 350px;
    }
}

/* Desktop styles */
@media (min-width: 992px) {
    .responsive-container[b-q3mvdpz6ch] {
        padding: 40px;
        max-width: 1200px;
        margin: 60px auto 0px auto;
    }

    .responsive-heading[b-q3mvdpz6ch] {
        font-size: 2rem;
        margin: 1rem 0;
    }

    .responsive-text[b-q3mvdpz6ch] {
        font-size: 1.2rem;
    }

    .responsive-spacer[b-q3mvdpz6ch] {
        height: 1.5rem;
    }

    .responsive-input[b-q3mvdpz6ch] {
        max-width: 300px;
    }

    .input-stack[b-q3mvdpz6ch] {
        max-width: 400px;
    }
}
/* _content/eRevisionFluentBlazorServer/Components/Pages/PreWizardComponentPages/PreQuestions.razor.rz.scp.css */
.responsive-container[b-kgjdhfh2p7] {
    margin: 30px auto 0px auto !important;
    padding: 50px 30px; 
    max-width: 1440px;
}


.container-card[b-kgjdhfh2p7] {
    padding: 0px;
    margin-bottom: 20px;
}

.responsive-container[b-kgjdhfh2p7] {
    margin: 30px auto 0px auto;
    padding: 50px 30px;
    max-width: 1440px;
}

@media (min-width: 992px) {
    .responsive-container[b-kgjdhfh2p7] {
        margin: 60px auto 0px auto;
    }
}




    /*::deep .accounts-table {
    width: 100%;
    border-collapse: collapse;
}

    ::deep .accounts-table th, ::deep .accounts-table td {
        padding: 8px;
        text-align: left;
    }

        ::deep .accounts-table th.right-align, ::deep .accounts-table td.right-align {
            text-align: right;
        }

    ::deep .accounts-table th {
        background-color: #f2f2f2;
    }

::deep .red-line {
    height: 0.5px;
    background-color: red;
}*/
/* _content/eRevisionFluentBlazorServer/Components/Pages/PreWizardComponentPages/PriceOffer.razor.rz.scp.css */
/* Make the price cards responsive */
.centered-content-wizard[b-rgxcnv28nf] {
    width: 100%;
    max-width: 100%;
    padding: 15px;
    margin: 30px auto 0px auto;
}

/* Base class for grid containers */
.grid-container-pricing[b-rgxcnv28nf] {
    display: grid;
    justify-items: center; /* Center content horizontally in each cell */
    gap: clamp(1.5rem, 1.5vw, 2rem);
}

.row[b-rgxcnv28nf] {
    width: 100%;
    margin-bottom: 1.5rem;
}

/* Make "Alle pakker indeholder" section responsive */
.text-and-accordion[b-rgxcnv28nf] {
    display: flex;
    flex-direction: column;
    width: 100%;
    gap: 1rem;
}

.column[b-rgxcnv28nf] {
    width: 100%;
}

.text-column[b-rgxcnv28nf] {
    flex: 1;
    min-width: 250px;
}

.accordion-column[b-rgxcnv28nf] {
    flex: 3;
    min-width: 300px;
}

/* 4 columns on large screens */
@media (min-width: 1501px) {
    .grid-container-pricing[b-rgxcnv28nf] {
        grid-template-columns: repeat(4, 1fr);
    }
}

/* 2 columns on medium screens */
@media (max-width: 1500px) {
    .grid-container-pricing[b-rgxcnv28nf] {
        grid-template-columns: repeat(2, 1fr);
    }
}

/* 1 column on small screens */
@media (max-width: 767px) {
    .grid-container-pricing[b-rgxcnv28nf] {
        grid-template-columns: 1fr;
    }
}

@media (min-width: 768px) {
    .centered-content-wizard[b-rgxcnv28nf] {
        padding-left: 30px;
        padding-right: 30px;
        max-width: 1440px;
    }
}

@media (min-width: 768px) {
    .text-and-accordion[b-rgxcnv28nf] {
        flex-direction: row;
        flex-wrap: wrap;
    }
}



@media (max-width: 768px) {
    /* Style the accordion for better mobile display */
    [b-rgxcnv28nf] .price-accordion.e-accordion .e-acrdn-item .e-acrdn-header .e-acrdn-header-content {
        white-space: normal !important; /* Allow text to wrap */
        word-wrap: break-word; /* Break long words if necessary */
        overflow-wrap: break-word; /* Ensure proper wrapping for long words */
        font-size: 0.9rem !important; /* Adjust font size for mobile */
        line-height: 1.4; /* Improve readability */
    }

    [b-rgxcnv28nf] .price-accordion.e-accordion .e-acrdn-item .e-acrdn-panel {
        padding: 15px;
        font-size: 0.85rem !important;
    }

    /* Ensure the button container is responsive */
    .button-container[b-rgxcnv28nf] {
        display: flex;
        width: 100%;
        padding: 0;
        margin: 1.5rem auto;
    }
}

@media (min-width: 768px) {
    .button-container[b-rgxcnv28nf] {
        width: 100%;
        max-width: 1440px;
    }
}


/* _content/eRevisionFluentBlazorServer/Components/Pages/PreWizardComponentPages/SignUp.razor.rz.scp.css */
/* Base styles */
.centered-content-wizard[b-jh6a7ejsnt] {
    width: 100%;
    max-width: 100%;
    padding: 20px 15px; /* Smaller padding for mobile devices */
    margin: 30px auto 0px auto;
}

/* Container for the card */
.container-centered-horizon[b-jh6a7ejsnt] {
    width: 100%;
    display: flex;
    justify-content: center;
    padding: 0;
}

[b-jh6a7ejsnt] .card-style {
    padding: 0;
    border: none;
    border-radius: 20px;
    height: 300px;
}


/* Make the FluentCard responsive 
::deep fluent-card {
    width: 100%;
    max-width: 450px;
}
    */
/* Make button container responsive 
.button-container {
    display: flex;
    justify-content: space-between;
    width: 100%;
    max-width: 100%;
    padding: 0 15px;
    margin: 1.5rem auto;
}
    */
/* Tablet styles */
@media (min-width: 768px) {
    .centered-content-wizard[b-jh6a7ejsnt] {
        padding: 20px 30px;
    }

    .button-container[b-jh6a7ejsnt] {
        padding: 0;
        max-width: 1440px;
    }

    [b-jh6a7ejsnt] .card-style{
        height: 375px;
    }
}

/* Desktop styles */
@media (min-width: 992px) {
    .centered-content-wizard[b-jh6a7ejsnt] {
        padding: 20px 100px; /* Return to original padding for desktop */
        max-width: 1440px;
    }

    [b-jh6a7ejsnt] .card-style {
        height: 450px;
    }
}
/* _content/eRevisionFluentBlazorServer/Components/Pages/Testing/Testing.razor.rz.scp.css */
.grid-container[b-fuofuqn5qu] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    gap: 16px;
}

.card[b-fuofuqn5qu] {
    padding: 16px;
    border: 1px solid var(--neutral-stroke-rest);
    border-radius: 4px;
    background-color: var(--neutral-layer-1);
    box-sizing: border-box;
}