/* multicard.css */
html {
    font-size: 87% !important;
}

.navbar {
    border-bottom: 2px solid #ccc;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.navbar-nav .nav-link:hover {
    background-color: #e1e1e1;
    transition: background-color 0.3s ease;
}

/* Sobrescrevendo a cor primary */
.btn-primary {
    background-color: #F48000 !important;
    border-color: #F48000 !important;
}

.btn-primary:hover, .btn-primary:focus {
    background-color: #d46e00 !important;
    border-color: #d46e00 !important;
}

.text-primary {
    color:#F48000 !important;
}

.form-control, .form-select {
    margin-bottom: 5px;
}

input[type="checkbox"] {
    margin-right: 3px; /* Descola o check do label */
}

input[type="radio"] {
    margin-right: 3px; /* Descola a caixinha 5px para a direita do texto */
}

.filtro {
    background-color: #f8f9fa;
}

.filtro .form-control, .filtro .form-select, .filtro label {
    font-size: 90%;
}

.filtro label {
    padding-bottom: 5px;
}

/*ajuste na class 'table' do bootstrap para nao ficar 100% largura*/
.table {
    width: auto !important;
}

.table-w-100 {
    width: 100% !important;
}

table tr td {
    font-size: 12px;
    padding: 3px;
    width: auto;
}

th a {
    color: #fff !important;
    font-weight: normal;
    text-decoration: none;
}

th {
    vertical-align: middle;
}

.form-control label {
    margin-left: 3px; /* Ajuste o valor conforme o espaço desejado */
}

.invisivel {
    display: none;
}

/* impressao */
@media print {
    body {
        width: 100% !important;
        margin: 0px !important;
        padding: 0px !important;
    }

    .navbar {
        display:none;
    }

    .filtro {
        display: flex !important;
        flex-wrap: wrap !important; /* Permite que os itens se ajustem automaticamente se necessário */
        justify-content: space-between !important; /* Distribui o espaço de forma adequada entre os itens */
        font-size: 10px !important;
    }

    /* Ajustando os itens dentro de .filtro */
    .filtro div {
        flex: 1 1 25% !important;
    }

    .form-control, .form-select {
    
        padding: 1px;
    }

    td {
        padding: 0px;
    }

    input[type="submit"] { /*esconde os botoes */
        display: none;
    }

    .GridView tr td {
        font-size: 12px;
        padding: 3px;
        width: auto;
    }

    .GridView tr th {
        font-size: 12px;
        padding: 2px;
        width: auto;
        background-color: #ccc;
    }
}