body{
	font: 17px arial !important;
	-webkit-box-sizing: content-box !important;
	-moz-box-sizing: content-box !important;
	box-sizing: content-box !important;
	--fondo_web: #fff;
	--texto_web: #000;
	--nth_tr_content: #DEEEFE;
	--vinculo: #2d3efa;
	--nth_tr_cl_content: #000;
	--vinculoHvoer: #ff0000;
	--fondo_formulario: #f1fbfb;
	--texto-formulario: #000;
	--alto_page: 900px;
	--ancho_chat: 100px;
	--bg_divremite: #D8FBD2;
	--bg_divdestino: #FDFDFD;
	--color_div_chat: #000;
	--fondo_ficha: #E0EFF2;
}

td, th{
	padding: 5px;
	vertical-align: middle;
}


hr{
	margin: 0px !important;
	padding: 0px !important;
	margin-top: 4px !important;
	margin-bottom: 4px !important;
	border-color: rgb(238, 238, 238) rgb(238, 238, 238) rgb(238, 238, 238) !important;
}

*{
	-webkit-box-sizing: content-box !important;
	-moz-box-sizing: content-box !important;
	box-sizing: content-box !important;
}
table{
	font: 12.5px arial;
	max-width: 98%;
}
label{
	cursor: pointer;
}
label:hover{
	color: var(--vinculo);
}
title{
	background-color: #000000;
}
input:focus{
	outline:none !important;
	outline-width: 0 !important;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}
div:focus{
	outline:none !important;
	outline-width: 0 !important;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}
textarea:focus{
	outline:none !important;
	outline-width: 0 !important;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}
h2{
	margin: 0px !important;
	padding: 0px !important;
	font-weight: 700!important;
	line-height: normal !important;
	font-size: 19px !important;
	font-family: 'Trebuchet MS';
}

h3{
	margin: 0px !important;
	padding: 0px !important;
	font-weight: 700 !important;
	line-height: normal !important;
	font-size: 17px !important;
}

h4{
	margin: 0px !important;
	padding: 0px !important;
	font-weight: 600 !important;
	line-height: normal !important;
	font-size: 14px !important;
	color: #000078;
}

.recolector{
	display: none;
}

a{
	color: var(--vinculo);
}

#barra_lateral{
	position: fixed;
	left: 0px;
	top: 35px;
	bottom: 0px;
	width: 5px;
	background-color: #101010;
	animation: barra_lateral 1.5s 5;
	animation-direction: alternate;
	animation-fill-mode: forwards;
	animation-timing-function: ease-in-out;
}

.img_top{
	height: 48px;
	margin: 0px;
	padding: 0px;
}

.contenido{
	position: fixed;
	top: 50px;
	left: 33px;
	right: 0px;
	bottom: 0px;
	background-image: url(../images/pordefecto.png);
	background-size: cover;
	background-color: var(--fondo_web);
	color: var(--texto_web);
}

#contenido_zone{
	position: fixed;
	top: 51px;
	left: 51px;
	right: 0px;
	bottom: 0px;
	z-Index: 0;
}
fieldset{
	min-width: min-content !important;
	padding: 4.375px 9.375px 7.8125px !important;
	margin: 0px 2px !important;
	border: 2px groove rgb(192, 192, 192) !important;
}
.div00{
	min-width: 10px;
	display: inline-block !important;
	margin: 0px;
	padding: 0px;
	vertical-align: top;
}
.div2{width: 2%; display: inline-block; margin: 0px; padding: 0px; }
.div4{width: 4%; display: inline-block; margin: 0px; padding: 0px; }
.div5{width: 5%; display: inline-block; margin: 0px; padding: 0px; }
.div6{width: 6%; display: inline-block; margin: 0px; padding: 0px; }
.div7{width: 7%; display: inline-block; margin: 0px; padding: 0px; }
.div8{width: 8%; display: inline-block; margin: 0px; padding: 0px; }
.div9{width: 9%; display: inline-block; margin: 0px; padding: 0px; }
.div10{width: 10%; display: inline-block; margin: 0px; padding: 0px; }
.div13{width: 13%; display: inline-block; margin: 0px; padding: 0px; vertical-align: top; }
.div14{width: 14%; display: inline-block; margin: 0px; padding: 0px; vertical-align: top; }
.div15{width: 15%; display: inline-block; margin: 0px; padding: 0px; vertical-align: top; }
.div16{width: 16%; display: inline-block; margin: 0px; padding: 0px; vertical-align: top; }
.div19{width: 19%; display: inline-block; margin: 0px; padding: 0px; }
.div20{width: 20%; display: inline-block; margin: 0px; padding: 0px; }
.div22{width: 22%; display: inline-block; margin: 0px; padding: 0px; }
.div23{width: 23%; display: inline-block; margin: 0px; padding: 0px; }
.div24{width: 24%; display: inline-block; margin: 0px; padding: 0px; }
.div25{width: 25%; display: inline-block; margin: 0px; padding: 0px; }
.div29{width: 29%; display: inline-block; margin: 0px; padding: 0px; }
.div30{width: 30%; display: inline-block; margin: 0px; padding: 0px; }
.div31{width: 31%; display: inline-block; margin: 0px; padding: 0px; vertical-align: top;}
.div32{width: 32%; display: inline-block; margin: 0px; padding: 0px; vertical-align: top;}
.div33{width: 33%; display: inline-block; margin: 0px; padding: 0px; }
.div34{width: 34%; display: inline-block; margin: 0px; padding: 0px; }
.div35{width: 35%; display: inline-block; margin: 0px; padding: 0px; }
.div36{width: 36%; display: inline-block; margin: 0px; padding: 0px; }
.div38{width: 38%; display: inline-block; margin: 0px; padding: 0px; }
.div39{width: 39%; display: inline-block; margin: 0px; padding: 0px; }
.div40{width: 40%; display: inline-block; margin: 0px; padding: 0px; }
.div42{width: 42%; display: inline-block; margin: 0px; padding: 0px; vertical-align: top;}
.div44_5{width: 44.5%; display: inline-block; margin: 0px; padding: 0px; }
.div48{width: 48%; display: inline-block; margin: 0px; padding: 0px; }
.div49{width: 49%; display: inline-block; margin: 0px; padding: 0px; }
.div50{width: 50%; display: inline-block; margin: 0px; padding: 0px; }
.div59{width: 59%; display: inline-block; margin: 0px; padding: 0px; }
.div60{width: 60%; display: inline-block; margin: 0px; padding: 0px; vertical-align: top;}
.div64{width: 64%; display: inline-block; margin: 0px; padding: 0px; vertical-align: top;}
.div66{width: 66%; display: inline-block; margin: 0px; padding: 0px; vertical-align: top;}
.div69{width: 69%; display: inline-block; margin: 0px; padding: 0px; }
.div70{width: 70%; display: inline-block; margin: 0px; padding: 0px; }
.div72{width: 72%; display: inline-block; margin: 0px; padding: 0px; }
.div73{width: 73%; display: inline-block; margin: 0px; padding: 0px; }
.div74{width: 74%; display: inline-block; margin: 0px; padding: 0px; }
.div75{width: 75%; display: inline-block; margin: 0px; padding: 0px; }
.div77{width: 77%;display: inline-block;margin: 0px;padding: 0px;/* z-index: 10; */}
.div79{width: 79%; display: inline-block; margin: 0px; padding: 0px; }
.div80{width: 80%; display: inline-block; margin: 0px; padding: 0px; }
.div82{width: 82%; display: inline-block; margin: 0px; padding: 0px; }
.div84{width: 84%; display: inline-block; margin: 0px; padding: 0px; }
.div85{width: 85%; display: inline-block; margin: 0px; padding: 0px; }
.div89{width: 89%; display: inline-block; margin: 0px; padding: 0px; }
.div91{width: 91%; display: inline-block; margin: 0px; padding: 0px; }
.div93{width: 93%; display: inline-block; margin: 0px; padding: 0px; }
.div94{width: 94%; display: inline-block; margin: 0px; padding: 0px; }
.div96{width: 96%; display: inline-block; margin: 0px; padding: 0px; }
.div98{width: 98%; display: inline-block; margin: 0px; padding: 0px; }
.div100{width: 100%;display: inline-block;margin: 0px;padding: 0px;}
.div_Extend{
	width: 100%;
	display: inline-block;
	margin: 0px;
	padding: 0px;
	overflow-x: scroll;
	white-space: nowrap;
	height: 91%;
}
.winpr{
	width: 700px;
	position: fixed;
}
.title_winpr, title_winpr_print{
	height: 25px;
	width: 100%;
	background-color: var(--fondo_web);
	color: var(--texto_web);
	vertical-align: top;
	border-bottom: 1px dotted #c0c0c0;
	font-weight: bold;
}

.title_winpr img{

	max-height: 19px;
	
}

.title_winpr > .img_bar{

	background-color: #fff;

}

.title_winpr_print img{

	max-height: 19px;
	
}

.title_winpr_print > .img_bar{

	background-color: #fff;

}

.title_winpr_no{
	height: 25px;
	width: 100%;
	background: -webkit-linear-gradient(top, #EFF2F3, #C0C9CD);
	color: #000000;
	vertical-align: top;
}
.title_winpr_no img {
	height: 88%;
}
.title_winpr_des{

	height: 25px;
	width: 100%;
	color: #000000;
	vertical-align: top;
	font-weight: bold;
	border-bottom: 1px solid #ffffc0;background-color: #6d695c;
	background-color: #B0AFAA;
	opacity: 0.5;
}
.title_winpr_des img{
	max-height: 19px;
}

.mensaje_area{
	width: 96%;
	padding: 2%;
	background-color: var(--fondo_web);
	color: var(--texto_web);
	margin-right: 0px !important;
	padding-right: 0px !important;
}

.msgBox .mensaje_area{
	padding-left: 2% !important;
	/* padding-top: 2% !important; */
	padding-right: 2% !important;
	/* padding-right: 2% !important; */
}
#show_message_alter3{
	position: fixed;
	width: 500px;
	z-index: 20;
	display: none;
	border: 1px solid #dddddd;
	border-radius: 5px 5px 0px 0px;
	box-shadow: 10px 10px 10px 5px rgba(0,0,0,0.36);
	padding: 0%;
}
#show_message_alter3 .mensaje_area{
	padding: 2% !important;
}
.msgBox{
	border: 1px solid #0075d5;
}

.ventana_abierta{
	vertical-align: middle;
	margin-top: 4px;
	height: 28px;
	min-width: 30px;
	max-width: 50px;
	display: inline-block;
	display: none;
	z-Index:3;
	border-radius: 50%;
	text-align: center;
}
.ventana_abierta:hover{
	border: 1px solid #3B6EA5;
}
.ventana_abierta img{
	height: 28px;
}
.ventana_cerrada{
	vertical-align: middle;
	margin-top: 4px;
	height: 28px;
	border: 1px solid #BBBBBB;
	min-width: 30px;
	max-width: 50px;
	display: inline-block;
	display: none;
}
.ventana_cerrada:hover{
	border: 1px solid #3B6EA5;
}
.ventana_cerrada img{
	height: 28px;
}
.msgBox, #show_message, #show_message_alter, #show_message_alter2, #mensajes, #operaciones{
	position: fixed;
	width: 500px;
	z-index: 20;
	display: none;
	border: 1px solid #dddddd;
	border-radius: 5px 5px 0px 0px;
	box-shadow: 10px 10px 10px 5px rgba(0,0,0,0.36);
}
.msgBox, #show_message, #show_message_alter, #show_message_alter2, #show_message_alter3{
	border: 1px solid #666666;
}
#show_message_alter2{
	z-Index: 21;
}
#show_message_alter2{
	z-Index: 23;
}
#mensajes{
	z-Index: 24;
}
#presentacion{
	position: fixed;
	width: 99%;
	height: 99%;
	z-index: 4;
	display: none;
	border: 1px solid #dddddd;
	z-index: 25;
}
#main_menu{
	width: 180px;
	min-height: 25px;
	background-color: #fff;
	z-index: 4;
	position: fixed;
	top: 39px;
	left: 0px;
	display: none;
	-webkit-box-shadow: 10px 10px 10px 5px rgba(0,0,0,0.36);
	-moz-box-shadow: 10px 10px 10px 5px rgba(0,0,0,0.36);
	box-shadow: 10px 10px 10px 5px rgba(0,0,0,0.36);
}
.item_menu{
	width: 96%;
	vertical-align: middle;
	display: inline-block;
	height: 25px;
	padding: 2%;
	background-color: var(--fondo_ficha);
	color: var(--texto_web);
}
.item_menu img{
	height: 21px;
}

.item_menu:hover{
	background-color: #162455;
	color: #fff;
}

.ventana{
	position: fixed;
	display: none;
	border: 1px solid #cccccc;
	background-color: var(--fondo_web);
	color: var(--texto_web);
	-webkit-box-shadow: 10px 10px 10px 5px rgba(0,0,0,0.36);
	-moz-box-shadow: 10px 10px 10px 5px rgba(0,0,0,0.36);
	box-shadow: 10px 10px 10px 5px rgba(0,0,0,0.36);
	top: 50px;
	left: 50px;
	right: 0px;
	bottom: 0px;
}

.item_lst{
	width: 90%;
	margin-left: 8%;
	text-align: left;
}

.item_lst:hover{
	background-color: #AEDBF1;
}
.item_lst:active{
	background-color: #4495C2;
	color: #fff;
}
.text-titulo{
	font: 1.2em tahoma;
}

.item_mensaje_sin_leer{
	vertical-align: middle;
	display: inline-block;
	width: 100%;
	/*height: 30px;*/
	background-color: #00ffee;
	color: #000;
	border-bottom: 1px solid #cccccc;
	padding-top: 8px;
	padding-bottom: 8px;
}

.item_mensaje{
	vertical-align: middle;
	display: inline-block;
	width: 100%;
	/*height: 30px;*/
	background-color: var(--fondo_web);
	color: var(--texto_web);
	border-bottom: 1px solid #cccccc;
	padding-top: 8px;
	padding-bottom: 8px;
}
.item_mensaje:hover{
	background-color: #AEDBF1;
}
.item_mensaje:active{
	color: #AEDBF1;
	background-color: #000000;
}
.item_mensaje_new{
	vertical-align: middle;
	display: inline-block;
	width: 100%;
	height: 30px;
	background-color: var(--fondo_formulario);
	border-bottom: 1px solid #cccccc;
	font-weight: bold;
	color: #000;
}
.item_mensaje_new:hover{
	background-color: #4DB1E1;
}
#context_menu{
	position: fixed;
	width: 160px;
	min-height: 24px;
	text-align: left;
	border: 1px solid #474747;
	background-color: #BFBFBF;
	display: none;
	z-Index: 201;
	-webkit-box-shadow: 10px 10px 10px 5px rgba(0,0,0,0.36);
	-moz-box-shadow: 10px 10px 10px 5px rgba(0,0,0,0.36);
	box-shadow: 10px 10px 10px 5px rgba(0,0,0,0.36);
}
.item_menu_bg{
	width: 91%;
	vertical-align: top;
	height: 24px;
	padding-left: 15px;
	cursor: default;
}
.item_menu_bg:hover{
	background-color: #000078;
	color: #fff;
}
.item_menu_bg img{
	height: 22px;
}
.panel_list_modern{
	width: 95.4%;
	margin: 1%;
	padding: 1%;
	vertical-align: bottom;
	text-align: left;
}
.pest_app_active{
	border-top: 1px solid #0ad80a;
	border-left: 1px solid #fff;
	border-right: 1px solid #000000;
	border-radius: 0px 5px 0px 5px;
	padding: 2px 6px 2px 6px;
	height: 19px;
	padding-left: 6px;
	padding-right: 6px;
	display: inline-block;
	transform: translate(0px, 1px);
	background-color: #00ffee;
	color: #000;
	border-top: 1px solid #37ff00;
	margin: 1.5px 1.5px 5px 1.5px;
	border-right: 1px solid #77ff00;
	box-shadow: 3px 3px 3px 2px rgba(0,0,0,0.15);
	cursor: pointer;
}
.pest_app_inactive{
	height: 19px;
	padding: 1px;
	padding-left: 6px;
	padding-right: 6px;
	display: inline-block;
	transform: translate(0px, 1px);
	box-shadow: 3px 3px 3px 2px rgba(0,0,0,0.15);
	border-radius: 0px 5px 0px 5px;
	border-top: 1px solid #fff;
	border-right: 1px solid #fff;
	margin: 1.5px 1.5px 5px 1.5px;
}
.pest_app_inactive:hover{
	border-top: 1px solid #FFCF9B;
	border-right: 1px solid #FFCF9B;
	height: 19px;
}
.capa_vis_list_moder{
	clear: both;
	width:99%;
	max-height: 85%;
	min-height: 5%;
	background-color: var(--fondo_web);
	color: var(--texto_web);
	overflow: auto;
}
.hijo_capa_vis_list_moder{
	width: 100%;
	height: 90.15%;
	position: absolute;
	background-image: url("../images/fondo_1.png");
}
.item_list{
	width: 94%;
	padding-left: 4%;
	line-height: 30px;
	vertical-align: middle;
	margin: 1px;
	cursor: pointer;
}

.item_list:hover{
	background-color: #a1cbee;
}
.content_center_white{
	width: 97%;
	margin: 1%;
	height: 88%;
	background-color: #fff;
	border-top: 1px solid #000000;
	border-left: 1px solid #000000;
	border-bottom: 1px solid #fff;
	border-right: 1px solid #fff;
	overflow: auto;
}
.img_btn_cls{
	height: 20px;
}
.boton{
	padding: 0.5px;
	display: inline-block;
	margin: 0.5px;
	background-color: #fff;
	border-left: 1px solid #fff;
	border-top: 1px solid #fff;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
	border-radius: 20px;
	color: #000000;
	box-shadow: 3px 3px 3px 2px rgba(0,0,0,0.36);
}
.boton:active{
	border: 1px solid #1E3356;
	background-color: #cccccc;
	color: #1E3356;
	box-shadow: 3px 3px 3px 2px rgba(0,0,0,0.36);
}
.boton:focus{
	border-bottom: 1px solid #FF8000;
}
.boton:hover{
	border-bottom: 1px solid #FF8000;
}
.boton img{
	height: 22px;
}
.boton > .div00{
	vertical-align: middle;
}
.boton_w{
	padding: 1px;
	display: inline-block;
	margin: 1px;
	background-color: #fff;
	/* border-left: 1px solid #1D355A; */
	/* border-top: 1px solid #1D355A; */
	/* border-right: 1px solid #1D355A; */
	/* border-bottom: 1px solid #1D355A; */
	border-radius: 20px;
	color: #1D355A;
}
input[type="button"]{
	padding: 5px;
	border-radius: 15px;
}
.burbuja{
	width: 15%;
	position: fixed;
	z-index: 10;
	right: 0px;
	bottom: 0px;
	min-height: 20px;
	margin-bottom: 2px;
	background-color: #FFFF80;
	border: 1px solid #515100;
	border-radius: 5px;
}

.divremite{
	margin-top: 15px;
	margin-left: 10%;
	width: 80%;
	border-radius: 20px;
	padding: 15px;
	border: 1px solid 035D4D;
	background-color: var(--bg_divremite);
	color: var(--color_div_chat);
	text-align: justify;
	margin-bottom: 4px;
	box-shadow: 5px 5px 5px 2px rgba(0,0,0,0.25);
}

.divdestino{
	margin-top: 15px;
	margin-left: 2%;
	width: 80%;
	border-radius: 20px;
	padding: 15px;
	border: 1px solid var(--bg_divdestino);
	background-color: var(--bg_divdestino);
	color: var(--color_div_chat);
	text-align: justify;
	margin-bottom: 4px;
	box-shadow: 5px 5px 5px 2px rgba(0,0,0,0.25);
}

.divdestino span{
	float: right;
}

.divremite span{
	float: right;
}
.tr_tbl:hover{
	background-color: #C5D9FE;
}
#operaciones{
	display: none;
	position: fixed;
	left: 50px;
	top: 50px;
	right: 50px;
	bottom: 50px;
	margin: 0px;
	padding: 0px;
	z-index: 6;
}
.layer_emoticon{
	width: 50px;
	position: absolute;
	height: 50px;
	background-color: #fff;
	z-index: 7;
}
.celd_table_100 img{
	width: 100%;
}
.celd_color{
	width: 15px;
	height: 22px;
	display: inline-block;
	margin: 1px;
	border-left: 1px solid #fff;
	border-top: 1px solid #fff;
	border-right: 1px solid #000000;
	border-bottom: 1px solid #000000;
}
.celd_color:active{
	border-left: 1px solid #000000;
	border-top: 1px solid #000000;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
}
.capa_seleccion{
	border: 1px dotted #000000;
	text-align: center;
	padding-top: 20px;
	padding-bottom: 20px;
}
.capa_seleccion:hover{
	background-color: #D7D7D7;
}
.formulario{
	width: 90%;
	padding: 3px;
	background-color: var(--fondo_formulario);
	border-radius: 5px;
	border: 1px solid #C1CACE;
	margin-bottom: 5px;
	color: var(--texto-formulario) !important;
}
.formulario:active{
	background-color: #D7DDDF;
	border: 1px solid #9AA9AF;
}
.formulario:focus{
	background-color: #D7DDDF;
	border: 1px solid #9AA9AF;
}
.resultado_ok{
	background-color: #00FF00;
	color: #000000;
	width: 100%;
	text-align: center;
}
.resultado_error{
	background-color: #FFAAAA;
	color: #000000;
	width: 100%;
	text-align: center;
}
.alert_img{
	position: absolute;
	float: right;
	width: 25px;
}
.alert_img img{
	width: 25px;
	height: 25px;
}
.item_found{
	width: 98%;
	padding: 1%;
	background: -webkit-linear-gradient(top, #cccccc, #eeeeee);
}
.item_found:hover{
	background: -webkit-linear-gradient(top, #3399ff, #3399ff);
}
.item_curso{
	border-radius: 15px;
	border: 3px dotted #0000ff;
	background-color: #A4D1FF;
	margin: 10%;
	padding: 10%;
	padding-top: 1px;
	padding-bottom: 1px;
	margin-top: 1px;
	margin-bottom: 1px;
	cursor: pointer;
}
.item_curso:hover{
	background-color: #5EAEFF;
}
.item_curso:active{
	background-color: #004080;
	color: #fff;
	border: 3px dotted #FFFF00;
}
.img_20{
	height: 20px;
}
.barra_progreso{
	width: 200px;
	height: 20px;
	padding: 1px;
	border: 1px solid #0000ff;
	text-align: left;
	display: inline-block;
}

.barra_progreso_proyecto{
	width: 100%;
	padding: 1px;
	border: 1px solid #3cff00;
	text-align: left;
	display: inline-block;
}
#barra{
	height: 20px;
	background: -webkit-linear-gradient(top, #004080, #0080FF);
	display: inline-block;
	vertical-align: middle;
	color: #cccccc;
}
.simbolo_expandir{
	height: 13px;
	width: 13px;
	margin: 2px;
	border-radius: 3px;
	display: inline-block;
	border: 1px solid #575757;
	background-color: #D6D6D6;
	color: #575757;
	vertical-align: top;
	text-align: center;
}
.simbolo_expandir:hover{
	background-color: #CFCFCF;
}
.simbolo_expandir:active{
	background-color: #BBE9FF;
}
.div_oculto{
	display: none;
}
.item_sel{
	clear: both;
	margin-left: 10px;
	border-left: 1px dotted #000000;
}
.item_sel:hover{
	color: #0000ff;
}
.layer_adjunto{
	width: 80px;
	height: 78px;
	border: 1px dotted #102E02;
	background-color: #BBE9FF;
	cursor: pointer;
	display: inline-block;
	text-align: center;
	vertical-align: top;
}
.layer_adjunto:hover{
	background-color: #75D2FF;
}
.layer_adjunto img{
	max-width: 100%;
}
.area_remitentes{
	position: relative;
}
.area_remitentes:hover > .div_absolute:first-child{
	display: inline-block;
	z-index: 4;
}
.div_absolute{
	position: absolute;
	width: 92%;
	border: 1px solid #cccccc;
	background-color: #E1E1E1;
	display: none;
	z-index: 4;
	transform: translate(0px, 75px);
}
.area_remitentes1{
	position: relative;
}
.area_remitentes1:hover > .div_absolute1:first-child{
	display: inline-block;
}
.div_absolute1{
	position: absolute;
	width: 92%;
	border: 1px solid #cccccc;
	background-color: #E1E1E1;
	display: none;
	z-index: 3;
	transform: translate(0px, 23px);
}
.area_remitentes2{
	position: relative;
}
.area_remitentes2:hover > .div_absolute2:first-child{
	display: inline-block;
}
.div_absolute2{
	position: absolute;
	width: 92%;
	border: 1px solid #cccccc;
	background-color: #E1E1E1;
	display: none;
	z-index: 3;
	transform: translate(0px, 23px);
}

.format_select{
	background-color: var(--fondo_formulario);
	color: var(--texto-formulario);
	cursor: pointer;
	margin: 0px;
	padding: 0px;
}

.format_select:hover{
	background-color: var(--nth_tr_content);
	color: var(--nth_tr_cl_content);
}
.item_destinatario{
	border: 1px solid #cccccc;
	border-radius: 3px;
	background-color: #E1E1E1;
	color: #000;
	text-align: left;
	display: inline-block;
	margin: 3px;
}
.divleft{
	text-align: left;
}
.divright{
	text-align: right;
}
.divcenter{
	text-align: center;
}
.divjustify{
	text-align: justify;
}

.divpadre{
	position: relative;
	z-Index: 5;
	cursor: pointer;
}

.divhijo{
	position: absolute;
	z-Index: 15;
	transform: translate(-152px, 32px);
	border: 1px solid #cccccc;
	width: 150px;
	display: none;
	box-shadow: 5px 5px 5px 2px rgba(0,0,0,0.25);
}

.divpadre:hover > .divhijo{
	display: inline;
	z-Index: 15;
}

.divhijo_menu_i{
	position: absolute;
	z-Index: 15;
	transform: translate(-42px, 38px);
	border: 1px solid #cccccc;
	width: 150px;
	display: none;
	box-shadow: 5px 5px 5px 2px rgba(0,0,0,0.25);
	background-color: #efeff5;
}

.divpadre:hover > .divhijo_menu_i{
	display: inline;
	z-Index: 15;
}

.divhijo_menu_m{
	position: absolute;
	z-Index: 15;
	transform: translate(-22px, 18px);
	border: 1px solid #cccccc;
	width: 200px;
	display: none;
	box-shadow: 5px 5px 5px 2px rgba(0,0,0,0.25);
	background-color: #efeff5;
}

.divpadre:hover > .divhijo_menu_m{
	display: inline;
	z-Index: 15;
}

.divhijo_menu_d{
	position: absolute;
	z-Index: 15;
	transform: translate(-205px, 38px);
	border: 1px solid #cccccc;
	width: 200px;
	display: none;
	box-shadow: 5px 5px 5px 2px rgba(0,0,0,0.25);
	background-color: #efeff5;
	transition: display 0.5s;
	text-align: left;
}

.divpadre:hover > .divhijo_menu_d{
	display: inline;
	z-Index: 15;
}

.divhijo_menu_e{
	position: absolute;
	z-Index: 15;
	transform: translate(-155px, 18px);
	border: 1px solid #cccccc;
	width: 150px;
	display: none;
	box-shadow: 5px 5px 5px 2px rgba(0,0,0,0.25);
	background-color: #efeff5;
	transition: display 0.5s;
}

.divpadre:hover > .divhijo_menu_e{
	display: inline;
	z-Index: 15;
}

.divhijo1{
	position: absolute;
	z-Index: 15;
	transform: translate(14px, 0px);
}
.divhijo_loading{
	position: absolute;
	width: 100%;
	height: 100%;
	background-image: url('../images/fondo_1.png');
}
.boton_off{
	border-radius: 10px;
	width: 20px;
	height: 10px;
	padding: 2px;
	cursor: pointer;
	border: 1px solid #C0C0C0;
	background-color: #D3D3D3;
}
.boton_on{
	border-radius: 10px;
	width: 20px;
	height: 10px;
	padding: 2px;
	cursor: pointer;
	border: 1px solid #0000ff;
	background-color: #1FA3E9;
}
.bola{
	border-radius: 30px;
	background-color: #fff;
	width: 10px;
	height: 10px;
}
.div20px{
	width: 30px; display: inline-block;
	border-left: 1px solid #99FFFF;
}
.div20pxcampo{
	width: 31px; display: inline-block;
	border-top: 0.01em solid #cccccc;
	border-left: 0.01em solid #cccccc;
	border-bottom: 0.01em solid #bbbbbb;
	border-right: 0.01em solid #bbbbbb;
	height: 22px;
	resize: none;
	overflow-y: hidden;
}
.div20pxcampo:focus{
	border-color: #ff8000;
	outline: 0 none;
}
.divheight20{
	height: 22px;
	width: 100%;
}
.campo_gris{
	background-color: #DADADA;
}
.camp_10{
	background-color: #F9F7C4;
}
.camp_20{
	background-color: #FAF16E;
}
.camp_30{
	background-color: #F8ED46;
}
.camp_40{
	background-color: #C3DA92;
}
.camp_50{
	background-color: #8EC967;
}
.camp_60{
	background-color: #65B344;
}
.icon_guardar{
	position: fixed;
	bottom: 0px;
	right: 0px;
	z-Index: 9;
}
.ln_bt{
	border-bottom: 1px dotted #000000;
	border-right: 1px dotted #000000;
}
.form_checkbox{
	display: inline-block; margin: 0px; padding: 0px;
	vertical-align: top;
}
.h3_title{
	margin-bottom: 0px;
}
.boton_seccion{
	width: 130px;
	height: 130px;
	vertical-align: middle;
	display: inline-block;
	text-align: center;
	cursor: pointer;
	margin-bottom: 35px;
	border-radius: 10px 10px 0px 0px;
	border: 1px solid #ffffffff;
}
.boton_seccion:hover{
	background: -webkit-linear-gradient(top, #E4F4FC, #ACDCF7);
	background: linear-gradient(top, #E4F4FC, #ACDCF7);
	border: 1px solid #3C7FB1;
}
.boton_seccion:active{
	background: -webkit-linear-gradient(top, #D3ECF9, #86C6E8);
	background: linear-gradient(top, #D3ECF9, #86C6E8);
}
.boton_seccion > img{
	margin-bottom: 5px;
}
.table_main{
	display: table;
	width: 98%;
	border-right: 1px solid #bbbbbb;
	border-bottom: 1px solid #bbbbbb;
}
.title_table{
	display: table-caption;
	text-align: center;
	font-weight: bold;
	font-size: larger;
}
.table_rows_head{
	display: table-row;
	background: -webkit-linear-gradient(top, #0000ff, #B3B3FF);
	color: #fff;
}
.table_rows_item{
	display: table-row;
	border-left: 1px solid #bbbbbb;
}
.table_cols{
	display: table-cell;
	border-top: 1px solid #bbbbbb;
	vertical-align: top;
	border-left: 1px solid #bbbbbb;
}
.img_close{
	float: right;
	height: 19px;
}
.layer_spand{
	 width: 92%;
	 border: 1px solid #000000;
	 padding: 2%;
	 margin: 2px;
}
.content_ocult_option{
	display: none;
}
.object_document{
	width: 94%;
	padding: 1%;
	border: 1px solid #cccccc;
	background-color: #fff;
}
.table_forms_previa{
	border-collapse: collapse;
	width: 100%;
	border-color: #000000;
}
.layer_vista_forms{
	right: 0px;
	bottom: 0px;
	position: fixed;
	background-color: #fff;
}
.divtbl{
	border: 1px solid #000000;
	border-right: 0px;
	display: inline-table;
	padding-bottom: 2px;
	padding-top: 2px;
}
.no_border_top{
	border-top: 0px;
}

.no_desbordar{
	word-wrap: break-word; /* Para navegadores más antiguos */
    overflow-wrap: break-word; /* Para navegadores modernos */
    white-space: normal; /* Permite que el texto se ajuste a la siguiente línea */
}

.form_data{
	border: 1px solid #cccccc;
	margin-left: 5px;
	max-width: 50%;
	float: right;
	display: inline-flex;
}
.form_data:focus{
	outline:none !important;
	outline-width: 0 !important;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}
.gradient_top{
	background: -webkit-linear-gradient(top, #D3D3D3, #EBEBEB);
}
input[type="file"]{
	width: 0.1px;
	height: 0.1px;
	opacity: 0;
	overflow: hidden;
	position: absolute;
	z-index: -1;
}
.div_custom{
	 position: relative;
	 background-color: #fff;
	 color: #15283b;
	 display: inline-block;
	 padding: 4px;
	 border-radius: 5px;
	 cursor: pointer;
	 border: 1px solid #1D355A;
}
.div_custom:hover{
	 background-color: #7EA6D1;
	 color: #000000;
}
.div_custom:active{
	 background-color: #7EA6D1;
	 color: #fff;
}
.verticaltop{
	 vertical-align: top;
}
.border_top{
	 border-top: 1px dotted #cccccc;
}
.preset_pd_1{
	width: 98%;
	padding: 1%;
	overflow: auto;
	height: 90%;
}

.borderblack{
	border: 1px solid #cccccc;
}

.overflow{
	overflow: auto;
}

.tr_content{
	cursor: pointer;
}

.tr_content:hover{
	background-color: var(--nth_tr_content);
	color: var(--nth_tr_cl_content);
}

.tr_content:active{
	background-color: #82BEFB;
	color: #fff;
}

.tr_content:nth-child(even) {
	background-color: #d7d8cf3d;
}

.tr_content:nth-child(even):hover {
	background-color: var(--nth_tr_content);
	color: var(--nth_tr_cl_content);
}

.tr_content:nth-child(even):active {
	background-color: #82BEFB;
	color: #fff;
}

.form_chat{
	width: 84%;
	display: inline-block;
	border-radius: 0px 0px 0px 10px;
}
.send_message{
	width: 14%;
	display: inline-block;
	background-color: #0046D9;
	color: #fff;
	border: 1px solid #FF8B3E;
}
.noborder_hover:focus{
	border: 0px;
	outline:none !important;
	outline-width: 0 !important;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}
.capa1:hover > .capa2{
	display: inline;
	z-Index: 25;
}
.option_list{
	width: 100%;
	height: 17px;
	clear: both;
	cursor: pointer;
}
.option_list:hover{
	background-color: #0E0E80;
	color: #fff;
}
.option_list:active{
	background-color: #1616C9;
	color: #fff;
}
.item_destinatario{
	border: 1px solid #cccccc;
	border-radius: 3px;
	background-color: #E1E1E1;
	text-align: left;
	display: inline-block;
	margin-left: 3px;
}
.notify{
	border-radius: 9px;
	background-color: #f00;
	color: #fff;
	padding-left: 3px;
	padding-right: 3px;
	padding-bottom: 2px;
	position: absolute;
	z-Index: 15;
	transform: translate(14px, 0px);
}
.area_notificaciones{
	position: absolute;
	border: 1px solid #cccccc;
	right: 0px;
	width: 300px;
	background-color: #E2E2E2;
}
.div_notify_unread{
	clear: both;
	width: 99%;
	cursor: pointer;
	background-color: var(--fondo_ficha);
	border: 1px solid var(--texto_web);
	vertical-align: middle;
	padding-top: 5px;
	padding-bottom: 5px;
	color: var(--texto_web);
}
.div_notify_unread:hover{
	color: var(--fondo_ficha);
	background-color: var(--texto_web);
}
.div_notify_read{
	clear: both;
	width: 99%;
	cursor: pointer;
	background-color: #fff;
	border: 1px solid #D2D2D2;
	vertical-align: middle;
	padding-top: 5px;
	padding-bottom: 5px;
	color: #111111;
}
.div_notify_read:hover{
	border: 1px solid #12A6A6;
	background-color: #BEF8F8;
}
.min_margin{
	padding: 5px;
	margin: 0px;
}
.borderright{
	border-right: 1px dotted #aaaaaa;
}
.borde_celda{
	vertical-align: top;
	border-top: 1px solid #cccccc;
	min-height: 23px;
}
.text_bk{
	font-weight: bold;
}
.greenback{
	background: -webkit-linear-gradient(top, #00FF00, #75FF75, #00FF00);
	color: #000;
	border-bottom: 1px solid #FB00A9;
}
.orangeback{
	background: -webkit-linear-gradient(top, #FF8040, #FFAA82, #FF8040);
	color: #000000;
	border-bottom: 1px solid #FB00A9;
}
.dh40{
	height: 40px;
}
.borderlrorange{
	border-left: 1px solid #cccccc;
}
.img_miniatura{
	width: 30%;
	border: 1px solid #3B6EA5;
	cursor: pointer;
	padding: 5px;
	margin: 3px;
	vertical-align: top;
}
.img_miniatura:hover{
	border: 1px solid rgb(225, 120, 28);
}
.item_question{
	padding: 3px;
}
.text_blue{
	color: #0000ff;
}
.text_black{
	color: #000000;
}
.col_filtro{
	position: relative;
}
.campo_filtro{
	position: absolute;
	display: none;
	width: 200px;
	background-color: #fff;
	text-align: left;
	color: #000000;
	max-height: 500px;
}
.col_filtro:hover > .campo_filtro{
	display: inline;
}
.vinculo{
	color: var(--vinculo);
	cursor: pointer;
}
.vinculo:hover{
	color: var(--vinculoHvoer);
	text-decoration: underline;
}
.item_filter{
	border: 1px solid #cccccc;
	background: -webkit-linear-gradient(top, #D2D2D2, #E4E4E4);
	cursor: pointer;
	display: inline-block;
	border-radius: 5px;
	color: #000000;
	margin-left: 2px;
	margin-right: 2px;
}
.item_filter:hover{
	background: -webkit-linear-gradient(bottom, #D2D2D2, #E4E4E4);
}
.item_filter img{
	height: 13px;
}
.item_filter .imgBig{
	height: 22px;
}
.divtop{
	vertical-align: top;
}
.center_top_vertical{
	 vertical-align: middle;
	 text-align: center;
}
.explorador{
	border: 1px solid #146FC9;
	height: 400px;
}
.img_file{
	max-height: 25px;
	max-width: 25px;
}
.img_file:hover{
	background-color: #E1E1E1;
}
.sidenav {
	height: 100%;
	width: 50px;
	position: fixed;
	top: 50px;
	left: 0;
	background-color: #14311b;
	overflow-x: hidden;
	transition: 0.5s;
	padding-top: 5px;
	box-shadow: 5px 5px 5px 2px rgba(0,0,0,0.25);
}
.expandirBarra{
	width: 250px;
}
.contraerBarra{
	width: 50px;
}
.td_acciones{
	width: 130px;
}
.td_acciones_extend{
	width: 163px;
}
@media screen and (max-height: 450px) {
	.sidenav {
		padding-top: 15px;
	}
	.sidenav a {
		font-size: 18px;
	}
}
.itemGeneral{
	width: 150px;
	height: 150px;
	margin: 2px;
	font: 2em tahoma;
	display: inline-block;
	cursor: pointer;
}
.itemGeneral:hover{
	opacity: 0.8;
}

.capa_login_new{
	border-radius: 15px;
	top: 40px;
	right: 40px;
	bottom: 40px;
	position: fixed;
	width: 28%;
	z-index: 150;
	background-color: var(--fondo_web);
	color: var(--texto_web);
	padding: 1%;
	min-width: 210px;
	box-shadow: 10px 10px 10px 5px rgba(150, 148, 148, 0.36);
}

.capa_accesos{
	position: fixed;
	padding-left: 15%;
	bottom: 100px;
	width: 50%;
	height: auto;
}

.capa_accesos img{
	width: 26%;
	padding: 2%;
	display: inline-block;
}

.itemGeneral:active{
	opacity: 0.4;
}
.item1{
	background-color: #0080FF;
	color: #fff;
}
.item2{
	background-color: #7E00FF;
	color: #fff;
}
.item3{
	background-color: #D8006C;
	color: #fff;
}
.item4{
	background-color: #D56A00;
	color: #fff;
}
.flecha_inicio{
	position: absolute;
	top: 150px;
	left: 200px;
	height: 30px;
	animation-name: flecha_inicio_animada;
	animation-duration: 3s;
 	animation-iteration-count: 2;
}

@keyframes flecha_inicio_animada {
 0%{
 left: 200px;
 }
	50%{
 left: 30px;
 }
	100%{
 left: 200px;
 }
}
.item_special{
	width: 250px;
	padding-top: 2px;
	padding-bottom: 2px;
	cursor: pointer;
	color: #fff;
}
.item_special img{
	margin-left: 2px;
	margin-right: 2px;
}
.item_special:hover{
	background-color: #D7D8CF;
	color: #000000;
}
.notificacion{
	position: fixed;
	right: 0px;
	width: 400px;
	top: 37px;
	display: none;
	background-color: #fff;
}
.layer_estado_read{
	font: 0.9em tahoma;
	background-color: #1E3356;
	color: #fff;
	border-radius: 2px;
	display: inline-block;
	padding-right: 5px;
	padding-left: 4px;
	padding-bottom: 3px;
}
.layer_estado_unread{
	font: 0.9em tahoma;
	background-color: #00FF40;
	color: #000000;
	border-radius: 2px;
	display: inline-block;
	padding-right: 5px;
	padding-left: 4px;
	padding-bottom: 3px;
}
select{
	width: auto;
	min-width: auto;
	max-width: auto;
}
.tr_especial{
	height: 20px;
	vertical-align: middle;
	padding-top: 3px;
	padding-bottom: 3px;
	border: 1px solid #fff;
}
.tr_especial:nth-child(even){
	background-color: #D7D7D7;
	color: #000;
	border: 1px solid #cccccc;
}
.tr_especial:hover{
	background-color: #5FDAFE;
	border: 1px solid #017EA3;
}
.text_cabecera{
	font-weight: bold;
}
.text_show{
	text-transform: uppercase;
}
.divfirma{
	width: 99%;
	border: 1px solid #cccccc;
}
.header_calendar{
	border-left: 1px solid #00FF40;
	border-right: 1px solid #00FF40;
	border-top: 1px solid #00FF40;
	width: 425px;
	background-color: #00FF40;
	color: #000000;
	text-align: center;
	font: 1.2em tahoma;
}
.item_calendar{
	width: 59px;
	height: 59px;
	display: inline-block;
	border-left: 1px solid #000000;
	border-right: 1px solid #000000;
	border-bottom: 1px solid #000000;
	text-align: center;
	font: 1.2em tahoma;
}
.day_actual{
	background-color: #0000ff;
	color: #fff;
}

.top_calendar{
	width: 59px;
	height: 59px;
	display: inline-block;
	border: 1px solid #00FF40;
	text-align: center;
	font: 1.2em tahoma;
	background: -webkit-linear-gradient(top, #00FF40, #ffffff);
	color: #000000;
}

.verticalmiddle{
	vertical-align: middle;
}

.barra_top{
	position: fixed;
	top: 0px;
	left: 0px;
	right: 0px;
	height: 50px;
	background-color: #14311b;
	color: #fff;
	text-align: left;
	z-Index: 500;
	min-width: 840px;
}

.pR_5{
	padding-right: 5px;
}

.item_list_select{
	width: 94%;
	padding-left: 4%;
	line-height: 30px;
	vertical-align: middle;
	background-color: #43a8f9;
	color: #fff;
	border: 1px solid #061740;
}

.label_ref{
	width: 99%;
	border: 1.5px dotted #D56A00;
	background-color: #FDE65E;
	margin-top: 30px;
	color: #000000;
}

.label_info{
	width: 99%;
	border: 1.5px dotted #0075d5;
	background-color: #a4d3ff;
	margin-top: 30px;
	color: #000000;
}

.label_error{
	width: 99%;
	border: 1.5px dotted #f00;
	background-color: #a53e3e;
	color: #fff;
	margin-top: 30px;
}
.btn_blue{
	padding: 7px;
	border: 1px solid #00801f;
	background-color: #89db86;
	color: #000;
	cursor: pointer;
}
.btn_blue:hover{
	background-color: #0069D2;
}
.estrella{
	margin-top: 3px;
	height: 13px;
	cursor: pointer;
}
.text_sub{
	font: 0.8em tahoma;
	font-weight: bold;
}
.opciones_mensajes_oculto{
	 display: none;
}
.lista_mensaje_general:hover > div > .opciones_mensajes_oculto{
	display: inline-block;
}
.height100{
	height: 100%;
}
.tabla_fija {
	position: relative;
	overflow-x: scroll;
	overflow-y: hidden;
}

.tabla{
	margin: 0px;
	padding: 0px;
	width: 100%;
	border-spacing: 0px;
    border-collapse: separate;
}

.tabla_fija_main{
	margin-left: 350px;
	margin-bottom: 0;
	width: 300%;
}

	.columna_fija {
	position: absolute;
	z-index: 100;
	background: #F8FCFE; 
	box-shadow: 5px 0px 5px rgba(195, 209, 226, .2), 0px -1px 0px rgba(195, 209, 226, 1);  
}
.color_especial{
	background: -webkit-linear-gradient(top, #1E3356, #355A97);
}

.form_grande{
	width: 90%;
	padding: 10px;
	background-color: #EBEEEF;
	border-radius: 15px;
	border: 1px solid #C1CACE;
	-webkit-user-select:'';
	-ms-user-select: '';
	-moz-user-select: '';
	-khtml-user-select: '';
	user-select: '';
}

.form_grande:active{
	background-color: #D7DDDF;
	border: 1px solid #9AA9AF;
}

#capa_vista_error canvas{
	max-width: 384px;
	max-height: 306px;
}

.carta{
	height: 817px;
	width: 620px;
	margin: 4px;
	border: 1px solid #D56A00;
	background-color: #fff;
	overflow-y: auto;
}

.encabezado_fijo{
	position: sticky;
	top: 0px;
	background-color: var(--fondo_web);
	color: var(--texto_web);
	border-bottom: 1px solid #cccccc;
	-webkit-box-shadow: 10px 10px 10px 5px rgba(109, 100, 100, 0.36);
	-moz-box-shadow: 10px 10px 10px 5px rgba(109, 100, 100, 0.36);
	box-shadow: 10px 10px 10px 5px rgba(109, 100, 100, 0.36);
	margin-bottom: 10px;
}

#capa_oculta{
	width: 50%;
	position: fixed;
	z-index: 1;
	top: 0px;
	left: 0px;
}

.item_trazabilidad_iniciado{
	width: 94%;
	padding-left: 4%;
	line-height: 30px;
	vertical-align: middle;
	background-color: #0E3592;
	color: #fff;
	border: 1px solid #061740;
}

.item_trazabilidad_aprobado{
	width: 94%;
	padding-left: 4%;
	line-height: 30px;
	vertical-align: middle;
	background-color: #0edb37;
	color: #000000;
	border: 1px solid #0b4006;
}
.h18{
	height: 18px;
}
.h22{
	height: 22px;
}
.h35{
	height: 35px;
}
.h45{
	height: 45px;
}

.h14{
	height: 14px;
}

.div_ok{
	background: -webkit-linear-gradient(top, #00FF40, #85ca85);
	color: #000000;
}
.div_medio{
	background: -webkit-linear-gradient(top, #ff8c00, #ddc382);
	color: #000000;
}
.div_bad{
	background: -webkit-linear-gradient(top, #ff0400, #cc7b7b);
	color: #fff;
}

.img_auto_ajuste{
	max-width: 80%;
	max-height: 80%;
}

.divencabezado{
	height: 120px;
	vertical-align: middle;
	text-align: center;
}

.bordenegro{
	border: 1px solid #000000;
}

.div_ovalo{
	margin: 3px;
	padding: 5px;
	border-radius: 10px;
	display: inline-block;
	box-shadow: 3px 3px 3px 2px rgba(0,0,0,0.36);
}

.title_winpr > td{
	background-color: #bcfcf0 !important;
	color: #000;
}

.title_winpr > th{

	background-color: #bcfcf0 !important;
	color: #000;

}
.label_error_sys{
	background-color: var(--fondo_web);
	color: var(--texto_web);
	display: inline-block;
	border-radius: 15px;
	box-shadow: 3px 3px 3px 2px rgba(0,0,0,0.36);
	padding: 1.5px;
	margin: 1px;
	border: 1px solid #f00;
}

.title_winpr td{
	vertical-align: top;
}

.btn_cancel{
	color: #fff;
}

.numero_libre{
	padding: 5px;
	margin: 1px;
	display: inline-block;
	background-color: #797979;
	color: #fff;
	width: 18;
	text-align: center;
	cursor: pointer;
}

.numero_libre:hover{
	background-color: #9e9e9e;
	color: #000;
}

.numero_ocupado{
	padding: 5px;
	margin: 1px;
	display: inline-block;
	background-color: #1e7c88;
	color: #fff;
	width: 18;
	text-align: center;
	cursor: pointer;
}

.numero_ocupado:hover{
	background-color: #4aaebb;
	color: #000;
}

.btn_active{
	padding: 3px;
	vertical-align: bottom;
	width: 30%;
	margin-top: 3px;
	z-index: 0;
	display: inline-block;
	border-bottom: 1px solid #2f00ff;
	cursor: pointer;
	border-radius: 7px 7px 0px 0px;
}

.btn_active:hover{
	background-color: #eeeeee;
	color: #000;
}

.btn_active img{
	height: 15px;
}
.boton_activo{
	background-color: #0958A5;
	color: #ffffff;
	border-radius: 7px 7px 0px 0px;
	border-bottom: 1px solid #c46a37;
}

.divOlvide{
	vertical-align: middle;
	background: -webkit-linear-gradient(15deg, #ff0000, #ffbac8);
	display: inline-block;
	text-align: left;
	color: #ffffff;
}

.divLogin{
	vertical-align: middle;
	background: -webkit-linear-gradient(15deg, #0f7e1e, #bcffba);
	display: inline-block;
	text-align: left;
	color: #ffffff;
}

.stepper-wrapper {
	margin-top: auto;
	display: flex;
	justify-content: space-between;
	margin-bottom: 20px;
}
.stepper-item {
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: center;
	flex: 1;

	@media (max-width: 768px) {
		font-size: 12px;
	}
}

.stepper-item::before {
	position: absolute;
	content: "";
	border-bottom: 2px solid #ccc;
	width: 100%;
	top: 20px;
	left: -50%;
	z-index: 2;
}

.stepper-item::after {
	position: absolute;
	content: "";
	border-bottom: 2px solid #ccc;
	width: 100%;
	top: 20px;
	left: 50%;
	z-index: 2;
}

.stepper-item .step-counter {
	position: relative;
	z-index: 5;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	background: #ccc;
	margin-bottom: 6px;
	box-shadow: 3px 3px 3px 3px rgba(0,0,0,0.36);
	cursor: pointer;
}

.stepper-item.active {
	font-weight: bold;
}

.stepper-item.completed .step-counter {
	background-color: #0958A5;
	color: #ffffff;
	box-shadow: 3px 3px 3px 3px rgba(0,0,0,0.36);
	cursor: pointer;
}

.stepper-item.completed::after {
	position: absolute;
	content: "";
	border-bottom: 2px solid #2a06f1;
	color: #ffffff;
	width: 100%;
	top: 20px;
	left: 50%;
	z-index: 3;
}

.stepper-item:first-child::before {
	content: none;
}
.stepper-item:last-child::after {
	content: none;
}

.confidencial{
	color: #ff0000;
	font: 3.5em tahoma;
	transform: rotate(-45deg);
	padding-top: 150px;
}

.sombra{
	box-shadow: 3px 3px 3px 3px rgba(0,0,0,0.36);
}

#area_info_archivo{
	overflow: auto;
}

::-webkit-scrollbar {
	background-color: #B7B7B7;
	background: -webkit-linear-gradient(left, #B7B7B7, #e0e0e0, #B7B7B7);
	border: 1px solid #B7B7B7;
	width: 8px;
	height: 8px;
	margin: 0px;
	padding: 0px;
	border-radius: 15px;
}
::-webkit-scrollbar-button{
	display: none;
}
::-webkit-scrollbar-thumb{
	background-color: #127DD6;
	background: -webkit-linear-gradient(left, #127DD6, #48acfd, #127DD6);
	cursor: pointer;
	border-radius: 15px;
}

#space_apps{
	overflow-x: auto;
	vertical-align: top;
	height: 50px;
}

/* Formateamos el label que servirá de contenedor */
.switch {
	margin-top: 10px;
position: relative;
display: inline-block;
width: 35px;
height: 15px;
}

/* Ocultamos el checkbox html */
.switch input {
display:none;
}

/* Formateamos la caja del interruptor sobre la cual se deslizará la perilla de control o slider */
.slider {
position: absolute;
cursor: pointer;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: #ccc;
-webkit-transition: .4s;
transition: .4s;
}

/* Pintamos la perilla de control o slider usando el selector before */
.slider:before {
position: absolute;
content: "";
height: 13px;
width: 13px;
left: 4px;
bottom: 1px;
background-color: white;
-webkit-transition: .4s;
transition: .4s;
}

/* Cambiamos el color de fondo cuando el checkbox esta activado */
input:checked + .slider {
background-color: #000;
}

/* Deslizamos el slider a la derecha cuando el checkbox esta activado */ 
input:checked + .slider:before {
    -webkit-transform: translateX(14px);
    -ms-transform: translateX(14px);
    transform: translateX(14px);
}

/* Aplicamos efecto de bordes redondeados en slider y en el fondo del slider */
.slider.round {
border-radius: 34px;
}

.slider.round:before {
border-radius: 50%;
}

.icon_desk{
	cursor: pointer;
	padding: 3px;
	margin: 7px;
	border: 1px;
	width: 78%;
	text-align: center;
	vertical-align: middle;
    color: #2c2c2c;
    background-color: #d5d5d5;
	font: 0.9em tahoma;
    letter-spacing: .05em;
    text-shadow: 
      1px 1px 0px #d5d5d5, 
      3px 3px 0px rgba(0, 0, 0, 0.2);
	  display: inline-block;
}

.icon_desk:hover{
	background-color: #00007822;
}

.note-editable{
	color: #000 !important;
}

.text_big{
	font: 2.5em tahoma;
}

.opcion_exp_con{
	background-color: #78afc0;
	color: #000;
	text-align: center;
	padding-top: 3px;
	padding-bottom: 3px;
	cursor: pointer;
	border: 1px solid #78afc0;
	border-radius: 5px 5px 0px 0px;
}

.opcion_exp_con:hover{
	background-color: #0000ff;
	color: #fff;
}

.area_exp_con_opt_chat{
	border: 1px solid #78afc0;
	border-radius: 0px 0px 5px 5px;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 20px;
	display: none;
}

.area_info_destinatario{
	background-color: #00801f;
	width: 99%;
	overflow: hidden;
	height: 35px;
	border-radius: 10px 10px 0px 0px;
	border: 1px solid #00801f;
	color: #fff;
	font: 1.3em tahoma;
}

.area_vista_mensajes_chat{
	border-left: 1px solid #00801f;
	border-right: 1px solid #00801f;
	width: 99%;
	height: 500px;
	overflow-y: scroll;
	background: -webkit-linear-gradient(top, #ceceda, #f9fafa);
}

.area_escritura_mensaje{
	border: 1px solid #00801f;
	height: 55px;
	width: 99%;
}

.text_chat{
	width: 86%;
	padding: 1%;
	margin-top: 0.5%;
	margin-right: 6%;
	margin-left: 6%;
	overflow-y: auto;
	height: 35px;
	border: 1px solid #818a89;
}

.div_emojis{
	font: 1.6em tahoma;
	position: absolute;
	transform: translate(0px, 10px);
	cursor: pointer;
}

.div_enviar{
	font: 1.6em tahoma;
	position: absolute;
	text-align: right;
	transform: translate(var(--ancho_chat), 10px);
	cursor: pointer;
}

.div_emojis_chat{
	font: 1.6em tahoma;
	position: absolute;
	transform: translate(0px, 10px);
	cursor: pointer;
}

.div_enviar_chat{
	font: 1.6em tahoma;
	position: absolute;
	text-align: right;
	transform: translate(var(--ancho_chat), 10px);
	cursor: pointer;
}

#area_mensajes_agente{
	background-image: url('../images/fondo_wp.png');
	background-size: 100%;
	background-repeat: no-repeat;
}

#area_datos_contacto_chat{
	width: 100%;
	height: 50px;
	background-color: var(--fondo_ficha);
	color: var(--texto_web);
}

#area_estadisticas_agente{
	width: 100%;
	height: 50px;
	background-color: var(--fondo_web);
	color: var(--texto_web);
	border: 1px solid var(--texto_web);
}

.boton_alterno{
	background-color: #0958A5;
	color: #fff;
	border-radius: 0px !important;
}

#updt_lst_data_conv img{
	max-width: 42% !important;
	max-height: 42% !important;
	margin: 1%;
	cursor: pointer;
}

#area_mensajes_chat img{
	max-width: 45% !important;
	max-height: 40% !important;
}

.elemento_estadistica{
	width: 44%;
	margin: 1%;
	padding: 1%;
	display: inline-block;
	border: 1px solid #ccc;
	background-color: #d3cfcf;
	border-radius: 15px;
	color: #fff;
	text-align: center;
	font: 1.5em tahoma;
}

.elemento_estadistica h2{
	font: 0.9em 'Trebuchet MS' !important;
	color: #0000ff;
	font-weight: 100;
}

.barra2 {
	background-image: radial-gradient(circle at 80.42% 6.56%, #a5eaf7 0, #84dbf2 16.67%, #5bcced 33.33%, #02bbe8 50%, #00aae4 66.67%, #009ae1 83.33%, #008ade 100%);
	width: 100%;
	color: white;
}

.barra3 {
	background-image: radial-gradient(circle at 80.42% 6.56%, #c9cc4a 0, #afc541 16.67%, #8eb932 33.33%, #64a81d 50%, #2f9606 66.67%, #008904 83.33%, #008112 100%);
	width: 100%;
	color: white;
}

.barra4 {
	background-image: radial-gradient(circle at 80.42% 6.56%, #de46ee 0, #b52ce3 25%, #7f00d4 50%, #3500c5 75%, #0000ba 100%);
	width: 100%;
	color: white;
}

.div_estadistica{
	width: 19%;
	margin: 1%;
	padding: 1%;
	height: 100px;
	text-align: center;
	vertical-align: middle;
	border-radius: 15px;
	box-shadow: 10px 10px 10px 5px rgba(0,0,0,0.36);
	background-color: #2e1ca7;
	color: #ffffff;
	display: inline-block;
  cursor: pointer;
}

.div_estadistica:hover{
  background-color: #3d578f;
}

.text_extend{
	font: 2em tahoma;
}


.tabla{
	margin: 0px;
	padding: 0px;
	width: 100%;
	border-spacing: 0px;
    border-collapse: separate;
}

.tabla .title_winpr{
	text-align: center;
}

.div_indicador_en_linea{
	font: 0.75em tahoma;
	width: 14%;
	margin: 0.1%;
	padding: 0.5%;
	border-radius: 6px;
	background-color: #0000ba;
	color: #fff;
	display: inline-block;
}

.fecha_msg{
	width: 100%;
	text-align: right;
	border-top: 1px solid #ccc;
	font: 0.69em tahoma;
	color: var(--texto_web);
}

#capa_emojis{
	position: fixed;
	left: 350px;
	bottom: 100px;
	width: 300px;
	height: 250px;
	overflow-y: auto;
	overflow-x: none;
	z-index: 10000;
	background-color: #fff;
	display: none;
}

.vector_emoji{
	font: 1.5em tahoma;
	padding: 1.5px;
	cursor: pointer;
	display: inline-block;
}

.vector_emoji:hover{
	background-color: #00aae4;
	border-radius: 10px;
}

.area_acciones_usuario{
	transform: translate(-150px, 47px);
	background-color: #000;
}

.titulo_seccion{
	width: 100%;
	text-align: center;
	padding-top: 4px;
	padding-bottom: 4px;
	font: 1.1em tahoma;
	background-color: #14311b;
	color: #fff;
}

.processBar{
	color: #000;
	background: -webkit-linear-gradient(top, #1aff00, #1aff00, #1aff00, #1aff00, #1aff00, #1aff00);
	border-radius: 5px;
	border: 1px solid #000;
	height: 14px;
	white-space: nowrap;
	margin-bottom: 3px;
}

.icon_new{
	width: 30px;
	height: 30px;
	padding: 5px;
	border: 1px solid #6464a5;
	cursor: pointer;
	display: inline-block;
}

.icon_new_m{
	width: 15px;
	height: 15px;
	padding: 1.5px;
	border: 0.5px solid #6464a520;
	cursor: pointer;
	display: inline-block;
	margin: 0px;
}

.icon_new:hover{
	background-color: #ccc;
	transition: background-color 0.5s;
}

.icon_new:active{
	background-color: #bbb;
}

.icon_new_m:hover{
	background-color: #ccc;
	transition: background-color 0.5s;
}

.icon_new_m:active{
	background-color: #bbb;
}

.div_etapa{
	width: 350px;
	padding: 0.2%;
	background-color: var(--fondo_ficha);
	margin: 1%;
	display: inline-block;
	cursor: pointer;
	box-shadow: 10px 10px 10px 5px rgba(0,0,0,0.36);
	vertical-align: top;
	color: var(--texto_web);
	h2{
		color: var(--texto_web);
		font: 1.8em 'Trebuchet MS';
	}
}

.div_etapa:hover{
	h2{
		color: var(--fondo_web);
	}
	color: var(--fondo_web);
	background-color: #9fc7e1;
	transition: background-color 0.5s;
}

.div_etapa span{
	font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
	color: #676;
}

.div_etapa sub{
	font: 0.7em calibri;
	color: var(--vinculo);
}

.red{
	color: #f00;
	font-weight: bold;
}

.img_circle {
	border-radius: 50%;
}

.icon_avatar {
	width: 18px;
	cursor: pointer;
	height: 18px;
}

.columna_etapa{
	display: inline-block;
	width: 350px;
	padding: 0px;
	margin: 5px;
	vertical-align: top;
	height: 95%;
	border: 1px solid #ccc;
	box-shadow: 10px 10px 10px 5px rgba(0,0,0,0.36);
	border-radius: 5px 5px 0px 0px;
	background-color: #e0eff2;
	overflow-y: auto;
	overflow-x: hidden;
}

.columna_etapa > .titulo{
	background-color: #9fc7e1;
	text-align: center;
	width: 100%;
	border-bottom: 1px solid #ccc;
	padding-top: 3px;
	padding-bottom: 3px;
}

.menu_etapa{
	height: 30px;
	transform: translate(0px, -5px);
}

.ticket{
	width: 92%;
	margin: 2%;
	padding: 2%;
	border: 1px solid #FF8B3E;
	cursor: pointer;
	border-radius: 5px;
	background-color: var(--fondo_ficha) !important;
	color: var(--texto_web) !important;
}

.div_Extend .ui-droppable{
	background-color: var(--fondo_web) !important;
}

#area_mensajes_chat{
	width: 100%;
	height: 388px;
	overflow-y: auto;
	overflow-x: hidden;
}

#caja_mensajes{
	width: 101%;
	overflow: hidden;
	height: 53px;
	background-color: #fff;
}

.textarea_chat{
	background-color: #dfdfdf;
	height: 53px;
	width: 100%;
	border: 0px;
	overflow-y: auto;
	overflow-x: hidden;
}

#area_soporte_usuario{
	background-color: #fff;
}

.area_respuesta_ia{
	width: 100%;
	max-height: 50%;
	overflow-y: auto;
	overflow-x: hidden;
}

.capa_busqueda_cliente{
	width: 100%;
	transform: translate(0px, 28px);
	max-height: 300px;
	overflow-x: none;
	overflow-y: auto;
	background-color: #ffffff;
}

.barra_top_m, .capa_menus_movil{
	display: none;
}

.capa_obligatoria{
	position: fixed;
	top: 0px;
	left: 0px;
	bottom: 0px;
	right: 0px;
	background-color: #fff;
	z-index: 100000000;
	overflow-y: auto;
	overflow-x: hidden;
}

.div24_p{
	display: inline-block;
	vertical-align: top;
	width: 24%;
}

.div74_p{
	display: inline-block;
	vertical-align: top;
	width: 74%;
}

.div49_p{
	display: inline-block;
	vertical-align: top;
	width: 49%;
}

.veticketVerde{
	background-color: #00FF00 !important;
}

.ocultoPc{
	display: none !important;
}

@media(max-width: 840px){

	.ocultoPc{
		display: inline-block !important;
	}

	.divLogin, .divOlvide{
		width: 100%;
		margin-bottom: 5px;
		text-align: center;
	}

	.barra_top{
		display: none;
	}

	.barra_top_m{
		position: fixed;
		display: inline-block;
		top: 0px;
		left: 0px;
		right: 0px;
		height: 48px;
		background-color: #64A600;
	}

	.capa_menus_movil{
		position: fixed;
		top: 39px;
		left: 0px;
		right: 0px;
		bottom: 0px;
		background-color: #64A600;
		z-index: 500;
		overflow-y: auto;
	}

	.capa_seccion_caso{
		width: 95% !important;
	}

	.capa_menus_movil h2{
		color: #fff;
	}

	#contenido_zone, .contenido{
		left:0px;
	}

	.icono_movil{
		width: 45%;
		display: inline-block;
		padding: 2%;
		text-align: center;
		color: #fff;
	}

	.icono_movil img{
		width: 100%;
	}

	.div24, .div70{
		width: 100% !important;
	}

	.capa_login_new{
		width: 80% !important;
	}

	.div74{
		font-weight: bold;
		width: 100%;
	}

	.div100_m{
		width: 100% !important;
	}

	.ocultomovil{
		display: none;
	}
	
	.boton_seccion{
		width: 45%;
	}

	#mySidenav, #area_detalles_conv, #btn_expandir{
		display: none !important;
	}
	
}

@media print {

	.div24{
		width: 24% !important;
		display: inline-block;
		margin: 0px;
		padding: 0px;
	}

	.div74{
		width: 74% !important;
		display: inline-block;
		margin: 0px;
		padding: 0px;
		font-weight: lighter;
	}

	@media(max-width: 840px) {

	}

	.capa_login_new{
		width: 87% !important;
	}

}