/********************************/
  /*       Notifications          */
  /********************************/
  .container-notification{
    background-color: rgb(0, 150, 64);
    border-radius: .45rem;
    padding: 1rem;
    display: flex;
    flex-direction: column;
    justify-items: center;
    align-content: center;
    width: 400px;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
}
.container-notification h1{
    margin: 0;
    margin-bottom: 1rem;
    text-align: center;
    color: #fff;
}
.ContianerNotificationTexte{
    display: flex;
    flex-direction: column;
    color:#fff;
    justify-content: center;
    align-items: center;
}
.ContianerNotificationTexte div{
    text-align: center;
    margin-bottom: 1rem;
}
.BoutonRetourAccueil{
    background-color: #fff;
    padding: 1rem;
    color:rgb(0, 150, 64);
    border-radius: .45rem;
    cursor: pointer;
}
.form-call-me-alert-box{
    width:70%; 
    z-index: 100;
    margin:0 auto;
    overflow-y: auto;
    font-family:'formata' !important;
    font-size:14px !important;
    font-weight: 400 !important;
}
.form-call-me-alert-box{
  display: flex;
  justify-content: center;
}

.form-call-me-alert-box:hover{
    cursor: pointer;
}

.stihle-alert{
    display: flex;
    justify-content: space-between;  
    flex-direction: row;
    width: 90%;
    height: 100%;
    height: 50px;
    padding: 5px;
    border-radius: 10px;
    border: 2px solid lightslategray; 
    /*opacity: 0.8;*/
}

.stihle-alert-close:hover{
    cursor: pointer;
}

.stihle-alert-close{
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-weight: 800;
    width:40px;
    height: 100%;
}

.stihle-alert-message{
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    width: 100%;
    height: 100%;
}

.stihle-alert-success { 
    background-color: green; 
    color: #fff;  
    opacity: 0.75; 
}

.stihle-alert-warning { 
    background-color: orange; 
    color: #FFFFFF;  
    opacity: 0.85; 

}

.stihle-alert-error { 
    background-color: red; 
    color: #FFFFFF;  
    opacity: 0.85;   
}

.form-call-me-notification{
  width:100%;
  text-align: center;
  margin-bottom:20px;
}

.form-call-me{
  background-color: green !important;
  border-radius: 5px;
  box-shadow: 10px 10px 10px grey;
  padding: 10px;
}

.form-call-me-row{
  width:100%;
  display: flex;
  flex-direction: row;
}

.form-call-me-row .wrapper-50-100{
  width:50%;
  margin:5px;
}

.form-call-me-row .wrapper-100{
  width:100%;
  margin:5px;
}

.form-call-me-row .wrapper-100-center{
  display: flex;
  flex-direction: column;
  width:100%;
  vertical-align: center;
  align-items: center;
  align-content: center;
}

#form-call-me-adresse,
#form-call-me-motif{
  font-size:16px !important;
  color: green !important;
  height:70px !important;
  min-height:70px !important;
}

#form-call-me-plage-horaire,
#form-call-me-bailleur{
  /* color: rgb(102, 105, 102); */
  color: green;
  font-size: 16px;
  width:100%;
  height:100% !important;
  min-height:100% !important; 
  padding-left:15px;
  background-color: #fff;
  border: 0;
}
#form-call-me-bailleur{
  padding: 2rem;
}

#form-call-me-plage-horaire .select-plage-div-day{
  min-width:200px;
}

.form-call-me .custom-option {
  color: green !important;
  font-size:14px !important;
  height: 50px !important;
}

.form-call-me .hr-400{
  width:400px;
  margin:10px auto;
}


.form-call-me-row  #div-kiamo-img-wait-cp{
  background-color: transparent !important;
  display: flex;
  flex-direction: row;
  color: white !important;
  font-weight: normal !important;
  width:100%;
  align-items: center;
  justify-content: center;

}

#form-call-me-name,
#form-call-me-firstname,
#form-call-me-tel{
  font-size: 16px !important;
  color: green !important;
}

.form-call-me-row input,
.form-call-me-row textarea,
.form-call-me-row select{
  border-radius: 5px !important;
}

.form-call-me-row input::placeholder,
.form-call-me-row textarea::placeholder
.form-call-me-row select::placeholder{
  color: rgb(102, 105, 102);
}


.form-call-me button{
  background-color: white;
  color:green;
  border-radius:10px;
  text-align: center;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 20px;
  padding-right: 20px;
}

.form-call-me .wrapper-100-right-p50{
  display: flex;
  width:100%;
  justify-content:flex-end;
  padding-right: 50px;
}


/*#wrapper-wait-kiamo-cp{
  display: none;
}*/