/* MODAL & FORM LIVRAISON */

#modalViewLivraison, #modalAddLivraison, #modalEditLivraison { overflow: hidden; }

#modalViewLivraison div.modal-header,
#modalAddLivraison div.modal-header,
#modalEditLivraison div.modal-header { border-bottom: none; padding-bottom: 5px; }

.formLivraison { margin: -15px; }

/* NAV TABS */

.formLivraison ul.nav.nav-tabs { padding-left: 10px; }

.formLivraison div.formTabs > div.tab { 
    display: none;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
    overflow-y: scroll;
}
.formLivraison div.formTabs > div.tab.active { display: block; }

.formLivraison div.formTabs > div.tab span.nullChild { display: block; padding: 10px; }

/* TAB GENERAL */

#modalAddLivraison div.formTabs > div.tabGeneral, 
#modalEditLivraison div.formTabs > div.tabGeneral { padding: 15px; }

.formLivraison div.formTabs > div.tabGeneral table,
.formLivraison div.formTabs > div.tabGeneral div.form-group:last-child { margin-bottom: 0; }

.formLivraison div.formTabs > div.tabGeneral table tr:first-child > th,
.formLivraison div.formTabs > div.tabGeneral table tr:first-child > td { border-top: none; }

.formLivraison div.formTabs > div.tabGeneral table th { width: 160px; }

/* TABLE PANIER */

.formLivraison table.panier { 
    width: 100%; 
    border-collapse: collapse; 
    box-sizing: border-box;
    margin: 0;
    page-break-inside: avoid;
    break-inside: avoid;
}
.formLivraison table.panier { margin-top: 10px; }

.formLivraison table.panier th,
.formLivraison table.panier td { padding: 4px !important; }

.formLivraison table.panier tr.absent { background-color: #f3f3f3; color: #8f8f8f; }
.formLivraison table.panier tr.absent td.nom { text-decoration: line-through; }

.formLivraison table.panier tr.lieuTitre { cursor: pointer; }
.formLivraison table.panier tr.lieuTitre th {
    background-color: black;
    color: white;
    font-size: 1.5em;
    border: none;
}
.formLivraison table.panier tr.lieuTitre th:last-child { text-align: right; }

.formLivraison table.panier tr.panierTitre { cursor: pointer; }
.formLivraison table.panier tr.panierTitre th { background-color: #CECECE; border: none!important; }
.formLivraison table.panier tr.panierTitre th > small { float: right; }

.formLivraison table.panier tr.title th {
    background-color: black;
    color: white;
    font-size: 1.5em;
}
.formLivraison table.panier th.titre small { font-size: 0.75em; font-weight: 400; font-style: italic; }
.formLivraison table.panier th.total { text-align: right; vertical-align: bottom; }
.formLivraison table.panier th.total.unite { text-align: left; }
.formLivraison table.panier th.action { padding-top: 0!important; text-align: center; }
.formLivraison table.panier th.action .btnCopyCompo { margin-top: -3px; }

.formLivraison table.panier tr.head > th {
    background-color: #3296c8;
    border: 1px solid white;
    color: white;
}
.formLivraison table.panier tr.head > th:first-child { border-left: none; }
.formLivraison table.panier tr.head > th:last-child { border-right: none; }

.formLivraison table.panier tr.head > th.nom,
.formLivraison table.panier tr.head > th.frequence { width: 50%; }
.formLivraison table.panier tr.head > th.complement,
.formLivraison table.panier tr.head > th.complement_regle { min-width: 100px; }
.formLivraison table.panier tr.head > th.tarif,
.formLivraison table.panier tr.head > th.quantite,
.formLivraison table.panier tr.head > th.montant { text-align: center; min-width: 120px; }

.formLivraison table.panier tr.head > th.action { text-align: center; min-width: 30px; }

.formLivraison table.panier tr.legume td.tarif,
.formLivraison table.panier tr.legume td.quantite,
.formLivraison table.panier tr.legume td.montant { text-align: right; }
.formLivraison table.panier tr.legume td.unite { width: 40px; }

.formLivraison table.panier th.nb_paniers_restants,
.formLivraison table.panier td.nb_paniers_restants { min-width: 160px; text-align: center; }

.formLivraison table.panier input.editable { border: none; padding: 0; }
.formLivraison table.panier input.editable:focus { outline-style: none; }

.formLivraison table.panier input.editable.legume { width: 100%; text-align: left; }
.formLivraison table.panier input.editable.quantite { width: 70px; text-align: right; }
.formLivraison table.panier input.editable.complement,
.formLivraison table.panier input.editable.complement_regle { width: 90px; text-align: center; }

.formLivraison table.panier td.editable { cursor: pointer; }

/* TAB PANIERS */

.formLivraison div.formTabs > div.tabPaniers input[type=checkbox] { cursor: pointer; }

.formLivraison div.formTabs > div.tabPaniers table.panier tbody div.tooltip { max-width: 170px; }

.formLivraison div.formTabs > div.tabPaniers tr.panier { cursor: pointer; }
.formLivraison div.formTabs > div.tabPaniers tr.panier.absent,
.formLivraison div.formTabs > div.tabPaniers tr.panier.absent input[type=checkbox] { cursor: not-allowed; }

/* TAB COMPO */

.formLivraison div.formTabs > div.tabCompo table.panier { margin: 10px 0; }

.formLivraison div.formTabs > div.tabCompo table.panier tr.legume.editable td.nom,
.formLivraison div.formTabs > div.tabCompo table.panier tr.legume.editable td.quantite { cursor: pointer; }

/* TAB LEGUMES */

.formLivraison div.formTabs > div.tabLegumes table.panier { margin-top: 10px; }
.formLivraison div.formTabs > div.tabLegumes table.panier th.total.montant { font-size: 1.5em; }
.formLivraison div.formTabs > div.tabLegumes table.panier th.total.unite { font-size: 1.5em; }

/* PRINT */

#modalViewLivraison div.btnPrint { margin-right: 10px; } 

body.printLivraison { font-size: 8pt; }
body.printLivraison[orientation=landscape] { margin-top: -20px; }

table.printHeader { width: 100%; margin-bottom: 10px; }
table.printHeader th.titre { width: 25%; font-size: 10pt; vertical-align: middle; }
table.printHeader th.page { width: 50%; font-size: 16pt; text-align: center; }
table.printHeader th.logo { width: 25%; text-align: right; padding: 10pt; }
table.printHeader th.logo > img { height: 50pt; }
.page_break { page-break-before: always; }

table.emargement { 
    width: 100%;
    border-collapse: true;
}

table.emargement thead tr { background-color: rgba(51, 122, 183, .1); }

table.emargement th, table.emargement td { 
    padding: 5px;
    border: 1px dotted #333333;
}
table.emargement th {
    font-weight: bold;
}

table.emargement tbody td {
    padding-top: 15px;
    padding-bottom: 15px;
}

table.emargement .center { text-align: center; }
table.emargement .tel { max-width: 40px; }
table.emargement .type { max-width: 30px; }
table.emargement .nb_paniers { max-width: 25px; }
table.emargement .complement { max-width: 40px; }
table.emargement .signature { max-width: 60px; }

table.emargement tr.absent { background-color: #F0F0F0; }

table.emargement tr.absent td.nom,
table.emargement tr.absent td.tel,
table.emargement tr.absent td.type,
table.emargement tr.absent td.nb_paniers { text-decoration: line-through; }