.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
    padding: 4px;
    vertical-align: middle;
}

.banner-container {
    position: relative;
}
.banner-name {
    z-index: 100;
    position: absolute;
    color: white;
    font-weight: bold;
    left: 2%;
    top: 1%;
    background:rgba(0,0,0,0.5);
    border-radius: 10px;
    padding: 5px 10px 5px 10px;
}
.banner-description {
    z-index: 100;
    position: absolute;
    color: white;
    font-weight: bold;
    left: 2%;
    top: 40%;
    background:rgba(0,0,0,0.5);
    border-radius: 10px;
    padding: 5px 10px 5px 10px;
}
.concept-description {
    text-align: center;
    padding: 10px 50px 10px 50px;
}
.concept-name {
    text-align: center;
}
p {
    font-size: 14px;
}
a {
    color: #2c3e50;
    text-decoration: none !important;
}
.product-show-not-main {
    width: 10%;
    height: 10%;
}
.product-quantity {
    width: 100px;
}

.required:after {
    content: "*";
}

/* BLOCK TYPE */
.cf:before,.cf:after {content:"";display:table}
.cf:after {clear:both}
.cf {*zoom:1}

.fright {float:right}
.fleft {float:left}
.clear {clear:both}
.iBlock {display:inline-block}
.iLine {display:inline}
.bloc {display:block}
.iFlex {
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
}

.table {display:table}
.trow {display:table-row}
.cell{display:table-cell}

.clickable, .clickable span, .clickable p, a span {cursor:pointer}

/* POSITION */
.rel {position:relative}
.abs {position:absolute}
.fixed {position:fixed}
.center {margin-left:auto;margin-right:auto}

.b0 {bottom:0}
.r0 {right:0}
.l0 {left:0}
.t0 {top:0}
.t50 {top:50%}

.vTop {vertical-align:top}
.vBot {vertical-align:bottom}
.vMid {vertical-align:middle}

.z2 {z-index:2}
.z100 {z-index:100}

/* TEXT */
.txtCenter {text-align:center}
.txtRight {text-align:right}
.txtLeft {text-align:left}
.txtJustify {text-align:justify}

.underline {text-decoration:underline}
.uppercase {text-transform:uppercase}
.capitalize {text-transform:capitalize}
.normal {text-transform:none}

.italic,em {font-style:italic}
.bold {font-weight: bold}
.strong {font-weight:bold}
.light {font-weight:normal}

.nowrap {white-space:nowrap}
.ellipsis {text-overflow:ellipsis}

/* HIDDEN CONTENT */
.hidden {display:none}
.invisible {visibility:hidden}
.ovHidden {overflow:hidden}
.ovVisible {overflow:visible}
.op0-7 {opacity:0.7;}
.op0-8 {opacity:0.8;}
.op0-5 {filter:alpha(opacity=50);filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=50);opacity:0.5;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";}
.op0 {opacity:0;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";}
.touch .hide-tab {display:none}
.touch .show-tab {display:block}

/* HEIGHT */
.h0-5 {height:0.5em}
.h2-0 {height:2em}
.h3-1 {height:3.125em}
.h6-2 {height:6.25em}
.h8-5 {height:8.5em}
.h11-5 {height:11.5em}
.hfull {height:100%}
.mhContainer {min-height:80px}
.mxh18-75 {max-height: 18.75em} /*300px*/

/* WIDTH */
.w4 {width:4%}
.w5 {width:5%}
.w8 {width:8%}
.w10 {width:10%}
.w14 {width:14%}
.w15 {width:15%}
.w16 {width:16.666%}
.w17 {width:17%}
.w18 {width:18%}
.w20 {width:20%}
.w23 {width:23%}
.w24 {width:24%}
.w25 {width:25%}
.w27 {width:27%}
.w28 {width:28%}
.w29 {width:29%}
.w30 {width:30%}
.w31 {width:31%}
.w32 {width:32%}
.w33 {width:33.333%}
.w34 {width:34%}
.w35 {width:35%}
.w36 {width:36%}
.w37 {width:37%}
.w38 {width:38%}
.w40 {width:40%}
.w41 {width:41%}
.w42 {width:42%}
.w45 {width:45%}
.w47 {width:47%}
.w48 {width:48%}
.w49 {width:49%}
.w50 {width:50%}
.w54 {width:54%}
.w55 {width:55%}
.w56 {width:56%}
.w60 {width:60%}
.w63 {width:63%}
.w65 {width:65%}
.w66 {width:66%}
.w68 {width:68%}
.w69 {width:69%}
.w70 {width:70%}
.w71 {width:71%}
.w73 {width:73%}
.w74 {width:74%}
.w75 {width:75%}
.w76 {width:76%}
.w80 {width:80%}
.w83 {width:83%}
.w85 {width:85%}
.w90 {width:90%}
.w95 {width:95%}
.full {width:100%}
.w100 {width:100%}
.w200p {width:200px;}
.auto {width: auto}
.wrapper {
    min-width:320px;
    width:930px;
}

/* MARGIN */
.mauto {margin:auto}
.mt-5 {margin-top:-5em}
.mt-1 {margin-top:-1em}
.mt-3 {margin-top:-3em}
.ml-3 {margin-left:-3em}
.ml-1-7 {margin-left:-1.7em}
.ml-2-7 {margin-left:-2.7em}
.mt-0-5 {margin-top:-0.5em}
.mr-0-5 {margin-right:-0.5em}
.mb0-25 {margin-bottom:0.25em}
.mr0-4 {margin-right:0.438em}
.ml0-5 {margin-left:0.5em}
.ml-0-5 {margin-left:-0.5em}
.mr0-5 {margin-right:0.5em}
.mb0-5 {margin-bottom:0.5em}
.mt0-5 {margin-top:0.5em}
.mr0-8p {margin-right:0.8%}
.mr1p {margin-right:1%}
.mr5p {margin-right:5%}
.mr10p {margin-right:10%}
.m1 {margin:1em;}
.mt1 {margin-top:1em}
.ml1 {margin-left:1em}
.ml1-5 {margin-left:1.5em}
.mr1 {margin-right:1em}
.mb1 {margin-bottom:1em}
.mr1p {margin-right:1%}
.ml1-2 {margin-left:1.2em}
.mr1-2 {margin-right:1.2em}
.mt1-3 {margin-top:1.313em}
.mb1-5 {margin-bottom:1.5em}
.mt1-5 {margin-top:1.5em}
.mt1-56 {margin-top:1.563em}
.mb1-56 {margin-bottom:1.563em}
.ml1-6 {margin-left:1.625em}
.mr1-6 {margin-right:1.625em}
.mt1-6 {margin-top:1.625em}
.mb1-6 {margin-bottom:1.625em}
.mb1-8 {margin-bottom:1.8em}
.mb1-87 {margin-bottom:1.875em}
.mb2 {margin-bottom:2em}
.ml2 {margin-left:2em}
.mr2 {margin-right:2em}
.mt2 {margin-top:2em}
.mt2-3 {margin-top:2.3em}
.mt2-5 {margin-top:2.5em}
.mb2-3 {margin-bottom:2.3em}
.mt3 {margin-top:3em}
.mt5 {margin-top:5em}
.mb3 {margin-bottom:3em}
.mb3-4 {margin-bottom:3.438em}
.ml3 {margin-left:3em}
.mr3 {margin-right:3em}
.ml2-5 {margin-left:2.5em}
.ml4 {margin-left:4em}
.ml5 {margin-left:5em}
.mb5 {margin-bottom:5em}
.ml6 {margin-left:6em}
.ml7 {margin-left:7em}
.ml7-5 {margin-left:7.5em}
.ml8 {margin-left:8em}
.ml9-5 {margin-left:9.5em}
.ml9 {margin-left:9em}
.ml10 {margin-left:10em}
.ml13 {margin-left:13em}
.ml15 {margin-left:15em}
.ml17 {margin-left:17em}
.ml18 {margin-left:18em}
.ml50p {margin-left: 50%}
.ml25p {margin-left: 25%}
.ml24p {margin-left: 24%}
.ml20p {margin-left: 20%}
.ml10p {margin-left: 10%}
.ml19p {margin-left: 19%}


/* PADDING */
.p0 {padding: 0}
.p0-25 {padding:0.25em}
.pb0-25 {padding-bottom:0.25em}
.pl0-25 {padding-left:0.25em}
.pr0-25 {padding-right:0.25em}
.p0-4 {padding:0.4em}
.pb0-4 {padding-bottom:0.4em}
.pt0-4 {padding-top:0.4em}
.p0-45 {padding:0.45em}
.p0-5 {padding:0.5em}
.pb0-5 {padding-bottom:0.5em}
.pl0-5 {padding-left:0.5em}
.pr0-5 {padding-right:0.5em}
.pt0-5 {padding-top:0.5em}
.pl0-6 {padding-left:0.625em}
.pr0-6 {padding-right:0.625em}
.pl0-7 {padding-left:0.75em}
.pr0-7 {padding-right:0.75em}
.pb0-8 {padding-bottom:0.813em}
.pt0-8 {padding-top:0.813em}
.p1 {padding:1em}
.pb1 {padding-bottom:1em}
.pl1 {padding-left:1em}
.pr1 {padding-right:1em}
.pt1 {padding-top:1em}
.pl1-06 {padding-left:1.063em}
.pr1-06 {padding-right:1.063em}
.pt1-12 {padding-top:1.125em}
.pl1-5 {padding-left:1.5em}
.pl1-9 {padding-left:1.9em}
.pr1-5 {padding-right:1.5em}
.pt1-5 {padding-top:1.5em}
.pb1-56 {padding-bottom:1.563em}
.pt1-56 {padding-top:1.563em}
.pt1-6 {padding-top:1.6em}
.pb1-4 {padding-bottom:1.4em}
.pb1-8 {padding-bottom:1.875em}
.pt1-8 {padding-top:1.875em}
.p2 {padding:2em}
.pb2 {padding-bottom:2em}
.pl2 {padding-left:2em}
.pr2 {padding-right:2em}
.pt2 {padding-top:2em}
.pl2-1 {padding-left:2.1em}
.pb3 {padding-bottom:3em}
.pl3 {padding-left:3em}
.pr3 {padding-right:3em}
.pt3 {padding-top:3em}
.pt3-7 {padding-top:3.7em}
.pr3-8 {padding-right:3.8em}
.pl4 {padding-left:4em}
.pr4 {padding-right:4em}
.pr4-8 {padding-right:4.8em}
.pb5 {padding-bottom:5em}
.pt5 {padding-top:5em}
.pl5p {padding-left:5%}
.pb6-5 {padding-bottom:6.5em}
.pl6 {padding-left:6em}
.pb15 {padding-bottom:15em}

/* font size */
.tt0-60 {font-size:0.6em}
.tt0-6 {font-size:0.625em} /*10px*/
.tt0-68 {font-size:0.688em} /*11px*/
.tt0-7 {font-size:0.73em} /*11px*/
.tt0-75 {font-size:0.75em} /*12px*/
.tt0-8 {font-size:0.813em} /*13px*/
.tt0-87 {font-size:0.875em} /*14px*/
.tt0-93 {font-size:0.93em}
.tt0-9 {font-size:0.983em} /*15px*/
.tt1 {font-size:1em} /*16px*/
.tt1-1 {font-size:1.1em} /*17px*/
.tt1-12 {font-size:1.125em} /*18px*/
.tt1-2 {font-size:1.216em} /*19px*/
.tt2-27 {font-size:2.277em} /*36.44px*/
.tt1-25 {font-size:1.25em} /*20px*/
.tt1-5 {font-size:1.5em} /*24px*/
.tt1-62 {font-size:1.625em} /*26px*/
.tt2-25 {font-size:2.25em}
.tt3 {font-size:3em} /*48px*/

.small {font-size:75%}

.cartItemNum {
    float: right;
    #background: #014493;
    background: #e74c3c;
    color: white;
    font-weight: bolder;
    width: 1.5em;
    border-radius: 50%;
    font-size: 0.75em;
    line-height: 1.5em;
    text-align: center;
    margin-top: -8px;
    animation: notificationpulse 0.5s infinite;
    -webkit-animation: notificationpulse 0.5s infinite;
    -moz-animation: notificationpulse 0.5s infinite;
}

/* border */
.border-3-black { border: 3px solid #1D252D;}

/* color */
.col-white {color: #ffffff;}

/* background-color*/
.bg-color{background-color: lightgrey}

#addressBlock ul li {
    list-style-type: none;
}

ul.addressClient li {
    list-style-type: none;
}

ul.products-filter li {
    list-style-type: none;
    font-size: 0.8em;
}

.product-color-pastille {
    display: inline-block; border-radius: 20px; border: solid 1px black; width: 20px; height: 20px;
}

.fasset-selected {
    color: #18bc9c !important;
    pointer-events: none;
    cursor: default;
}

.img-responsive{
    width:100%;
    max-width:100%;
}

.inactiveLink {
    pointer-events: none;
    cursor: default;
}

/* login */
.login_header {
    /*height: 120px;*/
    /*position: relative;*/
    /*width: 100%;*/
    z-index: 43;
    background-color: #1D252D;
}

#login {
    background: url('../img/image_fond_elior_page_d-accueil.jpg') no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.navbar {
    min-height: 100px;
    margin-bottom: 0;
}

.navbar-right {
    padding-top: 30px;
    font-size: 20px;
}

.navbar-default {
    background-color: #1D252D;
}

footer {
    background-color: #1D252D;
}

header {
    margin-bottom: 0;
}

.anchor-container {
    display: block;
    background: url('../img/image_header.jpg') no-repeat;
}

.concept-anchor-table {

}

.concept-anchor {
    color: white;
    font-size: 16px;
}

#login > .container {
    width: 100%;
}

#login > footer {
    margin-top: 0;
}

.body-container {
    padding-top: 20px;
}

.table-striped > tbody > tr:nth-of-type(2n+1) {
    background-color: #E4E5E6;
}

.table-concept > tbody > tr > td {
    padding: 0;
}

.btn-info {
    background-color: #1D252D;
    border-color: #1D252D;
}

.alert-info {
    background-color: #1D252D;
    border-color: #1D252D;
}

.back-to-top {
    cursor: pointer;
    position: fixed;
    bottom: 50px;
    right: 20px;
    display:none;
    z-index: 999999999;
}

.pagination > li > a, .pagination > li > span {
    background-color: darkgrey;
}

.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
    background-color: grey;
}

.pagination > .disabled > span, .pagination > .disabled > span:hover, .pagination > .disabled > span:focus, .pagination > .disabled > a, .pagination > .disabled > a:hover, .pagination > .disabled > a:focus {
    background-color: darkgray;
}

.pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus {
    background-color: #1D252D;
}

.ui-autocomplete {
    z-index: 1000 !important;
}

/*
* Supplier modal
 */

.modal-supplier-header {
    padding: 2em;
}
.modal-supplier-header .close {
    margin-top: -0.55em;
}
.modal-supplier-body .create-order {
    float: right;
}

#form_client_address .help-block {
    position: absolute;
}