@charset "UTF-8";

.reclamationContainer{
    width:auto;
    border: 1px solid silver ;
    padding-bottom: 20px; 
    padding-left: 50px;
}
.addLineTitle{
    color:black;
     font-weight: bold;
    text-decoration: underline;
}
.motifDef{
    float:left; 
    margin-right: 50px;
}
.selectMotif{
    width:350px;
}
.articleId{
    display:inline-block;
    float:left;
    margin-left: 70px;
    margin-right: 45px;
}
.factureNum{
    float:left; 
    margin-right: 30px;
}
.selectNum{
    display:table-row;
}
.inputNum{
    width:280px;
    display: table-row;
}
.cipLibelleAr{
    float:left ;
    margin-left: 20px; 
    margin-right: 10px;
}
.cipLibArt{
    margin-right: 30px;
    float:left;
}
.inputCipLibAr{
    width:280px;
    display:table-row;
}
.buttonAjoutLigne{
    float:right;
}
.recEnCours{
    color:black; 
    font-weight: bold;
    text-decoration: underline;
}
.statutRec{
    max-width: 95%;
}
.tableR{
    display:table-row;
}
.containerDataTable{
    width:auto; 
    border: 1px solid silver ;
    padding-bottom: 20px; 
    padding-left: 50px;
}
.modalFactures{
    max-width: 70%; 
    width: auto;
}
.largeur{
    width:100%;
}
.commentInput{
    font-style: italic;
}
.tableData2{
    width:100%;
}

.validRec{
    float:right;
    margin-bottom: 20px;
}
.elemTabRec{
    padding:4px;
}
.centerElem{
    text-align:center;
}
.italicElem{
    font-style:italic;
}
.quantiteRec{
    width:100%;
}
.Ndisplay{
    display:none;
}


.statModif{
    margin-right: 10px;
    width: 120px; 
    padding: 1px
}
.table>tbody>tr>td {
    vertical-align: middle;
}
.bottomEspace{
    margin-bottom: 20px;
}
.boderVisible{
    border:1px solid black;  
    margin-bottom: 20px; 
    overflow: visible;
}
.borderDataTable{
    border:1px solid black;
}
.modal-dialog { /* Width */
    max-width: 100%;
    width: auto !important;
    display: inline-block;
}
.modal {
    z-index: -1;
    display: flex !important;
    justify-content: center;
    align-items: center;
  }
  
  .modal-open .modal {
     z-index: 1050;
  }

  .tableBorder{
    border-collapse: separate; 
    border: 1px solid black;
  }

  #boxCancel{
    box-shadow: none;
    padding:0;
  }

  #until {display:none;}
  #label:hover + #until {
	display: block;
    font-style: italic;
    font-weight: 400;
}

.import {
    text-align: right;
    color: #337ab7;
}

#itext {display:none;}
#import:hover + #itext {
  display: block;
  font-style: italic;
  font-weight: 400;
 
}

#baseArticle{
    text-align: left;
    padding-top: 10px; 
    display: flex; 
    font-style: italic; 
    font-size: small;
}
#hob{
    padding:0px;
}
.hov:hover {
    background-color : #00a078;
    color: white;
}
#telecharger{
    padding-left: 5px;
}
.upload{
    padding: 0px 5px;
}
#alignTable{
    vertical-align: middle;
}
#homeProm{
    margin-left: 0px; 
    margin-top: 1px; 
    padding: 0px
}
#leftProm{
    text-align:left
}
#nbreRef{
    float:right; 
    vertical-align:middle;  
    color:white;
    font-size: small;
}
.dateFiltre{
    padding-right: 516px; ; 
    padding-bottom: 40px; 
    display: table-cell
}
.affichageBA{
    border: 1px solid #dadada;
    border-radius: 3px; 
    width: 178px; 
    padding: 10px 5px;
}

.tableAlign{
    display: table-cell
}
.dateF{
    padding-top: 20px;
}
.factureDate{
    box-shadow: none; 
    padding:0
}
.messageInvoice{
    box-shadow: none; 
    padding:0
}
#SearchTable_previous{
    background-color: #363c5a;
    color: white !important;
}
#SearchTable_next{
    background-color: #363c5a;
    color: white !important;
}
.paginate_button{
    background-color: #363c5a;
    color: white !important;
}
.paginate_button:hover{
    background-color: #363c5a;
    color: white !important;
}
.paginate_button:active{
    background-color: #363c5a;
    color: white !important;
}
.paginate_button.current{
    background-color: #a0a1a5;
    color: #363c5a !important;
}
.textRuleClaim{
    width: 100%;
    padding: 15px;
    text-align: left;
}
.textareaRule{
    text-align: center;
}
.registerRule{
    float:right;
}
.buttonRegisterRule{
    margin-bottom: 60px;
}
.factureTable{
    margin-left:50px;
    padding:40px 40px 0px 1px;
    right:0;
    width:100%;
    bottom:0;
    margin-left:48px
}
.messageI{
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 48px;
}
.reclaDatatable{
    box-sizing: border-box !important;
    width:100% !important
}
.alignLeft{
    text-align:left;
}
.ui-widget-content {
    border-color: #00a078 !important; 
}
.ui-dialog .ui-dialog-buttonpane {
    border-width: 0 0 0 0 !important;
}
.colorBlue{
    color:#363c5a !important;
}
.colorGray{
    color: #696b6e !important;
    font-weight: 300 !important;
    font-size: 1.5rem !important;
}
.promoCenterGray{
    text-align: center;
    color: #696b6e !important;
    font-weight: 300 !important;
}
.promoColorBold{
    color:#363c5a !important;
    font-weight: bold !important; 
}
.alignLeft{
    text-align: left;
}
.bold{
    font-weight: bold !important; 
}