/* $FONT-FACE */
@font-face {
	font-family: 'Sarenet';
	src: url('../fonts/Sarenet.eot?i3ro4v2');
	src: url('../fonts/Sarenet.eot?i3ro4v2#iefix') format('embedded-opentype'), url('../fonts/Sarenet.ttf?i3ro4v2') format('truetype'), url('../fonts/Sarenet.woff?i3ro4v2') format('woff'), url('../fonts/Sarenet.svg?i3ro4v2#Sarenet') format('svg');
	font-weight: normal;
	font-style: normal;
}
/* MENU */
.navbar {
	min-height: 60px;
	margin-bottom: 0px;
	border: 0px;
	font-family: 'Open Sans', Helvetica, Arial, sans-serif;
	font-weight: normal;
	color: #000000;
	text-rendering: optimizelegibility;
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
}
.nav>li {
	position: static;
	display: block;
}
.navbar-item a {
	font-family: 'Open Sans', Helvetica, Arial, sans-serif;
}
.navbar-default {
	background-color:#026AAF;
	background-image: linear-gradient(#027AC9, #025E9B);
	border-radius: 0px;
}
.navbar-brand {
	height: 60px;
	padding: 15px;
}
.navbar-brand img {
	width: 189px;
	max-width: 100%;
}
.navbar-toggle {
	margin-top: 8px;
	margin-bottom: 8px;
}
.navbar-default .navbar-toggle {
	border-color: transparent;
   /* Removes border color */
}
.navbar-default .navbar-toggle:hover {
	background-color: transparent;
   /* Changes regular toggle color */
}
.navbar-default .navbar-toggle .icon-bar {
	background-color: #fff;
   /* Changes regular toggle color */
}
.navbar-default .navbar-toggle .icon-bar:hover {
	background-color: #fff;
   /* Changes toggle color on hover */
}
/* ICONOS MENU */
[class^="icon-"], [class*=" icon-"] {
   /* use !important to prevent issues with browser extensions that change fonts */
	font-family: 'Sarenet', sans-serif !important;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
   /* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.icon-menu:before {
	content: "\e90c";
}
.icon-submenu:before {
	content: "\e916";
}
.icon-submenu2:before {
	content: "\e918";
}
.icon-alojamiento:before {
	content: "\e900";
}
.icon-certificados:before {
	content: "\e901";  
	font-size: 1.2em;
}
.icon-correo:before {
	content: "\e902";
}
.icon-movil:before {
	content: "\e904";
}
.icon-móvil:before {
	content: "\e904";
}
.icon-movil_contratar:before {
	content: "\e904";
}
.icon-móvil_contratar:before {
	content: "\e904";
}
.icon-alojamiento_contratar:before {
	content: "\e900";
}
.icon-soporte:before {
	content: "\e906";
}
.icon-mantenimiento:before {
	content: "\e91A";
}
.icon-flecha-top:before {
	content: "\e907";
}
.icon-flecha-right:before {
	content: "\e908";
}
.icon-flecha-down:before {
	content: "\e909";
}
.icon-flecha-left:before {
	content: "\e90a";
}
.icon-cross:before {
	content: "\e90b";
}
.icon-lapiz:before {
	content: "\e90d";
}
.icon-administracion:before {
	content: "\e90e";
}
.icon-dominios2:before {
	content: "\e90f";
}
.icon-dominios:before {
	content: "\e917";
}
.icon-fijo:before {
	content: "\e910";
}
.icon-redes2:before {
	content: "\e911";
}
.icon-redes:before {
	content: "\e915";
}
.icon-sarevoz:before {
	content: "\e912";
}
.icon-restart:before {
	content: "\e913";
}
.icon-terminal:before {
	content: "\e914";
}
.icon-ftp:before {
	content: "\e919";
}
.icon-defensa {
	font-family: 'FontAwesome'!important;
}
.icon-defensa:before {
	content: "\f132";
}
.icon-soc:before {
	content: "\e91c";
}
.icon-noc::before {
  display: inline-flex;
  content: '';
  background-image: url('/img/ico_noc.svg');
  background-size: 30px 30px;
  height: 30px;
  width: 30px;
  margin-left: 1px;
}
.icon-logout:before {
	content: "\e91b";
}
.icon-proyectos:before {
	content: "\e91d";
	font-size:1.3em;
}
.icon-s3::before {
  display: inline-flex;
  content: '';
  background-image: url('/img/ico_almacenamientoS3.svg');
  background-size: 30px 30px;
  height: 30px;
  width: 30px;
  margin-left: 1px;
  background-position: center 2px;
  background-repeat: no-repeat;
}
.deshabilitado .icon-s3::before {
  opacity: .4!important;
}
#nav-ppal .navbar-item a, #subnav-ppal .navbar-item a {
	font-weight: bold;
	color: #B4D3E7;
	text-decoration: none;
	padding: 20px 10px 20px 10px;
	display: block;
	width: 100%;
	float: left;
   /*line-height: 40px;
   */
   /*height: 40px;
   */
	font-size: 16px;
}
#nav-ppal [class^="icon-"], #nav-ppal [class*=" icon-"] {
	font-size: 1.6em;
	vertical-align: middle;
	margin-right: 5px;
}
#nav-ppal .activa .navbar-item a:hover {
	color: #ffffff;
}
#nav-ppal .navbar-item.activo a {
	color: #ffffff;
}
#nav-ppal .navbar-item a:hover {
	position: relative;
	color: #ffffff;
}
#nav-ppal.inactiva .navitem .a:hover {
	background: none;
	color: #B4D3E7;
}
#nav-ppal {
	height: auto;
}
#cabecera-new-usuario-idiomas {
	float: right;
}
#cabecera-new-usuario-idiomas > ul, .subnav > ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
#cabecera-new-usuario-idiomas .item {
   /*font-size: 1.2em;
   */
	float: left;
	position:relative;
	margin: 10px 0 10px 10px 
}
#cabecera-new-usuario-idiomas .item:first-child {
	margin-left: 0;
}
#cabecera-usuario {
	position:relative;
}
/*enlace datos contrato*/
#cabecera-new-usuario-idiomas .encabezado.datos_contrato {
	position: relative;
	font-size: 1em;
	color: #ffffff;
	margin: 0;
	padding: 0 0px 0 0;
	height: 40px;
	line-height: 40px;
}

#cabecera-new-usuario-idiomas .encabezado.datos_contrato a {
	text-decoration: none;
	color: #FFF;
}

#cabecera-new-usuario-idiomas .encabezado.datos_contrato::after {
	content: "";
	position: initial;
	left: 100%;
	bottom: 50%;
	height: 1px;
	width: 50%;
	border-right: 1px solid #0287DF;
	padding-right: 10px;
}
#cabecera-new-usuario-idiomas .encabezado {
	position: relative;
	font-size: 1em;
	color: #ffffff;
	margin: 0;
	padding: 0 17px 0 0;
	height: 40px;
	line-height: 40px 
}
#cabecera-new-usuario-idiomas .encabezado:after {
	content: "\e909";
	font-family: 'Sarenet', sans-serif !important;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
   /* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	position: absolute;
	top: 50%;
	margin-top: -5px;
	right: 0px;
	z-index: 1;
	border-top-color: #0287DF;
}
#cabecera-new-usuario-idiomas .encabezado a {
	text-decoration:none;
	color:#FFF;
}
#cabecera-new-usuario-idiomas .item.hover .encabezado a {
	color:#B4D3E7 
}
#cabecera-new-usuario-idiomas .encabezado .fa {
	display: none;
}
#cabecera-new-usuario-idiomas .navegacion ul {
	display: none;
	position: absolute;
	top: 40px;
	right: 0px;
	z-index: 35;
	width: 150px;
	border-collapse: collapse;
	border-radius: 4px;
	background: #FFF;
	box-sizing: border-box;
	box-shadow: 0px 2px 4px #cccccc;
	padding: 0;
}
#cabecera-new-usuario-idiomas .navegacion ul:before {
	content: '';
	border-top: 10px solid transparent;
	border-right: 10px solid transparent;
	border-bottom: 10px solid #ffffff;
	border-left: 10px solid transparent;
	width: 0;
	height: 0;
	display: block;
	position: absolute;
	top: -20px;
	right: 15px;
}
#cabecera-new-usuario-idiomas .item.hover ul {
	display:block;
}
#cabecera-new-usuario-idiomas .item ul li {
	display:block;
}
#cabecera-new-usuario-idiomas .item ul li a {
	display: block;
	padding: 7px 15px 5px;
	border-top: 1px solid #E3E4E6;
	color: #000;
	text-decoration: none;
}
#cabecera-new-usuario-idiomas .item ul li:first-child a {
	border-top: none;
}
#cabecera-new-usuario-idiomas .navegacion ul li a:hover {
	color:#01B8E5 
}
.subnav {
	display: none;
	position: absolute;
	top: 60px;
   /*height: 60px;
   */
	padding-left: 259px;
	padding-bottom: 10px;
	width: calc(100% + 80px);
	left: -40px;
	background-color: #ffffff;
	z-index: 10;
	border-bottom: 1px solid #eaeaea;
	box-shadow: 0px 1px 1px rgba(0,0,0,0.07);
}
#nav-ppal .navbar-item--onsubmenu .subnav {
	display: block;
}
#nav-ppal .navbar-item {
	margin-right: 20px;
}
.subnav li {
	float: left;
}
/*.subnav li:first-child {
	margin-left: 259px;
}
*/
.subnav a, #nav-ppal .navbar-item .subnav a {
	color: #0066ac;
}
.subnav a:hover, #nav-ppal .navbar-item .subnav a:hover {
	text-decoration: underline;
}
.navbar-item-parent > a {
	position: relative;
}
.navbar-item--onsubmenu > a:after {
	content: '';
	border-top: 10px solid transparent;
	border-right: 10px solid transparent;
	border-bottom: 10px solid #ffffff;
	border-left: 10px solid transparent;
	width: 0;
	height: 0;
	display: block;
	position: absolute;
	top: 40px;
	left: 50%;
	margin-left: -10px;
}
#zona-de-contenidos-nuevo {
	width: calc(100% - 40px);
	margin: 0 auto;
	padding: 0;
	box-sizing: border-box;
	position: relative;
}
/* Barra de navegación */
#barra-contextual-nuevo {
	position: relative;
	clear: both;
	padding: 10px 0;
}
#barra-contextual-nuevo .wrp {
	position: relative;
	width: calc(100% - 40px);
	margin: 0 auto;
	box-sizing: border-box;
	padding: 0;
}
#breadcrumbs-nuevo {
	overflow: hidden;
	display: block;
	margin: 0;
}
#breadcrumbs-nuevo ul {
	display: inline-block;
	margin: 0;
	padding: 0;
}
#breadcrumbs-nuevo li {
	display: inline-block;
}
#breadcrumbs-nuevo a, #breadcrumbs-nuevo .current {
	display: inline-block;
	text-decoration: none;
	position: relative;
	line-height: 28px;
	height: 28px;
	padding-right: 15px;
}
#breadcrumbs-nuevo a:after {
	content: "»";
	position: absolute;
	top: 0;
	right: 3px;
	z-index: 1;
}
#breadcrumbs-nuevo .editable.current {
	color: #000000;
	position: relative;
	display: inline-block;
	font-size: 1em;
	padding: 0 18px 0 0;
	margin: 0;
	font-weight: normal;
	text-decoration: none;
	cursor: pointer;
	text-transform: uppercase;
}
#breadcrumbs-nuevo .editable.current:after {
	content: "\e90d";
	position: absolute;
	top: 8px;
	right: 3px;
	width: 13px;
	height: 13px;
	display: block;
	font-family: 'Sarenet', sans-serif !important;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	font-size: 1.4em;
	text-transform: none;
	line-height: 13px;
}
#breadcrumbs-nuevo .editable.current:hover {
	text-decoration: underline;
	color: #000000;
}
#nueva-navegacion-nuevo {
	display: block;
	position: relative;
}
#nueva-navegacion-nuevo .trigger {
	display: none;
}
#barra-navegacion-nuevo {
	float: right;
	position: absolute;
	right: 0px;
	top: 0px;
}
#barra-navegacion-nuevo ul {
	display: block;
}
#nueva-navegacion-nuevo ul, #nueva-navegacion-nuevo ul > li {
	float: left;
	display: block;
	margin: 0 auto;
	list-style: none;
	padding: 0;
}
#nueva-navegacion-nuevo ul > li > a {
	float: left;
	height: 28px;
	line-height: 28px;
	display: block;
	margin-left: 20px;
	padding: 0;
	text-decoration: none;
}
#nueva-navegacion-nuevo [class^="icon-"], #nueva-navegacion-nuevo [class*=" icon-"] {
	font-size: 1.6em;
	vertical-align: middle;
	margin-right: 5px;
}
/* ========================================================================== $TIPSY ========================================================================== */
.tipsy {
	font-size: 12px;
	position: absolute;
	padding: 5px;
	z-index: 100000;
}
.tipsy-inner {
	background-color: #000;
	color: #FFF;
	max-width: 202px;
	padding: 6px 6px 6px 6px;
	text-align: center;
   border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}
/* Uncomment for shadow */
/*.tipsy-inner {
	box-shadow: 0 0 5px #000000;
	-webkit-box-shadow: 0 0 5px #000000;
	-moz-box-shadow: 0 0 5px #000000;
}
*/
.tipsy-arrow {
	position: absolute;
	width: 0;
	height: 0;
	line-height: 0;
	border: 5px dashed #000;
}
/* Rules to colour arrows */
.tipsy-arrow-n {
	border-bottom-color: #000;
}
.tipsy-arrow-s {
	border-top-color: #000;
}
.tipsy-arrow-e {
	border-left-color: #000;
}
.tipsy-arrow-w {
	border-right-color: #000;
}
.tipsy-n .tipsy-arrow {
	top: 0px;
	left: 50%;
	margin-left: -5px;
	border-bottom-style: solid;
	border-top: none;
	border-left-color: transparent;
	border-right-color: transparent;
}
.tipsy-nw .tipsy-arrow {
	top: 0;
	left: 10px;
	border-bottom-style: solid;
	border-top: none;
	border-left-color: transparent;
	border-right-color: transparent;
}
.tipsy-ne .tipsy-arrow {
	top: 0;
	right: 10px;
	border-bottom-style: solid;
	border-top: none;
	border-left-color: transparent;
	border-right-color: transparent;
}
.tipsy-s .tipsy-arrow {
	bottom: 0;
	left: 50%;
	margin-left: -5px;
	border-top-style: solid;
	border-bottom: none;
	border-left-color: transparent;
	border-right-color: transparent;
}
.tipsy-sw .tipsy-arrow {
	bottom: 0;
	left: 10px;
	border-top-style: solid;
	border-bottom: none;
	border-left-color: transparent;
	border-right-color: transparent;
}
.tipsy-se .tipsy-arrow {
	bottom: 0;
	right: 10px;
	border-top-style: solid;
	border-bottom: none;
	border-left-color: transparent;
	border-right-color: transparent;
}
.tipsy-e .tipsy-arrow {
	right: 0;
	top: 50%;
	margin-top: -5px;
	border-left-style: solid;
	border-right: none;
	border-top-color: transparent;
	border-bottom-color: transparent;
}
.tipsy-w .tipsy-arrow {
	left: 0;
	top: 50%;
	margin-top: -5px;
	border-right-style: solid;
	border-left: none;
	border-top-color: transparent;
	border-bottom-color: transparent;
}
/*Colapsar contenido*/
.ocultar{
	display: none;
}
.collapsarContenido{
	padding: 0px!important;
	text-align: center!important;
	min-width: 26px;
}
.collapsarContenido a{
   border: 1px solid #EEE;
	background: #FFF url("/img/colapsar.png") no-repeat 50% -1px;
	height: 22px;
	margin: 6px 6px;
	display: block;
	text-indent: -999em;
	outline: none;
}
.collapsarContenido a:hover{
	background-color: #F2F2F2;
	border: 1px solid #DDD
}
.collapsarContenido a.highlight{
	background-color: #EFEFEF;
	background-position: 50% -25px
}
.scroll-x {
	overflow-x: auto;
}
@media only screen and (max-width: 970px) {
	#zona-de-contenidos-nuevo .dataTables_filter input {
		width: 50%;
   }
}
@media only screen and (max-width: 767px) {
	.navbar {
		min-height: 50px;
   }
	.navbar-brand {
		height: 50px;
		padding: 15px;
   }
	#sarelogo2 {
		width: 150px;
		margin-left: 10px;
		padding: 12px 0;
   }
	.navbar-nav {
		margin: 0px;
   }
	#subwrapper {
		transition: transform 0.3s cubic-bezier(0.45, 0, 0.15, 1);
   }
	.app--onmenu {
		overflow: hidden;
		display: block;
		width: 100%;
		position: fixed;
		right: 0;
   }
	.app--onmenu #wrap {
		height: 100vh;
   }
	.app--onmenu #subwrapper {
		-webkit-transform: translateX(-280px);
		-moz-transform: translateX(-280px);
		transform: translateX(-280px);
   }
	.app--onmenu #content {
		pointer-events: none;
   }
	.app--onmenu #content, .app--onmenu .nav-main__mobile {
		-webkit-filter: blur(5px);
		filter: blur(5px);
   }
	.navbar .inactiva {
		visibility: hidden;
   }
	#nav-ppal {
		position: absolute;
		top: 0;
		left: 100%;
		width: 280px;
		height: 100vh;
		margin-left: 0px;
		margin-right: 0px;
		background-color: #ffffff;
		border-left: 1px solid #eaeaea;
   }
	#opciones-menu ul {
		position:absolute;
		top: 80px;
		width: 100%;
		text-align: left;
		border-top: 1px solid #eaeaea;
		z-index: 10;
		height: calc(100% - 80px);
		overflow-y: scroll;
		-webkit-overflow-scrolling: touch;
   }
	#opciones-menu ul:before {
		content: 'Menu';
		font-size: 1.0em;
		font-weight: 600;
		color: #9B9B9B;
		margin: 0;
		padding: 34px 30px 10px;
		text-transform: uppercase;
   }
	#opciones-menu .navbar-item {
		float: none;
		margin: 0 0 5px;
   }
	#opciones-menu .navbar-item:last-child {
		margin-bottom: 80px;
   }
	#opciones-menu .navbar-item a {
		text-decoration: none;
	   /*line-height: 32px;
	   */
		color: #026aaf;
		width: auto;
	   /*height: 32px;
	   */
		padding: 6px 30px;
		float: none;
		display: block;
		position: relative;
   }
	#opciones-menu .expander a, #opciones-menu .navbar-item a:hover, #opciones-menu .navbar-item:hover a {
		color: #026aaf;
   }
	#opciones-menu [class^="icon-"], #opciones-menu [class*=" icon-"] {
		font-size: 1.8em;
   }
	#opciones-menu ul ul {
		position: relative;
		top: 0;
		left: 0;
		overflow-y: visible;
		-webkit-overflow-scrolling: visible;
   }
	#nav-ppal .navbar-item--onsubmenu .subnav {
		display: inline-block;
   }
	#opciones-menu .navbar-item.activo {
		background-color: #f5f5f5;
		border-right: 4px solid #026aaf;
   }
	#opciones-menu .navbar-item a:active {
		background-color: #f5f5f5;
   }
	#opciones-menu .navbar-item.activo a {
		color: #026aaf;
   }
	#nav-ppal .subnav:before {
		content: none;
   }
	.subnav {
		height: auto;
		left: 100%;
		padding-left: 0px;
   }
	.subnav li, .subnav li:first-child {
		width: 100%;
		margin-left: 0;
		padding-top: 12px;
   }
	.subnav li a, #nav-ppal .navbar-item ul a {
	   /*padding-left: 60px;
	   */
		width: 270px;
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
   }
	.navbar-item--onsubmenu > a:after {
		content: none;
   }
	#cabecera-new-usuario-idiomas {
		position: absolute;
		top: 0;
	   /*left: calc(100% + 20px);
	   */
		width: 280px;
		padding: 0;
   }
	#cabecera-new-usuario-idiomas .encabezado, #cabecera-new-usuario-idiomas .encabezado.datos_contrato  {
		position: relative;
		font-size: 1.2rem;
		color: #000000;
		margin: 0;
		padding: 0 17px 0 0;
		height: 28px;
		line-height: 28px;
   }
	#cabecera-new-usuario-idiomas .encabezado a, #cabecera-new-usuario-idiomas .encabezado.datos_contrato a {
		color: #000000;
   }
   #cabecera-new-usuario-idiomas .encabezado.datos_contrato::after {
	display: none;
}
	#cabecera-new-usuario-idiomas .item {
		font-size: 1.2em;
		margin: 0;
		padding: 6px 30px;
		float: none;
		text-align: left;
   }
	#cabecera-new-usuario-idiomas .item.hover ul {
		position:absolute;
		top: 40px;
		right: 20px;
		width: 200px;
		background: #f5f5f5;
		display: block;
		z-index: 20;
		border-radius: 4px;
		box-sizing: border-box;
		box-shadow: 0px 2px 4px #cccccc;
		padding: 0;
   }
	#cabecera-new-usuario-idiomas .navegacion ul:before {
		border-bottom: 10px solid #f5f5f5;
		right: 7px;
   }
	.tipsy {
		display: none!important;
   }
	#barra-navegacion-nuevo {
		float: none;
		position: absolute;
		right: 10px;
		top: -52px;
   }
	#nueva-navegacion-nuevo .trigger {
		visibility: visible;
		font-size: 2.6em;
		top: 0;
		height: 36px;
		width: 36px;
		text-decoration: none;
		color: #ffffff;
		margin: 0;
		display: block;
		position: absolute;
		right: 0;
   }
	#nueva-navegacion-nuevo ul {
		top: 60px;
		right: 0;
		position: absolute;
		z-index: 1;
		padding: 0;
   }
	#nueva-navegacion-nuevo ul li:first-child {
		border-radius: 4px 4px 0 0;
   }
	#nueva-navegacion-nuevo ul li:first-child a {
		border-top: none;
		margin-top:0px;
   }
	#breadcrumbs-nuevo li.descriptor{
		max-width:260px;
   }
   /* Luis */
	#zona-de-contenidos-nuevo, #barra-contextual-nuevo .wrp {
		width: auto;
		padding:0px 10px;
		max-width: 100%!important;
		overflow-x: hidden!important;
   }
	#wrap {
		width: auto;
		padding: 0px;
		max-width: 100%!important;
		overflow-x: hidden!important;
   }
	#zona-de-contenidos-nuevo .dataTables_filter {
		float: left;
		text-align:left!important;
   }
	#zona-de-contenidos-nuevo .dataTables_filter input {
		width: 60%;
   }
	#zona-de-contenidos-nuevo .panel-body {
		padding: 8px!important;
   }
	#zona-de-contenidos-nuevo .dataTables_paginate {
		margin-bottom: 10px;
   }
	#zona-de-contenidos-nuevo .panel-group {
		margin-bottom: 5px!important;
   }
	.js-tabcollapse-panel-body .panel {
		margin-bottom: 10px!important;
   }
	.collapsarContenido {
		min-width: 36px!important;
   }
}
/* Luis */
dl, dt, dd, ol, ul, li {
	list-style:none;
}
#zona-de-contenidos-nuevo .editable {
	position: relative;
	color: #0066ac;
	display: inline-block;
	font-size: 1em;
	padding: 0 18px 0 0;
	margin: 0;
	font-weight:bold;
	text-decoration:none;
	cursor: pointer;
}
#zona-de-contenidos-nuevo .editable:after, #breadcrumbs-nuevo .editable.current:after {
	content: "\e90d";
	position: absolute;
	top: 8px;
	right: 3px;
	width: 13px;
	height: 13px;
	display: block;
	font-family: 'Sarenet', sans-serif !important;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	font-size: 1.4em;
	text-transform: none;
	line-height: 13px;
}
#zona-de-contenidos-nuevo .editable:after {
	top: 2px;
}
#zona-de-contenidos-nuevo th .editable:after, #zona-de-contenidos-nuevo td .editable:after {
	top: 5px;
}
#zona-de-contenidos-nuevo th li .editable:after, #zona-de-contenidos-nuevo td li .editable:after {
	top: 1px;
}
#zona-de-contenidos-nuevo .editable.default {
	color:#999;
	font-weight:normal;
	cursor:none;
}
#zona-de-contenidos-nuevo .editable.default:hover {
	background:none 
}
#zona-de-contenidos-nuevo .noeditable {
	display:inline-block;
	font-size:1.1em;
	padding:0.16em 0.63em;
	margin:0 0 0.31em 0;
	text-decoration:none;
}
#zona-de-contenidos-nuevo .field_block #zona-de-contenidos-nuevo .field_label {
	margin-bottom: 10px;
}
#zona-de-contenidos-nuevo .field_desc {
	position: relative;
}
#zona-de-contenidos-nuevo .field_desc label {
	display: inline-block;
	margin: 6px 20px 10px 0;
}
#zona-de-contenidos-nuevo .field_info_required {
	position: absolute;
	top: 0;
	right: 0;
	margin-top: 0;
}
#zona-de-contenidos-nuevo .field_info_required span {
	visibility: visible;
	position: absolute;
	top: 0;
	right: 0;
	z-index: 999;
	width: auto;
	margin-left: 0;
	padding: 2px 8px 2px 8px;
	opacity: 0.9;
	background-color: #f44336;
	border-radius: 4px;
	box-shadow: 0px 0px 4px rgba(0, 0, 0, .4);
	font-size: 12px;
	color: #ffffff;
	text-align: center;
	min-width: 200px;
	max-width: 450px;
	height:34px;
}
#zona-de-contenidos-nuevo .field_info_required:hover {
	border: 0;
}
#zona-de-contenidos-nuevo .field_info_required:hover span {
	visibility: visible;
}
#zona-de-contenidos-nuevo .field_info_required span:before {
	content: '';
	border-top: 8px solid transparent;
	border-right: 8px solid #f44336;
	border-bottom: 8px solid transparent;
	border-left: 8px solid transparent;
	width: 0;
	height: 0;
	display: block;
	position: absolute;
	top: 50%;
	left: -16px;
	margin-top: -8px;
}
#zona-de-contenidos-nuevo .peque_required{
	z-index: 3000;
}
#zona-de-contenidos-nuevo .formulario textarea {
	width:100%;
	height:7em;
	box-sizing:border-box;
}
#zona-de-contenidos-nuevo .formulario #zona-de-contenidos-nuevo .field_info {
	font-size:0.90em;
	color:#666;
	line-height:1.8em;
}
#zona-de-contenidos-nuevo .form_actions {
	font-size: 1em;
	text-align: right;
	margin: 10px 0 20px;
	padding: 0;
	clear: both;
}
#zona-de-contenidos-nuevo input[type="text"], #zona-de-contenidos-nuevo input[type="tel"], #zona-de-contenidos-nuevo input[type="date"], #zona-de-contenidos-nuevo input[type="email"], #zona-de-contenidos-nuevo input[type="number"], #zona-de-contenidos-nuevo input[type="password"], #zona-de-contenidos-nuevo input[type="search"], #zona-de-contenidos-nuevo select, #zona-de-contenidos-nuevo textarea {
	color: #000000;
	background-color: #ffffff;
	border: 1px solid #cccccc;
	border-radius: 4px;
	padding: 8px 10px;
	box-sizing: border-box;
	outline: none;
}
#zona-de-contenidos-nuevo input[disabled="disabled"], #zona-de-contenidos-nuevo input[readonly="readonly"], #zona-de-contenidos-nuevo select[disabled="disabled"] {
	background-color: #efefef;
	cursor: not-allowed;
}
#zona-de-contenidos-nuevo .button, #zona-de-contenidos-nuevo .button--off, #zona-de-contenidos-nuevo .button--warning, #zona-de-contenidos-nuevo .button--success, #zona-de-contenidos-nuevo .boton, #zona-de-contenidos-nuevo .nav-actions ul li a, #zona-de-contenidos-nuevo .actions ul li a {
	font-weight: bold;
	font-size: 1.6em;
	line-height: 1.4em;
	text-decoration: none;
	text-align: center;
	color: #ffffff;
	background-color:#0066AC;
	display: inline-block;
	min-width: 40px;
	padding: 10px 20px;
	border: none;
	border-radius: 4px;
	transition: all 0.2s ease-in-out;
	outline: none;
}
#zona-de-contenidos-nuevo .close {
	width: 20px;
	font-size: 1.8em;
	text-decoration: none;
	cursor: pointer;
   /*margin-top: 0px!important;
   */
}
/*#zona-de-contenidos-nuevo .modal-header {
	background-color: #efefef;
}*/
#zona-de-contenidos-nuevo .loading {
	background: url('/css/redmond/images/ui-anim_basic_16x16.gif') right center no-repeat;
}
.ui-autocomplete-input {
	border: none;
	z-index: 1511;
	position: relative;
}
#planta {
	z-index: 999;
	position: relative;
}
.ui-autocomplete {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1510 !important;
	float: left;
	display: none;
	min-width: 160px;
	width: 160px;
	padding: 4px 0;
	margin: 2px 0 0 0;
	list-style: none;
	background-color: #ffffff;
	border-color: #ccc;
	border-color: rgba(0, 0, 0, 0.2);
	border-style: solid;
	border-width: 1px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
	box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
	-webkit-background-clip: padding-box;
	-moz-background-clip: padding;
	background-clip: padding-box;
	*border-right-width: 2px;
	*border-bottom-width: 2px;
}
.ui-menu-item > a.ui-corner-all {
	display: block;
	padding: 3px 15px;
	clear: both;
	font-weight: normal;
	line-height: 18px;
	color: #555555;
	white-space: nowrap;
	text-decoration: none;
}
.ui-state-hover, .ui-state-active {
	color: #ffffff;
	text-decoration: none;
	background-color: #0088cc;
	border-radius: 0px;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	background-image: none;
}
.ui-menu-item-wrapper {
	padding-left: 10px;
}
.ui-helper-hidden-accessible {
	display:none!important;
}
#zona-de-contenidos-nuevo .formulario-inline, #zona-de-contenidos-nuevo .control-label{
	line-height: 1;
	padding: 10px 0;
}
#zona-de-contenidos-nuevo .formulario-inline{
	background: #FAFAFA;
	padding: 1em!important;
	border: 1px solid #EEE
}
#zona-de-contenidos-nuevo .typeahead.dropdown-menu {
	z-index: 1051;
	position:relative;
	top:0!important;
	left:0!important;
}
#zona-de-contenidos-nuevo .modal-body {
	overflow: visible;
}
#zona-de-contenidos-nuevo .provincia-autocomplete{
	position:relative
}
#zona-de-contenidos-nuevo .provincia-autocomplete .typeahead.dropdown-menu {
	position: absolute!important;
	top: 30px!important;
	left: 15px!important;
	z-index: 10000!important;
}
.ocultar-elemento{
	position: absolute !important;
	top: -9999px !important;
	left: -9999px !important;
}
.field_label span{
	font-weight:bold;
}
.th_normal{
	text-align:center!important;
	font-weight:normal 
}
/*defensa*/
@media only screen and (max-width: 767px) {
	#bytes{
		margin-top: 30px;
   }
}
#bytes .flotr-axis-title span{
	float:right;
}
.container-grid-5050 .container-grid-5050{
	display:grid;
	grid-template-columns:44% 44%;
	grid-gap:1em;
}
@media only screen and (max-width: 767px) {
	.container-grid-5050 .container-grid-5050{
		grid-template-columns:1fr;
   }
}

/* Modal ventana mayorista */
.form_simpleflex{
	display: flex;
	align-items: center;
	column-gap: 1em;
	margin-bottom: 1em;
  }
/*breadcrumbs sin opción*/
.breacrumbs_sinopcion{
	display: none;
}

icon-savia::before, .icon-savia::before {
    display: inline-flex;
    content: '';
    background-image: url('/img/ico_savia.png');
    background-size: 30px 30px;
    height: 30px;
    width: 30px;
    margin-left: 1px;
}


.icon-defensa::before, .icon-veda::before {
    display: inline-flex;
    content: '';
    background-image: url('/img/ico_veda.png');
    background-size: 30px 30px;
    height: 30px;
    width: 30px;
    margin-left: 1px;
}

.icon-saretoken::before {
  display: inline-flex;
  content: '';
  background-image: url('/img/ico_saretoken.svg');
  background-size: 28px 28px;
  height: 28px;
  width: 28px;
  margin-left: 1px;
background-repeat:no-repeat;
}

.alert-dismissible .close {
  right: -8px;
  background: transparent;
}
  .alert-dismissible .close:hover {
  background: transparent;
}