/* PAGES */
.info-table{width:100%; border:#6D48BD;border-style:solid;border-width:2px;line-height:0; overflow: hidden; padding:5px;}
.info-tr{height:10px;overflow: hidden}
.info-th-icon{width:15px;background-color:#6D48BD;overflow: hidden;}
.info-th-title{background-color:#6D48BD;vertical-align:middle;font-size:25px;color:#FFF;padding-left:5px;padding-bottom:5px;padding-top: 5px;overflow: hidden}
.info-td-icon{width:15px;background-color:#6D48BD;/*overflow: hidden*/}
.info-td-data{width:50%; border-right-color:#6D48BD; border-right-style:solid; border-right-width:2px;padding-left:10px;vertical-align:middle;overflow: hidden}
.info-label{font-size:15px;padding-left:10px;display:inline;overflow: hidden}
.info-data{font-size:15px;color:#000000;display:inline;overflow: hidden}

/* ANIMATED TABLES */
.td-data{font-size:15px;vertical-align:middle; line-height:normal;}

/* SUB MENU RIBBON  */
.submenu-table-planestudio{width:100%;background-color:#556677;padding:5px;height:26px;}
.submenu-td-icon-planestudio{width:35%; vertical-align:middle; text-align:right; padding-right:5px;}
.submenu-td-label-planestudio{ vertical-align:middle;font-size:17px;color:#FFFFFF;text-align:right;padding-top:5px;}

/*plan de area*/
.submenu-table{width:100%;/*background-color:#556677;*/ padding:10px;}
.submenu-td-icon{width:1%; vertical-align:middle; text-align:right; padding-right:5px;}
.submenu-td-label{vertical-align:middle;font-size:20px;color:#FFFFFF;text-align:left;width:8%; padding-right:10px;}
.label{vertical-align:middle;font-size:20px;color:#FFFFFF; padding-right:8px}
.icon{vertical-align:middle; text-align:right;padding-right:5px;}
.submenu-td-label-plane{vertical-align:middle;font-size:20px;color:#FFFFFF;text-align:left;width:90%; padding-left:10px;}

/* detalle del tema */
.submenu-td-icon-detalle{width:1%; vertical-align:middle; text-align:right; padding-right:2px;}
.submenu-td-label-detalle{vertical-align:middle;font-size:20px;color:#FFFFFF;text-align:left;width:50%}
.submenu-td-label2-detalle{vertical-align:middle;font-size:20px;color:#FFFFFF;text-align:right;width:1%}

/*plan de estudio*/
.submenu-td-label-pe{vertical-align:middle;font-size:20px;color:#FFFFFF;text-align:left;width:90%; padding-left:10px;}

/* comentarios */
.submenu-td-icon-coment{vertical-align:middle; text-align:left; padding-right:5px;}
.submenu-td-label-coment{ width:50%;vertical-align:middle;font-size:20px;color:#FFFFFF;text-align:left;}

/*agregar tema*/
.submenu-td-label-t{ vertical-align:middle;font-size:20px;color:#FFFFFF;text-align:left;}

/* DETAILS TABLE */
.details-table{width:100%;line-height:0;/*revisar*/margin-bottom: 30px;}
.details-th-main{vertical-align:middle;font-size:20px;color:#FFFFFF;}
.details-th-data{ text-align:center;padding-left:5px;padding-right:5px; padding:5px;color:#000000;}
.details-td-main{vertical-align:middle;border-bottom-width:2px;border-bottom-style:solid;color:#000000;}
.details-td-data{vertical-align:middle;border-bottom-width:2px;border-bottom-style:solid;text-align:center; color:#000000;}
.details-td-main{color:#000000} /*revisar*/
.details-td-icon{ width:26px; height:26px;border-bottom-width:2px;border-bottom-style:solid;}
.icono-de-estado{ width:1px;}
.letra-indicadores{vertical-align:middle;font-size:20px;color:#FFFFFF;text-align:left;width:8%}
a.letra-indicadores{color:#FFF;}
.details-tr:hover { background-color:#e5e5e5; color:#5E5E5E; cursor:pointer;}

/*revisar*/
.details-td-main a:link {color:#000000;}
.details-td-main a:visited {color:#000000;}
.details-td-main a{color:#000000;}
.sobre-info{color:#000;} /*hasta aca*/
.sobre-info:hover{ color:#5E5E5E;}
a.sobre-info{color:#000} 

/* TOPIC TABLE */
.topic-table{height:100px; width:100%}
.topic-td-icon{width:15px;}
.topic-td-label{vertical-align:middle;font-size:15px;padding-left:5px;}
.topic-td-focus-label{vertical-align:middle;font-size:15px;padding-left:5px;color:#FFFFFF}
.topic-td-data{width:auto;height:60px;display:none}
.topic-td-focus-data{width:auto;height:60px;}

.th-icono-tabla1{text-align:left;
	font-size: 50px;
	color: #FFF;
	font-variant: normal;
	padding-left:5px;
	padding-bottom:5px;
	padding-top: 5px;
	width:85px;
	height:70px;}
	
.th-area-tabla1{width:378px; height:20px; font-size:50px; color:#FFF; text-align:left; padding-top:10px;}
.td-icono-analista{
	background-image:url(../images/analista.png);
	background-repeat:no-repeat;
	background-position: center;
	height:50px;
}
.td-icono-estado{background-image:url(../images/en_curso.png);
	background-repeat:no-repeat;
	background-position: center;height:50px;}
.td-icono-d-avance{background-image:url(../images/dias_avance.png);
	background-repeat:no-repeat;
	background-position: center;height:50px;}
.td-icono-t-abiertos{background-image:url(../images/temas_abiertos.png);
	background-repeat:no-repeat;
	background-position: center;height:50px;}

/* SUB MENU COMENTARIOS */
.submenu-table-c{width:100%;padding:2px;}
.submenu-td-icon-c{ width:3%; padding-left:10px;}
.submenu-td-label-c{font-size:20px;color:#FFFFFF;text-align:left; vertical-align:middle; padding-right:10px;}
.submenu-td-coment{font-size:20px;color:#FFFFFF; vertical-align:middle;}

/*VISTA DE COMENTARIOS*/
/*tabla conversacion*/
.table-conversacion{ line-height:0; width:100%;margin-top:10px; padding:10px;padding-bottom:20px}
.td-foto-user-chat{ padding-top:5px;width:35px; height:35px;display:inline;overflow: hidden; vertical-align:middle;}
.td-name-user-chat{padding-top:5px; width:50%; text-align:left; font-size:18px;color:#000;padding-left:10px;display:inline;overflow: hidden; vertical-align:middle;}
.td-mas-dias-chat{padding-top:5px;font-size:15px;color:#000;padding-left:10px;display:inline;overflow: hidden; vertical-align:middle;}
.td-fecha-chat{font-size:15px;color:#898989;display:inline;overflow: hidden; vertical-align:middle;}
.td-date-day{ padding-bottom:30px;width:100px;text-align:right; padding-right:15px;}
.td-icono-chat{width:1%;padding-left:5px;padding-bottom:10px;}
.td-linea-chat{border-bottom:1px solid;}

.texto-conversacion{
	line-height:normal;
	width:70%;/*cambiarlo a 70 para el ipad*/
	color:#000;
	vertical-align:middle;
	padding-left:10px;
	padding-bottom:10px;
	
}
.tr-space-chat{ padding-top:10px;}
/*preguntas y repuestas*/
.titulo-chat{font-size:15px;}
.preguntas-chat{font-size:15px; color:#000000;}
.respuestas-chat{font-size:15px;color:#898989;font-size:15px; margin-bottom:10px;}

/* tabla botones  */
.botones-table{width:100%;/*background-color:#556677;*/ padding:3px;overflow: hidden}
.botones-td-icon{vertical-align:middle; text-align:left; padding-right:5px;}
.botones-td-label{ width:42%;vertical-align:middle;font-size:20px;color:#000;}

/*CONVERSACION ANALISTA*/
.table-crear-comentario{
margin-top:10px; color:black; margin-top:15px; width:100%;
}

.td-foto-analista{padding-top:0px;padding-bottom:0px;width:35px; height:35px;overflow: hidden;position:relative;
		top: 0px; margin-bottom:50px; padding-right:10px;
		left: 5px;}

.textarea-comentario{
font-family:"Century Gothic";
max-height:85px; 
max-width: 750px;
min-height:85px; 
min-width: 750px; 
margin-left:10px; 
margin-top:10px;
}

#field-dias{
font-family:"Century Gothic";  
height:15px; 
width:20px;font-size:13px; 
}

.td-label-info{
vertical-align:middle;font-size:16px;color:black;text-align:left;
}
.iconos-coment {padding-left:0px;padding-bottom:0px;}
.td-iconos{
padding-top:10px;padding-left:5px; 
width:5px;
}
.desplegable-etapa{
	font-family: "Century Gothic";
	font-size:13px; 
}

#Etapa{
	font-family: "Century Gothic";
	font-size:13px; 
}

input {
overflow: visible;
width: auto;
}
                
input.link {
font-size: 1em;
background: none;
margin: 0;
padding: 0;
border: none;
cursor: pointer;
vertical-align:middle;
font-size:16px;
color:black;
text-align:left;
font-family: "Century Gothic";                       
-moz-user-select: text;}

input.link span {
text-decoration: underline;
}
input.link:hover span,
input.link:focus span 
{
color: black;
}

/** Mis notificaciones **/
.notificacion:hover{ background-color:#EAEAEA;}
.detail-row{margin:2px; 
	border: 1px solid #38AAA9; 
	color: black;
	line-height:normal;
	width:100%;}
	
.icon-column{width:26px;}
	
.data-column{padding-left:5px;
	padding-right:5px;
	vertical-align:middle;}

input.btn-search{
	width: 27px;
	height: 28px;
	background:url(/Themes/PlataformaSimte/images/btn-search.png) no-repeat 2px 2px;
	border:1px solid #FFF;
	text-indent:-99999px;
	margin:0;
	padding:0;
	cursor:pointer;
}

input.btn-search{
	width: 27px;
	height: 28px;
	background:url(/Themes/PlataformaSimte/images/btn-search.png) no-repeat 2px 2px;
	border:1px solid #FFF;
	text-indent:-99999px;
	margin:0;
	padding:0;
	cursor:pointer;
}

input.btn-download{
	width: 27px;
	height: 28px;
	background:url(../images/img/btn-download.png) no-repeat 4px 4px;
	border:1px solid #FFF;
	text-indent:-99999px;
	margin:0;
	padding:0;
	cursor:pointer;
}

/*Estilos para la pagina agregar temas*/

/*agregar temas de plan de area*/

#container{
    width:99%;
    height:490px;
    background:#fff;
    border:1px solid #E8E8E8;
	margin-top:20px;
}

.head-table
{font-size:18px; padding-left:3px; border-right:1px solid #FFF; color:#FFF; vertical-align:middle;}

.head-table-matriz
{font-size:18px; padding-left:3px; color:#FFF; vertical-align:middle;}

.table-temas {width:99%; padding-bottom:5px; padding-left:6px;}
.table-temas tr td{background-color:#E9E7E7; color:#000; border-bottom:1px #AEADB2 solid;vertical-align:middle;  }
.table-temas tr td:hover {background-color:#fff; color:#000; border-bottom:1px #AEADB2 solid;vertical-align:middle;  }
.table-temas tr td input[type=text]{background-color:#E9E7E7; color:#000; border:1px #E9E7E7 solid; }
.table-temas tr td:hover input[type=text] {background-color:#fff; border:1px #ccc solid; }

.table-temas-matriz{width:99%;border-left: 1px solid #AEADB2; border-right: 1px solid #AEADB2;  margin-top:10px; margin-left:5px; }
.table-temas-matriz tr td:hover {background-color:#fff; color:#000; border-bottom: 1px solid #AEADB2; vertical-align:middle;  }
.table-temas-matriz tr td input[type=text]{background-color:#E9E7E7; color:#000; border:1px #E9E7E7 solid; }
.table-temas-matriz  tr td:hover input[type=text] {background-color:#fff;border:1px #ccc solid; }                         
.table-temas-matriz tr td {font-size:12px;background-color:#E9E7E7; color:#000; border-bottom:1px #AEADB2 solid;vertical-align:middle;width:20%;}
.table-temas-matriz tr th {font-size:14px; padding-left:3px; border-right:1px solid #FFF; color:#FFF;}
 
.a-ver-tema:link {font-size:15px;color:#0000ff;text-decoration:none;float: right;padding-right: 15px;}
.a-ver-tema:visited {font-size:15px;color:#5E5E5E;text-decoration:none;float: right;padding-right: 15px;}
.a-ver-tema:hover {font-size:15px;text-decoration:underline;}
                        
#container-tm{
width:48%; 
float:left;
margin-left:1px;
margin-right:10px;
}

.matriz-temas{width:99%;font-size:18px;background-color:#A30583; padding-left:6px;}

.icono-matriz {width:26px; height:26px ;padding-left:10px; padding-top:5px;}
.matriz-temas-buscar{margin-top:10px;}
.matriz-temas-buscar td{padding:5px; vertical-align:middle; }
.matriz-temas-buscar input[type=text] {border:0px solid;vertical-align:middle;}

 .listas{
    font-family:"Century Gothic";
}
  
.newInasistencia{
	background:url(../images/inasistencia_p_s.png) no-repeat;
}

.textarea-comment {font-family:"Century Gothic"; max-height:85px; max-width: 1220px; min-height:85px; min-width: 1220px; margin-left:10px; margin-top:10px;}
.label{vertical-align:middle;font-size:20px;color:#FFFFFF;}
.icon{vertical-align:middle; text-align:right;padding-right:5px;}

/* Estilo para los mensajes de error en las validaciones */
.error, .field-validation-error{
    color:Red;
}

/*para las notificaciones*/
.detail-row{
    margin:2px; 
	border: 1px solid #38AAA9; 
	color: black;
	width:100%; font-size:13px;
}
	
.icon-column{width:26px;}
	
.data-column{
    padding-left:5px;
	padding-right:5px;
	vertical-align:middle;
}
.notificacion:hover{ background-color:#EAEAEA;}
.indicadores{
	background:url(../images/indicadores_p_xs.png) no-repeat;
	color:#FFF;
}

/*stylo boton de busqueda en la vista agregar tema a PA*/

.head-table-matriz
{text-align:left; vertical-align:middle; line-height:20px;}
.matriz-imagen{ padding-right:10px; vertical-align:middle;}
.table-center{ margin:auto;}


/*boton para la pagina de configuracion*/
.left-config{
	float:left;
	width:90%;
}


.barra{
	margin:0 0 10px 0;
	min-height: 28px;
	padding: 5px;
	overflow: hidden;
}
.barra h3{
	color:#fff;
	font-size:22px;
	margin:0 60px 0 0;

}

/*calendario correciones nataly*/
#date5-gldp{
	height:auto;
	width:auto;
	text-align:center;
}
.gldp-default{
	height:auto;
	width:auto;
	text-align:center;
}
.submenu div.gldp-default{
	height:auto;
	width:auto;
	text-align:center;
}
.submenu div.gldp-default div{
	text-align:center;

}
.plan_e{
	background:url(../images/plan-estudio_p_s.png) no-repeat 5px 4px;
	background-size:20px;width:50px; padding:0px; border-left:none;
	width:20px;
}
.information-list{
	background:url(../images/img/btn-info-general.png) no-repeat 5px 4px;
	width:30px; padding:0px; border-left:none;background-size:30px;
}
.indicadores-list{
	background:url(../images/indicadores_p_s.png) no-repeat 5px 4px;
	background-size:20px;width:50px; padding:0px; border-left:none;
	width:20px;
}
	
/**Campo de texto de nombre de tema*/
.textfield-nombre{
    font-family:"Century Gothic"; 
    max-height:18px; 
    max-width: 250px; 
    min-width: 250px; 
    margin: 0px, 0px, 0px, 0px;
    }
    
.textfield-edit-nombre
{
    font-family:"Century Gothic"; 
    height:auto;
    max-height:100px;
    max-width: 250px; 
    min-width: 250px; 
    margin: 0px, 0px, 0px, 0px;
}
    
/* BOTONES submenu - generales*/
.submenu-table a{color:#FFFFFF;}

.btn-guardar-save{
	width: 150px;
	height: 30px;
	background-color:#049AD5;
	border:1px solid #FFF;
	margin-top:20px;
	cursor:pointer;
	color:White;
	font-family: "Century Gothic";
}
.btn-guardar-save:hover{
	width: 152px;
	height: 32px;
	font-weight:bold;
	
}
input.link2 {
font-size: 1em;
background: none;
margin: 0;
padding: 0;
border: none;
cursor: pointer;
vertical-align:middle;
font-size:20px;
color:#FFFFFF;
text-align:left;
font-family: "Century Gothic";                       
-moz-user-select: text;}

input.link2 span {
text-decoration: underline;
}
input.link2:hover span,
input.link2:focus span 
{
color: #FFFFFF;
}

.mora-pastel{
	background-color:#9F8DD9 !important;
	border-color:#9F8DD9 !important;
}
.login-form group{ min-width:202px;}

.minimo{min-width:280px;}
.blockUI.blockMsg.blockPage{ top:30px;}