table, th, td {
  margin-top: 10px;
  border: 1px solid #333;
}

th {
  background-color: #e0e0e0;
  color: #333;
  font-weight: bold;
  text-align: center;
}

tr {
  font-size: smaller;
}

tr:nth-child(even) {
  background-color: #f5f5f5;
}

tr:hover {
  background-color: #e9e9e9;
}

.container {
    margin-left: auto;
    margin-right: auto;
    max-width: 100%;
    padding-left: 15px;
    padding-right: 15px;
}

.custom-select {
  width: 600px;
}

button {
  @media print {display: none;}
  border-radius: 3px;
}

button:hover {
  background-color: silver;
}
.ButtonToggle
{
  font-size:0.6em;
  padding: 0.2em 0.1em; /* Adjust padding as needed */
  width:15px;
  background-color: darkgrey;
  border-radius: 2px; /* Add border radius for rounded corners */
}

.InputFilter
{
  width: 60px;
  background-color:lightblue;
  font-size:0.6em
}

.ButtonFilter
{
font-size:0.6em;
padding: 0.2em 0.1em; /* Adjust padding as needed */
width:25px;
background-color: lightblue;
border-radius: 2px; /* Add border radius for rounded corners */
}

tr {
  page-break-inside: avoid;
}

h1 {
  font-size:1.6em;
}

#formOverlay {
  background-color : lightblue;
      display: none;
      position: fixed; /* Position the form relative to the viewport */
      left: 50%; /* Set initial left position to center */
      top: 50%; /* Set initial top position to center */
      transform: translate(-50%, -50%); /* Center the form */
      cursor:move;
      border-width: 1px;
      border-style: solid;
      border-radius: 5px;
      /* Add other styling properties as needed */
  }

.nav-item {
  border-width: 1px;
  border-style: solid;
  border-radius: 5px;
  width:110px;
  text-align: center;
  vertical-align: middle;
  margin-left: 2px;
  font-size: small;
}

.nav-item:hover {
  background-color: silver;
}

.headerAccueil {
  background-color:lightyellow;
  border-width: 1px;
  border-style: solid;
  border-radius: 5px;  
  padding:3px;
  font-size: small;
  text-align: center;
}

.draggable-item {
    cursor: grab;
    background-color: #f9f9f9;
    margin-bottom: 5px;
    padding: 5px;
    border: 1px solid #ddd;
    border-radius: 5px;
}
.drop-target {
    min-height: 50px; /* Make sure the drop area is visible */
    background-color: #ead9f3; /* Light blue for drop targets */
    padding-bottom: 50px;
}
.drag-over {
    background-color: #d8a1ec; /* Highlight when dragging over */
}

.creneau {
  text-align: center;
  background-color: mediumslateblue;
  font-weight: bold;
}