/*
 * @package     [FS] Table Pro element for YOOtheme Pro
 * @subpackage  fs-table
 *
 * @author      Flart Studio https://flart.studio
 * @copyright   Copyright (C) 2026 Flart Studio. All rights reserved.
 * @license     Flart Studio Proprietary License — see https://flart.studio/license
 * @link        https://flart.studio/yootheme-pro/table-pro
 * @build       (FLART_BUILD_NUMBER)
 *
 * Use of this file is subject to license terms. Redistribution is strictly prohibited.
 */

td.dt-control {
    background: url("https://www.datatables.net/examples/resources/details_open.png") no-repeat center center;
    cursor: pointer;
}

tr.dt-hasChild td.dt-control {
    background: url("https://www.datatables.net/examples/resources/details_close.png") no-repeat center center;
}

table.dataTable th.dt-left, table.dataTable td.dt-left {
    text-align: left;
}

table.dataTable th.dt-center, table.dataTable td.dt-center, table.dataTable td.dataTables_empty {
    text-align: center;
}

table.dataTable th.dt-right, table.dataTable td.dt-right {
    text-align: right;
}

table.dataTable th.dt-justify, table.dataTable td.dt-justify {
    text-align: justify;
}

table.dataTable th.dt-nowrap, table.dataTable td.dt-nowrap {
    white-space: nowrap;
}

table.dataTable thead th.dt-head-left, table.dataTable thead td.dt-head-left, table.dataTable tfoot th.dt-head-left, table.dataTable tfoot td.dt-head-left {
    text-align: left;
}

table.dataTable thead th.dt-head-center, table.dataTable thead td.dt-head-center, table.dataTable tfoot th.dt-head-center, table.dataTable tfoot td.dt-head-center {
    text-align: center;
}

table.dataTable thead th.dt-head-right, table.dataTable thead td.dt-head-right, table.dataTable tfoot th.dt-head-right, table.dataTable tfoot td.dt-head-right {
    text-align: right;
}

table.dataTable thead th.dt-head-justify, table.dataTable thead td.dt-head-justify, table.dataTable tfoot th.dt-head-justify, table.dataTable tfoot td.dt-head-justify {
    text-align: justify;
}

table.dataTable thead th.dt-head-nowrap, table.dataTable thead td.dt-head-nowrap, table.dataTable tfoot th.dt-head-nowrap, table.dataTable tfoot td.dt-head-nowrap {
    white-space: nowrap;
}

table.dataTable tbody th.dt-body-left, table.dataTable tbody td.dt-body-left {
    text-align: left;
}

table.dataTable tbody th.dt-body-center, table.dataTable tbody td.dt-body-center {
    text-align: center;
}

table.dataTable tbody th.dt-body-right, table.dataTable tbody td.dt-body-right {
    text-align: right;
}

table.dataTable tbody th.dt-body-justify, table.dataTable tbody td.dt-body-justify {
    text-align: justify;
}

table.dataTable tbody th.dt-body-nowrap, table.dataTable tbody td.dt-body-nowrap {
    white-space: nowrap;
}

table.dataTable {
    clear: both;
}

table.dataTable td, table.dataTable th {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}

table.dataTable.dataTable-filter-header th {
    vertical-align: middle;
}

table.dataTable td.dataTables_empty, table.dataTable th.dataTables_empty {
    text-align: center;
}

table.dataTable.nowrap th, table.dataTable.nowrap td {
    white-space: nowrap;
}

div.dataTables_wrapper div.row.uk-grid.dt-merge-grid {
    margin-top: 5px;
}

div.dataTables_wrapper div.dataTables_length select {
    width: 75px;
    display: inline-block;
}

.fs-thead-column.sorting .fs-table-filter-select {
	background-position: calc(100% - 20px) 50%!important;
}

div.dataTables_wrapper div.dataTables_filter {
    text-align: right;
}

div.dataTables_wrapper div.dataTables_info {
    white-space: nowrap;
}

div.dataTables_wrapper div.dataTables_paginate {
    margin: 0;
    white-space: nowrap;
    text-align: right;
}

div.dataTables_wrapper div.dataTables_paginate ul.pagination {
    margin: 2px 0;
    white-space: nowrap;
}

div.dataTables_wrapper div.dataTables_processing {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 200px;
    margin-left: -100px;
    margin-top: -26px;
    text-align: center;
    padding: 1em 0;
}

table.dataTable thead > tr > th.sorting_asc, table.dataTable thead > tr > th.sorting_desc, table.dataTable thead > tr > th.sorting,
table.dataTable thead > tr > td.sorting_asc, table.dataTable thead > tr > td.sorting_desc, table.dataTable thead > tr > td.sorting {
    padding-right: 30px;
}

table.dataTable thead .sorting.th-counter:before {
    left: 0;
}

table.dataTable thead .sorting.th-counter:after {
    left: 5px;
}

table.dataTable thead > tr > th:active, table.dataTable thead > tr > td:active {
    outline: none;
}

table.dataTable thead .sorting, table.dataTable thead .sorting_asc, table.dataTable thead .sorting_desc, table.dataTable thead .sorting_asc_disabled, table.dataTable thead .sorting_desc_disabled {
    cursor: pointer;
    position: relative;
}

table.dataTable thead .sorting:before, table.dataTable thead .sorting:after, table.dataTable thead .sorting_asc:before, table.dataTable thead .sorting_asc:after, table.dataTable thead .sorting_desc:before, table.dataTable thead .sorting_desc:after, table.dataTable thead .sorting_asc_disabled:before, table.dataTable thead .sorting_asc_disabled:after, table.dataTable thead .sorting_desc_disabled:before, table.dataTable thead .sorting_desc_disabled:after {
    position: absolute;
    bottom: 1.2em;
    display: block;
    opacity: .3;
    font: 120%/1em "Helvetica Neue", HelveticaNeue, Helvetica, Arial, sans-serif !important;
}

table.dataTable thead .sorting:before, table.dataTable thead .sorting_asc:before, table.dataTable thead .sorting_desc:before, table.dataTable thead .sorting_asc_disabled:before, table.dataTable thead .sorting_desc_disabled:before {
    right: 1em;
    content: "↑";
}

table.dataTable thead .sorting:after, table.dataTable thead .sorting_asc:after, table.dataTable thead .sorting_desc:after, table.dataTable thead .sorting_asc_disabled:after, table.dataTable thead .sorting_desc_disabled:after {
    right: .5em;
    content: "↓";
}

table.dataTable thead .sorting_asc:before, table.dataTable thead .sorting_desc:after {
    opacity: 1;
}

table.dataTable thead .sorting_asc_disabled:before, table.dataTable thead .sorting_desc_disabled:after {
    opacity: 0;
}

div.dataTables_scrollHead table.dataTable {
    margin-bottom: 0 !important;
}

div.dataTables_scrollBody table {
    border-top: none;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

div.dataTables_scrollBody table thead .sorting:before, div.dataTables_scrollBody table thead .sorting_asc:before, div.dataTables_scrollBody table thead .sorting_desc:before,
div.dataTables_scrollBody table thead .sorting:after, div.dataTables_scrollBody table thead .sorting_asc:after, div.dataTables_scrollBody table thead .sorting_desc:after {
    display: none;
}

div.dataTables_scrollBody table tbody tr:first-child th, div.dataTables_scrollBody table tbody tr:first-child td {
    border-top: none;
}

div.dataTables_scrollFoot table {
    margin-top: 0 !important;
    border-top: none;
}

@media screen and (max-width: 767px) {
    div.dataTables_wrapper div.dataTables_wrapper div.dataTables_filter, div.dataTables_wrapper div.dataTables_info, div.dataTables_wrapper div.dataTables_paginate {
        text-align: center;
    }
}

table.dataTable.uk-table-condensed > thead > tr > th {
    padding-right: 20px;
}

table.dataTable.uk-table-condensed .sorting:after, table.dataTable.uk-table-condensed .sorting_asc:after, table.dataTable.uk-table-condensed .sorting_desc:after {
    top: 6px;
    right: 6px;
}

table.dataTable thead .sorting:before, table.dataTable thead .sorting:after {
    top: 50%;
    transform: translateY(-60%);
    bottom: unset;
}

table.dataTable {
    margin-bottom: 0;
}

.fs-table .fs-datatable-block ul.uk-pagination {
    margin: 0 !important;
}

.fs-table .el-description p:last-child {
    margin-bottom: 0 !important;
}

.fs-table .fs-datatable-block {
    border: 1px solid #e5e5e7;
    padding: 20px;
}

.fs-table .uk-pagination > li:first-child {
    padding-left: 0;
}

.fs-table .fs-datatable-footer .uk-width-1-4 {
    line-height: 38px !important;
}

.fs-table-dt-header.no-pagination .fs-table-page-length {
    display: none;
}

.fs-table-dt-header.no-pagination .fs-table-search {
    justify-content: flex-start;
}

.fs-table-dt-header.no-pagination .fs-table-search > div,
.fs-table-dt-header.no-pagination .fs-table-search .uk-search-input {
    width: 100%;
    margin: 0 !important;
}

.fs-table-dt-header.no-pagination .fs-table-search .uk-search-input {
    border: none;
}

.dataTable th.sorting_disabled:before,
.dataTable th.sorting_disabled:after,
.fs-table th.sorting_disabled:before,
.fs-table th.sorting_disabled:after {
    display: none !important;
}

/*.dataTable thead th:not(.has-filter).sorting_disabled, */
.fs-table .fs-thead-column.th-image {
    pointer-events: none !important;
}

@media (max-width: 959px) {

    .uk-table-responsive tfoot {
        display: none;
    }

}

@media (max-width: 640px) {

    .fs-table-dt-header:not(.no-pagination) .fs-table-search > div.dataTables_filter {
        width: 100%;
        margin-top: 10px;
    }

    .fs-table-dt-header:not(.no-pagination) .fs-table-search > div.dataTables_filter input {
        width: 100% !important;
        margin: 0 !important;
    }

}

.fs-table input[type="search"]::-webkit-search-cancel-button {
    -webkit-appearance: none;
    height: 16px;
    width: 16px;
    margin-left: .4em;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23777'><path d='M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z'/></svg>");
    cursor: pointer;
}

.dataTable.uk-table-divider > thead > tr {
    border-top: none !important;
}

/*Floating Header*/

.dataTables_scrollFoot {
    background: white;
    border-top: 1px solid #e5e5e5 !important;
}

.dtfh-floatingparent {
    background: white;
    border-bottom: 1px solid #e5e5e5;
}

.dataTables_wrapper .dataTables_scroll:has(.dataTables_scrollFoot) + .fs-datatable-info {
    margin-top: 0 !important;
}

.dataTables_scroll > .dataTables_scrollHead,
.dataTables_scroll > .dataTables_scrollFoot,
.dataTables_scroll > .dataTables_scrollBody {
    width: 100% !important;
    max-width: 100% !important;
}

@media print {
    table.fixedHeader-floating {
        display: none;
    }
}

.el-rating-label:has(mark),
.el-checkbox-label:has(mark) {
	display:block!important;
	text-transform:none;
    letter-spacing:normal;
}

.el-checkbox-label:has(mark) {
	margin-top: 2px;
}

.fs-table-filter-select:has(option:checked:not([value=""])) {
	border-color: #333!important;
}

/* Optionally, style the scrollbar */
.dataTables_scrollBody::-webkit-scrollbar {
    width: 7px;
    height: 7px;
}

.dataTables_scrollBody::-webkit-scrollbar-thumb {
    background-color: #eee;
}

.dataTables_scrollBody::-webkit-scrollbar-thumb:hover {
    background-color: #ccc;
}