/*--- table ---*/

table.dataGrid
{
    width: 100%;
    margin: 15px 0px;
    border-collapse: collapse;
    border: 1px solid #e2e4e6;
}

table.dataGrid td
{
    border-top: 1px solid #e2e4e6;
}
.border-right {
    border-right: 1px solid #e2e4e6;
}

/* --- table header --- */

th.footable-sortable:hover {
    cursor: pointer !important;
    background-color: #e2e4e6 !important;
}

table.dataGrid button
{
    padding: 5px;
    color: #808080;
    font-size: 11px;
    font-weight: normal;
    text-transform: uppercase;
    background-color: #f9fafb;
    text-align: center;
	width: 100%;
	transition-duration: 0.4s;
	cursor: pointer;
}
table.dataGrid button, 
table.dataGrid button:visited
{
    display: block;
    padding: 5px;
    color: #808080;
    text-decoration: none;
}
table.dataGrid button:hover,
table.dataGrid button:active
{
    color: #4f4f4f;
    background-color: #e2e4e6;
}

table.dataGrid th
{
    padding: 5px;
    color: #808080;
    font-size: 11px;
    font-weight: normal;
    text-transform: uppercase;
    background-color: #f9fafb;
    text-align: center;
}
table.dataGrid th.sort
{
    padding: 0px;
}
table.dataGrid th.sort:hover
{
    background-color: #efefef;
}
table.dataGrid button.asc,
table.dataGrid th.asc
{
    background-image: url('/assets/images/gsa.webp');
    background-position: center 3px;
    background-repeat: no-repeat;
}
table.dataGrid th.asc:hover
{
    background-image: url('/assets/images/gsa-hover.webp');
    background-position: center 3px;
    background-repeat: no-repeat;
}
table.dataGrid button.dsc,
table.dataGrid th.dsc
{
    background-image: url('/assets/images/gsd.webp');
    background-position: center 3px;
    background-repeat: no-repeat;
}
table.dataGrid button.dsc:hover,
table.dataGrid th.dsc:hover
{
    background-image: url('/assets/images/gsd-hover.webp');
    background-position: center 3px;
    background-repeat: no-repeat;
}
table.dataGrid th a, 
table.dataGrid th a:visited
{
    display: block;
    padding: 5px;
    color: #808080;
    text-decoration: none;
}
table.dataGrid th a:hover,
table.dataGrid th a:active
{
    color: #4f4f4f;
}

/*--- table data ---*/

table.dataGrid td
{
    color: #3f3f3f;
    padding: 5px;
    text-align: center;
    background-color: White;
}
table.dataGrid td.b
{
    font-weight: bold;
}
table.dataGrid td.processing
{
    color: #009cc2;
}
table.dataGrid td.expired
{
    color: #dc143c;
}
table.dataGrid td span
{
    color: #aaa;
    font-size: smaller;
}
table.dataGrid td span.hilite
{
    color: #ee6c4d;
    font-size: 14px;
}
table.dataGrid td p.dl
{
    color: inherit !important;
    font-size: smaller;
    margin-bottom: 0px;
}
table.dataGrid td a,
table.dataGrid td a:visited
{
    display: block;
    /*color: #1980b6;*/
    text-decoration: none;
    text-align: center;
    background-color: White;
    border: 1px solid White;
}
table.dataGrid td a:hover
{
    color: White;
    text-decoration: none;
    background-color: #1980b6;
    border: 1px solid #1980b6;
}
table.dataGrid td a:active
{
    color: White;
    text-decoration: none;
    background-color: #146794;
    border: 1px solid #146794;
}

/*--- nav link id's ---*/

div.nav-left
{
    float: left;
    font-size: smaller;
    color: #aaa;
    margin: 10px 0;
}
div.nav-right
{
    float: right;
    font-size: smaller;
    color: #aaa;
    margin: 10px 0;
}
div.nav-right a
{
    padding: 6px;
    border-top: 1px solid #e1e1e1;
    border-left: 1px solid #e1e1e1;
    border-bottom: 1px solid #e1e1e1;
    background-color: #fff;
}
div.nav-right a:hover
{
    background-color: #f5f7f7;
    text-decoration: none;
}
div.nav-right span
{
    color: #aaa;
    cursor: no-drop;
    padding: 6px;
    border-top: 1px solid #e1e1e1;
    border-left: 1px solid #e1e1e1;
    border-bottom: 1px solid #e1e1e1;
}

table.dataGrid td input[type="text"],
table.dataGrid td input[type="password"]
{
    width: 40px !important;
    padding: 0 5px !important;
}

/*-- pagination overrides --*/

hr.data-grid {
	border-top: 1px solid #eee;
	margin-top: 10px;
	margin-bottom: 10px;
}
.grid-form {
	margin: 0 !important;
	padding: 0 !important;
}
.mt4 {
	margin-top: 4px !important;
}
.mb0 {
	margin-bottom: 0px !important;
}
.m0 {
	margin: 0px;
}
.p0 {
	padding: 0px;
}
.w80 {
	width: 80px;
}
.page-info {
	text-align: left;
}
.pagination {
	margin: 0px;
	float: right;
}
.pagination > li > input,
.pagination > li > button {
	position: relative;
	float: left;
	padding: 6px 12px;
	margin-left: -1px;
	line-height: 1.42857143;
	color: #337ab7;
	text-decoration: none;
	background-color: #fff;
	border: 1px solid #ddd;
}
.pagination  > li:first-child > button {
	margin-left: 0;
	color: #666;
	background-color: #fafafa;
}
.pagination > li:last-child > button {
	color: #748cab;
	background-color: white;
}
.pagination > li > input:hover,
.pagination > li > input:focus,
.pagination > li > button:hover,
.pagination > li > button:focus {
	z-index: 2;
	color: #ee6c4d;
	background-color: #f9fafb;
	border-color: #e2e4e6;
}
.pagination > li.active > input,
.pagination > li.active > button {
	z-index: 3;
	color: #fff;
	cursor: default;
	background-color: #f9fafb;
	border-color: #e2e4e6;
}
.pagination > li.disabled > input,
.pagination > li.disabled > button {
	color: #e2e4e6;
	text-decoration: none;
	background-color: #f9fafb;
	border: #e2e4e6 1px solid;
	cursor: not-allowed;
}