.mod-index-pages,
.mod-users_online {
    background: #fff;
    max-width: 1200px;
	min-width: 320px;
    margin: 20px auto 0 auto;
    position: relative;
	padding: 0;
}

.mod-users_online-page {
	background: #fff;
	border-radius: 12px;
	min-height: 500px;
	box-shadow: 0 35px 65px 0 rgba(0, 23, 34, 0.1);
	margin-bottom: 60px;
	position: relative;
}

.mod-users_online-page-title {
	padding: 40px 50px 20px;
	color: #435762;
	font-size: 30px;
	font-weight: 100;
	border-bottom: 1px solid #d5dbdf;
}

.mod-users_online-page-tabs {
	position: absolute;
	right: 50px;
	top: 52px;
}

.mod-users_online-page-tabs a {
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	color: #899ca8;
	letter-spacing: 1px;
	text-transform: uppercase;
	min-height: 45px;
	line-height: 27px;
	margin-right: 50px;
	display: inline-block;
	border-bottom: 4px solid transparent;
}

.mod-users_online-page-tabs a:last-child {
	margin-right: 0;
}

.mod-users_online-page-tabs a > span {
	position: relative;
	top: 2px;
	margin-right: 17px;
}

.mod-users_online-exe > span {
	display: inline-block;
	width: 17px;
	height: 17px;
	background: url("data:img/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAARCAMAAAAMs7fIAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAk1BMVEX////V2t7W2t7W2t7W2t7V2t7W2t7V2t7W2t7W2t7V2t3V2t3W2t7V2t7V2t7W2t7W2t7V2t7W2t7W2t7V2t3V2t7V2t7W2t7V2t7V2t7W2t7V2t7W2t7V2t3W2t7V2t7W2t7W2t7W2t7W2t7V2t3V2t7V2t7W2t7W2t7V2t3W2t7V2t7V2t7W2t7V2t7V2t3///+jl77qAAAALXRSTlMACfcJEBDkCPM3EAgfH+skJgJcwRISm5rYGGtsZGsYVFSUamNsapTQ/v6X/pckx2BHAAAAAWJLR0QAiAUdSAAAAAd0SU1FB+ILCRAsIm3354gAAACoSURBVBjTPU8HEsIwDBOQFCh7l7L3lPP/36E2LXLuHMm2nABAo0nByGYLES5ywVWKr1qMvqBJu6NrN/W+SwudXgLV+iqbiXMghuGodGAhiY+HmEwZbDZ3zi1mKkwnwJL/VcJK1llNJAdmwFrTuWLDre1ktcdBK+qhIh1xIs9quDC3a7iRdzwsPrfue8BV8PGkDoFWhhBKKzxrIVgpvPD+sPhRdLHw/P4AuDYmJYU4X4wAAAAASUVORK5CYII=") no-repeat;
}

.mod-users_online-exe:hover > span,
.mod-users_online-exe.active > span {
	background: url("data:img/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAARCAMAAAAMs7fIAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAh1BMVEX///99yP18x/19yP18x/19yP19x/19yP18x/19yP18x/19yP19yP19yP19yP18x/19yP18x/19yP19yP19yP19yP19yP19yP19yP19x/19yP19x/19yP18x/19yP19yP19yP19yP19yP18x/19yP19yP18x/19yP19yP19x/18x/19yP7////dpESlAAAAKHRSTlMACff3EBAQ5AjzNzcIH+skJgJcwRICm5rYGGtsZBhUlGpsY5TQ/v6XUirU3AAAAAFiS0dEAIgFHUgAAAAHdElNRQfiCwkQJwxS1TOMAAAArklEQVQY01WOiRKCMAxEVyUi3gfeiqAgSfz//3NbGGfcdtI0fc0GAAZDNQ0aDdApUXWNRfmrUD4O13SSMZ+KyIxYNk9BeBF/EPss+BnLlXYyCw/rJTZbJrtcxpLvmG33wMFjXw+E2ZGtT2qh0k3kJ+DM88J11Ruj6x1F35ecB7bAw7W0yp56sUpLtxdq7wfu5DUkETqHGJUI3PxnFWE0IX56c479RtuQ4Y5mak37BcDKIoSA90KhAAAAAElFTkSuQmCC") no-repeat;
}

.mod-users_online-cli > span {
	display: inline-block;
	width: 13px;
	height: 14px;
	background: url("data:img/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAAOCAQAAABedl5ZAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QA/4ePzL8AAAAHdElNRQfiCwkQKS2APw5cAAAA5UlEQVQY00WPsS5EYRCFvzP3RxTLWiVRbqJW6hWKJdFoRS3brM4rCIlSqHWylWcQb7CJTn0LieyK3P8o7n+ZauaczHxn9ACAVnzuKw3yR9zq3t8gqmOAJV1yrZ5TDDjUglcaCGPY9cQYAcYTD8GkDHhTfWFK9bUGkIRhTjGMMPwAhAiqmabdSkbTeA+CAMg1Y14gY+JZ41yD0SMmUwHNnnr+irf2uEigVS48ZBG1mwjOWGamO+aJ7fyk/RavDohHOq1GNzqiGG1KAdrxRvikDEVue8NBsG5Mh/57G7aSPlEn/BsCfgGPX1KOIqwVFQAAAABJRU5ErkJggg==") no-repeat;
}

.mod-users_online-cli:hover > span,
.mod-users_online-cli.active > span {
	background: url("data:img/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAAOCAMAAADDoWbgAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAn1BMVEX///99yP19yP18x/18x/19yP19yP18x/18x/19yP19yP19yP18x/19yP19x/19x/18x/19yP19yP19yP19yP19yP18x/19yP19x/19yP19x/19yP19yP19yP19x/19yP19yP18x/18x/18x/19yP19yP18x/18x/19yP19yP19yP19yP19x/19yP18x/19x/18x/19yP19x/19yP7////8JuqyAAAAMHRSTlMAB2rm+NxsBwV7Bi7v7yxBOjg1ErAftq4zQDUJdpyUgn+BlpwcxMQcnZ7w5PHy8vK+7J59AAAAAWJLR0QAiAUdSAAAAAd0SU1FB+ILCRAsNe4kYk8AAACCSURBVAjXNY2HEsIwDEPFpmxoC3RA2Tsgp///byQO6M5nv7MtAUCj2Wp3uj2o+hEpVqKB0nAkXuOJ0lTogPVMaW6tJy6U4sR9CZM42KRLt1ul+Gud5b+pKDfbarc/HMsCOJ2pARRerrhJ7U3U9Y4HaUOg2Cd8k3Asgpcx5u3KfFz/Aj9dFQBjI9FmAAAAAElFTkSuQmCC") no-repeat;
}

.mod-users_online-page-tabs a:hover {
	color: #303030;
	border-bottom: 4px solid #d5dbdf;
}

.mod-users_online-page-tabs a.active {
	color: #303030;
	border-bottom: 4px solid #44c9ff;
}

.mod-users_online-page-content {
	padding: 50px;
}

.mod-users_online-page-online {
	margin-bottom: 30px;
	font-weight: bold;
	font-size: 14px;
	color: #303030;
}

.mod-users_online-page-block {
	display: none;
	font-size: 14px;
	font-weight: normal;
	color: #62737d;
}

.mod-users_online-page-block.active {
	display: block;
}

.mod-users_online-page-block a {
	font-size: 14px;
	font-weight: normal;
	color: #62737d;
	text-decoration: none;
	border-bottom: 1px dotted transparent;
}

.mod-users_online-page-block a:hover {
	color: #1591c5;
	text-decoration: none;
	border-bottom: 1px dotted #1591c5;
}

.mod-users_online-page-block a .user-in-list:before {
	position: relative;
	left: 0 !important;
	margin-right: 0 !important;
}

@media only screen and (max-width: 1200px) {
	.mod-users_online {
		padding: 0 10px;
	}
}

@media only screen and (max-width: 730px) {
	.mod-users_online-page-title {
		padding: 20px 20px 10px;
		font-size: 24px;
	}
	.mod-users_online-page-tabs {
		position: relative;
		right: auto;
		top: auto;
		border-bottom: 1px solid #d5dbdf;
		padding: 20px 20px 0;
	}
	.mod-users_online-page-content {
		padding: 20px;
	}
}

@media only screen and (max-width: 360px) {
	.mod-users_online-page-tabs a {
		margin-right: 10px;
	}
}