#articles_index{
	position:fixed;
	top:85px;
	right:0px;
	bottom:0px;
	left:0px;
	overflow:auto;
	padding-top:50px;
	width:100%;
	padding-bottom:60px;
	
	#pagination{
		position:fixed;
		bottom:0px;
		left:0px;
		right:0px;
		padding:10px;
		background:rgba(0,0,0,0.8);
		
	
			a, .current{
				background:white;
				display:inline-block;
				padding:5px 10px 5px 10px;
				font-weight:bold;
				border-radius:20px;
				font-size:14px;
				color:rgba(0,0,0,0.8);
				
				&:hover{				
					box-shadow: 0  0px 8px rgba(0,0,0,0.5);
					background-image: -webkit-linear-gradient(#FCEDA7,#FADB4E);
					background-image: -webkit-linear-gradient(#FCEDA7,#FADB4E);
					color:white;
					text-shadow: rgba(0,0,0,0.8) 0px 0px 3px;
				}
			}
			.current{
				background:transparent;
				color:white;
				text-shadow: rgba(0,0,0,0.8) 0px 0px 3px;
				border:1px solid white;
				
				&:hover{
					@extend .current
				}
			}
			
		
	}
	
	.search_pannel{
		height:35px;
		position:fixed;
		top:85px;
		right:0px;
		left:0px;
		background:rgba(143,193,46,0.9);
		padding:10px;
		text-align:right;
		box-shadow: inset 0  8px 8px -8px rgba(0,0,0,0.4), inset 0 -8px 8px -8px rgba(0,0,0,0.4);
	}
	table{
		
		td{
			padding:10px;
		}
		
		.active{
			td{
			box-shadow: inset 0  8px 8px -8px rgba(0,0,0,0.4), inset 0 -8px 8px -8px rgba(0,0,0,0.4);
			}
		}
	
		tr{
			td:first-of-type{
				padding-left:20px;
			}
		
			td:last-of-type{
				padding-right:20px;
			}
		
			&:hover{
				td{
				box-shadow: inset 0  8px 8px -8px rgba(0,0,0,0.4), inset 0 -8px 8px -8px rgba(0,0,0,0.4);
				}
			}
		}
	}
	
}




#article_detail{
	position:fixed;
	top:44px;
	right:0.5%;
	z-index:1000;

	background:url('/assets/admin/backgrounds/bg-white.jpg') black;
	bottom:70px;
	width:99%;

	display:none;
	margin-right:-110%;
	box-shadow:  0  0 10px rgba(0,0,0,1) ;
	border-radius: 10px;
	.header{
		background:transparent;
		h1{
			font-family:'Gill Sans' ;
			color:black;
			font-size:24px;
			font-weight:normal;
			em{
				font-size:13px;
				padding-left:10px;
			}
			
		}
		.desc{
			
			position:absolute;
			top:50px;
			left:10px;
			bottom:10px;
			width:370px;
			overflow:auto;
			text-align:justify;
			padding-right:10px;
		}
	}
	
	#article_block_edit{
		position: absolute;
		top:80px;
		border:1px solid black;
		bottom:10px;
		left:10px;
		right:10px;
		overflow:auto;
		background:url('/assets/admin/backgrounds/bg-white.jpg');
		
	}
	
}



.event_date_form{
	background:rgba(143,193,46,0.9);
	margin:0px -10px 20px -10px;
	padding:10px;
	
	color:black;
	text-shadow: 1px 1px 1px white;
    box-shadow: inset 0  8px 8px -8px rgba(0,0,0,0.4), inset 0 -8px 8px -8px rgba(0,0,0,0.4);
	
	p{
		line-height:35px;
	}
}


.field_with_suppr{
	display:inline-block;
	position:relative;
	
	.suppr{

		display:block;
		position:absolute;
		top:7px;
		right:5px;
		img{
			cursor:pointer;
		}

	}
	
}