.table-filter-item {
    margin-bottom: 0.3rem;
}
.table-filter-input > input {
    width: 200px
}
.table-filter-item-range > div > input {
    width: 100px
}
.table-filter-label {
    display: inline-block;
    width: 130px;
    text-align: right;
    vertical-align: top;
}
.table-filter-input {
    display: inline-block;
    margin-left: 0.7rem;
}
.table-filter-input-date input {
    width: 98px;
}
.table-filter-input-textmode {
    display: inline-block;
    margin-left: 0.3rem;
    font-size: 0.9rem;
    color: #888;
}
.table-filter-actions {
    margin-top: 0.7rem;
    margin-left: 140px;
}
.table-filter-actions > span {
    margin-right: 0.7rem;
}
.table-filter {
    margin-bottom: 1.3rem;
}
.paging select {
    padding: 0;
}
.paging {
    padding: 0.7em 0;
}
.pager-total-count {
    float: right;
    padding: 0 2px;
    margin-right: 0.3rem;
    color: rgba(0,0,0,0.6);
    font-weight: normal;
}
.subtable-open {
    border-radius: 2px;
    border: none;
    padding: 2px 3px;
    font-size: small;
    background-color: white;
    /*make box shadow down outside grey*/
    /*
    box-shadow: 1px 1px 0px 0px rgba(0,0,0,0.2);
    */
}
.subtable-open:hover {
    background-color: #65b946;
    color: white;
}
.table-c-number {
    text-align: right;
}

.table-filter-options-button {
    border: none;
    padding: 0 3px;
}
.table-filter-input-multiple-values {
    background-color: rgba(255,255,255,0.5);
    overflow-y: auto;
    max-height: 50px;
    padding-left: 2px;
}
.table-filter-input-multiple-value {
    clear:both;
}
.table-filter-input-multiple-value-text {
    display: inline-block;
    margin-right: 0.3rem;
}

.table-filter-input-multiple-value-delete {
    float: right;
}
.filter-picker-options-cont {
    overflow-y: auto;
    max-height: 250px;
}
.filter-picker-options-group {
    text-align: center;
    font-weight: bold;
    border: 1px solid rgba(0, 0, 0, 0.1);
    /*min-width: 250px;*/
}
.filter-picker-options-cont table {
    
}
.filter-picker-options-cont table th {
    padding-top: 0;
    padding-bottom: 0;
    text-align: left;
    font-weight: bold;
    font-size: smaller;
}
.filter-picker-options-cont table tr:hover {
    background-color: rgba(0,0,0,0.03);
}
.filter-picker-options-cont table label {
    display: inline-block;
    min-width: 150px;
}
.grid-table-container {
    /*overflow: auto;*/ /* EGOR: I commented it, because it crops hamburger button in the Attachment list. See #25754 */
}

/*new pager*/
.paging-page, .paging-next, .paging-prev {
    padding: 3px 6px;
    border-radius: 3px;
    font-weight: bold;
    cursor: pointer;
    margin-right: 3px;
    text-decoration: none;
}

.grid-bottom-pager {
}
.grid-top-pager {
}
.paging-space {
    width: 10px;
    display: inline-block;
}

a.paging-page:hover {
    background-color: white;
}
span.paging-page {
    background-color: #65b946;
    color: #fff;
}
/*fixed grid*/
.grid-fixed-layout {
    table-layout: fixed;
    border-collapse: collapse;
    width: 100%;
}
.grid-fixed-layout td, .grid-fixed-layout th {
    white-space: nowrap; /* Prevent wrapping */
    overflow: hidden; /* Hide overflowing text */
    text-overflow: ellipsis; /* Show ellipses for truncated text */
    text-align: left;
}
.table-configure-table,
.table-export-data {
    display: none;
}
th:hover .table-configure-table,
th:hover .table-export-data {
    display: inline-block;
    position: absolute;
    cursor: pointer;
    top: 5px;
}

.table-export-data {
    padding: 0;
    border: none;
}
th:hover .table-export-data {
    top: 20px;
}
.table-config-column-width {
    width: 250px;
};