body{
margin:0px;
width:100%;
font-family:'raleway';
color:#696969;
}

#searchForm
{
	width:400px;
	text-align:center;
	display:inline-block;
}

#commandeModalTable
{
	margin-left:-60px;
}

.modal-dialog{
    overflow-y: initial !important
}
.modal-body{
    max-height: 600px;
    overflow-y: auto;
}

#addProduitCommandeModal .modal-dialog,#addReassortProduit .modal-dialog
{
	width:900px;
}

.comment
{
border:3px solid #FAC8FA !important;
	border-radius: 20px;
	padding:15px;
	width:550px;
	margin:auto;
}

#refresh
{
position:fixed;
bottom:20px;
right:50px;
}

.scheduleInput
{
width:60px;
}

#top
{
position:fixed;
bottom:65px;
right:50px;
}

hr
{
border-top: 1px solid #CEBFBF !important;
}

textarea {
   resize: none;
   width:400px !important;
   margin:auto;
}

.title{
color:#6AB4DF;
}

.debrif{
	border:3px solid #6AB4DF !important;
	border-radius: 20px;
	padding:15px;
	width:600px;
	margin:auto;
}

.debrif>img{
	width:277px;
	margin-right:5px;
}

.form-horizontal{
	margin:auto;
}

.navbar{
	font-family: 'Lobster', cursive;
	font-size:20px;
	box-shadow: 0px 3px 5px rgba(0,0,0,0.3);
}
.navbar-default .navbar-brand{
	height:75px;
}
.navbar-toggle{
	margin-top:21px;
	margin-bottom:20px;
}
.navbar-nav.user{
	min-width:300px;
}
.navbar-nav.user>li>a{
	text-align:center;
}
.navbar-brand>img{
	height:100%;
}

.errorText{
	color:#a9527c;
}

.successText{
	color:#8fd4d1;
}

.loginWrapper{
	position:absolute;
	width:300px;
	height:400px;
	left:50%;
	top:50%;
	margin-top:-200px;
	margin-left:-150px;
}

.form-vertical{
	width:400px;
	margin:auto;
	margin-bottom:80px;
}

.textCenter{
	text-align:center;
}

/* Buttons */
a.button{
	padding:5px;
	color:white !important;
	background-color:#6AB4DF !important;
	border:1px solid #6AB4DF !important;
	font-size:large;
	display:inline-block;
}
a.button:hover,a.button:active,a.buton:focus{
	/* Cancel boostrap makeup*/
	color:#C6C4C4 !important;
	border:1px solid #2F8FB7 !important;
	text-decoration:none;
	background-color:#2F8FB7 !important;
	cursor:pointer;
}

#logo{
	margin-bottom:20px;
	width:150px;
}

@media (max-width: 768px) {
.form-vertical{
	height:146px;
	position:absolute;
	left:50%;
	margin-left:-100px;
	width:200px;
}

.addForm{
height:146px;
width:100%
}
.navbar-nav.user>li{
		display:inline-block;
		width:50%;
}
.navbar-nav.user>li.fill{
	width:100%;
}

  .login-form{
	float:none;
	width:100%;
 }

}

@media (min-width: 768px){
	.navbar-nav{
		font-size:1em;
	}
	.navbar-nav.user{
		float:right;
		right:0;
	}
	.navbar-nav.user>li{
		float:right;
	}
	.navbar-nav.user>li>a{
		margin:15px;
		font-size:30px;
	}
	.navbar-nav.links{
		margin-top:20px;
		border-top:1px solid #d3d3d3;
		width:100%;
	}
	.navbar-nav.links li{
		width:20%;
		text-align:center;
	}
	.navbar-default .navbar-brand{
		height:150px;
	}
	.collapse.navbar-collapse{
		margin-left:120px;
	}
}


/* Animation for gestionnaire des stocks */
.animated{
  -webkit-transition: 500ms cubic-bezier(0.420, 0.000, 0.580, 1.000) all;
  -moz-transition: 500ms cubic-bezier(0.420, 0.000, 0.580, 1.000) all;
  -ms-transition: 500ms cubic-bezier(0.420, 0.000, 0.580, 1.000) all;
  -o-transition: 500ms cubic-bezier(0.420, 0.000, 0.580, 1.000) all;
  transition: 500ms cubic-bezier(0.420, 0.000, 0.580, 1.000) all;
  position: relative;
  display: block;
  opacity: 1;
  overflow: hidden;
}
.animated.closed{
  opacity: 0;
  height: 0px;
}