table.scrollable {
    width: 100%;
    border-spacing: 0;
}
table.scrollable thead,
table.scrollable tbody,
table.scrollable th,
table.scrollable td { display: inline; }
table.scrollable thead {
    width: calc(100% - 10px);
}
table.scrollable tbody {
    height: 600px;
    overflow-y: auto;
}
table.scrollable tbody td,
table.scrollable thead th {
    flex: 1 1;
    float: left;
}
table.scrollable thead tr,
table.scrollable tbody tr {
    display: flex;
    flex-direction: row;
}
table.scrollable tr:after {  /* clearing float */
    content: ' ';
    display: block;
    visibility: hidden;
    clear: both;
}



table.scrollableAdapt {
    width: 100%;
    border-spacing: 0;
}
table.scrollableAdapt thead,
table.scrollableAdapt tbody,
table.scrollableAdapt th,
table.scrollableAdapt td { display: block; }
table.scrollableAdapt thead {
    width: calc(100% - 10px);
}
table.scrollableAdapt tbody {
    max-height: 600px;
    overflow-y: auto;
}
table.scrollableAdapt tbody td,
table.scrollableAdapt thead th {
    flex: 1 1;
    float: left;
}
table.scrollableAdapt thead tr,
table.scrollableAdapt tbody tr {
    display: flex;
    flex-direction: row;
}
table.scrollableAdapt tr:after {  /* clearing float */
    content: ' ';
    display: block;
    visibility: hidden;
    clear: both;
}

.drag-handler {
width: 1.4em;
position: relative;
background-color: #E4E6EB;
background-image: linear-gradient(45deg, #E4E6EB, #E4E6EB 2px, #fff 2px, #fff 4px, #E4E6EB 4px, #E4E6EB 9px, #fff 9px, #fff 11px, #E4E6EB 11px, #E4E6EB 16px, #fff 16px, #fff 18px, #E4E6EB 18px, #E4E6EB 22px);
background-size: 10px 20px;
cursor: move;
border-top: 2px solid #FFF;
border-bottom: 2px solid #FFF;
}

.drag-handler:active {
background-image: linear-gradient(45deg, #bab86c, #bab86c 2px, #fff 2px, #fff 4px, #bab86c 4px, #bab86c 9px, #fff 9px, #fff 11px, #bab86c 11px, #bab86c 16px, #fff 16px, #fff 18px, #bab86c 18px, #bab86c 22px);
background-size: 10px 20px;
}

.name-tabela{}
.name-codigo-tabela{}
.movimenta-linha{cursor: -webkit-grab;}
.movimenta-linha-ordenacao{cursor: -webkit-grab;}

::-webkit-scrollbar {
    width: 10px;
}

::-webkit-scrollbar-thumb {
    background: #bbbbbb; 
    border-radius: 10px;
}
