div.scroll-x {
    /*overflow-x:auto;*/
    min-height:300px;
}

div.scroll-x > table {
    max-width:unset;
    width:100%;
}

table.card-list {
    width:100%;
}

table>thead>tr>th.sort{
    cursor: pointer;
}

table>thead>tr>th.sorting_asc {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAATAQMAAABInqSPAAAABlBMVEUAAABVVVUT3Vn+AAAAAXRSTlMAQObYZgAAAB1JREFUCNdjwAkcgPgBAwPjBwYG5h8MDOx/GAgBAKRJBBCQbHkwAAAAAElFTkSuQmCC) no-repeat center right;
}

table>thead>tr>th.sorting_desc {
    background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAATAQMAAABInqSPAAAABlBMVEUAAABVVVUT3Vn+AAAAAXRSTlMAQObYZgAAABxJREFUCNdjIATY/zAwMP9gYGD8AOQ8AGIHnEoBkNkEEEbbutQAAAAASUVORK5CYII=) no-repeat center right;
}

table {
    border:0;
}


.fix-header-table {
    position: relative;
}

.fix-header-table>thead {
    position: sticky;
    top: -2px;
    z-index: 1;
    box-shadow: 0 2px 2px -1px rgba(0, 0, 0, 0.1);
}

.table {
    margin-bottom: 0;
}

.table > tbody > tr {
    height: 26px;
}

div.dropdown > table.table > tbody > tr {
    height:28px;
}

div.dropdown > table.table {
    border-bottom: 1px solid #ccc;
}

.table-striped>tbody>tr:nth-of-type(odd) {
    background-color: #F2F2F2;
}

.table-gray>tbody>tr>td:nth-of-type(odd){
    background-color:#F3F3F3;
}

.table>tbody>tr>.td-label {
    vertical-align:middle;
    background-color:#F3F3F3;
}

.td-field.edit{
    background-color:#F3F3F3;
}

th.select-header {
    text-align:left;
    width:28px;
}

table>thead>tr>th {
    text-align:center;
}

.table>tbody>tr>.td-field {
    padding:0;
}

.table>tbody>tr>.td-field {
    vertical-align:middle;
}

input.field,
.td-field>input,
.td-field>select {
    width:100%;
    height:28px;
    padding:5px 5px;
    border: solid 1px;
    border-color:#CCC;
}

input[disabled].field,
.td-field>input[disabled],
.td-field>select[disabled],
.td-field>textarea[disabled] {
    border:0;
    background-color:transparent;
}

input:read-only.field,
.td-field>input:read-only,
.td-field>select[read-only],
.td-field>textarea:read-only {
    border:0;
    background-color:transparent;
}

.td-field > sa-input-select > div > div.input-group.disabled {
    border:0;
}

.table>tbody>tr>.td-field>select {
    padding:5px 2px;
}

.table>tbody>tr>.td-field>textarea {
    border:0;
    border-color:#CCC;
    background-color:#FFF;
    width:100%;
    vertical-align:bottom;
    padding:5px 5px;
}

.table>tbody>tr>.td-field>span,
.table>tbody>tr>.td-field>a {
    padding:5px 5px;
}

.table>tbody>tr>.padding-00 {
    vertical-align:middle;
    padding:0 0;
}

.table>tbody>tr>.padding-06 {
    vertical-align:middle;
    padding:0 5px;
}

.table>tbody>tr>td.m {
    vertical-align: middle;
}

.table>tbody>tr.fix-height {
    height: 35px;
}

div.tr {
    display: table-row;
}

div.padding-lr > .td {
    padding: 0 5px;
}

.tr>.td,.tr>.tc {
    display: table-cell;
    vertical-align:middle;
}

.tr>.td.t,.tr>.tc.t {
    display: table-cell;
    vertical-align:top;
}

.padding-lr {
    padding:0 5px;
}

.padding-lr+.padding-lr {
    padding:0 0 0 5px;
}

.padding-l10 {
    padding-left:10px;
}

.padding-l5 {
    padding-left:5px;
}

.padding-tb {
    padding:5px 0;
}

.padding-tb+.padding-tb {
    padding:0 0 5px 0;
}

article.padding-tb:first-child {
    padding-top:0;
}

.padding-l {
    padding-left:5px;
}

.padding-r {
    padding-right:5px;
}

td > .btn-groups {
    margin:unset;
}

td > .btn-groups > a.btn {
    margin-top:unset;
}

td > .btn-groups > .btn-groups > a.btn {
    margin-top:unset;
}

td > .btn-groups > .btn > i {
    width: 16px;
}

div.table {
    background-color: transparent!important;
}