/*nuevos estilos nuevo diseño REDES*/
@media(max-width:400px){
	#zona-de-contenidos-nuevo {
		width: 100%;
   }
}
/****genericos antiguos****/
#footer {
	height: 7em;
	background-image: none;
}
/*****************/
/*generales*/
.font10{
	font-size:10px;
}
.font11{
	font-size:11px;
}
#barra-contextual{
	padding:0em 1.5em;
}
.w-100{
	width: 100%;
}
.w-auto{
	width:auto;
}
@media(max-width:767px){
	#barra-contextual{
		padding:0em 0em;
   }
}
/*miga de pan nueva*/
#breadcrumbs-nuevo a {
	color: #0066AC;
	padding:0 0.5em 0 0;
	font-size: 1em;
}
#breadcrumbs-nuevo .descriptor a {
	color: #333;
	padding:0 0.5em 0 0;
	font-size: 1em;
}
#breadcrumbs-nuevo .current {
	color: #333;
	padding:0 0.5em 0 0;
	font-size: 1em;
}
#breadcrumbs-nuevo span {
	color: #333;
	padding:0 0.5em 0 0;
	font-size: 1em;
	display:inline-block;
}
#breadcrumbs-nuevo a span {
	display: none;
}
#breadcrumbs-nuevo a::after {
	content: "\203A";
	position: absolute;
	top: 5px;
	margin-top: -5px;
	margin-right:5px;
	border-top:0px solid transparent;
	border-bottom: 0px solid transparent;
	border-left: 0px solid;
	right: -5px;
	z-index: 1;
	border-left-color: #797F90;
	padding-left:0.5em;
}
#breadcrumbs-nuevo a.editable::after {
	content: "";
}
#breadcrumbs-nuevo a.editable{
	padding:0 5px 0 5px;
}
#breadcrumbs-nuevo a.editable:hover span.fa{
	display: inline-block;
	margin-left:3px;
}
#breadcrumbs-nuevo {
	display:flex;
	align-items: center;
	max-width: 75%;
}
#breadcrumbs-nuevo ul{
	position:relative;
	white-space:nowrap;
	-webkit-overflow-scrolling: touch;
	margin:0;
	display:flex;
	align-items: center;
	max-width:100%;
	flex-wrap: wrap;
	row-gap: .5em;
}
#breadcrumbs-nuevo ul li {
	display: inline-block;
	margin: 0 0.5em 0 0;
}
#breadcrumbs-nuevo .editable.current {
	padding: 0 0px 0 5px;
	overflow: hidden;
}
#breadcrumbs-nuevo .editable {
	border: 1px solid #f2f2f2 !important;
  }
#breadcrumbs-nuevo .editable.current::after {
	display:none 
}
#breadcrumbs-nuevo .alert{
	margin-bottom: 0px;
}
@media (max-width:767px){
	#breadcrumbs-nuevo {
		display: flex;
		align-items: center;
		border-bottom: 1px solid #e9e9e9;
		justify-content: flex-start;
		overflow: auto;
		-webkit-overflow-scrolling: touch;
   }
	#barra-navegacion-nuevo{
		border-bottom: 1px solid #e9e9e9;
		display: flex;
		margin-bottom: 1em;
		position: relative;
		right: 0;
		top: 0;
   }
	.wrp{
		overflow:hidden;
   }
}
/*form*/
input[type="text"], input[type="email"], input[type="number"], input[type="password"], select, textarea{
	color: #333;
	border: 1px solid #f5f5f5;
}
/*redefinidos*/
.editable {
	color: #333;
	font-weight:normal;
	padding:1em;
}
.editable:hover{
	color: #333;
	text-decoration: none!important;
}
.editable .fa{
	color: #fff;
}
.editable:hover .fa{
	color:#333;
	margin-right:3px;
}
.nolimitar-datos{
	display: inline-block;
}
@media screen and (max-width:767px){
	.container-doscol .nolimitar-datos {
		margin-left:1em;
   }
}
.button_warning {
	background-image:none;
}
/*nuevos*/
.redes-new a{
	text-decoration:none;
}
.select_clean {
	position: relative;
	border-bottom: 1px solid #ccc;
	width: auto;
	overflow: hidden;
	background-color: #fff;
}
.select_clean:before {
	content:"\f078";
	font-family: fontAwesome, sans-serif;
	position: absolute;
	right: 0px;
	bottom: 7px;
	z-index: 5;
	pointer-events: none;
}
.select_clean select {
	padding: 5px 20px 5px 0!important;
	width: 100%;
	box-shadow: none;
	background-color: transparent;
	background-image: none;
	appearance: none;
	border:0!important;
	-webkit-appearance: none;
	font-family: Arial, Helvetica, sans-serif;
}
.datos-fibra a{
	text-decoration:none;
}
/*tabla ubicaciones*/
table#listado_sedes .sinrec {
	text-indent: 0;
	padding-left: 13px;
}
.tabla-ubicaciones{
	border:1px solid #f3f3f3;
	padding:1em;
}
.tabla-ubicaciones table th{
	padding:0 0 0 1em;
}
.tabla-ubicaciones table.ubicacion-sinrel th{
	padding:.5em .5em .5em 1em;
}
.tabla-ubicaciones table.ubicacion-sinrel tbody tr:first-child th{
	padding:1em .5em .5em 1em;
}
.bordered.ubicacion-sinrel thead th {
	border-bottom: 1px solid #eaeaea;
}
.bordered.ubicacion-sinrel thead {
	background-color: #e6e6e6;
}
.bordered.ubicacion-sinrel td{
	padding:.5em .5em .5em 1em;
}
.tabla-ubicaciones h2{
	padding:0 0 0 0.8em;
	color:#333;
	margin-bottom: 7px;
	font-family: Open sans, sans-serif;
	font-size: 1rem;
}
.borderedv.ubicaciones.ubi-resp td:first-child, .bordered.ubicaciones.ubi-resp th:first-child{
	min-width: 50%;
}
a.estado-verde, a.estado-verde:hover{
	color:#00CC00!important;
}
a.estado-rojo, a.estado-rojo:hover{
	color:#CC3300!important;
}
a.estado-naranja, a.estado-naranja:hover{
	color:#FF9900!important;
}
/*tablas en movil*/
@media (max-width: 400px) {
   /*sin rosco*/
	.container-nompls .ubicaciones.ubi-resp.sin_cab tr{
		display:flex;
		flex-direction: column;
		margin-bottom:1em;
   }
	.container-nompls .ubicaciones.ubi-resp.sin_cab tr th{
		margin-bottom:.2em;
   }
	.container-nompls .ubicaciones.ubi-resp.sin_cab tr td{
		padding-left:1em;
   }
   /*con rosco MPLS*/
	.container-doscol .ubicaciones.ubi-resp.sin_cab tr{
		display:flex;
		flex-direction: column;
		margin-bottom:1em;
		margin-left: 1em;
   }
	.container-doscol .ubicaciones.ubi-resp.sin_cab tr th{
		margin-bottom:.2em;
   }
	.container-doscol .ubicaciones.ubi-resp.sin_cab tr td{
		padding-left:.5em;
   }
	.container-doscol .ubicaciones.ubi-resp.sin_cab tr td.sin_circuito{
		display:none;
   }
}
@media (min-width: 401px) {
	.container-doscol .ubicaciones.ubi-resp.sin_cab{
		margin-left: 1em;
   }
}
.filtrado_etiqueta{
	border:1px solid #f3f3f3;
	margin: 0 0 .5em 0;
}
@media screen and (max-width: 400px) {
	.filtrado_etiqueta{
		margin-top: .5rem;
   }
}
.filtrado_etiqueta a{
	display:block;
	padding:0.4em 0.3em;
	text-decoration:none;
	font-size:0.9em;
}
.filtrado_etiqueta a:hover{
	color: #333;
	background-color:#E0E0E0;
}
.filtrado_etiqueta.on span{
	margin-right: 8px;
	font-size: 1.2em;
}
.filtrado_etiqueta.on a{
	color: #333;
	background-color:#E0E0E0;
	font-size: 1em;
}
.insert-home a{
	display:inline-block;
	padding:0.5em 1em;
	color:#666;
	position: absolute;
	top:0px;
	right:0px;
}
.tabla-ubicaciones header{
	position: relative;
}
.m-header-ubicaciones{
	margin-right: 1.5em;
}
@media (max-width: 400px) {
	.m-header-ubicaciones{
		margin-right: 0.5em;
   }
}
/*tablas new*/
.thead-light{
	background-color: #f8f9fa;
}
.table_tipo1 {
	width: 100%;
	margin-bottom: 1rem;
	color: #212529;
}
.table_tipo1 > thead > tr > th {
	border-bottom: 0px solid #ddd;
	vertical-align: middle;
}
.table_tipo1 > tbody > tr > td, .table_tipo1 > tbody > tr > th, .table_tipo1 > tfoot > tr > td, .table_tipo1 > tfoot > tr > th, .table_tipo1 > thead > tr > td, .table_tipo1 > thead > tr > th {
	padding: 6px;
	line-height: 1.42857143;
	vertical-align: top;
	border-top: 0px solid #ddd;
}
.table_tipo2 thead{
	background-color: #f6f6f6;
}
.table_tipo2 thead th{
	border-top:0px;
	border-bottom:0px;
}
.bordered.table_tipo2 tr:first-child td{
	border-top:0px;
	word-break: break-all;
}
@media screen and (max-width:480px){
	.table_tipo1 > tbody > tr > td, .table_tipo1 > tbody > tr > th, .table_tipo1 > tfoot > tr > td, .table_tipo1 > tfoot > tr > th, .table_tipo1 > thead > tr > td, .table_tipo1 > thead > tr > th {
		display:flex;
		justify-content: space-between;
		text-align: right;
   }
}
.table_kubernetes > tbody > tr > td, .table_kubernetes > tbody > tr > th, .table_kubernetes > tfoot > tr > td, .table_kubernetes > tfoot > tr > th, .table_kubernetes > thead > tr > td, .table_kubernetes > thead > tr > th {
	padding: 6px;
	line-height: 1.42857143;
	vertical-align: top;
	vertical-align: middle;
	text-align:left;
}
/*conmutacion*/
.list_conmutacion li{
	padding: 0.5em;
	border-bottom:1px solid #f1f1f1;
}
/*width*/
.w100{
	width:100%;
}
.tipo_fibra{
	min-width:165px;
}
.tipo_fibra a{
	text-decoration: none;
	padding: .5em;
	position: relative;
}
/*responsive table*/
@media only screen and (max-width: 800px) {
   /* Force table to not be like tables anymore */
	.resp-tables table, .resp-tables thead, #resptables tbody, .resp-tables th, .resp-tables td, .resp-tables tr {
		display: block;
   }
   /* Hide table headers (but not display: none;
	, for accessibility) */
	.resp-tables thead tr {
		position: absolute;
		top: -9999px;
		left: -9999px;
   }
	.resp-tables tr {
		border: 1px solid #ccc;
   }
	.resp-tables td {
	   /* Behave like a "row" */
		border: none;
		border-bottom: 1px solid #eee;
		position: relative;
		padding-left: 50%;
		white-space: normal;
		text-align:left;
   }
   /* Label the data */
	.resp-tables td:before {
	   /* Now like a table header */
		position: absolute;
	   /* Top/left values mimic padding */
		top: 6px;
		left: 6px;
		width: 45%;
		padding-right: 10px;
		white-space: nowrap;
		text-align:left;
		font-weight: bold;
		content: attr(data-title);
   }
}
/*grid*/
.container-grid {
	display: grid;
	grid-template-columns: 70% 30%;
}
.container-grid-ubicacion {
	display: grid;
	grid-template-columns: 60% 40%;
}
.container-grid-5050 {
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-column-gap: 1em;
	grid-row-gap: 2em;
}
.container-100 {
	display: grid;
	grid-template-columns: 1fr;
}
@media only screen and (max-width: 800px) {
	.container-grid {
		grid-template-columns: 100%;
		grid-template-rows: auto auto;
   }
	.container-grid-ubicacion {
		display: grid;
		grid-template-columns: 100%;
   }
	.tipo_fibra {
		min-width: 165px;
   }
	.container-grid-5050 {
		display: grid;
		grid-template-columns: 100%;
   }
}
/*heredados bootstrap v4*/
/*******flex******/
.d-flex {
	display: -ms-flexbox !important;
	display: flex !important;
}
.d-inline-block {
	display: inline-block !important;
}
.flex-row {
	-ms-flex-direction: row !important;
	flex-direction: row !important;
}
.flex-column {
	-ms-flex-direction: column !important;
	flex-direction: column !important;
}
.flex-sm-row {
	-ms-flex-direction: row !important;
	flex-direction: row !important;
}
.flex-grow-1 {
	-ms-flex-positive: 1 !important;
	flex-grow: 1 !important;
}
@media screen and (min-width:768px){
	.flex-md-row {
		-ms-flex-direction: row !important;
		flex-direction: row !important;
   }
}

@media screen and (max-width:767px){
.flex-column-xs {
	-ms-flex-direction: column !important;
	flex-direction: column !important;
}
}
.justify-content-between {
	-ms-flex-pack: justify !important;
	justify-content: space-between !important;
}
.justify-content-end {
	-ms-flex-pack: end !important;
	justify-content: flex-end !important;
}
.justify-content-center {
	-ms-flex-pack: center !important;
	justify-content: center !important;
}
.flex-wrap {
	-ms-flex-wrap: wrap !important;
	flex-wrap: wrap !important;
}
.flex-fill {
	-ms-flex: 1 1 auto !important;
	flex: 1 1 auto !important;
}
.align-items-start {
	-ms-flex-align: start !important;
	align-items: flex-start !important;
}
.align-items-center {
	-ms-flex-align: center !important;
	align-items: center !important;
}
.align-items-stretch {
	-ms-flex-align: stretch !important;
	align-items: stretch !important;
}
.position-relative {
	position: relative !important;
}
.position-absolute {
	position: absolute !important;
}
/******spacing******/
/*margin*/
/*1*/
.ml-1{
	margin-left: 1rem !important;
}
.mr-1{
	margin-right: 1rem !important;
}
.mx-1{
	margin-left: 1rem !important;
	margin-right: 1rem !important;
}
.mt-1{
	margin-top: 1rem !important;
}
.mb-1{
	margin-bottom: 1rem !important;
}
.my-1{
	margin-top: 1rem !important;
	margin-bottom: 1rem !important;
}
/*2*/
.ml-2{
	margin-left: .5rem !important;
}
.mr-2{
	margin-right: .5rem !important;
}
.mx-2{
	margin-left: .5rem !important;
	margin-right: .5rem !important;
}
.mt-2{
	margin-top: .5rem !important;
}
.mb-2{
	margin-bottom: .5rem !important;
}
.my-2 {
	margin-top: .5rem !important;
	margin-bottom: .5rem !important;
}
/*3*/
.ml-3{
	margin-left: 1rem !important;
}
.mr-3{
	margin-right: 1rem !important;
}
.mx-3{
	margin-left: 1rem !important;
	margin-right: 1rem !important;
}
.mt-3{
	margin-top: 1rem !important;
}
.mb-3{
	margin-bottom: 1rem !important;
}
.my-3{
	margin-top: 1rem !important;
	margin-bottom: 1rem !important;
}
/*4*/
.ml-4{
	margin-left: 1.5rem !important;
}
.mr-4{
	margin-right: 1.5rem !important;
}
.mx-4{
	margin-left: 1.5rem !important;
	margin-right: 1.5rem !important;
}
.mt-4 {
	margin-top: 1.5rem !important;
}
.mb-4{
	margin-bottom: 1.5rem !important;
}
.my-4{
	margin-top: 1.5rem !important;
	margin-bottom: 1.5rem !important;
}
/*5*/
.ml-5{
	margin-left: 3rem !important;
}
.mr-5{
	margin-right: 3rem !important;
}
.mx-5{
	margin-left: 3rem !important;
	margin-right: 3rem !important;
}
.mt-5{
	margin-top: 3rem !important;
}
.mb-5{
	margin-bottom: 3rem !important;
}
.my-5{
	margin-top: 3rem !important;
	margin-bottom: 3rem !important;
}
/*auto*/
.ml-auto{
	margin-left: auto !important;
}
.mr-auto{
	margin-right: auto !important;
}
.mx-auto{
	margin-left: auto !important;
	margin-right: auto !important;
}
/*adaptacion*/
.mb-2em{
	margin-bottom: 2rem !important;
}
.my-2em{
	margin-top: 2rem !important;
	margin-bottom: 2rem !important;
}
/*padding*/
.pt-2{
	padding-top: .5rem !important;
}
.pb-2{
	padding-bottom: .5rem !important;
}
.py-2 {
	padding-top: .5rem !important;
	padding-bottom: .5rem !important;
}
.border-bottom1px {
	border-bottom: 1px solid #f1f1f1 !important;
}
/******display******/
.d-none {
	display: none !important;
}
/*******text******/
.text-right {
	text-align: right !important;
}
.text-uppercase {
	text-transform: uppercase !important;
}
.font-weight-bold {
	font-weight: 700 !important;
}
/*pagina ubicacion*/
.datos-contacto{
	padding:0 0.5em;
}
.datos-contacto .nombre{
	font-weight:bold;
}
.datos-contacto .nombre .editable{
	padding:.3em 0em .3em .3em !important;
	border:1px solid #f1f1f1;
}
.datos-contacto .nombre span{
	padding:.3em!important;
	display: block;
}
.datos-contacto div {
	margin-bottom:0.3em;
}
.bloque-datos-contacto{
	margin-right:1em;
}
.bloque-datos-contacto::before{
	content:"";
	display:inline-block;
	background-color: #ccc;
	width:5px;
	height:5px;
	margin-top:.8em;
}
/*text*/
.text-body {
	color: #212529 !important;
}
/*alert*/
.alert-primary {
	color: #004085;
	background-color: #cce5ff;
	border-color: #b8daff;
}
.alert {
	position: relative;
	padding: .75rem 1.25rem;
	margin-bottom: 1rem;
	border: 1px solid transparent;
	border-top-color: transparent;
	border-right-color: transparent;
	border-bottom-color: transparent;
	border-left-color: transparent;
	border-radius: .25rem;
}
/*************kubernetes*****************/
.container-3070{
	display:grid;
	grid-template-columns: 1fr 2fr;
	grid-row-gap: 1em;
	grid-column-gap: 1em;
}
@media (max-width: 767px) {
	.container-3070{
		display:grid;
		grid-template-columns: 100%;
		grid-row-gap: 1em;
		grid-column-gap: 1em;
   }
}
/*containers*/
.container-doscol{
	display:grid;
	grid-template-columns: 40% 60%;
	grid-row-gap: 1em;
}
.container-nompls{
	display:grid;
	grid-template-columns: 70%;
	grid-row-gap: 1em;
	margin-top:1em;
}
@media (max-width: 767px) {
	.container-doscol, .container-nompls{
		display:grid;
		grid-template-columns: 100%;
		grid-row-gap: 1em;
		grid-column-gap: 1em;
   }
}
@media (min-width: 320px) and (max-width:1023px) {
	.c-sedes{
		display: flex!important;
		flex-direction: column-reverse!important;
   }
	.container-3070{
		display:grid;
		grid-template-columns: 100%;
		grid-row-gap: 1em;
		grid-column-gap: 1em;
   }
	.grafico-flujo{
		margin-top: 1em;
		padding-right:1em;
   }
}
@media (min-width: 992px) and (max-width:1023px) {
	.grafico-flujo{
		padding-right:1em;
   }
}
.container-4060{
	display:grid;
	grid-template-columns: 40% 60%;
}
.k-button{
	background-color: #fff;
	color:#3397D9;
	border:1px solid #f1f1f1;
	border-radius:5px;
	padding: 0.5em;
	height: max-content;
}
.k-button:hover{
	background-color: #ccc;
	color:#fff;
}
@media (min-width: 768px) and (max-width:1023px) {
	.modal_kubernetes #sarelightbox-bloque {
		border-radius: 5px !important;
		border: none !important;
		box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22) !important;
		width: 700px !important;
		margin-left: -350px !important;
   }
}
#sarelightbox-header {
	padding: 2em 2em 0.5em 2em;
	background: none;
}
.sarelightbox-header-separador{
	width:10% !important;
	height: 5px !important;
	background-color: #0066AC !important;
	margin: 0.5em 0 !important;
}
#sarelightbox-encabezado {
	font-size: 1.7em !important;
	color: #0066AC !important;
	font-weight: bolder !important;
}
.k-a {
	text-decoration: none !important;
	background:none !important;
}
#sarelightbox-contenido {
	padding-left: 2em;
	padding-right: 2em;
	padding-bottom: 2em 
}
.k-inline-code {
	background-color: black;
	color: white;
	padding: 2px;
	border-radius: 2px;
}
.k-code-box {
	background-color:black;
	margin-top:1em;
	margin-bottom:1.5em;
	border-radius: 2.5px;
	border: none;
}
.k-code-text {
	color:white;
	padding: 1em;
	border: none;
}
.k-button-confirmar {
	background-color: #3397D9;
	color:#fff;
	border:none;
	border:1px solid #3397D9;
	border-radius: 4px;
	margin-left: 3px;
	padding: 0.75em;
	height: max-content;
}
.k-button-cancelar {
	background-color: #fff;
	border: none;
	color: #949494;
	padding: 0.75em;
	height: max-content;
}
.k-button-cancelar-relleno {
	background-color: #fff;
	color:#949494;
	border:1px solid #949494;
	border-radius: 4px;
	margin-left: 3px;
	padding: 0.75em;
	height: max-content;
}
.k-botones-form {
	font-size: 1em;
	text-align: right;
	margin: 1.5em 0 0;
	padding: 0;
	clear: both;
}
.k-crear-worker-box {
	font-size: 1em;
	margin: 1.5em 0 0;
	padding: 0;
	clear: both;
}
.k-input-form-label {
	display:block;
	margin: 1.5em 1em 0 0;
	padding-bottom: 0.5em;
}
.k-input-form-text input[type="text"]{
	width: 100%;
}
.k-input-form-select select{
	width: 100%;
}
/*graficos*/
.grafico-k{
	font-size: 0.9em;
}
.grafico-k .nombre{
	font-size: 1em;
	color:#333;
	margin-bottom:2px;
}
.grafico-k .info-reserved{
	font-size: 0.9em;
	color:#3397D9;
	margin-bottom:2px;
}
.grafico-k .barra{
	display: inline-block;
	background-color: #f1f1f1;
	height: 25px;
}
.grafico-k .barra .ocupacion{
	display: inline-block;
	height: 25px;
}
.grafico-k .barra .ocupacion.busy{
	background-color: #3397D9;
}
.grafico-k .barra .ocupacion.critical{
	background-color: #cc0000;
}
.grafico-k .barra .ocupacion.critical .porcentaje{
	color: #fff;
}
.grafico-k .barra .porcentaje{
	font-size:1em;
}
.button-azul{
	background-color: #3397D9;
	color:#fff;
	border:1px solid #3397D9;
	border-radius:2px;
	padding: 0.2em 1.5em;
	height: max-content;
}
.button-rojo{
	background-color: #d93333;
	color:#fff;
	border:1px solid #d93333;
	border-radius:2px;
	padding: 0.2em 1.5em;
	height: max-content;
}
/*titulos nuevos*/
.titulo-bloquen{
	border-bottom:1px solid #f1f1f1;
}
.titulo-bloquen span{
	font-weight: bold;
	padding:0.5em;
	display: inline-block;
}
.titulo-bloquen a{
	text-decoration:none;
	background: #e6e6e6;
	display: inline-block;
	padding: 0.5em 1em;
	color: #333;
	font-weight: bold;
	font-size: 1.2em;
}
.dockers{
	font-size:0.8em;
	display: inline-block;
}
.dockers:before{
	content:url('/img/dockers.png');
	position:relative;
   /*z-index:100000;
   */
	left:0px;
	top:3px;
}
/*input number kubernetes*/
input[type="number"] {
	-webkit-appearance: textfield;
	-moz-appearance: textfield;
	appearance: textfield;
}
input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {
	-webkit-appearance: none;
}
.number-input {
	border: 2px solid #ddd;
	display: inline-flex;
	align-items: center;
}
.number-input, .number-input * {
	box-sizing: border-box;
}
.number-input button {
	outline:none;
	-webkit-appearance: none;
	background-color: transparent;
	border: none;
	align-items: center;
	justify-content: center;
	width: 1.5rem;
	height: 1.5rem;
	cursor: pointer;
	margin: 0;
	position: relative;
	font-size: 0.8em;
}
.number-input button:before, .number-input button:after {
	display: inline-block;
	position: absolute;
	content: '';
	width: 0.5rem;
	height: 2px;
	background-color: #212121;
	transform: translate(-50%, -50%);
}
.number-input button.plus:after {
	transform: translate(-50%, -50%) rotate(90deg);
}
.number-input input[type=number] {
	font-family: Open Sans,sans-serif;
	max-width: 2.5rem;
	padding: .5rem;
	border: solid #ddd;
	border-width: 0 0px 0 2px;
	font-size: 1em;
	height: 1.5rem;
	font-weight: normal;
	text-align: center;
	color: #333;
}
.number-input-up{
	padding-bottom:0.5em;
}
.number-input-down{
	padding-top:0.5em;
}
.number-input-up button, .number-input-down button{
	background-color: white;
	border:0px;
}
.total-unit{
	color:#666;
	font-size:1em;
	padding:0.3em 
}
.controlplane{
	width:100px;
}
.controlplane input{
	border:0px;
	width:25px;
	color:#666;
}
.celda-bdown{
	border-top:1px solid #e9e9e9!important;
	border-left:1px solid #e9e9e9;
	border-bottom:1px solid #e9e9e9;
	border-right:1px solid #e9e9e9;
	width:20px;
}
.celda-bdown .number-input{
	border:0px;
}
.celda-updown{
	border-top:1px solid #e9e9e9!important;
	border-right:1px solid #e9e9e9;
	border-bottom:1px solid #e9e9e9;
	border-left:1px solid #e9e9e9;
	width:20px;
}
.celda-updown .number-input{
	border:0px;
}
.celda-updown.oneline .number-input-up{
	padding-bottom:0px;
}
.celda-updown.oneline .number-input-down{
	padding-bottom:0px;
}
.espacio{
	height:4px;
}
.table_kubernetes > tbody > tr.espacio > td {
	padding: 0px;
}
.bdl-f1{
	border-left:1px solid #e9e9e9;
}
.bdr-f1{
	border-right:1px solid #e9e9e9;
}
.bdt-f1{
	border-top:1px solid #e9e9e9;
}
.bdb-f1{
	border-bottom:1px solid #e9e9e9;
}
/*table responsive*/
table.responsive {
	border-collapse: collapse;
	margin: 0;
	padding: 0;
	width: 100%;
	table-layout: fixed;
}
@media screen and (min-width: 1024px){
	.datos-fibra{
		width:100% 
   }
	table.responsive {
		table-layout: auto;
   }
}
table.responsive caption {
	font-size: 1.5em;
	margin: .5em 0 .75em;
}
table.responsive tr {
	padding: .35em;
}
table.responsive th, table.responsive td {
	padding: .625em;
	text-align: left;
}
table.responsive th {
	font-size: 1em;
	letter-spacing: .1em;
	text-transform: uppercase;
}
tr.noinstalado td, tr.noinstalado td a{
	color: #ccc;
}
@media screen and (max-width: 768px) {
	table.responsive {
		border: 1px solid #ccc;
		border: 0;
   }
	table.responsive caption {
		font-size: 1em;
   }
	table.responsive thead {
		border: none;
		clip: rect(0 0 0 0);
		height: 1px;
		margin: -1px;
		overflow: hidden;
		padding: 0;
		position: absolute;
		width: 1px;
   }
	table.responsive tr {
		display: block;
		margin-bottom: .625em;
		background-color: #f8f8f8;
		border: 1px solid #ddd;
   }
	table.responsive td {
		border-bottom: 1px solid #ddd;
		display: block;
		font-size: 1em;
		text-align: left;
   }
	table.responsive td::before {
		content: attr(data-label);
		float: left;
		font-weight: bold;
		margin-right:1em;
   }
	table.responsive td:last-child {
		border-bottom: 0;
   }
}
.grafica_kubernetes figure #container{
	margin:10px 8px!important;
}
.grafica_kubernetes #container{
	max-height:200px;
}
@media (max-width:780px){
	.grafica_kubernetes #container{
		max-height:250px;
   }
}
.flex-gap-button button:first-child{
	margin-right:0em;
}
@media (max-width:780px){
	.flex-gap-button button:first-child{
		margin-right:0em;
		margin-bottom: 0.5em;
   }
}
@media screen and (max-width: 768px) {
	table.responsive td {
		border-bottom: 1px solid #ddd;
		display: flex;
		font-size: 1em;
		text-align: left;
   }
}
/*analisis redes*/
/*fibra dual*/
.box-eventos{
	margin: 0 32px;
}
.leyenda-eventos, .filtrado_analisis{
	padding-top:5px;
	flex-wrap: wrap;
}
.leyenda-eventos div{
	margin-right:1em;
}
.ftth-1{
	background-color: #e2e2e2;
}
.ftth-2{
	background-color: #c0c0c0;
}
.g4{
	background-color: #FFE680;
}
.caido{
	background-color: #CC0000;
}
.leyenda-eventos span{
	width:10px;
	height:10px;
	display: inline-block;
	margin-right: .5em;
}
.leyenda-eventos .caido span{
	width:10px;
	height:10px;
	display: inline-block;
	background-color: #CC0000;
}
.barra-eventos{
	width:100%;
}
.barra-eventos .tipo{
	display: inline-block;
	height:20px;
	position:relative;
	cursor:pointer;
}
.detalle-intervencion{
	background-color:#fff;
	border:1px solid #eaeaea;
	color: #666;
	padding:5px;
	height:auto;
	z-index:2;
	position: relative;
}
.detalle-intervencion:before, .detalle-intervencion:after {
	content: '';
	position: absolute;
	top: 100%;
	right: 1px;
	border-style: solid;
	border-width: 10px 7.5px 0 7.5px;
	border-color: #eaeaea transparent transparent 
}
.detalle-intervencion:after {
	content: '';
	position: absolute;
	top: 100%;
	right: 2px;
	border-style: solid;
	border-width: 10px 6.5px 0 6.5px;
	border-color: #fff transparent transparent 
}
.detalle-intervencion a.link-button{
	background: #337ab7;
	color: #fff;
	display: inline-block;
	padding: 0 .5em;
}
.detalle-intervencion .link-intervencion{
	color: #337ab7;
	display: inline-block;
	padding: 0 .5em;
}
/*rosco*/
.leyenda-rosco{
	text-align:center;
}
.leyenda-rosco ul {
	display:inline-block;
	background-color: #f1f1f1;
	border:1px solid #eaeaea;
	padding:.5em;
	margin:0 auto 
}
.leyenda-rosco ul li{
	margin: 0 1em .3em 0;
	font-size: .8em;
}
.leyenda-rosco ul li span{
	width:10px;
	height:6px;
	display: inline-block;
	margin-right:.5em;
	margin-top: .4em;
}
.leyenda-rosco .svw{
	background-color: rgb(228,179,27) 
}
.leyenda-rosco .wwwhttps{
	background-color: rgb(255,127,14);
}
.leyenda-rosco .wwwhttp{
	background-color: rgb(148,103,189);
}
.leyenda-rosco .citrix-maclient{
	background-color: rgb(31,119,180);
}
.leyenda-rosco .facebook{
	background-color: rgb(214,39,40);
}
.leyenda-rosco .apple{
	background-color: rgb(44,160,44);
}
.leyenda-rosco .google-apps{
	background-color: rgb(140,86,75);
}
.leyenda-rosco .ica{
	background-color: rgb(227,119,194);
}
.leyenda-rosco .resto-apps{
	background-color: yellow;
}
@media screen and (min-width:640px) and (max-width:780px){
	.box-rosco{
		flex-direction:row!important;
		align-items: center;
		justify-content: center;
   }
	.leyenda-rosco ul li{
		margin: 0 1em .3em 0;
		font-size: .8em;
		float:left;
		width: 45%;
   }
}
@media screen and (min-width:781px){
	.leyenda-rosco ul{
		display: grid;
		grid-template-columns: 1fr 1fr;
   }
	.leyenda-rosco ul li{
		font-size: .8em;
   }
}
@media screen and (min-width:980px) and (max-width:1200px){
	.leyenda-rosco ul{
		display: grid;
		grid-template-columns: 1fr;
   }
}
/*ajustes*/
/*ajustes bootstrap*/
#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 {
	padding: 6px 10px;
}
.nombre_grupo .fa-sort-up{
	position:absolute;
	right:-10px;
	top:12px;
	font-size:1.3em;
}
.nombre_grupo .fa-sort-down{
	position:absolute;
	right:-10px;
	top:4px;
	font-size:1.3em;
}
/*ajustes rosco redes*/
#chart_rosco{
	bottom:20px;
}
@media screen and (min-width:768px){
	#chart_rosco{
		bottom:60px;
   }
}
@media screen and (min-width:1024px) and (max-width:1440px){
	#chart_rosco{
		bottom:30px;
   }
}
@media screen and (max-width:767px){
	.tipo_fibra a {
		padding: .5em .5em .5em 0;
   }
	.tipo_fibra{
		margin-bottom:1em;
		margin-top: 0.5em;
   }
	.boton_extra_mapa{
		bottom:0px!important;
		left:0px!important;
		top:inherit!important;
		line-height: 24px!important;
		color:red!important;
   }
	.boton_extra_mapa div div{
		line-height: 28px!important;
   }
	.gmnoprint .gm-style-mtc button{
		font-size:16px!important;
		padding:0px 15px!important;
		height: 30px!important;
   }
}
/*analisis*/
.entrante{
	color:#469050;
	font-weight: bold;
}
.saliente{
	color:#0875B8;
	font-weight: bold;
}
.entrante span, .saliente span{
	margin-left:.5em;
}
#controlPorts i, #control i{
	font-size: 1.5em;
	margin-right: .3em;
	color:#ccc;
}
/*tipsy*/
.tipsy-inner {
	background-color: #000;
	color: #fff;
	max-width: 202px;
	padding: 6px 6px 6px 6px;
	text-align: center;
}
.tipsy-arrow {
	position: absolute;
	width: 0;
	height: 0;
	line-height: 0;
	border: 5px dashed #000;
}
/*caja rango gestion cpu/memoria*/
.caja-rango{
	border: 1px solid #f6f6f6;
	background: #fff;
}
.caja-rango .number-input-up{
	padding-bottom:0;
}
.caja-rango .number-input-down{
	padding-top:0;
}
.dato-caja-rango{
	border: 1px solid #f6f6f6;
	background: #fff;
	padding: 0 1em;
	display: flex;
	align-items: center;
}
.caja-rango.nomodif{
	border:0px;
}
/*nuevo dropdown*/
.dropdown-menu{
	padding:.5em 1em;
	min-width:85px;
}
.dropdown-item {
	display: block;
	width: 100%;
	padding: .25rem .5rem;
	clear: both;
	font-weight: 400;
	color: #0066AC;
	text-align: inherit;
	white-space: nowrap;
	background-color: transparent;
	border: 0;
	border-bottom:1px solid #e7e7e7;
}
.dropdown-menu .dropdown-item:last-child{
	border-bottom: 0px;
}
/*badge*/
.badgei{
	padding: 0 .5em;
	color: #fff;
	font-size: .9em;
}
.badgei span{
	font-weight: normal;
}
.badge-azul{
	background-color: #0066AA;
}
.badge-verde{
	background-color: #22CC00;
}
.badge-rojo{
	background-color: #FF0000;
}
.badge-gris{
	background-color: #888;
}
.boton_type1{
	background-color: #0066AA;
	color:#fff;
	padding: .4em .8em;
	text-transform: uppercase;
	text-decoration: none;
	display:inline-block;
	border:0px;
	font-weight:bold;
	font-size: 0.90em;
}
.boton_type1:hover{
	background-color: #bee3f8;
	color:#0066AA;
	padding: .4em .8em;
	text-transform: uppercase;
	text-decoration: none;
}
.boton_type1_off{
	background-color: #ccc;
	color:#fff;
	padding: .4em .8em;
	text-transform: uppercase;
	text-decoration: none;
	display:inline-block;
	border:0px;
	font-weight:bold;
	font-size: 0.90em;
}
.boton_type1_off:hover{
	background-color: #333;
}
h2.titulo2 i{
	font-size:1.3em;
}
/*etiquetas firewall*/
.etiqueta{
	padding: .3em .5em;
	color: #333;
	background-color: #e6e6e6;
	display: inline-block;
	cursor:pointer;
}
.etiqueta-grupo{
	padding: .3em .5em;
	color: #333;
	background-color: #fff;
	display: inline-block;
	border:1px solid #e6e6e6;
}
.filtrado_etiqueta.infiltrado{
	margin:0 0 0 0;
	background-color: #e0e0e0;
}
@media screen and (max-width:767px){
	.box-filtro {
		margin-bottom:1em;
   }
	form.filtrar {
		justify-content: space-between!important;
   }
}
/*tabla firewall*/
table.firewall td:last-child{
	text-align:right;
}
.firewall-g .btn{
	padding: 3px 8px;
	background: #fff;
	border: 1px solid #f1f1f1;
}
tr.desactivado .etiqueta {
	color: #ccc !important;
	background: #fff;
}
/*botones*/
.bot_mas, .bot_menos{
	width:32px;
	height:32px;
	font-size:1.5em;
}
/*form modal*/
@media screen and (max-width:767px){
	.desde_hasta {
		flex-direction: column;
   }
	.desde_hasta input, .desde_hasta select{
		margin-bottom: .5rem !important;
   }
}
.nombre_permito label{
	width: 70px;
}
.modal_permito .desde_hasta label{
	width: 70px;
}
/*ajuste filtros REDES analisis*/
#filtros.leyenda-eventos {
	min-height: auto!important;
	margin: 5px;
}
/*otros casos*/
.graficos-redes .rendimiento{
	margin-bottom:1em;
}
@media screen and (min-width:641px){
	.graficos-redes .rendimiento{
		position: absolute;
		right: 0px;
		margin-bottom: 0em;
   }
}
.detalle-intervencion.sinbefore::before{
	display: none!important;
}
.detalle-intervencion.sinbefore::after{
	display: none!important;
}
.graficos-redes .asis-alerta .encabezado {
	padding: 1em 0;
}
@media screen and (max-width:640px){
	.detalle-intervencion{
		text-align: center;
   }
	.detalle-intervencion a.link-button {
		padding: .5em 1em;
		margin-top: .5em;
   }
}
#rosco{
	min-width:300px;
	margin-right: 2em;
}
.container-nompls form.filtrar{
	text-align:left;
	margin-left: 1em;
}
@media screen and (max-width:1024px){
	.listado_enlaces table.responsive th {
		font-size: .83em;
		color:#000;
   }
}
.listado_enlaces .table_tipo1 > tbody > tr > td {
	vertical-align: top;
}
/*fibra_dual_sin_rosco*/
.fibra_dual_sin_rosco {
	justify-content: flex-end;
}
@media screen and (min-width:640px){
	.fibra_dual_sin_rosco {
		margin-bottom: 0px;
   }
}
/* Plataforma Kubernetes - Tabla de equipos - para que el desplegable de reinicio salga hacia arriba en los 2 ultimos equipos */
.bloque-tabla-scroll tr:last-child .dropdown-menu, .bloque-tabla-scroll tr:nth-last-child(2) .dropdown-menu{
	bottom: 100%;
	top:auto;
}
/*ajuste rediseño*/
.typeahead .active a {
	color: #fff!important;
}

.h-100{
	height:100%;
}