:root{
    --color-table: #00aaff;    
    --color-text-head:white;
    --color-text-body:black;
    --max-wid-con:100px;
}

.new_table{
    width: 100%;
    margin: 20px 0;
    overflow: hidden;
    border-radius: 8px;
    color: var(--color-text-body);
    box-shadow: 0 0 10px -5px rgb(134, 134, 134);
}

.new_table thead, .new_table tfoot{
    background: var(--color-table);
    color: var(--color-text-head);
}

.new_table thead .search_container{
}

.new_table tbody{
    background: white;
    font-weight: 300;
    overflow: auto;
}

.new_table tbody tr td:nth-child(1), .new_table thead tr:not(.exception) th:nth-child(1){
    text-align: center;
}

.new_table thead tr th.config{
    text-align: center;
    max-width: var(--max-wid-con);
}

.new_table tbody tr{
    overflow: hidden;
}

.new_table tbody tr td.config{
    cursor: pointer;
    position: relative;
    width: var(--max-wid-con);
    text-align: center;
}

.new_table tbody tr td.config .superficial{
    width: 100%;
}


.new_table tbody tr td.config .menu-op{
    position: absolute;
    background: white;
    display: flex;
    justify-content: space-around;
    align-items: center;
    height: calc(100% + 1px);
    top: 0;
    right: 0;
    overflow: hidden;
    border: 1px solid rgba(0,0,0,0.12);
    min-width: 0;
    transition: all 0.4s;
}

.new_table tbody tr td.config .menu-op .elemt{
    transition: all 0.4s,  opacity 0.3s;
    height: 100%;
    opacity: 0;
    width: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.new_table tbody tr td.config:hover .menu-op{
    min-width: 100%;
}

.new_table tbody tr td.config:hover .menu-op .elemt{
    width: 50px;
    opacity: 1;
}

.new_table tbody tr td.config *::selection {
    background-color: #00000000;
}

.bottom-table-separate{
    border-bottom: 4px solid rgb(2 56 83 / 8%) !important;
}