@import '_content/BlazorDateRangePicker/BlazorDateRangePicker.iitr8bszy4.bundle.scp.css';
@import '_content/Blazored.Modal/Blazored.Modal.bundle.scp.css';
@import '_content/Microsoft.AspNetCore.Components.QuickGrid/Microsoft.AspNetCore.Components.QuickGrid.boiwgh0w5b.bundle.scp.css';

/* /Components/DateRangePickers/EDateRangePicker.razor.rz.scp.css */
.date-range-picker[b-54jrosfae0] {
    display: flex;
    flex-direction: row;
    gap: 1rem;
}

.date-inputs[b-54jrosfae0] {
    display: flex;
    gap: 1rem; /* Space between inputs */
    align-items: center; /* Align inputs and labels */
}

.date-inputs div[b-54jrosfae0] {
    display: flex;
    flex-direction: column;
}

.date-inputs label[b-54jrosfae0] {
    font-weight: bold;
    margin-bottom: 0.25rem;
    color: #333;
}

.date-inputs input[b-54jrosfae0] {
    padding: 0.5rem;
    font-size: 1rem;
    border: 1px solid #ccc;
    border-radius: 4px;
    outline: none;
    transition: border-color 0.2s ease-in-out;
}

.date-inputs input:focus[b-54jrosfae0] {
    border-color: #007bff;
    box-shadow: 0 0 4px rgba(0, 123, 255, 0.5);
}

/* Submit button: Hover state */
.date-range-picker button:hover[b-54jrosfae0] {
    background-color: #0056b3;
}

/* Validation summary */
.date-range-picker .validation-summary[b-54jrosfae0] {
    color: #dc3545; /* Red for error text */
    font-size: 0.9rem;
    margin-top: -0.5rem;
}

/* Responsive design */
@media (max-width: 600px) {
    .date-range-picker[b-54jrosfae0] {
        padding: 0.5rem;
        font-size: 0.9rem;
    }

    .date-range-picker button[b-54jrosfae0] {
        font-size: 0.9rem;
        padding: 0.5rem 1rem;
    }
}
/* /Pages/Admins/Stores/Components/AdminStoresComponent.razor.rz.scp.css */

input[type=search][b-lq06jeszoc] {
    width: 18rem;
    padding: 0.3rem 0.3rem 0.3rem 2rem;
    color: rgb(17 24 39);
    background-color: rgb(249 250 251);
    border: 1px solid rgb(209 213 219);
    border-radius: 0.1rem;
    outline-offset: 1px;
}

    input[type=search]:focus[b-lq06jeszoc] {
        border-color: rgb(59 130 246);
        outline-color: rgb(59 130 246);
    }

.search-box[b-lq06jeszoc] {
    position: relative;
}

    .search-box[b-lq06jeszoc]:before {
        content: ' ';
        width: 1.25rem;
        height: 1.25rem;
        position: absolute;
        left: .75rem;
        top: calc(50% - 1.25rem/2);
        background-image: url("data:image/svg+xml,%3Csvg fill='none' stroke='rgb(107 114 128)' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' b-nrli8fdfc6=''%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z' b-nrli8fdfc6=''%3E%3C/path%3E%3C/svg%3E");
    }
/* /Pages/Admins/Stores/Components/PosStoreComponent.razor.rz.scp.css */
.rz-dropdown[b-mqiv51i722] {
    font-weight:  unset !important;
}
/* /Pages/Admins/Users/Components/AdminUsersComponent.razor.rz.scp.css */

input[type=search][b-nu273tw48s] {
    width: 20rem;
    padding: 0.75rem 0.75rem 0.75rem 2.5rem;
    color: rgb(17 24 39);
    background-color: rgb(249 250 251);
    border: 1px solid rgb(209 213 219);
    border-radius: 0.5rem;
    outline-offset: 1px;
}

    input[type=search]:focus[b-nu273tw48s] {
        border-color: rgb(59 130 246);
        outline-color: rgb(59 130 246);
    }

.search-box[b-nu273tw48s] {
    position: relative;
}

    .search-box[b-nu273tw48s]:before {
        content: ' ';
        width: 1.25rem;
        height: 1.25rem;
        position: absolute;
        left: .75rem;
        top: calc(50% - 1.25rem/2);
        background-image: url("data:image/svg+xml,%3Csvg fill='none' stroke='rgb(107 114 128)' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' b-nrli8fdfc6=''%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z' b-nrli8fdfc6=''%3E%3C/path%3E%3C/svg%3E");
    }

.rz-placeholder[b-nu273tw48s]{
    color: black !important;
}

/* /Pages/Retailers/ElectronicShelfLabels/Components/DeleteLabelsModal.razor.rz.scp.css */
/* Container that becomes scrollable when there are many items */
.labels-wrapper.scrollable[b-1uyudeb94d] {
    max-height: 300px;        
    overflow-y: auto;
    padding-right: 8px;    
    -webkit-overflow-scrolling: touch;
}

/* Grid layout for the <ul> : 1 column by default, 3 columns on medium+ screens */
.labels-grid[b-1uyudeb94d] {
    display: grid;
    grid-template-columns: 1fr;
    gap: 0.5rem 1rem;          /* row-gap column-gap */
    margin: 0;
    padding: 0;
    list-style: none;
}

@media (min-width: 768px) {
    .labels-grid[b-1uyudeb94d] {
        grid-template-columns: repeat(3, 1fr);
    }
}


.label-item[b-1uyudeb94d] {
    padding: 0.45rem 0.6rem;
    border-radius: 6px;
    background: transparent;
    align-items: center;
    display: flex;
    gap: 0.5rem;
    min-height: 2rem;
    border-bottom: 1px solid rgba(0,0,0,0.04); 
}


.label-item:hover[b-1uyudeb94d] {
    background-color: rgba(0,0,0,0.02);
}
/* /Pages/Retailers/ElectronicShelfLabels/Components/ProductsLabel/ProductsLabelComponent.razor.rz.scp.css */
input[type=search][b-3rjpkf7llx] {
    width: 18rem;
    padding: 0.3rem 0.3rem 0.3rem 2rem;
    color: rgb(17 24 39);
    background-color: rgb(249 250 251);
    border: 1px solid rgb(209 213 219);
    border-radius: 0.1rem;
    outline-offset: 1px;
}

    input[type=search]:focus[b-3rjpkf7llx] {
        border-color: rgb(59 130 246);
        outline-color: rgb(59 130 246);
    }

.search-box[b-3rjpkf7llx] {
    position: relative;
}

    .search-box[b-3rjpkf7llx]:before {
        content: ' ';
        width: 1.25rem;
        height: 1.25rem;
        position: absolute;
        left: .75rem;
        top: calc(50% - 1.25rem/2);
        background-image: url("data:image/svg+xml,%3Csvg fill='none' stroke='rgb(107 114 128)' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' b-nrli8fdfc6=''%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z' b-nrli8fdfc6=''%3E%3C/path%3E%3C/svg%3E");
    }
/* /Pages/Retailers/ElectronicShelfLabels/Components/StoresLabel/StoreLabelsComponent.razor.rz.scp.css */

.close-button[b-qpm7taplvs] {
    position: absolute;
    top: 10px;
    right: 10px;
    cursor: pointer;
    font-size: 24px;
    color: #fff;
    background: #000;
    border: none;
    border-radius: 20%;
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 28px; /* Vertical alignment */
    transition: background 0.2s, box-shadow 0.2s;
}

    .close-button:hover[b-qpm7taplvs] {
        background: #e94b26;
        color: #FFF;
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); /* Box shadow on hover */
    }
/* /Pages/Retailers/ElectronicShelfLabels/Components/UploadLabels.razor.rz.scp.css */
/* /Pages/Retailers/ElectronicShelfLabels/ESLLabels/ESLLabel.razor.rz.scp.css */
*:focus[b-9sojd2h9my] {
    outline: none;
}
/* Fix height and enable scrolling */
.grid[b-9sojd2h9my] {

}

[b-9sojd2h9my] table { width: 100%; }
[b-9sojd2h9my] th { height: 1.9rem;}

/* Subtle stripe effect */
[b-9sojd2h9my] tr:nth-child(even) {
    background: rgba(255,255,255,0.4);
}

/* Don't collapse rows even if they are empty */
[b-9sojd2h9my] tbody tr { height: 1.8rem; width: auto;}

/********** Search ************/
input[type=search][b-9sojd2h9my] {
    width: 18rem;
    padding: 0.3rem 0.3rem 0.3rem 2rem;
    color: rgb(17 24 39);
    background-color: rgb(249 250 251);
    border: 1px solid rgb(209 213 219);
    border-radius: 0.1rem;
    outline-offset: 1px;
}

    input[type=search]:focus[b-9sojd2h9my] {
        border-color: rgb(59 130 246);
        outline-color: rgb(59 130 246);
    }

.search-box[b-9sojd2h9my] {
    position: relative;   
}

    .search-box[b-9sojd2h9my]:before {
        content: ' ';
        width: 1.25rem;
        height: 1.25rem;
        position: absolute;
        left: .75rem;
        top: calc(50% - 1.25rem/2);
        background-image: url("data:image/svg+xml,%3Csvg fill='none' stroke='rgb(107 114 128)' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' b-nrli8fdfc6=''%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z' b-nrli8fdfc6=''%3E%3C/path%3E%3C/svg%3E");
    }

.more[b-9sojd2h9my] {
    width: 120px;
    height: 125px;
    position: absolute;
    z-index: 1;
    right: 21px;
    padding: 2px;
    border-radius: 5px;
    background: #12100e;
    box-shadow: 1px 2px 8px 1px #000;
    animation: fadeIn 1s;
}
.textlabel[b-9sojd2h9my] {
   color:#6c757d;
}
.textlabel:hover[b-9sojd2h9my]{
    color:#fff;
}
.page-size-chooser[b-9sojd2h9my] {
    display: flex;
    align-items: center;
    margin-bottom: 1rem;
}

.page-size-chooser select[b-9sojd2h9my] {
    margin: 0 1rem;
    padding: 0.25rem 0.5rem;
}
.column-size[b-9sojd2h9my]{
    min-width:200px!important;
}



/* /Pages/Retailers/ElectronicShelfLabels/ESLProducts/ESLProduct.razor.rz.scp.css */
.global-search[b-g3qwbfe3jk] {
    height: calc(1.8125rem + 2px);
    width: 33% !important;
    padding: 0.25rem 0.5rem !important;
    font-size: .875rem;
    line-height: 1.5;
    border-radius: 0.2rem !important;
    color: rgb(17 24 39);
    background-color: rgb(249 250 251) !important;
    border: 1px solid rgb(209 213 219) !important;
    outline-offset: 1px !important;
}

.grid[b-g3qwbfe3jk]  table {
    min-width: 100%;
}

/* Sticky header while scrolling */
[b-g3qwbfe3jk] thead {
    position: sticky;
    top: 0;
    height: 30px;
}

/* Subtle stripe effect */
[b-g3qwbfe3jk] tr:nth-child(even) {
    background: rgba(255,255,255,0.4);
}

/* Don't collapse rows even if they are empty */
[b-g3qwbfe3jk] tbody tr {
    height: auto;
}

/* Stripe effect */
[b-g3qwbfe3jk] tbody tr {
    background-color: rgba(0,0,0,0.04);
}

[b-g3qwbfe3jk] tbody tr:nth-child(even) {
    background: rgba(255,255,255,0.4);
}

/* Assign width column */
[b-g3qwbfe3jk] thead .col-width-20 {
    width: 20%;
}

[b-g3qwbfe3jk] thead .col-width-15 {
    width: 15%;
}

[b-g3qwbfe3jk] thead .col-width-10 {
    width: 10%;
}

input[type=search][b-g3qwbfe3jk] {
    width: 20rem;
    padding: 0.75rem 0.75rem 0.75rem 2.5rem;
    color: rgb(17 24 39);
    background-color: rgb(249 250 251);
    border: 1px solid rgb(209 213 219);
    border-radius: 0.5rem;
    outline-offset: 1px;
}

input[type=search]:focus[b-g3qwbfe3jk] {
    border-color: rgb(59 130 246);
    outline-color: rgb(59 130 246);
}

.search-box[b-g3qwbfe3jk] {
    position: relative;
}

.search-box[b-g3qwbfe3jk]:before {
    content: ' ';
    width: 1.25rem;
    height: 1.25rem;
    position: absolute;
    left: .75rem;
    top: calc(50% - 1.25rem/2);
    background-image: url("data:image/svg+xml,%3Csvg fill='none' stroke='rgb(107 114 128)' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' b-nrli8fdfc6=''%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z' b-nrli8fdfc6=''%3E%3C/path%3E%3C/svg%3E");
}

.column-search[b-g3qwbfe3jk] {
    border: none;
    padding: 0;
    width: 1rem;
    align-self: stretch;
    background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="1.5 0 21 24" stroke="currentColor" stroke-width="2"><path d="M4 6h16M4 12h16M4 18h16" /></svg>') center center / 1rem no-repeat;
}
/* /Pages/Retailers/ElectronicShelfLabels/ESMatchings/Components/MatchingLabelComponent.razor.rz.scp.css */

*:focus[b-udwpzqg0n6] {
    outline: none;
}

.close-button[b-udwpzqg0n6] {
    position: absolute;
    top: 10px;
    right: 10px;
    cursor: pointer;
    font-size: 24px;
    color: #fff;
    background: #000;
    border: none;
    border-radius: 20%;
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 28px; /* Vertical alignment */
    transition: background 0.2s, box-shadow 0.2s;
}

    .close-button:hover[b-udwpzqg0n6] {
        background: #e94b26;
        color: #FFF;
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); /* Box shadow on hover */
    }

    .form-control[b-udwpzqg0n6]{
        padding:unset !important;
    }
/* /Pages/Retailers/ElectronicShelfLabels/ESMatchings/ESMatchings.razor.rz.scp.css */
/* Fix height and enable scrolling */
.grid[b-odcac8v8j9] {

}

[b-odcac8v8j9] table { width: 100%; }
[b-odcac8v8j9] th { height: 1.9rem;}

/* Subtle stripe effect */
[b-odcac8v8j9] tr:nth-child(even) {
    background: rgba(255,255,255,0.4);
}

/* Don't collapse rows even if they are empty */
[b-odcac8v8j9] tbody tr { height: 1.8rem; width: auto;}

/********** Search ************/
input[type=search][b-odcac8v8j9] {
    width: 18rem;
    padding: 0.3rem 0.3rem 0.3rem 2rem;
    color: rgb(17 24 39);
    background-color: rgb(249 250 251);
    border: 1px solid rgb(209 213 219);
    border-radius: 0.1rem;
    outline-offset: 1px;
}

input[type=search]:focus[b-odcac8v8j9] {
    border-color: rgb(59 130 246);
    outline-color: rgb(59 130 246);
}

.search-box[b-odcac8v8j9] {
    position: relative;
}

.search-box[b-odcac8v8j9]:before {
    content: ' ';
    width: 1.25rem;
    height: 1.25rem;
    position: absolute;
    left: .75rem;
    top: calc(50% - 1.25rem/2);
    background-image: url("data:image/svg+xml,%3Csvg fill='none' stroke='rgb(107 114 128)' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' b-nrli8fdfc6=''%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z' b-nrli8fdfc6=''%3E%3C/path%3E%3C/svg%3E");
}

.more[b-odcac8v8j9] {
    width: 120px;
    height: 125px;
    position: absolute;
    z-index: 1;
    right: 21px;
    padding: 2px;
    border-radius: 5px;
    background: #12100e;
    box-shadow: 1px 2px 8px 1px #000;
    animation: fadeIn 1s;
}
.textlabel[b-odcac8v8j9] {
    color:#6c757d;
}
.textlabel:hover[b-odcac8v8j9]{
    color:#fff;
}
.page-size-chooser[b-odcac8v8j9] {
    display: flex;
    align-items: center;
    margin-bottom: 1rem;
}

.page-size-chooser select[b-odcac8v8j9] {
    margin: 0 1rem;
    padding: 0.25rem 0.5rem;
}


/* /Pages/Retailers/MyFlyers/Components/RetailerFlyerComponent.razor.rz.scp.css */

input[type=search][b-c9csmx5j53] {
    width: 20rem;
    padding: 0.75rem 0.75rem 0.75rem 2.5rem;
    color: rgb(17 24 39);
    background-color: rgb(249 250 251);
    border: 1px solid rgb(209 213 219);
    border-radius: 0.5rem;
    outline-offset: 1px;
}

    input[type=search]:focus[b-c9csmx5j53] {
        border-color: rgb(59 130 246);
        outline-color: rgb(59 130 246);
    }

.search-box[b-c9csmx5j53] {
    position: relative;
}

    .search-box[b-c9csmx5j53]:before {
        content: ' ';
        width: 1.25rem;
        height: 1.25rem;
        position: absolute;
        left: .75rem;
        top: calc(50% - 1.25rem/2);
        background-image: url("data:image/svg+xml,%3Csvg fill='none' stroke='rgb(107 114 128)' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' b-nrli8fdfc6=''%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z' b-nrli8fdfc6=''%3E%3C/path%3E%3C/svg%3E");
    }
/* /Pages/Retailers/MyFlyers/RetailerFlyer.razor.rz.scp.css */

input[type=search][b-3o8w2z8se9] {
    width: 20rem;
    padding: 0.75rem 0.75rem 0.75rem 2.5rem;
    color: rgb(17 24 39);
    background-color: rgb(249 250 251);
    border: 1px solid rgb(209 213 219);
    border-radius: 0.5rem;
    outline-offset: 1px;
}

    input[type=search]:focus[b-3o8w2z8se9] {
        border-color: rgb(59 130 246);
        outline-color: rgb(59 130 246);
    }

.search-box[b-3o8w2z8se9] {
    position: relative;
}

    .search-box[b-3o8w2z8se9]:before {
        content: ' ';
        width: 1.25rem;
        height: 1.25rem;
        position: absolute;
        left: .75rem;
        top: calc(50% - 1.25rem/2);
        background-image: url("data:image/svg+xml,%3Csvg fill='none' stroke='rgb(107 114 128)' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' b-nrli8fdfc6=''%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z' b-nrli8fdfc6=''%3E%3C/path%3E%3C/svg%3E");
    }
/* /Pages/Retailers/MyOrders/MyOrders.razor.rz.scp.css */

input[type=search][b-ox53c0iqr5] {
    width: 20rem;
    padding: 0.75rem 0.75rem 0.75rem 2.5rem;
    color: rgb(17 24 39);
    background-color: rgb(249 250 251);
    border: 1px solid rgb(209 213 219);
    border-radius: 0.5rem;
    outline-offset: 1px;
}

    input[type=search]:focus[b-ox53c0iqr5] {
        border-color: rgb(59 130 246);
        outline-color: rgb(59 130 246);
    }

.search-box[b-ox53c0iqr5] {
    position: relative;
}

    .search-box[b-ox53c0iqr5]:before {
        content: ' ';
        width: 1.25rem;
        height: 1.25rem;
        position: absolute;
        left: .75rem;
        top: calc(50% - 1.25rem/2);
        background-image: url("data:image/svg+xml,%3Csvg fill='none' stroke='rgb(107 114 128)' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' b-nrli8fdfc6=''%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z' b-nrli8fdfc6=''%3E%3C/path%3E%3C/svg%3E");
    }
/* /Pages/Retailers/MyProducts/Components/AddBrand/AddRetailerProductBrandComponent.razor.rz.scp.css */
input[type=search][b-p0csb764sc] {
    width: 20rem;
    padding: 0.75rem 0.75rem 0.75rem 2.5rem;
    color: rgb(17 24 39);
    background-color: rgb(249 250 251);
    border: 1px solid rgb(209 213 219);
    border-radius: 0.5rem;
    outline-offset: 1px;
}

    input[type=search]:focus[b-p0csb764sc] {
        border-color: rgb(59 130 246);
        outline-color: rgb(59 130 246);
    }

.search-box[b-p0csb764sc] {
    position: relative;
}

    .search-box[b-p0csb764sc]:before {
        content: ' ';
        width: 1.25rem;
        height: 1.25rem;
        position: absolute;
        left: .75rem;
        top: calc(50% - 1.25rem/2);
        background-image: url("data:image/svg+xml,%3Csvg fill='none' stroke='rgb(107 114 128)' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' b-nrli8fdfc6=''%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z' b-nrli8fdfc6=''%3E%3C/path%3E%3C/svg%3E");
    }
.close-button[b-p0csb764sc] {
    position: absolute;
    top: 10px;
    right: 10px;
    cursor: pointer;
    font-size: 24px;
    color: #fff;
    background: #000;
    border: none;
    border-radius: 20%;
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 28px; /* Vertical alignment */
    transition: background 0.2s, sbox-shadow 0.2s;
}

    .close-button:hover[b-p0csb764sc] {
        background: #e94b26;
        color: #FFF;
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); /* Box shadow on hover */
    }

.title[b-p0csb764sc] {
    color: #fff;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
/* /Pages/Retailers/MyProducts/Components/AddDepartment/AddRetailerProductDepartmentComponent.razor.rz.scp.css */
input[type=search][b-iptwggakc7] {
    width: 20rem;
    padding: 0.75rem 0.75rem 0.75rem 2.5rem;
    color: rgb(17 24 39);
    background-color: rgb(249 250 251);
    border: 1px solid rgb(209 213 219);
    border-radius: 0.5rem;
    outline-offset: 1px;
}

    input[type=search]:focus[b-iptwggakc7] {
        border-color: rgb(59 130 246);
        outline-color: rgb(59 130 246);
    }

.search-box[b-iptwggakc7] {
    position: relative;
}

    .search-box[b-iptwggakc7]:before {
        content: ' ';
        width: 1.25rem;
        height: 1.25rem;
        position: absolute;
        left: .75rem;
        top: calc(50% - 1.25rem/2);
        background-image: url("data:image/svg+xml,%3Csvg fill='none' stroke='rgb(107 114 128)' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' b-nrli8fdfc6=''%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z' b-nrli8fdfc6=''%3E%3C/path%3E%3C/svg%3E");
    }

.close-button[b-iptwggakc7] {
    position: absolute;
    top: 10px;
    right: 10px;
    cursor: pointer;
    font-size: 24px;
    color: #fff;
    background: #000;
    border: none;
    border-radius: 20%;
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 28px; /* Vertical alignment */
    transition: background 0.2s, box-shadow 0.2s;
}

    .close-button:hover[b-iptwggakc7] {
        background: #e94b26;
        color: #FFF;
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); /* Box shadow on hover */
    }

.title[b-iptwggakc7] {
    color:#fff;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
/* /Pages/Retailers/MyProducts/Components/AddProduct/AddRetailerProductComponent.razor.rz.scp.css */
.close-button[b-64slcmqzn4] {
    position: absolute;
    top: 10px;
    right: 10px;
    cursor: pointer;
    font-size: 24px;
    color: #fff;
    background: #000;
    border: none;
    border-radius: 20%;
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 28px; /* Vertical alignment */
    transition: background 0.2s, box-shadow 0.2s;
}

.close-button:hover[b-64slcmqzn4] {
    background: #e94b26;
    color: #FFF;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); /* Box shadow on hover */
}
/* /Pages/Retailers/MyProducts/Components/AddProvider/AddProviderComponent.razor.rz.scp.css */
input[type=search][b-ctny489vgb] {
    width: 20rem;
    padding: 0.75rem 0.75rem 0.75rem 2.5rem;
    color: rgb(17 24 39);
    background-color: rgb(249 250 251);
    border: 1px solid rgb(209 213 219);
    border-radius: 0.5rem;
    outline-offset: 1px;
}

    input[type=search]:focus[b-ctny489vgb] {
        border-color: rgb(59 130 246);
        outline-color: rgb(59 130 246);
    }

.search-box[b-ctny489vgb] {
    position: relative;
}

    .search-box[b-ctny489vgb]:before {
        content: ' ';
        width: 1.25rem;
        height: 1.25rem;
        position: absolute;
        left: .75rem;
        top: calc(50% - 1.25rem/2);
        background-image: url("data:image/svg+xml,%3Csvg fill='none' stroke='rgb(107 114 128)' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' b-nrli8fdfc6=''%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z' b-nrli8fdfc6=''%3E%3C/path%3E%3C/svg%3E");
    }

.close-button[b-ctny489vgb] {
    position: absolute;
    top: 10px;
    right: 10px;
    cursor: pointer;
    font-size: 24px;
    color: #fff;
    background: #000;
    border: none;
    border-radius: 20%;
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 28px; /* Vertical alignment */
    transition: background 0.2s, sbox-shadow 0.2s;
}

    .close-button:hover[b-ctny489vgb] {
        background: #e94b26;
        color: #FFF;
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); /* Box shadow on hover */
    }

.title[b-ctny489vgb] {
    color: #fff;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
/* /Pages/Retailers/MyProducts/Components/ChooseStoreModal.razor.rz.scp.css */
/* Container that becomes scrollable when there are many items */
.store-wrapper.scrollable[b-tmhh35qqyn] {
    max-height: 300px;
    overflow-y: auto;
    padding-right: 8px;
    -webkit-overflow-scrolling: touch;
}

/* Grid layout for the <ul> : 1 column by default, 3 columns on medium+ screens */
.store-grid[b-tmhh35qqyn] {
    display: grid;
    grid-template-columns: 1fr;
    gap: 0.5rem 1rem;          /* row-gap column-gap */
    margin: 0;
    padding: 0;
    list-style: none;
}

@media (min-width: 768px) {
    .store-grid[b-tmhh35qqyn] {
        grid-template-columns: repeat(3, 1fr);
    }
}


.store-item[b-tmhh35qqyn] {
    color: #0e7c9c;
    padding: 0.45rem 0.6rem;
    border-radius: 6px;
    background: transparent;
    align-items: center;
    display: flex;
    gap: 0.5rem;
    min-height: 2rem;
    border-bottom: 1px solid rgba(0,0,0,0.04);
}


.store-item:hover[b-tmhh35qqyn] {
    color: #4d4d4d;
    background-color: rgba(0,0,0,0.02);
    cursor: pointer;
}
/* /Pages/Retailers/MyProducts/Components/DeleteProducts/DeleteRetailerProductModal.razor.rz.scp.css */
.close-button[b-7e63pnfunb] {
    position: absolute;
    top: 10px;
    right: 10px;
    cursor: pointer;
    font-size: 24px;
    color: #fff;
    background: #000;
    border: none;
    border-radius: 20%;
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 28px; /* Vertical alignment */
    transition: background 0.2s, box-shadow 0.2s;
}

.close-button:hover[b-7e63pnfunb] {
    background: #e94b26;
    color: #FFF;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); /* Box shadow on hover */
}

.title[b-7e63pnfunb] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
/* /Pages/Retailers/MyProducts/Components/ProductDetails/RetailerProductDetailsComponent.razor.rz.scp.css */
.desc-form .form-control[b-6nhl9yaquh] {
    width: 120% !important;
}

.close-button[b-6nhl9yaquh] {
    position: absolute;
    top: 10px;
    right: 10px;
    cursor: pointer;
    font-size: 24px;
    color: #fff;
    background: #000;
    border: none;
    border-radius: 20%;
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 28px; /* Vertical alignment */
    transition: background 0.2s, box-shadow 0.2s;
}

.close-button:hover[b-6nhl9yaquh] {
    background: #e94b26;
    color: #FFF;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); /* Box shadow on hover */
}
.title[b-6nhl9yaquh] {
    color:#fff;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}


.delete-edit[b-6nhl9yaquh] {
    position: absolute;
    z-index: 1;
    top: 35px;
    right: -1px;
    padding: 2px 5px;
    border-radius: 2px;
    background-color: #117a8b1a;
    animation: fadeIn 1s;
}

.delete-edit-more[b-6nhl9yaquh] {
    position: absolute;
    z-index: 1;
    margin-top: -7px;
    left: -50px;
    padding: 2px 5px;
    border-radius: 2px;
    background-color: #117a8b1a;
    animation: fadeIn 1s;
}
.product-img:hover[b-6nhl9yaquh]{
    cursor: pointer;
}
/* /Pages/Retailers/MyProducts/Components/ProductMatchings/ProductMatchingsComponent.razor.rz.scp.css */
.close-button[b-p5ebj34r7b] {
    position: absolute;
    top: 10px;
    right: 10px;
    cursor: pointer;
    font-size: 24px;
    color: #fff;
    background: #000;
    border: none;
    border-radius: 20%;
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 28px; /* Vertical alignment */
    transition: background 0.2s, box-shadow 0.2s;
}

.close-button:hover[b-p5ebj34r7b] {
background: #e94b26;
    color: #FFF;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); /* Box shadow on hover */
}
.product-information[b-p5ebj34r7b]{
    box-shadow:unset!important;
}


.more[b-p5ebj34r7b] {
    width: 120px;
    height: 125px;
    position: absolute;
    z-index: 1;
    right: 21px;
    padding: 2px;
    border-radius: 5px;
    background: #12100e;
    box-shadow: 1px 2px 8px 1px #000;
    animation: fadeIn 1s;
}

.textlabel[b-p5ebj34r7b] {
    color: #6c757d;
}

    .textlabel:hover[b-p5ebj34r7b] {
        color: #fff;
    }
/* /Pages/Retailers/MyProducts/Components/ProductSettings/UpdateRetailerProductConfigComponent.razor.rz.scp.css */

input[type=search][b-rgep2z9wwe] {
    width: 18rem;
    padding: 0.3rem 0.3rem 0.3rem 2rem;
    color: rgb(17 24 39);
    background-color: rgb(249 250 251);
    border: 1px solid rgb(209 213 219);
    border-radius: 0.1rem;
    outline-offset: 1px;
}

    input[type=search]:focus[b-rgep2z9wwe] {
        border-color: rgb(59 130 246);
        outline-color: rgb(59 130 246);
    }

.search-box[b-rgep2z9wwe] {
    position: relative;
}

    .search-box[b-rgep2z9wwe]:before {
        content: ' ';
        width: 1.25rem;
        height: 1.25rem;
        position: absolute;
        left: .75rem;
        top: calc(50% - 1.25rem/2);
        background-image: url("data:image/svg+xml,%3Csvg fill='none' stroke='rgb(107 114 128)' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' b-nrli8fdfc6=''%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z' b-nrli8fdfc6=''%3E%3C/path%3E%3C/svg%3E");
    }
.close-button[b-rgep2z9wwe] {
    position: absolute;
    top: 10px;
    right: 10px;
    cursor: pointer;
    font-size: 24px;
    color: #fff;
    background: #000;
    border: none;
    border-radius: 20%;
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 28px; /* Vertical alignment */
    transition: background 0.2s, box-shadow 0.2s;
}

    .close-button:hover[b-rgep2z9wwe] {
        background: #e94b26;
        color: #FFF;
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); /* Box shadow on hover */
    }

.title[b-rgep2z9wwe] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.delete-edit[b-rgep2z9wwe] {
    position: absolute;
    z-index: 1;
    top: 35px;
    right: -1px;
    padding: 2px 5px;
    border-radius: 2px;
    background-color: #117a8b1a;
    animation: fadeIn 1s;
}

.delete-edit-more[b-rgep2z9wwe] {
    position: absolute;
    z-index: 1;
    margin-top: -7px;
    left: -50px;
    padding: 2px 5px;
    border-radius: 2px;
    background-color: #117a8b1a;
    animation: fadeIn 1s;
}
/* /Pages/Retailers/MyProducts/Components/ProductSynchronizationIssues/ProductSynchronizationIssueComponent.razor.rz.scp.css */

input[type=search][b-dkl1vrcsom] {
    width: 20rem;
    padding: 0.75rem 0.75rem 0.75rem 2.5rem;
    color: rgb(17 24 39);
    background-color: rgb(249 250 251);
    border: 1px solid rgb(209 213 219);
    border-radius: 0.5rem;
    outline-offset: 1px;
}

    input[type=search]:focus[b-dkl1vrcsom] {
        border-color: rgb(59 130 246);
        outline-color: rgb(59 130 246);
    }

.search-box[b-dkl1vrcsom] {
    position: relative;
}

    .search-box[b-dkl1vrcsom]:before {
        content: ' ';
        width: 1.25rem;
        height: 1.25rem;
        position: absolute;
        left: .75rem;
        top: calc(50% - 1.25rem/2);
        background-image: url("data:image/svg+xml,%3Csvg fill='none' stroke='rgb(107 114 128)' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' b-nrli8fdfc6=''%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z' b-nrli8fdfc6=''%3E%3C/path%3E%3C/svg%3E");
    }

.column-search[b-dkl1vrcsom] {
    border: none;
    padding: 0;
    align-self: stretch;
    background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="1.5 0 21 24" stroke="currentColor" stroke-width="2"><path d="M4 6h16M4 12h16M4 18h16" /></svg>') center center / 1rem no-repeat;
}

.global-search[b-dkl1vrcsom]{
    float:right;
}


.close-button[b-dkl1vrcsom] {
    position: absolute;
    top: 10px;
    right: 10px;
    cursor: pointer;
    font-size: 24px;
    color: #fff;
    background: #000;
    border: none;
    border-radius: 20%;
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 28px; /* Vertical alignment */
    transition: background 0.2s, box-shadow 0.2s;
}

    .close-button:hover[b-dkl1vrcsom] {
        background: #e94b26;
        color: #FFF;
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); /* Box shadow on hover */
    }

/* /Pages/Retailers/MyProducts/Components/ShowStoreForConfig/StoreForConfigComponent.razor.rz.scp.css */

.close-button[b-mxz4en9hln] {
    position: absolute;
    top: 10px;
    right: 10px;
    cursor: pointer;
    font-size: 24px;
    color: #fff;
    background: #000;
    border: none;
    border-radius: 20%;
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 28px; /* Vertical alignment */
    transition: background 0.2s, box-shadow 0.2s;
}

    .close-button:hover[b-mxz4en9hln] {
        background: #e94b26;
        color: #FFF;
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); /* Box shadow on hover */
    }
/* /Pages/Retailers/MyProducts/Components/StoresProduct/StoresProductComponent.razor.rz.scp.css */

.close-button[b-nuawg6qpr5] {
    position: absolute;
    top: 10px;
    right: 10px;
    cursor: pointer;
    font-size: 24px;
    color: #fff;
    background: #000;
    border: none;
    border-radius: 20%;
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 28px; /* Vertical alignment */
    transition: background 0.2s, box-shadow 0.2s;
}

    .close-button:hover[b-nuawg6qpr5] {
        background: #e94b26;
        color: #FFF;
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); /* Box shadow on hover */
    }
/* /Pages/Retailers/MyProducts/PriceManager.razor.rz.scp.css */
input[type=search][b-o1l7g1cyw9] {
    width: 20rem;
    padding: 0.3rem 0.3rem 0.3rem 2rem;
    color: rgb(17 24 39);
    background-color: rgb(249 250 251);
    border: 1px solid rgb(209 213 219);
    border-radius: 0.5rem;
    outline-offset: 1px;
}

    input[type=search]:focus[b-o1l7g1cyw9] {
        border-color: rgb(59 130 246);
        outline-color: rgb(59 130 246);
    }

.search-box[b-o1l7g1cyw9] {
    position: relative;
}

    .search-box[b-o1l7g1cyw9]:before {
        content: ' ';
        width: 1.25rem;
        height: 1.25rem;
        position: absolute;
        left: .75rem;
        top: calc(50% - 1.25rem/2);
        background-image: url("data:image/svg+xml,%3Csvg fill='none' stroke='rgb(107 114 128)' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' b-nrli8fdfc6=''%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z' b-nrli8fdfc6=''%3E%3C/path%3E%3C/svg%3E");
    }

.column-search[b-o1l7g1cyw9] {
    border: none;
    padding: 0;
    align-self: stretch;
    background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="1.5 0 21 24" stroke="currentColor" stroke-width="2"><path d="M4 6h16M4 12h16M4 18h16" /></svg>') center center / 1rem no-repeat;
}

.fixed-action[b-o1l7g1cyw9] {
    width: 100%;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #1B75BA;
    z-index: 1;
    border-top: 1px solid #dee2e6;
}
.dismissibleAlertClass[b-o1l7g1cyw9] {
    max-height: 250px;
    scrollbar-color: #fff #000;
    scrollbar-width: thin;
}
.title[b-o1l7g1cyw9] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #fff !important;
}


.see[b-o1l7g1cyw9] {
    display: flex;
    justify-content: center;
    width: 120px;
    position: absolute;
    z-index: 1;
    top: 35px;
    right: -1px;
    padding: 2px 5px;
    border-radius: 2px;
    background-color: #117a8b1a;
    animation: fadeIn 1s;
}
.see-more[b-o1l7g1cyw9] {
    position: absolute;
    z-index: 1;
    margin-top: -7px;
    left: -50px;
    padding: 2px 5px;
    border-radius: 2px;
    background-color: #117a8b1a;
    animation: fadeIn 1s;
}
.custom-select-sm[b-o1l7g1cyw9] {
    height: auto;
    background-color: #F9FAFB;
}
/* /Pages/Retailers/MyProducts/RetailerProducts.razor.rz.scp.css */
.global-search[b-7okqgau89w] {
    height: 40px;
    padding: 0.3rem 0.3rem 0.3rem 2rem !important;
    font-size: .875rem;
    border-radius: 0.2rem !important;
    color: rgb(17 24 39);
    background-color: rgb(249 250 251) !important;
    border: 1px solid rgb(209 213 219) !important;
    outline-offset: 1px !important;
}

.globalSearch-box[b-7okqgau89w]:before {
    content: ' ';
    width: 1.25rem;
    height: 1.25rem;
    position: absolute;
    background-image: url("data:image/svg+xml,%3Csvg fill='none' stroke='rgb(107 114 128)' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' b-nrli8fdfc6=''%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z' b-nrli8fdfc6=''%3E%3C/path%3E%3C/svg%3E");
}

.grid[b-7okqgau89w]  table {
    min-width: 100%;
}

/* Sticky header while scrolling */
[b-7okqgau89w] thead {
    position: sticky;
    top: 0;
    height: 30px;
}

/* Subtle stripe effect */
[b-7okqgau89w] tr:nth-child(even) {
    background: rgba(255,255,255,0.4);
}

/* Don't collapse rows even if they are empty */
[b-7okqgau89w] tbody tr {
    height: auto;
}

/* Stripe effect */
[b-7okqgau89w] tbody tr {
    background-color: rgba(0,0,0,0.04);
}

    [b-7okqgau89w] tbody tr:nth-child(even) {
        background: rgba(255,255,255,0.4);
    }

/* Assign width column */
[b-7okqgau89w] thead .col-width-20 {
    width: 20%;
}

[b-7okqgau89w] thead .col-width-15 {
    width: 15%;
}

[b-7okqgau89w] thead .col-width-10 {
    width: 10%;
}


input[type=search][b-7okqgau89w] {
    width: 20rem;
    padding: 0.3rem 0.3rem 0.3rem 2rem;
    color: rgb(17 24 39);
    background-color: rgb(249 250 251);
    border: 1px solid rgb(209 213 219);
    border-radius: 0.5rem;
    outline-offset: 1px;
}

    input[type=search]:focus[b-7okqgau89w] {
        border-color: rgb(59 130 246);
        outline-color: rgb(59 130 246);
    }

.search-box[b-7okqgau89w] {
    position: relative;
}

    .search-box[b-7okqgau89w]:before {
        content: ' ';
        width: 1.25rem;
        height: 1.25rem;
        position: absolute;
        left: .75rem;
        top: calc(50% - 1.25rem/2);
        background-image: url("data:image/svg+xml,%3Csvg fill='none' stroke='rgb(107 114 128)' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' b-nrli8fdfc6=''%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z' b-nrli8fdfc6=''%3E%3C/path%3E%3C/svg%3E");
    }

.column-search[b-7okqgau89w] {
    border: none;
    padding: 0;
    align-self: stretch;
    background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="1.5 0 21 24" stroke="currentColor" stroke-width="2"><path d="M4 6h16M4 12h16M4 18h16" /></svg>') center center / 1rem no-repeat;
}



.textMatch[b-7okqgau89w] {
}

    .textMatch:hover[b-7okqgau89w] {
        cursor: pointer;
        color: #007bff;
    }


.see[b-7okqgau89w] {
    display: flex;
    justify-content: center;
    width: 120px;
    position: absolute;
    z-index: 1;
    top: 35px;
    right: -1px;
    padding: 2px 5px;
    border-radius: 2px;
    background-color: #117a8b1a;
    animation: fadeIn 1s;
}

.see-more[b-7okqgau89w] {
    position: absolute;
    z-index: 1;
    margin-top: -7px;
    left: -50px;
    padding: 2px 5px;
    border-radius: 2px;
    background-color: #117a8b1a;
    animation: fadeIn 1s;
}

.title[b-7okqgau89w] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #fff !important;
}

.fixed-action[b-7okqgau89w] {
    width: 100%;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #f4f6f9;
    z-index: 1;
    border-top: 1px solid #dee2e6;
}

.custom-select-sm[b-7okqgau89w] {
    height: auto;
    background-color: #F9FAFB;
}
/* /Pages/Retailers/MyStores/DragAndDrop/Job/Job.razor.rz.scp.css */

.description[b-i4aeg600w5] {
    font-size: 18px;
}
.dragDrop[b-i4aeg600w5] {
    border-radius: 2px;
    background-color: #f8f9fa;
    border-left: 2px solid #e9ecef;
    color: #495057;
    margin-bottom: 2px;
    padding: 10px;
}

    .dragDrop .text[b-i4aeg600w5] {
        display: inline-block;
        font-weight: 600;
        margin-left: 5px;
    }
    .dragDrop:hover[b-i4aeg600w5] {
        border-bottom: 2px solid rgb(209 213 219);
        cursor: pointer;
        margin-bottom: 0 !important;
    }
/* /Pages/Retailers/MyStores/DragAndDrop/JobContainer/JobsContainer.razor.rz.scp.css */
/* /Pages/Retailers/MyStores/DragAndDrop/JobList/JobList.razor.rz.scp.css */

.dropzone[b-5bfzz1p5k9] {
    margin-top: 10px;
    padding: 10px;
    min-height: 130px;
    border: 2px dotted #576363;
    border-radius: 5px 5px;
}

.no-drop[b-5bfzz1p5k9] {
    border: 2px dashed red;
}

.can-drop[b-5bfzz1p5k9] {
    border: 2px dashed green;
}

.filterCard[b-5bfzz1p5k9] {
    min-height: 200px;
    width: 250px;
    z-index: 999;
    left: 165px;
    top: 105px;
    position: absolute;
    box-shadow: 2px 5px 10px 2px #000;
}

input[type=search][b-5bfzz1p5k9] {
    padding: 0.5rem 0.5rem 0.5rem 1.5rem;
    color: rgb(17 24 39);
    background-color: rgb(249 250 251);
    border: unset;
}

    input[type=search]:focus[b-5bfzz1p5k9] {
        border-color: rgb(249 250 251);
        outline-color:  aliceblue;
     }

.search-box[b-5bfzz1p5k9] {
    position: relative;
    width: 100%;
    color: rgb(17 24 39);
    background-color: rgb(249 250 251);
    border: 1px solid rgb(209 213 219);
    border-radius: 0.5rem;
    outline-offset: 1px;
}


.custom-select.form-control-border[b-5bfzz1p5k9], .form-control.form-control-border[b-5bfzz1p5k9] {
    margin-top: 10px;
    border-top: 0;
    border-left: 0;
    border-right: 0;
    border-radius: 5px;
    box-shadow: inherit;
    border-bottom-width: 2px;
    background-color: rgb(249 250 251);
}

.recherche-avancee[b-5bfzz1p5k9] {
    border: 1px solid rgb(209 213 219);
    border-radius: 0.5rem;
    padding-bottom: 10px;
    margin-top: 5px;
}

.global-search:focus[b-5bfzz1p5k9] {
    border-left: inset;
    border-right: 10px !important;
    border-top: 0px solid rgb(209 213 219) !important;
    border-bottom: 1px solid rgb(209 213 219) !important;
}

.form-control.form-control-border.border-width-2[b-5bfzz1p5k9] {
    border-bottom: 2px solid rgb(209 213 219) !important;
}
/* /Pages/Retailers/MyStores/Members/Components/StoreMembers.razor.rz.scp.css */

input[type=search][b-wsfhfxfljh] {
    width: 20rem;
    padding: 0.75rem 0.75rem 0.75rem 2.5rem;
    color: rgb(17 24 39);
    background-color: rgb(249 250 251);
    border: 1px solid rgb(209 213 219);
    border-radius: 0.5rem;
    outline-offset: 1px;
}

    input[type=search]:focus[b-wsfhfxfljh] {
        border-color: rgb(59 130 246);
        outline-color: rgb(59 130 246);
    }

.search-box[b-wsfhfxfljh] {
    position: relative;
}

    .search-box[b-wsfhfxfljh]:before {
        content: ' ';
        width: 1.25rem;
        height: 1.25rem;
        position: absolute;
        left: .75rem;
        top: calc(50% - 1.25rem/2);
        background-image: url("data:image/svg+xml,%3Csvg fill='none' stroke='rgb(107 114 128)' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' b-nrli8fdfc6=''%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z' b-nrli8fdfc6=''%3E%3C/path%3E%3C/svg%3E");
    }
/* /Pages/Retailers/MyStores/Stores/Components/StoreComponentStepsModal.razor.rz.scp.css */
.close-button[b-j9m5m7ojr0] {
    position: absolute;
    top: 10px;
    right: 10px;
    cursor: pointer;
    font-size: 24px;
    color: #fff;
    background: #000;
    border: none;
    border-radius: 20%;
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 28px; /* Vertical alignment */
    transition: background 0.2s, sbox-shadow 0.2s;
}

    .close-button:hover[b-j9m5m7ojr0] {
        background: #e94b26;
        color: #FFF;
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); /* Box shadow on hover */
    }

.grid[b-j9m5m7ojr0] {
    height: 16.5rem;
    overflow-y: auto;
}

input[type=search][b-j9m5m7ojr0] {
    width: 20rem;
    padding: 0.75rem 0.75rem 0.75rem 2.5rem;
    color: rgb(17 24 39);
    background-color: rgb(249 250 251);
    border: 1px solid rgb(209 213 219);
    border-radius: 0.5rem;
    outline-offset: 1px;
}

    input[type=search]:focus[b-j9m5m7ojr0] {
        border-color: rgb(59 130 246);
        outline-color: rgb(59 130 246);
    }

.search-box[b-j9m5m7ojr0] {
    position: relative;
}

    .search-box[b-j9m5m7ojr0]:before {
        content: ' ';
        width: 1.25rem;
        height: 1.25rem;
        position: absolute;
        left: .75rem;
        top: calc(50% - 1.25rem/2);
        background-image: url("data:image/svg+xml,%3Csvg fill='none' stroke='rgb(107 114 128)' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' b-nrli8fdfc6=''%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z' b-nrli8fdfc6=''%3E%3C/path%3E%3C/svg%3E");
    }
/* /Pages/Retailers/MyStores/Stores/Components/StoresComponent.razor.rz.scp.css */
input[type=search][b-xf4d8zr7jt] {
    width: 20rem;
    padding: 0.75rem 0.75rem 0.75rem 2.5rem;
    color: rgb(17 24 39);
    background-color: rgb(249 250 251);
    border: 1px solid rgb(209 213 219);
    border-radius: 0.5rem;
    outline-offset: 1px;
}

input[type=search]:focus[b-xf4d8zr7jt] {
    border-color: rgb(59 130 246);
    outline-color: rgb(59 130 246);
}

.search-box[b-xf4d8zr7jt] {
    position: relative;
}

.search-box[b-xf4d8zr7jt]:before {
    content: ' ';
    width: 1.25rem;
    height: 1.25rem;
    position: absolute;
    left: .75rem;
    top: calc(50% - 1.25rem/2);
    background-image: url("data:image/svg+xml,%3Csvg fill='none' stroke='rgb(107 114 128)' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' b-nrli8fdfc6=''%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z' b-nrli8fdfc6=''%3E%3C/path%3E%3C/svg%3E");
}

.delete-edit[b-xf4d8zr7jt] {
    position: absolute;
    z-index: 1;
    top: 35px;
    right: -1px;
    padding: 2px 5px;
    border-radius: 2px;
    background-color: #117a8b1a;
    animation: fadeIn 1s;
}

.delete-edit-more[b-xf4d8zr7jt] {

    position:  absolute;
    z-index: 1;
    margin-top:-7px;
    left:-50px;
    padding: 2px 5px;
    border-radius: 2px;
    background-color: #117a8b1a;
    animation: fadeIn 1s;
}
.action:focus-visible[b-xf4d8zr7jt] {
    background-color:aliceblue;
    border-radius: 50%;
    width: 30px;
    height:30px;
    line-height: 30px;
    text-align: center;
    color:rgb(59 130 256);
}
.dropdown-menu[b-xf4d8zr7jt] {
    background-color: #17a2b8;
    animation: fadeIn 1s;
    margin-top: 0px;
    max-width: 120px;
}

.title[b-xf4d8zr7jt] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
/* /Pages/Retailers/Suppliers/Components/SupplierAdsCard.razor.rz.scp.css */
.card[b-t2oc03jddr] {
    min-width: 250px;
    max-width: 250px;
    min-height: 260px;
    background-image: url("/dist/img/bg-card.png");
    background-repeat: repeat-y;
}

.tooltip-text[b-t2oc03jddr] {
    visibility: hidden;
    position: absolute;
    top: 0;
    left: -50px;
    z-index: 1;
    width: 300px;
    color: white;
    font-size: 12px;
    background-color: #192733;
    border-radius: 10px;
    padding: 10px 15px;
    text-align: justify;
}

.hover-text[b-t2oc03jddr] {
    position: relative;
    font-family: Arial, serif;
    margin-top: auto;
}

    .hover-text:hover .tooltip-text[b-t2oc03jddr] {
        visibility: visible;
    }

.supplier-logo[b-t2oc03jddr] {
    max-width: 125px;
    width: auto;
    max-height: 80px;
    margin-bottom: 0px;
}
/* /Pages/Retailers/Suppliers/Modals/CustomerInfo/RetailerSupplierCustomerInfoModal.razor.rz.scp.css */
input[type=search][b-mcxfljqjkz] {
    width: 20rem;
    padding: 0.75rem 0.75rem 0.75rem 2.5rem;
    color: rgb(17 24 39);
    background-color: rgb(249 250 251);
    border: 1px solid rgb(209 213 219);
    border-radius: 0.5rem;
    outline-offset: 1px;
}

input[type=search]:focus[b-mcxfljqjkz] {
    border-color: rgb(59 130 246);
    outline-color: rgb(59 130 246);
}

.search-box[b-mcxfljqjkz] {
    position: relative;
}

.search-box[b-mcxfljqjkz]:before {
    content: ' ';
    width: 1.25rem;
    height: 1.25rem;
    position: absolute;
    left: .75rem;
    top: calc(50% - 1.25rem/2);
    background-image: url("data:image/svg+xml,%3Csvg fill='none' stroke='rgb(107 114 128)' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' b-nrli8fdfc6=''%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z' b-nrli8fdfc6=''%3E%3C/path%3E%3C/svg%3E");
}

/* /Pages/Retailers/Suppliers/Modals/Policies/RetailerSupplierPoliciesModal.razor.rz.scp.css */
input[type=search][b-j4sk2n0qc9] {
    width: 20rem;
    padding: 0.75rem 0.75rem 0.75rem 2.5rem;
    color: rgb(17 24 39);
    background-color: rgb(249 250 251);
    border: 1px solid rgb(209 213 219);
    border-radius: 0.5rem;
    outline-offset: 1px;
}

    input[type=search]:focus[b-j4sk2n0qc9] {
        border-color: rgb(59 130 246);
        outline-color: rgb(59 130 246);
    }

.search-box[b-j4sk2n0qc9] {
    position: relative;
}

    .search-box[b-j4sk2n0qc9]:before {
        content: ' ';
        width: 1.25rem;
        height: 1.25rem;
        position: absolute;
        left: .75rem;
        top: calc(50% - 1.25rem/2);
        background-image: url("data:image/svg+xml,%3Csvg fill='none' stroke='rgb(107 114 128)' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' b-nrli8fdfc6=''%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z' b-nrli8fdfc6=''%3E%3C/path%3E%3C/svg%3E");
    }
/* /Pages/Retailers/Suppliers/Modals/Products/RetailerSupplierProductsConfirmationModal.razor.rz.scp.css */
.close-button[b-ejvzvyvjnb] {
    position: absolute;
    top: 10px;
    right: 10px;
    cursor: pointer;
    font-size: 24px;
    color: #fff;
    background: #000;
    border: none;
    border-radius: 20%;
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 28px; /* Vertical alignment */
    transition: background 0.2s, sbox-shadow 0.2s;
}

    .close-button:hover[b-ejvzvyvjnb] {
        background: #e94b26;
        color: #FFF;
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); /* Box shadow on hover */
    }
/* /Pages/Retailers/Suppliers/Modals/Products/RetailerSupplierProductsModal.razor.rz.scp.css */
.close-button[b-edos5kfotj] {
    position: absolute;
    top: 10px;
    right: 10px;
    cursor: pointer;
    font-size: 24px;
    color: #fff;
    background: #000;
    border: none;
    border-radius: 20%;
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 28px; /* Vertical alignment */
    transition: background 0.2s, box-shadow 0.2s;
}

    .close-button:hover[b-edos5kfotj] {
        background: #e94b26;
        color: #FFF;
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); /* Box shadow on hover */
    }

input[type=search][b-edos5kfotj] {
    width: 20rem;
    padding: 0.75rem 0.75rem 0.75rem 2.5rem;
    color: rgb(17 24 39);
    background-color: rgb(249 250 251);
    border: 1px solid rgb(209 213 219);
    border-radius: 0.5rem;
    outline-offset: 1px;
}

input[type=search]:focus[b-edos5kfotj] {
    border-color: rgb(59 130 246);
    outline-color: rgb(59 130 246);
}

.search-box[b-edos5kfotj] {
    position: relative;
}

.search-box[b-edos5kfotj]:before {
    content: ' ';
    width: 1.25rem;
    height: 1.25rem;
    position: absolute;
    left: .75rem;
    top: calc(50% - 1.25rem/2);
    background-image: url("data:image/svg+xml,%3Csvg fill='none' stroke='rgb(107 114 128)' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' b-nrli8fdfc6=''%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z' b-nrli8fdfc6=''%3E%3C/path%3E%3C/svg%3E");
}
label[b-edos5kfotj]::before {
    background-color: #ffffff;
    border: 1px solid #17a2b8 !important;
}

.far[b-edos5kfotj] {
    line-height: 0.6;
}
.tooltip-text[b-edos5kfotj] {
    visibility: hidden;
    position: absolute;
    top: 2px;
    z-index: 1;
    color: white;
    font-size: 12px;
    background-color: #343a40;
    border-radius: 10px;
    padding: 0.4rem;
}

.hover-text[b-edos5kfotj] {
    position: relative;
    font-family: Arial, serif;
    margin-top: auto;
}

    .hover-text:hover .tooltip-text[b-edos5kfotj] {
        visibility: visible;
        cursor: pointer;
    }

.date-range-picker[b-edos5kfotj] {
    font-weight:bold;
    cursor: pointer;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 14px;
}

[b-edos5kfotj] .quickgrid[theme=default] .col-title {
    gap: 0rem; 
    font-weight: 900;
   font-size: .7rem;

}
/* /Pages/Retailers/Suppliers/RetailerSuppliers.razor.rz.scp.css */
.btn[b-y8nb2eduk9]{
    z-index:unset!important;
}
/* /Pages/Retailers/Tags/Components/TagComponentModal.razor.rz.scp.css */
.close-button[b-w1q6elcegd] {
    position: absolute;
    top: 10px;
    right: 10px;
    cursor: pointer;
    font-size: 24px;
    color: #fff;
    background: #000;
    border: none;
    border-radius: 20%;
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 28px; /* Vertical alignment */
    transition: background 0.2s, box-shadow 0.2s;
}

    .close-button:hover[b-w1q6elcegd] {
        background: #e94b26;
        color: #FFF;
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); /* Box shadow on hover */
    }

.grid[b-w1q6elcegd] {
    height: 16.5rem;
    overflow-y: auto;
}

input[type=search][b-w1q6elcegd] {
    width: 20rem;
    padding: 0.75rem 0.75rem 0.75rem 2.5rem;
    color: rgb(17 24 39);
    background-color: rgb(249 250 251);
    border: 1px solid rgb(209 213 219);
    border-radius: 0.5rem;
    outline-offset: 1px;
}

    input[type=search]:focus[b-w1q6elcegd] {
        border-color: rgb(59 130 246);
        outline-color: rgb(59 130 246);
    }

.search-box[b-w1q6elcegd] {
    position: relative;
}

    .search-box[b-w1q6elcegd]:before {
        content: ' ';
        width: 1.25rem;
        height: 1.25rem;
        position: absolute;
        left: .75rem;
        top: calc(50% - 1.25rem/2);
        background-image: url("data:image/svg+xml,%3Csvg fill='none' stroke='rgb(107 114 128)' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' b-nrli8fdfc6=''%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z' b-nrli8fdfc6=''%3E%3C/path%3E%3C/svg%3E");
    }

.draggable[b-w1q6elcegd] {
    margin-bottom: 10px;
    padding: 10px 25px;
    border: 1px solid #424d5c;
    cursor: grab;
    background: #5c6b7f;
    color: #ffffff;
    border-radius: 5px;
    width: 250px;
}

.description[b-w1q6elcegd] {
    font-size: 18px;
}

.dragDrop[b-w1q6elcegd] {
    border-radius: 2px;
    background-color: #f8f9fa;
    border-left: 2px solid #e9ecef;
    color: #495057;
    margin-bottom: 2px;
    padding: 10px;
}

    .dragDrop .text[b-w1q6elcegd] {
        display: inline-block;
        font-weight: 600;
        margin-left: 5px;
    }
.custom-select.form-control-border[b-w1q6elcegd], .form-control.form-control-border[b-w1q6elcegd] {
    margin-top: 10px;
    border-top: 0;
    border-left: 0;
    border-right: 0;
    border-radius: 5px;
    box-shadow: inherit;
    border-bottom-width: 2px;
    background-color: rgb(249 250 251);
}

    .form-control.form-control-border.border-width-2[b-w1q6elcegd] {
        border-bottom: 2px solid rgb(209 213 219) !important;
    }
/* /Pages/Suppliers/MyFlyers/Components/FlyerComponent.razor.rz.scp.css */

input[type=search][b-r9h3fmlcwn] {
    width: 20rem;
    padding: 0.75rem 0.75rem 0.75rem 2.5rem;
    color: rgb(17 24 39);
    background-color: rgb(249 250 251);
    border: 1px solid rgb(209 213 219);
    border-radius: 0.5rem;
    outline-offset: 1px;
}

    input[type=search]:focus[b-r9h3fmlcwn] {
        border-color: rgb(59 130 246);
        outline-color: rgb(59 130 246);
    }

.search-box[b-r9h3fmlcwn] {
    position: relative;
}

    .search-box[b-r9h3fmlcwn]:before {
        content: ' ';
        width: 1.25rem;
        height: 1.25rem;
        position: absolute;
        left: .75rem;
        top: calc(50% - 1.25rem/2);
        background-image: url("data:image/svg+xml,%3Csvg fill='none' stroke='rgb(107 114 128)' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' b-nrli8fdfc6=''%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z' b-nrli8fdfc6=''%3E%3C/path%3E%3C/svg%3E");
    }
/* /Pages/Suppliers/MyFlyers/SupplierFlyer.razor.rz.scp.css */

input[type=search][b-jykp7thfs8] {
    width: 20rem;
    padding: 0.75rem 0.75rem 0.75rem 2.5rem;
    color: rgb(17 24 39);
    background-color: rgb(249 250 251);
    border: 1px solid rgb(209 213 219);
    border-radius: 0.5rem;
    outline-offset: 1px;
}

    input[type=search]:focus[b-jykp7thfs8] {
        border-color: rgb(59 130 246);
        outline-color: rgb(59 130 246);
    }

.search-box[b-jykp7thfs8] {
    position: relative;
}

    .search-box[b-jykp7thfs8]:before {
        content: ' ';
        width: 1.25rem;
        height: 1.25rem;
        position: absolute;
        left: .75rem;
        top: calc(50% - 1.25rem/2);
        background-image: url("data:image/svg+xml,%3Csvg fill='none' stroke='rgb(107 114 128)' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' b-nrli8fdfc6=''%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z' b-nrli8fdfc6=''%3E%3C/path%3E%3C/svg%3E");
    }
/* /Pages/Suppliers/MyOrders/MyOrders.razor.rz.scp.css */

input[type=search][b-zfr1o834f5] {
    width: 20rem;
    padding: 0.75rem 0.75rem 0.75rem 2.5rem;
    color: rgb(17 24 39);
    background-color: rgb(249 250 251);
    border: 1px solid rgb(209 213 219);
    border-radius: 0.5rem;
    outline-offset: 1px;
}

input[type=search]:focus[b-zfr1o834f5] {
    border-color: rgb(59 130 246);
    outline-color: rgb(59 130 246);
}

.search-box[b-zfr1o834f5] {
    position: relative;
}

.search-box[b-zfr1o834f5]:before {
    content: ' ';
    width: 1.25rem;
    height: 1.25rem;
    position: absolute;
    left: .75rem;
    top: calc(50% - 1.25rem/2);
    background-image: url("data:image/svg+xml,%3Csvg fill='none' stroke='rgb(107 114 128)' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' b-nrli8fdfc6=''%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z' b-nrli8fdfc6=''%3E%3C/path%3E%3C/svg%3E");
}
/* /Pages/Suppliers/MyOrders/OrderingPolicies/SupplierInfoProfile_OrderingPolicies.razor.rz.scp.css */
/* Form validation*/
.valid.modified:not([type=checkbox])[b-1i2k6s0a40] {
    border-color: #184fd4;
    padding-right: 2.25rem;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right calc(.9em + .1875rem) center;
    background-size: calc(.75em + .375rem) calc(.75em + .375rem);
}

.invalid[b-1i2k6s0a40] {
    border-color: #dc3545;
    padding-right: 2.25rem;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right calc(.9em + .1875rem) center;
    background-size: calc(.75em + .375rem) calc(.75em + .375rem);
}

.validation-message[b-1i2k6s0a40] {
    color: red;
}

#blazor-error-ui[b-1i2k6s0a40] {
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

#blazor-error-ui .dismiss[b-1i2k6s0a40] {
    cursor: pointer;
    position: absolute;
    right: 0.75rem;
    top: 0.5rem;
}

/*End form validation*/
input[type=search][b-1i2k6s0a40] {
    width: 20rem;
    padding: 0.75rem 0.75rem 0.75rem 2.5rem;
    color: rgb(17 24 39);
    background-color: rgb(249 250 251);
    border: 1px solid rgb(209 213 219);
    border-radius: 0.5rem;
    outline-offset: 1px;
}

    input[type=search]:focus[b-1i2k6s0a40] {
        border-color: rgb(59 130 246);
        outline-color: rgb(59 130 246);
    }

.search-box[b-1i2k6s0a40] {
    position: relative;
}

    .search-box[b-1i2k6s0a40]:before {
        content: ' ';
        width: 1.25rem;
        height: 1.25rem;
        position: absolute;
        left: .75rem;
        top: calc(50% - 1.25rem/2);
        background-image: url("data:image/svg+xml,%3Csvg fill='none' stroke='rgb(107 114 128)' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' b-nrli8fdfc6=''%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z' b-nrli8fdfc6=''%3E%3C/path%3E%3C/svg%3E");
    }
/* /Pages/Suppliers/MyProducts/Components/DeleteProducts/DeleteSupplierProductModal.razor.rz.scp.css */
.close-button[b-2fkkq7f2cl] {
    position: absolute;
    top: 10px;
    right: 10px;
    cursor: pointer;
    font-size: 24px;
    color: #fff;
    background: #000;
    border: none;
    border-radius: 20%;
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 28px; /* Vertical alignment */
    transition: background 0.2s, box-shadow 0.2s;
}

.close-button:hover[b-2fkkq7f2cl] {
    background: #e94b26;
    color: #FFF;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); /* Box shadow on hover */
}

.title[b-2fkkq7f2cl] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
/* /Pages/Suppliers/MyProducts/Components/FixSupplierProductIssueComponent.razor.rz.scp.css */
.close-button[b-atbuuobzqw] {
    position: absolute;
    top: 10px;
    right: 10px;
    cursor: pointer;
    font-size: 24px;
    color: #fff;
    background: #000;
    border: none;
    border-radius: 20%;
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 28px; /* Vertical alignment */
    transition: background 0.2s, sbox-shadow 0.2s;
}

.close-button:hover[b-atbuuobzqw] {
    background: #e94b26;
    color: #FFF;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); /* Box shadow on hover */
}
/* /Pages/Suppliers/MyProducts/Components/ProductDetails/SupplierProductDetailsComponent.razor.rz.scp.css */
.close-button[b-ep9hvgwlla] {
    position: absolute;
    top: 10px;
    right: 10px;
    cursor: pointer;
    font-size: 24px;
    color: #fff;
    background: #000;
    border: none;
    border-radius: 20%;
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 28px; /* Vertical alignment */
    transition: background 0.2s, sbox-shadow 0.2s;
}

.close-button:hover[b-ep9hvgwlla] {
    background: #e94b26;
    color: #FFF;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); /* Box shadow on hover */
}
/* /Pages/Suppliers/MyProducts/Components/ProductSendingDates/ProductSendingDates.razor.rz.scp.css */
.close-button[b-xz5fx17d64] {
    position: absolute;
    top: 10px;
    right: 10px;
    cursor: pointer;
    font-size: 24px;
    color: #fff;
    background: #000;
    border: none;
    border-radius: 20%;
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 28px; /* Vertical alignment */
    transition: background 0.2s, sbox-shadow 0.2s;
}

    .close-button:hover[b-xz5fx17d64] {
        background: #e94b26;
        color: #FFF;
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); /* Box shadow on hover */
    }
/* /Pages/Suppliers/MyProducts/Components/ProductSettings/UpdateSupplierProductConfigComponent.razor.rz.scp.css */
.no-border[b-sj1amjzoum]{
    border:unset!important
}


input[type=search][b-sj1amjzoum] {
    width: 20rem;
    padding: 0.75rem 0.75rem 0.75rem 2.5rem;
    color: rgb(17 24 39);
    background-color: rgb(249 250 251);
    border: 1px solid rgb(209 213 219);
    border-radius: 0.5rem;
    outline-offset: 1px;
}

    input[type=search]:focus[b-sj1amjzoum] {
        border-color: rgb(59 130 246);
        outline-color: rgb(59 130 246);
    }

.search-box[b-sj1amjzoum] {
    position: relative;
}

    .search-box[b-sj1amjzoum]:before {
        content: ' ';
        width: 1.25rem;
        height: 1.25rem;
        position: absolute;
        left: .75rem;
        top: calc(50% - 1.25rem/2);
        background-image: url("data:image/svg+xml,%3Csvg fill='none' stroke='rgb(107 114 128)' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' b-nrli8fdfc6=''%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z' b-nrli8fdfc6=''%3E%3C/path%3E%3C/svg%3E");
    }

.close-button[b-sj1amjzoum] {
    position: absolute;
    top: 10px;
    right: 10px;
    cursor: pointer;
    font-size: 24px;
    color: #fff;
    background: #000;
    border: none;
    border-radius: 20%;
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 28px; /* Vertical alignment */
    transition: background 0.2s, box-shadow 0.2s;
}

.close-button:hover[b-sj1amjzoum] {
    background: #e94b26;
    color: #FFF;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); /* Box shadow on hover */
}
/* /Pages/Suppliers/MyProducts/Components/UpdateProductsForAllCustomers/UpdateProductsCustomers.razor.rz.scp.css */
.close-button[b-h1n8m0ph4z] {
    position: absolute;
    top: 8px;
    right: 10px;
    cursor: pointer;
    font-size: 24px;
    color: #fff;
    background: #000;
    border: none;
    border-radius: 20%;
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 28px; /* Vertical alignment */
    transition: background 0.2s, box-shadow 0.2s;
}

    .close-button:hover[b-h1n8m0ph4z] {
        background: #e94b26;
        color: #FFF;
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); /* Box shadow on hover */
    }
/* /Pages/Suppliers/MyProducts/SupplierProducts.razor.rz.scp.css */
.global-search[b-7y9or1dt0e] {
    height: 40px;
    padding: 0.3rem 0.3rem 0.3rem 2rem !important;
    font-size: .875rem;
    border-radius: 0.2rem !important;
    color: rgb(17 24 39);
    background-color: rgb(249 250 251) !important;
    border: 1px solid rgb(209 213 219) !important;
    outline-offset: 1px !important;
}

.globalSearch-box[b-7y9or1dt0e]:before {
    content: ' ';
    width: 1.25rem;
    height: 1.25rem;
    position: absolute;
    background-image: url("data:image/svg+xml,%3Csvg fill='none' stroke='rgb(107 114 128)' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' b-nrli8fdfc6=''%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z' b-nrli8fdfc6=''%3E%3C/path%3E%3C/svg%3E");
}

.grid[b-7y9or1dt0e]  table {
    min-width: 100%;
}

/* Sticky header while scrolling */
[b-7y9or1dt0e] thead {
    position: sticky;
    top: 0;
    height: 30px;
}

/* Subtle stripe effect */
[b-7y9or1dt0e] tr:nth-child(even) {
    background: rgba(255,255,255,0.4);
}

/* Don't collapse rows even if they are empty */
[b-7y9or1dt0e] tbody tr {
    height: auto;
}

/* Stripe effect */
[b-7y9or1dt0e] tbody tr {
    background-color: rgba(0,0,0,0.04);
}

    [b-7y9or1dt0e] tbody tr:nth-child(even) {
        background: rgba(255,255,255,0.4);
    }

/* Assign width column */
[b-7y9or1dt0e] thead .col-width-20 {
    width: 20%;
}

[b-7y9or1dt0e] thead .col-width-15 {
    width: 15%;
}

[b-7y9or1dt0e] thead .col-width-10 {
    width: 10%;
}

input[type=search][b-7y9or1dt0e] {
    width: 20rem;
    padding: 0.75rem 0.75rem 0.75rem 2.5rem;
    color: rgb(17 24 39);
    background-color: rgb(249 250 251);
    border: 1px solid rgb(209 213 219);
    border-radius: 0.5rem;
    outline-offset: 1px;
}

    input[type=search]:focus[b-7y9or1dt0e] {
        border-color: rgb(59 130 246);
        outline-color: rgb(59 130 246);
    }

.search-box[b-7y9or1dt0e] {
    position: relative;
}

    .search-box[b-7y9or1dt0e]:before {
        content: ' ';
        width: 1.25rem;
        height: 1.25rem;
        position: absolute;
        left: .75rem;
        top: calc(50% - 1.25rem/2);
        background-image: url("data:image/svg+xml,%3Csvg fill='none' stroke='rgb(107 114 128)' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' b-nrli8fdfc6=''%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z' b-nrli8fdfc6=''%3E%3C/path%3E%3C/svg%3E");
    }

.column-search[b-7y9or1dt0e] {
    border: none;
    padding: 0;  /*So that even if the text on the button is wide, it gets properly centered */
    width: 1rem;
    align-self: stretch;
    background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="1.5 0 21 24" stroke="currentColor" stroke-width="2"><path d="M4 6h16M4 12h16M4 18h16" /></svg>') center center / 1rem no-repeat;
}
/* /Pages/Suppliers/MyRetailers/Modals/PosFeedbackComponent.razor.rz.scp.css */
.close-button[b-asa6laa2ug] {
    position: absolute;
    top: 10px;
    right: 10px;
    cursor: pointer;
    font-size: 24px;
    color: #fff;
    background: #000;
    border: none;
    border-radius: 20%;
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 28px; /* Vertical alignment */
    transition: background 0.2s, box-shadow 0.2s;
}

    .close-button:hover[b-asa6laa2ug] {
        background: #e94b26;
        color: #FFF;
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); /* Box shadow on hover */
    }
/* /Pages/Suppliers/MyRetailers/SupplierRetailers.razor.rz.scp.css */

.grid[b-45svmwns2y]  table {
    min-width: 100%;
}

/* Sticky header while scrolling */
[b-45svmwns2y] thead {
    position: sticky;
    top: 0;
    z-index: 1;

    height: 30px;
}

/* Subtle stripe effect */
[b-45svmwns2y] tr:nth-child(even) {
    background: rgba(255,255,255,0.4);
}

/* Don't collapse rows even if they are empty */
[b-45svmwns2y] tbody tr { height: 1.8rem; }

/* Stripe effect */
[b-45svmwns2y] tbody tr { background-color: rgba(0,0,0,0.04); }
[b-45svmwns2y] tbody tr:nth-child(even) { background: rgba(255,255,255,0.4); }

/* Assign width column */
[b-45svmwns2y] thead .col-width-20 { width: 20%; }
[b-45svmwns2y] thead .col-width-15 { width: 15%; }
[b-45svmwns2y] thead .col-width-10 { width: 10%; }

input[type=search][b-45svmwns2y] {
    width: 20rem;
    padding: 0.75rem 0.75rem 0.75rem 2.5rem;
    color: rgb(17 24 39);
    background-color: rgb(249 250 251);
    border: 1px solid rgb(209 213 219);
    border-radius: 0.5rem;
    outline-offset: 1px;
}

input[type=search]:focus[b-45svmwns2y] {
    border-color: rgb(59 130 246);
    outline-color: rgb(59 130 246);
}

.search-box[b-45svmwns2y] {
    position: relative;
}

.search-box[b-45svmwns2y]:before {
    content: ' ';
    width: 1.25rem;
    height: 1.25rem;
    position: absolute;
    left: .75rem;
    top: calc(50% - 1.25rem/2);
    background-image: url("data:image/svg+xml,%3Csvg fill='none' stroke='rgb(107 114 128)' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' b-nrli8fdfc6=''%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z' b-nrli8fdfc6=''%3E%3C/path%3E%3C/svg%3E");
}

.global-search[b-45svmwns2y]
{
    border: none;
    padding: 0; /* So that even if the text on the button is wide, it gets properly centered */
    width: 1rem;
    align-self: stretch;
    background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="1.5 0 21 24" stroke="currentColor" stroke-width="2"><path d="M4 6h16M4 12h16M4 18h16" /></svg>') center center / 1rem no-repeat;
}
/* /Pages/Suppliers/SupplierInvitations/NewInvitationToSupplier.razor.rz.scp.css */
.titleAndButtonRow[b-uzl42fwzof] {
    display: flex;
    flex-direction: column;
    background-color: #def8ff;
    padding-top: 25px;
    padding-bottom: 25px;
}

.titleAndButtonRow h4[b-uzl42fwzof] {
    font-size: 24px;
    font-family: Helvetica Neue, Arial, sans-serif;
    color: #262626;
    text-align: center;
    margin-top: 25px;
}

.ImageJoinUs[b-uzl42fwzof] {
    display: block;
    border: 0;
    max-width: 100%
}

.ParagraphRow[b-uzl42fwzof] {
    background-color: white;
    padding-top: 25px;
    padding-bottom: 25px;
}

.HelpRow[b-uzl42fwzof] {
    background-color: #def8ff;
    padding-top: 15px;
    padding-bottom: 15px;
}

.HelpRow .part02[b-uzl42fwzof] {
    padding-left: 10px;
    padding-top: 5px;
    font-size: 14px;
    font-family: Helvetica Neue, Arial, sans-serif;
    color: #4d4d4d;
    text-align: left;
    line-height: 1.4em
}

.HelpRow .image[b-uzl42fwzof] {
    /*display: block;*/
    border: 0;
    width: 94px
}

.HelpRow .part02 .Link[b-uzl42fwzof] {
    text-decoration: none;
    color: #0084bf
}

.card-body[b-uzl42fwzof] {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    min-height: 1px;
    padding: 0.49rem;
}
/* /Pages/Suppliers/SupplierInvitations/NewMemberMessage.razor.rz.scp.css */
.titleAndButtonRow[b-0rlvcjiuwo] {
    display: flex;
    flex-direction: column;
    background-color: #def8ff;
    padding-top: 25px;
    padding-bottom: 25px;
}

.titleAndButtonRow h4[b-0rlvcjiuwo] {
    font-size: 24px;
    font-family: Helvetica Neue, Arial, sans-serif;
    color: #262626;
    text-align: center;
    margin-top: 25px;
}

.ImageJoinUs[b-0rlvcjiuwo] {
    display: block;
    border: 0;
    max-width: 100%
}

.ParagraphRow[b-0rlvcjiuwo] {
    background-color: white;
    padding-top: 25px;
    padding-bottom: 25px;
}

.HelpRow[b-0rlvcjiuwo] {
    background-color: #def8ff;
    padding-top: 15px;
    padding-bottom: 15px;
}

.HelpRow .part02[b-0rlvcjiuwo] {
    padding-left: 10px;
    padding-top: 5px;
    font-size: 14px;
    font-family: Helvetica Neue, Arial, sans-serif;
    color: #4d4d4d;
    text-align: left;
    line-height: 1.4em
}

.HelpRow .image[b-0rlvcjiuwo] {
    /*display: block;*/
    border: 0;
    width: 94px
}

.HelpRow .part02 .Link[b-0rlvcjiuwo] {
    text-decoration: none;
    color: #0084bf
}

.card-body[b-0rlvcjiuwo] {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    min-height: 1px;
    padding: 0.49rem;
/* /Shared/Alerts/ConfirmMessage.razor.rz.scp.css */
.modal-header[b-cf20nlaed7] {
    padding:0.3rem 1rem !important;
}
/* /Shared/Alerts/DismissibleAlert.razor.rz.scp.css */
.alert-background-red[b-gjjj7pux9p]{
    background-color: #e11a1a !important;
}
/* /Shared/Alerts/DismissibleAlertWithActions.razor.rz.scp.css */
.validation-item-vf[b-lw8g4b2xc1] {
    display: flex;
    align-items: center;
    padding: 0.25rem 0;
}

.validation-message-vf[b-lw8g4b2xc1] {
    flex-grow: 1;
    min-width: 0;
}
/* /Shared/Cookies/CookieConsentModal.razor.rz.scp.css */
/* /Shared/DragAndDrop/DragDrop/DragDropComponent.razor.rz.scp.css */
.description[b-56uturtbgl] {
    font-size: 18px;
}

.dragDrop[b-56uturtbgl] {
    border-radius: 2px;
    background-color: #f8f9fa;
    border-left: 2px solid #e9ecef;
    color: #495057;
    margin-bottom: 2px;
    padding: 10px;
}

.dragDrop .text[b-56uturtbgl] {
    display: inline-block;
    font-weight: 600;
    margin-left: 5px;
}
/* /Shared/DragAndDrop/DragDropList/DragDropListComponent.razor.rz.scp.css */
.dropzone[b-0pz5y9q7p2] {
    margin-top: 10px;
    padding: 5px;
    min-height: 130px;
    border: 2px dotted #576363;
    border-radius: 5px 5px;
}

.no-drop[b-0pz5y9q7p2] {
    border: 2px dashed red;
}

.can-drop[b-0pz5y9q7p2] {
    border: 2px dashed green;
}

.filterCard[b-0pz5y9q7p2] {
    min-height: 200px;
    width: 250px;
    z-index: 999;
    left: 165px;
    top: 105px;
    position: absolute;
    box-shadow: 2px 5px 10px 2px #000;
}

input[type=search][b-0pz5y9q7p2] {
    padding: 0.75rem 0.75rem 0.75rem 2.5rem;
    color: rgb(17 24 39);
    background-color: rgb(249 250 251);
    border: unset;
    outline-offset: 1px;
}

    input[type=search]:focus[b-0pz5y9q7p2] {
        border-color: rgb(249 250 251);
        outline-color: rgb(209 213 219);
    }

.search-box[b-0pz5y9q7p2] {
    position: relative;
    width: 100%;
    color: rgb(17 24 39);
    background-color: rgb(249 250 251);
    border: 1px solid rgb(209 213 219);
    border-radius: 0.5rem;
    outline-offset: 1px;
}


.custom-select.form-control-border[b-0pz5y9q7p2], .form-control.form-control-border[b-0pz5y9q7p2] {
    margin-top: 10px;
    border-top: 0;
    border-left: 0;
    border-right: 0;
    border-radius: 5px;
    box-shadow: inherit;
    border-bottom-width: 2px;
    background-color: rgb(249 250 251);
}

.recherche-avancee[b-0pz5y9q7p2] {
    border: 1px solid rgb(209 213 219);
    border-radius: 0.5rem;
    padding-bottom: 10px;
    margin-top: 5px;
}

.global-search:focus[b-0pz5y9q7p2] {
    border-left: unset;
    border-right: 10px !important;
    border-top: 0px solid rgb(209 213 219) !important;
    border-bottom: 1px solid rgb(209 213 219) !important;
}

.form-control.form-control-border.border-width-2[b-0pz5y9q7p2] {
    border-bottom: 2px solid rgb(209 213 219) !important;
}
/* /Shared/Dropdowns/Dropdown.razor.rz.scp.css */
html[b-3tqqwvbn81], body[b-3tqqwvbn81] {
    padding: 0px;
    margin: 0px;
    background: #191A1D;
    font-family: 'Karla', sans-serif;
    width: 100vw;
}

body *[b-3tqqwvbn81] {
    margin: 0;
    padding: 0;
}

/* HTML Nav Styles */
/* HTML Nav Styles */
/* HTML Nav Styles */
nav menuitem[b-3tqqwvbn81] {
    position: relative;
    display: block;
    opacity: 0;
    cursor: pointer;
}

nav menuitem > menu[b-3tqqwvbn81] {
    position: absolute;
    pointer-events: none;
}

nav > menu[b-3tqqwvbn81] {
    display: flex;
}

nav > menu > menuitem[b-3tqqwvbn81] {
    pointer-events: all;
    opacity: 1;
}

menu menuitem a[b-3tqqwvbn81] {
    white-space: nowrap;
    display: block;
}

menuitem:hover > menu[b-3tqqwvbn81] {
    pointer-events: initial;
}

menuitem:hover > menu > menuitem[b-3tqqwvbn81],
menu:hover > menuitem[b-3tqqwvbn81] {
    opacity: 1;
}

nav > menu > menuitem menuitem menu[b-3tqqwvbn81] {
    transform: translateX(100%);
    top: 0;
    right: 0;
}

/* User Styles Below Not Required */
/* User Styles Below Not Required */
/* User Styles Below Not Required */

nav[b-3tqqwvbn81] {
    /*margin-top: 40px;
    margin-left: 40px;*/
}

nav a[b-3tqqwvbn81] {
    background: #13bdc8;
    color: #FFF;
    min-width: 190px;
    transition: background 0.5s, color 0.5s, transform 0.5s;
    margin: 0px 6px 6px 0px;
    padding: 20px 40px;
    box-sizing: border-box;
    border-radius: 3px;
    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.5);
    position: relative;
}

nav a:hover[b-3tqqwvbn81]:before {
    content: '';
    top: 0;
    left: 0;
    position: absolute;
    background: rgba(0, 0, 0, 0.2);
    width: 100%;
    height: 100%;
}

nav > menu > menuitem > a + menu[b-3tqqwvbn81]:after {
    content: '';
    position: absolute;
    border: 10px solid transparent;
    border-top: 10px solid white;
    left: 12px;
    top: -40px;
}

nav menuitem > menu > menuitem > a + menu[b-3tqqwvbn81]:after {
    content: '';
    position: absolute;
    border: 10px solid transparent;
    border-left: 10px solid white;
    top: 20px;
    left: -180px;
    transition: opacity 0.6, transform 0s;
}

nav > menu > menuitem > menu > menuitem[b-3tqqwvbn81] {
    transition: transform 0.6s, opacity 0.6s;
    transform: translateY(150%);
    opacity: 0;
}

nav > menu > menuitem:hover > menu > menuitem[b-3tqqwvbn81],
nav > menu > menuitem.hover > menu > menuitem[b-3tqqwvbn81] {
    transform: translateY(0%);
    opacity: 1;
}

menuitem > menu > menuitem > menu > menuitem[b-3tqqwvbn81] {
    transition: transform 0.6s, opacity 0.6s;
    transform: translateX(195px) translateY(0%);
    opacity: 0;
}

menuitem > menu > menuitem:hover > menu > menuitem[b-3tqqwvbn81],
menuitem > menu > menuitem.hover > menu > menuitem[b-3tqqwvbn81] {
    transform: translateX(0) translateY(0%);
    opacity: 1;
}

/* /Shared/Dropdowns/DropdownNav.razor.rz.scp.css */
html[b-638fwz2r08], body[b-638fwz2r08] {
    padding: 0px;
    margin: 0px;
    background: #191A1D;
    font-family: 'Karla', sans-serif;
    width: 100vw;
}

body *[b-638fwz2r08] {
    margin: 0;
    padding: 0;
}
/* /Shared/Dropdowns/DropdownNavMenu.razor.rz.scp.css */
html[b-kopo7pmeqz], body[b-kopo7pmeqz] {
    padding: 0px;
    margin: 0px;
    background: #191A1D;
    font-family: 'Karla', sans-serif;
    width: 100vw;
}

body *[b-kopo7pmeqz] {
    margin: 0;
    padding: 0;
}

/* HTML Nav Styles */
/* HTML Nav Styles */
/* HTML Nav Styles */
nav menuitem[b-kopo7pmeqz] {
    position: relative;
    display: block;
    opacity: 0;
    cursor: pointer;
}

nav menuitem > menu[b-kopo7pmeqz] {
    position: absolute;
    pointer-events: none;
    z-index: 99999999999;
}

nav > menu[b-kopo7pmeqz] {
    display: flex;
}

nav > menu > menuitem[b-kopo7pmeqz] {
    pointer-events: all;
    opacity: 1;
}

menu menuitem a[b-kopo7pmeqz] {
    white-space: nowrap;
    display: block;
}

menuitem:hover > menu[b-kopo7pmeqz] {
    pointer-events: initial;
}

menuitem:hover > menu > menuitem[b-kopo7pmeqz],
menu:hover > menuitem[b-kopo7pmeqz] {
    opacity: 1;
}

nav > menu > menuitem menuitem menu[b-kopo7pmeqz] {
    transform: translateX(100%);
    top: 0;
    right: 0;
}

/* User Styles Below Not Required */
/* User Styles Below Not Required */
/* User Styles Below Not Required */

nav[b-kopo7pmeqz] {
    /*    margin-top: 40px;
        margin-left: 40px;*/
}

nav a[b-kopo7pmeqz] {
    background: #6c757d;
    color: #FFF;
    min-width: 125px;
    transition: background 0.5s, color 0.5s, transform 0.5s;
    margin: 0px 6px 6px 0px;
    padding: 7px 14px;
    box-sizing: border-box;
    border-radius: 3px;
    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.5);
    position: relative;
}

nav a:hover[b-kopo7pmeqz]:before {
    /*content: '';*/
    top: 0;
    left: 0;
    position: absolute;
    background: rgba(0, 0, 0, 0.2);
    width: 100%;
    height: 100%;
}

nav > menu > menuitem > a + menu[b-kopo7pmeqz]:after {
    /*content: '';*/
    /*position: absolute;
    border: 10px solid transparent;
    border-top: 10px solid white;
    left: 12px;
    top: -40px;*/
}

nav menuitem > menu > menuitem > a + menu[b-kopo7pmeqz]:after {
    content: '';
    position: absolute;
    border: 10px solid transparent;
    border-left: 10px solid white;
    top: 20px;
    left: -180px;
    transition: opacity 0.6, transform 0s;
}

nav > menu > menuitem > menu > menuitem[b-kopo7pmeqz] {
    transition: transform 0.6s, opacity 0.6s;
    transform: translateY(150%);
    opacity: 0;
}

nav > menu > menuitem:hover > menu > menuitem[b-kopo7pmeqz],
nav > menu > menuitem.hover > menu > menuitem[b-kopo7pmeqz] {
    transform: translateY(0%);
    opacity: 1;
}

menuitem > menu > menuitem > menu > menuitem[b-kopo7pmeqz] {
    transition: transform 0.6s, opacity 0.6s;
    transform: translateX(195px) translateY(0%);
    opacity: 0;
}

menuitem > menu > menuitem:hover > menu > menuitem[b-kopo7pmeqz],
menuitem > menu > menuitem.hover > menu > menuitem[b-kopo7pmeqz] {
    transform: translateX(0) translateY(0%);
    opacity: 1;
}
/* /Shared/Dropdowns/DropdownNavMenuMenuitem.razor.rz.scp.css */
html[b-ig6xmrqpbc], body[b-ig6xmrqpbc] {
    padding: 0px;
    margin: 0px;
    background: #191A1D;
    font-family: 'Karla', sans-serif;
    width: 100vw;
}

body *[b-ig6xmrqpbc] {
    margin: 0;
    padding: 0;
}

/* HTML Nav Styles */
/* HTML Nav Styles */
/* HTML Nav Styles */
nav menuitem[b-ig6xmrqpbc] {
    position: relative;
    display: block;
    opacity: 0;
    cursor: pointer;
}

nav menuitem > menu[b-ig6xmrqpbc] {
    position: absolute;
    pointer-events: none;
    z-index: 99999999999;
}

nav > menu[b-ig6xmrqpbc] {
    display: flex;
}

nav > menu > menuitem[b-ig6xmrqpbc] {
    pointer-events: all;
    opacity: 1;
}

menu menuitem a[b-ig6xmrqpbc] {
    white-space: nowrap;
    display: block;
}

menuitem:hover > menu[b-ig6xmrqpbc] {
    pointer-events: initial;
}

menuitem:hover > menu > menuitem[b-ig6xmrqpbc],
menu:hover > menuitem[b-ig6xmrqpbc] {
    opacity: 1;
}

nav > menu > menuitem menuitem menu[b-ig6xmrqpbc] {
    transform: translateX(100%);
    top: 0;
    right: 0;
}

/* User Styles Below Not Required */
/* User Styles Below Not Required */
/* User Styles Below Not Required */

nav[b-ig6xmrqpbc] {
    /* margin-top: 40px;
     margin-left: 40px;*/
}

nav a[b-ig6xmrqpbc] {
    background: #6c757d;
    color: #FFF;
    min-width: 125px;
    transition: background 0.5s, color 0.5s, transform 0.5s;
    margin: 0px 6px 6px 0px;
    padding: 7px 14px;
    box-sizing: border-box;
    border-radius: 3px;
    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.5);
    position: relative;
}

nav a:hover[b-ig6xmrqpbc]:before {
    /*content: '';*/
    top: 0;
    left: 0;
    position: absolute;
    background: rgba(0, 0, 0, 0.2);
    width: 100%;
    height: 100%;
}

nav > menu > menuitem > a + menu[b-ig6xmrqpbc]:after {
    /*content: '';
    position: absolute;
    border: 10px solid transparent;
    border-top: 10px solid white;
    left: 12px;
    top: -40px;*/
}

nav menuitem > menu > menuitem > a + menu[b-ig6xmrqpbc]:after {
    content: '';
    position: absolute;
    border: 10px solid transparent;
    border-left: 10px solid white;
    top: 20px;
    left: -180px;
    transition: opacity 0.6, transform 0s;
}

nav > menu > menuitem > menu > menuitem[b-ig6xmrqpbc] {
    transition: transform 0.6s, opacity 0.6s;
    transform: translateY(150%);
    opacity: 0;
}

nav > menu > menuitem:hover > menu > menuitem[b-ig6xmrqpbc],
nav > menu > menuitem.hover > menu > menuitem[b-ig6xmrqpbc] {
    transform: translateY(0%);
    opacity: 1;
}

menuitem > menu > menuitem > menu > menuitem[b-ig6xmrqpbc] {
    transition: transform 0.6s, opacity 0.6s;
    transform: translateX(195px) translateY(0%);
    opacity: 0;
}

menuitem > menu > menuitem:hover > menu > menuitem[b-ig6xmrqpbc],
menuitem > menu > menuitem.hover > menu > menuitem[b-ig6xmrqpbc] {
    transform: translateX(0) translateY(0%);
    opacity: 1;
}
/* /Shared/LoadingComponent.razor.rz.scp.css */
.spinner[b-j56svb305p] {
    margin: 100px auto;
    width: 50px;
    height: 40px;
    text-align: center;
    font-size: 10px;
}

.spinner > div[b-j56svb305p] {
    background-color: #1d3f72;
    height: 100%;
    width: 6px;
    display: inline-block;
    margin: 2px;
    animation: sk-rectdelay-b-j56svb305p 1.2s infinite ease-in-out;
}

.spinner .rect1[b-j56svb305p] {
    animation-delay: -1.2s;
}

.spinner .rect2[b-j56svb305p] {
    animation-delay: -1.1s;
}

.spinner .rect3[b-j56svb305p] {
    animation-delay: -1.0s;
}

.spinner .rect4[b-j56svb305p] {
    animation-delay: -0.9s;
}

.spinner .rect5[b-j56svb305p] {
    animation-delay: -0.8s;
}

@keyframes sk-rectdelay-b-j56svb305p {
    0%, 40%, 100% { transform: scaleY(0.4); }
    20% { transform: scaleY(1.0); }
}
/* /Shared/TagFilter/TagFilterComponent.razor.rz.scp.css */
body[b-ey4b4ij4t4] {
}
/* /Shared/ToolTips/EToolTip.razor.rz.scp.css */
.ewrap[b-vg8116c4sn] {
    display: inline-flex
}

.etooltip[b-vg8116c4sn] {
    display: inline-block;
    position: relative;
    text-align: left;
}

.etooltip h3[b-vg8116c4sn] {
    margin: 12px 0;
}

.etooltip ul[b-vg8116c4sn] {
    padding-left: 20px;
}

.etooltip .top[b-vg8116c4sn] {
    min-width: 400px;
    max-width: 800px;
    top: -20px;
    left: 50%;
    transform: translate(-30%, -100%);
    padding: 10px 20px;
    font-weight: normal;
    font-size: 14px;
    border-radius: 8px;
    position: absolute;
    z-index: 99999999;
    box-sizing: border-box;
    box-shadow: 0 1px 8px rgba(0, 0, 0, 0.5);
    display: none;
}

.etooltip:hover .top[b-vg8116c4sn] {
    display: block;
}

.etooltip .top i[b-vg8116c4sn] {
    position: absolute;
    top: 100%;
    left: 30%;
    margin-left: -15px;
    width: 30px;
    height: 15px;
    overflow: hidden;
}

.etooltip .top img[b-vg8116c4sn] {
    width: 100%;
    border-radius: 8px 8px 0 0;
}

.etooltip .top i[b-vg8116c4sn]::after {
    content: '';
    position: absolute;
    width: 15px;
    height: 15px;
    left: 50%;
    transform: translate(-50%, -50%) rotate(45deg);
}

.etooltip .right[b-vg8116c4sn] {
    min-width: 400px;
    max-width: 800px;
    top: 50%;
    left: 100%;
    margin-left: 20px;
    transform: translate(0, -50%);
    padding: 0;
    font-weight: normal;
    font-size: 13px;
    border-radius: 8px;
    position: absolute;
    z-index: 99999999;
    box-sizing: border-box;
    box-shadow: 0 1px 8px rgba(0, 0, 0, 0.5);
    visibility: hidden;
    opacity: 0;
    transition: opacity 0.8s;
}

.etooltip:hover .right[b-vg8116c4sn] {
    visibility: visible;
    opacity: 1;
}

.etooltip .right img[b-vg8116c4sn] {
    width: 100%;
    border-radius: 8px 8px 0 0;
}

.etooltip .text-content[b-vg8116c4sn] {
    padding: 10px 20px;
}

.etooltip .right i[b-vg8116c4sn] {
    position: absolute;
    top: 50%;
    right: 100%;
    margin-top: -12px;
    width: 12px;
    height: 24px;
    overflow: hidden;
}

.etooltip .right i[b-vg8116c4sn]::after {
    content: '';
    position: absolute;
    width: 12px;
    height: 12px;
    left: 0;
    top: 50%;
    transform: translate(50%, -50%) rotate(-45deg);
}

.etooltip .bottom[b-vg8116c4sn] {
    min-width: 400px;
    max-width: 800px;
    top: 40px;
    left: 50%;
    transform: translate(-50%, 0);
    padding: 20px;
    font-weight: normal;
    font-size: 13px;
    border-radius: 8px;
    position: absolute;
    z-index: 99999999;
    box-sizing: border-box;
    box-shadow: 0 1px 8px rgba(0, 0, 0, 0.5);
    display: none;
}

.etooltip:hover .bottom[b-vg8116c4sn] {
    display: block;
}

.etooltip .bottom img[b-vg8116c4sn] {
    width: 100%;
    border-radius: 8px 8px 0 0;
}

.etooltip .bottom i[b-vg8116c4sn] {
    position: absolute;
    bottom: 100%;
    left: 50%;
    margin-left: -12px;
    width: 24px;
    height: 12px;
    overflow: hidden;
}

.etooltip .bottom i[b-vg8116c4sn]::after {
    content: '';
    position: absolute;
    width: 12px;
    height: 12px;
    left: 50%;
    transform: translate(-50%, 50%) rotate(45deg);
}

.etooltip .left[b-vg8116c4sn] {
    min-width: 400px;
    max-width: 800px;
    top: 50%;
    right: 100%;
    margin-right: 20px;
    transform: translate(0, -50%);
    padding: 20px;
    font-weight: normal;
    font-size: 13px;
    border-radius: 8px;
    position: absolute;
    z-index: 99999999;
    box-sizing: border-box;
    display: none;
}

.etooltip:hover .left[b-vg8116c4sn] {
    display: block;
}

.etooltip .left img[b-vg8116c4sn] {
    width: 100%;
    border-radius: 8px 8px 0 0;
}

.etooltip .left i[b-vg8116c4sn] {
    position: absolute;
    top: 50%;
    left: 100%;
    margin-top: -12px;
    width: 12px;
    height: 24px;
    overflow: hidden;
}

.etooltip .left i[b-vg8116c4sn]::after {
    content: '';
    position: absolute;
    width: 12px;
    height: 12px;
    left: 0;
    top: 50%;
    transform: translate(-50%, -50%) rotate(-45deg);
}

.etooltip .light-grey[b-vg8116c4sn] {
    color: #666666;
    background-color: #EEEEEE;
}

.etooltip .light-grey i[b-vg8116c4sn]::after {
    background-color: #EEEEEE;
    box-shadow: 0 1px 8px rgba(0, 0, 0, 0.5);
}

.etooltip .secondary[b-vg8116c4sn] {
    color: #EEEEEE;
    background-color: #444444;
}

.etooltip .secondary i[b-vg8116c4sn]::after {
    background-color: #444444;
    box-shadow: 0 1px 8px rgba(0, 0, 0, 0.5);
}

.etooltip .info[b-vg8116c4sn] {
    color: #ffffff;
    background-color: #009cdc;
}

.etooltip .info i[b-vg8116c4sn]::after {
    background-color: #009cdc;
    box-shadow: 0 1px 8px rgba(0, 0, 0, 0.5);
}

.etooltip .yellow[b-vg8116c4sn] {
    color: #666666;
    background-color: #FFFFE0;
    border: 1px solid #DCA;
}

.etooltip .yellow i[b-vg8116c4sn]::after {
    background-color: #FFFFE0;
    border: 1px solid #DCA;
}
/* /Shared/ToolTips/QuestionToolTip.razor.rz.scp.css */

.tooltip-container[b-ikh0k3t6bz] {
    cursor: help;
    position: relative;
    display: inline-block;
}

.tooltip[b-ikh0k3t6bz] {
    opacity: 0;
    /*z-index: 99;*/
    display: inline-block;
    position: relative;
    border-bottom: 1px dotted #666;
    text-align: left;
}

.tooltip .top[b-ikh0k3t6bz] {
    /*min-width: 200px;
    max-width: 400px;*/
    /*top: -20px;*/
    /*left: 50%;
    transform: translate(-30%,-100%);
    padding: 10px 20px;
    color: #ffffff;
    background-color: #009cdc;
    font-weight: normal;
    font-size: 14px;
    border-radius: 8px;
    position: absolute;
    z-index: 99999999;
    box-sizing: border-box;
    box-shadow: 0 1px 8px rgba(0,0,0,0.5);*/
    display: none;
}

.tooltip[b-ikh0k3t6bz]:after {
    content: attr(data-tip);
    min-width: 200px;
    max-width: 400px;
    top: -20px;
    left: 50%;
    transform: translate(-30%, -100%);
    padding: 10px 20px;
    color: #ffffff;
    background-color: #009cdc;
    font-weight: normal;
    font-size: 14px;
    border-radius: 8px;
    position: absolute;
    z-index: 99999999;
    box-sizing: border-box;
    box-shadow: 0 1px 8px rgba(0, 0, 0, 0.5);
}

.tooltip-container:hover .tooltip[b-ikh0k3t6bz], tooltip:hover .top[b-ikh0k3t6bz] {
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}

.tooltip .top i[b-ikh0k3t6bz] {
    position: absolute;
    top: 100%;
    left: 30%;
    margin-left: -22px;
    width: 30px;
    height: 15px;
    overflow: hidden;
}

.tooltip .top i[b-ikh0k3t6bz]::after {
    content: '';
    position: absolute;
    width: 10px;
    height: 10px;
    left: 50%;
    transform: translate(-50%, -50%) rotate(45deg);
    background-color: #009cdc;
    box-shadow: 0 1px 8px rgba(0, 0, 0, 0.5);
    z-index: 999999999;
}
/* /Shared/ToolTips/ToolTip.razor.rz.scp.css */
.tooltip-wrapper[b-2yhmi4sylx] {
    position: relative;
    display: inline-block;
    border-bottom: 1px dotted black;
    cursor: help;
}

span[b-2yhmi4sylx] {
    visibility: hidden;
    position: absolute;
    width: 120px;
    bottom: 100%;
    left: 50%;
    margin-left: -60px;
    background-color: #363636;
    color: #fff;
    text-align: center;
    padding: 5px 0;
    border-radius: 6px;
    z-index: 1;
}

span[b-2yhmi4sylx]::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-2yhmi4sylx] {
    visibility: visible;
}