@import url("mobile.css");
@import url("tablet.css");
@import url("mobile&tablet.css");
@import url("web.css");



.titulo_web{
	text-align:center;
	font-size:34px;
	color:black;
	margin-bottom:10px;
}
.descripcion_web{
	text-align:center;
	font-size:17px;
	color:#297fca;
	margin-bottom:30px;
}



.step{
	height:200px;
	/*background:#003D7B;*/
	/*border:1px solid #003D7B;*/
	color:#003D7B;
	margin:20px 0;
	padding:100px 15px;
	font-family: 'Lato', sans-serif;
}
.question{
	font-weight:bold;
	/*color:#003D7B;*/
	color:#297fca;
	
	font-size:32px;
	padding-bottom:20px;
}
.answer{
	/*border:1px solid #003D7B;*/
	/*border:1px solid white;*/
	border:1px solid #003D7B;
	height:120px;
	padding:5px;
	margin:5px;
	width:85px;
	display:block;
	float:left;
	text-decoration:none;
	color:#003D7B;
	font-size:16px;
	cursor:pointer;
}




.btn_regresar{
	/*border:1px solid #003D7B;*/
	padding:5px;
	border-radius:5px;
	
	text-align:right;

	cursor:pointer;
	display:block;
}
.imagen_regresar{
	height:40px;
}
/*
a{
	text-decoration: none;
	text-decoration-skip: none;
}
*/






select.select_input{
	width:300px;
	font-family: 'Lato', sans-serif;
	font-size:16px;
	
}
.option_input{
	padding:10px;
	border-radius:10px;
	
}



.interlineado_tabla{
	
}
.contenedor_tabla_titulo{
	float:left;
	width:120px;
	color:#003D7B;
}
.contenedor_tabla{
	float:left;
	width:120px;
}
.contenedor_tabla_2{
	float:left;
	width:120px;
	background:#dcdcdc;
}




.hamburger 
{
    min-height: 30px;
    max-width: 50px;
	cursor:pointer;
}

.hamburger-inner, .hamburger-inner:after, .hamburger-inner:before {
	background-color: #DCDCDC;
    position: absolute;
    width: 24px;
    height: 3px;
    content: '';
	border-radius:5px;
    transition-timing-function: ease;
    transition-duration: .2s;
    transition-property: opacity,-webkit-transform;
    transition-property: transform,opacity;
    transition-property: transform,opacity,-webkit-transform;
	/*
    background-color: white;
    position: absolute;
    width: 40px;
    height: 4px;
    border-radius: 5px;
    content: '';
    transition-timing-function: ease;
    transition-duration: .2s;
    transition-property: opacity,-webkit-transform;
    transition-property: transform,opacity;
    transition-property: transform,opacity,-webkit-transform;
	*/
}
.hamburger-inner:before {
    top: 8px;
}

.hamburger-inner:after {
    top: 16px;
}

.hamburger.open .hamburger-inner {
    -webkit-transform: translate3d(0,8px,0) rotate(45deg);
    transform: translate3d(0,8px,0) rotate(45deg);
}

.hamburger.open .hamburger-inner:after {
    -webkit-transform: translate3d(0,-16px,0) rotate(-90deg);
    transform: translate3d(0,-16px,0) rotate(-90deg);
}

.hamburger.open .hamburger-inner:before {
    -webkit-transform: translate3d(0,-16px,0) rotate(90deg);
    transform: translate3d(0,-16px,0) rotate(90deg);
    opacity: 0;
}



/*
.hamburger-inner, .hamburger-inner:after, .hamburger-inner:before {
	background-color: #DCDCDC;
    position: absolute;
    width: 30px;
    height: 4px;
    border-radius: 5px;
    content: '';
    transition-timing-function: ease;
    transition-duration: .2s;
    transition-property: opacity,-webkit-transform;
    transition-property: transform,opacity;
    transition-property: transform,opacity,-webkit-transform;
}
.hamburger-inner:before {
    top: 10px;
}

.hamburger-inner:after {
    top: 20px;
}

.hamburger.open .hamburger-inner {
    -webkit-transform: translate3d(0,10px,0) rotate(45deg);
    transform: translate3d(0,10px,0) rotate(45deg);
}

.hamburger.open .hamburger-inner:after {
    -webkit-transform: translate3d(0,-20px,0) rotate(-90deg);
    transform: translate3d(0,-20px,0) rotate(-90deg);
}

.hamburger.open .hamburger-inner:before {
    -webkit-transform: translate3d(0,-20px,0) rotate(90deg);
    transform: translate3d(0,-20px,0) rotate(90deg);
    opacity: 0;
}
*/




.icono_menu{
	height:25px;
}
.icono_menu_perfil{
	height:80px;
	width:80px;
	border-radius:100%;
}



textarea:focus, input:focus{
    outline: none;
}

.contenidos_administradores_left{
	width:140px;
	float:left;
	font-size:12px;
	text-align:left;
	margin:5px 0;
	margin-left:10px;
	color:#3C424C;
}
.contenidos_administradores_right{
	width:140px;
	float:left;
	font-size:12px;
	text-align:right;
	margin:5px 0;
	margin-right:10px;
	color:black;
	font-weight:700;
}
.texto_izq_contenidos_admin{
	
}
.texto_der_contenidos_admin{
	
}

/*
.contenedor_cuentas{
	width:300px;
	display:inline-block;
	margin:10px;
	box-shadow:0 0 3px 3px #DCDCDC;

}
.cont_cuentas_izquierdo{
	width:70px;
	height:50px;
	float:left;
	text-align:center;
}
.cont_cuentas_derecho{
	width:230px;
	height:50px;
	float:left;
}
.titulo_cuentas{
	margin:20px;
	text-align:center;
}
.imagen_cuentas{
	width:50px;
	height:50px;
}
.interlineado_cuentas{
	margin:10px 0;
}
.contenidos_cuentas{
	width:75px;
	float:left;
	font-size:12px;
	text-align:center;
}
.numero_contenidos_cuentas{
	font-size:20px;
}

textarea:focus, input:focus{
    outline: none;
}
*/

.arrow_nav{
	
}
.arrow_interlineado{
	margin-top:15px;
}
.arrow_nav_space{
	
	
}
.arrow_nav_select{
	color:#18C3BF;
	display:none;
	
}


.more_interlineado{
	margin-top:3px;
}














.floatleft{
	float:left;
}
.done{
	background:#DCDCDC;
}







.content_info{
   	font-size:12px;
   	border-bottom:1px solid gray;
   	margin:0 5%;
   	padding:10px 0;
   	height:100%;
   	/*display:inline-flex;
       display:inline-flex;
       * */
       
       /*
   	 * flex-wrap:wrap;
   	align-items:center;

       flex-wrap:wrap;
   	align-items:center;
   	flex-flow:row wrap;
   	*/
   	
   	
   	/*
   	 * FLEX
   	 *
   	
       
   	
   	*/
   	display:flex;
       flex-wrap:nowrap;
   	align-items:center;
   	justify-content:space-between;
   	
   	/*flex-flow:row wrap;*/
   	/*
   	 * justify-content:space-around;
       justify-content:space-around;
   	*/
   	
   	/*justify-content:space-between;*/
   	
   	width:90%;
   	
   }
   .content_info:last-child{
   	border-bottom:1px solid transparent;
   	margin-bottom:10px;
   }
   .content_info_desc{
   	
       /*
   	display:inline-flex;
       text-align:left;
       align-content: center;
   	align-self: center;
   	*/
   	color:#DCDCDC;
   	/*background:green;*/
   	
   	/*
       align-content: flex-start;
       flex-flow: row wrap;*/
   	
   	/*position: relative; top: 40%; transform: translateY(-50%);*/
   	/*align-self: flex-start;*/
   	
   	
   	
   	/*justify-self: start;*/
   	word-wrap: break-word;
   	
   	
	text-align:left;
   	
}
.content_info_text{
	/*
	display:inline-flex;
	align-content: flex-end;
	*/
	/*display:inline-block;*/
	color:gray;
	/*flex-flow: row wrap;*/
	text-align:right;
	/*background:red;*/
	margin-left:10px;
	/*align-self: flex-end;*/
	/*
	justify-self: right;
	*/
	word-wrap: break-word;
	
	overflow-wrap: break-word;
	word-wrap: break-word;
	-ms-word-break: break-all;
	/* This is the dangerous one in WebKit, as it breaks things wherever */
	word-break: break-all;
	/* Instead use this non-standard one: */
	word-break: break-word;

	/* Adds a hyphen where the word breaks, if supported (No Blink) */
	-ms-hyphens: auto;
	-moz-hyphens: auto;
	-webkit-hyphens: auto;
	hyphens: auto;
}

.pointer{
	cursor:pointer;
}
option{
	/*background:red;*/
	
}
.img_file_cloud{
	width:15px;
	height:15px;
	/*border-radius:100%;*/
	margin-right:10px;
}





.icono_menu_superior_cuentas_seccion{
	width:20px; height:20px; padding:3px 15px; background:#093142; border-radius:3px;
}


.box_content{
	width:467px;
	background:white;
	display:inline-block;
	margin:10px;
	box-shadow:0 0 10px 1px rgba(220,220,220, .5); ;
	border-radius:2px;
	/*padding:20px 0 20px 10px;*/
}

.box_gestion_unidad{
	width:300px;
	background:white;
	display:inline-block;
	margin:10px;
	box-shadow:0 0 10px 1px rgba(220,220,220, .5); ;
	border-radius:2px;
	/*padding:20px 0 20px 10px;*/
	text-align:left;
}
.box_secundario_gestion_unidad{
	padding-top:5px;
	padding-left:20px;
	margin-bottom:30px;
	color:gray;
	font-size:13px;
}
.titulo_box_gestion_unidad{
	font-weight:700;
	border-left:4px solid #1ECBC8;
	font-size:25px;
	margin:30px 0 0 0;
	padding-left:16px;
}
.subtitulo_box_gestion_unidad{
	font-weight:700;
}
.usuario_box_gestion_unidad{
	color:#1ECBC8;
}




.menu_yoin_cloud{
	
}

.tabla_conta_yoin_flex{
	display:flex;
	row-direction:column;
}
.tabla_conta_fijo_1{
	display:flex;
	row-direction:column;
	padding-left:5%;
	width:15%;
}
.tabla_conta_fijo_2{
	display:flex;
	row-direction:column;
	
	width:60%;
	overflow-x:auto;
}
.tabla_conta_fijo_3{
	display:flex;
	row-direction:column;
	padding-right:5%;
	width:15%;
}

.cont_conta_checkbox{
	width:40px;
}
.cont_conta_flecha{
	
}
.cont_conta_unidad{
	
}
.cont_conta_couta{
	min-width:140px !important;
	max-width:160px !important;
}
.cont_conta_pago{
	min-width:140px !important;
	max-width:160px !important;
}
.cont_conta_couta{
	min-width:140px !important;
	max-width:160px !important;
}
.cont_conta_castigos{
	min-width:140px !important;
	max-width:160px !important;
}
.cont_conta_gas{
	min-width:140px !important;
	max-width:160px !important;
}
.cont_conta_agua{
	min-width:140px !important;
	max-width:160px !important;
}
.cont_conta_luz{
	min-width:140px !important;
	max-width:160px !important;
}
.cont_conta_metodo_pago{
	min-width:140px !important;
	max-width:160px !important;
}
.cont_conta_domiciliado{
	min-width:140px !important;
	max-width:160px !important;
}
.cont_conta_saldo{
	min-width:140px !important;
	max-width:160px !important;
}







.icon_flotante_descargar{
	
}
.icon_flotante_renombrar{
	
}
.icon_flotante_eliminar{
	
}


.upload-btn-wrapper {
	position: relative;
	overflow: hidden;
	display: inline-block;
}


.upload-btn-wrapper input[type=file] {
	font-size: 100px;
	position: absolute;
	left: 0;
	top: 0;
	opacity: 0;
}
.cont_titulo_tabla_yoin_cloid{
	font-weight:400;
	margin-left:-15px;
	border-left:2px solid rgba(220, 220, 220, 0.5);
	padding-left:12px;
}

.flat_text_name_yoin_cloud{
	
}
.edit_text_name_yoin_cloud{
	display:none;
}

input[type=button] {
	border:none;
}
button{
	border:none;
}
input[type=button]:hover{
	box-shadow:3px 3px 6px rgba(0,0,0, .3);
}
button:hover{
	box-shadow:3px 3px 6px rgba(0,0,0, .3);
	background:orange;
}


.btn_permisos_yoin_cloud{
	width:159px;
	padding:10px 0;
	background:white;
	border:2px solid #D5D8DE;
	color:#9DA0A5;
	cursor:pointer;
	font-size:13px;
	text-align:center;
	border-radius:3px;
}

.btn_permisos_yoin_cloud_active{
	background:#093142;
	color:white;
	border-radius:3px;
}
.btn_permisos_yoin_cloud_enviar{
	width:159px;
	padding:10px 0;
	background:#1ECBC8;
	border:2px solid transparent;
	color:#9DA0A5;
	cursor:pointer;
	font-size:13px;
	text-align:center;
	color:white;
	margin-left:30px;
	border-radius:7px;
}
.btn_permisos_yoin_cloud_enviar:hover{
	box-shadow:0 3px 7px #1ECBC8;
}
/*
float:right;
		color:white; background:#1ECBC8; font-size:14px; padding:8px 32px; border-radius:5px;
		cursor:pointer;
		text-align:right;
		margin-top:15px;
		margin-right:65px;
		font-weight:700;
		font-family: Lato Regular,Montserrat,Roboto,Arial;
		
		display:flex; line-height:24px;
*/

.contenedor_amenidades{
	box-shadow: 0 3px 10px 1px rgba(220,220,220, .5);
	display:inline-block;
	padding:33px;
	margin:10px;
	background:white;
}
.contenedor_imagen_amenidades{
	display:flex;
	align-items:center;
}
.titulo_amenidades{
	font-size:24px;
	font-weight:700;
}
.texto_status_amenidades{
	font-size:12px;
	color:#1ECBC8;
	margin-bottom:30px;
	font-weight:700;
}
.thumb_amenidades{
	/*width:200px;*/
	width:180px;
	/*height:135px;*/
}
.texto_amenidades{
	color:gray;
	font-size:13px;
	padding:4px 0;
}
.subtexto_amenidades{
	color:black;
}


.thumb_logo_contabilidad{
	width:30px;
}

.contenedor_contabilidad{
	display:flex;
	margin:25px 0;
}
.cont_contabilidad_mes{
	width:40px;
	font-size:11px;
}
.cont_contabilidad_porcentaje{
	background:#1ecbc8;
	border-radius:5px;
	height:8px;
	margin:3px 0;
}
.cont_contabilidad_porcentaje_azul{
	background:#0A94F1;
	border-radius:5px;
	height:8px;
	margin:3px 0;
}
.cont_contabilidad_porcentaje_texto{
	margin-left:10px;
	font-size:11px;
	color:#1ecbc8;
}
.cont_contabilidad_porcentaje_texto_azul{
	margin-left:10px;
	font-size:11px;
	color:#0A94F1;;
}

.texto_deuda_contabilidad{
	color:#ec3838;
	font-size:13px;
}
.texto_monto_contabilidad{
	font-size:13px;
}
.texto_abonado_contabilidad{
	color:#1ECBC8;
	font-size:13px;
}
.texto_montos_contabilidad{
	margin-top:3px;
	font-size:10px;
	color:gray;
}


.bg_tabla_ingresos_contabilidad{
	display:flex;
	background:#F4F4F5;
	padding:12px 0;
}
.bg_tabla_ingresos_contabilidad2{
	display:flex;
	background:white;
	padding:12px 0;
}

.tabla_ingresos_contabilidad_titulo_mes{
	width:120px;
	border-right:1px solid white;
	color:white;
	font-size:13px;
}
.tabla_ingresos_contabilidad_titulo_couta{
	width:120px;
	border-right:1px solid white;
	color:white;
	font-size:13px;
}
.tabla_ingresos_contabilidad_titulo_descuento{
	width:120px;
	border-right:1px solid white;
	color:white;
	font-size:13px;
}
.tabla_ingresos_contabilidad_titulo_saldo{
	width:120px;
	border-right:1px solid white;
	color:white;
	font-size:13px;
}
.tabla_ingresos_contabilidad_titulo_email{
	width:160px;
	border-right:1px solid white;
	color:white;
	font-size:13px;
}


.tabla_ingresos_contabilidad_mes{
	width:120px;
	border-right:1px solid transparent;
	font-size:13px;
}
.tabla_ingresos_contabilidad_couta{
	width:120px;
	border-right:1px solid transparent;
	font-size:13px;
}
.tabla_ingresos_contabilidad_descuento{
	width:120px;
	border-right:1px solid transparent;
	font-size:13px;
}
.tabla_ingresos_contabilidad_saldo{
	width:120px;
	border-right:1px solid transparent;
	font-size:13px;
}
.tabla_ingresos_contabilidad_email{
	width:160px;
	border-right:1px solid transparent;
	font-size:13px;
}



.titulo_gestion_unidad_detalle{
	font-size:25px;
	text-align:left;
}
.intelineado_gestion_unidad{
	display:flex;
	border-bottom:1px solid gray;
	padding:5px;
	justify-content:space-between;
	font-size:13px;
	
}
.intelineado_gestion_unidad_izquierdo{
	display:flex;
	align-items:center;
	color:rgba(0,0,0,.5);
}
.intelineado_gestion_unidad_derecho{
	display:flex;
	align-items:center;
	padding:15px 0;
	color:rgba(0,0,0,.8);
}
.thumb_gestion_unidad_detalle{
	width:30px;
	border-radius:100%;
	margin-right:10px;
}

/*
.rol_usuario_principal, .rol_usuario_secundario{
	float:left;
	width:200px;
	text-align:center;
	padding:10px;
	padding-left:65px;
	background:#1ecbc8;
	border:1px solid gray;
}
*/
.rol_residentes{
	float:left;
	width:200px;
	text-align:center;
	padding:10px;
	background:#F9FAFD;
	cursor:pointer;
	/*border:1px solid gray;*/
	font-weight:700;
	color:#999DA3;
}
.rol_residentes:nth-child(1){
	border-right:1px solid gray;
	border-radius:5px 0 0 5px;
}
.rol_residentes:nth-child(2){
	border-left:1px solid gray;
	border-radius:0 5px 5px 0;
}

.sexo_residentes{
	float:left;
	width:200px;
	text-align:center;
	padding:10px;
	background:#F9FAFD;
	cursor:pointer;
	/*border:1px solid gray;*/
	font-weight:700;
	color:#999DA3;
}
.sexo_residentes:nth-child(1){
	border-right:1px solid gray;
	border-radius:5px 0 0 5px;
}
.sexo_residentes:nth-child(2){
	border-left:1px solid gray;
	border-radius:0 5px 5px 0;
}

.rol_usuario_principal{
	
}
.rol_usuario_secundario{
	
}
.rol_usuario_activo{
	/*background:1ecbc8;*/
	background:#1ecbc8;
	color:white;
}





.contenedor_izquierdo_detalle_instrucciones_entrada{
	position:fixed;
	top:0;
	bottom:0;
	left:0;
}
.contenedor_derecho_detalle_instrucciones_entrada{
	position:fixed;
	top:0;
	bottom:0;
	right:0;
}


.icons_anuncios{
	color:rgba(184, 190, 200, .6);
}
.icons_anuncios:hover{
	color:rgba(184, 190, 200, 1);
	cursor:pointer;
}


.visitantes_recientes{
	cursor:pointer;
}
.grupoinvitado{
	cursor:pointer;
}


.seleccion_invitados_active{
	background:#1ECBC8;
}


.contenedor_invitados{
	padding:5px; border:1px solid gray;
	min-width:120px; min-height:150px; margin-right:20px;
	text-align:left;
	
}



.calendario_fila_superior{
	display:flex;
	justify-content:space-around;
	font-size:14px;
}
.calendario_fila{
	/*
	display:flex;
	justify-content:space-around;
	*/
	font-size:12px;
	
}
.calendario_columna_principal{
	font-size:9px;
	border-right:1px solid transparent;
}
.calendario_columna_secundario{
	font-size:11px;
}
.calendario_columna{
	/*background:#EEEEEE;
	background:url('http://amdetur.org.mx/wp-content/uploads/2016/10/patron-diagonal.png');
	background:url('https://st2.depositphotos.com/6306540/12259/v/950/depositphotos_122596040-stock-illustration-seamless-pattern-of-subtle-diagonal.jpg');
	background:url('https://i.pinimg.com/originals/b8/10/a9/b810a96181bf310343954b86397eba69.jpg');
	*/
	
	background:url('../images/vinieta_diagonal.png');
	background-size:100% 100%;
	border-right:1px solid #DCDCDC;
	/*background-size:100% 100%;*/
	
}
.calendario_columna_active{
	/*background:orange;
	background:url('https://st2.depositphotos.com/1000487/8436/v/950/depositphotos_84364284-stock-illustration-diagonal-pattern.jpg');
	*/
	
	background:url('../images/vinieta_diagonal_active.png');
	background-size:100% 100%;
}

.calendario_columna, .calendario_columna_secundario, .calendario_columna_principal{
	width:12%;
	float:left;
	padding:10px 0;
}

.contenedor_textos_duales{
	display:flex;
	justify-content:space-between;
	font-size:13px;
	padding:10px 0;
	
}
.titulo_texto_superior_dual{
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	font-size:16px;
	font-weight:900;
}
.titulo_texto_dual{
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.texto_dual{
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
/*.contenedor_textos_duales>.texto_dual>.material-icons{*/
.texto_dual>.material-icons{
	color:#A8B0BC;
}

.titulo_formulario_principal>span{
	margin-right:20px;
}




.fw900{
	font-weight:900;
}



.super_contenedor_tabla{
	width:100%; margin:0 0%;
}
.super_contenedor_tabla_size{
	float:left; width:100%; overflow-x:auto;
}
.tabla_fila_titulo{
	height:24px; padding:3px 0; border:1px solid #DCDCDC; margin:3px 0; background: linear-gradient(to right, #7AC6BB , #0E8DAA); color:white;
}
.tabla_celda_titulo{
	float:left;
}

.tabla_fila{
	height:50px; padding:0 0; border-bottom:1px solid #DCDCDC; margin:0px 0; font-size:14px; color:gray;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	
	/**
	height:50px; padding:0 0; border:1px solid #DCDCDC; margin:3px 0; font-size:14px; color:gray;
	*/
}
/**
.tabla_fila:nth-child(2n){
	background:#FAFAFA;
}
.tabla_fila:nth-child(2n+1){
	background:#FFFFFF;

}
*/
.tabla_celda{
	float:left; display:flex; align-items:center; height:50px; justify-content:center;
}



/** Chat Nuevo */

.enlace_flotado_chat{
	margin-left:10px;
	width:30px; 
	height:60px; 
	background:#1ECBC8;
	-moz-border-radius:60px 0 0 60px;
	-webkit-border-radius:60px 0 0 60px;
	border-radius:60px 0 0 60px;
	margin-top:140px;
	cursor:pointer;
}
.enlace_flotado_chat_close{
	color:white;
	margin-top:18px;
	margin-left:5px;
}

.chat_condomino{
	background:#3C424C;
	color:white;
	padding:10px;
}
.chat_torre{
	background:#3C424C;
	color:white;
	padding:10px;
}
.chat_buscador_usuarios{
	background:#A5A8B2;
	padding:10px;
}
.contenedor_usuarios_chat{
	overflow-x:scroll;
}
.usuarios_chat{
	padding:10px;
	
	display:flex;
}
.usuarios_chat:hover{
	background:#1ECBC8;
	color:white;
	cursor:pointer;
}
/*
.usuarios_chat *:hover{
	background:#1ECBC8;
	color:white;
	cursor:pointer;
}
*/

.usuarios_chat_seleccionado{
	background:#1ECBC8;
	color:white;
}

.contenedor_menu_chat_superior{
	cursor:pointer;
}
.menu_chat_superior{
	width:27.3%;
	float:left;
	padding:20px 3%;
	font-size:20px;
	color:#A5A8B2;
	box-shadow:0px 2px 2px rgba(220,220,220,.5);
	border-bottom:4px solid transparent;
}
.menu_chat_superior_activo{
	border-bottom:4px solid #1ECBC8;
	color:#1ECBC8;
	box-shadow:0px 2px 2px rgba(220,220,220,.5);
	
}

#subseccion_chat{
	position:absolute; bottom:0px; top:65px; left:220px; right:0;
	background:#FEFEFE;
}

.contenedor_menu_chat_superior{
	position:absolute; top:0px; left:220px; right:0;
	background:white;
}
.contenedor_principal_conversacion_chat{
	position:absolute; bottom:70px; top:0px; left:0px; right:0;
	background:#FEFEFE;
}
.chat_enviado{
	float:right;
	margin-right:15px;
	padding:5px 0;
}
.chat_recibido{
	float:left;
	margin-left:15px;
	padding:5px 0;
}

.contenedor_principal_send_chat{
	position:absolute; bottom:0; height:65px; left:0px; right:0;
	box-shadow:0px -2px 2px rgba(220,220,220,.5);
	background:white;
}
.contenedor_input_chat{
	float:left;
	margin-left:20px;
	margin-top:13px;
}
input.input_field_chat{
	font-size:16px;
	padding:7px;
	border:2px solid rgba(220,220,220,.5);
	border-radius:5px;
	width:260px;
}
input.input_field_chat:focus{
	border:2px solid rgba(43,220,56,.5);
}
.contenedor_attach_chat{
	float:left;
	margin-top:20px;
	color:#7E8899;
	margin-left:10px;
}

.contenedor_send_chat{
	float:right;
	margin-right:20px;
	margin-top:10px;
}
.send_chat{
	background:#31C5C5;
	color:white;
	border-radius:100%;
	padding:10px;
	font-size:20px;
}


.btn_chat_fixed{
	position:fixed;
	right:0; top:0px;
	z-index:1;
}
.enlace_flotado_chat_open{
	color:white;
}




.chat_tickets{
	border-bottom:1px solid rgba(220,220,220,.5);
	padding:7px 15px;
	cursor:pointer;
}
.chat_tickets:hover{
	background:#1ECBC8;
}


.usuario_chat_nombre{
	float:left;
	width:100px;
	font-size:13px;
	display:flex;
	align-items:center;
	justify-content:center;
}
.usuario_chat_unidad{
	float:left;
	width:40px;
	font-size:12px;
	display:flex;
	align-items:center;
	justify-content:center;
	color:#A0AEB5;
}
.usuario_chat_unidad *:hover{
	color:white;
}


.usuario_chat_notificaciones{
	float:left;
	width:17px;
	height:17px;
	background:red;
	border-radius:10px;
	color:white;
	font-size:100%;
	font-size:10px;
	display:flex;
	align-items:center;
	justify-content:center;
}


.chat_contentedor_ticket_titulo{
	padding:5px 15px;
	background:white;
}
.chat_nombre_ticket{
	color:#A0AEB5;
}
.chat_descripcion_ticket{
	color:black;
}
.chat_nombre_archivo_adjunto{
	color:#1ECBC8;
}


.eliminar_encuesta{
	cursor:pointer;
	background:#1ECBC8;
	font-size:10px;
	padding:7px;
	color:white;
	width:100px;
	border-radius:7px;
	text-align:center;
}
.encuesta_detalle_titulo{
	
}
.encuesta_editar_titulo{
	display:none;
	
}
.encuesta_respuesta_detalle{
	
}
.encuesta_respuesta_editar{
	display:none;
}