/*======================
											STYLE SHEET
									  =======================*/





/* NAV AREA STARTS */

.menu_area{

}

.menu_area .menu_btn{
	position: fixed;
	left: 4%;
	top: 1%;
	cursor: pointer;
	background-color: rgba(34, 34, 34, 0.6);
	width: 40px;
	height: 40px;
	display: flex;
	justify-content: center;
	align-items: center;
	z-index: 999;

}

.menu_area .menu_btn i{
	font-size: 30px;
	color: #fff;
}

.menu_area .main_menu{
	overflow: hidden;
	overflow-y: scroll;
}

.menu_area .main_menu .heading{
	text-align: center;
	margin-top: 20px;
}

.menu_area .main_menu .heading h4{
	color: #fff;
	font-size: 25px;
	text-transform: uppercase;
}

.menu_area .main_menu{
	text-align: center;
	background-color: #222;
	position: fixed;
	width: 170px;
	height: 100%;
	z-index: 999;


}

.menu_area .main_menu .close_btn{
	text-align: right;
	margin-right: 5px;
	cursor: pointer;

}

.menu_area .main_menu .close_btn i{
	color: #fff;
	font-size: 20px;
}


.menu_area .main_menu ul{
	list-style: none;
	padding: 0;
}

.menu_area .main_menu ul li{

}

.menu_area .main_menu ul li a{
	color: #fff;
	font-size: 16px;
	font-family: arial;
	padding: 10px 0;
	display: block;
	-webkit-transition: all .5s ease;
	   -moz-transition: all .5s ease;
	    -ms-transition: all .5s ease;
	     -o-transition: all .5s ease;
	        transition: all .5s ease;
}


.menu_area .main_menu ul li a:hover{
	text-decoration: none;
	background-color: #000;
}


.menu_area .main_menu ul li a:focus{
	text-decoration: none;
}


/* NAV AREA ENDS */

.edit_area{
	margin-top: 60px;
}


/* HEADER AREA STARTS */

.header_area{
	background-color: #222;
}


.header_area .top_head{
	text-align: right;
}


.header_area .top_head h5{
	font-size: 20px;
	color: #fff;
	padding: 15px 0;
	text-transform: capitalize;
}

.header_area .top_head .date{

}

.header_area .top_head .date h5{
	
}

.header_area .top_head .date_detail{
	
}

.header_area .top_head .date_detail h5{
	
}

.header_area .top_head .time{
	
}

.header_area .top_head .time h5{
	
}


.header_area .top_head{
	
}


/* HEADER AREA ENDS */


/* PUBLISH AREA STARTS */

.publish_area{
	margin-top: 20px;
}

.publish_area .published{
	width: 100%;
	box-shadow: 0 0 10px gray;
	padding: 20px;
}

.publish_area .published .personal_info{
	padding: 10px;
	border: 1px solid #000;
	margin-bottom: 5px;
}

.publish_area .published .personal_info h5{
	padding: 10px;
	background: gray;
	color: #fff;
	text-align: center;
	border-radius: 5px;
}

.publish_area .checking_area{

}

.publish_area .checking_area label{
	padding-right: 5px;
	font-size: 15px;
	color: #000;
	text-transform: capitalize;
}

.publish_area .checking_area input[name=check]{
	
}

.publish_area .checking_area{
	
}

.publish_area .select_options{
	text-align: right;
}

.publish_area .select_options select{
	color: #000;
	height: 30px;
	font-size: 15px;
}

.publish_area .select_options select:focus{
	
}

.publish_area .select_options select option{
	
}

.publish_area select option h5{
	
}

.publish_area .headline_head{
	margin-top: 10px;
}

.publish_area .headline_head input{
	width: 100%;
	height: 50px;
	background-color: transparent;
	border: 2px solid green;
}

.publish_area .headline_head input:focus{
	background: rgba(255, 255, 255, 0.5);
}

.publish_area .headline_head{
	
}

.publish_area .headline_post{
	margin-top: 10px;
}

.publish_area .headline_post textarea{
	width: 100%;
	background-color: transparent;
	border: 2px solid green;
}

.publish_area .headline_post textarea:focus{
	background: rgba(255, 255, 255, 0.5);
}

.publish_area .headline_post{
	
}

.publish_area .file{
	margin-top: 10px;
}

.publish_area .file input{
	font-size: 15px;
}


.publish_area .final{
	text-align: right;
	margin-top: 10px;
}

.publish_area .final input{
	font-size: 15px;
	border: 1px solid gray;
	font-weight: bold;
	cursor: pointer;
	background: rgba(255, 255, 255, 0.5);
}


/* PUBLISH AREA ENDS */

/* ################################################ */

/* EDIT NEWS AREA STARTS */

.nedit_heading{
	text-align: center;
	background: rgba(255, 255, 255, 0.5);
}

.nedit_heading h4{
	text-transform: uppercase;
	font-size: 20px;
	font-weight: bold;
	padding: 20px;
	box-shadow: 0 0 5px red;
}

.news_entries{
	margin-top: 10px;
}

.news_entries label{
	font-size: 15px;
	text-transform: capitalize;
	color: #000;
	font-weight: bold;
}

.news_entries select{
	width: 50%;
	height: 30px;
	border: 1px solid #222;
	background: rgba(255, 255, 255, 0.5);
}

.news_entries{
	
}

.news_search{
	text-align: right;
	margin-top: 10px;
}

.news_search label{
	font-size: 15px;
	text-transform: capitalize;
	font-weight: bold;
	color: #000;
}

.news_search input{
	border: 1px solid #222;
	width: 50%;
	height: 30px;
	background: rgba(255, 255, 255, 0.5);
}

.news_table{
	margin-top: 20px;
	overflow-x:  scroll;

}

.news_table table{
	border: 1px solid #000;
}

.news_table table tr{
	
}

.news_table table thead{
	background-color: rgba(34, 34, 34, 0.5);
	border: 1px solid #222;
}

.news_table table th{
	border: 1px solid #fff;
}

.news_table table th h5{
	text-transform: uppercase;
	font-size: 15px;
	font-weight: bold;
	color: #fff;
}

.news_table table td{
	border: 1px solid #222;
	background: rgba(255, 255, 255, 0.5);
}

.news_table table td a{
	text-transform: capitalize;
	color: #000;
	font-size: 15px;
}

.news_table table td a:hover{
	text-decoration: none;
}

.news_table table td a:focus{
	text-decoration: none;
}

.news_table table td a span{
	color: red;
}

.show_entris{

}

.show_entris h5{
	font-size: 15px;
	color: #000;
	text-transform: capitalize;
}

.next_page{
display: flex;
justify-content: center;
align-items: center;
}

.next_page ul{
	
}

.next_page ul li{
}


.next_page ul li a{
	background: rgba(255, 255, 255, 0.5);
}

/* EDIT NEWS AREA ENDS */

/* ################################################ */



/* ADD CATEGORY AREA STARTS */

.add_cat_area{

}

.add_cat_heading{
	text-align: center;
}

.add_cat_heading h4{
	text-transform: uppercase;
	font-size: 20px;
	font-weight: bold;
	padding: 20px;
	color: #000;
	background: rgba(255, 255, 255, 0.5);
	box-shadow: 0 0 5px gray;
	font-family: arial;
}

.add_cat_form{
	
}

.add_cat_form form .add_cat_btn{
	text-align: center;
}

.add_cat_form form .add_cat_btn input:hover{
	background-color: #555;
	color: #fff;
}

.add_cat_form form .add_cat_btn a{
	margin-top: 10px; 
	font-weight: bold;
	font-family: arial; 
	width: 49%; 
	padding: 9px 0;
	background-color: #e9e9e9;
	border-radius: 0;
}

.add_cat_form form .add_cat_btn a:hover{
	background-color: #555;
	color: #fff;
}

.add_cat_form form{

}


.add_cat_form form label{
	
	text-transform: capitalize;
	font-size: 15px;
	margin-top: 15px;
	font-weight: bold;
	background: rgba(255, 255, 255, 0.5);
}

.add_cat_form form input[type=file]{
	border: none;
}

.add_cat_form form input{
	width: 100%;
	background: transparent;
	height: 40px;
	border: 2px solid #e9e9e9;
}

.add_cat_form form input:focus{
	border: 2px solid #555;
}

.add_cat_form form textarea{
	width: 100%;
	background: transparent;
	height: 80px;
	border: 2px solid #e9e9e9;
}

.add_cat_form form textarea:focus{
	border: 2px solid #555;
}

.add_cat_form form select{
	width: 100%;
	background: transparent;
	height: 40px;
	border: 2px solid #e9e9e9;
}

.add_cat_form form select:focus{
	border: 2px solid #555;
}

.add_cat_form form .genderss{
	display: flex;
}

.add_cat_form form input[name=n_5]{
	width: 0;
	display: flex;
	margin-top: 8px;
	margin-left: 10px;
}


.add_cat_form form input[name=n_10]{
	width: 0;
	display: flex;
	margin-top: 8px;
	margin-left: 15px;
}




.add_cat_form form input[name=btn]{
	margin-top: 10px;
	font-size: 15px;
	font-weight: bold;
	color: #222;
	cursor: pointer;
	background: #e9e9e9;
}




.add_cat_form form{
	
}

/* ADD CATEGORY AREA ENDS */

/* ################################################ */

/* ADVERTISEMENT AREA STARTS */

.addver_head{
	text-align: center;
	padding: 10px;
	background: rgba(255, 255, 255, 0.5);
}

.addver_head h4{
	text-transform: capitalize;
	font-size: 20px;
	color: #000;
	font-weight: bold;
}

.addver_head select{
	width: 200px;
	height: 30px;
	border: 2px solid #a7a7a7;
	background-color: transparent;
	color: #000;
	font-size: 16px;
}

.addver_head select option{
	
}

.addver_head{
	
}

.addver_img{
	margin-top: 10px;
	text-align: center;
	padding: 10px;
	background: rgba(255, 255, 255, 0.5);
}

.addver_img h5{
	text-transform: capitalize;
	font-size: 20px;
	color: #000;
	font-weight: bold;
}

.addver_img input[name=filee]{
	padding: 0;
	font-size: 15px;
}

.addver_img{
	
}

.add_p{
	text-align: center;
	margin-top: 20px;
}

.add_p input{
	height: 30px;
	font-size: 13px;
	font-weight: bold;
	cursor: pointer;
	background: rgba(255, 255, 255, 0.5);
	border: 2px solid #a8a8a8;
	text-transform: uppercase;
}


/* ADVERTISEMENT AREA ENDS */





/* FUND SUCCESSFUL AREA STARTS */


.funt_transfer{
	text-align: center;
	margin-top: 50px;
}

.funt_transfer .fund_success_massage{
	border: 3px solid darkgreen;
	margin: auto;
	padding: 50px;
	border-radius: 10px;
}

.funt_transfer .fund_success_massage h4{
	font-family: arial;
	font-size: 30px;
	color: darkgreen;
}




/* FUND SUCCESSFUL AREA ENDS */