/** mostrar botao on hover */

ul.dropdown-menu li a.linkDrop {
    display: block;
    padding: 3px 20px;
    padding-left: 0;
}

ul.dropdown-menu li:hover,
ul.dropdown-menu li a:hover,
ul.dropdown-menu li a.linkDrop:hover {
    background-image: none !important;
    background-color: #333 !important;
    color: #fff !important;
    display: block;
}


/*========== CSS DASHBOARD ===============*/

.info-box-icon {
    border-bottom-left-radius: 20px !important;
}

.info-box {
    border-radius: 20px !important;
}

button.dt-button.buttons-excel.buttons-html5 {
    background-color: #1F7349;
    border: none;
    padding: 6px 14px;
    border-radius: 5px;
    color: #fff;
}

button.dt-button.buttons-pdf.buttons-html5 {
    background-color: #a4151c;
    border: none;
    padding: 6px 14px;
    border-radius: 5px;
    color: #fff;
}

.dt-buttons {
    width: 40%;
    position: relative;
    /* top: 40px; */
}

label {
    display: inline-block !important;
    max-width: 100% !important;
    margin-bottom: 0px !important;
    font-weight: bold !important;
    margin-top: 10px !important;
}

.help-block {
    position: relative;
    color: #DF4B39 !important;
    font-weight: 600 !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    font-size: 12px;
}

.has-error {
    border: 1px solid #DF4B39 !important;
}

.has-error .select2-container--default .select2-selection--multiple {
    border: 1px solid #DF4B39 !important;
}

.acoes {
    margin-left: 5px !important;
}

.btn-md {
    padding: 6.5px 10px !important;
}


/*======== DEFAULT =======*/

legend h5 {
    padding-left: 10px;
}

tbody {
    font-size: 12.5px !important;
}

span.pull-right-container {
    margin-top: 0 !important;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #222d32 !important;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: default;
    float: left;
    margin-right: 5px;
    margin-top: 5px;
    padding: 0 5px;
}


/*============== CSS LOGIN ==============*/

#logo_login {
    /* max-width: 170px; */
}


.login {
    height: 800px;
    overflow: auto;
}

@media(max-width: 768px) {
    #logo_login,
    #logo_login_ms {
        display: none;
    }
    .login {
        position: absolute;
        top: 25%;
    }
}

.login-page,
.register-page {
    background-color: rgba(0, 0, 0, .8);
    overflow: hidden;
}

/* .fundo {
    background-image: url('../img/fundo.jpg');
    background-size: cover;
    background-position: 0% 100%;
    position: relative;
    height: 800px;
    overflow: hidden;
}

.fundo .overlay {
    position: absolute;
    width: 100%;
    height: 800px;
    background-color: rgba(0, 0, 0, .3);
    margin-left: -15px;
} */

.fundo {
    background-image: url('../img/fundo.jpg');
    background-size: cover;
    background-position: 10% 100%;
    position: relative;
    height: 100vh;
    overflow: hidden;
}

.fundo .overlay {
    position: absolute;
    width: 100%;
    height: 800px;
    background-color: rgba(0, 0, 0, .3);
    margin-left: -15px;
}

.login span {
    color: #dedede;
    margin-right: 10px;
}

.login img {
    width: 200px;
    display: block;
    margin: 10px auto;
}

.login h5 {
    text-align: center;
    color: #FFF;
}

.login #convenio,
.login #tipo,
.login #cnpj,
.login #email,
.login #password,
.login #password_confirmation {
    padding: 10px;
    border: 1px solid #dedede;
    border-radius: 20px;
    background-color: transparent;
    color: #dedede;
}

.login #tipo option,
.login #convenio option {
    color: #000;
}

::placeholder {
    color: #dedede !important;
}

.lembrar_senha {
    margin-left: 10px;
    text-decoration: none;
    color: #8FBBD8;
}

.login .footer_login {
    display: flex;
    width: 100%;
    height: 170px;
    justify-content: center;
    align-items: flex-end;
}

.login .footer_login p {
    text-align: center;
    color: #FFF;
    font-size: 12px;
}

.login .footer_login p a {
    color: #8FBBD8;
}


/*============= CSS DASHBOARD ============= */

.info-box span i {
    margin-top: 15px;
}

.logo-lg {
    max-width: 100px;
    /*margin-top: 12px !important;*/
    /*margin-left: 25px; */
}

.main-header .navbar {
    min-height: 55px !important;
}

.main-header .logo {
    height: 55px !important;
}

.main-sidebar {
    padding-top: 55px !important;
}


/*============ CSS DROPDOWN TABLE =============*/

.linkDrop {
    text-decoration: none !important;
    color: #262626 !important;
    margin-left: 20px !important;
    font-size: 12.5px !important;
    font-weight: 400;
}

.formDrop:hover {
    background-color: #f5f5f5 !important;
    width: 100%;
}

#btn-adicionar::before {
    content: "Adicionar ";
}

#btn-reprocessar::before {
    content: "Reprocessar ";
}


/*========= CSS FORM EDITAR =============*/

.btn-salvar {
    margin-top: 25px;
    width: 100%;
}


/*========== CSS LOADER ==============*/

.loader {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background: url('../img/loading.svg') 50% 50% no-repeat rgba(0, 0, 0, .9);
}

.loader_regras {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background: url('../img/loading_regras.svg') 50% 50% no-repeat rgba(0, 0, 0, .9);
}


/*============ FORM BUSCAR AGENCIAS ==============*/

.btn_buscar {
    margin-top: 10px;
}


/*============ CSS 404 ===================*/

#_404 {
    max-width: 500px;
    display: block;
    margin: 10px auto;
}


/*========= REMOVER CAMPOS ===========*/

.div_adicionada {
    margin: 0;
}

.div_adicionada legend h4 {
    margin-top: 30px;
}

.remover {
    display: none;
}

#adicionar_campo {
    margin: 0 5px;
}

#criar_campo {
    margin: 0 5px;
}

.select2-container--default.select2-container--open.select2-container--below .select2-selection--single,
.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
    border: 1px solid #98CBE8 !important;
    box-shadow: 1px 1px 1px #98CBE8 !important;
}

#filtro form .select2 {
    width: 100% !important;
}

.select2-container .select2-selection--single {
    height: 36px !important;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    top: 4px !important;
}

.select2-hidden-accessible {
    position: relative !important;
}

.select2-container--default .select2-selection--single {
    border: 1px solid #ccd0d2 !important;
}

.select2-dropdown {
    border: 1px solid #98CBE8 !important;
    box-shadow: 1px 1px 10px #98CBE8 !important;
}


/*========== CSS CADASTROS ============*/

.adicionar_telefones {
    display: block;
    position: relative;
    top: 20px;
}

.adicionar_redes {
    display: block;
    position: relative;
    height: 32px;
}

#filtro_cadastros .modal-content {
    height: 420px;
}

#filtro_cadastros .select2-container {
    width: 100% !important;
}

#salvar_cadastro {
    position: relative;
    top: -50px;
}

label[for='obs'] {
    margin-left: 15px;
}

textarea#obs {
    width: 97%;
    margin: 0 18px;
}

@media(max-width: 768px) {
    .select2-hidden-accessible {
        width: 80%;
    }
    form .select2 {
        width: 100%;
    }
}

#adicionar_endereco {
    position: relative;
    top: -20px;
}


/* ============ CONTRATOS =============*/

.checkbox {
    position: relative;
    top: 15px;
}

#form-cadastro .form-group label {
    margin: 10px 0 0 0;
}

.produto {
    margin-top: 20px;
}

#filtrar {
    margin: 0 5px;
}

legend {
    position: relative;
    top: 10px;
}

.separador {
    position: relative;
    top: 25px;
    font-size: 16px;
}

.modal-content {
    height: auto;
}

.modal-body .buttons {
    margin-top: 10px;
}

.modal-body .buttons button.btn-primary {
    margin: 0 0 0 5px;
}

.abastecimento {
    position: relative;
    top: 20px
}

.coluna_subtotal {
    margin-top: -34px;
}

.remover_campo {
    margin-top: -10px;
}

.btn-warning {
    margin: 0 0 0 5px;
}

.taxas {
    background-color: #2c3b41;
    color: #FFF;
    margin-top: 20px;
    text-align: center;
    padding: 0;
}

.modalApuracaoEdit .modal-dialog {
    width: 100%;
}

.modalApuracaoEdit .modal-content {
    width: 100%;
    height: auto;
}

.modalApuracaoEdit form button {
    margin: 10px 2px;
}

#filtro_negociacao_modal .modal-content {
    height: 600px;
}

#filtro_negociacao_modal form .select2 {
    width: 100% !important;
}

#filtro_inserir_negociacao_modal .modal-content {
    height: 550px;
}

#filtro_inserir_negociacao_modal form .select2 {
    width: 100% !important;
}

#filtro_inserir_negociacao {
    margin: 0 5px 0 0;
}

.container-dados {
    display: none;
}

#transacoes p {
    margin: 18px 0 0 0;
}

#transacoes input[type="number"] {
    margin: 5px 0
}

.valor_maximo {
    background-color: darkcyan;
    color: #FFF;
}

.preco_fixo {
    background-color: #007473;
    color: #FFF;
}

.nav-tabs>li.active>a,
.nav-tabs>li.active>a:hover,
.nav-tabs>li.active>a:focus {
    color: #ffffff !important;
    background-color: #007473 !important;
    border: 1px solid #fff !important;
    border-bottom-color: transparent !important;
    cursor: default !important;
}

.nav-tabs li a:hover {
    color: #ffffff !important;
    background-color: #007473 !important;
}

#inserir_negociacao {
    margin-top: 25px;
}

#grupo_lojas .select2-container {
    width: 100% !important;
}

#filtrar_contratos .modal-content {
    height: 550px;
}

#filtrar_contratos .select2-container {
    width: 100% !important;
}

#tabela_fluxo_financeiro td.details-control {
    background: url('../img/plus.png') no-repeat center center;
    background-size: 18px;
    cursor: pointer;
}

#tabela_fluxo_financeiro tr.details td.details-control {
    background: url('../img/minus.png') no-repeat center center;
    background-size: 18px;
    cursor: pointer;
}

#tabela_contratos td.details-control {
    background: url('../img/plus.png') no-repeat center center;
    background-size: 18px;
    cursor: pointer;
}

#tabela_contratos tr.details td.details-control {
    background: url('../img/minus.png') no-repeat center center;
    background-size: 18px;
    cursor: pointer;
}

#tabela_operacoes td.details-control {
    background: url('../img/plus.png') no-repeat center center;
    background-size: 18px;
    cursor: pointer;
}

#tabela_operacoes tr.details td.details-control {
    background: url('../img/minus.png') no-repeat center center;
    background-size: 18px;
    cursor: pointer;
}

#tabela_taxas tr th,
#tabela_taxas tr td {
    padding: 5px;
    border: 1px solid #DDDDDD;
}


/*========== CSS COLABORADORES ===========*/

#adicionar_telefone,
#adicionar_endereco {
    margin-top: 30px;
}

form button.cadastrar_colaborador {
    margin-top: 20px;
}

#campo_periodo_invativar {
    display: none;
}

#filtrar_colaborador {
    margin: 0 5px;
}

#filtro_modal .modal-content {
    height: 360px !important;
}

#filtro_modal .select2-container {
    width: 100% !important;
}

table.dataTable.table-condensed>thead>tr>th {
    background-color: transparent;
    color: #FFF;
}

table.dataTable thead .sorting:after,
table.dataTable thead .sorting_asc:after,
table.dataTable thead .sorting_desc:after,
table.dataTable thead .sorting_asc_disabled:after,
table.dataTable thead .sorting_desc_disabled:after {
    color: #FFF;
    opacity: 1;
}

#filtro_modal .modal-content {
    height: 250px;
}

#filtro_modal .select2-container {
    width: 100% !important;
}


/*============= VEICULOS ============*/

#filtro_veiculo .modal-content {
    min-height: 450px;
}

#filtro_veiculo .select2-container {
    width: 100% !important;
}

fieldset[name="dados"] legend {
    background-color: rgb(130, 186, 219);
    color: #FFF;
    padding-left: 10px;
}

fieldset[name="tributos"] legend {
    background-color: rgb(57, 133, 177);
    color: #FFF;
    padding-left: 10px;
}

fieldset[name="dpvat"] legend {
    background-color: rgb(87, 155, 194);
    color: #FFF;
    padding-left: 10px;
}

fieldset[name="info_complementar"] legend {
    background-color: rgb(130, 186, 219);
    color: #FFF;
    padding-left: 10px;
}

fieldset[name="capacidades"] legend {
    background-color: rgb(87, 155, 194);
    color: #FFF;
    padding-left: 10px;
}

fieldset[name="info_motorista"] legend {
    background-color: rgb(130, 186, 219);
    color: #FFF;
    padding-left: 10px;
}


/*========== CSS GERENCIAMENTO DE CARTOES ===============*/

#filtrar_cartao {
    margin: 0 5px;
}

#filtro_gerenciamentocartao .modal-content {
    height: 400px;
}

#filtro_gerenciamentocartao .select2-container {
    width: 100% !important;
}

#campo_selecionado .select2-container {
    width: 100% !important;
}

#campo_selecionado,
#campos_valores {
    display: none;
}

#adicionar_cartao {
    margin-top: 25px;
}

#campo_valor_total {
    display: none;
}

#filtro_recargacartoes .modal-content {
    min-height: 400px;
}

#filtro_recargacartoes .select2-container {
    width: 100% !important;
}

.titulo_cadastro_cartao {
    background-color: rgb(57, 133, 177);
    color: #FFF;
}

.titulo_definir_valores {
    background-color: rgb(87, 155, 194);
    color: #FFF;
}

.titulo_legenda {
    background-color: rgb(130, 186, 219);
    color: #FFF;
}

.titulo_valores {
    background-color: rgb(100, 175, 112);
    color: #FFF;
}


/*================ CSS PEDIDOS ====================*/

.status {
    display: flex;
    justify-content: center;
}

.status #liberado {
    margin: -5px 10px 0 10px;
    border: none;
    border-radius: 20px;
    width: 30px;
    height: 30px;
    background-color: rgb(38, 169, 56);
}

.status #naoLiberado {
    margin: -5px 10px 0 10px;
    border: none;
    border-radius: 20px;
    width: 30px;
    height: 30px;
    background-color: rgb(189, 62, 53);
}


/*============ CSS ABASTECIMENTO REGRAS E FILTROS ===========*/

#filtrar_associacao_abastecimento {
    margin: 0 5px;
}

#filtro_associacao_regras_abastecimento .modal-content {
    height: 480px;
}

#filtro_associacao_regras_abastecimento .select2-container {
    width: 100% !important;
}

.form_abastecimento .select2-container {
    width: 100% !important;
    position: relative !important;
    top: 100px !important;
}


/*============= REGRAS ==============*/

#regras_modal .modal-content {
    min-height: 430px;
}

#regras_modal .select2-container {
    width: 100% !important;
}


/*=============== AUTORIZACAO ABASTECIMENTO ==============*/

#placa {
    text-transform: uppercase;
}

#adicionar_despesa {
    margin-top: 25px;
}

#qr-code {
    width: 50%;
}

#qr-code span {
    position: relative;
    left: 40%;
}

#qr-code img {
    display: block;
    margin: 0 auto;
    width: 200px !important;
}

#qr-code .progress {
    display: none;
}

#qr-code .fa-spinner {
    text-align: center;
    display: block;
    font-size: 50px;
}

button#btn-enviar {
    margin-top: 30px;
}

button.removerProduto {
    position: relative;
    top: 20px;
}

#btn-pin {
    background-color: rgb(223, 74, 74);
    border-color: rgb(223, 74, 74);
    color: #FFF;
    width: 100%;
    margin-top: 30px;
}

#btn-digital {
    margin-top: 30px;
    width: 100%;
}

#btn-senha {
    margin-top: 30px;
    width: 100%;
}

#consultaSaldo {
    border: none;
    padding: 10px;
    background-color: #005051;
    border-radius: 5px;
    color: #FFF;
    font-size: 14px;
}

#placaConsultaSaldo {
    text-transform: uppercase;
}

@media print {
    footer {
        display: none;
    }
    html,
    body {
        font-size: 12px;
    }
    #cupom {
        width: 56mm;
        height: 60mm;
    }
}


/*============== DESPESA ==============*/

#filtro_despesa .modal-content {
    height: 270px;
}

#filtro_despesa .select2-container {
    width: 100% !important;
}


/*============= LIBERACAO DE ABASTECIMENTO =================*/

#tabela2 td.details-control {
    background: url('../img/plus.png') no-repeat center center;
    background-size: 18px;
    cursor: pointer;
}

#tabela2 tr.details td.details-control {
    background: url('../img/minus.png') no-repeat center center;
    background-size: 18px;
    cursor: pointer;
}

#botoes_liberacao {
    display: flex;
    justify-content: center;
}

#botoes_liberacao #liberar {
    background-color: #2DA341;
    border: none;
    border-radius: 20px;
    width: 30px;
    height: 30px;
    margin: -5px 5px 0 5px;
}

#botoes_liberacao #nao-liberado {
    background-color: #BC3E36;
    border: none;
    border-radius: 20px;
    width: 30px;
    height: 30px;
    margin: -5px 5px 0 5px;
}


/*=========== FINANCEIRO ============*/

.tfooter {
    background-color: #4f5152;
    color: #FFF;
}

#filtro_fluxo_financeiro .select2-container {
    width: 100% !important;
}

#filtro_fluxo_financeiro .modal-content {
    height: 750px;
}

#filtro_fluxo_financeiro_vegas .select2-container {
    width: 100% !important;
}

#filtro_fluxo_financeiro_vegas .modal-content {
    height: 550px;
}

#remessa_boletos .modal-content {
    height: 550px;
}

#tabela_resumo {
    margin-top: 30px;
}

#tabela_resumo thead {
    background-color: #005051;
    color: #FFF;
}

#tabela_resumo thead tr th {
    padding: 2px 5px !important;
    font-size: 1.3rem;
    color:#fff!important
}

.coluna_cor {
    color: #FFF;
    vertical-align: middle !important;
}

#statusPagamento {
    display: flex;
    justify-content: center;
}

#mensagem_liberacao {
    width: 100%;
    display: flex;
    justify-content: center;
    margin: 10px 0;
    padding: 10px;
}


/*========== MONITOR DE CARTOES ===========*/

#filtro_monitor_cartoes .select2-container {
    width: 100% !important;
}

#filtro_monitor_cartoes .modal-content {
    height: 220px;
}

#formMonitor .form-group input[type="radio"] {
    margin-bottom: 30px;
}

.verde {
    background-color: #5fc58a;
    color: #FFF;
}

.verde:hover {
    background-color: #5fc58a !important;
    color: #FFF;
}

.azul {
    background-color: #007473;
    color: #FFF;
}


/*============= DADOS CADASTRAIS ==========*/

#filtro_dados_cadastrais_modal .modal-content {
    min-height: 280px !important;
}

#filtro_dados_cadastrais_modal .select2-container {
    width: 100% !important;
}


/*============== USUARIOS ===============*/

#filtrar_usuario_modal .select2-container {
    width: 100% !important;
}

#filtrar_usuario_modal .modal-content {
    height: 360px;
}


/*========== CREDENCIADOS ===========*/

#filtrar_credenciados_modal .select2-container {
    width: 100% !important;
}

#filtrar_credenciados_modal .modal-content {
    height: 300px;
}


/*============ USUARIOS CREDENCIADOS===========*/

#filtrar_usuario_credenciado .modal-content {
    height: 350px;
}

#filtrar_usuario_credenciado .select2-container {
    width: 100% !important;
}


/*=========== USUARIO EMPRESA ===========*/

#filtrar_usuario_empresa_modal .modal-content {
    height: 350px;
}

#filtrar_usuario_empresa_modal .select2-container {
    width: 100% !important;
}

#filtro_empresa_modal .modal-content {
    height: 280px;
}

#filtro_empresa_modal .select2-container {
    width: 100% !important;
}


/*============== MONITORES CREDENCIADO ================*/

#filtro_recolhimento_credenciado .modal-content {
    height: 430px;
}

#filtro_recolhimento_credenciado .select2-container {
    width: 100% !important;
}


/*============= MONITORES EMPRESA ==================*/

#filtro_recolhimento_empresa .modal-content {
    height: 430px;
}

#filtro_recolhimento_empresa .select2-container {
    width: 100% !important;
}


/*============== NFE =================*/

#filtrar_nfe .modal-content {
    height: 350px;
}

#filtrar_nfe .alert {
    position: absolute;
    width: 100%;
    top: -30px;
    left: 0;
}

#filtrar_nfe .select2-container {
    width: 100% !important;
}


/*============= NFE PARAMETROS ============*/

#filtro_parametros_nfe .modal-content {
    height: 280px;
}


/*============ REGISTROS ================ */

#filtrar_registros .modal-content {
    height: 300px;
}

#filtrar_registros .select2-container {
    width: 100% !important;
}

#filtrar_registros .tipo {
    margin-bottom: -22px;
}

#filtro_credenciado_nfe .select2-container {
    width: 100% !important;
}

#filtro_transacao_modal .modal-content {
    height: 280px;
}

#filtro_credenciado_nfe .modal-content {
    height: 380px;
}

#filtro_transacoes .modal-content {
    height: 300px;
}

#filtrar_recolhimentos .modal-content {
    min-height: 350px;
}

#filtrar_recolhimentos .select2-container {
    width: 100% !important;
}

#filtrar_recolhimentos input[type="radio"] {
    margin-bottom: 20px;
}


/*================== RELATORIO PENDENCIA ==============*/

#filtro_pendencias_modal .modal-content {
    height: 350px;
}

#filtro_pendencias_modal .select2-container {
    width: 100% !important;
}


/*============== RELATORIO CONSOLIDADO =================*/

#filtro_pendencias_consolidado .modal-content {
    height: 280px;
}

#filtro_pendencias_consolidado .select2-container {
    width: 100% !important;
}


/*====================== RELATORIO FINANCEIRO =============== */

#btnExcelRelatorioFinanceiro {
    background-color: #44C97D;
    border: none;
    padding: 7.2px 14px;
    border-radius: 5px;
    color: #fff;
}


/*================ LOGS ===============*/

#filtro_logs .modal-content {
    height: 480px;
}


/*============ CSS ANTECIPACAO ============*/

.checkbox_antecipacao {
    margin-top: 38px;
}

#tabela2 {
    margin-top: 20px;
    width: 98%;
    margin-left: 10px;
}

#tabela2 thead {
    background-color: #007473;
}

#tabela2 thead tr th {
    color: #FFF!important;
}

#tabela2 thead tr th::after{
    color: #FFF!important;
}

#tabela2 tbody tr td {
    border: 1px solid #dadada;
}

#buscar_operacao {
    margin-top: 20px;
}

div#tabela2_filter {
    margin-right: 10px;
}

div#tabela2_info {
    margin-left: 11px;
}

#btn_calcular {
    margin-top: 30px;
}

div#tabela2_paginate {
    margin: 0 15px 0 0;
}


/*============= CSS MONITORAMENTO =================*/

.H_ib_content {
    font-size: 12px !important;
}

.H_ib_body {
    width: 200px;
}

#modalMonitoramento .modal-content {
    height: 400px;
}

#modalMonitoramento .select2-container {
    width: 100% !important;
}

#overlay_monitoramento {
    position: absolute;
    width: 99%;
    height: 89%;
    background: url('../img/spinner.gif') 50% 50% no-repeat rgba(255, 255, 255, .6);
    z-index: 999;
    display: none;
}


/*============== CSS CANCELAMENTOS ================*/

#btn_cancelar {
    width: 100%;
}

#tabela .bg-danger {
    background-color: rgba(255, 0, 0, .4);
}

#filtro_transacoes .modal-content {
    height: 270px;
}

#filtro_transacoes .select2-container {
    width: 100% !important;
}

h4#legenda {
    position: relative;
    left: 15px;
    top: 15px;
    max-width: 30%;
}


/*============ CSS RECARGA CARTAO ================*/

#valorRecarga {
    width: 30%;
}

@media(max-width: 768px) {
    .login-page .fundo {
        display: none;
    }
    #filtrar_associacao_abastecimento {
        margin: 5px 0;
    }
    .separador {
        top: 0;
    }
    .modal-content {
        min-height: 1300px;
    }
    .modalApuracaoEdit .modal-content {
        height: auto;
    }
    .select2-container {
        width: 100% !important;
    }
    input#cartao {
        width: 200px !important;
    }
    #qr-code span {
        text-align: center;
        left: 32%;
    }
}

@media(min-width: 1024px) {
    .modal-content {
        min-height: 80%;
    }
}


/*========== BOLETOS ===========*/

#filtro_boletos .modal-content {
    height: 420px;
}

#filtro_boletos .select2-container {
    width: 100% !important;
}


/*============== TRANSFERENCIAS ================= */

#filtro_transferencia .select2-container {
    width: 100% !important;
}


/*================ RELATORIOS ==================*/

#modalRelatorio .modal-content {
    height: 300px;
}

#modalRelatorio .select2-container {
    width: 100% !important;
}

#modalRelatorioVeiculos .modal-content {
    height: 370px;
}

#modalRelatorioVeiculos .select2-container {
    width: 100% !important;
}


/*================ CONFERENCIA ==================*/

#filtrar_conferencias .modal-content {
    height: 300px;
}

.tableEditButton i {
    color: #2c3b41;
    padding-left: 2px;
    font-size: 19px;
}

.tableDeleteButton i{
    color: #CF3034;
    padding-left: 2px;
    font-size: 19px;
}

.tableShowButton i {
    color: #e93e46;
    padding-left: 2px;
    font-size: 19px;
}

.select2-container--default.select2-container--focus .select2-selection--multiple, .select2-container--default .select2-selection--multiple{
    border-radius: 10px!important;
}

.dataTables_filter, div.dataTables_wrapper div.dataTables_filter {
    text-align: justify!important;
}