/********** COMMUN **********/
.input-xs { height:27px !important; }

.noPadding { padding:0px !important; }
.noPaddingLeft { padding-left:0px !important; }
.noPaddingRight { padding-right:0px !important; }
.noPaddingBottom { padding-bottom:0px !important; }

.noMarginBottom { margin-bottom:0px !important; }
.noMarginLeft { margin-left:0px !important; }
.noMarginRight { margin-right:0px !important; }

.marginTop8 { margin-top:8px !important; }
.marginTop15 { margin-top:15px !important; }

.marginRight15 { margin-right:15px !important; }
.marginRight5 { margin-right:5px !important; }

.marginLeft15 { margin-left:15px !important; }
.marginLeft25 { margin-left:25px !important; }

.paddingLeft5 { padding-left:5px !important; }
.paddingLef101 { padding-left:101px !important; }

.paddingRight5 { padding-right:5px !important; }

.inline-block { display:inline-block; vertical-align:top; }

.popover-title { color:#000; }
.popover { min-width:920px; }

.borderRounded { border-radius:5px; }
.borderGris { border:1px solid #8b8b8b; }

.valignMiddle { vertical-align:middle !important; }

/********** FIN COMMUN **********/


/********** RECHERCHE PNEU **********/
/* #searchpneu { } */
#searchpneu .fond { height:150px; padding:20px; }
#searchpneu.searchpneupro .fond{ background:url(../images/background/bandeau-pro2.jpg) no-repeat bottom right ; height:200px  padding:20px; padding-top:70px; }
#searchpneu.searchpneupro2 .fond { height:150px; }
#searchpneu.searchpneupro2 { background:url(../images/background/bandeau-pro3.jpg) no-repeat top center #fff; height:145px; padding-bottom:5px; }
#searchpneu.searchpneupro2Desto { background:url(../images/background/bandeau-pro3destockage.jpg) no-repeat top center #fff; height:145px; padding-bottom:5px; }
.fond-pro { background:url(../images/background/degrade-bandeau.jpg) repeat-x; margin-top:5px; padding-top:5px; padding-bottom:10px; }
#searchpneu legend {  border:0;  display:block;  margin-bottom:5px;  padding:0;  width:100%;  height:18px;  color:#fff;  font-size:12px; }
#searchpneu legend .fa {  color:#00489c;  font-size:16px; }
#searchpneu .section-content { bottom:0;  left:0;  padding:20px;  position:absolute; }
#searchpneu .section-content h5{  background-color:#3a3a3a;  color:#fff;  display:inline-block;  font-size:14px;  font-weight:normal;  margin-bottom:10px;  padding:8px 15px 6px;
  text-transform:uppercase }
#searchpneu .section-content h1{  background-color:#00489c;  background-image:none;  color:#fff;    font-size:26px;  margin:0;  margin-bottom:10px;  padding:10px 15px 8px;  }
#searchpneu .btn-go { background:url(../images/btn-go.png) no-repeat; width:62px; height:76px; outline: none; }
#searchpneu .btn-go:focus { outline: none !important; }


#searchpneu label > input.radioType { visibility: hidden; }
#searchpneu label > input.radioType:checked + img { border-bottom:1px solid #00489c !important; }

#searchpneu input.radioTout { display: none !important; }
#searchpneu input.radioTout + label:before { background: #00489c !important; border: 2px solid #00489c !important;  border-radius: 50% !important; cursor:pointer; margin-top: -3px !important; margin-right: 6px !important; display: inline-block !important; vertical-align: middle !important; content: '' !important; width: 17px !important; height: 17px !important; }
#searchpneu input.radioTout:checked + label:before {background: #00489c !important; border-color: #00489c !important;  box-shadow: inset 0px 0px 0px 2px #fff !important; }
#searchpneu input.radioTout label {cursor:pointer;}

#searchpneu label > input.radioSaison { display: none; }
#searchpneu label > input.radioSaison  + img { cursor:pointer; margin-left:5px; }
#searchpneu label > input.radioSaison:checked + img { background:#fff; border:1px solid #00489c; }

#searchpneu input.checkboxRunflat { display: none !important; }
#searchpneu input.checkboxRunflat + label:before { background: #fff !important; border: 1px solid #cccccc !important;  border-radius: 20% !important; cursor:pointer;  display: inline-block !important; vertical-align: middle !important; content: '' !important; width: 17px !important; height: 17px !important; }
#searchpneu input.checkboxRunflat:checked + label:before { background: #337ab7 !important; color:#fff !important;  content: '\2714' !important; }
#searchpneu input.checkboxRunflat label {cursor:pointer;}

.fond-pro{  background:url(../images/background/degrade-bandeau.jpg) repeat-x;  margin-top:5px;  padding-top:5px;  padding-bottom:10px; }

#searchpneu legend{  border:0;  display:block;  margin-bottom:5px;  padding:0;  width:100%;  height:18px;  color:#fff;  font-size:12px;}
#searchpneu legend .fa{  color:#00489c;  font-size:16px;}

#searchpneu .section-content{  bottom:0;  left:0;  padding:20px;  position:absolute;}

#searchpneu .section-content h1{  background-color:#00489c;  background-image:none;  color:#fff;    font-size:26px;  margin:0;  margin-bottom:10px;  padding:10px 15px 8px;  }

#searchpneu .section-content p.meta{  background:#fff;  color:#333;  opacity:0.75;  margin:0;  padding:8px 15px 6px;    display:inline-block;  }
h5.h5RecherchePro { color:#363636; font-size:12px; font-family:Open Sans; }
.pointille { color:#8b8b8b; }

/********** FIN RECHERCHE PNEU **********/



/********** ZONE TRI **********/
.zoneTri { border-top:1px solid #c6c6c6; border-bottom:1px solid #666666; margin:0 0 10px 0; }
.titleTri { color:#787878; font-size:12px; font-family:Open Sans; margin-right:7px; }

label > input.checkboxCharge, label > input.checkboxVitesse { display: none; }
label > input.checkboxCharge + span, label > input.checkboxVitesse + span { cursor:pointer; margin-left:5px; border:1px solid #b9b8b8; padding:2px 7px; border-radius:5px; color:#8d8d8d; }
label > input.checkboxCharge:checked + span, label > input.checkboxVitesse:checked + span { background:#337ab7; color:#fff; }
.plus { font-size:9px; text-align:center; margin:0px; color:#9c9c9c; margin-left:5px; }

label > input.checkboxEtiquetteGris { display: none; }
label > input.checkboxEtiquetteGris + span { margin-left:5px; border:1px solid #b9b8b8; padding:2px 7px; border-radius:5px; color:#fff;background:#777474; }

label > input.checkboxEtiquetteNoir { display: none; }
label > input.checkboxEtiquetteNoir + span { margin-left:5px; border:1px solid #b9b8b8; padding:2px 7px; border-radius:5px; color:#fff;background:#000000; }

input.radioToutCha { display: none !important; }
input.radioToutCha + label:before { background: #00489c !important; border: 2px solid #00489c !important;  border-radius: 50% !important; cursor:pointer; margin-top: -3px !important; margin-right: 6px !important; display: inline-block !important; vertical-align: middle !important; content: '' !important; width: 17px !important; height: 17px !important; }
input.radioToutCha:checked + label:before {background: #00489c !important; border-color: #00489c !important;  box-shadow: inset 0px 0px 0px 2px #fff !important; }
input.radioToutCha label {cursor:pointer;}


input.radioToutInd { display: none !important; }
input.radioToutInd + label:before { background: #00489c !important; border: 2px solid #00489c !important;  border-radius: 50% !important; cursor:pointer; margin-top: -3px !important; margin-right: 6px !important; display: inline-block !important; vertical-align: middle !important; content: '' !important; width: 17px !important; height: 17px !important; }
input.radioToutInd:checked + label:before {background: #00489c !important; border-color: #00489c !important;  box-shadow: inset 0px 0px 0px 2px #fff !important; }
input.radioToutInd label {cursor:pointer;}

/********** FIN ZONE TRI **********/



/********** RESULTAT PNEU **********/
.table > thead > tr > th.enteteBleu { background-image:linear-gradient(#204c72,#3379b5); color:#FFF; vertical-align:middle; text-align:center; padding:8px 6px; }
.table > thead > tr > th.enteteBleuCiel { background:#7ebdf2; color:#fff; vertical-align:middle; text-align:center; padding:8px 6px; }

.table > tbody > tr > td.fondciel2 { background:#e0effc !important; }
.table > tbody > tr > td.fondgris { background:#f5f1f5 !important; }
.table > tbody > tr > td.stock{font-size:12px;background:#d5ffd5;color:#000;}.plus { font-size:9px; text-align:center; margin:0px; color:#9c9c9c; margin-left:5px; }

.spanChargeVit { border:1px solid #b9b8b8; padding:2px 7px; border-radius:5px; color:#8d8d8d; font-weight:bold; }
.spanConso { border:1px solid #b9b8b8; padding:2px 7px; border-radius:5px; font-weight:bold; color:#fff; background:#009037; }
.spanConsoDesto { border:1px solid #b9b8b8; padding:8px 7px; border-radius:5px; font-weight:bold; color:#fff; background:#35668f; }
.spanAdherence { border:1px solid #b9b8b8; padding:2px 7px; border-radius:5px; font-weight:bold; color:#fff; background:#4781b1; }
.spanAdherenceDesto { border:1px solid #b9b8b8; padding:8px 7px; border-radius:5px; font-weight:bold; color:#fff; background:#4781b1; }
.spanDecibel { border:1px solid #b9b8b8; padding:2px 7px; border-radius:5px; font-weight:bold; color:#fff; background:#000; }
.spanDecibelDesto { border:1px solid #b9b8b8; padding:8px 7px; border-radius:5px; font-weight:bold; color:#fff; background:#6ba7d9; }
.spanOnd { display:block; border:1px solid #b9b8b8; padding:2px 7px; border-radius:5px; font-weight:bold; color:#fff; background:#6a6a6a; }

.tdNoBorder {  border:none !important; border-bottom:1px solid #dddddd !important; }
.tdNoBorderRight {  border:none !important; border-left:1px solid #dddddd !important; border-bottom:1px solid #dddddd !important; }
.tdNoBorderLeft {  border:none !important; border-right:1px solid #dddddd !important; border-bottom:1px solid #dddddd !important; }

.top-cropped { width:70px; height:60px; background-position: top center; background-repeat: no-repeat; background-size: 100%; margin-top:5px; display:inline-block;	}
.top-croppedDesto { width:150px; height:80px; background-position: top center; background-repeat: no-repeat; background-size: 100%; margin-top:5px; display:inline-block;	}

.voirImage { position:relative; }
.voirImage span {display: none;}
.voirImage:hover span {  display: inline;  position: absolute;   top: -260px;  left: 50px;  z-index: 20;  width:100%;  padding:10px;}
.voirImage:hover img { border:1px solid #979797; padding:10px; background:#fff; }

#divResultatRecherche .dataTables_filter { display:none !important; }
#divResultatRecherche th.sorting, #divResultatRecherche th.sorting_desc { padding-right:0 !important; }
#divResultatRecherche table.dataTable thead .sorting::before, #divResultatRecherche table.dataTable thead .sorting_desc::before { display:none !important; }
#divResultatRecherche table.dataTable thead .sorting::after, #divResultatRecherche table.dataTable thead .sorting_desc::after { display:none !important; }
/********** FIN RESULTAT PNEU **********/


/********** COMPTE **********/

.dashboard-stat {
    display: block;
    margin-bottom: 25px;
    overflow: hidden;
    border-radius: 4px;
}

.dashboard-stat.blue {
    background-color: #3598dc;
}
.dashboard-stat.blueDark {
    background-color: #1c66be;
}

.dashboard-stat.red {
    background-color: #e7505a;
}
.dashboard-stat.orange {
    background-color: #f0ad4e;
}


.dashboard-stat.green {
    background-color: #32c5d2;
}

.dashboard-stat .visual {
    width: 80px;
    height: 80px;
    display: block;
    float: left;
    padding-top: 10px;
    padding-left: 15px;
    margin-bottom: 15px;
    font-size: 35px;
    line-height: 35px;
}

.dashboard-stat .visual>i {
    margin-left: -35px;
    font-size: 110px;
    line-height: 110px;
    color: #FFF;
    opacity: .25;
    filter: alpha(opacity=10);
}

.dashboard-stat .details {
    position: absolute;
    right: 15px;
    padding-right: 15px;
}

.dashboard-stat .details .number {
    padding-top: 25px;
    text-align: right;
    font-size: 34px;
    line-height: 36px;
    letter-spacing: -1px;
    margin-bottom: 0;
    font-weight: 300;
}

.dashboard-stat .details .number {
    color: #FFF;
}

.dashboard-stat .details .desc {
    text-align: right;
    font-size: 16px;
    letter-spacing: 0;
    font-weight: 300;
}

.dashboard-stat .details .desc {
    color: #FFF;
    opacity: 1;
    filter: alpha(opacity=100);
}

.dashboard-stat .more {
    clear: both;
    display: block;
    padding: 6px 10px;
    position: relative;
    text-transform: uppercase;
    font-weight: 300;
    font-size: 11px;
    opacity: .7;
    filter: alpha(opacity=70);
}

.dashboard-stat.blue .more {
    color: #FFF;
    background-color: #258fd7;
}

.dashboard-stat.blueDark .more {
    color: #FFF;
    background-color: #00489c;
}

.dashboard-stat.red .more {
    color: #fff;
    background-color: #e53e49;
}


.dashboard-stat.orange .more {
    color: #fff;
    background-color: #e0952b;
}

.dashboard-stat.green .more {
    color: #FFF;
    background-color: #2bb8c4;
}

.m-icon-swapright {
    background-position: -27px -10px;
}

.dashboard-stat .more>i {
    display: inline-block;
    margin-top: 1px;
    float: right;
}
/********** FIN COMPTE **********/

.h4Param{background-color:#FFF;color:#000;margin-bottom:15px;border-bottom:1px dashed #c3c3c3;display:block;}


td.details-control {
    background: url('../img/details_open.png') no-repeat center center;
    cursor: pointer;
}
tr.shown td.details-control {
    background: url('../img/details_close.png') no-repeat center center;
}

/***** Css required dimension  ************/
/* style all input elements with a required attribute */
input.requiredDimension {
    border: 1px solid red !important;
}

/**
 * style input elements that have a required
 * attribute and a focus state
 */
input.requiredDimension:focus {
    border: 1px solid red !important;
    outline: none !important;
}

/**
 * style input elements that have a required
 * attribute and a hover state
 */
input.requiredDimension:hover {
    opacity: 1 !important;
}

.displayF { height:300px; }

.bgDetCampagne { background:#e8e8e8 !important; }
.bgTdCmd { background:#dcf6f8 !important; }
.bgTdRetour { background:#dbe9fa !important; }

.campagneBandeau { height:101px; padding-right:103px; padding-top:8px; }
.nbArticleCampagne { color:#dcac39; font-size:47px; font-weight:bold; }

div.dataTables_filter { text-align:left !important; }
div.dataTables_length { text-align:right !important; }

.borderAll { border:1px solid #d3d3d3; }

.pxTopVente { font-size:25px; font-weight:bold; }

.tableDestockage > tbody > tr > td { border-bottom: 1px solid #dddddd; !important; }

.netHt { color: #428bca; font-size: 13px; font-style: italic; }
.prixNetHt { color: #000; font-size: 27px; font-weight:500; }
.prixNetHt sup { top:-7px; font-size: 65%; }
.pvcHt { color: #808080; font-size: 13px; font-style: italic; }
.prixPvcHt { font-size: 27px; font-weight:500; color: #808080; }
.prixPvcHt sup { top:-7px; font-size: 55%; }
.pvcTtc { color: #808080; font-size: 12px; }

.stockDesto { background:url(../images/icons/stockDesto.jpg) no-repeat center; font-size: 31px; color: #fff; min-width: 107px;}

table.datatable td.stock{ background:#d5ffd5; }
table.datatable tbody td { vertical-align:middle; padding:0px; padding:6px 5px;}

.card-qty { width:42px !important;}
input.qty { width:42px !important;}