﻿/* Color textos */
h1, h2, h3, h4, h5, h6, legend {
    color: black;
}


.btn-primary, .pagination > .active > a, body.dark .pagination > .active > a, .owl-theme .owl-controls .owl-nav [class*="owl-"] {
    border-color: #08C !important;
    color: #FFF;
    background-color: #006DCC;
    background-image: linear-gradient(to bottom, #08C, #04C);
    background-repeat: repeat-x;
}
.fa-spinner.fa-pulse {
    color: #08C;
}


#mainMenu {
    text-transform:uppercase;
    font-weight:700;
}

#header nav.mega-menu .nav, #header nav.mega-menu .dropup, #header nav.mega-menu .dropdown, #header nav.mega-menu .collapse {
    position: static;
    margin-top: 1px;
    /*background-color: #637F87;*/
}

#header {
    background-color: black;
    border-top: none;
	min-height: 80px;
    height: 80px;
}

/* INICIO ESTILOS BOTONES */
.btn-primary, .pagination > .active > a, body.dark .pagination > .active > a, .owl-theme .owl-controls .owl-nav [class*="owl-"] {
    border-color: #637F87 !important;
    color: black !important;
    background-color: white !important;
    background-image: none !important;
    background-repeat: repeat-x;
}

.btn-primary:hover{
    color: white !important;
    background-color: #05adef !important;
    border-color: #05adef !important;
    background-image: none;
    background-repeat: repeat-x;
}
a#btnParrilla {
	display: none !important;
}
/* FINAL ESTILOS BOTONES */

/* Color del fondo al pasar por encima del menú principal */
ul.nav-main > li > a:hover, ul.nav-main > li > a:focus {
    background-color: transparent !important;
    color: #05adef !important;
}

/* Tamaño de fuente de la letra del menú principal */
ul.nav-main li a {
    font-size: 1.4rem;
}

/* Color texto hipervinculos menú principal */
#mainMenu a {
    color: white;
}

#mainMenu a:hover{
    height: 56px;
    margin-bottom: -8px;
}

/* Barra donde se ubica el menú cuyo ancho ocupa toda la página */
.navbar-collapse.collapse {
    display: block !important;
    visibility: visible !important;
    height: 57px !important;
    padding-bottom: 0;
    overflow: visible !important;
    margin-bottom: -7px;
	margin-top: -107px;
}

.main{
    margin-top: 35px;
}

/* Estilos cabecera al hacer scroll (animación cabecera) */
body.sticky-menu-active #header {
    border-bottom: 0px solid #E9E9E9 !important;
    position: fixed !important;
    top: 0px !important;
    width: 100% !important;
    z-index: 1001 !important;
    box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.1) !important;
    filter: none !important;
    background: black !important;
}

html .wizard-progress .wizard-steps li.active a, html.dark .wizard-progress .wizard-steps li.active a {
    color: #08C;
}

/* CONTENEDOR */
.well
{
    border-radius: 40px;
}

/*PasoSeleccionCuota*/
.featured-box-secundary .box-content {
    border-top-color: #08C;
}
.featured-box .box-content {
    border-top: 4px solid #05adef;
}


/* INICIO ESTILOS CALENDARIO */
.datepicker.datepicker-inline {
    background: none repeat scroll 0% 0% #FFF;
    border: 1px solid #EEE;
}
/*cabecera calendario*/
.datepicker table thead tr {
    background:#08C;
    border-radius:0;
    color:#fff;
}
.datepicker table thead tr:first-child th:hover {
    background-color: #006DA4;
}
.datepicker table thead tr:last-child th:hover {
    cursor: default;
}
.datepicker table tbody tr td.day:hover {
    background: none repeat scroll 0% 0% #007BB8;
}
.datepicker tbody tr td.day:hover, .datepicker table tr td span:hover {
    background-color: #08C;
}
/*seleccion calendario*/
.datepicker table tbody tr td.day.active, .datepicker table tr td span.active.active {
    background-color: #285E8E;
    border-color: #285E8E;
}
.datepicker table tbody tr td.day.active:hover, .datepicker table tr td span.active.active:hover {
    background-color: #666;
    border-color: #666;
}
/* FIN ESTILOS CALENDARIO */

/* INICIO ESTILOS LOGO */
.logo a img {
    width: 166px !important;
    height: 50px !important;
}

.logo-sticky-active a img {
    width: 166px !important;
    height: 50px !important;
	top: -25px !important;
}

/* FIN ESTILOS LOGO */

/* INICIO ESTILOS ITEMS PROGRESO (LOS CIRCULOS REDONDOS QUE MUESTRAN EL PROCESO) */
/* Color número interior del círculo y del borde del círculo*/
html .wizard-progress .wizard-steps li.active a span, html.dark .wizard-progress .wizard-steps li.active a span 
{
    color: black !important;
    border-color: black !important;
}

/* Color del texto bajo el círculo */
html .wizard-progress .wizard-steps li.active a, html.dark .wizard-progress .wizard-steps li.active a {
    color: black !important;
}

/* Color borde del círculo y fondo del círculo cuando se completa el paso */
html .wizard-progress .wizard-steps li.completed a span, html.dark .wizard-progress .wizard-steps li.completed a span {
    border-color: black !important;
    background: black !important;
}

/* Color de la línea que une cada círculo con el siguiente */
html .wizard-progress .steps-progress .progress-indicator, html.dark .wizard-progress .steps-progress .progress-indicator {
    background: black !important;
}
/* FIN ESTILOS ITEMS PROGRESO */

/* INICIO ESTILOS TABLA PRECIO FINAL */
.pricing-table h3 {
    color: #fff;
    text-shadow: 0px 1px rgba(0, 0, 0, 0.8);
    background: #08C;
    /*#165EC8*/
}

.pricing-table h3 span {
    color: #000;
}
/* FINAL ESTILOS TABLA PRECIO FINAL */

/* Estilos barra de idiomas */
#idiomas{
    width: 100%;
    height: 38px;
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px;
    background-color: #585858;
}
#idiomas ul{
   position: relative !important;
   display: table !important;
   float:right;
}
input#btnLenguajeCA {
    display: none;
}
input#btnLenguajeEU {
    display: none;
}
input#btnLenguajeFR {
    display: none;
}
input#btnLenguajePT {
    display: none;
}

/* Propiedad para que al hacer scroll no vibre el logo */
#footer {
    margin-bottom: 0px !important;
    background: black;
}

/* Encuestas */
#Cuestionario-titulo {
    margin-top: 1em;
    margin-bottom: 0em;
    text-align: center;
}

#Cuestionario-contenedorPrincipal {
    text-align: center;
}

#Cuestionario-formulario {
    text-align: center;
}

.Cuestionario-tituloPregunta, .Cuestionario-modalTexto {
    text-align: left;
    color: black;
}

.Cuestionario-tituloPregunta {
  margin-top:2em;  
}

.Cuestionario-selectorPregunta {
    text-align: center;
    width: 85%;
}

.Cuestionario-opcionesPregunta {
    text-align: center;
}

.Cuestionario-modalTexto {
    text-align: center;
    color: red !important;
}

#EnviarCuestionario {
    margin-top:2em;
    text-align: center;
}

.Cuestionario-radioRespuestas {
    list-style: none;
    margin-left: 2%;
}
.body-sign .panel-sign .panel-body {
    border-top-color: rgba(0, 0, 0, 0.7);
    background: rgba(0, 0, 0, 0.7);
}
.body-sign .panel-sign .panel-title-sign .title {
    background-color: rgba(0, 0, 0, 0.7);
}
.col-xs-3 {
	color: white;
}
.toggle label {
    border-left-color: #05adef;
    color: #05adef;
}
.toggle.active > label {
    background: #05adef !important;
    border-color: #05adef;
}
div#divContainerInternoTextoPublico, div#MainContent_divContainerInternoBotones {
    background-color: rgba(0, 0, 0, 0.7);
    border: 1px solid rgba(0, 0, 0, 0.7);
	color: white;
}
.modal-block-primary.modal-header-color .panel-heading, .datepicker table thead tr:first-child th, .datepicker table thead tr:last-child th {
    background-color: #05adef;
    border-radius: 0px;
    color:white;
}
input#Username:focus, input#Password:focus {
	color: white;
}
img.img-circle {
    display: none;
}
header.header {
	background-color: rgba(0, 0, 0, 0.7);
    background-image: none;
    border-bottom: 1px solid rgba(0, 0, 0, 0.7);
    border-top: 3px solid rgba(0, 0, 0, 0.7);
}
span#spLayoutNombreCliente {
	color: white;
}
.dropdown-menu {
    background: black !important;
}
#MainContent_RadioPagoBanco{
    display: none !important;
}

/* Eliminar cuenta bancaria en el alta */

div#divSelectorPago > div#radio2 > label[for="MainContent_RadioPagoBanco"] {
	display: none !important;
}

label#lblTipoDeCliente1,
label#lblTipoDeCliente38 {
    display: none !important;
}

span#MainContent_lblTextoPublico div p span {
    font-size: 25px !important;
    /* padding: 13px; */
}

#dateAACC {
    margin-top: 3px;
    width: 210px !important;
    text-align: left;
}
#divNombreCentro {
	display: none;
}
@media (min-width: 990px) {
	.tm-box.appear-animation.noPermitidaReserva.fadeInRight.appear-animation-visible {
		background-color: white !Important;
	}
}
.bootstrap-datetimepicker-widget.dropdown-menu.usetwentyfour.bottom.pull-right {
    position: absolute !important;
    margin-top: 10px;
    background: white !important;
}


@media (max-width: 780px) {
    .timeline .tm-title {
        /* min-width: 180px; */
        width: 100%;
    }
    .timeline .tm-items > li {
        margin: 20px 0;
        padding: 0;
    }
    .timeline .tm-items > li .tm-box {
        border-radius: 0px !important;
        /*background-color: #ffffff !important;*/
        border-top:0px !important;
        border-right:0px !important;
    }
    html {
        overflow: auto;
    }
    .timeline .tm-items > li .tm-info {
        margin: 0 0 15px;
        position: absolute;
        z-index: 100;
        right: 20px;
        top: 10px;
        color: white;
    }
    .col-tm .btn-success {
        position: absolute;
        bottom: 0;
        right: 0;
        border-radius: 0;
        opacity: 1;
        background: black;
    }
	
	.dropdown.pull-left {
		width: 100%;
		margin-left: 0!important;
	}
	.dropdown.pull-left .btn-group, .btn-group-vertical {
		width: 100%;
	}
	.vistaLista, .vistaAgenda {
		width: 50% !important;
	}
}

section#seccionIdTipoDeCliente15 {
    display: none;
}

label[for=MainContent_RadioSinDni] {
    display: none;
}


#MainContent_divAgrupaciones > .panel-body button:nth-of-type(1) {
    display: none !important;
  } 
  
  /*añadir imagen al icono de FitToken*/
li.liVentajas:last-child i.fas:before {
	background-image: url(/Personalizar/Img/fittoken.png) !important;
	background-size: 22px 22px !important;
    display: inline-block !important;
    width: 22px !important;
    height: 22px !important;
    content: "" !important;
}  

#divMultiinstalacion {
	display: none;
}

/* AALL */ 
.content.divNombreDescripcionALPublic h4.title.title-modern,
.content.divNombreDescripcionALPublic p.description,
.content.divNombreDescripcionALPrivate h4.title.title-modern,
.content.divNombreDescripcionALPrivate p.description {
    color: black !important;
}
div[actividadlibre="2"] {
    background-image: url(/Personalizar/Img/aall/EP.JPG) !important;
}
div[actividadlibre="7"] {
    background-image: url(/Personalizar/Img/aall/coach.JPG) !important;
}
div[actividadlibre="35"] {
    background-image: url(/Personalizar/Img/aall/Allegro.JPG) !important;
}
div[actividadlibre="40"] {
    background-image: url(/Personalizar/Img/aall/Recovery.JPG) !important;
}
div[actividadlibre="43"] {
    background-image: url(/Personalizar/Img/aall/nutricion.JPG) !important;
}


section#seccionIdTipoDeCliente40 {
	DISPLAY: NONE !IMPORTANT;
}
section#seccionIdTipoDeCliente41 {
	display : NONE !IMPORTANT;
}
div#w4-DatosPersonales, div#divContainerTratamientoDatos {
    width: 100%;
}
