/* Sidebar Styles */
.Menu-portefeuille{
    margin: 0;
    padding: 10px;
    list-style: none;
	 color: #141823;
	  font-size: 13px;
	  font-weight: normal;
	  background:none;
	  height:100%;
      width:300px;	  
}

.Menu-portefeuille li {
    text-indent: 20px;
    line-height: 40px;
	border-bottom:1px solid #33ccff;
	
}

.Menu-portefeuille li a {
    display: block;
    text-decoration: none;
    color: #33CCFF;
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size: 12px;
}


.Menu-portefeuille li a.active {
    background-color:#490;
    color: #FFF;
}

.Menu-portefeuille li a:hover {
    text-decoration: none;
    background-color:#EEE;
	-webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.6s ease;
}

.Menu-portefeuille li a:active,
.Menu-portefeuille li a:focus {
    text-decoration: none;
}



#wrapper {
    padding-right: 0;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

#wrapper.toggled {
    padding-right:450px;
}

#sidebar-wrapper {
    z-index: 900;
    position:Fixed;
    right: 450px;
    width: 0;
    height:100%;
    margin-right: -450px;
    overflow-y: auto;
   /* box-shadow: 0 1px 2px rgba(0,0,0,.5);*/
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    background-color:#FFF;
    border-left:1px solid #3b5998; 
}


#wrapper.toggled #sidebar-wrapper {
    width: 300px;
}

#page-content-wrapper {
    width: 100%;
    position: absolute;
    padding: 15px;
}

#wrapper.toggled #page-content-wrapper {
    position: absolute;
    margin-right: -450px;
}

#pv{
	width:200px;
	height:30px;
    border:1px solid red;
}

#pa{
background:#000;
width:3%;
height:100%;
}

#page-content-wrapper {
    width:100%;
    position: absolute;
    padding: 15px;
	float:right;
}
.
#wrapper.toggled #page-content-wrapper {
    position: absolute;
    margin-right: -450px;
}

/* Sidebar Styles */

.sidebar-nav {
    position: absolute;
    top: 0;
    width: 450px;
    margin: 0;
    padding: 0;
    list-style: none;
	  color: #141823;
  font-size: 13px;
  font-weight: normal;
  background-image:;
  background-repeat: repeat-x;
  border-right:3px solid #;
  height:100%;
}

.sidebar-nav li {
    text-indent: 20px;
    line-height: 40px;

	
}

.sidebar-nav li a {
    display: block;
    text-decoration: none;
	font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 14px;
	color: #1e3948;
	font-weight:bold;
}


.sidebar-nav li a.active {
    background-color:orangered ;
    color: #FFF;
}

.sidebar-nav li a:hover {
    text-decoration: none;
    background-color:#490;
    color: #FFF;
	-webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.6s ease;
}

.sidebar-nav li a:active,
.sidebar-nav li a:focus {
    text-decoration: none;
}

.sidebar-nav > .sidebar-brand {
    height: 65px;
    font-size: 18px;
    line-height: 60px;
}

.sidebar-nav > .sidebar-brand a {
    color: #999999;
}

.sidebar-nav > .sidebar-brand a:hover {
    color: #fff;
    background: none;
}
@media(min-width:768px) {
    #wrapper {
        padding-right:;
    }
	
	#box_cnect_option{
		width:100%;
	}
	#box_cnect_version{
		width:100%;
	}
	
    #wrapper.toggled {
        padding-right:0;
    }

    #sidebar-wrapper {
        width:450px;
    }

    #wrapper.toggled #sidebar-wrapper {
        width: 0;
    }

    #page-content-wrapper {
        padding: 20px;
        position: relative;
    }

    #wrapper.toggled #page-content-wrapper {
        position: relative;
        margin-right: 0;
    }

}

@media(max-width:1200px){

	#page-content-wrapper {
    width:100%;
    position: absolute;
    padding: 15px;
	float:right;
}
}

#header-size{
    border: 1px solid #ccc;
    outline: none; 
	cursor:pointer;
	box-shadow: 0 0 8px 0 rgba(0,0,0,.3);
	border-bottom:3px solid green;
	margin:0px;
	background-position: 50% 25%;
    background-size: cover;
	color:#FFF;
    transition-duration: 500ms;
    transition-property: width, height;
	background-repeat: no-repeat;
	background-color:#3B5998;
	display: table-cell;
	text-align: center;
	vertical-align: middle;
}


















.boxBed{
background: none repeat scroll 0 0 #fff;
border-color: #ddd;
border-style: solid;
border-width: 1px;
float: left;
height: 70px;
margin-left: 10px;
margin-right: 2px;
margin-top: 50px;
border-radius: 6px;
width: 70px;
}

.boxBed:hover{
	border:1px solid #CCC;
}

.boxBed_leg{
	height:20px;
	width:20px;
	display:inline-block;
	background:#FFF;
	border:1px solid #F1F1F1;
	box-shadow:inset 0 1px 0 rgba(255,255,255,.1);
	cursor:pointer;
}

.boxBed_leg:hover{
	border:1px solid #CCC;
}

.HoverBed{
	z-index:1;
	position:absolute;
	height:70px;
	width: 70px;
    /* background:rgba(255,255,255,0.5);  */
	text-align:center;
	color:#000;
	line-height:7.5em;
	font-weight:bold;	
}

.boxLoader{
	
	height:auto;
	width:auto;
	text-align:center;
	padding:5px;
	position:absolute;
	top:40%;
	left:28%;
	
}

.input-hg {
    border: 2px solid #D1D5DE;
    border-radius: 3px;
    box-shadow: none;
    padding: 4px 10px;
    height: 40px;
    font-weight: 400;
    font-size: 13px;
    margin-bottom: 20px;
}