/* /ActionBar/ActionBar.razor.rz.scp.css */
.actionBarWrapper[b-e6tdbcltz9] {
    position: fixed;
    bottom: 0px;
    color: #ffffff;
    display: grid;
    grid-template-columns: repeat(8, auto);
    grid-column-gap: 1vw;
    padding: 5px;
    border-top-right-radius: 0.25rem;
    font-size: xx-large;
    height: 5vh;
    align-items: center;
    padding-right: 1vw;
    padding-left: 1vw;
    background-color: #5f5562;
    transition: all 1s ease-in-out;
    left: -380px;
}


.actionBarIcon[b-e6tdbcltz9] {
    cursor: pointer;
    transition: all .3s ease-in-out !important;
}

    .actionBarIcon:hover[b-e6tdbcltz9] {
        transform: scale(1.2);
    }

.actionBarSLAIcon[b-e6tdbcltz9] {
    cursor: pointer;
    transition: all .3s ease-in-out !important;
    justify-self: center;

}

.actionBarShow[b-e6tdbcltz9]{
    left: 0px;
}

.ring[b-e6tdbcltz9] {
    transform: translate(-50%, -50%);
    width: 35px;
    height: 35px;
    background: transparent;
    border: none;
    padding: 2vh;
    border-radius: 50%;
    text-align: center;
    font-size: 2.5vh;
    color: #fff;
}
    .ring[b-e6tdbcltz9]:before {
        content: '';
        position: absolute;
        width: 100%;
        height: 100%;
        border: 2px solid transparent;
        border-top: 2px solid #fff000;
        border-right: 2px solid #fff000;
        border-radius: 50%;
        animation: animateC-b-e6tdbcltz9 2s linear infinite;
    }
/*
.SLASpan {
    display: block;
    position: absolute;
    top: calc(50% - 2px);
    left: 50%;
    width: 50%;
    height: 4px;
    background: transparent;
    transform-origin: left;
    animation: animate 2s linear infinite;
}

    .SLASpan:before {
        content: '';
        position: absolute;
        width: 16px;
        height: 16px;
        border-radius: 50%;
        background: #fff000;
        top: -6px;
        right: -8px;
        box-shadow: 0 0 20px #fff000;
    }*/

@keyframes animateC-b-e6tdbcltz9 {
    0% {
        transform: rotate(0deg);
    }

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

@keyframes animate-b-e6tdbcltz9 {
    0% {
        transform: rotate(45deg);
    }

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


@media only screen and (max-width: 1280px) and (max-height: 800px) {

    .actionBarWrapper[b-e6tdbcltz9] {
        width: 19vw;
    }

    .actionBarIcon[b-e6tdbcltz9] {
        font-size: 2.5vh;
    }
}
@media only screen and (max-width: 1920px) and (max-height: 1080px) {
    .actionBarWrapper[b-e6tdbcltz9] {
        width: 19vw;
    }

    .actionBarIcon[b-e6tdbcltz9] {
        font-size: 2.5vh;
    }
   
}
/* /ActionBar/ActionBarCallLog.razor.rz.scp.css */


    .callLogHeader > h1[b-ydsqwxagra] {
        text-align: left;
    }

    .callLogHeader > span[b-ydsqwxagra] {
        justify-self: right;
    }

.callLog[b-ydsqwxagra] {
    width: 50vw;
    text-align: left;
}

.modalH1[b-ydsqwxagra] {
    font-size: 2.5vh!important;
    text-align: left;
}

.footerBtnLayout[b-ydsqwxagra] {
    width: 100% !important;
    grid-template-columns: auto auto;
}

.actnBtnPosition[b-ydsqwxagra] {
    justify-self: end;
}

.corSelection[b-ydsqwxagra] {
    grid-template-columns: max-content max-content max-content;
    align-items: center;
}

.inOutWrapper[b-ydsqwxagra] {
    cursor: pointer;
}

    .inOutWrapper.selected[b-ydsqwxagra] {
        color: forestgreen;
    }

.gdprWrapper[b-ydsqwxagra] {
    align-items: center;
    grid-template-columns: auto auto auto;
}

.logsWrapper[b-ydsqwxagra] {

}

.DPACall[b-ydsqwxagra] {
    grid-template-columns: auto auto;
    display: flex;
   
}

.DPALeftSide[b-ydsqwxagra] {
   
    min-width: 50%;
    height: max-content;
}

.callLogRightSide[b-ydsqwxagra] {
    min-width: 50%;
    border-left: solid 2px lightgray;
}

.callNotes[b-ydsqwxagra] {
    margin-left: 2vh;
    margin-right: 2vh;
    margin-top: 2vh;
 

}

.infoFont[b-ydsqwxagra] {
    font-style: italic;
    font-weight: 700;
}

.pageScript[b-ydsqwxagra] {
    font-weight: 700;
    font-style: italic;
    margin-left: auto;
    margin-right: auto;
    border: 2px #61456a solid;
    padding: 5px;
    border-radius: 5px;
    width: 95%;
    background-color: #f0f0f0;
    font-size: 1.4vh;
    text-align: center;
}
/* /ActionBar/ActionBarEmail.razor.rz.scp.css */
.emailWrapper[b-2cqa83ovdq] {
    width: 85vw;
    height: max-content;
}

.toWrapper[b-2cqa83ovdq] {
    grid-template-areas:
        "toSection";
    grid-template-columns: max-content max-content auto;
    grid-column-gap: 10px
}

    .toWrapper > div.Btn1[b-2cqa83ovdq] {
        grid-area: toSection;
    }

    .toWrapper > div.toLabel[b-2cqa83ovdq] {
        grid-area: toSection;
    }

    .toWrapper > div ~ toSelect[b-2cqa83ovdq] {
        grid-area: toSection;
       
    }

.copyWrapper[b-2cqa83ovdq] {
    grid-template-areas:
        "CopySection";
    grid-template-columns: max-content auto;
    display: grid;
    grid-column-gap: 10px
}

    .copyWrapper > div.copyBtn[b-2cqa83ovdq] {
        grid-area: copySection;

    }

    .copyWrapper ~ div.copySelect[b-2cqa83ovdq] {
        grid-area: copySection;
    }

.templateAttachWrapper[b-2cqa83ovdq] {
    grid-template-areas:
        "templateSection";
    grid-template-columns: 25% 25% max-content 40%;
    display: grid;
    padding: 1.5vh;
    grid-column-gap: 10px;
    padding-left: 1.2vh;
}

    .templateAttachWrapper ~ div.templateSelect[b-2cqa83ovdq] {
        grid-area: templateSection;
    }

    .templateAttachWrapper ~ div.categorySelect[b-2cqa83ovdq] {
        grid-area: templateSection;
    }

    .templateAttachWrapper ~ div.dragDropAttach[b-2cqa83ovdq] {
        grid-area: templateSection;
    }


.attachmentWrapper[b-2cqa83ovdq] {
    grid-template-areas:
        "attachments";
    grid-template-columns: repeat(10fr, max-content);
    display: grid;
    padding: 2vh;
    grid-column-gap: 10px
}
.attachmentWrapper ~ div.attachmentList[b-2cqa83ovdq] {
    grid-area: attachments;
}


.subjectWrapper[b-2cqa83ovdq] {
    grid-template-areas:
        "subject";
    display: grid;
    grid-template-columns: auto 10%;
    padding: 2vh;
    grid-column-gap: 10px;
    padding-left: 1.2vh;
}

    .subjectWrapper ~ div.subjectField[b-2cqa83ovdq] {
        grid-area: subject;
    }

    .subjectWrapper > div.importantBtn[b-2cqa83ovdq] {
        grid-area: subject;
    }

.attachmentPill[b-2cqa83ovdq] {
    border: 1px solid lightgrey;
    border-radius: 0.25rem;
    padding-left: 4px;
    font-size: clamp(0.5rem, 0.5vh + 0.5rem, 2rem); 
    text-align: left;
}

.closeBtn[b-2cqa83ovdq] {
    border: none;
    background-color: transparent;
    font-size: 2vh;
    text-align: center;
}

.modalH1[b-2cqa83ovdq] {
    font-size: 2.5vh !important;
    text-align: left;
}

    .closeBtn:hover[b-2cqa83ovdq] {
        background-color: lightgrey;
        border-radius: 0.25rem;
    }

.sendButton[b-2cqa83ovdq] {
    text-align: center;
}

.headingBtn[b-2cqa83ovdq] {
    font-size: clamp(1rem, 1vh + 0.5rem, 3rem);
    color: #61456a;
    border: 1px #5f5562 solid;
    border-radius: 0.25rem;
    background-color: transparent;
    padding-left: 1.5vh;
    padding-right: 1.5vh;
    width: max-content;
    margin-left: 1.2vh;
    height: max-content;
    padding-top: 0.5vh;
    padding-bottom: 0.5vh;
}

    .headingBtn:hover[b-2cqa83ovdq] {
        background-color: #5f5562;
        color: white;
        border-radius: 0.25rem;
        padding-left: 1.5vh;
        padding-right: 1.5vh;
    }

.inserts[b-2cqa83ovdq] {
    grid-template-rows: auto;
}

.cancelCross[b-2cqa83ovdq] {
    font-size: 1.8vh;
    margin-right: 1vh;
    cursor: pointer;
    border: 1px solid darkgrey;
    border-radius: 0.25rem;
}

.cancelCross:hover[b-2cqa83ovdq] {
    background-color: darkgrey;
}

.importantBtn[b-2cqa83ovdq] {
    border: lightgray solid 1px;
    border-radius: 0.25rem;
    height: 4vh;
}

    .importantBtn:hover[b-2cqa83ovdq] {
        background-color: darkgray;
    }

.importantBtnActive[b-2cqa83ovdq] {
    background-color: #dc3545;
}
/* /ActionBar/ActionBarEmailUploader.razor.rz.scp.css */
.dragZoneDrag[b-trodknvdsq] {
    border: 3px dashed var(--shade2);
    padding: 3rem;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #eee;
    box-shadow: inset 0 0 8px rgba(0,0,0,0.2);
    color: #444;
    font-size: 1.5rem;
    cursor: pointer;
    position: relative;
}

    .dragZoneDrag:hover[b-trodknvdsq] {
        background-color: #f3f3f3;
        color: #333;
    }
/* /ActionBar/ActionBarHistory.razor.rz.scp.css */
/*Main wrapper*/
.historyWrapper[b-hhcugrvvwo] {
    width: 80vw;
    overflow: hidden !important;
}

/*Wrapper for the dropdowns etc across the top*/

.dropdownWrapper[b-hhcugrvvwo] {
    grid-template-columns: auto auto auto auto;
    grid-column-gap: 10px;
    grid-template-areas:
        "DropdownArea";
    display: grid;
}

    .dropdownWrapper ~ div.addedBy[b-hhcugrvvwo] {
        grid-area: DropdownArea;
    }

    .dropdownWrapper ~ div.historyType[b-hhcugrvvwo] {
        grid-area: DropdownArea;
    }

    .dropdownWrapper ~ div.sort[b-hhcugrvvwo] {
        grid-area: DropdownArea;
    }

    .dropdownWrapper ~ div.toggle[b-hhcugrvvwo] {
        grid-area: DropdownArea;
        justify-self: baseline;
        display: grid;
    }

/*Wrapper for the both sides - table of contents and the preview*/

.logsMainWrapper[b-hhcugrvvwo] {
    grid-template-columns: 55% 43%;
    grid-template-areas:
        "logsAndPreview";
    overflow: hidden;
}

    .logsMainWrapper ~ div.logs[b-hhcugrvvwo] {
        grid-area: logsAndPreview;
    }

    .logsMainWrapper ~ div.preview[b-hhcugrvvwo] {
        grid-area: logsAndPreview;
    }

.logsContainer[b-hhcugrvvwo] {
    height: 70vh;
}


/*@property --var2 {
    syntax: "<color>";
    inherits: true;
    initial-value: #ece5dd;
}

.logsContainerScroll {
    overflow-y: scroll;
    transition: --var2 .5s;
}

.logsContainer:hover,
.logsContainer:focus {
    __var2: red;
}*/


    .logsContainer:hover[b-hhcugrvvwo] {
        overflow: scroll;
    }

.previewContainer[b-hhcugrvvwo] {
    height: 70vh;
}

    .previewContainer:hover[b-hhcugrvvwo] {
        overflow-x: auto;
    }

/*Logs content*/

table[b-hhcugrvvwo] {
    text-align: left;
    table-layout: fixed;
    width: 100%;
    margin-top: 2vh;
}


th:nth-child(1)[b-hhcugrvvwo] {
    width: 5%;
}

th:nth-child(2)[b-hhcugrvvwo] {
    width: 5%;
}

th:nth-child(3)[b-hhcugrvvwo] {
    width: 20%;
}

th:nth-child(4)[b-hhcugrvvwo] {
    width: 10%;
    margin-left: 2vh;
}

td:nth-child(1)[b-hhcugrvvwo] {
    width: 5%;
}

td:nth-child(2)[b-hhcugrvvwo] {
    width: 5%;
}

td:nth-child(3)[b-hhcugrvvwo] {
    width: 200px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    position: relative;
}

td:nth-child(4)[b-hhcugrvvwo] {
    width: 10%;
    margin-left: 2vh;
    margin-top: 3vh;
}

tr[b-hhcugrvvwo] {
    border-bottom: solid lightgray 1px;
}

    tr:hover[b-hhcugrvvwo] {
        background-color: #5f5562 !important;
        color: white;
    }

tBody[b-hhcugrvvwo] {
}

.pwAddressesHistoryPreview[b-hhcugrvvwo] {
    border: 2px solid #0068b5;
    border-radius: 5px;
    padding: 10px;
    padding-bottom: 0px;
    background-color: #fff;
    grid-column: span 2;
}

.downloadBtn[b-hhcugrvvwo] {
    width: 20vh;
    border: 2px solid lightgray;
    margin-top: 2vh;
}

/*
.noteItem {
    grid-template-columns: max-content max-content 34vw max-content;
    border-bottom: 1px solid lightgrey;
  
}

    .noteItem:hover {
        background-color: lightgray;
        cursor: pointer;
    }*/


/*Type icons*/

.iconWrapper[b-hhcugrvvwo] {
    margin-left: 2vh;
    display: grid;
}

.notesIcon[b-hhcugrvvwo] {
    color: darkblue;
    font-weight: 700;
}

.smsIcon[b-hhcugrvvwo] {
    color: deepskyblue;
    font-weight: 700;
}

.inboundIcon[b-hhcugrvvwo] {
    color: indianred;
    font-weight: 700;
}

.outboundIcon[b-hhcugrvvwo] {
    color: darkred;
    font-weight: 700;
}

.emailIcon[b-hhcugrvvwo] {
    color: orangered;
    font-weight: 700;
}

.fileIcon[b-hhcugrvvwo] {
    color: orange;
    cursor: pointer;
}

/*Preview the information*/

.smsPreview[b-hhcugrvvwo] {
    text-align: left;
    margin-top: 3vh;
}

.callLogPreview[b-hhcugrvvwo] {
    text-align: left;
    margin-top: 3vh;
}

.emailPreview[b-hhcugrvvwo] {
    text-align: left;
    margin-top: 3vh;
}

.previewNotes[b-hhcugrvvwo] {
    text-align: left;
    margin-top: 3vh;
}

/*Attacments*/

.attachmentsWrapper[b-hhcugrvvwo] {
    display: flex;
    gap: 1vw;
    align-items: center;
}





.footerBtnLayout[b-hhcugrvvwo] {
    width: 100% !important;
    grid-template-columns: auto auto;
}

.actnBtnPosition[b-hhcugrvvwo] {
    justify-self: end;
}
/* /ActionBar/ActionBarNotes.razor.rz.scp.css */
.notesWrapper[b-l36z54s16u] {
    width: 50vw;
}

.footerBtnLayout[b-l36z54s16u] {
    width: 100% !important;
    grid-template-columns: auto auto;
}

.actnBtnPosition[b-l36z54s16u] {
    justify-self: end;
}

.attachmentPill[b-l36z54s16u] {
    border: 1px solid lightgrey;
    border-radius: 0.25rem;
    padding-left: 4px;
    font-size: clamp(0.5rem, 0.5vh + 0.5rem, 2rem);
    text-align: left;
    
}
.headingBtn[b-l36z54s16u] {
    font-size: clamp(1rem, 1vh + 0.5rem, 3rem);
    color: #61456a;
    border: 1px #5f5562 solid;
    border-radius: 0.25rem;
    background-color: transparent;
    padding-left: 1.5vh;
    padding-right: 1.5vh;
    width: max-content;
    height: max-content;
 
}

    .headingBtn:hover[b-l36z54s16u] {
        background-color: #5f5562;
        color: white;
        border-radius: 0.25rem;
        padding-left: 1.5vh;
        padding-right: 1.5vh;
    }

.attachmentWrapper[b-l36z54s16u] {
   display: flex;
    padding: 2vh;
    grid-column-gap: 10px;
}

.closeBtn[b-l36z54s16u] {
    border: none;
    background-color: transparent;
    font-size: 2vh;
    text-align: center;
}

    .closeBtn:hover[b-l36z54s16u] {
        background-color: lightgrey;
        border-radius: 0.25rem;
    }
/* /ActionBar/ActionBarSLA.razor.rz.scp.css */

table[b-xborxv3lqu] {
    width: 60vw;
}

th[b-xborxv3lqu] {
    border-bottom: black solid 1px;
    background-color: white;
}

tr[b-xborxv3lqu] {
    border-bottom: lightgray 1px solid;
}
/* /ActionBar/ActionBarSMS.razor.rz.scp.css */
.abSMS[b-ujrzpktch3] {
    grid-template-columns: max-content auto auto;
    width: 50vw;
    text-align: left;
}

.footerBtnLayout[b-ujrzpktch3] {
    width: 100% !important;
    grid-template-columns: auto auto;
}

.actnBtnPosition[b-ujrzpktch3] {
    justify-self: end;
}
/* /ActionBar/ActionBarTaskList.razor.rz.scp.css */
.taskWrapper[b-0it1x26liq] {
    grid-template-columns: repeat(5, auto);
    text-align: left;
    width: 100%;
    margin-top: 1vh;
}

.newTaskWrapper[b-0it1x26liq] {
    grid-template-columns: max-content auto;
    width: 50vw;
    text-align: left;
}

.modalh1[b-0it1x26liq] {
    font-size: 1.25rem !important;
}

.actionIcons[b-0it1x26liq] {
    justify-self: center;
    font-size: x-large;
    margin-top: auto;
    margin-bottom: auto;
    position: relative;
}

.actionIconDisabled[b-0it1x26liq] {
    cursor: not-allowed;
    color: grey;
}


.completeRemoveWrapper[b-0it1x26liq] {
    text-align: left;
    align-items: center;
    width: 50vw;
}

.resechduleWrapper[b-0it1x26liq] {
    text-align: left;
    grid-template-columns: auto auto;
    align-items: center;
    width: 50vw;
}

.taskInformation[b-0it1x26liq] {
    text-align: left;
    grid-column: span 5; 
    margin-top: 2vh;
}

.assignGrid[b-0it1x26liq] {
    grid-template-columns: max-content 60% max-content;
    flex-direction: column;
    grid-column: span 5;
}

.taskActionsWrapper[b-0it1x26liq] {
    grid-template-rows: auto auto auto;
}

.taskActionbtn[b-0it1x26liq] {
    border: lightgray solid 1px;
    border-radius: 0.25rem;
}

.taskActionbtn:hover[b-0it1x26liq] {
    background-color: #9f99a0;
}

.footerBtnLayout[b-0it1x26liq] {
    width: 100% !important;
    grid-template-columns: auto auto;
}
.actnBtnPosition[b-0it1x26liq] {
    justify-self: end;
}
/* /Bruce/Bruce.razor.rz.scp.css */
.bruceWrapper[b-w8y7o97sxf] {
    position: fixed;
    bottom: 0px;
    right: 0px;
    color: var(--shade2);
    display: grid;
    grid-template-columns: repeat(6, auto);
    grid-column-gap: 1vw;
    padding: 5px;
    border-top-left-radius: 0.25rem;
    font-size: xx-large;
    height: 5vh;
    align-items: center;
    padding-right: 1vw;
    padding-left: 1vw;
}

    .bruceWrapper > span:hover[b-w8y7o97sxf], span:focus[b-w8y7o97sxf] {
        cursor: pointer;
    }

.bruceHide[b-w8y7o97sxf] {
    /*animation-duration: 0.6s;*/
   /* animation-fill-mode: backwards;*/
    /*animation-name: hideBruce;
    animation-direction: reverse;
    transform: translateY(150%);*/
   display: none;
}

    .bruceHide:nth-child(5)[b-w8y7o97sxf] {
        animation-delay: 0.3s;
    }

    .bruceHide:nth-child(4)[b-w8y7o97sxf] {
        animation-delay: 0.6s;
    }

    .bruceHide:nth-child(3)[b-w8y7o97sxf] {
        animation-delay: 0.9s;
    }

    .bruceHide:nth-child(2)[b-w8y7o97sxf] {
        animation-delay: 1.2s;
    }

    .bruceHide:nth-child(1)[b-w8y7o97sxf] {
        animation-delay: 1.5s;
    }

@keyframes hideBruce-b-w8y7o97sxf {
    0% {
        transform: translateY(0%);
    }

    100% {
        transform: translateY(150%);
    }
}

.bruceShow[b-w8y7o97sxf] {
    animation-duration: 0.6s;
    animation-fill-mode: both;
    animation-name: showBruce-b-w8y7o97sxf;
    display: inline-table;
  
}

    .bruceShow:nth-child(5)[b-w8y7o97sxf] {
        animation-delay: 0.3s;
    }

    .bruceShow:nth-child(4)[b-w8y7o97sxf] {
        animation-delay: 0.6s;
    }

    .bruceShow:nth-child(3)[b-w8y7o97sxf] {
        animation-delay: 0.9s;
    }

    .bruceShow:nth-child(2)[b-w8y7o97sxf] {
        animation-delay: 1.2s;
    }

    .bruceShow:nth-child(1)[b-w8y7o97sxf] {
        animation-delay: 1.5s;
    }

@keyframes showBruce-b-w8y7o97sxf {
    0% {
        transform: translateY(150%);
    }

    100% {
        transform: translateY(0%);
    }
}

.BruceIcon[b-w8y7o97sxf] {
    cursor: pointer;
    transition: all .3s ease-in-out !important;
}

    .BruceIcon:hover[b-w8y7o97sxf] {
        transform: scale(1.2);
    }


@media only screen and (max-width: 1280px) and (max-height: 800px) {

    .BruceWrapper[b-w8y7o97sxf] {
        width: 18vw;
    }

    .BruceIcon[b-w8y7o97sxf] {
        font-size: 2.9vh;
    }
}

@media only screen and (max-width: 1920px) and (max-height: 1080px) {

    .BruceWrapper[b-w8y7o97sxf] {
        width: 18vw;
    }

    .BruceIcon[b-w8y7o97sxf] {
        font-size: 2.9vh;
    }
}

.bruceTooltipWrapper[b-w8y7o97sxf] {
    border: 2px solid #61456a;
    border-radius: 0.25rem;
    position: fixed;
    bottom: 5vh;
    right: 2vw;
    width: 20vw;
    height: fit-content;
    padding: 20px;
    background-color: #F0E3CB;
    font-size: large;
    /* z-index: 1050;*/
    /* opacity: 0.1;*/
    /*  transition: opacity 2s ease-in-out;
    -moz-transition: opacity 2s ease-in-out;
    -webkit-transition: opacity 2s ease-in-out;*/
}


.bruceTooltipHide[b-w8y7o97sxf] {
    animation: hideBruce-b-w8y7o97sxf 2s;
    opacity: 0;
    transition: 0.1s linear;
}

@keyframes hideBruce-b-w8y7o97sxf {
    from {
        height: 20vh;
    }

    to {
        height: 0vh;
    }
}

.bruceTooltipShow[b-w8y7o97sxf] {
    visibility: visible;
    opacity: 1.0;
    transition: opacity 0.5s ease-in-out;
    -moz-transition: opacity 0.5s ease-in-out;
    -webkit-transition: opacity 0.5s ease-in-out;
}
/* /Bruce/BruceAuditTrails.razor.rz.scp.css */
.bruceAuditWrapper[b-p1brz29niv] {
    width: 70vw;
    height: 70vh;
    text-align: left;
}
/* /Bruce/BruceAuthContact.razor.rz.scp.css */
.authContactWrapper[b-kuhe1w5gnf] {
    width: 50vw;
    min-height: 10vh;
    overflow: auto;
    text-align: left !important;
}

.authContactAddEditWrapper[b-kuhe1w5gnf] {
    grid-template-columns: 30% auto;
    text-align: left !important;
    width: 50vw;
    min-height: max-content;
}

.footerBtnLayout[b-kuhe1w5gnf] {
    width: 100% !important;
    grid-template-columns: auto auto;
}

.addBtnPotition[b-kuhe1w5gnf] {
    justify-self: end;
}

.modalh1[b-kuhe1w5gnf] {
    font-size: 1.25rem !important;
}
/* /Bruce/BruceClientInfo.razor.rz.scp.css */
.clientInfoWrapper[b-ycub2v50es] {
    grid-template-columns: 50% 50%;
    text-align: left;
    width: 50vw;
    overflow: hidden;
}

.info1[b-ycub2v50es] {
    grid-template-columns: auto auto;
    border-right: 1px solid lightgray;
    padding-right: 2vh;
}
.info2[b-ycub2v50es] {
    grid-template-columns: auto auto;
    height: max-content;
    padding-right: 2vh;
 
}

.actnBtnPosition[b-ycub2v50es] {
    justify-self: end;
}

.footerBtnLayout[b-ycub2v50es] {
    width: 100% !important;
    grid-template-columns: auto auto;
}

clientInfoField[b-ycub2v50es] {
  
  
}
/* /Bruce/BruceGDPRlog.razor.rz.scp.css */
body[b-074hd6m1fd] {
}

.checkedContainer[b-074hd6m1fd] {
    height: 3vh;
    width: 3vh;
    border: lightgray solid 1px;
    border-radius: 0.25rem;
    background-color: aliceblue;
    text-align: center !important;
}

.checkedContainer:hover[b-074hd6m1fd] {
    cursor: help;
}
tr td[b-074hd6m1fd] {
    text-align: left;
}

/* /Controls/PWABISelector.razor.rz.scp.css */
.abiWrapper[b-gv1ysaq6sw] {
    grid-template-columns: 50% 48%;
}

.abiDropdownWrapper[b-gv1ysaq6sw] {
    grid-column: span 2;
}

.clearLink[b-gv1ysaq6sw] {
    color: #0068b5;
    text-decoration: underline;
    cursor: pointer;
    border: none;
    background-color: transparent;
}

.option[b-gv1ysaq6sw] {
    border: 1px solid #AF3174;
}
.readOnly[b-gv1ysaq6sw] {
    cursor: default !important;
    background-color: #e9ecef;
    border-color: lightgrey;
}
/* /Controls/PWAccordian.razor.rz.scp.css */
.pwAccordianHeader[b-2e8c8w2yg9] {
    cursor: pointer;
    text-align: left;
    display: grid;
    grid-template-columns: 3% 49% 47%;
}

.pwAccordianContent[b-2e8c8w2yg9] {
    display: none;
    opacity: 0;
    animation: fadeOut-b-2e8c8w2yg9 0.6s;
}

.pwAccordianContentVisibe[b-2e8c8w2yg9] {
    display: initial !important;
    animation: fadeIn-b-2e8c8w2yg9 0.6s;
    opacity: 1;
}

.finishedSection[b-2e8c8w2yg9] {
    border: #015b3d solid 1px !important;
    background-color: #f0f0f0;
    box-shadow: 0 0 2px 1px #015b3d;
}

.finishedIcon[b-2e8c8w2yg9] {
    font-size: 2vh;
    color: #015b3d;
}



@keyframes fadeOut-b-2e8c8w2yg9 {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@keyframes fadeIn-b-2e8c8w2yg9 {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

.chevronAnitmate[b-2e8c8w2yg9] {
    transition-duration: 0.6s;
    transition-property: transform;
}

.chevronIcon[b-2e8c8w2yg9] {
    font-size: 2vh;
}

.chevronIconFinished[b-2e8c8w2yg9] {
    /* color: #14865f;*/
}

.accordion[b-2e8c8w2yg9] {
    border: 2px solid lightgrey;
    border-radius: 5px;
    padding: 10px;
    margin-top: 2vh;
}

.pwAccordianHeader:focus[b-2e8c8w2yg9] {
    outline: none;
    background-color: #fff;
    border-color: #86b7fe;
    outline: 0;
    box-shadow: 0 0 0 .25rem rgba(13, 110, 253, .25);
    border-radius: 5px;
}

.accordionActive[b-2e8c8w2yg9] {
    border: 1px solid #61456a;
    box-shadow: 0 1px 3px #61456a, 0 0px 4px #61456a;
}


.completeButton[b-2e8c8w2yg9] {
    margin-top: 2vh;
    padding-top: 1vh;
    background-color: hsla(286 7%, 36%, 0.4);
    padding-bottom: 1vh;
    text-align: center;
    /*border-bottom: 3px solid #61456a;*/
}

.completeButton:hover[b-2e8c8w2yg9] {
    cursor: pointer;
    background-color: lightgrey;
}


.sectionDoneButton[b-2e8c8w2yg9] {
    font-size: 2vh;
}

.doneBtnWidth[b-2e8c8w2yg9] {
    width: 100% !important;
}




/*.masterAccodion {
    background-color: pink;
}
*/
/* /Controls/PWAddEditedDisplay.razor.rz.scp.css */
.ppaddEditedWrapper[b-5qd4j4wxet] {
    grid-template-columns: max-content;
    grid-template-rows: max-content max-content;
    text-align: center;
}
/* /Controls/PWAddressInput.razor.rz.scp.css */
.pwAddressInputWrapper[b-19vluh9tm4] {
    grid-template-columns: 50% 48%;
    padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 2px;
    align-items: center;
}



.enterManually[b-19vluh9tm4] {
    border: #0068b5 solid 2px;
    background-color: transparent;
    border-radius: 0.25rem;
    max-width: max-content;
    color: #0068b5;
}
/* /Controls/PWAutoAddressLookup.razor.rz.scp.css */
.pwAddressInputWrapper[b-8saqfqjkkb] {
    grid-template-columns: 50% 48%;
    padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 2px;
    align-items: center;
}
/* /Controls/PWCanvas.razor.rz.scp.css */
.canvasWrapper[b-5zrprdo200] {
    grid-template-rows: max-content max-content;
  
}

.clearBtnWrapper[b-5zrprdo200] {
    justify-self: end;
}
.clearBtn[b-5zrprdo200] {
    background-color: white;
    border: solid #0068b5 2px;
    border-radius: 0.25rem;
}

    .clearBtn:hover[b-5zrprdo200] {
        background-color: #0068b5;
        color: #fff;
    }

/*    .canvasWrapper > div.canvas {
        grid-area: SnipClear;
    }

    .canvasWrapper > div.clearBtn {
        grid-area: SnipClear;
        justify-self: center;
        display: grid;
        height: max-content;
    }*/


.svg[b-5zrprdo200] {
    max-width: 1000px;
    background-size: contain;
    background-repeat: no-repeat;
    position: relative;
}

.drawing[b-5zrprdo200] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
/* /Controls/PWCaseLock.razor.rz.scp.css */
*[b-01docd596f],
[b-01docd596f]::after,
[b-01docd596f]::before {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

:root[b-01docd596f] {
    --bg: hsl(201, 27%, 10%);
}

body[b-01docd596f] {
    height: 100vh;
    background: var(--bg);
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 1em;
    position: relative;
}

#pwLock[b-01docd596f] {
    width: 22px;
    height: auto;
    position: relative;
    cursor: pointer;
}

    #pwLock path[b-01docd596f] {
        transition: all 0.5s ease-in-out;
    }

        #pwLock path#body[b-01docd596f] {
            fill: #FF6961;
        }

        #pwLock path#hook[b-01docd596f] {
            stroke: #FF6961;
            stroke-dasharray: 30;
            stroke-dashoffset: 5;
            fill: none;
        }

    #pwLock.green path#body[b-01docd596f] {
        fill: #016644;
    }

    #pwLock.green path#hook[b-01docd596f] {
        stroke: #016644;
        stroke-dasharray: 20;
    }
/* /Controls/PWCorrespondent.razor.rz.scp.css */
.pwCorWrapper[b-vjgqg8ah6r] {
  
    text-align: left!important;
}

.pwCorEditWrapper[b-vjgqg8ah6r] {
    grid-template-columns: 50% 48%;
    padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 2px;
    align-items: center;
}

    .pwCorEditWrapper:hover[b-vjgqg8ah6r] {
        background-color: #d0dfee;
    }

.selectedCorress[b-vjgqg8ah6r] {
    background-color: lightgray;
}

.searchWrapper[b-vjgqg8ah6r] {
    grid-template-columns: repeat(5, auto);
    align-items: center;
    justify-items: center;
}

.searchTerm[b-vjgqg8ah6r] {
    text-align: center;
    font-size: 1.8vh;
    margin-bottom: 3vh;
    color: #0068b5;
}
/* /Controls/PWDamageMatrix.razor.rz.scp.css */
.dmWrapper[b-1s3y5t14p8] {
    display: grid;
    grid-template-columns: repeat(9, 17.2vh);
    margin-top: 2vh;
}

h1[b-1s3y5t14p8] {
    font-size: 1.5vh;
}

.dmHeaders[b-1s3y5t14p8] {
    font-weight: 700;
    font-size: 1.8vh;
    text-align: center;
}

.dmHeaderMinor[b-1s3y5t14p8] {
    background-color: #6EC86E;
}

.dmHeaderModerate[b-1s3y5t14p8] {
    background-color: #FFD211;
}

.dmHeaderHeavy[b-1s3y5t14p8] {
    background-color: #F1A460;
}

.dmHeaderSevere[b-1s3y5t14p8] {
    background-color: #F56961;
}


p[b-1s3y5t14p8] {
    font-size: 1.5vh;
    margin-top: 1vh;
}

.dmCard[b-1s3y5t14p8] {
    border: 1px solid lightgrey;
    padding: 5px;
    padding-top: 2vh;
    transition: all .5s
}

    .dmCard:hover[b-1s3y5t14p8] {
        background-color: lightgray;
        transform: scale(1.05);
    }

    .dmCard:focus[b-1s3y5t14p8] {
        background-color: #fff;
        border-color: #86b7fe;
        outline: 0;
        box-shadow: 0 0 0 .25rem rgba(13, 110, 253, .25);
        border-radius: 5px;
    }

.dmCardSelected[b-1s3y5t14p8] {
    background-color: lightgray;
    transform: scale(1.05);
    border: black solid 1px;
    border-radius: 0.25rem;
}

    .dmCardSelected.readOnly[b-1s3y5t14p8] {
        border: black solid 1px;
        border-radius: 0.25rem;
    }

.readOnly[b-1s3y5t14p8] {
    cursor: default !important;
    background-color: lightgray;
    border-color: lightgrey;
}

    .readOnly:hover[b-1s3y5t14p8] {
        cursor: default !important;
        background-color: lightgray !important;
        border: lightgray solid 1px;
        transform: none;
    }

    .readOnly:focus[b-1s3y5t14p8] {
        outline: none !important;
        box-shadow: none;
        background-color: lightgray;
    }

@media only screen and (max-width: 1280px) and (max-height: 800px) {
    .dmWrapper[b-1s3y5t14p8] {
        font-size: 1.2vh;
    }
}

@media only screen and (max-width: 1920px) and (max-height: 1080px) {
    .dmWrapper[b-1s3y5t14p8] {
        font-size: 1.2vh;
    }
}
/* /Controls/PWDateInput.razor.rz.scp.css */
input[b-pwpzw3p3gt] {
    width: max-content;
}
/* /Controls/PWDatePreview.razor.rz.scp.css */
/* /Controls/PWDateTimeInput.razor.rz.scp.css */
.pwDateTimeInputWrapper[b-wgfwvz3vs1] {
    display: grid;
    grid-column-gap: 0.5vw;
    grid-template-columns: max-content max-content;
}
/* /Controls/PWDropdown.razor.rz.scp.css */
.pwDropDown[b-o4oxfz7ux6] {
    width: 100% !important;
}

.groupedText[b-o4oxfz7ux6] {
    color: #495057;
}

@media only screen and (max-width: 1280px) and (max-height: 800px) {

    
}
/* /Controls/PWDropdownSearchable.razor.rz.scp.css */
.ddsWrapper[b-ed30bihe2u] {
    position: relative;
}

.ddsList[b-ed30bihe2u] {
    max-height: 20vh;
    overflow: auto;
    margin-top: 5px;
    border: 1px solid lightgray;
    border-radius: 0.25rem;
    padding: 5px;
    z-index: 100000;
    background-color: white;
    width: 97%;
    list-style: none;
    position: absolute;
    width: max-content;
}

.ddsSubFormat[b-ed30bihe2u] {
    font-weight: 700;
}

.ddsItem[b-ed30bihe2u] {
}

    .ddsItem:hover[b-ed30bihe2u] {
        background-color: lightgray;
        cursor: pointer;
    }

.ddsItemIndent[b-ed30bihe2u] {
    margin-left: 1vw;
}


@media only screen and (max-width: 1280px) and (max-height: 800px) {

    .pwDropDownSearchable[b-ed30bihe2u] {
        height: 4vh;
    }
}
/* /Controls/PWEditableDoc.razor.rz.scp.css */
/* /Controls/PWEditor.razor.rz.scp.css */
.editorWrapper[b-mq7xy8l2zu] {
    height: 35vh;
}
/* /Controls/PWEmailMailingList.razor.rz.scp.css */
.mailingListWrapper[b-xafrl1rqiw] {
    display: flex;
    column-gap: 1vw;
    flex-flow: row wrap;
    row-gap: 1vh;
}

.sendToWrapper[b-xafrl1rqiw] {
    display: grid;
    grid-template-areas:
        "dropdownArea";
    grid-template-columns: 47% 48% max-content;
    grid-column-gap: 5px;
}

    .sendToWrapper ~ div.dropEaddress[b-xafrl1rqiw] {
        grid-area: dropdownArea;
    }

    .sendToWrapper ~ div.eAddress[b-xafrl1rqiw] {
        grid-area: dropdownArea;
       
    }
    .sendToWrapper ~ div.append[b-xafrl1rqiw] {
        grid-area: dropdownArea;
    }

.emailAddressWrapper[b-xafrl1rqiw] {
    border: 1px solid lightgrey;
    border-radius: 0.25rem;
    padding-left: 4px;
    width: max-content;
    margin-top: 1vh;
    font-size: clamp(0.5rem, 0.5vh + 0.5rem, 2rem);
}

.closeBtn[b-xafrl1rqiw] {
    border: none;
    background-color: transparent;
    font-size: 2vh;
    text-align: center;
}

.closeBtn:hover[b-xafrl1rqiw] {
    background-color: lightgrey;
    border-radius: 0.25rem;
}

.inputAppendBtn[b-xafrl1rqiw] {
    font-size: clamp(1rem, 1vh + 0.5rem, 3rem);
    color: #61456a;
    border: 1px #5f5562 solid;
    border-radius: 0.25rem;
    width: max-content;
    background-color: transparent;
    padding-left: 1.5vh;
    padding-right: 1.5vh;
}

    .inputAppendBtn:hover[b-xafrl1rqiw] {
        background-color: #5f5562;
        color: white;
        border-radius: 0.25rem;
    }
/* /Controls/PWFileViewer.razor.rz.scp.css */
.fileViewerWrapper[b-svocpd5w1b] {
    width: 100%;
   height: 100%;
}

.firstViewWrapper[b-svocpd5w1b] {
  justify-items: center;
  margin-top: 25vh;
}

.firstViewMessageBox[b-svocpd5w1b] {
    height: 100px;
    width: 200px;
    border: solid lightgray 2px;
    border-radius: 0.25rem;
}

.noFilesMsg[b-svocpd5w1b] {
  display: grid;
  height: 100%;
  align-content: center;
  color: darkgray;
}

/* /Controls/PWImageViewer.razor.rz.scp.css */
.pwImageSmall[b-lrl6mkjeg8] {
    height: 10vh;
}

.pwImageMedium[b-lrl6mkjeg8] {
    height: 25vh;
}

.pwImageLarge[b-lrl6mkjeg8] {
    height: 50vh;
}

.imgCont[b-lrl6mkjeg8] {
    width: max-content;
}
/* /Controls/PWInitialIcon.razor.rz.scp.css */
.pwInitialIcon[b-5rdxnf7goe] {
    width: 3vh;
    height: 3vh;
    border-radius: 50%;
    align-content: center;
    text-align: center;
    font-size: x-small;
    overflow: hidden;
    font-weight: 700;
}
/* /Controls/PWInputTextbox.razor.rz.scp.css */

/* /Controls/PWLabel.razor.rz.scp.css */
.labelFocus[b-hm5f4kkuli] {

}

    .labelFocus:focus[b-hm5f4kkuli] {
        background-color: #f7f7f7;
        border: #5f5562 1px solid;
        outline: 0;
        border-radius: 0.25rem;
        padding-top: 2px;
        padding-bottom: 2px;
       
        
    }
/* /Controls/PWLEIPolicy.razor.rz.scp.css */
.policySearchWrapper[b-gqpjxlj33c] {
    width: 50vw;
}

.searchBoxBtn[b-gqpjxlj33c] {
    grid-template-columns: auto auto;
    grid-column-gap: 2vh;
}


.selectPolicyRow[b-gqpjxlj33c] {
    cursor: pointer;
}

.surnameVRNPostcodeWrapper[b-gqpjxlj33c] {
    grid-template-columns: auto auto auto auto auto;
}

.caseInfo[b-gqpjxlj33c] {
    text-align: left;
    grid-column: span 5;
}

.aTag[b-gqpjxlj33c] {
    cursor: pointer;
    text-decoration: underline;
}

.policySelected[b-gqpjxlj33c] {
    background-color: #d1ffd1 !important;
}

.footerBtnLayout[b-gqpjxlj33c] {
    width: 100% !important;
    grid-template-columns: auto auto;
}

.actnBtnPosition[b-gqpjxlj33c] {
    justify-self: end;
}

table[b-gqpjxlj33c] {
    grid-column: span 5;
    text-align: left;
}

thead[b-gqpjxlj33c] {
    font-weight: 700;
}


/* /Controls/PWLicAuth.razor.rz.scp.css */
.laWrapper[b-rcuyk236x1] {
    grid-template-columns: max-content max-content;
}
/* /Controls/PWLockUnlock.razor.rz.scp.css */
*[b-9b7bzhrskv],
[b-9b7bzhrskv]::after,
[b-9b7bzhrskv]::before {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

:root[b-9b7bzhrskv] {
    --bg: hsl(201, 27%, 10%);
}

body[b-9b7bzhrskv] {
    height: 100vh;
    background: var(--bg);
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 1em;
    position: relative;
}

#pwLock[b-9b7bzhrskv] {
    width: 22px;
    height: auto;
    position: relative;
    cursor: pointer;

}

#pwLock:hover[b-9b7bzhrskv] {
    fill: black;
}

    #pwLock path[b-9b7bzhrskv] {
        transition: all 0.5s ease-in-out;
    }

        #pwLock path#body[b-9b7bzhrskv] {
            fill: #8B0000;
        }

        #pwLock path#hook[b-9b7bzhrskv] {
            stroke: #8B0000;
            stroke-dasharray: 30;
            stroke-dashoffset: 5;
            fill: none;
        }

    #pwLock.green path#body[b-9b7bzhrskv] {
        fill: #016644;
    }

    #pwLock.green path#hook[b-9b7bzhrskv] {
        stroke: #016644;
        stroke-dasharray: 20;
    }
/* /Controls/PWMap.razor.rz.scp.css */
.gMaps[b-0dfz7013vc] {
    width: 100%;
    height: 100%;
    border-radius: 0.25rem;
}

.captureBtn[b-0dfz7013vc] {
    width: max-content;
    height: max-content;
}

.footerBtnLayout[b-0dfz7013vc] {
    width: 100% !important;
    grid-template-columns: auto auto;
}

.actnBtnPosition[b-0dfz7013vc] {
    justify-self: end;
}

.mapCanvWrapper[b-0dfz7013vc] {
    width: 38vw;
}
/* /Controls/PWModal.razor.rz.scp.css */
.pwModalTitle[b-88lvxjsjrx] {
    text-align: center;
}
.modalh1[b-88lvxjsjrx] {
    font-size: 1.25rem !important;
}

.pwModalContent[b-88lvxjsjrx] {
    color: red;
}

.pwModalMinimizeButton[b-88lvxjsjrx] {
    background-color: transparent;
    border: none;
}

.animationFadeIn[b-88lvxjsjrx] {
    animation-duration: 0.6s;
    animation-name: fadeIn-b-88lvxjsjrx;
}

@keyframes fadeIn-b-88lvxjsjrx {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

.animationFadeOut[b-88lvxjsjrx] {
    animation-duration: 0.6s;
    animation-name: fadeOut-b-88lvxjsjrx;
}

@keyframes fadeOut-b-88lvxjsjrx {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
    }
}


.model-body:focus[b-88lvxjsjrx] {
    background-color: red;
}
/* /Controls/PWTimeInput.razor.rz.scp.css */
/* /Controls/PWToggleButton.razor.rz.scp.css */
.pwTBWrapper[b-vm32ir0rfy] {
    display: grid;
    grid-column-gap: 0px;
    grid-template-columns: 30px 5px 30px;
    height: 30px;
    width: max-content;
}

.pwTBSubWrapper[b-vm32ir0rfy] {
    background-color: lightgray;
}

.pwTBLeftWrapper[b-vm32ir0rfy] {
    border-top: 1px solid gray;
    border-bottom: 1px solid gray;
    border-left: 1px solid gray;
    border-top-left-radius: 50%;
    border-bottom-left-radius: 50%;
}

.pwTBCentreWrapper[b-vm32ir0rfy] {
    border-bottom: 1px solid gray;
    border-top: 1px solid gray;
}

.pwTBRightWrapper[b-vm32ir0rfy] {
    border-top: 1px solid gray;
    border-bottom: 1px solid gray;
    border-right: 1px solid gray;
    border-top-right-radius: 50%;
    border-bottom-right-radius: 50%;
}

.pwTBButton[b-vm32ir0rfy] {
    border-radius: 50%;
    height: 26px;
    width: 26px;
    margin-left: 36px;
    margin-top: 1px;
    margin-bottom: 1px;
    background-color: grey;
    position: relative;
    transition: all 0.3s;
    cursor: pointer;
    text-align: center;
}

.pwTBWrapper:focus[b-vm32ir0rfy] {
    outline: none;
    background-color: #fff;
    border-color: #86b7fe;
    outline: 0;
    box-shadow: 0 0 0 .25rem rgba(13, 110, 253, .25);
    border-radius: 5px; 
}
    

.pwTBButton > span[b-vm32ir0rfy] {
    color: white;
}

.pwButtonDisabled[b-vm32ir0rfy] {
    cursor: initial;
}

.pwTBButtonSelected[b-vm32ir0rfy] {
    margin-left: 1px;
    background-color: #016644;
    border: 1px solid #14865f;
}

.pwTBSubWrapperSelected[b-vm32ir0rfy] {
    background-color: #e7f9f5;
}

/* /Controls/PWUploader.razor.rz.scp.css */
.pwDropzone[b-fco6riztky] {
  
    border-radius: 0.25rem;
    padding: 3rem;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #eee;
    box-shadow: inset 0 0 8px rgba(0,0,0,0.2);
    color: #444;
    font-size: 1.5rem;
    cursor: pointer;
    position: relative;
    text-align: center;
}

    .pwDropzone:hover[b-fco6riztky] {
        background-color: #f3f3f3;
        color: #333;
    }
    .pwDropzone:focus[b-fco6riztky] {
        background-color: #fff;
        border-color: #86b7fe;
        outline: 0;
        box-shadow: 0 0 0 .25rem rgba(13, 110, 253, .25);
        border-radius: 0.25rem;
       
    }


    .pwDropzone > label[b-fco6riztky] {
        cursor: pointer;
    }

.pwOnDragOver[b-fco6riztky] {
    background-color: gray;
    color: white;
}

.pwDropzone > input[b-fco6riztky] {
   
}

/* /Controls/PWUserIcon.razor.rz.scp.css */
.ppUserWrapper[b-ay9h9nio7q] {
}

    .ppUserWrapper > img[b-ay9h9nio7q] {
        border-radius: 50%;
        height: 3vh;
    }

    .ppUserWrapper > span[b-ay9h9nio7q] {
        height: 3vh;
        width: 3vh;
        border: solid 1px lightgrey;
        border-radius: 50%;
        text-align: center;
        align-content: center;
      
    }

    .ppUserWrapper > div[b-ay9h9nio7q] {
        height: 3vh;
        width: 3vh;
        text-align: center;
        align-content: center;
        font-size: x-large;
    }

.systemIcon[b-ay9h9nio7q] {
    border-radius: 50%;
    height: 3vh;
    background-color: lightgrey;
    width: 3vh;
    align-content: center;
    font-size: xx-large;
    color: white;
}

/* /Controls/PWVehicle.razor.rz.scp.css */
.pwVehicleLoadingSpinner[b-wryhh6vkfi] {
    color: #0068b5;
}

.taxWrapper[b-wryhh6vkfi] {
    padding: 10px;
    border: 2px solid;
    border-radius: 0.25rem;
    align-content: center;
    text-align: center;
    height: max-content;
}

    .taxWrapper.taxed[b-wryhh6vkfi] {
        border-color: green;
    }

    .taxWrapper.unTaxted[b-wryhh6vkfi] {
        border-color: red;
    }

.motWrapper[b-wryhh6vkfi] {
    padding: 10px;
    border: 2px solid;
    border-radius: 0.25rem;
    align-content: center;
    text-align: center;
    height: max-content;
}

    .motWrapper.valid[b-wryhh6vkfi] {
        border-color: green;
    }

    .motWrapper.invalid[b-wryhh6vkfi] {
        border-color: red;
    }

.searchWrapper[b-wryhh6vkfi] {
    width: 80vh;
}

.footerBtnLayout[b-wryhh6vkfi] {
    width: 100% !important;
    grid-template-columns: auto auto;
}

.actnBtnPosition[b-wryhh6vkfi] {
    justify-self: end;
}

.fullVehicleInfoWrapper[b-wryhh6vkfi] {
    grid-template-columns: auto auto;
    text-align: left;
   
}

.phonetics[b-wryhh6vkfi] {
    font-weight: 700;
}

.taxMotWrapper[b-wryhh6vkfi] {
    grid-template-columns: auto auto;
    width: 100%;
}

.readOnly[b-wryhh6vkfi] {
    cursor: default !important;
    background-color: #e9ecef;
    border-color: lightgrey;
}

  

@media only screen and (max-width: 1280px) and (max-height: 768px) {

}
/* /Controls/PWVideoViewer.razor.rz.scp.css */
.pwVideoSmall[b-ti1xjuzhls] {
    max-height: 10vh;
}

.pwVideoMedium[b-ti1xjuzhls] {
    max-height: 25vh;
}

.pwVideoLarge[b-ti1xjuzhls] {
    max-height: 50vh;
}

.videoCont[b-ti1xjuzhls] {
    width: max-content;
}

.videoContWrapper[b-ti1xjuzhls] {
    position: relative;
}

.deleteButton[b-ti1xjuzhls]{
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 10;
}
/* /Controls/PWVulnerableCustomer.razor.rz.scp.css */
.vulnerabilityMainWrapper[b-mhh0k15wi1] {
    width: 85vw;
    text-align: left;
    grid-template-columns: 51% 48%;
    grid-template-areas:
        "questionArea";
    grid-column-gap: 10px;
    overflow: hidden !important;
}

.questionSetContainer[b-mhh0k15wi1] {
}

.vulnerabilityMainWrapper > div.questionSet[b-mhh0k15wi1] {
    grid-area: questionArea;
}

ul li[b-mhh0k15wi1] {
    list-style: none;
   
}

ul[b-mhh0k15wi1] {
    padding-left: 0;
}

.liMargin[b-mhh0k15wi1] {
    display: grid;
    justify-self: center;
}

.texasSheetContainer[b-mhh0k15wi1] {
    overflow-x: hidden;
    height: 68vh;
}

.vulnerabilityMainWrapper ~ div.texasSheet[b-mhh0k15wi1] {
    grid-area: questionArea;
}

.texasImg[b-mhh0k15wi1] {
    max-width: max-content;
}

.recordBtn[b-mhh0k15wi1] {
    border: 2px indianred solid;
    width: max-content;
    background-color: transparent;
    padding: 5px;
    border-radius: 0.25rem;
    justify-self: start;
    margin-bottom: 1vh;
}

.recordBtnDis[b-mhh0k15wi1] {
    border: 2px lightgray solid;
    width: max-content;
    background-color: transparent;
    padding: 5px;
    border-radius: 0.25rem;
    justify-self: start;
    margin-bottom: 1vh;
}

    .recordBtn:hover[b-mhh0k15wi1] {
        background-color: indianred;
        color: white;
    }

.escalateBtn[b-mhh0k15wi1] {
    font-size: clamp(1rem, 1vh + 0.5rem, 3rem);
    color: #61456a;
    border: 2px indianred solid;
    border-radius: 0.25rem;
    background-color: transparent;
    padding-left: 1.5vh;
    padding-right: 1.5vh;
    width: 100%;
    height: max-content;
    justify-self: center;
}

    .escalateBtn:hover[b-mhh0k15wi1] {
        background-color: indianred;
        color: white;
        border-radius: 0.25rem;
        padding-left: 1.5vh;
        padding-right: 1.5vh;
    }

.isVulnerable[b-mhh0k15wi1] {
    animation: vulnerableGlow-b-mhh0k15wi1 1s ease-in-out infinite alternate, wiggle-b-mhh0k15wi1 2.5s infinite;
    color: rgba(255,102,26) !important;
}

@keyframes vulnerableGlow-b-mhh0k15wi1 {
    from {
        text-shadow: 0 0 10px #FF9966, 0 0 20px #FF9966, 0 0 30px rgba(205,92,92,.5), 0 0 40px rgba(0,255,0,.5), 0 0 50px rgba(205,92,92,.5), 0 0 60px rgba(205,92,92,.5), 0 0 70px rgba(205,92,92,.5);
    }

    to {
        text-shadow: 0 0 20px #FF9966, 0 0 30px rgba(205,92,92,.9), 0 0 40px rgba(205,92,92,.9), 0 0 50px rgba(205,92,92,.9), 0 0 60px rgba(205,92,92,.9), 0 0 70px rgba(205,92,92,.9), 0 0 80px rgba(205,92,92,.9);
    }
}



@keyframes wiggle-b-mhh0k15wi1 {
    0% {
        transform: rotate(0deg);
    }

    80% {
        transform: rotate(0deg);
    }

    85% {
        transform: rotate(15deg);
    }

    95% {
        transform: rotate(-15deg);
    }

    100% {
        transform: rotate(0deg);
    }
}
/* /Controls/PWYesNoRadioInput.razor.rz.scp.css */
.pwYesNoWrapper[b-ongzyywd8p] {
    display: grid;
    grid-template-columns: repeat(2, max-content);
    align-content: center;
    border-radius: 5px;
    width: fit-content;
    padding: 4px;
}



.Yicon:focus[b-ongzyywd8p] {
    outline: none;
    background-color: #fff;
    border-color: #86b7fe;
    outline: 0;
    box-shadow: 0 0 0 .25rem rgba(13, 110, 253, .25);
    border-radius: 5px;
}

.pwYesNoWrapper:focus[b-ongzyywd8p] {
    outline: none;
    background-color: #fff;
    border-color: #86b7fe;
    outline: 0;
    box-shadow: 0 0 0 .25rem rgba(13, 110, 253, .25);
    border-radius: 5px;
}



.YiconChecked:hover[b-ongzyywd8p] {
    background-color: #e7f9f5 !important;
    font-weight: 700;
    color: #016644 !important;
    border: 1px solid #14865f;
    border-radius: 5px;
    cursor: default;
}

.Yicon:hover[b-ongzyywd8p] {
    color: black;
    border-radius: 5px;
}


.Yicon[b-ongzyywd8p] {
    font-size: 1.6vh;
    font-weight: 700;
    cursor: pointer;
    padding: 4px;
    color: #61456a;
}

.Nicon[b-ongzyywd8p] {
    font-size: 1.6vh;
    font-weight: 700;
    padding-top: 4px;
    padding-bottom: 4px;
    padding-right: 8px;
    padding-left: 8px;
    cursor: pointer;
    color: #61456a;
}

    .Nicon:focus[b-ongzyywd8p] {
        outline: none;
        background-color: #fff;
        border-color: #86b7fe;
        outline: 0;
        box-shadow: 0 0 0 .25rem rgba(13, 110, 253, .25);
        border-radius: 5px;
    }

    .Nicon:hover[b-ongzyywd8p] {
        color: black;
        border-radius: 5px;
    }

.NiconChecked[b-ongzyywd8p] {
    background-color: #FFF5E1;
    font-weight: 700;
    color: #ca870A;
    border: 1px solid #F0a92d;
    border-radius: 5px;
}

.YiconChecked[b-ongzyywd8p] {
    background-color: #e7f9f5;
    font-weight: 700;
    color: #016644;
    border: 1px solid #14865f;
    border-radius: 5px;
}

.NiconChecked:hover[b-ongzyywd8p] {
    background-color: #FFF5E1 !important;
    color: #ca870A;
    border: 1px solid #F0a92d;
    border-radius: 5px;
    cursor: default;
}

.readOnly[b-ongzyywd8p] {
    cursor: default !important;
    background-color: #e9ecef;
    border-color: lightgrey;
}

    .readOnly:hover[b-ongzyywd8p] {
        cursor: default !important;
        background-color: transparent !important;
        border: lightgray solid 1px;
    }

    .readOnly:focus[b-ongzyywd8p] {
        outline: none !important;
        box-shadow: none;
        background: none;
    }

@media only screen and (max-width: 1280px) and (max-height: 800px) {

    .pwYesNoWrapper[b-ongzyywd8p] {
        height: 3.5vh;
        font-size: 1vh;
        padding-bottom: 2px;
    }

    .NiconChecked[b-ongzyywd8p] {
        padding-bottom: 2px;
    }

    .YiconChecked[b-ongzyywd8p] {
        padding-bottom: 2px;
    }
}

@media only screen and (max-width: 1920px) and (max-height: 1080px) {

    .pwYesNoWrapper[b-ongzyywd8p] {
        height: 3.5vh;
        font-size: 1vh;
        padding-bottom: 2px;
    }

    .NiconChecked[b-ongzyywd8p] {
        padding-bottom: 2px;
    }

    .YiconChecked[b-ongzyywd8p] {
        padding-bottom: 2px;
    }
}
/* /Pages/Authentication/ActivateAccount.razor.rz.scp.css */
.activateWrapper[b-vhribagmq7] {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    margin-top: 30vh;
    width: max-content;
    justify-items: center;
}
/* /Pages/Authentication/LoginPage.razor.rz.scp.css */
.loginWrapper[b-t4p9nbkbvz] {
    width: 100%;
    height: 100%;
}

.loginContainer[b-t4p9nbkbvz] {
    width: 25vw;
    border: 1px solid lightgrey;
    padding: 10px;
    border-radius: 0.25rem;
    animation: loginCont-b-t4p9nbkbvz 2s forwards;
    opacity: 0;
    top: 20vh;
    position: fixed;
    transform: translateX(150%);
}

    .loginContainer > img[b-t4p9nbkbvz] {
        width: 50%;
    }

@keyframes loginCont-b-t4p9nbkbvz {
    100% {
        opacity: 1;
    }
}

.errorWrapper[b-t4p9nbkbvz] {
    color: #FF6961;
    font-weight: 700;
}
/* /Pages/Index.razor.rz.scp.css */
.pwWrapper[b-mmobpo5x8p] {
    grid-template-columns: repeat(auto-fill, minmax(100px, 1fr));
    margin-top: 5vh;
}

.welcomeLabel[b-mmobpo5x8p] {
    font-size: large;
    font-weight: 700;
}

.profileImage[b-mmobpo5x8p] {
    border-radius: 50%;
    height: 50px;
}

.btnNav[b-mmobpo5x8p] {
    border: none;
    border-radius: 0.25rem;
    width: 10vw;
    height: 10vw;
    color: white;
    background-color: #5f5562;
    transition: all 0.3s;
}

    .btnNav:hover[b-mmobpo5x8p] {
        cursor: pointer;
        background-color: #61456a;
        transform: scale(1.01);
    }

    .btnNav > span[b-mmobpo5x8p] {
        font-size: 50pt;
    }

    .btnNav > div[b-mmobpo5x8p] {
        font-size: 15pt;
    }
/* /Pages/InDirectFNOL/CreateReport/InDirectFNOLCreateCase.razor.rz.scp.css */
.createReportMainWrapper[b-krw2nnrplj] {
 
  height: 70vh;
  overflow: scroll;
}

.clientInfo[b-krw2nnrplj] {
    grid-template-columns: max-content max-content max-content;
}

.irCardWrapper[b-krw2nnrplj] {
    width: auto;
    margin-left: auto;
    margin-right: auto;
   
}

@media only screen and (max-width: 1280) and (max-height: 800px) {

    /*.irCardWrapper {
        width: 70%;
    }
*/
}
/* /Pages/InDirectFNOL/FireReport/FireReport.razor.rz.scp.css */
.addThirdPartyInfo[b-rqjarsb52t] {
    font-size: 30pt;
    color: #61456a;
    margin-top: 1vh;
}

    .addThirdPartyInfo:hover[b-rqjarsb52t] {
        cursor: pointer;
    }

    .addThirdPartyInfo:focus[b-rqjarsb52t] {
        background-color: #fff;
        border-color: #86b7fe;
        outline: 0;
        box-shadow: 0 0 0 .25rem rgba(13, 110, 253, .25);
        border-radius: 5px;
        padding-left: 5px;
        padding-right: 5px;
    }

.pageScript[b-rqjarsb52t] {
    font-weight: 700;
    font-style: italic;
    margin-left: auto;
    margin-right: auto;
    margin-top: 2vh;
    margin-bottom: 6vh;
    border: 2px #61456a solid;
    padding: 20px;
    border-radius: 5px;
    width: 70%;
    background-color: #f0f0f0;
}

.irMainWrapper[b-rqjarsb52t] {
    grid-template-columns: max-content auto;
    height: 80vh;
}

.irNavWrapper[b-rqjarsb52t] {
    align-items: start;
    grid-auto-rows: max-content;
    margin-top: 4vh;
    max-width: 100%;
    overflow: auto;
}
ul li[b-rqjarsb52t] {
    list-style: none;
    margin: 0;
    padding: 0;
}

.h1OwnerDriver[b-rqjarsb52t] {
    font-size: 1.1rem;
    font-weight: 700;
}

.headingBtn[b-rqjarsb52t] {
    font-size: clamp(1rem, 1vh + 0.5rem, 3rem);
    color: #61456a;
    border: 1px lightgray solid;
    border-radius: 0.25rem;
    background-color: transparent;
    padding-left: 1.5vh;
    padding-right: 1.5vh;
    margin-bottom: 3vh;
    width: max-content;
}

    .headingBtn:hover[b-rqjarsb52t] {
        background-color: #5f5562;
        color: white;
        border-radius: 0.25rem;
        padding-left: 1.5vh;
        padding-right: 1.5vh;
    }
h3[b-rqjarsb52t] {
    font-size: 1.8vh;
    text-decoration: underline;
    color: #61456a;
    margin-left: 0.5vh;
}

.headingBtn2[b-rqjarsb52t] {
    font-size: clamp(1rem, 1vh + 0.5rem, 3rem);
    color: #61456a;
    border: 1px lightgray solid;
    border-radius: 0.25rem;
    background-color: transparent;
    padding-left: 1.5vh;
    padding-right: 1.5vh;
    margin-bottom: 3vh;
    margin-left: 2vh;
}

    .headingBtn2:hover[b-rqjarsb52t] {
        background-color: #5f5562;
        color: white;
        border-radius: 0.25rem;
        padding-left: 1.5vh;
        padding-right: 1.5vh;
        margin-left: 2vh;
    }

.mainReportWarpper[b-rqjarsb52t] {
    overflow: auto;
    height: 20vh;
}

.sideInfo[b-rqjarsb52t] {
    font-size: 1.7vh;
    overflow-wrap: break-word;
    inline-size: 235px;
}

.clientInfo[b-rqjarsb52t] {
}

.actions[b-rqjarsb52t] {
    justify-content: end;
}

.addThirdPartyInfo[b-rqjarsb52t] {
    font-size: 4vh;
    color: #61456a;
    border: none;
    width: 10%;
    background-color: transparent;
    justify-self: end;
}

    .addThirdPartyInfo:hover[b-rqjarsb52t] {
        cursor: pointer;
    }

    .addThirdPartyInfo:focus[b-rqjarsb52t] {
        background-color: #fff;
        border-color: #86b7fe;
        outline: 0;
        box-shadow: 0 0 0 .25rem rgba(13, 110, 253, .25);
        border-radius: 5px;
        padding-left: 5px;
        padding-right: 5px;
    }

h2[b-rqjarsb52t] {
    text-decoration: underline;
    color: #61456a;
}

.Scroll[b-rqjarsb52t] {
    padding-left: 1vw;
    padding-right: 1vw;
    font-size: 14pt;
    color: #61456a;
}

.witnessActionButtons[b-rqjarsb52t] {
    text-align-last: justify;
}
/* /Pages/InDirectFNOL/IncidentReport/BaseSection.razor.rz.scp.css */
/* /Pages/InDirectFNOL/IncidentReport/ClientVehicleDamage.razor.rz.scp.css */
.damageDiagramWarpper[b-q5tfu9ytyv]  {
    grid-template-columns: 46% 50%;
}


.pageScript[b-q5tfu9ytyv] {
    font-weight: 700;
    font-style: italic;
    margin-left: auto;
    margin-right: auto;
    margin-top: 2vh;
    margin-bottom: 6vh;
    border: 2px #61456a solid;
    padding: 20px;
    border-radius: 5px;
    width: 70%;
    background-color: #f0f0f0;
    text-align: center;
}

.Scroll[b-q5tfu9ytyv] {
    padding-left: 1vw;
    padding-right: 1vw;
    font-size: 1.8vh;
    color: #61456a;
}

.headingBtn[b-q5tfu9ytyv] {
    font-size: clamp(1rem, 1vh + 0.5rem, 3rem);
    color: #61456a;
    border: 1px lightgray solid;
    border-radius: 0.25rem;
    background-color: transparent;
    padding-left: 1.5vh;
    padding-right: 1.5vh;
    margin-bottom: 3vh;
    width: max-content;
}

    .headingBtn:hover[b-q5tfu9ytyv] {
        background-color: #5f5562;
        color: white;
        border-radius: 0.25rem;
        padding-left: 1.5vh;
        padding-right: 1.5vh;
    }

.readOnly[b-q5tfu9ytyv] {
    cursor: default !important;
    background-color: #e9ecef;
    border-color: lightgrey;
}

@media only screen and (max-width: 1280px) and (max-height: 800px) {

    .pageScript[b-q5tfu9ytyv] {
        max-width: 80%;
        font-size: 1.4vh;
        padding: 1vh;
        border: 1px solid #61456a;
    }

  /*  .damageDiagramWarpper {
        min-width: 100%;
    }*/
}


@media only screen and (max-width: 1920px) and (max-height: 1080px) {

    .pageScript[b-q5tfu9ytyv] {
        max-width: 80%;
        font-size: 1.4vh;
        padding: 1vh;
        border: 1px solid #61456a;
    }

   /*  .damageDiagramWarpper {
        min-width: 100%;
    }*/
}
/* /Pages/InDirectFNOL/IncidentReport/ClientVehicleDetails.razor.rz.scp.css */
.pageScript[b-gc0vn5o4xr] {
    font-weight: 700;
    font-style: italic;
    margin-left: auto;
    margin-right: auto;
    margin-top: 2vh;
    margin-bottom: 6vh;
    border: 2px #61456a solid;
    padding: 20px;
    border-radius: 5px;
    width: 70%;
    background-color: #f0f0f0;
}

.pageScriptHide[b-gc0vn5o4xr] {
    display: none;
}

.Scroll[b-gc0vn5o4xr] {
    padding-left: 1vw;
    padding-right: 1vw;
    font-size: 1.8vh;
    color: #61456a;
}


.licAuth[b-gc0vn5o4xr] {
    text-align: left !important;
    width: 50vw !important;
    min-height: 25vh;
}

.footerBtnLayout[b-gc0vn5o4xr] {
    width: 100% !important;
    grid-template-columns: auto auto;
}

.actnBtnPosition[b-gc0vn5o4xr] {
    justify-self: end;
}


@media only screen and (max-width: 1280px) and (max-height: 800px) {

    .pageScript[b-gc0vn5o4xr] {
        max-width: 80%;
        font-size: 1.4vh;
        padding: 1vh;
        border: 1px solid #61456a;
    }

}


@media only screen and (max-width: 1920px) and (max-height: 1080px) {

    .pageScript[b-gc0vn5o4xr] {
        max-width: 80%;
        font-size: 1.4vh;
        padding: 1vh;
        border: 1px solid #61456a;
    }
}
/* /Pages/InDirectFNOL/IncidentReport/ControlTP.razor.rz.scp.css */
.tpDamageDiagramWrapper[b-11jawh4rau] {
    grid-template-columns: 49% 49%;
    grid-template-areas:
        "tpDamageCompare";
    margin-bottom: 2vh;
    width: 100%;
}

.enterManually[b-11jawh4rau] {
    border: #0068b5 solid 2px;
    background-color: transparent;
    border-radius: 0.25rem;
    max-width: max-content;
    color: #0068b5;
}

    .tpDamageDiagramWrapper ~ div.tpClientImg[b-11jawh4rau] {
        grid-area: tpDamageCompare;
     

    }

    .tpDamageDiagramWrapper ~ div.tpDamageImg[b-11jawh4rau] {
        grid-area: tpDamageCompare;
    
    }

h3[b-11jawh4rau] {
    font-size: 1.9vh;
}

h2[b-11jawh4rau] {
    text-decoration: underline;
    color: #61456a;
}

.h2OP[b-11jawh4rau] {
    text-decoration: underline;
    color: #61456a;
    font-size: 1.9vh;
}

.readOnly[b-11jawh4rau] {
    cursor: default !important;
    background-color: #e9ecef;
    border-color: lightgrey;
}


@media only screen and (max-width: 1280px) and (max-height: 800px) {

  /*      .tpDamageDiagramWrapper {
        min-width: 100%;
    }*/

  
}

@media only screen and (max-width: 1920px) and (max-height: 1080px) {
/*    
    .tpDamageDiagramWrapper {
        min-width: 100%;
    }

    .tpDamageImg {
        width: 31.5vw;
    }*/
}

.diagramLabel[b-11jawh4rau] {
    grid-template-columns: 49% 49%;
    color: #61456a;
    font-weight: 700;
    margin-top: 2vh;
   
}

.OPSavedActions[b-11jawh4rau] {
    margin-right: 0.1vw;
}

.pageBreak[b-11jawh4rau] {
}
/* /Pages/InDirectFNOL/IncidentReport/EmergencyServices.razor.rz.scp.css */
.Scroll[b-cf4c1av9l6] {
    padding-left: 1vw;
    padding-right: 1vw;
    font-size: 1.8vh;
    color: #61456a;
}

.headingBtn[b-cf4c1av9l6] {
    font-size: clamp(1rem, 1vh + 0.5rem, 3rem);
    color: #61456a;
    border: 1px lightgray solid;
    border-radius: 0.25rem;
    background-color: transparent;
    padding-left: 1.5vh;
    padding-right: 1.5vh;
    margin-bottom: 3vh;
    width: max-content;
}

    .headingBtn:hover[b-cf4c1av9l6] {
        background-color: #5f5562;
        color: white;
        border-radius: 0.25rem;
        padding-left: 1.5vh;
        padding-right: 1.5vh;
    }



@media only screen and (max-width: 1280px) and (max-height: 800px) {

    .pageScript[b-cf4c1av9l6] {
        max-width: 80%;
        font-size: 1.4vh;
        padding: 1vh;
        border: 1px solid #61456a;
    }

    
}


@media only screen and (max-width: 1920px) and (max-height: 1080px) {

    .pageScript[b-cf4c1av9l6] {
        max-width: 80%;
        font-size: 1.4vh;
        padding: 1vh;
        border: 1px solid #61456a;
    }
}

.pageScript[b-cf4c1av9l6] {
    font-weight: 700;
    font-style: italic;
    margin-left: auto;
    margin-right: auto;
    margin-top: 2vh;
    margin-bottom: 6vh;
    border: 2px #61456a solid;
    padding: 20px;
    border-radius: 5px;
    width: 70%;
    background-color: #f0f0f0;
}

.completeButton[b-cf4c1av9l6] {
    padding-top: 1vh;
    background-color: hsla(286 7%, 36%, 0.4);
    padding-bottom: 1vh;
    border-bottom: 3px solid #61456a;
}

.sectionBreak[b-cf4c1av9l6] {
    height: 2vh;
}
/* /Pages/InDirectFNOL/IncidentReport/FinalChecks.razor.rz.scp.css */
.pageScript[b-o8tyv9rk9y] {
    font-weight: 700;
    font-style: italic;
    margin-left: auto;
    margin-right: auto;
    margin-top: 2vh;
    margin-bottom: 6vh;
    border: 2px #61456a solid;
    padding: 20px;
    border-radius: 5px;
    width: 70%;
    background-color: #f0f0f0;
}

.readOnly[b-o8tyv9rk9y] {
    cursor: default !important;
    background-color: #e9ecef;
    border-color: lightgrey;
}

ul li[b-o8tyv9rk9y] {
    list-style: none;
}

ul[b-o8tyv9rk9y] {
    margin-left: 0;
    padding-left: 0;
}

.contactDetailsLabel[b-o8tyv9rk9y] {
    margin-right: 2vh;
}

.Scroll[b-o8tyv9rk9y] {
    padding-left: 1vw;
    padding-right: 1vw;
    font-size: 1.8vh;
    ;
    color: #61456a;
}

.sectionBreak[b-o8tyv9rk9y] {
    height: 2vh;
}

h3[b-o8tyv9rk9y] {
    font-size: 1.8vh;
    text-decoration: underline;
    color: #61456a;
    margin-left: 0.5vh;
}

h2[b-o8tyv9rk9y] {
    text-decoration: underline;
    color: #61456a;
}

.headingBtn[b-o8tyv9rk9y] {
    font-size: clamp(1rem, 1vh + 0.5rem, 3rem);
    color: #61456a;
    border: 1px lightgray solid;
    border-radius: 0.25rem;
    background-color: transparent;
    padding-left: 1.5vh;
    padding-right: 1.5vh;
    margin-bottom: 3vh;
    width: max-content;
}

    .headingBtn:hover[b-o8tyv9rk9y] {
        background-color: #5f5562;
        color: white;
        border-radius: 0.25rem;
        padding-left: 1.5vh;
        padding-right: 1.5vh;
    }


@media only screen and (max-width: 1280px) and (max-height: 800px) {

    .pageScript[b-o8tyv9rk9y] {
        max-width: 80%;
        font-size: 1.4vh;
        padding: 1vh;
        border: 1px solid #61456a;
    }
}

@media only screen and (max-width: 1920px) and (max-height: 1080px) {

    .pageScript[b-o8tyv9rk9y] {
        max-width: 80%;
        font-size: 1.4vh;
        padding: 1vh;
        border: 1px solid #61456a;
    }
}

.reviewButtonsWrapper[b-o8tyv9rk9y] {
    grid-template-columns: max-content auto max-content;
    width: 100%;
}

.reviewButtons[b-o8tyv9rk9y] {
    display: flex;
    flex-direction: row;
    gap: 1vw;
}
/* /Pages/InDirectFNOL/IncidentReport/IncidentDetails.razor.rz.scp.css */
.mapWrapper[b-b2uhhzuije] {
    justify-self: center;
    grid-template-rows: 48vh max-content;
    width: 100%;
}

.mapCaptureWrapper[b-b2uhhzuije] {
    overflow-x: auto;
    margin-top: 3vh;
}

.damageFootageWrapper[b-b2uhhzuije] {
    overflow-x: auto;
}

.pageScript[b-b2uhhzuije] {
    font-weight: 700;
    font-style: italic;
    margin-left: auto;
    margin-right: auto;
    margin-top: 2vh;
    margin-bottom: 6vh;
    border: 2px #61456a solid;
    padding: 20px;
    border-radius: 5px;
    width: 70%;
    background-color: #f0f0f0;
}

.Scroll[b-b2uhhzuije] {
    padding-left: 1vw;
    padding-right: 1vw;
    font-size: 1.8vh;
    color: #61456a;
}

.detailedTextarea[b-b2uhhzuije] {
    min-height: 34vh;
}

@media only screen and (max-width: 1280px) and (max-height: 800px) {

    .pageScript[b-b2uhhzuije] {
        max-width: 80%;
        font-size: 1.4vh;
        padding: 1vh;
        border: 1px solid #61456a;
    }
}


@media only screen and (max-width: 1920px) and (max-height: 1080px) {

    .pageScript[b-b2uhhzuije] {
        max-width: 80%;
        font-size: 1.4vh;
        padding: 1vh;
        border: 1px solid #61456a;
    }
}
/* /Pages/InDirectFNOL/IncidentReport/IncidentReportWrapper.razor.rz.scp.css */
.irMainWrapper[b-kehqii76eo] {
    grid-template-columns: max-content auto;
    height: 80vh;
   
}

.readOnly[b-kehqii76eo] {
    background-color: lightgray;
    opacity: 0.9;
    border-radius: 0.25rem;
}

.irCardWrapper[b-kehqii76eo] {
    max-width: 100%;

}

.irNavWrapper[b-kehqii76eo] {
    align-items: start;
    grid-auto-rows: max-content;
    margin-top: 2vh;
    max-width: 100%;
    overflow: auto;
   
}

.unlk[b-kehqii76eo] {
    font-weight: 700;
    color: crimson;
}


.sideNavLinks[b-kehqii76eo] {
    cursor: pointer;
    grid-template-columns: auto auto;
    width: max-content;
    align-items: center;
    font-size: clamp(1rem, 0.4vw + 0.5rem, 2rem);
   
}

.mainReportWarpper[b-kehqii76eo] {
    overflow: auto;
    height: 20vh;
    font-size: clamp(0.6rem, 0.35vw + 0.5rem, 2rem);
}

.actionsButton[b-kehqii76eo] {
   justify-self: end;
  
}

.sideInfo[b-kehqii76eo] {
    font-size: clamp(1rem, 0.4vw + 0.5rem, 2rem);
    overflow-wrap: break-word;
    inline-size: 235px;
}

.navList[b-kehqii76eo] {
    text-decoration: none;
}

.settingsGrid[b-kehqii76eo] {
    grid-template-columns: auto auto auto auto;
    max-width: max-content;
    font-size: clamp(1rem, 0.4vw + 0.5rem, 2rem);
    grid-column-gap: 1vh;
    justify-self: end;
    margin-top: 1vh;
}

.questionWrapper[b-kehqii76eo] {
    grid-template-columns: 60% 35%;
    padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 2px;
    align-items: center;
}

.settingsButton[b-kehqii76eo] {
    border: white solid 1px;
    border-radius: 0.25rem;
    padding-left: 1vh;
    padding-right: 1vh;
    padding-top: 0.5vh;
}

.justifyRight[b-kehqii76eo] {
/*    direction: rtl; */
}


.justifyRightActive[b-kehqii76eo] {
    color: green;
    background-color: white;
}


.scriptActive[b-kehqii76eo] {
    color: green;
    background-color: white;
}

.highlightActive[b-kehqii76eo] {
    color: green; 
    background-color: white;
}

ul[b-kehqii76eo] {
    list-style: none;
}

.cardHeader[b-kehqii76eo] {
    grid-template-columns: auto auto;
    align-items: center;
}

.editBrokerWrapper[b-kehqii76eo] {
    width: 50vw;
 
}

.brokersDropdownWrapper[b-kehqii76eo] {
    grid-template-columns: 40% 56%;
    justify-items: baseline;
 
}

.footerBtnLayout[b-kehqii76eo] {
    width: 100% !important;
    grid-template-columns: auto auto;
}

.actnBtnPosition[b-kehqii76eo] {
    justify-self: end;
}

h1[b-kehqii76eo] {
    font-size: clamp(1rem, 1vw + 0.6rem, 3rem);
}

.warningIcon[b-kehqii76eo] {
    color: darkred;
    font-size: 3vh;
    font-weight: 700;

}


@media only screen and (max-width: 1280px) and (max-height: 800px) {
/*
    .mainReportWarpper {
        font-size: 1.5vh;
    }*/

   /* h1 {
        font-size: 2.8vh;
    }
*/
 /*   .sideInfo {
        font-size: 1.5vh;
    }*/
}

@media only screen and (max-width: 1920px) and (max-height: 1080px) {

   /* .mainReportWarpper {
        font-size: 1.5vh;
    }*/

   /* h1 {
        font-size: 2.8vh;
    }*/

   /* .sideInfo {
        font-size: 1.5vh;
    }*/
}
/* /Pages/InDirectFNOL/IncidentReport/OtherParties.razor.rz.scp.css */
h3[b-x69nl6bjku] {
    font-size: 1.9vh;
}

.h2OP[b-x69nl6bjku] {
    text-decoration: underline;
    color: #61456a;
    font-size: 1.9vh;
}


.pageScript[b-x69nl6bjku] {
    font-weight: 700;
    font-style: italic;
    margin-left: auto;
    margin-right: auto;
    margin-top: 2vh;
    margin-bottom: 6vh;
    border: 2px #61456a solid;
    padding: 20px;
    border-radius: 5px;
    width: 70%;
    background-color: #f0f0f0;
}

.Scroll[b-x69nl6bjku] {
    padding-left: 1vw;
    padding-right: 1vw;
    font-size: 1.8vh;
    color: #61456a;
}

.headingBtn[b-x69nl6bjku] {
    font-size: clamp(1rem, 1vh + 0.5rem, 3rem);
    color: #61456a;
    border: 1px lightgray solid;
    border-radius: 0.25rem;
    background-color: transparent;
    padding-left: 1.5vh;
    padding-right: 1.5vh;
    margin-bottom: 3vh;
    width: max-content;
}

    .headingBtn:hover[b-x69nl6bjku] {
        background-color: #5f5562;
        color: white;
        border-radius: 0.25rem;
        padding-left: 1.5vh;
        padding-right: 1.5vh;
    }

.readOnly[b-x69nl6bjku] {
    cursor: default !important;
    background-color: #e9ecef;
    border-color: lightgrey;
}


@media only screen and (max-width: 1280px) and (max-height: 800px) {

    .pageScript[b-x69nl6bjku] {
        max-width: 80%;
        font-size: 1.4vh;
        padding: 1vh;
        border: 1px solid #61456a;
    }

    h2[b-x69nl6bjku] {
        font-size: 2vh !important;
    }
}


@media only screen and (max-width: 1920px) and (max-height: 1080px) {

    .pageScript[b-x69nl6bjku] {
        max-width: 80%;
        font-size: 1.4vh;
        padding: 1vh;
        border: 1px solid #61456a;
    }

    h2[b-x69nl6bjku] {
        font-size: 2vh !important;
    }
}

.addButtonsWrapper[b-x69nl6bjku] {
    grid-template-columns: max-content max-content max-content;
}

.otherPartiesActionButtonsWrapper[b-x69nl6bjku] {
    grid-template-columns: max-content max-content;
    justify-content: space-between;
}

.oPCommentsWrapper[b-x69nl6bjku] {
    border: 2px solid lightgray;
    border-radius: 5px;
    padding: 5px;
    padding-bottom: 0px;
    background-color: #fff;
}

    .oPCommentsWrapper.readOnly[b-x69nl6bjku] {
        cursor: default !important;
        background-color: #e9ecef;
        border-color: lightgrey;
    }

.oPCommentsClip[b-x69nl6bjku] {
    white-space: nowrap;
    overflow: hidden;
    width: 300px;
    text-overflow: ellipsis;
}
/* /Pages/InDirectFNOL/IncidentReport/VehicleOwnerDriver.razor.rz.scp.css */
.pageScript[b-9pzt2j3jqj] {
    font-weight: 700;
    font-style: italic;
    margin-left: auto;
    margin-right: auto;
    margin-top: 2vh;
    margin-bottom: 6vh;
    border: 2px #61456a solid;
    padding: 2vh;
    border-radius: 5px;
    width: 70%;
    background-color: #f0f0f0;
}

.Scroll[b-9pzt2j3jqj] {
    padding-left: 1vw;
    padding-right: 1vw;
    font-size: 1.8vh;
    color: #61456a;
}

.headingBtn[b-9pzt2j3jqj] {
    font-size: clamp(1rem, 1vh + 0.5rem, 3rem);
    color: #61456a;
    border: 1px lightgray solid;
    border-radius: 0.25rem;
    background-color: transparent;
    padding-left: 1.5vh;
    padding-right: 1.5vh;
    margin-bottom: 3vh;
    width: max-content;
}

    .headingBtn:hover[b-9pzt2j3jqj] {
        background-color: #5f5562;
        color: white;
        border-radius: 0.25rem;
        padding-left: 1.5vh;
        padding-right: 1.5vh;
    }

h1[b-9pzt2j3jqj] {
    font-size: 2.5vh;
}

.h1OwnerDriver[b-9pzt2j3jqj] {
    font-size: 1.1rem;
    font-weight: 700;
}

.readOnly[b-9pzt2j3jqj] {
    cursor: default !important;
    background-color: #e9ecef;
    border-color: lightgrey;
}



@media only screen and (max-width: 1280px) and (max-height: 800px) {

    .pageScript[b-9pzt2j3jqj] {
        max-width: 80%;
        font-size: 1.4vh;
        padding: 1vh;
        border: 1px solid #61456a;
    }
    h2[b-9pzt2j3jqj] {
        font-size: 2vh;
    }
}


@media only screen and (max-width: 1920px) and (max-height: 1080px) {

    .pageScript[b-9pzt2j3jqj] {
        max-width: 80%;
        font-size: 1.4vh;
        padding: 1vh;
        border: 1px solid #61456a;
    }
    h2[b-9pzt2j3jqj] {
        font-size: 2vh;
    }

}


/* /Pages/InDirectFNOL/InDirectFNOLLanding.razor.rz.scp.css */
/*Main layout grid*/

.newReportWrapper[b-26y4fmq1p0] {
    grid-template-columns: max-content max-content;
    width: 50vw;
}

.mainLayoutNav[b-26y4fmq1p0] {
    grid-template-columns: 12% 88%;
    display: grid;
}

.left[b-26y4fmq1p0] {
    position: fixed;
    width: 14vw;
}

.right[b-26y4fmq1p0] {
    margin-left: 12vw;
    width: 83vw;
    margin-top: 5vh;
}

h1[b-26y4fmq1p0] {
    font-size: 2vh;
    padding-left: 1vw;
    color: #61456a;
    font-weight: 700;
    margin-top: 1vh;
}

/*search and filter top row*/
.topRow[b-26y4fmq1p0] {
    min-height: max-content;
    position: fixed;
    width: 97vw;
   
}

.topRowContent[b-26y4fmq1p0] {
    display: grid;
    grid-template-columns: 9% auto auto auto auto 8% 5%;
    grid-column-gap: 2vw;
}

.syncIcon[b-26y4fmq1p0] {
    font-size: 3vh;
    padding-top: 0.5vh;
    color: #61456a;
    cursor: pointer;
}

.clearChoices[b-26y4fmq1p0] {
    color: #61456a;
    padding-top: 0.5vh;
}

/*Left main nav menu*/
.mainNavMenu[b-26y4fmq1p0] {
    min-height: max-content;
    margin-top: 2vh;
}

.navButton[b-26y4fmq1p0] {
    margin-top: 2vh;
}

.mainList[b-26y4fmq1p0] {
    margin-top: 3vh;
}

.navMainNavItem[b-26y4fmq1p0] {
    font-size: 1.8vh;
    padding: 0.5vh;
}

    .navMainNavItem:hover[b-26y4fmq1p0] {
        cursor: pointer;
        background-color: #5f5562;
        color: white;
        border-radius: 0.25rem;
    }

ul[b-26y4fmq1p0] {
    list-style-type: none;
    padding-left: 0 !important;
}

li[b-26y4fmq1p0] {
    font-size: 1.7vh;
    padding: 0.5vh;
}

.liItem[b-26y4fmq1p0] {
    margin-left: 4vh !important;
}

    .liItem:hover[b-26y4fmq1p0] {
        cursor: pointer;
        background-color: #5f5562;
        color: white;
        border-radius: 0.25rem;
        width: max-content;
    }

    .liItem:focus-within[b-26y4fmq1p0] {
        cursor: pointer;
        background-color: #5f5562;
        color: white;
        border-radius: 0.25rem;
        width: max-content;
    }

*[tabindex]:focus[b-26y4fmq1p0] {
    cursor: pointer;
    background-color: #5f5562;
    color: white;
    border-radius: 0.25rem;
    width: max-content;
    outline: none;
}

/*Table of existing cases*/

table[b-26y4fmq1p0] {
    border-left: 1px solid lightgray;
   font-size: 1.6vh;
}

    table tbody[b-26y4fmq1p0], table thead[b-26y4fmq1p0] {
        display: block;
    }

    table tbody[b-26y4fmq1p0] {
        overflow: auto;
        height: 70vh;
    }

th[b-26y4fmq1p0] {
    width: 92vw;
    border-top: solid 1px lightgray;
    color: #5f5562;
    cursor: pointer;
}

tr[b-26y4fmq1p0] {
}

td[b-26y4fmq1p0] {
    width: 92vw;
}

.trDataRow[b-26y4fmq1p0] {
}

    .trDataRow:hover[b-26y4fmq1p0] {
        cursor: pointer;
       
       background-color: lightgray;
        border-radius: 0.25rem;
        width: max-content;
        border-color: transparent;
    }

.taskCountContainer[b-26y4fmq1p0] {
    height: 3vh;
    width: 3vh;
    border: 1px #949400 solid;
    border-radius: 0.25rem;
    padding: 5px;
}

.stampInfo[b-26y4fmq1p0] {
    font-size: small;
}

.activeBulb[b-26y4fmq1p0] {
    font-size: clamp(2vh, 2vh + 0.2rem, 3vh);
}

.activeColor[b-26y4fmq1p0] {
    border-radius: 0.5rem;
    background-image: linear-gradient(white, gold);
    height: clamp(2vh, 2vh + 0.5rem, 3.5vh);
    width: clamp(2vh, 2vh + 0.5rem, 3.5vh);
}

/*Modal and task actions*/
.modalFRU[b-26y4fmq1p0] {
    min-width: 70vw;
    text-align: left;
}

.fRUCaseInfoMain[b-26y4fmq1p0] {
    border-right: solid lightgray 2px;
    width: 50%;
    padding-right: 3vw;
  align-self: baseline;
}

.fRUCaseInfoCollect[b-26y4fmq1p0] {
    width: 48%;
}

.footerButtonPos[b-26y4fmq1p0] {
    justify-self: left;
    width: 100%
}

.taskActionsWrapper[b-26y4fmq1p0] {
  justify-content: center;
  margin-top: 2vh;
 
}

.taskActionbtn[b-26y4fmq1p0] {
    border: lightgray solid 1px;
    border-radius: 0.25rem;
    padding-left: 3vh;
    padding-right: 1vh;
}

    .taskActionbtn:hover[b-26y4fmq1p0] {
        background-color: #9f99a0;
        color: white;
    }

.actionIcons[b-26y4fmq1p0] {
    justify-self: center;
    font-size: medium;
    margin-top: auto;
    margin-bottom: auto;
    position: relative;
}

.actionIconDisabled[b-26y4fmq1p0] {
    cursor: not-allowed;
    color: grey;
}
/*
.previewContainer {
    height: 70vh;
}

    .previewContainer:hover {
        overflow-x: auto;
    }*/
/* /Pages/InDirectFNOL/TheftReport/TheftReport.razor.rz.scp.css */
.addThirdPartyInfo[b-5yqpqvfomy] {
    font-size: 30pt;
    color: #61456a;
    margin-top: 1vh;
}

    .addThirdPartyInfo:hover[b-5yqpqvfomy] {
        cursor: pointer;
    }

    .addThirdPartyInfo:focus[b-5yqpqvfomy] {
        background-color: #fff;
        border-color: #86b7fe;
        outline: 0;
        box-shadow: 0 0 0 .25rem rgba(13, 110, 253, .25);
        border-radius: 5px;
        padding-left: 5px;
        padding-right: 5px;
    }

.pageScript[b-5yqpqvfomy] {
    font-weight: 700;
    font-style: italic;
    margin-left: auto;
    margin-right: auto;
    margin-top: 2vh;
    margin-bottom: 6vh;
    border: 2px #61456a solid;
    padding: 20px;
    border-radius: 5px;
    width: 70%;
    background-color: #f0f0f0;
}

.Scroll[b-5yqpqvfomy] {
    padding-left: 1vw;
    padding-right: 1vw;
    font-size: 14pt;
    color: #61456a;
}

h3[b-5yqpqvfomy] {
    font-size: 1.8vh;
    text-decoration: underline;
    color: #61456a;
    margin-left: 0.5vh;
}

.h1OwnerDriver[b-5yqpqvfomy] {
    font-size: 1.1rem;
    font-weight: 700;
}

.headingBtn[b-5yqpqvfomy] {
    font-size: clamp(1rem, 1vh + 0.5rem, 3rem);
    color: #61456a;
    border: 1px lightgray solid;
    border-radius: 0.25rem;
    background-color: transparent;
    padding-left: 1.5vh;
    padding-right: 1.5vh;
    margin-bottom: 3vh;
    width: max-content;
}

    .headingBtn:hover[b-5yqpqvfomy] {
        background-color: #5f5562;
        color: white;
        border-radius: 0.25rem;
        padding-left: 1.5vh;
        padding-right: 1.5vh;
    }


.headingBtn2[b-5yqpqvfomy] {
    font-size: clamp(1rem, 1vh + 0.5rem, 3rem);
    color: #61456a;
    border: 1px lightgray solid;
    border-radius: 0.25rem;
    background-color: transparent;
    padding-left: 1.5vh;
    padding-right: 1.5vh;
    margin-bottom: 3vh;
    margin-left: 2vh;
}

    .headingBtn2:hover[b-5yqpqvfomy] {
        background-color: #5f5562;
        color: white;
        border-radius: 0.25rem;
        padding-left: 1.5vh;
        padding-right: 1.5vh;
        margin-left: 2vh;
    }

.irMainWrapper[b-5yqpqvfomy] {
    grid-template-columns: max-content auto;
    height: 80vh;
}

.irNavWrapper[b-5yqpqvfomy] {
    align-items: start;
    grid-auto-rows: max-content;
    margin-top: 4vh;
    max-width: 100%;
    overflow: auto;
}

.mainReportWarpper[b-5yqpqvfomy] {
    overflow: auto;
    height: 20vh;
    font-size: clamp(0.6rem, 0.35vw + 0.5rem, 2rem);
}

.sideInfo[b-5yqpqvfomy] {
    font-size: 1.7vh;
    overflow-wrap: break-word;
    inline-size: 235px;
}

.clientInfo[b-5yqpqvfomy] {
}

.actions[b-5yqpqvfomy] {
    justify-self: end;
}

.addThirdPartyInfo[b-5yqpqvfomy] {
    font-size: 4vh;
    color: #61456a;
    border: none;
    width: 10%;
    background-color: transparent;
    justify-self: end;
}

    .addThirdPartyInfo:hover[b-5yqpqvfomy] {
        cursor: pointer;
    }

    .addThirdPartyInfo:focus[b-5yqpqvfomy] {
        background-color: #fff;
        border-color: #86b7fe;
        outline: 0;
        box-shadow: 0 0 0 .25rem rgba(13, 110, 253, .25);
        border-radius: 5px;
        padding-left: 5px;
        padding-right: 5px;
    }

h2[b-5yqpqvfomy] {
    text-decoration: underline;
    color: #61456a;
}

ul li[b-5yqpqvfomy] {
    list-style: none;
    margin: 0;
    padding: 0;
}

/*.hiddenAnchor {
    display: none;
    visibility: hidden;
}*/
.witnessActionButtons[b-5yqpqvfomy] {
    text-align-last: justify;
}
/* /Pages/InDirectFNOL/VandalismReport/VandalismReport.razor.rz.scp.css */
.addThirdPartyInfo[b-6ikcfdim3m] {
    font-size: 30pt;
    color: #61456a;
    margin-top: 1vh;
}

    .addThirdPartyInfo:hover[b-6ikcfdim3m] {
        cursor: pointer;
    }

    .addThirdPartyInfo:focus[b-6ikcfdim3m] {
        background-color: #fff;
        border-color: #86b7fe;
        outline: 0;
        box-shadow: 0 0 0 .25rem rgba(13, 110, 253, .25);
        border-radius: 5px;
        padding-left: 5px;
        padding-right: 5px;
    }

.pageScript[b-6ikcfdim3m] {
    font-weight: 700;
    font-style: italic;
    margin-left: auto;
    margin-right: auto;
    margin-top: 2vh;
    margin-bottom: 6vh;
    border: 2px #61456a solid;
    padding: 20px;
    border-radius: 5px;
    width: 70%;
    background-color: #f0f0f0;
}
.h1OwnerDriver[b-6ikcfdim3m] {
    font-size: 1.1rem;
    font-weight: 700;
}

.headingBtn[b-6ikcfdim3m] {
    font-size: clamp(1rem, 1vh + 0.5rem, 3rem);
    color: #61456a;
    border: 1px lightgray solid;
    border-radius: 0.25rem;
    background-color: transparent;
    padding-left: 1.5vh;
    padding-right: 1.5vh;
    margin-bottom: 3vh;
    width: max-content;
}

    .headingBtn:hover[b-6ikcfdim3m] {
        background-color: #5f5562;
        color: white;
        border-radius: 0.25rem;
        padding-left: 1.5vh;
        padding-right: 1.5vh;
    }

h3[b-6ikcfdim3m] {
    font-size: 1.8vh;
    text-decoration: underline;
    color: #61456a;
    margin-left: 0.5vh;
}
.headingBtn2[b-6ikcfdim3m] {
    font-size: clamp(1rem, 1vh + 0.5rem, 3rem);
    color: #61456a;
    border: 1px lightgray solid;
    border-radius: 0.25rem;
    background-color: transparent;
    padding-left: 1.5vh;
    padding-right: 1.5vh;
    margin-bottom: 3vh;
    margin-left: 2vh;
}

    .headingBtn2:hover[b-6ikcfdim3m] {
        background-color: #5f5562;
        color: white;
        border-radius: 0.25rem;
        padding-left: 1.5vh;
        padding-right: 1.5vh;
        margin-left: 2vh;
    }

.irMainWrapper[b-6ikcfdim3m] {
    grid-template-columns: max-content auto;
    height: 80vh;
}

.irNavWrapper[b-6ikcfdim3m] {
    align-items: start;
    grid-auto-rows: 80% max-content;
    margin-top: 4vh;
}
ul li[b-6ikcfdim3m] {
    list-style: none;
    margin: 0;
    padding: 0;
}

.mainReportWarpper[b-6ikcfdim3m] {
    overflow: auto;
    height: 20vh;
}

.sideInfo[b-6ikcfdim3m] {
    font-size: 1.7vh;
    overflow-wrap: break-word;
    inline-size: 235px;
}

.clientInfo[b-6ikcfdim3m] {
}

.actions[b-6ikcfdim3m] {
    justify-content: end;
}

.addThirdPartyInfo[b-6ikcfdim3m] {
    font-size: 4vh;
    color: #61456a;
    border: none;
    width: 10%;
    background-color: transparent;
    justify-self: end;
}

    .addThirdPartyInfo:hover[b-6ikcfdim3m] {
        cursor: pointer;
    }

    .addThirdPartyInfo:focus[b-6ikcfdim3m] {
        background-color: #fff;
        border-color: #86b7fe;
        outline: 0;
        box-shadow: 0 0 0 .25rem rgba(13, 110, 253, .25);
        border-radius: 5px;
        padding-left: 5px;
        padding-right: 5px;
    }

h2[b-6ikcfdim3m] {
    text-decoration: underline;
    color: #61456a;
}

.Scroll[b-6ikcfdim3m] {
    padding-left: 1vw;
    padding-right: 1vw;
    font-size: 14pt;
    color: #61456a;
}

.witnessActionButtons[b-6ikcfdim3m] {
    text-align-last: justify;
}

/* /Pages/Settings/SettingsAccessManagment.razor.rz.scp.css */
.wrapper[b-ms577ucl9c] {
    height: 80vh;
    overflow: auto;
}

.groupWrapper[b-ms577ucl9c] {
    grid-template-columns: max-content max-content;
    width: max-content;
    text-align: left;
}

.assignmentWrapper[b-ms577ucl9c] {
    grid-template-columns: auto auto auto auto auto auto;
    width: max-content;
    text-align: left;
    
}
/* /Pages/Settings/SettingsAPI.razor.rz.scp.css */
/* /Pages/Settings/SettingsBrokers.razor.rz.scp.css */
.brokersHeader[b-yr7hg135f2] {
    grid-template-columns: max-content max-content max-content;
}

.brokerCardBody[b-yr7hg135f2] {
    width: 96vw;
    height: 85vh;
}

.addEditWrapper[b-yr7hg135f2] {
    grid-template-columns: auto auto;
    text-align: left;
}

.pagination[b-yr7hg135f2] {
    grid-template-columns: repeat(26, auto);
}
/* /Pages/Settings/SettingsBruce.razor.rz.scp.css */
.bruceSettingsWrapper[b-9sj4vri685] {
    height: 93vh;
    overflow: auto;
}

.bruceSettingsHeader[b-9sj4vri685] {
    grid-template-columns: max-content auto max-content;
    width: 100%;
}

.bruceSettingsAddEditModalWraper[b-9sj4vri685] {
    grid-template-columns: auto auto;
    width: 50vw;
    min-height: 20vh;
    text-align: left;
}
/* /Pages/Settings/SettingsConfig.razor.rz.scp.css */
thead[b-6cr5a1cw2e] {
    border-bottom: lightgray solid 1px;
}

.tableContainer[b-6cr5a1cw2e] {
    margin-top: 3vh;
    width: 95vw;
    margin-left: auto;
    margin-right: auto;
}

.addBtn[b-6cr5a1cw2e] {
    justify-self: right;
}

.activeBulb[b-6cr5a1cw2e] {
    font-size: clamp(2vh, 2vh + 0.2rem, 3vh);
}

.activeColor[b-6cr5a1cw2e] {
    border-radius: 0.5rem;
    background-image: linear-gradient(white, gold);
    height: clamp(2vh, 2vh + 0.5rem, 3.5vh);
    width: clamp(2vh, 2vh + 0.5rem, 3.5vh);
}

.controlModal[b-6cr5a1cw2e] {
    width: 60vw;
    text-align: left;
}


.footerBtnLayout[b-6cr5a1cw2e] {
    width: 100% !important;
    grid-template-columns: auto auto;
}

.actnBtnPosition[b-6cr5a1cw2e] {
    justify-self: end;
}
/* /Pages/Settings/SettingsFlaggedCorrespondents.razor.rz.scp.css */
.modalWrapper[b-6r7yau80ql] {
    grid-template-columns: auto auto;
    text-align: left;
    height: max-content;
}
/* /Pages/Settings/SettingsLanding.razor.rz.scp.css */
.landingWrapper[b-kcx0tao7tk] {
  
}
h3[b-kcx0tao7tk] {
    font-size: 2vh;
    margin-left: 1vw;
    color: #61456a;
}

.card[b-kcx0tao7tk] {
    height: max-content;
   
}

button[b-kcx0tao7tk] {
    margin: 10px;
}

.settingsButon[b-kcx0tao7tk] {
    width: max-content;
    padding: 10px;
    font-size: medium;
    background-color: lightgray;
    border: none;
    border-radius: 1.0rem;
}

    .settingsButon:hover[b-kcx0tao7tk] {
        background-color: gray;
        color: white;
    }

    .settingsButon > span[b-kcx0tao7tk] {
        font-size: x-large;
    }
/* /Pages/Settings/SettingsLogins.razor.rz.scp.css */
.usersWrapper[b-78rk65sglv] {
    height: 80vh;
    overflow: auto;
}

.addEditWrapper[b-78rk65sglv] {
    grid-template-columns: max-content max-content;
    width: max-content;
    text-align: left;
}
/* /Pages/Settings/SettingsOptionValues.razor.rz.scp.css */
.ovWrapper[b-enjqvlcclp] {
    grid-template-columns: 20vw 70vw;
    height: 80vh;
    overflow: hidden;
}

.groupWrapper[b-enjqvlcclp] {
    overflow: auto;
    border-right: solid 1px lightgrey;
}

.ovGroup[b-enjqvlcclp] {
    cursor: pointer;
    padding: 5px;
    margin-right: 5px;
}

.ovGroup:hover[b-enjqvlcclp]{
    background-color: lightgrey;
    border-radius: 0.25rem;
}

.optionsWrapper[b-enjqvlcclp] {
    overflow: auto;
}
/* /Pages/Settings/SettingsScripts.razor.rz.scp.css */
thead[b-ngt8gcr9g1] {
    border-bottom: lightgray solid 1px;
}

.tableContainer[b-ngt8gcr9g1] {
    margin-top: 3vh;
    width: 95vw;
    margin-left: auto;
    margin-right: auto;
}

.addBtn[b-ngt8gcr9g1] {
    justify-self: right;
}

.activeBulb[b-ngt8gcr9g1] {
    font-size: clamp(2vh, 2vh + 0.2rem, 3vh);
}

.activeColor[b-ngt8gcr9g1] {
    border-radius: 0.5rem;
    background-image: linear-gradient(white, gold);
    height: clamp(2vh, 2vh + 0.5rem, 3.5vh);
    width: clamp(2vh, 2vh + 0.5rem, 3.5vh);
}

.controlModal[b-ngt8gcr9g1] {
    width: 60vw;
    text-align: left;
}


.footerBtnLayout[b-ngt8gcr9g1] {
    width: 100% !important;
    grid-template-columns: auto auto;
}

.actnBtnPosition[b-ngt8gcr9g1] {
    justify-self: end;
}
/* /Pages/Settings/SettingsSLAControl.razor.rz.scp.css */

thead[b-63yqmicdf2] {
    border-bottom: lightgray solid 1px;
   
  
}
.tableContainer[b-63yqmicdf2] {
    margin-top: 3vh;
    width: 95vw;
    margin-left: auto;
    margin-right: auto;
}

.addBtn[b-63yqmicdf2] {
    justify-self: right;
}

.activeBulb[b-63yqmicdf2] {
    font-size: clamp(2vh, 2vh + 0.2rem, 3vh);
}

.activeColor[b-63yqmicdf2] {
    border-radius: 0.5rem;
    background-image: linear-gradient(white, gold);
    height: clamp(2vh, 2vh + 0.5rem, 3.5vh);
    width: clamp(2vh, 2vh + 0.5rem, 3.5vh);
}

.controlModal[b-63yqmicdf2] {
    width: 60vw;
    text-align: left;
}


.footerBtnLayout[b-63yqmicdf2] {
    width: 100% !important;
    grid-template-columns: auto auto;
}

.actnBtnPosition[b-63yqmicdf2] {
    justify-self: end;
}
/* /Pages/Settings/SettingsTaskManager.razor.rz.scp.css */
.controlModal[b-vfzcwvibut] {
    width: 60vw;
    text-align: left;
    margin-left: auto;
    margin-right: auto;
    margin-top: 16vh;
   
}

.taskInfo[b-vfzcwvibut] {

}
.taskInfo > span[b-vfzcwvibut] {
    color: darkred;
    font-weight: 700;
    font-size: 1.5vw;
}

.questionSet[b-vfzcwvibut] {
    padding-bottom: 3vh;
    padding-top: 3vh;
}

.card-footer[b-vfzcwvibut] {
    width: 60vw;
    margin-left: auto;
    margin-right: auto;
    justify-content: end;
}
/* /Pages/Settings/SettingsTasks.razor.rz.scp.css */
thead[b-lximazydwb] {
    border-bottom: lightgray solid 1px;
}

.tableContainer[b-lximazydwb] {
    margin-top: 3vh;
    width: 95vw;
    margin-left: auto;
    margin-right: auto;
}

.addBtn[b-lximazydwb] {
    justify-self: right;
}

.activeBulb[b-lximazydwb] {
    font-size: clamp(2vh, 2vh + 0.2rem, 3vh);
}

.activeColor[b-lximazydwb] {
    border-radius: 0.5rem;
    background-image: linear-gradient(white, gold);
    height: clamp(2vh, 2vh + 0.5rem, 3.5vh);
    width: clamp(2vh, 2vh + 0.5rem, 3.5vh);
}

.controlModal[b-lximazydwb] {
    width: 60vw;
    text-align: left;
}


.footerBtnLayout[b-lximazydwb] {
    width: 100% !important;
    grid-template-columns: auto auto;
}

.actnBtnPosition[b-lximazydwb] {
    justify-self: end;
}
/* /Pages/Settings/SettingsTemplates.razor.rz.scp.css */
.card[b-qvtd3cg88q] {
    height: 90vh !important;
    overflow: hidden;
}

.templatesMainWrapper[b-qvtd3cg88q] {
    grid-template-columns: 48% 48%;
    grid-template-areas:
        "tableEditor";
    padding: 1vh;
}

    .templatesMainWrapper ~ div.tableList[b-qvtd3cg88q] {
        grid-area: tableEditor;
    }

    .templatesMainWrapper ~ div.editList[b-qvtd3cg88q] {
        grid-area: tableEditor;
    }

.right[b-qvtd3cg88q] {
    border-left: 1px solid lightgray;
    padding-left: 2vh;
}


.headingBtn[b-qvtd3cg88q] {
    font-size: clamp(1rem, 1vh + 0.5rem, 3rem);
    color: #61456a;
    border: 1px #5f5562 solid;
    border-radius: 0.25rem;
    background-color: transparent;
    padding-left: 1.5vh;
    padding-right: 1.5vh;
    width: max-content;
    margin-left: 1.2vh;
}

    .headingBtn:hover[b-qvtd3cg88q] {
        background-color: #5f5562;
        color: white;
        border-radius: 0.25rem;
        padding-left: 1.5vh;
        padding-right: 1.5vh;
    }

table[b-qvtd3cg88q] {
    width: 100%;
    table-layout: fixed;
    margin-top: 2vh;
}

tr[b-qvtd3cg88q] {
    border-bottom: 1px solid lightgray;
}

    tr:hover[b-qvtd3cg88q] {
        background-color: lightgray;
        cursor: pointer;
    }

th[b-qvtd3cg88q] {
    background-color: white;
}


    th:nth-child(1)[b-qvtd3cg88q] {
        width: 30%;
    }

    th:nth-child(2)[b-qvtd3cg88q] {
        width: 20%;
    }

    th:nth-child(3)[b-qvtd3cg88q] {
        width: 20%;
    }

    th:nth-child(4)[b-qvtd3cg88q] {
        width: 20%;
    }

    th:nth-child(5)[b-qvtd3cg88q] {
        width: 10%;
    }


td:nth-child(1)[b-qvtd3cg88q] {
    width: 30%;
}

td:nth-child(2)[b-qvtd3cg88q] {
    width: 20%;
}

td:nth-child(3)[b-qvtd3cg88q] {
    width: 20%;
}

td:nth-child(4)[b-qvtd3cg88q] {
    width: 20%;
}

td:nth-child(5)[b-qvtd3cg88q] {
    width: 10%;
}

.infoWrapper[b-qvtd3cg88q] {
    grid-template-columns: max-content max-content max-content;
    grid-template-areas:
        "topRow";
    grid-column-gap: 15px;
    font-size: clamp(0.2vw,0.2vw + 1rem, 0.8vw );
}

    .infoWrapper ~ div.Abtns[b-qvtd3cg88q] {
        grid-area: topRow;
        margin-right: 2vh;
    }

    .infoWrapper ~ div.addedInfo[b-qvtd3cg88q] {
        grid-area: topRow;
        margin-right: 2vh;
    }

    .infoWrapper ~ div.editedInfo[b-qvtd3cg88q] {
        grid-area: topRow;
        margin-right: 2vh;
    }

.selectionWrapper[b-qvtd3cg88q] {
    grid-template-columns: auto;
    grid-template-areas:
        "selectionsName"
        "selectionsCat"
        "subject"
        "dbSelections";
    margin-top: 2vh;
}

    .selectionWrapper > div.tempName[b-qvtd3cg88q] {
        grid-area: selectionsName;
        grid-template-columns: 20% auto;
    }

    .selectionWrapper > div.catType[b-qvtd3cg88q] {
        grid-area: selectionsCat;
        grid-template-columns: 20% auto;
    }

    .selectionWrapper > div.emailSub[b-qvtd3cg88q] {
        grid-area: subject;
        grid-template-columns: 20% auto;
    }

    .selectionWrapper > div.database[b-qvtd3cg88q] {
        grid-area: dbSelections;
        grid-template-columns: 30% 30% 30%;
    }

.editorWrapper[b-qvtd3cg88q] {
    grid-template-columns: max-content max-content;
    grid-column: span 2;
}

.settingsWrapper[b-qvtd3cg88q] {
    grid-template-columns: 24% 24% 24% 25%;
    grid-template-areas:
        "settingBtns";
    grid-column-gap: 10px;
    margin-top: 2vh;
}

    .settingsWrapper ~ div.forEmail[b-qvtd3cg88q] {
        grid-area: settingBtns;
        grid-template-columns: auto auto;
    }

    .settingsWrapper ~ div.forSMS[b-qvtd3cg88q] {
        grid-area: settingBtns;
        grid-template-columns: auto auto;
    }

    .settingsWrapper ~ div.forActive[b-qvtd3cg88q] {
        grid-area: settingBtns;
        grid-template-columns: auto auto;
    }

    .settingsWrapper ~ div.spBtns[b-qvtd3cg88q] {
        grid-area: settingBtns;
    }

.btnsPlacement[b-qvtd3cg88q] {
    justify-self: end;
}


/*.addNewModalWrapper {
    grid-template-columns: max-content max-content;
}
*/
/*.templateWrapper {
    grid-template-columns: max-content max-content max-content;
    grid-template-rows: max-content max-content max-content;
    height: 71vh;
}

.templateList {
    list-style-type: none;
    overflow-y: auto;
    overflow-x: hidden;
    max-height: 71vh;
}

    .templateList > li:hover {
        background-color: lightgrey;
        cursor: pointer;
    }

    .templateList > li > * {
        cursor: pointer;
    }

.templateListItem {
    grid-template-columns: max-content max-content max-content max-content;
    padding: 5px;
    align-items: center;
}*/



/*.fieldSelectorWrapper {
    grid-template-columns: max-content max-content;
}*/



/*.previewWrapper {
    grid-template-columns: max-content max-content;
    width: 50vw;
    text-align: left;
}*/
/* /Pages/Settings/SettingsWorkQueue.razor.rz.scp.css */
.mainWorkQueueWrapper[b-0wlaxv7vkr] {
    display: grid;
    width: 100%;
    overflow: hidden;
    border: 1px lightgray solid;
   
}

.queuelist[b-0wlaxv7vkr] {
    height: 40vh;
    overflow-y: scroll;
    margin-top: 1vh;
    overflow-x: hidden;
}

.donelist[b-0wlaxv7vkr] {
    height: 40vh;
    overflow-y: scroll;
    margin-top: 3vh;
    overflow-x: hidden;
}

th[b-0wlaxv7vkr] {
    border-bottom: solid black 1px;
    background-color: #fff;
    padding-left: 10px;
    position: sticky;
    top: 0;
  
}

td[b-0wlaxv7vkr] {
    padding-left: 10px;
}

tr[b-0wlaxv7vkr] {
    border-bottom: solid 1px lightgray;
    height: 5vh;
   
}



table[b-0wlaxv7vkr] {
    width: 99%;
    margin-left: 10px;
    margin-right: 10px;
   
  
}

.tableHeadings[b-0wlaxv7vkr] {
    padding: 5px;
    justify-content: space-between;
    grid-template-columns: 80% 20%;
    border-bottom: solid 1px black;
 
}

.btnOutline[b-0wlaxv7vkr] {
    border: lightgray solid 1px;
    border-radius: 0.25rem;
}

.dlBtn[b-0wlaxv7vkr] {
    color: #0068b5;
}

.faLinks[b-0wlaxv7vkr] {
    cursor: pointer;
    border-radius: 5px;
    transition: 0.2s ease;
    padding: 3px;
}

    .faLinks:hover[b-0wlaxv7vkr] {
        background-color: #9f99A0;
        color: #f4f4f4;
    }
/* /Pages/Tabs/BaseTabPage.razor.rz.scp.css */
.tabWrapper[b-7ka1311fjf] {
    display: grid;
    grid-template-rows: max-content 82vh;
    grid-row-gap: 2vh;
    overflow: hidden;
    max-height: max-content;
    border-bottom: 1px solid lightgray;
}

.tabsWrapper[b-7ka1311fjf] {
    display: flex;
    gap: 4px;
    padding-top: 2px;
    border-bottom: 2px solid #61456a;
}

.tab[b-7ka1311fjf] {
    border-top-left-radius: 0.25rem;
    border-top-right-radius: 0.25rem;
    padding: 2px;
    transition: all 0.2s ease-in-out;
    background-color: #ddd;
    overflow: hidden;
    white-space: nowrap;
    width: 160px;
}

.overflow-ellipsis[b-7ka1311fjf] {
    text-overflow: ellipsis;
}

.tab:hover[b-7ka1311fjf] {
    transform: scale(1.1);
    cursor: pointer;
    background-color: whitesmoke;
    border-left: 1px solid lightgrey;
    border-right: 1px solid lightgrey;
    border-top: 1px solid lightgrey;
}

.tabSelected[b-7ka1311fjf] {
    transform: scale(1.1);
    background-color: #f4f4f4;
    border-top: #61456a 3px solid;
    border-right: #61456a 3px solid;
    border-left: 0.5px solid;
    border-bottom: none !important;
}

*[tabindex]:focus[b-7ka1311fjf] {
    cursor: pointer;
    border-radius: 0.25rem;
    width: max-content;
    outline: none;
}


.tabHome[b-7ka1311fjf] {
    color: #61456a;
    font-size: clamp(1rem, 0.7vw + 0.5rem, 2rem);
    padding-left: 5px;
    padding-right: 5px;
    max-width: max-content !important;
}

.tabFont[b-7ka1311fjf] {
    color: #61456a;
    font-size: clamp(1rem, 0.5vw + 0.5rem, 2rem);
    padding-left: 8px;
    padding-right: 8px;
}

.tabAdd[b-7ka1311fjf] {
    color: #61456a;
    font-size: clamp(1rem, 0.7vw + 0.5rem, 2rem);
    padding-left: 5px;
    padding-right: 5px;
    max-width: max-content !important;
    margin-left: 2vh;
}

.contentWrapper[b-7ka1311fjf] {
    overflow: hidden;
}

@media only screen and (max-width: 1280px) and (max-height: 800px) {
}
/* /Pages/TestPage.razor.rz.scp.css */
.directionBtnContainer[b-emaz6149qq] {
    display: grid;
    grid-template-columns : auto auto;
    border: black solid 2px;
    border-radius: 0.25rem;
    width: max-content;
    margin-bottom: 3vh;
    padding: 2vh;
    font-size: 3vh;
    grid-column-gap: 1vh;
}

.justifyLeft[b-emaz6149qq] {
    direction: ltr;
}

.justifyRight[b-emaz6149qq] {
    direction: rtl;

}

.testWrapper[b-emaz6149qq] {
    width: 100%;
    height: max-content;
    padding: 1vh;
    border: red solid 2px;

}

.justifyRightInActive[b-emaz6149qq] {
    color: red;
}

.justifyRightActive[b-emaz6149qq] {
    color: blue;
}

.canvasGrid-container[b-emaz6149qq] {
    display: grid;
    height: 100vh;
    padding: 10px;
    box-sizing: border-box;
}

/* /Shared/MainLayout.razor.rz.scp.css */
.page[b-18xls9mjj4] {
    position: relative;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    background-color: #f4f4f4;
}

.h2Ham[b-18xls9mjj4] {
    font-size: clamp(1rem, 0.6vw + 0.5rem, 2rem);
}

main[b-18xls9mjj4] {
    flex: 1;
}

.mainNav[b-18xls9mjj4] {
    grid-template-columns: auto auto auto;
    background-color: #61456a;
    height: fit-content;
}

.devVersionWarning[b-18xls9mjj4] {
    color: burlywood;
    font-weight: 700;
    font-size: clamp(1rem, 1vw + 0.5rem, 2rem);
    padding-top: 0.5vh;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

@media only screen and (max-width: 1280px) and (max-height: 800px) {

    .mainNav[b-18xls9mjj4] {
        height: 2.8rem;
    }
}

@media only screen and (max-width: 1920px) and (max-height: 1080px) {

    .mainNav[b-18xls9mjj4] {
        height: 2.8rem;
    }
}

.pwToast[b-18xls9mjj4] {
    visibility: hidden;
    min-width: 250px;
    margin-left: -125px;
    background-color: #0068b5;
    color: #ffffff;
    font-weight: 700;
    text-align: center;
    border-radius: 0.25rem;
    padding: 16px;
    position: fixed;
    z-index: 100000;
    left: 50%;
    bottom: 30px;
}

.popToast[b-18xls9mjj4] {
    visibility: visible;
    animation: toastFadeIn-b-18xls9mjj4 0.5s, toastFadeOut-b-18xls9mjj4 0.5s 2.5s;
}

.pwToastError[b-18xls9mjj4] {
    background-color: #FF6961 !important;
}

@keyframes toastFadeIn-b-18xls9mjj4 {
    from {
        bottom: 0;
        opacity: 0;
    }

    to {
        bottom: 30px;
        opacity: 1;
    }
}

@keyframes toastFadeOut-b-18xls9mjj4 {
    from {
        bottom: 30px;
        opacity: 1;
    }

    to {
        bottom: 0;
        opacity: 0;
    }
}

.accessDeniedWrapper[b-18xls9mjj4] {
    text-align: center;
}

    .accessDeniedWrapper > span[b-18xls9mjj4] {
        color: #FF6961;
        font-size: 20vh;
        margin-top: 10vh;
    }

    .accessDeniedWrapper > label[b-18xls9mjj4] {
        font-weight: 700;
        font-size: x-large;
    }

.ham[b-18xls9mjj4] {
    cursor: pointer;
    color: #f7f7f7;
    justify-self: end;
    padding-top: 1.2vh;
    padding-right: 20px;
    font-size: x-large;
}

.hamMenu[b-18xls9mjj4] {
    position: fixed;
    width: max-content;
    display: grid;
    grid-row-gap: 0.5vh;
    float: right;
    background-color: #5f5562;
    padding: 10px;
    border-bottom-left-radius: 1.25rem;
    transition: all ease 1s;
    top: 45px;
    border-left: 1px solid #d6d5d5;
    border-bottom: 1px solid #d6d5d5;
    padding-right: 30px;
    color: #f7f7f7;
    z-index: 10;
}



.hamLink[b-18xls9mjj4] {
    cursor: pointer;
    width: max-content !important;
    color: #f7f7f7;
}

.showHam[b-18xls9mjj4] {
    right: 0px;
}

.hideHam[b-18xls9mjj4] {
    right: -350px;
}


.proxLogoHome[b-18xls9mjj4] {
    width: clamp(2rem, 3vw + 5rem, 14rem);
    padding-left: 3px;
    cursor: pointer;
}

.userWrapper[b-18xls9mjj4] {
    display: flex;
    gap: 1vw;
    align-items: center;
}

    .userWrapper > img[b-18xls9mjj4] {
        height: 5vh;
        border-radius: 50%;
    }

.loadingWrapper[b-18xls9mjj4] {
    background-color: #ffffffd1;
    width: 100vw;
    overflow: hidden;
    height: 100vh;
    position: fixed;
    top: 0;
    z-index: 10000000;
}

    .loadingWrapper > div[b-18xls9mjj4] {
        margin-top: 45vh;
    }

.saveWrapper[b-18xls9mjj4] {
    position: fixed;
    left: 50%;
    bottom: 5vh;
    visibility: hidden;
}

@keyframes saveFadeIn-b-18xls9mjj4 {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes saveFadeOut-b-18xls9mjj4 {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
    }
}

.showSaved[b-18xls9mjj4] {
    visibility: visible;
    animation: saveFadeIn-b-18xls9mjj4 0.5s, saveFadeOut-b-18xls9mjj4 0.5s 2.5s;
}


.animated-check[b-18xls9mjj4] {
    height: 5em;
    width: 5em
}

    .animated-check path[b-18xls9mjj4] {
        fill: none;
        stroke: #7ac142;
        stroke-width: 4;
        stroke-dasharray: 23;
        stroke-dashoffset: 23;
        animation: draw-b-18xls9mjj4 0.5s linear forwards;
        stroke-linecap: round;
        stroke-linejoin: round
    }

@keyframes draw-b-18xls9mjj4 {
    to {
        stroke-dashoffset: 0
    }
}

.hamUserSettings[b-18xls9mjj4] {
    grid-template-columns: max-content max-content;
}

.inputStringModal[b-18xls9mjj4] {
    display: grid;
    grid-row-gap: 1vh;
    text-align: left;
}