.cierre {
	font-size: 0px;
	clear: both;
	height: 0px;
	display: block;
}

body {
	background-color: #FAFAFA;
}

.push-right{
	float: right;
}
.push-left{
	float: left;
}


.modal-xlg {
	width: 700px;
}
.modal-xxlg {
	width: 900px;
}
@media (min-width: 1200px) {
	.modal-xlg {
		width: 900px;
	}
	.modal-xxlg {
		width: 1100px;
	}
}
@media (min-width: 1500px) {
	.modal-xlg {
		width: 1100px;
	}
	.modal-xxlg {
		width: 1400px;
	}
}

/** override de los z-index para que sean más grandes y tengan prioridades */
	.modal {
		z-index: 99997;
	}
	#header,
	.modal-backdrop {
		z-index: 99995;
	}
	/** esto hace posible dos modales, los impares por encima */
	.modal:nth-of-type(odd) {
		z-index: 99998 !important;
	}
	.modal-backdrop.in:nth-of-type(odd) {
		z-index: 99996 !important;
	}
	#ordenCapas,
	#options {
		z-index: 99988;
	}
	.tooltip,
	.dropdown-menu {
		z-index: 99999;
	}
	.dropdown-menu.dropdown-menu-barra-superior {
		overflow-y: auto;
	}
	.sidebar {
		z-index: 99991;
	}
	.popover {
		z-index: 99990;
	}

/** INI COLORES */
	/** cabecera */
	#header {
	  background: #2F9AC6;
	  -webkit-user-select: auto;
	  -moz-user-select: auto;
	  -ms-user-select: auto;
	  user-select: auto;
	}
	/** enlaces */
	a {
		color: #2F9AC6;
	}
	a.sin_enlace, td.sin_enlace a {
		color: #5e5e5e;
		cursor: default;
	}
	a.sin_enlace :hover, td.sin_enlace a :hover {
		color: #5e5e5e;
	}
	/** bordes de los tabs */
	.tab-nav:not([data-tab-color]) > li > a:after {
		background: #2F9AC6;
	}
	/** toggle button defaults */
	.toggle-switch:not([data-ts-color]) input:not(:disabled):checked + .ts-helper:before {
		background: #2F9AC6;
	}
	.toggle-switch:not([data-ts-color]) input:not(:disabled):checked + .ts-helper {
		background: rgba(47,154,198,0.5);
	}
	/** cambiamos el tamaño del fg-line de un input seleccionado */
	.fg-line:not(.disabled):after, .fg-line:not(.readonly):after {
		height: 1px;
	}
/** FIN COLORES */
/** para que el menú secundario se muestre en mobile */
@media (max-width: 767px) {
	nav.ha-menu {
	    display: block !important;
	    width: 100%;
	    left: 0;
	    white-space: nowrap;
	    overflow-x: auto;
	}

	.ha-menu > ul > li {
	    display: inline-block;
	}
}
/** INI Tablas ajax */
	.controles_grafica{
		display: flex;
		justify-content: space-between;
		align-items: center;
		flex-wrap: wrap;
		margin-bottom: 10px;
	}

	.controles_grafica .bootstrap-select {
		margin-top: 0px;
	}

	.tabla_ajax_resultados td {
		cursor: default;
	}
	.tabla_ajax_resultados td:not(.sin_enlace) a {
		display: block;
	}
	
	.wrapper_tabla ul.actions li {
		line-height: 40px;
	}

	.wrapper_tabla ul.actions li.recargar a,
	.wrapper_tabla ul.actions li a {
		line-height: 22px;
	}
	.wrapper_tabla ul.actions li.recargar a .fa {
		font-size: 15px;
	}

	.wrapper_tabla .dropdown-menu{
		padding: 0px;
	}

	.wrapper_tabla .dropdown-menu li{
		position: relative;		
	}

	.wrapper_tabla .dropdown-menu li a{
		padding-left: 6px;
		padding-top: 6px;
		padding-bottom: 6px;
		padding-right: 27px;
		text-align: left;
	}

	.wrapper_tabla .dropdown-menu li .tabla_ajax_columnas_nombre{
		margin-right: 34px;
	}

	.wrapper_tabla .dropdown-menu li .tabla_ajax_columnas_icono{
		position: absolute;
		right: 15px;
	}
	.wrapper_tabla .dropdown-menu li .tabla_ajax_columnas_icono{
		font-size: 19px;
	}
	.wrapper_tabla .dropdown-menu li .tabla_ajax_columnas_icono .check-mark:before {
		content: "\f26b";
		font-family: 'Material-Design-Iconic-Font';
	}

	/** hacemos que el input de búsqueda de la tabla ajax tenga un margen por la izquierda solo cuando está dentro de un card */
	.card .input-busqueda {
		padding-left: 20px;
	}
	.input-busqueda .form-control {
		/*background-image: url(../img/icons/search-2.png);
		background-repeat: no-repeat;
		background-position: left center;*/
		padding-left: 30px;
		-webkit-transition: all;
		-o-transition: all;
		transition: all;
		-webkit-transition-duration: 300ms;
		transition-duration: 300ms;
	}
	.table .fa {
		font-size: 15px;
	}
	.input-busqueda .form-control:focus {
		background-position: right center;
	}
	/*para eliminar los ficheros de ccs de las tablas ajax*/

	.tabla_datos {width: 100%; }
	.tabla_datos td {font-size:12px; height: 32px; }
	.tabla_datos th { cursor:pointer;}
	.tabla_datos th.nosort { cursor:default;}
	.tabla_datos .desc span {background:url(img/desc.gif) 1px center no-repeat;}
	.tabla_datos .desc span {padding-left: 10px;}
	.tabla_datos .asc span {background:url(img/asc.gif) 1px  center no-repeat;}
	.tabla_datos .asc span {padding-left: 10px;}
	/** cuando añadimos un fontawesome y le modificamos el tamaño para que sea más grande, ajustamos manualmente su line height para que no modifique la altura de la fila */
	.tabla_datos i.f-20 { line-height: 13px; }
	/** para que los enlaces que son fontawesomes tengan más padding y sean más fácil de clicar */
	.tabla_datos td a i {padding: 0 10px;}
	.tabla_datos td a i.pantallas {
		padding: 0 10px;
		padding-left: 0px;
		width: 20px;
	}

	

	.tabla_ajax_ultimos_datos_filtros{ z-index: 9;}

	.cargando_tabla_ajax{
		-webkit-animation: fa-spin 0.5s infinite linear;
		animation: fa-spin 0.5s infinite linear;
	}
	
	.wrapper_tabla ul.actions li {
		line-height: 40px;
	}
	
	.wrapper_tabla ul.actions li a {
		line-height: 22px;
	}
	.wrapper_tabla ul.actions li a .fa {
		font-size: 15px;
	}
	.wrapper_tabla ul.actions li.recargar {
		margin-left: 5px;
	}
	.wrapper_tabla > ul > li:first-child {
		width: 350px;
		max-width: 60%;
	}

	input.criterio{
		width: 100%;
	}

	div.wrapper_tabla {
		width: 100%;
		margin-top: 5px;
		margin-bottom: 10px;
	}
	
	.controles_paginacion_div {
		display: flex;
		align-items: center;
		flex-wrap: wrap;
	}

	span.controles_paginacion {
		margin-left: 27px;
		display: flex;
    	flex-wrap: nowrap;
		/*margin-top: 6px;
		margin-bottom: 10px;
		display: inline-block;*/
	}
	span.controles_paginacion a {
		opacity: 0.7;
		margin: 0 2px;
		padding: 0 2px;
		font-size: 24px;
		line-height: 10px;
	}
	span.controles_paginacion a .fa {
		line-height: 20px;
	}
	span.controles_paginacion a:hover {
		opacity: 1;
	}
	
	span.controles_paginacion a:active {
		position: relative;
		top: 1px;	
	}
	
	span.controles_pagina {
		color: #999999;
		margin-left: 15px;
	}
	.controles_pagina select {
		color: #666;
	}
	
	.texto_elementos {float:right; margin-top: 12px; font-size: 12px; color: #999999; margin-right:2px;}
	.texto_paginas {
		height: 25px;
		line-height: 25px;
		text-align: right;
		font-size: 12px; 
		color: #999999; 
		margin-right: 27px;
		margin-left: 27px;
	}
	
	.div_tabla_datos {width: 100%; }
	
	.tabla_ajax_deshabilitada {
		pointer-events: none;
		opacity: 0.3;
	}
	.texto_elementos_mensaje_deshabilitada {
		position: absolute;
		width: 100%;
		text-align: center;
		margin-top: 18px;
	}
	/** cuando se pone fijo, es porque el ancho de la columna es fijo, en mobile, se le pone nowrap, así que hacemos que salgan ellipsis */
	.tabla_datos .fijo {
		overflow: hidden;
  		text-overflow: ellipsis;
	}
	/**** cambios para la pantalla de gestion > descarga ficheros ***/
	#GrupoBotonesFicheros {
		margin-top: 10px;
	}
	
	#GrupoBotonesFicheros > a{
		width: 55px; 
		padding:3px;
	}
	
	#GrupoBotonesFicheros > a > i{
		font-size: 14px;
	}
	
	#GrupoBotonesFicheros > #valor > .cont_bar{
		height: 10px;
		width: 30px;
		margin: 4px auto;
		padding: 2px;
	}
	
	#icono-barra {
		margin:0px; 
		background: black;
	}
	#icono-barra:before {
		background: lightgray;
	}
	
	.textAlign-feft{
		text-align:left;
	}
	.textAlign-right{
		text-align:right;
	}
	.textAlign-center{
		text-align:center;
	}
	.textAlign-justify{
		text-align:justify;
	}





/** FIN Tablas ajax */
/** GENÉRICOS */
	.op50 {
		opacity: 0.5;
	}
	.op20 {
		opacity: 0.2;
	}
	.op10 {
		opacity: 0.1;
	}
	.deshabilitado {
		opacity: 0.5;
		color: gray;
	}
	.border-superior {
		border-top: 1px solid #F0F0F0;
	}
	.divider {
		height: 1px;
		margin: 8px 0;
		overflow: hidden;
		background-color: rgba(0, 0, 0, 0.08);
	}
	.fa-spin-x2 {
		-webkit-animation: fa-spin 1s infinite linear;
		animation: fa-spin 1s infinite linear;
	}
	.c-primary {
		color: #2196f3;
	}
/** hacemos que el sidebar esté unos px más abajo porque no coincide con la altura del header */
.sidebar {
	top: 70px;
	z-index: 99994 !important;
}
/** colocamos los sidebar más abajo cuando hay doble topbar */
#main.doblecabecera {
	padding-top: 130px;
}
#main.doblecabecera .sidebar {
	top: 118px;
}
/** hacemos que el menú se muestre bajo el titlebar */
.mdl-layout__obfuscator {
	z-index: 1 !important;
}
.mdl-layout__drawer{
	z-index: 2 !important;
	padding-top: 65px;
}
/** para modificar la zona del perfil */
.profile-menu > a,
.block-profile-menu > a {
	height: 119px;
	background: none;
}
.profile-menu > a .profile-info,
.block-profile-menu > a .profile-info {
	margin-top: 0;
}
.profile-menu .imagen-maquina,
.block-profile-menu .imagen-maquina {
    height: 90px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50%;
    border-bottom: 1px solid #eee;
}
/** Quitamos el padding left que se le añade al breadcrumb cuando el menú izq está desplegado */
@media (min-width: 1199px) {
  body.sw-toggled .breadcrumb {
    padding-left: 20px;
  }
}
/** Quitamos un poco de margen al card */
.card {
	margin-bottom: 20px;
}
/** Para hacer el "siguiente" > de los tabnav */
.tab-nav li .sig {
	position: absolute;
	right: -6px;
	top: 22%;
	font-size: 25px;
	color: #EEEEEE;
}
/** parche para que el "select" no sea más alto que el resto */
select.form-control{
	height: 32px;
}
.bootstrap-select > .btn-default::before,
html:not(.ie9) .select:before {
	background-size: 6px;
	top: 0px;
}
.bootstrap-select > button.btn-default {
    padding-left: 5px;
}

.bootstrap-select > button.btn-default::before {
    content: "\f078";
    font-family: "FontAwesome";
    font-size: 11px;
    color: #66767E;
    right: 0px;
    position: absolute;
    pointer-events: none;
    background: none;
    background-size: 6px;
    top: 5px;
	
}
.bootstrap-select.btn-group > button.btn-default.dropdown-toggle .caret {
    display: none;
}
.bootstrap-select.btn-group .dropdown-menu,
.dropdown-menu .open,
.dropdown-menu .inner
 {
    z-index: 99998 !important;
}

.bootstrap-select.btn-group .dropdown-menu li a {
    padding-right: 27px;
    padding-left: 6px;
}
.bootstrap-select.btn-group.show-tick .dropdown-menu li.selected a span.check-mark {
	right: 8px;
}
aside .tab-content {
	padding-bottom: 60px;
}

#desplegador {
	cursor: pointer;
}
#ordenarLista li .fa {
    margin: 0 6px;
}

#ordenarLista {
    margin-bottom: 20px;
    padding-left: 0;
}
#ordenarLista li { 
    list-style: none;
    margin: 0 3px 3px 3px;
    cursor: pointer;
    background: #eeeeee;
    padding: 10px 5px;
	border-radius: 2px;
    /*border: 1px solid #e9e9e9;*/
}
#ordenarListaTanques li { 
    list-style: none;
    margin: 0 3px 3px 3px;
    cursor: pointer;
    background: #bfded8;
    padding: 10px 5px;
	border-radius: 20px;
    /*border: 1px solid #e9e9e9;*/
}
#mensajes_alertas {
	display: none;
}
.form-group.fg-float .fg-line:not(.form-group) {
	margin-top: 20px;
}
/** eliminar sombras genéricas de los botones */
.btn:not(.btn-link) {
    box-shadow: 0 1px 3px rgb(0 0 0 / 6%), 0 2px 3px rgb(0 0 0 / 2%);
}
.btn-group:not(.bootstrap-select), .btn-group-vertical:not(.bootstrap-select) {
    box-shadow: 0 1px 3px 0 rgb(0 0 0 / 6%);
}
/** bloque del login */
	.lc-block {
		margin-left: auto;
		margin-right: auto;
		display: block;
	}
	div#cargando-login {
		text-align: center;
		margin-top: 10%;
	}
	#l-login #empresa-logo {
		text-align: center;
		margin-bottom: 20px;
	}
	#l-login #empresa-logo img {
		max-width: 100%;
	}
	#boton_selector_idioma {
		margin-left: 15px;
	    color: black;
	    font-size: 15px;
	    float: left;
	}
	#login #idioma_gestor {
		margin-left: 12px;
	}
	#login .btn-login i {
		line-height: 35px;
	}
	#version_ic {
	    opacity: 0.5;
	    position: absolute;
	    right: 20px;
	    top: 10px;
	}
/** HEADER */
	.header-inner .logo a small {
		text-transform: none;
		font-size: 9px;
		font-style: italic;
		display: inline-block;
	}
	.header-inner .titulo-analisis {
		color: white;
		text-transform: uppercase;
		float: left;
		margin-right: 20px;
		font-size: 11px;
	}
	/** para que en mobile, en gestión, el logo se redimensione */
	@media (max-width: 767px) {
		#header .header-inner .logo a {
		    padding-left: 0;
		}

		#header .header-inner .logo a img {
		    max-width: 100%;
		}
	}

	.top-menu > li > a > .fa {
		color: white;
		font-size: 19px;
		line-height: 36px;
	}
	/** modificaciones los desplegables de notificaciones,... */
	#cuadroNotificacionesSistema {
		min-height: 0px;
	}
	#cuadroNotificacionesSistema .lv-item{
		padding-right: 25px;
	}
	#cuadroErrores {
		min-height: 0px;
	}
	#cuadroErrores .lv-item{
		padding-right: 25px;
	}
	.silenciarAlarmas {
		padding-left: 20px;
		padding-right: 20px;
		padding-bottom: 10px;
		padding-top: 5px;
		width: 100%;
		border-bottom: 1px solid #F0F0F0;
	}
	#cuadroAlarmas {
		min-height: 0px;
	}
	#cuadroAlarmas .lv-item{
		padding-right: 25px;
	}
	#cuadroNotificacionesMaquina {
		min-height: 0px;
	}
	#cuadroNotificacionesMaquina .lv-item{
		padding-right: 25px;
	}
	/** evitamos que el bloque de notificaciones intente cargar un background */
	#notifications.listview:before{
		background: none;
	}
	#header .listview .lv-item.lv-desplegar:hover .lv-title {
		white-space: normal;
	}
	#header .listview .lv-item.lv-desplegar:hover .lv-small {
		white-space: normal;
	}

	.lv-title-black {
		color: #000;
	}

	.lv-small-comment {
		font-size: 12px;
	    color: #A9A9A9;
	    overflow: hidden;
	    text-overflow: ellipsis;
	    white-space: nowrap;
	    display: block;
	    width: 100%;
	}

	.lv-item-comment:not(:last-child) {
		border-bottom: 1px solid #f0f0f0
	}

	.lv-item-comment:first-child {
		padding-top: 30px;
	}

	.media-comment {
		padding: 17px 35px 17px 25px;
	}

	.lv-item .marcarLeido {
	    position: absolute;
	    top: 0;
	    right: 0;
	    bottom: 0;
	    text-align: center;
	    width: 40px;
	    padding-top: 10px;
	    background: rgba(239, 239, 239, 0.52);
	    display: none;
	    opacity: 0;
	}
	.lv-item:hover .marcarLeido {
	    display: block;
	    opacity: 0.5;
	}
	.lv-item:hover .marcarLeido:hover {
	    opacity: 1;
	}
	/** Modificamos los bubbels de las notificaciones de la cabecera */
	#header .top-menu > li > a > .tmn-counts{
		right: 2px;
	    top: -4px;
	    font-family: none; /** es la mejor forma que he conseguido para que se vean mejor los números */
	}
	/** hacemos que parpadee el icono de nueva configuración de captura */
	#configuracionPendienteAviso {
		-webkit-animation: pulso 3s ease-out;
	    -webkit-animation-iteration-count: infinite; 
	    -moz-animation: pulso 3s ease-out;
		-moz-animation-name: pulso;
		-moz-animation-iteration-count: infinite;
	    opacity: 0.0;
	    background: transparent;
    	font-weight: bold;
	}
	@-webkit-keyframes pulso {
	    0% {-webkit-transform: scale(0.1, 0.1); opacity: 0.0;}
	    20% {opacity: 1.0;}
	    30% {-webkit-transform: scale(1, 1);}
	    60% {opacity: 1.0;}
	    100% {-webkit-transform: scale(1.2, 1.2); opacity: 0.0;}
	}
	@-moz-keyframes pulso {
	    0% {-moz-transform: scale(0.1, 0.1); opacity: 0.0;}
	    20% {opacity: 1.0;}
	    30% {-moz-transform: scale(1, 1);}
	    60% {opacity: 1.0;}
	    100% {-moz-transform: scale(1.2, 1.2); opacity: 0.0;}
	}
	/** efecto para cuando una configuración de captura se esté enviando. */
	#configuracionEnviada {
		width: 13px;
		display: none;
		height: 17px;
		overflow: hidden;
	}
	#configuracionEnviada i {
		-webkit-animation: subiendo 1s ease-out;
		-webkit-animation-iteration-count: infinite;
		-moz-animation: subiendo 1s ease-out;
		-moz-animation-name: subiendo;
		-moz-animation-iteration-count: infinite;
		position: absolute;
		left: 2px;
	}
	@-webkit-keyframes subiendo {
	    0% {opacity: 0.0;top:10px}
	    50% {opacity: 1.0;}
	    60% {opacity: 1.0;}
	    100% {opacity: 0.0; top: -10px}
	}
	@-moz-keyframes subiendo {
	    0% {opacity: 0.0;top:10px}
	    50% {opacity: 1.0;}
	    60% {opacity: 1.0;}
	    100% {opacity: 0.0; top: -10px}
	}
	#configuracionPendienteAviso:before {
	    width: 0;
	    height: 0;
	    content: ' ';
	    border-left: 9px solid transparent;
	    border-right: 9px solid transparent;
	    border-bottom: 17px solid #f44336;
	    position: absolute;
	    bottom: 2px;
	    left: -2px;
	    z-index: -1;
	}

/** tunneamos el cómo queremos que se muestren los botones que aparecen pegados a un input. */
.btn-primary.input-group-addon{
	color: #fff;
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.16), 0 2px 10px rgba(0, 0, 0, 0.12);
	cursor: pointer;
	background-color: #2196f3;
    border-color: #0d8aee;
}

/* para el selector tri-estado, crear una clase derivada de btn-primary con menos opacidad */
.boton-triestado-no-seleccionado {
	background-color: rgba(0, 158, 224, 0.5);
	color: #fff;
}

.daterangepicker{
	margin-top: 5px !important;
}
.daterangepicker_span {
    position: relative;
    text-align: center;
    padding: 3px 10px 3px 10px;
    cursor: pointer;
    display: inline-block;
    border: 1px solid #CCCCCC;
}
.daterangepicker_span.deshabilitado {
    opacity: 0.3;
}
.daterangepicker_span:hover {
    border: 1px solid #CCCCCC;
}
.daterangepicker_span.flotar-izq {
    position: relative;
    float: left;
}
.daterangepicker_span.flotar-der {
    position: relative;
    float: right;
}
.daterangepicker_zoom_control {
    opacity: 0.4;

}
.daterangepicker_zoom_control .fa {
    font-size: 15px !important;
}
.daterangepicker_zoom_control:hover {
    opacity: 1;
}
.daterangepicker_zoom_control.activo {
    opacity: 1;
}


.filtro_alarmas_presentacion input {
    width: 40px;
    display: inline;
    padding: 5px;
}


/** Hacemos que un enlace (botón) dentro de .actions no tenga que adoptar el diseño de los enlaces normales (círculos) dentro de .actions */
.actions > li > a.btn,
.actions > a.btn {
    width: auto;
    height: auto;
    padding-top: 6px;
}
/** Quitamos la sombra que suele aparecer en el hover de un botón cuando está dentro de un .actions */
.actions > li > a.btn:before, 
.actions > a.btn:before {
    display: none;
}

.in-line-help {
   	font-size: 13px;
	opacity: 0.5;
}

.in-line-help:hover {
   opacity: 1;
}

.in-line-help-tab-nav {
	padding-left: 23px;
    position: absolute;
    padding-top: 15px;
}

.help-indicators-import-padding {
	padding-left: 15px;
}

.card-header a.in-line-help,

.card a.in-line-help {
   font-size: 13px;
   opacity: 0.5;
   color: grey;
}

.card a.in-line-help:hover {
   opacity: 1;
}

.t_14 {
	position: absolute;
	top: 14px;
}

.l_10 {
	position: absolute;
	left: 10px;
}
.z_1000 {
	z-index: 1000;
}

.l_15 {
	position: absolute;
	left: 15px;
}
/** posibilidad de añadir un class "default" (tick) a un fontawesome */
.fa.fa-comment.defecto:after {
    content: "\f00c";
    position: absolute;
    left: 16%;
    bottom: 50%;
    top: 3%;
    right: 0;
    color: #00A500;
    font-size: 80%;
    text-align: center;
    text-shadow: none;
}
.defecto {
    position: relative;
}
/** barra porcentual en css */
.bar {
    display: block;
    background: blue;
    height: 5px;
    margin-top: 9%;
    position: relative;
}
.bar:before {
    content: ' ';
    bottom: 0;
    background: #efefef;
    top: 0;
    right: 0;
    position: absolute;
}
.bar-00:before { left: 1%; }
.bar-05:before { left: 5%; }
.bar-10:before { left: 10%; }
.bar-15:before { left: 15%; }
.bar-20:before { left: 20%; }
.bar-25:before { left: 25%; }
.bar-30:before { left: 30%; }
.bar-35:before { left: 35%; }
.bar-40:before { left: 40%; }
.bar-45:before { left: 45%; }
.bar-50:before { left: 50%; }
.bar-55:before { left: 55%; }
.bar-60:before { left: 60%; }
.bar-65:before { left: 65%; }
.bar-70:before { left: 70%; }
.bar-75:before { left: 75%; }
.bar-80:before { left: 80%; }
.bar-85:before { left: 85%; }
.bar-90:before { left: 90%; }
.bar-95:before { left: 95%; }
.bar-100:before { left: 100%; }

/** pantalla de inicio */
	.card .mini-charts-item {
	    margin-bottom: 0;
	    box-shadow: none;
	}
	.card .mini-charts-item .count,
	.card .mini-charts-item .count > h2,
	.card .mini-charts-item:hover .count {
		color: #333 !important;
	}
	.cartas-servidores table {
		background: transparent;
	}
	.cartas-servidores .card {
	    min-height: 70px;
	}
	.cartas-servidores .card h5 {
		position: absolute;
		width: 100%;
		text-align: center;
		z-index: 1;
    	top: 10%;
	}
	.semi-pie {
		overflow: hidden;
	    width: 50px;
	    height: 25px;
	    position: absolute;
	    bottom: 10px;
	    z-index: 0;
	}
	.semi-pie .stats-pie-carga {
		width: 100%;
		height: 200%;
	}
	.semi-pie:after {
		content: ' ';
		position: absolute;
		width: 50%;
		left: 25%;
		background: white;
		height: 100%;
		top: 50%;
		display: block;
		border-radius: 50%;
	}
/** modificamos diseño del summernote */
.note-editor {
    overflow: visible !important;
    border: 1px solid #e4e4e4 !important;
}
.note-editor .note-toolbar {
	padding: 0 !important;
}
.note-editor .note-toolbar .btn {
	height: 30px;
}
/********     SISTEMA DE FÓRMULAS     ********/
	#editor_formulas {
		width: 100%;
		padding-bottom: 15px;
	}
	#editor_formulas .formula_barra_herramientas {
		height: 115px;
		padding: 15px 0px 0px 22px;
		border: dotted 1px #B6B6B6;
		border-bottom: none;
	}
	#editor_formulas .formula_barra_herramientas .agrupador {
		position: relative;
		float: left;

	}
	#editor_formulas .formula_barra_herramientas .formula_herramienta {
		position: relative;
		float: left;
		height: 32px;
		width: 32px;
		margin-right: 15px;
		margin-bottom: 15px;
		cursor: all-scroll;
		box-shadow: 0px 1px 1px 2px #E0E0E0;
		-webkit-box-shadow: 0px 1px 1px 2px #E0E0E0;
		-moz-box-shadow: 0px 1px 1px 2px #E0E0E0;
		border-radius: 3px;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
	}
	#editor_formulas .formula_barra_herramientas .formula_herramienta.separador {
		cursor: default;
		box-shadow: 0 0 0 0 #FFF;
		-webkit-box-shadow: 0 0 0 0 #FFF;
		-moz-box-shadow: 0 0 0 0 #FFF;
	}
	#editor_formulas .formula_barra_herramientas .formula_herramienta.mas {
		background: url(img/iconos-formulas/mas.png);
		background-repeat: no-repeat;
		background-position: center;
	}
	#editor_formulas .formula_barra_herramientas .formula_herramienta.menos {
		background: url(img/iconos-formulas/menos.png);
		background-repeat: no-repeat;
		background-position: center;
	}
	#editor_formulas .formula_barra_herramientas .formula_herramienta.multiplicar {
		background: url(img/iconos-formulas/multiplicar.png);
		background-repeat: no-repeat;
		background-position: center;
	}
	#editor_formulas .formula_barra_herramientas .formula_herramienta.dividir {
		background: url(img/iconos-formulas/dividir.png);
		background-repeat: no-repeat;
		background-position: center;
	}
	#editor_formulas .formula_barra_herramientas .formula_herramienta.sin {
		background: url(img/iconos-formulas/sin.png);
		background-repeat: no-repeat;
		background-position: center;
	}
	#editor_formulas .formula_barra_herramientas .formula_herramienta.cos {
		background: url(img/iconos-formulas/cos.png);
		background-repeat: no-repeat;
		background-position: center;
	}
	#editor_formulas .formula_barra_herramientas .formula_herramienta.tan {
		background: url(img/iconos-formulas/tan.png);
		background-repeat: no-repeat;
		background-position: center;
	}
	#editor_formulas .formula_barra_herramientas .formula_herramienta.abs {
		background: url(img/iconos-formulas/abs.png);
		background-repeat: no-repeat;
		background-position: center;
	}
	#editor_formulas .formula_barra_herramientas .formula_herramienta.sqrt {
		background: url(img/iconos-formulas/sqrt.png);
		background-repeat: no-repeat;
		background-position: center;
	}
	#editor_formulas .formula_barra_herramientas .formula_herramienta.log10 {
		background: url(img/iconos-formulas/log10.png);
		background-repeat: no-repeat;
		background-position: center;
	}
	#editor_formulas .formula_barra_herramientas .formula_herramienta.formula {
		background: url(img/iconos-formulas/formula.png);
		background-repeat: no-repeat;
		background-position: center;
	}
	#editor_formulas .formula_barra_herramientas .formula_herramienta.eq_eq {
		background: url(img/iconos-formulas/eqeq.png);
		background-repeat: no-repeat;
		background-position: center;
	}
	#editor_formulas .formula_barra_herramientas .formula_herramienta.no_eq {
		background: url(img/iconos-formulas/noeq.png);
		background-repeat: no-repeat;
		background-position: center;
	}
	#editor_formulas .formula_barra_herramientas .formula_herramienta.mayor {
		background: url(img/iconos-formulas/mayor.png);
		background-repeat: no-repeat;
		background-position: center;
	}
	#editor_formulas .formula_barra_herramientas .formula_herramienta.mayorIgual {
		background: url(img/iconos-formulas/mayorIgual.png);
		background-repeat: no-repeat;
		background-position: center;
	}
	#editor_formulas .formula_barra_herramientas .formula_herramienta.menor {
		background: url(img/iconos-formulas/menor.png);
		background-repeat: no-repeat;
		background-position: center;
	}
	#editor_formulas .formula_barra_herramientas .formula_herramienta.menorIgual {
		background: url(img/iconos-formulas/menorIgual.png);
		background-repeat: no-repeat;
		background-position: center;
	}
	#editor_formulas .formula_barra_herramientas .formula_herramienta.and {
		background: url(img/iconos-formulas/and.png);
		background-repeat: no-repeat;
		background-position: center;
	}
	#editor_formulas .formula_barra_herramientas .formula_herramienta.or {
		background: url(img/iconos-formulas/or.png);
		background-repeat: no-repeat;
		background-position: center;
	}
	#editor_formulas .formula_barra_herramientas .formula_herramienta.isnull {
		background: url(img/iconos-formulas/isnull.png);
		background-repeat: no-repeat;
		background-position: center;
	}
	#editor_formulas .formula_barra_herramientas .formula_herramienta.mod {
		background: url(img/iconos-formulas/mod.png);
		background-repeat: no-repeat;
		background-position: center;
	}
	#editor_formulas .formula_barra_herramientas .formula_herramienta.round {
		background: url(img/iconos-formulas/round.png);
		background-repeat: no-repeat;
		background-position: center;
	}
	#editor_formulas .formula_barra_herramientas .formula_herramienta.floor {
		background: url(img/iconos-formulas/floor.png);
		background-repeat: no-repeat;
		background-position: center;
	}
	#editor_formulas .formula_barra_herramientas .formula_herramienta.ceil {
		background: url(img/iconos-formulas/ceil.png);
		background-repeat: no-repeat;
		background-position: center;
	}
	#editor_formulas .formula_barra_herramientas .formula_herramienta.max {
		background: url(img/iconos-formulas/max.png);
		background-repeat: no-repeat;
		background-position: center;
	}
	#editor_formulas .formula_barra_herramientas .formula_herramienta.min {
		background: url(img/iconos-formulas/min.png);
		background-repeat: no-repeat;
		background-position: center;
	}
	#editor_formulas .formula_barra_herramientas .formula_herramienta.valor {
		background: url(img/iconos-formulas/valor.png);
		background-repeat: no-repeat;
		background-position: center;
	}
	#editor_formulas .formula_barra_herramientas .formula_herramienta.indicador {
		background: url(img/iconos-formulas/indicador.png);
		background-repeat: no-repeat;
		background-position: center;
	}
	#editor_formulas .formula_barra_herramientas .formula_herramienta.constante {
		background: url(img/iconos-formulas/constante.png);
		background-repeat: no-repeat;
		background-position: center;
	}
	#editor_formulas .formula_barra_herramientas .formula_herramienta.parentesis {
		background: url(img/iconos-formulas/parentesis.png);
		background-repeat: no-repeat;
		background-position: center;
	}
	#editor_formulas .formula_barra_herramientas .formula_herramienta.len {
		background: url(img/iconos-formulas/len.png);
		background-repeat: no-repeat;
		background-position: center;
	}
	#editor_formulas .formula_barra_herramientas .formula_herramienta.concat {
		background: url(img/iconos-formulas/concat.png);
		background-repeat: no-repeat;
		background-position: center;
	}
	#editor_formulas .formula_barra_herramientas .formula_herramienta.if {
		background: url(img/iconos-formulas/if.png);
		background-repeat: no-repeat;
		background-position: center;
	}
	#editor_formulas .formula_gestion {
		/*background-color: #eee;*/
		min-height: 150px;
		padding: 10px;
		border: dotted 1px #B6B6B6;
		border-top: none;
	}

	#editor_formulas .formula_gestion .formula_elemento {
		border: 1px dashed #FF8F00;
	    margin-left: -1px;
	    margin-top: -1px;
	    min-height: 35px;
	    min-width: 20px;
	    margin: 5px;
	    float: left;
	    position: relative;
		padding-right: 10px;
		padding-left: 10px;
	}
	#editor_formulas .formula_gestion .formula_elemento .borrarForma {
		background: none repeat scroll 0 0 #C4C4C4;
		border-radius: 2px;
		color: #FFF;
		display: block;
		font-size: 10px;
		line-height: 12px !important;
		font-style: normal !important;
		font-weight: normal !important;
		height: 14px;
		padding: 1px 1px;
		position: absolute;
		right: 0;
		text-align: center;
		text-decoration: none;
		bottom: 0;
		width: 14px;
	}
	#editor_formulas .formula_gestion .formula_elemento .totalizadorForma {
		background: none repeat scroll 0 0 #C4C4C4;
		border-radius: 2px;
		color: #FFF;
		display: block;
		font-size: 10px;
		line-height: 12px !important;
		font-style: normal !important;
		font-weight: normal !important;
		height: 14px;
		padding: 1px 1px;
		position: absolute;
		left: 0;
		text-align: center;
		text-decoration: none;
		bottom: 0;
		width: auto;
		padding-left: 3px;
		padding-right: 3px;
	}

	#editor_formulas .formula_gestion .parentesis-abrir {
		background-image: url(img/iconos-formulas/parentesis-abrir.png);
		background-repeat: no-repeat;
		background-position: center center;
	    min-width: 15px;
	    float: left;
		/*CAMBIOS*/
		min-height: 35px;
		margin-top: 5px;
	}
	#editor_formulas .formula_gestion .parentesis-cerrar {
		background-image: url(img/iconos-formulas/parentesis-cerrar.png);
		background-repeat: no-repeat;
		background-position: center center;
	    min-width: 15px;
	    float: left;
		/*CAMBIOS*/
		min-height: 35px;
		margin-top: 5px;
	}
	#editor_formulas .formula_gestion .mas {
		background-image: url(img/iconos-formulas/mas.png);
		background-repeat: no-repeat;
		background-position: center center;
	    min-height: 35px;
	    min-width: 15px;
	    float: left;
		margin: 6px 0;
	}
	#editor_formulas .formula_gestion .menos {
		background-image: url(img/iconos-formulas/menos.png);
		background-repeat: no-repeat;
		background-position: center center;
	    min-height: 35px;
	    min-width: 15px;
	    float: left;
		margin: 6px 0;
	}
	#editor_formulas .formula_gestion .multiplicar {
		background-image: url(img/iconos-formulas/multiplicar.png);
		background-repeat: no-repeat;
		background-position: center center;
	    min-height: 35px;
	    min-width: 15px;
	    float: left;
		margin: 6px 0;
	}
	#editor_formulas .formula_gestion .dividir {
		height: 3px;
		background-color: #000;
		clear: both;
	}
	#editor_formulas .formula_gestion .sin {
		background-image: url(img/iconos-formulas/sin.png);
		background-repeat: no-repeat;
		background-position: center center;
	    min-height: 35px;
	    min-width: 30px;
	    float: left;
		margin: 6px 0;
	}
	#editor_formulas .formula_gestion .cos {
		background-image: url(img/iconos-formulas/cos.png);
		background-repeat: no-repeat;
		background-position: center center;
	    min-height: 35px;
	    min-width: 30px;
	    float: left;
		margin: 6px 0;
	}
	#editor_formulas .formula_gestion .tan {
		background-image: url(img/iconos-formulas/tan.png);
		background-repeat: no-repeat;
		background-position: center center;
	    min-height: 35px;
	    min-width: 30px;
	    float: left;
		margin: 6px 0;
	}
	#editor_formulas .formula_gestion .abs {
		background-image: url(img/iconos-formulas/abs.png);
		background-repeat: no-repeat;
		background-position: center center;
	    min-height: 35px;
	    min-width: 30px;
	    float: left;
		margin: 6px 0;
	}
	#editor_formulas .formula_gestion .sqrt {
		background-image: url(img/iconos-formulas/sqrt.png);
		background-repeat: no-repeat;
		background-position: left center;
	    min-height: 35px;
	    min-width: 20px;
	    float: left;
		margin: 6px 0;
	}
	#editor_formulas .formula_gestion .log10 {
		background-image: url(img/iconos-formulas/log10.png);
		background-repeat: no-repeat;
		background-position: center center;
	    min-height: 35px;
	    min-width: 30px;
	    float: left;
		margin: 6px 0;
	}
	#editor_formulas .formula_gestion .eq_eq {
		background-image: url(img/iconos-formulas/eqeq.png);
		background-repeat: no-repeat;
		background-position: center center;
	    min-height: 35px;
	    min-width: 30px;
	    float: left;
		margin: 6px 0;
	}
	#editor_formulas .formula_gestion .no_eq {
		background-image: url(img/iconos-formulas/noeq.png);
		background-repeat: no-repeat;
		background-position: center center;
	    min-height: 35px;
	    min-width: 30px;
	    float: left;
		margin: 6px 0;
	}
	#editor_formulas .formula_gestion .mayor {
		background-image: url(img/iconos-formulas/mayor.png);
		background-repeat: no-repeat;
		background-position: center center;
	    min-height: 35px;
	    min-width: 30px;
	    float: left;
		margin: 6px 0;
	}
	#editor_formulas .formula_gestion .mayorIgual {
		background-image: url(img/iconos-formulas/mayorIgual.png);
		background-repeat: no-repeat;
		background-position: center center;
	    min-height: 35px;
	    min-width: 30px;
	    float: left;
		margin: 6px 0;
	}
	#editor_formulas .formula_gestion .menor {
		background-image: url(img/iconos-formulas/menor.png);
		background-repeat: no-repeat;
		background-position: center center;
	    min-height: 35px;
	    min-width: 30px;
	    float: left;
		margin: 6px 0;
	}
	#editor_formulas .formula_gestion .menorIgual {
		background-image: url(img/iconos-formulas/menorIgual.png);
		background-repeat: no-repeat;
		background-position: center center;
	    min-height: 35px;
	    min-width: 30px;
	    float: left;
		margin: 6px 0;
	}
	#editor_formulas .formula_gestion .and {
		background-image: url(img/iconos-formulas/and.png);
		background-repeat: no-repeat;
		background-position: center center;
	    min-height: 35px;
	    min-width: 30px;
	    float: left;
		margin: 6px 0;
	}
	#editor_formulas .formula_gestion .or {
		background-image: url(img/iconos-formulas/or.png);
		background-repeat: no-repeat;
		background-position: center center;
	    min-height: 35px;
	    min-width: 20px;
	    float: left;
		margin: 6px 0;
	}
	#editor_formulas .formula_gestion .isnull {
		background-image: url(img/iconos-formulas/isnull.png);
		background-repeat: no-repeat;
		background-position: center center;
	    min-height: 35px;
	    min-width: 27px;
	    float: left;
		margin: 6px 0;
	}
	#editor_formulas .formula_gestion .mod {
		background-image: url(img/iconos-formulas/mod.png);
		background-repeat: no-repeat;
		background-position: center center;
	    min-height: 35px;
	    min-width: 30px;
	    float: left;
		margin: 6px 0;
	}
	#editor_formulas .formula_gestion .round {
		background-image: url(img/iconos-formulas/round.png);
		background-repeat: no-repeat;
		background-position: center center;
	    min-height: 35px;
	    min-width: 30px;
	    float: left;
		margin: 6px 0;
	}
	#editor_formulas .formula_gestion .floor {
		background-image: url(img/iconos-formulas/floor.png);
		background-repeat: no-repeat;
		background-position: center center;
	    min-height: 35px;
	    min-width: 30px;
	    float: left;
		margin: 6px 0;
	}
	#editor_formulas .formula_gestion .ceil {
		background-image: url(img/iconos-formulas/ceil.png);
		background-repeat: no-repeat;
		background-position: center center;
	    min-height: 35px;
	    min-width: 30px;
	    float: left;
		margin: 6px 0;
	}
	#editor_formulas .formula_gestion .max {
		background-image: url(img/iconos-formulas/max.png);
		background-repeat: no-repeat;
		background-position: center center;
	    min-height: 35px;
	    min-width: 30px;
	    float: left;
		margin: 6px 0;
	}
	#editor_formulas .formula_gestion .min {
		background-image: url(img/iconos-formulas/min.png);
		background-repeat: no-repeat;
		background-position: center center;
	    min-height: 35px;
	    min-width: 30px;
	    float: left;
		margin: 6px 0;
	}
	#editor_formulas .formula_gestion .eq_str {
		background-image: url(img/iconos-formulas/eq_str.png);
		background-repeat: no-repeat;
		background-position: center center;
	    min-height: 35px;
	    min-width: 30px;
	    float: left;
		margin: 6px 0;
	}
	#editor_formulas .formula_gestion .noeq_str {
		background-image: url(img/iconos-formulas/noeq_str.png);
		background-repeat: no-repeat;
		background-position: center center;
	    min-height: 35px;
	    min-width: 30px;
	    float: left;
		margin: 6px 0;
	}
	#editor_formulas .formula_gestion .len {
		background-image: url(img/iconos-formulas/len.png);
		background-repeat: no-repeat;
		background-position: center center;
	    min-height: 35px;
	    min-width: 30px;
	    float: left;
		margin: 6px 0;
	}
	#editor_formulas .formula_gestion .concat {
		background-image: url(img/iconos-formulas/concat_full.png);
		background-repeat: no-repeat;
		background-position: center center;
	    min-height: 35px;
	    min-width: 68px;
	    float: left;
		margin: 6px 0;
	}
	#editor_formulas .formula_gestion .if {
		background-image: url(img/iconos-formulas/if.png);
		background-repeat: no-repeat;
		background-position: center center;
	    min-height: 35px;
	    min-width: 30px;
	    float: left;
		margin: 6px 0;
	}
	#editor_formulas .formula_gestion .coma {
		background-repeat: no-repeat;
		background-position: center center;
	    min-height: 35px;
	    min-width: 5px;
	    float: left;
		margin-top: 10px;
		text-align: center;
		font-size: 20px;
	}
	#editor_formulas .formula_gestion .valor {
		font-size: 20px;
		text-align: center;
		padding-bottom: 4px;
	}
	#editor_formulas .formula_gestion .valor div {
		cursor: pointer;
		line-height: 37px;
	}
	#editor_formulas .formula_gestion .indicador {
		font-size: 20px;
		font-weight: bold;
		text-align: center;
		cursor: pointer;
		line-height: 37px;
		padding-bottom: 4px;
	}
	#editor_formulas .formula_gestion .constante {
		font-size: 20px;
		font-style: italic;
		text-align: center;
		cursor: pointer;
		line-height: 37px;
		padding-bottom: 4px;
	}
	#editor_formulas .formula_gestion .formula {
		font-size: 24px;
		font-weight: bold;
		font-style: italic;
		text-align: center;
		cursor: pointer;
		line-height: 37px;
		padding-bottom: 4px;
	}

	/* para que no salgan los elementos de la barra de herramientas por delante del colorbox */
	#editor_formulas .drag {
		z-index: 990;
	}

/** CONSOLA DE ADMINISTRACIÓN */
	#terminal {
	    background: #000;  color: #CCC;  -webkit-border-radius: 5px;  -moz-border-raius: 5px;  border-radius: 5px;
	}
	#terminal #contenido_terminal {
	    height: 500px;  font-family: 'Courier New', Courier;  padding: 5px;  overflow-y: auto;
	    padding-bottom: 0;
	}
	#terminal #contenido_terminal pre {
	    word-wrap: break-word;
	    line-height: 15px;
	    color: #CCC;
	    background: black;
	    border: 0;
	    border-radius: 0;
	    padding-bottom: 0;
	}
	#terminal #comandos_pendientes {
		word-wrap: break-word;
		line-height: 15px;
		color: #CCC;
		background: #222;
		border: 0;
		border-radius: 10px;
		font-family: 'Courier New', Courier; 
	}
	#terminal #comandos_pendientes p {
		padding-left: 10px;
		padding-right: 10px;
		margin-bottom: 0px;
	}
	#terminal #comandos_pendientes p i {
		cursor: pointer;
	}
	#terminal .caja-texto {
	    padding: 5px;
	    position: relative;
	}
	#terminal .caja-texto span {
	    float: left;
	    line-height: 25px;
	}
	#terminal .caja-texto textarea {
	    resize: none;
	    border-width: 0;
	    color: #CCC;
	    background: rgba(0, 0, 0, 0);
	    font-family: 'Courier New', Courier;
	    width: 100%;
	}
	#terminal .caja-texto i{
		position: absolute;
		left: 4px;
		display: none;
		background: black;
		padding: 0px;
		top: 10px;
	}
	#terminal .caja-texto .caja-textarea {
	    margin-left: 15px;
	    margin-top: 2px;
	}

	.ordenarLista li .fa {
	    margin: 0 6px;
	}

	.ordenarLista {
	    margin-bottom: 20px;
	    padding-bottom: 20px;
	    padding-left: 0;
	}
	.ordenarLista li { 
	    list-style: none;
	    margin: 0 3px 3px 3px;
	    cursor: pointer;
	    background: #efefef;
	    padding: 4px;
	}


/* PARÁMETROS DE VISUALIZACIÓN */
.sombreado_param_vis {
	background-color: #f5f5f5;
}
/* SELECTOR DE DEGRADADO */
.degradado_contenedor {
	position: relative;
	line-height: 1;
}
.degradado_contenedor td {
	vertical-align: center;
	text-align: center;
}
.degradado_contenedor .degradado {
	width: 100%;
	height: 20px;
	overflow: hidden;
}
.degradado_contenedor .degradado .degradado-dentro {
	position: relative;
	top: 0px;
}

.param_vis_elemento_conversion, .param_vis_elemento_franjas {
	border-left: 1px solid #ccc;
	padding-left: 10px;
	margin-bottom: 10px;
	padding-right: 0px;
}

.mostrar_param_si {
	display:  inline;
}

.mostrar_param_no {
	display: none;
}
/* FORZAR QUE LOS AVISOS SALGAN POR DELANTE DE LOS MODALES */
.growl-animated {
	z-index: 100031 !important;
}


#header .header-inner .logo {
    max-width: calc(100% - 170px);
    white-space: nowrap;
    margin-top:	-5px;
}
#header.header-maquina .header-inner .logo {
	margin-top: 0px;
}
#header.header-maquina .header-inner .logo {
    max-width: calc(100% - 450px);
    white-space: nowrap;
}
#header .header-inner .logo a {
    display: block;
    color: #fff;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 50px;
    padding-top: 0px;
    padding-bottom: 5px;
    line-height: 45px;
}
#header.header-maquina .header-inner .logo a {
    height: 35px;
    padding-top: 7px;
    line-height: 23px;
}
#header .header-inner .logo img {
    max-height: 50px;
}

/* cuadro de notificación en las pestañas de cabecera */
.ha-menu > ul > li > a .notificacionPestana {
	background: #f44336 none repeat scroll 0 0;
	border-radius: 2px;
	font-style: normal;
	padding: 1px 5px;
	font-size: 10px;
	top: -11px;
	left: -3px;
	position: relative;
}


/* logo de "powered by Savvy" */
span#powered-by {
    /*color: white;*/
    position: relative;
    float: right;
    font-size: 9px;
    opacity: 0.4;
    margin-top: 12px;
    -webkit-transition: opacity 0.15s linear;
    -o-transition: opacity 0.15s linear;
    transition: opacity 0.15s linear;
}
span#powered-by:hover {
    opacity: 1;
}
span#powered-by img {
    margin-left: 4px;
    margin-top: -2px;
}

/* logo de "powered by Savvy" en el login */
#l-login span#powered-by {
	position: absolute;
	right: 2px;
	bottom: -30px;
}


/* para la tabla de histórico de alarmas */
.tablaAJAXSinEnlace {
	color: #5e5e5e;
	cursor: initial;
}
.tablaAJAXSinEnlace:hover {
	color: #5e5e5e;
}
.tablaAJAXSinEnlace:visited {
	color: #5e5e5e;
}
.tablaAJAXSinEnlace a{
	color: #5e5e5e;
	cursor: initial;
}
.tablaAJAXSinEnlace:hover a{
	color: #5e5e5e;
}
.tablaAJAXSinEnlace:visited a{
	color: #5e5e5e;
}

/** SOBREESCRIBIR LOS ESTILOS POR DEFECTO DE HIGHCHARTS **/
.highcharts-graph {
  stroke-width: 1.3px !important;
}

.highcharts-tooltip-container  {
	z-index:9999!important;
}

/** CAMBIAR EL ESTILO PARA QUE EL MULTISELECT NO PONGA EL ICONO DEL DESPLEGABLE POR DELANTE DE LOS MENÚS DESPLEGABLES **/
.bootstrap-select > .btn-default::before {
	z-index: 1;
}
.btn-group > .btn:hover, .btn-group-vertical > .btn:hover, .btn-group > .btn:focus, .btn-group-vertical > .btn:focus, .btn-group > .btn:active, .btn-group-vertical > .btn:active, .btn-group > .btn.active, .btn-group-vertical > .btn.active {
	z-index: 1;
}
/** ESTILOS PARA LA ESPERA DE LA CONFIGURACIÓN DE RED **/
.loading-network > div {
   font-size: 6em;
}

.loading-network {
   text-align: center;
}


/** ESTILOS PARA MODIFICAR LA POSICIÓN DEL ICONO DE FONDO DE LOS SELECT Y MULTISELECT (EL DE ABAJO A LA DERECHA) **/
html:not(.ie9) .select::before {
	background-position: right bottom;
}

.bootstrap-select > .btn-default::before {
	height: 100%;
	background-position: right bottom;
}

#config_fab_derecha .bootstrap-select {
	z-index: unset !important;
}

/** ESTILOS PARA PONER ENCABEZADOS INCLINADOS **/
.tabla_datos>thead>tr th.rotate45 {
	height: 50px;
	width: 20px;
	min-width: 20px;
	max-width: 40px;
	position: relative;
	vertical-align: middle;
	padding: 0;
	font-size: 12px;
	line-height: 1;
	padding-left: 10px;
	-ms-transform: rotate(315deg);
	-moz-transform: rotate(315deg);
	-webkit-transform: rotate(315deg);
	-o-transform: rotate(315deg);
	transform: rotate(315deg);
}


/** ESTILOS PARA LAS PALETAS DE ESTILOS **/
.overlay_paleta_estilos {
    background-color: rgba(0,0,0,0.2) !important;
    margin-right: auto;
    margin-left: auto;
    z-index: 900;
    text-align: center;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

/** ICONO DE HELP EN LA CABECERA DE LA MÁQUINA **/
.lv-icons-overflow {
	padding-left: 35px;
	padding-right: 35px;
}

/** parte del eula **/
.aceptacion_politicas {
    padding-left: 35px;
    padding-right: 35px;
    width: 700px;
}
#contenido_terminos {
    height: 400px;
    overflow-y: auto;
    margin-bottom: 20px;
    padding-left: 5px;
}
.lc-block.aceptacion_politicas .checkbox {
    margin-left: 10px;
}



.icon-todos-errores {
  position: relative;
  display: inline-block;
  width: 32px;
  height: 16px;
  line-height: 14.5px;
  vertical-align: middle;
  color: #adadad;
  top: 2px;
}
.icon-todos-errores-1,
.icon-todos-errores-2 {
  position: absolute;
  width: 100%;
  text-align: center;
}
.icon-todos-errores-1 {
  line-height: inherit;
  font-size: 15px !important;;
  left: -3px;
}
.icon-todos-errores-2 {
  font-size: 14px !important;
  left: 3px;
  bottom: 5px;
}


.icon-errores-activos {
  position: relative;
  display: inline-block;
  width: 32px;
  line-height: 14.5px;
  height: 16px;
  vertical-align: middle;
  color: #adadad;
}
.icon-errores-activos-1,
.icon-errores-activos-2 {
  position: absolute;
  width: 100%;
  text-align: center;
}
.icon-errores-activos-1 {
  left: -3px;
  font-size: 15px !important;;

}
.icon-errores-activos-2 {
  line-height: inherit;
  left: 3px;
  font-size: 12px !important;
}
  
.icon-errores-finalizados {
  position: relative;
  display: inline-block;
  width: 32px;
  line-height: 6px;
  height: 16px;
  vertical-align: middle;
  color: #adadad;
}
.icon-errores-finalizados-1,
.icon-errores-finalizados-2 {
  position: absolute;
  width: 100%;
  text-align: center;
}
.icon-errores-finalizados-1 {
  left: -3px;
  font-size: 15px !important;;

}
.icon-errores-finalizados-2 {
  line-height: inherit;
  left: 5px;
  font-size: 12px !important;
}


.controles_modo_errores.activo{
	color:black;
}

#seleccion_dimension .modal-dialog{
	width: 1100px;
}

.estructuraIndicadoresInicio {
	border: 1px dotted #ccc;
}
.selected .estructuraIndicadoresInicio {
	border: 1px solid black;
}



#configuracionIndicadores .elementoInicioGestion {
	display: block;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	float: left;
	cursor: pointer;
	width: 30px;
	height: 30px;
	background-position: center;
	background-size: auto;
	background-repeat: no-repeat;
	border-radius: 4px;
}
#configuracionIndicadores .elementoInicioGestion.selected {
	border: 1px solid;
}
#configuracionIndicadores .elementoInicioGestion.disabled {
	cursor: default;
	opacity: 0.5;
}

.fa.miniicon_1:before {
	font-family: FontAwesome;
	position: relative;
	right: 30px;
	bottom: -6px;
	font-size: 9px;
	color: gray;
	margin-right: -8px; 
}

.fa.miniicon_2:before {
	font-family: FontAwesome;
	position: relative;
	right: 20px;
	bottom: -6px;
	font-size: 9px;
	color: gray;
	margin-right: -8px; 
}

.fa.miniicon_3:before {
	font-family: FontAwesome;
	position: relative;
	right: 10px;
	bottom: -6px;
	font-size: 9px;
	color: gray;
	margin-right: -8px; 
}

.estado_running_error a:after {
	content: "\f071";
	font-family: FontAwesome;
	position: relative;
	right: 13px;
	bottom: -4px;
	font-size: 9px;
	color: #F5A71B;
	margin-right: -8px; 
}


.flecha_mayor {
	-webkit-text-stroke: 1px white;
	color:green;

}

.flecha_menor {
	-webkit-text-stroke: 1px white;
	color:red;
}

.botonEstadoIcono {
	float: none; 
	cursor: pointer; 
	font-size: 20px;
	display: block;
	text-align: center;
}

.estadoPlataforma {
	width: 20px;
    height: 20px;
    display: inline-block;
    text-align: center;

}


.actions.vertial-align-middle > li {
    display: inline-block;
    vertical-align: middle;
}


.a_icons i{
    font-size: 20px;
    color: #adadad !important;
}

/***************  COSAS PARA EL PLANIFICADOR ***************************************/
.margin_0_auto{
	margin: 0 auto;
}
.fa.selector {
    color: white;
    font-size: 11px;
    padding: 2px;
    border: 1px solid gray;
    height: 14px;
    width: 14px;
    padding: 0;
    border-radius: 3px;
    position: relative;
    cursor: pointer;
}

.fa.selector.fa-check {
    background: #0076bd;
    border-color: #0076bd;
}
.fa.selector.fa-check.deshabilitado {
    background: grey;
    border-color: grey;
}

.fa.selector.fa-check:before {
    position: absolute;
    left: 0px;
    top: 1px;
}

.fa.selector:active {
    outline: #00000017 solid 2px !important;
}

.flex_1{
	flex: 1; 
}

.flex {
	display: flex;
}
.flex-linea {
	display: flex;
	flex-direction: row;
}
.flex-baseline {
	display: flex;
	justify-content: space-between;
	align-items: baseline;
	flex-wrap: wrap;
}
.flex_1{
	flex: 1;
}
.flex-center {
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
}
.flex-end {
	display: flex;
	justify-content: space-between;
	align-items: end;
	flex-wrap: wrap;
}
.flex-end-columna {
	display: flex;
	justify-content: space-between;
	align-items: end;
	flex-wrap: wrap;
	flex-direction: column;
}
.flex-space-aronund {
	display: flex;
	justify-content: space-around;
	flex-wrap: wrap;
}
.flex-space-between {
	display: flex; 
	justify-content: space-between; 
	align-items: 
	flex-end;flex-wrap: wrap;
}

.flex-start {
	display: flex;
	justify-content: start;
	align-items: baseline;
	flex-wrap: wrap;
}

.flex-linea {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	flex-direction:row;
	justify-content: space-between;

}

.flex-inicio {
	display: flex;
	align-items: flex-start;
	flex-wrap: wrap;
	flex-direction:row;
	justify-content: space-between;

}

.flex-columna{
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	flex-direction:column;
}
.flex-columna-inicio {
	display: flex;
	flex-direction: column;
    align-content: flex-start;
    align-items: flex-start;
}


.flex_t_ancho {
	flex: auto;
}
.flex_t_50 {
	box-sizing: content-box;
    flex: 0 1 calc(50% - 5px);
}


.flex-gap-5 {
	gap: 5px!important;
}
.flex-gap-10 {
	gap: 10px!important;
}

.justify_center {
	justify-content: center!important;
}

.justify_end {
	justify-content: flex-end!important;
}

.justify_start {
	justify-content: flex-start!important;
}

.justify_between {
	justify-content: space-between!important;
}

.justify_around {
	justify-content: space-around!important;
}

.flex-no-wrap {
	flex-wrap: nowrap!important;
}

.flex_align_items_center {
	align-items: center!important;
}

.flex_align_items_end {
	align-items: end!important;
}

.flex_align_items_stretch {
	align-items: stretch!important;
}

.flex_item_centrado{
	align-self: center;
}

.flex_item_grow_0{
	flex-grow: 0!important;
}
.flex_item_grow_1{
	flex-grow: 1!important;
}
.flex_item_grow_2{
	flex-grow: 2!important;
}
.flex_item_grow_3{
	flex-grow: 3!important;
}
.flex_item_grow_4{
	flex-grow: 4!important;
}
.flex_item_grow_5{
	flex-grow: 5!important; 
}
.flex_item_shrink_0{
	flex-shrink: 0!important;
}
.flex_item_shrink_1{
	flex-shrink: 1!important;
}
.flex_item_shrink_2{
	flex-shrink: 2!important;
}
.flex_item_shrink_3{
	flex-shrink: 3!important;
}
.flex_item_shrink_4{
	flex-shrink: 4!important;
}
.flex_item_shrink_5{
	flex-shrink: 5!important; 
}
.flex_item_basis_0{
	flex-basis:0!important;
}
.flex_item_basis_10{
	flex-basis:10%!important;
}
.flex_item_basis_15{
	flex-basis:15%!important;
}
.flex_item_basis_25{
	flex-basis:25%!important;
}
.flex_item_basis_40{
	flex-basis:40%!important;
}
.flex_item_basis_50{
	flex-basis:50%!important;
}
.flex_item_basis_60{
	flex-basis:60%!important;
}
.flex_item_basis_75{
	flex-basis:75%!important;
}
.flex_item_basis_100{
	flex-basis:100%!important;
}

.flex-shrink_0{
	flex-shrink: 0;
}
#ordenarLista li.contenedor_maquina.active,
#contenedorOperaciones li.active {
	border-right: solid 3px #009ee0;
}


.sel_pag_tabla {
	width:150px!important;
}
.ocultar_option {
	display:none !important;
}

.color_red {
	color:red
}
.color_green {
	color:green
}

.f-g-flex {
	display: flex;
	align-items: center;

}

.fg-label-file{
    font-weight: 400;
    color: #959595;
    pointer-events: none;
    white-space: nowrap;
	margin-left: 20px;
}


.cabecera_configuracion{
  display:flex; 
  align-items: center;
  justify-content: space-between;
}

.icono_configuracion_gloabal{
  font-size: 35px; 
  color: gray;
}



.div_navegar{
	display: flex;
    align-items: center;
	flex-direction: row-reverse;

	font-family: "BwSeidoThin";
	font-size: 17px;
	color: #ffffff;
	background-color: #81c3b8;
	border-radius: 10px;
	margin-top: 5px;
	margin-bottom: 25px;
	min-width: 200px;
	padding-left: 15px;
	padding-right: 15px;
	gap: 10px;
	padding-bottom: 3px;
	padding-top: 3px;
}
.div_navegar:hover,
.div_navegar:focus{
	background-color: #f6b376;
	color: #ffffff;

}
.icono_navegar{
	font-size: 30px;
}