/******** saluschat ****************/

#saluschat-div {
  margin: 130px auto 0 auto;
  text-align: center;
  width: 75%;
}

.width100 {
  width: 100% !important;
}

.margin_saluschat_conversation {
  margin-top: 20px !important;
}

#saluschat_logo img {
	width: 150px;
	margin-bottom: 10px;
}

#saluschat_titulo h1 {
  font-size: 24px;  
  margin: 5px auto 0 auto;
}
#saluschat_titulo h2 {
	font-size: 14px;
	margin-top: 0px;
}

#saluschat_categorias {
    display:flex;
    justify-content: center;
    align-items: center;
    margin-top: 50px;
    margin-bottom: 50px;
}

#saluschat_enlaces{
    display:flex;
    justify-content: center;
    align-items: center;
    margin-top: 0px;
    margin-bottom: 180px;
}

.btn_saluschat_historico {
	text-decoration: none;
	color: #000;
	border: 1px solid #000;
	font-size: 16px;
	padding: 10px 30px;
	border-radius: 10px;
	background-color: #fff;
}

.btn_saluschat_historico:hover {
  text-decoration: none;
  color: #f1a63c;
  border: 1px solid #f1a63c;  
  background-color: #fff;
}

a.saluschat_categoria_item {
  padding: 10px;
  background-color: #f1a63c;
  color: #fff;
  margin: 0 10px;
  border-radius: 5px;
  min-width: 260px;
  text-decoration: none;
  font-size: 15px;
}

a.saluschat_categoria_item:hover {
  background-color: #00aed6;
}

textarea#pregunta {
	width: 100%;
	border: 1px solid #000;
	border-radius: 10px;
	padding: 25px;
	font-size: 16px;
	height: 75px;
	outline: none;
	padding-right: 75px !important;
	resize: none;
}

#saluschat_pregunta_div {
  position: relative;
  margin-top: 30px;
  margin-bottom: 140px;
}

.pregunta_conversation_div {
	float: left;
	width: 75%;
	margin: 30px 1% 0 4%;
  margin-bottom: 0 !important;
}

#saluschat_pregunta_div .enviar-pregunta-button {
	outline: none;
	border: none;
	position: absolute;
	width: 50px;
	text-align: center;
	height: 50px;
	border-radius: 10px;
	background-color: #f0a73e;
	top: 0;
	bottom: 0;
	right: 0;
	margin-top: 12.5px;
	margin-right: 15px;
	cursor: pointer;
}

#saluschat_pregunta_div .enviar-pregunta-button:hover {
  background-color: #00aed6;
}

.enviar-pregunta-button i {
  font-size: 25px;
  color: #fff;
}

button.enviar-pregunta-button:disabled,
button.enviar-pregunta-button[disabled]{
  background-color: #d7d7d7 !important;
  cursor: default !important;
}

.saluschat_volver_inicio {
	padding: 10px;
	background-color: #f1a63c;
	color: #fff;
	margin: 0 10px;
	border-radius: 5px;
	width: 250px;
	text-decoration: none;
	font-size: 15px;	
	margin: 20px;
}

.saluschat_volver_inicio:hover {
  text-decoration: none;
  background-color: #00aed6;
  color: #fff;
}


#saluschat-aviso-legal {
  width: 100%;
  border-top: 1px solid #000;
  text-align: left;
  font-size: 13px;
  line-height: 15px;
  padding-top: 20px;
}

#saluschat_conversation_div {
  width: 100%;
  /* position: relative; */
  margin: 25px 0;  
}

#saluschat_conversation_menu {
  width: 18%;
  min-height: 60vh;
  float: left;
  border-right: 1px solid #d5d5d5;
  padding: 0 20px;
}

#saluschat_conversation_chat {
  width: 82%;
  float: left;
  padding: 0 50px;
  position: relative;
  font-size: 14px;

  max-height: 55vh;
  height: 55vh;
  
  overflow-y: auto;
}

.saluschat_conversation_chat_nopropietario {
  max-height: 66vh !important;
  height: 66vh !important;
}

#saluschat_volver_inicio {
  text-align: left;
  width: 20%;
  margin: 0 auto;
  float: left;
}

#saluschat_volver_inicio a {
  display: block;
}

#saluschat_volver_inicio a i {
	border-radius: 50%;
	background-color: #f5a93d;
	color: #fff;
	font-weight: bold;
	font-size: 20px;
	padding: 1px 5px;
}

#saluschat_nuevo_chat {
  position: relative;
  text-align: center;
  width: 80%;
  float: left;
}

#saluschat_nuevo_chat img {
  width: 100%;
  margin: 0 auto 0 auto;
}

#saluschat_info_sinlogin {
  float: left;
	text-align: left;
	font-size: 20px;
	width: 100%;
	margin: 0 auto;
	line-height: 24px;
	font-weight: normal;
	height: 47vh;	
	margin-top: 20px;
	padding: 0 10px;
}

.naranja_saluschat {
  color: #f5a93d;
}


#saluschat_comparte {
  width: 80%;
  margin: 10px auto;
  position: relative;
}

.img_comparte_saluschat_titulo {
  width: 100%;
  float: left;
}

.btn_comparte_saluschat {
  width: 30px;
  float: right;
  margin-left: 10px;
  margin-top: -10px;
  cursor: pointer;
}

#saluschat_summary {
  width: 100%;
  float: left;
  position: relative;
  text-align: left;
  margin: 10px 0 20px 0;
  font-size: 14px;

  max-height: 47vh;
  height: 47vh;
  overflow-y: auto;
}

.saluschat_summary_div {
  position: relative;
  margin: 15px 0;
}

.summary_titulo_fecha {
  font-weight: bold;
  text-transform: capitalize;
  margin: 0 0 2px 0;
}

.summary_titulo_chat {
  margin: 0 0 5px 0;
  display: block;
}

#saluschat_summary_mostrarmas {
  text-align: center;
  color: #939393;
}

#saluschat_summary_mostrarmas:hover {
  cursor: pointer;
  color: #f0a63c;
}

#saluschat_summary_loader {
  text-align: left;
}

#saluschat_summary_loader img {
  max-height: 20px;
}


.saluschat_conversation_item {
  position: relative;
  width: 100%;
  
}

.saluschat_conversation_item_icon {
  position: relative;
  width: 100%;
}

.saluschat_conversation_item_icon .avatar {
  float: left;
}

.saluschat_conversation_item_icon .chat_identificador {
  float: left;
  margin-left: 10px;
  margin-top: 10px;
  text-align: left;
  font-weight: bold;
}

.saluschat_conversation_item_text {
  position: relative;
  float: left;
  width: 100%;
  padding-left: 50px;
  text-align: left;
  margin-bottom: 5px;
}

.saluschat_conversation_item_text a {
  color: #f0a63c;
}

.saluschat_conversation_item_text a:hover {
  text-decoration: underline;
}

#saluschat_question_loader {
  color: #f0a63c;
  font-weight: bold;
}

#div_feedback_respuesta a.btn_saluschat_feedback {
  margin-right: 10px;
  background-color: #c7c6c6;
  padding: 8px 15px;
  border-radius: 20px;
  color: #fff;
}

#div_feedback_respuesta a.btn_saluschat_feedback:hover {
  text-decoration: none;
  background-color: #f0a63c;
}

.btn_comparte_chat {
	float: left;
	display: block;
	width: 40px;
	margin-right: 10px;
	margin-top: -12px;
	cursor: pointer;
}

.btn-saluschat-compartir-email p, .btn-saluschat-compartir-whatsapp p {
  margin: 0px;
  padding: 0px;
}

.btn_comparte_popup {
	float: left;
	display: block;
	width: 35px;
	margin-right: 10px;
	margin-top: 0px;
	cursor: pointer;
	/* margin-bottom: 0px; */
}

.btn-saluschat-compartir-whatsapp {
  background-color: #33a837 !important;
}

.btn-saluschat-compartir-whatsapp:hover {
  background-color: #f0a63c !important;
}

.summary_titulo_chat_seleccionado {
  color: #f0a63c !important;
}


#modalSaluschat, #modalSaluschatCompartir, #modalSaluschatConfirmPrivado, #modalSaluschatNPS {
  top: 28vh;
}

#modalSaluschatCompartir, #modalSaluschatConfirmPrivado {
  font-size: 14px;
}


#modalSaluschat .modal-content, #modalSaluschatCompartir .modal-content, #modalSaluschatConfirmPrivado .modal-content, #modalSaluschatNPS .modal-content { 
  border-radius: 15px;
}

#modalSaluschat .modal-title, #modalSaluschatCompartir .modal-title, #modalSaluschatConfirmPrivado .modal-title, #modalSaluschatNPS .modal-title {
  min-height: 35px;
  background-color: #f0a63c;
  color: #fff;
  position: relative;
  width: 100%;
  text-align: right;
  border-radius: 15px 15px 0 0;
}

#modalSaluschat #icon_cancelar_modalSaluschat, #modalSaluschatCompartir #icon_cancelar_modalSaluschat, #modalSaluschatConfirmPrivado #icon_cancelar_modalSaluschat, #modalSaluschatNPS #icon_cancelar_modalSaluschat {
	margin-right: 10px;
	font-size: 25px;
	border: none;
	background-color: #f0a63c;
	font-weight: bold;
	color: #fff;
	margin: 0;
	padding: 0 10px;
  border-radius: 0 15px 0 0;
}

#modalSaluschat #icon_cancelar_modalSaluschat:hover, #modalSaluschatCompartir #icon_cancelar_modalSaluschat:hover, #modalSaluschatNPS #icon_cancelar_modalSaluschat:hover  {
  color: #000;
}

#modalSaluschat .center {text-align: center;}
#modalSaluschat .mensaje-popup-saluschat {font-size: 14px;}

#modalSaluschatNPS #titulo_encuestaNPS {
  display: block;
  width: 100%;
  text-align: center;
  color: #f0a63c;
  font-weight: bold;
  font-size: 16px;
  margin-top: 10px;
}

#modalSaluschatNPS #subtitulo_encuestaNPS {
	display: block;
	width: 100%;
	text-align: center;
	color: #8f8f8f;
	font-size: 12px;
	margin-top: 0px;
}

#modalSaluschatNPS #div_valoracion_icons {
  display: block;
  text-align: center;
  margin-top: 10px;
}

#modalSaluschatNPS #div_valoracion_icons {
  display: block;
  text-align: center;
  margin-top: 10px;
}

#modalSaluschatNPS #div_valoracion_icons input {
	width: 80%;
	margin: 0 10%;
	height: 40px;
	font-size: 12px;
	padding: 5px 10px;
	border-radius: 5px;
	border: 1px solid #bfbfbf;
}

#modalSaluschatNPS .saluschat-div-buttons {
  margin-top: 5px;
}

#modalSaluschatNPS .icon_valoracion_nps {
	color: #f0a63c;
	font-size: 30px;
  cursor: pointer;
}




.saluschat-div-buttons {
  display: flex;
  justify-content: center;
  gap: 20px;    
  margin: 20px 0 0 0;
}


.btn-saluschat {
	display: block;
	background: #00aed6;
	color: #fff;
	border-radius: 6px;
	padding: 5px 15px;
  text-decoration: none;
  cursor: pointer !important;
  border: 0px;  
}

.btn-saluschat:hover {
  background: #f0a63c;
  text-decoration: none;
  color: #fff;
}

.mensaje-popup-saluschat-condiciones {
  display: flex;
  justify-content: left;
  gap: 20px;    
}

#checkbox_acepta_condiciones {
	width: 30px;
	height: 30px;
	margin-top: 45px;
}


button.btn-saluschat:disabled,
button.btn-saluschat[disabled]{
  background-color: #d7d7d7 !important;
  cursor: default !important;
}

.div_texto-aceptar-condiciones a {
  color: #f0a63c;
}

.naraja_saluschat {color: #f0a63c;}


#icon_menu_movil_saluschat {
    display: none;
  }

#icon_menu_movil_saluschat_cerrar {
  display: none;
}

.div_saluschat_copy {
  display: block;
  width: 100%;
  text-align: right;
  
}



.div_saluschat_copy i {
	background-color: #c7c6c6;
	color: #fff;
	font-size: 22px;
	border-radius: 50%;
	padding: 5px 8px;
  cursor: pointer;  
}

.div_saluschat_copy i:hover{
  background-color: #f0a63c;
}

.btn_copied {
  background-color: #4c9306 !important;  
}

.btn_copied:hover {
  background-color: #4c9306 !important;
}
/******** saluschat ****************/


#div-btn-privacy-change {
	background-color: #e4e4e4;
	display: block;
	float: left;
	margin-top: -11px;
	margin-left: 2px;
	border-radius: 40px;
	padding: 1px 20px 4px 55px;
	position: relative;
	font-size: 12px;
}

#btn_privacy_change {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	background-color: #f0a63c;
	color: #fff;
	padding: 7px 11px;
	border-radius: 40px;
	font-size: 18px;
  cursor: pointer;
}

#btn_privacy_change:hover {
  background-color: #3c3c3c;
	color: #fff;
}

#btn-saluschat-cancelarPrivado {
  background-color: #b7b7b7 !important;  
}

#btn-saluschat-cancelarPrivado:hover {
  background-color: #f0a63c !important;  
}

#btn-saluschat-aceptarPrivado {
  background-color: #1d812d !important;  
}

#btn-saluschat-aceptarPrivado:hover {
  background-color: #f0a63c !important;  
}

#div-mensaje-chat-privado h2 {
  color: #f0a63c;
}

#div-mensaje-chat-privado {
	background-color: #8a8a89;
	color: #fff;
  border-radius: 20px;
}




/*media queries*/
@media(max-width:1199px)
{

  #saluschat_categorias {
    display: block;
    position: relative;
    margin-top: 50px;
  }

  a.saluschat_categoria_item {
    padding: 10px;
    width: 260px;
    display: block;
    margin: 15px auto;
  }

}

@media (max-width: 1200px) 
{
  #saluschat_conversation_menu {
    width: 22%;
  }
  #saluschat_conversation_chat {
    width: 78%;
  }

  .pregunta_conversation_div {
    width: 73%;
  }

  #div-btn-privacy-change {
    margin-top: 11px !important;
  }
}

@media (max-width: 996px) 
{

  #saluschat-div {
    margin: 30px auto;
    position: relative;
  }

  #saluschat_pregunta_div {
    margin-bottom: 100px;
    margin-top: 10px;
  }

  #saluschat_conversation_menu {
    float: none;
    display: none;
    position: absolute;
    background-color: #fff;
    z-index: 2;
    top: 0px;
    left: 0px;    
    transition: 0.5s;
    padding-top: 30px;
    padding-bottom: 30px;
    border-bottom: 1px solid #d5d5d5;

    width: 25%;
    /* height: 100vh; */
  }

  #saluschat_logo img {
   width: 100px;
  }

  #saluschat_titulo h1 {
    font-size: 20px;
  }
  
  #saluschat_titulo h2 {
    font-size: 12px;
  }

  #saluschat_conversation_chat {
    width: 100%;
    padding: 0 20px;
    
  }

  .pregunta_conversation_div {
    width: 92%;
    margin: 20px 4% 0 4%;
    margin-bottom: 0 !important;
  }

  #icon_menu_movil_saluschat {
    position: absolute;
    top: 25px;
    left: 25px;
    display: block;
    width: 39px;
    background-color: #f0a63c;
    color: #fff;
    font-size: 28px;
    border-radius: 50%;
    /* padding: 0 2px; */
    cursor: pointer;
  }

  #icon_menu_movil_saluschat:hover {
      background-color: #878786;
  }
 

  #icon_menu_movil_saluschat_cerrar {
    position: absolute;
    top: -12px;
    right: 5px;
    display: block;
    width: 39px;
    color: #878786;
    font-size: 34px;
    border-radius: 50%;
    /* padding: 0 2px; */
    cursor: pointer;
    z-index: 3;
    display: none;
  }

  #icon_menu_movil_saluschat_cerrar:hover {
      color: #f0a63c;
  }
  
  
  .saluschat_conversation_item {float: left;}
  
}

@media (max-width: 768px) 
{
  
  #saluschat-div {
    width: 90%;
  }
  
  #saluschat_pregunta_div {
    margin-bottom: 100px;
  }

  #saluschat_conversation_menu {
    width: 50%;
  }


  #span_botones_feedback {
    display: flex;     
    flex-direction: column;         /* Flexbox para alinear */
    justify-content: center;    /* Centra los botones horizontalmente */
    gap: 10px;                  /* Espacio entre botones */
    margin-top: 0;           /* Separación superior opcional */
  }

  #div_feedback_respuesta a.btn_saluschat_feedback {
    text-align: center;

  }

  #div-btn-privacy-change {
	  font-size: 11px;
  }

}



@media (max-width: 450px)
{  
  
  #saluschat_conversation_chat {
    width: 100%;
    padding: 0 15px;
  }

  .saluschat_conversation_item_text {
  	padding-left: 10px;
	  padding-top: 5px;
  }

  #saluschat_conversation_menu {
  	width: 70%;
  }

  #saluschat_enlaces {
    display: block;
  }

  .saluschat_volver_inicio {
    width: 80%;
    margin: 20px 10%;
    display: block;
  }
  

}

@media (max-width: 350px)
{
  #saluschat_conversation_menu {
  	width: 90%;
  }
}