.device-tag {
    width: 9.6cm;    
    display: flex;
    color: black;
    font-size: 11px;
    margin: 5px;
    margin-inline: auto;
}

.boxDevice {
    width: 5cm;
    height: 2.7cm;
    display: flex;
    border: 1px solid black;
    background-color: var(--color-cakephp-gray);
    padding-bottom: 5px;
    overflow: hidden;
}

.boxDevice img,
.boxAddon img{
    margin-left: 1px;
}

.boxDeviceLeft {
    width: 4cm;   
    margin-bottom: 2px;
}

.boxRight {
    width: 1cm;
    height: 2.7cm;
    display: flex;
    align-items: center;
    justify-content: center;
}

.logo {
    width: 80%;
    height: auto;
}

.barcode {
    height: 9mm;
    width: 100%;          /* ocupa todo el ancho disponible */
    overflow: hidden;     /* recorta lo que se salga */
    text-align: start;
}

.barcode img {
    max-width: 100%;      /* evita que se salga horizontalmente */
    max-height: 100%;     /* evita que se salga verticalmente */
    object-fit: contain;  /* ajusta la imagen dentro del espacio */
    display: block;
}

.boxAddon {
    width: 4cm;
    margin-left: 0.1cm;
    height: 2.7cm;
    display: flex;
    border: 1px solid black;
    background-color: var(--color-cakephp-gray);
}

.boxAddonLeft {
    width: 3cm;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

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

.barcodeCell {
    font-size: 16px;
    font-weight: bold;
    margin-left: 4px;
    border-bottom: 1px solid black;
}

.characteristicsCell,
.AddonCell{
    margin-left: 4px;
}

div#tagModalContent {
    text-align: center;
}


/* Botón imprimir */
.print-button {
    background: #007bff;
    color: white;
    border: none;
    border-radius: 4px;
    padding: 0 10px;
    font-size: 13px;
    cursor: pointer;
    z-index: 999;
}

@media print {
    html,
    body {
        margin: 0;
        padding: 0;
    }

    /* .barcode {
        height: 9mm;
        width: 100%;
        overflow: hidden;
        text-align: start;
    }

    .boxDevice {
        padding-bottom: 5px !important;;
    } */
    

    .no-print {
        display: none;
    }
}