

.edr{height:39px;}
.fpd{padding:0px;}
.dshtpd{ padding-top:70px;}
.navbar-brand{padding-top:10px;padding-left:3px;}
.cbtle{padding-left:15px;}
.mgo{ display:none;}
.navbar-toggler{background:none; border:none;}
.navbar-toggler:focus,
.navbar-toggler:active,
.navbar-toggler-icon:focus {
outline:none;box-shadow:none;}
.navbar-info {width:100%;}
.fixed-me{transition: all 1s;}
.rd{ border-radius:20px 20px 0px 0px;}
.fixed-me{background-color:#fff !important;
padding: 0px  !important;
margin-bottom: 5px;
position: fixed;
top:0;
z-index:888;
width: 100%;
border-bottom:  !important;
}
.nav-link{ text-align:left;color:#4a84f9;font-weight:500;font-size:17px;padding-top:11px;}



.navbar-me {
color:#FFFFFF;
transition: all 1s ;
}
.header-right-menu{

 padding: 5px 15px !important;   
    
}
.site-logo{
    padding: 5px 20px !important; 
    margin: 15px 10px !important;
}
.navbar-me{
    padding: 10px 0px;
    background-color:#fff;
    top: 0px;
    border: 0px;
    border-radius: 0px;
	box-shadow:5px 5px 5px #f5f5f5;cursor:pointer;
}
.navbar-collapse{
    text-align: center;
    border-top-width: 0px;
    padding-top: 10px;
    margin-top: 5px;
}

.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
    background-color: transparent;
}
.menu-collapsed-button{
    margin: 20px 15px 10px 15px !important;
}







.bi{ font-size:30px;}


body{
/*background:url(composition-3326183_1280.jpg) no-repeat center center fixed;*/ 

background:url(bba/bba5.jpg) no-repeat center center fixed;
-webkit-background-size:cover;
-moz-background-size:cover;
-o-background-size:cover;
background-size:cover;


}



.left{ padding:0px;font-size:17px;font-weight:500;
width:230px;
height: 100%;
/*background:#4ebcff;*/
background-color:rgb(78, 188,255,0.8);

/*background:#339fff;*/
/*
background-image: radial-gradient( circle 465px at -15.1% -25%,  rgba(17,130,193,1) 0%, rgba(67,166,238,1) 49%, rgba(126,203,244,1) 90.2% );

background-image: radial-gradient( circle farthest-corner at -0.8% 4.3%,  rgba(59,176,255,1) 0%, rgba(76,222,250,1) 83.6% );

background-image: linear-gradient( 91.9deg,  rgba(25,159,249,1) 6.3%, rgba(75,207,250,1) 98.9% );

background-image: linear-gradient( 91.9deg,  rgba(25,159,249,1) 6.3%, rgba(255,255,255,1) 99.9% );
*/



border-radius:0px 15px 0px 0px;"
white-space: nowrap; 
transition: width 0.5s ;
position: fixed;
z-index: 9999; 
}
	.left ul{
		padding:0;
		list-style-type: none;
		text-align: left;
	}
	.left li {
		width: auto;
		height: 60px;
		line-height: 50px;  
		padding-left: 10px;
	}
	.left li:hover {
		background:#FFF; padding-left:10px;color:#339fff;
	}

	.left:hover {
        width: 230px;
    }  

		.left .item-menu {
	        height:50px;
	        overflow:hidden;
	        color:#fff;
	    }  
	.left a{
		color: white;
	    text-decoration: none;
	    font-weight: bold;
	} 
	span.menu{padding-left:7px;vertical-align:top;}
	.t_search {
	    color: black;
	    height: 35px;
	    margin-left: 15px;
	    width: 190px
	}
	
.lfpd{padding-left:230px;}
.wi{width:70px;}
.wdvr{width:10px;}
.msh{display:none;}
.msho{display:block;}

	


@media screen and (max-width: 450px) {
.msho{display:none;}
.msh{display:block;}
.left{ padding:0px;font-size:17px;font-weight:500;
width:60px;
height: 100%;	
/*
background-image: linear-gradient( 91.9deg,  rgba(25,159,249,1) 6.3%, rgba(255,255,255,1) 99.9% );
opacity: 0.9;*/
background-color:rgb(78, 188,255,0.9);

border-radius:0px 15px 0px 0px;"
white-space: nowrap; 
transition: width 0.5s ;
position: fixed;
z-index: 9999;}

.left ul{
		padding:0;
		list-style-type: none;
		text-align: left;
	}
	.left li {
		width: auto;
		height: 60px;
		line-height: 50px;  
		padding-left: 10px;
	}
	.left li:hover {
		background:#FFF; padding-left:10px;color:#339fff;
	}

	.left:hover {
        width: 200px;
    }  

		.left .item-menu {
	        height:50px;
	        overflow:hidden;
	        color:#fff;
	    }  
	.left a{
		color: white;
	    text-decoration: none;
	    font-weight: bold;
	} 
	span.menu{padding-left:7px;vertical-align:top;}
	.t_search {
	    color: black;
	    height: 35px;
	    margin-left: 15px;
	    width: 190px
	}
.lfpd{padding-left:57px;}	




.cbtle{ display:none;}
.cbtnm{font-size:18px;font-weight:500;padding-left:5px; content:close-quote;}
.wi{width:50px;}
.wdvr{width:5px;}
.nav-link{padding-left:10px;text-align:left;color:#339fff;font-weight:500;font-size:17px;padding-top:11px;}
.mgo{ display:block;padding-left:3px;}
.dshtpd{ padding-top:61px;}
.fpd{background-color:rgb(255, 255,255,0.9);}

}











.btn-file {background:#5A90EF;
position: relative;
overflow: hidden;
}
.btn-file:hover {background:#2865E5;
position: relative;
overflow: hidden;
}
.btn-file input[type=file] {
 position: absolute;
  top: 0;
  right: 0;
  min-width: 100%;
  min-height: 100%;
  font-size: 100px;
  text-align: right;
  filter: alpha(opacity=0);
  opacity: 0;
  outline: none;
  background: white;
  cursor: inherit;
  display: block;
}
.preview{max-width:100%;max-height:160px;}
