#kop h1{
	background:url("/templates/default/controllers/kopilka/widgets/kopilka/plan.png") no-repeat 6px center;
	 padding-left:30px
	 }

#kop .binds_counter, #kop .binds_counter li{
	display:flex; align-items:center;
}
#kop .binds_counter, #kop .binds_counter li{
margin:0;padding:0;list-style:none;
}
#kop .binds_counter li{
margin:15px;position:relative;
}
#kop .binds_counter li b{
font-weight:normal;font-size:22px;color:#000;position:relative;
}
#kop h4 {
    font-weight: normal;
    font-size: 22px;
    color: #000;
    display: inline-block;
    position: relative;
}
#kop .count{
color:#EE216F
}
#kop .binds_counter li b:before,
#kop .binds_counter li b:after {
    content:"";
    position:absolute;
    top:50%;
    left:0;
}

#kop .infos{
font-size:17px;color:#fff;background:#4CAF50;
padding:20px;
border-radius:5px;
-moz-border-radius:5px;
}

#kop_field_form, #mail_add_form{
padding:15px;background:#fafafa;
border-radius:5px;
-moz-border-radius:5px;
}
#kop_field_form label, #mail_add_form label{
margin:2px;
}
#kop_field_form label span, #mail_add_form label span{
padding:5px;display:inline-block;vertical-align:top;
}
#kop_field_form label span.kop_input input, #mail_add_form label span.kop_input input{
padding:5px;
}
#kop_field_form label span.kop_input_title, #mail_add_formlabel span.kop_input_title{
width:100px;
}


.flexed{
	display:flex;
	align-items:center;
	justify-content:space-between;
}
.kop_static .control{
	font-size:13px;
	font-weight:bold;
}

.kop_static .maxbinds div.flexed{
	padding-left:20px;
	padding-right:20px;
}

.kop_static{
font-size:15px;
color:#444;
padding:15px 20px;
border-radius:5px;
-moz-border-radius:5px;
margin-top:15px;
margin-bottom:15px;
line-height:1.5;
background:rgb(236, 240, 241);
}
.kop_static .br{
		border-bottom:1px solid rgba(0,0,0,.125);
		padding:7px 0;margin:0 0 10px 0;
}
.kop_static h3{
    font-size:19px;
	padding:7px 0;margin:-10px 0 10px 0;
	border-bottom:1px solid rgba(0,0,0,.125);
	display:flex;
	align-items:center;
	justify-content:space-between;
}
.kop_static .bind{font-weight:bold; background:#4CAF50; padding:0px 4px; display:inline-block; border-radius:5px;color:#fff; }
.kop_static a{  }
.kop_static h4{ font-size:15px; font-weight:bold; }
.kop_static .bindssum{    margin-top:10px;  margin-bottom:5px; font-weight:bold; }
.kop_static .maxbinds{  }
.kop_static .maxbinds.first{ margin-bottom:0;  }
.kop_static .maxbinds ul li{ margin-top:5px; }
.kop_static .stats{	margin-top:15px;}


a[href="#kop_field"],
a[href="#kop_perms"]{
	display:block; color:#fff !important; background:#34495e; text-decoration:none !important;
	padding:5px 15px;
	margin-top:15px;
	margin-bottom:15px;
}
a[href="#kop_field"]{
	 background:green; display:inline-block; 
}


#kop_mails{
	background:rgb(236, 240, 241);
	margin-bottom:10px;
}
#kop_mails .kop_mails_col_bind_title{
	padding:5px;
	background:#B8D6FB;
}
#kop_mails a, .kop_mail_del{
	display:block;
	padding:5px;
	border-bottom:1px solid #B8D6FB;
}
#kop_mails a b{
	display:inline-block;
	margin-right: 8px;
	width:100px;
	text-align:center
}
#kop_mails a:hover{
	background:#B8D6FB;
}
.kop_mail_del{
	float:right;
	cursor:pointer;
	width:30px;
	text-align:center;
	color:#c00;
}
.kop_mail_del:hover{
	color:#fff;
	background:#c00
}


#kop .binds_counter li b:before,
#kop .binds_counter li b:after {
    margin:-8px 0 0;
    background:#c55500;
}
#kop .binds_counter li span{
font-size:18px;display:inline-block;vertical-align:top;background:#EE216F;color:#fff;
border-radius:12px;
-moz-border-radius:12px;
height:30px;text-align:center;
margin-left:10px;line-height:30px;margin-top:3px;padding:0 8px
}

.cup_thumb{
margin-top:15px;margin-left:15px;position:relative;
}
.cup_thumb .infos{
display:none;
}

.bind_but{
padding:15px;margin-top:5px;
}
.bind_but a{
font-size:18px !important;text-decoration:none;color:#fff
}
.bind_input, .bind_comment{
display:inline-block;
margin-right:10px;
background:#edeff5;
border-radius:2px;
-moz-border-radius:2px;
padding:5px;
}
.bind_input{
	 background:#edeff5 url("/templates/default/controllers/kopilka/widgets/kopilka/coins_add.png") no-repeat 6px center;
	 padding-left:28px
}
.bind_input input{padding:16px 13px; font-size:18px; border-radius:5px; }
.bind_comment{
margin-left:15px;
margin-right:0;
display:table;
margin-top:-10px;
}
.bind_comment input{
	padding:16px 13px;border-radius:5px; 
	width:300px
}

	#kop .button { color: #fff; padding: 8px 14px 10px; background-color: #bc1815; border: none; margin-right: 25px; position: relative;;
		-webkit-user-select: none;
		-webkit-box-shadow: inset 0px -3px 1px rgba(0, 0, 0, 0.45), 0px 2px 2px rgba(0, 0, 0, 0.25);
		-moz-box-shadow: inset 0px -3px 1px rgba(0, 0, 0, 0.45), 0px 2px 2px rgba(0, 0, 0, 0.25);
		box-shadow: inset 0px -3px 1px rgba(0, 0, 0, 0.45), 0px 2px 2px rgba(0, 0, 0, 0.25);
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		-webkit-text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.5);
		-moz-text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.5);
		text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.5);
			 }
	#kop .button:active { position: relative; top: 3px;
	    -webkit-box-shadow: inset 0px -3px 1px rgba(255, 255, 255, 1), inset 0 0px 3px rgba(0, 0, 0, 0.9);
	    -moz-box-shadow: inset 0px -3px 1px rgba(255, 255, 255, 1), inset 0 0px 3px rgba(0, 0, 0, 0.9);
	    box-shadow: inset 0px -3px 1px rgba(255, 255, 255, 1), inset 0 0px 3px rgba(0, 0, 0, 0.9);
	}
	#kop .button:active:after { content: ""; width: 100%; height: 3px; background: #fff; position: absolute; bottom: -1px; left: 0; }

	
	#kop .button.blue { background: #22C3EB; }
	#kop .button { background: #67b600; }
	#kop .button.orange { background: #da8a00; }
	#kop .button.yellow { background: #b3a400; }
	#kop .button.turquoise { background: #00b1af; }
	#kop .button.denta { background: #21C9DA; }
	#kop .button.denta_lite { background: #424242; }
	
	
	#kop .button:last-of-type { margin: 0; }

	#kop .button.gradient {
		background-image: -webkit-gradient(
			linear,
			left bottom,
			left top,
			color-stop(0.1, rgba(0,0,0,0.3)),
			color-stop(1, rgba(255,255,255,0.2))
		);
		background-image: -moz-linear-gradient(
			center bottom,
			rgba(0,0,0,0.3) 1%,
			rgba(255,255,255,0.2) 100%
		);
		background-image: gradient(
			center bottom,
			rgba(0,0,0,0.3) 1%,
			rgba(255,255,255,0.2) 100%
		);
	}
	
	#kop .button.gradient:hover {
		background-image: -webkit-gradient(
			linear,
			left bottom,
			left top,
			color-stop(0.1, rgba(0,0,0,0.45)),
			color-stop(1, rgba(255,255,255,0.3))
		);
		background-image: -moz-linear-gradient(
			center bottom,
			rgba(0,0,0,0.45) 1%,
			rgba(255,255,255,0.3) 100%
		);
		background-image: gradient(
			center bottom,
			rgba(0,0,0,0.45) 1%,
			rgba(255,255,255,0.3) 100%
		);
	}




.bind_form{
	 background-color: #edeff5;
	 padding:10px;
	 padding-left:0;
	 padding-top:0;
	 border-radius:8px;
	 display:block;
}

#bindsPercentsProgress {
  width: 100%;
  background-color: #edeff5;
  margin-top:0;  
border-radius:12px;
-moz-border-radius:12px;
overflow:hidden;
}	
#bindsPercents {
  width: 0%;
  height: 30px;
  background-color: #4CAF50;
  text-align: center; 
  line-height: 30px; 
  color: white;
border-radius:12px;
-moz-border-radius:12px;
}	
	
#bindsPercentsProgress.color_inversie {
  background-color: #4CAF50;
}	
#bindsPercentsProgress.color_inversie #bindsPercents {
  background: #edeff5;
    color: #4CAF50;
}
#bindsPercentsProgress.compact #bindsPercents {
  height: 20px;
  line-height: 20px; 
  font-size:13px;
}
	
	
#binds_users{
background:#edeff5;
border-radius:5px;
-moz-border-radius:5px;
padding:0 15px 15px 15px;
margin:5px 0 25px 0;
overflow:hidden;
overflow-y:auto;
max-height:280px;
}	
#binds_users h2{
margin-top:10px;
background:url("/templates/default/controllers/kopilka/widgets/kopilka/out.png") no-repeat 0 11px;
padding-left:22px
}
.kop_users_list { display:table; width:100% }

.columns-2 .kop_users_list .item { float:left; width:50%; }
.columns-2 .kop_users_list .item:nth-child(3) { clear:left; }
.columns-3 .kop_users_list .item { float:left; width:33%; }
.columns-3 .kop_users_list .item:nth-child(4) { clear:left; }
.columns-4 .kop_users_list .item { float:left; width:25%; }
.columns-4 .kop_users_list .item:nth-child(5) { clear:left; }

.columns-2 .kop_users_list.list .item,
.columns-3 .kop_users_list.list .item,
.columns-4 .kop_users_list.list .item{
    padding-right:10px;
}

.kop_users_list.list .item {
    height:32px;
    line-height:32px;
    margin-bottom: 5px;
}
.user_sum{
	position:relative;
}
.kop_users_list.list .item:last-child { margin-bottom: 0; }
.kop_users_list.list .item a {display:inline-block;}
.kop_users_list .image {position:relative; width:65px;border-radius:2px;-moz-border-radius:2px; overflow:hidden;}
.kop_users_list .image img{width:100%;height:100%;  overflow:hidden;}
.kop_users_list .image .user_sum, .kop_users_list .image .bind_del_link{display:block;position:absolute;bottom:0;background:#4CAF50;color:#fff;text-align:center;padding:5px 0;width:100%; text-decoration:none !important;}
.kop_users_list .item { display:inline-block;margin-top:10px; }

.kop_users_list .image .user_sum .user_sum_percent,
.kop_users_list .image:hover .user_sum_wrap{
	display:none;
}.kop_users_list .image:hover .user_sum_percent{
	display:block;
}

.columns-5 .item{
margin:10px;
}
.kop_users_list .item_list{
	  height:auto !important;line-height:auto !important;
}
.kop_users_list .item_list .user_comment{
	display:block;font-size:12px;line-height:12px;margin-top:2px;margin-left:5px;
	}
.bind_cont {
    background: url(/templates/default/controllers/kopilka/widgets/kopilka/out.png) no-repeat 6px center;
    padding-left: 28px;
}	
.kop_users_list .item_list .user_sum, .kop_users_list .item_list .bind_del_link{
	display:inline-block;
	background:#4CAF50;
	color:#fff;
	text-align:center;
	padding:0 6px;
	font-size:13px;
	height:24px;
	line-height:24px;
	border-radius:3px;-moz-border-radius:3px; 
	}

.kop_users_list.tiles .bind_del_link{
	position:absolute;bottom:0;left:0;display:none !important;
}
.kop_users_list.tiles .kop_users_list .item:hover .bind_del_link{
	display:inline-block !important; 
}

.kop_users_list.tiles .image .bind_del_link{
	top:0 !important; bottom:auto !important; z-index:3; 
}

.kop_users_list.list .bind_del_link{
	background:none; text-decoration:none !important;color:#4CAF50; margin-left:8px;
}

.kop_users_list.list .item_list{
	display:flex;
	align-items:center;
	line-height:unset;
	justify-content:space-between ;
	padding:5px 0; margin:0;
	border-bottom:1px solid #ddd;
}
.kop_users_list.list .item_list:last-child{
	border:0;
}
.kop_users_list.list .item_list img{
	border-radius:100%;
-moz-border-radius:100%; overflow:hidden;
}
.kop_users_list.list .item_list .nicava{
	margin-right:6px;
	display:flex;
	align-items:center;
}
.kop_users_list.list .item_list .nickname{
	margin-left:6px;
}
.kop_users_list.list .item_list .user_sum .user_sum_percent{
	border-left:1px solid #fff; margin-left:5px; padding-left:7px;
}
.kop_users_list.list .item_list .user_sum{
	position:unset;
}


.kop_mails{
	border:1px solid #edeff5;
	padding:7px 10px;
	border-left:3px solid #ccc;
}
.kop_mails h4{
	font-size:13px;
	margin-top:0;
	margin-bottom:3px;
}

.kop_mails ul, .kop_mails ul li, .item_binds_count ul, .item_binds_count ul li{
	list-style:none;margin:0;padding:0;
}
 .kop_mails ul li{
	 display:inline-block;
	 padding:3px;
	 font-family:Tahoma;
	 font-size:12px;
 }
 
 
 
  
.item_binds_count{
	display:table;margin-top:10px;
}
 
.item_binds_count ul li{
	 display:inline-block;
	 padding:2px 5px;
	 font-family:Tahoma;
	 font-size:12px;
	 background:#EE216F;
	 color:#fff;
	 vertical-align:top;
	 height:40px
} 
 .item_binds_count ul li span, .item_binds_count ul li a{
	 display:block;
	 text-align:center;
 }
 .item_binds_count ul li.item_binds_count_link{
	 background:#4CAF50; 
 }
 
 .item_binds_count ul li a{
	 text-decoration:none;
	 color:#fff;
	 height:40px;
	 line-height:66px;
	 text-transform:uppercase;
	 background:url("/templates/default/controllers/kopilka/widgets/kopilka/coins_add.png") no-repeat center 10px;
	 font-size:11px;
	 overflow:hidden;
 }
 
 
 
 
 
 .kop_form_field .tab fieldset{
	 background:#fff;border-color:#ccc
 }
 
 
 
 
 
 
 .notice_date{
	 overflow:hidden;
	 color:#fff;
	 font-size:13px;
	 margin-top:5px;
	 background:#008000;
	 padding:10px 5px;
 }
  .notice_date h4{
	  color:yellow;	 
	  font-size:16px;
	  padding:0;
	  margin:0 0 8px 10px;
 }
  .notice_date b{
	 
 }
   .notice_date span{
	 display:block;
	 padding:3px 10px;
 }