@import '_content/Blazored.Modal/Blazored.Modal.bundle.scp.css';

/* /Pages/Bind/BaseBind.razor.rz.scp.css */
/* /Pages/Bind/BindSummary.razor.rz.scp.css */

tr[b-cnxc2bcgsi] {
    font-size: 13px;
    font-weight: 600;
}


.LayoutBackground[b-cnxc2bcgsi] {
    margin-top: 15px;
}

.submission-info[b-cnxc2bcgsi] {
    margin-top: 45px !important;
}

.FileContainer[b-cnxc2bcgsi] {
    display: flex;
    margin: -6px 10px 0px 30px !important;
}

.ProgressBar[b-cnxc2bcgsi] {
    margin-top: 25px;
    margin-left: 10px;
}

.TextContainer[b-cnxc2bcgsi] {
    margin: 0px 20px !important;
}

.DropdownContainer[b-cnxc2bcgsi] {
    margin-right: 30px !important;
}

.form-control[b-cnxc2bcgsi] {
    height: 38px !important;
    width: 130% !important;
}

.sticky-column[b-cnxc2bcgsi] {
    width: 150px;
    min-width: 50px;
    max-width: 150px;
    right: 0px;
}


.BindSummaryContainer[b-cnxc2bcgsi] {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%;
    margin-top: 12px;
}

.BindSummaryItem[b-cnxc2bcgsi] {
    width: calc(25% - 10px);
    background: #FCFDFF;
    border: 0.1px solid #EFEFEF;
    border-radius: 3px;
    color: #2c2c2c;
    padding: 8px 15px;
    box-sizing: border-box;
    flex: 1 1 auto;
    font-size: 1.2em;
}

.BindSummaryInfo[b-cnxc2bcgsi] {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin-top: 5px;
    font-weight: 500;
}


@media (min-width:992px) and (max-width:1200px) {
    .BindSummaryItem[b-cnxc2bcgsi] {
        width: calc(40% - 10px);
    }
}

@media (min-width:768px) and (max-width: 991px) {
    .BindSummaryItem[b-cnxc2bcgsi] {
        width: calc(50% - 10px);
    }
}

@media screen and (max-width: 767px) {
    .BindSummaryItem[b-cnxc2bcgsi] {
        width: calc(100% - 10px);
    }
}

.BindSummaryTitle[b-cnxc2bcgsi] {
    font-weight: 700;
    margin-right: 5px;
}


.BtnGroup[b-cnxc2bcgsi] {
    display: flex;
    margin: 30px 0px 10px 0px;
}

.LinkDownload[b-cnxc2bcgsi] {
    color: var(--primaryColor);
    text-decoration: underline;
    font-weight: 600;
}

.LinkDownload:hover[b-cnxc2bcgsi] {
    cursor: pointer;
    transition: color 0.2s;
    color: var(--textColor);
}

.LoadingIndicator[b-cnxc2bcgsi] {
    width: 15px !important;
    margin-right: 10px;
}
.LoadingIndicatorInvoice[b-cnxc2bcgsi] {
    width: 15px !important;
    margin-right: 10px;
}

.btn-brokerManagement-clear[b-cnxc2bcgsi] {
    display: flex !important;
    padding: 6px 15px;
    border-radius: 1px;
    font-size: 13px;
    border: 1px solid var(--primaryColor);
    color: var(--primaryColor);
    transition-duration: 400ms;
}

    .btn-brokerManagement-clear:hover[b-cnxc2bcgsi] {
        cursor: pointer;
        opacity: 0.8;
        transition-duration: 400ms;
    }

    .btn-brokerManagement-clear:disabled[b-cnxc2bcgsi] {
        opacity: 0.9;
    }


.table-blue-border tr:nth-child(even) td[b-cnxc2bcgsi] {
    background: white !important;
}

.sticky-column[b-cnxc2bcgsi] {
    width: 150px;
    min-width: 50px;
    max-width: 150px;
    right: 0px;
}

.ActionCol[b-cnxc2bcgsi], .ItemCol[b-cnxc2bcgsi] {
    min-width: 75px;
    max-width: 100px;
    padding: 3px 10px;
}

.ItemCol[b-cnxc2bcgsi] {
    padding-left: 20px;
}

.DocumentTypeCol[b-cnxc2bcgsi] {
    min-width: 100px;
    max-width: 130px;
}

.IsBeforeBindCol[b-cnxc2bcgsi] {
    min-width: 50px;
    max-width: 90px;
}

.FileCol[b-cnxc2bcgsi] {
    min-width: 200px;
    max-width: 250px;
    padding: 3px 10px;
}


.table-container[b-cnxc2bcgsi] {
    margin-top: 30px !important;
    max-height: 145px;
    overflow-y: auto;
}


/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------- SMALL PHONE VIEWPORT ------------------------------------------------------ */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
@media only screen and (max-width:576px) {
    .LayoutBackground[b-cnxc2bcgsi] {
        margin-top: 30px;
        margin-left: 10px;
    }

    .ActionCol[b-cnxc2bcgsi] {
        min-width: 75px;
        max-width: 120px;
    }

    .FileCol[b-cnxc2bcgsi] {
        min-width: 300px;
        max-width: 350px;
    }

    .ItemCol[b-cnxc2bcgsi] {
        min-width: 100px;
        max-width: 150px;
    }

}


/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------- BIGGER PHONE VIEWPORT ----------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */


@media (min-width: 576px) and (max-width: 767.98px) {


    .LayoutBackground[b-cnxc2bcgsi] {
        margin-top: 30px;
        margin-left: 10px;
    }

    .FileCol[b-cnxc2bcgsi], .DocCol[b-cnxc2bcgsi] {
        min-width: 300px;
        max-width: 350px;
    }

    .ItemCol[b-cnxc2bcgsi], .ActionCol[b-cnxc2bcgsi] {
        min-width: 100px;
        max-width: 150px;
    }
}

/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------- TABLET VIEWPORT -------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */


@media (min-width: 768px) and (max-width: 991.98px) {

    .LayoutBackground[b-cnxc2bcgsi] {
        margin-top: 10px;
        margin-left: 10px;
    }

    .ActionCol[b-cnxc2bcgsi], .ItemCol[b-cnxc2bcgsi] {
        min-width: 50px;
        max-width: 100px;
    }

    .FileCol[b-cnxc2bcgsi], .DocCol[b-cnxc2bcgsi] {
        min-width: 200px;
        max-width: 250px;
    }

}


/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------- LAPTOP AND SMALLER DESKTOP  ------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */

@media screen and (min-width:992px) and (max-width: 1199px) {

    .LayoutBackground[b-cnxc2bcgsi] {
        margin-left: 10px;
        margin-top: 10px;
    }

}



[b-cnxc2bcgsi] .mud-progress-linear .mud-progress-linear-bars {
    background: #dbebf6 !important;
}


[b-cnxc2bcgsi] .mud-progress-linear.mud-progress-linear-color-primary:not(.mud-progress-linear-buffer) .mud-progress-linear-bar {
    background-color: var(--primaryColor);
}

[b-cnxc2bcgsi] .mud-button-filled:hover, .mud-button-filled:focus-visible[b-cnxc2bcgsi] {
    background: #3e93cf !important;
}

[b-cnxc2bcgsi] .mud-button-filled {
    font-size: 13px !important;
}

[b-cnxc2bcgsi] .mud-button-group-filled.mud-button-group-override-styles.mud-button-group-filled-primary .mud-button-root {
    color: white !important;
    background-color: var(--primaryColor) !important;
    width: 48% !important;
    border-radius: 0px;
    padding: 8px 8px !important;
}


[b-cnxc2bcgsi] .mud-button-label {
    font-size: 12px !important;
    padding: 1px 1px !important;
    font-family: Montserrat !important;
    text-transform: none !important;
}
/* /Pages/Bind/MainBind.razor.rz.scp.css */
tr[b-meopo8osox] {
    font-size: 13px;
    font-weight: 600;
}

.min-width-col[b-meopo8osox] {
    min-width: 250px;
}

table[b-meopo8osox] {
    max-height: 300px;
}

.binder[b-meopo8osox] {
    padding: 20px 10px;
}

.SubmissionInformation[b-meopo8osox] {
    background: white;
    padding: 20px 10px;
}

.policyIssued[b-meopo8osox]{
    width:68.2% !important;
}

.policyNo-field[b-meopo8osox]{
    width:78% !important;
}

.BinderHeader[b-meopo8osox] {
    font-size: 20px;
    font-weight: 800 !important;
    color: var(--primaryColor);
    margin: -20px 0px 10px 5px;
}

.ErrorMessage[b-meopo8osox] {
    color: var(--red);
    margin-top: 3px;
    margin-left: -8px;
    margin-bottom: -2px;
}
.data[b-meopo8osox] {
    font-weight: 500 !important;
    margin-left: 5px;
    margin-top: -2px;
    font-size: 13px !important;
}

.HeaderData[b-meopo8osox] {
    margin-left: 9px;
    padding-right: 20px;
    display: grid;
    grid-template-columns: 50%;
}

.tria-prem[b-meopo8osox] {
    grid-column: 2 / 3;
    grid-row: 1 / 2;
}

.carrier[b-meopo8osox] {
    grid-column: 1 / 3;
    grid-row: 2 / 3;
}

.PolicyDiv[b-meopo8osox] {
    display: grid;
    grid-template-columns: 48% 48%;
    gap: 12px;
    margin-left: 9px;
}

.ExpirationDateDiv[b-meopo8osox], .EffectiveDateDiv[b-meopo8osox], .PolicyNoDiv[b-meopo8osox], .PolicyNoAssignedDiv[b-meopo8osox], .PolicyNoIssuedByDiv[b-meopo8osox], . .BillingTypeDiv[b-meopo8osox] {
    width: 80% !important;
}

.HeaderData[b-meopo8osox] {
    gap: 1rem;
    margin: 12px;
}

.data-block[b-meopo8osox] {
    display: flex;
    align-items: center;
}

.caption[b-meopo8osox] {
    font-weight: 600;
    margin-right: 0.5rem;
    white-space: nowrap;
}

.data[b-meopo8osox] {
    flex: 1;
    word-break: break-word;
}


.data[b-meopo8osox] {
    font-weight: 500 !important;
    margin-left: 5px;
    margin-top: -2px;
    font-size: 13px !important;
}


.caption[b-meopo8osox] {
    font-weight: 700;
    color: rgb(36, 41, 52) !important;
}

.error[b-meopo8osox] {
    font-size: 15px;
    font-weight: 700;
}

.successfully[b-meopo8osox] {
    font-size: 15px;
    font-weight: 700;
    color: var(--green);
    margin-top: 14px;
}

.LoadingV2[b-meopo8osox] {
    margin-top: 5px;
    margin-left: 6px !important;
    width: 15px !important;
}

.BlueTopSeparator[b-meopo8osox] {
    margin: 1px 0px;
    border-top: 0.1px solid #b8e2ff;
}

.btn-brokerManagement-clear[b-meopo8osox] {
    border: 1px solid var(--primaryColor);
    color: var(--primaryColor);
    transition-duration: 400ms;
}

    .btn-brokerManagement-clear:hover[b-meopo8osox] {
        cursor: pointer;
        opacity: 0.8;
        transition-duration: 400ms;
    }

    .btn-brokerManagement-clear:disabled[b-meopo8osox] {
        opacity: 0.7;
    }

.btn[b-meopo8osox] {
    padding: 7px 15px;
}

.btn-delete[b-meopo8osox] {
    padding: 7px 8px !important;
}

.FileContainer[b-meopo8osox] {
    display: flex;
    margin: 21px;
}

.FileNameLoading[b-meopo8osox] {
    font-size: 13px;
    margin-top: 15px;
    margin-left: 10px;
}

.FileName[b-meopo8osox] {
    font-size: 13px;
    margin-top: 7px;
    margin-left: 10px;
}


    .FileName p[b-meopo8osox] {
        margin-bottom: 5px
    }

.table-blue-border tr:nth-child(even) td[b-meopo8osox] {
    background: white !important;
}

.sticky-column[b-meopo8osox] {
    width: 150px;
    min-width: 50px;
    max-width: 150px;
    right: 0px;
}

.ActionCol[b-meopo8osox], .ItemCol[b-meopo8osox] {
    min-width: 75px;
    max-width: 100px;
    padding: 3px 10px;
}

.ItemCol[b-meopo8osox] {
    padding-left: 20px;
}

.FileCol[b-meopo8osox] {
    min-width: 300px;
    max-width: 350px;
    padding: 3px 10px;
}


[b-meopo8osox] .mud-button-filled:hover, .mud-button-filled:focus-visible[b-meopo8osox] {
    background: #3e93cf !important;
}

[b-meopo8osox] .mud-button-label {
    font-size: 12px !important;
    padding: 1px 1px !important;
    font-family: Montserrat !important;
    text-transform: none !important;
}

[b-meopo8osox] .mud-progress-linear .mud-progress-linear-bars {
    background: #dbebf6 !important;
}


[b-meopo8osox] .mud-progress-linear.mud-progress-linear-color-primary:not(.mud-progress-linear-buffer) .mud-progress-linear-bar {
    background-color: var(--primaryColor);
}

[b-meopo8osox] .mud-button-filled:hover, .mud-button-filled:focus-visible[b-meopo8osox] {
    background: #3e93cf !important;
}

[b-meopo8osox] .mud-button-filled {
    font-size: 13px !important;
}



/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------- SMALL PHONE VIEWPORT ------------------------------------------------------ */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
@media only screen and (max-width:576px) {

    .ActionCol[b-meopo8osox] {
        min-width: 75px;
        max-width: 120px;
    }

    .FileCol[b-meopo8osox] {
        min-width: 300px;
        max-width: 350px;
    }

    .ItemCol[b-meopo8osox] {
        min-width: 100px;
        max-width: 150px;
    }

    .DateDiv[b-meopo8osox], .PolicyDiv[b-meopo8osox] {
        flex-direction: column;
        width: 100% !important;
    }

    .EffectiveDateDiv[b-meopo8osox], .ExpirationDateDiv[b-meopo8osox], .PolicyNoDiv[b-meopo8osox], .PolicyNoAssignedDiv[b-meopo8osox], .PolicyNoIssuedByDiv[b-meopo8osox], .BillingTypeDiv[b-meopo8osox] {
        width: 100%;
        margin-left: 0px;
    }

    .CustomSelect[b-meopo8osox] {
        width: 100% !important;
    }

    .PolicyNoAssignedDiv[b-meopo8osox] {
        margin-top: 10px;
    }

    .FileContainer[b-meopo8osox] {
        text-align: center;
        flex-direction: column;
    }
}

/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------- BIGGER PHONE VIEWPORT ----------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */


@media (min-width: 576px) and (max-width: 767.98px) {

    .FileCol[b-meopo8osox], .DocCol[b-meopo8osox] {
        min-width: 300px;
        max-width: 350px;
    }

    .ItemCol[b-meopo8osox], .ActionCol[b-meopo8osox] {
        min-width: 100px;
        max-width: 150px;
    }

    .PolicyDiv[b-meopo8osox] {
        flex-direction: column;
    }

    .DateDiv[b-meopo8osox] {
        flex-direction: row;
        width: 100% !important;
    }

    .CustomSelect[b-meopo8osox], DateDiv[b-meopo8osox], .PolicyDiv[b-meopo8osox] {
        width: 100% !important;
    }


     .PolicyNoDiv[b-meopo8osox], .PolicyNoAssignedDiv[b-meopo8osox], .PolicyNoIssuedByDiv[b-meopo8osox], .BillingTypeDiv[b-meopo8osox] {
        width: 100%;
        margin-left: 0px;
    }

    .PolicyNoAssignedDiv[b-meopo8osox], .BillingTypeDiv[b-meopo8osox] {
        margin-top: 10px;
    }

    .FileContainer[b-meopo8osox] {
        text-align: center;
        flex-direction: column;
    }
}

/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------- TABLET VIEWPORT ----------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */


@media (min-width: 768px) and (max-width: 991.98px) {

    .ActionCol[b-meopo8osox], .ItemCol[b-meopo8osox] {
        min-width: 50px;
        max-width: 100px;
    }

    .FileCol[b-meopo8osox], .DocCol[b-meopo8osox] {
        min-width: 200px;
        max-width: 250px;
    }
}
/* /Pages/Bind/MainUnBind.razor.rz.scp.css */

.SeparatorBlue[b-hyuoun5qge] {
    border-top: 1px solid var(--primaryColor); 
    margin: 0px 20px 10px 20px !important;
}

.SubmissionInformation[b-hyuoun5qge] {
    background: white;
    padding: 20px 10px;
    margin: -30px 10px 5px 10px;
}

.BinderInformation[b-hyuoun5qge] {
    background: white;
    padding: 20px 10px;
    margin: 0px 10px -20px 10px;
}


.BindSummaryContainer[b-hyuoun5qge] {
    margin: 5px 0px;
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
}

.BindSummaryItem[b-hyuoun5qge] {
    display: flex;
    flex: 1 1 400px;
    padding: 1px;
    font-size: 13.5px;
    font-weight: 500;
}

.BindSummaryTitle[b-hyuoun5qge] {
    font-weight: 700;
}

.BindSummaryInfo[b-hyuoun5qge] {
    margin-left: 5px !important;
}

.BtnGroup[b-hyuoun5qge] {
    display: flex;
    justify-content: flex-end !important;
    margin: -35px 0px -20px 0px;
}


.btn[b-hyuoun5qge] {
    display: flex !important;
    margin: 40px 0px 20px 0px;
    padding: 6px 15px;
    border-radius: 1px;
    font-size: 13px;
}

.btn-brokerManagement-clear[b-hyuoun5qge] {
    border: 1px solid var(--primaryColor);
    color: var(--primaryColor);
    transition-duration: 400ms;
}

    .btn-brokerManagement-clear:hover[b-hyuoun5qge] {
        cursor: pointer;
        opacity: 0.8;
        transition-duration: 400ms;
    }

    .btn-brokerManagement-clear:disabled[b-hyuoun5qge] {
        opacity: 0.9;
    }





/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------- SMALL PHONE VIEWPORT ------------------------------------------------------ */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
@media only screen and (max-width:576px) {
    .LayoutBackground[b-hyuoun5qge] {
        margin-top: 30px;
        margin-left: 10px;
    }
}


/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------- BIGGER PHONE VIEWPORT ----------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */


@media (min-width: 576px) and (max-width: 767.98px) {


    .LayoutBackground[b-hyuoun5qge] {
        margin-top: 30px;
        margin-left: 10px;
    }
}

/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------- TABLET VIEWPORT -------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */


@media (min-width: 768px) and (max-width: 991.98px) {

    .LayoutBackground[b-hyuoun5qge] {
        margin-top: 10px;
        margin-left: 10px;
    }
}


/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------- LAPTOP AND SMALLER DESKTOP  ------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */

@media screen and (min-width:992px) and (max-width: 1199px) {

    .LayoutBackground[b-hyuoun5qge] {
        margin-left: 10px;
        margin-top: 10px;
    }
}
/* /Pages/BrokerStatement/AutoSearchAgencyName.razor.rz.scp.css */
.form-control[b-glbu81qyq5] {
    border-top-right-radius: 5px !important;
    border-bottom-right-radius: 5px !important;
}

.bolder[b-glbu81qyq5] {
    font-weight: 500;
}

.autocomplete[b-glbu81qyq5] {
    position: relative;
}

    .autocomplete .options[b-glbu81qyq5] {
        position: absolute;
        top: 40px;
        left: 0;
        background: white;
        width: 100%;
        padding: 0;
        z-index: 10;
        border: 1px solid #ced4da;
        box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.1);
    }

    .autocomplete .option[b-glbu81qyq5] {
        display: block;
        padding: 0.25rem;
    }

        .autocomplete .option .option-text[b-glbu81qyq5] {
            padding: 0.25rem 0.5rem;
        }

        .autocomplete .option:hover[b-glbu81qyq5] {
            background: var(--primaryColor);
            color: #fff;
            cursor: pointer
        }

        .autocomplete .option.disabled[b-glbu81qyq5] {
            padding: 0.50rem;
            background-color: var(--red);
            cursor: not-allowed;
            color: #fff;
        }
/* /Pages/BrokerStatement/BrokerStatementInfo.razor.rz.scp.css */

.BrokerGroupName[b-fd5vdenb8m], .CityBranch[b-fd5vdenb8m] {
    width: 98%;
}

.BrokerGroupName[b-fd5vdenb8m], .CityBranch[b-fd5vdenb8m] {
    display: flex;
}


.SearchLabel[b-fd5vdenb8m] {
    margin: 0px 0px 10px 0px !important;
}



/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------- SMALL PHONE VIEWPORT ------------------------------------------------------ */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
@media only screen and (max-width:576px) {

    .BrokerGroupName[b-fd5vdenb8m], .CityBranch[b-fd5vdenb8m]{
        flex-direction: column;
        width: 100%;
    }

}


/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------- BIGGER PHONE VIEWPORT ----------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */


@media (min-width: 576px) and (max-width: 767.98px) {

    .BrokerGroupName[b-fd5vdenb8m] {
        flex-direction: column;
        width: 100%;
    }

    .BrokerGroupName[b-fd5vdenb8m], .CityBranch[b-fd5vdenb8m]{
        flex-direction: column;
        width: 100%;
    }
}
/* /Pages/BrokerStatement/BrokerStatementNavMenu.razor.rz.scp.css */
.sub-menu[b-7bm5tstabn] {
    background: #333333;
    color: white;
    height: 98vh !important;
    border-radius: 3px;
    box-shadow: 0px 4px 2px rgba(0,0,0,0.3);
    margin: 7.5px 0 10px 7.5px;
}

.title[b-7bm5tstabn] {
    font-size: 16px;
    color: white !important;
    padding: 20px 0px 10px 0px !important;
    text-align: start;
    font-weight: 600;
}

.ButtonGroupDiv[b-7bm5tstabn] {
    display: flex;
    flex-direction: column;
    width: 100%;
    justify-content: center !important;
    position: absolute;
    bottom: 40px;
    padding-right: 7.5px;
}

.LoadingIndicator[b-7bm5tstabn] {
    width: 15px !important;
    margin-left: 10px;
}

.ScrollerDiv[b-7bm5tstabn] {
    height: 900px !important;
    overflow-y: auto;
    width: 100%;
}

.WhiteSeparator[b-7bm5tstabn] {
    border-bottom: 0.1px solid white;
    margin-bottom: 10px;
    width: 80%;
}

.SummaryDiv[b-7bm5tstabn] {
    justify-content: center;
    text-align: center;
    margin: 0px 5px;
}

.SummaryHeader[b-7bm5tstabn] {
    font-size: 15px;
    color: white !important;
    font-weight: 500;
    text-align: center;
    margin-bottom: 15px;
}

.SummarySpan[b-7bm5tstabn] {
    background-color: #565656;
    border-radius: 5px;
    padding: 3px 16px;
    font-size: 14px;
    border: 0.5px solid white;
    font-weight: 400;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
    max-width: 320px; /* Adjust the width according to your design */
}

.InfoNumContainer[b-7bm5tstabn] {
    justify-content: center;
}


.RedBanner[b-7bm5tstabn] {
    background: var(--red);
    border-start-start-radius: 3px;
    border-start-end-radius: 3px;
}

.ValidationText[b-7bm5tstabn] {
    margin-left: 5px;
    font-weight: 300;
    padding: 5px;
    color: white !important;
    font-size: 13px;
    margin-bottom: 3px;
}

.ValidationParentDiv[b-7bm5tstabn] {
    margin: 10px 10px 0px 10px !important;
}

.ValidationContainer[b-7bm5tstabn] {
    padding: 0px;
    border: 1px var(--lightGray) solid;
    border-top: none !important;
    transition: background-color 0.1s;
}

    .ValidationContainer:hover[b-7bm5tstabn] {
        background: rgb(30, 27, 24);
        cursor: pointer;
        border-top: 1px black solid;
        border-bottom: 1px black solid;
    }

        .ValidationContainer:hover .ValidationText[b-7bm5tstabn] {
            color: white !important;
            font-weight: 600
        }

.IconCircle[b-7bm5tstabn] {
    border-radius: 25px;
    width: 23px;
    height: 23px;
    background-color: #333333;
    border: 2px white solid;
    margin-left: 10px;
}

.icon[b-7bm5tstabn] {
    font-size: 14px;
    color: white !important;
}

.TextHeader[b-7bm5tstabn] {
    padding: 5px;
    font-size: 13px;
    font-weight: 700;
    margin-top: 8px;
    margin-bottom: 7px;
}

.ReminderText[b-7bm5tstabn] {
    margin-left: 10px;
    margin-top: 2px;
    margin-bottom: 5px;
    font-size: 13px;
    padding: 5px;
}

.ReminderContainer[b-7bm5tstabn] {
    border-top: 0.5px black solid;
    border-bottom: 0.5px black solid;
    height: 35px;
}





/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------- RESPONSIVENESS -------------------------------------------------------- */
/* -------------- PLEASE MATCH YOUR CSS ACCORDING TO THE VIEWPORT DO NOT CREATE ANOTHER TO AVOID CONFLICT RESPONSIVENESS ---------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */





/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------- SMALL PHONE VIEWPORT ------------------------------------------------------ */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */

@media only screen and (max-width:576px) {
    .sub-menu[b-7bm5tstabn] {
        margin: 20px 10px 40px 10px;
        padding-bottom: 10px;
        height: auto !important;
    }

    .ScrollerDiv[b-7bm5tstabn] {
        max-height: 200px !important;
        overflow-y: auto;
        width: 100%;
    }

    .ButtonGroupDiv[b-7bm5tstabn] {
        position: inherit;
    }
}


/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------- BIGGER PHONE VIEWPORT ----------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */


@media (min-width: 576px) and (max-width: 767.98px) {

    .sub-menu[b-7bm5tstabn] {
        margin: 20px 10px 40px 10px;
        padding-bottom: 10px;
        height: auto !important;
    }

    .ScrollerDiv[b-7bm5tstabn] {
        max-height: 250px !important;
        overflow-y: auto;
        width: 100%;
    }

    .ButtonGroupDiv[b-7bm5tstabn] {
        position: inherit;
    }
}

/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------- TABLET VIEWPORT -------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */


@media (min-width: 768px) and (max-width: 991px) {
    .sub-menu[b-7bm5tstabn] {
        margin: 20px 10px 40px 10px;
        padding-bottom: 10px;
        height: auto !important;
    }

    .ScrollerDiv[b-7bm5tstabn] {
        max-height: 250px !important;
        overflow-y: auto;
        width: 100%;
    }

    .ButtonGroupDiv[b-7bm5tstabn] {
        position: inherit;
    }
}


/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------- LAPTOP AND SMALLER DESKTOP  ------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */

@media (min-width:992px) and (max-width: 1199px) {

    .sub-menu[b-7bm5tstabn] {
        margin: 7px 10px 0px 10px;
        padding-bottom: 10px;
        height: auto !important;
    }

    .ScrollerDiv[b-7bm5tstabn] {
        max-height: 250px !important;
        overflow-y: auto;
        width: 100%;
    }

    .ButtonGroupDiv[b-7bm5tstabn] {
        position: inherit;
    }
}

/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------  DESKTOP  ------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */


@media (min-width: 1200px) and (max-width: 1499px) {
}

/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------- ULTRAWIDE DESKTOP ------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */

@media (min-width: 1500px) {
}


/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------- MUDBLAZOR OVERRIDE ------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */

[b-7bm5tstabn] .mud-button-group-filled.mud-button-group-override-styles.mud-button-group-filled-primary .mud-button-root {
    color: white !important;
    background-color: var(--primaryColor) !important;
    width: 48% !important;
    border-radius: 0px;
    padding: 8px 8px !important;
}


[b-7bm5tstabn] .mud-button-group-horizontal:not(.mud-button-group-rtl) > .mud-button-root:not(:last-child), .mud-button-group-horizontal:not(.mud-button-group-rtl) > :not(:last-child) .mud-button-root[b-7bm5tstabn] {
    border-start-start-radius: 5px;
    border-end-start-radius: 5px;
}

[b-7bm5tstabn] .mud-button-group-horizontal:not(.mud-button-group-rtl) > .mud-button-root:not(:first-child), .mud-button-group-horizontal:not(.mud-button-group-rtl) > :not(:first-child) .mud-button-root[b-7bm5tstabn] {
    border-start-end-radius: 5px;
    border-end-end-radius: 5px;
}


[b-7bm5tstabn] .mud-button-root:disabled {
    background: #949494 !important;
    color: white !important;
}
/* /Pages/BrokerStatement/MainBrokerStatement.razor.rz.scp.css */
.MainAgencyNameInfo[b-gwikzrohte] {
    margin: -10px 0px 16px 0px;
}

.sidebar[b-gwikzrohte] {
    width: 350px !important;
}

.AgencyNameNavMenu[b-gwikzrohte] {
    position: fixed;
    margin-top: -52px;
}

.LayoutBackground[b-gwikzrohte] {
    margin: 60px 0 0 360px;
    box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
}

.btn[b-gwikzrohte] {
    margin: 20px 0px;
    padding: 6px 13px;
    font-size: 13px;
}

.btn-brokerManagement-clear[b-gwikzrohte] {
    border: 1px solid var(--primaryColor);
    color: var(--primaryColor);
    transition-duration: 400ms;
}

    .btn-brokerManagement-clear:hover[b-gwikzrohte] {
        cursor: pointer;
        opacity: 0.8;
        transition-duration: 400ms;
    }

    .btn-brokerManagement-clear:disabled[b-gwikzrohte] {
        opacity: 0.7;
    }






/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------- RESPONSIVENESS -------------------------------------------------------- */
/* -------------- PLEASE MATCH YOUR CSS ACCORDING TO THE VIEWPORT DO NOT CREATE ANOTHER TO AVOID CONFLICT RESPONSIVENESS ---------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */


@media only screen and (max-width: 991px) {

    .NavigationBar[b-gwikzrohte] {
        text-align: start;
        padding: 10px;
    }

    .Navigator[b-gwikzrohte] {
        display: none;
    }
}

@media only screen and (max-width: 1199px) {

    .MainAgencyNameInfo[b-gwikzrohte] {
        display: flex;
        flex-direction: column !important;
    }

    .AgencyNameNavMenu[b-gwikzrohte] {
        position: initial;
        margin-top: 0px;
    }

    .sidebar[b-gwikzrohte] {
        width: 100% !important;
        height: 50% !important;
    }

    .LayoutBackground[b-gwikzrohte] {
        margin-left: 10px;
    }
}

/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------- SMALL PHONE VIEWPORT ------------------------------------------------------ */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */

@media only screen and (max-width:576px) {
}


/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------- BIGGER PHONE VIEWPORT ----------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */


@media (min-width: 576px) and (max-width: 767.98px) {
}

/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------- TABLET VIEWPORT -------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */


@media (min-width: 768px) and (max-width: 991.98px) {

    .LayoutBackground[b-gwikzrohte] {
        margin-left: 10px;
    }
}


/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------- LAPTOP AND SMALLER DESKTOP  ------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */

@media screen and (min-width:992px) and (max-width: 1199px) {
}

/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------  DESKTOP  ------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */


@media (min-width: 1200px) and (max-width: 1499px) {
}

/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------- ULTRAWIDE DESKTOP ------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */

@media (min-width: 1500px) {
}
/* /Pages/Broker/BrokerAgentBranchList.razor.rz.scp.css */

/* Global CSS Override */

table[b-cklsyg9u1c] {
    font-size: 13px;
}

td[b-cklsyg9u1c] {
    padding: 6px 10px !important; 
}

tr[b-cklsyg9u1c] {
    font-weight: 600 !important;
}

/* Component CSS */

.BrokerBranch[b-cklsyg9u1c] {
    margin-bottom: 55px !important;
    margin-left: 315px;
}

.HeaderCaption[b-cklsyg9u1c] {
    margin-top: -102px;
    margin-left: -10px;
    font-size: 15px !important;
}

.LoadingIndicator[b-cklsyg9u1c] {
    margin-left: 5px;
    width: 10px;
}

.BranchCol[b-cklsyg9u1c], .IdCol[b-cklsyg9u1c], .isActive-col[b-cklsyg9u1c] {
    min-width: 100px;
    max-width: 150px;
}

.NameCol[b-cklsyg9u1c] {
    min-width: 200px;
    max-width: 250px;
}

.ReasonCol[b-cklsyg9u1c] {
    min-width: 300px;
    max-width: 350px;
}


/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------- SMALL PHONE VIEWPORT ------------------------------------------------------ */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
@media only screen and (max-width:576px) {

    .effective-column[b-cklsyg9u1c], .transaction-column[b-cklsyg9u1c], .broker-column[b-cklsyg9u1c] {
        min-width: 150px;
        max-width: 200px;
    }

    .BrokerBranch[b-cklsyg9u1c] {
        margin-left: 10px;
    }

    .HeaderCaption[b-cklsyg9u1c] {
        margin-top: -54px !important;
    }
}

/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------- BIGGER PHONE VIEWPORT ----------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */


@media (min-width: 576px) and (max-width: 767.98px) {

    .BranchCol[b-cklsyg9u1c], .IdCol[b-cklsyg9u1c], .isActive-col[b-cklsyg9u1c] {
        min-width: 50px;
        max-width: 100px;
    }

    .ReasonCol[b-cklsyg9u1c] {
        min-width: 300px;
        max-width: 350px;
    }

    .BrokerBranch[b-cklsyg9u1c] {
        margin-left: 10px;
    }

    .HeaderCaption[b-cklsyg9u1c] {
        margin-top: -60px !important ;
    }
  
}

/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------- TABLET VIEWPORT ----------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */


@media (min-width: 768px) and (max-width: 991.98px) {

    .HeaderCaption[b-cklsyg9u1c] {
        margin-top: -59px;
        margin-left: -10px;
    }

    .BranchCol[b-cklsyg9u1c], .IdCol[b-cklsyg9u1c], .isActive-col[b-cklsyg9u1c] {
        min-width: 50px;
        max-width: 100px;
    }

    .ReasonCol[b-cklsyg9u1c], .NameCol[b-cklsyg9u1c]{
        min-width: 250px;
        max-width: 300px;
    }

    .BrokerBranch[b-cklsyg9u1c] {
        margin-left: 10px;
    }
  
}

@media (min-width: 960px) and (max-width: 991px) {
    .HeaderCaption[b-cklsyg9u1c] {
        margin-top: -100px !important;
    }
}



/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------- LAPTOP AND SMALLER DESKTOP  ------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */

@media screen and (min-width:992px) and (max-width: 1199px) {

    .BranchCol[b-cklsyg9u1c], .IdCol[b-cklsyg9u1c], .isActive-col[b-cklsyg9u1c] {
        min-width: 100px;
        max-width: 120px;
    }

    .NameCol[b-cklsyg9u1c] {
        min-width: 200px;
        max-width: 250px;
    }

    .ReasonCol[b-cklsyg9u1c] {
        min-width: 250px;
        max-width: 300px;
    }

    .BrokerBranch[b-cklsyg9u1c] {
        margin-left: auto!important;
    }

}

/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------  DESKTOP  ------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */


@media (min-width: 1200px) and (max-width: 1499px) {
    .BranchCol[b-cklsyg9u1c], .IdCol[b-cklsyg9u1c], .isActive-col[b-cklsyg9u1c] {
        min-width: 200px;
        max-width: 250px;
    }

    .ReasonCol[b-cklsyg9u1c] {
        min-width: 300px;
        max-width: 350px;
    }
}

/* /Pages/Broker/BrokerAgentContactList.razor.rz.scp.css */
/* Global Override CSS */

.table-container-scroll[b-cme94jw4f3] {
    max-height: 249px;
    overflow-y: auto;
}

tr[b-cme94jw4f3] {
    font-size: 13px;
    font-weight: 600;
}

.sticky-column[b-cme94jw4f3] {
    min-width: 50px;
    max-width: 100px;
    right: 0px;
}

/* Component Style CSS */

.ContactList[b-cme94jw4f3] {
    margin-left: 310px;
}

.CenteredContent[b-cme94jw4f3] {
    border-top: 1px solid #808080;
    padding: 30px 0px 0px 0px;
    margin: 50px 0px 0px 0px !important;
}

.LoadingIndicator[b-cme94jw4f3] {
    margin-left: 5px;
    width: 10px;
}

.HeaderCaption[b-cme94jw4f3] {
    margin-top: -102px;
    margin-left: -10px;
    font-size: 15px !important;
}


.caption[b-cme94jw4f3] {
    margin-right: 10px;
    align-self: center;
    margin-top: 5px;
    font-size: 13px !important;
}

.search-icon[b-cme94jw4f3] {
    width: 15px;
}

/* Buttons */

.btn-brokerManagement[b-cme94jw4f3], .btn-delete[b-cme94jw4f3] {
    padding: 3px 8px 3px 10px;
}

.btn-brokerManagement[b-cme94jw4f3] {
    margin-right: 5px;
}

.exit[b-cme94jw4f3] {
    margin-right: 10px;
}

.btn-dark[b-cme94jw4f3] {
    margin-left: 10px;
    padding: 5px 10px !important;
    font-size: 13px;
}


.ActionCol[b-cme94jw4f3] {
    min-width: 50px;
    max-width: 90px;
}

.NameCol[b-cme94jw4f3], .DepartmentCol[b-cme94jw4f3], .TitleCol[b-cme94jw4f3] {
    min-width: 200px;
    max-width: 250px;
}

.ItemCol[b-cme94jw4f3] {
    min-width: 50px;
    max-width: 100px;
}
/* Table */



thead[b-cme94jw4f3] {
    position: sticky;
    top: -1px;
    z-index: 1;
}



/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------- SMALL PHONE VIEWPORT ------------------------------------------------------ */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
@media only screen and (max-width:576px) {

    .ItemCol[b-cme94jw4f3] {
        min-width: 50px;
        max-width: 75px;
    }

    .NameCol[b-cme94jw4f3], .DepartmentCol[b-cme94jw4f3], .TitleCol[b-cme94jw4f3] {
        min-width: 150px;
        max-width: 200px;
    }

    .ActionCol[b-cme94jw4f3] {
        min-width: 70px;
        max-width: 120px;
    }

    .select-option[b-cme94jw4f3] {
        margin: 10px 0px 10px 15px;
    }

    .caption[b-cme94jw4f3] {
        margin: 0px 0px 0px 30px;
    }

    .btn-dark[b-cme94jw4f3] {
        margin: 10px 0px 10px 30px;
    }

    .ContactList[b-cme94jw4f3] {
        margin-left: 10px !important;
    }

    .HeaderCaption[b-cme94jw4f3] {
        margin-top: -62px;
    }
}

/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------- BIGGER PHONE VIEWPORT ----------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */


@media (min-width: 576px) and (max-width: 767.98px) {

    .ItemCol[b-cme94jw4f3] {
        min-width: 50px;
        max-width: 75px;
    }

    .NameCol[b-cme94jw4f3] {
        min-width: 200px;
        max-width: 250px;
    }

    .DepartmentCol[b-cme94jw4f3], .TitleCol[b-cme94jw4f3] {
        min-width: 175px;
        max-width: 225px;
    }

    .caption[b-cme94jw4f3] {
        margin: 0px 0px 0px 30px;
    }

    .select-option[b-cme94jw4f3] {
        margin: 10px 0px 10px 15px;
    }

    .btn-dark[b-cme94jw4f3] {
        margin: 10px 0px 10px 30px;
    }

    .ContactList[b-cme94jw4f3] {
        margin-left: 10px !important;
    }

    .HeaderCaption[b-cme94jw4f3] {
        margin-top: -67px;
    }
}

/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------- TABLET VIEWPORT ----------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */


@media (min-width: 768px) and (max-width: 991.98px) {

    .HeaderCaption[b-cme94jw4f3] {
        margin-top: -59px;
        margin-left: -10px;
    }

    .NameCol[b-cme94jw4f3] {
        min-width: 200px;
        max-width: 250px;
    }

    .DepartmentCol[b-cme94jw4f3], .TitleCol[b-cme94jw4f3] {
        min-width: 150px;
        max-width: 200px;
    }

    .select-option[b-cme94jw4f3] {
        width: 400px;
    }

    .ContactList[b-cme94jw4f3] {
        margin-left: 10px !important;
    }
}


@media (min-width: 960px) and (max-width: 991px) {
    .HeaderCaption[b-cme94jw4f3] {
        margin-top: -100px !important;
    }
}



/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------- LAPTOP AND SMALLER DESKTOP  ------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */

@media screen and (min-width:992px) and (max-width: 1199px) {


    .NameCol[b-cme94jw4f3] {
        min-width: 175px;
        max-width: 225px;
    }

    .select-option[b-cme94jw4f3] {
        width: 300px;
    }

    .ContactList[b-cme94jw4f3] {
        margin-top: 0px !important;
        margin-left: 0px !important;
    }
}
/* /Pages/Broker/BrokerAgentDocuments.razor.rz.scp.css */
tr[b-9syaewgxve] {
    font-size: 13px;
    font-weight: 600;
}

.btn-dark[b-9syaewgxve] {
    margin-left: 10px;
    align-self: center;
    padding: 7px 15px;
    margin-top: 1px;
}

.btn-brokerManagement[b-9syaewgxve] {
    margin-left: 5px;
    padding: 5px 10px;
}


/* Component CSS Override */
.HeaderCaption[b-9syaewgxve] {
    margin-top: -102px;
    margin-left: -10px;
    font-size: 15px !important;
}

.BrokerDocumentsInformation[b-9syaewgxve] {
    margin-bottom: 60px !important;
    margin-left: 310px;
}

.LoadingIndicator[b-9syaewgxve] {
    margin-left: 5px;
    width: 10px;
}

.caption[b-9syaewgxve] {
    align-self: center;
    margin-top: 5px;
    margin-right: 10px;
}

.FileContainer[b-9syaewgxve] {
    display: flex;
    margin: -5px 10px 0px 15px;
}

.form-control[b-9syaewgxve] {
    height: 38px !important;
}


/* Table */
.sticky-column[b-9syaewgxve] {
    width: 150px;
    min-width: 50px;
    max-width: 150px;
    right: 0px;
}

.ActionCol[b-9syaewgxve], .ItemCol[b-9syaewgxve] {
    min-width: 75px;
    max-width: 125px;
}

.FileCol[b-9syaewgxve], .DocCol[b-9syaewgxve] {
    min-width: 300px;
    max-width: 350px;
}

.ProgressBar[b-9syaewgxve] {
    margin-top: 25px;
    margin-left: 10px;
}

.LinkDownload[b-9syaewgxve] {
    color: var(--primaryColor);
    text-decoration: underline;
    font-weight: 600;
}

    .LinkDownload:hover[b-9syaewgxve] {
        cursor: pointer;
        transition: color 0.2s;
        color: var(--textColor);
    }

/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------- SMALL PHONE VIEWPORT ------------------------------------------------------ */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */


@media only screen and (max-width:576px) {
    .BrokerDocumentsInformation[b-9syaewgxve] {
        margin-bottom: 60px !important;
        margin-left: 10px;
    }

    .ActionCol[b-9syaewgxve] {
        min-width: 75px;
        max-width: 120px;
    }

    .FileCol[b-9syaewgxve], .DocCol[b-9syaewgxve] {
        min-width: 300px;
        max-width: 350px;
    }

    .ItemCol[b-9syaewgxve] {
        min-width: 100px;
        max-width: 150px;
    }

    .select-option[b-9syaewgxve] {
        margin: 10px 0px 10px 15px;
    }

    .caption[b-9syaewgxve] {
        margin: 0px 0px 0px 30px;
    }

    .btn-dark[b-9syaewgxve] {
        margin: 10px 0px 10px 30px;
    }

    .broker-documents-information[b-9syaewgxve] {
        margin-left: 10px !important;
    }

    .HeaderCaption[b-9syaewgxve] {
        margin-top: -55px !important;
    }
}

/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------- BIGGER PHONE VIEWPORT ----------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */


@media (min-width: 576px) and (max-width: 767.98px) {

    .BrokerDocumentsInformation[b-9syaewgxve] {
        margin-bottom: 60px !important;
        margin-left: 10px;
    }

    .HeaderCaption[b-9syaewgxve] {
        margin-top: -59px !important;
    }

    /* Table */

    .FileCol[b-9syaewgxve], .DocCol[b-9syaewgxve] {
        min-width: 300px;
        max-width: 350px;
    }

    .ItemCol[b-9syaewgxve] {
        min-width: 100px;
        max-width: 150px;
    }

    .caption[b-9syaewgxve] {
        margin-bottom: 10px;
    }

    /* Form */

    .TextContainer[b-9syaewgxve] {
        margin-left: -8px !important;
        margin-top: 10px;
        width: 100%;
    }

    .DropdownContainer[b-9syaewgxve] {
        width: 100%;
    }

    .FileContainer[b-9syaewgxve] {
        margin-top: 8px;
        justify-content: center;
    }

    .btn-dark[b-9syaewgxve] {
        margin: 10px 0px 10px 30px;
    }

    .broker-documents-information[b-9syaewgxve] {
        margin-left: 10px !important;
    }

}

/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------- TABLET VIEWPORT ----------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */


@media (min-width: 768px) and (max-width: 991.98px) {

    .BrokerDocumentsInformation[b-9syaewgxve] {
        margin-bottom: 60px !important;
        margin-left: 10px;
    }

    .HeaderCaption[b-9syaewgxve] {
        margin-top: -56px;
        margin-left: -10px;
    }

    /* Form */

    .caption[b-9syaewgxve] {
        margin-bottom: 10px;
    }

    .TextContainer[b-9syaewgxve] {
        margin-left: -8px !important;
        margin-top: 10px;
        width: 100%;
    }

    .DropdownContainer[b-9syaewgxve] {
        width: 100%;
    }

    .FileContainer[b-9syaewgxve] {
        margin-top: 8px;
        justify-content: center;
    }

    .broker-documents-information[b-9syaewgxve] {
        margin-left: 10px !important;
    }

    /* Table */

    .ActionCol[b-9syaewgxve], .ItemCol[b-9syaewgxve] {
        min-width: 50px;
        max-width: 100px;
    }

    .FileCol[b-9syaewgxve], .DocCol[b-9syaewgxve] {
        min-width: 200px;
        max-width: 250px;
    }

}

@media (min-width: 960px) and (max-width: 991px) {
    .HeaderCaption[b-9syaewgxve] {
        margin-top: -100px !important;
    }

    .FileContainer[b-9syaewgxve] {
        margin-left: 0px;
    }

}



/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------- LAPTOP AND SMALLER DESKTOP  ------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */

@media screen and (min-width:992px) and (max-width: 1199px) {

    .BrokerDocumentsInformation[b-9syaewgxve] {
        margin-bottom: 60px !important;
        margin-left: 0px;
    }

    .HeaderCaption[b-9syaewgxve] {
        margin-top: -102px;
        margin-left: -10px;
    }

    .ActionCol[b-9syaewgxve], .ItemCol[b-9syaewgxve] {
        min-width: 50px;
        max-width: 100px;
    }

    .FileCol[b-9syaewgxve], .DocCol[b-9syaewgxve] {
        min-width: 200px;
        max-width: 250px;
    }


    .FileContainer[b-9syaewgxve] {
        margin-top: 8px;
    }


}

@media screen and (min-width:1146px) and (max-width: 1199px) {
    .FileContainer[b-9syaewgxve] {
        margin-top: -4px !important;
        margin-left: 13px !important;
    }
}

/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------  DESKTOP  ------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
@media (min-width: 1200px) and (max-width: 1499px) {

    .ActionCol[b-9syaewgxve], .ItemCol[b-9syaewgxve] {
        min-width: 50px;
        max-width: 100px;
    }

    .FileCol[b-9syaewgxve], .DocCol[b-9syaewgxve] {
        min-width: 200px;
        max-width: 250px;
    }

    .caption[b-9syaewgxve] {
        margin-top: 10px;
        width: 120px;
    }

    .DropdownContainer[b-9syaewgxve] {
        margin-top: 10px;
    }

    .TextContainer[b-9syaewgxve] {
        margin-top: 10px;
    }


    .FileContainer[b-9syaewgxve] {
        margin-top: 8px;
        justify-content: center;
    }
}




[b-9syaewgxve] .mud-progress-linear .mud-progress-linear-bars {
    background: #dbebf6 !important;
}


[b-9syaewgxve] .mud-progress-linear.mud-progress-linear-color-primary:not(.mud-progress-linear-buffer) .mud-progress-linear-bar {
    background-color: var(--primaryColor);
}

[b-9syaewgxve] .mud-button-filled:hover, .mud-button-filled:focus-visible[b-9syaewgxve] {
    background: #3e93cf !important;
}

[b-9syaewgxve] .mud-button-filled {
    font-size: 13px !important;
}

[b-9syaewgxve] .mud-button-group-filled.mud-button-group-override-styles.mud-button-group-filled-primary .mud-button-root {
    color: white !important;
    background-color: var(--primaryColor) !important;
    width: 48% !important;
    border-radius: 0px;
    padding: 8px 8px !important;
}


[b-9syaewgxve] .mud-button-label {
    font-size: 12px !important;
    padding: 1px 1px !important;
    font-family: Montserrat !important;
    text-transform: none !important;
}
/* /Pages/Broker/BrokerAgentHeader.razor.rz.scp.css */
.Navigator[b-5eovcixeyi] {
    margin-left: 20px;
    margin-top: -40px;
    margin-bottom: 30px;
}

.link-navigate:hover[b-5eovcixeyi] {
    cursor: pointer;
}
/* /Pages/Broker/BrokerAgentInfo.razor.rz.scp.css */

/* --------------------------------------------------  Global CSS Override ------------------------------------------*/
.caption[b-2ezmvflfk1] {
    margin-right: 10px !important;
    margin-bottom: 4px;
    font-size: 13px !important;
}

/* --------------------------------------------------  Component CSS  ------------------------------------------*/


/* Information */

.NameInformation[b-2ezmvflfk1] {
    margin-top: 15px !important;
    margin-bottom: 30px !important;
    margin-left: 315px;
}

.LastName[b-2ezmvflfk1] {
    font-size: 13px;
}

.FirstName[b-2ezmvflfk1] {
    text-align: start;
    font-size: 13px;
}

.Group[b-2ezmvflfk1] {
    margin-right: 40px !important;
    font-size: 13px;
}

.InputSelect[b-2ezmvflfk1] {
    width: 100%;
}

.SSSContainer[b-2ezmvflfk1] {
    position: relative;
    width: 96%;
}

.SSSIcon[b-2ezmvflfk1] {
    position: absolute;
    right: 10px;
    top: 10px;
}

.SSSCaption[b-2ezmvflfk1] {
    margin-top: 2px;
}

.SSSIcon:hover[b-2ezmvflfk1] {
    cursor: pointer;
}

/* Agent Status */
.LayoutBackgroundStatus[b-2ezmvflfk1] {
    background: white;
    padding: 10px 20px !important;
    box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 3px;
    margin: 0px 10px;
}

.StatusInformation[b-2ezmvflfk1] {
    margin-bottom: 60px !important;
    margin-left: 315px !important;
    margin-top: 30px !important;
}

.StatusCaption[b-2ezmvflfk1] {
    margin-top: -70px !important;
    margin-left: 20px !important
}


/* Adddress Information */

.AddressInformation[b-2ezmvflfk1] {
    margin-bottom: 50px !important;
    margin-left: 315px;
}

.mailing-btn[b-2ezmvflfk1] {
    margin-top: 15px !important;
}

.btn-dark[b-2ezmvflfk1] {
    padding: 5px 10px !important;
    font-size: 13px;
}


/* TIN */

.TinInformation[b-2ezmvflfk1] {
    margin-bottom: 50px !important;
    margin-left: 315px;
}

.FederalDiv[b-2ezmvflfk1] {
    width: 250px !important;
    margin-right: 10px;
}

.FederalCaption[b-2ezmvflfk1] {
    margin-bottom: 5px !important;
}

.SSSDiv[b-2ezmvflfk1] {
    width: 250px !important;
    margin-top: -4px;
}


/* Errors and Ommisions */
.PolicyNumberDiv[b-2ezmvflfk1] {
    width: 250px !important;
    margin-top: 8px;
    margin-right: 8px;
}

.EOAlertDaysDiv[b-2ezmvflfk1] {
    width: 150px !important;
    margin-top: 10px;
    margin-right: 8px;
}

.EOAlertDaysCaption[b-2ezmvflfk1] {
    margin-top: -2px;
}


.ExpiryDateDiv[b-2ezmvflfk1] {
    width: 250px !important;
    margin-top: 10px;
    margin-right: 8px;
}

.DPADiv[b-2ezmvflfk1] {
    margin-top: 30px;
}


.EAOInformation[b-2ezmvflfk1] {
    margin-bottom: 50px !important;
    margin-left: 315px;
}

.LicenseList[b-2ezmvflfk1], .BankInfo[b-2ezmvflfk1] {
    margin-bottom: 60px !important;
    margin-left: 315px;
    margin-top: 10px !important;
}

.HeaderCaption[b-2ezmvflfk1] {
    margin-top: -103px;
    margin-left: -10px;
    font-size: 15px !important;
}

.AlertDays[b-2ezmvflfk1] {
    font-weight: 400;
}

.address-search[b-2ezmvflfk1], .text-search[b-2ezmvflfk1] {
    margin: 0px 17px;
}

.input-search[b-2ezmvflfk1] {
    display: flex;
}

.form-check-input[b-2ezmvflfk1] {
    margin-left: 6px;
}


/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------- SMALL PHONE VIEWPORT ------------------------------------------------------ */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */

@media only screen and (max-width:576px) {

    .HeaderCaption[b-2ezmvflfk1] {
        margin-top: -55px;
    }

    .StatusCaption[b-2ezmvflfk1] {
        margin-top: -45px !important;
        margin-left: 0px !important
    }

    .AddressCaption[b-2ezmvflfk1] {
        margin-top: -55px;
    }

    .LastName[b-2ezmvflfk1],
    .unit-address[b-2ezmvflfk1],
    .state-address[b-2ezmvflfk1],
    .zip-code[b-2ezmvflfk1],
    .alert-before[b-2ezmvflfk1] {
        margin-left: 0px !important;
    }

    .NameInformation[b-2ezmvflfk1], .StatusInformation[b-2ezmvflfk1], .AddressInformation[b-2ezmvflfk1], .TinInformation[b-2ezmvflfk1], .EAOInformation[b-2ezmvflfk1], .LicenseList[b-2ezmvflfk1], .BankInfo[b-2ezmvflfk1] {
        margin-left: 10px !important;
    }


    .SSSDiv[b-2ezmvflfk1] {
        margin-top: 10px;
    }

    .remove-margin[b-2ezmvflfk1] {
        margin-left: 0 !important;
    }
}


/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------- BIGGER PHONE VIEWPORT ----------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */


@media (min-width: 576px) and (max-width: 767.98px) {

    .HeaderCaption[b-2ezmvflfk1] {
        margin-top: -60px;
    }

    .StatusCaption[b-2ezmvflfk1] {
        margin-top: -45px !important;
        margin-left: 0px !important
    }

    .AddressCaption[b-2ezmvflfk1] {
        margin-top: -60px;
    }

    .LastName[b-2ezmvflfk1],
    .unit-address[b-2ezmvflfk1],
    .state-address[b-2ezmvflfk1],
    .zip-code[b-2ezmvflfk1],
    .alert-before[b-2ezmvflfk1] {
        margin-left: 0px !important;
    }

    .NameInformation[b-2ezmvflfk1], .StatusInformation[b-2ezmvflfk1], .AddressInformation[b-2ezmvflfk1], .TinInformation[b-2ezmvflfk1], .EAOInformation[b-2ezmvflfk1], .LicenseList[b-2ezmvflfk1], .BankInfo[b-2ezmvflfk1] {
        margin-left: 10px !important;
    }

    .remove-margin[b-2ezmvflfk1] {
        margin-left: 0 !important;
    }
}


/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------- TABLET VIEWPORT -------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */


@media (min-width: 768px) and (max-width: 991.98px) {

    .HeaderCaption[b-2ezmvflfk1] {
        margin-top: -60px;
    }

    .StatusCaption[b-2ezmvflfk1] {
        margin-top: -43px !important;
        margin-left: -10px !important;
    }

    .StatusInformation[b-2ezmvflfk1] {
        margin-bottom: 90px !important;
    }

    .AddressInformation[b-2ezmvflfk1] {
        margin-top: -20px !important;
    }

    .TinCaption[b-2ezmvflfk1] {
        margin-top: -60px !important;
    }

    .NameInformation[b-2ezmvflfk1], .StatusInformation[b-2ezmvflfk1], .AddressInformation[b-2ezmvflfk1], .TinInformation[b-2ezmvflfk1], .EAOInformation[b-2ezmvflfk1], .LicenseList[b-2ezmvflfk1], .BankInfo[b-2ezmvflfk1] {
        margin-left: 10px !important;
    }
}

@media (min-width: 960px) and (max-width: 991px) {
    .HeaderCaption[b-2ezmvflfk1] {
        margin-top: -100px !important;
    }

    .StatusCaption[b-2ezmvflfk1] {
        margin-top: -70px !important;
        margin-left: 10px !important
    }
}


/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------- LAPTOP AND SMALLER DESKTOP  ------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */

@media screen and (min-width:992px) and (max-width: 1199px) {
    .StatusInformation[b-2ezmvflfk1], .AddressInformation[b-2ezmvflfk1], .TinInformation[b-2ezmvflfk1], .EAOInformation[b-2ezmvflfk1], .LicenseList[b-2ezmvflfk1], .BankInfo[b-2ezmvflfk1] {
        margin-left: 10px !important;
    }

    .NameInformation[b-2ezmvflfk1] {
        margin-top: 60px !important;
        margin-bottom: 30px !important;
        margin-left: 10px !important;
    }
}

@media (min-width: 1600px) {
    .PolicyNumberDiv[b-2ezmvflfk1] {
        width: 25% !important;
        margin-top: 8px;
        margin-right: 8px;
    }

    .EOAlertDaysDiv[b-2ezmvflfk1] {
        width: 15% !important;
        margin-top: 10px;
        margin-right: 8px;
    }

    .ExpiryDateDiv[b-2ezmvflfk1] {
        width: 25% !important;
        margin-top: 10px;
        margin-right: 8px;
    }

    .DPADiv[b-2ezmvflfk1] {
        width: 30%;
        margin-top: 20px;
    }
}


/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------- MUD BLAZOR OVERRIDE ----------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */

[b-2ezmvflfk1] .mud-input > input.mud-input-root-outlined.mud-input-root-margin-dense {
    padding-top: 7px;
    padding-bottom: 9px;
}

@media screen and (min-width: 767.98px) {
    .remove-margin[b-2ezmvflfk1] {
        margin-top: 0 !important;
    }
}

@media screen and (min-width: 576px) {
    .remove-margin-data-entry[b-2ezmvflfk1] {
        margin-top: 0 !important;
    }
}

@media screen and (max-width: 576px) {
    .remove-margin-data-entry[b-2ezmvflfk1] {
        margin-left: 0 !important;
    }
}

@media screen and (max-width: 599px) {
    .width-override[b-2ezmvflfk1] {
        width: 100% !important;
    }
}
/* /Pages/Broker/BrokerAgentInfoError.razor.rz.scp.css */

.floating-button[b-j7oiuodpia] {
    position: fixed;
    bottom: 40px;
    right: 40px;
    background-color: var(--red);
    color: #ffffff;
    border: none;
    border-radius: 5px;
    padding: 2px 10px;
    cursor: pointer;
}

    .floating-button:hover[b-j7oiuodpia] {
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
    }

.error-count[b-j7oiuodpia] {
    font-size: 15px;
    font-weight: 500;
    margin-top: 6px;
}
/* /Pages/Broker/BrokerAgentLicenseList.razor.rz.scp.css */
.contact-list[b-898xzek2z1] {
    width: 100% !important;
}

.title[b-898xzek2z1] {
    margin: 0px 0px 0px 0px;
}

table tr[b-898xzek2z1] {
    font-size: 13px !important;
}

table th[b-898xzek2z1] {
    color: #424242 !important;
    font-weight: 700;
}

table td[b-898xzek2z1] {
    font-weight: 600;
}
.SubTitle[b-898xzek2z1] {
    margin: 20px 0px 20px 10px;
}

tr:nth-child(even) td[b-898xzek2z1] {
    background-color: #c5dff1 !important;
}

.btn-brokerManagement[b-898xzek2z1], .btn-delete[b-898xzek2z1] {
    padding: 5px 13px;
}

.btn-dark[b-898xzek2z1] {
    padding: 5px 10px !important;
}

.btn-brokerManagement[b-898xzek2z1] {
    margin-right: 5px;
}

.btn-dark[b-898xzek2z1] {
    margin-bottom: 10px;
}

.oi-trash[b-898xzek2z1] {
    margin-left: 1px;
}

.sticky-column[b-898xzek2z1] {
    min-width: 100px;
    max-width: 150px;
    right: 0px;
}

.action-col[b-898xzek2z1], .item-col[b-898xzek2z1], .no-col[b-898xzek2z1], .state-col[b-898xzek2z1] {
    min-width: 100px;
    max-width: 150px;
}

.name-col[b-898xzek2z1] {
    min-width: 200px;
    max-width: 250px;
}

.insured-col[b-898xzek2z1], .expiry-col[b-898xzek2z1] {
    min-width: 125px;
    max-width: 175px;
}
/* /Pages/Broker/BrokerAgentOperatingAccountInfo.razor.rz.scp.css */
.BlueSeparator[b-vzlig6fut0] {
    padding: 0px 0px 5px 0px !important;
    border-bottom: 0.1px solid #b8e2ff;
    width: 100% !important;
}

[b-vzlig6fut0] .mud-input > input.mud-input-root, div.mud-input-slot.mud-input-root[b-vzlig6fut0] {
    height: 14px !important;
    border-radius: .25rem !important;
}

[b-vzlig6fut0] .mud-input-control.mud-input-control-margin-dense {
    margin: 1px 0px 0px 0px !important;
}

@media screen and (max-width: 767.98px) {
    .remove-margin[b-vzlig6fut0] {
        margin-left: 0 !important;
    }
}

@media screen and (min-width: 767.98px) {
    .remove-margin[b-vzlig6fut0] {
        margin-top: 0 !important;
    }
}
/* /Pages/Broker/BrokerAgentTrustAccountInfo.razor.rz.scp.css */
.BlueSeparator[b-lc4i17cmo1] {
    padding: 0px 0px 5px 0px !important;
    border-bottom: 0.1px solid #b8e2ff;
    width: 100% !important;
}

[b-lc4i17cmo1] .mud-input > input.mud-input-root, div.mud-input-slot.mud-input-root[b-lc4i17cmo1] {
    height: 14px !important;
    border-radius: .25rem !important;
}

[b-lc4i17cmo1] .mud-input-control.mud-input-control-margin-dense {
    margin: 1px 0px 0px 0px !important;
}

@media screen and (max-width: 767.98px) {
    .remove-margin[b-lc4i17cmo1] {
        margin-left: 0 !important;
    }
}

@media screen and (min-width: 767.98px) {
    .remove-margin[b-lc4i17cmo1] {
        margin-top: 0 !important;
    }
}
/* /Pages/Broker/BrokerBrowseHeader.razor.rz.scp.css */
/* /Pages/Broker/BrokerBrowsePagination.razor.rz.scp.css */
.page-item[b-40lfqzdq5o], .list-unstyled[b-40lfqzdq5o] {
    display: inline-block;
    margin: 0 5px;
}

    .page-item a[b-40lfqzdq5o] {
        display: inline-block;
        padding: 8px 15px;
        overflow: hidden;
        color: #333;
        border-radius: 5%;
        text-decoration: none;
        transition: background-color 0.1s ease, color 0.1s ease;
    }

    .page-item.active a[b-40lfqzdq5o] {
        background-color: var(--primaryColor);
        color: white;
    }

    .page-item:hover:not(.active) a[b-40lfqzdq5o] {
        background-color: var(--lightGray);
        color: white;
    }


.icons[b-40lfqzdq5o] {
    width: 20px;
}


.disabled[b-40lfqzdq5o] {
    margin: 0 5px;
    padding: 0px 0px;
    border-radius: 5px;
    text-decoration: none !important;
    color: darkgray;
}

    .disabled .icons[b-40lfqzdq5o] {
        filter: brightness(0.1) invert(0.5) !important;
    }

    .disabled:hover .icons[b-40lfqzdq5o] {
        cursor: not-allowed;
    }


.pagination-container[b-40lfqzdq5o] {
    max-width: 100%;
    overflow-x: auto;
    white-space: nowrap;
}

@media (max-width: 576px) {
    .pagination-container[b-40lfqzdq5o] {
        margin-top: 5px;
        overflow-x: scroll;
    }
}
/* /Pages/Broker/BrokerBrowseSearch.razor.rz.scp.css */
.brokerBrowseSearch[b-k66u4isqtw] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.input-text[b-k66u4isqtw] {
    margin: 1px 0px 0px 1px
}

.row[b-k66u4isqtw] {
    flex: 2;
    justify-content: flex-end;
}

.search-icon[b-k66u4isqtw] {
    width: 15px;
}

.btn-dark[b-k66u4isqtw] {
    margin-top: 0.5px;
    padding: 5px 13px !important;
    height: 35px;
    border-start-start-radius: 0px;
    border-end-start-radius: 0px;
}


/* --- Dropdown --- */


.dropdown-option[b-k66u4isqtw] {
    display: flex;
}


/* --- Input Text --- */
.form-control-sm[b-k66u4isqtw] {
    margin-top: 1px;
    height: 40px !important;
}


.CustomSelect[b-k66u4isqtw] {
    -webkit-appearance: menulist-button;
    appearance: menulist-button;
    border-start-end-radius: 0px;
    border-end-end-radius: 0px;
    margin-right: -2px;
    height: 35px !important;
}




/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------- SMALL PHONE VIEWPORT ------------------------------------------------------ */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */

@media only screen and (max-width:576px) {
    .brokerBrowseSearch[b-k66u4isqtw] {
        display: flex;
        flex-direction: column;
    }

    .row[b-k66u4isqtw] {
        margin-top: 20px;
    }
}


/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------- BIGGER PHONE VIEWPORT ----------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */


@media (min-width: 576px) and (max-width: 767.98px) {

    .brokerBrowseSearch[b-k66u4isqtw] {
        display: flex;
        flex-direction: column;
    }

    .row[b-k66u4isqtw] {
        margin-top: 20px;
    }
}

/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------- TABLET VIEWPORT -------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */


@media (min-width: 768px) and (max-width: 991.98px) {

    .dropdown-option[b-k66u4isqtw] {
        width: 80%;
    }
}


/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------- LAPTOP AND SMALLER DESKTOP  ------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */

@media screen and (min-width:992px) and (max-width: 1199px) {

    .dropdown-option[b-k66u4isqtw] {
        width: 80%;
    }
}

/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------  DESKTOP  ------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */


@media (min-width: 1200px) and (max-width: 1499px) {

    .dropdown-option[b-k66u4isqtw] {
        width: 50%;
    }
}

/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------- ULTRAWIDE DESKTOP ------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */

@media (min-width: 1500px) {

    .dropdown-option[b-k66u4isqtw] {
        width: 50%;
    }
}
/* /Pages/Broker/BrokerCarrierInfo.razor.rz.scp.css */
tr[b-axhf3s50s8] {
    font-size: 13px;
    font-weight: 600;
}


.ItemCol[b-axhf3s50s8] {
    min-width: 50px;
    max-width: 120px;
}

.action-col[b-axhf3s50s8] {
    min-width: 50px;
    max-width: 100px;
}

.carrier-col[b-axhf3s50s8], .coverage-col[b-axhf3s50s8] {
    min-width: 180px;
    max-width: 200px;
}

.commission-col[b-axhf3s50s8]{
    min-width: 80px;
    max-width: 120px;
}


.table-container-scroll[b-axhf3s50s8] {
    max-height: 219px;
    overflow-y: auto;
}

thead[b-axhf3s50s8] {
    position: sticky;
    top: -1px;
    z-index: 1;
}

[b-axhf3s50s8] .mud-checkbox {
    justify-content: center !important;
}
/* /Pages/Broker/BrokerNavMenu.razor.rz.scp.css */
.sub-menu[b-k70uhypk1e] {
    background: #333333;
    color: white;
    height: 98vh !important;
    border-radius: 3px;
    box-shadow: 0px 4px 2px rgba(0,0,0,0.3);
    margin: 7.5px 0 10px 7.5px;
}

.ButtonGroupDiv[b-k70uhypk1e] {
    display: flex;
    flex-direction: column;
    width: 100%;
    justify-content: center !important;
    position: absolute;
    bottom: 40px;
    padding-right: 7.5px;
}

.ValidationParentDiv[b-k70uhypk1e] {
    margin: 10px 10px 0px 10px !important;
}

.ScrollerDiv[b-k70uhypk1e] {
    max-height: 875px !important;
    overflow-y: auto;
    width: 100%;
}

.LoadingIndicator[b-k70uhypk1e] {
    width: 15px !important;
    margin-left: 10px;
}

.DivBorder[b-k70uhypk1e] {
    border-bottom: 1px solid white !important;
    width: 100% !important;
}


.title[b-k70uhypk1e] {
    font-size: 15px;
    color: white !important;
    padding: 20px 0px 10px 0px !important;
    text-align: start;
    font-weight: 700;
}

.RedBanner[b-k70uhypk1e] {
    background: var(--red);
    border-start-start-radius: 3px;
    border-start-end-radius: 3px;
}

.ValidationText[b-k70uhypk1e] {
    margin-left: 5px;
    font-weight: 300;
    padding: 5px;
    color: white !important;
    font-size: 13px;
    margin-bottom: 3px;
}

.ValidationContainer[b-k70uhypk1e] {
    padding: 0px;
    border: 1px var(--lightGray) solid;
    border-top: none !important;
    transition: background-color 0.1s;
}

    .ValidationContainer:hover[b-k70uhypk1e] {
        background: rgb(30, 27, 24);
        cursor: pointer;
        border-top: 1px black solid;
        border-bottom: 1px black solid;
    }

        .ValidationContainer:hover .ValidationText[b-k70uhypk1e] {
            color: white !important;
            font-weight: 600
        }

.IconCircle[b-k70uhypk1e] {
    border-radius: 25px;
    width: 23px;
    height: 23px;
    background-color: #333333;
    border: 2px white solid;
    margin-left: 10px;
}

.icon[b-k70uhypk1e] {
    font-size: 14px;
    color: white !important;
}

.TextHeader[b-k70uhypk1e] {
    padding: 5px;
    font-size: 13px;
    font-weight: 700;
    margin-top: 8px;
    margin-bottom: 7px;
}

.ReminderText[b-k70uhypk1e] {
    margin-left: 10px;
    margin-top: 2px;
    margin-bottom: 5px;
    font-size: 13px;
    padding: 5px;
}

.ReminderContainer[b-k70uhypk1e] {
    border-top: 0.5px black solid;
    border-bottom: 0.5px black solid;
    height: 35px;
}



/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------- RESPONSIVENESS -------------------------------------------------------- */
/* -------------- PLEASE MATCH YOUR CSS ACCORDING TO THE VIEWPORT DO NOT CREATE ANOTHER TO AVOID CONFLICT RESPONSIVENESS ---------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */





/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------- SMALL PHONE VIEWPORT ------------------------------------------------------ */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */

@media only screen and (max-width:576px) {
    .sub-menu[b-k70uhypk1e] {
        margin: 20px 10px 40px 10px;
        padding-bottom: 10px;
        height: auto !important;
    }

    .ScrollerDiv[b-k70uhypk1e] {
        max-height: 200px !important;
        overflow-y: auto;
        width: 100%;
    }

    .ButtonGroupDiv[b-k70uhypk1e] {
        position: inherit;
    }
}


/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------- BIGGER PHONE VIEWPORT ----------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */


@media (min-width: 576px) and (max-width: 767.98px) {

    .sub-menu[b-k70uhypk1e] {
        margin: 20px 10px 40px 10px;
        padding-bottom: 10px;
        height: auto !important;
    }

    .ScrollerDiv[b-k70uhypk1e] {
        max-height: 250px !important;
        overflow-y: auto;
        width: 100%;
    }

    .ButtonGroupDiv[b-k70uhypk1e] {
        position: inherit;
    }
}

/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------- TABLET VIEWPORT -------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */


@media (min-width: 768px) and (max-width: 991px) {
    .sub-menu[b-k70uhypk1e] {
        margin: 20px 10px 40px 10px;
        padding-bottom: 10px;
        height: auto !important;
    }

    .ScrollerDiv[b-k70uhypk1e] {
        max-height: 250px !important;
        overflow-y: auto;
        width: 100%;
    }

    .ButtonGroupDiv[b-k70uhypk1e] {
        position: inherit;
    }
}


/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------- LAPTOP AND SMALLER DESKTOP  ------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */

@media (min-width:992px) and (max-width: 1199px) {

    .sub-menu[b-k70uhypk1e] {
        margin: 20px 10px 40px 10px;
        padding-bottom: 10px;
        height: auto !important;
    }


    .ScrollerDiv[b-k70uhypk1e] {
        max-height: 250px !important;
        overflow-y: auto;
        width: 100%;
    }

    .ButtonGroupDiv[b-k70uhypk1e] {
        position: inherit;
    }
}

/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------  DESKTOP  ------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */


@media (min-width: 1200px) and (max-width: 1499px) {
}

/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------- ULTRAWIDE DESKTOP ------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */

@media (min-width: 1500px) {
}



/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------- MUDBLAZOR OVERRIDE ------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */

[b-k70uhypk1e] .mud-button-group-filled.mud-button-group-override-styles.mud-button-group-filled-primary .mud-button-root {
    color: white !important;
    background-color: var(--primaryColor) !important;
    width: 48% !important;
    border-radius: 0px;
    padding: 8px 8px !important;
}


[b-k70uhypk1e] .mud-button-group-horizontal:not(.mud-button-group-rtl) > .mud-button-root:not(:last-child), .mud-button-group-horizontal:not(.mud-button-group-rtl) > :not(:last-child) .mud-button-root[b-k70uhypk1e] {
    border-start-start-radius: 5px;
    border-end-start-radius: 5px;
}

[b-k70uhypk1e] .mud-button-group-horizontal:not(.mud-button-group-rtl) > .mud-button-root:not(:first-child), .mud-button-group-horizontal:not(.mud-button-group-rtl) > :not(:first-child) .mud-button-root[b-k70uhypk1e] {
    border-start-end-radius: 5px;
    border-end-end-radius: 5px;
}
/* /Pages/Broker/ContactNameLicenseInfo.razor.rz.scp.css */
.title[b-wglelgboae] {
    margin-top: -25px;
}

.header-data[b-wglelgboae] {
    margin: 0px 0px 0px 20px;
}

.header-top[b-wglelgboae] {
    margin: 20px 0px -15px 0px;

}
.name[b-wglelgboae] {
    margin-left: 10px;
    margin-right: 10px;
}

.data[b-wglelgboae] {
    margin-left: 10px;
    margin-top: -2px;
    font-size: 13px !important;
    font-weight: 500;
}

.group[b-wglelgboae] {
    margin-left: 20px;
    margin-right: 10px;
}

.name-search[b-wglelgboae], .group-search[b-wglelgboae] {
    margin: 10px;
    height: 20px;
}

.group-search[b-wglelgboae] {
    margin-top: 10px;
}

.license-state-info[b-wglelgboae] {
    margin: 25px 0px 10px 0px;
}

.license-state-form[b-wglelgboae] {
    margin: 0px 30px;
}

.license-name[b-wglelgboae] {
    margin-left: 30px;
    margin-right: 10px;
}

.state[b-wglelgboae] {
    margin-left: 20px;
    margin-right: 10px;
}

.alert-days[b-wglelgboae] {
    margin-top: 20px;
}

.license-alert-days[b-wglelgboae] {
    margin-left: 10px;
}

.CustomSelect[b-wglelgboae] {
    margin-right: 0px !important;
    height: 42px;
}

.resident-form[b-wglelgboae] {
    align-self: center;
    margin-top: 23px;
}

.radio-button[b-wglelgboae] {
    margin-top: 0px;
    margin-left: 12px;
}

input[type=checkbox][b-wglelgboae] {
    margin-top: 0px;
    margin-left: 10px;
    transform: scale(1.3);
}

.button-group[b-wglelgboae] {
    display: flex;
    justify-content: flex-end;
    margin: 30px 10px 0px 10px;
}

.btn-brokerManagement-clear[b-wglelgboae] {
    border: 1px solid var(--primaryColor);
    color: var(--primaryColor);
    transition-duration: 400ms;
    margin-right: 10px;
}

    .btn-brokerManagement-clear:hover[b-wglelgboae] {
        opacity: 0.8;
        transition-duration: 400ms;
    }

    .height-9[b-wglelgboae]{
        height: 9px
    }


/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------- SMALL PHONE VIEWPORT ------------------------------------------------------ */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */

@media only screen and (max-width:576px) {

    .license-state-info[b-wglelgboae] {
        margin: 10px 0px 5px -15px;
    }

    .header-top[b-wglelgboae] {
        margin: 30px 0px 0px -15px;
    }


    .broker-search[b-wglelgboae], .group-search[b-wglelgboae], .name-search[b-wglelgboae], .state-search[b-wglelgboae], .license-no[b-wglelgboae], .expiry-date[b-wglelgboae] {
        margin: 5px 0px;
    }

    .name-search[b-wglelgboae] {
        margin-bottom: 15px;
    }

    .checkbox-group[b-wglelgboae], .radio-group[b-wglelgboae] {
        margin: -5px -20px;
    }
}


/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------- BIGGER PHONE VIEWPORT ----------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */


@media (min-width: 576px) and (max-width: 767.98px) {
  
}
/* /Pages/Broker/ContactNameLicenseList.razor.rz.scp.css */
.contact-list[b-x2d3vxfj4z] {
    margin: 30px 0px 0px 20px;
}

.title[b-x2d3vxfj4z] {
    margin: 0px 0px 0px 0px;
}

.SubTitle[b-x2d3vxfj4z] {
    margin: 20px 0px 20px 10px;
}

tr:nth-child(even) td[b-x2d3vxfj4z] {
    background-color: #c5dff1 !important;
}

.btn-brokerManagement[b-x2d3vxfj4z], .btn-delete[b-x2d3vxfj4z] {
    padding: 5px 13px;
}

.btn-brokerManagement[b-x2d3vxfj4z] {
    margin-right: 5px;
}

.btn-dark[b-x2d3vxfj4z] {
    margin-left: 10px;
}

.oi-trash[b-x2d3vxfj4z] {
    margin-left: 1px;
}

.sticky-column[b-x2d3vxfj4z] {
    min-width: 100px;
    max-width: 150px;
    right: 0px;
}

.action-col[b-x2d3vxfj4z], .item-col[b-x2d3vxfj4z], .no-col[b-x2d3vxfj4z], .state-col[b-x2d3vxfj4z] {
    min-width: 100px;
    max-width: 150px;
}

.name-col[b-x2d3vxfj4z] {
    min-width: 200px;
    max-width: 250px;
}

.insured-col[b-x2d3vxfj4z], .expiry-col[b-x2d3vxfj4z] {
    min-width: 125px;
    max-width: 175px;
}

/* /Pages/Broker/MainBrokerAgent.razor.rz.scp.css */
.button-group[b-al3p4ivcij] {
    display: flex;
    justify-content: center;
    text-align: center;
    margin-left: 320px;
}

.btn[b-al3p4ivcij] {
    margin: 10px 0px;
    padding: 6px 13px;
    font-size: 13px;
}

.btn-brokerManagement-clear[b-al3p4ivcij] {
    border: 1px solid var(--primaryColor);
    color: var(--primaryColor);
    transition-duration: 400ms;
}

    .btn-brokerManagement-clear:hover[b-al3p4ivcij] {
        cursor: pointer;
        opacity: 0.8;
        transition-duration: 400ms;
    }

    .btn-brokerManagement-clear:disabled[b-al3p4ivcij] {
        opacity: 0.7;
    }


.sidebar[b-al3p4ivcij] {
    width: 310px !important;
}

.BrokerNavMenu[b-al3p4ivcij] {
    position: fixed;
    margin-top: -82px;
    margin-left: -5px;
}


/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------- RESPONSIVENESS -------------------------------------------------------- */
/* -------------- PLEASE MATCH YOUR CSS ACCORDING TO THE VIEWPORT DO NOT CREATE ANOTHER TO AVOID CONFLICT RESPONSIVENESS ---------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */


@media only screen and (max-width: 1199px) {

    .BrokerNavMenu[b-al3p4ivcij] {
        position: initial;
        margin-top: 0px;
    }

    .sidebar[b-al3p4ivcij] {
        width: 100% !important;
    }
}

/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------- SMALL PHONE VIEWPORT ------------------------------------------------------ */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */

@media only screen and (max-width:576px) {
    .BrokerNavMenu[b-al3p4ivcij] {
        position: initial !important;
        margin-top: 5px;
    }
}


/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------- BIGGER PHONE VIEWPORT ----------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */


@media (min-width: 576px) and (max-width: 767.98px) {
    .BrokerNavMenu[b-al3p4ivcij] {
        position: initial !important;
        margin-top: 5px;
    }
}

/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------- TABLET VIEWPORT -------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */


@media (min-width: 768px) and (max-width: 991.98px) {

    .BrokerNavMenu[b-al3p4ivcij] {
        position: initial !important;
        margin-top: 5px;
    }
}

/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------- LAPTOP AND SMALLER DESKTOP  ------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */

@media screen and (min-width:992px) and (max-width: 1199px) {
    .BrokerNavMenu[b-al3p4ivcij] {
        position: initial;
        margin-top: 5px;
    }
}

/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------  DESKTOP  ------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */


@media (min-width: 1200px) and (max-width: 1499px) {
    .BrokerNavMenu[b-al3p4ivcij] {
        position: fixed;
        margin-top: -80px;
    }
}

/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------- ULTRAWIDE DESKTOP ------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */

@media (min-width: 1500px) {
}
/* /Pages/Broker/MainBrokerBrowse.razor.rz.scp.css */

/* Global CSS Override  */

table[b-0clcq49pwk] {
    font-size: 14px;
    font-weight: 600;
}

.icon[b-0clcq49pwk] {
    margin-left: 0px;
    margin-top: -3px;
}

th[b-0clcq49pwk] {
    font-weight: 800;
}

/* Component CSS */

.Header[b-0clcq49pwk] {
    margin-left: 20px;
    margin-top: 0px;
    margin-bottom: 30px;
}

.HeaderTable[b-0clcq49pwk] {
    color: var(--primaryColor);
    font-size: 20px;
    font-weight: 700;
}

.CenteredContent[b-0clcq49pwk] {
    border-top: 1px solid #808080;
    padding: 30px 0px 0px 0px;
    margin: 50px 0px 0px 0px !important;
}

.LoadingIndicator[b-0clcq49pwk] {
    width: 10px;
}

.TopNavBrokerBrowse[b-0clcq49pwk] {
    display: flex;
    justify-content: space-between;
    align-content: center;
    margin: 20px 0px 10px 0px;
}

.ButtonSection[b-0clcq49pwk] {
    flex-grow: 1;
}

.brokerBrowseSearch-section[b-0clcq49pwk] {
    flex-grow: 10;
}

.btn-dark[b-0clcq49pwk] {
    padding: 5px 10px;
    font-size: 13px;
}

.btn-delete:disabled:hover[b-0clcq49pwk] {
    cursor: not-allowed;
}


.btn-brokerManagement[b-0clcq49pwk] {
    margin-right: 5px;
    padding: 3px 8px 3px 10px;
}

.confirm-back[b-0clcq49pwk] {
    margin-right: 5px;
}

.confirm-check[b-0clcq49pwk] {
    margin-right: -15px;
}

tr:nth-child(odd) td.action-col[b-0clcq49pwk] {
    background-color: #fff !important;
    white-space: normal;
}

.sticky-column-last[b-0clcq49pwk] {
    min-width: 100px;
    max-width: 150px;
    right: 0;
}

.name-col[b-0clcq49pwk], .address-col[b-0clcq49pwk] {
    min-width: 200px;
    max-width: 250px;
}

.group-col[b-0clcq49pwk] {
    min-width: 85px;
    max-width: 100px;
}

.item-col[b-0clcq49pwk], .action-col[b-0clcq49pwk] {
    min-width: 60px;
    max-width: 100px;
}

/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------- SMALL AND BIG PHONE VIEWPORT ---------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
@media (max-width: 767px) {
    .TopNavBrokerBrowse[b-0clcq49pwk] {
        display: flex;
        flex-direction: column;
        align-items: center;
    }
}

@media only screen and (max-width: 1399px) {
    .name-col[b-0clcq49pwk], .address-col[b-0clcq49pwk] {
        min-width: 350px;
        max-width: 400px;
    }

    .group-col[b-0clcq49pwk] {
        min-width: 130px;
        max-width: 180px;
    }

    .action-col[b-0clcq49pwk] {
        min-width: 100px;
        max-width: 150px;
    }

    .item-col[b-0clcq49pwk] {
        min-width: 75px;
        max-width: 100px;
    }
}
/* /Pages/Broker/MainContactName.razor.rz.scp.css */

/* Header Information */
.title[b-1p40v6go6y] {
    margin-top: -25px;
}

.header-data[b-1p40v6go6y] {
    margin: 0px 0px 0px 15px;
}

.header-top[b-1p40v6go6y] {
    margin: 25px 0px -10px 0px;
}

.InputCheck[b-1p40v6go6y] {
    margin-top: 0px !important;
}

/* Contact Information */
.contact-information[b-1p40v6go6y] {
    margin: 25px 0px 0px 5px;
}

    .header-data[b-1p40v6go6y] {
        margin-top: 20px;
    }

.first-name[b-1p40v6go6y], .email[b-1p40v6go6y], .address[b-1p40v6go6y], .phone[b-1p40v6go6y] {
    margin-left: 10px;
    margin-right: 10px;
}

.data[b-1p40v6go6y] {
    margin-left: 10px;
    margin-top: -1px;
    font-size: 13px;
    font-weight: 500;
}

.last-name[b-1p40v6go6y], .department[b-1p40v6go6y] {
    margin-left: 20px;
    margin-right: 10px;
}

.CaptionFormGroup[b-1p40v6go6y] {
    margin-left: -10px;
}

.first-name-search[b-1p40v6go6y], .last-name-search[b-1p40v6go6y], .dept-search[b-1p40v6go6y], .title-search[b-1p40v6go6y] {
    margin: 10px;
}

.last-name-search[b-1p40v6go6y] {
    margin-top: 10px;
}

.exclude-email[b-1p40v6go6y] {
    margin-left: 20px;
    align-self: center;
    margin-top: 15px;
}

.checkbox-caption[b-1p40v6go6y] {
    margin-left: 20px;
}

.button-group[b-1p40v6go6y] {
    display: flex;
    justify-content: flex-end;
    margin: 30px 10px 0px 10px;
}

.btn-brokerManagement-clear[b-1p40v6go6y] {
    border: 1px solid var(--primaryColor);
    color: var(--primaryColor);
    transition-duration: 400ms;
    margin-right: 10px;
}

    .btn-brokerManagement-clear:hover[b-1p40v6go6y] {
        opacity: 0.8;
        transition-duration: 400ms;
    }

.BlueSeparator[b-1p40v6go6y] {
    margin-top: -4px;
}

[b-1p40v6go6y] .mud-input.mud-input-outlined:focus-within .mud-input-outlined-border {
    border-color: var(--primaryColor) !important;
}


@media only screen and (max-width: 767px) {
    .exclude-email[b-1p40v6go6y] {
        text-align: start;
    }
}


@media only screen and (max-width: 991px) {
    .header-data[b-1p40v6go6y] {
        display: flex;
        flex-direction: column;
    }
}
/* /Pages/Carrier/CarrierBrowsePagination.razor.rz.scp.css */
.page-item[b-9p7v5qrp2k], .list-unstyled[b-9p7v5qrp2k] {
    display: inline-block;
    margin: 0 5px;
}

    .page-item a[b-9p7v5qrp2k] {
        display: inline-block;
        padding: 8px 15px;
        overflow: hidden;
        color: #333;
        border-radius: 5%;
        text-decoration: none;
        transition: background-color 0.1s ease, color 0.1s ease;
    }

    .page-item.active a[b-9p7v5qrp2k] {
        background-color: var(--primaryColor);
        color: white;
    }

    .page-item:hover:not(.active) a[b-9p7v5qrp2k] {
        background-color: var(--lightGray);
        color: white;
    }



.icons[b-9p7v5qrp2k] {
    width: 20px;
}


.disabled[b-9p7v5qrp2k] {
    margin: 0 5px;
    padding: 0px 0px;
    border-radius: 5px;
    text-decoration: none !important;
    color: darkgray;
}

    .disabled .icons[b-9p7v5qrp2k] {
        filter: brightness(0.1) invert(0.5) !important;
    }

    .disabled:hover .icons[b-9p7v5qrp2k] {
        cursor: not-allowed;
    }


.pagination-container[b-9p7v5qrp2k] {
    max-width: 100%;
    overflow-x: auto;
    white-space: nowrap;
}

@media (max-width: 576px) {
    .pagination-container[b-9p7v5qrp2k] {
        margin-top: 5px;
        overflow-x: scroll;
    }
}
/* /Pages/Carrier/CarrierBrowseSearch.razor.rz.scp.css */
.carrierBrowseSearch[b-yxgl3h16ld] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.input-text[b-yxgl3h16ld] {
    margin: 1px -1px 1px 1px;
}

.row[b-yxgl3h16ld] {
    flex: 2;
    justify-content: flex-end;
}

.search-icon[b-yxgl3h16ld] {
    width: 15px;
}

.btn-dark[b-yxgl3h16ld] {
    margin-top: 0.5px;
    padding: 5px 13px !important;
    height: 35px;
    border-start-start-radius: 0px;
    border-end-start-radius: 0px;
}

h3[b-yxgl3h16ld] {
    font-size: 25px;
    font-weight: 900;
    margin: 10px 0px 20px 10px;
}

/* --- Dropdown --- */


.dropdown-option[b-yxgl3h16ld] {
    display: flex;
}


/* --- Input Text --- */
.form-control-sm[b-yxgl3h16ld] {
    margin-top: 1px;
    height: 40px !important;
}


.CustomSelect[b-yxgl3h16ld] {
    -webkit-appearance: menulist-button;
    appearance: menulist-button;
    height: 35px !important;
    margin-top: 1px !important;
    margin-right: -2px !important;
    border-end-end-radius: 0px;
    border-start-end-radius: 0px;
}




/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------- SMALL PHONE VIEWPORT ------------------------------------------------------ */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */

@media only screen and (max-width:576px) {
    .carrierBrowseSearch[b-yxgl3h16ld] {
        display: flex;
        flex-direction: column;
    }

    .row[b-yxgl3h16ld] {
        margin-top: 20px;
    }
}


/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------- BIGGER PHONE VIEWPORT ----------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */


@media (min-width: 576px) and (max-width: 767.98px) {

    .carrierBrowseSearch[b-yxgl3h16ld] {
        display: flex;
        flex-direction: column;
    }

    .row[b-yxgl3h16ld] {
        margin-top: 20px;
    }
}

/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------- TABLET VIEWPORT -------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */


@media (min-width: 768px) and (max-width: 991.98px) {

    .dropdown-option[b-yxgl3h16ld] {
        width: 80%;
    }
}


/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------- LAPTOP AND SMALLER DESKTOP  ------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */

@media screen and (min-width:992px) and (max-width: 1199px) {

    .dropdown-option[b-yxgl3h16ld] {
        width: 80%;
    }
}

/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------  DESKTOP  ------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */


@media (min-width: 1200px) and (max-width: 1499px) {

    .dropdown-option[b-yxgl3h16ld] {
        width: 50%;
    }
}

/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------- ULTRAWIDE DESKTOP ------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */

@media (min-width: 1500px) {

    .dropdown-option[b-yxgl3h16ld] {
        width: 50%;
    }
}
/* /Pages/Carrier/CarrierInformation.razor.rz.scp.css */
/* Global CSS */

.caption[b-rc60kvyfq8] {
    margin-right: 10px !important;
    white-space: nowrap;
}

.title[b-rc60kvyfq8] {
    margin-left: -5px;
}

.HeaderCaption[b-rc60kvyfq8] {
    margin-top: -100px;
    margin-left: -10px;
}

/* Override CSS Component */

.CarrierInformation[b-rc60kvyfq8] {
    margin-bottom: 70px !important;
}

.PaymentBillingSelect[b-rc60kvyfq8] {
    width: 250px !important;
}

.StatusDiv[b-rc60kvyfq8] {
    display: flex;
    margin-left: 100px !important;
}

.DicQuoteDiv[b-rc60kvyfq8], .DicMaxDiv[b-rc60kvyfq8] {
    width: 30% !important;
}

.Tier[b-rc60kvyfq8] {
    margin: 0px 60px 0px 30px !important
}

.TierSelect[b-rc60kvyfq8] {
    width: 30% !important;
    margin-top: -5px;
    margin-bottom: -3px;
}

#MandatoryCarrier[b-rc60kvyfq8] {
    width: 130px !important;
}


.separator[b-rc60kvyfq8] {
    border-top: 0.1px solid #b8e2ff;
}

.CompanyType[b-rc60kvyfq8] {
    display: flex;
}

.RadioLabel[b-rc60kvyfq8] {
    margin-left: 8px !important;
    margin-top: 2px !important;
    font-weight: 500;
}

.RadioTitle[b-rc60kvyfq8] {
    margin-left: 8px !important;
    margin-top: 2px !important;
    font-weight: 700;
}

.ActiveDiv[b-rc60kvyfq8], .ReferredDiv[b-rc60kvyfq8], .InactiveDiv[b-rc60kvyfq8] {
    box-sizing: border-box;
}

.InactiveDiv[b-rc60kvyfq8] {
    flex: 1 0 10px;
    margin-left: 20px !important;
}

.ReferredDiv[b-rc60kvyfq8] {
    flex: 0.5 1 10px;
    margin-left: 20px !important;
}

.CustomSelect[b-rc60kvyfq8] {
    width: 100%;
}

.CompanyFee[b-rc60kvyfq8] {
    width: 100% !important;
}

.assigned-to[b-rc60kvyfq8], .payment-terms[b-rc60kvyfq8] {
    width: 100%;
}

.form-check-input[b-rc60kvyfq8] {
    margin-bottom: 3px
}

[b-rc60kvyfq8] .mud-input.mud-input-outlined {
    width: 60% !important;
}


/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------- SMALL PHONE VIEWPORT ------------------------------------------------------ */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
@media only screen and (max-width:576px) {
    .HeaderCaption[b-rc60kvyfq8] {
        margin-left: 5px;
        margin-top: -54px;
    }

    .CompanyType[b-rc60kvyfq8] {
        flex-direction: column;
    }

    .DicQuoteDiv[b-rc60kvyfq8], .DicMaxDiv[b-rc60kvyfq8], .CompanyURL[b-rc60kvyfq8], .AlternateURL[b-rc60kvyfq8] {
        width: 100% !important;
    }

    .CustomSelect[b-rc60kvyfq8] {
        width: 100%;
    }

    .SyndicateDiv[b-rc60kvyfq8], .PseudonymDiv[b-rc60kvyfq8] {
        width: 100% !important;
    }

    .SyndicateDiv[b-rc60kvyfq8] {
        margin: 10px 0px;
    }

    .TierSelect[b-rc60kvyfq8] {
        width: 100% !important;
    }

    [b-rc60kvyfq8] .mud-input.mud-input-outlined {
        width: 100% !important;
    }
}


/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------- BIGGER PHONE VIEWPORT ----------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */


@media (min-width: 576px) and (max-width: 767.98px) {

    .HeaderCaption[b-rc60kvyfq8] {
        margin-left: 5px;
        margin-top: -64px;
    }

    .CompanyType[b-rc60kvyfq8] {
        flex-direction: column;
    }

    .DicQuoteDiv[b-rc60kvyfq8], .DicMaxDiv[b-rc60kvyfq8], .CompanyURL[b-rc60kvyfq8], .AlternateURL[b-rc60kvyfq8] {
        width: 100% !important;
    }

    .CustomSelect[b-rc60kvyfq8] {
        width: 100%;
    }

    .SyndicateDiv[b-rc60kvyfq8], .PseudonymDiv[b-rc60kvyfq8] {
        width: 100% !important;
    }

    .TriaDiv[b-rc60kvyfq8] {
        margin-left: -20px !important;
    }

    .TierSelect[b-rc60kvyfq8] {
        width: 100% !important;
    }

    [b-rc60kvyfq8] .mud-input.mud-input-outlined {
        width: 100% !important;
    }
}


/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------- TABLET VIEWPORT -------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */


@media (min-width: 768px) and (max-width: 991.98px) {

    .HeaderCaption[b-rc60kvyfq8] {
        margin-top: -60px;
    }

    .CustomSelect[b-rc60kvyfq8] {
        width: 100%;
    }

    .CompanyType[b-rc60kvyfq8] {
        flex-direction: column;
    }

    .DicQuoteDiv[b-rc60kvyfq8], .DicMaxDiv[b-rc60kvyfq8], .CompanyURL[b-rc60kvyfq8], .AlternateURL[b-rc60kvyfq8] {
        width: 100% !important;
    }

    .RateDiv[b-rc60kvyfq8] {
        width: 100% !important;
    }

    .SyndicateDiv[b-rc60kvyfq8], .PseudonymDiv[b-rc60kvyfq8] {
        width: 100% !important;
    }
}


/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------- LAPTOP/SMALL DESKTOP VIEWPORT ------------------------------------------ */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */

@media (min-width: 992px) and (max-width: 1199px) {

    .DicQuoteDiv[b-rc60kvyfq8], .DicMaxDiv[b-rc60kvyfq8], .CompanyURL[b-rc60kvyfq8], .AlternateURL[b-rc60kvyfq8] {
        width: 100% !important;
    }
}



/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------  DESKTOP  ------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */


@media (min-width: 1200px) and (max-width: 1499px) {


    .rate[b-rc60kvyfq8] {
        margin-top: 7px;
    }

    .min-premium[b-rc60kvyfq8] {
        margin-top: 6px;
        margin-bottom: 5px;
        margin-left: 40px;
    }
}


[b-rc60kvyfq8] .mud-input.mud-input-outlined {
    width: 100% !important;
}

[b-rc60kvyfq8] .mud-input-control.mud-input-number-control.mud-input-showspin .mud-input:not(.mud-input-adorned-end).mud-input-outlined input.mud-input-root-margin-dense {
    height: 10px !important;
}

[b-rc60kvyfq8] .mud-input > input.mud-input-root-outlined.mud-input-root-adorned-end, div.mud-input-slot.mud-input-root-outlined.mud-input-root-adorned-end[b-rc60kvyfq8] {
    height: 10px !important;
}
/* /Pages/Carrier/CarrierInformationError.razor.rz.scp.css */

.floating-button[b-nphuh2gk2e] {
    position: fixed;
    bottom: 40px;
    right: 40px;
    background-color: var(--red);
    color: #ffffff;
    border: none;
    border-radius: 5px;
    padding: 2px 10px;
    cursor: pointer;
}

    .floating-button:hover[b-nphuh2gk2e] {
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
    }

.error-count[b-nphuh2gk2e] {
    font-size: 15px;
    font-weight: 500;
    margin-top: 6px;
}
/* /Pages/Carrier/CarrierInformationHeader.razor.rz.scp.css */
.Navigator[b-ofm4bmo2ki] {
    margin-left: 20px;
    margin-top: -40px;
    margin-bottom: 30px;
    font-size: 20px !important;
    font-weight: 800
}

.link-navigate:hover[b-ofm4bmo2ki] {
    cursor: pointer;
}
/* /Pages/Carrier/CarrierNavMenu.razor.rz.scp.css */
.sub-menu[b-7nmqhonfat] {
    background: #333333;
    color: white;
    height: 98vh !important;
    border-radius: 3px;
    box-shadow: 0px 4px 2px rgba(0,0,0,0.3);
    margin: 7.5px 0 10px 14px;
}

.title[b-7nmqhonfat] {
    font-size: 16px;
    color: white !important;
    padding: 20px 0px 10px 0px !important;
    text-align: start;
    font-weight: 600;
}

.ButtonGroupDiv[b-7nmqhonfat] {
    display: flex;
    flex-direction: column;
    width: 100%;
    justify-content: center !important;
    position: absolute;
    bottom: 40px;
    padding-right: 14px;
}

.LoadingIndicator[b-7nmqhonfat] {
    width: 15px !important;
    margin-left: 10px;
}

.ScrollerDiv[b-7nmqhonfat] {
    height: 900px !important;
    overflow-y: auto;
    width: 100%;
}

.RedBanner[b-7nmqhonfat] {
    background: var(--red);
    border-start-start-radius: 3px;
    border-start-end-radius: 3px;
}

.ValidationText[b-7nmqhonfat] {
    margin-left: 5px;
    font-weight: 300;
    padding: 5px;
    color: white !important;
    font-size: 13px;
    margin-bottom: 3px;
}

.ValidationParentDiv[b-7nmqhonfat] {
    margin: 7px 10px !important;
}

.ValidationContainer[b-7nmqhonfat] {
    padding: 0px;
    border: 1px var(--lightGray) solid;
    border-top: none !important;
    transition: background-color 0.1s;
}

    .ValidationContainer:hover[b-7nmqhonfat] {
        background: rgb(30, 27, 24);
        cursor: pointer;
        border-top: 1px black solid;
        border-bottom: 1px black solid;
    }

        .ValidationContainer:hover .ValidationText[b-7nmqhonfat] {
            color: white !important;
            font-weight: 600
        }

.IconCircle[b-7nmqhonfat] {
    border-radius: 25px;
    width: 23px;
    height: 23px;
    background-color: #333333;
    border: 2px white solid;
    margin-left: 10px;
}

.icon[b-7nmqhonfat] {
    font-size: 14px;
    color: white !important;
}

.TextHeader[b-7nmqhonfat] {
    padding: 5px;
    font-size: 13px;
    font-weight: 700;
    margin-top: 8px;
    margin-bottom: 7px;
}

.ReminderText[b-7nmqhonfat] {
    margin-left: 10px;
    margin-top: 2px;
    margin-bottom: 5px;
    font-size: 13px;
    padding: 5px;
}

.ReminderContainer[b-7nmqhonfat] {
    border-top: 0.5px black solid;
    border-bottom: 0.5px black solid;
    height: 35px;
}





/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------- RESPONSIVENESS -------------------------------------------------------- */
/* -------------- PLEASE MATCH YOUR CSS ACCORDING TO THE VIEWPORT DO NOT CREATE ANOTHER TO AVOID CONFLICT RESPONSIVENESS ---------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */





/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------- SMALL PHONE VIEWPORT ------------------------------------------------------ */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */

@media only screen and (max-width:576px) {
    .sub-menu[b-7nmqhonfat] {
        margin: 20px 10px 40px 10px;
        padding-bottom: 10px;
        height: auto !important;
    }

    .ScrollerDiv[b-7nmqhonfat] {
        max-height: 200px !important;
        overflow-y: auto;
        width: 100%;
    }

    .ButtonGroupDiv[b-7nmqhonfat] {
        position: inherit;
    }
}


/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------- BIGGER PHONE VIEWPORT ----------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */


@media (min-width: 576px) and (max-width: 767.98px) {

    .sub-menu[b-7nmqhonfat] {
        margin: 20px 10px 40px 10px;
        padding-bottom: 10px;
        height: auto !important;
    }

    .ScrollerDiv[b-7nmqhonfat] {
        max-height: 250px !important;
        overflow-y: auto;
        width: 100%;
    }

    .ButtonGroupDiv[b-7nmqhonfat] {
        position: inherit;
    }
}

/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------- TABLET VIEWPORT -------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */


@media (min-width: 768px) and (max-width: 991px) {
    .sub-menu[b-7nmqhonfat] {
        margin: 20px 10px 40px 10px;
        padding-bottom: 10px;
        height: auto !important;
    }

    .ScrollerDiv[b-7nmqhonfat] {
        max-height: 250px !important;
        overflow-y: auto;
        width: 100%;
    }

    .ButtonGroupDiv[b-7nmqhonfat] {
        position: inherit;
    }
}


/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------- LAPTOP AND SMALLER DESKTOP  ------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */

@media (min-width:992px) and (max-width: 1199px) {

    .sub-menu[b-7nmqhonfat] {
        margin: -10px 10px 20px 10px;
        padding-bottom: 10px;
        height: auto !important;
    }

    .ScrollerDiv[b-7nmqhonfat] {
        max-height: 250px !important;
        overflow-y: auto;
        width: 100%;
    }

    .ButtonGroupDiv[b-7nmqhonfat] {
        position: inherit;
    }
}

/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------  DESKTOP  ------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */


@media (min-width: 1200px) and (max-width: 1499px) {
}

/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------- ULTRAWIDE DESKTOP ------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */

@media (min-width: 1500px) {
}


/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------- MUDBLAZOR OVERRIDE ------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */

[b-7nmqhonfat] .mud-button-group-filled.mud-button-group-override-styles.mud-button-group-filled-primary .mud-button-root {
    color: white !important;
    background-color: var(--primaryColor) !important;
    width: 48% !important;
    border-radius: 0px;
    padding: 8px 8px !important;
}


[b-7nmqhonfat] .mud-button-group-horizontal:not(.mud-button-group-rtl) > .mud-button-root:not(:last-child), .mud-button-group-horizontal:not(.mud-button-group-rtl) > :not(:last-child) .mud-button-root[b-7nmqhonfat] {
    border-start-start-radius: 5px;
    border-end-start-radius: 5px;
}

[b-7nmqhonfat] .mud-button-group-horizontal:not(.mud-button-group-rtl) > .mud-button-root:not(:first-child), .mud-button-group-horizontal:not(.mud-button-group-rtl) > :not(:first-child) .mud-button-root[b-7nmqhonfat] {
    border-start-end-radius: 5px;
    border-end-end-radius: 5px;
}
/* /Pages/Carrier/CarrierStateLicenseBrowse.razor.rz.scp.css */
.state-license[b-4dukh06kcb] {
    margin-top: -60px;
}

.separator[b-4dukh06kcb] {
    border-top: 0.1px solid #b8e2ff;
}

.CenteredContent[b-4dukh06kcb] {
    border-top: 1px solid #808080;
    padding: 30px 0px 0px 0px;
    margin: 50px 0px 0px 0px !important;
}

.LoadingIndicator[b-4dukh06kcb] {
    margin-left: 5px;
    width: 10px;
}

.btn-dark[b-4dukh06kcb] {
    margin-left: 10px;
    align-self: center;
    padding: 3px 8px;
}

.btn-brokerManagement[b-4dukh06kcb] {
    margin-left: 5px;
    padding: 3px 8px 3px 10px;
}


.sticky-column[b-4dukh06kcb] {
    min-width: 75px;
    max-width: 125px;
    right: 0px;
}

.action-col[b-4dukh06kcb] {
    min-width: 75px;
    max-width: 80px;
}

.admitted-col[b-4dukh06kcb], .mgaauth-col[b-4dukh06kcb] {
    min-width: 75px;
    max-width: 125px;
}

.license-col[b-4dukh06kcb], .slakey-col[b-4dukh06kcb] {
    min-width: 150px;
    max-width: 200px;
}

.state-col[b-4dukh06kcb] {
    min-width: 175px;
    max-width: 225px;
}

.input[b-4dukh06kcb], .CustomSelect[b-4dukh06kcb] {
    border: 1px solid #1e1b18 !important;
}


    .table-blue-header th[b-4dukh06kcb] {
        font-size: 13px;
    }

.table-blue-border td[b-4dukh06kcb] {
    font-weight: 600;
    font-size: 13px;
}



/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------- SMALL PHONE VIEWPORT ------------------------------------------------------ */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
@media only screen and (max-width:576px) {

    .action-col[b-4dukh06kcb] {
        min-width: 75px;
        max-width: 80px;
    }
 
    .admitted-col[b-4dukh06kcb], .mgaauth-col[b-4dukh06kcb] {
        min-width: 70px;
        max-width: 120px;
    }

    .license-col[b-4dukh06kcb], .slakey-col[b-4dukh06kcb] {
        min-width: 150px;
        max-width: 200px;
    }

    .state-col[b-4dukh06kcb] {
        min-width: 160px;
        max-width: 210px;
    }
}

/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------- BIGGER PHONE VIEWPORT ----------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */


@media (min-width: 576px) and (max-width: 767.98px) {

    .action-col[b-4dukh06kcb] {
        min-width: 75px;
        max-width: 80px;
    }

    .admitted-col[b-4dukh06kcb], .mgaauth-col[b-4dukh06kcb] {
        min-width: 80px;
        max-width: 130px;
    }

    .license-col[b-4dukh06kcb], .slakey-col[b-4dukh06kcb] {
        min-width: 130px;
        max-width: 180px;
    }

    .state-col[b-4dukh06kcb] {
        min-width: 160px;
        max-width: 210px;
    }

    .btn-dark[b-4dukh06kcb] {
        margin: 10px 0px 10px 30px;
    }
}

/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------- TABLET VIEWPORT ----------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */


@media (min-width: 768px) and (max-width: 991.98px) {

    .action-col[b-4dukh06kcb] {
        min-width: 75px;
        max-width: 80px;
    }

    .admitted-col[b-4dukh06kcb], .mgaauth-col[b-4dukh06kcb] {
        min-width: 80px;
        max-width: 130px;
    }

    .license-col[b-4dukh06kcb], .slakey-col[b-4dukh06kcb] {
        min-width: 130px;
        max-width: 180px;
    }

    .state-col[b-4dukh06kcb] {
        min-width: 160px;
        max-width: 210px;
    }
}


/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------- LAPTOP AND SMALLER DESKTOP  ------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */

@media screen and (min-width:992px) and (max-width: 1199px) {

    .action-col[b-4dukh06kcb] {
        min-width: 75px;
        max-width: 80px;
    }

    .admitted-col[b-4dukh06kcb], .mgaauth-col[b-4dukh06kcb] {
        min-width: 120px;
        max-width: 170px;
    }

    .license-col[b-4dukh06kcb], .slakey-col[b-4dukh06kcb] {
        min-width: 150px;
        max-width: 200px;
    }

    .state-col[b-4dukh06kcb] {
        min-width: 180px;
        max-width: 230px;
    }
}
/* /Pages/Carrier/CarrrierCoverageBrowse.razor.rz.scp.css */
.policy-coverages[b-olmdizjsx5] {
    margin-top: 25px;
}

.CenteredContent[b-olmdizjsx5] {
    border-top: 1px solid #808080;
    padding: 30px 0px 0px 0px;
    margin: 50px 0px 0px 0px !important;
}

.LoadingIndicator[b-olmdizjsx5] {
    margin-left: 5px;
    width: 10px;
}

.btn-dark[b-olmdizjsx5] {
    margin-left: 10px;
    align-self: center;
}

.btn-brokerManagement[b-olmdizjsx5] {
    margin-left: 5px;
    padding: 5px 10px;
}

.table-blue-header th[b-olmdizjsx5] {
    font-size: 13px;
}

.table-container[b-olmdizjsx5] {
    max-height: 270px;
}

.table-blue-border td[b-olmdizjsx5] {
    font-weight: 600;
    font-size: 13px;
}


.sticky-column[b-olmdizjsx5] {
    min-width: 75px;
    max-width: 125px;
    right: 0px;
}

.action-col[b-olmdizjsx5] {
    min-width: 75px;
    max-width: 80px;
}

.commission[b-olmdizjsx5]{
    text-align: center;
}

.min-col[b-olmdizjsx5], .max-col[b-olmdizjsx5] {
    min-width: 100px;
    max-width: 150px;
    text-align: center;
}

.commission-col[b-olmdizjsx5] {
    min-width: 100px;
    max-width: 120px;
}


.coverage-col[b-olmdizjsx5] {
    min-width: 250px;
    max-width: 300px;
}


/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------- SMALL PHONE VIEWPORT ------------------------------------------------------ */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
@media only screen and (max-width:576px) {


    .action-col[b-olmdizjsx5] {
        min-width: 75px;
        max-width: 80px;
    }

    .admitted-col[b-olmdizjsx5], .mgaauth-col[b-olmdizjsx5] {
        min-width: 70px;
        max-width: 120px;
    }

    .license-col[b-olmdizjsx5], .slakey-col[b-olmdizjsx5] {
        min-width: 150px;
        max-width: 200px;
    }

    .state-col[b-olmdizjsx5] {
        min-width: 160px;
        max-width: 210px;
    }

    .table-container[b-olmdizjsx5] {
        max-height: 212px;
    }
}

/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------- BIGGER PHONE VIEWPORT ----------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */


@media (min-width: 576px) and (max-width: 767.98px) {

    .action-col[b-olmdizjsx5] {
        min-width: 75px;
        max-width: 80px;
    }

    .admitted-col[b-olmdizjsx5], .mgaauth-col[b-olmdizjsx5] {
        min-width: 80px;
        max-width: 130px;
    }

    .license-col[b-olmdizjsx5], .slakey-col[b-olmdizjsx5] {
        min-width: 130px;
        max-width: 180px;
    }

    .state-col[b-olmdizjsx5] {
        min-width: 160px;
        max-width: 210px;
    }

    .btn-dark[b-olmdizjsx5] {
        margin: 10px 0px 10px 30px;
    }

    .table-container[b-olmdizjsx5] {
        max-height: 212px;
    }
}

/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------- TABLET VIEWPORT ----------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */


@media (min-width: 768px) and (max-width: 991.98px) {

    .action-col[b-olmdizjsx5] {
        min-width: 75px;
        max-width: 80px;
    }

    .admitted-col[b-olmdizjsx5], .mgaauth-col[b-olmdizjsx5] {
        min-width: 80px;
        max-width: 130px;
    }

    .license-col[b-olmdizjsx5], .slakey-col[b-olmdizjsx5] {
        min-width: 130px;
        max-width: 180px;
    }

    .state-col[b-olmdizjsx5] { 
        min-width: 160px;
        max-width: 210px;
    }

    .table-container[b-olmdizjsx5] {
        max-height: 212px;
    }
}


/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------- LAPTOP AND SMALLER DESKTOP  ------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */

@media screen and (min-width:992px) and (max-width: 1199px) {

    .action-col[b-olmdizjsx5] {
        min-width: 75px;
        max-width: 80px;
    }

    .admitted-col[b-olmdizjsx5], .mgaauth-col[b-olmdizjsx5] {
        min-width: 120px;
        max-width: 170px;
    }

    .license-col[b-olmdizjsx5], .slakey-col[b-olmdizjsx5] {
        min-width: 150px;
        max-width: 200px;
    }

    .state-col[b-olmdizjsx5] {
        min-width: 180px;
        max-width: 230px;
    }

    .table-container[b-olmdizjsx5] {
        max-height: 212px;
    }
}
/* /Pages/Carrier/CoverageBrowse.razor.rz.scp.css */

.table-container[b-rfjh8niqv1] {
    max-height: 400px;
    margin-top: 60px;
    margin-bottom: 20px;
}

.header-top[b-rfjh8niqv1] {
    margin: -10px 0px -20px 0px;
}

.caption[b-rfjh8niqv1] {
    margin-left: 10px;
    font-size: 14px;
}

.Label[b-rfjh8niqv1] {
    font-size: 13px !important;
    margin-right: 10px;
    font-weight: 500;
}

.data[b-rfjh8niqv1] {
    margin-left: 10px;
    margin-top: -px;
    font-size: 13px;
    font-weight: 600;
}

.commission-col[b-rfjh8niqv1] {
    min-width: 100px;
    max-width: 150px;
    text-align: center;
}


.title[b-rfjh8niqv1] {
    margin-top: -30px;
    margin-left: 10px;
}

.table-blue-header[b-rfjh8niqv1] {
    position: sticky !important;
    top: -3px;
    background: var(--primaryColor);
    line-height: 30px;
    z-index: 1;  
}


    .table-blue-header th[b-rfjh8niqv1] {
        font-size: 13px;
    }

.table-blue-border td[b-rfjh8niqv1] {
    font-weight: 600;
    font-size: 13px;
}

.search-bar[b-rfjh8niqv1] {
    position: absolute;
    right: 0;
}

.search-icon[b-rfjh8niqv1] {
    width: 15px;
    margin-bottom: 2px;
}

.button-group[b-rfjh8niqv1] {
    display: flex;
    justify-content: flex-end;
    margin: 20px 10px 0px 10px;
}

.btn[b-rfjh8niqv1] {
    padding: 6px 13px;
}

.btn-brokerManagement-clear[b-rfjh8niqv1] {
    border: 1px solid var(--primaryColor);
    color: var(--primaryColor);
    transition-duration: 400ms;
    margin-right: 10px;
}

    .btn-brokerManagement-clear:hover[b-rfjh8niqv1] {
        opacity: 0.8;
        transition-duration: 400ms;
    }

.input[b-rfjh8niqv1] {
    border: 1px solid #1e1b18 !important;
}

.table-container[b-rfjh8niqv1]::-webkit-scrollbar {
    height: 5px;
    width: 5px;
}

.table-container[b-rfjh8niqv1]::-webkit-scrollbar-track {
    background-color: #f4f4f4;
}

.table-container[b-rfjh8niqv1]::-webkit-scrollbar-thumb {
    border-radius: 2px;
    background: #cecece;
}

.CoverageColumn[b-rfjh8niqv1] {
    min-width: 300px;
    max-width: 350px;
    text-align: start;
}
.CommissionColumn[b-rfjh8niqv1]{
    text-align:start;
}
.slakey-col[b-rfjh8niqv1] {
    min-width: 100px;
    max-width: 150px;
}



[b-rfjh8niqv1] .mud-theme-primary {
    background-color: var(--primaryColor) !important;
}

[b-rfjh8niqv1] mud-input-outlined-border {
    border-color: var(--primaryColor) !important;
}

[b-rfjh8niqv1] .mud-input.mud-input-outlined:focus-within .mud-input-outlined-border {
    border-color: var(--primaryColor) !important;
}

[b-rfjh8niqv1] .mud-primary-text {
    color: var(--primaryColor) !important;
}

[b-rfjh8niqv1] .mud-input-control.mud-input-number-control {
}

    [b-rfjh8niqv1] .mud-input-control.mud-input-number-control .mud-input-numeric-spin {
        display: none;
    }

[b-rfjh8niqv1] .mud-input.mud-input-outlined.mud-disabled {
    border-color: #CED4DA !important;
    background-color: #E9ECEF !important;
}

[b-rfjh8niqv1] .mud-input.mud-disabled {
    color: #484D4F !important;
}

[b-rfjh8niqv1] .mud-input-control > .mud-input-control-input-container {
    display: block !important;
}
/* /Pages/Carrier/MainCarrier.razor.rz.scp.css */
.CarrierInformation[b-dc3genjd30] {
    margin-top: 10px !important;
    margin-bottom: -10px !important;
    margin-left: 315px;
}

.sidebar[b-dc3genjd30] {
    width: 310px !important;
}

.CarrierNavMenu[b-dc3genjd30] {
    position: fixed;
    margin-top: -82px;
    margin-left: -5px;
}

.button-group[b-dc3genjd30] {
    display: flex;
    justify-content: center;
    text-align: center;
}


.btn[b-dc3genjd30] {
    margin: 20px 0px;
    padding: 6px 13px;
    font-size: 13px;
}

.btn-brokerManagement-clear[b-dc3genjd30] {
    border: 1px solid var(--primaryColor);
    color: var(--primaryColor);
    transition-duration: 400ms;
}

    .btn-brokerManagement-clear:hover[b-dc3genjd30] {
        cursor: pointer;
        opacity: 0.8;
        transition-duration: 400ms;
    }

    .btn-brokerManagement-clear:disabled[b-dc3genjd30] {
        opacity: 0.7;
    }



/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------- RESPONSIVENESS -------------------------------------------------------- */
/* -------------- PLEASE MATCH YOUR CSS ACCORDING TO THE VIEWPORT DO NOT CREATE ANOTHER TO AVOID CONFLICT RESPONSIVENESS ---------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */


@media only screen and (max-width: 1199px) {

    .CarrierNavMenu[b-dc3genjd30] {
        position: initial;
        margin-top: 0px;
    }

    .sidebar[b-dc3genjd30] {
        width: 100% !important;
    }

    .LayoutBackground[b-dc3genjd30] {
        margin-left: 10px;
    }
}

/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------- SMALL PHONE VIEWPORT ------------------------------------------------------ */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */

@media only screen and (max-width:576px) {

    .CarrierNavMenu[b-dc3genjd30] {
        position: initial;
        margin-top: 5px;
    }
}


/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------- BIGGER PHONE VIEWPORT ----------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */


@media (min-width: 576px) and (max-width: 767.98px) {
    .CarrierNavMenu[b-dc3genjd30] {
        position: initial;
        margin-top: 5px;
    }
}

/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------- TABLET VIEWPORT -------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */


@media (min-width: 768px) and (max-width: 991.98px) {

    .LayoutBackground[b-dc3genjd30] {
        margin-left: 10px;
        margin-top: 55px !important;
    }
    .CarrierNavMenu[b-dc3genjd30] {
        position: initial;
        margin-top: 5px;
    }
}

/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------- LAPTOP AND SMALLER DESKTOP  ------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */

@media screen and (min-width:992px) and (max-width: 1199px) {

    .CarrierNavMenu[b-dc3genjd30] {
        position: initial;
        margin-top: 10px;
    }

    .CarrierInformation[b-dc3genjd30] {
        margin-top: 40px !important;
    }

}

/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------  DESKTOP  ------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */


@media (min-width: 1200px) and (max-width: 1499px) {


}

/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------- ULTRAWIDE DESKTOP ------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */

@media (min-width: 1500px) {
}
/* /Pages/Carrier/MainCarrierBrowse.razor.rz.scp.css */
.Header[b-6u25fzqtss] {
    margin-left: 20px;
    margin-top: 0px;
    margin-bottom: 30px;
    font-size: 20px !important;
    font-weight: 800;
}

.header-table[b-6u25fzqtss] {
    color: var(--primaryColor);
    font-size: 20px;
    font-weight: 700;
}


.CenteredContent[b-6u25fzqtss] {
    border-top: 1px solid #808080;
    padding: 30px 0px 0px 0px;
    margin: 50px 0px 0px 0px !important;
}

table[b-6u25fzqtss] {
    font-size: 14px;
    font-weight: 600;
}

.LoadingIndicator[b-6u25fzqtss] {
    width: 10px;
}

.icon[b-6u25fzqtss] {
    margin-left: 0px;
    margin-top: -3px;
}

tr:nth-child(even) td[b-6u25fzqtss] {
}


.TopNavCarrierBrowse[b-6u25fzqtss] {
    display: flex;
    justify-content: space-between;
    align-content: center;
    margin: 20px 0px 10px 0px;
}

.button-section[b-6u25fzqtss] {
    flex-grow: 1;
}

.carrierBrowseSearch-section[b-6u25fzqtss] {
    flex-grow: 10;
}

.btn-dark[b-6u25fzqtss] {
    padding: 5px 10px !important;
    font-size: 13px !important;
}

.btn-brokerManagement[b-6u25fzqtss] {
    margin-right: 5px;
    padding: 3px 8px 3px 10px;
}

.confirm-back[b-6u25fzqtss] {
    margin-right: 5px;
}

.confirm-check[b-6u25fzqtss] {
    margin-right: -15px;
}

tr:nth-child(odd) td.action-col[b-6u25fzqtss] {
    background-color: #fff !important;
    white-space: normal;
}

.sticky-column-last[b-6u25fzqtss] {
    min-width: 100px;
    max-width: 150px;
    right: 0;
}

.name-col[b-6u25fzqtss], .address-col[b-6u25fzqtss] {
    min-width: 200px;
    max-width: 250px;
}

.group-col[b-6u25fzqtss] {
    min-width: 150px;
    max-width: 200px;
}

.item-col[b-6u25fzqtss], .action-col[b-6u25fzqtss] {
    min-width: 60px;
    max-width: 100px;
}


/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------- SMALL AND BIG PHONE VIEWPORT ---------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */


@media (max-width: 767px) {
    .TopNavCarrierBrowse[b-6u25fzqtss] {
        display: flex;
        flex-direction: column;
        align-items: center;
    }
}

@media only screen and (max-width: 1199px) {
    .name-col[b-6u25fzqtss], .address-col[b-6u25fzqtss] {
        min-width: 350px;
        max-width: 400px;
    }

    .group-col[b-6u25fzqtss] {
        min-width: 150px;
        max-width: 200px;
    }

    .action-col[b-6u25fzqtss] {
        min-width: 100px;
        max-width: 150px;
    }

    .item-col[b-6u25fzqtss] {
        min-width: 75px;
        max-width: 100px;
    }
}
/* /Pages/Carrier/StateLicenseBrowse.razor.rz.scp.css */
.table-container[b-s8xlmuz6ti] {
    max-height: 400px;
}

.header-top[b-s8xlmuz6ti] {
    margin: -10px 0px -20px 0px;
}

.SubTitle[b-s8xlmuz6ti] {
    font-weight: 600;
}

.caption[b-s8xlmuz6ti] {
    margin-left: 10px;
    font-size: 14px;
}

.data[b-s8xlmuz6ti] {
    margin-left: 10px;
    margin-top: -1px;
    font-size: 13px;
    font-weight: 500;
}

.title[b-s8xlmuz6ti] {
    margin-top: -30px;
    margin-left: 10px;
}

.table-blue-header[b-s8xlmuz6ti] {
    position: sticky !important;
    top: -3px;
    background: var(--primaryColor);
    line-height: 30px;
    z-index: 1;
}

.table-blue-header th[b-s8xlmuz6ti] {
    font-size: 13px;
}

.table-blue-border td[b-s8xlmuz6ti] {
    font-weight: 600;
    font-size: 13px;
}

.ButtonGroup[b-s8xlmuz6ti] {
    display: flex;
    justify-content: flex-end;
    margin: 15px 10px 0px 10px;
}

.btn[b-s8xlmuz6ti] {
    padding: 6px 13px;
}

.btn-brokerManagement-clear[b-s8xlmuz6ti] {
    border: 1px solid var(--primaryColor);
    color: var(--primaryColor);
    transition-duration: 400ms;
    margin-right: 10px;
}

    .btn-brokerManagement-clear:hover[b-s8xlmuz6ti] {
        opacity: 0.8;
        transition-duration: 400ms;
    }

.input[b-s8xlmuz6ti] {
    border: 1px solid #1e1b18 !important;
}

.CustomSelect[b-s8xlmuz6ti] {
    border: 1px solid #1e1b18 !important;
}

.table-container[b-s8xlmuz6ti]::-webkit-scrollbar {
    height: 5px;
    width: 5px;
}

.table-container[b-s8xlmuz6ti]::-webkit-scrollbar-track {
    background-color: #f4f4f4;
}

.table-container[b-s8xlmuz6ti]::-webkit-scrollbar-thumb {
    border-radius: 2px;
    background: #cecece;
}


.slakey-col[b-s8xlmuz6ti] {
    min-width: 100px;
    max-width: 150px;
}


[b-s8xlmuz6ti] .mud-primary-text {
    color: var(--primaryColor) !important;
}

[b-s8xlmuz6ti] .mud-input-control > .mud-input-control-input-container {
    display: block !important; 
}
/* /Pages/Dashboard/DashboardHeader.razor.rz.scp.css */
.Header[b-zhi7yvgqdt] {
    margin-left: 20px;
    margin-top: 0px;
    font-size: 20px!important;
    font-weight: 800;
}
/* /Pages/Dashboard/DashboardPanels.razor.rz.scp.css */
.row[b-wyf6133caf] {
    flex-wrap: wrap;
}


.icon[b-wyf6133caf] {
    width: 20px;
}

.panel-data[b-wyf6133caf] {
    font-size: 25px;
    font-weight: 700;
}

.panel-title[b-wyf6133caf] {
    margin-top: 3px;
    margin-bottom: -2px;
    font-size: 15px !important;
    font-weight: 600;
}

.inactive[b-wyf6133caf] {
    transform: translateY(0px);
    transition: transform 0.2s ease-in-out;
}

.TaskDueTodayBackground[b-wyf6133caf], .TaskDueThisWeekBackground[b-wyf6133caf], .TaskPastDueBackground[b-wyf6133caf], .RenewalSummaryBackground[b-wyf6133caf], .NewBusinessBackground[b-wyf6133caf],
.TaskDueTodayBackgroundActive[b-wyf6133caf], .TaskDueThisWeekBackgroundActive[b-wyf6133caf], .TaskPastDueBackgroundActive[b-wyf6133caf], .RenewalSummaryBackgroundActive[b-wyf6133caf], .NewBusinessBackgroundActive[b-wyf6133caf] {
    padding: 20px 20px 10px 20px;
    margin: 10px 5px;
    font-size: 13px;
    font-weight: 500;
    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2);
    display: flex;
    justify-content: space-between;
    align-content: center;
    align-items: center;
}


/* ------------------------------------------------------ Inactive Today ---------------------------------------------- */

.TaskDueTodayText[b-wyf6133caf] {
    color: var(--violet);
}

.TaskDueTodayBackground[b-wyf6133caf] {
    transition-duration: 200ms;
    transition: width 0.3s ease-in-out;
    transition: transform 0.3s ease-in-out;
    color: var(--textColor);
    background: white;
    position: relative;
}

    .TaskDueTodayBackground:hover[b-wyf6133caf] {
        cursor: pointer;
        background: var(--violet);
        color: white;
    }

    .TaskDueTodayBackground .icon-bg[b-wyf6133caf] {
        background: var(--violet);
        padding: 8px;
        position: absolute;
        bottom: -15px;
        right: 15px;
        margin-right: 7px;
        border-radius: 3px;
        box-shadow: 0 0 10px var(--violet);
    }

    .TaskDueTodayBackground .icon[b-wyf6133caf] {
        filter: brightness(0) invert(1);
    }

    .TaskDueTodayBackground:hover .icon-bg[b-wyf6133caf] {
        background: white;
    }

    .TaskDueTodayBackground:hover .icon[b-wyf6133caf] {
        filter: brightness(1);
        color: white;
    }

/* ------------------------------------------------------ Active Today ---------------------------------------------- */

.TaskDueTodayBackgroundActive[b-wyf6133caf] {
    transition: transform 0.3s ease-in-out;
    position: relative;
    background: var(--violet);
    color: white;
}

    .TaskDueTodayBackgroundActive .icon-bg[b-wyf6133caf] {
        padding: 8px;
        position: absolute;
        bottom: -15px;
        right: 15px;
        margin-right: 7px;
        background: white;
        box-shadow: 0 0 10px white;
    }

    .TaskDueTodayBackgroundActive .icon[b-wyf6133caf] {
        filter: brightness(1);
        color: white;
    }



/* ------------------------------------------------------ Inactive This Week ---------------------------------------------- */

.TaskDueThisWeekText[b-wyf6133caf] {
    color: var(--yellow);
}

.TaskDueThisWeekBackground[b-wyf6133caf] {
    transition-duration: 200ms;
    transition: width 0.3s ease-in-out;
    transition: transform 0.3s ease-in-out;
    color: var(--textColor);
    background: white;
    position: relative;
}

    .TaskDueThisWeekBackground:hover[b-wyf6133caf] {
        cursor: pointer;
        background: var(--yellow);
        color: white;
    }

    .TaskDueThisWeekBackground .icon-bg[b-wyf6133caf] {
        background: var(--yellow);
        padding: 8px;
        position: absolute;
        bottom: -15px;
        right: 15px;
        margin-right: 7px;
        border-radius: 3px;
        box-shadow: 0 0 10px var(--yellow);
    }

    .TaskDueThisWeekBackground .icon[b-wyf6133caf] {
        filter: brightness(0) invert(1);
    }

    .TaskDueThisWeekBackground:hover .icon-bg[b-wyf6133caf] {
        background: white;
    }

    .TaskDueThisWeekBackground:hover .icon[b-wyf6133caf] {
        filter: brightness(1);
        color: white;
    }

/* ------------------------------------------------------  Active This Week  ---------------------------------------------- */

.TaskDueThisWeekBackgroundActive[b-wyf6133caf] {
    transition: transform 0.3s ease-in-out;
    position: relative;
    background: var(--yellow);
    color: white;
}

    .TaskDueThisWeekBackgroundActive .icon-bg[b-wyf6133caf] {
        padding: 8px;
        position: absolute;
        bottom: -15px;
        right: 15px;
        margin-right: 7px;
        background: white;
        box-shadow: 0 0 10px white;
    }

    .TaskDueThisWeekBackgroundActive .icon[b-wyf6133caf] {
        filter: brightness(1);
        color: white;
    }


/* ------------------------------------------------------ Inactive Past Due ---------------------------------------------- */

.TaskPastDueText[b-wyf6133caf] {
    color: var(--red);
}

.TaskPastDueBackground[b-wyf6133caf] {
    transition-duration: 200ms;
    transition: width 0.3s ease-in-out;
    transition: transform 0.3s ease-in-out;
    color: var(--textColor);
    background: white;
    position: relative
}

    .TaskPastDueBackground:hover[b-wyf6133caf] {
        cursor: pointer;
        background: var(--red);
        color: white;
    }


    .TaskPastDueBackground:hover[b-wyf6133caf] {
        cursor: pointer;
        background: var(--red);
        color: white;
    }

    .TaskPastDueBackground .icon-bg[b-wyf6133caf] {
        background: var(--red);
        padding: 8px;
        position: absolute;
        bottom: -15px;
        right: 15px;
        margin-right: 7px;
        border-radius: 3px;
        box-shadow: 0 0 10px var(--red);
    }

    .TaskPastDueBackground .icon[b-wyf6133caf] {
        filter: brightness(0) invert(1);
    }

    .TaskPastDueBackground:hover .icon-bg[b-wyf6133caf] {
        background: white;
    }

    .TaskPastDueBackground:hover .icon[b-wyf6133caf] {
        filter: brightness(1);
        color: white;
    }

/* ------------------------------------------------------ Active Past Due ---------------------------------------------- */


.TaskPastDueBackgroundActive[b-wyf6133caf] {
    transition: transform 0.3s ease-in-out;
    position: relative;
    background: var(--red);
    color: white;
}

    .TaskPastDueBackgroundActive .icon-bg[b-wyf6133caf] {
        padding: 8px;
        position: absolute;
        bottom: -15px;
        right: 15px;
        margin-right: 7px;
        background: white;
        box-shadow: 0 0 10px white;
    }

    .TaskPastDueBackgroundActive .icon[b-wyf6133caf] {
        filter: brightness(1);
        color: white;
    }



/* ------------------------------------------------------ Inactive New Business ---------------------------------------------- */


.NewBusinessText[b-wyf6133caf] {
    color: var(--green);
}

.NewBusinessBackground[b-wyf6133caf] {
    transition-duration: 200ms;
    transition: width 0.3s ease-in-out;
    transition: transform 0.3s ease-in-out;
    color: var(--textColor);
    background: white;
    position: relative
}

    .NewBusinessBackground:hover[b-wyf6133caf] {
        cursor: pointer;
        background: var(--green);
        color: white;
    }


    .NewBusinessBackground:hover[b-wyf6133caf] {
        cursor: pointer;
        background: var(--green);
        color: white;
    }

    .NewBusinessBackground .icon-bg[b-wyf6133caf] {
        background: var(--green);
        padding: 8px;
        position: absolute;
        bottom: -15px;
        right: 15px;
        margin-right: 7px;
        border-radius: 3px;
        box-shadow: 0 0 10px var(--green);
    }

    .NewBusinessBackground .icon[b-wyf6133caf] {
        filter: brightness(0) invert(1);
    }

    .NewBusinessBackground:hover .icon-bg[b-wyf6133caf] {
        background: white;
    }

    .NewBusinessBackground:hover .icon[b-wyf6133caf] {
        filter: brightness(1);
        color: white;
    }


/* ------------------------------------------------------ Inactive Renewal Summary  ---------------------------------------------- */


.RenewalSummaryText[b-wyf6133caf] {
    color: var(--green);
}

.RenewalSummaryBackground[b-wyf6133caf] {
    transition-duration: 200ms;
    transition: width 0.3s ease-in-out;
    transition: transform 0.3s ease-in-out;
    color: var(--textColor);
    background: white;
    position: relative
}

    .RenewalSummaryBackground:hover[b-wyf6133caf] {
        cursor: pointer;
        background: var(--orange);
        color: white;
    }


    .RenewalSummaryBackground:hover[b-wyf6133caf] {
        cursor: pointer;
        background: var(--orange);
        color: white;
    }

    .RenewalSummaryBackground .icon-bg[b-wyf6133caf] {
        background: var(--orange);
        padding: 8px;
        position: absolute;
        bottom: -15px;
        right: 15px;
        margin-right: 7px;
        border-radius: 3px;
        box-shadow: 0 0 10px var(--orange);
    }

    .RenewalSummaryBackground .icon[b-wyf6133caf] {
        filter: brightness(0) invert(1);
    }

    .RenewalSummaryBackground:hover .icon-bg[b-wyf6133caf] {
        background: white;
    }

    .RenewalSummaryBackground:hover .icon[b-wyf6133caf] {
        filter: brightness(1);
        color: white;
    }




/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------- SMALL PHONE VIEWPORT ------------------------------------------------------ */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */

@media only screen and (max-width:576px) {

    .row[b-wyf6133caf] {
        margin: 20px 0px;
    }

    .TaskDueTodayBackground[b-wyf6133caf], .TaskDueThisWeekBackground[b-wyf6133caf], .TaskPastDueBackground[b-wyf6133caf], .RenewalSummaryBackground[b-wyf6133caf], .NewBusinessBackground[b-wyf6133caf],
    .TaskDueTodayBackgroundActive[b-wyf6133caf], .TaskDueThisWeekBackgroundActive[b-wyf6133caf], .TaskPastDueBackgroundActive[b-wyf6133caf], .RenewalSummaryBackgroundActive[b-wyf6133caf], .NewBusinessBackgroundActive[b-wyf6133caf] {
        width: 350px;
        margin: 15px 5px;
    }
}

/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------- BIGGER PHONE VIEWPORT ----------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */

@media (min-width: 576px) and (max-width: 767.98px) {

    .TaskDueTodayBackground[b-wyf6133caf], .TaskDueThisWeekBackground[b-wyf6133caf], .TaskPastDueBackground[b-wyf6133caf], .RenewalSummaryBackground[b-wyf6133caf], .NewBusinessBackground[b-wyf6133caf],
    .TaskDueTodayBackgroundActive[b-wyf6133caf], .TaskDueThisWeekBackgroundActive[b-wyf6133caf], .TaskPastDueBackgroundActive[b-wyf6133caf], .RenewalSummaryBackgroundActive[b-wyf6133caf], .NewBusinessBackgroundActive[b-wyf6133caf] {
        margin: 30px 3px;
    }

    .TaskDueTodayBackground[b-wyf6133caf], .TaskDueThisWeekBackground[b-wyf6133caf], .TaskPastDueBackground[b-wyf6133caf], .RenewalSummaryBackground[b-wyf6133caf], .NewBusinessBackground[b-wyf6133caf],
    .TaskDueTodayBackgroundActive[b-wyf6133caf], .TaskDueThisWeekBackgroundActive[b-wyf6133caf], .TaskPastDueBackgroundActive[b-wyf6133caf], .RenewalSummaryBackgroundActive[b-wyf6133caf], .NewBusinessBackgroundActive[b-wyf6133caf] {
        width: 31%;
    }

    .first[b-wyf6133caf] {
        margin-left: 2px;
    }

    .last[b-wyf6133caf] {
        margin-right: 0px
    }
}

/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------- TABLET VIEWPORT ----------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */


@media (min-width: 768px) and (max-width: 991.98px) {

    .row[b-wyf6133caf] {
        display: flex;
    }

    .TaskDueTodayBackground[b-wyf6133caf], .TaskDueThisWeekBackground[b-wyf6133caf], .TaskPastDueBackground[b-wyf6133caf], .RenewalSummaryBackground[b-wyf6133caf], .NewBusinessBackground[b-wyf6133caf],
    .TaskDueTodayBackgroundActive[b-wyf6133caf], .TaskDueThisWeekBackgroundActive[b-wyf6133caf], .TaskPastDueBackgroundActive[b-wyf6133caf], .RenewalSummaryBackgroundActive[b-wyf6133caf], .NewBusinessBackgroundActive[b-wyf6133caf] {
        margin: 15px 3px;
    }

    .TaskDueTodayBackground[b-wyf6133caf], .TaskDueThisWeekBackground[b-wyf6133caf], .TaskPastDueBackground[b-wyf6133caf], .RenewalSummaryBackground[b-wyf6133caf], .NewBusinessBackground[b-wyf6133caf],
    .TaskDueTodayBackgroundActive[b-wyf6133caf], .TaskDueThisWeekBackgroundActive[b-wyf6133caf], .TaskPastDueBackgroundActive[b-wyf6133caf], .RenewalSummaryBackgroundActive[b-wyf6133caf], .NewBusinessBackgroundActive[b-wyf6133caf] {
        width: 30%;
    }

    .first[b-wyf6133caf], .last[b-wyf6133caf] {
        margin: 5px;
    }
}


/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------- LAPTOP AND SMALLER DESKTOP  ------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */

@media screen and (min-width:992px) and (max-width: 1199px) {

    .TaskDueTodayBackground[b-wyf6133caf], .TaskDueThisWeekBackground[b-wyf6133caf], .TaskPastDueBackground[b-wyf6133caf], .RenewalSummaryBackground[b-wyf6133caf], .NewBusinessBackground[b-wyf6133caf],
    .TaskDueTodayBackgroundActive[b-wyf6133caf], .TaskDueThisWeekBackgroundActive[b-wyf6133caf], .TaskPastDueBackgroundActive[b-wyf6133caf], .RenewalSummaryBackgroundActive[b-wyf6133caf], .NewBusinessBackgroundActive[b-wyf6133caf] {
        margin: 30px 3px;
    }

    .TaskDueTodayBackground[b-wyf6133caf], .TaskDueThisWeekBackground[b-wyf6133caf], .TaskPastDueBackground[b-wyf6133caf], .RenewalSummaryBackground[b-wyf6133caf], .NewBusinessBackground[b-wyf6133caf],
    .TaskDueTodayBackgroundActive[b-wyf6133caf], .TaskDueThisWeekBackgroundActive[b-wyf6133caf], .TaskPastDueBackgroundActive[b-wyf6133caf], .RenewalSummaryBackgroundActive[b-wyf6133caf], .NewBusinessBackgroundActive[b-wyf6133caf] {
        width: 31%;
    }


    .first[b-wyf6133caf] {
        margin-left: 2px;
    }

    .last[b-wyf6133caf] {
        margin-right: 0px
    }
}

/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------  DESKTOP  ------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */


@media (min-width: 1200px) and (max-width: 1499px) {

    .TaskDueTodayBackground[b-wyf6133caf], .TaskDueThisWeekBackground[b-wyf6133caf], .TaskPastDueBackground[b-wyf6133caf], .RenewalSummaryBackground[b-wyf6133caf], .NewBusinessBackground[b-wyf6133caf],
    .TaskDueTodayBackgroundActive[b-wyf6133caf], .TaskDueThisWeekBackgroundActive[b-wyf6133caf], .TaskPastDueBackgroundActive[b-wyf6133caf], .RenewalSummaryBackgroundActive[b-wyf6133caf], .NewBusinessBackgroundActive[b-wyf6133caf] {
        width: 30%;
        margin: 15px 1px;
    }

    .first[b-wyf6133caf] {
        margin-left: 2px;
    }

    .last[b-wyf6133caf] {
        margin-right: 2px;
    }
}


/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------- ULTRAWIDE DESKTOP ------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */

@media (min-width: 1500px) {

    .TaskDueTodayBackground[b-wyf6133caf], .TaskDueThisWeekBackground[b-wyf6133caf], .TaskPastDueBackground[b-wyf6133caf], .RenewalSummaryBackground[b-wyf6133caf], .NewBusinessBackground[b-wyf6133caf],
    .TaskDueTodayBackgroundActive[b-wyf6133caf], .TaskDueThisWeekBackgroundActive[b-wyf6133caf], .TaskPastDueBackgroundActive[b-wyf6133caf], .RenewalSummaryBackgroundActive[b-wyf6133caf], .NewBusinessBackgroundActive[b-wyf6133caf] {
        margin: 30px 0px;
    }

    .panel-1[b-wyf6133caf] {
        width: 90%;
        max-width: 90%;
    }

    .panel-2[b-wyf6133caf] {
        width: 40%;
        max-width: 40%;
    }

    .panel-3[b-wyf6133caf] {
        width: 32%;
        max-width: 32%;
    }

    .panel-4[b-wyf6133caf] {
        width: 22%;
        max-width: 22%;
    }

    .panel-5[b-wyf6133caf] {
        width: 18%;
        max-width: 18%;
    }

    .panel-6[b-wyf6133caf] {
        width: 15%;
        max-width: 15%;
    }

    .panel-7[b-wyf6133caf] {
        width: 13%;
        max-width: 13%;
    }

    .first[b-wyf6133caf] {
        margin-left: 5px;
    }

    .last[b-wyf6133caf] {
        margin-right: 5px
    }
}
/* /Pages/Dashboard/MainDashboard.razor.rz.scp.css */
/* /Pages/EndorsementApplication/AutoSearchBroker.razor.rz.scp.css */
.form-control[b-oj3nkxa30n] {
    border-top-right-radius: 5px !important;
    border-bottom-right-radius: 5px !important;
}

.autocomplete[b-oj3nkxa30n] {
    position: relative;
}

    .autocomplete .options[b-oj3nkxa30n] {
        position: absolute;
        top: 40px;
        left: 0;
        background: white;
        width: 100%;
        padding: 0;
        z-index: 10;
        border: 1px solid #ced4da;
        box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.1);
    }

    .autocomplete .option[b-oj3nkxa30n] {
        display: block;
        padding: 0.25rem;
    }

        .autocomplete .option .option-text[b-oj3nkxa30n] {
            padding: 0.25rem 0.5rem;
        }

        .autocomplete .option:hover[b-oj3nkxa30n] {
            background: var(--primaryColor);
            color: #fff;
            cursor: pointer
        }

        .autocomplete .option.disabled[b-oj3nkxa30n] {
            padding: 0.50rem;
            background-color: var(--red);
            cursor: not-allowed;
            color: #fff;
        }
/* /Pages/EndorsementApplication/AutoSearchEndorsementInsuredInfo.razor.rz.scp.css */
.form-control[b-aqof5lo8i8] {
    border-top-right-radius: 5px !important;
    border-bottom-right-radius: 5px !important;
    width: 100% !important;
    width: 100% !important;
}

.AutoSearchBroker[b-aqof5lo8i8] {
    width: 100% !important;
    border-radius: 5px !important;
    margin-left: 0px !important;
}

.InsuredInformationSelect[b-aqof5lo8i8] {
    width: 400px !important;
}

.autocomplete[b-aqof5lo8i8] {
    position: relative;
}

    .autocomplete .options[b-aqof5lo8i8] {
        position: absolute;
        top: 40px;
        left: 0;
        background: white;
        width: 100%;
        padding: 0;
        z-index: 10;
        border: 1px solid #ced4da;
        box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.1);
    }

    .autocomplete .option[b-aqof5lo8i8] {
        display: block;
        padding: 0.25rem;
    }

        .autocomplete .option .option-text[b-aqof5lo8i8] {
            padding: 0.25rem 0.5rem;
        }

        .autocomplete .option:hover[b-aqof5lo8i8] {
            background: var(--primaryColor);
            color: #fff;
            cursor: pointer
        }

        .autocomplete .option.disabled[b-aqof5lo8i8] {
            padding: 0.50rem;
            background-color: var(--red);
            cursor: not-allowed;
            color: #fff;
        }


/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------- SMALL PHONE VIEWPORT ------------------------------------------------------ */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
@media only screen and (max-width:576px) {
}


/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------- BIGGER PHONE VIEWPORT ----------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */


@media (min-width: 576px) and (max-width: 767.98px) {
}


/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------- TABLET VIEWPORT -------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */


@media (min-width: 768px) and (max-width: 991.98px) {

    .form-control[b-aqof5lo8i8] {
        width: 100% !important;
    }
}


/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------- LAPTOP AND SMALLER DESKTOP  ------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
@media screen and (min-width:992px) and (max-width: 1199px) {

    
}

@media (min-width:1200px) and (max-width: 1500px) {
    
}
/* /Pages/EndorsementApplication/EndorsementApplicationBrokerAgent.razor.rz.scp.css */
/* Global CSS */


.HeaderCaption[b-yyt1mbn111] {
    margin-top: -103px;
    margin-left: -10px;
    font-size: 15px !important;
}

.btn-brokerManagement[b-yyt1mbn111] {
    padding: 8px 15px;
}

.separator[b-yyt1mbn111] {
    margin: 15px 0px;
    border-top: 1px solid #b8e2ff;
}

/* Component CSS */
.BrokerContacts[b-yyt1mbn111], .CityBranch[b-yyt1mbn111] {
    width: 98%;
}

.BrokerAgentSelect[b-yyt1mbn111] {
    width: 100px !important; 
}

.TeamMember[b-yyt1mbn111] {
    width: 99%;
}

.BrokerContacts[b-yyt1mbn111], .CityBranch[b-yyt1mbn111]{
    display: flex;
}

.MarketingReferralDiv[b-yyt1mbn111] {
    margin-left: 50px;
}

.SubmissionPartitionHeader[b-yyt1mbn111] {
    color: white !important;
    background: var(--gray);
    border-radius: 3px;
    padding: 5px 10px;
    border: none;
    font-size: 13px;
    font-weight: 700;
    margin-left: 5px;
    cursor: default;
}

.SearchLabel[b-yyt1mbn111] {
    margin: 0px 0px 10px 0px !important;
}

.RadioLabel[b-yyt1mbn111] {
    font-size: 13px;
    font-weight: 500;
    margin-left: -5px;
}


/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------- SMALL PHONE VIEWPORT ------------------------------------------------------ */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
@media only screen and (max-width:576px) {
    .HeaderCaption[b-yyt1mbn111] {
        margin-top: -57px;
        margin-left: -10px;
    }

    .BrokerContacts[b-yyt1mbn111], .CityBranch[b-yyt1mbn111], .TeamMember[b-yyt1mbn111] {
        flex-direction: column;
        width: 100%;
    }

    .TransactionCheckboxDiv[b-yyt1mbn111] {
        flex-direction: column;
    }

    .TransactionDiv[b-yyt1mbn111] {
        flex-direction: column;
    }

    .MarketingReferralDiv[b-yyt1mbn111] {
        flex-direction: row;
        margin-left: 0px;
    }
}

/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------- BIGGER PHONE VIEWPORT ----------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */


@media (min-width: 576px) and (max-width: 767.98px) {

    .HeaderCaption[b-yyt1mbn111] {
        margin-top: -57px;
        margin-left: -10px;
    }

    .BrokerContacts[b-yyt1mbn111] {
        flex-direction: column;
        width: 100%;
    }

    .BrokerContacts[b-yyt1mbn111], .CityBranch[b-yyt1mbn111], .TeamMember[b-yyt1mbn111] {
        flex-direction: column;
        width: 100%;
    }
}

/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------- TABLET VIEWPORT -------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */


@media (min-width: 768px) and (max-width: 991.98px) {

    .HeaderCaption[b-yyt1mbn111] {
        margin-top: -57px;
        margin-left: -10px;
    }
}

/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------- LAPTOP AND SMALLER DESKTOP  ------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
@media (min-width:1201px) and (max-width: 1468px) {

    .TransactionCheckboxDiv[b-yyt1mbn111] {
        flex-direction: column;
    }

    .MarketingReferralDiv[b-yyt1mbn111] {
        flex-direction: row;
    }
}
/* /Pages/EndorsementApplication/EndorsementApplicationHeader.razor.rz.scp.css */
.Navigator[b-137hskr30n] {
    margin-left: 10px;
    margin-top: -30px;
    font-size: 20px !important;
}

.link-navigate:hover[b-137hskr30n] {
    cursor: pointer;
}
/* /Pages/EndorsementApplication/EndorsementApplicationInsuredInfo.razor.rz.scp.css */
/* Global CSS */

.caption[b-e9ivlzt0ws] {
    margin-right: 10px !important;
    margin-bottom: 3px;
    font-size: 13px !important;
}

.title[b-e9ivlzt0ws] {
    margin: 20px 0px;
}

.SearchDiv[b-e9ivlzt0ws] {
    margin-top: -20px !important;
}

.HeaderCaption[b-e9ivlzt0ws] {
    margin-left: 20px !important;
    margin-top: -86px !important;
    margin-bottom: 0px !important;
}

.NewInsuredDiv[b-e9ivlzt0ws] {
    width: 110px !important;
}

.separator[b-e9ivlzt0ws] {
    margin: 10px 0px;
    border-top: 1px solid #b8e2ff;
}


/* Component CSS */

.SubmissionInsured[b-e9ivlzt0ws] {
    margin-top: -15px !important;
}

.InsuredInformationSelect[b-e9ivlzt0ws] {
    width: 150px !important;
}

.SearchLabel[b-e9ivlzt0ws] {
    margin: 10px 0px !important;
}

.RadioLabel[b-e9ivlzt0ws] {
    font-size: 13px;
    font-weight: 500;
    margin-left: 3px;
}

.BtnInsured[b-e9ivlzt0ws] {
    padding: 5px 10px;
    font-size: 13px;
    width:110px !important;
}




.TeamMember[b-e9ivlzt0ws] {
    width: 99%;
}


/* Transaction Type */
.MarketingReferralDiv[b-e9ivlzt0ws], .AcknowledgementDiv[b-e9ivlzt0ws], .TransactionDiv[b-e9ivlzt0ws], .TeamMember[b-e9ivlzt0ws] {
    display: flex;
}

.TransactionCheckboxDiv[b-e9ivlzt0ws] {
    display: flex;
    margin-bottom: -17px !important;
}
/* End */
.last-name[b-e9ivlzt0ws] {
    margin-left: 10px;
}

.separator-address[b-e9ivlzt0ws] {
    margin: 35px 0px 0px 0px !important;
    border-top: 0.1px solid #b8e2ff;
}

.mailing-btn[b-e9ivlzt0ws] {
    margin-top: 15px !important;
    padding: 5px 10px;
    font-size: 13px;
}

.physical-btn[b-e9ivlzt0ws] {
    margin-top: 6px !important;
    padding: 5px 10px;
    font-size: 13px;
}

.mailing-address-label[b-e9ivlzt0ws] {
    margin-top: 6px !important;
}

.physical-address-label[b-e9ivlzt0ws], .mailing-address-label[b-e9ivlzt0ws] {
    font-weight: 900;
}


.formOfBusiness[b-e9ivlzt0ws] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 1px;
    width: 100% !important;
    margin: 0 10px;
    /*margin-left: 11px;*/
}

.formOfBusiness-item[b-e9ivlzt0ws] {
    display: flex;
    align-items: center;
    margin-left: 20px;
    /*margin-bottom: 10px;*/
}


/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------- SMALL PHONE VIEWPORT ------------------------------------------------------ */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
@media only screen and (max-width:576px) {

    .last-name[b-e9ivlzt0ws], .street-name[b-e9ivlzt0ws], .unit-address[b-e9ivlzt0ws], .state-address[b-e9ivlzt0ws], .zip-code[b-e9ivlzt0ws] {
        margin-left: 0px !important;
    }

    .SearchInsuredInfoGroupForm[b-e9ivlzt0ws] {
        display: flex;
        flex-direction: column;
        align-items: start !important;
        width: 100% !important;
    }

        .SearchInsuredInfoGroupForm select[b-e9ivlzt0ws] {
            width: 100% !important;
            border-radius: 5px !important;
            margin-bottom: 2px;
        }

    .AutoSearchInsuredInfo[b-e9ivlzt0ws] {
        width: 100%;
    }



    .formOfBusiness[b-e9ivlzt0ws] {
        display: flex;
        flex-wrap: wrap;
        width: 100% !important;
    }

    .formOfBusiness-item[b-e9ivlzt0ws] {
        width: 100%;
        display: flex;
        align-items: center;
        margin-left: 10px;
        margin-top: 10px;
    }

    .HeaderCaption[b-e9ivlzt0ws] {
        margin-top: -54px !important;
    }

    .BtnInsured[b-e9ivlzt0ws] {
        padding: 5px 10px !important;
        margin-left: 0px !important;
        margin-top: 5px !important;
    }

    .SelectDiv[b-e9ivlzt0ws] {
        width: 100% !important;
    }


    .AutoSearchInsuredInfo[b-e9ivlzt0ws] {
        width: 100% !important;
    }
}


/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------- BIGGER PHONE VIEWPORT ----------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */


@media (min-width: 576px) and (max-width: 767.98px) {


    .last-name[b-e9ivlzt0ws],
    .street-name[b-e9ivlzt0ws],
    .unit-address[b-e9ivlzt0ws],
    .state-address[b-e9ivlzt0ws],
    .zip-code[b-e9ivlzt0ws] {
        margin-left: 0px !important;
    }

    .AutoSearchInsuredInfo[b-e9ivlzt0ws] {
        width: 100%;
    }

    .HeaderCaption[b-e9ivlzt0ws] {
        margin-top: -60px !important;
    }

    .SearchInsuredInfoGroupForm[b-e9ivlzt0ws] {
        display: flex;
        flex-direction: column;
        width: 100%;
        align-items: start;
    }

        .SearchInsuredInfoGroupForm select[b-e9ivlzt0ws] {
            width: 100% !important;
            border-radius: 5px !important;
            margin-bottom: 2px;
        }


    .formOfBusiness[b-e9ivlzt0ws] {
        display: flex;
        flex-wrap: wrap;
        width: 100% !important;
    }

    .formOfBusiness-item[b-e9ivlzt0ws] {
        width: 100%;
        display: flex;
        align-items: center;
        margin-left: 10px;
        margin-top: 10px;
    }

    .TeamMember[b-e9ivlzt0ws] {
        flex-direction: column;
        width: 100%;
    }

    .TransactionCheckboxDiv[b-e9ivlzt0ws] {
        flex-direction: column;
    }

    .TransactionDiv[b-e9ivlzt0ws] {
        flex-direction: column;
    }

    .MarketingReferralDiv[b-e9ivlzt0ws] {
        flex-direction: row;
        margin-left: 0px;
    }

    .BtnInsured[b-e9ivlzt0ws] {
        padding: 5px 10px !important;
        margin-left: 5px !important;
        margin-top: 10px !important;
    }

    .SelectDiv[b-e9ivlzt0ws] {
        width: 100% !important;
    }

    .AutoSearchInsuredInfo[b-e9ivlzt0ws] {
        width: 100% !important;
    }

}


/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------- TABLET VIEWPORT -------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */


@media (min-width: 768px) and (max-width: 991.98px) {

    .formOfBusiness[b-e9ivlzt0ws] {
        display: flex;
        flex-wrap: wrap;
        width: 100% !important;
    }

    .formOfBusiness-item[b-e9ivlzt0ws] {
        width: 100%;
        display: flex;
        align-items: center;
        margin-left: 10px;
        margin-top: 10px;
    }

    .HeaderCaption[b-e9ivlzt0ws] {
        margin-top: -60px !important;
    }

    .TransactionCheckboxDiv[b-e9ivlzt0ws] {
        flex-direction: column;
    }

    .MarketingReferralDiv[b-e9ivlzt0ws] {
        margin-left: 0px;
    }

    .AcknowledgementDiv[b-e9ivlzt0ws] {
        margin-left: -300px;
    }

    .BtnInsured[b-e9ivlzt0ws] {
        padding: 5px 10px !important;
        margin-top: 10px !important;
        margin-left: 0px !important;
    }

    .NewInsuredDiv[b-e9ivlzt0ws] {
        margin-top: -10px !important
    }
}


/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------- LAPTOP AND SMALLER DESKTOP  ------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */

@media screen and (min-width:992px) and (max-width: 1199px) {

    .BtnInsured[b-e9ivlzt0ws] {
        padding: 5px 10px !important;
        margin-top: 10px !important;
        margin-left: 0px !important;
    }

    .NewInsuredDiv[b-e9ivlzt0ws] {
        margin-top: 0px !important
    }
}

/* Lester CSS */
@media (min-width: 992px) and (max-width: 1468px) {
    .formOfBusiness-item[b-e9ivlzt0ws] {
        width: 100%;
        display: flex;
        align-items: center;
        margin-left: 10px;
        margin-top: 10px;
    }

    .TransactionCheckboxDiv[b-e9ivlzt0ws] {
        flex-direction: column;
    }

    .MarketingReferralDiv[b-e9ivlzt0ws] {
        margin-left: 0px;
    }

    .AcknowledgementDiv[b-e9ivlzt0ws] {
        margin-left: -300px;
    }
}

@media (min-width: 1000px) and (max-width: 1200px) {
    .MarketingReferralDiv[b-e9ivlzt0ws] {
        margin-left: 0px;
    }
}
/* End */

/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------- LAPTOP AND SMALLER DESKTOP  ------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */

@media (min-width: 1200px) and (max-width: 1500px) {
    
}

/* Lester CSS */
@media (min-width:1201px) and (max-width: 1468px) {

    .TransactionCheckboxDiv[b-e9ivlzt0ws] {
        flex-direction: column;
    }

    .MarketingReferralDiv[b-e9ivlzt0ws] {
        flex-direction: row;
    }
}

/* End */
/* /Pages/EndorsementApplication/EndorsementApplicationNavMenu.razor.rz.scp.css */
.sub-menu[b-xt0i630ceq] {
    background: #333333;
    color: white;
    margin-top: 25px !important;
    height: 100vh !important;
    border-radius: 5px;
    box-shadow: 0px 4px 8px rgba(0,0,0,0.3);
    margin: 7.5px 0 0 7.5px;
}

.ellipsis[b-xt0i630ceq] {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}


.SearchQuotation[b-xt0i630ceq] {
    /*  margin-top: 15px;*/
}

.WhiteSeparator[b-xt0i630ceq] {
    border-bottom: 0.1px solid white;
    margin-bottom: 10px;
    width: 80%;
}

.InfoNumContainer[b-xt0i630ceq] {
    flex-direction:column;
    justify-content: center;
    align-items:center;
    gap: 10px;
}

.SummaryHeader[b-xt0i630ceq] {
    font-size: 16px;
    color: white !important;
    font-weight: 500;
    text-align: center;
    margin-bottom: 5px;
}

.SummarySpan[b-xt0i630ceq] {
    background-color: #565656;
    border-radius: 5px;
    padding: 3px 16px;
    font-size: 16px;
    border: 0.5px solid white;
    font-weight: 700;
    margin-top: -10px !important;
}


.title[b-xt0i630ceq] {
    font-size: 18px;
    color: white !important;
    padding-top: 20px;
    padding-bottom: 5px;
    text-align: start;
    font-weight: 600;
}

.WhiteSeparator[b-xt0i630ceq] {
    border-bottom: 0.1px solid white;
    margin-bottom: 10px;
    width: 80%;
}

.SummarySpan[b-xt0i630ceq] {
    background-color: #565656;
    border-radius: 5px;
    padding: 3px 16px;
    font-weight: 700;
    font-size: 15px;
    border: 0.5px solid white;
}


.SummaryHeader[b-xt0i630ceq] {
    font-size: 15px;
    /*margin-right: 6px;*/
    color: white !important;
    font-weight: 500;
    margin-top: 5px !important;
    margin-bottom: 8px !important;
}

.SummaryDiv[b-xt0i630ceq]{
    text-align: center;
}


.LoadingIndicator[b-xt0i630ceq] {
    width: 15px !important;
    margin-left: 10px;
}

.ButtonGroupDiv[b-xt0i630ceq] {
    display: flex;
    flex-direction: column;
    width: 100%;
    justify-content: center !important;
    position: absolute;
    bottom: 10px;
    padding-right: 7.5px;
}

.ScrollerDiv0[b-xt0i630ceq] {
    max-height: 680px !important;
    overflow-y: auto;
    width: 100%;
}


.SubMenuLocations[b-xt0i630ceq] {
    margin: 0px 0px 10px 0px;
    font-weight: 300;
    text-align: start;
    padding: 0px 0px 0px 20px;
}


.SearchGroup[b-xt0i630ceq] {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
}

.CustomSelect[b-xt0i630ceq] {
    padding: 5px;
    width: 126px;
    height: 31px !important;
    border-radius: 0px !important;
}

.SearchText[b-xt0i630ceq] {
    width: 224px;
    border-radius: 0px !important;
    font-size: 13px !important;
}

.QuoteContainer[b-xt0i630ceq] {
    display: flex;
    flex-direction: column;
    padding: 10px 10px;
    margin: 7px 10px;
    border: 0.5px solid white;
    border-radius: 5px;
    background: #565656 !important;
    /*box-shadow: rgb(177 157 142) 1px 1px 0px;*/
}


    .QuoteContainer:hover[b-xt0i630ceq] {
        cursor: pointer;
        background: white !important;
        box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2);
    }

        .QuoteContainer:hover .DataValue[b-xt0i630ceq] {
            font-weight: 500;
            color: black !important;
        }

        .QuoteContainer:hover .caption[b-xt0i630ceq] {
            font-weight: 700;
            color: black !important;
        }


    .QuoteContainer .Line1[b-xt0i630ceq], .QuoteContainer .Line3[b-xt0i630ceq] {
        display: flex;
        justify-content: space-between;
    }

    .QuoteContainer .Line2[b-xt0i630ceq], .QuoteContainer .Line3[b-xt0i630ceq] {
        margin: 5px 0px 0px 0px;
    }

    .QuoteContainer .Line3[b-xt0i630ceq] {
        margin: 5px 0px 3px 0px;
    }

    .QuoteContainer .caption[b-xt0i630ceq], .QuoteContainer.DataValue[b-xt0i630ceq] {
        font-size: 13px !important;
    }

    .QuoteContainer .DataValue[b-xt0i630ceq] {
        font-weight: 400;
        color: white;
    }

    .QuoteContainer .caption[b-xt0i630ceq] {
        font-weight: 500;
        color: white;
    }


.Active[b-xt0i630ceq] {
    background: #4A4A4A !important;
}

    .Active .DataValue[b-xt0i630ceq], .Active .caption[b-xt0i630ceq] {
        color: white !important;
    }


    .DataValue:hover[b-xt0i630ceq], .Active:hover[b-xt0i630ceq] {
        cursor: pointer;
    }



.SubHeader[b-xt0i630ceq] {
    display: flex;
    flex-direction: column;
    width: 100%;
    justify-content: center !important;
    position: absolute;
    bottom: 10px;
}

.ButtonContainer[b-xt0i630ceq] {
    display: flex;
    /*justify-content: center !important;*/
}

.btn-quotation[b-xt0i630ceq] {
    color: white;
    background: var(--primaryColor);
    border-radius: 3px;
    padding: 3px 8px;
    transition-duration: 300ms;
    border: none;
    margin: 6px 16px 0px 16px;
    font-size: 13px;
}

    .btn-quotation:hover[b-xt0i630ceq] {
        opacity: 0.8;
        transition-duration: 100ms;
    }


/* Validation Bootstrap */

.DangerBackground[b-xt0i630ceq] {
    background: var(--red);
    margin: 15px 15px -4px 15px;
    border-radius: 3px;
    padding: 5px;
    text-align: center;
}

.ValidationsParentDiv[b-xt0i630ceq] {
    margin: 7px 10px !important;
}


.RedBanner[b-xt0i630ceq] {
    background: var(--red);
    border-start-start-radius: 3px;
    border-start-end-radius: 3px;
}

.ValidationText[b-xt0i630ceq] {
    margin-left: 5px;
    font-weight: 300;
    padding: 5px;
    color: white !important;
    font-size: 13px;
    margin-bottom: 3px;
}

.ValidationContainer[b-xt0i630ceq] {
    padding: 0px;
    border: 1px var(--lightGray) solid;
    border-top: none !important;
    transition: background-color 0.1s;
}

    .ValidationContainer:hover[b-xt0i630ceq] {
        background: white;
        cursor: pointer;
        border-top: 1px black solid;
        border-bottom: 1px black solid;
    }

        .ValidationContainer:hover .ValidationText[b-xt0i630ceq] {
            color: black !important;
            font-weight: 600;
        }

.IconCircle[b-xt0i630ceq] {
    border-radius: 25px;
    width: 23px;
    height: 23px;
    background-color: #333333;
    border: 2px white solid;
    margin-left: 10px;
}

.icon[b-xt0i630ceq] {
    font-size: 14px;
    color: white !important;
}

.TextHeader[b-xt0i630ceq] {
    padding: 5px;
    font-size: 13px;
    font-weight: 700;
    margin-top: 8px;
    margin-bottom: 7px;
}

.ReminderText[b-xt0i630ceq] {
    margin-left: 10px;
    margin-top: 2px;
    margin-bottom: 5px;
    font-size: 13px;
    padding: 5px;
}

.ReminderContainer[b-xt0i630ceq] {
    border-top: 0.5px black solid;
    border-bottom: 0.5px black solid;
    height: 35px;
}


/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------- RESPONSIVENESS -------------------------------------------------------- */
/* -------------- PLEASE MATCH YOUR CSS ACCORDING TO THE VIEWPORT DO NOT CREATE ANOTHER TO AVOID CONFLICT RESPONSIVENESS ---------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
@media only screen and (max-width: 991px) {
    .NavigationBar[b-xt0i630ceq] {
        text-align: start;
        padding: 10px;
    }

    .Navigator[b-xt0i630ceq] {
        display: none;
    }

    .ButtonGroupDiv[b-xt0i630ceq] {
        position: inherit;
    }
}


/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------- SMALL PHONE VIEWPORT ------------------------------------------------------ */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */

@media only screen and (max-width:576px) {
    .sub-menu[b-xt0i630ceq] {
        margin: 20px 10px 40px 10px;
        padding-bottom: 10px;
        height: auto !important;
    }

    .ScrollerDiv[b-xt0i630ceq] {
        max-height: 200px !important;
        overflow-y: auto;
        width: 100%;
    }

    .RedBanner[b-xt0i630ceq] {
        background: var(--red);
        border-radius: 0px;
    }

    .ButtonGroupDiv[b-xt0i630ceq] {
        position: inherit;
    }
}


/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------- BIGGER PHONE VIEWPORT ----------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */


@media (min-width: 576px) and (max-width: 767.98px) {

    .sub-menu[b-xt0i630ceq] {
        margin: 20px 10px 40px 10px;
        padding-bottom: 10px;
        height: auto !important;
    }

    .ScrollerDiv[b-xt0i630ceq] {
        max-height: 250px !important;
        overflow-y: auto;
        width: 100%;
    }

    .RedBanner[b-xt0i630ceq] {
        background: var(--red);
        border-radius: 0px;
    }

    .ButtonGroupDiv[b-xt0i630ceq] {
        position: inherit;
    }
}

/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------- TABLET VIEWPORT -------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */


@media (min-width: 768px) and (max-width: 991px) {
    .sub-menu[b-xt0i630ceq] {
        margin: 20px 10px 40px 10px;
        padding-bottom: 10px;
        height: auto !important;
    }

    .RedBanner[b-xt0i630ceq] {
        background: var(--red);
        border-radius: 0px;
    }

    .ButtonGroupDiv[b-xt0i630ceq] {
        position: inherit;
    }

    .ScrollerDiv0[b-xt0i630ceq] {
        max-height: 200px !important;
    }
}


/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------- LAPTOP AND SMALLER DESKTOP  ------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */

@media (min-width:992px) and (max-width: 1199px) {

    .sub-menu[b-xt0i630ceq] {
        margin: 20px 10px 40px 10px;
        padding-bottom: 10px;
        height: auto !important;
    }

    .ScrollerDiv[b-xt0i630ceq] {
        max-height: 150px !important;
        overflow-y: auto;
        width: 100%;
    }

    .RedBanner[b-xt0i630ceq] {
        background: var(--red);
        border-radius: 0px;
    }

    .ScrollerDiv0[b-xt0i630ceq] {
        max-height: 200px !important;
        overflow-y: auto;
        width: 100%;
    }

    .ButtonGroupDiv[b-xt0i630ceq] {
        position: inherit;
    }
}

/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------  DESKTOP  ------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */


@media (min-width: 1200px) and (max-width: 1499px) {
}

/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------- ULTRAWIDE DESKTOP ------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */

@media (min-width: 1500px) {
}



/* ------------------------------------------------------ Mud Blazor Override -------------------------------------------------------*/

[b-xt0i630ceq] .mud-button-group-filled.mud-button-group-override-styles.mud-button-group-filled-primary .mud-button-root {
    color: white !important;
    background-color: var(--primaryColor) !important;
    width: 48% !important;
    border-radius: 0px;
    padding: 8px 8px !important;
}


[b-xt0i630ceq] .mud-button-group-horizontal:not(.mud-button-group-rtl) > .mud-button-root:not(:last-child), .mud-button-group-horizontal:not(.mud-button-group-rtl) > :not(:last-child) .mud-button-root[b-xt0i630ceq] {
    border-start-start-radius: 5px;
    border-end-start-radius: 5px;
}

[b-xt0i630ceq] .mud-button-group-horizontal:not(.mud-button-group-rtl) > .mud-button-root:not(:first-child), .mud-button-group-horizontal:not(.mud-button-group-rtl) > :not(:first-child) .mud-button-root[b-xt0i630ceq] {
    border-start-end-radius: 5px;
    border-end-end-radius: 5px;
}
/* /Pages/EndorsementApplication/EndorsementApplicationOrigination.razor.rz.scp.css */
/* Global CSS */

.caption[b-tem9gti1p5] {
    margin-right: 10px !important;
    margin-bottom: 3px;
    font-size: 13px !important;
}


.HeaderCaption[b-tem9gti1p5] {
    margin-left: -5px !important;
    margin-top: -86px !important;
    margin-bottom: 0px !important;
}


/* Component CSS */

.SubmissionInsured[b-tem9gti1p5] {
    margin-top: -15px !important;
}

.SearchLabel[b-tem9gti1p5] {
    margin: 10px 0px !important;
}

.RadioLabel[b-tem9gti1p5] {
    font-size: 13px;
    font-weight: 500;
    margin-left: 3px;
}

.BtnInsured[b-tem9gti1p5] {
    margin-left: 9px;
    padding: 5px 10px;
    font-size: 13px;
}




.TeamMember[b-tem9gti1p5] {
    width: 99%;
}


/* Transaction Type */
.MarketingReferralDiv[b-tem9gti1p5], .AcknowledgementDiv[b-tem9gti1p5], .TransactionDiv[b-tem9gti1p5], .TeamMember[b-tem9gti1p5] {
    display: flex;
}

.TransactionCheckboxDiv[b-tem9gti1p5] {
    display: flex;
    margin-bottom: -17px !important;
}
/* End */
.last-name[b-tem9gti1p5] {
    margin-left: 10px;
}


.separator[b-tem9gti1p5] {
    margin: 15px 0px;
    border-top: 0.1px solid #b8e2ff;
}

.separator-address[b-tem9gti1p5] {
    margin: 35px 0px 0px 0px !important;
    border-top: 0.1px solid #b8e2ff;
}

.mailing-btn[b-tem9gti1p5] {
    margin-top: 15px !important;
    padding: 5px 10px;
    font-size: 13px;
}

.physical-btn[b-tem9gti1p5] {
    margin-top: 6px !important;
    padding: 5px 10px;
    font-size: 13px;
}

.mailing-address-label[b-tem9gti1p5] {
    margin-top: 6px !important;
}

.physical-address-label[b-tem9gti1p5], .mailing-address-label[b-tem9gti1p5] {
    font-weight: 900;
}


.formOfBusiness[b-tem9gti1p5] {
    display: flex;
    flex-wrap: wrap;
    width: 100% !important;
    margin-left: 11px;
}

.formOfBusiness-item[b-tem9gti1p5] {
    display: flex;
    align-items: center;
    margin-left: 20px;
    margin-bottom: 10px;
}


/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------- SMALL PHONE VIEWPORT ------------------------------------------------------ */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
@media only screen and (max-width:576px) {

    .last-name[b-tem9gti1p5], .street-name[b-tem9gti1p5], .unit-address[b-tem9gti1p5], .state-address[b-tem9gti1p5], .zip-code[b-tem9gti1p5] {
        margin-left: 0px !important;
    }

    .SearchInsuredInfoGroupForm[b-tem9gti1p5] {
        display: flex;
        flex-direction: column;
        align-items: start !important;
        width: 100% !important;
    }

        .SearchInsuredInfoGroupForm select[b-tem9gti1p5] {
            width: 100% !important;
            border-radius: 5px !important;
            margin-bottom: 2px;
        }

    .AutoSearchInsuredInfo[b-tem9gti1p5] {
        width: 100%;
    }



    .formOfBusiness[b-tem9gti1p5] {
        display: flex;
        flex-wrap: wrap;
        width: 100% !important;
    }

    .formOfBusiness-item[b-tem9gti1p5] {
        width: 100%;
        display: flex;
        align-items: center;
        margin-left: 10px;
        margin-top: 10px;
    }

    .BtnInsured[b-tem9gti1p5] {
        padding: 5px 10px !important;
        margin-left: 0px !important;
        margin-top: 5px !important;
    }

    .SelectDiv[b-tem9gti1p5] {
        width: 100% !important;
    }


    .AutoSearchInsuredInfo[b-tem9gti1p5] {
        width: 100% !important;
    }

    .NewInsuredDiv[b-tem9gti1p5] {
        margin-left: 0px !important;
        width: 100% !important;
        margin-bottom: 0px !important;
    }
}


/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------- BIGGER PHONE VIEWPORT ----------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */


@media (min-width: 577px) and (max-width: 767.98px) {


    .last-name[b-tem9gti1p5],
    .street-name[b-tem9gti1p5],
    .unit-address[b-tem9gti1p5],
    .state-address[b-tem9gti1p5],
    .zip-code[b-tem9gti1p5] {
        margin-left: 0px !important;
    }

    .AutoSearchInsuredInfo[b-tem9gti1p5] {
        width: 100%;
    }

    .HeaderCaption[b-tem9gti1p5] {
        margin-top: -60px !important;
    }

    .SearchInsuredInfoGroupForm[b-tem9gti1p5] {
        display: flex;
        flex-direction: column;
        width: 100%;
        align-items: start;
    }

        .SearchInsuredInfoGroupForm select[b-tem9gti1p5] {
            width: 100% !important;
            border-radius: 5px !important;
            margin-bottom: 2px;
        }


    .formOfBusiness[b-tem9gti1p5] {
        display: flex;
        flex-wrap: wrap;
        width: 100% !important;
    }

    .formOfBusiness-item[b-tem9gti1p5] {
        width: 100%;
        display: flex;
        align-items: center;
        margin-left: 10px;
        margin-top: 10px;
    }

    .TeamMember[b-tem9gti1p5] {
        flex-direction: column;
        width: 100%;
    }

    .MemberParentDiv[b-tem9gti1p5] {
        margin-top: 10px !important;
    }

    .TransactionCheckboxDiv[b-tem9gti1p5] {
        flex-direction: column;
    }

    .TransactionDiv[b-tem9gti1p5] {
        flex-direction: column;
    }

    .MarketingReferralDiv[b-tem9gti1p5] {
        flex-direction: row;
        margin-left: 0px;
    }

    .BtnInsured[b-tem9gti1p5] {
        padding: 5px 10px !important;
        margin-left: 0px !important;
        margin-top: 5px !important;
    }

    .SelectDiv[b-tem9gti1p5] {
        width: 100% !important;
    }

    .AutoSearchInsuredInfo[b-tem9gti1p5] {
        width: 100% !important;
    }

    .NewInsuredDiv[b-tem9gti1p5] {
        margin-left: 0px !important;
        width: 100% !important;
        margin-bottom: 0px !important;
    }
}


/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------- TABLET VIEWPORT -------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */


@media (min-width: 768px) and (max-width: 991.98px) {

    .formOfBusiness[b-tem9gti1p5] {
        display: flex;
        flex-wrap: wrap;
        width: 100% !important;
    }

    .formOfBusiness-item[b-tem9gti1p5] {
        width: 100%;
        display: flex;
        align-items: center;
        margin-left: 10px;
        margin-top: 10px;
    }

    .HeaderCaption[b-tem9gti1p5] {
        margin-top: -60px !important;
    }

    .TransactionCheckboxDiv[b-tem9gti1p5] {
        flex-direction: column;
    }

    .MarketingReferralDiv[b-tem9gti1p5] {
        margin-left: 0px;
    }

    .AcknowledgementDiv[b-tem9gti1p5] {
        margin-left: -300px;
    }

    .BtnInsured[b-tem9gti1p5] {
        padding: 5px 10px !important;
        margin-top: 10px !important;
        margin-left: 0px !important;
    }
}


/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------- LAPTOP AND SMALLER DESKTOP  ------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */

@media screen and (min-width:992px) and (max-width: 1199px) {

    .BtnInsured[b-tem9gti1p5] {
        padding: 5px 10px !important;
        margin-top: 10px !important;
        margin-left: 0px !important;
    }
}

/* Lester CSS */
@media (min-width: 992px) and (max-width: 1468px) {
    .formOfBusiness-item[b-tem9gti1p5] {
        width: 100%;
        display: flex;
        align-items: center;
        margin-left: 10px;
        margin-top: 10px;
    }

    .TransactionCheckboxDiv[b-tem9gti1p5] {
        flex-direction: column;
    }

    .MarketingReferralDiv[b-tem9gti1p5] {
        margin-left: 0px;
    }
}

@media (min-width: 1000px) and (max-width: 1200px) {
    .MarketingReferralDiv[b-tem9gti1p5] {
        margin-left: 0px;
    }
}
/* End */

/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------- LAPTOP AND SMALLER DESKTOP  ------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */

@media (min-width: 1200px) and (max-width: 1499px) {
}

/* Lester CSS */
@media (min-width:1201px) and (max-width: 1468px) {

    .TransactionCheckboxDiv[b-tem9gti1p5] {
        flex-direction: column;
    }

    .MarketingReferralDiv[b-tem9gti1p5] {
        flex-direction: row;
    }
}

/* End */
/* /Pages/EndorsementApplication/EndorsementApplicationProcess.razor.rz.scp.css */
.ProcessBindDiv[b-k2yf4i1s1a] {
    background: white;
    padding: 20px 10px;
    margin: -10px 10px 5px 10px;
}


.BinderHeader[b-k2yf4i1s1a] {
    font-size: 20px;
    font-weight: 800 !important;
    color: var(--primaryColor);
    margin: -20px 0px 10px 5px;
}

.ErrorMessage[b-k2yf4i1s1a] {
    color: var(--red);
    margin-top: 3px;
    margin-left: -8px;
    margin-bottom: -2px;
}

.title[b-k2yf4i1s1a] {
    margin-left: 20px !important;
}

.HeaderData[b-k2yf4i1s1a] {
    margin: 10px 0px -10px 9px;
}

.DateDiv[b-k2yf4i1s1a] {
    margin: 10px;
}

.caption[b-k2yf4i1s1a] {
    margin-top: 6px;
    margin-right: 12px;
    font-weight: 700;
    color: rgb(36, 41, 52) !important;
}

.BlueTopSeparator[b-k2yf4i1s1a] {
    margin: 20px 0px 0px 0px !important;
    border-top: 0.1px solid #b8e2ff;
}

.ProcessDataDiv[b-k2yf4i1s1a] {
    margin: -10px 10px 10px 25px;
    border-top: 0.1px solid var(--lightGray);
}

.EndorsementContainer[b-k2yf4i1s1a] {
    margin-top: 20px !important;
}

.btn-brokerManagement-clear[b-k2yf4i1s1a] {
    border: 1px solid var(--primaryColor);
    color: var(--primaryColor);
    transition-duration: 400ms;
}

    .btn-brokerManagement-clear:hover[b-k2yf4i1s1a] {
        cursor: pointer;
        opacity: 0.8;
        transition-duration: 400ms;
    }

    .btn-brokerManagement-clear:disabled[b-k2yf4i1s1a] {
        opacity: 0.7;
    }

.btn[b-k2yf4i1s1a] {
    padding: 7px 15px;
}

.error[b-k2yf4i1s1a] {
    font-size: 15px;
    font-weight: 700;
}

.successfully[b-k2yf4i1s1a] {
    font-size: 15px;
    font-weight: 700;
    color: var(--green);
    margin-top: 5px;
}

.LoadingV2[b-k2yf4i1s1a] {
    margin-top: 5px;
    margin-left: 6px !important;
    width: 15px !important;
}


@media only screen and (max-width: 562px) {

    .ExpirationDateDiv[b-k2yf4i1s1a] {
        margin-top: 15px !important;
    }
}


[b-k2yf4i1s1a] .mud-button-filled:hover, .mud-button-filled:focus-visible[b-k2yf4i1s1a] {
    background: #3e93cf !important;
}

[b-k2yf4i1s1a] .mud-button-label {
    font-size: 12px !important;
    padding: 1px 1px !important;
    font-family: Montserrat !important;
    text-transform: none !important;
}

[b-k2yf4i1s1a] .mud-progress-linear .mud-progress-linear-bars {
    background: #dbebf6 !important;
}


[b-k2yf4i1s1a] .mud-progress-linear.mud-progress-linear-color-primary:not(.mud-progress-linear-buffer) .mud-progress-linear-bar {
    background-color: var(--primaryColor);
}

[b-k2yf4i1s1a] .mud-button-filled:hover, .mud-button-filled:focus-visible[b-k2yf4i1s1a] {
    background: #3e93cf !important;
}

[b-k2yf4i1s1a] .mud-button-filled {
    font-size: 13px !important;
}
/* /Pages/EndorsementApplication/EndorsementApplicationSummary.razor.rz.scp.css */

.LayoutBackground[b-kas5tugfh2] {
    margin-top: 15px;
}


.EndorsementSummaryContainer[b-kas5tugfh2] {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%;
    margin-top: 12px;
}

.EndorsementSummaryItem[b-kas5tugfh2] {
    width: calc(25% - 10px);
    background: #FCFDFF;
    border: 0.1px solid #EFEFEF;
    border-radius: 3px;
    color: #2c2c2c;
    padding: 8px 15px;
    box-sizing: border-box;
    flex: 1 1 auto;
    font-size: 1.2em;
}

.EndorsementSummaryInfo[b-kas5tugfh2] {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin-top: 5px;
    font-weight: 500;
}


@media (min-width:992px) and (max-width:1200px) {
    .EndorsementSummaryItem[b-kas5tugfh2] {
        width: calc(40% - 10px);
    }
}

@media (min-width:768px) and (max-width: 991px) {
    .EndorsementSummaryItem[b-kas5tugfh2] {
        width: calc(50% - 10px);
    }
}

@media screen and (max-width: 767px) {
    .EndorsementSummaryItem[b-kas5tugfh2] {
        width: calc(100% - 10px);
    }
}

.EndorsementSummaryTitle[b-kas5tugfh2] {
    font-weight: 700;
    margin-right: 5px;
}

.BtnGroup[b-kas5tugfh2] {
    margin-top: 20px !important;
    margin-bottom: 10px;
}

.btn-brokerManagement-clear[b-kas5tugfh2] {
    border: 1px solid var(--primaryColor);
    color: var(--primaryColor);
    transition-duration: 400ms;
}

    .btn-brokerManagement-clear:hover[b-kas5tugfh2] {
        cursor: pointer;
        opacity: 0.8;
        transition-duration: 400ms;
    }

    .btn-brokerManagement-clear:disabled[b-kas5tugfh2] {
        opacity: 0.9;
    }
/* /Pages/EndorsementApplication/MainEndorsementApplication.razor.rz.scp.css */
.MainSubmissionInfo[b-yfqitaomid] {
    margin: -10px 0px 16px 0px;
    margin-top:20px;
}

.sidebar[b-yfqitaomid] {
    width: 350px !important;
}

.SubmissionNavMenu[b-yfqitaomid] {
    position: fixed;
    margin-top: -118px;
}

.LayoutBackground[b-yfqitaomid] {
    margin-left: 365px;
    box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
}

.btn[b-yfqitaomid] {
    margin: 20px 0px;
    padding: 6px 13px;
    font-size: 13px;
}

.btn-brokerManagement-clear[b-yfqitaomid] {
    border: 1px solid var(--primaryColor);
    color: var(--primaryColor);
    transition-duration: 400ms;
}

    .btn-brokerManagement-clear:hover[b-yfqitaomid] {
        cursor: pointer;
        opacity: 0.8;
        transition-duration: 400ms;
    }

    .btn-brokerManagement-clear:disabled[b-yfqitaomid] {
        opacity: 0.7;
    }






/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------- RESPONSIVENESS -------------------------------------------------------- */
/* -------------- PLEASE MATCH YOUR CSS ACCORDING TO THE VIEWPORT DO NOT CREATE ANOTHER TO AVOID CONFLICT RESPONSIVENESS ---------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */


@media only screen and (max-width: 991px) {

    .NavigationBar[b-yfqitaomid] {
        text-align: start;
        padding: 10px;
    }

    .Navigator[b-yfqitaomid] {
        display: none;
    }
}

@media only screen and (max-width: 1199px) {

    .MainSubmissionInfo[b-yfqitaomid] {
        display: flex;
        flex-direction: column !important;
    }

    .SubmissionNavMenu[b-yfqitaomid] {
        position: initial;
        margin-top: 0px;
    }

    .sidebar[b-yfqitaomid] {
        width: 100% !important;
        height: 50% !important;
    }

    .LayoutBackground[b-yfqitaomid] {
        margin-left: 10px;
    }

}

/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------- SMALL PHONE VIEWPORT ------------------------------------------------------ */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */

@media only screen and (max-width:576px) {
}


/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------- BIGGER PHONE VIEWPORT ----------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */


@media (min-width: 576px) and (max-width: 767.98px) {
}

/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------- TABLET VIEWPORT -------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */


@media (min-width: 768px) and (max-width: 991.98px) {

    .LayoutBackground[b-yfqitaomid] {
        margin-left: 10px;
    }
}


/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------- LAPTOP AND SMALLER DESKTOP  ------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */

@media screen and (min-width:992px) and (max-width: 1199px) {

  
}

/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------  DESKTOP  ------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */


@media (min-width: 1200px) and (max-width: 1499px) {
}

/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------- ULTRAWIDE DESKTOP ------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */

@media (min-width: 1500px) {
}
/* /Pages/EndorsementPolicy/AutoAddSearchCoverage.razor.rz.scp.css */

/* Global CSS */


input[b-ivxi7io2sz] {
    border: 1px solid #C5C5C5 !important;
}

    input:disabled[b-ivxi7io2sz] {
        border: 1px solid rgba(0,0,0,0.3764705882352941) !important;
    }

.error[b-ivxi7io2sz] {
    font-size: 11px !important;
    font-weight: 500 !important;
    text-align: center !important;
    margin-top: 5px;
    margin-bottom: 0px;
    margin-left: -25px !important;
}

.form-control[b-ivxi7io2sz] {
    height: 40px !important;
}

.autocomplete[b-ivxi7io2sz] {
    position: relative;
    width: 360px !important;
}

.DropdownOption[b-ivxi7io2sz] {
    display: flex;
}

.CoverageSelection[b-ivxi7io2sz] {
    display: flex !important;
}

.LabelCaption[b-ivxi7io2sz] {
    font-size: 13px;
    font-weight: 600;
    margin-bottom: 3px;
    width: 120px !important;
}

.options[b-ivxi7io2sz] {
    z-index: 1 !important;
    position: absolute;
    left: 0;
    width: 100%;
    max-height: 200px;
    overflow-y: auto;
    background: white;
    border: 1px solid #ced4da;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.1);
}

.autocomplete .option[b-ivxi7io2sz] {
    display: block;
    padding: 0.25rem;
}

    .autocomplete .option .option-text[b-ivxi7io2sz] {
        padding: 0.25rem 0.5rem;
    }

    .autocomplete .option:hover[b-ivxi7io2sz] {
        background: var(--primaryColor);
        color: #fff;
        cursor: pointer;
    }

    .autocomplete .option.disabled[b-ivxi7io2sz] {
        padding: 0.50rem;
        background-color: var(--red);
        cursor: not-allowed;
        color: #fff;
    }

form-control:focus[b-ivxi7io2sz] {
    outline: none;
}


@media (min-width: 1200px) and (max-width: 1400px) {
    .AddCoveragesContainer[b-ivxi7io2sz] {
        display: flex;
        flex-direction: column;
    }

    .DropdownOption[b-ivxi7io2sz] {
        order: 2;
    }

    .CoverageSelection[b-ivxi7io2sz] {
        order: 1;
        justify-content: center;
        margin-bottom: 5px;
        margin-left: 90px;
    }
}

@media (min-width:600px) and (max-width: 768px) {
    .AddCoveragesContainer[b-ivxi7io2sz] {
        display: flex;
        flex-direction: column;
    }

    .DropdownOption[b-ivxi7io2sz] {
        order: 2;
    }

    .CoverageSelection[b-ivxi7io2sz] {
        order: 1;
        justify-content: center;
        margin-bottom: 5px;
        margin-left: 90px;
    }
}

@media only screen and (max-width: 600px) {
    .AddCoveragesContainer[b-ivxi7io2sz] {
        display: flex;
        flex-direction: column;
        width: 100%;
    }

    .DropdownOption[b-ivxi7io2sz] {
        flex-direction: column;
        width: 100% !important;
    }

    .autocomplete[b-ivxi7io2sz] {
        width: 100% !important;
    }

    .CoverageSelection[b-ivxi7io2sz] {
        justify-content: center;
        margin-top: 10px;
        margin-bottom: 5px;
        margin-left: -20px !important;
    }
}
/* /Pages/EndorsementPolicy/AutoAddSearchTaxFee.razor.rz.scp.css */

/* Global CSS */


input[b-yfoi6q45gd] {
    border: 1px solid #C5C5C5 !important;
}

    input:disabled[b-yfoi6q45gd] {
        border: 1px solid rgba(0,0,0,0.3764705882352941) !important;
    }

.error[b-yfoi6q45gd] {
    font-size: 11px !important;
    font-weight: 500 !important;
    text-align: center !important;
    margin-top: 5px;
    margin-bottom: 0px;
    margin-left: -25px !important;
}

.form-control[b-yfoi6q45gd] {
    height: 40px !important;
}

.autocomplete[b-yfoi6q45gd] {
    position: relative;
    width: 300px !important;
}

.DropdownOption[b-yfoi6q45gd] {
    display: flex;
}

.TaxesSelection[b-yfoi6q45gd] {
    display: flex !important;
}

.LabelCaption[b-yfoi6q45gd] {
    font-size: 13px;
    font-weight: 600;
    margin-bottom: 3px;
    width: 120px !important;
}

.options[b-yfoi6q45gd] {
    z-index: 1 !important;
    position: absolute;
    left: 0;
    width: 100%;
    max-height: 200px;
    overflow-y: auto;
    background: white;
    border: 1px solid #ced4da;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.1);
}

.autocomplete .option[b-yfoi6q45gd] {
    display: block;
    padding: 0.25rem;
}

    .autocomplete .option .option-text[b-yfoi6q45gd] {
        padding: 0.25rem 0.5rem;
    }

    .autocomplete .option:hover[b-yfoi6q45gd] {
        background: var(--primaryColor);
        color: #fff;
        cursor: pointer;
    }

    .autocomplete .option.disabled[b-yfoi6q45gd] {
        padding: 0.50rem;
        background-color: var(--red);
        cursor: not-allowed;
        color: #fff;
    }

form-control:focus[b-yfoi6q45gd] {
    outline: none;
}


@media (min-width: 1200px) and (max-width: 1400px) {
    .AddTaxFeeContainer[b-yfoi6q45gd] {
        display: flex;
        flex-direction: column;
    }

    .DropdownOption[b-yfoi6q45gd] {
        order: 2;
    }

    .TaxesSelection[b-yfoi6q45gd] {
        order: 1;
        justify-content: center;
        margin-bottom: 5px;
        margin-left: 110px;
    }
}

@media (min-width:600px) and (max-width: 768px) {
    .AddTaxFeeContainer[b-yfoi6q45gd] {
        display: flex;
        flex-direction: column;
    }

    .DropdownOption[b-yfoi6q45gd] {
        order: 2;
    }

    .TaxesSelection[b-yfoi6q45gd] {
        order: 1;
        justify-content: center;
        margin-bottom: 5px;
        margin-left: 90px;
    }
}

@media only screen and (max-width: 600px) {
    .AddTaxFeeContainer[b-yfoi6q45gd] {
        display: flex;
        flex-direction: column;
        width: 100%;
    }

    .DropdownOption[b-yfoi6q45gd] {
        flex-direction: column;
        width: 100% !important;
    }

    .autocomplete[b-yfoi6q45gd] {
        width: 100% !important;
    }

    .TaxesSelection[b-yfoi6q45gd] {
        justify-content: center;
        margin-top: 10px;
        margin-bottom: 5px;
        margin-left: -20px !important;
    }
}
/* /Pages/EndorsementPolicy/AutoSearchCarrier.razor.rz.scp.css */
input[b-mqsrkpfhk2] {
    border: 1px solid #C5C5C5 !important;
}

.form-control[b-mqsrkpfhk2] {
    height: 40px !important;
    border-top-right-radius: 5px !important;
    border-bottom-right-radius: 5px !important;
}

.autocomplete[b-mqsrkpfhk2] {
    position: relative;
}

    .autocomplete .options[b-mqsrkpfhk2] {
        position: absolute;
        left: 0;
        background: white;
        width: 100%;
        padding: 0;
        z-index: 2;
        border: 1px solid #ced4da;
        box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.1);
    }

    .autocomplete .option[b-mqsrkpfhk2] {
        display: block;
        padding: 0.25rem;
    }

        .autocomplete .option .option-text[b-mqsrkpfhk2] {
            padding: 0.25rem 0.5rem;
        }

        .autocomplete .option:hover[b-mqsrkpfhk2] {
            background: var(--primaryColor);
            color: #fff;
            cursor: pointer
        }

        .autocomplete .option.disabled[b-mqsrkpfhk2] {
            padding: 0.50rem;
            background-color: var(--red);
            cursor: not-allowed;
            color: #fff;
        }


/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------- SMALL PHONE VIEWPORT ------------------------------------------------------ */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */

@media only screen and (max-width:576px) {
    
}
/* /Pages/EndorsementPolicy/AutoSearchCoverage.razor.rz.scp.css */
.form-control[b-uf88ghjia6] {
    height: 40px !important;
    border-top-right-radius: 5px !important;
    border-bottom-right-radius: 5px !important;
}

.autocomplete[b-uf88ghjia6] {
    position: relative;
}

    .autocomplete .options[b-uf88ghjia6] {
        position: absolute;
        top: 65px;
        left: 0;
        background: white;
        width: 100%;
        padding: 0;
        z-index: 2;
        border: 1px solid #ced4da;
        box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.1);
    }

    .autocomplete .option[b-uf88ghjia6] {
        display: block;
        padding: 0.25rem;
    }

        .autocomplete .option .option-text[b-uf88ghjia6] {
            padding: 0.25rem 0.5rem;
        }

        .autocomplete .option:hover[b-uf88ghjia6] {
            background: var(--primaryColor);
            color: #fff;
            cursor: pointer
        }

        .autocomplete .option.disabled[b-uf88ghjia6] {
            padding: 0.50rem;
            background-color: var(--red);
            cursor: not-allowed;
            color: #fff;
        }
/* /Pages/EndorsementPolicy/BaseEndorsementPolicy.razor.rz.scp.css */
/* /Pages/EndorsementPolicy/EndorsementInsuredInformation.razor.rz.scp.css */

.SubmissionInfoContainer[b-88b042e6gj] {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%;
    position: relative;
}

.SubmissionItem[b-88b042e6gj] {
    width: calc(25% - 10px);
    background: #FCFDFF;
    border: 0.1px solid #EFEFEF;
    border-radius: 3px;
    color: #2c2c2c;
    padding: 8px 15px;
    box-sizing: border-box;
    flex: 1 1 auto;
    font-size: 1.2em;
    position: relative;
}



    .SubmissionItem:nth-child(1)[b-88b042e6gj], .SubmissionItem:nth-child(2)[b-88b042e6gj],
    .SubmissionItem:nth-child(3)[b-88b042e6gj], .SubmissionItem:nth-child(4)[b-88b042e6gj] {
        width: 160px;
    }

    .SubmissionItem:nth-child(6)[b-88b042e6gj] {
        width: auto;
        min-width: 10%;
    }


    .SubmissionItem:nth-child(7)[b-88b042e6gj], .SubmissionItem:nth-child(8)[b-88b042e6gj],
    .SubmissionItem:nth-child(10)[b-88b042e6gj] {
        width: auto;
        min-width: 30%;
    }


    .SubmissionItem:nth-child(13)[b-88b042e6gj], .SubmissionItem:nth-child(14)[b-88b042e6gj] {
        width: auto;
        min-width: 40%;
    }


    .SubmissionItem:hover[b-88b042e6gj] {
        cursor: pointer;
        background: #f2f2f2;
    }

        .SubmissionItem:hover .tooltip-text[b-88b042e6gj] {
            visibility: visible;
            opacity: 1;
        }


.SubmissionInfo[b-88b042e6gj] {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin-top: 5px;
    font-weight: 500;
}

/* Tooltip */

.tooltip-text[b-88b042e6gj] {
    visibility: hidden;
    width: auto;
    text-align: center;
    border-radius: 6px;
    padding: 5px;
    position: absolute;
    z-index: 99;
    left: 70px;
    margin-left: -60px;
    opacity: 0;
    top: 70px;
    min-height: 30px;
    transition: opacity 0.2s;
    background-color: #333;
    color: #fff;
    text-align: center;
}



@media (min-width:992px) and (max-width:1200px) {
    .SubmissionItem[b-88b042e6gj] {
        width: calc(40% - 10px);
    }
}

@media (min-width:768px) and (max-width: 991px) {
    .SubmissionItem[b-88b042e6gj] {
        width: calc(50% - 10px);
    }
}

@media screen and (max-width: 767px) {
    .SubmissionItem[b-88b042e6gj] {
        width: calc(100% - 10px);
    }
}

.SubmissionInformationDiv[b-88b042e6gj] {
    margin-top: -2%; /* Adjust as needed */
    margin-left: 2%; /* Adjust as needed */
}

.SubmissionTitle[b-88b042e6gj] {
    font-weight: 700;
    margin-right: 5px;
}


.HeaderCaption[b-88b042e6gj] {
    margin-top: -111px;
    margin-left: 380px;
}





@media only screen and (max-width: 1199px) {
    .QuotationInformationDiv[b-88b042e6gj] {
        margin-left: 10px !important;
    }
}

/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------- SMALL PHONE VIEWPORT ------------------------------------------------------ */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */

@media only screen and (max-width:576px) {

    .LayoutBackground[b-88b042e6gj] {
        margin-top: 30px;
        margin-left: 10px;
    }

    .HeaderCaption[b-88b042e6gj] {
        margin-top: -4px;
        margin-left: 0px;
    }
}


/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------- BIGGER PHONE VIEWPORT ----------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */


@media (min-width: 576px) and (max-width: 767.98px) {

    .LayoutBackground[b-88b042e6gj] {
        margin-top: 30px;
        margin-left: 10px;
    }

    .HeaderCaption[b-88b042e6gj] {
        margin-top: -5px;
        margin-left: 0px;
    }
}

/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------- TABLET VIEWPORT -------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */


@media (min-width: 768px) and (max-width: 991.98px) {

    .LayoutBackground[b-88b042e6gj] {
        margin-top: 10px;
        margin-left: 10px;
    }

    .HeaderCaption[b-88b042e6gj] {
        margin-top: -25px;
        margin-left: 30px;
    }
}


/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------- LAPTOP AND SMALLER DESKTOP  ------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */

@media screen and (min-width:992px) and (max-width: 1199px) {

    .HeaderCaption[b-88b042e6gj] {
        margin-top: -33px;
        margin-left: 300px;
    }

    .LayoutBackground[b-88b042e6gj] {
        margin-left: 10px;
        margin-top: 10px;
    }
}
/* /Pages/EndorsementPolicy/EndorsementPolicyCarrier.razor.rz.scp.css */
/* Quotation Carrier CSS */


.QuotationCarrierDiv[b-mkcxf8ryd9] {
    margin-bottom: 70px !important;
    margin-left: 360px;
  
}

.RefNoDiv[b-mkcxf8ryd9] {
    margin-right: 23px;
}

.AdmittedDiv[b-mkcxf8ryd9]{
    width: 100px;
}

.title[b-mkcxf8ryd9] {
    margin-top: -10px;
}

/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------- SMALL PHONE VIEWPORT ------------------------------------------------------ */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */

@media only screen and (max-width:576px) {

    .LayoutBackground[b-mkcxf8ryd9] {
        margin-top: 30px;
        margin-left: 10px;
    }

    .RefNoDiv[b-mkcxf8ryd9] {
        margin-right: 0px;
    }

}


/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------- BIGGER PHONE VIEWPORT ----------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */


@media (min-width: 577px) and (max-width: 767.98px) {

    .LayoutBackground[b-mkcxf8ryd9] {
        margin-left: 10px;
        margin-top: 10px;
    }

    .justify-content-start[b-mkcxf8ryd9] {
        flex-direction: column !important;
    }

    .RefNoDiv[b-mkcxf8ryd9] {
        margin-right: 0px;
    }

}


/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------- TABLET VIEWPORT -------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */


@media (min-width: 768px) and (max-width: 991.98px) {

    .LayoutBackground[b-mkcxf8ryd9] {
        margin-top: 20px;
        margin-left: 10px;
    }

}

/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------- LAPTOP AND SMALLER DESKTOP  ------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */

@media (min-width:992px) and (max-width: 1199px) {

    .LayoutBackground[b-mkcxf8ryd9] {
        margin-left: 10px;
        margin-top: 10px;
    }

  
}
/* /Pages/EndorsementPolicy/EndorsementPolicyCommisions.razor.rz.scp.css */

.caption[b-3seba8i9ra] {
    font-size: 13px;
    font-weight: 500;
    word-wrap: break-word;
    margin-bottom: 0px;
}

.caption-left[b-3seba8i9ra] {
    /*margin-top: 3px;*/
    margin-right: 10px;
    font-weight: 700;
}

.Amount[b-3seba8i9ra] {
    font-weight: 600;
}

.caption-middle[b-3seba8i9ra] {
    margin: 0px 10px 0px 6px;
}

.caption-right[b-3seba8i9ra] {
    margin-top: 0px !important;
    margin-left: 10px !important;
    font-weight: 700;
}

.Equation[b-3seba8i9ra] {
    align-self: center !important;
}

.CCEquation[b-3seba8i9ra] {
    margin: 0 10px !important;
}

/* Row Div */
.GrossCommisionDiv[b-3seba8i9ra],
.CompanyCommissionDiv[b-3seba8i9ra],
.AgentCommissionDiv[b-3seba8i9ra] {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: 20px;
}

/* Percentage Div */
.GCPercentage[b-3seba8i9ra],
.ACPercentage[b-3seba8i9ra],
.CCPercentage[b-3seba8i9ra],
.GCAmount[b-3seba8i9ra],
.SubLogo[b-3seba8i9ra],
.ACAmount[b-3seba8i9ra],
.CCAmount[b-3seba8i9ra] {
    display: flex;
    align-items: center;
    margin: 5px 0px;
}

.GCPercentage[b-3seba8i9ra],
.ACPercentage[b-3seba8i9ra],
.CCPercentage[b-3seba8i9ra] {
    min-width: 0; /* Allow content to shrink */
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.GCAmount[b-3seba8i9ra],
.ACAmount[b-3seba8i9ra],
.SubLogo[b-3seba8i9ra],
.CCAmount[b-3seba8i9ra] {
    min-width: 0; /* Allow content to shrink */
}

.Equation[b-3seba8i9ra] {
    display: flex;
    flex-shrink: 0;
    justify-content: center; /* Adjust alignment as needed */
}

.Commission-Container[b-3seba8i9ra] {
    display: grid;
    grid-template-columns: repeat(3, auto);
    justify-content: start;
    align-items: center;
    margin-top: 16px;
}

@media only screen and (max-width: 1800px) {
    .Commission[b-3seba8i9ra] {
        align-items: start !important;
    }
}

.Commission[b-3seba8i9ra] {
    display: flex;
    flex-direction: column;
    width: 100%;
    align-items: center;
    margin-top: 12px;
}

[b-3seba8i9ra] .mud-input-control {
    flex: 0
}


@media only screen and (max-width: 699px) {
    .GrossCommisionDiv[b-3seba8i9ra], .CompanyCommissionDiv[b-3seba8i9ra], .AgentCommissionDiv[b-3seba8i9ra] {
        flex-direction: column;
        justify-content: center;
        margin-left: 0px;
        padding-bottom: 20px;
        padding-top: 8px;
        border: 1px solid var(--primaryColor);
        overflow: auto;
    }

    .GCPercentage[b-3seba8i9ra], ACPercentage[b-3seba8i9ra], .CCPercentage[b-3seba8i9ra], .SubLogo[b-3seba8i9ra], .GCAmount[b-3seba8i9ra], .ACAmount[b-3seba8i9ra], .CCAmount[b-3seba8i9ra] {
        flex-direction: column;
    }
}

@media (min-width: 700px) and (max-width: 899px) {

    /*.GrossCommisionDiv, .CompanyCommissionDiv, .AgentCommissionDiv {
        justify-content: center;
        margin-left: -20px;
    }

    .GCPercentage, ACPercentage, .CCPercentage, .GCAmount, .ACAmount, .CCAmount, .SubLogo {
        display: flex !important;
        flex-direction: column-reverse;
    }*/

    .GrossCommisionDiv[b-3seba8i9ra], .CompanyCommissionDiv[b-3seba8i9ra], .AgentCommissionDiv[b-3seba8i9ra] {
        flex-direction: column;
        justify-content: center;
        margin-left: 0px;
        padding-bottom: 20px;
        padding-top: 8px;
        border: 1px solid var(--primaryColor);
        overflow: auto;
    }

    .GCPercentage[b-3seba8i9ra], ACPercentage[b-3seba8i9ra], .CCPercentage[b-3seba8i9ra], .SubLogo[b-3seba8i9ra], .GCAmount[b-3seba8i9ra], .ACAmount[b-3seba8i9ra], .CCAmount[b-3seba8i9ra] {
        flex-direction: column;
    }

    /*.GCPercentage, ACPercentage, .CCPercentage {
        flex-direction: column;
    }

    .GCAmount, .ACAmount, .CCAmount {
        width: 200px;
    }

    .GCPercentageTextBox, .ACPercentageTextBox, .CCPercentageTextBox {
        margin-left: -20px;
    }

    .CCPercentageTextBox {
        margin-left: -45px;
    }

    .CC {
        margin-left: -50px !important;
    }

    .GCAmountTextBox, .ACAmountTextBox {
        margin-left: 0px;
    }

    .CCAmountTextBox {
        margin-left: 0px;
    }

    .Equation {
        margin-top: 25px;
        margin-left: -20px;
    }*/
}

@media (min-width:900px) and (max-width: 991px) {

    .GrossCommisionDiv[b-3seba8i9ra], .CompanyCommissionDiv[b-3seba8i9ra], .AgentCommissionDiv[b-3seba8i9ra] {
        justify-content: center;
        margin-left: -40px;
    }
}


@media (min-width: 992px) and (max-width: 1500px) {
    .checkbox-row[b-3seba8i9ra] {
        flex-direction: row-reverse;
    }

    .GrossCommisionDiv[b-3seba8i9ra], .CompanyCommissionDiv[b-3seba8i9ra], .AgentCommissionDiv[b-3seba8i9ra] {
        justify-content: center;
        margin-left: 0px;
        align-items: center;
    }


    .GCPercentage[b-3seba8i9ra], ACPercentage[b-3seba8i9ra], .CCPercentage[b-3seba8i9ra], .GCAmount[b-3seba8i9ra], .ACAmount[b-3seba8i9ra], .CCAmount[b-3seba8i9ra] {
        display: flex !important;
        flex-direction: column;
    }

    /*.GCPercentage, ACPercentage, .CCPercentage {
        width: 200px;
        flex-direction: column;
    }

    .GCAmount, .ACAmount, .CCAmount {
        width: 200px;
    }*/

    .Item3[b-3seba8i9ra] {
        order: 3;
    }

    .Item1[b-3seba8i9ra] {
        order: 1;
    }

    .Item2[b-3seba8i9ra] {
        order: 2;
    }

    .GCPercentageTextBox[b-3seba8i9ra], .ACPercentageTextBox[b-3seba8i9ra], .CCPercentageTextBox[b-3seba8i9ra] {
        margin-left: -10px;
    }

    .GCAmountTextBox[b-3seba8i9ra], .ACAmountTextBox[b-3seba8i9ra], .CCAmountTextBox[b-3seba8i9ra] {
        margin-left: 10px;
    }

    .Equation[b-3seba8i9ra] {
        /*margin-top: 25px;
        margin-left: -20px;*/
        align-items: center;
    }

    .SmallerDiv[b-3seba8i9ra] {
        margin-top: 0px !important;
    }
}

[b-3seba8i9ra] .mud-input.mud-input-outlined.mud-disabled .mud-input-outlined-border {
    border-color: #ced4da;
}
/* /Pages/EndorsementPolicy/EndorsementPolicyCoverages.razor.rz.scp.css */
tr[b-jv12300mmz] {
    font-size: 13px;
    font-weight: 600;
}

.CoverageHeader[b-jv12300mmz] {
    width: 100% !important;
    margin: 0px 20px;
}

.AutoSearchCoverages[b-jv12300mmz] {
    display: flex;
    width: 100%;
}

.CoverageCol[b-jv12300mmz] {
    min-width: 200px;
    max-width: 210px;
}

.PremiumCol[b-jv12300mmz] {
    min-width: 120px;
    max-width: 130px;
}

.ActionCol[b-jv12300mmz] {
    min-width: 50px;
    max-width: 60px;
}


.sticky-column[b-jv12300mmz] {
    position: sticky;
    right: 0px;
    padding-left: 1px;
}

.TableFooter[b-jv12300mmz] {
    border: 1px solid var(--primaryColor)
}

.error[b-jv12300mmz] {
    text-align: center !important;
}

.table-blue-border tr:nth-child(even) td[b-jv12300mmz] {
    background: white !important;
}

.table-blue-border td[b-jv12300mmz] {
    padding: 8px 8px !important;
}

[b-jv12300mmz] input.mud-input-slot.mud-input-root.mud-input-root-outlined.mud-input-root-margin-dense {
    padding: 8px 6px !important;
}

@media only screen and (max-width:567px){

    .AutoSearchCoverages[b-jv12300mmz] {
        flex-direction: column;
        width: 100%;
    }
}
/* /Pages/EndorsementPolicy/EndorsementPolicyInformation.razor.rz.scp.css */
/* Global CSS */

.LayoutBackground[b-dpjltnwp0k] {
    margin-left: 360px;
    margin-top: -60px;
}

.title[b-dpjltnwp0k] {
    margin-top: -7px;
    margin-bottom: 2px;
}


/* Component CSS */

.Label[b-dpjltnwp0k] {
    font-size: 13px;
}

.MinEarnedDiv[b-dpjltnwp0k], .MinDepositDiv[b-dpjltnwp0k] {
    width: 150px !important;
}

.SicCodeDiv[b-dpjltnwp0k], .SupportDiv[b-dpjltnwp0k] {
    padding-right: 12px !important;
}

.TriaCheckDiv[b-dpjltnwp0k] {
    margin-left: 60px;
}

.AuditDiv[b-dpjltnwp0k] {
    margin-left: 80px;
}

.TriaRateDiv[b-dpjltnwp0k] {
    margin: 10px 0px 0px 0px !important;
}

.DirectBillDiv[b-dpjltnwp0k] {
    margin-top: 20px;
}

.TotPremiumDiv[b-dpjltnwp0k] {
    margin-top: 15px;
    margin-left: -10px;
    margin-right: 10px;
    width: 370px;
}

.QuotationNo[b-dpjltnwp0k] {
    margin-top: 5px;
    margin-right: 10px;
}

.QuotationPartitionHeader[b-dpjltnwp0k] {
    color: white !important;
    background: var(--gray);
    border-radius: 3px;
    padding: 5px 10px;
    border: none;
    font-size: 13px;
    font-weight: 600;
    margin-left: 5px;
    cursor: default;
}

.QuotationCheckbox[b-dpjltnwp0k] {
    padding-left: px;
    padding-top: 3px;
}


/* Data text */
.SubmissionData[b-dpjltnwp0k] {
    margin-left: 200px;
}

.CoverageData[b-dpjltnwp0k] {
    margin-left: 100px;
}

.TransactionData[b-dpjltnwp0k] {
    margin-left: 150px;
}

.SubmissionData[b-dpjltnwp0k] {
    margin-left: 10px;
}

/* Name Input */

.caption[b-dpjltnwp0k] {
    margin-right: 10px !important;
}

.MinEarnedText[b-dpjltnwp0k] {
    margin-right: 0px !important;
}



/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------- SMALL PHONE VIEWPORT ------------------------------------------------------ */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */

@media only screen and (max-width:576px) {

    .LayoutBackground[b-dpjltnwp0k] {
        margin-top: -55px;
        margin-left: 10px;
    }

    .SicCodeDiv[b-dpjltnwp0k], .SupportDiv[b-dpjltnwp0k] {
        padding-right: 0px !important;
        margin-top: 10px;
    }

    .ExpirationDiv[b-dpjltnwp0k], .MinDepositDiv[b-dpjltnwp0k] {
        margin-top: 10px;
    }

    .TotPremiumDiv[b-dpjltnwp0k] {
        margin-left: 3px;
    }

    .MinEarnedDiv[b-dpjltnwp0k], .MinDepositDiv[b-dpjltnwp0k], .MinDepositTextBox[b-dpjltnwp0k], .MinEarnedTextBox[b-dpjltnwp0k] {
        width: 100% !important;
    }

    .DirectBillDiv[b-dpjltnwp0k] {
        margin-top: 5px;
        margin-left: -10px;
    }
}


/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------- BIGGER PHONE VIEWPORT ----------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */


@media (min-width: 576px) and (max-width: 767.98px) {

    .LayoutBackground[b-dpjltnwp0k] {
        margin-left: 10px;
        margin-top: -55px;
    }

    .SicCodeDiv[b-dpjltnwp0k], .SupportDiv[b-dpjltnwp0k] {
        padding-right: 0px !important;
        margin-top: 10px;
    }

    .ExpirationDiv[b-dpjltnwp0k], .MinDepositDiv[b-dpjltnwp0k] {
        margin-top: 10px;
    }

    .TotPremiumDiv[b-dpjltnwp0k] {
        width: 250px !important;
    }

    .MinEarnedDiv[b-dpjltnwp0k], .MinDepositDiv[b-dpjltnwp0k], .MinDepositTextBox[b-dpjltnwp0k], .MinEarnedTextBox[b-dpjltnwp0k] {
        width: 100% !important;
    }

    .MinDepositDiv[b-dpjltnwp0k] {
        margin-top: 10px !important;
    }

    .DirectBillDiv[b-dpjltnwp0k] {
        margin-top: 0px;
        margin-left: -10px;
    }

}


/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------- TABLET VIEWPORT -------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */


@media (min-width: 768px) and (max-width: 991.98px) {

    .LayoutBackground[b-dpjltnwp0k] {
        margin-top: -50px;
        margin-left: 10px;
    }

    .SicCodeDiv[b-dpjltnwp0k], .SupportDiv[b-dpjltnwp0k] {
        margin-top: 10px;
        padding-right: 0px !important;
    }

    .CoverageDiv[b-dpjltnwp0k], .DescriptionDiv[b-dpjltnwp0k], .SicCodeDiv[b-dpjltnwp0k], .SupportDiv[b-dpjltnwp0k], .ExpirationDiv[b-dpjltnwp0k], .EffectiveDiv[b-dpjltnwp0k], .MinDepositDiv[b-dpjltnwp0k], .MinEarnedDiv[b-dpjltnwp0k], .MinDepositTextBox[b-dpjltnwp0k], .MinEarnedTextBox[b-dpjltnwp0k] {
        width: 100% !important;
    }


    .ExpirationDiv[b-dpjltnwp0k], .MinDepositDiv[b-dpjltnwp0k] {
        margin-top: 10px;
    }

    .DirectBillDiv[b-dpjltnwp0k] {
        margin-top: 0px;
        margin-left: -10px;
    }

}


@media (min-width: 960px) and (max-width: 991px) {

    .SicCodeDiv[b-dpjltnwp0k], .SupportDiv[b-dpjltnwp0k] {
        margin-top: 0px;
        width: 270px !important;
    }

    .CoverageDiv[b-dpjltnwp0k], .DescriptionDiv[b-dpjltnwp0k] {
        width: 580px !important;
    }

    .MinDepositDiv[b-dpjltnwp0k], .MinEarnedDiv[b-dpjltnwp0k] {
        width: 425px !important;
    }


    .ExpirationDiv[b-dpjltnwp0k], .EffectiveDiv[b-dpjltnwp0k] {
        width: 270px !important;
    }

    .ExpirationDiv[b-dpjltnwp0k], .MinDepositDiv[b-dpjltnwp0k] {
        margin-top: 0px;
    }
}

/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------- LAPTOP AND SMALLER DESKTOP  ------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */

@media (min-width:992px) and (max-width: 1199px) {

    .LayoutBackground[b-dpjltnwp0k] {
        margin-left: 10px;
        margin-top: -60px;
    }

}

/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------  DESKTOP  ------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */


@media (min-width: 1200px) and (max-width: 1499px) {
}


[b-dpjltnwp0k] :root .mud-theme-primary {
    background-color: var(--primaryColor) !important;
}

[b-dpjltnwp0k] .mud-input {
    width: 100% !important;
    height: auto !important;
    font-size: 13px !important;
}

[b-dpjltnwp0k] .mud-picker-inline {
    width: 100%;
}

[b-dpjltnwp0k] .mud-input-slot .mud-input-adorn-end, .mud-input-slot .mud-input-adorn-start[b-dpjltnwp0k] {
    display: none;
}
/* /Pages/EndorsementPolicy/EndorsementPolicyNavMenu.razor.rz.scp.css */
.sub-menu[b-y09lrfswlq] {
    background: #333333;
    color: white;
    margin-top: 0px;
    height: 98vh !important;
    border-radius: 5px;
    box-shadow: 0px 4px 8px rgba(0,0,0,0.3);
    margin: 7.5px 0 10px 7.5px;
}

.title[b-y09lrfswlq] {
    font-size: 18px;
    color: white !important;
    padding-top: 20px;
    padding-bottom: 5px;
    text-align: start;
    font-weight: 600;
}

.WhiteSeparator[b-y09lrfswlq] {
    border-bottom: 0.1px solid white;
    margin-bottom: 10px;
    width: 80%;
}

.InfoNumContainer[b-y09lrfswlq] {
    justify-content: center;
    gap: 20px 0;
    flex-direction:column;
}

.SummaryHeader[b-y09lrfswlq] {
    font-size: 16px;
    color: white !important;
    font-weight: 500;
    text-align: center;
    margin-bottom: 5px;
}

.SummaryDiv[b-y09lrfswlq] {
    justify-content: center;
    text-align: center;
    margin: 0px 0px;
}

.SummarySpan[b-y09lrfswlq] {
    background-color: #565656;
    border-radius: 5px;
    padding: 3px 16px;
    font-size: 16px;
    border: 0.5px solid white;
    font-weight: 700;
    margin-top: -10px !important;
}

.IsBoundTrue[b-y09lrfswlq] {
    padding: 12px 20px;
}

.IsBoundFalse[b-y09lrfswlq], .IsBound[b-y09lrfswlq] {
    padding: 20px 20px;
}

.ValidationParentDiv[b-y09lrfswlq] {
    margin: 7px 10px !important;
}

.LoadingIndicator[b-y09lrfswlq] {
    width: 15px !important;
    margin-right: 10px;
}

.ButtonMenu[b-y09lrfswlq] {
    display: flex;
    flex-direction: column;
    width: 98%;
    justify-content: center !important;
    position: absolute;
    bottom: 20px;
}

.ScrollerDiv[b-y09lrfswlq] {
    height: 900px !important;
    overflow-y: auto;
    width: 100%;
}

.RedBanner[b-y09lrfswlq] {
    background: var(--red);
    border-start-start-radius: 3px;
    border-start-end-radius: 3px;
}

.ValidationText[b-y09lrfswlq] {
    margin-left: 5px;
    font-weight: 300;
    padding: 5px;
    color: white !important;
    font-size: 13px;
    margin-bottom: 3px;
}

.ValidationContainer[b-y09lrfswlq] {
    padding: 0px;
    border: 1px var(--lightGray) solid;
    border-top: none !important;
    transition: background-color 0.1s;
}

    .ValidationContainer:hover[b-y09lrfswlq] {
        background: rgb(30, 27, 24);
        cursor: pointer;
        border-top: 1px black solid;
        border-bottom: 1px black solid;
    }

        .ValidationContainer:hover .ValidationText[b-y09lrfswlq] {
            color: white !important;
            font-weight: 600;
        }

.IconCircle[b-y09lrfswlq] {
    border-radius: 25px;
    width: 23px;
    height: 23px;
    background-color: #333333;
    border: 2px white solid;
    margin-left: 10px;
}

.icon[b-y09lrfswlq] {
    font-size: 14px;
    color: white !important;
}

.TextHeader[b-y09lrfswlq] {
    padding: 5px;
    font-size: 13px;
    font-weight: 700;
    margin-top: 8px;
    margin-bottom: 7px;
}

.ReminderText[b-y09lrfswlq] {
    margin-left: 10px;
    margin-top: 2px;
    margin-bottom: 5px;
    font-size: 13px;
    padding: 5px;
}

.ReminderContainer[b-y09lrfswlq] {
    border-top: 0.5px black solid;
    border-bottom: 0.5px black solid;
    height: 35px;
}

.btn[b-y09lrfswlq] {
    font-size: 13px;
}

.btn-brokerManagement-clear[b-y09lrfswlq] {
    border: 1px solid var(--primaryColor);
    color: var(--primaryColor);
    transition-duration: 400ms;
}

    .btn-brokerManagement-clear:hover[b-y09lrfswlq] {
        cursor: pointer;
        opacity: 0.8;
        transition-duration: 400ms;
    }

    .btn-brokerManagement-clear:disabled[b-y09lrfswlq] {
        opacity: 0.7;
    }



.BoundBanner[b-y09lrfswlq] {
    display: flex;
    flex-direction: column;
    background: var(--green);
    padding: 2px 5px;
    border: 0.5px solid white;
}



/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------- RESPONSIVENESS -------------------------------------------------------- */
/* -------------- PLEASE MATCH YOUR CSS ACCORDING TO THE VIEWPORT DO NOT CREATE ANOTHER TO AVOID CONFLICT RESPONSIVENESS ---------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------- SMALL PHONE VIEWPORT ------------------------------------------------------ */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
@media only screen and (max-width:576px) {
    .sub-menu[b-y09lrfswlq] {
        margin: 20px 10px 40px 10px;
        padding-bottom: 10px;
        height: auto !important;
    }

    .ScrollerDiv[b-y09lrfswlq] {
        max-height: 200px !important;
        overflow-y: auto;
        width: 100%;
    }

    .ButtonMenu[b-y09lrfswlq] {
        position: inherit;
    }
}


/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------- BIGGER PHONE VIEWPORT ----------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */


@media (min-width: 576px) and (max-width: 767.98px) {

    .sub-menu[b-y09lrfswlq] {
        margin: 20px 10px 40px 10px;
        padding-bottom: 10px;
        height: auto !important;
    }

    .ScrollerDiv[b-y09lrfswlq] {
        max-height: 250px !important;
        overflow-y: auto;
        width: 100%;
    }

    .ButtonMenu[b-y09lrfswlq] {
        position: inherit;
    }
}

/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------- TABLET VIEWPORT -------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */


@media (min-width: 768px) and (max-width: 991px) {
    .sub-menu[b-y09lrfswlq] {
        margin: 20px 10px 40px 10px;
        padding-bottom: 10px;
        height: auto !important;
    }

    .ScrollerDiv[b-y09lrfswlq] {
        max-height: 250px !important;
        overflow-y: auto;
        width: 100%;
    }

    .ButtonMenu[b-y09lrfswlq] {
        position: inherit;
    }
}


/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------- LAPTOP AND SMALLER DESKTOP  ------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */

@media (min-width:992px) and (max-width: 1199px) {

    .sub-menu[b-y09lrfswlq] {
        margin: 20px 10px 40px 10px;
        padding-bottom: 10px;
        height: auto !important;
    }

    .ScrollerDiv[b-y09lrfswlq] {
        max-height: 250px !important;
        overflow-y: auto;
        width: 100%;
    }

    .ButtonMenu[b-y09lrfswlq] {
        position: inherit;
    }
}

/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------  DESKTOP  ------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */


@media (min-width: 1200px) and (max-width: 1499px) {
}

/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------- ULTRAWIDE DESKTOP ------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */

@media (min-width: 1500px) {
}



/* ------------------------------------------------------ Mud Blazor Override -------------------------------------------------------*/

[b-y09lrfswlq] .mud-button-group-filled.mud-button-group-override-styles.mud-button-group-filled-primary .mud-button-root {
    color: white !important;
    background-color: var(--primaryColor) !important;
    width: 48% !important;
    border-radius: 0px;
    padding: 8px 8px !important;
}


[b-y09lrfswlq] .mud-button-group-horizontal:not(.mud-button-group-rtl) > .mud-button-root:not(:last-child), .mud-button-group-horizontal:not(.mud-button-group-rtl) > :not(:last-child) .mud-button-root[b-y09lrfswlq] {
    border-start-start-radius: 5px;
    border-end-start-radius: 5px;
}

[b-y09lrfswlq] .mud-button-group-horizontal:not(.mud-button-group-rtl) > .mud-button-root:not(:first-child), .mud-button-group-horizontal:not(.mud-button-group-rtl) > :not(:first-child) .mud-button-root[b-y09lrfswlq] {
    border-start-end-radius: 5px;
    border-end-end-radius: 5px;
}
/* /Pages/EndorsementPolicy/EndorsementPolicyNotes.razor.rz.scp.css */
tr[b-3j8qe5sxmp] {
    font-size: 13px;
    font-weight: 600;
}

.separator[b-3j8qe5sxmp] {
    margin: 15px 0px;
    border-top: 0.1px solid #b8e2ff;
}

.ItemCol[b-3j8qe5sxmp] {
    min-width: 50px;
    max-width: 100px;
    font-weight: 600;
}

.NotesCol[b-3j8qe5sxmp] {
    min-width: 500px;
    max-width: 600px;
}

.btn-brokerManagement[b-3j8qe5sxmp] {
    margin-left: 5px;
    padding: 5px 10px;
}

.ActionCol[b-3j8qe5sxmp] {
    min-width: 50px;
    max-width: 75px;
}

.btn-delete.disabled[b-3j8qe5sxmp], .btn-delete:disabled[b-3j8qe5sxmp] {
    cursor: not-allowed !important;
    pointer-events: all;
}

.btn-delete.disabled[b-3j8qe5sxmp], .btn-delete:disabled[b-3j8qe5sxmp] {
    cursor: not-allowed !important;
    pointer-events: all;
}

.btn-dark[b-3j8qe5sxmp] {
    padding: 5px 10px;
    font-size: 13px;
}

    .btn-dark.disabled[b-3j8qe5sxmp], .btn-dark:disabled[b-3j8qe5sxmp] {
        cursor: not-allowed;
    }

    .btn-dark:hover[b-3j8qe5sxmp] {
        color: white;
        background: var(--gray);
    }
/* /Pages/EndorsementPolicy/EndorsementPolicyPremiumTaxSummary.razor.rz.scp.css */
.TableFooter[b-l95qafget2] {
    border-left: 0.5px solid var(--primaryColor);
    border-right: 0.5px solid var(--primaryColor);
    border-bottom: 0.5px solid var(--primaryColor);
}


.FooterText[b-l95qafget2] {
    font-size: 13px;
    font-weight: 600;
}

.DescriptionColumn[b-l95qafget2] {
    text-align: left;
    padding-left: 50px !important;
}

.TTotalColumn[b-l95qafget2], .NTTotalColumn[b-l95qafget2], .ONTotalColumn[b-l95qafget2] {
    text-align: left;
    min-width: 100px;
    max-width: 180px;
}

.TRIATotalColumn[b-l95qafget2] {
    text-align: left;
    min-width: 100px;
    max-width: 180px;
}

.TTotalColumn[b-l95qafget2] {
    padding-right: 100px !important;
}

tr[b-l95qafget2] {
    font-weight: 600;
    font-size: 13px;
}

.SummaryComputation[b-l95qafget2] {
    display: flex;
    flex-wrap: wrap;
    margin: 12px 0;
    justify-content: start;
    width: 50%;
}

@media only screen and (max-width: 1800px) {
    .SummaryComputation[b-l95qafget2] {
        width: 100% !important;
    }
}
/* /Pages/EndorsementPolicy/EndorsementPolicySubjectives.razor.rz.scp.css */
.table-blue-border tr[b-wrxhynhqpg] {
    font-size: 13px !important;
    font-weight: 500;
}

.table-blue-header th[b-wrxhynhqpg] {
    color: white;
    padding: 6px 5px;
}

th[b-wrxhynhqpg] {
    font-size: 13px !important;
}

.table-blue-border td[b-wrxhynhqpg] {
    padding: 0px 5px !important;
}

.separator[b-wrxhynhqpg] {
    margin: 15px 0px;
    border-top: 0.1px solid #b8e2ff;
}

.CustomSubjectivitiesDiv[b-wrxhynhqpg] {
    display: flex;
    margin: 10px 0px 25px 0px;
}

.SubjectivitiesTextField[b-wrxhynhqpg] {
    height: 35px !important; 
    width: 300px !important;
    margin-right: 10px;
}

.CustomOption[b-wrxhynhqpg] {
    white-space: nowrap;
    max-width: 250px;
    text-overflow: ellipsis;
}

/*.OptionalCol {
    min-width: 600px;
    max-width: 650px;
}*/

.btn-dark[b-wrxhynhqpg] {
    margin-left: 10px;
    align-self: center;
    padding: 7px 15px;
    margin-top: 1px;
}

.btn-brokerManagement[b-wrxhynhqpg] {
    margin-left: 5px;
    padding: 5px 10px;
}

.ActionCol[b-wrxhynhqpg] {
    width: 70px !important;
}

.btn-delete.disabled[b-wrxhynhqpg], .btn-delete:disabled[b-wrxhynhqpg] {
    cursor: not-allowed !important;
    pointer-events: all;
}

.btn-dark[b-wrxhynhqpg] {
    padding: 5px 10px;
    font-size: 13px;
}

    .btn-dark.disabled[b-wrxhynhqpg], .btn-dark:disabled[b-wrxhynhqpg] {
        cursor: not-allowed;
    }

    .btn-dark:hover[b-wrxhynhqpg] {
        color: white;
        background: var(--gray);
    }

.SubjectOptions[b-wrxhynhqpg] {
    color: red !important;
}

@media only screen and (max-width: 767.98px) {
    .CustomSubjectivitiesDiv[b-wrxhynhqpg] {
        flex-direction: column;
    }

    .SubjectivitiesTextField[b-wrxhynhqpg] {
        width: 100% !important;
        margin-right: 0px;
        margin-bottom: 10px;
    }
}

    [b-wrxhynhqpg] .mud-select .mud-select-input .mud-input-slot {
        padding: 10px !important;
        color: #212529 !important;
        font-family: Montserrat !important;
    }

    [b-wrxhynhqpg] .mud-list-item.selected {
        color: red !important;
    }

    [b-wrxhynhqpg] .mud-icon-button {
        padding: 5px 5px 5px 20px !important;
        color: var(--primaryColor) !important;
    }


    [b-wrxhynhqpg] .mud-button-filled:hover, .mud-button-filled:focus-visible[b-wrxhynhqpg] {
        background: #3e93cf !important;
    }

    [b-wrxhynhqpg] .mud-button-filled {
        font-size: 13px !important;
    }

    [b-wrxhynhqpg] .mud-button-group-filled.mud-button-group-override-styles.mud-button-group-filled-primary .mud-button-root {
        color: white !important;
        background-color: var(--primaryColor) !important;
        width: 48% !important;
        border-radius: 0px;
        padding: 8px 8px !important;
    }


    [b-wrxhynhqpg] .mud-button-label {
        font-size: 12px !important;
        padding: 1px 1px !important;
        font-family: Montserrat !important;
        text-transform: none !important;
    }
/* /Pages/EndorsementPolicy/EndorsementPolicySummary.razor.rz.scp.css */

.LayoutBackground[b-7vqu9vc8k2] {
    margin-top: 50px;
}

.submission-info[b-7vqu9vc8k2]{
    margin-top: 45px !important;
}


.EndorsementSummaryContainer[b-7vqu9vc8k2] {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%;
    margin-top: 12px;
    position: relative;
}

.EndorsementSummaryItem[b-7vqu9vc8k2] {
    width: calc(25% - 10px);
    background: #FCFDFF;
    border: 0.1px solid #EFEFEF;
    border-radius: 3px;
    color: #2c2c2c;
    padding: 8px 15px;
    box-sizing: border-box;
    flex: 1 1 auto;
    font-size: 1.2em;
    position: relative;
}

.EndorsementSummaryInfo[b-7vqu9vc8k2] {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin-top: 5px;
    font-weight: 500;
}


@media (min-width:992px) and (max-width:1200px) {
    .EndorsementSummaryItem[b-7vqu9vc8k2] {
        width: calc(40% - 10px);
    }
}

@media (min-width:768px) and (max-width: 991px) {
    .EndorsementSummaryItem[b-7vqu9vc8k2] {
        width: calc(50% - 10px);
    }
}

@media screen and (max-width: 767px) {
    .EndorsementSummaryItem[b-7vqu9vc8k2] {
        width: calc(100% - 10px);
    }
}

.EndorsementSummaryTitle[b-7vqu9vc8k2] {
    font-weight: 700;
    margin-right: 5px;
}

.BtnGroup[b-7vqu9vc8k2] {
    margin-top: 20px !important;
    margin-bottom: 10px;
}


.btn-brokerManagement-clear[b-7vqu9vc8k2] {
    border: 1px solid var(--primaryColor);
    color: var(--primaryColor);
    transition-duration: 400ms;
}

    .btn-brokerManagement-clear:hover[b-7vqu9vc8k2] {
        cursor: pointer;
        opacity: 0.8;
        transition-duration: 400ms;
    }

    .btn-brokerManagement-clear:disabled[b-7vqu9vc8k2] {
        opacity: 0.9;
    }
/* /Pages/EndorsementPolicy/EndorsementPolicyTaxFees.razor.rz.scp.css */
tr[b-64tyv3au8x] {
    font-size: 13px;
    font-weight: 600;
}

table[b-64tyv3au8x] {
    z-index: 1;
}

.DescriptionCol[b-64tyv3au8x] {
    min-width: 160px;
    max-width: 190px;
}

.AutoSearchTaxes[b-64tyv3au8x] {
    display: flex;
    width: 100%;
}

.ValueCol[b-64tyv3au8x] {
    min-width: 150px;
    max-width: 160px;
}

.ActionCol[b-64tyv3au8x] {
    min-width: 50px;
    max-width: 60px;
}

.MinEarnedCol[b-64tyv3au8x] {
    min-width: 100px;
    max-width: 120px;
}

.sticky-column[b-64tyv3au8x] {
    position: sticky;
    right: 0px;
    padding-left: 1px;
}

.error[b-64tyv3au8x] {
    text-align: center !important;
}

.table-blue-border tr:nth-child(even) td[b-64tyv3au8x] {
    background: white !important;
}

.table-blue-border td[b-64tyv3au8x] {
    padding: 8px 8px !important;
}

[b-64tyv3au8x] input.mud-input-slot.mud-input-root.mud-input-root-outlined.mud-input-root-margin-dense {
    padding: 8px 6px !important;
}
/* /Pages/EndorsementPolicy/MainEndorsementPolicyInfo.razor.rz.scp.css */
.Label[b-v6k4jeqbwi] {
    font-size: 13px;
}

.QuotationPartitionHeader[b-v6k4jeqbwi] {
    color: white !important;
    background: var(--gray);
    border-radius: 3px;
    padding: 5px 10px;
    border: none;
    font-size: 13px;
    font-weight: 600;
    margin-left: 5px;
    cursor: default;
}

.SubmissionInformationDiv[b-v6k4jeqbwi] {
    margin-top: 15px;
    margin-left: 360px;
    margin-bottom: 10px;
}

.LayoutBackground[b-v6k4jeqbwi] {
    padding: 10px 30px 13px 30px;
}


.HeaderCaption[b-v6k4jeqbwi] {
    margin-top: -21px;
    margin-left: 380px;
}

.QuotationNo[b-v6k4jeqbwi] {
    margin-top: 20px;
    margin-right: 20px;
}

.sidebar[b-v6k4jeqbwi] {
    width: 350px !important;
}

.QuotationNavMenu[b-v6k4jeqbwi] {
    position: fixed;
    margin-top: -82px;
}

.QuotationCarrierDiv[b-v6k4jeqbwi] {
    margin-left: 360px;
    margin-top: 15px;
}

.EndorsementPolicyMargin[b-v6k4jeqbwi]{
    margin-top: 50px !important;
}

.btn[b-v6k4jeqbwi] {
    display: flex !important;
    margin: 20px 10px;
    padding: 6px 15px;
    border-radius: 1px;
    font-size: 13px;
}

.btn-brokerManagement-clear[b-v6k4jeqbwi] {
    border: 1px solid var(--primaryColor);
    color: var(--primaryColor);
    transition-duration: 400ms;
}

    .btn-brokerManagement-clear:hover[b-v6k4jeqbwi] {
        cursor: pointer;
        opacity: 0.8;
        transition-duration: 400ms;
    }

    .btn-brokerManagement-clear:disabled[b-v6k4jeqbwi] {
        opacity: 0.9;
    }

.TaxSummary-Commissions[b-v6k4jeqbwi] {
    display: flex;
    flex-direction: row;
    width: 100%;
}

@media only screen and (max-width: 1800px) {
    .TaxSummary-Commissions[b-v6k4jeqbwi] {
        flex-direction: column;
    }
}


/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------- RESPONSIVENESS -------------------------------------------------------- */
/* -------------- PLEASE MATCH YOUR CSS ACCORDING TO THE VIEWPORT DO NOT CREATE ANOTHER TO AVOID CONFLICT RESPONSIVENESS ---------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */



@media only screen and (max-width: 1199px) {

    .QuotationMainDiv[b-v6k4jeqbwi] {
        display: flex;
        flex-direction: column !important;
    }

    .QuotationNavMenu[b-v6k4jeqbwi] {
        position: initial;
        margin-top: 0px !important;
        margin-bottom: -10px;
    }

    .sidebar[b-v6k4jeqbwi] {
        width: 100% !important;
        height: 50% !important;
        margin-top: -55px;
    }

    .QuotationCarrierDiv[b-v6k4jeqbwi] {
        margin-left: 10px;
    }
}


/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------- SMALL PHONE VIEWPORT ------------------------------------------------------ */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */

@media only screen and (max-width:576px) {

    .HeaderCaption[b-v6k4jeqbwi] {
        margin-top: -5px;
        margin-left: 20px;
    }

    .LayoutBackground[b-v6k4jeqbwi] {
        margin-top: 30px;
        margin-left: 10px;
    }
}


/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------- BIGGER PHONE VIEWPORT ----------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */


@media (min-width: 576px) and (max-width: 767.98px) {

    .HeaderCaption[b-v6k4jeqbwi] {
        margin-top: -5px;
        margin-left: 20px;
    }

    .LayoutBackground[b-v6k4jeqbwi] {
        margin-top: 30px;
        margin-left: 10px;
    }
}

/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------- TABLET VIEWPORT -------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */


@media (min-width: 768px) and (max-width: 991.98px) {

    .HeaderCaption[b-v6k4jeqbwi] {
        margin-top: -25px;
        margin-left: 20px;
    }

    .LayoutBackground[b-v6k4jeqbwi] {
        margin-top: 10px;
        margin-left: 10px;
    }

    .QuotationCarrierDiv[b-v6k4jeqbwi] {
        margin-left: 10px;
    }
}


/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------- LAPTOP AND SMALLER DESKTOP  ------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */

@media screen and (min-width:992px) and (max-width: 1199px) {

    .HeaderCaption[b-v6k4jeqbwi] {
        margin-top: -30px;
        margin-left: 250px;
    }

    .LayoutBackground[b-v6k4jeqbwi] {
        margin-left: 10px;
        margin-top: 10px;
    }

    .QuotationMainDiv[b-v6k4jeqbwi] {
        margin-top: 200px;
    }
}

/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------  DESKTOP  ------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */


@media (min-width: 1200px) and (max-width: 1499px) {
}

/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------- ULTRAWIDE DESKTOP ------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */

@media (min-width: 1500px) {
}
/* /Pages/EndorsementPolicy/MainProcess.razor.rz.scp.css */
.ProcessBindDiv[b-1yzdhva1tm] {
    background: white;
    padding: 20px 10px;
    margin: -10px 10px 5px 10px;
}


.BinderHeader[b-1yzdhva1tm] {
    font-size: 20px;
    font-weight: 800 !important;
    color: var(--primaryColor);
    margin: -20px 0px 10px 5px;
}

.ErrorMessage[b-1yzdhva1tm] {
    color: var(--red);
    margin-top: 3px;
    margin-left: -8px;
    margin-bottom: -2px;
}

.title[b-1yzdhva1tm] {
    margin-left: 20px !important;
}

.HeaderData[b-1yzdhva1tm] {
    margin: 10px 0px -10px 9px;
}

.DateDiv[b-1yzdhva1tm] {
    margin: 10px;
}

.caption[b-1yzdhva1tm] {
    margin-top: 6px;
    margin-right: 12px;
    font-weight: 700;
    color: rgb(36, 41, 52) !important;
}

.BlueTopSeparator[b-1yzdhva1tm] {
    margin: 20px 0px 0px 0px !important;
    border-top: 0.1px solid #b8e2ff;
}

.ProcessDataDiv[b-1yzdhva1tm] {
    margin: -10px 10px 10px 25px; 
    border-top: 0.1px solid var(--lightGray);
}

.EndorsementContainer[b-1yzdhva1tm] {
    margin-top: 20px !important;
}

.btn-brokerManagement-clear[b-1yzdhva1tm] {
    border: 1px solid var(--primaryColor);
    color: var(--primaryColor);
    transition-duration: 400ms;
}

    .btn-brokerManagement-clear:hover[b-1yzdhva1tm] {
        cursor: pointer;
        opacity: 0.8;
        transition-duration: 400ms;
    }

    .btn-brokerManagement-clear:disabled[b-1yzdhva1tm] {
        opacity: 0.7;
    }

.btn[b-1yzdhva1tm] {
    padding: 7px 15px;
}

.error[b-1yzdhva1tm] {
    font-size: 15px;
    font-weight: 700;
}

.successfully[b-1yzdhva1tm] {
    font-size: 15px;
    font-weight: 700;
    color: var(--green);
    margin-top: 5px;
}

.LoadingV2[b-1yzdhva1tm] {
    margin-top: 5px;
    margin-left: 6px !important;
    width: 15px !important;
}


@media only screen and (max-width: 562px) {

    .ExpirationDateDiv[b-1yzdhva1tm] {
        margin-top: 15px !important;
    }
}


[b-1yzdhva1tm] .mud-button-filled:hover, .mud-button-filled:focus-visible[b-1yzdhva1tm] {
    background: #3e93cf !important;
}

[b-1yzdhva1tm] .mud-button-label {
    font-size: 12px !important;
    padding: 1px 1px !important;
    font-family: Montserrat !important;
    text-transform: none !important;
}

[b-1yzdhva1tm] .mud-progress-linear .mud-progress-linear-bars {
    background: #dbebf6 !important;
}


[b-1yzdhva1tm] .mud-progress-linear.mud-progress-linear-color-primary:not(.mud-progress-linear-buffer) .mud-progress-linear-bar {
    background-color: var(--primaryColor);
}

[b-1yzdhva1tm] .mud-button-filled:hover, .mud-button-filled:focus-visible[b-1yzdhva1tm] {
    background: #3e93cf !important;
}

[b-1yzdhva1tm] .mud-button-filled {
    font-size: 13px !important;
}
/* /Pages/Endorsement/AutoSearchPolicy.razor.rz.scp.css */
.form-control[b-a44uxgmbz8] {
    border-top-right-radius: 5px !important;
    border-bottom-right-radius: 5px !important;
}

.bolder[b-a44uxgmbz8] {
    font-weight: 600;
}

.autocomplete[b-a44uxgmbz8] {
    position: relative;
}

    .autocomplete .options[b-a44uxgmbz8] {
        position: absolute;
        top: 30px;
        left: 0;
        background: white;
        width: 100%;
        padding: 0;
        z-index: 10;
        border: 1px solid #ced4da;
        box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.1);
        height: auto;
        max-height:400px;
        overflow-x: hidden;
        overflow-y: scroll;
    }

    .autocomplete .option[b-a44uxgmbz8] {
        display: flex;
        align-items: center;
        padding: 0.25rem;
        border-bottom: 1px solid #ddd;
    }

        .autocomplete .option .option-text[b-a44uxgmbz8] {
            padding: 0.25rem 0.5rem;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            max-width: 100%;
        }

        .autocomplete .option:hover[b-a44uxgmbz8] {        
            cursor: pointer;
            background-color: var(--lightGray);
        }

        .autocomplete .option.disabled[b-a44uxgmbz8] {
            padding: 0.50rem;
            background-color: var(--red);
            cursor: not-allowed;
            color: #fff;
        }

        .autocomplete .option .icon[b-a44uxgmbz8] {
            width: 20px;            
            margin: 0 0 0 5px;
            transition: transform .2s ease-out;
        }

        .autocomplete .option:hover .icon[b-a44uxgmbz8] {
            filter: 
                invert(16%) 
                sepia(51%) 
                saturate(918%) 
                hue-rotate(185deg) 
                brightness(88%) 
                contrast(92%);
            transform: scale(1.2);
        }
/* /Pages/Endorsement/EndorsementCancellationBrowse.razor.rz.scp.css */
.CenteredContent[b-3uk1d50otc] {
    border-top: 1px solid #808080;
    padding: 30px 0px 0px 0px;
    margin: 50px 0px 0px 0px !important;
}

.btn-dark[b-3uk1d50otc] {
    font-weight: 500;
    width: 120px !important;
}

.LoadingIndicator[b-3uk1d50otc] {
    width: 10px;
    margin-left: 0px;
}

table th[b-3uk1d50otc], td[b-3uk1d50otc] {
    font-size: 13px !important;
    font-weight: 600 !important;
}

.insured-column[b-3uk1d50otc] {
    min-width: 100px;
    max-width: 150px;
}

.btn-brokerManagement[b-3uk1d50otc] {
    padding: 3px 8px 3px 8px !important;
}

.sticky-column-first[b-3uk1d50otc] {
    width: 130px;
    left: 0px;
}

.ellipsis[b-3uk1d50otc] {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 110px;
}

.action-column[b-3uk1d50otc] {
    min-width: 100px;
    max-width: 150px;
}

.endorsementType-column[b-3uk1d50otc] {
    min-width: 60px;
    max-width: 80px;
    font-weight: 500;
}

.effective-column[b-3uk1d50otc] {
    min-width: 40px;
    max-width: 60px;
}


.policyNo-column[b-3uk1d50otc] {
    min-width: 50px;
    max-width: 80px;
}

.isProcess-column[b-3uk1d50otc] {
    min-width: 40px;
    max-width: 50px;
}

.sticky-column-last[b-3uk1d50otc] {
    width: 150px;
    right: 0;
}

.button-column[b-3uk1d50otc] {
    min-width: 100px;
    max-width: 150px;
}

tr:nth-child(odd) td.action-col[b-3uk1d50otc] {
    background-color: #fff !important;
    white-space: normal;
}

/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------- SMALL PHONE VIEWPORT ------------------------------------------------------ */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
@media only screen and (max-width:576px) {

    .insured-column[b-3uk1d50otc], .endorsementType-column[b-3uk1d50otc] {
        min-width: 200px;
        max-width: 250px;
    }

    .effective-column[b-3uk1d50otc], .expiration-column[b-3uk1d50otc] {
        min-width: 100px;
        max-width: 150px;
    }

    .policyNo-column[b-3uk1d50otc] {
        min-width: 75px;
        max-width: 125px;
    }

    .action-column[b-3uk1d50otc] {
        min-width: 110px;
        max-width: 170px;
    }

    .isProcess-column[b-3uk1d50otc] {
        min-width: 50px;
        max-width: 75px;
    }
}

/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------- BIGGER PHONE VIEWPORT ----------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */


@media (min-width: 576px) and (max-width: 767.98px) {
    .insured-column[b-3uk1d50otc], .endorsementType-column[b-3uk1d50otc] {
        min-width: 200px;
        max-width: 250px;
    }

    .effective-column[b-3uk1d50otc], .expiration-column[b-3uk1d50otc] {
        min-width: 100px;
        max-width: 150px;
    }

    .policyNo-column[b-3uk1d50otc] {
        min-width: 75px;
        max-width: 125px;
    }

    .action-column[b-3uk1d50otc] {
        min-width: 110px;
        max-width: 170px;
    }

    .isProcess-column[b-3uk1d50otc] {
        min-width: 50px;
        max-width: 75px;
    }
}

/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------- TABLET VIEWPORT ----------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */


@media (min-width: 768px) and (max-width: 991.98px) {
    .insured-column[b-3uk1d50otc], .endorsementType-column[b-3uk1d50otc] {
        min-width: 250px;
        max-width: 300px;
    }

    .effective-column[b-3uk1d50otc], .expiration-column[b-3uk1d50otc] {
        min-width: 100px;
        max-width: 150px;
    }

    .policyNo-column[b-3uk1d50otc] {
        min-width: 75px;
        max-width: 125px;
    }

    .action-column[b-3uk1d50otc] {
        min-width: 110px;
        max-width: 170px;
    }

    .isProcess-column[b-3uk1d50otc] {
        min-width: 50px;
        max-width: 75px;
    }
}


/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------- LAPTOP AND SMALLER DESKTOP  ------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */

@media screen and (min-width:992px) and (max-width: 1199px) {

    .sticky-column-first[b-3uk1d50otc] {
        width: 120px;
        left: 0px;
    }

    .action-column[b-3uk1d50otc] {
        min-width: 110px;
        max-width: 170px;
    }

    .endorsementType-column[b-3uk1d50otc] {
        min-width: 150px;
        max-width: 170px;
    }

    .insured-column[b-3uk1d50otc] {
        min-width: 200px;
        max-width: 400px;
    }

    .effective-column[b-3uk1d50otc] {
        min-width: 100px;
        max-width: 150px;
    }

    .policyNo-column[b-3uk1d50otc] {
        min-width: 100px;
        max-width: 150px;
    }

    .isProcess-column[b-3uk1d50otc] {
        min-width: 70px;
        max-width: 100px;
    }
}

/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------  DESKTOP  ------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */


@media (min-width: 1200px) and (max-width: 1499px) {

    .sticky-column-first[b-3uk1d50otc] {
        width: 120px;
        left: 0px;
    }

    .action-column[b-3uk1d50otc] {
        min-width: 110px;
        max-width: 170px;
    }

    .endorsementType-column[b-3uk1d50otc] {
        min-width: 100px;
        max-width: 120px;
    }

    .insured-column[b-3uk1d50otc] {
        min-width: 150px;
        max-width: 200px;
    }

    .effective-column[b-3uk1d50otc] {
        min-width: 80px;
        max-width: 100px;
    }

    .policyNo-column[b-3uk1d50otc] {
        min-width: 90px;
        max-width: 100px;
    }

    .isProcess-column[b-3uk1d50otc] {
        min-width: 40px;
        max-width: 50px;
    }
}
/* /Pages/Endorsement/EndorsementChangeInsuredAddressBrowse.razor.rz.scp.css */
.CenteredContent[b-2k8w1djcih] {
    border-top: 1px solid #808080;
    padding: 30px 0px 0px 0px;
    margin: 50px 0px 0px 0px !important;
}

.btn-dark[b-2k8w1djcih] {
    font-weight: 500;
    width: 120px !important;
}

.LoadingIndicator[b-2k8w1djcih] {
    width: 10px;
    margin-left: 0px;
}

table th[b-2k8w1djcih], td[b-2k8w1djcih] {
    font-size: 13px !important;
    font-weight: 600 !important;
}

.insured-column[b-2k8w1djcih] {
    min-width: 100px;
    max-width: 150px;
}

.btn-brokerManagement[b-2k8w1djcih] {
    padding: 3px 8px 3px 8px !important;
}

.sticky-column-first[b-2k8w1djcih] {
    width: 130px;
    left: 0px;
}

.ellipsis[b-2k8w1djcih] {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 110px;
}

.action-column[b-2k8w1djcih] {
    min-width: 100px;
    max-width: 150px;
}


.endorsementType-column[b-2k8w1djcih] {
    min-width: 60px;
    max-width: 80px;
    font-weight: 500;
}

.effective-column[b-2k8w1djcih] {
    min-width: 40px;
    max-width: 60px;
}


.policyNo-column[b-2k8w1djcih] {
    min-width: 50px;
    max-width: 80px;
}

.isProcess-column[b-2k8w1djcih] {
    min-width: 40px;
    max-width: 50px;
}

.sticky-column-last[b-2k8w1djcih] {
    width: 150px;
    right: 0;
}

.button-column[b-2k8w1djcih] {
    min-width: 100px;
    max-width: 150px;
}

tr:nth-child(odd) td.action-col[b-2k8w1djcih] {
    background-color: #fff !important;
    white-space: normal;
}

/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------- SMALL PHONE VIEWPORT ------------------------------------------------------ */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
@media only screen and (max-width:576px) {

    .insured-column[b-2k8w1djcih], .endorsementType-column[b-2k8w1djcih] {
        min-width: 200px;
        max-width: 250px;
    }

    .effective-column[b-2k8w1djcih], .expiration-column[b-2k8w1djcih] {
        min-width: 100px;
        max-width: 150px;
    }

    .policyNo-column[b-2k8w1djcih] {
        min-width: 75px;
        max-width: 125px;
    }

    .action-column[b-2k8w1djcih] {
        min-width: 110px;
        max-width: 170px;
    }

    .isProcess-column[b-2k8w1djcih] {
        min-width: 50px;
        max-width: 75px;
    }
}

/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------- BIGGER PHONE VIEWPORT ----------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */


@media (min-width: 576px) and (max-width: 767.98px) {
    .insured-column[b-2k8w1djcih], .endorsementType-column[b-2k8w1djcih] {
        min-width: 200px;
        max-width: 250px;
    }

    .effective-column[b-2k8w1djcih], .expiration-column[b-2k8w1djcih] {
        min-width: 100px;
        max-width: 150px;
    }

    .policyNo-column[b-2k8w1djcih] {
        min-width: 75px;
        max-width: 125px;
    }

    .action-column[b-2k8w1djcih] {
        min-width: 110px;
        max-width: 170px;
    }

    .isProcess-column[b-2k8w1djcih] {
        min-width: 50px;
        max-width: 75px;
    }
}

/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------- TABLET VIEWPORT ----------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */


@media (min-width: 768px) and (max-width: 991.98px) {
    .insured-column[b-2k8w1djcih], .endorsementType-column[b-2k8w1djcih] {
        min-width: 250px;
        max-width: 300px;
    }

    .effective-column[b-2k8w1djcih], .expiration-column[b-2k8w1djcih] {
        min-width: 100px;
        max-width: 150px;
    }

    .policyNo-column[b-2k8w1djcih] {
        min-width: 75px;
        max-width: 125px;
    }

    .action-column[b-2k8w1djcih] {
        min-width: 110px;
        max-width: 170px;
    }

    .isProcess-column[b-2k8w1djcih] {
        min-width: 50px;
        max-width: 75px;
    }
}


/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------- LAPTOP AND SMALLER DESKTOP  ------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */

@media screen and (min-width:992px) and (max-width: 1199px) {

    .sticky-column-first[b-2k8w1djcih] {
        width: 120px;
        left: 0px;
    }

    .action-column[b-2k8w1djcih] {
        min-width: 110px;
        max-width: 170px;
    }

    .endorsementType-column[b-2k8w1djcih] {
        min-width: 150px;
        max-width: 170px;
    }

    .insured-column[b-2k8w1djcih] {
        min-width: 200px;
        max-width: 400px;
    }

    .effective-column[b-2k8w1djcih] {
        min-width: 100px;
        max-width: 150px;
    }

    .policyNo-column[b-2k8w1djcih] {
        min-width: 100px;
        max-width: 150px;
    }

    .isProcess-column[b-2k8w1djcih] {
        min-width: 70px;
        max-width: 100px;
    }
}

/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------  DESKTOP  ------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */


@media (min-width: 1200px) and (max-width: 1499px) {

    .sticky-column-first[b-2k8w1djcih] {
        width: 120px;
        left: 0px;
    }

    .action-column[b-2k8w1djcih] {
        min-width: 110px;
        max-width: 170px;
    }

    .endorsementType-column[b-2k8w1djcih] {
        min-width: 100px;
        max-width: 120px;
    }

    .insured-column[b-2k8w1djcih] {
        min-width: 150px;
        max-width: 200px;
    }

    .effective-column[b-2k8w1djcih] {
        min-width: 80px;
        max-width: 100px;
    }

    .policyNo-column[b-2k8w1djcih] {
        min-width: 90px;
        max-width: 100px;
    }

    .isProcess-column[b-2k8w1djcih] {
        min-width: 40px;
        max-width: 50px;
    }
}
/* /Pages/Endorsement/EndorsementChangeInsuredBrowse.razor.rz.scp.css */
.CenteredContent[b-6af2uz6jhi] {
    border-top: 1px solid #808080;
    padding: 30px 0px 0px 0px;
    margin: 50px 0px 0px 0px !important;
}

.btn-dark[b-6af2uz6jhi] {
    font-weight: 500;
    width: 120px !important;
}

.LoadingIndicator[b-6af2uz6jhi] {
    width: 10px;
    margin-left: 0px;
}

table th[b-6af2uz6jhi], td[b-6af2uz6jhi] {
    font-size: 13px !important;
    font-weight: 600 !important;
}

.insured-column[b-6af2uz6jhi] {
    min-width: 100px;
    max-width: 150px;
}

.btn-brokerManagement[b-6af2uz6jhi] {
    padding: 3px 8px 3px 8px !important;
}

.sticky-column-first[b-6af2uz6jhi] {
    width: 130px;
    left: 0px;
}

.ellipsis[b-6af2uz6jhi] {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 110px;
}

.action-column[b-6af2uz6jhi] {
    min-width: 100px;
    max-width: 150px;
}


.endorsementType-column[b-6af2uz6jhi] {
    min-width: 60px;
    max-width: 80px;
    font-weight: 500;
}

.effective-column[b-6af2uz6jhi] {
    min-width: 40px;
    max-width: 60px;
}


.policyNo-column[b-6af2uz6jhi] {
    min-width: 50px;
    max-width: 80px;
}

.isProcess-column[b-6af2uz6jhi] {
    min-width: 40px;
    max-width: 50px;
}

.sticky-column-last[b-6af2uz6jhi] {
    width: 150px;
    right: 0;
}

.button-column[b-6af2uz6jhi] {
    min-width: 100px;
    max-width: 150px;
}

tr:nth-child(odd) td.action-col[b-6af2uz6jhi] {
    background-color: #fff !important;
    white-space: normal;
}

/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------- SMALL PHONE VIEWPORT ------------------------------------------------------ */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
@media only screen and (max-width:576px) {

    .insured-column[b-6af2uz6jhi], .endorsementType-column[b-6af2uz6jhi] {
        min-width: 200px;
        max-width: 250px;
    }

    .effective-column[b-6af2uz6jhi], .expiration-column[b-6af2uz6jhi] {
        min-width: 100px;
        max-width: 150px;
    }

    .policyNo-column[b-6af2uz6jhi] {
        min-width: 75px;
        max-width: 125px;
    }

    .action-column[b-6af2uz6jhi] {
        min-width: 110px;
        max-width: 170px;
    }

    .isProcess-column[b-6af2uz6jhi] {
        min-width: 50px;
        max-width: 75px;
    }
}

/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------- BIGGER PHONE VIEWPORT ----------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */


@media (min-width: 576px) and (max-width: 767.98px) {
    .insured-column[b-6af2uz6jhi], .endorsementType-column[b-6af2uz6jhi] {
        min-width: 200px;
        max-width: 250px;
    }

    .effective-column[b-6af2uz6jhi], .expiration-column[b-6af2uz6jhi] {
        min-width: 100px;
        max-width: 150px;
    }

    .policyNo-column[b-6af2uz6jhi] {
        min-width: 75px;
        max-width: 125px;
    }

    .action-column[b-6af2uz6jhi] {
        min-width: 110px;
        max-width: 170px;
    }

    .isProcess-column[b-6af2uz6jhi] {
        min-width: 50px;
        max-width: 75px;
    }
}

/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------- TABLET VIEWPORT ----------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */


@media (min-width: 768px) and (max-width: 991.98px) {
    .insured-column[b-6af2uz6jhi], .endorsementType-column[b-6af2uz6jhi] {
        min-width: 250px;
        max-width: 300px;
    }

    .effective-column[b-6af2uz6jhi], .expiration-column[b-6af2uz6jhi] {
        min-width: 100px;
        max-width: 150px;
    }

    .policyNo-column[b-6af2uz6jhi] {
        min-width: 75px;
        max-width: 125px;
    }

    .action-column[b-6af2uz6jhi] {
        min-width: 110px;
        max-width: 170px;
    }

    .isProcess-column[b-6af2uz6jhi] {
        min-width: 50px;
        max-width: 75px;
    }
}


/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------- LAPTOP AND SMALLER DESKTOP  ------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */

@media screen and (min-width:992px) and (max-width: 1199px) {

    .sticky-column-first[b-6af2uz6jhi] {
        width: 120px;
        left: 0px;
    }

    .action-column[b-6af2uz6jhi] {
        min-width: 110px;
        max-width: 170px;
    }

    .endorsementType-column[b-6af2uz6jhi] {
        min-width: 150px;
        max-width: 170px;
    }

    .insured-column[b-6af2uz6jhi] {
        min-width: 200px;
        max-width: 400px;
    }

    .effective-column[b-6af2uz6jhi] {
        min-width: 100px;
        max-width: 150px;
    }

    .policyNo-column[b-6af2uz6jhi] {
        min-width: 100px;
        max-width: 150px;
    }

    .isProcess-column[b-6af2uz6jhi] {
        min-width: 70px;
        max-width: 100px;
    }
}

/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------  DESKTOP  ------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */


@media (min-width: 1200px) and (max-width: 1499px) {

    .sticky-column-first[b-6af2uz6jhi] {
        width: 120px;
        left: 0px;
    }

    .action-column[b-6af2uz6jhi] {
        min-width: 110px;
        max-width: 170px;
    }

    .endorsementType-column[b-6af2uz6jhi] {
        min-width: 100px;
        max-width: 120px;
    }

    .insured-column[b-6af2uz6jhi] {
        min-width: 150px;
        max-width: 200px;
    }

    .effective-column[b-6af2uz6jhi] {
        min-width: 80px;
        max-width: 100px;
    }

    .policyNo-column[b-6af2uz6jhi] {
        min-width: 90px;
        max-width: 100px;
    }

    .isProcess-column[b-6af2uz6jhi] {
        min-width: 40px;
        max-width: 50px;
    }
}
/* /Pages/Endorsement/EndorsementDocuments.razor.rz.scp.css */
tr[b-xmjxz2xwes] {
    font-size: 13px;
    font-weight: 600;
}


/* Component CSS Override */
.HeaderCaption[b-xmjxz2xwes] {
    margin-top: -102px;
    margin-left: -10px;
    font-size: 15px !important;
}

.separator[b-xmjxz2xwes] {
    margin: 25px 0px 0px 0px;
    border-top: 0.1px solid #b8e2ff;
}

.QuotationDocuments[b-xmjxz2xwes] {
    margin-top: 20px !important;
    margin-bottom: 25px !important;
}

.LoadingIndicator[b-xmjxz2xwes] {
    margin-left: 5px;
    width: 10px;
}

.caption[b-xmjxz2xwes] {
    margin-right: 10px;
    align-self: center;
    margin-top: 5px;
}

.input-text[b-xmjxz2xwes] {
    height: 38px !important;
}

.btn-dark[b-xmjxz2xwes] {
    margin-left: 10px;
    align-self: center;
    padding: 7px 15px;
    margin-top: 1px;
}

.btn-brokerManagement[b-xmjxz2xwes] {
    margin-left: 5px;
    padding: 5px 10px;
}

.DropdownOptions[b-xmjxz2xwes] {
    width: 140px;
}


.sticky-column[b-xmjxz2xwes] {
    width: 150px;
    min-width: 50px;
    max-width: 150px;
    right: 0px;
}

.ActionCol[b-xmjxz2xwes], .ItemCol[b-xmjxz2xwes] {
    min-width: 75px;
    max-width: 125px;
}

.FileCol[b-xmjxz2xwes], .DocCol[b-xmjxz2xwes] {
    min-width: 300px;
    max-width: 350px;
}

.DocumentsDiv[b-xmjxz2xwes] {
    display: flex;
    flex-direction: column;
    width: 100%;
    max-width: 400px;
}


.ProgressBar[b-xmjxz2xwes] {
    margin-top: 25px;
    width: 100% !important;
}

.CustomSelect[b-xmjxz2xwes] {
    width: 100% !important;
}

.error[b-xmjxz2xwes] {
    text-align: center !important;
}

.OthersInput[b-xmjxz2xwes] {
    margin-left: 10px !important;
    width: 190px;
}

.outside-OthersInput[b-xmjxz2xwes] {
}

.FileContainer[b-xmjxz2xwes] {
    margin-left: 10px;
    margin-top: -8px;
}


.LinkDownload[b-xmjxz2xwes] {
    color: var(--primaryColor);
    text-decoration: underline;
    font-weight: 600;
}

    .LinkDownload:hover[b-xmjxz2xwes] {
        cursor: pointer;
        transition: color 0.2s;
        color: var(--textColor);
    }
[b-xmjxz2xwes] .mud-progress-linear .mud-progress-linear-bars {
    background: #dbebf6 !important;
}


[b-xmjxz2xwes] .mud-progress-linear.mud-progress-linear-color-primary:not(.mud-progress-linear-buffer) .mud-progress-linear-bar {
    background-color: var(--primaryColor);
}

[b-xmjxz2xwes] .mud-button-filled:hover, .mud-button-filled:focus-visible[b-xmjxz2xwes] {
    background: #3e93cf !important;
}

[b-xmjxz2xwes] .mud-button-filled {
    font-size: 13px !important;
}

[b-xmjxz2xwes] .mud-button-group-filled.mud-button-group-override-styles.mud-button-group-filled-primary .mud-button-root {
    color: white !important;
    background-color: var(--primaryColor) !important;
    width: 48% !important;
    border-radius: 0px;
    padding: 8px 8px !important;
}


[b-xmjxz2xwes] .mud-button-label {
    font-size: 12px !important;
    padding: 1px 1px !important;
    font-family: Montserrat !important;
    text-transform: none !important;
}
/* /Pages/Endorsement/EndorsementHeader.razor.rz.scp.css */
.Navigator[b-95aqxu01tk] {
    margin-left: 20px;
    margin-top: 0px;
    font-size: 20px !important;
}

.link-navigate:hover[b-95aqxu01tk] {
    cursor: pointer;
}

.NavRight[b-95aqxu01tk] {
    font-size: 10px;
}
/* /Pages/Endorsement/EndorsementInformation.razor.rz.scp.css */
.error[b-hgpkp7z8sj] {
    margin-top: 3px;
    margin-bottom: 2px;
}

.EndorsementDiv[b-hgpkp7z8sj] {
    display: flex;
    margin: 10px 0px;
}

.MinEarnedDiv[b-hgpkp7z8sj]{
    display: flex;
    width: 190px;
    margin-right: 5px !important;
}

.AppliedDiv[b-hgpkp7z8sj] {
    display: flex;
    width:220px;
}

.EndorsementNoDiv[b-hgpkp7z8sj] {
    width: 250px !important;
    /*margin: 6px 0px 0px 0px;*/
}

.EndorsementTypeDiv[b-hgpkp7z8sj] {
    width: 100% !important;
    max-width: 350px !important;
    margin-right: 5px;
}

.EffectiveDiv[b-hgpkp7z8sj] {
    width: 100% !important;
    max-width: 350px !important;
    margin-right: 5px;
}

.EndorsementTypeCaption[b-hgpkp7z8sj] {
    margin-top: 5px;
    margin-right: 12px;
}

.ProRataText[b-hgpkp7z8sj] {
    margin-bottom: 0px !important;
}

.ProRataDiv[b-hgpkp7z8sj] {
    margin-bottom: 0px !important;
    display: flex;
    align-items: center;
    gap: 10px;
    width: 250px;
    /*margin-top: 10px;*/
}

.PremiumChanged[b-hgpkp7z8sj] {
    /*margin: 6px 0px 15px 0px;*/
    width: 250px !important;
}

.RadioBtnGroup[b-hgpkp7z8sj] {
    margin-top: -3px;
    margin-left: 10px;
}

.RadioLabel[b-hgpkp7z8sj] {
    margin-top: 4px;
}

.DataCaption[b-hgpkp7z8sj] {
    font-size: 14px !important;
    font-weight: 600 !important;
}

.DataText[b-hgpkp7z8sj] {
    font-size: 14px !important;
    font-weight: 700 !important;
    margin-left: 5px;
}


.UWNotesDiv[b-hgpkp7z8sj]{
    display: flex;
}


.UWNotesCaption[b-hgpkp7z8sj] {
    margin-right: 10px !important;
}

.endo-effe[b-hgpkp7z8sj]{
    gap: 0 55px;
}

.EndorsementContainer[b-hgpkp7z8sj]{
    gap: 0 100px;
    flex-wrap: wrap;
    margin-bottom: 10px;
}



@media only screen and (max-width: 1279px) {
    /*.EndorsementTypeDiv {
        flex-direction: column;
        margin-left: 0px;
    }*/

    .PolicyDiv[b-hgpkp7z8sj] {
        width: 100%;
    }

    /*.PremiumChanged {
        margin: 25px 0px 10px 0px;
    }*/

    .UWNotesDiv[b-hgpkp7z8sj] {
        flex-direction: column;
    }
}

@media only screen and (max-width: 577px) {
    .EndorsementTypeDiv[b-hgpkp7z8sj], .EffectiveDiv[b-hgpkp7z8sj], .ExpirationDiv[b-hgpkp7z8sj] {
        margin: 7px 0px;
        width: 100% !important;
    }
}

@media (min-width: 576px) and (max-width: 767px) {

    .EndorsementContainer[b-hgpkp7z8sj] {
        flex-direction: column !important;
    }

    .EndorsementTypeDiv[b-hgpkp7z8sj], .EndorsementNoDiv[b-hgpkp7z8sj], .EffectiveDiv[b-hgpkp7z8sj], .ExpirationDiv[b-hgpkp7z8sj] {
        margin: 7px 0px;
    }

    .EndorsementTypeDiv[b-hgpkp7z8sj], .EffectiveDiv[b-hgpkp7z8sj], .ExpirationDiv[b-hgpkp7z8sj] {
        width: 100% !important;
    }
}

/*  Responsiveness form Endorsement Data Entry  */

@media only screen and (max-width: 1430px){
    .EndorsementContainer[b-hgpkp7z8sj] {
        gap: 10px 140px;
    }
    .EndorsementNoDiv[b-hgpkp7z8sj]{
        width: 350px !important;
    }
    .EndoInfoInput[b-hgpkp7z8sj]{
        width: 100%;
    }
}

@media only screen and (max-width: 1200px){
    .EndorsementNoDiv[b-hgpkp7z8sj] {
        width: 250px !important;
    }
    .EndoInfoInput[b-hgpkp7z8sj] {
        width: none !important;
    }
}

@media only screen and (max-width: 1114px) {
    .EndorsementNoDiv[b-hgpkp7z8sj] {
        width: 350px !important;
    }

    .EndoInfoInput[b-hgpkp7z8sj] {
        width: 100% !important;
    }
}

@media only screen and (max-width: 991px) {
    .EndorsementNoDiv[b-hgpkp7z8sj] {
        width: 250px !important;
    }

    .EndoInfoInput[b-hgpkp7z8sj] {
        width: none !important;
    }
}

@media only screen and (max-width: 864px) {
    .EndorsementNoDiv[b-hgpkp7z8sj] {
        width: 350px !important;
    }

    .EndoInfoInput[b-hgpkp7z8sj] {
        width: 100% !important;
    }
}

.EffectiveDateInput[b-hgpkp7z8sj]{
    width: 235px;
}

[b-hgpkp7z8sj] .mud-input-control.mud-input-number-control.mud-input-showspin .mud-input:not(.mud-input-adorned-end).mud-input-outlined input.mud-input-root-margin-dense {
    line-height: 1.5 !important;
    height: 10px;
}

[b-hgpkp7z8sj] .mud-input > input.mud-input-root, div.mud-input-slot.mud-input-root[b-hgpkp7z8sj] {
    height: 9.5px !important;
    border-radius: .25rem !important;
}

[b-hgpkp7z8sj] .mud-input.mud-input-outlined.mud-disabled .mud-input-outlined-border {
    border-color: #ced4da;
}

::after .mud-input-control.mud-input-control-margin-dense[b-hgpkp7z8sj] {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}
/* /Pages/Endorsement/EndorsementManuscriptBrowse.razor.rz.scp.css */
.CenteredContent[b-wq0hzledk1] {
    border-top: 1px solid #808080;
    padding: 30px 0px 0px 0px;
    margin: 50px 0px 0px 0px !important;
}

.btn-dark[b-wq0hzledk1] {
    font-weight: 500;
    width: 120px !important;
}

.LoadingIndicator[b-wq0hzledk1] {
    width: 10px;
    margin-left: 0px;
}

table th[b-wq0hzledk1], td[b-wq0hzledk1] {
    font-size: 13px !important;
    font-weight: 600 !important;
}

.insured-column[b-wq0hzledk1] {
    min-width: 100px;
    max-width: 150px;
}

.btn-brokerManagement[b-wq0hzledk1] {
    padding: 3px 8px 3px 8px !important;
}

.sticky-column-first[b-wq0hzledk1] {
    width: 130px;
    left: 0px;
}

.ellipsis[b-wq0hzledk1] {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 110px;
}

.action-column[b-wq0hzledk1] {
    min-width: 100px;
    max-width: 150px;
}

.endorsementType-column[b-wq0hzledk1] {
    min-width: 60px;
    max-width: 80px;
    font-weight: 500;
}

.effective-column[b-wq0hzledk1] {
    min-width: 40px;
    max-width: 60px;
}

.policyNo-column[b-wq0hzledk1] {
    min-width: 50px;
    max-width: 80px;
}

.isProcess-column[b-wq0hzledk1] {
    min-width: 40px;
    max-width: 50px;
}

.sticky-column-last[b-wq0hzledk1] {
    width: 150px;
    right: 0;
}

.button-column[b-wq0hzledk1] {
    min-width: 100px;
    max-width: 150px;
}

tr:nth-child(odd) td.action-col[b-wq0hzledk1] {
    background-color: #fff !important;
    white-space: normal;
}

/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------- SMALL PHONE VIEWPORT ------------------------------------------------------ */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
@media only screen and (max-width:576px) {

    .insured-column[b-wq0hzledk1], .endorsementType-column[b-wq0hzledk1] {
        min-width: 200px;
        max-width: 250px;
    }

    .effective-column[b-wq0hzledk1], .expiration-column[b-wq0hzledk1] {
        min-width: 100px;
        max-width: 150px;
    }

    .policyNo-column[b-wq0hzledk1] {
        min-width: 75px;
        max-width: 125px;
    }

    .action-column[b-wq0hzledk1] {
        min-width: 110px;
        max-width: 170px;
    }

    .isProcess-column[b-wq0hzledk1] {
        min-width: 50px;
        max-width: 75px;
    }
}

/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------- BIGGER PHONE VIEWPORT ----------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */


@media (min-width: 576px) and (max-width: 767.98px) {
    .insured-column[b-wq0hzledk1], .endorsementType-column[b-wq0hzledk1] {
        min-width: 200px;
        max-width: 250px;
    }

    .effective-column[b-wq0hzledk1], .expiration-column[b-wq0hzledk1] {
        min-width: 100px;
        max-width: 150px;
    }

    .policyNo-column[b-wq0hzledk1] {
        min-width: 75px;
        max-width: 125px;
    }

    .action-column[b-wq0hzledk1] {
        min-width: 110px;
        max-width: 170px;
    }

    .isProcess-column[b-wq0hzledk1] {
        min-width: 50px;
        max-width: 75px;
    }
}

/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------- TABLET VIEWPORT ----------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */


@media (min-width: 768px) and (max-width: 991.98px) {
    .insured-column[b-wq0hzledk1], .endorsementType-column[b-wq0hzledk1] {
        min-width: 250px;
        max-width: 300px;
    }

    .effective-column[b-wq0hzledk1], .expiration-column[b-wq0hzledk1] {
        min-width: 100px;
        max-width: 150px;
    }

    .policyNo-column[b-wq0hzledk1] {
        min-width: 75px;
        max-width: 125px;
    }

    .action-column[b-wq0hzledk1] {
        min-width: 110px;
        max-width: 170px;
    }

    .isProcess-column[b-wq0hzledk1] {
        min-width: 50px;
        max-width: 75px;
    }
}


/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------- LAPTOP AND SMALLER DESKTOP  ------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */

@media screen and (min-width:992px) and (max-width: 1199px) {

    .sticky-column-first[b-wq0hzledk1] {
        width: 120px;
        left: 0px;
    }

    .action-column[b-wq0hzledk1] {
        min-width: 110px;
        max-width: 170px;
    }

    .endorsementType-column[b-wq0hzledk1] {
        min-width: 150px;
        max-width: 170px;
    }

    .insured-column[b-wq0hzledk1] {
        min-width: 200px;
        max-width: 400px;
    }

    .effective-column[b-wq0hzledk1] {
        min-width: 100px;
        max-width: 150px;
    }

    .policyNo-column[b-wq0hzledk1] {
        min-width: 100px;
        max-width: 150px;
    }

    .isProcess-column[b-wq0hzledk1] {
        min-width: 70px;
        max-width: 100px;
    }

}

/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------  DESKTOP  ------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */


@media (min-width: 1200px) and (max-width: 1499px) {

    .sticky-column-first[b-wq0hzledk1] {
        width: 120px;
        left: 0px;
    }

    .action-column[b-wq0hzledk1] {
        min-width: 110px;
        max-width: 170px;
    }

    .endorsementType-column[b-wq0hzledk1] {
        min-width: 100px;
        max-width: 120px;
    }

    .insured-column[b-wq0hzledk1] {
        min-width: 150px;
        max-width: 200px;
    }

    .effective-column[b-wq0hzledk1] {
        min-width: 80px;
        max-width: 100px;
    }

    .policyNo-column[b-wq0hzledk1] {
        min-width: 90px;
        max-width: 100px;
    }

    .isProcess-column[b-wq0hzledk1] {
        min-width: 40px;
        max-width: 50px;
    }

}

/* /Pages/Endorsement/EndorsementNavMenu.razor.rz.scp.css */
.sub-menu[b-f8wa7d4t1l] {
    background: #333333;
    color: white;
    height: 98vh !important;
    border-radius: 3px;
    box-shadow: 0px 4px 2px rgba(0,0,0,0.3);
    margin: 7.5px 0 0 7.5px;
}

.title[b-f8wa7d4t1l] {
    font-size: 16px;
    color: white !important;
    padding: 20px 0px 10px 0px !important;
    text-align: start;
    font-weight: 600;
}

.ButtonGroupDiv[b-f8wa7d4t1l] {
    display: flex;
    flex-direction: column;
    width: 100%;
    justify-content: center !important;
    position: absolute;
    bottom: 20px;
    padding-right: 7.5px;
}

.LoadingIndicator[b-f8wa7d4t1l] {
    width: 15px !important;
    margin-left: 10px;
}

.ScrollerDiv[b-f8wa7d4t1l] {
    height: 900px !important;
    overflow-y: auto;
    width: 100%;
}

.WhiteSeparator[b-f8wa7d4t1l] {
    border-bottom: 0.1px solid white;
    margin-bottom: 10px;
    width: 80%;
}

.SummaryDiv[b-f8wa7d4t1l] {
    text-align: center;
}

.SummaryHeader[b-f8wa7d4t1l] {
    font-size: 15px;
    color: white !important;
    font-weight: 500;
    text-align: center;
    margin-bottom: 5px;
}

.SummarySpan[b-f8wa7d4t1l] {
    background-color: #565656;
    border-radius: 5px;
    padding: 3px 16px;
    font-size: 16px;
    border: 0.5px solid white;
    font-weight: 700;
    margin-top: -8px !important;
}

    .SummarySpan:hover[b-f8wa7d4t1l] {
        cursor: pointer;
    }

.InfoNumContainer[b-f8wa7d4t1l] {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 10px;
}


.RedBanner[b-f8wa7d4t1l] {
    background: var(--red);
    border-start-start-radius: 3px;
    border-start-end-radius: 3px;
}

.ValidationText[b-f8wa7d4t1l] {
    margin-left: 5px;
    font-weight: 300;
    padding: 5px;
    color: white !important;
    font-size: 13px;
    margin-bottom: 3px;
}

.ValidationParentDiv[b-f8wa7d4t1l] {
    margin: 10px 10px 0px 10px !important;
}

.ValidationContainer[b-f8wa7d4t1l] {
    padding: 0px;
    border: 1px var(--lightGray) solid;
    border-top: none !important;
    transition: background-color 0.1s;
}

    .ValidationContainer:hover[b-f8wa7d4t1l] {
        background: rgb(30, 27, 24);
        cursor: pointer;
        border-top: 1px black solid;
        border-bottom: 1px black solid;
    }

        .ValidationContainer:hover .ValidationText[b-f8wa7d4t1l] {
            color: white !important;
            font-weight: 600
        }

.IconCircle[b-f8wa7d4t1l] {
    border-radius: 25px;
    width: 23px;
    height: 23px;
    background-color: #333333;
    border: 2px white solid;
    margin-left: 10px;
}

.icon[b-f8wa7d4t1l] {
    font-size: 14px;
    color: white !important;
}

.TextHeader[b-f8wa7d4t1l] {
    padding: 5px;
    font-size: 13px;
    font-weight: 700;
    margin-top: 8px;
    margin-bottom: 7px;
}

.ReminderText[b-f8wa7d4t1l] {
    margin-left: 10px;
    margin-top: 2px;
    margin-bottom: 5px;
    font-size: 13px;
    padding: 5px;
}

.ReminderContainer[b-f8wa7d4t1l] {
    border-top: 0.5px black solid;
    border-bottom: 0.5px black solid;
    height: 35px;
}





/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------- RESPONSIVENESS -------------------------------------------------------- */
/* -------------- PLEASE MATCH YOUR CSS ACCORDING TO THE VIEWPORT DO NOT CREATE ANOTHER TO AVOID CONFLICT RESPONSIVENESS ---------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */





/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------- SMALL PHONE VIEWPORT ------------------------------------------------------ */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */

@media only screen and (max-width:576px) {
    .sub-menu[b-f8wa7d4t1l] {
        margin: 20px 10px 40px 10px;
        padding-bottom: 10px;
        height: auto !important;
    }

    .ScrollerDiv[b-f8wa7d4t1l] {
        max-height: 200px !important;
        overflow-y: auto;
        width: 100%;
    }

    .ButtonGroupDiv[b-f8wa7d4t1l] {
        position: inherit;
    }
}


/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------- BIGGER PHONE VIEWPORT ----------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */


@media (min-width: 576px) and (max-width: 767.98px) {

    .sub-menu[b-f8wa7d4t1l] {
        margin: 20px 10px 40px 10px;
        padding-bottom: 10px;
        height: auto !important;
    }

    .ScrollerDiv[b-f8wa7d4t1l] {
        max-height: 250px !important;
        overflow-y: auto;
        width: 100%;
    }

    .ButtonGroupDiv[b-f8wa7d4t1l] {
        position: inherit;
    }
}

/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------- TABLET VIEWPORT -------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */


@media (min-width: 768px) and (max-width: 991px) {
    .sub-menu[b-f8wa7d4t1l] {
        margin: 20px 10px 40px 10px;
        padding-bottom: 10px;
        height: auto !important;
    }

    .ScrollerDiv[b-f8wa7d4t1l] {
        max-height: 250px !important;
        overflow-y: auto;
        width: 100%;
    }

    .ButtonGroupDiv[b-f8wa7d4t1l] {
        position: inherit;
    }
}


/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------- LAPTOP AND SMALLER DESKTOP  ------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */

@media (min-width:992px) and (max-width: 1199px) {

    .sub-menu[b-f8wa7d4t1l] {
        margin: 7px 10px 0px 10px;
        padding-bottom: 10px;
        height: auto !important;
    }

    .ScrollerDiv[b-f8wa7d4t1l] {
        max-height: 250px !important;
        overflow-y: auto;
        width: 100%;
    }

    .ButtonGroupDiv[b-f8wa7d4t1l] {
        position: inherit;
    }
}

/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------  DESKTOP  ------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */


@media (min-width: 1200px) and (max-width: 1499px) {
}

/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------- ULTRAWIDE DESKTOP ------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */

@media (min-width: 1500px) {
}


/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------- MUDBLAZOR OVERRIDE ------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */

[b-f8wa7d4t1l] .mud-button-group-filled.mud-button-group-override-styles.mud-button-group-filled-primary .mud-button-root {
    color: white !important;
    background-color: var(--primaryColor) !important;
    width: 48% !important;
    border-radius: 0px;
    padding: 8px 8px !important;
}


[b-f8wa7d4t1l] .mud-button-group-horizontal:not(.mud-button-group-rtl) > .mud-button-root:not(:last-child), .mud-button-group-horizontal:not(.mud-button-group-rtl) > :not(:last-child) .mud-button-root[b-f8wa7d4t1l] {
    border-start-start-radius: 5px;
    border-end-start-radius: 5px;
}

[b-f8wa7d4t1l] .mud-button-group-horizontal:not(.mud-button-group-rtl) > .mud-button-root:not(:first-child), .mud-button-group-horizontal:not(.mud-button-group-rtl) > :not(:first-child) .mud-button-root[b-f8wa7d4t1l] {
    border-start-end-radius: 5px;
    border-end-end-radius: 5px;
}
/* /Pages/Endorsement/EndorsementPagination.razor.rz.scp.css */
.page-item[b-synguggcx3], .list-unstyled[b-synguggcx3] {
    display: inline-block;
    margin: 0 5px;
}

    .page-item a[b-synguggcx3] {
        display: inline-block;
        padding: 8px 12px;
        overflow: hidden;
        color: #333;
        border-radius: 5%;
        text-decoration: none;
        text-align: center;
        line-height: 1;
        font-size: 12px;
    }

    .page-item.active a[b-synguggcx3] {
        border-radius: 5%;
        background-color: var(--primaryColor);
        color: white;
        text-align: center;
        line-height: 1;
    }

    .page-item:hover .hover_style[b-synguggcx3] {
        border-radius: 5%;
        background-color: var(--gray);
        color: white;
        text-align: center;
        line-height: 1;
        cursor: pointer;
    }



.icons[b-synguggcx3] {
    width: 20px;
}


.disabled[b-synguggcx3] {
    margin: 0 5px;
    padding: 0px 0px;
    border-radius: 5px;
    text-decoration: none !important;
    color: darkgray;
}

    .disabled .icons[b-synguggcx3] {
        filter: brightness(0.1) invert(0.5) !important;
    }

    .disabled:hover .icons[b-synguggcx3] {
        cursor: not-allowed;
    }


.pagination-container[b-synguggcx3] {
    max-width: 100%;
    overflow-x: auto;
    white-space: nowrap;
}

@media (max-width: 576px) {
    .pagination-container[b-synguggcx3] {
        margin-top: 5px;
        overflow-x: scroll;
    }
}
/* /Pages/Endorsement/EndorsementPanel.razor.rz.scp.css */
.row[b-x39m0s3lv8] {
    flex-wrap: wrap;
}


.icon[b-x39m0s3lv8] {
    width: 20px;
}

.panel-data[b-x39m0s3lv8] {
    font-size: 25px;
    font-weight: 700;
}

.panel-title[b-x39m0s3lv8] {
    margin-top: 3px;
    margin-bottom: -2px;
    font-size: 15px !important;
    font-weight: 600;
}

.inactive[b-x39m0s3lv8] {
    transform: translateY(0px);
    transition: transform 0.2s ease-in-out;
}

.ManuscriptBackground[b-x39m0s3lv8], .CancellationBackground[b-x39m0s3lv8], .ReinstatementBackground[b-x39m0s3lv8], .ChangeInsuredInfoBackground[b-x39m0s3lv8], .ChangeInsuredAddressBackground[b-x39m0s3lv8],
.ManuscriptBackgroundActive[b-x39m0s3lv8], .CancellationBackgroundActive[b-x39m0s3lv8], .ReinstatementBackgroundActive[b-x39m0s3lv8], .ChangeInsuredInfoBackgroundActive[b-x39m0s3lv8], .ChangeInsuredAddressBackgroundActive[b-x39m0s3lv8] {
    padding: 20px 20px 10px 20px;
    margin: 10px 5px;
    font-size: 13px;
    font-weight: 500;
    display: flex;
    justify-content: space-between;
    align-content: center;
    align-items: center;
    border-radius: 5px;
}


/* ------------------------------------------------------ Inactive Manuscript ---------------------------------------------- */

.ManuscriptText[b-x39m0s3lv8] {
    color: #4CAF50;
}

.ManuscriptBackground[b-x39m0s3lv8] {
    transition: all .3s ease-out;
    color: var(--textColor);
    background: white;
    position: relative;
    border-radius: 5px;
    box-shadow: 0px 3px 5px rgba(76, 174, 79, 0.5);
}

    .ManuscriptBackground:hover[b-x39m0s3lv8] {
        cursor: pointer;
        background: linear-gradient(90deg, var(--green) 50%, rgba(106, 255, 112, 1) 100%);
        color: white;
    }

    .ManuscriptBackground .icon-bg[b-x39m0s3lv8] {
        background: #4CAF50;
        padding: 8px;
        position: absolute;
        bottom: -15px;
        right: 15px;
        margin-right: 7px;
        border-radius: 3px;
        box-shadow: 0 0 10px var(--green);
        transition: all .3s ease-out;
    }

    .ManuscriptBackground .icon[b-x39m0s3lv8] {
        filter: brightness(0) invert(1);
    }

    .ManuscriptBackground:hover .icon-bg[b-x39m0s3lv8] {
        background: white;
    }

    .ManuscriptBackground:hover .icon[b-x39m0s3lv8] {
        filter: brightness(1);
        color: white;
    }

/* ------------------------------------------------------ Active Manuscript ---------------------------------------------- */

.ManuscriptBackgroundActive[b-x39m0s3lv8] {
    transition: all .3s ease-out;
    position: relative;
    background: linear-gradient(90deg, var(--green) 50%, rgba(106, 255, 112, 1) 100%);
    color: white;
    border-radius: 5px;
    box-shadow: 0px 3px 5px rgba(76, 174, 79, 0.5);
}

    .ManuscriptBackgroundActive .icon-bg[b-x39m0s3lv8] {
        padding: 8px;
        position: absolute;
        bottom: -15px;
        right: 15px;
        margin-right: 7px;
        background: white;
        border-radius: 3px;
        box-shadow: 0 0 10px var(--green);
        transition: all .3s ease-out;
    }

    .ManuscriptBackgroundActive .icon[b-x39m0s3lv8] {
        filter: brightness(1);
        color: white;
    }



/* ------------------------------------------------------ Inactive Reinstatement ---------------------------------------------- */

.ReinstatementText[b-x39m0s3lv8] {
    color: #2196F3;
}

.ReinstatementBackground[b-x39m0s3lv8] {
    transition: all .3s ease-out;
    color: var(--textColor);
    background: white;
    position: relative;
    border-radius: 5px;
    box-shadow: 0px 3px 5px rgba(32, 148, 243, 0.5);
}

    .ReinstatementBackground:hover[b-x39m0s3lv8] {
        cursor: pointer;
        background: linear-gradient(90deg, var(--blue) 50%, rgba(190,226,255,1) 100%);
        color: white;
    }

    .ReinstatementBackground .icon-bg[b-x39m0s3lv8] {
        background: #2196F3;
        padding: 8px;
        position: absolute;
        bottom: -15px;
        right: 15px;
        margin-right: 7px;
        border-radius: 3px;
        box-shadow: 0 0 10px var(--blue);
        transition: all .3s ease-out;
    }

    .ReinstatementBackground .icon[b-x39m0s3lv8] {
        filter: brightness(0) invert(1);
    }

    .ReinstatementBackground:hover .icon-bg[b-x39m0s3lv8] {
        background: white;
    }

    .ReinstatementBackground:hover .icon[b-x39m0s3lv8] {
        filter: brightness(1);
        color: white;
    }

/* ------------------------------------------------------  Active Reinstatement  ---------------------------------------------- */

.ReinstatementBackgroundActive[b-x39m0s3lv8] {
    transition: all .3s ease-out;
    position: relative;
    background: linear-gradient(90deg, var(--blue) 50%, rgba(190,226,255,1) 100%);
    color: white;
    box-shadow: 0px 3px 5px rgba(32, 148, 243, 0.5);
}

    .ReinstatementBackgroundActive .icon-bg[b-x39m0s3lv8] {
        padding: 8px;
        position: absolute;
        bottom: -15px;
        right: 15px;
        margin-right: 7px;
        background: white;
        border-radius: 3px;
        box-shadow: 0 0 10px var(--blue);
        transition: all .3s ease-out;
    }

    .ReinstatementBackgroundActive .icon[b-x39m0s3lv8] {
        filter: brightness(1);
        color: white;
    }


/* ------------------------------------------------------ Inactive Cancellation ---------------------------------------------- */

.CancellationText[b-x39m0s3lv8] {
    color: var(--error);
}

.CancellationBackground[b-x39m0s3lv8] {
    transition: all .3s ease-out;
    color: var(--textColor);
    background: white;
    position: relative;
    border-radius: 5px;
    box-shadow: 0px 3px 5px rgba(239, 67, 67, 0.5);
}

.CancellationBackground:hover[b-x39m0s3lv8] {
    cursor: pointer;
    background: linear-gradient(90deg, var(--error) 50%, rgba(255,194,194,1) 100%);
    color: white;
}



    .CancellationBackground .icon-bg[b-x39m0s3lv8] {
        background: var(--error);
        padding: 8px;
        position: absolute;
        bottom: -15px;
        right: 15px;
        margin-right: 7px;
        border-radius: 3px;
        box-shadow: 0 0 10px var(--error);
        transition: all .3s ease-out;
    }
    
    .CancellationBackground .icon[b-x39m0s3lv8] {
        filter: brightness(0) invert(1);
    }
    
    .CancellationBackground:hover .icon-bg[b-x39m0s3lv8] {
        background: white;
    }
    
    .CancellationBackground:hover .icon[b-x39m0s3lv8] {
        filter: brightness(1);
        color: white;
    }

/* ------------------------------------------------------ Active Cancellation ---------------------------------------------- */


.CancellationBackgroundActive[b-x39m0s3lv8] {
    transition: all .3s ease-out;
    position: relative;
    background: linear-gradient(90deg, var(--error) 50%, rgba(255,194,194,1) 100%);
    color: white;
    border-radius: 5px;
    box-shadow: 0px 3px 5px rgba(239, 67, 67, 0.5);
}

    .CancellationBackgroundActive .icon-bg[b-x39m0s3lv8] {
        padding: 8px;
        position: absolute;
        bottom: -15px;
        right: 15px;
        margin-right: 7px;
        background: white;
        border-radius: 3px;
        box-shadow: 0 0 10px var(--error);
        transition: all .3s ease-out;
    }

    .CancellationtBackgroundActive .icon[b-x39m0s3lv8] {
        filter: brightness(1);
        color: white;
    }



/* ------------------------------------------------------ Inactive ChangeInsured ---------------------------------------------- */

.ChangeInsuredInfotText[b-x39m0s3lv8] {
    color: var(--yellow);
}

.ChangeInsuredInfoBackground[b-x39m0s3lv8] {
    transition: all .3s ease-out;
    color: var(--textColor);
    background: white;
    position: relative;
    border-radius: 5px;
    box-shadow: 0px 3px 5px rgba(209, 188, 0, 0.5);
}

.ChangeInsuredInfoBackground:hover[b-x39m0s3lv8] {
    cursor: pointer;
    background: linear-gradient(90deg, var(--yellow) 0%, rgba(255,248,187,1) 100%);
    color: white;
}

    .ChangeInsuredInfoBackground .icon-bg[b-x39m0s3lv8] {
        background: var(--yellow);
        padding: 8px;
        position: absolute;
        bottom: -15px;
        right: 15px;
        margin-right: 7px;
        border-radius: 3px;
        box-shadow: 0 0 10px var(--yellow);
        transition: all .3s ease-out;
    }
    
        .ChangeInsuredInfoBackground .icon[b-x39m0s3lv8] {
            filter: brightness(0) invert(1);
        }
    
    .ChangeInsuredInfoBackground:hover .icon-bg[b-x39m0s3lv8] {
        background: white;
    }
    
    .ChangeInsuredInfoBackground:hover .icon[b-x39m0s3lv8] {
        filter: brightness(1);
        color: white;
    }

/* ------------------------------------------------------  Active ChangeInsuredInfo  ---------------------------------------------- */

.ChangeInsuredInfoBackgroundActive[b-x39m0s3lv8] {
    transition: all .3s ease-out;
    position: relative;
    background: linear-gradient(90deg, var(--yellow) 0%, rgba(255,248,187,1) 100%);
    color: white;
    border-radius: 5px;
    box-shadow: 0px 3px 5px rgba(209, 188, 0, 0.5);
}

    .ChangeInsuredInfoBackgroundActive .icon-bg[b-x39m0s3lv8] {
        padding: 8px;
        position: absolute;
        bottom: -15px;
        right: 15px;
        margin-right: 7px;
        background: white;
        box-shadow: 0 0 10px var(--yellow);
        border-radius: 3px;
        transition: all .3s ease-out;
    }

    .ChangeInsuredInfoBackgroundActive .icon[b-x39m0s3lv8] {
        filter: brightness(1);
        color: white;
    }





/* ------------------------------------------------------ Inactive ChangeInsuredAddress ---------------------------------------------- */

.ChangeInsuredAddressText[b-x39m0s3lv8] {
    color: #9C27B0;
}

.ChangeInsuredAddressBackground[b-x39m0s3lv8] {
    transition: all .3s ease-out;
    color: var(--textColor);
    background: white;
    position: relative;
    border-radius: 5px;
    box-shadow: 0px 3px 5px rgba(155, 39, 176, 0.5);
}

.ChangeInsuredAddressBackground:hover[b-x39m0s3lv8] {
    cursor: pointer;
    background: linear-gradient(90deg, var(--violet) 0%, rgba(238,136,255,1) 100%);
    color: white;
}

    .ChangeInsuredAddressBackground .icon-bg[b-x39m0s3lv8] {
        background: var(--violet);
        padding: 8px;
        position: absolute;
        bottom: -15px;
        right: 15px;
        margin-right: 7px;
        border-radius: 3px;
        box-shadow: 0 0 10px var(--violet);
        transition: all .3s ease-out;
    }

.ChangeInsuredAddressBackground .icon[b-x39m0s3lv8] {
    filter: brightness(0) invert(1);
}

.ChangeInsuredAddressBackground:hover .icon-bg[b-x39m0s3lv8] {
    background: white;
}

.ChangeInsuredAddressBackground:hover .icon[b-x39m0s3lv8] {
    filter: brightness(1);
    color: white;
}

/* ------------------------------------------------------  Active ChangeInsuredAddress  ---------------------------------------------- */

.ChangeInsuredAddressBackgroundActive[b-x39m0s3lv8] {
    transition: all .3s ease-out;
    position: relative;
    background: linear-gradient(90deg, var(--violet) 0%, rgba(238,136,255,1) 100%);
    color: white;
    border-radius: 5px;
    box-shadow: 0px 3px 5px rgba(155, 39, 176, 0.5);
}

    .ChangeInsuredAddressBackgroundActive .icon-bg[b-x39m0s3lv8] {
        padding: 8px;
        position: absolute;
        bottom: -15px;
        right: 15px;
        margin-right: 7px;
        background: white;
        box-shadow: 0 0 10px var(--violet);
        border-radius: 3px;
        transition: all .3s ease-out;
    }

    .ChangeInsuredAddressBackgroundActive .icon[b-x39m0s3lv8] {
        filter: brightness(1);
        color: white;
    }

/* ------------------------------------------------------ Inactive Renewal Summary  ---------------------------------------------- */


.RenewalSummaryText[b-x39m0s3lv8] {
    color: var(--green);
}

.RenewalSummaryBackground[b-x39m0s3lv8] {
    transition: all .3s ease-out;
    color: var(--textColor);
    background: white;
    position: relative;
    border-radius: 5px;
    box-shadow: 0px 3px 5px rgba(255, 153, 0, 0.5);
}

    .RenewalSummaryBackground:hover[b-x39m0s3lv8] {
        cursor: pointer;
        background: var(--orange);
        color: white;
    }


    .RenewalSummaryBackground:hover[b-x39m0s3lv8] {
        cursor: pointer;
        background: var(--orange);
        color: white;
    }

    .RenewalSummaryBackground .icon-bg[b-x39m0s3lv8] {
        background: var(--orange);
        padding: 8px;
        position: absolute;
        bottom: -15px;
        right: 15px;
        margin-right: 7px;
        border-radius: 3px;
        box-shadow: 0 0 10px var(--orange);
        transition: all .3s ease-out;
    }

    .RenewalSummaryBackground .icon[b-x39m0s3lv8] {
        filter: brightness(0) invert(1);
    }

    .RenewalSummaryBackground:hover .icon-bg[b-x39m0s3lv8] {
        background: white;
    }

    .RenewalSummaryBackground:hover .icon[b-x39m0s3lv8] {
        filter: brightness(1);
        color: white;
    }




/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------- SMALL PHONE VIEWPORT ------------------------------------------------------ */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */

@media only screen and (max-width:576px) {

    .row[b-x39m0s3lv8] {
        margin: 20px 0px;
    }

    .ManuscriptBackground[b-x39m0s3lv8], .CancellationBackground[b-x39m0s3lv8], .ReinstatementBackground[b-x39m0s3lv8], .ChangeInsuredInfoBackground[b-x39m0s3lv8], .ChangeInsuredAddressBackground[b-x39m0s3lv8],
    .ManuscriptBackgroundActive[b-x39m0s3lv8], .CancellationBackgroundActive[b-x39m0s3lv8], .ReinstatementBackgroundActive[b-x39m0s3lv8], .ChangeInsuredInfoBackgroundActive[b-x39m0s3lv8], .ChangeInsuredAddressBackgroundActive[b-x39m0s3lv8] {
        width: 350px;
        margin: 15px 5px;
    }
}

/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------- BIGGER PHONE VIEWPORT ----------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */

@media (min-width: 576px) and (max-width: 767.98px) {

    .ManuscriptBackground[b-x39m0s3lv8], .CancellationBackground[b-x39m0s3lv8], .ReinstatementBackground[b-x39m0s3lv8], .ChangeInsuredInfoBackground[b-x39m0s3lv8], .ChangeInsuredAddressBackground[b-x39m0s3lv8],
    .ManuscriptBackgroundActive[b-x39m0s3lv8], .CancellationBackgroundActive[b-x39m0s3lv8], .ReinstatementBackgroundActive[b-x39m0s3lv8], .ChangeInsuredInfoBackgroundActive[b-x39m0s3lv8], .ChangeInsuredAddressBackgroundActive[b-x39m0s3lv8] {
        margin: 30px 3px;
    }

    .ManuscriptBackground[b-x39m0s3lv8], .CancellationBackground[b-x39m0s3lv8], .ReinstatementBackground[b-x39m0s3lv8], .ChangeInsuredInfoBackground[b-x39m0s3lv8], .ChangeInsuredAddressBackground[b-x39m0s3lv8],
    .ManuscriptBackgroundActive[b-x39m0s3lv8], .CancellationBackgroundActive[b-x39m0s3lv8], .ReinstatementBackgroundActive[b-x39m0s3lv8], .ChangeInsuredInfoBackgroundActive[b-x39m0s3lv8], .ChangeInsuredAddressBackgroundActive[b-x39m0s3lv8] {
        width: 31%;
    }

    .first[b-x39m0s3lv8] {
        margin-left: 0px;
    }

    .last[b-x39m0s3lv8] {
        margin-right: 0px
    }
}

/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------- TABLET VIEWPORT ----------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */


@media (min-width: 768px) and (max-width: 991.98px) {

    .row[b-x39m0s3lv8] {
        display: flex;
    }

    .ManuscriptBackground[b-x39m0s3lv8], .CancellationBackground[b-x39m0s3lv8], .ReinstatementBackground[b-x39m0s3lv8], .ChangeInsuredInfoBackground[b-x39m0s3lv8], .ChangeInsuredAddressBackground[b-x39m0s3lv8],
    .ManuscriptBackgroundActive[b-x39m0s3lv8], .CancellationBackgroundActive[b-x39m0s3lv8], .ReinstatementBackgroundActive[b-x39m0s3lv8], .ChangeInsuredInfoBackgroundActive[b-x39m0s3lv8], .ChangeInsuredAddressBackgroundActive[b-x39m0s3lv8] {
        margin: 15px 3px;
    }

    .ManuscriptBackground[b-x39m0s3lv8], .CancellationBackground[b-x39m0s3lv8], .ReinstatementBackground[b-x39m0s3lv8], .ChangeInsuredInfoBackground[b-x39m0s3lv8], .ChangeInsuredAddressBackground[b-x39m0s3lv8],
    .ManuscriptBackgroundActive[b-x39m0s3lv8], .CancellationBackgroundActive[b-x39m0s3lv8], .ReinstatementBackgroundActive[b-x39m0s3lv8], .ChangeInsuredInfoBackgroundActive[b-x39m0s3lv8], .ChangeInsuredAddressBackgroundActive[b-x39m0s3lv8] {
        width: 30%;
    }

    .first[b-x39m0s3lv8], .last[b-x39m0s3lv8] {
        margin: 0px;
    }
}


/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------- LAPTOP AND SMALLER DESKTOP  ------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */

@media screen and (min-width:992px) and (max-width: 1199px) {

    .ManuscriptBackground[b-x39m0s3lv8], .CancellationBackground[b-x39m0s3lv8], .ReinstatementBackground[b-x39m0s3lv8], .ChangeInsuredInfoBackground[b-x39m0s3lv8], .ChangeInsuredAddressBackground[b-x39m0s3lv8],
    .ManuscriptBackgroundActive[b-x39m0s3lv8], .CancellationBackgroundActive[b-x39m0s3lv8], .ReinstatementBackgroundActive[b-x39m0s3lv8], .ChangeInsuredInfoBackgroundActive[b-x39m0s3lv8], .ChangeInsuredAddressBackgroundActive[b-x39m0s3lv8] {
        margin: 30px 3px;
    }

    .ManuscriptBackground[b-x39m0s3lv8], .CancellationBackground[b-x39m0s3lv8], .ReinstatementBackground[b-x39m0s3lv8], .ChangeInsuredInfoBackground[b-x39m0s3lv8], .ChangeInsuredAddressBackground[b-x39m0s3lv8],
    .ManuscriptBackgroundActive[b-x39m0s3lv8], .CancellationBackgroundActive[b-x39m0s3lv8], .ReinstatementBackgroundActive[b-x39m0s3lv8], .ChangeInsuredInfoBackgroundActive[b-x39m0s3lv8], .ChangeInsuredAddressBackgroundActive[b-x39m0s3lv8] {
        width: 31%;
    }


    .first[b-x39m0s3lv8] {
        margin-left: 0px;
    }

    .last[b-x39m0s3lv8] {
        margin-right: 0px
    }
}

/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------  DESKTOP  ------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */


@media (min-width: 1200px) and (max-width: 1499px) {

    .ManuscriptBackground[b-x39m0s3lv8], .CancellationBackground[b-x39m0s3lv8], .ReinstatementBackground[b-x39m0s3lv8], .ChangeInsuredInfoBackground[b-x39m0s3lv8], .ChangeInsuredAddressBackground[b-x39m0s3lv8],
    .ManuscriptBackgroundActive[b-x39m0s3lv8], .CancellationBackgroundActive[b-x39m0s3lv8], .ReinstatementBackgroundActive[b-x39m0s3lv8], .ChangeInsuredInfoBackgroundActive[b-x39m0s3lv8], .ChangeInsuredAddressBackgroundActive[b-x39m0s3lv8] {
        width: 30%;
        margin: 15px 1px;
    }

    .first[b-x39m0s3lv8] {
        margin-left: 0px;
    }

    .last[b-x39m0s3lv8] {
        margin-right: 0px;
    }
}


/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------- ULTRAWIDE DESKTOP ------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */

@media (min-width: 1500px) {

    .ManuscriptBackground[b-x39m0s3lv8], .CancellationBackground[b-x39m0s3lv8], .ReinstatementBackground[b-x39m0s3lv8], .ChangeInsuredInfoBackground[b-x39m0s3lv8], .ChangeInsuredAddressBackground[b-x39m0s3lv8],
    .ManuscriptBackgroundActive[b-x39m0s3lv8], .CancellationBackgroundActive[b-x39m0s3lv8], .ReinstatementBackgroundActive[b-x39m0s3lv8], .ChangeInsuredInfoBackgroundActive[b-x39m0s3lv8], .ChangeInsuredAddressBackgroundActive[b-x39m0s3lv8] {
        margin: 30px 0px;
    }

    .panel-1[b-x39m0s3lv8] {
        width: 90%;
        max-width: 90%;
    }

    .panel-2[b-x39m0s3lv8] {
        width: 40%;
        max-width: 40%;
    }

    .panel-3[b-x39m0s3lv8] {
        width: 32%;
        max-width: 32%;
    }

    .panel-4[b-x39m0s3lv8] {
        width: 22%;
        max-width: 22%;
    }

    .panel-5[b-x39m0s3lv8] {
        width: 18%;
        max-width: 18%;
    }

    .panel-6[b-x39m0s3lv8] {
        width: 15%;
        max-width: 15%;
    }

    .panel-7[b-x39m0s3lv8] {
        width: 13%;
        max-width: 13%;
    }

    .first[b-x39m0s3lv8] {
        margin-left: 0px;
    }

    .last[b-x39m0s3lv8] {
        margin-right: 0px
    }
}
/* /Pages/Endorsement/EndorsementReinstatementBrowse.razor.rz.scp.css */
.CenteredContent[b-lyqeld7iyp] {
    border-top: 1px solid #808080;
    padding: 30px 0px 0px 0px;
    margin: 50px 0px 0px 0px !important;
}

.btn-dark[b-lyqeld7iyp] {
    font-weight: 500;
    width: 120px !important;
}

.LoadingIndicator[b-lyqeld7iyp] {
    width: 10px;
    margin-left: 0px;
}

table th[b-lyqeld7iyp], td[b-lyqeld7iyp] {
    font-size: 13px !important;
    font-weight: 600 !important;
}

.insured-column[b-lyqeld7iyp] {
    min-width: 100px;
    max-width: 150px;
}

.btn-brokerManagement[b-lyqeld7iyp] {
    padding: 3px 8px 3px 8px !important;
}

.sticky-column-first[b-lyqeld7iyp] {
    width: 130px;
    left: 0px;
}

.ellipsis[b-lyqeld7iyp] {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 110px;
}

.action-column[b-lyqeld7iyp] {
    min-width: 100px;
    max-width: 150px;
}


.endorsementType-column[b-lyqeld7iyp] {
    min-width: 60px;
    max-width: 80px;
    font-weight: 500;
}

.effective-column[b-lyqeld7iyp] {
    min-width: 40px;
    max-width: 60px;
}


.policyNo-column[b-lyqeld7iyp] {
    min-width: 50px;
    max-width: 80px;
}

.isProcess-column[b-lyqeld7iyp] {
    min-width: 40px;
    max-width: 50px;
}

.sticky-column-last[b-lyqeld7iyp] {
    width: 150px;
    right: 0;
}

.button-column[b-lyqeld7iyp] {
    min-width: 100px;
    max-width: 150px;
}

tr:nth-child(odd) td.action-col[b-lyqeld7iyp] {
    background-color: #fff !important;
    white-space: normal;
}

/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------- SMALL PHONE VIEWPORT ------------------------------------------------------ */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
@media only screen and (max-width:576px) {

    .insured-column[b-lyqeld7iyp], .endorsementType-column[b-lyqeld7iyp] {
        min-width: 200px;
        max-width: 250px;
    }

    .effective-column[b-lyqeld7iyp], .expiration-column[b-lyqeld7iyp] {
        min-width: 100px;
        max-width: 150px;
    }

    .policyNo-column[b-lyqeld7iyp] {
        min-width: 75px;
        max-width: 125px;
    }

    .action-column[b-lyqeld7iyp] {
        min-width: 110px;
        max-width: 170px;
    }

    .isProcess-column[b-lyqeld7iyp] {
        min-width: 50px;
        max-width: 75px;
    }
}

/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------- BIGGER PHONE VIEWPORT ----------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */


@media (min-width: 576px) and (max-width: 767.98px) {
    .insured-column[b-lyqeld7iyp], .endorsementType-column[b-lyqeld7iyp] {
        min-width: 200px;
        max-width: 250px;
    }

    .effective-column[b-lyqeld7iyp], .expiration-column[b-lyqeld7iyp] {
        min-width: 100px;
        max-width: 150px;
    }

    .policyNo-column[b-lyqeld7iyp] {
        min-width: 75px;
        max-width: 125px;
    }

    .action-column[b-lyqeld7iyp] {
        min-width: 110px;
        max-width: 170px;
    }

    .isProcess-column[b-lyqeld7iyp] {
        min-width: 50px;
        max-width: 75px;
    }
}

/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------- TABLET VIEWPORT ----------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */


@media (min-width: 768px) and (max-width: 991.98px) {
    .insured-column[b-lyqeld7iyp], .endorsementType-column[b-lyqeld7iyp] {
        min-width: 250px;
        max-width: 300px;
    }

    .effective-column[b-lyqeld7iyp], .expiration-column[b-lyqeld7iyp] {
        min-width: 100px;
        max-width: 150px;
    }

    .policyNo-column[b-lyqeld7iyp] {
        min-width: 75px;
        max-width: 125px;
    }

    .action-column[b-lyqeld7iyp] {
        min-width: 110px;
        max-width: 170px;
    }

    .isProcess-column[b-lyqeld7iyp] {
        min-width: 50px;
        max-width: 75px;
    }
}


/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------- LAPTOP AND SMALLER DESKTOP  ------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */

@media screen and (min-width:992px) and (max-width: 1199px) {

    .sticky-column-first[b-lyqeld7iyp] {
        width: 120px;
        left: 0px;
    }

    .action-column[b-lyqeld7iyp] {
        min-width: 110px;
        max-width: 170px;
    }

    .endorsementType-column[b-lyqeld7iyp] {
        min-width: 150px;
        max-width: 170px;
    }

    .insured-column[b-lyqeld7iyp] {
        min-width: 200px;
        max-width: 400px;
    }

    .effective-column[b-lyqeld7iyp] {
        min-width: 100px;
        max-width: 150px;
    }

    .policyNo-column[b-lyqeld7iyp] {
        min-width: 100px;
        max-width: 150px;
    }

    .isProcess-column[b-lyqeld7iyp] {
        min-width: 70px;
        max-width: 100px;
    }
}

/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------  DESKTOP  ------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */


@media (min-width: 1200px) and (max-width: 1499px) {

    .sticky-column-first[b-lyqeld7iyp] {
        width: 120px;
        left: 0px;
    }

    .action-column[b-lyqeld7iyp] {
        min-width: 110px;
        max-width: 170px;
    }

    .endorsementType-column[b-lyqeld7iyp] {
        min-width: 100px;
        max-width: 120px;
    }

    .insured-column[b-lyqeld7iyp] {
        min-width: 150px;
        max-width: 200px;
    }

    .effective-column[b-lyqeld7iyp] {
        min-width: 80px;
        max-width: 100px;
    }

    .policyNo-column[b-lyqeld7iyp] {
        min-width: 90px;
        max-width: 100px;
    }

    .isProcess-column[b-lyqeld7iyp] {
        min-width: 40px;
        max-width: 50px;
    }
}
/* /Pages/Endorsement/EndorsementSearch.razor.rz.scp.css */
.endorsement-header[b-71acxzu3ls] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.row[b-71acxzu3ls] {
    flex: 2;
    justify-content: flex-end;
}

.btn-dark[b-71acxzu3ls] {
    padding: 5px 13px !important;
    margin-bottom: 1px;
    height: 35px !important;
    border-start-start-radius: 0px;
    border-end-start-radius: 0px;
}

.search-icon[b-71acxzu3ls] {
    width: 15px;
}

h3[b-71acxzu3ls] {
    font-size: 20px;
    font-weight: 800;
    margin: 10px 0px 20px 10px;
}

.Manuscript[b-71acxzu3ls] {
    color: #4CAF50;
}

.Reinstatement[b-71acxzu3ls] {
    color: #2196F3;
}

.Cancellation[b-71acxzu3ls] {
    color: #ef4444;
}

/* --- Dropdown --- */


.dropdown-option[b-71acxzu3ls] {
    display: flex;
}


/* --- Input Text --- */
.form-control-sm[b-71acxzu3ls] {
    min-height: 40px !important;
}


.CustomSelect[b-71acxzu3ls] {
    -webkit-appearance: menulist-button;
    appearance: menulist-button;
    font-size: 13px;
    border-end-end-radius: 0px;
    border-start-end-radius: 0px;
    height: 35px !important;
}




/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------- SMALL PHONE VIEWPORT ------------------------------------------------------ */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */

@media only screen and (max-width:576px) {
    .endorsement-header[b-71acxzu3ls] {
        display: flex;
        flex-direction: column;
    }

    .row[b-71acxzu3ls] {
        margin-top: 20px;
    }
}


/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------- BIGGER PHONE VIEWPORT ----------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */


@media (min-width: 576px) and (max-width: 767.98px) {

    .endorsement-header[b-71acxzu3ls] {
        display: flex;
        flex-direction: column;
    }

    .row[b-71acxzu3ls] {
        margin-top: 20px;
    }
}

/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------- TABLET VIEWPORT -------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */


@media (min-width: 768px) and (max-width: 991.98px) {

    .dropdown-option[b-71acxzu3ls] {
        width: 80%;
    }
}


/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------- LAPTOP AND SMALLER DESKTOP  ------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */

@media screen and (min-width:992px) and (max-width: 1199px) {

    .dropdown-option[b-71acxzu3ls] {
        width: 80%;
    }
}

/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------  DESKTOP  ------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */


@media (min-width: 1200px) and (max-width: 1499px) {

    .dropdown-option[b-71acxzu3ls] {
        width: 50%;
    }
}

/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------- ULTRAWIDE DESKTOP ------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */

@media (min-width: 1500px) {

    .dropdown-option[b-71acxzu3ls] {
        width: 50%;
    }
}
/* /Pages/Endorsement/MainEndorsement.razor.rz.scp.css */
.MainEndorsementInfo[b-58w4ottx8c] {
    margin: -10px 0px 16px 0px;
}

.sidebar[b-58w4ottx8c] {
    width: 350px !important;
}

.EndorsementNavMenu[b-58w4ottx8c] {
    position: fixed;
    margin-top: -52px;
}

.LayoutBackground[b-58w4ottx8c] {
    margin-top: 60px;
    margin-left: 357px;
    box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
}

.btn[b-58w4ottx8c] {
    margin: 20px 0px;
    padding: 6px 13px;
    font-size: 13px;
}

.btn-brokerManagement-clear[b-58w4ottx8c] {
    border: 1px solid var(--primaryColor);
    color: var(--primaryColor);
    transition-duration: 400ms;
}

    .btn-brokerManagement-clear:hover[b-58w4ottx8c] {
        cursor: pointer;
        opacity: 0.8;
        transition-duration: 400ms;
    }

    .btn-brokerManagement-clear:disabled[b-58w4ottx8c] {
        opacity: 0.7;
    }






/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------- RESPONSIVENESS -------------------------------------------------------- */
/* -------------- PLEASE MATCH YOUR CSS ACCORDING TO THE VIEWPORT DO NOT CREATE ANOTHER TO AVOID CONFLICT RESPONSIVENESS ---------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */


@media only screen and (max-width: 991px) {

    .NavigationBar[b-58w4ottx8c] {
        text-align: start;
        padding: 10px;
    }

    .Navigator[b-58w4ottx8c] {
        display: none;
    }
}

@media only screen and (max-width: 1199px) {

    .MainEndorsementInfo[b-58w4ottx8c] {
        display: flex;
        flex-direction: column !important;
    }

    .EndorsementNavMenu[b-58w4ottx8c] {
        position: initial;
        margin-top: 0px;
    }

    .sidebar[b-58w4ottx8c] {
        width: 100% !important;
        height: 50% !important;
    }

    .LayoutBackground[b-58w4ottx8c] {
        margin-left: 10px;
    }
}

/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------- SMALL PHONE VIEWPORT ------------------------------------------------------ */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */

@media only screen and (max-width:576px) {
}


/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------- BIGGER PHONE VIEWPORT ----------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */


@media (min-width: 576px) and (max-width: 767.98px) {
}

/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------- TABLET VIEWPORT -------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */


@media (min-width: 768px) and (max-width: 991.98px) {

    .LayoutBackground[b-58w4ottx8c] {
        margin-left: 10px;
    }
}


/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------- LAPTOP AND SMALLER DESKTOP  ------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */

@media screen and (min-width:992px) and (max-width: 1199px) {
}

/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------  DESKTOP  ------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */


@media (min-width: 1200px) and (max-width: 1499px) {
}

/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------- ULTRAWIDE DESKTOP ------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */

@media (min-width: 1500px) {
}
/* /Pages/Endorsement/MainEndorsementDashboard.razor.rz.scp.css */
.endorsement-info[b-7t8uo75r43] {
    margin-top: 20px !important;
    margin-bottom: 70px !important;
}

.btn-dark[b-7t8uo75r43] {
    height: 30px !important;
    padding: 3px 8px !important;
}

.endorsement[b-7t8uo75r43] {
    font-weight: 800;
    margin: 10px 0px 20px 0px;
    transition: color 0.2s ease;
    color: var(--primaryColor);
    font-size: 20px;
}



.btn-endorsement[b-7t8uo75r43] {
    color: white;
    padding: 5px 15px;
    transition: background 0.2s ease;
}

    .btn-endorsement:hover[b-7t8uo75r43] {
        background: var(--gray);
        transition: background 0.2s ease;
    }

.endorsement-search[b-7t8uo75r43] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}


/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------- SMALL PHONE VIEWPORT ------------------------------------------------------ */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */

@media only screen and (max-width:576px) {

    .endorsement-search[b-7t8uo75r43] {
        display: flex;
        flex-direction: column;
    }
}


/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------- BIGGER PHONE VIEWPORT ----------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */


@media (min-width: 576px) and (max-width: 767.98px) {

    .endorsement-search[b-7t8uo75r43] {
        display: flex;
        flex-direction: column;
    }
}
/* /Pages/ErrorPage.razor.rz.scp.css */

#notfound[b-daf6rrsyww] {
    position: relative;
    height: 90vh
}

    #notfound .notfound[b-daf6rrsyww] {
        position: absolute;
        left: 50%;
        top: 50%;
        -webkit-transform: translate(-50%,-50%);
        -ms-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%)
    }

.notfound[b-daf6rrsyww] {
    max-width: 800px;
    width: 100%;
    line-height: 1.4;
    text-align: center
}

.notfound-404:hover[b-daf6rrsyww] {
    cursor: pointer;
    user-select: none;
}

.notfound .notfound-404[b-daf6rrsyww] {
    position: relative;
    height: 275px
}

        .notfound .notfound-404 h1[b-daf6rrsyww] {
            font-family: montserrat,sans-serif;
            position: absolute;
            left: 50%;
            top: 50%;
            -webkit-transform: translate(-50%,-50%);
            -ms-transform: translate(-50%,-50%);
            transform: translate(-50%,-50%);
            font-size: 252px;
            font-weight: 900;
            margin: 0;
            color: var(--textColor);
            text-transform: uppercase;
            letter-spacing: -40px;
            margin-left: -20px
        }

            .notfound .notfound-404 h1 > span[b-daf6rrsyww] {
                text-shadow: -8px 0 0 #fff
            }

        .notfound .notfound-404 h3[b-daf6rrsyww] {
            font-family: cabin,sans-serif;
            position: relative;
            font-size: 20px;
            font-weight: 700;
            text-transform: uppercase;
            color: var(--textColor);
            margin: 0;
            letter-spacing: 3px;
            padding-left: 6px
        }

    .notfound h2[b-daf6rrsyww] {
        font-family: cabin,sans-serif;
        font-size: 20px;
        font-weight: 400;
        text-transform: uppercase;
        color: var(--textColor);
        margin-top: -10px;
        margin-bottom: 25px
    }

@media only screen and (max-width: 767px) {
    .notfound .notfound-404[b-daf6rrsyww] {
        height: 200px
    }

        .notfound .notfound-404 h1[b-daf6rrsyww] {
            font-size: 200px
        }
}

@media only screen and (max-width: 480px) {

        .notfound .notfound-404 h1[b-daf6rrsyww] {
            font-size: 162px;
            height: 150px;
            line-height: 162px
        }

    .notfound h2[b-daf6rrsyww] {
        font-size: 16px
    }
}
/* /Pages/Index.razor.rz.scp.css */
 /* Index.razor.css */
.LandingContainer[b-ol42wdhica] {
    justify-content: center;
    text-align: center;
    align-items: center;
    height: 100vh;
    max-width: 100%;
    position: relative;
}

/*.landing-card {
    position: absolute;
    top: 50%;
    left: 50%;
    background-color: white;
    border-radius: 20px;
    height: auto;
    width: auto;
    display: flex;
    padding: 0px 0;
    transform: translate(-50%, -50%);
    animation: moveRight 0.75s forwards;
}*/

.title[b-ol42wdhica] {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 1076px;
    background-color: white;
    padding: 50px 0px 50px 0;
    border-radius: 5px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    animation: moveRight-b-ol42wdhica 0.75s forwards;
}

.title-greet[b-ol42wdhica] {
    font-weight: 700;
    font-size: 25px;
    margin-bottom: -10px;
    border-radius: 0px 30px 30px 0;
    padding: 10px 70px !important;
    background: linear-gradient(to left, rgba(35, 49, 82, 1), rgba(35, 49, 82, 0.5));
    color: white;
}

.title-brand[b-ol42wdhica] {
    padding: 0 20px;
    margin: 20px;
    font-weight: 900;
    font-size: 50px;
    text-align: left;
    color: var(--primaryColor);
    letter-spacing: 0.5px;
}

.btn-brokerManagement[b-ol42wdhica] {
    padding: 8px 60px !important;
    text-decoration: none;
    margin: 0 40px;
    font-size: 20px;
}

    .btn-brokerManagement:hover[b-ol42wdhica] {
        background: white;
        color: var(--primaryColor);
        border: 1px solid var(--primaryColor);
        transition: background-color ease-in-out 0.2s;
    }

.HomeMenuContainer[b-ol42wdhica] {
    /*animation: moveLeft 0.75s forwards;*/
}

    .HomeMenuContainer .home-menu[b-ol42wdhica] {
        width: 500px;
        height: auto;
    }

.NewTecLogo[b-ol42wdhica] {
    width: 400px;
    margin: 20px 0 0 30px  !important;
}

.image[b-ol42wdhica] {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    object-fit: cover;
    transition: opacity 5s ease-in-out;
}

    .image.active[b-ol42wdhica] {
        opacity: 1;
    }


@keyframes moveRight-b-ol42wdhica {
    from {
        transform: translate(-70%, -50%);
    }

    to {
        transform: translate(-50%, -50%);
    }
}

/*@keyframes moveLeft {
    from {
        transform: translateX(100px);
    }

    to {
        transform: translateX(0);
    }
}
*/



/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------- RESPONSIVENESS -------------------------------------------------------- */
/* -------------- PLEASE MATCH YOUR CSS ACCORDING TO THE VIEWPORT DO NOT CREATE ANOTHER TO AVOID CONFLICT RESPONSIVENESS ---------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
@media only screen and (max-width: 991px) {
    .NavigationBar[b-ol42wdhica] {
        text-align: start;
        padding: 10px;
    }
}
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------- SMALL PHONE VIEWPORT ------------------------------------------------------ */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */

@media only screen and (max-width: 991.98px) {

    .LandingContainer[b-ol42wdhica] {
        justify-content: center;
        text-align: center;
        align-items: center;
    }

    .HomeMenuContainer[b-ol42wdhica] {
        margin-right: 0px;
    }

    .title[b-ol42wdhica] {
        align-items: center;
        justify-content: center;
        width: 800px;
    }

    .title-greet[b-ol42wdhica] {
        font-size: 30px !important;
        background: none;
        color: var(--gray);
        text-align: center;
        margin-bottom: -30px;
        margin-left: 0px !important;
    }

    .title-brand[b-ol42wdhica] {
        margin-left: 0px;
    }

    .home-menu[b-ol42wdhica] {
        display: none;
    }

    .btn-brokerManagement[b-ol42wdhica] {
        margin-left: 0px;
    }
}

@media only screen and (max-width: 767.98px) {

    .title-greet[b-ol42wdhica] {
        font-size: 23px !important;
    }

    .title[b-ol42wdhica] {
        width: 500px;
    }

    .title-brand[b-ol42wdhica] {
        font-size: 25px !important;
    }

    .NewTecLogo[b-ol42wdhica] {
        width: 300px !important;
        margin-bottom: -5px;
    }
}


@media (min-width: 768px) and (max-width: 991.98px) {

    .title-greet[b-ol42wdhica] {
        font-size: 25px !important;
    }

    .title-brand[b-ol42wdhica] {
        font-size: 20px !important;
        margin: 20px auto;
    }

    .NewTecLogo[b-ol42wdhica] {
        width: 350px !important;
        margin-bottom: -5px;
    }

    .btn-brokerManagement[b-ol42wdhica] {
        font-size: 15px;
    }
}





/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------- LAPTOP AND SMALLER DESKTOP  ------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */

@media screen and (min-width:992px) and (max-width: 1199px) {
    .title-greet[b-ol42wdhica] {
        font-size: 13px;
        padding: 5px 40px;
    }

    .title[b-ol42wdhica] {
        width: 575px;
    }

    .title-brand[b-ol42wdhica] {
        margin-left: 10px;
        font-size: 25px;
    }

    .HomeMenuContainer[b-ol42wdhica] {
        margin-right: 30px;
    }

    .home-menu[b-ol42wdhica] {
        width: 400px;
    }

    .NewTecLogo[b-ol42wdhica] {
        margin-left: 2px;
        width: 250px;
    }

    .btn-brokerManagement[b-ol42wdhica] {
        font-size: 15px;
        padding: 5px 40px !important;
        margin-left: 30px;
    }
}
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------  DESKTOP  ------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */


@media (min-width: 1200px) and (max-width: 1499px) {
    .title-greet[b-ol42wdhica] {
        font-size: 15px;
        padding: 10px 50px;
    }

    .title[b-ol42wdhica] {
        width: 673px;
    }

    .title-brand[b-ol42wdhica] {
        margin-left: 10px;
        font-size: 30px;
    }

    .HomeMenuContainer[b-ol42wdhica] {
        margin-right: 30px;
    }


    .home-menu[b-ol42wdhica] {
        width: 500px;
    }

    .NewTecLogo[b-ol42wdhica] {
        margin-left: 2px;
        width: 300px;
    }

    .btn-brokerManagement[b-ol42wdhica] {
        font-size: 15px;
        padding: 7px 50px !important;
        margin-left: 30px;
    }
}
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------- ULTRAWIDE DESKTOP ------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */

@media (min-width: 1500px) {
}
/* /Pages/InsuranceStatement/AutoSearchCarrierName.razor.rz.scp.css */
.form-control[b-4q13iotj0k] {
    border-top-right-radius: 5px !important;
    border-bottom-right-radius: 5px !important;
}

.bolder[b-4q13iotj0k] {
    font-weight: 500;
}

.autocomplete[b-4q13iotj0k] {
    position: relative;
}

    .autocomplete .options[b-4q13iotj0k] {
        position: absolute;
        top: 40px;
        left: 0;
        background: white;
        width: 100%;
        padding: 0;
        z-index: 10;
        border: 1px solid #ced4da;
        box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.1);
    }

    .autocomplete .option[b-4q13iotj0k] {
        display: block;
        padding: 0.25rem;
    }

        .autocomplete .option .option-text[b-4q13iotj0k] {
            padding: 0.25rem 0.5rem;
        }

        .autocomplete .option:hover[b-4q13iotj0k] {
            background: var(--primaryColor);
            color: #fff;
            cursor: pointer
        }

        .autocomplete .option.disabled[b-4q13iotj0k] {
            padding: 0.50rem;
            background-color: var(--red);
            cursor: not-allowed;
            color: #fff;
        }
/* /Pages/InsuranceStatement/InsuranceStatementInfoEntry.razor.rz.scp.css */

.CarrierNameContainer[b-sgw9p972ae], .CityBranch[b-sgw9p972ae] {
    width: 98%;
}

.CarrierNameContainer[b-sgw9p972ae], .CityBranch[b-sgw9p972ae] {
    display: flex;
}


.SearchLabel[b-sgw9p972ae] {
    margin: 0px 0px 10px 0px !important;
}



/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------- SMALL PHONE VIEWPORT ------------------------------------------------------ */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
@media only screen and (max-width:576px) {

    .CarrierNameContainer[b-sgw9p972ae], .CityBranch[b-sgw9p972ae]{
        flex-direction: column;
        width: 100%;
    }

}


/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------- BIGGER PHONE VIEWPORT ----------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */


@media (min-width: 576px) and (max-width: 767.98px) {

    .CarrierNameContainer[b-sgw9p972ae] {
        flex-direction: column;
        width: 100%;
    }

    .CarrierNameContainer[b-sgw9p972ae], .CityBranch[b-sgw9p972ae]{
        flex-direction: column;
        width: 100%;
    }
}
/* /Pages/InsuranceStatement/InsuranceStatementNavMenu.razor.rz.scp.css */
.sub-menu[b-u2hnv4g9xg] {
    background: #333333;
    color: white;
    height: 98vh !important;
    border-radius: 3px;
    box-shadow: 0px 4px 2px rgba(0,0,0,0.3);
    margin: 7.5px 0 10px 7.5px;
}

.title[b-u2hnv4g9xg] {
    font-size: 16px;
    color: white !important;
    padding: 20px 0px 10px 0px !important;
    text-align: start;
    font-weight: 600;
}

.ButtonGroupDiv[b-u2hnv4g9xg] {
    display: flex;
    flex-direction: column;
    width: 100%;
    justify-content: center !important;
    position: absolute;
    bottom: 40px;
    padding-right: 7.5px;
}

.LoadingIndicator[b-u2hnv4g9xg] {
    width: 15px !important;
    margin-left: 10px;
}

.ScrollerDiv[b-u2hnv4g9xg] {
    height: 900px !important;
    overflow-y: auto;
    width: 100%;
}

.WhiteSeparator[b-u2hnv4g9xg] {
    border-bottom: 0.1px solid white;
    margin-bottom: 10px;
    width: 80%;
}

.SummaryDiv[b-u2hnv4g9xg] {
    justify-content: center;
    text-align: center;
    margin: 0px 5px;
}

.SummaryHeader[b-u2hnv4g9xg] {
    font-size: 15px;
    color: white !important;
    font-weight: 500;
    text-align: center;
    margin-bottom: 10px;
}

.SummarySpan[b-u2hnv4g9xg] {
    background-color: #565656;
    border-radius: 5px;
    padding: 3px 16px;
    font-size: 16px;
    border: 0.5px solid white;
    font-weight: 700; 
}

.InfoNumContainer[b-u2hnv4g9xg] {
    justify-content: center;
}


.RedBanner[b-u2hnv4g9xg] {
    background: var(--red);
    border-start-start-radius: 3px;
    border-start-end-radius: 3px;
}

.ValidationText[b-u2hnv4g9xg] {
    margin-left: 5px;
    font-weight: 300;
    padding: 5px;
    color: white !important;
    font-size: 13px;
    margin-bottom: 3px;
}

.ValidationParentDiv[b-u2hnv4g9xg] {
    margin: 10px 10px 0px 10px !important;
}

.ValidationContainer[b-u2hnv4g9xg] {
    padding: 0px;
    border: 1px var(--lightGray) solid;
    border-top: none !important;
    transition: background-color 0.1s;
}

    .ValidationContainer:hover[b-u2hnv4g9xg] {
        background: rgb(30, 27, 24);
        cursor: pointer;
        border-top: 1px black solid;
        border-bottom: 1px black solid;
    }

        .ValidationContainer:hover .ValidationText[b-u2hnv4g9xg] {
            color: white !important;
            font-weight: 600
        }

.IconCircle[b-u2hnv4g9xg] {
    border-radius: 25px;
    width: 23px;
    height: 23px;
    background-color: #333333;
    border: 2px white solid;
    margin-left: 10px;
}

.icon[b-u2hnv4g9xg] {
    font-size: 14px;
    color: white !important;
}

.TextHeader[b-u2hnv4g9xg] {
    padding: 5px;
    font-size: 13px;
    font-weight: 700;
    margin-top: 8px;
    margin-bottom: 7px;
}

.ReminderText[b-u2hnv4g9xg] {
    margin-left: 10px;
    margin-top: 2px;
    margin-bottom: 5px;
    font-size: 13px;
    padding: 5px;
}

.ReminderContainer[b-u2hnv4g9xg] {
    border-top: 0.5px black solid;
    border-bottom: 0.5px black solid;
    height: 35px;
}





/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------- RESPONSIVENESS -------------------------------------------------------- */
/* -------------- PLEASE MATCH YOUR CSS ACCORDING TO THE VIEWPORT DO NOT CREATE ANOTHER TO AVOID CONFLICT RESPONSIVENESS ---------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */





/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------- SMALL PHONE VIEWPORT ------------------------------------------------------ */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */

@media only screen and (max-width:576px) {
    .sub-menu[b-u2hnv4g9xg] {
        margin: 20px 10px 40px 10px;
        padding-bottom: 10px;
        height: auto !important;
    }

    .ScrollerDiv[b-u2hnv4g9xg] {
        max-height: 200px !important;
        overflow-y: auto;
        width: 100%;
    }

    .ButtonGroupDiv[b-u2hnv4g9xg] {
        position: inherit;
    }
}


/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------- BIGGER PHONE VIEWPORT ----------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */


@media (min-width: 576px) and (max-width: 767.98px) {

    .sub-menu[b-u2hnv4g9xg] {
        margin: 20px 10px 40px 10px;
        padding-bottom: 10px;
        height: auto !important;
    }

    .ScrollerDiv[b-u2hnv4g9xg] {
        max-height: 250px !important;
        overflow-y: auto;
        width: 100%;
    }

    .ButtonGroupDiv[b-u2hnv4g9xg] {
        position: inherit;
    }
}

/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------- TABLET VIEWPORT -------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */


@media (min-width: 768px) and (max-width: 991px) {
    .sub-menu[b-u2hnv4g9xg] {
        margin: 20px 10px 40px 10px;
        padding-bottom: 10px;
        height: auto !important;
    }

    .ScrollerDiv[b-u2hnv4g9xg] {
        max-height: 250px !important;
        overflow-y: auto;
        width: 100%;
    }

    .ButtonGroupDiv[b-u2hnv4g9xg] {
        position: inherit;
    }
}


/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------- LAPTOP AND SMALLER DESKTOP  ------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */

@media (min-width:992px) and (max-width: 1199px) {

    .sub-menu[b-u2hnv4g9xg] {
        margin: 7px 10px 0px 10px;
        padding-bottom: 10px;
        height: auto !important;
    }

    .ScrollerDiv[b-u2hnv4g9xg] {
        max-height: 250px !important;
        overflow-y: auto;
        width: 100%;
    }

    .ButtonGroupDiv[b-u2hnv4g9xg] {
        position: inherit;
    }
}

/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------  DESKTOP  ------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */


@media (min-width: 1200px) and (max-width: 1499px) {
}

/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------- ULTRAWIDE DESKTOP ------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */

@media (min-width: 1500px) {
}


/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------- MUDBLAZOR OVERRIDE ------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */

[b-u2hnv4g9xg] .mud-button-group-filled.mud-button-group-override-styles.mud-button-group-filled-primary .mud-button-root {
    color: white !important;
    background-color: var(--primaryColor) !important;
    width: 48% !important;
    border-radius: 0px;
    padding: 8px 8px !important;
}


[b-u2hnv4g9xg] .mud-button-group-horizontal:not(.mud-button-group-rtl) > .mud-button-root:not(:last-child), .mud-button-group-horizontal:not(.mud-button-group-rtl) > :not(:last-child) .mud-button-root[b-u2hnv4g9xg] {
    border-start-start-radius: 5px;
    border-end-start-radius: 5px;
}

[b-u2hnv4g9xg] .mud-button-group-horizontal:not(.mud-button-group-rtl) > .mud-button-root:not(:first-child), .mud-button-group-horizontal:not(.mud-button-group-rtl) > :not(:first-child) .mud-button-root[b-u2hnv4g9xg] {
    border-start-end-radius: 5px;
    border-end-end-radius: 5px;
}
/* /Pages/InsuranceStatement/MainInsuranceStatement.razor.rz.scp.css */
.MainAgencyNameInfo[b-o8vk3ffxyf] {
    margin: -10px 0px 16px 0px;
}

.sidebar[b-o8vk3ffxyf] {
    width: 350px !important;
}

.AgencyNameNavMenu[b-o8vk3ffxyf] {
    position: fixed;
    margin-top: -52px;
}

.LayoutBackground[b-o8vk3ffxyf] {
    margin: 60px 0 0 360px;
    box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
}

.btn[b-o8vk3ffxyf] {
    margin: 20px 0px;
    padding: 6px 13px;
    font-size: 13px;
}

.btn-brokerManagement-clear[b-o8vk3ffxyf] {
    border: 1px solid var(--primaryColor);
    color: var(--primaryColor);
    transition-duration: 400ms;
}

    .btn-brokerManagement-clear:hover[b-o8vk3ffxyf] {
        cursor: pointer;
        opacity: 0.8;
        transition-duration: 400ms;
    }

    .btn-brokerManagement-clear:disabled[b-o8vk3ffxyf] {
        opacity: 0.7;
    }






/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------- RESPONSIVENESS -------------------------------------------------------- */
/* -------------- PLEASE MATCH YOUR CSS ACCORDING TO THE VIEWPORT DO NOT CREATE ANOTHER TO AVOID CONFLICT RESPONSIVENESS ---------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */


@media only screen and (max-width: 991px) {

    .NavigationBar[b-o8vk3ffxyf] {
        text-align: start;
        padding: 10px;
    }

    .Navigator[b-o8vk3ffxyf] {
        display: none;
    }
}

@media only screen and (max-width: 1199px) {

    .MainAgencyNameInfo[b-o8vk3ffxyf] {
        display: flex;
        flex-direction: column !important;
    }

    .AgencyNameNavMenu[b-o8vk3ffxyf] {
        position: initial;
        margin-top: 0px;
    }

    .sidebar[b-o8vk3ffxyf] {
        width: 100% !important;
        height: 50% !important;
    }

    .LayoutBackground[b-o8vk3ffxyf] {
        margin-left: 10px;
    }
}

/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------- SMALL PHONE VIEWPORT ------------------------------------------------------ */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */

@media only screen and (max-width:576px) {
}


/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------- BIGGER PHONE VIEWPORT ----------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */


@media (min-width: 576px) and (max-width: 767.98px) {
}

/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------- TABLET VIEWPORT -------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */


@media (min-width: 768px) and (max-width: 991.98px) {

    .LayoutBackground[b-o8vk3ffxyf] {
        margin-left: 10px;
    }
}


/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------- LAPTOP AND SMALLER DESKTOP  ------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */

@media screen and (min-width:992px) and (max-width: 1199px) {
}

/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------  DESKTOP  ------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */


@media (min-width: 1200px) and (max-width: 1499px) {
}

/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------- ULTRAWIDE DESKTOP ------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */

@media (min-width: 1500px) {
}
/* /Pages/Login.razor.rz.scp.css */

.BackgroundImageBrokerManagement[b-z8m6rahs3g] {
    overflow: hidden;
}

.carousel-images[b-z8m6rahs3g] {
    position: absolute;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    overflow: hidden;
}

.image[b-z8m6rahs3g] {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    object-fit: cover;
    transition: opacity 5s ease-in-out;
}

    .image.active[b-z8m6rahs3g] {
        opacity: 1;
    }

.page-container[b-z8m6rahs3g] {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100vh;
    animation: moveUp-b-z8m6rahs3g 0.75s forwards;
}

.LayoutBackground[b-z8m6rahs3g] {
    padding: 60px !important;
    border-radius: 10px;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
}

.form-container[b-z8m6rahs3g] {
    width: 350px;
}

.form-header[b-z8m6rahs3g] {
    text-align: center
}

.dellwood-icon[b-z8m6rahs3g] {
    width: 250px;
}

.caption[b-z8m6rahs3g] {
    font-size: 25px;
    font-weight: 700;
}

.sub-caption[b-z8m6rahs3g] {
    margin-top: -10px;
    margin-bottom: 20px;
    font-weight: 500;
    color: var(--gray);
    font-size: 15px;
}

label[b-z8m6rahs3g] {
    margin-top: 15px;
    margin-bottom: 8px;
    font-weight: 600;
    font-size: 14px;
}

.PasswordText[b-z8m6rahs3g] {
    font-size: 16px;
}

.btn-brokerManagement[b-z8m6rahs3g], .btn-secondary[b-z8m6rahs3g] {
    padding: 0.5rem 2rem !important;
    outline: none !important;
    margin: 0rem 1rem;
    font-size: 1rem !important;
}


/* .btn-brokerManagement:disabled {
        background: #d3d3d3;
        color: dimgray;
    }*/


.btn-group[b-z8m6rahs3g] {
    width: 100%;
    display: flex;
    margin-top: 3rem;
    justify-content: center;
    outline: none;
}

.LoadingIndicator[b-z8m6rahs3g] {
    margin-left: 5px;
    width: 20px;
}


.show-password[b-z8m6rahs3g] {
    color: var(--primaryColor);
    font-weight: 600;
    margin: 0 auto;
    text-align: center;
    font-size: 14px;
    width: fit-content;
}

    .show-password:hover[b-z8m6rahs3g] {
        cursor: pointer;
    }


/* Validation */
.invalid-email input[b-z8m6rahs3g] {
    border-color: red;
}

.alert[b-z8m6rahs3g] {
    margin: 1rem 0rem -2rem 0rem;
    padding: 0px !important;
}

.alert-danger[b-z8m6rahs3g] {
    display: flex !important;
    text-align: center !important;
    justify-content: center !important;
}

p[b-z8m6rahs3g] {
    margin: 0.5rem 0rem;
}

/* Extra small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) {
    .LayoutBackground[b-z8m6rahs3g] {
        margin: 0px 2rem !important;
    }
}

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) and (max-width: 767.98px) {
    .LayoutBackground[b-z8m6rahs3g] {
        margin: 0px 3rem !important;
    }
}

@keyframes moveUp-b-z8m6rahs3g {
    from {
        transform: translateY(100px);
    }

    to {
        transform: translateY(0);
    }
}
/* /Pages/LoginDisplay.razor.rz.scp.css */


.LoginDisplay[b-wlnufcqkp4] {
    display: flex;
    align-items: center;
    border-radius: 4px;
    padding: 4px 13px;
    margin-right: 10px;
    margin-top: 75px;
    background: var(--primaryColor);
    color: white;
    transition-duration: 200ms;
    user-select: none;
}

.AccountProfile[b-wlnufcqkp4] {
    width: 25px;
    height: 25px;
    margin-right: 10px;
}

.Username[b-wlnufcqkp4] {
    font-size: 14px;
    font-weight: 700;
}

.Roles[b-wlnufcqkp4] {
    margin-top: -4px;
}

.LoginDisplay:hover[b-wlnufcqkp4] {
    cursor: pointer;
    background: var(--gray);
    transition-duration: 300ms;
}

.dropdown[b-wlnufcqkp4] {
    position: relative;
}

.dropdown-menu[b-wlnufcqkp4] {
    display: none;
    position: absolute;
    top: 20px;
    right: -20px;
    background-color: #fff;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
    z-index: 99;
    opacity: 0; /* Initially set opacity to 0 */
    transition: opacity 0.5s ease;
    cursor: default;
}

.dropdown.open .dropdown-menu[b-wlnufcqkp4] {
    display: block;
    opacity: 1; /* Set opacity to 1 when the dropdown is open */
}

.LogoutButtton[b-wlnufcqkp4] {
    text-decoration: none;
    margin-left: 20px;
}

.LogoutButtton:hover[b-wlnufcqkp4]{
    font-weight: 700;
    color: var(--red);
}
/* /Pages/Management/MainManagement.razor.rz.scp.css */
.MainManagement[b-ss4upd35v9] {
    margin: -10px 0px 16px 0px;
}

.sidebar[b-ss4upd35v9] {
    width: 350px !important;
}

.ManagementNavMenu[b-ss4upd35v9] {
    position: fixed;
    margin-top: -52px;
}

.LayoutBackground[b-ss4upd35v9] {
    margin: 60px 0 0 360px;
    box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
}

.btn[b-ss4upd35v9] {
    margin: 20px 0px;
    padding: 6px 13px;
    font-size: 13px;
}

.btn-brokerManagement-clear[b-ss4upd35v9] {
    border: 1px solid var(--primaryColor);
    color: var(--primaryColor);
    transition-duration: 400ms;
}

    .btn-brokerManagement-clear:hover[b-ss4upd35v9] {
        cursor: pointer;
        opacity: 0.8;
        transition-duration: 400ms;
    }

    .btn-brokerManagement-clear:disabled[b-ss4upd35v9] {
        opacity: 0.7;
    }






/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------- RESPONSIVENESS -------------------------------------------------------- */
/* -------------- PLEASE MATCH YOUR CSS ACCORDING TO THE VIEWPORT DO NOT CREATE ANOTHER TO AVOID CONFLICT RESPONSIVENESS ---------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */


@media only screen and (max-width: 991px) {

    .NavigationBar[b-ss4upd35v9] {
        text-align: start;
        padding: 10px;
    }

    .Navigator[b-ss4upd35v9] {
        display: none;
    }
}

@media only screen and (max-width: 1199px) {

    .MainManagement[b-ss4upd35v9] {
        display: flex;
        flex-direction: column !important;
    }

    .ManagementNavMenu[b-ss4upd35v9] {
        position: initial;
        margin-top: 0px;
    }

    .sidebar[b-ss4upd35v9] {
        width: 100% !important;
        height: 50% !important;
    }

    .LayoutBackground[b-ss4upd35v9] {
        margin-left: 10px;
    }
}

/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------- SMALL PHONE VIEWPORT ------------------------------------------------------ */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */

@media only screen and (max-width:576px) {
}


/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------- BIGGER PHONE VIEWPORT ----------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */


@media (min-width: 576px) and (max-width: 767.98px) {
}

/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------- TABLET VIEWPORT -------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */


@media (min-width: 768px) and (max-width: 991.98px) {

    .LayoutBackground[b-ss4upd35v9] {
        margin-left: 10px;
    }
}


/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------- LAPTOP AND SMALLER DESKTOP  ------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */

@media screen and (min-width:992px) and (max-width: 1199px) {
}

/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------  DESKTOP  ------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */


@media (min-width: 1200px) and (max-width: 1499px) {
}

/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------- ULTRAWIDE DESKTOP ------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */

@media (min-width: 1500px) {
}
/* /Pages/Management/MainManagementInfo.razor.rz.scp.css */

/* Information */

.sub-caption[b-q8t78ei1yh] {
    margin-top: -5px;
    margin-bottom: 20px;
    font-weight: 500;
    color: grey
}

.title[b-q8t78ei1yh] {
    margin-bottom: 10px !important;
}

.show-password[b-q8t78ei1yh] {
    color: var(--primaryColor);
    font-weight: 500;
    text-align: center;
}

    .show-password:hover[b-q8t78ei1yh] {
        cursor: pointer;
    }


.LoadingIndicator[b-q8t78ei1yh] {
    margin-left: 5px;
    width: 20px;
}

/* Validation */

.invalid-email input[b-q8t78ei1yh] {
    border-color: red;
}

.alert[b-q8t78ei1yh] {
    margin: 1.2rem 0rem -1.6rem 0rem;
    padding: 5px !important;
}

.alert-danger[b-q8t78ei1yh], .alert-success[b-q8t78ei1yh] {
    display: flex !important;
    text-align: start !important;
    justify-content: start !important;
}

p[b-q8t78ei1yh] {
    margin: 0.5rem 0rem;
}
/* /Pages/Management/MainManagementNavMenu.razor.rz.scp.css */
.sub-menu[b-ivyvjssqq6] {
    background: #333333;
    color: white;
    height: 98vh !important;
    border-radius: 3px;
    box-shadow: 0px 4px 2px rgba(0,0,0,0.3);
    margin: 7.5px 0 10px 7.5px;
}

.ButtonGroupDiv[b-ivyvjssqq6] {
    display: flex;
    flex-direction: column;
    width: 100%;
    justify-content: center !important;
    position: absolute;
    bottom: 40px;
    padding-right: 7.5px;
}

.ValidationParentDiv[b-ivyvjssqq6] {
    margin: 10px 10px 0px 10px !important;
}

.ScrollerDiv[b-ivyvjssqq6] {
    max-height: 875px !important;
    overflow-y: auto;
    width: 100%;
}

.LoadingIndicator[b-ivyvjssqq6] {
    width: 15px !important;
    margin-left: 10px;
}

.DivBorder[b-ivyvjssqq6] {
    border-bottom: 1px solid white !important;
    width: 100% !important;
}


.title[b-ivyvjssqq6] {
    font-size: 15px;
    color: white !important;
    padding: 20px 0px 10px 0px !important;
    text-align: start;
    font-weight: 700;
}

.RedBanner[b-ivyvjssqq6] {
    background: var(--red);
    border-start-start-radius: 3px;
    border-start-end-radius: 3px;
}

.ValidationText[b-ivyvjssqq6] {
    margin-left: 5px;
    font-weight: 300;
    padding: 5px;
    color: white !important;
    font-size: 13px;
    margin-bottom: 3px;
}

.ValidationContainer[b-ivyvjssqq6] {
    padding: 0px;
    border: 1px var(--lightGray) solid;
    border-top: none !important;
    transition: background-color 0.1s;
}

    .ValidationContainer:hover[b-ivyvjssqq6] {
        background: rgb(30, 27, 24);
        cursor: pointer;
        border-top: 1px black solid;
        border-bottom: 1px black solid;
    }

        .ValidationContainer:hover .ValidationText[b-ivyvjssqq6] {
            color: white !important;
            font-weight: 600
        }

.IconCircle[b-ivyvjssqq6] {
    border-radius: 25px;
    width: 23px;
    height: 23px;
    background-color: #333333;
    border: 2px white solid;
    margin-left: 10px;
}

.icon[b-ivyvjssqq6] {
    font-size: 14px;
    color: white !important;
}

.TextHeader[b-ivyvjssqq6] {
    padding: 5px;
    font-size: 13px;
    font-weight: 700;
    margin-top: 8px;
    margin-bottom: 7px;
}

.ReminderText[b-ivyvjssqq6] {
    margin-left: 10px;
    margin-top: 2px;
    margin-bottom: 5px;
    font-size: 13px;
    padding: 5px;
}

.ReminderContainer[b-ivyvjssqq6] {
    border-top: 0.5px black solid;
    border-bottom: 0.5px black solid;
    height: 35px;
}



/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------- RESPONSIVENESS -------------------------------------------------------- */
/* -------------- PLEASE MATCH YOUR CSS ACCORDING TO THE VIEWPORT DO NOT CREATE ANOTHER TO AVOID CONFLICT RESPONSIVENESS ---------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */





/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------- SMALL PHONE VIEWPORT ------------------------------------------------------ */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */

@media only screen and (max-width:576px) {
    .sub-menu[b-ivyvjssqq6] {
        margin: 20px 10px 40px 10px;
        padding-bottom: 10px;
        height: auto !important;
    }

    .ScrollerDiv[b-ivyvjssqq6] {
        max-height: 200px !important;
        overflow-y: auto;
        width: 100%;
    }

    .ButtonGroupDiv[b-ivyvjssqq6] {
        position: inherit;
    }
}


/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------- BIGGER PHONE VIEWPORT ----------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */


@media (min-width: 576px) and (max-width: 767.98px) {

    .sub-menu[b-ivyvjssqq6] {
        margin: 20px 10px 40px 10px;
        padding-bottom: 10px;
        height: auto !important;
    }

    .ScrollerDiv[b-ivyvjssqq6] {
        max-height: 250px !important;
        overflow-y: auto;
        width: 100%;
    }

    .ButtonGroupDiv[b-ivyvjssqq6] {
        position: inherit;
    }
}

/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------- TABLET VIEWPORT -------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */


@media (min-width: 768px) and (max-width: 991px) {
    .sub-menu[b-ivyvjssqq6] {
        margin: 20px 10px 40px 10px;
        padding-bottom: 10px;
        height: auto !important;
    }

    .ScrollerDiv[b-ivyvjssqq6] {
        max-height: 250px !important;
        overflow-y: auto;
        width: 100%;
    }

    .ButtonGroupDiv[b-ivyvjssqq6] {
        position: inherit;
    }
}


/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------- LAPTOP AND SMALLER DESKTOP  ------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */

@media (min-width:992px) and (max-width: 1199px) {

    .sub-menu[b-ivyvjssqq6] {
        margin: 20px 10px 40px 10px;
        padding-bottom: 10px;
        height: auto !important;
    }


    .ScrollerDiv[b-ivyvjssqq6] {
        max-height: 250px !important;
        overflow-y: auto;
        width: 100%;
    }

    .ButtonGroupDiv[b-ivyvjssqq6] {
        position: inherit;
    }
}

/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------  DESKTOP  ------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */


@media (min-width: 1200px) and (max-width: 1499px) {
}

/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------- ULTRAWIDE DESKTOP ------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */

@media (min-width: 1500px) {
}



/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------- MUDBLAZOR OVERRIDE ------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */

[b-ivyvjssqq6] .mud-button-group-filled.mud-button-group-override-styles.mud-button-group-filled-primary .mud-button-root {
    color: white !important;
    background-color: var(--primaryColor) !important;
    width: 48% !important;
    border-radius: 0px;
    padding: 8px 8px !important;
}


[b-ivyvjssqq6] .mud-button-group-horizontal:not(.mud-button-group-rtl) > .mud-button-root:not(:last-child), .mud-button-group-horizontal:not(.mud-button-group-rtl) > :not(:last-child) .mud-button-root[b-ivyvjssqq6] {
    border-start-start-radius: 5px;
    border-end-start-radius: 5px;
}

[b-ivyvjssqq6] .mud-button-group-horizontal:not(.mud-button-group-rtl) > .mud-button-root:not(:first-child), .mud-button-group-horizontal:not(.mud-button-group-rtl) > :not(:first-child) .mud-button-root[b-ivyvjssqq6] {
    border-start-end-radius: 5px;
    border-end-end-radius: 5px;
}
/* /Pages/Payment/MainPayment.razor.rz.scp.css */

.BlueTopSeparator[b-pp5ekse93v] {
    margin: 1px 0px;
    border-top: 0.1px solid #b8e2ff;
}

.PaymentHeader[b-pp5ekse93v] {
    font-size: 20px;
    font-weight: 800 !important;
    color: var(--primaryColor);
    margin: -20px 0px 10px 5px;
}


.btn-brokerManagement-clear[b-pp5ekse93v] {
    border: 1px solid var(--primaryColor);
    color: var(--primaryColor);
    transition-duration: 400ms;
}

    .btn-brokerManagement-clear:hover[b-pp5ekse93v] {
        cursor: pointer;
        opacity: 0.8;
        transition-duration: 400ms;
    }

    .btn-brokerManagement-clear:disabled[b-pp5ekse93v] {
        opacity: 0.7;
    }

.btn[b-pp5ekse93v] {
    padding: 7px 15px;
}

.error[b-pp5ekse93v] {
    font-size: 15px;
    font-weight: 700;
}

.successfully[b-pp5ekse93v] {
    font-size: 15px;
    font-weight: 700;
    color: var(--green);
    margin-top: 30px;
}

.LoadingV2[b-pp5ekse93v] {
    margin-top: 5px;
    margin-left: 6px !important;
    width: 15px !important;
}
/* /Pages/Payment/PaymentHeader.razor.rz.scp.css */
section[b-r8vwuirnff] {
    margin: 10px 20px 10px 20px;
}

.caption[b-r8vwuirnff] {
    margin-bottom: 5px;
    margin-top: 5px;
    margin-right: 5px;
    margin-left: 10px;
    width: 120px;
}

.second-caption[b-r8vwuirnff] {
    width: 90px;
}

.BankSummary[b-r8vwuirnff] {
    margin-top: 20px;
}

.account-name[b-r8vwuirnff] {
    width: calc(100% - 450px) !important;
}

.trust-account[b-r8vwuirnff], .routing-number[b-r8vwuirnff] {
    width: 190px !important;
}

.trust-account-caption[b-r8vwuirnff] {
    margin-top: 5px;
    font-size: 13px;
    font-weight: 600;
    width: 110px;
    margin-left: -15px;
}

.routing-no-caption[b-r8vwuirnff] {
    margin-top: 5px;
    font-size: 13px;
    font-weight: 600;
    width: 90px;
    margin-left: -15px;
}

.status-caption[b-r8vwuirnff] {
    margin-top: 5px;
    font-size: 13px;
    font-weight: 600;
    width: 60px;
    margin-left: 10px;
}

.submission-no-caption[b-r8vwuirnff] {
    margin-top: 5px;
    font-size: 13px;
    font-weight: 600;
    width: 120px;
    margin-left: 10px;
}

.payment-plan-caption[b-r8vwuirnff] {
    margin-top: 5px;
    font-size: 13px;
    font-weight: 600;
    width: 110px;
    margin-left: 10px;
}

@media (max-width: 1199px) {
    .bank-name[b-r8vwuirnff] {
        margin-top: 10px;
    }

    .second-caption[b-r8vwuirnff] {
        width: 120px !important;
    }
}


@media (max-width: 768px) {

    .trust-account-caption[b-r8vwuirnff], .routing-no-caption[b-r8vwuirnff] {
        margin-left: 0px !important;
    }

    .caption[b-r8vwuirnff] {
        margin-left: 0px;
    }

    .account-name[b-r8vwuirnff], .trust-account[b-r8vwuirnff], .routing-number[b-r8vwuirnff] {
        width: 100% !important;
    }
}
/* /Pages/Payment/PaymentSummary.razor.rz.scp.css */
section[b-rlx23jzc2t] {
    margin: 0px 20px 15px 20px;
}

.Total[b-rlx23jzc2t] {
    border: 1px solid var(--primaryColor) !important;
    border-bottom: none !important;
}

.TotalTax[b-rlx23jzc2t] {
    border: 1px solid var(--primaryColor) !important;
}

.BankSummary[b-rlx23jzc2t] {
    width: 500px;
}

.scrollable-div[b-rlx23jzc2t] {
    max-height: 185px;
    overflow-y: auto;
}

/* For Last Bottom Border */

.Policy[b-rlx23jzc2t] {
    border-bottom: 1px solid var(--primaryColor) !important;
}

.Balance[b-rlx23jzc2t] {
    margin-top: 5px;
}

.BalanceLabel[b-rlx23jzc2t] {
    font-weight: 800;
    color: var(--gray) !important;
    background: transparent !important;
}

.summary-caption[b-rlx23jzc2t] {
    background-color: var(--primaryColor);
    color: white;
    padding-left: 10px;
    padding-top: 6px;
    padding-bottom: 6px;
    font-size: 13px;
    font-weight: 600;
    width: 220px;
}

.tax-fee-caption[b-rlx23jzc2t] {
    background-color: var(--primaryColor);
    color: white;
    padding-left: 10px;
    padding-top: 6px;
    padding-bottom: 6px;
    font-size: 13px;
    font-weight: 400;
    width: 220px;
}

.summary-data[b-rlx23jzc2t] {
    margin-bottom: 2px;
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: 13px;
    font-weight: 600;
    margin-right: 20px;
    color: var(--gray);
}

.tax-fee-data[b-rlx23jzc2t] {
    margin-bottom: 2px;
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: 13px;
    font-weight: 400;
    margin-right: 20px;
    color: var(--gray);
}

.total-data[b-rlx23jzc2t] {
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: 13px;
    font-weight: 700;
}

.ellipsis[b-rlx23jzc2t] {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}


[b-rlx23jzc2t] .mud-input.mud-input-outlined:focus-within .mud-input-outlined-border {
    border-color: var(--primaryColor) !important;
}

[b-rlx23jzc2t] .mud-input-control.mud-input-number-control .mud-input-numeric-spin {
    display: none;
}


[b-rlx23jzc2t] .mud-input-control.mud-input-number-control.mud-input-showspin .mud-input:not(.mud-input-adorned-end).mud-input-outlined input.mud-input-root-margin-dense {
    text-align: end;
    font-weight: 700 !important;
}
/* /Pages/PolicyRegister/AutoSearchCarrierName.razor.rz.scp.css */
.form-control[b-e030lwvwni] {
    border-top-right-radius: 5px !important;
    border-bottom-right-radius: 5px !important;
}

.bolder[b-e030lwvwni] {
    font-weight: 500;
}

.autocomplete[b-e030lwvwni] {
    position: relative;
}

    .autocomplete .options[b-e030lwvwni] {
        position: absolute;
        top: 40px;
        left: 0;
        background: white;
        width: 100%;
        padding: 0;
        z-index: 10;
        border: 1px solid #ced4da;
        box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.1);
    }

    .autocomplete .option[b-e030lwvwni] {
        display: block;
        padding: 0.25rem;
    }

        .autocomplete .option .option-text[b-e030lwvwni] {
            padding: 0.25rem 0.5rem;
        }

        .autocomplete .option:hover[b-e030lwvwni] {
            background: var(--primaryColor);
            color: #fff;
            cursor: pointer
        }

        .autocomplete .option.disabled[b-e030lwvwni] {
            padding: 0.50rem;
            background-color: var(--red);
            cursor: not-allowed;
            color: #fff;
        }
/* /Pages/PolicyRegister/MainPolicyRegister.razor.rz.scp.css */
.MainAgencyNameInfo[b-lza2tui958] {
    margin: -10px 0px 16px 0px;
}

.sidebar[b-lza2tui958] {
    width: 350px !important;
}

.AgencyNameNavMenu[b-lza2tui958] {
    position: fixed;
    margin-top: -52px;
}

.LayoutBackground[b-lza2tui958] {
    margin: 60px 0 0 360px;
    box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
}

.btn[b-lza2tui958] {
    margin: 20px 0px;
    padding: 6px 13px;
    font-size: 13px;
}

.btn-brokerManagement-clear[b-lza2tui958] {
    border: 1px solid var(--primaryColor);
    color: var(--primaryColor);
    transition-duration: 400ms;
}

    .btn-brokerManagement-clear:hover[b-lza2tui958] {
        cursor: pointer;
        opacity: 0.8;
        transition-duration: 400ms;
    }

    .btn-brokerManagement-clear:disabled[b-lza2tui958] {
        opacity: 0.7;
    }






/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------- RESPONSIVENESS -------------------------------------------------------- */
/* -------------- PLEASE MATCH YOUR CSS ACCORDING TO THE VIEWPORT DO NOT CREATE ANOTHER TO AVOID CONFLICT RESPONSIVENESS ---------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */


@media only screen and (max-width: 991px) {

    .NavigationBar[b-lza2tui958] {
        text-align: start;
        padding: 10px;
    }

    .Navigator[b-lza2tui958] {
        display: none;
    }
}

@media only screen and (max-width: 1199px) {

    .MainAgencyNameInfo[b-lza2tui958] {
        display: flex;
        flex-direction: column !important;
    }

    .AgencyNameNavMenu[b-lza2tui958] {
        position: initial;
        margin-top: 0px;
    }

    .sidebar[b-lza2tui958] {
        width: 100% !important;
        height: 50% !important;
    }

    .LayoutBackground[b-lza2tui958] {
        margin-left: 10px;
    }
}

/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------- SMALL PHONE VIEWPORT ------------------------------------------------------ */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */

@media only screen and (max-width:576px) {
}


/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------- BIGGER PHONE VIEWPORT ----------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */


@media (min-width: 576px) and (max-width: 767.98px) {
}

/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------- TABLET VIEWPORT -------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */


@media (min-width: 768px) and (max-width: 991.98px) {

    .LayoutBackground[b-lza2tui958] {
        margin-left: 10px;
    }
}


/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------- LAPTOP AND SMALLER DESKTOP  ------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */

@media screen and (min-width:992px) and (max-width: 1199px) {
}

/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------  DESKTOP  ------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */


@media (min-width: 1200px) and (max-width: 1499px) {
}

/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------- ULTRAWIDE DESKTOP ------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */

@media (min-width: 1500px) {
}
/* /Pages/PolicyRegister/PolicyRegisterInfoEntry.razor.rz.scp.css */

.CarrierNameContainer[b-0itgro1xd8], .CityBranch[b-0itgro1xd8] {
    width: 98%;
}

.CarrierNameContainer[b-0itgro1xd8], .CityBranch[b-0itgro1xd8] {
    display: flex;
}


.SearchLabel[b-0itgro1xd8] {
    margin: 0px 0px 10px 0px !important;
}



/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------- SMALL PHONE VIEWPORT ------------------------------------------------------ */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
@media only screen and (max-width:576px) {

    .CarrierNameContainer[b-0itgro1xd8], .CityBranch[b-0itgro1xd8]{
        flex-direction: column;
        width: 100%;
    }

}


/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------- BIGGER PHONE VIEWPORT ----------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */


@media (min-width: 576px) and (max-width: 767.98px) {

    .CarrierNameContainer[b-0itgro1xd8] {
        flex-direction: column;
        width: 100%;
    }

    .CarrierNameContainer[b-0itgro1xd8], .CityBranch[b-0itgro1xd8]{
        flex-direction: column;
        width: 100%;
    }
}
/* /Pages/PolicyRegister/PolicyRegisterNavMenu.razor.rz.scp.css */
.sub-menu[b-jugsiqa09k] {
    background: #333333;
    color: white;
    height: 98vh !important;
    border-radius: 3px;
    box-shadow: 0px 4px 2px rgba(0,0,0,0.3);
    margin: 7.5px 0 10px 7.5px;
}

.title[b-jugsiqa09k] {
    font-size: 16px;
    color: white !important;
    padding: 20px 0px 10px 0px !important;
    text-align: start;
    font-weight: 600;
}

.ButtonGroupDiv[b-jugsiqa09k] {
    display: flex;
    flex-direction: column;
    width: 100%;
    justify-content: center !important;
    position: absolute;
    bottom: 40px;
    padding-right: 7.5px;
}

.LoadingIndicator[b-jugsiqa09k] {
    width: 15px !important;
    margin-left: 10px;
}

.ScrollerDiv[b-jugsiqa09k] {
    height: 900px !important;
    overflow-y: auto;
    width: 100%;
}

.WhiteSeparator[b-jugsiqa09k] {
    border-bottom: 0.1px solid white;
    margin-bottom: 10px;
    width: 80%;
}

.SummaryDiv[b-jugsiqa09k] {
    justify-content: center;
    text-align: center;
    margin: 0px 5px;
}

.SummaryHeader[b-jugsiqa09k] {
    font-size: 15px;
    color: white !important;
    font-weight: 500;
    text-align: center;
    margin-bottom: 10px;
}

.SummarySpan[b-jugsiqa09k] {
    background-color: #565656;
    border-radius: 5px;
    padding: 3px 16px;
    font-size: 16px;
    border: 0.5px solid white;
    font-weight: 700; 
}

.InfoNumContainer[b-jugsiqa09k] {
    justify-content: center;
}


.RedBanner[b-jugsiqa09k] {
    background: var(--red);
    border-start-start-radius: 3px;
    border-start-end-radius: 3px;
}

.ValidationText[b-jugsiqa09k] {
    margin-left: 5px;
    font-weight: 300;
    padding: 5px;
    color: white !important;
    font-size: 13px;
    margin-bottom: 3px;
}

.ValidationParentDiv[b-jugsiqa09k] {
    margin: 10px 10px 0px 10px !important;
}

.ValidationContainer[b-jugsiqa09k] {
    padding: 0px;
    border: 1px var(--lightGray) solid;
    border-top: none !important;
    transition: background-color 0.1s;
}

    .ValidationContainer:hover[b-jugsiqa09k] {
        background: rgb(30, 27, 24);
        cursor: pointer;
        border-top: 1px black solid;
        border-bottom: 1px black solid;
    }

        .ValidationContainer:hover .ValidationText[b-jugsiqa09k] {
            color: white !important;
            font-weight: 600
        }

.IconCircle[b-jugsiqa09k] {
    border-radius: 25px;
    width: 23px;
    height: 23px;
    background-color: #333333;
    border: 2px white solid;
    margin-left: 10px;
}

.icon[b-jugsiqa09k] {
    font-size: 14px;
    color: white !important;
}

.TextHeader[b-jugsiqa09k] {
    padding: 5px;
    font-size: 13px;
    font-weight: 700;
    margin-top: 8px;
    margin-bottom: 7px;
}

.ReminderText[b-jugsiqa09k] {
    margin-left: 10px;
    margin-top: 2px;
    margin-bottom: 5px;
    font-size: 13px;
    padding: 5px;
}

.ReminderContainer[b-jugsiqa09k] {
    border-top: 0.5px black solid;
    border-bottom: 0.5px black solid;
    height: 35px;
}





/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------- RESPONSIVENESS -------------------------------------------------------- */
/* -------------- PLEASE MATCH YOUR CSS ACCORDING TO THE VIEWPORT DO NOT CREATE ANOTHER TO AVOID CONFLICT RESPONSIVENESS ---------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */





/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------- SMALL PHONE VIEWPORT ------------------------------------------------------ */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */

@media only screen and (max-width:576px) {
    .sub-menu[b-jugsiqa09k] {
        margin: 20px 10px 40px 10px;
        padding-bottom: 10px;
        height: auto !important;
    }

    .ScrollerDiv[b-jugsiqa09k] {
        max-height: 200px !important;
        overflow-y: auto;
        width: 100%;
    }

    .ButtonGroupDiv[b-jugsiqa09k] {
        position: inherit;
    }
}


/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------- BIGGER PHONE VIEWPORT ----------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */


@media (min-width: 576px) and (max-width: 767.98px) {

    .sub-menu[b-jugsiqa09k] {
        margin: 20px 10px 40px 10px;
        padding-bottom: 10px;
        height: auto !important;
    }

    .ScrollerDiv[b-jugsiqa09k] {
        max-height: 250px !important;
        overflow-y: auto;
        width: 100%;
    }

    .ButtonGroupDiv[b-jugsiqa09k] {
        position: inherit;
    }
}

/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------- TABLET VIEWPORT -------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */


@media (min-width: 768px) and (max-width: 991px) {
    .sub-menu[b-jugsiqa09k] {
        margin: 20px 10px 40px 10px;
        padding-bottom: 10px;
        height: auto !important;
    }

    .ScrollerDiv[b-jugsiqa09k] {
        max-height: 250px !important;
        overflow-y: auto;
        width: 100%;
    }

    .ButtonGroupDiv[b-jugsiqa09k] {
        position: inherit;
    }
}


/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------- LAPTOP AND SMALLER DESKTOP  ------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */

@media (min-width:992px) and (max-width: 1199px) {

    .sub-menu[b-jugsiqa09k] {
        margin: 7px 10px 0px 10px;
        padding-bottom: 10px;
        height: auto !important;
    }

    .ScrollerDiv[b-jugsiqa09k] {
        max-height: 250px !important;
        overflow-y: auto;
        width: 100%;
    }

    .ButtonGroupDiv[b-jugsiqa09k] {
        position: inherit;
    }
}

/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------  DESKTOP  ------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */


@media (min-width: 1200px) and (max-width: 1499px) {
}

/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------- ULTRAWIDE DESKTOP ------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */

@media (min-width: 1500px) {
}


/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------- MUDBLAZOR OVERRIDE ------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */

[b-jugsiqa09k] .mud-button-group-filled.mud-button-group-override-styles.mud-button-group-filled-primary .mud-button-root {
    color: white !important;
    background-color: var(--primaryColor) !important;
    width: 48% !important;
    border-radius: 0px;
    padding: 8px 8px !important;
}


[b-jugsiqa09k] .mud-button-group-horizontal:not(.mud-button-group-rtl) > .mud-button-root:not(:last-child), .mud-button-group-horizontal:not(.mud-button-group-rtl) > :not(:last-child) .mud-button-root[b-jugsiqa09k] {
    border-start-start-radius: 5px;
    border-end-start-radius: 5px;
}

[b-jugsiqa09k] .mud-button-group-horizontal:not(.mud-button-group-rtl) > .mud-button-root:not(:first-child), .mud-button-group-horizontal:not(.mud-button-group-rtl) > :not(:first-child) .mud-button-root[b-jugsiqa09k] {
    border-start-end-radius: 5px;
    border-end-end-radius: 5px;
}
/* /Pages/PrintPastDue/AutoSearchAgencyName.razor.rz.scp.css */
.form-control[b-33tf1o19oj] {
    border-top-right-radius: 5px !important;
    border-bottom-right-radius: 5px !important;
}

.bolder[b-33tf1o19oj] {
    font-weight: 500;
}

.autocomplete[b-33tf1o19oj] {
    position: relative;
}

    .autocomplete .options[b-33tf1o19oj] {
        position: absolute;
        top: 40px;
        left: 0;
        background: white;
        width: 100%;
        padding: 0;
        z-index: 10;
        border: 1px solid #ced4da;
        box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.1);
    }

    .autocomplete .option[b-33tf1o19oj] {
        display: block;
        padding: 0.25rem;
    }

        .autocomplete .option .option-text[b-33tf1o19oj] {
            padding: 0.25rem 0.5rem;
        }

        .autocomplete .option:hover[b-33tf1o19oj] {
            background: var(--primaryColor);
            color: #fff;
            cursor: pointer
        }

        .autocomplete .option.disabled[b-33tf1o19oj] {
            padding: 0.50rem;
            background-color: var(--red);
            cursor: not-allowed;
            color: #fff;
        }
/* /Pages/PrintPastDue/MainPrintPastDue.razor.rz.scp.css */
.MainAgencyNameInfo[b-mag90yvfu6] {
    margin: -10px 0px 16px 0px;
}

.sidebar[b-mag90yvfu6] {
    width: 350px !important;
}

.AgencyNameNavMenu[b-mag90yvfu6] {
    position: fixed;
    margin-top: -52px;
}

.LayoutBackground[b-mag90yvfu6] {
    margin: 60px 0 0 360px;
    box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
}

.btn[b-mag90yvfu6] {
    margin: 20px 0px;
    padding: 6px 13px;
    font-size: 13px;
}

.btn-brokerManagement-clear[b-mag90yvfu6] {
    border: 1px solid var(--primaryColor);
    color: var(--primaryColor);
    transition-duration: 400ms;
}

    .btn-brokerManagement-clear:hover[b-mag90yvfu6] {
        cursor: pointer;
        opacity: 0.8;
        transition-duration: 400ms;
    }

    .btn-brokerManagement-clear:disabled[b-mag90yvfu6] {
        opacity: 0.7;
    }






/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------- RESPONSIVENESS -------------------------------------------------------- */
/* -------------- PLEASE MATCH YOUR CSS ACCORDING TO THE VIEWPORT DO NOT CREATE ANOTHER TO AVOID CONFLICT RESPONSIVENESS ---------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */


@media only screen and (max-width: 991px) {

    .NavigationBar[b-mag90yvfu6] {
        text-align: start;
        padding: 10px;
    }

    .Navigator[b-mag90yvfu6] {
        display: none;
    }
}

@media only screen and (max-width: 1199px) {

    .MainAgencyNameInfo[b-mag90yvfu6] {
        display: flex;
        flex-direction: column !important;
    }

    .AgencyNameNavMenu[b-mag90yvfu6] {
        position: initial;
        margin-top: 0px;
    }

    .sidebar[b-mag90yvfu6] {
        width: 100% !important;
        height: 50% !important;
    }

    .LayoutBackground[b-mag90yvfu6] {
        margin-left: 10px;
    }
}

/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------- SMALL PHONE VIEWPORT ------------------------------------------------------ */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */

@media only screen and (max-width:576px) {
}


/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------- BIGGER PHONE VIEWPORT ----------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */


@media (min-width: 576px) and (max-width: 767.98px) {
}

/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------- TABLET VIEWPORT -------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */


@media (min-width: 768px) and (max-width: 991.98px) {

    .LayoutBackground[b-mag90yvfu6] {
        margin-left: 10px;
    }
}


/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------- LAPTOP AND SMALLER DESKTOP  ------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */

@media screen and (min-width:992px) and (max-width: 1199px) {
}

/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------  DESKTOP  ------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */


@media (min-width: 1200px) and (max-width: 1499px) {
}

/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------- ULTRAWIDE DESKTOP ------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */

@media (min-width: 1500px) {
}
/* /Pages/PrintPastDue/PrintPastDueInfo.razor.rz.scp.css */

.BrokerGroupName[b-f1p6p0xizv], .CityBranch[b-f1p6p0xizv] {
    width: 98%;
}

.BrokerGroupName[b-f1p6p0xizv], .CityBranch[b-f1p6p0xizv] {
    display: flex;
}


.SearchLabel[b-f1p6p0xizv] {
    margin: 0px 0px 10px 0px !important;
}



/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------- SMALL PHONE VIEWPORT ------------------------------------------------------ */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
@media only screen and (max-width:576px) {

    .BrokerGroupName[b-f1p6p0xizv], .CityBranch[b-f1p6p0xizv]{
        flex-direction: column;
        width: 100%;
    }

}


/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------- BIGGER PHONE VIEWPORT ----------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */


@media (min-width: 576px) and (max-width: 767.98px) {

    .BrokerGroupName[b-f1p6p0xizv] {
        flex-direction: column;
        width: 100%;
    }

    .BrokerGroupName[b-f1p6p0xizv], .CityBranch[b-f1p6p0xizv]{
        flex-direction: column;
        width: 100%;
    }
}
/* /Pages/PrintPastDue/PrintPastDueNavMenu.razor.rz.scp.css */
.sub-menu[b-1ad6d69xzm] {
    background: #333333;
    color: white;
    height: 98vh !important;
    border-radius: 3px;
    box-shadow: 0px 4px 2px rgba(0,0,0,0.3);
    margin: 7.5px 0 10px 7.5px;
}

.title[b-1ad6d69xzm] {
    font-size: 16px;
    color: white !important;
    padding: 20px 0px 10px 0px !important;
    text-align: start;
    font-weight: 600;
}

.ButtonGroupDiv[b-1ad6d69xzm] {
    display: flex;
    flex-direction: column;
    width: 100%;
    justify-content: center !important;
    position: absolute;
    bottom: 40px;
    padding: 0 14px 0 7.5px;
}

.LoadingIndicator[b-1ad6d69xzm] {
    width: 15px !important;
    margin-left: 10px;
}

.ScrollerDiv[b-1ad6d69xzm] {
    height: 900px !important;
    overflow-y: auto;
    width: 100%;
}

.WhiteSeparator[b-1ad6d69xzm] {
    border-bottom: 0.1px solid white;
    margin-bottom: 10px;
    width: 80%;
}

.SummaryDiv[b-1ad6d69xzm] {
    justify-content: center;
    text-align: center;
    margin: 0px 5px;
}

.SummaryHeader[b-1ad6d69xzm] {
    font-size: 15px;
    color: white !important;
    font-weight: 500;
    text-align: center;
    margin-bottom: 15px;
}

.SummarySpan[b-1ad6d69xzm] {
    background-color: #565656;
    border-radius: 5px;
    padding: 3px 16px;
    font-size: 14px;
    border: 0.5px solid white;
    font-weight: 400;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
    max-width: 320px; /* Adjust the width according to your design */
}

.InfoNumContainer[b-1ad6d69xzm] {
    justify-content: center;
}


.RedBanner[b-1ad6d69xzm] {
    background: var(--red);
    border-start-start-radius: 3px;
    border-start-end-radius: 3px;
}

.ValidationText[b-1ad6d69xzm] {
    margin-left: 5px;
    font-weight: 300;
    padding: 5px;
    color: white !important;
    font-size: 13px;
    margin-bottom: 3px;
}

.ValidationParentDiv[b-1ad6d69xzm] {
    margin: 10px 10px 0px 10px !important;
}

.ValidationContainer[b-1ad6d69xzm] {
    padding: 0px;
    border: 1px var(--lightGray) solid;
    border-top: none !important;
    transition: background-color 0.1s;
}

    .ValidationContainer:hover[b-1ad6d69xzm] {
        background: rgb(30, 27, 24);
        cursor: pointer;
        border-top: 1px black solid;
        border-bottom: 1px black solid;
    }

        .ValidationContainer:hover .ValidationText[b-1ad6d69xzm] {
            color: white !important;
            font-weight: 600
        }

.IconCircle[b-1ad6d69xzm] {
    border-radius: 25px;
    width: 23px;
    height: 23px;
    background-color: #333333;
    border: 2px white solid;
    margin-left: 10px;
}

.icon[b-1ad6d69xzm] {
    font-size: 14px;
    color: white !important;
}

.TextHeader[b-1ad6d69xzm] {
    padding: 5px;
    font-size: 13px;
    font-weight: 700;
    margin-top: 8px;
    margin-bottom: 7px;
}

.ReminderText[b-1ad6d69xzm] {
    margin-left: 10px;
    margin-top: 2px;
    margin-bottom: 5px;
    font-size: 13px;
    padding: 5px;
}

.ReminderContainer[b-1ad6d69xzm] {
    border-top: 0.5px black solid;
    border-bottom: 0.5px black solid;
    height: 35px;
}





/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------- RESPONSIVENESS -------------------------------------------------------- */
/* -------------- PLEASE MATCH YOUR CSS ACCORDING TO THE VIEWPORT DO NOT CREATE ANOTHER TO AVOID CONFLICT RESPONSIVENESS ---------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */





/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------- SMALL PHONE VIEWPORT ------------------------------------------------------ */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */

@media only screen and (max-width:576px) {
    .sub-menu[b-1ad6d69xzm] {
        margin: 20px 10px 40px 10px;
        padding-bottom: 10px;
        height: auto !important;
    }

    .ScrollerDiv[b-1ad6d69xzm] {
        max-height: 200px !important;
        overflow-y: auto;
        width: 100%;
    }

    .ButtonGroupDiv[b-1ad6d69xzm] {
        position: inherit;
    }
}


/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------- BIGGER PHONE VIEWPORT ----------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */


@media (min-width: 576px) and (max-width: 767.98px) {

    .sub-menu[b-1ad6d69xzm] {
        margin: 20px 10px 40px 10px;
        padding-bottom: 10px;
        height: auto !important;
    }

    .ScrollerDiv[b-1ad6d69xzm] {
        max-height: 250px !important;
        overflow-y: auto;
        width: 100%;
    }

    .ButtonGroupDiv[b-1ad6d69xzm] {
        position: inherit;
    }
}

/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------- TABLET VIEWPORT -------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */


@media (min-width: 768px) and (max-width: 991px) {
    .sub-menu[b-1ad6d69xzm] {
        margin: 20px 10px 40px 10px;
        padding-bottom: 10px;
        height: auto !important;
    }

    .ScrollerDiv[b-1ad6d69xzm] {
        max-height: 250px !important;
        overflow-y: auto;
        width: 100%;
    }

    .ButtonGroupDiv[b-1ad6d69xzm] {
        position: inherit;
    }
}


/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------- LAPTOP AND SMALLER DESKTOP  ------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */

@media (min-width:992px) and (max-width: 1199px) {

    .sub-menu[b-1ad6d69xzm] {
        margin: 7px 10px 0px 10px;
        padding-bottom: 10px;
        height: auto !important;
    }

    .ScrollerDiv[b-1ad6d69xzm] {
        max-height: 250px !important;
        overflow-y: auto;
        width: 100%;
    }

    .ButtonGroupDiv[b-1ad6d69xzm] {
        position: inherit;
    }
}

/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------  DESKTOP  ------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */


@media (min-width: 1200px) and (max-width: 1499px) {
}

/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------- ULTRAWIDE DESKTOP ------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */

@media (min-width: 1500px) {
}


/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------- MUDBLAZOR OVERRIDE ------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */

[b-1ad6d69xzm] .mud-button-group-filled.mud-button-group-override-styles.mud-button-group-filled-primary .mud-button-root {
    color: white !important;
    background-color: var(--primaryColor) !important;
    width: 48% !important;
    border-radius: 0px;
    padding: 8px 8px !important;
}


[b-1ad6d69xzm] .mud-button-group-horizontal:not(.mud-button-group-rtl) > .mud-button-root:not(:last-child), .mud-button-group-horizontal:not(.mud-button-group-rtl) > :not(:last-child) .mud-button-root[b-1ad6d69xzm] {
    border-start-start-radius: 5px;
    border-end-start-radius: 5px;
}

[b-1ad6d69xzm] .mud-button-group-horizontal:not(.mud-button-group-rtl) > .mud-button-root:not(:first-child), .mud-button-group-horizontal:not(.mud-button-group-rtl) > :not(:first-child) .mud-button-root[b-1ad6d69xzm] {
    border-start-end-radius: 5px;
    border-end-end-radius: 5px;
}


[b-1ad6d69xzm] .mud-button-root:disabled {
    background: #949494 !important;
    color: white !important;
}
/* /Pages/Quotation/AutoAddSearchCoverage.razor.rz.scp.css */

/* Global CSS */


input[b-j7cjo2rgvb] {
    border: 1px solid #C5C5C5 !important;
}

    input:disabled[b-j7cjo2rgvb] {
        border: 1px solid rgba(0,0,0,0.3764705882352941) !important;
    }

.error[b-j7cjo2rgvb] {
    font-size: 11px !important;
    font-weight: 500 !important;
    text-align: center !important;
    margin-top: 5px;
    margin-bottom: 0px;
    margin-left: -25px !important;
}

.form-control[b-j7cjo2rgvb] {
    height: 40px !important;
}

.autocomplete[b-j7cjo2rgvb] {
    position: relative;
    width: 360px !important;
}

.DropdownOption[b-j7cjo2rgvb] {
    display: flex;
}

.CoverageSelection[b-j7cjo2rgvb] {
    display: flex !important;
}

.LabelCaption[b-j7cjo2rgvb] {
    font-size: 13px;
    font-weight: 600;
    margin-bottom: 3px;
    width: 120px !important;
}

.options[b-j7cjo2rgvb] {
    z-index: 1 !important;
    position: absolute;
    left: 0;
    width: 100%;
    max-height: 200px;
    overflow-y: auto;
    background: white;
    border: 1px solid #ced4da;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.1);
}

.autocomplete .option[b-j7cjo2rgvb] {
    display: block;
    padding: 0.25rem;
}

    .autocomplete .option .option-text[b-j7cjo2rgvb] {
        padding: 0.25rem 0.5rem;
    }

    .autocomplete .option:hover[b-j7cjo2rgvb] {
        background: var(--primaryColor);
        color: #fff;
        cursor: pointer;
    }

    .autocomplete .option.disabled[b-j7cjo2rgvb] {
        padding: 0.50rem;
        background-color: var(--red);
        cursor: not-allowed;
        color: #fff;
    }

form-control:focus[b-j7cjo2rgvb] {
    outline: none;
}


@media (min-width: 1200px) and (max-width: 1400px) {
    .AddCoveragesContainer[b-j7cjo2rgvb] {
        display: flex;
        flex-direction: column;
    }

    .DropdownOption[b-j7cjo2rgvb] {
        order: 2;
    }

    .CoverageSelection[b-j7cjo2rgvb] {
        order: 1;
        justify-content: center;
        margin-bottom: 5px;
        margin-left: 90px;
    }
}

@media (min-width:600px) and (max-width: 768px) {
    .AddCoveragesContainer[b-j7cjo2rgvb] {
        display: flex;
        flex-direction: column;
    }

    .DropdownOption[b-j7cjo2rgvb] {
        order: 2;
    }

    .CoverageSelection[b-j7cjo2rgvb] {
        order: 1;
        justify-content: center;
        margin-bottom: 5px;
        margin-left: 90px;
    }
}

@media only screen and (max-width: 600px) {
    .AddCoveragesContainer[b-j7cjo2rgvb] {
        display: flex;
        flex-direction: column;
        width: 100%;
    }

    .DropdownOption[b-j7cjo2rgvb] {
        flex-direction: column;
        width: 100% !important;
    }

    .autocomplete[b-j7cjo2rgvb] {
        width: 100% !important;
    }

    .CoverageSelection[b-j7cjo2rgvb] {
        justify-content: center;
        margin-top: 10px;
        margin-bottom: 5px;
        margin-left: -20px !important;
    }
}
/* /Pages/Quotation/AutoAddSearchTaxFee.razor.rz.scp.css */

/* Global CSS */


input[b-mri62ldt7l] {
    border: 1px solid #C5C5C5 !important;
}

    input:disabled[b-mri62ldt7l] {
        border: 1px solid rgba(0,0,0,0.3764705882352941) !important;
    }

.error[b-mri62ldt7l] {
    font-size: 11px !important;
    font-weight: 500 !important;
    text-align: center !important;
    margin-top: 5px;
    margin-bottom: 0px;
    margin-left: -25px !important;
}

.form-control[b-mri62ldt7l] {
    height: 40px !important;
}

.autocomplete[b-mri62ldt7l] {
    position: relative;
    width: 300px !important;
}

.DropdownOption[b-mri62ldt7l] {
    display: flex;
}

.TaxesSelection[b-mri62ldt7l] {
    display: flex !important;
}

.LabelCaption[b-mri62ldt7l] {
    font-size: 13px;
    font-weight: 600;
    margin-bottom: 3px;
    width: 120px !important;
}

.options[b-mri62ldt7l] {
    z-index: 1 !important;
    position: absolute;
    left: 0;
    width: 100%;
    max-height: 200px;
    overflow-y: auto;
    background: white;
    border: 1px solid #ced4da;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.1);
}

.autocomplete .option[b-mri62ldt7l] {
    display: block;
    padding: 0.25rem;
}

    .autocomplete .option .option-text[b-mri62ldt7l] {
        padding: 0.25rem 0.5rem;
    }

    .autocomplete .option:hover[b-mri62ldt7l] {
        background: var(--primaryColor);
        color: #fff;
        cursor: pointer;
    }

    .autocomplete .option.disabled[b-mri62ldt7l] {
        padding: 0.50rem;
        background-color: var(--red);
        cursor: not-allowed;
        color: #fff;
    }

form-control:focus[b-mri62ldt7l] {
    outline: none;
}


@media (min-width: 1200px) and (max-width: 1400px) {
    .AddTaxFeeContainer[b-mri62ldt7l] {
        display: flex;
        flex-direction: column;
    }

    .DropdownOption[b-mri62ldt7l] {
        order: 2;
    }

    .TaxesSelection[b-mri62ldt7l] {
        order: 1;
        justify-content: center;
        margin-bottom: 5px;
        margin-left: 110px;
    }
}

@media (min-width:600px) and (max-width: 768px) {
    .AddTaxFeeContainer[b-mri62ldt7l] {
        display: flex;
        flex-direction: column;
    }

    .DropdownOption[b-mri62ldt7l] {
        order: 2;
    }

    .TaxesSelection[b-mri62ldt7l] {
        order: 1;
        justify-content: center;
        margin-bottom: 5px;
        margin-left: 90px;
    }
}

@media only screen and (max-width: 600px) {
    .AddTaxFeeContainer[b-mri62ldt7l] {
        display: flex;
        flex-direction: column;
        width: 100%;
    }

    .DropdownOption[b-mri62ldt7l] {
        flex-direction: column;
        width: 100% !important;
    }

    .autocomplete[b-mri62ldt7l] {
        width: 100% !important;
    }

    .TaxesSelection[b-mri62ldt7l] {
        justify-content: center;
        margin-top: 10px;
        margin-bottom: 5px;
        margin-left: -20px !important;
    }
}
/* /Pages/Quotation/AutoSearchCarrier.razor.rz.scp.css */
input[b-li2ro3qiaq] {
    border: 1px solid #C5C5C5 !important;
}

.form-control[b-li2ro3qiaq] {
    height: 40px !important;
    border-top-right-radius: 5px !important;
    border-bottom-right-radius: 5px !important;
}

.autocomplete[b-li2ro3qiaq] {
    position: relative;
}

    .autocomplete .options[b-li2ro3qiaq] {
        position: absolute;
        left: 0;
        background: white;
        width: 100%;
        padding: 0;
        z-index: 2;
        border: 1px solid #ced4da;
        box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.1);
    }

    .autocomplete .option[b-li2ro3qiaq] {
        display: block;
        padding: 0.25rem;
    }

        .autocomplete .option .option-text[b-li2ro3qiaq] {
            padding: 0.25rem 0.5rem;
        }

        .autocomplete .option:hover[b-li2ro3qiaq] {
            background: var(--primaryColor);
            color: #fff;
            cursor: pointer
        }

        .autocomplete .option.disabled[b-li2ro3qiaq] {
            padding: 0.50rem;
            background-color: var(--red);
            cursor: not-allowed;
            color: #fff;
        }


/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------- SMALL PHONE VIEWPORT ------------------------------------------------------ */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */

@media only screen and (max-width:576px) {
    
}
/* /Pages/Quotation/AutoSearchCoverage.razor.rz.scp.css */
.form-control[b-ax8hyljgdd] {
    height: 40px !important;
    border-top-right-radius: 5px !important;
    border-bottom-right-radius: 5px !important;
}

.autocomplete[b-ax8hyljgdd] {
    position: relative;
}

    .autocomplete .options[b-ax8hyljgdd] {
        position: absolute;
        top: 65px;
        left: 0;
        background: white;
        width: 100%;
        padding: 0;
        z-index: 2;
        border: 1px solid #ced4da;
        max-height: 250px;
        overflow-x: hidden;
        overflow-y: scroll;
        box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.1);
    }

    .autocomplete .option[b-ax8hyljgdd] {
        display: block;
        padding: 0.25rem;
    }

        .autocomplete .option .option-text[b-ax8hyljgdd] {
            padding: 0.25rem 0.5rem;
        }

        .autocomplete .option:hover[b-ax8hyljgdd] {
            background: var(--primaryColor);
            color: #fff;
            cursor: pointer
        }

        .autocomplete .option.disabled[b-ax8hyljgdd] {
            padding: 0.50rem;
            background-color: var(--red);
            cursor: not-allowed;
            color: #fff;
        }
/* /Pages/Quotation/BaseQuotation.razor.rz.scp.css */
/* /Pages/Quotation/MainQuotationInfo.razor.rz.scp.css */
.Label[b-tv5kafvdwq] {
    font-size: 13px;
}

.QuotationPartitionHeader[b-tv5kafvdwq] {
    color: white !important;
    background: var(--gray);
    border-radius: 3px;
    padding: 5px 10px;
    border: none;
    font-size: 13px;
    font-weight: 600;
    margin-left: 5px;
    cursor: default;
}

.SubmissionInformationDiv[b-tv5kafvdwq] {
    margin-top: 10px;
    margin-left: 360px;
    margin-bottom: 10px;
}

.LayoutBackground[b-tv5kafvdwq] {
    padding: 22px 30px 13px 30px;
}


.HeaderCaption[b-tv5kafvdwq] {
    margin-top: -32px;
    margin-left: 380px;
}

.QuotationNo[b-tv5kafvdwq] {
    margin-top: 20px;
    margin-right: 20px;
}

.sidebar[b-tv5kafvdwq] {
    width: 350px !important;
}

.QuotationNavMenu[b-tv5kafvdwq] {
    position: fixed;
    margin-top: -82px;
}

.QuotationCarrierDiv[b-tv5kafvdwq] {
    margin-left: 360px;
    margin-top: 15px;
}

.btn[b-tv5kafvdwq] {
    display: flex !important;
    margin: 20px 10px;
    padding: 6px 15px;
    border-radius: 1px;
    font-size: 13px;
}

.btn-brokerManagement-clear[b-tv5kafvdwq] {
    border: 1px solid var(--primaryColor);
    color: var(--primaryColor);
    transition-duration: 400ms;
}

    .btn-brokerManagement-clear:hover[b-tv5kafvdwq] {
        cursor: pointer;
        opacity: 0.8;
        transition-duration: 400ms;
    }

    .btn-brokerManagement-clear:disabled[b-tv5kafvdwq] {
        opacity: 0.9;
    }




/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------- RESPONSIVENESS -------------------------------------------------------- */
/* -------------- PLEASE MATCH YOUR CSS ACCORDING TO THE VIEWPORT DO NOT CREATE ANOTHER TO AVOID CONFLICT RESPONSIVENESS ---------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */



@media only screen and (max-width: 1199px) {

    .QuotationMainDiv[b-tv5kafvdwq] {
        display: flex;
        flex-direction: column !important;
    }

    .QuotationNavMenu[b-tv5kafvdwq] {
        position: initial;
        margin-top: 0px !important;
        margin-bottom: -10px;
    }

    .sidebar[b-tv5kafvdwq] {
        width: 100% !important;
        height: 50% !important;
        margin-top: -55px;
    }

    .QuotationCarrierDiv[b-tv5kafvdwq] {
        margin-left: 10px;
    }
}


/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------- SMALL PHONE VIEWPORT ------------------------------------------------------ */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */

@media only screen and (max-width:576px) {

    .HeaderCaption[b-tv5kafvdwq] {
        margin-top: -5px;
        margin-left: 20px;
    }

    .LayoutBackground[b-tv5kafvdwq] {
        margin-top: 30px;
        margin-left: 10px;
    }
}


/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------- BIGGER PHONE VIEWPORT ----------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */


@media (min-width: 576px) and (max-width: 767.98px) {

    .HeaderCaption[b-tv5kafvdwq] {
        margin-top: -5px;
        margin-left: 20px;
    }

    .LayoutBackground[b-tv5kafvdwq] {
        margin-top: 30px;
        margin-left: 10px;
    }
}

/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------- TABLET VIEWPORT -------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */


@media (min-width: 768px) and (max-width: 991.98px) {

    .HeaderCaption[b-tv5kafvdwq] {
        margin-top: -25px;
        margin-left: 20px;
    }

    .LayoutBackground[b-tv5kafvdwq] {
        margin-top: 10px;
        margin-left: 10px;
    }

    .QuotationCarrierDiv[b-tv5kafvdwq] {
        margin-left: 10px;
    }
}


/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------- LAPTOP AND SMALLER DESKTOP  ------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */

@media screen and (min-width:992px) and (max-width: 1199px) {

    .HeaderCaption[b-tv5kafvdwq] {
        margin-top: -30px;
        margin-left: 350px;
    }

    .LayoutBackground[b-tv5kafvdwq] {
        margin-left: 10px;
        margin-top: 10px;
    }

    .QuotationMainDiv[b-tv5kafvdwq] {
        margin-top: 200px;
    }
}

/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------  DESKTOP  ------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */


@media (min-width: 1200px) and (max-width: 1499px) {

}

/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------- ULTRAWIDE DESKTOP ------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */

@media (min-width: 1500px) {
}
/* /Pages/Quotation/QuotationCarrier.razor.rz.scp.css */
/* Quotation Carrier CSS */


.QuotationCarrierDiv[b-hrc3h242xp] {
    margin-bottom: 70px !important;
    margin-left: 360px;
  
}

.RefNoDiv[b-hrc3h242xp] {
    margin-right: 23px;
}

.AdmittedDiv[b-hrc3h242xp]{
    width: 100px;
}

.title[b-hrc3h242xp] {
    margin-top: -10px;
}

/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------- SMALL PHONE VIEWPORT ------------------------------------------------------ */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */

@media only screen and (max-width:576px) {

    .LayoutBackground[b-hrc3h242xp] {
        margin-top: 30px;
        margin-left: 10px;
    }

    .RefNoDiv[b-hrc3h242xp] {
        margin-right: 0px;
    }

}


/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------- BIGGER PHONE VIEWPORT ----------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */


@media (min-width: 577px) and (max-width: 767.98px) {

    .LayoutBackground[b-hrc3h242xp] {
        margin-left: 10px;
        margin-top: 10px;
    }

    .justify-content-start[b-hrc3h242xp] {
        flex-direction: column !important;
    }

    .RefNoDiv[b-hrc3h242xp] {
        margin-right: 0px;
    }

}


/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------- TABLET VIEWPORT -------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */


@media (min-width: 768px) and (max-width: 991.98px) {

    .LayoutBackground[b-hrc3h242xp] {
        margin-top: 20px;
        margin-left: 10px;
    }

}

/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------- LAPTOP AND SMALLER DESKTOP  ------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */

@media (min-width:992px) and (max-width: 1199px) {

    .LayoutBackground[b-hrc3h242xp] {
        margin-left: 10px;
        margin-top: 10px;
    }

  
}
/* /Pages/Quotation/QuotationCommisions.razor.rz.scp.css */

.caption[b-zo6ibgfj8z] {
    font-size: 13px;
    font-weight: 500;
    word-wrap: break-word;
    margin-bottom: 0px;
}

.caption-left[b-zo6ibgfj8z] {
    /*margin-top: 3px;*/
    margin-right: 10px;
    font-weight: 700;
}

.Amount[b-zo6ibgfj8z] {
    font-weight: 600;
}

.caption-middle[b-zo6ibgfj8z] {
    margin: 0px 10px 0px 6px;
}

.caption-right[b-zo6ibgfj8z] {
    margin-top: 0px !important;
    margin-left: 10px !important;
    font-weight: 700;
}

/*.Equation {
    align-self: center !important;
}

.CCEquation {
    margin: 0 10px !important;
}*/

/* Row Div */
.GrossCommisionDiv[b-zo6ibgfj8z],
.CompanyCommissionDiv[b-zo6ibgfj8z],
.AgentCommissionDiv[b-zo6ibgfj8z] {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    gap:12px;
}

.CompanyCommissionDiv[b-zo6ibgfj8z]{
    width: 89.5%;
    display: flex;
    justify-content: center;
    align-items: center;
    gap:12px;
}

/* Percentage Div */
.GCPercentage[b-zo6ibgfj8z],
.ACPercentage[b-zo6ibgfj8z],
.CCPercentage[b-zo6ibgfj8z],
.GCAmount[b-zo6ibgfj8z],
.SubLogo[b-zo6ibgfj8z],
.ACAmount[b-zo6ibgfj8z],
.CCAmount[b-zo6ibgfj8z] {
    display: flex;
    align-items: center;
    margin: 5px 0px;
}

.GCPercentage[b-zo6ibgfj8z],
.ACPercentage[b-zo6ibgfj8z],
.CCPercentage[b-zo6ibgfj8z] {
    min-width: 0; /* Allow content to shrink */
    display: flex;
    justify-content: space-between;
    align-items: center;
}


.GCAmount[b-zo6ibgfj8z],
.ACAmount[b-zo6ibgfj8z],
.SubLogo[b-zo6ibgfj8z],
.CCAmount[b-zo6ibgfj8z] {
    min-width: 0; /* Allow content to shrink */
}

.Equation[b-zo6ibgfj8z] {
    display: flex;
    flex-shrink: 0;
    justify-content: center; /* Adjust alignment as needed */
}

.Commission-Container[b-zo6ibgfj8z] {
    display: grid;
    grid-template-columns: repeat(3, auto);
    justify-content: start;
    align-items: center;
    margin-top: 16px;
}

@media only screen and (max-width: 1800px) {
    .Commission[b-zo6ibgfj8z] {
        align-items: start !important;
    }
}

.Commission[b-zo6ibgfj8z] {
    display: flex;
    flex-direction: column;
    width: 100%;
    align-items: center;
    margin-top: 12px;
}

[b-zo6ibgfj8z] .mud-input-control {
    flex: 0
}


@media only screen and (max-width: 699px) {
    .GrossCommisionDiv[b-zo6ibgfj8z], .CompanyCommissionDiv[b-zo6ibgfj8z], .AgentCommissionDiv[b-zo6ibgfj8z] {
        flex-direction: column;
        justify-content: center;
        margin-left: 0px;
        padding-bottom: 20px;
        padding-top: 8px;
        border: 1px solid var(--primaryColor);
        overflow: auto;
    }

    .GCPercentage[b-zo6ibgfj8z], ACPercentage[b-zo6ibgfj8z], .CCPercentage[b-zo6ibgfj8z], .SubLogo[b-zo6ibgfj8z], .GCAmount[b-zo6ibgfj8z], .ACAmount[b-zo6ibgfj8z], .CCAmount[b-zo6ibgfj8z] {
        flex-direction: column;
    }
}

@media (min-width: 700px) and (max-width: 899px) {

    /*.GrossCommisionDiv, .CompanyCommissionDiv, .AgentCommissionDiv {
        justify-content: center;
        margin-left: -20px;
    }

    .GCPercentage, ACPercentage, .CCPercentage, .GCAmount, .ACAmount, .CCAmount, .SubLogo {
        display: flex !important;
        flex-direction: column-reverse;
    }*/

    .GrossCommisionDiv[b-zo6ibgfj8z], .CompanyCommissionDiv[b-zo6ibgfj8z], .AgentCommissionDiv[b-zo6ibgfj8z] {
        flex-direction: column;
        justify-content: center;
        margin-left: 0px;
        padding-bottom: 20px;
        padding-top: 8px;
        border: 1px solid var(--primaryColor);
        overflow: auto;
    }

    .GCPercentage[b-zo6ibgfj8z], ACPercentage[b-zo6ibgfj8z], .CCPercentage[b-zo6ibgfj8z], .SubLogo[b-zo6ibgfj8z], .GCAmount[b-zo6ibgfj8z], .ACAmount[b-zo6ibgfj8z], .CCAmount[b-zo6ibgfj8z] {
        flex-direction: column;
    }

    /*.GCPercentage, ACPercentage, .CCPercentage {
        flex-direction: column;
    }

    .GCAmount, .ACAmount, .CCAmount {
        width: 200px;
    }

    .GCPercentageTextBox, .ACPercentageTextBox, .CCPercentageTextBox {
        margin-left: -20px;
    }

    .CCPercentageTextBox {
        margin-left: -45px;
    }

    .CC {
        margin-left: -50px !important;
    }

    .GCAmountTextBox, .ACAmountTextBox {
        margin-left: 0px;
    }

    .CCAmountTextBox {
        margin-left: 0px;
    }

    .Equation {
        margin-top: 25px;
        margin-left: -20px;
    }*/
}

@media (min-width:900px) and (max-width: 991px) {

    .GrossCommisionDiv[b-zo6ibgfj8z], .CompanyCommissionDiv[b-zo6ibgfj8z], .AgentCommissionDiv[b-zo6ibgfj8z] {
        justify-content: center;
        margin-left: -40px;
    }
}


@media (min-width: 992px) and (max-width: 1500px) {
    .checkbox-row[b-zo6ibgfj8z] {
        flex-direction: row-reverse;
    }

    .GrossCommisionDiv[b-zo6ibgfj8z], .CompanyCommissionDiv[b-zo6ibgfj8z], .AgentCommissionDiv[b-zo6ibgfj8z] {
        justify-content: center;
        margin-left: 0px;
        align-items: center;
    }


    .GCPercentage[b-zo6ibgfj8z], ACPercentage[b-zo6ibgfj8z], .CCPercentage[b-zo6ibgfj8z], .GCAmount[b-zo6ibgfj8z], .ACAmount[b-zo6ibgfj8z], .CCAmount[b-zo6ibgfj8z] {
        display: flex !important;
        flex-direction: column;
    }

    /*.GCPercentage, ACPercentage, .CCPercentage {
        width: 200px;
        flex-direction: column;
    }

    .GCAmount, .ACAmount, .CCAmount {
        width: 200px;
    }*/

    .Item3[b-zo6ibgfj8z] {
        order: 3;
    }

    .Item1[b-zo6ibgfj8z] {
        order: 1;
    }

    .Item2[b-zo6ibgfj8z] {
        order: 2;
    }

    .GCPercentageTextBox[b-zo6ibgfj8z], .ACPercentageTextBox[b-zo6ibgfj8z], .CCPercentageTextBox[b-zo6ibgfj8z] {
        margin-left: -10px;
    }

    .GCAmountTextBox[b-zo6ibgfj8z], .ACAmountTextBox[b-zo6ibgfj8z], .CCAmountTextBox[b-zo6ibgfj8z] {
        margin-left: 10px;
    }

    .Equation[b-zo6ibgfj8z] {
        /*margin-top: 25px;
        margin-left: -20px;*/
        align-items: center;
    }

    .SmallerDiv[b-zo6ibgfj8z] {
        margin-top: 0px !important;
    }
}

[b-zo6ibgfj8z] .mud-input.mud-input-outlined.mud-disabled .mud-input-outlined-border {
    border-color: #ced4da;
}
/* /Pages/Quotation/QuotationCoverages.razor.rz.scp.css */
tr[b-240ti3ovf9] {
    font-size: 13px;
    font-weight: 600;
}

.CoverageHeader[b-240ti3ovf9] {
    width: 100% !important;
    margin: 0px 20px;
}

.AutoSearchCoverages[b-240ti3ovf9] {
    display: flex;
    width: 100%;
}

.MinEarnedCol[b-240ti3ovf9] {
    min-width: 50px;
    max-width: 80px;
}

.CoverageCol[b-240ti3ovf9] {
    min-width: 200px;
    max-width: 210px;
}

.PremiumCol[b-240ti3ovf9] {
    min-width: 120px;
    max-width: 130px;
}

.ActionCol[b-240ti3ovf9] {
    min-width: 50px;
    max-width: 60px;
}

.IsOverrideCol[b-240ti3ovf9] {
    min-width: 50px;
    max-width: 60px;
}

.sticky-column[b-240ti3ovf9] {
    position: sticky;
    right: 0px;
    padding-left: 1px;
}

.TableFooter[b-240ti3ovf9] {
    border: 1px solid var(--primaryColor)
}

.error[b-240ti3ovf9] {
    text-align: center !important;
}

.table-blue-border tr:nth-child(even) td[b-240ti3ovf9] {
    background: white !important;
}

.table-blue-border td[b-240ti3ovf9] {
    padding: 8px 8px !important;
}

[b-240ti3ovf9] input.mud-input-slot.mud-input-root.mud-input-root-outlined.mud-input-root-margin-dense {
    padding: 8px 6px !important;
}

@media only screen and (max-width:567px) {

    .AutoSearchCoverages[b-240ti3ovf9] {
        flex-direction: column;
        width: 100%;
    }
}
/* /Pages/Quotation/QuotationDocuments.razor.rz.scp.css */
tr[b-fyh0zj7qok] {
    font-size: 13px;
    font-weight: 600;
}

.btn-dark[b-fyh0zj7qok] {
    margin-left: 10px;
    align-self: center;
    padding: 7px 15px;
    margin-top: 1px;
}

.btn-brokerManagement[b-fyh0zj7qok] {
    margin-left: 5px;
    padding: 5px 10px;
}


/* Component CSS Override */
.HeaderCaption[b-fyh0zj7qok] {
    margin-top: -102px;
    margin-left: -10px;
    font-size: 15px !important;
}

.separator[b-fyh0zj7qok] {
    margin: 15px 0px;
    border-top: 0.1px solid #b8e2ff;
}

.QuotationDocuments[b-fyh0zj7qok] {
    margin-top: 20px !important;
    margin-bottom: 25px !important;
}

.LoadingIndicator[b-fyh0zj7qok] {
    margin-left: 5px;
    width: 10px;
}

/* Form */

.caption[b-fyh0zj7qok] {
    align-self: center;
    margin-top: 5px;
    margin-right: 10px;
}

.ItemCol[b-fyh0zj7qok] {
    text-align: center;
}
.text-sequence-no[b-fyh0zj7qok]{
    width: 30%;
    text-align:center;
}
.FileContainer[b-fyh0zj7qok] {
    display: flex;
    margin: -5px 10px 0px 50px !important;
}

.TextContainer[b-fyh0zj7qok] {
    margin: 0px 20px !important;
}

.DropdownContainer[b-fyh0zj7qok] {
    margin-right: 30px !important;
}

.form-control[b-fyh0zj7qok] {
    height: 38px !important;
    width: 130% !important;
}

.sticky-column[b-fyh0zj7qok] {
    width: 150px;
    min-width: 50px;
    max-width: 150px;
    right: 0px;
}

.ActionCol[b-fyh0zj7qok], .ItemCol[b-fyh0zj7qok] {
    min-width: 75px;
    max-width: 125px;
}

.FileCol[b-fyh0zj7qok], .DocCol[b-fyh0zj7qok] {
    min-width: 300px;
    max-width: 350px;
}

.ProgressBar[b-fyh0zj7qok] {
    margin-top: 25px;
    margin-left: 10px;
}

.FileContainer[b-fyh0zj7qok] {
    display: flex;
    margin: -5px 21px 0px 21px;
}


/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------- SMALL PHONE VIEWPORT ------------------------------------------------------ */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
@media only screen and (max-width:576px) {

    .QuotationDocuments[b-fyh0zj7qok] {
        margin-bottom: 60px !important;
        margin-left: 10px;
    }

    .ActionCol[b-fyh0zj7qok] {
        min-width: 75px;
        max-width: 120px;
    }

    .FileCol[b-fyh0zj7qok], .DocCol[b-fyh0zj7qok] {
        min-width: 300px;
        max-width: 350px;
    }

    .ItemCol[b-fyh0zj7qok] {
        min-width: 100px;
        max-width: 150px;
    }

    .btn-dark[b-fyh0zj7qok] {
        margin: 10px 0px 10px 30px;
    }

    .broker-documents-information[b-fyh0zj7qok] {
        margin-left: 10px !important;
    }

    .HeaderCaption[b-fyh0zj7qok] {
        margin-top: -55px !important;
    }

    .form-control[b-fyh0zj7qok] {
        width: 100% !important;
    }

    /* Form */

    .TextContainer[b-fyh0zj7qok] {
        margin-left: -8px !important;
        margin-top: 10px !important;
        width: 100% !important;
    }

    .DropdownContainer[b-fyh0zj7qok] {
        width: 100% !important;
    }

    .FileContainer[b-fyh0zj7qok] {
        margin-top: 8px !important;
        justify-content: center !important;
    }
}
@media (max-width: 575px) {
    .text-sequence-no[b-fyh0zj7qok] {
        width: 75%;
    }
}
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------- BIGGER PHONE VIEWPORT ----------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */


@media (min-width: 576px) and (max-width: 767.98px) {

    .QuotationDocuments[b-fyh0zj7qok] {
        margin-bottom: 60px !important;
        margin-left: 10px;
    }

    .FileCol[b-fyh0zj7qok], .DocCol[b-fyh0zj7qok] {
        min-width: 300px;
        max-width: 350px;
    }

    .ItemCol[b-fyh0zj7qok] {
        min-width: 100px;
        max-width: 150px;
    }

    /* Form */

    .TextContainer[b-fyh0zj7qok] {
        margin-left: -8px !important;
        margin-top: 10px !important;
        width: 100% !important;
    }

    .DropdownContainer[b-fyh0zj7qok] {
        width: 100% !important;
    }

    .FileContainer[b-fyh0zj7qok] {
        margin-top: 8px !important;
        justify-content: center !important;
    }

    .btn-dark[b-fyh0zj7qok] {
        margin: 10px 0px 10px 30px;
    }

    .broker-documents-information[b-fyh0zj7qok] {
        margin-left: 10px !important;
    }

    .HeaderCaption[b-fyh0zj7qok] {
        margin-top: -59px !important;
    }

    .form-control[b-fyh0zj7qok] {
        width: 100% !important;
    }
    .text-sequence-no[b-fyh0zj7qok] {
        width: 75%;
    }
}
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------- TABLET VIEWPORT ----------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */


@media (min-width: 768px) and (max-width: 991.98px) {

    .QuotationDocuments[b-fyh0zj7qok] {
        margin-bottom: 60px !important;
        margin-left: 10px;
    }

    .HeaderCaption[b-fyh0zj7qok] {
        margin-top: -56px;
        margin-left: -10px;
    }

    .ActionCol[b-fyh0zj7qok], .ItemCol[b-fyh0zj7qok] {
        min-width: 50px;
        max-width: 100px;
    }

    .FileCol[b-fyh0zj7qok], .DocCol[b-fyh0zj7qok] {
        min-width: 200px;
        max-width: 250px;
    }

    /* Form */

    .caption[b-fyh0zj7qok] {
        margin-bottom: 10px;
    }

    .TextContainer[b-fyh0zj7qok] {
        margin-left: -8px !important;
        margin-top: 10px !important;
        width: 100% !important;
    }

    .DropdownContainer[b-fyh0zj7qok] {
        width: 100% !important;
    }

    .FileContainer[b-fyh0zj7qok] {
        margin-top: 5px !important;
        margin-left: 0px !important
    }

    .broker-documents-information[b-fyh0zj7qok] {
        margin-left: 10px !important;
    }

    .form-control[b-fyh0zj7qok] {
        width: 100% !important;
    }
}

@media (min-width: 960px) and (max-width: 991px) {
    .HeaderCaption[b-fyh0zj7qok] {
        margin-top: -100px !important;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .text-sequence-no[b-fyh0zj7qok] {
        width: 65%;
    }
}

/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------- LAPTOP AND SMALLER DESKTOP  ------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
@media screen and (min-width:992px) and (max-width: 1079px) {
    .text-sequence-no[b-fyh0zj7qok] {
        width: 60%;
    }
}
@media screen and (min-width:992px) and (max-width: 1199px) {

    .BrokerDocumentsInformation[b-fyh0zj7qok] {
        margin-bottom: 60px !important;
        margin-left: 0px;
    }

    .HeaderCaption[b-fyh0zj7qok] {
        margin-top: -102px;
        margin-left: -10px;
    }

    .ActionCol[b-fyh0zj7qok], .ItemCol[b-fyh0zj7qok] {
        min-width: 50px;
        max-width: 100px;
    }

    .FileCol[b-fyh0zj7qok], .DocCol[b-fyh0zj7qok] {
        min-width: 200px;
        max-width: 250px;
    }

    .FileContainer[b-fyh0zj7qok] {
        margin-top: 10px !important;
    }

}

@media screen and (min-width:1080px) and (max-width: 1199px) {
    .text-sequence-no[b-fyh0zj7qok] {
        width: 50%;
    }
}

@media screen and (min-width:1146px) and (max-width: 1199px) {
    .FileContainer[b-fyh0zj7qok] {
        margin-top: -5px !important;
        margin-left: 53px !important;
    }
}

@media (min-width: 1200px) and (max-width: 1300px) {

    .text-sequence-no[b-fyh0zj7qok] {
        width: 80%;
    }
}
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------  DESKTOP  ------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */

@media (min-width:1299px) and (max-width: 1400px) {

    .text-sequence-no[b-fyh0zj7qok] {
        width: 70%;
    }
}

@media (min-width: 1200px) and (max-width: 1499px) {

    .ActionCol[b-fyh0zj7qok], .ItemCol[b-fyh0zj7qok] {
        min-width: 50px;
        max-width: 100px;
    }

    .FileCol[b-fyh0zj7qok], .DocCol[b-fyh0zj7qok] {
        min-width: 200px;
        max-width: 250px;
    }

    .caption[b-fyh0zj7qok] {
        margin-top: 10px;
        width: 120px;
    }

    .DropdownContainer[b-fyh0zj7qok] {
        margin-top: 10px;
    }

    .TextContainer[b-fyh0zj7qok] {
        margin-top: 10px !important;
    }

    .FileContainer[b-fyh0zj7qok] {
        margin-left: 0px !important;
        margin-top: 10px !important;
        justify-content: center;
    }
}

@media (min-width: 1473px) and (max-width: 1499px) {
    .FileContainer[b-fyh0zj7qok] {
        margin-top: 6px !important;
        margin-left: 25px !important;
        justify-content: center;
    }
}

@media (min-width: 1473px) and (max-width: 1499px) {
    .FileContainer[b-fyh0zj7qok] {
        margin-top: 6px !important;
        margin-left: 25px !important;
        justify-content: center;
    }
}


@media (min-width: 1200px) and (max-width: 1272px) {
    .FileContainer[b-fyh0zj7qok] {
        margin-top: 4px !important;
        margin-left: 25px !important;
        justify-content: center;
    }
}

/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------  ULTRAWIDE  ------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */

@media (min-width: 1500px) and (max-width: 1544px) {
    .FileContainer[b-fyh0zj7qok] {
        margin-top: 10px !important;
        margin-left: 55px !important;
        justify-content: center;
    }
}
@media (min-width: 1399px) and (max-width: 1800px) {

    .text-sequence-no[b-fyh0zj7qok] {
        width: 50%;
    }
}

[b-fyh0zj7qok] .mud-progress-linear .mud-progress-linear-bars {
    background: #dbebf6 !important;
}


[b-fyh0zj7qok] .mud-progress-linear.mud-progress-linear-color-primary:not(.mud-progress-linear-buffer) .mud-progress-linear-bar {
    background-color: var(--primaryColor);
}

[b-fyh0zj7qok] .mud-button-filled:hover, .mud-button-filled:focus-visible[b-fyh0zj7qok] {
    background: #3e93cf !important;
}

[b-fyh0zj7qok] .mud-button-filled {
    font-size: 13px !important;
}

[b-fyh0zj7qok] .mud-button-group-filled.mud-button-group-override-styles.mud-button-group-filled-primary .mud-button-root {
    color: white !important;
    background-color: var(--primaryColor) !important;
    width: 48% !important;
    border-radius: 0px;
    padding: 8px 8px !important;
}


[b-fyh0zj7qok] .mud-button-label {
    font-size: 12px !important;
    padding: 1px 1px !important;
    font-family: Montserrat !important;
    text-transform: none !important;
}


/* /Pages/Quotation/QuotationInformation.razor.rz.scp.css */
/* Global CSS */

.LayoutBackground[b-48dsd8du1a] {
    margin-left: 360px;
    margin-top: -60px;
}

.title[b-48dsd8du1a] {
    margin-top: -7px;
    margin-bottom: 2px;
}


/* Component CSS */

.Label[b-48dsd8du1a] {
    font-size: 13px;
}

.MinEarnedDiv[b-48dsd8du1a], .MinDepositDiv[b-48dsd8du1a] {
    width: 150px !important;
}

.SicCodeDiv[b-48dsd8du1a], .SupportDiv[b-48dsd8du1a] {
    padding-right: 8px !important;
}

.DescriptionDiv[b-48dsd8du1a] {
    margin-top: -81px;
}

.TriaCheckDiv[b-48dsd8du1a] {
    margin-left: 60px;
}

.AuditDiv[b-48dsd8du1a] {
    margin-left: 80px;
}

.TriaRateDiv[b-48dsd8du1a] {
    margin: 10px 0px 0px 0px !important;
}

.DirectBillDiv[b-48dsd8du1a] {
    margin-top: 20px;
}

.TotPremiumDiv[b-48dsd8du1a] {
    margin-top: 15px;
    margin-left: -10px;
    margin-right: 10px;
    width: 370px;
}

.QuotationNo[b-48dsd8du1a] {
    margin-top: 5px;
    margin-right: 10px;
}

.QuotationPartitionHeader[b-48dsd8du1a] {
    color: white !important;
    background: var(--gray);
    border-radius: 3px;
    padding: 5px 10px;
    border: none;
    font-size: 13px;
    font-weight: 600;
    margin-left: 5px;
    cursor: default;
}

.QuotationCheckbox[b-48dsd8du1a] {
    padding-left: px;
    padding-top: 3px;
}


/* Data text */
.SubmissionData[b-48dsd8du1a] {
    margin-left: 200px;
}

.CoverageData[b-48dsd8du1a] {
    margin-left: 100px;
}

.TransactionData[b-48dsd8du1a] {
    margin-left: 150px;
}

.SubmissionData[b-48dsd8du1a] {
    margin-left: 10px;
}

/* Name Input */

.caption[b-48dsd8du1a] {
    margin-right: 10px !important;
}

.MinEarnedText[b-48dsd8du1a] {
    margin-right: 0px !important;
}



/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------- SMALL PHONE VIEWPORT ------------------------------------------------------ */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */

@media only screen and (max-width:576px) {

    .LayoutBackground[b-48dsd8du1a] {
        margin-top: -55px;
        margin-left: 10px;
    }

    .SicCodeDiv[b-48dsd8du1a], .SupportDiv[b-48dsd8du1a] {
        padding-right: 0px !important;
        margin-top: 10px;
    }

    .ExpirationDiv[b-48dsd8du1a], .MinDepositDiv[b-48dsd8du1a] {
        margin-top: 10px;
    }

    .TotPremiumDiv[b-48dsd8du1a] {
        margin-left: 3px;
    }

    .MinEarnedDiv[b-48dsd8du1a], .MinDepositDiv[b-48dsd8du1a], .MinDepositTextBox[b-48dsd8du1a], .MinEarnedTextBox[b-48dsd8du1a] {
        width: 100% !important;
    }

    .DirectBillDiv[b-48dsd8du1a] {
        margin-top: 5px;
        margin-left: -10px;
    }
}


/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------- BIGGER PHONE VIEWPORT ----------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */


@media (min-width: 576px) and (max-width: 767.98px) {

    .LayoutBackground[b-48dsd8du1a] {
        margin-left: 10px;
        margin-top: -55px;
    }

    .SicCodeDiv[b-48dsd8du1a], .SupportDiv[b-48dsd8du1a] {
        padding-right: 0px !important;
        margin-top: 10px;
    }

    .ExpirationDiv[b-48dsd8du1a], .MinDepositDiv[b-48dsd8du1a] {
        margin-top: 10px;
    }

    .TotPremiumDiv[b-48dsd8du1a] {
        width: 250px !important;
    }

    .MinEarnedDiv[b-48dsd8du1a], .MinDepositDiv[b-48dsd8du1a], .MinDepositTextBox[b-48dsd8du1a], .MinEarnedTextBox[b-48dsd8du1a] {
        width: 100% !important;
    }

    .MinDepositDiv[b-48dsd8du1a] {
        margin-top: 10px !important;
    }

    .DirectBillDiv[b-48dsd8du1a] {
        margin-top: 0px;
        margin-left: -10px;
    }

}


/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------- TABLET VIEWPORT -------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */


@media (min-width: 768px) and (max-width: 991.98px) {

    .LayoutBackground[b-48dsd8du1a] {
        margin-top: -50px;
        margin-left: 10px;
    }

    .SicCodeDiv[b-48dsd8du1a], .SupportDiv[b-48dsd8du1a] {
        margin-top: 10px;
        padding-right: 0px !important;
    }

    .CoverageDiv[b-48dsd8du1a], .DescriptionDiv[b-48dsd8du1a], .SicCodeDiv[b-48dsd8du1a], .SupportDiv[b-48dsd8du1a], .ExpirationDiv[b-48dsd8du1a], .EffectiveDiv[b-48dsd8du1a], .MinDepositDiv[b-48dsd8du1a], .MinEarnedDiv[b-48dsd8du1a], .MinDepositTextBox[b-48dsd8du1a], .MinEarnedTextBox[b-48dsd8du1a] {
        width: 100% !important;
    }


    .ExpirationDiv[b-48dsd8du1a], .MinDepositDiv[b-48dsd8du1a] {
        margin-top: 10px;
    }

    .DirectBillDiv[b-48dsd8du1a] {
        margin-top: 0px;
        margin-left: -10px;
    }

}


@media (min-width: 960px) and (max-width: 991px) {

    .SicCodeDiv[b-48dsd8du1a], .SupportDiv[b-48dsd8du1a] {
        margin-top: 0px;
        width: 270px !important;
    }

    .CoverageDiv[b-48dsd8du1a], .DescriptionDiv[b-48dsd8du1a] {
        width: 580px !important;
    }

    .MinDepositDiv[b-48dsd8du1a], .MinEarnedDiv[b-48dsd8du1a] {
        width: 425px !important;
    }


    .ExpirationDiv[b-48dsd8du1a], .EffectiveDiv[b-48dsd8du1a] {
        width: 270px !important;
    }

    .ExpirationDiv[b-48dsd8du1a], .MinDepositDiv[b-48dsd8du1a] {
        margin-top: 0px;
    }
}

/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------- LAPTOP AND SMALLER DESKTOP  ------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */

@media (min-width:992px) and (max-width: 1199px) {

    .LayoutBackground[b-48dsd8du1a] {
        margin-left: 10px;
        margin-top: -60px;
    }

}

/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------  DESKTOP  ------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */


@media (min-width: 1200px) and (max-width: 1499px) {
}


[b-48dsd8du1a] :root .mud-theme-primary {
    background-color: var(--primaryColor) !important;
}

[b-48dsd8du1a] .mud-input {
    width: 100% !important;
    height: auto !important;
    font-size: 13px !important;
}

[b-48dsd8du1a] .mud-picker-inline {
    width: 100%;
}

[b-48dsd8du1a] .mud-input-slot .mud-input-adorn-end, .mud-input-slot .mud-input-adorn-start[b-48dsd8du1a] {
    display: none;
}
/* /Pages/Quotation/QuotationInfoSubjectives.razor.rz.scp.css */
.table-blue-border tr[b-pse74gz9xj] {
    font-size: 13px !important;
    font-weight: 500;
}

.table-blue-header th[b-pse74gz9xj] {
    color: white;
    padding: 6px 5px;
}

th[b-pse74gz9xj] {
    font-size: 13px !important;
}

.table-blue-border td[b-pse74gz9xj] {
    padding: 0px 5px !important;
}

.separator[b-pse74gz9xj] {
    margin: 15px 0px;
    border-top: 0.1px solid #b8e2ff;
}

.CustomSubjectivitiesDiv[b-pse74gz9xj] {
    display: flex;
    margin: 10px 0px 25px 0px;
}

.SubjectivitiesTextField[b-pse74gz9xj] {
    height: 35px !important; 
    width: 300px !important;
    margin-right: 10px;
}

.CustomOption[b-pse74gz9xj] {
    white-space: nowrap;
    max-width: 250px;
    text-overflow: ellipsis;
}

/*.OptionalCol {
    min-width: 600px;
    max-width: 650px;
}*/

.btn-dark[b-pse74gz9xj] {
    margin-left: 10px;
    align-self: center;
    padding: 7px 15px;
    margin-top: 1px;
}

.btn-brokerManagement[b-pse74gz9xj] {
    margin-left: 5px;
    padding: 5px 10px;
}

.ActionCol[b-pse74gz9xj] {
    width: 70px !important;
}

.btn-delete.disabled[b-pse74gz9xj], .btn-delete:disabled[b-pse74gz9xj] {
    cursor: not-allowed !important;
    pointer-events: all;
}

.btn-dark[b-pse74gz9xj] {
    padding: 5px 10px;
    font-size: 13px;
}

    .btn-dark.disabled[b-pse74gz9xj], .btn-dark:disabled[b-pse74gz9xj] {
        cursor: not-allowed;
    }

    .btn-dark:hover[b-pse74gz9xj] {
        color: white;
        background: var(--gray);
    }

.SubjectOptions[b-pse74gz9xj] {
    color: red !important;
}

@media only screen and (max-width: 767.98px) {
    .CustomSubjectivitiesDiv[b-pse74gz9xj] {
        flex-direction: column;
    }

    .SubjectivitiesTextField[b-pse74gz9xj] {
        width: 100% !important;
        margin-right: 0px;
        margin-bottom: 10px;
    }
}

    [b-pse74gz9xj] .mud-select .mud-select-input .mud-input-slot {
        padding: 10px !important;
        color: #212529 !important;
        font-family: Montserrat !important;
    }

    [b-pse74gz9xj] .mud-list-item.selected {
        color: red !important;
    }

    [b-pse74gz9xj] .mud-icon-button {
        padding: 5px 5px 5px 20px !important;
        color: var(--primaryColor) !important;
    }


    [b-pse74gz9xj] .mud-button-filled:hover, .mud-button-filled:focus-visible[b-pse74gz9xj] {
        background: #3e93cf !important;
    }

    [b-pse74gz9xj] .mud-button-filled {
        font-size: 13px !important;
    }

    [b-pse74gz9xj] .mud-button-group-filled.mud-button-group-override-styles.mud-button-group-filled-primary .mud-button-root {
        color: white !important;
        background-color: var(--primaryColor) !important;
        width: 48% !important;
        border-radius: 0px;
        padding: 8px 8px !important;
    }


    [b-pse74gz9xj] .mud-button-label {
        font-size: 12px !important;
        padding: 1px 1px !important;
        font-family: Montserrat !important;
        text-transform: none !important;
    }
/* /Pages/Quotation/QuotationNavMenu.razor.rz.scp.css */
.sub-menu[b-irf6mh72m9] {
    background: #333333;
    color: white;
    margin-top: 0;
    height: 98vh !important;
    border-radius: 5px;
    box-shadow: 0px 4px 8px rgba(0,0,0,0.3);
    margin: 7.5px 0 10px 7.5px;
}

.title[b-irf6mh72m9] {
    font-size: 18px;
    color: white !important;
    padding-top: 20px;
    padding-bottom: 5px;
    text-align: start;
    font-weight: 600;
}

.WhiteSeparator[b-irf6mh72m9] {
    border-bottom: 0.1px solid white;
    margin-bottom: 10px;
    width: 80%;
}


.InfoNumContainer[b-irf6mh72m9] {
  display: flex;

}

.SummaryHeader[b-irf6mh72m9] {
    font-size: 16px;
    color: white !important;
    font-weight: 500;
    text-align: center;
    margin-bottom: 5px;
}

.SummarySpan[b-irf6mh72m9] {
    display: inline-block; 
    background-color: #565656;
    border-radius: 5px;
    padding: 3px 16px;
    width: 140px;
    font-size: 16px;
    border: 0.5px solid white;
    font-weight: 700;
    margin-top: -10px !important;
    text-align: center;
}


.IsBoundTrue[b-irf6mh72m9] {
    padding: 12px 20px;
}

.IsBoundFalse[b-irf6mh72m9], .IsBound[b-irf6mh72m9] {
    padding: 20px 20px;
}

.ValidationParentDiv[b-irf6mh72m9] {
    margin: 7px 10px !important;
}

.LoadingIndicator[b-irf6mh72m9] {
    width: 15px !important;
    margin-right: 10px;
}

.LoadingIndicatorLeft[b-irf6mh72m9] {
    width: 15px !important;
    margin-left: 8px;
}

.ButtonMenu[b-irf6mh72m9] {
    display: flex;
    flex-direction: column;
    width: 98%;
    justify-content: center !important;
    position: absolute;
    bottom: 20px;
}

.ScrollerDiv[b-irf6mh72m9] {
    height: 900px !important;
    overflow-y: auto;
    width: 100%;
}

.RedBanner[b-irf6mh72m9] {
    background: var(--red);
    border-start-start-radius: 3px;
    border-start-end-radius: 3px;
}

.ValidationText[b-irf6mh72m9] {
    margin-left: 5px;
    font-weight: 300;
    padding: 5px;
    color: white !important;
    font-size: 13px;
    margin-bottom: 3px;
}

.ValidationContainer[b-irf6mh72m9] {
    padding: 0px;
    border: 1px var(--lightGray) solid;
    border-top: none !important;
    transition: background-color 0.1s;
}

    .ValidationContainer:hover[b-irf6mh72m9] {
        background: rgb(30, 27, 24);
        cursor: pointer;
        border-top: 1px black solid;
        border-bottom: 1px black solid;
    }

        .ValidationContainer:hover .ValidationText[b-irf6mh72m9] {
            color: white !important;
            font-weight: 600;
        }

.IconCircle[b-irf6mh72m9] {
    border-radius: 25px;
    width: 23px;
    height: 23px;
    background-color: #333333;
    border: 2px white solid;
    margin-left: 10px;
}

.icon[b-irf6mh72m9] {
    font-size: 14px;
    color: white !important;
}

.TextHeader[b-irf6mh72m9] {
    padding: 5px;
    font-size: 13px;
    font-weight: 700;
    margin-top: 8px;
    margin-bottom: 7px;
}

.ReminderText[b-irf6mh72m9] {
    margin-left: 10px;
    margin-top: 2px;
    margin-bottom: 5px;
    font-size: 13px;
    padding: 5px;
}

.ReminderContainer[b-irf6mh72m9] {
    border-top: 0.5px black solid;
    border-bottom: 0.5px black solid;
    height: 35px;
}

.btn[b-irf6mh72m9] {
    font-size: 13px;
}

.btn-brokerManagement-clear[b-irf6mh72m9] {
    border: 1px solid var(--primaryColor);
    color: var(--primaryColor);
    transition-duration: 400ms;
}

    .btn-brokerManagement-clear:hover[b-irf6mh72m9] {
        cursor: pointer;
        opacity: 0.8;
        transition-duration: 400ms;
    }

    .btn-brokerManagement-clear:disabled[b-irf6mh72m9] {
        opacity: 0.7;
    }



.BoundBanner[b-irf6mh72m9] {
    display: flex;
    flex-direction: column;
    background: var(--green);
    padding: 2px 5px;
    border: 0.5px solid white;
}



/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------- RESPONSIVENESS -------------------------------------------------------- */
/* -------------- PLEASE MATCH YOUR CSS ACCORDING TO THE VIEWPORT DO NOT CREATE ANOTHER TO AVOID CONFLICT RESPONSIVENESS ---------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------- SMALL PHONE VIEWPORT ------------------------------------------------------ */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
@media only screen and (max-width:576px) {
    .sub-menu[b-irf6mh72m9] {
        margin: 20px 10px 40px 10px;
        padding-bottom: 10px;
        height: auto !important;
    }

    .ScrollerDiv[b-irf6mh72m9] {
        max-height: 200px !important;
        overflow-y: auto;
        width: 100%;
    }

    .ButtonMenu[b-irf6mh72m9] {
        position: inherit;
    }
}


/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------- BIGGER PHONE VIEWPORT ----------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */


@media (min-width: 576px) and (max-width: 767.98px) {

    .sub-menu[b-irf6mh72m9] {
        margin: 20px 10px 40px 10px;
        padding-bottom: 10px;
        height: auto !important;
    }

    .ScrollerDiv[b-irf6mh72m9] {
        max-height: 250px !important;
        overflow-y: auto;
        width: 100%;
    }

    .ButtonMenu[b-irf6mh72m9] {
        position: inherit;
    }
}

/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------- TABLET VIEWPORT -------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */


@media (min-width: 768px) and (max-width: 991px) {
    .sub-menu[b-irf6mh72m9] {
        margin: 20px 10px 40px 10px;
        padding-bottom: 10px;
        height: auto !important;
    }

    .ScrollerDiv[b-irf6mh72m9] {
        max-height: 250px !important;
        overflow-y: auto;
        width: 100%;
    }

    .ButtonMenu[b-irf6mh72m9] {
        position: inherit;
    }
}


/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------- LAPTOP AND SMALLER DESKTOP  ------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */

@media (min-width:992px) and (max-width: 1199px) {

    .sub-menu[b-irf6mh72m9] {
        margin: 20px 10px 40px 10px;
        padding-bottom: 10px;
        height: auto !important;
    }

    .ScrollerDiv[b-irf6mh72m9] {
        max-height: 250px !important;
        overflow-y: auto;
        width: 100%;
    }

    .ButtonMenu[b-irf6mh72m9] {
        position: inherit;

    }
}

/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------  DESKTOP  ------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */


@media (min-width: 1200px) and (max-width: 1499px) {
}

/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------- ULTRAWIDE DESKTOP ------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */

@media (min-width: 1500px) {
}



/* ------------------------------------------------------ Mud Blazor Override -------------------------------------------------------*/

[b-irf6mh72m9] .mud-button-group-filled.mud-button-group-override-styles.mud-button-group-filled-primary .mud-button-root {
    color: white !important;
    background-color: var(--primaryColor) !important;
    width: 48% !important;
    border-radius: 0px;
    padding: 8px 8px !important;
}


[b-irf6mh72m9] .mud-button-group-horizontal:not(.mud-button-group-rtl) > .mud-button-root:not(:last-child), .mud-button-group-horizontal:not(.mud-button-group-rtl) > :not(:last-child) .mud-button-root[b-irf6mh72m9] {
    border-start-start-radius: 5px;
    border-end-start-radius: 5px;
}

[b-irf6mh72m9] .mud-button-group-horizontal:not(.mud-button-group-rtl) > .mud-button-root:not(:first-child), .mud-button-group-horizontal:not(.mud-button-group-rtl) > :not(:first-child) .mud-button-root[b-irf6mh72m9] {
    border-start-end-radius: 5px;
    border-end-end-radius: 5px;
}
/* /Pages/Quotation/QuotationNotes.razor.rz.scp.css */
tr[b-hghq8gtmh6] {
    font-size: 13px;
    font-weight: 600;
}

.separator[b-hghq8gtmh6] {
    margin: 15px 0px;
    border-top: 0.1px solid #b8e2ff;
}

.ItemCol[b-hghq8gtmh6] {
    min-width: 50px;
    max-width: 100px;
    font-weight: 600;
}

.NotesCol[b-hghq8gtmh6] {
    min-width: 500px;
    max-width: 600px;
}

.btn-brokerManagement[b-hghq8gtmh6] {
    margin-left: 5px;
    padding: 5px 10px;
}

.ActionCol[b-hghq8gtmh6] {
    min-width: 50px;
    max-width: 75px;
}

.btn-delete.disabled[b-hghq8gtmh6], .btn-delete:disabled[b-hghq8gtmh6] {
    cursor: not-allowed !important;
    pointer-events: all;
}

.btn-delete.disabled[b-hghq8gtmh6], .btn-delete:disabled[b-hghq8gtmh6] {
    cursor: not-allowed !important;
    pointer-events: all;
}

.btn-dark[b-hghq8gtmh6] {
    padding: 5px 10px;
    font-size: 13px;
}

    .btn-dark.disabled[b-hghq8gtmh6], .btn-dark:disabled[b-hghq8gtmh6] {
        cursor: not-allowed;
    }

    .btn-dark:hover[b-hghq8gtmh6] {
        color: white;
        background: var(--gray);
    }
/* /Pages/Quotation/QuotationPremiumTaxSummary.razor.rz.scp.css */
.TableFooter[b-ichkcn96dc] {
    border-left: 0.5px solid var(--primaryColor);
    border-right: 0.5px solid var(--primaryColor);
    border-bottom: 0.5px solid var(--primaryColor);
}


.FooterText[b-ichkcn96dc] {
    font-size: 13px;
    font-weight: 600;
}

.DescriptionColumn[b-ichkcn96dc] {
    text-align: left;
    padding-left: 50px !important;
}

.TTotalColumn[b-ichkcn96dc], .NTTotalColumn[b-ichkcn96dc] {
    min-width: 100px;
    max-width: 150px;
}

.TTotalColumn[b-ichkcn96dc] {
    padding-right: 100px !important;
}

tr[b-ichkcn96dc] {
    font-weight: 600;
    font-size: 13px;
} 
/* /Pages/Quotation/QuotationTaxFees.razor.rz.scp.css */
tr[b-u5bqxd0598] {
    font-size: 13px;
    font-weight: 600;
}

table[b-u5bqxd0598] {
    z-index: 1;
}

.AutoSearchTaxes[b-u5bqxd0598] {
    display: flex;
    width: 100%;
}

.DescriptionCol[b-u5bqxd0598] {
    min-width: 160px;
    max-width: 190px;
}

.ValueCol[b-u5bqxd0598] {
    min-width: 150px;
    max-width: 160px;
}

.OverrideCol[b-u5bqxd0598] {
    min-width: 100px;
    max-width: 120px;
}

.MinEarnedCol[b-u5bqxd0598] {
    min-width: 100px;
    max-width: 120px;
}

.ActionCol[b-u5bqxd0598] {
    min-width: 50px;
    max-width: 60px;
}

.table-blue-border tr:nth-child(even) td[b-u5bqxd0598] {
    background: white !important;
}

.table-blue-border td[b-u5bqxd0598] {
    padding: 8px 8px !important;
}

[b-u5bqxd0598] input.mud-input-slot.mud-input-root.mud-input-root-outlined.mud-input-root-margin-dense {
    padding: 8px 6px !important;
}
/* /Pages/Quotation/SubmissionInformation.razor.rz.scp.css */

.SubmissionInfoContainer[b-ag5cyrnq1h] {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%;
    position: relative;
}

.SubmissionItem[b-ag5cyrnq1h] {
    width: calc(25% - 10px);
    background: #FCFDFF;
    border: 0.1px solid #EFEFEF;
    border-radius: 3px;
    color: #2c2c2c;
    padding: 8px 15px;
    box-sizing: border-box;
    flex: 1 1 auto;
    font-size: 1.2em;
    position: relative;
}

    .SubmissionItem:nth-child(2)[b-ag5cyrnq1h], .SubmissionItem:nth-child(3)[b-ag5cyrnq1h], .SubmissionItem:nth-child(5)[b-ag5cyrnq1h] {
        width: auto;
        min-width: 40%;
    }

    .SubmissionItem:nth-child(9)[b-ag5cyrnq1h], .SubmissionItem:nth-child(10)[b-ag5cyrnq1h] {
        width: auto;
        min-width: 40%;
    }

    .SubmissionItem:nth-child(8)[b-ag5cyrnq1h] {
        width: 200px;
    }

    .SubmissionItem:nth-child(1)[b-ag5cyrnq1h], .SubmissionItem:nth-child(4)[b-ag5cyrnq1h] {
        width: 160px;
    }


    .SubmissionItem:nth-child(6)[b-ag5cyrnq1h], .SubmissionItem:nth-child(7)[b-ag5cyrnq1h] {
        width: auto;
        min-width: 20%;
    }



    .SubmissionItem:hover[b-ag5cyrnq1h] {
        cursor: pointer;
        background: #f2f2f2;
    }

        .SubmissionItem:hover .tooltip-text[b-ag5cyrnq1h] {
            visibility: visible;
            opacity: 1;
        }


.SubmissionInfo[b-ag5cyrnq1h] {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin-top: 5px;
    font-weight: 500;
}

/* Tooltip */

.tooltip-text[b-ag5cyrnq1h] {
    visibility: hidden;
    width: auto;
    text-align: center;
    border-radius: 6px;
    padding: 5px;
    position: absolute;
    z-index: 99;
    left: 70px;
    margin-left: -60px;
    opacity: 0;
    top: 70px;
    min-height: 30px;
    transition: opacity 0.2s;
    background-color: #333;
    color: #fff;
    text-align: center;
}



@media (min-width:992px) and (max-width:1200px) {
    .SubmissionItem[b-ag5cyrnq1h] {
        width: calc(40% - 10px);
    }
}

@media (min-width:768px) and (max-width: 991px) {
    .SubmissionItem[b-ag5cyrnq1h] {
        width: calc(50% - 10px);
    }
}

@media screen and (max-width: 767px) {
    .SubmissionItem[b-ag5cyrnq1h] {
        width: calc(100% - 10px);
    }
}

.SubmissionTitle[b-ag5cyrnq1h] {
    font-weight: 700;
    margin-right: 5px;
}


.HeaderCaption[b-ag5cyrnq1h] {
    margin-top: -111px;
    margin-left: 380px;
}




@media only screen and (max-width: 1199px) {
    .QuotationInformationDiv[b-ag5cyrnq1h] {
        margin-left: 10px !important;
    }
}

/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------- SMALL PHONE VIEWPORT ------------------------------------------------------ */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */

@media only screen and (max-width:576px) {

    .LayoutBackground[b-ag5cyrnq1h] {
        margin-top: 30px;
        margin-left: 10px;
    }

    .HeaderCaption[b-ag5cyrnq1h] {
        margin-top: -4px;
        margin-left: 0px;
    }
}


/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------- BIGGER PHONE VIEWPORT ----------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */


@media (min-width: 576px) and (max-width: 767.98px) {

    .LayoutBackground[b-ag5cyrnq1h] {
        margin-top: 30px;
        margin-left: 10px;
    }

    .HeaderCaption[b-ag5cyrnq1h] {
        margin-top: -5px;
        margin-left: 0px;
    }
}

/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------- TABLET VIEWPORT -------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */


@media (min-width: 768px) and (max-width: 991.98px) {

    .LayoutBackground[b-ag5cyrnq1h] {
        margin-top: 10px;
        margin-left: 10px;
    }

    .HeaderCaption[b-ag5cyrnq1h] {
        margin-top: -25px;
        margin-left: 30px;
    }
}


/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------- LAPTOP AND SMALLER DESKTOP  ------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */

@media screen and (min-width:992px) and (max-width: 1199px) {

    .HeaderCaption[b-ag5cyrnq1h] {
        margin-top: -33px;
        margin-left: 300px;
    }

    .LayoutBackground[b-ag5cyrnq1h] {
        margin-left: 10px;
        margin-top: 10px;
    }
}
/* /Pages/QuoteToBindStatement/AutoSearchAgencyName.razor.rz.scp.css */
.form-control[b-g5443cx4xt] {
    border-top-right-radius: 5px !important;
    border-bottom-right-radius: 5px !important;
}

.bolder[b-g5443cx4xt] {
    font-weight: 500;
}

.autocomplete[b-g5443cx4xt] {
    position: relative;
}

    .autocomplete .options[b-g5443cx4xt] {
        position: absolute;
        top: 40px;
        left: 0;
        background: white;
        width: 100%;
        padding: 0;
        z-index: 10;
        border: 1px solid #ced4da;
        box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.1);
    }

    .autocomplete .option[b-g5443cx4xt] {
        display: block;
        padding: 0.25rem;
    }

        .autocomplete .option .option-text[b-g5443cx4xt] {
            padding: 0.25rem 0.5rem;
        }

        .autocomplete .option:hover[b-g5443cx4xt] {
            background: var(--primaryColor);
            color: #fff;
            cursor: pointer
        }

        .autocomplete .option.disabled[b-g5443cx4xt] {
            padding: 0.50rem;
            background-color: var(--red);
            cursor: not-allowed;
            color: #fff;
        }
/* /Pages/QuoteToBindStatement/MainQuoteToBindStatement.razor.rz.scp.css */
.MainAgencyNameInfo[b-xl7try56qu] {
    margin: -10px 0px 16px 0px;
}

.sidebar[b-xl7try56qu] {
    width: 350px !important;
}

.AgencyNameNavMenu[b-xl7try56qu] {
    position: fixed;
    margin-top: -52px;
}

.LayoutBackground[b-xl7try56qu] {
    margin: 60px 0 0 360px;
    box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
}

.btn[b-xl7try56qu] {
    margin: 20px 0px;
    padding: 6px 13px;
    font-size: 13px;
}

.btn-brokerManagement-clear[b-xl7try56qu] {
    border: 1px solid var(--primaryColor);
    color: var(--primaryColor);
    transition-duration: 400ms;
}

    .btn-brokerManagement-clear:hover[b-xl7try56qu] {
        cursor: pointer;
        opacity: 0.8;
        transition-duration: 400ms;
    }

    .btn-brokerManagement-clear:disabled[b-xl7try56qu] {
        opacity: 0.7;
    }






/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------- RESPONSIVENESS -------------------------------------------------------- */
/* -------------- PLEASE MATCH YOUR CSS ACCORDING TO THE VIEWPORT DO NOT CREATE ANOTHER TO AVOID CONFLICT RESPONSIVENESS ---------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */


@media only screen and (max-width: 991px) {

    .NavigationBar[b-xl7try56qu] {
        text-align: start;
        padding: 10px;
    }

    .Navigator[b-xl7try56qu] {
        display: none;
    }
}

@media only screen and (max-width: 1199px) {

    .MainAgencyNameInfo[b-xl7try56qu] {
        display: flex;
        flex-direction: column !important;
    }

    .AgencyNameNavMenu[b-xl7try56qu] {
        position: initial;
        margin-top: 0px;
    }

    .sidebar[b-xl7try56qu] {
        width: 100% !important;
        height: 50% !important;
    }

    .LayoutBackground[b-xl7try56qu] {
        margin-left: 10px;
    }
}

/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------- SMALL PHONE VIEWPORT ------------------------------------------------------ */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */

@media only screen and (max-width:576px) {
}


/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------- BIGGER PHONE VIEWPORT ----------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */


@media (min-width: 576px) and (max-width: 767.98px) {
}

/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------- TABLET VIEWPORT -------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */


@media (min-width: 768px) and (max-width: 991.98px) {

    .LayoutBackground[b-xl7try56qu] {
        margin-left: 10px;
    }
}


/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------- LAPTOP AND SMALLER DESKTOP  ------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */

@media screen and (min-width:992px) and (max-width: 1199px) {
}

/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------  DESKTOP  ------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */


@media (min-width: 1200px) and (max-width: 1499px) {
}

/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------- ULTRAWIDE DESKTOP ------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */

@media (min-width: 1500px) {
}
/* /Pages/QuoteToBindStatement/QuoteToBindStatementInfo.razor.rz.scp.css */

.BrokerGroupName[b-ei45lcxebo], .CityBranch[b-ei45lcxebo] {
    width: 98%;
}

.BrokerGroupName[b-ei45lcxebo], .CityBranch[b-ei45lcxebo] {
    display: flex;
}


.SearchLabel[b-ei45lcxebo] {
    margin: 0px 0px 10px 0px !important;
}



/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------- SMALL PHONE VIEWPORT ------------------------------------------------------ */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
@media only screen and (max-width:576px) {

    .BrokerGroupName[b-ei45lcxebo], .CityBranch[b-ei45lcxebo]{
        flex-direction: column;
        width: 100%;
    }

}


/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------- BIGGER PHONE VIEWPORT ----------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */


@media (min-width: 576px) and (max-width: 767.98px) {

    .BrokerGroupName[b-ei45lcxebo] {
        flex-direction: column;
        width: 100%;
    }

    .BrokerGroupName[b-ei45lcxebo], .CityBranch[b-ei45lcxebo]{
        flex-direction: column;
        width: 100%;
    }
}
/* /Pages/QuoteToBindStatement/QuoteToBindStatementNavMenu.razor.rz.scp.css */
.sub-menu[b-7c59mfq17z] {
    background: #333333;
    color: white;
    height: 98vh !important;
    border-radius: 3px;
    box-shadow: 0px 4px 2px rgba(0,0,0,0.3);
    margin: 7.5px 0 10px 7.5px;
}

.title[b-7c59mfq17z] {
    font-size: 16px;
    color: white !important;
    padding: 20px 0px 10px 0px !important;
    text-align: start;
    font-weight: 600;
}

.ButtonGroupDiv[b-7c59mfq17z] {
    display: flex;
    flex-direction: column;
    width: 100%;
    justify-content: center !important;
    position: absolute;
    bottom: 40px;
    padding-right: 7.5px;
}

.LoadingIndicator[b-7c59mfq17z] {
    width: 15px !important;
    margin-left: 10px;
}

.ScrollerDiv[b-7c59mfq17z] {
    height: 900px !important;
    overflow-y: auto;
    width: 100%;
}

.WhiteSeparator[b-7c59mfq17z] {
    border-bottom: 0.1px solid white;
    margin-bottom: 10px;
    width: 80%;
}

.SummaryDiv[b-7c59mfq17z] {
    justify-content: center;
    text-align: center;
    margin: 0px 5px;
}

.SummaryHeader[b-7c59mfq17z] {
    font-size: 15px;
    color: white !important;
    font-weight: 500;
    text-align: center;
    margin-bottom: 15px;
}

.SummarySpan[b-7c59mfq17z] {
    background-color: #565656;
    border-radius: 5px;
    padding: 3px 16px;
    font-size: 14px;
    border: 0.5px solid white;
    font-weight: 400;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
    max-width: 320px; /* Adjust the width according to your design */
}

.InfoNumContainer[b-7c59mfq17z] {
    justify-content: center;
}


.RedBanner[b-7c59mfq17z] {
    background: var(--red);
    border-start-start-radius: 3px;
    border-start-end-radius: 3px;
}

.ValidationText[b-7c59mfq17z] {
    margin-left: 5px;
    font-weight: 300;
    padding: 5px;
    color: white !important;
    font-size: 13px;
    margin-bottom: 3px;
}

.ValidationParentDiv[b-7c59mfq17z] {
    margin: 10px 10px 0px 10px !important;
}

.ValidationContainer[b-7c59mfq17z] {
    padding: 0px;
    border: 1px var(--lightGray) solid;
    border-top: none !important;
    transition: background-color 0.1s;
}

    .ValidationContainer:hover[b-7c59mfq17z] {
        background: rgb(30, 27, 24);
        cursor: pointer;
        border-top: 1px black solid;
        border-bottom: 1px black solid;
    }

        .ValidationContainer:hover .ValidationText[b-7c59mfq17z] {
            color: white !important;
            font-weight: 600
        }

.IconCircle[b-7c59mfq17z] {
    border-radius: 25px;
    width: 23px;
    height: 23px;
    background-color: #333333;
    border: 2px white solid;
    margin-left: 10px;
}

.icon[b-7c59mfq17z] {
    font-size: 14px;
    color: white !important;
}

.TextHeader[b-7c59mfq17z] {
    padding: 5px;
    font-size: 13px;
    font-weight: 700;
    margin-top: 8px;
    margin-bottom: 7px;
}

.ReminderText[b-7c59mfq17z] {
    margin-left: 10px;
    margin-top: 2px;
    margin-bottom: 5px;
    font-size: 13px;
    padding: 5px;
}

.ReminderContainer[b-7c59mfq17z] {
    border-top: 0.5px black solid;
    border-bottom: 0.5px black solid;
    height: 35px;
}





/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------- RESPONSIVENESS -------------------------------------------------------- */
/* -------------- PLEASE MATCH YOUR CSS ACCORDING TO THE VIEWPORT DO NOT CREATE ANOTHER TO AVOID CONFLICT RESPONSIVENESS ---------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */





/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------- SMALL PHONE VIEWPORT ------------------------------------------------------ */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */

@media only screen and (max-width:576px) {
    .sub-menu[b-7c59mfq17z] {
        margin: 20px 10px 40px 10px;
        padding-bottom: 10px;
        height: auto !important;
    }

    .ScrollerDiv[b-7c59mfq17z] {
        max-height: 200px !important;
        overflow-y: auto;
        width: 100%;
    }

    .ButtonGroupDiv[b-7c59mfq17z] {
        position: inherit;
    }
}


/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------- BIGGER PHONE VIEWPORT ----------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */


@media (min-width: 576px) and (max-width: 767.98px) {

    .sub-menu[b-7c59mfq17z] {
        margin: 20px 10px 40px 10px;
        padding-bottom: 10px;
        height: auto !important;
    }

    .ScrollerDiv[b-7c59mfq17z] {
        max-height: 250px !important;
        overflow-y: auto;
        width: 100%;
    }

    .ButtonGroupDiv[b-7c59mfq17z] {
        position: inherit;
    }
}

/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------- TABLET VIEWPORT -------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */


@media (min-width: 768px) and (max-width: 991px) {
    .sub-menu[b-7c59mfq17z] {
        margin: 20px 10px 40px 10px;
        padding-bottom: 10px;
        height: auto !important;
    }

    .ScrollerDiv[b-7c59mfq17z] {
        max-height: 250px !important;
        overflow-y: auto;
        width: 100%;
    }

    .ButtonGroupDiv[b-7c59mfq17z] {
        position: inherit;
    }
}


/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------- LAPTOP AND SMALLER DESKTOP  ------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */

@media (min-width:992px) and (max-width: 1199px) {

    .sub-menu[b-7c59mfq17z] {
        margin: 7px 10px 0px 10px;
        padding-bottom: 10px;
        height: auto !important;
    }

    .ScrollerDiv[b-7c59mfq17z] {
        max-height: 250px !important;
        overflow-y: auto;
        width: 100%;
    }

    .ButtonGroupDiv[b-7c59mfq17z] {
        position: inherit;
    }
}

/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------  DESKTOP  ------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */


@media (min-width: 1200px) and (max-width: 1499px) {
}

/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------- ULTRAWIDE DESKTOP ------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */

@media (min-width: 1500px) {
}


/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------- MUDBLAZOR OVERRIDE ------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */

[b-7c59mfq17z] .mud-button-group-filled.mud-button-group-override-styles.mud-button-group-filled-primary .mud-button-root {
    color: white !important;
    background-color: var(--primaryColor) !important;
    width: 48% !important;
    border-radius: 0px;
    padding: 8px 8px !important;
}


[b-7c59mfq17z] .mud-button-group-horizontal:not(.mud-button-group-rtl) > .mud-button-root:not(:last-child), .mud-button-group-horizontal:not(.mud-button-group-rtl) > :not(:last-child) .mud-button-root[b-7c59mfq17z] {
    border-start-start-radius: 5px;
    border-end-start-radius: 5px;
}

[b-7c59mfq17z] .mud-button-group-horizontal:not(.mud-button-group-rtl) > .mud-button-root:not(:first-child), .mud-button-group-horizontal:not(.mud-button-group-rtl) > :not(:first-child) .mud-button-root[b-7c59mfq17z] {
    border-start-end-radius: 5px;
    border-end-end-radius: 5px;
}


[b-7c59mfq17z] .mud-button-root:disabled {
    background: #949494 !important;
    color: white !important;
}
/* /Pages/Register.razor.rz.scp.css */

.page-container[b-w9u4m1i96p] {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100vh;
    animation: moveUp-b-w9u4m1i96p 0.75s forwards;
    font-size: 13px !important;
}

.image[b-w9u4m1i96p] {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    object-fit: cover;
    transition: opacity 5s ease-in-out;
}

    .image.active[b-w9u4m1i96p] {
        opacity: 1;
    }


.LayoutBackground[b-w9u4m1i96p] {
    padding: 30px 60px !important;
    border-radius: 10px;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
}

.form-container[b-w9u4m1i96p] {
    width: 350px;
}

.form-header[b-w9u4m1i96p] {
    text-align: center
}

.broker-management-icon[b-w9u4m1i96p] {
    width: 200px;
    margin-bottom: 20px;
}

.caption[b-w9u4m1i96p] {
    font-size: 25px;
    font-weight: 700;
}

.sub-caption[b-w9u4m1i96p] {
    margin-top: -5px;
    margin-bottom: 20px;
    font-weight: 500;
    color: grey
}


label[b-w9u4m1i96p] {
    margin-top: 15px;
    margin-bottom: 8px;
    font-weight: 600;
}

.btn-brokerManagement[b-w9u4m1i96p], .btn-secondary[b-w9u4m1i96p] {
    padding: 0.5rem 2rem !important;
    outline: none !important;
    margin: 0rem 1rem;
}

.show-password[b-w9u4m1i96p] {
    color: var(--primaryColor);
    font-weight: 500;
    text-align: center;
}

    .show-password:hover[b-w9u4m1i96p] {
        cursor: pointer;
    }


.btn-group[b-w9u4m1i96p] {
    width: 100%;
    display: flex;
    margin-top: 3rem;
    justify-content: center;
    outline: none;
}


.LoadingIndicator[b-w9u4m1i96p] {
    margin-left: 5px;
    width: 20px;
}

/* Validation */

.invalid-email input[b-w9u4m1i96p] {
    border-color: red;
}

.alert[b-w9u4m1i96p] {
    margin: 1.2rem 0rem -1.6rem 0rem;
    padding: 5px !important;
}

.alert-danger[b-w9u4m1i96p], .alert-success[b-w9u4m1i96p] {
    display: flex !important;
    text-align: start !important;
    justify-content: start !important;
}

p[b-w9u4m1i96p] {
    margin: 0.5rem 0rem;
}



/* Extra small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) {
    .LayoutBackground[b-w9u4m1i96p] {
        margin: 0px 2rem !important;
    }
}

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) and (max-width: 767.98px) {
    .LayoutBackground[b-w9u4m1i96p] {
        margin: 0px 3rem !important;
    }
}

@keyframes moveUp-b-w9u4m1i96p {
    from {
        transform: translateY(100px);
    }

    to {
        transform: translateY(0);
    }
}
/* /Pages/SharedModal/Confirm.razor.rz.scp.css */
.TitleMessage[b-ml74b6eclg] {
    font-weight: 500;
    font-size: 15px;
}

.SubMessage[b-ml74b6eclg] {
    font-size: 14px;
    margin: 10px 0px;
}


.btn-delete-clear[b-ml74b6eclg] {
    background: white;
    border: 1px solid var(--red);
    color: var(--red);
}


.btn-brokerManagement-clear[b-ml74b6eclg] {
    border: 1px solid var(--primaryColor);
    color: var(--primaryColor);
    transition-duration: 400ms;
}

    .btn-brokerManagement-clear:hover[b-ml74b6eclg] {
        cursor: pointer;
        opacity: 0.8;
        transition-duration: 400ms;
    }

    .btn-brokerManagement-clear:disabled[b-ml74b6eclg] {
        opacity: 0.9;
    }
/* /Pages/SharedModal/Confirmation.razor.rz.scp.css */
.TitleMessage[b-9c4q0ftyvs] {
    font-weight: 500;
    font-size: 15px;
}

.SubMessage[b-9c4q0ftyvs] {
    font-size: 14px;
    margin: 10px 0px;
}


.btn-delete-clear[b-9c4q0ftyvs] {
    background: white;
    border: 1px solid var(--red);
    color: var(--red);
}


.btn-brokerManagement-clear[b-9c4q0ftyvs] {
    border: 1px solid var(--primaryColor);
    color: var(--primaryColor);
    transition-duration: 400ms;
}

    .btn-brokerManagement-clear:hover[b-9c4q0ftyvs] {
        cursor: pointer;
        opacity: 0.8;
        transition-duration: 400ms;
    }

    .btn-brokerManagement-clear:disabled[b-9c4q0ftyvs] {
        opacity: 0.9;
    }
/* /Pages/SharedModal/ErrorsNavigator.razor.rz.scp.css */
.TitleMessage[b-vvxwjjt0rl] {
    font-weight: 500;
    font-size: 15px;
}


.alert[b-vvxwjjt0rl] {
    margin: 1rem 0rem;
    padding: 20px 5px 0px 5px !important;
    display: flex !important;
    text-align: start !important;
    justify-content: start !important;
}

p[b-vvxwjjt0rl] {
    padding: 8px 0px;
    margin: -25px 0px 0px 0px;
    font-size: 14px;
    font-weight: 700;
}

li[b-vvxwjjt0rl] {
    font-size: 13px;
    font-weight: 500;
    text-indent: 10px;
}

.navigator[b-vvxwjjt0rl] {
    margin-top: 4px;
}

.navigator:hover[b-vvxwjjt0rl] {
    font-weight: 800;
    cursor: pointer;
}

.ErrorMessage[b-vvxwjjt0rl] {
    margin-top: -10px !important;
}
/* /Pages/SharedModal/Loading.razor.rz.scp.css */
.LongClass[b-k0xlybcny9] {
    line-height: 1.7;
}

.isLongClassImg[b-k0xlybcny9] {
    width: 30%;
}
/* /Pages/SharedModal/Message.razor.rz.scp.css */
.TitleMessage[b-kf9lez1skz] {
    font-weight: 500;
    font-size: 15px;
}

.alert[b-kf9lez1skz] {
    margin: 1rem 0rem;
    padding: 20px 5px 0px 5px !important;
    display: flex !important;
    text-align: start !important;
    justify-content: start !important;
}

p[b-kf9lez1skz] {
    padding: 8px;
    margin: -25px 0px 0px 0px;
    font-size: 14px;
    font-weight:700;
}

li[b-kf9lez1skz] {
    font-size: 13px;
    font-weight: 500;
    margin-top: 4px;
    text-indent: 10px;
}
/* /Pages/Submission/AutoSearchBroker.razor.rz.scp.css */
.form-control[b-exmped1y2s] {
    border-top-right-radius: 5px !important;
    border-bottom-right-radius: 5px !important;
}

.autocomplete[b-exmped1y2s] {
    position: relative;
}

    .autocomplete .options[b-exmped1y2s] {
        position: absolute;
        top: 40px;
        left: 0;
        background: white;
        width: 100%;
        height: auto;
        max-height:300px;
        overflow-y: auto;
        padding: 0;
        z-index: 10;
        border: 1px solid #ced4da;
        box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.1);
    }

    .autocomplete .option[b-exmped1y2s] {
        display: block;
        padding: 0.25rem;
    }

        .autocomplete .option .option-text[b-exmped1y2s] {
            padding: 0.25rem 0.5rem;
        }

        .autocomplete .option:hover[b-exmped1y2s] {
            background: var(--primaryColor);
            color: #fff;
            cursor: pointer
        }

        .autocomplete .option.disabled[b-exmped1y2s] {
            padding: 0.50rem;
            background-color: var(--red);
            cursor: not-allowed;
            color: #fff;
        }
/* /Pages/Submission/AutoSearchInsuredInfo.razor.rz.scp.css */
.form-control[b-e8dzgv0gdm] {
    border-top-right-radius: 5px !important;
    border-bottom-right-radius: 5px !important;
    width: 100% !important;
    width: 100% !important;
}

.AutoSearchBroker[b-e8dzgv0gdm] {
    width: 100% !important;
    border-radius: 5px !important;
    margin-left: 0px !important;
}

.InsuredInformationSelect[b-e8dzgv0gdm] {
    width: 400px !important;
}

.autocomplete[b-e8dzgv0gdm] {
    position: relative;
}

    .autocomplete .options[b-e8dzgv0gdm] {
        position: absolute;
        top: 40px;
        left: 0;
        background: white;
        width: 100%;
        height: auto;
        max-height: 300px;
        overflow-y: auto;
        padding: 0;
        z-index: 10;
        border: 1px solid #ced4da;
        box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.1);
    }

    .autocomplete .option[b-e8dzgv0gdm] {
        display: block;
        padding: 0.25rem;
    }

        .autocomplete .option .option-text[b-e8dzgv0gdm] {
            padding: 0.25rem 0.5rem;
        }

        .autocomplete .option:hover[b-e8dzgv0gdm] {
            background: var(--primaryColor);
            color: #fff;
            cursor: pointer
        }

        .autocomplete .option.disabled[b-e8dzgv0gdm] {
            padding: 0.50rem;
            background-color: var(--red);
            cursor: not-allowed;
            color: #fff;
        }


/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------- SMALL PHONE VIEWPORT ------------------------------------------------------ */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
@media only screen and (max-width:576px) {
}


/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------- BIGGER PHONE VIEWPORT ----------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */


@media (min-width: 576px) and (max-width: 767.98px) {
}


/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------- TABLET VIEWPORT -------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */


@media (min-width: 768px) and (max-width: 991.98px) {

    .form-control[b-e8dzgv0gdm] {
        width: 100% !important;
    }
}


/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------- LAPTOP AND SMALLER DESKTOP  ------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
@media screen and (min-width:992px) and (max-width: 1199px) {

    
}

@media (min-width:1200px) and (max-width: 1500px) {
    
}
/* /Pages/Submission/MainMultiplePremises.razor.rz.scp.css */
/* Header Information */
.title[b-q5bfqihavv] {
    margin-top: -25px;
}

.header-data[b-q5bfqihavv] {
    margin: 0px 0px 0px 15px;
}

.header-top[b-q5bfqihavv] {
    margin: 25px 0px -10px 0px;
}

.InputCheck[b-q5bfqihavv] {
    margin-top: 0px !important;
}

/* Contact Information */
.contact-information[b-q5bfqihavv] {
    margin: 25px 0px 0px 5px;
}

    .header-data[b-q5bfqihavv] {
        margin-top: 20px;
    }

.first-name[b-q5bfqihavv], .email[b-q5bfqihavv], .address[b-q5bfqihavv], .phone[b-q5bfqihavv] {
    margin-left: 0px;
    margin-right: 10px;
}

.data[b-q5bfqihavv] {
    margin-left: 10px;
    margin-top: -1px;
    font-size: 13px;
    font-weight: 500;
}

.last-name[b-q5bfqihavv], .department[b-q5bfqihavv] {
    margin-left: 20px;
    margin-right: 10px;
}

.CaptionFormGroup[b-q5bfqihavv] {
    margin-left: -10px;
}

.first-name-search[b-q5bfqihavv], .last-name-search[b-q5bfqihavv], .dept-search[b-q5bfqihavv], .title-search[b-q5bfqihavv] {
    margin: 10px;
}

.last-name-search[b-q5bfqihavv] {
    margin-top: 10px;
}

.exclude-email[b-q5bfqihavv] {
    margin-left: 20px;
    align-self: center;
    margin-top: 15px;
}

.checkbox-caption[b-q5bfqihavv] {
    margin-left: 20px;
}

.button-group[b-q5bfqihavv] {
    display: flex;
    justify-content: flex-end;
    margin: 30px 10px 0px 10px;
}

.btn-brokerManagement-clear[b-q5bfqihavv] {
    border: 1px solid var(--primaryColor);
    color: var(--primaryColor);
    transition-duration: 400ms;
    margin-right: 10px;
}

    .btn-brokerManagement-clear:hover[b-q5bfqihavv] {
        opacity: 0.8;
        transition-duration: 400ms;
    }

.BlueSeparator[b-q5bfqihavv] {
    margin-top: -4px;
}

[b-q5bfqihavv] .mud-input.mud-input-outlined:focus-within .mud-input-outlined-border {
    border-color: var(--primaryColor) !important;
}


@media only screen and (max-width: 767px) {
    .exclude-email[b-q5bfqihavv] {
        text-align: start;
    }
}


@media only screen and (max-width: 991px) {
    .header-data[b-q5bfqihavv] {
        display: flex;
        flex-direction: column;
    }
}
/* /Pages/Submission/MainSubmission.razor.rz.scp.css */
.submission-info[b-m4h1hihpo7] {
    margin-top: 20px !important;
    margin-bottom: 70px !important;
}

.btn-dark[b-m4h1hihpo7] {
    height: 30px!important;
    padding: 3px 8px!important;
}

.submission[b-m4h1hihpo7] {
    font-weight: 800;
    margin: 10px 0px 20px 0px;
    transition: color 0.2s ease;
    color: var(--primaryColor);
    font-size: 20px;
}

.Submission[b-m4h1hihpo7] {
    color: var(--orange);
}

.Submission-Button[b-m4h1hihpo7] {
    background: var(--orange);
}

.Quoted[b-m4h1hihpo7] {
    color: var(--green);
}

.Quoted-Button[b-m4h1hihpo7] {
    background: var(--green);
}

.Issued[b-m4h1hihpo7] {
    color: var(--violet);
}

.Issued-Button[b-m4h1hihpo7] {
    background: var(--violet);
}

.Renewal[b-m4h1hihpo7] {
    color: var(--lightBlue);
}

.Review-Button[b-m4h1hihpo7] {
    background: var(--lightBlue);
}

.Pended[b-m4h1hihpo7] {
    color: var(--red);
}

.Pended-Button[b-m4h1hihpo7] {
    background: var(--red);
}

.Endorsemnent[b-m4h1hihpo7] {
    color: var(--yellow);
}

.Bound-Button[b-m4h1hihpo7] {
    background: var(--yellow);
}


.btn-submission[b-m4h1hihpo7] {
    color: white;
    padding: 5px 15px;
    transition: background 0.2s ease;
}

    .btn-submission:hover[b-m4h1hihpo7] {
        background: var(--gray);
        transition: background 0.2s ease;
    }

.submission-search[b-m4h1hihpo7] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}


/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------- SMALL PHONE VIEWPORT ------------------------------------------------------ */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */

@media only screen and (max-width:576px) {

    .submission-search[b-m4h1hihpo7] {
        display: flex;
        flex-direction: column;
    }
}


/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------- BIGGER PHONE VIEWPORT ----------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */


@media (min-width: 576px) and (max-width: 767.98px) {

    .submission-search[b-m4h1hihpo7] {
        display: flex;
        flex-direction: column;
    }
}
/* /Pages/Submission/MainSubmissionInfo.razor.rz.scp.css */
.MainSubmissionInfo[b-thgjwtr191] {
    margin: -10px 0px 16px 0px;
}

.sidebar[b-thgjwtr191] {
    width: 350px !important;
}

.SubmissionNavMenu[b-thgjwtr191] {
    position: fixed;
    margin-top: -70px;
}

.LayoutBackground[b-thgjwtr191] {
    margin: 60px 0 0 365px;
    box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
}

.btn[b-thgjwtr191] {
    margin: 20px 0px;
    padding: 6px 13px;
    font-size: 13px;
}

.btn-brokerManagement-clear[b-thgjwtr191] {
    border: 1px solid var(--primaryColor);
    color: var(--primaryColor);
    transition-duration: 400ms;
}

    .btn-brokerManagement-clear:hover[b-thgjwtr191] {
        cursor: pointer;
        opacity: 0.8;
        transition-duration: 400ms;
    }

    .btn-brokerManagement-clear:disabled[b-thgjwtr191] {
        opacity: 0.7;
    }






/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------- RESPONSIVENESS -------------------------------------------------------- */
/* -------------- PLEASE MATCH YOUR CSS ACCORDING TO THE VIEWPORT DO NOT CREATE ANOTHER TO AVOID CONFLICT RESPONSIVENESS ---------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */


@media only screen and (max-width: 991px) {

    .NavigationBar[b-thgjwtr191] {
        text-align: start;
        padding: 10px;
    }

    .Navigator[b-thgjwtr191] {
        display: none;
    }
}

@media only screen and (max-width: 1199px) {

    .MainSubmissionInfo[b-thgjwtr191] {
        display: flex;
        flex-direction: column !important;
    }

    .SubmissionNavMenu[b-thgjwtr191] {
        position: initial;
        margin-top: 0px;
    }

    .sidebar[b-thgjwtr191] {
        width: 100% !important;
        height: 50% !important;
    }

    .LayoutBackground[b-thgjwtr191] {
        margin-left: 10px;
        margin-top: 60px !important;
    }
}

/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------- SMALL PHONE VIEWPORT ------------------------------------------------------ */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */

@media only screen and (max-width:576px) {
}


/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------- BIGGER PHONE VIEWPORT ----------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */


@media (min-width: 576px) and (max-width: 767.98px) {
}

/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------- TABLET VIEWPORT -------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */


@media (min-width: 768px) and (max-width: 991.98px) {

    .LayoutBackground[b-thgjwtr191] {
        margin-left: 10px;
    }
}


/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------- LAPTOP AND SMALLER DESKTOP  ------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */

@media screen and (min-width:992px) and (max-width: 1199px) {
}

/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------  DESKTOP  ------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */


@media (min-width: 1200px) and (max-width: 1499px) {
}

/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------- ULTRAWIDE DESKTOP ------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */

@media (min-width: 1500px) {
}
/* /Pages/Submission/MainSubmissionRenewal.razor.rz.scp.css */
.submission-info[b-ql12jgh66u] {
    margin-top: 20px !important;
    margin-bottom: 70px !important;
}

.btn-dark[b-ql12jgh66u] {
    height: 30px !important;
    padding: 3px 8px !important;
}

.submission[b-ql12jgh66u] {
    font-weight: 800;
    margin: 10px 0px 30px 0px;
    transition: color 0.2s ease;
    color: var(--primaryColor)
}

.Submission[b-ql12jgh66u] {
    color: var(--orange);
}

.Submission-Button[b-ql12jgh66u] {
    background: var(--orange);
}

.Quoted[b-ql12jgh66u] {
    color: var(--green);
}

.Quoted-Button[b-ql12jgh66u] {
    background: var(--green);
}

.Issued[b-ql12jgh66u] {
    color: var(--violet);
}

.Issued-Button[b-ql12jgh66u] {
    background: var(--violet);
}

.Review[b-ql12jgh66u] {
    color: var(--lightBlue);
}

.Review-Button[b-ql12jgh66u] {
    background: var(--lightBlue);
}

.Pended[b-ql12jgh66u] {
    color: var(--red);
}

.Pended-Button[b-ql12jgh66u] {
    background: var(--red);
}

.Bound[b-ql12jgh66u] {
    color: var(--yellow);
}

.Bound-Button[b-ql12jgh66u] {
    background: var(--yellow);
}


.submission-search[b-ql12jgh66u] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}


/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------- SMALL PHONE VIEWPORT ------------------------------------------------------ */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */

@media only screen and (max-width:576px) {

    .submission-search[b-ql12jgh66u] {
        display: flex;
        flex-direction: column;
    }
}


/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------- BIGGER PHONE VIEWPORT ----------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */


@media (min-width: 576px) and (max-width: 767.98px) {

    .submission-search[b-ql12jgh66u] {
        display: flex;
        flex-direction: column;
    }
}
/* /Pages/Submission/SubmissionBrokerAgent.razor.rz.scp.css */
/* Global CSS */


.HeaderCaption[b-9j13hln4kw] {
    margin-top: -103px;
    margin-left: -10px;
    font-size: 15px !important;
}

.btn-brokerManagement[b-9j13hln4kw] {
    padding: 8px 15px;
}

.separator[b-9j13hln4kw] {
    margin: 15px 0px;
    border-top: 1px solid #b8e2ff;
}

/* Component CSS */
.BrokerContacts[b-9j13hln4kw], .CityBranch[b-9j13hln4kw] {
    width: 98%;
}

.BrokerAgentSelect[b-9j13hln4kw] {
    width: 100px !important; 
}

.TeamMember[b-9j13hln4kw] {
    width: 99%;
}

.BrokerContacts[b-9j13hln4kw], .CityBranch[b-9j13hln4kw]{
    display: flex;
}

.MarketingReferralDiv[b-9j13hln4kw] {
    margin-left: 50px;
}

.SubmissionPartitionHeader[b-9j13hln4kw] {
    color: white !important;
    background: var(--gray);
    border-radius: 3px;
    padding: 5px 10px;
    border: none;
    font-size: 13px;
    font-weight: 700;
    margin-left: 5px;
    cursor: default;
}

.SearchLabel[b-9j13hln4kw] {
    margin: 0px 0px 10px 0px !important;
}

.RadioLabel[b-9j13hln4kw] {
    font-size: 13px;
    font-weight: 500;
    margin-left: -5px;
}


/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------- SMALL PHONE VIEWPORT ------------------------------------------------------ */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
@media only screen and (max-width:576px) {
    .HeaderCaption[b-9j13hln4kw] {
        margin-top: -57px;
        margin-left: -10px;
    }

    .BrokerContacts[b-9j13hln4kw], .CityBranch[b-9j13hln4kw], .TeamMember[b-9j13hln4kw] {
        flex-direction: column;
        width: 100%;
    }

    .TransactionCheckboxDiv[b-9j13hln4kw] {
        flex-direction: column;
    }

    .TransactionDiv[b-9j13hln4kw] {
        flex-direction: column;
    }

    .MarketingReferralDiv[b-9j13hln4kw] {
        flex-direction: row;
        margin-left: 0px;
    }
}

/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------- BIGGER PHONE VIEWPORT ----------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */


@media (min-width: 576px) and (max-width: 767.98px) {

    .HeaderCaption[b-9j13hln4kw] {
        margin-top: -57px;
        margin-left: -10px;
    }

    .BrokerContacts[b-9j13hln4kw] {
        flex-direction: column;
        width: 100%;
    }

    .BrokerContacts[b-9j13hln4kw], .CityBranch[b-9j13hln4kw], .TeamMember[b-9j13hln4kw] {
        flex-direction: column;
        width: 100%;
    }
}

/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------- TABLET VIEWPORT -------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */


@media (min-width: 768px) and (max-width: 991.98px) {

    .HeaderCaption[b-9j13hln4kw] {
        margin-top: -57px;
        margin-left: -10px;
    }
}

/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------- LAPTOP AND SMALLER DESKTOP  ------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
@media (min-width:1201px) and (max-width: 1468px) {

    .TransactionCheckboxDiv[b-9j13hln4kw] {
        flex-direction: column;
    }

    .MarketingReferralDiv[b-9j13hln4kw] {
        flex-direction: row;
    }
}
/* /Pages/Submission/SubmissionBrowse.razor.rz.scp.css */
.CenteredContent[b-qr23j1cf9b] {
    border-top: 1px solid #808080;
    padding: 30px 0px 0px 0px;
    margin: 50px 0px 0px 0px !important;
}

.btn-dark[b-qr23j1cf9b] {
    padding: 3px 8px;
    font-size: 13px;
    font-weight: 500;
    width: 100px !important;
}

.LoadingIndicator[b-qr23j1cf9b] {
    width: 10px;
    margin-left: 0px;
}

.sticky-column-first[b-qr23j1cf9b] {
    width: 250px;
    min-width: 10px;
    max-width: 250px;
    left: 0px;
}

table th[b-qr23j1cf9b], td[b-qr23j1cf9b] {
    font-size: 13px !important;
    font-weight: 600 !important;
}

.insured-column[b-qr23j1cf9b], .carrier-column[b-qr23j1cf9b] {
    min-width: 300px;
    max-width: 350px;
    padding-left: 60px;
    font-size: 13px;
    font-weight: 500;
}

.effective-column[b-qr23j1cf9b], .expiration-column[b-qr23j1cf9b] {
    min-width: 125px;
    max-width: 175px;
    font-size: 13px;
    font-weight: 400;
}

.action-column[b-qr23j1cf9b], .policyNo-column[b-qr23j1cf9b] {
    min-width: 110px;
    max-width: 155px;
    font-size: 13px;
    font-weight: 400;
}

.sticky-column-last[b-qr23j1cf9b] {
    position: sticky;
    right: 0;
}

tr:nth-child(odd) td.action-col[b-qr23j1cf9b] {
    background-color: #fff !important;
    white-space: normal;
}



/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------- SMALL PHONE VIEWPORT ------------------------------------------------------ */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
@media only screen and (max-width:576px) {

    .insured-column[b-qr23j1cf9b], .carrier-column[b-qr23j1cf9b] {
        min-width: 200px;
        max-width: 250px;
    }

    .effective-column[b-qr23j1cf9b], .expiration-column[b-qr23j1cf9b] {
        min-width: 100px;
        max-width: 150px;
    }

    .action-column[b-qr23j1cf9b], .policyNo-column[b-qr23j1cf9b] {
        min-width: 75px;
        max-width: 125px;
    }
}

/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------- BIGGER PHONE VIEWPORT ----------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */


@media (min-width: 576px) and (max-width: 767.98px) {
    .insured-column[b-qr23j1cf9b], .carrier-column[b-qr23j1cf9b] {
        min-width: 200px;
        max-width: 250px;
    }

    .effective-column[b-qr23j1cf9b], .expiration-column[b-qr23j1cf9b] {
        min-width: 100px;
        max-width: 150px;
    }

    .action-column[b-qr23j1cf9b], .policyNo-column[b-qr23j1cf9b] {
        min-width: 75px;
        max-width: 125px;
    }
}

/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------- TABLET VIEWPORT ----------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */


@media (min-width: 768px) and (max-width: 991.98px) {
    .insured-column[b-qr23j1cf9b], .carrier-column[b-qr23j1cf9b] {
        min-width: 250px;
        max-width: 300px;
    }

    .effective-column[b-qr23j1cf9b], .expiration-column[b-qr23j1cf9b] {
        min-width: 100px;
        max-width: 150px;
    }

    .action-column[b-qr23j1cf9b], .policyNo-column[b-qr23j1cf9b] {
        min-width: 75px;
        max-width: 125px;
    }
}


/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------- LAPTOP AND SMALLER DESKTOP  ------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */

@media screen and (min-width:992px) and (max-width: 1199px) {

    .insured-column[b-qr23j1cf9b], .carrier-column[b-qr23j1cf9b] {
        min-width: 300px;
        max-width: 350px;
    }

    .effective-column[b-qr23j1cf9b], .expiration-column[b-qr23j1cf9b] {
        min-width: 100px;
        max-width: 150px;
    }

    .action-column[b-qr23j1cf9b], .policyNo-column[b-qr23j1cf9b]{
        min-width: 75px;
        max-width: 125px;
    }
}

/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------  DESKTOP  ------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */


@media (min-width: 1200px) and (max-width: 1499px) {
}

/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------- ULTRAWIDE DESKTOP ------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */

@media (min-width: 1500px) {
}
/* /Pages/Submission/SubmissionBrowseHeader.razor.rz.scp.css */
.Navigator[b-7qr8h7nm0m] {
    margin-left: 20px;
    margin-top: 0px;
    font-size: 20px!important;
}

.link-navigate:hover[b-7qr8h7nm0m] {
    cursor: pointer;
}

.NavRight[b-7qr8h7nm0m] {
    font-size: 10px;
}
/* /Pages/Submission/SubmissionBrowseIssued.razor.rz.scp.css */
.CenteredContent[b-m1u27d6smv] {
    border-top: 1px solid #808080;
    padding: 30px 0px 0px 0px;
    margin: 50px 0px 0px 0px !important;
}

.btn-dark[b-m1u27d6smv] {
    padding: 3px 8px;
    font-size: 13px;
    font-weight: 500;
    width: 130px !important;
}

.LoadingIndicator[b-m1u27d6smv] {
    width: 10px;
    margin-left: 0px;
}

.sticky-column-first[b-m1u27d6smv] {
    width: 250px;
    min-width: 10px;
    max-width: 250px;
    left: 0px;
}

table th[b-m1u27d6smv], td[b-m1u27d6smv] {
    font-size: 13px !important;
    font-weight: 600 !important;
}

.InsuredColumn[b-m1u27d6smv], .CarrierColumn[b-m1u27d6smv] {
    min-width: 300px;
    max-width: 350px;
    padding-left: 60px;
    font-size: 13px;
    font-weight: 500;
}

.EffectiveColumn[b-m1u27d6smv], .ExpirationColumn[b-m1u27d6smv] {
    min-width: 125px;
    max-width: 175px;
    font-size: 13px;
    font-weight: 400;
}

.QuotationColumn[b-m1u27d6smv], .SubmissionColumn[b-m1u27d6smv] {
    min-width: 120px;
    max-width: 150px;
    font-size: 13px;
    font-weight: 400;
}

.ActionColumn[b-m1u27d6smv] {
    min-width: 150px;
    max-width: 200px;
    font-size: 13px;
    font-weight: 400;
}

.sticky-column-last[b-m1u27d6smv] {
    position: sticky;
    right: 0;
}


.ellipsis[b-m1u27d6smv] {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 130px;
}


tr:nth-child(odd) td.action-col[b-m1u27d6smv] {
    background-color: #fff !important;
    white-space: normal;
}



/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------- SMALL PHONE VIEWPORT ------------------------------------------------------ */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
@media only screen and (max-width:576px) {

    .InsuredColumn[b-m1u27d6smv], .CarrierColumn[b-m1u27d6smv] {
        min-width: 200px;
        max-width: 250px;
    }

    .EffectiveColumn[b-m1u27d6smv], .ExpirationColumn[b-m1u27d6smv] {
        min-width: 100px;
        max-width: 150px;
    }

    .ActionColumn[b-m1u27d6smv] {
        min-width: 100px;
        max-width: 125px;
    }

    .QuotationColumn[b-m1u27d6smv], .SubmissionColumn[b-m1u27d6smv] {
        min-width: 150px;
        max-width: 205px;
    }
}

/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------- BIGGER PHONE VIEWPORT ----------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */


@media (min-width: 576px) and (max-width: 767.98px) {
    .InsuredColumn[b-m1u27d6smv], .CarrierColumn[b-m1u27d6smv] {
        min-width: 200px;
        max-width: 250px;
    }

    .EffectiveColumn[b-m1u27d6smv], .ExpirationColumn[b-m1u27d6smv] {
        min-width: 100px;
        max-width: 150px;
    }


    .ActionColumn[b-m1u27d6smv] {
        min-width: 100px;
        max-width: 125px;
    }

    .QuotationColumn[b-m1u27d6smv], .SubmissionColumn[b-m1u27d6smv] {
        min-width: 150px;
        max-width: 205px;
    }
}

/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------- TABLET VIEWPORT ----------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */


@media (min-width: 768px) and (max-width: 991.98px) {
    .InsuredColumn[b-m1u27d6smv], .CarrierColumn[b-m1u27d6smv] {
        min-width: 250px;
        max-width: 300px;
    }

    .EffectiveColumn[b-m1u27d6smv], .ExpirationColumn[b-m1u27d6smv] {
        min-width: 100px;
        max-width: 150px;
    }


    .ActionColumn[b-m1u27d6smv] {
        min-width: 100px;
        max-width: 125px;
    }

    .QuotationColumn[b-m1u27d6smv], .SubmissionColumn[b-m1u27d6smv] {
        min-width: 150px;
        max-width: 205px;
    }
}


/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------- LAPTOP AND SMALLER DESKTOP  ------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */

@media screen and (min-width:992px) and (max-width: 1199px) {

    .InsuredColumn[b-m1u27d6smv], .CarrierColumn[b-m1u27d6smv] {
        min-width: 300px;
        max-width: 350px;
    }

    .EffectiveColumn[b-m1u27d6smv], .ExpirationColumn[b-m1u27d6smv] {
        min-width: 100px;
        max-width: 150px;
    }


    .ActionColumn[b-m1u27d6smv], .QuotationColumn[b-m1u27d6smv], .SubmissionColumn[b-m1u27d6smv] {
        min-width: 75px;
        max-width: 125px;
    }
}

/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------  DESKTOP  ------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */


@media (min-width: 1200px) and (max-width: 1499px) {
}

/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------- ULTRAWIDE DESKTOP ------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */

@media (min-width: 1500px) {
}
/* /Pages/Submission/SubmissionBrowseIssuedPagination.razor.rz.scp.css */
.page-item[b-6annwnwukf], .list-unstyled[b-6annwnwukf] {
    display: inline-block;
    margin: 0 5px;
}

    .page-item a[b-6annwnwukf] {
        display: inline-block;
        padding: 8px 12px;
        overflow: hidden;
        color: #333;
        border-radius: 5%;
        text-decoration: none;
        text-align: center;
        line-height: 1;
        font-size: 12px;
    }

    .page-item.active a[b-6annwnwukf] {
        border-radius: 5%;
        background-color: var(--primaryColor);
        color: white;
        text-align: center;
        line-height: 1;
    }

    .page-item:hover .hover_style[b-6annwnwukf] {
        border-radius: 5%;
        background-color: var(--gray);
        color: white;
        text-align: center;
        line-height: 1;
        cursor: pointer;
    }



.icons[b-6annwnwukf] {
    width: 20px;
}


.disabled[b-6annwnwukf] {
    margin: 0 5px;
    padding: 0px 0px;
    border-radius: 5px;
    text-decoration: none !important;
    color: darkgray;
}

    .disabled .icons[b-6annwnwukf] {
        filter: brightness(0.1) invert(0.5) !important;
    }

    .disabled:hover .icons[b-6annwnwukf] {
        cursor: not-allowed;
    }


.pagination-container[b-6annwnwukf] {
    max-width: 100%;
    overflow-x: auto;
    white-space: nowrap;
}

@media (max-width: 576px) {
    .pagination-container[b-6annwnwukf] {
        margin-top: 5px;
        overflow-x: scroll;
    }
}
/* /Pages/Submission/SubmissionBrowsePagination.razor.rz.scp.css */
.page-item[b-13dsm0t1sn], .list-unstyled[b-13dsm0t1sn] {
    display: inline-block;
    margin: 0 5px;
}

    .page-item a[b-13dsm0t1sn] {
        display: inline-block;
        padding: 8px 12px;
        overflow: hidden;
        color: #333;
        border-radius: 5%;
        text-decoration: none;
        text-align: center; 
        line-height: 1; 
        font-size: 12px;
    }

    .page-item.active a[b-13dsm0t1sn] {
        border-radius: 5%;
        background-color: var(--primaryColor);
        color: white;
        text-align: center;
        line-height: 1;
    }

    .page-item:hover .hover_style[b-13dsm0t1sn] {
        border-radius: 5%;
        background-color: var(--gray);
        color: white;
        text-align: center;
        line-height: 1;
        cursor: pointer;
    }



.icons[b-13dsm0t1sn] {
    width: 20px;
}


.disabled[b-13dsm0t1sn] {
    margin: 0 5px;
    padding: 0px 0px;
    border-radius: 5px;
    text-decoration: none !important;
    color: darkgray;
}

    .disabled .icons[b-13dsm0t1sn] {
        filter: brightness(0.1) invert(0.5) !important;
    }

    .disabled:hover .icons[b-13dsm0t1sn] {
        cursor: not-allowed;
    }


.pagination-container[b-13dsm0t1sn] {
    max-width: 100%;
    overflow-x: auto;
    white-space: nowrap;
}

@media (max-width: 576px) {
    .pagination-container[b-13dsm0t1sn] {
        margin-top: 5px;
        overflow-x: scroll;
    }
}
/* /Pages/Submission/SubmissionBrowsePanels.razor.rz.scp.css */
.row[b-sjm3iloyfg] {
    flex-wrap: wrap;
}

.icon[b-sjm3iloyfg] {
    width: 20px;
}

.panel-data[b-sjm3iloyfg] {
    font-size: 20px;
    font-weight: 700;
}

.panel-title[b-sjm3iloyfg] {
    margin-top: 10px;
    font-size: 15px !important;
    font-weight: 600;
}

.inactive[b-sjm3iloyfg] {
    transform: translateY(0px);
    transition: transform 0.2s ease-in-out;
}

.SubmissionBackground[b-sjm3iloyfg], .QuotedBackground[b-sjm3iloyfg], .PolicyBackground[b-sjm3iloyfg], .RenewalBackground[b-sjm3iloyfg], .PendedBackground[b-sjm3iloyfg], .EndorsementBackground[b-sjm3iloyfg],
.SubmissionBackgroundActive[b-sjm3iloyfg], .QuotedBackgroundActive[b-sjm3iloyfg], .PolicyBackgroundActive[b-sjm3iloyfg], .RenewalBackgroundActive[b-sjm3iloyfg], .PendedBackgroundActive[b-sjm3iloyfg], .EndorsementBackgroundActive[b-sjm3iloyfg] {
    padding: 20px 20px;
    margin: 10px 5px;
    font-size: 12px;
    font-weight: 500;
    display: flex;
    justify-content: space-between;
    align-content: center;
    align-items: center;
    height: 95px;
}


/* ------------------------------------------------------ Inactive Submission ---------------------------------------------- */

.SubmissionText[b-sjm3iloyfg] {
    color: var(--yellow);
}

.SubmissionBackground[b-sjm3iloyfg] {
    transition: all .3s ease-out;
    color: var(--textColor);
    background: white;
    border-radius: 5px;
    position: relative;
    box-shadow: 0px 3px 5px rgba(209, 188, 0, 0.5);
}

    .SubmissionBackground:hover[b-sjm3iloyfg] {
        cursor: pointer;
        background: linear-gradient(90deg, var(--yellow) 50%, rgba(255,248,187,1) 100%);
        color: white;
    }

    .SubmissionBackground .icon-bg[b-sjm3iloyfg] {
        background: var(--yellow);
        padding: 8px;
        position: absolute;
        bottom: -15px;
        right: 15px;
        margin-right: 7px;
        border-radius: 3px;
        box-shadow: 0 0 10px var(--yellow);
        transition: all .3s ease-out;
    }

    .SubmissionBackground .icon[b-sjm3iloyfg] {
        filter: brightness(0) invert(1);
    }

    .SubmissionBackground:hover .icon-bg[b-sjm3iloyfg] {
        background: white;
    }

    .SubmissionBackground:hover .icon[b-sjm3iloyfg] {
        filter: brightness(1);
        color: white;
    }

/* ------------------------------------------------------ Active Submission ---------------------------------------------- */

.SubmissionBackgroundActive[b-sjm3iloyfg] {
    transition: all 0.3s ease-in-out;
    position: relative;
    background: linear-gradient(90deg, var(--yellow) 50%, rgba(255,248,187,1) 100%);
    color: white;
    border-radius: 5px;
    box-shadow: 0px 3px 5px rgba(209, 188, 0, 0.5);
}

    .SubmissionBackgroundActive .icon-bg[b-sjm3iloyfg] {
        padding: 8px;
        position: absolute;
        bottom: -15px;
        right: 15px;
        margin-right: 7px;
        background: white;
        border-radius: 3px;
        box-shadow: 0 0 10px var(--yellow);
        transition: all 0.3s ease-in-out;
    }

    .SubmissionBackgroundActive .icon[b-sjm3iloyfg] {
        filter: brightness(1);
        color: white;
    }


/* ------------------------------------------------------ Inactive Quoted ---------------------------------------------- */

.QuotedText[b-sjm3iloyfg] {
    color: var(--orange);
}

.QuotedBackground[b-sjm3iloyfg] {
    transition: all 0.3s ease-in-out;
    color: var(--textColor);
    background: white;
    position: relative;
    border-radius: 5px;
    box-shadow: 0px 3px 5px rgba(255, 153, 0, 0.5);
}

    .QuotedBackground:hover[b-sjm3iloyfg] {
        cursor: pointer;
        background: linear-gradient(90deg, var(--orange) 50%, rgba(255,228,187,1) 100%);
        color: white;
    }

    .QuotedBackground .icon-bg[b-sjm3iloyfg] {
        background: var(--orange);
        padding: 8px;
        position: absolute;
        bottom: -15px;
        right: 15px;
        margin-right: 7px;
        border-radius: 3px;
        box-shadow: 0 0 10px var(--orange);
        transition: all 0.3s ease-in-out;
    }

    .QuotedBackground .icon[b-sjm3iloyfg] {
        filter: brightness(0) invert(1);
    }

    .QuotedBackground:hover .icon-bg[b-sjm3iloyfg] {
        background: white;
    }

    .QuotedBackground:hover .icon[b-sjm3iloyfg] {
        filter: brightness(1);
        color: white;
    }

/* ------------------------------------------------------ Active Quoted ---------------------------------------------- */

.QuotedBackgroundActive[b-sjm3iloyfg] {
    transition: all 0.3s ease-in-out;
    position: relative;
    background: linear-gradient(90deg, var(--orange) 50%, rgba(255,228,187,1) 100%);
    color: white;
    border-radius: 5px;
    box-shadow: 0px 3px 5px rgba(255, 153, 0, 0.5);
}

    .QuotedBackgroundActive .icon-bg[b-sjm3iloyfg] {
        padding: 8px;
        position: absolute;
        bottom: -15px;
        right: 15px;
        margin-right: 7px;
        background: white;
        border-radius: 3px;
        box-shadow: 0 0 10px var(--orange);
        transition: all 0.3s ease-in-out;
    }

    .QuotedBackgroundActive .icon[b-sjm3iloyfg] {
        filter: brightness(1);
        color: white;
    }


/* ------------------------------------------------------ Inactive Policy ---------------------------------------------- */

.PolicyText[b-sjm3iloyfg] {
    color: var(--blue);
}

.PolicyBackground[b-sjm3iloyfg] {
    transition: all 0.3s ease-in-out;
    color: var(--textColor);
    background: white;
    position: relative;
    border-radius: 5px;
    box-shadow: 0px 3px 5px rgba(32, 148, 243, 0.5);
}

    .PolicyBackground:hover[b-sjm3iloyfg] {
        cursor: pointer;
        background: linear-gradient(90deg, var(--blue) 50%, rgba(190,226,255,1) 100%);
        color: white;
    }

    .PolicyBackground .icon-bg[b-sjm3iloyfg] {
        background: var(--blue);
        padding: 8px;
        position: absolute;
        bottom: -15px;
        right: 15px;
        margin-right: 7px;
        border-radius: 3px;
        box-shadow: 0 0 10px var(--blue);
        transition: all 0.3s ease-in-out;
    }

    .PolicyBackground .icon[b-sjm3iloyfg] {
        filter: brightness(0) invert(1);
    }

    .PolicyBackground:hover .icon-bg[b-sjm3iloyfg] {
        background: white;
    }

    .PolicyBackground:hover .icon[b-sjm3iloyfg] {
        filter: brightness(1);
        color: white;
    }

/* ------------------------------------------------------ Active Policy ---------------------------------------------- */

.PolicyBackgroundActive[b-sjm3iloyfg] {
    transition: all 0.3s ease-in-out;
    position: relative;
    background: linear-gradient(90deg, var(--blue) 50%, rgba(190,226,255,1) 100%);
    color: white;
    border-radius: 5px;
    box-shadow: 0px 3px 5px rgba(32, 148, 243, 0.5);
}

    .PolicyBackgroundActive .icon-bg[b-sjm3iloyfg] {
        padding: 8px;
        position: absolute;
        bottom: -15px;
        right: 15px;
        margin-right: 7px;
        background: white;
        border-radius: 3px;
        box-shadow: 0 0 10px var(--blue);
        transition: all 0.3s ease-in-out;
    }

    .PolicyBackgroundActive .icon[b-sjm3iloyfg] {
        filter: brightness(1);
        color: white;
    }


/* ------------------------------------------------------ Inactive Renewal ---------------------------------------------- */

.RenewalText[b-sjm3iloyfg] {
    color: var(--green);
}

.RenewalBackground[b-sjm3iloyfg] {
    transition: all 0.3s ease-in-out;
    color: var(--textColor);
    background: white;
    position: relative;
    border-radius: 5px;
    box-shadow: 0px 3px 5px rgba(76, 174, 79, 0.5);
}

    .RenewalBackground:hover[b-sjm3iloyfg] {
        cursor: pointer;
        background: linear-gradient(90deg, var(--green) 50%, rgba(106, 255, 112, 1) 100%);
        color: white;
    }

    .RenewalBackground .icon-bg[b-sjm3iloyfg] {
        background: var(--green);
        padding: 8px;
        position: absolute;
        bottom: -15px;
        right: 15px;
        margin-right: 7px;
        border-radius: 3px;
        box-shadow: 0 0 10px var(--green);
        transition: all 0.3s ease-in-out;
    }

    .RenewalBackground .icon[b-sjm3iloyfg] {
        filter: brightness(0) invert(1);
    }

    .RenewalBackground:hover .icon-bg[b-sjm3iloyfg] {
        background: white;
    }

    .RenewalBackground:hover .icon[b-sjm3iloyfg] {
        filter: brightness(1);
        color: white;
    }

/* ------------------------------------------------------ Active Renewal ---------------------------------------------- */

.RenewalBackgroundActive[b-sjm3iloyfg] {
    transition: all 0.3s ease-in-out;
    position: relative;
    background: linear-gradient(90deg, var(--green) 50%, rgba(106, 255, 112, 1) 100%);
    color: white;
    border-radius: 5px;
    box-shadow: 0px 3px 5px rgba(76, 174, 79, 0.5);
}

    .RenewalBackgroundActive .icon-bg[b-sjm3iloyfg] {
        padding: 8px;
        position: absolute;
        bottom: -15px;
        right: 15px;
        margin-right: 7px;
        background: white;
        border-radius: 3px;
        box-shadow: 0 0 10px var(--green);
        transition: all 0.3s ease-in-out;
    }

    .RenewalBackgroundActive .icon[b-sjm3iloyfg] {
        filter: brightness(1);
        color: white;
    }


/* ------------------------------------------------------ Inactive Pended ---------------------------------------------- */

.PendedText[b-sjm3iloyfg] {
    color: var(--red);
}

.PendedBackground[b-sjm3iloyfg] {
    transition: all 0.3s ease-in-out;
    color: var(--textColor);
    background: white;
    position: relative;
    border-radius: 5px;
}

    .PendedBackground:hover[b-sjm3iloyfg] {
        cursor: pointer;
        background: var(--red);
        color: white;
    }

    .PendedBackground .icon-bg[b-sjm3iloyfg] {
        background: var(--red);
        padding: 8px;
        position: absolute;
        bottom: -15px;
        right: 15px;
        margin-right: 7px;
        border-radius: 3px;
        box-shadow: 0 0 10px var(--red);
        transition: all 0.3s ease-in-out;
    }

    .PendedBackground .icon[b-sjm3iloyfg] {
        filter: brightness(0) invert(1);
    }

    .PendedBackground:hover .icon-bg[b-sjm3iloyfg] {
        background: white;
    }

    .PendedBackground:hover .icon[b-sjm3iloyfg] {
        filter: brightness(1);
        color: white;
    }

/* ------------------------------------------------------ Active Pended ---------------------------------------------- */

.PendedBackgroundActive[b-sjm3iloyfg] {
    transition: all 0.3s ease-in-out;
    position: relative;
    background: var(--red);
    color: white;
    border-radius: 5px;
}

    .PendedBackgroundActive .icon-bg[b-sjm3iloyfg] {
        padding: 8px;
        position: absolute;
        bottom: -15px;
        right: 15px;
        margin-right: 7px;
        background: white;
        border-radius: 3px;
        box-shadow: 0 0 10px var(--red);
        transition: all 0.3s ease-in-out;
    }

    .PendedBackgroundActive .icon[b-sjm3iloyfg] {
        filter: brightness(1);
        color: white;
    }


/* ------------------------------------------------------ Inactive Endorsement ---------------------------------------------- */

.EndorsementText[b-sjm3iloyfg] {
    color: var(--violet);
}

.EndorsementBackground[b-sjm3iloyfg] {
    transition: all 0.3s ease-in-out;
    color: var(--textColor);
    background: white;
    position: relative;
    border-radius: 5px;
}

    .EndorsementBackground:hover[b-sjm3iloyfg] {
        cursor: pointer;
        background: var(--violet);
        color: white;
    }

    .EndorsementBackground .icon-bg[b-sjm3iloyfg] {
        background: var(--violet);
        padding: 8px;
        position: absolute;
        bottom: -15px;
        right: 15px;
        margin-right: 7px;
        border-radius: 3px;
        box-shadow: 0 0 10px var(--violet);
        transition: all 0.3s ease-in-out;
    }

    .EndorsementBackground .icon[b-sjm3iloyfg] {
        filter: brightness(0) invert(1);
    }

    .EndorsementBackground:hover .icon-bg[b-sjm3iloyfg] {
        background: white;
    }

    .EndorsementBackground:hover .icon[b-sjm3iloyfg] {
        filter: brightness(1);
        color: white;
    }

/* ------------------------------------------------------ Active Endorsement ---------------------------------------------- */

.EndorsementBackgroundActive[b-sjm3iloyfg] {
    transition: all 0.3s ease-in-out;
    position: relative;
    background: var(--violet);
    color: white;
    border-radius: 5px;
}

    .EndorsementBackgroundActive .icon-bg[b-sjm3iloyfg] {
        padding: 8px;
        position: absolute;
        bottom: -15px;
        right: 15px;
        margin-right: 7px;
        background: white;
        border-radius: 3px;
        box-shadow: 0 0 10px var(--violet);
        transition: all 0.3s ease-in-out;
    }

    .EndorsementBackgroundActive .icon[b-sjm3iloyfg] {
        filter: brightness(1);
        color: white;
    }


/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------- SMALL PHONE VIEWPORT ------------------------------------------------------ */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */

@media only screen and (max-width:576px) {

    .row[b-sjm3iloyfg] {
        margin: 20px 0px;
    }

    .SubmissionBackground[b-sjm3iloyfg], .QuotedBackground[b-sjm3iloyfg], .PolicyBackground[b-sjm3iloyfg], .RenewalBackground[b-sjm3iloyfg], .PendedBackground[b-sjm3iloyfg], .EndorsementBackground[b-sjm3iloyfg],
    .SubmissionBackgroundActive[b-sjm3iloyfg], .QuotedBackgroundActive[b-sjm3iloyfg], .PolicyBackgroundActive[b-sjm3iloyfg], .RenewalBackgroundActive[b-sjm3iloyfg], .PendedBackgroundActive[b-sjm3iloyfg], .EndorsementBackgroundActive[b-sjm3iloyfg] {
        width: 350px;
        margin: 15px 5px;
    }
}

/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------- BIGGER PHONE VIEWPORT ----------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */

@media (min-width: 576px) and (max-width: 767.98px) {

    .SubmissionBackground[b-sjm3iloyfg], .QuotedBackground[b-sjm3iloyfg], .PolicyBackground[b-sjm3iloyfg], .RenewalBackground[b-sjm3iloyfg], .PendedBackground[b-sjm3iloyfg], .EndorsementBackground[b-sjm3iloyfg],
    .SubmissionBackgroundActive[b-sjm3iloyfg], .QuotedBackgroundActive[b-sjm3iloyfg], .PolicyBackgroundActive[b-sjm3iloyfg], .RenewalBackgroundActive[b-sjm3iloyfg], .PendedBackgroundActive[b-sjm3iloyfg], .EndorsementBackgroundActive[b-sjm3iloyfg] {
        margin: 30px 3px;
    }

    .SubmissionBackground[b-sjm3iloyfg], .QuotedBackground[b-sjm3iloyfg], .PolicyBackground[b-sjm3iloyfg], .RenewalBackground[b-sjm3iloyfg], .PendedBackground[b-sjm3iloyfg], .EndorsementBackground[b-sjm3iloyfg],
    .SubmissionBackgroundActive[b-sjm3iloyfg], .QuotedBackgroundActive[b-sjm3iloyfg], .PolicyBackgroundActive[b-sjm3iloyfg], .RenewalBackgroundActive[b-sjm3iloyfg], .PendedBackgroundActive[b-sjm3iloyfg], .EndorsementBackgroundActive[b-sjm3iloyfg] {
        width: 31%;
    }

    .first[b-sjm3iloyfg] {
        margin-left: 2px;
    }

    .last[b-sjm3iloyfg] {
        margin-right: 0px
    }
}

/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------- TABLET VIEWPORT ----------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */


@media (min-width: 768px) and (max-width: 991.98px) {

    .row[b-sjm3iloyfg] {
        display: flex;
    }

    .SubmissionBackground[b-sjm3iloyfg], .QuotedBackground[b-sjm3iloyfg], .PolicyBackground[b-sjm3iloyfg], .RenewalBackground[b-sjm3iloyfg], .PendedBackground[b-sjm3iloyfg], .EndorsementBackground[b-sjm3iloyfg],
    .SubmissionBackgroundActive[b-sjm3iloyfg], .QuotedBackgroundActive[b-sjm3iloyfg], .PolicyBackgroundActive[b-sjm3iloyfg], .RenewalBackgroundActive[b-sjm3iloyfg], .PendedBackgroundActive[b-sjm3iloyfg], .EndorsementBackgroundActive[b-sjm3iloyfg] {
        margin: 15px 3px;
    }

    .SubmissionBackground[b-sjm3iloyfg], .QuotedBackground[b-sjm3iloyfg], .PolicyBackground[b-sjm3iloyfg], .RenewalBackground[b-sjm3iloyfg], .PendedBackground[b-sjm3iloyfg], .EndorsementBackground[b-sjm3iloyfg],
    .SubmissionBackgroundActive[b-sjm3iloyfg], .QuotedBackgroundActive[b-sjm3iloyfg], .PolicyBackgroundActive[b-sjm3iloyfg], .RenewalBackgroundActive[b-sjm3iloyfg], .PendedBackgroundActive[b-sjm3iloyfg], .EndorsementBackgroundActive[b-sjm3iloyfg] {
        width: 30%;
    }

    .first[b-sjm3iloyfg], .last[b-sjm3iloyfg] {
        margin: 5px;
    }
}


/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------- LAPTOP AND SMALLER DESKTOP  ------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */

@media screen and (min-width:992px) and (max-width: 1199px) {

    .SubmissionBackground[b-sjm3iloyfg], .QuotedBackground[b-sjm3iloyfg], .PolicyBackground[b-sjm3iloyfg], .RenewalBackground[b-sjm3iloyfg], .PendedBackground[b-sjm3iloyfg], .EndorsementBackground[b-sjm3iloyfg],
    .SubmissionBackgroundActive[b-sjm3iloyfg], .QuotedBackgroundActive[b-sjm3iloyfg], .PolicyBackgroundActive[b-sjm3iloyfg], .RenewalBackgroundActive[b-sjm3iloyfg], .PendedBackgroundActive[b-sjm3iloyfg], .EndorsementBackgroundActive[b-sjm3iloyfg] {
        margin: 30px 3px;
    }

    .SubmissionBackground[b-sjm3iloyfg], .QuotedBackground[b-sjm3iloyfg], .PolicyBackground[b-sjm3iloyfg], .RenewalBackground[b-sjm3iloyfg], .PendedBackground[b-sjm3iloyfg], .EndorsementBackground[b-sjm3iloyfg],
    .SubmissionBackgroundActive[b-sjm3iloyfg], .QuotedBackgroundActive[b-sjm3iloyfg], .PolicyBackgroundActive[b-sjm3iloyfg], .RenewalBackgroundActive[b-sjm3iloyfg], .PendedBackgroundActive[b-sjm3iloyfg], .EndorsementBackgroundActive[b-sjm3iloyfg] {
        width: 31%;
    }


    .first[b-sjm3iloyfg] {
        margin-left: 2px;
    }

    .last[b-sjm3iloyfg] {
        margin-right: 0px
    }
}

/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------  DESKTOP  ------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */


@media (min-width: 1200px) and (max-width: 1499px) {

    .SubmissionBackground[b-sjm3iloyfg], .QuotedBackground[b-sjm3iloyfg], .PolicyBackground[b-sjm3iloyfg], .RenewalBackground[b-sjm3iloyfg], .PendedBackground[b-sjm3iloyfg], .EndorsementBackground[b-sjm3iloyfg],
    .SubmissionBackgroundActive[b-sjm3iloyfg], .QuotedBackgroundActive[b-sjm3iloyfg], .PolicyBackgroundActive[b-sjm3iloyfg], .RenewalBackgroundActive[b-sjm3iloyfg], .PendedBackgroundActive[b-sjm3iloyfg], .EndorsementBackgroundActive[b-sjm3iloyfg] {
        width: 30%;
        margin: 15px 1px;
    }

    .first[b-sjm3iloyfg] {
        margin-left: 2px;
    }

    .last[b-sjm3iloyfg] {
        margin-right: 2px;
    }`[b-sjm3iloyfg]
}


/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------- ULTRAWIDE DESKTOP ------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */

@media (min-width: 1500px) {

    .SubmissionBackground[b-sjm3iloyfg], .QuotedBackground[b-sjm3iloyfg], .PolicyBackground[b-sjm3iloyfg], .RenewalBackground[b-sjm3iloyfg], .PendedBackground[b-sjm3iloyfg], .EndorsementBackground[b-sjm3iloyfg],
    .SubmissionBackgroundActive[b-sjm3iloyfg], .QuotedBackgroundActive[b-sjm3iloyfg], .PolicyBackgroundActive[b-sjm3iloyfg], .RenewalBackgroundActive[b-sjm3iloyfg], .PendedBackgroundActive[b-sjm3iloyfg], .EndorsementBackgroundActive[b-sjm3iloyfg] {
        margin: 30px 0px;
    }

    .panel-1[b-sjm3iloyfg] {
        width: 90%;
        max-width: 90%;
    }

    .panel-2[b-sjm3iloyfg] {
        width: 40%;
        max-width: 40%;
    }

    .panel-3[b-sjm3iloyfg] {
        width: 32%;
        max-width: 32%;
    }

    .panel-4[b-sjm3iloyfg] {
        width: 22%;
        max-width: 22%;
    }

    .panel-5[b-sjm3iloyfg] {
        width: 18%;
        max-width: 18%;
    }

    .panel-6[b-sjm3iloyfg] {
        width: 15%;
        max-width: 15%;
    }

    .panel-7[b-sjm3iloyfg] {
        width: 13%;
        max-width: 13%;
    }

    .first[b-sjm3iloyfg] {
        margin-left: 5px;
    }

    .last[b-sjm3iloyfg] {
        margin-right: 5px
    }
}
/* /Pages/Submission/SubmissionBrowseQuoted.razor.rz.scp.css */
.CenteredContent[b-ktgwvuf6h1] {
    border-top: 1px solid #808080;
    padding: 30px 0px 0px 0px;
    margin: 50px 0px 0px 0px !important;
}

.btn-dark[b-ktgwvuf6h1] {
    padding: 3px 8px;
    font-size: 13px;
    font-weight: 500;
    width: 100px !important;
}

.LoadingIndicator[b-ktgwvuf6h1] {
    width: 10px;
    margin-left: 0px;
}

.sticky-column-first[b-ktgwvuf6h1] {
    width: 250px;
    min-width: 10px;
    max-width: 250px;
    left: 0px;
}

table th[b-ktgwvuf6h1], td[b-ktgwvuf6h1] {
    font-size: 13px !important;
    font-weight: 600 !important;
}

.insured-column[b-ktgwvuf6h1], .carrier-column[b-ktgwvuf6h1] {
    min-width: 300px;
    max-width: 350px;
    padding-left: 60px;
    font-size: 13px;
    font-weight: 500;
}

.effective-column[b-ktgwvuf6h1], .expiration-column[b-ktgwvuf6h1], .submissionNo-column[b-ktgwvuf6h1] {
    min-width: 125px;
    max-width: 175px;
    font-size: 13px;
    font-weight: 400;
}

.action-column[b-ktgwvuf6h1], .policyNo-column[b-ktgwvuf6h1] {
    min-width: 110px;
    max-width: 155px;
    font-size: 13px;
    font-weight: 400;
}

.sticky-column-last[b-ktgwvuf6h1] {
    position: sticky;
    right: 0;
}

.declined-text[b-ktgwvuf6h1] {
    color: red;
    font-weight: bold;
}

tr:nth-child(odd) td.action-col[b-ktgwvuf6h1] {
    background-color: #fff !important;
    white-space: normal;
}



/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------- SMALL PHONE VIEWPORT ------------------------------------------------------ */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
@media only screen and (max-width:576px) {

    .insured-column[b-ktgwvuf6h1], .carrier-column[b-ktgwvuf6h1] {
        min-width: 200px;
        max-width: 250px;
    }

    .effective-column[b-ktgwvuf6h1], .expiration-column[b-ktgwvuf6h1] {
        min-width: 100px;
        max-width: 150px;
    }

    .action-column[b-ktgwvuf6h1], .policyNo-column[b-ktgwvuf6h1] {
        min-width: 75px;
        max-width: 125px;
    }
}

/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------- BIGGER PHONE VIEWPORT ----------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */


@media (min-width: 576px) and (max-width: 767.98px) {
    .insured-column[b-ktgwvuf6h1], .carrier-column[b-ktgwvuf6h1] {
        min-width: 200px;
        max-width: 250px;
    }

    .effective-column[b-ktgwvuf6h1], .expiration-column[b-ktgwvuf6h1] {
        min-width: 100px;
        max-width: 150px;
    }

    .action-column[b-ktgwvuf6h1], .policyNo-column[b-ktgwvuf6h1] {
        min-width: 75px;
        max-width: 125px;
    }
}

/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------- TABLET VIEWPORT ----------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */


@media (min-width: 768px) and (max-width: 991.98px) {
    .insured-column[b-ktgwvuf6h1], .carrier-column[b-ktgwvuf6h1] {
        min-width: 250px;
        max-width: 300px;
    }

    .effective-column[b-ktgwvuf6h1], .expiration-column[b-ktgwvuf6h1] {
        min-width: 100px;
        max-width: 150px;
    }

    .action-column[b-ktgwvuf6h1], .policyNo-column[b-ktgwvuf6h1] {
        min-width: 75px;
        max-width: 125px;
    }
}


/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------- LAPTOP AND SMALLER DESKTOP  ------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */

@media screen and (min-width:992px) and (max-width: 1199px) {

    .insured-column[b-ktgwvuf6h1], .carrier-column[b-ktgwvuf6h1] {
        min-width: 300px;
        max-width: 350px;
    }

    .effective-column[b-ktgwvuf6h1], .expiration-column[b-ktgwvuf6h1] {
        min-width: 100px;
        max-width: 150px;
    }

    .action-column[b-ktgwvuf6h1], .policyNo-column[b-ktgwvuf6h1]{
        min-width: 75px;
        max-width: 125px;
    }
}

/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------  DESKTOP  ------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */


@media (min-width: 1200px) and (max-width: 1499px) {
}

/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------- ULTRAWIDE DESKTOP ------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */

@media (min-width: 1500px) {
}
/* /Pages/Submission/SubmissionBrowseQuotedPagination.razor.rz.scp.css */
.page-item[b-iem9eu86tz], .list-unstyled[b-iem9eu86tz] {
    display: inline-block;
    margin: 0 5px;
}

    .page-item a[b-iem9eu86tz] {
        display: inline-block;
        padding: 8px 12px;
        overflow: hidden;
        color: #333;
        border-radius: 5%;
        text-decoration: none;
        text-align: center; 
        line-height: 1; 
        font-size: 12px;
    }

    .page-item.active a[b-iem9eu86tz] {
        border-radius: 5%;
        background-color: var(--primaryColor);
        color: white;
        text-align: center;
        line-height: 1;
    }

    .page-item:hover .hover_style[b-iem9eu86tz] {
        border-radius: 5%;
        background-color: var(--gray);
        color: white;
        text-align: center;
        line-height: 1;
        cursor: pointer;
    }



.icons[b-iem9eu86tz] {
    width: 20px;
}


.disabled[b-iem9eu86tz] {
    margin: 0 5px;
    padding: 0px 0px;
    border-radius: 5px;
    text-decoration: none !important;
    color: darkgray;
}

    .disabled .icons[b-iem9eu86tz] {
        filter: brightness(0.1) invert(0.5) !important;
    }

    .disabled:hover .icons[b-iem9eu86tz] {
        cursor: not-allowed;
    }


.pagination-container[b-iem9eu86tz] {
    max-width: 100%;
    overflow-x: auto;
    white-space: nowrap;
}

@media (max-width: 576px) {
    .pagination-container[b-iem9eu86tz] {
        margin-top: 5px;
        overflow-x: scroll;
    }
}
/* /Pages/Submission/SubmissionBrowseRenewal.razor.rz.scp.css */
.CenteredContent[b-xiz8vso87u] {
    border-top: 1px solid #808080;
    padding: 30px 0px 0px 0px;
    margin: 50px 0px 0px 0px !important;
}

.btn-dark[b-xiz8vso87u] {
    padding: 3px 8px;
    font-size: 13px;
    font-weight: 500;
    width: 100px !important;
}

.LoadingIndicator[b-xiz8vso87u] {
    width: 10px;
    margin-left: 0px;
}

.sticky-column-first[b-xiz8vso87u] {
    width: 150px;
    min-width: 10px;
    max-width: 150px;
    left: 0px;
}

table th[b-xiz8vso87u], td[b-xiz8vso87u] {
    font-size: 13px !important;
    font-weight: 600 !important;
}


.insured-column[b-xiz8vso87u], .carrier-column[b-xiz8vso87u] {
    min-width: 300px;
    max-width: 350px;
    padding: 10px 10px 10px 60px;
    font-size: 13px;
    font-weight: 500;
}

.effective-column[b-xiz8vso87u], .expiration-column[b-xiz8vso87u] {
    min-width: 125px;
    max-width: 175px;
    font-size: 13px;
    font-weight: 500;
}

.action-column[b-xiz8vso87u], .policyNo-column[b-xiz8vso87u] {
    min-width: 130px;
    max-width: 175px;
    font-size: 13px;
    font-weight: 500;
}

.sticky-column-last[b-xiz8vso87u] {
    position: sticky;
    right: 0;
}

tr:nth-child(odd) td.action-col[b-xiz8vso87u] {
    background-color: #fff !important;
    white-space: normal;
}



/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------- SMALL PHONE VIEWPORT ------------------------------------------------------ */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
@media only screen and (max-width:576px) {

    .insured-column[b-xiz8vso87u], .carrier-column[b-xiz8vso87u] {
        min-width: 200px;
        max-width: 250px;
    }

    .effective-column[b-xiz8vso87u], .expiration-column[b-xiz8vso87u] {
        min-width: 100px;
        max-width: 150px;
    }

    .action-column[b-xiz8vso87u], .policyNo-column[b-xiz8vso87u] {
        min-width: 75px;
        max-width: 125px;
    }
}

/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------- BIGGER PHONE VIEWPORT ----------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */


@media (min-width: 576px) and (max-width: 767.98px) {
    .insured-column[b-xiz8vso87u], .carrier-column[b-xiz8vso87u] {
        min-width: 200px;
        max-width: 250px;
    }

    .effective-column[b-xiz8vso87u], .expiration-column[b-xiz8vso87u] {
        min-width: 100px;
        max-width: 150px;
    }

    .action-column[b-xiz8vso87u], .policyNo-column[b-xiz8vso87u] {
        min-width: 75px;
        max-width: 125px;
    }
}

/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------- TABLET VIEWPORT ----------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */


@media (min-width: 768px) and (max-width: 991.98px) {
    .insured-column[b-xiz8vso87u], .carrier-column[b-xiz8vso87u] {
        min-width: 250px;
        max-width: 300px;
    }

    .effective-column[b-xiz8vso87u], .expiration-column[b-xiz8vso87u] {
        min-width: 100px;
        max-width: 150px;
    }

    .action-column[b-xiz8vso87u], .policyNo-column[b-xiz8vso87u] {
        min-width: 75px;
        max-width: 125px;
    }
}


/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------- LAPTOP AND SMALLER DESKTOP  ------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */

@media screen and (min-width:992px) and (max-width: 1199px) {

    .insured-column[b-xiz8vso87u], .carrier-column[b-xiz8vso87u] {
        min-width: 300px;
        max-width: 350px;
    }

    .effective-column[b-xiz8vso87u], .expiration-column[b-xiz8vso87u] {
        min-width: 100px;
        max-width: 150px;
    }

    .action-column[b-xiz8vso87u], .policyNo-column[b-xiz8vso87u] {
        min-width: 75px;
        max-width: 125px;
    }
}

/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------  DESKTOP  ------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */


@media (min-width: 1200px) and (max-width: 1499px) {
}

/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------- ULTRAWIDE DESKTOP ------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */

@media (min-width: 1500px) {
}
/* /Pages/Submission/SubmissionBrowseSearch.razor.rz.scp.css */

.submission-search[b-dxvw7cn7tv] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.btn-dark[b-dxvw7cn7tv] {
    padding: 5px 13px !important;
    margin-bottom: 1px;
    border-start-start-radius: 0px;
    border-end-start-radius: 0px;
    height: 35px;
}

.row[b-dxvw7cn7tv] {
    flex: 2;
    justify-content: flex-end;
}

.search-icon[b-dxvw7cn7tv] {
    width: 15px;
}

h3[b-dxvw7cn7tv] {
    font-size: 20px;
    font-weight: 900;
    margin: 10px 0px 20px 10px;
}


/* --- Dropdown --- */
.dropdown-option[b-dxvw7cn7tv] {
    display: flex;
}


/* --- Input Text --- */
.form-control-sm[b-dxvw7cn7tv] {
    min-height: 40px !important;
}


.CustomSelect[b-dxvw7cn7tv] {
    -webkit-appearance: menulist-button;
    appearance: menulist-button;
    font-size: 13px;
    border-end-end-radius: 0px;
    border-start-end-radius: 0px;
    height: 35px !important;
}




/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------- SMALL PHONE VIEWPORT ------------------------------------------------------ */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */

@media only screen and (max-width:576px) {

    .submission-search[b-dxvw7cn7tv] {
        display: flex;
        flex-direction: column;
    }

    .row[b-dxvw7cn7tv] {
        margin-top: 20px;
    }
}


/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------- BIGGER PHONE VIEWPORT ----------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */


@media (min-width: 576px) and (max-width: 767.98px) {

    .submission-search[b-dxvw7cn7tv] {
        display: flex;
        flex-direction: column;
    }


    .row[b-dxvw7cn7tv] {
        margin-top: 20px;
    }
}

/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------- TABLET VIEWPORT -------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */


@media (min-width: 768px) and (max-width: 991.98px) {

    .dropdown-option[b-dxvw7cn7tv] {
        width: 80%;
    }
}


/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------- LAPTOP AND SMALLER DESKTOP  ------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */

@media screen and (min-width:992px) and (max-width: 1199px) {

    .dropdown-option[b-dxvw7cn7tv] {
        width: 80%;
    }
}

/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------  DESKTOP  ------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */


@media (min-width: 1200px) and (max-width: 1499px) {

    .dropdown-option[b-dxvw7cn7tv] {
        width: 50%;
    }
}

/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------- ULTRAWIDE DESKTOP ------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */

@media (min-width: 1500px) {

    .dropdown-option[b-dxvw7cn7tv] {
        width: 50%;
    }
}
/* /Pages/Submission/SubmissionCheckClearance.razor.rz.scp.css */
.TitleMessage[b-nehyxw7idl] {
    font-weight: 500;
    font-size: 15px;
}

.alert[b-nehyxw7idl] {
    margin: 1rem 0rem;
    padding: 20px 5px 0px 5px !important;
    display: flex !important;
    text-align: start !important;
    justify-content: start !important;
}

p[b-nehyxw7idl] {
    padding: 8px;
    margin: -25px 0px 0px 0px;
    font-size: 14px;
    font-weight:700;
}

li[b-nehyxw7idl] {
    font-size: 13px;
    font-weight: 500;
    margin-top: 4px;
    text-indent: 10px;
    display: flex;
    flex-direction: column;
}

b[b-nehyxw7idl] {
    font-weight: 700;
}

span[b-nehyxw7idl] {
    margin-left: 10px;
}

.clearance-data[b-nehyxw7idl] {
    margin-top: 10px;
    text-indent: 10px;
    display: flex;
    flex-direction: column;
}
/* /Pages/Submission/SubmissionDocuments.razor.rz.scp.css */
tr[b-bf2kna620m] {
    font-size: 13px;
    font-weight: 600;
}

.btn-dark[b-bf2kna620m] {
    margin-left: 10px;
    align-self: center;
    padding: 7px 15px;
    margin-top: 1px;
}

.btn-brokerManagement[b-bf2kna620m] {
    margin-left: 5px;
    padding: 5px 10px;
}


/* Component CSS Override */
.HeaderCaption[b-bf2kna620m] {
    margin-top: -102px;
    margin-left: -10px;
    font-size: 15px !important;
}

.separator[b-bf2kna620m] {
    margin: 15px 0px;
    border-top: 0.1px solid #b8e2ff;
}

.QuotationDocuments[b-bf2kna620m] {
    margin-top: 20px !important;
    margin-bottom: 25px !important;
}

.LoadingIndicator[b-bf2kna620m] {
    margin-left: 5px;
    width: 10px;
}

/* Form */

.caption[b-bf2kna620m] {
    align-self: center;
    margin-top: 5px;
    margin-right: 10px;
}

.FileContainer[b-bf2kna620m] {
    display: flex;
    margin: -5px 10px 0px 50px !important;
}

.TextContainer[b-bf2kna620m] {
    margin: 0px 20px !important;
}

.DropdownContainer[b-bf2kna620m] {
    margin-right: 30px !important;
}

.form-control[b-bf2kna620m] {
    height: 38px !important;
    width: 130% !important;
}

.sticky-column[b-bf2kna620m] {
    width: 150px;
    min-width: 50px;
    max-width: 150px;
    right: 0px;
}

.ActionCol[b-bf2kna620m], .ItemCol[b-bf2kna620m] {
    min-width: 75px;
    max-width: 125px;
}

.FileCol[b-bf2kna620m], .DocCol[b-bf2kna620m] {
    min-width: 300px;
    max-width: 350px;
}

.ProgressBar[b-bf2kna620m] {
    margin-top: 25px;
    margin-left: 10px;
}

.FileContainer[b-bf2kna620m] {
    display: flex;
    margin: -5px 21px 0px 21px;
}


/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------- SMALL PHONE VIEWPORT ------------------------------------------------------ */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
@media only screen and (max-width:576px) {

    .QuotationDocuments[b-bf2kna620m] {
        margin-bottom: 60px !important;
        margin-left: 10px;
    }

    .ActionCol[b-bf2kna620m] {
        min-width: 75px;
        max-width: 120px;
    }

    .FileCol[b-bf2kna620m], .DocCol[b-bf2kna620m] {
        min-width: 300px;
        max-width: 350px;
    }

    .ItemCol[b-bf2kna620m] {
        min-width: 100px;
        max-width: 150px;
    }

    .btn-dark[b-bf2kna620m] {
        margin: 10px 0px 10px 30px;
    }

    .broker-documents-information[b-bf2kna620m] {
        margin-left: 10px !important;
    }

    .HeaderCaption[b-bf2kna620m] {
        margin-top: -55px !important;
    }

    .form-control[b-bf2kna620m] {
        width: 100% !important;
    }

    /* Form */

    .TextContainer[b-bf2kna620m] {
        margin-left: -8px !important;
        margin-top: 10px !important;
        width: 100% !important;
    }

    .DropdownContainer[b-bf2kna620m] {
        width: 100% !important;
    }

    .FileContainer[b-bf2kna620m] {
        margin-top: 8px !important;
        justify-content: center !important;
    }
}

/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------- BIGGER PHONE VIEWPORT ----------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */


@media (min-width: 576px) and (max-width: 767.98px) {

    .QuotationDocuments[b-bf2kna620m] {
        margin-bottom: 60px !important;
        margin-left: 10px;
    }

    .FileCol[b-bf2kna620m], .DocCol[b-bf2kna620m] {
        min-width: 300px;
        max-width: 350px;
    }

    .ItemCol[b-bf2kna620m] {
        min-width: 100px;
        max-width: 150px;
    }

    /* Form */

    .TextContainer[b-bf2kna620m] {
        margin-left: -8px !important;
        margin-top: 10px !important;
        width: 100% !important;
    }

    .DropdownContainer[b-bf2kna620m] {
        width: 100% !important;
    }

    .FileContainer[b-bf2kna620m] {
        margin-top: 8px !important;
        justify-content: center !important;
    }

    .btn-dark[b-bf2kna620m] {
        margin: 10px 0px 10px 30px;
    }

    .broker-documents-information[b-bf2kna620m] {
        margin-left: 10px !important;
    }

    .HeaderCaption[b-bf2kna620m] {
        margin-top: -59px !important;
    }

    .form-control[b-bf2kna620m] {
        width: 100% !important;
    }
}

/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------- TABLET VIEWPORT ----------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */


@media (min-width: 768px) and (max-width: 991.98px) {

    .QuotationDocuments[b-bf2kna620m] {
        margin-bottom: 60px !important;
        margin-left: 10px;
    }

    .HeaderCaption[b-bf2kna620m] {
        margin-top: -56px;
        margin-left: -10px;
    }

    .ActionCol[b-bf2kna620m], .ItemCol[b-bf2kna620m] {
        min-width: 50px;
        max-width: 100px;
    }

    .FileCol[b-bf2kna620m], .DocCol[b-bf2kna620m] {
        min-width: 200px;
        max-width: 250px;
    }

    /* Form */

    .caption[b-bf2kna620m] {
        margin-bottom: 10px;
    }

    .TextContainer[b-bf2kna620m] {
        margin-left: -8px !important;
        margin-top: 10px !important;
        width: 100% !important;
    }

    .DropdownContainer[b-bf2kna620m] {
        width: 100% !important;
    }

    .FileContainer[b-bf2kna620m] {
        margin-top: 5px !important;
        margin-left: 0px !important
    }

    .broker-documents-information[b-bf2kna620m] {
        margin-left: 10px !important;
    }

    .form-control[b-bf2kna620m] {
        width: 100% !important;
    }
}

@media (min-width: 960px) and (max-width: 991px) {
    .HeaderCaption[b-bf2kna620m] {
        margin-top: -100px !important;
    }
}



/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------- LAPTOP AND SMALLER DESKTOP  ------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */

@media screen and (min-width:992px) and (max-width: 1199px) {

    .BrokerDocumentsInformation[b-bf2kna620m] {
        margin-bottom: 60px !important;
        margin-left: 0px;
    }

    .HeaderCaption[b-bf2kna620m] {
        margin-top: -102px;
        margin-left: -10px;
    }

    .ActionCol[b-bf2kna620m], .ItemCol[b-bf2kna620m] {
        min-width: 50px;
        max-width: 100px;
    }

    .FileCol[b-bf2kna620m], .DocCol[b-bf2kna620m] {
        min-width: 200px;
        max-width: 250px;
    }

    .FileContainer[b-bf2kna620m] {
        margin-top: 10px !important;
    }
}

@media screen and (min-width:1146px) and (max-width: 1199px) {
    .FileContainer[b-bf2kna620m] {
        margin-top: -5px !important;
        margin-left: 53px !important;
    }
}
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------  DESKTOP  ------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */


@media (min-width: 1200px) and (max-width: 1499px) {

    .ActionCol[b-bf2kna620m], .ItemCol[b-bf2kna620m] {
        min-width: 50px;
        max-width: 100px;
    }

    .FileCol[b-bf2kna620m], .DocCol[b-bf2kna620m] {
        min-width: 200px;
        max-width: 250px;
    }

    .caption[b-bf2kna620m] {
        margin-top: 10px;
        width: 120px;
    }

    .DropdownContainer[b-bf2kna620m] {
        margin-top: 10px;
    }

    .TextContainer[b-bf2kna620m] {
        margin-top: 10px !important;
    }

    .FileContainer[b-bf2kna620m] {
        margin-left: 0px !important;
        margin-top: 10px !important;
        justify-content: center;
    }
}

@media (min-width: 1473px) and (max-width: 1499px) {
    .FileContainer[b-bf2kna620m] {
        margin-top: 6px !important;
        margin-left: 25px !important;
        justify-content: center;
    }
}

@media (min-width: 1473px) and (max-width: 1499px) {
    .FileContainer[b-bf2kna620m] {
        margin-top: 6px !important;
        margin-left: 25px !important;
        justify-content: center;
    }
}


@media (min-width: 1200px) and (max-width: 1272px) {
    .FileContainer[b-bf2kna620m] {
        margin-top: 4px !important;
        margin-left: 25px !important;
        justify-content: center;
    }
}

/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------  ULTRAWIDE  ------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */

@media (min-width: 1500px) and (max-width: 1544px) {
    .FileContainer[b-bf2kna620m] {
        margin-top: 10px !important;
        margin-left: 55px !important;
        justify-content: center;
    }
}


[b-bf2kna620m] .mud-progress-linear .mud-progress-linear-bars {
    background: #dbebf6 !important;
}


[b-bf2kna620m] .mud-progress-linear.mud-progress-linear-color-primary:not(.mud-progress-linear-buffer) .mud-progress-linear-bar {
    background-color: var(--primaryColor);
}

[b-bf2kna620m] .mud-button-filled:hover, .mud-button-filled:focus-visible[b-bf2kna620m] {
    background: #3e93cf !important;
}

[b-bf2kna620m] .mud-button-filled {
    font-size: 13px !important;
}

[b-bf2kna620m] .mud-button-group-filled.mud-button-group-override-styles.mud-button-group-filled-primary .mud-button-root {
    color: white !important;
    background-color: var(--primaryColor) !important;
    width: 48% !important;
    border-radius: 0px;
    padding: 8px 8px !important;
}


[b-bf2kna620m] .mud-button-label {
    font-size: 12px !important;
    padding: 1px 1px !important;
    font-family: Montserrat !important;
    text-transform: none !important;
}
/* /Pages/Submission/SubmissionInfoHeader.razor.rz.scp.css */
.Navigator[b-vlbfcsprje] {
    margin-left: 10px;
    margin-top: 0px;
    font-size: 20px !important;
}

.link-navigate:hover[b-vlbfcsprje] {
    cursor: pointer;
}
/* /Pages/Submission/SubmissionInsuredInfo.razor.rz.scp.css */
/* Global CSS */

.caption[b-5t7d3ofure] {
    margin-right: 10px !important;
    margin-bottom: 3px;
    font-size: 13px !important;
}

.title[b-5t7d3ofure] {
    margin: 20px 0px;
}

.SearchDiv[b-5t7d3ofure] {
    margin-top: -20px !important;
}

.HeaderCaption[b-5t7d3ofure] {
    margin-left: 20px !important;
    margin-top: -86px !important;
    margin-bottom: 0px !important;
}

.NewInsuredDiv[b-5t7d3ofure] {
    width: 110px !important;
}

#FirstNameParentDiv[b-5t7d3ofure], #LastNameParentDiv[b-5t7d3ofure], #CompanyNameParentDiv[b-5t7d3ofure] {
    margin-top: 20px !important;
}

.separator[b-5t7d3ofure] {
    margin: 10px 0px;
    border-top: 1px solid #b8e2ff;
}


/* Component CSS */

.SubmissionInsured[b-5t7d3ofure] {
    margin-top: -15px !important;
}

.InsuredInformationSelect[b-5t7d3ofure] {
    width: 150px !important;
}

.SearchLabel[b-5t7d3ofure] {
    margin: 10px 0px !important;
}

.RadioLabel[b-5t7d3ofure] {
    font-size: 13px;
    font-weight: 500;
    margin-left: 3px;
}

.BtnInsured[b-5t7d3ofure] {
    padding: 5px 10px;
    font-size: 13px;
    width: 110px !important;
}




.TeamMember[b-5t7d3ofure] {
    width: 99%;
}


/* Transaction Type */
.MarketingReferralDiv[b-5t7d3ofure], .AcknowledgementDiv[b-5t7d3ofure], .TransactionDiv[b-5t7d3ofure], .TeamMember[b-5t7d3ofure] {
    display: flex;
}

.TransactionCheckboxDiv[b-5t7d3ofure] {
    display: flex;
    margin-bottom: -17px !important;
}
/* End */
.last-name[b-5t7d3ofure] {
    margin-left: 10px;
}

.separator-address[b-5t7d3ofure] {
    margin: 35px 0px 0px 0px !important;
    border-top: 0.1px solid #b8e2ff;
}

.mailing-btn[b-5t7d3ofure] {
    margin-top: 15px !important;
    padding: 5px 10px;
    font-size: 13px;
}

.physical-btn[b-5t7d3ofure] {
    margin-top: 6px !important;
    padding: 5px 10px;
    font-size: 13px;
}

.mailing-address-label[b-5t7d3ofure] {
    margin-top: 6px !important;
}

.physical-address-label[b-5t7d3ofure], .mailing-address-label[b-5t7d3ofure] {
    font-weight: 900;
}

.entity-caption[b-5t7d3ofure] {
    margin-top: 10px;
}

.formOfBusiness[b-5t7d3ofure] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 1px;
    width: 100% !important;
    margin: 0 10px;
    /*margin-left: 11px;*/
}

.formOfBusiness-item[b-5t7d3ofure] {
    display: flex;
    align-items: center;
    margin-left: 20px;
    margin-top: 10px;
    /*margin-bottom: 10px;*/
}


/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------- SMALL PHONE VIEWPORT ------------------------------------------------------ */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
@media only screen and (max-width:576px) {

    .last-name[b-5t7d3ofure], .street-name[b-5t7d3ofure], .unit-address[b-5t7d3ofure], .state-address[b-5t7d3ofure], .zip-code[b-5t7d3ofure] {
        margin-left: 0px !important;
    }

    .SearchInsuredInfoGroupForm[b-5t7d3ofure] {
        display: flex;
        flex-direction: column;
        align-items: start !important;
        width: 100% !important;
    }

        .SearchInsuredInfoGroupForm select[b-5t7d3ofure] {
            width: 100% !important;
            border-radius: 5px !important;
            margin-bottom: 2px;
        }

    .AutoSearchInsuredInfo[b-5t7d3ofure] {
        width: 100%;
    }



    .formOfBusiness[b-5t7d3ofure] {
        display: flex;
        flex-wrap: wrap;
        width: 100% !important;
    }

    .formOfBusiness-item[b-5t7d3ofure] {
        width: 100%;
        display: flex;
        align-items: center;
        margin-left: 10px;
        margin-top: 10px;
    }

    .HeaderCaption[b-5t7d3ofure] {
        margin-top: -54px !important;
    }

    .BtnInsured[b-5t7d3ofure] {
        padding: 5px 10px !important;
        margin-left: 0px !important;
        margin-top: 5px !important;
    }

    .SelectDiv[b-5t7d3ofure] {
        width: 100% !important;
    }


    .AutoSearchInsuredInfo[b-5t7d3ofure] {
        width: 100% !important;
    }
}

[b-5t7d3ofure] .mud-input-control.mud-input-control-margin-dense {
    margin-top: 0px !important;
}

[b-5t7d3ofure] .mud-input > input.mud-input-root-outlined.mud-input-root-margin-dense, div.mud-input-slot.mud-input-root-outlined.mud-input-root-margin-dense[b-5t7d3ofure]{
    padding-top: 7.5px !important;
    padding-bottom: 7.5px !important;
}

[b-5t7d3ofure] .mud-input.mud-input-outlined .mud-input-outlined-border {
    border-radius: .25rem !important;
    border: 1px solid #ced4da;
}
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------- BIGGER PHONE VIEWPORT ----------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
@media (min-width: 576px) and (max-width: 767.98px) {
    .last-name[b-5t7d3ofure], .street-name[b-5t7d3ofure], .unit-address[b-5t7d3ofure], .state-address[b-5t7d3ofure], .zip-code[b-5t7d3ofure] {
        margin-left: 0px !important;
    }

    .AutoSearchInsuredInfo[b-5t7d3ofure] {
        width: 100%;
    }

    .HeaderCaption[b-5t7d3ofure] {
        margin-top: -60px !important;
    }

    .SearchInsuredInfoGroupForm[b-5t7d3ofure] {
        display: flex;
        flex-direction: column;
        width: 100%;
        align-items: start;
    }

        .SearchInsuredInfoGroupForm select[b-5t7d3ofure] {
            width: 100% !important;
            border-radius: 5px !important;
            margin-bottom: 2px;
        }


    .formOfBusiness[b-5t7d3ofure] {
        display: flex;
        flex-wrap: wrap;
        width: 100% !important;
    }

    .formOfBusiness-item[b-5t7d3ofure] {
        width: 100%;
        display: flex;
        align-items: center;
        margin-left: 10px;
        margin-top: 10px;
    }

    .TeamMember[b-5t7d3ofure] {
        flex-direction: column;
        width: 100%;
    }

    .TransactionCheckboxDiv[b-5t7d3ofure] {
        flex-direction: column;
    }

    .TransactionDiv[b-5t7d3ofure] {
        flex-direction: column;
    }

    .MarketingReferralDiv[b-5t7d3ofure] {
        flex-direction: row;
        margin-left: 0px;
    }

    .BtnInsured[b-5t7d3ofure] {
        padding: 5px 10px !important;
        margin-left: 5px !important;
        margin-top: 10px !important;
    }

    .SelectDiv[b-5t7d3ofure] {
        width: 100% !important;
    }

    .AutoSearchInsuredInfo[b-5t7d3ofure] {
        width: 100% !important;
    }
}


/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------- TABLET VIEWPORT -------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */


@media (min-width: 768px) and (max-width: 991.98px) {

    .formOfBusiness[b-5t7d3ofure] {
        display: flex;
        flex-wrap: wrap;
        width: 100% !important;
    }

    .formOfBusiness-item[b-5t7d3ofure] {
        width: 100%;
        display: flex;
        align-items: center;
        margin-left: 10px;
        margin-top: 10px;
    }

    .HeaderCaption[b-5t7d3ofure] {
        margin-top: -60px !important;
    }

    .TransactionCheckboxDiv[b-5t7d3ofure] {
        flex-direction: column;
    }

    .MarketingReferralDiv[b-5t7d3ofure] {
        margin-left: 0px;
    }

    .AcknowledgementDiv[b-5t7d3ofure] {
        margin-left: -300px;
    }

    .BtnInsured[b-5t7d3ofure] {
        padding: 5px 10px !important;
        margin-top: 10px !important;
        margin-left: 0px !important;
    }

    .NewInsuredDiv[b-5t7d3ofure] {
        margin-top: -10px !important
    }
}


/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------- LAPTOP AND SMALLER DESKTOP  ------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */

@media screen and (min-width:992px) and (max-width: 1199px) {

    .BtnInsured[b-5t7d3ofure] {
        padding: 5px 10px !important;
        margin-top: 10px !important;
        margin-left: 0px !important;
    }

    .NewInsuredDiv[b-5t7d3ofure] {
        margin-top: 0px !important
    }
}

/* Lester CSS */
@media (min-width: 992px) and (max-width: 1468px) {
    .formOfBusiness-item[b-5t7d3ofure] {
        width: 100%;
        display: flex;
        align-items: center;
        margin-left: 10px;
        margin-top: 10px;
    }

    .TransactionCheckboxDiv[b-5t7d3ofure] {
        flex-direction: column;
    }

    .MarketingReferralDiv[b-5t7d3ofure] {
        margin-left: 0px;
    }

    .AcknowledgementDiv[b-5t7d3ofure] {
        margin-left: -300px;
    }
}

@media (min-width: 1000px) and (max-width: 1200px) {
    .MarketingReferralDiv[b-5t7d3ofure] {
        margin-left: 0px;
    }
}
/* End */

/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------- LAPTOP AND SMALLER DESKTOP  ------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */

@media (min-width: 1200px) and (max-width: 1500px) {
}

/* Lester CSS */
@media (min-width:1201px) and (max-width: 1468px) {

    .TransactionCheckboxDiv[b-5t7d3ofure] {
        flex-direction: column;
    }

    .MarketingReferralDiv[b-5t7d3ofure] {
        flex-direction: row;
    }
}

/* End */
/* /Pages/Submission/SubmissionLocationList.razor.rz.scp.css */
/* Global Override CSS */

.table-container-scroll[b-43f3nj69kk] {
    max-height: 249px;
    overflow-y: auto;
}

tr[b-43f3nj69kk] {
    font-size: 13px;
    font-weight: 600;
}

.sticky-column[b-43f3nj69kk] {
    min-width: 50px;
    max-width: 100px;
    right: 0px;
}

/* Component Style CSS */

.ContactList[b-43f3nj69kk] {
    margin-left: 310px;
}

.CenteredContent[b-43f3nj69kk] {
    border-top: 1px solid #808080;
    padding: 30px 0px 0px 0px;
    margin: 50px 0px 0px 0px !important;
}

.LoadingIndicator[b-43f3nj69kk] {
    margin-left: 5px;
    width: 10px;
}

.HeaderCaption[b-43f3nj69kk] {
    margin-top: -102px;
    margin-left: -10px;
    font-size: 15px !important;
}


.caption[b-43f3nj69kk] {
    margin-right: 10px;
    align-self: center;
    margin-top: 5px;
    font-size: 13px !important;
}

.search-icon[b-43f3nj69kk] {
    width: 15px;
}

/* Buttons */

.btn-brokerManagement[b-43f3nj69kk], .btn-delete[b-43f3nj69kk] {
    padding: 3px 8px 3px 10px;
}

.btn-brokerManagement[b-43f3nj69kk] {
    margin-right: 5px;
}

.exit[b-43f3nj69kk] {
    margin-right: 10px;
}

.btn-dark[b-43f3nj69kk] {
    margin-left: 10px;
    padding: 5px 10px !important;
    font-size: 13px;
}


.ActionCol[b-43f3nj69kk] {
    min-width: 50px;
    max-width: 90px;
}

.NameCol[b-43f3nj69kk], .DepartmentCol[b-43f3nj69kk], .TitleCol[b-43f3nj69kk] {
    min-width: 200px;
    max-width: 250px;
}

.ItemCol[b-43f3nj69kk] {
    min-width: 50px;
    max-width: 100px;
}

/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------- SMALL PHONE VIEWPORT ------------------------------------------------------ */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
@media only screen and (max-width:576px) {

    .ItemCol[b-43f3nj69kk] {
        min-width: 50px;
        max-width: 75px;
    }

    .NameCol[b-43f3nj69kk], .DepartmentCol[b-43f3nj69kk], .TitleCol[b-43f3nj69kk] {
        min-width: 150px;
        max-width: 200px;
    }

    .ActionCol[b-43f3nj69kk] {
        min-width: 70px;
        max-width: 120px;
    }

    .select-option[b-43f3nj69kk] {
        margin: 10px 0px 10px 15px;
    }

    .caption[b-43f3nj69kk] {
        margin: 0px 0px 0px 30px;
    }

    .btn-dark[b-43f3nj69kk] {
        margin: 10px 0px 10px 30px;
    }

    .ContactList[b-43f3nj69kk] {
        margin-left: 10px !important;
    }

    .HeaderCaption[b-43f3nj69kk] {
        margin-top: -62px;
    }
}

/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------- BIGGER PHONE VIEWPORT ----------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */


@media (min-width: 576px) and (max-width: 767.98px) {

    .ItemCol[b-43f3nj69kk] {
        min-width: 50px;
        max-width: 75px;
    }

    .NameCol[b-43f3nj69kk] {
        min-width: 200px;
        max-width: 250px;
    }

    .DepartmentCol[b-43f3nj69kk], .TitleCol[b-43f3nj69kk] {
        min-width: 175px;
        max-width: 225px;
    }

    .caption[b-43f3nj69kk] {
        margin: 0px 0px 0px 30px;
    }

    .select-option[b-43f3nj69kk] {
        margin: 10px 0px 10px 15px;
    }

    .btn-dark[b-43f3nj69kk] {
        margin: 10px 0px 10px 30px;
    }

    .ContactList[b-43f3nj69kk] {
        margin-left: 10px !important;
    }

    .HeaderCaption[b-43f3nj69kk] {
        margin-top: -67px;
    }
}

/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------- TABLET VIEWPORT ----------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */


@media (min-width: 768px) and (max-width: 991.98px) {

    .HeaderCaption[b-43f3nj69kk] {
        margin-top: -59px;
        margin-left: -10px;
    }

    .NameCol[b-43f3nj69kk] {
        min-width: 200px;
        max-width: 250px;
    }

    .DepartmentCol[b-43f3nj69kk], .TitleCol[b-43f3nj69kk] {
        min-width: 150px;
        max-width: 200px;
    }

    .select-option[b-43f3nj69kk] {
        width: 400px;
    }

    .ContactList[b-43f3nj69kk] {
        margin-left: 10px !important;
    }
}


@media (min-width: 960px) and (max-width: 991px) {
    .HeaderCaption[b-43f3nj69kk] {
        margin-top: -100px !important;
    }
}



/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------- LAPTOP AND SMALLER DESKTOP  ------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */

@media screen and (min-width:992px) and (max-width: 1199px) {


    .NameCol[b-43f3nj69kk] {
        min-width: 175px;
        max-width: 225px;
    }

    .select-option[b-43f3nj69kk] {
        width: 300px;
    }

    .ContactList[b-43f3nj69kk] {
        margin-top: 0px !important;
        margin-left: 0px !important;
    }
}
/* /Pages/Submission/SubmissionNavMenu.razor.rz.scp.css */

*[b-zu2fv0c5ti] {
    scrollbar-width: none !important;
}



.menu-container[b-zu2fv0c5ti] {
    position: fixed;
    top: 0px;
    background: #333333;
    color: white;
    height: 98vh !important;
    border-radius: 3px;
    box-shadow: 0px 4px 2px rgba(0,0,0,0.3);
    width: 350px;
    margin: 7.5px;
}


.QuotationList[b-zu2fv0c5ti] {
    display: inline-block !important;
    margin: 5px 10px -10px 10px;
    padding: 3px 5px 0px 3px;
    text-align: start;
    font-size: 14px;
    height: 30px
}


/* Saarch */
.search-group[b-zu2fv0c5ti] {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
}

.CustomSelect[b-zu2fv0c5ti] {
    padding: 5px;
    width: 126px;
    height: 33.5px !important;
    border-radius: 0px !important;
}

.search-text[b-zu2fv0c5ti] {
    width: 100%;
    border-radius: 0px !important;
    font-size: 13px !important;
    height: 33px;
}


.scroll-box[b-zu2fv0c5ti] {
    max-height: calc(90vh - 125px) !important;
}

.title[b-zu2fv0c5ti] {
    font-size: 18px;
    color: white !important;
    padding-top: 20px;
    padding-bottom: 5px;
    text-align: start;
    font-weight: 600;
}

.summary-span[b-zu2fv0c5ti] {
    background-color: #565656;
    border-radius: 5px;
    padding: 3px 16px;
    font-weight: 700;
    font-size: 15px;
    border: 0.5px solid white;
}


.summary-header[b-zu2fv0c5ti] {
    font-size: 15px;
    margin-right: 6px;
    color: white !important;
    font-weight: 500;
    margin-top: 5px !important;
    margin-bottom: 8px !important;
}


.scroll-box[b-zu2fv0c5ti] {
    height: calc(90vh - 215px) !important;
}

.danger-background[b-zu2fv0c5ti] {
    padding: 8px;
    border-radius: 3px;
    text-align: center !important;
    background: var(--red);
    color: white;
    margin: 10px 10px 0px 10px;
    font-weight: 600;
}

/* Buttons */
.button-group[b-zu2fv0c5ti] {
    display: flex;
    flex-direction: column;
    width: 100%;
    justify-content: center !important;
    position: absolute;
    bottom: 10px;
    padding-bottom: 10px;
}


/* Quote Container */

.quote-container[b-zu2fv0c5ti] {
    display: flex;
    flex-wrap: wrap;
    padding: 10px;
    margin: 5px 12px 4px 12px;
    border: 0.5px solid white;
    border-radius: 5px;
    background: #565656 !important;
    box-shadow: rgb(177 157 142) 1px 1px 0px;
    transition: all 200ms;
    font-size: 13px;
    height: 100px;
    position: relative;
}

.DataValue[b-zu2fv0c5ti] {
    font-weight: 200;
}

.max-ellipsis[b-zu2fv0c5ti] {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 100%;
}

.ellipsis[b-zu2fv0c5ti] {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 150px;
}

.quote-container > div[b-zu2fv0c5ti] {
    flex: 1;
    margin-top: 3px;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

    .quote-container > div:first-child[b-zu2fv0c5ti],
    .quote-container > div:last-child[b-zu2fv0c5ti] {
        display: flex;
        justify-content: space-between;
    }



.quote-container:hover[b-zu2fv0c5ti] {
    cursor: pointer;
    background: var(--secondaryColor) !important;
    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.5);
    transition: all 200ms;
}


.quote-container:hover[b-zu2fv0c5ti] {
    cursor: pointer;
    background: #f2f2f2;
}

    .quote-container:hover .tooltip-text[b-zu2fv0c5ti] {
        visibility: visible;
        opacity: 1;
    }

.LoadingIndicator[b-zu2fv0c5ti] {
    width: 15px !important;
    margin-left: 10px;
}

/* Tooltip */

.tooltip-text[b-zu2fv0c5ti] {
    visibility: hidden;
    width: auto;
    text-align: center;
    border-radius: 6px;
    padding: 5px;
    position: absolute;
    z-index: 99;
    margin-left: 5px;
    opacity: 0;
    top: 35px;
    left: 57px;
    min-height: 30px;
    transition: opacity 0.2s;
    background-color: white;
    color: #333;
    text-align: center;
}

.total-policy > .dellwood-form-label[b-zu2fv0c5ti] {
    text-align: center;
    background: white;
    padding: 5px 0px;
    margin: 10px 8px 0px 8px;
    border-radius: 3px;
    color: var(--primaryColor);
    font-weight: 700;
}

/* Validation  */
.validation-container[b-zu2fv0c5ti] {
    margin: 10px 10px 7px 10px !important;
    font-size: 13px;
}

.validation-header[b-zu2fv0c5ti] {
    background: var(--red);
    border-start-start-radius: 3px;
    border-start-end-radius: 3px;
}

.validation-item-text[b-zu2fv0c5ti] {
    margin-left: 5px;
    font-weight: 300;
    padding: 5px;
    color: white !important;
    font-size: 13px;
    margin-bottom: 3px;
}

.validation-item-container[b-zu2fv0c5ti] {
    padding: 0px;
    border: 1px white solid;
    border-top: none !important;
    transition: background-color 0.1s;
}

    .validation-item-container:hover[b-zu2fv0c5ti] {
        background: white;
        cursor: pointer;
        border-top: 1px black solid;
        border-bottom: 1px black solid;
    }

        .validation-item-container:hover .validation-item-text[b-zu2fv0c5ti] {
            color: black !important;
            font-weight: 600;
        }

.icon-circle[b-zu2fv0c5ti] {
    border-radius: 25px;
    width: 23px;
    height: 23px;
    background-color: #333333;
    border: 2px white solid;
    margin-left: 10px;
}

.text-header[b-zu2fv0c5ti] {
    padding: 5px;
    font-size: 13px;
    font-weight: 700;
    margin-top: 8px;
    margin-bottom: 7px;
}


[b-zu2fv0c5ti] .ant-btn-primary {
    padding: 5px !important;
    height: 40px !important;
    color: #fff;
    border-color: var(--secondaryColor);
    background: var(--secondaryColor);
}

    [b-zu2fv0c5ti] .ant-btn-primary:hover, .ant-btn-primary:focus[b-zu2fv0c5ti] {
        color: var(--primaryColor);
        border-color: #fff;
        background: #fff;
        font-weight: 700;
    }


@media only screen and (max-width: 1199px) {
    .menu-container[b-zu2fv0c5ti] {
        height: auto !important;
        position: relative;
        justify-content: center;
        top: 10px;
        padding-top: 10px;
        margin-left: 0px;
        width: 100%;
    }

    .button-group[b-zu2fv0c5ti] {
        position: inherit;
        margin-top: 20px;
        bottom: 0;
    }

    .ellipsis[b-zu2fv0c5ti] {
        max-width: 100% !important;
    }

    .scroll-box[b-zu2fv0c5ti] {
        max-height: 100% !important;
    }
}

@media only screen and (max-width: 991px) {
    .menu-container[b-zu2fv0c5ti] {
        margin-left: 0px;
    }
}


/* ------------------------------------------------------ Mud Blazor Override -------------------------------------------------------*/

[b-zu2fv0c5ti] .mud-button-group-filled.mud-button-group-override-styles.mud-button-group-filled-primary .mud-button-root {
    color: white !important;
    background-color: var(--primaryColor) !important;
    width: 48% !important;
    border-radius: 0px;
    padding: 8px 8px !important;
}


[b-zu2fv0c5ti] .mud-button-group-horizontal:not(.mud-button-group-rtl) > .mud-button-root:not(:last-child), .mud-button-group-horizontal:not(.mud-button-group-rtl) > :not(:last-child) .mud-button-root[b-zu2fv0c5ti] {
    border-start-start-radius: 5px;
    border-end-start-radius: 5px;
}

[b-zu2fv0c5ti] .mud-button-group-horizontal:not(.mud-button-group-rtl) > .mud-button-root:not(:first-child), .mud-button-group-horizontal:not(.mud-button-group-rtl) > :not(:first-child) .mud-button-root[b-zu2fv0c5ti] {
    border-start-end-radius: 5px;
    border-end-end-radius: 5px;
}
/* /Pages/Submission/SubmissionNavMenuPagination.razor.rz.scp.css */
.list-unstyled[b-cx5mnxrni6] {
    margin: 0;
    padding: 0;
    display:inline-block;
}

.page-item[b-cx5mnxrni6] {
    display: inline-block;
    margin: 0 5px;
}

    .page-item a[b-cx5mnxrni6] {
        display: inline-block;
        margin: 0px -2px;
        overflow: hidden;
        color: var(--lightGray);
        text-decoration: none;
        transition: background-color 0.1s ease, color 0.1s ease;
        font-size: 13px;
    }

    .page-item.active a[b-cx5mnxrni6] {
        color: var(--primaryColor);
        font-weight: 700;
    }

    .page-item:hover:not(.active) a[b-cx5mnxrni6] {
        color: var(--primaryColor);
        font-weight: 500;
    }

.oi-media-skip-backward[b-cx5mnxrni6], .oi-media-skip-forward[b-cx5mnxrni6] {
    font-size: 12px;
    margin: 0px -10px;
}

.icons[b-cx5mnxrni6] {
    font-size: 12px;
    padding: 3px 10px;
}


.disabled[b-cx5mnxrni6] {
    margin: 0 5px;
    border-radius: 5px;
    text-decoration: none !important;
    color: darkgray;
}

    .disabled .icons[b-cx5mnxrni6] {
        filter: brightness(0.1) invert(0.5) !important;
    }

    .disabled:hover .icons[b-cx5mnxrni6] {
        cursor: not-allowed;
    }


.pagination-container[b-cx5mnxrni6] {
    max-width: 100%;
    overflow-x: auto;
    white-space: nowrap;
}

@media (max-width: 576px) {
    .pagination-container[b-cx5mnxrni6] {
        margin-top: 5px;
        overflow-x: scroll;
    }
}
/* /Pages/Submission/SubmissionOrigination.razor.rz.scp.css */
/* Global CSS */

.caption[b-a1sotbtgbp] {
    margin-right: 10px !important;
    margin-bottom: 3px;
    font-size: 13px !important;
}


.HeaderCaption[b-a1sotbtgbp] {
    margin-left: -5px !important;
    margin-top: -86px !important;
    margin-bottom: 0px !important;
}


/* Component CSS */

.SubmissionInsured[b-a1sotbtgbp] {
    margin-top: -15px !important;
}

.SearchLabel[b-a1sotbtgbp] {
    margin: 10px 0px !important;
}

.RadioLabel[b-a1sotbtgbp] {
    font-size: 13px;
    font-weight: 500;
    margin-left: 3px;
}

.BtnInsured[b-a1sotbtgbp] {
    margin-left: 9px;
    padding: 5px 10px;
    font-size: 13px;
}




.TeamMember[b-a1sotbtgbp] {
    width: 99%;
}


/* Transaction Type */
.MarketingReferralDiv[b-a1sotbtgbp], .AcknowledgementDiv[b-a1sotbtgbp], .TransactionDiv[b-a1sotbtgbp], .TeamMember[b-a1sotbtgbp] {
    display: flex;
}

.transaction-checkbox[b-a1sotbtgbp]{
    display: flex;
    flex-wrap:wrap;
    justify-content: start;
}

@media (min-width: 768px){
    .transaction-checkbox[b-a1sotbtgbp] {
        -webkit-justify-content: start;
        justify-content: start;
    }
}

.TransactionCheckboxDiv[b-a1sotbtgbp] {
    display: flex;
    margin-bottom: -17px !important;
}
/* End */
.last-name[b-a1sotbtgbp] {
    margin-left: 10px;
}


.separator[b-a1sotbtgbp] {
    margin: 15px 0px;
    border-top: 0.1px solid #b8e2ff;
}

.separator-address[b-a1sotbtgbp] {
    margin: 35px 0px 0px 0px !important;
    border-top: 0.1px solid #b8e2ff;
}

.mailing-btn[b-a1sotbtgbp] {
    margin-top: 15px !important;
    padding: 5px 10px;
    font-size: 13px;
}

.physical-btn[b-a1sotbtgbp] {
    margin-top: 6px !important;
    padding: 5px 10px;
    font-size: 13px;
}

.mailing-address-label[b-a1sotbtgbp] {
    margin-top: 6px !important;
}

.physical-address-label[b-a1sotbtgbp], .mailing-address-label[b-a1sotbtgbp] {
    font-weight: 900;
}


.formOfBusiness[b-a1sotbtgbp] {
    display: flex;
    flex-wrap: wrap;
    width: 100% !important;
    margin-left: 11px;
}

.formOfBusiness-item[b-a1sotbtgbp] {
    display: flex;
    align-items: center;
    margin-left: 20px;
    margin-bottom: 10px;
}


/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------- SMALL PHONE VIEWPORT ------------------------------------------------------ */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
@media only screen and (max-width:576px) {

    .last-name[b-a1sotbtgbp], .street-name[b-a1sotbtgbp], .unit-address[b-a1sotbtgbp], .state-address[b-a1sotbtgbp], .zip-code[b-a1sotbtgbp] {
        margin-left: 0px !important;
    }

    .SearchInsuredInfoGroupForm[b-a1sotbtgbp] {
        display: flex;
        flex-direction: column;
        align-items: start !important;
        width: 100% !important;
    }

    .TransactionCheckboxDiv[b-a1sotbtgbp] {
        flex-direction: column;
    }

    .TransactionDiv[b-a1sotbtgbp] {
        flex-direction: column;
    }    

        .SearchInsuredInfoGroupForm select[b-a1sotbtgbp] {
            width: 100% !important;
            border-radius: 5px !important;
            margin-bottom: 2px;
        }

    .AutoSearchInsuredInfo[b-a1sotbtgbp] {
        width: 100%;
    }

    .TeamMember[b-a1sotbtgbp] {
        flex-direction: column;
        width: 100%;
    }

    .formOfBusiness[b-a1sotbtgbp] {
        display: flex;
        flex-wrap: wrap;
        width: 100% !important;
    }

    .formOfBusiness-item[b-a1sotbtgbp] {
        width: 100%;
        display: flex;
        align-items: center;
        margin-left: 10px;
        margin-top: 10px;
    }

    .BtnInsured[b-a1sotbtgbp] {
        padding: 5px 10px !important;
        margin-left: 0px !important;
        margin-top: 5px !important;
    }

    .SelectDiv[b-a1sotbtgbp] {
        width: 100% !important;
    }


    .AutoSearchInsuredInfo[b-a1sotbtgbp] {
        width: 100% !important;
    }

    .NewInsuredDiv[b-a1sotbtgbp] {
        margin-left: 0px !important;
        width: 100% !important;
        margin-bottom: 0px !important;
    }
}


/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------- BIGGER PHONE VIEWPORT ----------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */


@media (min-width: 577px) and (max-width: 767.98px) {


    .last-name[b-a1sotbtgbp],
    .street-name[b-a1sotbtgbp],
    .unit-address[b-a1sotbtgbp],
    .state-address[b-a1sotbtgbp],
    .zip-code[b-a1sotbtgbp] {
        margin-left: 0px !important;
    }

    .AutoSearchInsuredInfo[b-a1sotbtgbp] {
        width: 100%;
    }

    .HeaderCaption[b-a1sotbtgbp] {
        margin-top: -60px !important;
    }

    .SearchInsuredInfoGroupForm[b-a1sotbtgbp] {
        display: flex;
        flex-direction: column;
        width: 100%;
        align-items: start;
    }

        .SearchInsuredInfoGroupForm select[b-a1sotbtgbp] {
            width: 100% !important;
            border-radius: 5px !important;
            margin-bottom: 2px;
        }


    .formOfBusiness[b-a1sotbtgbp] {
        display: flex;
        flex-wrap: wrap;
        width: 100% !important;
    }

    .formOfBusiness-item[b-a1sotbtgbp] {
        width: 100%;
        display: flex;
        align-items: center;
        margin-left: 10px;
        margin-top: 10px;
    }

    .TeamMember[b-a1sotbtgbp] {
        flex-direction: column;
        width: 100%;
    }

    .MemberParentDiv[b-a1sotbtgbp] {
        margin-top: 10px !important;
    }

    .TransactionCheckboxDiv[b-a1sotbtgbp] {
        flex-direction: column;
    }

    .TransactionDiv[b-a1sotbtgbp] {
        flex-direction: column;
    }

    .MarketingReferralDiv[b-a1sotbtgbp] {
        flex-direction: row;
        margin-left: 0px;
    }

    .BtnInsured[b-a1sotbtgbp] {
        padding: 5px 10px !important;
        margin-left: 0px !important;
        margin-top: 5px !important;
    }

    .SelectDiv[b-a1sotbtgbp] {
        width: 100% !important;
    }

    .AutoSearchInsuredInfo[b-a1sotbtgbp] {
        width: 100% !important;
    }

    .NewInsuredDiv[b-a1sotbtgbp] {
        margin-left: 0px !important;
        width: 100% !important;
        margin-bottom: 0px !important;
    }
}


/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------- TABLET VIEWPORT -------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */


@media (min-width: 768px) and (max-width: 991.98px) {

    .formOfBusiness[b-a1sotbtgbp] {
        display: flex;
        flex-wrap: wrap;
        width: 100% !important;
    }

    .formOfBusiness-item[b-a1sotbtgbp] {
        width: 100%;
        display: flex;
        align-items: center;
        margin-left: 10px;
        margin-top: 10px;
    }

    .HeaderCaption[b-a1sotbtgbp] {
        margin-top: -60px !important;
    }

    .TransactionCheckboxDiv[b-a1sotbtgbp] {
        flex-direction: column;
    }

    .MarketingReferralDiv[b-a1sotbtgbp] {
        margin-left: 0px;
    }

    .AcknowledgementDiv[b-a1sotbtgbp] {
        /*margin-left: -300px;*/
    }

    .BtnInsured[b-a1sotbtgbp] {
        padding: 5px 10px !important;
        margin-top: 10px !important;
        margin-left: 0px !important;
    }
}


/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------- LAPTOP AND SMALLER DESKTOP  ------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */

@media screen and (min-width:992px) and (max-width: 1199px) {

    .BtnInsured[b-a1sotbtgbp] {
        padding: 5px 10px !important;
        margin-top: 10px !important;
        margin-left: 0px !important;
    }
}

/* Lester CSS */
@media (min-width: 992px) and (max-width: 1468px) {
    .formOfBusiness-item[b-a1sotbtgbp] {
        width: 100%;
        display: flex;
        align-items: center;
        margin-left: 10px;
        margin-top: 10px;
    }

    .TransactionCheckboxDiv[b-a1sotbtgbp] {
        flex-direction: column;
    }

    .MarketingReferralDiv[b-a1sotbtgbp] {
        margin-left: 0px;
    }
}

@media (min-width: 1000px) and (max-width: 1200px) {
    .MarketingReferralDiv[b-a1sotbtgbp] {
        margin-left: 0px;
    }
}
/* End */

/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------- LAPTOP AND SMALLER DESKTOP  ------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */

@media (min-width: 1200px) and (max-width: 1499px) {
}

/* Lester CSS */
@media (min-width:1201px) and (max-width: 1468px) {

    .TransactionCheckboxDiv[b-a1sotbtgbp] {
        flex-direction: column;
    }

    .MarketingReferralDiv[b-a1sotbtgbp] {
        flex-direction: row;
    }
}

/* End */
/* /Pages/TaskAlerts/TaskAlertsPagination.razor.rz.scp.css */
/* /Pages/TaskAlerts/TaskAlertsSearch.razor.rz.scp.css */
.taskDue-header[b-hyf2trtljy] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.row[b-hyf2trtljy] {
    flex: 2;
    justify-content: flex-end;
}

.btn-dark[b-hyf2trtljy] {
    padding: 5px 13px !important;
    margin-bottom: 1px;
    height: 35px !important;
    border-start-start-radius: 0px;
    border-end-start-radius: 0px;
}

.search-icon[b-hyf2trtljy] {
    width: 15px;
}

h3[b-hyf2trtljy] {
    font-size: 20px;
    font-weight: 800;
    margin: 10px 0px 20px 10px;
}

.TaskDueToday[b-hyf2trtljy] {
    color: var(--red);
}

.TaskDueThisWeek[b-hyf2trtljy] {
    color: var(--yellow);
}

.TaskPastDue[b-hyf2trtljy] {
    color: #9E9E9E;
}

/* --- Dropdown --- */


.dropdown-option[b-hyf2trtljy] {
    display: flex;
}


/* --- Input Text --- */
.form-control-sm[b-hyf2trtljy] {
    min-height: 40px !important;
}


.CustomSelect[b-hyf2trtljy] {
    -webkit-appearance: menulist-button;
    appearance: menulist-button;
    font-size: 13px;
    border-end-end-radius: 0px;
    border-start-end-radius: 0px;
    height: 35px !important;
}




/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------- SMALL PHONE VIEWPORT ------------------------------------------------------ */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */

@media only screen and (max-width:576px) {
    .taskDue-header[b-hyf2trtljy] {
        display: flex;
        flex-direction: column;
    }

    .row[b-hyf2trtljy] {
        margin-top: 20px;
    }

}


/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------- BIGGER PHONE VIEWPORT ----------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */


@media (min-width: 576px) and (max-width: 767.98px) {

    .taskDue-header[b-hyf2trtljy] {
        display: flex;
        flex-direction: column;
    }

    .row[b-hyf2trtljy] {
        margin-top: 20px;
    }
}

/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------- TABLET VIEWPORT -------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */


@media (min-width: 768px) and (max-width: 991.98px) {

    .dropdown-option[b-hyf2trtljy] {
        width: 80%;
    }
}


/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------- LAPTOP AND SMALLER DESKTOP  ------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */

@media screen and (min-width:992px) and (max-width: 1199px) {

    .dropdown-option[b-hyf2trtljy] {
        width: 80%;
    }
}

/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------  DESKTOP  ------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */


@media (min-width: 1200px) and (max-width: 1499px) {

    .dropdown-option[b-hyf2trtljy] {
        width: 50%;
    }
}

/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------- ULTRAWIDE DESKTOP ------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */

@media (min-width: 1500px) {

    .dropdown-option[b-hyf2trtljy] {
        width: 50%;
    }
}
/* /Pages/TaskAlerts/TaskBrowseTaskDueThisWeek.razor.rz.scp.css */
.CenteredContent[b-r17l5b8zt6] {
    border-top: 1px solid #808080;
    padding: 30px 0px 0px 0px;
    margin: 50px 0px 0px 0px !important;
}

tr:nth-child(even) td[b-r17l5b8zt6] {
    background-color: #fff8db !important;
}


.btn-dark[b-r17l5b8zt6] {
    padding: 2px 7px;
    font-size: 14px;
}

.LoadingIndicator[b-r17l5b8zt6] {
    margin-left: 5px;
    width: 10px;
}


.sticky-column-first[b-r17l5b8zt6] {
    width: 150px;
    min-width: 10px;
    max-width: 150px;
    left: 0px;
}


.effective-column[b-r17l5b8zt6], .transaction-column[b-r17l5b8zt6], .broker-column[b-r17l5b8zt6] {
    min-width: 200px;
    max-width: 225px;
}

.action-column[b-r17l5b8zt6], .policyNo-column[b-r17l5b8zt6] {
    min-width: 130px;
    max-width: 175px;
}


/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------- SMALL PHONE VIEWPORT ------------------------------------------------------ */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
@media only screen and (max-width:576px) {

    .effective-column[b-r17l5b8zt6], .transaction-column[b-r17l5b8zt6], .broker-column[b-r17l5b8zt6] {
        min-width: 150px;
        max-width: 200px;
    }

    .action-column[b-r17l5b8zt6], .policyNo-column[b-r17l5b8zt6], .insured-column[b-r17l5b8zt6] {
        min-width: 100px;
        max-width: 150px;
    }
}

/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------- BIGGER PHONE VIEWPORT ----------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */


@media (min-width: 576px) and (max-width: 767.98px) {
    .effective-column[b-r17l5b8zt6], .transaction-column[b-r17l5b8zt6], .broker-column[b-r17l5b8zt6] {
        min-width: 175px;
        max-width: 200px;
    }

    .action-column[b-r17l5b8zt6], .policyNo-column[b-r17l5b8zt6], .insured-column[b-r17l5b8zt6] {
        min-width: 150px;
        max-width: 150px;
    }
}

/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------- TABLET VIEWPORT ----------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */


@media (min-width: 768px) and (max-width: 991.98px) {
    .effective-column[b-r17l5b8zt6], .transaction-column[b-r17l5b8zt6], .broker-column[b-r17l5b8zt6] {
        min-width: 200px;
        max-width: 200px;
    }

    .action-column[b-r17l5b8zt6], .policyNo-column[b-r17l5b8zt6], .insured-column[b-r17l5b8zt6] {
        min-width: 150px;
        max-width: 150px;
    }
}


/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------- LAPTOP AND SMALLER DESKTOP  ------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */

@media screen and (min-width:992px) and (max-width: 1199px) {
    .effective-column[b-r17l5b8zt6], .transaction-column[b-r17l5b8zt6], .broker-column[b-r17l5b8zt6] {
        min-width: 175px;
        max-width: 200px;
    }

    .action-column[b-r17l5b8zt6], .policyNo-column[b-r17l5b8zt6], .insured-column[b-r17l5b8zt6] {
        min-width: 150px;
        max-width: 150px;
    }
}

/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------  DESKTOP  ------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */


@media (min-width: 1200px) and (max-width: 1499px) {
}

/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------- ULTRAWIDE DESKTOP ------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */

@media (min-width: 1500px) {
}
/* /Pages/TaskAlerts/TaskBrowseTaskDueToday.razor.rz.scp.css */
.CenteredContent[b-nnnuin2xun] {
    border-top: 1px solid #808080;
    padding: 30px 0px 0px 0px;
    margin: 50px 0px 0px 0px !important;
}

tr:nth-child(even) td[b-nnnuin2xun] {
    background-color: #ece5fd !important;
}


.btn-dark[b-nnnuin2xun] {
    padding: 2px 7px;
    font-size: 14px;
}

.LoadingIndicator[b-nnnuin2xun] {
    margin-left: 5px;
    width: 10px;
}


.sticky-column-first[b-nnnuin2xun] {
    width: 150px;
    min-width: 10px;
    max-width: 150px;
    left: 0px;
}



.effective-column[b-nnnuin2xun], .transaction-column[b-nnnuin2xun], .broker-column[b-nnnuin2xun] {
    min-width: 200px;
    max-width: 225px;
}

.action-column[b-nnnuin2xun], .policyNo-column[b-nnnuin2xun] {
    min-width: 130px;
    max-width: 175px;
}


/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------- SMALL PHONE VIEWPORT ------------------------------------------------------ */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
@media only screen and (max-width:576px) {

    .effective-column[b-nnnuin2xun], .transaction-column[b-nnnuin2xun], .broker-column[b-nnnuin2xun] {
        min-width: 150px;
        max-width: 200px;
    }

    .action-column[b-nnnuin2xun], .policyNo-column[b-nnnuin2xun], .insured-column[b-nnnuin2xun] {
        min-width: 100px;
        max-width: 150px;
    }
}

/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------- BIGGER PHONE VIEWPORT ----------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */


@media (min-width: 576px) and (max-width: 767.98px) {
    .effective-column[b-nnnuin2xun], .transaction-column[b-nnnuin2xun], .broker-column[b-nnnuin2xun] {
        min-width: 175px;
        max-width: 200px;
    }

    .action-column[b-nnnuin2xun], .policyNo-column[b-nnnuin2xun],.insured-column[b-nnnuin2xun] {
        min-width: 150px;
        max-width: 150px;
    }
}

/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------- TABLET VIEWPORT ----------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */


@media (min-width: 768px) and (max-width: 991.98px) {
    .effective-column[b-nnnuin2xun], .transaction-column[b-nnnuin2xun], .broker-column[b-nnnuin2xun] {
        min-width: 200px;
        max-width: 200px;
    }

    .action-column[b-nnnuin2xun], .policyNo-column[b-nnnuin2xun], .insured-column[b-nnnuin2xun] {
        min-width: 150px;
        max-width: 150px;
    }
}


/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------- LAPTOP AND SMALLER DESKTOP  ------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */

@media screen and (min-width:992px) and (max-width: 1199px) {
    .effective-column[b-nnnuin2xun], .transaction-column[b-nnnuin2xun], .broker-column[b-nnnuin2xun] {
        min-width: 175px;
        max-width: 200px;
    }

    .action-column[b-nnnuin2xun], .policyNo-column[b-nnnuin2xun], .insured-column[b-nnnuin2xun] {
        min-width: 150px;
        max-width: 150px;
    }
}

/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------  DESKTOP  ------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */


@media (min-width: 1200px) and (max-width: 1499px) {
}

/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------- ULTRAWIDE DESKTOP ------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */

@media (min-width: 1500px) {
}
/* /Pages/TaskAlerts/TaskBrowseTaskPastDue.razor.rz.scp.css */
.CenteredContent[b-ynf7ket63k] {
    border-top: 1px solid #808080;
    padding: 30px 0px 0px 0px;
    margin: 50px 0px 0px 0px !important;
}

tr:nth-child(even) td[b-ynf7ket63k] {
    background-color: #ffeff0 !important;
}


.btn-dark[b-ynf7ket63k] {
    padding: 2px 7px;
    font-size: 14px;
}

.LoadingIndicator[b-ynf7ket63k] {
    margin-left: 5px;
    width: 10px;
}


.sticky-column-first[b-ynf7ket63k] {
    width: 150px;
    min-width: 10px;
    max-width: 150px;
    left: 0px;
}



.effective-column[b-ynf7ket63k], .transaction-column[b-ynf7ket63k], .broker-column[b-ynf7ket63k] {
    min-width: 200px;
    max-width: 225px;
}

.action-column[b-ynf7ket63k], .policyNo-column[b-ynf7ket63k] {
    min-width: 130px;
    max-width: 175px;
}


/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------- SMALL PHONE VIEWPORT ------------------------------------------------------ */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
@media only screen and (max-width:576px) {

    .effective-column[b-ynf7ket63k], .transaction-column[b-ynf7ket63k], .broker-column[b-ynf7ket63k] {
        min-width: 150px;
        max-width: 200px;
    }

    .action-column[b-ynf7ket63k], .policyNo-column[b-ynf7ket63k], .insured-column[b-ynf7ket63k] {
        min-width: 100px;
        max-width: 150px;
    }
}

/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------- BIGGER PHONE VIEWPORT ----------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */


@media (min-width: 576px) and (max-width: 767.98px) {
    .effective-column[b-ynf7ket63k], .transaction-column[b-ynf7ket63k], .broker-column[b-ynf7ket63k] {
        min-width: 175px;
        max-width: 200px;
    }

    .action-column[b-ynf7ket63k], .policyNo-column[b-ynf7ket63k], .insured-column[b-ynf7ket63k] {
        min-width: 150px;
        max-width: 150px;
    }
}

/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------- TABLET VIEWPORT ----------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */


@media (min-width: 768px) and (max-width: 991.98px) {
    .effective-column[b-ynf7ket63k], .transaction-column[b-ynf7ket63k], .broker-column[b-ynf7ket63k] {
        min-width: 200px;
        max-width: 200px;
    }

    .action-column[b-ynf7ket63k], .policyNo-column[b-ynf7ket63k], .insured-column[b-ynf7ket63k] {
        min-width: 150px;
        max-width: 150px;
    }
}


/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------- LAPTOP AND SMALLER DESKTOP  ------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */

@media screen and (min-width:992px) and (max-width: 1199px) {
    .effective-column[b-ynf7ket63k], .transaction-column[b-ynf7ket63k], .broker-column[b-ynf7ket63k] {
        min-width: 175px;
        max-width: 200px;
    }

    .action-column[b-ynf7ket63k], .policyNo-column[b-ynf7ket63k], .insured-column[b-ynf7ket63k] {
        min-width: 150px;
        max-width: 150px;
    }
}

/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------  DESKTOP  ------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */


@media (min-width: 1200px) and (max-width: 1499px) {
}

/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------- ULTRAWIDE DESKTOP ------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */

@media (min-width: 1500px) {
}
/* /Pages/TaskAlerts/TaskHeader.razor.rz.scp.css */
.Header[b-jwpkodbbuw] {
    margin-left: 20px;
    margin-top: -30px;
    font-size: 20px !important;
    font-weight: 800;
}
/* /Pages/TaskAlerts/TaskPanel.razor.rz.scp.css */
.row[b-s1kbdi0jdf] {
    flex-wrap: wrap;
}


.icon[b-s1kbdi0jdf] {
    width: 20px;
}

.panel-data[b-s1kbdi0jdf] {
    font-size: 25px;
    font-weight: 700;
}

.panel-title[b-s1kbdi0jdf] {
    margin-top: 3px;
    margin-bottom: -2px;
    font-size: 15px !important;
    font-weight: 600;
}

.inactive[b-s1kbdi0jdf] {
    transform: translateY(0px);
    transition: transform 0.2s ease-in-out;
}

.TaskDueTodayBackground[b-s1kbdi0jdf], .TaskDueThisWeekBackground[b-s1kbdi0jdf], .TaskPastDueBackground[b-s1kbdi0jdf], .RenewalSummaryBackground[b-s1kbdi0jdf], .NewBusinessBackground[b-s1kbdi0jdf],
.TaskDueTodayBackgroundActive[b-s1kbdi0jdf], .TaskDueThisWeekBackgroundActive[b-s1kbdi0jdf], .TaskPastDueBackgroundActive[b-s1kbdi0jdf], .RenewalSummaryBackgroundActive[b-s1kbdi0jdf], .NewBusinessBackgroundActive[b-s1kbdi0jdf] {
    padding: 20px 20px 10px 20px;
    margin: 10px 5px;
    font-size: 13px;
    font-weight: 500;
    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2);
    display: flex;
    justify-content: space-between;
    align-content: center;
    align-items: center;
}


/* ------------------------------------------------------ Inactive Today ---------------------------------------------- */

.TaskDueTodayText[b-s1kbdi0jdf] {
    color: var(--red);
}

.TaskDueTodayBackground[b-s1kbdi0jdf] {
    transition-duration: 200ms;
    transition: width 0.3s ease-in-out;
    transition: transform 0.3s ease-in-out;
    color: var(--textColor);
    background: white;
    position: relative;
}

    .TaskDueTodayBackground:hover[b-s1kbdi0jdf] {
        cursor: pointer;
        background: var(--red);
        color: white;
    }

    .TaskDueTodayBackground .icon-bg[b-s1kbdi0jdf] {
        background: var(--red);
        padding: 8px;
        position: absolute;
        bottom: -15px;
        right: 15px;
        margin-right: 7px;
        border-radius: 3px;
        box-shadow: 0 0 10px var(--red);
    }

    .TaskDueTodayBackground .icon[b-s1kbdi0jdf] {
        filter: brightness(0) invert(1);
    }

    .TaskDueTodayBackground:hover .icon-bg[b-s1kbdi0jdf] {
        background: white;
    }

    .TaskDueTodayBackground:hover .icon[b-s1kbdi0jdf] {
        filter: brightness(1);
        color: white;
    }

/* ------------------------------------------------------ Active Today ---------------------------------------------- */

.TaskDueTodayBackgroundActive[b-s1kbdi0jdf] {
    transition: transform 0.3s ease-in-out;
    position: relative;
    background: var(--red);
    color: white;
}

    .TaskDueTodayBackgroundActive .icon-bg[b-s1kbdi0jdf] {
        padding: 8px;
        position: absolute;
        bottom: -15px;
        right: 15px;
        margin-right: 7px;
        background: white;
        box-shadow: 0 0 10px white;
    }

    .TaskDueTodayBackgroundActive .icon[b-s1kbdi0jdf] {
        filter: brightness(1);
        color: white;
    }



/* ------------------------------------------------------ Inactive This Week ---------------------------------------------- */

.TaskDueThisWeekText[b-s1kbdi0jdf] {
    color: var(--yellow);
}

.TaskDueThisWeekBackground[b-s1kbdi0jdf] {
    transition-duration: 200ms;
    transition: width 0.3s ease-in-out;
    transition: transform 0.3s ease-in-out;
    color: var(--textColor);
    background: white;
    position: relative;
}

    .TaskDueThisWeekBackground:hover[b-s1kbdi0jdf] {
        cursor: pointer;
        background: var(--yellow);
        color: white;
    }

    .TaskDueThisWeekBackground .icon-bg[b-s1kbdi0jdf] {
        background: var(--yellow);
        padding: 8px;
        position: absolute;
        bottom: -15px;
        right: 15px;
        margin-right: 7px;
        border-radius: 3px;
        box-shadow: 0 0 10px var(--yellow);
    }

    .TaskDueThisWeekBackground .icon[b-s1kbdi0jdf] {
        filter: brightness(0) invert(1);
    }

    .TaskDueThisWeekBackground:hover .icon-bg[b-s1kbdi0jdf] {
        background: white;
    }

    .TaskDueThisWeekBackground:hover .icon[b-s1kbdi0jdf] {
        filter: brightness(1);
        color: white;
    }

/* ------------------------------------------------------  Active This Week  ---------------------------------------------- */

.TaskDueThisWeekBackgroundActive[b-s1kbdi0jdf] {
    transition: transform 0.3s ease-in-out;
    position: relative;
    background: var(--yellow);
    color: white;
}

    .TaskDueThisWeekBackgroundActive .icon-bg[b-s1kbdi0jdf] {
        padding: 8px;
        position: absolute;
        bottom: -15px;
        right: 15px;
        margin-right: 7px;
        background: white;
        box-shadow: 0 0 10px white;
    }

    .TaskDueThisWeekBackgroundActive .icon[b-s1kbdi0jdf] {
        filter: brightness(1);
        color: white;
    }


/* ------------------------------------------------------ Inactive Past Due ---------------------------------------------- */

.TaskPastDueText[b-s1kbdi0jdf] {
    color: #9E9E9E;
}

.TaskPastDueBackground[b-s1kbdi0jdf] {
    transition-duration: 200ms;
    transition: width 0.3s ease-in-out;
    transition: transform 0.3s ease-in-out;
    color: var(--textColor);
    background: white;
    position: relative
}

    .TaskPastDueBackground:hover[b-s1kbdi0jdf] {
        cursor: pointer;
        background: #9E9E9E;
        color: white;
    }


    .TaskPastDueBackground:hover[b-s1kbdi0jdf] {
        cursor: pointer;
        background: #9E9E9E;
        color: white;
    }

    .TaskPastDueBackground .icon-bg[b-s1kbdi0jdf] {
        background: #9E9E9E;
        padding: 8px;
        position: absolute;
        bottom: -15px;
        right: 15px;
        margin-right: 7px;
        border-radius: 3px;
        box-shadow: 0 0 10px #9E9E9E;
    }

    .TaskPastDueBackground .icon[b-s1kbdi0jdf] {
        filter: brightness(0) invert(1);
    }

    .TaskPastDueBackground:hover .icon-bg[b-s1kbdi0jdf] {
        background: white;
    }

    .TaskPastDueBackground:hover .icon[b-s1kbdi0jdf] {
        filter: brightness(1);
        color: white;
    }

/* ------------------------------------------------------ Active Past Due ---------------------------------------------- */


.TaskPastDueBackgroundActive[b-s1kbdi0jdf] {
    transition: transform 0.3s ease-in-out;
    position: relative;
    background: #9E9E9E;
    color: white;
}

    .TaskPastDueBackgroundActive .icon-bg[b-s1kbdi0jdf] {
        padding: 8px;
        position: absolute;
        bottom: -15px;
        right: 15px;
        margin-right: 7px;
        background: white;
        box-shadow: 0 0 10px white;
    }

    .TaskPastDueBackgroundActive .icon[b-s1kbdi0jdf] {
        filter: brightness(1);
        color: white;
    }



/* ------------------------------------------------------ Inactive New Business ---------------------------------------------- */


.NewBusinessText[b-s1kbdi0jdf] {
    color: var(--green);
}

.NewBusinessBackground[b-s1kbdi0jdf] {
    transition-duration: 200ms;
    transition: width 0.3s ease-in-out;
    transition: transform 0.3s ease-in-out;
    color: var(--textColor);
    background: white;
    position: relative
}

    .NewBusinessBackground:hover[b-s1kbdi0jdf] {
        cursor: pointer;
        background: var(--green);
        color: white;
    }


    .NewBusinessBackground:hover[b-s1kbdi0jdf] {
        cursor: pointer;
        background: var(--green);
        color: white;
    }

    .NewBusinessBackground .icon-bg[b-s1kbdi0jdf] {
        background: var(--green);
        padding: 8px;
        position: absolute;
        bottom: -15px;
        right: 15px;
        margin-right: 7px;
        border-radius: 3px;
        box-shadow: 0 0 10px var(--green);
    }

    .NewBusinessBackground .icon[b-s1kbdi0jdf] {
        filter: brightness(0) invert(1);
    }

    .NewBusinessBackground:hover .icon-bg[b-s1kbdi0jdf] {
        background: white;
    }

    .NewBusinessBackground:hover .icon[b-s1kbdi0jdf] {
        filter: brightness(1);
        color: white;
    }


/* ------------------------------------------------------ Inactive Renewal Summary  ---------------------------------------------- */


.RenewalSummaryText[b-s1kbdi0jdf] {
    color: var(--green);
}

.RenewalSummaryBackground[b-s1kbdi0jdf] {
    transition-duration: 200ms;
    transition: width 0.3s ease-in-out;
    transition: transform 0.3s ease-in-out;
    color: var(--textColor);
    background: white;
    position: relative
}

    .RenewalSummaryBackground:hover[b-s1kbdi0jdf] {
        cursor: pointer;
        background: var(--orange);
        color: white;
    }


    .RenewalSummaryBackground:hover[b-s1kbdi0jdf] {
        cursor: pointer;
        background: var(--orange);
        color: white;
    }

    .RenewalSummaryBackground .icon-bg[b-s1kbdi0jdf] {
        background: var(--orange);
        padding: 8px;
        position: absolute;
        bottom: -15px;
        right: 15px;
        margin-right: 7px;
        border-radius: 3px;
        box-shadow: 0 0 10px var(--orange);
    }

    .RenewalSummaryBackground .icon[b-s1kbdi0jdf] {
        filter: brightness(0) invert(1);
    }

    .RenewalSummaryBackground:hover .icon-bg[b-s1kbdi0jdf] {
        background: white;
    }

    .RenewalSummaryBackground:hover .icon[b-s1kbdi0jdf] {
        filter: brightness(1);
        color: white;
    }




/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------- SMALL PHONE VIEWPORT ------------------------------------------------------ */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */

@media only screen and (max-width:576px) {

    .row[b-s1kbdi0jdf] {
        margin: 20px 0px;
    }

    .TaskDueTodayBackground[b-s1kbdi0jdf], .TaskDueThisWeekBackground[b-s1kbdi0jdf], .TaskPastDueBackground[b-s1kbdi0jdf], .RenewalSummaryBackground[b-s1kbdi0jdf], .NewBusinessBackground[b-s1kbdi0jdf],
    .TaskDueTodayBackgroundActive[b-s1kbdi0jdf], .TaskDueThisWeekBackgroundActive[b-s1kbdi0jdf], .TaskPastDueBackgroundActive[b-s1kbdi0jdf], .RenewalSummaryBackgroundActive[b-s1kbdi0jdf], .NewBusinessBackgroundActive[b-s1kbdi0jdf] {
        width: 350px;
        margin: 15px 5px;
    }
}

/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------- BIGGER PHONE VIEWPORT ----------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */

@media (min-width: 576px) and (max-width: 767.98px) {

    .TaskDueTodayBackground[b-s1kbdi0jdf], .TaskDueThisWeekBackground[b-s1kbdi0jdf], .TaskPastDueBackground[b-s1kbdi0jdf], .RenewalSummaryBackground[b-s1kbdi0jdf], .NewBusinessBackground[b-s1kbdi0jdf],
    .TaskDueTodayBackgroundActive[b-s1kbdi0jdf], .TaskDueThisWeekBackgroundActive[b-s1kbdi0jdf], .TaskPastDueBackgroundActive[b-s1kbdi0jdf], .RenewalSummaryBackgroundActive[b-s1kbdi0jdf], .NewBusinessBackgroundActive[b-s1kbdi0jdf] {
        margin: 30px 3px;
    }

    .TaskDueTodayBackground[b-s1kbdi0jdf], .TaskDueThisWeekBackground[b-s1kbdi0jdf], .TaskPastDueBackground[b-s1kbdi0jdf], .RenewalSummaryBackground[b-s1kbdi0jdf], .NewBusinessBackground[b-s1kbdi0jdf],
    .TaskDueTodayBackgroundActive[b-s1kbdi0jdf], .TaskDueThisWeekBackgroundActive[b-s1kbdi0jdf], .TaskPastDueBackgroundActive[b-s1kbdi0jdf], .RenewalSummaryBackgroundActive[b-s1kbdi0jdf], .NewBusinessBackgroundActive[b-s1kbdi0jdf] {
        width: 31%;
    }

    .first[b-s1kbdi0jdf] {
        margin-left: 0px;
    }

    .last[b-s1kbdi0jdf] {
        margin-right: 0px
    }
}

/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------- TABLET VIEWPORT ----------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */


@media (min-width: 768px) and (max-width: 991.98px) {

    .row[b-s1kbdi0jdf] {
        display: flex;
    }

    .TaskDueTodayBackground[b-s1kbdi0jdf], .TaskDueThisWeekBackground[b-s1kbdi0jdf], .TaskPastDueBackground[b-s1kbdi0jdf], .RenewalSummaryBackground[b-s1kbdi0jdf], .NewBusinessBackground[b-s1kbdi0jdf],
    .TaskDueTodayBackgroundActive[b-s1kbdi0jdf], .TaskDueThisWeekBackgroundActive[b-s1kbdi0jdf], .TaskPastDueBackgroundActive[b-s1kbdi0jdf], .RenewalSummaryBackgroundActive[b-s1kbdi0jdf], .NewBusinessBackgroundActive[b-s1kbdi0jdf] {
        margin: 15px 3px;
    }

    .TaskDueTodayBackground[b-s1kbdi0jdf], .TaskDueThisWeekBackground[b-s1kbdi0jdf], .TaskPastDueBackground[b-s1kbdi0jdf], .RenewalSummaryBackground[b-s1kbdi0jdf], .NewBusinessBackground[b-s1kbdi0jdf],
    .TaskDueTodayBackgroundActive[b-s1kbdi0jdf], .TaskDueThisWeekBackgroundActive[b-s1kbdi0jdf], .TaskPastDueBackgroundActive[b-s1kbdi0jdf], .RenewalSummaryBackgroundActive[b-s1kbdi0jdf], .NewBusinessBackgroundActive[b-s1kbdi0jdf] {
        width: 30%;
    }

    .first[b-s1kbdi0jdf], .last[b-s1kbdi0jdf] {
        margin: 0px;
    }
}


/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------- LAPTOP AND SMALLER DESKTOP  ------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */

@media screen and (min-width:992px) and (max-width: 1199px) {

    .TaskDueTodayBackground[b-s1kbdi0jdf], .TaskDueThisWeekBackground[b-s1kbdi0jdf], .TaskPastDueBackground[b-s1kbdi0jdf], .RenewalSummaryBackground[b-s1kbdi0jdf], .NewBusinessBackground[b-s1kbdi0jdf],
    .TaskDueTodayBackgroundActive[b-s1kbdi0jdf], .TaskDueThisWeekBackgroundActive[b-s1kbdi0jdf], .TaskPastDueBackgroundActive[b-s1kbdi0jdf], .RenewalSummaryBackgroundActive[b-s1kbdi0jdf], .NewBusinessBackgroundActive[b-s1kbdi0jdf] {
        margin: 30px 3px;
    }

    .TaskDueTodayBackground[b-s1kbdi0jdf], .TaskDueThisWeekBackground[b-s1kbdi0jdf], .TaskPastDueBackground[b-s1kbdi0jdf], .RenewalSummaryBackground[b-s1kbdi0jdf], .NewBusinessBackground[b-s1kbdi0jdf],
    .TaskDueTodayBackgroundActive[b-s1kbdi0jdf], .TaskDueThisWeekBackgroundActive[b-s1kbdi0jdf], .TaskPastDueBackgroundActive[b-s1kbdi0jdf], .RenewalSummaryBackgroundActive[b-s1kbdi0jdf], .NewBusinessBackgroundActive[b-s1kbdi0jdf] {
        width: 31%;
    }


    .first[b-s1kbdi0jdf] {
        margin-left: 0px;
    }

    .last[b-s1kbdi0jdf] {
        margin-right: 0px
    }
}

/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------  DESKTOP  ------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */


@media (min-width: 1200px) and (max-width: 1499px) {

    .TaskDueTodayBackground[b-s1kbdi0jdf], .TaskDueThisWeekBackground[b-s1kbdi0jdf], .TaskPastDueBackground[b-s1kbdi0jdf], .RenewalSummaryBackground[b-s1kbdi0jdf], .NewBusinessBackground[b-s1kbdi0jdf],
    .TaskDueTodayBackgroundActive[b-s1kbdi0jdf], .TaskDueThisWeekBackgroundActive[b-s1kbdi0jdf], .TaskPastDueBackgroundActive[b-s1kbdi0jdf], .RenewalSummaryBackgroundActive[b-s1kbdi0jdf], .NewBusinessBackgroundActive[b-s1kbdi0jdf] {
        width: 30%;
        margin: 15px 1px;
    }

    .first[b-s1kbdi0jdf] {
        margin-left: 0px;
    }

    .last[b-s1kbdi0jdf] {
        margin-right: 0px;
    }
}


/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------- ULTRAWIDE DESKTOP ------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */

@media (min-width: 1500px) {

    .TaskDueTodayBackground[b-s1kbdi0jdf], .TaskDueThisWeekBackground[b-s1kbdi0jdf], .TaskPastDueBackground[b-s1kbdi0jdf], .RenewalSummaryBackground[b-s1kbdi0jdf], .NewBusinessBackground[b-s1kbdi0jdf],
    .TaskDueTodayBackgroundActive[b-s1kbdi0jdf], .TaskDueThisWeekBackgroundActive[b-s1kbdi0jdf], .TaskPastDueBackgroundActive[b-s1kbdi0jdf], .RenewalSummaryBackgroundActive[b-s1kbdi0jdf], .NewBusinessBackgroundActive[b-s1kbdi0jdf] {
        margin: 30px 0px;
    }

    .panel-1[b-s1kbdi0jdf] {
        width: 90%;
        max-width: 90%;
    }

    .panel-2[b-s1kbdi0jdf] {
        width: 40%;
        max-width: 40%;
    }

    .panel-3[b-s1kbdi0jdf] {
        width: 32%;
        max-width: 32%;
    }

    .panel-4[b-s1kbdi0jdf] {
        width: 22%;
        max-width: 22%;
    }

    .panel-5[b-s1kbdi0jdf] {
        width: 18%;
        max-width: 18%;
    }

    .panel-6[b-s1kbdi0jdf] {
        width: 15%;
        max-width: 15%;
    }

    .panel-7[b-s1kbdi0jdf] {
        width: 13%;
        max-width: 13%;
    }

    .first[b-s1kbdi0jdf] {
        margin-left: 0px;
    }

    .last[b-s1kbdi0jdf] {
        margin-right: 0px
    }
}
/* /Shared/AddressAutoComplete.razor.rz.scp.css */
/* /Shared/Announcement.razor.rz.scp.css */
.announcement[b-82ucz2xx23] {
    z-index: 999 !important;
    background: var(--primaryColor);
    width: 100% !important;
    color: #ffffff;
    padding: 5px 40px 5px 0;
    text-align: center;
    align-content: center;
    align-items: center;
    position: absolute;
    left: 0;
    top: 0;
}

.announcement-item[b-82ucz2xx23] {
    display: flex;
    text-align: center;
    justify-content: center;
}

.text-desc[b-82ucz2xx23] {
    color: white;
    font-weight: 700;
}

.marquee[b-82ucz2xx23] {
    display: flex;
    overflow: hidden;
    white-space: nowrap;
    width: 100%;
}

.marquee__item[b-82ucz2xx23] {
    display:flex;
    animation-name: marquee-content-b-82ucz2xx23;
    animation-duration: 20s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    padding: 5px 15px;
}
.marquee:hover .marquee__item[b-82ucz2xx23] {
    animation-play-state: paused;
}


.announcement-btn[b-82ucz2xx23] {
    position: absolute;
    right: 5px;
    top: 0px;
    color: white;
    font-size: 20px;
    border-radius: 2px;
    transition: all 300ms;
    padding: 5px;
}

    .announcement-btn:hover[b-82ucz2xx23] {
        cursor: pointer;
        opacity: 0.8;
        transition: all 300ms;
    }

.time-count[b-82ucz2xx23] {
    margin-left: 5px;
    font-weight: 600;
    color: #fff;
}

.INFO[b-82ucz2xx23] {
    background: linear-gradient(to bottom right, #f97316, #fc9952);
}

.ERROR[b-82ucz2xx23] {
    background: linear-gradient(to bottom right, #ef4444, #fe8080);
}

.SUCCESS[b-82ucz2xx23] {
    background: linear-gradient(to bottom right, #43a047, #64fa6a);
}


/*.marquee:hover .marquee__item {
    animation-play-state: paused;
}*/


@keyframes marquee-content-b-82ucz2xx23 {
    from {
        transform: translateX(0%);
    }

    to {
        transform: translateX(-100%);
    }
}

/* /Shared/MainLayout.razor.rz.scp.css */

.page[b-rh39jxhchc] {
    display: flex;
    flex-direction: column;
    overflow-x: hidden;
}

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

.top-row[b-rh39jxhchc] {
    background-color: #f7f7f7;
    justify-content: flex-end;
    height: 4rem;
    display: flex;
    align-items: center;
    margin-top: 10px;
}

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

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

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

@media only screen and (max-width:991px) {
    .top-row:not(.auth)[b-rh39jxhchc] {
        display: none;
    }

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

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

@media (min-width: 992px) {
    .page[b-rh39jxhchc] {
        display: flex;
        flex-direction: row;
        height: 100vh;
        overflow: hidden;
    }

    .sidebarBackground[b-rh39jxhchc] {
        background-color: #f0f0f0;
        border-top-right-radius: 10px;
        border-bottom-right-radius: 10px;
        width: 500px;
        flex-shrink: 0;
    }

    main[b-rh39jxhchc] {
        flex: 1;
        /*padding: 10px 5px 10px 10px;*/
        overflow-y: auto;
    }

    .top-row[b-rh39jxhchc] {
        padding: 10px;
    }

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

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

/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------- TABLET VIEWPORT ----------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */


@media (min-width: 768px) and (max-width: 991.98px) {
    main[b-rh39jxhchc] {
        width: 100%;
    }
}

/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------- LAPTOP AND SMALLER DESKTOP  ------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */

@media screen and (min-width:992px) and (max-width: 1199px) {
    main[b-rh39jxhchc] {
        width: 80%;
    }
}


/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------  DESKTOP  ------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------- */


@media (min-width: 1200px) and (max-width: 1499px) {
    main[b-rh39jxhchc] {
        width: 79%;
    }
}



/* ------------------------------------------------------- MudBLazor Override ------------------------------------------------------ */

[b-rh39jxhchc] .mud-primary-text {
    color: var(--primaryColor) !important;
}

[b-rh39jxhchc] mud-input-outlined-border {
    border-color: var(--primaryColor) !important;
}

[b-rh39jxhchc] .mud-input.mud-input-outlined:focus-within .mud-input-outlined-border {
    border-color: var(--primaryColor) !important;
}

[b-rh39jxhchc] .mud-theme-primary {
    background-color: var(--primaryColor) !important;
}

    [b-rh39jxhchc] .mud-input-control.mud-input-number-control .mud-input-numeric-spin {
        display: none;
    }

[b-rh39jxhchc] .mud-input.mud-input-outlined.mud-disabled {
    border-color: #CED4DA !important;
    background-color: #E9ECEF !important;
}

[b-rh39jxhchc] .mud-input.mud-disabled {
    color: #484D4F !important;
}

[b-rh39jxhchc] .mud-typography-body1 {
    font-family: Montserrat, Helvetica, Arial, sans-serif !important;
}

[b-rh39jxhchc] .mud-typography-body2 {
    font-family: Montserrat, Helvetica, Arial, sans-serif !important;
    font-size: 13px;
}

[b-rh39jxhchc] .mud-button-group-filled.mud-button-group-override-styles.mud-button-group-filled-primary .mud-button-root:hover {
    color: black !important;
    background-color: white !important;
}

[b-rh39jxhchc] .mud-button-group-filled.mud-button-group-override-styles.mud-button-group-filled-primary .mud-button-root:disabled {
    background: #949494 !important;
    color: white !important;
}

[b-rh39jxhchc] .mud-button-group-root {
    color: var(--primaryColor) !important;
    width: 100% !important;
}


[b-rh39jxhchc] .mud-button-group-filled {
    box-shadow: none !important;
}

[b-rh39jxhchc] .mud-button-group-filled.mud-button-group-override-styles.mud-button-group-filled-primary .mud-button-root {
    border-top: 1px solid white !important;
    border-left: 1px solid white !important;
}

[b-rh39jxhchc] .mud-button-label {
    font-family: Montserrat, Helvetica, Arial, sans-serif !important;
    font-size: 13px;
}
/* /Shared/NavMenu.razor.rz.scp.css */
.environment-title[b-p0x2fizm6e] {
    position: absolute;
    top: 29px;
    right: 23px;
    font-weight: 700;
    font-size: 1.3rem;
    color: #efefef;
}

/* Broker Management Header Sidebar */
.broker-management-header-sidebar[b-p0x2fizm6e] {
    width: 100px;
    user-select: none;
}

/* Navigation Bar Transition */
.NavigationBar[b-p0x2fizm6e] {
    transition: width 0.2s ease;
    user-select: none;
}

/* Navigation Bar Maximized */
.maximizeNav[b-p0x2fizm6e] {
    width: 250px;
}

/* Navigation Bar Minimized */
.minimizeNav[b-p0x2fizm6e] {
    width: 100px;
}

/* customization for add submission button */
.btn-brokerManagement[b-p0x2fizm6e] {
    font-weight: 500;
    padding: 3px 5px !important;
}

/* Top Row Styles */
.top-row[b-p0x2fizm6e] {
    height: 3.5rem;
    background-color: var(--primaryColor);
}

/* Label Styles */
label[b-p0x2fizm6e] {
    margin-left: 10px;
}

    label:hover[b-p0x2fizm6e] {
        cursor: pointer;
    }

/* Navbar Brand Styles */
.navbar-brand[b-p0x2fizm6e] {
    font-size: 1.1rem;
    flex: 1;
}

.navbar-brand-minimize[b-p0x2fizm6e] {
    margin-right: 10px;
}

img:hover[b-p0x2fizm6e] {
    cursor: pointer;
}

/* Submenu Minimize Styles */
.submenu-min[b-p0x2fizm6e] {
    padding-right: 18px;
}

/* Icon Styles */
.oi[b-p0x2fizm6e] {
    width: 2rem;
    font-size: 1.1rem;
    vertical-align: text-top;
}

.icon-min[b-p0x2fizm6e] {
    width: 2rem !important;
    font-size: 1.1rem !important;
    margin-left: 3px !important;
}

/* Nav Item Styles */
.nav-item[b-p0x2fizm6e] {
    font-size: 14px !important;
    padding-bottom: 0.5rem;
}

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

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

    .nav-item[b-p0x2fizm6e]  a {
        border-top-left-radius: 40px;
        border-bottom-left-radius: 40px;
        margin-right: -30px;
        color: #d7d7d7;
        height: 3rem;
        display: flex;
        align-items: center;
        line-height: 3rem;
    }

        .nav-item[b-p0x2fizm6e]  a.active {
            border-top-left-radius: 40px;
            border-bottom-left-radius: 40px;
            margin-right: -30px;
            background-color: #f6f7fb;
            color: var(--primaryColor);
            font-weight: 700;
        }

            .nav-item[b-p0x2fizm6e]  a.active:hover {
                border-top-left-radius: 40px;
                border-bottom-left-radius: 40px;
                margin-right: -30px;
                background-color: white;
                color: var(--primaryColor);
                font-weight: 700;
            }

        .nav-item[b-p0x2fizm6e]  a:hover {
            border-top-left-radius: 40px;
            border-bottom-left-radius: 40px;
            margin-right: -30px;
            cursor: pointer;
            background-color: var(--secondaryColor);
            color: white;
        }


.search-icon[b-p0x2fizm6e] {
    width: 15px;
}
/* Separator Styles */
.separator[b-p0x2fizm6e] {
    margin: -40px 20px 20px 20px;
    border-bottom: 2px solid white;
}

.separator-minimize[b-p0x2fizm6e] {
    margin: -40px 15px 30px 15px;
    border-bottom: 2px solid white;
}


/* Media Query for Small Screens (max-width: 991px) */
@media only screen and (max-width: 991px) {
    .maximizeNav[b-p0x2fizm6e], .minimizeNav[b-p0x2fizm6e] {
        width: 100%;
    }

    .nav-item[b-p0x2fizm6e]  a {
        border-radius: 40px;
        margin-right: 0px;
        font-weight: 600;
    }

        .nav-item[b-p0x2fizm6e]  a.active {
            border-radius: 40px;
            margin-right: 0px;
            font-weight: 900;
        }

            .nav-item[b-p0x2fizm6e]  a.active:hover {
                border-radius: 40px;
                margin-right: 0px;
            }

        .nav-item[b-p0x2fizm6e]  a:hover {
            border-radius: 40px;
            margin-right: 0px;
        }

    .nav-scrollable[b-p0x2fizm6e] {
        max-height: 250px;
        overflow-y: auto;
        margin-bottom: 70px;
    }

    .oi[b-p0x2fizm6e] {
        font-size: 1.5rem;
        margin-right: 10px;
        vertical-align: text-top;
        top: 0px;
    }

    .caret[b-p0x2fizm6e] {
        font-size: 0.8rem !important;
        top: 2px;
        left: 6px;
        transition: transform 1s;
    }

    .oi-briefcase[b-p0x2fizm6e], .oi-envelope-open[b-p0x2fizm6e] {
        font-size: 15px;
        margin-left: 20px;
    }

    .sub-menu[b-p0x2fizm6e] {
        font-size: 14px !important;
        margin-left: 0px;
    }

    [b-p0x2fizm6e]::-webkit-scrollbar {
        height: 10px;
        width: 10px;
    }

    [b-p0x2fizm6e]::-webkit-scrollbar-track {
        border-radius: 15px;
        background: white
    }

    [b-p0x2fizm6e]::-webkit-scrollbar-thumb {
        border-radius: 15px;
        background: var(--primaryColor);
    }

    /* Minimizer */

    .content[b-p0x2fizm6e] {
        display: none;
    }
}

/* Media Query for Medium Screens (min-width: 992px) and (max-width: 1199px) */
@media (min-width: 992px) and (max-width: 1199px) {
    .oi[b-p0x2fizm6e] {
        font-size: 1.1rem;
        margin-right: 5px;
        vertical-align: text-top;
        top: -2px;
    }

    .caret[b-p0x2fizm6e] {
        font-size: 0.8rem !important;
        top: 2px;
        left: 2px;
        transition: transform 1s;
    }

    .oi-briefcase[b-p0x2fizm6e], .oi-envelope-open[b-p0x2fizm6e], .oi-document[b-p0x2fizm6e], .oi-people[b-p0x2fizm6e], .oi-info[b-p0x2fizm6e] {
        font-size: 15px;
        margin-left: 15px;
    }

    .sub-menu[b-p0x2fizm6e] {
        font-size: 13px;
        margin-left: 0px;
    }

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

    .navbar-toggler[b-p0x2fizm6e] {
        display: none;
    }

    .broker-management-header-sidebar[b-p0x2fizm6e] {
        width: 80%;
        margin-left: 10px;
        user-select: none;
    }

    .collapse[b-p0x2fizm6e] {
        display: block;
    }

    .nav-scrollable[b-p0x2fizm6e] {
        min-height: 100vh;
        overflow-y: hidden;
        position: fixed;
    }

    /* Minimizer */

    .btn-collapse[b-p0x2fizm6e] {
        position: absolute;
        top: -10vh;
        left: -6px;
        border: none;
        outline: none;
        background: var(--primaryColor);
        border-radius: 50%;
        width: 20px;
        height: 20px;
        display: flex;
        justify-content: center;
        text-align: center;
        align-items: center;
    }

    .minimize-icon[b-p0x2fizm6e] {
        width: 20px;
        filter: invert(1);
    }

    .btn-collapse:hover[b-p0x2fizm6e] {
        transform: scale(1.2);
    }

    .content[b-p0x2fizm6e] {
        position: sticky;
    }
}

/* Media Query for Large Screens (min-width: 1200px) */
@media (min-width: 1200px) {
    .oi[b-p0x2fizm6e] {
        font-size: 1.5rem;
        margin-right: 10px;
        vertical-align: text-top;
        top: 0px;
    }

    .caret[b-p0x2fizm6e] {
        font-size: 0.8rem !important;
        top: 2px;
        left: 2px;
        transition: transform 1s;
    }

    .oi-briefcase[b-p0x2fizm6e], .oi-envelope-open[b-p0x2fizm6e] {
        font-size: 13px;
        margin-left: 17px;
    }

    .oi-document[b-p0x2fizm6e], .oi-info[b-p0x2fizm6e], .oi-people[b-p0x2fizm6e] {
        font-size: 13px;
        margin-left: 17px;
    }

    .sub-menu[b-p0x2fizm6e] {
        font-size: 13px !important;
        margin-left: 0px;
    }

    .menu[b-p0x2fizm6e] {
        font-size: 15px !important;
        font-weight: 500;
    }

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

    .navbar-toggler[b-p0x2fizm6e] {
        display: none;
    }

    .broker-management-header-sidebar[b-p0x2fizm6e] {
        width: 100%;
        margin-left: 10px;
        margin-top: -15px;
    }

    .collapse[b-p0x2fizm6e] {
        display: block;
    }

    .nav-scrollable[b-p0x2fizm6e] {
        min-height: 100vh;
        overflow-y: hidden;
        position: fixed;
    }

    /* Minimizer */

    .btn-collapse[b-p0x2fizm6e] {
        position: absolute;
        top: -10vh;
        left: -6px;
        border: none;
        outline: none;
        background: var(--primaryColor);
        border-radius: 50%;
        width: 20px;
        height: 20px;
        display: flex;
        justify-content: center;
        text-align: center;
        align-items: center;
    }

    .minimize-icon[b-p0x2fizm6e] {
        width: 20px;
        filter: invert(1);
    }

    .collapsed-sidebar[b-p0x2fizm6e] {
        margin-top: 50px;
    }

    .btn-collapse:hover[b-p0x2fizm6e] {
        transform: scale(1.2);
    }

    .content[b-p0x2fizm6e] {
        position: sticky;
    }
}
/* /Shared/Tooltip.razor.rz.scp.css */
/* Add your own styles or customize as needed */
.tooltip-container[b-94cw5e85ue] {
    position: relative;
    display: inline-block;
}

.tooltip-text[b-94cw5e85ue] {
    visibility: hidden;
    width: auto;
    text-align: center;
    border-radius: 6px;
    padding: 5px;
    position: absolute;
    z-index: 1;
    bottom: 127%;
    left: 50%;
    transform: translate(-50%, 0%);
    /*margin-left: -60px;*/
    opacity: 0;
    transition: opacity 0.2s;
    font-size: 13px !important;
}

.dark[b-94cw5e85ue] {
    background-color: #333;
    color: #fff;
}

.light[b-94cw5e85ue] {
    background-color: var(--primaryColor);
    box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.8);
    color: white;
}

.tooltip-container:hover .tooltip-text[b-94cw5e85ue] {
    visibility: visible;
    opacity: 1;
}