/* MODAL & FORM LIVRAISON */

#modalViewClient { overflow: hidden; }

#modalViewClient div.modal-header { border-bottom: none; padding-bottom: 5px; }

#modalViewClient .formClient { margin: -15px; }

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

/* TAB ABSENCES */

#modalViewClient div.tabAbsences table { margin-bottom: 0; }

#modalViewClient div.tabAbsences table td.ref { width: 30px; }

#modalViewClient div.tabAbsences table td.date { text-align: center; padding: 8px 0; }
#modalViewClient div.tabAbsences table td.debut { width: 130px; }
#modalViewClient div.tabAbsences table td.fin { width: 120px; }

#modalViewClient div.tabAbsences table tr.editable { background-color: #cce4f9; }

#modalViewClient div.tabAbsences table tr.editable td.date { padding: 0; text-align: right; }
#modalViewClient div.tabAbsences table tr.editable td.remarque { padding: 0; }

#modalViewClient div.tabAbsences table tr.editable input { 
    border: none; 
    padding: 0; 
    width: 100%; 
    height: 24px;
    margin-top: 6px;
    border-radius: 4px;
    border: 1px solid #CCC;
}

#modalViewClient div.tabAbsences table tr.editable td.date input { 
    width: 110px; 
    margin-right: 10px; 
    text-align: right;
}

#modalViewClient div.tabAbsences table tr.editable td.remarque input { 
    padding-left: 8px; 
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; 
    font-size: 14px;
}

@media only screen and (hover: none) and (pointer: coarse) {
    #modalViewClient div.tabAbsences table td.debut { width: 110px; }
    #modalViewClient div.tabAbsences table td.fin { width: 100px; }
    #modalViewClient div.tabAbsences table tr.editable td.date input { width: 90px; }
    
    #modalViewClient div.tabAbsences table .td-btn-action { text-align: right; }
}