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

body { font-family: arial,verdana,helvetica,lucida,sans-serif; color:black; font-size:100%; 
	background-color:white; margin-top: 2px; }

/* cabecera */

.username { color: #045FA4; 
	font-size: 16px; white-space: nowrap; margin: 0 0 0 0.5em; 
	padding-left: 0.5em; border-left: #666 1px solid; }

.t_title { font-size: 13px; float: right; }
.title-label { font-size: 12px; }

#workspace, #workspace1 { padding: 1px 1px;}
#workspace1 { color:#000066; font-size: 90%; }
#workspace2 { color:#000066; font-size: 90%; }

/* OLD 2019-12-09 => Reemplazado por class menu */
#menu .headerlink {font-size: 90%; text-decoration:underline; 
	border-left:#666 1px solid; color:#5E89D9; margin:0 0 0 0.5em;
	padding-left:0.5em; white-space: nowrap; cursor:pointer; display:inline;}
#menu a:hover {border-left:#F60 1px solid; color:#F60;}

.menu .headerlink {font-size: 90%; text-decoration:underline;
	border-left:#666 1px solid; color:#5E89D9; margin:0 0 0 0.5em;
	padding-left:0.5em; white-space: nowrap; cursor:pointer; display:inline;
}
.menu a:hover {border-left:#F60 1px solid; color:#F60;}

/* Fin cabecera */

/* Pie De Pagina */
 #footer { background-color: #fff; font-size: 12px; font-family: arial, helvetica, sans-serif;
 	color:#8593B5; margin: 2px 4px 2px 4px; margin-bottom:4px; text-align:center;}
 
 #footer a { color: #8593B5; text-decoration: none; }
/* Fin Pie De Pagina */

#dashboardHomepagePersistent { color:#8593B5; font-weight:bold;
	text-align:center; padding: 1px 1px; width:100%;
	border: 1px solid #cccccc; background-color: #ffffff;
}

#dashboardHomepagePersistentContent { 
	padding: 4px; padding-left: 30px; }

/* Información Tiempos Reportes */ 
#dashboardbottom { color:#8593B5; font-weight:bold;
	text-align:center; padding: 1px 1px; width:100%;
	border: 1px solid #cccccc; background-color: #FFFFFF;
}
#dashboardbottomtxt { font-size:10px; margin:2px 5px; text-align:center; color:#2A3E66 }
/* FIN Información Tiempos Reportes */ 

.status {display:none; position:fixed; top:40px; left:50%; margin-left:-180px; z-index:3; 
	padding:15px 15px; background-color:#FFFFFF; color: #181C3F; border: 1px solid #181C3F; border-radius: 10px;}
.status div {padding:5px 5px 2px 5px;}
.status img { width: 98%; height: 20px;}

.status_ {background:transparent url(../pt_img/loading.gif) no-repeat 0 0; 
	width:66px; height:66px; margin:0 auto; }

.status_notif {display:none; background:transparent url(../pt_img/loading_globe.gif) no-repeat 0 0;
	position: absolute; top:22px; left:423px; width:30px; height:30px; padding:1px 1px; }

/* Ventana Central Mensages */
#inform {cursor:move; z-index:2; } 
.mssg {display:none; position:fixed; top:179px; left:2%; margin-top:-100px; /*margin-left:-155px;*/
	background-color: #e7ebef; width:310px; height:auto; padding:5px 5px 5px 5px; color:#045FA4;
	font-size:12px; text-align:left; }

/* Ventanas Notificaciones */
.rtx {display:none; position:fixed; background: #fffbc9 url(../pt_img/note.png) no-repeat 0 0;
	top:4px; left:460px; min-width:400px; max-width:550px; min-height:32px; height:auto; border:1px solid #f0dca1;
	padding:1em 1em 1em 60px; text-align:justify; color:#B45F04; font-size:12px; font-weight:bold;}

.error {display:none; background: #ffd8d0 url(../pt_img/warning.png) no-repeat 0 0;
	position:fixed; top:4px; left:460px; width:auto; min-width:400px; 
	min-height:32px; height:auto; padding:1em 1em 1em 60px; border: 1px solid #ffbab0;
	text-align:left; color:#882420; font-weight:bold;}

/* Ventanas Notificaciones */
.rtx_ {background: #fffbc9 url(../pt_img/note.png) no-repeat 0 0;
	width:auto; min-width:400px; 
	min-height:32px; height:auto; padding:1em 1em 1em 60px; border:1px solid #f0dca1;
	text-align:left; color:#B45F04; font-size:12px; font-weight:bold;}

/* Ventana Central Notificaciones display:none; background:#CC3; */
#inf_notif {display:none; position:absolute; top:20px; left:50%; margin-left:-175px; 
	background:url(images/grid.png); width:350px; height:auto; min-height:50px;
	padding:5px 5px; cursor:move; z-index:500;}

#inf_notif #inf_tmssg { margin: 5px 5px; font-size:16px; color:#06C; overflow:hidden; border-bottom:1px solid #900; }
#inf_notif #inf_dmssg { width:97%; padding:4px 4px; font-size:12px; overflow:auto; color:#FFF; }
#inf_notif #inf_dmssg span { cursor:pointer; }
#inf_notif #inf_sep { margin: 2px 2px; border-bottom:1px solid #06C; }
#inf_notif #inf_end { color:red; float:right }

/*Load Notificaciones */
#load_notif_head {display:none; position:absolute; top:45px; right:40px; z-index:4;
	background:transparent url(../pt_img/notif_null.png) no-repeat 0 0; width:300px; height:316px; padding:20px 20px; }
#load_notif_head #load_notif_title{ display: inline-block; vertical-align:top; width:93%; font-size:11px; color:red;}
#load_notif_head #load_notif_close{ display: inline-block; vertical-align:top; width:4%; height:10px; 
	background:transparent url(../pt_img/fail.png) no-repeat 0 0; cursor: pointer;}
#load_notif_head #load_notif_head_data {font-size:11px; color:blue; max-height:250px; overflow-y: auto;}
#load_notif_head #load_notif_head_data p {text-decoration:underline; cursor: pointer;padding-bottom: 5px;}
#load_notif_head #load_notif_head_data p:before{content: "\0bb_"; color:#d14; text-decoration: none;}

div.main_right { position:absolute; background:#88b7d5; border:1px solid #c2e1f5; 
	padding:2px 2px 2px 2px; width:36px; right:6px; top:32px; z-index:100;
	filter:alpha(opacity=40); opacity:0.4; border-radius: 10px 0 0 10px;
	/* Sombra y radio */
	-moz-box-shadow: 2px 3px 16px #000000; -webkit-box-shadow: 2px 3px 16px #000000; box-shadow: 2px 3px 16px #000000;}

.main_right:hover { filter:alpha(opacity=100); opacity:1; }

.btn { font-size: 11px; font-family: Verdana,Helvetica;
	font-weight: bold; color:#6E6EA3; border: 0px; height: 19px;
	cursor: pointer; background-color:#DEDEDE;
	padding: 2px 5px 2px 5px; margin: 0px 2px 0px 2px;}
	
/* ==================== TABLAS =================== */
.display { font: 11px/1.5 'Helvetica Neue', Helvetica, Arial, sans-serif; }
.display thead th, .display tbody th, .display tfoot td, .display tfoot th {font-weight:bold; color:#666;}
.display tbody tr td {color:#666;}
.display tbody tr:hover td {color:#000;}
.display .link {font-weight:bold; text-align:center; color:#FF8000; cursor:pointer; text-decoration:underline;}
.display .normal {font-weight:bold; text-align:center; cursor:pointer;}
.display .green {font-weight:bold; text-align:center; color:#3C0; cursor:pointer;}
.display .orange {font-weight:bold; text-align:center; color:#FF8000; cursor:pointer; text-decoration:underline;}
.display .blue {font-weight:bold; text-align:center; color:#010EFF; cursor:pointer; text-decoration:underline;}
.display .red {font-weight:bold; text-align:center; color:#F7474A; cursor:pointer; text-decoration:underline;}
.display .numeric {font-weight:bold; text-align:right;}
.display .icon {display:inline-block; width:18px; cursor:pointer; }
/* ================== FIN TABLAS ================== */

/* ================ Formaulario Busquedas ================ */
.basic .search { padding:15px 1px; }
/* ================ Formaulario Busquedas ================ */

/* ================ Formaulario ================ */
p, h1, form, button { border: 0; margin: 0; padding: 0; }
.spacer { clear: both; height: 1px; }
.basic { margin:0; width:400px; padding:14px; }
.basic { border: solid 2px #DEDEDE; }
.basic h1 { font-size: 12px; font-weight: bold; }
.basic p{ font-size:12px; color:#666666; margin-bottom: 8px; border-bottom: solid 1px #dedede; padding-bottom: 4px; }
.basic label { color:#000; display:block; font-size:12px; font-weight:bold; text-align:right; width:140px; float:left; }
.basic .small { color:#666666; display:block; font-size:10px; font-weight:normal; text-align:right; width:140px; }
.basic .edit { font-size:12px; font-weight:bold; float: left; width: 200px; margin: 2px 0 5px 10px; }
.basic .bold { font-size:12px; font-weight:bold; margin:0 3px 0 3px; }
.basic .msg { display:block; float:left; padding:5px 4px; }
.basic .icon_big {position:fixed; right:7%; width:60px; height:60px; cursor:pointer;}
.basic .inputBold {font-size:13px; color:#000; font-weight:bold; padding:2px 1px;}
.basic input { float:left; width:200px; margin:2px 3px 10px 6px;}
.basic select {float:left; width:204px; margin:2px 3px 10px 6px;}
.basic textarea { float: left; width:200px; height:30px; margin: 2px 3px 10px 6px;}
.basic input[type="checkbox"]{ float: left; width: 40px; }
.basic input[type="submit"] { clear:both; cursor:pointer; width:auto; height:22px; padding:2px 4px; border-radius:3px;
	margin-left:120px; font-size:11px; font-weight:bold; color:#0058A2; background-color:#E76807; border:solid 1px #0058A2;}
.basic input[type="button"] { cursor:pointer; float:right; width:76px; height:22px;
	font-size:11px; margin:-14px -14px 0 0; background-color:rgba(237,120,3,0.70); color:rgba(1,94,171,1.00); 
	border:solid 1px #666666;  font-weight:bold; padding:2px 2px;}
/*.basic .icon_big {position:fixed; right:7%; width:60px; height:60px; cursor:pointer;}*/


/* ============== Fin Formaulario ==============*/

/* =================== Listados ================ */
.listados {overflow:auto; padding-left:8px;}
.listados img {float:right; margin:2px 15px;}
.listados .title {color:#E97109; font-size:12px; margin-left:-8px}
.listados .link {color:blue; text-align:right; font-weight:bold; cursor:pointer; text-decoration:underline}
.listados label {font-weight:bold;}
.listados ul { list-style:none; margin:0; padding:0;}
.listados ul li {border-top:1px solid rgba(0,0,0,0.1); padding:6px 2px; text-align:justify; box-shadow:inset 0 1px 1px #fff;}
/*.listados ul li img { float:left; margin:-2px 0 0 0; }*/
.listados ul li:hover {padding-left:7px; border-left:3px solid #ed6b3a; background-color:rgba(0,0,0,0.02);}
/* ================= FIN Listados ============== */

/* ============ Listas Desplegables ============ */
/* Starter CSS for Flyout Menu */
#cssmenu,
#cssmenu ul,
#cssmenu ul li,
#cssmenu ul ul {list-style:none; margin:0; padding:0; border:0;}
#cssmenu ul {position:relative; z-index:597; float:left;}
#cssmenu ul li {float: left; min-height: 1px; line-height:1em; vertical-align:middle;}
#cssmenu ul li.hover, 
#cssmenu ul li:hover {position: relative; z-index: 599; cursor: default;}
#cssmenu ul ul {margin-top:0px; visibility:hidden; position:absolute; top:0px; left:99%; z-index:598; width:100%;}
#cssmenu ul ul li {float: none;}
#cssmenu ul ul ul {top:0px; left:99%;}
#cssmenu ul li:hover > ul {visibility: visible;}
#cssmenu ul li {float: none;}
#cssmenu ul ul li {font-weight: normal;}
/* Custom CSS Styles */
#cssmenu {font-size: 14px; width: 230px;}
#cssmenu ul a,
#cssmenu ul a:link,
#cssmenu ul a:visited {display: block; color: #848889; text-decoration: none; font-weight: 300;}
#cssmenu > ul {float: none;}
#cssmenu ul {background: #fff;}
#cssmenu > ul > li {border-left: 3px solid #d7d8da;}
#cssmenu > ul > li > a {padding: 10px 20px;}
#cssmenu > ul > li:hover {border-left: 3px solid #F05133;}
#cssmenu ul li:hover > a {color:#ED5E3D;}
#cssmenu > ul > li:hover {background:#E8DDDE;}
/* Sub Menu */
#cssmenu ul ul a:link,
#cssmenu ul ul a:visited {font-weight: 400; font-size: 14px;}
#cssmenu ul ul {width: 180px; background: none; border-left: 16px solid #E8DDDE;} /*transparent*/
#cssmenu ul ul a {padding: 8px 0; border-bottom: 1px solid #eeeeee;}
#cssmenu ul ul li {padding: 0 20px; background: #fff;}
#cssmenu ul ul li:last-child {border-bottom: 3px solid #d7d8da; padding-bottom: 10px;}
#cssmenu ul ul li:first-child {padding-top: 10px;}
#cssmenu ul ul li:last-child > a {border-bottom: none;}
#cssmenu ul ul li:first-child:after {content: ''; display: block; width: 0; height: 0;
	position: absolute; left: -20px; top: 13px; border-left: 10px solid transparent;
	border-right: 10px solid #fff; border-bottom: 10px solid transparent; border-top: 10px solid transparent;}
/* ============ LFIN istas Desplegables ============ */