/*Hoja de estilo usada en los formularios de los contenidos*/
@font-face {
  font-family: 'FontAwesome';
  src: url('fonts/fontawesome-webfont.eot');
  src: url('fonts/fontawesome-webfont.eot') format('embedded-opentype'), url('fonts/fontawesome-webfont.woff2') format('woff2'), url('fonts/fontawesome-webfont.woff') format('woff'), url('fonts/fontawesome-webfont.ttf') format('truetype'), url('fonts/fontawesome-webfont.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}
/* Hoja de estilo de las plantillas de la consola */
body {
	font-family: "open sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 12px;
	color: black;
	margin: 0px;
}
td {
	/*font-size: 11px;*/
	color: black;
	margin: 0px;
}
a, img {
	user-drag: none;
	-webkit-user-drag: none;
	-moz-user-drag: none;
}

a:link {
	color: #444444;
	text-decoration: none
}
a:visited {
	color: #444444; 
	text-decoration: none
}
a:hover {
	color: #cccc
}

.center {
	text-align:center;
}

/*Estilo de la barra general a todos los tipos de contenido*/
div.templatebar {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	width: 100%;
	min-height: 42px;
	padding: 6px 10px;
	box-sizing: border-box;
	background: #eef3f6;
	border: 1px solid #cfd9e0;
	border-radius: 8px;
}
div.templatebar-group,
div.templatebar-actions {
	display: flex;
	align-items: center;
	gap: 6px;
	flex-wrap: wrap;
}
div.templatebar-actions {
	margin-left: auto;
}
div.templatebar img {
	display: none;
}
div.templatebar div.element,
div.templatebar div.edit {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 7px;
	min-height: 28px;
	padding: 0 11px;
	background: #ffffff;
	border: 1px solid #c3cfd7;
	border-radius: 5px;
	color: #41525e;
	font-size: 12px;
	font-weight: 600;
	line-height: 1;
	white-space: nowrap;
	cursor: pointer;
}
div.templatebar div.element:hover,
div.templatebar div.edit:hover {
	background: #2f6174;
	border-color: #2f6174;
	color: #ffffff;
}
div.templatebar div.element:before,
div.templatebar div.edit:before {
	font-family: 'FontAwesome';
	font-size: 13px;
	line-height: 1;
}
div.templatebar div.element span,
div.templatebar div.edit span {
	display: block;
	line-height: 1;
}
.templatebar-materials:before {
	content: "\f0c5";
}
.templatebar-downloads:before {
	content: "\f019";
}
.templatebar-links:before {
	content: "\f0c1";
}
.templatebar-edit {
	background: #2f6174 !important;
	border-color: #2f6174 !important;
	color: #ffffff !important;
}
.templatebar-edit:hover {
	background: #234b59 !important;
	border-color: #234b59 !important;
}
.templatebar-edit:before {
	content: "\f044";
}
div.templatebarmenu {
	position: absolute;
	display: none;
	z-index: 500;
	min-width: 240px;
	max-width: 340px;
	padding: 6px;
	background: #ffffff;
	border: 1px solid #cfd9e0;
	border-radius: 8px;
	box-shadow: 0 12px 28px rgba(35, 49, 59, 0.16);
}
ul.templatebarmenu-list {
	margin: 0;
	padding: 0;
	list-style: none;
}
li.templatebarmenu-item {
	margin: 0;
	padding: 0;
}
li.templatebarmenu-item + li.templatebarmenu-item {
	margin-top: 2px;
}
li.templatebarmenu-item a,
li.templatebarmenu-item a:link,
li.templatebarmenu-item a:visited {
	display: flex;
	align-items: flex-start;
	gap: 9px;
	padding: 9px 11px;
	border-radius: 6px;
	color: #31424d;
	font-size: 12px;
	line-height: 1.35;
	text-decoration: none;
	white-space: normal;
}
li.templatebarmenu-item a:hover {
	background: #eef4f7;
	color: #234b59;
}
li.templatebarmenu-item a:before {
	font-family: 'FontAwesome';
	font-size: 12px;
	line-height: 1.4;
	color: #6a7c88;
	flex: 0 0 auto;
}
#templateBarInnovaTemplateMaterialsTable li.templatebarmenu-item a:before {
	content: "\f15c";
}
#templateBarInnovaTemplateDownloadsTable li.templatebarmenu-item a:before {
	content: "\f0ed";
}
#templateBarInnovaTemplateURLsTable li.templatebarmenu-item a:before {
	content: "\f08e";
}
/*Estilo de la plantilla*/
div.super {
	width: 100%;
	margin: 7px;	
}

div.templatebody {
	margin: 0px;
	width: 97%;
	background-position: center;
}
div.templatebody div.title {
	font-size: 19px;
	font-weight: bold;
	color: #000000;	
}
div.templatebody div.toptitle {
	font-size: 12px;
	color: #000000;	
	height: 20px;
	color:#999999;
}
div.templatebody div.description {
	font-size: 13px;
	font-weight: bold;
	color: #000000;
}

/*Estilo para listado de contenidos en plantillas. Carpetas, contenedores, etc.*/

div.templatebody div.list {
	margin: 0px;
}

div.templatebody div.list div.listitem {
	width: 100%;
	float:left;	
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #00CCFF;	
	margin-top:5px;
}

div.templatebody div.list div.listitem div.itemicon{
	width: 105px;
	float: left;
	margin-right: 5px;
}

div.templatebody div.list div.listitem div.titledescription {
}

div.templatebody div.list div.listitem div.itemtitle {
	font-size: 15px;
	margin-bottom: 5px;
}

div.templatebody div.list div.listitem div.itemdescription {
	margin-bottom: 3px;
	text-align: justify;
}

div.templatebody div.list div.listitem div.seemore {
	text-align: right;	
}

div.templatebody div.list  div.sep {
	background-color: #F7F7F7;
}

/*Estilo para plantilla de links*/
div.showlink {
	font-size: 15px;
	height: 50%;
	width: 100%;
	text-align: center;
	vertical-align: middle;
	background-position: center;
}


/*Estilo para plantilla de forms*/
table.formcontent input.formtext, table.formcontent input.password, table.formcontent textarea.formtextarea, table.formcontent input.formcombo, table.formcontent input.password {
	font-size: 11px;
	color: #000000;
	border: 1px solid #00CCFF;
	font-weight: normal;
}

table.formcontent p.formlabel {
	font-weight: bold;
	background-color: #F7F7F7;
}
/*Estilo de las encuestas*/
.contentSurveyResult1 {
	background-color: #99CC99;
	color: #FFFFFF;
	height:20px;
}
.contentSurveyResult2 {
	background-color: #99CCCC;
	color: #FFFFFF;
	height:20px;	
}
.contentSurveyResult3 {
	background-color: #99CCFF;
	color: #FFFFFF;
	height:20px;	
}
.contentSurveyResult4 {
	background-color: #CCCCFF;
	color: #FFFFFF;
	height:20px;	
}
.contentSurveyResult5 {
	background-color: #FFCCFF;
	color: #FFFFFF;
	height:20px;
}
/*Paginador*/
div.divpagination a,
.pagination {
	font-size: 13px;
	padding: 0px 5px;
}
div.page-selector {
	width: 70%;
    margin: auto;
    text-align: center;
}
div.page-selector > div {
	display: inline-block;
	margin: 0px 10px;
	font-size: 13px;
}
/*Lista de contenidos 2018*/
table.listcont {
	
}
table.listcont tr:hover {
	background-color: #f5f5f5;
}
table.listcont tr.clear td {
	border: none;
}
table.listcont tr.clear:hover{
	background-color: #fff;
}
table.listcont tr.action {
	font-size: 13px;
}
table.listcont tr.action select {
	height: 20px;
}
table.listcont th {
	color: black;
	background-color: white;
	text-align: center;
	font-weight: bold;
	font-size: 13px;
	border-bottom: solid 1px #e9e9e9; 
}
table.listcont td {
	padding: 8px;
	font-size: 13px;
	border: none;
	border-bottom: solid 1px #e9e9e9; 
}
table.listcont td.dragicon {
	width: 10px;
}
.dragicon {
	cursor: move;
}
.dragicon:before {
	font-family: 'FontAwesome';
	font-size: 17px;
	content: "\f00a";
	color: #ccc;
}
.unpublished .dragicon:before {
	color: red;
}