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

/* _content/EffexWebClient/Components/Account/Pages/Login.razor.rz.scp.css */
/* General container styling */
.d-flex.justify-content-center[b-mi9moizbkl] {
    min-height: 100vh;
    background-color: #f7f8fa;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Card styling */
.card[b-mi9moizbkl] {
    border: none;
    border-radius: 12px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05);
    background-color: #ffffff;
    max-width: 450px; /* Base max-width for smaller screens */
    width: 100%;
    padding: 0;
}

/* Card body styling */
.card-body[b-mi9moizbkl] {
    padding: 2.5rem;
}

/* Card title */
.card-title[b-mi9moizbkl] {
    font-size: 1.5rem;
    font-weight: 600;
    color: #1a1e2a;
    text-align: center;
    margin-bottom: 2rem;
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
}

/* Form group */
.form-group[b-mi9moizbkl] {
    margin-bottom: 1.5rem;
}

    /* Labels */
    .form-group label[b-mi9moizbkl] {
        font-size: 0.9rem;
        font-weight: 500;
        color: #4a5568;
        margin-bottom: 0.5rem;
        display: block;
    }

/* Input fields */
.form-control[b-mi9moizbkl] {
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    padding: 0.75rem 1rem;
    font-size: 1rem;
    color: #2d3748;
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

    .form-control:focus[b-mi9moizbkl] {
        outline: none;
        border-color: #3b82f6;
        box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1);
    }

/* Error messages */
.text-danger[b-mi9moizbkl] {
    font-size: 0.85rem;
    color: #e53e3e;
    margin-top: 0.25rem;
}

/* Button */
.btn-primary[b-mi9moizbkl] {
    width: 100%;
    padding: 0.75rem;
    font-size: 1rem;
    font-weight: 500;
    border-radius: 8px;
    background-color: #3b82f6;
    border: none;
    color: #ffffff;
    transition: background-color 0.2s ease;
    margin-top: 1rem;
}

    .btn-primary:hover[b-mi9moizbkl] {
        background-color: #2563eb;
    }

    .btn-primary:focus[b-mi9moizbkl] {
        outline: none;
        box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.3);
    }

/* Links */
a[b-mi9moizbkl] {
    font-size: 0.9rem;
    color: #3b82f6;
    text-decoration: none;
    margin: 1rem 0.5rem 0;
    display: inline-block;
}

    a:hover[b-mi9moizbkl] {
        text-decoration: underline;
        color: #2563eb;
    }

/* Responsive adjustments */
@media (min-width: 1200px) {
    .col-lg-6[b-mi9moizbkl] {
        max-width: 600px; /* Wider container for full-screen displays */
        margin-left: auto;
        margin-right: auto;
    }

    .card[b-mi9moizbkl] {
        max-width: 550px; /* Increased card width for large screens */
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .col-lg-6[b-mi9moizbkl] {
        max-width: 500px; /* Balanced width for ~1000px screens */
        margin-left: auto;
        margin-right: auto;
    }

    .card[b-mi9moizbkl] {
        max-width: 450px;
    }
}

@media (max-width: 991px) {
    .col-lg-6[b-mi9moizbkl] {
        width: 100%;
        max-width: 450px;
        margin-left: auto;
        margin-right: auto;
    }
}

@media (max-width: 576px) {
    .card[b-mi9moizbkl] {
        margin: 0 1rem;
    }

    .card-body[b-mi9moizbkl] {
        padding: 1.5rem;
    }
}
/* _content/EffexWebClient/Components/Account/Pages/WizardContainer.razor.rz.scp.css */
body[b-epnag26093] {
    font-family: 'Roboto', sans-serif;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    background-color: #f7f7f7;
    color: #333;
}

/* Navigation Bar */
nav[b-epnag26093] {
    display: flex;
    padding: 10px 10px;
    /* justify-content: space-between; */
    align-items: center;
    background-color: #f7f7f7;
}

.brand[b-epnag26093] {
    font-size: 1.8rem;
    font-weight: 700;
    text-transform: uppercase;
    color: white;
}

nav ul[b-epnag26093] {
    list-style: none;
    display: flex;
    gap: 30px;
}

    nav ul li[b-epnag26093] {
        display: inline;
    }

        nav ul li a[b-epnag26093] {
            color: black;
            text-decoration: none;
            font-size: 1rem;
            text-transform: uppercase;
            font-weight: bold;
            transition: color 0.3s;
        }

            nav ul li a:hover[b-epnag26093] {
                color: #ff7300;
            }


section[b-epnag26093] {
    padding: 5px 20px 70px;
}

.features[b-epnag26093] {
    display: flex;
    flex-wrap: wrap;
    margin-top: 10px;
}

.feature-box[b-epnag26093] {
    background-color: white;
    border-radius: 8px;
    padding: 30px;
    width: 35%;
    margin: 10px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

    .feature-box h3[b-epnag26093] {
        font-size: 1.5rem;
        margin-bottom: 20px;
    }

    .feature-box p[b-epnag26093] {
        font-size: 1rem;
        color: #666;
    }

footer[b-epnag26093] {
    background-color: #333;
    color: white;
    padding: 20px 0;
    text-align: center;
}

    footer p[b-epnag26093] {
        font-size: 1rem;
    }

@media (max-width: 768px) {
    .features[b-epnag26093] {
        flex-direction: column;
        align-items: center;
    }

    .feature-box[b-epnag26093] {
        width: 80%;
        margin: 20px 0;
    }
}
/* _content/EffexWebClient/Components/Layout/AppDesignLayout.razor.rz.scp.css */
.page[b-ti6te25l5d] {
    position: relative;
    display: flex;
    flex-direction: column;
}

main[b-ti6te25l5d] {
    flex: 1;
}

.sidebar[b-ti6te25l5d] {
    background-image: linear-gradient(180deg, rgb(5, 103, 39) 0%, #06473a 70%);
}

.top-row[b-ti6te25l5d] {
    background-color: #f7f7f7;
    border-bottom: 1px solid #d6d5d5;
    justify-content: flex-end;
    height: 3.5rem;
    display: flex;
    align-items: center;
}

    .top-row[b-ti6te25l5d]  a, .top-row[b-ti6te25l5d]  .btn-link {
        white-space: nowrap;
        margin-left: 1.5rem;
        text-decoration: none;
    }

    .top-row[b-ti6te25l5d]  a:hover, .top-row[b-ti6te25l5d]  .btn-link:hover {
        text-decoration: underline;
    }

    .top-row[b-ti6te25l5d]  a:first-child {
        overflow: hidden;
        text-overflow: ellipsis;
    }

@media (max-width: 640.98px) {
    .top-row[b-ti6te25l5d] {
        justify-content: space-between;
    }

    .top-row[b-ti6te25l5d]  a, .top-row[b-ti6te25l5d]  .btn-link {
        margin-left: 0;
    }
}

@media (min-width: 641px) {
    .page[b-ti6te25l5d] {
        flex-direction: row;
    }

    .sidebar[b-ti6te25l5d] {
        width: 250px;
        height: 100vh;
        position: sticky;
        top: 0;
    }

    .top-row[b-ti6te25l5d] {
        position: sticky;
        top: 0;
        z-index: 1;
    }

    .top-row.auth[b-ti6te25l5d]  a:first-child {
        flex: 1;
        text-align: right;
        width: 0;
    }

    .top-row[b-ti6te25l5d], article[b-ti6te25l5d] {
        padding-left: 2rem !important;
        padding-right: 1.5rem !important;
    }
}

#blazor-error-ui[b-ti6te25l5d] {
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

    #blazor-error-ui .dismiss[b-ti6te25l5d] {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }
 
/* _content/EffexWebClient/Components/Layout/AppDesignNavMenu.razor.rz.scp.css */
.navbar-toggler[b-dmaju4469j] {
    appearance: none;
    cursor: pointer;
    width: 3.5rem;
    height: 2.5rem;
    color: white;
    position: absolute;
    top: 0.5rem;
    right: 1rem;
    border: 1px solid rgba(255, 255, 255, 0.1);
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") no-repeat center/1.75rem rgba(255, 255, 255, 0.1);
}

.navbar-toggler:checked[b-dmaju4469j] {
    background-color: rgba(255, 255, 255, 0.5);
}

.top-row[b-dmaju4469j] {
    min-height: 3.5rem;
    background-color: rgba(0,0,0,0.4);
}

.navbar-brand[b-dmaju4469j] {
    font-size: 1.1rem;
}

.bi[b-dmaju4469j] {
    display: inline-block;
    position: relative;
    width: 1.25rem;
    height: 1.25rem;
    margin-right: 0.75rem;
    top: -1px;
    background-size: cover;
}


/* Custom icon for Applications nav link */
.bi-home[b-dmaju4469j] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-house-door-fill' viewBox='0 0 16 16'%3E%3Cpath d='M6.5 14.5v-3.505c0-.245.25-.495.5-.495h2c.25 0 .5.25.5.5v3.5a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5v-7a.5.5 0 0 0-.146-.354L13 5.793V2.5a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5v1.293L8.354 1.146a.5.5 0 0 0-.708 0l-6 6A.5.5 0 0 0 1.5 7.5v7a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5Z'/%3E%3C/svg%3E");
}

.bi-apps[b-dmaju4469j] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-code-slash' viewBox='0 0 16 16'%3E%3Cpath d='M10.478 1.647a.5.5 0 1 0-.956-.294l-4 13a.5.5 0 0 0 .956.294l4-13zM4.854 4.146a.5.5 0 0 1 0 .708L1.707 8l3.147 3.146a.5.5 0 0 1-.708.708l-3.5-3.5a.5.5 0 0 1 0-.708l3.5-3.5a.5.5 0 0 1 .708 0zm6.292 0a.5.5 0 0 0 0 .708L14.293 8l-3.147 3.146a.5.5 0 0 0 .708.708l3.5-3.5a.5.5 0 0 0 0-.708l-3.5-3.5a.5.5 0 0 0-.708 0z'/%3E%3C/svg%3E");
}
.bi-user-story[b-dmaju4469j] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' viewBox='0 0 16 16'%3E%3Cpath d='M8 4a2 2 0 1 0 0-4 2 2 0 0 0 0 4zm-4 3h8a1 1 0 0 1 1 1v4a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V8a1 1 0 0 1 1-1zm1 2v2h6V9H5z'/%3E%3C/svg%3E");
}



.nav-item[b-dmaju4469j] {
    font-size: 0.9rem;
    padding-bottom: 0.5rem;
}

    .nav-item:first-of-type[b-dmaju4469j] {
        padding-top: 1rem;
    }

    .nav-item:last-of-type[b-dmaju4469j] {
        padding-bottom: 1rem;
    }

    .nav-item[b-dmaju4469j]  .nav-link {
        color: #d7d7d7;
        background: none;
        border: none;
        border-radius: 4px;
        height: 3rem;
        display: flex;
        align-items: center;
        line-height: 3rem;
        width: 100%;
    }

.nav-item[b-dmaju4469j]  a.active {
    background-color: rgba(255,255,255,0.37);
    color: white;
}

.nav-item[b-dmaju4469j]  .nav-link:hover {
    background-color: rgba(255,255,255,0.1);
    color: white;
}

.nav-scrollable[b-dmaju4469j] {
    display: none;
}

.navbar-toggler:checked ~ .nav-scrollable[b-dmaju4469j] {
    display: block;
}

@media (min-width: 641px) {
    .navbar-toggler[b-dmaju4469j] {
        display: none;
    }

    .nav-scrollable[b-dmaju4469j] {
        /* Never collapse the sidebar for wide screens */
        display: block;

        /* Allow sidebar to scroll for tall menus */
        height: calc(100vh - 3.5rem);
        overflow-y: auto;
    }
}
/* _content/EffexWebClient/Components/Layout/AppDevLayout.razor.rz.scp.css */
.page[b-yzhmm7zie1] {
    position: relative;
    display: flex;
    flex-direction: column;
}

main[b-yzhmm7zie1] {
    flex: 1;
}

.sidebar[b-yzhmm7zie1] {
    background-image: linear-gradient(180deg, rgb(180, 140, 100) 0%, rgb(120, 90, 60) 70%);
}

.top-row[b-yzhmm7zie1] {
    background-color: #f7f7f7;
    border-bottom: 1px solid #d6d5d5;
    justify-content: flex-end;
    height: 3.5rem;
    display: flex;
    align-items: center;
}

    .top-row[b-yzhmm7zie1]  a, .top-row[b-yzhmm7zie1]  .btn-link {
        white-space: nowrap;
        margin-left: 1.5rem;
        text-decoration: none;
    }

    .top-row[b-yzhmm7zie1]  a:hover, .top-row[b-yzhmm7zie1]  .btn-link:hover {
        text-decoration: underline;
    }

    .top-row[b-yzhmm7zie1]  a:first-child {
        overflow: hidden;
        text-overflow: ellipsis;
    }

@media (max-width: 640.98px) {
    .top-row[b-yzhmm7zie1] {
        justify-content: space-between;
    }

    .top-row[b-yzhmm7zie1]  a, .top-row[b-yzhmm7zie1]  .btn-link {
        margin-left: 0;
    }
}

@media (min-width: 641px) {
    .page[b-yzhmm7zie1] {
        flex-direction: row;
    }

    .sidebar[b-yzhmm7zie1] {
        width: 250px;
        height: 100vh;
        position: sticky;
        top: 0;
    }

    .top-row[b-yzhmm7zie1] {
        position: sticky;
        top: 0;
        z-index: 1;
    }

    .top-row.auth[b-yzhmm7zie1]  a:first-child {
        flex: 1;
        text-align: right;
        width: 0;
    }

    .top-row[b-yzhmm7zie1], article[b-yzhmm7zie1] {
        padding-left: 2rem !important;
        padding-right: 1.5rem !important;
    }
}

#blazor-error-ui[b-yzhmm7zie1] {
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

    #blazor-error-ui .dismiss[b-yzhmm7zie1] {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }
 
/* _content/EffexWebClient/Components/Layout/AppDevNavMenu.razor.rz.scp.css */
.navbar-toggler[b-btgzqcnkka] {
    appearance: none;
    cursor: pointer;
    width: 3.5rem;
    height: 2.5rem;
    color: white;
    position: absolute;
    top: 0.5rem;
    right: 1rem;
    border: 1px solid rgba(255, 255, 255, 0.1);
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") no-repeat center/1.75rem rgba(255, 255, 255, 0.1);
}

.navbar-toggler:checked[b-btgzqcnkka] {
    background-color: rgba(255, 255, 255, 0.5);
}

.top-row[b-btgzqcnkka] {
    min-height: 3.5rem;
    background-color: rgba(0,0,0,0.4);
}

.navbar-brand[b-btgzqcnkka] {
    font-size: 1.1rem;
}

.bi[b-btgzqcnkka] {
    display: inline-block;
    position: relative;
    width: 1.25rem;
    height: 1.25rem;
    margin-right: 0.75rem;
    top: -1px;
    background-size: cover;
}


/* Custom icon for Applications nav link */

/* Custom icon for Applications nav link */
.bi-home[b-btgzqcnkka] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-house-door-fill' viewBox='0 0 16 16'%3E%3Cpath d='M6.5 14.5v-3.505c0-.245.25-.495.5-.495h2c.25 0 .5.25.5.5v3.5a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5v-7a.5.5 0 0 0-.146-.354L13 5.793V2.5a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5v1.293L8.354 1.146a.5.5 0 0 0-.708 0l-6 6A.5.5 0 0 0 1.5 7.5v7a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5Z'/%3E%3C/svg%3E");
}

.bi-apps[b-btgzqcnkka] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-code-slash' viewBox='0 0 16 16'%3E%3Cpath d='M10.478 1.647a.5.5 0 1 0-.956-.294l-4 13a.5.5 0 0 0 .956.294l4-13zM4.854 4.146a.5.5 0 0 1 0 .708L1.707 8l3.147 3.146a.5.5 0 0 1-.708.708l-3.5-3.5a.5.5 0 0 1 0-.708l3.5-3.5a.5.5 0 0 1 .708 0zm6.292 0a.5.5 0 0 0 0 .708L14.293 8l-3.147 3.146a.5.5 0 0 0 .708.708l3.5-3.5a.5.5 0 0 0 0-.708l-3.5-3.5a.5.5 0 0 0-.708 0z'/%3E%3C/svg%3E");
}
.bi-database[b-btgzqcnkka] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-database' viewBox='0 0 16 16'%3E%3Cpath d='M8 1c3.314 0 6 1.343 6 3s-2.686 3-6 3-6-1.343-6-3 2.686-3 6-3zm0 1.5c-2.761 0-5 1.12-5 2.5s2.239 2.5 5 2.5 5-1.12 5-2.5-2.239-2.5-5-2.5zm0 4c3.314 0 6 1.343 6 3v1H2v-1c0-1.657 2.686-3 6-3zm0 1.5c-2.761 0-5 1.12-5 2.5v.5h10v-.5c0-1.38-2.239-2.5-5-2.5z'/%3E%3C/svg%3E");
}
.bi-rest-apis[b-btgzqcnkka] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-rest-apis' viewBox='0 0 16 16'%3E%3Cpath d='M4 4h2v2H4V4zm6 0h2v2h-2V4zM4 10h2v2H4v-2zm6 0h2v2h-2v-2zm-3.5-2.5h3v1h-3v-1zm1.5-1a.5.5 0 0 1-.5.5h-1a.5.5 0 0 1-.5-.5v-1a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5v1zm0 4a.5.5 0 0 1-.5.5h-1a.5.5 0 0 1-.5-.5v-1a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5v1z'/%3E%3C/svg%3E");
}
.bi-page-design[b-btgzqcnkka] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' viewBox='0 0 16 16'%3E%3Cpath d='M2 2h12v12H2V2zm1 1v2h10V3H3zm0 3h4v7H3V6zm5 0h5v7H8V6z'/%3E%3C/svg%3E");
}

.bi-file-storage[b-btgzqcnkka] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' viewBox='0 0 16 16'%3E%3Cpath d='M3 3h6l2 2h2v8H3V3zm1 1v8h8V6h-2.5L9 4.5H4z'/%3E%3C/svg%3E");
}


.nav-item[b-btgzqcnkka] {
    font-size: 0.9rem;
    padding-bottom: 0.5rem;
}

    .nav-item:first-of-type[b-btgzqcnkka] {
        padding-top: 1rem;
    }

    .nav-item:last-of-type[b-btgzqcnkka] {
        padding-bottom: 1rem;
    }

    .nav-item[b-btgzqcnkka]  .nav-link {
        color: #d7d7d7;
        background: none;
        border: none;
        border-radius: 4px;
        height: 3rem;
        display: flex;
        align-items: center;
        line-height: 3rem;
        width: 100%;
    }

.nav-item[b-btgzqcnkka]  a.active {
    background-color: rgba(255,255,255,0.37);
    color: white;
}

.nav-item[b-btgzqcnkka]  .nav-link:hover {
    background-color: rgba(255,255,255,0.1);
    color: white;
}

.nav-scrollable[b-btgzqcnkka] {
    display: none;
}

.navbar-toggler:checked ~ .nav-scrollable[b-btgzqcnkka] {
    display: block;
}

@media (min-width: 641px) {
    .navbar-toggler[b-btgzqcnkka] {
        display: none;
    }

    .nav-scrollable[b-btgzqcnkka] {
        /* Never collapse the sidebar for wide screens */
        display: block;

        /* Allow sidebar to scroll for tall menus */
        height: calc(100vh - 3.5rem);
        overflow-y: auto;
    }
}
/* _content/EffexWebClient/Components/Layout/AppSettingsLayout.razor.rz.scp.css */
.page[b-83264y86li] {
    position: relative;
    display: flex;
    flex-direction: column;
}

main[b-83264y86li] {
    flex: 1;
}

.sidebar[b-83264y86li] {
    background-image: linear-gradient(180deg, rgb(5, 39, 103) 0%, #3a0647 70%);
}

.top-row[b-83264y86li] {
    background-color: #f7f7f7;
    border-bottom: 1px solid #d6d5d5;
    justify-content: flex-end;
    height: 3.5rem;
    display: flex;
    align-items: center;
}

    .top-row[b-83264y86li]  a, .top-row[b-83264y86li]  .btn-link {
        white-space: nowrap;
        margin-left: 1.5rem;
        text-decoration: none;
    }

    .top-row[b-83264y86li]  a:hover, .top-row[b-83264y86li]  .btn-link:hover {
        text-decoration: underline;
    }

    .top-row[b-83264y86li]  a:first-child {
        overflow: hidden;
        text-overflow: ellipsis;
    }

@media (max-width: 640.98px) {
    .top-row[b-83264y86li] {
        justify-content: space-between;
    }

    .top-row[b-83264y86li]  a, .top-row[b-83264y86li]  .btn-link {
        margin-left: 0;
    }
}

@media (min-width: 641px) {
    .page[b-83264y86li] {
        flex-direction: row;
    }

    .sidebar[b-83264y86li] {
        width: 250px;
        height: 100vh;
        position: sticky;
        top: 0;
    }

    .top-row[b-83264y86li] {
        position: sticky;
        top: 0;
        z-index: 1;
    }

    .top-row.auth[b-83264y86li]  a:first-child {
        flex: 1;
        text-align: right;
        width: 0;
    }

    .top-row[b-83264y86li], article[b-83264y86li] {
        padding-left: 2rem !important;
        padding-right: 1.5rem !important;
    }
}

#blazor-error-ui[b-83264y86li] {
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

    #blazor-error-ui .dismiss[b-83264y86li] {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }
 
/* _content/EffexWebClient/Components/Layout/AppSettingsNavMenu.razor.rz.scp.css */
.navbar-toggler[b-5ym3sbumpt] {
    appearance: none;
    cursor: pointer;
    width: 3.5rem;
    height: 2.5rem;
    color: white;
    position: absolute;
    top: 0.5rem;
    right: 1rem;
    border: 1px solid rgba(255, 255, 255, 0.1);
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") no-repeat center/1.75rem rgba(255, 255, 255, 0.1);
}

.navbar-toggler:checked[b-5ym3sbumpt] {
    background-color: rgba(255, 255, 255, 0.5);
}

.top-row[b-5ym3sbumpt] {
    min-height: 3.5rem;
    background-color: rgba(0,0,0,0.4);
}

.navbar-brand[b-5ym3sbumpt] {
    font-size: 1.1rem;
}

.bi[b-5ym3sbumpt] {
    display: inline-block;
    position: relative;
    width: 1.25rem;
    height: 1.25rem;
    margin-right: 0.75rem;
    top: -1px;
    background-size: cover;
}


/* Custom icon for Applications nav link */
.bi-home[b-5ym3sbumpt] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-house-door-fill' viewBox='0 0 16 16'%3E%3Cpath d='M6.5 14.5v-3.505c0-.245.25-.495.5-.495h2c.25 0 .5.25.5.5v3.5a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5v-7a.5.5 0 0 0-.146-.354L13 5.793V2.5a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5v1.293L8.354 1.146a.5.5 0 0 0-.708 0l-6 6A.5.5 0 0 0 1.5 7.5v7a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5Z'/%3E%3C/svg%3E");
}
.bi-apps[b-5ym3sbumpt] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-code-slash' viewBox='0 0 16 16'%3E%3Cpath d='M10.478 1.647a.5.5 0 1 0-.956-.294l-4 13a.5.5 0 0 0 .956.294l4-13zM4.854 4.146a.5.5 0 0 1 0 .708L1.707 8l3.147 3.146a.5.5 0 0 1-.708.708l-3.5-3.5a.5.5 0 0 1 0-.708l3.5-3.5a.5.5 0 0 1 .708 0zm6.292 0a.5.5 0 0 0 0 .708L14.293 8l-3.147 3.146a.5.5 0 0 0 .708.708l3.5-3.5a.5.5 0 0 0 0-.708l-3.5-3.5a.5.5 0 0 0-.708 0z'/%3E%3C/svg%3E");
}
.bi-person[b-5ym3sbumpt] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-person-fill' viewBox='0 0 16 16'%3E%3Cpath d='M3 14s-1 0-1-1 1-4 6-4 6 3 6 4-1 1-1 1H3Zm5-6a3 3 0 1 0 0-6 3 3 0 0 0 0 6Z'/%3E%3C/svg%3E");
}
.bi-person-badge[b-5ym3sbumpt] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-person-badge' viewBox='0 0 16 16'%3E%3Cpath d='M6.5 2a.5.5 0 0 0 0 1h3a.5.5 0 0 0 0-1h-3zM11 8a3 3 0 1 1-6 0 3 3 0 0 1 6 0z'/%3E%3Cpath d='M4.5 0A2.5 2.5 0 0 0 2 2.5V14a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2V2.5A2.5 2.5 0 0 0 11.5 0h-7zM3 2.5A1.5 1.5 0 0 1 4.5 1h7A1.5 1.5 0 0 1 13 2.5v10.795a4.2 4.2 0 0 0-.776-.492C11.392 12.387 10.063 12 8 12s-3.392.387-4.224.803a4.2 4.2 0 0 0-.776.492V2.5z'/%3E%3C/svg%3E");
}


.nav-item[b-5ym3sbumpt] {
    font-size: 0.9rem;
    padding-bottom: 0.5rem;
}

    .nav-item:first-of-type[b-5ym3sbumpt] {
        padding-top: 1rem;
    }

    .nav-item:last-of-type[b-5ym3sbumpt] {
        padding-bottom: 1rem;
    }

    .nav-item[b-5ym3sbumpt]  .nav-link {
        color: #d7d7d7;
        background: none;
        border: none;
        border-radius: 4px;
        height: 3rem;
        display: flex;
        align-items: center;
        line-height: 3rem;
        width: 100%;
    }

.nav-item[b-5ym3sbumpt]  a.active {
    background-color: rgba(255,255,255,0.37);
    color: white;
}

.nav-item[b-5ym3sbumpt]  .nav-link:hover {
    background-color: rgba(255,255,255,0.1);
    color: white;
}

.nav-scrollable[b-5ym3sbumpt] {
    display: none;
}

.navbar-toggler:checked ~ .nav-scrollable[b-5ym3sbumpt] {
    display: block;
}

@media (min-width: 641px) {
    .navbar-toggler[b-5ym3sbumpt] {
        display: none;
    }

    .nav-scrollable[b-5ym3sbumpt] {
        /* Never collapse the sidebar for wide screens */
        display: block;

        /* Allow sidebar to scroll for tall menus */
        height: calc(100vh - 3.5rem);
        overflow-y: auto;
    }
}
/* _content/EffexWebClient/Components/Layout/DisplayCompanyInfo.razor.rz.scp.css */

.top-row[b-9jrqstf76w] {
    background-color: #f7f7f7;
    border-bottom: 1px solid #d6d5d5;
    justify-content: flex-end;
    height: 3.5rem;
    display: flex;
    align-items: center;
}

    .top-row[b-9jrqstf76w]  a, .top-row[b-9jrqstf76w]  .btn-link {
        white-space: nowrap;
        margin-left: 1.5rem;
        text-decoration: none;
    }

        .top-row[b-9jrqstf76w]  a:hover, .top-row[b-9jrqstf76w]  .btn-link:hover {
            text-decoration: underline;
        }

        .top-row[b-9jrqstf76w]  a:first-child {
            overflow: hidden;
            text-overflow: ellipsis;
        }

@media (max-width: 640.98px) {
    .top-row[b-9jrqstf76w] {
        justify-content: space-between;
    }

        .top-row[b-9jrqstf76w]  a, .top-row[b-9jrqstf76w]  .btn-link {
            margin-left: 0;
        }
}

@media (min-width: 641px) {

    .top-row[b-9jrqstf76w] {
        position: sticky;
        top: 0;
        z-index: 1;
    }

        .top-row.auth[b-9jrqstf76w]  a:first-child {
            flex: 1;
            text-align: right;
            width: 0;
        }

    .top-row[b-9jrqstf76w], article[b-9jrqstf76w] {
        padding-left: 2rem !important;
        padding-right: 1.5rem !important;
    }
}

 
/* _content/EffexWebClient/Components/Layout/DisplayLogin.razor.rz.scp.css */

.top-row[b-300e5ary0q] {
    background-color: #f7f7f7;
    border-bottom: 1px solid #d6d5d5;
    justify-content: flex-end;
    height: 3.5rem;
    display: flex;
    align-items: center;
}

    .top-row[b-300e5ary0q]  a, .top-row[b-300e5ary0q]  .btn-link {
        white-space: nowrap;
        margin-left: 1.5rem;
        text-decoration: none;
    }

        .top-row[b-300e5ary0q]  a:hover, .top-row[b-300e5ary0q]  .btn-link:hover {
            text-decoration: underline;
        }

        .top-row[b-300e5ary0q]  a:first-child {
            overflow: hidden;
            text-overflow: ellipsis;
        }

@media (max-width: 640.98px) {
    .top-row[b-300e5ary0q] {
        justify-content: space-between;
    }

        .top-row[b-300e5ary0q]  a, .top-row[b-300e5ary0q]  .btn-link {
            margin-left: 0;
        }
}

@media (min-width: 641px) {

    .top-row[b-300e5ary0q] {
        position: sticky;
        top: 0;
        z-index: 1;
    }

        .top-row.auth[b-300e5ary0q]  a:first-child {
            flex: 1;
            text-align: right;
            width: 0;
        }

    .top-row[b-300e5ary0q], article[b-300e5ary0q] {
        padding-left: 2rem !important;
        padding-right: 1.5rem !important;
    }
}

 
/* _content/EffexWebClient/Components/Layout/ExternalLayout.razor.rz.scp.css */
.page[b-13zbj6e87m] {
    position: relative;
    display: flex;
    flex-direction: column;
}

main[b-13zbj6e87m] {
    flex: 1;
}

.sidebar[b-13zbj6e87m] {
    background-image: linear-gradient(180deg, rgb(5, 39, 103) 0%, #3a0647 70%);
}

.top-row[b-13zbj6e87m] {
    background-color: #f7f7f7;
    border-bottom: 1px solid #d6d5d5;
    justify-content: flex-end;
    height: 3.5rem;
    display: flex;
    align-items: center;
}

    .top-row[b-13zbj6e87m]  a, .top-row[b-13zbj6e87m]  .btn-link {
        white-space: nowrap;
        margin-left: 1.5rem;
        text-decoration: none;
    }

    .top-row[b-13zbj6e87m]  a:hover, .top-row[b-13zbj6e87m]  .btn-link:hover {
        text-decoration: underline;
    }

    .top-row[b-13zbj6e87m]  a:first-child {
        overflow: hidden;
        text-overflow: ellipsis;
    }

@media (max-width: 640.98px) {
    .top-row[b-13zbj6e87m] {
        justify-content: space-between;
    }

    .top-row[b-13zbj6e87m]  a, .top-row[b-13zbj6e87m]  .btn-link {
        margin-left: 0;
    }
}

@media (min-width: 641px) {
    .page[b-13zbj6e87m] {
        flex-direction: row;
    }

    .sidebar[b-13zbj6e87m] {
        width: 250px;
        height: 100vh;
        position: sticky;
        top: 0;
    }

    .top-row[b-13zbj6e87m] {
        position: sticky;
        top: 0;
        z-index: 1;
    }

    .top-row.auth[b-13zbj6e87m]  a:first-child {
        flex: 1;
        text-align: right;
        width: 0;
    }

    .top-row[b-13zbj6e87m], article[b-13zbj6e87m] {
        padding-left: 2rem !important;
        padding-right: 1.5rem !important;
    }
}

#blazor-error-ui[b-13zbj6e87m] {
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

    #blazor-error-ui .dismiss[b-13zbj6e87m] {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }

 
/* _content/EffexWebClient/Components/Layout/ExternalLayoutNavMenu.razor.rz.scp.css */

.top-row[b-r7yi0lgmnp] {
    background-color: #f7f7f7;
    border-bottom: 1px solid #d6d5d5;
    justify-content: flex-end;
    height: 3.5rem;
    display: flex;
    align-items: center;
}

    .top-row[b-r7yi0lgmnp]  a, .top-row[b-r7yi0lgmnp]  .btn-link {
        white-space: nowrap;
        margin-left: 1.5rem;
        text-decoration: none;
    }

        .top-row[b-r7yi0lgmnp]  a:hover, .top-row[b-r7yi0lgmnp]  .btn-link:hover {
            text-decoration: underline;
        }

        .top-row[b-r7yi0lgmnp]  a:first-child {
            overflow: hidden;
            text-overflow: ellipsis;
        }

@media (max-width: 640.98px) {
    .top-row[b-r7yi0lgmnp] {
        justify-content: space-between;
    }

        .top-row[b-r7yi0lgmnp]  a, .top-row[b-r7yi0lgmnp]  .btn-link {
            margin-left: 0;
        }
}

@media (min-width: 641px) {

    .top-row[b-r7yi0lgmnp] {
        position: sticky;
        top: 0;
        z-index: 1;
    }

        .top-row.auth[b-r7yi0lgmnp]  a:first-child {
            flex: 1;
            text-align: right;
            width: 0;
        }

    .top-row[b-r7yi0lgmnp], article[b-r7yi0lgmnp] {
        padding-left: 2rem !important;
        padding-right: 1.5rem !important;
    }
}
/* _content/EffexWebClient/Components/Layout/MainLayout.razor.rz.scp.css */
.page[b-9xw32y2jdc] {
    position: relative;
    display: flex;
    flex-direction: column;
}

main[b-9xw32y2jdc] {
    flex: 1;
}

.sidebar[b-9xw32y2jdc] {
    background-image: linear-gradient(180deg, rgb(5, 39, 103) 0%, #3a0647 70%);
}

.top-row[b-9xw32y2jdc] {
    background-color: #f7f7f7;
    border-bottom: 1px solid #d6d5d5;
    justify-content: flex-end;
    height: 3.5rem;
    display: flex;
    align-items: center;
}

    .top-row[b-9xw32y2jdc]  a, .top-row[b-9xw32y2jdc]  .btn-link {
        white-space: nowrap;
        margin-left: 1.5rem;
        text-decoration: none;
    }

    .top-row[b-9xw32y2jdc]  a:hover, .top-row[b-9xw32y2jdc]  .btn-link:hover {
        text-decoration: underline;
    }

    .top-row[b-9xw32y2jdc]  a:first-child {
        overflow: hidden;
        text-overflow: ellipsis;
    }

@media (max-width: 640.98px) {
    .top-row[b-9xw32y2jdc] {
        justify-content: space-between;
    }

    .top-row[b-9xw32y2jdc]  a, .top-row[b-9xw32y2jdc]  .btn-link {
        margin-left: 0;
    }
}

@media (min-width: 641px) {
    .page[b-9xw32y2jdc] {
        flex-direction: row;
    }

    .sidebar[b-9xw32y2jdc] {
        width: 250px;
        height: 100vh;
        position: sticky;
        top: 0;
    }

    .top-row[b-9xw32y2jdc] {
        position: sticky;
        top: 0;
        z-index: 1;
    }

    .top-row.auth[b-9xw32y2jdc]  a:first-child {
        flex: 1;
        text-align: right;
        width: 0;
    }

    .top-row[b-9xw32y2jdc], article[b-9xw32y2jdc] {
        padding-left: 2rem !important;
        padding-right: 1.5rem !important;
    }
}

#blazor-error-ui[b-9xw32y2jdc] {
    color-scheme: light only;
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    box-sizing: border-box;
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

    #blazor-error-ui .dismiss[b-9xw32y2jdc] {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }
/* _content/EffexWebClient/Components/Layout/NavMenu.razor.rz.scp.css */
/* Custom styles for the navbar to enhance Bootstrap without overriding alignments */

/* Navbar toggler styling for mobile */
.navbar-toggler[b-zldj0f75yr] {
    border: 1px solid rgba(0, 0, 0, 0.1);
    padding: 0.25rem 0.75rem;
    background-color: transparent;
    cursor: pointer;
}

/* Ensure toggler icon uses Bootstrap's default */
.navbar-toggler-icon[b-zldj0f75yr] {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(0, 0, 0, 0.55)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

/* Navbar brand styling */
.navbar-brand[b-zldj0f75yr] {
    font-size: 1.25rem;
    display: flex;
    align-items: center;
}

/* Bootstrap icon styling */
.bi[b-zldj0f75yr] {
    display: inline-block;
    width: 1rem;
    height: 1rem;
    margin-right: 0.5rem;
    vertical-align: text-bottom;
}

/* Custom icon for Applications nav link */
.bi-apps[b-zldj0f75yr] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-code-slash' viewBox='0 0 16 16'%3E%3Cpath d='M10.478 1.647a.5.5 0 1 0-.956-.294l-4 13a.5.5 0 0 0 .956.294l4-13zM4.854 4.146a.5.5 0 0 1 0 .708L1.707 8l3.147 3.146a.5.5 0 0 1-.708.708l-3.5-3.5a.5.5 0 0 1 0-.708l3.5-3.5a.5.5 0 0 1 .708 0zm6.292 0a.5.5 0 0 0 0 .708L14.293 8l-3.147 3.146a.5.5 0 0 0 .708.708l3.5-3.5a.5.5 0 0 0 0-.708l-3.5-3.5a.5.5 0 0 0-.708 0z'/%3E%3C/svg%3E");
}

/* Custom icon for Settings nav link */
.bi-settings[b-zldj0f75yr] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-gear' viewBox='0 0 16 16'%3E%3Cpath d='M8 4.754a3.246 3.246 0 1 0 0 6.492 3.246 3.246 0 0 0 0-6.492zM5.754 8a2.246 2.246 0 1 1 4.492 0 2.246 2.246 0 0 1-4.492 0z'/%3E%3Cpath d='M9.796 1.343c-.527-1.79-3.065-1.79-3.592 0l-.094.319a.873.873 0 0 0-.52 1.255l.16.26c.764 1.234 2.012 1.234 2.776 0l.16-.26a.873.873 0 0 0-.52-1.255l-.094-.319zm-5.618 2.256a.873.873 0 0 0-1.255-.52l-.319.094c-1.79.527-1.79 3.065 0 3.592l.319.094a.873.873 0 0 0 1.255-.52l.094-.319c.527-1.79-.948-3.372-2.776-2.776l-.094.319zm-2.633 5.318a.873.873 0 0 0-.52 1.255l.094.319c.527 1.79 3.065 1.79 3.592 0l.094-.319a.873.873 0 0 0-.52-1.255l-.319-.094c-1.79-.527-3.372.948-2.776 2.776l-.319-.094zm9.974 3.592c1.79-.527 1.79-3.065 0-3.592l-.319-.094a.873.873 0 0 0-1.255.52l-.094.319c-.527 1.79.948 3.372 2.776 2.776l.094-.319a.873.873 0 0 0 .52-1.255l.319.094z'/%3E%3C/svg%3E");
}
.bi-logout[b-zldj0f75yr] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-box-arrow-right' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M10 12.5a.5.5 0 0 1-.5.5h-8a.5.5 0 0 1-.5-.5v-9a.5.5 0 0 1 .5-.5h8a.5.5 0 0 1 .5.5v2a.5.5 0 0 0 1 0v-2A1.5 1.5 0 0 0 9.5 2h-8A1.5 1.5 0 0 0 0 3.5v9A1.5 1.5 0 0 0 1.5 14h8a1.5 1.5 0 0 0 1.5-1.5v-2a.5.5 0 0 0-1 0v2z'/%3E%3Cpath fill-rule='evenodd' d='M15.854 8.354a.5.5 0 0 0 0-.708l-3-3a.5.5 0 0 0-.708.708L14.293 7.5H5.5a.5.5 0 0 0 0 1h8.793l-2.147 2.146a.5.5 0 0 0 .708.708l3-3z'/%3E%3C/svg%3E");
}

/* Nav item styling */
.nav-item[b-zldj0f75yr] {
    display: flex;
    align-items: center;
}

/* Nav link styling */
.nav-link[b-zldj0f75yr] {
    color: #333;
    border-radius: 4px;
    padding: 0.5rem 1rem;
    display: flex;
    align-items: center;
    transition: background-color 0.2s ease-in-out;
}

    /* Active nav link */
    .nav-link.active[b-zldj0f75yr] {
        background-color: rgba(0, 0, 0, 0.1);
        color: #000;
    }

    /* Hover effect for nav links */
    .nav-link:hover[b-zldj0f75yr] {
        background-color: rgba(0, 0, 0, 0.05);
        color: #000;
    }

/* Mobile-first adjustments */
@media (max-width: 991.98px) {
    .nav-item[b-zldj0f75yr] {
        padding: 0.25rem 0;
    }

    .nav-link[b-zldj0f75yr] {
        padding: 0.5rem 1rem;
    }
}

/* Ensure navbar scrollable content is hidden by default and shown when toggler is active */
.nav-scrollable[b-zldj0f75yr] {
    display: none;
}

.navbar-collapse.show .nav-scrollable[b-zldj0f75yr] {
    display: block;
}

/* Desktop adjustments */
@media (min-width: 992px) {
    .nav-scrollable[b-zldj0f75yr] {
        display: block;
    }
}
/* _content/EffexWebClient/Components/Pages/AppDesign/AppDesignHome.razor.rz.scp.css */
header[b-v18uidjx0n] {
    background-color: #ffffff;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.main-section[b-v18uidjx0n] {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4rem 1rem;
    text-align: center;
}

    .main-section h2[b-v18uidjx0n] {
        font-weight: 300;
        color: #212529;
        margin-bottom: 1.5rem;
    }

    .main-section p[b-v18uidjx0n] {
        color: #6c757d;
        max-width: 600px;
        margin-bottom: 2rem;
    }

.activity-section[b-v18uidjx0n] {
    background-color: #ffffff;
    padding: 4rem 1rem;
}

    .activity-section h3[b-v18uidjx0n] {
        font-weight: 300;
        color: #212529;
        margin-bottom: 1.5rem;
        text-align: center;
    }

.activity-item[b-v18uidjx0n] {
    background-color: #f8f9fa;
    padding: 1rem;
    border-radius: 0.5rem;
    margin-bottom: 1rem;
}
/* _content/EffexWebClient/Components/Pages/AppDev/Apis/Apis.razor.rz.scp.css */
.tickets-page[b-zlt05uww9f] {
    --filter-bar-height: 3.25rem;
}

[b-zlt05uww9f] .tickets-grid {
    table-layout: fixed;
    border-collapse: separate;
    border-spacing: 0;
    width: 100%;
    --col-gap: 0.1rem;
}

[b-zlt05uww9f] thead {
    position: sticky;
    top: calc(var(--header-height) + var(--filter-bar-height));
    background: var(--neutral-fill-stealth-active);
    z-index: 1;
    border-bottom: 1px solid silver;
}

[b-zlt05uww9f] .col-title {
    font-weight: 600 !important;
    padding: 0.4rem 0.8rem !important;
}

[b-zlt05uww9f] .tickets-grid td {
    border-bottom: calc(var(--stroke-width)* 1px) solid var(--neutral-stroke-divider-rest);
    height: 34px;
}

[b-zlt05uww9f] th {
    padding: 0 0 0.2rem 0;
    border-bottom: calc(var(--stroke-width)* 1px) solid var(--neutral-layer-4);
}

    [b-zlt05uww9f] th.ticket-id {
        width: 100px;
    }

    [b-zlt05uww9f] th.ticket-satisfaction {
        width: 120px;
    }

    [b-zlt05uww9f] th.ticket-messages {
        width: 120px;
    }

    [b-zlt05uww9f] th.ticket-customer {
        width: 20%;
    }

    [b-zlt05uww9f] th.ticket-summary {
        width: 60%;
    }

[b-zlt05uww9f] .tickets-grid tbody > tr > td {
    white-space: nowrap;
    padding-left: 0.8rem;
}

[b-zlt05uww9f] .tickets-grid thead > tr > th button {
    border-radius: calc(var(--control-corner-radius)* 1px);
    color: var(--neutral-foreground-rest);
    padding: 0.4rem 0.8rem !important;
}

[b-zlt05uww9f] .sort-indicator {
    display: none;
}

[b-zlt05uww9f] th.col-sort-asc .sort-indicator, [b-zlt05uww9f] th.col-sort-desc .sort-indicator {
    display: block;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' slot='end' style='width: 24px; stroke-width:0.5px; stroke: rgb(45,156,230); fill:rgb(45,156,230)' focusable='false' viewBox='0 0 24 24' aria-hidden='true'%3E%3C!--!--%3E%3Cpath d='M11.65 4h.1c.38 0 .7.28.74.65l.01.1v12.7l3.22-3.23c.27-.26.68-.29.98-.07l.08.07c.27.27.3.69.07.98l-.07.09-4.5 4.5a.75.75 0 0 1-.97.07l-.09-.07-4.5-4.5a.75.75 0 0 1 .98-1.14l.08.07L11 17.44V4.75c0-.38.28-.7.65-.74l.1-.01h-.1Z'%3E%3C/path%3E%3C/svg%3E%0A");
    opacity: 1;
}

[b-zlt05uww9f] tbody tr:hover {
    background: var(--neutral-fill-stealth-hover);
}

[b-zlt05uww9f] .link-col {
    display: block;
    text-decoration: none;
    color: var(--neutral-foreground-rest);
    margin: -0.4rem;
    padding: 0.4rem;
    text-overflow: ellipsis;
    overflow: hidden;
}

[b-zlt05uww9f] .ticket-summary {
    filter: saturate(0.7);
}

.spacer[b-zlt05uww9f] {
    display: inline-block;
}

[b-zlt05uww9f] .tickets-loading {
    margin: 20vh auto;
    width: 50vw;
}

/* Title Bar Styles */
.title-bar[b-zlt05uww9f] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1px 1px;
}

    .title-bar h6[b-zlt05uww9f] {
        margin: 0;
        font-size: 1.5rem;
    }

 
/* _content/EffexWebClient/Components/Pages/AppDev/Api/Api.razor.rz.scp.css */
 

.json-viewer[b-helwy44gul] {
    white-space: pre-wrap;
    word-wrap: break-word;
    background-color: #f8f9fa;
    padding: 5px;
    border: 1px solid #ccc;
}
/* _content/EffexWebClient/Components/Pages/AppDev/Api/GenerateApis.razor.rz.scp.css */
 

.json-viewer[b-rgmllfdi7k] {
    white-space: pre-wrap;
    word-wrap: break-word;
    background-color: #f8f9fa;
    padding: 5px;
    border: 1px solid #ccc;
}
/* _content/EffexWebClient/Components/Pages/AppDev/AppDevHome.razor.rz.scp.css */
header[b-82qjxjde3n] {
    background-color: #ffffff;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.main-section[b-82qjxjde3n] {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4rem 1rem;
    text-align: center;
}

    .main-section h2[b-82qjxjde3n] {
        font-weight: 300;
        color: #212529;
        margin-bottom: 1.5rem;
    }

    .main-section p[b-82qjxjde3n] {
        color: #6c757d;
        max-width: 600px;
        margin-bottom: 2rem;
    }

.activity-section[b-82qjxjde3n] {
    background-color: #ffffff;
    padding: 4rem 1rem;
}

    .activity-section h3[b-82qjxjde3n] {
        font-weight: 300;
        color: #212529;
        margin-bottom: 1.5rem;
        text-align: center;
    }

.activity-item[b-82qjxjde3n] {
    background-color: #f8f9fa;
    padding: 1rem;
    border-radius: 0.5rem;
    margin-bottom: 1rem;
}
/* _content/EffexWebClient/Components/Pages/AppDev/Datatables/Datatables.razor.rz.scp.css */
.tickets-page[b-r7v2jz6tno] {
    --filter-bar-height: 3.25rem;
}

[b-r7v2jz6tno] .tickets-grid {
    table-layout: fixed;
    border-collapse: separate;
    border-spacing: 0;
    width: 100%;
    --col-gap: 0.1rem;
}

[b-r7v2jz6tno] thead {
    position: sticky;
    top: calc(var(--header-height) + var(--filter-bar-height));
    background: var(--neutral-fill-stealth-active);
    z-index: 1;
    border-bottom: 1px solid silver;
}

[b-r7v2jz6tno] .col-title {
    font-weight: 600 !important;
    padding: 0.4rem 0.8rem !important;
}

[b-r7v2jz6tno] .tickets-grid td {
    border-bottom: calc(var(--stroke-width)* 1px) solid var(--neutral-stroke-divider-rest);
    height: 34px;
}

[b-r7v2jz6tno] th {
    padding: 0 0 0.2rem 0;
    border-bottom: calc(var(--stroke-width)* 1px) solid var(--neutral-layer-4);
}

    [b-r7v2jz6tno] th.ticket-id {
        width: 100px;
    }

    [b-r7v2jz6tno] th.ticket-satisfaction {
        width: 120px;
    }

    [b-r7v2jz6tno] th.ticket-messages {
        width: 120px;
    }

    [b-r7v2jz6tno] th.ticket-customer {
        width: 20%;
    }

    [b-r7v2jz6tno] th.ticket-summary {
        width: 60%;
    }

[b-r7v2jz6tno] .tickets-grid tbody > tr > td {
    white-space: nowrap;
    padding-left: 0.8rem;
}

[b-r7v2jz6tno] .tickets-grid thead > tr > th button {
    border-radius: calc(var(--control-corner-radius)* 1px);
    color: var(--neutral-foreground-rest);
    padding: 0.4rem 0.8rem !important;
}

[b-r7v2jz6tno] .sort-indicator {
    display: none;
}

[b-r7v2jz6tno] th.col-sort-asc .sort-indicator, [b-r7v2jz6tno] th.col-sort-desc .sort-indicator {
    display: block;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' slot='end' style='width: 24px; stroke-width:0.5px; stroke: rgb(45,156,230); fill:rgb(45,156,230)' focusable='false' viewBox='0 0 24 24' aria-hidden='true'%3E%3C!--!--%3E%3Cpath d='M11.65 4h.1c.38 0 .7.28.74.65l.01.1v12.7l3.22-3.23c.27-.26.68-.29.98-.07l.08.07c.27.27.3.69.07.98l-.07.09-4.5 4.5a.75.75 0 0 1-.97.07l-.09-.07-4.5-4.5a.75.75 0 0 1 .98-1.14l.08.07L11 17.44V4.75c0-.38.28-.7.65-.74l.1-.01h-.1Z'%3E%3C/path%3E%3C/svg%3E%0A");
    opacity: 1;
}

[b-r7v2jz6tno] tbody tr:hover {
    background: var(--neutral-fill-stealth-hover);
}

[b-r7v2jz6tno] .link-col {
    display: block;
    text-decoration: none;
    color: var(--neutral-foreground-rest);
    margin: -0.4rem;
    padding: 0.4rem;
    text-overflow: ellipsis;
    overflow: hidden;
}

[b-r7v2jz6tno] .ticket-summary {
    filter: saturate(0.7);
}

.spacer[b-r7v2jz6tno] {
    display: inline-block;
}

[b-r7v2jz6tno] .tickets-loading {
    margin: 20vh auto;
    width: 50vw;
}
/* Title Bar Styles */
.title-bar[b-r7v2jz6tno] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1px 1px;
}

    .title-bar h6[b-r7v2jz6tno] {
        margin: 0;
        font-size: 1.5rem;
    }

/* Green Button Styles */
.btn-green[b-r7v2jz6tno] {
    color: #28a745;
    border-radius: 1px;
    font-weight: bold;
}


.btn-icon[b-r7v2jz6tno] {
    margin-right: 2px;
}
/* _content/EffexWebClient/Components/Pages/AppDev/DevAIDataTableAssistant/DatatableAssistantMessage.razor.rz.scp.css */
.message[b-moscueevcc] {
    display: grid;
    grid-template-columns: 2rem 1fr;
    grid-template-rows: min-content min-content;
    grid-template-areas:
        "sender-icon sender-name"
        ". message";
    gap: 0.25rem .75rem;
    animation: message-appear-b-moscueevcc 0.25s ease-out;
    overflow-y: hidden;
}

@keyframes message-appear-b-moscueevcc {
    0% {
        max-height: 0;
        opacity: 0;
    }

    100% {
        opacity: 1;
        max-height: 100px;
    }
}

.message[b-moscueevcc]  .initials {
    background-color: grey;
}

.message.assistant[b-moscueevcc]  .initials {
    background-color: #b6ff00;
}

.message.assistant:not(.visible)[b-moscueevcc] {
    display: none;
}

.sender-icon[b-moscueevcc] {
    grid-area: sender-icon;
    align-self: center;
    justify-self: center;
}

    .sender-icon[b-moscueevcc]  img {
        width: 28px !important;
    }

.sender-name[b-moscueevcc] {
    grid-area: sender-name;
    font-size: 1rem;
    font-weight: 600;
    align-self: center;
}

.message-content[b-moscueevcc] {
    grid-area: message;
}

.message-text[b-moscueevcc] {
    white-space: pre-line;
    word-break: break-word;
}

.search-info[b-moscueevcc] {
    font-weight: 500;
    margin-bottom: 0.5rem;
}

    .search-info[b-moscueevcc]:before {
        content: 'Searching: ';
    }

.reference-link[b-moscueevcc] {
    display: flex;
    text-decoration: none;
    background-color: rgba(128, 128, 128, 0.3);
    padding: 0.5rem 0.9rem;
    border-radius: 0.5rem;
    margin-top: 1rem;
}

    .reference-link .ref-text[b-moscueevcc] {
        display: -webkit-box;
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    }

        .reference-link svg[b-moscueevcc] {
            color: var(--neutral-foreground-rest);
            width: var(--type-ramp-base-line-height);
            height: var(--type-ramp-base-line-height);
            flex-grow: 0;
            flex-shrink: 0;
            margin-right: 0.4rem;
        }

html:not(.dark-mode) .reference-link[b-moscueevcc] {
    color: var(--accent-fill-rest);
}

[b-moscueevcc] .use-as-reply {
    margin-top: 0.8rem;
    text-align: center;
}
/* _content/EffexWebClient/Components/Pages/AppDev/DevAIDataTableAssistant/DatatableHome.razor.rz.scp.css */
.messages-scroller[b-mklh797ugz] {
    /* Make the scrollbar default to being at the end, instead of the start */
    display: flex;
    flex-direction: column-reverse;
    overflow-y: auto;
    flex-grow: 1;
}

.messages[b-mklh797ugz] {
    display: flex;
    flex-direction: column;
    padding: 1rem 1.5rem 0 0.75rem;
    gap: 1rem;
    align-items: flex-start;
    margin-bottom: auto;
}

.suggestions[b-mklh797ugz] {
    padding: 0.5rem;
    padding-right: 0;
    font-size: 0.85rem;
    width: 100%;
}

    .suggestions p[b-mklh797ugz] {
        opacity: 0.8;
        font-size: 0.85rem;
    }

    .suggestions a svg[b-mklh797ugz] {
        width: 1rem;
        color: var(--accent-fill-rest);
        flex-shrink: 0;
        flex-grow: 0;
        margin-top: 0.15rem;
    }

    .suggestions a[b-mklh797ugz] {
        display: flex;
        flex-direction: row;
        align-items: flex-start;
        gap: 0.5rem;
        background-color: var(--neutral-layer-floating);
        border: 1px solid var(--neutral-stroke-input-active);
        margin-top: 0.75rem;
        padding: 0.75rem;
        border-radius: 0.5rem;
        text-decoration: none;
        color: #404040;
    }

        .suggestions a:hover[b-mklh797ugz] {
            border-color: var(--accent-fill-rest) !important;
        }

html.dark-mode .suggestions a[b-mklh797ugz] {
    background-color: var(--neutral-stroke-focus);
    border: 1px solid var(--neutral-stroke-hover);
    color: var(--neutral-foreground-rest);
}

[b-mklh797ugz] .stop-responding {
    flex-shrink: 0;
    opacity: 0;
    visibility: hidden;
    transition: opacity, transform;
    transition-duration: 0.3s;
    transition-timing-function: ease-out;
    transition-delay: 0.5s;
    transform: translateY(0.25rem);
}

.write-message.in-progress[b-mklh797ugz]  .stop-responding {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

.write-message[b-mklh797ugz] {
    height: 160px;
    flex-shrink: 0;
    padding: 0.5rem 1rem 1.5rem 1rem;
    z-index: 1;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    align-items: center;
}

[b-mklh797ugz] fluent-text-area {
    --control-corner-radius: 20;
    /* We can't display the blue highlight at the bottom because it can't draw large on a large border radius */
    /* Notice that in real Copilot UIs it also doesn't use the blue highlight on this textarea */
    --focus-stroke-width: 0;
}

    [b-mklh797ugz] fluent-text-area::part(control) {
        flex-grow: 1;
        padding: 1rem;
        border: 1px solid var(--neutral-stroke-rest);
    }

.results-pane[b-mklh797ugz] {
    flex: 0 0 50%;
    min-width: 200px;
}
.divider[b-mklh797ugz] {
    width: 5px;
    background: #dee2e6;
    cursor: col-resize;
    user-select: none;
}
.chat-messages[b-mklh797ugz] {
    flex-grow: 1;
    overflow-y: auto;
    padding: 20px;
}
.chat-input[b-mklh797ugz] {
    border-top: 1px solid #dee2e6;
    padding: 10px;
}
.tab-content[b-mklh797ugz] {
    flex-grow: 1;
    overflow-y: auto;
}
.tab-pane[b-mklh797ugz] {
    height: 100%;
    overflow-y: auto;
}
.message-user[b-mklh797ugz] {
    max-width: 70%;
    margin-bottom: 15px;
}
.message-assistant[b-mklh797ugz] {
    max-width: 70%;
    margin-bottom: 5px;
    margin-left: auto;
}
.tab-header[b-mklh797ugz] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 10px;
    border-bottom: 1px solid #dee2e6;
}
.command-panel[b-mklh797ugz] {
    display: flex;
    align-items: center;
}
.command-panel .nav-link[b-mklh797ugz] {
    padding: 0.5rem;
    color: #0d6efd;
}
.command-panel .nav-link:hover[b-mklh797ugz] {
    color: #005cbf;
}

/* _content/EffexWebClient/Components/Pages/AppDev/DevAIPageAssistant/PageAssistantMessage.razor.rz.scp.css */
.message[b-kghwho6l1g] {
    display: grid;
    grid-template-columns: 2rem 1fr;
    grid-template-rows: min-content min-content;
    grid-template-areas:
        "sender-icon sender-name"
        ". message";
    gap: 0.25rem .75rem;
    animation: message-appear-b-kghwho6l1g 0.25s ease-out;
    overflow-y: hidden;
}

@keyframes message-appear-b-kghwho6l1g {
    0% {
        max-height: 0;
        opacity: 0;
    }

    100% {
        opacity: 1;
        max-height: 100px;
    }
}

.message[b-kghwho6l1g]  .initials {
    background-color: grey;
}

.message.assistant[b-kghwho6l1g]  .initials {
    background-color: #b6ff00;
}

.message.assistant:not(.visible)[b-kghwho6l1g] {
    display: none;
}

.sender-icon[b-kghwho6l1g] {
    grid-area: sender-icon;
    align-self: center;
    justify-self: center;
}

    .sender-icon[b-kghwho6l1g]  img {
        width: 28px !important;
    }

.sender-name[b-kghwho6l1g] {
    grid-area: sender-name;
    font-size: 1rem;
    font-weight: 600;
    align-self: center;
}

.message-content[b-kghwho6l1g] {
    grid-area: message;
}

.message-text[b-kghwho6l1g] {
    white-space: pre-line;
    word-break: break-word;
}

.search-info[b-kghwho6l1g] {
    font-weight: 500;
    margin-bottom: 0.5rem;
}

    .search-info[b-kghwho6l1g]:before {
        content: 'Searching: ';
    }

.reference-link[b-kghwho6l1g] {
    display: flex;
    text-decoration: none;
    background-color: rgba(128, 128, 128, 0.3);
    padding: 0.5rem 0.9rem;
    border-radius: 0.5rem;
    margin-top: 1rem;
}

    .reference-link .ref-text[b-kghwho6l1g] {
        display: -webkit-box;
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    }

        .reference-link svg[b-kghwho6l1g] {
            color: var(--neutral-foreground-rest);
            width: var(--type-ramp-base-line-height);
            height: var(--type-ramp-base-line-height);
            flex-grow: 0;
            flex-shrink: 0;
            margin-right: 0.4rem;
        }

html:not(.dark-mode) .reference-link[b-kghwho6l1g] {
    color: var(--accent-fill-rest);
}

[b-kghwho6l1g] .use-as-reply {
    margin-top: 0.8rem;
    text-align: center;
}
/* _content/EffexWebClient/Components/Pages/AppDev/DevAIPageAssistant/UIPageEditUpdateHome.razor.rz.scp.css */
.my-1[b-hw417gzdw8] {
    height: calc(100vh - 60px);
    overflow: hidden;
}

.header[b-hw417gzdw8] {
    padding: 10px;
    border-bottom: 1px solid #e0e0e0;
}

.messages-scroller[b-hw417gzdw8] {
    flex: 1;
    overflow-y: auto;
    padding: 10px;
    max-height: calc(100vh - 350px); /* Adjust based on input form height */
}

.messages[b-hw417gzdw8] {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.message[b-hw417gzdw8] {
    display: flex;
    gap: 10px;
    padding: 10px;
    border-radius: 8px;
    max-width: 80%;
}

    .message.user[b-hw417gzdw8] {
        background-color: #e6f3ff;
        margin-left: auto;
    }

    .message.assistant[b-hw417gzdw8] {
        background-color: #f5f5f5;
        margin-right: auto;
    }

.sender-icon[b-hw417gzdw8] {
    align-self: flex-start;
}

.sender-name[b-hw417gzdw8] {
    font-weight: bold;
    margin-bottom: 5px;
}

.message-content[b-hw417gzdw8] {
    flex: 1;
}

.message-text[b-hw417gzdw8] {
    word-wrap: break-word;
}

.assistant-input[b-hw417gzdw8] {
    padding: 10px;
    border-top: 1px solid #e0e0e0;
    overflow-y: auto;
    max-height: 300px; /* Limit input form height */
}

.write-message.in-progress .fluent-text-field[b-hw417gzdw8],
.write-message.in-progress .fluent-text-area[b-hw417gzdw8] {
    opacity: 0.5;
}

.form-actions[b-hw417gzdw8] {
    display: flex;
    gap: 10px;
    justify-content: flex-end;
}

[b-hw417gzdw8] fluent-text-area {
    --control-corner-radius: 20;
    /* We can't display the blue highlight at the bottom because it can't draw large on a large border radius */
    /* Notice that in real Copilot UIs it also doesn't use the blue highlight on this textarea */
    --focus-stroke-width: 0;
}

    [b-hw417gzdw8] fluent-text-area::part(control) {
        flex-grow: 1;
        padding: 1rem;
        border: 1px solid var(--neutral-stroke-rest);
    }

.preview-container[b-hw417gzdw8], .code-container[b-hw417gzdw8] {
    padding: 10px;
    min-height: 400px;
    overflow-y: auto;
    max-height: calc(100vh - 150px); /* Adjust for tabs and padding */
}

.preview-content[b-hw417gzdw8] {
    border: 1px solid #e0e0e0;
    padding: 10px;
    border-radius: 4px;
}

.code-actions[b-hw417gzdw8] {
    display: flex;
    gap: 10px;
    margin-bottom: 10px;
}

.panel-hidden[b-hw417gzdw8] {
    display: none;
}
/* _content/EffexWebClient/Components/Pages/AppDev/DevAIPageAssistant/UIPageHome.razor.rz.scp.css */
.my-1[b-bt5ttx0xco] {
    height: calc(100vh - 60px);
    overflow: hidden;
}

.header[b-bt5ttx0xco] {
    padding: 10px;
    border-bottom: 1px solid #e0e0e0;
}

.messages-scroller[b-bt5ttx0xco] {
    flex: 1;
    overflow-y: auto;
    padding: 10px;
    max-height: calc(100vh - 350px); /* Adjust based on input form height */
}

.messages[b-bt5ttx0xco] {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.message[b-bt5ttx0xco] {
    display: flex;
    gap: 10px;
    padding: 10px;
    border-radius: 8px;
    max-width: 80%;
}

    .message.user[b-bt5ttx0xco] {
        background-color: #e6f3ff;
        margin-left: auto;
    }

    .message.assistant[b-bt5ttx0xco] {
        background-color: #f5f5f5;
        margin-right: auto;
    }

.sender-icon[b-bt5ttx0xco] {
    align-self: flex-start;
}

.sender-name[b-bt5ttx0xco] {
    font-weight: bold;
    margin-bottom: 5px;
}

.message-content[b-bt5ttx0xco] {
    flex: 1;
}

.message-text[b-bt5ttx0xco] {
    word-wrap: break-word;
}

.assistant-input[b-bt5ttx0xco] {
    padding: 10px;
    border-top: 1px solid #e0e0e0;
    overflow-y: auto;
    max-height: 300px; /* Limit input form height */
}

.write-message.in-progress .fluent-text-field[b-bt5ttx0xco],
.write-message.in-progress .fluent-text-area[b-bt5ttx0xco] {
    opacity: 0.5;
}

.form-actions[b-bt5ttx0xco] {
    display: flex;
    gap: 10px;
    justify-content: flex-end;
}

[b-bt5ttx0xco] fluent-text-area {
    --control-corner-radius: 20;
    /* We can't display the blue highlight at the bottom because it can't draw large on a large border radius */
    /* Notice that in real Copilot UIs it also doesn't use the blue highlight on this textarea */
    --focus-stroke-width: 0;
}

    [b-bt5ttx0xco] fluent-text-area::part(control) {
        flex-grow: 1;
        padding: 1rem;
        border: 1px solid var(--neutral-stroke-rest);
    }

.preview-container[b-bt5ttx0xco], .code-container[b-bt5ttx0xco] {
    padding: 10px;
    min-height: 400px;
    overflow-y: auto;
    max-height: calc(100vh - 150px); /* Adjust for tabs and padding */
}

.preview-content[b-bt5ttx0xco] {
    border: 1px solid #e0e0e0;
    padding: 10px;
    border-radius: 4px;
}

.code-actions[b-bt5ttx0xco] {
    display: flex;
    gap: 10px;
    margin-bottom: 10px;
}

.panel-hidden[b-bt5ttx0xco] {
    display: none;
}
/* _content/EffexWebClient/Components/Pages/AppDev/DevAIPageAssistant/WebpageEditUpdateHome.razor.rz.scp.css */
.my-1[b-v8ck8yb25g] {
    height: calc(100vh - 60px);
    overflow: hidden;
}

.header[b-v8ck8yb25g] {
    padding: 10px;
    border-bottom: 1px solid #e0e0e0;
}

.messages-scroller[b-v8ck8yb25g] {
    flex: 1;
    overflow-y: auto;
    padding: 10px;
    max-height: calc(100vh - 350px); /* Adjust based on input form height */
}

.messages[b-v8ck8yb25g] {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.message[b-v8ck8yb25g] {
    display: flex;
    gap: 10px;
    padding: 10px;
    border-radius: 8px;
    max-width: 80%;
}

    .message.user[b-v8ck8yb25g] {
        background-color: #e6f3ff;
        margin-left: auto;
    }

    .message.assistant[b-v8ck8yb25g] {
        background-color: #f5f5f5;
        margin-right: auto;
    }

.sender-icon[b-v8ck8yb25g] {
    align-self: flex-start;
}

.sender-name[b-v8ck8yb25g] {
    font-weight: bold;
    margin-bottom: 5px;
}

.message-content[b-v8ck8yb25g] {
    flex: 1;
}

.message-text[b-v8ck8yb25g] {
    word-wrap: break-word;
}

.assistant-input[b-v8ck8yb25g] {
    padding: 10px;
    border-top: 1px solid #e0e0e0;
    overflow-y: auto;
    max-height: 300px; /* Limit input form height */
}

.write-message.in-progress .fluent-text-field[b-v8ck8yb25g],
.write-message.in-progress .fluent-text-area[b-v8ck8yb25g] {
    opacity: 0.5;
}

.form-actions[b-v8ck8yb25g] {
    display: flex;
    gap: 10px;
    justify-content: flex-end;
}

[b-v8ck8yb25g] fluent-text-area {
    --control-corner-radius: 20;
    /* We can't display the blue highlight at the bottom because it can't draw large on a large border radius */
    /* Notice that in real Copilot UIs it also doesn't use the blue highlight on this textarea */
    --focus-stroke-width: 0;
}

    [b-v8ck8yb25g] fluent-text-area::part(control) {
        flex-grow: 1;
        padding: 1rem;
        border: 1px solid var(--neutral-stroke-rest);
    }

.preview-container[b-v8ck8yb25g], .code-container[b-v8ck8yb25g] {
    padding: 10px;
    min-height: 400px;
    overflow-y: auto;
    max-height: calc(100vh - 150px); /* Adjust for tabs and padding */
}

.preview-content[b-v8ck8yb25g] {
    border: 1px solid #e0e0e0;
    padding: 10px;
    border-radius: 4px;
}

.code-actions[b-v8ck8yb25g] {
    display: flex;
    gap: 10px;
    margin-bottom: 10px;
}

.panel-hidden[b-v8ck8yb25g] {
    display: none;
}
/* _content/EffexWebClient/Components/Pages/AppDev/Pages/Pages.razor.rz.scp.css */
/* Title Bar Styles */
.title-bar[b-ovi5z11sa5] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1px 1px;
}

    .title-bar h6[b-ovi5z11sa5] {
        margin: 0;
        font-size: 1.5rem;
    }
/* _content/EffexWebClient/Components/Pages/AppSettings/AdminDashboard.razor.rz.scp.css */
.error-container[b-9ay32wez2p] {
    max-width: 600px;
    margin: 2rem auto;
    padding: 1.5rem;
    border: 1px solid #ff4d4f;
    border-radius: 8px;
    background-color: #fff1f0;
    text-align: center;
}

.error-message[b-9ay32wez2p] {
    color: #cf1322;
    font-size: 1.1rem;
    margin-bottom: 1.5rem;
}

.btn-primary[b-9ay32wez2p] {
    background-color: #1890ff;
    color: white;
    padding: 0.5rem 1rem;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    transition: background-color 0.3s;
}

    .btn-primary:hover[b-9ay32wez2p] {
        background-color: #40a9ff;
    }
/* _content/EffexWebClient/Components/Pages/AppSettings/AppSettingsHome.razor.rz.scp.css */
header[b-dpkl2ajbp7] {
    background-color: #ffffff;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.main-section[b-dpkl2ajbp7] {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4rem 1rem;
    text-align: center;
}

    .main-section h2[b-dpkl2ajbp7] {
        font-weight: 300;
        color: #212529;
        margin-bottom: 1.5rem;
    }

    .main-section p[b-dpkl2ajbp7] {
        color: #6c757d;
        max-width: 600px;
        margin-bottom: 2rem;
    }

.activity-section[b-dpkl2ajbp7] {
    background-color: #ffffff;
    padding: 4rem 1rem;
}

    .activity-section h3[b-dpkl2ajbp7] {
        font-weight: 300;
        color: #212529;
        margin-bottom: 1.5rem;
        text-align: center;
    }

.activity-item[b-dpkl2ajbp7] {
    background-color: #f8f9fa;
    padding: 1rem;
    border-radius: 0.5rem;
    margin-bottom: 1rem;
}
/* _content/EffexWebClient/Components/Pages/AppSettings/UserRoles/ManageRole.razor.rz.scp.css */
*[b-q9rgvqa2ln] {
    box-sizing: border-box;
}
/* _content/EffexWebClient/Components/Pages/AppSettings/UserRoles/ManageRoleCardBody.razor.rz.scp.css */
/* styles.css */
body[b-ekio0gqzlg] {
    margin: 0;
    font-family: Arial, sans-serif;
    background-color: #f4f4f4;
}

.flex-container[b-ekio0gqzlg] {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
    max-width: 600px;
    margin: 0 auto;
}

.flex-item[b-ekio0gqzlg] {
    flex: 1 1 calc(33.333% - 20px);
    box-sizing: border-box;
    padding: 5px;
    background-color: #ffffff;
    border: 1px solid #ddd;
    border-radius: 1px;
    text-align: center;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

h1[b-ekio0gqzlg] {
    text-align: center;
    color: #333;
    margin-bottom: 20px;
}
/* _content/EffexWebClient/Components/Pages/AppSettings/UserRoles/UserRoles.razor.rz.scp.css */
.panel-heading[b-8r0czt3d2e] {
    padding: 0px 0px 0px 5px;
}

.panel-body[b-8r0czt3d2e] {
    padding: 5px;
}

.h4[b-8r0czt3d2e] {
    margin-top: 1px;
    margin-bottom: 1px;
}

/* Title Bar Styles */
.title-bar[b-8r0czt3d2e] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1px 1px;
}

    .title-bar h6[b-8r0czt3d2e] {
        margin: 0;
        font-size: 1.5rem;
    }

/* Green Button Styles */
.btn-green[b-8r0czt3d2e] {
    color: #28a745;
    border-radius: 1px;
    font-weight: bold;
}


.btn-icon[b-8r0czt3d2e] {
    margin-right: 2px;
}

/* Action Button Styles */
.btn-action[b-8r0czt3d2e] {
    font-size: 0.8rem;
    padding: 6px 5px;
}


    .btn-action:hover[b-8r0czt3d2e] {
        opacity: 0.9;
    }
/* _content/EffexWebClient/Components/Pages/AppSettings/Users/Users.razor.rz.scp.css */
.panel-heading[b-9rfmx87ql9] {
    padding: 0px 0px 0px 5px;
}

.panel-body[b-9rfmx87ql9] {
    padding: 5px;
}

.h4[b-9rfmx87ql9] {
    margin-top: 1px;
    margin-bottom: 1px;
}

/* Title Bar Styles */
.title-bar[b-9rfmx87ql9] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1px 1px;
}

    .title-bar h6[b-9rfmx87ql9] {
        margin: 0;
        font-size: 1.5rem;
    }

/* Green Button Styles */
.btn-green[b-9rfmx87ql9] {
    color: #28a745;
    border-radius: 1px;
    font-weight: bold;
}


.btn-icon[b-9rfmx87ql9] {
    margin-right: 2px;
}

/* Action Button Styles */
.btn-action[b-9rfmx87ql9] {
    font-size: 0.8rem;
    padding: 6px 5px;
}


    .btn-action:hover[b-9rfmx87ql9] {
        opacity: 0.9;
    }
/* _content/EffexWebClient/Components/Pages/AppSettings/User/ManagePageAccessPanel.razor.rz.scp.css */
/* styles.css */
body[b-asvfoed3mg] {
    margin: 0;
    font-family: Arial, sans-serif;
    background-color: #f4f4f4;
}

.flex-container[b-asvfoed3mg] {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
    max-width: 600px;
    margin: 0 auto;
}

.flex-item[b-asvfoed3mg] {
    flex: 1 1 calc(33.333% - 20px);
    box-sizing: border-box;
    padding: 5px;
    background-color: #ffffff;
    border: 1px solid #ddd;
    border-radius: 1px;
    text-align: center;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

h1[b-asvfoed3mg] {
    text-align: center;
    color: #333;
    margin-bottom: 20px;
}
/* _content/EffexWebClient/Components/Pages/AppSettings/User/ManageUserAgentAccessPanel.razor.rz.scp.css */
/* styles.css */
body[b-j6sjpwoykm] {
    margin: 0;
    font-family: Arial, sans-serif;
    background-color: #f4f4f4;
}

.flex-container[b-j6sjpwoykm] {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
    max-width: 600px;
    margin: 0 auto;
}

.flex-item[b-j6sjpwoykm] {
    flex: 1 1 calc(33.333% - 20px);
    box-sizing: border-box;
    padding: 5px;
    background-color: #ffffff;
    border: 1px solid #ddd;
    border-radius: 1px;
    text-align: center;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

h1[b-j6sjpwoykm] {
    text-align: center;
    color: #333;
    margin-bottom: 20px;
}
/* _content/EffexWebClient/Components/Pages/AppSettings/User/ManageUserBusinessWorkflowAccessPanel.razor.rz.scp.css */
/* styles.css */
body[b-wsw7izg9cm] {
    margin: 0;
    font-family: Arial, sans-serif;
    background-color: #f4f4f4;
}

.flex-container[b-wsw7izg9cm] {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
    max-width: 600px;
    margin: 0 auto;
}

.flex-item[b-wsw7izg9cm] {
    flex: 1 1 calc(33.333% - 20px);
    box-sizing: border-box;
    padding: 5px;
    background-color: #ffffff;
    border: 1px solid #ddd;
    border-radius: 1px;
    text-align: center;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

h1[b-wsw7izg9cm] {
    text-align: center;
    color: #333;
    margin-bottom: 20px;
}
/* _content/EffexWebClient/Components/Pages/AppSettings/_CompanyInfo.razor.rz.scp.css */
.info-box[b-p2bb9lsd3w] {
    box-shadow: 0 0 1px rgba(0, 0, 0, 0.125), 0 1px 3px rgba(0, 0, 0, 0.2);
    border-radius: 0.25rem;
    background: #ffffff;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 1rem;
    min-height: 80px;
    padding: .5rem;
    position: relative;
    width: 100%;
}
/* _content/EffexWebClient/Components/Pages/AppSettings/_UserAgents.razor.rz.scp.css */
.info-box[b-qqhh8jzlc3] {
    box-shadow: 0 0 1px rgba(0, 0, 0, 0.125), 0 1px 3px rgba(0, 0, 0, 0.2);
    border-radius: 0.25rem;
    background: #ffffff;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 1rem;
    min-height: 80px;
    padding: .5rem;
    position: relative;
    width: 100%;
}
/* _content/EffexWebClient/Components/Pages/AppSettings/_UserBusinessWorkflows.razor.rz.scp.css */
.info-box[b-htvh1grdoa] {
    box-shadow: 0 0 1px rgba(0, 0, 0, 0.125), 0 1px 3px rgba(0, 0, 0, 0.2);
    border-radius: 0.25rem;
    background: #ffffff;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 1rem;
    min-height: 80px;
    padding: .5rem;
    position: relative;
    width: 100%;
}
/* _content/EffexWebClient/Components/Pages/AppSettings/_UserSummary.razor.rz.scp.css */
.info-box[b-figlbmz9of] {
    box-shadow: 0 0 1px rgba(0, 0, 0, 0.125), 0 1px 3px rgba(0, 0, 0, 0.2);
    border-radius: 0.25rem;
    background: #ffffff;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 1rem;
    min-height: 80px;
    padding: .5rem;
    position: relative;
    width: 100%;
}
/* _content/EffexWebClient/Components/Pages/Home.razor.rz.scp.css */
header[b-p1eee26cjm] {
    background-color: #ffffff;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.main-section[b-p1eee26cjm] {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 4rem 1rem;
    text-align: center;
}

    .main-section h2[b-p1eee26cjm] {
        font-weight: 300;
        color: #212529;
        margin-bottom: 1.5rem;
    }

    .main-section p[b-p1eee26cjm] {
        color: #6c757d;
        max-width: 600px;
        margin-bottom: 2rem;
    }

.activity-section[b-p1eee26cjm] {
    background-color: #ffffff;
    padding: 4rem 1rem;
}

    .activity-section h3[b-p1eee26cjm] {
        font-weight: 300;
        color: #212529;
        margin-bottom: 1.5rem;
        text-align: center;
    }

.activity-item[b-p1eee26cjm] {
    background-color: #f8f9fa;
    padding: 1rem;
    border-radius: 0.5rem;
    margin-bottom: 1rem;
}
/* _content/EffexWebClient/Components/Pages/Shared/BusinessWorkflows/BusinessWorkflows.razor.rz.scp.css */
/* Custom styles for compact and small cards */
.card[b-3qf46ukcxf] {
    border-radius: 8px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.card-body[b-3qf46ukcxf] {
    padding: 1rem;
}

.card-title[b-3qf46ukcxf] {
    font-size: 1.1rem;
    font-weight: bold;
}

.card-subtitle[b-3qf46ukcxf] {
    font-size: 0.9rem;
    color: #6c757d;
}

.card-text[b-3qf46ukcxf] {
    font-size: 0.9rem;
    margin-bottom: 0.5rem;
}

.card ul[b-3qf46ukcxf] {
    padding-left: 1.25rem;
    font-size: 0.85rem;
}

    .card ul li[b-3qf46ukcxf] {
        list-style-type: square;
    }

.card-footer[b-3qf46ukcxf] {
    font-size: 0.8rem;
    color: #6c757d;
    text-align: center;
    padding-top: 0.5rem;
}

.row-cols-1 .col[b-3qf46ukcxf] {
    margin-bottom: 1rem;
}
/* Title Bar Styles */
.title-bar[b-3qf46ukcxf] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1px 1px;
}

    .title-bar h6[b-3qf46ukcxf] {
        margin: 0;
        font-size: 1.5rem;
    }

/* Green Button Styles */
.btn-green[b-3qf46ukcxf] {
    color: #28a745;
    border-radius: 1px;
    font-weight:bold;
}


.btn-icon[b-3qf46ukcxf] {
    margin-right: 2px;
}

/* Action Button Styles */
.btn-action[b-3qf46ukcxf] {
    font-size: 0.8rem;
    padding: 6px 5px;
}

 
.btn-action:hover[b-3qf46ukcxf] {
    opacity: 0.9;
}

  
/* _content/EffexWebClient/Components/Pages/Shared/BusinessWorkflow/AddEditBusinessWorkflowPanel.razor.rz.scp.css */
/* Modals */
@media (min-width: 576px) {
    .modal[b-gec75w0lvv] {
        --dialog-width: 600px !important;
    }

    .modal-sm[b-gec75w0lvv] {
        --dialog-width: 300px !important;
    }
}

@media (min-width: 992px) {
    .modal-lg[b-gec75w0lvv],
    .modal-xl[b-gec75w0lvv] {
        --dialog-width: 800px !important;
    }
}

@media (min-width: 1200px) {
    .modal-xl[b-gec75w0lvv] {
        --dialog-width: 1140px !important;
    }
}

.modal-fullscreen[b-gec75w0lvv] {
    --dialog-width: 100% !important;
    --dialog-height: calc(100dvh - 2px) !important;
    --layer-corner-radius: 0 !important;
}
/* _content/EffexWebClient/Components/Pages/Shared/BusinessWorkflow/UserBusinessWorkflows.razor.rz.scp.css */
 
.main-section[b-dqtx31fwso] {
    justify-content: center;
    align-items: center;
/*    padding: 4rem 1rem;*/
    text-align: center;
}

.activity-section[b-dqtx31fwso] {
    background-color: #ffffff;
    padding: 4rem 1rem;
}

    .activity-section h3[b-dqtx31fwso] {
        font-weight: 300;
        color: #212529;
        margin-bottom: 1.5rem;
        text-align: center;
    }

.activity-item[b-dqtx31fwso] {
    background-color: #f8f9fa;
    padding: 1rem;
    border-radius: 0.5rem;
    margin-bottom: 1rem;
}


/* Custom styles for compact and small cards */
.card[b-dqtx31fwso] {
    border-radius: 8px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.card-body[b-dqtx31fwso] {
    padding: 1rem;
}

.card-title[b-dqtx31fwso] {
    font-size: 1.1rem;
    font-weight: bold;
}

.card-subtitle[b-dqtx31fwso] {
    font-size: 0.9rem;
    color: #6c757d;
}

.card-text[b-dqtx31fwso] {
    font-size: 0.9rem;
    margin-bottom: 0.5rem;
}

.card ul[b-dqtx31fwso] {
    padding-left: 1.25rem;
    font-size: 0.85rem;
}

    .card ul li[b-dqtx31fwso] {
        list-style-type: square;
    }

.card-footer[b-dqtx31fwso] {
    font-size: 0.8rem;
    color: #6c757d;
    text-align: center;
    padding-top: 0.5rem;
}

.row-cols-1 .col[b-dqtx31fwso] {
    margin-bottom: 1rem;
}
/* Title Bar Styles */
.title-bar[b-dqtx31fwso] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1px 1px;
}

    .title-bar h6[b-dqtx31fwso] {
        margin: 0;
        font-size: 1.5rem;
    }

/* Green Button Styles */
.btn-green[b-dqtx31fwso] {
    color: #28a745;
    border-radius: 1px;
    font-weight: bold;
}


.btn-icon[b-dqtx31fwso] {
    margin-right: 2px;
}

/* Action Button Styles */
.btn-action[b-dqtx31fwso] {
    font-size: 0.8rem;
    padding: 6px 5px;
}


    .btn-action:hover[b-dqtx31fwso] {
        opacity: 0.9;
    }
/* _content/EffexWebClient/Components/Pages/Shared/BusinessWorkflow/UserBusinessWorkflowsTasks.razor.rz.scp.css */
/* Custom styles for compact and small cards */
.card[b-p8hr7xv2qy] {
    border-radius: 8px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.card-body[b-p8hr7xv2qy] {
    padding: 1rem;
}

.card-title[b-p8hr7xv2qy] {
    font-size: 1.1rem;
    font-weight: bold;
}

.card-subtitle[b-p8hr7xv2qy] {
    font-size: 0.9rem;
    color: #6c757d;
}

.card-text[b-p8hr7xv2qy] {
    font-size: 0.9rem;
    margin-bottom: 0.5rem;
}

.card ul[b-p8hr7xv2qy] {
    padding-left: 1.25rem;
    font-size: 0.85rem;
}

    .card ul li[b-p8hr7xv2qy] {
        list-style-type: square;
    }

.card-footer[b-p8hr7xv2qy] {
    font-size: 0.8rem;
    color: #6c757d;
    text-align: center;
    padding-top: 0.5rem;
}

.row-cols-1 .col[b-p8hr7xv2qy] {
    margin-bottom: 1rem;
}
/* Title Bar Styles */
.title-bar[b-p8hr7xv2qy] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1px 1px;
}

    .title-bar h6[b-p8hr7xv2qy] {
        margin: 0;
        font-size: 1.5rem;
    }

/* Green Button Styles */
.btn-green[b-p8hr7xv2qy] {
    color: #28a745;
    border-radius: 1px;
    font-weight: bold;
}


.btn-icon[b-p8hr7xv2qy] {
    margin-right: 2px;
}

/* Action Button Styles */
.btn-action[b-p8hr7xv2qy] {
    font-size: 0.8rem;
    padding: 6px 5px;
}


    .btn-action:hover[b-p8hr7xv2qy] {
        opacity: 0.9;
    }
/* _content/EffexWebClient/Components/Pages/Shared/StorageFolderFile/CreateRenameFolderPanel.razor.rz.scp.css */
/* Modals */
@media (min-width: 576px) {
    .modal[b-8qxp009x2t] {
        --dialog-width: 600px !important;
    }

    .modal-sm[b-8qxp009x2t] {
        --dialog-width: 300px !important;
    }
}

@media (min-width: 992px) {
    .modal-lg[b-8qxp009x2t],
    .modal-xl[b-8qxp009x2t] {
        --dialog-width: 800px !important;
    }
}

@media (min-width: 1200px) {
    .modal-xl[b-8qxp009x2t] {
        --dialog-width: 1140px !important;
    }
}

.modal-fullscreen[b-8qxp009x2t] {
    --dialog-width: 100% !important;
    --dialog-height: calc(100dvh - 2px) !important;
    --layer-corner-radius: 0 !important;
}
/* _content/EffexWebClient/Components/Pages/Shared/StorageFolderFile/ViewFileMetaDetailPanel.razor.rz.scp.css */
/* Modals */
@media (min-width: 576px) {
    .modal[b-bxnrunpvl2] {
        --dialog-width: 600px !important;
    }

    .modal-sm[b-bxnrunpvl2] {
        --dialog-width: 300px !important;
    }
}

@media (min-width: 992px) {
    .modal-lg[b-bxnrunpvl2],
    .modal-xl[b-bxnrunpvl2] {
        --dialog-width: 800px !important;
    }
}

@media (min-width: 1200px) {
    .modal-xl[b-bxnrunpvl2] {
        --dialog-width: 1140px !important;
    }
}

.modal-fullscreen[b-bxnrunpvl2] {
    --dialog-width: 100% !important;
    --dialog-height: calc(100dvh - 2px) !important;
    --layer-corner-radius: 0 !important;
}