/* Estos son los estilos de la custom table */

.table_config_container input[type="text"] {
        background: #F5F5F5;
        border: 0.699999988079071px solid #707070;
        border-radius: 21px;
        opacity: 1;
        padding: 2px 8px;
}

.table_config_container div.table_content {
        max-width: 100%;
        overflow-x: auto;
}

.table_config_container table {
        border-collapse: collapse;
        margin: 15px 0px;
}

.table_config_container table tr:nth-child(even) {
        background-color: #EEEEEE
}

.table_config_container table tr:nth-child(odd) {
        background-color: white
}

.table_config_container table tbody tr {
        color: #52565A;
        border-top: 1px solid #000;
        border-bottom: 1px solid #000;
}

.table_config_container table tbody tr td {
        min-width: 100px;
        text-align: center;
}

.table_config_container table th.cursor_pointer {
        cursor: pointer
}

.table_config_container table tbody tr:hover {
        background-color: #d4d4d4
}

.table_config_container table thead tr {
        border-bottom: 1px solid #080808
}

.table_config_container table thead tr th {
        vertical-align: top;
        text-align: center;
}

.table_config_container table thead tr th div {
        display: flex;
        flex-direction: column;
}

.table_config_container table thead input {
        margin-bottom: 5px
}

.navigation_icon,
.table_config_container table thead input[type="checkbox"],
.table_config_container table tbody input {
        cursor: pointer;
}

.table_config_container .table_pagination div,
.table_container .table_search {
        display: flex;
        align-items: center;
}

.table_container .table_search label {
        margin: auto 5px auto auto
}

.table_config_container .table_pagination .pagination_number {
        margin: 0 10px
}

.table_config_container .table_pagination div .change_elements[data-move="back"] {
        margin-left: auto
}

.table_config_container .table_pagination div .change_elements {
        width: 10px
}

.table_config_container .table_pagination div .navigate_limit {
        width: 13px
}

.table_config_container .table_pagination div button {
        background: white;
        border: 0.7px solid #707070;
        padding: 5px 20px;
        border-radius: 50px;
        cursor: pointer;
}

.upaep__table {
        width: 96%;
}

table td {
        text-align: center;
}

.table_config_container .table_pagination div,
.table_container .table_search {
        display: flex;
        align-items: center;
}

.table_container .table_search label {
        margin: auto 5px auto auto
}

.table_config_container .table_pagination .pagination_number {
        margin: 0 10px
}

.table_config_container .table_pagination div .change_elements[data-move="back"] {
        margin-left: auto
}

.table_config_container .table_pagination div .change_elements {
        width: 10px
}

.table_config_container .table_pagination div .navigate_limit {
        width: 13px
}

.search_value {
        margin-left: 1rem !important;
}

@media (width <=450px) {
        .table_search label {
                font-size: 0.8rem !important;
        }

        .search_label {
                font-size: 0.8rem !important;
        }

        .table_search>div {
                display: flex;
                flex-direction: column;
                justify-content: center;
                align-items: center;
        }

        .search_value {
                width: 200px !important;
                background-position: 165px !important;
        }

        .table_footer_container {
                display: flex;
                flex-direction: column;
                justify-content: center;
        }

        .table_config_container .table_pagination,
        .table_config_container .table_search {
                margin-top: 2rem;
        }
}

@media (width <=345px) {

        .search_value {
                width: 150px !important;
        }
}