html, body {
    height: 100%;
    margin: 0; padding: 0;
}
body {
    display : table;
    width: 100%;
}

body{
    position:relative;
    color:#4b4c4c;

 }

/* SURCHARGE BOOTSTRAP */
.navbar, .dropdown-menu{
	background:#84b44e!important;

}
.navbar a{
	color:#ffffff!important;

}

.navbar-toggle .icon-bar {
    background-color: #ffffff;
}


.navbar-nav>li>a:hover,.nav .open>a, .dropdown-menu li>a:hover {
	background-color:#608c2e!important;
}

.logo {
	padding-top:100px;
	width:300px;
	margin:auto;
	text-align:center;
}






	
	
	#footer {
		  position: absolute;
		  bottom: 0;
		  width: 100%;
		  
		  /* Set the fixed height of the footer here */
		  height: 60px;
		  background-color: #000000;
	}
	
	#footer p{
		color:#cdcdcd;padding:10px;
	}

#wrap{
	padding-top:100px;
	padding-bottom : 60px;
}


    #preview.modal-dialog {
	  width: 100%;
	  height: 100%;
	  padding: 0;
	}
	
	#preview.modal-content {
	  height: 100%;
	  border-radius: 0px;
	}

	
	
	.avatar {
		width: 50px;
		height: 50px;
		border-radius: 25px;
	}