html {
    height: 100%;
    margin: 0px;
    padding: 0px;
}

body {
    position: relative;
    height: 100%;
    min-height: 100%;
    margin: 0px;
    max-width: 1920px;
    margin: auto;
    /*padding-bottom: 150px;*/
}

div#petitgris {
    height: 100%;
    width: 100%;
    background-color: black;
    z-index: 100;
    position: fixed;
    top: 0px;
    left: 0px;
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
    -khtml-opacity: 0.7;
    opacity: 0.7;
    background-position: center center;
    background-repeat: no-repeat;
}

div#loader {
    border: 16px solid #f3f3f3; /* Light grey */
    border-top: 16px solid #d00505; /* Blue */
    border-radius: 50%;
    width: 120px;
    height: 120px;
    animation: spin 2s linear infinite;
    border-bottom: 16px solid #d00505; 
    position: fixed;
    top: 50%;
    left: 50%;
    margin-left: -60px; 
    margin-top: -60px;   
    z-index: 101;
}
@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

@media (min-width: 992px) {
    div#petitgris,div#loader {
        display: none;
    }
}


body .sol-inner-container {z-index: 999;}
body .sol-container.sol-active .sol-selection-container {z-index: 1000;}

div#barreHaut {
    position: relative;
    cursor: pointer; 
    background-position: left center; 
    background-repeat: no-repeat; 
    background-position: left 30px center;    
}

div#barreHaut p {
    text-align: center;
    font-weight: 400;
    font-size: 3.7em;
/*    font-family: 'Overlock', cursive;*/
    font-family: 'Signika', sans-serif;
    color: #d00505;
}


div#footer {
    /*height: 150px;*/  
    background-color: #F97500;
}

div#footer h1 {
    text-align: center;
    color: #fff;
    padding-top: 10px;
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 5px;
}

div#footer ul {padding: 0px;}

div#footer,
div#footer ul li{
    text-align: center;
    color: #fff;
    font-size: 14px;
    font-weight: normal;    
    list-style: none;
/*    padding: 0px;    */
}

div#footer ul li a{
    color: #fff;
}

div#footer .footerBas1 {
    text-align: center;
    color: #fff;
    font-size: 12px;
    padding-top: 30px;
}

div.footerBas1 a{
    color: #fff;
}

div#footer .footerBas2 {
    text-align: center;
    color: #fff;
    font-size: 12px;
    padding-top: 10px;
}

div.footerBas2 a{
    color: #fff;
}

h3 {
    margin-top: 20px;
    margin-bottom: 30px;
}

div.jour {
    padding-top: 2%;
    padding-bottom: 2%;
    margin-left: 1%;
    margin-right: 1%;
    border-bottom: 1px solid #ddd;
    text-align: center;
      }

div.jour div.semaine {
    text-align: center;
    font-weight: bolder;
    color: #333;
   }
   
div.row .titre {
    padding-top: 2%;
    padding-bottom: 2%;
    margin-left: 1%;
    margin-right: 1%;
    border-bottom: 1px solid #ddd;
    text-align: center;
    font-weight: bolder;
}


img#photoEtablissement {
    margin: auto;
} 


div.topbar {
    padding: 5px 0px 5px 0px;
}

div.topbar div,
div.topbar p{
    line-height: 80px;
    min-height: 80px;
}

nav div.navbar-header button.navbar-toggle.collapsed span {
    background-color: #fff;
}

.container .navbar-default .navbar-toggle .icon-bar,
.container .navbar-default .navbar-toggle .icon-bar {
    color: #fff;
    background-color: #fff;
}

.navbar-default {
   background-color:  #d00505;
 }   

 ul.navbar-nav {
     max-width: 85%;
 }
 
div#navbar>ul>li> a {
     color: #fff;
    font-size: 16px;
}   

div#navbar>ul>li.open> a {
     color: #555;
    font-size: 16px;
} 

div#navbar ul li a:hover {
    background-color: #ef8787;
    color: #fff;
}

div#navbar ul li.active a,
div#navbar ul li.focus a
div#navbar ul li.active a:hover
{
    background-color: #ef8787;
    color: #fff;
}

div.navbar-header button.navbar-toggle {
    float: left;
    margin-left: 15px; 
    
}

.panel div.panel-heading {
    background-color: #d00505; 
}   

div.panel-heading.prefGenerales {
    margin-top: 30px;
    background-color: #98c238;
}
div.panel-heading.panel-confirmeCommande {
    background-color: #98c238;
}

div.panel-heading.panel-confirmeCommande h3{
    color: #333;
    font-weight: bold;
    font-size: 14px;
    text-transform: uppercase;

} 

div.panel-heading h3 {
    color: #fff;    
}   

div.preferencesGenerales div.panel-heading h3 {
    color: #333;
    font-weight: bold;
    font-size: 14px;
    text-transform: uppercase;
    text-align: center;
    
} 

.btn-default,
.btn-default:focus{
    background-color: #f09402;
    color: #fff;
}

.btn-default:hover {
    background-color: #b77000;
    color: #fff;
}

.offre-validee[disabled],
.offre-validee[disabled]:hover {
    background-color: #fff;
    color: #000;
}
.offre-validee[disabled]:hover {
    border-color: #000;
}

button#validerPanier{
    float: right;
    margin-right: 10px;
    margin-top: 10px;
}

button.commander,
a.commander {
    background-color: #f09402;
}

button.btnProduitAjoute {
     background-color: red;
     color: #fff;
}

button.plus1 {
    background-color: #f3384c;
    color: #fff;
    font-weight: bold;
    /*border-radius: 10% 50% 50% 10%;*/
    width: 32px;
    height: 32px;
    line-height: 16px;
    
}

button.plus1:hover {
    background-color: #c5182b;
    color: #fff;
    font-weight: bold;
    width: 32px;
    height: 32px;
    line-height: 16px;
}

button.moins1 { 
    background-color: #84b10e;
    color: #fff;
    font-weight: bold;
    /*border-radius: 50% 10% 10% 50%;*/
    width: 32px;
    height: 32px;
    line-height: 16px;
}

button.moins1:hover {
    background-color: #678c07;
    color: #fff;
    font-weight: bold;
    width: 32px;
    height: 32px;
    line-height: 16px;
}

button.commander {
    margin-left: 10px;
}

button.btNoubeauProduit {
    background-color: #23639a;
    margin-top: 25px;
}

button.btNoubeauProduit:hover {
    background-color: #5382ab;
}

a.imageLogoPhoto,
a.ajoutLocalite {
    background-color: #23639a;
}

a.imageLogoPhoto:hover,
a.ajoutLocalite:hover {
    background-color: #5382ab;
}

button.modifier {
    background-color: #94b516;
}

button.modifier:hover {
    background-color: #678c07;
}

button.supprimer {
    background-color: #f3384c;
}

button.supprimer:hover {
    background-color: #c5182b;
}

a.ajoutIngredient,
a.ajoutClient {
    background-color: #23639a; 
}

a.ajoutIngredient:hover,
a.ajoutClient:hover {
    background-color: #5382ab; 
}

a.modifierIngredient, 
a.modifierZoneGeo, 
a.modifierBase,
a.modifierTo{
    background-color: #84b10e;
    margin-right: 3px;
    margin-left: 3px;
    margin-bottom: 3px;
    margin-top: 3px;
}

a.modifierIngredient:hover, 
a.modifierZoneGeo:hover, 
a.modifierBase:hover,
a.modifierTo:hover{
    background-color: #678c07; 
    margin-right: 3px;
    margin-left: 3px;
    margin-bottom: 3px;
    margin-top: 3px;
}

a.supprimerIngredient,
a.supprimerZoneGeo,
a.supprimerBase,
a.supprimerTo{
    background-color: #f3384c;
    margin-right: 3px;
    margin-left: 3px;
    margin-bottom: 3px;
    margin-top: 3px;
}

a.supprimerIngredient:hover,
a.supprimerZoneGeo:hover,
a.supprimerBase:hover,
a.supprimerTo:hover{
    background-color: #c5182b;
    margin-right: 3px;
    margin-left: 3px;
    margin-bottom: 3px;
    margin-top: 3px;
}

table#macommandeencours {
    border-bottom: 0px;
}
table#macommandeencours thead th {
    text-align: center;
}

table#macommandeencours thead tr th {
    border-bottom: 2px solid #C2C2C2;
    padding-bottom: 5px;
}

table#macommandeencours tfoot {
    border-top: 2px solid #C2C2C2;
}

table#macommandeencours thead th#titrePrixPanier,
table#macommandeencours tbody td.suppression {
    text-align: center;
    padding-right: 0px;
    padding-left: 0px;
}

table#macommandeencours tbody td.prixPanier,
tr#remiseFidelite td.prixPanier,
table#macommandeencours tfoot td.prixPanier {
    text-align: right;
    padding-right: 2px;
    padding-left: 0px;
}

table#macommandeencours tr.panierDetailProduit td {
    font-size: 0.8em;
    font-style: italic;
    padding-top: 0px;
/*    padding-left: 20px;*/
}

table#macommandeencours tr td {
    border: 0px;
}

table#macommandeencours tr td span.remove{
    cursor: pointer;
    color: #d82208;
}

table#macommandeencours tr td span.remove:hover {
    color: #f09402;
}

table#tHoraires {
}

table#tHoraires thead tr th {
    border-bottom: 1px solid lightgray;
}

table#tHoraires .midi,
table#tHoraires .soir{
    border-left: 1px solid lightgray;
}

table#tHoraires thead tr th,
table#tHoraires tbody tr td{
    text-align: center;

}

div.carteProduit{
    padding: 20px;
    border-bottom: 1px dashed lightgray;
}

div.carteProduit:hover {
    background-color: #FFF4E2;
}

div.carteProduit.pasdispo{
    color: #aaa;
}

span.carteNomProduit {
    font-size: 1.2em;
    margin-left: 10px;
}

span.cartePrixProduit {
    padding-left: 10px;
}

div.carteDescriptionProduit,
div.carteNbPointsFidelite{
    margin-left: 10px;
}

div.carteNbPointsFidelite{
    color: #E06A01;
}

div.carteProduit div.infoProduitAjoute {
    color: #CC3333;
}

div.detailPersoMenu {
    padding-left: 7%;
}

h3.hRecapPizza {
    color: #277110;
    font-weight: bold;
    font-size: 18px;
    text-align: center;
}

h3.hChoixIngredients,
h3.hChoixBase {
    color: #f97500;
    font-weight: bold;
    font-size: 18px;
    text-align: left;
    margin-bottom: 15px;
}

h3.hlogin {
    color: #D00505;
    padding-bottom: 30px;
    margin-top: 40px;
}

table#recapPizzaPerso {
    border-bottom: 0px;
}

table#recapPizzaPerso thead th,
table#recapPizzaPerso tbody td{
    text-align: center;
}

div.lignevaliderPizzaPerso {
    margin-top: 10px;
}

div#conges {
    color: #fff;
    background-color: red;
    text-align: center;
    margin-bottom: 10px;
}

table.tConfirmeCommande,
table.tValideCommande,
table.tConfirmeCommande tbody,
table.tValideCommande tbody,
table.tConfirmeCommande thead,
table.tValideCommande thead,
table.tConfirmeCommande tfoot,
table.tValideCommande tfoot{

    width: 100%;
    padding: 0px;
    margin: 0px;   
}

table.tConfirmeCommande thead th,
table.tValideCommande thead th {
    color: #000;
    font-weight: bold;
}

table.tConfirmeCommande thead tr th,
table.tConfirmeCommande tbody,
table.tValideCommande thead tr th,
table.tValideCommande tbody{
    border-bottom: 2px solid #C2C2C2;
}

table.tConfirmeCommande th.total,
table.tConfirmeCommande td.total, 
table.tValideCommande th.total,
table.tValideCommande td.total {
    text-align: right;
    padding-left: 0px;
/*    padding-right: 30px;*/
    width: 20%;
}

table.tConfirmeCommande th.quantite,
table.tConfirmeCommande td.quantite,
table.tValideCommande th.quantite,
table.tValideCommande td.quantite {
    text-align: center;
    padding-left: 0px;
    padding-right: 0px;
    width: 10%;
}

table.tConfirmeCommande td.prixUnitaire,
table.tConfirmeCommande th.prixUnitaire,
table.tValideCommande td.prixUnitaire,
table.tValideCommande th.prixUnitaire {
    text-align: center;
    padding-left: 0px;
    padding-right: 0px;
    width: 30%;
}

table.tConfirmeCommande th.produits,
table.tValideCommande th.produits,
table.tConfirmeCommande td.produits,
table.tConfirmeCommande td.totalaPayer,
table.tValideCommande th.produits,
table.tValideCommande td.produits,
table.tValideCommande td.totalaPayer {
    /*padding-left: 30px;*/
    text-align: left;
    width: 40%;
}

table.tConfirmeCommande tr.remiseFidelite td.produits,
table.tValideCommande tr.remiseFidelite td.produits,
table#macommandeencours tr.remiseFidelite td.produits{
     color: #D00505;
     padding-left: 30px;
}

table.tConfirmeCommande tr.remiseFidelite td.total,
table.tValideCommande tr.remiseFidelite td.total{
     color: #D00505;
     padding-left: 0px;
}

table#macommandeencours tr.remiseFidelite td.montantRemise{
    color: #D00505;
    text-align: right;
}

table.tConfirmeCommande th.produits,
table.tValideCommande th.produits,
table.tConfirmeCommande th.prixUnitaire,
table.tValideCommande th.prixUnitaire,
table.tConfirmeCommande th.quantite,
table.tConfirmeCommande th.total,
table.tValideCommande th.produits,
table.tValideCommande th.prixUnitaire,
table.tValideCommande th.quantite,
table.tValideCommande th.total{
    padding-bottom: 5px;
}


table.tConfirmeCommande tfoot,
table.tValideCommande tfoot{
    color: #d00505;
    font-weight: bold;
}

table.tConfirmeCommande,
table.tValideCommande{
    border-bottom: 0px;
}

h3.hCreerProduit {
    color: #f97500;
    font-weight: bold;
    font-size: 22px;
    margin-bottom: 50px;
}

h4.hCreerProduit {
    color: #277110;
    margin-bottom: 40px;
    font-weight: bold;
}

/*div.descriptionProduit {
    margin-left: 50px;
    margin-top: 15px;
}*/


div.ligneform{
    margin-bottom: 10px;
}

h4.hConfirmeCommande{
    color: #f97500;
    font-weight: bold;
    font-size: 14px;
}


/*div.topbar,*/
div.barConnexion {
    position: absolute;
    bottom: 0px;
    right: 0px;
    text-align: right;
}

table.table-striped>tbody>tr:nth-child(odd)>td,
table.table-striped>tbody>tr:nth-child(odd)>th {
    background-color: #eafbdb;
}

table.table-striped>tbody>tr:nth-child(even)>td,
table.table-striped>tbody>tr:nth-child(even)>th {
    background-color: #fff;
}

table.table-striped>thead>tr>td,
table.table-striped>thead>tr>th {
    background-color: #98c238;
    color: #333;
    vertical-align: middle;
}

.ui-datepicker th,
.ui-datepicker td {
    font-size: 0.8em;
}

div.passoublie {
    display: none;
}

div.graphe {
    /*margin-top: 50px;*/
}

div#blockBodyCentre {
    margin-bottom: 40px;
}

div#admin-preferencesGenerales {
    margin-bottom: 30px;
}

div#pageMonCompte ul#ongletsMonCompte li a,
div#bilanDesVentes ul li a,
div#admin-preferencesGenerales ul#preferencesGenerales li a, 
ul#ongletsLaCarte li a,
ul#ongletsAdminMenu li a{
    color: #515151; 
}

div#pageMonCompte ul#ongletsMonCompte li.active a,
div#bilanDesVentes ul li.active a,
div#admin-preferencesGenerales ul#preferencesGenerales li.active a,
ul#ongletsLaCarte li.active a,
ul#ongletsAdminMenu li.active a{
    color: #008100;
    font-weight: bold;
}

ul#ongletsAdminMenu li span {
    margin-left: 5px;
}
ul#ongletsAdminMenu li span.glyphicon-remove {
    color: red;
}
ul#ongletsAdminMenu li span.glyphicon-plus-sign {
    color: #2091ef;
}

div.alert-danger {
    background-color: #FFDCDC;
    color: #d00505;
    text-align: center;
}

div.alert-success{
    text-align: center;
}

table.gestion>thead>tr>th {
    text-align: center;
}
table.gestion.table-striped>tbody>tr:nth-child(odd)>td,
table.table-striped>tbody>tr:nth-child(odd)>th {
    background-color: #f5f5f5;
    text-align: center;
}

table.gestion.table-striped>tbody>tr:nth-child(even)>td,
table.table-striped>tbody>tr:nth-child(even)>th {
    background-color: #fff;
    text-align: center;
}

div#bilanDesVentes div.choixPeriode,
div#commandesEnAttenteCB div.choixPeriode
{
    margin-bottom: 30px;
}

div.modeRetrait label {
    font-weight: normal;
}

div.paiementSurPlace label,
div.paiementEnLigne label {
    font-weight: normal;
}

div.codePostalVille label, 
div.minCommandePourLivraison label{
    font-weight: normal;
}

div.ajouterModifierAdmin h3,
div.composerMenu h3 {
    color: #008100; 
    font-size: 20px;
    font-weight: bold;
}  

div.composerMenu h4 {
    font-size: 18px;
    font-weight: bold;
    color: #f09402; 
    margin-bottom: 50px;
}

div.composerMenu h1 {
    color: #d00505; 
    font-size: 20px;
    font-weight: bold;
    margin-top: 60px;
    margin-bottom: 40px;
    text-align: center;
}


div.ajouterModifierAdmin.adminMenus input[type='text'], 
div.ajouterModifierAdmin.adminMenus input[type='number'], 
div.ajouterModifierAdmin.adminMenus select,
div.ajouterModifierAdmin.adminMenus textarea {
    width: 80%;
}  

div.ajouterModifierAdmin hr,
div.ajouterModifierAdmin.adminMenus hr {
    margin-top: 30px;
    margin-bottom: 30px;
    border: 0;
    border-top: 2px solid #f97500;
    width: 70%;
}

/*div.ajouterModifierAdmin.adminMenus hr {
    margin-top: 30px;
    margin-bottom: 30px;
    border: 0;
    border-top: 1px solid #aaa;
    width: 100%;
}*/

div.ajouterModifierAdmin .sol-caret-container .sol-caret {
    position: static;
    top: 0px;
}

div.ajouterModifierAdmin h4 {
    text-align: center;
    margin: 30px 0px 30px 0px;
    font-weight: bold;
    color: #f97500;
}
div.ajouterModifierAdmin.adminMenus h4 {
    text-align: center;
    margin: 30px 0px 30px 0px;
    font-weight: bold;
    color: #963301;
    font-size: 14px;
}

div.ajouterModifierAdmin label {
    margin: auto 15px auto 5px;
    font-weight: bold;
}

div.gestionAdmin h3,
div.commandesDuJour h3,
div.bilanCommandes h3 {
    font-size: 22px;
    font-weight: bold;
}

div.produitsPromotion,
div.offreFidelite,
div.produitsMenu {
    font-size: 18px;
    font-weight: bold;
    color: #f97500;
}

div.chiffreStatistiques {
    font-size: 16px;
    font-weight: bold;
}

div.chiffreStatistiques strong {
    color: #d00505;
}

div.statistiquesTitres {
    font-size: 18px;
    font-weight: bold;
    color: #f97500;
    margin: 50px auto auto auto;
}

hr.traitSeparationStatistiques {
    margin-top: 30px;
    margin-bottom: 40px;
    border-top: 1px solid #CCC;
    width: 100%;
}

div.panel-heading.statistiques {
    margin-top: 30px;
    background-color: #98c238;
}

div#bilanDesVentes div.panel-heading h3{
    color: #333;
    font-weight: bold;
    font-size: 17px;
    text-align: center;
}

div#commandesEnAttenteCB h3 {
    font-size: 22px;
    font-weight: bold;
    color: #f97500;
}

div.adminMenus table {
    width: 80%;
    border: 1px solid #ddd;
}

div.adminMenus table th,
div.adminMenus table td{
    text-align: center;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
}

div.adminMenus table th{
    color: #333;
}

div.adminMenus table thead th{
    border-bottom: 1px solid #ddd;
    background-color: #98c238;
    width: 30%;   
}

div.adminMenus table thead th.col1{
    width: 40%;
    /*border: 1px solid #000;*/
    background-color: #98c238;
}
div.adminMenus table tbody tr:hover{
    background-color: #eee;
}

div.adminMenus table th.titreDispo {
    color: #333;
    text-transform: uppercase;
}

div#admin-preferencesGenerales table.heuresOuverture {
    width: 100%;
    border: 1px solid #C1C1C1;
    text-align: center;
    margin-top: 20px;
}

div#admin-preferencesGenerales table.heuresOuverture > thead > tr > th {
    background-color: #f5a933;
    border: 1px solid #C1C1C1;
    text-align: center;
    color: #fff;
    height: 50px;
}

div#admin-preferencesGenerales table.heuresOuverture > thead > tr > th.joursOuverture {
    border-left: 0px;
}

div#admin-preferencesGenerales table.heuresOuverture > tbody > tr > td {
    text-align: center;
    border: 1px solid #C1C1C1;
    padding: 10px 0px;
}


div#admin-preferencesGenerales table.heuresOuverture > tbody > tr > td.joursOuverture {
    text-transform: uppercase;
    font-weight: bold;
    color: #fff;
    background-color: #f5a933;
    border-right: 1px solid #C1C1C1;
}

div#admin-preferencesGenerales table.heuresOuverture > tbody > tr:nth-child(odd) {
    background-color: #fdf5cd;
}

div#admin-preferencesGenerales table.heuresOuverture > tbody > tr:hover{
    background-color: #ddd;
}

div.etapesMenu {
    display: inline-block;
    background-image: url('../img/etapes_menu.png');
    width: 150px;
    height: 45px;
    text-align: center;
    color: #333;
    font-weight: bold;
    line-height: 45px;
}

a.modifierFormulaireInfosPerso {
    background-color: #94b516;
    border-color: #94b516;
}

a.modifierFormulaireInfosPerso:hover {
    background-color: #6a8603;
    border-color: #6a8603;
}

div.erreur_form ul {
    width: 100%;
    margin: 0px;
    padding: 0px;
}

div.erreur_form ul li {
    list-style: none;
    color: red;
    width: 100%;
    margin: 0px;
    padding: 0px;
    text-align: center;
    margin-bottom: 20px;
    font-weight: bold;
}

div.grise {
    opacity: 0.4;
    pointer-events: none;
    cursor:not-allowed;
}

div#choixProduitOffert h4,
div#UtilisationFideliteModal h4,
h4.modal-title,
div.choixTaille h4,
div.choixGarniture h4,
div.choixSuppléments h4,
div.choixQuantite h4{
    text-align: center;
    color: #f97500;
    font-weight: bold;
    font-size: 18px;
}

div.choixTaille h4,
div.choixGarniture h4,
div.choixSuppléments h4,
div.choixQuantite h4{
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 2px;
    border-bottom-color: #f97500;
    border-bottom-style: solid;
}

div.infoNbOptions {
    font-style: italic;
    color: #f97500;
    margin-bottom: 10px;
}

button#BtAjoutPanierProduitComplexe.btn.btn-default {
    margin-top: 40px;
}

div.choixTaille,
div.choixGarniture,
div.choixSuppléments,
div.choixQuantite {
    margin-bottom: 50px;
}

div.choixTaille label,
div.choixGarniture label,
div.choixSuppléments label {
    display: inline-block;
    width: 85%;
    max-width: 85%;
    margin-bottom: 5px;
    margin-left: 10px;
    font-weight: bold;
}

div.choixTaille input,
div.choixGarniture input,
div.choixSuppléments input  {
    vertical-align: top;
}

div#choixProduitOffert .modal-footer,
div#UtilisationFideliteModal .modal-footer {
   text-align: center; 
}

tr#remiseFidelite td {
    color: #D00505;
}

div.modal-header {
    border-bottom: 2px solid #f97500;
}

div.modal-footer {
    border-top: none;
    padding-top: 0px;
    margin-top: 0px;
}

div.container div.modal-body {
    position: relative;
    padding-bottom: 10px;
}

div.container div.modal-body hr{
    color: #f97500;
    background-color: #f97500;
    height: 1px;
}

div#dateMiseAJour {
    margin-top: 15px;
    margin-bottom: 20px;
    text-align: center;
    color: #f97500;
    font-weight: bold;
}

a#pasDeFidelite {
    cursor: pointer;
    font-size: 0.8em;
}

table#listeCommandes tbody tr.commandePreparee td,
table#listeCommandes tbody tr.commandeRetireeLivree td{
    background-color: #f6f6f6;
    color: #aaa;
}

table#listeCommandes tbody tr.commandeMasquee {
    display: none;
}

table#listeCommandes tbody tr.commandeAnnulee td{
    text-decoration: line-through;
}

div.prepareeRetireeLivree label {
    color: #008100;
    font-weight: bold;
    margin-bottom: 5px;
}

span.remettreProduitAuPanier {
    color: #F97500;
    cursor: pointer;
}

div.form-group {
    margin-bottom: 8px;
}

div#largeurCreneau div label,
div#actuellementEnConges label,
div#sortieAutoConges label,
div#fermetureExceptionnelle label,
div#activerPizzaPerso label{
    font-weight: normal;
}

div#actuellementEnConges,
div#sortieAutoConges,
div#fermetureExceptionnelle,
div#activerPizzaPerso{
    margin-top: 10px;
}

div#infoEtabFerme{
    color: red; 
    text-align: center;
    font-weight: bold;  
}
 
div.compteExistant {
    color: #D66400;
    margin-top: 20px;
    text-align: center;
    }


div.container {
    background-color: #fff;
}

div#admin-preferencesGenerales .progress-bar-success {
    background-color: #d00505;
}

div#admin-preferencesGenerales div.choixHoraireCB {
    padding-left: 30px;
}

div.alerteLivraisonImpossible,
div#alerteCongesAuto {
    color: #d00505;
    font-style: italic;
    font-size: 0.9em;
}




span.supprimeZoneGeo {
    cursor: pointer;
}


.nav-tabs.tabs-center > li, .nav-pills > li {
    float:none;
    display:inline-block;
    *display: inline;     /* for IE7*/
    *zoom:1;              /* for IE7*/

}

.nav-tabs.tabs-center {
    text-align: center;
    width: 70%;
    margin: auto;
}

div.bootbox.modal .modal-footer {
    text-align: center;
}

div.bootbox.modal .modal-footer button {
    margin-right: 15px;
    margin-left: 15px;
}


input#masquerRetireeLivree,
input#annulerCommande{
    margin-left: 50px; 
}

div#progress, 
div#logoProgress{
    display: none;
}

div.mentionsLegales {
    padding: 0px 20px 0px 20px;
}

div.mentionsLegales h1 {
    color: #D00505;
    padding-bottom: 30px;
    margin-top: 40px;
    text-align: center;
    font-size: 26px;
}

div.mentionsLegales h2 {
    color: #277110;
    font-weight: bold;
    font-size: 20px;
    margin-top: 40px;
    margin-bottom: 10px;
}  

div.mentionsLegales h3 {
    font-size: 18px;
    font-weight: bold;
    color: #f97500;
    margin-top: 30px;
    margin-bottom: 10px;    
}

div.mentionsLegales h4 {
    font-size: 16px;
    font-weight: bold;
    color: #333;
    margin-top: 10px;
    margin-bottom: 10px; 
}

div.paiementCB h1{
    font-size: 24px;
    color: #D00505;
    padding-bottom: 30px;
    margin-top: 40px;
}

label.required:after {
  content:" *";
  color:#F97500;
}


div.friseCBVisaMastercard {
    margin-top: 120px;
}

div.friseMangoPay {
    margin-top: 15px;
}

button.btPaiementMango {
    margin: 20px 20px 0px 20px;
}

div.informationsMango {
    display: none;
}

div.masqueSansChoixRetrait {
    display: none;
}

label#defCadenceLivraison,
label#defCadenceProduits {
    font-size: 12px;
    font-style: italic;
    color: #d00505;
}


img.imageProduit {
    cursor: pointer;
}

div.minCommandePourLivraison {
    display: none;
}

div.dialogTableClient div.modal-body{
    max-height: 600px;
    overflow-y: auto;
}

div.dialogTableClient table tbody tr td{
    cursor: pointer;
}

.fixed-table-container thead th .th-inner {
    text-align: center;
    background-color: #98c238;
}

.img-wrap {
    position: relative;
    display: inline-block;
    border: 1px solid gray;
    font-size: 0;
    margin: 10px;
}
.img-wrap .close {
    position: absolute;
    top: 2px;
    right: 2px;
    z-index: 100;
    background-color: #FFF;
    padding: 5px 2px 2px;
    color: #000;
    font-weight: bold;
    cursor: pointer;
    opacity: .2;
    text-align: center;
    font-size: 22px;
    line-height: 10px;
    border-radius: 50%;
}
.img-wrap:hover .close {
    opacity: 1;
}
.fixed-panel-body {
    max-height: 300px;
    overflow-y: scroll;
}

div.options {
    margin-bottom: 2px;
    padding-top: 2px;
    padding-bottom: 2px;
}
div.options.selected {
    background-color: #def3a6;
}
div.options input {
    background-color: transparent;
/*    border: 0px;*/
}

div.choixTaille.sansReponse,
div.choixGarniture.sansReponse,
div.groupeOptions.sansReponse {
    background-color: bisque;
}

div.groupeOptions{
    margin-bottom: 40px;
}

table#listeCommandes ol {
    margin-bottom: 0px;
}


div.panel-heading#filtreFamilleIngredients,
div.panel-groupeOptions div.filtreFamilleIngredients{
    background-color: #ffefbb;
    color: black;
}

div.CocheTousSupplements {
    color: #d20000;
    font-style: italic;
}

div#choixGarnituresObligatoires,
div#choixSupplements,
div.panel-groupeOptions div.choixSupplements{
    background-color: #f97500;
}

div#laCarte .col-xs-1, div#laCarte .col-sm-1, div#laCarte .col-xs-2, div#laCarte .col-sm-2, div#laCarte .col-xs-3, div#laCarte .col-sm-3, div#laCarte .col-xs-4, div#laCarte .col-sm-4, div#laCarte .col-xs-5, div#laCarte .col-sm-5, div#laCarte .col-xs-6, div#laCarte .col-sm-6, div#laCarte .col-xs-7, div#laCarte .col-sm-7, div#laCarte .col-xs-8, div#laCarte .col-sm-8, div#laCarte .col-xs-9, div#laCarte .col-sm-9, div#laCarte .col-xs-10, div#laCarte .col-sm-10, div#laCarte .col-xs-11, div#laCarte .col-sm-11, div#laCarte .col-xs-12, div#laCarte .col-sm-12 {
    position: relative;
    min-height: 1px;
    padding-left: 0px;
    padding-right: 0px;
}

div.descriptionCategorie {
    color: #000000;
    text-align: center;
    margin-bottom: 30px;
}


table#macommandeencours tr.panierProduit td {
    padding-bottom: 0px;
}


nav.affix {
      top:0;
      width: 100%;
      z-index: 1000 !important;
  }
  
  
  .bbProduitAjoute.modal {
    display: flex !important;
    align-items: center;
    justify-content: center;
}

div#choixTarifLivraison label {
    font-weight: normal;
}

label#fraisPréparationMontantFixe,
label#fraisPréparationPourcentage, 
label#fraisPréparationMontantFixePL,
label#fraisPréparationPourcentagePL {
    font-weight: normal;
    margin-left: 5px;   
}

div#ZoneGeographique_typeFraisLivraison {
    border: none;
    box-shadow: none;
}

div#ZoneGeographique_typeFraisLivraison input {
    width: auto;
}

div.libelleLocaliteAjoutee span:hover {
    color: red;
}

button.ajoutLocalite[disabled] {
    background-color: #ccc;
}
button.ajoutLocalite[disabled]:hover {
    background-color: #aaa;
}

@keyframes blink { 
   50% { border-color: #ff0000; } 
}
div#messageRestaurateur{
    animation: blink .5s step-end infinite alternate;
}

div.statProduits {
    margin-top: 25px;
}


table#statProduits.table-striped>tbody>tr:nth-child(odd)>td,
table#statProduits.table-striped>tbody>tr:nth-child(odd)>th {
    background-color: #fdf5cd;
}

table#statProduits.table-striped>tbody>tr:nth-child(even)>td,
table#statProduits.table-striped>tbody>tr:nth-child(even)>th {
    background-color: #fff;
}

table#statProduits.table-striped>thead>tr>td,
table#statProduits.table-striped>thead>tr>th {
    background-color: #aca;
    color: #fff;
    vertical-align: middle;
}

.fixed-table-container table#statProduits thead th .th-inner {
    background-color: #f5a933;
    color: #fff;
    vertical-align: middle;
}

table#statProduits.table-striped>tbody>tr:hover td {
    background-color: #ddd;
}

div#laCarte h2 {
    font-size: 27px;
    font-weight: bold;
    color: #333;
    margin-bottom: 30px;
    margin-top: 80px;
    text-align: center;
}

img.pictoCarte{
    /*width: 40px;*/
    margin: 3px;
}

input.pictogramme {
    height: 30px;
}