#sn33-rdv-cont {
   text-align: center;
}
#sn33-rdv-next-cont {
   display: flex;
   flex-direction: row;
   justify-content: space-between;
}
#sn33-rdv-previous, #sn33-rdv-next {
   margin: 12px;
   padding: 12px;
   font-weight: bolder;
}
#sn33-rdv-steps {
   display: inline-block;
   background-color: lightgray;
   border: 1px solid black;
   border-radius: 12px;
}
#sn33-rdv-steps > ol {
   display: flex;
   flex-direction: row;
   flex-wrap: nowrap;
   list-style-type: decimal;
   list-style-position: inside;
   gap: 4px;
   justify-content: space-around;
   padding: 0;
   margin: 0;
}
#sn33-rdv-steps > ol > li {
   text-align: center;
   padding: 0 20px;
   border-radius: 12px;
}
.step-done {
   background-color: darkgray;
}
#sn33-rdv-datetime {
   display: flex;
   flex-direction: row;
   gap: 10px;
}
#sn33-rdv-jour {
   text-align: center;
   padding: 0 6px;
}
#sn33-rdv-month-year {
   background-color: white;
   /* border: 1px solid darkgray; */
}
/* #sn33-rdv-dates, #sn33-rdv-heures {
   border: 1px solid darkgray;
} */
#sn33-rdv-dates table {
   border-collapse: collapse;
   width: 100%;
   border: 1px solid darkgray;
}
#sn33-rdv-dates th, #sn33-rdv-dates td {
   text-align: center;
   border: 1px solid darkgray;
}
#sn33-rdv-heures div {
   display: flex;
   flex-direction: column;
}
#sn33-rdv-horaires {
   display: flex;
   flex-direction: column;
   flex-wrap: wrap;
   column-gap: 4px;
   max-height: 10em;
}
#sn33-rdv-horaires button {
  box-sizing: border-box;
  max-width: 50%;
}
#sn33-rdv-step-2 label {
   display: inline-block;
   width: 90px;
   text-align: right;
   vertical-align: top;
}