.index-statistics {
	font-family: "Open Sans", sans-serif;
	font-size: 12pt;
}

.index-statistics .panel {
	padding: 6px 15px;
	color: #FFF;
	box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15);
	cursor: default;
}

.index-statistics .panel .fa {
	font-size: 33pt;
	float: left;
	margin-top: 10px;
	margin-right: 10px;
	transition: all .2s ease-in-out;
	color: rgba(0, 0, 0, .2);
}

.index-statistics .panel:hover .fa {
	transform: scale(1.1);
}

.index-statistics .panel h1 {
	margin: 0;
	text-shadow: 2px 2px 0 rgba(0, 0, 0, .1);
}

.index-statistics .col-md-4:nth-child(1) .panel {
	background-color: #00BCD4;
}

.index-statistics .col-md-4:nth-child(2) .panel {
	background-color: #8BC34A;
}

.index-statistics .col-md-4:nth-child(3) .panel {
	background-color: #FFC107;
}

.index-statistics .col-md-4:nth-child(4) .panel {
	background-color:
		/*#F44336*/
		#E91E63;
}

.index-statistics .col-md-4:nth-child(5) .panel {
	background-color: #FFD600;
}

.index-statistics .col-md-4:nth-child(6) .panel {
	background-color: #0097A7;
}

.index-statistics .col-md-4 a.panel {
	display: block;
	cursor: pointer;
}

.index-statistics .col-md-4 a.panel:hover {
	text-decoration: none;
}

.index-statistics .col-md-4 .tooltip .tooltip-arrow {
	border-bottom-color: #E65100;
}

.index-statistics .col-md-4 .tooltip .tooltip-inner {
	background-color: #E65100;
	border-radius: 10px;
	font-family: "Open Sans", sans-serif;
	font-size: 9pt;
	box-shadow: 0px 2px 0 rgba(0, 0, 0, 0.14);
}

.online-users .online-user-row {
	background-color: #FFF;
	box-shadow: 0 1px 4px rgba(0, 0, 0, .15);
	padding: 6px 8px;
	/* cursor: pointer; */
	height: 32px;
}

/* .online-users .online-user-row:hover, */
.online-users .online-users-more:hover {
	cursor: pointer;
	box-shadow: 0 1px 4px rgba(0, 53, 113, 0.5);
}

.online-users .online-user-row .name {
	float: left;
}

.user-online-icon {
	display: block;
	background-color: #76FF03;
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
	height: 8px;
	width: 8px;
	border-radius: 100px;
	float: left;
	margin-top: 9px;
	margin-right: 7px;
}

.online-info {
	float: right;
	font-size: 8pt;
	padding-top: 3px;
	color: #64DD17;
}

.online-info .online-mobile:before {
	display: inline-block;
	font: normal normal normal 14px/1 FontAwesome;
	font-size: inherit;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	content: "\f10b";
	margin-right: 5px;
}

.online-users .online-users-more img {
	height: 100%;
	width: auto;
	display: block;
	margin: 0 auto;
	opacity: .15;
}

.online-users .online-users-more:hover img {
	opacity: .25;
}

.online-users-all {
	padding: 0;
}

.online-users-all ul {
	padding: 0;
	margin: 0;
	list-style: none;
}

.online-users-all ul li {
	padding: 10px 20px;
	border-bottom: 1px solid #EEE;
}

.online-users-all ul li:last-child {
	border-bottom: 0;
}

.action-log>ul,
.action-log>ul>li .description {
	margin: 0;
	padding: 0;
	list-style: none;
}

.action-log>ul {
	max-height: 237px;
	overflow-y: auto;
}

.action-log>ul>li {
	border-bottom: 1px solid #eee;
	margin-bottom: 3px;
	padding: 0 5px 3px 5px;
}

.action-log>ul>li:last-child {
	border-bottom: none;
	margin-bottom: 0;
	padding-bottom: 0;
}

.action-log>ul>li .description {
	display: inline;
	font-size: 8pt;
}

.action-log .content {
	font-size: 10pt;
}

.content .date {
	font-size: 8pt;
	text-align: right;
	color: #90A4AE;
}

.action-log>ul>li .description>li {
	display: inline;
	border-right: 1px solid #eee;
	padding-right: 5px;
	margin-right: 5px;
}

.action-log>ul>li .description>li:last-child,
.action-log>ul>li .description>li.icon {
	border-right: none;
	padding-right: 0;
	margin-right: 0;
}

.action-log h3,
.online-users h3 {
	margin-top: 0;
}

.avg-prec-1,
.avg-prec-2,
.avg-prec-3 {
	color: #FFF;
	font-size: 11pt;
	text-shadow: 0 0 2px rgba(0, 0, 0, 0.5);
}

.avg-prec-1 {}

.avg-prec-2 {
	color: #7EEBFF;
}

.avg-prec-3 {
	color: #C0FF7E;
}

#index-table tr.banned {
	color: #E0E0E0;
	text-decoration: line-through;
}

#index-table tr.banned>td:first-child:before {
	display: inline-block;
	font: normal normal normal 14px/1 FontAwesome;
	font-size: inherit;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	transform: translate(0, 0);
	content: "\f023";
	padding-right: 10px;
}

.suspension-warning {
	margin-top: 20px;
}

@media (max-width: 992px) {
	.index-statistics .panel {
		text-align: center;
		font-size: 8pt;
	}

	.index-statistics .panel .fa {
		display: none;
	}

	.index-statistics .panel h1 {
		font-size: 31px;
	}

	.index-statistics .col-md-4 .tooltip {
		display: none !important;
	}

	.online-users .online-user-row {
		margin-bottom: 15px;
	}
}