/*
Click nbfs://nbhost/SystemFileSystem/Templates/Licenses/license-default.txt to change this license
Click nbfs://nbhost/SystemFileSystem/Templates/Other/CascadeStyleSheet.css to edit this template
*/
/* 
    Created on : 26 mars 2024, 13:00:52
    Author     : Romain
*/



#form_com-net_filtre-sejours {
  background-color:#9ec764;
  color:#fff;
  /*border-radius:10px;*/
  padding: 25px 15px;
  /*text-align:center;*/
}

#form_com-net_filtre-sejours .form-group {
  display:inline-block;
  position:relative;
  margin-bottom:0;
}
#form_com-net_filtre-sejours .form-group #dateSouhaitee{
  display: block;
  padding: 6px;
}
#form_com-net_filtre-sejours .form-group label {
  margin-bottom: 7px;
  font-weight: 600;
}
#form_com-net_filtre-sejours .widget-title {
  font-size:30px;
  display: none;
}
#nbSejoursAffiches {
  margin-left:25px;
  position: relative;
  z-index: 1;
  font-size:18px;
}
#containerFiltres {
  display:flex;
  flex-direction:row;
  justify-content: space-between;
  align-items: center;
}
#containerRazFiltre {
  font-size:1em;
  text-align:right;
  margin:5px 20px;
}
#containerRazFiltre span {
  cursor:pointer;
  color: #404040 ;
  font-style: italic ;
  font-weight: 600 ;
}

#containerFiltres select {
  max-width: 200px;
}
#containerFiltres select option:checked {
  /*  color: #f5b170;
    background-color:transparent;*/
}
#containerRappelFiltresChoisis span {
  display: inline-block;
  margin:0 2px 5px;
  font-style: italic;
  color: #6a6a6a;
  font-weight: bold;
  cursor:pointer;
  border: 1px solid #ccc;
  background-color: rgba(255, 255, 255, 0.4);
  border-radius: 20px;
  padding: 3px 10px;
  font-size: 0.9em;
}
#form_com-net_filtre-sejours input[type="submit"] {
  display:none;
}


/*******************************************************************************
********************************************************************************
*** RESPONSIVE
********************************************************************************
*******************************************************************************/
/*@media (min-width: 1200px) { body { background-color:pink!important; } } .col-lg-
@media (max-width: 1199px) { body { background-color:green!important; } } .col-md-
@media (max-width: 991px) { body { background-color:blue!important; } } .col-sm-
@media (max-width: 767px) { body { background-color:red!important; } } .col-xs-
@media (max-width: 481px) { body { background-color:grey!important; } } */

@media (max-width: 1199px) {
  #containerFiltres select {
    max-width: 155px;
  }
}

@media (max-width: 991px) {
  #form_com-net_filtre-sejours {
    background-color: transparent;
    padding: 0;
  }
  #form_com-net_filtre-sejours .form-group {
    display: block;
    margin-bottom: 15px;
  }
  #containerFiltres select {
    max-width: none;
  }
  #form_com-net_filtre-sejours .form-group #dateSouhaitee {
    width: 100%;
  }
  #form_com-net_filtre-sejours .widget-title {
    display: block;
    text-align:center;
    background-color: #9ec764;
    color: #fff;
    border-radius: 10px;
    padding: 20px 0 25px;
    cursor: pointer;
    font-weight: 600;
  }
  #containerFiltres {
    position: fixed;
    top: 0;
    left: 0;
    /*left: -800px;*/
    height: 100vh;
    overflow: auto;
    width: 100vw;
    z-index: 9999999999;
    background-color: rgba(0,0,0,.9);
    margin-top: 0;
    padding: 5vh 10vw;
    display: none;
    color: #fff;
  }
  #form_com-net_filtre-sejours input[type="submit"] {
    display: block;
    background: #9ec764;
    color: #fff;
    margin: 70px auto 100px !important;
    padding: 8px 16px;
    font-weight: 600;
  }
  #form_com-net_filtre-sejours #containerRazFiltre {
    margin-top: 5px;
    font-weight: 600;
  }
}