/*************
  Black Ice Theme (by thezoggy)
 *************/
body
    {
	background-image: url(../../images/4.jpg);
	background-attachment: fixed;
	background-position: 50% 0;
	-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
	}
.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}    
h1{
    text-align:center;
    font-family:'Dosis', Sans-Serif;
    font-size:28px;
    font-weight:300;
    color:#121212;
    margin:30px 0 30px 0;
    }
    a {
        color: #8e865b;
        text-decoration: none;
    }
table{box-shadow:0 6px 10px rgba(0,0,0,0.5);}

#styleTitle
{
    font-family:'Open sans', Sans-Serif;
    font-size:26px;
    font-weight:400;
    color:#fff;
    padding: 20px 0 20px 0;
    text-align: center;
    background-color:#000;
        width: 100%;
    }
    .content_value i{margin:3px 5px 0 3px;color:#fff;float:left;} 
    .content_value
    {
        border:1px solid #333;
        padding-bottom: 10px;
        padding-top: 10px;
        }
    .content_divtxt{float:left; margin-left:3px;}

    #b64data{width:100%;}
/* overall */
.tablesorter {
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	font: 11px/18px Arial, Sans-serif;
	text-align: left;
	background-color: #000;
	border-collapse: collapse;
	border-spacing: 0;
}

/* header */
.tablesorter th,
.tablesorter thead td  {
	font: bold 13px/20px Arial, Sans-serif;
	color: #e5e5e5;
	text-align: left;
	text-shadow: 0 1px 0 rgba(0, 0, 0, 0.7);
	background-color: #111;
	border: 1px solid #232323;
}
.tablesorter .header,
.tablesorter .tablesorter-header {
	padding: 4px 20px 4px 4px;
	cursor: pointer;
	background-image: url(data:image/gif;base64,R0lGODlhFQAJAIAAAP///////yH5BAEAAAEALAAAAAAVAAkAAAIXjI+AywnaYnhUMoqt3gZXPmVg94yJVQAAOw==);
	background-position: center right;
	background-repeat: no-repeat;
}
.tablesorter .headerSortUp,
.tablesorter .tablesorter-headerSortUp,
.tablesorter .tablesorter-headerAsc {
	background-image: url(data:image/gif;base64,R0lGODlhFQAEAIAAAP///////yH5BAEAAAEALAAAAAAVAAQAAAINjI8Bya2wnINUMopZAQA7);
	color: #fff;
}
.tablesorter .headerSortDown,
.tablesorter .tablesorter-headerSortDown,
.tablesorter .tablesorter-headerDesc {
	color: #fff;
	background-image: url(data:image/gif;base64,R0lGODlhFQAEAIAAAP///////yH5BAEAAAEALAAAAAAVAAQAAAINjB+gC+jP2ptn0WskLQA7);
}
.tablesorter thead .sorter-false {
	background-image: none;
	cursor: default;
	padding: 4px;
}

/* tfoot */
.tablesorter tfoot .tablesorter-headerSortUp,
.tablesorter tfoot .tablesorter-headerSortDown,
.tablesorter tfoot .tablesorter-headerAsc,
.tablesorter tfoot .tablesorter-headerDesc {
	/* remove sort arrows from footer */
	background-image: none;
}

/* tbody */
.tablesorter td {
	color: #ccc;
	vertical-align: top;
	background-color: #333;
	border: 1px solid #232323;
}

/* hovered row colors */
.tablesorter tbody > tr:hover > td,
.tablesorter tbody > tr.even:hover > td,
.tablesorter tbody > tr.odd:hover > td {
	background: #000;
}

/* table processing indicator */
.tablesorter .tablesorter-processing {
	background-position: center center !important;
	background-repeat: no-repeat !important;
	/* background-image: url(../addons/pager/icons/loading.gif) !important; */
	background-image: url('data:image/gif;base64,R0lGODlhFAAUAKEAAO7u7lpaWgAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh+QQBCgACACwAAAAAFAAUAAACQZRvoIDtu1wLQUAlqKTVxqwhXIiBnDg6Y4eyx4lKW5XK7wrLeK3vbq8J2W4T4e1nMhpWrZCTt3xKZ8kgsggdJmUFACH5BAEKAAIALAcAAAALAAcAAAIUVB6ii7jajgCAuUmtovxtXnmdUAAAIfkEAQoAAgAsDQACAAcACwAAAhRUIpmHy/3gUVQAQO9NetuugCFWAAAh+QQBCgACACwNAAcABwALAAACE5QVcZjKbVo6ck2AF95m5/6BSwEAIfkEAQoAAgAsBwANAAsABwAAAhOUH3kr6QaAcSrGWe1VQl+mMUIBACH5BAEKAAIALAIADQALAAcAAAIUlICmh7ncTAgqijkruDiv7n2YUAAAIfkEAQoAAgAsAAAHAAcACwAAAhQUIGmHyedehIoqFXLKfPOAaZdWAAAh+QQFCgACACwAAAIABwALAAACFJQFcJiXb15zLYRl7cla8OtlGGgUADs=') !important;
}

/* Zebra Widget - row alternating colors */
.tablesorter tr.odd td {
	background-color: #333;
}
.tablesorter tr.even td {
	background-color: #393939;
}

/* Column Widget - column sort colors */
.tablesorter td.primary,
.tablesorter tr.odd td.primary {
	background-color: #2f3a40;
}
.tablesorter tr.even td.primary {
	background-color: #3f4a50;
}
.tablesorter td.secondary,
.tablesorter tr.odd td.secondary {
	background-color: #3f4a50;
}
.tablesorter tr.even td.secondary {
	background-color: #4f5a60;
}
.tablesorter td.tertiary,
.tablesorter tr.odd td.tertiary {
	background-color: #4f5a60;
}
.tablesorter tr.even td.tertiary {
	background-color: #5a646b;
}

/* caption */
caption {
	background: #fff;
}

/* filter widget */
.tablesorter .tablesorter-filter-row td {
	background: #222;
	line-height: normal;
	text-align: center; /* center the input */
	-webkit-transition: line-height 0.1s ease;
	-moz-transition: line-height 0.1s ease;
	-o-transition: line-height 0.1s ease;
	transition: line-height 0.1s ease;
}
/* optional disabled input styling */
.tablesorter .tablesorter-filter-row .disabled {
	opacity: 0.5;
	filter: alpha(opacity=50);
	cursor: not-allowed;
}
/* hidden filter row */
.tablesorter .tablesorter-filter-row.hideme td {
	/*** *********************************************** ***/
	/*** change this padding to modify the thickness     ***/
	/*** of the closed filter row (height = padding x 2) ***/
	padding: 2px;
	/*** *********************************************** ***/
	margin: 0;
	line-height: 0;
	cursor: pointer;
}
.tablesorter .tablesorter-filter-row.hideme .tablesorter-filter {
	height: 1px;
	min-height: 0;
	border: 0;
	padding: 0;
	margin: 0;
	/* don't use visibility: hidden because it disables tabbing */
	opacity: 0;
	filter: alpha(opacity=0);
}
/* filters */
.tablesorter .tablesorter-filter {
	width: 100%;
	height: auto;
	margin: 0;
	padding: 4px;
	border-radius: 2px;
	background-color: #fff;
	border: 1px solid #bbb;
	color: #333;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: height 0.1s ease;
	-moz-transition: height 0.1s ease;
	-o-transition: height 0.1s ease;
	transition: height 0.1s ease;
}

/* ajax error row */
.tablesorter .tablesorter-errorRow td {
	text-align: center;
	cursor: pointer;
	background-color: #e6bf99;
}
/** PAGER **/

#myTable_pager_info
    {
        font-family: 'Open sans', Sans-serif;
	    color: #121212;
        font-weight: 400;
        font-size: 14px;
        text-align: center;
        text-transform: uppercase;
        }
        .left { float: left; }
    .right {
        float: right;
        -webkit-user-select: none;
        -moz-user-select: none;
        -khtml-user-select: none;
        -ms-user-select: none;
    }
    .pager{margin: 20px 0 10px 0; color:#fff}
    .pager .prev, .pager .next, .pagecount { cursor: pointer; }
    .pager a {
        text-decoration: none;
        border:1px solid #908c68; 
        -webkit-border-radius: 2px; 
        -moz-border-radius: 2px;
        border-radius: 2px;
        font-size:12px;
        font-family:arial, helvetica, sans-serif; 
        padding: 0px 5px 0px 5px; 
        text-decoration:none; 
        display:inline-block;
        font-weight:bold; 
        color: #FFFFFF;
         background-color: #a9a588; 
         background-image: -webkit-gradient(linear, left top, left bottom, from(#a9a588), to(#8e865b));
         background-image: -webkit-linear-gradient(top, #a9a588, #8e865b);
         background-image: -moz-linear-gradient(top, #a9a588, #8e865b);
         background-image: -ms-linear-gradient(top, #a9a588, #8e865b);
         background-image: -o-linear-gradient(top, #a9a588, #8e865b);
         background-image: linear-gradient(to bottom, #a9a588, #8e865b);
         filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#a9a588, endColorstr=#8e865b);
      
    }
    .pager a.current {
        color: #121212;
    }
    .tablesorter-pager{ padding: 0 10px 0 10px;}    
        
@media only screen and (max-width: 760px),
	(min-device-width: 768px) and (max-device-width: 1024px)  
	{
	    tfoot{display:block;}   
	    .tinytable{margin-top:50px;}
	    .tablesorter-filter-row td{ padding-left: 0;}
		table, thead, tbody, th, td, tr { 
			display: block; 
		}
		/* Hide table headers (but not display: none;, for accessibility) */
		thead #sortColumn { 
			position: absolute;
			top: -9999px;
			left: -9999px;
		}
		
		tr { border: 1px solid #C6D5E1; }
		
		table td { 
			/* Behave  like a "row" */
			border: none;
			border-bottom: 1px solid #eee; 
			position: relative;
			padding-left: 50%; 
		}
		table tfoot td {
		    padding-left: 0%; 
		}
		.content_value
         {
             padding-bottom: 25px;
             padding-top: 10px;
             }
		td:before { 
			/* Now like a table header */
			position: absolute;
			/*/left values mimic padding */
			left: 6px;
			width: 45%;
			padding-right: 10px; 
			white-space: nowrap;
		}
		#styleTitle
        {
            font-size:20px;
		    width: 100%;
            }
		/*
		Label the data
		*/
		tbody td:nth-of-type(1):before { content: "Id"; }
		tbody td:nth-of-type(2):before { content: "FirstName"; }
		tbody td:nth-of-type(3):before { content: "Surname"; }
		tbody td:nth-of-type(4):before { content: "Link"; }
		tbody td:nth-of-type(4):before { content: "Email"; }
		tbody td:nth-of-type(5):before { content: "Cell"; }
		tbody td:nth-of-type(6):before { content: "Country"; }
	}