.menu-buscador {
    padding: 4px 1rem;
}

#label-block{
    font-size: calc(0.2em + 3.5vw);
    height: calc(0.6em + 5vw);
    margin-top: calc(0.6em + -1.4vw);
    padding-left: calc(0.6em + 1.3vw);
}

.fa-check{
    font-size: calc(0.8em + 0.9vw);
    width: calc(0.8em + 2.5vw);
}

.fa-info-circle {
    font-size: calc(0.8em + 0.5vw);
}

.form-control {
    font-size: calc(0.2em + 2vw);
}

.btn-success {
    font-size: calc(0.2em + 2vw);
}

input[id^=res-] {
    background-color: unset!important;
}

.body-background {
    background-color: #0a283a;
}

.flip-color{
    filter: brightness(0) saturate(100%) invert(99%) sepia(3%) saturate(659%) hue-rotate(237deg) brightness(118%) contrast(100%);
}

.white-color {
    color: white;
}

.bigger-icon-barcode{
        font-size: calc(0.6em + 1.5vw);
}

.bigger-icon-chevron-down{
    font-size: xxx-large;
}

.logo {
    height: 40%;
}

.div-barcode {
    height: 22%;
}

@media (min-width: 768px) {

    .text-size {
        font-size: calc(0.6em + 1.5vw);
    }

}

@media (min-width: 1199.98px) {

    .logo {
        height: 47%;
    }

    .text-size {
        font-size: calc(0.6em + 1.5vw);
    }

    .bigger-icon-chevron-down{
        font-size: calc(0.6em + 3.5vw);
    }

    .bigger-icon-barcode{
        font-size: calc(0.6em + 1.5vw);
    }

    .label-barcode {
        margin-top: 0px;
        margin-left: 85px;
    }

}

/*
var res = '';

                    res += '<div class="container-fluid">';

                        res += '<div class="form-group">';

                            res += '<div class="row">';

                                res += '<div id="label-block" class="col-1">';
                                    res += '<label for="res-codbar"><i class="fas fa-barcode"></i></label>';
                                res += '</div>';

                                res += '<div class="col-11">';
                                    res += '<input type="text" class="form-control" id="res-codbar" value="565445" readonly>';
                                res += '</div>';

                            res += '</div>';

                            res += '<div class="row mt-1">';

                                res += '<div id="label-block" class="col-1">';
                                    res += '<label for="res-worker"><i class="fas fa-user"></i></label>';
                                res += '</div>';

                                res += '<div class="col-11">';
                                    res += '<input type="text" class="form-control" id="res-worker" value="USUARIO" readonly>';
                                res += '</div>';

                            res += '</div>';

                            res += '<div class="row mt-1">';

                                res += '<div id="label-block" class="col-1">';
                                    res += '<label for="res-article"><i class="fas fa-tag"></i></label>';
                                res += '</div>';

                                res += '<div class="col-11">';
                                    res += '<input type="text" class="form-control" id="res-article" value="ARTICULO LLLLLLLLLLLLLLL" readonly>';
                                res += '</div>';

                            res += '</div>';

                        res += '</div>';

                    res += '</div>';

                    $.alert({
                        title: '<i class="fas fa-info-circle"></i>',
                        content: res,
                        columnClass: 'col-12',
                        containerFluid: true,
                        onContentReady: function() {
                            var contentPaneHeight = this.$contentPane.closest('div')[0];
                            
                            $('.jconfirm-content').css('height', '100%');
                            $('.jconfirm-content-pane').css('max-height', 'unset!important');
                            $('.jconfirm-content-pane').css('height', '100%');
                            $('.jconfirm-holder').css('height', '100%');
                            $('.jc-bs3-row').css('height', '100%');
                        },
                        buttons: {
                            confirm: {
                                text: '<i class="fas fa-check"></i>',
                                btnClass: 'btn-success',
                                action: function() {
                                    location.reload();
                                }
                            }
                        }
                    });
*/