@font-face {
    font-family: 'Droid Serif';
    src: url('../font/droid/DroidSerif.woff2') format('woff2'),
    url('../font/droid/DroidSerif.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

.invalid-feedback {
    display: block;
}

.code-photo {
    font-family: 'Droid Serif';
    font-size: 1.2rem;
}

html {
    position: relative;
    min-height: 100%;

}

.page-header {
    background-color: rgba(79, 79, 79, 0.85);
}


.page-footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    color: rgb(79, 79, 79);
    background-color: rgba(79, 79, 79, 0.90);
}

.hidden {
    display: none;
}

.pt-10 {
    padding-top: 20px;
}

.mt-10 {
    margin-top: 10vh !important;
}

.logo-img {
    width: 200px;
}

.image-produit {
    max-width: 100px;
    max-height: 100px;
}

.card {
    background-color: rgba(255, 255, 255, 0.933);
}

@media all and (-ms-high-contrast:none)
{
    .card { display: block} /* IE10 */
    *::-ms-backdrop, .card { display: block} /* IE11 */
}

.tableau-total {
    background-color: white;
}

.tableau-total tr{
    background-color: rgba(0,0,0,.075);
}

.photo-produit {
    max-height: 75px;
    max-width: 75px;
    margin: 10px;
}

.photo-commande {
    max-height: 75px;
}

.prixtotal {
    margin-bottom: 0px;
    font-size: 20px;
}


.prix:after{
    font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f153"; padding-left: 5px;;
}

.tableprix {
    margin-bottom:0px;
}

.param dd {
    margin: 0;
    vertical-align: baseline;
}

figure.media {
    margin-bottom: unset;
}

.shopping-cart-wrap .price {
    display: block;
}

.price {
    font-size: 18px;
    font-weight: bold;
    margin-right: 5px;
    font-style: normal;
}

.shopping-cart-wrap td{
    vertical-align: middle;
}

.shopping-cart-wrap td .quantite {
    -webkit-box-shadow: 0 2px 10px 0 rgba(0,0,0,.16);
    box-shadow: 0 2px 10px 0 rgba(0,0,0,.12);
    border: 0;
}

.photo-boutique {
    max-height: 220px;
}

.param {
    margin-bottom: 7px;
    line-height: 1.4;
}
.param-inline dt {
    display: inline-block;
}
.param dt {
    margin: 0;
    margin-right: 7px;
    font-weight: 600;
}
.param-inline dd {
    vertical-align: baseline;
    display: inline-block;
}

var {
    font-style: normal;
}

.media img {
    margin-right: 1rem;
}

/* datatable js */
.pagination .page-item.active .page-link {
    color: black;
    background-color: white;
}

.dataTables_info,
.dataTables_length,
.dataTables_filter{
    font-size: 14px;
}

.dataTables_length .custom-select {
    display: inline-block;
    width: unset;
    margin-left: 1em;
    margin-right: 1em;
}

.dataTables_filter .form-control {
    display: inline-block;
    width: unset;
    margin-left: 1em;
}

.transaction-paiement-container{
    padding-top: 0.2em;
    line-height: 0.8em;
}

.reference-transaction-paiement,
.code-retour-transaction-paiement {
    font-size: 70%;
}

.status-INITIALISEE {}
.status-EN_COURS {}
.status-ANNULEE {}

.status-REGLEE_CARTE,
.status-REGLEE_CHEQUE,
.status-REGLEE_ESPECES {
    border-color: limegreen;
}

.status-EN_ATTENTE_DE_PAIEMENT {
    border-color: orangered;
}

.moyen-paiement-CARTE span,
.moyen-paiement-CHEQUE span {
    font-size: 0.7em;
}

.moyen-paiement-CARTE:before {
    color: dodgerblue;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f09d";
    padding-right: 5px;
    font-size: 1.5em;
}

.moyen-paiement-CHEQUE:before {
    color: limegreen;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f53a";
    padding-right: 5px;
    font-size: 1.5em;
}

.maintenance-container {
    text-align: left;
    padding: 100px 50px;
    width: 50%;
    margin: 0 auto;
}

.maintenance-container h1 {
    margin-bottom: 50px;
    width: 100%;
    text-align: center;
}