body {
}


.app-bar-toolbar .app-logo {
    text-indent: -9999px;
    width: 215px;
    padding: 0px;
    background-image: url("/images/BoozBizz-Head.png");
    /*background-color: #fff;*/
    background-size: auto 40px;
    background-position: center center;
}

/*a.ui-btn.ui-mini[data-action-path="ag2/a101"] {
    visibility: hidden; 
    position:absolute;*/
    /* Add more styles as needed */
/*}*/
span[data-control="label"][data-field="BlobThumbImg"] {
    display: none;
}
span[data-control="field"][data-field="BlobThumbImg"] {
    min-width: 100%;
    max-width: 100%;
}
span[data-control="label"][data-field="Dashboxleb"] {
    display: none;
}
span[data-control="field"][data-field="Dashboxleb"] {
    min-width: 100%;
    max-width: 100%;
    text-align: center;
}
span[data-control="label"][data-field="DashboxPanels"] {
    display: none;
}
span[data-control="field"][data-field="DashboxPanels"] {
    min-width: 100%;
    max-width: 100%;
    text-align: center;
}
span[data-control="label"][data-field="Dashboxleb_1"] {
    display: none;
}
[data-tab-text="Preview"] [data-container="row"] {
    display: flex;
    justify-content: center;
    align-items: center;
}
[data-tab-text="Image"] [data-container="row"] {
    display: flex;
    justify-content: center;
    align-items: center;
}
span[data-control="field"][data-field="BlobThumbImg"] {
    display: flex;
    justify-content: center;
    align-items: center;
}

span[data-control="label"][data-field="DashboxPeppol"],
span[data-control="label"][data-field="DashboxCustomer"],
span[data-control="label"][data-field="DashboxKPI"] {
    display: flex;
    font-size: 22px;
    font-weight: bolder;
    padding-top: 10px;
}

span[data-control="field"][data-field="DashboxPeppol"],
span[data-control="field"][data-field="DashboxCustomer"],
span[data-control="field"][data-field="DashboxKPI"] {
    min-width: 100%;
    max-width: 100%;
    text-align: center;
}


.ProductDefault-differ-active .app-field-Active i,
.ProductDefault-differ-B2C .app-field-B2C i,
.ProductDefault-differ-B2B .app-field-B2B i,
.ProductDefault-differ-B2H .app-field-B2H i,
.ProductDefault-differ-B2D .app-field-B2D i,
.ProductDefault-differ-AllowedQuantities .app-field-AllowedQuantities {
    color: red !important;
}

    .ProductDefault-differ-active .app-field-Active i:hover,
    .ProductDefault-differ-B2C .app-field-B2C i:hover,
    .ProductDefault-differ-B2B .app-field-B2B i:hover,
    .ProductDefault-differ-B2H .app-field-B2H i:hover,
    .ProductDefault-differ-B2D .app-field-B2D i:hover,
    .ProductDefault-differ-AllowedQuantities .app-field-AllowedQuantities:hover {
        color: #ff6e00 !important;
    }


.PeppolInvalidRow span {
    color: red !important;
}

    /*.PeppolInvalidRow i:hover {
        color: #ff6e00 !important;
    }*/


.wholeSalerNavTitle {
    color: darkslategray !important;
    right: 166px;
    top: 16px;
}
@media (min-width: 488px) and (max-width: 1000px) {
    .wholeSalerNavTitle {
        display: none;
    }
}
@media (max-width: 487px) {
    .wholeSalerNavTitle {
        color: darkslategray !important;
        right: 120px;
        top: 22px;
        font-size: 12px;
    }

    /*.dashrowdiv {
        display: grid !important;
    }*/
}

.ui-li-count.app-field.app-field-TotalSales.ui-body-inherit {
    display: none;
}

body.app-theme-dark i.HideDpblocked {
    color: #626262 !important;
}

body:not(.app-theme-dark) i.HideDpblocked {
    color: #cfcaca !important;
}

.CustomGridBtn {
    background-color: #f0f0f0; /* Light background */
    color: #333; /* Light text color (can be #fff for dark bg) */
    border: none; /* No border */
    padding: 10px 20px; /* Size and spacing */
    font-size: 14px; /* Uniform text size */
    border-radius: 4px; /* Slightly rounded corners */
    cursor: pointer; /* Pointer on hover */
    transition: background-color 0.2s ease; /* Smooth hover effect */
}


.app-field-ImpersonateBtn {
    text-align:center;
}

.impersonateImg {
    width: 30px;
    height: 30px;
}


.CustomGridBtn:hover:enabled {
    background-color: #e0e0e0;
}

    .CustomGridBtn:disabled {
        /*background-color: #ddd;*/
        color: #999;
        cursor: not-allowed;
        opacity: 0.6;
    }

#loadingSpinner {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center; /* horizontal */
    align-items: center; /* vertical */

    background-color: rgba(255, 255, 255, 0.6); /* optional: semi-transparent white */
    z-index: 9999; /* ensures it stays on top */
    user-select: none; /* Standard */
    -webkit-user-select: none; /* Chrome/Safari */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    pointer-events: none; /* Optional: prevents interaction */
}

#boozBizzIframe {
    opacity: 0;
    transition: opacity 0.4s ease;
    border:none
}

    #boozBizzIframe.visible {
        opacity: 1;
    }

#loadingSpinner.hidden, #iframeError.hidden, #iframeTimedOut.hidden {
    opacity: 0;
    visibility: hidden;
}


.HideDpblocked {
    color: dimgray;
    padding-left: 55px;
}

#iframeTimedOut {
    text-align: center;
    position: relative;
    top: 20%;
}

#iframeError {
    text-align: center;
    position: relative;
    top: 10%;
}

/* Scrollable error box */
#errorBox {
    max-height: 150px; /* adjust as needed */
    overflow-y: auto; /* vertical scroll if content exceeds max-height */
    border: 1px solid #ccc; /* optional border */
    padding: 8px;
    background: #f9f9f9;
    font-size: 14px;
    white-space: pre-wrap; /* preserve formatting/line breaks */
}


    /*.ProductDefault-differ-B2C .app-field-B2C i {
    color: red !important;
}

    .ProductDefault-differ-B2C .app-field-B2C i:hover {
        color: #ff6e00 !important;
    }

.ProductDefault-differ-B2B .app-field-B2B i {
    color: red !important;
}

    .ProductDefault-differ-B2B .app-field-B2B i:hover {
        color: #ff6e00 !important;
    }
    
.ProductDefault-differ-B2H .app-field-B2H i {
    color: red !important;
}

    .ProductDefault-differ-B2H .app-field-B2H i:hover {
        color: #ff6e00 !important;
    } 
    
.ProductDefault-differ-B2D .app-field-B2D i {
    color: red !important;
}

    .ProductDefault-differ-B2D .app-field-B2D i:hover {
        color: #ff6e00 !important;
    }*/