html{width: 100%;height: 100%;}
html *{max-height:1000000px;box-sizing: border-box;}
body{width: 100%;height: 100%;font: 400 14px/20px Roboto;color: #1e1e1e;background: url(../img/bg_main.jpg) no-repeat 50% 0 #e2ffe2;}
ul, ol{margin: 0;padding: 0 0 0 20px;}
ul li{list-style-type: disc;}
img{display: block;border: none;}

.clear{clear: both;}
.container{min-width: 1260px;width: 100%;min-height: 100%;padding: 0;margin: 0 auto;position: relative;}
.wrap{width: 100%;width: 1260px;height: auto;padding: 0 20px;margin: 0 auto;position: relative;}
.wrapper{padding: 245px 0 90px 0;}

h1{padding: 0;margin: 0 0 40px 0;font: 400 40px/44px Roboto;color: #000;text-transform: uppercase;}
h2{padding: 0;margin: 0 0 25px 0;font: 400 18px/30px Roboto;color: #000;text-transform: uppercase;}
h3{padding: 0;margin: 0 0 30px 0;font: 600 18px/30px Roboto;color: #000;text-transform: uppercase;}

p{padding: 5px 0;margin: 0;font: 400 16px/30px Roboto;color: #000;}
b, strong{font-weight: 700;}

a{font: 400 16px/30px Roboto;color: #daa00f;text-decoration: underline;}
a:hover{text-decoration: none;}


.btn{height: 40px;padding: 15px 50px 0 50px;display: block;position: relative;
	font: 600 16px/16px Roboto;color: #287c40;text-align: center;text-decoration: none;text-transform: uppercase;
	background: #d9d9d9;opacity: 0.9;cursor: pointer;
	-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;
}
	button.btn{padding-top: 0;outline: 0 none;border: 0 none;margin: 0 auto;cursor: pointer;}
	.btn:hover{opacity: 1;
		-webkit-box-shadow: 2px 2px 5px rgba(0,0,0,0.25);-moz-box-shadow: 2px 2px 5px rgba(0,0,0,0.25);box-shadow: 2px 2px 5px rgba(0,0,0,0.25);
	}
	.btn:active{left: 1px;top: 1px;
		-webkit-box-shadow: inset 2px 2px 5px rgba(0,0,0,0.25);-moz-box-shadow: inset 2px 2px 5px rgba(0,0,0,0.25);box-shadow: inset 2px 2px 5px rgba(0,0,0,0.25);	
	}

.flex{display: -webkit-flex;display: -webkit-box;display: -moz-flex;display: -moz-box;display: -ms-flexbox;display: -ms-flex;display: -o-flex;display: flex;}
.flex-wrap{-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;}
.flex-column{-webkit-box-orient: vertical;-webkit-box-direction: normal;-webkit-flex-direction: column;-ms-flex-direction: column;flex-direction: column;}
.flex-row-reverse{-webkit-box-orient: row-reverse;-webkit-box-direction: row-reverse;-webkit-flex-direction: row-reverse;-ms-flex-direction: row-reverse;flex-direction: row-reverse;}
.align-items-center{-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center}
.align-items-start{-webkit-box-align: start;-webkit-align-items: flex-start;align-items: flex-start;}
.justify-content-between{-webkit-box-pack: justify;-webkit-justify-content: space-between;-ms-flex-pack: space-between;justify-content: space-between;}
.justify-content-center{-webkit-box-pack: center;-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;}
.justify-content-end{-webkit-box-pack: end;-webkit-justify-content: flex-end;-ms-flex-pack: flex-end;justify-content: flex-end;}

.header{width: 100%;padding: 20px 0;position: absolute;top: 0;left: 0;}
	.header .wrap.top_bx{margin-bottom: 20px;}
	.header .logo{height: 134px;padding-left: 160px;display: block;
		font: 700 60px/65px 'Roboto Condensed';color: #287c40;text-decoration: none;text-transform: uppercase;
		text-shadow: 3px 3px 8px rgba(0,0,0,0.25);background: url(../img/logo.png) no-repeat;
	}
	.header .info_bx span{display: block;font: 700 16px/30px 'Roboto Condensed';color: #287c40;text-align: right;text-shadow: 1px 1px 2px rgba(0,0,0,0.15);}
.menu{padding: 10px 0;background: rgba(40,124,64,0.3);}
	.menu ul{padding: 0;margin: 0 auto;}
	.menu ul li{margin-right: 40px;list-style-type: none;}
	.menu ul li:last-child{margin-right: 0;}
	.menu a{font: 700 24px/30px 'Roboto Condensed';color: #287c40;text-decoration: underline;text-transform: uppercase;}
	.menu a:hover{text-decoration: none;}
	.menu .active a{color: #fff;text-decoration: none;}
.footer{width: 100%;padding: 20px 0;position: absolute;left: 0;bottom: 0;background: #287c40;}
	.footer .logo{padding: 10px 0 10px 60px;font: 700 24px/30px 'Roboto Condensed';color: #fff;text-decoration: none;text-transform: uppercase;
		background: url(../img/logo_wt.png) no-repeat;
	}
	.footer span{font: 400 16px/20px 'Roboto Condensed';color: #fff;}
.content{padding: 20px;margin-bottom: 50px;background: rgba(226,255,226,0.80);
	flex: 2;-webkit-box-flex: 2;-webkit-flex: 2;-ms-flex: 2;
	-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;
	-webkit-box-shadow: 0 0 10px rgba(0,0,0,0.05);-moz-box-shadow: 0 0 10px rgba(0,0,0,0.05);box-shadow: 0 0 10px rgba(0,0,0,0.05);
}
.sidebar{width: 220px;margin: 0 40px 50px 0;}
	.sidebar .box{padding: 20px;margin-bottom: 30px;background: rgba(226,255,226,0.80);
		-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;
		-webkit-box-shadow: 0 0 10px rgba(0,0,0,0.05);-moz-box-shadow: 0 0 10px rgba(0,0,0,0.05);box-shadow: 0 0 10px rgba(0,0,0,0.05);
	}
	.sidebar .box:last-child{margin-bottom: 0;}
	.sidebar .ttl{display: block;font: 700 16px/20px 'Roboto Condensed';color: #287c40;text-align: center;margin-bottom: 15px;}
	.sidebar .debtor .ttl{color: #f50000;}
	.sidebar .debtor li{margin-bottom: 10px;font: 400 16px/20px 'Roboto Condensed';color: #287c40;}
	.sidebar .debtor li:last-child{margin-bottom: 0;}
.loginForm{max-width: 300px;margin: 0 auto;}
	.loginForm .error{font: 400 12px/16px 'Roboto Condensed';color: #f50000;}
	.loginForm .ttl{display: block;font: 700 16px/20px 'Roboto Condensed';color: #287c40;text-align: center;margin-bottom: 15px;}
	.loginForm .btn{margin-bottom: 10px;}
	.loginForm input{width: 100%;padding: 10px;margin-bottom: 10px;font: 400 16px/20px 'Roboto Condensed';color: #000;border: 0 none;outline: 0 none;
		-webkit-box-shadow: inset 0 0 7px rgba(0,0,0,0.2);-moz-box-shadow: inset 0 0 7px rgba(0,0,0,0.2);box-shadow: inset 0 0 7px rgba(0,0,0,0.2);
		-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;
	}
#vk_groups,#vk_groups iframe{width: 100%;}
.grid-item { width: 184px;padding: 10px;}
.history{width: 100%;border-collapse: collapse;}
	.history td{padding: 5px 10px;font: 400 14px/18px 'Roboto Condensed';color: #000;border: 1px solid #ccc;}
	.history td:nth-child(2),
	.history td:nth-child(6){width: 100px;text-align: right;}
	.history td:nth-child(7){text-align: center;}
	.history td:nth-child(2) input{text-align: right;}
	.history td:nth-child(5){width: 150px;}
	.history thead td{padding: 5px 10px;font: 700 14px/18px 'Roboto Condensed';color: #000;text-align: center;}
	.history select,
	.history input{width: 100%;padding: 3px;font: 400 14px/16px 'Roboto Condensed';color: #000;}
	.history .btn_rnd{width: 30px;height: 30px;display: inline-block;position: relative;cursor: pointer;color: #287c40;outline: 0 none;border: 0 none;background: #d9d9d9;
		-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;
	}
	.history .btn_rnd i{position: absolute;top: 9px;left: 0;right: 0;margin: 0 auto;}
	.history .btn_rnd:hover{
		-webkit-box-shadow: 1px 1px 3px rgba(0,0,0,0.25);-moz-box-shadow: 1px 1px 3px rgba(0,0,0,0.25);box-shadow: 1px 1px 3px rgba(0,0,0,0.25);
	}
	.history .btn_rnd:active{top: 1px;left: 1px;
		-webkit-box-shadow: inset 1px 1px 3px rgba(0,0,0,0.25);-moz-box-shadow: inset 1px 1px 3px rgba(0,0,0,0.25);box-shadow: inset 1px 1px 3px rgba(0,0,0,0.25);
	}
	.history.elmeter td{width: auto;}
	.history.elmeter tbody td{text-align: center; padding: 0 0 !important;}
	.history td.nowrap{white-space: nowrap;}
	
.pagination{padding: 20px 0 0 0;margin: 0 auto;
	display: -webkit-flex;display: -webkit-box;display: -moz-flex;display: -moz-box;display: -ms-flexbox;display: -ms-flex;display: -o-flex;display: flex;
	-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;
	-webkit-box-pack: center;-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;
}
	.pagination ul{padding: 0;
		display: -webkit-flex;display: -webkit-box;display: -moz-flex;display: -moz-box;display: -ms-flexbox;display: -ms-flex;display: -o-flex;display: flex;
		-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;
	}
	.pagination li{list-style-type: none;margin-right: 10px;}
	.pagination li a{padding: 5px;}
	.pagination li.active a{color: #000;background: #ccc;}
.win_popup{width: 500px;padding: 50px;display: none;background: #fff;
	-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;
}
	.win_popup .ttl1{display: block;margin-bottom: 20px;font: 700 20px/24px 'Roboto Condensed';color: #287c40;text-align: center;}
	.win_popup .btn{padding: 10px;float: left;}
	.win_popup .btn.last{padding-top: 12px;float: right;}
	.win_popup table{width: 100%;margin-bottom: 20px;border-collapse: collapse;}
	.win_popup table td{padding: 5px 10px;font: 400 14px/18px 'Roboto Condensed';color: #000;border: 1px solid #ccc;}
	.win_popup#win_rem table td:first-child,
	.win_popup#win_rem table td:last-child{display: none;}
	.win_popup table td select,
	.win_popup table td input{width: 100%;font: 400 14px/16px 'Roboto Condensed';color: #000;}