/* DTI */
.sb_notify_jack{
background:#ffffff; 
padding:5px;
font-size:14px;
color: #999;
}




.sb_notify_jack li{
	list-style:none;
	float: left;
	padding:5px;
}

.sb_notify_jack li span.photo{
 	padding-top:10px;
	padding-bottom:10px; 
	
	 
}
.sb_notify_jack li span.photo img{
  display:none;
	width:50px;
	height:50px;
}
	
.sb_notify_jack li span.from{	 
	color: #3367d6; 
	font-weight:700;
}
.sb_notify_jack li span.message{
	 
	 min-width:300px;
 padding-bottom:25px;
	 
}
	
	.sb_notify_jack li span.time{
	font-style:italic;
	position:absolute;
	right:10px;
	bottom: 5px;
	display:none;
}
	/* DTI */
.inp-border{
					border:0px;
					border-bottom:1px solid #f9fafb;
				}
	 
input.inp-border{
	border-bottom: 1px solid #f9fafb;
    border-radius: 20px !important;
	border-top-left-radius: 0px !important;
    border-bottom-left-radius: 0px !important;
    background: #f9fafb;
	outline: none !important;
}
			 
	 
span.inp-border{
	border-top-left-radius: 20px !important;
    border-bottom-left-radius: 20px !important;
    background: #f9fafb;
}
			 

.col-xs-3{
	/*overflow-x:hidden !important;*/
}
.allnotify{
	max-height:350px;
	overflow:auto;
	 }

.search_button {
 display:none;
 float:right; 
 color:#ffffff;
 margin-top: 15px;
}
.remove_search_button{
 display:none;
 float:right; 
 color:#ffffff;
 margin-top: 15px;
}
 
@media (max-width: 1090px){
.optsearch{
 display:none;
 }
.optsearch2{
 display:none;
 width:300px;
 position:fixed;
 top:50px; 
 right:0px;
 z-index:990; 
}
input.search_box2{
border: 4px solid #0f60db!important;
font-size: 14px;
}

.search_button{
 display:block;
 cursor: pointer;
}

}
	@media (min-width: 1020px) {
	.sidebar_toggle_online_users, #show_side_right{
	display:none;
	}
	
	}
	
	@media (max-width: 991px) {
		.tnav_icon{
			width:16.5% !important;
		}
		#top_menu {
			display: block;
			position: absolute;
			clear: both;
			width: 100%;
		}
	.notify-arrow-green{
 left:206px;
} 
}	
@media (max-width: 768px) {
li.dropdown.user.user-menu.user_thumb{
	display:none !important;
	 
}
 


.wrapper{
	margin-top:17px !important
}
 
 

.sidebar_toggle_online_users.search_button.remove_search_button{
position:absolute;
top:-10px !important;
}


.search_button{
position:absolute;
top:5px !important;
right: 5px;
}

.logo{
position: absolute;
left:42%  !important;
}

.header.black-bg {
padding: 5px;
    
}
.showbreak{
 display:block !important;
}

.optsearch2{

 top:75px; 

}
}

@media (max-width: 600px) {
  
.logo{
 
left:41%  !important;
}

}



@media (max-width: 535px) {
 

}



@media (max-width: 530px) {
  
.logo{
 
left:40%  !important;
}

}




@media (max-width: 480px) {
 
.dropdown-menu.extended.short{
 
   left :-60px;
}
	
 
.tnav_icon{
width:20%;
/* width:25%; */
}
 
.note_icon{
	text-align:left ;
}

.appear480{
display: block !important;
}
.missing480{
display: none !important;
}
.logo{
 
left:38%  !important;
}

.optsearch2{
 width:100%;

}
#found1{
/* margin-top:15px; */
}
}

 


@media (max-width: 368px) {
 

.logo{
 left:35%  !important;
}
}


@media (max-width: 320px) {
 
.logo{
 
left:33%  !important;
}
}
@media (max-width: 295px) {
 #top_menu{
/* left:5%; */


}

.logo{
 
left:30%  !important;
}
}




.modal#action_poper{
	background: rgb(0 0 0 / 0%);
}

 

.modal#action_poper .modal-dialog {
    width: 350px;
    margin: 30px auto;
 } 
 .modal#action_poper .modal-content {
    margin-top: 35vh; 
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.125);
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.125);
    border: 0;
}


.hashtags,
.mentions{
background:#eeeeee;
}
.mentions{
color:#2196f3; 
font-weight:400;
}