body
{
	font-family: Arial, Helvetica, sans-serif;
	width: 80em;
	margin: 0 auto;
	text-align: left;
}

img 
{
	border: 0;
}

a:link, a:visited
{
    color: #0000EE;
    text-decoration: none;
}

a:hover, a:active
{
    color: #0000EE;
    text-decoration: underline;
}

input[type=submit] 
{
	font-family: Arial;
	font-size: medium;
}

input[type=text], input[type=password], textarea
{
    padding: 0.2em;
}

textarea 
{
    overflow: auto;
}

input[type=text]:focus, input[type=password]:focus, textarea:focus
{
    border: 2px solid #000000;
}

input[type=text][readonly=readonly], input[type=password][readonly=readonly], textarea[readonly=readonly]
{
     background-color: #EBEBE4;
     border: 1px solid #7F9DB9;
}

.validacion
{
	margin: 0;
	font-weight: normal;
	font-size: small;
	height: 0.8em;
}

.subrayado 
{
    text-decoration: underline;
}

/* ----------------------------------------- CABECERA ----------------------------------------- */
#cabecera
{
	width: 77em;
	float: left;
	margin: 0.8em 0 0.8em 0;
	padding: 1em 1.3em 1em 1.5em;
	border: 2px solid #7E7E7E;
	color: #333333;
	background-color: #006699;
}


#cabecera img
{
	float: left;
}

#cabecera h1
{
	float: left;
	margin: 0.9em 1.4em 0 1.3em;
	color: #FFFFFF;
	font-size: 26pt;
}

/* ----------------------------------------- PRINCIPAL ---------------------------------------- */
#principal 
{
	width: 77em;
	float: left;
	margin-bottom: 1em;
	padding: 0 1.3em 0.5em 1.5em;
	border: 2px solid #7E7E7E;
	background-color: #F0F1F5;
}

#principal h2
{
    margin: 0;
    padding-top: 1.2em;
}

#ctl00_ContentPlaceHolder1_lbNumeroInforme
{
    border-bottom: 3px dotted #000000;
}

#ctl00_ContentPlaceHolder1_lbNumeroInformeIncidencia
{
    border-bottom: 3px dotted #000000;
}

#ctl00_ContentPlaceHolder1_lbNumeroInformeAccionCorrectiva
{
    padding-bottom: 0.1em;
    border-bottom: 3px dotted #000000;
}

/* ------------------------------------ MENÚ DE NAVEGACIÓN ------------------------------------- */
#ctl00_menuNavegacion 
{
    margin: 1.5em 0 0 0;
    font-size: small;
    text-align: left;
}

#ctl00_lbNombreDepartamento 
{
    font-size: larger;
    font-weight: bold;
    font-style: italic;
}

#ctl00_menuNavegacion  #botonesNavegacion
{
    float: right;
    position: relative;
    bottom: 0.8em;
}

#ctl00_btnInicio 
{
    margin-right: 0.5em;
}

/* ------------------------------------------ LOGIN -------------------------------------------- */
#login 
{
    float: left;
	width: 100%;
	height: 100%;
	margin-top: 2em;
	text-align: center;
	font-size: small;
	font-weight: bold;
	color: #7E7E7E;
}

#login fieldset
{
    width: 22.5em;
    margin: 0 auto;
    padding: 2em 1em 0.7em 1em;
	text-align: left;
	border-top: 1px solid #7E7E7E;
	border-right: 3px solid #7E7E7E;
    border-bottom: 3px solid #7E7E7E;
    border-left: 1px solid #7E7E7E;
}

#login fieldset .validacion
{
    padding-bottom: 1em;
}

#ctl00_ContentPlaceHolder1_lbDepartamento
{
    padding: 0 0.3em 0 0;
}

#ctl00_ContentPlaceHolder1_lbClave
{
    padding: 0 0.3em 0 1.3em;
}

#login .custom-checks 
{
    margin: 0 0 0 7.4em;
    font-weight: normal;
}

#ctl00_ContentPlaceHolder1_btnEntrar 
{
    margin: 2em 0 0.3em 7.5em;
}

#ctl00_ContentPlaceHolder1_errorLogin 
{
    color: Red;
}

#ctl00_ContentPlaceHolder1_valDepartamento,
#ctl00_ContentPlaceHolder1_valClave 
{
      margin-left: 7.5em;
}

/* ------------------------------------------ TAB PANELS ---------------------------------------- */
#ctl00_ContentPlaceHolder1_upPaneles
{
    float: left;
    width: 100%;
	height: 100%;
	margin: 1em 0 1em 0;
}

#ctl00_ContentPlaceHolder1_tabContainerPaneles
{
    float: left;
    width: 100%;
	height: 100%;
}

#ctl00_ContentPlaceHolder1_tabContainerPaneles_header
{
    float: left;
    width: 97.5%;
	height: 100%;
}

#ctl00_ContentPlaceHolder1_tabContainerPaneles_body
{
    float: left;
    width: 94%;
	height: 100%;
	padding: 0 1.5em 1.5em 1.5em;
}

#ctl00_ContentPlaceHolder1_tabContainerPaneles_tabPanelYo,
#ctl00_ContentPlaceHolder1_tabContainerPaneles_tabPanelYo_upPreguntasAlumnos,
#ctl00_ContentPlaceHolder1_tabContainerPaneles_tabPanelYo_upIncidenciasRecibidas,
#ctl00_ContentPlaceHolder1_tabContainerPaneles_tabPanelYo_upIncidenciasEnviadas,
#ctl00_ContentPlaceHolder1_tabContainerPaneles_tabPanelTodos,
#ctl00_ContentPlaceHolder1_tabContainerPaneles_tabPanelTodos_upArchivoIncidencias,
#ctl00_ContentPlaceHolder1_tabContainerPaneles_tabPanelSugerencias,
#ctl00_ContentPlaceHolder1_tabContainerPaneles_tabPanelSugerencias_upSugerencias
{
    float: left;
    width: 100%;
	height: 100%;
}

/* ---------------------------------- LISTADO DE INCIDENCIAS ----------------------------------- */

#ctl00_ContentPlaceHolder1_tabContainerPaneles_tabPanelYo_gvPreguntasAlumnos,
#ctl00_ContentPlaceHolder1_tabContainerPaneles_tabPanelYo_gvIncidenciasRecibidas,
#ctl00_ContentPlaceHolder1_tabContainerPaneles_tabPanelYo_gvIncidenciasEnviadas,
#ctl00_ContentPlaceHolder1_tabContainerPaneles_tabPanelTodos_gvArchivoIncidencias,
#ctl00_ContentPlaceHolder1_tabContainerPaneles_tabPanelSugerencias_gvSugerencias,
#ctl00_ContentPlaceHolder1_tabContainerPaneles_tabPanelYo_gvPreguntasAlumnos
{
	width: 100%;
	height: 100%;
    border-top: 0;
    border-right: 2px solid #DEDFDE;
    border-bottom: 2px solid #DEDFDE;
    border-left: 2px solid #DEDFDE;
}

#ctl00_ContentPlaceHolder1_tabContainerPaneles_tabPanelYo_gvIncidenciasRecibidas .columnaOculta,
#ctl00_ContentPlaceHolder1_GvIncidencias .columnaOculta,
#ctl00_ContentPlaceHolder1_tabla .columnaOculta,
#ctl00_ContentPlaceHolder1_tabContainerPaneles_tabPanelYo_gvIncidenciasEnviadas .columnaOculta, 
#ctl00_ContentPlaceHolder1_tabContainerPaneles_tabPanelTodos_gvArchivoIncidencias .columnaOculta,
#ctl00_ContentPlaceHolder1_gvAccionesCorrectivas .columnaOculta,
#ctl00_ContentPlaceHolder1_tabContainerPaneles_tabPanelSugerencias_gvSugerencias .columnaOculta,
#ctl00_ContentPlaceHolder1_tabContainerPaneles_tabPanelYo_gvPreguntasAlumnos .columnaOculta
{
    display: none;
}

#ctl00_ContentPlaceHolder1_tabContainerPaneles_tabPanelYo_panelTituloPreguntasAlumnos,
#ctl00_ContentPlaceHolder1_tabContainerPaneles_tabPanelYo_panelTituloIncidenciasRecibidas,
#ctl00_ContentPlaceHolder1_tabContainerPaneles_tabPanelYo_panelTituloIncidenciasEnviadas,
#ctl00_ContentPlaceHolder1_tabContainerPaneles_tabPanelTodos_panelTituloArchivoIncidencias,
#ctl00_ContentPlaceHolder1_tabContainerPaneles_tabPanelSugerencias_panelTituloSugerencias
{
    margin-top: 2em;
    padding: 0 0 0.5em 0;
}

.incidenciaPendiente
{
    font-weight: bold;
    color: #FFFFFF;
    background-color: #DD0910;
}

.incidenciaDesestimada
{
    font-weight: bold;
    color: #FFFFFF;
    background-color: #FF4949;
}

.incidenciaEnviada
{
    font-weight: bold;
    color: #FFFFFF;
    background-color: #FF8040;
}

.incidenciaResuelta
{
    font-weight: bold;
    color: #FFFFFF;
    background-color: #51A651;
}

.incidenciaRevisada
{
    font-weight: bold;
    color: #FFFFFF;
    background-color: #30A3F7;
}

.incidenciaArchivada
{
    font-weight: bold;
    color: #FFFFFF;
    background-color: #C47C3C;
}

.sugerenciaSinRevisar
{
    font-weight: bold;
    color: #FFFFFF;
    background-color: #30A3F7;
}

.sugerenciaDesestimada
{
    font-weight: bold;
    color: #FFFFFF;
    background-color: #DD0910;
}

.sugerenciaAplicada
{
    font-weight: bold;
    color: #FFFFFF;
    background-color: #51A651;
}

.sugerenciaEnEstudio
{
    font-weight: bold;
    color: #FFFFFF;
    background-color: #FF8040;
}

.incidenciaLink_out a:hover, .incidenciaLink_out a:active
{
    text-decoration: none;
}

#ctl00_ContentPlaceHolder1_btnCrearIncidencia 
{
	float: left;
    margin-top: 1.2em;
}

.paginacion span 
{
    font-size: x-large;
    font-weight: bold;
}

#tablaOpcionesPreguntasRecibidas,
#tablaOpcionesIncidenciasRecibidas,
#tablaOpcionesIncidenciasEnviadas,
#tablaOpcionesArchivoIncidencias,
#tablaOpcionesSugerencias
{
    width: 99.5%;
    margin-top: 0.5em;
    margin-left: 0.2em;
    padding: 0.2em;
    border-collapse:  collapse;
    font-size: 9pt;
    text-transform: capitalize;
    background-color: #F7F6F3;
}

#tablaOpcionesPreguntasRecibidas td,
#tablaOpcionesIncidenciasRecibidas td, 
#tablaOpcionesIncidenciasEnviadas td,
#tablaOpcionesArchivoIncidencias td,
#tablaOpcionesSugerencias td
{
    padding: 0.5em 0 0 0.6em;
    border: 1px solid #006699;
}

.numeroIncidenciasPorPagina 
{
    padding-top: 1.5em;
    text-align: right;
}

#ctl00_ContentPlaceHolder1_tabContainerPaneles_tabPanelYo_lbIncidenciasRecibidasPorPagina, 
#ctl00_ContentPlaceHolder1_tabContainerPaneles_tabPanelYo_lbIncidenciasEnviadasPorPagina,
#ctl00_ContentPlaceHolder1_tabContainerPaneles_tabPanelTodos_lbArchivoIncidenciasPorPagina,
#ctl00_ContentPlaceHolder1_tabContainerPaneles_tabPanelSugerencias_lbSugerenciasPorPagina,
#ctl00_ContentPlaceHolder1_tabContainerPaneles_tabPanelYo_lbPreguntasPorPagina
{
    position: relative;
    bottom: 0.9em;
    margin-right: 0.5em;
    font-size: 9pt;
    text-transform: uppercase;
}

#ctl00_ContentPlaceHolder1_tabContainerPaneles_tabPanelYo_tbIncidenciasRecibidasPorPagina, 
#ctl00_ContentPlaceHolder1_tabContainerPaneles_tabPanelYo_tbIncidenciasEnviadasPorPagina,
#ctl00_ContentPlaceHolder1_tabContainerPaneles_tabPanelTodos_tbArchivoIncidenciasPorPagina,
#ctl00_ContentPlaceHolder1_tabContainerPaneles_tabPanelSugerencias_tbSugerenciasPorPagina,
#ctl00_ContentPlaceHolder1_tabContainerPaneles_tabPanelYo_tbPreguntasPorPagina
{
    position: relative;
    bottom: 0.8em;
    margin-right: 0.5em;
}

/* ----------------------------------------- PANEL CONTRAIBLE ---------------------------------- */
.collapsePanel {
	width: 100%;
	height: 100%;
	overflow: hidden;
}

.collapsePanelHeader {	
	width: 100%;
	height: 100%;
	margin: 0.3em 0 1em 0;
	color: #5377A9;
	cursor: pointer; 
	font-size: large;
}

.collapsePanelHeader:hover 
{
    color: #7E7E7E;
}

/* ----------------------------------------- VENTANA POPUP -------------------------------------- */

.modalBackground 
{
    background-color:Gray;
	filter:alpha(opacity=70);
	opacity:0.7;
}


#ctl00_ContentPlaceHolder1_lbEditarInformacion
{
    font-weight: bold;
	font-size: smaller;
}

#ctl00_ContentPlaceHolder1_tbEditarInformacion
{
    margin-top: 0.5em;
}

/* --------------------------------- FORMULARIO DE INCIDENCIAS --------------------------------- */
#formularioIncidencias
{
	float: left;
	width: 100%;
	height: 100%;
}

#ctl00_ContentPlaceHolder1_tbFechaIncidencia 
{
    margin-top: 0.5em;
}

#ctl00_ContentPlaceHolder1_calFechaIncidencia_popupDiv
{
    z-index: 1000;
}

#imgCalendarioFechaIncidencia 
{
    cursor: pointer;
    position: relative;
    top: 0.2em;
    left: 0.3em;
}

#ctl00_ContentPlaceHolder1_divTipoIncidencia
{
    margin-top: 0.8em;
    padding: 0.2em;
    border: 2px solid #000000;
    text-align: center;
    text-transform: uppercase;
    font-weight: bold;
    background-color: #006699;
    color: #FFFFFF;
}

#ctl00_ContentPlaceHolder1_divSistemaGestionIncidencia
{
    margin-top: 0.8em;
    padding: 0.2em;
    border: 2px solid #000000;
    text-align: center;
    text-transform: uppercase;
    font-weight: bold;
    background-color: #006699;
    color: #FFFFFF;
}

#ctl00_ContentPlaceHolder1_divEstadoIncidencia,
#ctl00_ContentPlaceHolder1_divEstadoAccionCorrectiva
{
    margin-top: 0.8em;
    padding: 0.2em;
    border: 2px solid #000000;
    text-align: center;
    text-transform: uppercase;
}

#ctl00_ContentPlaceHolder1_panelTituloIncidencia,
#ctl00_ContentPlaceHolder1_panelTituloAccionCorrectiva
{
    margin-top: 1em;
}

#formularioIncidencias .visualizacionInformacion
{
    float: left;
    width: 96%;
	margin-bottom: 1em;
	padding: 1em 1em 0 1em;
	border: 2px solid #7E7E7E;
    background-color: #FFFFFF;
}

#formularioIncidencias .visualizacionInformacion .apartado
{
    float: left;
    width: 100%;
    height: 100%;
	margin-bottom: 1em;
	border-bottom: 3px solid #E6E6E6;
}

#formularioIncidencias .visualizacionInformacion .apartado .parteIzquierdaApartado 
{
    float: left;
    width: 30%;
}

#formularioIncidencias .visualizacionInformacion .apartado .parteDerechaApartado 
{
    float: left;
    width: 68%;
    margin-left: 2%;
}

#formularioIncidencias .visualizacionInformacion .apartado .tituloApartado
{
	font-weight: bold;
	font-size: smaller;
}

#formularioIncidencias .visualizacionInformacion .apartado .rbApartado
{
	font-size: smaller;
	position: relative;
	right: 0.5em;
	bottom: 0.5em;
}

#formularioIncidencias .visualizacionInformacion .apartado .cbApartado
{
	font-weight: normal;
	font-size: smaller;
	position: relative;
	right: 0.3em;
}

.editarInfo 
{
    font-size: 11pt;
}

#formularioIncidencias .edicionInformacion
{
    float: left;
    width: 94%;
	margin-bottom: 1em;
}

#ctl00_ContentPlaceHolder1_imgNoResuelta
{
    position: relative;
    bottom: 9em;
    left: 3em;
    margin-bottom: -5em;
    text-align: center;
}

#ctl00_ContentPlaceHolder1_imgNoRevisada
{
    position: relative;
    bottom: 6.5em;
    left: 3em;
    margin-bottom: -5em;
    text-align: center;
}

#formularioIncidencias .edicionInformacion .apartado
{
    float: left;
    width: 100%;
    height: 100%;
	padding-bottom: 0.5em;
}

#ctl00_ContentPlaceHolder1_imgNoArchivada
{
    position: relative;
    bottom: 6.5em;
    left: 3em;
    margin-bottom: -5em;
    text-align: center;
}

#formularioIncidencias .edicionInformacion .apartado .parteIzquierdaApartado 
{
    float: left;
    width: 30%;
}

#formularioIncidencias .edicionInformacion .apartado .parteDerechaApartado 
{
    float: left;
    width: 70%;
}

#formularioIncidencias .edicionInformacion .apartado .tituloApartado
{
	font-weight: bold;
	font-size: smaller;
}

#formularioIncidencias .edicionInformacion .apartado select
{
	margin-top: 0.3em;
}

#formularioIncidencias .edicionInformacion .apartado .rbApartado
{
	font-size: smaller;
}

#formularioIncidencias .edicionInformacion .apartado .cbApartado
{
	font-weight: normal;
	font-size: smaller;
}

#formularioIncidencias .botones
{
	margin-top: 2em;
}

#formularioIncidencias .spinner 
{
    margin: 2.5em 0 0 0.5em;
    float: left;
}


#formularioIncidencias .botones .cancelar
{
    margin-left: 0.5em;
}

#ddlDepartamentosCustomSelect-Text,
#ddlTipoIncidenciaCustomSelect-Text,
#ddlSistemaGestionCustomSelect-Text
{
       cursor: pointer;
}

/* ----------------------------------------- COPYRIGHT ---------------------------------------- */
#copyright 
{
    float: left;
    width: 100%;
	height: 100%;
    margin: 2em 0 0 0;
    text-align: center;
    font-size: small;
    color: #7E7E7E;
}

/* --------------------------------------- CUSTOM SELECT -------------------------------------- */

.selectborder
{
    border-bottom: dashed 1px #DDDDDD;
    margin-bottom: 0.3em;
}
.selectitem
{
    cursor: pointer;
    margin: 2px;   
}
.selecttext
{
    width: 100%;
    text-align: left;
}

#ctl00_ContentPlaceHolder1_cblDirecciones.custom-checks label
{ 
	padding-top: 0;
	line-height: 0.7; 
	margin: 0.2em 1em 0 0; 
}

.direccionesContacto 
{
    margin-bottom: 0.5em;
}

.txtDepartamento, .txtResponsable
{
    display: none;
}

#ctl00_ContentPlaceHolder1_gvAccionesCorrectivas 
{
    width: 100%;
	height: 100%;
    border-top: 0;
    border-right: 2px solid #DEDFDE;
    border-bottom: 2px solid #DEDFDE;
    border-left: 2px solid #DEDFDE;
    margin-bottom: 1em;
}

#fechaInicioAccionCorrectiva 
{
    float: left;
    margin: 0.5em 0 0 0;
}

#fechaFinAccionCorrectiva,
#ctl00_ContentPlaceHolder1_valMaskFechaFinAccionCorrectiva 
{
    float: left;
    margin: 0.5em 0 0 1.5em;
}

#ctl00_ContentPlaceHolder1_tbFechaFinAccionCorrectiva 
{
    margin-left: 0.9em;
}

#ctl00_ContentPlaceHolder1_calFechaInicioAccionCorrectiva_popupDiv,
#ctl00_ContentPlaceHolder1_calFechaFinAccionCorrectiva_popupDiv
{
    z-index: 1000;
}

#imgCalendarioFechaInicioAccionCorrectiva,
#imgCalendarioFechaFinAccionCorrectiva
{
    cursor: pointer;
    position: relative;
    top: 0.2em;
    left: 0.3em;
}

#ctl00_ContentPlaceHolder1_btnNuevaAC
{
    margin-bottom: 0.7em;
}

#ctl00_ContentPlaceHolder1_lbAccionesCorrectivasPosteriores 
{
    float: left;
     width: 50%;
}

#accionesCorrectivasPosteriores 
{
    float: left;
    width: 45%;
}

/* AVISOS CARGANDO
----------------------------------------------------------*/

.CargandoProgress
{
    cursor: pointer;
    border: 6px solid #232323;
    -moz-boder-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    box-shadow: inset gray 0px 0px 14px;
    background: #FFFFFF;
    width: 300px;
    color: #000;
    text-align: center;
    height: 100px;
    padding: 1.5em;
    position: fixed;
    _position: absolute; /* hack ie 6*/
    top: 30%;
    left: 40%;
    z-index: 9999;
}

.backgroundCargando
{
    position: fixed;
    _position: absolute; /* hack IE 6*/
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    background: #000000;
    border: 1px solid #cecece;
    z-index: 9000;
    filter: alpha(opacity=10);
    -moz-opacity: 0.1;
    opacity: 0.1;
}

a:hover
{
    cursor: pointer;
}

/* AVISOS
----------------------------------------------------------*/
.tituloAviso
{
    font-family: "century gothic" , arial, tahoma;
    font-size: 18px;
    color: #666;
}

.backgroundPopup, .backgroundPopupEncuesta, .backgroundPopupNovedad
{
    display: none;
    position: fixed;
    _position: absolute; /* hack IE 6*/
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    background: #000000;
    border: 1px solid #cecece;
    z-index: 9998;
}

.popup, .popupEncuesta, .popupNovedad
{
    display: none;
    position: fixed;
    _position: absolute; /* hack IE 6*/
    background: #FFFFFF;
    z-index: 9999;
    padding: 1.5em;
    border: 6px solid #232323;
    -moz-boder-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    height: auto;
    max-width: 700px;
}

.popupClose, .popupCloseEncuesta, .popupCloseNovedad
{
    background: url(../images/popup/cerrar.png) no-repeat;
    height: 24px;
    width: 24px;
    position: absolute;
    right: 1em;
    top: 0.3em;
    display: block;
}

.popupClose:hover, .popupCloseEncuesta:hover, .popupCloseNovedad:hover
{
    cursor: pointer;
}

.ajax__html_editor_extender_texteditor
{
    background-color:White;
}

.hiddencol
 {
   display:none;
 }

.titulo {
    margin-left: auto;
    margin-right: auto;
    color: #000000;
    text-align: center;
    font-size: 20px;
}

.oculto {
    display: none;
}

.centrar {
    text-align: center;
}

.table {
    width: 100%;
    text-align: center;
}

#correos td {    
    text-align: center;
    border-collapse: collapse;
    border: 1px solid #000000;
}

.cabecera {
    color: White;
    background-color: #006699;
    font-weight: bold;        
}

.incidenciaPendiente {
    font-weight: bold;
    color: #000000;
    background-color: #DD0910;
}

.Pendiente {
    font-weight: bold;
    color: #000000;
}

.incidenciaResuelta {
    font-weight: bold;
    color: #7E807B;
    background-color: #51A651;
}

.Resuelta {
    color: #7E807B;
}

.editable {
    width: 100%;
    min-height: 80px;
}

.ajax__html_editor_extender_container {
    width: 100% !important;
    height: auto !important;
}

.ajax__html_editor_extender_texteditor {
    height: auto !important;
    min-height: 26px;
}

.ajax__html_editor_extender_buttoncontainer, .ajax__html_editor_extender_buttoncontainer2 {
    display: block;
}

.eh_respuesta .ajax__html_editor_extender_buttoncontainer {
    display: none !important;
}

.eh_comentario div .ajax__html_editor_extender_texteditor {
    min-height: 220px;
    max-width: 1245px;
}


.adjuntoImagen {
    max-height: 150px;
    max-width: 200px;
}

.d-flex {
    display:flex;
    align-items: start;
}

.d-flex div:nth-child(2) {
    margin: 0 10px;
}

.reset {
    position: relative;
    top: 2px;
    width: 16px;
    height: 16px;
}