@import '_content/Excubo.Blazor.TreeViews/Excubo.Blazor.TreeViews.bundle.scp.css';
@import '_content/Volo.Abp.PermissionManagement.Blazor/Volo.Abp.PermissionManagement.Blazor.o06urd3w66.bundle.scp.css';

/* /Components/Comps/ActivityLogDataTable.razor.rz.scp.css */
*[b-bsk3vkvsxz] {
    margin: 0px;
    padding: 0px;
    box-sizing: border-box;
}

body[b-bsk3vkvsxz], html[b-bsk3vkvsxz] {
    height: 100%;
    font-family: sans-serif;
}




/*//////////////////////////////////////////////////////////////////
[ Table ]*/

.limiter[b-bsk3vkvsxz] {
    width: 100%;
    margin: 0 auto;
}

.container-table100[b-bsk3vkvsxz] {
    width: 100%;
    min-height: 70vh;

    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    align-items: stretch;
    align-content: stretch;
    justify-content: flex-start;
    flex-wrap: wrap;
    padding: 33px 30px;
}

.wrap-table100[b-bsk3vkvsxz] {
    width: 100%;
}

table[b-bsk3vkvsxz] {
    border-spacing: 1;
    border-collapse: collapse;
    background: white;
    border-radius: 10px;
    overflow: hidden;
    width: 100%;
    margin: 0 auto;
    position: relative;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}
table *[b-bsk3vkvsxz] {
    position: relative;
}
table td[b-bsk3vkvsxz], table th[b-bsk3vkvsxz] {
    padding-left: 10px;
}
table thead tr[b-bsk3vkvsxz] {
    height: 60px;
    background: #36304a;
}
table tbody tr[b-bsk3vkvsxz] {
    height: 50px;
}
table tbody tr:last-child[b-bsk3vkvsxz] {
    border: 0;
}
table td[b-bsk3vkvsxz], table th[b-bsk3vkvsxz] {
    text-align: left;
}
table td.l[b-bsk3vkvsxz], table th.l[b-bsk3vkvsxz] {
    text-align: right;
}
table td.c[b-bsk3vkvsxz], table th.c[b-bsk3vkvsxz] {
    text-align: center;
}
table td.r[b-bsk3vkvsxz], table th.r[b-bsk3vkvsxz] {
    text-align: center;
}


.table100-head th[b-bsk3vkvsxz]{
    font-family: OpenSans-Regular;
    font-size: 18px;
    color: #fff;
    line-height: 1.2;
    font-weight: unset;
}

tbody tr:nth-child(even)[b-bsk3vkvsxz] {
    background-color: #f5f5f5;
}

tbody tr[b-bsk3vkvsxz] {
    font-family: OpenSans-Regular;
    font-size: 15px;
    color: #808080;
    line-height: 1.2;
    font-weight: unset;
}

tbody tr:hover[b-bsk3vkvsxz] {
    color: #555555;
    background-color: #f5f5f5;
    cursor: pointer;
}


.mobile-heading[b-bsk3vkvsxz]{
    display: none;
}
@media screen and (max-width: 992px) {
    table[b-bsk3vkvsxz] {
        display: block;
    }
    table > *[b-bsk3vkvsxz], table tr[b-bsk3vkvsxz], table td[b-bsk3vkvsxz], table th[b-bsk3vkvsxz] {
        display: block
    }
    table thead[b-bsk3vkvsxz] {
        display: none;
    }
    table tbody tr[b-bsk3vkvsxz] {
        height: auto;
        padding: 37px 0;
    }
    table tbody tr td[b-bsk3vkvsxz] {
        display: flex;
        justify-content: space-between;
        align-items: flex-end;
        padding: 5px 15px 14px 15px;
        margin: 0 ;
    }

    table tbody tr td:last-child[b-bsk3vkvsxz] {
        margin-bottom: 0;
    }

    table tbody tr td .mobile-heading[b-bsk3vkvsxz] {
        font-family: OpenSans-Regular;
        font-size: 1.1rem;
        color: #999999;
        line-height: 1.2;
        font-weight: unset;
        opacity: 1;
        font-weight: 900;
        display: inline;
    }




    tbody tr[b-bsk3vkvsxz] {
        font-size: 14px;
    }
}

@media (max-width: 576px) {
    .container-table100[b-bsk3vkvsxz] {
        padding-left: 15px;
        padding-right: 15px;
    }
}
/* /Components/Comps/BarLoader.razor.rz.scp.css */
#bar-loader-container[b-n3mr7op91v] {
    position: absolute;
    z-index: 2;
}

.bar-loader[b-n3mr7op91v] {
    width: 79.2px;
    height: 70.4px;
    
    --c: linear-gradient(#2849B8 0 0);
    background: var(--c) 0% 100%, var(--c) 50% 100%, var(--c) 100% 100%;
    background-size: 15.8px 100%;
    background-repeat: no-repeat;
    animation: bar-loader-mbi2jdhg-b-n3mr7op91v 0.6s infinite linear;
}

@keyframes bar-loader-mbi2jdhg-b-n3mr7op91v {
    20% {
        background-size: 15.8px 60%, 15.8px 100%, 15.8px 100%;
    }

    40% {
        background-size: 15.8px 80%, 15.8px 60%, 15.8px 100%;
    }

    60% {
        background-size: 15.8px 100%, 15.8px 80%, 15.8px 60%;
    }

    80% {
        background-size: 15.8px 100%, 15.8px 100%, 15.8px 80%;
    }
}
/* /Components/Comps/BatchCodeSearch.razor.rz.scp.css */
.batch-code-widget__root[b-pud5m5zd20] {
    background-color: #fff;
    border-radius: 10px 10px 10px 10px;
    display: flex;
    flex-direction: column;
    outline: 1px solid rgba(0, 0, 0, 0.098);
    outline-offset: -1px;
    overflow: hidden
}

.batch-code-widget__flex_col[b-pud5m5zd20] {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    margin: 36px 35px 35px 32px
}

.batch-code-widget__highlights[b-pud5m5zd20] {
    color: #252b42;
    flex-grow: 1;
    line-height: 1.33;
    font-weight: 700;
    font-size: 18px;
    letter-spacing: s .1px
}

.batch-code-widget__flex_col1[b-pud5m5zd20] {
    display: flex;
    flex-grow: 1;
    flex-direction: column;
    gap: 7px 0;
    margin: 14px 0 0
}

.batch-code-widget__box1[b-pud5m5zd20] {
    background-color: #f9f9f9;
    border-radius: 5px 5px 5px 5px;
    display: flex;
    flex-grow: 1;
    flex-direction: column;
    outline: 1px solid #dadada;
    outline-offset: -1px;
    overflow: hidden
}

.batch-code-widget__flex_row[b-pud5m5zd20] {
    align-items: center;
    display: flex;
    flex-grow: 1;
    gap: 0 19px;
    margin: 11px 25px
}

.batch-code-widget__flex_row > .cell[b-pud5m5zd20] {
    display: flex;
    flex-direction: column;
    min-width: 16px
}

.batch-code-widget__search-input[b-pud5m5zd20] {
    flex: 0 0 102px;
    line-height: 2;
    font-weight: 400;
    font-size: 14px;
    outline: none;
    border: 0;
    background: transparent;
    letter-spacing: -.6px;
    color: #646464
}

.batch-code-widget__box[b-pud5m5zd20] {
    background-color: #f9f9f9;
    border-radius: 5px 5px 5px 5px;
    display: flex;
    flex-grow: 1;
    flex-direction: column;
    outline: 1px solid #e6e6e6;
    outline-offset: -1px;
    overflow: hidden
}

.batch-code-widget__text[b-pud5m5zd20] {
    color: #252b42;
    flex: 0 0 52px;
    line-height: 2;
    font-weight: 500;
    font-size: 14px;
    letter-spacing: .2px;
    padding-left: 10px
}

.batch-code-widget__box:hover > *[b-pud5m5zd20] {
    cursor: pointer
}

.batch-code-widget__flex_row1 > .cell[b-pud5m5zd20] {
    display: flex;
    flex-direction: column;
    min-width: 10px
}

.batch-code-widget__info[b-pud5m5zd20] {
    color: #e0232e;
    line-height: 1.16;
    font-weight: 400;
    font-size: 12px;
}

.batch-code-widget__flex_row2 > .cell[b-pud5m5zd20] {
    display: flex;
    flex-direction: column;
    min-width: 95px
}

.batch-code-widget__flex_col2[b-pud5m5zd20] {
    display: flex;
    flex-grow: 1;
    flex-direction: column;
    gap: 19px 0;
    margin: 13px 4px 0 5px
}

.batch-code-widget__subtitle[b-pud5m5zd20] {
    color: #000;
    flex: 1 1 23px;
    line-height: 1.14;
    font-weight: 500;
    font-size: 20px;
    letter-spacing: 0
}

.batch-code-widget__flex_col3[b-pud5m5zd20] {
    display: flex;
    flex-direction: column;
    gap: 5px 0
}

.batch-code-widget__flex_col4[b-pud5m5zd20] {
    display: flex;
    flex-direction: column;
    gap: 3px 0
}

.batch-code-widget__highlights1[b-pud5m5zd20] {
    color: #000;
    line-height: 1.14;
    font-weight: 500;
    font-size: 15px;
    letter-spacing: 0;
    margin-bottom: 3px
}

.batch-code-widget__info1[b-pud5m5zd20] {
    color: #78858f;
    line-height: 1.16;
    font-weight: 400;
    font-size: 12px;
    letter-spacing: 0;
    margin-bottom: 5px
}

.custom-loader[b-pud5m5zd20] {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    background: conic-gradient(#0000 10%, #005EF6);
    -webkit-mask: radial-gradient(farthest-side, #0000 calc(100% - 16px), #000 0);
    animation: s3-b-pud5m5zd20 1s infinite linear
}

@keyframes s3-b-pud5m5zd20 {
    to {
        transform: rotate(1turn)
    }
}

/* Path: src/DecisionTree.BrandTrader.Blazor.Client/Components/Comps/CodeSearch.razor.css */
/* /Components/Comps/DashBoard/LT_Dashoard.razor.rz.scp.css */
.lpx-content[b-vvemzitvv7] {
    height: calc(100vh - 64px);
    overflow-y: auto;
}

.stock-header[b-vvemzitvv7] {
    border-bottom: #CAD5E5 solid 1px;
}

.offer-stats[b-vvemzitvv7] {
    background-color: #010013;
}

.offers-pill[b-vvemzitvv7] {
    border-radius: 4px;
    /*    background-color: rgba(255, 255, 255, 0.26);*/
    background-color: #f2f2f2;
}

.stock-stats[b-vvemzitvv7] {
    background-color: white;
    /* background-image: url(https://res.cloudinary.com/malikbanks/image/upload/v1690639651/competitors_bg.svg);*/
}

.dashboard-full-page[b-vvemzitvv7] {
    margin: -1.25em -2em 3em -2em;
}

.dashboard-filter-section[b-vvemzitvv7] {
    background: linear-gradient(90deg, #010013 -19.5%, #12154C 98.92%);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.04);
    box-sizing: border-box;
    width: 100%;
    background-image: url(https://res.cloudinary.com/malikbanks/image/upload/v1676985124/stock-bg.svg);
    /*display:flex;
    grid-template-columns:1fr 15px 1.4fr;
    grid-template-rows:1fr;
    grid-gap:5px;*/
    /*    margin-left: -30px;
*/
}

.dash-search-result-parent[b-vvemzitvv7] {
    list-style-position: inside;
    margin: 0 10px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.04);
    border-radius: 0 0 10px 10px;
    padding: 5px 0 0 0;
    list-style: none;
    width: 96%;
    z-index: 999;
    max-height: 50vh !important;
    overflow-y: auto;
    overflow-x: hidden;
}

    .dash-search-result-parent li:nth-last-of-type(1)[b-vvemzitvv7] {
        border-radius: 0 0 10px 10px;
        padding-bottom: 15px;
        cursor: pointer;
    }

.dash-search-result[b-vvemzitvv7] {
    list-style: none;
}

    .dash-search-result li:hover[b-vvemzitvv7] {
        cursor: pointer;
        background-color: #f2f2f2 !important;
    }

.rz-dropdown-panel[b-vvemzitvv7] {
    width: max-content !important;
}

.rz-popup[b-vvemzitvv7] {
    width: max-content !important;
}

.rz-spinner-down[b-vvemzitvv7] {
    margin: 0 !important;
}

.dashboard-search-wrapper[b-vvemzitvv7] {
    border: 1px solid #CAD5E5;
    border-radius: 10px;
    box-sizing: border-box;
    height: 55px;
}

.dashboard-filter-section-divider[b-vvemzitvv7] {
    background: #fff;
    border-left: 2px solid rgba(255, 255, 255, 0);
    margin: .8rem 0;
    width: 0;
    align-self: stretch
}

.impact-stat[b-vvemzitvv7] {
    background-color: #f2f2f2;
    border-radius: 4px;
    color: #909396;
    padding: 4px;
    font-weight: 700;
    width: fit-content;
}

.impact-stat-success[b-vvemzitvv7] {
    background-color: rgba(015, 169, 88, 0.2);
    border-radius: 4px;
    color: rgba(015, 169, 88, 1);
    padding: 4px;
    font-weight: 700;
    width: fit-content;
}

.impact-stat-danger[b-vvemzitvv7] {
    background-color: rgba(216, 0, 39, 0.2);
    border-radius: 4px;
    color: rgba(216, 0, 39, 1);
    padding: 4px;
    font-weight: 700;
    width: fit-content;
}

.currency-group-name[b-vvemzitvv7] {
    width: 40%;
}

.currency-converter-wrapper[b-vvemzitvv7] {
    background: #FFF;
    border: 1px solid #CAD5E5;
    border-radius: 10px;
    box-sizing: content-box;
    /*height: 80px*/
}

.currency-dropdown[b-vvemzitvv7] {
    border: 1px solid #F2F2F2;
    border-radius: 5px;
    max-width: 80px;
    min-width: 61px
}

.currency-image[b-vvemzitvv7] {
    margin-right: .35rem;
    height: 26px;
    width: 30px;
    object-fit: contain
}

.currency-name[b-vvemzitvv7] {
    color: #919191;
    font-size: 1rem;
    font-weight: 500;
    height: 23px;
    letter-spacing: 2.5px;
    line-height: 1.5rem;
    min-width: 53px
}

.currency-label[b-vvemzitvv7] {
    color: #C4C4C4;
    font-size: 0.7rem;
    font-weight: 400;
    line-height: 1.2rem
}

.currency-input-wrapper[b-vvemzitvv7] {
    align-content: stretch;
    align-items: center;
    background: #F2F2F2;
    border-radius: 5px;
    color: #414141;
    display: grid;
    font-family: 'Lato';
    font-size: 1rem;
    font-weight: 900;
    grid-template-areas: ". .";
    grid-template-columns: 0.2fr 1.3fr;
    grid-template-rows: 1fr;
    height: 43px;
    justify-content: space-between;
    line-height: 22px
}

    .currency-input-wrapper input[b-vvemzitvv7] {
        width: 99.99%
    }

.heading-paragraph[b-vvemzitvv7] {
    color: #A3A3A3;
    font-size: 1rem;
    font-style: normal;
    font-weight: 500;
    height: 22px;
    line-height: 1.2rem
}

.period-filter-main-wrapper[b-vvemzitvv7] {
    background: #FFF;
    border-radius: 10px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.04);
    max-width: 190px;
    min-height: 76px;
    min-width: 186px
}

.dashboard-icon-wrapper[b-vvemzitvv7] {
    background: var(--blue-ribbon-100);
    height: 48px;
    width: 48px
}

.period-text-md[b-vvemzitvv7] {
    color: #3E4954;
    font-family: 'Lato', serif;
    font-size: .8rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1rem;
    white-space: nowrap
}

.period-text-lg[b-vvemzitvv7] {
    align-items: center;
    color: #3E4954;
    display: flex;
    font-family: 'Lato';
    font-size: 0.8rem;
    font-style: normal;
    font-weight: 700;
    line-height: 1.4rem
}

.stat-number-main-wrapper[b-vvemzitvv7] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: 1fr;
    grid-gap: 15px
}

    .stat-number-main-wrapper .stat-click[b-vvemzitvv7] {
        background: #FFF;
        border-radius: 14px;
        box-shadow: 0 4px 4px rgba(0, 0, 0, 0.04);
        cursor: pointer;
    }

    .stat-click:hover[b-vvemzitvv7] {
        cursor: pointer;
    }

.stat-icon[b-vvemzitvv7] {
    display: flex;
    justify-content: flex-end;
}

.stat-number-card[b-vvemzitvv7] {
    display: grid;
    gap: 0 1px;
    grid-auto-flow: row;
    grid-template-areas: ". stat-number-details";
    grid-template-columns: 0.3fr 0.7fr;
    grid-gap: 10px;
    grid-template-rows: 0.9fr;
    align-items: flex-start
}

.stat-number-icon-wrapper[b-vvemzitvv7] {
    display: grid;
    gap: 0 0;
    grid-auto-columns: 1fr;
    grid-auto-flow: row;
    grid-auto-rows: 60px
}

.stat-number-details[b-vvemzitvv7] {
    grid-area: stat-number-details
}

.stat-number-icon-area img[b-vvemzitvv7] {
    height: 100%;
    width: 100%
}

.stat-number-heading[b-vvemzitvv7] {
    color: #464255;
    font-family: 'Barlow';
    font-size: 46px;
    font-size: 3.3rem;
    font-style: normal;
    font-weight: 700;
    line-height: 3.5rem
}

.stat-description[b-vvemzitvv7] {
    color: #464255;
    font-family: 'Barlow';
    font-size: .9rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1rem;
}

.stat-number-direction[b-vvemzitvv7] {
    height: 18px
}

.stat-rate[b-vvemzitvv7] {
    color: #A3A3A3;
    font-family: 'Barlow';
    font-size: 12px;
    font-size: .7rem;
    font-style: normal;
    font-weight: 400;
    line-height: 18px
}

.recent-offers-wrapper[b-vvemzitvv7] {
    background-color: rgba(47, 128, 237, 0.15);
    border: 1px solid #CAD5E5;
    border-radius: 10px;
    flex: 1 1 auto;
    height: 100%;
}

.recent-offers-header[b-vvemzitvv7] {
    color: #414141;
    font-family: 'Lato';
    font-size: 32px;
    font-style: normal;
    font-weight: 600;
    line-height: 38px
}

.recent-offer-wrapper[b-vvemzitvv7] {
    background: #FFF;
    border: 1px solid #CAD5E5;
    border-radius: 5px;
    box-shadow: 2px 2px 21px -5px rgba(0, 0, 0, 0.29);
    display: grid;
    grid-gap: 5px;
    grid-template-areas: ". . .";
    grid-template-columns: 39px 1fr 24px;
    grid-template-rows: 1fr;
    left: 0;
    position: relative;
    top: 0;
    z-index: 1
}

.recent-offers-body[b-vvemzitvv7] {
    display: grid;
    grid-auto-columns: 1fr;
    grid-auto-rows: 1fr;
    grid-gap: 36px;
    grid-template-rows: repeat(5, 1fr);
    left: 0;
    position: relative;
    top: 0;
    z-index: 1
}

.recent-offer-wrapper:hover[b-vvemzitvv7] {
    border: 1px solid var(--royal-blue-600)
}

.recent-offer-wrapper:hover .dropdown-arrow[b-vvemzitvv7] {
    color: var(--blue-ribbon-700)
}

.recent-offer-wrapper:not(:last-child)[b-vvemzitvv7]::after {
    border: 1px dashed #A5A5A5;
    bottom: -100%;
    content: "";
    height: 100%;
    left: 30px;
    position: absolute;
    z-index: 1
}

.trending-products-wrapper[b-vvemzitvv7] {
    background: #FFF;
    border-radius: 10px;
    bottom: 0;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.04);
    flex: 1 1 auto;
    left: 0;
    position: relative;
    right: 0;
    top: 0;
    height: 100%;
}

.trending-products-header[b-vvemzitvv7] {
    font-family: 'Lato';
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px
}

/*.trending-products-wrapper .table100-body {
    max-height: 445px
}*/

.sales-chart-wrapper[b-vvemzitvv7] {
    background: #FFF;
    border-radius: 10px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.04);
    flex: 1 1 auto;
}

.chart-area[b-vvemzitvv7] {
    align-items: stretch;
    display: flex;
    flex-wrap: nowrap;
    place-content: space-around center
}

.calculator-wrapper[b-vvemzitvv7] {
    border-radius: 10px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.04);
    overflow: hidden;
}

.wholesale-calculator-wrapper[b-vvemzitvv7] {
    background: #FFF;
    height: 425px
}

.upgrade-bg[b-vvemzitvv7] {
    position: absolute;
    width: 100%;
    z-index: 99;
    background-color: rgb(0 0 0 / 50%);
    backdrop-filter: blur(5px);
    height: 100%;
    border-radius: 10px;
}

.upgrade-plan-card[b-vvemzitvv7] {
    padding: 1rem;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    background-image: url("https://res.cloudinary.com/malikbanks/image/upload/v1712573876/BT/42.png");
    background-color: #ffffff;
}

.upgrade-plan-card-2[b-vvemzitvv7] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 90%;
}


.upgrade-plan-blur-bg[b-vvemzitvv7] {
    filter: blur(12px)
}

/*.upgrade-plan-card {
    background: rgb(0 0 0 / 40%);
}*/

.campaigns-wrapper[b-vvemzitvv7] {
    background-color: #0C1E5B;
    background-image: url("images/campaigns bg.png");
    border-radius: 10px;
    font-size: 18px;
    font-weight: 400;
    line-height: 35px;
}

.impact-wrapper[b-vvemzitvv7] {
    background: #FFF;
    border-radius: 10px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.04);
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
}

.impact-cards[b-vvemzitvv7] {
    align-content: stretch;
    align-items: stretch;
    display: grid;
    gap: 30px 30px;
    grid-template-areas: ". . ."". . .";
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(2, 1fr)
}

.impact-card[b-vvemzitvv7] {
    border: 1px solid #D9D9D9;
    border-radius: 5px;
    height: fit-content;
}

    .impact-card p:not(.stat-number-heading) ~ .cursor-pointer:hover[b-vvemzitvv7] {
        color: var(--royal-blue-600)
    }

.rz-scheme-pastel .rz-series-0[b-vvemzitvv7] {
    fill: #7e57d7 !important;
}

@media (min-width: 1024px) and (max-width: 1280px) {
    .stat-number-card[b-vvemzitvv7] {
        grid-template-columns: 0.3fr 0.7fr;
        grid-gap: 5px
    }

    .stat-number-heading[b-vvemzitvv7] {
        font-size: 3rem
    }

    .stat-description[b-vvemzitvv7] {
        font-size: .7rem;
        line-height: .8rem
    }

    .masonry-with-columns > div[b-vvemzitvv7] {
        margin: 1rem 0;
        flex: 1 0 auto
    }

    .calculator-wrapper[b-vvemzitvv7] {
        width: 100%
    }
}

@media (max-width: 1023px) {
    .stat-number-main-wrapper[b-vvemzitvv7] {
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: repeat(2, 1fr);
        grid-gap: 15px
    }

    .stat-number-heading[b-vvemzitvv7] {
        font-size: 3rem
    }

    .stat-description[b-vvemzitvv7] {
        color: #464255;
        font-family: 'Avenir', 'Poppins', Arial, sans-serif;
        font-size: 1rem;
        font-style: normal;
        font-weight: 400;
        line-height: 1rem;
        white-space: nowrap
    }

    .masonry-with-columns > div[b-vvemzitvv7] {
        margin: 1rem 0;
        flex: 1 0 auto
    }

    .calculator-wrapper[b-vvemzitvv7] {
        width: 100%
    }

    .impact-wrapper[b-vvemzitvv7] {
        background: #FFF;
        border-radius: 10px;
        box-shadow: 0 4px 4px rgba(0, 0, 0, 0.04);
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
        max-width: 100%
    }

    .impact-cards[b-vvemzitvv7] {
        align-content: stretch;
        align-items: stretch;
        display: flex;
        flex-wrap: wrap;
        flex: 0 1 auto
    }

    .impact-card[b-vvemzitvv7] {
        margin: 0 10px 10px 0;
        border: 1px solid #D9D9D9;
        border-radius: 5px
    }

    .recent-offer-wrapper[b-vvemzitvv7] {
        align-items: stretch
    }

    .dashboard-filter-section[b-vvemzitvv7] {
        background: linear-gradient(90deg, #010013 -19.5%, #12154C 98.92%);
        box-shadow: 0 4px 4px rgba(0, 0, 0, 0.04);
        box-sizing: border-box;
        width: 100%;
        display: grid;
        grid-template-columns: 1fr;
        grid-template-rows: 1fr;
        grid-gap: 5px;
        align-items: center;
        justify-content: center
    }

    .dashboard-filter-section-divider[b-vvemzitvv7] {
        display: none
    }
    /*offer header styles*/

    .fs-4[b-vvemzitvv7] {
        font-size: 1.25rem !important;
    }

    .me-1[b-vvemzitvv7] {
        margin-right: 0.25rem !important;
    }

    .ki-duotone[b-vvemzitvv7], .ki-outline[b-vvemzitvv7], .ki-solid[b-vvemzitvv7] {
        line-height: 1;
        font-size: 1rem;
        color: var(--bs-text-muted)
    }

    .ki-duotone[b-vvemzitvv7] {
        font-family: keenicons-duotone !important;
        speak: never;
        font-style: normal;
        font-weight: 400;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        display: inline-flex;
        direction: ltr;
        position: relative;
        display: inline-flex;
        direction: ltr;
        position: relative;
        display: inline-flex;
        direction: ltr;
        position: relative;
        display: inline-flex;
        direction: ltr;
        position: relative;
        display: inline-flex;
        direction: ltr;
        position: relative;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale
    }

    .ki-verify .path1[b-vvemzitvv7]:before {
        content: "\ef7e";
        opacity: .3
    }

    .ki-verify .path2[b-vvemzitvv7]:before {
        content: "\ef7f";
        position: absolute;
        left: 0
    }

    .ki-verify.ki-solid[b-vvemzitvv7]:before {
        content: "\eb2b"
    }

    .ki-verify.ki-outline[b-vvemzitvv7]:before {
        content: "\eb2b"
    }

    .fs-1[b-vvemzitvv7] {
        font-size: calc(1.3rem + .6vw) !important
    }

    .text-primary[b-vvemzitvv7] {
        --bs-text-opacity: 1;
        color: rgba(var(--bs-primary-rgb),var(--bs-text-opacity)) !important
    }

    .ki-delivery-geolocation .path1[b-vvemzitvv7]:before {
        content: "\eb3f"
    }

    .ki-delivery-geolocation .path2[b-vvemzitvv7]:before {
        content: "\eb40";
        position: absolute;
        left: 0
    }

    .ki-geolocation-home.ki-solid[b-vvemzitvv7]:before {
        content: "\ea2b"
    }

    .ki-geolocation.ki-solid[b-vvemzitvv7]:before {
        content: "\ea2c"
    }

    .ki-geolocation .path1[b-vvemzitvv7]:before {
        content: "\ec6a";
        opacity: .3
    }

    .ki-geolocation .path2[b-vvemzitvv7]:before {
        content: "\ec6b";
        position: absolute;
        left: 0
    }

    .ki-geolocation.ki-outline[b-vvemzitvv7]:before {
        content: "\ea2c"
    }

    .ki-geolocation-home .path1[b-vvemzitvv7]:before {
        content: "\ec68";
        opacity: .3
    }

    .ki-geolocation-home.ki-outline[b-vvemzitvv7]:before {
        content: "\ea2b"
    }



    .ki-geolocation-home .path2[b-vvemzitvv7]:before {
        content: "\ec69";
        position: absolute;
        left: 0
    }

    .ki-calendar-8 .path1[b-vvemzitvv7]:before {
        content: "\ea51";
        opacity: .3
    }

    .ki-calendar-8 .path2[b-vvemzitvv7]:before {
        content: "\ea52";
        position: absolute;
        left: 0
    }

    .ki-calendar-8 .path3[b-vvemzitvv7]:before {
        content: "\ea53";
        position: absolute;
        left: 0
    }

    .ki-calendar-8 .path4[b-vvemzitvv7]:before {
        content: "\ea54";
        position: absolute;
        left: 0
    }

    .ki-calendar-8 .path5[b-vvemzitvv7]:before {
        content: "\ea55";
        position: absolute;
        left: 0
    }

    .ki-calendar-8 .path6[b-vvemzitvv7]:before {
        content: "\ea56";
        position: absolute;
        left: 0
    }

    .ki-calendar-8.ki-outline[b-vvemzitvv7]:before {
        content: "\e980"
    }

    .ki-calendar-8.ki-solid[b-vvemzitvv7]:before {
        content: "\e980"
    }
    /**/
    .flex-grow-1[b-vvemzitvv7] {
        flex-grow: 1 !important
    }

    .d-flex[b-vvemzitvv7] {
        display: flex !important
    }

    .justify-content-between[b-vvemzitvv7] {
        justify-content: space-between !important
    }

    .align-items-start[b-vvemzitvv7] {
        align-items: flex-start !important
    }

    .flex-wrap[b-vvemzitvv7] {
        flex-wrap: wrap !important
    }

    .mb-2[b-vvemzitvv7] {
        margin-bottom: 0.2rem !important
    }

    .flex-column[b-vvemzitvv7] {
        flex-direction: column !important
    }

    .align-items-center[b-vvemzitvv7] {
        align-items: center !important
    }

    .text-gray-900[b-vvemzitvv7] {
        color: var(--bs-text-gray-900) !important
    }

    .text-hover-gray-900[b-vvemzitvv7] {
        transition: color .2s ease
    }

    .text-hover-primary:hover[b-vvemzitvv7] {
        transition: color .2s ease;
        color: var(--bs-text-primary) !important
    }

        .text-hover-primary:hover i[b-vvemzitvv7] {
            transition: color .2s ease;
            color: var(--bs-text-primary) !important
        }

        .text-hover-primary:hover .svg-icon[b-vvemzitvv7] {
            color: var(--bs-text-primary) !important
        }

    .fs-2[b-vvemzitvv7] {
        font-size: calc(1.275rem + .3vw) !important
    }

    .fw-bold[b-vvemzitvv7] {
        font-weight: 600 !important
    }

    .fw-semibold[b-vvemzitvv7] {
        font-weight: 600 !important;
        font-size: large;
    }

    .me-0[b-vvemzitvv7] {
        margin-right: 0 !important
    }

    .me-1[b-vvemzitvv7] {
        margin-right: .25rem !important
    }

    .me-2[b-vvemzitvv7] {
        margin-right: .5rem !important
    }

    .me-3[b-vvemzitvv7] {
        mb-2 margin-right: .75rem !important
    }

    .me-4[b-vvemzitvv7] {
        margin-right: 1rem !important
    }

    .me-5[b-vvemzitvv7] {
        margin-right: 1.25rem !important
    }

    .me-6[b-vvemzitvv7] {
        margin-right: 1.5rem !important
    }

    .me-7[b-vvemzitvv7] {
        margin-right: 1.75rem !important
    }

    .me-8[b-vvemzitvv7] {
        margin-right: 2rem !important
    }

    .me-9[b-vvemzitvv7] {
        margin-right: 2.25rem !important
    }

    .me-10[b-vvemzitvv7] {
        margin-right: 2.5rem !important
    }

    .border[b-vvemzitvv7] {
        border: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important
    }

    .border-gray-300[b-vvemzitvv7] {
        border-color: var(--bs-gray-300) !important
    }

    .border-dashed[b-vvemzitvv7] {
        border-style: dashed !important;
        border-color: var(--bs-border-dashed-color)
    }

    rounded[b-vvemzitvv7] {
        border-radius: 0.475rem !important;
    }

    .py-3[b-vvemzitvv7] {
        padding-top: 0.05rem !important;
        padding-bottom: 0.05rem !important;
    }

    .px-4[b-vvemzitvv7] {
        padding-right: 1rem !important;
        padding-left: 1rem !important;
    }

    .mb-3[b-vvemzitvv7] {
        margin-bottom: 0.75rem !important;
    }

    .me-6[b-vvemzitvv7] {
        margin-right: 1.5rem !important;
    }

    .min-w-125px[b-vvemzitvv7] {
        min-width: 125px !important;
    }


    .border-endoffer[b-vvemzitvv7] {
        /* border-right: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;*/
        border-right: var(--bs-border-width) var(--bs-border-style) #6c757d !important;
        margin-right: 0.75rem;
    }


    .text-grayoffer[b-vvemzitvv7] {
        color: black;
    }
    .text-primary-cal[b-vvemzitvv7] {
        --bs-text-opacity: 1;
        color: rgba(var(--bs-primary-rgb),var(--bs-text-opacity)) !important
    }

    .mx-3[b-vvemzitvv7] {
        margin-right: 0.75rem !important;
        margin-left: 0.75rem !important;
    }

    .p-1[b-vvemzitvv7] {
        padding: 0.5rem !important;
    }

    .pointer-1[b-vvemzitvv7] {
        color: var(--bs-link-color);
        text-decoration: underline;
        font-weight: 600 !important;
    }
    .text-primary[b-vvemzitvv7] {
        color: #808290 !important;
    }

    .lh-0[b-vvemzitvv7] {
        line-height: 0 !important;
    }
}
/* /Components/Comps/InstantMatch/NeedsListMatch.razor.rz.scp.css */
.valign-text-middle[b-830uz3ghdn] {
    display: flex;
    flex-direction: column;
    justify-content: center;
}


input:focus[b-830uz3ghdn] {
    outline: none;
}


.dmsans-bold-black-12px[b-830uz3ghdn] {
    color: var(--black);
    font-size: var(--font-size-m);
    font-style: normal;
    font-weight: 700;
}

.opensans-normal-black-14-9px[b-830uz3ghdn] {
    color: var(--black);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
}

.cairo-bold-black-14px[b-830uz3ghdn] {
    color: var(--black);
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
}

.dmsans-bold-manatee-13px[b-830uz3ghdn] {
    color: var(--manatee);
    font-size: var(--font-size-l);
    font-style: normal;
    font-weight: 700;
}

.dmsans-bold-white-13px[b-830uz3ghdn] {
    color: var(--white);
    font-size: var(--font-size-l);
    font-style: normal;
    font-weight: 700;
}


.dmsans-bold-kashmir-blue-13px[b-830uz3ghdn] {
    color: var(--kashmir-blue);
    font-size: var(--font-size-l);
    font-style: normal;
    font-weight: 700;
}

.dmsans-normal-black-12px[b-830uz3ghdn] {
    color: var(--black);
    font-size: var(--font-size-m);
    font-style: normal;
    font-weight: 400;
}

.dmsans-bold-black-15px[b-830uz3ghdn] {
    color: var(--black);
    font-size: var(--font-size-xl);
    font-style: normal;
    font-weight: 700;
}

.dmsans-normal-manatee-15px[b-830uz3ghdn] {
    color: var(--manatee);
    font-size: var(--font-size-xl);
    font-style: normal;
    font-weight: 400;
}


.needlist-click-card[b-830uz3ghdn] {
    /*height: 185px;*/
    position: relative;
    background-color: var(--white);
    border: 1px solid;
    border-color: var(--periwinkle);
    border-radius: 7px;
    /*box-shadow: 2px 2px 55px -9px #00000040;*/
    mix-blend-mode: normal;
    margin: 10px 0;
}


.rectangle-tier-tab[b-830uz3ghdn] {
    background-color: var(--concrete);
    height: 35px;
    border: 1px solid;
    border-color: var(--periwinkle);
    border-radius: 5px;
}

.rectangle-tier-tab[b-830uz3ghdn] {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.rectangle-tier-tab > *[b-830uz3ghdn] {
    flex: 1 1 auto;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    -ms-flex-item-align: stretch;
    align-self: stretch;
    text-align: center;
    display: flex;
    justify-content: center;
}

.rectangle-tier-tab > *[b-830uz3ghdn] {
    -webkit-align-self: stretch;
}

.tier-tab[b-830uz3ghdn] {
    width: 115px;
    margin: 5px;

}

.tier-tab.active-tab[b-830uz3ghdn] {
    background: white;
    border: 1px solid;
    border-color: var(--periwinkle);
    border-radius: 4px;
    box-shadow: 2px 2px 18px -6px #00000040;
}

.tier-tab:hover[b-830uz3ghdn] {
    cursor: pointer;
    background: #fff;
}


.product-name[b-830uz3ghdn] {
    background-color: transparent;
    line-height: normal;
    mix-blend-mode: normal;
    text-align: left;
    margin-bottom: 10px;
}

.product-upc[b-830uz3ghdn] {
    background-color: transparent;
    line-height: normal;
    mix-blend-mode: normal;
    text-align: left;
}

.border-right[b-830uz3ghdn] {
    border-right: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color);
}

.value-heading[b-830uz3ghdn] {
    background-color: transparent;
    letter-spacing: 0;
    line-height: 30px;
    mix-blend-mode: normal;
    text-align: left;
    white-space: nowrap;
}

.value-bottom[b-830uz3ghdn] {

}

.mid-card-info[b-830uz3ghdn] {

}

.card-right-2[b-830uz3ghdn] {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.rectangle-tier-tab[b-830uz3ghdn] {
    /* -webkit-order: 0;
     -ms-flex-order: 0;
     order: 0;
     -webkit-flex: 0 1 auto;
     -ms-flex: 0 1 auto;
     flex: 0 1 auto;
     -webkit-align-self: stretch;
     -ms-flex-item-align: stretch;
     align-self: stretch;*/
}

.mid-card-info[b-830uz3ghdn] {
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    -webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    align-self: stretch;
}

.card-bottom-button[b-830uz3ghdn] {
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    -webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    align-self: stretch;
}

.left-header[b-830uz3ghdn] {
    background-color: transparent;
    flex-shrink: 1;

    letter-spacing: 0;
    line-height: 25px;
    min-height: 36px;
    min-width: 85px;
    mix-blend-mode: normal;

}

.left-value[b-830uz3ghdn] {
    background-color: transparent;
    line-height: normal;
    mix-blend-mode: normal;
    text-align: left;
}


.mid-card-info[b-830uz3ghdn] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: 1fr;
    gap: 1px 2px;
    max-width: 100%;
}

.valign-text-middle[b-830uz3ghdn] {
    display: flex;
    flex-direction: column;
    justify-content: center;

}

.requested-tooltip-wrapper[b-830uz3ghdn] {
    position: absolute;
    top: -2.5rem;
    box-shadow: rgba(0, 0, 0, 0.2) -1.95px -1.95px 3px;
    white-space: nowrap;
    background: rgba(42, 196, 117, 1);
    border-radius: 5px;
    opacity: 0.5;
    z-index: 1;
}

.requested-tooltip-wrapper[b-830uz3ghdn]::after {
    content: "";

    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0.4rem 0.5rem 0 0.5rem;
    border-color: rgba(42, 196, 117, 1) transparent transparent transparent;

    position: absolute;

    bottom: -0.3rem;
    left: 50%;
    transform: translateX(-50%);
}

.requested-tooltip-text[b-830uz3ghdn] {
    font-size: 0.7rem;
    color: white;
}

.active-tab .requested-tooltip-wrapper[b-830uz3ghdn] {
    opacity: 1;
    z-index: 2;
}
/* /Components/Comps/InstantMatch/StockMatchCard.razor.rz.scp.css */

.valign-text-middle[b-htdfyhz543] {
    display: flex;
    flex-direction: column;
    justify-content: center;
}


input:focus[b-htdfyhz543] {
    outline: none;
}


.dmsans-bold-black-12px[b-htdfyhz543] {
    color: var(--black);
    font-size: var(--font-size-m);
    font-style: normal;
    font-weight: 700;
}

.opensans-normal-black-14-9px[b-htdfyhz543] {
    color: var(--black);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
}

.cairo-bold-black-13px[b-htdfyhz543] {
    color: var(--black);
    font-size: var(--font-size-l);
    font-style: normal;
    font-weight: 700;
}

.dmsans-bold-manatee-13px[b-htdfyhz543] {
    color: var(--manatee);
    font-size: var(--font-size-l);
    font-style: normal;
    font-weight: 700;
}

.dmsans-bold-white-13px[b-htdfyhz543] {
    color: var(--white);
    font-size: var(--font-size-l);
    font-style: normal;
    font-weight: 700;
}

.dmsans-bold-kashmir-blue-13px[b-htdfyhz543] {
    color: var(--kashmir-blue);
    font-size: var(--font-size-l);
    font-style: normal;
    font-weight: 700;
}

.dmsans-normal-black-12px[b-htdfyhz543] {
    color: var(--black);
    font-size: var(--font-size-m);
    font-style: normal;
    font-weight: 400;
}

.dmsans-bold-black-15px[b-htdfyhz543] {
    color: var(--black);
    font-size: var(--font-size-xl);
    font-style: normal;
    font-weight: 700;
}

.dmsans-normal-manatee-15px[b-htdfyhz543] {
    color: var(--manatee);
    font-size: var(--font-size-xl);
    font-style: normal;
    font-weight: 400;
}

:root[b-htdfyhz543] {
}


/* screen - instant-match-4 */

{
    background-color: #f0f4f7
;
    border: 1px none
;
    mix-blend-mode: normal
;
    width: 100%
;
    padding: 10px
;
    height: 100%
;
    overflow: visible
;
}


.needlist-click-card[b-htdfyhz543] {
    /*height: 185px;*/
    position: relative;
    background-color: var(--white);
    border: 1px solid;
    border-color: var(--periwinkle);
    border-radius: 7px;
    /*box-shadow: 2px 2px 55px -9px #00000040;*/
    mix-blend-mode: normal;
    margin: 10px 0;
}


.rectangle-tier-tab[b-htdfyhz543] {
    background-color: var(--concrete);
    height: 35px;
    border: 1px solid;
    border-color: var(--periwinkle);
    border-radius: 5px;
}

.rectangle-tier-tab[b-htdfyhz543] {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.rectangle-tier-tab > *[b-htdfyhz543] {
    flex: 1 1 auto;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    -ms-flex-item-align: stretch;
    align-self: stretch;
    text-align: center;
    display: flex;
    justify-content: center;
}

.rectangle-tier-tab > *[b-htdfyhz543] {
    -webkit-align-self: stretch;
}

.tier-tab[b-htdfyhz543] {
    width: 115px;
    margin: 5px;

}

.tier-tab.active-tab[b-htdfyhz543] {
    background: white;
    border: 1px solid;
    border-color: var(--periwinkle);
    border-radius: 4px;
    box-shadow: 2px 2px 18px -6px #00000040;
}

.tier-tab:hover[b-htdfyhz543] {
    cursor: pointer;
    background: #fff;
}


.product-name[b-htdfyhz543] {
    background-color: transparent;
    line-height: normal;
    mix-blend-mode: normal;
    text-align: left;
    margin-bottom: 10px;
}

.product-upc[b-htdfyhz543] {
    background-color: transparent;
    line-height: normal;
    mix-blend-mode: normal;
    text-align: left;
}

.border-right[b-htdfyhz543] {
    border-right: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color);
}

.value-heading[b-htdfyhz543] {
    background-color: transparent;
    letter-spacing: 0;
    line-height: 30px;
    mix-blend-mode: normal;
    text-align: left;
    white-space: nowrap;
}

.value-bottom[b-htdfyhz543] {

}

.mid-card-info[b-htdfyhz543] {

}

.card-right-2[b-htdfyhz543] {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.rectangle-tier-tab[b-htdfyhz543] {
    /* -webkit-order: 0;
     -ms-flex-order: 0;
     order: 0;
     -webkit-flex: 0 1 auto;
     -ms-flex: 0 1 auto;
     flex: 0 1 auto;
     -webkit-align-self: stretch;
     -ms-flex-item-align: stretch;
     align-self: stretch;*/
}

.mid-card-info[b-htdfyhz543] {
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    -webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    align-self: stretch;
}

.card-bottom-button[b-htdfyhz543] {
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    -webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    align-self: stretch;
}

.left-header[b-htdfyhz543] {
    background-color: transparent;
    flex-shrink: 1;

    letter-spacing: 0;
    line-height: 25px;
    min-height: 36px;
    min-width: 85px;
    mix-blend-mode: normal;

}

.left-value[b-htdfyhz543] {
    background-color: transparent;
    line-height: normal;
    mix-blend-mode: normal;
    text-align: left;
}


.mid-card-info[b-htdfyhz543] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: 1fr;
    gap: 1px 2px;
    max-width: 100%;
}

.valign-text-middle[b-htdfyhz543] {
    display: flex;
    flex-direction: column;
    justify-content: center;
}
/* /Components/Comps/LoadingScreen.razor.rz.scp.css */
/* /Components/Comps/MarketHeaderSection.razor.rz.scp.css */
/* /Components/Comps/MarketNavHeader.razor.rz.scp.css */
/* /Components/Comps/Onboarding.razor.rz.scp.css */
.lpx-content-container .lpx-content[b-zf4i3f26eu] {
    padding: 0 !important;
    overflow:hidden !important;
}

.lpx-topbar-container[b-zf4i3f26eu], .lpx-topbar[b-zf4i3f26eu] {
    display: none !important;
}

.left-form[b-zf4i3f26eu] {
    width: 40% !important;
    padding: 30px;
    border: solid 1px #f2f2f2;
    border-radius: 10px;
} 

.right-form[b-zf4i3f26eu] {
    width: 60% !important;
    padding: 20px;
    display: flex;
    align-items: end;
    background-image: url(https://res.cloudinary.com/malikbanks/image/upload/v1735555879/BT/onboarding-1.jpg);
    background-size: cover;
    border-radius: 0 10px 10px 0;
    justify-content: flex-end;
}

    .right-form-text[b-zf4i3f26eu] {
        font-size: 1rem;
        text-wrap-style: balance;
        text-align: end;
        color: #ffffff;
        line-height: 25px;
        margin: 0;
    }

.right-form-2[b-zf4i3f26eu] {
    width: 60% !important;
    padding: 20px;
    display: flex;
    align-items: end;
    background-image: url(https://res.cloudinary.com/malikbanks/image/upload/v1735562447/BT/onboarding_2.jpg);
    background-size: cover;
    border-radius: 0 10px 10px 0;
    justify-content: flex-end;
}

.right-form-3[b-zf4i3f26eu] {
    width: 60% !important;
    padding: 20px;
    display: flex;
    align-items: end;
    background-image: url(https://res.cloudinary.com/malikbanks/image/upload/v1735652510/BT/onboarding_3.jpg);
    background-size: cover;
    border-radius: 0 10px 10px 0;
    justify-content: flex-end;
}


.brand-multiselect[b-zf4i3f26eu] {
    position: relative;
}

.brand-input[b-zf4i3f26eu] {
    min-height: 42px;
    padding: 5px;
    cursor: pointer;
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
    align-items: center;
}

.brand-dropdown[b-zf4i3f26eu] {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    background: white;
    border: 1px solid #ddd;
    border-radius: 4px;
    max-height: 200px;
    overflow-y: auto;
    z-index: 1000;
}

.brand-option[b-zf4i3f26eu] {
    padding: 8px 12px;
    cursor: pointer;
}

    .brand-option:hover[b-zf4i3f26eu] {
        background-color: #f5f5f5;
    }

.brand-pill[b-zf4i3f26eu] {
    background-color: #e9ecef;
    border-radius: 16px;
    padding: 4px 12px;
    display: flex;
    align-items: center;
    gap: 8px;
}

.remove-brand[b-zf4i3f26eu] {
    cursor: pointer;
    color: #6c757d;
}

    .remove-brand:hover[b-zf4i3f26eu] {
        color: #dc3545;
    }
/* /Components/Comps/PackageCard.razor.rz.scp.css */
.product-container[b-tz4b69u1uj] {
    overflow: hidden;

}

.product-card[b-tz4b69u1uj] {
    margin: 0;
    box-shadow: rgba(0, 0, 0, 0.16) 0 1px 4px;
}

.product-card:hover[b-tz4b69u1uj] {
    cursor: pointer;
    background: rgba(253, 253, 253, 1);
}


/*Product Card -start*/
#caption-overlay[b-tz4b69u1uj] {
    position: absolute;
    z-index: 0;
    top: 0;
    font-weight: 600;
    background: rgba(88, 89, 91, 0.2);
    color: white;
    width: 100%;
}

.product-image-wrapper[b-tz4b69u1uj] {
    height: auto;
}

.product-image[b-tz4b69u1uj] {
    object-fit: scale-down;
    max-height: 100%;
}

.product-title[b-tz4b69u1uj] {
    max-height: 84px;
    display: -webkit-box;

    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    display: flex;

}

.product-title:hover[b-tz4b69u1uj] {
    text-decoration: underline;
    cursor: pointer;
    color: #56555a;
}

.rating-wrapper[b-tz4b69u1uj] {
    height: 40px;

}

.rating[b-tz4b69u1uj] {
    display: block;
    max-width: 5rem;
    height: 1rem;
    background: #eee;
    mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32" ><path fill="%23000" d="M16 2 L20 12 30 12 22 19 25 30 16 23 7 30 10 19 2 12 12 12 Z"/></svg>') 0 0/1rem 1rem;
    -webkit-mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32" ><path fill="%23000" d="M16 2 L20 12 30 12 22 19 25 30 16 23 7 30 10 19 2 12 12 12 Z"/></svg>') 0 0/1rem 1rem;
}

.product-price[b-tz4b69u1uj] {
}

.product-discount[b-tz4b69u1uj] {
    text-decoration: line-through;
}

.product-discount-percentage[b-tz4b69u1uj] {
    margin-left: -6px;
}

.purchase-section[b-tz4b69u1uj] {
    display: flex;
}

.quantity-input[b-tz4b69u1uj] {

    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;

    cursor: default;
    margin: 0;


    border: 1px solid #b7b7b7;
    -webkit-border-radius: var(--input-radius);
    border-radius: var(--input-radius);

    background: rgba(252, 252, 252, 1);
    -webkit-box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.2) inset;
    box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.2) inset;
    text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.66);
    -webkit-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);
    -moz-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);
    -o-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);
    transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);
    width: auto;


}

.quantity-input-control[b-tz4b69u1uj] {
}

.in-stock-text[b-tz4b69u1uj] {
    font-size: 0.7rem;
}

.quantity-input-control:first-child:hover[b-tz4b69u1uj] {
    fill: var(--colour-light-red);
}

.quantity-input-control:last-child:hover[b-tz4b69u1uj] {
    fill: var(--colour-tertiary-green-3);
}

.quantity-input-control svg[b-tz4b69u1uj] {
    height: 19px;
    display: inline;
}

.add-cart-container[b-tz4b69u1uj] {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
   

}

.add-cart svg:hover[b-tz4b69u1uj],
.quantity-input-control svg:hover[b-tz4b69u1uj] {
    cursor: pointer;
    opacity: 0.8;
}

.add-cart svg[b-tz4b69u1uj] {
    height: 29px;
    fill: var(--colour-primary-blue);
}

/*Product Card -end*/


/*Product Listing Section -end*/


/*Responsiveness -start*/
/*tablets and smartphones*/
@media (max-width: 1024px) {

}

/*Smart devices No. 1*/
@media (max-width: 767px) {
    .product-container[b-tz4b69u1uj] {
        flex: 0 0 auto;
        width: 100%;
        /*        background: purple;*/
    }

    .product-title[b-tz4b69u1uj] {
        min-height: 63px;
        display: -webkit-box;

        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }

    .purchase-section .quantity-section[b-tz4b69u1uj] {

        width: 90%;
        position: relative;
    }

    .purchase-section .quantity-section input[b-tz4b69u1uj] {
        display: block;
        width: 90%;
    }

    .add-cart-container[b-tz4b69u1uj] {
    }
}

/*tablets, ipads (landscape)*/
@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
    .product-container[b-tz4b69u1uj] {
        flex: 0 0 auto;
        width: 50%;

    }
}

/*tablets, ipads (portrait) 3*/
@media (min-width: 768px) and (max-width: 1024px) {
    .product-container[b-tz4b69u1uj] {
        flex: 0 0 auto;
        width: 50%;
        /*        background: brown;*/
    }

    .product-title[b-tz4b69u1uj] {
        min-height: 63px;
        display: -webkit-box;

        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }

    .purchase-section .quantity-section[b-tz4b69u1uj] {

        width: 90%;
        position: relative;
    }

    .purchase-section .quantity-section input[b-tz4b69u1uj] {
        display: block;
        width: 90%;
    }

    .add-cart-container[b-tz4b69u1uj] {
    }

}

/*laptop - low res*/
@media (min-width: 1025px) and (max-width: 1281px) {
    .product-container[b-tz4b69u1uj] {
        flex: 0 0 auto;
        width: calc(100% / 3);
        /*        background: red;*/
    }

    .product-title-container[b-tz4b69u1uj] {
        min-height: 84px;
    }

    .product-title[b-tz4b69u1uj] {
        min-height: 63px;
        display: -webkit-box;

        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }

    .purchase-section .quantity-section[b-tz4b69u1uj] {

        width: 90%;
        position: relative;
    }

    .purchase-section .quantity-section input[b-tz4b69u1uj] {
        display: block;
        width: 80%;
    }

    .add-cart-container[b-tz4b69u1uj] {
    }
}

/*laptop - high resolution 4*/

@media screen and (min-width: 1281px) and (max-width: 1440px) {
    .product-container[b-tz4b69u1uj] {
        flex: 0 0 auto;
        width: calc(100% / 3);
        /*        background: green;*/
    }

    .product-title-container[b-tz4b69u1uj] {
        min-height: 84px;
    }

    .product-title[b-tz4b69u1uj] {
        min-height: 63px;
        display: -webkit-box;

        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }

    .purchase-section .quantity-section[b-tz4b69u1uj] {

        width: 90%;
        position: relative;
    }

    .purchase-section .quantity-section input[b-tz4b69u1uj] {
        display: block;
        width: 80%;
    }

    .add-cart-container[b-tz4b69u1uj] {
    }
}

/*desktop 5 -7*/
@media screen and (min-width: 1441px) and (max-width: 1920px) {
    .product-container[b-tz4b69u1uj] {
        flex: 0 0 auto;
        width: calc(100% / 4);
        /*        background: orange;*/
    }

    .product-title-container[b-tz4b69u1uj] {
        min-height: 84px;
    }

    .product-title[b-tz4b69u1uj] {
        min-height: 63px;
        display: -webkit-box;

        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }

    .purchase-section .quantity-section[b-tz4b69u1uj] {

        width: 90%;
        position: relative;
    }

    .purchase-section .quantity-section input[b-tz4b69u1uj] {
        display: block;
        width: 80%;
    }

    .add-cart-container[b-tz4b69u1uj] {
    }
}

@media screen and (min-width: 1921px) {
    .product-container[b-tz4b69u1uj] {
        flex: 0 0 auto;
        width: 33.33333333%;
        /*        background: purple;*/
    }
}

/*Responsiveness -end*/

/*General -start*/

/*General -end*/
/* /Components/Comps/ProductCard.razor.rz.scp.css */
.product-container[b-ywa1hbz74m] {
    overflow: hidden;

}

.product-card[b-ywa1hbz74m] {
    margin: 0;
    box-shadow: rgba(0, 0, 0, 0.16) 0 1px 4px;
}

.product-card:hover[b-ywa1hbz74m] {
    cursor: pointer;
    background: rgba(253, 253, 253, 1);
}


/*Product Card -start*/
#caption-overlay[b-ywa1hbz74m] {
    position: absolute;
    z-index: 0;
    top: 0;
    font-weight: 600;
    background: rgba(88, 89, 91, 0.2);
    color: white;
    width: 100%;
}

.product-image-wrapper[b-ywa1hbz74m] {
    height: auto;
}

.product-image[b-ywa1hbz74m] {
    object-fit: scale-down;
    max-height: 100%;
}

.card-image-parent[b-ywa1hbz74m] {
    background: #f9fcff;
}

.product-title[b-ywa1hbz74m] {
    max-height: 84px;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    display: flex;
}

.product-title:hover[b-ywa1hbz74m] {
    text-decoration: underline;
    cursor: pointer;
    color: #56555a;
}

.rating-wrapper[b-ywa1hbz74m] {
    height: 40px;

}

.rating[b-ywa1hbz74m] {
    display: block;
    max-width: 5rem;
    height: 1rem;
    background: #eee;
    mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32" ><path fill="%23000" d="M16 2 L20 12 30 12 22 19 25 30 16 23 7 30 10 19 2 12 12 12 Z"/></svg>') 0 0/1rem 1rem;
    -webkit-mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32" ><path fill="%23000" d="M16 2 L20 12 30 12 22 19 25 30 16 23 7 30 10 19 2 12 12 12 Z"/></svg>') 0 0/1rem 1rem;
}

.product-price[b-ywa1hbz74m] {
}

.product-discount[b-ywa1hbz74m] {
    text-decoration: line-through;
}

.product-discount-percentage[b-ywa1hbz74m] {
    margin-left: -6px;
}

.purchase-section[b-ywa1hbz74m] {
    display: flex;
}

.quantity-section[b-ywa1hbz74m], .price-section[b-ywa1hbz74m]{
    width: 45%;
}

.quantity-input[b-ywa1hbz74m] {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    cursor: default;
    margin: 0;
    border: 1px solid #b7b7b7;
    -webkit-border-radius: var(--input-radius);
    border-radius: var(--input-radius);
    background: rgba(252, 252, 252, 1);
    -webkit-box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.2) inset;
    box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.2) inset;
    text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.66);
    -webkit-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);
    -moz-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);
    -o-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);
    transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);
    width: 50%;
    color: #0930A9;
    font-weight: bold;

}

.quantity-input-control[b-ywa1hbz74m] {
}

.in-stock-text[b-ywa1hbz74m] {
    font-size: 0.7rem;
}

.quantity-input-control:first-child:hover[b-ywa1hbz74m] {
    fill: var(--colour-light-red);
}

.quantity-input-control:last-child:hover[b-ywa1hbz74m] {
    fill: var(--colour-tertiary-green-3);
}

.quantity-input-control svg[b-ywa1hbz74m] {
    height: 19px;
    display: inline;
}

.add-cart-container[b-ywa1hbz74m] {
    position: absolute;
    top: 0;
    right: 10px;
}

.add-cart svg:hover[b-ywa1hbz74m],
.quantity-input-control svg:hover[b-ywa1hbz74m] {
    cursor: pointer;
    opacity: 0.8;
}

.add-cart svg[b-ywa1hbz74m] {
    height: 29px;
    
}

/*Product Card -end*/


/*Product Listing Section -end*/


/*Responsiveness -start*/
/*tablets and smartphones*/
@media (max-width: 1024px) {

}

/*Smart devices No. 1*/
@media (max-width: 767px) {
    

    .product-title[b-ywa1hbz74m] {
        min-height: 63px;
        display: -webkit-box;

        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }

    .purchase-section .quantity-section[b-ywa1hbz74m] {

        width: 90%;
        position: relative;
    }

    .purchase-section .quantity-section input[b-ywa1hbz74m] {
        display: block;
        width: 90%;
    }

    .add-cart-container[b-ywa1hbz74m] {
    }
}

/*tablets, ipads (landscape)*/
@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
   

}

/*tablets, ipads (portrait) 3*/
@media (min-width: 768px) and (max-width: 1024px) {

    .product-title[b-ywa1hbz74m] {
        min-height: 63px;
        display: -webkit-box;

        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }

    .purchase-section .quantity-section[b-ywa1hbz74m] {

        width: 90%;
        position: relative;
    }

    .purchase-section .quantity-section input[b-ywa1hbz74m] {
        display: block;
        width: 90%;
    }

    .add-cart-container[b-ywa1hbz74m] {
    }

}

/*laptop - low res*/
@media (min-width: 1025px) and (max-width: 1281px) {
    

    .product-title-container[b-ywa1hbz74m] {
        min-height: 84px;
    }

    .product-title[b-ywa1hbz74m] {
        min-height: 63px;
        display: -webkit-box;

        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }

    .purchase-section .quantity-section[b-ywa1hbz74m] {

        width: 90%;
        position: relative;
    }

    .purchase-section .quantity-section input[b-ywa1hbz74m] {
        display: block;
        width: 80%;
    }

    .add-cart-container[b-ywa1hbz74m] {
    }
}

/*laptop - high resolution 4*/

@media screen and (min-width: 1281px) and (max-width: 1440px) {
   

    .product-title-container[b-ywa1hbz74m] {
        min-height: 84px;
    }

    .product-title[b-ywa1hbz74m] {
        min-height: 63px;
        display: -webkit-box;

        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }

    .purchase-section .quantity-section[b-ywa1hbz74m] {

        width: 90%;
        position: relative;
    }

    .purchase-section .quantity-section input[b-ywa1hbz74m] {
        display: block;
        width: 80%;
    }

    .add-cart-container[b-ywa1hbz74m] {
    }
}

/*desktop 5 -7*/
@media screen and (min-width: 1441px) and (max-width: 1920px) {
    

    .product-title-container[b-ywa1hbz74m] {
        min-height: 84px;
    }

    .product-title[b-ywa1hbz74m] {
        min-height: 63px;
        display: -webkit-box;

        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }

    .purchase-section .quantity-section[b-ywa1hbz74m] {

        width: 90%;
        position: relative;
    }

    .purchase-section .quantity-section input[b-ywa1hbz74m] {
        display: block;
        width: 80%;
    }

    .add-cart-container[b-ywa1hbz74m] {
    }
}

@media screen and (min-width: 1921px) {
    
}

/*Responsiveness -end*/

/*General -start*/
.cart-error-popover[b-ywa1hbz74m] {
    position: absolute;

    top: 10px;
    white-space: nowrap;

    box-shadow: rgba(17, 17, 26, 0.1) 0 4px 16px, rgba(17, 17, 26, 0.1) 0 8px 24px, rgba(17, 17, 26, 0.1) 0 16px 56px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 5px 10px;
    border-radius: 5px;
    background: white;
}

.cart-error-popover[b-ywa1hbz74m]::before {
    content: " ";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 10px 10px 10px;
    border-color: transparent transparent #fff transparent;
    position: absolute;
    top: -10px;

}
.k-listview-item[b-ywa1hbz74m] {
    width: 100px;
    margin-bottom: 1.1rem;
}
.custom-item[b-ywa1hbz74m] {
    width: 250px;
    margin-bottom: 1.1rem;
}


/*General -end*/
/* /Components/Comps/SearchBar.razor.rz.scp.css */
.searchbar__root[b-aichaiktwt]{background-color:transparent;border:1px solid rgba(155,155,155,0.2);border-radius:50px;display:flex;flex-direction:column;max-height:80px;min-height:50px;padding:10px;position:relative}
.searchbar__root:focus-within[b-aichaiktwt]{border-color:#3498db}
.searchbar__flexRow[b-aichaiktwt]{align-items:center;column-gap:10px;display:flex;flex-grow:1;min-height:0;position:relative}
.searchbar__flexRow > .search__icon__wrapper[b-aichaiktwt]{display:flex;flex:0 1 16px;flex-direction:column;position:relative}
.searchbar__icon[b-aichaiktwt]{aspect-ratio:1;height:auto;margin:2px 0;min-width:16px;object-fit:cover;object-position:center center;position:relative;vertical-align:top;width:16px}
.searchbar__input_box[b-aichaiktwt]{box-shadow:rgba(50,50,93,0.01) 0 30px 60px -12px inset,rgba(0,0,0,0.01) 0 18px 36px -18px inset;flex:1 0 auto;min-height:20px;min-width:46px;position:relative}
.searchbar__input[b-aichaiktwt]{background-color:transparent;border:0;color:#000;line-height: 1.42;font-size: 14px;letter-spacing:.5px;padding:0;text-align:justify;vertical-align:top;width:100%}
.searchbar__input:focus[b-aichaiktwt]{outline:none}
/* /Components/Comps/ShareListLink.razor.rz.scp.css */
.main-share-list-wrapper[b-q4gi8mays0],.main-share-list-wrapper .share-list-card-wrapper[b-q4gi8mays0]{bottom:0;height:100vh;left:0;overflow:auto;right:0;width:100vw;z-index:var(--share-initial-z-index)}
.main-share-list-wrapper[b-q4gi8mays0]{background:rgba(0,0,0,.5);position:fixed;top:0}
.share-backdrop[b-q4gi8mays0]{bottom:0;height:100%;left:0;position:absolute;right:0;top:0;width:100%;z-index:calc(var(--share-initial-z-index) - 1)}
.main-share-list-wrapper .share-list-card-wrapper[b-q4gi8mays0]{display:flex;position:relative;top:1px}
.main-share-list-wrapper .share-list-card[b-q4gi8mays0]{background-color:var(--white);max-width:700px;min-width:600px}
.main-share-list-wrapper .share-list-card-header[b-q4gi8mays0]{width:100%}
.main-share-list-wrapper .share-header[b-q4gi8mays0]{background-color:transparent;color:var(--black);font-size:var(--font-size-xxxxl);font-style:normal;font-weight:700}
.main-share-list-wrapper .close-card[b-q4gi8mays0]{background-color:transparent;height:35px;width:35px}
.main-share-list-wrapper .close-card:hover[b-q4gi8mays0]{-webkit-filter:invert(100%);cursor:pointer;filter:invert(100%)}
.main-share-list-wrapper .main-list-preview-wrapper[b-q4gi8mays0]{min-width:347px}
.bg-stock[b-q4gi8mays0]{background-color:#eff5ff}
.bg-need[b-q4gi8mays0]{background-color:#fef3f2}
.main-share-list-wrapper .preview-card[b-q4gi8mays0]{background-color:var(--white);border:1px solid #cad5e5;border-radius:7px;box-shadow:2px 2px 21px -8px #00000040;box-sizing:border-box;height:125px;width:347px}
.main-share-list-wrapper .pill-shape[b-q4gi8mays0]{background-color:#e6e7e8;border-radius:43px;padding:5px 10px}
.product-num[b-q4gi8mays0]{color:var(--black);font-size:var(--font-size-m);font-style:normal;font-weight:500;white-space:nowrap}
.main-share-list-wrapper .list-title[b-q4gi8mays0]{color:#58595b;font-size:var(--font-size-xxl);font-weight:700;white-space:normal}
.main-share-list-wrapper .preview-bottom[b-q4gi8mays0]{color:var(--quick-silver)}
.main-share-list-wrapper .ago-dot[b-q4gi8mays0]{font-size:.4rem}
.main-share-list-wrapper .ago-text[b-q4gi8mays0]{font-size:var(--font-size-m);font-style:normal;font-weight:400;white-space:nowrap}
.main-share-list-wrapper .preview-list-icon[b-q4gi8mays0]{background-color:transparent;flex-shrink:1;height:49px;mix-blend-mode:normal;position:relative;width:37px}
.main-share-list-wrapper .new-clean-text[b-q4gi8mays0]{background-color:#2f80ed;color:#eee;font-size:var(--font-size-m);font-style:normal;font-weight:700;text-align:center;white-space:nowrap}
.main-share-list-wrapper .main-share-medium-wrapper[b-q4gi8mays0]{border-radius:59px;box-shadow:2px 2px 20px -3px #00000040;box-sizing:border-box;height:78px;padding:15px 23px}
.main-share-list-wrapper .sub-share-medium-wrapper[b-q4gi8mays0]{background-color:transparent;box-sizing:border-box;height:47px;width:auto}
.main-share-list-wrapper .share-via-email-wrapper[b-q4gi8mays0]{background-color:#005ef6;border-color:#005ef6;border-radius:45px;height:45px;width:116px}
.main-share-list-wrapper .share-via-email-wrapper:hover[b-q4gi8mays0]{-moz-filter:sepia(8%) brightness(77%) saturate(456%) contrast(171%);-webkit-filter:sepia(8%) brightness(77%) saturate(456%) contrast(171%);cursor:pointer;filter:sepia(8%) brightness(77%) saturate(456%) contrast(171%)}
.main-share-list-wrapper .my-subscribers-icon[b-q4gi8mays0],.main-share-list-wrapper .via-email-icon[b-q4gi8mays0]{background-color:transparent;height:29px;width:29px}
.main-share-list-wrapper .via-text[b-q4gi8mays0],.via-tooltip[b-q4gi8mays0]{color:var(--white);font-size:var(--font-size-xl);font-style:normal;font-weight:500;white-space:nowrap}
.via-tooltip[b-q4gi8mays0]{display:none;font-weight:700}
.main-share-list-wrapper .share-via-my-subscribers-wrapper[b-q4gi8mays0]{background-color:#012053;border-color:#012053;border-radius:45px;height:45px;left:0;mix-blend-mode:normal;top:0;width:161px}
.main-share-list-wrapper .share-via-my-subscribers-wrapper:hover[b-q4gi8mays0]{-moz-filter:sepia(3%) brightness(137%) saturate(230%);-webkit-filter:sepia(3%) brightness(137%) saturate(230%);cursor:pointer;filter:sepia(3%) brightness(137%) saturate(230%)}
.share-via-my-subscribers-wrapper[b-q4gi8mays0]{position:relative}
.main-subscribers-wrapper[b-q4gi8mays0]{position:absolute;z-index:calc(var(--share-initial-z-index) + 3)}
.subscribers-backdrop[b-q4gi8mays0]{background:rgba(0,0,0,.35);bottom:0;height:100%;left:0;position:fixed;right:0;top:0;width:100%;z-index:calc(var(--share-initial-z-index) - 1)}
.sub-subscribers-wrapper[b-q4gi8mays0]{max-height:420px;max-width:350px;overflow:auto;position:fixed;transform:translateY(1rem) translateX(-30%);z-index:calc(var(--share-initial-z-index) + 2)}
.list-group-item-action-2:hover[b-q4gi8mays0]{background-color:#005ef6;color:#fff;cursor:pointer}
.subscribers-email-list[b-q4gi8mays0]{font-size:.9rem}
.main-share-list-wrapper .social-icon[b-q4gi8mays0]{height:45px;width:45px}
.main-share-list-wrapper .social-icon:hover[b-q4gi8mays0]{-moz-filter:sepia(8%) brightness(77%) saturate(214%) contrast(171%);-webkit-filter:sepia(8%) brightness(77%) saturate(214%) contrast(171%);cursor:pointer;filter:sepia(8%) brightness(77%) saturate(214%) contrast(171%)}
.main-share-list-wrapper .via-email-header[b-q4gi8mays0]{background-color:transparent;box-sizing:border-box;height:43px;width:auto}
.main-share-list-wrapper .via-email-scaled-icon[b-q4gi8mays0]{height:35px;width:35px}
.main-share-list-wrapper .share-via-email[b-q4gi8mays0]{background-color:transparent;color:var(--outer-space);font-style:normal;font-weight:700;margin-left:9px;mix-blend-mode:normal;white-space:nowrap}
.main-share-list-wrapper .main-inputs-wrapper[b-q4gi8mays0]{background-color:transparent;border:1px solid;border-color:var(--quick-silver);border-radius:10px;height:auto}
.main-share-list-wrapper .share-label[b-q4gi8mays0]{color:var(--outer-space);font-size:var(--font-size-xxxl);font-style:normal;font-weight:500;mix-blend-mode:normal;text-align:left;white-space:nowrap}
.main-share-list-wrapper .share-input-border[b-q4gi8mays0]{background-color:transparent;border:1px solid #dadce0;color:var(--quick-silver);font-size:var(--font-size-xxxl);font-style:normal;font-weight:400}
.main-share-list-wrapper .share-input-border:focus[b-q4gi8mays0]{border-color:#005ef6;color:#58595b}
.main-share-list-wrapper .share-input-border:focus ~ .share-label[b-q4gi8mays0]{color:#005ef6}
.main-share-list-wrapper .email-instruction[b-q4gi8mays0]{color:#fb7777;font-size:var(--font-size-m);font-style:normal;font-weight:500;mix-blend-mode:normal;white-space:nowrap}
.email-send-text[b-q4gi8mays0]{background-color:transparent;color:var(--white);font-style:normal;font-weight:700;white-space:nowrap}
.main-share-list-wrapper .send-email-icon[b-q4gi8mays0]{background-color:transparent;height:24px;left:0;mix-blend-mode:normal;top:3px;width:24px}
.share-backdrop:hover[b-q4gi8mays0],.subscribers-backdrop:hover[b-q4gi8mays0]{cursor:pointer}
@media (max-width: 767px) {
    .share-backdrop[b-q4gi8mays0] {
        display: none
    }

    .share-list-card[b-q4gi8mays0] {
        border-radius: 0 !important
    }

    .mid-wrapper[b-q4gi8mays0] {
        padding: 5px !important
    }

    .main-share-medium-wrapper[b-q4gi8mays0] {
        margin: 1rem 0 !important;
        padding: 1rem .5rem !important
    }
}

@media (min-width: 320px) and (max-width: 480px) {
    .share-list-card[b-q4gi8mays0]{border-radius:0!important;height:100%}
    .mid-wrapper[b-q4gi8mays0]{padding:5px!important}
    .main-share-medium-wrapper[b-q4gi8mays0]{margin:1rem 0!important;padding:1rem .5rem!important}
    .share-via-email-wrapper[b-q4gi8mays0],.share-via-my-subscribers-wrapper[b-q4gi8mays0]{position:relative}
    .share-via-email-wrapper:hover .via-tooltip[b-q4gi8mays0]::after,.share-via-my-subscribers-wrapper:hover .via-tooltip[b-q4gi8mays0]::after{border-color:rgba(50,50,50,.5) transparent transparent;border-style:solid;border-width:.5rem 1rem 0;bottom:-.5rem;content:"";height:0;left:50%;position:absolute;transform:translateX(-50%);width:0}
    .share-via-email-wrapper:hover .via-tooltip[b-q4gi8mays0],.share-via-my-subscribers-wrapper:hover .via-tooltip[b-q4gi8mays0]{background:inherit;box-shadow:rgba(0,0,0,.1) 0 0 5px 0,rgba(0,0,0,.1) 0 0 1px 0;display:block;padding:.5rem;position:absolute;top:-2.5rem}
    .share-backdrop[b-q4gi8mays0],.via-text[b-q4gi8mays0]{display:none}
}
.main-email-wrapper[b-q4gi8mays0]{position:relative}
.main-email-wrapper:focus-within[b-q4gi8mays0]::after,.main-email-wrapper:hover[b-q4gi8mays0]::after{background:#fff;content:"Recipients : (press enter to add more emails)";font-size:11px;left:13px;line-height:15px;position:absolute;top:-.5rem}
.email-wrapper[b-q4gi8mays0]{border:1px solid #dadce0;border-radius:.375rem;box-sizing:border-box;display:inline-flex;flex-direction:row;flex-wrap:wrap;max-height:150px;overflow-y:auto;padding:.3em .6em;position:relative;width:100%}
.email-wrapper:focus-within[b-q4gi8mays0]{border-color:#1967d2}
.email-wrapper:focus-within + .circle-email-addresses[b-q4gi8mays0]{border-radius:.375rem;box-shadow:rgba(0,0,0,0.16) 0 1px 4px;display:block;max-height:209px;overflow:auto;position:absolute;z-index:1052}
.email-input[b-q4gi8mays0]{width:inherit}
.email-input[b-q4gi8mays0]::placeholder{color:#289aff}
.email-input[b-q4gi8mays0],.email-input:focus-visible[b-q4gi8mays0]{border:none;outline:none;padding:2px 10px}
.email-pill[b-q4gi8mays0]{background-color:#fff;border-color:#dadce0;border-radius:199px;border-style:solid;border-width:1px;font-family:Roboto,Arial,sans-serif;font-size:.875rem;font-weight:500;height:32px;letter-spacing:.0178571429em;line-height:1.25rem;margin:1px 2px;max-width:calc(100% - 1px);padding:5px 5px 5px 10px;width:fit-content}
.email-pill:hover[b-q4gi8mays0]{background:#d6eeff;color:#0d439b;cursor:pointer}
.sharelink-icon[b-q4gi8mays0]{height:var(--link-icon-size);position:relative;width:var(--link-icon-size);--link-icon-size:25px}
.sharelink-icon:hover[b-q4gi8mays0]{background:#d6eeff;color:#0d439b;cursor:pointer;font-weight:500}
.receiver-email:hover + .email-pill:hover[b-q4gi8mays0]{background:green}
.circle-email-addresses[b-q4gi8mays0]{display:none;max-height:0;overflow-y:hidden;transition:height .5s cubic-bezier(0.5,0,0.75,0) 0s}
.email-tooltip-wrapper[b-q4gi8mays0]{background:#ECF4FF;border-radius:5px;box-shadow:rgba(0,0,0,0.15) 1.95px 1.95px 2.6px;color:#fb7777;padding:5px 10px;position:absolute;top:2rem;white-space:nowrap}
.email-tooltip-wrapper[b-q4gi8mays0]:before{border-color:transparent transparent #ECF4FF;border-style:solid;border-width:0 1rem .5rem;content:"";height:0;left:50%;position:absolute;top:-.5rem;transform:translateX(-50%);width:0}
.form-check-input:checked[b-q4gi8mays0]{border-color:#005EF6!important}
.share-loader-wrapper[b-q4gi8mays0]{height:504.781px;width:650px}
/* /Components/Comps/StockAnalytics.razor.rz.scp.css */
.no-border[b-ulp1x7lljd] {
    border: none;
}

.notes-pill[b-ulp1x7lljd] {
    border-radius: 4px;
    background-color: rgba(255, 255, 255, 0.26);
    color: #ffffff;
}

.header-card[b-ulp1x7lljd] {
    background-image: url(https://res.cloudinary.com/malikbanks/image/upload/v1676985124/stock-bg.svg);
    margin-bottom: -120px;
    letter-spacing: 1px;
}

.details-available[b-ulp1x7lljd] {
    background-color: rgba(4, 154, 75, 0.2);
    color: #049A4B;
    text-align: center;
}

.exp-btn[b-ulp1x7lljd] {
    font-size: 0.875rem;
    font-weight: 500;
    padding: 0.5rem 1rem;
    height: auto;
    line-height: 1.25rem;
    min-height: 2.25rem;
    min-width: 2.25rem;
    letter-spacing: 1.25px;
    text-transform: uppercase;
    border-radius: var(--rz-button-border-radius) !important;
    box-shadow: none !important;
    border: none !important;
    color: #0c1e5b;
}

.rz-spinner-up[b-ulp1x7lljd] {
    margin: 0 !important;
}

.rz-spinner-down[b-ulp1x7lljd] {
    margin: 0 !important;
}

.details-sold[b-ulp1x7lljd] {
    background: rgba(220, 5, 5, 0.2);
    color: #DC0505;
    text-align: center;
}

.table.stock-table thead th[b-ulp1x7lljd] {
    background-color: #CAD5E5;
    color: black;
    font: 22px 700;
    text-transform: capitalize !important;
}

.table.stock-table td[b-ulp1x7lljd] {
    padding: 20px;
}

.nav-underline .nav-link.active[b-ulp1x7lljd], .nav-underline .show > .nav-link[b-ulp1x7lljd] {
    font-weight: 700;
    color: #172671;
    border-bottom: 2px solid #172671;
}

.stat-number-main-wrapper[b-ulp1x7lljd] {
    display: grid;
    grid-template-columns: repeat(4,1fr);
    grid-template-rows: 1fr;
    grid-gap: 15px;
}
/* /Components/Comps/TradingChat.razor.rz.scp.css */
.text-xxxxs[b-4ef8jhxgft] {
    font-size: 0.375rem;
}

/* Extra Extra Extra Extra Small */
.text-xxxs[b-4ef8jhxgft] {
    font-size: 0.5rem;
}

/* Extra Extra Extra Small */
.text-xxs[b-4ef8jhxgft] {
    font-size: 0.625rem;
}

/* Extra Extra Small */
.text-xs[b-4ef8jhxgft] {
    font-size: 0.75rem;
}

/* Extra Small */
.text-sm[b-4ef8jhxgft] {
    font-size: 0.875rem;
}

/* Small */
.text-base[b-4ef8jhxgft] {
    font-size: 1rem;
}

/* Base */
.text-lg[b-4ef8jhxgft] {
    font-size: 1.125rem;
}

/* Large */
.text-xl[b-4ef8jhxgft] {
    font-size: 1.25rem;
}

/* Extra Large */
.text-2xl[b-4ef8jhxgft] {
    font-size: 1.5rem;
}

/* 2 Extra Large */
.text-3xl[b-4ef8jhxgft] {
    font-size: 1.875rem;
}

/* 3 Extra Large */
.text-4xl[b-4ef8jhxgft] {
    font-size: 2.25rem;
}

/* 4 Extra Large */
.text-5xl[b-4ef8jhxgft] {
    font-size: 3rem;
}

/* 5 Extra Large */
.text-6xl[b-4ef8jhxgft] {
    font-size: 4rem;
}

/* 6 Extra Large */
.text-7xl[b-4ef8jhxgft] {
    font-size: 5rem;
}

/* 7 Extra Large */
.chat-container[b-4ef8jhxgft] {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-align-content: stretch;
    align-content: stretch;
    -webkit-align-items: stretch;
    align-items: stretch;
    max-height: 620px;
    border-radius: 5px;
    padding: 0 5px;
    background: white;
}

.status-bar[b-4ef8jhxgft] {
    -webkit-order: 0;
    order: 0;
    -webkit-flex: 0 1 68px;
    flex: 0 1 68px;
    -webkit-align-self: auto;
    align-self: auto;
    padding: 0 5px;

    border-bottom: 1px solid #d0d5d9;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.chat-area[b-4ef8jhxgft] {
    -webkit-order: 0;
    order: 0;
    -webkit-flex: 1 1 400px;
    flex: 1 1 400px;
    -webkit-align-self: auto;
    align-self: auto;
    padding: 0 10px;
    overflow-y: auto;
}

.message-area[b-4ef8jhxgft] {
    -webkit-order: 0;
    order: 0;
    -webkit-flex: 0 1 48px;
    flex: 0 1 48px;
    -webkit-align-self: auto;
    align-self: auto;

    border-top: 1px solid #d0d5d9;

}

.chat-avatar img[b-4ef8jhxgft] {
    --avatar-size: 40px;
    width: var(--avatar-size);
    height: var(--avatar-size);
    border-radius: 50%;
    object-fit: cover;
    border: 2px solid #d5dce3;
}

.chat-status-more[b-4ef8jhxgft] {
    --avatar-size: 40px;
    width: var(--avatar-size);
    height: var(--avatar-size);
    border-radius: 50%;
    object-fit: cover;
    border: 2px solid #ffffff;
    background-color: #d5dce3;
    color: #a3a2a2;
    font-size: 1rem;
    font-weight: 800;
    display: flex;
    justify-content: center;
    align-items: center;
}

.chat-status-more:hover[b-4ef8jhxgft] {
    background-color: #a3a2a2;
    color: #ffffff;
    cursor: pointer;
}

.message-area[b-4ef8jhxgft] {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-content: center;
    align-content: center;
    -webkit-align-items: center;
    align-items: center;
    gap: 10px;
}

.message-area-attachment[b-4ef8jhxgft] {
    -webkit-order: 0;
    order: 0;
    -webkit-flex: 0 1 auto;
    flex: 0 1 auto;
    -webkit-align-self: auto;
    align-self: auto;
}

.message-area-input-field[b-4ef8jhxgft] {
    -webkit-order: 0;
    order: 0;
    -webkit-flex: 1 1 auto;
    flex: 1 1 auto;
    -webkit-align-self: auto;
    align-self: auto;
}

.message-area-input-field input[b-4ef8jhxgft] {
    width: 100%;
    height: 100%;
    border: none;
    outline: none;
    padding: 0 10px;
    font-size: 1rem;
    font-weight: 500;
    /*allow input to increase height for each line*/
    resize: none;

}

.message-area-send[b-4ef8jhxgft] {
    -webkit-order: 0;
    order: 0;
    -webkit-flex: 0 1 auto;
    flex: 0 1 auto;
    -webkit-align-self: auto;
    align-self: auto;
}

.message-area-attachment:hover[b-4ef8jhxgft], .message-area-send:hover[b-4ef8jhxgft] {
    cursor: pointer;
}

.chat-bubble-area[b-4ef8jhxgft] {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-content: stretch;
    align-items: stretch;
    overflow-y: auto;
    padding: 5px 5px 0 5px;
    gap: 10px;

}

.chat-bubble-area[b-4ef8jhxgft]::-webkit-scrollbar {
    width: 5px;
}

.chat-bubble-area[b-4ef8jhxgft]::-webkit-scrollbar-track {
    background: #f1f1f1;
}

.chat-bubble-area[b-4ef8jhxgft]::-webkit-scrollbar-thumb {
    background: #888;
}

.chat-bubble-area[b-4ef8jhxgft]::-webkit-scrollbar-thumb:hover {
    background: #555;
}

.chat-bubble[b-4ef8jhxgft] {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-content: stretch;
    align-items: flex-start;
    gap: 10px;
' margin-right: 90 px;
    margin-left: 0;
}

.chat-bubble-content[b-4ef8jhxgft] {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-content: stretch;
    align-items: flex-start;
    gap: 5px;
    padding: 5px 10px;
    border-radius: 5px;
    background-color: #eceaea;
}

.chat-bubble-content p[b-4ef8jhxgft] {
    margin: 0;
}

.chat-bubble-content p:last-child[b-4ef8jhxgft] {
    margin-bottom: 0;
}

.chat-bubble-content .chat-bubble-time[b-4ef8jhxgft] {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-end;
    align-content: stretch;
    align-items: flex-end;
    gap: 5px;
}

.chat-bubble-content .chat-bubble-time p[b-4ef8jhxgft] {
    margin: 0;
}

.chat-bubble-content .chat-bubble-time p:last-child[b-4ef8jhxgft] {
    margin-bottom: 0;
}

.chat-bubble.mine[b-4ef8jhxgft] {
    flex-direction: row-reverse;
    margin-left: 90px;
    margin-right: 0;
}

.chat-bubble.mine .chat-bubble-content[b-4ef8jhxgft] {
    background-color: var(--royal-blue-200);
    color: #486294;
}

.chat-date-divider[b-4ef8jhxgft] {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-content: stretch;
    align-items: center;
    gap: 5px;
}

.chat-date-divider p[b-4ef8jhxgft] {
    margin: 0;
}

.chat-date-divider p:last-child[b-4ef8jhxgft] {
    margin-bottom: 0;
}
/* /Pages/Index.razor.rz.scp.css */
/* Write here your styles for the Index page */
/* /Pages/InviteUser.razor.rz.scp.css */
#main-referral-page[b-1z3jm352rn] {
    min-height: 800px;
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: 1.5fr 0.5fr;
    gap: 0 0;
    grid-template-areas: 
    "."
    ".";

}

#top-referral-section[b-1z3jm352rn] {
    width: 100%;

    overflow: hidden;
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: auto auto;

    grid-template-areas:
        "."
        ".";

}

#top-referral-card[b-1z3jm352rn] {
    width: 100%;
    background: linear-gradient(135deg, rgb(29, 70, 139) 0%, rgb(28, 99, 217) 100%);
}

#referral-description[b-1z3jm352rn] {
}


#referral-ribbon[b-1z3jm352rn] {
}

#ribbon[b-1z3jm352rn] {
    background: #2AC475;
    height: 90%;
    border-radius: 0 0 0.4rem 0.4rem;
    box-shadow: rgba(60, 64, 67, 0.3) 0 1px 2px 0, rgba(60, 64, 67, 0.15) 0 1px 3px 1px;
}

#ribbon-point[b-1z3jm352rn] {
    font-size: 3rem;
    font-weight: 900;
    padding: 0;
}

#ribbon-name[b-1z3jm352rn] {
    font-size: 1rem;
    font-weight: 500;
}

#bottom-referral-card[b-1z3jm352rn] {

    width: 100%;
    background: white;
}


#copy-link-text[b-1z3jm352rn] {
}

#copy-link-copy[b-1z3jm352rn] {
}

#copy-link-copy #copy-link[b-1z3jm352rn] {
    border-radius: 100px 0 0 100px;
    border: 2px solid grey;
    border-right: unset;
}

#copy-link-copy #copy-btn[b-1z3jm352rn] {
    border-radius: 0 100px 100px 0;
    background: #2AC475;
}

#copy-link-copy #copy-btn:hover[b-1z3jm352rn] {
    font-weight: 700 !important;

}

#copy-link-share[b-1z3jm352rn] {

    height: 50%;
    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: max-content;
    grid-auto-rows: 1fr;
    grid-column-gap: 15px;
    grid-template-areas:
        ".";
    justify-content: center;
}

.social-pill[b-1z3jm352rn] {
    border-radius: 100px;
    width: 186px;
    font-size: 1rem;
}

.social-pill:hover[b-1z3jm352rn] {
    cursor: pointer;
    font-weight: 700;
}

.inset-hover:hover[b-1z3jm352rn] {
    box-shadow: rgba(50, 50, 93, 0.25) 0 30px 60px -12px inset, rgba(0, 0, 0, 0.3) 0 18px 36px -18px inset;
}

#email-popover[b-1z3jm352rn] {
    position: absolute;
    z-index: calc(var(--bs-backdrop-zindex) + 1);
}

.popover-content[b-1z3jm352rn] {
    background: white;
    z-index: calc(var(--bs-backdrop-zindex) + 1);
}

#bottom-referral-section[b-1z3jm352rn] {


}

.stat-card[b-1z3jm352rn] {
    background: white;
    width: 25%;
    padding: 10px;
}

.stat-img[b-1z3jm352rn] {

}

.stat-img img[b-1z3jm352rn] {
    height: 150px;
    object-fit: scale-down;
}
/* /Pages/InvoiceByUser.razor.rz.scp.css */
#main-referral-page[b-hytp91uceb] {
    min-height: 800px;
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: 1.5fr 0.5fr;
    gap: 0 0;
    grid-template-areas: 
    "."
    ".";

}

#top-referral-section[b-hytp91uceb] {
    width: 100%;

    overflow: hidden;
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: auto auto;

    grid-template-areas:
        "."
        ".";

}

#top-referral-card[b-hytp91uceb] {
    width: 100%;
    background: linear-gradient(135deg, rgb(29, 70, 139) 0%, rgb(28, 99, 217) 100%);
}

#referral-description[b-hytp91uceb] {
}


#referral-ribbon[b-hytp91uceb] {
}

#ribbon[b-hytp91uceb] {
    background: #2AC475;
    height: 90%;
    border-radius: 0 0 0.4rem 0.4rem;
    box-shadow: rgba(60, 64, 67, 0.3) 0 1px 2px 0, rgba(60, 64, 67, 0.15) 0 1px 3px 1px;
}

#ribbon-point[b-hytp91uceb] {
    font-size: 3rem;
    font-weight: 900;
    padding: 0;
}

#ribbon-name[b-hytp91uceb] {
    font-size: 1rem;
    font-weight: 500;
}

#bottom-referral-card[b-hytp91uceb] {

    width: 100%;
    background: white;
}


#copy-link-text[b-hytp91uceb] {
}

#copy-link-copy[b-hytp91uceb] {
}

#copy-link-copy #copy-link[b-hytp91uceb] {
    border-radius: 100px 0 0 100px;
    border: 2px solid grey;
    border-right: unset;
}

#copy-link-copy #copy-btn[b-hytp91uceb] {
    border-radius: 0 100px 100px 0;
    background: #2AC475;
}

#copy-link-copy #copy-btn:hover[b-hytp91uceb] {
    font-weight: 700 !important;

}

#copy-link-share[b-hytp91uceb] {

    height: 50%;
    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: max-content;
    grid-auto-rows: 1fr;
    grid-column-gap: 15px;
    grid-template-areas:
        ".";
    justify-content: center;
}

.social-pill[b-hytp91uceb] {
    border-radius: 100px;
    width: 186px;
    font-size: 1rem;
}

.social-pill:hover[b-hytp91uceb] {
    cursor: pointer;
    font-weight: 700;
}

.inset-hover:hover[b-hytp91uceb] {
    box-shadow: rgba(50, 50, 93, 0.25) 0 30px 60px -12px inset, rgba(0, 0, 0, 0.3) 0 18px 36px -18px inset;
}

#email-popover[b-hytp91uceb] {
    position: absolute;
    z-index: calc(var(--bs-backdrop-zindex) + 1);
}

.popover-content[b-hytp91uceb] {
    background: white;
    z-index: calc(var(--bs-backdrop-zindex) + 1);
}

#bottom-referral-section[b-hytp91uceb] {


}

.stat-card[b-hytp91uceb] {
    background: white;
    width: 25%;
    padding: 10px;
}

.stat-img[b-hytp91uceb] {

}

.stat-img img[b-hytp91uceb] {
    height: 150px;
    object-fit: scale-down;
}
/* /Pages/LTProductInfos.razor.rz.scp.css */
.datagrid-detail .table-responsive[b-ivhem59a9z] {
    min-height: inherit !important;
}

.datagrid-detail .tab-content[b-ivhem59a9z] {
    padding-top: 0px !important;
}
/* /Pages/MarketPlace/BrandsPage.razor.rz.scp.css */



/* /Pages/MarketPlace/Header.razor.rz.scp.css */



/* /Pages/MarketPlace/Homepage.razor.rz.scp.css */



/* /Pages/MarketPlace/PackageDetails.razor.rz.scp.css */
.main-product-details-wrapper[b-297jwl2auo] {
    height: calc(100vh - (1.25em + 3em + 0.5rem));
    overflow-y: auto
}

.top-product-image[b-297jwl2auo] {
    margin-bottom: 10px;
    display: flex;
    justify-content: space-between
}

.top-product-image .image-control[b-297jwl2auo] {
    font-size: 3rem
}

.product-image-wrapper[b-297jwl2auo] {
    padding: 5px;
    height: 100%
}

.product-image[b-297jwl2auo] {
    height: 530px;
    object-fit: cover;
    animation: fade-in-b-297jwl2auo 1s cubic-bezier(0.5, 0, 0.75, 0) 0s 1 normal forwards
}

@keyframes fade-in-b-297jwl2auo {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

.bottom-product-image[b-297jwl2auo] {
    height: 150px;
    display: flex;
    justify-content: space-between;
    overflow-y: visible;
    font-size: 1rem
}

.image-control[b-297jwl2auo] {
    background: rgba(68, 68, 70, 0.0);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 20px
}

.image-control:hover[b-297jwl2auo] {
    cursor: pointer;
    background: rgba(68, 68, 70, 0.5);
    color: #fff
}

.thumb-product-image-wrapper[b-297jwl2auo] {
    display: flex;
    overflow-x: auto;
    overflow-y: visible;
}

.thumb-product-image[b-297jwl2auo] {
    height: 100%;
    width: 140px;
}

.thumb-product-image:hover[b-297jwl2auo] {
    cursor: pointer
}

#product-heading[b-297jwl2auo] {
    font-size: 2.5rem;
    font-weight: 700
}

.product-details-header[b-297jwl2auo] {
    display: block
}

.product-details-header-value[b-297jwl2auo] {
    font-size: 1.5rem;
    font-weight: 700
}

#barcode-image[b-297jwl2auo] {
    height: 70px;
    object-fit: contain
}

.product-details-quantity[b-297jwl2auo] {
    display: inline-block;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    padding: 10px 20px;
    border: 1px solid #b7b7b7;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    font-size: 1.2rem;
    text-overflow: clip;
    background: rgba(252, 252, 252, 1);
    -webkit-box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.2) inset;
    box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.2) inset;
    text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.66);
    -webkit-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);
    -moz-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);
    -o-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);
    transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);
    width: 100%
}

.product-details-quantity:focus[b-297jwl2auo] {
    border: 1px solid #005EF6
}

.product-details-add-cart[b-297jwl2auo] {
    width: 100%;
    display: inline-block;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    cursor: pointer;
    padding: 10px 20px;
    border: none;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    font-size: 1.2rem;
    font-weight: 700;
    color: rgba(255, 255, 255, 0.9);
    -o-text-overflow: clip;
    text-overflow: clip;
    background-image: linear-gradient(195deg, #49a3f1, #1a73e8);
    background-color: initial;
    -webkit-box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.2);
    text-shadow: -1px -1px 0 rgba(15, 73, 168, 0.66);
    -webkit-transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1);
    -moz-transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1);
    -o-transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1);
    transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1)
}

.product-details-purchase[b-297jwl2auo] {
    font-size: 2em
}

table[b-297jwl2auo],
table *[b-297jwl2auo] {
    position: relative
}

.table100-head th[b-297jwl2auo],
tbody tr[b-297jwl2auo] {
    line-height: 1.2;
    font-weight: unset
}

.avatar[b-297jwl2auo],
table[b-297jwl2auo] {
    overflow: hidden
}

table[b-297jwl2auo] {
    border-spacing: 1px;
    border-collapse: collapse;
    background: #fff;
    width: 100%;
    margin: 0 auto
}

table td[b-297jwl2auo],
table th[b-297jwl2auo] {
    padding-left: 8px;
    text-align: left;
    border-right: 1px solid #cbcbcb
}

table thead tr[b-297jwl2auo] {
    height: 60px;
    background: #e7e8e8;
    background: linear-gradient(90deg, #e7e8e8 0, #dadadb 100%);
    background: -moz-linear-gradient(90deg, #e7e8e8 0, #dadadb 100%);
    background: -webkit-linear-gradient(90deg, #e7e8e8 0, #dadadb 100%);
    box-shadow: rgba(9, 30, 66, .25) 0 1px 1px, rgba(9, 30, 66, .13) 0 0 1px 1px
}

table tbody tr[b-297jwl2auo] {
    height: 50px
}

table tbody tr:last-child[b-297jwl2auo] {
    border: 0
}

table td:first-child[b-297jwl2auo],
table th:first-child[b-297jwl2auo] {
    border-left: 1px solid #cbcbcb;
    padding-left: 20px
}

table td.r[b-297jwl2auo],
table th.r[b-297jwl2auo] {
    text-align: right
}

table td.c[b-297jwl2auo],
table th.c[b-297jwl2auo] {
    text-align: center
}

.table100-head th[b-297jwl2auo] {
    font-size: 18px
}

tbody tr:nth-child(odd)[b-297jwl2auo] {
    background-color: #e6e7e8
}

tbody tr[b-297jwl2auo] {
    font-size: 15px;
    color: gray
}

tbody tr:hover[b-297jwl2auo] {
    color: #555;
    background-color: #cbcbcb;
    cursor: pointer
}

table td:last-child[b-297jwl2auo],
table th:last-child[b-297jwl2auo] {
    padding-right: 20px
}

.avatar[b-297jwl2auo] {
    color: #fff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 1rem;
    border-radius: 5px;
    height: 48px;
    width: 48px;
    transition: .2s ease-in-out
}

.avatar img[b-297jwl2auo] {
    object-fit: scale-down;
    height: 100%
}

.me-3[b-297jwl2auo] {
    margin-right: 1rem !important
}

.sort-icon[b-297jwl2auo] {
    font-size: .9rem;
    color: #fff
}

.sort-icon .active[b-297jwl2auo],
.sort-icon > :hover[b-297jwl2auo] {
    cursor: pointer;
    color: #005ef6;
    font-size: 1rem
}

.btn-primary-gradient[b-297jwl2auo] {
    background-image: linear-gradient(195deg, #49a3f1, #1a73e8);
    background-position-y: initial;
    background-repeat: initial;
    background-attachment: initial;
    background-origin: initial;
    background-clip: initial;
    background-color: initial;
    color: #fff
}

.input-group-append > :last-child[b-297jwl2auo] {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.back-to[b-297jwl2auo],
.bottom-product-image .image-control[b-297jwl2auo] {
    font-size: 1.5rem
}

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

    table td:first-child[b-297jwl2auo],
    table th:first-child[b-297jwl2auo] {
        border-left: 0 solid #cbcbcb
    }

    table td[b-297jwl2auo],
    table th[b-297jwl2auo] {
        border-right: 0 solid #cbcbcb
    }

    table thead[b-297jwl2auo] {
        display: none
    }

    table tbody tr[b-297jwl2auo] {
        height: auto;
        padding: 37px 0
    }

    table tbody tr td[b-297jwl2auo] {
        margin-bottom: 24px
    }

    table tbody tr td:last-child[b-297jwl2auo] {
        margin-bottom: 0
    }

    table tbody tr td[b-297jwl2auo]:before {
        font-size: 14px;
        color: #999;
        line-height: 1.2;
        font-weight: unset;
        position: absolute;
        width: 40%;
        left: 30px;
        top: 0
    }

    tbody tr[b-297jwl2auo] {
        font-size: 14px
    }

    .mobile-flex[b-297jwl2auo] {
        display: flex;
        justify-content: space-between;
        padding: .2rem 2rem !important;
        text-align: left
    }

    table[b-297jwl2auo],
    table td[b-297jwl2auo],
    table th[b-297jwl2auo],
    table tr[b-297jwl2auo],
    table > *[b-297jwl2auo] {
        display: block
    }
}

@media (max-width: 576px) {
    .container-table100[b-297jwl2auo] {
        padding-left: 15px;
        padding-right: 15px
    }
}

@media (min-width: 576px) {
    .main-pagination-container[b-297jwl2auo] {
        flex-direction: row;
        -webkit-box-align: center;
        align-items: center
    }

    .pagination-results[b-297jwl2auo] {
        margin-bottom: 0
    }
}

@media (min-width: 0px) {
    .main-pagination-container[b-297jwl2auo] {
        flex-direction: column;
        align-items: flex-start;
        display: flex;
        -webkit-box-pack: justify;
        justify-content: space-between;
        padding: 24px;
        opacity: 1;
        background: 0 0;
        color: #344767;
        box-shadow: none
    }

    .pagination-pages[b-297jwl2auo],
    .pagination-results[b-297jwl2auo] {
        opacity: 1;
        background: 0 0;
        color: #344767;
        box-shadow: none
    }

    .pagination-results[b-297jwl2auo] {
        margin-bottom: 24px
    }

    .pagination-pages[b-297jwl2auo] {
        display: flex;
        -webkit-box-pack: end;
        justify-content: flex-end;
        -webkit-box-align: center;
        align-items: center;
        list-style: none
    }

    .pagination-control[b-297jwl2auo],
    .pagination-control-active[b-297jwl2auo] {
        box-sizing: border-box;
        -webkit-tap-highlight-color: transparent;
        outline: 0;
        cursor: pointer;
        vertical-align: middle;
        appearance: none;
        text-decoration: none;
        letter-spacing: .02857em;
        background-position-y: initial;
        background-repeat: initial;
        background-attachment: initial;
        background-origin: initial;
        background-clip: initial;
        padding: .6875rem .6875rem .625rem;
        margin: 0 .125rem;
        width: 2.25rem;
        min-width: 2.25rem;
        height: 2.25rem;
        min-height: 2.25rem;
        background-size: 150% !important;
        background-position-x: 25% !important;
        font: 400 .875rem Roboto, Helvetica, Arial, sans-serif
    }

    .pagination-control-active[b-297jwl2auo] {
        position: relative;
        border: 0 #dee2e6;
        background-image: linear-gradient(195deg, #49a3f1, #1a73e8);
        background-color: initial;
        color: #fff;
        box-shadow: rgba(26 115 232 .15) 0 .1875rem .1875rem 0, rgba(26 115 232 .2) 0 .1875rem .0625rem -.125rem, rgba(26 115 232 .15) 0 .0625rem .3125rem 0;
        border-radius: 10rem;
        pointer-events: none
    }

    .css-w0pj6f[b-297jwl2auo] {
        overflow: hidden;
        pointer-events: none;
        position: absolute;
        z-index: 0;
        inset: 0;
        border-radius: inherit
    }

    .center-control[b-297jwl2auo] {
        display: inline-flex;
        -webkit-box-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        align-items: center;
        line-height: 1.4;
        text-align: center;
        text-transform: uppercase;
        user-select: none;
        transition: 150ms ease-in
    }

    .pagination-control[b-297jwl2auo] {
        position: relative;
        border: 1px solid #dee2e6;
        background-image: initial;
        background-color: transparent;
        color: #7b809a;
        border-radius: 10rem;
        pointer-events: auto
    }
}
/* /Pages/MarketPlace/ProductDetails.razor.rz.scp.css */
.back-to[b-uluy9v1m6e] {
    font-size: 1.5rem;
}

.lpx-content-wrapper[b-uluy9v1m6e] {
    background-color: #ffffff !important;
}

.main-product-details-wrapper[b-uluy9v1m6e] {
    height: calc(100vh - (1.25em + 3em + 0.5rem));
    overflow-y: auto;
    overflow-x: hidden;
    position: relative;
    background-color: #ffffff;
}

.product-main-container[b-uluy9v1m6e] {
    display: grid;
    grid-template-columns: 0.9fr 1.1fr;
    grid-auto-rows: max-content; 
    grid-gap: 10px;
    grid-auto-flow: row;
    grid-template-areas:
        ". .";
}

@media all and (-ms-high-contrast: none) {
    .product-main-container[b-uluy9v1m6e] {
        display: -ms-grid;
        -ms-grid-columns: 0.9fr 1.1fr;
        -ms-grid-rows: 1fr;
    }

}

.top-product-image .image-control[b-uluy9v1m6e] {
    font-size: 3rem;

}

.product-image-wrapper[b-uluy9v1m6e] {
    padding: 5px;
    height: 100%;
}


.product-image[b-uluy9v1m6e] {
    height: 300px;
    object-fit: contain;
}

.bottom-product-image[b-uluy9v1m6e] {
    height: 150px;
    display: flex;
    justify-content: space-between;
    overflow-y: visible;
}

.image-control[b-uluy9v1m6e] {
    background: rgba(68, 68, 70, 0.0);
    display: flex;
    align-items: center;
    justify-content: center;

    padding: 0 20px;
}

.image-control:hover[b-uluy9v1m6e] {
    cursor: pointer;
    background: rgba(68, 68, 70, 0.5);
    color: white;
}


.bottom-product-image[b-uluy9v1m6e] {
    display: flex;
    font-size: 1rem;
}

.bottom-product-image .image-control[b-uluy9v1m6e] {
    font-size: 1.5rem;

}

.thumb-product-image-wrapper[b-uluy9v1m6e] {
    display: flex;
    overflow-x: auto;
    overflow-y: visible;
}

.thumb-product-image[b-uluy9v1m6e] {
    height: 100%;
}

.thumb-product-image:hover[b-uluy9v1m6e] {
    cursor: pointer;
}


#product-heading[b-uluy9v1m6e] {
    font-size: 24px;
    font-weight: 700;

}

.product-details-header[b-uluy9v1m6e] {
    display: block;
}

.product-price[b-uluy9v1m6e] {
    font-size: 1.5rem;
    font-weight: 700;
}

/*#barcode-image {
    height: 70px;
    object-fit: contain;
    position: absolute;
    top: 17px;
}*/

.product-details-quantity[b-uluy9v1m6e] {
    display: inline-block;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    padding: 10px 20px;
    border: 1px solid #b7b7b7;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    font-size: 1.2rem;
    text-overflow: clip;
    background: rgba(252, 252, 252, 1);
    -webkit-box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.2) inset;
    box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.2) inset;
    text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.66);
    -webkit-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);
    -moz-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);
    -o-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);
    transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);
    width: 100%;
}

.product-details-quantity:focus[b-uluy9v1m6e] {
    border: 1px solid #005EF6;
}

/*.product-details-add-cart {
    width: 100%;
    display: inline-block;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    cursor: pointer;
    padding: 10px 20px;
    border: 1px solid #018dc4;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    font-size: 1.2rem;
    font-weight: bold;
    color: rgba(255, 255, 255, 0.9);
    -o-text-overflow: clip;
    text-overflow: clip;
    background: #005EF6;
    -webkit-box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.2);
    text-shadow: -1px -1px 0 rgba(15, 73, 168, 0.66);
    -webkit-transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1);
    -moz-transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1);
    -o-transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1);
    transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1);
}
*/
.quantity-input[b-uluy9v1m6e] {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    cursor: default;
    margin: 0;
    border: 1px solid #b7b7b7;
    -webkit-border-radius: var(--input-radius);
    border-radius: var(--input-radius);
    background: rgba(252, 252, 252, 1);
    -webkit-box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.2) inset;
    box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.2) inset;
    text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.66);
    -webkit-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);
    -moz-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);
    -o-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);
    transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);
    width: 50%;
    color: #0930A9;
    font-weight: bold;
}

.quantity-section[b-uluy9v1m6e], .price-section[b-uluy9v1m6e] {
    width: 45%;
    display: flex;
    align-items: center;
    font-size: 20px;
}

.in-stock-text[b-uluy9v1m6e] {
    font-size: 0.7rem;
}

.product-details-purchase[b-uluy9v1m6e] {
    font-size: 2em;
}


/*low resolution tablets, mobiles (landscape)*/
@media (max-width: 991px) {
    .product-main-container[b-uluy9v1m6e] {
        display: grid;
        grid-template-columns: 1fr;
        grid-template-rows: 0.7fr 1.3fr;
        grid-gap: 10px;
        grid-auto-flow: row;
        grid-template-areas: ".";

    }
}

@media (min-width: 1441px) {

    .product-section[b-uluy9v1m6e] {
        width: 80%;
        margin: 0 auto;
    }
}

.img-icon[b-uluy9v1m6e] {
    width: 18px;
}

.best-seller-tag[b-uluy9v1m6e] {
    padding: 2px 14px 2px 5px;
    background-color: #1f3fba;
    color: white;
}

.attribute-section[b-uluy9v1m6e] {
    border: 2px dashed #071b89;
    background: #e7ebff;
}

/*.add-cart-btn:hover {
    background: linear-gradient(45deg, #2a5298, #1e3c72) !important;
    color: #ffffff !important;
}

.add-cart-btn {
    border: none;
    border-radius: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: white;
    font-size: 16px;
    cursor: pointer;
    background: #1A2980;*/ /* fallback for old browsers */
    /*background: -webkit-linear-gradient(to left, #26D0CE, #1A2980);*/ /* Chrome 10-25, Safari 5.1-6 */
    /*background: linear-gradient(to left, #26D0CE, #1A2980);*/ /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
    /*transition: background 0.3s ease;
}*/

.cart-svg[b-uluy9v1m6e] {
    width: 25px;
}

.product-card[b-uluy9v1m6e] {
    border: none;
    text-align: left;
    position: relative;
}
.product-img-container[b-uluy9v1m6e] {
    position: relative;
    width: 100%;
    overflow: hidden;
}
.product-img[b-uluy9v1m6e] {
    width: 100%;
    height: 415px;
    object-fit: cover;
    border-radius: 5px;
}
.heart-icon[b-uluy9v1m6e] {
    position: absolute;
    font-size: 20px;
    color: transparent;
    -webkit-text-stroke: 2px white;
    cursor: pointer;
}
.discount-badge[b-uluy9v1m6e] {
    position: absolute;
    right: 5px;
    background: #26D0CE;
    color: rgba(255, 255, 255, 0.8);
    padding: 3px;
    font-size: 0.8rem;
    font-weight: bold;
    border-radius: 5px;
}
.plus-button[b-uluy9v1m6e] {
    background: #1A2980;
    color: white;
    border: none;
    border-radius: 2px;
    cursor: pointer;
}
.add-cart-btn[b-uluy9v1m6e] {
    border: none;
    border-radius: 100px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: white;
    font-size: 16px;
    cursor: pointer;
    background: #1A2980;
    background: -webkit-linear-gradient(135deg, #38d1d1, #2a78f6);
    background: linear-gradient(135deg, #38d1d1, #2a78f6);
    box-shadow: 0px 10px 30px rgba(56, 209, 209, 0.4);
    transition: all 0.3sease-in-out;
}



/* /Pages/Pricing/Competitors.razor.rz.scp.css */
.dropzone[b-at1ur6fyzx] {
    border: 1px dashed var(--lpx-primary) !important;
    border-radius: 0.475rem !important;
    padding: 5px;
}

.modal-content[b-at1ur6fyzx] {
    overflow: hidden !important;
}

.separator[b-at1ur6fyzx] {
    display: flex;
    align-items: center;
    text-align: center;
}

.separator[b-at1ur6fyzx]::before,
.separator[b-at1ur6fyzx]::after {
    content: '';
    flex: 1;
    border-bottom: 1px solid #000;
}

.separator:not(:empty)[b-at1ur6fyzx]::before {
    margin-right: .25em;
}

.separator:not(:empty)[b-at1ur6fyzx]::after {
    margin-left: .25em;
}
/* /Pages/StockListForAdmin.razor.rz.scp.css */
.stock-header[b-i08exzh41d] {
    border-bottom: #CAD5E5 solid 1px;
}

.header-title[b-i08exzh41d] {
    font-size: 1.5rem !important;
}

.nav-pills .nav-link.active[b-i08exzh41d] {
    background-color: #172671;
    color: white;
    font-weight: 600;
}


.stock-counter-badge[b-i08exzh41d] {
    background-color: rgba(50, 81, 104, 0.08);
    padding: 0 4px;
    border-radius: 4px;
    font-weight: 700;
}

.nav-pills .nav-link.active .stock-counter-badge[b-i08exzh41d] {
    background-color: #ffffff !important;
    color: #172671 !important;
}

.notes-pill[b-i08exzh41d] {
    border-radius: 4px;
    background-color: rgba(255, 255, 255, 0.26);
    color: #ffffff;
}

.stock-stats[b-i08exzh41d] {
    background-image: url(https://res.cloudinary.com/malikbanks/image/upload/v1676985124/stock-bg.svg);
}

.nav-underline .nav-link.active[b-i08exzh41d], .nav-underline .show > .nav-link[b-i08exzh41d] {
    font-weight: 700;
    color: #172671;
    border-bottom: 2px solid #172671;
}

.list-title[b-i08exzh41d] {
    cursor: pointer;
}

.clickable[b-i08exzh41d] {
    min-height: 50px;
    cursor: pointer;
    display: flex;
    align-items: center;
}

.form-pl[b-i08exzh41d]::placeholder {
    color: rgba(0, 0, 0, 0.3);
    font-size: 0.875em;
}

.new-stock-btn[b-i08exzh41d] {
    background-color: #ffffff;
    color: #015AEB;
    border: 1px solid #CAD5E5;
    box-shadow: 2px 2px 27px -3px rgba(1, 90, 235, 0.5);
}

    .new-stock-btn:hover[b-i08exzh41d] {
        background-color: #015AEB;
        color: #ffffff;
    }

.stock-card-parent[b-i08exzh41d] {
    width: 31%;
    flex: none !important;
}

.stock-card[b-i08exzh41d] {
    border: 0.5px solid #CAD5E5;
    border-radius: 7px;
    height: 100%;
}

    .stock-card:hover[b-i08exzh41d] {
        box-shadow: 2px 2px 21px -8px rgba(0, 0, 0, 0.25);
    }

.private-btn[b-i08exzh41d] {
    border: solid 1px #d5d5d5;
    color: #d5d5d5;
    font-weight: 500;
    letter-spacing: 1px;
}


.btn .spinner-border[b-i08exzh41d] {
    margin-left: 8px !important;
    Adjust the value as needed
}

/*.spinner-border {
    margin-right: 8px !important;
}

.spinner-border-sm {
    margin-right: 8px !important;
}*/

.public-btn[b-i08exzh41d] {
    border: solid 1px #b5b5b5;
    color: #b5b5b5;
    font-weight: 500;
    letter-spacing: 1px;
}


/*.stock-width{
    width: 30%;
}*/
.rz-g[b-i08exzh41d] {
    width: 100% !important;
}

.product-card[b-i08exzh41d] {
    background: white;
    width: 800px;
    padding: 30px;
    border-radius: 20px;
    box-shadow: #dbe2ee 0 0 20px 5px;
    display: flex;
    gap: 30px;
}

.cover-image[b-i08exzh41d] {
    width: 100px;
    overflow: hidden;
}

.card-image:hover[b-i08exzh41d] {
    transform: scale(1.05);
}

img:hover[b-i08exzh41d] {
    transform: scale(1.05);
}

.more-image-container[b-i08exzh41d] {
    display: flex;
}

.more-image[b-i08exzh41d] {
    width: 100px;
}

.image-container img[b-i08exzh41d] {
    width: 100%;
    object-fit: cover;
}

.free-shipping[b-i08exzh41d] {
    display: inline-block;
    padding: 5px 10px;
    border-radius: 30px;
    font-size: 14px;
    font-weight: 400;
}

.product-name[b-i08exzh41d] {
    margin: 10px 0 20px 0;
    font-size: 22px;
}

.regular-price[b-i08exzh41d] {
    text-decoration: line-through;
}

.discount-price[b-i08exzh41d] {
    display: inline-block;
    font-size: 40px;
    font-weight: 700;
}

.sidebar-parent[b-i08exzh41d] {
    width: 100%;
    background-color: rgb(0 0 0 / 50%);
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1999;
    backdrop-filter: blur(10px);
}

.stock-icons[b-i08exzh41d] {
    color: #99a1b7 !important;
}

.offer-info[b-i08exzh41d] {
    font-size: 14px;
    color: gray;
}

.add-to-cart[b-i08exzh41d] {
    display: inline-block;
    width: 100%;
    padding: 15px;
    border-radius: 8px;
    font-size: 18px;
    font-weight: 500;
    text-align: center;
    box-shadow: #e2e9f3 0 5px;
    margin: 20px 0;
}

    .add-to-cart .ion-icon[b-i08exzh41d] {
        font-size: 30px;
        margin-bottom: -8px;
    }

.dropzone[b-i08exzh41d] {
    border: 2px dashed var(--lpx-primary) !important;
    border-radius: 0.475rem !important;
    padding: 10px;
}

.exit-btn:hover[b-i08exzh41d] {
    border-radius: 8px;
    padding: 0 5px;
    cursor: pointer;
    background: #d0e3ff;
}

.exit-btn ki-duotone[b-i08exzh41d] {
    display: flex;
    justify-content: center;
    align-items: flex-start;
}

.dropdown-menu[b-i08exzh41d] {
    --bs-dropdown-link-active-bg: #0058e9 !important;
    --bs-dropdown-header-color: #0058e9 !important;
}

.iconcenter[b-i08exzh41d] {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
}
/* /Pages/Stock/BidView.razor.rz.scp.css */
:root[b-lza303m74p] {
    --pill-grey: #A7A8B5;
    --colour-primary-blue: #005EF6;
    --colour-secondary-blue: #2F80ED;
    --colour-secondary-dark-grey: #58595B;
    --colour-light-red: #ff5757;
    --colour-light-grey: #F4F5F7;
    --colour-tertiary-green-1: #2AC475;
    --colour-tertiary-green-2: #8DFFC0;
    --colour-tertiary-green-3: #70E3EF;
    --input-radius: 6px;
    --focus-input-border-colour: #005EF6;
}

.bv-main-wrapper[b-lza303m74p]{
    height: calc(100vh - 95px);
    overflow-y: auto;
    position: relative;
    /*padding: 10px;*/
}

.k-listview-item[b-lza303m74p]{
    width: 100% !important;
}

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


.bottom-product-section[b-lza303m74p] {
    height: 85%;
    display: flex;
    justify-content: center;
    overflow-x: visible;
    width:100%;
    /*    overflow-y: auto;*/
}

/*Header section start*/

/*search section start*/

.main-search-container[b-lza303m74p] {
    --cont-height: 60px;
    height: var(--cont-height);
    border-radius: 1000px;
    border: 1px solid var(--pill-grey);

}


.left-filter-section[b-lza303m74p] {
    display: flex;
}

.right-products-section[b-lza303m74p] {
    width: 100%;
}

#filter-show-wrapper[b-lza303m74p] {
    display: none;
}


#location-popover[b-lza303m74p] {
    display: none;

}

.location-list .popover-backdrop[b-lza303m74p] {

    position: absolute;
    z-index: 1;
    background: rgba(20, 20, 20, 0.2);
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    display: flex
}

.location-list .list-group[b-lza303m74p] {
    position: absolute;
    z-index: 2;


}

.location-list .popover-backdrop:hover[b-lza303m74p] {
    cursor: pointer;

}

.sub-search-container[b-lza303m74p] {
}

.location-container[b-lza303m74p] {
    border-right: 1px solid #E5E4EC;
    margin-right: 10px;
    color: #A7A6AE;

}

.location-container[b-lza303m74p] {
    width: 30%;
}

.location-container:hover[b-lza303m74p] {
    color: #56555a;
    cursor: pointer;
}

.current-location[b-lza303m74p] {
    outline: none;
    border: none;
    color: #56555a;
    width: 100%;
}

.no-border-input[b-lza303m74p] {
    display: inline;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    float: none;
    width: 90%;
    cursor: default;
    opacity: 1;
    padding: 10px 20px;
    border: 1px solid #d1d1d1 !important;
    outline: none;
    border-radius: 30px;
    color: rgba(0, 0, 0, 0.9);
    -o-text-overflow: clip;
    text-overflow: clip;
    background: #e6ebef;
}


.search-button[b-lza303m74p] {
    display: inline;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    cursor: pointer;
    padding: 10px 20px;
    border: 1px solid #018dc4;
    font-size: 0.8rem;
    -webkit-border-radius: 66px;
    border-radius: 0 30px 30px 0;
    color: rgba(255, 255, 255, 0.9);
    -o-text-overflow: clip;
    text-overflow: clip;
    background: #005EF6;
}

.search-button:hover[b-lza303m74p] {
    background: #27AAE1;
}

.search-button:active[b-lza303m74p] {
    border: none;
}

.button-icon[b-lza303m74p] {
    margin-right: 0.3rem;
}

/*search section end*/


/*Header section end*/


/*Listing Size / Sort start*/
.products-page-size[b-lza303m74p] {
    padding: 10px 0;
}

/*Listing Size / Sort end*/

/*Filter Pill start*/
.filter-pills[b-lza303m74p] {
    display: flex;
    overflow-x: auto;
}

.filter-pill[b-lza303m74p] {
    --pill-spacing: 7px;
    color: var(--pill-grey);
    border: 1px solid var(--pill-grey);
    border-radius: 100px;
    padding: 2px var(--pill-spacing);
    background: rgba(255, 255, 255, 1);
    display: inline-flex;
    align-items: center;
    max-height: fit-content;
    white-space: nowrap;

}

.filter-pill:hover[b-lza303m74p] {
    color: var(--colour-secondary-dark-grey);
    border-color: var(--colour-secondary-dark-grey);
}

.filter-close[b-lza303m74p] {
    --close-size: 1rem;
    --close-spacing: 4px;
    opacity: 0.9;
    height: var(--close-size);
    width: var(--close-size);
    padding: var(--close-spacing);
    border-radius: var(--close-size);
    display: inline-flex;
    justify-content: center;
    align-content: center;
    background-color: var(--pill-grey);
    margin-left: 2px
}

.filter-close svg[b-lza303m74p] {
    fill: white;
}

.filter-close:hover[b-lza303m74p] {
    background: var(--colour-light-red);
    cursor: pointer;

}


/*Filter Pill end*/

/*Product Listing Section -start*/
/*.product-listing-section {

    flex-direction: row;
    flex-wrap: wrap;
}*/

.product-listing-section > *[b-lza303m74p] {
    height: auto;
}


.product-card[b-lza303m74p] {

    margin: 0;
    box-shadow: rgba(0, 0, 0, 0.16) 0 1px 4px;
}

.product-card:hover[b-lza303m74p] {
    cursor: pointer;
    background: rgba(253, 253, 253, 1);
}


/*Product Card -start*/
#caption-overlay[b-lza303m74p] {
    position: absolute;
    z-index: 0;
    top: 0;
    font-weight: 600;
    background: rgba(88, 89, 91, 0.2);
    color: white;
    width: 100%;
}

.product-image-wrapper[b-lza303m74p] {
    height: auto;
}

.product-image[b-lza303m74p] {
    object-fit: contain;
    max-height: 100%;
}

.product-title[b-lza303m74p] {
    display: -webkit-box;

    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    display: flex;

}

.product-title:hover[b-lza303m74p] {
    text-decoration: underline;
    cursor: pointer;
    color: #56555a;
}

.rating-wrapper[b-lza303m74p] {
    height: 40px;

}

.rating[b-lza303m74p] {
    display: block;
    max-width: 5rem;
    height: 1rem;
    background: #eee;

    mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32" ><path fill="%23000" d="M16 2 L20 12 30 12 22 19 25 30 16 23 7 30 10 19 2 12 12 12 Z"/></svg>') 0 0/1rem 1rem;
    -webkit-mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32" ><path fill="%23000" d="M16 2 L20 12 30 12 22 19 25 30 16 23 7 30 10 19 2 12 12 12 Z"/></svg>') 0 0/1rem 1rem;
}

.product-price[b-lza303m74p] {
}

.product-discount[b-lza303m74p] {
    text-decoration: line-through;
}

.product-discount-percentage[b-lza303m74p] {
    margin-left: -6px;
}

.purchase-section[b-lza303m74p] {
    display: flex;
}

.quantity-input[b-lza303m74p] {

    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;

    cursor: default;
    margin: 0;


    border: 1px solid #b7b7b7;
    -webkit-border-radius: var(--input-radius);
    border-radius: var(--input-radius);

    background: rgba(252, 252, 252, 1);
    -webkit-box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.2) inset;
    box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.2) inset;
    text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.66);
    -webkit-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);
    -moz-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);
    -o-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);
    transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);
    width: auto;


}

.quantity-input-control[b-lza303m74p] {
}

.in-stock-text[b-lza303m74p] {
    font-size: 0.6rem;
}

.quantity-input-control:first-child:hover[b-lza303m74p] {
    fill: var(--colour-light-red);
}

.quantity-input-control:last-child:hover[b-lza303m74p] {
    fill: var(--colour-tertiary-green-3);
}

.quantity-input-control svg[b-lza303m74p] {
    height: 19px;
    display: inline;
}

.add-cart-container[b-lza303m74p] {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
}
.add-cart-btn:hover[b-lza303m74p] {
    background: #133597 !important;
    color: #ffffff !important;
}

.add-cart-btn[b-lza303m74p] {
    background: #ffffff !important;
}

.add-cart svg:hover[b-lza303m74p],
.quantity-input-control svg:hover[b-lza303m74p] {
    cursor: pointer;
    opacity: 0.8;
}

.add-cart svg[b-lza303m74p] {
    height: 29px;
    fill: var(--colour-primary-blue);
}

/*Product Card -end*/

/*Filter Section -start*/
.filter-heading-card[b-lza303m74p] {
}

.filter-heading[b-lza303m74p] {
    font-weight: 1.5rem !important;
    font-weight: 700;
}

.clear-filters:hover[b-lza303m74p] {
    cursor: pointer;
    color: var(--colour-primary-blue) !important;
    font-weight: 600;
}

#clear-filters-icon[b-lza303m74p] {
    font-size: 1rem;
    font-weight: 300
}

#clear-filters-text[b-lza303m74p] {
    font-size: 0.8rem;
    color: lightslategrey;
}

.filter-listing[b-lza303m74p] {
    /*overflow-y: auto;*/
    /*    max-height: 90%;*/

}

.filter-price-input:focus[b-lza303m74p] {
    outline: none;
    border: 1px solid #b7b7b7;
}

.input-group-2[b-lza303m74p] {
    display: flex;
    justify-content: flex-start;


}

.input-group-2:focus-within[b-lza303m74p] {
    border-radius: var(--input-radius);

}

.input-group-2 > :first-child[b-lza303m74p] {
    border-radius: var(--input-radius) 0 0 var(--input-radius);
    border: 1px solid #b7b7b7;
    font-weight: 900;
}

.input-group-2 > :last-child[b-lza303m74p] {
    border-radius: 0 var(--input-radius) var(--input-radius) 0;
    border: 1px solid #b7b7b7;

}


.filter-price-input[b-lza303m74p] {
    display: inline-block;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    padding: 10px 20px;
    border: 1px solid #b7b7b7;
    border-left-color: #ffffff;
    -webkit-border-radius: 0 6px 6px 0;
    border-radius: 0 6px 6px 0;

    -o-text-overflow: clip;
    text-overflow: clip;
    background: rgba(252, 252, 252, 1);
    -webkit-box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.2) inset;
    box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.2) inset;
    text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.66);
    -webkit-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);
    -moz-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);
    -o-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);
    transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);
    width: 100%;
}

.input-group-2:focus-within > :first-child[b-lza303m74p] {
    border: 1px solid var(--focus-input-border-colour);
    color: var(--focus-input-border-colour);
}

.input-group-2:focus-within > :last-child[b-lza303m74p] {
    border: 1px solid var(--focus-input-border-colour);
    border-left-width: 0;

}

.open-close-category:hover[b-lza303m74p] {
    color: #68666d;
    cursor: pointer;
}

.brand-search-input[b-lza303m74p] {
    display: inline-block;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    padding: 10px 20px;
    border: 1px solid #b7b7b7;
    -webkit-border-radius: 6px;
    border-radius: 6px;

    -o-text-overflow: clip;
    text-overflow: clip;
    background: rgba(252, 252, 252, 1);
    -webkit-box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.2) inset;
    box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.2) inset;
    text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.66);
    -webkit-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);
    -moz-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);
    -o-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);
    transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);
    width: 90%;
    outline: none;
}


.brand-search-over[b-lza303m74p] {
    position: absolute;
    width: 100%;
    max-height: 300px;
    overflow-y: auto;

    display: none;
}

.brand-search-over .list-group[b-lza303m74p] {
}

.brand-search-input:focus + .brand-search-over[b-lza303m74p] {

    display: block;
}

.cart-banner[b-lza303m74p] {
    width: 50%;
    z-index: 9999;
    position: fixed;
    bottom: 40px;
    align-items: center;
    background-image: url(https://res.cloudinary.com/malikbanks/image/upload/v1676985124/stock-bg.svg);
    border-radius: 10px;
}


/*Filter Section -end*/


/*Product Listing Section -end*/


/*Responsiveness -start*/
/*tablets and smartphones*/
@media (max-width: 1024px) {

    /*left filter section -start*/
    

    #toggle-filter[b-lza303m74p] {
        --toggle-filter-colour: rgb(56, 56, 56);
        padding: 10px 10px 10px 0;
        display: flex;
        align-items: center;
        justify-content: space-between;
        z-index: 1;
        border-radius: 0 1000px 1000px 0;
        border: 1px solid rgba(56, 56, 56, 0.5);
        border-left-width: 0;
        color: var(--toggle-filter-colour);

        background: white;
        transition: all 3s;
    }

    #toggle-filter:hover[b-lza303m74p] {
        cursor: pointer;
    }

    #toggle-filter #show-filter-text[b-lza303m74p] {
        display: inline;
        width: 0;
        overflow: hidden;
        white-space: nowrap;
        transition: width .2s linear;
        -webkit-transition: width .2s linear;
        -moz-transition: width .2s linear;
    }


    #toggle-filter #show-filter-icon[b-lza303m74p] {
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 1.4rem;
        padding: 3px 5px;

    }

    #toggle-filter #show-filter-icon[b-lza303m74p] {
        transform: scaleX(-1);
        -webkit-transform: scaleX(-1);
        -moz-transform: scaleX(-1);
        transition: transform .5s ease-out .5s;
        -webkit-transition: transform .5s ease-out .5s;
        -moz-transition: transform .5s ease-out .5s;
    }


    #toggle-filter:hover #show-filter-text[b-lza303m74p] {
        width: 90px;
    }

    #filter-show-wrapper[b-lza303m74p] {
        display: flex;
        justify-content: flex-start;
        align-items: center;
        width: 150px;
    }

    /*left filter section -end*/
}

/*Smart devices No. 1*/
@media (max-width: 767px) {
   

    .search-bar-input input[b-lza303m74p] {
        width: 100%;

    }

    .right-products-section[b-lza303m74p] {
        width: 100%;
    }

    #location-popover[b-lza303m74p] {
    }

    .location-list[b-lza303m74p] {
        width: 85%;
        margin-top: 2px;
    }

    .location-container[b-lza303m74p] {
        font-size: 0.6rem;
    }

    .location-icon[b-lza303m74p] {
        display: none;
    }

    .search-bar-input[b-lza303m74p] {
        width: 80%;
        display: flex;
    }

    .search-bar-input input[b-lza303m74p] {
        width: 100%;
    }

    .search-container[b-lza303m74p] {
        display: none;
    }

    .search-button[b-lza303m74p] {
        font-size: 0.8rem;
    }

    .search-button .button-icon[b-lza303m74p] {
        display: none;
    }

    .location-container[b-lza303m74p] {
        font-size: 1rem;
        width: 25%;

    }

    /*search section -end*/
    .products-page-size[b-lza303m74p] {

        /*background: red;*/
    }

    .products-page-size .line[b-lza303m74p] {
        width: 100%;
        display: block;
        margin: 5px 0;
    }

    .result-sort[b-lza303m74p] {
        width: 100%;
    }


    .product-title[b-lza303m74p] {
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }

    .purchase-section .quantity-section[b-lza303m74p] {

        width: 90%;
        position: relative;
    }

    .purchase-section .quantity-section input[b-lza303m74p] {
        display: block;
        width: 90%;
    }

    .add-cart-container[b-lza303m74p] {
    }

    /*Filter section  -start*/
    .left-filter-section[b-lza303m74p] {
        /*        display: none;*/
    }

    .close-filter[b-lza303m74p] {
        --close-size: 40px;
        content: "";
        height: var(--close-size);
        width: var(--close-size);
        background: red;
        position: fixed;
        z-index: 1020;
        top: 50%;
        left: calc(-1 * var(--close-size) * 0.25);


    }

    .close-filter[b-lza303m74p] {
        /*Todo:  Show and hide file*/
    }

    /*Filter section  -end*/
}

/*tablets, ipads (landscape)*/
@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
    /*.product-container {
        flex: 0 0 auto;
        width: 50%;

    }*/
}

/*tablets, ipads (portrait) 3*/
@media (min-width: 768px) and (max-width: 1024px) {

    /*search section -start*/
    .main-search-container[b-lza303m74p] {
        margin: 10px 0 10px;
        width: 100%;
    }

    .location-container[b-lza303m74p] {
        font-size: 0.7rem;
    }

    .location-icon[b-lza303m74p] {
    }

    .search-bar-input[b-lza303m74p] {
        width: 60%;
    }

    .search-bar-input[b-lza303m74p] {
    }

    .search-container[b-lza303m74p] {
        margin-right: -10px;
    }

    .search-button[b-lza303m74p] {
        font-size: 0.9rem;
        float: right;
    }

    .search-button .button-icon[b-lza303m74p] {
        display: none;
    }

    .location-container[b-lza303m74p] {
        font-size: 1rem;
        width: 35%;
    }

    /*search section -end*/
    .products-page-size[b-lza303m74p] {
    }

    .products-page-size .line[b-lza303m74p] {
        width: 100%;
        display: block;
        margin: 5px 0;
    }

    .result-sort[b-lza303m74p] {
        width: 50%;
    }

    .product-title[b-lza303m74p] {
        display: -webkit-box;

        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }

    .purchase-section .quantity-section[b-lza303m74p] {

        width: 90%;
        position: relative;
    }

    .purchase-section .quantity-section input[b-lza303m74p] {
        display: block;
        width: 90%;
    }

    .add-cart-container[b-lza303m74p] {
    }

    /*Filter section  -start*/
    .left-filter-section[b-lza303m74p] {
        /*        display: none;*/
    }


    .close-filter[b-lza303m74p] {
        --close-size: 40px;
        content: "";
        height: var(--close-size);
        width: var(--close-size);
        background: red;
        position: fixed;
        z-index: 1020;
        top: 50%;
        left: calc(-1 * var(--close-size) * 0.25);


    }

    .close-filter[b-lza303m74p] {
        /*Todo:  Show and hide file*/
    }

    /*Filter section  -end*/
}

/*laptop - low res*/
@media (min-width: 1025px) and (max-width: 1281px) {
   

    .right-products-section[b-lza303m74p] {
        width: 100%;

    }


    .location-container[b-lza303m74p] {
        font-size: 0.8rem;
    }

    .search-container[b-lza303m74p] {
        margin-right: -10px;
    }

    .search-button[b-lza303m74p] {
        font-size: 0.9rem;
        float: right;
    }

    .search-button .button-icon[b-lza303m74p] {
    }

    .location-container[b-lza303m74p] {
        font-size: 1rem;
        width: 35%;
    }

    /*search section -end*/
    .products-page-size[b-lza303m74p] {
        display: flex;

        justify-content: space-between;
    }

    .products-page-size .line[b-lza303m74p] {
        width: 100%;

        margin: 5px 0;
    }

    .products-page-size .line:last-child[b-lza303m74p] {
        text-align: end;
    }

    .result-sort[b-lza303m74p] {
        display: inline-flex;
    }

    .product-title-container[b-lza303m74p] {
        min-height: 84px;
    }

    .product-title[b-lza303m74p] {
        display: -webkit-box;

        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }

    .purchase-section .quantity-section[b-lza303m74p] {

        width: 90%;
        position: relative;
    }

    .purchase-section .quantity-section input[b-lza303m74p] {
        display: block;
        width: 80%;
    }


    /*Filter section  -start*/
   

    .close-filter[b-lza303m74p] {
        --close-size: 40px;
        content: "";
        height: var(--close-size);
        width: var(--close-size);
        background: red;
        position: fixed;
        z-index: 1020;
        top: 50%;
        left: calc(-1 * var(--close-size) * 0.25);


    }

    .close-filter[b-lza303m74p] {
        /*Todo:  Show and hide file*/
    }

    /*Filter section  -end*/
}

/*laptop - high resolution 4*/

@media screen and (min-width: 1281px) and (max-width: 1440px) {
    
    .right-products-section[b-lza303m74p] {
        width: 100%;

    }

    .location-container[b-lza303m74p] {
        font-size: 0.8rem;
    }

    .location-icon[b-lza303m74p] {
    }

    .search-container[b-lza303m74p] {
        margin-right: -10px;
    }

    .search-button[b-lza303m74p] {
        font-size: 0.9rem;
        float: right;
    }

    .search-button .button-icon[b-lza303m74p] {
    }

    .location-container[b-lza303m74p] {
        font-size: 1rem;
        width: 35%;
    }

    /*search section -end*/
    .products-page-size[b-lza303m74p] {
        display: flex;

        justify-content: space-between;
    }

    .products-page-size .line[b-lza303m74p] {
        width: 100%;

        margin: 5px 0;
    }

    .products-page-size .line:last-child[b-lza303m74p] {
        text-align: end;
    }

    .result-sort[b-lza303m74p] {
        display: inline-flex;
    }


    .product-title-container[b-lza303m74p] {
        min-height: 84px;
    }

    .product-title[b-lza303m74p] {
        min-height: 63px;
        display: -webkit-box;

        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }

    .purchase-section .quantity-section[b-lza303m74p] {

        width: 90%;
        position: relative;
    }

    .purchase-section .quantity-section input[b-lza303m74p] {
        display: block;
        width: 80%;
    }



    .close-filter[b-lza303m74p] {
        --close-size: 40px;
        content: "";
        height: var(--close-size);
        width: var(--close-size);
        background: red;
        position: fixed;
        z-index: 1020;
        top: 50%;
        left: calc(-1 * var(--close-size) * 0.25);


    }


    /*Filter section  -end*/
}

/*desktop 5 -7*/
@media screen and (min-width: 1441px) and (max-width: 1920px) {
    

    .right-products-section[b-lza303m74p] {
        width: 100%;

    }


    .location-container[b-lza303m74p] {
        font-size: 0.8rem;
    }

    .search-container[b-lza303m74p] {
        margin-right: -10px;
    }

    .search-button[b-lza303m74p] {
        font-size: 0.9rem;
        float: right;
    }

    .location-container[b-lza303m74p] {
        font-size: 1rem;
        width: 35%;
    }

    /*search section -end*/
    .products-page-size[b-lza303m74p] {
        display: flex;

        justify-content: space-between;
    }

    .products-page-size .line[b-lza303m74p] {
        width: 100%;

        margin: 5px 0;
    }

    .products-page-size .line:last-child[b-lza303m74p] {
        text-align: end;
    }

    .result-sort[b-lza303m74p] {
        display: inline-flex;
    }

    .product-title-container[b-lza303m74p] {
        min-height: 84px;
    }

    .product-title[b-lza303m74p] {
        min-height: 63px;
        display: -webkit-box;

        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }

    .purchase-section .quantity-section[b-lza303m74p] {

        width: 90%;
        position: relative;
    }

    .purchase-section .quantity-section input[b-lza303m74p] {
        display: block;
        width: 80%;
    }


    .close-filter[b-lza303m74p] {
        --close-size: 40px;
        content: "";
        height: var(--close-size);
        width: var(--close-size);
        background: red;
        position: fixed;
        z-index: 1020;
        top: 50%;
        left: calc(-1 * var(--close-size) * 0.25);


    }


    /*Filter section  -end*/
}


/*Product start*/

.product-container[b-lza303m74p] {
    overflow: hidden;
}

.product-card[b-lza303m74p] {
    margin: 0;
    box-shadow: rgba(0, 0, 0, 0.16) 0 1px 4px;
}

    .product-card:hover[b-lza303m74p] {
        cursor: pointer;
        background: rgba(253, 253, 253, 1);
    }


/*Product Card -start*/
#caption-overlay[b-lza303m74p] {
    position: absolute;
    z-index: 0;
    top: 0;
    font-weight: 600;
    background: rgba(88, 89, 91, 0.2);
    color: white;
    width: 100%;
}

.product-image-wrapper[b-lza303m74p] {
    height: auto;
}

.product-image[b-lza303m74p] {
    object-fit: scale-down;
    max-height: 100%;
}

.card-image-parent[b-lza303m74p] {
    background: #f9fcff;
}

.product-title[b-lza303m74p] {
    max-height: 84px;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    display: flex;
}

    .product-title:hover[b-lza303m74p] {
        text-decoration: underline;
        cursor: pointer;
        color: #56555a;
    }

.rating-wrapper[b-lza303m74p] {
    height: 40px;
}

.rating[b-lza303m74p] {
    display: block;
    max-width: 5rem;
    height: 1rem;
    background: #eee;
    mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32" ><path fill="%23000" d="M16 2 L20 12 30 12 22 19 25 30 16 23 7 30 10 19 2 12 12 12 Z"/></svg>') 0 0/1rem 1rem;
    -webkit-mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32" ><path fill="%23000" d="M16 2 L20 12 30 12 22 19 25 30 16 23 7 30 10 19 2 12 12 12 Z"/></svg>') 0 0/1rem 1rem;
}

.product-price[b-lza303m74p] {
}

.product-discount[b-lza303m74p] {
    text-decoration: line-through;
}

.product-discount-percentage[b-lza303m74p] {
    margin-left: -6px;
}

.purchase-section[b-lza303m74p] {
    display: flex;
}

.price-section[b-lza303m74p] {
    width: 45%;
    text-align:right;
}

.quantity-section[b-lza303m74p]{
    width:45%;
    text-align:center;
}
.quantity-input[b-lza303m74p] {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    cursor: default;
    margin: 0;
    border: 1px solid #b7b7b7;
    -webkit-border-radius: var(--input-radius);
    border-radius: var(--input-radius);
    background: rgba(252, 252, 252, 1);
    -webkit-box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.2) inset;
    box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.2) inset;
    text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.66);
    -webkit-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);
    -moz-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);
    -o-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);
    transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);
    width: 50%;
    color: #0930A9;
    font-weight: bold;
    text-align: center;
}

.price-input[b-lza303m74p] {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    cursor: default;
    margin: 0;
    border: 1px solid #b7b7b7;
    -webkit-border-radius: var(--input-radius);
    border-radius: var(--input-radius);
    background: rgba(252, 252, 252, 1);
    -webkit-box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.2) inset;
    box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.2) inset;
    text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.66);
    -webkit-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);
    -moz-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);
    -o-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);
    transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);
    width: 50%;
    color: #0930A9;
    font-weight: bold;
    text-align: right;
}

.quantity-input-control[b-lza303m74p] {
}

.in-stock-text[b-lza303m74p] {
    font-size: 0.7rem;
}

.quantity-input-control:first-child:hover[b-lza303m74p] {
    fill: var(--colour-light-red);
}

.quantity-input-control:last-child:hover[b-lza303m74p] {
    fill: var(--colour-tertiary-green-3);
}

.quantity-input-control svg[b-lza303m74p] {
    height: 19px;
    display: inline;
}

.add-cart-container[b-lza303m74p] {
    position: absolute;
    top: 0;
    right: 10px;
}

.add-cart svg:hover[b-lza303m74p],
.quantity-input-control svg:hover[b-lza303m74p] {
    cursor: pointer;
    opacity: 0.8;
}

.add-cart svg[b-lza303m74p] {
    height: 29px;
}

/*Product Card -end*/


/*Product Listing Section -end*/


/*Responsiveness -start*/
/*tablets and smartphones*/
@media (max-width: 1024px) {
}

/*Smart devices No. 1*/
@media (max-width: 767px) {


    .product-title[b-lza303m74p] {
        min-height: 63px;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }

    .purchase-section .quantity-section[b-lza303m74p] {
        width: 90%;
        position: relative;
    }

        .purchase-section .quantity-section input[b-lza303m74p] {
            display: block;
            width: 90%;
        }

    .add-cart-container[b-lza303m74p] {
    }
}

/*tablets, ipads (landscape)*/
@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
}

/*tablets, ipads (portrait) 3*/
@media (min-width: 768px) and (max-width: 1024px) {

    .product-title[b-lza303m74p] {
        min-height: 63px;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }

    .purchase-section .quantity-section[b-lza303m74p] {
        width: 90%;
        position: relative;
    }

        .purchase-section .quantity-section input[b-lza303m74p] {
            display: block;
            width: 90%;
        }

    .add-cart-container[b-lza303m74p] {
    }
}

/*laptop - low res*/
@media (min-width: 1025px) and (max-width: 1281px) {


    .product-title-container[b-lza303m74p] {
        min-height: 84px;
    }

    .product-title[b-lza303m74p] {
        min-height: 63px;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }

    .purchase-section .quantity-section[b-lza303m74p] {
        width: 90%;
        position: relative;
    }

        .purchase-section .quantity-section input[b-lza303m74p] {
            display: block;
            width: 80%;
        }

    .add-cart-container[b-lza303m74p] {
    }
}

/*laptop - high resolution 4*/

@media screen and (min-width: 1281px) and (max-width: 1440px) {


    .product-title-container[b-lza303m74p] {
        min-height: 84px;
    }

    .product-title[b-lza303m74p] {
        min-height: 63px;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }

    .purchase-section .quantity-section[b-lza303m74p] {
        width: 90%;
        position: relative;
    }

        .purchase-section .quantity-section input[b-lza303m74p] {
            display: block;
            width: 80%;
        }

    .add-cart-container[b-lza303m74p] {
    }
}

/*desktop 5 -7*/
@media screen and (min-width: 1441px) and (max-width: 1920px) {


    .product-title-container[b-lza303m74p] {
        min-height: 84px;
    }

    .product-title[b-lza303m74p] {
        min-height: 63px;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }

    .purchase-section .quantity-section[b-lza303m74p] {
        width: 90%;
        position: relative;
    }

        .purchase-section .quantity-section input[b-lza303m74p] {
            display: block;
            width: 80%;
        }

    .add-cart-container[b-lza303m74p] {
    }
}

@media screen and (min-width: 1921px) {
}

/*Responsiveness -end*/

/*General -start*/
.cart-error-popover[b-lza303m74p] {
    position: absolute;
    top: 10px;
    white-space: nowrap;
    box-shadow: rgba(17, 17, 26, 0.1) 0 4px 16px, rgba(17, 17, 26, 0.1) 0 8px 24px, rgba(17, 17, 26, 0.1) 0 16px 56px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 5px 10px;
    border-radius: 5px;
    background: white;
}

    .cart-error-popover[b-lza303m74p]::before {
        content: " ";
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 0 10px 10px 10px;
        border-color: transparent transparent #fff transparent;
        position: absolute;
        top: -10px;
    }

.k-listview-item[b-lza303m74p] {
    width: 100px;
    margin-bottom: 1.1rem;
}

.custom-item[b-lza303m74p] {
    width: 250px;
    margin-bottom: 1.1rem;
}
.custom-listview-content .k-listview-content[b-lza303m74p] {
    margin: 0;
    padding: 0;
    outline: 0;
    flex-grow: 1;
    position: relative;
    overflow: hidden;
}

.in-cart[b-lza303m74p] {
    background-color: #e7edff;
    /*border: solid 2px #133597;*/
    border-radius: 5px;
}

.not-in-cart[b-lza303m74p] {
    border-radius: 5px;
    background: #fff !important;
    border: 1px solid #d1d1d1 !important;
}

.add-to-cart-container[b-lza303m74p] {
    position: absolute;
    top: 0;
    right: 10px;
}
/*General -end*/


/*Product end*/

/*Responsiveness -end*/


/*General -start*/

/*General -end*/
/* /Pages/Stock/ConsolidatedOffers.razor.rz.scp.css */

.stock-stats[b-jymkqmb26o] {
/*    background-image: url(https://res.cloudinary.com/malikbanks/image/upload/v1676985124/stock-bg.svg);
*/    background-color: #000000;
}

.svg-image[b-jymkqmb26o] {
    filter: grayscale(100%) sepia(100%) hue-rotate(180deg) saturate(0%) brightness(60%);
}


.list-title[b-jymkqmb26o] {
    cursor: pointer;
}

.nav-pills .nav-link.active[b-jymkqmb26o] {
    background-color: #000000;
    color: white;
    font-weight: 600;
}

.nav-underline .nav-link.active[b-jymkqmb26o], .nav-underline .show > .nav-link[b-jymkqmb26o] {
    font-weight: 700;
    color: #172671;
    border-bottom: 2px solid #172671;
}

.new-need-btn[b-jymkqmb26o] {
    background-color: #ffffff;
    color: #062a44;
    border: 1px solid #CAD5E5;
    box-shadow: 2px 2px 27px -3px rgba(1, 90, 235, 0.5);
}

.new-need-btn:hover[b-jymkqmb26o] {
    background-color: #062a44;
    color: #ffffff;
}

.need-card-parent[b-jymkqmb26o] {
    width: 31%;
    flex: none !important;
}

.need-card[b-jymkqmb26o] {
    border: 0.5px solid #CAD5E5;
    border-radius: 7px;
}

.need-card:hover[b-jymkqmb26o] {
    box-shadow: 2px 2px 21px -8px rgba(0, 0, 0, 0.25);
}


.product-card[b-jymkqmb26o] {
    background: white;
    width: 800px;
    padding: 30px;
    border-radius: 20px;
    box-shadow: #dbe2ee 0 0 20px 5px;
    display: flex;
    gap: 30px;
}

.cover-image[b-jymkqmb26o] {
    width: 300px;
    overflow: hidden;
}

img:hover[b-jymkqmb26o] {
    transform: scale(1.05);
}

.more-image-container[b-jymkqmb26o] {
    display: flex;
}

.more-image[b-jymkqmb26o] {
    width: 100px;
}

.image-container img[b-jymkqmb26o] {
    width: 100%;
    object-fit: cover;
}

.free-shipping[b-jymkqmb26o] {
    display: inline-block;
    padding: 5px 10px;
    border-radius: 30px;
    font-size: 14px;

    font-weight: 400;
}

.product-name[b-jymkqmb26o] {
    margin: 10px 0 20px 0;
    font-size: 22px;
}

.regular-price[b-jymkqmb26o] {
    text-decoration: line-through;
}

.discount-price[b-jymkqmb26o] {
    display: inline-block;
    font-size: 40px;
    font-weight: 700;
}


.offer-info[b-jymkqmb26o] {
    font-size: 14px;
    color: gray;
}

.add-to-cart[b-jymkqmb26o] {
    display: inline-block;
    width: 100%;
    padding: 15px;
    border-radius: 8px;
    font-size: 18px;
    font-weight: 500;
    text-align: center;
    box-shadow: #e2e9f3 0 5px;
    margin: 20px 0;
}

.add-to-cart .ion-icon[b-jymkqmb26o] {
    font-size: 30px;
    margin-bottom: -8px;
}

.dropzone[b-jymkqmb26o] {
    border: 2px dashed #565656 !important;
    border-radius: 0.475rem !important;
    padding: 10px;
}



/* /Pages/Stock/IndividualNeedListView.razor.rz.scp.css */
.no-border[b-eob4hkgqzw] {
    border: none;
}

.notes-pill[b-eob4hkgqzw] {
    border-radius: 4px;
    background-color: rgba(255, 255, 255, 0.26);
    color: #ffffff;
}

.header-card[b-eob4hkgqzw] {
    background-image: url(https://res.cloudinary.com/malikbanks/image/upload/v1695329820/needdetails-bg.svg);
    margin-bottom: -120px;
    letter-spacing: 1px;
}

.details-available[b-eob4hkgqzw] {
    background-color: rgba(4, 154, 75, 0.2);
    color: #049A4B;
    text-align: center;
}

.exp-btn[b-eob4hkgqzw] {
    font-size: 0.875rem;
    font-weight: 500;
    padding: 0.5rem 1rem;
    height: auto;
    line-height: 1.25rem;
    min-height: 2.25rem;
    min-width: 2.25rem;
    letter-spacing: 1.25px;
    text-transform: uppercase;
    border-radius: var(--rz-button-border-radius) !important;
    box-shadow: none !important;
    border: none !important;
    color: #0c1e5b;
}

.rz-spinner-up[b-eob4hkgqzw] {
    margin: 0 !important;
}

.rz-spinner-down[b-eob4hkgqzw] {
    margin: 0 !important;
}

.details-sold[b-eob4hkgqzw] {
    background: rgba(220, 5, 5, 0.2);
    color: #DC0505;
    text-align: center;
}

.table.stock-table thead th[b-eob4hkgqzw] {
    background-color: #CAD5E5;
    color: black;
    font: 22px 700;
    text-transform: capitalize !important;
}

.table.stock-table td[b-eob4hkgqzw] {
    padding: 20px;
}
.offers-pill[b-eob4hkgqzw] {
    border-radius: 4px;
    background-color: #f2f2f2;
    padding: 0.4rem;
}

.lh-0[b-eob4hkgqzw] {
    line-height: 0 !important;
}
/* /Pages/Stock/IndividualStockView.razor.rz.scp.css */
.no-border[b-id77y7b4fy] {
    border: none;
}

.notes-pill[b-id77y7b4fy] {
    border-radius: 4px;
    background-color: rgba(255, 255, 255, 0.26);
    color: #ffffff;
}

.header-card[b-id77y7b4fy] {
    background-image: url(https://res.cloudinary.com/malikbanks/image/upload/v1676985124/stock-bg.svg);
    margin-bottom: -120px;
    letter-spacing: 1px;
}

.details-available[b-id77y7b4fy] {
    background-color: rgba(4, 154, 75, 0.2);
    color: #049A4B;
    text-align: center;
}

.exp-btn[b-id77y7b4fy] {
    font-size: 0.875rem;
    font-weight: 500;
    padding: 0.5rem 1rem;
    height: auto;
    line-height: 1.25rem;
    min-height: 2.25rem;
    min-width: 2.25rem;
    letter-spacing: 1.25px;
    text-transform: uppercase;
    border-radius: var(--rz-button-border-radius) !important;
    box-shadow: none !important;
    border: none !important;
    color: #0c1e5b;
}

.rz-spinner-up[b-id77y7b4fy] {
    margin: 0 !important;
}

.rz-spinner-down[b-id77y7b4fy] {
    margin: 0 !important;
}

.details-sold[b-id77y7b4fy] {
    background: rgba(220, 5, 5, 0.2);
    color: #DC0505;
    text-align: center;
}

.table.stock-table thead th[b-id77y7b4fy] {
    background-color: #CAD5E5;
    color: black;
    font: 22px 700;
    text-transform: capitalize !important;
}

.table.stock-table td[b-id77y7b4fy] {
    padding: 20px;
}

.nav-underline .nav-link.active[b-id77y7b4fy], .nav-underline .show > .nav-link[b-id77y7b4fy] {
    font-weight: 700;
    color: #172671;
    border-bottom: 2px solid #172671;
}

.stat-number-main-wrapper[b-id77y7b4fy]{
    display: grid;
    grid-template-columns: repeat(4,1fr);
    grid-template-rows: 1fr;
    grid-gap: 15px;
}
.offers-pill[b-id77y7b4fy] {
    border-radius: 4px;
    background-color: #f2f2f2;
    padding: 0.4rem;
}

.lh-0[b-id77y7b4fy] {
    line-height: 0 !important;
}
/* /Pages/Stock/InvoicePageAdmin.razor.rz.scp.css */
.stock-stats[b-a21owf12sn] {
    background-image: url(https://res.cloudinary.com/malikbanks/image/upload/v1676985124/stock-bg.svg);
}

.nav-pills .nav-link[b-a21owf12sn] {
    font-size: 0.875rem;
    border: 0.5px solid rgba(47, 128, 237, 0.15)
}

    .nav-pills .nav-link.active[b-a21owf12sn] {
        background-color: #133597;
        border: none;
        color: white;
        font-weight: 600;
    }

.stock-counter-badge[b-a21owf12sn] {
    background-color: rgba(50, 81, 104, 0.08);
    padding: 0 4px;
    border-radius: 4px;
    font-weight: 700;
}

.nav-pills .nav-link.active .stock-counter-badge[b-a21owf12sn] {
    background-color: #ffffff !important;
    color: #172671 !important;
}

.nav-underline .nav-link.active[b-a21owf12sn], .nav-underline .show > .nav-link[b-a21owf12sn] {
    font-weight: 700;
    color: #172671;
    border-bottom: 2px solid #172671;
}

.table-cursor :hover[b-a21owf12sn] {
    cursor: pointer;
}

.new-need-btn[b-a21owf12sn] {
    background-color: #ffffff;
    color: #062a44;
    border: 1px solid #CAD5E5;
    box-shadow: 2px 2px 27px -3px rgba(1, 90, 235, 0.5);
}

    .new-need-btn:hover[b-a21owf12sn] {
        background-color: #062a44;
        color: #ffffff;
    }

.po-main-dashboard[b-a21owf12sn] {
    background: #f0f4f7;
    font-family: "DM Sans", sans-serif;
    font-style: normal;
    box-sizing: border-box;
    height: 100%;
    /* overflow-x: auto; */
}


.po-header .input-group[b-a21owf12sn] {
    width: 400px;
    color: #a5a5a5;
    border: 1px solid #cad5e5;
}

.input-group > .input-group-text[b-a21owf12sn] {
    font-size: 1.5rem;
    border: none;
}

.input-group > .form-control[b-a21owf12sn] {
    border-right: none
}

.po-header h3[b-a21owf12sn] {
    font-weight: 700;
    font-size: 30px;
    /*line-height: 43px;*/
    color: #464a53;
}

.purchase-btn[b-a21owf12sn] {
    color: #fff;
    border-radius: 10px;
}

    .purchase-btn .btn[b-a21owf12sn] {
        font-size: 20px;
        font-weight: 700;
        line-height: 10px;
        letter-spacing: 3px;
    }

.order-btn[b-a21owf12sn] {
    font-weight: 700;
    font-size: 28px;
}

    .order-btn .recieved[b-a21owf12sn] {
        background: #005EF6 !important;
        box-shadow: 2px 2px 20px -7px rgba(0, 0, 0, 0.25);
        border-radius: 10px;
    }

    .order-btn .sent[b-a21owf12sn] {
        border: 0.5px solid rgba(47, 128, 237, 0.15);
        box-shadow: 2px 2px 20px -7px rgba(0, 0, 0, 0.25);
        border-radius: 10px;
    }

.line[b-a21owf12sn] {
    width: 90%;
}

.payment-table[b-a21owf12sn] {
    height: 100%;
}

#thead[b-a21owf12sn],
#tbody[b-a21owf12sn] {
    vertical-align: middle;
}

.table-header[b-a21owf12sn] {
    background: #cad5e5;
    border: 1px solid #e6e7e8;
    font-weight: 700;
    font-size: 15px;
    line-height: 25px;
}

.payment-description[b-a21owf12sn] {
    font-family: "DM Sans", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 13px;
    line-height: 17px;
    color: #414141;
}

.amount[b-a21owf12sn] {
    font-weight: 700;
}

.custom-select-width[b-a21owf12sn] {
    width: auto !important;
    Set width to auto to remove the width style applied by Bootstrap background-color: #e9e9e9 !important;
    border-radius: 2px;
    color: #414141 !important;
    font-family: "Lato";
    font-weight: 400;
    font-size: 12px;
    line-height: 25px;
    padding-top: 0.15rem !important;
    padding-bottom: 0.15rem !important;
}

.status[b-a21owf12sn] {
    font-family: "DM Sans";
    font-weight: 700;
    font-size: 12px;
    text-align: center;
}

.table td[b-a21owf12sn] {
    padding: 20px;
}

.table tbody > tr:nth-of-type(odd)[b-a21owf12sn] {
    background-color: transparent !important;
}

.table tbody > tr:nth-of-type(even)[b-a21owf12sn] {
    background-color: #E6E7E8 !important;
    border: 1px solid #E6E7E8
}


#delivered[b-a21owf12sn] {
    background-color: rgba(4, 154, 75, 0.2);
    border-color: rgba(4, 154, 75, 0.2);
    color: #049a4b;
    padding: 5px 10px;
}

#pending[b-a21owf12sn] {
    background-color: rgba(188, 191, 5, 0.15);
    border-color: rgba(188, 191, 5, 0.15);
    color: #bcbf05;
    padding: 5px 10px;
}

#approved[b-a21owf12sn] {
    background-color: rgba(47, 128, 237, 0.15);
    border-color: rgba(47, 128, 237, 0.15);
    color: #005ef6;
    padding: 5px 10px;
}

#canceled[b-a21owf12sn] {
    background-color: rgba(220, 5, 5, 0.2);
    border-color: rgba(220, 5, 5, 0.2);
    color: #dc0505;
    padding: 5px 10px;
}

#paid[b-a21owf12sn] {
    color: #049a4b;
}

#waiting[b-a21owf12sn] {
    color: #bcbf05;
}

#cancel[b-a21owf12sn] {
    color: #dc0505;
}

#refund[b-a21owf12sn] {
    color: #005ef6;
}
/* /Pages/Stock/LTProducts.razor.rz.scp.css */
.dropzone[b-dbye1vd0k6] {
    border: 1px dashed var(--lpx-primary) !important;
    border-radius: 0.475rem !important;
    padding: 10px;
}
/* /Pages/Stock/Marketplace.razor.rz.scp.css */
:root[b-jk3jlye5m7] {
    --pill-grey: #A7A8B5;
    --colour-primary-blue: #005EF6;
    --colour-secondary-blue: #2F80ED;
    --colour-secondary-dark-grey: #58595B;
    --colour-light-red: #ff5757;
    --colour-light-grey: #F4F5F7;
    --colour-tertiary-green-1: #2AC475;
    --colour-tertiary-green-2: #8DFFC0;
    --colour-tertiary-green-3: #70E3EF;
    --input-radius: 6px;
    --focus-input-border-colour: #005EF6;
}

.lpx-toolbar-container[b-jk3jlye5m7] {
    box-shadow: rgba(0, 0, 0, 0.16) 0 1px 4px;
}


.header-banner[b-jk3jlye5m7] {
    height: 35vh;
}


.header-img[b-jk3jlye5m7] {
    height: 100%;
}

.header-img img[b-jk3jlye5m7] {
    object-fit: cover;
    width: 100%;
    height: 100%;
}

.search-section-bg[b-jk3jlye5m7] {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background-color: #e6ebef;
}

    .search-section-bg input[b-jk3jlye5m7] {
        height: 48px;
        outline: 0;
        cursor: pointer;
    }

    .k-listview-item[b-jk3jlye5m7] {
        width: 100% !important;
    }

.header-mid-perf > div[b-jk3jlye5m7] {
    height: 80px;
    width: 80px;
    box-shadow: 0px 0px 20px -1px rgba(255, 255, 255, 0.7);
    cursor: pointer;
    transition: transform 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
}

    .header-mid-perf > div:hover[b-jk3jlye5m7] {
        transform: scale(1.1);
        box-shadow: 0px 0px 20px 5px rgba(255, 255, 255, 0.7);
    }

    .perf-img img[b-jk3jlye5m7] {
        object-fit: cover;
    }

    .perf-text[b-jk3jlye5m7] {
        font-size: 0.9rem;
        font-weight: bold;
    }


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


.bottom-product-section[b-jk3jlye5m7] {
    height: 85%;
    display: flex;
    justify-content: center;
    overflow-x: visible;
    width:100%;
    /*    overflow-y: auto;*/
}

/*Header section start*/

/*search section start*/

.main-search-container[b-jk3jlye5m7] {
    --cont-height: 60px;
    height: var(--cont-height);
    border-radius: 1000px;
    border: 1px solid var(--pill-grey);

}


.left-filter-section[b-jk3jlye5m7] {
    display: flex;
}

.right-products-section[b-jk3jlye5m7] {
    width: 100%;
}

#filter-show-wrapper[b-jk3jlye5m7] {
    display: none;
}


#location-popover[b-jk3jlye5m7] {
    display: none;

}

.location-list .popover-backdrop[b-jk3jlye5m7] {

    position: absolute;
    z-index: 1;
    background: rgba(20, 20, 20, 0.2);
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    display: flex
}

.location-list .list-group[b-jk3jlye5m7] {
    position: absolute;
    z-index: 2;


}

.location-list .popover-backdrop:hover[b-jk3jlye5m7] {
    cursor: pointer;

}

.sub-search-container[b-jk3jlye5m7] {
}

.location-container[b-jk3jlye5m7] {
    border-right: 1px solid #E5E4EC;
    margin-right: 10px;
    color: #A7A6AE;

}

.location-container[b-jk3jlye5m7] {
    width: 30%;
}

.location-container:hover[b-jk3jlye5m7] {
    color: #56555a;
    cursor: pointer;
}

.current-location[b-jk3jlye5m7] {
    outline: none;
    border: none;
    color: #56555a;
    width: 100%;
}

.no-border-input[b-jk3jlye5m7] {
    display: inline;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    float: none;
    width: 90%;
    cursor: default;
    opacity: 1;
    padding: 10px 20px;
    border: 1px solid #d1d1d1 !important;
    outline: none;
    border-radius: 30px 0 0 30px;
    color: rgba(0, 0, 0, 0.9);
    -o-text-overflow: clip;
    text-overflow: clip;
    background: #e6ebef;
}


.search-button[b-jk3jlye5m7] {
    display: inline;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    cursor: pointer;
    padding: 10px 20px;
    border: 1px solid #018dc4;
    font-size: 0.8rem;
    -webkit-border-radius: 66px;
    border-radius: 0 30px 30px 0;
    color: rgba(255, 255, 255, 0.9);
    -o-text-overflow: clip;
    text-overflow: clip;
    background: #005EF6;
}

.search-button:hover[b-jk3jlye5m7] {
    background: #27AAE1;
}

.search-button:active[b-jk3jlye5m7] {
    border: none;
}

.button-icon[b-jk3jlye5m7] {
    margin-right: 0.3rem;
}

/*search section end*/


/*Header section end*/


/*Listing Size / Sort start*/
.products-page-size[b-jk3jlye5m7] {
    padding: 10px 0;
}

/*Listing Size / Sort end*/

/*Filter Pill start*/
.filter-pills[b-jk3jlye5m7] {
    display: flex;
    overflow-x: auto;
}

.filter-pill[b-jk3jlye5m7] {
    --pill-spacing: 7px;
    color: var(--pill-grey);
    border: 1px solid var(--pill-grey);
    border-radius: 100px;
    padding: 2px var(--pill-spacing);
    background: rgba(255, 255, 255, 1);
    display: inline-flex;
    align-items: center;
    max-height: fit-content;
    white-space: nowrap;

}

.filter-pill:hover[b-jk3jlye5m7] {
    color: var(--colour-secondary-dark-grey);
    border-color: var(--colour-secondary-dark-grey);
}

.filter-close[b-jk3jlye5m7] {
    --close-size: 1rem;
    --close-spacing: 4px;
    opacity: 0.9;
    height: var(--close-size);
    width: var(--close-size);
    padding: var(--close-spacing);
    border-radius: var(--close-size);
    display: inline-flex;
    justify-content: center;
    align-content: center;
    background-color: var(--pill-grey);
    margin-left: 2px
}

.filter-close svg[b-jk3jlye5m7] {
    fill: white;
}

.filter-close:hover[b-jk3jlye5m7] {
    background: var(--colour-light-red);
    cursor: pointer;

}


/*Filter Pill end*/

/*Product Listing Section -start*/
/*.product-listing-section {

    flex-direction: row;
    flex-wrap: wrap;
}*/

.product-listing-section > *[b-jk3jlye5m7] {
    height: auto;
}


.product-card[b-jk3jlye5m7] {

    margin: 0;
    box-shadow: rgba(0, 0, 0, 0.16) 0 1px 4px;
}

.product-card:hover[b-jk3jlye5m7] {
    cursor: pointer;
    background: rgba(253, 253, 253, 1);
}


/*Product Card -start*/
#caption-overlay[b-jk3jlye5m7] {
    position: absolute;
    z-index: 0;
    top: 0;
    font-weight: 600;
    background: rgba(88, 89, 91, 0.2);
    color: white;
    width: 100%;
}

.product-image-wrapper[b-jk3jlye5m7] {
    height: auto;
}

.product-image[b-jk3jlye5m7] {
    object-fit: contain;
    max-height: 100%;
}

.product-title[b-jk3jlye5m7] {
    display: -webkit-box;

    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    display: flex;

}

.product-title:hover[b-jk3jlye5m7] {
    text-decoration: underline;
    cursor: pointer;
    color: #56555a;
}

.rating[b-jk3jlye5m7] {
    display: block;
    max-width: 5rem;
    height: 1rem;

}

.list-view-right[b-jk3jlye5m7] {
    background-color: #f2f2f2;
    padding: 5px;
    border-radius: 15px;
}

.list-view-left[b-jk3jlye5m7] {
    width: 30% !important;
}

.card-view-right[b-jk3jlye5m7] {
    background-color: #f2f2f2;
    padding: 5px;
}

.product-discount[b-jk3jlye5m7] {
    text-decoration: line-through;
}

.product-discount-percentage[b-jk3jlye5m7] {
    margin-left: -6px;
}

.purchase-section[b-jk3jlye5m7] {
    display: flex;
}

.quantity-input[b-jk3jlye5m7] {

    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;

    cursor: default;
    margin: 0;


    border: 1px solid #b7b7b7;
    -webkit-border-radius: var(--input-radius);
    border-radius: var(--input-radius);

    background: rgba(252, 252, 252, 1);
    -webkit-box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.2) inset;
    box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.2) inset;
    text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.66);
    -webkit-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);
    -moz-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);
    -o-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);
    transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);
    width: auto;


}

.in-stock-text[b-jk3jlye5m7] {
    font-size: 0.6rem;
}

.quantity-input-control:first-child:hover[b-jk3jlye5m7] {
    fill: var(--colour-light-red);
}

.quantity-input-control:last-child:hover[b-jk3jlye5m7] {
    fill: var(--colour-tertiary-green-3);
}

.quantity-input-control svg[b-jk3jlye5m7] {
    height: 19px;
    display: inline;
}

.add-cart-container[b-jk3jlye5m7] {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
}
.add-cart-btn:hover[b-jk3jlye5m7] {
    background: linear-gradient(135deg, #2a78f6, #38d1d1) !important;
    color: #ffffff !important;
}

.add-cart-btn[b-jk3jlye5m7] {
    border: none;
    border-radius: 100px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: white;
    font-size: 16px;
    cursor: pointer;
    background: #1A2980; /* fallback for old browsers */
    background: -webkit-linear-gradient(135deg, #38d1d1, #2a78f6); /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(135deg, #38d1d1, #2a78f6);
    box-shadow: 0px 10px 30px rgba(56, 209, 209, 0.4);
    transition: all 0.3s ease-in-out;
}

.cart-svg[b-jk3jlye5m7]{
    width: 20px;
}

.add-cart-btn small[b-jk3jlye5m7] {
    font-size: 12px;
}

.add-cart svg:hover[b-jk3jlye5m7],
.quantity-input-control svg:hover[b-jk3jlye5m7] {
    cursor: pointer;
    opacity: 0.8;
}

.add-cart svg[b-jk3jlye5m7] {
    height: 29px;
    fill: var(--colour-primary-blue);
}

/*Product Card -end*/

/*Filter Section -start*/
.filter-heading-card[b-jk3jlye5m7] {
}

.filter-heading[b-jk3jlye5m7] {
    font-weight: 1.5rem !important;
    font-weight: 700;
}

.clear-filters:hover[b-jk3jlye5m7] {
    cursor: pointer;
    color: var(--colour-primary-blue) !important;
    font-weight: 600;
}

#clear-filters-icon[b-jk3jlye5m7] {
    font-size: 1rem;
    font-weight: 300
}

#clear-filters-text[b-jk3jlye5m7] {
    font-size: 0.8rem;
    color: lightslategrey;
}

.filter-listing[b-jk3jlye5m7] {
    /*overflow-y: auto;*/
    /*    max-height: 90%;*/

}

.filter-price-input:focus[b-jk3jlye5m7] {
    outline: none;
    border: 1px solid #b7b7b7;
}

.input-group-2[b-jk3jlye5m7] {
    display: flex;
    justify-content: flex-start;


}

.input-group-2:focus-within[b-jk3jlye5m7] {
    border-radius: var(--input-radius);

}

.input-group-2 > :first-child[b-jk3jlye5m7] {
    border-radius: var(--input-radius) 0 0 var(--input-radius);
    border: 1px solid #b7b7b7;
    font-weight: 900;
}

.input-group-2 > :last-child[b-jk3jlye5m7] {
    border-radius: 0 var(--input-radius) var(--input-radius) 0;
    border: 1px solid #b7b7b7;

}


.filter-price-input[b-jk3jlye5m7] {
    display: inline-block;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    padding: 10px 20px;
    border: 1px solid #b7b7b7;
    border-left-color: #ffffff;
    -webkit-border-radius: 0 6px 6px 0;
    border-radius: 0 6px 6px 0;

    -o-text-overflow: clip;
    text-overflow: clip;
    background: rgba(252, 252, 252, 1);
    -webkit-box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.2) inset;
    box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.2) inset;
    text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.66);
    -webkit-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);
    -moz-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);
    -o-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);
    transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);
    width: 100%;
}

.input-group-2:focus-within > :first-child[b-jk3jlye5m7] {
    border: 1px solid var(--focus-input-border-colour);
    color: var(--focus-input-border-colour);
}

.input-group-2:focus-within > :last-child[b-jk3jlye5m7] {
    border: 1px solid var(--focus-input-border-colour);
    border-left-width: 0;

}

.open-close-category:hover[b-jk3jlye5m7] {
    color: #68666d;
    cursor: pointer;
}

.brand-search-input[b-jk3jlye5m7] {
    display: inline-block;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    padding: 10px 20px;
    border: 1px solid #b7b7b7;
    -webkit-border-radius: 6px;
    border-radius: 6px;

    -o-text-overflow: clip;
    text-overflow: clip;
    background: rgba(252, 252, 252, 1);
    -webkit-box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.2) inset;
    box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.2) inset;
    text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.66);
    -webkit-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);
    -moz-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);
    -o-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);
    transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);
    width: 90%;
    outline: none;
}


.brand-search-over[b-jk3jlye5m7] {
    position: absolute;
    width: 100%;
    max-height: 300px;
    overflow-y: auto;

    display: none;
}

.brand-search-over .list-group[b-jk3jlye5m7] {
}

.brand-search-input:focus + .brand-search-over[b-jk3jlye5m7] {

    display: block;
}

.cart-banner[b-jk3jlye5m7] {
    width: 50%;
    z-index: 9999;
    position: fixed;
    bottom: 40px;
    align-items: center;
    background-image: url(https://res.cloudinary.com/malikbanks/image/upload/v1676985124/stock-bg.svg);
    border-radius: 10px;
}


/*Filter Section -end*/


/*Product Listing Section -end*/


/*Responsiveness -start*/
/*tablets and smartphones*/
@media (max-width: 1024px) {

    /*left filter section -start*/
    

    #toggle-filter[b-jk3jlye5m7] {
        --toggle-filter-colour: rgb(56, 56, 56);
        padding: 10px 10px 10px 0;
        display: flex;
        align-items: center;
        justify-content: space-between;
        z-index: 1;
        border-radius: 0 1000px 1000px 0;
        border: 1px solid rgba(56, 56, 56, 0.5);
        border-left-width: 0;
        color: var(--toggle-filter-colour);

        background: white;
        transition: all 3s;
    }

    #toggle-filter:hover[b-jk3jlye5m7] {
        cursor: pointer;
    }

    #toggle-filter #show-filter-text[b-jk3jlye5m7] {
        display: inline;
        width: 0;
        overflow: hidden;
        white-space: nowrap;
        transition: width .2s linear;
        -webkit-transition: width .2s linear;
        -moz-transition: width .2s linear;
    }


    #toggle-filter #show-filter-icon[b-jk3jlye5m7] {
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 1.4rem;
        padding: 3px 5px;

    }

    #toggle-filter #show-filter-icon[b-jk3jlye5m7] {
        transform: scaleX(-1);
        -webkit-transform: scaleX(-1);
        -moz-transform: scaleX(-1);
        transition: transform .5s ease-out .5s;
        -webkit-transition: transform .5s ease-out .5s;
        -moz-transition: transform .5s ease-out .5s;
    }


    #toggle-filter:hover #show-filter-text[b-jk3jlye5m7] {
        width: 90px;
    }

    #filter-show-wrapper[b-jk3jlye5m7] {
        display: flex;
        justify-content: flex-start;
        align-items: center;
        width: 150px;
    }

    /*left filter section -end*/
}

/*Smart devices No. 1*/
@media (max-width: 767px) {
   

    .search-bar-input input[b-jk3jlye5m7] {
        width: 100%;

    }

    .right-products-section[b-jk3jlye5m7] {
        width: 100%;
    }

    #location-popover[b-jk3jlye5m7] {
    }

    .location-list[b-jk3jlye5m7] {
        width: 85%;
        margin-top: 2px;
    }

    .location-container[b-jk3jlye5m7] {
        font-size: 0.6rem;
    }

    .location-icon[b-jk3jlye5m7] {
        display: none;
    }

    .search-bar-input[b-jk3jlye5m7] {
        width: 80%;
        display: flex;
    }

    .search-bar-input input[b-jk3jlye5m7] {
        width: 100%;
    }

    .search-container[b-jk3jlye5m7] {
        display: none;
    }

    .search-button[b-jk3jlye5m7] {
        font-size: 0.8rem;
    }

    .search-button .button-icon[b-jk3jlye5m7] {
        display: none;
    }

    .location-container[b-jk3jlye5m7] {
        font-size: 1rem;
        width: 25%;

    }

    /*search section -end*/
    .products-page-size[b-jk3jlye5m7] {

        /*background: red;*/
    }

    .products-page-size .line[b-jk3jlye5m7] {
        width: 100%;
        display: block;
        margin: 5px 0;
    }

    .result-sort[b-jk3jlye5m7] {
        width: 100%;
    }


    .product-title[b-jk3jlye5m7] {
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }

    .purchase-section .quantity-section[b-jk3jlye5m7] {

        width: 90%;
        position: relative;
    }

    .purchase-section .quantity-section input[b-jk3jlye5m7] {
        display: block;
        width: 90%;
    }

    .add-cart-container[b-jk3jlye5m7] {
    }

    /*Filter section  -start*/
    .left-filter-section[b-jk3jlye5m7] {
        /*        display: none;*/
    }

    .close-filter[b-jk3jlye5m7] {
        --close-size: 40px;
        content: "";
        height: var(--close-size);
        width: var(--close-size);
        background: red;
        position: fixed;
        z-index: 1020;
        top: 50%;
        left: calc(-1 * var(--close-size) * 0.25);


    }


    /*Filter section  -end*/
}


/*tablets, ipads (portrait) 3*/
@media (min-width: 768px) and (max-width: 1024px) {

    /*search section -start*/
    .main-search-container[b-jk3jlye5m7] {
        margin: 10px 0 10px;
        width: 100%;
    }

    .location-container[b-jk3jlye5m7] {
        font-size: 0.7rem;
    }

    .location-icon[b-jk3jlye5m7] {
    }

    .search-bar-input[b-jk3jlye5m7] {
        width: 60%;
    }

    .search-bar-input[b-jk3jlye5m7] {
    }

    .search-container[b-jk3jlye5m7] {
        margin-right: -10px;
    }

    .search-button[b-jk3jlye5m7] {
        font-size: 0.9rem;
        float: right;
    }

    .search-button .button-icon[b-jk3jlye5m7] {
        display: none;
    }

    .location-container[b-jk3jlye5m7] {
        font-size: 1rem;
        width: 35%;
    }

    /*search section -end*/
    .products-page-size[b-jk3jlye5m7] {
    }

    .products-page-size .line[b-jk3jlye5m7] {
        width: 100%;
        display: block;
        margin: 5px 0;
    }

    .result-sort[b-jk3jlye5m7] {
        width: 50%;
    }

    .product-title[b-jk3jlye5m7] {
        display: -webkit-box;

        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }

    .purchase-section .quantity-section[b-jk3jlye5m7] {

        width: 90%;
        position: relative;
    }

    .purchase-section .quantity-section input[b-jk3jlye5m7] {
        display: block;
        width: 90%;
    }

    .add-cart-container[b-jk3jlye5m7] {
    }

    /*Filter section  -start*/
    .left-filter-section[b-jk3jlye5m7] {
        /*        display: none;*/
    }


    .close-filter[b-jk3jlye5m7] {
        --close-size: 40px;
        content: "";
        height: var(--close-size);
        width: var(--close-size);
        background: red;
        position: fixed;
        z-index: 1020;
        top: 50%;
        left: calc(-1 * var(--close-size) * 0.25);


    }

    .close-filter[b-jk3jlye5m7] {
        /*Todo:  Show and hide file*/
    }

    /*Filter section  -end*/
}

/*laptop - low res*/
@media (min-width: 1025px) and (max-width: 1281px) {
   

    .right-products-section[b-jk3jlye5m7] {
        width: 100%;

    }


    .location-container[b-jk3jlye5m7] {
        font-size: 0.8rem;
    }

    .search-container[b-jk3jlye5m7] {
        margin-right: -10px;
    }

    .search-button[b-jk3jlye5m7] {
        font-size: 0.9rem;
        float: right;
    }

    .search-button .button-icon[b-jk3jlye5m7] {
    }

    .location-container[b-jk3jlye5m7] {
        font-size: 1rem;
        width: 35%;
    }

    /*search section -end*/
    .products-page-size[b-jk3jlye5m7] {
        display: flex;

        justify-content: space-between;
    }

    .products-page-size .line[b-jk3jlye5m7] {
        width: 100%;

        margin: 5px 0;
    }

    .products-page-size .line:last-child[b-jk3jlye5m7] {
        text-align: end;
    }

    .result-sort[b-jk3jlye5m7] {
        display: inline-flex;
    }

    .product-title-container[b-jk3jlye5m7] {
        min-height: 84px;
    }

    .product-title[b-jk3jlye5m7] {
        display: -webkit-box;

        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }

    .purchase-section .quantity-section[b-jk3jlye5m7] {

        width: 90%;
        position: relative;
    }

    .purchase-section .quantity-section input[b-jk3jlye5m7] {
        display: block;
        width: 80%;
    }


    /*Filter section  -start*/
   

    .close-filter[b-jk3jlye5m7] {
        --close-size: 40px;
        content: "";
        height: var(--close-size);
        width: var(--close-size);
        background: red;
        position: fixed;
        z-index: 1020;
        top: 50%;
        left: calc(-1 * var(--close-size) * 0.25);


    }

    .close-filter[b-jk3jlye5m7] {
        /*Todo:  Show and hide file*/
    }

    /*Filter section  -end*/
}

/*laptop - high resolution 4*/

@media screen and (min-width: 1281px) and (max-width: 1440px) {
    
    .right-products-section[b-jk3jlye5m7] {
        width: 100%;

    }

    .location-container[b-jk3jlye5m7] {
        font-size: 0.8rem;
    }

    .location-icon[b-jk3jlye5m7] {
    }

    .search-container[b-jk3jlye5m7] {
        margin-right: -10px;
    }

    .search-button[b-jk3jlye5m7] {
        font-size: 0.9rem;
        float: right;
    }

    .search-button .button-icon[b-jk3jlye5m7] {
    }

    .location-container[b-jk3jlye5m7] {
        font-size: 1rem;
        width: 35%;
    }

    /*search section -end*/
    .products-page-size[b-jk3jlye5m7] {
        display: flex;

        justify-content: space-between;
    }

    .products-page-size .line[b-jk3jlye5m7] {
        width: 100%;

        margin: 5px 0;
    }

    .products-page-size .line:last-child[b-jk3jlye5m7] {
        text-align: end;
    }

    .result-sort[b-jk3jlye5m7] {
        display: inline-flex;
    }


    .product-title-container[b-jk3jlye5m7] {
        min-height: 84px;
    }

    .product-title[b-jk3jlye5m7] {
        min-height: 63px;
        display: -webkit-box;

        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }

    .purchase-section .quantity-section[b-jk3jlye5m7] {

        width: 90%;
        position: relative;
    }

    .purchase-section .quantity-section input[b-jk3jlye5m7] {
        display: block;
        width: 80%;
    }



    .close-filter[b-jk3jlye5m7] {
        --close-size: 40px;
        content: "";
        height: var(--close-size);
        width: var(--close-size);
        background: red;
        position: fixed;
        z-index: 1020;
        top: 50%;
        left: calc(-1 * var(--close-size) * 0.25);


    }


    /*Filter section  -end*/
}

/*desktop 5 -7*/
@media screen and (min-width: 1441px) and (max-width: 1920px) {


    .right-products-section[b-jk3jlye5m7] {
        width: 100%;

    }


    .location-container[b-jk3jlye5m7] {
        font-size: 0.8rem;
    }

    .search-container[b-jk3jlye5m7] {
        margin-right: -10px;
    }

    .search-button[b-jk3jlye5m7] {
        font-size: 0.9rem;
        float: right;
    }

    .location-container[b-jk3jlye5m7] {
        font-size: 1rem;
        width: 35%;
    }

    /*search section -end*/
    .products-page-size[b-jk3jlye5m7] {
        display: flex;

        justify-content: space-between;
    }

    .products-page-size .line[b-jk3jlye5m7] {
        width: 100%;

        margin: 5px 0;
    }

    .products-page-size .line:last-child[b-jk3jlye5m7] {
        text-align: end;
    }

    .result-sort[b-jk3jlye5m7] {
        display: inline-flex;
    }

    .product-title-container[b-jk3jlye5m7] {
        min-height: 84px;
    }

    .product-title[b-jk3jlye5m7] {
        min-height: 63px;
        display: -webkit-box;

        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }

    .purchase-section .quantity-section[b-jk3jlye5m7] {

        width: 90%;
        position: relative;
    }

    .purchase-section .quantity-section input[b-jk3jlye5m7] {
        display: block;
        width: 80%;
    }


    .close-filter[b-jk3jlye5m7] {
        --close-size: 40px;
        content: "";
        height: var(--close-size);
        width: var(--close-size);
        background: red;
        position: fixed;
        z-index: 1020;
        top: 50%;
        left: calc(-1 * var(--close-size) * 0.25);


    }


    /*Filter section  -end*/
}


@media (min-width: 1441px) {

    .product-section[b-jk3jlye5m7] {
        width: 80%;
        margin: 0 auto;
    }
}
/*Product start*/

.product-container[b-jk3jlye5m7] {
    overflow: hidden;
}

.product-card[b-jk3jlye5m7] {
    margin: 0;
    box-shadow: rgba(0, 0, 0, 0.16) 0 1px 4px;
}

    .product-card:hover[b-jk3jlye5m7] {
        cursor: pointer;
        background: rgba(253, 253, 253, 1);
    }


/*Product Card -start*/
#caption-overlay[b-jk3jlye5m7] {
    position: absolute;
    z-index: 0;
    top: 0;
    font-weight: 600;
    background: rgba(88, 89, 91, 0.2);
    color: white;
    width: 100%;
}

.product-image-wrapper[b-jk3jlye5m7] {
    height: auto;
}

.product-image[b-jk3jlye5m7] {
    object-fit: scale-down;
    max-height: 100%;
}

.card-image-parent[b-jk3jlye5m7] {
    background: #f9fcff;
}

.product-title[b-jk3jlye5m7] {
    max-height: 84px;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    display: flex;
}

    .product-title:hover[b-jk3jlye5m7] {
        text-decoration: underline;
        cursor: pointer;
        color: #56555a;
    }

.rating-wrapper[b-jk3jlye5m7] {
    height: 40px;
}

.product-price[b-jk3jlye5m7] {
    font-size: 1.0rem !important;
}

.product-discount[b-jk3jlye5m7] {
    text-decoration: line-through;
}

.product-discount-percentage[b-jk3jlye5m7] {
    margin-left: -6px;
}

.purchase-section[b-jk3jlye5m7] {
    display: flex;
}

.price-section[b-jk3jlye5m7] {
    width: 45%;
    text-align:right;
}

.quantity-section[b-jk3jlye5m7]{
    width:45%;
    text-align:center;
}
.quantity-input[b-jk3jlye5m7] {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    cursor: default;
    margin: 0;
    border: 1px solid #b7b7b7;
    -webkit-border-radius: var(--input-radius);
    border-radius: var(--input-radius);
    background: rgba(252, 252, 252, 1);
    -webkit-box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.2) inset;
    box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.2) inset;
    text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.66);
    -webkit-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);
    -moz-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);
    -o-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);
    transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);
    width: 50%;
    color: #0930A9;
    font-weight: bold;
    text-align: center;
}

.price-input[b-jk3jlye5m7] {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    cursor: default;
    margin: 0;
    border: 1px solid #b7b7b7;
    -webkit-border-radius: var(--input-radius);
    border-radius: var(--input-radius);
    background: rgba(252, 252, 252, 1);
    -webkit-box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.2) inset;
    box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.2) inset;
    text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.66);
    -webkit-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);
    -moz-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);
    -o-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);
    transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);
    width: 50%;
    color: #0930A9;
    font-weight: bold;
    text-align: right;
}

.quantity-input-control[b-jk3jlye5m7] {
}

.in-stock-text[b-jk3jlye5m7] {
    font-size: 0.7rem;
}

.quantity-input-control:first-child:hover[b-jk3jlye5m7] {
    fill: var(--colour-light-red);
}

.quantity-input-control:last-child:hover[b-jk3jlye5m7] {
    fill: var(--colour-tertiary-green-3);
}

.quantity-input-control svg[b-jk3jlye5m7] {
    height: 19px;
    display: inline;
}

.add-cart-container[b-jk3jlye5m7] {
    position: absolute;
    top: 0;
    right: 10px;
}

.add-cart svg:hover[b-jk3jlye5m7],
.quantity-input-control svg:hover[b-jk3jlye5m7] {
    cursor: pointer;
    opacity: 0.8;
}

.add-cart svg[b-jk3jlye5m7] {
    height: 29px;
}

/*Product Card -end*/


/*Product Listing Section -end*/


/*Responsiveness -start*/
/*tablets and smartphones*/
@media (max-width: 1024px) {
}

/*Smart devices No. 1*/
@media (max-width: 767px) {


    .product-title[b-jk3jlye5m7] {
        min-height: 63px;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }

    .purchase-section .quantity-section[b-jk3jlye5m7] {
        width: 90%;
        position: relative;
    }

        .purchase-section .quantity-section input[b-jk3jlye5m7] {
            display: block;
            width: 90%;
        }

    .add-cart-container[b-jk3jlye5m7] {
    }
}

/*tablets, ipads (landscape)*/
@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
}

/*tablets, ipads (portrait) 3*/
@media (min-width: 768px) and (max-width: 1024px) {

    .product-title[b-jk3jlye5m7] {
        min-height: 63px;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }

    .purchase-section .quantity-section[b-jk3jlye5m7] {
        width: 90%;
        position: relative;
    }

        .purchase-section .quantity-section input[b-jk3jlye5m7] {
            display: block;
            width: 90%;
        }

    .add-cart-container[b-jk3jlye5m7] {
    }
}

/*laptop - low res*/
@media (min-width: 1025px) and (max-width: 1281px) {


    .product-title-container[b-jk3jlye5m7] {
        min-height: 84px;
    }

    .product-title[b-jk3jlye5m7] {
        min-height: 63px;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }

    .purchase-section .quantity-section[b-jk3jlye5m7] {
        width: 90%;
        position: relative;
    }

        .purchase-section .quantity-section input[b-jk3jlye5m7] {
            display: block;
            width: 80%;
        }

    .add-cart-container[b-jk3jlye5m7] {
    }
}

/*laptop - high resolution 4*/

@media screen and (min-width: 1281px) and (max-width: 1440px) {


    .product-title-container[b-jk3jlye5m7] {
        min-height: 84px;
    }

    .product-title[b-jk3jlye5m7] {
        min-height: 63px;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }

    .purchase-section .quantity-section[b-jk3jlye5m7] {
        width: 90%;
        position: relative;
    }

        .purchase-section .quantity-section input[b-jk3jlye5m7] {
            display: block;
            width: 80%;
        }

    .add-cart-container[b-jk3jlye5m7] {
    }
}

/*desktop 5 -7*/
@media screen and (min-width: 1441px) and (max-width: 1920px) {


    .product-title-container[b-jk3jlye5m7] {
        min-height: 84px;
    }

    .product-title[b-jk3jlye5m7] {
        min-height: 63px;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }

    .purchase-section .quantity-section[b-jk3jlye5m7] {
        width: 90%;
        position: relative;
    }

        .purchase-section .quantity-section input[b-jk3jlye5m7] {
            display: block;
            width: 80%;
        }

    .add-cart-container[b-jk3jlye5m7] {
    }
}

@media screen and (min-width: 1921px) {
}

/*Responsiveness -end*/

/*General -start*/
.cart-error-popover[b-jk3jlye5m7] {
    position: absolute;
    top: 10px;
    white-space: nowrap;
    box-shadow: rgba(17, 17, 26, 0.1) 0 4px 16px, rgba(17, 17, 26, 0.1) 0 8px 24px, rgba(17, 17, 26, 0.1) 0 16px 56px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 5px 10px;
    border-radius: 5px;
    background: white;
}

    .cart-error-popover[b-jk3jlye5m7]::before {
        content: " ";
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 0 10px 10px 10px;
        border-color: transparent transparent #fff transparent;
        position: absolute;
        top: -10px;
    }

.k-listview-item[b-jk3jlye5m7] {
    width: 100px;
    margin-bottom: 1.1rem;
}

.custom-item[b-jk3jlye5m7] {
    width: 250px;
    margin-bottom: 1.1rem;
}
.custom-listview-content .k-listview-content[b-jk3jlye5m7] {
    margin: 0;
    padding: 0;
    outline: 0;
    flex-grow: 1;
    position: relative;
    overflow: hidden;
}

.in-cart[b-jk3jlye5m7] {
    background-color: #e7edff;
    /*border: solid 2px #133597;*/
    border-radius: 5px;
}

.not-in-cart[b-jk3jlye5m7] {
    border-radius: 5px;
    background: #fff !important;
    border: 1px solid #d1d1d1 !important;
}

.add-to-cart-container[b-jk3jlye5m7] {
    position: absolute;
    top: 0;
    right: 10px;
}


.best-seller-tag[b-jk3jlye5m7] {
    position: relative; /* Needed for absolute positioning of the pseudo-element */
    display: inline-block; /* Allows padding and width to be applied */
    padding: 2px 14px 2px 5px;
    /*background-color: red;*/ /* Example background color */
    color: white;
    border-radius: 3px;
    z-index: 1;
}

    .best-seller-tag[b-jk3jlye5m7]::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: #1f3fba;
        z-index: -1;
        /*        clip-path: polygon(0 0, calc(100% - 10px) 0, 100% 100%, 0 100%);*/
        clip-path: polygon(0 0, 100% 0, 100% calc(100% - 25px), calc(100% - 15px) 100%, 0 100%);
    }

.img-icon[b-jk3jlye5m7] {
    width: 25px;
}

.scroll-container[b-jk3jlye5m7] {
    width: 95%;
    overflow: hidden;
    padding: 10px 0;
    margin: 0 auto;
}

.scroll-content[b-jk3jlye5m7] {
    display: flex;
    gap: 24px;
/*    animation: scroll 20s linear infinite;*/
    white-space: nowrap;
}

/*.scroll-content:hover {
    animation-play-state: paused;
}*/

.scroll-item[b-jk3jlye5m7] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 8px 15px;
    font-weight: bold;
    background: #f8f9fa;
    border-radius: 8px;
    cursor: pointer;
    transition: transform 0.3s ease;
    /*    border: 4px solid transparent;
    border-image: linear-gradient(45deg, #ff7e5f, #feb47b) 1;*/
}

    .scroll-item:hover[b-jk3jlye5m7] {
        transform: translateY(-2px);
        background: -webkit-linear-gradient(to right, #26D0CE, #1A2980);
        background: linear-gradient(to right, #26D0CE, #1A2980);
        color: white;
        font-weight: bold;
    }

    .scroll-item img[b-jk3jlye5m7] {
        width: 24px;
        height: 24px;
    }

@keyframes scroll-b-jk3jlye5m7 {
    0% {
        transform: translateX(50);
    }

    100% {
        transform: translateX(-50%);
    }
}

@keyframes moveLines-b-jk3jlye5m7 {
    0% {
        background-position: 0 0;
    }

    100% {
        background-position: 60px 60px;
    }
}

@keyframes spin-b-jk3jlye5m7 {
    to {
        transform: rotate(360deg);
    }
}
    /* Create a duplicate set of items for seamless scrolling */
    .scroll-content-wrapper[b-jk3jlye5m7] {
        display: flex;
    }

    .list-view-item:hover[b-jk3jlye5m7] {
        background: linear-gradient(to right, black, white);
        color: white;
    }

    .list-view-item:hover .list-view-right[b-jk3jlye5m7] {
        background: #000000;
        color: white;
    }

    .list-view-item:hover .list-view-right div .product-price[b-jk3jlye5m7] {
        color: white !important;
    }



    .grid-container[b-jk3jlye5m7] {
        display: grid;
        grid-template-columns: repeat(9, auto); /* Fixed number of columns with auto sizing */
        gap: 16px;
        align-items: center;
        padding: 10px;
        width: 100%;
    }
    /* Base styles for all grid items */
    .grid-container div[b-jk3jlye5m7] {
        display: flex;
        align-items: center;
        white-space: nowrap; /* Prevent text wrapping */
        min-width: fit-content; /* Ensure minimum width fits content */
    }
    /* Specific sizing for elements */
    .rating[b-jk3jlye5m7], .wishlist[b-jk3jlye5m7], .country[b-jk3jlye5m7], .rare-find[b-jk3jlye5m7] {
        flex-shrink: 0; /* Prevent these from shrinking */
    }

.stock[b-jk3jlye5m7], .price[b-jk3jlye5m7] {  
    flex-shrink: 0;
    min-width: 100px; /* Minimum width for price and stock */
}

/* Input field containers */
.quantity-section[b-jk3jlye5m7], .price-section[b-jk3jlye5m7] {
    display: flex;
    align-items: center;
    gap: 4px;
    min-width: 120px; /* Minimum width for input containers */
}

/* Styles for the input fields */
.quantity-input[b-jk3jlye5m7] {
    min-width: 80px !important; /* Enforce minimum width */
    width: auto !important; /* Allow growing */
}

/* Button container */
.add-to-cart[b-jk3jlye5m7] {
    min-width: 120px;
}

/* Button styling */
.add-cart-btn[b-jk3jlye5m7] {
    white-space: nowrap;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 6px 12px !important;
    border-radius: 100px;
    width: 100%;
}

/* Ensure TelerikNumericTextBox can show larger numbers */
[b-jk3jlye5m7] .k-numerictextbox {
    width: auto !important;
    min-width: 80px !important;
    height: 28px !important;
}

    [b-jk3jlye5m7] .k-spinner-increase, [b-jk3jlye5m7] .k-spinner-decrease {
        margin: 0 0 5px 0 !important;
        background: none;
        border: none;
        width: fit-content;
        padding: 0 !important;
    }

    [b-jk3jlye5m7] .k-input-md .k-input-inner, .k-picker-md .k-input-inner[b-jk3jlye5m7] {
        padding: 0 !important;
    }

[b-jk3jlye5m7] .k-input-spinner {
    width: fit-content !important;
}
/* Ensure small text doesn't wrap */
small[b-jk3jlye5m7] {
    white-space: nowrap;
}



/* List view item container */
.list-view-item[b-jk3jlye5m7] {
    display: flex;
    align-items: center;
    padding: 12px;
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    background-color: #ffffff;
    margin-bottom: 4px;
    position: relative;
    min-height: 42px;
    max-height: 42px;
}

/* Left side - product title */
.list-view-left[b-jk3jlye5m7] {
    flex: 1;
    min-width: 0;
    padding-right: 16px;
    z-index: 1;
}

    .list-view-left p[b-jk3jlye5m7] {
        margin: 0;
        white-space: nowrap;
        cursor: pointer;
        padding-left: 8px;
        /* Remove overflow hidden and text-overflow to allow text to go under right side */
        overflow: visible;
    }


/* Right side - product details */
/* Base grid - only includes columns that are always present */
.list-view-right[b-jk3jlye5m7] {
    display: grid;
    grid-template-columns: 60px /* rating */
    30px /* new batch */
    30px /* price drop */
    40px /* wishlist */
    40px /* just launched */
    40px /* rare find */
    80px /* MOQ */
    80px /* stock */
    140px /* quantity input */
    140px /* price input */
    120px; /* add to cart button */
    gap: 8px;
    align-items: center;
    flex-shrink: 0;
    background-color: #f2f2f2;
    padding: 4px 8px;
    position: relative;
    z-index: 2;
    height: 41px !important;
}

    /* When buy box data exists - insert buy box column */
    .list-view-right.has-buy-box[b-jk3jlye5m7] {
        grid-template-columns: 60px /* rating */
        30px /* new batch */
        30px /* price drop */
        40px /* wishlist */
        40px /* just launched */
        40px /* rare find */
        80px /* MOQ */
        80px /* Buy Box - NEW */
        80px /* stock */
        140px /* quantity input */
        140px /* price input */
        120px; /* add to cart button */
    }
    /* When sales rank data exists - insert sales rank column */
    .list-view-right.has-sales-rank[b-jk3jlye5m7] {
        grid-template-columns: 60px /* rating */
        30px /* new batch */
        30px /* price drop */
        40px /* wishlist */
        40px /* just launched */
        40px /* rare find */
        80px /* MOQ */
        60px /* Sales rank - NEW */
        80px /* stock */
        140px /* quantity input */
        140px /* price input */
        120px; /* add to cart button */
    }
    /* When monthly sold data exists - insert monthly sold column */
    .list-view-right.has-monthly-sold[b-jk3jlye5m7] {
        grid-template-columns: 60px /* rating */
        30px /* new batch */
        30px /* price drop */
        40px /* wishlist */
        40px /* just launched */
        40px /* rare find */
        80px /* MOQ */
        100px /* Monthly Sold - NEW */
        80px /* stock */
        140px /* quantity input */
        140px /* price input */
        120px; /* add to cart button */
    }
    /* When buy box AND sales rank exist */
    .list-view-right.has-buy-box.has-sales-rank[b-jk3jlye5m7] {
        grid-template-columns: 60px /* rating */
        30px /* new batch */
        30px /* price drop */
        40px /* wishlist */
        40px /* just launched */
        40px /* rare find */
        80px /* MOQ */
        80px /* Buy Box */
        60px /* Sales rank */
        80px /* stock */
        140px /* quantity input */
        140px /* price input */
        120px; /* add to cart button */
    }
    /* When buy box AND monthly sold exist */
    .list-view-right.has-buy-box.has-monthly-sold[b-jk3jlye5m7] {
        grid-template-columns: 60px /* rating */
        30px /* new batch */
        30px /* price drop */
        40px /* wishlist */
        40px /* just launched */
        40px /* rare find */
        80px /* MOQ */
        80px /* Buy Box */
        100px /* Monthly Sold */
        80px /* stock */
        140px /* quantity input */
        140px /* price input */
        120px; /* add to cart button */
    }
    /* When sales rank AND monthly sold exist */
    .list-view-right.has-sales-rank.has-monthly-sold[b-jk3jlye5m7] {
        grid-template-columns: 60px /* rating */
        30px /* new batch */
        30px /* price drop */
        40px /* wishlist */
        40px /* just launched */
        40px /* rare find */
        80px /* MOQ */
        60px /* Sales rank */
        100px /* Monthly Sold */
        80px /* stock */
        140px /* quantity input */
        140px /* price input */
        120px; /* add to cart button */
    }
    /* When ALL three optional columns exist */
    .list-view-right.has-buy-box.has-sales-rank.has-monthly-sold[b-jk3jlye5m7] {
        grid-template-columns: 60px /* rating */
        30px /* new batch */
        30px /* price drop */
        40px /* wishlist */
        40px /* just launched */
        40px /* rare find */
        80px /* MOQ */
        80px /* Buy Box */
        60px /* Sales rank */
        100px /* Monthly Sold */
        80px /* stock */
        140px /* quantity input */
        140px /* price input */
        120px; /* add to cart button */
    }
    /* Individual column styling */
    .buy-box[b-jk3jlye5m7], .sales-rank[b-jk3jlye5m7], .monthly-sold[b-jk3jlye5m7] {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .buy-box-price[b-jk3jlye5m7], .monthly-sold[b-jk3jlye5m7] {
        font-size: 0.9rem;
        text-align: center;
    }
    /* Grid container class - you can remove this if not needed */
    .grid-container[b-jk3jlye5m7] {
        display: contents; /* This makes child elements participate in the parent grid */
    }
    /* Individual grid items styling */
    .rating[b-jk3jlye5m7] {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
    }

    .rating-svg-container svg[b-jk3jlye5m7] {
        width: 24px;
        height: 24px;
    }

    .rating h6[b-jk3jlye5m7] {
        margin: 0;
        font-size: 12px;
    }
    /* New batch indicator */
    .tooltip-target.rounded-circle[b-jk3jlye5m7] {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 20px;
        height: 20px;
        margin: 0 auto;
    }

    .new-batch-container[b-jk3jlye5m7] {
        width: 24px;
        height: 24px;
    }
    /* Price drop icon */
    .pricedrop-svg-container svg[b-jk3jlye5m7] {
        width: 24px;
        height: 24px;
        fill: #68b73b;
        color: white !important;
        text-decoration-color: white !important
    }
    /* Wishlist */
    .wish-list[b-jk3jlye5m7] {
        display: flex;
        justify-content: center;
        align-items: center;
        cursor: pointer;
        width: 26px;
    }

    .wishlist-svg-container svg[b-jk3jlye5m7] {
        width: 24px;
        height: 24px;
        display: block;
    }

    .list-view-item:hover .list-view-right div .just-launched-svg-container svg[b-jk3jlye5m7] {
        color: white !important;
        fill: #ff4746 !important;
    }

    .list-view-item:hover .list-view-right .wishlist-svg-container svg[b-jk3jlye5m7] {
        color: white;
        fill: white !important;
    }


    .rare-find[b-jk3jlye5m7] {
        display: flex;
        justify-content: center;
        align-items: center;
        width: auto; /* or remove width completely */
        margin-right: 3px; /* optional: spacing between icons */
    }

    .rare-find img[b-jk3jlye5m7], .rare-find svg[b-jk3jlye5m7] {
        width: 24px;
        height: 24px;
    }
    /*Just launched*/
    .just-launched-svg-container svg[b-jk3jlye5m7] {
        width: 24px;
        height: 24px;
        fill: #ff4746;
    }
    /* MOQ section */
    .MOQ[b-jk3jlye5m7] {
        display: flex;
        flex-direction: column;
        align-items: center;
        font-size: 10px;
        text-align: center;
    }
    /* Stock section */
    .stock[b-jk3jlye5m7] {
        display: flex;
        justify-content: center;
        align-items: center;
        text-align: center;
    }

    .stock h4[b-jk3jlye5m7] {
        margin: 0;
        font-size: 14px;
        font-weight: bold;
    }


    .quantity-input[b-jk3jlye5m7] {
        width: 100% !important;
        max-width: 120px;
        padding: 5px;
        font-size: 12px;
        border: 1px solid #ddd;
        border-radius: 4px;
        text-align: center;
        box-sizing: border-box;
    }

    .currency-symbol[b-jk3jlye5m7] {
        position: absolute;
        left: 8px;
        top: 6px;
        font-size: 12px;
        color: #666;
        z-index: 1;
    }

    .price-section input[b-jk3jlye5m7] {
        padding-left: 20px;
    }
    /* Add to cart section */
    .add-to-cart[b-jk3jlye5m7] {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;
    }

.add-cart-btn[b-jk3jlye5m7] {
    width: 100%;
    max-width: 110px;
    padding: 5px 8px;
    font-size: 11px;
    border: none;
    border-radius: 4px;
    background: #007bff;
    color: white;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 4px;
    justify-content: center;
}

    .cart-svg[b-jk3jlye5m7] {
        width: 14px;
        height: 14px;
    }
    /* Login overlay adjustments */
    .login-blur-overlay[b-jk3jlye5m7] {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        backdrop-filter: blur(4px);
        background-color: rgba(255, 255, 255, 0.7);
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 4px;
        z-index: 10;
    }

    .login-message[b-jk3jlye5m7] {
        margin: 0;
        font-size: 11px;
        font-weight: 500;
        color: #2b7ff3;
        text-align: center;
    }
    /* Responsive adjustments */
    @media (max-width: 1200px) {
        .list-view-right[b-jk3jlye5m7] {
        grid-template-columns: 50px /* rating */
        25px /* new batch */
        25px /* price drop */
        35px /* wishlist */
        35px /* just launched */
        35px /* rare find */
        70px /* MOQ */
        70px /* stock */
        120px /* quantity input */
        120px /* price input */
        100px; /* add to cart button */
        gap: 6px;
        padding: 4px 6px;
    }

    .quantity-input[b-jk3jlye5m7] {
        max-width: 100px;
    }

    .add-cart-btn[b-jk3jlye5m7] {
        max-width: 95px;
        font-size: 10px;
    }
}

@media (max-width: 992px) {
    .list-view-right[b-jk3jlye5m7] {
        grid-template-columns: 45px /* rating */
        20px /* new batch */
        20px /* price drop */
        30px /* wishlist */
        30px /* just launched */
        30px /* rare find */
        60px /* MOQ */
        60px /* stock */
        100px /* quantity input */
        100px /* price input */
        90px; /* add to cart button */
        gap: 4px;
        padding: 3px 5px;
    }

    .quantity-input[b-jk3jlye5m7] {
        max-width: 90px;
        font-size: 11px;
    }

    .add-cart-btn[b-jk3jlye5m7] {
        max-width: 85px;
        font-size: 10px;
        height: 28px !important;
    }

    .list-view-left[b-jk3jlye5m7] {
        padding-right: 12px;
    }
}

@media (max-width: 768px) {
    .list-view-right[b-jk3jlye5m7] {
        grid-template-columns: 40px /* rating */
        18px /* new batch */
        18px /* price drop */
        25px /* wishlist */
        25px /* just launched */
        25px /* rare find */
        50px /* MOQ */
        50px /* stock */
        80px /* quantity input */
        80px /* price input */
        70px; /* add to cart button */
        gap: 3px;
        padding: 2px 4px;
    }

    .quantity-input[b-jk3jlye5m7] {
        max-width: 75px;
        font-size: 10px;
        padding: 3px;
    }

    .add-cart-btn[b-jk3jlye5m7] {
        max-width: 65px;
        font-size: 9px;
        padding: 4px 6px;
    }

    .rating h6[b-jk3jlye5m7] {
        font-size: 10px;
    }

    .stock h4[b-jk3jlye5m7] {
        font-size: 12px;
    }

    .list-view-left[b-jk3jlye5m7] {
        padding-right: 8px;
    }

        .list-view-left p[b-jk3jlye5m7] {
            font-size: 14px;
        }
}

.big-list-view-item .bl-top-section[b-jk3jlye5m7] {
    background-color: #e6ebef;
}

.modal-btn-close[b-jk3jlye5m7] {
    padding: 10px;
    background: #ffffff;
    opacity: 1;
    width: 32px;
    height: 32px;
    display: flex;
    justify-content: center;
    align-items: center;

}

    .modal-btn-close svg[b-jk3jlye5m7] {
        width: 20px;
        height: 20px;
        fill: #001b49;
    }



/* Marketplace List View Skeleton Loading Styles */
.skeleton-loader[b-jk3jlye5m7] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background-color: #ffffff;
    z-index: 9999;
    overflow: hidden;
}

/* Header skeleton */
.skeleton-header[b-jk3jlye5m7] {
    height: 70px;
    background: #1a1a1a;
    padding: 0 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.skeleton-logo[b-jk3jlye5m7] {
    width: 120px;
    height: 40px;
    background: linear-gradient(90deg, #333 25%, #444 50%, #333 75%);
    background-size: 200% 100%;
    animation: shimmer-b-jk3jlye5m7 1.5s infinite;
    border-radius: 4px;
}

.skeleton-nav[b-jk3jlye5m7] {
    display: flex;
    gap: 20px;
}

.skeleton-nav-item[b-jk3jlye5m7] {
    width: 80px;
    height: 20px;
    background: linear-gradient(90deg, #333 25%, #444 50%, #333 75%);
    background-size: 200% 100%;
    animation: shimmer-b-jk3jlye5m7 1.5s infinite;
    border-radius: 4px;
}

.skeleton-user-actions[b-jk3jlye5m7] {
    display: flex;
    gap: 15px;
    align-items: center;
}

.skeleton-cart-icon[b-jk3jlye5m7],
.skeleton-notification-icon[b-jk3jlye5m7] {
    width: 24px;
    height: 24px;
    background: linear-gradient(90deg, #333 25%, #444 50%, #333 75%);
    background-size: 200% 100%;
    animation: shimmer-b-jk3jlye5m7 1.5s infinite;
    border-radius: 50%;
}

/* Filter bar skeleton */
.skeleton-filter-bar[b-jk3jlye5m7] {
    height: 70px;
    background: #f8f9fa;
    border-bottom: 1px solid #dee2e6;
    padding: 0 20px;
    display: flex;
    align-items: center;
    gap: 15px;
}

.skeleton-search-box[b-jk3jlye5m7] {
    flex: 1;
    max-width: 400px;
    height: 40px;
    background: linear-gradient(90deg, #f0f0f0 25%, #f8f8f8 50%, #f0f0f0 75%);
    background-size: 200% 100%;
    animation: shimmer-b-jk3jlye5m7 1.5s infinite;
    border-radius: 6px;
}

.skeleton-filter-button[b-jk3jlye5m7] {
    width: 100px;
    height: 40px;
    background: linear-gradient(90deg, #f0f0f0 25%, #f8f8f8 50%, #f0f0f0 75%);
    background-size: 200% 100%;
    animation: shimmer-b-jk3jlye5m7 1.5s infinite;
    border-radius: 6px;
}

/* Main content area */
.skeleton-main-content[b-jk3jlye5m7] {
    display: flex;
    flex-direction: column;
    height: calc(100vh - 140px);
}

/* Main Header skeleton */
.skeleton-main-header[b-jk3jlye5m7] {
    width: 80%;
    background: #1a1a1a;
    padding: 20px;
    margin: 0 auto 20px auto;
    border-radius: 8px;
}

    .skeleton-main-header .skeleton-product-title[b-jk3jlye5m7] {
        width: 300px;
        height: 24px;
        background: linear-gradient(90deg, #333 25%, #444 50%, #333 75%);
        background-size: 200% 100%;
        animation: shimmer-b-jk3jlye5m7 1.5s infinite;
        border-radius: 4px;
        margin-bottom: 20px;
    }

.skeleton-main-box[b-jk3jlye5m7] {
    display: flex;
    gap: 15px;
    flex-wrap: wrap;
}

.skeleton-box[b-jk3jlye5m7] {
    width: 70px;
    height: 70px;
    background: linear-gradient(90deg, #333 25%, #444 50%, #333 75%);
    background-size: 200% 100%;
    animation: shimmer-b-jk3jlye5m7 1.5s infinite;
    border-radius: 4px;
}

/* Sidebar skeleton - remove since not needed based on your new structure */

.skeleton-sidebar-title[b-jk3jlye5m7] {
    width: 150px;
    height: 24px;
    background: linear-gradient(90deg, #f0f0f0 25%, #f8f8f8 50%, #f0f0f0 75%);
    background-size: 200% 100%;
    animation: shimmer-b-jk3jlye5m7 1.5s infinite;
    border-radius: 4px;
    margin-bottom: 20px;
}

.skeleton-filter-group[b-jk3jlye5m7] {
    margin-bottom: 25px;
}

.skeleton-filter-group-title[b-jk3jlye5m7] {
    width: 120px;
    height: 18px;
    background: linear-gradient(90deg, #f0f0f0 25%, #f8f8f8 50%, #f0f0f0 75%);
    background-size: 200% 100%;
    animation: shimmer-b-jk3jlye5m7 1.5s infinite;
    border-radius: 4px;
    margin-bottom: 12px;
}

.skeleton-filter-item[b-jk3jlye5m7] {
    width: 100%;
    height: 16px;
    background: linear-gradient(90deg, #f0f0f0 25%, #f8f8f8 50%, #f0f0f0 75%);
    background-size: 200% 100%;
    animation: shimmer-b-jk3jlye5m7 1.5s infinite;
    border-radius: 4px;
    margin-bottom: 8px;
}

    .skeleton-filter-item:nth-child(2)[b-jk3jlye5m7] {
        width: 85%;
    }

    .skeleton-filter-item:nth-child(3)[b-jk3jlye5m7] {
        width: 70%;
    }

    .skeleton-filter-item:nth-child(4)[b-jk3jlye5m7] {
        width: 90%;
    }

/* List view products skeleton */
.skeleton-product-list[b-jk3jlye5m7] {
    width: 100%;
    padding: 0 20px;
    background: #ffffff;
    overflow-y: auto;
}

.skeleton-list-header[b-jk3jlye5m7] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
}

.skeleton-results-count[b-jk3jlye5m7] {
    width: 200px;
    height: 20px;
    background: linear-gradient(90deg, #f0f0f0 25%, #f8f8f8 50%, #f0f0f0 75%);
    background-size: 200% 100%;
    animation: shimmer-b-jk3jlye5m7 1.5s infinite;
    border-radius: 4px;
}

.skeleton-sort-dropdown[b-jk3jlye5m7] {
    width: 150px;
    height: 36px;
    background: linear-gradient(90deg, #f0f0f0 25%, #f8f8f8 50%, #f0f0f0 75%);
    background-size: 200% 100%;
    animation: shimmer-b-jk3jlye5m7 1.5s infinite;
    border-radius: 6px;
}

/* List view item skeleton - matches your structure */
.skeleton-list-view-item-wrapper[b-jk3jlye5m7] {
    width: 100%;
    margin-bottom: 3px;
}

.skeleton-list-view-item[b-jk3jlye5m7] {
    display: flex;
    background: #ffffff;
    border: 1px solid #dee2e6;
    border-radius: 16px;
    overflow: hidden;
    min-height: 60px;
}

/* Left side (product title) */
.skeleton-list-view-left[b-jk3jlye5m7] {
    flex: 0 0 300px;
    padding: 12px 15px;
    display: flex;
    align-items: center;
    background: #f8f9fa;
}

.skeleton-product-title[b-jk3jlye5m7] {
    width: 100%;
    height: 18px;
    background: linear-gradient(90deg, #e0e0e0 25%, #ebebeb 50%, #e0e0e0 75%);
    background-size: 200% 100%;
    animation: shimmer-b-jk3jlye5m7 1.5s infinite;
    border-radius: 4px;
}

/* Right side (all the components) */
.skeleton-list-view-right[b-jk3jlye5m7] {
    flex: 1;
    display: flex;
    align-items: center;
    padding: 8px 12px;
    gap: 12px;
    background: #ffffff;
}

/* Individual skeleton components for the right side */
.skeleton-rating[b-jk3jlye5m7] {
    display: flex;
    align-items: center;
    gap: 4px;
}

.skeleton-star-icon[b-jk3jlye5m7] {
    width: 16px;
    height: 16px;
    background: linear-gradient(90deg, #f0f0f0 25%, #f8f8f8 50%, #f0f0f0 75%);
    background-size: 200% 100%;
    animation: shimmer-b-jk3jlye5m7 1.5s infinite;
    border-radius: 2px;
}

.skeleton-rating-text[b-jk3jlye5m7] {
    width: 20px;
    height: 12px;
    background: linear-gradient(90deg, #f0f0f0 25%, #f8f8f8 50%, #f0f0f0 75%);
    background-size: 200% 100%;
    animation: shimmer-b-jk3jlye5m7 1.5s infinite;
    border-radius: 2px;
}

.skeleton-new-batch[b-jk3jlye5m7] {
    width: 20px;
    height: 20px;
    background: linear-gradient(90deg, #f0f0f0 25%, #f8f8f8 50%, #f0f0f0 75%);
    background-size: 200% 100%;
    animation: shimmer-b-jk3jlye5m7 1.5s infinite;
    border-radius: 50%;
}

.skeleton-price-drop-icon[b-jk3jlye5m7] {
    width: 18px;
    height: 18px;
    background: linear-gradient(90deg, #f0f0f0 25%, #f8f8f8 50%, #f0f0f0 75%);
    background-size: 200% 100%;
    animation: shimmer-b-jk3jlye5m7 1.5s infinite;
    border-radius: 2px;
}

.skeleton-wishlist-icon[b-jk3jlye5m7] {
    width: 18px;
    height: 18px;
    background: linear-gradient(90deg, #f0f0f0 25%, #f8f8f8 50%, #f0f0f0 75%);
    background-size: 200% 100%;
    animation: shimmer-b-jk3jlye5m7 1.5s infinite;
    border-radius: 2px;
}

.skeleton-launch-icon[b-jk3jlye5m7] {
    width: 18px;
    height: 18px;
    background: linear-gradient(90deg, #f0f0f0 25%, #f8f8f8 50%, #f0f0f0 75%);
    background-size: 200% 100%;
    animation: shimmer-b-jk3jlye5m7 1.5s infinite;
    border-radius: 2px;
}

.skeleton-rare-find-icon[b-jk3jlye5m7] {
    width: 18px;
    height: 18px;
    background: linear-gradient(90deg, #f0f0f0 25%, #f8f8f8 50%, #f0f0f0 75%);
    background-size: 200% 100%;
    animation: shimmer-b-jk3jlye5m7 1.5s infinite;
    border-radius: 2px;
}

.skeleton-moq[b-jk3jlye5m7] {
    width: 45px;
    height: 14px;
    background: linear-gradient(90deg, #f0f0f0 25%, #f8f8f8 50%, #f0f0f0 75%);
    background-size: 200% 100%;
    animation: shimmer-b-jk3jlye5m7 1.5s infinite;
    border-radius: 2px;
}

.skeleton-buy-box-price[b-jk3jlye5m7] {
    width: 60px;
    height: 16px;
    background: linear-gradient(90deg, #f0f0f0 25%, #f8f8f8 50%, #f0f0f0 75%);
    background-size: 200% 100%;
    animation: shimmer-b-jk3jlye5m7 1.5s infinite;
    border-radius: 2px;
}

.skeleton-sales-rank[b-jk3jlye5m7] {
    width: 40px;
    height: 16px;
    background: linear-gradient(90deg, #f0f0f0 25%, #f8f8f8 50%, #f0f0f0 75%);
    background-size: 200% 100%;
    animation: shimmer-b-jk3jlye5m7 1.5s infinite;
    border-radius: 2px;
}

.skeleton-monthly-sold[b-jk3jlye5m7] {
    width: 35px;
    height: 16px;
    background: linear-gradient(90deg, #f0f0f0 25%, #f8f8f8 50%, #f0f0f0 75%);
    background-size: 200% 100%;
    animation: shimmer-b-jk3jlye5m7 1.5s infinite;
    border-radius: 2px;
}

.skeleton-stock[b-jk3jlye5m7] {
    width: 50px;
    height: 18px;
    background: linear-gradient(90deg, #f0f0f0 25%, #f8f8f8 50%, #f0f0f0 75%);
    background-size: 200% 100%;
    animation: shimmer-b-jk3jlye5m7 1.5s infinite;
    border-radius: 2px;
}

.skeleton-quantity-input[b-jk3jlye5m7] {
    width: 60px;
    height: 32px;
    background: linear-gradient(90deg, #f0f0f0 25%, #f8f8f8 50%, #f0f0f0 75%);
    background-size: 200% 100%;
    animation: shimmer-b-jk3jlye5m7 1.5s infinite;
    border-radius: 4px;
}

.skeleton-price-input[b-jk3jlye5m7] {
    width: 70px;
    height: 32px;
    background: linear-gradient(90deg, #f0f0f0 25%, #f8f8f8 50%, #f0f0f0 75%);
    background-size: 200% 100%;
    animation: shimmer-b-jk3jlye5m7 1.5s infinite;
    border-radius: 4px;
}

.skeleton-add-to-cart-btn[b-jk3jlye5m7] {
    width: 90px;
    height: 32px;
    background: linear-gradient(90deg, #f0f0f0 25%, #f8f8f8 50%, #f0f0f0 75%);
    background-size: 200% 100%;
    animation: shimmer-b-jk3jlye5m7 1.5s infinite;
    border-radius: 4px;
}

/* Shimmer animation */
@keyframes shimmer-b-jk3jlye5m7 {
    0% {
        background-position: -200% 0;
    }

    100% {
        background-position: 200% 0;
    }
}

/* Responsive design */
@media (max-width: 768px) {
    .skeleton-main-header[b-jk3jlye5m7] {
        width: 95%;
    }

    .skeleton-main-box[b-jk3jlye5m7] {
        justify-content: center;
    }

    .skeleton-list-view-item[b-jk3jlye5m7] {
        flex-direction: column;
    }

    .skeleton-list-view-left[b-jk3jlye5m7] {
        flex: none;
        width: 100%;
    }

    .skeleton-list-view-right[b-jk3jlye5m7] {
        flex-wrap: wrap;
        justify-content: space-between;
        gap: 8px;
    }

    .skeleton-nav[b-jk3jlye5m7] {
        display: none;
    }
}

/* Loading indicator text */
.skeleton-loading-text[b-jk3jlye5m7] {
    position: absolute;
    bottom: 30px;
    left: 50%;
    transform: translateX(-50%);
    color: #666;
    font-size: 14px;
    font-weight: 500;
    display: flex;
    align-items: center;
    gap: 8px;
}

    .skeleton-loading-text.flex-column[b-jk3jlye5m7] {
        flex-direction: column;
        text-align: center;
    }

    .skeleton-loading-text .d-flex[b-jk3jlye5m7] {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .skeleton-loading-text .gap-2[b-jk3jlye5m7] {
        gap: 8px;
    }

.skeleton-loading-dots[b-jk3jlye5m7] {
    display: inline-flex;
    gap: 4px;
}

    .skeleton-loading-dots span[b-jk3jlye5m7] {
        width: 6px;
        height: 6px;
        background: #666;
        border-radius: 50%;
        animation: loading-pulse-b-jk3jlye5m7 1.4s infinite ease-in-out;
    }

        .skeleton-loading-dots span:nth-child(1)[b-jk3jlye5m7] {
            animation-delay: -0.32s;
        }

        .skeleton-loading-dots span:nth-child(2)[b-jk3jlye5m7] {
            animation-delay: -0.16s;
        }

        .skeleton-loading-dots span:nth-child(3)[b-jk3jlye5m7] {
            animation-delay: 0s;
        }

@keyframes loading-pulse-b-jk3jlye5m7 {
    0%, 80%, 100% {
        opacity: 0.3;
        transform: scale(0.8);
    }

    40% {
        opacity: 1;
        transform: scale(1);
    }
}

/* Scroll container for list items */
.skeleton-scroll-container[b-jk3jlye5m7] {
    height: calc(100vh - 200px);
    overflow-y: auto;
}

/* Stagger the animation delays for a more realistic effect */
.skeleton-list-view-item:nth-child(1)[b-jk3jlye5m7] {
    animation-delay: 0s;
}

.skeleton-list-view-item:nth-child(2)[b-jk3jlye5m7] {
    animation-delay: 0.1s;
}

.skeleton-list-view-item:nth-child(3)[b-jk3jlye5m7] {
    animation-delay: 0.2s;
}

.skeleton-list-view-item:nth-child(4)[b-jk3jlye5m7] {
    animation-delay: 0.3s;
}

.skeleton-list-view-item:nth-child(5)[b-jk3jlye5m7] {
    animation-delay: 0.4s;
}

.skeleton-list-view-item:nth-child(6)[b-jk3jlye5m7] {
    animation-delay: 0.5s;
}

.skeleton-list-view-item:nth-child(7)[b-jk3jlye5m7] {
    animation-delay: 0.6s;
}

.skeleton-list-view-item:nth-child(8)[b-jk3jlye5m7] {
    animation-delay: 0.7s;
}


/*General -end*/


/*Product end*/

/*Responsiveness -end*/


/*General -start*/

/*General -end*/
                                                                                                                                                                                                                                                                                                                                                                                         
                                                                                    
/* /Pages/Stock/MyCompetitors.razor.rz.scp.css */
.need-stats[b-p9qywapbgp] {
    background-image: url(https://res.cloudinary.com/malikbanks/image/upload/v1690639651/competitors_bg.svg);
    /*filter: grayscale(100%) sepia(100%) hue-rotate(180deg) saturate(0%) brightness(60%);*/
}

.svg-image[b-p9qywapbgp] {
    filter: grayscale(100%) sepia(100%) hue-rotate(180deg) saturate(0%) brightness(60%);
}

.need-header[b-p9qywapbgp] {
    border-bottom: #CAD5E5 solid 1px;
}

.list-title[b-p9qywapbgp] {
    cursor: pointer;
}

.nav-pills .nav-link.active[b-p9qywapbgp] {
    background-color: #000000;
    color: white;
    font-weight: 600;
}

.offer-counter-badge[b-p9qywapbgp] {
    background-color: rgba(50, 81, 104, 0.08);
    padding: 0 4px;
    border-radius: 4px;
    font-weight: 700;
}

.nav-pills .nav-link.active .offer-counter-badge[b-p9qywapbgp] {
    background-color: #ffffff !important;
    color: #010013 !important;
}

.new-need-btn[b-p9qywapbgp] {
    background-color: #ffffff;
    color: #062a44;
    border: 1px solid #CAD5E5;
    box-shadow: 2px 2px 27px -3px rgba(1, 90, 235, 0.5);
}

.new-need-btn:hover[b-p9qywapbgp] {
    background-color: #062a44;
    color: #ffffff;
}

.need-card-parent[b-p9qywapbgp] {
    width: 31%;
    flex: none !important;
}

.need-card[b-p9qywapbgp] {
    border: 0.5px solid #CAD5E5;
    border-radius: 7px;
}

.need-card:hover[b-p9qywapbgp] {
    box-shadow: 2px 2px 21px -8px rgba(0, 0, 0, 0.25);
}


.product-card[b-p9qywapbgp] {
    background: white;
    width: 800px;
    padding: 30px;
    border-radius: 20px;
    box-shadow: #dbe2ee 0 0 20px 5px;
    display: flex;
    gap: 30px;
}

.cover-image[b-p9qywapbgp] {
    width: 300px;
    overflow: hidden;
}

img:hover[b-p9qywapbgp] {
    transform: scale(1.05);
}

.more-image-container[b-p9qywapbgp] {
    display: flex;
}

.more-image[b-p9qywapbgp] {
    width: 100px;
}

.image-container img[b-p9qywapbgp] {
    width: 100%;
    object-fit: cover;
}

.free-shipping[b-p9qywapbgp] {
    display: inline-block;
    padding: 5px 10px;
    border-radius: 30px;
    font-size: 14px;

    font-weight: 400;
}

.product-name[b-p9qywapbgp] {
    margin: 10px 0 20px 0;
    font-size: 22px;
}

.regular-price[b-p9qywapbgp] {
    text-decoration: line-through;
}

.discount-price[b-p9qywapbgp] {
    display: inline-block;
    font-size: 40px;
    font-weight: 700;
}


.offer-info[b-p9qywapbgp] {
    font-size: 14px;
    color: gray;
}

.add-to-cart[b-p9qywapbgp] {
    display: inline-block;
    width: 100%;
    padding: 15px;
    border-radius: 8px;
    font-size: 18px;
    font-weight: 500;
    text-align: center;
    box-shadow: #e2e9f3 0 5px;
    margin: 20px 0;
}

.add-to-cart .ion-icon[b-p9qywapbgp] {
    font-size: 30px;
    margin-bottom: -8px;
}

.dropzone[b-p9qywapbgp] {
    border: 2px dashed #565656 !important;
    border-radius: 0.475rem !important;
    padding: 10px;
}



/* /Pages/Stock/MyInvoices.razor.rz.scp.css */
.stock-stats[b-ku2dsjo2h9] {
    background-image: url(https://res.cloudinary.com/malikbanks/image/upload/v1676985124/stock-bg.svg);
}

.nav-pills .nav-link[b-ku2dsjo2h9] {
    font-size: 0.875rem;
    border: 0.5px solid rgba(47, 128, 237, 0.15)
}

    .nav-pills .nav-link.active[b-ku2dsjo2h9] {
        background-color: #133597;
        border: none;
        color: white;
        font-weight: 600;
    }

.stock-counter-badge[b-ku2dsjo2h9] {
    background-color: rgba(50, 81, 104, 0.08);
    padding: 0 4px;
    border-radius: 4px;
    font-weight: 700;
}

.nav-pills .nav-link.active .stock-counter-badge[b-ku2dsjo2h9] {
    background-color: #ffffff !important;
    color: #172671 !important;
}

.nav-underline .nav-link.active[b-ku2dsjo2h9], .nav-underline .show > .nav-link[b-ku2dsjo2h9] {
    font-weight: 700;
    color: #172671;
    border-bottom: 2px solid #172671;
}

.table-cursor :hover[b-ku2dsjo2h9] {
    cursor: pointer;
}

.new-need-btn[b-ku2dsjo2h9] {
    background-color: #ffffff;
    color: #062a44;
    border: 1px solid #CAD5E5;
    box-shadow: 2px 2px 27px -3px rgba(1, 90, 235, 0.5);
}

    .new-need-btn:hover[b-ku2dsjo2h9] {
        background-color: #062a44;
        color: #ffffff;
    }

.po-main-dashboard[b-ku2dsjo2h9] {
    background: #f0f4f7;
    font-family: "DM Sans", sans-serif;
    font-style: normal;
    box-sizing: border-box;
    height: 100%;
    /* overflow-x: auto; */
}


.po-header .input-group[b-ku2dsjo2h9] {
    width: 400px;
    color: #a5a5a5;
    border: 1px solid #cad5e5;
}

.input-group > .input-group-text[b-ku2dsjo2h9] {
    font-size: 1.5rem;
    border: none;
}

.input-group > .form-control[b-ku2dsjo2h9] {
    border-right: none
}

.po-header h3[b-ku2dsjo2h9] {
    font-weight: 700;
    font-size: 30px;
    /*line-height: 43px;*/
    color: #464a53;
}

.purchase-btn[b-ku2dsjo2h9] {
    color: #fff;
    border-radius: 10px;
}

    .purchase-btn .btn[b-ku2dsjo2h9] {
        font-size: 20px;
        font-weight: 700;
        line-height: 10px;
        letter-spacing: 3px;
    }

.order-btn[b-ku2dsjo2h9] {
    font-weight: 700;
    font-size: 28px;
}

    .order-btn .recieved[b-ku2dsjo2h9] {
        background: #005EF6 !important;
        box-shadow: 2px 2px 20px -7px rgba(0, 0, 0, 0.25);
        border-radius: 10px;
    }

    .order-btn .sent[b-ku2dsjo2h9] {
        border: 0.5px solid rgba(47, 128, 237, 0.15);
        box-shadow: 2px 2px 20px -7px rgba(0, 0, 0, 0.25);
        border-radius: 10px;
    }

.line[b-ku2dsjo2h9] {
    width: 90%;
}

.payment-table[b-ku2dsjo2h9] {
    height: 100%;
}

#thead[b-ku2dsjo2h9],
#tbody[b-ku2dsjo2h9] {
    vertical-align: middle;
}

.table-header[b-ku2dsjo2h9] {
    background: #cad5e5;
    border: 1px solid #e6e7e8;
    font-weight: 700;
    font-size: 15px;
    line-height: 25px;
}

.payment-description[b-ku2dsjo2h9] {
    font-family: "DM Sans", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 13px;
    line-height: 17px;
    color: #414141;
}

.amount[b-ku2dsjo2h9] {
    font-weight: 700;
}

.custom-select-width[b-ku2dsjo2h9] {
    width: auto !important;
    Set width to auto to remove the width style applied by Bootstrap background-color: #e9e9e9 !important;
    border-radius: 2px;
    color: #414141 !important;
    font-family: "Lato";
    font-weight: 400;
    font-size: 12px;
    line-height: 25px;
    padding-top: 0.15rem !important;
    padding-bottom: 0.15rem !important;
}

.status[b-ku2dsjo2h9] {
    font-family: "DM Sans";
    font-weight: 700;
    font-size: 12px;
    text-align: center;
}

.table td[b-ku2dsjo2h9] {
    padding: 20px;
}

.table tbody > tr:nth-of-type(odd)[b-ku2dsjo2h9] {
    background-color: transparent !important;
}

.table tbody > tr:nth-of-type(even)[b-ku2dsjo2h9] {
    background-color: #E6E7E8 !important;
    border: 1px solid #E6E7E8
}


#delivered[b-ku2dsjo2h9] {
    background-color: rgba(4, 154, 75, 0.2);
    border-color: rgba(4, 154, 75, 0.2);
    color: #049a4b;
    padding: 5px 10px;
}

#pending[b-ku2dsjo2h9] {
    background-color: rgba(188, 191, 5, 0.15);
    border-color: rgba(188, 191, 5, 0.15);
    color: #bcbf05;
    padding: 5px 10px;
}

#approved[b-ku2dsjo2h9] {
    background-color: rgba(47, 128, 237, 0.15);
    border-color: rgba(47, 128, 237, 0.15);
    color: #005ef6;
    padding: 5px 10px;
}

#canceled[b-ku2dsjo2h9] {
    background-color: rgba(220, 5, 5, 0.2);
    border-color: rgba(220, 5, 5, 0.2);
    color: #dc0505;
    padding: 5px 10px;
}

#paid[b-ku2dsjo2h9] {
    color: #049a4b;
}

#waiting[b-ku2dsjo2h9] {
    color: #bcbf05;
}

#cancel[b-ku2dsjo2h9] {
    color: #dc0505;
}

#refund[b-ku2dsjo2h9] {
    color: #005ef6;
}
/* /Pages/Stock/MyInvoicesNew.razor.rz.scp.css */
.stock-stats[b-ou37o2uhxj] {
    background-image: url(https://res.cloudinary.com/malikbanks/image/upload/v1676985124/stock-bg.svg);
}

.nav-pills .nav-link[b-ou37o2uhxj] {
    font-size: 0.875rem;
    border: 0.5px solid rgba(47, 128, 237, 0.15)
}

.nav-pills .nav-link.active[b-ou37o2uhxj] {
    background-color: #133597;
    border: none;
    color: white;
    font-weight: 600;
}

.stock-counter-badge[b-ou37o2uhxj] {
    background-color: rgba(50, 81, 104, 0.08);
    padding: 0 4px;
    border-radius: 4px;
    font-weight: 700;
}

    .nav-pills .nav-link.active .stock-counter-badge[b-ou37o2uhxj] {
        background-color: #ffffff !important;
        color: #172671 !important;
    }

.nav-underline .nav-link.active[b-ou37o2uhxj], .nav-underline .show > .nav-link[b-ou37o2uhxj] {
    font-weight: 700;
    color: #172671;
    border-bottom: 2px solid #172671;
}

.table-cursor :hover[b-ou37o2uhxj] {
    cursor: pointer;
}

.new-need-btn[b-ou37o2uhxj] {
    background-color: #ffffff;
    color: #062a44;
    border: 1px solid #CAD5E5;
    box-shadow: 2px 2px 27px -3px rgba(1, 90, 235, 0.5);
}

.new-need-btn:hover[b-ou37o2uhxj] {
    background-color: #062a44;
    color: #ffffff;
}

.po-main-dashboard[b-ou37o2uhxj] {
    background: #f0f4f7;
    font-family: "DM Sans", sans-serif;
    font-style: normal;
    box-sizing: border-box;
    height: 100%;
    /* overflow-x: auto; */
}


.po-header .input-group[b-ou37o2uhxj] {
    width: 400px;
    color: #a5a5a5;
    border: 1px solid #cad5e5;
}

.input-group > .input-group-text[b-ou37o2uhxj] {
    font-size: 1.5rem;
    border: none;
}

.input-group > .form-control[b-ou37o2uhxj] {
    border-right: none
}

.po-header h3[b-ou37o2uhxj] {
    font-weight: 700;
    font-size: 30px;
    /*line-height: 43px;*/
    color: #464a53;
}

.purchase-btn[b-ou37o2uhxj] {
    color: #fff;
    border-radius: 10px;
}

.purchase-btn .btn[b-ou37o2uhxj] {
    font-size: 20px;
    font-weight: 700;
    line-height: 10px;
    letter-spacing: 3px;
}

.order-btn[b-ou37o2uhxj] {
    font-weight: 700;
    font-size: 28px;
}

.order-btn .recieved[b-ou37o2uhxj] {
    background: #005EF6 !important;
    box-shadow: 2px 2px 20px -7px rgba(0, 0, 0, 0.25);
    border-radius: 10px;
}

.order-btn .sent[b-ou37o2uhxj] {
    border: 0.5px solid rgba(47, 128, 237, 0.15);
    box-shadow: 2px 2px 20px -7px rgba(0, 0, 0, 0.25);
    border-radius: 10px;
}

.line[b-ou37o2uhxj] {
    width: 90%;
}

.payment-table[b-ou37o2uhxj] {
    height: 100%;
}

#thead[b-ou37o2uhxj],
#tbody[b-ou37o2uhxj] {
    vertical-align: middle;
}

.table-header[b-ou37o2uhxj] {
    background: #cad5e5;
    border: 1px solid #e6e7e8;
    font-weight: 700;
    font-size: 15px;
    line-height: 25px;
}

.payment-description[b-ou37o2uhxj] {
    font-family: "DM Sans", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 13px;
    line-height: 17px;
    color: #414141;
}

.amount[b-ou37o2uhxj] {
    font-weight: 700;
}

.custom-select-width[b-ou37o2uhxj] {
    width: auto !important;
    Set width to auto to remove the width style applied by Bootstrap
    background-color: #e9e9e9 !important;
    border-radius: 2px;
    color: #414141 !important;
    font-family: "Lato";
    font-weight: 400;
    font-size: 12px;
    line-height: 25px;
    padding-top: 0.15rem !important;
    padding-bottom: 0.15rem !important;
}

.status[b-ou37o2uhxj] {
    font-family: "DM Sans";
    font-weight: 700;
    font-size: 12px;
    text-align: center;
}

.table td[b-ou37o2uhxj] {
    padding: 20px;
}

.table tbody > tr:nth-of-type(odd)[b-ou37o2uhxj] {
    background-color: transparent !important;
}

.table tbody > tr:nth-of-type(even)[b-ou37o2uhxj] {
    background-color: #E6E7E8 !important;
    border: 1px solid #E6E7E8
}


#delivered[b-ou37o2uhxj] {
    background-color: rgba(4, 154, 75, 0.2);
    border-color: rgba(4, 154, 75, 0.2);
    color: #049a4b;
    padding: 5px 10px;
}

#pending[b-ou37o2uhxj] {
    background-color: rgba(188, 191, 5, 0.15);
    border-color: rgba(188, 191, 5, 0.15);
    color: #bcbf05;
    padding: 5px 10px;
}

#approved[b-ou37o2uhxj] {
    background-color: rgba(47, 128, 237, 0.15);
    border-color: rgba(47, 128, 237, 0.15);
    color: #005ef6;
    padding: 5px 10px;
}

#canceled[b-ou37o2uhxj] {
    background-color: rgba(220, 5, 5, 0.2);
    border-color: rgba(220, 5, 5, 0.2);
    color: #dc0505;
    padding: 5px 10px;
}

#paid[b-ou37o2uhxj] {
    color: #049a4b;
}

#waiting[b-ou37o2uhxj] {
    color: #bcbf05;
}

#cancel[b-ou37o2uhxj] {
    color: #dc0505;
}

#refund[b-ou37o2uhxj] {
    color: #005ef6;
}
/* /Pages/Stock/MyOffers.razor.rz.scp.css */
.verified-badge[b-wnyo2rcqkn] {
    margin-left: 1px;
    display: inline-block;
    vertical-align: middle;
}

.stock-header[b-wnyo2rcqkn] {
    border-bottom: #CAD5E5 solid 1px;
}

.offer-stats[b-wnyo2rcqkn] {
    background-color: #010013;
}

.offers-pill[b-wnyo2rcqkn] {
    border-radius: 4px;
    background-color: #f2f2f2;
    padding: 0.4rem;
}

.clickable[b-wnyo2rcqkn]{
    cursor:pointer;
}

.k-grid[b-wnyo2rcqkn] {
    display: flex !important;
}

.stock-stats[b-wnyo2rcqkn] {
  background-color:white;
}

.list-title[b-wnyo2rcqkn], .table-cursor[b-wnyo2rcqkn] {
    cursor: pointer;
}
 
.nav-pills .nav-link.active[b-wnyo2rcqkn] {
    background-color: #010013;
    color: white;
    font-weight: 600;
}

.offer-counter-badge[b-wnyo2rcqkn] {
    background-color: rgba(50, 81, 104, 0.08);
    padding: 0 4px;
    border-radius: 4px;
    font-weight: 700;
}

.nav-pills .nav-link.active .offer-counter-badge[b-wnyo2rcqkn] {
    background-color: #ffffff !important;
    color: #010013 !important;
}

.rz-g[b-wnyo2rcqkn] {
    width: 100% !important;
}

.offer-parent[b-wnyo2rcqkn] {
    width: 31%;
    flex: none !important;
}

.new-stock-btn[b-wnyo2rcqkn] {
    background-color: #ffffff;
    color: #015AEB;
    border: 1px solid #CAD5E5;
    box-shadow: 2px 2px 27px -3px rgba(1, 90, 235, 0.5);
}

.new-stock-btn:hover[b-wnyo2rcqkn] {
    background-color: #015AEB;
    color: #ffffff;
}

.stock-card[b-wnyo2rcqkn] {
    border: 1px solid #CAD5E5;
    box-shadow: 2px 2px 21px -8px rgba(0, 0, 0, 0.25);
    border-radius: 7px;
}

.new-need-btn[b-wnyo2rcqkn] {
    border: #000000 solid 2px;
    background: #f2f2f2;
    color: #000000
}

.new-need-btn:hover[b-wnyo2rcqkn] {
    border: none;
    background: #000000;
    color: #ffffff
}

.product-card[b-wnyo2rcqkn] {
    background: white;
    width: 800px;
    padding: 30px;
    border-radius: 20px;
    box-shadow: #dbe2ee 0 0 20px 5px;
    display: flex;
    gap: 30px;
}

.cover-image[b-wnyo2rcqkn] {
    width: 300px;

    overflow: hidden;
}

img:hover[b-wnyo2rcqkn] {
    transform: scale(1.05);
}

.more-image-container[b-wnyo2rcqkn] {
    display: flex;
}

.more-image[b-wnyo2rcqkn] {
    width: 100px;
}

.image-container img[b-wnyo2rcqkn] {
    width: 100%;
    object-fit: cover;
}

.free-shipping[b-wnyo2rcqkn] {
    display: inline-block;
    padding: 5px 10px;
    border-radius: 30px;
    font-size: 14px;

    font-weight: 400;
}

.product-name[b-wnyo2rcqkn] {
    margin: 10px 0 20px 0;
    font-size: 22px;
}

.regular-price[b-wnyo2rcqkn] {
    text-decoration: line-through;
}

.discount-price[b-wnyo2rcqkn] {
    display: inline-block;
    font-size: 40px;
    font-weight: 700;
}


.offer-info[b-wnyo2rcqkn] {
    font-size: 14px;
    color: gray;
}

.add-to-cart[b-wnyo2rcqkn] {
    display: inline-block;
    width: 100%;
    padding: 15px;
    border-radius: 8px;
    font-size: 18px;
    font-weight: 500;
    text-align: center;
    box-shadow: #e2e9f3 0 5px;
    margin: 20px 0;
}

hr-lines[b-wnyo2rcqkn] {
    display: inline-block;
    position: relative;
    text-align: center;
}

hr-lines span[b-wnyo2rcqkn] {
    background: #fff;
    padding: 0 10px;
    position: relative;
    z-index: 1;
    border: 1px solid gray;
}

hr-lines[b-wnyo2rcqkn]:before {
    background: #ddd;
    content: "";
    height: 1px;
    position: absolute;
    top: 50%;
    width: calc(100% + 100px);
    left: -25px;
}


.dropzone[b-wnyo2rcqkn] {
    border: 2px dashed #000000 !important;
    border-radius: 0.475rem !important;
    padding: 10px;
}

.sidebar-parent[b-wnyo2rcqkn] {
    width: 100%;
    background-color: rgb(0 0 0 / 50%);
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1999;
}

/*header styles*/

.met-icons[b-wnyo2rcqkn] {
    color: #99a1b7 !important;
}
    .border-gray-300[b-wnyo2rcqkn] {
    border-color: var(--bs-gray-300) !important
}

.border-dashed[b-wnyo2rcqkn] {
    border-style: dashed !important;
}

.min-w-125px[b-wnyo2rcqkn] {
    min-width: 125px !important;
}


.border-endoffer[b-wnyo2rcqkn] {
   /* border-right: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;*/
    border-right: var(--bs-border-width) var(--bs-border-style) #e3dddd !important;
    margin-right: 0.75rem;
}


.text-primary-cal[b-wnyo2rcqkn] {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-primary-rgb),var(--bs-text-opacity)) !important
}

.pointer-1[b-wnyo2rcqkn] {
    color: var(--bs-link-color);
    text-decoration: underline;
    font-weight: 600 !important;
}

.grid .k-grid-content tr[b-wnyo2rcqkn] {
    line-height: 32px;
}

.k-grid[b-wnyo2rcqkn]{
    display: flex !important;
}

.k-popup[b-wnyo2rcqkn] {
    border-color: rgba(0, 0, 0, 0.08);
    color: #424242;
    background-color: #ffffff;
    box-shadow: var(--kendo-elevation-4, 0 8px 10px rgba(0, 0, 0, 0.12)), 0 4px 16px rgba(0, 0, 0, 0.12));
    margin-top: 1px;
}


/* Inline styles for the Telerik Grid filter popup */
.t-popup.t-popup.t-grid-filter-popup[b-wnyo2rcqkn] {
    /* Add your custom positioning styles here */
    top: 50px;
    left: 50px;
}


/*horizantally display*/
.horizontal-list[b-wnyo2rcqkn] {
    display: flex;
    flex-wrap: nowrap;
    overflow-x: auto;
}

.offer-parent[b-wnyo2rcqkn] {
    /* Add any additional styling for the parent container here */
}

.lh-0[b-wnyo2rcqkn] {
    line-height: 0 !important;
}
.k-listview-content[b-wnyo2rcqkn] {
    margin: 0;
    padding: 0;
    outline: 0;
    flex-grow: 1;
    position: relative;
    overflow: auto;
    display: flex;
}
.iconcenter[b-wnyo2rcqkn] {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
}


.exit-btn:hover[b-wnyo2rcqkn] {
    border-radius: 8px;
    padding: 0 5px;
    cursor: pointer;
    background: #dddddd;
}

.exit-btn ki-duotone[b-wnyo2rcqkn] {
    display: flex;
    justify-content: center;
    align-items: flex-start;
}



/* /Pages/Stock/MyPurchaseOrders.razor.rz.scp.css */
/*
	 CSS-Tricks Example
	 by Chris Coyier
	 http://css-tricks.com
*/

/* * { margin: 0; padding: 0; } */
/* body { font: 14px/1.4 Georgia, serif; } */
/*#page-wrap {
    width: 100%;
    margin: 0 auto;
}

textarea {
    border: 0;
    font: 14px Georgia, Serif;
    overflow: hidden;
    resize: none;
}

table {
    border-collapse: collapse;
}

table td, table th {
    border: 1px solid black;
    padding: 5px;
}

#header {
    height: 30px;
    width: 100%;
    background: #222;
    text-align: center;
    color: white;
    font: bold 15px Helvetica, Sans-Serif;
    text-decoration: uppercase;
    letter-spacing: 20px;
    padding: 8px 0px;
}

#address {
    font: 14px/1.4 Georgia, serif;
    text-align: left;
}

*

/
#customer {
    overflow: hidden;
}

#logo {
    margin: 10px 10px;
}*/

/* #logo:hover, #logo.edit { border: 1px solid #000; margin-top: 0px; max-height: 125px; }
#logoctr { display: none; }
#logo:hover #logoctr, #logo.edit #logoctr { display: block; text-align: right; line-height: 25px; background: #eee; padding: 0 5px; }
#logohelp { text-align: left; display: none; font-style: italic; padding: 10px 5px;}
#logohelp input { margin-bottom: 5px; }
.edit #logohelp { display: block; }
.edit #save-logo, .edit #cancel-logo { display: inline; }
.edit #image, #save-logo, #cancel-logo, .edit #change-logo, .edit #delete-logo { display: none; } */
/*#customer-title {
    font-size: 12px;
    max-width: 150px;
    overflow: hidden;
}

#meta {
    margin-right: 8px
}

#meta td {
    text-align: right;
}*/

/* #meta table {float: right;} */
/*#meta td.meta-head {
    text-align: left;
    background: #eee;
}

#meta td textarea {
    width: 100%;
    height: 20px;
    text-align: right;
}

#items {
    clear: both;
    width: 100%;
    border: 1px solid black;
}

#items th {
    background: #eee;
}

#items textarea {
    width: 80px;
    height: 50px;
}

#items tr.item-row td {
    border: 0;
    vertical-align: top;
}

#items td.description {
    width: 300px;
}

#items td.item-name {
    width: 175px;
}

#items td.description textarea, #items td.item-name textarea {
    width: 100%;
}

#items td.total-line {
    border-right: 0;
    text-align: right;
}

#items td.total-value {
    border-left: 0;
    padding: 10px;
}

#items td.total-value textarea {
    height: 20px;
    background: none;
}

#items td.balance {
    background: #eee;
}

#items td.blank {
    border: 0;
}

#terms {
    text-align: center;
    margin: 20px 0 0 0;
}

#terms h5 {
    text-transform: uppercase;
    font: 13px Helvetica, Sans-Serif;
    letter-spacing: 10px;
    border-bottom: 1px solid black;
    padding: 0 0 8px 0;
    margin: 0 0 8px 0;
}

#terms textarea {
    width: 100%;
    text-align: center;
}

textarea:hover, textarea:focus, #items td.total-value textarea:hover, #items td.total-value textarea:focus, .delete:hover {
    background-color: #EEFF88;
}

.delete-wpr {
    position: relative;
}

.delete {
    display: block;
    color: #000;
    text-decoration: none;
    position: absolute;
    background: #EEEEEE;
    font-weight: bold;
    padding: 0px 3px;
    border: 1px solid;
    top: -6px;
    left: -22px;
    font-size: 12px;
}*/
.stock-stats[b-pimxz7jny7] {
    background-image: url(https://res.cloudinary.com/malikbanks/image/upload/v1676985124/stock-bg.svg);
}

.table-cursor :hover[b-pimxz7jny7] {
    cursor: pointer;
}

.po-main-dashboard[b-pimxz7jny7] {
    background: #f0f4f7;
    font-family: "DM Sans", sans-serif;
    font-style: normal;
    box-sizing: border-box;
    height: 100%;
    /* overflow-x: auto; */
}


.po-header .input-group[b-pimxz7jny7] {
    width: 400px;
    color: #a5a5a5;
    border: 1px solid #cad5e5;
}

.input-group > .input-group-text[b-pimxz7jny7] {
    font-size: 1.5rem;
    border: none;
}

.input-group > .form-control[b-pimxz7jny7] {
    border-right: none
}

.po-header h3[b-pimxz7jny7] {
    font-weight: 700;
    font-size: 30px;
    /*line-height: 43px;*/
    color: #464a53;
}

.purchase-btn[b-pimxz7jny7] {
    color: #fff;
    border-radius: 10px;
}

.purchase-btn .btn[b-pimxz7jny7] {
    font-size: 20px;
    font-weight: 700;
    line-height: 10px;
    letter-spacing: 3px;
}

.line[b-pimxz7jny7] {
    width: 90%;
}

.payment-table[b-pimxz7jny7] {
    height: 100%;
}

#thead[b-pimxz7jny7],
#tbody[b-pimxz7jny7] {
    vertical-align: middle;
}

.table-header[b-pimxz7jny7] {
    background: #cad5e5;
    border: 1px solid #e6e7e8;
    font-weight: 700;
    font-size: 15px;
    line-height: 25px;
}

.payment-description[b-pimxz7jny7] {
    font-family: "DM Sans", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 13px;
    line-height: 17px;
    color: #414141;
}

.amount[b-pimxz7jny7] {
    font-weight: 700;
}

.custom-select-width[b-pimxz7jny7] {
    width: auto !important;
    Set width to auto to remove the width style applied by Bootstrap
    background-color: #e9e9e9 !important;
    border-radius: 2px;
    color: #414141 !important;
    font-family: "Lato";
    font-weight: 400;
    font-size: 12px;
    line-height: 25px;
    padding-top: 0.15rem !important;
    padding-bottom: 0.15rem !important;
}

.status[b-pimxz7jny7] {
    font-family: "DM Sans";
    font-weight: 700;
    font-size: 12px;
    text-align: center;
}

.table td[b-pimxz7jny7] {
    padding: 20px;
}

.table tbody > tr:nth-of-type(odd)[b-pimxz7jny7] {
    background-color: transparent !important;
}

.table tbody > tr:nth-of-type(even)[b-pimxz7jny7] {
    background-color: #E6E7E8 !important;
    border: 1px solid #E6E7E8
}


#delivered[b-pimxz7jny7] {
    background-color: rgba(4, 154, 75, 0.2);
    border-color: rgba(4, 154, 75, 0.2);
    color: #049a4b;
    padding: 5px 10px;
    width: fit-content;
}

#pending[b-pimxz7jny7] {
    background-color: rgba(188, 191, 5, 0.15);
    border-color: rgba(188, 191, 5, 0.15);
    color: #bcbf05;
    padding: 5px 10px;
    width: fit-content;
}

#approved[b-pimxz7jny7] {
    background-color: rgba(47, 128, 237, 0.15);
    border-color: rgba(47, 128, 237, 0.15);
    color: #005ef6;
    padding: 5px 10px;
    width: fit-content;
    width: fit-content;
}

#canceled[b-pimxz7jny7] {
    background-color: rgba(220, 5, 5, 0.2);
    border-color: rgba(220, 5, 5, 0.2);
    color: #dc0505;
    padding: 5px 10px;
    width: fit-content;
}

#paid[b-pimxz7jny7] {
    color: #049a4b;
}

#waiting[b-pimxz7jny7] {
    color: #bcbf05;
}

#cancel[b-pimxz7jny7] {
    color: #dc0505;
}

#refund[b-pimxz7jny7] {
    color: #005ef6;
}

.invoice-header[b-pimxz7jny7] {
    background-image: url(https://res.cloudinary.com/malikbanks/image/upload/v1702901913/bt-invoice-bg.svg)
}
/* /Pages/Stock/MyStockLists.razor.rz.scp.css */
.stock-header[b-1fyfqfgtaj] {
    border-bottom: #CAD5E5 solid 1px;
}

.header-title[b-1fyfqfgtaj] {
    font-size: 1.5rem !important;
}

.nav-pills .nav-link.active[b-1fyfqfgtaj] {
    background-color: #172671;
    color: white;
    font-weight: 600;
}


.stock-counter-badge[b-1fyfqfgtaj] {
    background-color: rgba(50, 81, 104, 0.08);
    padding: 0 4px;
    border-radius: 4px;
    font-weight: 700;
}

.nav-pills .nav-link.active .stock-counter-badge[b-1fyfqfgtaj] {
    background-color: #ffffff !important;
    color: #172671 !important;
}


.notes-pill[b-1fyfqfgtaj] {
    border-radius: 4px;
    background-color: rgba(255, 255, 255, 0.26);
    color: #ffffff;
}

.stock-stats[b-1fyfqfgtaj] {
    background-image: url(https://res.cloudinary.com/malikbanks/image/upload/v1676985124/stock-bg.svg);
}

.nav-underline .nav-link.active[b-1fyfqfgtaj], .nav-underline .show > .nav-link[b-1fyfqfgtaj] {
    font-weight: 700;
    color: #172671;
    border-bottom: 2px solid #172671;
}

.nav-item.pro-button-outline a.nav-link[b-1fyfqfgtaj] {
    /*border: 1px solid #ffd035;*/
    box-shadow: 0 0 10px #ffd035;
    transition: all 0.3s ease;
    color: #ffd035;
    border-radius: 5px;
    background-color: #ffffff;
}

    .nav-item.pro-button-outline a.nav-link:hover[b-1fyfqfgtaj] {
        box-shadow: 0 0 20px #ffd035;
        border-radius: 5px;
    }

.list-title[b-1fyfqfgtaj] {
    cursor: pointer;
}

table-cursor[b-1fyfqfgtaj] {
    cursor: pointer;
}

.clickable[b-1fyfqfgtaj] {
    min-height: 50px;
    cursor: pointer;
    display: flex;
    align-items: center;
}

.form-pl[b-1fyfqfgtaj]::placeholder {
    color: rgba(0, 0, 0, 0.3);
    font-size: 0.875em;
}

.new-stock-btn[b-1fyfqfgtaj] {
    background-color: #ffffff;
    color: #015AEB;
    border: 1px solid #CAD5E5;
    box-shadow: 2px 2px 27px -3px rgba(1, 90, 235, 0.5);
}

    .new-stock-btn:hover[b-1fyfqfgtaj] {
        background-color: #015AEB;
        color: #ffffff;
    }

.stock-card-parent[b-1fyfqfgtaj] {
    width: 31%;
    flex: none !important;
}

.stock-card[b-1fyfqfgtaj] {
    border: 0.5px solid #CAD5E5;
    border-radius: 7px;
    height: 100%;
}

    .stock-card:hover[b-1fyfqfgtaj] {
        box-shadow: 2px 2px 21px -8px rgba(0, 0, 0, 0.25);
    }

.private-btn[b-1fyfqfgtaj] {
    border: solid 1px #d5d5d5;
    color: #d5d5d5;
    font-weight: 500;
    letter-spacing: 1px;
}


.btn .spinner-border[b-1fyfqfgtaj] {
    margin-left: 8px !important;
    Adjust the value as needed
}

/*.spinner-border {
    margin-right: 8px !important;
}

.spinner-border-sm {
    margin-right: 8px !important;
}*/

.public-btn[b-1fyfqfgtaj] {
    border: solid 1px #b5b5b5;
    color: #b5b5b5;
    font-weight: 500;
    letter-spacing: 1px;
}


/*.stock-width{
    width: 30%;
}*/
.rz-g[b-1fyfqfgtaj] {
    width: 100% !important;
}

.product-card[b-1fyfqfgtaj] {
    background: white;
    width: 800px;
    padding: 30px;
    border-radius: 20px;
    box-shadow: #dbe2ee 0 0 20px 5px;
    display: flex;
    gap: 30px;
}

.cover-image[b-1fyfqfgtaj] {
    width: 100px;
    overflow: hidden;
}

.card-image:hover[b-1fyfqfgtaj] {
    transform: scale(1.05);
}

img:hover[b-1fyfqfgtaj] {
    transform: scale(1.05);
}

.more-image-container[b-1fyfqfgtaj] {
    display: flex;
}

.more-image[b-1fyfqfgtaj] {
    width: 100px;
}

.image-container img[b-1fyfqfgtaj] {
    width: 100%;
    object-fit: cover;
}

.free-shipping[b-1fyfqfgtaj] {
    display: inline-block;
    padding: 5px 10px;
    border-radius: 30px;
    font-size: 14px;
    font-weight: 400;
}

.product-name[b-1fyfqfgtaj] {
    margin: 10px 0 20px 0;
    font-size: 22px;
}

.regular-price[b-1fyfqfgtaj] {
    text-decoration: line-through;
}

.discount-price[b-1fyfqfgtaj] {
    display: inline-block;
    font-size: 40px;
    font-weight: 700;
}

.sidebar-parent[b-1fyfqfgtaj] {
    width: 100%;
    background-color: rgb(0 0 0 / 50%);
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1999;
    backdrop-filter: blur(10px);
}

.stock-icons[b-1fyfqfgtaj] {
    color: #99a1b7 !important;
}

.offer-info[b-1fyfqfgtaj] {
    font-size: 14px;
    color: gray;
}

.add-to-cart[b-1fyfqfgtaj] {
    display: inline-block;
    width: 100%;
    padding: 15px;
    border-radius: 8px;
    font-size: 18px;
    font-weight: 500;
    text-align: center;
    box-shadow: #e2e9f3 0 5px;
    margin: 20px 0;
}

    .add-to-cart .ion-icon[b-1fyfqfgtaj] {
        font-size: 30px;
        margin-bottom: -8px;
    }

/*.dropzone {
    border: 2px dashed var(--lpx-primary) !important;
    border-radius: 0.475rem !important;
    padding: 10px;
}*/

.exit-btn:hover[b-1fyfqfgtaj] {
    border-radius: 8px;
    padding: 0 5px;
    cursor: pointer;
    background: #d0e3ff;
}

.exit-btn ki-duotone[b-1fyfqfgtaj] {
    display: flex;
    justify-content: center;
    align-items: flex-start;
}

.dropdown-menu[b-1fyfqfgtaj] {
    --bs-dropdown-link-active-bg: #0058e9 !important;
    --bs-dropdown-header-color: #0058e9 !important;
}

.iconcenter[b-1fyfqfgtaj] {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
}


.upgrade-bg[b-1fyfqfgtaj] {
    position: absolute;
    height: 100%;
    width: 100%;
    z-index: 99;
    background-color: rgb(0 0 0 / 50%);
    backdrop-filter: blur(17px);
    display: flex;
    justify-content: center;
    padding-top: 5rem;
}

.upgade-plan-card[b-1fyfqfgtaj] {
    position: absolute;
    z-index: 100;
    left: 35%;
    margin-top: 1rem;
    margin: 4rem auto;
    padding: 1rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    border-radius: 5px;
    background-image: url("https://res.cloudinary.com/malikbanks/image/upload/v1712573876/BT/42.png");
    background-color: #ffffff;
}

.offers-pill[b-1fyfqfgtaj] {
    border-radius: 4px;
    background-color: #f2f2f2;
    padding: 0.4rem;
}

.lh-0[b-1fyfqfgtaj] {
    line-height: 0 !important;
}

/* Reset default DropZone theme styles that can affect template content. */
/* This code may not be necessary in future versions. */
div.template-dropzone[b-1fyfqfgtaj],
.template-dropzone .k-dropzone-inner[b-1fyfqfgtaj] {
    /* remove flexbox layout */
    display: block;
}

    .template-dropzone .k-dropzone-inner .k-icon[b-1fyfqfgtaj] {
        /* remove default DropZone icon margin */
        margin-bottom: 0;
        /* enlarge DropZone icon from default size 48px */
        font-size: 64px;
    }

/* Custom styling */
.template-dropzone .dropzone-content[b-1fyfqfgtaj] {
    margin: 3em;
    text-align: center;
}

.dropzone-content .line[b-1fyfqfgtaj] {
    display: block;
    margin-bottom: .4em;
}

.dropzone-content p[b-1fyfqfgtaj] {
    margin-top: 1em;
    font-size: .9em;
}
/* /Pages/Stock/NeedListMastersMain.razor.rz.scp.css */
.need-stats[b-cf1a5ep532] {
    background-image: url(https://res.cloudinary.com/malikbanks/image/upload/v1707823412/BT/needbg-grad.svg);
}

.need-stats2[b-cf1a5ep532] {
    background-image: url(https://res.cloudinary.com/malikbanks/image/upload/v1707823412/BT/needbg-grad.svg);
}

.notes-pill[b-cf1a5ep532] {
    border-radius: 4px;
    background-color: rgba(255, 255, 255, 0.26);
    color: #ffffff;
}

.need-header[b-cf1a5ep532] {
    border-bottom: #CAD5E5 solid 1px;
}

.list-title[b-cf1a5ep532] {
    cursor: pointer;
}


.clickable[b-cf1a5ep532] {
    min-height: 50px;
    cursor: pointer;
    display: flex;
    align-items: center;
}
 
.nav-pills .nav-link.active[b-cf1a5ep532] {
    background-color: #f24e1e;
    color: white;
    font-weight: 600;
}

.need-counter-badge[b-cf1a5ep532] {
    background-color: rgba(50, 81, 104, 0.08);
    padding: 0 4px;
    border-radius: 4px;
    font-weight: 700;
}

.nav-pills .nav-link.active .need-counter-badge[b-cf1a5ep532] {
    background-color: #ffffff !important;
    color: #f24e1e !important;
}

.sidebar-parent[b-cf1a5ep532] {
    width: 100%;
    background-color: rgb(0 0 0 / 50%);
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1999;
    backdrop-filter: blur(10px);
}
.new-need-btn[b-cf1a5ep532]{
    background-color: #ffffff;
    color: #E33D31;
    border: 1px solid #CAD5E5;
    box-shadow: 2px 2px 27px -3px rgba(1, 90, 235, 0.5);
}


.rz-grid-table thead th[b-cf1a5ep532] {
    background-color: #CAD5E5 !important;
}

.private-btn[b-cf1a5ep532] {
    border: solid 1px #d5d5d5;
    color: #d5d5d5;
    font-weight: 500;
    letter-spacing: 1px;
}

.public-btn[b-cf1a5ep532] {
    border: solid 1px #b5b5b5;
    color: #b5b5b5;
    font-weight: 500;
    letter-spacing: 1px;
}

.new-need-btn:hover[b-cf1a5ep532] {
    background-color: #E33D31;
    color: #ffffff;
}

.need-card-parent[b-cf1a5ep532] {
    width: 31%;
    flex: none !important;
}

.need-card[b-cf1a5ep532] {
    border: 0.5px solid #CAD5E5;
    border-radius: 7px;
}

.need-card:hover[b-cf1a5ep532] {
    box-shadow: 2px 2px 21px -8px rgba(0, 0, 0, 0.25);
}


.product-card[b-cf1a5ep532] {
    background: white;
    width: 800px;
    padding: 30px;
    border-radius: 20px;
    box-shadow: #dbe2ee 0 0 20px 5px;
    display: flex;
    gap: 30px;
}

.cover-image[b-cf1a5ep532] {
    width: 300px;
    overflow: hidden;
}

.card-image:hover[b-cf1a5ep532] {
    transform: scale(1.05);
}

img:hover[b-cf1a5ep532] {
    transform: scale(1.05);
}

.more-image-container[b-cf1a5ep532] {
    display: flex;
}

.more-image[b-cf1a5ep532] {
    width: 100px;
}

.image-container img[b-cf1a5ep532] {
    width: 100%;
    object-fit: cover;
}

.free-shipping[b-cf1a5ep532] {
    display: inline-block;
    padding: 5px 10px;
    border-radius: 30px;
    font-size: 14px;

    font-weight: 400;
}

.product-name[b-cf1a5ep532] {
    margin: 10px 0 20px 0;
    font-size: 22px;
}

.regular-price[b-cf1a5ep532] {
    text-decoration: line-through;
}

.discount-price[b-cf1a5ep532] {
    display: inline-block;
    font-size: 40px;
    font-weight: 700;
}


.offer-info[b-cf1a5ep532] {
    font-size: 14px;
    color: gray;
}

.add-to-cart[b-cf1a5ep532] {
    display: inline-block;
    width: 100%;
    padding: 15px;
    border-radius: 8px;
    font-size: 18px;
    font-weight: 500;
    text-align: center;
    box-shadow: #e2e9f3 0 5px;
    margin: 20px 0;
}

.add-to-cart .ion-icon[b-cf1a5ep532] {
    font-size: 30px;
    margin-bottom: -8px;
}

.stock-icons[b-cf1a5ep532] {
    color: #99a1b7 !important;
}

.exit-btn:hover[b-cf1a5ep532] {
    border-radius: 8px;
    padding: 0 5px;
    cursor: pointer;
    background: #ffe9db;
}

.exit-btn ki-duotone[b-cf1a5ep532] {
    display: flex;
    justify-content: center;
    align-items: flex-start;
}

.dropzone[b-cf1a5ep532] {
    border: 2px dashed var(--bs-orange) !important;
    border-radius: 0.475rem !important;
    padding: 10px;
}
.iconcenter[b-cf1a5ep532] {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
}
.offers-pill[b-cf1a5ep532] {
    border-radius: 4px;
    background-color: #f2f2f2;
    padding: 0.4rem;
}

.lh-0[b-cf1a5ep532] {
    line-height: 0 !important;
}




/* /Pages/Stock/OrderMatching.razor.rz.scp.css */

:root[b-xnnspjvp5n] {
    --black: #000000;
    --concrete: #f2f2f2;
    --eerie-black: #1f1f1f;
    --green: #2ac475;
    --kashmir-blue: #486294;
    --manatee: #8a9099;
    --mercury: #e6e7e8;
    --periwinkle: #cad5e5;
    --quick-silver: #a4a4a4;
    --scarpa-flow: #58595b;
    --white: #ffffff;

    --font-size-l: 13px;
    --font-size-m: 12px;
    --font-size-s: 12px;
    --font-size-xl: 11px;
    --font-size-xxl: 13px;
    --font-size-xxxl: 14px;
    --font-size-xxxxl: 2.5rem;

    --font-family-cairo: "Cairo", Helvetica;
    --font-family-dm_sans: "DM Sans", Helvetica;
    --font-family-lato: "Lato", Helvetica;
    --font-family-open_sans: "Open Sans", Helvetica;
}

.popup-modal-wrapper[b-xnnspjvp5n] {
    background: rgba(0, 0, 0, 0.7);
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1;
}


.valign-text-middle[b-xnnspjvp5n] {
    display: flex;
    flex-direction: column;
    justify-content: center;
}


input:focus[b-xnnspjvp5n] {
    outline: none;
}

.small-button-group[b-xnnspjvp5n] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px; /* Space between buttons */
}

.small-button[b-xnnspjvp5n] {
    padding: 5px 10px; /* Reduces space inside the button */
    font-size: 12px; /* Makes the text smaller */
    border-radius: 4px; /* Adds slight rounding for a compact look */
    min-width: 80px; /* Sets a minimum button width */
    height: 30px; /* Adjusts button height */
    text-align: center;
}
.table-cell-click[b-xnnspjvp5n] {
    cursor: pointer !important;
}

.table-list-text[b-xnnspjvp5n] {
    font-size: 0.75rem !important;
}

.table-list-title[b-xnnspjvp5n] {
    overflow: hidden;
    display: -webkit-box; /* For Safari, iOS, and older Android browsers */
    -webkit-line-clamp: 2; /* Limit the text to 2 lines */
    -webkit-box-orient: vertical;
}

.table200.ver1 td[b-xnnspjvp5n] {
    height: 90px !important;
}
    .best-option[b-xnnspjvp5n] {
    font-size: 0.6rem;
    font-weight: bold;
    padding: 3px 5px;
    background-color: #ebff00;
    letter-spacing: 1px;
    color: #076bf2;
}

.best-option-2[b-xnnspjvp5n] {
    font-size: 0.6rem;
    font-weight: bold;
    padding: 3px 5px;
    background-color: #ebff00;
    letter-spacing: 1px;
    color: #076bf2;
}

@-webkit-keyframes blink {
    100% {
        box-shadow: 0 0 3px #fff, 0 0 10px #fff, 0 0 20px #fff, 0 0 40px #0ba9ca, 0 0 70px #0ba9ca, 0 0 80px #0ba9ca;
    }
}

@keyframes blink-b-xnnspjvp5n {
    100% {
        box-shadow: 0 0 3px #fff, 0 0 10px #fff, 0 0 20px #fff, 0 0 40px #0ba9ca, 0 0 70px #0ba9ca, 0 0 80px #0ba9ca;
    }
}


.product-table-fix[b-xnnspjvp5n] {
    display: flex;
    position: absolute;
    left: 0;
    z-index: 100;
    width: 400px;
    flex-direction: column;
}

.hidden-product-table[b-xnnspjvp5n] {
    width: 100%;
    height: auto;
}

.dmsans-bold-black-12px[b-xnnspjvp5n] {
    color: var(--black);
    font-size: var(--font-size-m);
    font-style: normal;
    font-weight: 600;
}

.dmsans-bold-manatee-13px[b-xnnspjvp5n] {
    color: var(--manatee);
    font-size: var(--font-size-l);
    font-style: normal;
    font-weight: 600;
}

.dmsans-bold-scarpa-flow-17px[b-xnnspjvp5n] {
    color: var(--scarpa-flow);
    font-size: 17px;
    font-style: normal;
    font-weight: 600;
}

.dmsans-normal-quick-silver-12px[b-xnnspjvp5n] {
    color: var(--quick-silver);
    font-size: var(--font-size-m);
    font-style: normal;
    font-weight: 400;
}

.dmsans-bold-black-10px[b-xnnspjvp5n] {
    color: var(--black);
    font-size: var(--font-size-s);
    font-style: normal;
    font-weight: 600;
}

.dmsans-bold-kashmir-blue-13px[b-xnnspjvp5n] {
    color: var(--kashmir-blue);
    font-size: var(--font-size-l);
    font-style: normal;
    font-weight: 600;
}

:root[b-xnnspjvp5n] {
}


/* screen - instant-match-4 */

.container-center-horizontal[b-xnnspjvp5n] {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: max-content;
    gap: 1px 2px;
}


.instant-match-4[b-xnnspjvp5n] {
    overflow-y: auto;
    background: transparent;
    border: 1px none;
    mix-blend-mode: normal;

    margin: 10px;

}


.instant-match-4 .main-banner-wrapper[b-xnnspjvp5n] {
    background-color: transparent;
    height: 318px;
    width: 100%;
    padding: 20px;
}

.instant-match-4 .sub-banner-wrapper[b-xnnspjvp5n] {
    height: 100%;
    background: transparent linear-gradient(180deg, rgb(0, 86.03650331497192, 255) 0%, rgb(0, 24.01852447539568, 71.18750050663948) 100%);
    border-radius: 20px;
    box-shadow: 0 5px 14px #080f340a;
    overflow: hidden;
}

.instant-match-4 .banner-mask-wrapper[b-xnnspjvp5n] {
    background-image: url('images/stock-bg.svg');
    background-color: transparent;
    height: 100%;
    width: 100%;
    padding: 50px;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    box-sizing: border-box;
}

.instant-match-4 .main-banner-text-wrapper[b-xnnspjvp5n] {
    background-color: transparent;
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;

}

.instant-match-4 .sub-banner-text-wrapper[b-xnnspjvp5n] {
    background-color: transparent;
    height: 193px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.instant-match-4 .banner-heading[b-xnnspjvp5n] {
    background-color: transparent;
    color: var(--white);
    /*    font-size: var(--font-size-xxxxl);*/
    font-style: normal;
    font-weight: 600;
    letter-spacing: 0;
    mix-blend-mode: normal;
    max-width: 658px;
}

.instant-match-4 .banner-paragraph[b-xnnspjvp5n] {
    background-color: transparent;
    color: #eff0f6;
    font-size: var(--font-size-xxxl);
    font-style: normal;
    font-weight: 400;
    height: 79px;
    left: 0;
    letter-spacing: 0;
    line-height: 30px;
    mix-blend-mode: normal;
    text-align: left;
    max-width: 658px;
}

.instant-match-4 .banner-image-wrapper[b-xnnspjvp5n] {
    background-color: transparent;
    height: 237px;
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;

}

.instant-match-4 .banner-image[b-xnnspjvp5n] {
    background-color: transparent;
    height: 228px;
    left: 6px;
    mix-blend-mode: normal;
    width: 279px;
}

.instant-match-4 .divider-line[b-xnnspjvp5n] {
    background-color: transparent;
    height: 1px;
    object-fit: cover;
    width: 100%;

}


.instant-match-4 .main-info-section-wrapper[b-xnnspjvp5n] {
    background-color: transparent;
    height: 132px;
    width: 100%;
    padding: 20px;
    margin-bottom: 30px;

    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;

}

.instant-match-4 .refresh-btn-wrapper[b-xnnspjvp5n],
.instant-match-4 .handshake-image[b-xnnspjvp5n] {
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
}

.instant-match-4 .main-info-text-wrapper[b-xnnspjvp5n] {
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
}

.instant-match-4 .main-info-text-wrapper[b-xnnspjvp5n] {
    padding: 0 30px;

}

.instant-match-4 .info-section-header[b-xnnspjvp5n] {
    background-color: transparent;
    color: var(--scarpa-flow);

    font-style: normal;
    font-weight: 600;
    letter-spacing: 0;
    mix-blend-mode: normal;
    text-align: left;
}

.instant-match-4 .info-section-paragraph[b-xnnspjvp5n] {
    background-color: transparent;
    color: var(--scarpa-flow);
    font-style: normal;
    font-weight: 400;
    letter-spacing: 0;
    mix-blend-mode: normal;
    text-align: left;
}

.instant-match-4 .handshake-image[b-xnnspjvp5n] {
    background-color: transparent;
    left: 0;
    mix-blend-mode: normal;
}

.instant-match-4 .refresh-btn-wrapper[b-xnnspjvp5n] {
    position: relative;
}

.instant-match-4 .refresh-btn[b-xnnspjvp5n] {
    border-radius: 14px;
    height: auto;
    width: auto;
    mix-blend-mode: normal;

    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    cursor: pointer;
    padding: 10px 20px;
    border: 1px solid #018dc4;
    -webkit-border-radius: 14px;
    color: rgba(255, 255, 255, 0.9);
    -o-text-overflow: clip;
    background: #005ef6;
    -webkit-box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.2);


}

.instant-match-4 .refresh-icon-wrapper[b-xnnspjvp5n] {
    background-color: var(--white);
    border-radius: 14px;
    height: 28px;
    left: 0;
    mix-blend-mode: normal;
    width: 28px;
    margin-right: 5px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.instant-match-4 .refresh-icon[b-xnnspjvp5n] {
    height: 14px;

    width: 14px;
}

.instant-match-4 .refresh-btn-text[b-xnnspjvp5n] {
    background-color: transparent;
    color: var(--white);
    font-size: var(--font-size-xxxl);
    font-style: normal;
    font-weight: 600;
    height: auto;
    left: 67px;
    letter-spacing: 0;
    line-height: normal;
    mix-blend-mode: normal;

    text-align: left;
    top: 18px;
    width: auto;
}


.instant-match-4 .main-result-section[b-xnnspjvp5n] {
    mix-blend-mode: normal;
    overflow-y: hidden;
    height: 100%;
}

.instant-match-4 .main-tab-wrapper[b-xnnspjvp5n],
.main-result-search-wrapper[b-xnnspjvp5n] {
    padding: 15px 15px 10px 15px;
}

.instant-match-4 .sub-tab-wrapper[b-xnnspjvp5n] {
    border-radius: 17px;
    background-color: var(--concrete);
    height: 35px;
    overflow: auto;
    padding: 5px;
}

.instant-match-4 .tab-item[b-xnnspjvp5n] {
    display: flex;
    align-items: center;
    justify-content: center;


}

.instant-match-4 .tab-item:hover[b-xnnspjvp5n] {
    cursor: pointer;
}

.instant-match-4 .tab-item.active-tab[b-xnnspjvp5n],
.instant-match-4 .tab-item:hover[b-xnnspjvp5n] {
    background-color: var(--white);
    border-radius: 200px;
    border: none;
}

.instant-match-4 .sub-tab-wrapper[b-xnnspjvp5n] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: 1fr;
    grid-gap: 2px;
}

.instant-match-4 .tab-item:nth-child(2)[b-xnnspjvp5n] {
    border-left: 1px solid rgba(128, 128, 128, 0.38);
    border-right: 1px solid rgba(128, 128, 128, 0.38);
}


.instant-match-4 .main-result-items-wrapper[b-xnnspjvp5n] {

    box-sizing: border-box;
    overflow-y: auto;
}

.instant-match-4 .result-item-wrapper[b-xnnspjvp5n] {
    padding: 5px 10px;
    height: 100%;
    overflow-y: auto;

}

.instant-match-4 .result-item[b-xnnspjvp5n] {
    background-color: var(--white);
    border-radius: 7px;
    box-shadow: 2px 2px 21px -8px #00000040;
    height: 125px;
    min-width: 309px;
    border: 1px solid;
    border-color: var(--periwinkle);
    padding: 5px 10px;
    margin: 15px 5px;

    display: flex;
    flex-direction: column;
    justify-content: space-between;
    order: 1;
}

.instant-match-4 .result-item:hover[b-xnnspjvp5n] {
    background-color: var(--concrete);
    cursor: pointer;
    border: 2px solid #CAD5E5;
}

.result-item.number-1[b-xnnspjvp5n] {
    order: 0;
    background-color: var(--concrete);
}

.result-item-top[b-xnnspjvp5n],
.result-item-bottom[b-xnnspjvp5n] {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.list-icon[b-xnnspjvp5n] {
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
}

.result-heading[b-xnnspjvp5n] {
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
}

.result-start-wrapper-main[b-xnnspjvp5n] {
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
}


.result-item-bottom[b-xnnspjvp5n] {
    justify-content: space-between;

}


.instant-match-4 .result-heading[b-xnnspjvp5n] {
    line-height: 20px;
    background-color: transparent;
    mix-blend-mode: normal;
    text-align: left;

}

.instant-match-4 .pills-wrapper[b-xnnspjvp5n] {
    display: flex;
    justify-content: space-between;
}

.instant-match-4 .result-pill[b-xnnspjvp5n] {
    position: relative;
    width: 57px;
    height: 22px;
}

.instant-match-4 .rectangle-4402-u2QheS[b-xnnspjvp5n] {
    background-color: #2ac47554;
    border-radius: 43px;
    width: 55px;
}

.instant-match-4 .rectangle-4402-4f1c2b[b-xnnspjvp5n] {
    background-color: var(--mercury);
    border-radius: 43px;
    width: 55px;
}


.main-result-search-wrapper[b-xnnspjvp5n] {
}

.instant-match-4 .result-search-wrapper[b-xnnspjvp5n] {
    height: 35px;
    border: 1px solid;
    border-color: var(--periwinkle);
    border-radius: 45px;
    padding: 2px 2px 2px 7px;
    overflow: hidden;
}


.instant-match-4 .result-search-wrapper[b-xnnspjvp5n] {

    flex: 1 1 auto;

}


.instant-match-4 .result-start-wrapper-main[b-xnnspjvp5n] {
    background-color: transparent;
    height: 24px;
    position: relative;
    width: 26px;
}


.main-bottom-section[b-xnnspjvp5n] {
    margin: 10px 0;
    width: 100%;
    background: transparent;
    display: flex;
    height: 693px;
    border: 1px solid;
    border-color: var(--periwinkle);
    border-radius: 7px;
}

.main-view-right-section[b-xnnspjvp5n],
.main-left-result-section[b-xnnspjvp5n] {
    border-left: 1px solid;
    border-color: var(--periwinkle);

    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    -webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    align-self: stretch;
    border-radius: 0 7px 7px 0;

    display: flex;
    flex-direction: column;

}

.view-top[b-xnnspjvp5n] {
}

.view-header[b-xnnspjvp5n] {
    border-bottom: 1px solid;
    border-color: var(--periwinkle);
    min-width: 0;
}

.view-left[b-xnnspjvp5n] {
}

.tier-warning-wrapper[b-xnnspjvp5n] {
}

.instant-match-4 .current-list-heading[b-xnnspjvp5n] {
    color: var(--scarpa-flow);
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
}


.offers-pill[b-xnnspjvp5n] {
    background-color: var(--mercury);
    border-radius: 43px;
    white-space: nowrap;
    height: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 11px;

}

.offers-pill.coloured[b-xnnspjvp5n] {
    color: rgba(6, 63, 154, 1);
    background-color: rgba(6, 63, 154, 0.25);
}

.view-search-wrapper[b-xnnspjvp5n] {
    display: flex;
    align-items: center;
    justify-content: space-between;

}

.download-pill[b-xnnspjvp5n] {

    background-color: var(--mercury);
    border-radius: 5px;
    height: 25px;
    width: 91px;

    display: flex;
    justify-content: center;
    align-items: center;

}

.download-pill:hover[b-xnnspjvp5n] {
    cursor: pointer;
}

.view-search-wrapper .result-search-wrapper[b-xnnspjvp5n] {
    margin-right: 30px;
    background: white;
    height: 40px;
    font-size: 50px
}

.view-search-wrapper .result-search-wrapper .search-input[b-xnnspjvp5n] {
    font-size: 18px
}

.view-search-wrapper .result-search-wrapper:focus-within .search-input[b-xnnspjvp5n] {
    color: black;
}

.instant-match-4 .download-CPfGRK[b-xnnspjvp5n] {
    background-color: transparent;

    letter-spacing: 0;
    mix-blend-mode: normal;

    text-align: center;

}


.view-top[b-xnnspjvp5n] {

    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.view-header[b-xnnspjvp5n] {
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    -webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    align-self: stretch;
}

.view-search-wrapper[b-xnnspjvp5n] {
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    -webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    align-self: stretch;
}

.clicked-card-listing[b-xnnspjvp5n] {
    padding: 15px 10px;
    overflow-y: auto;
    border-top: 1px solid;
    border-color: var(--periwinkle);

}

.main-result-items-wrapper[b-xnnspjvp5n] {
    overflow-y: auto;
}

.main-view-right-section[b-xnnspjvp5n],
.main-result-section[b-xnnspjvp5n] {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;

}

.view-top[b-xnnspjvp5n],
.main-tab-wrapper[b-xnnspjvp5n],
.main-result-search-wrapper[b-xnnspjvp5n] {
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;

}

.clicked-card-listing[b-xnnspjvp5n],
.main-result-items-wrapper[b-xnnspjvp5n] {
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;

}

.result-item-wrapper[b-xnnspjvp5n] {

    overflow-y: auto;
    border-top: 1px solid;
    border-color: var(--periwinkle);

}

.instant-match-4 .tiers-are-based-on-p-qUuRxH[b-xnnspjvp5n] {
    color: var(--manatee);
    font-size: var(--font-size-s);
    font-style: normal;
    font-weight: 500;
    text-align: right;
}


.instant-match-4 .rectangle-tier-tab > *[b-xnnspjvp5n] {
    flex: 1 1 auto;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    -ms-flex-item-align: stretch;
    align-self: stretch;
    text-align: center;
    display: flex;
    justify-content: center;
}

.instant-match-4 .rectangle-tier-tab > *[b-xnnspjvp5n] {
    -webkit-align-self: stretch;
}

.instant-match-4 .added-2-days-ago[b-xnnspjvp5n] {
    background-color: transparent;
    height: 28px;

    letter-spacing: 0;
    line-height: 43px;
    mix-blend-mode: normal;

    text-align: right;

    white-space: nowrap;
    min-width: 108px;
}

.instant-match-4 .ellipse-120[b-xnnspjvp5n] {
    background-color: var(--manatee);
    border-radius: 3px;
    height: 5px;
    left: -10px;
    mix-blend-mode: normal;
    position: absolute;
    top: 11px;
    width: 5px;
}

.instant-match-4 .result-ago-wrapper[b-xnnspjvp5n] {
    position: relative;
}


.instant-match-4 .list-icon[b-xnnspjvp5n] {
    background-color: transparent;
    height: 35px;
    mix-blend-mode: normal;
    width: 35px;
}

.instant-match-4 .new[b-xnnspjvp5n] {
    background-color: transparent;
    color: #188d51;
    font-size: var(--font-size-m);
    font-style: normal;
    font-weight: 600;
    height: 11px;
    left: 12px;
    letter-spacing: 0;
    line-height: 43px;
    mix-blend-mode: normal;
    position: absolute;
    text-align: center;
    top: 5px;
    white-space: nowrap;
    width: 32px;
}


.instant-match-4 .rectangle-4402[b-xnnspjvp5n] {

    left: 0;
    mix-blend-mode: normal;
    position: absolute;
    top: 0;
}

.instant-match-4 .twemojiglowing-star[b-xnnspjvp5n] {
    background-color: transparent;
    height: 24px;
    left: 0;
    mix-blend-mode: normal;
    position: absolute;
    top: 0;
    width: 24px;
}

.instant-match-4 .usd[b-xnnspjvp5n] {
    background-color: transparent;
    height: 11px;
    left: 12px;
    letter-spacing: 0;
    line-height: 43px;
    mix-blend-mode: normal;
    position: absolute;
    text-align: center;
    top: 5px;
    white-space: nowrap;
    width: 32px;
}

.instant-match-4 .vector[b-xnnspjvp5n] {
    background-color: transparent;
}

.instant-match-4 .x2[b-xnnspjvp5n] {
    background-color: transparent;
    height: 7px;
    left: 9px;
    letter-spacing: 0;
    line-height: 43px;
    mix-blend-mode: normal;
    position: absolute;
    text-align: left;
    top: 8px;
    white-space: nowrap;
    width: 6px;
}


.not-clicked-wrapper[b-xnnspjvp5n] {
    background-color: var(--white);
    border: 1px solid;
    border-color: var(--periwinkle);
    border-radius: 7px;
    height: 100%;
    mix-blend-mode: normal;

}

.not-clicked-instruction-text[b-xnnspjvp5n] {
    background-color: transparent;
    color: var(--scarpa-flow);
    font-size: 25px;
    font-style: normal;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 43px;
    mix-blend-mode: normal;
    text-align: left;
}

.valign-text-middle[b-xnnspjvp5n] {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.not-clicked-img[b-xnnspjvp5n] {
    background-color: transparent;
    /*height: 307px;*/
    left: 0;
    mix-blend-mode: normal;
    width: 274px;
}

.pm-table-view:hover[b-xnnspjvp5n] {
    cursor: pointer;
}

.nav-needs .nav-stocks[b-xnnspjvp5n] {
    letter-spacing: 0.6px;
}

.nav-stocks.active[b-xnnspjvp5n] {
    color: #005ef6 !important;
    background-color: #d2e3ff !important;
    font-weight: bold;
}

.nav-needs.active[b-xnnspjvp5n] {
    color: #f24e1e !important;
    background-color: #ffd8cc !important;
    font-weight: bold;
}

.nav-offers.active[b-xnnspjvp5n] {
    color: #ffffff !important;
    background-color: #000000 !important;
    font-weight: bold;
}

/*desktops - higher resolution*/
@media (min-width: 1281px) {
    .view-left[b-xnnspjvp5n] {

        width: 80%;
    }

    .tier-warning-wrapper[b-xnnspjvp5n] {
        width: 30%;
    }
}

/*laptops, desktops*/
@media (min-width: 1025px) and (max-width: 1280px) {
    .view-left[b-xnnspjvp5n] {
        width: 80%;
    }

    .tier-warning-wrapper[b-xnnspjvp5n] {
        width: 30%;
    }
}

/*tablets, ipads (portrait)*/
@media (min-width: 768px) and (max-width: 1024px) {
    .instant-match-4 .banner-image[b-xnnspjvp5n] {
        background-color: transparent;
        height: 163px;
        left: 6px;
        mix-blend-mode: normal;
        width: 200px;
    }

    .view-header[b-xnnspjvp5n] {
        flex-direction: column;
    }

    .view-left[b-xnnspjvp5n] {

        width: 100%;
    }

    .tier-warning-wrapper[b-xnnspjvp5n] {
        width: 100%;
    }

}

@media (max-width: 767px) {
    .not-clicked-instruction-wrapper[b-xnnspjvp5n] {
        flex-direction: column;
        justify-content: center;
    }

    .not-clicked-instruction-text .valign-text-middle[b-xnnspjvp5n] {
        font-size: 20px;
        text-align: center;
    }
}

/*low resolution tablets, mobiles (landscape)*/
@media (min-width: 481px) and (max-width: 767px) {
    .view-search-wrapper[b-xnnspjvp5n] {
        flex-direction: column;
        align-items: flex-end;
        padding: 10px 0 !important;
    }

    .instant-match-4 .result-search-wrapper[b-xnnspjvp5n] {
        margin: 0;
        width: 100%;
    }

    .instant-match-4 .main-banner-wrapper[b-xnnspjvp5n] {
        height: 290px;
    }


    .main-banner-text-wrapper[b-xnnspjvp5n] {
        height: 100% !important;

    }

    .sub-banner-text-wrapper[b-xnnspjvp5n] {
        display: flex;


    }

    .banner-heading[b-xnnspjvp5n] {
        margin-bottom: 30px;
        font-size: 20px !important;
    }

    .banner-paragraph[b-xnnspjvp5n] {
        font-size: 12px !important;
    }

    .banner-mask-wrapper[b-xnnspjvp5n] {
        background: green;
        padding: 10px !important;
        align-items: flex-start !important;
    }

    .main-info-section-wrapper[b-xnnspjvp5n] {
        flex-direction: column !important;
        height: auto !important;
        padding: 0 !important;
    }

    .divider-line[b-xnnspjvp5n] {
        display: none;
    }

    .handshake-image[b-xnnspjvp5n] {
        display: none;
    }

    .main-info-text-wrapper[b-xnnspjvp5n] {
        padding: 0 !important;
        display: none;
    }

    .result-item-wrapper[b-xnnspjvp5n] {
        display: flex;
    }

    .current-list-heading[b-xnnspjvp5n] {
        width: 100%;
        display: block
    }

    .main-bottom-section[b-xnnspjvp5n] {
        height: 900px;
        align-items: flex-start !important;
        flex-direction: column;
        width: 100%;

    }

    .instant-match-4 .banner-image[b-xnnspjvp5n] {
        display: none;
    }

    .view-header[b-xnnspjvp5n] {
        flex-direction: column;
    }

    .view-left[b-xnnspjvp5n] {
        width: 100%;
        flex-direction: column;
    }

    .tier-warning-wrapper[b-xnnspjvp5n] {
        width: 100%;
    }
}

/*smartphones mobiles (portrait)*/
@media (min-width: 320px) and (max-width: 480px) {

    .view-search-wrapper[b-xnnspjvp5n] {
        flex-direction: column;
        align-items: flex-end;
        padding: 10px 0 !important;
    }

    .instant-match-4 .result-search-wrapper[b-xnnspjvp5n] {
        margin: 0;
        width: 100%;
    }

    .instant-match-4 .main-banner-wrapper[b-xnnspjvp5n] {
        height: 290px;
    }

    .instant-match-4 .banner-mask-wrapper[b-xnnspjvp5n] {
    }

    .main-banner-text-wrapper[b-xnnspjvp5n] {
        height: 100% !important;

    }

    .sub-banner-text-wrapper[b-xnnspjvp5n] {
        display: flex;


    }

    .banner-heading[b-xnnspjvp5n] {
        margin-bottom: 30px;
        font-size: 20px !important;
    }

    .banner-paragraph[b-xnnspjvp5n] {
        font-size: 12px !important;
    }

    .banner-mask-wrapper[b-xnnspjvp5n] {
        background: green;
        padding: 10px !important;
        align-items: flex-start !important;
    }

    .main-info-section-wrapper[b-xnnspjvp5n] {
        flex-direction: column !important;
        height: auto !important;
        padding: 0 !important;
    }

    .divider-line[b-xnnspjvp5n] {
        display: none;
    }

    .handshake-image[b-xnnspjvp5n] {
        display: none;
    }

    .main-info-text-wrapper[b-xnnspjvp5n] {
        padding: 0 !important;
        display: none;
    }

    .result-item-wrapper[b-xnnspjvp5n] {
        display: flex;
    }

    .current-list-heading[b-xnnspjvp5n] {
        width: 100%;
        display: block
    }

    .main-bottom-section[b-xnnspjvp5n] {
        height: 900px;
        align-items: flex-start !important;
        flex-direction: column;
        width: 100%;

    }

    .instant-match-4 .banner-image[b-xnnspjvp5n] {
        display: none;
    }

    .view-header[b-xnnspjvp5n] {
        flex-direction: column;
    }

    .view-left[b-xnnspjvp5n] {
        width: 100%;
        flex-direction: column;
    }

    .tier-warning-wrapper[b-xnnspjvp5n] {
        width: 100%;
    }
}
/* /Pages/Stock/ProductMatching.razor.rz.scp.css */

:root[b-n3imk5af3j] {
    --black: #000000;
    --concrete: #f2f2f2;
    --eerie-black: #1f1f1f;
    --green: #2ac475;
    --kashmir-blue: #486294;
    --manatee: #8a9099;
    --mercury: #e6e7e8;
    --periwinkle: #cad5e5;
    --quick-silver: #a4a4a4;
    --scarpa-flow: #58595b;
    --white: #ffffff;

    --font-size-l: 13px;
    --font-size-m: 12px;
    --font-size-s: 12px;
    --font-size-xl: 11px;
    --font-size-xxl: 13px;
    --font-size-xxxl: 14px;
    --font-size-xxxxl: 2.5rem;

    --font-family-cairo: "Cairo", Helvetica;
    --font-family-dm_sans: "DM Sans", Helvetica;
    --font-family-lato: "Lato", Helvetica;
    --font-family-open_sans: "Open Sans", Helvetica;
}

.popup-modal-wrapper[b-n3imk5af3j] {
    background: rgba(0, 0, 0, 0.7);
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1;
}


.valign-text-middle[b-n3imk5af3j] {
    display: flex;
    flex-direction: column;
    justify-content: center;
}


input:focus[b-n3imk5af3j] {
    outline: none;
}

.table-cell-click[b-n3imk5af3j] {
    cursor: pointer !important;
}

.table-list-text[b-n3imk5af3j] {
    font-size: 0.75rem !important;
}

.table-list-title[b-n3imk5af3j] {
    overflow: hidden;
    display: -webkit-box; /* For Safari, iOS, and older Android browsers */
    -webkit-line-clamp: 2; /* Limit the text to 2 lines */
    -webkit-box-orient: vertical;
}

.table200.ver1 td[b-n3imk5af3j] {
    height: 90px !important;
}
    .best-option[b-n3imk5af3j] {
    font-size: 0.6rem;
    font-weight: bold;
    padding: 3px 5px;
    background-color: #ebff00;
    letter-spacing: 1px;
    color: #076bf2;
}

.best-option-2[b-n3imk5af3j] {
    font-size: 0.6rem;
    font-weight: bold;
    padding: 3px 5px;
    background-color: #ebff00;
    letter-spacing: 1px;
    color: #076bf2;
}

@-webkit-keyframes blink {
    100% {
        box-shadow: 0 0 3px #fff, 0 0 10px #fff, 0 0 20px #fff, 0 0 40px #0ba9ca, 0 0 70px #0ba9ca, 0 0 80px #0ba9ca;
    }
}

@keyframes blink-b-n3imk5af3j {
    100% {
        box-shadow: 0 0 3px #fff, 0 0 10px #fff, 0 0 20px #fff, 0 0 40px #0ba9ca, 0 0 70px #0ba9ca, 0 0 80px #0ba9ca;
    }
}


.product-table-fix[b-n3imk5af3j] {
    display: flex;
    position: absolute;
    left: 0;
    z-index: 100;
    width: 400px;
    flex-direction: column;
}

.hidden-product-table[b-n3imk5af3j] {
    width: 100%;
    height: auto;
}

.dmsans-bold-black-12px[b-n3imk5af3j] {
    color: var(--black);
    font-size: var(--font-size-m);
    font-style: normal;
    font-weight: 600;
}

.dmsans-bold-manatee-13px[b-n3imk5af3j] {
    color: var(--manatee);
    font-size: var(--font-size-l);
    font-style: normal;
    font-weight: 600;
}

.dmsans-bold-scarpa-flow-17px[b-n3imk5af3j] {
    color: var(--scarpa-flow);
    font-size: 17px;
    font-style: normal;
    font-weight: 600;
}

.dmsans-normal-quick-silver-12px[b-n3imk5af3j] {
    color: var(--quick-silver);
    font-size: var(--font-size-m);
    font-style: normal;
    font-weight: 400;
}

.dmsans-bold-black-10px[b-n3imk5af3j] {
    color: var(--black);
    font-size: var(--font-size-s);
    font-style: normal;
    font-weight: 600;
}

.dmsans-bold-kashmir-blue-13px[b-n3imk5af3j] {
    color: var(--kashmir-blue);
    font-size: var(--font-size-l);
    font-style: normal;
    font-weight: 600;
}

:root[b-n3imk5af3j] {
}


/* screen - instant-match-4 */

.container-center-horizontal[b-n3imk5af3j] {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: max-content;
    gap: 1px 2px;
}


.instant-match-4[b-n3imk5af3j] {
    overflow-y: auto;
    background: transparent;
    border: 1px none;
    mix-blend-mode: normal;

    margin: 10px;

}


.instant-match-4 .main-banner-wrapper[b-n3imk5af3j] {
    background-color: transparent;
    height: 318px;
    width: 100%;
    padding: 20px;
}

.instant-match-4 .sub-banner-wrapper[b-n3imk5af3j] {
    height: 100%;
    background: transparent linear-gradient(180deg, rgb(0, 86.03650331497192, 255) 0%, rgb(0, 24.01852447539568, 71.18750050663948) 100%);
    border-radius: 20px;
    box-shadow: 0 5px 14px #080f340a;
    overflow: hidden;
}

.instant-match-4 .banner-mask-wrapper[b-n3imk5af3j] {
    background-image: url('images/stock-bg.svg');
    background-color: transparent;
    height: 100%;
    width: 100%;
    padding: 50px;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    box-sizing: border-box;
}

.instant-match-4 .main-banner-text-wrapper[b-n3imk5af3j] {
    background-color: transparent;
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;

}

.instant-match-4 .sub-banner-text-wrapper[b-n3imk5af3j] {
    background-color: transparent;
    height: 193px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.instant-match-4 .banner-heading[b-n3imk5af3j] {
    background-color: transparent;
    color: var(--white);
    /*    font-size: var(--font-size-xxxxl);*/
    font-style: normal;
    font-weight: 600;
    letter-spacing: 0;
    mix-blend-mode: normal;
    max-width: 658px;
}

.instant-match-4 .banner-paragraph[b-n3imk5af3j] {
    background-color: transparent;
    color: #eff0f6;
    font-size: var(--font-size-xxxl);
    font-style: normal;
    font-weight: 400;
    height: 79px;
    left: 0;
    letter-spacing: 0;
    line-height: 30px;
    mix-blend-mode: normal;
    text-align: left;
    max-width: 658px;
}

.instant-match-4 .banner-image-wrapper[b-n3imk5af3j] {
    background-color: transparent;
    height: 237px;
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;

}

.instant-match-4 .banner-image[b-n3imk5af3j] {
    background-color: transparent;
    height: 228px;
    left: 6px;
    mix-blend-mode: normal;
    width: 279px;
}

.instant-match-4 .divider-line[b-n3imk5af3j] {
    background-color: transparent;
    height: 1px;
    object-fit: cover;
    width: 100%;

}


.instant-match-4 .main-info-section-wrapper[b-n3imk5af3j] {
    background-color: transparent;
    height: 132px;
    width: 100%;
    padding: 20px;
    margin-bottom: 30px;

    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;

}

.instant-match-4 .refresh-btn-wrapper[b-n3imk5af3j],
.instant-match-4 .handshake-image[b-n3imk5af3j] {
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
}

.instant-match-4 .main-info-text-wrapper[b-n3imk5af3j] {
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
}

.instant-match-4 .main-info-text-wrapper[b-n3imk5af3j] {
    padding: 0 30px;

}

.instant-match-4 .info-section-header[b-n3imk5af3j] {
    background-color: transparent;
    color: var(--scarpa-flow);

    font-style: normal;
    font-weight: 600;
    letter-spacing: 0;
    mix-blend-mode: normal;
    text-align: left;
}

.instant-match-4 .info-section-paragraph[b-n3imk5af3j] {
    background-color: transparent;
    color: var(--scarpa-flow);
    font-style: normal;
    font-weight: 400;
    letter-spacing: 0;
    mix-blend-mode: normal;
    text-align: left;
}

.instant-match-4 .handshake-image[b-n3imk5af3j] {
    background-color: transparent;
    left: 0;
    mix-blend-mode: normal;
}

.instant-match-4 .refresh-btn-wrapper[b-n3imk5af3j] {
    position: relative;
}

.instant-match-4 .refresh-btn[b-n3imk5af3j] {
    border-radius: 14px;
    height: auto;
    width: auto;
    mix-blend-mode: normal;

    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    cursor: pointer;
    padding: 10px 20px;
    border: 1px solid #018dc4;
    -webkit-border-radius: 14px;
    color: rgba(255, 255, 255, 0.9);
    -o-text-overflow: clip;
    background: #005ef6;
    -webkit-box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.2);


}

.instant-match-4 .refresh-icon-wrapper[b-n3imk5af3j] {
    background-color: var(--white);
    border-radius: 14px;
    height: 28px;
    left: 0;
    mix-blend-mode: normal;
    width: 28px;
    margin-right: 5px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.instant-match-4 .refresh-icon[b-n3imk5af3j] {
    height: 14px;

    width: 14px;
}

.instant-match-4 .refresh-btn-text[b-n3imk5af3j] {
    background-color: transparent;
    color: var(--white);
    font-size: var(--font-size-xxxl);
    font-style: normal;
    font-weight: 600;
    height: auto;
    left: 67px;
    letter-spacing: 0;
    line-height: normal;
    mix-blend-mode: normal;

    text-align: left;
    top: 18px;
    width: auto;
}


.instant-match-4 .main-result-section[b-n3imk5af3j] {
    mix-blend-mode: normal;
    overflow-y: hidden;
    height: 100%;
}

.instant-match-4 .main-tab-wrapper[b-n3imk5af3j],
.main-result-search-wrapper[b-n3imk5af3j] {
    padding: 15px 15px 10px 15px;
}

.instant-match-4 .sub-tab-wrapper[b-n3imk5af3j] {
    border-radius: 17px;
    background-color: var(--concrete);
    height: 35px;
    overflow: auto;
    padding: 5px;
}

.instant-match-4 .tab-item[b-n3imk5af3j] {
    display: flex;
    align-items: center;
    justify-content: center;


}

.instant-match-4 .tab-item:hover[b-n3imk5af3j] {
    cursor: pointer;
}

.instant-match-4 .tab-item.active-tab[b-n3imk5af3j],
.instant-match-4 .tab-item:hover[b-n3imk5af3j] {
    background-color: var(--white);
    border-radius: 200px;
    border: none;
}

.instant-match-4 .sub-tab-wrapper[b-n3imk5af3j] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: 1fr;
    grid-gap: 2px;
}

.instant-match-4 .tab-item:nth-child(2)[b-n3imk5af3j] {
    border-left: 1px solid rgba(128, 128, 128, 0.38);
    border-right: 1px solid rgba(128, 128, 128, 0.38);
}


.instant-match-4 .main-result-items-wrapper[b-n3imk5af3j] {

    box-sizing: border-box;
    overflow-y: auto;
}

.instant-match-4 .result-item-wrapper[b-n3imk5af3j] {
    padding: 5px 10px;
    height: 100%;
    overflow-y: auto;

}

.instant-match-4 .result-item[b-n3imk5af3j] {
    background-color: var(--white);
    border-radius: 7px;
    box-shadow: 2px 2px 21px -8px #00000040;
    height: 125px;
    min-width: 309px;
    border: 1px solid;
    border-color: var(--periwinkle);
    padding: 5px 10px;
    margin: 15px 5px;

    display: flex;
    flex-direction: column;
    justify-content: space-between;
    order: 1;
}

.instant-match-4 .result-item:hover[b-n3imk5af3j] {
    background-color: var(--concrete);
    cursor: pointer;
    border: 2px solid #CAD5E5;
}

.result-item.number-1[b-n3imk5af3j] {
    order: 0;
    background-color: var(--concrete);
}

.result-item-top[b-n3imk5af3j],
.result-item-bottom[b-n3imk5af3j] {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.list-icon[b-n3imk5af3j] {
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
}

.result-heading[b-n3imk5af3j] {
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
}

.result-start-wrapper-main[b-n3imk5af3j] {
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
}


.result-item-bottom[b-n3imk5af3j] {
    justify-content: space-between;

}


.instant-match-4 .result-heading[b-n3imk5af3j] {
    line-height: 20px;
    background-color: transparent;
    mix-blend-mode: normal;
    text-align: left;

}

.instant-match-4 .pills-wrapper[b-n3imk5af3j] {
    display: flex;
    justify-content: space-between;
}

.instant-match-4 .result-pill[b-n3imk5af3j] {
    position: relative;
    width: 57px;
    height: 22px;
}

.instant-match-4 .rectangle-4402-u2QheS[b-n3imk5af3j] {
    background-color: #2ac47554;
    border-radius: 43px;
    width: 55px;
}

.instant-match-4 .rectangle-4402-4f1c2b[b-n3imk5af3j] {
    background-color: var(--mercury);
    border-radius: 43px;
    width: 55px;
}


.main-result-search-wrapper[b-n3imk5af3j] {
}

.instant-match-4 .result-search-wrapper[b-n3imk5af3j] {
    height: 35px;
    border: 1px solid;
    border-color: var(--periwinkle);
    border-radius: 45px;
    padding: 2px 2px 2px 7px;
    overflow: hidden;
}


.instant-match-4 .result-search-wrapper[b-n3imk5af3j] {

    flex: 1 1 auto;

}


.instant-match-4 .result-start-wrapper-main[b-n3imk5af3j] {
    background-color: transparent;
    height: 24px;
    position: relative;
    width: 26px;
}


.main-bottom-section[b-n3imk5af3j] {
    margin: 10px 0;
    width: 100%;
    background: transparent;
    display: flex;
    height: 693px;
    border: 1px solid;
    border-color: var(--periwinkle);
    border-radius: 7px;
}

.main-view-right-section[b-n3imk5af3j],
.main-left-result-section[b-n3imk5af3j] {
    border-left: 1px solid;
    border-color: var(--periwinkle);

    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    -webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    align-self: stretch;
    border-radius: 0 7px 7px 0;

    display: flex;
    flex-direction: column;

}

.view-top[b-n3imk5af3j] {
}

.view-header[b-n3imk5af3j] {
    border-bottom: 1px solid;
    border-color: var(--periwinkle);
    min-width: 0;
}

.view-left[b-n3imk5af3j] {
}

.tier-warning-wrapper[b-n3imk5af3j] {
}

.instant-match-4 .current-list-heading[b-n3imk5af3j] {
    color: var(--scarpa-flow);
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
}


.offers-pill[b-n3imk5af3j] {
    background-color: var(--mercury);
    border-radius: 43px;
    white-space: nowrap;
    height: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 11px;

}

.offers-pill.coloured[b-n3imk5af3j] {
    color: rgba(6, 63, 154, 1);
    background-color: rgba(6, 63, 154, 0.25);
}

.view-search-wrapper[b-n3imk5af3j] {
    display: flex;
    align-items: center;
    justify-content: space-between;

}

.download-pill[b-n3imk5af3j] {

    background-color: var(--mercury);
    border-radius: 5px;
    height: 25px;
    width: 91px;

    display: flex;
    justify-content: center;
    align-items: center;

}

.download-pill:hover[b-n3imk5af3j] {
    cursor: pointer;
}

.view-search-wrapper .result-search-wrapper[b-n3imk5af3j] {
    margin-right: 30px;
    background: white;
    height: 40px;
    font-size: 50px
}

.view-search-wrapper .result-search-wrapper .search-input[b-n3imk5af3j] {
    font-size: 18px
}

.view-search-wrapper .result-search-wrapper:focus-within .search-input[b-n3imk5af3j] {
    color: black;
}

.instant-match-4 .download-CPfGRK[b-n3imk5af3j] {
    background-color: transparent;

    letter-spacing: 0;
    mix-blend-mode: normal;

    text-align: center;

}


.view-top[b-n3imk5af3j] {

    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.view-header[b-n3imk5af3j] {
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    -webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    align-self: stretch;
}

.view-search-wrapper[b-n3imk5af3j] {
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    -webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    align-self: stretch;
}

.clicked-card-listing[b-n3imk5af3j] {
    padding: 15px 10px;
    overflow-y: auto;
    border-top: 1px solid;
    border-color: var(--periwinkle);

}

.main-result-items-wrapper[b-n3imk5af3j] {
    overflow-y: auto;
}

.main-view-right-section[b-n3imk5af3j],
.main-result-section[b-n3imk5af3j] {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;

}

.view-top[b-n3imk5af3j],
.main-tab-wrapper[b-n3imk5af3j],
.main-result-search-wrapper[b-n3imk5af3j] {
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;

}

.clicked-card-listing[b-n3imk5af3j],
.main-result-items-wrapper[b-n3imk5af3j] {
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;

}

.result-item-wrapper[b-n3imk5af3j] {

    overflow-y: auto;
    border-top: 1px solid;
    border-color: var(--periwinkle);

}

.instant-match-4 .tiers-are-based-on-p-qUuRxH[b-n3imk5af3j] {
    color: var(--manatee);
    font-size: var(--font-size-s);
    font-style: normal;
    font-weight: 500;
    text-align: right;
}


.instant-match-4 .rectangle-tier-tab > *[b-n3imk5af3j] {
    flex: 1 1 auto;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    -ms-flex-item-align: stretch;
    align-self: stretch;
    text-align: center;
    display: flex;
    justify-content: center;
}

.instant-match-4 .rectangle-tier-tab > *[b-n3imk5af3j] {
    -webkit-align-self: stretch;
}

.instant-match-4 .added-2-days-ago[b-n3imk5af3j] {
    background-color: transparent;
    height: 28px;

    letter-spacing: 0;
    line-height: 43px;
    mix-blend-mode: normal;

    text-align: right;

    white-space: nowrap;
    min-width: 108px;
}

.instant-match-4 .ellipse-120[b-n3imk5af3j] {
    background-color: var(--manatee);
    border-radius: 3px;
    height: 5px;
    left: -10px;
    mix-blend-mode: normal;
    position: absolute;
    top: 11px;
    width: 5px;
}

.instant-match-4 .result-ago-wrapper[b-n3imk5af3j] {
    position: relative;
}


.instant-match-4 .list-icon[b-n3imk5af3j] {
    background-color: transparent;
    height: 35px;
    mix-blend-mode: normal;
    width: 35px;
}

.instant-match-4 .new[b-n3imk5af3j] {
    background-color: transparent;
    color: #188d51;
    font-size: var(--font-size-m);
    font-style: normal;
    font-weight: 600;
    height: 11px;
    left: 12px;
    letter-spacing: 0;
    line-height: 43px;
    mix-blend-mode: normal;
    position: absolute;
    text-align: center;
    top: 5px;
    white-space: nowrap;
    width: 32px;
}


.instant-match-4 .rectangle-4402[b-n3imk5af3j] {

    left: 0;
    mix-blend-mode: normal;
    position: absolute;
    top: 0;
}

.instant-match-4 .twemojiglowing-star[b-n3imk5af3j] {
    background-color: transparent;
    height: 24px;
    left: 0;
    mix-blend-mode: normal;
    position: absolute;
    top: 0;
    width: 24px;
}

.instant-match-4 .usd[b-n3imk5af3j] {
    background-color: transparent;
    height: 11px;
    left: 12px;
    letter-spacing: 0;
    line-height: 43px;
    mix-blend-mode: normal;
    position: absolute;
    text-align: center;
    top: 5px;
    white-space: nowrap;
    width: 32px;
}

.instant-match-4 .vector[b-n3imk5af3j] {
    background-color: transparent;
}

.instant-match-4 .x2[b-n3imk5af3j] {
    background-color: transparent;
    height: 7px;
    left: 9px;
    letter-spacing: 0;
    line-height: 43px;
    mix-blend-mode: normal;
    position: absolute;
    text-align: left;
    top: 8px;
    white-space: nowrap;
    width: 6px;
}


.not-clicked-wrapper[b-n3imk5af3j] {
    background-color: var(--white);
    border: 1px solid;
    border-color: var(--periwinkle);
    border-radius: 7px;
    height: 100%;
    mix-blend-mode: normal;

}

.not-clicked-instruction-text[b-n3imk5af3j] {
    background-color: transparent;
    color: var(--scarpa-flow);
    font-size: 25px;
    font-style: normal;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 43px;
    mix-blend-mode: normal;
    text-align: left;
}

.valign-text-middle[b-n3imk5af3j] {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.not-clicked-img[b-n3imk5af3j] {
    background-color: transparent;
    /*height: 307px;*/
    left: 0;
    mix-blend-mode: normal;
    width: 274px;
}

.pm-table-view:hover[b-n3imk5af3j] {
    cursor: pointer;
}

.nav-needs .nav-stocks[b-n3imk5af3j] {
    letter-spacing: 0.6px;
}

.nav-stocks.active[b-n3imk5af3j] {
    color: #005ef6 !important;
    background-color: #d2e3ff !important;
    font-weight: bold;
}

.nav-needs.active[b-n3imk5af3j] {
    color: #f24e1e !important;
    background-color: #ffd8cc !important;
    font-weight: bold;
}

.nav-offers.active[b-n3imk5af3j] {
    color: #ffffff !important;
    background-color: #000000 !important;
    font-weight: bold;
}

/*desktops - higher resolution*/
@media (min-width: 1281px) {
    .view-left[b-n3imk5af3j] {

        width: 80%;
    }

    .tier-warning-wrapper[b-n3imk5af3j] {
        width: 30%;
    }
}

/*laptops, desktops*/
@media (min-width: 1025px) and (max-width: 1280px) {
    .view-left[b-n3imk5af3j] {
        width: 80%;
    }

    .tier-warning-wrapper[b-n3imk5af3j] {
        width: 30%;
    }
}

/*tablets, ipads (portrait)*/
@media (min-width: 768px) and (max-width: 1024px) {
    .instant-match-4 .banner-image[b-n3imk5af3j] {
        background-color: transparent;
        height: 163px;
        left: 6px;
        mix-blend-mode: normal;
        width: 200px;
    }

    .view-header[b-n3imk5af3j] {
        flex-direction: column;
    }

    .view-left[b-n3imk5af3j] {

        width: 100%;
    }

    .tier-warning-wrapper[b-n3imk5af3j] {
        width: 100%;
    }

}

@media (max-width: 767px) {
    .not-clicked-instruction-wrapper[b-n3imk5af3j] {
        flex-direction: column;
        justify-content: center;
    }

    .not-clicked-instruction-text .valign-text-middle[b-n3imk5af3j] {
        font-size: 20px;
        text-align: center;
    }
}

/*low resolution tablets, mobiles (landscape)*/
@media (min-width: 481px) and (max-width: 767px) {
    .view-search-wrapper[b-n3imk5af3j] {
        flex-direction: column;
        align-items: flex-end;
        padding: 10px 0 !important;
    }

    .instant-match-4 .result-search-wrapper[b-n3imk5af3j] {
        margin: 0;
        width: 100%;
    }

    .instant-match-4 .main-banner-wrapper[b-n3imk5af3j] {
        height: 290px;
    }


    .main-banner-text-wrapper[b-n3imk5af3j] {
        height: 100% !important;

    }

    .sub-banner-text-wrapper[b-n3imk5af3j] {
        display: flex;


    }

    .banner-heading[b-n3imk5af3j] {
        margin-bottom: 30px;
        font-size: 20px !important;
    }

    .banner-paragraph[b-n3imk5af3j] {
        font-size: 12px !important;
    }

    .banner-mask-wrapper[b-n3imk5af3j] {
        background: green;
        padding: 10px !important;
        align-items: flex-start !important;
    }

    .main-info-section-wrapper[b-n3imk5af3j] {
        flex-direction: column !important;
        height: auto !important;
        padding: 0 !important;
    }

    .divider-line[b-n3imk5af3j] {
        display: none;
    }

    .handshake-image[b-n3imk5af3j] {
        display: none;
    }

    .main-info-text-wrapper[b-n3imk5af3j] {
        padding: 0 !important;
        display: none;
    }

    .result-item-wrapper[b-n3imk5af3j] {
        display: flex;
    }

    .current-list-heading[b-n3imk5af3j] {
        width: 100%;
        display: block
    }

    .main-bottom-section[b-n3imk5af3j] {
        height: 900px;
        align-items: flex-start !important;
        flex-direction: column;
        width: 100%;

    }

    .instant-match-4 .banner-image[b-n3imk5af3j] {
        display: none;
    }

    .view-header[b-n3imk5af3j] {
        flex-direction: column;
    }

    .view-left[b-n3imk5af3j] {
        width: 100%;
        flex-direction: column;
    }

    .tier-warning-wrapper[b-n3imk5af3j] {
        width: 100%;
    }
}

/*smartphones mobiles (portrait)*/
@media (min-width: 320px) and (max-width: 480px) {

    .view-search-wrapper[b-n3imk5af3j] {
        flex-direction: column;
        align-items: flex-end;
        padding: 10px 0 !important;
    }

    .instant-match-4 .result-search-wrapper[b-n3imk5af3j] {
        margin: 0;
        width: 100%;
    }

    .instant-match-4 .main-banner-wrapper[b-n3imk5af3j] {
        height: 290px;
    }

    .instant-match-4 .banner-mask-wrapper[b-n3imk5af3j] {
    }

    .main-banner-text-wrapper[b-n3imk5af3j] {
        height: 100% !important;

    }

    .sub-banner-text-wrapper[b-n3imk5af3j] {
        display: flex;


    }

    .banner-heading[b-n3imk5af3j] {
        margin-bottom: 30px;
        font-size: 20px !important;
    }

    .banner-paragraph[b-n3imk5af3j] {
        font-size: 12px !important;
    }

    .banner-mask-wrapper[b-n3imk5af3j] {
        background: green;
        padding: 10px !important;
        align-items: flex-start !important;
    }

    .main-info-section-wrapper[b-n3imk5af3j] {
        flex-direction: column !important;
        height: auto !important;
        padding: 0 !important;
    }

    .divider-line[b-n3imk5af3j] {
        display: none;
    }

    .handshake-image[b-n3imk5af3j] {
        display: none;
    }

    .main-info-text-wrapper[b-n3imk5af3j] {
        padding: 0 !important;
        display: none;
    }

    .result-item-wrapper[b-n3imk5af3j] {
        display: flex;
    }

    .current-list-heading[b-n3imk5af3j] {
        width: 100%;
        display: block
    }

    .main-bottom-section[b-n3imk5af3j] {
        height: 900px;
        align-items: flex-start !important;
        flex-direction: column;
        width: 100%;

    }

    .instant-match-4 .banner-image[b-n3imk5af3j] {
        display: none;
    }

    .view-header[b-n3imk5af3j] {
        flex-direction: column;
    }

    .view-left[b-n3imk5af3j] {
        width: 100%;
        flex-direction: column;
    }

    .tier-warning-wrapper[b-n3imk5af3j] {
        width: 100%;
    }
}
/* /Pages/Stock/SearchResults.razor.rz.scp.css */
.tab-button[b-27ab7hywa7] {
    width: 100%;
    border: none;
    background: none;
    outline: none;
    padding: 0;
    /* Add other styles here to make it look like your tabs */
}

    .tab-button.active[b-27ab7hywa7] {
        /* Styles for active state */
    }
    /* Add styles here to remove default button interactions if they are not part of your design */
    .tab-button:hover[b-27ab7hywa7], .tab-button:focus[b-27ab7hywa7] {
        /* Styles for hover and focus state if needed */
    }

.dash-search-result-parent[b-27ab7hywa7] {
    list-style-position: inside;
    margin: 0 10px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.04);
    border-radius: 0 0 10px 10px;
    padding: 5px 0 0 0;
    list-style: none;
    width: 96%;
    z-index: 999;
    max-height: 50vh !important;
    overflow-y: auto;
    overflow-x: hidden;
}

.dash-search-result-parent li:nth-last-of-type(1)[b-27ab7hywa7] {
    border-radius: 0 0 10px 10px;
    padding-bottom: 15px;
    cursor: pointer;
}

.dash-search-result[b-27ab7hywa7] {
    list-style: none;
}

.dash-search-result li:hover[b-27ab7hywa7] {
    cursor: pointer;
    background-color: #f2f2f2 !important;
}

.dashboard-search-wrapper[b-27ab7hywa7] {
    border: 1px solid #CAD5E5;
    border-radius: 10px;
    box-sizing: border-box;
    height: 55px;
}


.stock-header[b-27ab7hywa7] {
    border-bottom: #CAD5E5 solid 1px;
}

.stock-stats[b-27ab7hywa7] {
    background-image: url(https://res.cloudinary.com/malikbanks/image/upload/v1676985124/stock-bg.svg);
}

.list-title[b-27ab7hywa7] {
    cursor: pointer;
}

.new-stock-btn[b-27ab7hywa7] {
    background-color: #ffffff;
    color: #015AEB;
    border: 1px solid #CAD5E5;
    box-shadow: 2px 2px 27px -3px rgba(1, 90, 235, 0.5);
}

.nav-pills .nav-link.active[b-27ab7hywa7] {
    background-color: #172671 !important;
    color: white !important;
    font-weight: 600 !important;
}

.new-stock-btn:hover[b-27ab7hywa7] {
    background-color: #015AEB;
    color: #ffffff;
}

.stock-card[b-27ab7hywa7] {
    border: 1px solid #CAD5E5;
    box-shadow: 2px 2px 21px -8px rgba(0, 0, 0, 0.25);
    border-radius: 7px;
}

/*.stock-width{
    width: 30%;
}*/

.product-card[b-27ab7hywa7] {
    background: white;
    width: 800px;
    padding: 30px;
    border-radius: 20px;
    box-shadow: #dbe2ee 0 0 20px 5px;
    display: flex;
    gap: 30px;
}

.cover-image[b-27ab7hywa7] {
    width: 300px;

    overflow: hidden;
}

img:hover[b-27ab7hywa7] {
    transform: scale(1.05);
}

.more-image-container[b-27ab7hywa7] {
    display: flex;
}

.more-image[b-27ab7hywa7] {
    width: 100px;
}

.image-container img[b-27ab7hywa7] {
    width: 100%;
    object-fit: cover;
}

.free-shipping[b-27ab7hywa7] {
    display: inline-block;
    padding: 5px 10px;
    border-radius: 30px;
    font-size: 14px;

    font-weight: 400;
}

.product-name[b-27ab7hywa7] {
    margin: 10px 0 20px 0;
    font-size: 22px;
}

.regular-price[b-27ab7hywa7] {
    text-decoration: line-through;
}

.discount-price[b-27ab7hywa7] {
    display: inline-block;
    font-size: 40px;
    font-weight: 700;
}


.offer-info[b-27ab7hywa7] {
    font-size: 14px;
    color: gray;
}

.add-to-cart[b-27ab7hywa7] {
    display: inline-block;
    width: 100%;
    padding: 15px;
    border-radius: 8px;
    font-size: 18px;
    font-weight: 500;
    text-align: center;
    box-shadow: #e2e9f3 0 5px;
    margin: 20px 0;
}

.add-to-cart .ion-icon[b-27ab7hywa7] {
    font-size: 30px;
    margin-bottom: -8px;
}

/* /Pages/Stock/SellerStockList.razor.rz.scp.css */
.stock-header[b-dn34ky7sfr] {
    border-bottom: #CAD5E5 solid 1px;
}

.header-title[b-dn34ky7sfr] {
    font-size: 1.5rem !important;
}

.nav-pills .nav-link.active[b-dn34ky7sfr] {
    background-color: #172671;
    color: white;
    font-weight: 600;
}


.stock-counter-badge[b-dn34ky7sfr] {
    background-color: rgba(50, 81, 104, 0.08);
    padding: 0 4px;
    border-radius: 4px;
    font-weight: 700;
}

.nav-pills .nav-link.active .stock-counter-badge[b-dn34ky7sfr] {
    background-color: #ffffff !important;
    color: #172671 !important;
}


.notes-pill[b-dn34ky7sfr] {
    border-radius: 4px;
    background-color: rgba(255, 255, 255, 0.26);
    color: #ffffff;
}

.stock-stats[b-dn34ky7sfr] {
    background-image: url(https://res.cloudinary.com/malikbanks/image/upload/v1676985124/stock-bg.svg);
}

.nav-underline .nav-link.active[b-dn34ky7sfr], .nav-underline .show > .nav-link[b-dn34ky7sfr] {
    font-weight: 700;
    color: #172671;
    border-bottom: 2px solid #172671;
}

.nav-item.pro-button-outline a.nav-link[b-dn34ky7sfr] {
    /*border: 1px solid #ffd035;*/
    box-shadow: 0 0 10px #ffd035;
    transition: all 0.3s ease;
    color: #ffd035;
    border-radius: 5px;
    background-color: #ffffff;
}

    .nav-item.pro-button-outline a.nav-link:hover[b-dn34ky7sfr] {
        box-shadow: 0 0 20px #ffd035;
        border-radius: 5px;
    }

.list-title[b-dn34ky7sfr] {
    cursor: pointer;
}

table-cursor[b-dn34ky7sfr] {
    cursor: pointer;
}

.clickable[b-dn34ky7sfr] {
    min-height: 50px;
    cursor: pointer;
    display: flex;
    align-items: center;
}

.form-pl[b-dn34ky7sfr]::placeholder {
    color: rgba(0, 0, 0, 0.3);
    font-size: 0.875em;
}

.new-stock-btn[b-dn34ky7sfr] {
    background-color: #ffffff;
    color: #015AEB;
    border: 1px solid #CAD5E5;
    box-shadow: 2px 2px 27px -3px rgba(1, 90, 235, 0.5);
}

    .new-stock-btn:hover[b-dn34ky7sfr] {
        background-color: #015AEB;
        color: #ffffff;
    }

.stock-card-parent[b-dn34ky7sfr] {
    width: 31%;
    flex: none !important;
}

.stock-card[b-dn34ky7sfr] {
    border: 0.5px solid #CAD5E5;
    border-radius: 7px;
    height: 100%;
}

    .stock-card:hover[b-dn34ky7sfr] {
        box-shadow: 2px 2px 21px -8px rgba(0, 0, 0, 0.25);
    }

.private-btn[b-dn34ky7sfr] {
    border: solid 1px #d5d5d5;
    color: #d5d5d5;
    font-weight: 500;
    letter-spacing: 1px;
}


.btn .spinner-border[b-dn34ky7sfr] {
    margin-left: 8px !important;
    Adjust the value as needed
}

/*.spinner-border {
    margin-right: 8px !important;
}

.spinner-border-sm {
    margin-right: 8px !important;
}*/

.public-btn[b-dn34ky7sfr] {
    border: solid 1px #b5b5b5;
    color: #b5b5b5;
    font-weight: 500;
    letter-spacing: 1px;
}


/*.stock-width{
    width: 30%;
}*/
.rz-g[b-dn34ky7sfr] {
    width: 100% !important;
}

.product-card[b-dn34ky7sfr] {
    background: white;
    width: 800px;
    padding: 30px;
    border-radius: 20px;
    box-shadow: #dbe2ee 0 0 20px 5px;
    display: flex;
    gap: 30px;
}

.cover-image[b-dn34ky7sfr] {
    width: 100px;
    overflow: hidden;
}

.card-image:hover[b-dn34ky7sfr] {
    transform: scale(1.05);
}

img:hover[b-dn34ky7sfr] {
    transform: scale(1.05);
}

.more-image-container[b-dn34ky7sfr] {
    display: flex;
}

.more-image[b-dn34ky7sfr] {
    width: 100px;
}

.image-container img[b-dn34ky7sfr] {
    width: 100%;
    object-fit: cover;
}

.free-shipping[b-dn34ky7sfr] {
    display: inline-block;
    padding: 5px 10px;
    border-radius: 30px;
    font-size: 14px;
    font-weight: 400;
}

.product-name[b-dn34ky7sfr] {
    margin: 10px 0 20px 0;
    font-size: 22px;
}

.regular-price[b-dn34ky7sfr] {
    text-decoration: line-through;
}

.discount-price[b-dn34ky7sfr] {
    display: inline-block;
    font-size: 40px;
    font-weight: 700;
}

.sidebar-parent[b-dn34ky7sfr] {
    width: 100%;
    background-color: rgb(0 0 0 / 50%);
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1999;
    backdrop-filter: blur(10px);
}

.stock-icons[b-dn34ky7sfr] {
    color: #99a1b7 !important;
}

.offer-info[b-dn34ky7sfr] {
    font-size: 14px;
    color: gray;
}

.add-to-cart[b-dn34ky7sfr] {
    display: inline-block;
    width: 100%;
    padding: 15px;
    border-radius: 8px;
    font-size: 18px;
    font-weight: 500;
    text-align: center;
    box-shadow: #e2e9f3 0 5px;
    margin: 20px 0;
}

    .add-to-cart .ion-icon[b-dn34ky7sfr] {
        font-size: 30px;
        margin-bottom: -8px;
    }

/*.dropzone {
    border: 2px dashed var(--lpx-primary) !important;
    border-radius: 0.475rem !important;
    padding: 10px;
}*/

.exit-btn:hover[b-dn34ky7sfr] {
    border-radius: 8px;
    padding: 0 5px;
    cursor: pointer;
    background: #d0e3ff;
}

.exit-btn ki-duotone[b-dn34ky7sfr] {
    display: flex;
    justify-content: center;
    align-items: flex-start;
}

.dropdown-menu[b-dn34ky7sfr] {
    --bs-dropdown-link-active-bg: #0058e9 !important;
    --bs-dropdown-header-color: #0058e9 !important;
}

.iconcenter[b-dn34ky7sfr] {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
}


.upgrade-bg[b-dn34ky7sfr] {
    position: absolute;
    height: 100%;
    width: 100%;
    z-index: 99;
    background-color: rgb(0 0 0 / 50%);
    backdrop-filter: blur(17px);
    display: flex;
    justify-content: center;
    padding-top: 5rem;
}

.upgade-plan-card[b-dn34ky7sfr] {
    position: absolute;
    z-index: 100;
    left: 35%;
    margin-top: 1rem;
    margin: 4rem auto;
    padding: 1rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    border-radius: 5px;
    background-image: url("https://res.cloudinary.com/malikbanks/image/upload/v1712573876/BT/42.png");
    background-color: #ffffff;
}

.offers-pill[b-dn34ky7sfr] {
    border-radius: 4px;
    background-color: #f2f2f2;
    padding: 0.4rem;
}

.lh-0[b-dn34ky7sfr] {
    line-height: 0 !important;
}

/* Reset default DropZone theme styles that can affect template content. */
/* This code may not be necessary in future versions. */
div.template-dropzone[b-dn34ky7sfr],
.template-dropzone .k-dropzone-inner[b-dn34ky7sfr] {
    /* remove flexbox layout */
    display: block;
}

    .template-dropzone .k-dropzone-inner .k-icon[b-dn34ky7sfr] {
        /* remove default DropZone icon margin */
        margin-bottom: 0;
        /* enlarge DropZone icon from default size 48px */
        font-size: 64px;
    }

/* Custom styling */
.template-dropzone .dropzone-content[b-dn34ky7sfr] {
    margin: 3em;
    text-align: center;
}

.dropzone-content .line[b-dn34ky7sfr] {
    display: block;
    margin-bottom: .4em;
}

.dropzone-content p[b-dn34ky7sfr] {
    margin-top: 1em;
    font-size: .9em;
}
/* /Pages/Stock/WishLists.razor.rz.scp.css */
.table-image[b-9nk5uq5q21] {
    width: 50px;
    height: 50px;
    object-fit: cover;
}

.returnable[b-9nk5uq5q21] {
    color: green;
}

.discount[b-9nk5uq5q21] {
    color: purple;
    font-weight: bold;
}

.wishlist-container[b-9nk5uq5q21] {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}

.wishlist-box[b-9nk5uq5q21] {
    width: 200px;
    border: 1px solid #ccc;
    padding: 10px;
    text-align: center;
    cursor: pointer;
    border-radius: 8px;
}

.wishlist-box:hover[b-9nk5uq5q21] {
    background-color: #f9f9f9;
}

.wishlist-image[b-9nk5uq5q21] {
    width: 100%;
    height: auto;
}

.wishlist-detail[b-9nk5uq5q21] {
    background-color: #f0f8ff;
    padding: 20px;
}

.wishlist-table[b-9nk5uq5q21] {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 20px;
}

.wishlist-table th[b-9nk5uq5q21], .wishlist-table td[b-9nk5uq5q21] {
    border: 1px solid #ccc;
    padding: 10px;
    text-align: center;
}

.wishlist-table th[b-9nk5uq5q21] {
    background-color: #d3eaff;
}

button[b-9nk5uq5q21] {
    padding: 10px 20px;
    background-color: #007bff;
    color: white;
    border: none;
    border-radius: 5px;
    cursor: pointer;
}

button:hover[b-9nk5uq5q21] {
    background-color: #0056b3;
}
/* /Pages/SupportTickets.razor.rz.scp.css */
.modal.show .modal-dialog[b-7ftaecjx9g] {
    min-width: 80% !important;
}
/* /Pages/Trading/ActiveNegotiationScreen.razor.rz.scp.css */
.section1__big_title[b-61njkgikz4] {
    font: 700 34px/1.2 Lato, Helvetica, Arial, serif
}

.buyer-stats[b-61njkgikz4] {
    background-image: url(https://res.cloudinary.com/malikbanks/image/upload/v1676985124/stock-bg.svg);
}

#number[b-61njkgikz4] {
    color: #555;
    font-size: 1rem;
    font-weight: 600
}

.product-header[b-61njkgikz4] {
    width: 100%;
    height: 100%;
    background-color: #b8eaff;
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1;
    padding: 5px;
}

.negotiate-header[b-61njkgikz4] {
    text-align: center;
    width: 100%;
    height: 100%;
    background-color: #b8ffc3;
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}

.competitor-header[b-61njkgikz4] {
    text-align: center;
    width: 100%;
    height: 100%;
    background-color: #ffd6d6;
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}

.needs-header[b-61njkgikz4] {
    text-align: center;
    width: 100%;
    height: 100%;
    background-color: #ffdbb3;
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}

.helper-header[b-61njkgikz4] {
    text-align: center;
    width: 100%;
    height: 100%;
    background-color: #ffffd8;
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}

.inner[b-61njkgikz4] {
    align-items: center;
    border-radius: 50%;
    box-shadow: inset 4px 4px 6px -1px rgba(0, 0, 0, 0.2), inset -4px -4px 6px -1px rgba(255, 255, 255, 0.7), -.5px -.5px 0 rgba(255, 255, 255, 1), .5px .5px 0 rgba(0, 0, 0, 0.15), 0 12px 10px -10px rgba(0, 0, 0, 0.05);
    display: flex;
    height: 100%;
    justify-content: center;
    width: 100%
}

.outer[b-61njkgikz4] {
    border-radius: 50%;
    bottom: 0;
    box-shadow: 6px 6px 10px -1px rgba(0, 0, 0, 0.15), -6px -6px 10px -1px rgba(255, 255, 255, 0.7);
    height: 80%;
    left: 0;
    margin: auto;
    padding: 10%;
    position: absolute;
    right: 0;
    top: 0;
    width: 80%
}

.progress-circle[b-61njkgikz4] {
    fill: none;
    stroke-linecap: round;
    stroke-width: 10%
}

.progress-wrapper[b-61njkgikz4] {
    height: var(--progress-wrapper-size);
    position: relative;
    width: var(--progress-wrapper-size)
}

.progress-wrapper svg[b-61njkgikz4] {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.section3__box[b-61njkgikz4] {
    background-color: #fff;
    border-radius: 20px 20px 20px 20px;
    display: flex;
    filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.247));
    flex-direction: column;
    flex-grow: 1;
    position: relative
}

.section3__box-accepted .progress-circle[b-61njkgikz4] {
    stroke: url(#gradient-color-accepted)
}

.section3__box-accepted .stat-icon-wrapper[b-61njkgikz4] {
    background-color: #2AB849
}

.section3__box-completed .progress-circle[b-61njkgikz4] {
    stroke: url(#gradient-color-completed)
}

.section3__box-completed .stat-icon-wrapper[b-61njkgikz4] {
    background-color: #731AE5
}

.section3__box-passed .progress-circle[b-61njkgikz4] {
    stroke: url(#gradient-color-passed)
}

.section3__box-passed .stat-icon-wrapper[b-61njkgikz4] {
    background-color: #FC6973
}

.section3__box-pending .progress-circle[b-61njkgikz4] {
    stroke: url(#gradient-color-pending)
}

.section3__box-pending .stat-icon-wrapper[b-61njkgikz4] {
    background-color: #4363F8
}

.section3__content_box[b-61njkgikz4] {
    display: flex;
    flex: 0 1 59px;
    flex-direction: column;
    position: relative
}

.section3__flexRow[b-61njkgikz4] {
    -moz-column-gap: 22px;
    -moz-row-gap: 22px;
    align-items: center;
    column-gap: 22px;
    display: flex;
    flex-grow: 1;
    flex-wrap: wrap;
    justify-content: center;
    overflow: visible;
    row-gap: 22px;
    width: 100%
}

.section3__flexRow > .cell[b-61njkgikz4] {
    display: flex;
    flex: 1 1 200px;
    flex-direction: column;
    position: relative
}

.section3__flexRow1[b-61njkgikz4] {
    -moz-column-gap: 16px;
    align-items: center;
    column-gap: 16px;
    display: flex;
    flex-grow: 1;
    margin: 24px;
    position: relative
}

.section3__flexRow1 > .cell[b-61njkgikz4] {
    display: flex;
    flex: 0 1 40px;
    flex-direction: column;
    position: relative
}

.section3__highlights1[b-61njkgikz4] {
    color: #000;
    flex: 1 0 auto;
    font: 600 19px/1.05 Roboto, Helvetica, Arial, serif;
    margin: 20px 0 19px;
    min-width: 151px;
    position: relative
}

.section3__highlights2[b-61njkgikz4] {
    color: #fff;
    flex-grow: 1;
    font: 600 16px/1.43 Roboto, Helvetica, Arial, serif;
    margin: 2px 18px;
    position: relative
}

.section3__section3[b-61njkgikz4] {
    display: flex;
    flex-direction: column;
    min-height: 134px
}

.section3_notification__box[b-61njkgikz4] {
    background-color: #000;
    border-radius: 15px;
    display: none;
    flex-direction: column;
    height: 27px;
    position: absolute;
    right: -10px;
    top: -14px;
    width: 46px
}

.stat-icon-wrapper[b-61njkgikz4] {
    align-items: center;
    border-radius: 50%;
    box-shadow: 0 0 12px 0 rgba(184, 223, 192, 0.466);
    color: #fff;
    display: flex;
    font-size: 1.2rem;
    font-weight: 900;
    height: var(--stat-icon-size);
    justify-content: center;
    width: var(--stat-icon-size)
}

.flexCol[b-61njkgikz4] {
    display: flex;
    flex-direction: column;
    margin: 41px auto;
    position: relative;
    width: 100%
}

.flexRow[b-61njkgikz4] {
    align-items: center;
    column-gap: 16px;
    display: flex;
    flex: 1 1 auto;
    justify-content: space-between;
    position: relative
}

.tabs-wrapper[b-61njkgikz4] {
    align-items: center;
    column-gap: 16px;
    display: flex;
    flex: 0 1 320px;
    justify-content: space-between;
    margin: 0 1px;
    transition-duration: .3s;
    transition-property: color
}

.tabs-wrapper > .cell:hover[b-61njkgikz4] {
    background: #f2f2f2;
}

.tabs-wrapper > .cell[b-61njkgikz4] {
    color: #86878a;
    display: flex;
    flex: 0 1 100px;
    flex-direction: column;
    font: 500 14px/1.21 Inter, Helvetica, Arial, serif;
    letter-spacing: 0;
    padding: 5px 3px;
    position: relative;
    text-align: center
}

.tabs-wrapper > .active-lt-tab[b-61njkgikz4] {
    color: #ffffff;
    font: 500 14px/1.21 Inter, Helvetica, Arial, serif;
    letter-spacing: 1px;
    background-color: #00348b;
}

.text7_box[b-61njkgikz4] {
    display: flex;
    flex: 0 0 auto;
    justify-content: flex-end;
    min-width: 358px;
    position: relative
}

.text7[b-61njkgikz4] {
    color: #000;
    font: 500 14px/1.21 Inter, Helvetica, Arial, serif;
    letter-spacing: 0;
    text-align: right
}

.text7_span0[b-61njkgikz4] {
    color: #86878a;
    font: 500 1em/1.21 Inter, Helvetica, Arial, serif;
    font-style: normal;
    letter-spacing: 0
}

.text7_span1[b-61njkgikz4] {
    color: #25213b;
    font: 1em/1.21 Inter, Helvetica, Arial, serif;
    font-style: normal;
    letter-spacing: 0
}

.text7_span2[b-61njkgikz4] {
    color: #005ef6;
    font: 700 1.2857142857em/1.22 Inter, Helvetica, Arial, serif;
    font-style: normal;
    letter-spacing: 0
}

.text7_span3[b-61njkgikz4] {
    color: #86878a;
    font: 1.2857142857em/1.22 Inter, Helvetica, Arial, serif;
    font-style: normal;
    letter-spacing: 0
}

.flexRow2[b-61njkgikz4] {
    align-items: center;
    display: flex;
    flex: 1 1 auto;
    margin: 10px 3px 0;
    position: relative
}

.box22[b-61njkgikz4] {
    background-color: #fff;
    border-radius: 5px 5px 5px 5px;
    display: flex;
    flex: 0 1 134px;
    flex-direction: column;
    outline: 1px solid #a9d4ff;
    outline-offset: -1px;
    position: relative
}

.group[b-61njkgikz4] {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    margin: 5px;
    position: relative
}

.quick_action_btn[b-61njkgikz4] {
    align-items: center;
    column-gap: 11px;
    display: flex;
    flex-grow: 1
}

.filter-icon[b-61njkgikz4] {
    color: #2F80ED;
    height: auto;
    min-width: 21px;
    width: 21px
}

.highlights6[b-61njkgikz4] {
    color: #25213b;
    flex: 0 0 auto;
    font: 400 16px/1.18 Inter, Helvetica, Arial, serif;
    letter-spacing: 0;
    margin: 1px 0 0;
    min-width: 92px;
    position: relative
}

.quick_actions[b-61njkgikz4] {
    background-color: #fff;
    border-radius: 9px 9px 9px 9px;
    bottom: -83px;
    display: flex;
    filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.2));
    flex-direction: column;
    left: 64px;
    padding: 0;
    position: absolute;
    right: -55px;
    top: -25px;
    width: fit-content;
    z-index: 3;
    height: fit-content;
}

.quick_actions .cell:hover[b-61njkgikz4] {
    background-color: rgba(0, 0, 0, 0.1);
    cursor: pointer
}

.flexCol1[b-61njkgikz4] {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    margin: 9px;
    min-width: 0;
    position: relative;
    width: fit-content
}

.flexCol1 > .cell[b-61njkgikz4] {
    white-space: nowrap
}

.text3[b-61njkgikz4] {
    color: #25213b;
    flex-grow: 1;
    font: 400 14px/1.21 Inter, Helvetica, Arial, serif;
    letter-spacing: .7px;
    margin: 0 5px 0 0;
    position: relative
}

.flexCol1 > .cell1[b-61njkgikz4] {
    display: flex;
    flex: 1 1 31px;
    flex-direction: column;
    position: relative
}

.text31[b-61njkgikz4] {
    color: #25213b;
    flex-grow: 1;
    font: 400 14px/1.21 Inter, Helvetica, Arial, serif;
    letter-spacing: .6px;
    margin: 14px 0 0;
    position: relative
}

.text9[b-61njkgikz4] {
    color: #007f00;
    flex-grow: 1;
    font: 400 14px/1.21 Inter, Helvetica, Arial, serif;
    letter-spacing: .7px;
    margin: 14px 12px 0 0;
    position: relative
}

.text10[b-61njkgikz4] {
    color: #d30000;
    flex-grow: 1;
    font: 400 14px/1.21 Inter, Helvetica, Arial, serif;
    letter-spacing: .6px;
    margin: 14px 31px 0 0;
    position: relative
}

.image11[b-61njkgikz4] {
    aspect-ratio: 1.05;
    border-radius: 10px 10px 10px 10px;
    height: auto;
    object-fit: cover;
    object-position: center center;
    position: absolute;
    right: -10px;
    top: 0;
    vertical-align: top;
    width: 21px
}

.flexRow2 > .spacer[b-61njkgikz4] {
    flex: 0 1 39px
}

.box23[b-61njkgikz4] {
    border-radius: 5px 5px 5px 5px;
    display: flex;
    flex: 1 0 300px;
    flex-direction: column;
    outline: 1px solid #86878a;
    outline-offset: -1px
}

.flexRow4[b-61njkgikz4] {
    align-items: stretch;
    column-gap: 14px;
    display: flex;
    flex-grow: 1;
    margin: 5px
}

.search-input-2_box[b-61njkgikz4] {
    flex: 1 1 226px;
    margin: 3px 0;
    position: relative
}

.search-icon[b-61njkgikz4] {
    align-self: center;
    flex: 0 1 auto
}

.search-input-2[b-61njkgikz4] {
    background-color: transparent;
    border: 0;
    color: #000;
    font: 12px/1.25 Inter, Helvetica, Arial, serif;
    letter-spacing: 0;
    margin: 0;
    padding: 0;
    vertical-align: top;
    width: 100%
}

.search-input-2:focus[b-61njkgikz4] {
    outline: none
}

.table_container[b-61njkgikz4] {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    margin: 10px auto;
    min-height: 500px;
    position: relative;
    width: 100%
}

.row > .spacer[b-61njkgikz4] {
    flex: 0 1 40px
}

.row1 > .cell1[b-61njkgikz4] {
    display: flex;
    flex: 0 0 69px;
    flex-direction: column;
    min-width: 69px;
    position: relative
}

.row > .cell1[b-61njkgikz4] {
    display: flex;
    flex: 0 1 4px;
    flex-direction: column;
    position: relative
}

.row2 > .spacer[b-61njkgikz4] {
    flex: 0 1 20px
}

.table_container > .cell[b-61njkgikz4] {
    display: flex;
    flex: 1 1 45px;
    flex-direction: column;
    position: relative
}

.row6 > .cell[b-61njkgikz4] {
    display: flex;
    flex: 0 1 6px;
    flex-direction: column;
    position: relative
}

.row6 > .spacer[b-61njkgikz4] {
    flex: 0 1 50px
}

.quick_action_btn > .cell[b-61njkgikz4] {
    display: flex;
    flex: 0 1 21px;
    flex-direction: column;
    position: relative
}

.row > .cell[b-61njkgikz4], .row3 > .cell[b-61njkgikz4] {
    display: flex;
    flex: 0 1 15px;
    flex-direction: column;
    position: relative
}

.row1 > .cell[b-61njkgikz4], .row5 > .cell[b-61njkgikz4] {
    display: flex;
    flex: 0 1 8px;
    flex-direction: column;
    position: relative
}

.section5__section5[b-61njkgikz4] {
    background: #F0F4F7;
    display: flex;
    flex-direction: column;
    min-height: 745px
}

.section5__flexRow[b-61njkgikz4] {
    align-items: start;
    column-gap: 45px;
    display: flex;
    flex-grow: 1;
    padding: 10px
}

@media (max-width: 1399px) {
    .section5__flexRow[b-61njkgikz4] {
        align-items: flex-start;
        column-gap: 45px;
        justify-content: flex-start
    }
}

.section5__flexRow > .cell[b-61njkgikz4] {
    display: flex;
    flex: 1 1 774px;
    flex-direction: column
}

@media (max-width: 1399px) {
    .section5__flexRow > .cell[b-61njkgikz4] {
        min-width: unset
    }
}

.section5__flexCol[b-61njkgikz4] {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    margin: 4px 0 0
}

.section5__box18[b-61njkgikz4] {
    background-color: #fff;
    border-radius: 8px 8px 8px 8px;
    display: flex;
    flex-direction: column;
    overflow: hidden
}

.section5__flexCol1[b-61njkgikz4] {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    margin: 39px 16px 91px 0
}

.section5__box20[b-61njkgikz4] {
    background-color: #fff;
    border-radius: 20px 20px 20px 20px;
    display: flex;
    flex-direction: column;
    margin: 0 53.3% 0 3.17%;
    width: 43.54%
}

.section5__flexRow1[b-61njkgikz4] {
    align-items: center;
    column-gap: 16px;
    display: flex;
    flex-grow: 1;
    margin: 20px
}

.section5__flexCol2[b-61njkgikz4] {
    display: flex;
    flex: 0 1 129px;
    flex-direction: column
}

.section5__info2[b-61njkgikz4] {
    color: #676767;
    font: 500 12px/1.04 Roboto, Helvetica, Arial, serif;
    letter-spacing: .1000000015px;
    margin: 0
}

.section5__flexRow2[b-61njkgikz4] {
    align-items: center;
    display: flex;
    margin: 5px 0 0
}

.section5__highlights5[b-61njkgikz4] {
    color: #000;
    flex: 0 0 auto;
    font: 700 17px/1.17 Roboto, Helvetica, Arial, serif;
    letter-spacing: .1000000015px;
    min-width: 75px
}

.section5__flexRow2 > .cell[b-61njkgikz4] {
    display: flex;
    flex: 0 1 54px;
    flex-direction: column
}

.section5__box21[b-61njkgikz4] {
    background-color: #d1ffd6;
    border-radius: 4px 4px 4px 4px;
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    margin: 1px 0 0 9px
}

.section5__info3[b-61njkgikz4] {
    color: #000;
    flex-grow: 1;
    font: 400 12px/1.04 Roboto, Helvetica, Arial, serif;
    letter-spacing: .1000000015px;
    margin: 3px 6px
}

.section5__info4[b-61njkgikz4] {
    color: #676767;
    font: 400 12px/1.04 Roboto, Helvetica, Arial, serif;
    letter-spacing: .1000000015px;
    margin: 5px 11px 0 0
}

.section5__flexCol3[b-61njkgikz4] {
    display: flex;
    flex: 0 1 131px;
    flex-direction: column;
    margin: 7px 0
}

.section5__flexRow3[b-61njkgikz4] {
    align-items: center;
    display: flex
}

.section5__flexRow3 > .cell[b-61njkgikz4] {
    display: flex;
    flex: 0 1 8px;
    flex-direction: column
}

.section5__flexRow3 > .cell1[b-61njkgikz4] {
    display: flex;
    flex: 0 0 49px;
    flex-direction: column;
    min-width: 49px
}

.section5__info5[b-61njkgikz4] {
    color: #000;
    flex-grow: 1;
    font: 500 12px/1.04 Roboto, Helvetica, Arial, serif;
    letter-spacing: .1000000015px;
    margin: 0 0 0 7px
}

.section5__box19[b-61njkgikz4] {
    background-color: #fff;
    border-radius: 20px 20px 20px 20px;
    display: flex;
    flex-direction: column;
    margin: 32px 0 0
}

.section5__flexCol4[b-61njkgikz4] {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    margin: 24px
}

.section5__text4[b-61njkgikz4] {
    color: #000;
    flex: 0 0 auto;
    font: 500 14px/1.42 Roboto, Helvetica, Arial, serif;
    letter-spacing: .5px;
    min-width: 73px
}

.section5__flexRow3 > .spacer[b-61njkgikz4] {
    flex: 0 1 521px
}

.section5__text41[b-61njkgikz4] {
    color: #000;
    flex: 0 0 auto;
    font: 500 14px/1.42 Roboto, Helvetica, Arial, serif;
    letter-spacing: .5px;
    min-width: 116px
}

.section5__image3[b-61njkgikz4] {
    aspect-ratio: 78.89;
    border-radius: 4.5px 4.5px 4.5px 4.5px;
    height: auto;
    margin: 6px 0 0;
    object-fit: cover;
    object-position: center center;
    vertical-align: top;
    width: calc(100% - 0px)
}

.section5__box191[b-61njkgikz4] {
    background-color: #fff;
    border-radius: 20px 20px 20px 20px;
    display: flex;
    flex-direction: column;
    margin: 7px 0 0
}

.section5__text42[b-61njkgikz4] {
    color: #000;
    flex: 0 0 auto;
    font: 500 14px/1.42 Roboto, Helvetica, Arial, serif;
    letter-spacing: .5px;
    min-width: 98px
}

.section5__flexRow3 > .spacer1[b-61njkgikz4] {
    flex: 0 1 496px
}

.section5__flexRow > .cell1[b-61njkgikz4] {
    display: flex;
    flex: 1 1 652px;
    flex-direction: column
}

.section5__flexCol5[b-61njkgikz4] {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    margin: 0 0 17px
}

.section5__box15[b-61njkgikz4] {
    background-color: #fff;
    border-radius: 14px 14px 14px 14px;
    display: flex;
    flex-direction: column
}

.section5__flexRow4[b-61njkgikz4] {
    align-items: center;
    column-gap: 16px;
    display: flex;
    flex-grow: 1;
    margin: 16px 16px 15px
}

.section5__flexRow4 > .search-input-2-label[b-61njkgikz4] {
    flex-grow: 1;
    padding: 0
}

.section5__flexRow4 > .search-input-2-label:focus-within[b-61njkgikz4] {
    border-bottom: 1px solid #676767
}

.section5__flexRow4 > .cell[b-61njkgikz4] {
    display: flex;
    flex: 0 1 16px;
    flex-direction: column
}

.search-input-2[b-61njkgikz4] {
    border: 0;
    font-size: 1rem;
    padding: 0;
    vertical-align: top;
    width: 100%
}

.search-input-2:focus[b-61njkgikz4] {
    outline: none
}

.search-filter > :hover[b-61njkgikz4] {
    color: #373737;
    cursor: pointer
}

.section5__flexRow4 > .spacer[b-61njkgikz4] {
    flex: 0 1 16px
}

.section5__flexRow4 > .spacer1[b-61njkgikz4] {
    flex: 0 1 394px
}

.section5__group[b-61njkgikz4] {
    display: flex;
    flex: 0 1 19px;
    flex-direction: column;
    margin: 1px 0;
    position: relative
}

.section5__box16[b-61njkgikz4] {
    background-color: #fff;
    border-radius: 10px 10px 10px 10px;
    bottom: -278px;
    box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.247);
    display: flex;
    flex-direction: column;
    left: -174px;
    position: absolute;
    right: -31px;
    top: 9px;
    z-index: 3
}

.section5__flexCol7[b-61njkgikz4] {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    margin: 10px
}

.section5__info1[b-61njkgikz4] {
    color: #86878a;
    font: 400 12px/1.25 Inter, Helvetica, Arial, serif;
    letter-spacing: .6px;
    margin: 0 10px
}

.filter-label[b-61njkgikz4] {
    align-items: center;
    border-radius: 4px 4px 4px 4px;
    display: flex;
    justify-content: space-between;
    margin: 5px;
    padding: 5px 10px
}

.filter-label.checked[b-61njkgikz4] {
    background-color: #f0f4f7
}

.filter-label:hover[b-61njkgikz4] {
    background-color: #f0f4f7;
    cursor: pointer
}

.section5__text3[b-61njkgikz4] {
    color: #25213b;
    flex: 0 0 auto;
    font: 400 14px/1.21 Inter, Helvetica, Arial, serif;
    letter-spacing: .7px;
    min-width: 53px
}

.filter-label > .spacer[b-61njkgikz4] {
    flex: 0 1 116px
}

.filter-label > .spacer1[b-61njkgikz4] {
    flex: 0 1 90px
}

.section5__flexRow6 > .spacer[b-61njkgikz4] {
    flex: 0 1 92px
}

.section5__flexRow7 > .spacer[b-61njkgikz4] {
    flex: 0 1 102px
}

.section5__line[b-61njkgikz4] {
    background-color: #f0f4f7;
    height: 1px;
    margin: 10px 0 0
}

.section5__info11[b-61njkgikz4] {
    color: #86878a;
    font: 400 12px/1.25 Inter, Helvetica, Arial, serif;
    letter-spacing: .6px;
    margin: 10px 10px 0
}

.section5__box8[b-61njkgikz4] {
    background-color: #fff;
    border-radius: 20px 20px 20px 20px;
    display: flex;
    flex-direction: column;
    margin: 17px 0 0 1px;
    min-height: 96px
}

.section5__list[b-61njkgikz4] {
    align-content: flex-start;
    align-items: start;
    column-gap: 16px;
    display: flex;
    flex-grow: 1;
    flex-wrap: wrap;
    margin: 16px;
    row-gap: 16px
}

.section5__box9[b-61njkgikz4] {
    background-color: #caffe2;
    border-radius: 10px 10px 10px 10px;
    display: flex;
    flex: 0 0 61px;
    flex-direction: column
}

.section5__flexRow8[b-61njkgikz4] {
    align-items: center;
    display: flex;
    flex-grow: 1;
    margin: 6px 8px
}

.section5__text1[b-61njkgikz4] {
    color: #000;
    flex: 0 0 auto;
    font: 400 14px/1.07 Roboto, Helvetica, Arial, serif;
    letter-spacing: 0;
    min-width: 32px
}

.section5__box14[b-61njkgikz4] {
    background-color: #fbb;
    border-radius: 10px 10px 10px 10px;
    display: flex;
    flex: 0 0 81px;
    flex-direction: column
}

.section5__text14[b-61njkgikz4] {
    color: #000;
    flex: 0 0 auto;
    font: 400 14px/1.07 Roboto, Helvetica, Arial, serif;
    letter-spacing: 0;
    min-width: 52px
}

.section5__flexCol8[b-61njkgikz4] {
    display: flex;
    flex-direction: column;
    margin: 10px 0 0 3px;
    overflow-y: auto;
    row-gap: 6px;
    padding: 6px
}

.section5__box6[b-61njkgikz4] {
    background-color: #fff;
    border-radius: 20px 20px 20px 20px;
    box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.098);
    display: flex;
    flex-direction: column;
    flex-shrink: 1;
    min-height: 86px;
    overflow: hidden
}

.section5__box6.selected[b-61njkgikz4] {
    border: 2px solid var(--blue-ribbon-700)
}

.section5__flexRow9[b-61njkgikz4] {
    align-items: center;
    column-gap: 16px;
    display: flex;
    flex-grow: 1;
    margin: 24px
}

.section5__flexCol3 > .cell[b-61njkgikz4], .section5__flexCol4 > .cell[b-61njkgikz4], .section5__flexCol4 > .cell1[b-61njkgikz4], .section5__flexCol > .cell[b-61njkgikz4], .section5__flexCol6[b-61njkgikz4] {
    display: flex;
    flex-direction: column
}

@media (max-width: 1399px) {
    .section5__flexRow9[b-61njkgikz4] {
        align-items: center;
        column-gap: 16px;
        justify-content: flex-start
    }
}

.section5__flexRow9 > .cell[b-61njkgikz4] {
    display: flex;
    flex: 0 1 38px;
    flex-direction: column
}

.section5__icon2[b-61njkgikz4] {
    aspect-ratio: 1;
    border-radius: 19px 19px 19px 19px;
    height: auto;
    min-width: 38px;
    object-fit: cover;
    object-position: center center;
    vertical-align: top;
    width: 38px
}

.section5__flexRow9 > .cell1[b-61njkgikz4] {
    display: flex;
    flex: 1 1 123px;
    flex-direction: column
}

@media (max-width: 1399px) {
    .section5__flexRow9 > .cell1[b-61njkgikz4] {
        min-width: unset
    }
}

.section5__flexCol9[b-61njkgikz4] {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    white-space: nowrap
}

.section5__highlights3[b-61njkgikz4] {
    color: #000;
    font: 600 16px/1.25 Roboto, Helvetica, Arial, serif;
    letter-spacing: .3000000119px;
    margin: 0
}

.section5__info[b-61njkgikz4] {
    color: #373737;
    font: 400 12px/1.5 Roboto, Helvetica, Arial, serif;
    letter-spacing: .5px
}

.section5__flexRow9 > .cell2[b-61njkgikz4] {
    flex: 0 1 66px
}

.section5__flexCol10[b-61njkgikz4] {
    align-items: center;
    column-gap: 5px;
    display: flex;
    flex: 0 0 100px;
    flex-grow: 0;
    justify-content: space-between;
    margin: 0 0 1px
}

.section5__flexCol10 > .cell[b-61njkgikz4] {
    column-gap: 5px;
    display: flex
}

.section5__image1[b-61njkgikz4] {
    aspect-ratio: 2;
    border-radius: 3.5px 3.5px 3.5px 3.5px;
    height: auto;
    min-width: 14px;
    object-fit: cover;
    object-position: center center;
    vertical-align: top;
    width: 14px
}

.section5__flexRow9 > .cell4[b-61njkgikz4] {
    display: flex;
    flex: 1 0 auto;
    flex-direction: column
}

@media (max-width: 1399px) {
    .section5__flexRow9 > .cell4[b-61njkgikz4] {
        min-width: unset
    }
}

.section5__flexRow10 > .cell[b-61njkgikz4] {
    display: flex;
    flex: 0 1 14px;
    flex-direction: column
}

.table-header[b-61njkgikz4] {
    column-gap: 10px;
    display: flex;
    font-size: 1.3rem
}

/*.Root{height:calc(100vh - 64px);overflow-y:scroll}*/
/* /Pages/Trading/BuyerTradingScreenNew.razor.rz.scp.css */
.verified-badge[b-yjyxwd5g92] {
    margin-left: 1px;
    display: inline-block;
    vertical-align: middle;
}

.section1__big_title[b-yjyxwd5g92]{font:700 34px/1.2 Lato,Helvetica,Arial,serif}
.buyer-stats[b-yjyxwd5g92] {
    background-image: url(https://res.cloudinary.com/malikbanks/image/upload/v1676985124/stock-bg.svg);
}
#number[b-yjyxwd5g92]{color:#555;font-size:1rem;font-weight:600}

/*Table row colors*/
.rz-grid-table-striped tbody > tr:not(.rz-expanded-row-content):nth-child(even) > td[b-yjyxwd5g92] {
    background-color: #ffffff !important;
}
/*Table row colors*/

.product-header[b-yjyxwd5g92] {
    width: 100%;
    height: 100%;
    background-color: #f24e1e;
    color: #ffffff;
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1;
    padding: 5px;
}


.negotiate-header[b-yjyxwd5g92] {
    text-align: center;
    width: 100%;
    height: 100%;
    background-color: #ff6c41;
    color: #ffffff;
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}

.competitor-header[b-yjyxwd5g92] {
    text-align: center;
    width: 100%;
    height: 100%;
    background-color: #ff7e58;
    color: #ffffff;
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}

.needs-header[b-yjyxwd5g92] {
    text-align: center;
    width: 100%;
    height: 100%;
    background-color: #ff9374;
    color: #ffffff;
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}

.helper-header[b-yjyxwd5g92] {
    text-align: center;
    width: 100%;
    height: 100%;
    background-color: #ff9374;
    color: #ffffff;
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}

.lpx-topbar[b-yjyxwd5g92] {
    display: none;
}

.inner[b-yjyxwd5g92]{align-items:center;border-radius:50%;box-shadow:inset 4px 4px 6px -1px rgba(0,0,0,0.2),inset -4px -4px 6px -1px rgba(255,255,255,0.7),-.5px -.5px 0 rgba(255,255,255,1),.5px .5px 0 rgba(0,0,0,0.15),0 12px 10px -10px rgba(0,0,0,0.05);display:flex;height:100%;justify-content:center;width:100%}
.outer[b-yjyxwd5g92]{border-radius:50%;bottom:0;box-shadow:6px 6px 10px -1px rgba(0,0,0,0.15),-6px -6px 10px -1px rgba(255,255,255,0.7);height:80%;left:0;margin:auto;padding:10%;position:absolute;right:0;top:0;width:80%}
.progress-circle[b-yjyxwd5g92]{fill:none;stroke-linecap:round;stroke-width:10%}
.progress-wrapper[b-yjyxwd5g92]{height:var(--progress-wrapper-size);position:relative;width:var(--progress-wrapper-size)}
.progress-wrapper svg[b-yjyxwd5g92]{height:100%;left:0;position:absolute;top:0;width:100%}
.section3__box[b-yjyxwd5g92]{background-color:#fff;border-radius:20px 20px 20px 20px;display:flex;filter:drop-shadow(0px 4px 4px rgba(0,0,0,0.247));flex-direction:column;flex-grow:1;position:relative}
.section3__box-accepted .progress-circle[b-yjyxwd5g92]{stroke:url(#gradient-color-accepted)}
.section3__box-accepted .stat-icon-wrapper[b-yjyxwd5g92]{background-color:#2AB849}
.section3__box-completed .progress-circle[b-yjyxwd5g92]{stroke:url(#gradient-color-completed)}
.section3__box-completed .stat-icon-wrapper[b-yjyxwd5g92]{background-color:#731AE5}
.section3__box-passed .progress-circle[b-yjyxwd5g92]{stroke:url(#gradient-color-passed)}
.section3__box-passed .stat-icon-wrapper[b-yjyxwd5g92]{background-color:#FC6973}
.section3__box-pending .progress-circle[b-yjyxwd5g92]{stroke:url(#gradient-color-pending)}
.section3__box-pending .stat-icon-wrapper[b-yjyxwd5g92]{background-color:#4363F8}
.section3__content_box[b-yjyxwd5g92]{display:flex;flex:0 1 59px;flex-direction:column;position:relative}
.section3__flexRow[b-yjyxwd5g92]{-moz-column-gap:22px;-moz-row-gap:22px;align-items:center;column-gap:22px;display:flex;flex-grow:1;flex-wrap:wrap;justify-content:center;overflow:visible;row-gap:22px;width:100%}
.section3__flexRow > .cell[b-yjyxwd5g92]{display:flex;flex:1 1 200px;flex-direction:column;position:relative}
.section3__flexRow1[b-yjyxwd5g92]{-moz-column-gap:16px;align-items:center;column-gap:16px;display:flex;flex-grow:1;margin:24px;position:relative}
.section3__flexRow1 > .cell[b-yjyxwd5g92]{display:flex;flex:0 1 40px;flex-direction:column;position:relative}
.section3__highlights1[b-yjyxwd5g92]{color:#000;flex:1 0 auto;font:600 19px/1.05 Roboto,Helvetica,Arial,serif;margin:20px 0 19px;min-width:151px;position:relative}
.section3__highlights2[b-yjyxwd5g92]{color:#fff;flex-grow:1;font:600 16px/1.43 Roboto,Helvetica,Arial,serif;margin:2px 18px;position:relative}
.section3__section3[b-yjyxwd5g92]{display:flex;flex-direction:column;min-height:134px}
.section3_notification__box[b-yjyxwd5g92]{background-color:#000;border-radius:15px;display:none;flex-direction:column;height:27px;position:absolute;right:-10px;top:-14px;width:46px}
.stat-icon-wrapper[b-yjyxwd5g92]{align-items:center;border-radius:50%;box-shadow:0 0 12px 0 rgba(184,223,192,0.466);color:#fff;display:flex;font-size:1.2rem;font-weight:900;height:var(--stat-icon-size);justify-content:center;width:var(--stat-icon-size)}
.flexCol[b-yjyxwd5g92] {
    display: flex;
    flex-direction: column;
    margin: 41px auto;
    position: relative;
    width: 100%;
}
.flexRow[b-yjyxwd5g92] {
    align-items: center;
    column-gap: 16px;
    display: flex;
    flex: 1 1 auto;
    justify-content: space-between;
    position: relative;
    background: #ffdbb5;
}
.tabs-wrapper[b-yjyxwd5g92]{align-items:center;column-gap:16px;display:flex;justify-content:space-between;margin:0 1px;transition-duration:.3s;transition-property:color}
.tabs-wrapper > .cell:hover[b-yjyxwd5g92]{background:#f2f2f2;}
.tabs-wrapper > .cell[b-yjyxwd5g92]{color:#86878a;display:flex;font:500 14px/1.21 Inter,Helvetica,Arial,serif;letter-spacing:0;padding:5px 3px;position:relative;text-align:center;background: #ffffff;}
    .tabs-wrapper > .active-lt-tab[b-yjyxwd5g92] {
        color: #ffffff;
        font: 500 14px/1.21 Inter,Helvetica,Arial,serif;
        letter-spacing: 1px;
        background-color: #f24e1e;
        border-radius: 5px;
        border-width: 0 !important;
    }

        .tabs-wrapper > .active-lt-tab:hover[b-yjyxwd5g92] {
            color: #ffffff;
            font: 500 14px/1.21 Inter,Helvetica,Arial,serif;
            letter-spacing: 1px;
            background-color: #f24e1e;
        }

        .tabs-wrapper > .active-lt-tab .stock-counter-badge[b-yjyxwd5g92] {
            background-color: #ffffff !important;
            font: 500 14px/1.21 Inter,Helvetica,Arial,serif;
            letter-spacing: 1px;
            color: #f24e1e !important;
        }

.stock-counter-badge[b-yjyxwd5g92] {
    background-color: rgba(50, 81, 104, 0.08);
    padding: 0 4px;
    border-radius: 4px;
}


.text7_box[b-yjyxwd5g92]{display:flex;flex:0 0 auto;justify-content:flex-end;min-width:358px;position:relative}
.text7[b-yjyxwd5g92]{color:#000;font:500 14px/1.21 Inter,Helvetica,Arial,serif;letter-spacing:0;text-align:right}
.text7_span0[b-yjyxwd5g92]{color:#86878a;font:500 1em/1.21 Inter,Helvetica,Arial,serif;font-style:normal;letter-spacing:0}
.text7_span1[b-yjyxwd5g92]{color:#25213b;font:1em/1.21 Inter,Helvetica,Arial,serif;font-style:normal;letter-spacing:0}
.text7_span2[b-yjyxwd5g92]{color:#005ef6;font:700 1.2857142857em/1.22 Inter,Helvetica,Arial,serif;font-style:normal;letter-spacing:0}
.text7_span3[b-yjyxwd5g92]{color:#86878a;font:1.2857142857em/1.22 Inter,Helvetica,Arial,serif;font-style:normal;letter-spacing:0}
.flexRow2[b-yjyxwd5g92]{align-items:center;display:flex;flex:1 1 auto;margin:10px 3px 0;position:relative}
/*.box22{background-color:#fff;border-radius:5px 5px 5px 5px;display:flex;flex:0 1 134px;flex-direction:column;outline:1px solid #a9d4ff;outline-offset:-1px;position:relative}*/
.group[b-yjyxwd5g92]{display:flex;flex-direction:column;flex-grow:1;margin:5px;position:relative}
.quick_action_btn[b-yjyxwd5g92]{align-items:center;column-gap:11px;display:flex;flex-grow:1}
.filter-icon[b-yjyxwd5g92]{color:#2F80ED;height:auto;min-width:21px;width:21px}
.highlights6[b-yjyxwd5g92]{color:#25213b;flex:0 0 auto;font:400 16px/1.18 Inter,Helvetica,Arial,serif;letter-spacing:0;margin:1px 0 0;min-width:92px;position:relative}
.quick_actions[b-yjyxwd5g92]{background-color:#fff;border-radius:9px 9px 9px 9px;bottom:-83px;display:flex;filter:drop-shadow(0px 4px 4px rgba(0,0,0,0.2));flex-direction:column;left:64px;padding:0;position:absolute;right:-55px;top:-25px;width:fit-content;z-index:3;height: fit-content;}
.quick_actions .cell:hover[b-yjyxwd5g92]{background-color:rgba(0,0,0,0.1);cursor: pointer}
.flexCol1[b-yjyxwd5g92]{display:flex;flex-direction:column;flex-grow:1;margin:9px;min-width:0;position:relative;width:fit-content}
.flexCol1 > .cell[b-yjyxwd5g92]{white-space:nowrap}
.text3[b-yjyxwd5g92]{color:#25213b;flex-grow:1;font:400 14px/1.21 Inter,Helvetica,Arial,serif;letter-spacing:.7px;margin:0 5px 0 0;position:relative}
.flexCol1 > .cell1[b-yjyxwd5g92]{display:flex;flex:1 1 31px;flex-direction:column;position:relative}
.text31[b-yjyxwd5g92]{color:#25213b;flex-grow:1;font:400 14px/1.21 Inter,Helvetica,Arial,serif;letter-spacing:.6px;margin:14px 0 0;position:relative}
.text9[b-yjyxwd5g92]{color:#007f00;flex-grow:1;font:400 14px/1.21 Inter,Helvetica,Arial,serif;letter-spacing:.7px;margin:14px 12px 0 0;position:relative}
.text10[b-yjyxwd5g92]{color:#d30000;flex-grow:1;font:400 14px/1.21 Inter,Helvetica,Arial,serif;letter-spacing:.6px;margin:14px 31px 0 0;position:relative}
.image11[b-yjyxwd5g92]{aspect-ratio:1.05;border-radius:10px 10px 10px 10px;height:auto;object-fit:cover;object-position:center center;position:absolute;right:-10px;top:0;vertical-align:top;width:21px}
.flexRow2 > .spacer[b-yjyxwd5g92]{flex:0 1 39px}
.box23[b-yjyxwd5g92]{border-radius:5px 5px 5px 5px;display:flex;flex:1 0 300px;flex-direction:column;outline:1px solid #86878a;outline-offset:-1px}
.flexRow4[b-yjyxwd5g92]{align-items:stretch;column-gap:14px;display:flex;flex-grow:1;margin:5px}
.search-input-2_box[b-yjyxwd5g92]{flex:1 1 226px;margin:3px 0;position:relative}
.search-icon[b-yjyxwd5g92]{align-self:center;flex:0 1 auto}
.search-input-2[b-yjyxwd5g92]{background-color:transparent;border:0;color:#000;font:12px/1.25 Inter,Helvetica,Arial,serif;letter-spacing:0;margin:0;padding:0;vertical-align:top;width:100%}
.search-input-2:focus[b-yjyxwd5g92]{outline:none}
.table_container[b-yjyxwd5g92]{display:flex;flex:1 1 auto;flex-direction:column;margin:10px auto;min-height:500px;position:relative;width:100%}
.row > .spacer[b-yjyxwd5g92]{flex:0 1 40px}
.row1 > .cell1[b-yjyxwd5g92]{display:flex;flex:0 0 69px;flex-direction:column;min-width:69px;position:relative}
.row > .cell1[b-yjyxwd5g92]{display:flex;flex:0 1 4px;flex-direction:column;position:relative}
.row2 > .spacer[b-yjyxwd5g92]{flex:0 1 20px}
.table_container > .cell[b-yjyxwd5g92]{display:flex;flex:1 1 45px;flex-direction:column;position:relative}
.row6 > .cell[b-yjyxwd5g92]{display:flex;flex:0 1 6px;flex-direction:column;position:relative}
.row6 > .spacer[b-yjyxwd5g92]{flex:0 1 50px}
.quick_action_btn > .cell[b-yjyxwd5g92]{display:flex;flex:0 1 21px;flex-direction:column;position:relative}
.row > .cell[b-yjyxwd5g92],.row3 > .cell[b-yjyxwd5g92]{display:flex;flex:0 1 15px;flex-direction:column;position:relative}
.row1 > .cell[b-yjyxwd5g92],.row5 > .cell[b-yjyxwd5g92]{display:flex;flex:0 1 8px;flex-direction:column;position:relative}
.section5__section5[b-yjyxwd5g92]{background:#F0F4F7;display:flex;flex-direction:column;min-height:745px}
.section5__flexRow[b-yjyxwd5g92]{align-items:start;column-gap:45px;display:flex;flex-grow:1;padding:10px}
@media (max-width: 1399px) {
    .section5__flexRow[b-yjyxwd5g92]{align-items:flex-start;column-gap:45px;justify-content:flex-start}
}
.section5__flexRow > .cell[b-yjyxwd5g92]{display:flex;flex:1 1 774px;flex-direction:column}
@media (max-width: 1399px) {
    .section5__flexRow > .cell[b-yjyxwd5g92]{min-width:unset}
}
.section5__flexCol[b-yjyxwd5g92]{display:flex;flex-direction:column;flex-grow:1;margin:4px 0 0}
.section5__box18[b-yjyxwd5g92]{background-color:#fff;border-radius:8px 8px 8px 8px;display:flex;flex-direction:column;overflow:hidden}
.section5__flexCol1[b-yjyxwd5g92]{display:flex;flex-direction:column;flex-grow:1;margin:39px 16px 91px 0}
.section5__box20[b-yjyxwd5g92]{background-color:#fff;border-radius:20px 20px 20px 20px;display:flex;flex-direction:column;margin:0 53.3% 0 3.17%;width:43.54%}
.section5__flexRow1[b-yjyxwd5g92]{align-items:center;column-gap:16px;display:flex;flex-grow:1;margin:20px}
.section5__flexCol2[b-yjyxwd5g92]{display:flex;flex:0 1 129px;flex-direction:column}
.section5__info2[b-yjyxwd5g92]{color:#676767;font:500 12px/1.04 Roboto,Helvetica,Arial,serif;letter-spacing:.1000000015px;margin:0}
.section5__flexRow2[b-yjyxwd5g92]{align-items:center;display:flex;margin:5px 0 0}
.section5__highlights5[b-yjyxwd5g92]{color:#000;flex:0 0 auto;font:700 17px/1.17 Roboto,Helvetica,Arial,serif;letter-spacing:.1000000015px;min-width:75px}
.section5__flexRow2 > .cell[b-yjyxwd5g92]{display:flex;flex:0 1 54px;flex-direction:column}
.section5__box21[b-yjyxwd5g92]{background-color:#d1ffd6;border-radius:4px 4px 4px 4px;display:flex;flex-direction:column;flex-grow:1;margin:1px 0 0 9px}
.section5__info3[b-yjyxwd5g92]{color:#000;flex-grow:1;font:400 12px/1.04 Roboto,Helvetica,Arial,serif;letter-spacing:.1000000015px;margin:3px 6px}
.section5__info4[b-yjyxwd5g92]{color:#676767;font:400 12px/1.04 Roboto,Helvetica,Arial,serif;letter-spacing:.1000000015px;margin:5px 11px 0 0}
.section5__flexCol3[b-yjyxwd5g92]{display:flex;flex:0 1 131px;flex-direction:column;margin:7px 0}
.section5__flexRow3[b-yjyxwd5g92]{align-items:center;display:flex}
.section5__flexRow3 > .cell[b-yjyxwd5g92]{display:flex;flex:0 1 8px;flex-direction:column}
.section5__flexRow3 > .cell1[b-yjyxwd5g92]{display:flex;flex:0 0 49px;flex-direction:column;min-width:49px}
.section5__info5[b-yjyxwd5g92]{color:#000;flex-grow:1;font:500 12px/1.04 Roboto,Helvetica,Arial,serif;letter-spacing:.1000000015px;margin:0 0 0 7px}
.section5__box19[b-yjyxwd5g92]{background-color:#fff;border-radius:20px 20px 20px 20px;display:flex;flex-direction:column;margin:32px 0 0}
.section5__flexCol4[b-yjyxwd5g92]{display:flex;flex-direction:column;flex-grow:1;margin:24px}
.section5__text4[b-yjyxwd5g92]{color:#000;flex:0 0 auto;font:500 14px/1.42 Roboto,Helvetica,Arial,serif;letter-spacing:.5px;min-width:73px}
.section5__flexRow3 > .spacer[b-yjyxwd5g92]{flex:0 1 521px}
.section5__text41[b-yjyxwd5g92]{color:#000;flex:0 0 auto;font:500 14px/1.42 Roboto,Helvetica,Arial,serif;letter-spacing:.5px;min-width:116px}
.section5__image3[b-yjyxwd5g92]{aspect-ratio:78.89;border-radius:4.5px 4.5px 4.5px 4.5px;height:auto;margin:6px 0 0;object-fit:cover;object-position:center center;vertical-align:top;width:calc(100% - 0px)}
.section5__box191[b-yjyxwd5g92]{background-color:#fff;border-radius:20px 20px 20px 20px;display:flex;flex-direction:column;margin:7px 0 0}
.section5__text42[b-yjyxwd5g92]{color:#000;flex:0 0 auto;font:500 14px/1.42 Roboto,Helvetica,Arial,serif;letter-spacing:.5px;min-width:98px}
.section5__flexRow3 > .spacer1[b-yjyxwd5g92]{flex:0 1 496px}
.section5__flexRow > .cell1[b-yjyxwd5g92]{display:flex;flex:1 1 652px;flex-direction:column}
.section5__flexCol5[b-yjyxwd5g92]{display:flex;flex-direction:column;flex-grow:1;margin:0 0 17px}
.section5__box15[b-yjyxwd5g92]{background-color:#fff;border-radius:14px 14px 14px 14px;display:flex;filter:drop-shadow(0px 2px 2px rgba(0,0,0,0.058));flex-direction:column}
.section5__flexRow4[b-yjyxwd5g92]{align-items:center;column-gap:16px;display:flex;flex-grow:1;margin:16px 16px 15px}
.section5__flexRow4 > .search-input-2-label[b-yjyxwd5g92]{flex-grow:1;padding:0}
.section5__flexRow4 > .search-input-2-label:focus-within[b-yjyxwd5g92]{border-bottom:1px solid #676767}
.section5__flexRow4 > .cell[b-yjyxwd5g92]{display:flex;flex:0 1 16px;flex-direction:column}
.search-input-2[b-yjyxwd5g92]{border:0;font-size:1rem;padding:0;vertical-align:top;width:100%}
.search-input-2:focus[b-yjyxwd5g92]{outline:none}
.search-filter > :hover[b-yjyxwd5g92]{color:#373737;cursor:pointer}
.section5__flexRow4 > .spacer[b-yjyxwd5g92]{flex:0 1 16px}
.section5__flexRow4 > .spacer1[b-yjyxwd5g92]{flex:0 1 394px}
.section5__group[b-yjyxwd5g92]{display:flex;flex:0 1 19px;flex-direction:column;margin:1px 0;position:relative}
.section5__box16[b-yjyxwd5g92]{background-color:#fff;border-radius:10px 10px 10px 10px;bottom:-278px;box-shadow:0 4px 4px 0 rgba(0,0,0,0.247);display:flex;flex-direction:column;left:-174px;position:absolute;right:-31px;top:9px;z-index:3}
.section5__flexCol7[b-yjyxwd5g92]{display:flex;flex-direction:column;flex-grow:1;margin:10px}
.section5__info1[b-yjyxwd5g92]{color:#86878a;font:400 12px/1.25 Inter,Helvetica,Arial,serif;letter-spacing:.6px;margin:0 10px}
.filter-label[b-yjyxwd5g92]{align-items:center;border-radius:4px 4px 4px 4px;display:flex;justify-content:space-between;margin:5px;padding:5px 10px}
.filter-label.checked[b-yjyxwd5g92]{background-color:#f0f4f7}
.filter-label:hover[b-yjyxwd5g92]{background-color:#f0f4f7;cursor:pointer}
.section5__text3[b-yjyxwd5g92]{color:#25213b;flex:0 0 auto;font:400 14px/1.21 Inter,Helvetica,Arial,serif;letter-spacing:.7px;min-width:53px}
.filter-label > .spacer[b-yjyxwd5g92]{flex:0 1 116px}
.filter-label > .spacer1[b-yjyxwd5g92]{flex:0 1 90px}
.section5__flexRow6 > .spacer[b-yjyxwd5g92]{flex:0 1 92px}
.section5__flexRow7 > .spacer[b-yjyxwd5g92]{flex:0 1 102px}
.section5__line[b-yjyxwd5g92]{background-color:#f0f4f7;height:1px;margin:10px 0 0}
.section5__info11[b-yjyxwd5g92]{color:#86878a;font:400 12px/1.25 Inter,Helvetica,Arial,serif;letter-spacing:.6px;margin:10px 10px 0}
.section5__box8[b-yjyxwd5g92]{background-color:#fff;border-radius:20px 20px 20px 20px;display:flex;flex-direction:column;margin:17px 0 0 1px;min-height:96px}
.section5__list[b-yjyxwd5g92]{align-content:flex-start;align-items:start;column-gap:16px;display:flex;flex-grow:1;flex-wrap:wrap;margin:16px;row-gap:16px}
.section5__box9[b-yjyxwd5g92]{background-color:#caffe2;border-radius:10px 10px 10px 10px;display:flex;flex:0 0 61px;flex-direction:column}
.section5__flexRow8[b-yjyxwd5g92]{align-items:center;display:flex;flex-grow:1;margin:6px 8px}
.section5__text1[b-yjyxwd5g92]{color:#000;flex:0 0 auto;font:400 14px/1.07 Roboto,Helvetica,Arial,serif;letter-spacing:0;min-width:32px}
.section5__box14[b-yjyxwd5g92]{background-color:#fbb;border-radius:10px 10px 10px 10px;display:flex;flex:0 0 81px;flex-direction:column}
.section5__text14[b-yjyxwd5g92]{color:#000;flex:0 0 auto;font:400 14px/1.07 Roboto,Helvetica,Arial,serif;letter-spacing:0;min-width:52px}
.section5__flexCol8[b-yjyxwd5g92]{display:flex;flex-direction:column;margin:10px 0 0 3px;overflow-y:auto;row-gap:6px; padding: 6px}
.section5__box6[b-yjyxwd5g92]{background-color:#fff;border-radius:20px 20px 20px 20px;box-shadow:0 4px 4px 0 rgba(0,0,0,0.098);display:flex;flex-direction:column;flex-shrink:1;min-height:86px;overflow:hidden; width: 100%;}
.section5__box6.selected[b-yjyxwd5g92]{border: 2px solid var(--blue-ribbon-700)}
.section5__flexRow9[b-yjyxwd5g92]{align-items:center;column-gap:16px;display:flex;flex-grow:1;}
.section5__flexCol3 > .cell[b-yjyxwd5g92],.section5__flexCol4 > .cell[b-yjyxwd5g92],.section5__flexCol4 > .cell1[b-yjyxwd5g92],.section5__flexCol > .cell[b-yjyxwd5g92],.section5__flexCol6[b-yjyxwd5g92]{display:flex;flex-direction:column}
@media (max-width: 1399px) {
    .section5__flexRow9[b-yjyxwd5g92]{align-items:center;column-gap:16px;justify-content:flex-start}
}
.section5__flexRow9 > .cell[b-yjyxwd5g92]{display:flex;flex:0 1 38px;flex-direction:column}
.section5__icon2[b-yjyxwd5g92]{aspect-ratio:1;border-radius:19px 19px 19px 19px;height:auto;min-width:38px;object-fit:cover;object-position:center center;vertical-align:top;width:38px}
.section5__flexRow9 > .cell1[b-yjyxwd5g92]{display:flex;flex:1 1 123px;flex-direction:column}
@media (max-width: 1399px) {
    .section5__flexRow9 > .cell1[b-yjyxwd5g92]{min-width:unset}
}
.section5__flexCol9[b-yjyxwd5g92]{display:flex;flex-direction:column;flex-grow:1;white-space:nowrap}
.section5__highlights3[b-yjyxwd5g92]{color:#000;font:600 16px/1.25 Roboto,Helvetica,Arial,serif;letter-spacing:.3000000119px;margin:0}
.section5__info[b-yjyxwd5g92]{color:#373737;font:400 12px/1.5 Roboto,Helvetica,Arial,serif;letter-spacing:.5px}
.section5__flexRow9 > .cell2[b-yjyxwd5g92]{flex:0 1 66px}
.section5__flexCol10[b-yjyxwd5g92]{align-items:center;column-gap:5px;display:flex;flex:0 0 100px;flex-grow:0;justify-content:space-between;margin:0 0 1px}
.section5__flexCol10 > .cell[b-yjyxwd5g92]{column-gap:5px;display:flex}
.section5__image1[b-yjyxwd5g92]{aspect-ratio:2;border-radius:3.5px 3.5px 3.5px 3.5px;height:auto;min-width:14px;object-fit:cover;object-position:center center;vertical-align:top;width:14px}
.section5__flexRow9 > .cell4[b-yjyxwd5g92]{display:flex;flex:1 0 auto;flex-direction:column}
@media (max-width: 1399px) {
    .section5__flexRow9 > .cell4[b-yjyxwd5g92]{min-width:unset}
}
.section5__flexRow10 > .cell[b-yjyxwd5g92]{display:flex;flex:0 1 14px;flex-direction:column}
.table-header[b-yjyxwd5g92]{column-gap:10px;display:flex;font-size:1.3rem}
/*.Root{height:calc(100vh - 64px);overflow-y:scroll}*/

/* set all top-level elements in the layout to height 100% so they match the viewport */
html[b-yjyxwd5g92], body[b-yjyxwd5g92], #app[b-yjyxwd5g92], .page[b-yjyxwd5g92], .main[b-yjyxwd5g92] {
    /* the two key rules to define dimensions and ensure scrollbars are not in a high level */
    margin:0;
    height: 100%;
    overflow: hidden;
    /* these two rules are a common safeguard to better tighten dimensions, they may not be needed for your case */
    min-height: 100%;
    max-height: 100%;
}
/* define where scrollbars can appear in the layout - in a child element whose actual height
    still matches the viewport*/
.content[b-yjyxwd5g92] {
    /* allow scrolling of the actual app content */
    overflow: auto;
    /* height is not 100% in this layout beause it uses flex and has a header inside 
    so we use calc() to account for the header and we take its size from the app stylesheet */
    height: calc(100% - 3.5rem);
}
.text-gray[b-yjyxwd5g92] {
    color: black;
}

.k-grid[b-yjyxwd5g92] {
    max-height: 700px;
}

/*.custom-icons .k-hierarchy-cell .k-svg-icon svg {
    display: none;
}

.custom-icons .k-hierarchy-cell .k-svg-icon.k-svg-i-plus:before {
    content: "\e005";
    font-family: "WebComponentsIcons";
}

.custom-icons .k-hierarchy-cell .k-svg-icon.k-svg-i-minus:before {
    content: "\e006";
    font-family: "WebComponentsIcons";
}*/
/*.custom-icons .k-hierarchy-cell .k-svg-icon.k-svg-i-minus svg path {
    d: path("M256 352 128 160h256L256 352z");
}

.custom-icons .k-hierarchy-cell .k-svg-icon.k-svg-i-plus svg path {
    d: path("M352 256 160 384V128l192 128z");
}*/

/*.template-wrapper {
    display: flex;
    flex-direction: row;
    height: 180px;
}
    .template-wrapper p {
        font-size: 1em;
        line-height: 1.2;
        padding: 20px;
        width: 180px;
        text-align: left;
        box-sizing: border-box;
        margin: 0;
    }

    .template-wrapper img {
        width: 200px;
        height: 180px;
    }*/

/*Telerik List view*/
.k-listview-content[b-yjyxwd5g92] {
   flex-direction: column !important;
}

.k-listview-item[b-yjyxwd5g92] {
    width:unset !important;
    margin: 0 !important;
}

.k-card[b-yjyxwd5g92] {
    padding: 20px;
    border-width: 0 0 1px 0;
    border-radius: 0;
    box-shadow: none;
    cursor: pointer;
}

    .k-card .k-card-body[b-yjyxwd5g92],
    .k-card .k-card-actions[b-yjyxwd5g92] {
        padding: 0 8px;
    }

    .k-card .k-card-image[b-yjyxwd5g92] {
        max-width: unset;
    }

.k-card-horizontal > .k-card-image:last-child[b-yjyxwd5g92] {
    border-radius: 0;
}
/* /Pages/Trading/BuyerTradingScreenNewForEmailTrader.razor.rz.scp.css */
.section1__big_title[b-xafvq6v6hg]{font:700 34px/1.2 Lato,Helvetica,Arial,serif}
.buyer-stats[b-xafvq6v6hg] {
    background-image: url(https://res.cloudinary.com/malikbanks/image/upload/v1676985124/stock-bg.svg);
}
#number[b-xafvq6v6hg]{color:#555;font-size:1rem;font-weight:600}

.product-header[b-xafvq6v6hg] {
    width: 100%;
    height: 100%;
    background-color: #b8eaff;
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1;
    padding: 5px;
}

.negotiate-header[b-xafvq6v6hg] {
    text-align: center;
    width: 100%;
    height: 100%;
    background-color: #b8ffc3;
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}

.competitor-header[b-xafvq6v6hg] {
    text-align: center;
    width: 100%;
    height: 100%;
    background-color: #ffd6d6;
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}

.needs-header[b-xafvq6v6hg] {
    text-align: center;
    width: 100%;
    height: 100%;
    background-color: #ffdbb3;
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}

.helper-header[b-xafvq6v6hg] {
    text-align: center;
    width: 100%;
    height: 100%;
    background-color: #ffffd8;
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}

.inner[b-xafvq6v6hg]{align-items:center;border-radius:50%;box-shadow:inset 4px 4px 6px -1px rgba(0,0,0,0.2),inset -4px -4px 6px -1px rgba(255,255,255,0.7),-.5px -.5px 0 rgba(255,255,255,1),.5px .5px 0 rgba(0,0,0,0.15),0 12px 10px -10px rgba(0,0,0,0.05);display:flex;height:100%;justify-content:center;width:100%}
.outer[b-xafvq6v6hg]{border-radius:50%;bottom:0;box-shadow:6px 6px 10px -1px rgba(0,0,0,0.15),-6px -6px 10px -1px rgba(255,255,255,0.7);height:80%;left:0;margin:auto;padding:10%;position:absolute;right:0;top:0;width:80%}
.progress-circle[b-xafvq6v6hg]{fill:none;stroke-linecap:round;stroke-width:10%}
.progress-wrapper[b-xafvq6v6hg]{height:var(--progress-wrapper-size);position:relative;width:var(--progress-wrapper-size)}
.progress-wrapper svg[b-xafvq6v6hg]{height:100%;left:0;position:absolute;top:0;width:100%}
.section3__box[b-xafvq6v6hg]{background-color:#fff;border-radius:20px 20px 20px 20px;display:flex;filter:drop-shadow(0px 4px 4px rgba(0,0,0,0.247));flex-direction:column;flex-grow:1;position:relative}
.section3__box-accepted .progress-circle[b-xafvq6v6hg]{stroke:url(#gradient-color-accepted)}
.section3__box-accepted .stat-icon-wrapper[b-xafvq6v6hg]{background-color:#2AB849}
.section3__box-completed .progress-circle[b-xafvq6v6hg]{stroke:url(#gradient-color-completed)}
.section3__box-completed .stat-icon-wrapper[b-xafvq6v6hg]{background-color:#731AE5}
.section3__box-passed .progress-circle[b-xafvq6v6hg]{stroke:url(#gradient-color-passed)}
.section3__box-passed .stat-icon-wrapper[b-xafvq6v6hg]{background-color:#FC6973}
.section3__box-pending .progress-circle[b-xafvq6v6hg]{stroke:url(#gradient-color-pending)}
.section3__box-pending .stat-icon-wrapper[b-xafvq6v6hg]{background-color:#4363F8}
.section3__content_box[b-xafvq6v6hg]{display:flex;flex:0 1 59px;flex-direction:column;position:relative}
.section3__flexRow[b-xafvq6v6hg]{-moz-column-gap:22px;-moz-row-gap:22px;align-items:center;column-gap:22px;display:flex;flex-grow:1;flex-wrap:wrap;justify-content:center;overflow:visible;row-gap:22px;width:100%}
.section3__flexRow > .cell[b-xafvq6v6hg]{display:flex;flex:1 1 200px;flex-direction:column;position:relative}
.section3__flexRow1[b-xafvq6v6hg]{-moz-column-gap:16px;align-items:center;column-gap:16px;display:flex;flex-grow:1;margin:24px;position:relative}
.section3__flexRow1 > .cell[b-xafvq6v6hg]{display:flex;flex:0 1 40px;flex-direction:column;position:relative}
.section3__highlights1[b-xafvq6v6hg]{color:#000;flex:1 0 auto;font:600 19px/1.05 Roboto,Helvetica,Arial,serif;margin:20px 0 19px;min-width:151px;position:relative}
.section3__highlights2[b-xafvq6v6hg]{color:#fff;flex-grow:1;font:600 16px/1.43 Roboto,Helvetica,Arial,serif;margin:2px 18px;position:relative}
.section3__section3[b-xafvq6v6hg]{display:flex;flex-direction:column;min-height:134px}
.section3_notification__box[b-xafvq6v6hg]{background-color:#000;border-radius:15px;display:none;flex-direction:column;height:27px;position:absolute;right:-10px;top:-14px;width:46px}
.stat-icon-wrapper[b-xafvq6v6hg]{align-items:center;border-radius:50%;box-shadow:0 0 12px 0 rgba(184,223,192,0.466);color:#fff;display:flex;font-size:1.2rem;font-weight:900;height:var(--stat-icon-size);justify-content:center;width:var(--stat-icon-size)}
.flexCol[b-xafvq6v6hg]{display:flex;flex-direction:column;margin:41px auto;position:relative;width:100%}
.flexRow[b-xafvq6v6hg]{align-items:center;column-gap:16px;display:flex;flex:1 1 auto;justify-content:space-between;position:relative}
.tabs-wrapper[b-xafvq6v6hg]{align-items:center;column-gap:16px;display:flex;flex:0 1 320px;justify-content:space-between;margin:0 1px;transition-duration:.3s;transition-property:color}
.tabs-wrapper > .cell:hover[b-xafvq6v6hg]{background:#f2f2f2;}
.tabs-wrapper > .cell[b-xafvq6v6hg]{color:#86878a;display:flex;flex:0 1 100px;flex-direction:column;font:500 14px/1.21 Inter,Helvetica,Arial,serif;letter-spacing:0;padding:5px 3px;position:relative;text-align:center}
    .tabs-wrapper > .active-lt-tab[b-xafvq6v6hg] {
        color: #ffffff;
        font: 500 14px/1.21 Inter,Helvetica,Arial,serif;
        letter-spacing: 1px;
        background-color: #00348b;
    }
.text7_box[b-xafvq6v6hg]{display:flex;flex:0 0 auto;justify-content:flex-end;min-width:358px;position:relative}
.text7[b-xafvq6v6hg]{color:#000;font:500 14px/1.21 Inter,Helvetica,Arial,serif;letter-spacing:0;text-align:right}
.text7_span0[b-xafvq6v6hg]{color:#86878a;font:500 1em/1.21 Inter,Helvetica,Arial,serif;font-style:normal;letter-spacing:0}
.text7_span1[b-xafvq6v6hg]{color:#25213b;font:1em/1.21 Inter,Helvetica,Arial,serif;font-style:normal;letter-spacing:0}
.text7_span2[b-xafvq6v6hg]{color:#005ef6;font:700 1.2857142857em/1.22 Inter,Helvetica,Arial,serif;font-style:normal;letter-spacing:0}
.text7_span3[b-xafvq6v6hg]{color:#86878a;font:1.2857142857em/1.22 Inter,Helvetica,Arial,serif;font-style:normal;letter-spacing:0}
.flexRow2[b-xafvq6v6hg]{align-items:center;display:flex;flex:1 1 auto;margin:10px 3px 0;position:relative}
/*.box22{background-color:#fff;border-radius:5px 5px 5px 5px;display:flex;flex:0 1 134px;flex-direction:column;outline:1px solid #a9d4ff;outline-offset:-1px;position:relative}*/
.group[b-xafvq6v6hg]{display:flex;flex-direction:column;flex-grow:1;margin:5px;position:relative}
.quick_action_btn[b-xafvq6v6hg]{align-items:center;column-gap:11px;display:flex;flex-grow:1}
.filter-icon[b-xafvq6v6hg]{color:#2F80ED;height:auto;min-width:21px;width:21px}
.highlights6[b-xafvq6v6hg]{color:#25213b;flex:0 0 auto;font:400 16px/1.18 Inter,Helvetica,Arial,serif;letter-spacing:0;margin:1px 0 0;min-width:92px;position:relative}
.quick_actions[b-xafvq6v6hg]{background-color:#fff;border-radius:9px 9px 9px 9px;bottom:-83px;display:flex;filter:drop-shadow(0px 4px 4px rgba(0,0,0,0.2));flex-direction:column;left:64px;padding:0;position:absolute;right:-55px;top:-25px;width:fit-content;z-index:3;height: fit-content;}
.quick_actions .cell:hover[b-xafvq6v6hg]{background-color:rgba(0,0,0,0.1);cursor: pointer}
.flexCol1[b-xafvq6v6hg]{display:flex;flex-direction:column;flex-grow:1;margin:9px;min-width:0;position:relative;width:fit-content}
.flexCol1 > .cell[b-xafvq6v6hg]{white-space:nowrap}
.text3[b-xafvq6v6hg]{color:#25213b;flex-grow:1;font:400 14px/1.21 Inter,Helvetica,Arial,serif;letter-spacing:.7px;margin:0 5px 0 0;position:relative}
.flexCol1 > .cell1[b-xafvq6v6hg]{display:flex;flex:1 1 31px;flex-direction:column;position:relative}
.text31[b-xafvq6v6hg]{color:#25213b;flex-grow:1;font:400 14px/1.21 Inter,Helvetica,Arial,serif;letter-spacing:.6px;margin:14px 0 0;position:relative}
.text9[b-xafvq6v6hg]{color:#007f00;flex-grow:1;font:400 14px/1.21 Inter,Helvetica,Arial,serif;letter-spacing:.7px;margin:14px 12px 0 0;position:relative}
.text10[b-xafvq6v6hg]{color:#d30000;flex-grow:1;font:400 14px/1.21 Inter,Helvetica,Arial,serif;letter-spacing:.6px;margin:14px 31px 0 0;position:relative}
.image11[b-xafvq6v6hg]{aspect-ratio:1.05;border-radius:10px 10px 10px 10px;height:auto;object-fit:cover;object-position:center center;position:absolute;right:-10px;top:0;vertical-align:top;width:21px}
.flexRow2 > .spacer[b-xafvq6v6hg]{flex:0 1 39px}
.box23[b-xafvq6v6hg]{border-radius:5px 5px 5px 5px;display:flex;flex:1 0 300px;flex-direction:column;outline:1px solid #86878a;outline-offset:-1px}
.flexRow4[b-xafvq6v6hg]{align-items:stretch;column-gap:14px;display:flex;flex-grow:1;margin:5px}
.search-input-2_box[b-xafvq6v6hg]{flex:1 1 226px;margin:3px 0;position:relative}
.search-icon[b-xafvq6v6hg]{align-self:center;flex:0 1 auto}
.search-input-2[b-xafvq6v6hg]{background-color:transparent;border:0;color:#000;font:12px/1.25 Inter,Helvetica,Arial,serif;letter-spacing:0;margin:0;padding:0;vertical-align:top;width:100%}
.search-input-2:focus[b-xafvq6v6hg]{outline:none}
.table_container[b-xafvq6v6hg]{display:flex;flex:1 1 auto;flex-direction:column;margin:10px auto;min-height:500px;position:relative;width:100%}
.row > .spacer[b-xafvq6v6hg]{flex:0 1 40px}
.row1 > .cell1[b-xafvq6v6hg]{display:flex;flex:0 0 69px;flex-direction:column;min-width:69px;position:relative}
.row > .cell1[b-xafvq6v6hg]{display:flex;flex:0 1 4px;flex-direction:column;position:relative}
.row2 > .spacer[b-xafvq6v6hg]{flex:0 1 20px}
.table_container > .cell[b-xafvq6v6hg]{display:flex;flex:1 1 45px;flex-direction:column;position:relative}
.row6 > .cell[b-xafvq6v6hg]{display:flex;flex:0 1 6px;flex-direction:column;position:relative}
.row6 > .spacer[b-xafvq6v6hg]{flex:0 1 50px}
.quick_action_btn > .cell[b-xafvq6v6hg]{display:flex;flex:0 1 21px;flex-direction:column;position:relative}
.row > .cell[b-xafvq6v6hg],.row3 > .cell[b-xafvq6v6hg]{display:flex;flex:0 1 15px;flex-direction:column;position:relative}
.row1 > .cell[b-xafvq6v6hg],.row5 > .cell[b-xafvq6v6hg]{display:flex;flex:0 1 8px;flex-direction:column;position:relative}
.section5__section5[b-xafvq6v6hg]{background:#F0F4F7;display:flex;flex-direction:column;min-height:745px}
.section5__flexRow[b-xafvq6v6hg]{align-items:start;column-gap:45px;display:flex;flex-grow:1;padding:10px}
@media (max-width: 1399px) {
    .section5__flexRow[b-xafvq6v6hg]{align-items:flex-start;column-gap:45px;justify-content:flex-start}
}
.section5__flexRow > .cell[b-xafvq6v6hg]{display:flex;flex:1 1 774px;flex-direction:column}
@media (max-width: 1399px) {
    .section5__flexRow > .cell[b-xafvq6v6hg]{min-width:unset}
}
.section5__flexCol[b-xafvq6v6hg]{display:flex;flex-direction:column;flex-grow:1;margin:4px 0 0}
.section5__box18[b-xafvq6v6hg]{background-color:#fff;border-radius:8px 8px 8px 8px;display:flex;flex-direction:column;overflow:hidden}
.section5__flexCol1[b-xafvq6v6hg]{display:flex;flex-direction:column;flex-grow:1;margin:39px 16px 91px 0}
.section5__box20[b-xafvq6v6hg]{background-color:#fff;border-radius:20px 20px 20px 20px;display:flex;flex-direction:column;margin:0 53.3% 0 3.17%;width:43.54%}
.section5__flexRow1[b-xafvq6v6hg]{align-items:center;column-gap:16px;display:flex;flex-grow:1;margin:20px}
.section5__flexCol2[b-xafvq6v6hg]{display:flex;flex:0 1 129px;flex-direction:column}
.section5__info2[b-xafvq6v6hg]{color:#676767;font:500 12px/1.04 Roboto,Helvetica,Arial,serif;letter-spacing:.1000000015px;margin:0}
.section5__flexRow2[b-xafvq6v6hg]{align-items:center;display:flex;margin:5px 0 0}
.section5__highlights5[b-xafvq6v6hg]{color:#000;flex:0 0 auto;font:700 17px/1.17 Roboto,Helvetica,Arial,serif;letter-spacing:.1000000015px;min-width:75px}
.section5__flexRow2 > .cell[b-xafvq6v6hg]{display:flex;flex:0 1 54px;flex-direction:column}
.section5__box21[b-xafvq6v6hg]{background-color:#d1ffd6;border-radius:4px 4px 4px 4px;display:flex;flex-direction:column;flex-grow:1;margin:1px 0 0 9px}
.section5__info3[b-xafvq6v6hg]{color:#000;flex-grow:1;font:400 12px/1.04 Roboto,Helvetica,Arial,serif;letter-spacing:.1000000015px;margin:3px 6px}
.section5__info4[b-xafvq6v6hg]{color:#676767;font:400 12px/1.04 Roboto,Helvetica,Arial,serif;letter-spacing:.1000000015px;margin:5px 11px 0 0}
.section5__flexCol3[b-xafvq6v6hg]{display:flex;flex:0 1 131px;flex-direction:column;margin:7px 0}
.section5__flexRow3[b-xafvq6v6hg]{align-items:center;display:flex}
.section5__flexRow3 > .cell[b-xafvq6v6hg]{display:flex;flex:0 1 8px;flex-direction:column}
.section5__flexRow3 > .cell1[b-xafvq6v6hg]{display:flex;flex:0 0 49px;flex-direction:column;min-width:49px}
.section5__info5[b-xafvq6v6hg]{color:#000;flex-grow:1;font:500 12px/1.04 Roboto,Helvetica,Arial,serif;letter-spacing:.1000000015px;margin:0 0 0 7px}
.section5__box19[b-xafvq6v6hg]{background-color:#fff;border-radius:20px 20px 20px 20px;display:flex;flex-direction:column;margin:32px 0 0}
.section5__flexCol4[b-xafvq6v6hg]{display:flex;flex-direction:column;flex-grow:1;margin:24px}
.section5__text4[b-xafvq6v6hg]{color:#000;flex:0 0 auto;font:500 14px/1.42 Roboto,Helvetica,Arial,serif;letter-spacing:.5px;min-width:73px}
.section5__flexRow3 > .spacer[b-xafvq6v6hg]{flex:0 1 521px}
.section5__text41[b-xafvq6v6hg]{color:#000;flex:0 0 auto;font:500 14px/1.42 Roboto,Helvetica,Arial,serif;letter-spacing:.5px;min-width:116px}
.section5__image3[b-xafvq6v6hg]{aspect-ratio:78.89;border-radius:4.5px 4.5px 4.5px 4.5px;height:auto;margin:6px 0 0;object-fit:cover;object-position:center center;vertical-align:top;width:calc(100% - 0px)}
.section5__box191[b-xafvq6v6hg]{background-color:#fff;border-radius:20px 20px 20px 20px;display:flex;flex-direction:column;margin:7px 0 0}
.section5__text42[b-xafvq6v6hg]{color:#000;flex:0 0 auto;font:500 14px/1.42 Roboto,Helvetica,Arial,serif;letter-spacing:.5px;min-width:98px}
.section5__flexRow3 > .spacer1[b-xafvq6v6hg]{flex:0 1 496px}
.section5__flexRow > .cell1[b-xafvq6v6hg]{display:flex;flex:1 1 652px;flex-direction:column}
.section5__flexCol5[b-xafvq6v6hg]{display:flex;flex-direction:column;flex-grow:1;margin:0 0 17px}
.section5__box15[b-xafvq6v6hg]{background-color:#fff;border-radius:14px 14px 14px 14px;display:flex;filter:drop-shadow(0px 2px 2px rgba(0,0,0,0.058));flex-direction:column}
.section5__flexRow4[b-xafvq6v6hg]{align-items:center;column-gap:16px;display:flex;flex-grow:1;margin:16px 16px 15px}
.section5__flexRow4 > .search-input-2-label[b-xafvq6v6hg]{flex-grow:1;padding:0}
.section5__flexRow4 > .search-input-2-label:focus-within[b-xafvq6v6hg]{border-bottom:1px solid #676767}
.section5__flexRow4 > .cell[b-xafvq6v6hg]{display:flex;flex:0 1 16px;flex-direction:column}
.search-input-2[b-xafvq6v6hg]{border:0;font-size:1rem;padding:0;vertical-align:top;width:100%}
.search-input-2:focus[b-xafvq6v6hg]{outline:none}
.search-filter > :hover[b-xafvq6v6hg]{color:#373737;cursor:pointer}
.section5__flexRow4 > .spacer[b-xafvq6v6hg]{flex:0 1 16px}
.section5__flexRow4 > .spacer1[b-xafvq6v6hg]{flex:0 1 394px}
.section5__group[b-xafvq6v6hg]{display:flex;flex:0 1 19px;flex-direction:column;margin:1px 0;position:relative}
.section5__box16[b-xafvq6v6hg]{background-color:#fff;border-radius:10px 10px 10px 10px;bottom:-278px;box-shadow:0 4px 4px 0 rgba(0,0,0,0.247);display:flex;flex-direction:column;left:-174px;position:absolute;right:-31px;top:9px;z-index:3}
.section5__flexCol7[b-xafvq6v6hg]{display:flex;flex-direction:column;flex-grow:1;margin:10px}
.section5__info1[b-xafvq6v6hg]{color:#86878a;font:400 12px/1.25 Inter,Helvetica,Arial,serif;letter-spacing:.6px;margin:0 10px}
.filter-label[b-xafvq6v6hg]{align-items:center;border-radius:4px 4px 4px 4px;display:flex;justify-content:space-between;margin:5px;padding:5px 10px}
.filter-label.checked[b-xafvq6v6hg]{background-color:#f0f4f7}
.filter-label:hover[b-xafvq6v6hg]{background-color:#f0f4f7;cursor:pointer}
.section5__text3[b-xafvq6v6hg]{color:#25213b;flex:0 0 auto;font:400 14px/1.21 Inter,Helvetica,Arial,serif;letter-spacing:.7px;min-width:53px}
.filter-label > .spacer[b-xafvq6v6hg]{flex:0 1 116px}
.filter-label > .spacer1[b-xafvq6v6hg]{flex:0 1 90px}
.section5__flexRow6 > .spacer[b-xafvq6v6hg]{flex:0 1 92px}
.section5__flexRow7 > .spacer[b-xafvq6v6hg]{flex:0 1 102px}
.section5__line[b-xafvq6v6hg]{background-color:#f0f4f7;height:1px;margin:10px 0 0}
.section5__info11[b-xafvq6v6hg]{color:#86878a;font:400 12px/1.25 Inter,Helvetica,Arial,serif;letter-spacing:.6px;margin:10px 10px 0}
.section5__box8[b-xafvq6v6hg]{background-color:#fff;border-radius:20px 20px 20px 20px;display:flex;flex-direction:column;margin:17px 0 0 1px;min-height:96px}
.section5__list[b-xafvq6v6hg]{align-content:flex-start;align-items:start;column-gap:16px;display:flex;flex-grow:1;flex-wrap:wrap;margin:16px;row-gap:16px}
.section5__box9[b-xafvq6v6hg]{background-color:#caffe2;border-radius:10px 10px 10px 10px;display:flex;flex:0 0 61px;flex-direction:column}
.section5__flexRow8[b-xafvq6v6hg]{align-items:center;display:flex;flex-grow:1;margin:6px 8px}
.section5__text1[b-xafvq6v6hg]{color:#000;flex:0 0 auto;font:400 14px/1.07 Roboto,Helvetica,Arial,serif;letter-spacing:0;min-width:32px}
.section5__box14[b-xafvq6v6hg]{background-color:#fbb;border-radius:10px 10px 10px 10px;display:flex;flex:0 0 81px;flex-direction:column}
.section5__text14[b-xafvq6v6hg]{color:#000;flex:0 0 auto;font:400 14px/1.07 Roboto,Helvetica,Arial,serif;letter-spacing:0;min-width:52px}
.section5__flexCol8[b-xafvq6v6hg]{display:flex;flex-direction:column;margin:10px 0 0 3px;overflow-y:auto;row-gap:6px; padding: 6px}
.section5__box6[b-xafvq6v6hg]{background-color:#fff;border-radius:20px 20px 20px 20px;box-shadow:0 4px 4px 0 rgba(0,0,0,0.098);display:flex;flex-direction:column;flex-shrink:1;min-height:86px;overflow:hidden}
.section5__box6.selected[b-xafvq6v6hg]{border: 2px solid var(--blue-ribbon-700)}
.section5__flexRow9[b-xafvq6v6hg]{align-items:center;column-gap:16px;display:flex;flex-grow:1;margin:24px}
.section5__flexCol3 > .cell[b-xafvq6v6hg],.section5__flexCol4 > .cell[b-xafvq6v6hg],.section5__flexCol4 > .cell1[b-xafvq6v6hg],.section5__flexCol > .cell[b-xafvq6v6hg],.section5__flexCol6[b-xafvq6v6hg]{display:flex;flex-direction:column}
@media (max-width: 1399px) {
    .section5__flexRow9[b-xafvq6v6hg]{align-items:center;column-gap:16px;justify-content:flex-start}
}
.section5__flexRow9 > .cell[b-xafvq6v6hg]{display:flex;flex:0 1 38px;flex-direction:column}
.section5__icon2[b-xafvq6v6hg]{aspect-ratio:1;border-radius:19px 19px 19px 19px;height:auto;min-width:38px;object-fit:cover;object-position:center center;vertical-align:top;width:38px}
.section5__flexRow9 > .cell1[b-xafvq6v6hg]{display:flex;flex:1 1 123px;flex-direction:column}
@media (max-width: 1399px) {
    .section5__flexRow9 > .cell1[b-xafvq6v6hg]{min-width:unset}
}
.section5__flexCol9[b-xafvq6v6hg]{display:flex;flex-direction:column;flex-grow:1;white-space:nowrap}
.section5__highlights3[b-xafvq6v6hg]{color:#000;font:600 16px/1.25 Roboto,Helvetica,Arial,serif;letter-spacing:.3000000119px;margin:0}
.section5__info[b-xafvq6v6hg]{color:#373737;font:400 12px/1.5 Roboto,Helvetica,Arial,serif;letter-spacing:.5px}
.section5__flexRow9 > .cell2[b-xafvq6v6hg]{flex:0 1 66px}
.section5__flexCol10[b-xafvq6v6hg]{align-items:center;column-gap:5px;display:flex;flex:0 0 100px;flex-grow:0;justify-content:space-between;margin:0 0 1px}
.section5__flexCol10 > .cell[b-xafvq6v6hg]{column-gap:5px;display:flex}
.section5__image1[b-xafvq6v6hg]{aspect-ratio:2;border-radius:3.5px 3.5px 3.5px 3.5px;height:auto;min-width:14px;object-fit:cover;object-position:center center;vertical-align:top;width:14px}
.section5__flexRow9 > .cell4[b-xafvq6v6hg]{display:flex;flex:1 0 auto;flex-direction:column}
@media (max-width: 1399px) {
    .section5__flexRow9 > .cell4[b-xafvq6v6hg]{min-width:unset}
}
.section5__flexRow10 > .cell[b-xafvq6v6hg]{display:flex;flex:0 1 14px;flex-direction:column}
.table-header[b-xafvq6v6hg]{column-gap:10px;display:flex;font-size:1.3rem}
/*.Root{height:calc(100vh - 64px);overflow-y:scroll}*/
/* /Pages/Trading/SellerTradingScreen.razor.rz.scp.css */
.verified-badge[b-03ozrwk0er] {
    margin-left: 1px;
    display: inline-block;
    vertical-align: middle;
}

.section1__big_title[b-03ozrwk0er] {
    font: 700 34px/1.2 Lato, Helvetica, Arial, serif
}

.seller-stats[b-03ozrwk0er] {
    background-image: url(https://res.cloudinary.com/malikbanks/image/upload/v1676985124/stock-bg.svg);
}

/*Table row colors*/
.rz-grid-table-striped tbody > tr:not(.rz-expanded-row-content):nth-child(even) > td[b-03ozrwk0er] {
    background-color: #ffffff !important;
}

tbody tr:nth-of-type(odd)[b-03ozrwk0er] {
    background-color: rgb(255 255 255) !important;
}
/*Table row colors*/


#number[b-03ozrwk0er] {
    color: #555;
    font-size: 1rem;
    font-weight: 600
}

.product-header[b-03ozrwk0er] {
    width: 100%;
    height: 100%;
    background-color: #0b5f13;
    color: #ffffff;
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1;
    padding: 5px;
}

.negotiate-header[b-03ozrwk0er] {
    width: 100%;
    height: 100%;
    background-color: #247d2c;
    position: absolute;
    color: #ffffff;
    top: 0;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1;
    padding: 5px;
}

.competitor-header[b-03ozrwk0er] {
    text-align: center;
    width: 100%;
    height: 100%;
    background-color: #49a752;
    color: #ffffff;
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}

.helper-header[b-03ozrwk0er] {
    text-align: center;
    width: 100%;
    height: 100%;
    background-color: #6966db;
    color: #ffffff;
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}

.inner[b-03ozrwk0er] {
    align-items: center;
    border-radius: 50%;
    box-shadow: inset 4px 4px 6px -1px rgba(0, 0, 0, 0.2), inset -4px -4px 6px -1px rgba(255, 255, 255, 0.7), -.5px -.5px 0 rgba(255, 255, 255, 1), .5px .5px 0 rgba(0, 0, 0, 0.15), 0 12px 10px -10px rgba(0, 0, 0, 0.05);
    display: flex;
    height: 100%;
    justify-content: center;
    width: 100%
}

.outer[b-03ozrwk0er] {
    border-radius: 50%;
    bottom: 0;
    box-shadow: 6px 6px 10px -1px rgba(0, 0, 0, 0.15), -6px -6px 10px -1px rgba(255, 255, 255, 0.7);
    height: 80%;
    left: 0;
    margin: auto;
    padding: 10%;
    position: absolute;
    right: 0;
    top: 0;
    width: 80%
}

.progress-circle[b-03ozrwk0er] {
    fill: none;
    stroke-linecap: round;
    stroke-width: 10%
}

.progress-wrapper[b-03ozrwk0er] {
    height: var(--progress-wrapper-size);
    position: relative;
    width: var(--progress-wrapper-size)
}

.progress-wrapper svg[b-03ozrwk0er] {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.section3__box[b-03ozrwk0er] {
    background-color: #fff;
    border-radius: 20px 20px 20px 20px;
    display: flex;
    filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.247));
    flex-direction: column;
    flex-grow: 1;
    position: relative
}

.section3__box-accepted .progress-circle[b-03ozrwk0er] {
    stroke: url(#gradient-color-accepted)
}

.section3__box-accepted .stat-icon-wrapper[b-03ozrwk0er] {
    background-color: #2AB849
}

.section3__box-completed .progress-circle[b-03ozrwk0er] {
    stroke: url(#gradient-color-completed)
}

.section3__box-completed .stat-icon-wrapper[b-03ozrwk0er] {
    background-color: #731AE5
}

.section3__box-passed .progress-circle[b-03ozrwk0er] {
    stroke: url(#gradient-color-passed)
}

.section3__box-passed .stat-icon-wrapper[b-03ozrwk0er] {
    background-color: #FC6973
}

.section3__box-pending .progress-circle[b-03ozrwk0er] {
    stroke: url(#gradient-color-pending)
}

.section3__box-pending .stat-icon-wrapper[b-03ozrwk0er] {
    background-color: #4363F8
}

.section3__content_box[b-03ozrwk0er] {
    display: flex;
    flex: 0 1 59px;
    flex-direction: column;
    position: relative
}

.section3__flexRow[b-03ozrwk0er] {
    -moz-column-gap: 22px;
    -moz-row-gap: 22px;
    align-items: center;
    column-gap: 22px;
    display: flex;
    flex-grow: 1;
    flex-wrap: wrap;
    justify-content: center;
    overflow: visible;
    row-gap: 22px;
    width: 100%
}

.section3__flexRow > .cell[b-03ozrwk0er] {
    display: flex;
    flex: 1 1 200px;
    flex-direction: column;
    position: relative
}

.section3__flexRow1[b-03ozrwk0er] {
    -moz-column-gap: 16px;
    align-items: center;
    column-gap: 16px;
    display: flex;
    flex-grow: 1;
    margin: 24px;
    position: relative
}

.section3__flexRow1 > .cell[b-03ozrwk0er] {
    display: flex;
    flex: 0 1 40px;
    flex-direction: column;
    position: relative
}

.section3__highlights1[b-03ozrwk0er] {
    color: #000;
    flex: 1 0 auto;
    font: 600 19px/1.05 Roboto, Helvetica, Arial, serif;
    margin: 20px 0 19px;
    min-width: 151px;
    position: relative
}

.section3__highlights2[b-03ozrwk0er] {
    color: #fff;
    flex-grow: 1;
    font: 600 16px/1.43 Roboto, Helvetica, Arial, serif;
    margin: 2px 18px;
    position: relative
}

.section3__section3[b-03ozrwk0er] {
    display: flex;
    flex-direction: column;
    min-height: 134px
}

.section3_notification__box[b-03ozrwk0er] {
    background-color: #000;
    border-radius: 15px;
    display: none;
    flex-direction: column;
    height: 27px;
    position: absolute;
    right: -10px;
    top: -14px;
    width: 46px
}

.stat-icon-wrapper[b-03ozrwk0er] {
    align-items: center;
    border-radius: 50%;
    box-shadow: 0 0 12px 0 rgba(184, 223, 192, 0.466);
    color: #fff;
    display: flex;
    font-size: 1.2rem;
    font-weight: 900;
    height: var(--stat-icon-size);
    justify-content: center;
    width: var(--stat-icon-size)
}

.flexCol[b-03ozrwk0er] {
    display: flex;
    flex-direction: column;
    margin: 41px auto;
    position: relative;
    width: 100%
}

.flexRow[b-03ozrwk0er] {
    align-items: center;
    column-gap: 16px;
    display: flex;
    flex: 1 1 auto;
    justify-content: space-between;
    position: relative;
    background: #b9f3bf;
}

.tabs-wrapper[b-03ozrwk0er] {
    align-items: center;
    column-gap: 14px;
    display: flex;
    justify-content: space-between;
    margin: 0 1px;
    transition-duration: .3s;
    transition-property: color
}

.tabs-wrapper > .cell:hover[b-03ozrwk0er] {
    background: #f2f2f2;
}

.tabs-wrapper > .cell[b-03ozrwk0er] {
    color: #86878a;
    display: flex;
    flex-direction: column;
    font: 500 14px/1.21 Inter, Helvetica, Arial, serif;
    letter-spacing: 1px;
    padding: 5px;
    position: relative;
    text-align: center;
    background: #ffffff;
}

    .tabs-wrapper > .active-lt-tab[b-03ozrwk0er] {
        color: #ffffff;
        font: 500 14px/1.21 Inter, Helvetica, Arial, serif;
        letter-spacing: 1px;
        background-color: #25852f;
        border-radius: 5px;
        border-width: 0 !important;
    }

        .tabs-wrapper > .active-lt-tab:hover[b-03ozrwk0er] {
            color: #ffffff;
            font: 500 14px/1.21 Inter,Helvetica,Arial,serif;
            letter-spacing: 1px;
            background-color: #25852f;
        }

        .tabs-wrapper > .active-lt-tab .stock-counter-badge[b-03ozrwk0er] {
            background-color: #ffffff !important;
            font: 500 14px/1.21 Inter,Helvetica,Arial,serif;
            letter-spacing: 1px;
            color: #25852f !important;
        }

.stock-counter-badge[b-03ozrwk0er] {
    background-color: rgba(50, 81, 104, 0.08);
    padding: 0 4px;
    border-radius: 4px;
}

.rz-data-grid-table > .rz-grid-table[b-03ozrwk0er] {
    width: auto !important;
}

table[b-03ozrwk0er] {
    width: auto !important;
}

.text7_box[b-03ozrwk0er] {
    display: flex;
    flex: 0 0 auto;
    justify-content: flex-end;
    min-width: 358px;
    position: relative
}

.text7[b-03ozrwk0er] {
    color: #000;
    font: 500 14px/1.21 Inter, Helvetica, Arial, serif;
    letter-spacing: 0;
    text-align: right
}

.text7_span0[b-03ozrwk0er] {
    color: #86878a;
    font: 500 1em/1.21 Inter, Helvetica, Arial, serif;
    font-style: normal;
    letter-spacing: 0
}

.text7_span1[b-03ozrwk0er] {
    color: #25213b;
    font: 1em/1.21 Inter, Helvetica, Arial, serif;
    font-style: normal;
    letter-spacing: 0
}

.text7_span2[b-03ozrwk0er] {
    color: #005ef6;
    font: 700 1.2857142857em/1.22 Inter, Helvetica, Arial, serif;
    font-style: normal;
    letter-spacing: 0
}

.text7_span3[b-03ozrwk0er] {
    color: #86878a;
    font: 1.2857142857em/1.22 Inter, Helvetica, Arial, serif;
    font-style: normal;
    letter-spacing: 0
}

.flexRow2[b-03ozrwk0er] {
    align-items: center;
    display: flex;
    flex: 1 1 auto;
    position: relative
}

.box22[b-03ozrwk0er] {
    background-color: #fff;
    border-radius: 5px 5px 5px 5px;
    display: flex;
    flex: 0 1 134px;
    flex-direction: column;
    outline: 1px solid #a9d4ff;
    outline-offset: -1px;
    position: relative
}

.group[b-03ozrwk0er] {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    margin: 5px;
    position: relative
}

.quick_action_btn[b-03ozrwk0er] {
    align-items: center;
    column-gap: 11px;
    display: flex;
    flex-grow: 1
}

.filter-icon[b-03ozrwk0er] {
    color: #2F80ED;
    height: auto;
    min-width: 21px;
    width: 21px
}

.highlights6[b-03ozrwk0er] {
    color: #25213b;
    flex: 0 0 auto;
    font: 400 16px/1.18 Inter, Helvetica, Arial, serif;
    letter-spacing: 0;
    margin: 1px 0 0;
    min-width: 92px;
    position: relative
}

.quick_actions[b-03ozrwk0er] {
    background-color: #fff;
    border-radius: 5px;
    bottom: -83px;
    display: flex;
    filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.2));
    flex-direction: column;
    left: 0;
    padding: 0;
    position: absolute;
    top: 25px;
    width: 165px;
    z-index: 3;
    height: fit-content;
}

.quick_actions .cell:hover[b-03ozrwk0er] {
    background-color: rgba(0, 0, 0, 0.1);
    cursor: pointer
}

.flexCol1[b-03ozrwk0er] {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    margin: 9px;
    min-width: 0;
    position: relative;
    width: fit-content
}

.flexCol1 > .cell[b-03ozrwk0er] {
    white-space: nowrap
}

.text3[b-03ozrwk0er] {
    color: #25213b;
    flex-grow: 1;
    font: 400 14px/1.21 Inter, Helvetica, Arial, serif;
    letter-spacing: .7px;
    margin: 0 5px 0 0;
    position: relative
}

.flexCol1 > .cell1[b-03ozrwk0er] {
    display: flex;
    flex: 1 1 31px;
    flex-direction: column;
    position: relative
}

.text31[b-03ozrwk0er] {
    color: #25213b;
    flex-grow: 1;
    font: 400 14px/1.21 Inter, Helvetica, Arial, serif;
    letter-spacing: .6px;
    margin: 14px 0 0;
    position: relative
}

.text9[b-03ozrwk0er] {
    color: #007f00;
    flex-grow: 1;
    font: 400 14px/1.21 Inter, Helvetica, Arial, serif;
    letter-spacing: .7px;
    margin: 14px 12px 0 0;
    position: relative
}

.text10[b-03ozrwk0er] {
    color: #d30000;
    flex-grow: 1;
    font: 400 14px/1.21 Inter, Helvetica, Arial, serif;
    letter-spacing: .6px;
    margin: 14px 31px 0 0;
    position: relative
}

.image11[b-03ozrwk0er] {
    aspect-ratio: 1.05;
    border-radius: 10px 10px 10px 10px;
    height: auto;
    object-fit: cover;
    object-position: center center;
    position: absolute;
    right: -10px;
    top: 0;
    vertical-align: top;
    width: 21px
}

.flexRow2 > .spacer[b-03ozrwk0er] {
    flex: 0 1 39px
}

.box23[b-03ozrwk0er] {
    border-radius: 5px 5px 5px 5px;
    display: flex;
    flex: 1 0 300px;
    flex-direction: column;
    outline: 1px solid #86878a;
    outline-offset: -1px
}

.flexRow4[b-03ozrwk0er] {
    align-items: stretch;
    column-gap: 14px;
    display: flex;
    flex-grow: 1;
    margin: 5px
}

.search-input-2_box[b-03ozrwk0er] {
    flex: 1 1 226px;
    margin: 3px 0;
    position: relative
}

.search-icon[b-03ozrwk0er] {
    align-self: center;
    flex: 0 1 auto
}

.search-input-2[b-03ozrwk0er] {
    background-color: transparent;
    border: 0;
    color: #000;
    font: 12px/1.25 Inter, Helvetica, Arial, serif;
    letter-spacing: 0;
    margin: 0;
    padding: 0;
    vertical-align: top;
    width: 100%
}

.search-input-2:focus[b-03ozrwk0er] {
    outline: none
}

.table_container[b-03ozrwk0er] {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    margin: 10px auto;
    min-height: 500px;
    position: relative;
    width: 100%
}

.row > .spacer[b-03ozrwk0er] {
    flex: 0 1 40px
}

.row1 > .cell1[b-03ozrwk0er] {
    display: flex;
    flex: 0 0 69px;
    flex-direction: column;
    min-width: 69px;
    position: relative
}

.row > .cell1[b-03ozrwk0er] {
    display: flex;
    flex: 0 1 4px;
    flex-direction: column;
    position: relative
}

.row2 > .spacer[b-03ozrwk0er] {
    flex: 0 1 20px
}

.table_container > .cell[b-03ozrwk0er] {
    display: flex;
    flex: 1 1 45px;
    flex-direction: column;
    position: relative
}

.row6 > .cell[b-03ozrwk0er] {
    display: flex;
    flex: 0 1 6px;
    flex-direction: column;
    position: relative
}

.row6 > .spacer[b-03ozrwk0er] {
    flex: 0 1 50px
}

.quick_action_btn > .cell[b-03ozrwk0er] {
    display: flex;
    flex: 0 1 21px;
    flex-direction: column;
    position: relative
}

.row > .cell[b-03ozrwk0er], .row3 > .cell[b-03ozrwk0er] {
    display: flex;
    flex: 0 1 15px;
    flex-direction: column;
    position: relative
}

.row1 > .cell[b-03ozrwk0er], .row5 > .cell[b-03ozrwk0er] {
    display: flex;
    flex: 0 1 8px;
    flex-direction: column;
    position: relative
}

.section5__section5[b-03ozrwk0er] {
    background: #F0F4F7;
    display: flex;
    flex-direction: column;
    min-height: 745px
}

.section5__flexRow[b-03ozrwk0er] {
    align-items: start;
    column-gap: 45px;
    display: flex;
    flex-grow: 1;
    padding: 10px
}

@media (max-width: 1399px) {
    .section5__flexRow[b-03ozrwk0er] {
        align-items: flex-start;
        column-gap: 45px;
        justify-content: flex-start
    }
}

.section5__flexRow > .cell[b-03ozrwk0er] {
    display: flex;
    flex: 1 1 774px;
    flex-direction: column
}

@media (max-width: 1399px) {
    .section5__flexRow > .cell[b-03ozrwk0er] {
        min-width: unset
    }
}

.section5__flexCol[b-03ozrwk0er] {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    margin: 4px 0 0
}

.section5__box18[b-03ozrwk0er] {
    background-color: #fff;
    border-radius: 8px 8px 8px 8px;
    display: flex;
    flex-direction: column;
    overflow: hidden
}

.section5__flexCol1[b-03ozrwk0er] {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    margin: 39px 16px 91px 0
}

.section5__box20[b-03ozrwk0er] {
    background-color: #fff;
    border-radius: 20px 20px 20px 20px;
    display: flex;
    flex-direction: column;
    margin: 0 53.3% 0 3.17%;
    width: 43.54%
}

.section5__flexRow1[b-03ozrwk0er] {
    align-items: center;
    column-gap: 16px;
    display: flex;
    flex-grow: 1;
    margin: 20px
}

.section5__flexCol2[b-03ozrwk0er] {
    display: flex;
    flex: 0 1 129px;
    flex-direction: column
}

.section5__info2[b-03ozrwk0er] {
    color: #676767;
    font: 500 12px/1.04 Roboto, Helvetica, Arial, serif;
    letter-spacing: .1000000015px;
    margin: 0
}

.section5__flexRow2[b-03ozrwk0er] {
    align-items: center;
    display: flex;
    margin: 5px 0 0
}

.section5__highlights5[b-03ozrwk0er] {
    color: #000;
    flex: 0 0 auto;
    font: 700 17px/1.17 Roboto, Helvetica, Arial, serif;
    letter-spacing: .1000000015px;
    min-width: 75px
}

.section5__flexRow2 > .cell[b-03ozrwk0er] {
    display: flex;
    flex: 0 1 54px;
    flex-direction: column
}

.section5__box21[b-03ozrwk0er] {
    background-color: #d1ffd6;
    border-radius: 4px 4px 4px 4px;
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    margin: 1px 0 0 9px
}

.section5__info3[b-03ozrwk0er] {
    color: #000;
    flex-grow: 1;
    font: 400 12px/1.04 Roboto, Helvetica, Arial, serif;
    letter-spacing: .1000000015px;
    margin: 3px 6px
}

.section5__info4[b-03ozrwk0er] {
    color: #676767;
    font: 400 12px/1.04 Roboto, Helvetica, Arial, serif;
    letter-spacing: .1000000015px;
    margin: 5px 11px 0 0
}

.section5__flexCol3[b-03ozrwk0er] {
    display: flex;
    flex: 0 1 131px;
    flex-direction: column;
    margin: 7px 0
}

.section5__flexRow3[b-03ozrwk0er] {
    align-items: center;
    display: flex
}

.section5__flexRow3 > .cell[b-03ozrwk0er] {
    display: flex;
    flex: 0 1 8px;
    flex-direction: column
}

.section5__flexRow3 > .cell1[b-03ozrwk0er] {
    display: flex;
    flex: 0 0 49px;
    flex-direction: column;
    min-width: 49px
}

.section5__info5[b-03ozrwk0er] {
    color: #000;
    flex-grow: 1;
    font: 500 12px/1.04 Roboto, Helvetica, Arial, serif;
    letter-spacing: .1000000015px;
    margin: 0 0 0 7px
}

.section5__box19[b-03ozrwk0er] {
    background-color: #fff;
    border-radius: 20px 20px 20px 20px;
    display: flex;
    flex-direction: column;
    margin: 32px 0 0
}

.section5__flexCol4[b-03ozrwk0er] {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    margin: 24px
}

.section5__text4[b-03ozrwk0er] {
    color: #000;
    flex: 0 0 auto;
    font: 500 14px/1.42 Roboto, Helvetica, Arial, serif;
    letter-spacing: .5px;
    min-width: 73px
}

.section5__flexRow3 > .spacer[b-03ozrwk0er] {
    flex: 0 1 521px
}

.section5__text41[b-03ozrwk0er] {
    color: #000;
    flex: 0 0 auto;
    font: 500 14px/1.42 Roboto, Helvetica, Arial, serif;
    letter-spacing: .5px;
    min-width: 116px
}

.section5__image3[b-03ozrwk0er] {
    aspect-ratio: 78.89;
    border-radius: 4.5px 4.5px 4.5px 4.5px;
    height: auto;
    margin: 6px 0 0;
    object-fit: cover;
    object-position: center center;
    vertical-align: top;
    width: calc(100% - 0px)
}

.section5__box191[b-03ozrwk0er] {
    background-color: #fff;
    border-radius: 20px 20px 20px 20px;
    display: flex;
    flex-direction: column;
    margin: 7px 0 0
}

.section5__text42[b-03ozrwk0er] {
    color: #000;
    flex: 0 0 auto;
    font: 500 14px/1.42 Roboto, Helvetica, Arial, serif;
    letter-spacing: .5px;
    min-width: 98px
}

.section5__flexRow3 > .spacer1[b-03ozrwk0er] {
    flex: 0 1 496px
}

.section5__flexRow > .cell1[b-03ozrwk0er] {
    display: flex;
    flex: 1 1 652px;
    flex-direction: column
}

.section5__flexCol5[b-03ozrwk0er] {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    margin: 0 0 17px
}

.section5__box15[b-03ozrwk0er] {
    background-color: #fff;
    border-radius: 14px 14px 14px 14px;
    display: flex;
    filter: drop-shadow(0px 2px 2px rgba(0, 0, 0, 0.058));
    flex-direction: column
}

.section5__flexRow4[b-03ozrwk0er] {
    align-items: center;
    column-gap: 16px;
    display: flex;
    flex-grow: 1;
    margin: 16px 16px 15px
}

.section5__flexRow4 > .search-input-2-label[b-03ozrwk0er] {
    flex-grow: 1;
    padding: 0
}

.section5__flexRow4 > .search-input-2-label:focus-within[b-03ozrwk0er] {
    border-bottom: 1px solid #676767
}

.section5__flexRow4 > .cell[b-03ozrwk0er] {
    display: flex;
    flex: 0 1 16px;
    flex-direction: column
}

.search-input-2[b-03ozrwk0er] {
    border: 0;
    font-size: 1rem;
    padding: 0;
    vertical-align: top;
    width: 100%
}

.search-input-2:focus[b-03ozrwk0er] {
    outline: none
}

.search-filter > :hover[b-03ozrwk0er] {
    color: #373737;
    cursor: pointer
}

.section5__flexRow4 > .spacer[b-03ozrwk0er] {
    flex: 0 1 16px
}

.section5__flexRow4 > .spacer1[b-03ozrwk0er] {
    flex: 0 1 394px
}

.section5__group[b-03ozrwk0er] {
    display: flex;
    flex: 0 1 19px;
    flex-direction: column;
    margin: 1px 0;
    position: relative
}

.section5__box16[b-03ozrwk0er] {
    background-color: #fff;
    border-radius: 10px 10px 10px 10px;
    bottom: -278px;
    box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.247);
    display: flex;
    flex-direction: column;
    left: -174px;
    position: absolute;
    right: -31px;
    top: 9px;
    z-index: 3
}

.section5__flexCol7[b-03ozrwk0er] {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    margin: 10px
}

.section5__info1[b-03ozrwk0er] {
    color: #86878a;
    font: 400 12px/1.25 Inter, Helvetica, Arial, serif;
    letter-spacing: .6px;
    margin: 0 10px
}

.filter-label[b-03ozrwk0er] {
    align-items: center;
    border-radius: 4px 4px 4px 4px;
    display: flex;
    justify-content: space-between;
    margin: 5px;
    padding: 5px 10px
}

.filter-label.checked[b-03ozrwk0er] {
    background-color: #f0f4f7
}

.filter-label:hover[b-03ozrwk0er] {
    background-color: #f0f4f7;
    cursor: pointer
}

.section5__text3[b-03ozrwk0er] {
    color: #25213b;
    flex: 0 0 auto;
    font: 400 14px/1.21 Inter, Helvetica, Arial, serif;
    letter-spacing: .7px;
    min-width: 53px
}

.filter-label > .spacer[b-03ozrwk0er] {
    flex: 0 1 116px
}

.filter-label > .spacer1[b-03ozrwk0er] {
    flex: 0 1 90px
}

.section5__flexRow6 > .spacer[b-03ozrwk0er] {
    flex: 0 1 92px
}

.section5__flexRow7 > .spacer[b-03ozrwk0er] {
    flex: 0 1 102px
}

.section5__line[b-03ozrwk0er] {
    background-color: #f0f4f7;
    height: 1px;
    margin: 10px 0 0
}

.section5__info11[b-03ozrwk0er] {
    color: #86878a;
    font: 400 12px/1.25 Inter, Helvetica, Arial, serif;
    letter-spacing: .6px;
    margin: 10px 10px 0
}

.section5__box8[b-03ozrwk0er] {
    background-color: #fff;
    border-radius: 20px 20px 20px 20px;
    display: flex;
    flex-direction: column;
    margin: 17px 0 0 1px;
    min-height: 96px
}

.section5__list[b-03ozrwk0er] {
    align-content: flex-start;
    align-items: start;
    column-gap: 16px;
    display: flex;
    flex-grow: 1;
    flex-wrap: wrap;
    margin: 16px;
    row-gap: 16px
}


.section5__box9[b-03ozrwk0er] {
    background-color: #caffe2;
    border-radius: 10px 10px 10px 10px;
    display: flex;
    flex: 0 0 61px;
    flex-direction: column
}

.section5__flexRow8[b-03ozrwk0er] {
    align-items: center;
    display: flex;
    flex-grow: 1;
    margin: 6px 8px
}

.section5__text1[b-03ozrwk0er] {
    color: #000;
    flex: 0 0 auto;
    font: 400 14px/1.07 Roboto, Helvetica, Arial, serif;
    letter-spacing: 0;
    min-width: 32px
}

.section5__box14[b-03ozrwk0er] {
    background-color: #fbb;
    border-radius: 10px 10px 10px 10px;
    display: flex;
    flex: 0 0 81px;
    flex-direction: column
}

.section5__text14[b-03ozrwk0er] {
    color: #000;
    flex: 0 0 auto;
    font: 400 14px/1.07 Roboto, Helvetica, Arial, serif;
    letter-spacing: 0;
    min-width: 52px
}

.section5__flexCol8[b-03ozrwk0er] {
    display: flex;
    flex-direction: column;
    margin: 10px 0 0 3px;
    overflow-y: auto;
    row-gap: 6px;
    padding: 6px
}

.section5__box6[b-03ozrwk0er] {
    background-color: #fff;
    border-radius: 20px 20px 20px 20px;
    box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.098);
    display: flex;
    flex-direction: column;
    flex-shrink: 1;
    min-height: 86px;
    overflow: hidden;
    cursor: pointer;
}

.section5__box6.selected[b-03ozrwk0er] {
    border: 2px solid var(--blue-ribbon-700)
}

.section5__flexRow9[b-03ozrwk0er] {
    align-items: center;
    column-gap: 16px;
    display: flex;
    flex-grow: 1;
    margin: 24px
}

.section5__flexCol3 > .cell[b-03ozrwk0er], .section5__flexCol4 > .cell[b-03ozrwk0er], .section5__flexCol4 > .cell1[b-03ozrwk0er], .section5__flexCol > .cell[b-03ozrwk0er], .section5__flexCol6[b-03ozrwk0er] {
    display: flex;
    flex-direction: column
}

@media (max-width: 1399px) {
    .section5__flexRow9[b-03ozrwk0er] {
        align-items: center;
        column-gap: 16px;
        justify-content: flex-start
    }
}

.section5__flexRow9 > .cell[b-03ozrwk0er] {
    display: flex;
    flex: 0 1 38px;
    flex-direction: column
}

.section5__icon2[b-03ozrwk0er] {
    aspect-ratio: 1;
    border-radius: 19px 19px 19px 19px;
    height: auto;
    min-width: 38px;
    object-fit: cover;
    object-position: center center;
    vertical-align: top;
    width: 38px
}

.section5__flexRow9 > .cell1[b-03ozrwk0er] {
    display: flex;
    flex: 1 1 123px;
    flex-direction: column
}

@media (max-width: 1399px) {
    .section5__flexRow9 > .cell1[b-03ozrwk0er] {
        min-width: unset
    }
}

.section5__flexCol9[b-03ozrwk0er] {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    white-space: nowrap
}

.section5__highlights3[b-03ozrwk0er] {
    color: #000;
    font: 600 16px/1.25 Roboto, Helvetica, Arial, serif;
    letter-spacing: .3000000119px;
    margin: 0
}

.section5__info[b-03ozrwk0er] {
    color: #373737;
    font: 400 12px/1.5 Roboto, Helvetica, Arial, serif;
    letter-spacing: .5px
}

.section5__flexRow9 > .cell2[b-03ozrwk0er] {
    flex: 0 1 66px
}

.section5__flexCol10[b-03ozrwk0er] {
    align-items: center;
    column-gap: 5px;
    display: flex;
    flex: 0 0 100px;
    flex-grow: 0;
    justify-content: space-between;
    margin: 0 0 1px
}

.section5__flexCol10 > .cell[b-03ozrwk0er] {
    column-gap: 5px;
    display: flex
}

.section5__image1[b-03ozrwk0er] {
    aspect-ratio: 2;
    border-radius: 3.5px 3.5px 3.5px 3.5px;
    height: auto;
    min-width: 14px;
    object-fit: cover;
    object-position: center center;
    vertical-align: top;
    width: 14px
}

.section5__flexRow9 > .cell4[b-03ozrwk0er] {
    display: flex;
    flex: 1 0 auto;
    flex-direction: column
}

@media (max-width: 1399px) {
    .section5__flexRow9 > .cell4[b-03ozrwk0er] {
        min-width: unset
    }
}

.section5__flexRow10 > .cell[b-03ozrwk0er] {
    display: flex;
    flex: 0 1 14px;
    flex-direction: column
}

.table-header[b-03ozrwk0er] {
    column-gap: 10px;
    display: flex;
    font-size: 1.3rem
}

.k-grid[b-03ozrwk0er] {
    max-height: 700px;
}


.k-card[b-03ozrwk0er] {
    padding: 20px;
    border-width: 0 0 1px 0;
    border-radius: 0;
    box-shadow: none;
    cursor: pointer;
}

    .k-card .k-card-body[b-03ozrwk0er],
    .k-card .k-card-actions[b-03ozrwk0er] {
        padding: 0 8px;
    }

    .k-card .k-card-image[b-03ozrwk0er] {
        max-width: unset;
    }

.k-card-horizontal > .k-card-image:last-child[b-03ozrwk0er] {
    border-radius: 0;
}



/*.Root{height:calc(100vh - 64px);overflow-y:scroll}*/

/*.custom-icons .k-hierarchy-cell .k-svg-icon.k-svg-i-minus svg path {
    d: path("M256 352 128 160h256L256 352z");
}

.custom-icons .k-hierarchy-cell .k-svg-icon.k-svg-i-plus svg path {
    d: path("M352 256 160 384V128l192 128z");
}*/
/* /Pages/UserProfile/MyBidHistoryUser.razor.rz.scp.css */
#main-referral-page[b-676llhmf5j] {
    min-height: 800px;
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: 1.5fr 0.5fr;
    gap: 0 0;
    grid-template-areas: 
    "."
    ".";

}

#top-referral-section[b-676llhmf5j] {
    width: 100%;

    overflow: hidden;
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: auto auto;

    grid-template-areas:
        "."
        ".";

}

#top-referral-card[b-676llhmf5j] {
    width: 100%;
    background: linear-gradient(135deg, rgb(29, 70, 139) 0%, rgb(28, 99, 217) 100%);
}

#referral-description[b-676llhmf5j] {
}


#referral-ribbon[b-676llhmf5j] {
}

#ribbon[b-676llhmf5j] {
    background: #2AC475;
    height: 90%;
    border-radius: 0 0 0.4rem 0.4rem;
    box-shadow: rgba(60, 64, 67, 0.3) 0 1px 2px 0, rgba(60, 64, 67, 0.15) 0 1px 3px 1px;
}

#ribbon-point[b-676llhmf5j] {
    font-size: 3rem;
    font-weight: 900;
    padding: 0;
}

#ribbon-name[b-676llhmf5j] {
    font-size: 1rem;
    font-weight: 500;
}

#bottom-referral-card[b-676llhmf5j] {

    width: 100%;
    background: white;
}


#copy-link-text[b-676llhmf5j] {
}

#copy-link-copy[b-676llhmf5j] {
}

#copy-link-copy #copy-link[b-676llhmf5j] {
    border-radius: 100px 0 0 100px;
    border: 2px solid grey;
    border-right: unset;
}

#copy-link-copy #copy-btn[b-676llhmf5j] {
    border-radius: 0 100px 100px 0;
    background: #2AC475;
}

#copy-link-copy #copy-btn:hover[b-676llhmf5j] {
    font-weight: 700 !important;

}

#copy-link-share[b-676llhmf5j] {

    height: 50%;
    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: max-content;
    grid-auto-rows: 1fr;
    grid-column-gap: 15px;
    grid-template-areas:
        ".";
    justify-content: center;
}

.social-pill[b-676llhmf5j] {
    border-radius: 100px;
    width: 186px;
    font-size: 1rem;
}

.social-pill:hover[b-676llhmf5j] {
    cursor: pointer;
    font-weight: 700;
}

.inset-hover:hover[b-676llhmf5j] {
    box-shadow: rgba(50, 50, 93, 0.25) 0 30px 60px -12px inset, rgba(0, 0, 0, 0.3) 0 18px 36px -18px inset;
}

#email-popover[b-676llhmf5j] {
    position: absolute;
    z-index: calc(var(--bs-backdrop-zindex) + 1);
}

.popover-content[b-676llhmf5j] {
    background: white;
    z-index: calc(var(--bs-backdrop-zindex) + 1);
}

#bottom-referral-section[b-676llhmf5j] {


}

.stat-card[b-676llhmf5j] {
    background: white;
    width: 25%;
    padding: 10px;
}

.stat-img[b-676llhmf5j] {

}

.stat-img img[b-676llhmf5j] {
    height: 150px;
    object-fit: scale-down;
}
/* /Pages/UserProfile/MyOfferSummery.razor.rz.scp.css */
.tabs-wrapper[b-pgq834smvy] {
    align-items: center;
    column-gap: 16px;
    display: flex;
    flex: 0 1 320px;
    margin: 0 1px;
    transition-duration: .3s;
    transition-property: color;
}

.tabs-wrapper > .cell:hover[b-pgq834smvy] {
    background: #f2f2f2;
}

.tabs-wrapper > .cell[b-pgq834smvy] {
    color: #86878a;
    display: flex;
    flex: 0 1 100px;
    flex-direction: column;
    font: 500 14px/1.21 Inter, Helvetica, Arial, serif;
    letter-spacing: 0;
    padding: 5px 3px;
    position: relative;
    text-align: center
}

.tabs-wrapper > .active-lt-tab[b-pgq834smvy] {
    color: #ffffff;
    font: 500 14px/1.21 Inter, Helvetica, Arial, serif;
    letter-spacing: 1px;
    background-color: #00348b;
}


.product-header[b-pgq834smvy] {
    width: 100%;
    height: 100%;
    background-color: #b8eaff;
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1;
    padding: 5px;
}

.negotiate-header[b-pgq834smvy] {
    text-align: center;
    width: 100%;
    height: 100%;
    background-color: #b8ffc3;
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}

.competitor-header[b-pgq834smvy] {
    text-align: center;
    width: 100%;
    height: 100%;
    background-color: #ffd6d6;
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}

.needs-header[b-pgq834smvy] {
    text-align: center;
    width: 100%;
    height: 100%;
    background-color: #ffdbb3;
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}

.helper-header[b-pgq834smvy] {
    text-align: center;
    width: 100%;
    height: 100%;
    background-color: #ffffd8;
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}

.offer-activity-bg[b-pgq834smvy] {
    background-image: url(https://res.cloudinary.com/malikbanks/image/upload/v1676985124/stock-bg.svg);
    background-color: #778899;
}
/* /Pages/UserProfile/MySubscribers.razor.rz.scp.css */
.stock-header[b-qatgcy6v10] {
    border-bottom: #CAD5E5 solid 1px;
}

.subscriber-stats[b-qatgcy6v10] {
    background-image: url(https://res.cloudinary.com/malikbanks/image/upload/v1686055729/sub-banner.svg);
}

.list-title[b-qatgcy6v10] {
    cursor: pointer;
}

.new-stock-btn[b-qatgcy6v10] {
    background-color: #ffffff;
    color: #015AEB;
    border: 1px solid #CAD5E5;
    box-shadow: 2px 2px 27px -3px rgba(1, 90, 235, 0.5);
}

.new-stock-btn:hover[b-qatgcy6v10] {
    background-color: #015AEB;
    color: #ffffff;
}
 
.nav-pills .nav-link.active[b-qatgcy6v10] {
    background-color: #4340D2;
    color: white;
    font-weight: 600;
}

.stock-counter-badge[b-qatgcy6v10] {
    background-color: rgba(50, 81, 104, 0.08);
    padding: 0 4px;
    border-radius: 4px;
    font-weight: 600;
}

.nav-pills .nav-link.active .stock-counter-badge[b-qatgcy6v10] {
    background-color: #ffffff !important;
    color: #4340D2 !important;
}

.subscriber-card[b-qatgcy6v10] {
    border: 1px solid #CAD5E5;
    /*    box-shadow: 2px 2px 21px -8px rgba(0, 0, 0, 0.25);
    */
    border-radius: 7px;

}

.subscriber-card:hover[b-qatgcy6v10] {
    box-shadow: 2px 2px 21px -8px rgba(0, 0, 0, 0.25);
}

.circle-table-body[b-qatgcy6v10] {
    box-shadow: 2px 2px 21px -8px rgba(0, 0, 0, 0.25);
    border: 1px solid #CAD5E5;
    border-radius: 7px;
}

/*.stock-width{
    width: 30%;
}*/

.product-card[b-qatgcy6v10] {
    background: white;
    width: 800px;
    padding: 30px;
    border-radius: 20px;
    box-shadow: #dbe2ee 0 0 20px 5px;
    display: flex;
    gap: 30px;
}

.cover-image[b-qatgcy6v10] {
    width: 300px;

    overflow: hidden;
}

img:hover[b-qatgcy6v10] {
    transform: scale(1.05);
}

.more-image-container[b-qatgcy6v10] {
    display: flex;
}

.more-image[b-qatgcy6v10] {
    width: 100px;
}

.image-container img[b-qatgcy6v10] {
    width: 100%;
    object-fit: cover;
}

.free-shipping[b-qatgcy6v10] {
    display: inline-block;
    padding: 5px 10px;
    border-radius: 30px;
    font-size: 14px;

    font-weight: 400;
}

.product-name[b-qatgcy6v10] {
    margin: 10px 0 20px 0;
    font-size: 22px;
}

.regular-price[b-qatgcy6v10] {
    text-decoration: line-through;
}

.discount-price[b-qatgcy6v10] {
    display: inline-block;
    font-size: 40px;
    font-weight: 700;
}


.offer-info[b-qatgcy6v10] {
    font-size: 14px;
    color: gray;
}
.add-to-cart[b-qatgcy6v10] {
    display: inline-block;
    width: 100%;
    padding: 15px;
    border-radius: 8px;
    font-size: 18px;
    font-weight: 500;
    text-align: center;
    box-shadow: #e2e9f3 0 5px;
    margin: 20px 0;
}

.add-to-cart .ion-icon[b-qatgcy6v10] {
    font-size: 30px;
    margin-bottom: -8px;
}

.dropzone[b-qatgcy6v10] {
    border: 1px dashed var(--lpx-primary) !important;
    border-radius: 5px;
}

.dropzone .dz-message[b-qatgcy6v10] {
    display: flex;
    align-items: center;
    margin: 0 !important;
}

.click-item[b-qatgcy6v10] {
    cursor: pointer;
}


.exit-btn:hover[b-qatgcy6v10] {
    border-radius: 8px;
    padding: 0 5px;
    cursor: pointer;
    background: #d0e3ff;
}

.exit-btn ki-duotone[b-qatgcy6v10] {
    display: flex;
    justify-content: center;
    align-items: flex-start;
}
/* /Pages/UserProfile/PricingPage.razor.rz.scp.css */

body[b-qs88rhszbv] {
    /*font-family: "DM Sans", sans-serif;*/
    font-style: normal;
}

main[b-qs88rhszbv] {
    background: #f0f4f7;
}

section.pricing-plans[b-qs88rhszbv] {
    width: 100%;
    height: 100%;
}

button.btn[b-qs88rhszbv] {
    font-size: 15px;
    font-weight: 700;
    line-height: 20px;
    text-align: center;
}

button.btn.active[b-qs88rhszbv] {
    background: #000;
    color: #fff;
}

button.btn.btn-light[b-qs88rhszbv] {
    color: #8a9099;
}

.header-text > h3[b-qs88rhszbv] {
    font-weight: 700;
    font-size: 35px;
    line-height: 43px;
    color: #464a53;
}

.header-text > p[b-qs88rhszbv] {
    font-weight: 400;
    font-size: 20px;
    line-height: 43px;
    color: #464a53;
}

.fw-normal[b-qs88rhszbv] {
    line-height: 43px;
    color: #464a53;
}

button.btn[b-qs88rhszbv] {
    width: 85%;
}

.trader[b-qs88rhszbv] {
    color: #00368d;
}

.trader > button.btn[b-qs88rhszbv] {
    background: #00368d;
    color: #fff;
}


.card.trader-card[b-qs88rhszbv] {
    border: 2px solid #00368d;
}

.bi[b-qs88rhszbv] {
    font-weight: 800 !important;
    color: #0fa958;
    font-size: 16px;
}

.card-body[b-qs88rhszbv] {
    color: #464a53;
    font-size: 16px;
    line-height: 35px;
}

.card-title > span[b-qs88rhszbv] {
    font-size: 13px;
    padding: 0;
    /* line-height: 20px; */
}

.enterprise-plan[b-qs88rhszbv] {
    background: #f1f6ff;
    width: 100%;
}

.enterprise-plan img[b-qs88rhszbv] {
    max-width: 100%;
}

.plan-text > h3[b-qs88rhszbv] {
    font-weight: 700;
    font-size: 32px;
    line-height: 43px;
    color: #27aae1;
}

.plan-text > p[b-qs88rhszbv] {
    font-weight: 400;
    font-size: 20px;
    line-height: 40px;
    color: #464a53;
}

.enterprise-plan button.btn[b-qs88rhszbv] {
    background: #27aae1;
    color: #fff;
}
/* /Pages/UserProfile/SubscriptionPage.razor.rz.scp.css */

body[b-j3fui36gre] {
    /*font-family: "DM Sans", sans-serif;*/
    font-style: normal;
}

main[b-j3fui36gre] {
    background: #f0f4f7;
}

section.pricing-plans[b-j3fui36gre] {
    width: 100%;
    height: 100%;
}

button.btn[b-j3fui36gre] {
    font-size: 15px;
    font-weight: 700;
    line-height: 20px;
    text-align: center;
}

button.btn.active[b-j3fui36gre] {
    background: #000;
    color: #fff;
}

button.btn.btn-light[b-j3fui36gre] {
    color: #8a9099;
}

.header-text > h3[b-j3fui36gre] {
    font-weight: 700;
    font-size: 35px;
    line-height: 43px;
    color: #464a53;
}

.header-text > p[b-j3fui36gre] {
    font-weight: 400;
    font-size: 20px;
    line-height: 43px;
    color: #464a53;
}

.fw-normal[b-j3fui36gre] {
    line-height: 43px;
    color: #464a53;
}

button.btn[b-j3fui36gre] {
    width: 85%;
}

.trader[b-j3fui36gre] {
    color: #00368d;
}

.trader > button.btn[b-j3fui36gre] {
    background: #00368d;
    color: #fff;
}


.card.trader-card[b-j3fui36gre] {
    border: 2px solid #00368d;
}

.bi[b-j3fui36gre] {
    font-weight: 800 !important;
    color: #0fa958;
    font-size: 16px;
}

.pro-img[b-j3fui36gre]{
    height: 300px !important;
}

/*.pro-img > img{
    width: 80%;
}*/

.card-body[b-j3fui36gre] {
    color: #464a53;
    font-size: 16px;
    line-height: 35px;
}

.card-body > p[b-j3fui36gre] {
    line-height: 20px;
}

.card-title > span[b-j3fui36gre] {
    font-size: 13px;
    padding: 0;
    /* line-height: 20px; */
}

.enterprise-plan[b-j3fui36gre] {
    background: #f1f6ff;
    width: 100%;
}

.enterprise-plan img[b-j3fui36gre] {
    max-width: 100%;
}

.plan-text > h3[b-j3fui36gre] {
    font-weight: 700;
    font-size: 32px;
    line-height: 43px;
    color: #27aae1;
}

.plan-text > p[b-j3fui36gre] {
    font-weight: 400;
    font-size: 20px;
    line-height: 40px;
    color: #464a53;
}

.enterprise-plan button.btn[b-j3fui36gre] {
    background: #27aae1;
    color: #fff;
}