/* Hoja de estilo del framework de consola de InnovaPortal. */
@import url(ort_styles.css);
@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;
}
BODY {
	font-family: "open sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 12px;
	background-color: #283E49;
	margin: 0px;	
	color: #FFFFFF;
}
TD {
	color: #000000;		
}
/* Panel superior */
.toppanel {
	width: 100%;
	height: 38px;
}
/* Celda del logo de InnovaPortal */
.TopPanelLogoTD {
	background-image: url(../images/InnovaPortalLogo.gif);
	height: 38px;
	width: 202px;
	background-repeat: no-repeat;
}
/* Celda que contiene los combos de nuevo y tools */
.TopPanelMiddleBoxTD {
	height: 38px;
	font-size: 12px;
	color: #fff;
}
/* Características de los combos mencionados */
.TopPanelCombo {
	color: #333333;
	font-size: 13px;
	background-color: #fff;
	overflow: hidden;
	white-space:nowrap;
	width: 190px;
	z-index: -1;
}
.toppanel a {
	text-decoration: none;
	color: white;
}
.toppanelicon {
	font-family: FontAwesome;
	font-size: 21px;
	color: #ccc;
	padding: 7px;
}
.toppanelicon:hover {
	color: #fff;
}
#topdeskincon::after {
	content: "\f015";
}
#topfldicon::after {
	content: "\f07c";
	font-size: 18px;
}
#topsearchicon::after {
	content: "\f002";
	font-size: 18px;
	position: relative;
    top: -2px;
}
#topconficon::after {
	content: "\f067";
	font-size: 18px;
}
#topexiticon::after {
	content: "\f08b";
	font-size: 21px;
}
#topgroupicon::after {
	content: "\f0c0";
	font-size: 21px;
}
#topusericon::after {
	content: "\f007";
	font-size: 21px;
}
#toptrashicon::after {
	content: "\f1f8";
	font-size: 21px;
}
/* Ventana en cada panel */
.Windows {
	background-color: #FFFFFF;
	margin: 0px;
	height: 100%;
	width: 100%;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	padding: 0px;
}
#winprevicon::after {
	font-family: FontAwesome;
    font-size: 14px;
    color: #ccc;
    content: "\f0d9";
    padding: 0 5px;
}
#winnexticon::after {
	font-family: FontAwesome;
	font-size: 14px;
	color: #ccc;
	content: "\f0da";
	padding: 0 5px 0 0;
}
#winselecticon::after {
	font-family: FontAwesome;
    font-size: 14px;
    color: #ccc;
    content: "\f107";
    padding-left: 5px;
}


/* Ventanas flotantes */
.FreeWindow {
	background-color: #FFFFFF;
	border-top: thin solid #CCCCCC;
	border-right: thin solid #333333;
	border-bottom: thin solid #333333;
	border-left: thin solid #CCCCCC;
}
/* Propiedades del TR del título de la ventana */
.WindowsTitleBar {
	background-color: #283E49;
}
/* Celda de la tabla que contiene el título de la ventana */
.WindowsTitleBarTD {
	color: #FFFFFF;
	height: 19px;
	font-size: 12px;
}
/* Celda general para icono */
.WindowsTileBarIconTD {
	height: 21px;
	width: 15px;
	cursor: pointer;
}
/* Celda con icono maximizar */
.WindowsTileBarIconMaxTD {
	height: 19px;
	width: 15px;
	cursor: pointer;
}
/* Celda con icono cerrar */
.WindowsTileBarIconCloseTD {
	height: 19px;
	width: 15px;
	cursor: pointer;
}
/* Celda con icono minimizar */
.WindowsIconCloseTD {
	height: 19px;
	width: 20px;
	cursor: pointer;
	text-align: center;
	color: #ccc;
}
.WindowsIconCloseTD:HOVER {
	color: #fff;
}
.WindowsIconCloseTD::after {
	content: "\f00d";
	font-family: FontAwesome;
	font-size: 14px;
	top: 2px;
	position: relative; 
}

/* Celda con icono minimizar */
.WindowsIconMinTD {
	height: 19px;
	width: 20px;
	cursor: pointer;
	text-align: center;
	color: #ccc;
	font-family: FontAwesome;
}
.WindowsIconMinTD:HOVER {
	color: #fff;
}
.WindowsIconMinTD:after {
	content: "\f066";
	font-family: FontAwesome;
	font-size: 14px;
	top: 2px;
	position: relative; 
}
/* Celda con icono maximizar */
.WindowsIconMaxTD {
	height: 19px;
	width: 20px;
	cursor: pointer;
	text-align: center;
	color: #ccc;
}
.WindowsIconMaxTD:hover {
	color: #fff;
}
.WindowsIconMaxTD:after {
	content: "\f065";
	font-family: FontAwesome;
	font-size: 13px;
	top: 3px;
	position: relative; 
}
/* Celda con icono de reload */
.WindowsIconReloadTD {
	height: 19px;
	width: 20px;
	cursor: pointer;
	text-align: center;
	color: #ccc;
}
.WindowsIconReloadTD::after {
	content: "\f021";
	font-family: FontAwesome;
	font-size: 12px;
	position: relative;
	top: 5px;
}

/* Celda de la tabla qeu contiene el icono superiro izquierdo */
.WindowsTitleBarCorner {
	background-image: url(../images/nav_bkg.jpg);
	height: 19px;
	width: 10px;
	background-repeat: no-repeat;
	margin: 0px;
}
/* Iframe que contiene el destino de cada ventana */
.WindowsContentIFrame {
	left:0;
	top:0;
	width:100%;
	height:100%;
}

/* Celda con icono del cierre selector */
.SelectorIconCloseTD {
	height: 19px;
	width: 19px;
	background-position: center top;
	cursor: pointer;
	background-image: url(../images/closewindow.gif);
	background-repeat: no-repeat;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin: 0px;
}
/* Selector de paneles */
.WindowsSelector {
	color: #FFFFFF;
	background-color:#283E49;
	border-style: hidden;
	min-width: 190px;
}
.divSelector {
	position:absolute;
	left:15px;
	top:21px;
	visibility:hidden;
	border-style: hidden;
}
.MessageTitle {
	font-size: large;
	color: #000000;
	font-weight: bold;
}
.MessageText {
	font-size: 15px;
	color: #000000;
	font-weight: normal;
}
.ErrorMessageText {
	font-size: 12px;
	color: #000000;		
}