
/*
 * Table
 */
table.dataTable {
	
	margin: 0 auto;
	width: 100%;
	clear: both;

	font-size: 18px;
	font-family: var(--7s-fonts-primary);
    border-spacing: 0;
}


table.dataTable .ss-subtext {
	color: rgba(0, 0, 0, 0.5);
	font-size: 85%;
	position: relative;
	bottom: 0.04em;
}
@media screen and (max-width: 700px) {

	table.dataTable .ss-subtext {
		display: none;
	}
}
table.dataTable thead th {
	padding: 3px 18px 3px 0px;
	border-bottom: 1px solid black;
	font-weight: bold;
	cursor: pointer;
	*cursor: hand;
	line-height: 20px;
}

table.dataTable tfoot th {
	padding: 3px 18px 3px 10px;
	border-top: 1px solid black;
	font-weight: bold;
}

table.dataTable td {
	padding: 3px 5px;
	text-align: center;
}
table.dataTable td.align_left {
	text-align: left;
}

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

table.dataTable tr.even td.sorting_1,
table.dataTable tr.odd td.sorting_1 { 
	background-color: #f6f6ff;
	background: rgba(0,0,255,0.03); 
}
table.dataTable tr.even td.sorting_2,
table.dataTable tr.odd td.sorting_2 { 
	background-color: #fafaff;
	background: rgba(0,0,255,0.015); 
}
table.dataTable tr.even td.sorting_3,
table.dataTable tr.odd td.sorting_3 { 
	background-color: #fdfdff;
	background: rgba(0,0,255,0.075); 
}

table.dataTable tr.odd:hover,
table.dataTable tr.even:hover,
table.dataTable tr:hover td.sorting_1 {
	background: #ffa;
	background: rgba(225,255,100,0.4); 
}


/*
 * Table wrapper
 */
.dataTables_wrapper {
	position: relative;
	clear: both;
	*zoom: 1;
}


/*
 * Page length menu
 */
.dataTables_length {
	float: left;
}


/*
 * Filter
 */
.dataTables_filter {
	margin: 3px 0px;
}
.dataTables_filter input[type="search"] {
	width: 50%;
	font-size: 20px;
	-webkit-appearance: none;
}
.dataTables_filter input[type="search"]::-webkit-search-decoration,
.dataTables_filter input[type="search"]::-webkit-search-cancel-button,
.dataTables_filter input[type="search"]::-webkit-search-results-button,
.dataTables_filter input[type="search"]::-webkit-search-results-decoration {
	-moz-appearance:none;
	-webkit-appearance:none;
}


/*
 * Table information
 */
.dataTables_info {
	clear: both;
	margin: 20px 20px 20px 0px;
	display: inline-block
}


/*
 * Pagination
 */
.dataTables_paginate {
	display: inline-block;
	margin: 20px 0px;
}

/* Two button pagination - previous / next */
.paginate_disabled_previous,
.paginate_enabled_previous,
.paginate_disabled_next,
.paginate_enabled_next {
	height: 19px;
	float: left;
	cursor: pointer;
	*cursor: hand;
	color: #111 !important;
}
.paginate_disabled_previous:hover,
.paginate_enabled_previous:hover,
.paginate_disabled_next:hover,
.paginate_enabled_next:hover {
	text-decoration: none !important;
}
.paginate_disabled_previous:active,
.paginate_enabled_previous:active,
.paginate_disabled_next:active,
.paginate_enabled_next:active {
	outline: none;
}

.paginate_disabled_previous,
.paginate_disabled_next {
	color: #666 !important;
}
.paginate_disabled_previous,
.paginate_enabled_previous {
	padding-left: 23px;
}
.paginate_disabled_next,
.paginate_enabled_next {
	padding-right: 23px;
	margin-left: 10px;
}
.paginate_button.current {
    font-weight: bold;
}


/* Full number pagination */
.paging_full_numbers {
	height: 22px;
	line-height: 22px;
}
.paging_full_numbers a:active {
	outline: none
}
.paging_full_numbers a:hover {
	text-decoration: none;
}

.paging_full_numbers a.paginate_button,
.paging_full_numbers a.paginate_active {
	border-radius: 1px;
	padding: 3px 8px;
	margin: 0 3px;
	cursor: pointer;
	cursor: hand;
	color: #333 !important;
	position: relative;
	transition: all 0.2s;
}

.paging_full_numbers a.paginate_button:hover {
	background-color: #f0f7ff;
	text-decoration: none !important;
}
.paging_full_numbers a.paginate_button.paginate_button_disabled:hover {
	background: none;
}
.paginate_button_disabled {
	opacity: 0.4;
	cursor: auto !important;
}
.paginate_active {
	font-weight: bold;
}
.paging_full_numbers a.paginate_button:active {
	top: 1px;
}
.paging_full_numbers a.paginate_active {
}


/*
 * Processing indicator
 */
.dataTables_processing {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 250px;
	height: 30px;
	margin-left: -125px;
	margin-top: -15px;
	padding: 14px 0 2px 0;
	border: 1px solid #ddd;
	text-align: center;
	color: #999;
	font-size: 14px;
	background-color: red;
}


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


/*
 * Scrolling
 */
.dataTables_scroll {
	clear: both;
}

.dataTables_scrollBody {
	*margin-top: -1px;
	-webkit-overflow-scrolling: touch;
}


/*!
 * DataTables + Font Awesome integration
 * License: MIT - http://datatables.net/license
 */

/*
 * Sort styling
 */
table.dataTable thead th {
	position: relative;
	vertical-align: middle;
	background-image: none !important; /* Remove the DataTables bootstrap integration styling */
}

table.dataTable thead th.sorting:after,
table.dataTable thead th.sorting_asc:after,
table.dataTable thead th.sorting_desc:after {
	position: absolute;
	top: 4px;
	right: 8px;
	display: block;
	font-family: var(--7s-fonts-icons);
	margin-top: 10px;
}

table.dataTable thead th.sorting_asc,
table.dataTable thead th.sorting_desc {
	background: #333;
	color: #fff;
}

table.dataTable thead th.sorting:after {
	content: "\f0dc";
	color: rgba(0,0,0,0.5);
	opacity: 0;
	transition: all 0.2s;
}
table.dataTable thead th.sorting:hover:after {
	opacity: 1;
}
table.dataTable thead th.sorting_asc:after {
	content: "\f0de";
	color: #fff;
}
table.dataTable thead th.sorting_desc:after {
	content: "\f0dd";
	color: #fff;
}

div.dataTables_scrollBody table.dataTable thead th.sorting:after,
div.dataTables_scrollBody table.dataTable thead th.sorting_asc:after,
div.dataTables_scrollBody table.dataTable thead th.sorting_desc:after {
	content: "";
}


/*
 * DataTables style pagination controls
 */
div.dataTables_paginate a.paginate_button.first,
div.dataTables_paginate a.paginate_button.previous {
	position: relative;
	padding-left: 24px;
}

div.dataTables_paginate a.paginate_button.next,
div.dataTables_paginate a.paginate_button.last {
	position: relative;
	padding-right: 24px;
}

div.dataTables_paginate a.first:before, 
div.dataTables_paginate a.previous:before {
	position: absolute;
	top: 4px;
	display: block;
	font-family: var(--7s-fonts-icons);
}

div.dataTables_paginate a.next:after,
div.dataTables_paginate a.last:after {
	position: absolute;
	top: 4px;
	display: block;
	font-family: var(--7s-fonts-icons);
}

div.dataTables_paginate a.first:before {
	content: "\f100";
	left: 9px;
}

div.dataTables_paginate a.previous:before {
	content: "\f104";
	left: 12px;
}

div.dataTables_paginate a.next:after {
	content: "\f105";
	right: 12px;
}

div.dataTables_paginate a.last:after {
	content: "\f101";
	right: 9px;
}

/* Row Group */
table.dataTable tr.group td {
	font-weight: bold;
	padding-top: 4px;
	background: linear-gradient(#f6f6f6, #fafafa);
}




@media screen and (max-width: 1100px)
{
	table.dataTable {
		font-size: 14px;
	}

	table.dataTable thead th {
		line-height: 12px;
		padding: 3px 8px 3px 0px;
	}

	table.dataTable thead th.sorting:after,
	table.dataTable thead th.sorting_asc:after,
	table.dataTable thead th.sorting_desc:after {
		margin-top: 5px;
	}
	
	table.dataTable tfoot th {
		padding: 3px 8px 3px 0px;
	}

	table.dataTable td {
		padding: 2px 2px;
	}
}
