@import '_content/lawapp.UI.Core.Components/lawapp.UI.Core.Components.vh4eyqvhvb.bundle.scp.css';

/* /Pages/CaseAttachments/FileUploadComponent.razor.rz.scp.css */
.file-drop-zone[b-s9m4pp3r7l] {
    display: flex;
    width: 100%;
    border: 3px dotted #fb275d;
    align-items: center;
    margin-bottom: 2px;
}

.hover[b-s9m4pp3r7l] {
    border-style: solid;
    background-color: #00ca71;
}

[b-s9m4pp3r7l] input[type=file] {
    width: 100%;
    padding: 20px;
}
/* /Pages/Dashboard/AllSearchResultPanelComponent.razor.rz.scp.css */
.search-result-header[b-m4d4o78wk8] {
    margin: 0;
    font-size: 1rem;
    font-weight: bold;
}

.search-result-data[b-m4d4o78wk8] {
    margin-top: 0.5rem;
    margin-bottom: 0;
    padding-left: 1rem;
    font-size: 0.9rem;
    list-style: none;
}

    .search-result-data li[b-m4d4o78wk8] {
        padding: 5px;
    }
/* /Pages/Dashboard/DashboardPage.razor.rz.scp.css */
.dashboard-wrapper[b-8sqfotd9gd] {
    max-width: 80vw;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 10px;
}

.grid-container[b-8sqfotd9gd] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: calc(30vh - 10px) 50vh;
    gap: 15px;
    height: 100%;
    width: 100%;
}

.grid-item[b-8sqfotd9gd] {
    display: flex;
    justify-content: center;
    align-items: center;
}

.grid-item-wide[b-8sqfotd9gd] {
    grid-column-end: span 3;
}
/* /Pages/Dashboard/Widgets/MyTasksWidget.razor.rz.scp.css */
.open-cases-widget p[b-wg3puymrdd] {
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 14px;
}

.open-cases-widget .widget-header[b-wg3puymrdd] {
    margin-top: 1rem;
}

    .open-cases-widget .widget-header .col-6[b-wg3puymrdd] {
        padding-left: 2rem;
    }

    .open-cases-widget .widget-header p[b-wg3puymrdd] {
        font-size: 14px;
        font-weight: 600;
    }

.open-cases-widget .widget-data[b-wg3puymrdd] {
    cursor: pointer;
}

    .open-cases-widget .widget-data p[b-wg3puymrdd] {
        font-size: 12px;
        font-weight: 300;
    }

.open-cases-widget .widget-header[b-wg3puymrdd], .widget-data[b-wg3puymrdd] {
    white-space: nowrap;
}

.task-urgent[b-wg3puymrdd] {
    color: red;
}
/* /Pages/Dashboard/Widgets/OpenLeadsWidget.razor.rz.scp.css */
.open-cases-widget p[b-v4ba335y8g] {
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 14px;
}

.open-cases-widget .widget-header[b-v4ba335y8g] {
    margin-top: 1rem;
}

    .open-cases-widget .widget-header .col-6[b-v4ba335y8g] {
        padding-left: 2rem;
    }

    .open-cases-widget .widget-header p[b-v4ba335y8g] {
        font-size: 14px;
        font-weight: 600;
    }

.open-cases-widget .widget-data[b-v4ba335y8g] {
    cursor: pointer;
}

.open-cases-widget .widget-data p[b-v4ba335y8g] {
    font-size: 12px;
    font-weight: 300;
}

.open-cases-widget .widget-header[b-v4ba335y8g], .widget-data[b-v4ba335y8g] {
    white-space: nowrap;
}
/* /Pages/Staff/ViewStaffNotificationsComponent.razor.rz.scp.css */
.staff-notification[b-v2ogima8ul] {
    cursor: pointer;
}

.staff-notification.unread[b-v2ogima8ul]{
    font-weight: bold;
}
/* /Shared/Chat/ChatComponent.razor.rz.scp.css */
.chat-button[b-f1fz0f9anz] {
    background-color: #007bff;
    color: #fff;
    padding: 10px 20px;
    border: none;
    border-radius: 5px;
    cursor: pointer;
}

.chat-container[b-f1fz0f9anz] {
    position: fixed;
    bottom: 20px;
    right: 20px;
}

.chat-dialog[b-f1fz0f9anz] {
    position: absolute;
    bottom: 0;
    right: 0;
    background-color: #fff;
    border: 1px solid #ccc;
    padding: 10px;
    height: 470px;
    width: 350px;
}

.chat-header[b-f1fz0f9anz] {
    border-bottom: 1px solid;
    padding: 5px;
    display: flex;
    justify-content: end;
    gap: 10px;
}

.chat-input[b-f1fz0f9anz]{
    display: flex;
    padding-top: 7px;
}

.close-btn[b-f1fz0f9anz] {
    cursor: pointer;
}

.chat-content[b-f1fz0f9anz] {
    padding: 10px;
    overflow-y: auto;
    height: 78%;
}

.incoming-chat[b-f1fz0f9anz] {
    background-color: #f0f0f0;
    padding: 8px;
    margin-bottom: 5px;
    border-radius: 5px;
}

.outgoing-chat[b-f1fz0f9anz] {
    background-color: #007BFF;
    color: #fff;
    padding: 8px;
    margin-bottom: 5px;
    border-radius: 5px;
    text-align: right;
}
/* /Shared/Layouts/MainLayout.razor.rz.scp.css */
.page[b-ldexbztypq] {
    position: relative;
    display: flex;
    flex-direction: column;
}

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

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

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

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

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

@media (max-width: 640.98px) {
    .top-row:not(.auth)[b-ldexbztypq] {
        display: none;
    }

    .top-row.auth[b-ldexbztypq] {
        justify-content: space-between;
    }

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

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

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

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

    .top-row[b-ldexbztypq], article[b-ldexbztypq] {
        padding-left: 2rem !important;
        padding-right: 1.5rem !important;
    }
}
/* /Shared/NavMenu.razor.rz.scp.css */
.navbar-toggler[b-6ji9ijeyyz] {
    background-color: rgba(255, 255, 255, 0.1);
}

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

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

.oi[b-6ji9ijeyyz] {
    width: 2rem;
    font-size: 1.1rem;
    vertical-align: text-top;
    top: -2px;
}

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

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

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

    .nav-item[b-6ji9ijeyyz]  a {
        color: #d7d7d7;
        border-radius: 4px;
        height: 3rem;
        display: flex;
        align-items: center;
        line-height: 3rem;
    }

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

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

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

    .collapse[b-6ji9ijeyyz] {
        /* Never collapse the sidebar for wide screens */
        display: block;
    }
    
    .nav-scrollable[b-6ji9ijeyyz] {
        /* Allow sidebar to scroll for tall menus */
        height: calc(100vh - 3.5rem);
        overflow-y: auto;
        overflow-x: hidden;
    }
}
/* /Shared/Timeline/TimelineComponent.razor.rz.scp.css */
.tmln[timeline-scope] {
    --bdc: hsl(200, 40%, 60%);
    --bdc-a: hsl(200, 40%, 40%);
    --bdc-h: hsl(200, 30%, 90%);
    --bgc: hsl(200, 40%, 80%);
    --bdrs: 0.25rem;
    --bdw: 2px;
    --bullet-bdrs: 50%;
    --bullet-sz: 1.2em;
    --bullet-sz-a: 6px;
    --c: hsl(200, 40%, 1%);
    --box-item-bdrs: 0.25rem;
    --box-item-bgc: rgba(255, 255, 255, .15);
    --box-item-dark-bgc: hsl(200, 40%, 40%);
    --box-item-dark-c: hsl(200, 40%, 95%);
    --box-item-lght-bgc: hsl(200, 30%, 90%);
    --gap: 1rem;
    --scroll-bgc: hsl(200, 40%, 85%);
    --scroll-tmb-bgc: hsl(200, 40%, 70%);
    --scroll-w: 10px;
    --trsdu: .3s;
    --trstf: ease-out;
    /* Modifier-specific properties */
    --sl-mbe: 2em;
    --bi-miw: 85%;
    --bi-miw-tablet: 30%;
    background-color: var(--bgc, transparent);
    border-radius: var(--bdrs, 0);
    color: var(--c, currentColor);
    font-family: var(--ff, ui-sans-serif, system-ui, sans-serif);
    padding-block: var(--gap) 0;
    padding-bottom: var(--gap); /* Safari */
    padding-top: var(--gap); /* Safari */
    width: var(--w, 100%);
    -webkit-tap-highlight-color: transparent;
}

    .tmln:not(.tmln--hr)[timeline-scope] {
        padding-inline-start: var(--gap);
    }

.tmln__item[timeline-scope] {
    color: inherit;
    display: block;
    margin-block-end: var(--mbe, var(--gap));
    padding-inline-start: calc(var(--gap) + var(--bullet-sz));
    position: relative;
    text-decoration: none;
}

    /* Circle */
    .tmln__item[timeline-scope]::after {
        border: var(--bdw) solid var(--bdc);
        border-radius: var(--bullet-bdrs);
        box-sizing: border-box;
        content: "";
        block-size: var(--bullet-sz);
        inline-size: var(--bullet-sz);
        inset-block-start: 0;
        inset-inline-start: 0;
        position: absolute;
        transition: all var(--trsdu) var(--trstf);
    }

    /* Line */
    .tmln__item[timeline-scope]::before {
        background-color: var(--bdc);
        content: "";
        block-size: calc(100% + var(--mbe, var(--gap)) - var(--bullet-sz));
        inline-size: var(--bdw);
        inset-block-start: var(--bullet-sz);
        inset-inline-start: calc((var(--bullet-sz) - var(--bdw)) / 2);
        position: absolute;
    }

/* Hide last line */
.tmln:not(.tmln--hr) .tmln__item:last-child[timeline-scope]::before {
    display: none;
}

.tmln__item-headline[timeline-scope] {
    margin-block: 0;
}

.tmln__list[timeline-scope] {
    display: flex;
    flex-direction: column;
    margin: 0;
    padding-block: 0 var(--gap);
    padding-inline: 0;
}

/* 
====================
Modifiers and States
====================
*/

/* Active Circle */
.tmln__item--active[timeline-scope]::after {
    --bdc: var(--bdc-a);
    box-shadow: 0 0 0 calc(var(--bullet-sz-a) - var(--bdw)) var(--bgc, #FFF), 0 0 0 var(--bullet-sz-a) var(--bdc-a);
    background-color: var(--bdc-a);
}

/* :focus, :focus-within, :focus-visible */
.tmln__item--active:focus-visible[timeline-scope]::after,
.tmln__item--active:focus-within[timeline-scope]::after {
    box-shadow: 0 0 0 calc(var(--bullet-sz-a) - var(--bdw)) var(--bdc-h, #FFF), 0 0 0 var(--bullet-sz-a) var(--bdc);
}

.tmln__item--active [data-title][timeline-scope],
.tmln__item:focus-visible [data-title][timeline-scope] {
    text-shadow: 0.75px 0px 0px currentColor;
}

.tmln__item:not(.tmln__item--active):focus-visible[timeline-scope]::after,
.tmln__item:not(.tmln__item--active):focus-within[timeline-scope]::after {
    background-color: var(--bdc-h);
    box-shadow: 0 0 0 calc(var(--bullet-sz-a) - var(--bdw)) var(--bgc, #FFF), 0 0 0 var(--bullet-sz-a) var(--bdc);
}

.tmln--box .tmln__item:focus-within[timeline-scope] {
    box-shadow: 0px 4px 6px -1px rgba(0, 0, 0, 0.1), 0px 2px 4px -1px rgba(0, 0, 0, 0.06);
}

.tmln__item:focus-visible[timeline-scope] {
    outline: none;
}

    .tmln__item:focus-visible [data-title][timeline-scope],
    .tmln__item:focus-within a[timeline-scope] {
        outline: 1px dotted currentColor;
        outline-offset: 6px;
    }

/* Horizontal */
.tmln--hr .tmln__header[timeline-scope] {
    margin-inline-start: var(--gap);
}

.tmln--hr .tmln__list[timeline-scope] {
    flex-direction: row;
    flex-wrap: nowrap;
    overflow-x: auto;
    padding-block-start: var(--bullet-sz-a); /* Add room for box-shadow transition in horizontal mode */
    padding-inline-start: var(--gap);
    scrollbar-width: none;
    scroll-snap-type: x mandatory;
}

.tmln--hr .tmln__item[timeline-scope] {
    align-self: flex-start;
    margin-block-end: 0;
    min-width: var(--miw, 6rem);
    padding-block-start: calc(var(--bullet-sz) + var(--gap));
    padding-inline-end: var(--gap);
    padding-inline-start: 0;
    scroll-snap-align: start;
    scroll-margin-inline-start: var(--gap);
    scroll-margin-left: var(--gap); /* Safari */
}

    .tmln--hr .tmln__item[timeline-scope]::before {
        block-size: var(--bdw);
        inline-size: calc(100% - var(--bullet-sz));
        inset-block-start: calc((var(--bullet-sz) - var(--bdw)) / 2);
        inset-inline-start: calc(0% + var(--bullet-sz));
    }

/* Item Box */
.tmln--box .tmln__item[timeline-scope] {
    background-color: var(--box-item-bgc);
    border-radius: var(--box-item-bdrs);
    margin-block-end: 0;
    margin-inline-start: calc(var(--bullet-sz) + var(--gap));
    padding: var(--gap);
    transition: box-shadow var(--trsdu) var(--trstf);
}

    .tmln--box .tmln__item [data-title][timeline-scope] {
        display: block;
        font-size: small;
        text-transform: uppercase;
    }

.tmln--box:not(.tmln--hr) .tmln__item[timeline-scope]::after {
    inset-inline-start: calc(0px - var(--bullet-sz) - var(--gap));
}

.tmln--box:not(.tmln--hr) .tmln__item[timeline-scope]::before {
    inset-inline-start: calc(0px - var(--gap) - ((var(--bullet-sz) + var(--bdw)) / 2));
}

/*.tmln--box .tmln__item--bg-dark {
    background-color: var(--box-item-dark-bgc);
    color: var(--box-item-dark-c);
}

.tmln--box:not(.tmln--hr) .tmln__item--bg-dark a {
    outline-color: var(--box-item-dark-bgc);
}*/

.tmln--box .tmln__item--bg-lght[timeline-scope] {
    background-color: var(--box-item-lght-bgc);
}

.tmln--box .tmln__list[timeline-scope] {
    gap: var(--gap);
    padding-inline-end: var(--gap);
}

/* Item Box AND Horizontal */
.tmln--box.tmln--hr .tmln__item[timeline-scope] {
    --miw: var(--bi-miw);
    margin-block-end: 0;
    margin-block-start: calc(var(--bullet-sz) + var(--gap));
    margin-inline-start: 0;
}

    .tmln--box.tmln--hr .tmln__item[timeline-scope]::after {
        inset-block-start: calc(0px - var(--bullet-sz) - var(--gap));
    }

    .tmln--box.tmln--hr .tmln__item[timeline-scope]::before {
        inset-block-start: calc(0px - var(--gap) - ((var(--bullet-sz) + var(--bdw)) / 2));
        inline-size: calc(100% - var(--bullet-sz) + var(--gap));
    }

/* Media Queries */

/* :hover */
@media (hover: hover) {
    .tmln__item--active:hover[timeline-scope]::after {
        box-shadow: 0 0 0 calc(var(--bullet-sz-a) - var(--bdw)) var(--bdc-h, #FFF), 0 0 0 var(--bullet-sz-a) var(--bdc);
    }

    .tmln__item:hover [data-title][timeline-scope] {
        text-shadow: 0.75px 0px 0px currentColor;
    }

    .tmln__item:not(.tmln__item--active):hover[timeline-scope]::after {
        background-color: var(--bdc-h);
        box-shadow: 0 0 0 calc(var(--bullet-sz-a) - var(--bdw)) var(--bgc, #FFF), 0 0 0 var(--bullet-sz-a) var(--bdc);
    }

    .tmln--box .tmln__item:hover[timeline-scope] {
        box-shadow: 0px 4px 6px -1px rgba(0, 0, 0, 0.1), 0px 2px 4px -1px rgba(0, 0, 0, 0.06);
    }
}

@media (min-width: 768px) {
    .tmln--box.tmln--hr .tmln__item[timeline-scope] {
        --miw: var(--bi-miw-tablet);
    }
}

/* Show scrollbars on devices without touch  */
@media (pointer: fine) {
    .tmln--hr[timeline-scope] {
        /* Add space between scrollbar and bottom of container */
        padding-block-end: var(--gap);
    }

        .tmln--hr .tmln__list[timeline-scope] {
            scrollbar-width: var(--scroll-w);
        }

        .tmln--hr .tmln__list[timeline-scope] {
            scrollbar-color: var(--scroll-tmb-bgc) var(--scroll-bgc);
            scrollbar-width: thin;
        }

            .tmln--hr .tmln__list[timeline-scope]::-webkit-scrollbar {
                background: var(--scroll-bgc);
                height: var(--scroll-w);
                width: var(--scroll-w);
            }

            .tmln--hr .tmln__list[timeline-scope]::-webkit-scrollbar-button {
                background: var(--bgc);
            }

            .tmln--hr .tmln__list[timeline-scope]::-webkit-scrollbar-thumb {
                /* Hide scrollbar-button-area, so scrollbar appears smaller than container */
                background-color: var(--scroll-tmb-bgc);
            }
}
/* /Shared/Timeline/TimelineEventComponent.razor.rz.scp.css */
/*Empty required for custom css isolation scope*/