.table-latest {
	max-height: 168px;
	max-width: 100%;
	overflow: auto;
}

.remember {
	color: #e9bd2f;
}

.remember:hover {
	color: crimson	 !important;
}

.span-info {
	font-size: 1.4em;
	margin-top: -0.1em;
	margin-left: 0.5em;
}

.latest-container {
	width: 100%;
}

.label-marker-green {
  background: #2ecc71;
  box-shadow: 1px 1px 1px #333;
  border:2px solid black;
  height: 14px;
  width: 14px;
  border-radius: 12px;
  opacity: 0.75;
}

.label-marker-orange {
  background: orange;
  box-shadow: 1px 1px 1px #333;
  border:2px solid black;
  height: 16px;
  width: 16px;
  border-radius: 12px;
  opacity: 0.75;
}

.label-marker-red {
  background: red;
  box-shadow: 1px 1px 1px #333;
  border:2px solid black;
  height: 18px;
  width: 18px;
  border-radius: 12px;
  opacity: 0.75;
}

.nomenclatura
{
	margin: 0 auto;
	width: 80%;
	display: grid;
	grid-template-columns: repeat(7, 1fr);
	grid-gap: 5px;

}

.nomenclatura-col
{
	width: 100%;
	grid-column: span 1;
	text-align:center;
}

/*Propuesta 2*/

.nomenclatura-label-marker-rango0-p6 {
  background: #2e9027;
  box-shadow: 1px 1px 1px #333;
  border:2px solid black;
  height: 16px;
  width: 16px;
  border-radius: 12px;
  opacity: 0.75;
  margin: 0 auto 10px auto;
}

.nomenclatura-label-marker-rango1-p6 {
  background: #fff833;
  box-shadow: 1px 1px 1px #333;
  border:2px solid black;
  height: 16px;
  width: 16px;
  border-radius: 12px;
  opacity: 0.75;
  margin: 0 auto 10px auto;
}

.nomenclatura-label-marker-rango1-p7 {
  background: #ffd700;
  box-shadow: 1px 1px 1px #333;
  border:2px solid black;
  height: 16px;
  width: 16px;
  border-radius: 12px;
  opacity: 0.75;
  margin: 0 auto 10px auto;
}


.nomenclatura-label-marker-rango2-p6 {
  background: #f57a00;
  box-shadow: 1px 1px 1px #333;
  border:2px solid black;
  height: 16px;
  width: 16px;
  border-radius: 12px;
  opacity: 0.75;
  margin: 0 auto 10px auto;
}

.nomenclatura-label-marker-rango3-p6 {
  background: #e31a1c;
  box-shadow: 1px 1px 1px #333;
  border:2px solid black;
  height: 16px;
  width: 16px;
  border-radius: 12px;
  opacity: 0.75;
  margin: 0 auto 10px auto;
}

.nomenclatura-label-marker-rango4-p6 {
  background: #8b1831;
  box-shadow: 1px 1px 1px #333;
  border:2px solid black;
  height: 16px;
  width: 16px;
  border-radius: 12px;
  opacity: 0.75;
  margin: 0 auto 10px auto;
}

.nomenclatura-label-marker-rango5-p6 {
  background: #ff00ff;
  box-shadow: 1px 1px 1px #333;
  border:2px solid black;
  height: 16px;
  width: 16px;
  border-radius: 12px;
  opacity: 0.75;
  margin: 0 auto 10px auto;
}

.nomenclatura-label-marker-rango6-p6 {
  background: #800080;
  box-shadow: 1px 1px 1px #333;
  border:2px solid black;
  height: 16px;
  width: 16px;
  border-radius: 12px;
  opacity: 0.75;
  margin: 0 auto 10px auto;
}
/*propuesta 2*/


.latest-row-3 {
	margin-bottom: 1em;
}

.nomenclatura {
	margin-top: 1em;
	margin-bottom: 2em;
}

.latest-mag {
	font-size: 1.2em;
	font-weight: 700;
}

@media (min-width: 768px) {
	.parameter-long-name {
		display: inline-block;
	}
	.parameter-short-name {
		display: none;
	}
	.utc-break {
		display: none;
	}
}

@media (min-width: 992px) {
	.parameter-long-name {
		display: none;
	}
	.parameter-short-name {
		display: inline-block;
	}
	.table {
		font-size: 0.95em;
	}
	.table-latest {
		max-height: 164px;
		max-width: 100%;
		overflow: auto;
	}
}

@media (min-width: 1100px) {
	.table-latest {
		max-height: 196px;
	}
}

@media (min-width: 1200px) {
	.parameter-long-name {
		display: inline-block;
	}
	.parameter-short-name {
		display: none;
	}
	.table-latest {
		max-height: 275px;
		max-width: 100%;
		overflow: auto;
	}
}

@media (min-width: 1300px) {
	.table-latest {
		max-height: 306px;
	}
}

@media (min-width: 1400px) {
	.table {
		font-size: 1em;
	}
	.table-latest {
		max-height: 340px;
	}
}

@media (min-width: 1500px) {
	.table-latest {
		max-height: 370px;
	}
}

@media (min-width: 1600px) {
	.table-latest {
		max-height: 410px;
	}
}

@media (min-width: 1700px) {
	.table-latest {
		max-height: 440px;
	}
}

@media (min-width: 1800px) {
	.table-latest {
		max-height: 480px;
	}
}

@media (max-width: 991px) {
	.latest-title-select {
		text-align: center;
	}
		.nomenclatura-col
	{
		grid-column: span 2;
	}

}

@media (max-width: 767px) {
	.parameter-long-name {
		display: none;
	}
	.parameter-short-name {
		display: inline-block;
	}
	.nomenclatura {
		font-size: 0.85em;
	}

}

@media (max-width: 479px) {
	.table {
		font-size: 0.85em;
	}
}

@media (max-width: 550px) {
	.ssn-map-brand {
		display: none !important;
	}
	.ssn-map-brand-xs {
		display: inline-block !important;
	}
}

.ssn-map-brand {
	text-align: center;
	background-color: rgba(255, 255, 255, 0.6);
	/*margin-top: 2.75em;*/
	margin-bottom: 1.4em;
	padding-left: 0.5em;
	padding-right: 0.5em;
	font-size: 1em;
	font-weight: 700;
	color: #003a73;
	margin-right: -22.2em;
	line-height: normal;
}

.ssn-map-brand-xs {
	text-align: center;
	background-color: rgba(255, 255, 255, 0.6);
	/*margin-top: 2.75em;*/
	margin-bottom: 1.4em;
	padding-left: 0.5em;
	padding-right: 0.5em;
	font-size: 1em;
	font-weight: 700;
	color: #003a73;
	margin-right: 11.7em;
	line-height: normal;
	display: none;
}

.arrow-top {
    margin-top: -36px;
    margin-left: 42px;
}

.label-marker-background {
	background: white; 
}

/* Estos cambian el color del fondo del evento seleccionado*/

.recent-event-row-selected-purple {
	background-color: #800080;
	color: white !important;
}

.recent-event-row-selected-deeppink {
	background-color: #ff00ff;
	color: white !important;
}

.recent-event-row-selected-brown {
	background-color: #8b1831;
	color: white !important;
}

.recent-event-row-selected-red {
	background-color: #e31a1c;
	color: white !important;
}

.recent-event-row-selected-orange {
	background-color: #f57a00;
	color: white !important;
}

.recent-event-row-selected-yellow {
	background-color: #fff833;
	color: white !important;
}

.recent-event-row-selected-gold {
	background-color: #ffd700;
	color: black !important;
}

.recent-event-row-selected-green {
	background-color: #2e9027;
	color: white !important;
}

.recent-event-row-selected-mag {
	color: white !important;
}

.recent-event-row-selected-mag-gold{
        color: black !important;
}

.hidemarkerstest {
	display: none;
}

/*
@media (max-width: 319px) {
	.section-heading {
		margin-right: 0 !important;
	}
}
*/

.estilete { margin-top: -36px; margin-left: 42px; }
.btn-catalog, .btn-catalog:focus { background-color: #f9bf3B; letter-spacing: 0.1em; color: white; border: 2px solid #f9bf3f; padding-top: 0.2em; padding-bottom: 0.2em; }
.btn-catalog:hover { background-color: transparent; border: 2px solid #f9bf3f; color: #f9bf3f; }