@import '_content/Merchant.Portal.ComponentLib/Merchant.Portal.ComponentLib.jj76qzrody.bundle.scp.css';
@import '_content/Microsoft.AspNetCore.Components.QuickGrid/Microsoft.AspNetCore.Components.QuickGrid.25o87uqmvr.bundle.scp.css';
@import '_content/Microsoft.Fast.Components.FluentUI/Microsoft.Fast.Components.FluentUI.bundle.scp.css';

/* /Components/AccountComponents/AccountTransactionsComponents/AccountingRecordsGridComponent.razor.rz.scp.css */
.accounting-records-grid-component-wrapper[b-sejmb9pizu] {
    height: 100%;
    display: flex;
    flex-direction: column;
}

/*#region Component head*/
#grid-header[b-sejmb9pizu] {
    display: flex;
    margin-bottom: 22px;
    flex-direction: row;
    gap: 20px;
}

#flex-text[b-sejmb9pizu] {
    display: flex;
    align-items: end;
}

    #flex-text h1[b-sejmb9pizu] {
        font-size: 52px;
    }

    #flex-text h2[b-sejmb9pizu] {
        padding: 0 0 6px 5px;
    }

#grid-header-buttons[b-sejmb9pizu] {
    display: flex;
    flex-direction: row;
    justify-content: end;
    margin-bottom: 10px;
}

/*#endregion*/

/*#region Grid*/

/*Grid header*/

.accounting-records-grid-table[b-sejmb9pizu] {
    width: 100%;
}

.accounting-records-grid-thead[b-sejmb9pizu] {
    width: 100%;
}

    .accounting-records-grid-thead-tr[b-sejmb9pizu] {
        display: flex;
        padding: 0px 14px 16px 14px;
        border-bottom: solid 1px #E6E6E6
    }

/* Grid Body*/

.accounting-records-grid-tbody-div[b-sejmb9pizu] {
    width: 100%;
    max-height: 65vh;
    overflow-y: scroll;
    /*scrollbar-width: thin;*/ /*Firefox*/
}

.accounting-records-grid-tbody[b-sejmb9pizu] {
    width: 100%;
}


.accounting-records-grid-tbody-tr[b-sejmb9pizu] {
    width: 100%;
    display: flex;
    padding: 12px 4px 12px 14px;
    min-height: 45px;
    background-color: #EAEAEA;
}


    .accounting-records-grid-tbody-tr:hover[b-sejmb9pizu] {
        background-color: #E0F1FF;
        transition: background-color 200ms ease-in-out;
    }


        .accounting-records-grid-tbody-tr:hover > td[b-sejmb9pizu] {
            font-weight: 500;
            transition: font-weight 200ms ease-in-out;
            cursor: default;
        }

/*Flex properties*/

.sum-column[b-sejmb9pizu], .date-column[b-sejmb9pizu], .type-column[b-sejmb9pizu], .business-day-column[b-sejmb9pizu] {
    flex: 1;
}

.payed-column[b-sejmb9pizu]{
    flex:.7;
}

.reference-column[b-sejmb9pizu] {
    flex: 1.5;
}

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

/*#endregion*/

/*#region Row styling*/

.odd-row[b-sejmb9pizu] {
    background-color: #FAFAFA;
}

.m-number[b-sejmb9pizu] {
    color: blue;
    cursor: pointer;
}

    .m-number:hover[b-sejmb9pizu] {
        cursor: pointer;
    }

/*Status dot*/
.status[b-sejmb9pizu] {
    top: 3px;
    width: 16px;
    height: 16px;
    display: flex;
    margin-left: 15px;
    position: relative;
    border-radius: 70px;
    align-items: center;
    justify-content: center;
}

.dot[b-sejmb9pizu] {
    width: 8px;
    height: 8px;
    border-radius: 70px;
}

.status-reserved[b-sejmb9pizu] {
    background: rgba(0, 149, 255, 0.15);
}

    .status-reserved .dot[b-sejmb9pizu] {
        background: #0095FF;
    }

.status-booked[b-sejmb9pizu] {
    background: rgba(219, 163, 42, 0.14) !important;
}

    .status-booked .dot[b-sejmb9pizu] {
        background: #7FB519;
    }


/*Icons*/
.custom-icon[b-sejmb9pizu] {
    font-size: 12px;
}

.icon-and-ref[b-sejmb9pizu] {
    display: flex;
    gap: 13px;
}

.bank-icon[b-sejmb9pizu] {
    align-self: start;
    height: 26px;
    margin-top: -5px;
}

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

/*#endregion*/

/*#region Responsiveness*/

/*#region Component head responsiveness*/
@media (max-width: 1000px) {

    #grid-header-buttons[b-sejmb9pizu] {
        justify-content: start;
        flex-direction: column;
    }
}

@media (max-width: 640px) {
    #grid-header[b-sejmb9pizu] {
        flex-direction: column;
        padding: 10px 17px;
    }

    #grid-header-buttons[b-sejmb9pizu] {
        flex-direction: row;
        justify-content: space-between;
    }
}

@media (max-width: 458px) {

    #grid-header-buttons[b-sejmb9pizu] {
        flex-direction: column;
    }
}
/*#endregion*/

/*#region Hide / show depending on screen*/
.type-full[b-sejmb9pizu] {
    display: block;
}

.type-mobile[b-sejmb9pizu], .show-mobile[b-sejmb9pizu] {
    display: none;
}

@media (max-width: 1000px) {

    .mobile-view-not-display[b-sejmb9pizu] {
        display: none;
    }
}

@media (max-width: 640px) {

    .show-mobile[b-sejmb9pizu] {
        display: block;
    }

    .hide-mobile[b-sejmb9pizu] {
        display: none;
    }

    .hide-text[b-sejmb9pizu] {
        color: transparent;
    }

    .bank-icon[b-sejmb9pizu] {
        display: none;
    }
}
/*#endregion*/

/*#region Grid responsiveness*/

@media (max-width: 640px) {

    th[b-sejmb9pizu] {
        font-size: 13px;
    }

    td[b-sejmb9pizu], a[b-sejmb9pizu] {
        font-size: 11px;
        display: flex;       
    }

    .accounting-records-grid-thead-tr[b-sejmb9pizu] {
        padding: 0px 14px 16px 4px;
        min-height: none;
        align-items: center;
    }

    .accounting-records-grid-tbody-tr[b-sejmb9pizu] {
        padding: 12px 4px 12px 4px;
    }

    .date-column[b-sejmb9pizu], .business-day-column[b-sejmb9pizu] {
        flex: 1.4;
        flex-direction:column;
    }

    .center-align[b-sejmb9pizu]{
        align-items: center;
    }
}
/*#endregion*/

/*#endregion*/


/* /Components/AccountComponents/AccountTransactionsComponents/AccountTransactionsGridComponent.razor.rz.scp.css */

.account-transactions-grid[b-l1nkiie9d5] {
    height: 100%;
    display: flex;
    flex-direction: column;
}
/*Grid*/

#grid-header[b-l1nkiie9d5] {
    display: flex;
    margin-bottom: 44px;
    flex-direction: row;
    justify-content: space-between;
}

#flex-text[b-l1nkiie9d5] {
    display: flex;
    align-items: end;
}

    #flex-text h1[b-l1nkiie9d5] {
        font-size: 52px;
    }

    #flex-text h2[b-l1nkiie9d5] {
        padding: 0 0 6px 5px;
    }

#grid-header-buttons[b-l1nkiie9d5] {
    display: flex;
    flex-direction: row;
    justify-content: end;
    gap: 20px;
}

.store-column[b-l1nkiie9d5] {
    flex: 2
}

.reference-column[b-l1nkiie9d5] {
    flex: 1.5;
}

.sum-column[b-l1nkiie9d5], .date-column[b-l1nkiie9d5], .type-column[b-l1nkiie9d5] {
    flex: 1;
}
/*HEAD*/
.account-transactions-grid-thead[b-l1nkiie9d5] {
    /*   margin-bottom: 2em;*/
    width: 100%;
}

.account-transactions-grid-thead-tr[b-l1nkiie9d5] {
    display: flex;
    /* padding-left: 1em;*/
    padding: 0px 14px 16px 14px;
    border-bottom: solid 1px #E6E6E6
}



/*Body*/
.account-transactions-grid-table[b-l1nkiie9d5] {
    width: 100%;
}

.account-transactions-grid-tbody-div[b-l1nkiie9d5] {
    width: 100%;
    height: auto;
    overflow-y: scroll;
    /*scrollbar-width: thin;*/ /*Firefox*/
}

.account-transactions-grid-tbody[b-l1nkiie9d5] {
    width: 100%;
}

.account-transactions-grid-tbody-tr[b-l1nkiie9d5] {
    width: 100%;
    display: flex;
    padding: 12px 4px 12px 14px;
    min-height: 45px;
    background-color: #EAEAEA;
}



    .account-transactions-grid-tbody-tr:hover[b-l1nkiie9d5] {
        background-color: #E0F1FF;
        transition: background-color 200ms ease-in-out;
    }

        .account-transactions-grid-tbody-tr:hover > td[b-l1nkiie9d5] {
            font-weight: 500;
            transition: font-weight 200ms ease-in-out;
            cursor: default;
        }

.odd-row[b-l1nkiie9d5] {
    background-color: #FAFAFA;
}

.icon-and-ref[b-l1nkiie9d5] {
    display: flex;
    gap: 13px;
}

.bank-icon[b-l1nkiie9d5] {
    align-self: start;
    height: 26px;
    margin-top: -5px;
}

.m-number[b-l1nkiie9d5] {
    color: blue;
    cursor: pointer;
}

    .m-number:hover[b-l1nkiie9d5] {
        cursor: pointer;
    }

.type-full[b-l1nkiie9d5] {
    display: block;
}

.type-mobile[b-l1nkiie9d5], .show-mobile[b-l1nkiie9d5] {
    display: none;
}
/*Flex properties*/

.store-column[b-l1nkiie9d5] {
    flex: 3
}

.reference-column[b-l1nkiie9d5] {
    flex: 1.5;
}


@media (max-width: 1000px) {

    #grid-header-buttons[b-l1nkiie9d5] {
        justify-content: start;
        flex-direction: column;
    }

    .mobile-view-not-display[b-l1nkiie9d5] {
        display: none;
    }

    .account-transactions-grid-tbody-div[b-l1nkiie9d5] {
        height: 65vh;
    }
}

@media (max-width: 640px) {
    #grid-header[b-l1nkiie9d5] {
        flex-direction: column;
    }

    #grid-header-buttons[b-l1nkiie9d5] {
        flex-direction: row;
        justify-content: space-between;
        margin-top: 20px;
    }

    .show-mobile[b-l1nkiie9d5] {
        display: block;
    }

    .hide-mobile[b-l1nkiie9d5] {
        display: none;
    }

    .hide-text[b-l1nkiie9d5] {
        color: transparent;
    }

    .bank-icon[b-l1nkiie9d5] {
        display: none;
    }



    .store-column[b-l1nkiie9d5] {
        flex: 1
    }
    /*    .type-full{
        display:none;
    }


    .type-mobile {
        display: flex;
        height: 24px;
        width:24px;
        background-color: var(--button-blue);
        color: #fff;
        align-items:center;
        justify-content:center;
        border-radius:50%;
        position:relative;
        font-size:14px;
        
    }*/
}

@media (max-width: 458px) {

    #grid-header-buttons[b-l1nkiie9d5] {
        flex-direction: column;
    }
}
/* /Components/AccountComponents/AccountTransactionsComponents/AccountTransactionsSearchComponent.razor.rz.scp.css */
.account-transactions-search-card[b-ygmsvb890i] {
    height: auto;
    padding: 8px 27px;
    display: flex;
    flex-direction: row;
    width: 100%;
    justify-content: start;
    gap: 40px;
}

.spacing-line[b-ygmsvb890i] {
    width: 8px;
    align-self: center;
    height: 0px;
    border: 1px solid #7A7A7A;
    border-radius: 25%;
    margin: 0 -22.5px
}



@media (max-width: 768px) {

    .account-transactions-search-card[b-ygmsvb890i] {
        flex-direction: column;
        gap: 10px;
    }

    .spacing-line[b-ygmsvb890i] {
        display: none;
    }
}
/* /Components/AccountComponents/AccountTransactionsComponents/BusinessDayGridComponent.razor.rz.scp.css */

.business-day-grid-component-wrapper[b-hhol4mvhg9] {
    height: 100%;
    display: flex;
    flex-direction: column;
}

/*#region Component head*/
#grid-header[b-hhol4mvhg9] {
    display: flex;
    margin-bottom: 22px;
    flex-direction: row;
    gap: 20px;
}

#flex-text[b-hhol4mvhg9] {
    display: flex;
    align-items: end;
}

    #flex-text h1[b-hhol4mvhg9] {
        font-size: 52px;
    }

    #flex-text h2[b-hhol4mvhg9] {
        padding: 0 0 6px 5px;
    }

#grid-header-buttons[b-hhol4mvhg9] {
    display: flex;
    flex-direction: row;
    justify-content: end;
    margin-bottom: 10px;
}

/*#endregion*/

/*#region Grid*/

/*Grid header*/

.business-day-grid-table[b-hhol4mvhg9] {
    width: 100%;
}

.business-day-grid-thead[b-hhol4mvhg9] {
    width: 100%;
}

.business-day-grid-thead-tr[b-hhol4mvhg9] {
    display: flex;
    padding: 0px 14px 16px 14px;
    border-bottom: solid 1px #E6E6E6
}

/* Grid Body*/

.business-day-grid-tbody-div[b-hhol4mvhg9] {
    width: 100%;
    max-height: 65vh;
    overflow-y: scroll;
    /*scrollbar-width: thin;*/ /*Firefox*/
}

.business-day-grid-tbody[b-hhol4mvhg9] {
    width: 100%;
}

.business-day-grid-tbody-tr[b-hhol4mvhg9] {
    width: 100%;
    display: flex;
    padding: 12px 4px 12px 14px;
    min-height: 45px;
    background-color: #EAEAEA;
}

    .business-day-grid-tbody-tr:hover[b-hhol4mvhg9] {
        background-color: #E0F1FF;
        transition: background-color 200ms ease-in-out;
    }

        .business-day-grid-tbody-tr:hover > td[b-hhol4mvhg9] {
            font-weight: 500;
            transition: font-weight 200ms ease-in-out;
            cursor: default;
        }

/*Flex properties*/

.sum-column[b-hhol4mvhg9], .date-column[b-hhol4mvhg9], .type-column[b-hhol4mvhg9], .business-day-column[b-hhol4mvhg9] {
    flex: 1;
}

.reference-column[b-hhol4mvhg9] {
    flex: 1.5;
}

/*#endregion*/

/*#region Row styling*/

.odd-row[b-hhol4mvhg9] {
    background-color: #FAFAFA;
}

.m-number[b-hhol4mvhg9] {
    color: blue;
    cursor: pointer;
}

    .m-number:hover[b-hhol4mvhg9] {
        cursor: pointer;
    }

/*Status dot*/
.status[b-hhol4mvhg9] {
    top: 3px;
    width: 16px;
    height: 16px;
    display: flex;
    margin-left: 15px;
    position: relative;
    border-radius: 70px;
    align-items: center;
    justify-content: center;
}

.dot[b-hhol4mvhg9] {
    width: 8px;
    height: 8px;
    border-radius: 70px;
}

.status-reserved[b-hhol4mvhg9] {
    background: rgba(0, 149, 255, 0.15);
}

    .status-reserved .dot[b-hhol4mvhg9] {
        background: #0095FF;
    }

.status-booked[b-hhol4mvhg9] {
    background: rgba(219, 163, 42, 0.14) !important;
}

    .status-booked .dot[b-hhol4mvhg9] {
        background: #7FB519;
    }


/*Icons*/
.custom-icon[b-hhol4mvhg9] {
    font-size: 12px;
}

.icon-and-ref[b-hhol4mvhg9] {
    display: flex;
    gap: 13px;
}

.bank-icon[b-hhol4mvhg9] {
    align-self: start;
    height: 26px;
    margin-top: -5px;
}

/*#endregion*/

/*#region Responsiveness*/

/*#region Component head responsiveness*/
@media (max-width: 1000px) {

    #grid-header-buttons[b-hhol4mvhg9] {
        justify-content: start;
        flex-direction: column;
    }
}

@media (max-width: 640px) {
    #grid-header[b-hhol4mvhg9] {
        flex-direction: column;
        padding:10px 17px;
    }

    #grid-header-buttons[b-hhol4mvhg9] {
        flex-direction: row;
        justify-content: space-between;
    }
}

@media (max-width: 458px) {

    #grid-header-buttons[b-hhol4mvhg9] {
        flex-direction: column;
    }
}
/*#endregion*/

/*#region Hide / show depending on screen*/
.type-full[b-hhol4mvhg9] {
    display: block;
}

.type-mobile[b-hhol4mvhg9], .show-mobile[b-hhol4mvhg9] {
    display: none;
}

@media (max-width: 1000px) {

    .mobile-view-not-display[b-hhol4mvhg9] {
        display: none;
    }
}

@media (max-width: 640px) {

    .show-mobile[b-hhol4mvhg9] {
        display: block;
    }

    .hide-mobile[b-hhol4mvhg9] {
        display: none;
    }

    .hide-text[b-hhol4mvhg9] {
        color: transparent;
    }

    .bank-icon[b-hhol4mvhg9] {
        display: none;
    }
}
/*#endregion*/

/*#region Grid responsiveness*/

@media (max-width: 640px) {

    th[b-hhol4mvhg9] {
        font-size: 13px;
    }

    td[b-hhol4mvhg9], a[b-hhol4mvhg9] {
        font-size: 11px;
        display: flex;
        align-items: center;
    }

    .business-day-grid-thead-tr[b-hhol4mvhg9] {
        padding: 0px 14px 16px 4px;
        min-height: none;
        align-items: center;
    }

    .business-day-grid-tbody-tr[b-hhol4mvhg9] {
        padding: 12px 4px 12px 4px;
    }

    .date-column[b-hhol4mvhg9] {
        flex: 1.2;
    }

    .business-day-column[b-hhol4mvhg9], .type-column[b-hhol4mvhg9] {
        flex: 0.9;
    }
}
/*#endregion*/

/*#endregion*/




/* /Components/AccountComponents/AccountTransactionsComponents/FeeReportSearchComponent.razor.rz.scp.css */
.fee-report-search-card[b-oppkh82w78] {
    height: auto;
    padding: 8px 27px;
    display: flex;
    flex-direction: row;
    width: 100%;
    justify-content: start;
    gap: 40px;
}

.spacing-line[b-oppkh82w78] {
    width: 8px;
    align-self: center;
    height: 0px;
    border: 1px solid #7A7A7A;
    border-radius: 25%;
    margin: 0 -22.5px
}



@media (max-width: 768px) {

    .fee-report-search-card[b-oppkh82w78] {
        flex-direction: column;
        gap: 10px;
    }

    .spacing-line[b-oppkh82w78] {
        display: none;
    }
}
/* /Components/BeneficialOwnerComponents/BeneficialOwnerInfoComponent.razor.rz.scp.css */
/*----------------Steps-------------------*/

#content-card[b-sitnjueb5j] {
    padding: 19px;
    width: 100%;
    position: relative;
    margin: auto;
    display: flex;
    flex-direction: column;
    gap: 15px;
    max-width: 900px;
}

#step-indicator[b-sitnjueb5j] {
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
    width: 100%;
    max-width: 700px;
    margin: auto;
}

#line[b-sitnjueb5j] {
    border: .5px dashed #D5DCE2;
    position: absolute;
    width: 70%;
    z-index: 1;
    max-width: 550px;
    margin: 12px auto;
}

.step[b-sitnjueb5j] {
    text-align: center;
    justify-content: center;
    z-index: 2;
    flex: 1;
}

.step-number[b-sitnjueb5j] {
    padding-top: 2px;
    font-size: 1rem;
    border-radius: 100%;
    color: #fff;
    background: #D5DCE2;
    width: 25px;
    height: 25px;
    text-align: center;
    margin: auto;
}

.done[b-sitnjueb5j] {
    background: var(--button-blue);
}

    .done .number[b-sitnjueb5j] {
        display: none;
    }

    .done .checkmark[b-sitnjueb5j] {
        display: inline-block;
    }

.active[b-sitnjueb5j] {
    background: var(--button-blue);
}

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

.hide[b-sitnjueb5j] {
    display: none;
}

.checkmark[b-sitnjueb5j] {
    display: none;
    width: 22px;
    height: 22px;
    -ms-transform: rotate(45deg); /* IE 9 */
    -webkit-transform: rotate(45deg); /* Chrome, Safari, Opera */
    transform: rotate(45deg);
}

.checkmark_stem[b-sitnjueb5j] {
    position: absolute;
    width: 2px;
    height: 14px;
    background-color: #fff;
    left: 12px;
    top: 3px;
}

.checkmark_kick[b-sitnjueb5j] {
    position: absolute;
    width: 7px;
    height: 2px;
    background-color: #fff;
    left: 7px;
    top: 15px;
}

/*------Form--------*/
.info-header[b-sitnjueb5j] {
    margin: 0 0 10px 0;
}

.form-view[b-sitnjueb5j] {
    display: none;
    height: 100%;
    animation: fadein-b-sitnjueb5j 1000ms;
}

.form-wrapper[b-sitnjueb5j] {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.readonly[b-sitnjueb5j] {
    background-color: #E8E8E8;
    border-radius: 8pt;
}

.art-of-control-ul[b-sitnjueb5j] {
    padding-left: 20px;
    display: flex;
    flex-direction: column;
    gap: 10px;
    font-weight: 400;
}

.swedish-readonly[b-sitnjueb5j]{
    padding-left:30px;
}

.extra-tax-reg-selecter[b-sitnjueb5j] {
    margin-top: 10px;
}

.show-more[b-sitnjueb5j] {
    display: flex;
    flex-direction: row;
    color: #3085FC;
    width: 100%;
    margin: -20px 0 10px 0;
    
}

    .show-more:hover[b-sitnjueb5j] {
        cursor: pointer;
    }

.pep-explanation[b-sitnjueb5j] {
    font-size: 14px;
    padding-top:2px;
}
.no-info[b-sitnjueb5j] {
    height: 0;
    transition: height .5s ease-out;
    overflow: hidden;
}

.pep-info[b-sitnjueb5j] {
    height: 200px;
    transition: height .5s ease-in;
    overflow: hidden;
}

.showing[b-sitnjueb5j] {
    display: block;
}

.up-arrow[b-sitnjueb5j] {
    transform: rotate(-180deg);
    transition: transform .5s;
    margin-left: 10px;
}

.down-arrow[b-sitnjueb5j] {
    transform: rotate(0);
    transition: transform .5s;
    margin-left: 10px;
}

.input-row[b-sitnjueb5j] {
    display: flex;
    gap: 10px;
}

.button-row[b-sitnjueb5j] {
    display: flex;
    margin-top: 20px;
    justify-content: space-between;
}

.row-reverse[b-sitnjueb5j] {
    width: 100%;
    display: flex;
    justify-content: flex-end;
    margin-top: 20px;
}

    .row-reverse div[b-sitnjueb5j] {
        width: 50%;
    }

.invalid[b-sitnjueb5j] {
    border-radius: 4px;
}

.flag-and-citizenship[b-sitnjueb5j] {
    display: flex;
    flex-direction: row;
    gap: 10px;
    align-content: center;
}

.flag[b-sitnjueb5j] {
    height:75%;
    align-self: center;
    border-radius: 2px;
    box-shadow: 0px 5px 15px -5px #a7a7a7;
}

hr[b-sitnjueb5j]{
    opacity:.1;
}

@keyframes fadein-b-sitnjueb5j {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@media (max-width: 641px) {
    #content-card[b-sitnjueb5j] {
        max-height: 85vh;
        overflow-y: scroll;
        overflow-x: clip;
    }

    .input-row[b-sitnjueb5j] {
        flex-direction: column;
    }

    .profile-row[b-sitnjueb5j] {
        flex-direction: row;
    }

    .info-header[b-sitnjueb5j] {
        margin-top: 2vh;
    }

    .step-text[b-sitnjueb5j] {
        display: none;
    }

    .pep-info[b-sitnjueb5j] {
        height: auto;
    }
}
/* /Components/BeneficialOwnerComponents/PepRoleComponent.razor.rz.scp.css */
.checkbox-container[b-3l0bu3f1t2] {
    width: 100%;
}

.radio-row[b-3l0bu3f1t2] {
   display:flex;
   flex-wrap:wrap;
   max-height:200px;
   overflow:scroll;
}

.radio-container[b-3l0bu3f1t2]{
  padding:5px 0 5px 0;
}

.custom-radio-btn[b-3l0bu3f1t2] {
    --size: 20px;
    min-width: var(--size);
    height: var(--size);
    border-radius: 50%;
    align-items: center;
    cursor: pointer;
    position: relative;
    padding-left: var(--size);
    
    font-size:14px;
}

    .custom-radio-btn input[b-3l0bu3f1t2] {
        display: none;
    }

    .custom-radio-btn .label[b-3l0bu3f1t2] {
        padding-left: 8px;
    }

    .custom-radio-btn[aria-label][b-3l0bu3f1t2]::after {
        content: attr(aria-label);
        display: inline-block;
        margin-left: 5px;
    }



    .custom-radio-btn .checkmark[b-3l0bu3f1t2] {
        --gap: 5px;
        --border: 1px;
        --check-color: #1978FC;
        width: var(--size);
        height: var(--size);
        border-radius: 50%;
        display: inline-block;
        border: var(--border) solid var(--border-and-lines);
        padding: var(--gap);
        position: absolute;
        top: 0;
        left: 0;

    }

    .custom-radio-btn input:checked ~ .checkmark[b-3l0bu3f1t2] {
        background-image: radial-gradient(45% 45% at center, var(--button-blue) 0% 70%,#0000 80% 100%);
    }

.invalid[b-3l0bu3f1t2] {
    border-radius: 4px;
}

/* /Components/CommonComponents/Buttons/Old/PtAsyncBlueBtn.razor.rz.scp.css */
/** {
    font-family: 'Open Sans', sans-serif;
}*/



.active-btn-container[b-ih3ofdh7q4], .deactive-btn-container[b-ih3ofdh7q4] {
    padding: 0;
    border-radius: 4px;
}

button[b-ih3ofdh7q4] {
  
    border-radius: 4px;
    border: none;
    width: 100%;
    /* font-weight: 500;*/
    height: 100%;
    /*    font-size: 1em;*/
    /* font-weight: 400;*/
}


.active-btn[b-ih3ofdh7q4] {
    background: var(--button-blue);
    color: #FFFFFF;
    border: 1px solid var(--button-blue);
}

.active-btn-container:hover[b-ih3ofdh7q4] {
    box-shadow: var(--box-shadow-light);
}

.active-btn:hover[b-ih3ofdh7q4] {
    color: var(--button-blue);
    background: #FFFFFF;
    border: 1px solid var(--button-blue);
    transition: box-shadow 300ms ease, background-color 300ms ease;
}



.deactive-btn[b-ih3ofdh7q4] {
    background: #d3d0cf;
    color: #908986;
}

@media (max-width: 990px) {
/*
    .active-btn-container {
        max-width: 95vw;
    }

    .active-btn {
        width: 100%;
    }*/
}
/* /Components/CommonComponents/Buttons/Old/PtBlueBtnSmall.razor.rz.scp.css */
.btn-container[b-zqy08933i4] {
    display: flex;
    flex-direction: row;
    width: auto;
    min-width: 8em;
    max-width: 20em;
    height: 2em;
}

.active-btn[b-zqy08933i4] {
    background: #FFFFFF;
    color: #1978FC;
    border-radius: 4px;
    border: 1px solid #D5DCE2;
    width: 100%;
    font-weight: 500;
    height: 100%;
    font-size: 0.7em;
}

    .active-btn:hover[b-zqy08933i4] {
        background: #1978FC;
        color: #FFFFFF;
    }

    .active-btn:active[b-zqy08933i4] {
        background: #0d37ca;
    }

.deactive-btn[b-zqy08933i4] {
    background: #d3d0cf;
    color: #908986;
    border-radius: 4px;
    border: 1px solid #D5DCE2;
    width: 100%;
    font-weight: 500;
    height: 100%;
    font-size: 0.7em;
}





.margin-left[b-zqy08933i4] {
    margin-left: 0.4em;
}

@media (max-width: 990px) {

    .btn-container[b-zqy08933i4] {
        max-width: 95vw;
    }

        .btn-container button[b-zqy08933i4] {
            width: 100%;
        }
}

@media (max-width: 350px) {
    .btn-container[b-zqy08933i4] {
        min-width: 6em;
    }
}
/* /Components/CommonComponents/Buttons/PtBlueBtn.razor.rz.scp.css */
/** {
    font-family: 'Open Sans', sans-serif;
}*/



.active-btn-container[b-0q1eybgkth], .deactive-btn-container[b-0q1eybgkth] {
    padding: 0;
    border-radius: 4px;
}

button[b-0q1eybgkth] {
  
    border-radius: 4px;
    border: none;
    width: 100%;
    /* font-weight: 500;*/
    height: 100%;
    /*    font-size: 1em;*/
    /* font-weight: 400;*/
}


.active-btn[b-0q1eybgkth] {
    background: var(--button-blue);
    color: #FFFFFF;
    border: 1px solid var(--button-blue);
}

.active-btn-container:hover[b-0q1eybgkth] {
    box-shadow: var(--box-shadow-light);
}

.active-btn:hover[b-0q1eybgkth] {
    color: var(--button-blue);
    background: #FFFFFF;
    border: 1px solid var(--button-blue);
    transition: box-shadow 300ms ease, background-color 300ms ease;
}



.deactive-btn[b-0q1eybgkth] {
    background: #d3d0cf;
    color: #908986;
}

@media (max-width: 990px) {
/*
    .active-btn-container {
        max-width: 95vw;
    }

    .active-btn {
        width: 100%;
    }*/
}
/* /Components/CommonComponents/Buttons/PtGreyBtn.razor.rz.scp.css */
*[b-ugu4hhjr6s] {
    font-family: 'Open Sans', sans-serif;
}

.active-btn-outer[b-ugu4hhjr6s] {
    padding: 0 0.2em 0 0.2em;
    margin: 0.5em 0 0.5em 0;
}

.active-btn-container[b-ugu4hhjr6s] {
    width: auto;
    min-width: 8em;
    max-width: 20em;
    padding: 0;
    margin: 0;
    height: 2.2em;
    border-radius: 4px;
}

.active-btn[b-ugu4hhjr6s] {
    background: #E0E0E0;
    color: #000000;
    border-radius: 4px;
    border: none;
    width: 100%;
    font-weight: 500;
    height: 100%;
    font-size: 1em;
    font-weight: 400;
}

.active-btn-container:hover[b-ugu4hhjr6s] {
    box-shadow: 0px 0px 6px 1px #c7c7c7;
    transition: box-shadow 150ms ease, background-color 150ms ease;
}

.active-btn:hover[b-ugu4hhjr6s] {
    color: #000000;
    box-shadow: 0px 5px 15px -5px #a7a7a7;
    transition: box-shadow 300ms ease, background-color 300ms ease;
}

.active-btn-outer[b-ugu4hhjr6s] {
    padding: 0 0.2em 0 0.2em;
    margin: 0.5em 0 0.5em 0;
}

.deactive-btn-container[b-ugu4hhjr6s] {
    width: auto;
    min-width: 8em;
    max-width: 20em;
    padding: 0;
    margin: 0;
    height: 2.5em;
    border-radius: 4px;
}

.deactive-btn[b-ugu4hhjr6s] {
    background: #d3d0cf;
    color: #908986;
    border-radius: 4px;
    border: none;
    width: 100%;
    font-weight: 500;
    height: 100%;
    font-size: 1em;
    font-weight: 400;
}

@media (max-width: 990px) {

    .active-btn-container[b-ugu4hhjr6s] {
        max-width: 95vw;
    }

    .active-btn[b-ugu4hhjr6s] {
        width: 100%;
    }
}
/* /Components/CommonComponents/Buttons/PtLoginBtn.razor.rz.scp.css */
/** {
    font-family: 'Open Sans', sans-serif;
}*/

.btn-container[b-ku909bdghe] {
    /*width: auto;*/
    /*    min-width: 8em;
    max-width: 30em;*/
    padding: 0;
 /*   margin: 0.5em 0.2em;*/
    /*height: 39px;*/
}

button[b-ku909bdghe] {
    background: #0E42D3;
    color: #FFFFFF; 
    border-radius: 4px;
    border: none;
    width: 100%;
   /* font-weight: 500;*/
    height: 100%;
/*    font-size: 1em;*/
   /* font-weight: 400;*/
}

    button:hover[b-ku909bdghe] {
        color: #FFFFFF;
        box-shadow: var(--box-shadow-light);
        transition: box-shadow 300ms ease, background-color 300ms ease;
    }

@media (max-width: 990px) {

    .btn-container[b-ku909bdghe] {
        max-width: 95vw;
    }

        .btn-container button[b-ku909bdghe] {
            width: 100%;
        }
}
/* /Components/CommonComponents/Buttons/PtQuestionOverlay.razor.rz.scp.css */
*[b-tqjmkjxqn6] {
    font-family: 'Open Sans', sans-serif;
}

p[b-tqjmkjxqn6]{
    font-size:6pt;
}

.question-button[b-tqjmkjxqn6] {
    border-radius: 50%;
    border: 2px solid #B8B8B8;
    color: #B8B8B8;
    width: 30px;
    height: 30px;
    display: flex;
    justify-content: center;
    text-align: center;
    font-size: 14pt;
    position: relative;
    margin: 0 10px 0 10px;
}

    .question-button:hover[b-tqjmkjxqn6] {
        border: 2px solid #1978FC;
        color: #1978FC;
        cursor: pointer;
    }

.question-container[b-tqjmkjxqn6] {
    display: none;
}

.question-button:hover .question-container[b-tqjmkjxqn6] {
    display: flex;
    flex-direction: column;
    position: absolute;
    top: 0;
    z-index: 101; /*navbar is 100*/
    color: #000;
    padding-top: 10px;
    width: 350px;
    justify-content: center;
}

.div-top[b-tqjmkjxqn6] {
    height: 40px;
    width: 40px;
    margin: auto;
    z-index: 2;
    overflow: hidden;
    padding-top: 35px;
}

.triangle-div[b-tqjmkjxqn6] {
    height: 40px;
    width: 40px;
    transform: rotate(45deg);
    background: #fff;
    box-shadow: 0px 0px 6px 2px rgba(0, 0, 0, 0.15);
}

.div-info[b-tqjmkjxqn6] {
    box-shadow: 0px 0px 6px 2px rgba(0, 0, 0, 0.15);
    border-radius: 4px;
    background: #fff;
    z-index: 1;
    padding: 10px;
}

.div-header[b-tqjmkjxqn6] {
    border-bottom: 2px solid #CECECE;
    color: #CECECE;
    margin-bottom: 5px;
    font-size: 10pt;
    text-align: left;
}

.div-content[b-tqjmkjxqn6] {
    z-index: 3;
    width: 100%;
    height: 100%;
    background: #fff;
    display: flex;
    align-items: center;
}

.icon-container[b-tqjmkjxqn6] {
    flex: 1;
    color: #ECD60F;
    font-size: 55px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    margin-top: 3%;
}

    .icon-container img[b-tqjmkjxqn6] {
        height: 65px;
        width: 66px;
    }

    .warning[b-tqjmkjxqn6] {
        font-size: 60px;
    }

.text-container[b-tqjmkjxqn6] {
    flex: 3;
    text-align: left;
    font-size: 14px;
}
.text-container p[b-tqjmkjxqn6] {

    font-size: 12px;
    font-weight:600;
}

.video[b-tqjmkjxqn6] {
    padding: 5px;
}

@media (max-width: 990px) {


    .question-button:hover .question-container[b-tqjmkjxqn6] {
        top: 25px;
        max-width: 85vw;
        right: -25px;
    }

    .div-top[b-tqjmkjxqn6] {
        display: none;
    }
}
/* /Components/CommonComponents/Buttons/PtRefreshBtn.razor.rz.scp.css */
.btn-container[b-lkv0lwtldc] {
    width: auto;
    min-width: 10em;
    max-width: 30em;
    padding: 0;
    margin: 8px;
    height: 3em;
}

button[b-lkv0lwtldc] {
    background: #1978FC;
    color: #FFFFFF;
    border-radius: 8px;
    border: none;
    width: 100%;
    font-weight: 500;
    height: 100%;
    font-size: 0.8em;
}

    button:hover[b-lkv0lwtldc] {
        background: #206CD6;
        color: #FFFFFF;
    }

    button:active[b-lkv0lwtldc] {
        background: #0d37ca;
    }



@media (max-width: 990px) {

    .btn-container[b-lkv0lwtldc] {
        max-width: 95vw;
    }

        .btn-container button[b-lkv0lwtldc] {
            width: 100%;
        }
}
/* /Components/CommonComponents/Buttons/PtSubmitBtn.razor.rz.scp.css */
/** {
    font-family: 'Open Sans', sans-serif;
}*/

.active-btn-outer[b-26374q2hfb] {
    /*    padding: 0 0.2em 0 0.2em;
    margin: 0.5em 0 0.5em 0;*/
/*    width: 100%*/
}

/*.center {
    width: auto;
    min-width: 8em;
    max-width: 20em;
    padding: 0;
    margin: auto;
    height: 2.5em;
    border-radius: 4px;
}*/

.active-btn-container[b-26374q2hfb] {
   /* width: 100%;*/
    /*    min-width: 8em;
    max-width: 20em;*/
    /*   padding: 0;
    margin: 0;
    height: 2.2em;*/
    /*border-radius: 4px;*/
}

.active-btn[b-26374q2hfb] {
    /*    background: linear-gradient(90deg, rgba(14,90,219,1) 0%, rgba(7,118,235,1) 100%);
    color: #FFFFFF;*/
    border-radius: 4px;
    border: 1px solid transparent;

    font-weight: 500;
    height: 100%;
    /*    font-size: 1.1em;
    font-weight: 400;*/
    transition: 0.3s;
    overflow: hidden;
    padding-top: 4px;
    /*filter: drop-shadow(0px 1px 19px rgba(0, 0, 0, 0.25));*/
    background: var(--button-blue);
    color: #FFFFFF;
}

.active-btn-container:hover[b-26374q2hfb] {
    box-shadow: var(--box-shadow-light);
}

.active-btn:hover[b-26374q2hfb] {
    color: #0E42D3;
    background: #FFFFFF;
    border: 1px solid #0E42D3;
    transition: box-shadow 300ms ease, background-color 300ms ease;
}

.active-btn-outer[b-26374q2hfb] {
    /*    padding: 0 0.2em 0 0.2em;
    margin: 0.5em 0 0.5em 0;*/
}

.label-up[b-26374q2hfb] {
    display: block;
    margin: 0px 30px;
  /*  height: 100%;*/
    top: 0;
    position: relative;
    transition: 0.3s;
}

.spinner-border[b-26374q2hfb] {
    margin-right: 0.4em;
}

.active-btn.move-label-up .label-up[b-26374q2hfb] {
    top: -100%;
}

.hidden[b-26374q2hfb] {
    opacity: 0;
}

.deactive-btn-container[b-26374q2hfb] {
    padding: 0;
    border-radius: 4px;
}

.deactive-btn[b-26374q2hfb] {
    background: #d3d0cf;
    color: #908986;
}

@media (max-width: 990px) {

    /*    .active-btn-container {
        max-width: 95vw;
    }

    .active-btn {
        width: 100%;
    }*/
}
/* /Components/CommonComponents/Buttons/PtWhiteBtn.razor.rz.scp.css */
/** {
    font-family: 'Open Sans', sans-serif;
}
*/

.active-btn-container[b-aip00bter4] {
    padding: 0;
}

    .active-btn-container:hover[b-aip00bter4] {
        box-shadow: var(--box-shadow-light);
    }

.active-btn[b-aip00bter4], .deactive-btn[b-aip00bter4] {
    width: 100%;
    height: 100%;
    background: #fff;
    text-align: center;
    border-radius: 4px;
    cursor: pointer;
  /*  padding: 10px 15px*/
}


.active-btn[b-aip00bter4] {
    color: #0E42D3;
    border: 1px solid #0E42D3;
}

.deactive-btn[b-aip00bter4] {
    background: #d3d0cf;
}

.active-btn:hover[b-aip00bter4] {
    color: #fff;
    background: #0E42D3;
    transition: box-shadow 300ms ease, background-color 300ms ease;
}

.material-icons-outlined[b-aip00bter4] {
    margin-top: 3px;
}

@media (max-width: 990px) {

    /*    .active-btn-container {
        max-width: 95vw;
    }

    .active-btn {
        width: 100%;
    }*/
}
}

/* /Components/CommonComponents/CheckWithAnimation.razor.rz.scp.css */
.success-checkmark[b-h4gkofe0ho] {
    width: 80px;
    height: 115px;
    margin: auto;
}

.check-icon[b-h4gkofe0ho] {
    width: 80px;
    height: 80px;
    position: relative;
    border-radius: 50%;
    box-sizing: content-box;
    border: 6px solid #0E42D3;
}
    &[b-h4gkofe0ho]::before{
    top: 3px;
    left: -2px;
    width: 30px;
    transform-origin: 100% 50%;
    border-radius: 100px 0 0 100px;
}

&[b-h4gkofe0ho]::after {
    top: 0;
    left: 30px;
    width: 60px;
    transform-origin: 0 50%;
    border-radius: 0 100px 100px 0;
    animation: rotate-circle-b-h4gkofe0ho 4.25s ease-in;
}

&[b-h4gkofe0ho]::before, &[b-h4gkofe0ho]::after {
    content: '';
    height: 100px;
    position: absolute;
    background: #FFFFFF;
    transform: rotate(-45deg);
}

.icon-line[b-h4gkofe0ho] {
    height: 6px;
    background-color: #0E42D3;
    display: block;
    border-radius: 2px;
    position: absolute;
    z-index: 10;
    &.line-tip

{
    top: 46px;
    left: 14px;
    width: 25px;
    transform: rotate(45deg);
    animation: icon-line-tip-b-h4gkofe0ho 1.25s;
}

&.line-long[b-h4gkofe0ho] {
    top: 38px;
    right: 8px;
    width: 48px;
    transform: rotate(-45deg);
    animation: icon-line-long-b-h4gkofe0ho 1.25s;
}

}

.icon-circle[b-h4gkofe0ho] {
    top: -6px;
    left: -6px;
    z-index: 10;
    width: 80px;
    height: 80px;
    border-radius: 50%;
    position: absolute;
    box-sizing: content-box;
    border: 6px solid #0E42D3;
}

.icon-fix[b-h4gkofe0ho] {
    top: 8px;
    width: 5px;
    left: 26px;
    z-index: 1;
    height: 85px;
    position: absolute;
    transform: rotate(-45deg);
    background-color: #FFFFFF;
}

}
}

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

    5% {
        transform: rotate(-45deg);
    }

    12% {
        transform: rotate(-405deg);
    }

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

@keyframes icon-line-tip-b-h4gkofe0ho {
    0% {
        width: 0;
        left: 1px;
        top: 19px;
    }

    54% {
        width: 0;
        left: 1px;
        top: 19px;
    }

    70% {
        width: 50px;
        left: -8px;
        top: 37px;
    }

    84% {
        width: 17px;
        left: 21px;
        top: 48px;
    }

    100% {
        width: 25px;
        left: 14px;
        top: 45px;
    }
}

@keyframes icon-line-long-b-h4gkofe0ho {
    0% {
        width: 0;
        right: 46px;
        top: 54px;
    }

    65% {
        width: 0;
        right: 46px;
        top: 54px;
    }

    84% {
        width: 55px;
        right: 0px;
        top: 35px;
    }

    100% {
        width: 47px;
        right: 8px;
        top: 38px;
    }
}
/* /Components/CommonComponents/InputFields/EditFormInputs/PtTextFormInput.razor.rz.scp.css */
.valid.modified:not([type=checkbox])[b-vc7lil81is] {
    outline: none !important;
}

    .valid.modified:not([type=checkbox]) input[b-vc7lil81is] {
        border-color: #26b050;
    }

    .valid.modified:not([type=checkbox]) input[b-vc7lil81is] {
        border-color: #26b050;
    }

    .valid.modified:not([type=checkbox]) .placeholder-attached[b-vc7lil81is], .valid.modified:not([type=checkbox]) .text[b-vc7lil81is], .valid.modified:not([type=checkbox]) .custom-icon[b-vc7lil81is] {
        color: #26b050;
    }

.invalid[b-vc7lil81is] {
    outline: none !important;
}

    .invalid input[b-vc7lil81is] {
        border-color: red;
    }

    .invalid .placeholder-attached[b-vc7lil81is], .invalid .text[b-vc7lil81is], .invalid .custom-icon[b-vc7lil81is] {
        color: red;
    }

.input-contain[b-vc7lil81is] {
    position: relative;
}

input[b-vc7lil81is] {
    border: 1px solid #D5D6E2;
    border-radius: 4px;
    font-size:14px;
}

    input:focus[b-vc7lil81is] {
        outline: none;
        border-color: #1442CC;
    }

        input:focus + .placeholder-text .text[b-vc7lil81is] {
            background-color: white;
            padding: 0 3px;
            font-size: 11px;
            margin-left: -3px;
            margin-top: 2px;       
            transform: translate(0, -120%);
        }

        input:focus + .placeholder-text .text[b-vc7lil81is] {
            border-color: #1442CC;
            color: #1442CC;
        }

        input:focus ~ .custom-icon[b-vc7lil81is] {
            color: #1442CC;
        }

        input:focus + .placeholder-text .placeholder-attached[b-vc7lil81is] {
            border-color: #1442CC;
            color: #1442CC;

        }

.left input[b-vc7lil81is] {
    padding-left: 3rem;
}

.custom-icon[b-vc7lil81is] {
    position: absolute;
    top: 0.75rem;
}

    .custom-icon.right[b-vc7lil81is] {
        right: 20px;
    }

    .custom-icon.left[b-vc7lil81is] {
        left: 20px;
    }

.placeholder-attached[b-vc7lil81is] {
    background-color: white;
   margin-top:2px;
    padding: 0 3px;
    font-size: 11px;
    margin-left: -3px;
    transform: translate(0, -120%);
}

.placeholder-text[b-vc7lil81is] {
    position: absolute;
    left:0px;
    top: 22%;
    background-color: transparent;
    pointer-events: none;
    display: flex;
    align-items: center;
    font-size: 14px;
}

.text[b-vc7lil81is] {
    background-color: transparent;
    transform: translate(0);
    transition: transform 0.15s ease-out, font-size 0.15s ease-out, background-color 0.2s ease-out, color 0.15s ease-out;
}

input[b-vc7lil81is], .placeholder-text[b-vc7lil81is] {
    padding: 0px 19px;
}

/* /Components/CommonComponents/InputFields/EditFormInputs/PtTextFormInputThin.razor.rz.scp.css */
/** {
    font-family: 'Open Sans', sans-serif;
}
*/
.valid.modified:not([type=checkbox])[b-ly2egwn4ei] {
    outline: none !important;
}

    .valid.modified:not([type=checkbox]) input[b-ly2egwn4ei] {
        border-color: #26b050;
    }

    .valid.modified:not([type=checkbox]) input[b-ly2egwn4ei] {
        border-color: #26b050;
    }

    .valid.modified:not([type=checkbox]) .placeholder-attached[b-ly2egwn4ei], .valid.modified:not([type=checkbox]) .text[b-ly2egwn4ei], .valid.modified:not([type=checkbox]) .custom-icon[b-ly2egwn4ei] {
        color: #26b050;
    }

.invalid[b-ly2egwn4ei] {
    outline: none !important;
}

    .invalid input[b-ly2egwn4ei] {
        border-color: red;
    }

    .invalid .placeholder-attached[b-ly2egwn4ei], .invalid .text[b-ly2egwn4ei], .invalid .custom-icon[b-ly2egwn4ei] {
        color: red;
    }

.input-contain[b-ly2egwn4ei] {
    position: relative;
    width: 100%
    /*   padding: 0 0.2em 0 0.2em;
    margin: 0.5em 0 0.5em 0;*/
}

input[b-ly2egwn4ei] {
    border: 1px solid #D5D6E2;
    border-radius: 4px;
    font-size: 14px;
}

    input:focus[b-ly2egwn4ei] {
        outline: none;
        border-color: #1442CC;
    }

        input:focus + .placeholder-text .text[b-ly2egwn4ei] {
            background-color: white;
            line-height: 6px;
            font-size: 11px;
            /*color: #D5D6E2;*/
            transform: translate(0, -100%);
        }

        input:focus + .placeholder-text .text[b-ly2egwn4ei] {
            border-color: #1442CC;
            color: #1442CC;
        }

        input:focus ~ .custom-icon[b-ly2egwn4ei] {
            color: #1442CC;
        }

        input:focus + .placeholder-text .placeholder-attached[b-ly2egwn4ei] {
            border-color: #1442CC;
            color: #1442CC;
            padding: 0 3px;
        }

.left input[b-ly2egwn4ei] {
    padding-left: 3rem;
}

.custom-icon[b-ly2egwn4ei] {
    position: absolute;
    top: 0.75rem;
}

    .custom-icon.right[b-ly2egwn4ei] {
        right: 20px;
    }

    .custom-icon.left[b-ly2egwn4ei] {
        left: 20px;
    }

.placeholder-attached[b-ly2egwn4ei] {
    background-color: white;
    line-height: 6px;
    font-size: 11px;
    transform: translate(0, -100%);
    padding: 0 3px;
    margin-left: -2px;
    transition: top;
    top: 25%;
}

.placeholder-text[b-ly2egwn4ei] {
    position: absolute;
    /*    top: 0;
    bottom: 0;
    left: 0;
    right: 0;*/
    top: 10%;
    /*   border: 3px solid transparent;*/
    background-color: transparent;
    pointer-events: none;
    display: flex;
    align-items: center;
    font-size: 14px;
}

.text[b-ly2egwn4ei] {
    background-color: transparent;
    transform: translate(0);
    /*color: #D5D6E2;*/
    transition: transform 0.15s ease-out, font-size 0.15s ease-out, background-color 0.2s ease-out, color 0.15s ease-out;
}

    .text.left[b-ly2egwn4ei] {
        /*    padding-left: 30px;*/
    }


input:focus + .placeholder-text .text[b-ly2egwn4ei], input:focus + .placeholder-text .text.left[b-ly2egwn4ei] {
    /*padding: 0px 19px;*/
    padding: 0 3px;
    margin-left: -2px;
}

input[b-ly2egwn4ei], .placeholder-text[b-ly2egwn4ei] {
    /*font-size: 11pt;*/
    padding: 0px 19px;
}

@media (max-width: 990px) {
    .input-contain[b-ly2egwn4ei] {
        max-width: 95vw;
    }
}
/* /Components/CommonComponents/InputFields/Old/PtRadioToggle.razor.rz.scp.css */
.radio-group[b-1gmpa14w2e] {
    display: flex;
    
}

.custom-radio-btn[b-1gmpa14w2e] {
    --size: 25px;
    min-width: var(--size);
    height: var(--size);
    border-radius: 50%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    cursor: pointer;
    margin-right: 15px;
    position: relative;
    padding-left: var(--size);
}

.custom-radio-btn input[b-1gmpa14w2e] {
    display: none;
}


.custom-radio-btn .label[b-1gmpa14w2e] {
    margin-left: 8px;
}

.custom-radio-btn[aria-label][b-1gmpa14w2e]::after {
    content: attr(aria-label);
    display: inline-block;
    margin-left: 5px;
}



.custom-radio-btn .checkmark[b-1gmpa14w2e] {
    --gap: 5px;
    --border: 1px;
    --check-color: #1978FC;
    width: var(--size);
    height: var(--size);
    border-radius: 50%;
    display: inline-block;
    border: var(--border) solid #D9D9D9;
    padding: var(--gap);
    position: absolute;
    top: 0;
    left: 0;
}

.custom-radio-btn input:checked ~ .checkmark[b-1gmpa14w2e] {
    background-image: radial-gradient(45% 45% at center, #1978FC 0% 70%,#0000 80% 100%);
}

/* /Components/CommonComponents/InputFields/Old/PtRangeInput.razor.rz.scp.css */
.range-container[b-m1dmiix02d] {
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: relative;
}

.min-label[b-m1dmiix02d] {
    position: absolute;
    left: 0;
    bottom: 0;
}

.max-label[b-m1dmiix02d] {
    position: absolute;
    right: 0;
    bottom: 0;
}

.value-label[b-m1dmiix02d] {
    position: relative;
    bottom: -2.5em;
}

.slider[b-m1dmiix02d] {
    -webkit-appearance: none;
    height: 9px;
    width: 100%;
    background: #ffffff;
    border: 1px solid #bbbbbb;
    border-radius: 25px;
    outline: none;
}


    .slider[b-m1dmiix02d]::-webkit-slider-thumb {
        -webkit-appearance: none;
        appearance: none;
        width: 20px;
        height: 20px;
        background: #1978FC;
        border-radius: 50%;
        cursor: pointer;
    }

    .slider[b-m1dmiix02d]::-moz-range-thumb {
        width: 20px;
        height: 20px;
        background: #1978FC;
        cursor: pointer;
        border-radius: 50%;
    }
/* /Components/CommonComponents/InputFields/Old/PtRangeSteppedInput.razor.rz.scp.css */
.range-container[b-cqq8wdf75f] {
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position:relative;
}

.min-label[b-cqq8wdf75f] {
    position: absolute;
    left:0;
    bottom:0;
}

.max-label[b-cqq8wdf75f] {
    position: absolute;
    right: 0;
    bottom: 0;
}

.value-label[b-cqq8wdf75f] {
    position: relative;
    bottom: -2.5em;
}

.slider[b-cqq8wdf75f] {
    -webkit-appearance: none;
    height: 9px;
    width: 100%;
    background: #ffffff;
    border: 1px solid #bbbbbb;
    border-radius: 25px;
    outline: none;
}


.slider[b-cqq8wdf75f]::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 20px;
    height: 20px;
    background: #1978FC;
    border-radius: 50%;
    cursor: pointer;
}

.slider[b-cqq8wdf75f]::-moz-range-thumb {
    width: 20px;
    height: 20px;
    background: #1978FC;
    cursor: pointer;
    border-radius: 50%;
}
/* /Components/CommonComponents/InputFields/PtCheckBox.razor.rz.scp.css */
.checkbox-container[b-gif97y7pva] {
    display: block;
    position: relative;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    
/*    font-family: 'Inter', sans-serif;*/
 /*   font-weight: 500;*/
   /* font-size: 1em;*/
}

.checkbox-container .label[b-gif97y7pva] {
    position: relative;
    left: 27px;
    width:100%;
   /* font-weight: 400;*/
}

.checkbox-container input[b-gif97y7pva] {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

.custom-checkbox[b-gif97y7pva] {
    position: absolute;
    top: 0;
    left: 0;
    height: 20px;
    width: 20px;
    margin-top:auto;
    margin-bottom:auto;
    background-color: #ffffff;
    border: 1px solid var(--border-and-lines);
    border-radius: 4px;
}

    .custom-checkbox[b-gif97y7pva]:after {
        content: "";
        position: absolute;
        display: none;
    }

.checkbox-container input:checked ~ .custom-checkbox[b-gif97y7pva]:after {
    display: block;
}

.checkbox-container:hover input ~ .custom-checkbox[b-gif97y7pva] {
    background-color: #ccc;
}

.checkbox-container input:checked ~ .custom-checkbox[b-gif97y7pva] {
    background: white;
}

.checkbox-container .custom-checkbox[b-gif97y7pva]:after {
    left: 6px;
    top: 0;
    width: 7px;
    height: 16px;
    border: solid var(--button-blue);
    border-width: 0 3px 3px 0;
    border-radius:5%;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    
}

.flex-1[b-gif97y7pva] {
    flex: 1;
}
/* /Components/CommonComponents/InputFields/PtCompanySelecter.razor.rz.scp.css */

.overlay[b-kavze7f2di] {
    top: 0px;
    left: 0px;
    z-index: -1;
    width: 100%;
    opacity: 0.2;
    height: 100%;
    position: fixed;
}

.arrow-up[b-kavze7f2di] {
    transform: rotate(0);
    transition: transform .5s;
}

.arrow-down[b-kavze7f2di] {
    transform: rotate(-180deg);
    transition: transform .5s;
}

.dropdown-wrapper[b-kavze7f2di] {
    width: 100%;
}

    .dropdown-wrapper .description[b-kavze7f2di] {
        top: -9px;
        left: 17px;
        font-size: 11px;
        padding: 2px 3px 0 3px;
        position: absolute;
        background-color: white;

    }

        .dropdown-wrapper .description.invalid[b-kavze7f2di] {
            color: red;
            outline: none;
        }

    .dropdown-wrapper .label[b-kavze7f2di] {
        width: 70%;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        margin-top:3px;
        font-size:14px;
    }

.header[b-kavze7f2di], .dropdown-content .options li[b-kavze7f2di] {
    display: flex;
    align-items: center;
}

.header[b-kavze7f2di] {
    width: 100%;
    background: #fff;
    border-radius: 4px;
    justify-content: space-between;
}

.dropdown-content[b-kavze7f2di] {
    z-index: 2;
    top: -300px;
    width: 100%;
    background: #fff;
    position: absolute;
    border-radius: 4px;
    padding: 0 19px 15px 19px;
    box-shadow: 1px 1px 8px rgba(10, 31, 68, 0.08), 0px 3px 4px rgba(10, 31, 68, 0.1);
}

    .dropdown-content .search[b-kavze7f2di] {
        position: relative;
        padding-top: 19px;
    }

        .dropdown-content .search span[b-kavze7f2di] {
            top: 9px;
            right: 10px;
            padding-top: 19px;
            position: absolute;
        }

        .dropdown-content .search input[b-kavze7f2di] {
            width: 100%;
            height: 39px;
            outline: none;
            border-radius: 4px;
            padding-left: 19px;
            border: 1px solid #D5D6E2;
        }

    .dropdown-content .options[b-kavze7f2di] {
        padding: 0;
        overflow-y: auto;
        max-height:200px;
        margin-bottom: 0px;
        margin-top: 15px;
    }

.noData[b-kavze7f2di] {
    margin: 19px;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .noData .material-icons-outlined[b-kavze7f2di] {
        font-size: 15pt;
    }


.dropdown-content .options li[b-kavze7f2di] {
    height: 39px;
    cursor: pointer;
    background: #fff;
    padding-left:5px;
    border-radius:5px;
}

    .dropdown-content .options li.selected[b-kavze7f2di] {
        background: #E0F1FF;
        font-weight: 500;
    }

    .dropdown-content .options li:hover:not(.selected)[b-kavze7f2di] {
        background: #E0F1FF;
        font-weight: 500;
        transition: background-color 150ms ease,font-weight 150ms ease;
    }

.nav-item-padding[b-kavze7f2di] {
    padding: 0.5rem !important;
}


.name-section-wrapper[b-kavze7f2di] {
    width: 225px;
    display: flex;
    cursor: default;
    position: relative;
    align-items: center;
}

.initials-bg[b-kavze7f2di] {
    width: 37px;
    height: 37px;
    display: flex;
    cursor: pointer;
    position: relative;
    border-radius: 50%;
    background: #757D8A;
    align-items: center;
    justify-content: center;
}

    .initials-bg h3[b-kavze7f2di] {
        color: #fff;
        font-size: 16px;
        text-align: left;
        font-weight: 300;
        line-height: 20px;
        letter-spacing: 0.1em;
    }

.name[b-kavze7f2di] {
    top: 0px;
    left: 45px;
    font-size: 11pt;
    font-weight: 600;
    position: absolute;
}

.value[b-kavze7f2di] {
    top: 20px;
    left: 45px;
    height: 18px;
    color: #757D8A;
    font-size: 11pt;
    cursor: pointer;
    position: absolute;
}

.ellipsis[b-kavze7f2di] {
    width: 150px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.expand-arrow[b-kavze7f2di] {
    top: 17px;
    right: 0px;
    color: #0E42D3;
    cursor: pointer;
    position: absolute;
}
/* /Components/CommonComponents/InputFields/PtDateAndTimePicker.razor.rz.scp.css */
input[type="time"][b-xtzyuv2jg7]::-webkit-calendar-picker-indicator {
    display: none;
}

input[type="date"][b-xtzyuv2jg7]::-webkit-calendar-picker-indicator {
    position: absolute;
    background: none;
    left: 0px;
    width: 50px;
    z-index: 1;
    cursor:pointer;
}

input[type="date"][b-xtzyuv2jg7], input[type="time"][b-xtzyuv2jg7] {
    width: 100%;
    -moz-appearance: textfield;
    -webkit-appearance: textfield;
    background-color: white !important;
}

.date-and-time-wrapper[b-xtzyuv2jg7] {
    display: flex;
    gap: 10px;
    width: 100%;
}

.input-contain[b-xtzyuv2jg7] {
    position: relative;
    width: 100%;
    margin: 0;
    height: 39px;
    flex: 1;
}

input[b-xtzyuv2jg7] {
    font-size: 14px;
    width: 100%;
    height: 39px;
    border: 1px solid #D5D6E2;
    border-radius: 4px;
    padding: 1px 0 0 50px;
    cursor: pointer;
    margin: 0;
}

    input:focus[b-xtzyuv2jg7] {
        outline: none;
        border-color: #1442CC;
    }

        input:focus ~ .custom-icon[b-xtzyuv2jg7] {
            color: #1442CC;
        }

        input:focus + .placeholder-text .placeholder-attached[b-xtzyuv2jg7] {
            border-color: #1442CC;
            color: #1442CC;
        }

.custom-icon[b-xtzyuv2jg7] {
    color: #D5D6E2;
    position: absolute;
    top: 9px;
    cursor: pointer;
}

    .custom-icon.right[b-xtzyuv2jg7] {
        left: 17px;
    }

    .custom-icon.left[b-xtzyuv2jg7] {
        left: 17px;
    }

.placeholder-attached[b-xtzyuv2jg7] {
    background-color: white;
    font-size: 11px;
    padding: 2px 3px;
    transform: translate(0, -120%);
    top: -9px;
    left: 17px;
}

.placeholder-text[b-xtzyuv2jg7] {
    position: absolute;
    bottom: 0;
    left: 15px;
    border: 3px solid transparent;
    background-color: transparent;
    pointer-events: none;
    display: flex;
    align-items: center;
}

input:focus + .placeholder-text .text.left[b-xtzyuv2jg7] {
    padding: 0 0.25rem;
}

@media (max-width: 1030px) {



    .input-contain[b-xtzyuv2jg7] {
        max-width: 220px;
    }

    input[type="date"][b-xtzyuv2jg7], input[type="time"][b-xtzyuv2jg7] {
        width: 220px;
    }


    input[b-xtzyuv2jg7] {
        width: 220px;
    }
}

@media (max-width: 800px) {

    .custom-icon[b-xtzyuv2jg7] {
        display: none;
    }

    input[b-xtzyuv2jg7] {
        padding: 1px 0 0 19px;
    }

    .date-and-time-wrapper[b-xtzyuv2jg7] {
        justify-content: space-between;
    }

    .input-contain[b-xtzyuv2jg7] {
        max-width: 190px;
    }

    input[type="date"][b-xtzyuv2jg7], input[type="time"][b-xtzyuv2jg7] {
        width: 190px;
    }


    input[b-xtzyuv2jg7] {
        width: 190px;
    }
}


@media (max-width: 640px) {



    .input-contain[b-xtzyuv2jg7] {
        max-width: 160px;
    }

    input[type="date"][b-xtzyuv2jg7], input[type="time"][b-xtzyuv2jg7] {
        width: 160px;
    }


    input[b-xtzyuv2jg7] {
        width: 160px;
    }
}

@media (max-width: 400px) {



    .input-contain[b-xtzyuv2jg7] {
        max-width: 140px;
    }

    input[type="date"][b-xtzyuv2jg7], input[type="time"][b-xtzyuv2jg7] {
        width: 140px;
    }


    input[b-xtzyuv2jg7] {
        width: 140px;
    }
}
/* /Components/CommonComponents/InputFields/PtDatePicker.razor.rz.scp.css */
input[type="date"][b-9nvv9u8dtj]::-webkit-calendar-picker-indicator {
    position: absolute;
    background: transparent;
    left: 0px;
    width: 40px;
    height: 30px;
    cursor: pointer;
    z-index: 1;
}



input[type="date"][b-9nvv9u8dtj] {
    width: 100%;
    -moz-appearance: textfield;
    -webkit-appearance: textfield;
    background-color: white !important;
}

.input-contain[b-9nvv9u8dtj] {
    /*width: calc(100% - 20px);*/
    border: 1px solid #D5D6E2;
    border-radius: 4px;
    display: flex;
    position: relative;
    padding-left: 19px;
}

input[b-9nvv9u8dtj] {
    font-size: 14px;
    width: 100%;
    border: none;
    border-radius: 4px;
    position: relative;
    cursor: pointer;
    padding-left: 45px;
    margin-left: -15px;
}

    input:focus[b-9nvv9u8dtj] {
        outline: none;
        border-color: #1442CC;
    }

        input:focus ~ .custom-icon[b-9nvv9u8dtj] {
            color: #1442CC;
        }

        input:focus + .placeholder-text .placeholder-attached[b-9nvv9u8dtj] {
            border-color: #1442CC;
            color: #1442CC;
        }




.placeholder-attached[b-9nvv9u8dtj] {
    font-size: 11px;
    padding: 2px 3px 0;
    position: absolute;
    background-color: white;
    transform: translate(0, -100%);
}

.placeholder-text[b-9nvv9u8dtj] {
    position: absolute;
    top: 15px;
    left: 15px;
    border: 3px solid transparent;
    background-color: transparent;
    pointer-events: none;
    display: flex;
    align-items: center;
}

.custom-icon[b-9nvv9u8dtj] {
    color: #D5D6E2;
    align-self: center;
    height: 24px;
    width: 24px;
    position: absolute;
}

    .custom-icon:hover[b-9nvv9u8dtj] {
        cursor: pointer;
    }

@media (max-width: 1000px) {
    .custom-icon[b-9nvv9u8dtj] {
        color: transparent;
    }


    input:focus ~ .custom-icon[b-9nvv9u8dtj] {
        color: transparent;
    }

    input[b-9nvv9u8dtj] {
        padding-left: 17px;
    }
}
/* /Components/CommonComponents/InputFields/PtDropdownSelecter.razor.rz.scp.css */
.input-contain[b-kdnt3c06kl] {
    position: relative;
    width:100%;
}

.overlay[b-kdnt3c06kl] {
    top: 0px;
    left: 0px;
    z-index: -1;
    width: 100%;
    opacity: 0.2;
    height: 100%;
    position: fixed;
}

.clear-icon[b-kdnt3c06kl] {
    right: 45px;
    color: #6c757d;
    top: 11px;
    font-size: 18px;
    cursor: pointer;
    font-weight: 600;
    position: absolute;
}

.arrow-up[b-kdnt3c06kl] {
    transform: rotate(0);
    transition: transform .5s;
}

.arrow-down[b-kdnt3c06kl] {
    transform: rotate(-180deg);
    transition: transform .5s;
}

.dropdown-wrapper[b-kdnt3c06kl] {
    width: 100%;
}

    .dropdown-wrapper .description[b-kdnt3c06kl] {
        top: -9px;
        left: 17px;
        font-size: 11px;
        padding: 2px 3px 0 3px;
        position: absolute;
        background-color: white;

    }

        .dropdown-wrapper .description.invalid[b-kdnt3c06kl] {
            color: red;
            outline: none;
        }

    .dropdown-wrapper .label[b-kdnt3c06kl] {
        width: 70%;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        margin-top:3px;
        font-size:14px;
    }

.dropdown-header[b-kdnt3c06kl], .dropdown-content .options li[b-kdnt3c06kl] {
    display: flex;
    align-items: center;
}

    .dropdown-header span[b-kdnt3c06kl] {
        cursor: pointer;
    }

.dropdown-header[b-kdnt3c06kl] {
    background: #fff;
    padding: 0px 19px;
    border-radius: 4px;
    border: 1px solid #D5D6E2;
    justify-content: space-between;
    width: 100%;
}

.dropdown-content[b-kdnt3c06kl] {
    z-index: 2;
    width: 100%;
    background: #fff;
    position: absolute;
    border-radius: 4px;
    padding: 0 19px 15px 19px;
    box-shadow: 1px 1px 8px rgba(10, 31, 68, 0.08), 0px 3px 4px rgba(10, 31, 68, 0.1);
}

    .dropdown-content .search[b-kdnt3c06kl] {
        position: relative;
        padding-top: 19px;
    }

        .dropdown-content .search span[b-kdnt3c06kl] {
            top: 9px;
            right: 10px;
            padding-top: 19px;
            position: absolute;
        }

        .dropdown-content .search input[b-kdnt3c06kl] {
            width: 100%;
            height: 39px;
            outline: none;
            border-radius: 4px;
            padding-left: 19px;
            border: 1px solid #D5D6E2;
        }

    .dropdown-content .options[b-kdnt3c06kl] {
        padding: 0;
        overflow-y: auto;
        max-height: 240px;
        margin-bottom: 0px;
        margin-top: 15px;
    }

.noData[b-kdnt3c06kl] {
    margin: 19px;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .noData .material-icons-outlined[b-kdnt3c06kl] {
        font-size: 15pt;
    }


.dropdown-content .options li[b-kdnt3c06kl] {
    height: 39px;
    cursor: pointer;
    background: #fff;
    padding-left:5px;
    border-radius:5px;
}

    .dropdown-content .options li.selected[b-kdnt3c06kl] {
        background: #E0F1FF;
        font-weight: 500;
    }

    .dropdown-content .options li:hover:not(.selected)[b-kdnt3c06kl] {
        background: #E0F1FF;
        font-weight: 500;
        transition: background-color 150ms ease,font-weight 150ms ease;
    }

/* /Components/CommonComponents/InputFields/PtFileUpload.razor.rz.scp.css */
/** {
    font-family: 'Open Sans', sans-serif;
}*/

.file-input-outer[b-5c0g8nxx33] {
    /*    padding: 0 0 0 0.2em;
    margin-bottom:0.5em;*/
    display: inline-grid;
    width: 100%;
}

.file-input-container[b-5c0g8nxx33] {
    display: flex;
    flex-direction: column;
    border-radius: 4px;
    border: 1px solid #D5DCE2;
    /*    padding: 0.2em 0.7em;*/
    width: auto;
    height: 39px;
    overflow: hidden;
    justify-content: center;
    align-items: center;
    position: relative;
}

.file-input[b-5c0g8nxx33] {
    opacity: 0;
}

.custom-upload[b-5c0g8nxx33] {
    width: 100%;
    height: 100%;
    position: absolute;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    padding: 0 19px;
}


    .custom-upload:hover[b-5c0g8nxx33] {
        cursor: pointer;
    }


.field-text[b-5c0g8nxx33] {
    /*padding-top: 0.3rem;*/
    /*font-weight: 500;*/
    font-size: 14px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

    .field-text:hover[b-5c0g8nxx33] {
        cursor: pointer;
    }

.upload-icon[b-5c0g8nxx33] {
    right: 0;
    width: 18px;
    height: 18px;
    display: block;
    text-align: center;
    border-radius: 4px;
    /*padding-top: 0.25rem;*/
    margin-top: -8px;
}

.custom-fileinput[b-5c0g8nxx33] {
    width: 0.1px;
    height: 0.1px;
    position: absolute;
    /*  margin-top: 1em;*/
}

.selected-view[b-5c0g8nxx33] {
    width: 100%;
    height: 100%;
    position: absolute;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    /*padding-top: 0.35rem;*/
    padding: 0 19px;
}

.cancel-icon[b-5c0g8nxx33] {
    display: block;
    /*  background: #FFFFFF;*/
    border-radius: 8px;
  /*  color: #353535;*/
    width: 18px;
    height: 18px;
    margin-top: -3px;
    /*right: 0;*/
    /*text-align: center;*/
    /*  padding-top: 0.25rem;*/
}

    .cancel-icon:hover[b-5c0g8nxx33] {
        color: #000000;
    }


    .cancel-icon:hover[b-5c0g8nxx33], .selected-view:hover[b-5c0g8nxx33] {
        cursor: pointer;
    }
/* /Components/CommonComponents/InputFields/PtInlineLabel.razor.rz.scp.css */
/** {
    font-family: 'Open Sans', sans-serif;
}*/

.label-container[b-yar4meyv91] {
    width: auto;
    z-index: 100;
    display: flex;
    min-width: 7em;
    text-align: left;
    background: #ffffff;
}

#description[b-yar4meyv91] {
    width: 150px;
   /* color: #0D1239;
    font-size: 16px;
    font-weight: 600;*/
}

#label[b-yar4meyv91] {
/*    color: #0D1239;
    font-size: 16px;
    font-weight: 300*/
}

@media (max-width: 990px) {
    .label-container[b-yar4meyv91] {
        max-width: 95vw;
       
    }
}

@media (max-width: 435px) {
    #label[b-yar4meyv91] {
        width: 50%;
    }
}
/* /Components/CommonComponents/InputFields/PtLabel.razor.rz.scp.css */
/** {
    font-family: 'Open Sans', sans-serif;
}*/

.label-outer[b-1m43nc4cvi] {
    width: 100%;
}

.label-container[b-1m43nc4cvi] {
    display: flex;
    flex-direction: column;
 /*   padding: 0.2em 0;*/
    width: 100%;
   /* min-width: 7em;*/
    height: 39px;
    overflow: hidden;
    z-index: 100;
    text-align: left;
    background: #ffffff;
}



#description[b-1m43nc4cvi] {
    /*    font-size: 9pt;
    color: #0D1239;*/
    margin: 0;
    width: 100%;
    font-size:11px;
    font-weight:500;
}

#label[b-1m43nc4cvi] {
    /*   color: #0D1239;*/
    background: none;
    border: none;
    /*    font-weight: 500;
    font-size: 0.9rem;*/
    width: 100%;
}

.flex-1[b-1m43nc4cvi] {
    flex: 1;
}

@media (max-width: 990px) {
    .label-container[b-1m43nc4cvi] {
      /*  max-width: 95vw;*/
       
    }
}

/* /Components/CommonComponents/InputFields/PtMultiSelect.razor.rz.scp.css */
/** {
    font-family: 'Open Sans', sans-serif;
}*/

.input-contain[b-403mjurrlj] {
    position: relative;
    width: 100%;
    /*    padding: 0 0.2em 0 0.2em;
    margin: 0.5em 0 0.5em 0;*/
}

.overlay[b-403mjurrlj] {
    top: 0px;
    left: 0px;
    z-index: -1;
    width: 100%;
    opacity: 0.2;
    height: 100%;
    position: fixed;
}

.clear-icon[b-403mjurrlj] {
    right: 45px;
    color: #6c757d;
    top: 11px;
    font-size: 18px;
    cursor: pointer;
    font-weight: 600;
    position: absolute;
}

    .clear-icon:hover[b-403mjurrlj], .arrow-up:hover[b-403mjurrlj], .arrow-down:hover[b-403mjurrlj] {
        color: #000;
        cursor:pointer;
    }

.arrow-up[b-403mjurrlj] {
    transform: rotate(0);
    transition: transform .5s;
}

.arrow-down[b-403mjurrlj] {
    transform: rotate(-180deg);
    transition: transform .5s;
}

.dropdown-wrapper[b-403mjurrlj] {
    width: 100%;
}

    .dropdown-wrapper .description[b-403mjurrlj] {
        top: -9px;
        left: 17px;
        font-size: 11px;
        /*     color: #3F5974;*/
        padding: 2px 3px 0 3px;
        position: absolute;
        background-color: white;
    }

        .dropdown-wrapper .description.invalid[b-403mjurrlj] {
            color: red;
            outline: none;
        }

    .dropdown-wrapper .label[b-403mjurrlj] {
        width: 70%;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        margin-top: 3px;
    }

.dropdown-header[b-403mjurrlj], .dropdown-content .options li[b-403mjurrlj] {
    display: flex;
    align-items: center;
}

    .dropdown-header span[b-403mjurrlj] {
        cursor: pointer;
    }

.dropdown-header[b-403mjurrlj] {
    height: 39px;
    /*   color: #3F5974;
    font-size: 12px;*/
    background: #fff;
    padding: 0 19px;
    border-radius: 4px;
    border: 1px solid #D5D6E2;
    justify-content: space-between;
    width: 100%;
}

.dropdown-content[b-403mjurrlj] {
    z-index: 2;
    width: 100%;
    background: #fff;
    /*margin-top: 15px;*/
    position: absolute;
    border-radius: 4px;
    padding: 0 19px 15px 19px;
    box-shadow: 1px 1px 8px rgba(10, 31, 68, 0.08), 0px 3px 4px rgba(10, 31, 68, 0.1);
}

    .dropdown-content .search[b-403mjurrlj] {
        position: relative;
    }

        .dropdown-content .search span[b-403mjurrlj] {
            /*left: 1rem;*/
            font-size: 18px;
            top: 11px;
            color: #D5D6E2;
            position: absolute;
        }

        .dropdown-content .search input[b-403mjurrlj] {
            width: 100%;
            height: 39px;
            outline: none;
            /*    font-size: 14px;*/
            border-radius: 4px;
            padding-left: 19px;
            border: 1px solid #D5D6E2;
        }

    .dropdown-content .options[b-403mjurrlj] {
        padding: 0;
        overflow-y: auto;
        max-height: 240px;
        margin-bottom: 0px;
        margin-top: 15px;
    }

.noData[b-403mjurrlj] {
    margin: 19px;
    display: flex;
    /*  color: #3F5974;
    font-size: 11pt;*/
    align-items: center;
    justify-content: center;
}

    .noData .material-icons-outlined[b-403mjurrlj] {
        /* font-size: 14px;*/
    }


.dropdown-content .options li[b-403mjurrlj] {
    height: 39px;
    cursor: pointer;
    background: #fff;
    padding-left: 5px;
    /*    font-size: 10pt;*/

    border-radius: 5px;
}

    .dropdown-content .options li.selected[b-403mjurrlj] {
        background: #E0F1FF;
        font-weight: 500;
    }

    .dropdown-content .options li:hover:not(.selected)[b-403mjurrlj] {
        background: #E0F1FF;
        font-weight: 500;
        transition: background-color 150ms ease,font-weight 150ms ease;
    }

@media (max-width: 990px) {
    .input-contain[b-403mjurrlj] {
        max-width: 95vw;
    }
}
@media (max-height:670px){

    .dropdown-content[b-403mjurrlj] {
        padding: 0 19px 5px 19px;
    }

    .dropdown-content .options[b-403mjurrlj] {
        margin-top: 5px;
        max-height: 90px;
    }
}
/* /Components/CommonComponents/InputFields/PtNullableDatePicker.razor.rz.scp.css */
input[type="date"][b-5xhyuwdtri]::-webkit-calendar-picker-indicator {
    position: absolute;
    background: transparent;
    left: 0px;
    width: 40px;
    height: 30px;
    cursor: pointer;
    z-index: 1;
}



input[type="date"][b-5xhyuwdtri] {
    width: 100%;
    -moz-appearance: textfield;
    -webkit-appearance: textfield;
    background-color: white !important;
}

.input-contain[b-5xhyuwdtri] {
    width: calc(100% - 20px);
    border: 1px solid #D5D6E2;
    border-radius: 4px;
    display: flex;
    position: relative;
    padding-left: 19px;
}

input[b-5xhyuwdtri] {
    font-size: 14px;
    width: 100%;
    border: none;
    border-radius: 4px;
    position: relative;
    cursor: pointer;
    padding-left: 45px;
    margin-left: -15px;
}

    input:focus[b-5xhyuwdtri] {
        outline: none;
        border-color: #1442CC;
    }

        input:focus ~ .custom-icon[b-5xhyuwdtri] {
            color: #1442CC;
        }

        input:focus + .placeholder-text .placeholder-attached[b-5xhyuwdtri] {
            border-color: #1442CC;
            color: #1442CC;
        }




.placeholder-attached[b-5xhyuwdtri] {
    font-size: 11px;
    padding: 2px 3px 0;
    position: absolute;
    background-color: white;
    transform: translate(0, -100%);
}

.placeholder-text[b-5xhyuwdtri] {
    position: absolute;
    top: 15px;
    left: 15px;
    border: 3px solid transparent;
    background-color: transparent;
    pointer-events: none;
    display: flex;
    align-items: center;
}

.custom-icon[b-5xhyuwdtri] {
    color: #D5D6E2;
    align-self: center;
    height: 24px;
    width: 24px;
    position: absolute;
}

    .custom-icon:hover[b-5xhyuwdtri] {
        cursor: pointer;
    }

@media (max-width: 1000px) {
    .custom-icon[b-5xhyuwdtri] {
        color: transparent;
    }


    input:focus ~ .custom-icon[b-5xhyuwdtri] {
        color: transparent;
    }

    input[b-5xhyuwdtri] {
        padding-left: 17px;
    }
}
/* /Components/CommonComponents/InputFields/PtNumberInput.razor.rz.scp.css */
.input-contain[b-hmtmspvi9u] {
    position: relative;
    width: 100%;
}

input[b-hmtmspvi9u] {
    width: 100%;
    height: 100%;
    border: 1px solid #D5D6E2;
    border-radius: 4px;
    padding: 1px 0 0 50px;
    cursor: pointer;
 
}

    input:focus[b-hmtmspvi9u] {
        outline: none;
        border-color: #1442CC;
    }

        input:focus + .placeholder-text .text[b-hmtmspvi9u] {
            color: #1442CC;
        }

        input:focus + .placeholder-text .text[b-hmtmspvi9u] {
            border-color: #1442CC;
            color: #1442CC;
        }

.placeholder-text[b-hmtmspvi9u] {
    position: absolute;
    top:13px;
    left: 15px;
    border: 3px solid transparent;
    background-color: transparent;
    pointer-events: none;
    display: flex;
    align-items: center;

}

.text[b-hmtmspvi9u] {
    background-color: white;
    padding: 2px 3px;
    font-size: 11px;
    transform: translate(0, -120%);
}

input[b-hmtmspvi9u] {
    padding: 0 19px;
}

/* /Components/CommonComponents/InputFields/PtRadioRow.razor.rz.scp.css */
.checkbox-container[b-y58ynoosho]{

}

.radio-row[b-y58ynoosho] {
    display: flex;
    flex-direction: row;
    width: auto;
    justify-content: space-evenly;
    gap:10px;
}

.readonly[b-y58ynoosho] {
    background-color: #E8E8E8;
    border-radius: 8pt;
}

.custom-radio-btn[b-y58ynoosho] {
    --size: 20px;
    min-width: var(--size);
    height: var(--size);
    border-radius: 50%;
    align-items: center;
    cursor: pointer;
    position: relative;
    padding-left: var(--size);
    flex: 1;
    width: 100%;
}

    .custom-radio-btn input[b-y58ynoosho] {
        display: none;
    }


    .custom-radio-btn .label[b-y58ynoosho] {
        margin-left: 8px;
    }

    .custom-radio-btn[aria-label][b-y58ynoosho]::after {
        content: attr(aria-label);
        display: inline-block;
        margin-left: 5px;
    }



    .custom-radio-btn .checkmark[b-y58ynoosho] {
        --gap: 5px;
        --border: 1px;
        --check-color: var(--button-blue);
        width: var(--size);
        height: var(--size);
        border-radius: 50%;
        display: inline-block;
        border: var(--border) solid var(--border-and-lines);
        padding: var(--gap);
        position: absolute;
        top: 0;
        left: 0;
    }

    .custom-radio-btn input:checked ~ .checkmark[b-y58ynoosho] {
        background-image: radial-gradient(45% 45% at center, var(--button-blue) 0% 70%,#0000 80% 100%);
    }

@media (max-width: 641px){

    .radio-row[b-y58ynoosho] {
       flex-direction:column;
    }

    .custom-radio-btn[b-y58ynoosho]{
       /* margin:1vh 0 1vh 0;*/
    }
}
/* /Components/CommonComponents/InputFields/PtSmallTextInput.razor.rz.scp.css */
.textinput-container[b-u4ho0hwryq] {
   
    
    /*padding: 0.2em 0.7em 0.2em 0.7em;*/
    /*width: 95%;*/
    /*min-width: 3.5em;*/
    /*height: 30px;*/
    /*font-family: 'Inter', sans-serif;*/
    overflow: hidden;
    justify-content: center;
    background: white;

}

    .textinput-container input[b-u4ho0hwryq] {
        color: #353535;
        background: none;
        border: none;
        /*   font-weight: 500;
        font-size: 0.9rem;*/
        width: 100%;
        height: 100%;
        border: 1px solid #D5DCE2;
        border-radius: 4px;
        padding-left:10px;
    }

    .textinput-container input[b-u4ho0hwryq]::placeholder {
        color: lightgray;
    }

.flex-1[b-u4ho0hwryq] {
    flex: 1;
}

@media (max-width: 990px) {
 /*   .textinput-container {
        max-width: 95vw;
    }

    .textinput-container {
        padding: 0.2em 0.2em 0.2em 0.2em;
    }*/
}
/* /Components/CommonComponents/InputFields/PtTextInput.razor.rz.scp.css */
/** {
    font-family: 'Open Sans', sans-serif;
}
*/
.valid.modified:not([type=checkbox])[b-br5qy9igqw] {
    outline: none !important;
}

.valid.modified:not([type=checkbox]) input[b-br5qy9igqw] {
    border-color: #26b050;
}

.valid.modified:not([type=checkbox]) input[b-br5qy9igqw] {
    border-color: #26b050;
}

    .valid.modified:not([type=checkbox]) .placeholder-attached[b-br5qy9igqw], .valid.modified:not([type=checkbox]) .text[b-br5qy9igqw], .valid.modified:not([type=checkbox]) .custom-icon[b-br5qy9igqw] {
        color: #26b050;
    }

.invalid[b-br5qy9igqw] {
    outline: none !important;
}

.invalid input[b-br5qy9igqw] {
    border-color: red;
}

    .invalid .placeholder-attached[b-br5qy9igqw], .invalid .text[b-br5qy9igqw], .invalid .custom-icon[b-br5qy9igqw]{
        color: red;
    }

.input-contain[b-br5qy9igqw] {
    position: relative;
    width: 100%;
    /*  padding: 0 0.2em 0 0.2em;
    margin: 0.5em 0 0.5em 0;*/
}

input[b-br5qy9igqw] {
    /*   height: 2.8em;*/

    border: 1px solid #D5D6E2;
    border-radius: 4px;
    font-size: 14px;
}

    input:focus[b-br5qy9igqw] {
        outline: none;
        border-color: #1442CC;
    }

        input:focus + .placeholder-text .text[b-br5qy9igqw] {
            background-color: white;
            padding: 0 3px;
            font-size: 11px;
            margin-left: -3px;
            margin-top: 2px;
            /*  color: #D5D6E2;*/
            transform: translate(0, -120%);
        }

    input:focus + .placeholder-text .text[b-br5qy9igqw] {
        border-color: #1442CC;
        color: #1442CC;
    }

    input:focus ~ .custom-icon[b-br5qy9igqw] {
        color: #1442CC;
    }

    input:focus + .placeholder-text .placeholder-attached[b-br5qy9igqw] {
        border-color: #1442CC;
        color: #1442CC;
    }

.left input[b-br5qy9igqw] {
    padding-left: 3rem;
}

.custom-icon[b-br5qy9igqw] {
    color: #D5D6E2;
    position: absolute;
    top: 0.75rem;
}

.custom-icon.right[b-br5qy9igqw] {
    right : 20px;
}

.custom-icon.left[b-br5qy9igqw] {
    left: 20px;
}

.placeholder-attached[b-br5qy9igqw] {
    background-color: white;
    /*padding: 0 0.25rem;*/
    margin-top: 2px;
    padding: 0 3px;
    font-size: 11px;
    margin-left: -3px;
    /*  color: #3F5974;*/
    transform: translate(0, -120%);
}

.placeholder-text[b-br5qy9igqw] {
    position: absolute;
    /*    top: 0;
    bottom: 0;
    left: 0;
    right: 0;*/
    left: 0px;
    top: 22%;
    /*border: 3px solid transparent;*/
    background-color: transparent;
    pointer-events: none;
    display: flex;
    align-items: center;
    font-size: 14px;
}

.text[b-br5qy9igqw] {
   /* font-size: 11pt;
    padding: 0 0.25rem;*/
    background-color: transparent;
    transform: translate(0);
  /*  color: #D5D6E2;*/
    transition: transform 0.15s ease-out, font-size 0.15s ease-out, background-color 0.2s ease-out, color 0.15s ease-out;
}

.text.left[b-br5qy9igqw] {
/*    padding-left:30px;*/
}


input:focus + .placeholder-text .text[b-br5qy9igqw], input:focus + .placeholder-text .text.left[b-br5qy9igqw] {
 /*   padding: 0 0.25rem;*/
}

input[b-br5qy9igqw], .placeholder-text[b-br5qy9igqw] {
/*    font-size: 12pt;*/
    padding: 0px 19px;
}

@media (max-width: 990px) {
    .input-contain[b-br5qy9igqw] {
/*        max-width: 95vw;*/
    }
}
/* /Components/CommonComponents/Wrappers/PtCard.razor.rz.scp.css */
.pt-card[b-0ztbl4l5on] {
    position: relative;
    
    
}
/* /Components/CommonComponents/Wrappers/PtModal.razor.rz.scp.css */

#content[b-8q1mwwnqd0] {
    padding: 19px;
}

#background[b-8q1mwwnqd0] {
    position: fixed;
    background-color: rgba(0, 0, 0, 0.5);
    width: 100vw;
    height: 100vh;
    left: 0;
    top: 0;
    z-index: 101;
    display: flex;
    justify-content: center;
    align-items: center;
}

#modal-container[b-8q1mwwnqd0] {
    background: #FFFFFF;
    border-radius: 8px;
    z-index: 102;
    opacity: 1;
}

#upper-border[b-8q1mwwnqd0] {
    position: relative;
    display: flex;
    justify-content: space-between;
    padding: 12px 19px;
    border-radius: 12px 12px 0 0;
    box-shadow: 0 6px 3px -3px #E9EAEB;
}

#window-title[b-8q1mwwnqd0] {
    padding-top: .1em;
}

.cross-icon[b-8q1mwwnqd0] {
    cursor: pointer;
    color: #5F5F5F;
    font-size: 25px
}

@media (max-width: 1000px) {
}
/* /Components/CommonComponents/Wrappers/PtSmallCard.razor.rz.scp.css */
.pt-small-card[b-d9fsg00led] {
    position: relative;
    
    
}
/* /Components/FinanceComponents/ApplyForLoanComponent.razor.rz.scp.css */
/** {
    font-family: 'Open Sans', sans-serif;
}*/

h2[b-u3jdku0hca] {
    font-weight: 700;
    color: #FFFFFF;

    padding: 0;
    width: 35rem;
    margin-bottom: 1.5rem;
}

h3[b-u3jdku0hca] {
    font-weight: 400;
    color: #FFFFFF;
   
    padding: 0;
    margin-bottom: 2.5rem;
    width: 30em;
    line-height: 2rem;
}


.froda-img[b-u3jdku0hca] {
    margin-bottom: 2.5rem;
    width: 5rem;
}

.apply-btn[b-u3jdku0hca] {
    width: 15px;
}

.apply-for-loan-card[b-u3jdku0hca] {
    background-image: url(/images/Financing_bg.png);
    background-size: 100%;
    background-position-y: 55%;
    background-repeat: no-repeat;
    border-radius: 10px;
    padding: 3.5rem 1.5rem;
    box-shadow: 0 0 6px 2px rgba(0,0,0,0.12)
}

@media (max-width: 1024px) {
    .apply-for-loan-card[b-u3jdku0hca] {
        background-size:450%;
        background-position-x: 65%;
    }

    h2[b-u3jdku0hca] {
        font-size: 2.5rem;
        width: 80%;
    }

    h3[b-u3jdku0hca] {
        font-size: 1.1rem;
        width: 80%;
        line-height: 1.5rem;
    }
}

@media (max-width: 425px) {
    .froda-container[b-u3jdku0hca] {
        text-align: center;
    }
    h2[b-u3jdku0hca] {
        width: 100%;
    }

    h3[b-u3jdku0hca] {
        width: 100%;
    }
}
/* /Components/FinanceComponents/FinancingUspComponent.razor.rz.scp.css */
/** {
    font-family: 'Open Sans', sans-serif;
}

h4{
    font-weight:800;
}*/

.finance-usp-card[b-epcrrtkqzs] {
    background-color: #FFFFFF;
    border-radius: 10px;
    padding: 1.5rem;
    box-shadow: 0 0 6px 2px rgba(0,0,0,0.12);
    display: flex;
}

.usp-img[b-epcrrtkqzs] {
   width: 100%;
 
}

.usp-img-container[b-epcrrtkqzs] {
    width: 90%;
    margin: auto;
    overflow: hidden;
} 

.usp-row[b-epcrrtkqzs] {
    display: flex;
    flex-direction: row;
    width: 100%;
    margin:2.5rem 0 0rem 0;
}

.usp-component[b-epcrrtkqzs] {
    width: 33%;
    text-align: center;
}


.usp-text[b-epcrrtkqzs] {
    padding:1rem 0;
    width: 90%;
    text-align: left;
    margin: auto;
}

@media (max-width: 769px) {
    .usp-component[b-epcrrtkqzs] {
        width: 100%;
    }

    .usp-row[b-epcrrtkqzs] {
        flex-direction:column;
    }
}
/* /Components/FinanceComponents/PaytrimAndFrodaInfoComponent.razor.rz.scp.css */
/** {
    font-family: 'Open Sans', sans-serif;
}*/

.info-card[b-xvcf5rtmct] {
    background-color: #FFFFFF;
    border-radius: 8px;
    padding: 1.5rem;
    box-shadow: 0 0 6px 2px rgba(0,0,0,0.12);
    display: flex;
    height: auto;
}

.img-container[b-xvcf5rtmct] {
    width: 100%;
    margin: auto;
    text-align: right;
    height: 450px;
    padding: 1.2em;
}

img[b-xvcf5rtmct] {
    height: 100%;
    object-fit:cover;
    margin: auto;
    border-radius: 12px;
}

.text-container[b-xvcf5rtmct] {
    width: 100%;
    padding: 0 45px;
    display: flex;
    align-items: center;
}

.text-container-inner[b-xvcf5rtmct] {
    height: 50%;
}

/*h3 {
    font-size: 1.8rem;
    font-weight: 600;
    width: 70%;
    margin-bottom: 1rem;
    margin-top: 12%;
}

p {
    font-weight: 500;
    line-height: 1.2rem;
    width: 85%;
    margin-bottom: 1rem;
    font-size: 1rem;
}*/

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

@media (max-width: 1024px) {

    img[b-xvcf5rtmct] {
        height: 90%;
    }

    /*
    h3 {
        font-size: 1.5rem;
        width: 100%;
        margin-bottom: 0.6rem;
        margin-top: 2.5%;
    }

    p {
        width: 100%;
        font-size: 0.8rem;
        margin-bottom: 0.6rem;
    }*/
}

@media (max-width: 769px) {
    .info-card[b-xvcf5rtmct] {
        flex-direction: column;
    }

    img[b-xvcf5rtmct] {
        width: 100%;
    }

    .text-container[b-xvcf5rtmct] {
        padding-left: 0;
    }
}
/* /Components/HomeDashboardComponents/NotificationsComponent.razor.rz.scp.css */


h2[b-dfhhvxorc3] {
    font-weight: 400;
    font-size: 24px;   
}

p[b-dfhhvxorc3] {
    font-weight: 200;
    font-size: 16px;
}

.notifications-card[b-dfhhvxorc3] {
    background-color: #FFFFFF;
    border-radius: 12px;
    cursor: pointer;
    padding: 15px;
    box-shadow: 0 0 6px 2px rgba(0,0,0,0.12);
    position: relative;
    min-height: 90px;
    
}

.status-icon[b-dfhhvxorc3] {
    height: 40px;
    width: 40px;
    margin-right: 20px;
    align-self:center;
}

.left-line[b-dfhhvxorc3] {
    height: 60px;
    width: 6px;
    border-radius: 6pt;
    margin-right: 15px;
    align-self: center;
}

.message-and-button[b-dfhhvxorc3] {
    display: flex;
    align-items: center;
    gap: 10px;
}

.success[b-dfhhvxorc3] {
    background-color: #92DF00;
}

.warning[b-dfhhvxorc3] {
    background-color: #ECD60F;
}

.error[b-dfhhvxorc3] {
    background-color: #F93232;
}

.info[b-dfhhvxorc3] {
    background-color: #1978FC;
}

.default[b-dfhhvxorc3] {
    background-color: #929292;
}

.warning-icon[b-dfhhvxorc3] {
    color: #ECD60F;
}


.info-icon[b-dfhhvxorc3] {
    color: #1978FC;
}

.icon-mobile[b-dfhhvxorc3] {
    display: none;
}

.arrow-icon[b-dfhhvxorc3] {
    font-size:30px;
    color: #C8C8C8;
    position: absolute;
    right: 15px;
    top:30px;
}

    .arrow-icon:hover[b-dfhhvxorc3] {
        color: #000000;
        cursor: pointer;
        animation: fadein-b-dfhhvxorc3 1000ms;
    }



.notifications-container[b-dfhhvxorc3] {
    display: flex;
    flex-direction: row;
}

.visible[b-dfhhvxorc3] {
    animation: fadein-b-dfhhvxorc3 4000ms;
    opacity: 1;
    visibility: visible;
}

.hidden[b-dfhhvxorc3] {
    top: 0;
    animation: fadeout-b-dfhhvxorc3 4000ms;
    opacity: 0;
    visibility: hidden;
    position: absolute;
}

.pagination-container[b-dfhhvxorc3] {
    height:25px;
    display: flex;
    align-items:center;
    flex-direction: row;
    justify-content: center;
}

.paginator[b-dfhhvxorc3] {
    border-radius: 50%;
    width: 12px;
    background: #DAD8D8;
    height: 12px;
    margin: 0 7px 0 7px;
}

.selected[b-dfhhvxorc3] {
    background: var(--button-blue);
}




@keyframes fadein-b-dfhhvxorc3 {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes fadeout-b-dfhhvxorc3 {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
    }
}

@media (max-width: 990px) {
    .notifications-container[b-dfhhvxorc3] {
      flex-direction:column;
      text-align:center;
      gap:10px;
    }
    .left-line[b-dfhhvxorc3] {
        display: none;
    }

    .status-icon[b-dfhhvxorc3] {
        height: 60px;
        width: 60px;
        margin:auto;
        align-self: center;

    }
    .message-and-button[b-dfhhvxorc3] {
        flex-direction: column;
        text-align: center;
    }
  
}

/* /Components/HomeDashboardComponents/Old/CompareTransactionsComponent.razor.rz.scp.css */
*[b-fx0oxcs9i8] {
    font-family: 'Open Sans', sans-serif;
}

h3[b-fx0oxcs9i8] {
    font-weight: 700;
    padding-left: 1em;
    padding-top: 1em;
    color: #434343;
}

.compare-transactions-graph[b-fx0oxcs9i8] {
    margin: auto;
    padding-top: 1em;
}

.mobile-display[b-fx0oxcs9i8] {
    display: none;
}

.mobile-hide[b-fx0oxcs9i8] {
    display: inherit;
}

@media (max-width: 1000px) {
    .mobile-display[b-fx0oxcs9i8] {
        display: inherit;
    }

    .mobile-hide[b-fx0oxcs9i8] {
        display: none;
    }
}
/* /Components/HomeDashboardComponents/Old/FeesDashboardComponent.razor.rz.scp.css */

*[b-nux5kdkkqn] {
    font-family: 'Open Sans', sans-serif;
}

.fees-container[b-nux5kdkkqn] {
    background-color: #FFFFFF;
    border-radius: 12px;
    padding: 1.5em;
    box-shadow: 0px 1px 19px #E9EAEB;
    margin: 0 0 1.5em 1.5em;
    overflow: hidden;
    width: 100%;
}

h3[b-nux5kdkkqn] {
    font-weight: 700;
    color: #434343;
   
}

h4[b-nux5kdkkqn] {
    font-weight: 700;
    color: #505050;
}

p[b-nux5kdkkqn] {
    font-weight: 500;
    font-size: 0.7em;
    margin-bottom: 2.2em;
}

.chart[b-nux5kdkkqn] {
    margin-left: -2.5em;
    border-radius:8px;
    overflow:hidden;
}

@media (max-width: 1100px){
    .fees-container[b-nux5kdkkqn]{
        margin-left:0;
    }
}
/* /Components/HomeDashboardComponents/Old/GeolocationDashboardComponent.razor.rz.scp.css */
h3[b-fvjxqe2g4y] {
    font-weight: 700;
    color: #434343;
    position: relative;
}

h4[b-fvjxqe2g4y] {
    margin: 0.1em 0 0 0.2em;
    font-weight: 600;
    color: #505050;
    font-size: 1.1em;
}

*[b-fvjxqe2g4y] {
    font-family: 'Open Sans', sans-serif;
}

p[b-fvjxqe2g4y] {
    font-weight: 500;
    font-size: 0.7em;
    margin-bottom: 2.2em;
    color: #505050;
    position: relative;
}

.country-container[b-fvjxqe2g4y] {
    background-color: #FFFFFF;
    border-radius: 12px;
    padding: 1.5em;
    box-shadow: 0px 1px 19px #E9EAEB;
    margin: 0 0 1.5em 1.5em;
    width: 100%;
    overflow: hidden;
    position: relative;
}

.country-row[b-fvjxqe2g4y] {
    display: flex;
    flex-direction: row;
    align-items: center;
    margin: 1em 0 1em 0;
    z-index: 2;
    position: relative;
    height: 1.75em;
  
}

#country-bg[b-fvjxqe2g4y] {
    width: 100%;
    bottom: 0;
    z-index: 0;
    position: absolute;
    left: 20%;
    -webkit-filter: invert(100%) grayscale(100%); /* Safari 6.0 - 9.0 */
    filter: invert(100%) grayscale(100%);
    opacity: 0.5;
}

.flag-container[b-fvjxqe2g4y] {
}

.flag[b-fvjxqe2g4y] {
    border-radius: 4px;
    box-shadow: 0px 5px 15px -5px #a7a7a7;
    height: 90%;
    width: 90%;
}

@media (max-width: 1100px) {
    .country-container[b-fvjxqe2g4y] {
        margin-left: 0;
    }
}
/* /Components/HomeDashboardComponents/Old/LatestThirtyComponent.razor.rz.scp.css */
*[b-nt2vbtkpbb] {
    font-family: 'Open Sans', sans-serif;
}

h3[b-nt2vbtkpbb] {
    font-weight: 800;
    padding-left:1em;
    padding-top:1em;
}

.latest-thirty-container[b-nt2vbtkpbb] {
    background-color: #FFFFFF;
    border-radius: 12px;
    overflow:hidden;
    box-shadow: 0px 1px 19px #E9EAEB;  
}

.latest-thirty-graph[b-nt2vbtkpbb]{
   margin:auto;
   padding-top:1em;
}

/* /Components/HomeDashboardComponents/Old/LatestThirtyTransactionsGraphComponent.razor.rz.scp.css */
*[b-t5ocyhg2v8] {
    font-family: 'Open Sans', sans-serif;
}

.temp-wrapper[b-t5ocyhg2v8] {
    height: 216px;
} 

h2[b-t5ocyhg2v8] {
    font-weight: 700;
    font-size: 2em;
    color: #434343;
    padding-right: 0.2em;
}

h3[b-t5ocyhg2v8] {
    font-weight: 700;
    color: #434343;
    margin-bottom: 0.6em;
}

h4[b-t5ocyhg2v8] {
    font-weight: 700;
    color: #505050;
}

p[b-t5ocyhg2v8] {
    font-weight: 400;
    font-size: 0.5em;
    color: #505050;
}

.latest-thirty-graph-container[b-t5ocyhg2v8] {
    background-color: #FFFFFF;
    border-radius: 12px;
    padding: 1em 1.5em 0 1.5em;
    box-shadow: 0px 1px 19px #E9EAEB;
}

.latest-thirty-graph[b-t5ocyhg2v8] {
    margin: auto;
    padding-top: 1em;
}
/* /Components/HomeDashboardComponents/Old/SchemesUsageDashboardComponent.razor.rz.scp.css */
*[b-f7tl7wmizp] {
    font-family: 'Open Sans', sans-serif;
}

h3[b-f7tl7wmizp] {
    font-weight: 700;
    color: #434343;
    
}

h4[b-f7tl7wmizp] {
    font-weight: 700;
    color: #505050;
}

p[b-f7tl7wmizp] {
    font-weight: 500;
    font-size: 0.7em;
    margin-bottom: 2.2em;
}

.schemes-container[b-f7tl7wmizp] {
    background-color: #FFFFFF;
    border-radius: 12px;
    padding: 1.5em;
    box-shadow: 0px 1px 19px #E9EAEB;
    margin: 0 0 1.5em 0;
    width: 100%;
}

.title-and-bar[b-f7tl7wmizp] {
    width: 100%;
}

.bar-outer[b-f7tl7wmizp] {
    width: 100%;
    background: #ffffff;
    border:solid 1px #e8e8e8;
    border-radius: 4px;
    height: 1.75em;
    margin: 0 0.2em 0 0.2em;
    justify-content: center;
    position: relative;
}



.bar-inner[b-f7tl7wmizp] {
    height: 1.7em;
    border-radius: 4px;
    background: #dae8ff; 
    box-shadow: 0px 5px 10px -6px #cacaca;
}

.bar-outer p[b-f7tl7wmizp] {
    position: absolute;
    font-weight: 600;
    font-size: 0.85em;
    margin-top:0.45em;
}

.bar-container[b-f7tl7wmizp] {
    display: flex;
    flex-direction: row;
    width: 100%;
    margin: 1em 0 1em 0;
    font-family: 'DM Sans', sans-serif;
    align-items: end;
}

.p-count[b-f7tl7wmizp] {
    margin: 0.1em 0 0 0.5em;
    font-size: 1em;
    width: 5em
}

.icon-container[b-f7tl7wmizp] {
    border-radius: 4px;
    height: 1.75em;
    overflow: hidden;
    width: 3.5em;
    margin-right: 0.4em;
}

.scheme-icon[b-f7tl7wmizp] {
    width: 100%
}



@media (max-width: 1100px) {
    .schemes-container[b-f7tl7wmizp] {
        margin-left: 0;
    }
}

/* /Components/HomeDashboardComponents/Old/VolumesDashboardComponent.razor.rz.scp.css */
*[b-xdtp5ukles] {
    font-family: 'Open Sans', sans-serif;
}

h2[b-xdtp5ukles] {
    font-weight: 700;
    font-size: 2em;
    color: #434343;
    padding-right: 0.2em;
}

h3[b-xdtp5ukles] {
    font-weight: 700;
    color: #434343;
    margin-bottom:0.6em;
}

h4[b-xdtp5ukles] {
    font-weight: 700;
    color: #505050;
}

p[b-xdtp5ukles] {
    font-weight: 400;
    font-size: 0.5em;
    color: #505050;
}

.volumes-container[b-xdtp5ukles] {
    background-color: #FFFFFF;
    border-radius: 12px;
    padding: 1em 1.5em 0 1.5em;
    box-shadow: 0px 1px 19px #E9EAEB;
}

.volumes-items-container[b-xdtp5ukles] {
    display: flex;
    flex-direction: row;
    margin-bottom: 1em;
}

.volumes-item[b-xdtp5ukles] {
    display: flex;
    flex-direction: column;
    min-width: 30em;
    width: auto;
    flex: 1;
}

.latest-thirty-graph[b-xdtp5ukles] {
    margin: auto;
    padding-top: 1em;
}
.volume-text[b-xdtp5ukles]{
    margin-top:0.8em;
}
.volume-text p[b-xdtp5ukles], .volume-text h2[b-xdtp5ukles] {
    display: inline-block;
}

.volume-text p[b-xdtp5ukles] {
    font-size: 0.8em;
}

.bottom-p[b-xdtp5ukles] {
    font-size: 0.6em;
    margin-top: -1.2em;
    font-weight:500;
}

@media (max-width: 1100px) {
    h2[b-xdtp5ukles] {
        font-size: 1.4em;
    }

    p[b-xdtp5ukles] {
        font-size: 0.7em
    }
}

@media (max-width: 765px) {
    h2[b-xdtp5ukles] {
        font-size: 2em;
    }

    p[b-xdtp5ukles] {
        font-size: 0.8em
    }
}
/* /Components/Onboarding/BankAccountInformation.razor.rz.scp.css */
/*------Non edit view-----*/

.info-rows[b-yxxldogao1] {
    display: flex;
    flex-direction: row;
    width: 100%;
    flex-wrap:wrap;
    gap:12px
}

.bank-name[b-yxxldogao1], .account-number[b-yxxldogao1] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 6px;
    flex-basis:195px;
}

.name-and-icon[b-yxxldogao1] {
    display: flex;
    flex-direction: row;
    gap: 12px;
    align-items: center;
}

.name-and-icon img[b-yxxldogao1]{
    height:24px;
}

/*--------upload and status--------*/
.success-icon[b-yxxldogao1] {
    color: #46B413;
    font-size: 1.4rem;
    align-self: start;
}

.warning-icon[b-yxxldogao1] {
    color: #ECD60F;
    font-size: 1.4rem;
    align-self: start;
}

.icon-row[b-yxxldogao1] {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.upload-notification[b-yxxldogao1] {
    margin-top: 20px;
}

.logo-border[b-yxxldogao1] {
    width: 5px;
    height: 45px;
    margin-right: 9px;
    border-radius: 10px;
    background: #ECD60F;
}

.icon-row img[b-yxxldogao1] {
    height: 30px;
    margin-right: 1rem;
}

.icon-row h4[b-yxxldogao1] {
    margin-bottom: 0;
}
/* /Components/Onboarding/BankAccountOnboardingCompany.razor.rz.scp.css */
.bankaccount-section[b-f1pnczbzco] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.header-section[b-f1pnczbzco] {
    display: flex;
    align-items: start;
}

    .header-section img[b-f1pnczbzco] {
        margin-top: 3px;
    }

.bank-selection-description[b-f1pnczbzco] {
    padding: 12px 0;
}

.bank-selection[b-f1pnczbzco] {
    display: flex;
    gap: 20px;
    margin: 20px 0;
    height: 100%;
    flex-wrap: wrap;
}

.automatic-bank[b-f1pnczbzco], .manual-bank[b-f1pnczbzco] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 12px;
    text-align: center;
    border-radius: 12px;
    border: 1px solid #D5DCE2;
    padding: 24px 20px;
    background-color: rgba(204, 204, 204, 0.20);
    cursor: pointer;
    box-shadow: var(--box-shadow-light);
    flex-basis: 217px;
}

    .automatic-bank:hover[b-f1pnczbzco], .manual-bank:hover[b-f1pnczbzco] {
        background-color: #EAE9FF;
        transition: background-color 300ms ease;
    }


.bank-icon-row[b-f1pnczbzco] {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 14px;
    margin: auto;
}


.bank-icon[b-f1pnczbzco] {
    height: 35px;
    align-self: center;
    border-radius: 8px;
}

.button-row[b-f1pnczbzco] {
    display: flex;
    justify-content: space-between;
    margin-top: 14px;
}

.next-or-skip[b-f1pnczbzco] {
    display: flex;
    gap: 10px;
    align-items: center;
}

.bank-skip[b-f1pnczbzco] {
    cursor: pointer;
    color: #0E42D3;
    text-decoration: underline;
}
/* /Components/Onboarding/BankAccountOnboardingSoleTrader.razor.rz.scp.css */
.bankaccount-section[b-gwcqxrqkzo] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.button-row[b-gwcqxrqkzo] {
    display: flex;
    align-items: center; /* Add this */
    gap: 10px;
    justify-content: space-between;
    width: 100%;
    margin-top:14px;
}

/* /Components/Onboarding/BankManualUpload.razor.rz.scp.css */
/*--------Upload---------*/


.manual-description[b-eoeaa3nnnu] {
    padding: 12px 0;
}

.input-row[b-eoeaa3nnnu] {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap:10px;
}

.bank-number-input[b-eoeaa3nnnu] {
    margin-top: 20px;
    flex-wrap: wrap;
}

    .bank-number-input div[b-eoeaa3nnnu] {
        display: flex;
        align-items: center;
    }

:nth-last-child(1 of .bank-number-input div)[b-eoeaa3nnnu] {
    gap: 10px;
}

.bank-icon[b-eoeaa3nnnu] {
    height: 40px;
}

.info-section[b-eoeaa3nnnu], .information-row[b-eoeaa3nnnu] {
    display: flex;
}

.info-section[b-eoeaa3nnnu] {
    position: relative;
    flex-direction: column;
    gap: 18px;
}

.information-row[b-eoeaa3nnnu] {
    gap: 8px;
}

.info-section .number-circle[b-eoeaa3nnnu] {
    width: 22px;
    height: 22px;
    display: flex;
    border-radius: 50%;
    text-align: center;
    position: relative;
}


.light .number-circle[b-eoeaa3nnnu] {
    border: 3px solid #B0B0B0;
    color: #B0B0B0;
}

.number-circle p[b-eoeaa3nnnu] {
    font-weight: 700;
    width: 100%;
    position: absolute;
    top: -2px;
    left: 0px;
}

.dark .number[b-eoeaa3nnnu] {
    color: #FFF;
}

.dark .number-circle[b-eoeaa3nnnu] {
    background: #D5DCE2;
    border: 3px solid transparent;
}

.button-row[b-eoeaa3nnnu] {
    display: flex;
    align-items: center;
    gap: 10px;
    justify-content: space-between;
    width: 100%;
}

    .button-row div[b-eoeaa3nnnu] {
        display: flex;
        gap: 10px;
        align-items: center;
    }

.bank-skip[b-eoeaa3nnnu] {
    cursor: pointer;
    color: #0E42D3;
    text-decoration: underline;
}
/* /Components/Onboarding/BeneficialOwnerOnboardingComponent.razor.rz.scp.css */
.header-section[b-s695p2pazp] {
    display: flex;
    align-items: start;
    justify-content: space-between;
    width: 100%;
    padding: 0 0 12px 0;
    gap: 10px;
    flex-wrap: wrap;
}

.header-text[b-s695p2pazp] {
    display: flex;
    align-items: center;
    color: #353535;
}

.bo-info-text[b-s695p2pazp] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    border-bottom: 1px solid #D5DCE2;
    padding-bottom: 12px;
}

    .bo-info-text ul[b-s695p2pazp] {
        padding: 0 20px;
    }

.beneficial-owner-row[b-s695p2pazp] {
    display: flex;
    flex-direction: row;
    position: relative;
    padding: 25px 45px;
    border-bottom: 1px solid #D5DCE2;
    justify-content: space-between;
}

.bo-info[b-s695p2pazp] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 2px;
}

    .bo-info img[b-s695p2pazp] {
        position: absolute;
        left: 0;
        top: 20px;
    }

    .bo-info h3[b-s695p2pazp] {
        margin-bottom: 4px;
    }

.bo-status[b-s695p2pazp] {
    flex: 1;
    display: flex;
    flex-direction: row;
    gap: 12px;
    align-items: center;
    justify-content: end;
}

.warning-icon[b-s695p2pazp] {
    height: 30px;
}

.success-icon[b-s695p2pazp] {
    color: #3BB001;
    height: 30px;
}

.continue-requirements[b-s695p2pazp] {
    display: flex;
    flex-direction: row-reverse;
}

    .continue-requirements p[b-s695p2pazp] {
        font-weight: 400
    }

.button-row[b-s695p2pazp] {
    display: flex;
    justify-content: space-between;
    margin-top: 10px;
}

@media (max-width: 480px) {
    .beneficial-owner-row[b-s695p2pazp] {
        padding: 20px 0px 20px 45px;
    }

    .bo-status h4[b-s695p2pazp] {
        display: none;
    }
}
/* /Components/Onboarding/CompanyOnboardingComponent.razor.rz.scp.css */
/*Welcome text*/


.welcome-text[b-po3azqz003] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 15px 0;
    border-bottom: 1px solid #D5DCE2;
}

.phone-number[b-po3azqz003] {
    color: #0E42D3;
    cursor: pointer;
    text-decoration:none;
}

/*Company info*/


.company-info-section[b-po3azqz003] {
    padding: 15px 0;
}

.header-section[b-po3azqz003] {
    display: flex;
    margin-bottom: 12px;
}

.info-rows[b-po3azqz003] {
    display: flex;
    flex-direction: row;
    margin: 0 0 12px 0;
    font-size: 16px;
}

    .info-rows p[b-po3azqz003] {
        padding: 3px 0;
        height: 30px;
        display: flex;
        align-items: start;
    }

.description[b-po3azqz003] {
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding-right: 22px;
}

    .description p[b-po3azqz003] {
        font-weight: 400;
    }

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

.edit-rows[b-po3azqz003] {
    margin-top: 20px;
    display: flex;
    gap: 32px;
}


.button-row[b-po3azqz003] {
    display: flex;
    width: 100%;
    margin-top: 10px;
    justify-content: flex-end;
}

@media (max-width: 480px) {

    .edit-rows[b-po3azqz003] {
        flex-direction: column;
        gap: 10px;
    }
}

@media (max-width: 340px) {

    .value[b-po3azqz003]{
        gap:6px;
    }
    .description[b-po3azqz003] {
        display: none;
    }

}
/* /Components/Onboarding/StoreOnboardingComponent.razor.rz.scp.css */
.header-section[b-rqctcm0afb] {
    display: flex;
    align-items: start;
    justify-content: space-between;
    width: 100%;
    border-bottom: 1px solid #D5DCE2;
    padding: 0 0 12px 0;
}

.header-text[b-rqctcm0afb] {
    display: flex;
    align-items: center;
}

.store-row[b-rqctcm0afb] {
    display: flex;
    flex-direction: column;
    position: relative;
    padding: 25px 45px;
    gap: 2px;
    border-bottom: 1px solid #D5DCE2;
}

:nth-last-child(1 of .store-row)[b-rqctcm0afb] {
    border-bottom: none;
}

.store-row img[b-rqctcm0afb] {
    position: absolute;
    left: 0;
    top: 20px;
}

.store-row h3[b-rqctcm0afb] {
    margin-bottom: 4px;
}



.button-row[b-rqctcm0afb] {
    display: flex;
    justify-content: space-between;
    margin-top: 10px;
}

@media (max-width: 480px) {
    .header-section[b-rqctcm0afb] {
        flex-direction: column;
    }

        .header-section .title[b-rqctcm0afb], .header-section .button[b-rqctcm0afb] {
            width: 100%;
            margin-bottom: 10px;
        }

    .store-row[b-rqctcm0afb] {
        padding: 20px 10px 20px 45px;
    }
}
/* /Components/Onboarding/SummaryOnboardingComponent.razor.rz.scp.css */
.header-section[b-jrck1c7z5c] {
    display: flex;
    align-items: start;
    justify-content: space-between;
    width: 100%;
    padding: 0 0 12px 0;
}

.header-text[b-jrck1c7z5c] {
    display: flex;
    align-items: center;
    color: #353535;
}

.company-section[b-jrck1c7z5c], .store-section[b-jrck1c7z5c], .bank-section[b-jrck1c7z5c], .bo-section[b-jrck1c7z5c] {
    padding: 12px 0;
    border-top: 1px solid #D5DCE2;
}

.info-table[b-jrck1c7z5c], .bank-row[b-jrck1c7z5c] {
    display: flex;
    flex-direction: row;
    gap: 24px;
    padding: 12px 24px;
    align-items: center;
}

.store-row[b-jrck1c7z5c], .bo-row[b-jrck1c7z5c] {
    padding: 12px 24px;
    position: relative;
    gap: 4px;
}

    .store-row img[b-jrck1c7z5c] {
        position: absolute;
        left: 0;
        top: 12px;
        height: 20px;
    }

.bank-row img[b-jrck1c7z5c] {
    height: 30px;
}

.button-row[b-jrck1c7z5c] {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding: 10px 0;
}

@media (max-width: 480px) {
    .info-description[b-jrck1c7z5c] {
        display: none;
    }

    .info-value[b-jrck1c7z5c] {
        gap: 4px;
    }

    .info-table[b-jrck1c7z5c], .bank-row[b-jrck1c7z5c], .store-row[b-jrck1c7z5c], .bo-row[b-jrck1c7z5c] {
        padding: 12px 5px 12px 24px;
    }
}
/* /Components/PartnerComponents/CustomerInformationComponent.razor.rz.scp.css */
.customer-info-flex[b-mfgme1wkri] {
    width: 100%;
    display: flex;
    flex-direction: row;
    gap: 12px;
    flex-wrap: wrap;
}

@media (max-width: 768px) {
    .customer-info-flex[b-mfgme1wkri] {
        display: flex;
        flex-direction: column;
        gap: 16px;
    }
}

.content-wrapper[b-mfgme1wkri] {
    height: 100%;
    display: flex;
    flex-direction: column;
}

.header-section[b-mfgme1wkri] {
    display: flex;
    margin-bottom: 10px;
}

.info-body[b-mfgme1wkri] {
    display: flex;
    flex-direction: row;
    height: 100%;
    width: 100%;
    gap:20px;
    /*    justify-content: space-between;*/
}

@media (max-width: 768px) {
    .info-body[b-mfgme1wkri] {
        display: flex;
        flex-direction: column;
        gap: 16px;
    }
}
.info-rows[b-mfgme1wkri] {
    display: flex;
    flex-direction: row;
    gap:5px;
    width: 100%;
    margin: 0 0 10px 0;
}

    .info-rows p[b-mfgme1wkri] {
        padding: 3px 0;
        height: 30px;
        display: flex;
        flex-direction: row;
        align-items: start;
    }

.description[b-mfgme1wkri] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

    .description p[b-mfgme1wkri] {
        font-weight: 400;
    }

.value[b-mfgme1wkri] {
    flex: 2;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

/*Table*/

.service-fees-table[b-mfgme1wkri] {
    background: #fff;
    border-collapse: separate;
    border-spacing: 0;
    width: 100%;
}

    .service-fees-table th[b-mfgme1wkri], .service-fees-table td[b-mfgme1wkri] {
        border-bottom: 1px solid #e0e0e0;
        border-right: 1px solid #e0e0e0;
        padding: 8px 12px;
    }

        .service-fees-table th:last-child[b-mfgme1wkri], .service-fees-table td:last-child[b-mfgme1wkri] {
            border-right: none;
        }

    .service-fees-table tr:hover td[b-mfgme1wkri] {
        background: #e6f2ff;
    }

    .service-fees-table thead tr[b-mfgme1wkri] {
        background: #f8f9fa;
    }

    .service-fees-table tbody tr:last-child td[b-mfgme1wkri] {
        border-bottom: none;
    }

/* /Components/PartnerComponents/CustomerStatusComponent.razor.rz.scp.css */
.content-wrapper[b-pfclpupclu] {
    height: 100%;
    display: flex;
    flex-direction: column
}

.header-section[b-pfclpupclu] {
    display: flex;
    margin-bottom: 20px;
}

.info-body[b-pfclpupclu] {
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: space-between;
}

.info-rows[b-pfclpupclu] {
    display: flex;
    flex-direction: row;
    width: 100%;
    margin: 0 0 10px 0;
}

    .info-rows p[b-pfclpupclu] {
        padding: 3px 0;
        height: 30px;
        display: flex;
        align-items: start;
    }

.description[b-pfclpupclu] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

    .description p[b-pfclpupclu] {
        font-weight: 400;
    }

.value[b-pfclpupclu] {
    flex: 2;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

ul[b-pfclpupclu] {
    list-style-type: none;
}
/* /Components/ReportComponents/MontlyReportComponents/MonthlyReportAccountsGridComponent.razor.rz.scp.css */
.monthly-report-grid-component-wrapper[b-09wz0is4pw] {
    height: 100%;
    display: flex;
    flex-direction: column;
}

/*#region Component head*/
#grid-header[b-09wz0is4pw] {
    display: flex;
    margin-bottom: 22px;
    flex-direction: row;
    gap: 20px;
}

#flex-text[b-09wz0is4pw] {
    display: flex;
    align-items: end;
}

    #flex-text h1[b-09wz0is4pw] {
        font-size: 52px;
    }

    #flex-text h2[b-09wz0is4pw] {
        padding: 0 0 6px 5px;
    }

#grid-header-buttons[b-09wz0is4pw] {
    display: flex;
    flex-direction: row;
    justify-content: end;
    margin-bottom: 10px;
    gap: 10px;
}

/*#endregion*/

/*#region Grid*/

/*Grid header*/

.monthly-report-grid-table[b-09wz0is4pw] {
    width: 100%;
}

.monthly-report-grid-thead[b-09wz0is4pw] {
    width: 100%;
}

.monthly-report-grid-thead-tr[b-09wz0is4pw] {
    display: flex;
    padding: 0px 14px 16px 14px;
    border-bottom: solid 1px #E6E6E6
}

/* Grid Body*/

.monthly-report-grid-tbody-div[b-09wz0is4pw] {
    width: 100%;
    max-height: 65vh;
    overflow-y: scroll;
    /*scrollbar-width: thin;*/ /*Firefox*/
}

.monthly-report-grid-tbody[b-09wz0is4pw] {
    width: 100%;
}


.monthly-report-grid-tbody-tr[b-09wz0is4pw] {
    width: 100%;
    display: flex;
    padding: 12px 4px 12px 14px;
    min-height: 45px;
    background-color: #EAEAEA;
}


    .monthly-report-grid-tbody-tr:hover[b-09wz0is4pw] {
        background-color: #E0F1FF;
        transition: background-color 200ms ease-in-out;
    }


        .monthly-report-grid-tbody-tr:hover > td[b-09wz0is4pw] {
            font-weight: 500;
            transition: font-weight 200ms ease-in-out;
            cursor: default;
        }

/* Grid Footer*/

.monthly-report-grid-tfoot-tr[b-09wz0is4pw] {
    display: flex;
    padding: 16px 14px 0px 14px;
    border-top: solid 1px #E6E6E6;
}

/*Flex properties*/

.monthly-report-grid-thead-tr th[b-09wz0is4pw] {
    flex: 1;
}

.monthly-report-grid-tbody-tr td[b-09wz0is4pw] {
    flex: 1;
}

.monthly-report-grid-tfoot-tr tf[b-09wz0is4pw] {
    flex: 1;
}

.flex-small[b-09wz0is4pw] {
    flex: 0.6;
}

.flex-medium[b-09wz0is4pw] {
    flex: 1;
}

.flex-large[b-09wz0is4pw] {
    flex: 1.4;
}

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

/*#endregion*/

/*#region Row styling*/

.m-number[b-09wz0is4pw] {
    color: blue;
    cursor: pointer;
}

    .m-number:hover[b-09wz0is4pw] {
        cursor: pointer;
    }

.summary-row[b-09wz0is4pw] {
    background-color: #FAFAFA;
}

    .summary-row td[b-09wz0is4pw] {
        font-weight: 500
    }

    .summary-row:hover[b-09wz0is4pw] {
        background-color: #FAFAFA;
        border-radius: 0;
    }

/*Icons*/

.icon-and-ref[b-09wz0is4pw] {
    display: flex;
    gap: 13px;
}

.bank-icon[b-09wz0is4pw] {
    align-self: start;
    height: 26px;
}

.m-number[b-09wz0is4pw] {
    color: blue;
    cursor: pointer;
}

    .m-number:hover[b-09wz0is4pw] {
        cursor: pointer;
    }

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

/*#endregion*/

/*#region Responsiveness*/

/*#region Component head responsiveness*/
@media (max-width: 1000px) {

    #grid-header-buttons[b-09wz0is4pw] {
        justify-content: start;
        flex-direction: column;
    }
}

@media (max-width: 640px) {
    #grid-header[b-09wz0is4pw] {
        flex-direction: column;
        padding: 10px 17px;
    }

    #grid-header-buttons[b-09wz0is4pw] {
        flex-direction: row;
        justify-content: space-between;
    }
}

@media (max-width: 458px) {

    #grid-header-buttons[b-09wz0is4pw] {
        flex-direction: column;
    }
}
/*#endregion*/

/*#region Hide / show depending on screen*/
.type-full[b-09wz0is4pw] {
    display: block;
}

.type-mobile[b-09wz0is4pw], .show-mobile[b-09wz0is4pw] {
    display: none;
}

@media (max-width: 1000px) {

    .mobile-view-not-display[b-09wz0is4pw] {
        display: none;
    }
}

@media (max-width: 640px) {

    .show-mobile[b-09wz0is4pw] {
        display: block;
    }

    .hide-mobile[b-09wz0is4pw] {
        display: none;
    }

    .hide-text[b-09wz0is4pw] {
        color: transparent;
    }

    .bank-icon[b-09wz0is4pw] {
        display: none;
    }
}
/*#endregion*/

/*#region Grid responsiveness*/

@media (max-width: 640px) {

    th[b-09wz0is4pw] {
        font-size: 13px;
    }

    td[b-09wz0is4pw], a[b-09wz0is4pw] {
        font-size: 11px;
        display: flex;
    }

    .monthly-report-grid-thead-tr[b-09wz0is4pw] {
        padding: 0px 14px 16px 4px;
        min-height: none;
        align-items: center;
    }

    .monthly-report-grid-tbody-tr[b-09wz0is4pw] {
        padding: 12px 4px 12px 4px;
    }

    .date-column[b-09wz0is4pw], .business-day-column[b-09wz0is4pw] {
        flex: 1.4;
        flex-direction: column;
    }

    .center-align[b-09wz0is4pw] {
        align-items: center;
    }
}
/*#endregion*/

/*#endregion*/

/* /Components/ReportComponents/MontlyReportComponents/MonthlyReportGridComponent.razor.rz.scp.css */
.monthly-report-grid-component-wrapper[b-wdtsnatd93] {
    height: 100%;
    display: flex;
    flex-direction: column;
}

/*#region Component head*/
#grid-header[b-wdtsnatd93] {
    display: flex;
    margin-bottom: 22px;
    flex-direction: row;
    gap: 20px;
}

#flex-text[b-wdtsnatd93] {
    display: flex;
    align-items: end;
}

    #flex-text h1[b-wdtsnatd93] {
        font-size: 52px;
    }

    #flex-text h2[b-wdtsnatd93] {
        padding: 0 0 6px 5px;
    }

#grid-header-buttons[b-wdtsnatd93] {
    display: flex;
    flex-direction: row;
    justify-content: end;
    margin-bottom: 10px;
    gap:10px;
}

/*#endregion*/

/*#region Grid*/

/*Grid header*/

.monthly-report-grid-table[b-wdtsnatd93] {
    width: 100%;
}

.monthly-report-grid-thead[b-wdtsnatd93] {
    width: 100%;
}

.monthly-report-grid-thead-tr[b-wdtsnatd93] {
    display: flex;
    padding: 0px 14px 16px 14px;
    border-bottom: solid 1px #E6E6E6
}

/* Grid Body*/

.monthly-report-grid-tbody-div[b-wdtsnatd93] {
    width: 100%;
    max-height: 65vh;
    overflow-y: scroll;
    /*scrollbar-width: thin;*/ /*Firefox*/
}

.monthly-report-grid-tbody[b-wdtsnatd93] {
    width: 100%;
}


.monthly-report-grid-tbody-tr[b-wdtsnatd93] {
    width: 100%;
    display: flex;
    padding: 12px 4px 12px 14px;
    min-height: 45px;
    background-color: #EAEAEA;
}


    .monthly-report-grid-tbody-tr:hover[b-wdtsnatd93] {
        background-color: #E0F1FF;
        transition: background-color 200ms ease-in-out;
    }


        .monthly-report-grid-tbody-tr:hover > td[b-wdtsnatd93] {
            font-weight: 500;
            transition: font-weight 200ms ease-in-out;
            cursor: default;
        }

/* Grid Footer*/

.monthly-report-grid-tfoot-tr[b-wdtsnatd93] {
    display: flex;
    padding: 16px 14px 0px 14px;
    border-top: solid 1px #E6E6E6;
}    

/*Flex properties*/

.monthly-report-grid-thead-tr th[b-wdtsnatd93] {
    flex: 1;
}

.monthly-report-grid-tbody-tr td[b-wdtsnatd93] {
    flex: 1;
}

.monthly-report-grid-tfoot-tr tf[b-wdtsnatd93] {
    flex: 1;
}

.flex-small[b-wdtsnatd93] {
    flex: 0.6;
}

.flex-medium[b-wdtsnatd93] {
    flex: 1;
}

.flex-large[b-wdtsnatd93] {
    flex: 1.4;
}

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

/*#endregion*/

/*#region Row styling*/

.odd-row[b-wdtsnatd93] {
    background-color: #FAFAFA;
}

.m-number[b-wdtsnatd93] {
    color: blue;
    cursor: pointer;
}

    .m-number:hover[b-wdtsnatd93] {
        cursor: pointer;
    }

/*Icons*/

.bank-icon[b-wdtsnatd93] {
    margin-right: 15px;
}

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

/*#endregion*/

/*#region Responsiveness*/

/*#region Component head responsiveness*/
@media (max-width: 1000px) {

    #grid-header-buttons[b-wdtsnatd93] {
        justify-content: start;
        flex-direction: column;
    }
}

@media (max-width: 640px) {
    #grid-header[b-wdtsnatd93] {
        flex-direction: column;
        padding: 10px 17px;
    }

    #grid-header-buttons[b-wdtsnatd93] {
        flex-direction: row;
        justify-content: space-between;
    }
}

@media (max-width: 458px) {

    #grid-header-buttons[b-wdtsnatd93] {
        flex-direction: column;
    }
}
/*#endregion*/

/*#region Hide / show depending on screen*/
.type-full[b-wdtsnatd93] {
    display: block;
}

.type-mobile[b-wdtsnatd93], .show-mobile[b-wdtsnatd93] {
    display: none;
}

@media (max-width: 1000px) {

    .mobile-view-not-display[b-wdtsnatd93] {
        display: none;
    }
}

@media (max-width: 640px) {

    .show-mobile[b-wdtsnatd93] {
        display: block;
    }

    .hide-mobile[b-wdtsnatd93] {
        display: none;
    }

    .hide-text[b-wdtsnatd93] {
        color: transparent;
    }

    .bank-icon[b-wdtsnatd93] {
        display: none;
    }
}
/*#endregion*/

/*#region Grid responsiveness*/

@media (max-width: 640px) {

    th[b-wdtsnatd93] {
        font-size: 13px;
    }

    td[b-wdtsnatd93], a[b-wdtsnatd93] {
        font-size: 11px;
        display: flex;
    }

    .monthly-report-grid-thead-tr[b-wdtsnatd93] {
        padding: 0px 14px 16px 4px;
        min-height: none;
        align-items: center;
    }

    .monthly-report-grid-tbody-tr[b-wdtsnatd93] {
        padding: 12px 4px 12px 4px;
    }

    .date-column[b-wdtsnatd93], .business-day-column[b-wdtsnatd93] {
        flex: 1.4;
        flex-direction: column;
    }

    .center-align[b-wdtsnatd93] {
        align-items: center;
    }
}
/*#endregion*/

/*#endregion*/
/* /Components/ReportComponents/MontlyReportComponents/MonthlyReportSearchComponent.razor.rz.scp.css */
.account-history-search-card[b-437r03riac] {

    height:auto;
    padding:8px 27px;
    display:flex;
    flex-direction:row;
    width:100%;
    justify-content:start;
    gap:40px;
}

@media (max-width: 768px) {

    .account-history-search-card[b-437r03riac] {   
        flex-direction:column;
        gap: 10px;
    }
}
/* /Components/SettingsComponents/AddBeneficialOwnerComponent.razor.rz.scp.css */

.bo-form[b-0yxlvjbeod] {
    display: flex;
    flex-direction: column;
    gap: 18px;
    align-items: center;
    justify-content: center;
}

.info-row[b-0yxlvjbeod] {
    display: flex;
    gap: 10px;
    width: 100%;
}


.card-row[b-0yxlvjbeod] {
    display: flex;
    gap: 18px;
    width: 100%;
}

#button-row[b-0yxlvjbeod] {
    width: 100%;
}



@media (max-width: 480px) {


    .bo-form[b-0yxlvjbeod] {
        margin-top: 14px;
        gap:8px;
    }

    .card-row[b-0yxlvjbeod] {
        flex-direction: column;
        gap:8px;
    }

    #spacer[b-0yxlvjbeod] {
        height: 5px;
    }
}
/* /Components/SettingsComponents/BankAccountComponent.razor.rz.scp.css */
/*---Info body alignment---*/
.content-wrapper[b-ob74yf5r6s]{
    height: 100%;
    display: flex;
    flex-direction: column
}

.info-body[b-ob74yf5r6s] {
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: space-between;
}

/*---Button rows---*/
.edit-label[b-ob74yf5r6s] {
    display: flex;
    flex-direction: row;
    width: 100%;
    align-self: flex-end;
    margin:10px 0 0 0;
}

.save-and-cancel[b-ob74yf5r6s] {
    display: flex;
    width: 100%;
    gap: 10px;
    align-self: flex-end;
    margin: 10px 0 0 0;
}
/*------Non edit view-----*/
.info-rows[b-ob74yf5r6s] {
    display: flex;
    flex-direction: row;
    width: 100%;
    margin: 0 0 10px 0;
}

    .info-rows p[b-ob74yf5r6s] {
        padding: 3px 0;
        height: 30px;
        display: flex;
        align-items: start;
    }

.description[b-ob74yf5r6s] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

    .description p[b-ob74yf5r6s] {
        font-weight: 400;
    }

.value[b-ob74yf5r6s] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 10px;
}
/*---Header---*/

.notification-dot[b-ob74yf5r6s] {
    height: 9px;
    min-width: 9px;
    border-radius: 50%;
    background: #E62817;
    margin-left: 5px;
}

.bank-icon[b-ob74yf5r6s] {
    height: 40px;
    align-self: start;
    border-radius: 8px;
}

.header-section[b-ob74yf5r6s] {
    display: flex;
    margin-bottom: 1rem;
    align-items: start;
}

    .header-section img[b-ob74yf5r6s] {
        margin-top: 3px;
    }


.bank-name-section[b-ob74yf5r6s] {
    display: flex;
    margin-bottom: 1rem;
    align-items: center;
    gap: 8px;
}

.bank-name-edit-section[b-ob74yf5r6s] {
    display: flex;
    align-items: center;
}

    .bank-name-edit-section h1[b-ob74yf5r6s] {
        font-size: 20px;
        font-weight: 300;
    }

    .bank-name-edit-section img[b-ob74yf5r6s] {
        align-self: center;
        height: 30px;
    }

/*--------upload and status--------*/
.success-icon[b-ob74yf5r6s] {
    color: #46B413;
    font-size: 1.4rem;
    align-self: start;
}

.warning-icon[b-ob74yf5r6s] {
    color: #ECD60F;
    font-size: 1.4rem;
    align-self: start;
}

.icon-row[b-ob74yf5r6s], .upload-notification[b-ob74yf5r6s] {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.upload-notification[b-ob74yf5r6s] {
    margin-top: 20px;
}

.logo-border[b-ob74yf5r6s] {
    width: 5px;
    height: 45px;
    margin-right: 9px;
    border-radius: 10px;
    background: #ECD60F;
}

.icon-row img[b-ob74yf5r6s], .upload-notification img[b-ob74yf5r6s] {
    height: 30px;
    margin-right: 1rem;
}

.icon-row h4[b-ob74yf5r6s] {
    margin-bottom: 0;
}
/*------------Zimpler--------------*/

.zimpler-container[b-ob74yf5r6s] {
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 18px;
    margin-bottom: 30px;
}

.centered-and-bold[b-ob74yf5r6s] {
    margin: auto;
    font-weight: 500;
    text-align: center;
    margin-top: 25px;
    margin-bottom: 15px;
}

.link-button[b-ob74yf5r6s] {
    background: none !important;
    border: none;
    padding: 0 !important;
    color: #069;
    text-decoration: underline;
    cursor: pointer;
}

.bank-icon-row[b-ob74yf5r6s] {
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
    padding: 0 20px 0 20px;
}

/*--------Upload---------*/

.upload-section[b-ob74yf5r6s] {
    margin-bottom: 23px;
}

.first-param[b-ob74yf5r6s] {
    margin-bottom: 5px;
}

.input-row[b-ob74yf5r6s] {
    display: flex;
    flex-direction: row;
    align-items: center;
    width: 100%;
}

.info-section[b-ob74yf5r6s], .information-row[b-ob74yf5r6s] {
    display: flex;
}

.info-section[b-ob74yf5r6s] {
    position: relative;
    flex-direction: column;
    gap: 18px;
}

.information-row[b-ob74yf5r6s] {
    gap: 8px;
}

.info-section .number-circle[b-ob74yf5r6s] {
    width: 22px;
    height: 22px;
    display: flex;
    border-radius: 50%;
    text-align: center;
    position: relative;
}

.light .number-circle[b-ob74yf5r6s] {
    border: 3px solid #B0B0B0;
    color: #B0B0B0;
}

.number-circle p[b-ob74yf5r6s] {
    font-weight: 700;
    width: 100%;
    position: absolute;
    top: -2px;
    left: 0px;
}

.dark .number[b-ob74yf5r6s] {
    color: #FFF;
}

.dark .number-circle[b-ob74yf5r6s] {
    background: #D5DCE2;
    border: 3px solid transparent;
}

@media (max-width: 990px) {
    .merchant-card[b-ob74yf5r6s] {
        height: auto;
    }
}
/* /Components/SettingsComponents/BenificialOwnerComponent.razor.rz.scp.css */
.notification-dot[b-ouxb3put57] {
    height: 9px;
    min-width: 9px;
    border-radius: 50%;
    background: #E62817;
    margin-left: 5px;
}

.success-icon[b-ouxb3put57], .warning-icon[b-ouxb3put57] {
    right: 30px;
    display: none;
    cursor: default;
    font-size: 1.4rem;
    position: absolute;
}

/*-----Card alignment-----*/

.content-wrapper[b-ouxb3put57] {
    height: 100%;
    display: flex;
    flex-direction: column
}

.info-body[b-ouxb3put57] {
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: space-between;
}

/*-----Buttons-----*/
.edit-label[b-ouxb3put57] {
    display: flex;
    flex-direction: row;
    width: 100%;
}

/*----BO-value rows----*/
.info-rows[b-ouxb3put57] {
    display: flex;
    flex-direction: row;
    width: 100%;
    margin: 0 0 10px 0;
}

    .info-rows p[b-ouxb3put57] {
        padding: 3px 0;
        height: 30px;
        display: flex;
        align-items: start;
        overflow:overlay;
    }

.description[b-ouxb3put57] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

    .description p[b-ouxb3put57] {
        font-weight: 400;
    }

.value[b-ouxb3put57] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 10px;
}


.success-icon[b-ouxb3put57] {
    color: #46B413;
}

.warning-icon[b-ouxb3put57] {
    color: #ECD60F;
}

.bo-section[b-ouxb3put57] {
    border-bottom: 1px solid #D9D9DA;
}

.header-label[b-ouxb3put57] {
    display: flex;
    align-items: start;
    margin-bottom: 1rem;
}

@media (max-width: 990px) {
    .merchant-card[b-ouxb3put57] {
        height: auto;
    }
}

@media (max-width: 500px) {
    .success-icon[b-ouxb3put57], .warning-icon[b-ouxb3put57] {
        right: 35px;
    }
}


@media (max-width: 519px) {
    .add-and-info[b-ouxb3put57] {
        flex-direction: column;
    }
}
/* /Components/SettingsComponents/MerchantComponent.razor.rz.scp.css */
.content-wrapper[b-6xuvs7dxw7] {
    height: 100%;
    display: flex;
    flex-direction: column
}

.header-section[b-6xuvs7dxw7] {
    display: flex;
    margin-bottom: 20px;
}

.info-body[b-6xuvs7dxw7] {
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: space-between;
}

.info-rows[b-6xuvs7dxw7] {
    display: flex;
    flex-direction: row;
    width: 100%;
    margin: 0 0 10px 0;
}

    .info-rows p[b-6xuvs7dxw7] {
        padding: 3px 0;
        height: 30px;
        display: flex;
        align-items: start;
    }

.description[b-6xuvs7dxw7] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

    .description p[b-6xuvs7dxw7] {
        font-weight: 400;
    }

.value[b-6xuvs7dxw7] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.edit-rows[b-6xuvs7dxw7] {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.edit-label[b-6xuvs7dxw7] {
    display: flex;
    flex-direction: row;
    width: 100%;
}

.save-and-cancel[b-6xuvs7dxw7] {
    display: flex;
    width: 100%;
    gap: 10px;
    flex-direction: row;
    width: 100%;
}
/* /Components/SettingsComponents/ProfileComponent.razor.rz.scp.css */
.content-wrapper[b-gh4szp2qo8] {
    height: 100%;
    display: flex;
    flex-direction: column
}

.header-section[b-gh4szp2qo8] {
    display: flex;
    margin-bottom:20px;
}

.info-body[b-gh4szp2qo8] {
    display: flex;
    flex-direction: column;
    height:100%;
    justify-content: space-between;
}

.info-rows[b-gh4szp2qo8] {
    display: flex;
    flex-direction: row;
    width: 100%;
    margin: 0 0 10px 0;
}

    .info-rows p[b-gh4szp2qo8] {
        padding: 3px 0;
        height: 30px;
        display: flex;
        align-items: start;
    }

.description[b-gh4szp2qo8] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

    .description p[b-gh4szp2qo8] {   
        font-weight: 400;
    }

.value[b-gh4szp2qo8] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.edit-rows[b-gh4szp2qo8] {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.edit-label[b-gh4szp2qo8] {
    display: flex;
    flex-direction: row;
    width: 100%;
}

.save-and-cancel[b-gh4szp2qo8] {
    display: flex;
    width: 100%;
    gap: 10px;
    margin: 10px 0 0 0;
}

@media (max-width: 966px){

    .edit-label[b-gh4szp2qo8] {    
        position:initial;
        padding: 0;
    }

    .save-and-cancel[b-gh4szp2qo8] {   
        position: initial;
        padding: 0;
    }
}

/* /Components/SettingsComponents/SelectAccountComponent.razor.rz.scp.css */
.select-bankaccount-background[b-fobers0j5q] {
    position: fixed;
    background-color: #FFF;
    width: 100vw;
    height: 100vh;
    left: 0;
    top: 0;
    z-index: 101;
    display: flex;
    justify-content: center;
    align-items: center;
}

.select-bankaccount-inner-card[b-fobers0j5q] {
    width: 95vw;
    max-width: 1226px;
}

#bank-search[b-fobers0j5q] {
    padding: 8px;
    border: 1px solid #c1c1c1;
    border-radius: 12px;
    color: #757D8A;
    font-size: 16px;
    line-height: 24px;
    font-weight: 600;
    height: 42px;
}

    #bank-search:focus[b-fobers0j5q] {
        border: 3px solid #c1c1c1;
    }

.selection-wrapper[b-fobers0j5q] {
    display: grid;
    gap: 12px;
    max-height: 30rem;
    overflow: scroll;
    width: 100%;
    margin: 10px 0;
    border: 3px solid #F6F6F8;
    border-radius: 12px;
    padding:10px;
    
}

    .selection-wrapper > *[b-fobers0j5q] {
        padding: 12px;
        border: 3px solid #F6F6F8;        
        border-radius: 12px;
        color: #757D8A;
        font-size: 16px;
        line-height: 24px;
        font-weight: 600;
    }

        .selection-wrapper > *:hover[b-fobers0j5q] {
            cursor: pointer;
            background-color: #EAE9FF;
        }

    .selection-wrapper p:first-of-type[b-fobers0j5q]{       
        font-size: 16px;
        line-height: 24px;
        font-weight: 600;
    }

    .selection-wrapper p[b-fobers0j5q] {
        font-size: 12px;
        font-weight: 600;
    }

.bank-selection[b-fobers0j5q] {
    grid-template-columns: repeat(auto-fill, minmax(360px, 1fr));
    border-radius: 12px;
}

.account-selection[b-fobers0j5q] {
    grid-template-columns: repeat(auto-fill, minmax(480px, 1fr));
}

.selected[b-fobers0j5q] {
    border: 3px solid #EAE9FF;
    background-color: #EAE9FF;
    color: #1442CC;
}

    .selected *[b-fobers0j5q] {
        background-color: #EAE9FF;
    }

.bank-button-row[b-fobers0j5q] {
    display: flex;
    justify-content: end;
    gap:12px;
}

.img-container[b-fobers0j5q]{
    height:100px;
    width:140px;
    align-content:center;
}

.img-container > img[b-fobers0j5q]{
    max-height:100%;
    max-width:100%;
}
/* /Components/StoreComponents/NewStoreComponent.razor.rz.scp.css */
.store-name[b-4pc8wdizeh] {
    margin-bottom: 18px;
}

.content-container[b-4pc8wdizeh] {
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-flow: wrap;
    gap: 18px;
}

.card-title-header[b-4pc8wdizeh] {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 18px;
    height: 24px;
}




.info-rows[b-4pc8wdizeh] {
    display: flex;
    flex-direction: row;
    width: 100%;

    justify-content: space-between;
}

    .info-rows p[b-4pc8wdizeh] {
        padding: 3px 0;
        height: 30px;
        display: flex;
        align-items: start;
    }

.description[b-4pc8wdizeh] {
    flex-shrink: 0;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

    .description p[b-4pc8wdizeh] {

        font-weight: 400;

    }

.value[b-4pc8wdizeh] {
    display: flex;
    flex-direction: column;
    gap: 10px;
}


.open-hours-container[b-4pc8wdizeh] {
    max-width: 50%;
}

.form-content[b-4pc8wdizeh] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.betting-row[b-4pc8wdizeh] {
    display: flex;
    flex-direction: row;
    gap:10px;
}


.next[b-4pc8wdizeh] {
    display: flex;
    justify-content: end;
    width: 100%;
 
}

.prevous-and-next[b-4pc8wdizeh] {
    display: flex;
    width: 100%;
    justify-content: space-between;
}



.open-hours-values[b-4pc8wdizeh] {

    display: flex;
    height: 30px;
    align-items: center;
    gap: 10px;
}

    .open-hours-values p[b-4pc8wdizeh] {
  
        font-weight: 400;
        margin-top: -5px;
   
    }


/*----------------Steps-------------------*/

#content-card[b-4pc8wdizeh] {
    padding: 19px;
    width: 100%;
    position: relative;
}

#step-indicator[b-4pc8wdizeh] {
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
}

#line[b-4pc8wdizeh] {
    border: .5px dashed #D5DCE2;
    position: absolute;
    width: 60%;
    margin-top: 12px;
    z-index: 1;
}

.step[b-4pc8wdizeh] {
    text-align: center;
    justify-content: center;
    z-index: 2;
    flex: 1;
}

.step-number[b-4pc8wdizeh] {
    padding-top: 2px;
    font-size: 1rem;
    border-radius: 100%;
    color: #fff;
    background: #D5DCE2;
    width: 25px;
    height: 25px;
    text-align: center;
    margin: auto;
}

.done[b-4pc8wdizeh] {
    background: var(--button-blue);
}

    .done .number[b-4pc8wdizeh] {
        display: none;
    }

    .done .checkmark[b-4pc8wdizeh] {
        display: inline-block;
    }

.block[b-4pc8wdizeh] {
    background: var(--button-blue);
}

.display[b-4pc8wdizeh] {
    display: inline-block;
}

.hide[b-4pc8wdizeh] {
    display: none;
}

.checkmark[b-4pc8wdizeh] {
    display: none;
    width: 22px;
    height: 22px;
    -ms-transform: rotate(45deg); /* IE 9 */
    -webkit-transform: rotate(45deg); /* Chrome, Safari, Opera */
    transform: rotate(45deg);
}

.checkmark_stem[b-4pc8wdizeh] {
    position: absolute;
    width: 2px;
    height: 14px;
    background-color: #fff;
    left: 12px;
    top: 3px;
}

.checkmark_kick[b-4pc8wdizeh] {
    position: absolute;
    width: 7px;
    height: 2px;
    background-color: #fff;
    left: 7px;
    top: 15px;
}



/* /Components/StoreComponents/Old/EditStoreComponent.razor.rz.scp.css */
/** {
    font-family: 'Open Sans', sans-serif;
}
#app{
    background: #fff;
}*/
.store-container[b-umifbkx7fi] {
    background-color: #FFFFFF;
    /*    border-radius: 8px;*/
    /*box-shadow: 0px 1px 10px #E9EAEB;*/
    height: 70vh;
    overflow-x: hidden;
    display: flex;
    flex-direction: column;
    gap: 15px;
    padding-top:10px;
}

.info-row[b-umifbkx7fi] {
    display: flex;
    gap: 15px;
}

.icon[b-umifbkx7fi] {
    color: #757D8A;
    font-size: 25pt;
    margin-right: 5px;
}

.title-wrapper[b-umifbkx7fi] {
    display: flex;
    align-items: center;
}
/*.title-wrapper h4 {
    margin-bottom: 0px;
}*/
.section-wrapper[b-umifbkx7fi] {
    border: 1px solid #D5DCE2;
    border-radius: 4px;
    width: 100%;
    position: relative;
    padding: 0 19px;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.betting-other-wrapper[b-umifbkx7fi] {
    display: flex;
    height: 30px;
    margin-bottom: 19px;
}

.section-label[b-umifbkx7fi] {
    background-color: white;
    /* padding: 0 0.25rem;*/
    font-size: 11px;
    /*color: #3F5974;*/
    position: absolute;
    transform: translate(0, -60%);
}

.warning-icon[b-umifbkx7fi] {
    font-size: 3rem;
    color: #D9DB09;
}

.warning-row[b-umifbkx7fi] {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.open-hours-container[b-umifbkx7fi] {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 10px;
}





.open-hours-values[b-umifbkx7fi] {
    /* margin-top: 0.22em;*/
    display: flex;
    height: 30px;
    gap: 10px;
}

    .open-hours-values h6[b-umifbkx7fi] {
        flex: 1;
    }

    .open-hours-values p[b-umifbkx7fi] {
        font-weight: 400;
        flex: 1
    }

.error-message[b-umifbkx7fi] {
    color: red;
    margin: 0;
    font-size: 11px;
}

@media (max-width: 670px) {
    .info-row[b-umifbkx7fi] {
        flex-direction: column;
    }
    /* .open-hours-container {
        max-width: 100%;
    }
    .save-btn-container {
        text-align: center;
        width: 100%;
        align-items: center;
        padding: 0 3.5%
    }

    .betting-other-wrapper {
   
        width: 100%;
     
    }*/
}
/* /Components/StoreComponents/StoreComponent.razor.rz.scp.css */
.store-name[b-s4l7o9aolk] {
    margin-bottom: 10px;
}

.content-container[b-s4l7o9aolk] {
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-flow: wrap;
    gap: 18px;
}

.card-title-header[b-s4l7o9aolk] {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 18px;
    height: 24px;
}

.store-info-wrapper[b-s4l7o9aolk] {
    height:420px;
}

.info-rows[b-s4l7o9aolk] {
    display: flex;
    flex-direction: row;
    width: 100%; 
    justify-content: space-between;
}

    .info-rows p[b-s4l7o9aolk] {
        padding: 3px 0;
        height: 30px;
        display: flex;
        align-items: start;
    }

.description[b-s4l7o9aolk] {
    flex-shrink: 0;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

    .description p[b-s4l7o9aolk] {  
        font-weight: 400;
    }

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

.open-hours-container[b-s4l7o9aolk] {
    max-width: 50%;
}

.form-content[b-s4l7o9aolk] {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.betting-row[b-s4l7o9aolk] {
    display: flex;
    flex-direction: row;
    gap: 5px;
    margin-top:5px;
}

.edit-label[b-s4l7o9aolk] {
    display: flex;
    flex-direction: row;
    width: 100%;
    justify-content: space-between;
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 19px;
}

.save-and-cancel[b-s4l7o9aolk] {
    display: flex;
    width: 100%;
    gap: 10px;
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 19px;
}

.open-hours-values[b-s4l7o9aolk] {
    display: flex;
    height: 30px;
    align-items: center;
    gap: 10px;
}

    .open-hours-values p[b-s4l7o9aolk] {     
        font-weight: 400;
        margin-top: -5px;   
    }

.line-divider[b-s4l7o9aolk] {
    border: 1px solid #D9D9DA;
    margin-right: 20px;
    margin-left: 15px;
    opacity: .6;
}

    .hover-underline-animation:hover[b-s4l7o9aolk] {
        cursor: pointer;
    }

    .hover-underline-animation[b-s4l7o9aolk]:after {
        content: '';
        position: absolute;
        width: 100%;
        transform: scaleX(0);
        height: 2px;
        bottom: 0;
        left: 0;
        background-color: #1442CC;
        transform-origin: bottom right;
        transition: transform 0.4s ease-out;
    }

    .hover-underline-animation:hover[b-s4l7o9aolk]:after {
        transform: scaleX(1);
        transform-origin: bottom left;
    }

@media (max-width: 641px){

    .betting-row[b-s4l7o9aolk] {
        flex-direction: column;
        gap: 15px;
    }
}

.service-fees-table[b-s4l7o9aolk] {
    background: #fff;
    border-collapse: separate;
    border-spacing: 0;
    width: 100%;
}

    .service-fees-table th[b-s4l7o9aolk], .service-fees-table td[b-s4l7o9aolk] {
        border-bottom: 1px solid #e0e0e0;
        border-right: 1px solid #e0e0e0;
        padding: 8px 12px;
    }

        .service-fees-table th:last-child[b-s4l7o9aolk], .service-fees-table td:last-child[b-s4l7o9aolk] {
            border-right: none;
        }

    .service-fees-table tr:hover td[b-s4l7o9aolk] {
        background: #e6f2ff;
    }

    .service-fees-table thead tr[b-s4l7o9aolk] {
        background: #f8f9fa;
    }

    .service-fees-table tbody tr:last-child td[b-s4l7o9aolk] {
        border-bottom: none;
    }
/* /Components/TransactionComponents/CardTransactionComponents/CardTransactionSearchComponent.razor.rz.scp.css */
.section-wrapper[b-bkqqr18cfr] {
    min-height: 64px;
    padding: 8px 27px;
    display: flex;
    gap: 10px;
    width: 100%;
}

.flex-and-gap[b-bkqqr18cfr]{
    display:flex;
    gap:10px;
    width:100%;
}
.search-button-wrapper[b-bkqqr18cfr]{
   justify-content:space-between;
}

.spacing-line[b-bkqqr18cfr] {
    width: 8px;
    height: 0px;
    border: 1px solid #7A7A7A;
    border-radius: 25%;
    margin: 19px 21px;
}

.spacing[b-bkqqr18cfr] {
    width: 8px;
    margin: 19px 21px;
}

@media (max-width: 1159px) {

    .spacing[b-bkqqr18cfr], .spacing-line[b-bkqqr18cfr] {
        display: none;
    }

    .second-row[b-bkqqr18cfr] {
        margin-top: 0;
    }
}


@media (max-width: 1030px) {

    .section-wrapper[b-bkqqr18cfr] {
        flex-direction: column;
        padding: 0 32px;
        margin-bottom: 10px;
    }
}

@media (max-width: 768px) {

    .flex-and-gap[b-bkqqr18cfr] {
       flex-direction:column;
    }
}

    @media (max-width: 320px) {
        .search-button-wrapper[b-bkqqr18cfr] {
            margin-right: 10px;
        }

        .advanced-button-wrapper[b-bkqqr18cfr] {
            justify-content: flex-start;
        }

        .advanced-button[b-bkqqr18cfr] {
            margin-right: 5px;
        }
    }
/* /Components/TransactionComponents/CardTransactionComponents/CardTransactionSearchGrid.razor.rz.scp.css */
.card-transaction-grid-component-wrapper[b-ny639snk06] {
    max-height: 100%;
    display: flex;
    flex-direction: column;
}

.summary[b-ny639snk06] {
    margin-bottom: 22px;
}

/*#region Component head*/
#grid-header[b-ny639snk06] {
    display: flex;
    margin-bottom: 22px;
    flex-direction: row;
    gap: 20px;
}

#flex-text[b-ny639snk06] {
    display: flex;
    align-items: end;
}

    #flex-text h1[b-ny639snk06] {
        font-size: 52px;
    }

    #flex-text h2[b-ny639snk06] {
        padding: 0 0 6px 5px;
    }

#grid-header-buttons[b-ny639snk06] {
    display: flex;
    flex-direction: row;
    justify-content: end;
    margin-bottom: 10px;
}

/*#endregion*/

/*#region Grid*/

/*Grid header*/

.card-transaction-grid-thead[b-ny639snk06] {
    width: 100%;
}

.card-transaction-grid-thead-tr[b-ny639snk06] {
    display: flex;
    padding: 0 14px 16px 14px;
    border-bottom: solid 1px #E6E6E6
}

    .card-transaction-grid-thead-tr th[b-ny639snk06] {
        flex: 1;
    }

/* Grid Body*/

.card-transaction-grid-table[b-ny639snk06] {
    width: 100%;
}

.card-transaction-grid-tbody-div[b-ny639snk06] {
    width: 100%;
    max-height: 65vh;
    overflow-y: scroll;
}

.card-transaction-grid-tbody[b-ny639snk06] {
    width: 100%;
}

.card-transaction-grid-tbody-tr[b-ny639snk06] {
    width: 100%;
    display: flex;
    padding: 7px 4px 7px 14px;
    min-height: 45px;
}

    .card-transaction-grid-tbody-tr:hover[b-ny639snk06] {
        cursor: pointer;
        background-color: #E0F1FF;
        border-radius: 5px;
        transition: background-color 200ms ease-in-out;
    }

        .card-transaction-grid-tbody-tr:hover > td[b-ny639snk06] {
            font-weight: 500;
            transition: font-weight 200ms ease-in-out;
            cursor: pointer;
        }

/*Grid footer*/

.card-transaction-grid-tfoot-tr[b-ny639snk06] {
    display: flex;
    padding: 16px 14px 0 14px;
    border-top: solid 1px #E6E6E6
}

/*Flex properties*/

.card-transaction-grid-tbody-tr td[b-ny639snk06] {
    flex: 1;
}

.card-transaction-grid-tfoot-tr tf[b-ny639snk06] {
    flex: 1;
}

.sum-column[b-ny639snk06], .date-column[b-ny639snk06], .type-column[b-ny639snk06], .business-day-column[b-ny639snk06] {
    flex: 1;
}

.reference-column[b-ny639snk06] {
    flex: 1.5;
}

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

/*#endregion*/

/*#region Row styling*/

.odd-row[b-ny639snk06] {
    background-color: #FAFAFA;
}

.m-number[b-ny639snk06] {
    color: blue;
    cursor: pointer;
}

    .m-number:hover[b-ny639snk06] {
        cursor: pointer;
    }

/*Status dot*/
.status[b-ny639snk06] {
    top: 3px;
    width: 16px;
    height: 16px;
    display: flex;
    margin-left: 15px;
    position: relative;
    border-radius: 70px;
    align-items: center;
    justify-content: center;
    background: rgba(0, 149, 255, 0.15);
}

.dot[b-ny639snk06] {
    width: 8px;
    height: 8px;
    border-radius: 70px;
}

.status .dot[b-ny639snk06] {
    background: #0095FF;
}

.status-booked[b-ny639snk06] {
    background: rgba(219, 163, 42, 0.14) !important;
}

    .status-booked .dot[b-ny639snk06] {
        background: #7FB519;
    }

.status-noauth[b-ny639snk06] {
    background: #FADBD7 !important;
}

    .status-noauth .dot[b-ny639snk06] {
        background: #E34430;
    }



/*Icons*/

.scheme-icon[b-ny639snk06] {
    height: 16px;
    margin-top: -4px;
    margin-right: 4px;
}

.custom-icon[b-ny639snk06] {
    font-size: 12px;
}

.icon-and-ref[b-ny639snk06] {
    display: flex;
    gap: 13px;
}

.bank-icon[b-ny639snk06] {
    align-self: start;
    height: 26px;
    margin-top: -5px;
}

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

/*#endregion*/

/*#region Responsiveness*/

@media (max-width: 1000px) {

    #grid-header-buttons[b-ny639snk06] {
        justify-content: start;
        flex-direction: column;
    }
}

@media (max-width: 640px) {
    #grid-header[b-ny639snk06] {
        flex-direction: column;
        padding: 10px 17px;
    }

    #grid-header-buttons[b-ny639snk06] {
        flex-direction: row;
        justify-content: space-between;
    }
}

@media (max-width: 458px) {

    #grid-header-buttons[b-ny639snk06] {
        flex-direction: column;
    }
}


/*#region Hide / show depending on screen*/

@media (max-width: 1000px) {

    .mobile-view-not-display[b-ny639snk06] {
        display: none;
    }
}

/*#endregion*/

/*#region Grid responsiveness*/

@media (max-width: 640px) {
    #grid-header[b-ny639snk06] {
        flex-direction: column;
        gap: 20px;
    }

    .card-transaction-grid-thead-tr[b-ny639snk06] {
        padding: 0 14px 16px 4px;
    }

    .card-transaction-grid-tbody-tr[b-ny639snk06] {
        width: 100%;
        display: flex;
        padding: 7px 4px 7px 4px;
    }

    .card-transaction-grid-tfoot-tr[b-ny639snk06] {
        padding: 16px 14px 0 4px;
    }

    th[b-ny639snk06], tf[b-ny639snk06] {
        font-size: 13px;
    }

    td[b-ny639snk06], a[b-ny639snk06] {
        font-size: 11px;
        display: flex;
    }
}

/*#endregion*/

/*#endregion*/












/* /Components/TransactionComponents/CardTransactionComponents/CardTransactionView.razor.rz.scp.css */


.top-info[b-e4befz7m24], .bottom-info[b-e4befz7m24] {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.flag[b-e4befz7m24] {
    border-radius: 3px;
    box-shadow: 0px 5px 15px -5px #a7a7a7;
}

.fee-amount-label[b-e4befz7m24] {
    margin-top: 3px;
}

.info-row[b-e4befz7m24] {
    display: flex;
    flex-direction: row;
    width: 100%;
    flex-wrap: wrap;
}

.info-section[b-e4befz7m24] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 8px;
    min-width: 227px;
    margin-top: 10px;
}

.spacer-line[b-e4befz7m24] {
    margin: 0 0 20px 0;
    width: 100%;
    border: solid 1px var(--border-and-lines);
}

.row-with-icon[b-e4befz7m24] {
    display: flex;
    flex-direction: row;
    gap: 8px;
    align-items: center;
}

.scheme-icon[b-e4befz7m24] {
    height: 16px;
}

.custom-icon[b-e4befz7m24] {
    color: var(--border-and-lines);
    font-size: 22px;
}

.status[b-e4befz7m24] {
    width: 16px;
    height: 16px;
    display: flex;
    position: relative;
    border-radius: 70px;
    align-items: center;
    justify-content: center;
    background: rgba(0, 149, 255, 0.15);
}

.dot[b-e4befz7m24] {
    width: 8px;
    height: 8px;
    border-radius: 70px;
}

.status .dot[b-e4befz7m24] {
    background: #0095FF;
}

.status-booked[b-e4befz7m24] {
    background: rgba(219, 163, 42, 0.14) !important;
}

    .status-booked .dot[b-e4befz7m24] {
        background: #7FB519;
    }

.status-noauth[b-e4befz7m24] {
    background: #FADBD7 !important;
}

    .status-noauth .dot[b-e4befz7m24] {
        background: #E34430;
    }


@media (max-width: 730px) {
    .bottom-info[b-e4befz7m24] {
        gap: 0;
    }
}
/* /PagesODD/CustomerSelfValidation/BeneficialOwnerSelfValidation.razor.rz.scp.css */
.check-animation[b-c1pm6ktdlj] {
    width: 100%;
    height: 100%;
    padding: 40px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center
}
/* /PagesODD/CustomerSelfValidation/MerchantAndStoreSelfValidation.razor.rz.scp.css */
.header-section[b-n5chh0l48a] {
    display: flex;
    align-items: start;
    margin: 0 0 5px 0;
    justify-content: space-between;
    width: 100%;
}

.header-text[b-n5chh0l48a] {
    display: flex;
    align-items: center;
    color: #353535;
}

    .header-text h2[b-n5chh0l48a] {
        font-weight: 400;
        margin-right: 5px;
    }

    .header-text h3[b-n5chh0l48a] {
        font-weight: 300;
    }

.name[b-n5chh0l48a] {
    font-weight: 300;
    color: rgb(117, 125, 138);
}

.spacer-line[b-n5chh0l48a] {
    width: 100%;
    margin: 30px 0;
    border: solid 1px var(--border-and-lines);
}

.confirm-section[b-n5chh0l48a] {
    display: flex;
    flex-direction: row;
    gap: 10px;
    justify-content:flex-end;
    align-items:center; 
}

    .confirm-section p[b-n5chh0l48a] {
        font-weight: 500;
    }

    .check-animation[b-n5chh0l48a] {
        width: 100%;
        height: 100%;
        padding: 40px;
        text-align: center;
        display: flex;
        align-items: center;
        justify-content: center
    }

@media (max-width: 425px) {
    .header-section[b-n5chh0l48a] {
        flex-direction: column;
    }

        .header-section .title[b-n5chh0l48a], .header-section .button[b-n5chh0l48a] {
            width: 100%;
            margin-bottom: 10px;
        }
}
/* /PagesODD/CustomerSelfValidation/MerchantComponentODD.razor.rz.scp.css */
.header-section[b-g9i40wtda6] {
    display: flex;
    margin-bottom: 20px;
}

.merchant-info-wrapper[b-g9i40wtda6] {
    display: flex;
    flex-direction: row;
    gap: 10px;
}

.merchant-edit-section[b-g9i40wtda6] {
    flex: 1;
}

.info-rows[b-g9i40wtda6] {
    display: flex;
    flex-direction: row;
    width: 100%;
    margin: 0 0 10px 0;
    flex: 1;
}

    .info-rows p[b-g9i40wtda6] {
        padding: 3px 0;
        height: 30px;
        display: flex;
        align-items: start;
    }

.description[b-g9i40wtda6] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

    .description p[b-g9i40wtda6] {
        font-weight: 400;
    }

.value[b-g9i40wtda6] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.edit-rows[b-g9i40wtda6] {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.edit-label[b-g9i40wtda6] {
    display: flex;
    flex-direction: row;
    width: 100%;
    margin-top: 10px;
}

.save-and-cancel[b-g9i40wtda6] {
    display: flex;
    width: 100%;
    gap: 10px;
    flex-direction: row;
    margin-top: 10px;
}

.display-mobile[b-g9i40wtda6] {
    display: none;
}

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

@media (max-width: 641px) {
    .merchant-info-wrapper[b-g9i40wtda6] {
        flex-direction: column;
        gap:0px;
    }

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

    .display-desktop[b-g9i40wtda6]{
        display: none;
    }
}
/* /PagesODD/CustomerSelfValidation/SelfValidationExplanationComponent.razor.rz.scp.css */
.self-validation-wrapper[b-zc2cbjst1i] {
    display: flex;
    flex-direction: row;
    padding: 15px;
    border-radius: 12px;
    box-shadow: 0 0 6px 2px rgba(0,0,0,0.12);
    background-color: #FFFFFF;
    margin: 20px 0;
    gap:15px;
}

.self-validation-text h2[b-zc2cbjst1i] {
    font-weight: 400;
    font-size: 24px;
    margin-bottom: 2px;
}

.self-validation-text p[b-zc2cbjst1i] {
    font-weight: 300;
    font-size: 16px;
}

.status-icon[b-zc2cbjst1i] {
    height: 40px;
    width: 40px;
    align-self: center;
}

.left-line[b-zc2cbjst1i] {
    height: 70px;
    width: 8px;
    border-radius: 6px;
    align-self: center;
    background-color: #ECD60F;
}

@media (max-width: 768px) {
    .self-validation-wrapper[b-zc2cbjst1i] {
        flex-direction: column;
    }

    .status-icon[b-zc2cbjst1i] {
        height: 60px;
        width: 60px;
        margin-right: 0;
        align-self: center;
    }

    .left-line[b-zc2cbjst1i] {
        display: none;
    }

    .self-validation-text p[b-zc2cbjst1i], .self-validation-text h2[b-zc2cbjst1i] {
        text-align: center;
    }
}
/* /PagesODD/Onboarding/Onboarding.razor.rz.scp.css */
.onboarding-page[b-q9i36cenah] {
    display: flex;
}

.onboarding-step-tracker-tablet-phone[b-q9i36cenah] {
    display: none;
}

.onboarding-step-tracker-desktop[b-q9i36cenah] {
    display: flex;
    flex-direction: column;
    min-width: 300px;
    background-image: linear-gradient(#fff, rgba(204, 204, 204, 0.20));
    height: max-content;
}

    .onboarding-step-tracker-desktop div[b-q9i36cenah] {
        display: flex;
        min-height: 110px;
        padding: 0 15px;
        align-content: center;
        align-items: center;
        gap: 15px;
        position: relative;
    }



.step-unset[b-q9i36cenah] {
    border-bottom: 2px solid #D5DCE2;
}

.step-active[b-q9i36cenah] {
    border-right: 4px solid #1442CC;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    background-color: #EAE9FF;
}

.success-icon[b-q9i36cenah] {
    color: #3BB001;
    position: absolute;
    right: 15px;
}

.warning-icon[b-q9i36cenah] {
    height: 24px;
    position: absolute;
    right: 15px;
}

.onboarding-step-content[b-q9i36cenah] {
    flex-direction: column;
    padding: 20px 65px;
    width: 100%;
}

@media (max-width: 768px) {
    .onboarding-page[b-q9i36cenah] {
        flex-direction: column;
    }

    .onboarding-step-tracker-tablet-phone[b-q9i36cenah] {
        display: flex;
        width: fit-content;
        justify-content: center;
        margin: auto;
        background-image: linear-gradient(0.25turn, #fff, rgba(204, 204, 204, 0.20));
    }

        .onboarding-step-tracker-tablet-phone div[b-q9i36cenah] {
            display: flex;
            flex-direction: row;
            align-items: center;
            height: 60px;
            width: 60px;
            border-right: 1px solid #D5DCE2;
            border-left: 1px solid #D5DCE2;
        }

    :nth-child(1 of .onboarding-step-tracker-tablet-phone div)[b-q9i36cenah] {
        border-left: none;
    }

    :nth-last-child(1 of .onboarding-step-tracker-tablet-phone div)[b-q9i36cenah] {
        border-right: none;
    }

    .step-unset[b-q9i36cenah] {
        border-bottom: none;
    }

    .step-active[b-q9i36cenah] {
        border-bottom: 4px solid #1442CC;
        border-right: inherit;
        border-top-right-radius: 0;
        border-bottom-right-radius: 4px;
        border-bottom-left-radius: 4px;
        background-color: #EAE9FF;
    }



    .success-icon[b-q9i36cenah] {
        zoom: 140%;
        color: #3BB001;
        position: initial;
        margin: auto;
    }

    .warning-icon[b-q9i36cenah] {
        height: 35px;
        position: initial;
        margin: auto;
    }

    .step-icon[b-q9i36cenah] {
        height: 30px;
        width: 30px;
        margin: auto;
    }

    .onboarding-step-content[b-q9i36cenah] {
        padding: 20px;
    }

    .onboarding-step-tracker-desktop[b-q9i36cenah] {
        display: none;
    }
}

@media (max-width: 380px) {
    .onboarding-step-tracker-tablet-phone[b-q9i36cenah] {
        width: 280px;
        position: absolute;
        align-self: center;
    }

    .onboarding-step-content[b-q9i36cenah] {
        padding: 65px 20px 20px 20px;
    }
}
/* /PagesODD/SignatorySign/SignatorySignPage.razor.rz.scp.css */
.header-section[b-h6u9y3xnqf] {
    display: flex;
    align-items: start;
    justify-content: space-between;
    width: 100%;
    padding: 0 0 12px 0;
    margin: 20px 0;
}

.header-text[b-h6u9y3xnqf] {
    display: flex;
    align-items: center;
    color: #353535;
}

.card-header-section[b-h6u9y3xnqf] {
    display: flex;
    margin-bottom: 25px;
}

.merchant-and-bo[b-h6u9y3xnqf] {
    display: flex;
    flex-direction: row;
    gap: 24px;
    flex-wrap: wrap;
    margin-bottom: 24px;
}

.bo-row[b-h6u9y3xnqf] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

    .bo-row ul[b-h6u9y3xnqf] {
        padding-left: 20px;
        gap:2px;
        display:flex;
        flex-direction:column;
    }

.store-section[b-h6u9y3xnqf] {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}

.spacer-line[b-h6u9y3xnqf] {
    width: 100%;
    margin: 20px 0;
    border: solid 1px var(--border-and-lines);
}

.button-row[b-h6u9y3xnqf] {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding: 10px 0;
}
/* /Pages/Account/AccountingRecords.razor.rz.scp.css */
.accounting-records-page[b-y91tqzkwqf] {
    display: flex;
    flex-direction: column;
}

.accounting-records-header-section[b-y91tqzkwqf] {
    display: flex;
    align-items: center;
    margin: 10px 0 28px 0;
    color: #353535;
}

svg[b-y91tqzkwqf] {
    height: 24px;
    width: 24px;
    margin-right: 18px;
    fill: #757D8A;
}

.accounting-records-header-text[b-y91tqzkwqf] {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
    align-content: center;
}

    .accounting-records-header-text h2[b-y91tqzkwqf] {
        font-weight: 400;
    }

    .accounting-records-header-text h3[b-y91tqzkwqf] {
        font-weight: 300;
        align-self: end;
    }

@media (max-width: 768px) {

    .accounting-records-page[b-y91tqzkwqf] {
        height: auto;
    }
}
/* /Pages/Account/AccountTransactions.razor.rz.scp.css */
/** {
    font-family: 'Open Sans', sans-serif;
}*/



.header-section[b-xzc97alijd] {
    display: flex;
    align-items: center;
    margin: 0 0 49px 0;
    color: #353535;
    /*    margin-bottom: 2rem;*/
}

svg[b-xzc97alijd] {
    height: 24px;
    width: 24px;
    margin-right: 18px;
    fill: #757D8A;
}

    .header-section h2[b-xzc97alijd] {
        font-weight: 400;
        margin-right: 5px;
    }

    .header-section h3[b-xzc97alijd] {
        font-weight: 300;
    }

.report-page[b-xzc97alijd] {
    display: flex;
    flex-direction: column;
    height: 95vh;
}

@media (max-width: 768px) {

    .report-page[b-xzc97alijd] {
        height: auto;
    }
}
/* /Pages/Account/BusinessDay.razor.rz.scp.css */
.business-day-page[b-bv8dvh29z2] {
    display: flex;
    flex-direction: column;
}

.business-day-header-section[b-bv8dvh29z2] {
    display: flex;
    align-items: center;
    margin: 10px 0 28px 0;
    color: #353535;
}

svg[b-bv8dvh29z2] {
    height: 24px;
    width: 24px;
    margin-right: 18px;
    fill: #757D8A;
}

.business-day-header-text[b-bv8dvh29z2] {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
    align-content: center;
}

    .business-day-header-text h2[b-bv8dvh29z2] {
        font-weight: 400;
    }

    .business-day-header-text h3[b-bv8dvh29z2] {
        font-weight: 300;
        align-self: end;
    }

@media (max-width: 768px) {

    .business-day-page[b-bv8dvh29z2] {
        height: auto;
    }
}
/* /Pages/Account/FeeReport.razor.rz.scp.css */
.fee-report-page[b-m7b152h32h] {
    display: flex;
    flex-direction: column;
}

.fee-report-header-section[b-m7b152h32h] {
    display: flex;
    align-items: center;
    margin: 10px 0 28px 0;
    color: #353535;
}

svg[b-m7b152h32h] {
    height: 24px;
    width: 24px;
    margin-right: 18px;
    fill: #757D8A;
}

.fee-report-header-text[b-m7b152h32h] {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
    align-content: center;
}

.fee-report-header-text h2[b-m7b152h32h] {
    font-weight: 400;
}

.fee-report-header-text h3[b-m7b152h32h] {
    font-weight: 300;
    align-self: end;
}

td[b-m7b152h32h], th[b-m7b152h32h] {
    flex:1;
    animation: fadein-b-m7b152h32h 1500ms;
}

.export-btn-wrapper[b-m7b152h32h]{
    display:flex;
    flex-direction:row-reverse;
}

#grid-header[b-m7b152h32h] {
    display: flex;
    margin-bottom: 22px;
    flex-direction: row;
    gap: 20px;
}

#flex-text[b-m7b152h32h] {
    display: flex;
    align-items: end;
}

    #flex-text h1[b-m7b152h32h] {
        font-size: 40px;
    }

    #flex-text h2[b-m7b152h32h] {
        padding: 0 0 6px 5px;
    }

@keyframes fadein-b-m7b152h32h {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@media (min-width: 769px) {

    .show-mobile-hide-desktop[b-m7b152h32h] {
        display: none;
    }
}

@media (max-width: 768px) {

    .fee-report-page[b-m7b152h32h] {
        height: auto;
    }

    #grid-header[b-m7b152h32h] {
        flex-direction: column;
        padding: 10px 17px;
    }
}

@media (max-width: 640px) {

    th[b-m7b152h32h] {
        font-size: 13px;
    }

    td[b-m7b152h32h] {
        font-size: 11px;
  
        align-items: center;
    }

    .fee-report-grid-thead-tr[b-m7b152h32h] {
        padding: 0px 14px 16px 4px;
        min-height: none;
        align-items: center;
    }

    .fee-report-grid-tbody-tr[b-m7b152h32h] {
        padding: 12px 4px 12px 4px;  
    }
  
    .hide-mobile[b-m7b152h32h] {
        display: none;
    }

    .show-mobile[b-m7b152h32h] {
        display: block;
    }

    .hide-text[b-m7b152h32h] {
        color: transparent;
    }
}
/* /Pages/Financing/Financing.razor.rz.scp.css */
.financing-header-section[b-r4kzyjkxw1] {
    display: flex;
    align-items: center;
    margin: 10px 0 28px 0;
    color: #353535;
}

svg[b-r4kzyjkxw1] {
    height: 24px;
    width: 24px;
    margin-right: 18px;
    fill: #757D8A;
}

.financing-header-text[b-r4kzyjkxw1] {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
    align-content: center;
}

    .financing-header-text h2[b-r4kzyjkxw1] {
        font-weight: 400;
    }

    .financing-header-text h3[b-r4kzyjkxw1] {
        font-weight: 300;
        align-self: end;
    }
/* /Pages/Index.razor.rz.scp.css */
.stores-schemes[b-nzz33lw2qp] {
    display: flex;
    flex-direction: row;
}

#mobile-break[b-nzz33lw2qp]{
    display:none;
}

.dashboard-bottom-row[b-nzz33lw2qp] {
    display: flex;
    flex-direction: row;
    width: 100%
}

@media (max-width: 990px) {
    .stores-schemes[b-nzz33lw2qp] {
        display: flex;
        flex-direction: column;
    }
    #mobile-break[b-nzz33lw2qp] {
        display: block;
    }

 
}
@media (max-width: 1100px){
    .dashboard-bottom-row[b-nzz33lw2qp] {
        flex-direction: column;
    }
}
/* /Pages/Login/Login.razor.rz.scp.css */
#landing-container-outer[b-alvax9zgbd] {
    min-width: 100vw;
    min-height: 100vh;
    position: fixed;
    left: 0;
    top: 0;
    padding:30px;
    /*background-color: #03243d;*/
}

#background-with-color[b-alvax9zgbd] {
    display: flex;
    height: 100%;
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
}

#landing-container-inner[b-alvax9zgbd] {
    text-align:center;
    margin:auto;
    color:#FFFFFF;
}

#landing-logo[b-alvax9zgbd] {
    width: 130px;
    position: absolute;
    z-index: 2;
}

video[b-alvax9zgbd] {
    height: 100%;
    width:100%;
    position: fixed;
    top: 0;
    left: 0;
    object-fit: cover;
}

.loading-bg[b-alvax9zgbd] {
    min-width: 100vw;
    min-height: 100vh;
    position: fixed;
    left: 0;
    top: 0;
}

#login-btn-container[b-alvax9zgbd] {
   margin: auto;
   width:200px
}
/* /Pages/Partner/AccountTransactions.razor.rz.scp.css */
.account-history-search-card[b-mi3inxqmge] {
    height: auto;
    padding: 8px 27px;
    display: flex;
    flex-direction: row;
    width: 100%;
    justify-content: start;
    gap: 40px;
}

@media (max-width: 768px) {

    .account-history-search-card[b-mi3inxqmge] {
        flex-direction: column;
        gap: 10px;
    }
}
/* /Pages/Partner/Customers.razor.rz.scp.css */
[b-3gl54zzzqt] th.country-name {
    width: 14rem;
}

/* Subtle stripe effect */
[b-3gl54zzzqt] tr:nth-child(even) {
    background: rgba(100,100,100,0.05);
}

[b-3gl54zzzqt] tr:hover {
    background: rgba(100,100,100,0.2);
}

/* Don't collapse rows even if they are empty */
[b-3gl54zzzqt] tbody tr {
    height: 1.8rem;
}

.page-size-chooser[b-3gl54zzzqt] {
    display: flex;
    align-items: center;
    margin-bottom: 1rem;
}
/* Fix height and enable scrolling */
/* /Pages/Partner/Onboarding.razor.rz.scp.css */
.partner-onboarding-container[b-232r4yft2b] {
    display: flex;
    flex-direction: column;
    width: 100%;
    gap: 12px
}

.partner-onboarding-row[b-232r4yft2b] {
    display: flex;
    flex-direction: row;
    width: 100%;
    gap: 12px;
}

.signatory-card-header[b-232r4yft2b]{
    display:flex;
    flex-direction:row;
    justify-content:space-between;   
    margin-bottom:12px;
}

.store-card-header[b-232r4yft2b] {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    gap: 12px;
}

.partner-open-hours-values[b-232r4yft2b] {
    display: flex;
    height: 30px;
    align-items: center;
    justify-items: right;
    gap: 10px;
}

    .partner-open-hours-values p[b-232r4yft2b] {
        font-weight: 400;
        margin-top: -5px;
        width:100%;

    }

.store-card-test[b-232r4yft2b] {
    width:
}
/* /Pages/Partner/OnboardingV2.razor.rz.scp.css */
.partner-onboarding-container[b-3znwzmg2o7] {
    display: flex;
    flex-direction: column;
    width: 100%;
    gap: 12px
}

.partner-onboarding-row[b-3znwzmg2o7] {
    display: flex;
    flex-direction: row;
    width: 100%;
    gap: 12px;
}

.signatory-card-header[b-3znwzmg2o7] {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin-bottom: 12px;
}

.store-card-header[b-3znwzmg2o7] {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    gap: 12px;
}

.partner-open-hours-values[b-3znwzmg2o7] {
    display: flex;
    height: 30px;
    align-items: center;
    /*  justify-items: right;*/
    gap: 10px;
}

    .day-of-week[b-3znwzmg2o7] {
        font-weight: 400;
        margin-top: -5px;
        min-width: 60px;
        width:60px;

    }
/* /Pages/Report/MonthlyReport.razor.rz.scp.css */
.report-page[b-zbubquedq1] {
    display: flex;
    flex-direction: column;
}

.report-page-header-section[b-zbubquedq1] {
    display: flex;
    align-items: center;
    margin: 10px 0 28px 0;
    color: #353535;
}

svg[b-zbubquedq1] {
    height: 24px;
    width: 24px;
    margin-right: 14px;
    fill: #757D8A;
}

.report-page-header-text[b-zbubquedq1]{
    display: flex;
    flex-wrap:wrap;
    gap:5px;
    align-content:center;
}

    .report-page-header-text h2[b-zbubquedq1] {
        font-weight: 400;
    }

    .report-page-header-text h3[b-zbubquedq1] {
        font-weight: 300;
        align-self:end;
    }


@media (max-width: 768px) {

    .report-page[b-zbubquedq1] {
        height: auto;
    }
}
/* /Pages/Settings/Settings.razor.rz.scp.css */
.new-btn-container[b-z4hl79nibx] {
    width: 100%;
    margin-bottom: 1em;
}

.settings-header-section[b-z4hl79nibx] {
    display: flex;
    align-items: center;
    margin: 10px 0 28px 0;
    color: #353535;
}

.settings-header-text[b-z4hl79nibx] {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
    align-content: center;
}

    .settings-header-text h2[b-z4hl79nibx] {
        font-weight: 400;
    }

    .settings-header-text h3[b-z4hl79nibx] {
        font-weight: 300;
        align-self: end;
    }

.settings-wrapper[b-z4hl79nibx] {
    display: flex;
    flex-direction: column;
    width: 100%;
    gap:40px;
}

.upper-row[b-z4hl79nibx], .lower-row[b-z4hl79nibx] {
    display: flex;
    gap: 40px;
    width: 100%;
    flex-direction: row;    
}

.flex-container[b-z4hl79nibx] {
    display: flex;
    flex-wrap: wrap;
}

.flex-left[b-z4hl79nibx] {
    flex: 50%;
}

.flex-right[b-z4hl79nibx] {
    flex: 50%;
}

.box-merchant[b-z4hl79nibx], .box-bank[b-z4hl79nibx] {
    margin: 0 2.5em 2.5em 0;
}

@media (max-width: 966px) {
    .upper-row[b-z4hl79nibx], .lower-row[b-z4hl79nibx] {
        display: flex;
        gap: 40px;
        width: 100%;
        flex-direction: column;
    }
}

@media (max-width: 320px) {
    .box-merchant[b-z4hl79nibx], .box-bank[b-z4hl79nibx], .box-bo[b-z4hl79nibx] {
        max-width: 275px;
    }
}

@media only screen and (min-width : 321px) and ( max-width: 375px) {
    .box-merchant[b-z4hl79nibx], .box-bank[b-z4hl79nibx], .box-bo[b-z4hl79nibx] {
        max-width: 327px;
    }
}




/* /Pages/Store/Store.razor.rz.scp.css */


.store-header-section[b-oy9gldd7ny] {
    display: flex;
    align-items: start;
    justify-content: space-between;
    width: 100%;
    margin: 10px 0 28px 0;
    color: #353535;
    flex-wrap: wrap;
    gap:10px;
}

.store-header-text[b-oy9gldd7ny] {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
    align-content: center;
}

    .store-header-text h2[b-oy9gldd7ny] {
        font-weight: 400;
    }

    .store-header-text h3[b-oy9gldd7ny] {
        font-weight: 300;
        align-self: end;
    }


.new-store-outer[b-oy9gldd7ny] {
    position: fixed;
    background-color: rgba(0, 0, 0, 0.5);
    width: 100vw;
    left: 0;
    top: 0;
    z-index: 100;
    display: flex;
    height: 100vh;
}

.new-store-inner[b-oy9gldd7ny] {
    margin: auto;
    width: 50%;
    display: flex;
    flex-direction: column;
    padding: 0.5em;
    position: relative;
    overflow: hidden;
}

.name[b-oy9gldd7ny] {
    font-weight: 300;
    color: rgb(117, 125, 138);
}

.cross-icon[b-oy9gldd7ny] {
    right: 0;
    top: 0;
    padding: 0.7em;
    cursor: pointer;
    position: absolute;
}

.spacer-line[b-oy9gldd7ny] {
    width: 100%;
    margin: 30px 0;
    border: solid 1px var(--border-and-lines);
}

@media (max-width: 1000px) {
    .new-store-inner[b-oy9gldd7ny] {
        width: 100%;
        height: auto;
        overflow: hidden;
    }
}

@media (max-width: 425px) {
    .header-section[b-oy9gldd7ny] {
        flex-direction: column;
    }

        .header-section .title[b-oy9gldd7ny], .header-section .button[b-oy9gldd7ny] {
            width: 100%;
            margin-bottom: 10px;
        }
}
/* /Pages/Test/InstantTest.razor.rz.scp.css */
*[b-f6eh19f0ul] {
    font-family: 'Open Sans', sans-serif;
}

.header-section[b-f6eh19f0ul] {
    display: flex;
    align-items: start;
    margin-bottom: 2rem;
}

    .header-section span[b-f6eh19f0ul] {
        color: #757D8A;
    }
h3[b-f6eh19f0ul] {
    display: flex;
    color: #6a6a6a;
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    align-items: center;
}

.logo[b-f6eh19f0ul] {
    color: #757D8A;
}

.title[b-f6eh19f0ul] {
    color: #0D1239;
}

h4[b-f6eh19f0ul] {
    font-weight: 600;
    color: #4d4d4d;
}

.account-history-search-card[b-f6eh19f0ul] {
    background-color: #FFFFFF;
    padding: 0 1em;
}

.account-history-search-parameters[b-f6eh19f0ul] {
    display: flex;
    flex-direction: row;
    margin-top: 0.2em;
    padding-left: 0.4em;
}



@media (max-width: 768px) {
    .account-history-search-card[b-f6eh19f0ul] {
        padding: 0.8em;
    }

    .account-history-search-parameters[b-f6eh19f0ul] {
        display: flex;
        flex-direction: column;
        margin-top: 0;
    }

    .account-history-search-card-br[b-f6eh19f0ul] {
        display: none;
    }

    .account-history-search-card h3[b-f6eh19f0ul] {
        margin-bottom: 0;
    }
}

@media (max-width: 1000px) {
    .account-history-search-parameters[b-f6eh19f0ul] {
        flex-direction: column;
        padding: 0 0.3em 0 0.3em;
    }
}
/* /Pages/Transaction/CardTransactions.razor.rz.scp.css */
.transaction-page[b-e69fm7b5kg] {
    display: flex;
    flex-direction: column;
}

svg[b-e69fm7b5kg] {
    height: 24px;
    width: 24px;
    margin-right: 18px;
    fill: #757D8A;
}

.transaction-page-header-section[b-e69fm7b5kg] {
    display: flex;
    align-items: center;
    margin: 10px 0 28px 0;
    color: #353535;
}

    .transaction-page-header-section h2[b-e69fm7b5kg] {
        font-weight: 400;
        margin-right: 5px;
    }

    .transaction-page-header-section h3[b-e69fm7b5kg] {
        font-weight: 300;
    }

@media (max-width: 768px) {

    .transaction-page[b-e69fm7b5kg] {
       height:100%;
    }
}
/* /Shared/MainLayout.razor.rz.scp.css */
.page[b-r7s1jgcqz3] {
    position: relative;
    display: flex;
    flex-direction: column;
}

main[b-r7s1jgcqz3] {
    flex: 1;
    background-color: #FFF;
}

.sidebar[b-r7s1jgcqz3] {
    height: 100%;
    z-index: 100;
    transition: width .30s;
    background-color: #FFFFFF;
    position: absolute;
    backdrop-filter: blur(64px);
    box-shadow: 0px -3px 6px -1px rgba(0, 0, 0, 0.15);
}

.sidebar-collapsed[b-r7s1jgcqz3] {
    top: 0;
    width: 74px;
    z-index: 100;
    height: 100vh;
    position: fixed;
    transition: width .30s;
    background-color: #FFFFFF;
    backdrop-filter: blur(64px);
    box-shadow: 0px -3px 6px -1px rgba(0, 0, 0, 0.15);
}

.top-row[b-r7s1jgcqz3] {
    color: #161625;
    margin-top: 20px;
    align-items: center;
    justify-content: start;
}

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

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

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

#login-btn-container[b-r7s1jgcqz3] {
    margin: auto;
    width: 15em;
    text-align: center;
    justify-content: center;
}

#mobile-view[b-r7s1jgcqz3] {
    width: 100%;
    display: block;
    position: relative;
    border-radius: 4px;
    box-shadow: 0px 0px 6px 2px rgba(0, 0, 0, 0.14);
}

#desktop-view[b-r7s1jgcqz3] {
    display: none;
}

.loading-and-message-container[b-r7s1jgcqz3] {
    background: #fff;
}

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

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

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

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

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

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

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

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

    #mobile-view[b-r7s1jgcqz3] {
        display: none;
    }

    #desktop-view[b-r7s1jgcqz3] {
        display: block;
    }
}
/* /Shared/NavMenu.razor.rz.scp.css */
.expand[b-q20d7m1dy8] {
    width: 250px;
}

.minimize[b-q20d7m1dy8] {
    width: 74px;
}

.scrollable-nav[b-q20d7m1dy8] {
    overflow-y: scroll;
    overflow-x: hidden;
    margin-bottom: 200px;
    -ms-overflow-style: none; /* IE and Edge */
    scrollbar-width: none;
    width: 100%;

}

    .scrollable-nav[b-q20d7m1dy8]::-webkit-scrollbar, .scrollable-nav[b-q20d7m1dy8]::-webkit-scrollbar-track, .scrollable-nav[b-q20d7m1dy8]::-webkit-scrollbar-thumb, .scrollable-nav[b-q20d7m1dy8]::-webkit-scrollbar-thumb:hover {
        display: none;
        width: 0px;
        scrollbar-width: none;
    }

.overlay[b-q20d7m1dy8] {
    top: 0px;
    left: 0px;
    z-index: -1;
    width: 100%;
    opacity: 0.2;
    height: 100%;
    position: fixed;
}

.menu-toggle[b-q20d7m1dy8] {
    top: 5px;
    width: 22px;
    height: 60px;
    right: -22px;
    display: flex;
    cursor: pointer;
    background: white;
    text-align: center;
    position: absolute;
    align-items: center;
    justify-content: flex-end;
    border-top-right-radius: 12px;
    border-bottom-right-radius: 12px;
    box-shadow: 5px 1px 5px -6px rgba(0, 0, 0, 0.15);
}

    .menu-toggle span[b-q20d7m1dy8] {
        margin: 0;
        color: #757D8A;
        font-size: 22px;
    }

.logo-brand[b-q20d7m1dy8] {
    color: #161625;
    text-align: center;
    font-family: Open Sans;
    font-size: 15px;
    font-style: normal;
    font-weight: 300;
    line-height: 24px;
}


.entity-selector[b-q20d7m1dy8] {
    left: 1px;
    position: relative;
}

.right-arrow[b-q20d7m1dy8] {
    transform: rotate(0);
    transition: transform .5s;
}

.left-arrow[b-q20d7m1dy8] {
    transform: rotate(-180deg);
    transition: transform .5s;
}

.nav-link[b-q20d7m1dy8] {
    cursor: pointer;
}

.nav-item-padding[b-q20d7m1dy8] {
    padding: 0.5rem !important;
}

#logo-and-text[b-q20d7m1dy8] {
    display: flex;
    width: 100%;
}

.top-row[b-q20d7m1dy8] {
    height: 4.2rem;
    color: #161625;
    margin-top: 5px;
    cursor: pointer;
    align-items: center;
    justify-content: start;
}

.logout span[b-q20d7m1dy8] {
    cursor: pointer;
}

.nav-item[b-q20d7m1dy8] {
    font-weight: 500;
    font-size: 0.9rem;
    padding-bottom: 0.5rem;
    background-color: #FFFFFF;
}

.nav-text[b-q20d7m1dy8] {
    cursor: pointer;
    margin-left: 0.8em;
    animation: .3s ease-in 0s 1 easeInText-b-q20d7m1dy8;
}

.sub-nav[b-q20d7m1dy8] {
    margin-left: 2.5em;
}

@keyframes easeInText-b-q20d7m1dy8 {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

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

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

.indicator[b-q20d7m1dy8] {
    width: 3px;
    right: -8px;
    height: 50px;
    display: none;
    position: absolute;
    background: #1442CC;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}

.nav-item[b-q20d7m1dy8]  a {
    height: 3rem;
    display: flex;
    color: #757D8A;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    border-radius: 12px;
    align-items: center;
    background-color: #FFFFFF;
}


.nav-item[b-q20d7m1dy8]  svg {
    margin-top: -0.3em;
    width: 24px;
    height: 24px;
    fill: none;
}

.nav-item[b-q20d7m1dy8]  rect {
    width: 24px;
    height: 24px;
}

.nav-item[b-q20d7m1dy8]  path {
    color: #757D8A;
}

.nav-item[b-q20d7m1dy8]  > a.active .indicator {
    display: block;
}

.nav-item[b-q20d7m1dy8]  > a.active path.stroke {
    stroke: #1442CC;
}


.nav-item[b-q20d7m1dy8]  > a.active path:not(.stroke) {
    fill: #1442CC;
}


.nav-item[b-q20d7m1dy8]  .stroke {
    stroke: #757D8A;
}

.nav-item[b-q20d7m1dy8]  .no-fill {
    fill: none;
}

.nav-item[b-q20d7m1dy8]  > a.active .no-fill {
    fill: none;
}

.nav-item[b-q20d7m1dy8]  > a:hover .no-fill {
    fill: none;
}

.nav-item[b-q20d7m1dy8]  > a.active .nav-text {
    color: #1442CC;
}

.nav-item[b-q20d7m1dy8]  a.active {
    color: #1442CC;
    font-size: 16px;
    line-height: 24px;
    font-weight: 600;
    border-radius: 12px;
    background-color: #EAE9FF;
}

.nav-item[b-q20d7m1dy8]  a:hover {
    color: #757D8A;
    border-radius: 12px;
    text-decoration: none;
    background-color: #F6F6F8;
}


.log-out[b-q20d7m1dy8] {
    color: #757d8a;
}


#paytrim-logo[b-q20d7m1dy8] {
    max-height: 100%;
    height: auto;
    margin-left: 0.8em;
}

.notification-number[b-q20d7m1dy8] {
    top: 16px;
    margin: 0;
    width: 14px;
    right: 22px;
    height: 14px;
    color: white;
    font-size: 10px;
    text-align: center;
    border-radius: 50%;
    position: absolute;
    background: #E62817;
}

.notification-dot[b-q20d7m1dy8] {
    top: 11px;
    right: 6px;
    width: 9px;
    height: 9px;
    position: absolute;
    border-radius: 50%;
    background: #E62817;
}

.beta-notification[b-q20d7m1dy8] {
    color: #FFFFFF;
    width: 30px;
    height: 18px;
    border-radius: 10px;
    background: var(--button-blue);
    font-size: 9px;
    font-weight: 500;
    display: flex;
    justify-content: center;
    align-items: center;
    justify-self: end;
}

.indented[b-q20d7m1dy8] {
    right: 5px;
}

.bottom-row[b-q20d7m1dy8] {
    bottom: 0;
    position: absolute;
}

.profile-row-wrapper[b-q20d7m1dy8] {
    display: flex;
    padding: 9px 0 9px 10px;
    align-items: center;
    gap: 12px;
    border-radius: 8px;
    cursor: default;
}

.initials-bg[b-q20d7m1dy8] {
    width: 37px;
    height: 37px;
    position: relative;
    border-radius: 50%;
    background: #757D8A;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .initials-bg h3[b-q20d7m1dy8] {
        color: #fff;
        font-size: 16px;
        text-align: left;
        font-weight: 300;
        line-height: 20px;
        letter-spacing: 0.1em;
    }

.name[b-q20d7m1dy8] {
    margin: 0;
    width: 150px;
    font-size: 11pt;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.title[b-q20d7m1dy8] {
    font-size: 7pt;
    margin-bottom: 0;
    margin-left: 1px;
}

.update[b-q20d7m1dy8] {
    font-size: 10pt;
    cursor: pointer;
    font-weight: 500;
    padding-top: 5px;
}

.hover-box[b-q20d7m1dy8] {
    left: 50px;
    z-index: 1;
    width: 320px;
    bottom: 30px;
    height: 150px;
    display: none;
    cursor: default;
    background: white;
    position: absolute;
    border: 1px solid #E1E3E6;
}


.box-header[b-q20d7m1dy8] {
    display: flex;
    font-size: 11pt;
    margin: 5px 10px 0 0;
    justify-content: space-between;
}

.box-footer[b-q20d7m1dy8] {
    display: flex;
    margin: 0 10px;
    font-size: 11pt;
    justify-content: space-between;
}

hr[b-q20d7m1dy8] {
    margin: 0;
}

.box-content[b-q20d7m1dy8] {
    display: flex;
    margin-top: .8rem;
    margin-left: 1.2rem;
}

.log-out-link[b-q20d7m1dy8] {
}

.name-lg[b-q20d7m1dy8], .mail[b-q20d7m1dy8], .tel[b-q20d7m1dy8] {
    margin-bottom: 3px;
    color: #161616;
}

.name-lg[b-q20d7m1dy8] {
    font-weight: 500;
    font-size: 17px;
}

.mail[b-q20d7m1dy8], .tel[b-q20d7m1dy8] {
    margin-left: 1px;
    font-size: 14px;
    font-weight: 400;
}


.initials-lg[b-q20d7m1dy8] {
    color: white;
    padding: 10px;
    min-width: 70px;
    font-size: 28pt;
    font-weight: 400;
    text-align: center;
}

.initials-lg-bg[b-q20d7m1dy8] {
    width: 70px;
    z-index: -1;
    height: 70px;
    border-radius: 50%;
    background-color: #C0C0C0;
    margin-right: 10px;
    padding-bottom: 10px;
}


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

    .collapse[b-q20d7m1dy8] {
        /* Never collapse the sidebar for wide screens */
        display: block;
    }

    .hide-full-screen[b-q20d7m1dy8] {
        display: none;
    }
}
/* /Shared/NavMenuMobile.razor.rz.scp.css */
*[b-54g5zdz2o7] {
    box-sizing: border-box;
    font-family: 'Open Sans', sans-serif;
}


svg.logo[b-54g5zdz2o7] {
    height: 55px;
    padding: 10px 18px;
}

body[b-54g5zdz2o7] {
    margin: 0;
    padding: 0;
    background: #ffcf27;
    font-family: sans-serif;
}

#paytrim-logo[b-54g5zdz2o7] {
    height: 3rem;
    padding: 0.5rem;
    margin-left: 0.8rem;
    margin-top: 0.2rem;
    margin-bottom: 0.2rem;
}

legend[b-54g5zdz2o7], label[b-54g5zdz2o7], input[b-54g5zdz2o7], ul[b-54g5zdz2o7], li[b-54g5zdz2o7] {
    margin: 0;
    padding: 0;
}

ul[b-54g5zdz2o7], li[b-54g5zdz2o7] {
    list-style: none;
}

a[b-54g5zdz2o7] {
    text-decoration: none;
}

.input-toggler[b-54g5zdz2o7] {
    display: none;
    z-index: 1000;
}

.menu-toggler[b-54g5zdz2o7] {
    position: absolute;
    right: 0.5rem;
    top: 0.4rem;
    width: 3rem;
    height: 3rem;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    cursor: pointer;
    z-index: 1000;
}

.menu-toggler-line[b-54g5zdz2o7] {
    width: 60%;
    height: 4px;
    background: #161625;
    margin: 0 0 7px 0px;
    position: relative;
    transition: all .40s ease-out;
    z-index: 1000;
    border-radius: 20px
}

.input-toggler:checked ~ .menu-toggler .menu-toggler-line[b-54g5zdz2o7] {
    top: 6px;
    translateY: 100px;
    transform: rotate(45deg);
}

    .input-toggler:checked ~ .menu-toggler .menu-toggler-line:nth-child(2)[b-54g5zdz2o7] {
        display: none;
    }

    .input-toggler:checked ~ .menu-toggler .menu-toggler-line:nth-child(3)[b-54g5zdz2o7] {
        top: -5px;
        translateY: 10;
        transform: rotate(135deg);
    }

.sidebar[b-54g5zdz2o7] {
    position: absolute;
    height: 100vh;
    width: 100%;
    background: #fff;
    opacity: 0.8;
    display: flex;
    transform: translateX(-100%);
    transition: all .25s ease-out;
}

.menu-link[b-54g5zdz2o7] {
    color: white;
    font-size: 10vmin;
    line-height: 15vmin;
    -webkit-transition: all .25s ease-out;
    transition: all .25s ease-out;
}

.input-toggler:checked ~ .sidebar[b-54g5zdz2o7] {
    transform: translateX(0%);
    opacity: .98;
}


.nav-item[b-54g5zdz2o7] {
    font-size: 1.2rem;
    padding-bottom: 0.5rem;
    font-weight: 500;
    font-family: 'DM Sans', sans-serif;
    width: 100vw;
    background-color: #FFFFFF;
}

    .nav-item[b-54g5zdz2o7]  a {
        color: #757D8A;
        background-color: #FFFFFF;
        border-radius: 8px;
        height: 3rem;
        display: flex;
        align-items: center;
        line-height: 3rem;
    }

        .nav-item[b-54g5zdz2o7]  a.active {
            color: #1442CC;
            border-radius: 8px;
            background-color: #EAE9FF;
        }

        .nav-item[b-54g5zdz2o7]  a:hover {
            border-radius: 8px;
            text-decoration: none;
            background-color: #F6F6F8;
        }

    .nav-item[b-54g5zdz2o7]  svg {
        width: 24px;
        height: 24px;
        fill: none;
        margin-top: -0.3em;
    }

    .nav-item[b-54g5zdz2o7]  rect {
        width: 24px;
        height: 24px;
    }

    .nav-item[b-54g5zdz2o7]  path {
        fill: #757D8A;
    }

    .nav-item[b-54g5zdz2o7]  > a.active path {
        fill: #1442CC;
    }


    .nav-item[b-54g5zdz2o7]  .stroke {
        stroke: #757D8A;
    }

    .nav-item[b-54g5zdz2o7]  > a.active .stroke {
        stroke: #1442CC;
    }

    .nav-item[b-54g5zdz2o7]  .no-fill {
        fill: none;
    }

    .nav-item[b-54g5zdz2o7]  > a.active .no-fill {
        fill: none;
    }

    .nav-item[b-54g5zdz2o7]  > a:hover .no-fill {
        fill: none;
    }

.nav-text[b-54g5zdz2o7] {
    margin-left: 0.8em;
}

.log-out[b-54g5zdz2o7] {
    /*color: #ae0000;*/
    color: #757d8a;
}



.notification-number[b-54g5zdz2o7] {
    background: #1978fc;
    height: 18px;
    width: 18px;
    text-align: center;
    color: white;
    border-radius: 50%;
    position: absolute;
    right: 22px;
    top: 16px;
}

.beta-row[b-54g5zdz2o7] {
    display: flex;
    justify-content: space-between;
    width: 100%;
    align-items: center;
}

.beta-notification[b-54g5zdz2o7] {
    color: #FFFFFF;
    width: 30px;
    height: 18px;
    border-radius: 10px;
    background: var(--button-blue);
    font-size: 9px;
    font-weight: 500;
    display: flex;
    justify-content: center;
    align-items: center;
    justify-self: end;
}


/*--Profile page---*/
.name-section[b-54g5zdz2o7] {
    display: flex;
    position: relative;
    padding: 0;
    margin: 0;
}


.initials[b-54g5zdz2o7] {
    min-width: 24px;
    height: 24px;
    background-color: #747E8A;
    color: white;
    border-radius: 50%;
    font-weight: 300;
    font-size: 10pt;
    text-align: center;
    padding: 4px 0;
    margin-top: 5px;
}

.name[b-54g5zdz2o7] {
    padding: 0;
    margin: 0;
    font-size: 11pt;
    width: 150px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.title[b-54g5zdz2o7] {
    font-size: 7pt;
    margin-left: 1px;
    margin-bottom: 0
}
/* /Shared/Old/LoginLayout.razor.rz.scp.css */
/** {
    font-family: 'Open Sans', sans-serif;
}*/

.page[b-b1q99tvoqi] {
    position: relative;
    display: flex;
    flex-direction: column;
}

main[b-b1q99tvoqi] {
    flex: 1;
    background-color: #FFF;
}

.sidebar[b-b1q99tvoqi] {
    height: 100%;
    z-index: 100;
    transition: width .30s;
    background-color: #FFFFFF;
    position:absolute;
    backdrop-filter: blur(64px);
    box-shadow: 0px -3px 6px -1px rgba(0, 0, 0, 0.15);
}

.sidebar-collapsed[b-b1q99tvoqi] {
    top: 0;
    width: 74px;
    z-index: 100;
    height: 100vh;
    position: fixed;
    transition: width .30s;
    background-color: #FFFFFF;
    backdrop-filter: blur(64px);
    box-shadow: 0px -3px 6px -1px rgba(0, 0, 0, 0.15);
}

.top-row[b-b1q99tvoqi] {
    color: #161625;
    margin-top: 20px;
    align-items: center;
    justify-content: start;
}

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

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

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

#login-btn-container[b-b1q99tvoqi] {
    margin: auto;
    width: 15em;
    text-align: center;
    justify-content: center;
}

#mobile-view[b-b1q99tvoqi] {
    width: 100%;
    display: block;
    position: relative;
    border-radius: 4px;
    box-shadow: 0px 0px 6px 2px rgba(0, 0, 0, 0.14);
}

#desktop-view[b-b1q99tvoqi] {
    display: none;

}

.loading-and-message-container[b-b1q99tvoqi] {
    background: #fff;
}

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

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

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

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

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



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

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

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

 

    #mobile-view[b-b1q99tvoqi] {
        display: none;
    }

    #desktop-view[b-b1q99tvoqi] {
        display: block;
      
    }
}
/* /Shared/Old/NavMenuMobileOnboarding.razor.rz.scp.css */
*[b-sr0pa2rgfe] {
    box-sizing: border-box;
    font-family: 'Open Sans', sans-serif;
}


svg.logo[b-sr0pa2rgfe] {
    height: 55px;
    padding: 10px 18px;
}

body[b-sr0pa2rgfe] {
    margin: 0;
    padding: 0;
    background: #ffcf27;
    font-family: sans-serif;
}

#paytrim-logo[b-sr0pa2rgfe] {
    height: 3rem;
    padding: 0.5rem;
    margin-left: 0.8rem;
    margin-top: 0.2rem;
    margin-bottom: 0.2rem;
}

legend[b-sr0pa2rgfe], label[b-sr0pa2rgfe], input[b-sr0pa2rgfe], ul[b-sr0pa2rgfe], li[b-sr0pa2rgfe] {
    margin: 0;
    padding: 0;
}

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

a[b-sr0pa2rgfe] {
    text-decoration: none;
}

.input-toggler[b-sr0pa2rgfe] {
    display: none;
    z-index: 1000;
}

.menu-toggler[b-sr0pa2rgfe] {
    position: absolute;
    right: 0.5rem;
    top: 0.4rem;
    width: 3rem;
    height: 3rem;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    cursor: pointer;
    z-index: 1000;
}

.menu-toggler-line[b-sr0pa2rgfe] {
    width: 60%;
    height: 4px;
    background: #161625;
    margin: 0 0 7px 0px;
    position: relative;
    transition: all .40s ease-out;
    z-index: 1000;
    border-radius: 20px
}

.input-toggler:checked ~ .menu-toggler .menu-toggler-line[b-sr0pa2rgfe] {
    top: 6px;
    translateY: 100px;
    transform: rotate(45deg);
}

    .input-toggler:checked ~ .menu-toggler .menu-toggler-line:nth-child(2)[b-sr0pa2rgfe] {
        display: none;
    }

    .input-toggler:checked ~ .menu-toggler .menu-toggler-line:nth-child(3)[b-sr0pa2rgfe] {
        top: -5px;
        translateY: 10;
        transform: rotate(135deg);
    }

.sidebar[b-sr0pa2rgfe] {
    position: absolute;
    height: 100vh;
    width: 100%;
    background: #fff;
    opacity: 0.8;
    display: flex;
    transform: translateX(-100%);
    transition: all .25s ease-out;
}

.menu-link[b-sr0pa2rgfe] {
    color: white;
    font-size: 10vmin;
    line-height: 15vmin;
    -webkit-transition: all .25s ease-out;
    transition: all .25s ease-out;
}

.input-toggler:checked ~ .sidebar[b-sr0pa2rgfe] {
    transform: translateX(0%);
    opacity: .98;
}


.nav-item[b-sr0pa2rgfe] {
    font-size: 1.2rem;
    padding-bottom: 0.5rem;
    font-weight: 500;
    font-family: 'DM Sans', sans-serif;
    width: 100vw;
}

    .nav-item[b-sr0pa2rgfe]  a {
        color: #757D8A;
        background-color: #FFFFFF;
        border-radius: 8px;
        height: 3rem;
        display: flex;
        align-items: center;
        line-height: 3rem;
    }

        .nav-item[b-sr0pa2rgfe]  a.active {
            color: #1442CC;
            border-radius: 8px;
            background-color: #EAE9FF;
        }

        .nav-item[b-sr0pa2rgfe]  a:hover {
            border-radius: 8px;
            text-decoration: none;
            background-color: #F6F6F8;
        }

    .nav-item[b-sr0pa2rgfe]  svg {
        width: 24px;
        height: 24px;
        fill: none;
        margin-top: -0.3em;
    }

    .nav-item[b-sr0pa2rgfe]  rect {
        width: 24px;
        height: 24px;
    }

    .nav-item[b-sr0pa2rgfe]  path {
        fill: #757D8A;
    }

    .nav-item[b-sr0pa2rgfe]  > a.active path {
        fill: #1442CC;
    }


    .nav-item[b-sr0pa2rgfe]  .stroke {
        stroke: #757D8A;
    }

    .nav-item[b-sr0pa2rgfe]  > a.active .stroke {
        stroke: #1442CC;
    }

    .nav-item[b-sr0pa2rgfe]  .no-fill {
        fill: none;
    }

    .nav-item[b-sr0pa2rgfe]  > a.active .no-fill {
        fill: none;
    }

    .nav-item[b-sr0pa2rgfe]  > a:hover .no-fill {
        fill: none;
    }

.nav-text[b-sr0pa2rgfe] {
    margin-left: 0.8em;
}

.log-out[b-sr0pa2rgfe] {
    /*color: #ae0000;*/
    color: #757d8a;
}



.notification-number[b-sr0pa2rgfe] {
    background: #1978fc;
    height: 18px;
    width: 18px;
    text-align: center;
    color: white;
    border-radius: 50%;
    position: absolute;
    right: 22px;
    top: 16px;
}


/*--Profile page---*/
.name-section[b-sr0pa2rgfe] {
    display: flex;
    position: relative;
    padding: 0;
    margin: 0;
}


.initials[b-sr0pa2rgfe] {
    min-width: 24px;
    height: 24px;
    background-color: #1978FC;
    color: white;
    border-radius: 50%;
    font-weight: 300;
    font-size: 10pt;
    text-align: center;
    padding: 4px 0;
    margin-top: 5px;
}

.name[b-sr0pa2rgfe] {
    padding: 0;
    margin: 0;
    font-size: 11pt;
    width: 150px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.title[b-sr0pa2rgfe] {
    font-size: 7pt;
    margin-left: 1px;
    margin-bottom: 0
}
/* /Shared/Old/NavMenuOnboarding.razor.rz.scp.css */
/** {
    font-family: 'Open Sans', sans-serif;
}*/

.expand[b-zxrvqmu13g] {
    width: 250px;
}

.minimize[b-zxrvqmu13g] {
    width: 74px;
}

.overlay[b-zxrvqmu13g] {
    top: 0px;
    left: 0px;
    z-index: -1;
    width: 100%;
    opacity: 0.2;
    height: 100%;
    position: fixed;
}

.menu-toggle[b-zxrvqmu13g] {
    top: 5px;
    width: 22px;
    height: 60px;
    right: -22px;
    display: flex;
    cursor: pointer;
    background: white;
    text-align: center;
    position: absolute;
    align-items: center;
    justify-content: flex-end;
    border-top-right-radius: 12px;
    border-bottom-right-radius: 12px;
    box-shadow: 5px 1px 5px -6px rgba(0, 0, 0, 0.15);
}

    .menu-toggle span[b-zxrvqmu13g] {
        margin: 0;
        color: #757D8A;
        font-size: 22px;
    }

.logo-brand[b-zxrvqmu13g] {
    color: #161625;
    text-align: center;
    font-family: Open Sans;
    font-size: 15px;
    font-style: normal;
    font-weight: 300;
    line-height: 24px;
}


.entity-selector[b-zxrvqmu13g] {
    left: 1px;
    position: relative;
}

.right-arrow[b-zxrvqmu13g] {
    transform: rotate(0);
    transition: transform .5s;
}

.left-arrow[b-zxrvqmu13g] {
    transform: rotate(-180deg);
    transition: transform .5s;
}

.nav-link[b-zxrvqmu13g] {
    cursor: pointer;
}

.nav-item-padding[b-zxrvqmu13g] {
    padding: 0.5rem !important;
}

#logo-and-text[b-zxrvqmu13g] {
    display: flex;
    width: 100%;
}

.top-row[b-zxrvqmu13g] {
    height: 4.2rem;
    color: #161625;
    margin-top: 5px;
    cursor: pointer;
    align-items: center;
    justify-content: start;
}

.logout span[b-zxrvqmu13g]{
    cursor: pointer;
}

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

.nav-text[b-zxrvqmu13g] {
    cursor: pointer;
    margin-left: 0.8em;
    margin-bottom: 5px;
    animation: .3s ease-in 0s 1 easeInText-b-zxrvqmu13g;
}

.sub-nav[b-zxrvqmu13g] {
    margin-left: 2.5em;
}

@keyframes easeInText-b-zxrvqmu13g {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

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

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

.indicator[b-zxrvqmu13g] {
    width: 3px;
    right: -8px;
    height: 50px;
    display: none;
    position: absolute;
    background: #1442CC;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}

.nav-item[b-zxrvqmu13g]  a {
    height: 3rem;
    display: flex;
    color: #757D8A;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    border-radius: 12px;
    align-items: center;
    background-color: #FFFFFF;
}


.nav-item[b-zxrvqmu13g]  svg {
    margin-top: -0.3em;
    width: 24px;
    height: 24px;
    fill: none;
}

.nav-item[b-zxrvqmu13g]  rect {
    width: 24px;
    height: 24px;
}

.nav-item[b-zxrvqmu13g]  path {
    color: #757D8A;
}

.nav-item[b-zxrvqmu13g]  > a.active .indicator {
    display: block;
}

.nav-item[b-zxrvqmu13g]  > a.active path.stroke {
    stroke: #1442CC;
}


.nav-item[b-zxrvqmu13g]  > a.active path:not(.stroke) {
    fill: #1442CC;
}


.nav-item[b-zxrvqmu13g]  .stroke {
    stroke: #757D8A;
}

.nav-item[b-zxrvqmu13g]  .no-fill {
    fill: none;
}

.nav-item[b-zxrvqmu13g]  > a.active .no-fill {
    fill: none;
}

.nav-item[b-zxrvqmu13g]  > a:hover .no-fill {
    fill: none;
}

.nav-item[b-zxrvqmu13g]  > a.active .nav-text {
    color: #1442CC;
}

.nav-item[b-zxrvqmu13g]  a.active {
    color: #1442CC;
    font-size: 16px;
    line-height: 24px;
    font-weight: 600;
    border-radius: 12px;
    background-color: #EAE9FF;
}

.nav-item[b-zxrvqmu13g]  a:hover {
    color: #757D8A;
    border-radius: 12px;
    text-decoration: none;
    background-color: #F6F6F8;
}


.log-out[b-zxrvqmu13g] {
    color: #757d8a;
}


#paytrim-logo[b-zxrvqmu13g] {
    max-height: 100%;
    height: auto;
    margin-left: 0.8em;
}

.notification-number[b-zxrvqmu13g] {
    top: 16px;
    margin: 0;
    width: 14px;
    right: 22px;
    height: 14px;
    color: white;
    font-size: 10px;
    text-align: center;
    border-radius: 50%;
    position: absolute;
    background: #E62817;
}

.notification-dot[b-zxrvqmu13g] {
    top: 11px;
    right: 6px;
    width: 9px;
    height: 9px;
    position: absolute;
    border-radius: 50%;
    background: #E62817;
}
.indented[b-zxrvqmu13g] {
    right: 5px;
}

.bottom-row[b-zxrvqmu13g] {
    bottom: 0;
    position: absolute;
}

.profile-row-wrapper[b-zxrvqmu13g] {
    display: flex;
    padding: 9px 0 9px 10px;
    align-items: center;
    gap: 12px;
    border-radius: 8px;
    cursor: default;
}

.initials-bg[b-zxrvqmu13g] {
    width: 37px;
    height: 37px;
    position: relative;
    border-radius: 50%;
    background: #757D8A;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .initials-bg h3[b-zxrvqmu13g] {
        color: #fff;
        font-size: 16px;
        text-align: left;
        font-weight: 300;
        line-height: 20px;
        letter-spacing: 0.1em;
    }

.name[b-zxrvqmu13g] {
    margin: 0;
    width: 150px;
    font-size: 11pt;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.title[b-zxrvqmu13g] {
    font-size: 7pt;
    margin-bottom: 0;
    margin-left: 1px;
}

.update[b-zxrvqmu13g] {
    font-size: 10pt;
    cursor: pointer;
    font-weight: 500;
    padding-top: 5px;
}

.hover-box[b-zxrvqmu13g] {
    left: 50px;
    z-index: 1;
    width: 320px;
    bottom: 30px;
    height: 150px;
    display: none;
    cursor: default;
    background: white;
    position: absolute;
    border: 1px solid #E1E3E6;
}


.box-header[b-zxrvqmu13g] {
    display: flex;
    font-size: 11pt;
    margin: 5px 10px 0 0;
    justify-content: space-between;
}

.box-footer[b-zxrvqmu13g] {
    display: flex;
    margin: 0 10px;
    font-size: 11pt;
    justify-content: space-between;
}

hr[b-zxrvqmu13g] {
    margin: 0;
}

.box-content[b-zxrvqmu13g] {
    display: flex;
    margin-top: .8rem;
    margin-left: 1.2rem;
}

.log-out-link[b-zxrvqmu13g] {
}

.name-lg[b-zxrvqmu13g], .mail[b-zxrvqmu13g], .tel[b-zxrvqmu13g] {
    margin-bottom: 3px;
    color: #161616;
}

.name-lg[b-zxrvqmu13g] {
    font-weight: 500;
    font-size: 17px;
}

.mail[b-zxrvqmu13g], .tel[b-zxrvqmu13g] {
    margin-left: 1px;
    font-size: 14px;
    font-weight: 400;
}


.initials-lg[b-zxrvqmu13g] {
    color: white;
    padding: 10px;
    min-width: 70px;
    font-size: 28pt;
    font-weight: 400;
    text-align: center;
}

.initials-lg-bg[b-zxrvqmu13g] {
    width: 70px;
    z-index: -1;
    height: 70px;
    border-radius: 50%;
    background-color: #C0C0C0;
    margin-right: 10px;
    padding-bottom: 10px;
}


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

    .collapse[b-zxrvqmu13g] {
        /* Never collapse the sidebar for wide screens */
        display: block;
    }

    .hide-full-screen[b-zxrvqmu13g] {
        display: none;
    }
}