body{
  #background-color:  #1c87c9;
}

h2{
  font-size: 32px;
  #text-shadow: -1px -1px #0c0, 1px 1px #060, -3px 0 4px #000;
  font-family:Arial, Helvetica, sans-serif;
  #color:  #1c87c9;
  padding:16px;
  font-poids:lighter;
  -moz-box-shadow: 2px 2px 6px #888;  
  -webkit-box-shadow: 2px 2px 6px #888;  
  box-shadow:2px 2px 6px #888;  
  text-align:center;
  display:block;
  #margin:16px; 
}
h3{
  font-size: 20px;
  #text-shadow: -1px -1px #0c0, 1px 1px #060, -3px 0 4px #000;
  font-family:Arial, Helvetica, sans-serif;
  #color:  #1c87c9;
  padding:16px;
  font-poids:lighter;
  -moz-box-shadow: 2px 2px 6px #888;  
  -webkit-box-shadow: 2px 2px 6px #888;  
  box-shadow:2px 2px 6px #888;  
  text-align:center;
  display:block;
  #margin:16px;
}

.date-picker-label{  
  padding-top:7px;
  margin-right:10px; 
  width:20%;
  text-align:right;
}
.field{  
  padding-top:7px;
  padding-left:10px;
}


.field-label{  
  #padding-top:10px;
  margin-right:10px; 
  width:20%;
  text-align:right;
}




.box {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}
.box :first-child {
  align-self: left;
}

a {
  color:  #1c87c9;
}
a:visited{
 color:  #C9871C;
}

form{
  font-size: 1.25rem; 
  
  font-family:Arial, Helvetica, sans-serif;
  color: #000000;  /*#1c87c9;*/
  padding:0.5rem;
  padding-top:0rem;
  padding-bottom:0rem;
  
  font-poids:lighter;
  -moz-box-shadow: 0px 0px 6px #888;  
  -webkit-box-shadow: 0px 0px 6px #888;  
  box-shadow:0px 0px 6px #888;  
  /*text-align:left; */
  display:block;
  margin:0.5rem;
}

.formset_row- input {

  -moz-box-shadow: none;  
  -webkit-box-shadow: none;  
  #box-shadow:none;  
  font-poids: bold;
  


  border-top: 0px ;
  border-right: 0px ;
  border-bottom: 1px ;
  border-left: 0px ;
  border-bottom-color: #000;

}

label{
 font-size: 22px;
  text-align:left;


  
}


select{
  #width: 360px;
  #height: 30px;
  border: 1px solid #1c87c9;
  font-size: 18px;
  #color: #1c87c9;
  background-color: #fff;
  border-radius: 5px;
  #box-shadow: 4px 4px #ccc;
}
input{
  border: 1px solid #999;
  #font-size: 18px;
  #color: #1c87c9;
  background-color: #fff;
  border-radius: 5px;
  #box-shadow: 4px 4px #ccc;
  #padding: 8px;
  /*margin:16px;*/
}

.numberinput {
  width: 120px;
   text-align:right;
   margin-top:0.6rem;
}


.xxxtable {
  table-layout: fixed;
  width: 100%;
  
  -moz-box-shadow: 2px 2px 6px #888;  
  -webkit-box-shadow: 2px 2px 6px #888;  
  box-shadow:2px 2px 6px #888;  
  
  padding: 8px;
  /* margin:6px;*/
  
  
  padding: .5rem .5rem;
  color: var(--bs-table-color-state,var(--bs-table-color-type,var(--bs-table-color)));
  background-color: var(--bs-table-bg);
  border-bottom-width: var(--bs-border-width);
  box-shadow: inset 0 0 0 9999px var(--bs-table-bg-state,var(--bs-table-bg-type,var(--bs-table-accent-bg)));
}

}



tr{
  border-bottom: 1px solid #AAAAAA; /*#1c87c9;*/
  margin:16px;
}

td {
padding-left:30px;
padding-right:30px;
}

 div.OrderList  {
  #width: 30%;
  #padding-left:30px;
  padding-right:30px;
}

.OrderList thead  th:nth-child(1) {
  width: 20%;
  padding-left:30px;
padding-right:30px;
 text-align:left;
}

.OrderList thead  th:nth-child(2) {
  width: 10%;
  padding-left:30px;
padding-right:30px;
 text-align:left;
}

.OrderList thead  th:nth-child(3) {
  width: 10%;
  padding-left:30px;
padding-right:30px;
 text-align:left;
}

.OrderList thead  th:nth-child(4) {
 # width: 10%;
  padding-left:30px;
padding-right:30px;
 text-align:right;
}

.OrderList thead th:nth-child(5) {
 # width: 10%;
padding-left:30px;
padding-right:30px;
 text-align:center;
}

.OrderList thead th:nth-child(6) {
 # width: 10%;
padding-left:30px;
padding-right:30px;
 text-align:center;
}


.OrderList td:nth-child(1){
 text-align:left;
}
.OrderList td:nth-child(2){
 text-align:left;
}
.OrderList td:nth-child(3){
 text-align:left;
}
.OrderList td:nth-child(4){
 text-align:right;
}
.OrderList td:nth-child(5){
text-align:center;
}
.OrderList td:nth-child(6){
text-align:center;
}



.OrderDetail thead  th:nth-child(1) {
  width: 30%;
  padding-left:30px;
padding-right:30px;
 text-align:left;
}

.OrderDetail thead  th:nth-child(2) {
  width: 5%;
  padding-left:30px;
padding-right:30px;
 text-align:center;
}

.OrderDetail thead  th:nth-child(3) {
  width: 10%;
  padding-left:30px;
padding-right:30px;
 text-align:center;
}

.OrderDetail thead th:nth-child(4) {
  width: 10%;
padding-left:30px;
padding-right:30px;
 text-align:center;
}
.OrderDetail thead th:nth-child(5) {
  width: 10%;
padding-left:30px;
padding-right:30px;
 text-align:center;
}
.OrderDetail thead th:nth-child(6) {
  width: 10%;
padding-left:30px;
padding-right:30px;
 text-align:center;
}
.OrderDetail thead th:nth-child(7) {
  width: 10%;
padding-left:30px;
padding-right:30px;
 text-align:center;
}



.OrderDetail td:nth-child(1){
# padding-top:20px;
 text-align:left;
}
.OrderDetail td:nth-child(2){
# padding-top:20px;
 text-align:center;
}
.OrderDetail td:nth-child(3){
 #padding-top:20px;
 text-align:right;
}
.OrderDetail td:nth-child(4){
# padding-top:20px;
 text-align:right;
}
.OrderDetail td:nth-child(5){
# padding-top:20px;
 text-align:right;
}
.OrderDetail td:nth-child(6){
# padding-top:20px;
 text-align:right;
}
.OrderDetail td:nth-child(7){
# padding-top:20px;
 text-align:right;
}



.hidden {
  visibility:hidden;
    height:1px;
  line-height:1px;
  font-size:1px;
  border-radius:0px;
  box-shadow:0px;
  padding:0px;
  margin:0px;


  display :block

  
}


.noline input {
  height:1px;
  line-height:1px;
  font-size:1px;
  border-radius:0px;
  box-shadow:0px;
  padding:0px;
  margin:0px;


  display :block

}



.row1 {
  background-color: #FFFFFF;
}
.row2 {
  background-color: #EFEFEF;
}
.montant {
font-poids: bold;
font-size:16px;
 
}
.card-header h6{
font-poids: bold;
font-size:16px;
}

.pas_de_present{
color: #F00;
}

.table_presents tr{

border-bottom: 0.05rem solid #ccc;
}



.dropdown-menu li {
position: relative;
}
.dropdown-menu .dropdown-submenu {
display: none;
position: absolute;
left: 100%;
top: -7px;
}
.dropdown-menu .dropdown-submenu-left {
right: 100%;
left: auto;
}
.dropdown-menu > li:hover > .dropdown-submenu {
display: block;
}