@import url('open-iconic/font/css/open-iconic-bootstrap.min.css');

/*-----------------------------------------------------------*/
/* Common for all pages and layouts */
/*-----------------------------------------------------------*/
html, body {
    /*height: 100%;*/
    height: 100vh;
    overflow: hidden;
}


/* Add rounded scrollbars to browsers that support that */
@supports selector(::-webkit-scrollbar) {
    ::-webkit-scrollbar {
        width: 6px;
        height: 6px;
    }

    ::-webkit-scrollbar-thumb {
        -webkit-border-radius: 5px;
        border-radius: 5px;
        background: #C4D7ED;
    }
}

/* Otherwise, use standards verson scrollbar */
@supports (not selector(::-webkit-scrollbar)) {
    html, body * {
        scrollbar-width: thin;
        scrollbar-color: #C4D7ED transparent;
    }
}

.page, .main {
    /*height: inherit;*/
}

.page {
    background-color: #F0F5FA;
}

.content {
    margin: 25px auto;
}

body {
    padding-bottom: env(safe-area-inset-bottom);
}

/*-----------------------------------------------------------*/




a, .btn-link {
    color: #0366d6;
}

.btn-primary {
    color: #fff;
    background-color: #1b6ec2;
    border-color: #1861ac;
}

a.disabled-link {
    pointer-events: none !important;
    cursor: not-allowed !important;
    color: #C4D7ED !important;
    text-decoration: none !important
}


.valid.modified:not([type=checkbox]) {
    outline: 1px solid #26b050;
}

.invalid {
    outline: 1px solid red;
}

.validation-message {
    color: red;
    font-size: 0.8rem;
}

#blazor-error-ui {
    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 {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }















.simple-popup {
    display: block;
}

    .simple-popup > span::before {
        content: '\A';
        white-space: pre;
    }

    .simple-popup > .modal-content > .modal-header {
        /*background-color: #e5f0fc;  light blue*/
        background-color: #f26334;
        /*color: #002c6c; dark blue*/
        color: white;
        font-weight: bold;
        margin: 5px;
    }

    .simple-popup > .modal-content > .modal-footer {
        background-color: white;
    }

.simple-popup-default-footer {
    display: flex;
    justify-content: flex-end;
}

.simple-popup-barcode-print-footer {
    display: flex;
    justify-content: flex-end;
}
/* this part is necessary to make the grid container 100% height*/
/*html {
    --page-header-height: 60px;
    --dxgvCSD-height: 260px;
    --page-footer-height: 41px;
}*/

.loading {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    margin: auto 0;
    height: 480px;
}

    .loading::before {
        content: url(../images/hourglass.png);
    }

    .loading::after {
        content: "Loading...";
    }

.saving {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    margin: auto 0;
    height: 280px;
}

    .saving::before {
        content: url(../images/hourglass.png);
    }

    .saving::after {
        content: "Saving...";
    }

.page-header-logo {
    display: flex;
    padding-right: 15px;
    padding-left: 15px;
    /*height: var(--page-header-height);*/
}

.page-header-buttons {
    display: flex;
    cursor: pointer;
}

.header-detail-btn {
    content: url(https://provenancepoccdn.blob.core.windows.net/assets/memberportal/images/icons/application/gtindetail.png);
}

.header-search-btn {
    content: url(https://provenancepoccdn.blob.core.windows.net/assets/memberportal/images/icons/application/gtinsearch.png);
}

.header-logout-btn {
    content: url(https://provenancepoccdn.blob.core.windows.net/assets/memberportal/images/icons/application/sessionlogout.png);
}


.login-btn {
    color: #ffffff;
    border-color: #f26334;
    background-color: #cd3c0d;
    font-size: 15px;
}

    .login-btn:hover, .login-btn:active {
        background-color: #a82c05 !important;
        border: 1px solid #a82c05 !important;
    }

    .login-btn:focus, .login-btn:focus-visible {
        box-shadow: none;
    }



/*pop sup message*/

.popup-success-message > .modal-content > .modal-body {
    color: #0f5132;
    background-color: #d1e7dd;
    border-color: #badbcc;
}

.popup-fail-message > .modal-content > .modal-body {
    color: #842029;
    background-color: #f8d7da;
    border-color: #f5c2c7;
}

.popup-error-message > .modal-content > .modal-body {
    /*color: #856404;*/
    background-color: #fff3cd;
    border-color: #ffeeba;
    border-radius: 5px;
}



/*-- SEARCH ----------------------------------------------------*/
.search-container {
    display: grid;
    grid-template-columns: auto;
    grid-template-rows: 6rem auto;
    grid-gap: 2rem;
}

@media (min-width: 768px) {
    .search-container {
        grid-template-rows: 3rem auto;
    }
}


.search-btn-container {
    padding: 0;
}

    .search-btn-container > .form-group .row {
        height: 38px;
    }

.search-field {
        height: 38px;
    margin-right: 20px;
}
.search-field > .input-group {
    border: 1px solid #c4d7ed;
    border-radius: 4px;
    width: 100%;
    -webkit-transition: border 0.9s ease;
    -moz-transition: border 0.9s ease;
    -ms-transition: border 0.9s ease;
    -o-transition: border 0.9s ease;
    transition: border 0.9s ease;
    -webkit-transition: max-width 0.9s ease;
    -moz-transition: max-width 0.9s ease;
    -ms-transition: max-width 0.9s ease;
    -o-transition: max-width 0.9s ease;
    transition: max-width 0.9s ease;
}

.search-field > .dxbs-input-group > .dxbs-editor-input-container > input {
    border: 0;
    color: #495057;
    font-size: 0.875rem;
    line-height: 1.4;
    border-radius: 4px;
    padding: 0.6875rem 0.5rem 0.6875rem 2.5rem !important;
    height: 38px;
    background-position: 0.5rem 0.3125rem;
}

.description {
    background-image: url(https://www.gs1uk.org/themes/custom/gs1uk_rebuild/images/icon-search.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    width: 1rem;
    height: 1rem;
    left: 0.5rem;
    z-index: 9;
    padding: 0;
    position: absolute;
    top: 16px;
    transform: translateY(-2px);
    -webkit-transform: translateY(-2px);
    -ms-transform: translateY(-2px);
    left: 1.8rem;
}


.search-btn {
    height: 38px;
    width: 100%;
    color: #ffffff;
    border-color: #f26334;
    background-color: #cd3c0d;
    font-size: 15px;
}

    .search-btn:hover, .search-btn:active {
        background-color: #a82c05 !important;
        border: 1px solid #a82c05 !important;
    }

    .search-btn:focus, .search-btn:focus-visible {
        box-shadow: none;
    }

/*-- SEARCH (end) ----------------------------------------------*/

/*-- SEARCH RESULTS ----------------------------------------------------*/

.search-results-box {
    display: grid;
    grid-template-columns: minmax(250px, 1fr);
    grid-gap: 10px;
    background: #fff;
    border: 1px solid #b1b3b3;
    border-top: 7px solid #002c6c;
    border-bottom: none;
    padding: 20px 20px 20px;
    margin-top: 20px;
    min-height: 0;
}

.results-card-header {
    /*padding: 20px 0;*/
}

.results-card-header, .item-info-container {
    display: grid;
    grid-template-rows: auto auto;
}

.item-number-container > .btn-link {
    color: #00799e;
    font-size: 1.1875rem;
}

    .item-number-container > .btn-link:hover {
        color: #002c6c;
        text-decoration: underline;
    }

.item-listing-summary-container > p, .item-listing-detail-container > p {
    font-size: 0.8rem;
    color: #696d73;
    font-weight: 100;
    padding: 0.375rem 0.75rem;
    margin: 0;
}

@media (max-width: 768px) {
    .search-field-container {
        padding: 0;
    }

    .description {
        left: 1rem;
    }

    .search-results-container {
        padding: 0;
    }
}

.dynamical-form {
    padding-bottom: 10px;
    padding-top: 10px;
}

/*-- SEARCH RESULTS (end) ----------------------------------------------*/




/*.my-grid {
}

.my-small-grid {
    display: flex;
    width: 200px; 
}*/

/*.my-small-grid .dxgvCSD {
    height: calc(100vh - var(--page-header-height) - var(--dxgvCSD-height) - var(--page-footer-height)) !important;*/
    /*height: inherit !important;*/
/*}*/

/* scrollable container */
.my-grid .dxgvCSD {
    /*height: calc(100vh - var(--page-header-height) - var(--dxgvCSD-height) - var(--page-footer-height)) !important;*/
    /*background: white !important;*/ /*set cells background to white because container is set to blue */
}

/*.my-grid > .card {
    background: #002c6c;*/ /*set container color to blue, to hide hole created when scrollbar appear (above scroll bar, in header) */
    /*border-color: #dfdfdf;
}*/


/*.my-grid2 {
    height: calc(100vh - var(--page-header-height) - var(--dxgvCSD-height) - var(--page-footer-height)) !important;
}
*/

.dxbs-gridview {
    /* margin-top: 30px;*/
}

.dxbs-table > thead {
    background-color: #002c6c !important;
    color: white;
    font-size: 0.875rem;
}


/*row*/
.bg-primary {
    background-color: #f26334 !important;
}

.btn-link {
    color: #002c6c;
    font-weight: bold;
}

    .btn-link:hover {
        color: #002c6c;
        text-decoration: underline;
    }


.DataBank-Detail-Popup-Container {
    width: 90vw !important;
    max-width: 90vw !important;
}

.popup-toggle{
    width: 40vw;
    max-width: 40vw;
}


/* details */
.card {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.card-body {
    /*height: inherit; */   /*Pawel S - 230717*/
    /*padding: 9px;*/   /*Pawel S - 230717*/
    padding: 0;         /*Pawel S - 230717*/
}




/*-- DETAIL HEADER ----------------------------------------------------*/
.data-item-header-burnorange {
    background-color: #cd3c0d;
    color: #fff !important;
    padding: 0 10px;
    margin-bottom: 5px;
    box-shadow: 0px 2px 8px 0 rgb(0 0 0 / 8%);
    flex: 0 1 auto !important;
}
.data-item-header {
    background-color: #f26334 !important;
    color: #fff !important;
    padding: 0 10px;
    margin-bottom: 5px;
    box-shadow: 0px 2px 8px 0 rgb(0 0 0 / 8%);
    flex: 0 1 auto !important;
}

.data-item-sub-header {
    background-color: #fff;
    /*color: #fff;*/
    padding: 0px 10px;
    /*margin-bottom: 8px;*/
    box-shadow: 0px 2px 8px 0 rgb(0 0 0 / 8%);
    /*display: flex;*/
    justify-content: center;
    /*width: 100%;*/
    margin: 5px;
}

.data-item-sub-header-language-box {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    align-items: center;
    justify-content: flex-start;
    gap: 10px;
    color: #414345;
}

.data-item-revision-header {
    background-color: #818999;
    color: #fff;
    padding: 0 10px;
    margin-bottom: 5px;
    box-shadow: 0px 2px 8px 0 rgb(0 0 0 / 8%);
}
/*.data-item-revision-sub-header {
    background-color: #6e747e;
    color: #fff;
    padding: 5px 10px;
    margin-bottom: 10px;
    box-shadow: 0px 2px 8px 0 rgb(0 0 0 / 8%);
    display: flex;
    justify-content: center;
    width: 100%;
}*/

.data-item-revision-header-dropdown {
    align-self: center;
    padding-right: 10px;
}

    .data-item-revision-header-dropdown > .data-bank-combo-box > .dxbs-input-group > .dxbs-editor-input-container > .form-control {
        width: 270px !important;
    }


.data-item-header-title-container {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    column-gap: 20px;
    height:40px;
    display: flex;
    padding: 5px 0;
}

.data-item-header-prev-btn {
    /*content: url(https://provenancepoccdn.blob.core.windows.net/assets/memberportal/images/icons/application/itemnavup.png);*/
    content: url(https://provenancepoccdn.blob.core.windows.net/assets/memberportal/images/icons/application/toolbar_itemnavup.png);
}

.data-item-header-next-btn {
    /*content: url(https://provenancepoccdn.blob.core.windows.net/assets/memberportal/images/icons/application/itemnavdown.png);*/
    content: url(https://provenancepoccdn.blob.core.windows.net/assets/memberportal/images/icons/application/toolbar_itemnavdown.png);
}

.data-item-header-profile-btn {
    /*content: url(https://provenancepoccdn.blob.core.windows.net/assets/memberportal/images/icons/application/gtinprofile.png);*/
    content: url(https://provenancepoccdn.blob.core.windows.net/assets/memberportal/images/icons/application/toolbar_profilehistory.png);
}

.data-item-header-download-btn {
    /*content: url(https://provenancepoccdn.blob.core.windows.net/assets/memberportal/images/icons/application/gtindownloaddetail.png);*/
    content: url(https://provenancepoccdn.blob.core.windows.net/assets/memberportal/images/icons/application/toolbar_download.png);
}

.data-item-header-barcode-btn {
    content: url(https://provenancepoccdn.blob.core.windows.net/assets/memberportal/images/icons/application/toolbar_printerbarcode.png);
}

.data-item-header-back-btn {
    content: url('data:image/svg+xml; utf8, <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-arrow-left" viewBox="0 0 16 16"><path fill-rule="evenodd" d="M15 8a.5.5 0 0 0-.5-.5H2.707l3.147-3.146a.5.5 0 1 0-.708-.708l-4 4a.5.5 0 0 0 0 .708l4 4a.5.5 0 0 0 .708-.708L2.707 8.5H14.5A.5.5 0 0 0 15 8z"/></svg>');
}

.data-item-header-forward-btn {
    content: url('data:image/svg+xml; utf8, <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-arrow-right" viewBox="0 0 16 16"> <path fill-rule="evenodd" d="M1 8a.5.5 0 0 1 .5-.5h11.793l-3.147-3.146a.5.5 0 0 1 .708-.708l4 4a.5.5 0 0 1 0 .708l-4 4a.5.5 0 0 1-.708-.708L13.293 8.5H1.5A.5.5 0 0 1 1 8z"/> </svg>');
}

.dxbl-toolbar > .dxbl-btn-toolbar .dxbl-toolbar-btn.dxbl-btn {
    color: black;
}

.barcode-image {
    content: url(https://provenancepoccdn.blob.core.windows.net/assets/memberportal/images/icons/application/barcodesample50.png);
}

.prefix-download-btn {
    height: 32px;
}

.prefix-download-btn-img {
    content: url(https://provenancepoccdn.blob.core.windows.net/assets/memberportal/images/icons/application/gtindownloadprefix.png);
}

.data-item-revision-header-label {
    align-self: center;
}

.revision-data-bank-combo-box {
    width: 18rem;
}
/*-- DETAIL HEADER (end) ----------------------------------------------*/
.dx-gridlayout > .dx-gridlayout-root {
    /*height: 500px !important;*/
    /*height: calc(100vh - var(--page-header-height) - var(--dxgvCSD-height) - 10px) !important;*/
    /*overflow-y: auto;*/
}

.dxbs-gridview-row-details {
    background-color: #f0f5fa;
}

.content-item {
    height: inherit;
    overflow-y: auto;
}

.nav-tabs {
    border: 1px solid #dee2e6;
}


/*.isRequiredField::after {
    content: " *";
    color: red;
}*/

.nav-tabs .nav-link.active {
    border-color: transparent transparent #adb5bd;
    border-bottom: 3px solid #f26334 !important;
    margin-bottom: -2px;
    color: #f26334 !important;
    font-size: 0.875rem;
    font-weight: 600;
    border-radius: 4px;
    outline: none;
}

    .nav-tabs .nav-link .active:hover {
        color: #f26334;
    }

.nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover {
    border-color: transparent transparent #dee2e6;
}

.nav-tabs .nav-link:hover {
    color: #002c6c;
    background-color: #e5f0fc;
    font-weight: bold;
    font-size: 0.875rem;
    border-radius: 4px;
    outline: none;
}

.nav-link {
    padding: 14px 16px;
    font-size: 0.875rem;
    font-weight: bold;
    color: #002c6c;
}


/* form labels */
.col-form-label {
    color: #414345;
}




/*category panel*/
#categoryContainer {
    /*height: 500px;*/
    height: inherit; /*Pawel S - 230717*/ 
}

.customMenu {
    height: inherit;
    /*overflow-y: auto;*/
}

.dx-menu-bar {
    border-top: 1px solid rgba(0,0,0,.125);
}

.customMenu > div > ul {
    background-color: rgba(0,44,108, 1);
    color: #fff;
}

.customMenuItem {
    height: 60px;
    border-left: 4px solid transparent;
}

    .customMenuItem:hover {
        border-left-color: #F26334;
    }

    .customMenuItem > dxbl-menu-item > .nav-link:focus, .customMenuItem > dxbl-menu-item > .nav-link:hover {
        text-decoration: none;
        background-color: #e5f0fc !important;
        color: #002c6c;
    }

.customMenuItemValidationFail > dxbl-menu-item > .nav-link:focus, .customMenuItemValidationFail > dxbl-menu-item > .nav-link:hover {
    text-decoration: none;
    background-color: #e5f0fc !important;
    color: #002c6c;
}


.activeCustomMenuItem {
    text-decoration: none;
    background-color: #e5f0fc !important;
    border-left: 4px solid #f26334;
    color: #002c6c !important;
}

.activeCustomMenuItemValidationFail, .customMenuItemValidationFail {
    border-right: 4px solid red;
}

.activeCustomMenuItem > dxbl-menu-item > .nav-link > img.dxbl-image.dx-menu-item-image {
    filter: invert(56%) sepia(69%) saturate(3662%) hue-rotate(339deg) brightness(97%) contrast(96%);
}

.activeCustomMenuItemValidationFail {
    text-decoration: none;
    background-color: #e5f0fc !important;
    color: #002c6c;
}

/*category images*/
.customMenuItem > dxbl-menu-item > .nav-link:focus > .dx-image, .customMenuItem > dxbl-menu-item > .nav-link:hover > .dx-image {
    /*orange for hover*/
    filter: invert(56%) sepia(69%) saturate(3662%) hue-rotate(339deg) brightness(97%) contrast(96%);
}

.activeCustomMenuItem > dxbl-menu-item > .nav-link > .dx-image,
.activeCustomMenuItemValidationFail > dxbl-menu-item > .nav-link > .dx-image {
    /*orange when active*/
    filter: invert(56%) sepia(69%) saturate(3662%) hue-rotate(339deg) brightness(97%) contrast(96%);
}

.dx-menu-item-text {
    font-weight: bold;
    white-space: normal !important;
}

.customMenuItem > dxbl-menu-item > .nav-link:focus > .dx-menu-item-text-container > .dx-menu-item-text,
.customMenuItem > dxbl-menu-item > .nav-link:hover > .dx-menu-item-text-container > .dx-menu-item-text,
.customMenuItem > dxbl-menu-item > .nav-link:active > .dx-menu-item-text-container > .dx-menu-item-text {
    color: #002c6c;
    font-weight: bold;
}


/*SUBCATEGORY*/
.subcategory-description-box {
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    padding: 0 15px;
    column-gap: 35px;
    margin-bottom: 20px;
}

.subcategory-description-text {
    margin: 0;
    font-size: 0.975rem;
}

.subcategory-help-item {
    /* padding-right: 0;
    max-width: 30px;*/

    padding-right: 0 !important;
    max-width: 30px !important;
    align-self: center;
    margin-top: 8px;
}

.subcategory-field-label {
    white-space: normal !important;
    font-size: 0.775rem;
}

.subcategory-help-text {
    content: url(https://provenancepoccdn.blob.core.windows.net/assets/memberportal/images/icons/application/information16.png);
}




.subcategory-field-container {
    display: flex;
    flex-direction: column;
}

.subcategory-field-language-label {
    color: #002c6c;
    font-size: 0.7rem;
    background: #e5f0fc;
    padding: 0px 20px;
    border-radius: 0 0 3px 3px;
    border: 1px solid #ced4da;
    border-top: 0;
    margin-right: 4px;
    align-self: self-end;
}




/* footer of detail component */
.data-item-footer-container {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    padding-top: 5px;
}

.data-item-footer-notification {
    margin-bottom: 0;
    margin-right: 20px;
    padding: 9px;
}

.data-item-footer-buttons {
    margin-left: auto;
}

.footer-btn {
    width: 80px;
}

.save-btn {
    color: #fff !important;
    text-decoration: none;
    transition: color .1s ease;
    transition-duration: .2s;
    transition-timing-function: ease;
    padding: 11px 7px 9px 13px !important;
    background-color: #cd3c0d !important;
    border-color: #f26334 !important;
}

    .save-btn:hover:enabled, .save-btn:focus:enabled, .save-btn:active:enabled {
        background-color: #a82c05 !important;
        border: 1px solid #a82c05 !important;
        color: #fff;
    }

    .save-btn:disabled {
        color: #000;
        background-color: #e9ecef;
        border-color: #e9ecef;
    }

.cancel-btn {
    color: #f26334 !important;
    background-color: #fff !important;
    border-color: #f26334 !important;
    transition: color .1s ease;
    transition-duration: .2s;
    transition-timing-function: ease;
    padding: 11px 7px 9px 13px !important;
}

    .cancel-btn:hover, .cancel-btn:focus, .cancel-btn:active {
        color: #fff !important;
        background-color: #a82c05 !important;
        border: 1px solid #a82c05 !important;
    }

.footer-item {
    margin-top: 8px;
    border-top: 1px solid #c4d7ed;
}







/* paging */
.page-item.active .page-link {
    background-color: #002c6c;
    border-color: #002c6c;
}

.page-link {
    color: #002c6c;
}


.scrollButton {
    height: 22px;
}


/* TODO set it to % somehow*/
.dxbs-gridview-row-details {
    display: block;
    width: 68rem;
}



/*-- FOOTER ----------------------------------------------*/
.page-footer {
    /* display: flex;
    padding-right: 15px;
    padding-left: 15px;*/
    /*justify-content: flex-end;*/


  /*  min-height: var(--page-footer-height);
    max-height: var(--page-footer-height);*/
    /*border-top: 1px solid #dfdfdf;
    margin: 20px 15px 0 15px;*/
}

.data-bank-build-number-box {
    margin-top: 15px;
}

    .data-bank-build-number-box > p {
        margin: 0;
        font-size: 0.775rem;
        color: #A6B0BB;
    }
/*-- FOOTER (end) ----------------------------------------*/



/* Medium devices (tablets, 768px and down landscape) - talet vertical*/
@media screen and (max-width:1024px) {
    .dxbs-gridview-row-details {
        width: 658px;
        display: block;
    }
}

/* Medium devices (tablets, 768px and down) - tablet horizontal*/
@media screen and (min-width:768px) and (max-width:1024px) and (orientation:landscape) {

    .dxbs-gridview-row-details {
        width: 906px;
        display: block;
    }
}

/*X-Large devices (large desktops, 1200px and up)*/
@media screen and (min-width: 1400px) and (max-width:1920px) {

    .DataBank-Detail-Popup-Container {
        max-width: 70vw !important;
    }
}

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

    .DataBank-Detail-Popup-Container {
        max-width: 50vw !important;
    }
}

/*toast*/
.toast {
    z-index: 999;
    position: absolute;
    bottom: 0;
    right: 10px;
}

.toast-header {
}

    .toast-header > img {
        content: url(https://provenancepoccdn.blob.core.windows.net/assets/memberportal/images/icons/application/alerticon16.png);
    }

    .toast-header > .mr-auto {
        color: #f26334;
    }









.index-page-button-toolbar {
    display: flex;
    justify-content: flex-end;
}

.subcategory-field-text-input > .dxbs-input-group > .dxbs-editor-input-container > input::placeholder {
    color: lightgray;
}



/*#230522*/
.tree-node:hover {
    background: #e5f0fc;
    border-radius: 0.25rem
}

/*.brick-node {
    background: red;
    border-radius: 0.25rem
}*/

/* #230530 hack */
.dynamical-form > .dxbl-row {
    --dxbl-row-item-spacing-x: 0 !important;
    --dxbl-row-item-spacing-y: 0 !important;
    gap: 24px;
}

.dxbl-tabs > .dxbl-tabs-tablist {
    background-color: transparent !important;
}

.dxbl-tabs > .dxbl-tabs-tablist {
    line-height: unset;
}

/*active tab*/
.dxbl-tabs-item {
    padding: 12px 16px !important;
    font-size: 0.875rem !important;
    font-weight: bold;
    color: #002c6c !important;
    border: none !important;
}

    .dxbl-tabs-item:hover {
        color: #002c6c !important;
        background-color: #C4D7ED !important;
        font-size: 0.875rem;
        border-radius: 0px !important;
        outline: none;
    }

.dxbl-tabs .dxbl-tabs-tablist .dxbl-tabs-item.dxbl-active::after {
    height: 3px !important;
    left: 0px !important;
    right: 0px !important;
    margin-bottom: -3px !important;
    bottom: 0 !important;
    background-color: #F26334 !important;
    border-radius: 2px;
}

ul[role=tablist] {
    border-bottom: 3px solid #dee2e6;
}


.gtin-filters-form {
}

    .gtin-filters-form .gtin-filters-form-dxcombobox {
        color: #414345;
        padding-left: 15px;
        padding-right: 15px;
    }



.user-language-form {
}

    .user-language-form .user-language-form-dxcombobox {
        padding-top: 10px;
        color: #414345;
    }

.dxbl-btn {
    align-items: center !important;
}
/*detail content header toolbar dropdown*/
/*.dxbs-dropdown > .dxbs-dropdown-dialog > .dxbs-dropdown-body {*/
/*.dxbl-dropdown > .dxbs-dropdown-dialog.dxbs-dropdown-scrollable > .dxbs-dropdown-body {*/
/*.dxbl-dropdown>.dxbs-dropdown-dialog>.dxbs-dropdown-body {*/
/*    background: #f26334;
}*/
/*.dxbl-dropdown > .dxbl-dropdown-dialog.dxbl-edit-dropdown > .dxbl-edit-dropdown-body .dxbl-listbox {
    padding: 12px 16px;
}*/
div > .dxbl-scroll-viewer {
    padding: 0 16px;
    margin: 12px 0;
}

/*.dxbl-list-box > ul {*/
.dxbl-list-box-render-container > .dxbl-scroll-viewer > div > ul {
    gap: 10px;
}

    .dxbl-scroll-viewer > div > ul > li {
        padding: 0 !important;
    }

.dxbl-list-box-render-container {
    /* width: 100%; */

    max-height: 256px !important;
}




/*.dxbl-listbox div.dxbl-listbox-item-selected {
    color: #262626;
}*/

/*.dxbl-listbox-item-selected {
    background-color: #E5F0FC !important;
}*/
/*.dxbl-list-box-item-selected {
    background: #E5F0FC !important;
}*/

    /*.dxbl-listbox-item-selected:hover {*/
/*    .dxbl-list-box-item-selected:hover {
        color: #262626 !important;
    }*/

    /*dropdown arrow icon color*/
    .dxbl-edit-btn-dropdown .dxbl-image {
        color: #F26334 !important;
    }







.dxbl-modal-content {
    border: none !important;
}

.dxbl-list-box div.dxbl-list-box-item-selected::before,
.dxbl-list-box tr.dxbl-list-box-item-selected > td::before {
    background-color: #E5F0FC;
}


.dxbl-list-box:not(.dxbl-disabled):not(:disabled):not(.dxbl-readonly) div.dxbl-list-box-item:not(.dxbl-disabled):not(:disabled):hover.dxbl-list-box-item-selected:not(.dxbl-list-box-item-disabled):not(.dxbl-list-box-empty-data-item):not(tr)::before, .dxbl-list-box:not(.dxbl-disabled):not(:disabled):not(.dxbl-readonly) div.dxbl-list-box-item:not(.dxbl-disabled):not(:disabled):hover.dxbl-list-box-item-selected:not(.dxbl-list-box-item-disabled):not(.dxbl-list-box-empty-data-item) > td::before, .dxbl-list-box:not(.dxbl-disabled):not(:disabled):not(.dxbl-readonly) tr.dxbl-list-box-item:not(.dxbl-disabled):not(:disabled):hover.dxbl-list-box-item-selected:not(.dxbl-list-box-item-disabled):not(.dxbl-list-box-empty-data-item):not(tr)::before, 
.dxbl-list-box:not(.dxbl-disabled):not(:disabled):not(.dxbl-readonly) tr.dxbl-list-box-item:not(.dxbl-disabled):not(:disabled):hover.dxbl-list-box-item-selected:not(.dxbl-list-box-item-disabled):not(.dxbl-list-box-empty-data-item) > td::before {
    background-color: transparent;
}



/* 
    Pawel Szymczyk - 250507 
    - ensure any inputs are hoverablable and their border on hover are black (2px thick)
    - ensure any inputs selected have their border dark blue (2 px thick)
    - ensure any inputs by default are light blue (1px thick)
*/
.dxbl-text-edit {
    border: 1px solid transparent;
    box-sizing: border-box;
    transition: border-color 0.2s ease, outline 0.2s ease;
    border-color: #c4d7ed;
}

    .dxbl-text-edit:hover {
        outline: 1px solid #000 !important;  
        border-color: #000; 
    }

    .dxbl-text-edit:active,
    .dxbl-text-edit:focus-within,
    .dxbl-text-edit.dxbl-focused {
        border: 2px solid #002C6C !important;  
        outline: none !important; 
    }

         
        .dxbl-text-edit:focus:hover,
        .dxbl-text-edit:active:hover {
            border-color: #002C6C !important;  
            outline: none;
        }


/* Pawel Szymczyk - 230713 */
.guidance-help-btn {
    content: url('data:image/svg+xml; utf8, <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-question-circle" viewBox="0 0 16 16"> <path d="M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14zm0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16z"/> <path d="M5.255 5.786a.237.237 0 0 0 .241.247h.825c.138 0 .248-.113.266-.25.09-.656.54-1.134 1.342-1.134.686 0 1.314.343 1.314 1.168 0 .635-.374.927-.965 1.371-.673.489-1.206 1.06-1.168 1.987l.003.217a.25.25 0 0 0 .25.246h.811a.25.25 0 0 0 .25-.25v-.105c0-.718.273-.927 1.01-1.486.609-.463 1.244-.977 1.244-2.056 0-1.511-1.276-2.241-2.673-2.241-1.267 0-2.655.59-2.75 2.286zm1.557 5.763c0 .533.425.927 1.01.927.609 0 1.028-.394 1.028-.927 0-.552-.42-.94-1.029-.94-.584 0-1.009.388-1.009.94z"/> </svg>');
}



.search-icon-btn {
    content: url('data:image/svg+xml; utf8, <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-search" viewBox="0 0 16 16"> <path d="M11.742 10.344a6.5 6.5 0 1 0-1.397 1.398h-.001c.03.04.062.078.098.115l3.85 3.85a1 1 0 0 0 1.415-1.414l-3.85-3.85a1.007 1.007 0 0 0-.115-.1zM12 6.5a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0z"/> </svg>');
}

.angle-down {
    content: url('data:image/svg+xml; utf8, <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-caret-down" viewBox="0 0 16 16"> <path d="M3.204 5h9.592L8 10.481 3.204 5zm-.753.659 4.796 5.48a1 1 0 0 0 1.506 0l4.796-5.48c.566-.647.106-1.659-.753-1.659H3.204a1 1 0 0 0-.753 1.659z"/> </svg>');
}

.allocation-edit-item {
    padding-bottom: 10px;
}

.allocation-edit-revision-item {
    width: 100%;
}

.data-item-header-clone-btn {
    content: url(https://provenancepoccdn.blob.core.windows.net/assets/memberportal/images/icons/application/gtinclone32.png);
}

.data-item-header-burnorange {
    background-color: #cd3c0d !important;
    color: #fff !important;
    padding: 0 10px;
    margin-bottom: 5px;
    box-shadow: 0px 2px 8px 0 rgb(0 0 0 / 8%);
    flex: 0 1 auto !important;
}


.dxbl-tabs-content-panel {
    overflow-y: auto;
    overflow-x: hidden;
    /*height: inherit;*/
    /*height: calc(100% - 62px);*/
    background-color: white;
}

.dxbl-tabs > .dxbl-scroll-viewer > .dxbl-scroll-viewer-content > ul > li, .dxbl-tabs > ul > li {
    margin-bottom: 0;
}

.data-item-header-gtin13-btn {
    content: url(https://provenancepoccdn.blob.core.windows.net/assets/memberportal/images/icons/application/gtindetail.png);
}

.data-item-header-coupons-btn {
    content: url(https://provenancepoccdn.blob.core.windows.net/assets/memberportal/images/icons/application/gtindetail.png);
}

.data-item-header-variable-measure-numbers-btn {
    content: url(https://provenancepoccdn.blob.core.windows.net/assets/memberportal/images/icons/application/gtindetail.png);
}

.data-item-header-add-credits-btn {
    content: url(https://provenancepoccdn.blob.core.windows.net/assets/memberportal/images/icons/application/toolbar_buybarcodecredits.png);
}

.data-item-header-upload-btn {
    content: url(https://provenancepoccdn.blob.core.windows.net/assets/memberportal/images/icons/application/toolbar_upload.png);
}

.popup-button-burnedorange {
    background: #cd3c0d;
}

.data-item-header-search-btn {
    content: url(https://provenancepoccdn.blob.core.windows.net/assets/memberportal/images/icons/application/gtinsearch32.png);
}
/*-------------------------------------*/

/* popup */
.mud-dialog .mud-dialog-content {
    padding: 0;
}







/*-----------------------------------------------------------*/
/* LoginLayout.razor / MainLayout                            */
/*-----------------------------------------------------------*/
.gs1-nbs-memberportal-container {
    background: #F4F4F4;
    display: flex;
    flex-direction: column;
    height: inherit;
    overflow: auto;
    justify-content: space-between;
}

.gs1-nbs-memberportal-header-container {
    background: #fff;
    border-bottom: solid 1px #C4D7ED;
    cursor: pointer;
}

.gs1-nbs-memberportal-header-logo {
    margin: auto 15px;
}
/*-----------------------------------------------------------*/
/*Login form*/
.login-form-caption {
    display: inline-block;
    /*margin-bottom: 10px !important;*/
    font-size: 1.125rem;
    color: #454545 !important;
    font-weight: 700 !important;
}


/*-----------------------------------------------------------*/
/* FORM DRAWER */
.form-drawer-overlay {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.5); /* Semi-transparent black background */
    z-index: 1000; /* Ensure it's above other elements */
    animation: mud-drawer-slide-in-bottom 0.7s cubic-bezier(0,0,.2,1);
}


.form-drawer {
    width: 600px !important;
    z-index: 1048 !important;
     height: calc(100% - 4.2rem) !important;
    top: auto !important;
    bottom: 0;
}

.mud-overlay.mud-overlay-drawer {
    z-index: 1040;
}
/*-----------------------------------------------------------*/

/*-----------------------------------------------------------*/
/* MEMBERSHIP ADMIN */ 
.membership-admin-search-btn {
    margin-left: 0.75rem;
}
/*-----------------------------------------------------------*/


/*grid*/
.dxbl-grid > .dxbl-scroll-viewer {
    border-radius: 4px;
}


/*selected row*/
.dxbl-grid-focused-row > td > .btn-link {
    color: #fff;
}

.btn-link {
    text-decoration: none;
}



/*-----------------------------------------------------------*/
/* PS - summary toolbar  */ 
#gs1-allocation-prefix {
    cursor: pointer;
}

/*-----------------------------------------------------------*/
/* PS - summary filter  */ 
.gs1-search-input {
    display: flex;
    padding: var(--spacing-3, 8px);
    align-items: flex-start;
    gap: var(--spacing-3, 8px);
    flex: 1 0 0;
    border-radius: var(--spacing-1, 4px);
    border: var(--spacing-0, 1px) solid var(--colour-ui-ui-3, #C4D7ED);
    background: var(--colour-ui-white, #FFF);
}

.gs1-search-input > .dxbl-text-edit-input {
    padding: 0px 0 0 24px;
}

.gs1-search-input > button.dxbl-btn.dxbl-btn-outline-secondary.dxbl-edit-btn-clear {
    padding: 0;
}


/*languages fieldsetset popup*/
/* Default styles (smaller screens or mobile-first approach) */
.gs1-fieldset-container {
    width: 314px;
}

/* Larger devices (e.g., tablets, desktops) */
@media (min-width: 768px) {
    .gs1-fieldset-container {
        width: 474px; 
    }
}



.dxbl-grid > .dxbl-scroll-viewer:last-child {
    border-radius: 4px;
}

/*.dxbl-tag-box > .dxbl-tag {
    white-space: break-spaces;
}*/

.gs1-return-btn {
    padding: 8px;
    width: fit-content;
}

.gs1-return-btn:hover {
    background-color: #e5f0fc;
    border-radius: 70px;
}