/**********************************
 * Tables
 **********************************/
table, .table {
    display: table;
    width: 100%;
    border-spacing: 0px;
    border-collapse: separate;
    color: #000000;
    margin: 0 0 1rem 0;
    background-color: #FFFFFF;
    border: none;
}
tr , .table-row {
    display: table-row;
    background-color: #FFFFFF;
    color: #444;
    transition: background-color 0.3s ease, color 0.3s ease;
}
tr:nth-child(2n+1), table-row:nth-child(2n+1) {
    background-color: #F0F0F0;
}
.table-body > a.table-row:hover {
    background-color: #6A91B3;
    color: white;
    transition: background-color 0.5s ease, color 0.5s ease;
    text-decoration: none;
}
/*.table-body > .table-row:hover > .table-cell > a {
    color: white;
}*/

th , .table-head {
    display: table-cell;
    background-color: #FFFFFF;
    border-bottom: solid 2px #1365AD;
    color: #1365AD;
    font-size: 1.4rem;
    font-weight: bold;
    text-align: center;
    line-height: 2;
}
th > .glyphicon, .table-head > .glyphicon { color: #1365AD; background-color:transparent;  }
th > .glyphicon:before, .table-head > .glyphicon:before { float: right; margin-right: 1rem; color: #AAAAAA;  }
th > .glyphicon.active:before, .table-head > .glyphicon.active:before { color: #000000; }
th > .glyphicon:hover:before, .table-head > .glyphicon:hover:before { color: #555555; }
th > .glyphicon.active.btn-chevron-down:hover:before, .table-head > .glyphicon.active.btn-chevron-down:hover:before { content: "\e113"; }
th > .glyphicon.active.btn-chevron-up:hover:before, .table-head > .glyphicon.active.btn-chevron-up:hover:before { content: "\e114"; }

th > .glyphicon, .table-head > .glyphicon {
    display: block;
    width: 100%;
    line-height: inherit;
    border: none;
    color: inherit;
    padding: 0;
    font-size: inherit;
    transition: none;
}
th > .glyphicon:hover, .table-head > .glyphicon:hover, th > .glyphicon.active, .table-head > .glyphicon.active {
    color: inherit;
    background-color: transparent;
    border: none;
    transition: none;
}

th.left , .table-head.left { text-align: left; }
th.right , .table-head.right { text-align: right; }
th.center , .table-head.center { text-align: center; }
td , .table-cell {
    display: table-cell;
    text-align: center;
    font-size: 1.4rem;
    line-height: 1.6;
    border-bottom: solid 1px #1365AD;
    padding: 0.5rem 0.5rem 0.5rem 0;
    vertical-align: top;
}
td.left , .table-cell.left { text-align: left; }
td.right , .table-cell.right { text-align: right; }
td.center , .table-cell.center { text-align: center; }
.table-row:last-child > .table-cell { border: none; }

thead, .table-header,
tbody, .table-body,
tfoot, .table-footer {
    display: table-row-group;
    vertical-align: middle;
    border-color: inherit;
}
tfoot > tr:first-child, .table-footer > .table-row:first-child { border: none; border-top: solid 2px #1365AD; }
tfoot > tr > td, .table-footer > .table-row > .table-cell { width: 100% !important; padding-top: 0.5rem; text-align: left; }

.table.table-autofit > .table-body {
    display: block;
    max-height: 55rem;
    overflow-y: auto;
    width: 100%;
}

/**********************************
 * Tables standard, avec entete-fixe
 **********************************/
table.table-standard, .table.table-standard {}

table.table-standard > tr ,
.table.table-standard > .table-row,
table.table-standard > thead > tr ,
.table.table-standard > .table-header > .table-row,
table.table-standard > tbody > tr ,
.table.table-standard > .table-body > .table-row ,
table.table-standard > tfoot > tr ,
.table.table-standard > .table-footer > .table-row  {
    display:table;
    width:100%;
    table-layout:fixed;
}

table.table-standard > tr > th,
.table.table-standard > .table-row > .table-head,
table.table-standard > thead > tr > th,
.table.table-standard > .table-header > .table-row > .table-head {  }

table.table-standard > tr > td,
.table.table-standard > .table-row > .table-cell,
table.table-standard > tbody > tr > td,
.table.table-standard > .table-body > .table-row > .table-cell  { }

.table.table-standard > .table-body {
    display: block;
    width: 100%;
}

table.table-standard > tr > td > img,
.table.table-standard > .table-row > .table-cell > img,
table.table-standard > tbody > tr > td > img,
.table.table-standard > .table-body > .table-row > .table-cell > img  {
    max-height: 6.4rem;
}

/**********************************
 * Tables item
 **********************************/
table.table-items, .table.table-standard {}

table.table-items > tr ,
.table.table-items > .table-row,
table.table-items > thead > tr ,
.table.table-items > .table-header > .table-row,
table.table-items > tbody > tr ,
.table.table-items > .table-body > .table-row ,
table.table-items > tfoot > tr ,
.table.table-items > .table-footer > .table-row  {
    display:table;
    position: relative;
    width:100%;
    table-layout:fixed;
    border-bottom: solid 1px #1365AD;
}
table.table-items > thead > tr ,
.table.table-items > .table-header > .table-row {  border-bottom: solid 2px #1365AD; }
.table.table-items > .table-footer > .table-row {  border-bottom: none; border-top: solid 2px #1365AD; }

table.table-items > tr > th,
.table.table-items > .table-row > .table-head,
table.table-items > thead > tr > th,
.table.table-items > .table-header > .table-row > .table-head { display: inline-block; margin-right: 1em; border: none; color: #000; font-weight: normal; }

table.table-items > thead > th > .glyphicon:before,
.table.table-items > .table-header > .table-row > .table-head > .glyphicon:before { margin-left: 1rem; }

table.table-items > tr > td,
.table.table-items > .table-row > .table-cell,
table.table-items > tbody > tr > td,
.table.table-items > .table-body > .table-row > .table-cell  {
    display: inline-block;
    border: none;
    text-align: left;
    line-height: 1.5;
    float: left;
}
table.table-items > tr > td::before,
.table.table-items > .table-row > .table-cell::before,
table.table-items > tbody > tr > td::before,
.table.table-items > .table-body > .table-row > .table-cell::before  {
    content: attr(data-label);
    font-weight: bold;
}

table.table-items > tr > td > img,
.table.table-items > .table-row > .table-cell > img,
table.table-items > tbody > tr > td > img,
.table.table-items > .table-body > .table-row > .table-cell > img  {}

/**********************************
 * Tables produits
 **********************************/
.table.table-standard.table-produits > .table-header { margin-top: 1.5rem; }
.table.table-standard.table-produits .table-row > .cell-reference { width: 10rem; }
.table.table-standard.table-produits .table-row > .cell-nom { }
.table.table-standard.table-produits .table-row > .cell-image { width: 20rem; }
.table.table-standard.table-produits .table-row > .cell-page { width: 8rem; }

/**********************************
 * Tables panier
 **********************************/
.table.table-standard.table-panier .table-row > .table-head.cell-article { width: 40%; }
.table.table-standard.table-panier .table-row > .cell-image { width: 15%; }
.table.table-standard.table-panier .table-row > .cell-article { width: 25%; position: relative; }
.table.table-standard.table-panier .table-row > .cell-prix { width: 15%; }
.table.table-standard.table-panier .table-row > .cell-quantite { width: 15%; }
.table.table-standard.table-panier .table-row > .cell-soustotal { width: 15%; }

.table .table-row > .cell-quantite .buttons, table tr > .cell-quantite .buttons { display: inline-block; width: 2.6rem; }

/**********************************
 * Tables commande rapide
 **********************************/
.table.table-standard.table-commande-rapide {}
.table.table-standard.table-commande-rapide .table-row > .table-cell { vertical-align: middle; }
.table.table-standard.table-commande-rapide .table-row > .cell-nom { width: 40%; padding: 0.5rem 0.5rem 0.5rem 1rem; }
.table.table-standard.table-commande-rapide .table-row > .cell-cl { width: 15%; }
.table.table-standard.table-commande-rapide .table-row > .cell-prix { width: 15%; }
.table.table-standard.table-commande-rapide .table-row > .cell-quantite { width: 15%; }