@charset "utf-8";

:root {
    --cor-primaria-rgb: 30, 123, 52;
    --cor-texto: #1f2937;
    --cor-texto-suave: #6b7280;
    --controle-altura: 32px;
    --controle-altura-sm: 28px;
    --controle-altura-lg: 40px;
    --controle-raio: 8px;
}

@media screen {

    /* ---------- Tamanhos ---------- */

    .form-control,
    .input-group-addon,
    .select2-container--default .select2-selection--single,
    .select2-container--default .select2-selection--multiple {
        border-radius: var(--controle-raio);
    }

    .btn {
        border-radius: var(--controle-raio);
    }

    .form-control {
        height: var(--controle-altura);
        padding: 5px 12px;
        line-height: 20px;
    }

    input[type="date"].form-control,
    input[type="time"].form-control,
    input[type="datetime-local"].form-control,
    input[type="month"].form-control {
        line-height: 20px;
    }

    .btn {
        padding: 5px 14px;
        line-height: 20px;
    }

    .form-horizontal .control-label,
    .form-control-static {
        padding-top: 7px;
    }

    .form-control-static {
        min-height: var(--controle-altura);
    }

    .has-feedback .form-control-feedback {
        width: var(--controle-altura);
        height: var(--controle-altura);
        line-height: var(--controle-altura);
    }

    .input-sm,
    .form-group-sm .form-control,
    .input-group-sm > .form-control,
    .table input.form-control,
    .table select.form-control:not([multiple]):not([size]) {
        height: var(--controle-altura-sm);
        padding: 4px 10px;
        line-height: 18px;
    }

    .btn-sm,
    .btn-group-sm > .btn,
    .input-group-sm > .input-group-btn > .btn,
    .table .btn:not(.btn-xs):not(.btn-lg) {
        padding: 4px 10px;
        line-height: 18px;
    }

    .btn-xs,
    .btn-group-xs > .btn {
        padding: 2px 8px;
        line-height: 18px;
    }

    .input-lg,
    .input-group-lg > .form-control {
        height: var(--controle-altura-lg);
        padding: 9px 16px;
        line-height: 20px;
    }

    .btn-lg,
    .btn-group-lg > .btn {
        padding: 9px 18px;
        line-height: 20px;
    }

    .select2-container--default .select2-selection--single,
    .select2-container--default .select2-selection--multiple {
        height: var(--controle-altura);
        min-height: var(--controle-altura) !important;
    }

    .select2-container--default .select2-selection--single .select2-selection__rendered {
        line-height: calc(var(--controle-altura) - 2px);
    }

    .select2-container--default .select2-selection--single .select2-selection__arrow {
        height: calc(var(--controle-altura) - 2px);
    }

    .select2-container--default .select2-selection--multiple .select2-selection__rendered {
        padding-top: 4px;
    }

    .table .select2-container--default .select2-selection--single,
    .table .select2-container--default .select2-selection--multiple {
        height: var(--controle-altura-sm);
        min-height: var(--controle-altura-sm) !important;
    }

    .table .select2-container--default .select2-selection--single .select2-selection__rendered {
        line-height: calc(var(--controle-altura-sm) - 2px);
    }

    .table .select2-container--default .select2-selection--single .select2-selection__arrow {
        height: calc(var(--controle-altura-sm) - 2px);
    }

    .table .select2-container--default .select2-selection--multiple .select2-selection__rendered {
        padding-top: 2px;
    }

    /* ---------- Botões ---------- */

    .btn-pesagem,
    .btn-pesagem:hover,
    .btn-pesagem:focus,
    .btn-pesagem:active {
        color: #fff;
    }

    .btn-pesagem {
        background-color: #2b6cb0;
        border-color: #255d98;
    }

    .btn-pesagem:hover,
    .btn-pesagem:focus,
    .btn-pesagem:active {
        background-color: #255d98;
        border-color: #1f4f80;
    }
}