body{

}
.bg-light-grey {
    background: #F0F2F5;
}
/*.banar{
	height: 200px;
	background-color: #ddd; 
}*/
.post-area{
	background-color: #fff;
	padding: 15px;
	margin-bottom: 20px;
	box-shadow: 2px 2px 2px #dcdcdc;
}
.post-title{
	font-weight: 700;
	color: #050505;	
	font-size: 105%;
}
.post-title-link{
	font-weight: 700;
	color: #050505;	
	font-size: 105%;
}
.post-title-link:hover{
	font-weight: 700;
	color: #0056b3;	
	font-size: 105%;
}
.post-date{
	color: #141415;
	font-size: 14px;
}
.post-content{
	padding-top: 15px;
	text-align: justify;
	line-height: 27px;
	font-size: 18px;
}
.err_msg{
	color:red;
}
.border-single{
	border-top: 1px solid #E4E6EB;
}
.border-top{
	border-top: 1px solid #E4E6EB;
}
.border-bottom{
	border-bottom: 1px solid #E4E6EB;
}
.right-area{
	background-color: #FFF;
	padding: 5px 15px 10px 15px;
	box-shadow: 2px 2px 2px #dcdcdc;	
}

.post-comment{
	background-color: #F5F5F5;
}
.post-comment .form-control{
	border-radius: 0;
} 
.post-comment .btn{
	border-radius: 0;
}
.comments-details{
	background-color: #EFF1F7;
}
.comment-bar{
	background: #f7f7f9;
	color: #65676B;
	font-size: 12px;
}
.comment-link{
	color: #777bba;
}
.comment-link:hover{
	color: #777bba;
}
.all-post-title {
    background: #000;
    color: #fff;
    border: 1px solid #f4f7da;
    font-weight: bold;
    padding: 11px 0 9px 15px;
    margin: 25px 0 0;
    font-size: 120%;
    text-align: center;
}
.users-link{
	color: #000;
	font-size: 100%;
	font-weight: 600;
}
.users-link:hover{
	color: #000;
}
/*----------Margin--------*/
.margin-top5{
	margin-top: 5px;
}
.margin-top10{
	margin-top: 10px;
}
.margin-bottom10{
	margin-bottom: 10px;
}
.margin-bottom20{
	margin-bottom: 20px;
}
.margin-top20{
	margin-top: 20px;
}
/*---------Padding---------*/
.padding10{
	padding: 10px;
}
.padding-bottom5{
	padding-bottom: 5px;
}

/*----------Login-----------*/
.login{
	background-color: #fff;
}


.menu{
	margin-bottom: 60px;
}

.menu .bg-light{
/*	background-color: #d8d9dc !important;
*/	background-color: #fff !important;
	border-bottom: 1px solid #ccc;	
	box-shadow: 2px 1px 1px #d0d1d2;
}
.menu .nav-link{
	padding: 0 5px;
	color: #000;

}
.menu ul{
	list-style: none;
	margin-bottom: 0px;
	padding-left: 0px;
}
.menu li{	
	float: left;
	padding-left: 0px;
}
.emoji{
	width: 30px;
}
.footer{
	background: #d8d9dc;
}
.visitors{
	background-color: #c2c3c6;
	text-align: center;
}


/**********************************************|| Footer ||**********************/
.control-cotainer{

}
.control-cotainer .container-fluid{
	background-color: #111;

}

.control-cotainer hr{
	border-top: 1px solid #fff;
/*	margin-right: -60px;
	margin-left: -60px;*/
}

#footer{
margin: 0 auto;
color: #fff;
}



#footer .title{
	font-size: 15px;
	font-weight: bold;
	border-bottom: 1px solid #ccc;
	margin: 0 0 10px 0;
	color: #fff !important;
	text-align: left;
}


#footer_top{
background-color: #111;
color: #fff;
padding: 5px;
}


#footer a{
	color: #fff;
	text-decoration: none;
}

/**** Roller ****/
#header_roller{
	width: 100%;
	background:#ececec; 
	border-bottom: 1px solid #666;
	position: fixed;
	z-index: 999;
	

}
#header_roller a{
	color: #000;
	text-decoration: none;
}

#header_roller a:hover{
	text-decoration: underline;
}



#footer_roller{
	position:fixed; 
	/*height: 40px;*/ 
	left:0px; bottom:0px; 
	width:100%; 
	background:#900; 
	border-top: 2px solid #666; 
	z-index:999; color: #fff;
	font-size: 14px;
	padding-top: 10px;
	padding-bottom: 5px;
}
#footer_roller a{
	color: #fff;
	text-decoration: none;
}

#footer_roller a:hover{
	text-decoration: underline;
}

.logo-box {
    background-color: #fff;
    height: 63px;
    border-radius: 5px;
    border: 1px solid #fff;
    vertical-align: middle !important;
    display: table-cell;
    text-align: center;
}