/*
* FooTable v3 - FooTable is a jQuery plugin that aims to make HTML tables on smaller devices look awesome.
* @version 3.1.5
* @link http://fooplugins.com
* @copyright Steven Usher & Brad Vincent 2015
* @license Released under the GPLv3 license.
*/

@import url("variable.css");

div.footable-loader {
	vertical-align: middle;
	text-align: center;
	height: 200px;
	position: relative;
}
div.footable-loader > span.fooicon {
	display: inline-block;
	opacity: 0.3;
	font-size: 30px;
	line-height: 32px;
	width: 32px;
	height: 32px;
	margin-top: -16px;
	margin-left: -16px;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-animation: fooicon-spin-r 2s infinite linear;
	animation: fooicon-spin-r 2s infinite linear;
}
table.footable > tbody > tr.footable-empty > td {
	vertical-align: middle;
	text-align: center;
	font-size: 30px;
}
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  margin-bottom: -1px;
  overflow: hidden;
  clip: rect(0,0,0,0);
  white-space: nowrap;
  border: 0;
}
.fooicon {
	 font-family: 'feather' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    font-size: var(--fz-size-24);  
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	float: right;
    font-size: 16px;
	font-weight: 700;
	cursor: pointer;
}
.fooicon:before,
.fooicon:after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.fooicon-loader:before {
	content: "\e030";
}
.fooicon-plus:before {
	content: "\e844";
}
.fooicon-minus:before {
	content: "\e842";
}
.fooicon-search:before {
	content: "\e8bd";
}
.fooicon-remove:before {
	content: "\e014";
}
.fooicon-sort:before {
	content: "\e915";
}
.fooicon-sort-asc:before {
	content: "\e845";
}
.fooicon-sort-desc:before {
	content: "\e842";
}

.fooicon-sort {
	-webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}
.input-group-btn .btn.btn-primary { margin-right: 10px; padding: 6px 15px;}
.input-group-btn .dropdown-toggle { display: none;}
a.fooicon { text-decoration: none; margin-right: 7px; margin-top: 2px;}
.footable a{ text-decoration: none !important; display: block !important; float: left;}
.footable .form-control:focus { outline: 2px solid var(--surface-background-primary-intense) !important;}
.footable-details th{ width: 18%; background:none !important;}
.sorting_disabled .fooicon { display: none !important;}

.table-wrapper tr:hover td .footable-details td { background: none !important;}
.footable-details tr td{}
.footable-details tr td { padding: 0px !important;}

.footable-detail-row > td{ padding:10px 10px 20px !important;}
.footable-loader{ margin-top: 125px !important; }