body {
  padding: 0;
  margin: 0;
  overflow-x: hidden;
  font-family: Helvetica Neue;
}

button {
  font-family: Helvetica Neue;
}

#background {
  background: linear-gradient(to bottom right, #044D89, #CCD3E5);
  width: 100vw;
  height: 100vh;
  position: fixed;
  overflow-y: auto;
}
[id^=DescriptifinfoPlanning]{

  width:60%;
  margin-left:20%;
  text-align: center;
}
.alignElement{
  display:flex;
  align-items: center;
  gap:1vw;
  padding-top:2vh;
}
.alignElement label{
  color: #1D2234;

    font-size: 1.2vw;
}
#saveCookie{


  width:auto;
}
.titleAddNewClient{
display: flex;
align-items: center;
}
#addClientSelect{
  width:30%;
  margin-left:35%;
  height:4vh;
  font-size: 1.2vw;
  text-align: center;
}
#buttonNewClientBDT{
  width:40%;
  height:5vh;
  border:1pt solid black;
  margin-left:30%;
  background:#CCD3E5;
  margin-top:10vh;
}
.connection {
  width: 26vw;
  margin-top: 22vh;
  margin-left: auto;
  margin-right: auto;
  background-color: #F2F2F2;
  border-radius: 1vw;
  box-shadow: 0 20px 20px rgba(0, 0, 0, .16);
  padding-top: 2vh;
}

.connection p {
  margin-left: 2vw;
  color: #1D2234;
  margin-bottom: 2vh;
  font-size: 1.2vw;
}

.connection input {
  border: 1pt solid #1D2234;
  border-radius: 0.5vw;
  width: 80%;
  margin-left: 10%;
  height: 2.7vh;
  background-color: #F2F2F2;
  margin-top: 0;
}

.connection input[type="submit"] {
  width: 30%;
  margin-left: 35%;
  margin-top: 3vh;
  height: 4vh;
  border: 1pt solid #004A87;
  font-size: 1vw;
  background: #004A87;
  color: white;
  margin-bottom: 3vh;
}

/*Acceuil*/
.deconnexion {
  float: right;
  margin-right: 1vw;
  display: flex;
  gap: .3vw;
  align-items: center;
  justify-content: center;
}

.deconnexion img {
  width: 1vw;
}

.deconnexion p {
  color: #1D2234;
  font-size: 1vw;
  display: inline-block;
  vertical-align: top;
}

.menu {
  width: 17vw;
  height: 17vw;
  border-radius: 1vw;
  background: #F2F2F2;
  box-shadow: 0 20px 20px rgba(0, 0, 0, .16);
  display: flex;
  align-items: center;
  flex-wrap: no-wrap;
  flex-direction: column;
}

.menu p {
  color: #1D2234;
  font-size: 1.7vw;
  text-align: center;
}

a {
  text-decoration: none;
}

.menu img {
  width: 40%;
}

.containers_menu {
  display: flex;
  justify-content: center;
  gap: 2vw;
  margin-top: 30vh;
}

/*Planning*/
.button_acceuil img {
  width: 1.5vw;
}

.button_acceuil p {
  color: #1D2234;
  font-size: 1.3vw;
}

.marginTop {
  width: 1px;
  height: .01vw;
}

.button_acceuil {
  border: 1pt solid #1D2234;
  height: 4.5vh;
  background: white;
  border-radius: .3vw;
  margin: 1vw;
  display: flex;
  gap: .4vw;
  align-items: center;
}

.planning {
  width: 85%;
  margin-left: auto;
  margin-right: auto;
  border-radius: 1vw;
  margin-top: 20vh;
  min-height: 60vh;
  padding-bottom:2vh;
  background-color: white;
}

.planning_block {
  width: 11vw;
  height: 24vh;
  background-color: #F2F2F2;
  box-shadow: 0 20px 20px rgba(0, 0, 0, .16);
  border-radius: 1vw;
  display: flex;
  justify-content: center;
  align-content: center;
  flex-direction: column;
}

.planning_block p {
  text-align: center;
  color: #1D2234 !important;
}

.planning_day {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  flex-direction: column;
}

.planning_day p {
  color: #9598A5
}

.today {
  background: #CCD3E5;
}

.planning_all {
  display: flex;
  align-items: center;
  gap: 1vw;
  flex-direction: row;
  margin-left: 1vw;
  margin-top: 5vh;
}

#planning_info, #planning_selection_lundi,#planning_selection_mardi, #planning_selection_mercredi, #planning_selection_jeudi, #planning_selection_vendredi, #planning_selection_samedi, #planning_selection_dimanche {
  display: none;
}

.gridPSelection{
  display: flex;
  gap:2vw;
  justify-content: center;
}
.gridPSelection .buttonClient{
  background:lightgrey;
  width:10vw;
  height:11vh;
  border-radius: 1vw;
  display: flex;
  justify-content: center;
    align-items: center;
}
.sectionDejaFais .buttonClient{
  filter:blur(.2vw);
  background:lightgreen;
}
.gridPSelection .buttonClient p{
  color:#1D2234;
  font-weight:500;
  text-align: center;
  font-size: 1vw;
}
#iframe{
  overflow: auto;
}
.gridPSelection .textPlanning{
  width:10vw;
  height:11vh;
}
.gridPSelection .textPlanning p{
  color:#1D2234;
  font-weight:400;
  text-align: center;
}
.sectionDejaFais .textPlanning p{
  text-decoration: line-through;
}
.protect_div {
  width: 100vw;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  background: rgba(255, 255, 255, 0);
  backdrop-filter: blur(5px);
}

.planning_info_div {
  filter: blur(0px);
  width: 40vw;
  height: 40vh;
  position: fixed;
  top: 30vh;
  left: 30vw;
  background-color: #F2F2F2;
  box-shadow: 0 20px 20px rgba(0, 0, 0, .16);
  border-radius: 1vw;
}

.planning_info_div svg {
  margin: 1vw;
}

.bon_travail_start {
  width: 60%;
  height: 10vh;
  background-color: #4ABB64;
  border-radius: 1vw;
  margin-left: 20%;
  margin-top: -6vh;
}

.bon_travail_start p {
  color: #1D2234;
  text-align: center;
  font-size: 2em;
  border: 0;
  line-height: 10vh;
}

.adress {
  display: flex;
  margin-left: 7vw;
  margin-top: 3vh;
}

.adress p {
  color: #1D2234;
  font-size: 1em;
  padding-top: 1vh;
}

.time_planning {
  margin-left: 7vw;
}

.time_planning, .planning_margin {
  display: flex;
}

.planning_margin {
  padding-top: .5vw;
}

/*Feuilles de routes*/
.client {
  width: 11vw;
  height: 11vw;
  background-color: #F2F2F2;
  box-shadow: 0 20px 20px rgba(0, 0, 0, .16);
  border-radius: 1vw;
  display: flex;
  justify-content: center;
  align-content: center;
  flex-direction: column;
}

.client p {
  text-align: center;
  color: #1D2234 !important;
}

.list_client {
  display: flex;
  gap: 1vw;
  margin-left: 1vw;
  margin-top: 2vh;
  flex-wrap: wrap;
}

.button_retour p {
  color: #1D2234;
  font-size: 1.3vw;
}

.button_retour {
  display: flex;
  align-content: center;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: space-around;
  border: 1pt solid #1D2234;
  height: 4.5vh;
  background: white;
  border-radius: .3vw;
  margin-left: 1vw;
}

.button_retour_margin {
  padding-top: 1vw;
}

.title_page {
  text-align: center;
  margin-top: -4vh;
  color: #1D2234;
  font-size: 1.3vw;
}

.feuille_de_route {
  width: 85%;
  margin-left: auto;
  margin-right: auto;
  border-radius: 1vw;
  margin-top: 2vh;
  padding-bottom: 2vh;
  margin-bottom: 2vh;
  background-color: white;
}

.iframe_feuilles_de_route {
  margin-top: 3vh;
  width: 95%;
  margin-left: 2.5%;
  height: 80vh;
}

/*immatriculation*/
.icon {
  width: 10vw;
  margin-top: 2vh;
  padding: 1vw;
}

.title_immatriculation {
  color: #1D2234;
  font-size: 1.3vw;
  text-align: center;
}

.immatriculation_table {
  margin-left: 5vw;
  border-collapse: collapse;
  margin-top: 6vh;
  width: 90%;
}

.immatriculation_table td:first-child {
  width: 16%;
}

.immatriculation_table td {
  border: 1pt solid #1D2234;
  border-left: none;
  border-top: none;
}

.immatriculation {
  border: 1pt solid #1D2234;
  padding: 0;
}

.immatriculation p {
  color: #1D2234;
  font-size: 1.5vw;
  text-align: center;
  font-weight: bold;
  margin: 0;
  padding: .8vw;
  padding-left: 1.2vw;
  padding-right: 1.2vw;
  padding-bottom: 0;
}
.immatIED{
  display:flex;
  justify-content: space-evenly;
}
.immatIED p{
  padding:0;
  padding-right: .5vw;
  padding-left: .5vw;
  font-weight: 500;
}
.immatIED div{
  width:100%;
}
.immatIED .I{
  background:green;
}
.immatIED .E{
  background:yellow;
}
.immatIED .D{
  background:black;
}
.immatIED .D p{
  color:white;
}
.immatriculationBDT {
  border: 1pt solid #1D2234;
  padding: 0;
  display: flex;
}

.immatriculationBDT p {
  color: #1D2234;
  font-size: 1.5vw;
  text-align: center;
  font-weight: bold;
  margin: 0;
  padding: .8vw;
  padding-left: 1.2vw;
  padding-right: 1.2vw;
}
.part2IED p{
  font-size: 1.2vw;
  padding:0;
  padding-right:.3vw;
  padding-left:.3vw;
  background:#C9C9C9;
  border-radius: 10vw;
}
.part2IED .selected{
  background:#4ABB64;
}

.containers_immatriculation {
  margin-top: 1vw;
  margin-bottom: 1vw;
  display: flex;
  gap: 1vw;
  margin-left: 1vw;
  flex-wrap: wrap;
}

/*Bon de trvavail*/
.chevron1, .chevron2, .chevron3 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 33%;
  height: 15vh;
  background-color: #F2F2F2;
}

.chevron1 {
  clip-path: polygon(0% 0%, 90% 0, 100% 50%, 90% 100%, 0% 100%);
}

.chevron2 {
  clip-path: polygon(90% 0, 100% 50%, 90% 100%, 0% 100%, 10% 50%, 0% 0%);
  margin-left: -2vw;
}

.chevron3 {
  clip-path: polygon(100% 0, 100% 100%, 0% 100%, 10% 50%, 0% 0%);
  margin-left: -2vw;
}

.selectedChevron {
  background-color: #CCD3E5;
}

.headerBonTravail {
  display: flex;
  align-items: center;
  justify-content: center;
  filter: drop-shadow(0 20px 20px rgba(0, 0, 0, .37));
}

.chevron1 p {
  color: #1D2234;
  font-size: 1.3vw;
  text-align: center;
  margin-right: 3vw;
}

.chevron2 p {
  color: #1D2234;
  font-size: 1.3vw;
  text-align: center;
}

.chevron3 p {
  color: #1D2234;
  font-size: 1.3vw;
  text-align: center;
  margin-left: 3vw;
}

.infoBontravail p {
  color: #1D2234;
  font-size: 1.3vw;
}

.infoBontravail {
  margin-top: 7vh;
  display: flex;
  gap: 10vw;
  align-items: center;
  justify-content: center;
}

.infoLeft img {
  width: 3vw;
  height: 3vw;
}

.infoRight input {
  height: 3vh;
  width: 20vw;
  border-radius: .5vw;
  border: 1pt solid #1D2234;
  font-size: 1vw;
}

.infoLeft input {
  height: 3vh;
  border-radius: .5vw;
  border: 1pt solid #1D2234;
  font-size: 1vw;
}

.align {
  display: flex;
  gap: 1vw;
  align-items: center;
}

.alignTop {
  display: flex;
  gap: 1vw;
}

.bontravail1 {
  width: 85%;
  margin-left: auto;
  margin-right: auto;
  border-radius: 1vw;
  margin-top: 10vh;
  height: auto;
  padding-bottom: 5vh;
  background-color: white;
}

.infoBontravail colorRED {
  color: red;
}

.buttonSuivant {
  width: 20%;
  margin-left: 40%;
  margin-top: 3vh;
  border: none;
  background-color: #CCD3E5;
  border-radius: 1vw;
}

#nettoyeurName {
  text-align: right;
}

#addNewNettoyeur input {
  height: 4vh;
}

#addNewNettoyeur button {
  height: 4vh;
  margin-left: 1vw;
  background: white;
  border: 1pt solid #1D2234;
}

.buttonSuivant p {
  color: #1D2234;
  font-size: 1.4vw;
  text-align: center;
}

/*bon travail 2*/
.buttonAddPlaque {
  width: 70%;
  height: 15vh;
  margin-left: 15%;
  border: none;
  background-color: #4ABB64;
  border-radius: 1vw;
  font-size: 2vw;
  margin-top: 5vh;
}

.circleImmatriculation1, .circleImmatriculation2, .circleImmatriculation3, .circleImmatriculation1_2plaques, .circleImmatriculation2_2plaques, .circleImmatriculation3_2plaques, .circleImmatriculation1_3plaques, .circleImmatriculation2_3plaques, .circleImmatriculation3_3plaques {
  width: 1.3vw;
  height: 1.3vw;
  border-radius: 100%;
  background-color: white;
  border: 1pt solid #1D2234;
  float: right;
  margin-right: -.8vw;
}

.circleImmatriculationSelected {
  background-color: #4ABB64;
  border: 1pt solid #4ABB64;
}

.circleImmatriculation1 {
  margin-top: -34%;
}

.circleImmatriculation2 {
  margin-top: -20%;
}

.circleImmatriculation3 {
  margin-top: -6%;
}

.circleImmatriculation1_2plaques {
  margin-top: -18%;
}

.circleImmatriculation2_2plaques {
  margin-top: -10.5%;
}

.circleImmatriculation3_2plaques {
  margin-top: -3%;
}

.circleImmatriculation1_3plaques {
  margin-top: -12.3%;
}

.circleImmatriculation2_3plaques {
  margin-top: -7.3%;
}

.circleImmatriculation3_3plaques {
  margin-top: -2.3%;
}

.circleImmatriculation1 p, .circleImmatriculation2 p, .circleImmatriculation3 p, .circleImmatriculation1_2plaques p, .circleImmatriculation2_2plaques p, .circleImmatriculation3_2plaques p, .circleImmatriculation1_3plaques p, .circleImmatriculation2_3plaques p, .circleImmatriculation3_3plaques p {
  font-size: 1vw;
  padding: 0;
}

.textImmat {
  margin-top: .5vw !important;
  margin-bottom: -.4vw !important;
}

.justTextImmat {
  margin-top: 0vw !important;
  margin-bottom: 0vw !important;
}

/*bon travail 3*/
.infoBontravail3 {
  margin-top: 7vh;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  flex-direction: column;
}

.infoBontravail3 textarea {
  width: 40vw;
  min-width: 40vw;
  max-width: 40vw;
  height: 10vh;
  min-height: 10vh;
  max-height: 10vh;
}

.imgPreview {
  width: 10vw;
  height: 10vw;
}

#hideCommentaire, #previewImgCommentaire {
  display: none;
}

.backgroundGreen {
  background-color: #4ABB64;
}

#myProgress {
  width: 100%;
  background-color: lightgrey;
}

#myBar {
  width: 0%;
  height: 5vh;
  background-color: #04AA6D;
  text-align: center;
  /* To center it horizontally (if you want) */
  line-height: 5vh;
  /* To center it vertically */
  color: white;
}

.textAlert {
  font-size: 3vw;
  color: red;
  text-align: center;
  padding-top: 5vh;
}

.popUp {
  height:80vh;
  overflow: auto;
  position: fixed;
  width: 70vw;
  margin-left: 15vw;
  top: 15vh;
  padding-bottom: 5vh;
  background-color: #F2F2F2;
  box-shadow: 0 20px 20px rgba(0, 0, 0, .4);
  border-radius: 1vw;
}

/*
.bontravail1{
  filter: blur(5px);
}*/
.cross {
  width: 2vw;
  margin: 1.7vw;
}

.titlePopUp {
  text-align: center;
  margin-top: -8vh;
  color: #1D2234;
  font-size: 1.5vw;
}

.listVehicule {
  display: flex;
  gap: 1.5vw;
  flex-wrap: wrap;
  margin-top: 1.5vw;
  margin-left: 4.5vw;
}

.firstlistVehicule {
  margin-top: 7vh;
}

.listVehicule div {
  background: white;
  box-shadow: 0 20px 20px rgba(0, 0, 0, .4);
  border-radius: 1vw;
  width: 11vw;
  height: 11vw;
  display: flex;
  align-items: center;
  justify-content: center;
}

.listVehicule img {
  width: 9vw;
}

.listVehicule p {
  text-align: center;
  font-size: 1.4vw;
}

.vehiculeBig {
  width: 20vw;
  height: 20vw;
  background: white;
  box-shadow: 0 20px 20px rgba(0, 0, 0, .4);
  border-radius: 1vw;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 3vw;
}

.vehiculeBig img {
  width: 13vw;
}

.vehiculeBig p {
  text-align: center;
  font-size: 1.4vw;
}

.containersImmatriculation {
  display: flex;
  gap: 2vw;
  margin-top: 6vh;
}

.containersImmatriculation input {
  width: 15vw;
  height: 7vh;
  background: #F2F2F2;
  border-radius: 1vw;
  border: 1pt solid #1D2234;
  font-size: 1.5vw;
}

.autocomplete {
  /*the container must be positioned relative:*/
  width: 15vw !important;
}

.autocomplete-items {
  border: 1px solid #1D2234;
  border-bottom: none;
  border-top: none;
  z-index: 99;
  /*position the autocomplete items to be the same width as the container:*/
  left: 0;
  right: 0;
}

.autocomplete-items div {
  padding: 10px;
  cursor: pointer;
  background-color: #fff;
  border-bottom: 1px solid #1D2234;
}

.autocomplete-items div:hover {
  /*when hovering an item:*/
  background-color: #e9e9e9;
}

.circleIED {
  display: flex;
  gap: 1vw;
  margin-left: 5vw;
}

.circleIED label {
  width: 4vw;
  height: 4vw;
  border-radius: 100%;
  background: #F2F2F2;
  border: 1pt solid #1D2234;
  display: flex;
  align-items: center;
  justify-content: center;
}

.circleIED label:hover {
  background-color: #e9e9e9;
}

.circleIED label {
  text-align: center;
  font-size: 2vw;
  margin: 0;
}

.circleIED input[type=checkbox] {
  display: none;
}

.circleIED input[type=checkbox]:checked+.alignVerticalImmat label {
  background-color: #4ABB64;
}

.circleIED input[type=checkbox]:checked+label {
  background-color: #4ABB64;
}

.errorMessage {
  color: red;
  font-size: 1.4vw;
}

.buttonError {
  border: 1pt solid red;
  background-color: white;
  color: red;
  font-size: 1.3vw;
  border-radius: .5vw;
}

#errorPlaque,#errorPlaque2,#errorPlaque3,#myInput2,#myInput3 {
  display: none;
}
#myInput2,#myInput3{
  margin-top:1vh;
}

.buttonValiderPopUp {
  width: 90%;
  margin-left: 10%;
  margin-top: 15vh;
  border: none;
  background-color: #CCD3E5;
  border-radius: 1vw;
}

#infoPlaque {
  display: none;
}

.containersDeletePlaque {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  align-items: center;
  gap: 3vh;
}

.containersDeletePlaque .circleIED {
  margin: 0;
}

.plaqueSupprimer {
  min-width: 15vw;
  padding-left:1vw;
  padding-right: 1vw;
  height: 9vh;
  background-color: white;
  border-radius: .5vw;
  box-shadow: 0 20px 20px rgba(0, 0, 0, .4);
  display: flex;
  justify-content: center;
  align-items: center;
}

.plaqueSupprimer p {
  font-size: 1.8vw;
  text-align: center;
  font-weight: bold;
}

.containersDeletePlaque button {
  width: 15vw;
  height: 7vh;
  background-color: white;
  border-radius: .4vw;
  box-shadow: 0 20px 20px rgba(0, 0, 0, .3);
  border: none;
  display: flex;
  font-size: 1.2vw;
  justify-content: center;
  align-items: center;
}

.containersDeletePlaque .buttonDelete {
  background-color: #FFD6D6;
}

.containersDeletePlaque img {
  width: 20vw;
  border-radius: 1vw;
}

.alignVerticalImmat p {
  margin: 0;
  margin-bottom: 1vh;
  margin-right: 1vw;
  font-size: 1vw;
}

.menuEntendu {
  flex-wrap: wrap;
  width: 80%;
  margin-left: 10%;
  margin-top: 20vh;
}

.addClient {
  align-items: center;
}

.addClient img {
  width: 70%;
}

.containersClient {
  display: flex;
  flex-wrap: no-wrap;
  flex-direction: column;
  margin-left: 5vw;
}

.containersClient div {
  display: flex;
  align-items: center;
  gap: 2vw;
}

.containersClient div p {
  font-size: 1.3vw;
}

.containersClient div input {
  width: 20vw;
  height: 4vh;
  border: 1pt solid #1D2234;
  border-radius: .3vw;
}

.containersClient div input[type=time] {
  width: 5vw;
}

.pageClient {
  width: 85%;
  margin-left: auto;
  margin-right: auto;
  border-radius: 1vw;
  margin-top: 20vh;
  margin-bottom: 3vh;
  padding-bottom: 3vh;
  background-color: white;
}
.pageClientTop{
  margin-top:5vh;
}

.popUpBig {
  position: fixed;
  width: 85vw;
  height: 100vh;
  margin-left: 7.5vw;
  top: 0vh;
  background-color: #F2F2F2;
  box-shadow: 0 20px 20px rgba(0, 0, 0, .4);
  border-radius: 1vw;
  overflow-y: auto;
}

.containersAddImmat {
  display: flex;
  gap: 5vw;
  margin-left: 5vw;
}

.containersIcon {
  display: flex;
  gap: 1vw;
}

.containersIcon div {
  width: 6.5vw;
  height: 6.5vw;
  background-color: #F2F2F2;
  box-shadow: 0 20px 20px rgba(0, 0, 0, .4);
  border-radius: 1vw;
  border-radius: .6vw;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.containersIcon div img {
  width: 60%;
}

.containersIcon div p {
  text-align: center;
  font-size: 1vw;
}

.immatInput {
  height: 5vh;
  width: 15vw;
  font-size: 2vw;
}

.numberInput {
  height: 5vh;
  width: 5vw;
  font-size: 2vw;
}

.containersInput {
  display: flex;
  align-items: center;
  gap: 1vw;
}

.containersAllLine {
  display: flex;
  flex-direction: column;
  gap: 3vh;
  margin-bottom: 2vh;
}

.marginBottom {
  margin-bottom: 4vh;
}

.addUserButton {
  width: 90%;
  font-size: 1.4vw;
  padding-top: 2vh;
  padding-bottom: 2vh;
  margin-left: 5%;
  background-color: #F2F2F2;
  box-shadow: 0 20px 20px rgba(0, 0, 0, .4);
  border-radius: .7vw;
  border: none;
}

.tableUser {
  width: 90%;
  margin-left: 5%;
  margin-top: 3vh;
  border-collapse: collapse;
}

.tableUser th {
  color: #9598A5;
  font-size: 1vw;
  text-align: center;
}

.tableUser tr {
  background: #F2F2F2;
  border-top: 0.5pt solid #1D2234;
  box-shadow: 0 20px 20px rgba(0, 0, 0, .4);
}

.infoTableUser {
  background: none !important;
  margin: none !important;
  border: none !important;
  box-shadow: none !important;
}

.tableUser tr td p {
  font-size: 1.2vw;
  text-align: center;
}

.tableUser tr td img {
  width: 2.5vw;
  display: block;
  margin: 0 auto;
}

.Userback {
  width: 85%;
  margin-left: auto;
  margin-right: auto;
  border-radius: 1vw;
  margin-top: 4vh;
  height: auto;
  min-height: 80vh;
  padding-bottom: 3vh;
  margin-bottom: 3vh;
  background-color: white;
}

.AutorUserAll {
  display: flex;
  gap: 1vw;
}

.AutorUser {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  align-content: center !important;
  gap: 0vh !important;
}

.AutorUser p {
  margin: 0;
  font-size: 1vw !important;
}

.AutorUser input {
  width: 2vw !important;
  height: 2vw !important;
}

.modifiMdp {
  margin-top: 2vh;
  font-size: 1.2vw;
  text-align: center;
}

.title_page_header {
  text-align: center;
  color: #1D2234;
  font-size: 1.3vw;
}

.alignHeader {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.button_download {
  display: flex;
  align-content: center;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: space-around;
  border: 1pt solid #1D2234;
  height: 4.5vh;
  background: white;
  border-radius: 0.3vw;
  margin-right: 1vw;
}

.phraseTarif {
  margin-left: 5%;
}

.tableTarif, .tablePlanning {
  width: 90%;
  margin-left: 5%;
  border-collapse: collapse;
}
.tableModifyPlanning{
  width: 100%;
  border-collapse: collapse;
  table-layout: fixed
}
.tableModifyPlanning textarea{
  width:90%;
  margin-left:3%;
  border:1pt solid black;
  height:10vh;
  resize: none;
  margin-top:1vw;
}
.tableModifyPlanning .select{
  display: flex;
  justify-content: center;
  gap:.6vw;
  flex-wrap: wrap;
  margin-bottom:1vw;
}
.tableModifyPlanning .select select{
  height:3vh;
  width:70%;
}
#semaineSuivante{
  border:1pt solid black;
  border-radius: .5vw;
  width:25%;
  margin-left:37.5%;
  height:4vw;
  background:#CCD3E5;
  font-size: 1.3vw;
  margin-top:3vw;
}
.tableModifyPlanning .select img{
  width:1vw;
  background-color:#F47174;
  opacity:.5;
  padding:.3vw;
  padding-left:.5vw;
  padding-right:.5vw;
  border-radius: .3vw;
}
.tableModifyPlanning .select img:hover{
background-color:#F47174;
scale:1.1;
opacity:1;
transition: .1s ease-in-out;
}
.tableTarif th {
  color: #1D2234;
  font-size: 1vw;
}
#planningSemaineSuivante{
  display: none;
}
.tableTarif img {
  width: 45%;
  display: block;
  margin: 0 auto;
  margin-top: 2vh;
  margin-bottom: 2vh;
}

.tableTarif input {
  width: 6vw;
  height: 4vh;
  display: block;
  margin: 0 auto;
  margin-top: 2vh;
  margin-bottom: 2vh;
}

.tableTarif td {
  border-top: .5pt solid #1D2234;
}

.tableTarif tr:last-child td {
  border-bottom: .5pt solid #1D2234;
}

.tableTarif tr td p {
  text-align: center;
  font-size: 1.3vw;
}

.tableTarif td:first-child {
  border-right: .5pt solid #1D2234;
  width: 20%;
}

.tablePlanning th {
  color: #1D2234;
  font-size: 1vw;
  font-weight: 400;
  padding-bottom: 1vh;
}

.tablePlanning p, .tablePlanning th:first-child {
  color: #1D2234;
  font-size: 1vw;
  font-weight: 500;
}
.tableHorraire p {
  color: #1D2234;
  font-size: 1.1vw;
  font-weight: 400;
  text-align: left;
  margin-left:1vw;
}

.tablePlanning,.tableModifyPlanning {
  margin-top: 5vh;
}

.tablePlanning td,.tableModifyPlanning td {
  border-top: .5pt solid #707070;
  border-right: .5pt solid #707070;
}

.tablePlanning textarea {
  width: 9vw;
  height: 4.5vw;
  max-width: 9vw;
  max-height: 4.5vw;
  min-width: 9vw;
  min-height: 4.5vw;
  display: block;

  margin-top: 2vh;
  margin-bottom: 1vh;
}

.tablePlanning select {
  width: 9vw;
  height:3vw;
  display: block;
  margin: 0 auto;
  margin-bottom: 2vh;
  margin-top: 2vh;
}


.containersFeuilleDeRoutes {
  display: flex;
  flex-wrap: no-wrap;
  flex-direction: column;
  margin-left: 5vw;
  gap: 1vh;
}

.containersFeuilleDeRoutes div {
  display: flex;
  align-items: center;
  gap: 1vw;
}

.containersFeuilleDeRoutes p {
  font-size: 1vw;
}

.containersFeuilleDeRoutes button {
  width: 10vw;
  font-size: 1.3vw;
  padding-top: .7vh;
  padding-bottom: .7vh;
  border: none;
  background-color: #CCD3E5;
  border-radius: .4vw;
}

.noDocu {
  color: red;
  font-size: .9vw !important;
}

.factureDate {
  margin-left: 2vw;
}

.factureDate p {
  font-size: 1vw:
}

.factureDate input {
  border: 1pt solid #1D2234;
  height: 2vh;
  border-radius: .4vw;
}

.tableFacture p {
  font-size: 1vw;
}

.tableFacture {
  width: 90%;
  margin-left: 5%;
  border-collapse: collapse;
  table-layout: fixed;
}

.tableFacture th {
  color: #1D2234;
  font-size: 1vw;
}

.tableFacture img {
  width: 70%;
  display: block;
  margin: 0 auto;
  margin-top: 2vh;
  margin-bottom: 2vh;
}

.tableFacture input {
  width: 6vw;
  height: 4vh;
  display: block;
  margin: 0 auto;
  margin-top: 2vh;
  margin-bottom: 2vh;
}

.tableFacture td {
  border-top: .5pt solid #1D2234;
}

.tableFacture tr:last-child td {
  border-bottom: .5pt solid #1D2234;
}

.tableFacture tr td:nth-child(2), .tableFacture tr td:last-child {
  background: #F2F2F2;
}

.tableFacture tr td p {
  text-align: center;
  font-size: 1.3vw;
}

.tableFacture td {
  border-right: .5pt solid #1D2234;
}

.commentaireFacture {
  margin-left: 15%;
  margin-top: 5vh;
}

.commentaireFacture p {
  font-size: 1.2vw;
}

.commentaireFacture textarea {
  width: 70%;
  height: 9vh;
  max-width: 70%;
  max-height: 9vh;
  min-width: 70%;
  min-height: 9vh;
  border-radius: .7vw;
  border: 1pt solid #1D2234;
}

.totalFacture {
  width: 40%;
  margin-left: 30%;
  border-collapse: collapse;
  table-layout: fixed;
  margin-top: 3vh;
}

.totalFacture p {
  font-size: 1.1vw;
  text-align: center;
}

.totalFacture td {
  border: .5pt solid #1D2234;
}

.alignFacture p {
  display: inline-block;
  margin-left: .5vw;
}

.totalFacture input {
  width: 20%;
  height: 4vh;
  border: 1pt solid #1D2234;
  border-radius: .4vw;
  margin-left: 35%;
  font-size: 1vw;
}

.tableBonDeTravailList {
  width: 80%;
  margin-left: 10%;
  border-collapse: collapse;
}

.tableBonDeTravailList p {
  font-size: 1vw;
  color: #1D2234;
  font-weight: 400;
  text-align: center;
}

.tableBonDeTravailList tr {
  background: #F2F2F2;
  border-top: 0.5pt solid #1D2234;
  box-shadow: 5px 10px 10px rgba(0, 0, 0, .4);
}

.tableBonDeTravailList tr:first-child {
  background: none !important;
  margin: none !important;
  border: none !important;
  box-shadow: none !important;
}

.tableBonDeTravailList tr td:last-child button {
  display: inline;
  height: auto;
  font-size: 1.1vw;
  padding-top: .7vh;
  padding-bottom: .7vh;
  background: #F2F2F2;
}

.tableBonDeTravailList tr td:last-child button:first-child {
  margin-left: 4vw;
}

.tableBonDeTravailList th p {
  padding-left: 1vw;
  padding-right: 1vw;
}
.button_encour{
  color:#e08000;
  border-color:#e08000;
}
.button_fini, .button_mail_yes{
  color:#3EB552;
  border-color:#3EB552;
}
.button_mail_no{
  color:#C7241C;
  border-color:#C7241C;
}
#PopUp_Download p {
  font-size: 1vw;
}

#PopUp_Download div {
  margin-left: 2vw;
}

#PopUp_Download input[type=checkbox] {
  width: 1.5vw;
  height: 1.5vw;
}

#PopUp_Download .buttonDownload {
  width: 16%;
  margin-left: 42%;
  background: white;
  border: none;
  height:7vh;
  font-size:1.2vw;
  border-radius: .5vw;
  box-shadow: 5px 10px 10px rgba(0, 0, 0, .4);
}

#buttonFinish {
  height: 9vh;
  font-size: 1.5vw;
}

.containersIcon input[type=radio] {
  display: none;
}

#vehiculeAddImmatParagraphe {
  font-size: 2vw;
}
.margintopLess{
  margin:5vh;
}
.popUpTop{
  top:5vh;
}
.alert6month{
  width:80%;
  height:60vh;
  position:absolute;
  top:20vh;
  left:10vw;
  background:white;
  border-radius:1vw;
  box-shadow: 0 20px 20px rgba(0, 0, 0, .46);
}
.alert6month p {
  font-size:1.5vw;
  text-align:center;
  padding-top:5vh;
}
.alert6month button{
  display: flex;
  align-content: center;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: space-around;
  border: 1pt solid #1D2234;
  width:20vw;
  height: 9vh;
  margin-top:4vh;
  background: white;
  border-radius: .3vw;
  margin-left: auto;
  margin-right:auto;
  font-size:1.5vw;
}
.alert6month .delete{
  border:2pt solid #C7241C;
  color:#C7241C;
  background: rgba(199, 36, 28,.3)
}
.alert6month .nepasDelete{
background: rgba(200, 200, 200,.7)
}
.calendar_circle div{
  background:lightgrey;
  width:1.9vw;
  height:1.9vw;
  font-size:1.3vw;
  display: flex;
  justify-content: center;
align-items: center;
border-radius: 1vw;
cursor:pointer;
}

.calendar_circle{
  display: flex;
  gap:.7vw;
  justify-content: center;
}
.calendar_circle .selected{
  background:lightblue;
}
.titleMonth{
  text-align: center;
  font-size: 1.1vw;
  margin-top:4vh;

  font-weight: 500;
}
.divPlanningInline{
  display:flex;
  gap:2vw;
  margin-left:2vw;
}
#planningbloc{
  display:flex;
  flex-direction: column;
}
.addElementPlanning{
  width:5vw;
  height:5vw;
  margin-top:1vw;
  background:#F5F5F5;
  border-radius: 1vw;
  display:flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  right:14vw;
}
.displayNone{
  display: none!important;
}

.addElementPlanning:hover{
  background:#F0F0F0;
}
.addElementPlanning img{
  width:4vw;
  height:4vw;
  opacity: .3;
}
.addElementPlanning img:hover,.addElementPlanning:hover img {
transition: all .4s ease-in-out;
  opacity: 1;
}

.daySelected::after{
content: " ";
width:.5vw;
height:.5vw;
background:red;
border-radius: 1vw;
position: absolute;
margin-top:1.9vw;
}
.planning_block .enCourBDT{
  width:50%;
  margin-left:25%;
  padding:.3vw;
  border-radius: 1vw;
  background:orange;
}
.popUpSL h1,.popUpSL p{
  text-align: center;
}
#plaqueSL{
  border:2pt solid black;
  padding:1pt;
  font-size: 1.3vw;
  font-weight: 800;
}
#imgLoadDingpopUpDownload{
  width:10vw;
  height:auto;
  position: absolute;
  top:30vh;
  left:45vw;
  z-index: 10;
  display: none;
}
#patienterGif{
  width:100%;
  display: none;
}
.historyLavage{
  margin-top:10vh;
  width:50%;
  margin-left:25%;
  height:auto;
  border: .5vw solid rgba(143,172,193,1);
  max-height:30vh;
  overflow-y: auto;
}
.historyLavage span{
  display:flex;
justify-content: center;
}
#paragraph_history{
  text-align:left;
}
.divrecherche{
  display: flex;
  gap:1vw;
}
.divrecherche input{
  width:15%;
  height:2vw;
  border: 1pt solid black;
  font-size: 1vw;
  margin-left:42.5%;
  text-align: center;
  opacity: .3;
}
.divrecherche input:focus{
  opacity: 1;
}

#suppRecherche{
  display: none;
  height:2vw;

  border: 1pt solid black;
  font-size: 0.7vw;
  font-weight: 400;

  text-align: center;

}