.fetch li{list-style:none; border-bottom:solid 1px #EEEEEE; display:inline-block; padding-bottom:20px; padding-top:20px; width:100%; position:relative; padding-left:100px;}		
.fetch_user{position:absolute; left:0;  overflow:hidden; width:80px; height:80px; box-shadow: 0 0 3px rgba(0,0,0,0.4); border-radius:50%;}
#fetch_tgl{margin:0;  padding:0; border-top:0; border-bottom:dotted 1px #E8E8E8; padding-bottom:10px;}
#fetch_icon{height:40px; font-size:40px;}
.box_file{display:inline-block; width:100%; margin-top:20px; position:relative}
.file_image{overflow:hidden;  float:left; width:96%; max-height:200px; }
.box_download{ position:absolute;  left:40%;  top:0; bottom:0; text-align:center}
.box_download_popup{ position:absolute;  left:100px; right:0; top:0; bottom:0;}
.file_image_popup{overflow:hidden; float:left; width:80px; height:80px;  box-shadow: 0 0 3px rgba(0,0,0,0.4); }
.date_fot{text-transform:none; font-size:14px; font-weight:normal; color:#888}
#copright{font-size:14px; color:#888; text-align:center; margin-top:8px;}
#wr_tbl{width:90%; margin:auto}
#tbls{  border-top:solid 1px #ddd;}
#tbl{border: solid 1px #ddd; padding-left:0; padding-right:0; margin-bottom:30px;}
.td_l{ width:40%; }
#loa{ color:#00CC00; line-height:100px; text-align:center; display:none}
.img_pop{ max-width:800px;}
.pp{overflow:hidden; width:100px; float:left; height:100px; margin-right:20px;  border-radius:50%;  box-shadow: 0 0 3px rgba(0,0,0,0.4); 
												margin-top:5px; margin-bottom:5px;}

.box_file2{display:inline-block; width:100%;  position:relative; margin-bottom:4px;}
		 .loading-div{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background:url(ajax-loader.gif) no-repeat center;
	z-index: 999;
	display:none;
}
.sidebar .nav > li.active-pro{
    position: absolute;
    width: 100%;
    bottom: 10px;
	
}


/* Pagination style */
.paginations{margin:0;padding:0;  margin-top:30px; margin-bottom:20px;}
.paginations li{
	display: inline;
	padding: 6px 10px 6px 10px;
	border: 1px solid #ddd;
	margin-right: -1px;
	font: 15px/20px Arial, Helvetica, sans-serif;
	background: #FFFFFF;
	box-shadow: inset 1px 1px 5px #F4F4F4;
}
.paginations li a{
    text-decoration:none;
    color: rgb(89, 141, 235);
}
.paginations li.first {
    border-radius: 5px 0px 0px 5px;
}
.paginations li.last {
    border-radius: 0px 5px 5px 0px;
}
.paginations li:hover{
	background: #CFF;
}
.paginations li.active{
	background: #F0F0F0;
	color: #333;
}
		
.element {
  position: relative;
  top: 50%;
  
  transform: translateY(-50%);
  -webkit-transform:translateY(-50%);
}		
		
		
		.activator{
           
          
            cursor:pointer;
			padding-top:6px;
			padding-bottom:6px;
			
			display:block;
			border-bottom:solid 1px #eaeaea;
			
        }
		
        
        .overlaying{
            background: rgba(0,0,0,0.8);
            position:fixed;
            top:0px;
            bottom:0px;
            left:0px;
            right:0px;
            z-index:9999999;
			display:none;
			
        }
        .boxir{
            position:absolute;
            top:160px;
            left:35%;
            right:35%;
            background-color:#FFFFFF;
			border-radius:20px;
			display:none;
            
			
			
			margin:auto;
			padding:20px;
           
           
             z-index:99999999;
        }
        .boxir h1{
            border-bottom: 1px dashed #7F7F7F;
            margin:-20px -20px 0px -20px;
            padding:10px;
            background-color:#FFEFEF;
            color:#EF7777;
            -moz-border-radius:20px 20px 0px 0px;
            -webkit-border-top-left-radius: 20px;
            -webkit-border-top-right-radius: 20px;
            -khtml-border-top-left-radius: 20px;
            -khtml-border-top-right-radius: 20px;
        }
		 #result
{
position:absolute;
left:0; right:0;

background:#fff;
z-index:100;


}
#result .show a{border-bottom:solid 1px #EAEAEA; margin-bottom:10px;}
#result .show:first-child a { margin-top:10px;}
#result .show:last-child a { margin-bottom:0px; border-bottom:none}

        .boxirclose{
           
			text-align:center;
            height:40px;
			width:40px;
			float:right;
			line-height:40px;
			font-weight:bold;
			border-radius:50%;
			margin-top:-30px;
			margin-right:-30px;
			
			background:#9c27b0 url(../img/c.png) no-repeat; background-size:cover; color:#FFFFFF;
            
            cursor:pointer;
        }
		@media only screen and (max-width: 768px) {
		#tbl{ padding-left:0; padding-right:0}
		#tbls{}
		#wr_tbl{width:90%;}
		.img_pop{max-width:600px;}
		}
		@media only screen and (max-width: 991px) {
		.sidebar .nav > li.active-pro{
    position:relative;
	margin-top:24px;
    width: 100%;
    bottom: 10px;
	
}
}
		@media only screen and (min-width :591px)  and (max-width :900px)
{
.boxir{
           
        
            left:20%;
            right:20%;
           
            }
}
		@media only screen and (max-width: 590px) {
		.img_pop{max-width:none; width:97%; margin-top:12%;}

		
		.pp{overflow:hidden; width:70px; float:left; height:70px; margin-right:12px;  border-radius:50%;  box-shadow: 0 0 3px rgba(0,0,0,0.4); 
												margin-top:5px; margin-bottom:5px;}

		.boxir{
           
        
            left:8%;
            right:8%;
           
            }
.content .container-fluid{padding:0; }
#fetch_icon{height:20px; font-size:24px;}
.file_image{ max-height:150px;  }
.td_l{ width:60%}

.box_download{   left:50%;}

.fetch li{ padding-left:74px;}		
.paginations li{
	
	padding: 6px 10px 6px 10px;}
.fetch_user{ width:60px; height:60px;}

#mbl{width:56px; height:56px;

}


}