.test{
    background-color: wheat;
}
:root{
    --verde_bajito: #B6E2D3;
    --verde_gris: #616D69;
    --amarillo: #FEEDAA;
    --verde1: #A3D96C;
    --verde2:#91BF63;
    --verde3:#69A60D;
    --verde4:#547312;
    --verde5:#0D0D0D;
    --amarillo1:#F2F2F2;
    --amarillo2:#D9CBA0;
    --amarillo3:#403410;
    --amarillo4:#BF9B30;
    --amarillo5:#F2E9CE;
}
.contenedor_whats{
    padding-top: 70px;
   
}
.selecccion_hotel{
    margin-left: 25%;
    width: 50%;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    padding-top: 100px;
}
.option_hotel{
    font-size: 2rem;
    text-align: center;
    width: 50%;
    background: var(--verde_gris);
    color: white;
    margin-bottom: 0px;
    padding-bottom: 0px;
    border-right: 1px solid #fff;
}
.option_hotel:hover{
    cursor: pointer;
    opacity: .7;
}
.option_hotel > i{
    font-size: 2rem;
}
.hide{
    display: none;
  }
  .active2{
    /*background: var(--verde_bajito);*/
    background-color: #e6e3e3;
    color: black;
    border-bottom: 1px solid #fff;
  }
  .hotel_seleccionado{
    margin-top: 0px;
    padding-top: 0px;
    width: 49.95%;
    margin-left: 25%;
    height: auto;
    /*background-color: #e6e3e3;*/
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
  }
  .hotel_seleccionado > .imagen_hotel_seleccionado{
    margin-top: 0px;
    padding-top: 0px;
    display:flex;
    justify-content: center;
    align-items: center;
  }
  .imagen_hotel_seleccionado > .img1{
    padding-top: 30px;
    height: 100px;
  }
  .imagen_hotel_seleccionado > .img2{
    padding-top: 10px;
    height: 120px;
  }
  .mensaje{
    padding-top: 25px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    padding-bottom: 10px;
  }
  form{
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
  }
  .mensaje > form > .txa_mensajeSPR{
    width: 60%;
    margin-left: 20%;
    resize: none;
   /* border-color: var(--verde3);*/
   border-color: black;
    background-color: #dcdcdc;
  }
  .mensaje2 > form > .txa_mensajeIG{
    width: 60%;
    margin-left: 20%;
    resize: none;
    border-color: var(--amarillo4);
    background-color: #dcdcdc;
  }
  .boton_habilitar{
    height: 40px;
    padding-top: 5px;
    padding-bottom: 5px;   
    margin-left: 5px; 
    width: 10%;
    border: none;
    box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 4px, rgba(0, 0, 0, 0.3) 0px 7px 13px -3px, rgba(0, 0, 0, 0.2) 0px -3px 0px inset;
    border-radius: 25px;
    background: var(--verde3);
    color: white;
  }
  .boton_habilitar:hover{
    background: var(--verde2);
  }
  .txa_mensajeSPR_habilitado{
    width: 60%;
    margin-left: 20%;
    resize: none;
    border-color: var(--verde3);
    background-color: #fff;
  }
  .botones_dl_ad{
    display: flex;
    flex-direction: column;
   width: 200px;
   margin-left: 5px;
  }
  .boton_dl_ad{
    border-radius: 15px;
    height: 40px;
    margin-bottom: 20px;
    width: 100px;
    box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 4px, rgba(0, 0, 0, 0.3) 0px 7px 13px -3px, rgba(0, 0, 0, 0.2) 0px -3px 0px inset;
  }
  .btn_cancelar{
    background-color: rgb(177, 21, 21);
    color: white;
    border: none;
    justify-content: center;
    align-items: center;
    
  }
  .btn_cancelarIG{
    background-color: rgb(177, 21, 21);
    color: white;
    border: none;
    justify-content: center;
    align-items: center;
  }
  .btn_guardar{
    background-color: darkcyan;
    color: white;
    border: none;
    justify-content: center;
    align-items: center;
  }
  .botones_dl_ad > p{
    text-align: justify;
  }


  .mensaje2{
    padding-top: 25px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    padding-bottom: 10px;
  }
  .mensaje2 > .txa_mensajeIG{
    width: 60%;
    margin-left: 20%;
    resize: none;
   /* border-color: var(--verde3);*/
   border-color: black;
    background-color: #dcdcdc;
  }
  .mensaje2 > .txa_mensajeIG{
    width: 60%;
    margin-left: 20%;
    resize: none;
    border-color: var(--amarillo4);
    background-color: #dedddd;
  }
  .boton_habilitar{
    height: 40px;
    padding-top: 5px;
    padding-bottom: 5px;   
    margin-left: 5px; 
    width: 10%;
    border: none;
    box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 4px, rgba(0, 0, 0, 0.3) 0px 7px 13px -3px, rgba(0, 0, 0, 0.2) 0px -3px 0px inset;
    border-radius: 25px;
    background: var(--verde3);
    color: white;
  }
  .boton_habilitar:hover{
    background: var(--verde2);
  }
  .txa_mensajeIG_habilitado{
    width: 60%;
    margin-left: 20%;
    resize: none;
    border-color: var(--amarillo4);
    background-color: #fff;
  }
  ul > li > a{
    font-size: 1.6rem;
    color: #212121;
  }