.groups{background: rgba(206,224,255,0.2)}
.groups{border-radius: 10px;padding: 5px 0 15px 0;margin-bottom: 15px;}
div.line{max-height: 50px;margin:15px 15px 0 15px;border-radius: 50px; transition: all.3s ease}
span.rowname{vertical-align: middle;display:inline-block;line-height:18px;width:350px;overflow:hidden;text-overflow: ellipsis;margin-right: 20px}
.red{color: rgba(255,0,0,0.6)}
.green{color: rgba(0,255,0,0.6)}
.add img{padding: 10px;border: 1px solid}
.group_status{width:22px;vertical-align: middle; margin-right: 15px}
.pa{width:350px;width:400px;overflow:hidden;text-overflow: ellipsis;display: inline-block;vertical-align: middle;margin-right: 20px}
.psettings{display:inline-block}

.tool{position:relative}
.tool img{margin-right: 10px}
.tool.delete{margin-left: 10px}
.tool:hover:after{background: #666c7c;border: 1px solid #cee1f5;border-radius:10px;bottom:26px;color:#cee1f5;content:attr(title);left:50%;padding:15px;position:absolute;z-index:2;width:200px;margin-left:-112px;text-align:center}
.tool:hover:before{border:solid;border-color: #cee1f5 transparent;border-width:6px 6px 0 6px;bottom:20px;content:"";left:6px;position:absolute;z-index:2}

.addgroup, .gcontent{font-size: 18px; font-weight: 400;background: rgba(112,122,136,0.8);position: relative;width: 1000px; margin: 70px auto; border-radius: 10px;padding: 10px;color: #cee1f5}
.addgroup h1, .gcontent h1{ padding: 5px 5px 15px 5px; border-bottom: 1px solid rgba(206,224,255,0.4)}
.addgroup .links{margin: 15px 5px 15px 5px}
.addgroup .links a{background: url(/im/manual.svg) no-repeat 15px center/24px;display:inline-block;padding:15px;padding-left: 45px;margin-right: 15px;border-radius: 40px; border: 1px solid}
.addgroup .links a.crossvk{background: url(/im/vk-cabinet.svg) no-repeat 15px center/24px}
.addgroup .close, .gcontent .close{position:absolute;right:15px;top:15px;cursor: pointer}
.groupline{position:relative}
.groupline, .manualb, .rowrec{margin: 15px 0 0 5px}
.groupline a{white-space:nowrap;line-height: 46px;}
.groupline img{width: 50px; border-radius: 50%;margin-right: 15px;vertical-align:middle}
.groupline span{display:inline-block;width: 350px;overflow:hidden;text-overflow: ellipsis;vertical-align: middle;margin-right: 20px}
.groupline em{vertical-align: middle;border:1px solid; border-radius:10px;padding: 8px 17px;font-style: normal}
#synk{display:none}
.manualb h2, .gcontent h2{padding: 20px;font-size: 18px}
.manualb div{padding:0 0 15px 0}
.manualb img{width: 32px; vertical-align: middle;margin-right: 15px}
.manualb input{color:#cee1f5;width:300px;padding:10px;border: none;border-bottom:1px solid;border-radius:10px;background:none;font-weight:400;margin-left: 15px}
a.ok{display:inline-block;border:1px solid;border-radius:10px;padding:8px 17px;margin:15px 0;transition: all.3s ease}
a.ok:hover{box-shadow:0 0 10px rgba(255,255,255,0.6)}

.row_name img{margin-left:15px}
.row{padding:0 5px 15px 5px;margin-left:30px}
.row a{color:#a0acd4}
.row div{display:inline-block}
.row div.row_name{width:280px;color:#b8bec3}
.forcallback{border-top: 1px solid rgba(206,224,255,0.4)}

.rowrec{text-align:left}
.rowrec a,a.invite,#addemailbut{display: inline-block}
.rowrec img, a.invite img{width: 24px; vertical-align: middle}
.addrec{background: rgba(206,225,245,0.2);border-radius:10px;width:470px;margin: 15px 0 5px 5px}
.addrec input::placeholder, .addrec input, .row input{font-size: 18px; color: #97a4b3}
.addrec input, .row input{color:#cee1f5; background: none; width: 300px;border: 0;border-bottom: 1px solid; padding: 10px}
.addrec div{padding: 15px}
.addrec h4{padding: 25px 0 0 35px}
#addemailbut{color: #cee1f5;padding:10px 18px;border:1px solid;border-radius:24px;margin-left: 15px}
a.invite{margin-bottom: 15px}
a.invite img{margin-right: 15px;border-radius: 50%;border: 1px solid;padding: 10px;width: 48px}

.blocktypes{padding: 15px 0}
.blocktypes span{display: inline-block; vertical-align: top; padding: 0 5px;font-size: 18px;line-height: 24px}
.blocktypes span:first-child{width: 150px}
.checkbox + label {cursor: pointer}
.checkbox:not(checked) {position:absolute;opacity:0}
.checkbox:not(checked) + label {position:relative;padding:0 0 0 50px}
.checkbox:not(checked) + label:before{content:'';position:absolute;top:0px;left:0;width:40px;height:18px;border-radius:10px;background:#d8d8d8}
.checkbox:not(checked) + label:after{content:'';position:absolute;top:4px;left:4px;width:10px;height:10px;border-radius:50%;background:#8d8d8d;transition:all.3s ease}
.checkbox:checked + label:before{background:#a3cbf4}
.checkbox:checked + label:after{left:26px;background: #1c4179}

div.checked_gr{background: rgba(255,255,255,0.2); max-height: none;padding: 15px; border-radius: 10px}
.checked_gr_form{display: none}
.checked_gr_form h4{
	padding: 10px 0;
}
.checked_gr input{
	background: rgba(255,255,255,0.6);
	padding: 10px 15px;
	color: #305070;
	border: 0;
	margin: 5px 0;
	border-radius: 24px;
}
#mass_doer{
	cursor: pointer;
	padding: 5px 10px;
	background: #305076;
	border-radius: 24px;
	line-height: 24px;
	display: inline-block;
	margin-left: -35px;
	z-index: 2;
}
.mass_check_gr + label {cursor: pointer}
.mass_check_gr:not(checked) {position: absolute;opacity: 0}
.mass_check_gr:not(checked) + label {position: relative;padding: 0 0 0 23px}
.mass_check_gr:not(checked) + label:before{content:'';position:absolute;top:0;left:0;width:18px;height:18px;border-radius:50%;background:#cee1f5}
.mass_check_gr:not(checked) + label:after{content:'';position:absolute;top:4px;left:4px;width:10px;height:10px;border-radius:50%;background:#737d8e;transition:all.3s ease;display:none}
.mass_check_gr:checked + label:before{background:#aabaca}
.mass_check_gr:checked + label:after{display: block}
.mass_check_result_green{color:#84EB94}
.mass_check_result_red{color:#4F0606}
/*отдельно для фильтров*/
.groupline img{vertical-align: top}
.groupline input{background: none; color: #cee1f5; border: none; font-size: 18px;border-bottom: 1px solid;width: 350px;padding: 10px;overflow: hidden;text-overflow: ellipsis;margin-left: 5px}
.groupline input::placeholder{font-weight: 300; color: #a0acd4}
#search_wrapper{
	display: none;
	margin: -9px 5px 100px 75px;
    background: #336699;
    border: 1px solid;
	border-radius: 0 0 10px 10px;
	position: absolute;
	top: 86px;
	left: -5px;
	width: 350px;
	z-index: 10
}
#search_wrapper div{padding: 15px}
#search_wrapper div.active{background: rgba(206,225,245,0.2);}

.sel_filter{
	font-size: 16px;
	background: none;
	padding: 10px;
	border: 1px solid;
	color: #cee1f5;
	border-radius: 32px;
	margin-bottom: 10px;
	line-height: 32px
}
.sel_filter option{ background: #636c78 }

.keys, .hiddenabout{ display:none }
#filtertextval{ margin-bottom: 10px }
.about{font-size: 13px;padding: 0 70px;}
.spn{padding-bottom: 15px}

input[type=submit]{
	color: #f2f8ff;
	cursor: pointer;
    padding: 10px 18px;
    border-radius: 24px;
    background: none;
    width: 150px;
    border: 1px solid;
    font-size: 18px;
    margin: 15px;
    display: block;
    font-weight: 400;
}
.infoline{margin-bottom: 15px;padding: 15px;border-radius: 10px;background: rgba(255,0,0,0.2)}
.green{
	background: rgba(0,255,0, 0.3);
}

@media screen and (max-width: 1030px) {
	.group_status{
		margin-right: 5px;
	    margin-bottom: 3px;
	}
	.pa{ width: 170px }
	.psettings{
		display: block;
		text-align: center;
		padding-top: 15px
	}
	div.line{ padding-bottom: 25px; max-height: none }
	.groups img.avatar{ display: none }
	.addgroup, .gcontent{
		width: 320px
	}
	.addgroup h1, .gcontent h1{font-size: 24px}
	.manualb h2, .gcontent h2 { padding: 10px; font-size: 16px }
	.row{ margin-left: 10px}
	.addrec input, .row input, .manualb input { width: 270px }
	.addgroup .links a {display: block; margin: 0 0 15px 0}
	.addrec{width: 290px}
	.rowrec a, a.invite, #addemailbut { display: inline }
	.addrec h4 {
		text-align: center;
		width: 100%;
		padding: 10px;
	}
	#addemailbut{
		margin: 15px auto;
		display: block;
		text-align: center;
	}
	.addrec input.addemail{width:260px}
	a.rec{ margin-right: 10px}
	a.invite{display: block;font-size: 16px;}
	a.invite img {
		width: 32px;
		margin-right: 5px;
		padding: 5px;
	}
	#mass_doer{margin: 0;}
}