@charset "utf-8";
/* CSS Document */
/****************************************
 * ETIQUETAS GENERALES
****************************************/
html,body{ 
	height:100%; 
	min-height:100%; 
	margin:0px; 
	padding:0px;
}
body{
	font-size:11px;
	font-family:segoe ui,Arial,sans-serif;
	background-color:#CCC;
/*	background-image:url(../images/body_bg.jpg);
	background-repeat:repeat;*/
}
input,select{
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box
}
input[type=text]{
	min-height:20px;
	font-family:segoe ui,Arial,sans-serif !important;
	font-size:12.1px !important;
	background-color:#FFFFFF !important;
	border:1px solid #999999 !important;
}
select{
	min-height:20px;
	font-family:segoe ui,Arial,sans-serif !important;
	font-size:12.1px !important;
	background-color:#FFFFFF !important;
	border:1px solid #999999 !important;
}
select:disabled,input[type=text]:disabled{
	color:#000;
}
input[type="search"]{
	background-color:#FFFFFF !important;
}
/****************************************
 * TEXTOS/ALERTAS/AVISOS
****************************************/
.texto_alerta{
	color:#F00;
}
.texto_rojo{
	color:#F00;
}
.color_estatus_rojo{
	color:#F00;
}
.color_estatus_negro{
	color:#000;
}
.color_estatus_verde{
	color:#459e00;
}
.color_estatus_gris{
	color:#666;
}
.color_estatus_azul{
	color:#00C;
}
.color_estatus_azul a{
	color:#00C !important;
}
/****************************************
 * LOGIN
****************************************/
#login{
	width:350px;
	height:273px;
	background-color:#ECECEC;
	border:1px solid #bebebe;
	background-repeat:no-repeat;
	margin:0 auto;
	margin-top:50px;
	color:#000;
}
#login_logo{
	width:100%;
	display:inline-block;
	text-align:center;
}
#login_logo img{
	max-width:215px;
	max-height:80px;
	padding:5px 0px 5px 5px;
}
/****************************************
 * INTERFAZ GENERAL (INTERNA)
****************************************/
#vista_contenedor{ 
	height:100%; 
	min-height:100%;
/*	min-width:850px;*/
}
#contenedor_principal{
	position:absolute;
	top:40px;
	bottom:0px;
	width:100%;
}
#header{
	float:left;
	position:relative;
	width:100%;
	height:45px;
	padding:0px 0px 0px 0px;
	background-color:#fff;
}
#header_logo{
	max-height:45px;
	width:140px;
	overflow:hidden;
}
#header_acerca{
	position:absolute;
	margin-right:5px;
	height:22px;
	top:12px;
	right:342px;
	width:22px;
	cursor:pointer;
}
#header_sesion{
	position:absolute;
	right:80px;
	top:10px;
	width:230px;
	height:26px;
	display:flex;
	align-items: center;
}
#header_sesion_icn{
	width:22px;
	height:22px;
	margin-right:5px;
}
#header_sesion_contenido{
	display:inline-block;
	width:200px;
	height:26px;
	overflow:hidden;
	font-family:Arial,Helvetica,sans-serif;
	font-size:11px;
	color:#262626;
}
#salir_btn{
	position:absolute;
	right:10px;
	top:12px;
	width:auto;
	height:25px;
	padding:5px 0px 0 25px;
	cursor:pointer;
	background:url(../images/header_salir_icn.png) no-repeat left 0px;
	font-family:Arial,Helvetica,sans-serif;
	font-size:11px;
	font-weight:bold;
}
#salir_btn a{
	text-decoration:none;
	color:#4577CA;
	outline:none;
}
#salir_btn a:hover{
	text-decoration:none;
	color:#be2222;
}
#menu_principal{
	position:absolute;
/*	height:45px;*/
	padding:0px 0px 0px 0px;
	top:0px;
	left:140px;
	min-width:640px;
}
.seccion_seleccionada{
	height:45px;
	background-color:#fedc92;
	text-decoration:none;
}
.seccion_seleccionada>a{
	color:#854d0e !important;
}
#secciones{
	margin:0; 
	padding:0; 
	list-style:none;
}
#secciones li{
	float:left; 
	display:block; 
	position:relative;
	margin:0;
	font-family:Arial,Helvetica,sans-serif;
	font-size:10px;
	font-weight:bolder;
	color:#f89c35;
	text-align:center;
}
#secciones li a{
	width:110px;
	color:#494847;
	display:block;
	padding:28px 0px 5px 0px;
	background-position:top 4px right 50% !important;
	text-decoration:none;
	outline:none;
}
#secciones li a:hover{
	color:#FF9900;
	display:block;
	padding:28px 0px 5px 0px;
	text-decoration:none;
}
#secciones ul{
	position:absolute;
	top:40px;
	left:0;
	display:none; 
	margin:0px 0px 0px 0px; 
	padding:4px 0 0 0 ; 
	list-style:none;
	z-index:100;
}
#secciones ul{
	margin:0 0 0 0px;
}		
#secciones ul li{
	display:block;
	width:inherit;
	border-top:1px solid #d2d2d2;
}
#secciones ul a{
	width:inherit;
	display:block;
	background-color:#FF9900;
	padding:3px 0px 3px 0px;
	opacity:0.9;
	color:#fff;
}
#secciones ul a:hover{
	width:inherit;
	background-color:#fff;
	text-decoration:none;
	color:#FF9900;
}
ul#secciones li>ul>li>a{
	width:130px !important;
	padding:3px 0px 3px 3px !important;
	text-align:left;
}
#footer{
	display:none;
}
.panel_general{
	position:absolute !important;
	top:47px;
	left:5px;
	right:5px;
	bottom:5px;
	overflow:auto;
}
.panel_grid{
	position:absolute;
	top:50px;
	left:5px;
	right:540px;
	bottom:5px;
}
.row_selected td{
	background-color:#FF9900 !important;
	color:#FFFFFF !important;	
}
.panel_detalle{
	position:absolute !important;
	top:50px;
	right:5px;
	bottom:5px;
	width:525px;
	z-index:50 !important;
}
.panel_detalle_cerrar_btn{
	display:none !important;
}
.detalle_tab{

}
.detalle_full{
/*	margin:-4px -14px;*/
}
.detalle_menu{
	padding:2px;min-height:26px;
}
.detalle_menu>.ui-button{
	padding:.4em .4em;
	margin-right:0 !important;
}
.detalle_menu>input{
	padding:.4em .5em;
	vertical-align:middle;
}
.detalle_formulario{
	padding:5px 0;
	height:calc(100vh - 160px);
	overflow-y:auto;
	font-family:segoe ui,Arial,sans-serif;
	font-size:12px;
}
.detalle_formulario table{
	width:100%;
}
.detalle_formulario td{
	padding:1px;
}
.detalle_formulario hr{
	height:1px;
	border:none;
	color:#999;
	background-color:#999;
}
.detalle_contenido{
	padding:5px 0;
	height:calc(100vh - 160px);
	overflow-y:auto;
	font-family:segoe ui,Arial,sans-serif;
	font-size:12px;
}
.detalle_identificador{
	z-index:1;
	position:absolute;
	width:90px;
	height:27px;
	line-height:27px;
	top:5px;
	right:5px;
	border:1px solid #000;
	text-align:center;
	font-weight:bold;
	color:#FFF;
	background-color:#4A384C;
}
.detalle_vista_pdf{
	z-index:10px;
	width:100%;
	height:calc(100vh - 140px);
	border:none;
}
.detalle_bloque{
	position: relative;
	padding: 20px 5px 5px 5px;
	border-radius:3px;
	border:#999 1px solid;
}
.detalle_bloque_encabezado{
	position:absolute;
	width:100%;
	border-radius:3px 0 0 0;
	padding:2px;
	top:0;
	left:0;
	height:20px;
	box-sizing:border-box;
	font-weight:bold;
	color:#FFF;
	background-color:#999;
}
.detalle_bloque div{
	display:inline-block;
}
.detalle_bloque div>label{
	font-size:10px;
}
.detalle_bloque div>input,.detalle_bloque div>select{
	width:100%;
	height:20px;
	vertical-align:top;
}
.detalle_bloque div>span{
	width:100%;
	height:20px;
}
/*********************************************
 * Datatable
*********************************************/
input[type=search]{
	width:100px !important;
}
.datatable_filtros{
/*	float:right;*/
/*	padding-left:5px;*/
}
.datatable_filtros button{
/*	padding:.25em .25em;*/
/*	margin:0px;*/
/*	vertical-align:top !important;*/
/*	height:24px;*/
}
.datatable_filtros>.ui-button{
	padding:.4em .5em;
}
.datatable_filtros input,select{
	font-size:10px !important;
	vertical-align:top !important;
}
.datatable_filtros select{
/*	padding:0 !important;*/
	height:20px;
}
.datatable_filtros input{
/*	padding:0 .25em !important;*/
	height:20px;
/*	margin:0px !important;*/
}
.datatable_filtros_campos{
	display:inline-block;
}
.datatable_filtros_campos label{
	display:block;
	vertical-align:middle;
	font-size:10px;
}
.datatable_filtros_campos input,.datatable_filtros_campos select{
	display:inline-block;
	width:100%;
}
.datatables_boton{
	font-family:segoe ui,Arial,sans-serif;
	font-size:12px !important;
	padding:0 .25em !important;
	margin:0px !important;
	height:25px;
	font-weight:bold !important;
	vertical-align:top !important;
}
/* Datatables v2+ - Homologación visual estricta a v1.12 */
table.dataTable td{
	padding:5px 2px !important;
	cursor:default !important;
}
table.dataTable thead th{
    padding:2px 10px !important;
    height:23px !important;
    box-sizing:border-box;
    vertical-align:middle;
    text-align:center !important;
    font-weight:bold !important;
    position:relative;
    white-space:nowrap;
}
table.dataTable thead th .dt-column-title{
    display:inline-block;
    line-height:18px !important;
    vertical-align:middle;
}
table.dataTable thead .dt-column-order{
    position:absolute!important;
    right:4px !important;
    top:50%;
    transform:translateY(-50%);
    margin:0 !important;
    width:12px;
    line-height: 0 !important;
    display:flex;
    flex-direction:column;
}
table.dataTable thead th .dt-column-order::before,table.dataTable thead th .dt-column-order::after{
    font-size:0.7em !important;
    opacity:0.5;
}
table.dataTable thead th.dt-orderable-asc,table.dataTable thead th.dt-orderable-desc,table.dataTable thead th.dt-ordering-asc,table.dataTable thead th.dt-ordering-desc{
    padding-right: 18px !important;
}
table.dataTable.display tbody tr:nth-child(odd)>td{
    background-color:#e2e4ff !important;
    box-shadow:none !important;
}
table.dataTable.display tbody tr:nth-child(even)>td{
    background-color:#ffffff !important;
    box-shadow:none !important;
}
table.dataTable.display tbody tr.selected>td{
    background-color:#b0bed9 !important;
    color:#000;
}
table.dataTable.display tbody tr:hover>td{
    background-color:rgba(0,0,0,0.03) !important;
    box-shadow:none !important;
}
table.dataTable.display tbody tr.selected:hover>td{
    background-image:linear-gradient(rgba(255,255,255,0.15),rgba(255, 255, 255, 0.15)) !important;
    background-color:#b0bed9 !important;
    color:#000 !important;
    box-shadow:inset 0 0 0 9999px rgba(255,255,255,0.1) !important;
}
/* --- 1. CONTENEDOR SUPERIOR (Botones y Buscador) --- */
/* Reseteo agresivo de cualquier margen extra inyectado por DT v2 */
div.dt-container .dt-layout-row{
	margin:0 !important;
	padding:0 !important;
}
div.dt-container .dt-buttons,
div.dt-container .dt-length{
	float:left !important;
	margin:2px 5px 2px 0 !important; /* Margen ultracompacto */
	position:relative !important;
	z-index:20 !important;
	height:25px !important; /* Altura máxima del bloque */
}
div.dt-container .dt-search{
	float:right !important;
	margin:2px 0 2px 0 !important; /* Margen ultracompacto */
	position:relative !important;
	z-index:10 !important;
	height:25px !important; /* Altura máxima del bloque */
}
/* Homologación estricta a 25px con alineación top */
div.dt-container .dt-search input,
div.dt-container .dt-length select{
	height:25px !important;
	box-sizing:border-box !important;
	padding:2px 5px !important;
	font-family:segoe ui, Arial, sans-serif !important;
	font-size:11px !important;
	vertical-align:top !important; /* Clave: alinea exactamente con los botones */
	margin:0 0 0 5px !important;
	border:1px solid #999999 !important;
	border-radius:0 !important;
}
/* Labels alineados para no expandir el contenedor */
div.dt-container .dt-search label,
div.dt-container .dt-length label{
	font-size:11px !important;
	vertical-align:top !important;
	line-height:25px !important; /* Centrado vertical del texto en base a 25px */
	display:inline-block !important;
	margin:0 !important;
}
/* Ocultar iconos de flechas inyectados por DTv2 en los botones */
button.datatables_boton .dt-down-arrow,
button.datatables_boton .dt-button-down-arrow,
button.datatables_boton::after {
	display: none !important;
}
/* --- 2. TABLA --- */
div.dt-container table.dataTable{
	clear:both !important;
	margin-top:0 !important;
	margin-bottom:0 !important;
}
/* --- 3. CONTENEDOR INFERIOR (Info y Paginador) --- */
div.dt-container .dt-info{
	float:left !important;
	clear:both !important;
	padding-top:5px !important;
	font-size:11px !important;
	font-family:segoe ui, Arial, sans-serif !important;
}
div.dt-container .dt-paging{
	float:right !important;
	margin-top:2px !important;
	position:relative !important;
	z-index:10 !important;
}
/* Fuerza bruta: Letra de 11px a todo lo que esté dentro del paginador */
div.dt-container .dt-paging, 
div.dt-container .dt-paging *{
	font-family:segoe ui, Arial, sans-serif !important;
	font-size:11px !important;
}
/* Diseño compacto de los botones del paginador (idéntico a v1.12) */
div.dt-container .dt-paging .dt-paging-button{
	padding:3px 6px !important;
	margin-left:2px !important;
	line-height:14px !important;
	border:1px solid #ccc !important;
	border-radius:2px !important;
	display:inline-block !important;
	background:#fff !important;
	color:#333 !important;
	text-decoration:none !important;
	box-sizing:border-box !important;
	min-width:22px !important;
	text-align:center !important;
}
/* Estados del Paginador */
div.dt-container .dt-paging .dt-paging-button.current{
	background:#e2e4ff !important;
	font-weight:bold !important;
	border-color:#999 !important;
}
div.dt-container .dt-paging .dt-paging-button:hover:not(.disabled){
	background:#eee !important;
	cursor:pointer !important;
	border-color:#999 !important;
}
div.dt-container .dt-paging .dt-paging-button.disabled{
	color:#999 !important;
	background:#f6f6f6 !important;
	cursor:default !important;
}
/* --- LIMPIEZA GLOBAL --- */
div.dt-container::after{
	content:"";
	display:table;
	clear:both;
}
/* --- 4. CORRECCIÓN DE OVERLAYS (Botones de colección) --- */
/* Fondo semitransparente que bloquea la pantalla */
div.dt-button-background {
	z-index: 40 !important;
}
/* Contenedor del menú desplegable (Filas/Columnas) */
div.dt-button-collection {
	z-index: 45 !important;
}
/*********************************************
 *JQuery-UI
*********************************************/
.ui-icon-white{
  background-image:url("images/ui-icons_ffffff_256x240.png") !important;
}
.ui-tabs .ui-tabs-panel{
	padding:5px 0!important;
}
/*********************************************
 * Galeria
*********************************************/
.datatables_celda_video{
	width:100%;
	height:45px;
	line-height:45px;
	padding:5px;
	background:repeating-linear-gradient(135deg,rgba(96,96,96,1),rgba(96,96,96,1) 10px,rgba(255,0,0,1) 10px,rgba(255,0,0,1) 20px);
	color:#FFF;
	font-weight:bold;
	text-align:center;
}
.galeria_elemento{
	display:inline-block;
	width:115px;
	border:2px solid #FFF;
}
.galeria_elemento:hover{
	border:2px solid #000;
}
.galeria_elemento *{
	width:100%;
	cursor:move;
}
.galeria_seleccionado{
	border:2px solid #FF9900;
}
/*********************************************
 * Biblioteca
*********************************************/
.biblioteca{
	width:100%;
	height:400px;
	overflow-y:scroll;
}
.biblioteca_elemento{
	display:inline-block;
	width:115px;
	border:2px solid #FFF;
}
.biblioteca_elemento *{
	width:100%;
	cursor:pointer;
}
.biblioteca_elemento:hover{
	border:2px solid #000;
}
.biblioteca_seleccionado{
	border:2px solid #FF9900;
}
/*********************************************
 * Directorio
*********************************************/
table.directorio_datatable tbody tr.selected{
	background-color:#b0bed9 !important;
	color:inherit;
}
.directorio_datatable tbody tr.odd, .directorio_datatable tbody tr.odd{
	background-color:#FFF !important;
}
.directorio_datatable tbody th, .directorio_datatable tbody td{
	border-right:transparent !important;
}
.directorio_ubicacion{
	margin-top:2px;
	padding:1px;
	background-color:#666;
	font-size:11px;
	color:#FFF;
}
.directorio_ruta{
	display:inline-block;
}
.directorio_ruta a{
	color:#FFF !important;
}
.directorio_ruta a:hover{
	color:#fedc92 !important;
	cursor:pointer;
}
.directorio_mover{
/*	width:430px !important;
	padding:0 !important;*/
}
/*********************************************
 * Visor PDF
*********************************************/
#firmar_btn{
	margin-top:2px;
}
#firmar_cancelar_btn{
	margin-top:2px;
	background:#F00;
}
#firma_estatus{
	font-weight:bold;
	line-height:28px;
	padding-right:5px;
	font-size:16px;
}
.firma{
	border:solid 1px #CCC;
	width:120px;
}
.firma:hover{
	border-color:#000;
}
.firma img{
	width:100%;
	height:100%;
}
.firma.ui-resizable-handle{
	position:absolute !important;
	right:0;
	bottom:0;
}
/*********************************************
 * TinyMCE
*********************************************/
.tox-fullscreen{
	z-index:99 !important;
}
/*********************************************
 * Dashboard
*********************************************/
.portlet-placeholder{
	border:1px dotted black;
	margin:0 1em 1em 0;
	height:50px;
}
#dashboard{
	position:absolute;
	top:50px;
	right:0px;
	bottom:0px;
	left:0px;
	padding:10px;
	overflow:auto;
}
.portlet{
	float:left;
	width:420px;
	margin:0 1em 1em 0;
	padding:0em;
}
.portlet-header{
	padding:0.2em 0.3em;
	margin-bottom:0px;
	position:relative;
	cursor:move;
}
.portlet-toggle{
	position:absolute;
	top:50%;
	right:0;
	margin-top:-8px;
}
.portlet-content{
	height:205px;
	padding:4px;
	overflow:auto;
}
.dashboard_tabla{
	width:100%;
	border:solid #939393;
	border-width: 0 0 1px 1px;
	font-size:12px;
	font-family:segoe ui, Verdana, Arial, sans-serif;
	color:#2b2b2b;
}
.dashboard_tabla thead>tr{
	background-color:#f6f6f6 !important;
}
.dashboard_tabla tr:nth-child(even){
	background:#FFF;
}
.dashboard_tabla tr:nth-child(odd){
	background:#E2E4FF;
}
.dashboard_tabla td,.dashboard_tabla th{
	padding:3px 1px;
    border-color:#939393;
    border-width:1px 1px 0 0;
    border-style:solid;
}
/****************************************
 * GENERAL>Panel detalle
****************************************/
.panel_detalle_filtros{
	padding:2px 2px 0 2px;
}
.panel_detalle_filtros table{
	font-size:10px;
	min-height:20px;
}
.panel_detalle_grid{
	position:relative;
	width:100%;
}
.panel_detalle_grid_encabezado{
	position:absolute;
	width:100%;
	background-color:#f6f6f6;
}
.panel_detalle_grid_encabezado th{
	padding:3px 0px 3px 0px;
	border:1px solid #c5c5c5;
	background-color:#f6f6f6;
	font-size:11px;
	font-weight:bold;
	color:#454545;
	text-align:center;
}
.panel_detalle_grid_pie{
	position:absolute;
	width:100%;
	background-color:#f6f6f6;
}
.panel_detalle_grid_pie th{
	padding:3px 0px 3px 0px;
	border:1px solid #c5c5c5;
	background-color:#f6f6f6;
	font-size:11px;
	font-weight:bold;
	color:#454545;
}
.panel_detalle_grid_lista{
	padding-top:24px;
	height:calc(100vh - 220px);
	overflow-y:scroll;
}
@-moz-document url-prefix(){
/* Estilos específicos para Firefox */
.panel_detalle_grid_lista{
	padding-right:18px;
}
}
.panel_detalle_grid_lista td{
	padding:3px 0px 3px 0px;
	border:1px solid transparent;
}
.panel_detalle_grid_lista tr:nth-child(even){
	background:#FFF;
}
.panel_detalle_grid_lista tr:nth-child(odd){
	background:#E2E4FF;
}
.grid_fila_seleccionada{
	background:#b0bed9 !important;
	color:#000;
}
.grid_footer *{
	background-color:#CCC !important;
	font-weight:bold !important;
}
.identificador_detalle{
	z-index:1;
	position:absolute;
	width:150px;
	height:20px;
	top:15px;
	right:10px;
	padding-top:8px;
	border:1px solid #000;
	text-align:center;
	font-weight:bold;
	color:#FFF;
	background-color:#4A384C;
}
.identificador_detalle_2{
	float:right;
	width:150px;
	height:29px;
	line-height:29px;
	top:20px;
	right:15px;
	padding:0;
	border:1px solid #000;
	text-align:center;
	font-weight:bold;
	color:#FFF;
	background-color:#4A384C;
}
#filtros{
	padding:4px;
}
/****************************************
 * INTERFAZ RESPONSIVA
****************************************/
@media screen and (max-width:1400px){
#secciones li a{
	width:90px;
}
}
@media screen and (max-width:1250px){
#secciones li a{
	width:75px;
}
}
@media screen and (max-width:1100px){
#secciones li a{
	width:65px;
}
.datatable_filtros{
	font-size:0;
}
.datatable_filtros_campos label{
/*	display:none;*/
}
.datatable_filtros>.ui-button{
	width:55px !important;
	height:40px !important;
	padding:.4em 0 !important;
	font-size:9px !important;
	text-align:center !important;
}
.datatable_filtros>.ui-button>.ui-button-icon{
	display:block !important;
	margin:0 auto;
}
.dataTables_filter.dataTables_filter{
	display:none;
}
table.dataTable tbody tr{
	height:40px !important;
}
}
@media only screen and (max-width:1180px){
	/* 1. Ocultar números antiguos en v1.12 */
	html body .dataTables_wrapper .dataTables_paginate span {
		display:none !important;
	}

	/* 2. Ocultar botones de número y elipses en v2.x (Especificidad extrema) */
	html body div.dt-container .dt-paging .dt-paging-button:not(.first):not(.previous):not(.next):not(.last),
	html body div.dt-container .dt-paging .ellipsis {
		display:none !important;
	}

	/* 3. Asegurar que los de control SÍ se vean */
	html body div.dt-container .dt-paging .dt-paging-button.first,
	html body div.dt-container .dt-paging .dt-paging-button.previous,
	html body div.dt-container .dt-paging .dt-paging-button.next,
	html body div.dt-container .dt-paging .dt-paging-button.last {
		display:inline-block !important;
	}

	/* 4. Ocultar la línea "X filas seleccionadas" */
	html body .dataTables_wrapper .dataTables_info .select-info,
	html body div.dt-container .dt-info .select-info {
		display:none !important;
	}

	/* 5. Alineación limpia para móviles */
	html body .dataTables_wrapper .dataTables_paginate,
	html body div.dt-container .dt-paging {
		float:right !important;
		text-align:right !important;
		margin-top:0px !important;
	}
	html body .dataTables_wrapper .dataTables_info,
	html body div.dt-container .dt-info {
		clear:both !important;
		float:left !important;
		padding-top:.2em !important;
		padding-left:.2em !important;
	}
	html body .dataTables_wrapper .dataTables_info span,
	html body div.dt-container .dt-info span {
		display:block;
	}
}
@media only screen and (max-width:930px){
#header_acerca{
	margin:0;
	height:22px;
	right:70px;
}
#header_sesion{
	width:22px;
	padding-left:0;
	right:40px;
}
#header_sesion_icn{
	margin:0;
}
#header_sesion_contenido{
	display:none;
	position:absolute;
	top:40px;
	right:0;
	padding:5px;
	border:2px solid #CCC;
    border-radius:5px;
	background-color:#FFF;
	box-shadow:rgba(0,0,0,0.4) 2px 2px 6px;
	z-index:2;
}
#header_sesion_icn:hover + #header_sesion_contenido{
	display:inline-block !important;
}
#salir_btn{
	width:22px;
	padding:0px;
}
#salir_btn a{
	display:none;
}
#secciones li{
	font-size:7px;
}
#secciones li a{
	width:60px;
	padding:32px 0px 5px 0px;
	background-position:top 8px right 50% !important;
}
ul#secciones li>ul>li>a{
	padding:10px 5px !important;
	font-size:11px;
}
#secciones li a:hover{
	padding:32px 0px 5px 0px;
}
#menu_principal{
	min-width:auto;
}
div.dataTables_wrapper>div.dt-buttons{
	float:left !important;
}
.dataTables_wrapper .dataTables_length, .dataTables_wrapper .dataTables_filter{
	float:right !important;
}
.panel_grid{
	top:50px;
	left:1px;
	right:1px !important;
	bottom:1px;
}
.panel_detalle{
	display:none;
	left:1px;
	right:1px;
	bottom:1px;
	width:auto !important;
}
.detalle_full{
	margin:0;
}
input,select{
	height:30px !important;
	padding:1px;
}
textarea{
	min-height:40px !important;
}
.panel_detalle_cerrar_btn{
	display:inline-block !important;
	position:absolute !important;
	top:7px;
	right:4px;
}
.detalle_identificador{
	width:63px;
	height:24px;
	line-height:24px;
	top:7px;
	right:48px;
	font-size:10px;
}
.ui-tabs .ui-tabs-panel{
	padding:1em 1px !important;
}
.detalle_tab>.ui-widget-header{
	font-size:0;
}
.detalle_menu {
	display:flex;
}
.detalle_menu *{
	align-self:center;
}
.detalle_menu>.ui-button{
	width:55px !important;
	height:40px !important;
	padding:.4em 0 !important;
	font-size:9px !important;
	text-align:center !important;
}
.detalle_menu>.ui-button>.ui-button-icon{
	display:block !important;
	margin:0 auto;
}
}
@media only screen and (max-width:660px){
#header_logo{
	display:none;
}
#menu_principal{
	left:0;
}
#firmar_btn{
	padding:4px;
}
#firmar_cancelar_btn{
	padding:4px;
	background:#F00;
}
#firma_estatus{
	font-weight:bold;
	line-height:28px;
	padding-right:5px;
	font-size:16px;
}
.panel_detalle_grid_lista{
	padding-right:18px;
}
}
@media only screen and (max-width: 515px){
#secciones li a{
	width:auto;
	min-width:35px;
	padding:28px 3px 5px 3px;
	font-size:6.5px;
	background-size:18px 18px !important;
	letter-spacing:-0.2px;
}
#secciones li a:hover{
	padding:28px 3px 5px 3px;
}
#dashboard{
	padding:5px;
}
.portlet{
	width:100%;
	margin: 0 0 1em 0;
}
}
@media only screen and (max-width:550px){
#header_acerca{
	display:none;
}
}
@media only screen and (max-width:520px){
#header_sesion{
	display:none;
}
#salir_btn{
	width:22px;
	padding:0px;
}
}