@media only screen and (max-width: 600px) {
	.search{
		    width:100% !important;
		min-width:100% !important;
		
	}
	.pagination{
		bottom:10px;
		top:auto !important;
	}
	.home_btn{
		top:30px !important;
	}
	.logo{
		
		
	}
	.slogun{
		width:calc( 100% + 40px ) !important;
	
	}
	.direction_btn.direction_btn_big#Escape{
		top:10vh !important;
		border-radius:50%;
	}
}
@font-face {
	font-family: hacen2;
	src: url('fonts/hacenal/Hacen-Algeria.ttf') format('truetype');
}
@font-face {
	font-family: hacen2;
	src: url('fonts/hacenal/Hacen-Algeria-Bd.ttf') format('truetype');
	font-weight:bold;
}

*{
	box-sizing: border-box;
}
body,html{
	padding:0px;
	margin:0px;
}
body {

    direction:ltr !important;
}
iframe{
	border:0px;
}
.btn_icon{
	color:white;
	display:inline-block;
	background:black;
	text-align:center;
	cursor:pointer;
	border-radius:50%;
	margin:0px 5px;
	
	pointer-events:auto !important;
	overflow:hidden;
	width:30px;
	
	padding-bottom:30px;
	position:relative;
}
.btn_icon i{
	display:block;
	line-height:30px;
	font-size:14px !important;
	position:absolute;
	width:100%;
	height:100%;

}
.top_bar{
	position:absolute;

	width:100%;
	height:0px;
	top:0px;
	padding:5px;

}
a{
	text-decoration:none;
	color:white;
}
.top_bar a{
	float:right;
}
.search{
	background:#333;
	min-width:200px;
	width:200px;
	display:inlineblock;
	clear:both;
	padding:0px !important;
	
	border-radius:100px;
	overflow:hidden;
	color:white;
	float:left;
	direction:rtl;
	
}

.search-submit{
	 float: right;
  padding: 4px 10px;


  background: inherit;
  color:inherit;
  font-size: 14px;
  border: none;
  cursor: pointer;

}
.search-input{
	padding: 4px;
	width:140px;
	background: inherit;
  color:inherit;
  font-size: 14px;
  border: none;
	
}
.search-input:focus {
    outline: none !important;
}

.logo{
	direction:rtl;
	float:right;
	color:white;
	
	font-size:20px;
	
	font-weight:bold;

	background-image:url(src/img/logo.svg);
	background-size:auto 15px ;
	background-position:100% 8px;
	background-repeat:no-repeat;
	

	margin-right:40px;
	padding-right:40px;
	/*line-height:30px;*/
	text-shadow: 0px 0px 4px #000000;
}
.slogun{
	font-size:12px;
	color:#F7CF13;
	width:200px;
	margin-right:-40px;
}
.pagination{
	position:fixed;

	top:40px;
	left:50%;
	transform:translateX(-50%);
-webkit-transform:translateX(-50%);
-moz-transform:translateX(-50%);
-ms-transform:translateX(-50%);
-o-transform:translateX(-50%);
	background:#E0C950;
	
	z-index:10;
	direction:rtl;
	border-radius:100px;
}
.pagination .page-numbers{
	color:black;
	padding:2px 0px;
}
.pagination .current{
	color:#ffffff;
}
.pagination *:first-child{
	padding-right:10px;
}
.pagination *:last-child{
	padding-left:10px;
}
.post-edit-link-door{
	pointer-events:auto !important;
	padding:3px 10px;
}

.no_records {
 
	color:white;
	background:rgba(194,194,194,0.8);
	border-radius:500px;
	position:fixed;
	width:90%;
	max-width:400px;
	z-index:1000;
	top:50%;
	left:50%;
	transform:translateX(-50%) translateY(-50%);
-webkit-transform:translateX(-50%) translateY(-50%);
-moz-transform:translateX(-50%) translateY(-50%);
-ms-transform:translateX(-50%) translateY(-50%);
-o-transform:translateX(-50%) translateY(-50%);
	text-align:center;
	padding:1%;
	font-size:2em;
	text-shadow: #000000 1px 0 10px;
}
.window-close{
	position:absolute;
	top:4px;
	right:5px;
	background:rgba(0,0,0,0);
	border:solid 1px red;
}
::-webkit-scrollbar {
  width: 7px;
  height: 7px;
}
::-webkit-scrollbar-button {
  width: 0px;
  height: 0px;
}
::-webkit-scrollbar-thumb {
  background: #e1e1e1;
  border: 0px none #ffffff;
  border-radius: 50px;
}
::-webkit-scrollbar-thumb:hover {
  background: #ffffff;
}
::-webkit-scrollbar-thumb:active {
  background: #000000;
}
::-webkit-scrollbar-track {
  background: #666666;
  border: 0px none #ffffff;
  border-radius: 50px;
}
::-webkit-scrollbar-track:hover {
  background: #666666;
}
::-webkit-scrollbar-track:active {
  background: #333333;
}
::-webkit-scrollbar-corner {
  background: transparent;
}
.direction_btn{
	background-image:url(src/img/btns.png);
}
.direction_btns{
			position:fixed;
			bottom:5px;
			left:50%;
			margin-left:-12vh;

			width:24vh;
			height:10vh;


		}
		.direction_btns .direction_btn{
			border-radius:50%;
		}
		.direction_btn{
			position:absolute;

			width:34%;
			padding-bottom:17%;
			color:white;
			cursor:pointer;
			font-size:3vh;
			background-color:rgba(0,0,0,0.5);
			
			background-size:800% 100%;
		}
		#ArrowUp,#Backspace,#Escape,#ArrowDown{
			top:0px;
			right:50%;
			transform:translateX(50%);
			-webkit-transform:translateX(50%);
			-moz-transform:translateX(50%);
			-ms-transform:translateX(50%);
			-o-transform:translateX(50%);
		}
		#ArrowDown{
			top:auto !important;
			bottom:0px;

			background-position:-100% 0px;

		}
		#ArrowLeft,#ArrowRight{
			top:50%;
			left:0px;
			transform:translateY(-50%);
		-webkit-transform:translateY(-50%);
		-moz-transform:translateY(-50%);
		-ms-transform:translateY(-50%);
		-o-transform:translateY(-50%);
		background-position:-200% 0px;
		}
		#ArrowRight{
			left:auto !important;
			right:0px;
			background-position:-300% 0px !important;
		}
		
		.links{
			position:fixed;
			bottom:0px;
			/*z-index:99999;*/
			right:0px;
			font-size:14px;


			
			margin:4px;
			
			direction:rtl;
			
			
			  transform:translateY( calc( 100% - 25px ));
-webkit-transform:translateY( calc( 100% - 25px ));
-moz-transform:translateY( calc( 100% - 25px ));
-ms-transform:translateY( calc( 100% - 25px ));
-o-transform:translateY( calc( 100% - 25px ));
			  transition:all 1s;
			  
		}
		.links:hover{
			transform:translateY( 0px );
-webkit-transform:translateY( 0px );
-moz-transform:translateY( 0px );
-ms-transform:translateY( 0px );
-o-transform:translateY( 0px );
		}
		.links-in{
			border-radius:3px;
		border-top:solid 5px #154BA3;
		background:white;
		padding:0px 8px 20px 8px;
		 box-shadow: -0.5rem -0.5rem 2rem #00000080;
		
		}
		.links-in,.links-title{
			
			

			
		}
		.links-title{
			
			display:inline-block;
			padding:4px 8px;
			margin-right:10px;
			border-radius:3px 3px 0 0;
			
			color:white;
			background:#154BA3;
		}
		.links a{
			display:block;
			padding:8px 16px;
			color:#000000;
			border-bottom:solid 1px #dddddd;
		}
		.links a::before{
			content:"::";
			padding-left:10px;
		}
		.links a:hover{
			background:#F6CE13;
		}