@charset "utf-8";
/* CSS Document */
/*
===============================================



Este CSS es par que los Desarrolladores puedan impactar sus cambios en base
a las definiciones del sisa_estilos_disenio.css



============================================================================================== 
==============================================================================================
*/
/* Botones   - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
.boton {
	position: relative;
	float: right;
	margin: 0px 0px 0px 10px;
	border-radius: 4px;
	padding: 8px 12px;
	font-size: 14px;
	font-weight: normal;
	color: #FFF;
	cursor: pointer;
}

.boton_agregar {
	position: relative;
	float: left;
	margin: 0px 0px 0px 10px;
	border-radius: 4px;
	padding: 8px 12px;
	font-size: 14px;
	font-weight: normal;
	color: #FFF;
	cursor: pointer;
}

.boton_generico {
	margin-bottom: 10px;
	margin-right: 10px;
}

/* reveer si esta clase se sigue usando*/
.boton_mini {
	position: relative;
	float: right;
	margin: 0px 0px 0px 10px;
	border-radius: 4px 4px 4px 4px;
	padding: 4px 7px;
	font-size: 12px;
	font-weight: bold;
	cursor: pointer;
}
/* reveer si esta clase se sigue usando*/
.boton_mini_menu {
	position: relative;
	float: left;
	margin: 0px 0px 0px 10px;
	border-radius: 4px 4px 4px 4px;
	padding: 4px 7px;
	font-size: 15px;
	font-weight: bold;
	cursor: pointer;
}

.boton:hover {
	cursor: pointer;
}

.boton span {
	position: relative;
	top: 2px;
	margin: 2px 10px 0px 0px;
	font-size: 16px;
	font-family: 'sisafont' !important;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
}

/* reveer si esta clase se sigue usando*/
.boton_mini span {
	position: relative;
	top: 1px;
	color: #fff;
}

.boton_general {
	background-color: #000099; /* A2 */
}

.boton_general:hover {
	background-color: #3366ff; /* A3 */
}

.boton_gray {
	background-color: #808080;
}

.boton_gray:hover {
	background-color: #808080;
}

.boton_dark_green {
	background-color: #4db44e;
}

.boton_dark_green:hover {
	background-color: #9aff9a;
}

.boton_light_green {
	background-color: #006633;
}

.boton_light_green:hover {
	background-color: #009933;
}

.boton_pos {
	background-color: #006633; /* V1 */
}

.boton_pos:hover {
	background-color: #009933; /* V2 */
}

.boton_neg {
	background-color: #990033; /* A3 */
}

.boton_neg:hover {
	background-color: #cc0033; /* R2 */
}

.boton_inhab {
	background-color: #f5f5f5; /* G3 */
	color: #7f7f7f; /* G1  */
}

.boton_popupcerrar {
	background-color: #4040ff;
}

.boton_popupcerrar:hover {
	background-color: #cc0033; /* R2 */
}

.boton_popupayuda {
	background-color: #999; /* G3 */
}

.boton_popupayuda:hover {
	background-color: #3366ff; /* A3 */
}

/* reveer si esta clase se sigue usando*/
.boton_popupcerrar1 {
	background-color: #999;
}

.boton_popupcerrar1:hover {
	background-color: #cc0033; /* R2 */
}
/* reveer si esta clase se sigue usando*/
.boton_popupayuda1 {
	background-color: #999; /* G3 */
}

.boton_popupayuda1:hover {
	background-color: #3366ff; /* A3 */
}

/* reveer si esta clase se sigue usando*/
.boton_popupcerrar2 {
	background-color: #7f7f7f; /* G2 */
}

.boton_popupcerrar2:hover {
	background-color: #cc0033; /* R2 */
}
/* reveer si esta clase se sigue usando*/
.boton_popupayuda2 {
	background-color: #7f7f7f; /* G2 */
}

.boton_popupayuda2:hover {
	background-color: #3366ff; /* A3 */
}

/* Logos - modulos  - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* reveer */
.logo_m_sisageneral {
	margin: 0px 20px 0px 0px;
	width: 96px;
	height: 96px;
	background-image: url(../imagenes/modulos/ico_mod_sisa_general_48.png);
	background-repeat: no-repeat;
}

/* animacion de procesando  - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* reveer */
.anima_procesando {
	width: 48px;
	height: 48px;
	background-image: url(../imagenes/registration_spinner.gif);
	background-repeat: no-repeat;
}

/* Utilitarios  - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/

.info_busqueda_avanzada_G{
	padding-left: 11px !important;
	font-family: "Roboto", sans-serif !important;
}
.info_colapsableAlpha {
	border-radius: 4px;
}
.util_margen_vert80{	margin: 80px 0px;}

.util_elemento_collapse{ 
	display: none !important;
}
.util_input_error {
	border: 1px solid #CE0500 !important;
	background-color: #fff5f5 !important;
}

.tabla_nomivac {
	margin-left: 62px !important;
}

.radios_buscar_monitoreo label {
	width: 0% !important
}

.celda_nomivac_monitoreo div.noEditable input {
	background-color: transparent !important;
	border: none;
	text-align: center;
}
.caps_indicator {
	padding: 5px 2px;
}

/*	Skeletor: esta linea a continuacion reescribe	.Nomivac_agrupado .border_right_celda 
.border_right_celda {	border-right: rgba(255,255,255,.5) thin solid;	min-width: 130px;}
*/

.info_colapsableAlpha>div {
	display: flex;
	align-items: flex-start;
	padding: 10px;
	/*background-color: white;*/
	margin-bottom: 20px;
	border-radius: 4px;
	box-shadow: 0 1px 4px rgba(0, 0, 0, .5) !important;
	cursor: pointer;
}

.texto_rojo_p {
	color: red !important;
}
.bg_blanco {
	background-color: #FFF !important;
}
.letra_grande_20 {
	display: inline-block;
	font-size: 20px !important;
	margin-right: 20px;
	
}

.texto_form_black {
	color: #333333 !important;
}

/*
====================================================================================================================================	
	Estructurales

*/
.SISA_BotoneraLateral>.menu {
	position: relative;
	float: left;
	width: 150px !important;
}

.SISA_BotoneraLateral>.menu>div {
	height: 76px;
	/*	Si sacamos esto los botones dejan de tener una altura fija	*/
	padding: 6px;
	margin-left: 0px;
	margin-bottom: 4px;
	border-radius: 4px 0px 0px 4px;
	box-shadow: 0 1px 4px rgba(0, 0, 0, .5) !important;
}

.SISA_BotoneraLateral>.menu>div:nth-child (1){
	background-color: #3314cc;
}

.SISA_BotoneraLateral>.menu>div:nth-child (2){
	background-color: #cc4a14;
}

.SISA_BotoneraLateral>.menu>div:nth-child (3){
	background-color: #3366ff;
}

.SISA_BotoneraLateral>.menu>div:nth-child (4){
	background-color: #665c99;
}

.SISA_BotoneraLateral>.menu>div:nth-child (5){
	background-color: #ff9900;
}

.SISA_BotoneraLateral>.menu>div:nth-child (6){
	background-color: #3314cc;
}

.SISA_BotoneraLateral>.menu>div:nth-child (7){
	background-color: #CC4E14;
}

.SISA_BotoneraLateral>.menu>div:nth-child (8){
	background-color: #995A3D;
}

.SISA_BotoneraLateral>.menu>div:nth-child (9){
	background-color: #4041FF;
}

.SISA_BotoneraLateral>.menu>div:nth-child (10){
	background-color: #3914CC;
}

.SISA_BotoneraLateral>.menu>div:nth-child (11){
	background-color: #220C7A;
}

.SISA_BotoneraLateral>.menu>div:nth-child (12){
	background-color: #262799;
}

.SISA_BotoneraLateral>.menu>div:nth-child (13){
	background-color: #5C3625;
}

.SISA_BotoneraLateral>.menu>div:nth-child (14){
	background-color: #7A2F0C;
}

.SISA_BotoneraLateral>.menu>div:last-child {
	margin-bottom: 0px;
}

.SISA_BotoneraLateral>.menu>div * {
	margin: 0px;
	text-align: right;
	color: white;
}

.SISA_BotoneraLateral>.menu>div span {
	float: right;
	width: 100%;
	font-size: 32px;
	margin-bottom: 2px;
}

.SISA_BotoneraLateral>.menu>div h4 {
	font-weight: normal;
	font-size: 14px;
}

.SISA_BotoneraLateral>.secciones {
	position: relative;
	float: left;
}

.SISA_BotoneraLateral>.secciones>.row {
	margin: 0px 0px 0px 20px; /*background-color: #bbb;*/
}

.SISA_BotoneraLateral>.secciones>.row>h1 {
	margin-bottom: 20px;
}

.SISA_BotoneraLateral>.secciones>.row>p {
	margin: 0px;
}

.SISA_BotoneraLateral>.secciones>.row>.col-xs-12 {
	padding: 0px;
}

.SISA_BotoneraLateral>.secciones .listaDeRecuadros>li {
	width: 49% !important;
	padding: 10px;
	margin-bottom: 20px;
	border-radius: 4px !important;
	background-color: #f5f5f5;
}

.SISA_BotoneraLateral>.secciones .listaDeRecuadros>li:hover {
	background-color: #fff;
	box-shadow: 0 1px 4px rgba(0, 0, 0, .5) !important;
}

.SISA_BotoneraLateral>.secciones .listaDeRecuadros li .esquina {
	display: none;
	position: relative;
	float: right;
	top: -10px;
	right: -10px;
	padding: 10px;
	border-radius: 4px !important;
	background-color: #3366ff;
}

.SISA_BotoneraLateral>.secciones .listaDeRecuadros>li:hover .esquina {
	display: block;
}

.SISA_BotoneraLateral>.secciones .listaDeRecuadros>li .esquina span {
	font-size: 24px;
	color: #fff;
}

.SISA_BotoneraLateral>.secciones .listaDeRecuadros>li:nth-child(odd) {
	float: left;
}

.SISA_BotoneraLateral>.secciones .listaDeRecuadros>li:nth-child(even) {
	float: right;
}

.SISA_BotoneraLateral>.secciones .listaDeRecuadros>li p {
	margin: 0px;
}

.SISA_BotoneraLateral>.secciones .listaDeRecuadros>li h3 {
	margin: 0px 0px 20px 0px;
}

.SISA_BotoneraLateral>.secciones .listaDeRecuadros>li h4 {
	margin: 10px 0px 5px 0px;
}

/* WS  . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .  */
.webServices .SISA_BotoneraLateral>.secciones .listaDeRecuadros>li .destacado
	{
	color: #3366ff;
}

.webServices .SISA_BotoneraLateral>.secciones .listaDeRecuadros>li p strong
	{
	color: #3366ff;
}

.webServices .SISA_BotoneraLateral>.secciones .listaDeRecuadros .lista .icono
	{
	float: left;
}

.webServices .SISA_BotoneraLateral>.secciones .listaDeRecuadros .lista .icono span
	{
	font-size: 24px;
	color: #3366ff;
}

.webServices .SISA_BotoneraLateral>.secciones .listaDeRecuadros .lista .texto
	{
	margin-left: 30px;
}

/* SISA_ItemsLaterales  - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
.SISA_ItemsLaterales {
	padding: 20px;
}

.SISA_ItemsLaterales .botonera, .SISA_ItemsLaterales .info {
	float: left !important;
}

.SISA_ItemsLaterales .botonera {
	margin-right: 10px;
}

.SISA_ItemsLaterales .botonera>div {
	display: block;
	padding: 10px;
	border-radius: 4px !important;
	margin-bottom: 6px;
}

.SISA_ItemsLaterales .botonera span {
	font-size: 32px; /*background-color: black !important;*/
}

.SISA_ItemsLaterales .info {
	width: 50% !important;
}






/* SISA_EstructuraArbol  - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
.SISA_EstructuraArbol {
	margin: auto;
}

.SISA_EstructuraArbol>.menu {
	margin-left: 0px !important;
	padding-left: 0px !important;
}

.SISA_EstructuraArbol>.menu .item1ernivel, .SISA_EstructuraArbol>.menu .item2donivel,
	.SISA_EstructuraArbol>.menu .item3ernivel {
	margin-bottom: 4px;
	/*
	margin-left: 0px; 
	margin-bottom: 4px; 
	border-radius: 4px 0px 0px 4px; 
	box-shadow: 0 1px 4px rgba(0,0,0,.5) !important;
	*/
	cursor: pointer;
}

.SISA_EstructuraArbol>.menu .item1ernivel {
	padding: 0px;
	/*border-bottom:#999 2px solid;*/
/*border-radius: 4px;  box-shadow: 0 1px 4px rgba(0,0,0,.5) !important;*/
/*background-color: #f5f500;*/
}

.SISA_EstructuraArbol>.menu .item2donivel {
	/*border-bottom:#999 1px solid;*/
	
}

.SISA_EstructuraArbol>.menu .item3ernivel {
	/*border-bottom:#999 1px solid;*/
	
}

.SISA_EstructuraArbol>.menu .item2donivel, .SISA_EstructuraArbol>.menu .item3ernivel
	{
	margin-top: 4px;
}

.SISA_EstructuraArbol>.menu .item1ernivel .titulo>div,
	.SISA_EstructuraArbol>.menu .item2donivel .titulo>div,
	.SISA_EstructuraArbol>.menu .item3ernivel .titulo>div {
	display: flex;
}

.SISA_EstructuraArbol>.menu .item1ernivel .titulo>div>*,
	.SISA_EstructuraArbol>.menu .item2donivel .titulo>div>*,
	.SISA_EstructuraArbol>.menu .item3ernivel .titulo>div>* {
	flex-flow: column;
}

.SISA_EstructuraArbol>.menu .item1ernivel .titulo h3,
	.SISA_EstructuraArbol>.menu .item2donivel .titulo h3,
	.SISA_EstructuraArbol>.menu .item3ernivel .titulo h3 {
	margin: 0px;
	font-weight: normal;
}

.SISA_EstructuraArbol>.menu .item1ernivel .titulo h3 {
	font-size: 14px;
	margin-top: 2px;
}

.SISA_EstructuraArbol>.menu .item2donivel .titulo h3 {
	font-size: 13px;
	margin-top: 4px;
}

.SISA_EstructuraArbol>.menu .item3ernivel .titulo h3 {
	font-size: 12px;
	margin-top: 6px;
}

.SISA_EstructuraArbol>.menu .item2donivel {
	margin-left: 24px;
}

.SISA_EstructuraArbol>.menu .item3ernivel {
	margin-left: 26px;
}

.SISA_EstructuraArbol>.menu .item1ernivel span, .SISA_EstructuraArbol>.menu .item2donivel span,
	.SISA_EstructuraArbol>.menu .item3ernivel span {
	float: left;
	padding: 4px;
	margin-right: 10px;
	border-radius: 4px;
	font-size: 12px;
	color: #000099;
	align-items: flex-start !important;
}

.SISA_EstructuraArbol>.menu .seleccionado>div>span {
	color: #ff9900;
}

.SISA_EstructuraArbol>.menu .seleccionado>div>h3 {
	color: black;
	font-weight: bold !important;
}

/*
====================================================================================================================================
====================================================================================================================================

	Elementos de paginas

====================================================================================================================================
====================================================================================================================================

*/
.pagina_titulo {
	display: flex;
	align-items: center;
	position: relative;
	width: 100%;
	height: 48px;
	margin-bottom: 10px;
	/*border-radius: 4px; margin: 0 0 10px 0; background-color: #e8e8e8;*/
}

.pagina_titulo .logo_registro {
	position: relative;
	float: left;
	text-align: center;
	width: 48px;
	height: 48px;
	padding: 7px;
	margin: 0px;
	border-radius: 4px;
}

.pagina_titulo .logo_registro span {
	position: relative;
	font-size: 36px;
	margin: auto;
	text-align: center;
}

.pagina_titulo .titulo {
	margin: 0px 10px;
}

.pagina_titulo .titulo * {
	margin: 0px;
}

.pagina_titulo .titulo h4 {
	margin-bottom: 4px;
}

.pagina_titulo .botones {
	position: absolute; /*float: right;*/
	right: 0px;
	bottom: 10px;
}
/* reveer si esta clase se sigue usando*/
.pagina_titulo .boton_mini {
	margin: 0px 10px 0 0;
}

/*
====================================================================================================================================

	Secciones generales

*/
/* Servicios  - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/*  */
#servicios_seccion {
	margin: 0px 0px 40px 0px;
}

#servicios .panel {
	width: 150px;
	height: 120px;
	margin: 0px 10px;
}

#servicios .panel .panel-body {
	padding: 15px 0;
}

#servicios_recuadro1, #servicios_recuadro2, #servicios_recuadro3,
	#servicios_recuadro4, #servicios_recuadro5, #servicios_recuadro6,
	#servicios_recuadro7, #servicios_recuadro8, #servicios_recuadro9,
	#servicios_recuadro10, #servicios_recuadro11 {
	height: 120px;
	cursor: pointer;
	text-align: center;
}

#servicios_recuadro1:hover, #servicios_recuadro2:hover,
	#servicios_recuadro3:hover, #servicios_recuadro4:hover,
	#servicios_recuadro5:hover, #servicios_recuadro6:hover,
	#servicios_recuadro7:hover, #servicios_recuadro8:hover,
	#servicios_recuadro9:hover, #servicios_recuadro10:hover,
	#servicios_recuadro11:hover {
	background-color: #3366ff; /* A3 */
}

#servicios_recuadro1 h4, #servicios_recuadro2 h4, #servicios_recuadro3 h4,
	#servicios_recuadro4 h4, #servicios_recuadro5 h4, #servicios_recuadro6 h4,
	#servicios_recuadro7 h4, #servicios_recuadro8 h4, #servicios_recuadro9 h4,
	#servicios_recuadro10 h4, #servicios_recuadro11 h4 {
	font-weight: normal;
}

/* reveer */
#servicios_recuadro1:hover h4, #servicios_recuadro2:hover h4,
	#servicios_recuadro3:hover h4, #servicios_recuadro4:hover h4,
	#servicios_recuadro5:hover h4, #servicios_recuadro6:hover h4,
	#servicios_recuadro7:hover h4, #servicios_recuadro8:hover h4,
	#servicios_recuadro9:hover h4, #servicios_recuadro10:hover h4,
	#servicios_recuadro11:hover h4 {
	color: #fff;
}

/* reveer */
.servicios_recuadro {
	position: relative;
	margin: auto;
	width: 100%;
	border-radius: 4px 4px 0px 0px;
	text-align: center;
	padding: 4px 20px;
}

/* reveer */
.servicios_recuadro-sisa {
	background-color: #3366ff; /* A3 */
}

/*
====================================================================================================================================

	Estilos particulares del Home pùblico

====================================================================================================================================

*/
#cabecera_fecha {
	position: relative;
	top: 0px;
	/*top: 38px;*/
}

/* Noticias   - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */
#noticias_base {
	position: relative;
	margin: 20px 0px 40px 0px;
	width: 100%;
	height: 340px;
	background-color: #fff;
	border-radius: 4px;
	/* som */
	box-shadow: 0 1px 4px rgba(0, 0, 0, .5);
}

.noticias_foto {
	position: relative;
	width: 470px;
	height: 300px;
	border-radius: 4px 0px 0px 4px;
	background-image: url(../imagenes/noticias/noticia115.jpg);
}

.noticias_texto {
	position: relative;
	float: left;
	margin: 20px 20px 20px 490px;
	overflow: hidden;
}

#noticia_fecha {
	font-size: 12px;
}

.noticias_texto h1 {
	font-size: 26px;
	padding: 0px;
	margin: 10px 0px 20px 0px;
}

.noticias_texto p {
	font-size: 14px;
}

/* Noticias / capacitaciones   - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */
#notcapa_seccion {
	margin: 0px 0px 40px 0px;
}

.notcapa_panel {
	display: block;
	/*width: 280px*/;
	border-radius: 4px;
	/* som */
	box-shadow: 0 1px 4px rgba(0, 0, 0, .5);
	color: #111;
	margin-bottom: 10px;
}

.notcapa_panel a {
	background-color: #0072BC;
	color: rgba(0, 0, 0, 1);
}

.notcapa_panel a:hover {
	text-decoration: none;
}

.notcapa_panel_imagen {
	height: 120px;
	width: 100%;
	overflow: hidden;
	background-size: cover;
	background-position: top center;
	border-radius: 4px 4px 0px 0px;
}

.notcapa_imagen {
	height: 100%;
	width: 100%;
}
/*24478*/
.notcapa_panel_texto {
	display: inline-block;
	word-break: normal;
	margin: 10px 20px;
	height: 85px;
	text-decoration: none !important;
}

.notcapa_panel_texto h3 {
	margin: 0px 0px 4px 0px;
}

#notacapa_01:hover, #notacapa_02:hover, #notacapa_03:hover, #notacapa_04:hover
	{
	background-color: #3366ff; /* A3 */
	cursor: pointer;
}

#notacapa_01:hover p, #notacapa_02:hover p, #notacapa_03:hover p,
	#notacapa_04:hover p {
	color: #fff;
}

#notacapa_01:hover h3, #notacapa_02:hover h3, #notacapa_03:hover h3,
	#notacapa_04:hover h3, #notacapa_01:hover h4 {
	color: #fff;
}

/*
====================================================================================================================================

	Estilos particulares del Home de usuario

====================================================================================================================================

*/
/* Cabecera -------------------------------------- */
#logon_cabecera_posicionador1 {
	position: relative;
	top: 14px;
}

#logon_cabecera_posicionador2 {
	position: relative;
	top: 6px;
}

#logon_cabecera_datosusuario {
	margin: -5px 10px 0px 10px;
}

#logon_cabecera_datosusuario p {
	padding: 0px;
	margin: 0px;
}

#logon_cabecera_datosusuario p {
	margin: 2px 0px 0px 0px;
	padding: 0px;
}

#logon_cabecera_datosusuario h4 {
	margin: 0px;
	padding: 0px;
}

#cabecera_fecha {
	padding: 0px;
	margin: 0px 0px 0px 0px;
}

/* Seccion bienvenido -------------------------------------- */
#logon_bienvenido h2 {
	margin: 20px 0px 0px 0px;
}

#logon_bienvenido p {
	line-height: 16px;
	margin: 0px;
}

/* Seccion accesos frecuentes -------------------------------------- */
#accesosfrecuentes_seccion .panel {
	height: 165px;
	margin-bottom: 0px;
}

#accesosfrecuentes_seccion .panel-body {
	padding: 8px 15px;
}

.accfrec_recuadro {
	position: relative;
	height: 60px;
	width: 100%;
	border-radius: 4px 4px 0px 0px;
	color: #fff;
	text-align: center;
	margin: auto;
	padding: 4px 20px;
}

.accfrec_reg {
	padding: 10px 10px;
	border-radius: 4px 4px 0px 0px;
}

.accfrec_recuadro_texto {
	display: inline-block;
	float: left;
	text-align: left;
	width: 70%;
}

.accfrec_recuadro span {
	/* */
	margin: 0px 10px 0px 0px;
	display: inline-block;
	float: left;
	font-size: 32px;
}

.accfrec_recuadro h3, .accfrec_recuadro p {
	color: #fff;
}

.accfrec_recuadro h3 {
	margin: -4px 0px 0px 0px;
}

.accfrec_recuadro p {
	margin: -2px 0px 0px 0px;
	height: 30px;
	line-height: 14px;
	/* Required for text-overflow to do anything */ /* 
	text-overflow: ellipsis;
	white-space: nowrap;
	 */
	overflow: hidden;
}

/* Menu principal -------------------------------------- */
/*(esto es para seleccionar las ultimas dos opciones del menu)*/
#menu_principal_boton_mimenu, #menu_principal_boton_salir {
	float: right !important;
	right: -22px;
}

#menu_principal_boton_mimenu #dLabel {
	color: #fff;
	background-color: #000099;
}

#menu_principal_boton_mimenu #dLabel:hover {
	color: #3366ff;
	background-color: #fff;
}

.opciones_mimenu_registro span {
	float: left;
	margin: 0 20px 0 0;
	font-size: 48px;
}

.misHerramientas .opciones_mimenu_registro span {
	float: left;
	margin: 0 35px 10px 0;
	font-size: 20px;
}

.misHerramientas .icon-bot_ico_configurar {
	margin-left: 15px !important;
}

.first-dropdown-submenu {
	margin-bottom: 7px;
}

.misHerramientas .opciones_mimenu_registro  h4 {
	padding-top: 4px;
	font-size: 13px: important!
}

/* Menu principal -------------------------------------- */
#opciones_mimenu_misherramientas {
	color: #000;
	background-color: rgba(1, 1, 1, .4); /* G2 */
}

/*
====================================================================================================================================

	SISA
	Estilos para la barra lateral de accesos
	Accesos frecuentes
	Comunidad SISA

====================================================================================================================================
*/
/* Barra lateral derecha -------------------------------------- */
/*  */
#interface_barralateralderecha {
	z-index: 200;
	position: fixed;
	top: 140px;
	right: 0px;
}

.interface_barralateralderecha_recuadroflotante {
	float: right;
	margin: 0 0 4px 0;
	background-color: #fff;
	border-radius: 4px 0px 0px 4px;
	/* som */
	box-shadow: 0 1px 4px rgba(0, 0, 0, .5);
	/*color: #3366ff; /* A3 */
	color: #000099; /* 	A2 */
}

.accfrec_recuadro_texto {
	display: inline-block;
	float: left;
	text-align: left;
	width: 70%;
}

.accfrec_recuadro h3 {
	margin: 1px 0px 0px 0px;
	margin: -4px 0px 0px 0px;
}

.accfrec_recuadro h3, .accfrec_recuadro p {
	color: #fff;
}
/*  */
.barra_de_titulo span {
	float: left;
	position: relative;
	left: 0px;
	font-size: 22px;
	padding: 4px; /*color: #000099; /* 	A2 */
}

/* Generales -------------------------------------- */
#accesosfrecuentes, #comunidadsisa {
	border-radius: 4px 0px 0px 4px;
	margin: 0px;
	padding: 4px;
	height: 38px;
}

#accesosfrecuentes:hover, #comunidadsisa:hover {
	background-color: #000099; /* 	A2 */
	color: #fff;
	cursor: pointer;
}

#accesosfrecuentes h2, #comunidadsisa h2 {
	float: left;
	position: relative;
	margin: 8px 10px 0 10px;
}

#accesosfrecuentes:hover h2, #comunidadsisa:hover h2 {
	color: #fff;
}

/* Opciones accesosfrecuentes -------------------------------------- */
/*  */
#accesosfrecuentes_info .accfrec_recuadro {
	position: relative;
	height: 24px;
	width: 200px;
	border-radius: 4px 4px 4px 4px;
	color: #fff;
	text-align: center;
	margin: auto;
	padding: 2px 10px;
	cursor: pointer;
}

#accesosfrecuentes_info .accfrec_recuadro h3 {
	margin: 1px 0px 0px 0px;
}

#accesosfrecuentes_info .accfrec_recuadro span {
	margin: 2px 10px 0px 0px;
	font-size: 18px;
}

#accesosfrecuentes_info .panel {
	margin-bottom: 8px;
}

#accesosfrecuentes_info .panel-body {
	padding: 10px;
}

#accesosfrecuentes_info ul {
	font-size: 12px;
	line-height: 18px;
	padding: 0;
}

/* Opciones Comunidad SISA -------------------------------------- */
/*  */
#comunidadsisa_info ul {
	font-size: 12px;
	color: #333; /* background-color: #fff; */
	margin: 0;
	padding: 0;
}

#comunidadsisa_info_botones .boton:last-child {
	margin: 0px;
}

/* 
====================================================================================================================================

	Listas

====================================================================================================================================
*/
/*  */
.listas_cabeza {
	position: relative;
	margin-bottom: 10px;
	/*
	min-height: 40px;
	display: flex;
	align-items: center;
	height: 40px;
	background-color: #e8e8e8;
	*/
	padding: 10px 8px;
	background-color: #fff;
	border-radius: 4px 4px 4px 4px;
	box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.5);
}

.listas_cabeza span {
	float: none !important;
}

.listas_cabeza #controlest {
	height: 20px !important;
}

.listas_cabeza>* {
	display: inline;
}

.listas_cabeza .controles {
	display: flex;
	align-items: center;
	margin-top: -6px;
}

.listas_cabeza .controles * {
	display: inline;
	margin: 4px 1px;
}

.controles .form-control {
	margin: 0;
	width: 40px;
	height: 28px;
	margin-top: -1px;
}

.numeracion .sisa_buscador_select {
	width: 55px !important;
	height: 28px;
	padding: 4px 2px;
	margin-top: -2px;
	font-size: 14px;
	line-height: 1.42857;
	border: 1px solid rgb(204, 204, 204);
	border-radius: 4px;
}

.listas_cabeza .util_divisor {
	display: inline-block;
	position: relative;
	width: 100%;
	height: 1px;
	bottom: 0px; /*top: 10px;*/
	background-color: #aaa;
	padding: 0 !important;
	margin: 5px 0 5px 0 !important;
}

.listas_cabeza .configuracion, .listas_cabeza .referenciacolumnas,
	.listas_cabeza .exportarlista, .listas_cabeza .geolocalizacion,
	.listas_cabeza .tamanodefuente_red, .listas_cabeza .tamanodefuente_agr
	{
	position: relative;
	top: 5px;
	padding-right: 5px;
}

.listas_cabeza .numeracion, .listas_cabeza .paginacion {
	position: absolute;
	padding: 5px;
}

.listas_cabeza .configuracion, .listas_cabeza .referenciacolumnas,
	.listas_cabeza .geolocalizacion, .listas_cabeza .tamanodefuente_red,
	.listas_cabeza .tamanodefuente_agr, .listas_cabeza .exportarlista {
	margin-top: -5px;
}

.listas_cabeza .paginacion {
	margin-top: -5px;
}

.listas_cabeza .numeracion {
	margin-top: -7px;
}

.listas_cabeza .exportarlista, .listas_cabeza .referenciacolumnas,
	.listas_cabeza .geolocalizacion, .listas_cabeza .configuracion,
	.listas_cabeza .tamanodefuente_red, .listas_cabeza .tamanodefuente_agr
	{
	float: left !important;
}

.listas_cabeza .numeracion {
	right: 186px;
}

.listas_cabeza .paginacion {
	right: 10px;
}

.listas_cabeza .numeracion * {
	display: inline-block;
	margin-right: 2px;
}

.lista_exportarreportes .formatos>* {
	display: inline;
	position: relative;
}

.lista_exportarreportes .formatos .iconos {
	position: absolute;
	left: 140px;
	margin-top: 4px;
}

/* El ID al principio esta mas que todo como identificador de donde se usa*/
#lista_referenciacolumnas .referencia, #lista_referenciacolumnas1 .referencia
	{
	display: flex;
	align-items: center;
	margin-bottom: 4px;
}

#lista_referenciacolumnas .referencia .referenciacolor,
	#lista_referenciacolumnas1 .referencia .referenciacolor {
	height: 16px;
	width: 16px;
}

#lista_referenciacolumnas .referencia p, #lista_referenciacolumnas1 .referencia p
	{
	margin: 0px 0px 0px 6px;
}

#lista_referenciacolumnas h4, #lista_referenciacolumnas1 h4 {
	margin: 10px 0px 0px 0px;
}

/*	Submenu ...........................................................*/
.listas_cabeza .submenu {
	position: relative;
	margin-bottom: 10px;
	/*
	min-height: 40px;
	display: flex;
	align-items: center;
	height: 40px;
	background-color: #ccc;
	padding: 4px 8px;
	*/
	border-radius: 4px 4px 4px 4px;
}

.listas_cabeza .submenu h3 {
	display: inline;
	margin: 0px;
	padding: 0px;
}

.listas_cabeza .submenu .botones {
	display: inline;
	position: absolute;
	margin-top: -4px;
	right: -4px;
}

.listas_cabeza .submenu .botones div {
	float: right;
	margin-left: 10px;
}

.listas_cabeza .submenu .botones .botoncerrar {
	width: 22px;
	height: 22px;
}

.listas_cabeza .submenu .botones .botoncerrar span {
	font-size: 16px !important;
}

/* 
====================================================================================================================================

	Buscador

====================================================================================================================================
*/
.sisa_buscador {
	position: relative;
	display: flex;
	align-items: center;
	float: right;
	height: 32px;
	/*
	height: 40px;
    padding: 8px;
    border-radius: 4px 4px 4px 4px;
    background-color: #e8e8e8;
	box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.5);
	*/
}

.sisa_buscador>div {
	margin: 5px 0px 5px 10px;
}

.sisa_buscador p {
	margin: 0px;
}

.sisa_buscador_select {
	/*
	de ahora en mas controlamos el width con las clases util_w...
	width: 120px; 
	*/
	height: 36px;
	padding: 6px 4px 6px 0px;
	font-size: 14px;
	line-height: 1.42857;
	border: 1px solid rgb(204, 204, 204);
	border-radius: 4px;
}

.sisa_buscador .form-control {
	margin: 0;
	height: 36px;
	width: 130px;
}

#sisa_buscador_resultado p {
	font-size: 10px;
	color: #3366ff;
}

/* 
====================================================================================================================================
====================================================================================================================================

	Iconos

====================================================================================================================================
====================================================================================================================================
*/
/* Iconos generales  - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/
/* reveer */
.bot_ico_general_ordenarascendente {
	position: relative;
	float: left;
	height: 12px;
	width: 16px;
	background-image:
		url(../imagenes/iconos/bot_ico_general_ordenarascendente.svg);
	background-repeat: no-repeat;
	margin: 4px 4px 0px 0px;
}

.ico_alcentral {
	margin: auto !important;
	/*
	margin-right: auto;
	margin-left: auto;
	margin-top: auto;
	margin-bottom: auto;
	*/
}

.ico_sisageneral {
	height: 48px;
	width: 48px;
	background-image: url(../imagenes/svg/iconos/ico_sisageneral.svg);
}

/* Iconos para los modulos  =============================================== */
.ico_16 {
	width: 16px !important;
	height: 16px !important;
}

.ico_24 {
	width: 24px !important;
	height: 24px !important;
}

.ico_32 {
	width: 32px !important;
	height: 32px !important;
}

.ico_48 {
	width: 48px !important;
	height: 48px !important;
}

.ico_16, .ico_24, .ico_32, .ico_48 {
	background-repeat: no-repeat;
	background-size: 100%;
}

.ico_mod_cus {
	background-image: url(../imagenes/svg/modulos/mod_cus.svg);
}

.ico_mod_agenda {
	background-image: url(../imagenes/svg/modulos/mod_agenda.svg);
}

.ico_mod_autoridades {
	background-image:
		url(../imagenes/svg/modulos/mod_autoridadesyreferentes.svg);
}

.ico_mod_buscador {
	background-image: url(../imagenes/svg/modulos/mod_buscador.svg);
}

.ico_mod_comunidad {
	background-image: url(../imagenes/svg/modulos/mod_comunidad.svg);
}

.ico_mod_biblioteca {
	background-image: url(../imagenes/svg/modulos/mod_biblioteca.svg);
}

.ico_mod_capacitacion {
	background-image: url(../imagenes/svg/modulos/mod_capacitacion.svg);
}

.ico_mod_central {
	background-image: url(../imagenes/svg/modulos/mod_central.svg);
}

.ico_mod_codificaciones {
	background-image: url(../imagenes/svg/modulos/mod_codificaciones.svg);
}

.ico_mod_geosisa {
	background-image: url(../imagenes/svg/modulos/mod_geosisa.svg);
}

.ico_mod_movile {
	background-image: url(../imagenes/svg/modulos/mod_movile.svg);
}

.ico_mod_puco {
	background-image: url(../imagenes/svg/modulos/mod_puco.svg);
}

.ico_mod_serviciosweb {
	background-image: url(../imagenes/svg/modulos/mod_serviciosweb.svg);
}

.ico_mod_seisabi {
	background-image: url(../imagenes/svg/modulos/mod_sisabi.svg);
}

.ico_mod_verificador {
	background-image: url(../imagenes/svg/modulos/mod_verificar.svg);
}

.ico_mod_cus, .ico_mod_agenda, .ico_mod_autoridades, .ico_mod_buscador,
	.ico_mod_comunidad, .ico_mod_biblioteca, .ico_mod_capacitacion,
	.ico_mod_central, .ico_mod_codificaciones, .ico_mod_geosisa,
	.ico_mod_movile, .ico_mod_puco, .ico_mod_serviciosweb, .ico_mod_seisabi,
	.ico_mod_verificador {
	height: 48px;
	width: 48px;
}

/* Acciones de lista  =============================================== */
/*  */
.bot_al {
	display: flex;
	align-items: center;
	position: relative;
	float: left;
	/* original 
	height: 30px;
	width: 30px; */
	height: 24px;
	width: 24px;
	border-radius: 4px;
	cursor: pointer;
	background-repeat: no-repeat;
	background-position: 4px 4px;
}

.bot_al span {
	/*
	position: relative; top: -1px; left: 0px; 
	*/
	height: 24px;
	width: 24px;
}

/*	boton en barra / alternativo	*/
.bot_al_bot_inv {
	color: #595959;
	background-color: rgba(153, 153, 153, 0);
	padding: 4px;
}

.bot_al_bot_inv:hover {
	color: #fff;
	background-color: #3366ff;
	padding: 3px 3px;
	border: solid 1px rgba(153, 153, 153, 1);
	border-radius: 4px;
	box-shadow: 0 0 2px rgba(153, 153, 153, .85) !important;
	cursor: pointer;
}

.bot_al_neg_inv {
	color: #990033;
	background-color: rgba(153, 153, 153, 0);
	padding: 4px;
}

.bot_al_neg_inv:hover {
	color: #fff;
	background-color: #cc0033;
	padding: 3px 3px;
	border: solid 1px rgba(153, 153, 153, 1);
	border-radius: 4px;
	box-shadow: 0 0 2px rgba(153, 153, 153, .85) !important;
	cursor: pointer;
}

.bot_al_bot {
	color: #595959;
	background-color: rgba(153, 153, 153, 0);
	padding: 4px;
}

.bot_al_bot:hover {
	color: #3366ff;
	background-color: rgba(153, 153, 153, .1);
	padding: 3px 3px;
	border: solid 1px rgba(153, 153, 153, 1);
	border-radius: 4px;
	box-shadow: 0 0 2px rgba(153, 153, 153, .85) !important;
	cursor: pointer;
	text-decoration: none;
}
/*	boton general	*/
.bot_al_gen {
	color: #000099;
	background-color: rgba(153, 153, 153, 0);
	padding: 4px;
}

.bot_al_gen:hover {
	color: #3366ff;
	background-color: rgba(153, 153, 153, .1);
	padding: 3px 3px;
	border: solid 1px rgba(153, 153, 153, 1);
	border-radius: 4px;
	box-shadow: 0 0 2px rgba(153, 153, 153, .85) !important;
	cursor: pointer;
}
/*	accion positiva	*/
.bot_al_pos {
	color: #006633;
	background-color: rgba(153, 153, 153, 0);
	padding: 4px;
}

.bot_al_pos:hover {
	color: #009933;
	background-color: rgba(153, 153, 153, .1);
	padding: 3px 3px;
	border: solid 1px rgba(153, 153, 153, 1);
	border-radius: 4px;
	box-shadow: 0 0 2px rgba(153, 153, 153, .85) !important;
	cursor: pointer;
}
/*	accion negativa	*/
.bot_al_neg {
	color: #990033;
	background-color: rgba(153, 153, 153, 0);
	padding: 4px;
}

.bot_al_neg:hover {
	color: #cc0033;
	background-color: rgba(153, 153, 153, .1);
	padding: 3px 3px;
	border: solid 1px rgba(153, 153, 153, 1);
	border-radius: 4px;
	box-shadow: 0 0 2px rgba(153, 153, 153, .85) !important;
	cursor: pointer;
}
/*	imprimir / constancias	*/
.bot_al_imp {
	color: #e5007d;
	background-color: rgba(153, 153, 153, 0);
	padding: 4px;
}

.bot_al_imp:hover {
	color: #ea3397;
	background-color: rgba(153, 153, 153, .1);
	padding: 3px 3px;
	border: solid 1px rgba(153, 153, 153, 1);
	border-radius: 4px;
	box-shadow: 0 0 2px rgba(153, 153, 153, .85) !important;
	cursor: pointer;
}
/*	documento adjunto	*/
.bot_al_adj {
	color: #008985;
	background-color: rgba(153, 153, 153, 0);
	padding: 4px;
}

.bot_al_adj:hover {
	color: #33a19d;
	background-color: rgba(153, 153, 153, .1);
	padding: 3px 3px;
	border: solid 1px rgba(153, 153, 153, 1);
	border-radius: 4px;
	box-shadow: 0 0 2px rgba(153, 153, 153, .85) !important;
	cursor: pointer;
}
/*	Ciudadano / cmdb	*/
.bot_al_ciu {
	color: #ff7900;
	background-color: rgba(153, 153, 153, 0);
	padding: 4px;
}

.bot_al_ciu:hover {
	color: #ff9433;
	background-color: rgba(153, 153, 153, .1);
	padding: 3px 3px;
	border: solid 1px rgba(153, 153, 153, 1);
	border-radius: 4px;
	box-shadow: 0 0 2px rgba(153, 153, 153, .85) !important;
	cursor: pointer;
}
/*	REFES	*/
.bot_al_est {
	color: #3e699c;
	background-color: rgba(153, 153, 153, 0);
	padding: 4px;
}

.bot_al_est:hover {
	color: #6587b0;
	background-color: rgba(153, 153, 153, .1);
	padding: 3px 3px;
	border: solid 1px rgba(153, 153, 153, 1);
	border-radius: 4px;
	box-shadow: 0 0 2px rgba(153, 153, 153, .85) !important;
	cursor: pointer;
}
/*	REFEPS	*/
.bot_al_pro {
	color: #a13d3b;
	background-color: rgba(153, 153, 153, 0);
	padding: 4px;
}

.bot_al_pro:hover {
	color: #b46462;
	background-color: rgba(153, 153, 153, .1);
	padding: 3px 3px;
	border: solid 1px rgba(153, 153, 153, 1);
	border-radius: 4px;
	box-shadow: 0 0 2px rgba(153, 153, 153, .85) !important;
	cursor: pointer;
}
/*	Renaper	*/
.bot_al_ren {
	color: #199dce;
	background-color: rgba(153, 153, 153, 0);
	padding: 4px;
}

.bot_al_ren:hover {
	color: #47b1d8;
	background-color: rgba(153, 153, 153, .1);
	padding: 3px 3px;
	border: solid 1px rgba(153, 153, 153, 1);
	border-radius: 4px;
	box-shadow: 0 0 2px rgba(153, 153, 153, .85) !important;
	cursor: pointer;
}
/*	boton archivo pdf / inactivo	*/
.bot_al_pdf {
	color: #980e11;
	background-color: rgba(153, 153, 153, 0);
	padding: 4px;
}

.bot_al_pdf:hover {
	color: #c41f25;
	background-color: rgba(153, 153, 153, .1);
	padding: 3px 3px;
	border: solid 1px rgba(153, 153, 153, 1);
	border-radius: 4px;
	box-shadow: 0 0 2px rgba(153, 153, 153, .85) !important;
	cursor: pointer;
}
/*	boton archivo xls / inactivo	*/
.bot_al_xls {
	color: #538528;
	background-color: rgba(153, 153, 153, 0);
	padding: 4px;
}

.bot_al_xls:hover {
	color: #7fbd3d;
	background-color: rgba(153, 153, 153, .1);
	padding: 3px 3px;
	border: solid 1px rgba(153, 153, 153, 1);
	border-radius: 4px;
	box-shadow: 0 0 2px rgba(153, 153, 153, .85) !important;
	cursor: pointer;
}
/*	boton archivo csv / inactivo	*/
.bot_al_csv {
	color: #b85095;
	background-color: rgba(153, 153, 153, 0);
	padding: 4px;
}

.bot_al_csv:hover {
	color: #d972b6;
	background-color: rgba(153, 153, 153, .1);
	padding: 3px 3px;
	border: solid 1px rgba(153, 153, 153, 1);
	border-radius: 4px;
	box-shadow: 0 0 2px rgba(153, 153, 153, .85) !important;
	cursor: pointer;
}
/*	boton desactivado / inactivo	*/
.bot_al_des {
	color: #cecece;
	background: none;
	border: none !important;
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0) !important;
	padding: 4px !important;
}

.bot_al_des:hover {
	color: #cecece;
	background: none;
	border: none !important;
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0) !important;
	padding: 4px !important;
	cursor: not-allowed;
}

/* Logos navegadores  =============================================== */
.ico_navegador_chrome {
	position: relative;
	height: 48px;
	width: 48px;
	background-image: url(../imagenes/navegador_chrome.png);
	background-repeat: no-repeat;
}

.ico_navegador_firefox {
	position: relative;
	height: 48px;
	width: 48px;
	background-image: url(../imagenes/navegador_firefox.png);
	background-repeat: no-repeat;
}

/* 
====================================================================================================================================
====================================================================================================================================

	PopUps

====================================================================================================================================
====================================================================================================================================
*/
#popupLoguin .util_rec_sfa3 {
	height: 76px;
}

#popupLoguin .util_rec_sfa3 a {
	position: relative;
	top: 8px;
	line-height: 22px;
}

#popupCiudadano .util_rec_sfa3 {
	height: 76px;
	width: 150px;
}

#popupCiudadano .util_rec_sfa3 a {
	position: relative;
	top: 8px;
	line-height: 22px;
}

/*
====================================================================================================================================
	
	Formulario

*/
.Formulario {
	width: 100% !important;
}

.Formulario .item {
	position: relative;
	display: flex;
	flex-direction: row;
	align-items: center !important;
	margin-bottom: 8px;
}

.Formulario .item * {
	margin: 0px 8px;
	padding: 0px;
}

.Formulario .item p {
	margin: 0px;
}

.Formulario .item select, .Formulario .item input {
	margin-left: 8px;
	margin-right: 16px;
}

.Formulario .item select {
	padding: 6px 4px 6px 0px !important;
}

.Formulario>.row>h2, .Formulario>.row>h3 {
	padding: 0px 15px;
	margin-bottom: 20px;
}

#snvsGrillaEdicion .FormularioLectura label,
#snvsGrillaEdicion .FormularioEdicion label {color: #333; font-size: 12px; font-weight: normal; text-align: right; padding: 0px 4px 0px 14px !important;}

#snvsGrillaEdicion .FormularioEdicion .form_rb_vertical input[type="radio"] {	position: relative; left: 0px; top: -3px; }
#snvsGrillaEdicion .FormularioEdicion .form_rb_vertical > span {					position: relative; width: 150px !important; }

#snvsGrillaEdicion .FormularioEdicion .form_rb_vertical > *  { display: flex;	flex-direction: row-reverse; align-items: flex-start !important;}
#snvsGrillaEdicion .FormularioEdicion .form_rb_vertical {	position: relative; display: flex;	flex-direction: row; align-items: flex-start !important; width: 100% !important; margin: 0px 25%;}

#snvsGrillaEdicion .FormularioEdicion .form_rb_vertical > div > input[type="radio"] {	position: absolute; left: 0px; }
#snvsGrillaEdicion .FormularioEdicion .form_rb_vertical > div > * {	display: flex; }
#snvsGrillaEdicion .FormularioEdicion .form_rb_vertical > *  { display: flex;	flex-direction: column; align-items: flex-start !important;}

/* Ver con Kennny */ 

#snvsGrillaEdicion .FormularioEdicion .form_rb input[type="radio"] {	position: absolute; left: 0px; top: 2px; }
#snvsGrillaEdicion .FormularioEdicion .form_rb > span {					position: relative; width: 150px !important; }

#snvsGrillaEdicion .FormularioEdicion .form_rb > *  { display: flex;	flex-direction: row-reverse; align-items: flex-start !important;}
#snvsGrillaEdicion .FormularioEdicion .form_rb {	position: relative; display: flex;	flex-direction: row; align-items: flex-start !important; width: 100% !important; margin: 0px 25%;}

#snvsGrillaEdicion .FormularioEdicion .form_rb > div > input[type="radio"] {	position: absolute; left: 0px; }
#snvsGrillaEdicion .FormularioEdicion .form_rb > *  { display: flex;	flex-direction: column; align-items: flex-start !important;}


#snvsGrillaEdicion .FormularioEdicion .tabla .sisa-SisaLabel,
#snvsGrillaEdicion .FormularioLectura .tabla .sisa-SisaLabel{color: #333; font-size: 12px; font-weight: normal; text-align: right; margin-right: 10px !important;}
#snvsGrillaEdicion .FormularioEdicion .tabla .sisa-GridFormField,
#snvsGrillaEdicion .FormularioLectura .tabla .sisa-GridFormField{border-spacing: 1px;}
#snvsGrillaEdicion .FormularioEdicion .tabla,
#snvsGrillaEdicion .FormularioLectura .tabla{height: auto !important}





/*
====================================================================================================================================

	Usuarios

*/
/*	Modificacion para interface de Usuarios	*/


.FormularioEdicion .item span {	font-size: 16px; padding: 0px 4px; color: #000099; display: flex; flex-direction: row; align-items: center; }
.FormularioLectura .item{			
	position: relative; display: flex;	flex-direction: row; align-items: flex-start; margin-bottom: 8px;	
	min-height: 27px !important; margin: 0 10px;
	}
    
.FormularioEdicion label {color: #333; font-size: 12px; font-weight: normal; text-align: right; padding-right: 4px !important; width: 100%; margin-left: 5px !important;}



/*
====================================================================================================================================
	
	Ficha del ciudadano

*/
#cabezaFicha_datosciudadano {
	width: 34% !important;
}

#cabezaFicha_paneles, #cabezaFicha_mensajes {
	width: 33% !important;
	margin-left: 20px;
}

#cabezaFicha_datosciudadano #foto_ciudadano {
	width: 150px;
	height: 200px;
	overflow: hidden;
}

#cabezaFicha_datosciudadano #foto_ciudadano img {
	width: 100%;
	height: 100%;
}

#cabezaFicha_datosciudadano #datosPersonales_iconosdeestado {
	height: 24px; /*width: 100%; background-color: #000;*/
}

#cabezaFicha_datosciudadano * {
	margin: 0px;
}

#cabezaFicha_datosciudadano p { /*line-height: 12px;*/
	margin: 0px;
}

#cabezaFicha_datosciudadano .datosPersonales_1rajerarquia {
	margin-bottom: 20px;
}

#cabezaFicha_datosciudadano .datosPersonales_1rajerarquia>div {
	margin-bottom: 6px;
}

#cabezaFicha_mensajes h4, #cabezaFicha_paneles h4 {
	font-size: 13px;
	font-weight: normal;
	color: #595959 !important;
}

#cabezaFicha_paneles {
	margin-left: -20px !important;
}
/*#cabezaFicha_paneles .row > div{	margin-top: 2px;
padding: 0px !important;}
*/
#contenidoFicha_botonera {
	position: relative;
	z-index: 1;
	margin: 0px 20px;
}

#contenidoFicha_botonera>div {
	margin-left: 8px;
	width: 25%;
}

#contenidoFicha_botonera>div:first-child {
	margin-left: 0px;
}

#contenidoFicha_botonera .botonera_texto {
	display: block;
	padding: 4px 10px;
	widows: 70%;
}

#contenidoFicha_botonera .botonera_texto h3, #contenidoFicha_botonera .botonera_texto p
	{
	margin: 0px;
	color: #333;
	font-weight: normal;
}

#contenidoFicha_panel {
	position: relative;
	z-index: 2;
	padding: 20px 20px 20px 20px;
}

#contenidoFicha_panel .boton {
	margin-left: 10px;
}

#resumendeprestaciones {
	line-height: 1 !important;
}

#resumendeprestaciones>div {
	margin-right: 16px;
}

#resumendeprestaciones .numeroPrestaciones {
	position: relative;
	z-index: 6;
	float: left;
	top: -10px;
	left: 23px;
	width: 26px;
	height: 26px;
	background-color: #009933; /* antes 333 */
	border-radius: 14px;
	border: 2px solid #fff;
}

#resumendeprestaciones .numeroPrestaciones p {
	position: relative;
	font-size: 12px;
	text-align: center;
	color: #fff;
	top: 5px;
}

#resumendeprestaciones .col-xs-2 {
	width: 20% !important;
	margin-top: 5px;
}

#resumendeprestaciones .col-xs-2:hover .registro>div {
	box-shadow: 0 1px 4px rgba(51, 102, 255, 1) !important;
	cursor: pointer;
}

#resumendeprestaciones .col-xs-2:hover h4 {
	color: #3366ff !important;
	font-weight: bold;
}

#resumendeprestaciones .registro {
	position: relative;
	z-index: 1;
	margin-top: 0px;
}

#resumendeprestaciones .registro span {
	font-size: 24px;
	position: relative;
	top: -19px;
	left: -4px;
}

#resumendeprestaciones .registro>div {
	width: 36px;
	height: 36px;
	border-radius: 8px;
	padding: 10px;
}

#resumendeprestaciones h4 {
	font-size: 13px;
	text-align: center;
	color: #595959 !important;
	margin-top: 2px;
	margin-left: -9px;
}

#fichaCiudadano  #herramientas>span, #fichaCiudadano  #mensajes>span,
	#fichaCiudadano  #alertas>span {
	margin-right: 10px;
}

#fichaCiudadano  #cabezaFicha_mensajes span {
	font-size: 24px;
	top: 2px;
}

#fichaCiudadano  #cabezaFicha_mensajes table {
	font-size: 13px;
}

#fichaCiudadano  #cabezaFicha_mensajes table th:first-child,
	#fichaCiudadano  #cabezaFicha_mensajes table td:first-child {
	background-color: white !important;
}

#fichaCiudadano  #lista_seccion {
	height: 203px;
	overflow: auto;
}

/*	Paneles - - - - - - - - - - - -	*/
#cabezaFicha_paneles>div>div, #cabezaFicha_mensajes>div {
	background-color: white;
	border-radius: 4px;
	padding: 10px;
	box-shadow: 0 1px 4px rgba(0, 0, 0, .5) !important;
}

#cabezaFicha_paneles .panel_resumendeprestaciones {
	height: 161px;
}

#cabezaFicha_paneles>div>div:first-child {
	margin-bottom: 10px;
}




/*	Solapas - - - - - - - - - - - -	 - - - - - - - - - - - -	 - - - - - - - - - - - -	*/
/*	Generales - - - - - - - - - - - -	*/
#infoFicha_panel_Ciudadano .menu, #infoFicha_panel_Prestaciones .menu {
	width: 150px !important;
}

#infoFicha_panel_Ciudadano .secciones, #infoFicha_panel_Prestaciones .secciones
	{ /*width: 1040px !important ;width: 87% !important;*/
	
}

#infoFicha_panel_Ciudadano .secciones .marcador,
	#infoFicha_panel_Prestaciones .secciones .marcador {
	align-items: stretch;
}

#infoFicha_panel_Ciudadano .secciones .marcador .linea,
	#infoFicha_panel_Prestaciones .secciones .marcador .linea {
	width: 20px !important;
	background-color: gray;
	/* min-height: 20px !important;display: inline-flex;*/
}

#infoFicha_panel_Ciudadano .menu, #infoFicha_panel_Prestaciones .menu {
	text-align: right;
}

#infoFicha_panel_Ciudadano .menu>div, #infoFicha_panel_Prestaciones .menu>div
	{
	padding: 10px;
	margin-left: 10px;
	margin-top: 4px;
	border-radius: 4px 0px 0px 4px;
	bacground-color: #3366ff;
	box-shadow: 0 1px 4px rgba(0, 0, 0, .5) !important;
	cursor: pointer;
}

#infoFicha_panel_Ciudadano .menu>div span, #infoFicha_panel_Prestaciones .menu>div span
	{
	font-size: 32px;
}

#infoFicha_panel_Ciudadano .menu>div h4, #infoFicha_panel_Prestaciones .menu>div h4
	{
	margin: 4px 0 0 0;
}

#infoFicha_panel_Ciudadano .secciones, #infoFicha_panel_Prestaciones .secciones
	{ /*background-color: gray;*/
	
}

#infoFicha_panel_Ciudadano .secciones>.row,
	#infoFicha_panel_Prestaciones .secciones>.row {
	padding: 0 40px;
}

#infoFicha_panel_Ciudadano .secciones>.row h2,
	#infoFicha_panel_Prestaciones .secciones>.row h2 {
	margin-bottom: 20px;
}

#infoFicha_panel_Ciudadano .secciones>.row>.col-xs-12,
	#infoFicha_panel_Ciudadano .secciones>.row>.col-xs-6,
	#infoFicha_panel_Ciudadano .secciones>.row>.col-xs-4,
	#infoFicha_panel_Ciudadano .secciones>.row>.col-xs-3,
	#infoFicha_panel_Prestaciones .secciones>.row>.col-xs-12,
	#infoFicha_panel_Prestaciones .secciones>.row>.col-xs-6,
	#infoFicha_panel_Prestaciones .secciones>.row>.col-xs-4,
	#infoFicha_panel_Prestaciones .secciones>.row>.col-xs-3 {
	/*background-color: yellow;*/
	padding-left: 0px !important;
}

/*	Ciudadano - - - - - - - - - - - -	*/
#infoFicha_panel_Ciudadano .menu>div {
	background-color: white;
}

/*	Prestaciones - - - - - - - - - - - -	*/
#infoFicha_panel_Prestaciones .menu>div .numeroPrestaciones {
	position: relative;
	z-index: 6;
	float: left;
	top: 13px;
	left: -23px;
	width: 26px;
	height: 26px;
	background-color: #009933;
	border-radius: 14px;
	border: 2px solid #fff;
}

#infoFicha_panel_Prestaciones .menu>div .numeroPrestaciones p {
	position: relative;
	font-size: 12px;
	text-align: center;
	color: #fff;
	top: 3px;
}

#infoFicha_panel_Prestaciones .menu>div span,
	#infoFicha_panel_Prestaciones .menu>div h4 {
	color: white;
}






/*
====================================================================================================================================
	
	Homes

*/



/*	RENIS    . . . . . . . . . . . . . . . . . . . .	*/


/*	RECS    . . . . . . . . . . . . . . . . . . . .	*/

.homes .recs h2{	position: relative; top: 8px;}
.homes .recs > div .icono{	position: relative; left: 50%; margin-left: -48px; margin-top: 16px;}





/*	Homes (version 2)    . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .	*/


.homes_v2 .menu > div > div > .imagen{	position: relative; height: 96px; overflow: hidden;}

.homes_v2 .menu > div > div > .imagen > .icono{				position: relative;	top: 12px; left: 0px; z-index: 5;}
.homes_v2 .menu > div > div > .imagen > .icono > span{	
	font-size: 48px;
	color: white; 
	position: relative;	
	top: 15px;
	left: 50%;	
	margin-left: -24px;  
	z-index: 25; 
}
.homes_v2 .menu > div > div > .imagen > .icono > span:last-child{	
	font-size: 48px;
	color: rgba(0, 0, 0, 0.3); 
	position: relative;	
	top: 15px;
	left: 50%;	
	margin-left: -48px;; 
	z-index: 15; 
}


.homes_v2 .menu > div > div > .imagen > .color {	position: absolute;	top: 0px; left: 0px; z-index: 2; height: 96px; width: 100%; background-color: green; opacity: .6;}
.homes_v2 .menu > div:nth-child(1) > div > .imagen > .color{	background-color: #3314cc;}
.homes_v2 .menu > div:nth-child(2) > div > .imagen > .color{	background-color: #cc4a14;}
.homes_v2 .menu > div:nth-child(3) > div > .imagen > .color{	background-color: #3366ff;}
.homes_v2 .menu > div:nth-child(4) > div > .imagen > .color{	background-color: #665c99;}
.homes_v2 .menu > div:nth-child(5) > div > .imagen > .color{	background-color: #ff9900;}
.homes_v2 .menu > div:nth-child(6) > div > .imagen > .color{	background-color: #3314cc;}
.homes_v2 .menu > div:nth-child(7) > div > .imagen > .color{	background-color: #CC4E14;}
.homes_v2 .menu > div:nth-child(8) > div > .imagen > .color{	background-color: #995A3D;}
.homes_v2 .menu > div:nth-child(9) > div > .imagen > .color{	background-color: #4041FF;}
.homes_v2 .menu > div:nth-child(10) > div > .imagen > .color{	background-color: #3914CC;}
.homes_v2 .menu > div:nth-child(11) > div > .imagen > .color{	background-color: #220C7A;}
.homes_v2 .menu > div:nth-child(12) > div > .imagen > .color{	background-color: #262799;}
.homes_v2 .menu > div:nth-child(13) > div > .imagen > .color{	background-color: #5C3625;}
.homes_v2 .menu > div:nth-child(14) > div > .imagen > .color{	background-color: #7A2F0C;}

.homes_v2 .menu > div > div > .imagen > .foto {  			position: absolute;	top: 0px; left: 0px; z-index: 1;}
.homes_v2 .menu > div > div > .imagen > .foto > img { width: 100%; height: auto; border-radius: 4px 4px 0px 0px;}
.homes_v2 .menu > div > div > .imagen > .foto,
.homes_v2 .menu > div > div > .imagen > .color {  		border-radius: 4px 4px 0px 0px; }

.homes_v2 .menu > div > div > .texto{									padding: 10px 4px;}
.homes_v2 .menu > div > div > .texto > *{							text-align: center; margin-bottom: 4px; }
.homes_v2 .menu > div > div > .texto > *:last-child{	margin-bottom: 0px; }





/*
====================================================================================================================================
	
	Padrón de ciudadanos

*/
#padron_botonera .util_display_block>div {
	position: relative;
	z-index: 1;
	margin: 4px 0px;
}

padron_botonera h4, #padron_botonera span {
	margin: 0px;
	color: #333;
}

#padron_contenido {
	position: relative;
	width: 100%;
}

#padron_contenido  .padron_campos_simple {
	position: relative;
	width: 100%;
	left: 50%;
	margin-left: -15%;
}

#padron_contenido  .padron_campos_avanzado {
	position: relative;
	width: 100%;
	left: 50%;
	margin-left: -19%;
}

#padron_contenido  .padron_campos_lector_optico {
	position: relative;
	width: 100%;
	left: 50%;
	margin-left: -17%;
}

#padron_contenido .alineaCentroContenedor {
	height: 108px;
}

#padron_contenido .alineaCentro {
	position: absolute;
	left: 50%;
	margin-left: -130px;
}

/*
====================================================================================================================================
	
	Agenda Sanitaria

*/


#agendaSanitaria_panel .descargas a,
#agendaSanitaria_panel .listados a{			position: relative; top: 3px; text-decoration:none;	}
#agendaSanitaria_panel .descargas a > span{	top: -3px !important; position: relative; }
#agendaSanitaria_panel .listados .item label.alineado {    margin-top: 9px !important;}


/*
====================================================================================================================================
	
	Capacitación SISA

*/
#capacitacionSisa_botonera {
	position: relative;
	z-index: 1;
	margin: 0px 20px;
}

#capacitacionSisa_botonera>div {
	margin-left: 8px;
	width: 25%;
}

#capacitacionSisa_botonera>div:first-child {
	margin-left: 0px;
}

#capacitacionSisa_botonera .botonera_texto {
	display: block;
	padding: 4px 10px;
	widows: 70%;
}

#capacitacionSisa_botonera .botonera_texto h3,
	#capacitacionSisa_botonera .botonera_texto p {
	margin: 0px;
	color: #333;
}

#capacitacionSisa_panel {
	position: relative;
	z-index: 2;
	padding: 60px 40px 20px 40px;
}

#capacitacionSisa_panel .boton {
	margin-left: 10px;
}

/*
====================================================================================================================================
	
	Soporte Técnico

*/
#soporteTecnico_botonera {
	position: relative;
	z-index: 1;
	margin: 0px 20px;
}

#soporteTecnico_botonera>div {
	margin-left: 8px;
	width: 25%;
}

#soporteTecnico_botonera>div:first-child {
	margin-left: 0px;
}

#soporteTecnico_botonera .botonera_texto {
	display: block;
	padding: 4px 10px;
	widows: 70%;
}

#soporteTecnico_botonera .botonera_texto h3 {
	margin: 10px 0px 20px 0px;
	color: #333;
}

#soporteTecnico_panel {
	position: relative;
	z-index: 2;
	padding: 60px 40px 20px 40px;
}

#soporteTecnico_panel .boton {
	margin-left: 10px;
}

/* 
====================================================================================================================================
====================================================================================================================================

	Reescribe bootstrap 3

====================================================================================================================================
====================================================================================================================================
*/
.container {
	padding-right: 0px;
	padding-left: 0px;
	margin-right: auto;
	margin-left: auto;
}

.panel {
	border: none;
	/* som */
	box-shadow: 0 1px 4px rgba(0, 0, 0, .5);
}

.panel-body ul {
	padding: 0px;
	margin: 0px;
} /* Edd */
.modal-header {
	padding: 15px;
	border-bottom: 1px solid rgb(229, 229, 229);
	background-color: #000099; /* A2 */
	color: #fff;
}

.modal-header h3, .modal-header span {
	color: #fff;
}

.modal-header h3 {
	font-weight: normal;
	/*font-size: 18px;*/
	margin: 8px 0 0 0;
}

.modal-header .botones {
	position: absolute;
	right: 10px;
}

.modal .contenido_icono {
	float: left;
	width: 68px;
}

.modal .contenido_descripcion {
 	float: left; 
	width: 400px;
}

.modal-footer {
	padding: 15px;
	text-align: right;
	/*border-top: rgba(0,0,0,.2) solid 2px; */
	background-color: #cecece;
}

.modal-header .boton_general {
	background-color: #4040ff; /* A4 */
}

.modal-header .boton_general:hover {
	background-color: #3366ff; /* A3 */
}


.modal .contenido_icono {
	float: left;
	width: 68px;
}

.modal .contenido_descripcion {
	float: left;
	/*width: 400px;*/
	display: block; 
}

.modal-body .contenido_icono {
	float: left;
	width: 68px;
}

.modal-body .contenido_descripcion .correctorDeAncho{	width: 500px;	}

.modal-footer {
	padding: 15px;
	text-align: right;
	/*border-top: rgba(0,0,0,.2) solid 2px; */
	background-color: #cecece;
}

.popupContent .modal-body > .container-fluid > .row > .contenido_descripcion{	width: 460px !important; }

/*
====================================================================================================================================
====================================================================================================================================
	
	Responsive  

====================================================================================================================================
====================================================================================================================================

Phones (<768px)	
Small devices Tablets (≥768px)	
Medium devices Desktops (≥992px)	
Large devices Desktops (≥1200px)
*/
/* ************************************************************************************************ */
@media screen and (max-width: 768px) {
	/*	Para Phones*/
	/* Ficha Ciudadano  - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
	#infoFicha_panel_Ciudadano .secciones, #infoFicha_panel_Prestaciones .secciones
		{
		width: 590px;
	}

	/* SISA_BotoneraLateral  - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
	.SISA_BotoneraLateral>.secciones {
		width: 600px;
	}
}

/* ************************************************************************************************ */
@media screen and (min-width: 768px) {
	/*	Para Small devices Tablets*/
	/* Ficha Ciudadano  - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
	#infoFicha_panel_Ciudadano .secciones, #infoFicha_panel_Prestaciones .secciones
		{
		width: 590px;
	}

	/* SISA_BotoneraLateral  - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
	.SISA_BotoneraLateral>.secciones {
		width: 600px;
	}
}

/* ************************************************************************************************ */
@media screen and (min-width: 992px) {
	/*	Para Medium devices Desktops*/
	/* Ficha Ciudadano  - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
	#infoFicha_panel_Ciudadano .secciones, #infoFicha_panel_Prestaciones .secciones
		{
		width: 810px;
	}

	/* SISA_BotoneraLateral  - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
	.SISA_BotoneraLateral>.secciones {
		width: 820px;
	}
}

/* ************************************************************************************************ */
@media screen and (min-width: 1200px) {
	/*	Desktops copadas*/
	/* Ficha Ciudadano  - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
	#infoFicha_panel_Ciudadano .secciones, #infoFicha_panel_Prestaciones .secciones
		{
		width: 1010px;
	}

	/* SISA_BotoneraLateral  - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
	.SISA_BotoneraLateral>.secciones {
		width: 1020px;
	}
}

/* Carousel*/
#custom_carousel .item {
	color: #000;
	background-color: #ffffff;
	padding: 0px;
}

#custom_carousel .controls {
	overflow-x: auto;
	overflow-y: hidden;
	padding: 0;
	margin: 0;
	color: #fff;
	white-space: nowrap;
	text-align: center;
	position: relative;
	background: #3366FF
}

#custom_carousel .controls li {
	display: table-cell;
	width: 1%;
	cursor: pointer;
	max-width: 90px
}

#custom_carousel .controls li.active {
	background-color: #eee;
	border-top: 3px solid orange;
	color: #000;
}

#custom_carousel .controls a small {
	overflow: hidden;
	display: block;
	font-size: 10px;
	margin-top: 5px;
	font-weight: bold
}

#sisa_procesando {
	background: none repeat scroll 0% 0% transparent;
	position: relative;
	width: 48px;
	height: 48px;
	left: 50%;
	top: 50%;
	margin: -24px 0px 30px -24px;
	/*float: left;*/
}

#sisa_procesando .google-spin-wrapper {
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	z-index: 1000;
}

#sisa_procesando .google-spin-wrapper .google-spin {
	display: block;
	position: relative;
	left: 50%;
	top: 50%;
	width: 48px;
	height: 48px;
	margin: 0px 0px 0px -24px;
	border-radius: 50% 50% 50% 50%;
	border-width: 3px;
	border-style: solid;
	border-right: 3px solid transparent;
	border-color: #333333 transparent transparent;
	-moz-border-top-colors: none;
	-moz-border-right-colors: none;
	-moz-border-bottom-colors: none;
	-moz-border-left-colors: none;
	border-image: none;
	animation: 2s linear 0s normal none infinite sisa_procesandoGoogleSpin;
}

#sisa_procesando .google-spin-wrapper {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1000
}

#sisa_procesando .google-spin-wrapper .google-spin {
	display: block;
	position: relative;
	left: 50%;
	top: 50%;
	width: 48px;
	height: 48px;
	margin: 0px 0 0 -24px;
	border-radius: 50%;
	border: 3px solid transparent;
	border-top-color: #000099;
	-webkit-animation: sisa_procesandoGoogleSpin 2s linear infinite;
	-moz-animation: sisa_procesandoGoogleSpin 2s linear infinite;
	-ms-animation: sisa_procesandoGoogleSpin 2s linear infinite;
	-o-animation: sisa_procesandoGoogleSpin 2s linear infinite;
	animation: sisa_procesandoGoogleSpin 2s linear infinite
}

#sisa_procesando .google-spin-wrapper .google-spin:before {
	content: "";
	position: absolute;
	top: 5px;
	left: 5px;
	right: 5px;
	bottom: 5px;
	border-radius: 50%;
	border: 3px solid transparent;
	border-top-color: #ff9900;
	-webkit-animation: sisa_procesandoGoogleSpin 3s linear infinite;
	-moz-animation: sisa_procesandoGoogleSpin 3s linear infinite;
	-ms-animation: sisa_procesandoGoogleSpin 3s linear infinite;
	-o-animation: sisa_procesandoGoogleSpin 3s linear infinite;
	animation: sisa_procesandoGoogleSpin 3s linear infinite
}

#sisa_procesando .google-spin-wrapper .google-spin:after {
	content: "";
	position: absolute;
	top: 12px;
	left: 12px;
	right: 12px;
	bottom: 12px;
	border-radius: 50%;
	border: 3px solid transparent;
	border-top-color: #3366ff;
	-webkit-animation: sisa_procesandoGoogleSpin 2s linear infinite;
	-moz-animation: sisa_procesandoGoogleSpin 2s linear infinite;
	-ms-animation: sisa_procesandoGoogleSpin 2s linear infinite;
	-o-animation: sisa_procesandoGoogleSpin 2s linear infinite;
	animation: sisa_procesandoGoogleSpin 2s linear infinite
}

/*
	azul1 =		#000099;
	azul2 =		#3366ff;
	amarillo =	#ff9900;
	gris =		#333333;
*/
@
-webkit-keyframes sisa_procesandoGoogleSpin { 0%{
	transform: rotate(0deg)
}

100%{
transform
:rotate
(360deg)

	
}
}
@
-moz-keyframes sisa_procesandoGoogleSpin { 0%{
	transform: rotate(0deg)
}

100%{
transform
:rotate
(360deg)

	
}
}
@
-ms-keyframes sisa_procesandoGoogleSpin { 0%{
	transform: rotate(0deg)
}

100%{
transform
:rotate
(360deg)

	
}
}
@
-o-keyframes sisa_procesandoGoogleSpin { 0%{
	transform: rotate(0deg)
}

100%{
transform
:rotate
(360deg)

	
}
}
@
keyframes sisa_procesandoGoogleSpin { 0%{
	transform: rotate(0deg)
}

100%{
transform
:rotate
(360deg)

	
}
}
.sisa-carousel-indicators li {
	background-color: #cecece !important;
	border: 2px solid #cecece !important;
	height: 15px !important;
	width: 15px !important;
}

.sisa_custom_carousel .item {
	/*padding: 10px !important;*/ /*padding-top: 10px !important;*/
	padding-left: 0px !important;
	padding-right: 0px !important;
	padding-bottom: 2px !important;
}

div#custom_carousel.sisa_custom_carousel div.carousel-inner div.item div.container-fluid
	{
	padding-right: 0px !important;
	padding-left: 0px !important;
}

.sisa-container-fluid {
	padding-right: 0px !important;
	padding-left: 0px !important;
}

.sisa-carousel-indicators li.active {
	background-color: #ff9900 !important;
	border: 2px solid #0000AA !important;
	height: 18px !important;
	width: 18px !important;
}

.sisa-carousel-indicators {
	bottom: -8px !important;
}

.dev {
	background-color: #ff9900 !important; /* A3 */
}

.qa {
	background-color: #E0081B !important; /* A3 */
	background-color: #E0081B !important;
	font-size: 14px;
	text-align: center;
	top: 8px !important;
	right: 26% !important;
}

.flotante {
	display: scroll;
	position: absolute;
	top: 18px;
	right: 30%;
}

.custom_row {
	margin-right: -8px !important;
}

.fixedGlass {
	position: fixed;
}

.sisa-PopupPanel {
	background: none repeat scroll 0 0 !important;
	border: 0px !important;
	padding: 0px !important;
	z-index: 999;
}

.searcher-PopupPanel {
	background: none repeat scroll 0 0 !important;
	border: 0px !important;
	padding: 0px !important;
	z-index: 9999;

  width: 60%;
}

@media screen and (max-width: 1300px) {
	.searcher-PopupPanel {
		width: 80% !important;
	}
}

@media screen and (max-width: 1600px) {
	.searcher-PopupPanel {
		width: 75% !important;
	}
}

.searcher-PopupPanel .modal-dialog {
	margin: 30px auto;
	width: 100%;
}

.searcher-PopupPanel .modal-header {
	width: 100%;
}

.searcher-PopupPanel .modal-body {
	background-color: #FFFFFF;
	width: 100%;
}

.searcher-PopupPanel .modal-footer {
	width: 100%;
}

/* Scroll en noticias */
.scroll-box p {
	font-family: arial;
	line-height: 1.2;
	margin: 0px 10px 10px 0px;
}

.scroll-bar-wrap {
	width: 98%;
	position: relative;
	margin: 2em auto;
	height: 180px;
}

.scroll-box {
	width: 98%;
	height: 180px;
	overflow-y: auto;
	text-align: justify;
}

.scroll-box::-webkit-scrollbar {
	width: .4em;
}

.scroll-box::-webkit-scrollbar, .scroll-box::-webkit-scrollbar-thumb {
	overflow: visible;
	border-radius: 4px;
}

.scroll-box::-webkit-scrollbar-thumb {
	background: rgba(0, 0, 0, .2);
}

.cover-bar {
	position: absolute;
	background: #fff;;
	height: 100%;
	top: 0;
	right: 0;
	width: .4em;
	-webkit-transition: all .5s;
	opacity: 1;
}
/* MAGIC HAPPENS HERE */
.scroll-bar-wrap:hover .cover-bar {
	opacity: 0 !important;
	-webkit-transition: all .5s;
}

li#terminarSesion a {
	background-color: #333333 !important;
}

li#terminarSesion a:hover {
	background-color: #F5F5F5 !important;
}

.commandPanel td {
	font-family: 'Roboto', sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #333;
}

.botoncerrar .gwt-Anchor:hover {
	text-decoration: none;
}

#datosPersonales_iconosdeestado .gwt-Anchor:hover {
	text-decoration: none;
}

.comandos_de_pagina .gwt-Anchor:hover {
	text-decoration: none;
}

.controles .gwt-Anchor:hover {
	text-decoration: none;
}

#controlest .gwt-Anchor {
	text-decoration: none;
}

#controlest .gwt-Anchor:hover {
	text-decoration: none;
}

.formatos .gwt-Anchor {
	text-decoration: none;
}

.formatos .gwt-Anchor:hover {
	text-decoration: none;
}

.sisa-FilterPanel .gwt-Anchor {
	text-decoration: none;
}

sisa-FilterPanel .gwt-Anchor {
	text-decoration: none !important;
}

.font-10 table td {
	font-size: 10px !important;
}

.font-12 table td {
	font-size: 12px !important;
}

.font-14 table td {
	font-size: 14px !important;
}

.font-16 table td {
	font-size: 16px !important;
}

.font-18 table td {
	font-size: 18px !important;
}

.cus .opciones_mimenu_registro {
	margin-bottom: 25px;
}

.CentralDeReportes .CodificacionesTipos .seleccionado .registro {
	background-color: #000099;
}

.CentralDeReportes .CodificacionesTipos .registro h4 {
	color: white;
	margin: 0px;
}

.calendario .gwt-TextBox {
	display: block;
	height: 34px;
	width: 100px !important;
	padding: 6px 12px;
	font-size: 14px;
	line-height: 1.42857;
	color: rgb(85, 85, 85);
	background-color: rgb(255, 255, 255);
	background-image: none;
	border: 1px solid rgb(204, 204, 204);
	border-radius: 4px 4px 4px 4px;
	box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset;
	transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s
		ease-in-out 0s;
}

/* Cuando hay dos anidados... 
.SisaPage .SisaPage {
	width: 98%;
	margin-left: 0px;
}
*/
.herramientas>div {
	margin-right: 10px !important;
}

.util_margen_ar60 {
	margin-top: 60px !important;
}

.util_margen_iz40 {
	margin-left: 40px !important;
}

.botones .gwt-Anchor:hover {
	text-decoration: none;
}

.util_col_f_am_2 {
	background-color: #BF7300 !important;
}

.util_col_f_am_1 {
	background-color: #804D00 !important;
}



/*
====================================================================================================================================
	
	Acerca de SISA

*/


.AcercaDeSisa .queEsElSisa .textoSeccion h4 {
	margin-top: 0px; font-size: 16px;
}

.AcercaDeSisa .queEsElSisa .info_colapsable span {
	margin-top: 4px;
}

.sisa-SisaPagePanel-List .AgregarRecetaButton {
	padding-left: 10px;
}

.importForm .importar {
	margin-bottom: 10px;
}

.fileinputs .SeleccionarButton {
	margin-bottom: 5px;
}

.tablaIconosPermisos td {
	padding: 1px !important;
}

.registros .image {
	margin: 1px;
}

.EstablecimientoFotosForm .flotacion {
	float: left;
}

.EstablecimientoFotosForm .sisa-SisaNotePanel {
	margin-top: 20px;
}

.popupContent .sisa-SisaNotePanel {
	margin-top: 20px;
}

.sisa-MasterDetailContent .sisa-SisaPagePanel-List {
	padding-top: 10px;
}

.gwt-PopupPanel-BuscarMuestras {
	width: 90%;
}

.gwt-PopupPanel-BuscarMuestras .contenido_descripcion {
	width: 100%;
}

.gwt-PopupPanel-BuscarMuestras .modal-dialog {
	width: 100%;
}

.paddingCuadrosHome {
	padding-top: 20px;
}

.BNDODrogasGrillaSectionContent {
	margin-bottom: 10px;
}


.sisa-SisaPagePanel-List-215 .pagina_titulo .titulo {
	margin: 0px;
}

.sisa-SisaPagePanel-List-215 .pagina_titulo {
	margin-bottom: 0px;
}



/*	acerca del Sisa	====================================================================================================================	*/

.medicamentos .acercaDelSisaTitulo{	
	font-size: 10px;
    margin-left: -7px !important;
}
.snvs .acercaDelSisaTitulo {	font-size: 14px; }

.telesalud .acercaDelSisaTitulo {	font-size: 13px; }

/* TABLERO DE CONTROL CCC */

input[type="checkbox"] {
    cursor: pointer;
    
}
input[type="checkbox"]:checked{
    cursor: pointer;
}

.breakword{
	white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    width: 200px
}

.textoLargoLista
{
	white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    width: 200px
}

.textoLargoListaDos
{
	white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    width: 400px
}

.dualListBox .draggableItem
{
	white-space: nowrap;
    text-overflow: ellipsis;
    width: 600px
}



.PanelCCC > .registro > div:nth-child(4){		display: flex; align-items: stretch;	color: white; font-size: 25px; font-weight: bold;     text-align: center; width: 20%;	}
.PanelCCC > .registro > div:nth-child(4).supera{		background-color:  #009933; 	align-items: center; justify-content: center;}
.PanelCCC > .registro > div:nth-child(4).noSupera{		background-color:  #cc0033; 	align-items: center; justify-content: center;}
.PanelCCC > .registro > div:nth-child(4).atencion{		background-color:  #ff9900; 	align-items: center; justify-content: center;}
.PanelCCC > .registro > div:nth-child(4).sinDato{		background-color:  #999; 	align-items: center; justify-content: center;}

.PanelCCC > .cabecera > div{	display: flex; align-items: stretch;	padding: 10px 20px;	     justify-content: center;}

.PanelCCC > .registro {	text-decoration: none !important; 
    height: 90px;	}

.PanelCCC_salida .SISA_panel_simple_3c .texto{	display: flex;  }
.PanelCCC_salida .SISA_panel_simple_3c > * > *{	display: initial; }
.PanelCCC_salida .SISA_panel_simple_3c .indice{	align-self: center !important; align-items: center; justify-content: center;}
.PanelCCC_salida .SISA_panel_simple_3c .indice{ /* min-width: 320px !important;*/ width: 420px !important;  max-width: 320px !important; background-color: rgba(0, 0, 0, 0) !important; }
.PanelCCC_salida .SISA_panel_simple_3c .indice{ 
	 font-weight: bold;  text-align:center; color: white; 
	display: initial !important; 
	position: relative;
}
.PanelCCC_salida .SISA_panel_simple_3c.util_bg_neu .indice *{font-size: 20px !important;	color: #333 !important; }
.PanelCCC_salida_ct .SISA_panel_2col_ro.util_bg_neu .indice *{	color: #333 !important; text-align: center; }
.PanelCCC_salida_ct .SISA_panel_2col_ro.util_bg_pos .indice *{	 text-align: center; }
.PanelCCC_salida_ct .SISA_panel_2col_ro.util_bg_neg .indice *{	 text-align: center; }
.PanelCCC_salida_ct .SISA_panel_2col_ro .indice{     justify-content: center;       max-width: 115px !important;     width: 165px !important;}

.programasNacionales .SISA_panel_2col .texto .participa{	
	position: relative;
    top: 5px;
    width: 100% !important;
    padding: 4px 26px;
    border-radius: 4px;
    background-color: #e8e8e8;
    color: black;
    display: flex;
}

/* FIN TABLERO DE CONTROL CCC*/

/*	NOMIVAC	====================================================================================================================	*/


.Nomivac_agrupado .grillaEdicion .campos > .grupo > div {   	display: flex;	align-items: center; }
.Nomivac_agrupado .grillaEdicion .campos > .grupo > div > * {	text-align: center; width: 50% !important;	}
.Nomivac_agrupado .grillaEdicion .referencias > div:nth-child(2) {  min-width: 100px !important; background-color: #ff9900;	}
.Nomivac_agrupado .grillaEdicion .referencias > div:nth-child(2), 
.Nomivac_agrupado .grillaEdicion .campos > div:nth-child(2) {		min-width: 100px !important; text-align: center; background-color: #ff9900;	}
 


.Nomivac_agrupado .totales.celda_nomivac_monitoreo{							min-width: 120px; background-color: #995C00 !important; border-left: rgba(255,255,255,.5) thin solid;	}
.Nomivac_agrupado .totales.celda_nomivac_monitoreo input{					color: white !important;	}
/*	.Nomivac_agrupado .totales.celda_nomivac_monitoreo .bg_naranja_nomivac {	color: white !important; background-color: #995C00 !important;	}	*/
/*	Skeletor: esta linea a continuacion reescribe	.border_right_celda */
	.Nomivac_agrupado .destacado {		min-width: 120px !important; border-right: rgba(255,255,255,.5) thin solid; color: white !important;	}

/*
.bg_naranja_nomivac input {
	background-color: #ff9900 !important;
	color: white !important;
}
*/

/* ESTILOS GESTION SNVSVIH */

.compararButton{
    cursor:pointer;
    border:none;
    outline: none;
    background: none;
    width: 100%;
    height: 100%;
    font-size: 24px;
}

#busquedaSnvsVih > div > div > div:nth-child(1) > div > div > table,
#busquedaSnvsVih > div > div > div:nth-child(3) > div > div > table {
	width: 100%;
	font-size: 14px;
}

#busquedaSnvsVih > div > div.row.busquedaGestionVIH > div:nth-child(1) > div > div:nth-child(4) > div > div > table,
#busquedaSnvsVih > div > div.row.busquedaGestionVIH > div:nth-child(3) > div > div:nth-child(4) > div > div > table{
	width: 100%;
}

#busquedaSnvsVih > div > div.row.busquedaGestionVIH > div:nth-child(1) > div > div:nth-child(4) > div > div > table > tbody > tr > td > table > tbody > tr:hover,
#busquedaSnvsVih > div > div.row.busquedaGestionVIH > div:nth-child(3) > div > div:nth-child(4) > div > div > table > tbody > tr > td > table > tbody > tr:hover{
	background-color: #3366ff;
	color: #FFFFFF;
}

#busquedaSnvsVih > div > div.row.busquedaGestionVIH > div:nth-child(3) > div > div:nth-child(4) > div > div > table > tbody > tr > td > table > tbody > tr > td,
#busquedaSnvsVih > div > div.row.busquedaGestionVIH > div:nth-child(1) > div > div:nth-child(4) > div > div > table > tbody > tr > td > table > tbody > tr > td{
	font-family: Roboto;
	font-size: 13px;
	padding: 2px 6px;
    text-align: left;
    border-bottom: #FFFFFF 2px solid;
}

#busquedaSnvsVih > div > div > div:nth-child(1) > div > div > table > tbody > tr > td > table > tbody > tr > td,
#busquedaSnvsVih > div > div > div:nth-child(3) > div > div > table > tbody > tr > td > table > tbody > tr > td{
	font-family: Roboto;
	font-size: 13px;
	padding: 2px 6px;
    text-align: left;
    border-bottom: #FFFFFF 2px solid;
}


#busquedaSnvsVih > div > div > div:nth-child(1) > div > div > table > tbody > tr > td > table,
#busquedaSnvsVih > div > div > div:nth-child(3) > div > div > table > tbody > tr > td > table{
	border-collapse: collapse;
}

.nopadding{
	padding: 0 !important;	
}

.padding_l_30{
	padding-left: 30px !important;	
}

.tableCell-even{
	background-color: #d4d3ff; 
}

.tableCell-even-detail{
	background-color: #e8e8e8;
}

.tableCell-odd{
	background-color: #ebebff;
}

.columnHeader{
	color: #0072bc;
	font-size: 13px;
	cursor:pointer;
    border:none;
    outline: none;
    background: none;
    padding: 0;
}

.row-text{
	font-family: Roboto;
	font-size: 13px;
	padding: 2px 6px;
    text-align: left;
}

.button-column-color{
	background-color: #F5F5F5;
}

.busquedaGestionVIH{
	margin: 20px;
    padding: 20px;
    border-radius: 4px;
    background-color: white;
    box-shadow: 0 1px 4px rgba(0,0,0,.5);
}


.osmy .gwt-DecoratedTabBar > tbody > tr
{	
	display: flex;
	flex-direction: row;
	flex-wrap: wrap-reverse;
}

.busquedaComparacion {	
	position: relative; 
	margin: 20px 0px;   
}

.busquedaComparacion > div{	
	position: relative !important;
}

.busquedaComparacion > div > div{	
	display: block;
	border-radius: 4px;
}

.busquedaComparacion > div .cabecera,
.busquedaComparacion > div .datos{	
	position: relative;
	display: flex;
	padding: 10px 20px;
}

.busquedaComparacion > div .cabecera{	
	z-index: 8;
	border-radius: 4px 4px 0px 0px;
	background-color: inherit;
}

.busquedaComparacion > div .texto > *{	
	color: white;
	margin-bottom: 0px;	
}

.busquedaComparacion > div .texto > h3{	
	font-size: 22px;	
}

.busquedaComparacion > div .texto > p{	
	font-size: 12px;	
}

.busquedaComparacion > div .icono{		
	margin-right: 10px;	
}

.busquedaComparacion > div .icono span{	
	font-size: 48px;	
}

.busquedaComparacion > div .datos{	
	z-index: 10;
	border-radius: 0px 0px 4px 4px;		
	background-color: white;
	box-shadow: 0 1px 4px rgba(0,0,0,.5);
	color: #333;
	display: flex;
	flex-direction: column;
}

.busquedaComparacion > div .datos > div{	
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	padding: 2px 6px;
}

.busquedaComparacion > div .datos > div p{ 
	margin: 0px;
}

.busquedaComparacion > div .flecha{	
	z-index: 1;
	position: absolute;
	display: flex;
	width: 36px; 
	height: 36px; 
	padding: 8px; 
	border-radius: 4px; 
	background-color: inherit;
	transform: rotate(45deg);
	box-shadow: 0 1px 4px rgba(0,0,0,.5);
}

.busquedaComparacion > div:first-child .flecha{	
	right: 0px; 
	margin-right: 0px;	
	top: 7px;	
}

.busquedaComparacion > div:last-child .flecha{	
	left: 0px; 
	margin-left: 0px;	
	top: 28px;	
}

#busquedaSnvsVih > div > div.row.busquedaComparacion > div:nth-child(1) > div > div > div.datos > div > table,
#busquedaSnvsVih > div > div.row.busquedaComparacion > div:nth-child(2) > div > div > div.datos > div > table{
	width:100%;
}

#busquedaSnvsVih > div > div.row.busquedaComparacion > div:nth-child(1) > div > div > div.datos > div > table > tbody > tr > td > table > tbody > tr > td,
#busquedaSnvsVih > div > div.row.busquedaComparacion > div:nth-child(2) > div > div > div.datos > div > table > tbody > tr > td > table > tbody > tr > td{
	padding: 2px 6px;
}

.tableDetail-col0{
	text-align: left !important;
}

.tableDetail-col1{
	text-align: right !important;
}