.table {
	border-collapse: collapse;
	border-spacing: 0;
	border:none;
	margin: 0;
	padding: 0;
	width: 100%;
}

/* Table Row */

.trow, .tnohover {
	background-color: var(--main-table-color-scheme-a);
}

.trow:nth-child(odd), .tnohover:nth-child(odd) {
	background-color: var(--main-table-color-scheme-b);
}

.trow:hover {
	background-color: var(--main-table-color-scheme-c);
}

.trow > td, .tnohover > td {
	padding:12px 10px;
	vertical-align: top;
}

.trow > td:first-child, .tnohover > td:first-child {
	border-left:1px solid var(--main-border-color);
	padding-left:15px;
}

.trow > td:last-child, .tnohover > td:last-child {
	border-right:1px solid var(--main-border-color);
	padding-right:15px;
}

.trow:last-child > td, .tnohover:last-child > td {
	border-bottom:1px solid var(--main-border-color);
}

/* Table Head */

.thead td {
	box-shadow:inset 0px 1px 0px 0px rgba(255,255,255,0.1);
	background-color: var(--main-color-scheme-a);
	border-bottom:1px solid var(--main-border-color);
	border-right:1px solid var(--main-border-color);
	padding: 10px;
	color:#fff;
	font-family: var(--secondary-font);
}

.thead > td:first-child {
	border-left:1px solid var(--main-border-color);
	padding-left:15px;
}

.thead > td:last-child {
	padding-right:15px;
}

.thead:first-child > td {
	border-top:1px solid var(--main-border-color);
}

/* Responsive Table */

@media screen and (max-width: 600px), screen and (max-device-width: 600px) {

	.responsive-table .thead {
		border: none;
		clip: rect(0 0 0 0);
		height: 1px;
		margin: -1px;
		overflow: hidden;
		padding: 0;
		position: absolute;
		width: 1px;
	}

	.responsive-table tr {
		display: block;
		margin-bottom: 5px;
	}

	.responsive-table tr:last-child{
		margin-bottom: 0;
	}	

	.responsive-table .trow > td::before, .responsive-table .tnohover > td::before {
		content: attr(data-label);
		float: left;
		font-weight: bold;
	}

	.responsive-table .trow > td, .responsive-table .tnohover > td {
		display: block;
		text-align: right;
		width: auto;
		min-width: 0;
		background-color: var(--main-table-color-scheme-a);
		border-left:1px solid var(--main-border-color);
		border-right:1px solid var(--main-border-color);
	}

	.responsive-table .trow > td:nth-child(odd), .responsive-table .tnohover > td:nth-child(odd) {
		background-color: var(--main-table-color-scheme-b);
	}

	.responsive-table .trow > td:first-child, .responsive-table .tnohover > td:first-child {
		border-top:1px solid var(--main-border-color);
	}

	.responsive-table .trow > td:last-child, .responsive-table .tnohover > td:last-child {
		border-bottom:1px solid var(--main-border-color);
	}

	.responsive-table .trow > td:hover{
		background-color: var(--main-table-color-scheme-c);
	}
}

/* Section */

.section-head, .section-foot {
	border:1px solid var(--main-border-color);
	background-color: var(--main-table-color-scheme-a);
	background-image: url('/images/textures/subtle-dark-vertical.png');
	padding:12px;
	padding-left:15px;
	padding-right:15px;
}

.section-head {
	border-bottom:0;
	font-size:16px;
	font-weight:600;
	color: var(--main-color-scheme-a);
	font-family: var(--secondary-font);
}

.section-body {
	background-color: var(--main-table-color-scheme-a);
	padding:5px;
	border:1px solid var(--main-border-color);
}

.section-foot {
	border-bottom-left-radius:3px;
	border-bottom-right-radius:3px;
	border-top:0;
}

/* Filter Block */

.filter-block{
width:100%; 
display:inline-block;
border:1px solid var(--main-border-color);
border-bottom:none;
background-color: var(--main-table-color-scheme-a);
background-image: url('/images/textures/subtle-dark-vertical.png');
padding:6px;
-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box;    /* Firefox, other Gecko */
box-sizing: border-box;  
}

.filter-text
{
font-size:16px;
font-weight:600;
color: var(--main-color-scheme-a);
font-family: var(--secondary-font);
line-height:30px;
text-indent: 10px;
}

/* Content Box */

.box-style-one {
background: var(--main-table-color-scheme-a);
border:1px solid var(--main-border-color);
border-radius: 3px;
padding: 10px;
margin-bottom:10px;
}

.box-style-two {
background: var(--main-table-color-scheme-c);
padding: 10px;
margin-bottom:5px;
border:1px solid var(--main-border-color);
}

.box-style-two:last-child {
margin-bottom:0;
}

.counter-style-two {
text-align:center;
vertical-align:middle; 
padding:0px 30px 0px 10px; 
width:1%; 
white-space:nowrap;
}

.box-glow-animated-green {
  animation: animated-green 2s infinite alternate cubic-bezier(0.455, 0.030, 0.515, 0.955);
}

@keyframes animated-green {
  0% {
    box-shadow: inset 0 0 8x rgba(0,255,0,.6),
                 inset 0 0 16px rgba(0,255,0,.6),
                 inset 0 0 24px  rgba(0,255,0,.6),
                 inset 0 0 32px  rgba(0,255,0,.6);
  }
  100% {
    box-shadow: inset 0 0 4px rgba(0,255,0,.6),
                 inset 0 0 8px rgba(0,255,0,.6),
                 inset 0 0 12px rgba(0,255,0,.6),
                 inset 0 0 16px rgba(0,255,0,.6);
  }
}

/* Page Bar */

.page-bar {
	text-decoration: none;
	font-family: var(--secondary-font);
	font-size:11px;
	font-weight:600;
	width:100%;
	text-align:right;	
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	border:1px solid var(--main-border-color);
	border-top:none;
	padding:6px 12px 6px 12px;
	border-bottom-right-radius:3px;
	border-bottom-left-radius:3px;
	text-shadow: 0px 1px rgba(0,0,0,0.4);
	background-color: var(--main-table-color-scheme-a);
	box-shadow:inset 0px -1px 0px 0px rgba(255,255,255,0.1);
}

.page-label {
	display:inline-block;
	margin-right:2px;
}

.page-bar a {
	display:inline-block;	
	background-color: var(--main-color-scheme-a);
	border:1px solid var(--main-border-color);
	color:#fff;
	line-height:12px;
	padding:4px 8px 4px 8px;
	border-radius:3px;
}

.page-bar a:hover {
	opacity:1;
	filter:alpha(opacity=100);
	-webkit-transition:all 0.1s ease-in-out;
	-moz-transition:all 0.1s ease-in-out;
	-o-transition:all 0.1s ease-in-out;
	transition:all 0.1s ease-in-out;		
	background-color: var(--main-color-scheme-b);
}

/* Tutorial  */

.tutorial {
	width: 100%;
	margin:auto;
}

.tutorial-icon {
	color:#fff;
	font-size:14px;
}

.tutorial-header {
	font-family: var(--secondary-font);
	font-weight:600;
	color: #fff;
	background-color: var(--main-color-scheme-a);
	padding:5px;
	padding-left:10px;
	border-top-left-radius:5px;
	border-top-right-radius:5px;
	border:1px solid var(--main-border-color);
	border-bottom:0;
}

.tutorial-body {
	font-size:11px;
	background-color: var(--main-table-color-scheme-a);
	padding:10px;
	border-bottom-left-radius:5px;
	border-bottom-right-radius:5px;
	border:1px solid var(--main-border-color);
	border-top:0;
}

/* Alerts */

.alert {
	width:100%;
	box-sizing: border-box; 
	padding-bottom:12px;
}

.alert-header {
	font-family: var(--secondary-font);
	font-weight:600;
	color: #fff;
	background-color: var(--main-color-scheme-a);
	padding:5px;
	padding-left:10px;
	border-top-left-radius:5px;
	border-top-right-radius:5px;
	border:1px solid var(--main-border-color);
	border-bottom:0;
}

.alert-body {
	font-size:11px;
	background-color: var(--main-table-color-scheme-a);
	padding:10px;
	border-bottom-left-radius:5px;
	border-bottom-right-radius:5px;
	border:1px solid var(--main-border-color);
	border-top:0;
}

.failure-alert, .success-alert {
	width: 100%;
	margin:auto;
	display:none;
}

.failure-alert-header, .success-alert-header {
	font-family: var(--secondary-font);
	font-weight:600;
	color: #fff;
	padding:5px;
	padding-left:10px;
	border-top-left-radius:5px;
	border-top-right-radius:5px;
	border:1px solid var(--main-border-color);
	border-bottom:0;
}

.failure-alert-header {
	background-color:#7d0000;
}

.success-alert-header {
	background-color:#007d00;
}

.failure-alert-body, .success-alert-body {
	font-size:11px;
	background-color: var(--main-table-color-scheme-a);
	padding:10px;
	border-bottom-left-radius:5px;
	border-bottom-right-radius:5px;
	border:1px solid var(--main-border-color);
	border-top:0;
}