@CHARSET "UTF-8";
/*
    Section    :    CSS RESET
    Description:    Reseteamos practicamente todos los valores de los selectores para facilitar el cross-browsing
*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em,
font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody,
tfoot, thead, tr, th, td, button{
    border:0pt none;
    font-family: inherit;
    margin: 0pt;
    padding: 0pt;
    vertical-align: baseline;
}
body{line-height: auto;background: #fff;margin: 0pt;cursor: default;color: #000;-webkit-user-select: none; /*Evita seleccionar texto*/-moz-user-select: none;-ms-user-select: none;user-select: none;}
html,body{height: 100%; overflow: hidden;}
.clearfix{
    /* overflow: hidden;*/
}
/*
    Section    :    TOP
    Description:    Cabecera de nuestro lector RSS
*/
#topGris{height:20px;background: #e6e8eb;}
#top{margin-top: 0px;height:89px; background: #3b5998; border:0px solid #000}
.LogoSisGDoc_Cont:before {
  font-family: 'LogoSisGDoc' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e900";
  color: rgb(242, 242, 242);
  font-size:75px;
  border:0px solid #000;
  float:left;
  margin-left:25px;
  margin-top:6.5px;
  
}
.Cont_Titulo{margin-top:18px;min-width:300px;width:15%;height:60px;border:0px groove #fff;float:left;}
.ContenedorTitulo{align-items:center;display:flex;justify-content:center;overflow:hidden;width:100%;border:0px groove #000;}
.Version{float:left;border:0px groove #000;width:auto;-webkit-transform: rotate(90deg);font-family: Arial, Helvetica, sans-serif;font-size:11px;font-weight: bold;color: #FFF;}
.Titulo{float:left;width:auto%;height:42px;border:0px groove #000;float:left;font-family: Arial, Helvetica, sans-serif;font-size:38px;font-weight: bold;text-align:center;color: #FFF;}
.Subtitulo{width:95%;margin-top:0%;height:20px;border:0px groove #000;float:left;font-family: Arial, Helvetica, sans-serif;font-size:12px;font-weight: bold;text-align:center;color: #FFCC66;}
.No-seleccionable {-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
h5{color: white; font-size:13px; display:inline;}/*el display:Incline evita que se crea un salto de linea*/

/*
    Section:        LATERAL
    Description:    Panel lateral 
*/
#menu{padding: 0 0 0 100px;width:190px;float: left;height: 62%;border:0px groove #000;}
#lateral{width: 190px;float:left;height: 100%;border:0px solid #000;}
#lateral ul{padding: 0px 0 0;list-style: none;list-style-position: inside;}
/*caracteristicas de los menus lateal*/
#lateral li{position: relative;line-height: 12px;}
#lateral li a{display: block;padding-left: 2px;text-decoration: none;color: #000;}
/* Section:        CONTENT
    Description:    Zona donde cargamos el contenido
*/
#content{height: 100%;margin-left: 190px;}
#content #render{height: 100%;overflow: hidden;border:0px solid #000;}
#content #iframe{display: block;overflow: hidden;}
/*precarga de contenido*/
#ImgCarga{text-align:center;position: absolute;top: 50%;left:50%;width:44px;height:44px;margin:auto;}
/*  Section:        TOGGLER
    Description:    Boton que permitirá mostrar / ocultar el panel
*/
#toggler{width: 12px;height: 10%;border-left: 0px solid #fff;background:  url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACYAAAAMCAYAAAAOCs/+AAAAhElEQVQ4T2NkQAJbz/7/j8zHxvY2ZmQkpAaffMWajwTt6AjhR1gCcpSXEWErt51jYCDXccQ4CuYCuO+HnMMq135iaA/mgwclLUIMZD7IHmSAN8RgimnpMJjZRDsMWSGtHIZs7tB3GCi+B2VUwhLioEz82Eo1WuRKbPYM/nIM5OrBVCUBAL+RjtVCDfSmAAAAAElFTkSuQmCC") no-repeat left center;float: left;}
#toggler:hover{background: #fff url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACYAAAAMCAYAAAAOCs/+AAAAhElEQVQ4T2NkQAJbz/7/j8zHxvY2ZmQkpAaffMWajwTt6AjhR1gCcpSXEWErt51jYCDXccQ4CuYCuO+HnMMq135iaA/mgwclLUIMZD7IHmSAN8RgimnpMJjZRDsMWSGtHIZs7tB3GCi+B2VUwhLioEz82Eo1WuRKbPYM/nIM5OrBVCUBAL+RjtVCDfSmAAAAAElFTkSuQmCC") no-repeat -25px center;cursor: pointer;}
#toggler.off{background: #fff url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACYAAAAMCAYAAAAOCs/+AAAAh0lEQVQ4T2NkQAJbz/7/j8zHxvY2ZmQkpAaffMWajwTt6AjhR1gCcpSXEWErt51jYCDXccQ4CuYCuO+HjMMq135iaA/mwwhCaoYYyHyQPdgAzhCDaUB3HLUdBnIUNscRdBhII7LjaOEwbI4bug4blFE5KBM/rhKNmmkMX6k5+MsxkOsHU5UEAE+gjtU5H3LKAAAAAElFTkSuQmCC") no-repeat left center;margin-left: 0;}
#toggler.off:hover{background: #fff url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACYAAAAMCAYAAAAOCs/+AAAAh0lEQVQ4T2NkQAJbz/7/j8zHxvY2ZmQkpAaffMWajwTt6AjhR1gCcpSXEWErt51jYCDXccQ4CuYCuO+HjMMq135iaA/mwwhCaoYYyHyQPdgAzhCDaUB3HLUdBnIUNscRdBhII7LjaOEwbI4bug4blFE5KBM/rhKNmmkMX6k5+MsxkOsHU5UEAE+gjtU5H3LKAAAAAElFTkSuQmCC") no-repeat -25px center;margin-left: 0;}
/*  Section:        FOOTER
    Description:    Pie de página del panel
*/
#footer{ /*ojo si cambio la altura debo cambiar en el inicio.jsp*/
    width: 100%;height: 20px;line-height: 20px;text-align: right;color: #FFF;border-top:1px solid #8c9dc8;background: #3b5998;position: fixed;bottom: 0;}
#footer span{padding-right: 10px;}
#salto{clear: left;}

/*MENU LATERAL*/
#tabMenu li {float:left;margin-left:2px;height:40px;width:95%;cursor:pointer;cursor:hand;line-height:40px;padding:0 0 0 5px;font-size:13px;font-family:Arial,Helvetica, sans-serif;color:#717476;} /*alto y ancho de las imagenes y la soposicion derecha*/
.Icono_Lateral{font-size:20px;color:#f2f2f2;text-align:center;padding-top:12px;height:28px;width:45px;border:0px solid #000;margin-left:2px;float:right;}
.Icono_Lateral.AzulOsc{background-color:#3b5998;}
.Icono_Lateral.AzulCla{background-color:#7c92be;}
.Icono_Lateral.Naranja{background-color:#ed5829;}
.Icono_Paramet{font-size:15px;color:#000;text-align:center;height:auto;width:auto;border:0px solid #000;margin-right:10px;float:right;}
.Icono_Accdashboar{font-size:25px;color:#f2f2f2;text-align:center;padding:15px;height:auto;width:auto;border:0px solid #000;margin-left:0px;background-color:#ed5829;position:fixed;right:40px;bottom:60px;border-radius:50%;}
.Icono_Accdashboar:hover{color:#ed5829;cursor: pointer;border-radius:50%;background-color:#fff;border:1px solid #ed5829;}
.Contorno_Div{width:162px !important;border-top: 1px solid #fff;background-color:#eaecee;}
.Contorno_Div:hover span{ /*efecto Icono*/
	 color:#3b5998;border:1px solid #3b5998;background-color:#fff;cursor: pointer;
}
.Contorno_Div:hover p{color:#fff;cursor: pointer;}
.Contorno_Div:hover{background-color: #7c92be; cursor: pointer;}
.Contorno_Div.selected{background-color:#7c92be;}
.Contorno_Div.selected span{color: #000;background-color:#fff;border:1px solid #3b5998;}  /*efecto texto*/
.Contorno_Div.selected p{color: #fff;}
.Contorno_Div.Borde_AzulOsc{border-bottom: 1.5px solid #3b5998;}
.Contorno_Div.Borde_AzulCla{border-bottom: 1.5px solid #7c92be;}
.Contorno_Div.Borde_Naranja{border-bottom: 1.5px solid #ed5829;}
.UbicIconoSubLateral{text-align:center;color:#516986;font-size:20px;border:0px groove #000;margin-left:-1px;}
.UbicIconoSubLateral:hover{color:#ed5829;}
.UbicIconoSubLateral:select{color:#ed5829;}

/*MENU ALERTAS*/
#ContenedorAlertas{position:absolute;top:55px;right:230px;display:inline-block;border:0px solid #000;text-align:right; }
.Boton_Alerta{font-size:23px;color:#f2f2f2;text-align:left;padding:0px;height:24px;width:50px; /*7c92be*/border:0px solid #000;margin-left:5px;float:right;}
.Boton_Alerta:hover{color:#7c92be;border:0px solid #FFF;cursor: pointer;}
#BurbujaAnuncios{margin-left:25px; margin-top:-35px;border:0px solid #000;font-family:arial;font-size:10px;}
#BurbujaCumple{margin-left:25px; margin-top:-35px;border:0px solid #000;font-family:arial;font-size:10px;}
#BurbujaEmail{margin-left:25px; margin-top:-35px;border:0px solid #000;font-family:arial;font-size:10px;}
#BurbujaAlarma{margin-left:25px; margin-top:-35px;border:0px solid #000;font-family:arial;font-size:10px;}
#BurbujaActivo{position:absolute;right:82px;margin-left:0px; margin-top:-30px;border:0px solid #000;}
span.RojoActivo {background: red;border:1px solid #fff;border-radius: 0.8em;-moz-border-radius: 0.8em;-webkit-border-radius: 0.8em;color: #ffffff;display:inline-block;height:0.8em;width:0.8em;margin-right:5px;text-align: center;}
span.VerdeActivo {background: #5EA226;border:1px solid #fff;border-radius: 0.8em;-moz-border-radius: 0.8em;-webkit-border-radius: 0.8em;color: #ffffff;display:inline-block;height:0.8em;width:0.8em;margin-right:5px;text-align: center;}
span.red {background:#ed5829;border-radius:0em; -moz-border-radius:0em;-webkit-border-radius:0em;color:#ffffff;display:inline-block;font-weight:bold;line-height:1.7em;margin-right:5px;text-align:center;width:1.7em;font-size:12px;}
.QuitarHref{pointer-events: none;cursor: default;}

/*TOOLTIP PARA BOTONES CON IMAGEN DE FUENTE*/
 .Etiq_ImgFuent {display: inline;position: relative;}
 .Etiq_ImgFuent:hover:after {bottom: -27px;content: attr(titulo);right:0%;position:absolute;z-index: 98;border:1px solid #fff;color: #FFF;font-family: Helvetica, Arial, sans-serif;font-size: 10px;padding: 4px 4px;text-align: center;width:-moz-max-content}

/*TOOLTIP PARA IMAGEN USUARIO*/
 .Etiq_ImgUsr {display: inline;position: relative;}
 .Etiq_ImgUsr:hover:after {bottom:10px;right:50px;content: attr(titulo);right:100%;position:absolute;z-index: 98;border:1px solid #FFF;color: #FFF;font-family: Helvetica, Arial, sans-serif;font-size: 10px;padding: 4px 4px;text-align: center;width:-moz-max-content}

.Etiq_MenuLat {display: inline;position: relative;}
.Etiq_MenuLat:hover:after {bottom:4px;left:48px;content: attr(titulo);right:0%;position:absolute;z-index: 98;border:1px solid #000;color: #000;font-family: Helvetica, Arial, sans-serif;font-size: 10px;padding: 4px 4px;text-align: center;width:-moz-max-content}

/*CHAT*/
/*tamaño y ancho del cuadrante del chat*/
.Contenedor_Chat {position: fixed;position:expression("absolute");width: 210px;bottom:2.8%;}
/*color de la cabecera normal*/
.Cabecera_Chat {background-color: #3b5998;padding:4px;color:#ffffff;font-size:20px;border-right:0px solid #3b5998;border-left:0px solid #3b5998;}
.Cabecera_Chat:hover {background-color: #fff;color:#3b5998;border:1px solid #3b5998;cursor: pointer;}
.icon_Ml-Chat.Posic{float:right;font-size:20px;}
.Contenido_Chat{display:none;font-family: arial,sans-serif;font-size: 12px;text-align: left; color: #333333;height:265px;width:194px;overflow-y:auto;overflow-x:auto;padding:7px;border-left:1px solid #cccccc;border-right:1px solid #cccccc;border-bottom:1px solid #eeeeee;background-color: #ffffff;line-height: 1.3em;}
#Fondo_Usuario {margin-bottom:20px; margin-top:60px;width:170px;height:71px;background: #eaecee;border:0px solid #000;float: left;}
#Circulo_Foto{position:absolute;height:69px;width:69px;top:26px;right:25px;border-radius:150px;-moz-border-radius:150px;border:4px solid #7c92be;background:#fff;padding:0.5px;}

.NameUser{position:absolute;height:auto;top:60px;right:120px;border:0px solid #7c92be;font-family: Arial, Helvetica, sans-serif;font-size:10px;font-weight: bold;text-align:center;color: #FFCC66;}


#Cont_Funcionario {position:relative;top:1%;width:167px;display: table;height:35px;border:0px solid #000;border-bottom:1px solid #3b5998;border-right: 0px solid #3b5998;border-top: 0px solid #3b5998;}
#Cont_Depend {position:relative;top:1%;width:167px;display: table;height:35px;border:0px solid #000;border-bottom: 0px solid #3b5998;border-right: 0px solid #3b5998;border-top:0px solid #3b5998;}
#Text_Funcionario {display: table-cell;vertical-align: middle;text-align: center;font-family: Arial, Helvetica, sans-serif;font-size:13px;font-weight : bold;color: #e44b11;  /*color letra  #F60707*/text-shadow: 2px 4px 3px rgba(0,0,0,0.2);}
#Text_Depend {display: table-cell;vertical-align: middle;text-align: center;font-family: Arial, Helvetica, sans-serif;font-size:13px;font-weight : bold;color: #717476;  /*color letra  #F60707*/}
#DashboardMini{position: relative;float:right;margin-top:-135px;margin-right:7%;width:30%;overflow:hidden;height:auto;border:0px solid red;z-index:20;}