/*********************************************
** CSS DE LA VISTA virtual.xhtml **
**********************************************/
.virtual-info-header {position: relative;text-align: right;background-color: #29398B;}
.virtual-info-header img {max-height: 125px;}
.virtual-info-container{background: #f1f1f1}
.virtual-info-row {margin: 1em 0;}

.info-header-tit{color: white;font-size: 31px;position: absolute;top: 5px;left: 15px;}
.info-header-subtit{color: white;font-size: 22px;font-style: italic;position: absolute;top: 50px;left: 15px;opacity: .7;}
.info-container-tit {text-align: center;font-size: 30px;text-transform: uppercase;font-weight: bold;margin: .75em 0;letter-spacing: 10px;}

.info-paso-img {text-align: right;}
.info-paso-img img {width: auto;height: 175px;}
.info-circulo {position: relative; top: 13px; float: right; right: 180px; background: #e85124; width: 50px; height: 50px; font-size: 26px; text-align: center; border-radius: 30px; color: white; border: 5px solid white; box-shadow: 0px 0px 10px 1px #888888;}
.info-paso-texto {font-size: 20px;margin-top: 3em;margin-right: 1em;margin-bottom: 3em;margin-left: -2em;}
.info-paso-tooltip{font-size: 13px;font-style: italic;margin-top: -4.5em;margin-right: 2em;margin-left: -2em;color: #888888;}
.info-inscripcion-btn{font-size: 15px;margin-top: -3em;margin-left: 2em;font-style: normal;}
.trk_load_my_info_button, .trk_load_my_info_button:focus {font-size: 15px !important;text-decoration: none !important;color: #adacac;background: white;border: 1px solid #adacac;padding: 10px 12px;}
.trk_load_my_info_button:hover {color: #dedede;background: #ce4f36;}
     
@media (max-width: 768px) {
  .container {min-width: auto !important;}
  .virtual-info-header{overflow: hidden;}
  .info-header-tit {font-size: 21px !important;top: 10px !important;right: 10px;}
  .info-header-subtit {font-size: 17px !important;top: 70px !important;right: 10px;}
  .info-container-tit {font-size: 28px !important;margin-bottom: .5em 0 !important;}
  .info-paso-img {text-align: center !important;}
  .info-circulo {float:right !important;right: 440px !important;}
  .info-paso-texto {font-size: 22px !important; margin-top: .2em !important;margin-left: .2em !important;margin-right: .2em !important; text-align: center;}
  .info-paso-tooltip {font-size: 15px !important; text-align: center !important;margin-left: .2em !important;margin-right: .2em !important;margin-bottom: 2em !important;}
  .info-paso-btn{text-align: center !important;}
  .info-inscripcion-btn {text-align: center !important;margin-top: -3.5em;margin-bottom: 5em;margin-left: -3em;}
}
      
/* Botones */
a.boton-back-link{float: left;border: 1px solid #adacac;border-radius: 25px;margin: 5px .5em 0;color: #adacac;background: white;}
a.boton-back-link:hover{color:gray;}
.boton-back-decalogo{font-size: 30px; padding: 5px 10px 4px 8px;}
.botonera{text-align: center; margin: 1em; display: inline-block;padding-top: 3px;}      
.trk_virtual_vinculate_button, .trk_virtual_vinculate_button{padding: 5px 12px; background-color: #CE4F36; border: none; box-shadow: none; border-radius: 3px; color: #fff; text-shadow: none; font-family: Lato !important; font-weight: normal; letter-spacing: 1px; font-size: 13px !important; outline: none; vertical-align: middle;}


/*********************************************
** CSS DE LA VISTA virtualinscripcion.xhtml **
**********************************************/
/* Estilos de los mapas */
.modal {visibility: hidden;display: block;}
.modal[aria-hidden='false'] {visibility: visible;display: block;}
#map{width: 100%; height: 500px; margin: 0 auto;}
.mapa_circuito, .mapa-actividad{width: 100%; height: 120px;}
.icono {text-align: center;line-height: 30px;}        
.icono10 {font-size: 28px;transform: translate( -4px,-22px)}
.salida {opacity: 1;color:#1e6c0d;}
.meta{opacity: 1;color: #cd1616;}
.control{opacity: 1;color: #2a4fea;}
.leaflet-bar a {background-color: #fff;border-bottom: 1px solid #ccc;color: #444;display: block;height: 26px;width: 26px;line-height: 1.45 !important;text-align: center;text-decoration: none;font: bold 18px'Lucida Console', Monaco, monospace;}
@media (max-width: 768px) {
  #map{width: 100%; height: 150px; margin: 0 auto;}
}


/* Estilos de las secciones */
/* Modales*/
.modal-header .close {margin-top: -25px;font-size: 15px;}
.modal-title{font-size: 15px; text-transform: uppercase; font-style: normal;}
/* Secciones */
.virtual-seccion{margin: 0;}
.virtual-seccion-der{padding: 0 .5em 0 0;}
.virtual-seccion-izq{padding: 0 0 0 .5em;}
.icon-configure{font-size: 25px; color: #a2a2a2;}
.separador-configure{border-color: #ececea;}
.configure-soon{vertical-align: top;color: grey;font-size: 12px;}
.configure-txt{color: #c8c8c7;}
.icono-seccion-check{font-size: 20px; position: absolute; top: -10px;}
.seccion-ko{color: red !important;}
.seccion-ok{color: #25a825;}
.row-configure{position: absolute; bottom: 10px; min-height:60px;width: 100%;}
.icono-seccion-checked,.icono-seccion-checked-mv{position: absolute; right: 10px;text-align: center;}
.icono-seccion-checked{bottom: 0;}
.icono-seccion-checked-mv{bottom: 5px;}
.icono-seccion-txt{display: block; font-size: 12px; color: #a2a2a2;text-decoration: none;}
.icono-seccion-inscri{position:absolute;right: 4px;bottom: 4px;text-align: center;color:#666;padding: 5px 3px 1px 5px;}
.icono-seccion-mapas{text-align: center;color:#666;padding: 5px 3px 1px 5px;}
.icono-seccion-activ{position:absolute;right: 4px;bottom: 4px;text-align: center;color:#666;padding: 5px 3px 1px 5px;}
.noconex{margin-top: -24px;margin-bottom: 5px;font-weight: 600;}
.header-col-virdata{padding-bottom: 5px;color: #d9d9d9;font-size: 17px;font-family: 'Lato' ,sans-serif;font-weight: 600;margin-top: 17px !important;margin-bottom: 0px;padding-left: 5px;padding-top: 2px;padding-bottom: 2px;text-align: left;}
.header-ok{background-color: #0c6808}
.header-ko{background-color: #931010}
.header-rechazo{background-color: #282828}
.check-ok{float:right;color:#fafafa;font-size:20px;margin-right: 6px;margin-top: 2px;}
.check-ko{float:right;color:#f2f006;font-size:20px;margin-right: 10px;margin-top: 2px;}
.check-rechazo{float:right;color:#ff0000;font-size:20px;margin-right: 10px;margin-top: 2px;}
.check-mapa-ok, .check-mapa-ko{color:#212121;font-size:20px;margin-left: 10px;vertical-align: middle;}
.check-mapa-ko{color:#fe0006;}
.active .check-mapa-ok {color:#fafafa;}
.active .check-mapa-ko {color:#f2f006;}
.barra-horizontal-virtual{background: transparent; margin-top: 10px; z-index:1;}
/* columnas con el mismo alto */
.row.display-flex{display: flex; flex-wrap: wrap;}
/*.row.display-flex > [class*='col-'] {flex-grow: 1;}*/
.content-col-virdata{height: 100%; padding: 1em; font-size: 13px; background-color: white;}
.content-col-tiempos{height: 100%; padding: 1em; font-size: 20px;font-weight: 600;}

/* Otros */
.virtual-circuito-txt{align-self: flex-end;color: grey;font-size: 12px;margin-left: 1.2em; }
.data-ins-nombre{color: darkslategray;font-size: 18px;margin-top: -5px;}
.data-ins-valor{color: darkslategray;font-size: 14px;margin-top: -5px;}
.col-foto{height: 128px;}
.col-foto img{border-radius: 5px; width: 120px;}
.col-derecha{text-align: right;}
.col-centro{text-align: center;}
.col-strava-aviso{text-align: justify;color: grey;}
.row-separada{margin-top: 12px; margin-bottom: -.5em;}
.descargpx{ background-color: #e8e7e7;font-size: 20px;border: 1px solid #999;padding: 3px;border-radius: 3px; }
.descargpx:hover{ background-color: #ccc; }
.cuadrado-azul{width: 15px;height: 17px;background: #247bd9;display: inline-block;vertical-align: sub;margin-right:2px;}
.cuadrado-naranja{width: 15px;height: 17px;background: #ff5200;display: inline-block;vertical-align: sub;margin-right: 2px;}
.mark-salida{font-size: 20px;color: #162acd; display: inline-block;margin-left: 1em;}
.mark-meta{font-size: 21px;color: #f41403; display: inline-block;margin-left: 1em;margin-right: -3px;}
.mark-control{font-size: 17px;color: #576a10; display: inline-block;margin-left: 1em;}
.estado-col{font-size: 16px; font-weight: bold;}
.estado-pen-subir{color:#fafafa;}
.estado-pen-validar{color:yellow;}
.estado-validado{color:#fafafa;}
.estado-rechazado{color:#fa0000;}
.data-etiq{font-family: 'Yanone Kaffeesatz', sans-serif;color: grey;font-size: 12px;margin-right: 1em;}
.data-valor{color: darkslategray;font-size: 15px;margin-top: -5px;}
.data-etiq-num{font-family: 'Yanone Kaffeesatz', sans-serif;color: lightgrey;font-size: 12px;margin-right: 1em;}
.data-valor-num{color: darkslategray;font-size: 20px;margin-top: -5px;}
.data-plazo{margin: -6px 0;}

/* Circuito */
.circuito-name{margin-top: .5em}
.circuito-opcion,.circuito-opcion-modal{text-align: center; padding: 5px; opacity: .7;margin-bottom: 1em;}
.circuito-opcion:hover, .circuito-opcion-modal:hover{opacity: 1;}
.circuito-selected{opacity: 1;border: 1px solid #ce4f36; border-radius: 5px;}
.circuito-txt{font-size: 10px; color: #8f8f8f;}
.circuito-btn-mv{float: right;text-align: center;}
.circutio-btn-sel{text-align: center;margin-top: 3em;padding-left: 8px;margin-left: -16px;padding-top:12px;padding-bottom:12px;border-left: 1px solid #ececea;}

/* Actividades */
.my-custom-scrollbar {position: relative;height: 300px;overflow: auto;}
.table-wrapper-scroll-y {display: block;}
.selected{background: #ce4f36 !important;color: white;}
.sin-mapa{color: #b7b2b2;}
.err_actividad{color: #ffffff;background-color: #ce0303;margin-top: 8px;height: 26px;padding-top: 4px;padding-right: 4px;}
.virtual-btn-gpx{right: 120px;}

.ui-fileupload-buttonbar{border: none;background: transparent;}
span.ui-button.ui-widget.ui-state-default.ui-corner-all.ui-button-text-icon-left.ui-fileupload-choose {padding: 4px 10px; border: 1px solid #cccccc; border-left: 3px solid #ce4f36; color: #666666; font-weight: normal; font-family: 'Lato' ,sans-serif; font-size: 14px;}

@media (min-width: 992px) {  
  .virtual-actividad-dis{padding-right: 0;}
  .virtual-actividad-tmp{padding: 0;}
}

/* Mapas y tiempos*/
.nav-tabs > li > a {padding: .2em 10px .2em 1em; font-family: Lato,sans-serif !important; font-size: 17px; font-weight: 600; color: #444 !important; background: #ccc !important; border: 1px solid #c8c8c7 !important;}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {padding: .2em 10px .2em 1em; background: #0c6808 !important;color: #d9d9d9 !important; border-bottom: 1px solid #0c6808 !important;}
.nav-tabs > li.active-ko > a, .nav-tabs > li.active-ko > a:hover, .nav-tabs > li.active-ko > a:focus {padding: .2em 10px .2em 1em; background: #931010 !important;color: #d9d9d9 !important; border-bottom: 1px solid #931010 !important;}
.tab-pane {padding: 0 1.5em;}

/* botones */
.virtual-btn{border-top: 1px solid #ccc;border-bottom: 1px solid #ccc;border-right: 1px solid #ccc;text-decoration: none;}
.virtual-disabled{border-top: 1px solid #ccc;border-bottom: 1px solid #ccc;border-right: 1px solid #ccc;text-decoration: none;}
.virtual-disabled:hover{background-color: #ddd;text-decoration: none;}
.virtual-btn-configure{float: right; padding: 2px 7px; margin-bottom: 0; margin-right: 13px;}
.virtual-btn-download{padding: 1px 6px;margin-top: -2px;margin-left: 3px;}   
.virtual-btn-online{padding: 3px 10px;float: right;}
.trk_virtual_load_button{padding: 5px 12px; background-color: #CE4F36; border: none; box-shadow: none; border-radius: 3px; color: #fff; text-shadow: none; font-family: Lato !important; font-weight: normal; letter-spacing: 1px; font-size: 15px !important; outline: none;}
.centerButton{background: white; border: none; width: 30px; height: 30px;}
.centerButton:hover{background: #f4f4f4;}
.boton-back{font-size: 25px;padding: 5px 8px 4px 6px;}
a.boton-back {float:left;margin: 5px 0 5px;width: 50px;height: 50px;background: #CE4F36 url(../../resources/css/up-arrow.png) no-repeat center 43%;border-radius: 50%;transform: rotate(-90deg);  }
a.boton-back:hover {background-color: #b03720;}
/* acortamiento de los textos */
.truncate-title{white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}

/* barra steps */
.virtual-steps{width: 100%; margin: 0 auto;}
.virtualbar {counter-reset: step;}
.virtualbar li {list-style-type: none;width: 19%;float: left;font-size: 12px;font-weight: 500;position: relative;margin-top: -2px;text-align: center;text-transform: uppercase;color: #666;}
.virtualbar li::before { width: 30px;font-family:Montserrat;font-size:14px;height: 30px;content: counter(step);counter-increment: step;line-height: 25px;border: 3px solid #666;display: block;text-align: center;margin: 0 auto 4px auto;border-radius: 50%;padding:0px 0px;background-color: #eee;}
.virtualbar li:after {width: 100%;height: 2px;content: '';position: absolute;background-color: #666;top: 15px;left: -50%;z-index: -1;}
.virtualbar li:first-child:after {content: none;}
.virtualbar li.active {color: #25a825;}
.virtualbar li.active:before {border-color: #25a825;}
.virtualbar li.active + li:after {background-color: #25a825;}
.virtualbar li:hover {color: black;}
.virtualbar li.active:hover {color: green !important;}

/* tiempos */
#parcialesTable {font-family: Lato,sans-serif;font-weight: 300;}
.atletaInfo {margin-bottom: 0px;font-family: Lato,sans-serif;font-weight: 300;}
.info-box{display: block;min-height: 50px;background: #fff;width: 100%;box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);border-radius: 2px;margin-bottom: 15px;opacity: 0.7;}
.info-box-text {display: block;font-size: 12px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.info-box-number {display: block;font-weight: bold;font-size: 18px;}
.info-box-icon {border-top-left-radius: 2px;border-top-right-radius: 0;border-bottom-right-radius: 0;border-bottom-left-radius: 2px;display: block;color: #757575;float: left;height: 50px;width: 50px;text-align: center;font-size: 36px;line-height: 47px;background: rgba(0, 0, 0, 0.2);}
.info-box-content {padding: 4px 10px;margin-left: 48px;background-color: #ececec;}
.more-important {border: 1px solid #757575;opacity: 1;}
.no-margin-box {margin-left: 0px;}
.size-30 {font-size: 30px;}
.size-20 {font-size: 20px;}
.position {margin-left: 8px;display: inline-block;}
.text-red {color: #dd4b39 !important;}
.text-green {color: #00a65a !important;}
.text-male{color: #337AB7 !important;}
.text-female{color: #D46AA5 !important;}

/* Reloj */
#countDownDiv{font-weight: 600;font-size: 23px;}
.timer-wrapper{height: 55px; padding-top: 18px; padding-left: 23px;}

@media (max-width: 768px) {
  .circuito-txt{font-size: 9px !important; margin-top: 1em;}
  .virtualbar li {font-size: 8px !important;}
  .col-foto img{max-width: 100%;}
  .timer-wrapper {height: 40px !important; padding-top: 13px !important; padding-left: 0px !important; background-position-x: 0;margin-top: 5px;}
  #countDownDiv {font-size: 11px !important;}
  .nav-tabs li {margin-left: 0 !important;}
  .virtual-btn-gpx{right: 55px !important;}
}