﻿.ordemCompra {
    .ocultaQuantidade th:nth-child(2),
    .ocultaQuantidade td:nth-child(2) {
        display: none;
    }
    /* Os estilos abaixo foram definidos pois ao ocultar a quantidade de uma celula porém existir uma
        celula com quantidade na mesma coluna, a table iria pegar o tamanho relativo a celula com quantidade visível
        por conta disso o layout ficaria bugado
    */
    .ocultaQuantidade {
        width: auto !important;
        display: flex;
    }
    /* Estilos responsáveis por permitir adicionar o chk do bootstrap no grid */
    .table .checkbox input {
        display: none;
    }

    .table .checkbox label {
        margin-left: 15px;
    }

    .table .checkbox input[type="checkbox"] + label::before {
        background-color: white !important;
    }

    .table .checkbox input[type="checkbox"]:checked + label::before {
        background-color: $primary !important;
    }
}
