/* Para status loading spinner
.ui-dialog-content.ui-widget-content, .ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-shadow.ui-hidden-container.status-dialog {
    background-color: transparent;
    background: transparent;
    border: none;
    box-shadow: none;
}
body .ui-dialog-content.ui-widget-content {
    background-color: transparent;
    background: transparent;
    border: none;
    box-shadow: none;
}
*/
body .ui-panel.noveltyPanel {
    background-color: transparent;
    background: transparent;
    border: none;
    box-shadow: none;
    padding: 0px;
    margin: 0px;
}

body .ui-panel-content.ui-widget-content {
    background-color: transparent;
    background: transparent;
    border: none;
    box-shadow: none;
    padding: 0px;
    margin: 0px;
}

/* Input number */
span.ui-inputnumber > input[type=text] {
    text-align: right;
    width: 94%;
}
.inputNumber input {
    width: 140px !important;
}

.footerfactura {
    position: fixed;
    bottom: 0;
    margin: 0;
    width: 100%;
    z-index: 1000;
}
.elementofooterfactura {
    padding: 0;
    margin: 0;
    text-align: center;
}
@media only screen and (max-width: 991px) {
  .no-devices {
    display: none;
  }
}

.grid-item-diseños{
    width: 220px;
    height: 300px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.grid-item-diseños img{
    max-width: 96%;
    max-height: 96%;
    border-radius: 20px;
}

.list-demo .product-grid-item{
    border: 2px solid #888888;
}

.list-demo .product-grid-item img{
    max-width: 100%;
    max-height: 100%;
    margin: 0 0;
}

.preview-item-diseñosticket img{
    width: 180px !important;
    height: 420px !important;
}

.preview-item-diseños img{
    width: 320px !important;
    height: 420px !important;
}
.grid-item-diseños.selected{
    background-color: lightskyblue;
}
body {

}

.grid-item-pedidos{
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.list-demo .product-grid-item .grid-item-pedidos img{
    max-width: 15%;
    max-height: 15%;
    margin: 0 0;
    border-radius: 20px;
}

.list-demo .product-grid-item .grid-item-grupo-pedidos img{
    max-width: 80%;
    max-height: 150px;
    margin: 0 0;
    border-radius: 10px;
}

.grid-item-buttons button{
    margin-inline: 5px;
}

body .ui-datatable .ui-datatable-data .input-required{
    color: #000;
    background-color: #E2C2DA;
    border-radius: 15px;
}

body .ui-datatable .ui-datatable-data .anulada {
    background-color: lightsalmon;
    color: #000000;
}
body .ui-datatable .ui-datatable-data .cobrado {
    background-color: #009E60;
}
body .ui-datatable .ui-datatable-data .pedido-cobrado {
    background-color: #412931;
}
.custom-inplace-l .ui-inplace-display {
    font-size: 1.5rem;
      min-width: 100px;
      text-align: center;
}
.custom-inplace-md .ui-inplace-display {
    font-size: 1rem;
      min-width: 50px;
      text-align: center;
}
.soft-border {
    border: 1px solid #BBB;
    border-radius: 6px;
}
.boton-ayuda {
    position: fixed;
    bottom: 20px;
    right: 20px;
    z-index: 9999; /* Asegúrate de que esté encima de otros elementos */
}
.menu-helper{
border:0 !important;
width: 100%;
}

.highlight{
    border: 2px solid #3498db;
    box-shadow: 0 0 5px #3498db;
    transition: border-color 0.3s, box-shadow 0.3s;
    background: deepskyblue;
}

.highlight:hover, .highlight:focus {
    border-color: #e74c3c;
    box-shadow: 0 0 10px #e74c3c;}
@media (max-width: 600px) {
    .small-screen-margin-top {
        margin-top: 1.25em !important;
    }
}

.ui-dialog.top-dialog {
   top: 10px !important;
   transform: translateX(-50%) !important;
   left: 50% !important;
}

.ui-widget-overlay.ui-dialog-mask {
   background: rgba(0, 0, 0, 0.3) !important;
}

.ui-chips-container.ui-inputfield.ui-state-default.ui-corner-all {
    width: 93% !important;
}



    .mi-fondo-destacado-light {
        background-color: var(--primary-100)!important;
        color: var(--primary-color-text) !important;
    }

    .mi-fondo-destacado-dark {
        background-color: var(--primary-900)!important;
        color: var(--text-color-secondary) !important;
    }

.ui-button.ui-widget.ui-state-default.ui-corner-all.ui-button-text-icon-left.free-button {
                padding: 10px;
                font-size: 15px;
                background: linear-gradient(355deg, #69b7FF, #eef3ce);
                color: #0a2431;
                cursor: pointer;
                border-color:transparent;
            }
.ui-button.ui-widget.ui-state-default.ui-corner-all.ui-button-text-icon-left.free-button.ui-state-hover{
                background:linear-gradient(355deg, #FFD600, #eef3ce);
            }