body { 
/* background: url(../../../images/CSS/accueil/arriere-camion.png) no-repeat center center fixed; */
/* background: url(../../../images/CSS/accueil/colis.jpg) no-repeat center center fixed;*/
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
/*padding-top: 30px;*/
/*background-color: #53544F; */
/* background-color: #f8f8f8; */
}

.starter-template {
  padding: 15px 15px;
/*  text-align: center;*/
}
.starter-template-background {
 margin-top: 40px;    
 border-radius: 10px;
 border:  black dotted 1px;
/* background-color: #ffffff; */
/*    background: white;  For browsers that do not support gradients 
    background: -webkit-linear-gradient( grey, white, white, white);  For Safari 5.1 to 6.0 
    background: -o-linear-gradient( grey, white, white, white);  For Opera 11.1 to 12.0 
    background: -moz-linear-gradient( grey, white, white, white);  For Firefox 3.6 to 15 
    background: linear-gradient( grey, white, white, white);  Standard syntax  */
box-shadow: 8px 8px 0px #aaa;
min-height: 70vh;
background-color: #f4f4f4;
}

.background-image {
  /* background:url('../../../images/CSS/accueil/arriere-camion.png')no-repeat center; 
  background-size: cover; 
  height: 100%;
  width: 100%; */
}

.container {
    /*margin-right:15px;*/
}

.form-group {
margin-bottom: 10px;    
}

.btn.btn-primary {
   background:#FFF226;
   color: black;
   border: #FFF226; 
}
 
.btn.btn-primary:hover {
    color:orange;
}

.title-grad {
}  

.circle_help {
    width:30px;
    background:#FFF226;
    height:30px;
    text-align:center;
    border-radius:30px;
    line-height: 28px; /* 100 - 10 */
    margin-left:10px;
}

footer {
  position: absolute;
  margin-top: 50px;
/*  bottom: 0;*/
  width: 100%;
  background-color: #f5f5f5;
}

.box_sn {
width: 100%;
height: 30px;
background-color: #53544F;
}

.panel-default > .panel-heading {
background: -moz-linear-gradient(to top, #ffffff 0%, #fff226 100%);    
background-image: -webkit-linear-gradient(top, #ffffff 0%, #fff226 100%);
background-image:      -o-linear-gradient(top, #ffffff 0%, #fff226 100%);
background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#fff226));
background-image:         linear-gradient(to top, #ffffff 0%, #fff226 100%);
}

.panel-body {
padding: 0px;
}

sup { 
valign: super; 
font-size: 70%; 
line-height: 80%; 
} 

.form-hr {
 margin-bottom: 10px;
 margin-top: 10px;
 border-top: 1px solid #fff226;
}

.separateur {
border-top: 5px solid yellow;    
}

li {list-style-type: none;}
li:before {
    content: "- ";  /*on affiche une chaîne de caractère */
}

.li_none {list-style-type: none;}
.li_none:before {
    content: "";  /*on affiche une chaîne de caractère */
}

.slider.slider-horizontal{
  width: 100%;    
}

.slider-handle {
    background: #53544F;   
}

.slider-selection {
	background: #FFF226;
}
#slider_poids .slider-handle {
	background: #53544F;
}

div.clear   {
    clear: both;
}

div.product-chooser{
    
}

div.product-chooser.disabled div.product-chooser-item {
		zoom: 1;
		filter: alpha(opacity=60);
		opacity: 0.6;
		cursor: default;
	}

div.product-chooser div.product-chooser-item{
		padding: 11px;
		border-radius: 6px;
		cursor: pointer;
		position: relative;
		border: 1px solid #FFF226;
		margin-bottom: 10px;
        /* margin-left: 10px; */
        margin-right: 10x;
	}
	
div.product-chooser div.product-chooser-item.selected{
		border: 4px solid #FFF226;
		background: #FFFCC6;
		padding: 8px;
		filter: alpha(opacity=100);
		opacity: 1;
	}
	
div.product-chooser div.product-chooser-item img{
			padding: 0;
		}
		
div.product-chooser div.product-chooser-item span.title{
			display: block;
			margin: 10px 0 5px 0;
			font-weight: bold;
			font-size: 12px;
		}
		
div.product-chooser div.product-chooser-item span.description{
			font-size: 12px;
		}
		
div.product-chooser div.product-chooser-item input{
			position: absolute;
			left: 0;
			top: 0;
			visibility:hidden;
		}
        
#jquery-loader.blue-with-image-2{
    border:none;
    padding-top:35px;
    background-color: transparent;
    text-align: center;
    background-image: url(../img/ajax-loader.gif);
    background-position: center center;
    background-repeat: no-repeat;
} 

.table_hidden {
 /* visibility: hidden; */
 height:1px;
 width: 1px;
}

.titre h4{
/*  background: #494944;  For browsers that do not support gradients
  background: -webkit-linear-gradient(left, #494944 , #ffffff);  For Safari 5.1 to 6.0
  background: -o-linear-gradient(right, #494944, #ffffff);  For Opera 11.1 to 12.0
  background: -moz-linear-gradient(right, #494944, #ffffff);  For Firefox 3.6 to 15 
  background: linear-gradient(to right, #494944 , #ffffff);  Standard syntax */
  text-decoration: underline;
}

.titre a:hover {
 color: gray;
 font-size: larger;
}

.titre a {
 /*color: #FFF226;*/
 color: black;
 font-size: larger;
}

a:hover {
    cursor: pointer;
}

.divScroll {
    overflow-y:scroll;
    height:400px;
}

.titre i {
   color: black;
}

.table-striped>tbody>tr:nth-child(odd)>td, 
.table-striped>tbody>tr:nth-child(odd)>th {
   background-color: #FFFF99; /* Choose your own color here */
 }
 
/*.table-hover tbody tr:hover td
{
   background-color: #FFFF33;
}    */

.margin-top-05 { margin-top: 0.5em; }
.margin-top-10 { margin-top: 1.0em; }
.margin-top-15 { margin-top: 1.5em; }
.margin-top-20 { margin-top: 2.0em; }
.margin-top-25 { margin-top: 2.5em; }
.margin-top-30 { margin-top: 3.0em; }

/*:required {
   border: 1px solid red;
}*/

.btn-nowrap {
  display: inline-block;
  padding: 6px 12px;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.42857143;
  text-align: center;
  /*white-space: nowrap;*/
  vertical-align: middle;
  -ms-touch-action: manipulation;
      touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 4px;
}

.xx-large {font-size: xx-large;}
.x-large {font-size: x-large;}
.large {font-size: large;}
.medium {font-size: medium;}
.small {font-size: small;}
.size1 {font-size: 1px;}

.ml-0 {
  margin-left: 0px !important;
}
.ml-1 {
  margin-left: 10px !important;
}
.ml-2 {
  margin-left: 20px !important;
}
.ml-3 {
  margin-left: 30px !important;
}
.ml-4 {
  margin-left: 40px !important;
}
.ml-5 {
  margin-left: 50px !important;
}
.ml-6 {
  margin-left: 60px !important;
}

.mr-1 {
  margin-right: 10px !important;
}
.mr-2 {
  margin-right: 20px !important;
}
.mr-3 {
  margin-right: 30px !important;
}
.mr-4 {
  margin-right: 40px !important;
}
.mr-5 {
  margin-right: 50px !important;
}
.mr-6 {
  margin-right: 60px !important;
}

.mb-1 {
  margin-bottom: 10px !important;
}
.mb-2 {
  margin-bottom: 20px !important;
}
.mb-3 {
  margin-bottom: 30px !important;
}
.mb-4 {
  margin-bottom: 40px !important;
}
.mb-5 {
  margin-bottom: 50px !important;
}
.mb-6 {
  margin-bottom: 60px !important;
}

.mt-1 {
  margin-top: 10px !important;
}
.mt-2 {
  margin-top: 20px !important;
}
.mt-3 {
  margin-top: 30px !important;
}
.mt-4 {
  margin-top: 40px !important;
}
.mt-5 {
  margin-top: 50px !important;
}
.mt-6 {
  margin-top: 60px !important;
}

.pb-1 {
  padding-bottom: 10px !important;
}
.pb-2 {
  padding-bottom: 20px !important;
}
.pb-3 {
  padding-bottom: 30px !important;
}
.pb-4 {
  padding-bottom: 40px !important;
}
.pb-5 {
  padding-bottom: 50px !important;
}
.pb-6 {
  padding-bottom: 60px !important;
}

.img-valign {
  vertical-align: middle;
/*  margin-bottom: 0.75em;*/
}

p {
    text-align: justify;
    text-justify: inter-word;
}

chapo {
    text-align: justify;
    text-justify: inter-word;    
}

.formulaire
{
 padding-top: 10px;   
 background-color: white;
 box-shadow: 5px 5px 5px 5px grey;
 min-height: 360px;
/* border: 1px solid black;*/
}

.panel-gray {
background-color: #f4f4f4; 
}

.list-group-item-gray {
 background-color: #f4f4f4;    
}

.visually-hidden {
 visibility: hidden;
 font-size: 0px;
}

.carousel-inner-transport > .item
{
}

.carousel-inner-transport > img
{
 vertical-align:middle; 
 width: initial;
}

.carousel-control-transport.left
{background-image: none}

.carousel-control-transport.right
{background-image: none}

.selector{
    background-size: cover;
    background-image: url("/images/CSS/transporteur.jpg"); 
    height: 200px;
    max-height: 263px;
}

.bg_white{background-color: white;}

.bg_yellow{
    background-color: #fff227;
    }
    
.bg_grey{
    background-color: grey;
    opacity: 0.8;
    }
    
.tag {
  font-style: italic;
}

.min_h_135 {
    min-height: 135px;
}

.text-white {
    color:white;
}

.marge {
margin-bottom:20px;
}

.marge-top {
margin-top:20px;
}

header {
    padding-top:20px;
}

.l-stroke {
    margin-top: 29px;
    border-top: 1px solid #6b6b6b;   
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: rgb(107, 107, 107);
}

.r-stroke {
    margin-top: 29px;
    border-top: 1px solid #6b6b6b;
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: rgb(107, 107, 107);    
}

.info {
/*    border-top: 1px solid #6b6b6b;*/
}

.titre_transporteur {
    margin-top: 29px;
    margin-bottom: 29px; 
    border-top: 1px solid #6b6b6b;
    border-bottom: 1px solid #6b6b6b;
    background-color: white;
    padding-left: 20px;
    color: #FFF226;
    background-color: #494944;
}

.transporteur {
    padding-top: 7px;
    padding-bottom: 7px;
    border-top: solid 4px white;
}

.titre_detail_transporteur {
    font-weight: 700;    
    font-size: 18px;
} 

.info p {
    margin: 0px;
}

.info i {
    margin: 10px 10px 10px 0px;
}

.left-border-col {
    border-left: 2px black solid;
}

.right-border-col {
    border-right: 2px black solid;
}

	.login-form {
		width: 350px;
		margin: 0 auto;
		padding: 100px 0 30px;		
	}
	.login-form form {
		color: #7a7a7a;
		border-radius: 2px;
    	margin-bottom: 15px;
        font-size: 13px;
        background: #ececec;
        box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
        padding: 30px;	
        position: relative;	
    }
	.login-form h2 {
		font-size: 22px;
        margin: 35px 0 25px;
    }
	.login-form .avatar {
		position: absolute;
		margin: 0 auto;
		left: 0;
		right: 0;
		top: -50px;
		width: 95px;
		height: 95px;
		border-radius: 50%;
		z-index: 9;
		background: #70c5c0;
		padding: 15px;
		box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1);
	}
	.login-form .avatar img {
		width: 100%;
	}	
    .login-form input[type="checkbox"] {
        margin-top: 2px;
    }
    .login-form .btn {        
        font-size: 16px;
        font-weight: bold;
		background: #70c5c0;
		border: none;
		margin-bottom: 20px;
    }
	.login-form .btn:hover, .login-form .btn:focus {
		background: #50b8b3;
        outline: none !important;
	}    
	.login-form a {
		color: #fff;
		text-decoration: underline;
	}
	.login-form a:hover {
		text-decoration: none;
	}
	.login-form form a {
		color: #7a7a7a;
		text-decoration: none;
	}
	.login-form form a:hover {
		text-decoration: underline;
	}