.table_list_container{
    overflow: auto;
    margin-top: 10px;
    border-radius: 10px;
    height: calc(100% - 10px);

}

.table_list_comands{
    display: inline-flex;
    width: 100%;
    align-items: center;
    background: white;
    border-radius: 10px;
    flex: 0 0 auto;
    height: max-content;

}

.table_list{
    width: 100%;
    overflow: auto;
    background: white;
    border-radius: 10px;
    border-collapse: collapse;

}

.table_list tr td {
    resize: horizontal;
    overflow: auto;

}


.table_list_desc_container{
    margin-bottom: 5px;
    background: white;
    border-radius: 10px;
    padding: 5px;
    flex: 0 0 auto;
    height: max-content;

}

.list_view{
    height: 100%;
    display: flex;
    flex-flow: column;

}

.table_list_desc{
    color: var(--colorText);
    font-size: 14px;
}

.table_comand{
    height: max-content;
    cursor: pointer;
    flex-direction: column;
    padding: 5px;
    border-radius: 10px;
    display: flex;
    position: relative;

}

.table_comand .table_comand_text {
    visibility: hidden;
    background-color: black;
    color: var(--colorWhite);
    text-align: center;
    padding: 5px 10px;
    border-radius: 3px;
    position: absolute;
    z-index: 1;
    top: 110%;

}

.table_comand:hover{
    background: var(--colorSelect);
}

.table_comand:hover .table_comand_text {
    visibility: visible;
    background: var(--colorHead);

}

.table_comand_text{
    font-size: 12px;
}

.table_comand_icon{
    width: 20px;
    height: 20px;
    margin-left: auto;
    margin-right: auto;
}

.table_list_head_container{
    cursor: pointer;
    background: #c8c8c8;

}

.table_list_head_container td:first-child{
    border-left: none;
    border-top-left-radius: 10px;

}

.table_list_head_container td:last-child{
    border-right: none;
    border-top-right-radius: 10px;

}

.table_list_item_container{
    border-width: 1px;
    cursor: pointer;
    background: white;

}

.table_tbody{

}

.table_tbody tr:last-child{
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;

}

.table_tbody tr:last-child td:first-child{
    border-bottom-left-radius: 10px;
}

.table_tbody tr:last-child td:last-child{
    border-bottom-right-radius: 10px;
}

.table_list_item_container td:first-child{
    border-left: none;
}

.table_list_item_container td:last-child{
    border-right: none;

}

.table_list_item_container:hover{
    background: var(--colorSelect);
}

.table_list_item{
    border-style: solid;
    border-width: 1px;
    border-color: #5b5b5b;
    padding: 5px;
    border-bottom-style: none;

}

.table_list_item_img{
    max-height: 60px;
}

.table_column_item{
    border-color: #5b5b5b;
    border-style: solid;
    border-width: 1px;
    padding: 5px 10px;
    text-align: center;
    border-top-style: none;

}

.pages_container{
    display: flex;
    align-items: center;
    width: max-content;
    margin-left: auto;
    margin-right: auto;

}

.page_next_btn{
    margin-right: 5px;
    cursor: pointer;
    display: grid;
    width: 30px;
    height: 30px;

}

.page_prev_btn{
    margin-right: 5px;
    cursor: pointer;
    display: grid;
    width: 30px;
    height: 30px;

}

.page_next_btn:hover, .page_prev_btn:hover{
    background: var(--colorSelect);
    border-radius: 3px;
}

.page_text{
    cursor: pointer;
    padding: 2px 5px;
    border-radius: 3px;
    border-style: solid;
    border-width: 1px;
    margin-right: 5px;
    font-size: 14px;

}

.page_text:hover, .page_current_text:hover{
    background: var(--colorSelect);
}

.page_current_text{
    background: var(--colorGold);
    cursor: pointer;
    padding: 2px 5px;
    border-radius: 3px;
    border-style: solid;
    border-width: 1px;
    margin-right: 5px;
    font-size: 14px;

}

table::-webkit-scrollbar{
    height: 20px;

}
table::-webkit-scrollbar-thumb{
    border-radius: 15px;
    border-style: solid;
    border-width: 5px;
    border-color: white;
    margin: 5px;
    background: #626262;
    cursor: pointer;

}

table::-webkit-scrollbar-thumb:window-inactive{

}

.table_filter_current{
    font-size: 14px;
    padding: 5px 10px;
    margin-top: auto;
    margin-bottom: auto;
    min-height: 20px;
    max-width: 500px;
    overflow: hidden;
    width: max-content;
    border-color: #eeeeee;
    border-radius: 10px;
    border-style: solid;
    border-width: 1px;
    align-content: center;

}

.table_filters {
    display: none;
    position: absolute;
    z-index: 100;

}

.table_filters div:hover {
    background: var(--colorGold);
    border-radius: 5px;
}

.table_filters div {
    padding: 5px;
    text-decoration: none;
    display: block;

}

.table_filters_show {
    background: #eeeeee;
    margin-top: 40px;
    display: grid;
    width: max-content;
    border-width: 1px;
    border-style: solid;
    border-radius: 10px;
    border-color: #b8b8b8;
    max-width: 500px;
    overflow: hidden;

}

.table_filter_period{
    font-size: 16px;
    margin-right: 5px;

}

.table_comand_period{
    height: max-content;
    cursor: pointer;
    flex-direction: row;
    padding: 5px;
    border-radius: 10px;
    display: flex;
    position: relative;
    align-items: center;

}

.table_comand_period:hover{
    background: var(--colorSelect);
}