table {
    border-collapse: collapse;
    /* Essencial para unir bordas das células */
    width: 100%;
}

table,
th,
td {
    border: 1px solid black;
    /* Define estilo, espessura e cor */
}

th,
td {
    padding: 8px;
    /* Adiciona espaçamento interno */
    text-align: left;
}

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

.espaco-10 {
    margin-top: 15px;
}


/************ CONFIGURAÇÃO DO BUTTON ********/
.btn-200 {
    width: 200px;
}

.btn-400 {
    width: 400px;
}

/******************* MENU **********************/

.navbar-brand {
    font-size: 22px;
}

.nav-link {
    font-size: 20px;
}

.nav-usuario {
    font-size: 20px;
}

.dropdown-item {
    font-size: 20px;
}

.navbar-toggler {
    border: none;
    padding: 0;
    outline: none;
}

.navbar-toggler:focus {
    box-shadow: none;
}

.dropdown-item {
    position: relative;
}

.dropend .dropdown-toggle:after {
    position: absolute;
    right: 13px;
    top: 10px;
}

.dropdown-menu {
    animation: drop 0.5s ease 1;
    min-width: 13rem;
}

@keyframes drop {
    0% {
        transform: translatey(25px);
    }

    100% {
        transform: translatey(0px);
    }
}

.espaco-div {
    margin-top: 10px;
}

/* .btn-100 {
    width: 100px;
} */

.btn-width {
    width: 100px;
}

.btn-margin-top-10 {
    margin: 0;
    margin-top: 0px;
}

.btn-margin-bottom-10 {
    margin-bottom: 0px;
}


/****************** MOBILE *********************/

@media screen and (max-width: 480px) {

    /* 
    p {
        font-size: 16px;
    } */

    .row-10 {
        margin-top: 0px;
    }

    .t50 {
        /* flex: 1 1 50%; */
        margin-top: 5px;
        width: 50%;
        margin-bottom: 5px;
        font-size: 16px;
    }

    .t100 {
        margin-top: 5px;
        width: 100%;
        margin-bottom: 5px;
        font-size: 16px;
    }

    .ocultar-celula {
        display: none;
    }

    .tamanho-celula-1 {
        width: 120px;
    }

    .tamanho-coluna-25 {
        width: 25%;
    }

    .tamanho-coluna-50 {
        width: 25%;
    }

    .link-cancelar-100 {
        width: 100%;
        margin-bottom: 5px;
    }

    .link-100 {
        width: 100%;
    }

    .ocultar {
        display: none;
    }

    /*************** TABELAS *****************/

    /* botões que estão dentro das tabelas */

    .btn-margin-top-10 {
        margin: 0;
        margin-top: 10px;
    }

    .btn-margin-bottom-10 {
        margin-bottom: 10px;
    }

    .btn-100 {
        width: 100px;
    }

    .btn-width {
        width: 100%;
    }

    /************** MENU *********************/


    .dropend .dropdown-toggle:after {
        position: absolute;
        right: 13px;
        top: 10px;
    }



    /***************** RODAPÉ ***********************/

    .footer-col {
        font-size: 14px;
    }
}