/* Layout helpers
/* Layout helpers
----------------------------------*/
/*
.ui-helper-hidden { display: none; }
.ui-helper-hidden-accessible { position: absolute !important; clip: rect(1px 1px 1px 1px); clip: rect(1px,1px,1px,1px); }
.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }
.ui-helper-clearfix:before, .ui-helper-clearfix:after { content: ""; display: table; }
.ui-helper-clearfix:after { clear: both; }
.ui-helper-clearfix { zoom: 1; }
.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); }
*/

/* ****************************************************************************************************************************** */
/* PARA OCULTAR INTERFAZ */
/* ****************************************************************************************************************************** */

#tapa {
	display: block;
	width: 100%;
	height: 100%;
	margin: 0;
	z-index: 1000;
	background-color: #000000;
	overflow: hidden;
	position: fixed;
	top: 0;
	left: 0;
}

/* ****************************************************************************************************************************** */
/* LAYOUT */
/* ****************************************************************************************************************************** */

html { height: 100%; overflow: hidden; -webkit-tap-highlight-color:rgba(0,0,0,0); }

body { font-size: 100%; font-family: Arial; overflow: hidden;}
.ui-widget { font-family: Arial; }
.ui-widget-header  {
	background-image: -webkit-linear-gradient(top, #AA0000 0%, #5D4040 100%);
	background-image: -moz-linear-gradient(top, #AA0000 0%, #5D4040 100%);
	background-image: -o-linear-gradient(top, #AA0000 0%, #5D4040 100%);
	background-image: -ms-linear-gradient(top, #AA0000 0%, #5D4040 100%);
}

body, #simelayout {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	border: 0;
	background: #4D4D4D;
	overflow: hidden;
	position: fixed;
	top:0;
	left:0;
}

.ui-layout-center {
	margin: 0;
	padding: 0;
	border: 0;
	width: 100%;
	overflow: hidden;
}
.ui-layout-north {
	margin: 0;
	padding: 0;
	padding: 2px 0 0 0;
	overflow: visible;
	/* Webkit (Chrome 11+) */ 
	background-image: -webkit-linear-gradient(top, #AA0000 0%, #5D4040 100%);
	background-image: -moz-linear-gradient(top, #AA0000 0%, #5D4040 100%);
	background-image: -o-linear-gradient(top, #AA0000 0%, #5D4040 100%);
	background-image: -ms-linear-gradient(top, #AA0000 0%, #5D4040 100%);
	border:0;
	text-align: center;
}
.ui-layout-south {
	overflow: visible;
	padding: 0;
	margin: 0;
	border: 0;
	background-image: -webkit-linear-gradient(top, #AA0000 0%, #6A3535 100%);
	background-image: -moz-linear-gradient(top, #AA0000 0%, #6A3535 100%);
	background-image: -o-linear-gradient(top, #AA0000 0%, #6A3535 100%);
	background-image: -ms-linear-gradient(top, #AA0000 0%, #6A3535 100%);
}
.ui-layout-east, .ui-layout-west {
	background: transparent;
	border:0;
	overflow: hidden;
	padding: 0;
}

.ui-layout-toggler {
	background: #FF0000;
	overflow: hidden;
	z-index: -1;
	border-top:42px solid #4D4D4D;
}
.ui-layout-toggler:hover {
	background: #FFFF00;
}
.ui-layout-resizer {
	background: #00FFFF;
	z-index: -1;
}

/* ****************************************************************************************************************************** */
/* format the text inside the toggler */
/* ****************************************************************************************************************************** */
.ui-layout-toggler .content {
	font-size: 48px; /* IMPORTANT: default = 1px */
	font-weight: bold;
	text-align: center;
	color: #CCCCCC;
	padding-bottom: 50px;
}
.ui-layout-toggler:hover .content {
	color:#000000;
}


/*
 *	TAB-THEME ADJUSTMENTS
 */

/* ****************************************************************************************************************************** */
/* TABS */
/* ****************************************************************************************************************************** */

.pestana {
	float: left;
	width: 90px;
	height:35px;
	overflow: hidden;
	margin-top:16px;
}

.pestanaico {
	position:absolute;
	right:5px;
	height:15px;
	width:15px;
	margin-left:5px;
	margin-top:0px;
	overflow:hidden;
}

/* Barra de tabs */
.ui-tabs-nav {
	border: none;
	background-image: none;
	margin: 0;
	padding: 0 0 0 16px;	
}
 
/* Tab */
.ui-tabs-nav li {
	margin-right: 5px;
	/* white-space: nowrap; */
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	border-bottom-left-radius: 0px;
	border-bottom-right-radius: 0px;
	padding:0px;
	background-position: center;
	background-size: contain;
}
/* Tab: No select */
.ui-tabs-nav li.ui-state-default {
	border-color: #4D4D4D;
	border-width: 2px 2px 0px 2px;
	border-style: solid;
	background: #808080;
	color: #FFFFFF;
}

.ui-tabs-nav li.ui-state-default.tabselec {
	background-color: #FFFFFF;
	background-image: url('../../images/backs/background_azul_1x100.png');
	border-color: #006680;
	opacity: 1;
	filter: Alpha(Opacity=100);
	background-position: center;
	background-size: contain;
}

/* Tab: Select */
.ui-tabs-nav li.ui-state-default.ui-state-active {
	border-color: #FFFFFF #FFFFFF #CCCCCC #FFFFFF;
	border-width: 2px 2px 0px 2px;
	border-style: solid solid none solid;
	background: #CCCCCC;
	color: #000000;
	background-image: url('../../images/backs/background_gris_tab_1x100.png');
	background-position: center;
	background-size: contain;
}
/* Tab Texto*/
.ui-tabs-nav li a {
	font-size: .75em !important;
	font-weight: bold;
	padding: 5px 0 0 0;
	margin: 0;
	display: block;
	width:100%;
	height: 100%;
	float:left;
	text-align:center;
	overflow:hidden;
	text-decoration: none;
}

/* Tab Texto: No select */
.ui-tabs-nav li.ui-state-default a {
	color: #FFFFFF;
}
/* Tab Texto: Select */
.ui-tabs-nav li.ui-state-active a {
	color: #000000;
}

.ui-tabs-panel {
	position: absolute;
	width:100%;
	font-size: 1em !important;
	padding: 0 0em !important;
	margin: 0;
	border:0px;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
	overflow:hidden;
}

.ui-tabs-hide {
	visibility: hidden;
}

/*
 *	CENTER-PANE TABS
 *
 *	These tabs have white-space around them,
 *	so the content-div provides the border for the tabs
 */
.ui-layout-pane-center, .ui-layout-center {
	/*background: #404040;*/ /* to make pane background stand-out */
	background: none;
	padding: 0px 0px 0px 0px;
	margin: 0px;
	width: 100%;
	border:0px;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
}
.ui-layout-pane-center .ui-tabs-nav {
	/* remove rounded corners from bottom of 'tabs'*/
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
	overflow: hidden;
	border: 0;
}

.ui-layout-pane-center .ui-tabs-panel {
	/* overflow: auto; */
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
}

.panellateral {
	position: relative;
	width: 200px;
	border-radius: 3px;
	height: 100%;
	overflow: hidden;
}

.panelcontent {
	background: #CCCCCC;
	bottom:0px;
	height: 100%;
	padding: 5px 3px 5px 5px;
	overflow:hidden;
}

#paneleste {
	left: 20px;
}

#paneloeste {
	left: 0px;
}

.panelspacer {
	height: 15px;
}

/* ****************************************************************************************************************************** */
/* "FICHA" GENERICA - ELEMENTO COMPUESTO DE UN ICONO EN LA PARTE SUPERIOR Y UN VALOR EN LA PARTE INFERIOR */
/* ****************************************************************************************************************************** */

.itemcard {
	float: left;
	width: 30px;
	height: 40px;
	border-radius: 5px;
	border: 1px solid #666666;
	background-color: #666666;
	overflow: hidden;
}

.itemicon {
	font-size: 0.5em;
	display: block;
	position: relative;
	top: 0;
	left: 0;
	width: 100%;
	height: 55%;
	text-align: center;
	margin: 0px;
	padding: 0px;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	box-shadow: inset 0 1px 6px #808080;
	background-color: #FFFFFF;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}

.itemval {
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	display: block;
	position: relative;
	top: 0;
	left: 0;
	width: 100%;
	height: 45%;
	text-align: center;
	margin: 0px;
	padding: 2px 0 0 0;
	background-color: #666666;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
}

.zgain .itemicon, .sgain .itemicon {
	background-image: url('../../images/svg/ico_gain.svg');
}

/* ****************************************************************************************************************************** */
/* TITULO DE LA APLICACIÓN, LOGO SIME, ETC */
/* ****************************************************************************************************************************** */

#simetitulo, #simeversion , #simeuser {
	font-size: 20px;
	color: #FFFFFF;
	text-shadow: 2px 2px 2px #000000;
}
#simeuserdiv {
	padding: 5px 0 0 20px;
}
#simeuser {
	display:inline-block;
	padding: 0;
}
#simeusericon {
	display:inline-block;
	padding: 0;
	width: 16px;
	height: 16px;
	background-image: url('../../images/svg/ico_user_white.svg');
	background-size: contain;
}
#simetitulo {
	float: left;
	padding: 5px 0 0 20px;
}
#simeversion {
	float: right;
	padding: 5px 20px 0 0;
}

/* LOGO SIME */
#simelogo {
	float: right;
	margin: 3px 10px 0 0;
	width:30px;
	height:30px;
	background-image: url('../../images/svg/ico_logo_sime.svg');
	-webkit-background-size: contain;
	-moz-background-size: contain;
	-o-background-size: contain;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	border-top-left-radius: 22px;
	border-top-right-radius: 22px;
	border-bottom-left-radius: 22px;
	border-bottom-right-radius: 22px;
	box-shadow: 2px 2px 4px #000000;
}

/* ****************************************************************************************************************************** */
/* ZONAS SELECCIONABLES */
/* ****************************************************************************************************************************** */

.seleccionable, .contenidotab {
	position: relative;
	float: left;
	overflow: hidden;
	margin: 0;
	padding: 0;
	float:left;
	background-color: #CCCCCC;
	/* border-radius: 3px; */
}
.seleccionable {
	list-style-type: none;
}
.contenidotab {
	width: 100%;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
}
.ui-tabs-panel .contenedorlistado {
	background-color: #CCCCCC;
}

.ui-selectable-helper {
	position: fixed;
	border: 1px dashed #FFFFFF;
	z-index:100;
}

.seleccionable .zwidgetarea, .zwidgetarea {
	display: inline-block;
	float: left;
	position: relative;
	background: none;
	border: none;
	width: 165px;
	height: 115px;
}
.seleccionable .zwidget, .zwidget {
	display: inline-block;
	position: absolute;
	top: 8px;
	left: 8px;
	margin: 0px 10px 10px 0;
	padding: 0px;
	float: left;
	width: 150px;
	height: 100px;
	box-shadow: 4px 4px 8px #000000;
	border-radius: 5px;
	background-image: url('../../images/backs/background_gris_1x100.png');
	overflow: hidden;
}
.seleccionable .zwidget.ui-selected.ui-unselecting , .seleccionable .zwidget.ui-unselecting , .zwidget.ui-unselecting, .zwidget.ui-selected.ui-unselecting  {
	top: 8px;
	left: 8px;
	box-shadow: 4px 4px 8px #000000;
}
.seleccionable .zwidget.ui-selected , .seleccionable .zwidget.ui-selecting, .zwidget.ui-selected, .zwidget.ui-selecting {
	top: 10px;
	left: 10px;
	box-shadow: 1px 1px 2px #000000;
}

.seleccionable .zid, .zid {
	font-size: 1.25em;
	display: block;
	position: relative;
	float:left;
	width: 50px;
	height: 40px;
	line-height: 1.90em;
	text-align: center;
	margin: 0;
	padding: 0;
	background-color: #FFFFFF;
	border: 1px solid #4D4D4D;
	/* border-radius: 3px; */
}

.seleccionable .zid, .zid {
	margin: 5px 0 0 5px;
}

.seleccionable .zgain, .seleccionable .zsource, .zgain, .zsource {
	margin: 5px 0 0 12px;
}
.zwidget .zsource { float: left; }

.seleccionable .zmon, .zmon {
	width: 20px;
	height: 45px;
	margin-top: 5px;
	display: block;
	position: relative;
	float: left;
	-webkit-background-size: contain;
	-moz-background-size: contain;
	-o-background-size: contain;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
}
.zonelayer .zmon {
	margin-top: 10px;
}
.seleccionable .zmon.zmonerror, .zmon.zmonerror {
	background-image: url('../../images/svg/ico_warning.svg');
}
.seleccionable .zmon.zmoncritical, .zmon.zmoncritical {
	background-image: url('../../images/svg/ico_notif_fail.svg');
}
.seleccionable .zmon.zmoninfo, .zmon.zmoninfo {
	background-image: url('../../images/svg/ico_notif_info.svg');
}
.seleccionable .zmon.zmonok, .zmon.zmonok {
	background-image: none;
}

.seleccionable .zname, .zname {
	position: relative;
	font-size: 0.65em;
	font-weight: bold;
	display: table;
	float: left;
	width: 125px;
	height: 45px;
	text-align: center;
	margin: 0;
	padding: 5px 0 0 0;
	overflow: hidden;
}
.zname p {
	display: table-cell;
	vertical-align: middle;
	margin:0;
	padding:0;
}

.seleccionable .ui-selecting , .zwidget.ui-selecting {
	background: #00FF00 url(../../images/backs/ui-bg_glass_30_008000_1x400.png) 50% 50% repeat-x;
	color: black;
	border-color: #A0FFA0;
}
.seleccionable .ui-selected, .zwidget.ui-selected {
	background: #006680 url('../../images/backs/background_azul_1x100.png') 50% 50% repeat-x;
	color: black;
	border-color: #000000;
}
.seleccionable .ui-unselecting, .zwidget.ui-unselecting {
	background: #FF0000 url(../../images/backs/ui-bg_glass_40_ff0000_1x400.png) 50% 50% repeat-x;

	color: black;
	border-color: #FFA0A0;
}
.seleccionable .ui-selecting .zid,.seleccionable .ui-selecting .idfuente, .zwidget.ui-selecting .zid {
	background: #666666;
	color: #FFFFFF;
	border-color: #666666;
}
.seleccionable .ui-selected .zid,.seleccionable .zwidget.ui-selected .idfuente, .zwidget.ui-selected .zid {
	background: #666666;
	color: #FFFFFF;
	border-color: #666666;
}
.seleccionable .ui-unselecting .zid,.seleccionable .ui-unselecting .idfuente, .zwidget.ui-unselecting .zid {
	background: #666666;
	color: #FFFFFF;
	border-color: #666666;
}
.seleccionable .ui-selecting .vganancia,.seleccionable  .ui-selecting  .icofuente {
	background: #80FF80;
	color: black;
	border-color: #008000;
}
.seleccionable .ui-selected .vganancia,.seleccionable .ui-selected  .icofuente {
	background: #FFFF80;
	color: black;
	border-color: #000000;
}
.seleccionable .ui-unselecting .vganancia,.seleccionable  .ui-unselecting .icofuente {
	background: #FFC0C0;
	color: black;
	border-color: #800000;
}

.seleccionable .ui-selected .zname, .seleccionable .ui-unselecting .zname, .zwidget.ui-selected .zname, .zwidget.ui-unselecting .zname {
	color: #FFFFFF;
}

.seleccionable .ui-state-disabled, .zwidget.ui-state-disabled {
	opacity: 1;
	filter: Alpha(Opacity=100);
	background-image: none;
}

.seleccionable.ui-state-disabled {
	opacity: 1;
	filter: Alpha(Opacity=100);
	background-image: none;
}

/* ****************************************************************************************************************************** */
/* COMPONENETES DE ZONA (MONITOR SISTEMA) */
/* ****************************************************************************************************************************** */
.zonelayer, .zonelayerlink {
	display: block;
	margin: 10px auto 10px auto;
}
.zonelayer.zonelayer-selectable, .zonelayerlink .button.zonelayer-selectable {
cursor: pointer;
}
.zonelayer {
	background-color: #B3B3B3;
	border-radius: 5px;
	background-image: url('../../images/backs/background_gris_1x100.png');
	-webkit-background-size: contain;
	-moz-background-size: contain;
	-o-background-size: contain;
	background-size: contain;
	background-position: center;
	width: 264px;
	height: 62px;
	border: 1px solid #4D4D4D;
	box-shadow: 2px 2px 3px #000000; /* #404040 */
}
.zonelayer.ui-state-active {
	background-image: url('../../images/backs/background_azul_1x100.png');
	background-color: #006680;
}
.zonelayer.zonelayer-selectable:hover, .zonelayer.ui-state-active:hover {
	border-color: #FFFFFF;
}
.zonelayer .zmon {
	height: 41px;
	margin-left: 5px;
}
.zonelayer .itemcard {
	margin: 10px 12px 0 0;
	width:36px;
	border: 1px solid #4D4D4D;
}
.zlsymbol {
	display: inline-block;
	width: 70px;
	height: 44px;
	background-color: #666666;
	border-radius: 3px;
	border: 1px solid #4D4D4D;
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
	margin: 8px 0 0 8px;
}
.zonelayerlink {
	width: 94px;
	height: 44px;
}
.zonelayerlink .zmon {
	height: 33px;
	margin-right: 5px;
}
.zonelayerlink .button {
	margin-right: 25px;
}
.zonelayerlink .button:hover {
	background-image: url('../../images/backs/background_negro_1x100.png');
	border-color: #000000;
	box-shadow: 2px 2px 3px #404040;
}
.zonelayerlink .button.zonelayer-selectable:hover {
	border-color: #FFFFFF;
}
.zonelayerlink .button.link-selected {
	background-image: url('../../images/backs/background_azul_1x100.png');
	background-color: #006680;
}
.zonename {
	display: block;
	font-weight: bold;
	font-size: 18px;
	text-align: center;
	margin: 10px 0 0 0;
}

.zonelayer.ui-state-disabled, .zonelayerlink.ui-state-disabled {
	opacity: .5;
}

/* ****************************************************************************************************************************** */
/* ICONOS DE FUENTE */
/* ****************************************************************************************************************************** */
.seleccionable .icofuente.fnone, .itemicon.fnone, .listicon.fnone {
	background-image: url('../../images/svg/ico_source_none.svg');
}
.seleccionable .icofuente.fmusical, .itemicon.fmusical, .listicon.fmusical {
	background-image: url('../../images/svg/ico_source_music.svg');
}
.seleccionable .icofuente.fmensaje, .itemicon.fmensaje, .listicon.fmensaje {
	background-image: url('../../images/svg/ico_source_msg.svg');
}
.seleccionable .icofuente.fmicro, .itemicon.fmicro, .listicon.fmicro {
	background-image: url('../../images/svg/ico_source_mic.svg');
}
.seleccionable .icofuente.fzone, .itemicon.fzone, .listicon.fzone {
	background-image: url('../../images/svg/ico_zone.svg');
}
.seleccionable .icofuente.fphone, .itemicon.fphone, .listicon.fphone {
	background-image: url('../../images/svg/ico_source_phone.svg');
}
.seleccionable .icofuente.fext, .itemicon.fext, .listicon.fext {
	background-image: url('../../images/svg/ico_source_ext.svg');
}
/* Caso special - Aviso de Incidencia para Monitorización */
.seleccionable .icofuente.warning, .itemicon.warning, .listicon.warning {
	background-image: url('../../images/svg/ico_warning.svg');
}

/* ****************************************************************************************************************************** */
/* BOTONES / MENU */
/* ****************************************************************************************************************************** */

/* MENU */
.ui-menu {
	width: 220px;
	position: absolute;
	padding: 2px;
	margin:0;
	display:block;
	float: left;
	border: 1px solid #AAA;
	list-style: none;
}
#menulist, #menulist li {
	background: #999999;
}
#menulist li {
	cursor: pointer;
}
/* BOTONES: GENERICO */
.button, #menulist li a {
	padding: 0;
	margin: 0 0 1px 0;
	overflow: hidden;
	border-radius: 3px;
}
.button {
	display: inline-block;
	background-color: #000000;
	background-image: url('../../images/backs/background_negro_1x100.png');
	border:1px solid #000000;
	background-position: center;
	box-shadow: 2px 2px 3px #000000; /* #404040; */
	padding: 3px;
	color: #FFFFFF;
	font-weight: bold;
	text-align: center;
	width: 36px;
	height: 36px;
}
.button.blarge {
	width: 84px;
	height: 36px;
}
button.button {
	width: 44px;
	height: 44px;
	padding: 3px;
}
button.button.blarge {
	width: 92px;
	height: 44px;
	padding: 3px;
}
button.button.blarge div {
	width: 84px;
	height: 36px;
	margin:3px;
}
#menulist li a {
	background-color: #000000;
	background-image: url('../../images/backs/background_negro_1x100.png');
	border:1px solid #000000;
	background-position: center;
	color: #FFFFFF;
	font-size: 16px;
	font-weight: bold;
	padding: 10px;
}
.button:hover, #menulist li a.ui-state-focus {
	background-image: url('../../images/backs/background_gris_1x100.png');
	border:1px solid #FFFFFF;
	color: #000000;
}
.button.ui-state-active, #menulist li a.ui-state-active {
	background-image: url('../../images/backs/background_azul_1x100.png');
	border:1px solid #000000;
}
.button.ui-state-disabled, #menulist li a.ui-state-disabled {
	opacity: .5;
	filter: Alpha(Opacity=50);
	background-image: url('../../images/backs/background_negro_1x100.png');
	border:1px solid #000000;
}

.button.ui-state-active {
	box-shadow: 1px 1px 1px #000000;
	border-color: #404040;
	/*margin: 1px 0 0 0;*/
}

.button div, .button.blarge div {
	position: relative;
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
	overflow: hidden;
	-webkit-background-size: contain;
	-moz-background-size: contain;
	-o-background-size: contain;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
}
/* BOTONES: ESPECIFICO SEGUN UBICACION */
/*
.botonerazonas .button {
	width: 2.5em;
	height: 2.5em;
	margin-right: .5em;
}

.botonerazonas .button  div {
	width: 2.3em;
	height: 2.3em;
}
*/
/* BOTONES: EN FOOTER (MENU & TALK) */
#footer .button {
	width: 133px;
	height: 46px;
	padding: 5px 10px 5px 10px;
}

#footer #talk {
	cursor: default;
}

#footer #talk {
	margin-right: 10px;
}
#footer #menu {
	margin-left: 10px;
}

#footer #talk:hover {
	background-image: url('../../images/backs/background_negro_1x100.png');
	border: 1px solid #000000;
}
#footer #talk.micword, #footer #talk:hover.micword {
	background-image: url('../../images/backs/background_verde_1x100.png');
}

#footer #talk.micbusy, #footer #talk:hover.micbusy {
	background-image: url('../../images/backs/background_rojo_1x100.png');
}

/* BOTONES: PANEL LATERAL -> FUENTES / MONITOR*/
/*
.ctrlseste .button {
	width: 2.5em;
	height: 2.5em;
}
.ctrlseste .button  div {
	width: 2.3em;
	height: 2.3em;
	top: .1em;
	left: .1em;
}
*/
/*#dlglogin .button.blarge, .ctrlseste .button.blarge, .ui-dialog .button.blarge {
	
	width:92px;
	height:44px;
	padding: 5px;
	
	width: 5em;
	height: 2.5em;
	
}
*/
/*
#dlglogin .button.blarge div, .ctrlseste .button.blarge div, .ui-dialog .button.blarge div {
	/* width: 87px; */
	/* height: 100%; 39px; */
	/*top: 2.5px;*/
	/*left: 2.5px;*/
/*}
*/
/* ****************************************************************************************************************************** */
/* BOTONERA ZONAS */
/* ****************************************************************************************************************************** */

.botonerazonas {
	margin: 0 .25em 0 0;
	padding-top: .5em;
	height: 3em;
	width: 100%;
	overflow: hidden;
	/*position: absolute;
	bottom: 0;*/
	background-color: #999999;
}

.botonerazonas .button {
	margin: 0;
}

.btnganancia, .btnscrollup, .btnscrolldown, .btnselect {	
	width:25%;
	float: left;
}
.btnscroller {
	width: 50%;
	height: 100%;
	float: left;
	text-align: center;
}
.btnganancia .button, .btnscrollup .button {
	float:left;
	margin-left: 10px;
}
.btnselect .button, .btnscrolldown .button {
	float:right;
	margin-right: 10px;
}


/* ****************************************************************************************************************************** */
/* LISTAS */
/* ****************************************************************************************************************************** */

.contenedorlistado .button, .btnscrollup .button, .btnscrolldown .button, .vscroller .button {
	width: 93px;
	height: 37px;
	overflow: hidden;
	margin: 0 0px 0 0px;
	padding: 0;
	box-shadow: none;
}
.contenedorlistado .button {
	float: left;
}
.btnscrollup .button, .btnscrolldown .button {
	margin-top: 5px;
}

.contenedorlistado .button, .btnscrollup .button, .btnscrolldown .button, .vscroller .button {
	background-color: #B3B3B3;
	background-image: url('../../images/backs/background_gris_1x100.png');
	border:1px solid #B3B3B3;
}
.contenedorlistado .button:hover, .btnscrollup .button:hover, .btnscrolldown .button:hover, .vscroller .button:hover {
	background-image: url('../../images/backs/background_gris_1x100.png');
	border:1px solid #FFFFFF;
}
.contenedorlistado .button.ui-state-active, .btnscrollup .button.ui-state-active, .btnscrolldown .button.ui-state-active, .vscroller .button.ui-state-active {
	background-image: url('../../images/backs/background_azul_1x100.png');
	border:1px solid #000000;
}
.contenedorlistado .button.ui-state-disabled, .btnscrollup .button.ui-state-disabled, .btnscrolldown .button.ui-state-disabled, .vscroller .button.ui-state-disabled,
.contenedorlistado .button.ui-state-disabled:hover, .btnscrollup .button.ui-state-disabled:hover, .btnscrolldown .button.ui-state-disabled:hover, .vscroller .button.ui-state-disabled:hover {
	background-image: url('../../images/backs/background_gris_1x100.png');
	border:1px solid #B3B3B3;
}
.contenedorlistado .button.ui-state-disabled div, .btnscrollup .button.ui-state-disabled div, .btnscrolldown .button.ui-state-disabled div, .vscroller .button.ui-state-disabled div {
	opacity: .5;
	filter: Alpha(Opacity=50);
}

.contenedorlistado .button .blistaup, .contenedorlistado .button .blistadown, .btnscrollup .button .blistaup, .btnscrolldown .button .blistadown,
.vscroller .button .blistaup, .vscroller .button .blistadown {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	top:0;
	left:0;
	background-size: contain;
	background-position: center;
}

.listicon {
	font-size: 0.5em;
	float:right;
	position: relative;
	top: 0;
	left:0;
	width: 20px;
	height: 20px;
	text-align: center;
	margin: 0;
	padding: 0;
	background-size: cover;
	background-color: none;
}

/* ****************************************************************************************************************************** */
/* ICONOS DE LOS DISTINTOS BOTONES Y ELEMENTOS*/
/* ****************************************************************************************************************************** */
.bgup {
	background-image: url('../../images/svg/ico_gup.svg');
}
.bgdown {
	background-image: url('../../images/svg/ico_gdown.svg');
}
.btodas {
	background-image: url('../../images/svg/ico_sel_all.svg');
}
.bninguna {
	background-image: url('../../images/svg/ico_sel_none.svg');
}
.bnewtab {
	background-image: url('../../images/svg/ico_tab_new.svg');
}
.bdeltab {
	background-image: url('../../images/svg/ico_tab_del.svg');
}
.brentab {
	background-image: url('../../images/svg/ico_tab_ren.svg');
}
.bmenu {
	background-image: url('../../images/svg/logo_lda_2.svg');
}
.btalk {
	background-image: url('../../images/svg/ico_mic2.svg');
}
.bmsgplay {
	background-image: url('../../images/svg/ico_player_play.svg');
}
.bmsgstop {
	background-image: url('../../images/svg/ico_player_stop.svg');
}
.bmsgrepeat {
	background-image: url('../../images/svg/ico_player_repeat.svg');
}
.bmsgrec {
	background-image: url('../../images/svg/ico_player_rec.svg');
}
.bmsgsaverec, .icosave {
	background-image: url('../../images/svg/ico_player_saverec.svg');
}
.blistaup, .zscrollupico {
	background-image: url('../../images/svg/ico_arrow_up_b.svg');
}
.blistadown, .zscrolldownico {
	background-image: url('../../images/svg/ico_arrow_down_b.svg');
}
.blistaup:hover, .zscrollupico:hover {
	background-image: url('../../images/svg/ico_arrow_up_w.svg');
}
.blistadown:hover {
	background-image: url('../../images/svg/ico_arrow_down_w.svg');
}
 .ui-state-disabled .blistaup, .ui-state-disabled .blistaup:hover, .ui-state-disabled .zscrollupico, .ui-state-disabled .zscrollupico:hover {
	background-image: url('../../images/svg/ico_arrow_up_b.svg');
}
 .ui-state-disabled .blistadown, .ui-state-disabled .blistadown:hover {
	background-image: url('../../images/svg/ico_arrow_down_b.svg');
}
/*
.zscrollupico {
	background-image: url('../../images/svg/ico_scrollup.svg');
}
*/
.zscrolldownico {
	background-image: url('../../images/svg/ico_scrolldown.svg');
}
.asigsource {
	background-image: url('../../images/svg/ico_source_add.svg');
}
.dasigsource {
	background-image: url('../../images/svg/ico_source_quit.svg');
}
.notifalta .notifico, div.notifico.notifalta, .msgerror {
	background-image: url('../../images/svg/ico_notif_fail.svg');
}
.notifmedia .notifico, div.notifico.notifmedia {
	background-image: url('../../images/svg/ico_notif_warning.svg');
}
.notifbaja .notifico, div.notifico.notifbaja  {
	background-image: url('../../images/svg/ico_notif_info.svg');
}
.pestanaico {
	background-image: url('../../images/svg/ico_tab_selw.svg');
}
.ui-state-active a .pestanaico {
	background-image: url('../../images/svg/ico_tab_selb.svg');
}
.startmon {
	background-image: url('../../images/svg/ico_mon_start.svg');
}
.stopmon {
	background-image: url('../../images/svg/ico_mon_stop.svg');
}
.startemer {
	background-image: url('../../images/svg/ico_emer_start.svg');
}
.stopemer {
	background-image: url('../../images/svg/ico_emer_stop.svg');
}
.delpreset, .deldate {
	background-image: url('../../images/svg/ico_delete.svg');
}
.loadpreset {
	background-image: url('../../images/svg/ico_load_preset.svg');
}
.savepreset {
	background-image: url('../../images/svg/ico_save.svg');
}
.icopreset, #selectedpreseticon, #currentpreseticon, #presetico {
	background-image: url('../../images/svg/ico_preset.svg');
}
#selectedemericon {
	background-image: url('../../images/svg/ico_emergencia.svg');
}
#selectedmsgicon {
	background-image: url('../../images/svg/ico_source_msg.svg');
}
.keyboard {
	background-image: url('../../images/svg/ico_keyboard.svg');
}
.icoaccept{
	background-image: url('../../images/svg/ico_accept.svg');
}
.icocancel{
	background-image: url('../../images/svg/ico_cancel.svg');
}
.icominimize{
	background-image: url('../../images/svg/ico_minimize.svg');
}
.icosave {
	background-image: url('../../images/svg/ico_save.svg');
}
.icogain {
	background-image: url('../../images/svg/ico_gain.svg');
}
.icospeakers {
	background-image: url('../../images/svg/ico_lineas.svg');
}
.icoamp {
	background-image: url('../../images/svg/ico_amplificador.svg');
}
.icoin {
	background-image: url('../../images/svg/ico_entrada.svg');
}
.icoout {
	background-image: url('../../images/svg/ico_salida.svg');
}
.icoemer {
	background-image: url('../../images/svg/ico_emergencia.svg');
}
.icoaten {
	background-image: url('../../images/svg/ico_atenuador.svg');
}
.icomatrix {
	background-image: url('../../images/svg/ico_matriz.svg');
}
.icolink {
	background-image: url('../../images/svg/ico_enlace.svg');
}
.icoprio {
	background-image: url('../../images/svg/ico_prioridad.svg');
}
.icobuscar {
	background-image: url('../../images/svg/ico_buscar.svg');
}
.icowarning {
	background-image: url('../../images/svg/ico_warning.svg');
}

/* MSGERROR */
.msgerror {
	width: 100px;
	height: 100px;
	background-position: center;
	background-size: contain;
	margin-left:auto;
	margin-right:auto;
}

/* ****************************************************************************************************************************** */
/* PANEL ESTE (LATERAL) */
/* ****************************************************************************************************************************** */

	/* Titulo Panel */

.titulolateral {
	color: #000000;
	font-size: 18px;
	text-align: center;
	font-weight: bold;
	padding: 5px;
	height:20px;
	background-image: url('../../images/backs/background_gris_tab_1x100.png');
	background-size: contain;
	background-position: center;
	overflow: hidden;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
}

	/* Listas */

.contenedorlistado {
	margin: 0;
	padding: 0;
	border: 0;
	overflow: hidden;
}
	
.listado {
	font-size: 1em;
	margin: 0;
	padding: 0em;
	/* height: 100%; */
	overflow: hidden;
}
.listado > div {
	padding: 5px;
	margin: 0;
	border: 1px solid #B3B3B3;
	font-weight: bold;
	background-position: center;
	font-weight: bold;
	background-image: url('../../images/backs/background_gris_tab_1x100.png');	
	cursor: pointer;
}
/*
.listado > div:hover {
	background-image: url('../../images/backs/background_negro_1x100.png');	
}
*/
.listado > div a {
	text-decoration: none;
	color: #000000;
	/*display: inline-block;
	float: left;*/
}
/*
.listado > div:hover a {
	color: #FFFFFF;
}
*/
.listado > div.ui-state-active {
	border-top-left-radius: 15px;
	border-top-right-radius: 0;
	border-bottom-left-radius: 15px;
	border-bottom-right-radius: 0;
	padding-left: 10px;
	background-image: url('../../images/backs/background_azul_1x100.png');
	color: #FFFFFF;
}
.listado > div.ui-state-active a {
	color: #FFFFFF;
}


/* ****************************************************************************************************************************** */
/* CONTROLES PANEL LATERAL */
/* ****************************************************************************************************************************** */

	/* ESTILOS */	
	
	/* Panel generico con ficha "identificadora" y nombre de item */
	
.controlpanel {
	background-color: #CCCCCC;
	display: block;
	/* margin: .25em; */
	margin: 5px 0 0 0;
	/* padding: .25em; */
	height: 170px;
	width: 100%;
	position: relative;
	float: left;
}

.itempanel {
	float: left;
	background-color: #B3B3B3;
	border-radius: 5px;
	background-image: url('../../images/backs/background_gris_1x100.png');
	background-size: contain;
	background-position: center;
	width: 180px;
	height: 57px;
	margin: 0;
	border: 1px solid #4D4D4D;
	overflow: hidden;
}
.itempanel .itemcard {
	margin: 7px 0 0 5px;
}
.itempanel .itemname {
	margin: 5px 0 0 5px;
}

.itemname {
	float: left;
	width: 124px;
	height: 39px;
	overflow: hidden;
	text-align: center;
	border: 1px solid #808080;
	background-color: #EEEEEE;
	border-radius: 5px;
	box-shadow: inset 0 1px 6px #808080;
	padding:3px;
	display: block;
}

/*
.controlpanel .itempanel .itemcard, .controlpanel .itempanel .itemname {
	margin: 5px 0 0 5px;
}
*/

	/* Contador de tiempos generico */
	
.playtime {
	display:block;
	float:left;
	background-image: url('../../images/backs/background_negro_1x100.png');
	background-size: contain;
	background-position: center;
	border-width: 1px;
	border-color: #000000;
	border-radius: 5px;
	width: 85px;
	height: 44px;
	box-shadow: 2px 2px 3px #000000;
}
.playtimeico {
	display: block;
	float: left;
	margin-left:5px;
	width:20px;
	height:100%;
	background-image: url('../../images/svg/ico_time.svg');
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
}
.playtimetext {
	display:block;
	float: right;
	color: #FFFFFF;
	text-align:center;
	width: 50px;
	height: 18px;
	overflow: hidden;
	margin-right:5px;
	font-size: 14px;
}
.playtimeval {
	float: right;
	display: block;
	color: #000000;
	text-align:center;
	width: 50px;
	height: 18px;
	overflow: hidden;
	text-align: center;
	border: 1px solid #808080;
	background-color: #EEEEEE;
	border-radius: 5px;
	box-shadow: inset 0 1px 6px #808080;
	overflow: hidden;
	margin-right:5px;
}

	/* FUENTES */
#selectedsource {
	margin: 0 0 5px 0;
}
#selectedsourcevum, #selectedsourcegain, #bsgdown, #bsgup {
	margin: 0 8px 5px 0;
}

#basigsource {
	margin: 0 0px 0 0;
}
#bdasigsource {
	margin: 0;
}

	/* MENSAJES PREGRABADOS */
#selectedmsg {
	margin: 0 0 5px 0;
}

#controlesmensajes .button {
	float: left;
}

#bmsgopenrec1, #bmsgrepeat1 {
	margin: 0 5px 9px 0;
}
#msgplaytime {
		margin: 0 5px 7px 0;
}

#bmsgplay1 {
	margin: 0 4px 0 0;
}
#bmsgstop1 {
	margin: 0;
}

	/* EMERGENCIAS */	
#selectedemer {
	margin: 0 0 5px 0;
}
#emerplaytime {
	margin: 0 50px 8px 48px;
}
#blanzaemerg {
	margin: 0 1px 0 0;
}
#bparaemerg {
	margin: 0;
}

	/* PRESETS */
#selectedpreset {
	margin: 0 0 5px 0;
}
#controlespresets .button {
	float: left;
}	
#bdelpreset, #bloadpreset, #currentpreset {
	margin: 0 7px 8px 0;
}
#currentpreset {
	margin-top: 1px;
}

	/* MONITOR */
#selectedmon {
	margin: 0 0 5px 0;
}
#selectedmonvum, #selectedmongain {
	margin: 1px 8px 5px 0;
}
#bmongdown, #bmongup {
	margin: 0 8px 5px 0;
}
#bstartmon {
	margin: 0 1px 0 0;
}

#bstopmon {
	margin: 0;
}
	
/* ****************************************************************************************************************************** */
/* VUMETROS - General */
/* ****************************************************************************************************************************** */

.vumeter .itemicon {
	background-image: url('../../images/svg/ico_vum.svg');
}

.vumeter .vumledbox {
	position: absolute;
	top: 30px;
	left: 0;
	width: 30px;
	height: 15px;
	text-align: center;
	margin: 0;
	padding: 0;
	border: 1px solid #808080;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
}

.vumeter .vumled {
	top: 3px;
	margin: 3px auto 0 auto;
	width: 8px;
	height: 8px;
	border-radius: 5px;
	border: 1px solid #808080;
	background: #E0E0E0; /* GRIS - Indefinido */
}

.vumeter .vumled.vumundefined {
	background: #E0E0E0; /* GRIS - Indefinido */
}

.vumeter .vumled.vumnosignal {
	background: #E0E0E0; /* GRIS - Señal insuficiente */
}

.vumeter .vumled.vumsignal {
	background: #00E000; /* VERDE - Señal suficiente */
}

.vumeter .vumled.vumsignalhigh {
	background: #FFB000; /* VERDE - Señal muy alta */
	border-color: #606060;
}

.vumeter .vumled.vumsignalclip {
	background: #FF4040; /* VERDE - Señal clip */
	border-color: #505050;
}

/* ****************************************************************************************************************************** */
/* FOOTER */
/* ****************************************************************************************************************************** */
#footer {
	width: 100%;
	border: 0;
	margin: 0;
	padding: .15em;
}
#footer-left {
	vertical-align: middle;
	width: 8em;
	text-align: center;
	padding: 0;
	border: 0;
	margin: 0;
}
#footer-left ul {
	box-shadow: 0 2px 4px #000000, inset 0 -2px 10px #808080, inset 0 2px 10px #FFFFFF;
	text-align: left;
}
#footer-center {
	height: 100%;
	text-align: center;
	padding: .25em .5em .25em .5em;
	margin: .5em 2em .5em 2em;
	border: 0;
	vertical-align: middle;
}
#footer-right {
	vertical-align: middle;
	width: 8em;
	text-align: center;
	padding: 0;
	border: 0;
	margin: 0;
}
#menu {
	vertical-align: middle;
}
#talk {
	vertical-align: middle;
}

#menuopts {
	font-size: 1em;
}

#notificacion {
	display: block;
	margin: .5em 1em .5em 1em;
	padding: .25em .25em .25em .25em;
	font-size: 1em;
	line-height: 0.97em;
	font-weight: bold;
	background-color: #E0E0E0;
	box-shadow: inset 0 2px 3px #000000;
	background-image: none;
	overflow: hidden;
	height: 2em;
	border: 0;
}
#notificacion div.notifico {
	width:34px;
	height:34px;
	background-size: contain;
	background-repeat: no-repeat;
	background-color: transparent;
	float:left;
	padding-top:5px;
}

#notificacion.setok{
	background-color: #00FF00;
}

/* ****************************************************************************************************************************** */
/* TAB PAGING */
/* ****************************************************************************************************************************** */


.tabs:after {
	display: block;
	clear: both;
	content: " ";
}

.ui-tabs-paging-next, .ui-tabs-paging-prev {
	display: block;
	float: right; /* !important; */
	width: 38px;
	height:38px;
	padding: 0 !important;
	margin-top: 14px;
	position: absolute !important;
	overflow:hidden;
	background-size: contain;
	background-position: center !important;
	background-repeat: no-repeat !important;
}
.ui-tabs-paging-next {
	right:0 !important;
	background-image: url('../../images/svg/ico_arrow_right_w.svg') !important;
}
.ui-tabs-paging-prev {
	right:30px !important;
	background-image: url('../../images/svg/ico_arrow_left_w.svg') !important;
}

.ui-tabs-paging-prev, .ui-tabs-paging-next {
	background-color: transparent !important;
	border: 0 !important;
	margin-bottom: 1px !important;
	color: #FFFFFF;
}
.ui-tabs-paging-prev a, .ui-tabs-paging-next a {
	display: block;
	position: relative;
	top: 1px;
	width: 38px !important;
	height: 38px !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 0;
	z-index: 2;
	background: transparent !important;
	cursor: pointer;
	color: #FFFFFF;
}
.ui-tabs-paging-next a:hover, .ui-tabs-paging-next a:focus, .ui-tabs-paging-next a:active, .ui-tabs-paging-prev a:hover, .ui-tabs-paging-prev a:focus, .ui-tabs-paging-prev a:active {
	background: transparent;
	color: #FFFFFF;
}
.ui-tabs-paging-disabled {
	visibility: hidden;
}

/* ****************************************************************************************************************************** */
/* MOSTRAR O NO ICONO EN TAB SI CONTIENE ZONAS SELECCIONADAS */
/* ****************************************************************************************************************************** */

.pestanaico	{
	background-size: contain;
	background-position: center;
}

.tabnoselec .pestanaico {
	visibility: hidden;	
}
.tabselec .pestanaico {
	visibility: hidden;
}

/* ****************************************************************************************************************************** */
/* CUADROS DE DIALOGO Y POP-UPS
/* ****************************************************************************************************************************** */

.ui-dialog {
	padding: 0;
	border: 1px solid #4D4D4D;
	background: #4D4D4D;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
	border-bottom-left-radius: 3px;
	border-bottom-right-radius: 3px;
	overflow: hidden;
	box-shadow: 4px 4px 8px #000000;
}

.ui-dialog .ui-dialog-titlebar, .ui-dialog-titlebar {
	height: 30px;
	color: #FFFFFF;
	font-size: 20px;
	padding:0;
	background-image: url('../../images/svg/ico_sime_dialog.svg'), -webkit-linear-gradient(top, #AA0000 0%, #4D4D4D 100%);
	background-image: url('../../images/svg/ico_sime_dialog.svg'), -moz-linear-gradient(top, #AA0000 0%, #4D4D4D 100%);
	background-image: url('../../images/svg/ico_sime_dialog.svg'), -o-linear-gradient(top, #AA0000 0%, #4D4D4D 100%);
	background-image: url('../../images/svg/ico_sime_dialog.svg'), -ms-linear-gradient(top, #AA0000 0%, #4D4D4D 100%);
	background-position: right center, top;
	background-size: 25px, 100%;
	background-repeat: no-repeat, no-repeat;
	border: 0;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
	text-align: left;
	line-height:30px;
	white-space: nowrap;
}
.ui-dialog .ui-dialog-titlebar span, .ui-dialog-titlebar span {
	padding-left: 10px;
	padding-right: 4px;
	/*width: 280px;*/
}

.ui-dialog .ui-dialog-content, .ui-dialog-content, .ui-dialog-buttonpane  {
	background: #CCCCCC;
	color: #000000;
	font-size: 14px;
	text-align: center;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
	overflow: hidden;
	position: relative;
}

.ui-dialog .ui-dialog-buttonpane, .ui-dialog-buttonpane {
	background: #CCCCCC;
	margin:0;
	padding:0;
	border:0;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
	border-bottom-left-radius: 3px;
	border-bottom-right-radius: 3px;
}

.dlg-txt {
	margin:0;
	padding:0;
	left: 1%;
	right: 1%;
	text-align: center;
	top:40%;
	font-weight: bold;
	position:absolute;
}

.ui-dialog-buttonset {
	margin: 0;
	padding: 0;
	width:100%;
}

.ui-dialog .ui-dialog-buttonpane button {
	margin:0;
	padding:0;
}

/* DATEFIELD */
.datefield {
	position: relative;
	display: inline-block;
	margin:0 13px 0 13px;
	padding:0;
	height:40px;
	width:150px;
	font-size: 22px;
	font-weight: bold;
	box-shadow: inset 0 1px 6px #808080;
	text-align: center;
	top: -15px;
}

/* ****************************************************************************************************************************** */
/* NOTIFICACIONES */
/* ****************************************************************************************************************************** */

#listadonotificaciones.contenedorlistado {
	display:block;
	position: relative;
	background: #CCCCCC;
	border: 0;
	height: 100%;
}

#notificacionesscrolldown, #notificacionesscrollup {
	position: absolute;
	bottom: 0;
	width: 93px;
	height:35px;
}
#notificacionesscrolldown .ui-state-focus, #notificacionesscrollup .ui-state-focus {
	border:0;
}
#notificacionesscrolldown {
	left:200px;
}
#notificacionesscrollup {
	right:200px;
}
#listanotificaciones.listado {
	position:absolute;
	width:100%;
	top:0;
	/* height: 325px; */
	border-style: solid;
	border-width: 0;
	border-color: #808080;
	overflow:hidden;
}

.listado div.notifitem {
	border-style: solid;
	border-width: 0;
	/*
	height: 40px;
	*/
	margin:0; /* 0 2px 0; */
	padding:0;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
	border-bottom-left-radius: 3px;
	border-bottom-right-radius: 3px;
	border: 1px solid #B3B3B3;
	overflow: hidden;
	/* white-space: nowrap; */
	position: relative;
	text-align: left;
}

.listado div .notiftext, .listado div .notifico {
	/*
	float:left;
	margin: 3px 0 0 5px;
	padding: 0;
	*/
	/* height: 34px; */
	/*
	border: 0;
	white-space: nowrap;
	display: inline-block;
	overflow: hidden;
	*/
	margin: 3px 0 0 5px;
	padding: 0;
	display: inline-block;
}
.listado div .notiftext {
	position: absolute;
	left: 40px;
	background: none;	
	text-align: left;
	font-size:14px;
	font-weight: bold;
	line-height: 36px;
	/* top: -12px; */
}
.listado div .notifico, .listado div .notifico:hover {
	width: 34px;
	height: 34px;
	-webkit-background-size: contain;
	-moz-background-size: contain;
	-o-background-size: contain;
	background-size: contain;
	background-repeat: no-repeat;
	background-color: transparent;
	white-space: nowrap;
}

/*
.listado div a {
	white-space: nowrap;
}
*/

/* ****************************************************************************************************************************** */
/* LOGIN */
/* ****************************************************************************************************************************** */

.simelogin, .dlgsavepreset {
	border:0;
	margin:0;
	padding:10px 0 0 10px;
	width:100%;
}

.simelogin input, .dlgsavepreset input {
	width:125px;
	height:35px;
	float:left;
	font-size: 18px;
	padding-right:5px;
	padding-left:5px;
	border-radius: 3px;
	box-shadow: inset 0 1px 6px #808080;
}
.simelogin input .ui-state-focus, .dlgsavepreset input .ui-state-focus {
	border-color: #000000;
}

#userico, #passico, #presetico {
	width:35px;
	height:35px;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	float:left;
	padding:0;
	margin-right: 10px;
}
#passico {
	background-image: url('../../images/svg/ico_passw.svg');
}
#userico {
	background-image: url('../../images/svg/ico_user.svg');
}
#loginkeyboard, #savepresetkeyboard {
	margin-left:0px;
	right: 0;
}


/* OVERLAY QUE INHABLITA TODO LO QUE HAYA DETRAS DE UN CUADRO DE DIALOGO */
.ui-widget-overlay {
	opacity: .5;
	background: #000000;
}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
	background-image: url('../../images/backs/background_azul_1x100.png');
	color: #FFFFFF;
}

/*
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
	background-image: url('../../images/backs/background_gris_1x100.png');
	color: #000000;
}
*/

/* Eliminar tecla INTRO en los teclados de pantalla */
.ui-keyboard-enter {
	visibility: hidden;
}


.button.ui-state-focus, .ui-button.ui-state-focus, .ui-widget.ui-state-focus, .ui-dialog .button.ui-state-focus {
	border: 0px solid #000000; 
}

/* Para centrado vertical de texto... */
img.valign { 
	width:0;
	height:100%;
	vertical-align:middle;
} 

/* ********************************************************************************************************************************* */
/* MEDIDOR */
/* ********************************************************************************************************************************* */

.medidor
{
	display: block;
	float:left;
	overflow: hidden;
	margin: 10px;
	box-shadow: 1px 1px 4px 1px #000000;
	border-bottom-left-radius: 3px;
	border-bottom-right-radius: 3px;
	border-top-left-radius: 50px;
	border-top-right-radius: 50px;
	background-color: #CCCCCC;
}

/* ********************************************************************************************************************************* */
/* WAITING */
/* ********************************************************************************************************************************* */

.waiting
{
	display: block;
	float:left;
	margin: 10px;
	position:relative;
}

/* ********************************************************************************************************************************* */
/* VSCROLLER */
/* ********************************************************************************************************************************* */
.vscroller {
	background: #CCCCCC;
}
.vscroller .button {
	margin:0;
	width: 94px;
}
.vscrollerbar {
	width: 5px;
	opacity: .5;
	display: block;
	position: absolute;
	right: 0px;
}

/* ********************************************************************************************************************************* */
/* Especificos de Apps
/* ********************************************************************************************************************************* */

#panelbuttons {
	position: absolute;
	top:0;
	right:0;
}
.panelbutton {
	float: right;
	margin: 5px 5px 0 5px;
}

#deviceprops {
	display:block;
	height: 200px;
	background: #CCCCCC;
	margin: 0;
	padding: 0;
	font-size:0;
}

#deviceprops .fieldico {
	display:block;
	width: 42px;
	height: 42px;
	background-size: 90%;
	background-position: center;
	background-repeat: no-repeat;
	border: 1px solid #4D4D4D;
}

#ipicon {
	background: #666666 url('../../images/svg/ico_ip.svg');
}
#maskicon {
	background: #666666 url('../../images/svg/ico_mask.svg');
}
#gwicon {
	background: #666666 url('../../images/svg/ico_gateway.svg');
}
#linkicon {
	background: #666666 url('../../images/svg/ico_link.svg');
}

#deviceprops .fieldval {
	display:block;
	width: 139px;
	height: 42px;
	background: #FFFFFF;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	box-shadow: inset 0 1px 6px #808080;
	border: 1px solid #808080;
	overflow: hidden;
	line-height: 46px;
}

#deviceprops div {
	float: left;
	margin: 2px 0 4px 5px;
}

#tabtoolbarleft, #tabtoolbarright, #tabtoolbarcenter {
	float: left;
	height: 100%;
}
#tabtoolbarleft, #tabtoolbarright {
	width: 30%;
}
#tabtoolbarleft {
	text-align: left;
}
#tabtoolbarright {
	text-align: right;
}
#tabtoolbarcenter {
	width: 40%;
	text-align: center;
}

#tabtoolbarleft .button, #tabtoolbarright .button {
	/* width: 32px; */
	/* height: 32px; */
	margin: 0 5px 0 5px;
}
#tabtoolbarleft . , #tabtoolbarright .button div {
	width: 100%;
	height: 100%;
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
}
#tabtoolbarleft .blarge, #tabtoolbarright .blarge {
	width: 80px;
}

#devicelist {
	height: auto;
}

#loglist .notifitem, #loglist .notifitem a, #querylist .notifitem, #querylist .notifitem a {
	cursor: default;
	/* white-space: nowrap; */
}

/* ********************************************************************************************************************************* */
/* Eliminar borde exterior de elementos con foco
/* ********************************************************************************************************************************* */

*, .ui-state-focus { outline: none; }

/* ********************************************************************************************************************************* */
/* JSTree
/* ********************************************************************************************************************************* */

.jstree {
	font-size: 16px;
}

.jstree ul, .jstree li {
	display:block;
	margin:0 0 0 0;
	padding:0 0 0 0;
	list-style-type:none;
}
	
.jstree li {
	display:block;
	min-height:32px;
	line-height:32px;
	white-space:nowrap;
	margin-left:22px;
	min-width:22px;
}
	
.jstree-rtl li {
	margin-left:0;
	margin-right:18px;
}
	
.jstree > ul > li {
	margin-left:0;
}

.jstree-rtl > ul > li {
	margin-right:0;
}

.jstree ins {
	display:inline-block;
	text-decoration:none;
	width:18px;
	height:18px;
	margin:0 0 0 0;
	padding:0;
}

.jstree a {
	display:inline-block;
	line-height:16px;
	height:16px;
	color:black;
	white-space:nowrap;
	text-decoration:none;
	padding:1px 2px;
	margin:0;
}

.jstree a:focus {
	outline: none;
}

.jstree a > ins {
	height:16px;
	width:16px;
}

.jstree a > .jstree-icon {
	margin-right:3px;
}

.jstree-rtl a > .jstree-icon {
	margin-left:3px;
	margin-right:0;
}

li.jstree-open > ul {
	display:block;
}

li.jstree-closed > ul {
	display:none;
}

#vakata-dragged ins {
	display:block;
	text-decoration:none;
	width:16px;
	height:16px;
	margin:0 0 0 0;
	padding:0;
	position:absolute;
	top:4px;
	left:4px;
	-moz-border-radius:4px;
	border-radius:4px;
	border-radius:4px; }
	
#vakata-dragged .jstree-ok {
	background:green;
}

#vakata-dragged .jstree-invalid {
	background:red;
}

#jstree-marker {
	padding:0;
	margin:0;
	font-size:12px;
	overflow:hidden;
	height:12px;
	width:8px;
	position:absolute;
	top:-30px;
	z-index:10001;
	background-repeat:no-repeat;
	display:none;
	background-color:transparent;
	text-shadow:1px 1px 1px white;
	color:black;
	line-height:10px;
}

#jstree-marker-line {
	padding:0;
	margin:0;
	line-height:0%;
	font-size:1px;
	overflow:hidden;
	height:1px;
	width:100px;
	position:absolute;
	top:-30px;
	z-index:10000;
	background-repeat:no-repeat;
	display:none;
	background-color:#456c43;
	cursor:pointer;
	border:1px solid #eeeeee;
	border-left:0;
	-moz-box-shadow: 0 0 2px #666;
	-webkit-box-shadow: 0 0 2px #666;
	box-shadow: 0 0 2px #666;
	border-radius:1px;
}

.jstree .jstree-real-checkbox {
	display:none;
}

.jstree-themeroller .ui-icon {
	overflow:visible;
}

.jstree-themeroller a {
	padding:0 2px;
}

.jstree-themeroller .jstree-no-icon {
	display:none;
}

.jstree .jstree-wholerow-real {
	position:relative; z-index:1;
}

.jstree .jstree-wholerow-real li {
	cursor:pointer;
}

.jstree .jstree-wholerow-real a {
	border-left-color:transparent !important;
	border-right-color:transparent !important;
}

.jstree .jstree-wholerow {
	position:relative;
	z-index:0;
	height:0;
}

.jstree .jstree-wholerow ul, .jstree .jstree-wholerow li {
	width:100%;
}

.jstree .jstree-wholerow, .jstree .jstree-wholerow ul, .jstree .jstree-wholerow li, .jstree .jstree-wholerow a {
	margin:0 !important;
	padding:0 !important;
}

.jstree .jstree-wholerow, .jstree .jstree-wholerow ul, .jstree .jstree-wholerow li {
	background:transparent !important;
}

.jstree .jstree-wholerow ins, .jstree .jstree-wholerow span, .jstree .jstree-wholerow input {
	display:none !important;
}

.jstree .jstree-wholerow a, .jstree .jstree-wholerow a:hover {
	text-indent:-9999px !important;
	width:100%;
	padding:0 !important;
	border-right-width:0px !important;
	border-left-width:0px !important;
}

.jstree .jstree-wholerow-span {
	position:absolute;
	left:0;
	margin:0;
	padding:0;
	height:18px;
	border-width:0;
	padding:0;
	z-index:0;
}

/* * */

.jstree li a {
	padding: 10px;
	margin: 0 auto 1px 0;
	overflow: hidden;
	border-radius: 3px;
	color: #000000;
	font-size: 14px;
	font-weight: bold;
	padding: 10px;
	background-image: url('../../images/backs/background_gris_tab_1x100.png');
	background-position: center;
	background-size: contain;
	border:1px solid #808080;
	right:0px !important;
	position: relative;
	display:block;
}
.jstree li a div {
	margin-top:-2px;
	width: 0;
	height: 20px;
	display: block;
	position: relative;
	float: left;
	background-image: none;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: bottom;
}


.jstree li a.jstree-warning {
	background-image: url('../../images/backs/background_naranja_1x100.png');
}
.jstree li a.jstree-warning div {
	width: 20px;
	height: 20px;
	background-image: url('../../images/svg/ico_warning.svg');
}

.jstree li a.jstree-clicked{
	padding: 10px;
	background-image: url('../../images/backs/background_azul_1x100.png');
	background-position: center;
	background-size: contain;
	border:1px solid #000000;
}
/*
.jstree li a.jstree-clicked.jstree-warning {
	background-image: url('../../images/backs/background_rojo_1x100.png');
}
*/
.jstree li a.ui-state-disable {
	padding: 10px;
	opacity: .5;
	filter: Alpha(Opacity=50);
	background-image: url('../../images/backs/background_gris_1x100.png');
	background-position: center;
	background-size: contain;
	border:1px solid #000000;
}
/*
.jstree li a:hover {
	padding: 10px;
	background-image: url('../../images/backs/background_gris_1x100.png');
	background-position: center;
	background-size: contain;
	border:1px solid #FFFFFF;
}
*/
.jstree li > ins {
	height: 16px;
	width: 16px;
	background-size:contain;
	background-position: center !important;
	float: left;
	margin: 11px 0px 0px 0px;
}
.jstree li.jstree-open > ins {
	background-image: url('../../images/svg/ico_tree_close.svg');
}
.jstree li.jstree-closed > ins {
	background-image: url('../../images/svg/ico_tree_open.svg');
}
.jstree li.jstree-leaf > ins {
	background-image: none;
}

/* UI Overlays */
.ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

/* ********************************************************************************************************************************* */
/* DATEPICKER */
/* ********************************************************************************************************************************* */

/*
.ui-datepicker {
	border: 1px solid #000000;
	padding: 2px;
	font-size: 20px !important;
}

.ui-datepicker-header {
	color: #FFFFFF;
}

.ui-datepicker-next {
	display: inline-block;
	float: right;
}

.ui-datepicker-prev {
	display: inline-block;
	float: left;
}

.ui-datepicker-week-end {
	color: #FF0000;
}
*/

.ui-datepicker { width: 17em; padding: .2em .2em 0; display: none; background: #CCCCCC; border: 1px solid #4D4D4D; font-family: Verdana,Arial,sans-serif; font-size: 1.1em; }
.ui-datepicker .ui-datepicker-header { position:relative; padding:.2em 0; }
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position:absolute; top: 2px; width: 44px; height: 44px; }
.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px; }
.ui-datepicker .ui-datepicker-prev { left:2px; }
.ui-datepicker .ui-datepicker-next { right:2px; }
.ui-datepicker .ui-datepicker-prev-hover { left:1px; }
.ui-datepicker .ui-datepicker-next-hover { right:1px; }
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px;  }
.ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; }
.ui-datepicker .ui-datepicker-title select { font-size:1em; margin:1px 0; }
.ui-datepicker select.ui-datepicker-month-year {width: 100%;}
.ui-datepicker select.ui-datepicker-month, 
.ui-datepicker select.ui-datepicker-year { width: 49%;}
.ui-datepicker table {width: 100%; /*font-size: .9em*/; border-collapse: collapse; margin:0 0 .4em; }
.ui-datepicker th { padding: .2em .1em; text-align: center; font-weight: bold; border: 0;  }
.ui-datepicker td { border: 0; padding: 1px; }
.ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; }
.ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom: 0; }
.ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width:auto; overflow:visible; }
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float:left; }

.ui-datepicker-header {
	color: #FFFFFF;
}
.ui-datepicker-calendar td, .ui-datepicker-calendar th, .ui-datepicker-title {
	font-size:22px;
}
.ui-datepicker-calendar td a{
	color: #000000;
}
.ui-datepicker-calendar td a:hover{
	background: #000000;
	color: #FFFFFF;
}
.ui-datepicker-calendar td.ui-datepicker-unselectable {
	color: #808080;
}
.ui-datepicker-calendar td a, .ui-datepicker-calendar td span{
	border-radius: 3px;
}
.ui-datepicker-calendar td a {
	background: #EEEEEE;
}
.ui-datepicker-calendar th.ui-datepicker-week-end {
	color: #CC0000;
}

.ui-datepicker-next, .ui-datepicker-prev {
	background-position: center;
	background-size: contain;
}
.ui-datepicker-next, .ui-datepicker-prev {
	color: transparent;
	cursor: pointer;
}
.ui-datepicker-next {
	background-image: url('../../images/svg/ico_arrow_right_w.svg') !important;
}
.ui-datepicker-prev {
	background-image: url('../../images/svg/ico_arrow_left_w.svg') !important;
}
.ui-datepicker-next.ui-state-disabled, .ui-datepicker-prev.ui-state-disabled {
	opacity: .5;
}

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi { width:auto; }
.ui-datepicker-multi .ui-datepicker-group { float:left; }
.ui-datepicker-multi .ui-datepicker-group table { width:95%; margin:0 auto .4em; }
.ui-datepicker-multi-2 .ui-datepicker-group { width:50%; }
.ui-datepicker-multi-3 .ui-datepicker-group { width:33.3%; }
.ui-datepicker-multi-4 .ui-datepicker-group { width:25%; }
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header { border-left-width:0; }
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width:0; }
.ui-datepicker-multi .ui-datepicker-buttonpane { clear:left; }
.ui-datepicker-row-break { clear:both; width:100%; font-size:0em; }

/* RTL support */
.ui-datepicker-rtl { direction: rtl; }
.ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; }
.ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; }
.ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; }
.ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; }
.ui-datepicker-rtl .ui-datepicker-buttonpane { clear:right; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current { float:right; }
.ui-datepicker-rtl .ui-datepicker-group { float:right; }
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header { border-right-width:0; border-left-width:1px; }
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width:0; border-left-width:1px; }

/* IE6 IFRAME FIX (taken from datepicker 1.5.3 */
.ui-datepicker-cover {
    display: none; /*sorry for IE5*/
    display/**/: block; /*sorry for IE5*/
    position: absolute; /*must have*/
    z-index: -1; /*must have*/
    filter: mask(); /*must have*/
    top: -4px; /*must have*/
    left: -4px; /*must have*/
    width: 200px; /*must have*/
    height: 200px; /*must have*/
}

/* ********************************************************************************************************************************* */
/* UI - Varios */
/* ********************************************************************************************************************************* */

.ui-icon {
	width: 24px;
	height: 24px;
}
.ui-icon-carat-1-e {
	background-image: url('../../images/svg/ico_arrow_right_w.svg');
	background-size: contain;
}
#menulist li a:hover .ui-icon-carat-1-e {
	background-image: url('../../images/svg/ico_arrow_right_b.svg');
}

/* Corner radius */
.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl { -moz-border-radius-topleft: 3px; -webkit-border-top-left-radius: 3px; -khtml-border-top-left-radius: 3px; border-top-left-radius: 3px; }
.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr { -moz-border-radius-topright: 3px; -webkit-border-top-right-radius: 3px; -khtml-border-top-right-radius: 3px; border-top-right-radius: 3px; }
.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl { -moz-border-radius-bottomleft: 3px; -webkit-border-bottom-left-radius: 3px; -khtml-border-bottom-left-radius: 3px; border-bottom-left-radius: 3px; }
.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br { -moz-border-radius-bottomright: 3px; -webkit-border-bottom-right-radius: 3px; -khtml-border-bottom-right-radius: 3px; border-bottom-right-radius: 3px; }


/* KEYBOARD */

.ui-keyboard {
	background: #E0E0E0;
	border: 1px solid #AAAAAA;
}

.ui-keyboard-input {
	font-size: 18px;
	border: 1px solid #AAAAAA;
	padding: 5px;
}

.ui-keyboard-button  {
	font-size: 18px;
	border: 1px solid #AAAAAA;
	background-image: url('../../images/backs/background_gris_tab_1x100.png');
	background-position: center;
	background-size: contain;
}
.ui-keyboard-button:hover {
	border: 1px solid #000000;
}

.ui-keyboard-button .ui-state-active {
	background-image: url('../../images/backs/background_azul_1x100.png');
}