/* Overwrite datatables styles */

table.dataTable.table-striped>tbody>tr.odd.selected>* {
    box-shadow: inset 0 0 0 9999px rgba(13, 110, 253, 0.5);
}

table.dataTable>tbody>tr.selected>* {
    box-shadow: inset 0 0 0 9999px rgba(13, 110, 253, 0.5);
    color: white;
}

table.dataTable.table-hover>tbody>tr.selected:hover>* {
    box-shadow: inset 0 0 0 9999px rgba(13, 110, 253, 0.65);
}

.comparator-table th,
.comparator-table td {
    padding-left: 0.6em;
    padding-right: 0.6em;
}


.comparator-table td {
    font-size: 0.7em;
}

.comparator-table th {
    font-size: 0.7em;
}

.comparator-table td.dt-result {
    font-size: 0.7em;
    font-weight: bold;
    text-transform: uppercase;
}

.comparator-table td.dt-result-text {
    text-align: right;
}

#tableOfDireccionesEnvio.comparator-table td {
    text-align: center !important;
}

.comparator-table td.dt-result-value {
    text-align: left;
}



.lp-cell {
    padding-left: 1px;
    padding-right: 1px;
    margin: 0;
}

.lp-input {
    text-align: center;
    min-width: 50px;
    width: 100%;
    border-radius: 0.25rem !important;
}

.lp-select {
    padding-top: 2px;
    padding-bottom: 2px;
    width: 100%;
    /*font-size:0.8rem !important;*/
}

.lp-td {
    padding-left: 1px;
    padding-right: 1px;
    margin: 0 !important;
}

.lp-header {
    text-align: center !important;
    padding-left: 1px !important;
    padding-right: 1px !important;
    padding-top: 1px !important;
    padding-bottom: 5px !important;
    margin: 0 !important;
}

.lp-cell-disabled {
    background-color: lavenderblush;
}

.lp-cell-coste {
    background-color: rgb(196, 172, 172);
}
.lp-cell-margen {
    background-color: rgb(195, 218, 199);
}

.lp-button {
    /*font-size: 1.1em;*/
    padding-left: 3px;
    padding-right: 3px;
    width: 100%;
    height: 25px;
    margin-top: 6px;
}

div.draw-shapes {
    width: 100%;
    height: 40rem;
    margin: 2.5% auto;
}


div.draw-rot-shapes {
    width: 95%;
    height: 850px;
    margin: 2.5% auto;
}

.table-servicios {
    overflow-x: scroll;
    overflow-y: hidden;
    white-space: nowrap;
}

.column-input-search {
    min-width: 100px;
    max-width: 120px;
    font-size: 0.8rem !important;
}

/* CSS class to remove number input spinner */
.no-spinner {
    /* For Firefox */
    -moz-appearance: textfield;
}

.no-spinner::-webkit-inner-spin-button,
.no-spinner::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.lp-row {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
    overflow-x: auto;
    align-items: end;
}

.lp-cell-auto {
    display: flex;
    flex-direction: column;
    flex: 0 0 auto;
    /* solo lo que necesita */
    margin-inline: 2px;
    min-width: 40px;
    /* controla hasta dónde puede encoger */
}

.lp-cell-auto label {
    font-size: 0.65rem;
    text-align: center;
    margin-bottom: 2px;
    line-height: 1;
}

.lp-cell-auto input {
    text-align: center;
    min-width: 50px;
    width: 100%;
    border-radius: 0.25rem !important;
}