@font-face {
    font-family: 'Mercosul';
    src: url('../font/fe-font.ttf')
}

.fornecedores {
    padding: 0;
    list-style-type: none;
    background: #ececf1;
    position: absolute;
    float: left;
    width: 96%;
    z-index: 99;
}

.fornecedores li {
    padding: 10px;
    border: 1px solid #ced4da;
    cursor: pointer;
}

.fornecedores li:hover {
    background: #fff;
}

.clientes {
    padding: 0;
    list-style-type: none;
    background: #ececf1;
    position: absolute;
    float: left;
    width: 96%;
    z-index: 99;
}

.clientes li {
    padding: 10px;
    border: 1px solid #ced4da;
    cursor: pointer;
}

.clientes li:hover {
    background: #fff;
}

@media print {
    .printable {
        visibility: visible!important;
        display: block!important;
    }
    body {
        color: black!important;
    }
    th,
    td {
        color: black!important;
        border-color: #000!important;
        max-width: 20vw!important;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .dataTables_length {
        visibility: hidden!important;
        display: none!important;
    }
}