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

/* _content/BlueLink.B2BOP.Blazor/Components/AddNewUser.razor.rz.scp.css */
ul[b-w2gbwofgkv] {
    color: var(--delete-button-color);
}


section[b-w2gbwofgkv] {
    width: 500px;
    border-top: 2px solid var(--border-color);
    margin: 0 8px var(--page-gutter) 0;
}


    section[b-w2gbwofgkv]  .blazored-typeahead:hover {
        border: 1px solid var(--selected-textbox-color);
    }

    section[b-w2gbwofgkv]  .blazored-typeahead {
        outline: none;
        border: 1px solid var(--border-color);
        font-size: 16px;
        width: 365px;
        font-family: inherit;
        border-radius: 4px;
    }

    section[b-w2gbwofgkv]  .blazored-typeahead:focus-within {
        box-shadow: 0 0 0 0.01rem;
        border: 1px solid var(--selected-textbox-color);
    }

    section[b-w2gbwofgkv]  .blazored-typeahead__active-item {
        background-color: var(--selected-textbox-color);
        border-top: 1px solid var(--selected-textbox-color);
        border-bottom: 1px solid var(--selected-textbox-color);
    }

    section[b-w2gbwofgkv]  .blazored-typeahead__selected-item {
        background-color: var(--selected-textbox-color);
        border-top: 1px solid var(--selected-textbox-color);
        border-bottom: 1px solid var(--selected-textbox-color);
        color: var(--primary-button-text-color);
    }

    section[b-w2gbwofgkv]  .blazored-typeahead__result:hover {
        background-color: var(--selected-textbox-color);
        border-top: 1px solid var(--selected-textbox-color);
        border-bottom: 1px solid var(--selected-textbox-color);
        color: var(--primary-button-text-color);
    }

    section[b-w2gbwofgkv]  .blazored-typeahead__down-arrow path {
        fill: #333333;
    }

    section[b-w2gbwofgkv]  .blazored-typeahead__input-icon:focus {
        outline: none;
        box-shadow: 0 0 0 0.01rem var(--selected-textbox-color);
    }



    section input[b-w2gbwofgkv] {
        outline: none;
        border: 1px solid var(--border-color);
        font-size: 16px;
        line-height: 24px;
        padding: 4px 8px;
        width: 350px;
        border-radius: 4px;
    }

        section input:focus[b-w2gbwofgkv] {
            border-color: var(--primary-color);
        }

    section div[b-w2gbwofgkv] {
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: flex-end;
        margin-top: 8px;
    }


    section label[b-w2gbwofgkv] {
        font-family: montserrat-light;
        font-size: 14px;
        margin: 0 8px 0px 0px;
        text-wrap: none;
    }

button[b-w2gbwofgkv] {
    background-color: var(--primary-color);
    color: var(--primary-button-text-color);
    font-family: montserrat-medium;
    font-size: 14px;
    padding: 8px 16px;
    outline: none;
    border-radius: 4px;
    border: 2px solid var(--primary-color);
    cursor: pointer;
    margin: 10px 0px 0px 0px;
    text-wrap: none;
    white-space: nowrap;
    margin-left: var(--page-gutter);
}

.cancel[b-w2gbwofgkv] {
    color: var(--delete-button-text-color);
    background-color: var(--delete-button-color);
    border: 1px solid var(--delete-button-color);
    outline: thin;
    margin-right: 5px;
}

    button:hover[b-w2gbwofgkv] {
        border-color: var(--border-color);
    }

    button[disabled][b-w2gbwofgkv] {
        opacity: 0.5;
        cursor: default;
    }

.Inputwraper[b-w2gbwofgkv] {
    width: 350px;
    border-radius: 4px;
    color: #000000;
    background-color: #FFFFFF;
}
.DropdownWraper[b-w2gbwofgkv] {
    width: 70%;
    color: #000000;
    background-color: #FFFFFF;
}
.block-div[b-w2gbwofgkv]{
    display:block;
}

.checkbox-div[b-w2gbwofgkv] {
    justify-content: left;
    margin: 0 10px;
}

.checkbox-input[b-w2gbwofgkv] {
    width: 15px;
    margin-right: 10px;
    cursor: pointer;
}

.checkbox-label[b-w2gbwofgkv] {
    cursor: pointer;
}


h2[b-w2gbwofgkv] {
    font-family: opensans-bold,'Arial Black';
    font-size: 14px;
    line-height: 18px;
    opacity: 0.9;
}

input:hover[b-w2gbwofgkv], input:focus[b-w2gbwofgkv] {
    border: 1px solid var(--selected-textbox-color);
}

div .passwordRequirements[b-w2gbwofgkv] {
    justify-content: flex-start;
    width: 500px;
    display: block;
}
/* _content/BlueLink.B2BOP.Blazor/Components/Banner.razor.rz.scp.css */
a.link[b-37eg8ar5rd] {
    display: inline-block;
    width: 100%;
    height: 100%;
}

.banner[b-37eg8ar5rd] {
    height: 220px;
    background-position: center center;
}

.slides[b-37eg8ar5rd] {
    height: 220px;
    overflow: hidden;
    position: relative;
    /*background-color: #000;*/
}

.mySlides[b-37eg8ar5rd] {
    position: absolute;
}

/* Next & previous buttons */
.prev[b-37eg8ar5rd], .next[b-37eg8ar5rd] {
    cursor: pointer;
    position: absolute;
    top: 50%;
    width: auto;
    padding: 16px;
    margin-top: -22px;
    color: white;
    text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
    font-weight: bold;
    font-size: 18px;
    transition: 0.6s ease;
    border-radius: 0 3px 3px 0;
    z-index: 2;
}
/* Position the "next button" to the right */
.next[b-37eg8ar5rd] {
    right: 0;
    border-radius: 3px 0 0 3px;
}
    /* On hover, add a black background color with a little bit see-through */
    .prev:hover[b-37eg8ar5rd], .next:hover[b-37eg8ar5rd] {
        background-color: rgba(0,0,0,0.8);
    }

div.mySlides[b-37eg8ar5rd] {
    opacity: 1;
    -webkit-transition: opacity 1s;
    -moz-transition: opacity 1s;
    transition: opacity 1s;
    width: 100%;
}

    div.mySlides.fade[b-37eg8ar5rd] {
        opacity: 0;
        z-index: 0;
    }

    div.mySlides.visible[b-37eg8ar5rd] {
        z-index: 1;
    }

.dots[b-37eg8ar5rd] {
    bottom: 0;
    z-index: 10;
    position: absolute;
    left: 50%;
}

.dot[b-37eg8ar5rd] {
    cursor: pointer;
    height: 13px;
    width: 13px;
    margin: 0 5px;
    background-color: #bbb;
    border-radius: 50%;
    border-color: white;
    border-style: solid;
    border-width: thin;
    display: inline-block;
    transition: background-color 0.6s ease;
}

    .active[b-37eg8ar5rd], .dot:hover[b-37eg8ar5rd] {
        background-color: #494B55;
    }

dots.dot.inactive[b-37eg8ar5rd] {
    opacity: 50%;
}

dots.dot.active[b-37eg8ar5rd] {
    opacity: 100%;
}

/*Old CSS way of doing the slideshow --IM (4/16/2025)*/ 
/*Two Slides*/
/*.slide2 > div {
    width: 100%;
    height: 100%;
    background-size: cover;
    position: absolute;
    animation-name: fade2;
    animation-duration: calc(var(--banner-timing) * 2);
    animation-iteration-count: infinite;
    opacity: 0;
}

    .slide2 > div:nth-child(2) {
        animation-delay: var(--banner-timing);
    }

@keyframes fade2 {
    0% {
        opacity: 0;
        z-index: 1;
    }

    10% {
        opacity: 1;
        z-index: 1;
    }

    50% {
        opacity: 1;
        z-index: 1;
    }

    60% {
        opacity: 0;
        z-index: 0;
    }
}*/

/*Three Slides*/
/*.slide3 > div {
    width: 100%;
    height: 100%;
    background-size: cover;
    position: absolute;
    animation-name: fade3;
    animation-duration: calc(var(--banner-timing) * 3);
    animation-iteration-count: infinite;
    opacity: 0;
}

    .slide3 > div:nth-child(2) {
        animation-delay: var(--banner-timing);
    }

    .slide3 > div:nth-child(3) {
        animation-delay: calc(var(--banner-timing) * 2);
    }

@keyframes fade3 {
    0% {
        opacity: 0;
        z-index: 1;
    }

    7% {
        opacity: 1;
        z-index: 1;
    }

    33% {
        opacity: 1;
        z-index: 1;
    }

    40% {
        opacity: 0;
        z-index: 0;
    }
}*/

/*Four Slides*/
/*.slide4 > div {
    width: 100%;
    height: 100%;
    background-size: cover;
    position: absolute;
    animation-name: fade4;
    animation-duration: calc(var(--banner-timing) * 4);
    animation-iteration-count: infinite;
    opacity: 0;
}

    .slide4 > div:nth-child(2) {
        animation-delay: var(--banner-timing);
    }

    .slide4 > div:nth-child(3) {
        animation-delay: calc(var(--banner-timing) * 2);
    }

    .slide4 > div:nth-child(4) {
        animation-delay: calc(var(--banner-timing) * 3);
    }

@keyframes fade4 {
    0% {
        opacity: 0;
        z-index: 1;
    }

    5% {
        opacity: 1;
        z-index: 1;
    }

    25% {
        opacity: 1;
        z-index: 1;
    }

    30% {
        opacity: 0;
        z-index: 0;
    }
}*/

/*Five (maximum) Slides*/
/*.slide5 > div {
    width: 100%;
    height: 100%;
    background-size: cover;
    position: absolute;
    animation-name: fade5;
    animation-duration: calc(var(--banner-timing) * 5);
    animation-iteration-count: infinite;
    opacity: 0;
}

    .slide5 > div:nth-child(2) {
        animation-delay: var(--banner-timing);
    }

    .slide5 > div:nth-child(3) {
        animation-delay: calc(var(--banner-timing) * 2);
    }

    .slide5 > div:nth-child(4) {
        animation-delay: calc(var(--banner-timing) * 3);
    }

    .slide5 > div:nth-child(5) {
        animation-delay: calc(var(--banner-timing) * 4);
    }

@keyframes fade5 {
    0% {
        opacity: 0;
        z-index: 1;
    }

    2% {
        opacity: 1;
        z-index: 1;
    }

    20% {
        opacity: 1;
        z-index: 1;
    }

    22% {
        opacity: 0;
        z-index: 0;
    }
}*/
/* _content/BlueLink.B2BOP.Blazor/Components/BreadCrumb.razor.rz.scp.css */
section[b-wbxsy3zuzv] {
    padding-top: var(--page-gutter);
    border-top: 1px solid var(--border-color);
    font-family: opensans-semibold,'Arial';
    font-size: 12px;
    color: var(--page-text-color);
    display: flex;
    align-items: center;
}

a:visited[b-wbxsy3zuzv] {
    color: var(--primary-color);
}

a[b-wbxsy3zuzv] {
    color: var(--primary-color);
    text-decoration: none;
}

span.separator[b-wbxsy3zuzv] {
    width: 16px;
    line-height: 16px;
    display: block;
    background-repeat: no-repeat;
    background-position: center center;
    text-align: center;
    vertical-align: top;
}
.clearFilters[b-wbxsy3zuzv] {
    padding-bottom: var(--page-gutter);
    padding-top: 1vh;
    width: 90px;
}

.clearFilters p[b-wbxsy3zuzv] {
    cursor: pointer;
    font-size: small;
    color: var(--delete-button-color);
    margin-bottom: 0 !important;
}
/* _content/BlueLink.B2BOP.Blazor/Components/Checkbox.razor.rz.scp.css */
/* The container */
.container[b-vtwje99eiu] {
    height: 18px;
    width: 18px;
    display: block;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* Hide the browser's default checkbox */
.container input[b-vtwje99eiu] {
    display:none;
}

/* Create a custom checkbox */
.checkmark[b-vtwje99eiu] {
    display: block;
    height: 16px;
    width: 16px;
    border: 1px solid rgba(0,0,0,.25);
    border-radius: 4px;
    background-color: #FFF;
}

/* When the checkbox is checked, add a background */
.container input:checked ~ .checkmark[b-vtwje99eiu] {
    background-color: var(--primary-color);
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark[b-vtwje99eiu]:after {
    content: "";
    display: none;
}

/* Show the checkmark when checked */
.container input:checked ~ .checkmark[b-vtwje99eiu]:after {
    display: block;
}

/* Style the checkmark/indicator */
.container .checkmark[b-vtwje99eiu]:after {
    margin: 1px 0 0 5px;
    width: 4px;
    height: 10px;
    border: solid var(--primary-button-text-color);
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.Customized[b-vtwje99eiu] {
    margin: 0px;
    padding-left: 0px;
}

.checkmark:hover[b-vtwje99eiu], .checkmark:focus[b-vtwje99eiu] {
    border: 1px solid var(--selected-textbox-color);
}
/* _content/BlueLink.B2BOP.Blazor/Components/CheckoutCompleteOrder.razor.rz.scp.css */
.subLoadingBar[b-b5lzchvuxu] {
    width: 100%;
    display: block;
}

h1[b-b5lzchvuxu] {
    font-family: opensans-semibold,'Arial';
    font-size: 18px;
    line-height: 24px;
    color: var(--page-text-color);
}

button[b-b5lzchvuxu] {
    color: var(--primary-button-text-color);
    background-color: var(--primary-color);
    border-radius: 4px;
    border: 0;
    outline: none;
    padding: 8px 30px;
    font-family: montserrat-medium;
    font-size: 14px;
    cursor: pointer;
    text-wrap: none;
    white-space: nowrap;
}

    button[disabled][b-b5lzchvuxu] {
        opacity: 0.5;
        cursor: default;
    }

.details[b-b5lzchvuxu] {
    display: flex;
    align-items: flex-start;
    color: var(--page-text-color);
    margin-bottom: 1.5rem;
}

.form[b-b5lzchvuxu] {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    width: 100%;
}

@media only screen and (min-width: 1024px) {
    .form[b-b5lzchvuxu] {
        flex-direction: row;
    }
}

.form label[b-b5lzchvuxu] {
    font-family: montserrat-medium;
    font-size: 14px;
    line-height: 24px;
    margin: 8px 0 4px 0;
    display: block;
}

table[b-b5lzchvuxu] {
    margin: 0;
    padding: 0;
    border-spacing: 0;
    width: 100%;
    table-layout: fixed;
}

    table td[b-b5lzchvuxu], th[b-b5lzchvuxu] {
        margin: 0;
        padding: 0;
        font-weight: normal;
        text-align: left;
        vertical-align: top;
    }

.form .shipping[b-b5lzchvuxu], .form .instructions[b-b5lzchvuxu] {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    margin-right: var(--page-gutter);
}

.form input[b-b5lzchvuxu], .form textarea[b-b5lzchvuxu] {
    border: 1px solid var(--border-color);
    outline: none;
    font-size: 16px;
    line-height: 24px;
    padding: 4px 8px;
    font-family: opensans-regular,'Arial';
    border-radius: 4px;
    resize: none;
    background-color: #fff;
}

[b-b5lzchvuxu]::placeholder {
    opacity: 0.5;
}

.form input:hover[b-b5lzchvuxu], .form input:focus[b-b5lzchvuxu], .form textarea:hover[b-b5lzchvuxu], .form textarea:focus[b-b5lzchvuxu] {
    border-color: var(--primary-color);
}

.summary[b-b5lzchvuxu] {
    border: 1px solid var(--border-color);
    font-family: opensans-regular,'Arial';
    font-size: 14px;
    line-height: 24px;
    border-radius: 4px;
    display: flex;
    flex-direction: column;
    padding: 16px;
    width: 200px;
}

    .summary h1[b-b5lzchvuxu] {
        font-family: montserrat-medium;
        font-size: 14px;
        line-height: 24px;
        font-weight: normal;
        margin: 0 0 12px 0;
        color: var(--page-text-color);
    }

    .summary label[b-b5lzchvuxu] {
        color: var(--page-text-color);
    }

    .summary div[b-b5lzchvuxu] {
        display: flex;
    }

    .summary .flex[b-b5lzchvuxu] {
        margin-right: var(--page-gutter);
        flex-grow: 1;
    }

    .summary .total[b-b5lzchvuxu] {
        border-top: 1px solid var(--border-color);
        margin-top: 8px;
    }

    .summary button[b-b5lzchvuxu] {
        width: 100%;
        margin-top: 18px;
    }

        .summary button.save[b-b5lzchvuxu] {
            color: var(--page-color);
            background-color: var(--secondary-button-color);
            border: 1px solid var(--secondary-button-color);
        }

        .summary button.deletecart[b-b5lzchvuxu] {
            color: var(--delete-button-text-color);
            background-color: var(--delete-button-color);
            border: 1px solid var(--delete-button-color);
            outline: thin;
        }

.items[b-b5lzchvuxu] {
    display: flex;
    flex-direction: column;
    margin-top: calc(var(--page-gutter));
}

@media only screen and (min-width: 1024px) {
    .items[b-b5lzchvuxu] {
        margin-right: calc(234px + var(--page-gutter));
    }
}

.item[b-b5lzchvuxu] {
    border-bottom: 1px solid var(--border-color);
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    padding: var(--page-gutter);
    color: var(--page-text-color);
}

    .item .thumbnail[b-b5lzchvuxu] {
        min-width: 146px;
        height: 146px;
        position: relative;
        background-repeat: no-repeat;
        background-position: center center;
        background-size: auto 140px;
        background-size: contain;
        background-color: var(--page-color);
    }

    .item .newItemThumbnail[b-b5lzchvuxu] {
        border-radius: 12px;
        border-color: var(--new-item-bubble-color);
        border-width: medium;
        border-style: solid;
    }

    .item .promoItemThumbnail[b-b5lzchvuxu] {
        border-radius: 12px;
        border-color: var(--promo-item-bubble-color);
        border-width: medium;
        border-style: solid;
    }

    .item .shortDatedThumbnail[b-b5lzchvuxu] {
        border-radius: 12px;
        border-color: var(--short-dated-bubble-color);
        border-width: medium;
        border-style: solid;
    }

    .item .qtyBreaksThumbnail[b-b5lzchvuxu] {
        border-radius: 12px;
        border-color: var(--qty-breaks-bubble-color);
        border-width: medium;
        border-style: solid;
    }

    .item .properties[b-b5lzchvuxu] {
        flex-grow: 1;
        margin-left: var(--page-gutter);
        color: var(--page-text-color);
    }

.properties .prodcode[b-b5lzchvuxu] {
    font-family: montserrat-medium;
    font-size: 12px;
    line-height: 24px;
    opacity: 0.7;
}

.properties .description[b-b5lzchvuxu] {
    font-family: opensans-semibold,'Arial';
    font-size: 18px;
    line-height: 24px;
}

.properties .price[b-b5lzchvuxu] {
    font-family: opensans-regular,'Arial';
    font-size: 20px;
    line-height: 24px;
    margin: 8px 0;
}

.poperties .price span[b-b5lzchvuxu] {
    margin: 0 8px 0 12px;
}

.properties .uom[b-b5lzchvuxu] {
    font-family: opensans-regular,'Arial';
    font-size: 18px;
    line-height: 18px;
    margin: 8px 0;
    color: var(--page-text-color);
}

.item-subtotal[b-b5lzchvuxu] {
    font-family: opensans-regular,'Arial';
    font-size: 20px;
    line-height: 24px;
    margin-right: var(--page-gutter);
}

.item-summary[b-b5lzchvuxu] {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    font-family: montserrat-medium;
    font-size: 20px;
    line-height: 24px;
    padding: var(--page-gutter);
}

    .item-summary span[b-b5lzchvuxu] {
        margin-left: var(--page-gutter);
        color: var(--page-text-color);
    }

.halfWidth[b-b5lzchvuxu] {
    width: 50%;
}

.qtyBreaks[b-b5lzchvuxu] {
    font-family: montserrat-medium;
    font-size: 12px;
    line-height: 24px;
    border: 1px solid var(--border-color);
    border-radius: 10px;
    padding-left: 8px;
    padding-right: 8px;
    background-color: var(--qty-breaks-bubble-color);
    color: var(--qty-breaks-bubble-text-color);
}

.shortDated[b-b5lzchvuxu] {
    font-family: montserrat-medium;
    font-size: 12px;
    line-height: 24px;
    border: 1px solid var(--border-color);
    border-radius: 10px;
    padding-left: 8px;
    padding-right: 8px;
    background-color: var(--short-dated-bubble-color);
    color: var(--short-dated-bubble-text-color);
}

.newItem[b-b5lzchvuxu] {
    font-family: montserrat-medium;
    font-size: 12px;
    line-height: 24px;
    border: 1px solid var(--border-color);
    border-radius: 10px;
    padding-left: 8px;
    padding-right: 8px;
    background-color: var(--new-item-bubble-color);
    color: var(--new-item-bubble-text-color);
}

.promoItem[b-b5lzchvuxu] {
    font-family: montserrat-medium;
    font-size: 12px;
    line-height: 24px;
    border: 1px solid var(--border-color);
    border-radius: 10px;
    padding-left: 8px;
    padding-right: 8px;
    background-color: var(--promo-item-bubble-color);
    color: var(--promo-item-bubble-text-color);
}

.bubbles[b-b5lzchvuxu] {
    display: inline-flex;
}

.spacer[b-b5lzchvuxu] {
    margin: 3px;
}

.clearShipVia[b-b5lzchvuxu] {
    margin-left: 3em;
}

.pharma[b-b5lzchvuxu] {
    font-family: montserrat-medium;
    font-size: 12px;
    line-height: 24px;
    color: var(--page-text-color);
    opacity: 0.7;
}

.pharmaLabel[b-b5lzchvuxu] {
    font-family: montserrat-medium;
    font-size: 12px;
    line-height: 24px;
    color: var(--primary-color);
}

.blockquote[b-b5lzchvuxu] {
    color: var(--page-text-color);
    margin-bottom: 0 !important;
}

.invalidCart[b-b5lzchvuxu] {
    color: var(--delete-button-color);
    margin-bottom: 0 !important;
}

.dropdown[b-b5lzchvuxu] {
    display: inline-block;
    position: relative;
    width: 100%;
    min-height: 30px !important;
    color: #000000;
}

.DropdownWraper[b-b5lzchvuxu] {
    border-radius: 4px;
    color: #000000;
    background-color: #FFFFFF;
}

.blazored-typeahead__results.blazored-typeahead__selected-item[b-b5lzchvuxu] {
    background-color: var(--selected-textbox-color) !important;
}

.DropdownWraper[b-b5lzchvuxu]  .blazored-typeahead:hover {
    border: 1px solid var(--selected-textbox-color);
}

.DropdownWraper[b-b5lzchvuxu]  .blazored-typeahead:focus-within {
    box-shadow: 0 0 0 0.01rem;
    border: 1px solid var(--selected-textbox-color);
}

.DropdownWraper[b-b5lzchvuxu]  .blazored-typeahead__active-item {
    background-color: var(--selected-textbox-color);
    border-top: 1px solid var(--selected-textbox-color);
    border-bottom: 1px solid var(--selected-textbox-color);
}

.DropdownWraper[b-b5lzchvuxu]  .blazored-typeahead__selected-item {
    background-color: var(--selected-textbox-color);
    border-top: 1px solid var(--selected-textbox-color);
    border-bottom: 1px solid var(--selected-textbox-color);
    color: var(--primary-button-text-color);
}

.DropdownWraper[b-b5lzchvuxu]  .blazored-typeahead__result:hover {
    background-color: var(--selected-textbox-color);
    border-top: 1px solid var(--selected-textbox-color);
    border-bottom: 1px solid var(--selected-textbox-color);
    color: var(--primary-button-text-color);
}

.DropdownWraper[b-b5lzchvuxu]  .blazored-typeahead__down-arrow path {
    fill: #333333;
}

.DropdownWraper[b-b5lzchvuxu]  .blazored-typeahead__input-icon:focus {
    outline: none;
    box-shadow: 0 0 0 0.01rem var(--selected-textbox-color);
}

input:hover[b-b5lzchvuxu], input:focus[b-b5lzchvuxu] {
    border: 1px solid var(--selected-textbox-color);
}

.container[b-b5lzchvuxu] {
    border: solid black 1px;
    margin: auto;
    width: 90%;
}

.spacer[b-b5lzchvuxu] {
    padding: 0px 10px 5px 10px;
}
/* _content/BlueLink.B2BOP.Blazor/Components/CheckoutPlaceOrder.razor.rz.scp.css */
main[b-0tp7d2jm23] {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 20%;
    border-radius: 4px;
    padding: var(--page-gutter);
}

main section[b-0tp7d2jm23] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}


button[b-0tp7d2jm23] {
    color: var(--primary-button-text-color);
    background-color: var(--primary-color);
    border-radius: 4px;
    border: 0;
    outline: none;
    margin: 18px 0;
    padding: 8px 30px;
    font-family: montserrat-medium;
    font-size: 14px;
    cursor: pointer;
}

div[b-0tp7d2jm23] {
    color: var(--page-text-color);
}
/* _content/BlueLink.B2BOP.Blazor/Components/CheckoutReviewOrder.razor.rz.scp.css */
.subLoadingBar[b-odxapobcrw] {
    width: 100%;
    display: block;
}

.prodcode[b-odxapobcrw] {
    font-family: montserrat-medium;
    font-size: 12px;
    line-height: 24px;
    color: rgba(33, 33, 33, 0.7);
}

.description-price[b-odxapobcrw] {
    display: flex;
    justify-content: space-between;
}

.description[b-odxapobcrw] {
    font-family: opensans-semibold,'Arial';
    font-size: 18px;
    line-height: 24px;
    color: var(--page-text-color);
    flex-grow: 1;
}

.subtotal[b-odxapobcrw] {
    font-family: opensans-regular,'Arial';
    font-size: 20px;
    line-height: 24px;
    padding-left: 10px;
    color: var(--page-text-color);
}

.savetolist[b-odxapobcrw] {
    color: var(--secondary-button-text-color);
    background-color: var(--secondary-button-color);
    border: 1px solid var(--secondary-button-color);
    outline: thin;
    width: 100%
}

.deletecart[b-odxapobcrw] {
    color: var(--delete-button-text-color);
    background-color: var(--delete-button-color);
    border: 1px solid var(--delete-button-color);
    outline: thin;
    width: 100%
}

button[b-odxapobcrw] {
    color: var(--primary-button-text-color);
    background-color: var(--primary-color);
    border-radius: 4px;
    border: 0;
    outline: none;
    margin: 18px 0 0 0;
    padding: 8px 30px;
    font-family: montserrat-medium;
    font-size: 14px;
    cursor: pointer;
    text-wrap: none;
    white-space: nowrap;
}

    button[disabled][b-odxapobcrw] {
        opacity: 0.5;
        cursor: default;
    }

input[b-odxapobcrw] {
    padding: 6px 0px 6px 6px;
    border: 1px solid var(--border-color);
    border-radius: 4px;
    outline: none;
    cursor: pointer;
    font-family: opensans-regular,'Arial';
    font-size: 14px;
    color: rgba(33,33,33,1);
}

.quantity-input[b-odxapobcrw] {
    width: 12%;
}

.search-input[b-odxapobcrw] {
    width: 80%;
}

.price-input[b-odxapobcrw] {
    width: 80px;
}

input:hover[b-odxapobcrw], input:focus[b-odxapobcrw] {
    border: 1px solid var(--selected-textbox-color);
}

input:disabled[b-odxapobcrw] {
    border: 1px solid var(--border-color);
    cursor: default;
}

main[b-odxapobcrw] {
    display: flex;
    align-items: flex-end;
    height: 100%;
    padding: var(--page-gutter);
    flex-direction: column;
}

@media only screen and (min-width: 1024px) {
    main[b-odxapobcrw] {
        flex-direction: row-reverse;
        align-items: flex-start;
    }
}

main .items[b-odxapobcrw] {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    width: 100%;
}

    main .items .item[b-odxapobcrw] {
        border-bottom: 1px solid var(--border-color);
        display: flex;
        flex-direction: row;
        padding: var(--page-gutter);
    }

        main .items .item .thumbnail[b-odxapobcrw] {
            min-width: 146px;
            height: 146px;
            position: relative;
            flex-direction: column;
            background-repeat: no-repeat;
            background-position: center center;
            background-size: auto 140px;
            background-size: contain;
            background-color: var(--page-color);
        }

        main .items .item .newItemThumbnail[b-odxapobcrw] {
            border-radius: 12px;
            border-color: var(--new-item-bubble-color);
            border-width: medium;
            border-style: solid;
        }

        main .items .item .promoItemThumbnail[b-odxapobcrw] {
            border-radius: 12px;
            border-color: var(--promo-item-bubble-color);
            border-width: medium;
            border-style: solid;
        }

        main .items .item .shortDatedThumbnail[b-odxapobcrw] {
            border-radius: 12px;
            border-color: var(--short-dated-bubble-color);
            border-width: medium;
            border-style: solid;
        }

        main .items .item .qtyBreaksThumbnail[b-odxapobcrw] {
            border-radius: 12px;
            border-color: var(--qty-breaks-bubble-color);
            border-width: medium;
            border-style: solid;
        }

        main .items .item .properties[b-odxapobcrw] {
            flex-grow: 1;
            margin-left: var(--page-gutter);
        }

            main .items .item .properties .form[b-odxapobcrw] {
                margin: 8px 0;
                display: flex;
                flex-wrap: wrap;
                align-items: center;
                font-family: opensans-regular,'Arial';
                font-size: 14px;
            }

                main .items .item .properties .form .quantity[b-odxapobcrw] {
                    margin: 0 4px 0 0;
                }

                main .items .item .properties .form .uom[b-odxapobcrw] {
                    margin: 0 4px 0 8px;
                }

                main .items .item .properties .form .price[b-odxapobcrw] {
                    margin: 0 2px 0 8px;
                }

            main .items .item .properties .form[b-odxapobcrw] {
                display: flex;
            }

                main .items .item .properties .form a:first-child[b-odxapobcrw] {
                    padding-left: 0;
                }

                main .items .item .properties .form a[b-odxapobcrw] {
                    padding: 16px;
                    color: black;
                    display: flex;
                    align-items: center;
                }

                    main .items .item .properties .form a:hover[b-odxapobcrw] {
                        text-decoration: none
                    }

                    main .items .item .properties .form a img[b-odxapobcrw] {
                        height: 20px;
                        margin-right: 10px
                    }





main .quickAddToolbar .row[b-odxapobcrw] {
    flex-grow: 1;
}

    main .quickAddToolbar .row .form[b-odxapobcrw] {
        margin: 8px 0;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        font-family: opensans-regular,'Arial';
        font-size: 14px;
    }

        main .quickAddToolbar .row .form .quantity[b-odxapobcrw] {
            margin: 0 4px 0 0;
        }

        main .quickAddToolbar .row .form .uom[b-odxapobcrw] {
            margin: 0 4px 0 8px;
        }

        main .quickAddToolbar .row .form .price[b-odxapobcrw] {
            margin: 0 2px 0 8px;
        }

    main .quickAddToolbar .row .form[b-odxapobcrw] {
        display: flex;
    }

        main .quickAddToolbar .row .form a:first-child[b-odxapobcrw] {
            padding-left: 0;
        }

        main .quickAddToolbar .row .form a[b-odxapobcrw] {
            padding: 16px;
            color: black;
            display: flex;
            align-items: center;
        }

            main .quickAddToolbar .row .form a:hover[b-odxapobcrw] {
                text-decoration: none
            }

            main .quickAddToolbar .row .form a img[b-odxapobcrw] {
                height: 20px;
                margin-right: 10px
            }

.col-2 button[b-odxapobcrw] {
    margin-top: 25%;
}

main .summary[b-odxapobcrw] {
    margin-left: var(--page-gutter);
    border: 1px solid var(--border-color);
    font-family: opensans-regular,'Arial';
    font-size: 14px;
    border-radius: 4px;
    display: flex;
    flex-direction: column;
    padding: 16px;
    height: 277px;
}

    main .summary button[b-odxapobcrw] {
        width: 100%
    }

.summary-price[b-odxapobcrw] {
    display: flex;
    color: var(--page-text-color);
}

    .summary-price .count[b-odxapobcrw] {
        flex-grow: 1;
    }

.item-summary[b-odxapobcrw] {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    font-family: montserrat-medium;
    font-size: 20px;
    line-height: 24px;
    padding: var(--page-gutter);
}

    .item-summary span[b-odxapobcrw] {
        margin-left: var(--page-gutter);
        color: var(--page-text-color);
    }

.price[b-odxapobcrw] {
    font-family: opensans-regular,'Arial';
    font-size: 20px;
    line-height: 24px;
    margin: 8px 0;
    color: var(--page-text-color);
}

    .price span[b-odxapobcrw] {
        margin: 0 8px 0 12px;
        color: var(--page-text-color);
    }

.description-price a[b-odxapobcrw] {
    color: rgba(33, 33, 33, 1);
}

.paddingLeft0[b-odxapobcrw] {
    padding-left: 0px !important;
}

.UOMPricing[b-odxapobcrw] {
    width: 130px;
    display: inline-block;
    vertical-align: middle
}

.buttons[b-odxapobcrw] {
    display: flex;
    margin-top: 12px;
    justify-content: end;
}

.buttonblue[b-odxapobcrw] {
    display: flex;
    align-items: center;
    background-color: var(--secondary-button-color);
    color: var(--secondary-button-text-color);
    margin: 0px;
    height: 35px;
    padding: 10px;
}

.buttonred[b-odxapobcrw] {
    margin: 0px;
    margin-left: 10px;
    background-color: var(--delete-button-color);
    height: 35px;
}

.notification[b-odxapobcrw] {
    position: relative;
    display: flex;
    justify-content: space-between;
    padding-top: 8px;
    height: 20%;
}

.ChangedItemsList[b-odxapobcrw] {
    display: inline-grid;
    align-items: center;
    padding-left: 15px;
    height: 60%;
}

.ItesmDots[b-odxapobcrw] {
    display: flex;
    justify-content: space-around;
    height: 20%;
}

.showchangedItems[b-odxapobcrw] {
    position: relative;
    padding-inline: 10px;
    border: solid;
    border-radius: .35rem;
    border-color: var(--notification-box-color);
    max-height: 227px;
    border-width: 2px;
    border-left-width: 10px;
    color: var(--page-text-color);
    margin-bottom: 10px;
}

.showDeletedItems[b-odxapobcrw] {
    position: relative;
    padding-inline: 10px;
    border: solid;
    border-radius: .35rem;
    border-color: var(--delete-button-color);
    max-height: 227px;
    border-width: 2px;
    border-left-width: 10px;
    color: var(--page-text-color);
    margin-bottom: 10px;
}

.dot-controls[b-odxapobcrw] {
    display: flex;
    flex-wrap: wrap;
    margin: 0 auto;
}



.dot[b-odxapobcrw] {
    flex: 0 0 auto;
    display: block;
    position: relative;
    cursor: pointer;
    margin: var(--dot-gap);
    margin-bottom: calc(var(--dot-gap)/2);
    width: var(--dot-size);
    height: var(--dot-size);
    background-color: var(--primary-color);
    opacity: 0.5;
    border-radius: 100%;
    transform-origin: 50% 100%;
    transition: calc(var(--dot-dur) * 2) var(--dot-tf);
    transition-property: transform, background-color;
}

    .dot[b-odxapobcrw]:before {
        content: "";
        position: absolute;
        top: var(--dot-border);
        left: var(--dot-border);
        width: calc(100% - var(--dot-border) * 2);
        height: calc(100% - var(--dot-border) * 2);
        background-color: var(--primary-button-text-color);
        border-radius: inherit;
        transform: scale(0.001);
        transition: transform var(--dot-dur) var(--dot-tf);
    }

    .dot:hover[b-odxapobcrw] {
        background-color: var(--primary-color);
        opacity: 1;
    }

    .dot.previous[b-odxapobcrw], .dot.next[b-odxapobcrw] {
        transform: scale(1.25);
        background-color: var(--primary-color);
        opacity: 0.8;
    }

    .dot.active[b-odxapobcrw] {
        transform: scale(1.5);
        background-color: var(--primary-color);
        opacity: 1;
    }

        .dot.active[b-odxapobcrw]:before {
            transform: scale(1.001);
            transition-delay: var(--dot-dur);
        }

label[b-odxapobcrw] {
    color: var(--page-text-color);
}

.pharma[b-odxapobcrw] {
    font-family: montserrat-medium;
    font-size: 12px;
    line-height: 24px;
    color: var(--page-text-color);
    opacity: 0.7;
}

.pharmaLabel[b-odxapobcrw] {
    font-family: montserrat-medium;
    font-size: 12px;
    line-height: 24px;
    color: var(--primary-color);
}

.qtyBreaks[b-odxapobcrw] {
    font-family: montserrat-medium;
    font-size: 12px;
    line-height: 24px;
    border: 1px solid var(--border-color);
    border-radius: 10px;
    padding-left: 8px;
    padding-right: 8px;
    background-color: var(--qty-breaks-bubble-color);
    color: var(--qty-breaks-bubble-text-color);
}

.shortDated[b-odxapobcrw] {
    font-family: montserrat-medium;
    font-size: 12px;
    line-height: 24px;
    border: 1px solid var(--border-color);
    border-radius: 10px;
    padding-left: 8px;
    padding-right: 8px;
    background-color: var(--short-dated-bubble-color);
    color: var(--short-dated-bubble-text-color);
}

.newItem[b-odxapobcrw] {
    font-family: montserrat-medium;
    font-size: 12px;
    line-height: 24px;
    border: 1px solid var(--border-color);
    border-radius: 10px;
    padding-left: 8px;
    padding-right: 8px;
    background-color: var(--new-item-bubble-color);
    color: var(--new-item-bubble-text-color);
}

.promoItem[b-odxapobcrw] {
    font-family: montserrat-medium;
    font-size: 12px;
    line-height: 24px;
    border: 1px solid var(--border-color);
    border-radius: 10px;
    padding-left: 8px;
    padding-right: 8px;
    background-color: var(--promo-item-bubble-color);
    color: var(--promo-item-bubble-text-color);
}

.bubbles[b-odxapobcrw] {
    display: inline-flex;
}

.spacer[b-odxapobcrw] {
    margin: 3px;
}

.toolbar[b-odxapobcrw] {
    /*display: flex;*/
    align-items: center;
    margin-bottom: 8px;
    align-content: baseline;
}

.quickAddToolbar[b-odxapobcrw] {
    align-items: center;
    margin-bottom: 8px;
    align-content: baseline;
}

.searchBox[b-odxapobcrw] {
    position: relative;
    width: 100%;
    margin-top: 15px;
}

.clear[b-odxapobcrw] {
    position: absolute;
    display: block;
    top: -16px;
    right: 21%;
    width: 30px;
    height: 30px;
    cursor: pointer;
    padding: 2px;
    background: transparent;
    outline: none;
    border: 1px solid var(--border-color);
    border-radius: 4px;
    color: var(--page-text-color);
    opacity: 0.5;
}

.no-image[b-odxapobcrw] {
    position: relative;
    border-radius: 12px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: auto 140px;
    height: 100%;
    width: 100%;
    background-size: auto 400px;
}

main .media img.sm[b-odxapobcrw] {
    max-width: 50px;
    max-height: 50px;
}

.col-5[b-odxapobcrw]  .blazored-typeahead__controls {
    height: 66px;
}

div.col-2[b-odxapobcrw]  .dd-button {
    height: 66px;
    vertical-align: middle;
}

.quick-add-input[b-odxapobcrw] {
    height: 75%;
    width: 100%;
}

h4[b-odxapobcrw] {
    color: var(--page-text-color);
}

.Inputwraper[b-odxapobcrw] {
    border-radius: 4px;
    color: #000000;
    background-color: #FFFFFF;
}

.blazored-typeahead__results.blazored-typeahead__selected-item[b-odxapobcrw] {
    background-color: var(--selected-textbox-color) !important;
}

.Inputwraper[b-odxapobcrw]  .blazored-typeahead:hover {
    border: 1px solid var(--selected-textbox-color);
}

.Inputwraper[b-odxapobcrw]  .blazored-typeahead:focus-within {
    box-shadow: 0 0 0 0.01rem;
    border: 1px solid var(--selected-textbox-color);
}

.Inputwraper[b-odxapobcrw]  .blazored-typeahead__active-item {
    background-color: var(--selected-textbox-color);
    border-top: 1px solid var(--selected-textbox-color);
    border-bottom: 1px solid var(--selected-textbox-color);
}

.Inputwraper[b-odxapobcrw]  .blazored-typeahead__selected-item {
    background-color: var(--selected-textbox-color);
    border-top: 1px solid var(--selected-textbox-color);
    border-bottom: 1px solid var(--selected-textbox-color);
    color: var(--primary-button-text-color);
}

.Inputwraper[b-odxapobcrw]  .blazored-typeahead__result:hover {
    background-color: var(--selected-textbox-color);
    border-top: 1px solid var(--selected-textbox-color);
    border-bottom: 1px solid var(--selected-textbox-color);
    color: var(--primary-button-text-color);
}

.Inputwraper[b-odxapobcrw]  .blazored-typeahead__down-arrow path {
    fill: #333333;
}

.Inputwraper[b-odxapobcrw]  .blazored-typeahead__input-icon:focus {
    outline: none;
    box-shadow: 0 0 0 0.01rem var(--selected-textbox-color);
}
/* _content/BlueLink.B2BOP.Blazor/Components/Configuration/AccountHistoryConfig_AccountInfo.razor.rz.scp.css */
/*.form-check-input {
    background-color: var(--primary-color) !important;
    border-color: var(--border-color) !important;
    cursor: pointer;
}

.badge {
    color: black;
    cursor: pointer;
}

.input-group-text {
    background-color: var(--config-label-background) !important;
}

.form-check-label {
    cursor: pointer;
}*/

button[b-ou6kydmi53] {
    color: var(--primary-button-text-color);
    background-color: var(--primary-color);
    border-radius: 4px;
    border: 0;
    outline: none;
    padding: 8px 30px;
    font-size: 14px;
    cursor: pointer;
}

    button:hover[b-ou6kydmi53], button:focus[b-ou6kydmi53] {
        color: var(--primary-button-text-color);
        background-color: var(--primary-color);
    }


section[b-ou6kydmi53]  .blazored-typeahead:focus-within {
    box-shadow: 0 0 0 0.01rem;
    border: 1px solid var(--selected-textbox-color);
}

section[b-ou6kydmi53]  .blazored-typeahead__active-item {
    background-color: var(--selected-textbox-color);
    border-top: 1px solid var(--selected-textbox-color);
    border-bottom: 1px solid var(--selected-textbox-color);
}

section[b-ou6kydmi53]  .blazored-typeahead__selected-item {
    background-color: var(--selected-textbox-color);
    border-top: 1px solid var(--selected-textbox-color);
    border-bottom: 1px solid var(--selected-textbox-color);
    color: var(--primary-button-text-color);
}

section[b-ou6kydmi53]  .blazored-typeahead__result:hover {
    background-color: var(--selected-textbox-color);
    border-top: 1px solid var(--selected-textbox-color);
    border-bottom: 1px solid var(--selected-textbox-color);
    color: var(--primary-button-text-color);
}

section[b-ou6kydmi53]  .blazored-typeahead__down-arrow path {
    fill: #333333;
}

section[b-ou6kydmi53]  .blazored-typeahead__input-icon:focus {
    outline: none;
    box-shadow: 0 0 0 0.01rem var(--selected-textbox-color);
}
/* _content/BlueLink.B2BOP.Blazor/Components/Configuration/AccountHistoryConfig_OrderDetails.razor.rz.scp.css */
/*.form-check-input {
    background-color: var(--primary-color) !important;
    border-color: var(--border-color) !important;
}

.badge {
    color: black;
    cursor: pointer;
}

.input-group-text {
    background-color: var(--config-label-background);
}

.form-check-label {
    cursor: pointer;
}
    */

button[b-lzu5vwe6va] {
    color: var(--primary-button-text-color);
    background-color: var(--primary-color);
    border-radius: 4px;
    border: 0;
    outline: none;
    padding: 8px 30px;
    font-size: 14px;
    cursor: pointer;
}

    button:hover[b-lzu5vwe6va], button:focus[b-lzu5vwe6va] {
        color: var(--primary-button-text-color);
        background-color: var(--primary-color);
    }


section[b-lzu5vwe6va]  .blazored-typeahead:focus-within {
    box-shadow: 0 0 0 0.01rem;
    border: 1px solid var(--selected-textbox-color);
}

section[b-lzu5vwe6va]  .blazored-typeahead__active-item {
    background-color: var(--selected-textbox-color);
    border-top: 1px solid var(--selected-textbox-color);
    border-bottom: 1px solid var(--selected-textbox-color);
}

section[b-lzu5vwe6va]  .blazored-typeahead__selected-item {
    background-color: var(--selected-textbox-color);
    border-top: 1px solid var(--selected-textbox-color);
    border-bottom: 1px solid var(--selected-textbox-color);
    color: var(--primary-button-text-color);
}

section[b-lzu5vwe6va]  .blazored-typeahead__result:hover {
    background-color: var(--selected-textbox-color);
    border-top: 1px solid var(--selected-textbox-color);
    border-bottom: 1px solid var(--selected-textbox-color);
    color: var(--primary-button-text-color);
}

section[b-lzu5vwe6va]  .blazored-typeahead__down-arrow path {
    fill: #333333;
}

section[b-lzu5vwe6va]  .blazored-typeahead__input-icon:focus {
    outline: none;
    box-shadow: 0 0 0 0.01rem var(--selected-textbox-color);
}
/* _content/BlueLink.B2BOP.Blazor/Components/Configuration/AccountHistoryConfig_OrderHistory.razor.rz.scp.css */
/*.form-check-input {
    background-color: var(--primary-color) !important;
    border-color: var(--border-color) !important;
}

.badge {
    color: black;
    cursor: pointer;
}

.input-group-text {
    background-color: var(--config-label-background);
}*/

button[b-klbf6qx6hi] {
    color: var(--primary-button-text-color);
    background-color: var(--primary-color);
    border-radius: 4px;
    border: 0;
    outline: none;
    padding: 8px 30px;
    font-size: 14px;
    cursor: pointer;
}

    button:hover[b-klbf6qx6hi], button:focus[b-klbf6qx6hi] {
        color: var(--primary-button-text-color);
        background-color: var(--primary-color);
    }

section[b-klbf6qx6hi]  .blazored-typeahead:focus-within {
    box-shadow: 0 0 0 0.01rem;
    border: 1px solid var(--selected-textbox-color);
}

section[b-klbf6qx6hi]  .blazored-typeahead__active-item {
    background-color: var(--selected-textbox-color);
    border-top: 1px solid var(--selected-textbox-color);
    border-bottom: 1px solid var(--selected-textbox-color);
}

section[b-klbf6qx6hi]  .blazored-typeahead__selected-item {
    background-color: var(--selected-textbox-color);
    border-top: 1px solid var(--selected-textbox-color);
    border-bottom: 1px solid var(--selected-textbox-color);
    color: var(--primary-button-text-color);
}

section[b-klbf6qx6hi]  .blazored-typeahead__result:hover {
    background-color: var(--selected-textbox-color);
    border-top: 1px solid var(--selected-textbox-color);
    border-bottom: 1px solid var(--selected-textbox-color);
    color: var(--primary-button-text-color);
}

section[b-klbf6qx6hi]  .blazored-typeahead__down-arrow path {
    fill: #333333;
}

section[b-klbf6qx6hi]  .blazored-typeahead__input-icon:focus {
    outline: none;
    box-shadow: 0 0 0 0.01rem var(--selected-textbox-color);
}
/* _content/BlueLink.B2BOP.Blazor/Components/Configuration/CustomerConfig_LimitToContract.razor.rz.scp.css */
.SortCol[b-3vfw5rnofo] {
    cursor: pointer
}

.Sorted[b-3vfw5rnofo] {
    border-bottom: 3px solid var(--primary-color) !important;
}

.TableDiv[b-3vfw5rnofo] {
    overflow-y: auto;
    overflow-x: auto;
    height: 500px;
}

table[b-3vfw5rnofo] {
    border-spacing: 0;
    border-collapse: separate;
    width: 100%;
    padding-right: 0px;
    position: relative;
}

.table > :not(:first-child)[b-3vfw5rnofo]{
    border-top: none;
}

thead[b-3vfw5rnofo] {
    position: sticky;
    top: 0;
    background-color: #fff;
}

th[b-3vfw5rnofo] {
    text-align: left;
    font-family: opensans-bold,'Arial Black';
    font-size: 14px;
    padding: 8px 4px;
    border-bottom: solid;
}

td[b-3vfw5rnofo] {
    font-family: opensans-regular,'Arial';
    font-size: 14px;
    padding: 8px 4px;
    border-bottom: 1px solid var(--border-color);
}

td.center[b-3vfw5rnofo] {
    text-align: center;
}

tr:hover[b-3vfw5rnofo] {
    background-color: var(--page-on-hover);
    color: var(--page-text-color);
}

button[b-3vfw5rnofo] {
    color: var(--primary-button-text-color);
    background-color: var(--primary-color);
    border-radius: 4px;
    border: 0;
    outline: none;
    margin: 0 0 0 16px;
    padding: 8px 30px;
    font-size: 14px;
    cursor: pointer;
}

    button:hover[b-3vfw5rnofo], button:focus[b-3vfw5rnofo] {
        color: var(--primary-button-text-color);
        background-color: var(--primary-color);
    }

input[b-3vfw5rnofo] {
    padding: 8px;
    margin-right: 8px;
    font-family: opensans-semibold,'Arial';
    font-size: 14px;
    color: rgba(0, 0, 0, 0.5);
    border: 1px solid var(--border-color);
    border-radius: 4px;
    width: calc(100% - 5px);
    outline: none;
    cursor: pointer;
    flex-grow: 1;
}

input:hover[b-3vfw5rnofo], input:focus[b-3vfw5rnofo] {
    border: 1px solid var(--selected-textbox-color);
}

.toolbar[b-3vfw5rnofo] {
    display: flex;
    align-items: center;
    margin-bottom: 8px
}

.search[b-3vfw5rnofo] {
    display: flex;
    align-items: center;
}

.searchBox[b-3vfw5rnofo] {
    position: relative;
    width: 100%;
}

.clear[b-3vfw5rnofo] {
    position: absolute;
    display: block;
    top: 5px;
    right: 10px;
    width: 30px;
    height: 30px;
    cursor: pointer;
    padding: 2px;
    background: transparent;
    outline: none;
    border: 1px solid var(--border-color);
    border-radius: 4px;
    color: rgba(0, 0, 0, 0.5);
}

.emptyList[b-3vfw5rnofo] {
    text-align: center;
    margin-top: 15px;
    margin-bottom: 15px;
    color: var(--page-text-color);
}

div.rightAlign[b-3vfw5rnofo] {
    text-align: right;
}

.form-check-input[b-3vfw5rnofo] {
    border-color: rgba(0,0,0, 0.25)!important;
}

.TableDiv[b-3vfw5rnofo]::-webkit-scrollbar {
    width: 16px;
}

/* background of the scrollbar except button or resizer */
.TableDiv[b-3vfw5rnofo]::-webkit-scrollbar-track {
    background-color: var(--scrollbar-main-track-color);
    border-radius: 16px;
}

/* scrollbar itself */
.TableDiv[b-3vfw5rnofo]::-webkit-scrollbar-thumb {
    background-color: var(--scrollbar-main-thumb-color);
    border-radius: 16px;
    border: 4px solid var(--scrollbar-main-thumb-border-color);
}

/* set button(top and bottom of the scrollbar) */
.TableDiv[b-3vfw5rnofo]::-webkit-scrollbar-button {
    display: none;
}
/* _content/BlueLink.B2BOP.Blazor/Components/Configuration/ReportConfigModal.razor.rz.scp.css */
.cpybtn[b-csw8htjz8c] {
    background-color: var(--primary-color);
    color: var(--primary-button-text-color);
    font-family: montserrat-medium;
    font-size: 14px;
    padding: 8px 16px;
    outline: none;
    border-radius: 4px;
    border: 2px solid var(--primary-color);
    cursor: pointer;
}

.loader[b-csw8htjz8c] {
    border: 3px solid #f3f3f3; /* Light grey */
    border-top: 3px solid #3498db; /* Blue */
    border-radius: 50%;
    width: 22px;
    height: 22px;
    animation: spin-b-csw8htjz8c 2s linear infinite;
}

@keyframes spin-b-csw8htjz8c {
    0% {
        transform: rotate(0deg);
    }

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

button[b-csw8htjz8c] {
    border-radius: 4px;
    border: 0;
    outline: none;
    margin: 5px;
    padding: 8px 30px;
    font-family: montserrat-medium;
    font-size: 14px;
    cursor: pointer;
    text-wrap: none;
    white-space: nowrap;
}

.deletbtn[b-csw8htjz8c] {
    color: var(--delete-button-text-color);
    background-color: var(--delete-button-color);
    border: 1px solid var(--delete-button-color);
    outline: thin;
}

.modalButtons[b-csw8htjz8c] {
    display: flex;
    justify-content: end;
}
/* _content/BlueLink.B2BOP.Blazor/Components/Configuration/SelectEmailModal.razor.rz.scp.css */
/*.form-check-input {*/
    /*    background-color: var(--primary-button-grey) !important;*/
    /*border-color: var(--config-label-background) !important;
}

.input-group-text {
    background-color: var(--config-label-background) !important;
}*/
.card-body[b-fswodl0ahm] {
    background-color: var(--page-color)
}

.cancel[b-fswodl0ahm] {
    color: var(--delete-button-text-color);
    background-color: var(--delete-button-color);
    border: 1px solid var(--delete-button-color);
    outline: thin;
    margin-right: 5px;
}

button[b-fswodl0ahm] {
    color: var(--primary-button-text-color);
    background-color: var(--primary-color);
    border-radius: 4px;
    border: 0;
    outline: none;
    margin-left: 5px;
    padding: 8px 30px;
    font-family: montserrat-medium;
    font-size: 14px;
    cursor: pointer;
}

main[b-fswodl0ahm]  {
    width: 100%;
    display: flex;
    flex-direction: column;
    border-top: 2px solid var(--border-color);
    margin: 0 8px var(--page-gutter) 0;
}

    main  .divcheck[b-fswodl0ahm] {
        display: flex;
        align-items: center;
        justify-content: flex-start;
        margin-top: 8px;
    }

        main .divcheck label[b-fswodl0ahm] {
            margin-left: 8px;
        }

.modalButtons[b-fswodl0ahm] {
    display: flex;
    justify-content: end;
}

input:hover[b-fswodl0ahm], input:focus[b-fswodl0ahm] {
    border: 1px solid var(--selected-textbox-color);
}

.card[b-fswodl0ahm] {
    background-color: var(--page-color);
}
/* _content/BlueLink.B2BOP.Blazor/Components/Configuration/ShopConfig_checkout.razor.rz.scp.css */
button[b-3vsxsj13j5] {
    color: var(--primary-button-text-color);
    background-color: var(--primary-color);
    border-radius: 4px;
    border: 0;
    outline: none;
    margin: 0 0 0 16px;
    padding: 8px 30px;
    font-size: 14px;
    cursor: pointer;
}
    button[disabled][b-3vsxsj13j5] {
        opacity: 0.5;
        cursor: default;
    }

.cancel[b-3vsxsj13j5] {
    color: var(--delete-button-text-color);
    background-color: var(--delete-button-color);
    border: 1px solid var(--delete-button-color);
    outline: thin;
    margin-right: 5px;
}

.my-2[b-3vsxsj13j5] {
    margin-left: auto;
}
/* _content/BlueLink.B2BOP.Blazor/Components/Configuration/ShopConfig_General.razor.rz.scp.css */
/*.form-check-input {
    background-color: var(--primary-color)!important;
    border-color: var(--border-color)!important;
    cursor: pointer;
}

.form-check-label {
    cursor: pointer;
}

.input-group-text {
    background-color: var(--config-label-background) !important;
}*/
/* _content/BlueLink.B2BOP.Blazor/Components/Configuration/ShopConfig_ProductDetails.razor.rz.scp.css */
.form-check-input[b-t3ciffu6dk] {
    border-top-right-radius: 0.25em !important;
    border-bottom-right-radius: 0.25em !important;
}

/*.form-check-label {
    cursor: pointer;
}*/

button[b-t3ciffu6dk] {
    color: var(--primary-button-text-color);
    background-color: var(--primary-color);
    border-radius: 4px;
    border: 0;
    outline: none;
    padding: 8px 30px;
    font-size: 14px;
    cursor: pointer;
}

    button:hover[b-t3ciffu6dk], button:focus[b-t3ciffu6dk] {
        color: var(--primary-button-text-color);
        background-color: var(--primary-color);
    }

div[b-t3ciffu6dk]  .blazored-typeahead:focus-within {
    box-shadow: 0 0 0 0.01rem;
    border: 1px solid var(--selected-textbox-color);
}

div[b-t3ciffu6dk]  .blazored-typeahead__active-item {
    background-color: var(--selected-textbox-color);
    border-top: 1px solid var(--selected-textbox-color);
    border-bottom: 1px solid var(--selected-textbox-color);
}

div[b-t3ciffu6dk]  .blazored-typeahead__selected-item {
    background-color: var(--selected-textbox-color);
    border-top: 1px solid var(--selected-textbox-color);
    border-bottom: 1px solid var(--selected-textbox-color);
    color: var(--primary-button-text-color);
}

div[b-t3ciffu6dk]  .blazored-typeahead__result:hover {
    background-color: var(--selected-textbox-color);
    border-top: 1px solid var(--selected-textbox-color);
    border-bottom: 1px solid var(--selected-textbox-color);
    color: var(--primary-button-text-color);
}

div[b-t3ciffu6dk]  .blazored-typeahead__down-arrow path {
    fill: #333333;
}

div[b-t3ciffu6dk]  .blazored-typeahead__input-icon:focus {
    outline: none;
    box-shadow: 0 0 0 0.01rem var(--selected-textbox-color);
}
/* _content/BlueLink.B2BOP.Blazor/Components/Configuration/ShopConfig_ShopPage.razor.rz.scp.css */
/*.form-check-input {
    background-color: var(--primary-color)!important;
    border-color: var(--border-color)!important;
    cursor: pointer;
}
.badge{
    color:black;
    cursor:pointer;
}
.input-group-text {
    background-color: var(--config-label-background) !important;
}

.form-check-label {
    cursor: pointer;
}*/

.selectedd[b-jvyz6dwdvu]::before {
    content: url(img/right-arrow-svgrepo-com.svg);
    margin-right: 5PX;
    cursor: pointer;
}
.tblsty[b-jvyz6dwdvu]{
    font-style: italic;
    text-decoration: underline

}

button[b-jvyz6dwdvu] {
    color: var(--primary-button-text-color);
    background-color: var(--primary-color);
    border-radius: 4px;
    border: 0;
    outline: none;
    padding: 8px 30px;
    font-size: 14px;
    cursor: pointer;
}

    button:hover[b-jvyz6dwdvu], button:focus[b-jvyz6dwdvu] {
        color: var(--primary-button-text-color);
        background-color: var(--primary-color);
    }

.form-check-input[b-jvyz6dwdvu] {
    border-top-right-radius: 0.25em !important;
    border-bottom-right-radius: 0.25em !important;
}


div[b-jvyz6dwdvu]  .blazored-typeahead:focus-within {
    box-shadow: 0 0 0 0.01rem;
    border: 1px solid var(--selected-textbox-color);
}

div[b-jvyz6dwdvu]  .blazored-typeahead__active-item {
    background-color: var(--selected-textbox-color);
    border-top: 1px solid var(--selected-textbox-color);
    border-bottom: 1px solid var(--selected-textbox-color);
}

div[b-jvyz6dwdvu]  .blazored-typeahead__selected-item {
    background-color: var(--selected-textbox-color);
    border-top: 1px solid var(--selected-textbox-color);
    border-bottom: 1px solid var(--selected-textbox-color);
    color: var(--primary-button-text-color);
}

div[b-jvyz6dwdvu]  .blazored-typeahead__result:hover {
    background-color: var(--selected-textbox-color);
    border-top: 1px solid var(--selected-textbox-color);
    border-bottom: 1px solid var(--selected-textbox-color);
    color: var(--primary-button-text-color);
}

div[b-jvyz6dwdvu]  .blazored-typeahead__down-arrow path {
    fill: #333333;
}

div[b-jvyz6dwdvu]  .blazored-typeahead__input-icon:focus {
    outline: none;
    box-shadow: 0 0 0 0.01rem var(--selected-textbox-color);
}
/* _content/BlueLink.B2BOP.Blazor/Components/Configuration/SiteConfig_APIConfig.razor.rz.scp.css */
/*.form-check-input {
    background-color: var(--primary-button-grey) !important;
    border-color: var(--config-label-background) !important;
}

.form-check-label {
    cursor: pointer;
}
.form-select {
    cursor: pointer;
}

.input-group-text {
    background-color: var(--config-label-background) !important;
}

.badgeX {
    float: right;
    margin-top: -10px;
    cursor: pointer;
    color: darkred;
    margin-right: -10px;
}
*/
.flxaround[b-19toy8i2p3] {
    display: flex;
    justify-content: space-between;
}
/* _content/BlueLink.B2BOP.Blazor/Components/Configuration/SiteConfig_ChangeLog.razor.rz.scp.css */
.TableDiv[b-nwnvvbk66r] {
    overflow-y: auto;
    overflow-x: auto;
    height: 100vh;
}

table[b-nwnvvbk66r] {
    border-spacing: 0;
    border-collapse: separate;
    width: 100%;
    padding-right: 0px;
    position: relative;
}

.table > :not(:first-child)[b-nwnvvbk66r] {
    border-top: none;
}

thead[b-nwnvvbk66r] {
    position: sticky;
    top: 0;
    background-color: #fff;
}

th[b-nwnvvbk66r] {
    text-align: left;
    font-family: opensans-bold,'Arial Black';
    font-size: 14px;
    padding: 8px 4px;
    border-bottom: solid;
}

td[b-nwnvvbk66r] {
    font-family: opensans-regular,'Arial';
    font-size: 14px;
    padding: 8px 4px;
    border-bottom: 1px solid var(--border-color);
}

    td div[b-nwnvvbk66r] {
        display: table;
        table-layout: fixed;
        width: 100%;
    }

        td div.infoColumn[b-nwnvvbk66r] {
            word-wrap: break-word;
        }

    td.center[b-nwnvvbk66r] {
        text-align: center;
    }

tr:hover[b-nwnvvbk66r] {
    background-color: var(--page-on-hover);
    color: var(--page-text-color);
}

button[b-nwnvvbk66r] {
    color: var(--primary-button-text-color);
    background-color: var(--primary-color);
    border-radius: 4px;
    border: 0;
    outline: none;
    margin: 0 0 0 16px;
    padding: 8px 30px;
    font-size: 14px;
    cursor: pointer;
}

    button:hover[b-nwnvvbk66r], button:focus[b-nwnvvbk66r] {
        color: var(--primary-button-text-color);
        background-color: var(--primary-color);
    }

input[b-nwnvvbk66r] {
    padding: 8px;
    margin-right: 8px;
    font-family: opensans-semibold,'Arial';
    font-size: 14px;
    color: rgba(0, 0, 0, 0.5);
    border: 1px solid var(--border-color);
    border-radius: 4px;
    width: calc(100% - 5px);
    outline: none;
    cursor: pointer;
    flex-grow: 1;
}

    input:hover[b-nwnvvbk66r], input:focus[b-nwnvvbk66r] {
        border: 1px solid var(--selected-textbox-color);
    }

.search[b-nwnvvbk66r] {
    display: flex;
    align-items: center;
}

.searchBox[b-nwnvvbk66r] {
    position: relative;
    width: 100%;
}

.toolbar[b-nwnvvbk66r] {
    display: flex;
    align-items: center;
    margin-bottom: 8px;
    align-content: baseline;
}

.clear[b-nwnvvbk66r] {
    position: absolute;
    display: block;
    top: 5px;
    right: 10px;
    width: 30px;
    height: 30px;
    cursor: pointer;
    padding: 2px;
    background: transparent;
    outline: none;
    border: 1px solid var(--border-color);
    border-radius: 4px;
    color: rgba(0, 0, 0, 0.5);
}

.emptyList[b-nwnvvbk66r] {
    text-align: center;
    margin-top: 15px;
    margin-bottom: 15px;
    color: var(--page-text-color);
}

div.rightAlign[b-nwnvvbk66r] {
    text-align: right;
}

.form-check-input[b-nwnvvbk66r] {
    border-color: rgba(0,0,0, 0.25) !important;
}

.TableDiv[b-nwnvvbk66r]::-webkit-scrollbar {
    width: 16px;
}

/* background of the scrollbar except button or resizer */
.TableDiv[b-nwnvvbk66r]::-webkit-scrollbar-track {
    background-color: var(--scrollbar-main-track-color);
    border-radius: 16px;
}

/* scrollbar itself */
.TableDiv[b-nwnvvbk66r]::-webkit-scrollbar-thumb {
    background-color: var(--scrollbar-main-thumb-color);
    border-radius: 16px;
    border: 4px solid var(--scrollbar-main-thumb-border-color);
}

/* set button(top and bottom of the scrollbar) */
.TableDiv[b-nwnvvbk66r]::-webkit-scrollbar-button {
    display: none;
}
/* _content/BlueLink.B2BOP.Blazor/Components/Configuration/SiteConfig_EmailConfig.razor.rz.scp.css */
/*.form-check-input {*/
    /*    background-color: var(--primary-button-grey) !important;*/
    /*border-color: var(--config-label-background) !important;
    cursor: pointer;
}

.form-check-label {
    cursor: pointer;
}

.input-group-text {
    background-color: var(--config-label-background) !important;
}*/

.rightAlign[b-ao4z95i31b] {
    margin-left: auto;
}

button[b-ao4z95i31b] {
    color: var(--primary-button-text-color);
    background-color: var(--primary-color);
    border-radius: 4px;
    border: 0;
    outline: none;
    padding: 8px 30px;
    font-size: 14px;
    cursor: pointer;
}

    button:hover[b-ao4z95i31b], button:focus[b-ao4z95i31b] {
        color: var(--primary-button-text-color);
        background-color: var(--primary-color);
    }
/* _content/BlueLink.B2BOP.Blazor/Components/Configuration/SiteConfig_FooterConfig.razor.rz.scp.css */
button[b-utt585uzkm] {
    color: var(--primary-button-text-color);
    background-color: var(--primary-color);
    border-radius: 4px;
    border: 0;
    outline: none;
    padding: 8px 30px;
    font-size: 14px;
    cursor: pointer;
}

    button:hover[b-utt585uzkm], button:focus[b-utt585uzkm] {
        color: var(--primary-button-text-color);
        background-color: var(--primary-color);
    }
/* _content/BlueLink.B2BOP.Blazor/Components/Configuration/SiteConfig_General.razor.rz.scp.css */
/*.form-check-input {
    background-color: var(--primary-color)!important;
    border-color: var(--border-color)!important;
    cursor: pointer;
}

.form-check-label {
    cursor: pointer;
}

.form-select {
    cursor: pointer;
}

.input-group-text {
    background-color: var(--config-label-background) !important;
}*/
/* _content/BlueLink.B2BOP.Blazor/Components/Configuration/SiteConfig_HealthCheck.razor.rz.scp.css */
.alert-pass[b-hjqvk1lpx1] {
    color: #298420;
    background-color: #daf8d7;
    border-color: #c7f5c2;
}

.alert-loading[b-hjqvk1lpx1] {
    color: #828420;
    background-color: #f8f8d7;
    border-color: #f5f5c2;
    z-index: 1;
    margin-left: calc(-.5 * var(--bs-gutter-x));
}

.checkbtn[b-hjqvk1lpx1] {
    float: right;
}

.loader[b-hjqvk1lpx1] {
    margin: auto;
    border: 2px solid #EAF0F6;
    border-radius: 50%;
    border-top: 2px solid #828420;
    width: 20px;
    height: 20px;
    animation: spinner-b-hjqvk1lpx1 2s linear infinite;
    vertical-align: middle;
    z-index: 10;
    position: relative;
}

@keyframes spinner-b-hjqvk1lpx1 {
    0% {
        transform: rotate(0deg);
    }

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

button[b-hjqvk1lpx1] {
    color: var(--primary-button-text-color);
    background-color: var(--primary-color);
    border-radius: 4px;
    border: 0;
    outline: none;
    padding: 8px 30px;
    font-size: 14px;
    cursor: pointer;
}

    button:hover[b-hjqvk1lpx1], button:focus[b-hjqvk1lpx1] {
        color: var(--primary-button-text-color);
        background-color: var(--primary-color);
    }
/* _content/BlueLink.B2BOP.Blazor/Components/Configuration/SiteConfig_HomepageConfig.razor.rz.scp.css */
.layout[b-x6jrbc2alf] {
    min-height: 8.25rem;
    flex: 0 0 auto;
    width: 20%;
    font-size: 0;
}

.form-control-lg[b-x6jrbc2alf] {
    font-size: 1rem !important;
}

.widgetItem[b-x6jrbc2alf] {
    display: flex;
    flex-wrap: wrap;
}

.widgetItem:hover[b-x6jrbc2alf] {
    background: var(--page-on-hover);
}

.widgetItem.selected[b-x6jrbc2alf] {
    background: var(--primary-color);
}

.layout:hover[b-x6jrbc2alf] {
    background: var(--page-on-hover);
}

.layout.valid[b-x6jrbc2alf] {
    background-color: #daf8d7;
}

.layout.invalid[b-x6jrbc2alf] {
    background-color: #f8d7da;
}

.layout.selected[b-x6jrbc2alf] {
    background-color: #d7daf8;
    border-radius: 0;
    border: none;
}

table[b-x6jrbc2alf] {
    width: 100%;
}

a[b-x6jrbc2alf] {
    font-size: 14px;
    padding: 8px 16px;
    outline: none;
    border-radius: 4px;
    cursor: pointer;
    margin-left: 10px;
    background-color: var(--primary-color);
    color: var(--primary-button-text-color);
    border: 2px solid var(--primary-color);
    text-decoration: none;
}

button[b-x6jrbc2alf] {
    color: var(--primary-button-text-color);
    background-color: var(--primary-color);
    border-radius: 4px;
    border: 0;
    outline: none;
    margin: 0 10px 0 0;
    padding: 8px 30px;
    font-size: 14px;
    cursor: pointer;
}

    button[disabled][b-x6jrbc2alf] {
        opacity: 0.5;
        cursor: default;
        color: var(--primary-button-text-color);
        background-color: var(--primary-color);
    }

.btn-primary:hover[b-x6jrbc2alf], .btn-primary:focus[b-x6jrbc2alf] {
    color: var(--primary-button-text-color);
    background-color: var(--primary-color);
}

.cancelbtn[b-x6jrbc2alf] {
    color: var(--delete-button-text-color);
    background-color: var(--delete-button-color);
    border: 1px solid var(--delete-button-color);
    outline: thin;
}

.top[b-x6jrbc2alf] {
    border-top: 1px solid black !important;
}

.right[b-x6jrbc2alf] {
    border-right: 1px solid black !important;
}

.bottom[b-x6jrbc2alf] {
    border-bottom: 1px solid black !important;
}

.left[b-x6jrbc2alf] {
    border-left: 1px solid black !important;
}

.greyTop[b-x6jrbc2alf] {
    border-top: 1px solid #C0C0C0 !important;
}

.greyRight[b-x6jrbc2alf] {
    border-right: 1px solid #C0C0C0 !important;
}

.greyBottom[b-x6jrbc2alf] {
    border-bottom: 1px solid #C0C0C0 !important;
}

.greyLeft[b-x6jrbc2alf] {
    border-left: 1px solid #C0C0C0 !important;
}

.showText[b-x6jrbc2alf] {
    font-size: 12px;
}

.alert[b-x6jrbc2alf] {
    text-align: center;
}

/* _content/BlueLink.B2BOP.Blazor/Components/Configuration/SiteConfig_PageLength.razor.rz.scp.css */
/*.input-group-text {
    background-color: var(--config-label-background);
}

.badgeX {
    float: right;
    margin-top: -10px;
    cursor: pointer;
    color: darkred;
    margin-right: -10px;
}*/

.title[b-ziupybi2hg] {
    background-color: var(--config-label-background);
    color: var(--config-label-text-color);
}
/* _content/BlueLink.B2BOP.Blazor/Components/Configuration/SiteConfig_ReportConfig.razor.rz.scp.css */
/*.form-check-input {
    background-color: var(--primary-color)!important;
    border-color: var(--border-color)!important;
    cursor: pointer;
}

.badge {
    color: black;
    cursor: pointer;
}

.input-group-text {
    background-color: var(--config-label-background);
}

.form-check-label {
    cursor: pointer;
}*/

th[b-1hmd1knhja], td[b-1hmd1knhja] {
    text-align: left
}

.cpybtn[b-1hmd1knhja] {
    background-color: var(--primary-color);
    color: var(--primary-button-text-color);
    font-size: 14px;
    padding: 8px 16px;
    outline: none;
    border-radius: 4px;
    border: 2px solid var(--primary-color);
    cursor: pointer;
    margin: 10px;
}

.loader[b-1hmd1knhja] {
    border: 3px solid #f3f3f3; /* Light grey */
    border-top: 3px solid #3498db; /* Blue */
    border-radius: 50%;
    width: 22px;
    height: 22px;
    animation: spin-b-1hmd1knhja 2s linear infinite;
}

.card[b-1hmd1knhja] {
    margin-bottom: 1rem;
}

@keyframes spin-b-1hmd1knhja {
    0% {
        transform: rotate(0deg);
    }

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

div[b-1hmd1knhja]  .blazored-typeahead:focus-within {
    box-shadow: 0 0 0 0.01rem;
    border: 1px solid var(--selected-textbox-color);
}

div[b-1hmd1knhja]  .blazored-typeahead__active-item {
    background-color: var(--selected-textbox-color);
    border-top: 1px solid var(--selected-textbox-color);
    border-bottom: 1px solid var(--selected-textbox-color);
}

div[b-1hmd1knhja]  .blazored-typeahead__selected-item {
    background-color: var(--selected-textbox-color);
    border-top: 1px solid var(--selected-textbox-color);
    border-bottom: 1px solid var(--selected-textbox-color);
    color: var(--primary-button-text-color);
}

div[b-1hmd1knhja]  .blazored-typeahead__result:hover {
    background-color: var(--selected-textbox-color);
    border-top: 1px solid var(--selected-textbox-color);
    border-bottom: 1px solid var(--selected-textbox-color);
    color: var(--primary-button-text-color);
}

div[b-1hmd1knhja]  .blazored-typeahead__down-arrow path {
    fill: #333333;
}

div[b-1hmd1knhja]  .blazored-typeahead__input-icon:focus {
    outline: none;
    box-shadow: 0 0 0 0.01rem var(--selected-textbox-color);
}
/* _content/BlueLink.B2BOP.Blazor/Components/Configuration/SiteConfig_SqlViewConfig.razor.rz.scp.css */
/*.form-check-input {
    background-color: var(--primary-color)!important;
    border-color: var(--border-color)!important;
}

.input-group-text{
    background-color: var(--config-label-background);
}

.badgeX {
    float: right;
    margin-top: -10px;
    cursor: pointer;
    color: darkred;
    margin-right: -10px;
}*/

.custpadding[b-k809bbp94e]{
    padding:0.5rem;
}

.arrowdown[b-k809bbp94e] {
    cursor: pointer;
}

.arrowdown[b-k809bbp94e]::before {
    margin-right: 5PX;
    cursor: pointer;
}

.arrowright[b-k809bbp94e] {
    cursor: pointer;
}

.arrowright[b-k809bbp94e]::before {
    margin-right: 5PX;
    cursor: pointer;
}
/* _content/BlueLink.B2BOP.Blazor/Components/Configuration/ThemeConfig_Banner.razor.rz.scp.css */
.optionitem[b-4p0oxdqd0d] {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
    overflow: hidden;
}

img[b-4p0oxdqd0d] {
    max-width: 100%;
    max-height: 100%;
    object-fit: cover;
}

td.center[b-4p0oxdqd0d] {
    text-align: center;
}

td>svg[b-4p0oxdqd0d] {
    width: 20px;
    height: 20px;
}

p[b-4p0oxdqd0d] {
    text-align: center;
}

table[b-4p0oxdqd0d] {
    height: 100%;
    font-size: 15px;
    margin: 10px;
}

.bannerTable[b-4p0oxdqd0d] {
    display: block;
    overflow-x: auto;
    scrollbar-width: thin !important;
}
/* _content/BlueLink.B2BOP.Blazor/Components/Configuration/ThemeConfig_MainLogo.razor.rz.scp.css */
.logoPreview[b-p1cde6yfzx] {
    display: block;
    max-height: 80px;
    max-width: 200px;
    background-position: center center;
    width: auto;
    height: auto;
}
/* _content/BlueLink.B2BOP.Blazor/Components/Configuration/ThemeConfig_NoImage.razor.rz.scp.css */
/*.form-check-input {
    background-color: var(--primary-color)!important;
    border-color: var(--border-color)!important;
}

.ImageWraper {
    overflow-y: scroll;
    scrollbar-width: thin !important;
}

.ImageWraper::-webkit-scrollbar {
    background-color: #fff;
    width: 16px;
}*/

/* background of the scrollbar except button or resizer */
/*.ImageWraper::-webkit-scrollbar-track {
    background-color: #fff;
}*/

/* scrollbar itself */
/*.ImageWraper::-webkit-scrollbar-thumb {
    background-color: #babac0;
    border-radius: 16px;
    border: 4px solid #fff;
}*/

/* set button(top and bottom of the scrollbar) */
/*.ImageWraper::-webkit-scrollbar-button {
    display: none;
}*/
/* _content/BlueLink.B2BOP.Blazor/Components/Configuration/ThemeConfig_SiteColors.razor.rz.scp.css */
.title[b-wn0uu3udj5] {
    background-color: var(--config-label-background);
    color: var(--config-label-text-color);
}

.box[b-wn0uu3udj5] {
    width: 50%;
    /*height: 50px;*/
    border: 1px solid black;
    clear: both;
}

.hexCode[b-wn0uu3udj5] {
    width: 50%;
    /*height: 50px;*/
    clear: both;
    display: inline-block;
    text-align: left;
    text-decoration: none;
    margin: auto;
}

.hexCode > span[b-wn0uu3udj5] {
    margin-left:5px;
}

.item-value[b-wn0uu3udj5]{
    text-align: center;
}

.color-picker[b-wn0uu3udj5] {
    width: 100%;
    height: 100%;
}

input[type=button][b-wn0uu3udj5] {
    color: var(--primary-button-text-color);
    background-color: var(--primary-color);
    outline: none;
    border-radius: 4px;
    border: 2px solid var(--primary-color);
}

.row[b-wn0uu3udj5] {
    margin-left: 0px;
}

.documentation[b-wn0uu3udj5] {
    padding: 0px;
}

td[b-wn0uu3udj5] {
    vertical-align: text-top;
    text-align: center;
}

.docBox[b-wn0uu3udj5] {
    color: darkblue;
    cursor: pointer;
}

.WCAGmodalStyling[b-wn0uu3udj5] {
    display: flex;
    z-index: 102;
    flex-direction: column;
    background-color: #ffffff;
    color: #000000;
    border-radius: 4px;
    border: 1px solid #fff;
    padding: 1.5rem;
    box-shadow: 0 2px 2px rgb(0 0 0 / 25%);
}
/* _content/BlueLink.B2BOP.Blazor/Components/Configuration/UploadImageModal.razor.rz.scp.css */
.ImageWraper[b-km0eeojl3j] {
    /*overflow-y: scroll;*/
    max-height: calc(50vh);
    max-width: calc(50vw);
    /*scrollbar-width: thin !important;*/
}

.cancel[b-km0eeojl3j] {
    color: var(--delete-button-text-color);
    background-color: var(--delete-button-color);
    border: 1px solid var(--delete-button-color);
    outline: thin;
    margin-right: 5px;
}

button[b-km0eeojl3j] {
    color: var(--primary-button-text-color);
    background-color: var(--primary-color);
    border-radius: 4px;
    border: 0;
    outline: none;
    margin: 18px 0;
    margin-left: 5px;
    padding: 8px 30px;
    font-family: montserrat-medium;
    font-size: 14px;
    cursor: pointer;
}

.modalButtons[b-km0eeojl3j] {
    display: flex;
    justify-content: end;
}

input:hover[b-km0eeojl3j], input:focus[b-km0eeojl3j] {
    border: 1px solid var(--selected-textbox-color) !important;
}

.card[b-km0eeojl3j] {
    background-color: var(--page-color);
}

/*.ImageWraper::-webkit-scrollbar {
    background-color: #fff;
    width: 16px;
}*/

/* background of the scrollbar except button or resizer */
/*.ImageWraper::-webkit-scrollbar-track {
    background-color: #fff;
}*/

/* scrollbar itself */
/*.ImageWraper::-webkit-scrollbar-thumb {
    background-color: #babac0;
    border-radius: 16px;
    border: 4px solid #fff;
}*/

/* set button(top and bottom of the scrollbar) */
/*.ImageWraper::-webkit-scrollbar-button {
    display: none;
}*/
/* _content/BlueLink.B2BOP.Blazor/Components/Configuration/UserConfig_SalesRepMaintenance.razor.rz.scp.css */
.SortCol[b-fd2t6u630j] {
    cursor: pointer
}

.Sorted[b-fd2t6u630j] {
    border-bottom: 3px solid var(--primary-color) !important;
}

.TableDiv[b-fd2t6u630j] {
    overflow-y: auto;
    overflow-x: auto;
}

.CustomerTableDiv[b-fd2t6u630j] {
    overflow-y: auto;
    overflow-x: auto;
    height:500px;
}

table[b-fd2t6u630j] {
    border-spacing: 0;
    border-collapse: separate;
    width: 100%;
    padding-right: 0px;
    position: relative;
}

.table > :not(:first-child)[b-fd2t6u630j] {
    border-top: none;
}

thead[b-fd2t6u630j] {
    position: sticky;
    top: 0;
    background-color: #fff;
}

th[b-fd2t6u630j] {
    text-align: left;
    font-family: opensans-bold,'Arial Black';
    font-size: 14px;
    padding: 8px 4px;
    border-bottom: solid;
}

td[b-fd2t6u630j] {
    font-family: opensans-regular,'Arial';
    font-size: 14px;
    padding: 8px 4px;
    border-bottom: 1px solid var(--border-color);
}

    td.center[b-fd2t6u630j] {
        text-align: center;
    }

tr:hover[b-fd2t6u630j] {
    background-color: var(--page-on-hover);
    color: var(--page-text-color);
}

button[b-fd2t6u630j] {
    color: var(--primary-button-text-color);
    background-color: var(--primary-color);
    border-radius: 4px;
    border: 0;
    outline: none;
    margin: 0 0 0 16px;
    padding: 8px 30px;
    font-size: 14px;
    cursor: pointer;
}

button:hover[b-fd2t6u630j], button:focus[b-fd2t6u630j]{
    color: var(--primary-button-text-color);
    background-color: var(--primary-color);
}

    button.active[b-fd2t6u630j] {
        -webkit-box-shadow: inset 0px 0px 5px #494949;
        -moz-box-shadow: inset 0px 0px 5px #494949;
        box-shadow: inset 0px 0px 5px #494949;
        color: var(--secondary-button-text-color);
        background-color: var(--secondary-button-color);
    }

input[b-fd2t6u630j] {
    padding: 8px;
    margin-right: 8px;
    font-family: opensans-semibold,'Arial';
    font-size: 14px;
    color: rgba(0, 0, 0, 0.5);
    border: 1px solid var(--border-color);
    border-radius: 4px;
    width: calc(100% - 5px);
    outline: none;
    cursor: pointer;
    flex-grow: 1;
}

    input:hover[b-fd2t6u630j], input:focus[b-fd2t6u630j] {
        border: 1px solid var(--selected-textbox-color);
    }

.toolbar[b-fd2t6u630j] {
    display: flex;
    align-items: center;
    margin-bottom: 8px
}

.search[b-fd2t6u630j] {
    display: flex;
    align-items: center;
}

.searchBox[b-fd2t6u630j] {
    position: relative;
    width: 100%;
}

.clear[b-fd2t6u630j] {
    position: absolute;
    display: block;
    top: 5px;
    right: 10px;
    width: 30px;
    height: 30px;
    cursor: pointer;
    padding: 2px;
    background: transparent;
    outline: none;
    border: 1px solid var(--border-color);
    border-radius: 4px;
    color: rgba(0, 0, 0, 0.5);
}

.emptyList[b-fd2t6u630j] {
    text-align: center;
    margin-top: 15px;
    margin-bottom: 15px;
    color: var(--page-text-color);
}

div.rightAlign[b-fd2t6u630j] {
    text-align: right;
}

.form-check-input[b-fd2t6u630j] {
    border-color: rgba(0,0,0, 0.25) !important;
}

.TableDiv[b-fd2t6u630j]::-webkit-scrollbar {
    width: 16px;
}

/* background of the scrollbar except button or resizer */
.TableDiv[b-fd2t6u630j]::-webkit-scrollbar-track {
    background-color: var(--scrollbar-main-track-color);
    border-radius: 16px;
}

/* scrollbar itself */
.TableDiv[b-fd2t6u630j]::-webkit-scrollbar-thumb {
    background-color: var(--scrollbar-main-thumb-color);
    border-radius: 16px;
    border: 4px solid var(--scrollbar-main-thumb-border-color);
}

/* set button(top and bottom of the scrollbar) */
.TableDiv[b-fd2t6u630j]::-webkit-scrollbar-button {
    display: none;
}

.CustomerTableDiv[b-fd2t6u630j]::-webkit-scrollbar {
    width: 16px;
}

/* background of the scrollbar except button or resizer */
.CustomerTableDiv[b-fd2t6u630j]::-webkit-scrollbar-track {
    background-color: var(--scrollbar-main-track-color);
    border-radius: 16px;
}

/* scrollbar itself */
.CustomerTableDiv[b-fd2t6u630j]::-webkit-scrollbar-thumb {
    background-color: var(--scrollbar-main-thumb-color);
    border-radius: 16px;
    border: 4px solid var(--scrollbar-main-thumb-border-color);
}

/* set button(top and bottom of the scrollbar) */
.CustomerTableDiv[b-fd2t6u630j]::-webkit-scrollbar-button {
    display: none;
}

.notfound[b-fd2t6u630j] {
    font-family: opensans-regular,'Arial';
    font-size: 16px;
    padding: 8px 4px;
}
/* _content/BlueLink.B2BOP.Blazor/Components/ConfirmModal.razor.rz.scp.css */
button[b-widcm6llcm] {
    color: var(--primary-button-text-color);
    background-color: var(--primary-color);
    border-radius: 4px;
    border: 0;
    outline: none;
    margin: 18px 0;
    padding: 8px 30px;
    font-family: montserrat-medium;
    font-size: 14px;
    cursor: pointer;
}

.cancelbtn[b-widcm6llcm] {
    color: var(--secondary-button-text-color);
    background-color: var(--secondary-button-color);
    border: 1px solid var(--secondary-button-color);
    margin: 18px 0;
    outline: thin;
}

.modalButtons[b-widcm6llcm] {
    display: flex;
    justify-content: end;
}
/* _content/BlueLink.B2BOP.Blazor/Components/CopyOrderToShoppingList.razor.rz.scp.css */
ul[b-axqjfgm173] {
    color: var(--delete-button-color);
}


section[b-axqjfgm173] {
    min-height: 650px;
}

    section[b-axqjfgm173]  .blazored-typeahead {
        outline: none;
        border: 1px solid var(--border-color);
        font-size: 16px;
        width: 365px;
        font-family: inherit;
        border-radius: 0px;
    }

        section[b-axqjfgm173]  .blazored-typeahead:focus-within {
            box-shadow: 0 0 0 0.01rem;
            border: 1px solid var(--selected-textbox-color);
        }

    section[b-axqjfgm173]  .blazored-typeahead__active-item {
        background-color: var(--selected-textbox-color);
        border-top: 1px solid var(--selected-textbox-color);
        border-bottom: 1px solid var(--selected-textbox-color);
    }

    section[b-axqjfgm173]  .blazored-typeahead__result:hover {
        background-color: var(--selected-textbox-color);
        border-top: 1px solid var(--selected-textbox-color);
        border-bottom: 1px solid var(--selected-textbox-color);
    }

    section[b-axqjfgm173]  .blazored-typeahead__down-arrow path {
        fill: #333333;
    }

    section[b-axqjfgm173]  .blazored-typeahead__input-icon:focus {
        outline: none;
        box-shadow: 0 0 0 0.01rem var(--selected-textbox-color);
    }



    section input[b-axqjfgm173] {
        outline: none;
        border: 1px solid var(--border-color);
        font-size: 16px;
        line-height: 24px;
        padding: 4px 8px;
        width: 350px;
    }

        section input:focus[b-axqjfgm173] {
            border-color: var(--primary-color);
        }

    section div[b-axqjfgm173] {
/*        width: 100%;
        display: flex;
        align-items: center;
        justify-content: flex-end;
        margin-top: 8px;*/
    }

   
    section label[b-axqjfgm173] {
        font-family: montserrat-light;
        font-size: 14px;
        margin: 0 8px 0px 0px;
        text-wrap: none;
    }

button[b-axqjfgm173] {
    background-color: var(--primary-color);
    color: var(--primary-button-text-color);
    font-family: montserrat-medium;
    font-size: 14px;
    padding: 8px 16px;
    outline: none;
    border-radius: 4px;
    border: 2px solid var(--primary-color);
    cursor: pointer;
    margin: 10px 0px 0px 0px;
}

.cancel[b-axqjfgm173] {
    color: var(--delete-button-text-color);
    background-color: var(--delete-button-color);
    border: 1px solid var(--delete-button-color);
    outline: thin;
    margin-right: 5px;
}

    button:hover[b-axqjfgm173] {
        border-color: var(--border-color);
    }

    button[disabled][b-axqjfgm173] {
        opacity: 0.5;
        cursor: default;
    }

.Inputwraper[b-axqjfgm173]{
    width:350px;
}

.block-div[b-axqjfgm173]{
    display:block;
}

.checkbox-div[b-axqjfgm173] {
    justify-content: left;
    margin: 0 10px;
}

.checkbox-input[b-axqjfgm173] {
    width: 15px;
    margin-right: 10px;
}

.showchangedItems[b-axqjfgm173] {
    position: relative;
    padding-inline: 10px;
    border: solid;
    border-radius: .35rem;
    border-color: var(--delete-button-color);
    max-height: 227px;
    border-width: 2px;
    border-left-width: 10px;
    margin-bottom:20px;
    color: var(--page-text-color);
}

.notification[b-axqjfgm173] {
/*    position: relative;
    display: flex;
    justify-content: space-between;
    padding-bottom: 0.5%;
    height: 20%;*/
}
.ValidationErr[b-axqjfgm173] {
    display: flex;
    flex-direction: column;
}

    .ValidationErr span[b-axqjfgm173] {
        font-size: 10px;
        color: var(--delete-button-color);
    }

.loader[b-axqjfgm173] {
    border: 3px solid #f3f3f3; /* Light grey */
    border-top: 3px solid #3498db; /* Blue */
    border-radius: 50%;
    width: 22px;
    height: 22px;
    animation: spin-b-axqjfgm173 2s linear infinite;
}
@keyframes spin-b-axqjfgm173 {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}
/* _content/BlueLink.B2BOP.Blazor/Components/CreateUsersModal.razor.rz.scp.css */
button[b-j7pwmrc3ej] {
    color: var(--primary-button-text-color);
    background-color: var(--primary-color);
    border-radius: 4px;
    border: 0;
    outline: none;
    margin: 0 0 0 16px;
    padding: 8px 30px;
    font-family: montserrat-medium;
    font-size: 14px;
    cursor: pointer;
}

.info-bgColor[b-j7pwmrc3ej] {
    background-color: var(--secondary-button-color);
    color: var(--secondary-button-text-color);
}

.danger-bgColor[b-j7pwmrc3ej] {
    color: var(--delete-button-text-color);
    background-color: var(--delete-button-color);
    border: 1px solid var(--delete-button-color);
    margin-top: 0px;
    outline: thin;
}
/* _content/BlueLink.B2BOP.Blazor/Components/CSOSAcknowledgements.razor.rz.scp.css */
.toolbar[b-c6myo85xxk] {
    display: flex;
    align-items: center;
    margin-bottom: 8px;
    align-content: baseline;
}

input[type='text'][b-c6myo85xxk], [type='date'][b-c6myo85xxk] {
    padding: 8px;
    margin-right: 8px;
    font-family: opensans-semibold,'Arial';
    font-size: 14px;
    opacity: 0.5;
    border: 1px solid var(--border-color);
    border-radius: 4px;
    width: calc(100% - 5px);
    outline: none;
    cursor: pointer;
    flex-grow: 1;
}

input[type='checkbox'][b-c6myo85xxk], .form-check-label[b-c6myo85xxk] {
    cursor: pointer;
}

input:hover[b-c6myo85xxk], input:focus[b-c6myo85xxk] {
    border: 1px solid var(--selected-textbox-color);
}

button[b-c6myo85xxk] {
    color: var(--primary-button-text-color);
    background-color: var(--primary-color);
    border-radius: 4px;
    border: 0;
    outline: none;
    margin: 0 0 0 32px;
    padding: 8px 30px;
    font-family: montserrat-medium;
    font-size: 14px;
    cursor: pointer;
}


td button[b-c6myo85xxk] {
    margin: 0;
    padding: 2px 7px;
}

td.right[b-c6myo85xxk] {
    text-align: right;
}

button[disabled][b-c6myo85xxk] {
    opacity: 0.5;
    cursor: default;
}

.search[b-c6myo85xxk] {
    display: flex;
    align-items: center;
}

.searchBox[b-c6myo85xxk] {
    position: relative;
    width: 100%;
}

.clear[b-c6myo85xxk] {
    position: absolute;
    display: block;
    top: 5px;
    right: 10px;
    width: 30px;
    height: 30px;
    cursor: pointer;
    padding: 2px;
    background: transparent;
    outline: none;
    border: 1px solid var(--border-color);
    border-radius: 4px;
    color: var(--page-text-color);
    opacity: 0.5;
}

    .clear:hover[b-c6myo85xxk], .clear:focus[b-c6myo85xxk] {
        border: 1px solid var(--selected-textbox-color);
    }

th[b-c6myo85xxk] {
    padding-right: 10px;
    text-align: left;
    font-family: opensans-bold,'Arial Black';
    font-size: 14px;
    white-space: nowrap;
    border-bottom: solid;
}

.info[b-c6myo85xxk] {
    vertical-align: top;
    text-align: left;
    height: 26px;
    font-size: 15px;
    min-width: 120px;
}

th.info[b-c6myo85xxk] {
    cursor: pointer;
}

.viewBtn[b-c6myo85xxk] {
    vertical-align: top;
    text-align: left;
    height: 26px;
    font-size: 15px;
    min-width: 80px;
}

.bborder[b-c6myo85xxk] {
    border-bottom: 1px solid var(--border-color);
}

    .bborder td[b-c6myo85xxk] {
        border: none;
    }

.rightalight[b-c6myo85xxk] {
    text-align: right;
}

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

.infolink[b-c6myo85xxk] {
    width: 20px;
    margin-left: 10px;
}

ul[b-c6myo85xxk] {
    padding-right: 17px;
}

h3[b-c6myo85xxk] {
    margin: 0px;
    color: var(--page-text-color);
}

label[b-c6myo85xxk] {
    color: var(--page-text-color);
}

p[b-c6myo85xxk] {
    text-align: center;
    margin-top: 15px;
    margin-bottom: 15px;
    color: var(--page-text-color);
}

table[b-c6myo85xxk] {
    color: var(--page-text-color);
    height: 100%;
    font-size: 15px;
    margin: 10px;
}

.orderHistoryTable > thead th:first-child[b-c6myo85xxk] {
    position: sticky;
    left: 0;
    background-color: var(--page-color);
}

.orderHistoryTable > tbody tr td:first-child[b-c6myo85xxk] {
    position: sticky;
    left: 0;
    background-color: var(--page-color);
}

.orderHistoryTable > thead th:nth-child(2)[b-c6myo85xxk] {
    position: sticky;
    left: 120px;
    background-color: var(--page-color);
}

.orderHistoryTable > tbody tr td:nth-child(2)[b-c6myo85xxk] {
    position: sticky;
    left: 120px;
    background-color: var(--page-color);
}


.orderHistoryTable > thead th:last-child[b-c6myo85xxk] {
    position: sticky;
    right: 0;
    background-color: var(--page-color);
    max-width: 80px;
}

.orderHistoryTable > tbody tr td:last-child[b-c6myo85xxk] {
    position: sticky;
    right: 0;
    background-color: var(--page-color);
    max-width: 80px;
}

.orderHistoryTable > tbody td[b-c6myo85xxk] {
    padding: .5rem;
}

.orderHistoryTable > tbody tr:hover td[b-c6myo85xxk] {
    background-color: var(--page-on-hover) !important;
    color: var(--page-text-color);
}

.orderHistoryTable[b-c6myo85xxk] {
    display: block;
    overflow-x: auto;
    scrollbar-width: thin !important;
}

    .orderHistoryTable[b-c6myo85xxk]::-webkit-scrollbar {
        width: 16px;
    }

    /* background of the scrollbar except button or resizer */
    .orderHistoryTable[b-c6myo85xxk]::-webkit-scrollbar-track {
        background-color: var(--scrollbar-main-track-color);
        border-radius: 16px;
    }

    /* scrollbar itself */
    .orderHistoryTable[b-c6myo85xxk]::-webkit-scrollbar-thumb {
        background-color: var(--scrollbar-main-thumb-color);
        border-radius: 16px;
        border: 4px solid var(--scrollbar-main-thumb-border-color);
    }

    /* set button(top and bottom of the scrollbar) */
    .orderHistoryTable[b-c6myo85xxk]::-webkit-scrollbar-button {
        display: none;
    }

.Sorted[b-c6myo85xxk] {
    border-bottom: 3px solid var(--primary-color) !important;
}
/* _content/BlueLink.B2BOP.Blazor/Components/CSOSSelectCertificateCheckout.razor.rz.scp.css */

.cancelbtn[b-dlw5f2k5uq] {
    color: var(--delete-button-text-color);
    background-color: var(--delete-button-color);
    border: 1px solid var(--delete-button-color);
    outline: thin;
}

button[b-dlw5f2k5uq] {
    background-color: var(--primary-color);
    color: var(--primary-button-text-color);
    font-family: montserrat-medium;
    font-size: 14px;
    padding: 8px 16px;
    outline: none;
    border-radius: 4px;
    border: 2px solid var(--primary-color);
    cursor: pointer;
    text-wrap: none;
    white-space: nowrap;
}

    button:hover[b-dlw5f2k5uq] {
        border-color: var(--border-color);
    }

    button[disabled][b-dlw5f2k5uq] {
        opacity: 0.5;
        cursor: default;
    }

table[b-dlw5f2k5uq] {
    width: 75vw;
}

tbody[b-dlw5f2k5uq] {
    display: block;
    height: 150px;
    overflow: auto;
}

    thead[b-dlw5f2k5uq], tbody tr[b-dlw5f2k5uq] {
        display: table;
        width: 100%;
        table-layout: fixed;
    }

th[b-dlw5f2k5uq] {
    padding-right: 10px;
    text-align: left;
    font-family: opensans-bold,'Arial Black';
    font-size: 14px;
    white-space: nowrap;
    border-bottom: solid;
}

th.select[b-dlw5f2k5uq] {
    padding-right: 0px !important;
    text-align: center !important;
}

td[b-dlw5f2k5uq] {
    vertical-align: top;
    text-align: left;
    height: 26px;
    font-size: 15px;
}

.hideiframe[b-dlw5f2k5uq] {
    display:none;
}

.showiframe[b-dlw5f2k5uq] {
    display: block;
}

input[type=radio][b-dlw5f2k5uq] {
    margin: auto;
    display: block;
    margin-top: 5px;
}

iframe[b-dlw5f2k5uq] {
    height: 30vh;
}
/* _content/BlueLink.B2BOP.Blazor/Components/CSOSUploadNewCertificate.razor.rz.scp.css */

.cancelbtn[b-qnop3gbbo1] {
    color: var(--delete-button-text-color);
    background-color: var(--delete-button-color);
    border: 1px solid var(--delete-button-color);
    outline: thin;
}

button[b-qnop3gbbo1] {
    background-color: var(--primary-color);
    color: var(--primary-button-text-color);
    font-family: montserrat-medium;
    font-size: 14px;
    padding: 8px 16px;
    outline: none;
    border-radius: 4px;
    border: 2px solid var(--primary-color);
    cursor: pointer;
    text-wrap: none;
    white-space: nowrap;
}

    button:hover[b-qnop3gbbo1] {
        border-color: var(--border-color);
    }

    button[disabled][b-qnop3gbbo1] {
        opacity: 0.5;
        cursor: default;
    }

#certName[b-qnop3gbbo1] {
    margin-bottom: 10px;
}

.hideiframe[b-qnop3gbbo1] {
    display: none;
}

.showiframe[b-qnop3gbbo1] {
    display: block;
}

.csosErrors[b-qnop3gbbo1] {
    color: var(--delete-button-color);
}

iframe[b-qnop3gbbo1]{
    height: 40vh;
}

.DropdownWraper[b-qnop3gbbo1] {
    border-radius: 4px;
    color: #000000;
    background-color: #FFFFFF;
}

.blazored-typeahead__results.blazored-typeahead__selected-item[b-qnop3gbbo1] {
    background-color: var(--selected-textbox-color) !important;
}

.DropdownWraper[b-qnop3gbbo1]  .blazored-typeahead:hover {
    border: 1px solid var(--selected-textbox-color);
}

.DropdownWraper[b-qnop3gbbo1]  .blazored-typeahead:focus-within {
    box-shadow: 0 0 0 0.01rem;
    border: 1px solid var(--selected-textbox-color);
}

.DropdownWraper[b-qnop3gbbo1]  .blazored-typeahead__active-item {
    background-color: var(--selected-textbox-color);
    border-top: 1px solid var(--selected-textbox-color);
    border-bottom: 1px solid var(--selected-textbox-color);
}

.DropdownWraper[b-qnop3gbbo1]  .blazored-typeahead__selected-item {
    background-color: var(--selected-textbox-color);
    border-top: 1px solid var(--selected-textbox-color);
    border-bottom: 1px solid var(--selected-textbox-color);
    color: var(--primary-button-text-color);
}

.DropdownWraper[b-qnop3gbbo1]  .blazored-typeahead__result:hover {
    background-color: var(--selected-textbox-color);
    border-top: 1px solid var(--selected-textbox-color);
    border-bottom: 1px solid var(--selected-textbox-color);
    color: var(--primary-button-text-color);
}

.DropdownWraper[b-qnop3gbbo1]  .blazored-typeahead__down-arrow path {
    fill: #333333;
}

.DropdownWraper[b-qnop3gbbo1]  .blazored-typeahead__input-icon:focus {
    outline: none;
    box-shadow: 0 0 0 0.01rem var(--selected-textbox-color);
}

input:hover[b-qnop3gbbo1], input:focus[b-qnop3gbbo1] {
    border: 1px solid var(--selected-textbox-color);
}
/* _content/BlueLink.B2BOP.Blazor/Components/CustomerInformation.razor.rz.scp.css */
input[type='text'][b-p43fef24v2], [type='date'][b-p43fef24v2] {
    padding: 8px;
    margin-right: 8px;
    font-family: opensans-semibold,'Arial';
    font-size: 14px;
    opacity: 0.5;
    border: 1px solid var(--border-color);
    border-radius: 4px;
    width: calc(100% - 5px);
    outline: none;
    cursor: pointer;
    flex-grow: 1;
}

.layout[b-p43fef24v2] {
    display: block;
}
.listitem .details-panel[b-p43fef24v2] {
background-color: #fafafa;
padding: var(--page-gutter);
}

.panel[b-p43fef24v2]{
margin-top: var(--page-gutter);
}

.listitem .details-panel h2[b-p43fef24v2] {
margin: 0;
font-family: opensans-semibold,'Arial';
font-size: 18px;
}

.mb-3[b-p43fef24v2] {
    color: var(--page-text-color);
}

.m-2[b-p43fef24v2] {
    color: var(--page-text-color);
}

.mt-5.mb-5[b-p43fef24v2] {
    color: var(--page-text-color);
}
/*.details {
display: flex;
flex-direction: row;
justify-content: left;
}

.details  {
margin-right: 30px;
flex-direction: column;
font-size: 14px;
line-height: 24px;
color: #212121;
}

.details {
font-family: montserrat-medium;
margin-top: var(--page-gutter);
}

.details {
font-family: opensans-regular;
}*/

.SortCol[b-p43fef24v2]{
  cursor:pointer
}

.Sorted[b-p43fef24v2] {
    border-bottom: 3px solid var(--primary-color);
}

.column-arrow-wrap[b-p43fef24v2] {
    display: flex;
    color: var(--page-text-color);
}

label[b-p43fef24v2] {
    font-weight: bold;
    color: var(--page-text-color);
}

th[b-p43fef24v2] {
    padding-right: 10px;
    text-align: left;
    font-family: opensans-bold,'Arial Black';
    font-size: 14px;
    white-space: nowrap;
    border-bottom:solid;
}

td[b-p43fef24v2] {
    vertical-align: top;
    text-align: left;
    height: 26px;
    font-size: 15px;
    min-width: 140px;
}

.rightalign[b-p43fef24v2] {
    text-align: right;
    min-width: 80px !important;
    
}

table.accountInfo td[b-p43fef24v2] {
    padding-left: 15px;
}

div.accountInfo[b-p43fef24v2] {
    margin-left: 10px;
    margin-right: 30px;
    width: 25%;
/*    border-style: solid;
    border-width: 1px;*/
}

div.AccountInfoProperties[b-p43fef24v2] {
    display: flex;
    width: 75%;
}

div.AdditionalInfo[b-p43fef24v2] {
    display: flex;
    width: 100%;
}

.container[b-p43fef24v2] {
    display: flex;
    padding: 5px;
    margin: 0px 5px;
}

.container span[b-p43fef24v2] {
    min-height: 24px;
}

.csoscontainer[b-p43fef24v2] {
    padding: 5px;
}

.leftContainer[b-p43fef24v2] {
    display: flex;
    flex-direction: column;
    min-width: 60%;
    text-align: right;
    padding-right: 15px;
}

.rightContainer[b-p43fef24v2] {
    display: flex;
    flex-direction: column;
    min-width: 40%;
}

.notfound[b-p43fef24v2] {
    font-family: opensans-regular,'Arial';
    font-size: 20px;
    padding: 8px 4px;
}
table[b-p43fef24v2] {
    color: var(--page-text-color);
    height: 100%;
    font-size: 15px;
}

.AddressItem[b-p43fef24v2] {
    margin: .5rem;
}

.ShipLocTbl > thead th:first-child[b-p43fef24v2] {
    position: sticky;
    left: 0;
    background-color: var(--page-color);
}

.ShipLocTbl > tbody tr td:first-child[b-p43fef24v2] {
    position: sticky;
    left: 0;
    background-color: var(--page-color);
}

.ShipLocTbl > tbody tr:hover td[b-p43fef24v2] {
    background-color: var(--page-on-hover) !important;
    color: var(--page-text-color);
}

.ShipLocTbl > thead tr.expired th:first-child[b-p43fef24v2] {
    position: sticky;
    left: 0;
    background-color: var(--delete-button-color);
}

.ShipLocTbl > tbody tr.expired td:first-child[b-p43fef24v2] {
    position: sticky;
    left: 0;
    background-color: var(--delete-button-color);
}

.ShipLocTbl > thead tr.warning th:first-child[b-p43fef24v2] {
    position: sticky;
    left: 0;
    background-color: var(--notification-box-color);
}

.ShipLocTbl > tbody tr.warning td:first-child[b-p43fef24v2] {
    position: sticky;
    left: 0;
    background-color: var(--notification-box-color);
}

.ShipLocTbl > tbody td[b-p43fef24v2] {
    padding: .5rem;
}

.ShipLocTbl[b-p43fef24v2] {
    display: block;
    overflow-x: auto;
    scrollbar-width: thin !important;
    margin: 10px;
}

.ShipLocTbl[b-p43fef24v2]::-webkit-scrollbar {
    width: 16px;
}

/* background of the scrollbar except button or resizer */
.ShipLocTbl[b-p43fef24v2]::-webkit-scrollbar-track {
    background-color: var(--scrollbar-main-track-color);
    border-radius: 16px;
}

/* scrollbar itself */
.ShipLocTbl[b-p43fef24v2]::-webkit-scrollbar-thumb {
    background-color: var(--scrollbar-main-thumb-color);
    border-radius: 16px;
    border: 4px solid var(--scrollbar-main-thumb-border-color);
}

/* set button(top and bottom of the scrollbar) */
.ShipLocTbl[b-p43fef24v2]::-webkit-scrollbar-button {
    display: none;
}

.expired[b-p43fef24v2] {
    background-color: var(--delete-button-color);
    color: var(--delete-button-text-color);
}

.warning[b-p43fef24v2] {
    background-color: var(--notification-box-color);
    color: var(--notification-box-text-color);
}

header[b-p43fef24v2] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding: var(--page-gutter) 0;
    border-bottom: 1px solid var(--border-color);
}

header div[b-p43fef24v2] {
    width: 70%;
}

header label[b-p43fef24v2] {
    font-family: montserrat-light;
    font-size: 14px;
    margin: 0 8px 5px;
}

button[b-p43fef24v2] {
    background-color: var(--primary-color);
    color: var(--primary-button-text-color);
    font-family: montserrat-medium;
    font-size: 14px;
    padding: 8px 16px;
    outline: none;
    border-radius: 4px;
    border: 2px solid var(--primary-color);
    cursor: pointer;
    margin: 10px 0px 0px 0px;
    text-wrap: none;
    white-space: nowrap;
}

.deletbtn[b-p43fef24v2] {
    color: var(--delete-button-text-color);
    background-color: var(--delete-button-color);
    border-color: var(--delete-button-color);
}

button:hover[b-p43fef24v2] {
    border-color: var(--border-color);
}

button[disabled][b-p43fef24v2] {
    opacity: 0.5;
    cursor: default;
}
/* _content/BlueLink.B2BOP.Blazor/Components/DropdownButton.razor.rz.scp.css */
a[b-ilyqsfxnni] {
    text-decoration: none;
    color: #000000;
}

a:hover[b-ilyqsfxnni] {
    color: #222222
}

/* Dropdown */

.dropdown[b-ilyqsfxnni] {
    display: inline-block;
    position: relative;
    width: 100%;
    min-height:30px !important;
    color: #000000;
}

.dd-button[b-ilyqsfxnni] {
    display: inline-block;
    border: 1px solid var(--border-color);
    border-radius: 4px;
    padding: 6px 24px 6px 6px;
    background-color: #ffffff;
    cursor: pointer;
    white-space: nowrap;
    min-width: 40px;
    width:100%;
    overflow:auto;
}

/*.dd-button:after {
    content: '';
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid black;
}*/
.dd-button[b-ilyqsfxnni]:after {
    content: '';
    position: absolute;
    top: 32%;
    right: 14px;
    width: 10px;
    height: 10px;
    border: solid black;
    border-width: 0 2px 2px 0;
    display: inline-block;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
}

.dd-button:hover[b-ilyqsfxnni], .dd-button:focus[b-ilyqsfxnni] {
    border: 1px solid var(--selected-textbox-color);
}

.dd-input[b-ilyqsfxnni] {
    display: none;
}

.dd-menu[b-ilyqsfxnni] {
    position: absolute;
    top: 100%;
    border: 1px solid #ccc;
    border-radius: 4px;
    padding: 0;
    margin: 2px 0 0 0;
    box-shadow: 0 0 6px 0 rgba(0,0,0,0.1);
    background-color: #ffffff;
    list-style-type: none;
    z-index: 1000;
    overflow-y: auto;
    overflow-x: hidden;
    max-height: calc(40vh);
    width: 100%;
}

.dd-background[b-ilyqsfxnni]{
    position: fixed;
    width: 100vw;
    height: 100vh;
    top: 0;
    left: 0;
    z-index: 900;
}

.open[b-ilyqsfxnni] {
    display: block;
}

.closed[b-ilyqsfxnni]{
    display: none;
}

.dd-input + .dd-menu[b-ilyqsfxnni] {
    display: none;
}

.dd-input:checked + .dd-menu[b-ilyqsfxnni] {
    display: block;
}

.dd-menu li[b-ilyqsfxnni] {
    padding: 10px 16px;
    cursor: pointer;
    white-space: nowrap;
}

.dd-menu li:hover[b-ilyqsfxnni] {
    background-color: var(--selected-textbox-color);
}

.dd-menu li.selected[b-ilyqsfxnni] {
    background-color: var(--selected-textbox-color);
}

.dd-menu li.selected a[b-ilyqsfxnni] {
    color: var(--primary-button-text-color);
}

.dd-menu li a[b-ilyqsfxnni] {
    display: block;
    margin: -10px -20px;
    padding: 10px 20px;
}

.dd-menu li a:hover[b-ilyqsfxnni] {
    color: var(--primary-button-text-color);
}

.dd-menu li.divider[b-ilyqsfxnni] {
    padding: 0;
    border-bottom: 1px solid #cccccc;
    cursor:default;
}

.disabled[b-ilyqsfxnni] {
    opacity: 0.5;
}
/* _content/BlueLink.B2BOP.Blazor/Components/DropdownHoverMenu.razor.rz.scp.css */
.dropbtn[b-5weaqvg4wk] {
    color: var(--primary-color);
    background-color: var(--cart-drawer-color);
    padding: 1px;
    font-size: 20px;
    font-family: opensans-extrabold,'Arial Black';
    border: none;
    margin-left: 0px;
}

.dropdown[b-5weaqvg4wk] {
    position : relative ;
    display: inline-block;
   
    
}

.dropdown-content[b-5weaqvg4wk] {
    display: none;
    position :absolute ;
    background-color: var(--cart-drawer-color);
    min-width: 150px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
    margin-left : -110px
    
}

    .dropdown-content a[b-5weaqvg4wk] {
        color: black;
        padding: 12px 16px;
        text-decoration: none;
        display: block;
    }

        .dropdown-content a:hover[b-5weaqvg4wk] {
            /*background-color: #ddd;*/
            background-color: var(--selected-textbox-color);
        }

.dropdown:hover .dropdown-content[b-5weaqvg4wk] {
    display: block;
}

.dropdown:hover .dropbtn[b-5weaqvg4wk] {
    border-color: var(--primary-color);
}
/* _content/BlueLink.B2BOP.Blazor/Components/DropdownImage.razor.rz.scp.css */
a[b-ai4b9oi6gj] {
    text-decoration: none;
    color: #000000;
}

a:hover[b-ai4b9oi6gj] {
    color: #222222
}

/* Dropdown */

.dropdown[b-ai4b9oi6gj] {
    display: inline-block;
    position: relative;
    width: 100%;
    min-height:30px !important;
}

.dd-button[b-ai4b9oi6gj] {
    display: inline-block;
    border: 1px solid var(--border-color);
    border-radius: 4px;
    padding: 6px 24px 6px 6px;
    background-color: #ffffff;
    cursor: pointer;
    white-space: nowrap;
    min-width: 40px;
    width:100%;
    overflow:auto;
}

/*.dd-button:after {
    content: '';
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid black;
}*/
.dd-button[b-ai4b9oi6gj]:after {
    content: '';
    position: absolute;
    top: 32%;
    right: 14px;
    width: 10px;
    height: 10px;
    border: solid black;
    border-width: 0 2px 2px 0;
    display: inline-block;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
}

    .dd-button:hover[b-ai4b9oi6gj], .dd-button:focus[b-ai4b9oi6gj] {
        border: 1px solid var(--selected-textbox-color);
    }

.dd-input[b-ai4b9oi6gj] {
    display: none;
}

.dd-menu[b-ai4b9oi6gj] {
    position: absolute;
    top: 100%;
    border: 1px solid #ccc;
    border-radius: 4px;
    padding: 0;
    box-shadow: 0 0 6px 0 rgba(0,0,0,0.1);
    background-color: #ffffff;
    list-style-type: none;
    z-index: 1000;
    overflow-y: auto;
    overflow-x: hidden;
    max-height: calc(40vh);
    width: 100%;
    margin-top: -2px;
}

.dd-background[b-ai4b9oi6gj]{
    position: fixed;
    width: 100vw;
    height: 100vh;
    top: 0;
    left: 0;
    z-index: 900;
}

.open[b-ai4b9oi6gj] {
    display: block;
}

.closed[b-ai4b9oi6gj]{
    display: none;
}

.dd-input + .dd-menu[b-ai4b9oi6gj] {
    display: none;
}

.dd-input:checked + .dd-menu[b-ai4b9oi6gj] {
    display: block;
}

.dd-menu li[b-ai4b9oi6gj] {
    cursor: pointer;
    white-space: nowrap;
}

.dd-menu li.selected[b-ai4b9oi6gj], .dd-menu li:hover[b-ai4b9oi6gj] {
    background-color: var(--selected-textbox-color);
}

.dd-menu li.selected a[b-ai4b9oi6gj] {
    color: var(--primary-button-text-color);
}

.dd-menu li a[b-ai4b9oi6gj] {
    display: block;
    margin: -10px -20px;
    padding: 10px 20px;
}

.dd-menu li.divider[b-ai4b9oi6gj] {
    padding: 0;
    border-bottom: 1px solid #cccccc;
    cursor:default;
}
 img[b-ai4b9oi6gj]{
     width:50px;
     height:50px;
 }


.ImageWraper[b-ai4b9oi6gj] {
    overflow-y: scroll;
    scrollbar-width: thin !important;
}

.ImageWraper[b-ai4b9oi6gj]::-webkit-scrollbar {
    width: 16px;
}

/* background of the scrollbar except button or resizer */
.ImageWraper[b-ai4b9oi6gj]::-webkit-scrollbar-track {
    background-color: #fff;
    border-radius: 16px;
}

/* scrollbar itself */
.ImageWraper[b-ai4b9oi6gj]::-webkit-scrollbar-thumb {
    background-color: #babac0;
    border-radius: 16px;
    border: 4px solid #fff;
}

/* set button(top and bottom of the scrollbar) */
.ImageWraper[b-ai4b9oi6gj]::-webkit-scrollbar-button {
    display: none;
}

.selecteditem[b-ai4b9oi6gj] {
    display: flex;
    align-items: center;
    color: #000000;
}

.optionitem[b-ai4b9oi6gj] {
    display: flex;
    align-items: center;
    color: #000000;
}

    .optionitem:hover[b-ai4b9oi6gj], .optionitem:focus[b-ai4b9oi6gj] {
        color: var(--primary-button-text-color);
    }


.selected .optionitem[b-ai4b9oi6gj] {
    color: var(--primary-button-text-color) !important;
}

.dd-buttonfocus[b-ai4b9oi6gj] {
    border-color: #86b7fe;
    outline: 0;
    box-shadow: 0 0 0 0.25rem rgb(13 110 253 / 25%);
}
/* _content/BlueLink.B2BOP.Blazor/Components/EditProfile.razor.rz.scp.css */
ul[b-pn0zlaenlu] {
    color: var(--delete-button-color);
}

header[b-pn0zlaenlu] {
    display: flex;
    align-items: center;
}

header p[b-pn0zlaenlu] {
    font-family: opensans-bold,'Arial Black';
    font-size: 16px;
    line-height: 24px;
    flex-grow: 1;
}

header form[b-pn0zlaenlu] {
    margin: 0;
    padding: 0;
}

header form button[b-pn0zlaenlu] {
    margin: 0 10px 10px 0;
}

h2[b-pn0zlaenlu] {
    font-family: opensans-bold,'Arial Black';
    font-size: 14px;
    line-height: 18px;
    opacity: 0.9;
}

section[b-pn0zlaenlu] {
    width: 500px;
    border-top: 2px solid var(--border-color);
    margin: 0 8px var(--page-gutter) 0;
}

section input[b-pn0zlaenlu] {
    outline: none;
    border: 1px solid var(--border-color);
    font-size: 16px;
    line-height: 24px;
    padding: 4px 8px;
    width: 350px;
}

section .readonly[b-pn0zlaenlu] {
    font-size: 16px;
    line-height: 24px;
    padding: 4px 8px;
    width: 350px;
    display: block;
}

section input:focus[b-pn0zlaenlu] {
    border-color: var(--primary-color);
}

section div[b-pn0zlaenlu] {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin-top: 8px;
}

section label[b-pn0zlaenlu] {
    font-family: montserrat-light,'Helvetica Light';
    font-size: 14px;
    margin: 0 8px 0px 0px;
    text-wrap: none;
}

button[b-pn0zlaenlu] {
    background-color: var(--primary-color);
    color: var(--primary-button-text-color);
    font-family: montserrat-medium;
    font-size: 14px;
    padding: 8px 16px;
    outline: none;
    border-radius: 4px;
    border: 2px solid var(--primary-color);
    cursor: pointer;
    margin: 10px 0px 0px 0px;
    text-wrap: none;
    white-space: nowrap;
}

button:hover[b-pn0zlaenlu] {
    border-color: var(--border-color);
}

button[disabled][b-pn0zlaenlu] {
    opacity: 0.5;
    cursor: default;
}


div .passwordRequirements[b-pn0zlaenlu] {
    justify-content: flex-start;
    width: 500px;
    display: block;
}

li.invalid[b-pn0zlaenlu] {
    color: var(--delete-button-color);
}

li.valid[b-pn0zlaenlu] {
    color: var(--page-text-color);
}
/* _content/BlueLink.B2BOP.Blazor/Components/EditUser.razor.rz.scp.css */
h1[b-c27xa9bq15] {
    font-family: opensans-bold,'Arial Black';
    font-size: 16px;
    line-height: 24px;
    width: 500px
}

h2[b-c27xa9bq15] {
    font-family: opensans-bold,'Arial Black';
    font-size: 14px;
    line-height: 18px;
    opacity: 0.9;
}

section[b-c27xa9bq15] {
    width: 500px;
    max-width: 500px;
    border-top: 2px solid var(--border-color);
    margin: 0 8px var(--page-gutter) 0;
}

.subsection[b-c27xa9bq15] {
    display: flex;
}

.subsection p[b-c27xa9bq15] {
    flex-grow: 1;
}

section div[b-c27xa9bq15] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin-top: 8px;
}


section[b-c27xa9bq15]  .blazored-typeahead {
    outline: none;
    border: 1px solid var(--border-color);
    font-size: 16px;
    width: 360px;
    font-family: inherit;
    border-radius: 4px;
}

section[b-c27xa9bq15]  .blazored-typeahead:focus-within {
    box-shadow: 0 0 0 0.01rem;
    border: 1px solid var(--selected-textbox-color);
}

section[b-c27xa9bq15]  .blazored-typeahead__active-item {
    background-color: var(--selected-textbox-color);
    border-top: 1px solid var(--selected-textbox-color);
    border-bottom: 1px solid var(--selected-textbox-color);
}

section[b-c27xa9bq15]  .blazored-typeahead__result:hover {
    background-color: var(--selected-textbox-color);
    border-top: 1px solid var(--selected-textbox-color);
    border-bottom: 1px solid var(--selected-textbox-color);
}

section[b-c27xa9bq15]  .blazored-typeahead__input-icon:focus {
    outline: none;
    box-shadow: 0 0 0 0.01rem var(--selected-textbox-color);
}

section[b-c27xa9bq15]  .blazored-typeahead__down-arrow path {
    fill: #333333;
}

/*section ::deep .dropdown {
    width: 365px;
    min-height: 20px;
}*/

section[b-c27xa9bq15]  .dd-button {
    min-width: 335px;
    min-height: inherit;
}

section[b-c27xa9bq15]  .dd-menu {
    width: inherit;
}

section input[b-c27xa9bq15] {
    outline: none;
    border: 1px solid var(--border-color);
    font-size: 16px;
    line-height: 24px;
    padding: 4px 8px;
    width: 350px;
    border-radius: 4px;
}

section input:focus[b-c27xa9bq15] {
    border-color: var(--primary-color);
}

section label[b-c27xa9bq15] {
    font-family: montserrat-light;
    font-size: 14px;
    margin: 0 8px 0px 0px;
    text-wrap: none;
}

button[b-c27xa9bq15] {
    background-color: var(--primary-color);
    color: var(--primary-button-text-color);
    font-family: montserrat-medium;
    font-size: 14px;
    padding: 8px 16px;
    outline: none;
    border-radius: 4px;
    border: 2px solid var(--primary-color);
    cursor: pointer;
    margin: 10px 0px 0px 0px;
    text-wrap: none;
    white-space: nowrap;
    margin-left: var(--page-gutter);
}

.deletbtn[b-c27xa9bq15] {
    color: var(--delete-button-text-color);
    background-color: var(--delete-button-color);
    border-color: var(--delete-button-color);
}

button:hover[b-c27xa9bq15] {
    border-color: var(--border-color);
}

button[disabled][b-c27xa9bq15] {
    opacity: 0.5;
    cursor: default;
}

.dd-button[b-c27xa9bq15] {
    min-width: 336px;
}

.DropdownWraper[b-c27xa9bq15] {
    width: 70%;
    color: #000000;
    background-color: #FFFFFF;
}

.custom-modal-close[b-c27xa9bq15] {
    position: absolute;
    top: 45px;
    right: 64px;
    cursor: pointer;
    padding: 10px;
    font-size: 1.5rem;
    font-weight: bold;
}

.block-div[b-c27xa9bq15] {
    display: block;
}

.checkbox-div[b-c27xa9bq15] {
    justify-content: left;
    margin: 0 10px;
}

.checkbox-input[b-c27xa9bq15] {
    width: 15px;
    margin-right: 10px;
    cursor: pointer;
}

.checkbox-label[b-c27xa9bq15] {
    cursor: pointer;
}

input:hover[b-c27xa9bq15], input:focus[b-c27xa9bq15] {
    border: 1px solid var(--selected-textbox-color);
}

section[b-c27xa9bq15]  .blazored-typeahead__selected-item {
    background-color: var(--selected-textbox-color);
    border-top: 1px solid var(--selected-textbox-color);
    border-bottom: 1px solid var(--selected-textbox-color);
    color: var(--primary-button-text-color);
}

section[b-c27xa9bq15]  .blazored-typeahead:hover {
    border: 1px solid var(--selected-textbox-color);
}
/* _content/BlueLink.B2BOP.Blazor/Components/Filters.razor.rz.scp.css */
.filters[b-gepxe3uelp] {
    line-height: 24px;
    color: var(--page-text-color);
    white-space: nowrap;
    margin-right: var(--page-gutter);
    width: 20%;
}

span[b-gepxe3uelp] {
    font-family: opensans-semibold,'Arial';
    font-size: 18px;
    margin: var(--page-gutter) 0 10px 0;
}

section[b-gepxe3uelp] {
    margin: 0 8px 15px 22px;
    padding: 0;
}

    section.filtersSection div[b-gepxe3uelp] {
        display: flex;
        align-items: flex-start;
    }

div[b-gepxe3uelp] {
    margin: 0;
    padding: 0;
}

a[b-gepxe3uelp], a:visited[b-gepxe3uelp], label[b-gepxe3uelp] {
    font-family: montserrat-light;
    font-size: 12px;
    text-decoration: none;
    color: var(--page-text-color);
}

a:hover[b-gepxe3uelp], a.current[b-gepxe3uelp] {
    color: var(--primary-color);
    cursor: pointer;
}

.child[b-gepxe3uelp] {
    margin-left: 12px;
}

.all[b-gepxe3uelp] {
    font-family: montserrat-bold;
    line-height: 26px;
}

.arrowdown[b-gepxe3uelp] {
    cursor: pointer;
}

    .arrowdown[b-gepxe3uelp]::before {
        margin-right: 5PX;
    }

.arrowright[b-gepxe3uelp] {
    cursor: pointer;
}

    .arrowright[b-gepxe3uelp]::before {
        margin-right: 5PX;
        cursor: pointer;
    }

.checkbox-label[b-gepxe3uelp], div a[b-gepxe3uelp] {
    text-wrap: balance;
    cursor: pointer;
}

input[b-gepxe3uelp] {
    margin-top: 5px;
    margin-right: 5px;
}

.clearFilters[b-gepxe3uelp] {
    cursor: pointer;
    font-size: small;
    color: var(--delete-button-color);
    margin-bottom: 0 !important;
}
/* _content/BlueLink.B2BOP.Blazor/Components/FooterBar.razor.rz.scp.css */
footer[b-0eram37iif] {
    border-top: 1px solid var(--border-color);
    padding: var(--page-gutter);
    color: var(--page-text-color);
}

.text-right[b-0eram37iif]{
    text-align:right;
}

th[b-0eram37iif] {
    padding-right: 10px;
    text-align: left;
    font-family: opensans-bold,'Arial Black';
    white-space: nowrap;
    border-bottom: thin;
    min-width: 140px;
    min-height: 30px;
}

td[b-0eram37iif] {
    vertical-align: top;
    text-align: left;
    height: 26px;
    min-width: 140px;
}

table[b-0eram37iif] {
    height: 100%;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    max-width: 100%;
}

.row[b-0eram37iif]{
    width: 100%;
}
/* _content/BlueLink.B2BOP.Blazor/Components/Homepage Widgets/HomepageBanner.razor.rz.scp.css */
.banner[b-rp276vylkv] {
    height: 140px;
    background-position: center center;
    display: flex;
}

img[b-rp276vylkv] {
    width: 100%;
    height: 100%;
    object-fit: fill;
}
/* _content/BlueLink.B2BOP.Blazor/Components/Homepage Widgets/HomepageHeader.razor.rz.scp.css */
.header[b-s1043dq0z1] {
    display: grid;
    align-items: center;
    font-family: sans-serif;
    font-size: 20px;
    overflow-wrap: normal;
    overflow: auto;
}

.header[b-s1043dq0z1]::-webkit-scrollbar {
    width: 16px;
}

/* background of the scrollbar except button or resizer */
.header[b-s1043dq0z1]::-webkit-scrollbar-track {
    background-color: var(--scrollbar-cart-drawer-track-color);
    border-radius: 16px;
}

/* scrollbar itself */
.header[b-s1043dq0z1]::-webkit-scrollbar-thumb {
    background-color: var(--scrollbar-cart-drawer-thumb-color);
    border-radius: 16px;
    border: 4px solid var(--scrollbar-cart-drawer-thumb-border-color);
}

/* set button(top and bottom of the scrollbar) */
.header[b-s1043dq0z1]::-webkit-scrollbar-button {
    display: none;
}
/* _content/BlueLink.B2BOP.Blazor/Components/Homepage Widgets/HTMLBlock.razor.rz.scp.css */
.htmlblock[b-0g8dekx3lk] {
    display: grid;
    overflow: auto;
}
/* _content/BlueLink.B2BOP.Blazor/Components/Homepage Widgets/ImageBlock.razor.rz.scp.css */
.imageblock[b-7smr37odjc] {
    display: flex;
    justify-items: center;
    align-items: center;
    margin: auto;
    width: auto;
    height: 100%;
}

img[b-7smr37odjc] {
    width: 100%;
    max-height: 100%;
    object-fit: cover;
}
/* _content/BlueLink.B2BOP.Blazor/Components/Homepage Widgets/LoginWidget.razor.rz.scp.css */
.loginblock[b-fvyyzdl7gk] {
    display: grid;
    overflow: auto;
}

    .loginblock h1[b-fvyyzdl7gk] {
        display: flex;
        align-items: center;
        font-family: opensans-bold,'Arial Black';
        font-size: 26px;
        line-height: 26px;
        color: var(--page-text-color);
    }

    .loginblock p[b-fvyyzdl7gk] {
        font-family: opensans-regular,'Arial';
        font-size: 16px;
        line-height: 24px;
        color: var(--page-text-color);
    }

    .loginblock label[b-fvyyzdl7gk] {
        font-size: 14px;
        margin-right: 8px;
        color: var(--page-text-color);
    }

    .loginblock div[b-fvyyzdl7gk] {
        width: 400px;
        display: flex;
        align-items: center;
        justify-content: flex-end;
        margin-top: 8px;
        color: var(--page-text-color);
    }

    .loginblock .forgotpassword[b-fvyyzdl7gk] {
        display: flex;
        align-items: flex-start;
        justify-content: flex-end;
        margin-top: 0;
    }

    .loginblock input[b-fvyyzdl7gk] {
        outline: none;
        border: 1px solid var(--border-color);
        font-size: 16px;
        line-height: 24px;
        padding: 4px 8px;
        min-width: 300px;
    }

        .loginblock input:focus[b-fvyyzdl7gk] {
            border-color: var(--primary-color);
        }

    .loginblock button[b-fvyyzdl7gk] {
        background-color: var(--primary-color);
        color: var(--primary-button-text-color);
        font-family: montserrat-medium;
        font-size: 14px;
        padding: 8px 16px;
        outline: none;
        border-radius: 4px;
        border: 2px solid var(--primary-color);
        cursor: pointer;
    }

        .loginblock button:hover[b-fvyyzdl7gk] {
            border-color: var(--border-color);
        }

        .loginblock button[disabled][b-fvyyzdl7gk] {
            opacity: 0.5;
            cursor: default;
        }

    .loginblock ul[b-fvyyzdl7gk] {
        color: var(--delete-button-color);
    }

    .loginblock .blazored-modal-header[b-fvyyzdl7gk] {
        padding: 0 0 0 0 !important;
    }

    .loginblock a:hover[b-fvyyzdl7gk] {
        color: var(--primary-color);
    }
/* _content/BlueLink.B2BOP.Blazor/Components/Homepage Widgets/SQLDisplayWidget.razor.rz.scp.css */
.tableOverflowDiv[b-ppv9k64xve] {
    overflow: auto;
    height: calc(100% - 34px)
}

    .tableOverflowDiv[b-ppv9k64xve]::-webkit-scrollbar {
        width: 16px;
    }

/* background of the scrollbar except button or resizer */
    .tableOverflowDiv[b-ppv9k64xve]::-webkit-scrollbar-track {
        background-color: var(--scrollbar-main-track-color);
        border-radius: 16px;
    }

/* scrollbar itself */
    .tableOverflowDiv[b-ppv9k64xve]::-webkit-scrollbar-thumb {
        background-color: var(--scrollbar-main-thumb-color);
        border-radius: 16px;
        border: 4px solid var(--scrollbar-main-thumb-border-color);
    }

/* set button(top and bottom of the scrollbar) */
    .tableOverflowDiv[b-ppv9k64xve]::-webkit-scrollbar-button {
        display: none;
    }

table[b-ppv9k64xve] {
    border-spacing: 0;
    border-collapse: separate;
    width: 100%;
    padding-right: 0px;
    position: relative;
    color: var(--page-text-color);
}

.table > :not(:first-child)[b-ppv9k64xve] {
    border-top: none;
}

thead[b-ppv9k64xve] {
    position: sticky;
    top: 0;
    background-color: var(--page-color);
}

h4[b-ppv9k64xve] {
    position: sticky;
    top: 0;
    color: var(--page-text-color);
}

th[b-ppv9k64xve] {
    text-align: left;
    font-family: opensans-bold,'Arial Black';
    font-size: 14px;
    padding: 8px 4px;
    border-bottom: solid;
}

td[b-ppv9k64xve] {
    font-family: opensans-regular,'Arial';
    font-size: 14px;
    padding: 8px 4px;
    border-bottom: 1px solid var(--border-color);
}

    td.center[b-ppv9k64xve] {
        text-align: center;
    }

tr:hover[b-ppv9k64xve] {
    background-color: var(--page-on-hover);
}

div[b-ppv9k64xve] {
    color: var(--page-text-color);
}
/* _content/BlueLink.B2BOP.Blazor/Components/Homepage Widgets/TextBlock.razor.rz.scp.css */
.textblock[b-vfug9z1cvl] {
    display: grid;
    font-family: sans-serif;
    word-break: break-word;
    overflow: auto;
}

.textblock[b-vfug9z1cvl]::-webkit-scrollbar {
    width: 16px;
}

/* background of the scrollbar except button or resizer */
.textblock[b-vfug9z1cvl]::-webkit-scrollbar-track {
    background-color: var(--scrollbar-cart-drawer-track-color);
    border-radius: 16px;
}

/* scrollbar itself */
.textblock[b-vfug9z1cvl]::-webkit-scrollbar-thumb {
    background-color: var(--scrollbar-cart-drawer-thumb-color);
    border-radius: 16px;
    border: 4px solid var(--scrollbar-cart-drawer-thumb-border-color);
}

/* set button(top and bottom of the scrollbar) */
.textblock[b-vfug9z1cvl]::-webkit-scrollbar-button {
    display: none;
}
/* _content/BlueLink.B2BOP.Blazor/Components/Homepage Widgets/Widget Config Modals/ChooseImageToKeepModal.razor.rz.scp.css */
img[b-guqb0nvz3d] {
    max-width: 100%;
    object-fit: contain;
}

input[b-guqb0nvz3d] {
    margin-left: 15px;
    margin-right: 15px;
}

.banner[b-guqb0nvz3d] {
    background-position: center center;
    max-height: 140px;
    display: flex;
}

.image[b-guqb0nvz3d] {
    max-height: 140px;
}

.imageItem[b-guqb0nvz3d]{
    display: inline-flex;
}

button[b-guqb0nvz3d] {
    border-radius: 4px;
    border: 0;
    outline: none;
    margin: 5px;
    padding: 8px 30px;
    font-family: montserrat-medium;
    font-size: 14px;
    cursor: pointer;
    text-wrap: none;
    white-space: nowrap;
}

div.rightAlign[b-guqb0nvz3d] {
    text-align: right;
}

.toolbar[b-guqb0nvz3d] {
    display: flex;
    align-items: center;
    margin-bottom: 8px;
    position: sticky;
    bottom: -1px;
    background-color: var(--page-color);
}

.cancel[b-guqb0nvz3d] {
    color: var(--delete-button-text-color);
    background-color: var(--delete-button-color);
    border: 1px solid var(--delete-button-color);
    outline: thin;
    margin-right: 5px;
}

.row[b-guqb0nvz3d] {
    border-bottom: 1px solid var(--border-color);
}

.imageSelection[b-guqb0nvz3d] {
    width: 25%;
    float: left;
    padding: 20px;
}

h5[b-guqb0nvz3d] {
    margin-top: 15px;
}

.card[b-guqb0nvz3d] {
    background-color: var(--page-color);
}
/* _content/BlueLink.B2BOP.Blazor/Components/Homepage Widgets/Widget Config Modals/HomepageBannerModal.razor.rz.scp.css */
.cancelbtn[b-vm2uuhinlu] {
    color: var(--delete-button-text-color);
    background-color: var(--delete-button-color);
    border: 1px solid var(--delete-button-color);
    outline: thin;
    margin-right: 5px;
}

button[b-vm2uuhinlu] {
    border-radius: 4px;
    border: 0;
    outline: none;
    margin: 5px;
    padding: 8px 30px;
    font-family: montserrat-medium;
    font-size: 14px;
    cursor: pointer;
    text-wrap: none;
    white-space: nowrap;
}

.errorMsg[b-vm2uuhinlu] {
    font-size: 10px;
    color: var(--delete-button-color);
}

.row[b-vm2uuhinlu] {
    --bs-gutter-x: 0rem !important;
}

.card[b-vm2uuhinlu] {
    background-color: var(--page-color);
}
/* _content/BlueLink.B2BOP.Blazor/Components/Homepage Widgets/Widget Config Modals/HomepageHeaderModal.razor.rz.scp.css */
.cancelbtn[b-4d6t70nakp] {
    color: var(--delete-button-text-color);
    background-color: var(--delete-button-color);
    border: 1px solid var(--delete-button-color);
    outline: thin;
    margin-right: 5px;
}

button[b-4d6t70nakp] {
    border-radius: 4px;
    border: 0;
    outline: none;
    margin: 5px;
    padding: 8px 30px;
    font-family: montserrat-medium;
    font-size: 14px;
    cursor: pointer;
    text-wrap: none;
    white-space: nowrap;
}

.setColor[b-4d6t70nakp] {
    margin: 8px 5px 5px 0 !important;
}

.row[b-4d6t70nakp] {
    --bs-gutter-x: 0rem !important;
}

.color-picker[b-4d6t70nakp] {
    width: 100%;
    height: 100%;
}

.card[b-4d6t70nakp] {
    background-color: var(--page-color);
}
/* _content/BlueLink.B2BOP.Blazor/Components/Homepage Widgets/Widget Config Modals/HomepageImportModal.razor.rz.scp.css */
button[b-b7beg77b3w] {
    border-radius: 4px;
    border: 0;
    outline: none;
    margin: 5px;
    padding: 8px 30px;
    font-family: montserrat-medium;
    font-size: 14px;
    cursor: pointer;
    text-wrap: none;
    white-space: nowrap;
}

.modalButtons[b-b7beg77b3w] {
    display: flex;
    justify-content: end;
}

.cancel[b-b7beg77b3w] {
    color: var(--delete-button-text-color);
    background-color: var(--delete-button-color);
    border: 1px solid var(--delete-button-color);
    outline: thin;
    margin-right: 5px;
}

.card[b-b7beg77b3w] {
    background-color: var(--page-color);
}
/* _content/BlueLink.B2BOP.Blazor/Components/Homepage Widgets/Widget Config Modals/HTMLWidgetModal.razor.rz.scp.css */
.cancelbtn[b-cyjn7rrw8a] {
    color: var(--delete-button-text-color);
    background-color: var(--delete-button-color);
    border: 1px solid var(--delete-button-color);
    outline: thin;
    margin-right: 5px;
}

button[b-cyjn7rrw8a] {
    border-radius: 4px;
    border: 0;
    outline: none;
    margin: 5px;
    padding: 8px 30px;
    font-family: montserrat-medium;
    font-size: 14px;
    cursor: pointer;
    text-wrap: none;
    white-space: nowrap;
}

.row[b-cyjn7rrw8a] {
    --bs-gutter-x: 0rem !important;
}

.modalButtons[b-cyjn7rrw8a] {
    display: flex;
    justify-content: end;
}

.card[b-cyjn7rrw8a] {
    background-color: var(--page-color);
}
/* _content/BlueLink.B2BOP.Blazor/Components/Homepage Widgets/Widget Config Modals/ImageBlockModal.razor.rz.scp.css */
.cancelbtn[b-d30bcifoi4] {
    color: var(--delete-button-text-color);
    background-color: var(--delete-button-color);
    border: 1px solid var(--delete-button-color);
    outline: thin;
    margin-right: 5px;
}

button[b-d30bcifoi4] {
    border-radius: 4px;
    border: 0;
    outline: none;
    margin: 5px;
    padding: 8px 30px;
    font-family: montserrat-medium;
    font-size: 14px;
    cursor: pointer;
    text-wrap: none;
    white-space: nowrap;
}

.errorMsg[b-d30bcifoi4] {
    font-size: 10px;
    color: var(--delete-button-color);
}

.row[b-d30bcifoi4] {
    --bs-gutter-x: 0rem !important;
}

.card[b-d30bcifoi4] {
    background-color: var(--page-color);
}
/* _content/BlueLink.B2BOP.Blazor/Components/Homepage Widgets/Widget Config Modals/NoConfigWidgetModal.razor.rz.scp.css */
.cancelbtn[b-le9c7s3qxz] {
    color: var(--delete-button-text-color);
    background-color: var(--delete-button-color);
    border: 1px solid var(--delete-button-color);
    outline: thin;
    margin-right: 5px;
}

button[b-le9c7s3qxz] {
    border-radius: 4px;
    border: 0;
    outline: none;
    margin: 5px;
    padding: 8px 30px;
    font-family: montserrat-medium;
    font-size: 14px;
    cursor: pointer;
    text-wrap: none;
    white-space: nowrap;
}

.modalButtons[b-le9c7s3qxz] {
    display: flex;
    justify-content: end;
}

.card[b-le9c7s3qxz] {
    background-color: var(--page-color);
}
/* _content/BlueLink.B2BOP.Blazor/Components/Homepage Widgets/Widget Config Modals/SelectWidgetSizeModal.razor.rz.scp.css */
button[b-6gvbdxa3ia] {
    border-radius: 4px;
    border: 0;
    outline: none;
    margin: 5px;
    padding: 8px 30px;
    font-family: montserrat-medium;
    font-size: 14px;
    cursor: pointer;
    text-wrap: none;
    white-space: nowrap;
}

.modalButtons[b-6gvbdxa3ia] {
    display: flex;
    justify-content: end;
}

.cancel[b-6gvbdxa3ia] {
    color: var(--delete-button-text-color);
    background-color: var(--delete-button-color);
    border: 1px solid var(--delete-button-color);
    outline: thin;
    margin-right: 5px;
}

.container[b-6gvbdxa3ia] {
    width: 400px;
}

.card[b-6gvbdxa3ia] {
    background-color: var(--page-color);
}
/* _content/BlueLink.B2BOP.Blazor/Components/Homepage Widgets/Widget Config Modals/SLQDisplayModal.razor.rz.scp.css */
.cancelbtn[b-mc6ujjlgcf] {
    color: var(--delete-button-text-color);
    background-color: var(--delete-button-color);
    border: 1px solid var(--delete-button-color);
    outline: thin;
    margin-right: 5px;
}

button[b-mc6ujjlgcf] {
    border-radius: 4px;
    border: 0;
    outline: none;
    margin: 5px;
    padding: 8px 30px;
    font-family: montserrat-medium;
    font-size: 14px;
    cursor: pointer;
    text-wrap: none;
    white-space: nowrap;
}

.row[b-mc6ujjlgcf] {
    --bs-gutter-x: 0rem !important;
}

.card[b-mc6ujjlgcf] {
    background-color: var(--page-color);
}
/* _content/BlueLink.B2BOP.Blazor/Components/Homepage Widgets/Widget Config Modals/TextBlockModal.razor.rz.scp.css */
.cancelbtn[b-c10ocpdyla] {
    color: var(--delete-button-text-color);
    background-color: var(--delete-button-color);
    border: 1px solid var(--delete-button-color);
    outline: thin;
    margin-right: 5px;
}

button[b-c10ocpdyla] {
    border-radius: 4px;
    border: 0;
    outline: none;
    margin: 5px;
    padding: 8px 30px;
    font-family: montserrat-medium;
    font-size: 14px;
    cursor: pointer;
    text-wrap: none;
    white-space: nowrap;
}

.row[b-c10ocpdyla] {
    --bs-gutter-x: 0rem !important;
}

.color-picker[b-c10ocpdyla] {
    width: 100%;
    height: 100%;
}

.modalButtons[b-c10ocpdyla] {
    display: flex;
    justify-content: end;
}

.card[b-c10ocpdyla] {
    background-color: var(--page-color);
}
/* _content/BlueLink.B2BOP.Blazor/Components/HTMLPreviewModal.razor.rz.scp.css */
.previewBlock[b-46w4t7hbh6] {
    background-color: white;
    border: 1px solid black;
    border-radius: 4px;
    max-height: 600px;
    max-width: 1000px;
    overflow-x: auto;
    overflow-y: auto;
    display: contents;
}

.cancel[b-46w4t7hbh6] {
    color: var(--delete-button-text-color);
    background-color: var(--delete-button-color);
    border: 1px solid var(--delete-button-color);
    outline: thin;
    margin-right: 5px;
}

button[b-46w4t7hbh6] {
    color: var(--primary-button-text-color);
    background-color: var(--primary-color);
    border-radius: 4px;
    border: 0;
    outline: none;
    margin-left: 5px;
    padding: 8px 30px;
    font-family: montserrat-medium;
    font-size: 14px;
    cursor: pointer;
}
/* _content/BlueLink.B2BOP.Blazor/Components/InfoModal.razor.rz.scp.css */
button[b-5y42xqj7vb] {
    color: var(--primary-button-text-color);
    background-color: var(--primary-color);
    border-radius: 4px;
    border: 0;
    outline: none;
    margin: 18px 0;
    padding: 8px 30px;
    font-family: montserrat-medium;
    font-size: 14px;
    cursor: pointer;
}

code[b-5y42xqj7vb] {
    white-space: pre;
    word-break: normal;
    word-wrap: normal;
    font-family: Consolas,"courier new";
    color: var(--page-text-color);
    background-color: var(--page-color);
    padding: 2px;
    font-size: 105%;
    overflow: auto;
    max-height: 75vh;
}
/* _content/BlueLink.B2BOP.Blazor/Components/InventoryItemHeader.razor.rz.scp.css */
.prodcode[b-denuvipbc5] {
    font-family: montserrat-medium;
    font-size: 12px;
    line-height: 24px;
    color: var(--page-text-color);
    opacity: 0.7;
}

.prodcode a[b-denuvipbc5] {
    text-decoration: none;
    color: var(--page-text-color);
    opacity: 0.7;
}

.prodcode a:hover[b-denuvipbc5] {
    text-decoration: underline;
}

.description[b-denuvipbc5] {
    font-family: opensans-semibold,'Arial';
    font-size: 18px;
    line-height: 24px;
    color: var(--page-text-color);
}

.description a[b-denuvipbc5] {
    text-decoration: none;
    color: var(--page-text-color);
}

.description a:hover[b-denuvipbc5] {
    text-decoration: underline;
}

.manufacturer[b-denuvipbc5] {
    font-family: opensans-semibold,'Arial';
    font-size: 12px;
    line-height: 24px;
    color: var(--primary-color);
}

.manufacturer a[b-denuvipbc5] {
    cursor: pointer;
}

.manufacturer a:hover[b-denuvipbc5] {
    text-decoration: underline;
}

.price[b-denuvipbc5] {
    font-family: opensans-regular,'Arial';
    font-size: 24px;
    line-height: 24px;
    margin: 8px 0;
    color: var(--page-text-color);
}

.uom[b-denuvipbc5] {
    font-family: opensans-regular,'Arial';
    font-size: 18px;
    line-height: 18px;
    margin: 8px 0;
    color: var(--page-text-color);
}

.stock[b-denuvipbc5] {
    font-family: montserrat-medium;
    font-size: 12px;
    line-height: 24px;
    color: var(--in-stock-text-color);
    opacity: 0.7;
}

.stock-none[b-denuvipbc5], .stock-low[b-denuvipbc5] {
    color: var(--out-of-stock-text-color);
}

textarea[b-denuvipbc5] {
    width: 100%;
    height: 200px;
}

.pharma[b-denuvipbc5] {
    font-family: montserrat-medium;
    font-size: 12px;
    line-height: 24px;
    color: var(--page-text-color);
    opacity: 0.7;
}

.pharmaLabel[b-denuvipbc5] {
    font-family: montserrat-medium;
    font-size: 12px;
    line-height: 24px;
    color: var(--primary-color);
}
/* _content/BlueLink.B2BOP.Blazor/Components/LoadingBar.razor.rz.scp.css */
.slider[b-mn4bo7w9nc] {
    background-color: var(--page-color);
    height: 5px;
    overflow-x: hidden;
    position: relative;
}

.line[b-mn4bo7w9nc] {
    position: absolute;
    opacity: 0.4;
    background-color: var(--primary-color);
    width: 150%;
    height: 5px;
}

.subline[b-mn4bo7w9nc] {
    position: absolute;
    background: var(--primary-color);
    height: 5px;
}

.inc[b-mn4bo7w9nc] {
    animation: increase-b-mn4bo7w9nc 2s infinite;
}

.dec[b-mn4bo7w9nc] {
    animation: decrease-b-mn4bo7w9nc 2s 0.5s infinite;
}

@keyframes increase-b-mn4bo7w9nc {
    from {
        left: -5%;
        width: 5%;
    }

    to {
        left: 130%;
        width: 100%;
    }
}

@keyframes decrease-b-mn4bo7w9nc {
    from {
        left: -80%;
        width: 80%;
    }

    to {
        left: 110%;
        width: 10%;
    }
}
/* _content/BlueLink.B2BOP.Blazor/Components/LoginModal.razor.rz.scp.css */
h1[b-b0xxouubf3] {
    font-family: opensans-bold,'Arial Black';
    font-size: 26px;
    line-height: 26px;
    color: var(--page-text-color);
}

p[b-b0xxouubf3] {
    font-family: opensans-regular,'Arial';
    font-size: 16px;
    line-height: 24px;
    color: var(--page-text-color);
}

label[b-b0xxouubf3] {
    font-size: 14px;
    margin-right: 8px;
    color: var(--page-text-color);
}

div[b-b0xxouubf3] {
    width: 400px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin-top: 8px;
    color: var(--page-text-color);
}

input[b-b0xxouubf3] {
    outline: none;
    border: 1px solid var(--border-color);
    font-size: 16px;
    line-height: 24px;
    padding: 4px 8px;
    min-width: 300px;
}

    input:focus[b-b0xxouubf3] {
        border-color: var(--primary-color);
    }

button[b-b0xxouubf3] {
    background-color: var(--primary-color);
    color: var(--primary-button-text-color);
    font-family: montserrat-medium;
    font-size: 14px;
    padding: 8px 16px;
    outline: none;
    border-radius: 4px;
    border: 2px solid var(--primary-color);
    cursor: pointer;
}

    button:hover[b-b0xxouubf3] {
        border-color: var(--border-color);
    }

    button[disabled][b-b0xxouubf3] {
        opacity: 0.5;
        cursor: default;
    }

ul[b-b0xxouubf3] {
    color: var(--delete-button-color);
}

.blazored-modal-header[b-b0xxouubf3]{
    padding: 0 0 0 0 !important;
}

a:hover[b-b0xxouubf3] {
    color: var(--primary-color);
}
/* _content/BlueLink.B2BOP.Blazor/Components/Logout.razor.rz.scp.css */
button[b-t9pepaibxv] {
    background-color: var(--primary-color);
    color: var(--primary-button-text-color);
    font-family: montserrat-medium;
    font-size: 14px;
    padding: 8px 16px;
    outline: none;
    border-radius: 4px;
    border: 2px solid var(--primary-color);
    cursor: pointer;
}

    button:hover[b-t9pepaibxv] {
        border-color: var(--border-color);
    }
/* _content/BlueLink.B2BOP.Blazor/Components/MainLayout.razor.rz.scp.css */
.page[b-a4h0zl7nv4] {
    background-color: var(--page-color);
    margin: 0 auto;
    padding: 0;
    min-height: 100vh;
    display: flex;
    flex-direction: row;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
}

@media only screen and (min-width: 1490px) {
    .page[b-a4h0zl7nv4] {
        max-width: 1490px;
    }
}

main[b-a4h0zl7nv4] {
    padding: 0 var(--page-gutter);
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    width:min-content;
    max-width: 100%;
}

.content[b-a4h0zl7nv4] {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    margin-bottom: var(--page-gutter);
}
/* _content/BlueLink.B2BOP.Blazor/Components/Menu.razor.rz.scp.css */
.menu[b-vbhnt7ozsy] {
    height: 80px;
    display: flex;
    border-bottom: 1px solid var(--border-color);
}

.menu-items[b-vbhnt7ozsy] {
    display: flex;
    align-items: flex-end;
    cursor: pointer;
}

.menu-spacer[b-vbhnt7ozsy] {
    flex-grow: 1;
}

.menu-icon-spacer[b-vbhnt7ozsy] {
    width: 0.5vw;
}

[b-vbhnt7ozsy] .menu-item {
    height: 60%;
    border-bottom: 3px solid var(--page-color);
    font-family: opensans-bold,'Arial Black';
    font-size: 14px;
    width: auto;
    color: var(--page-text-color);
    text-align: center;
    text-decoration: none;
    margin-inline: 10px;
}

    [b-vbhnt7ozsy] .menu-item.active {
        border-bottom: 3px solid var(--primary-color);
    }

.menu-buttons[b-vbhnt7ozsy] {
    display: flex;
    align-items: center;
}

    .menu-buttons a[b-vbhnt7ozsy] {
        margin: 0 4px;
    }

    .menu-buttons .shopping-lists[b-vbhnt7ozsy] {
        width: 21px;
        margin: 0 7px;
    }

    .menu-buttons .account[b-vbhnt7ozsy] {
        width: 22px;
        margin: 0 5px;
    }

    .menu-buttons .shopping-cart[b-vbhnt7ozsy] {
        width: 24px;
        margin: 0 16px 0 4px;
    }

    .menu-buttons .shopping-cart-count[b-vbhnt7ozsy] {
        font-family: opensans-regular,'Arial';
        font-size: 14px;
        background-color: var(--primary-color);
        color: var(--primary-button-text-color);
        border-radius: 50%;
        text-align: center;
        vertical-align: middle;
        width: 24px;
        height: 24px;
        margin-left: -24px;
        margin-top: -24px;
        line-height: 24px;
    }
.ProfileLogoAndCustcode[b-vbhnt7ozsy]{
    display:flex;
    flex-direction:column;
    align-items:center;
    color: var(--page-text-color);
}

.login[b-vbhnt7ozsy] {
    margin-left: auto;
    margin-right: 0;
}
/* _content/BlueLink.B2BOP.Blazor/Components/OrderHistory.razor.rz.scp.css */
.toolbar[b-i0qci8t8ey] {
    display: flex;
    align-items: center;
    margin-bottom: 8px;
    align-content:baseline;
}

input[type='text'][b-i0qci8t8ey], [type='date'][b-i0qci8t8ey] {
    padding: 8px;
    margin-right: 8px;
    font-family: opensans-semibold,'Arial';
    font-size: 14px;
    opacity: 0.5;
    border: 1px solid var(--border-color);
    border-radius: 4px;
    width: calc(100% - 5px);
    outline: none;
    cursor: pointer;
    flex-grow: 1;
}
input[type='checkbox'][b-i0qci8t8ey], .form-check-label[b-i0qci8t8ey] {
    cursor: pointer;
}

input:hover[b-i0qci8t8ey], input:focus[b-i0qci8t8ey] {
    border: 1px solid var(--selected-textbox-color);
}

button[b-i0qci8t8ey] {
    color: var(--primary-button-text-color);
    background-color: var(--primary-color);
    border-radius: 4px;
    border: 0;
    outline: none;
    margin: 0 0 0 32px;
    padding: 8px 30px;
    font-family: montserrat-medium;
    font-size: 14px;
    cursor: pointer;
}


td button[b-i0qci8t8ey] {
    margin: 0;
    padding: 2px 7px;
}

td.right[b-i0qci8t8ey] {
    text-align: right;
}

button[disabled][b-i0qci8t8ey] {
opacity: 0.5;
cursor: default;
}

.search[b-i0qci8t8ey] {
    display: flex;
    align-items: center;
}

.searchBox[b-i0qci8t8ey] {
    position: relative;
    width: 100%;
}

.clear[b-i0qci8t8ey] {
    position: absolute;
    display: block;
    top: 5px;
    right: 10px;
    width: 30px;
    height: 30px;
    cursor: pointer;
    padding: 2px;
    background: transparent;
    outline: none;
    border: 1px solid var(--border-color);
    border-radius: 4px;
    color: var(--page-text-color);
    opacity: 0.5;
}

.clear:hover[b-i0qci8t8ey], .clear:focus[b-i0qci8t8ey] {
    border: 1px solid var(--selected-textbox-color);
}

th[b-i0qci8t8ey] {
    padding-right: 10px;
    text-align: left;
    font-family: opensans-bold,'Arial Black';
    font-size: 14px;
    white-space: nowrap;
    border-bottom: solid;
}
.info[b-i0qci8t8ey] {
    vertical-align: top;
    text-align: left;
    height: 26px;
    font-size: 15px;
    min-width: 120px;
}

th.info[b-i0qci8t8ey] {
    cursor: pointer;
}

.viewBtn[b-i0qci8t8ey] {
    vertical-align: top;
    text-align: left;
    height: 26px;
    font-size: 15px;
    min-width: 80px;
}
.bborder[b-i0qci8t8ey] {
    border-bottom: 1px solid var(--border-color);
}

.bborder td[b-i0qci8t8ey] {
    border:none;
}
.rightalight[b-i0qci8t8ey] {
    text-align: right;
}

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

.infolink[b-i0qci8t8ey] {
    width:20px;
    margin-left:10px;
}
ul[b-i0qci8t8ey] {
    padding-right: 17px;
}
h3[b-i0qci8t8ey]{
    margin:0px;
    color: var(--page-text-color);
}

label[b-i0qci8t8ey]{
    color: var(--page-text-color);
}

p[b-i0qci8t8ey] {
    text-align: center;
    margin-top: 15px;
    margin-bottom: 15px;
    color: var(--page-text-color);
}

table[b-i0qci8t8ey] {
    color: var(--page-text-color);
    height: 100%;
    font-size: 15px;
    margin: 10px;
}

.orderHistoryTable > thead th:first-child[b-i0qci8t8ey] {
    position: sticky;
    left: 0;
    background-color: var(--page-color);
}

.orderHistoryTable > tbody tr td:first-child[b-i0qci8t8ey] {
    position: sticky;
    left: 0;
    background-color: var(--page-color);
}

.orderHistoryTable > thead th:nth-child(2)[b-i0qci8t8ey] {
    position: sticky;
    left: 120px;
    background-color: var(--page-color);
}

.orderHistoryTable > tbody tr td:nth-child(2)[b-i0qci8t8ey] {
    position: sticky;
    left: 120px;
    background-color: var(--page-color);
}


.orderHistoryTable > thead th:last-child[b-i0qci8t8ey] {
    position: sticky;
    right: 0;
    background-color: var(--page-color);
    max-width: 80px;
}

.orderHistoryTable > tbody tr td:last-child[b-i0qci8t8ey] {
    position: sticky;
    right: 0;
    background-color: var(--page-color);
    max-width: 80px;
}

.orderHistoryTable > tbody td[b-i0qci8t8ey] {
    padding: .5rem;
}

.orderHistoryTable > tbody tr:hover td[b-i0qci8t8ey] {
    background-color: var(--page-on-hover) !important;
    color: var(--page-text-color);
}

.orderHistoryTable[b-i0qci8t8ey] {
    display: block;
    overflow-x: auto;
    scrollbar-width: thin !important;
}

    .orderHistoryTable[b-i0qci8t8ey]::-webkit-scrollbar {
        width: 16px;
    }

    /* background of the scrollbar except button or resizer */
    .orderHistoryTable[b-i0qci8t8ey]::-webkit-scrollbar-track {
        background-color: var(--scrollbar-main-track-color);
        border-radius: 16px;
    }

    /* scrollbar itself */
    .orderHistoryTable[b-i0qci8t8ey]::-webkit-scrollbar-thumb {
        background-color: var(--scrollbar-main-thumb-color);
        border-radius: 16px;
        border: 4px solid var(--scrollbar-main-thumb-border-color);
    }

    /* set button(top and bottom of the scrollbar) */
    .orderHistoryTable[b-i0qci8t8ey]::-webkit-scrollbar-button {
        display: none;
    }

.Sorted[b-i0qci8t8ey] {
    border-bottom: 3px solid var(--primary-color) !important;
}
/* _content/BlueLink.B2BOP.Blazor/Components/Pager.razor.rz.scp.css */
.pager[b-oaptwpvouu] {
    display: flex;
    justify-content: center;
    font-family: montserrat-light;
    font-size: 13px;
    padding: var(--page-gutter);
}

.top-pager[b-oaptwpvouu] {
    border-bottom: 1px solid var(--border-color);
}

.bottom-pager[b-oaptwpvouu] {
}

button[b-oaptwpvouu] {
    width: auto;
    min-width: 30px;
    height: 30px;
    border-radius: 4px;
    border: 1px solid var(--border-color);
    margin: 0 8px;
    text-align: center;
    background-color: var(--page-color);
    color: var(--page-text-color);
    cursor: pointer;
    outline: none;
}

span[b-oaptwpvouu] {
    margin: 2px 8px;
    color: var(--page-text-color);
}

button:hover[b-oaptwpvouu] {
    border-color: var(--primary-color);
}

button:disabled[b-oaptwpvouu] {
    border: 1px solid var(--border-color);
    opacity: 0.5;
    cursor: default;
}

.current[b-oaptwpvouu] {
    background-color: var(--primary-color);
    color: var(--primary-button-text-color);
}

.previous[b-oaptwpvouu], .next[b-oaptwpvouu] {
    width: 100px;
}
/* _content/BlueLink.B2BOP.Blazor/Components/RegistrationModal.razor.rz.scp.css */
h1[b-izerl20f4l] {
    font-family: opensans-bold,'Arial Black';
    font-size: 26px;
    line-height: 26px;
    color: var(--page-text-color);
}

p[b-izerl20f4l] {
    font-family: opensans-regular,'Arial';
    font-size: 16px;
    line-height: 24px;
    color: var(--page-text-color);
}

label[b-izerl20f4l] {
    font-size: 14px;
    margin-right: 8px;
}

div[b-izerl20f4l] {
    width: 300px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin-top: 8px;
    color: var(--page-text-color);
}

    div .passwordRequirements[b-izerl20f4l] {
        justify-content: flex-start;
        width: 500px;
        display: block;
    }

input[b-izerl20f4l] {
    outline: none;
    border: 1px solid var(--border-color);
    font-size: 16px;
    line-height: 24px;
    padding: 4px 8px;
}

ul[b-izerl20f4l] {
    color: var(--delete-button-color);
}

li.invalid[b-izerl20f4l] {
    color: var(--delete-button-color);
}

li.valid[b-izerl20f4l] {
    color: var(--page-text-color);
}

input:focus[b-izerl20f4l] {
    border-color: var(--primary-color);
}

button[b-izerl20f4l] {
    background-color: var(--primary-color);
    color: var(--primary-button-text-color);
    font-family: montserrat-medium;
    font-size: 14px;
    padding: 8px 16px;
    outline: none;
    border-radius: 4px;
    border: 2px solid var(--primary-color);
    cursor: pointer;
}

    button:hover[b-izerl20f4l] {
        border-color: var(--border-color);
    }

    button[disabled][b-izerl20f4l] {
        opacity: 0.5;
        cursor: default;
    }
/* _content/BlueLink.B2BOP.Blazor/Components/SaveCartToListModal.razor.rz.scp.css */


input:hover[b-rm1aqnrahd], input:focus[b-rm1aqnrahd] {
    border: 1px solid var(--selected-textbox-color) !important;
}


.cancel[b-rm1aqnrahd] {
    color: var(--delete-button-text-color);
    background-color: var(--delete-button-color);
    border: 1px solid var(--delete-button-color);
    outline: thin;
    margin-right: 5px;
}

button[b-rm1aqnrahd] {
    color: var(--primary-button-text-color);
    background-color: var(--primary-color);
    border-radius: 4px;
    border: 0;
    outline: none;
    margin: 18px 0;
    padding: 8px 30px;
    font-family: montserrat-medium;
    font-size: 14px;
    cursor: pointer;
    margin-left: 5px;
}

    button[disabled][b-rm1aqnrahd] {
        opacity: 0.5;
        cursor: default;
    }


main section[b-rm1aqnrahd] {
    width: 100%;
    display: flex;
    flex-direction :column;
    border-top: 2px solid var(--border-color);
    margin: 0 8px var(--page-gutter) 0;
}

    main section div[b-rm1aqnrahd] {
        display: flex;
        align-items: center;
        justify-content: flex-start;
        margin-top: 8px;
    }

    main section .divcheck[b-rm1aqnrahd] {
        display: flex;
        align-items: center;
        justify-content: flex-start;
        margin-top: 8px;
    }

        main section .divcheck label[b-rm1aqnrahd] {
            margin-left: 8px;
        }

    main section label[b-rm1aqnrahd] {
        font-family: montserrat-light;
        font-size: 14px;
        margin: 0 8px 0px 0px;
        text-wrap: none;
    }

    main section input[type=text][b-rm1aqnrahd] {
        outline: none;
        border: 1px solid var(--border-color);
        font-size: 16px;
        line-height: 24px;
        padding: 4px 8px;
        width: 330px;
    }



    main section[b-rm1aqnrahd]  .dropdown {
        width: 365px;
        min-height: 20px;
    }

    main section[b-rm1aqnrahd]  .dd-button {
        min-width: 335px;
        min-height: inherit;
    }

    main section[b-rm1aqnrahd]  .dd-menu {
        width: inherit;
    }

.modalButtons[b-rm1aqnrahd] {
    display: flex;
    justify-content: end;
}

.ValidationErr[b-rm1aqnrahd] {
    display: flex;
    flex-direction: column;
}

    .ValidationErr span[b-rm1aqnrahd] {
        font-size: 10px;
        color: red;
    }
/* _content/BlueLink.B2BOP.Blazor/Components/SaveItemToListModal.razor.rz.scp.css */


input:hover[b-ukvqzakzy4], input:focus[b-ukvqzakzy4], select:hover[b-ukvqzakzy4], select:focus[b-ukvqzakzy4] {
    border: 1px solid var(--selected-textbox-color) !important;
}


.cancel[b-ukvqzakzy4] {
    color: var(--delete-button-text-color);
    background-color: var(--delete-button-color);
    border: 1px solid var(--delete-button-color);
    outline: thin;
    margin-right: 5px;
}

button[b-ukvqzakzy4] {
    color: var(--primary-button-text-color);
    background-color: var(--primary-color);
    border-radius: 4px;
    border: 0;
    outline: none;
    margin: 18px 0;
    margin-left: 5px;
    padding: 8px 30px;
    font-family: montserrat-medium;
    font-size: 14px;
    cursor: pointer;
}

    button[disabled][b-ukvqzakzy4] {
        opacity: 0.5;
        cursor: default;
    }


main section[b-ukvqzakzy4] {
    width: 100%;
    display: flex;
    flex-direction :column;
    border-top: 2px solid var(--border-color);
    margin: 0 8px var(--page-gutter) 0;
}

    main section div[b-ukvqzakzy4] {
        display: flex;
        align-items: center;
        justify-content: flex-start;
        margin-top: 8px;
    }

    main section .divcheck[b-ukvqzakzy4] {
        display: flex;
        align-items: center;
        justify-content: flex-start;
        margin-top: 8px;
    }

        main section .divcheck label[b-ukvqzakzy4] {
            margin-left: 8px;
        }

    main section label[b-ukvqzakzy4] {
        font-family: montserrat-light;
        font-size: 14px;
        margin: 0 8px 0px 0px;
        text-wrap: none;
    }

    main section input[type=text][b-ukvqzakzy4] {
        outline: none;
        border: 1px solid var(--border-color);
        font-size: 16px;
        line-height: 24px;
        padding: 4px 8px;
        width: 330px;
    }



    main section[b-ukvqzakzy4]  .dropdown {
        width: 365px;
        min-height: 20px;
    }

    main section[b-ukvqzakzy4]  .dd-button {
        min-width: 335px;
        min-height: inherit;
    }

    main section[b-ukvqzakzy4]  .dd-menu {
        width: inherit;
    }

input[type=checkbox][b-ukvqzakzy4] {
    display:inline-block
}

.checkbox-label[b-ukvqzakzy4]{
    cursor: pointer;
}

.ValidationErr[b-ukvqzakzy4]{
    display:flex;
    flex-direction:column;
}

.ValidationErr span[b-ukvqzakzy4]{
    font-size:10px;
    color:red;
}

.modalButtons[b-ukvqzakzy4] {
    display: flex;
    justify-content: end;
}
/* _content/BlueLink.B2BOP.Blazor/Components/SaveListToCartModal.razor.rz.scp.css */
.cancel[b-ybtgr0h4rk] {
    color: var(--delete-button-text-color);
    background-color: var(--delete-button-color);
    border: 1px solid var(--delete-button-color);
    outline: thin;
    margin-right: 5px;
}

button[b-ybtgr0h4rk] {
    color: var(--primary-button-text-color);
    background-color: var(--primary-color);
    border-radius: 4px;
    border: 0;
    outline: none;
    margin: 18px 0;
    padding: 8px 30px;
    font-family: montserrat-medium;
    font-size: 14px;
    cursor: pointer;
}

    button[disabled][b-ybtgr0h4rk] {
        opacity: 0.5;
        cursor: default;
    }

main[b-ybtgr0h4rk]  {
    width: 100%;
    display: flex;
    flex-direction: column;
    border-top: 2px solid var(--border-color);
    margin: 0 8px var(--page-gutter) 0;
}

    main  .divcheck[b-ybtgr0h4rk] {
        display: flex;
        align-items: center;
        justify-content: flex-start;
        margin-top: 8px;
    }

        main .divcheck label[b-ybtgr0h4rk] {
            margin-left: 8px;
        }
/* _content/BlueLink.B2BOP.Blazor/Components/Search.razor.rz.scp.css */
.search[b-d0x9qmxhqn] {
    display: flex;
    align-items: center;
}

input[b-d0x9qmxhqn] {
    padding: 8px;
    margin-right: 8px;
    font-family: opensans-semibold,'Arial';
    font-size: 14px;
    color: rgba(33,33,33,1);
    opacity: 0.5;
    border: 1px solid var(--border-color);
    border-radius: 4px;
    width: 250px;
    outline: none;
    cursor: pointer;
}

input:hover[b-d0x9qmxhqn], input:focus[b-d0x9qmxhqn] {
    border: 1px solid var(--selected-textbox-color);
}

img[b-d0x9qmxhqn] {
    width: 16px;
}

.searchBox[b-d0x9qmxhqn] {
    position: relative;
}

.clear[b-d0x9qmxhqn] {
    position: absolute;
    display: block;
    top: 5px;
    right: 10px;
    width: 30px;
    height: 30px;
    cursor: pointer;
    padding: 2px;
    background: transparent;
    outline: none;
    border: 1px solid var(--border-color);
    border-radius: 4px;
}

.clear:hover[b-d0x9qmxhqn], .clear:focus[b-d0x9qmxhqn] {
    border: 1px solid var(--selected-textbox-color);
}

.search-group[b-d0x9qmxhqn] {
    position: relative;
    align-items: stretch;
    width: 100%;
}

.search > span[b-d0x9qmxhqn] {
    margin-left: 7px;
    color: var(--primary-color);
}

.search > span:hover[b-d0x9qmxhqn] {
    cursor: pointer;
}
/* _content/BlueLink.B2BOP.Blazor/Components/SelectEmailMailtoModal.razor.rz.scp.css */
button[b-aeqx34u5kr] {
    color: var(--primary-button-text-color);
    background-color: var(--primary-color);
    border-radius: 4px;
    border: 0;
    outline: none;
    margin: 18px 0;
    padding: 8px 30px;
    font-family: montserrat-medium;
    font-size: 14px;
    cursor: pointer;
}

.cancelbtn[b-aeqx34u5kr] {
    color: var(--secondary-button-text-color);
    background-color: var(--secondary-button-color);
    border: 1px solid var(--secondary-button-color);
    margin: 18px 0;
    outline: thin;
}

.modalButtons[b-aeqx34u5kr] {
    display: flex;
    justify-content: end;
}

main[b-aeqx34u5kr] {
    width: 100%;
    display: flex;
    flex-direction: column;
    border-top: 2px solid var(--border-color);
    margin: 0 8px var(--page-gutter) 0;
}

    main .divcheck[b-aeqx34u5kr] {
        display: flex;
        align-items: center;
        justify-content: flex-start;
        margin-top: 8px;
    }

        main .divcheck label[b-aeqx34u5kr] {
            margin-left: 8px;
        }

.documentation[b-aeqx34u5kr] {
    color: gray;
    font-size: 12px;
}
/* _content/BlueLink.B2BOP.Blazor/Components/ShoppingCartDrawer.razor.rz.scp.css */
.cart-drawer[b-0ngn4wfhl3] {
    background-color: var(--page-color);
    display: flex;
    flex-direction: column;
    box-shadow: -3px 0 10px rgba(0, 0, 0, 0.16);
    font-family: montserrat-medium;
    transition-property: width;
    transition-duration: 2s;
    transition-delay: 0s;
    width: 0px;
    opacity: 0;
    background-color: var(--cart-drawer-color);
}

.PinShopCart[b-0ngn4wfhl3] {
    position: fixed;
    width: 250px;
    max-height: 100%;
    scrollbar-width: thin !important;
}

.PinShopCart[b-0ngn4wfhl3]::-webkit-scrollbar {
    width: 16px;
}

/* background of the scrollbar except button or resizer */
.PinShopCart[b-0ngn4wfhl3]::-webkit-scrollbar-track {
    background-color: var(--scrollbar-cart-drawer-track-color);
    border-radius: 16px;
}

/* scrollbar itself */
.PinShopCart[b-0ngn4wfhl3]::-webkit-scrollbar-thumb {
    background-color: var(--scrollbar-cart-drawer-thumb-color);
    border-radius: 16px;
    border: 4px solid var(--scrollbar-cart-drawer-thumb-border-color);
}

/* set button(top and bottom of the scrollbar) */
.PinShopCart[b-0ngn4wfhl3]::-webkit-scrollbar-button {
    display: none;
}

.open[b-0ngn4wfhl3] {
    -webkit-transition: opacity 2s, width 0.25s;
    -moz-transition: opacity 2s, width 0.25s;
    -ms-transition: opacity 2s, width 0.25s;
    -o-transition: opacity 2s, width 0.25s;
    transition: opacity 2s, width 0.25s;
    width: 250px;
    opacity: 1;
}

.closed[b-0ngn4wfhl3] {
    -webkit-transition: opacity 0.1s, width 1s;
    -moz-transition: opacity 0.1s, width 1s;
    -ms-transition: opacity 0.1s, width 1s;
    -o-transition: opacity 0.1s, width 1s;
    transition: opacity 0.1s, width 1s;

}

header[b-0ngn4wfhl3] {
    font-size: 14px;
    padding-top: 24px;
    display: flex;
    flex-direction: column;
    align-items: center;
    background-color: var(--cart-drawer-on-hover);
    position: sticky;
}

header .deletecart[b-0ngn4wfhl3] {
    color: var(--delete-button-text-color);
    background-color: var(--delete-button-color);
    border: 1px solid var(--delete-button-color);
    margin-top: 0px;
    outline: thin;
}
.sameWidth[b-0ngn4wfhl3]{
    width:141px;
}

.dlink[b-0ngn4wfhl3] {
    color: var(--delete-button-color);
}

header button[b-0ngn4wfhl3] {
    color: var(--primary-button-text-color);
    background-color: var(--primary-color);
    border-radius: 4px;
    border: 0;
    outline: none;
    margin: 18px 0;
    padding: 8px 30px;
    font-family: montserrat-medium;
    font-size: 14px;
    cursor: pointer;
}

header p[b-0ngn4wfhl3] {
    text-align: center;
    font-size: 12px;
    margin: 14px 0;
}

.processed[b-0ngn4wfhl3] {
    text-align: center;
    margin-top: 5px;
    font-family: montserrat-regular;
    font-size: 12px;
}

.price label[b-0ngn4wfhl3] {
    color: var(--cart-drawer-text-color);
}

.price span[b-0ngn4wfhl3] {
    color: var(--primary-color);
}

main[b-0ngn4wfhl3] {
    flex-grow: 1;
    background-color: var(--cart-drawer-color);
    height: calc(100vh - 175px);
    color: var(--cart-drawer-text-color);
    overflow-y: auto;
}

main p[b-0ngn4wfhl3] {
    text-align: center;
    font-size: 12px;
    margin: 14px 0;
}

main div a[b-0ngn4wfhl3] {
    font-family: montserrat-medium;
    font-size: 12px;
    color: var(--primary-color);
}

main section div a[b-0ngn4wfhl3] {
    font-family: montserrat-regular;
    font-size: 10px;
    color: var(--primary-color);
    text-decoration: none;
}

main .atagparent[b-0ngn4wfhl3] {
    text-align: center;
    margin-bottom: 14px;
    margin-top: 14px;
}

section[b-0ngn4wfhl3] {
    margin: 0 4px 12px 4px;
    border: 1px solid var(--border-color);
    border-radius: 4px;
    padding: 8px;
    display: flex;
    align-items: start;
    font-family: opensans-regular,'Arial';
    font-size: 11px;
    position: relative;
}

section:hover[b-0ngn4wfhl3]{
    background-color: var(--cart-drawer-on-hover);
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
}

section .form[b-0ngn4wfhl3] {
    display: none;
    margin: 8px 0;
    display: flex;
    align-items: center;
}

section:hover .form[b-0ngn4wfhl3] {
}

section .thumbnail[b-0ngn4wfhl3] {
    width: 50px;
    height: 50px;
    position: relative;
    border-radius: 4px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: auto 50px;
    margin-top: 5px;
}

section .thumbnail img[b-0ngn4wfhl3] {
    max-width: 50px;
    max-height: 50px;
    position: relative;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto;
}

section .props[b-0ngn4wfhl3] {
    flex-grow: 1;
    margin-left: 5px;
    text-overflow: ellipsis;
    line-height: 16px;
    width: calc(100% - 50px);
    margin-top: 5px;
}

section .props .description[b-0ngn4wfhl3] {
    font-family: opensans-semibold,'Arial';
}

section .props .manufacturer[b-0ngn4wfhl3] {
    color: var(--primary-color);
}

section .props .price[b-0ngn4wfhl3] {
    font-family: opensans-semibold,'Arial';
    font-size: 14px;
    margin-top: 6px;
}

input[b-0ngn4wfhl3] {
    padding: 6px 0px 6px 6px;
    border: 1px solid var(--border-color);
    border-radius: 4px;
    outline: none;
    cursor: pointer;
    margin: 0 4px;
    width: 60px;
    font-family: opensans-regular,'Arial';
    font-size: 11px;
}

input:hover[b-0ngn4wfhl3], input:focus[b-0ngn4wfhl3] {
    border: 1px solid var(--selected-textbox-color);
}

section .bubbles .qtyBreak[b-0ngn4wfhl3] {
    position: absolute;
    top: -9px;
    font-family: opensans-regular,'Arial';
    font-size: 12px;
    right: 0;
    border: 1px solid var(--border-color);
    border-radius: 10px;
    padding-left: 10px;
    padding-right: 10px;
    background-color: var(--qty-breaks-bubble-color);
    color: var(--qty-breaks-bubble-text-color);
}

section .bubbles .shortDated[b-0ngn4wfhl3] {
    position: absolute;
    top: -9px;
    font-family: opensans-regular,'Arial';
    font-size: 12px;
    left: 0;
    border: 1px solid var(--border-color);
    border-radius: 10px;
    padding-left: 10px;
    padding-right: 10px;
    background-color: var(--short-dated-bubble-color);
    color: var(--short-dated-bubble-text-color);
}

.bubbles[b-0ngn4wfhl3] {
    display: inline-flex;
}

svg:hover[b-0ngn4wfhl3]{
    cursor: pointer;
}
/* _content/BlueLink.B2BOP.Blazor/Components/ShowImageModal.razor.rz.scp.css */
div[b-52snznkibb] {
    max-width: 800px;
    max-height: 800px;
    overflow-y: auto;
}

div img[b-52snznkibb] {
    max-height: 100%;
    max-width: 100%;
}
/* _content/BlueLink.B2BOP.Blazor/Components/Toolbar.razor.rz.scp.css */
.toolbar[b-plqlfd7xu3] {
    display: flex;
    align-items: center;
    padding: var(--page-gutter) 0;
    border-bottom: 1px solid var(--border-color)
}

.title[b-plqlfd7xu3] {
    font-family: opensans-bold,'Arial Black';
    font-size: 14px;
}

.shop-links[b-plqlfd7xu3] {
    display: flex;
    align-items: center;
}

.shop-links a[b-plqlfd7xu3] {
    display: block;
    padding: 0 var(--page-gutter);
    text-decoration: none;
    font-family: opensans-regular,'Arial';
    font-size: 14px;
    color: var(--primary-color);
}

.title a[b-plqlfd7xu3] {
    display: block;
    padding: 0 var(--page-gutter) 0 0;
    color: var(--primary-color);
}

.spacer[b-plqlfd7xu3] {
    flex-grow: 1;
}

.shop-links a:hover[b-plqlfd7xu3], a:hover[b-plqlfd7xu3], a.current[b-plqlfd7xu3] {
    color: var(--primary-color);
    cursor: pointer;
}

.searchBox[b-plqlfd7xu3] {
    display: block;
}

.row.clear[b-plqlfd7xu3] {
    text-align: right;
    margin-right: 20px;
}

.clearFilters[b-plqlfd7xu3] {
    cursor: pointer;
    font-size: small;
    color: var(--delete-button-color);
}
/* _content/BlueLink.B2BOP.Blazor/Components/Tooltip.razor.rz.scp.css */
.tooltip-wrapper[b-a6gi1uroyw] {
    position: relative;
    display: inline-block;
    /*border-bottom: 1px dotted black;*/
    cursor: help !important;
}

span[b-a6gi1uroyw] {
    visibility: hidden;
    position: absolute;
    /*width: 120px;*/
    width: max-content;
    bottom: 100%;
    left: 50%;
    margin-left: -60px;
    background-color: #363636;
    color: #fff;
    text-align: left;
    padding-inline: 30px;
    border-radius: 6px;
    z-index: 1;
}

/*span::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #555 transparent transparent transparent;
}*/
.tooltip-wrapper:hover span[b-a6gi1uroyw] {
    visibility: visible;
}
.custom1[b-a6gi1uroyw]::after {
    left: 7%;
}
.custom1[b-a6gi1uroyw] {
    padding-inline: 17%;
    bottom: 100%;
    left: 50%;
}

.custom2[b-a6gi1uroyw] {
    bottom: 75%;
    left: 35%;
}

.fullWidth[b-a6gi1uroyw] {
    width: 100%;
}

.csosToolTip[b-a6gi1uroyw] {
    margin-left: -275px !important;
    padding-inline: 10px !important;
}
/* _content/BlueLink.B2BOP.Blazor/Components/TooltipButtons.razor.rz.scp.css */
.tooltip-wrapper[b-h77a7w3sl1] {
    position: relative;
    display: inline-block;
    border-bottom: 1px dotted black;
    cursor: pointer;
}

.tooltip-container[b-h77a7w3sl1] {
    visibility: hidden;
    position: absolute;
    width: 120px;
    top: 100%;
    left: 50%;
    margin-left: -60px;
    background-color: #363636;
    color: #fff;
    text-align: center;
    padding: 5px 0;
    border-radius: 6px;
    z-index: 1;
}

    .tooltip-container[b-h77a7w3sl1]::after {
        content: "";
        position: absolute;
        transform: rotate(180deg);
        bottom: 100%;
        left: 50%;
        margin-left: -5px;
        border-width: 5px;
        border-style: solid;
        border-color: #555 transparent transparent transparent;
    }

button[b-h77a7w3sl1] {
    width: 110px;
}

.tooltip-wrapper:hover .tooltip-container[b-h77a7w3sl1] {
    visibility: visible;
}
/* _content/BlueLink.B2BOP.Blazor/Pages/AccountDetails.razor.rz.scp.css */
.top[b-vzfwugiwkx] {
    border-bottom: 1px solid var(--border-color);
    font-family: opensans-semibold,'Arial';
    font-size: 12px;
    color: var(--page-text-color);
    display: flex;
    align-items: center;
}

.menu-items[b-vzfwugiwkx] {
    display: flex;
    align-items: flex-end;
}

[b-vzfwugiwkx] .menu-item {
    height: 60%;
    border-bottom: 3px solid var(--page-color);
    font-family: opensans-bold,'Arial Black';
    font-size: 14px;
    width: auto;
    color: var(--page-text-color);
    text-align: center;
    text-decoration: none;
    margin-inline: 10px;
    padding: var(--page-gutter) 0;
}

    [b-vzfwugiwkx] .menu-item.active {
        border-bottom: 3px solid var(--primary-color);
    }

.layout[b-vzfwugiwkx] {
    flex-grow: 1;
   /* display: flex;*/
}

.lists[b-vzfwugiwkx] {
    line-height: 24px;
    color: var(--page-text-color);
    white-space: nowrap;
    margin-right: var(--page-gutter);
    flex-grow: 0.25;
}

.lists a[b-vzfwugiwkx], a:visited[b-vzfwugiwkx] {
    font-family: montserrat-light;
    font-size: 12px;
    text-decoration: none;
    color: var(--page-text-color);
}

.lists a:hover[b-vzfwugiwkx], a.current[b-vzfwugiwkx] {
    color: var(--primary-color);
}

.lists a.current[b-vzfwugiwkx] {
    font-family: montserrat-semibold;
}

h1[b-vzfwugiwkx] {
    font-family: opensans-semibold,'Arial';
    font-size: 18px;
    margin: var(--page-gutter) 0 10px 0;
}

.listitem[b-vzfwugiwkx] {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
}

.listitem label[b-vzfwugiwkx] {
    justify-content: left;
    margin-left: 14px;
    font-family: montserrat-medium;
}


.listitem .header[b-vzfwugiwkx] {
    display: flex;
    justify-content: space-between;
    font-family: montserrat-light;
    font-size: 13px;
    padding: var(--page-gutter);
    border-bottom: 1px solid var(--border-color);
}

.listitem .header label[b-vzfwugiwkx] {
    margin-top: 6px;
    margin-right: 10px;
    margin-left: 10px;
}


.listitem .item .properties[b-vzfwugiwkx] {
    flex-grow: 1;
    margin-left: var(--page-gutter);
}

.disabled[b-vzfwugiwkx] {
    pointer-events: none;
    cursor: default;
    opacity: 0.4;
}
/* _content/BlueLink.B2BOP.Blazor/Pages/Checkout.razor.rz.scp.css */
th[b-l657ovxjxu] {
    text-align: left;
    font-family: opensans-bold,'Arial Black';
    font-size: 14px;
    padding: 8px 4px;
    border-bottom: 1px solid var(--border-color)
}

td[b-l657ovxjxu] {
    font-family: opensans-regular,'Arial';
    font-size: 14px;
    padding: 8px 4px;
    border-bottom: 1px solid var(--border-color)
}

tr:hover[b-l657ovxjxu] {
    background-color: var(--cart-drawer-color);
}

button[b-l657ovxjxu] {
    color: var(--primary-button-text-color);
    background-color: var(--primary-color);
    border-radius: 4px;
    border: 0;
    outline: none;
    margin: 18px 0;
    padding: 8px 30px;
    font-family: montserrat-medium;
    font-size: 14px;
    cursor: pointer;
}

header[b-l657ovxjxu] {
    padding: var(--page-gutter) 0;
    border-bottom: 1px solid var(--border-color);
    font-family: opensans-semibold,'Arial';
    font-size: 12px;
    color: black;
    display: flex;
    align-items: center;
    color: var(--page-text-color);
}

    header span.separator[b-l657ovxjxu] {
        width: 16px;
        line-height: 16px;
        display: block;
        background-repeat: no-repeat;
        background-position: center center;
        text-align: center;
        vertical-align: top;
    }
/* _content/BlueLink.B2BOP.Blazor/Pages/Configuration.razor.rz.scp.css */
.main[b-netfql1yru]{
 display:flex;
}

.navbarex[b-netfql1yru] {
    min-height: calc(100vh);
    border-right: 1px solid var(--border-color);
}

.content[b-netfql1yru]{
    margin:10px;
}

.arrowdown[b-netfql1yru] {
    cursor: pointer;
}

.arrowdown[b-netfql1yru]::before {
    margin-right: 5PX;
}

.arrowright[b-netfql1yru] {
    cursor: pointer;
}

.arrowright[b-netfql1yru]::before {
    margin-right: 5PX;
    cursor: pointer;
}

.bold[b-netfql1yru] {
    font-weight: bold;
    pointer-events: none;
}

ul[b-netfql1yru] {
    margin-left: 15px;
    margin-bottom: 0px;
}

ul li[b-netfql1yru] {
    color: var(--page-text-color);
    font-weight: normal;
    margin:0 28px;
    text-indent: -28px;
}

li:hover[b-netfql1yru] {
    cursor: pointer;
}

.seitem[b-netfql1yru] {
    color: var(--primary-color) !important;
    font-weight: bold;
    pointer-events: none;
}

.nodot[b-netfql1yru]{
    list-style:none;
}

.my-1[b-netfql1yru] {
    color: var(--page-text-color);
}
/* _content/BlueLink.B2BOP.Blazor/Pages/CSOSOrderDetails.razor.rz.scp.css */
label[b-rhdiyu8iq7] {
    font-weight: bold;
    font-size: 15px;
    margin-right: 10px;
    color: var(--page-text-color);
}

table[b-rhdiyu8iq7] {
    font-size: 15px;
    margin: 10px;
}

tbody[b-rhdiyu8iq7] {
    display: block;
    height: 150px;
    overflow: auto;
}

    thead[b-rhdiyu8iq7], tbody tr[b-rhdiyu8iq7] {
        display: table;
        width: 100%;
        table-layout: fixed; /* even columns width , fix width of table too*/
    }

.history[b-rhdiyu8iq7] {
    display: block;
    overflow-x: auto;
    width: 80%
}

.footer[b-rhdiyu8iq7] {
    margin-top: 35px;
    display: block;
    overflow-x: auto;
}

thead > th:first-child[b-rhdiyu8iq7] {
    position: sticky;
    left: 0;
    background-color: var(--page-color);
}

.footer > tbody tr:hover td[b-rhdiyu8iq7] {
    background-color: var(--page-on-hover) !important;
    color: var(--page-text-color);
}

.bborder > td:first-child[b-rhdiyu8iq7] {
    position: sticky;
    left: 0;
    background-color: var(--page-color);
}

[b-rhdiyu8iq7]::-webkit-scrollbar {
    width: 16px;
}

/* background of the scrollbar except button or resizer */
[b-rhdiyu8iq7]::-webkit-scrollbar-track {
    background-color: var(--scrollbar-main-track-color);
    border-radius: 16px;
}

/* scrollbar itself */
[b-rhdiyu8iq7]::-webkit-scrollbar-thumb {
    background-color: var(--scrollbar-main-thumb-color);
    border-radius: 16px;
    border: 4px solid var(--scrollbar-main-thumb-border-color);
}

/* set button(top and bottom of the scrollbar) */
[b-rhdiyu8iq7]::-webkit-scrollbar-button {
    display: none;
}

th[b-rhdiyu8iq7] {
    padding-right: 10px;
    text-align: left;
    font-family: opensans-bold,'Arial Black';
    font-size: 15px;
    white-space: nowrap;
    border-bottom: solid;
}

td[b-rhdiyu8iq7] {
    vertical-align: top;
    text-align: left;
    height: 26px;
    font-size: 15px;
    /*min-width: 140px;*/
}

tr.bborder td[b-rhdiyu8iq7] {
    padding: 8px 4px;
}

.bborder[b-rhdiyu8iq7] {
    border-bottom: 1px solid var(--border-color);
}

.flex[b-rhdiyu8iq7] {
    display: flex;
    margin: 5px;
}

div[b-rhdiyu8iq7] {
    font-size: 15px;
}

label[b-rhdiyu8iq7] {
    font-size: 15px;
}

.top[b-rhdiyu8iq7] {
    border-bottom: 1px solid var(--border-color);
    font-family: opensans-semibold,'Arial';
    color: var(--page-text-color);
    display: flex;
    align-items: center;
    height: 73px;
}


.clickable[b-rhdiyu8iq7] {
    font-weight: bold;
    color: var(--primary-color);
    cursor: pointer;
}

.backarrow[b-rhdiyu8iq7] {
    font-size: 32px;
    margin-bottom: 8px;
    margin-right: 8px;
    cursor: pointer;
    color: var(--primary-color);
}

.rightalign[b-rhdiyu8iq7] {
    text-align: right;
}

.centeralign[b-rhdiyu8iq7] {
    text-align: center;
}

.actions[b-rhdiyu8iq7] {
    margin-top: 8px;
    display: flex;
    flex-direction: row;
    align-items: center;
}

input[type='number'][b-rhdiyu8iq7] {
    padding: 6px 0px 6px 6px;
    border: 1px solid var(--border-color);
    border-radius: 4px;
    outline: none;
    cursor: pointer;
    font-family: opensans-regular, 'Arial';
    font-size: 14px;
    color: rgba(33, 33, 33, 1);
}

input:hover[b-rhdiyu8iq7], input:focus[b-rhdiyu8iq7] {
    border: 1px solid var(--selected-textbox-color);
}

button[b-rhdiyu8iq7] {
    color: var(--primary-button-text-color);
    background-color: var(--primary-color);
    border-radius: 4px;
    border: 0;
    outline: none;
    padding: 8px 30px;
    font-family: montserrat-medium;
    font-size: 14px;
    cursor: pointer;
    text-wrap: none;
    white-space: nowrap;
    margin-left: 5px;
}

    button[disabled][b-rhdiyu8iq7] {
        opacity: 0.5;
        cursor: help;
    }

.loader[b-rhdiyu8iq7] {
    border: 3px solid #f3f3f3; /* Light grey */
    border-top: 3px solid #3498db; /* Blue */
    border-radius: 50%;
    width: 22px;
    height: 22px;
    animation: spin-b-rhdiyu8iq7 2s linear infinite;
}

.footer[b-rhdiyu8iq7], .history[b-rhdiyu8iq7], .flex[b-rhdiyu8iq7], h2[b-rhdiyu8iq7] {
    color: var(--page-text-color);
}

@keyframes spin-b-rhdiyu8iq7 {
    0% {
        transform: rotate(0deg);
    }

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

.orderInfo[b-rhdiyu8iq7] {
    margin-right: 10px;
}

a:not(.prodCode)[b-rhdiyu8iq7] {
    font-family: montserrat-medium;
    font-size: 14px;
    padding: 8px 16px;
    outline: none;
    border-radius: 4px;
    cursor: pointer;
    margin: 10px;
    background-color: var(--primary-color);
    color: var(--primary-button-text-color);
    border: 2px solid var(--primary-color);
    text-decoration: none;
}

.disabled[b-rhdiyu8iq7] {
    opacity: 0.5;
    cursor: default !important;
    pointer-events: none;
}

.spacer[b-rhdiyu8iq7] {
    width: 75vh;
}

.errorMsg[b-rhdiyu8iq7] {
    text-align: center;
    margin-top: 15px;
    margin-bottom: 15px;
    color: var(--page-text-color);
}
/* _content/BlueLink.B2BOP.Blazor/Pages/Design.razor.rz.scp.css */
h1[b-xic0d32uln] {
    font-family: opensans-bold,'Arial Black';
    font-size: 20px;
    line-height: 24px;
}

h2[b-xic0d32uln] {
    font-family: opensans-bold,'Arial Black';
    font-size: 16px;
    line-height: 24px;
}

.block[b-xic0d32uln] {
    display: flex;
    align-items: center;
    padding-bottom: 8px;
}

.block label[b-xic0d32uln], .block label.before[b-xic0d32uln] {
    padding-right: 8px;
}

.block label.after[b-xic0d32uln] {
    padding-left: 8px;
}

.color-sample[b-xic0d32uln] {
    border-radius: 8px;
    width: 32px;
    height: 32px;
    border: 1px solid #666;
}

.font-sample[b-xic0d32uln] {
    border-radius: 8px;
    padding:8px;
    border: 1px solid #666;
    font-size:14px;
}
/* _content/BlueLink.B2BOP.Blazor/Pages/Details.razor.rz.scp.css */
textarea[b-kwz9x53aiq] {
height: 200px;
width: 100%;
}

.breadcrumb[b-kwz9x53aiq] {
font-family: opensans-semibold,'Arial';
font-size: 12px;
color: var(--page-text-color);
display: flex;
align-items: center;
padding: var(--page-gutter) 0;
}

.breadcrumb a:visited[b-kwz9x53aiq], .breadcrumb a[b-kwz9x53aiq] {
color: var(--primary-color);
text-decoration: none;
}

.breadcrumb span.separator[b-kwz9x53aiq] {
width: 16px;
height: 16px;
display: block;
background-image: url(/img/separator.svg);
background-repeat: no-repeat;
background-position: center center;
}

main[b-kwz9x53aiq] {
display: flex;
align-items: start;
height: 100%;
box-shadow: -3px 0 10px rgba(0, 0, 0, 0.16);
border-radius: 4px;
padding: var(--page-gutter);
}

main .media-details[b-kwz9x53aiq] {
flex-grow: 1;
display: flex;
flex-direction: column;
}

@media only screen and (min-width: 1024px) {
main .media-details[b-kwz9x53aiq] {
flex-direction: row;
}
}

main .media[b-kwz9x53aiq] {
margin-right: var(--page-gutter);
height: 100%;
display: flex;
flex-direction: row;
}

.alt-text[b-kwz9x53aiq] {
white-space: pre-wrap;
white-space: -moz-pre-wrap;
white-space: -pre-wrap;
white-space: -o-pre-wrap;
word-wrap: break-word;
}



main .media img.sm[b-kwz9x53aiq] {
max-width: 50px;
max-height: 50px;
}

main .media img.md[b-kwz9x53aiq] {
max-width: 400px;
max-height: 400px;
}

main .media .thumbnails[b-kwz9x53aiq] {
    display: block;
    flex-direction: column;
    margin-right: 8px;
    height: 400px;
    overflow-y: auto;
    overflow-x: hidden;
}


    main .media .thumbnails[b-kwz9x53aiq]::-webkit-scrollbar {
        width: 16px;
    }

/* background of the scrollbar except button or resizer */
    main .media .thumbnails[b-kwz9x53aiq]::-webkit-scrollbar-track {
        background-color: var(--scrollbar-cart-drawer-track-color);
        border-radius: 16px;
    }

/* scrollbar itself */
    main .media .thumbnails[b-kwz9x53aiq]::-webkit-scrollbar-thumb {
        background-color: var(--scrollbar-cart-drawer-thumb-color);
        border-radius: 16px;
        border: 4px solid var(--scrollbar-cart-drawer-thumb-border-color);
    }

/* set button(top and bottom of the scrollbar) */
    main .media .thumbnails[b-kwz9x53aiq]::-webkit-scrollbar-button {
        display: none;
    }

.thumbnails .frame[b-kwz9x53aiq] {
    width: 50px;
    height: 50px;
    position: relative;
    cursor: pointer;
    margin: 5px 5px 5px 0;
    display: flex;
    justify-content: center;
    align-items: center;
}

    /*.thumbnails .frame img {
        position: absolute;
        top: 0;
        bottom: 0;
        right: 0;
        left: 0;
    }*/

main .media .selected-image[b-kwz9x53aiq] {
margin: 8px;
width: 400px;
height: 400px;
display: flex;
flex-direction: row;
justify-content: center;
position: relative;
}

main .media .selected-image img[b-kwz9x53aiq] {
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
margin: auto;
}

.selected-image .no-image[b-kwz9x53aiq] {
position: relative;
border-radius: 12px;
background-repeat: no-repeat;
background-position: center center;
background-size: auto 140px;
height: 100%;
width: 100%;
background-size: auto 400px;
}

main .details[b-kwz9x53aiq] {
flex-grow: 1;
height: 100%;
}

main .details h1[b-kwz9x53aiq] {
font-family: montserrat-bold;
font-size: 14px;
line-height: 24px;
color: var(--page-text-color);
}

main .details p[b-kwz9x53aiq] {
font-family: opensans-regular,'Arial';
font-size: 13px;
line-height: 24px;
color: var(--page-text-color);
}

main .details table[b-kwz9x53aiq] {
margin: var(--page-gutter) 0;
border-spacing: 0;
color: var(--page-text-color);
}

main .details table th[b-kwz9x53aiq] {
padding: 4px 16px 4px 4px;
text-align: left;
font-family: montserrat-bold;
font-size: 14px;
line-height: 24px;
border-bottom: 1px solid var(--border-color);
}

    main .details table td[b-kwz9x53aiq] {
        padding: 0px 16px 0px 4px;
        text-align: left;
        font-family: opensans-regular,'Arial';
        font-size: 14px;
        line-height: 23px;
        /*border-bottom: 1px solid var(--border-color);*/
        /*color: rgba(33, 33, 33, 0.7);*/
    }

.tblCustom-properties[b-kwz9x53aiq] {
    color: var(--page-text-color);
    opacity: 0.7;
}

main .details table .quantity[b-kwz9x53aiq] {
text-align: right;
padding-right: 4px;
}

main .qtyBreaks table .quantity[b-kwz9x53aiq] {
    text-align: right;
    padding-right: 4px;
}

main .showhide[b-kwz9x53aiq] {
    display: flex;
    align-items: center;
    font-family: opensans-regular,'Arial';
    font-size: 12px;
}

main .showhide span[b-kwz9x53aiq] {
margin-right: 8px;
}

main .cart[b-kwz9x53aiq] {
    margin-left: var(--page-gutter);
    border: 1px solid var(--border-color);
    font-family: opensans-regular,'Arial';
    font-size: 14px;
    border-radius: 4px;
    display: flex;
    flex-direction: column;
    padding: 16px;
}

main .cart label[b-kwz9x53aiq] {
font-family: montserrat-regular;
font-size: 12px;
color: var(--page-text-color);
opacity: 0.7;
line-height: 12px;
margin: 0 0 4px 4px;
display: block;
}

main .cart input[b-kwz9x53aiq] {
padding: 7px 0px 7px 6px;
border: 1px solid var(--border-color);
border-radius: 4px;
outline: none;
cursor: pointer;
margin-bottom: 16px;
width: 100%;
}

main .cart input:hover[b-kwz9x53aiq], main .cart input:focus[b-kwz9x53aiq] {
border: 1px solid var(--selected-textbox-color);
}

main .cart button[b-kwz9x53aiq] {
    display: flex;
    align-items: center;
    outline: none;
    cursor: pointer;
    background-color: var(--primary-color);
    border: 0;
    color: var(--primary-button-text-color);
    border-radius: 4px;
    margin-top: 16px;
    white-space: nowrap;
    text-wrap: none;
    width: 100%;
}

.info[b-kwz9x53aiq] {
    background-color: var(--secondary-button-color) !important;
}

.info span[b-kwz9x53aiq] {
    color: var(--secondary-button-text-color);
}

main button:disabled[b-kwz9x53aiq] {
border: 1px solid var(--border-color);
opacity: 0.5;
cursor: default;
}

main .cart button span[b-kwz9x53aiq] {
font-family: montserrat-medium;
font-size: 13px;
padding: 7px 12px;
}

main .cart button svg[b-kwz9x53aiq] {
height: auto;
margin-right: 12px;
}

main .label[b-kwz9x53aiq] {
color: red;
}


.PriceInCard[b-kwz9x53aiq] {
    width: 100%;
    display: inline-block;
    color: var(--page-text-color);
}

.fwBold[b-kwz9x53aiq]{
    font-weight:bold;
}

table > tr td:first-Child[b-kwz9x53aiq]{
    padding-left: 0px;
}
table > tr th:first-child[b-kwz9x53aiq]{
    padding-left: 0px;
}

main .qtyBreaks[b-kwz9x53aiq] {
    color: var(--page-text-color);
    margin-left: var(--page-gutter);
    margin-top: var(--page-gutter);
    border: 1px solid var(--border-color);
    font-family: opensans-regular,'Arial';
    font-size: 14px;
    border-radius: 4px;
    display: flex;
    flex-direction: column;
    padding-left: 16px;
    padding-right: 16px;
}

main h1[b-kwz9x53aiq] {
    font-family: montserrat-bold;
    font-size: 14px;
    line-height: 24px;
    margin-top: 8px;
    margin-bottom: 0;
}

.qtyBreaks table[b-kwz9x53aiq] {
    margin: 12px 0;
    border-spacing: 0;
}

.qtyBreaks table th[b-kwz9x53aiq] {
    padding: 4px 16px 4px 4px;
    text-align: left;
    font-family: montserrat-bold;
    font-size: 14px;
    line-height: 24px;
    border-bottom: 1px solid var(--border-color);
}

.qtyBreaks table td[b-kwz9x53aiq] {
    padding: 0px 4px 0px 4px;
    text-align: left;
    font-family: opensans-regular,'Arial';
    font-size: 14px;
    line-height: 23px;
}

.qtyBreaks .showhide span[b-kwz9x53aiq] {
    display: flex;
    align-items: center;
    font-family: opensans-regular,'Arial';
    font-weight: bold;
    font-size: 12px;
}

.qtyBreaks span[b-kwz9x53aiq] {
    margin-right: 8px;
}

td.rightAlign[b-kwz9x53aiq] {
    text-align: right !important; 
}

p[b-kwz9x53aiq], h1[b-kwz9x53aiq] {
    color: var(--page-text-color);
}

.qtyBreaksBubble[b-kwz9x53aiq] {
    font-family: montserrat-medium;
    font-size: 12px;
    line-height: 24px;
    border: 1px solid var(--border-color);
    border-radius: 10px;
    padding-left: 8px;
    padding-right: 8px;
    background-color: var(--qty-breaks-bubble-color);
    color: var(--qty-breaks-bubble-text-color);
    height: fit-content;
}

.shortDated[b-kwz9x53aiq] {
    font-family: montserrat-medium;
    font-size: 12px;
    line-height: 24px;
    border: 1px solid var(--border-color);
    border-radius: 10px;
    padding-left: 8px;
    padding-right: 8px;
    background-color: var(--short-dated-bubble-color);
    color: var(--short-dated-bubble-text-color);
    height: fit-content;
}

.newItem[b-kwz9x53aiq] {
    font-family: montserrat-medium;
    font-size: 12px;
    line-height: 24px;
    border: 1px solid var(--border-color);
    border-radius: 10px;
    padding-left: 8px;
    padding-right: 8px;
    background-color: var(--new-item-bubble-color);
    color: var(--new-item-bubble-text-color);
    height: fit-content;
}

.promoItem[b-kwz9x53aiq] {
    font-family: montserrat-medium;
    font-size: 12px;
    line-height: 24px;
    border: 1px solid var(--border-color);
    border-radius: 10px;
    padding-left: 8px;
    padding-right: 8px;
    background-color: var(--promo-item-bubble-color);
    color: var(--promo-item-bubble-text-color);
    height: fit-content;
}

.bubbles[b-kwz9x53aiq] {
    display: inline-flex;
}

.spacer[b-kwz9x53aiq] {
    margin: 3px;
}

.defaultWarehouse[b-kwz9x53aiq] {
    font-weight: bold;
    color: var(--primary-color);
}
/* _content/BlueLink.B2BOP.Blazor/Pages/Home.razor.rz.scp.css */
.container[b-44gedg2j08] {
    display: grid;
    grid-template-columns: [col1] 1fr [col2] 1fr [col3] 1fr [col4] 1fr [col5] 1fr;
    grid-template-rows: [row1] 140px [row2] 140px [row3] 140px [row4] 140px [row5] 140px;
    grid-gap: 10px;
    background-color: var(--page-color);
}

.blank[b-44gedg2j08] {
    height: 140px;
}

.card[b-44gedg2j08] {
    display: grid !important;
    border: none !important;
}

.fullHtml[b-44gedg2j08] {
    overflow: auto;
    height: 100%;
}
/* _content/BlueLink.B2BOP.Blazor/Pages/Login.razor.rz.scp.css */
h1[b-herrtz6839] {
    font-family: opensans-bold,'Arial Black';
    font-size: 26px;
    line-height: 26px;
    color: var(--page-text-color);
}

p[b-herrtz6839] {
    font-family: opensans-regular,'Arial';
    font-size: 16px;
    line-height: 24px;
    color: var(--page-text-color);
}

label[b-herrtz6839] {
    font-size: 14px;
    margin-right: 8px;
    color: var(--page-text-color);
}

div[b-herrtz6839] {
    width: 400px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin-top: 8px;
    color: var(--page-text-color);
}

input[b-herrtz6839] {
    outline: none;
    border: 1px solid var(--border-color);
    font-size: 16px;
    line-height: 24px;
    padding: 4px 8px;
    min-width: 300px;
}

input:focus[b-herrtz6839] {
    border-color: var(--primary-color);
}

button[b-herrtz6839] {
    background-color: var(--primary-color);
    color: var(--primary-button-text-color);
    font-family: montserrat-medium;
    font-size: 14px;
    padding: 8px 16px;
    outline: none;
    border-radius: 4px;
    border: 2px solid var(--primary-color);
    cursor: pointer;
}
button:hover[b-herrtz6839] {
    border-color: var(--border-color);
}

button[disabled][b-herrtz6839] {
    opacity: 0.5;
    cursor: default;
}

ul[b-herrtz6839] {
    color: var(--delete-button-color);
}

a:hover[b-herrtz6839] {
    color: var(--primary-color);
}
/* _content/BlueLink.B2BOP.Blazor/Pages/OrderDetails.razor.rz.scp.css */
label[b-mtwy3jvflu] {
    font-weight: bold;
    font-size: 15px;
    margin-right: 10px;
}

table[b-mtwy3jvflu] {
    font-size: 15px;
    margin:10px;
}
.footer[b-mtwy3jvflu]{
    margin-top: 35px;
    display: block;
    overflow-x: auto;
}

thead > th:first-child[b-mtwy3jvflu] {
    position: sticky;
    left: 0;
    background-color: var(--page-color);
}

.footer > tbody tr:hover td[b-mtwy3jvflu] {
    background-color: var(--page-on-hover) !important;
    color: var(--page-text-color);
}

.bborder > td:first-child[b-mtwy3jvflu] {
    position: sticky;
    left: 0;
    background-color: var(--page-color);
}

.footer[b-mtwy3jvflu]::-webkit-scrollbar {
    width: 16px;
}

/* background of the scrollbar except button or resizer */
.footer[b-mtwy3jvflu]::-webkit-scrollbar-track {
    background-color: var(--scrollbar-main-track-color);
    border-radius: 16px;
}

/* scrollbar itself */
.footer[b-mtwy3jvflu]::-webkit-scrollbar-thumb {
    background-color: var(--scrollbar-main-thumb-color);
    border-radius: 16px;
    border: 4px solid var(--scrollbar-main-thumb-border-color);
}

/* set button(top and bottom of the scrollbar) */
.footer[b-mtwy3jvflu]::-webkit-scrollbar-button {
    display: none;
}

th[b-mtwy3jvflu] {
    padding-right: 10px;
    text-align: left;
    font-family: opensans-bold,'Arial Black';
    font-size: 15px;
    white-space: nowrap;
    border-bottom: solid;
}

td[b-mtwy3jvflu] {
    vertical-align: top;
    text-align: left;
    height: 26px;
    font-size: 15px;
    /*min-width: 140px;*/
}
tr.bborder td[b-mtwy3jvflu]{
    padding: 8px 4px;
}
.bborder[b-mtwy3jvflu] {
    border-bottom: 1px solid var(--border-color);
}
.flex[b-mtwy3jvflu] {
    display: flex;
    margin: 5px;
}
div[b-mtwy3jvflu] {
    font-size: 15px;
}
label[b-mtwy3jvflu] {
    font-size: 15px;
}
.top[b-mtwy3jvflu] {
    border-bottom: 1px solid var(--border-color);
    font-family: opensans-semibold,'Arial';
    color: var(--page-text-color);
    display: flex;
    align-items: center;
    height: 73px;
}


.clickable[b-mtwy3jvflu] {
    font-weight: bold;
    color: var(--primary-color);
    cursor:pointer;
}

.backarrow[b-mtwy3jvflu] {
    font-size: 32px;
    margin-bottom: 8px;
    margin-right: 8px;
    cursor: pointer;
    color: var(--primary-color);
}

.rightalign[b-mtwy3jvflu]{
    text-align:right;
}

.centeralign[b-mtwy3jvflu]{
    text-align:center;
}

button[b-mtwy3jvflu] {
    font-family: montserrat-medium;
    font-size: 14px;
    padding: 8px 16px;
    outline: none;
    border-radius: 4px;
    cursor: pointer;
    margin: 10px;
}

button[disabled][b-mtwy3jvflu] {
    opacity: 0.5;
    cursor: help;
}

.cpybtn[b-mtwy3jvflu] {
    background-color: var(--secondary-button-color);
    color: var(--secondary-button-text-color);
    border: 2px solid var(--secondary-button-color);
}

.printbtn[b-mtwy3jvflu] {
    background-color: var(--primary-color);
    color: var(--primary-button-text-color);
    border: 2px solid var(--primary-color);
}

.loader[b-mtwy3jvflu] {
    border: 3px solid #f3f3f3; /* Light grey */
    border-top: 3px solid #3498db; /* Blue */
    border-radius: 50%;
    width: 22px;
    height:22px;
    animation: spin-b-mtwy3jvflu 2s linear infinite;
}

.flex[b-mtwy3jvflu]{
    color: var(--page-text-color);
}

.footer[b-mtwy3jvflu]{
    color: var(--page-text-color);
}

h2[b-mtwy3jvflu] {
    color: var(--page-text-color);
}

@keyframes spin-b-mtwy3jvflu {
    0% {
        transform: rotate(0deg);
    }

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

.orderInfo[b-mtwy3jvflu] {
    margin-right: 10px;
}

a:not(.prodCode)[b-mtwy3jvflu] {
    font-family: montserrat-medium;
    font-size: 14px;
    padding: 8px 16px;
    outline: none;
    border-radius: 4px;
    cursor: pointer;
    margin: 10px;
    background-color: var(--primary-color);
    color: var(--primary-button-text-color);
    border: 2px solid var(--primary-color);
    text-decoration: none;
}

.disabled[b-mtwy3jvflu] {
    opacity: 0.5;
    cursor: default !important;
    pointer-events: none;
}

button[b-mtwy3jvflu] {
    color: var(--primary-button-text-color);
    background-color: var(--primary-color);
    border-radius: 4px;
    border: 0;
    outline: none;
    padding: 8px 30px;
    font-family: montserrat-medium;
    font-size: 14px;
    cursor: pointer;
    text-wrap: none;
    white-space: nowrap;
    margin-left: 5px;
}

    button[disabled][b-mtwy3jvflu] {
        opacity: 0.5;
        cursor: help;
    }

.spacer[b-mtwy3jvflu] {
    width: 95vh;
}
/* _content/BlueLink.B2BOP.Blazor/Pages/Register.razor.rz.scp.css */
h1[b-wvqln973d5] {
    font-family: opensans-bold,'Arial Black';
    font-size: 26px;
    line-height: 26px;
    color: var(--page-text-color);
}

p[b-wvqln973d5] {
    font-family: opensans-regular,'Arial';
    font-size: 16px;
    line-height: 24px;
    color: var(--page-text-color);
}

label[b-wvqln973d5] {
    font-size: 14px;
    margin-right: 8px;
}

div[b-wvqln973d5] {
    width: 300px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin-top: 8px;
    color: var(--page-text-color);
}

    div .passwordRequirements[b-wvqln973d5] {
        justify-content: flex-start;
        width: 500px;
        display: block;
    }

input[b-wvqln973d5] {
    outline: none;
    border: 1px solid var(--border-color);
    font-size: 16px;
    line-height: 24px;
    padding: 4px 8px;
}

ul[b-wvqln973d5] {
    color: var(--delete-button-color);
}

li.invalid[b-wvqln973d5] {
    color: var(--bs-red);
}

li.valid[b-wvqln973d5] {
    color: var(--bs-green);
}


input:focus[b-wvqln973d5] {
    border-color: var(--primary-color);
}

button[b-wvqln973d5] {
    background-color: var(--primary-color);
    color: var(--primary-button-text-color);
    font-family: montserrat-medium;
    font-size: 14px;
    padding: 8px 16px;
    outline: none;
    border-radius: 4px;
    border: 2px solid var(--primary-color);
    cursor: pointer;
}

button:hover[b-wvqln973d5] {
    border-color: var(--border-color);
}

button[disabled][b-wvqln973d5] {
    opacity: 0.5;
    cursor: default;
}
/* _content/BlueLink.B2BOP.Blazor/Pages/SelectCustomer.razor.rz.scp.css */
table[b-8h8l6qeuv0] {
    border-spacing: 0;
}

thead th[b-8h8l6qeuv0] {
    text-align: left;
    font-family: opensans-bold,'Arial Black';
    font-size: 14px;
    padding: 8px 4px;
    border-bottom: 1px solid var(--border-color)
}

tbody th[b-8h8l6qeuv0] {
    text-align: left;
    font-family: opensans-regular,'Arial';
    font-size: 14px;
    padding: 8px 4px;
    border-bottom: 1px solid var(--border-color)
}

td[b-8h8l6qeuv0] {
    font-family: opensans-regular,'Arial';
    font-size: 14px;
    padding: 8px 4px;
    border-bottom: 1px solid var(--border-color)
}

td.right[b-8h8l6qeuv0] {
    text-align: right;
}

tr:hover[b-8h8l6qeuv0] {
    background-color: var(--page-on-hover);
}

.toolbar[b-8h8l6qeuv0] {
    display: flex;
    align-items: center;
    margin-bottom: 8px
}

input[b-8h8l6qeuv0] {
    padding: 8px;
    margin-right: 8px;
    font-family: opensans-semibold,'Arial';
    font-size: 14px;
    color: rgba(0, 0, 0, 0.5);
    border: 1px solid var(--border-color);
    border-radius: 4px;
    width: calc(100% - 5px);
    outline: none;
    cursor: pointer;
    flex-grow: 1;
}

input:hover[b-8h8l6qeuv0], input:focus[b-8h8l6qeuv0] {
    border: 1px solid var(--selected-textbox-color);
}

button[b-8h8l6qeuv0] {
    color: var(--primary-button-text-color);
    background-color: var(--primary-color);
    border-radius: 4px;
    border: 0;
    outline: none;
    margin: 0 0 0 32px;
    padding: 8px 30px;
    font-family: montserrat-medium;
    font-size: 14px;
    cursor: pointer;
}

button[disabled][b-8h8l6qeuv0] {
    opacity: 0.5;
    cursor: default;
}

.search[b-8h8l6qeuv0] {
    display: flex;
    align-items: center;
}

.searchBox[b-8h8l6qeuv0] {
    position: relative;
    width: 100%;
}

.clear[b-8h8l6qeuv0] {
    position: absolute;
    display: block;
    top: 5px;
    right: 10px;
    width: 30px;
    height: 30px;
    cursor: pointer;
    padding: 2px;
    background: transparent;
    outline: none;
    border: 1px solid var(--border-color);
    border-radius: 4px;
    color: rgba(0, 0, 0, 0.5);
}

.clear:hover[b-8h8l6qeuv0], .clear:focus[b-8h8l6qeuv0] {
    border: 1px solid var(--selected-textbox-color);
}

.warningmsg[b-8h8l6qeuv0] {
    color: var(--delete-button-color);
}

.content[b-8h8l6qeuv0] {
    color: var(--page-text-color);
}

.table[b-8h8l6qeuv0] {
    color: var(--page-text-color);
}
/* _content/BlueLink.B2BOP.Blazor/Pages/Setup.razor.rz.scp.css */
h1[b-xmpvlq1o2p] {
    font-family: opensans-bold,'Arial Black';
    font-size: 26px;
    line-height: 26px;
}

p[b-xmpvlq1o2p] {
    font-family: opensans-regular'Arial';
    font-size: 16px;
    line-height: 24px;
}

label[b-xmpvlq1o2p] {
    font-size: 14px;
    margin-right: 8px;
}

div[b-xmpvlq1o2p] {
    width: 300px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin-top: 8px;
}

input[type=password][b-xmpvlq1o2p] {
    outline: none;
    border: 1px solid var(--border-color);
    font-size: 16px;
    line-height: 24px;
    padding: 4px 8px;
}

input:focus[b-xmpvlq1o2p] {
    border-color: var(--primary-color);
}

button[b-xmpvlq1o2p] {
    background-color: var(--primary-color);
    color: var(--primary-button-text-color);
    font-family: montserrat-medium;
    font-size: 14px;
    padding: 8px 16px;
    outline: none;
    border-radius: 4px;
    border: 2px solid var(--primary-color);
    cursor: pointer;
}
button:hover[b-xmpvlq1o2p] {
    border-color: var(--border-color);
}

button[disabled][b-xmpvlq1o2p] {
    opacity: 0.5;
    cursor: default;
}

ul[b-xmpvlq1o2p] {
    color: var(--delete-button-color);
}
/* _content/BlueLink.B2BOP.Blazor/Pages/Shop.razor.rz.scp.css */
.inventory[b-vi2vvks45k] {
    flex-grow: 1;
    display: flex;
    border-top: 1px solid var(--border-color);
}

.inventory-list[b-vi2vvks45k] {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    border-left: 1px solid var(--border-color);
}

header[b-vi2vvks45k] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding: var(--page-gutter) 0;
    border-bottom: 1px solid var(--border-color);
}

    header div[b-vi2vvks45k] {
        width: 90%;
    }

    header label[b-vi2vvks45k] {
        font-family: montserrat-light;
        font-size: 14px;
        margin: 0 8px;
    }

.label[b-vi2vvks45k] {
    color: var(--page-text-color);
}

.item[b-vi2vvks45k] {
    border-bottom: 1px solid var(--border-color);
    display: flex;
    padding: var(--page-gutter);
    color: var(--page-text-color);
}

    .item .thumbnail[b-vi2vvks45k] {
        min-width: 146px;
        height: 146px;
        position: relative;
        background-repeat: no-repeat;
        background-position: center center;
        background-size: auto 140px;
        background-size: contain;
        background-color: var(--page-color);
    }

    .item .newItemThumbnail[b-vi2vvks45k] {
        border-radius: 12px;
        border-color: var(--new-item-bubble-color);
        border-width: medium;
        border-style: solid;
    }

    .item .promoItemThumbnail[b-vi2vvks45k] {
        border-radius: 12px;
        border-color: var(--promo-item-bubble-color);
        border-width: medium;
        border-style: solid;
    }

    .item .shortDatedThumbnail[b-vi2vvks45k] {
        border-radius: 12px;
        border-color: var(--short-dated-bubble-color);
        border-width: medium;
        border-style: solid;
    }

    .item .qtyBreaksThumbnail[b-vi2vvks45k] {
        border-radius: 12px;
        border-color: var(--qty-breaks-bubble-color);
        border-width: medium;
        border-style: solid;
    }

    .item .properties[b-vi2vvks45k] {
        flex-grow: 1;
        margin-left: var(--page-gutter);
    }

    .item .actions[b-vi2vvks45k] {
        margin-top: 8px;
        display: flex;
        flex-direction: row;
        align-items: center;
    }

        .item .actions a[b-vi2vvks45k] {
            margin-right: 8px;
        }

button[b-vi2vvks45k] {
    display: flex;
    align-items: center;
    outline: none;
    cursor: pointer;
    background-color: var(--primary-color);
    border: 0;
    color: var(--primary-button-text-color);
    border-radius: 4px;
}

.addToList[b-vi2vvks45k] {
    background-color: var(--secondary-button-color);
    color: var(--secondary-button-text-color);
}

.addToCart[b-vi2vvks45k] {
    background-color: var(--primary-color) !important;
    color: var(--primary-button-text-color) !important;
}

.item .actions button:disabled[b-vi2vvks45k] {
    opacity: 0.5;
    cursor: default;
}

.item .actions button span[b-vi2vvks45k] {
    font-family: montserrat-medium;
    font-size: 13px;
    padding: 7px 12px;
}

.item .actions button svg[b-vi2vvks45k] {
    height: auto;
    margin-right: 12px;
}

.properties .actions button[b-vi2vvks45k] {
    margin-right: 5px;
}

.SortDropDown[b-vi2vvks45k] {
    width: 250px;
}

.filters[b-vi2vvks45k] {
    color: var(--page-text-color);
}

.pharma[b-vi2vvks45k] {
    font-family: montserrat-medium;
    font-size: 12px;
    line-height: 24px;
    color: var(--page-text-color);
    opacity: 0.7;
    float: left !important;
    word-break: break-word;
}

.pharmaLabel[b-vi2vvks45k] {
    font-family: montserrat-medium;
    font-size: 12px;
    line-height: 24px;
    color: var(--primary-color);
}

.customColumns .row > *[b-vi2vvks45k] {
    padding-right: 0.25em;
    padding-left: 0.25em;
}

p[b-vi2vvks45k], h1[b-vi2vvks45k] {
    color: var(--page-text-color);
}

.qtyBreaks[b-vi2vvks45k] {
    font-family: montserrat-medium;
    font-size: 12px;
    line-height: 24px;
    border: 1px solid var(--border-color);
    border-radius: 10px;
    padding-left: 8px;
    padding-right: 8px;
    background-color: var(--qty-breaks-bubble-color);
    color: var(--qty-breaks-bubble-text-color);
}

.shortDated[b-vi2vvks45k] {
    font-family: montserrat-medium;
    font-size: 12px;
    line-height: 24px;
    border: 1px solid var(--border-color);
    border-radius: 10px;
    padding-left: 8px;
    padding-right: 8px;
    background-color: var(--short-dated-bubble-color);
    color: var(--short-dated-bubble-text-color);
}

.newItem[b-vi2vvks45k] {
    font-family: montserrat-medium;
    font-size: 12px;
    line-height: 24px;
    border: 1px solid var(--border-color);
    border-radius: 10px;
    padding-left: 8px;
    padding-right: 8px;
    background-color: var(--new-item-bubble-color);
    color: var(--new-item-bubble-text-color);
}

.promoItem[b-vi2vvks45k] {
    font-family: montserrat-medium;
    font-size: 12px;
    line-height: 24px;
    border: 1px solid var(--border-color);
    border-radius: 10px;
    padding-left: 8px;
    padding-right: 8px;
    background-color: var(--promo-item-bubble-color);
    color: var(--promo-item-bubble-text-color);
}


.bubbles[b-vi2vvks45k] {
    display: inline-flex;
}

.spacer[b-vi2vvks45k] {
    margin: 3px;
}

.noItems[b-vi2vvks45k] {
    margin-top: 20px;
    text-align: center;
}
/* _content/BlueLink.B2BOP.Blazor/Pages/ShopList.razor.rz.scp.css */
.top[b-pppx8nmc2j] {
    padding: var(--page-gutter) 0;
    border-bottom: 1px solid var(--border-color);
    font-family: opensans-semibold,'Arial';
    font-size: 12px;
    color: var(--page-text-color);
    display: flex;
    align-items: center;
}

.layout[b-pppx8nmc2j] {
    flex-grow: 1;
    display: flex;
}

.lists[b-pppx8nmc2j] {
    width: calc(10vw);
    line-height: 24px;
    color: var(--page-text-color);
    margin-right: var(--page-gutter);
    flex-grow: 0.25;
    overflow-wrap: break-word;
}

    .lists a[b-pppx8nmc2j], a:visited[b-pppx8nmc2j] {
        font-family: montserrat-light;
        font-size: 12px;
        text-decoration: none;
        color: var(--page-text-color);
    }

        .lists a:hover[b-pppx8nmc2j], a.current[b-pppx8nmc2j] {
            color: var(--primary-color);
        }

        .lists a.current[b-pppx8nmc2j] {
            font-family: montserrat-semibold;
        }

h1[b-pppx8nmc2j] {
    font-family: opensans-semibold,'Arial';
    font-size: 18px;
    margin: var(--page-gutter) 0 10px 0;
}

.listitem[b-pppx8nmc2j] {
    max-width: calc(90vw);
    flex-grow: 1;
    flex-direction: column;
    border-left: 1px solid var(--border-color);
}

    .listitem label[b-pppx8nmc2j] {
        justify-content: left;
        margin-left: 14px;
        font-family: montserrat-medium;
    }


    .listitem .header[b-pppx8nmc2j] {
        display: flex;
        justify-content: space-between;
        font-family: montserrat-light;
        font-size: 13px;
        padding: var(--page-gutter);
        border-bottom: 1px solid var(--border-color);
    }

        .listitem .header label[b-pppx8nmc2j] {
            margin-top: 6px;
            margin-right: 10px;
            margin-left: 10px;
            color: var(--page-text-color);
        }

        .listitem .header[b-pppx8nmc2j]  .container {
            margin-top: 6px;
        }

        .listitem .header .deletelist[b-pppx8nmc2j] {
            color: var(--delete-button-text-color);
            background-color: var(--delete-button-color);
            outline: thin;
        }

        .listitem .header button[b-pppx8nmc2j] {
            color: var(--primary-button-text-color);
            background-color: var(--primary-color);
            border-radius: 4px;
            border: 0;
            outline: none;
            /*margin: 18px 0;*/
            margin-left: 15px;
            padding: 4px 15px;
            font-family: montserrat-medium;
            font-size: 14px;
            cursor: pointer;
        }

    .listitem .details-panel[b-pppx8nmc2j] {
        background-color: var(--page-color);
        border-bottom: 1px solid var(--border-color);
        padding: var(--page-gutter);
    }

        .listitem .details-panel h2[b-pppx8nmc2j] {
            margin: 0;
            font-family: opensans-semibold,'Arial';
            font-size: 18px;
            color: var(--page-text-color);
        }

    .listitem .details[b-pppx8nmc2j] {
        display: flex;
        flex-direction: row;
        justify-content: left;
    }

        .listitem .details .detailsection[b-pppx8nmc2j] {
            margin-right: 30px;
            flex-direction: column;
            font-size: 14px;
            line-height: 24px;
            color: var(--page-text-color);
        }

            .listitem .details .detailsection .detailsectionheading[b-pppx8nmc2j] {
                font-family: montserrat-medium;
                margin-top: var(--page-gutter);
            }

            .listitem .details .detailsection .detailsectionitem[b-pppx8nmc2j] {
                font-family: opensans-regular,'Arial';
            }

    .listitem .item[b-pppx8nmc2j] {
        border-bottom: 1px solid var(--border-color);
        display: flex;
        padding: var(--page-gutter);
    }

        .listitem .item .checkbox[b-pppx8nmc2j] {
            margin-top: 60px;
            margin-right: 10px;
        }

        .listitem .item .thumbnail[b-pppx8nmc2j] {
            min-width: 146px;
            height: 146px;
            position: relative;
            background-repeat: no-repeat;
            background-position: center center;
            background-size: auto 140px;
            background-size: contain;
            background-color: var(--page-color);
        }

        .listitem .item .newItemThumbnail[b-pppx8nmc2j] {
            border-radius: 12px;
            border-color: var(--new-item-bubble-color);
            border-width: medium;
            border-style: solid;
        }

        .listitem .item .promoItemThumbnail[b-pppx8nmc2j] {
            border-radius: 12px;
            border-color: var(--promo-item-bubble-color);
            border-width: medium;
            border-style: solid;
        }

        .listitem .item .properties[b-pppx8nmc2j] {
            flex-grow: 1;
            margin-left: var(--page-gutter);
        }

.prodcode[b-pppx8nmc2j] {
    display: flex;
    justify-content: space-between;
    font-family: montserrat-medium;
    font-size: 12px;
    line-height: 24px;
    color: var(--page-text-color);
    opacity: 0.7;
}

    .prodcode a[b-pppx8nmc2j] {
        text-decoration: none;
        color: var(--page-text-color);
        opacity: 0.7;
    }

        .prodcode a:hover[b-pppx8nmc2j] {
            text-decoration: underline;
        }

.description[b-pppx8nmc2j] {
    font-family: opensans-semibold,'Arial';
    font-size: 18px;
    line-height: 24px;
    color: var(--page-text-color);
}

    .description a[b-pppx8nmc2j] {
        text-decoration: none;
        color: var(--page-text-color);
    }

        .description a:hover[b-pppx8nmc2j] {
            text-decoration: underline;
        }

.price[b-pppx8nmc2j] {
    font-family: opensans-regular,'Arial';
    font-size: 20px;
    line-height: 24px;
    margin: 8px 0;
    color: var(--page-text-color);
}

.subtotal[b-pppx8nmc2j] {
    font-family: opensans-regular,'Arial';
    font-size: 20px;
}

.remove-button[b-pppx8nmc2j] {
    display: flex;
    justify-content: end;
}

.buttonred[b-pppx8nmc2j] {
    border-radius: 4px;
    border: 0;
    padding: 8px 30px;
    font-family: montserrat-medium;
    background-color: var(--delete-button-color);
    height: 31px;
    display: flex;
    align-items: center;
}

.remove-button a[b-pppx8nmc2j] {
    padding: 16px 0 0 0;
    color: var(--page-text-color);
    display: flex;
    align-items: center;
    font-family: opensans-regular,'Arial';
    font-size: 14px;
}

    .remove-button a:hover[b-pppx8nmc2j] {
        text-decoration: none
    }

    .remove-button a img[b-pppx8nmc2j] {
        height: 20px;
        margin-right: 8px
    }

.remove-button span[b-pppx8nmc2j] {
    display: block;
}

.flex[b-pppx8nmc2j] {
    display: flex;
}


.quantity-input[b-pppx8nmc2j] {
    width: 12%;
    padding: 6px 0px 6px 6px;
    border: 1px solid var(--border-color);
    border-radius: 4px;
    outline: none;
    cursor: pointer;
}

.quantity[b-pppx8nmc2j] {
    margin: 0 4px 0 0;
    margin-left: 0 !important;
    font-family: opensans-regular,'Arial' !important;
    font-size: 16px !important;
    color: var(--page-text-color);
}

.uom[b-pppx8nmc2j] {
    margin: 0 4px 0 8px;
    font-family: opensans-regular,'Arial' !important;
    font-size: 16px !important;
    color: var(--page-text-color);
}

.UOMPricing[b-pppx8nmc2j] {
    width: 130px;
    display: inline-block;
    font-family: opensans-regular,'Arial' !important;
    font-size: 16px !important;
    margin-top: 3px;
}

.price-input[b-pppx8nmc2j] {
    width: 10%;
    font-family: opensans-regular,'Arial' !important;
    font-size: 16px !important;
    padding: 6px 0px 6px 6px;
    border: 1px solid var(--border-color);
    border-radius: 4px;
    outline: none;
    cursor: pointer;
    color: var(--page-text-color);
}

.price[b-pppx8nmc2j] {
    font-family: opensans-regular,'Arial' !important;
    font-size: 16px !important;
}

.align[b-pppx8nmc2j] {
    display: flex;
    align-items: center;
}

p[b-pppx8nmc2j] {
    color: var(--page-text-color);
    margin-top: 1rem;
}

.qtyBreaks[b-pppx8nmc2j] {
    font-family: montserrat-medium;
    font-size: 12px;
    line-height: 24px;
    border: 1px solid var(--border-color);
    border-radius: 10px;
    padding-left: 8px;
    padding-right: 8px;
    background-color: var(--qty-breaks-bubble-color);
    color: var(--qty-breaks-bubble-text-color);
}

.shortDated[b-pppx8nmc2j] {
    font-family: montserrat-medium;
    font-size: 12px;
    line-height: 24px;
    border: 1px solid var(--border-color);
    border-radius: 10px;
    padding-left: 8px;
    padding-right: 8px;
    background-color: var(--short-dated-bubble-color);
    color: var(--short-dated-bubble-text-color);
}

.newItem[b-pppx8nmc2j] {
    font-family: montserrat-medium;
    font-size: 12px;
    line-height: 24px;
    border: 1px solid var(--border-color);
    border-radius: 10px;
    padding-left: 8px;
    padding-right: 8px;
    background-color: var(--new-item-bubble-color);
    color: var(--new-item-bubble-text-color);
}

.promoItem[b-pppx8nmc2j] {
    font-family: montserrat-medium;
    font-size: 12px;
    line-height: 24px;
    border: 1px solid var(--border-color);
    border-radius: 10px;
    padding-left: 8px;
    padding-right: 8px;
    background-color: var(--promo-item-bubble-color);
    color: var(--promo-item-bubble-text-color);
}

.pharma[b-pppx8nmc2j] {
    font-family: montserrat-medium;
    font-size: 12px;
    line-height: 24px;
    color: var(--page-text-color);
    opacity: 0.7;
}

.pharmaLabel[b-pppx8nmc2j] {
    font-family: montserrat-medium;
    font-size: 12px;
    line-height: 24px;
    color: var(--primary-color);
}

input:hover[b-pppx8nmc2j], input:focus[b-pppx8nmc2j] {
    border: 1px solid var(--selected-textbox-color);
}

button[disabled][b-pppx8nmc2j] {
    opacity: 0.5;
    cursor: default !important;
}

.bubbles[b-pppx8nmc2j] {
    display: inline-flex;
}

.spacer[b-pppx8nmc2j] {
    margin: 3px;
}

div.flex[b-pppx8nmc2j]  .dropdown {
    width: 60%;
}

.notification[b-pppx8nmc2j] {
    position: relative;
    display: flex;
    justify-content: space-between;
    padding-top: 8px;
    height: 20%;
}

.ChangedItemsList[b-pppx8nmc2j] {
    display: inline-grid;
    align-items: center;
    padding-left: 15px;
    height: 60%;
}

.ItesmDots[b-pppx8nmc2j] {
    display: flex;
    justify-content: space-around;
    height: 20%;
}

.showchangedItems[b-pppx8nmc2j] {
    position: relative;
    padding-inline: 10px;
    border: solid;
    border-radius: .35rem;
    border-color: var(--notification-box-color);
    max-height: 227px;
    border-width: 2px;
    border-left-width: 10px;
    color: var(--page-text-color);
    margin-bottom: 10px;
    padding-bottom: 10px;
}

.showDeletedItems[b-pppx8nmc2j] {
    position: relative;
    padding-inline: 10px;
    border: solid;
    border-radius: .35rem;
    border-color: var(--delete-button-color);
    max-height: 227px;
    border-width: 2px;
    border-left-width: 10px;
    color: var(--page-text-color);
    margin-bottom: 10px;
}

.dot-controls[b-pppx8nmc2j] {
    display: flex;
    flex-wrap: wrap;
    margin: 0 auto;
}



.dot[b-pppx8nmc2j] {
    flex: 0 0 auto;
    display: block;
    position: relative;
    cursor: pointer;
    margin: var(--dot-gap);
    margin-bottom: calc(var(--dot-gap)/2);
    width: var(--dot-size);
    height: var(--dot-size);
    background-color: var(--primary-color);
    opacity: 0.5;
    border-radius: 100%;
    transform-origin: 50% 100%;
    transition: calc(var(--dot-dur) * 2) var(--dot-tf);
    transition-property: transform, background-color;
}

    .dot[b-pppx8nmc2j]:before {
        content: "";
        position: absolute;
        top: var(--dot-border);
        left: var(--dot-border);
        width: calc(100% - var(--dot-border) * 2);
        height: calc(100% - var(--dot-border) * 2);
        background-color: var(--primary-button-text-color);
        border-radius: inherit;
        transform: scale(0.001);
        transition: transform var(--dot-dur) var(--dot-tf);
    }

    .dot:hover[b-pppx8nmc2j] {
        background-color: var(--primary-color);
        opacity: 1;
    }

    .dot.previous[b-pppx8nmc2j], .dot.next[b-pppx8nmc2j] {
        transform: scale(1.25);
        background-color: var(--primary-color);
        opacity: 0.8;
    }

    .dot.active[b-pppx8nmc2j] {
        transform: scale(1.5);
        background-color: var(--primary-color);
        opacity: 1;
    }

        .dot.active[b-pppx8nmc2j]:before {
            transform: scale(1.001);
            transition-delay: var(--dot-dur);
        }
/* _content/BlueLink.B2BOP.Blazor/Pages/Users.razor.rz.scp.css */
.SortCol[b-7yg8i0pcuz] {
    cursor: pointer
}

.Sorted[b-7yg8i0pcuz] {
    border-bottom: 3px solid var(--primary-color)!important;
}
table[b-7yg8i0pcuz] {
    border-spacing: 0;
    color: var(--page-text-color);
}

th[b-7yg8i0pcuz] {
    text-align: left;
    font-family: opensans-bold,'Arial Black';
    font-size: 14px;
    padding: 8px 4px;
    border-bottom: solid;
}

td[b-7yg8i0pcuz] {
    font-family: opensans-regular,'Arial';
    font-size: 14px;
    padding: 8px 4px;
    border-bottom: 1px solid var(--border-color)
}

td.right[b-7yg8i0pcuz] {
    text-align: right;
}

tr:hover[b-7yg8i0pcuz] {
    background-color: var(--page-on-hover);
}

.toolbar[b-7yg8i0pcuz] {
    display: flex;
    align-items: center;
    margin-bottom: 8px
}

    .toolbar input[b-7yg8i0pcuz] {
        padding: 8px;
        margin-right: 8px;
        font-family: opensans-semibold,'Arial';
        font-size: 14px;
        color: rgba(0, 0, 0, 0.5);
        border: 1px solid var(--border-color);
        border-radius: 4px;
        width: 250px;
        outline: none;
        cursor: pointer;
        flex-grow: 1;
    }

input:hover[b-7yg8i0pcuz], input:focus[b-7yg8i0pcuz] {
    border: 1px solid var(--selected-textbox-color);
}

img[b-7yg8i0pcuz] {
    width: 16px;
}

button[b-7yg8i0pcuz] {
    color: var(--primary-button-text-color);
    background-color: var(--primary-color);
    border-radius: 4px;
    border: 0;
    outline: none;
    margin: 0 0 0 16px;
    padding: 8px 30px;
    font-family: montserrat-medium;
    font-size: 14px;
    cursor: pointer;
}

    button[disabled][b-7yg8i0pcuz] {
        opacity: 0.5;
        cursor: default;
    }

.info-bgColor[b-7yg8i0pcuz] {
    background-color: var(--secondary-button-color);
    color: var(--secondary-button-text-color);
}

td button[b-7yg8i0pcuz] {
    margin: 0;
    padding: 2px 7px;
}

.arrow-down[b-7yg8i0pcuz] {
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid black;
    margin:2px;
}

.arrow-up[b-7yg8i0pcuz] {
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 5px solid black;
    margin: 2px;
}

.align-arrow-wrap[b-7yg8i0pcuz] {
    /*in dev2.1.0 we change the style of sortable columns which is different from the current one. we did this change to prevent git conflicts during merge dev2 into dev.*/
    display: none;
    margin-top: 2px;
}

.column-arrow-wrap[b-7yg8i0pcuz]{
    display:flex;
}

h3[b-7yg8i0pcuz]{
    color: var(--page-text-color);
}