@font-face {
		font-family: VekaRegular;
		src: url("/fonts/CeraVEKA-Regular.woff2");
	}

	@font-face {
		font-family: VekaBold;
		src: url("/fonts/CeraVEKA-Bold.woff2");
	}

	@font-face {
		font-family: VekaLight;
		src: url("/fonts/CeraVEKA-Light.woff2");
	}
	
	body {
		font-family: VekaRegular;
		font-size: 15px;
		background-color: White;
		background-size: cover;
		margin: 0 auto;
		height: 100%;
		width: 100%;
	}

	header {
		position: fixed;
		top: 0px;
		height: 60px;
		width: 100%;
		background-color: White;
		border-bottom: 1px solid #EAEBEE;
		z-index: 1000;
	}

	header .header_logo {
		height: 60px;
	}

	header .header_logo img {
		height: 40px;
		padding: 10px;
	}

	header .header_logo .org_name {
		font-family: VekaBold;
		font-size: 15px;
		color: #0069b4;
		position: absolute;
		text-transform: uppercase;
		top: 7px;
		left: 67px;
	}

	header .header_logo .org_info {
		font-family: VekaLight;
		font-size: 13px;
		color: #84858A;
		position: absolute;
		top: 25px;
		left: 67px;
		line-height: 13px;
	}

	a {
		color: #0f4a97;
		font-style: normal;
		text-decoration: none;
	}
	a:hover {
		text-decoration: underline;
	}

	input {
		padding: 5px;
		font-family: VekaLight;
		font-size: 20px;
		border-radius: 0px;
		border: 1px Solid silver;
		margin-left: 0px;
		margin-bottom: 5px;
		width: calc(100% - 17px);
	}

	button {
		vertical-align: middle;
		height: 36px;
		padding-left: 7px;
		cursor: pointer;
		background-color: #f5f5f5;
		border: 0px Solid Silver;
		border-radius: 0px;
		margin: 0px;
		padding-right: 7px;
		font-size: 13px;
	}

	.button_blue {
		transition: 200ms ease-out;
		padding: 0 16px;
		height: 48px;
		background-color: #0069B4;
		color: #FFFFFF;
		border: 0px;
		font-family: VekaRegular;
		cursor: pointer;
		text-transform: uppercase;
		min-width: 0px;
	}

	select {
		padding: 3px;
		font-size: 14px;
		border-radius: 0px;
		border: 1px Solid #d3d3d3;
		background-color: #ffffff;
		margin-left: 0px;
		margin-bottom: 5px;
		margin-top: 2px;
		height: 35px;
		width: calc(100% - 5px);
		font-family: VekaLight;
		font-size: 20px;
	}

	.head_top {
		position: fixed;
		height: 50px;
		width: 100%;
		top: 0px;
		border-bottom: 1px solid #EAEBEE;
        background-color: #f3f5f9;
		margin: 0 auto;
		z-index: 100;
	}

	.head_top .counterBlock {
		position: absolute;
		height: 100%;
		width: 175px;
		top: 0px;
		right: 0px;
		display: flex;
	}

	.head_top .counterBlock .onlineCounter {
		position: relative;
		top: 6px;
		left: 5px;
		width: 40px;
		background-color: #0069B4;
		color: white;
		padding: 6px;
		text-align: center;
		font-size: 20px;
		height: 27px;
	}

	.head_top .counterBlock .offlineCounter {
		position: relative;
		top: 6px;
		left: 5px;
		width: 40px;
		background-color: #b40000;
		color: white;
		padding: 6px;
		text-align: center;
		font-size: 20px;
		height: 27px;
		margin-left: 3px;
	}

	.head_top .counterBlock .allCounter {
		position: relative;
		top: 6px;
		left: 5px;
		width: 40px;
		background-color: #355165;
		color: white;
		padding: 6px;
		text-align: center;
		font-size: 20px;
		height: 27px;
		margin-left: 3px;
	}

	.head_top img #logo {
		position: absolute;
		left: 0px;
		top: 0px;
	}

	.head_top .title {
		position: absolute;
		margin-left: 250px;
		top: 15px;
	}

	.head_top .menu {
		position: absolute;
		right: 15px;
		top: 10px;
		height: 46px;
		width: 250px;
		text-align: right;
	}

	.head_top .menu img:hover {
		background-color: #c9ff4c;	
	}

	.head_bottom {
		background-color: #f4f5f4;
		height: 15px;
		position: fixed;
		bottom: 0px;
		width: 100%;
		color: Gray;
		border-top: 1px Solid Silver;
		margin: auto;
		line-height: 15px;
	}

	.content {
		position: absolute;
		width: 100%;
		height: auto;
		top: 61px;
		bottom: 15px;
		background-color: White;
	}

	.content table {
		width: 100%;
	}

	.content table .top
	{
		background-color: #e7e7e7;
		font-size: 15px;
		border-bottom: 1px Solid Silver;
		padding: 5px;
		padding-left: 10px;
		border-right: 1px Solid Silver;
	}

	.content table .top_big
	{
		background-color: #e7e7e7;
		font-size: 12px;
		border-bottom: 1px Solid Silver;
		padding: 5px;
		padding-left: 10px;
		border-right: 1px Solid Silver;
	}

	.content table .top_last
	{
		background-color: #e7e7e7;
		font-size: 12px;
		border-bottom: 1px Solid Silver;
		padding: 5px;
		padding-left: 10px;
		border-right: 0px Solid Silver;
	}

	.content table tr:hover 
	{
		background-color: #f5f5f5;
	}

	.content table td
	{
		font-size: 14px;
		border-bottom: 1px solid #EAEBEE;
		padding: 5px;
		padding-right: 5px;
		padding-left: 10px;
		border-right: 1px Solid #EAEBEE;
	}

	.content table .sysinfo {
		font-size: 14px;
	}
	
	.content table tr td img {
		height: 20px;
	}

	.small_text {
		font-size: 12px;
	}

	.wifi {
		position: relative;
		right: 0px;
		top: 0px;
		bottom: 0px;
		width: 3px;
		height: 100%;
		background-color: Green;
	}

	.report {
		position: fixed;
		width: 100%;
		height: auto;
		top: 61px;
		left: auto;
		right: auto;
		bottom: 0px;
		z-index: 100;
		background-color: White;
		margin-left: 1px;
		display: none;
		overflow: auto;
	}

	.report .params {
		padding: 10px;
		line-height: 30px;
	}
	
	.report .params button {
		
	}
	
	.report .params select {
		padding: 3px;
	}

	.report .data {
		position: relative;
		width: 100%;
		height: calc(100% - 81px);
		margin-top: 0px;
		margin-bottom: 0px;
		border-top: 1px Solid Silver;
	}

	.whiteBack {
		position: fixed;
		top: 0px;
		left: 0px;
		right: 0px;
		bottom: 0px;
		background-color: white;
		z-index: 100;
		opacity: 0.8;
		display: none;
	}

	.loginForm {
		position: fixed;
		right: -10px;
		top: 20px;
		margin: 0 auto;
		display:none;
		z-index: 101;
		width: 250px;
		height: 170px;
		border: 1px Solid Silver;
		
		background-color: White;
	}

	.loginForm .close {
		position: absolute;
		left: 5px;
		top: 5px;
		cursor: pointer;
	}

	.loginForm .form {
		position: absolute;
		top: 25px;
		left: 25px;
		right: 25px;
		bottom: 25px;
		z-index: 102;
	}

	.loginForm .head {
		text-align: center;
		color: Green;
		font-size: 14px;
		margin-top: 5px;
	}

	.loginForm .form input {
		width: 100%;
		margin-left: -8px;
		font-size: 12px;
	}

	.loginForm .form button {
		padding: 10px;
		margin: 2px;
		font-size: 12px;
		border-radius: 3px;
	}

	.loginForm .form button:hover {
		background-color: Silver;
	}
	
	#login_btn {
		display: none;
	}
	
	.button_stat_day {
		margin-left: 6px;
		width:146px;
	}
	
	.button_report_close {
		margin: 3px;
		padding: 5px;
		position: absolute;
		right: 5px;
		top: 5px;
	}

@media screen and (max-width: 768px) {
	.head_top .menu {
		display: none;
	}
	
	.head_top .title {
		position: absolute;
		font-size: 12px;
		left: calc(100% / 2 - 415px);
		top: 8px;
	}
	
	#login_btn {
		display: none;
	}
	
	.content table .top {
		font-size: 12px;
	}
	
	.content table .top_big
	{
		background-color: #e7e7e7;
		font-size: 13px;
		border-bottom: 1px Solid Silver;
		padding: 5px;
		padding-left: 10px;
		border-right: 1px Solid Silver;
		display: none;
	}

	.content table .top_last
	{
		background-color: #e7e7e7;
		font-size: 12px;
		border-bottom: 1px Solid Silver;
		padding: 5px;
		padding-left: 10px;
		border-right: 0px Solid Silver;
	}

	.content table tr:hover 
	{
		background-color: #f5f5f5;
	}

	.content table td
	{
		font-size: 12px;
		border-bottom: 1px Solid #EAEBEE;
		padding: 5px;
		padding-left: 10px;
		border-right: 1px Solid #EAEBEE;
	}

	.content table .sysinfo {
		font-size: 10px;
		display: none;
	}
	
	.report .data {
	    position: relative;
		width: calc(100% - -1px);
		height: calc(100% - 111px);
		margin-left: -1px;
		margin-bottom: 5px;
	}
	
	.report .data .report_data_full {
		display: none;
	}
	
	.button_stat_day {
		margin-left: 2px;
		width:144px;
	}
	
	.button_report_close {
		margin: 3px;
		padding: 5px;
		position: fixed;
		right: 5px;
		top: 5px;
	}
}


@media screen and (max-width: 511px) {
	button {
		vertical-align: middle;
		height: 36px;
		padding-left: 7px;
		cursor: pointer;
		background-color: #f5f5f5;
		border: 0px Solid Silver;
		border-radius: 0px;
		margin: 0px;
		padding-right: 7px;
		font-size: 13px;
		width: calc(100% - 5px);
		margin-bottom: 2px;
	}

	.button_blue {
		transition: 200ms ease-out;
		padding: 0 16px;
		height: 48px;
		background-color: #0069B4;
		color: #FFFFFF;
		border: 0px;
		font-family: VekaRegular;
		cursor: pointer;
		text-transform: uppercase;
		min-width: 0px;
	}
}