/* CSS Document */

#datepicker{ float: right !important; padding:0 15px 35px 0; }
.ui-datepicker-prev{display: none;}


.icochat{ position: fixed; z-index: 9999; bottom: 30px; right: 10px;  }


.chatbox{ position: fixed; z-index: 9999; background-color: #ffffff; /*border-radius:12px;*/ box-sizing: border-box; padding: 0px 0px; height: 75%; width: 380px; margin: 0 10px 0 0; right: 0px; overflow: hidden; display: none; }

.chathead{ position: relative; height: 80px; overflow: hidden; background-color: white; /*border-top-left-radius:12px; border-top-right-radius:12px; */box-sizing: border-box; z-index: 2; }

.logochat{ position: absolute; top: 20px; left: 20px; width: 120px; }
.logochat img{ width: 100%; }

.reinicio{ position: absolute; top: 20px; right: 70px; width: 35px; }
.reinicio img{ width: 100%; }

.cerrarchat{ position: absolute; top: 20px; right: 20px; width: 35px; }
.cerrarchat img{ width: 100%; }

.chat{position: relative; background-color: #ffffff;  /*border-bottom-left-radius:12px; border-bottom-right-radius:12px;*/ overflow-x: hidden; overflow-y: scroll;  height: calc(100% - 70px); box-sizing: border-box; padding: 0 0 0 20px; width: calc(100% + 20px); -webkit-box-shadow: inset 0px 0px 34px -13px rgba(0,0,0,0.37); -moz-box-shadow: inset 0px 0px 34px -13px rgba(0,0,0,0.37); box-shadow: inset 0px 0px 34px -13px rgba(0,0,0,0.37); z-index: 1;}

.box_pregunta{ position: relative; clear: both; width: 100%; margin-bottom: 20px; overflow: hidden; }

.pregunta{ position: relative; display: inline-block; box-sizing: border-box; margin-left: 45px; margin-top: 10px; background: #f5f5f5;
	padding: 15px 15px; color: black; width: calc(100% - 65px); font-size: 13px; border-radius: 4px; min-height: 40px; }
.pregunta a{ color: blue; text-decoration: underline; }

.fotochat{ width: 32px; position: absolute; margin: 5px 10px 0px 0px; padding: 0px; background-size: 100%; border-radius: 100%; top: 10px;     height: 32px;  background-position: center; background-repeat: no-repeat; }

.box_derecha{ float: right; overflow: hidden; width: calc(100% - 65px); margin: 0 20px 0 45px ; text-align: right; }	

.boton_verdechat { border: solid thin #007A33; background-color: white; border-radius: 0; color: #007A33; padding: 5px 10px; margin:0 8px 8px 0; font-size: 12px; display: inline-block; vertical-align: top; }
.boton_verdechat:hover { background-color: #00b35a; color: white; }	

.boton_verdechat2 { border: solid thin #007A33; background-color: white; border-radius: 0; color: #007A33; padding: 5px 10px; float: right; margin:10px 0px 0px 0; font-size: 12px; }
.boton_verdechat2:hover { background-color: #00b35a; color: white; }

.res_fija{ background-color: #007A33; color: white; padding: 10px 10px; float: right; margin:0 20px 0px 0; font-size: 13px; border-radius: 4px; }


.cajapregunta{  background: white; padding: 16px !important; margin-right: 20px; border: 1px solid #eeeeee; width: calc(100% - 100px); text-align: left; float: right; font-size: 13px; }
	
.modulo_pregunta{ text-align: right; position: relative; }

.caja_chat{ width: 100%; border: 1px solid #eeeeee; resize: none; padding: 7px 5px; height: auto !important; box-sizing: border-box !important;
	min-height: auto; background: #f8f8f8; font-size: 12px; margin-bottom: 0; margin-top: 10px;  }


.box_calidadeschat{ overflow: hidden; }
.box_calidadeschat img{ float: left; margin: 8px 10px 0 0; }
.box_calidadeschat a{ color:#007A33; }

.box_promo{ position:relative; overflow: hidden; width: 150px; border-radius: 4px; border: 1px solid #007A33; display: inline-block; margin: 0 5px 10px 5px; }
.img_promo{ width: 100%;  }
.img_promo img{ width: 100%; }
.box_lugar{ width: 100%; background-color: white; padding: 5px 5px; box-sizing: border-box; color: #007A33; text-align: center; }
	

@media screen and (max-width:768px) {

	.chatbox{ padding: 0px 0px; height: 100%; width: 100%; margin: 0 0px 0 0; right: 0px; overflow: hidden; display: none; top:0px !important; }

	
}