body {
    padding-bottom: 40px;
    background-color: #eee;
    font-size: 16px;
  }
  html {
    padding-bottom: 40px;
    background-color: #eee;
    font-size: 16px;
    }
  .btn 
  {
   outline:0;
   border:none;
   border-top:none;
   border-bottom:none;
   border-left:none;
   border-right:none;
   box-shadow:inset 2px -3px rgba(0,0,0,0.15);
  }
  .btn:focus
  {
   outline:0;
   -webkit-outline:0;
   -moz-outline:0;
  }
  .fullscreen_bg {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-size: cover;
    background-position: 50% 50%;
    background-image: url(../img/wefret-transport2-1920x680.jpg);
    background-repeat:repeat;
  }
  .form-signin {
    max-width: 280px;
    padding: 15px;
    margin: 0 auto;
      margin-top:50px;
  }
  .form-signin .form-signin-heading, .form-signin {
    margin-bottom: 10px;
  }
  .form-signin .form-control {
    position: relative;
    font-size: 16px;
    height: auto;
    padding: 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .form-signin .form-control:focus {
    z-index: 2;
  }
  .form-signin input[type="text"] {
    margin-bottom: -1px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: none;
    border-left-style: solid;
    border-color: #000;
  }
  .form-signin input[type="password"] {
    margin-bottom: 10px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-top-style: none;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-color: rgb(0,0,0);
    border-top:1px solid rgba(0,0,0,0.08);
  }
  .form-signin-heading {
    color: #fff;
    text-align: center;
    text-shadow: 0 2px 2px rgba(0,0,0,0.5);
  }
.msgSubmit{
	padding: 15px;
}
.excel5Icon{
	background: url(../img/excel5.png) no-repeat ;
}
.excel2007Icon{
	background: url(../img/excel2007.png) no-repeat ;
}
.csvIcon{
	background: url(../img/csv.png) no-repeat ;
}
.preview{
	background: url(../img/preview.png) no-repeat ;
}
.dupliquer{
	background: url(../img/dupliquer.png) no-repeat ;
}
#loader{
	position:absolute;
    margin: auto;
    width: 66px;
    height: 66px;
    top: 0;
    bottom: 0;
    right: 0;
    left : 0;
	z-index: 2000;
	display: none;
}
#suiviPdf{
	display: none;
}
.container-fluid > .navbar-collapse, .container-fluid > .navbar-header, .container > .navbar-collapse, .container > .navbar-header {
    padding-bottom: 10px !important;
}
.groupeMarchandises{
	height: 360px;
}
 @media screen and (max-width: 768px) {
 	.formField{
 		width: 100% !important;
 		float : left !important;
 	}
}

 @media screen and (min-width: 768px) {
.groupeGauche{
	width: 380px; 
	float: left; 
	margin-right: 0px;
}
.groupeDroit{
	width: 380px; 
	float: right; 
	margin-left: 0px;
}
.groupeMarchandises{
	height: 210px;
}
 }
.box{
  box-shadow: 2px 2px 8px 0 rgba(0, 0, 0, .2);
  padding: 15px;
  margin-bottom: 15px;
}
@media screen and (min-width: 1200px) {
  .box{
  height: 520px;
  }
}
.dropdown-submenu{position:relative;}
.dropdown-submenu>.dropdown-menu{top:0;left:100%;margin-top:-6px;margin-left:-1px;-webkit-border-radius:0 6px 6px 6px;-moz-border-radius:0 6px 6px 6px;border-radius:0 6px 6px 6px;}
.dropdown-submenu:hover>.dropdown-menu{display:block;}
.dropdown-submenu>a:after{display:block;content:" ";float:right;width:0;height:0;border-color:transparent;border-style:solid;border-width:5px 0 5px 5px;border-left-color:#cccccc;margin-top:5px;margin-right:-10px;}
.dropdown-submenu:hover>a:after{border-left-color:#ffffff;}
.dropdown-submenu.pull-left{float:none;}.dropdown-submenu.pull-left>.dropdown-menu{left:-100%;margin-left:10px;-webkit-border-radius:6px 0 6px 6px;-moz-border-radius:6px 0 6px 6px;border-radius:6px 0 6px 6px;}