#testq {
	color: red;
	font-size: 20px;
}
#map{
	width: 100%;
	height: 500px;
}
.disclaimer {
	font-style: italic;
	color: grey;
	margin-top: 25px;
	padding: 10px;
}

.refresh_info {
	margin-top: 20px;
	text-align: center;
}

.filter-styles {
	padding: 10px !important;
}

.row>[class*="span3 test"] {

	border-left: 5px solid #f2f2f2;
	border-right: 5px solid #f2f2f2;
	padding-left: 5px;
	padding-right: 5px;
}

.row>[class*="span2 test"] {

	border-left: 5px solid #f2f2f2;
	border-right: 5px solid #f2f2f2;
	padding-left: 5px;
	padding-right: 5px;
}

.test_section {
	color: grey;
}

.SIS_Active {
	font-weight: bold;
	color: #009900;
}

.SIS_Outage {
	font-weight: bold;
	color: #FF0000;
}

.MT_0_0 {
	color: #FF0000;
}

.MT_0_2 {
	color: #FF6600;
}

.MT_2 {
	color: #009900;
}

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
}

.Very_Big {
	font-size: 36px;
}

.Bit_Big {
	font-size: 18px;
}

.Bit_Small {
	font-size: 12px;
}

.PRN_Title {
	font-size: 16px;
	font-weight: bold;
}

.Hours {
	font-weight: bold;
	background-color: #FFFFFF;
}

#prn_information {
	padding-left: 10px;
}

/*	Code for the Tabs	*/

.menup {
	/*	Tabs background color	*/
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	background-color: #FFFFFF;
	float: left;
	width: 100%;
	/*	Tab bottom line color	*/
	border-bottom: 2px solid #000000
}

.menup ul {
	list-style: none;
	margin: 0px;
	padding: 5px 10px 0
}

.menup li {
	display: inline
}

/*	Text Color for not selected tab	*/
.menup a {
	background: url(mnu_right.gif) no-repeat right top;
	float: left;
	margin: 0 1px 0 0;
	padding: 0px;
	color: #d2d2d2;
	text-decoration: none
}

.menup a span {
	background: url(mnu_left.gif) no-repeat left top;
	display: block;
	padding: 5px 15px
}

.menup a:hover {
	background-position: 100% -75px
}

/*	Text Color when hovering not selected tab	*/
.menup a:hover span {
	background-position: 0% -75px;
	color: #000000
}

.menup li.current a {
	background-position: 100% -75px;
	position: relative;
	top: 2px
}

/*	Text Color for current tab	*/
.menup li.current a span {
	background-position: 0% -75px;
	color: #000000
}

.rangeslider_upcm {
	height: auto;
	background-color: white;
	padding: 20px;
	text-align: center;
	font-size: 30px;
	overflow: scroll !important;

}

output#hour {
	text-align: center;
	display: block;
	float: left;
	margin-top: 20px;
	width: 100%;
}

#tabs_content {
	padding-left: 45px;
	margin-bottom: 40px;
}

a {
	cursor: pointer !important;
}

.more-info {
	cursor: pointer !important;
}

#map {
	position: relative;

}

@media(min-width: 600px) {
	.mov-visible {
		display: none;
		text-align: center;
		font-weight: bold;
	}

}
.egnos-tooltip{
	background-color: #e5e5e5;
}

@media(max-device-width: 600px) {
	/*#map {
		width: 90% !important;
		height: 400px !important;
		position: absolute;
		z-index: 100;
		margin: 30px;
		left: -10px;
		box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;
	}*/

	#rims_realtime {
		width: 120px !important;
	}

	.hiden-mov {
		display: none;
	}

	.mov-visible {
		text-align: center;
		color: #30777d;
		padding-top: 20px;
		font-weight: bold;
		font-size: 16px;
		line-height: 25px;
		text-transform: uppercase;
		
	}

	#select_rims_form {
		min-height: 120px;
	}
}

#rims_submit {
	/*float: right;*/
	margin: 15px;

}
#map-point{
	padding: 10px;
	/*margin-left: 10px;*/
}
.egnos-table-row > div {
	padding-bottom: 0 !important;
}
.back-image {
    position: absolute !important;
    clear: both;
    float: none;
    top: 0;
    left: 0;
    background-size: contain;
    background-position: center;
    opacity: 1;
    width: 100%;
    height: 200px;
    background-repeat: no-repeat;
    background-color: white;
}
.big-back-image{
	position: absolute;
    clear: both;
    float: none;
    top: 0;
    left: 0;
    /*background-size: 800px 600px;*/
    opacity: 1;
    /*width: 800px;
    height: 600px;*/
    background-repeat: no-repeat;
    background-color: white;
}
.show-slider-1 {
	max-height: 747px;
	max-width: 1010px;
	min-width: 850px;
	overflow: auto;
	top: 0px;
	position: fixed;
	width: auto;
	height: 98%;
	background-color: #FFF;
	padding: 10px;
	border: 5px solid #CCC !important;
	z-index: 1000;
	margin: 0.5% auto;
	left: 0;
	right: 0;
	box-shadow: rgb(0 0 0 / 56%) 0px 22px 70px 4px;
}

.cerrar-slider {
	border-radius: 50%;
	text-align: center;
	padding: 5px;
	font-size: 12px;
	width: 30px;
	height: 30px;
	font-weight: bold;
	float: right;
	box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 5px 0px, rgba(0, 0, 0, 0.1) 0px 0px 1px 0px;
	position: absolute;
	right: 10px;
	top: 10px;
	cursor: pointer;
	z-index: 100;



}

.cerrar-slider:hover {
	box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 5px 0px, rgba(0, 0, 0, 0.1) 0px 0px 1px 0px;
	font-weight: bold;
	color: darkblue;

}

h4.hline {
	text-align: center;
}

.rangeslider_upcm>div img {
	min-width: 650px !important;
}

@media (min-width: 992px) {
	.modal-xl {
		width: 1010px !important;
	}

	.hiden-web {
		display: none;
	}
}

.m-0 {
	margin: 0 !important;
}

.modal-header {
	padding: 10px;
	border-bottom: 1px solid #e5e5e5;
}

.hour00::before {
	content: 'Today->';
	font-size: 12px;
	opacity: 1;
	position: absolute;
	top: 60px;
	background-color: white;
	left: 10px;

}
.show-mov{
	display: block !important;
}
.egnos-table-row .egnos-tooltip {
	height: auto !important;
}
.border-bt-title{
  border-bottom: 2px solid #cccccc !important;
}
.border-br-block{
  border-right: 2px solid #ffffff !important;
}
.card-hpe{
	/*background-color: #ffffff;*/
	margin: 5px;
	padding: 5px;
}
.hour23::before {

	content: '<-Yesterday';
	font-size: 12px;
	opacity: 1;
	position: absolute;
	top: 60px;
	background-color: white;
	z-index: 10;
	right: 0px;
}

.hour23 img {
	border-right: 2px dashed #1a5e65;
}

.a-miniatura {
	position: relative;
	width: 75px;
	height: 75px;
	float: left;

}

.opacity-yesterday {
	opacity: 0.6;
}

@media (max-width: 1000px) {
	.w-1000 {
		width: 1000px;
	}

	.scroll {
		overflow: scroll;
		height: 700px;
	}
}

.a-miniatura .active img {
	border: 2px solid #1a5e65;
}

.a-miniatura img:hover {
	opacity: 0.7;
}

.a-miniatura img {
	padding: 0 !important;
}

.gps-selector-b {
	top: 10px !important
}

@media screen and (max-width: 700px) {
	#back-image {
		background-size: 100% !important;
	}
}

.position-relative {
	position: relative;
}

/* .tooltip.top .tooltip-arrow , .tooltip-inner {background-color: #4CAF50 !important;}*/
.mt-50 {
	margin-top: 50px;
}

.nav-tabs .nav-link {
	border: 1px solid transparent;
	border-top-left-radius: 0.25rem;
	border-top-right-radius: 0.25rem;
	padding: 10px 10px 0 10px;
}

.nav-tabs .nav-item {
	margin-bottom: -1px;
}

.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
	color: #495057;
	background-color: #fff;
	border-color: #dee2e6 #dee2e6 #fff;
}

.nav-tabs .nav-link:focus,
.nav-tabs .nav-link:hover {
	border-color: #e9ecef #e9ecef #dee2e6;
}

#upcm_tabs {
	margin-top: 50px;
}
#os-desviation-form .form-type-select{
  min-width: 250px;
  margin: 10px 0;
}
.panel-default > .panel-heading{
	clear: both;
}
.form-w-buttom{
	clear: both;
	
}
.m-t-40{
	margin-top: 40px;
}

@media (max-width: 767px) {
	.os-desviation-form .h250 {
    height: 250px !important;
}
	/* .h250{
		height: 290px !important;
	}
  .os-desviation-form .img-filter{
	width: 250px !important;
	height: 250px !important;

}
	.os-desviation-form .big-back-image{
 
	}
	.os-desviation-form .back-image{
	width: 250px !important;
	height: 250px !important;	
	}
	.group-img-cont{
		width: 250px;
		height: 250px;
	}*/
	

}


/* 🔒 Contenedor cuadrado siempre, incluso en móvil */
.group-img-cont.modal-images {
  position: relative;
  width: 100%;
  max-width: 800px;
  aspect-ratio: 1 / 1;
  overflow: hidden;
  margin: auto;
  display: block;
}

/* 🔒 Capas de imagen superpuestas */
.group-img-cont.modal-images .back-image,
.group-img-cont.modal-images .img-filter {
  position: absolute !important;
  inset: 0;
  width: 100% !important;
  height: 100% !important;
  background-size: cover !important;
  background-position: center;
  background-repeat: no-repeat;
  background-color: white;
}

/* 🔢 Orden de capas (opcional si quieres transparencia) */
.group-img-cont.modal-images .img-filter:nth-child(2) {
  z-index: 2;
}
.group-img-cont.modal-images .img-filter:nth-child(3) {
  z-index: 3;
}

/* 📱 Ajuste de modal en móviles */
@media (max-width: 600px) {
  .modal-dialog.modal-lg {
    max-width: 95vw;
  }

  .group-img-cont.modal-images {
    max-width: 95vw;
    aspect-ratio: 1 / 1;
  }
}