﻿

/* fuentes */


/*li#liReservas {
    display: none;
}*/

@import url('https://fonts.googleapis.com/css2?family=Archivo&family=Lato&family=Oswald&display=swap');

li#liActividadesColectivasPorMonitor {
  display: none;
}
@font-face {
  font-family: 'Archivo', sans-serif;
  src: url('/Personalizar/Fonts/Archivo/Archivo-Regular.ttf');
}

div#MainContent_divPanelImportes ul li:last-child {
  background: #c3c3c3;
}

/* Color textos */

/*#liServicios,
#liCursillos,
#liBonos,
#liRutinas {
  display: none;
}*/

.header-right {
  float: right;
  height: 40px;
}

.table-responsive {
  display: flex;
}

body,
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4 {
  font-family: 'Archivo', sans-serif !important;
  font-weight: 300;
  line-height: 1.5em;
  letter-spacing: 3px;
}

input#dateAACC {
  font-family: 'Archivo', sans-serif !important;
}

.dashcolectivas.dash-flex .col-sm-6 {
  width: 100%;
  margin-bottom: -23px;
}
div#divDateDesde,
div#divDateHasta {
  position: absolute;
  z-index: 100;
}
span.dashtext.countcolectivas {
  /* width: 300px; */
  text-transform: uppercase;
}
h1.sectiontitle {
  display: none;
}
div#imagenAC {
  background-image: url(/Personalizar/Img/horario.jpg) !important;
  background-repeat: no-repeat;
  background-size: cover;
  background-position-y:0px;
}
div#imagenAC2 {
  background-image: url(/Personalizar/Img/plaza.jpg) !important;
  background-repeat: no-repeat;
  background-size: cover;
  background-position-y: -15px;
}
.tm-meta {
  margin-left: 15px !important;
}
.tm-box.appear-animation.fadeInRight.appear-animation-visible h2 {
  font-family: 'archivo', sans-serif !important;
}
table#tablaPlazas * {
  border: none;
  padding: 0;
  text-align: center;
  width: 50px;
  height: 50px;
  border-radius: 0px;
}
button.btn.btn-plazas {
  background: #555555;
}
button.btn.btn-plazas:hover {
  background: #000000;
  color: white;
}
.main.mainCard {
  height: auto !important;
  background: transparent;
}
h2#textoSeleccionPlaza {
  color: #555555 !important;
  padding-bottom: 70px;
  background: url(/Personalizar/img/instructor.png);
  background-size: 140px !important;
  background-repeat: no-repeat !important;
  background-position-x: 140px !important;
  background-position-y: bottom !important;
}
.pricing-table h3 {
  color: #ffffff !important;
  text-shadow: 0px 1px rgba(0, 0, 0, 0.8);
  background: #555555 !important;
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
}
h3#MainContent_h1InformacionUrlOk {
  color: #555555 !important;
}
.card h4,
.card .h4 {
  font-size: 24px;
  line-height: 30px;
  color: #555555 !important;
}

.well {
  min-height: 20px;
  border-radius: 0px !important;
  padding: 0px;
  margin-bottom: 20px;
  background-color: #f5f5f5cc;
  /* border: 1px solid #e3e3e3; */
  /* border-radius: 4px; */
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
  padding-left: 0px !important;
  padding-right: 0px !important;
}
div#divContainerWell h1,
div#divContainerWell h2,
div#divContainerWell h3,
div#divContainerWell h4,
div#divContainerWell label {
  color: #555555;
  letter-spacing: 0px;
    text-align: center;
}
label#MainContent_lblInformacionPagina {
    font-size: 30px;
}
h1#MainContent_h2SeleccionarCuota {
    text-align: center;
}
.transaccion {
  background-color: #fff;
  text-align: center;
  border: 1px solid #ddd;
  border-radius: 5px;
}
label#lblMensajeErrorH4 {
  color: #ff0000;
}

html.dark .checkbox-primary label:before,
.checkbox-primary label:before {
  background: #555555;
  border-color: #555555;
}
div#modalHeaderColorDanger {
  color: #555555;
}
fieldset#MainContent_flTerminos a {
  color: #555555;
  text-decoration: underline;
}
#MainContent_divAccionesComerciales {
  margin-top: 20px;
  border: 3px solid #555555;
  padding: 10px;
}
#MainContent_divPermitirCompartirDatosATerceros {
  border: 3px solid #555555;
  padding: 10px;
}
#MainContent_divPermitirCompartirImagenRedesSociales {
  border: 3px solid #555555;
  padding: 10px;
}
button#btnParrilla {
  display: none;
}
.textoScroll {
  overflow-y: scroll;
  height: 200px;
  border: 1px solid #999;
  margin-bottom: 30px;
  padding: 4px 9px;
  text-align: left;
}
.form-control:focus {
  border-color: #555555;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset,
    0 0 8px rgba(84, 84, 84, 0.3);
  background: rgba(93, 93, 93, 0.1);
}
html.dark .radio-primary input[type="radio"]:checked + label:after,
.radio-primary input[type="radio"]:checked + label:after {
  background: #555555;
  -webkit-box-shadow: 0px 0px 1px #555555;
  box-shadow: 0px 0px 1px #555555;
}
.itemHoras {
  font-weight: bold;
  /*font-size: 13.1px !important;*/
  font-size: 10.9px !important;
  color: white;
}
section.content-body {
  /*background-image: url(/Personalizar/img/pesas.jpg) !important;*/
  background: white !Important;
  background-repeat: no-repeat !important;
  background-size: cover;
}

.timeline {
    background: #f5f5f5cc !important;
  /*background-repeat: no-repeat !important;*/
  background-size: contain;
	
}
img#imgLogoLogin {
  display: none;
}
h2,
.h2 {
  font-size: 2.6em;
  color: #555555 !important;
  font-weight: bold;
}
h4.title.title-modern {
  color: #555555 !important;
}
.content > .titulocursillo,
.col-sm-4 > .titulogrupo {
  color: white !important;
}
a#carritoRef {
  color: white !important;
}
table#datosReserva td {
  color: #555555;
}
.table-bordered > thead > tr > th,
.table-bordered > tbody > tr > th,
.table-bordered > tfoot > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > tbody > tr > td,
.table-bordered > tfoot > tr > td {
  border: 1px solid #3e3e3e !important;
    color: #555;
}
i.fa.fa-trash.informacionAACC {
  color: #ff4d00 !important;
}
.dt-buttons .dt-button {
  background: #f5f5f5cc;
  border: 2px solid #656565;
  color: #929292;
  transition: 250ms;
  font-size: 10px;
  padding-left: 8px;
  padding-right: 8px;
  padding-top: 4px;
  padding-bottom: 2px;
}
.dt-buttons .dt-button:hover {
  background: #fafafa;
  border: 2px solid #656565;
  color: #929292;
  transition: 250ms;
}
/********** CALENDARIO **************/
.dashpanel thead td {
  color: black;
}
th.next {
  background: white;
}
th.dow {
  background: white;
}
.datepicker table tbody tr:hover,
.datepicker table tr:hover {
  background-color: #c1c1c1;
  border-color: #c1c1c1;
  color: white;
}

div#datatable-ajax_filter label {
  color: #555;
}
td {
  color: white;
}
.table-bordered {
  border: 1px solid #2323 !important;
}

tr.even {
  background: #f5f5f5cc !important;
}
tr.odd {
  background: #232323 !important;
}

tr.child,
td.child,
ul.child {
  background: #232323 !important;
}

tr.child:hover {
  background: #232323 !important;
}

header.panel-heading {
  border-radius: 0px;
  border-bottom: 1px solid #4a4a4a !important;
  background: #555555;
}
h2.panel-title {
  color: #555555 !important;
}
.panel-body.panel-body-MisReservasActividadesColectivas {
  background: #f5f5f5cc !important;
  border-radius: 0px !important;
  border: 0px !important;
}
.dashcolectivas > .dashpanel {
  background-color: #3b3b3b !important;
}
.dashaccesos.dash-flex {
  display: none !important;
}
i.fa.fa-bicycle.dashicon {
  display: none;
}
h1.shorter {
  color: white;
}
.dashpanel h4 {
  color: black !important;
}
.dashaccesos > .dashpanel {
  background-color: rgba(204, 204, 204, 1) !important;
}
li#liInvitaciones {
  display: none;
}
div#radioTipoDocumento {
  font-size: 10px;
}
div#MainContent_divAgrupaciones .panel-body {
  background: transparent;
}
#etiquetafix {
  float: right;
  text-align: center;
  margin-top: 11px !important;
  width: 60px;
  margin-right: 175px !important;
}
.panel-title {
  color: #33353f !important;
  font-size: 20px;
  font-weight: 400;
  line-height: 20px;
  padding: 0;
  text-transform: none;
}
div#fondoParrilla,
#divNombreCentro,
#filtrosParrilla {
  background: #ffffff82;
}
.user {
  display: none !important;
}
h3.h5.text-uppercase {
  margin-bottom: 8px !important;
}
.timeline .tm-items > li .tm-datetime .tm-datetime-time {
  color: #ffffff;
}
.timeline .tm-items > li .tm-icon {
  border-color: #808080;
  color: #0088cc;
}
div#filtros label {
  color: #555;
}
.nav-expanded #divpadre {
  background: #717171;
}



.card.card-just-text.card-with-border.monitor h4 {
  color: #ffffff !important;
}
ul.nav-main li .nav-children li.nav-active > a {
  color: #555 !important;
  text-transform: uppercase;
}

ul.nav-main li .nav-children a:hover {
  color: #ffffff !important;
}
.userbox .name {
  color: #868686 !important;
  font-size: 11px !important;
}.userbox .profile-info {
  margin: 0 25px 0 10px;
  max-width: 145px;
  padding-top: 12px;
}
#divhijo:hover {
  background-color: #fbfbfb !important;
}
/*div#divpadre:hover {
  background: rgba(44, 49, 56, 1);
}*/
span#etiquetafix:hover {
  text-shadow: none !Important;
}
.actividad #filterAc {
  opacity: 1 !important;
  background: transparent !important;
  border-radius: 0px !important;
}

.body > .header {
  background-color: #fff !important;
  background-image: none !important;
  border: none !important;
  z-index: 1000;
}
button#btnLista {
  background-color: #55555580;
}
button#btnLista.selected {
  background-color: #555555;
}
.timeline .tm-title {
  position: relative;
  display: inline-block;
  text-align: center;
  background-color: #fff;
  padding: 0px 35px;
  margin: 0 40px;
  z-index: 1;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  color: #555555;
}
.card.card-just-text.card-with-border.actividadlibre,
.card.servicio {
  margin-top: 30px;
}
div[servicio="378"] {
  background-image: url(/Content/img/Servicios/personaltraining.jpg) !important;
}
.cabecera {
  background-color: #969696 !important;
}
div#filtroAgrupacion {
  display: none !important;
}

h2.nombreActividadLibre {
  color: #ffffff;
}
.content.divNombreDescripcionALPublic h4,
.divNombreDescripcionALPrivate h4 {
  color: #ffffff !important;
}
td.bonoSelecionado {
  font-size: 14px !important;
}
.card.card-just-text .content {
  padding: 40px 40px;
}
#imagenServ,
#imagenServ2 {
  border: 0;
  background-color: transparent !important;
  max-height: 300px;
  /*background-image: url(/Content/img/Cursillos/jump.jpg) !important;*/
  background-repeat: no-repeat;
  height: 150px;
  background-size: 500px;
  background-position-y: -125px;
}
.imagenCentralLogin {
  min-height: 69vh;
}
.formConsentimiento {
  background-color: white;
  /* text-align: center; */
  padding: 45px;
}
button#btnMonitor,
#btnZona {
  background: #55555599 !important;
}
#btnZona.selected,
button#btnMonitor.selected {
  background-color: #555555 !important;
}
div[servicio="379"] {
  background-image: url(/Content/img/Servicios/velaspostureo.jpg) !important;
}
.timeline .tm-items > li .tm-datetime .tm-datetime-time {
  color: #555555 !important;
}
.timeline .tm-items > li .tm-icon {
  border-color: #555555 !important;
  color: #555555;
}
.content.divNombreDescripcionServiciosPublic h4,
.divNombreDescripcionServiciosPrivate h4 {
  color: white !important;
}
.timeline .tm-title h3 {
  color: #555555;
}
#btnParrilla.selected {
  background-color: #555555 !important;
}
#btnParrilla {
  background-color: #55555580;
}
a.dropdown-toggle.filtros.btn.btn-default {
  background-color: #555555 !important;
}

div#target {
  border-radius: 0px;
  background: transparent;
}
#divNombreCentro {
  display: none;
}
div#modalHeaderColorWarning,
div#modalHeaderColorWarning label {
  color: black !important;
}
#h3YaFuiSocioDatosPersona,
#h3YaFuiSocioDatosPersona:active {
  font-weight: bold;
  margin-top: 13px;
  margin-bottom: 13px;
  text-transform: initial;
  float: right;
  color: #555555 !important;
  border: 3px solid #555555;
  border-spacing: 10px 10px;
  border-radius: 0px;
  display: inline-table;
  transition: 250ms;
  font-size: 20px;
}
.imagenCentralInicio {
  background: url(/Personalizar/Img/fondo-inicio.jpg);
  background-repeat: no-repeat;
  background-position: center;
  background-attachment: fixed;
  background-size: cover;
  padding-top: 20px;
  padding-bottom: 1px;
  min-height: 69vh;
}
#h3YaFuiSocioDatosPersona:hover,
#h3YaFuiSocioDatosPersona:active {
  font-weight: bold;
  margin-top: 13px;
  margin-bottom: 13px;
  text-transform: initial;
  float: right;
  color: #ffffff !important;
  border: 3px solid #555555;
  border-spacing: 10px 10px;
  border-radius: 0px;
  background: #555555;
  transition: 250ms;
  display: inline-table;
  font-size: 20px;
}
li.dropdown {
  display: none;
}

.panel-body.panel-body-Login label {
  color: white;
  padding-left: 0px;
}
.fa-spinner.fa-pulse {
  color: #08c;
}
#header nav {
  float: left;
}
div#MainContent_divContainerInternoBotones {
  background: none;
  border: none;
  box-shadow: none;
  margin-top: 150px;
}
div#MainContent_divContainerInternoBotones .btn-primary {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: rgba(35, 35, 35, 1) !important;
  border-color: rgba(35, 35, 35, 1) !important;
  border-radius: 0px;
  border: none;
  font-size: 18px;
  /* width: 250px; */
  height: 89px;
   font-family: 'archivo', sans-serif !important;
  border-radius: 0px;
  text-transform: uppercase;
  letter-spacing: 3px;
  overflow: hidden;
  cursor: pointer;
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.1);
  text-decoration: none;
  transition: all ease 0.5s;
}

div#MainContent_divContainerInternoBotones .btn-primary:hover {
  background: white !important;
  color: black !important;
  transition: all ease 0.5s;
}

#header nav ul.nav-main li a {
  padding: 10px 15px;
  font-weight: normal;
   font-family: 'archivo', sans-serif !important;
  letter-spacing: 3px;
}
#divContainerInternoTextoPublico {
  min-height: 400px;
    /* display: none; */
    background-color: transparent;
    border: transparent;
    font-family: 'Archivo', sans-serif !important;
	
    text-align: left;
}
span#MainContent_lblTextoPublico > h2 {
	margin-left: 18vh !Important;
	font-size: 3.6em !important;
}
@media (max-width: 990px) {
	.header .logo img {
		width: 40% !important;
	}
	.header .logo-container .logo {
		text-align: center;
		margin-left: 0px;
	}
	div#divContainerInternoTextoPublico {
		padding: 0 !important;
		text-align: center;
		margin-top: 10vh;
	}
	span#MainContent_lblTextoPublico > h2 {
		width: 100%;
		margin-left: 0vh !Important;
		font-size: 3.4em !important;
	}/*
	form#formSiteMaster {
		background: url(/Personalizar/Img/fondo-inicio-movil.jpg);
		background-repeat: no-repeat;
		background-position: center;
		background-attachment: fixed;
		background-size: cover;
	} */
}


body {
  background: url(/Personalizar/Img/fondo.jpg);
  background-attachment: fixed;
  background-size: cover;
  background-repeat: no-repeat;
  background-position-y: -130px;
}

#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;
}

#header {
  /*background-color: #f5f5f5cc;*/
  background-color: #fff;
  border-top: none;
  padding-top: 40px;
}
button#btnMultiinstalacion:hover {
  color: #555555;
}
#header > .navbar-collapse > .container {
  position: relative;
  border-top: 1px solid #ffffff4d;
  padding-top: 20px;
}

.container {
  padding-left: 0px;
  padding-right: 0px;
}
div#divMultiinstalacion {
  /*display: none !important;*/
  display: inline-grid !important;
}
body.sticky-menu-active #header > .navbar-collapse > .container {
  position: relative;
  border-top: 1px solid #ffffff4d;
  padding-top: 0px;
}

body.sticky-menu-active #header .navbar-collapse.nav-main-collapse {
  max-height: 55px;
}

/* 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;
  text-shadow: none;
}

/* 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: 100px !important;
  padding-bottom: 0px;
  overflow: visible !important;
  margin-top: 45px;
  margin-bottom: -7px;
}

.main {
  /*margin-top: 35px;*/
  min-height: 830px;
  margin-top: 25px;
}

/* Estilos cabecera al hacer scroll (animación cabecera) */
body.sticky-menu-active #header {
  border-bottom: 0px solid #e9e9e9 !important;
  position: fixed !important;
  top: -57px !important;
  width: 100% !important;
  z-index: 1001 !important;
  box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.1) !important;
  filter: none !important;
  background-color: #fff !important;
  background: #fff !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: #555555;
}
.featured-box .box-content {
  border-top: 0px solid #555555;
  border-radius: 0px;
}

.featured-box {
  border-radius: 0px;
}

/* INICIO ESTILOS CALENDARIO */
.datepicker.datepicker-inline {
  background: none repeat scroll 0% 0% #fff;
  border: 1px solid #eee;
}
td.active.day {
  background-color: #3e7735 !important;
}

/*cabecera calendario*/
.datepicker table thead tr {
  background: #08c;
  border-radius: 0;
  color: #fff;
}
.datepicker table thead tr:first-child th:hover {
  background-color: #777777;
}
.datepicker table thead tr:last-child th:hover {
  cursor: default;
}
.datepicker table tbody tr td.day:hover {
  background: none repeat scroll 0% 0% #abaaaa;
}
.datepicker tbody tr td.day:hover,
.datepicker table tr td span:hover {
  background-color: #08c;
}
body .btn-primary {
  border-color: #f5f5f5cc !important;
  background-color: #495f671f !important;
  color: #555555 !important;
  border-radius: 0px;
}
html .wizard-progress .wizard-steps li a,
html.dark .wizard-progress .wizard-steps li a {
  color: #585858;
}
html .wizard-progress.wizard-progress-lg .steps-progress,
html.dark .wizard-progress.wizard-progress-lg .steps-progress {
  margin: 0 90px;
  height: 4px;
  top: 34px;
}

body .btn-primary:hover {
  border-color: #555555 !important;
  background-color: #555555 !important;
  color: #ffffff !important;
}
span#lblTextoAcceso {
	color: #555555 !important;
}
.body-sign .panel-sign .panel-body {
  border-top-color: #fff;
    background-color: #555555;
}
.body-sign .panel-sign .panel-title-sign .title {
  background-color: #fff;
}
/*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 */
#header > .container {
  height: 75px;
}
/* INICIO ESTILOS LOGO */
.logo a img {
  /*width: 238px !important;*/
  width: 185px !important;
  height: auto !important;
  margin-top: -25px;
}
th.prev {
  visibility: visible !important;
  border-radius: 0px !important;
  background: #f5f5f5cc;
}
td.day {
  border-radius: 0px !important;
}
.logo-sticky-active a img {
  width: 185px !important;
  height: auto !important;
    margin-top: 7px;
}

/* FIN ESTILOS LOGO */
.modal-block-primary.modal-header-color .panel-heading {
  background-color: #555555;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
}
/* 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: #555555 !important;
  border-color: #555555 !important;
}
th.next {
  background: #555555;
  border-radius: 0px !important;
}
.ocupacionActual {
  display: none;
  text-align: center;
}
td.day {
  color: #555555;
  font-weight: bold;
}
.modal-block-primary .modal-icon .fa {
  color: #555555;
}
#Previsioncontainer {
  background-color: #555555 !important;
  width: 99%;
  padding-top: 1%;
  border-radius: 0px !important;
}
th.dow {
  background: #555555;
  border-radius: 0px !important;
  color: white;
}

div#Previsioncontainer .col-md-11 {
  margin-left: 0px !important;
}
th.datepicker-switch {
  background: #555555;
  border-radius: 0px !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: #555555 !important;
  /*text-transform: uppercase;*/
}

/* 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: #555555 !important;
  background: #555555 !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: white !important;
}
/* FIN ESTILOS ITEMS PROGRESO */

/* INICIO ESTILOS TABLA PRECIO FINAL */
.pricing-table h3 {
  color: #fff !important;
  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: 35px;
  margin-right: auto;
  margin-left: auto;
  display: none;
  padding-left: 15px;
  padding-right: 15px;
  background-color: rgba(38, 38, 38, 0.05);
}
.featured-box h4 {
  font-size: 1.3em;
  font-weight: 400;
  letter-spacing: -0.7px;
  color: black !important;
  margin-top: 5px;
  text-transform: none;
}
#idiomas ul {
  position: relative !important;
  display: table !important;
  float: right;
}

#footer .footer-copyright #sub-menu ul li a {
  color: white;
  letter-spacing: 1px;
  font-size: 12px;
  padding-top: 10px;
}
.card.card-just-text.card-with-border.agrupacion .divNombreAACC {
  margin-top: 0px;
}
nav.container-fluid {
  display: none;
}
.devBy {
  text-decoration: none;
  margin-top: -3px !important;
  font-size: 12px;
  color: white;
}
.col-xs-12 {
  box-shadow: 0px 0px ;
}

.devBy:hover {
  color: white;
  text-decoration: underline;
}
/* Propiedad para que al hacer scroll no vibre el logo */
#footer {
  margin-bottom: 0% !important;
  background: #fff;
  padding-top: 10px;
}

/* 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%;
}

/*********** AGENDA AACC *******/

.col-xs-12.col-sm-12.col-md-12.col-lg-4.col-tm h2 b {
	color: white;
}
div#filtrosParrilla {
  background: #f5f5f5cc;
}

div#fondoParrilla {
  background: #555555;
}

/*

td div.vistaContenido {
   max-width: 117px !important; 
  height: 60px !important;
  font-family: din, arial, helvetica;
  border-radius: 0px;
  text-align: left;
  box-shadow: 0px 0px 0px;
  opacity: 1;
}*/


/*
th.horarioTDHead,
th.horarioTD {
  background: #343434;
} */
.col-md-12.well.text-center {
  background: transparent;
  border: none;
}
.actividad .divNombreAACC h4 {
  background: #555555b5;
  padding-left: 20px;
  padding-top: 3px;
}
.card.card-just-text.card-with-border.agrupacion {
  display: block;
  width: 42%;
  background-color: transparent !important;
  max-width: unset;
  margin-bottom: 2px;
  border-radius: 0px;
  border-radius: 20px;
  min-height: 50px !important;
  /* height: 360px !important; */
  opacity: 1;
}
.tm-icon.ImagenTrabajador {
  display: none;
}
.horarioDIV {
  text-align: center;
  color: white;
  width: 53px;
   font-family: 'archivo', sans-serif !important;
  height: 45px;
  margin-left: auto;
  margin-right: auto;
  line-height: 12px;
  margin-top: 8px;
  margin-bottom: -6px;
}

.vistaContenidoT {
  /* width: 100px !important; */
  border-radius: 0px !important;
  background: #ffffff26 !important;
  /* min-width: 179px; */
  position: absolute;
  right: 0px;
  height: 100px;
  top: 0px;
  box-shadow: 0px 0px 0px !important;
  width: 205px;
  font-size: 16px !important;
}
div#filterAc {
  opacity: 1 !important;
  border-radius: 0px !important;
}
.card.card-just-text.card-with-border.actividad {
  /*
	margin: 1px !important;
    margin-left: -6px !important;
	display: inline-block;
	*/
  margin-top: 30px;
}
.content.divNombreAACC {
  margin-top: 18%;
  /* margin-bottom: auto !important; */
}
.card.card-just-text.card-with-border.monitor .divNombreAACC {
  padding: 0px !important;
  display: inline-table;
  position: absolute;
  bottom: 50px;
}
div#target {
  background: #555555;
}
.card.card-with-border:after {
  position: absolute;
  display: block;
  width: calc(100% - 10px);
  height: calc(100% - 10px);
  content: "";
  top: 5px;
  left: 5px;
  border-radius: 0px !important;
  border: 1px solid rgba(0, 0, 0, 0.15);
  z-index: 1;
  border-radius: 5px;
  border: 0px !important;
  opacity: 1 !important;
}
.card.card-just-text.card-with-border.monitor {
  width: 200px !important;
  height: 400px !important;
  background: white !important;
  margin-bottom: 0px;
  margin-left: -3px;
  border-radius: 0px;
}
.timeline .tm-items > li .tm-box {
  padding: 0px 0px !important;
}
#dateAACC {
  width: 225px;
}
.col-md-12.well.text-center {
  text-align: left;
}
table#tablaClasesColectivas {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}/*
th.horarioTDHead {
  border-bottom: 8px solid #555555;
  border-top: 1px solid #555555;
  border-left: 10px solid #555555;
  border-right: 10px solid #555555;
  height: 60px !important;
}
.horarioDIVHead {
  color: white;
  font-family: din, arial, helvetica;
  font-size: 12px;
  letter-spacing: 1px;
}*/
li#liMiCuenta,
li#liDashboard {
  /*display: none;*/
}
.content.divNombreAACC {
  padding: 1px 0px 1px 25px !important;
}
h4.title.title-modern {
  margin-top: 10px !important;
  margin-bottom: 10px !important;
  text-shadow: none;

  text-align: left;
  font-weight: lighter !important;
  font-size: 20px;
  font-family: 'archivo', sans-serif !important;
}/*
th.horarioTD {
  border-left: 10px solid #555555;
  border-right: 10px solid #555555;
  border-bottom: 10px solid #555555;
}
.horarioDIV {
  color: white;
  font-family: din;
}
table#tablaClasesColectivas tbody tr td {
  border-color: #555555;
  width: 115px !important;
  background: #2c2c2c;
  border: 10px solid #555555;
  height: 60px !important;
}
th.horarioTDHead {
  border-bottom: 8px solid #555555;
  border-left: 10px solid #555555;
  border-right: 10px solid #555555;
  height: 60px !important;
}*/

@media (min-width: 1250px) {
  /*620*/
  .timeline .tm-items > li .tm-box {
    position: relative;
    background: #fff;
    min-height: 65px;
    padding: 10px 20px;
    border-radius: 0px !important;
    padding: 0px;
    padding-left: 15px !important;
    border: 1px solid #e9e9e9;
    border: 0px !important;
    -webkit-border-radius: 6px;
    border-radius: 6px;
  }
  .tm-meta span {
    color: white;
  }
  .timeline .tm-body:after {
    opacity: 1;
    background: white !important;
    top: 100px !important;
  }

  .tm-icon.ImagenTrabajador {
    background-image: url(/Personalizar/Img/trabajador.png) !important;
  }
  .tm-datetime-date {
    color: #555555;
    text-transform: uppercase;
    width: 120px !important;
    text-align: right;
    margin-left: -10px;
  }
  .timeline .tm-items > li .tm-icon {
    border-color: #555555 !important;
    color: #555555;
    border: 0px;
  }
  .timeline .tm-items > li .tm-box:after {
    display: none;
  }
  .timeline .tm-items > li .tm-datetime .tm-datetime-time {
    color: #555555 !important;
     font-family: 'archivo', sans-serif !important;
    font-weight: 100;
    font-size: 30px;
  }
}

@media (max-width: 1200px) {
  /*600*/
  .col-tm.add-block {
    display: block;
    position: absolute;
    bottom: 42px;
    right: 25px;
  }
  .timeline .tm-items > li .tm-box:after {
    display: none;
  }
  div#selectorVista h3 {
    display: none;
  }
  .col-xs-12.col-sm-12.col-md-12.col-lg-12.divTable {
    min-height: 1200px !important;
  }
  .timeline .tm-items > li .tm-datetime .tm-datetime-time {
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 1.3;
  }
  .timeline .tm-items > li .tm-datetime {
    margin: 0;
    position: static;
    text-align: left;
  }
  .tm-datetime-date {
    display: none;
  }
  .tm-icon.ImagenTrabajador {
    display: none;
  }
  .timeline .tm-title {
    min-width: 180px;
    width: 100%;
  }

  #header .logo {
    text-align: center;
    width: 100% !important;
  }
  .bootstrap-datetimepicker-widget.dropdown-menu.usetwentyfour.bottom.pull-right {
    position: absolute !important;
    width: 100%;
    top: 68px !important;
    border-radius: 0px;
  }
  .datepicker .table-condensed > thead > tr > th {
    padding: 0;
    background: white;
    color: black;
  }
  .tm-title .h5.text-uppercase {
    display: none;
  }
  #dateAACC {
    cursor: pointer;
    border: 0px solid !important;
    border-radius: 0px !important;
    font-variant: JIS04;
    background: #ffffff00 url("/Personalizar/img/calendar_2.png") 97% 50%
      no-repeat !important;
    margin-top: 9px;
    padding-left: 7px;
    font-size: 20px;
    margin-top: -20px !important;
    margin-top: -18px !important;
    padding-left: 7px;
    color: white !important;
    margin-bottom: -12px;
    text-transform: uppercase;
  }

  .timeline .tm-title {
    min-width: 180px;
    padding: 0px !important;
  }
  .timeline .tm-body {
    position: relative;
    padding: 0px 0 !important;
    margin-top: -20px !important;
    min-width: unset;
  }
  .form-group.pull-left.selectorFecha.is-empty {
    padding: 0;
    margin: 0;
    border: 0px;
  }
  .btn-group,
  .btn-group-vertical {
    position: relative;
    margin: 10px 1px;
    width: 100%;
  }
  #dateAACC {
    width: 100%;
  }/*
  body {
    background-size: 1170px;
    background-position-y: 120px;
    background-position-x: center;
    background-repeat: no-repeat;
    background-color: #555555 !important;
  }*/

  .userbox:after {
    display: none;
  }
  .timeline .tm-body:after {
    display: none !important;
  }
  .col-tm h2 {
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 300px;

    margin: 0;
    line-height: 35px;
    margin-bottom: 10px !important;
  }
  .form-group.pull-left.selectorFecha.is-empty {
    width: 100%;
  }
  section.content-body {
		background-position: center;
		background-size: cover;
  }
  .logo-container {
    background: #fff !important;
    border: 0px !important;
  }
  .tm-title {
    background: transparent !important;
  }
  .header .toggle-sidebar-left {
    background: #ffffff !important;
    color: black !important;
    border-radius: 0px !important;
    right: 0px !important;
    top: 14px !important;
    width: 45px !important;
    height: 30px !important;
    line-height: 28px !important;
  }
  .header-right {
    background: #555555 !important;
  }
  .timeline {
    padding-left: 0;
    padding-right: 0;
  }
  .tm-info {
    position: absolute;
    right: 4px;
    z-index: 1;
  }
  .header .logo img {
    color: transparent;
    width: 60%;
    height: auto;
  }
  .header .header-right {
    background: #555555;
    float: none !important;
    height: 60px;
    margin-top: 0px !important;
    width: 100%;
  }
  label.label-control {
    display: none;
  }

  .timeline .tm-items > li .tm-datetime .tm-datetime-time {
    color: #ffffff !important;
    font-size: 15px;
  }
  .tm-meta span {
    font-size: 10px;
    line-height: 13px;
    font-weight: 100;
    color: white;
  }
  .row-tm [class*="col-"] {
    display: flex;
    align-items: center;
    width: 100%;
  }
  .vistaContenidoT {
    width: 175px;
    height: 50px;
    text-align: center;
    /* top: 88px !important; */
    padding: 0px !important;
    right: -33px;
    position: absolute !important;
  }
  .timeline .tm-title {
    margin: 0px !important;
  }
  .timeline .tm-items > li .tm-box {
    border-radius: 0px !important;
    min-width: 400px;
  }

  header#header {
    background: #fff;
  }
  ol.tm-items li {
    padding: 0px !important;
  }
  #header > .navbar-collapse > .container {
    position: relative;
    border-top: 1px solid #ffffff4d;
    padding-top: 0px;
  }
  .logo a img {
    width: 200px;
    height: 45% !important;
  }
  #header .nav-main-collapse.in {
    width: 100%;
    overflow: hidden;
    display: block !important;
    background: black;
    min-height: 150px;
    margin-top: 0px;
  }
  .pull-left {
    float: unset !important;
    width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
} /**** FIN MEDIA WIDTH **/

.pull-left {
  float: unset !important;
  margin-left: auto;
  margin-right: auto;
}

.btn-group,
.btn-group-vertical {
  display: block !important;
}
a#btnParrilla {
  display: none;
}
.btn-group,
.btn-group-vertical {
  position: relative;
  margin: 10px 1px;
  min-width: 200px;
}
#btnLista,
#btnParrilla,
#btnAgenda {
    width: 50% !important;
    border: 2px solid #555555;
    background: #f5f5f5cc !important;
    color: #555 !important;
  border-radius: 0px !important;
  box-shadow: 0px 2px 6px -3px white !important;
}
button#btnLista.selected {
  background-color: #ffffff !important;
  color: #555555 !important;
}
#btnParrilla.selected {
  background-color: #ffffff !important;
  color: #555555 !important;
}
#btnAgenda .selected {
  background-color: #ffffff !important;
  color: #555555 !important;
}

.tm-meta span:nth-child(2) {
  display: none !important;
}
li#liComprarBonosCuotas,
li#liComprarBonosColectivas {
    display: none;
}
/******************* RESERVAS **************************/

a#bannerPadel,
a#bannerInvitacion {
  display: inline-flex;
  text-decoration: none;
  position: relative;
}

#imgPadel {
  height: 300px;
  width: 400px;
  background-image: url(/personalizar/img/padelHome.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  transition: 500ms;
}
.main.main-raised.col-md-12 {
  background: #555555;
}

#imgInvitaciones {
  height: 300px;
  width: 400px;
  background-image: url(/personalizar/img/invitacionHome.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  transition: 500ms;
}
a#bannerInvitacion:hover #imgInvitaciones {
  filter: blur(3px);
  transition: 500ms;
}
a#bannerPadel:hover #imgPadel {
  filter: blur(3px);
  transition: 500ms;
}
/*li#liQR {
  display: none;
}*/
.dashpanel {
  background-color: transparent !important;
  box-shadow: none !important;
  border: none !important;
}
#imagenAL,
#imagenAL2 {
  background-image: url(/personalizar/img/bannerReservas.jpg) !important;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  border: 0;
  max-height: 300px;
  height: 150px;
}
#resPadel {
  filter: blur(0px) !important;
  position: absolute;
  top: 45%;
  color: white;
  transition: 500ms;
  font-size: 35px;
  text-shadow: 1px 2px 2px black;
  width: 400px;
  text-align: center;
}
#invi {
  filter: blur(0px) !important;
  position: absolute;
  top: 45%;
  color: white;
  font-size: 35px;
  transition: 500ms;
  text-shadow: 1px 2px 2px black;
  width: 400px;
  text-align: center;
}

#bannerPadel:hover #resPadel,
#bannerInvitacion:hover #invi {
  font-size: 40px;
  transition: 500ms;
}

div#banners {
  text-align: center;
}
#btnVolverMovil {
  z-index: 1000;
  height: 100%;
  margin-left: 25%;
}
.btnMovilAtrasMetro {
  width: 35%;
  text-align: center;
  height: 100%;
  background-color: #d2322d;
  border-color: #d2322d;
  color: #ffffff;
  white-space: normal;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  display: inline-block;
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
  touch-action: manipulation;
  cursor: pointer;
  border: 1px solid transparent;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  border-radius: 4px;
}
table#tablaCuotas td {
  color: black;
}

.panel-body.panel-body-DatosPersonales {
  /*opacity: 0;*/
  /*display: none;*/
}
.panel-body.panel-body-Accesos .table-responsive {
}
.dropdown-menu ul li:nth-child(2n) {
  display: none;
}
.panel-body.panel-body-PagosPendientes td {
  color: #555;
}
/*.noPermitidaReserva button ,.noPermitidaReserva button:hover{
    opacity: 0 !important;
	pointer-events:none;
	cursor:default;
}*/

/****************************** CENTROS ******************************/

div#divMultiinstalacion .dropdown-menu {
  top: 35px;
  border-radius: 0px;
  width: 241px;
  overflow: scroll;
  min-height: 300px;
}

.dropdown-menu li a:hover {
  background-color: #555555 !important;
  color: white !important;
}

a#bannerInvitacion {
  display: none;
}

@media (max-width: 720px) {
  header.page-header h2 {
    display: none;
  }
  section.content-body {
    padding: 0px;
  }
  .selectorVista {
    width: 100% !important;
  }
  .userbox {
    float: left;
    margin: 12px 0 15px 12px !important;
    position: relative;
    display: none !important;
  }
  #btnVolverMovil {
    z-index: 1000;
    top:0;
    height: 32px;
    margin-left: 10px !important;
}
  div#divMultiinstalacion .dropdown-menu {
    top: 35px;
    border-radius: 0px;
    width: 311px;
    overflow: scroll;
    background: #555555;
    min-height: 300px;
    color: white !important;
    box-shadow: 7px 7px 10px black;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
  }
  svg.svg-inline--fa.fa-angle-down.fa-w-10 {
    opacity: 0;
  }
  ul#selectorInstalaciones li a {
    color: white;
    text-align: center;
  }
  .btnMovilAtrasMetro {
    min-width: 180px;
    border-radius: 0px;
  }
  svg.svg-inline--fa.fa-chevron-left.fa-w-10 {
    opacity: 0;
  }
  .row.columnaFiltros {
    margin: 0px;
  }

  .itemHoras {
    font-weight: bold;
    /*font-size: 13.1px !important;*/
    font-size: 9px !important;
    color: white;
  }
}

@media (max-width: 990px) {
  .card .back .content .main {
    width: 107% !important;
    margin-left: -17px !important;
  }
}

p#razonReserva {
  color: black;
  /* font-weight: bold; */
}

button.btn.btn-plazas {
  background: #c7fbbd;
}

button.btn.btn-plazas:hover {
  background: #7aff61;
}

.btn-plazas:disabled {
  background-image: url(/Personalizar/img/abort.png) !important;
  background-position: 0 !important;
  background-repeat: no-repeat !important;
  background-size: 51px !important;
  opacity: 1 !important;
  background-color: #9a9a9a !important;
}

.dashpagos,
.dashcolectivas,
.dashlibres,
.dashservicios,
.dashcursillos,
.dashaccesos {
  display: none !important;
}


#liActividadesColectivasPorAgrupacion,
#liActividadesColectivasPorActividad {
  display: none !important;
}

div#botonesHome a {
  background: white;
  padding: 25px;
  text-decoration: none;
  font-size: 20px;
  text-transform: uppercase;
  letter-spacing: 6px !important;
  color: #f5f5f5cc;
}

#tablaPrecios > tbody > tr > td {
  color: black !important;
}

.list-unstyled li {
  display: block !important;
}

.list-unstyled td {
  color: black !important;
}

/*.inner-wrapper {
  overflow: scroll !important;
}*/
/*
html {
  background: #f5f5f5cc !important;
}
*/
.divNombreDescripcionALPrivate > div.btn-center {
  display: none !important;
}

/* OCULTAR DESCRIPCION PARTIDO SI ESTA ANULADO */

div#modalPartido.anulacion div.panel-body-ModalPartidos > div.btn-center > p {
  display: none !important;
}

#btnLenguajePT {
  display: none !important;
}

/* OCULTAR TEXTO RESERVADO PARTIDO MIENTRAS CARGA HASTA QUE SEA MODIFICADO POR JAVASCRIPT */

div#panelDesplegable.panel-body-InicioListaPartidos
  > div.card.partido
  > div.row
  > div#divPartidoReservado
  > h5#h5CheckReserva {
  opacity: 0;
  transition: all 0.5s ease;
}

div#panelDesplegable.panel-body-InicioListaPartidos
  > div.card.partido
  > div.row
  > div#divPartidoReservado
  > h5#h5CheckReserva.mostrar {
  opacity: 1;
}

/* FIN OCULTAR TEXTO RESERVADO PARTIDO MIENTRAS CARGA HASTA QUE SEA MODIFICADO POR JAVASCRIPT */

.tm-meta span:first-child {
  display: none !important;
}

/*IMAGENES DE ACTIVIDADES LIBRES*/

/*ACTIVIDADES PARAISO*/
div[actividadlibre="1"] {
  background-image: url(/Personalizar/Img/padel.jpg) !important;
}
div[actividadlibre="7"] {
  background-image: url(/Personalizar/Img/padel.jpg) !important;
}
div[actividadlibre="2"] {
  background-image: url(/Personalizar/Img/tenistierra.jpg) !important;
}
div[actividadlibre="8"] {
  background-image: url(/Personalizar/Img/tenistierra.jpg) !important;
}
div[actividadlibre="3"] {
  background-image: url(/Personalizar/Img/squash.jpg) !important;
}

/*ACTIVIDADES GIJÓN*/
div[actividadlibre="225"],
div[actividadlibre="226"] {
  background-image: url(/Personalizar/img/padel.jpg) !important;
}

div[actividadlibre="240"] {
  background-image: url(/Personalizar/img/padel.jpg) !important;
}

/*ACTIVIDADES ROMAREDA*/
div[actividadlibre="371"],
div[actividadlibre="373"] {
  background-image: url(/Personalizar/img/padel.jpg) !important;
}

div[actividadlibre="228"] {
  background-image: url(/Personalizar/Img/bannerPartidos.jpg) !important;
}

/*ACTIVIDADES GALILEO*/
div[actividadlibre="239"],
div[actividadlibre="240"] {
  background-image: url(/Personalizar/Img/squash.jpg) !important;
}

/*ACTIVIDADES IRADIER*/
div[actividadlibre="137"],
div[actividadlibre="138"] {
  background-image: url(/Personalizar/img/padel.jpg) !important;
}

/*IMAGENES PARTIDOS*/

#imagenPartido {
  background-image: url(/personalizar/img/bannerPartidos.jpg) !important;
}

.partido {
  background-image: url(/Personalizar/Img/bannerPartidos.jpg) !important;
}

#imagenPartido,
#imagenPartido2 {
  background-image: url(/Personalizar/Img/bannerPartidos.jpg) !important;
  background-position: center center !important;
  background-size: cover !important;
  background-repeat: no-repeat !important;
}

/*PARTIDOS PARAISO*/
div[idactividad="4"] {
  background-image: url(/Personalizar/Img/PartidosPadel.jpg) !important;
}

div[idactividad="5"] {
  background-image: url(/Personalizar/Img/PartidosTenis.jpg) !important;
}

div[idactividad="6"] {
  background-image: url(/Personalizar/Img/PartidosSquash.jpg) !important;
}

/*PARTIDOS IRADIER*/

div[idactividad="139"],
div[idactividad="141"] {
  background-image: url(/Personalizar/Img/PartidosPadel.jpg) !important;
}

.contenedorBotones {
  flex-wrap: wrap;
  width: 76%;
  display: inline-block !important;
}

/*Parrilla Act Libres*/




/*Quitar edad en Partidos*/

.panel-body.panel-body-FichaPartidos > .col-md-12.col-lg-12 > ul.simple-todo-list > li:nth-child(2n) {
    display: none !important;
}

.panel-body.panel-body-BusquedaAmigos> .col-md-9.col-lg-9 > ul.simple-todo-list > li:nth-child(2n) {
    display: none !important;
}

.btnMovilAforoMetro {
    width: 35%;
    text-align: center;
    height: 100%;
    background-color: #2dcdd2;
    border-color: #2dcdd2;
    color: #FFFFFF;
    white-space: normal;
    text-shadow: 0 -1px 0 rgb(0 0 0 / 25%);
    display: inline-block;
    font-weight: normal;
    text-align: center;
    vertical-align: middle;
    touch-action: manipulation;
    cursor: pointer;
    border: 1px solid transparent;
    padding: 6px 12px;
    font-size: 14px;
    display: none;
    line-height: 1.42857143;
    border-radius: 4px;
}
div#contenedorPrincipal {
  justify-content: flex-start;
}
.panel-body.panel-body-Bonos {
    background: transparent;
}
@media (max-width: 767px){

}

h4.title.title-modern {
    text-align: center;
}

section.panel {
    box-shadow: none !important;
}
/*
.botonClaseColectiva{
    opacity:0 !important;
    transition:250ms;
}*/

.swal-content span {
  font-size: 10px;
}

.swal-content {
  padding: 0 18px !important;
}

div#MainContent_divNick {
  display: none !important;
}

label#MainContent_lblInformacionPagina {
  text-transform: initial;
}

/********************************** PROYECTO ALTA ONLINE **********************************/

label[id*="lblPrecioMensual"] {
  display: none;
}

label[id*="lblPrecioMatricula"] {
  display: none;
}
h4.panel-title {
  background: #fbfbfb !important;
  color: black !important;
  padding-top: 0px !important;
}
h4.panel-title a {
  background: #fbfbfb !important;
  color: black !important;
}
.featured-box .box-content {
  padding: 0px;
}
div[id*="divPrecioTotal"] h4 {
  display: none !important;
}
label[id*="lblNombreMatricula"] {
  padding-left: 15px;
  padding-right: 15px;
  margin-bottom: 0px;
  min-height: 120px;
}

/* div#MainContent_divPanelImportes #etiquetaPrecio {
  display: none;
} */
label[id*="lblNombreMatricula"] b {
  font-size: 15px !important;
  font-weight: 900;
}

.featured-box {
  border-radius: 15px;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  box-shadow: 0px 0 12px 0px black;
  min-height: 395px;
  border: 0;
}
.box-content h4 {
  background: transparent;
  margin-top: 0px;
 /*  padding-top: 10px; */
  padding-top: 0px;
}
/*.featured-box .box-content h4 {
    border-bottom: 5px solid #555555;
}*/
h4.panel-title {
    border-bottom: none !important;
}
.swal-title {
  display: none;
}

h4#informacion-cuota {
  font-size: 17px;
  margin-bottom: -10px;
  color: #555555;
  text-transform: uppercase;
  letter-spacing: 5px;
}


label[for="MainContent_RadioSinDni"] {
  display: none;
}

#radio > .border-active,
#radio2 > .border-active,
#radioTipoDocumento > span > .border-active {
  border-color: #95938E !important;
  color: #ffffff !important;
  background: #95938E !important ;
  font-weight: bold;
}

div#MainContent_divTelefono {
  display: none;
}
span#lblFooterDesarrolladoPor {
  display: none;
}
img.img-responsive {
  display: none;
}

@media (min-width: 1200px) {
	input#MainContent_txtMail {
		min-width: 580px;
	}
  .container {
    width: 1265px;
  }
  .col-md-3 {
    width: 20%;
  }

  label[for="MainContent_RadioButtonHombre"] {
    width: 45% !important;
  }

  label[for="MainContent_RadioButtonMujer"] {
    width: 45% !important;
  }

  div#MainContent_divSexo {
    float: right;
  }

  div#MainContent_divFechaDeNacimiento {
    width: 23%;
  }
/*
  select#MainContent_slcDia {
    width: 53px !important;
  }*/

  label#MainContent_lblFechaNacimiento {
    margin-bottom: 21px;
  }
  div#MainContent_divDireccion {
    max-width: 420px;
  }

  div#MainContent_divCP {
    margin-top: -24px;
  }

  div#MainContent_divLocalidad {
    width: 50%;
  }
}
fieldset#MainContent_flDatosBancarios .row {
  margin-left: 0px !important;
}
label#fraccion {
  position: absolute;
  text-align: center !important;
  top: 114px;
  left: 20%;
  width: 130px;
}
@media (max-width: 400px) {
  .cuotas-class {
    width: 80%;
    margin-left: auto;
    margin-right: auto;
  }
}

a.accordion-toggle {
  font-style: normal;
  font-size: 14px;
  background-color: #f1f1f1 !important;
  font-weight: 100;
  margin-left: 40px !important;
  /* margin-bottom: -57px; */
  margin-right: 40px;
}

.swal-content span {
  font-size: 15px !important;
  letter-spacing: 0px;
  color: #555;
   font-family: 'archivo', sans-serif !important;
  font-weight: normal;
}

.swal-button:not([disabled]):hover {
    background-color: #555;
    color: white;
}

.swal-button {
    background-color: #fff;
    border: 1px solid #555;
    color: #555;
}

span.importeTotal {
  display: none !important;
}

.pricing-table li:first-child,
.pricing-table li:last-child {
  border: 0px;
  margin-top: 1px !important;
  margin-top: -15px !important;
}
.pricing-table li:last-child {
  margin-top: -15px !important;
}
.plan h3 {
  margin-bottom: 0px !important;
  text-transform: none;
    margin-right: -10px !important;
    margin-left: -10px;
}

h4#tituloPrecio {
  font-size: 28px;
  font-weight: bold;
}
/*.plan ul li:nth-child(3) #etiquetaCuota {
    display: none;
}*/
li#precioFinal {
  font-size: 30px;
}
.plan h3 label {
  color: white !important;
}
.plan h3 #precioMes {
  display: block;
}
.plan #precioMes {
  display: none;
}
/*.box-content h4 label {
  color: #555555 !important;
} */
.pricing-table .plan {
  padding: 10px;
    border-bottom-right-radius: 10px !important;
    border-bottom-left-radius: 10px !important;
}
li#precioFinal {
  background: #c3c3c3;
}
div#MainContent_divPanelImportes li {
  color: #555;
  font-weight: bold;
  letter-spacing: 0px;
  font-size: 17px;
}

.fa-check:before {
  content: "\f00c";
  color: #3e7735;
  background: transparent;
}
.panel-heading-icon.bg-danger {
  background: #47a44700;
  color: white;
    display: none;
}
.panel-heading-icon.bg-success {
  background: #47a44700;
  color: white;
}
.body-compra .center-compra {
  display: flex;
  padding-top: 0px;
  vertical-align: middle;
  position: relative;
  margin-top: 145px;
}
.panel-heading-icon.bg-danger.mt-sm .fa-times:before {
  color: #a12a28;
}
.panel-heading.bg-white {
  background: transparent;
  border-bottom: 0 none;
  border-right: 0 none;
  position: absolute;
  list-style: none;
  border: 0px !important;
  width: 30px;
  height: 30px;
  top: -45px;
  left: 20px;
}
div#MainContent_divPanelImportes .etiquetaCuota {
  font-weight: bold !important;
}
@media (max-width: 640px) {
  .panel-heading.bg-white {
    background: transparent;
    border-bottom: 0 none;
    border-right: 0 none;
    position: absolute;
    list-style: none;
    border: 0px !important;
    width: 30px;
    height: 30px;
    top: -45px;
    left: -32px;
  }
}

div#divMenu {
  display: none;
}

div#MainContent_divTransaccion {
  display: none;
}

/* HECHO POR TOMAS */

@media (min-width: 991px) {
  div#MainContent_divCuotas
    > div[id^="divCuota"]
    div[id^="divPrecioMatricula"]
    label#fraccion
    + br {
    display: none;
  }

  label#fraccion {
    top: 106px;
  }

  div#MainContent_divCuotas
    > div[id^="divCuota"]
    div[id^="divPrecioMatricula"] {
    margin-top: 2rem;
  }

  div#divContainerWell
    div#w4-DatosPersonales
    > fieldset
    div#MainContent_divLocalidad {
    width: 66.66666667%;
  }

  div#divContainerWell
    div#w4-DatosPersonales
    > fieldset
    div#MainContent_divProvincia,
  div#divContainerWell div#w4-DatosPersonales > fieldset div#MainContent_divCP {
    width: 26.66666667% !important;
  }

  div#w4-DatosPersonales > fieldset#MainContent_flDatosContacto {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
}

button#btnSelectorDesde,
button#btnSelectorHasta {
	background-color: white !Important;
	color: #555555 !important;
}
button#btnSelectorDesde:hover,
button#btnSelectorHasta:hover {
	background-color: #555555 !Important;
	color: white !important;
}

div#MainContent_divCuotas h4.panel-title a.accordion-toggle {
  font-size: 11px;
  margin-top:-12px;
  margin-left: 0px !important;
  text-align: left;
}
input#submitLogin {
    color: white !important;
}
/* RESPONSIVE */

header#header > div.navbar-collapse > div.container,
div#divContainerWell div#MainContent_divContainerInternoBotones,
footer#footer div.container,
footer#footer div.container > div.row,
div#divContainerWell {
  max-width: 100% !important;
}

@media (max-width: 768px) {
  header#header > div.container {
    flex-wrap: wrap;
    height: auto;
  }

  header#header > div.container > div.logo {
    flex-basis: 100%;
    margin-bottom: 1rem;
  }

  header#header > div.container > div.logo img {
    width: 180px !important;
    height: auto !important;
    margin-top: -35px;
  }

  header#header
    > div.container
    div#divMultiinstalacion
    > button#btnMultiinstalacion {
    padding: 0;
    margin: 0;
    width: auto;
    min-width: 151px;
    border: 1px solid white !important;
}

  header#header
    > div.container
    div#divMultiinstalacion
    > ul.dropdown-menu
    > li
    > a {
    width: auto !important;
    padding: 0;
    max-width: unset !important;
  }

  header#header > div.container div#divMultiinstalacion {
    min-width: unset !important;
  }

  header#header
    > div.container
    div#divMultiinstalacion
    > ul.dropdown-menu
    > li {
    padding: 1rem 1rem !important;
  }

  header#header > div.container > div.logo.logo-sticky-active {
    margin-bottom: 3rem;
  }
}

@media (max-width: 991px) {
  div#divContainerWell.imagenCentralInicio
    > div#MainContent_divContainerInternoBotones {
    flex-direction: column;
    align-items: center;
  }

  div#divContainerWell.imagenCentralInicio
    > div#MainContent_divContainerInternoBotones
    > div,
  div#divContainerWell.imagenCentralInicio
    > div#MainContent_divContainerInternoBotones
    > div
    > input {
    width: 100%;
  }

  header#header > div.container > button.btn-responsive-nav {
    position: absolute;
    top: 136px;
    left: 89%;
    border-radius: 0px;
}

  header#header > div.container > div.logo {
    height: auto !important;
  }

  header#header div#divMultiinstalacion.open > button {
    background: unset;
    background-color: transparent !important;
    color: white;
    border: none;
    box-shadow: unset;
    background-image: unset;
  }

  header#header > div.navbar-collapse a {
    color: white !important;
  }

  header#header > div.container div#divMultiinstalacion {
    width: auto !important;
    position: relative;
  }

  header#header > div.container div#divMultiinstalacion > ul.dropdown-menu {
    position: absolute !important;
    left: 50% !important;
    transform: translatex(-50%) !important;
    margin-top: 0.25rem !important;
    max-height: 20vh !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    background-color: white !important;
    width: unset;
    right: unset !important;
  }

  header#header
    > div.container
    div#divMultiinstalacion
    > ul.dropdown-menu
    > li {
    text-align: center;
    padding: 0.5rem 1rem;
  }

  div#divContainerWell div#w4-DatosPersonales {
    float: none !important;
  }
}

@media (max-width: 576px) {
  header#header > div.container {
    width: 70%;
    margin: auto;
    display: flex;
    justify-content: center !important;
    align-items: center;
  }

  div#divContainerWell h1#MainContent_h1TituloResumenCompra,
  div#divContainerWell
    div#MainContent_divInformacionPagina
    label#MainContent_lblInformacionPagina {
    text-align: center;
    font-size: 4rem;
  }

  div#divContainerWell
  div#MainContent_divInformacionPagina
  label#MainContent_lblInformacionPagina {
    margin-top: 1.5rem !important;
    margin: 0;
    font-size: 17px;
    text-align: justify;
    line-height: 20px;
  }
  div#divContainerWell div#MainContent_divPanelCobros {
    padding: 0;
    margin: 0;
  }

  header#header > div.container > div#divMultiinstalacion {
    position: static;
  }

  header#header > div.container {
    position: static !important;
  }

  header#header > div.container div#divMultiinstalacion * {
    position: static !important;
  }

  header#header > div.container div#divMultiinstalacion > ul.dropdown-menu {
    bottom: 0 !important;
    transform: translateY(29%) translateX(-50%) !important;
  }

  header#header {
    position: relative;
  }

  div#divContainerWell.imagenCentralInicio
    > div#MainContent_divContainerInternoBotones {
    width: 90% !important;
  }
  div#radioTipoDocumento {
    font-size: 10px;
    display: flex;
    padding: 0px;
    margin-left: -10px;
  }
  h1#MainContent_h1TituloResumenCompra {
    display: none;
}
/*h1#MainContent_h2SeleccionarCuota {
  display: none;
}*/
h1#MainContent_h2InformacionDatosPersona {
  display: none;
}
label#fraccion {
  left: 24%;
}
}

@media (max-width: 1200px) {
	header#header > div.container > div.logo {
		max-width: 243.75px !important;
	}

  header#header > div.container {
    width: 70%;
    margin: auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }

  header#header > div.container > div#divMultiinstalacion {
    float: none;
    width: auto;
    margin: 0;
  }
}

header#header > div.container {
  width: 100%;
  margin: auto;
  display: flex;
  /*justify-content: flex-start;*/
  justify-content: center;
  height: auto !important;
}

header#header > div.container::before,
header#header > div.container::after {
  display: none;
}

header#header {
  /*height: auto !important;*/
  height: 160px !important;
  min-height: unset !important;
}

header#header > div.navbar-collapse {
  height: auto !important;
  margin-top: 0 !important;
}

form[action="./Inicio.aspx"] {
  min-height: 100vh !important;
  position: relative;
}

form[action="./Inicio.aspx"] footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  left: 0;
}

header#header > div.navbar-collapse {
  background: unset;
  background-color: #555555 !important;
}

@media (min-width: 991px) {
  div#divMultiinstalacion > button#btnMultiinstalacion {
    margin: 0 !important;
    padding-right: 0;
    padding-left: 0;
    width: 100%;
  }

  div#divMultiinstalacion > ul.dropdown-menu {
    width: 100%;
  }

  header#header > div.navbar-collapse {
    background-color: transparent !important;
  }

  header#header
    > div.container
    > div.logo-sticky-active
    + div#divMultiinstalacion {
    display: none !important;
  }

  header#header > div.container > div.logo-sticky-active {
    margin-bottom: 1rem;
  }

  header#header > div.container > div.logo-sticky-active img {
    top: 0 !important;
  }
}

div#divContainerWell.imagenCentralInicio
  > div#MainContent_divContainerInternoBotones {
  margin-left: auto !important;
  margin-right: auto !important;
  width: 70%;

  display: flex;
  justify-content: center;
}

.cuotas-class{
  display:none;
}

div#MainContent_divCuotas {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}

#semestral1,#semestral2{
  display: none;
}

div#divYaFuiSocioDatosPersonale {
  display: none;
}


div.swal-icon--info{
	display:none !important;
}

select#MainContent_slcMes {
  width: 40% !important;
  padding: 4px 4px;
}

div#MainContent_divAltaNoPermitida .margin50 {
  margin: 0;
  margin-top: 30px;
}

label#MainContent_lblAltaNoPermitida {
  text-transform: initial;
}

button.btn.btn-responsive-nav.btn-inverse {
  display: none;
}

div#MainContent_divAltaNoPermitida {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

.plan .espacioMatricula, .plan #precioEspecial{
  display: none;
}

.cuotas-class {
  max-width: 296px;
  margin-left: auto;
  margin-right: auto;
}

#radio > label, #radio2 > label, #radioTipoDocumento > span > label {
  padding: 15px 6px 15px;
  line-height: 1;
  border-radius: 0px;
  cursor: pointer;
  text-align: center;
  transition: all .4s;
  font-size: 15px;
  border: 2px solid;
  text-align: center;
}

div#radio label {
  padding: 12px 15px 12px 12px;
}

.swal-content {
  margin-top: 40px;
}

@media (max-width: 780px){
  div#MainContent_divCuotas {
    display: block;
  }
}

.modal-block-warning .fa {
  color: #ed9c28;
  display: none;
}

.modal-icon + .modal-text {
  float: left;
  width: 100%;
  text-align: center;
  font-weight: bold;
}

#btnBuscarLogin{
	display:none;
}

/* EXCEPCIONAL MANTENIMIENTO */

div#MainContent_divBtnLogin {
    display: none;
}

.ejeHoras {
  text-align: center;
/*  background-color: #555555 !important;*/
}

#dateAACC {
  width: 225px;
  color: #555!important;
  font-weight: bold;
  background: #f5f5f5cc !important;
  border: 2px solid white;
  border-radius: 8px;
  padding-left: 10px;
  background: #fff url(../img/arrow.png) 97% 50% no-repeat !important;
}



button#btnZona {
  display: none;
}


td.nombreZona {
  pointer-events: none;
}


td.zona, .nombreZona, .monitor, .nombreMonitor, .personas, .numpersonas {
  display: none;
}

.panel.panel-accordion.panel-accordion-primary.cursillo {
  background-image: none !important;
  box-shadow: none;
}

h4.title-modern.titulogrupo {
  color: white !important;
  margin-top: 0px;

}

h4.agrupacionNombre {
  color: white;
  text-align: center;
  font-size: 22px;
  text-transform: uppercase;
  letter-spacing: 3px;
}

.panel-body-Credito{
  background: #f5f5f5cc !important;
}

td.sorting_1 {
  background: #f5f5f5cc !important;
}

.panel-body.panel-body-Credito .table-responsive {
  display: block !important;
}

.panel-body.panel-body-BotonCredito {
  background: #f5f5f5cc !important;
}

dx#creditoTotal {
  font-size: 25px !important;
    text-align: right !important;
    width: 147px !important;
    display: block;
}

nav#menu .nav.nav-main{
  display:flex;
  flex-direction: column;
}
div#modalCuota .descripcion {
  display: none;
}
#liDashboard{

}

#liOcupacion{
   display:none;
}

#liMiCuenta{
  order:1;
}

#liActividadesColectivas{
  order:2;
}

#liReservas{
  order:3;
}

#liServicios{
  order:6;
}

#liCursillos{
  order:5;
}

#liBonos{
  order:7;
}

#liPartidos{
  order:4;
}

#liMisFamiliares{
  order:9;
}

#liArticulos{
  order:8;
}

#liGruposFamiliares{
  order:10;
}

#liQR{
  order:11;
}

h2#lgCodigo {
  display: none;
}


.panel-body.panel-body-DatosPersonales {
  background: #f5f5f5cc;
}
div#sexo label {
  color: white;
  border-radius: 0px;
}

#sexo > .border-active {
  border-color: white !important;
  color: #f5f5f5cc !important;
  font-weight: bold;
  background: white;
}

div#sexo {
  display: none;
}
div#sexo {
  display: none;
}
aside#sidebar-left {
  transition: 250ms;
    background: white;
}
.sidebar-left .sidebar-header .sidebar-toggle {
    background: white;
}
.sidebar-left {
    box-shadow: -5px 0 0 #fff inset !important;
}
ul.nav-main li a {
	color: #000 !important;
}
legend {
  color: #555555 !important;
  letter-spacing: 5px;
  font-weight: 400;
}

.panel-body.panel-body-DatosPersonales span {
  color: #555555;
}
.page-header .sidebar-right-toggle {
  color: #555555 !important;
}
.panel-body.panel-body-BotonValidarDatosPersonales {
  background: #f5f5f5cc;
}

.panel-body.panel-body-PagosPendientes {
  background: #f5f5f5cc;
}

.table-bordered {
  border: 2px solid #727272 !important;
}

.table-striped > tbody > tr:nth-child(odd) {
  background-color: #f5f5f5cc !important;
  color: white !important;
}

.panel-body.panel-body-SeleccionFormaPagoPagosPendientes {
  background: #f5f5f5cc;
}

td.totalPagosPendientes {
  color: white !important;
  background: #555555;
}

.panel-body.panel-body-ConfirmaPagosSeleccionadosPagosPendientes {
    background: #f5f5f5cc;
}

h2.panel-title {
  letter-spacing: 4px;
}

header.panel-heading {
  background: #f5f5f5cc !important;
}

.panel-body.panel-body-CambioCuotas {
  background: #f5f5f5cc;
}

.panel-body.panel-body-CambioCuota {
  background: #f5f5f5cc;
}
.panel-body-PagosPendientes input, input#orTarjeta{
  filter: grayscale(1);
}
td a {
  color: #555;
}
li#listaCuotasACambiar {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}

.panel-body.panel-body-CambioCuota .col-md-12 {
  color: white;
  font-size: 18px;
  letter-spacing: 4px;
}

.panel-body.panel-body-Documentos {
  background: #f5f5f5cc;
}
a#datatable-ajax_previous,
a#datatable-ajax_next {
	color: #555 !Important;
}
div#datatable-ajax_wrapper {
  color: #555;
    font-size: 15px;
}

div#datatable-ajax_info {
  color: #555;
}

.panel-body.panel-body-Excedencias {
  background: #f5f5f5cc;
}

.panel-body.panel-body-SeleccionFormaPagoExcedencias {
  background: #f5f5f5cc;
}

.panel-body.panel-body-PagarExcedencias {
  background: #f5f5f5cc;
}

legend#lgDatosAcceso {
  display: none;
}
input#inputNick {
  display: none;
}
input#inputContrasenia {
  display: none;
}
input#inputVerificarContrasenia {
  display: none;
}

.form-control:focus {
  border-color: #555555 !important;
  box-shadow: 0 1px 1px rgb(0 0 0 / 8%) inset, 0 0 8px rgb(0 136 204 / 30%);
  background: rgb(255 255 255) !important;
}

legend#lgDatosBancarios {
  display: none;
}
#divNumIban, #divNumBanco, #divSucursal, #divDc, #divNumCuenta{
  /* display: none; */
}

btn#toggleVisibilityAccountNumber {
  display: none;
}

span#astSexo {
  display: none;
}

.panel-body.panel-body-MisServicios {
  background: #f5f5f5cc;
}
.bono span.promoBono {
  position: absolute !important;
  font-size: 13px;
  /* top: 24px; */
}
.bono {
  background-image: url(../img/bonoSolana.jpg);
  width: 30% !important;
  max-width: initial !important;
  overflow: hidden;
  height:200px;
}
.servicio .textoBono {
  font-size: 10px;
}
.bono.fisio1{
  background-image: url(../img/fisio1.jpg) !important;
}

.bono.fisio2{
  background-image: url(../img/fisio2.jpg) !important;
}

.bono .content *, .bono .content h4 {
  text-align: left;
}

.bono p.description.sesiones {
  font-size: 12px !important;
}

.price {
  float: right;
  margin: 0 0 0 0 !important;
  text-align: center;
  background-color: #bbbbbb !important;
  /* background-size: 150% 150%; */
  /* background-repeat: no-repeat; */
  /* background-position: 97% 75%; */
  position: inherit;
  width: 106px !important;
  height: 35px !important;
  color: white;
  z-index: 4;
  box-shadow: 2px 2px 5px 0px black;
  border-radius: 0% !important;
}

.card.card-just-text .content {
  padding: 33px 30px;
  text-align: center;
}

.card[data-background="image"]:hover .filter {
  opacity: 0.75;
  filter: alpha(opacity=75);
}

.card .filter, .card .header .actions {
  position: absolute;
  z-index: 2;
  background-color: #f5f5f5cc;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  opacity: 0.8 !important;
}

.bono h4.title.title-modern {
  font-size: 18px !important;
  letter-spacing: 3px;
  min-width: 300px;
}
.bono.card.card-just-text .content {
  padding: 15px 15px !important;
  text-align: center;
  height: 100%;
}
.bono p.textoBono {
  display: none ;
}
.bono button.btnCompra.btn.btn-success {
  left: 6%;
  position: absolute;
  top: 73%;
  z-index: 20 !important;
}
p.description.caducidad {
  display: none;
}
.pricevalue {
  color: black;
  height: 100%;
  margin-top: 8% !Important;
  font-size: 14px !important;
  font-weight: bold;
  text-shadow: none;
}
.content.divNombreDescripcionServiciosPrivate .description {
  display: none;
}
.content p.description.text {
  position: absolute;
  font-size: 8px;
  width: 60%;
  right: -16px;
  bottom: 0;
  display:none;
}

.card.servicio:after {
    display: none !important;
}


/***** MENU MOVIL 

.mobile-device .row .col-xs-6 {
  margin-top: -20px;
}

.mobile-device .container{
  padding-top:30px;
  background: transparent !important;
}
.mobile-device .row {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
}

.col-xs-6.menuMovilAforo, .col-xs-6.menuMovilQR,.col-xs-6.menuMovilPagos,
.col-xs-6.menuMovilCreditos, .col-xs-6.menuMovilPerfilPartidos,
.col-xs-6.menuMovilAccesos, .col-xs-6.menuMovilDocumentos  {
  display: none;
}

div[class^='col-xs-6 menuMovil']{
  width: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  padding-left: 0;
  padding-right: 0;
  height: 200px !important;
  margin-bottom: 30px;
}
div[class^='col-xs-6 menuMovil'] h3{
    background: #f5f5f5cc;
    padding-top: 10px;
    border: 0px solid #f5f5f5cc;
    padding-bottom: 10px;
    margin-top: 145px;
    font-size: 16px;
}

div[class^='col-xs-6 menuMovil'] a{
  height: 200px;
  position: absolute;
  width: 100%;
  left: 0;
}

div[class^='col-xs-6 menuMovil'] img{
  opacity: 0;
  display: none;
}

.menuMovilPersonal{
  background-image: url('/Personalizar/Img/Movil/cuenta.jpg') !important;
  order:0;
  display: none;
}

.menuMovilClasesColectivas{
  background-image: url('/Personalizar/Img/Movil/actividades.jpg') !important;
}

.menuMovilReservas{
  background-image: url('/Personalizar/Img/Movil/reservas.jpg') !important;
}
.menuMovilPartidos{
  background-image: url('/Personalizar/Img/Movil/partidos.jpg') !important;
}

.menuMovilServicios{
  background-image: url('/Personalizar/Img/Movil/servicios.jpg') !important;
  background-position-y: 0px;
  width: 50% !important;
}
.menuMovilBonos{
  display: none;
  order:5;
  background-image: url('/Personalizar/Img/Movil/reservas.jpg') !important;
  width: 50% !important;
}
.menuMovilReservas, .menuMovilClasesColectivas{
  width: 50% !important;
} 
*/
/**** ORDEN MENU MOVIL *****/

.menuMovilClasesColectivas{
  order:1;
}

.menuMovilReservas{
  order:2;
  width: 50% !important;
}

.menuMovilPartidos{
  order:3;
  width: 50% !important;
}

.menuMovilServicios{
  order:4;
}

.mobile-device body {
  display: flex;
  align-items: center;
   flex-direction: column !important; 
}


ul.nav-main li .nav-children {
	background-color: white !important;
}
li#liMiCuenta.nav-expanded ul {
  display: flex;
  flex-direction: column;
}

li#liDatosPersonales {
  order: 1;
}

li#liDocumentos {
  order: 2;
}
li#liCambioCuota {
  order: 3;
}
li#liCredito {
  order: 4;
}
li#liPagosPendientes {
  order: 5;
}

span.product-thumb-info-image .img-responsive {
  display: block;
}

.featured-box.featured-box-secundary.featured-box-cart {
  background: #f5f5f5cc;
  border: 0px;
}
/*
a.dropdown-toggle.filtros.btn.btn-default:hover {
    margin: 0px !important;
}*/

a.dropdown-toggle.filtros.btn.btn-default{
    color:white;
}

a#masterClass {
  padding: 10px;
  background: #f5f5f5cc;
  color: white;
  margin-top: 25px !important;
  display: block;
  width: 55%;
  margin-left: auto;
  transition: 250ms;
  border: 2px solid #f5f5f5cc;
  margin-right: auto;
  margin-bottom: -15px;
  box-shadow: 3px 4px 5px 2px black;
}

a#masterClass:hover {
  box-shadow: none;
  transition: 250ms;
  background: white;
  color: black;
  border-color: #f5f5f5cc;
}

/*div#filtroEstados {
  display: none;
}*/


.contenedorBotones.row.row-flex.row-flex-wrap.row-nomag {
  display: flex !important;
  flex-direction: row;
  width: 100%;
justify-content: flex-start;
    margin-left: 10px;
}


.agrupacion #filterS {
  background: black !important;
  opacity: 0.4 !important;
  transition: 500ms;
}
.agrupacion #filterS:hover {
  background: black !important;
  opacity: 0 !important;
  transition: 500ms;
}
h2.nombreServicio .textoBono {
  display: none;
}
.main.col-xs-12.col-sm-12.col-md-12.col-lg-12.mainCard .nombreClase .textoBono {
  display: none;
}
h4.actividadNombre .textBono {
  display: none;
}
.content.divNombreDescripcionServiciosPrivate h4 {
  text-align: left;
  font-size: 30px;
  letter-spacing: 5px;
  text-shadow: 1px 1px 1px black;
}
.content.divNombreDescripcionServiciosPrivate h4 {
  font-size: max(0vw, 11px);
  line-height: 25px;
}
.content.divNombreDescripcionServiciosPrivate .promoBono {
  display:none;
}
.card.card-just-text .content {
  padding: 10px 40px;
}
.contenedorBotones.row.row-flex.row-flex-wrap.row-nomag .servicio {
  width: 30%;
  display: flex;
  min-width: unset;
  align-items: baseline;
  max-width: unset;
 /* max-height: 130px !important; /*
  border-radius: 25px;
}

.servicio #filterS {
  background: black !important;
  opacity: 0.4 !important;
  border-radius: 40px !important;
  transition: 500ms;
}
.servicio #filterS:hover {
  background: black !important;
  opacity: 0 !important;
  transition: 500ms;
  border-radius: 40px !important;
}

.divNombreServicio ~ .wrapper .Horarios{
  background:url('/personalizar/img/FONDO_FISIO.jpg') !important;
}

div.bono[actividad='25'] p.description.text {
  display: block;
}

div.bono[actividad='25']{
  background-image: url(../img/bonoSolana.jpg);
}

p.textoBono {
  color: white;
}

.bono{
  min-height:190px;
}

@media (max-width: 1250px) {
  .bono.card.card-just-text.card-with-border.col-xs-12.col-sm-6.col-md-3.col-lg-3 {
    width: 100% !important;
  }h2.MensajeNoDisponibles {
    margin-top: 35px;
}
.itemHoras {
  color: white !important;
}
#dateAACC {
  width: 315px !important;
  text-align: center;
}
  .servicio{
    width: 100% !important;
  }

  .mobile-device body {
    display: block;
    align-items: center;
  }
  .col-md-12.well.text-center {
    text-align: center;
    display: flex;
    justify-content: center;
  }
}


.panel-body.panel-body-ModalBonos .BonoDescripcion {
  display: none;
}

.bonoPromocionado, .servicioPromocionado{
  
  animation: mymove 3s infinite;
}

@keyframes mymove {
  50% {box-shadow: 0px 0px 11px 0px red;}
}


h2#tituloCredito {
  line-height: 30px;
}


.front p.servicioDescripcion {
  text-align: center;
  margin-bottom: -15px;
  /* margin-top: 38px; */
  color: black !important;
}

section.center-compra .bg-white {
    background: transparent !important;
}

.divNombreServicio h2.nombreServicio .promoBono {
  display: none;
}

.bono span.promoBono {
  position: absolute;
  z-index: 111111;
}

footer.panel-footer {
  background: #f5f5f5cc;
}
.panel-body.panel-body-LayoutMensajeError {
  background: #f5f5f5cc;
}

div#userbox {
  max-width: 347px;
  margin-top: -10px;
}

.panel-body.panel-body-LayoutMensajeOk {
  background: #f5f5f5cc !important;
}

#datosReserva .promoBono {
  display: none;
}
/*
td.nombreClase {
  display: flex;
}*/

h4.actividadNombre .promoBono {
  display: none;
}

.panel-body-ModalServiciosPrivate h4.actividadNombre {
  display: block;
  /* justify-content: center; */
  margin-bottom: -60px;
  text-align: center;
  justify-content: center;
  min-height: 120px;
}

.swal-icon.swal-icon--error {
  display: none;
}

.swal-text {
  margin-top: 40px;
}


#imagenServ, #imagenServ2 {
  background-size: cover;
  background-position-y: -60px !important;
  background-repeat: no-repeat;
  border: 0;
  max-height: 343px;
  height: 175px !important;
  background-position-x: 0;
}


div#cuentaAtrasContenedor {
	display: none !important;
}


.servicioPromocionado:before {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  background-image: url(/personalizar/img/destacado.png);
  background-repeat: no-repeat;
  background-position-x: 100%;
  background-position-y: 29px !important;
  background-size: 330px;
  z-index: 3 !important;
}

.bonoPromocionado:before {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  background-image: url(/personalizar/img/destacado.png);
  background-repeat: no-repeat;
  background-position-x: 100%;
  background-position-y: 29px !important;
  background-size: 410px;
  z-index: 3 !important;
}

li#liActividadesColectivas #liComprarBonos {
  display: none;
}

#botonSocio{
  margin-left:20vh;
  margin-right: 20px;
}

#botonSocio, #botonLogin {
  background: transparent;
  color: #555;
  text-transform: uppercase;
  height: 45px;
  margin-top: 20px;
  border: 2px solid #555;
  padding: 12px;
  transition:250ms;
}

#botonSocio:hover, #botonLogin:hover {
  background: #ffffff;
  color: #555;
  border: 2px solid white;
  transition:250ms;
  text-decoration: none;
}
@media (max-width: 990px) {
	#botonSocio{
		margin-left:0vh;
		margin-right: 15px;
	}
}
div#MainContent_divContainerInternoBotones {
  display: none !important;
}


a#botonSocio,
a#botonLogin {
	display: none;
}
a.sidebar-right-toggle {
    pointer-events: none;
}

ul#idiomaPanel {
    display: none;
}
.modal-block-danger .fa {
    display: none;
}
span.separator {
    background: transparent !important;
}
section.content-body h2 {
    /*display: none;*/
}
.col-xs-12.col-sm-12.col-md-12.col-lg-4.col-tm h2 {
    display: block;
}
.sidebar-left .sidebar-header .sidebar-toggle,
.page-header {
    background: #f5f5f5cc !important;
}
.sidebar-left .sidebar-header .sidebar-toggle:hover i {
	color: #555555 !Important;
}
.page-header .breadcrumbs a, .page-header .breadcrumbs span {
	color: #555555 !important;
}
header.page-header h2 {
    display: block;
    color: #555555 !important;
    border-bottom-color: #555555 !important;
}
.panel-body.panel-body-DatosPersonales .mb-md .widget-content-expanded .col-md-12.col-lg-12 legend {
    color: #555555 !important;
}
ul.nav-main li .nav-children li a:hover, ul.nav-main li .nav-children li a:focus {
    color: white !important;
}
.timeline .tm-items > li {
    margin: 20px 0px;
    margin-right: 20px !important;
    margin-left: 10px !important;
}

label#lblMensajeOkH4 {
    color: #555 !important;
}

.form-group.col-md-10 {
    width: 100%;
    display: flex;
    flex-direction: row !important;
    justify-content: flex-end;
}
div#divDateDesde {
    margin-left: -65px !important;
}
.col-sm-3 {
    width: 40% !important;
}
.form-group.col-md-10 .row .col-sm-3 span {
    color: white !important;
    text-shadow: 2px 1px black;
}

section.content-body section.col-md-12.panel.no-padding .panel-body.panel-body-Documentos div#datatable-ajax_wrapper table#datatable-ajax tbody tr.odd td a {
    color: #0088cc !important;
    text-decoration: underline;
}

.btn.btn-primary, .btn.btn-primary:hover, .btn.btn-primary:focus, .btn.btn-primary:active, .btn.btn-primary.active, .btn.btn-primary:active:focus, .btn.btn-primary:active:hover, .btn.btn-primary.active:focus, .btn.btn-primary.active:hover, .open > .btn.btn-primary.dropdown-toggle, .open > .btn.btn-primary.dropdown-toggle:focus, .open > .btn.btn-primary.dropdown-toggle:hover, .navbar .navbar-nav > li > a.btn.btn-primary, .navbar .navbar-nav > li > a.btn.btn-primary:hover, .navbar .navbar-nav > li > a.btn.btn-primary:focus, .navbar .navbar-nav > li > a.btn.btn-primary:active, .navbar .navbar-nav > li > a.btn.btn-primary.active, .navbar .navbar-nav > li > a.btn.btn-primary:active:focus, .navbar .navbar-nav > li > a.btn.btn-primary:active:hover, .navbar .navbar-nav > li > a.btn.btn-primary.active:focus, .navbar .navbar-nav > li > a.btn.btn-primary.active:hover, .open > .navbar .navbar-nav > li > a.btn.btn-primary.dropdown-toggle, .open > .navbar .navbar-nav > li > a.btn.btn-primary.dropdown-toggle:focus, .open > .navbar .navbar-nav > li > a.btn.btn-primary.dropdown-toggle:hover {
	background-color: #555555 !important;
	color: white !Important;
}

@media (max-width: 990px) { 
	.form-group.pull-left.selectorFecha.is-empty {
		margin-top: 20px !important;
	}
	.timeline .tm-items > li .tm-box {
		min-width: 10px !important;
		margin-left: -10px !important;
		margin-right: -20px !important;
	}
	.col-xs-12.col-sm-12.col-md-12.col-lg-4.col-tm h2 b {
		font-size: 32px !important;
	}
	#dateAACC {
		width: 100% !important;
		text-align: left;
	}
}

/*
div#filtroActividad, div#filtroAgrupacion,
div#filtroMonitores, div#selectorVista {
	display: none !important;
}*/
a#btnLogin, a#btnRegistrar {
    background: transparent;
    color: #555;
    text-transform: uppercase;
    height: 45px;
    margin-top: 20px;
    border: 2px solid #555;
    padding-top: 5px;
    transition: 250ms;
    border-radius: 0 !important;
}

#divPanelSing {
    width: 100%;
}

td.publicidad {
    text-align: center;
}
/*
@media (max-width: 990px) {
	tr.modelpublicidad td.publicidad a img {
		width: 100%;
	}
	/*section.content-body {
		background: url(/personalizar/img/Publica/banner-mobile.png) !important;
		background-size: cover !important;
		background-position: center !important;
	}*/


/*  correociones */
@media only screen and (min-width: 410px) and (max-width: 415px) and (min-height: 895px) and (max-height: 920px){
    #botonSocio {
    margin-left: 2vh !important;
    margin-right: 15px;
}
   
}
/* resumen de compra de regalos, nos avisara cuando quitatlos 
#MainContent_divPanelImportes li:nth-of-type(6){
    display: none;
}

#MainContent_divPanelImportes li:nth-of-type(7){
    display: none;
}
#MainContent_divPanelImportes li:nth-of-type(8){
    display: none;
}
#MainContent_divPanelImportes li:nth-of-type(9){
    display: none;
}

#MainContent_divPanelImportes li:nth-of-type(10){
    display: none;
}*/


@media (max-width: 990px) {
h1#MainContent_h2SeleccionarCuota {
    font-size: 20px;
}}

@media (max-width: 600px) {
      div#divDateHasta {
        left: -120px !important;
    }
    
    div#divDateDesde {
        left: 40px !important;
    }

}
/* fin correccion*/


/*arreglos para loginmigracion*/

#account-login-container-wrapper legend#MainContent_lgAcceso {
   visibility: hidden;
}


#account-login-container-wrapper legend#MainContent_lgAcceso:after {    
    content: "Recordar contraseña";
	display: block;
	visibility: visible
}

div#ajax-login-wrapper form{
    display: none !important;
}

div#account-login-container-wrapper {
    border: 0px !important;
	width: 100% !important;
}

div#divContainerWell > .row {
    margin-left: 100px;
    margin-right: 100px;
    align-items: center !important;
}

div#divChksRecordarDatosYBtnLogin label {
    display: none !important;
}

div#modalNoEmail .btn:nth-of-type(1) {
    visibility: hidden !important;
}

label.clearfix.col-xs-3 {
    width: 100%;
}

@media (max-width: 600px) {
  div#divContainerWell > .row {
    margin-left: 0px !important;
    margin-right: 0px !important;
    align-items: center !important;
	}
}

/*fin arreglos para loginmigracion*/

/* Nuevos Cambios Eli*/
legend#MainContent_lgDatosPersonales,
legend#MainContent_lgDatosContacto,
fieldset#MainContent_flDatosBancarios {
	display: none;
}
label#MainContent_lblNif,
span#MainContent_astNif {
	display: none;
}
#radioTipoDocumento {
	padding-left: 0 !important;
}

li#precioFinal {
    display: block !important;
}




/* Cuotas cuadradas Correo eli 27/01/2023 */

label[id*="lblNombreMatricula"] {
    padding-left: 15px;
    padding-right: 15px;
    margin-bottom: 0px;
    min-height: 0px !important; 
}


.featured-box.featured-box-secondary.ajustarHeight{
    height: 310px !important;
}
.featured-box {
min-height: 0px !important;
border-radius: 0px !important;
}

.box-content{
    border-radius: 0px !important;
}


.swal-content p{
    text-align: justify;
}

.swal-content {
	text-align: justify;
    margin-top: 40px;
    padding-left: 50px !important;
    padding-right: 60px !important;
}

 /*

#divPrecioMatricula154 p:nth-of-type(1){
    height: 0px !important;
    margin: 0px !important;
}
#divPrecioMatricula156 p:nth-of-type(1){
    height: 0px !important;
    margin: 0px !important;
}
#divPrecioMatricula158 p:nth-of-type(1){
     height: 0px !important;
    margin: 0px !important;
}
#divPrecioMatricula159 p:nth-of-type(1){
     height: 0px !important;
    margin: 0px !important;
}

#divPrecioMatricula160 p:nth-of-type(1){
     height: 0px !important;
    margin: 0px !important;
}
*/
.featured-box.featured-box-secondary.ajustarHeight {
    height: 255px !important;
}
.panel-group .panel-heading a {
    display: block;
    padding-bottom: 0px !important;
}

span#Lugar {
    font-weight: 100;
}

span#etiquetaPrecio{
    font-weight: 100;
}

#MainContent_divCuotas .panel-group.primary{
    margin-bottom: 10px !important;
}

.etiquetaCuota, #precioMes {
    font-weight: bold;
}

div#radio label {
    padding: 5px 12px 6px 5px;
}


div#radio label {
    margin-right: 10px;
}

.radio-group{
    display: flex;
}

div#MainContent_divSexo {
    margin-top: 1.6% !important;
    margin-right: 5% !important;
}


#MainContent_divPanelCobros > * .plan > h3 {
    display: none;
}

.fromItemButtons.formCampo {
    display: flex;
    justify-content: center;
}

input#MainContent_btnCancelar {
    order: 2 !important;
}

a#MainContent_btnPagoBizum {
  order: 3 !important;
}
a#MainContent_btnPagoTarjeta {
    order: 1 !important;
}

.allTarjetas {
    margin-top: 0 !important; 
}

h1#MainContent_h1TituloResumenCompra {
    display: none;
}

#MainContent_lblInformacionPagina{
display: none;}

#MainContent_divCuotas > * .box-content p {
    line-height: 16px;
}

#radioTipoDocumento label{
    height: 28px !important;
}

#radioTipoDocumento > span > label {
    line-height: 0.1;
}

label#MainContent_lblFechaNacimiento {
    /* padding-top: 10px !important; */
    margin-bottom: 0px !important;
    padding-top: 16px !important;
}

#radio > label, #radio2 > label, #radioTipoDocumento > span > label {
    padding: 13px 4px 9px !important;
}

div#MainContent_UpdatePanelNIF {
    padding-top: 3px !important;
}

div#MainContent_divSexo {
    margin-top: 1% !important;
}


#MainContent_divSexo div#radio label {
    padding: 6px 6px 6px 6px !important;
}
/*
@media screen and (min-width: 600px) {
  #MainContent_btnPagoBizum{
    position: relative;
    bottom: 100px !important;
    left: 3% !important;
  }
  
  #MainContent_btnPagoTarjeta{
    position: relative;
    bottom: 100px !important;
    right: 3% !important;
  }
}*/


#MainContent_divPanelImportes #etiquetaPrecio {
   display: content !important;
}

/*

#divPrecioMatricula176 > p:nth-of-type(1) {
    display: none;
}

#divPrecioMatricula155 > p:nth-of-type(1) {
    display: none;
}
*/
/*** cuidado ***/

#MainContent_divPanelImportes > ul > li:nth-last-child(4)  span , b { 
color: #555;
    font-weight: bold;
 
} 

#MainContent_divPanelImportes > ul > li:nth-last-child(4)  .importeLineaCobro{ 
/*display: none; */
color: black !important;
}

/*
#MainContent_divPanelImportes > ul > li:nth-last-child(3){ 
 color: black !important;
 height:52px !important;
} */

/*#MainContent_divPanelImportes > ul > li:nth-of-type(4){ 
 color: white !important;
}

MainContent_divPanelImportes > ul > li:nth-of-type(3)  { 
 line-height: 0px;
 height: 35px;
}



#MainContent_divPanelImportes > ul > li:nth-of-type(3)  br { 

display: none;
}

#MainContent_divPanelImportes span#Lugar { 

margin-left: 10px;
}

/** cuidado **/

/*  fin cambios 27/01/2023 */ 

.checkbox-custom input[type="checkbox"]:checked + label:after {
	left: 2px !important;
}

#MainContent_lgTerminos{
	display: none !important;
}
@media screen and (min-width: 600px) {
#w4-DatosPersonales > fieldset:nth-of-type(1){
     display: flex !important;
    flex-wrap: wrap !important;
    height: 110px !important;
}


.formCampo {
    margin-bottom: 4em;
}
#MainContent_divNombre {
    order: 1 !important;
}

#MainContent_divApellidos {
    order: 2 !important;
}

#MainContent_divNif {
    order: 3 !important;   
}

#MainContent_divFechaDeNacimiento {
       order: 4 !important;  
}  
#MainContent_divSexo{
       order: 5 !important;  
} 

#MainContent_UpdatePanelNIF{
  flex-wrap: wrap !important;
    display: flex !important;
}

div#radioTipoDocumento {
    width: 26% !important;
}

input#MainContent_txtNIF {
    width: 69% !important;
    margin-left: 4%;
}

label#MainContent_lblNif, span#MainContent_astNif {
    display: contents !important;
}

div#MainContent_UpdatePanelNIF {
     padding-top: 0px !important; 
}

label#MainContent_lblFechaNacimiento {
    padding-top: 0px !important;
}

div#MainContent_divSexo {
    margin-top: 0px !important;
    padding-top: 0px !important;
} 


div#MainContent_UpdatePanelNIF {
     padding-top: 0px !important; 
}

label#MainContent_lblFechaNacimiento {
    padding-top: 0px !important;
}

div#MainContent_divSexo {
    margin-top: 0px !important;
    padding-top: 0px !important;
}} 


@media only screen and (max-width: 600px) {
 .panel-body.panel-body-PagosPendientes td{
    
    line-height: 1.2 !important;
    font-size: 10px !important;
    letter-spacing: 2px !important;
}
 .panel-body.panel-body-PagosPendientes {
    padding : 0px !important;
}
.panel-body.panel-body-PagosPendientes th{
    
    font-size: 10px !important;
}
}




/* cambios 27 02 23 */
.body{
background: url(/Personalizar/Img/fondo.png);
    background-attachment: fixed;
    background-size: cover;

}	

header#header {
    background : transparent !important ;
}

div#divContainerWell {
    background: transparent !important;
	border: 0px !important ;
	box-shadow: inset 0 1px 1px rgb(0 0 0 / 0%);
}


#header > .navbar-collapse > .container {
    position: relative;
     border-top: 0px !important;
    padding-top: 20px;
}


div#w4-DatosPersonales {
    background: white !important;
}


#MainContent_h2SeleccionarCuota{
	font-weight: 500;
    font-family: 'Archivo', sans-serif !important;
    color: white !important;
    /*font-size: 34px !important; */
    letter-spacing: 2px !important;
	font-size: 26px !important;
	
}	


.col-md-3.col-sm-6.cuotas-class {
   /* height: 440px !important;
    width: 290px !important;*/
	height: 420px !important;
    width: 275px !important;
    border-radius: 8px !important;
	padding: 0px !important;
    margin-right: 9.5px !important;
    margin-left: 9.5px !important;
}

.featured-box.featured-box-secondary.ajustarHeight {
    /*height: 440px !important;
    width: 290px !important;*/
	height: 420px !important;
    width: 275px !important;
    border-radius: 8px !important;
	margin: 0px !important;
}
#divContainerWell {
    
    margin: 0px !important;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    justify-items: center;
    width: 100% !important;
    flex-direction: column;
    align-content: center;
	align-items: center;
}

html .wizard-progress.wizard-progress-lg, html.dark .wizard-progress.wizard-progress-lg {
    margin: 0 auto 30px;
    width: 50% !important;
}

div#divContainerWell > .row {
    margin-left: 0px !important;
    margin-right: 0px !important;
    align-items: center !important;
}

.cuotas-class {
    max-width: none !important;
 
}

html .wizard-progress .wizard-steps, html.dark .wizard-progress .wizard-steps {

    width: 85% !important;
 
}

html .wizard-progress.wizard-progress-lg .steps-progress, html.dark .wizard-progress.wizard-progress-lg .steps-progress {

    width: 71% !important;

}

.logo a img {
    /* width: 260px !important; */
    height: auto !important;
	width: 230px !important;
}


label.etiquetaCuota {
    font-size: 26px;
     font-family: 'archivo', sans-serif !important;
    font-weight: bold;
    color: #95938E !important;
}

#precioMes{
    font-size: 28px;
     font-family: 'archivo', sans-serif !important;
    font-weight: lighter;
    color: #67645E !important;
}

.box-content h4:nth-of-type(1) { 
    border-bottom: 1px solid #D9D9D9;
    margin-left: 40PX;
    MARGIN-RIGHT: 40PX;
}

label.etiquetaCuota {
    margin-top: 30px !important;
}

label#precioMes {
    margin-top: 15px !important;
    margin-bottom: 30px !important;
}

.fromItemButtons.formCampo > .btn-primary {
	border: 1px solid #ffffff !important;
    background-color: transparent !important;
    color: white !Important;
    width: 154px !important;
    height: 54px !important;
    border-radius: 6px !important;
	font-family: 'Archivo', sans-serif !important;
	font-size: 17px;
}

footer#footer {
    opacity: 0;
}


.box-content .btn-primary{
    border-radius: 6px !important;
	width: 187px !important;
	height: 54px !important;
	font-family: 'Archivo', sans-serif !important;
	background-color: #95938E !important;
	font-size: 18px !important;
}


div#MainContent_divCuotas > div[id^="divCuota"] div[id^="divPrecioMatricula"] {
    height: 155px !important;
}


.panel-default > .panel-heading {
    color: #333333;
	background-color: #ffffff00;
    border-color: #ffffff;
}

div#MainContent_divCuotas h4.panel-title a.accordion-toggle {
    font-size: 16px;
    margin-top: -12px;
    margin-left: 0px !important;
    text-align: center;
    margin-left: 0px !important;
}

div#MainContent_divCuotas h4.panel-title a.accordion-toggle {
    font-size: 16px;
    margin-right: 0px !important;
    text-align: center;
    margin-left: 0px !important;
	padding-bottom: 10px !important;
}

.featured-box {
	
 box-shadow: 0px 0 0px 0px black !important;

}

html .wizard-progress.wizard-progress-lg .steps-progress, html.dark .wizard-progress.wizard-progress-lg .steps-progress {
   width: 56% !important;
    margin-left: 179px !important;
}

html .wizard-progress.wizard-progress-lg .steps-progress, html.dark .wizard-progress.wizard-progress-lg .steps-progress {
    height: 1px !important;
	background-color: white !important;
}

html .wizard-progress .wizard-steps li.active a span, html.dark .wizard-progress .wizard-steps li.active a span {
    color: #67645E !important;
    border-color: white !important;
	background-color: white !important;
	font-family: 'Archivo', sans-serif !important;
	font-size: 20px !important;
}

html .wizard-progress .wizard-steps li a span, html.dark .wizard-progress .wizard-steps li a span {
	background-color: #C1B8AC !important;
	border-color: white !important;
	border-width: 1px !important;
	font-size: 20px !important;
}


.logo a img {
    margin-top: 30px;
}


html .wizard-progress .wizard-steps li.active a, html.dark .wizard-progress .wizard-steps li.active a {
    color: white !important;
	font-family: 'Archivo', sans-serif !important;
	font-size: 20px !important;

}

.wizard-steps li > a {
    color: white !important;
	font-family: 'Archivo', sans-serif !important;
	font-size: 20px !important;
}


span#etiquetaMatricula {
	letter-spacing: 0px !important;
    font-size: 18px !important;
    color: #67645E !important;
    font-weight: 600;
     font-family: 'archivo', sans-serif !important;
}

span#etiquetaPrecio {
	letter-spacing: 1px !important;
    font-size: 19px !important;
    color: #67645E !important;
    font-weight: 600;
    font-family: 'Archivo', sans-serif !important;
	
}

span#etiquetaPromo {
	letter-spacing: 0px !important;
    font-size: 18px !important;
    color: #67645E !important;
    font-weight: 500;
     font-family: 'archivo', sans-serif !important;
	
}
span#etiquetaPromoNumber{
	letter-spacing: 1px !important;
    font-size: 24px !important;
    color: #67645E !important;
    font-weight: 500;
     font-family: 'archivo', sans-serif !important;
	
}

span#etiquetaMesGratis{
	letter-spacing: 1px !important;
    font-size: 16px !important;
    color: #67645E !important;
    font-weight: 500;
    font-family: 'archivo', sans-serif !important;
	
}

div#MainContent_divCuotas > div[id^="divCuota"] div[id^="divPrecioMatricula"] {
   /* margin-top: 15px !important;*/
   margin-top: -20px !important;
}
.Matriculas p  {
	margin-bottom: 15px !important;
}
/*.box-content p:nth-of-type(1) {
    margin-bottom: 30px !important;
}*/

.Matriculas p:nth-of-type(2){
margin-top: 10px !important;

}




div#MainContent_divCuotas h4.panel-title a.accordion-toggle {
    font-size: 16px;
    margin-right: 0px !important;
    text-align: center;
    margin-left: 0px !important;
    padding-bottom: 10px !important;
	color: #67645E !important;
	font-family: 'Archivo', sans-serif !important;
	font-size: 16px !important;
	font-weight: 600 !important;
}

div#w4-DatosPersonales {
    background: white !important;
    width: 70%;
    border-radius: 8px !important;
}

@media screen and (min-width: 600px){
#w4-DatosPersonales > fieldset:nth-of-type(1) {
    display: flex !important;
    flex-wrap: wrap !important;
    height: 175px !important;
}}

.form-control:focus {
    border-color: WHITE !important; 
   
    background: transparent !important;
}

.form-control {
    border-top: 0px !important;
    border-left: 0px !important;
    border-right: 0px !important;
    border-bottom: 1px solid #2d2d3c;
    background: transparent;
    border-radius: 0px;
    box-shadow: none;
    padding-left: 0px !important;
    
}

label#MainContent_lblNombre {
    display: none !important;
}

#MainContent_astNombre{
    display: none !important;
}
#MainContent_lblApellidos{
      display: none !important;
}

#MainContent_astApellidos{
   display: none !important;
}

#MainContent_UpdatePanelNIF {
     padding-top: 0px !important; 
}

label#MainContent_lblFechaNacimiento {
    padding-top: 0px !important;
}

div#MainContent_divSexo {
    margin-top: 0px !important;
    padding-top: 0px !important;
}

#MainContent_lblApellidos{
    display: none;
}

#MainContent_astFecha{
    display: none !important;
}

/*label#MainContent_lblNif {
    display: none !important;
}*/

span#MainContent_astNif {
    display: none !important;
}

/*label#MainContent_lblSexo {
    display: none !important;
}*/

#MainContent_astSexo{
     display: none !important;
}

label#MainContent_lblEmail {
    display: none !important;
}

#MainContent_astEmail{
    display: none !important;
}

#MainContent_lblVerificarEmail{
    display: none !important;
}

#MainContent_astVerificarEmail{
    display: none !important;
}

#MainContent_lblMovil{
        display: none !important;
}

#MainContent_astMovil{
    display: none !important;
}

#w4-DatosPersonales{
	/* padding: 60px !important; */
	padding-left: 100px !important;
    padding-right: 100px !important;
    padding-top: 80px !important;
    padding-bottom: 80px !important;
}


/*
input#MainContent_txtMail {
    min-width: 513px !important;
}*/

div#radioTipoDocumento {
    text-transform: uppercase;
     font-family: 'archivo', sans-serif !important;
}

#radio > label, #radio2 > label, #radioTipoDocumento > span > label {
    border: 1px solid  !important;

}

div#radioTipoDocumento {
    margin-top: 8px;
    margin-right: 1p;
}

input#MainContent_btnValidar {
	order: 2;
   background-color: #95938E !important;
}

#w4-DatosPersonales input#MainContent_btnVolverAtras {
 
	order:1 ;
	color: #67645E !important;
    border: 1px solid #67645E !important;;
}

#MainContent_divPanelCobros .plan{
    width: 600px !important;
}

#MainContent_divPanelCobros .col-md-6.col-md-offset-3 {
    margin-left: 0px !important;
}

#MainContent_divPanelCobros label.etiquetaCuota {
    margin-top: 0px !important; 
}

/*
#MainContent_divPanelCobros span#etiquetaPrecio::after{
    content: " - PROMOCIÓN 25€";
	font-family: 'Archivo', sans-serif !important;
    font-size: 15px !important;
    color: #201F1C !important;
}*/
#MainContent_divPanelCobros span#etiquetaPrecio{
		font-family: 'Archivo', sans-serif !important;
    font-size: 15px !important;
    color: #201F1C !important;
}
#MainContent_divPanelCobros span#etiquetaMatricula{
		font-family: 'Archivo', sans-serif !important;
    font-size: 15px !important;
    color: #201F1C  !important;
}
#MainContent_divPanelCobros span#etiquetaPromo  {
	display: none !important;
}
#MainContent_divPanelCobros  span#etiquetaPromoNumber{
	display: none !important;
}
li#precioFinal {
    background: #ffffff;
}

div#MainContent_divPanelImportes ul li:last-child {
    background: #ffffff;
}

#MainContent_divPanelImagenesTarjeta > IMG {
	WIDTH: auto !Important;
	HEIGHT: AUTO !IMPORTANT;
}

div#MainContent_divPanelCobros {
    BACKGROUND: white !important;
    height: 600px !important;
    border-radius: 8px !important;
    width: 600px !important;
}


.pricing-table .plan {
    background: #FFF !important;
    border: 1px solid #fff !important;
 
}



@media screen and (min-width: 600px){

i.fa.fa-credit-card {
    padding-right: 15px !important;
}}


@media screen and (min-width: 600px){

html .wizard-progress .wizard-steps li a, html.dark .wizard-progress .wizard-steps li a {
    position: relative;
    display: block;
    padding: 25px 8px 0;
    font-size: 11px;
    color: #33333f;
    font-weight: bold;
    line-height: 1;
    text-align: center;
    text-decoration: none;
    word-break: break-all;
    width: 220px !important;
}

div#MainContent_pPasos {
    display: flex !important;
    flex-direction: column;
    justify-content: center;
    align-content: center;
    flex-wrap: wrap;
}
	
}

#MainContent_btnPagoTarjeta , #MainContent_btnPagoBizum{
	font-size: 15px !important;
}

a#MainContent_btnPagoBizum {
    display: flex;
}


div#MainContent_divPanelImagenesBizum {
    display: none;
}


#MainContent_divPanelImportes > ul {
    display: flex;
    flex-direction: column;
}

#precioFinal{
    order: 5 !important;
}

#MainContent_divPanelImportes > ul li:nth-of-type(5){
    order:4 !important;
}


/*
#MainContent_divPanelImportes > ul li:nth-of-type(10){
    order:9;
    border-top: 1px solid #ddd !important;
    padding: 12px 0 !important;
    margin-top: 0px !important;
}
*/

#MainContent_divPanelImportes > ul > li {
    font-family: 'Archivo', sans-serif !important;
    font-size: 15px !important;
    color: #201F1C !important;
	
}

#MainContent_divPanelImportes > ul > li > b {
    font-family: 'Archivo', sans-serif !important;
    font-size: 15px !important;
    color: #201F1C !important;
}


#MainContent_divPanelImportes > span#etiquetaMatricula {
	font-family: 'Archivo', sans-serif !important;
    font-size: 15px !important;
    color: #201F1C !important;
}

#MainContent_divPanelImportes > ul > li:nth-of-type(3) span, b {
    color: #555;
    font-weight: bold;
    font-family: 'Archivo', sans-serif !important;
    font-size: 15px !important;
    color: #201F1C !important;
}

#MainContent_divPanelImportes  label.etiquetaCuota {
	    font-family: 'Archivo', sans-serif !important;
    font-size: 15px !important;
    color: #201F1C !important;
}

#MainContent_divPanelImportes  h4#tituloPrecio {
    padding-top: 15px !important;
}

#MainContent_UpdatePanelEmail{
	width: 50% !important;
}

#MainContent_divEmail {
	width: 100% !important;
}
input#MainContent_txtMail {
	min-width : 100% !important;
}

.swal-modal li{
	 list-style-image: url(/Personalizar/Img/correo/checked.png);
	 list-style-position: inside;
}


.body-compra #MainContent_btnVolver {
    border-radius: 8px;
}

.body-compra {
    display: table;
    height: auto !important;
    margin: 0px auto;
    max-width: 730px;
    padding: 0px 15px;
    width: 100%;
    display: flex;
    justify-content: center;
}
/* barra de numeros en cuotas*/
.steps-progress {
	opacity: 0
}

/* boton volver */ 

div#MainContent_divAltaNoPermitida {
    margin-bottom: 60px !important;

}

/*  mediaquery */



@media (max-width: 991px){
	
#MainContent_divPanelImportes > ul > li {
    font-family: 'Archivo', sans-serif !important;
    font-size: 12px !important;
    color: #201F1C !important;
}
	
	#MainContent_divPanelCobros .col-md-6.col-md-offset-3 {
    margin-left: 20px !important;
}
	html .wizard-progress.wizard-progress-lg ul li a[href="#"], html.dark .wizard-progress.wizard-progress-lg ul li a[href="#"] {
    cursor: default;
    font-size: 9px !important;
}
	/*
	form#formSiteMaster {
    background: #A9A297 !important;
}*/
	
.col-md-3.col-sm-6.cuotas-class {
    margin-top: 10px !important;
}	
	
div#w4-DatosPersonales {
    background: white !important;
    width: 96%;
    border-radius: 8px !important;
	padding: 0px !important;
	margin-left:2%;
	margin-right:2%;
}

#MainContent_UpdatePanelEmail {
    width: 100% !important;
}

html .wizard-progress .wizard-steps li.active a, html.dark .wizard-progress .wizard-steps li.active a {
    font-size: 9px !important;
}

#MainContent_h2SeleccionarCuota {
    font-weight: 500;
    font-family: 'Archivo', sans-serif !important;
    color: white !important;
    font-size: 16px !important;

}
header#header {
    /* height: auto !important; */
    height: 70px !important;
    min-height: unset !important;
}

#MainContent_btnPagoBizum {
    position: absolute !important;
    right: 8% !important;
	width: 140px !important;
    height: 48px !important;
	font-size: 12px !important;
	padding-top: 12px !important;
	background-color: #67645E !important;
}
#MainContent_btnPagoTarjeta {
    position: absolute !important;
    right: 0% !important;
    left: 8% !important;
	width: 140px !important;
    height: 48px !important;
	font-size: 12px !important;
	padding-top: 12px !important;
	background-color: #67645E !important;
}

}
html {
    background: #A9A297 !important;
}

@media (max-width: 1800px){
.formSiteMaster{
	background: #A9A297 !important;
}

.col-md-3.col-sm-6.cuotas-class {
    height: 445px !important;
    width: 275px !important;
    border-radius: 8px !important;
    padding: 0px !important;
    margin-right: 9.5px !important;
    margin-left: 3.5px !important;
}}

input#Username ,input#Password  {
	color: black !important;
	    background: #ffffff00 !important;
}

#radioTipoDocumento > span > label {
    line-height: 0.2;
    font-size: 12px !important;
	font-family: 'Archivo', sans-serif !important;
}

@media (min-width: 1200px){
div#MainContent_divFechaDeNacimiento {
    width: 25% !important;
}
#MainContent_divSexo > #radio label {
    font-size: 11px !important;
    font-weight: bold !important;
}
}

@media (max-width: 1800px){
#radioTipoDocumento > span > label {
    line-height: 0.2;
    font-size: 11px !important;
}
}

@media (min-width: 1700px){
#MainContent_divSexo{
	margin-right: 0px !important;
    padding-right: 0px !important;
    margin-left: 37px !important;
}

#MainContent_divSexo > #radio  label {
    font-size: 11px !important;
    font-weight: bold !important;
}}


html .wizard-progress .wizard-steps li.active a, html.dark .wizard-progress .wizard-steps li.active a {
    color: white !important;
    font-family: 'Archivo', sans-serif !important;
    font-size: 15px !important;
}
.wizard-steps li > a {
    color: white !important;
    font-family: 'Archivo', sans-serif !important;
    font-size: 15px !important;
}
div#MainContent_divPanelImportes ul li:last-child {
    background: #ffffff;
    border-top: 1px solid #ddd;
    padding: 12px 0;
    margin-top: 0px !important;
}

html .wizard-progress.wizard-progress-lg .steps-progress, html.dark .wizard-progress.wizard-progress-lg .steps-progress {
    width: 50% !important;
    margin-left: 168px !important;
}

#MainContent_RadioButtonHombre , #MainContent_RadioButtonMujer , #MainContent_RadioButtonOtro{
    text-transform: uppercase !important;
}


#MainContent_divSexo label {
    text-transform: uppercase !important;
}
label#MainContent_lblSexo {
    text-transform: capitalize !important;
}

#MainContent_divSexo > #radio label {
    font-size: 12px !important;
    font-weight: bold !important;
}

#radioTipoDocumento label {
    font-weight: bold !important;
    font-family: 'Archivo', sans-serif;
}

#w4-DatosPersonales label{
	font-family: 'Archivo', sans-serif;
}

div#MainContent_divSexo {
    margin-left: 0px !important;
}
.checkbox-custom input[type="checkbox"]:checked + label:after {
 left: 2px !important;
}

.form-control {
    border-bottom: 1px solid #A6A098; 
}
html, body {
    background: #ecedf0;
    width: 100%;
    background: url(/Personalizar/Img/fondo.png);
}

.swal-modal li {
    list-style-image: url(/Personalizar/Img/correo/checked.png);
    list-style-position: outside;
    font-family: 'archivo', sans-serif !important;
	font-weight: 400;
    color: #67645E !important;
	line-height: 23px;
	padding-left: 30px !important;
}

.swal-content  #informacion-cuota {
	text-align:center !important;
	margin-bottom: 20px !important;
}
	
.swal-content  #informacion-cuota b{
		font-family: 'Archivo', sans-serif !important;
	font-size: 26px !important;
	color: #67645E !important;
}
/*
.box-content > h4 {
    height: 149px !important;
}*/


html .wizard-progress.wizard-progress-lg ul li a span, html.dark .wizard-progress.wizard-progress-lg ul li a span {
  line-height: 55px !important;
}

html .wizard-progress .wizard-steps li a span, html.dark .wizard-progress .wizard-steps li a span {
  text-indent: 0px !important; 
}


 #MainContent_divCuotas label.etiquetaCuota {
	height:30px !important;
}

#MainContent_divCuotas label#precioMes {
	height:30px !important;
}
.swal-modal {
    width: 700px !important;
    padding: 30px !important;
    border-radius: 14px !important;
}

.swal-footer {
    text-align: center !important;
}
.panel-body.panel-body-SeleccionFormaPagoPagosPendientes img{
    height: 30px;
    width: auto !important;
}
span#aste {
    font-size: 22px !important;
}

.card[agrupacion="1019"]{
    display: none !important;
}
.agrupacion #filterS {
background: none !important;
}

#filterS{
	background: none !important;
	opacity: 1 !important;
	    border-radius: 20px;
}

div#filterAL {
		background: none !important;
	opacity: 1 !important;
	    border-radius: 20px;
}


.card[agrupacion="1028"] {
 /*  max-width: 500px !important;
   width: 500px !important;
   height: 230px !important;
   max-height: 230px !important;
       border-radius: 20px;*/
}
.card[servicio="95"]{
	background-position: center center !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    border: 0px !important;
	box-shadow: 0 0px 0px rgba(0, 0, 0, 0) !important;
}

.card[servicio="96"]{
	background-position: center center !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    border: 0px !important;
	box-shadow: 0 0px 0px rgba(0, 0, 0, 0) !important;
}
.card[servicio="96"] h4{
	display: none !important;
}
.card[servicio="95"] h4{
	display: none !important;
}
.servicio{
   max-width: 500px !important;
   width: 500px !important;
   height: 230px !important;
   max-height: 230px !important;
   border-radius: 20px !important;
}

.servicio , .subagrupacion{
	margin-right: 45px !important;
    margin-left: 45px !important;
}

.servicioPromocionado:before {

    background-position-y: 85px !important;

}

.body-sign .panel-sign .panel-body {

    box-shadow: 0 0px 0px rgb(0 0 0 / 0%) !important;

}


.body-sign .panel-sign .panel-body {

    background: transparent !important;
    border-top-color: transparent !important;
}

h2.title.text-uppercase.text-bold.m-none {
    display: none;
}

.panel-body.panel-body-Login  .icon.icon-lg{
    display: none !important;
}

.panel-body.panel-body-Login input{
	border-radius: 0px !important;
	background: transparent !important;
}

.form-control:focus {
    border-color: #555555 !important;
    box-shadow: 0 1px 1px rgb(0 0 0 / 8%) inset, 0 0 8px #67645e !important;
    background: rgb(255 255 255) !important;
}


.checkbox-custom label:before {
    border: 1px solid #67645e !important;
    background: white !important;
}

html.dark .checkbox-primary input[type="checkbox"]:checked + label:after, .checkbox-primary input[type="checkbox"]:checked + label:after {
    color: #67645e;
}

.checkbox-custom input[type="checkbox"]:checked + label:after {
    left: 1px !important;
}

a#MainContent_btnPagoBizum {
    padding-left: 16px !important;
}

div#divMultiinstalacion {
	display: none !important;
}

.swal-button:focus {
    outline: none;
    box-shadow: 0 0 0 1px #fff, 0 0 0 3px rgb(255 255 255 / 29%) !important;
}

#w4-DatosPersonales  > fieldset input:not(:placeholder-shown) {
  border-bottom: 1.5px solid black !important;
  font-weight: 900 !important;
  color:#585858 !important;
  font-family: 'Archivo', sans-serif;
}

#w4-DatosPersonales input{
	 font-family: 'archivo', sans-serif !important;
	font-weight: ligther;
}

.form-control:focus {
    border-color: #555555 !important;
    box-shadow: 0 1px 1px rgb(255 255 255 / 2%) inset, 0 0 8px #67645e3b !important;
    background: rgb(255 255 255) !important;
    border-radius: 4px !important;
}

#MainContent_btnPagoBizum  > img {
	height: 20px;
    float: left;
    padding-top: 4px !important;
    width: auto;
}

.swal-button:focus {
    outline: none;
    box-shadow: 0 0 0 0px #fff, 0 0 0 0px rgba(43,114,165,.29) !important;
}
#MainContent_divPanelCobros .plan {
    width: 600px !important;
    height: 440px !important;
}

@media (max-width: 600px) {
	.body-compra .center-compra {
    display: flex;
    padding-top: 0px;
    vertical-align: middle;
    position: relative;
    margin-top: 145px;
    flex-direction: column;
    align-content: center;
    align-items: center;
}
	
.body-compra .panel-body {
    width: 355px !important;
    border-radius: 8px !important;
    padding-top: 60px !important;
    padding-bottom: 20px !important;
    padding-left: 60px !important;
    padding-right: 60px !important;
 }   
.swal-modal {
    width: 359px !important;
    padding: 0px !important;
    border-radius: 14px !important;
}

.swal-modal li {
    list-style-image: url(/Personalizar/Img/correo/checked.png);
    list-style-position: outside;
     font-family: 'archivo', sans-serif !important;
    font-weight: 400;
    color: #67645E !important;
    line-height: 15px !important;
    padding-left: 16px !important;
}}


@media (max-width: 1400px) {
html .wizard-progress.wizard-progress-lg, html.dark .wizard-progress.wizard-progress-lg {
    width: 80% !important;
}}

@media (max-width: 1600px) {
html .wizard-progress.wizard-progress-lg, html.dark .wizard-progress.wizard-progress-lg {
    width: 100% !important;
}}



  .body-compra .fa-check:before {
    z-index: 9 !important;
    content: '';
    background: url(/Personalizar/Img/tick.png) no-repeat;
    display: block;
    height: 34px !important;
    width: 63px !important;
    background-size: contain !important;
    /* padding-bottom: 0px; */
    position: absolute;
    top: 0 !important;
    right: 0px;
    left: 190px;
    left: 50 !important;
    margin-top: 63px !important;}

.body-compra .panel-body{
    border-radius: 8px !important;
	padding-top:60px !important;
	padding-bottom: 20px !important;
    padding-left: 60px !important;
    padding-right: 60px !important;
    text-align: justify !important;
}

h3#MainContent_h1InformacionUrlOk {
	 font-family: 'Archivo', sans-serif !important;
    font-size: 16px !important;
    color: #67645E !important;
	margin-top: 10px !important;
}


.body-compra #MainContent_p1{
	 font-family: 'archivo', sans-serif !important;
    font-weight: 400 !important;
    color: #67645E !important;
	letter-spacing: 0px !important;
}

@media (max-width: 1800px) {
html .wizard-progress.wizard-progress-lg .steps-progress, html.dark .wizard-progress.wizard-progress-lg .steps-progress {
    width: 47% !important;
    margin-left: 168px !important;
}
.main {
  /*margin-top: 35px;*/
  min-height: 830px;
  margin-top: 0px;
}
.logo a img {

    height: auto !important;

    width: 220px !important;
}

div#MainContent_divSexo {
    margin-left: 3% !important;
    margin-right: 0px !important;
}
}

.swal-content b{
	font-weight: 700 !important;
}

/* Quitar columnas en mis cbonos */


#misBonosDescripcion{
    display: none !important;
}
.panel-body.panel-body-MisBonos tr td:nth-of-type(2)
{
    display: none !important;
}
#misBonosTipoBono{
    display: none !important;
}
.panel-body.panel-body-MisBonos tr td:nth-of-type(3)
{
    display: none !important;
}

/* wizard steps */

@media (max-width: 600px) {
	
	#MainContent_divPanelCobros .plan {
    width: 347px !important;
  
	}
	
	div#MainContent_divPanelCobros {
    width: 361px !important;
}
	html .wizard-progress.wizard-progress-lg .wizard-steps, html.dark .wizard-progress.wizard-progress-lg .wizard-steps {
    padding-top: 50px;
}
	#MainContent_pPasos span{
		/*display: none !important;*/
	}
	
	html .wizard-progress .wizard-steps li:after, html.dark .wizard-progress .wizard-steps li:after {
    background: #C6BCB0;
    right: 0;
}

div#MainContent_pPasos {
    display: flex;
    flex-wrap: nowrap;
    flex-direction: row;
    justify-content: center;
}

html .wizard-progress.wizard-progress-lg ul li a[href="#"], html.dark .wizard-progress.wizard-progress-lg ul li a[href="#"] {
    cursor: default;
    font-size: 18px !important;
    padding-bottom: 12px !important;
}

html .wizard-progress .wizard-steps li:before, html.dark .wizard-progress .wizard-steps li:before {
    background: #c8b1b100 !important;
   
}

html .wizard-progress .wizard-steps li.completed:after, html.dark .wizard-progress .wizard-steps li.completed:after {
    background: #C8BEB1;
}

.swal-content {
    text-align: justify;
    margin-top: 40px;
    padding-left: 20px !important; 
    padding-right: 44px !important;
}

.swal-modal li {
    line-height: 19px !important;
}

#w4-DatosPersonales > fieldset:nth-of-type(1){
     display: flex !important;
    flex-wrap: wrap !important;
 flex-direction: column;
}


.formCampo {
    margin-bottom: 4em;
}
#MainContent_divNombre {
    order: 1 !important;
}

#MainContent_divApellidos {
    order: 2 !important;
}

#MainContent_divNif {
    order: 3 !important;   
}

#MainContent_divFechaDeNacimiento {
       order: 4 !important;  
}  
#MainContent_divSexo{
       order: 5 !important;  
} 

.fa-check:before {

    left: 195px !important;

}

}


@media (max-width: 600px){
#MainContent_btnPagoBizum {
   height: 45px !important;
   width: 165px !important;
   right: 11% !important;
   padding-left: 0px !important;
    padding-right: 0px !important;
	bottom: 335px !important;
}}
@media (max-width: 600px){
#MainContent_btnPagoTarjeta {
	height: 45px !important;
    width: 165px !important;
	left: 11% !important;
	padding-left: 0px !important;
    padding-right: 18px !important;
	bottom: 335px !important;
	letter-spacing: 1.2px !important;
}
#MainContent_h1InformacionUrlKo::before {
    left: 163px !important;
}

fieldset#MainContent_flTerminos {
    margin-left: 14px;
}


}

#divChksRecordarDatosYBtnLogin input#submitLogin{
	    background: #C8BEB1 !important;
		border-radius:	6px !important;
}

#MainContent_h1InformacionUrlKo::before {
    z-index: 9 !important;
    content: '';
    background: url(/Personalizar/Img/cross.png) no-repeat;
    display: block;
    height: 30px !important;
    width: 60px !important;
    background-size: contain !important;
    /* padding-bottom: 0px; */
    position: absolute;
    top: -49px !important;
    /* right: 28px; */
    left: 318px;
    left: 50 !important;
    margin-top: 63px !important;
}


.panel-body.panel-body-Login input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    transition: background-color 5000s ease-in-out 0s;
}




/* pasado de la web oficial */


@media screen and (min-width: 600px) {
	div#divMultiinstalacion {
    position: absolute;
    left: 50%;
}
div#divMultiinstalacion {
    position: absolute;
    left: 50%;
    width: 284px !important;
}}

@media (max-width: 991px){
header#header > div.container div#divMultiinstalacion {
    display: none !important;
}}


#botonSocio , #botonLogin {
	display: none !important;
}


/* banderas 

#idiomas {
    position: absolute !important;
    display: contents !important;
    background-color: transparent !important;
}

#idiomas ul {
    position: absolute !important;
}

li.len_ca , li.len_eu, li.len_fr , li.len_pt {
    display: none !important;
}
*/



@media (max-width: 720px){
ul#selectorInstalaciones li a {
    color: white;
    text-align: center;
    color: #333333!important;
}}


@media (min-width: 720px){
.selectorCentroMenuMovil {
	display: none  !important;
}}


@media (max-width: 1200px){
.timeline .tm-body {
    position: relative;
    padding: 0px 0 !important;
    margin-top: 0px  !important; 
    min-width: unset;
}

#filtrosParrilla .dropdown.pull-left{
	display:none !important;
}}

@media (max-width: 990px){
#dateAACC {
    width: 350px !important;
    text-align: left;
}

#dateAACC {
    width: 225px;
    color: #555!important;
    font-weight: bold;
    background: #f5f5f5cc !important;
    border: 2px solid white;
    border-radius: 8px;
    padding-left: 10px;
    background: #fff0 url(../img/calendar_2.png) 97% 50% no-repeat !important;
}}

div#filtrosParrilla {
	padding-top: 0px !important;
}

img.alignnone.size-full.wp-image-3899 {
    width: 100% !important;
    height: 100% !important;
    background-size: contain;
}


/** pagos pendientes **/


@media only screen and (max-width: 600px) {
 .panel-body.panel-body-PagosPendientes td{
    
    line-height: 1.2 !important;
    font-size: 10px !important;
    letter-spacing: 2px !important;
}
 .panel-body.panel-body-PagosPendientes {
    padding : 0px !important;
}
.panel-body.panel-body-PagosPendientes th{
    
    font-size: 10px !important;
}
}

/*

@media only screen and (max-width: 500px){ 

.publicidad img{
	display: none !important
	}

.alignnone.size-full.wp-image-3899::before{
        content: url("/Personalizar/Img/publica/banner-mobile.png");
    }
 }


*/


/** para probar **/

 .image1{
   display: block;
   width:100% !important;
   }
.image2{
   display: none;
} 

@media (max-width: 720px){ 
   .image1{
     display: none ;
   }

   .image2{
    display: block ;
	width: 400px !important;
   }
}




#MainContent_MensajeIVA{
	display: none !important;
}


input#EnviarFormulario {
    border: 1px solid #000000 !important;
    background-color: transparent !important;
    color: #040404 !Important;
}

/*
#MainContent_divPanelImportes > ul > li:nth-last-child(2) {
  display: NONE;
}
#MainContent_divPanelImportes > ul > li:nth-last-child(3) {
  display: NONE;
}

#MainContent_divPanelImportes > ul > li:nth-last-child(4) {
  display: NONE;
}

#MainContent_divPanelImportes > ul > li:nth-last-child(5) {
  display: NONE;
}
#MainContent_divPanelImportes > ul > li:nth-last-child(6) {
  display: NONE;
}


#MainContent_divPanelImportes > ul > li:nth-last-child(8) {
    color: black !important;
    height: 46px !important;
}*/
/*

#MainContent_divPanelImportes > ul > li:nth-last-child(2) {
  display: NONE;
}
#MainContent_divPanelImportes > ul > li:nth-last-child(3) {
  display: NONE;
}

#MainContent_divPanelImportes > ul > li:nth-last-child(4) {
  display: NONE;
}

#MainContent_divPanelImportes > ul > li:nth-last-child(5) {
  display: NONE;
}
#MainContent_divPanelImportes > ul > li:nth-last-child(6) {
  display: NONE;
}


#MainContent_divPanelImportes > ul > li:nth-last-child(8) {
    color: black !important;
    height: 46px !important;
}*/

/*
#MainContent_divPanelImportes > ul > li:nth-of-type(4) {
  display: NONE;
}*/
/*
#MainContent_divPanelImportes > ul > li:nth-of-type(5) {
  display: NONE;
}
#MainContent_divPanelImportes > ul > li:nth-of-type(6) {
  display: NONE;
}
#MainContent_divPanelImportes > ul > li:nth-of-type(7) {
  display: NONE;
}

#MainContent_divPanelImportes > ul > li:nth-of-type(8) {
  display: NONE;
}

#MainContent_divPanelImportes > ul > li:nth-of-type(9) {
  display: NONE;
}*/

/*
#MainContent_divPanelImportes > ul > li:nth-last-child(4) .importeLineaCobro::before{
    content: "Matricula   :   ";
}
*/


#MainContent_divPanelImportes .Matriculas {
    height: 20px !important;
}
/*
#MainContent_divPanelImportes > ul > li:nth-of-type(3) .importeLineaCobro {
    margin-left: 200px !important;
}*/

#MainContent_divPanelImportes > ul > li:nth-of-type(3) b{
    color:white !important;
}




/* cambios 15 05 1995 */

/*CAMBIO PARRILLA FONDO*/

.Horarios {
    background: url(../img/servicios/servicio.jpg)  !important ;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    background-position: center  !important;

}

/* oculta la visibilidad de los servicios */

div#imagenServ {
   display: none;
}

.card .nombreCentro {
	text-align: center !important;
}

/* ocultar precios en bonos */

.panel-body.panel-body-MisBonos tr td:nth-of-type(7)
{
    display: none !important;
}

#misBonosImporte{
    display: none;
}


/* ocultar iconos en el area privada */

div#divhijo {
    opacity: 0;
}

.page-header .breadcrumbs {
	display: none !important;
}

.page-header > h2 {
display: none !important;
}

/* selector de mi cuenta */


.nav-active.subMenu a {
    text-transform: capitalize !important;
    font-weight: bold !important;
}

@media screen and (min-width: 992px) {
.sidebar-title {
	opacity: 0 !important;
}}


/* bonos disponibles color verder */
 
#filtroEstadoBonos .dropdown-toggle.filtros.btn.btn-default{
	background-color: green !important;
	}
	
	
/* LOGIN CAMBIOS */	

#divPanelSing > #panel-body-section-2 {
	width: 600px !important;
}


div#divChksRecordarDatosYBtnLogin {
        display: flex;
    justify-content: center;
    flex-direction: column;
}

#divBtnLogin {
    display: flex;
    justify-content: center;
    flex-direction: column;
    width: 100%;
    align-items: center;
}



.clearfix.col-sm-6.col-xs-6.text-right {
      width: 100%;
}

#divChksRecordarDatosYBtnLogin input#submitLogin {
    background: #C8BEB1 !important;
    border-radius: 6px !important;
}



#account-login-container-wrapper {
    width: 600px !important;
}
div#divChksRecordarDatosYBtnLogin {
        display: flex;
    justify-content: center;
    flex-direction: column;
}

#divBtnLogin {
    display: flex;
    justify-content: center;
    flex-direction: column;
    width: 100%;
    align-items: center;
}



.clearfix.col-sm-6.col-xs-6.text-right {
      width: 100%;
}

#divChksRecordarDatosYBtnLogin input#submitLogin {
    background: #C8BEB1 !important;
    border-radius: 6px !important;
}

/** alinear datos personales **/

.panel-body.panel-body-BotonValidarDatosPersonales .row {
    display: flex !important;
    
}

button#EliminarCuentaBancaria {
	display: none !important;
}

/** filtro de la tabla de docs **/

.panel-body.panel-body-Documentos #datatable-ajax_filter{
	display : none !important;
}

.panel-body.panel-body-Documentos div#datatable-ajax_info {
	display : none !important;
}

.row-tm > * > H2 > B {
    color: WHITE !important;
}


/* cambios en bonos */


#filtroEstadoBonos > label {
    display:  none !important;
}

.panel-body.panel-body-MisBonos .dt-buttons{
display: none !important ;

}

.panel-body.panel-body-MisBonos  #datatable-ajax_filter {
	opacity: 0 !important;
	pointer-events:none;
}

/* cambios en mi reservas de acc*/

.panel-body.panel-body-MisReservasActividadesColectivas  #datatable-ajax_filter {
	opacity : 0 !important;
	pointer-events:none;
}


.panel-body.panel-body-MisReservasActividadesColectivas .dt-buttons {
	display: none !important;
}


.panel-body.panel-body-MisReservasActividadesColectivas #datatable-ajax_info{
	display: none !important;
}

/* centrar calendarios OJO no hay identificadores en concreto para ello */

.form-group.col-md-10 > .row  > .col-sm-3 {
	text-align: center !important;
}


/* recuperacion de contra */

#divContainerSMSRecordar {
    text-align: center !important;
	width: 600px;
    margin: auto;
}

@media screen and (min-width: 768px){
.col-sm-offset-1 {
     margin-left: 0%;
}}


/* cambiar password */

#divContainerInternoRecordar #MainContent_btnCancelar{
    position: static !important;
}

#divContainerInternoRecordar #MainContent_btnCambiar{
    width: 90px !important;
    height: 36px !important;
    font-size: 15px !important;
    position: static;
    bottom: 100px !important;
    color: #67645E !important;
    border: 1px solid #67645E !important;
}



/* contraseñas again */

@media screen and (min-width: 768px){
#divContainerInternoRecordar
{
    width: 750px !important;
	border-radius: 8px !important;
	border-radius: 8px !important;
}
 #divContainerInternoRecordar #MainContent_lblNuevaContrasena{
	 padding-left : 130px
 }
  #divContainerInternoRecordar #MainContent_lblConfirmarContrasena{
	 padding-left : 112px
 }
#divContainerInternoRecordar #MainContent_lblInformacionCambiar{
	opacity:0 !important;
}

#divContainerInternoRecordar h1#MainContent_h1CambiarContrasena {
    margin-top: 15px;
}
}

/* documentos */

.panel-body.panel-body-Documentos .dataTables_info{
    display: none !important;
}

.panel-body.panel-body-Documentos {
    margin-top: 80px;
}

/* COLECTIVAS  MIS RESERVAS */

h2.panel-title {
  /*   OPACITY: 0; */
    /* DISPLAY: NONE; */
}

/* MIS RESERVAS DE SERVICIOS*/ 

div#filtroEstados > label.label-control {
    opacity: 0;
}

.panel-body.panel-body-MisServicios .dt-buttons {
    opacity: 0;
    pointer-events: NONE;
}

.dataTables_info {
	DISPLAY: NONE !IMPORTANT;
}


.row-tm B {
	    font-family: 'Archivo', sans-serif !important;
		LETTER-SPACING: 1PX !IMPORTANT
}

.col-md-12.panel.no-padding > .panel-heading {
	text-align: left !important;
}

section.content-body > h2 {
    display: none;
}

/* CAMBIOS EN LOS SERVICIOS */

.card[agrupacion="1048"], .card[agrupacion="1019"] , .card[agrupacion="1047"],  .card[agrupacion="1043"],  .card[agrupacion="1028"] {
	width:	350px !important;
	height: 350px !important;
	margin: 9.5px !important;
}

.card[agrupacion="1048"]  h4.title.title-modern {
    position: relative;
    bottom: -326px !important;
    text-align: center;
}

.card[agrupacion="1019"]  h4.title.title-modern {
    position: relative;
    bottom: -326px !important;
    text-align: center;
}
.card[agrupacion="1047"]  h4.title.title-modern {
    position: relative;
    bottom: -326px !important;
    text-align: center;
}

.card[agrupacion="1043"]  h4.title.title-modern {
    position: relative;
    bottom: -326px !important;
    text-align: center;
}

.card[agrupacion="1028"]  h4.title.title-modern {
    position: relative;
    bottom: -326px !important;
    text-align: center;
}

.card.card-just-text.card-with-border.subagrupacion {
	height: 250px !important;
	width : 300px !important;
}


.card.card-just-text.card-with-border.subagrupacion  h4.title.title-modern {
    position: fixed;
    bottom: 0px !important;
    text-align: center;
}

@media only screen and (max-width:900px){
	.card[agrupacion="1048"], .card[agrupacion="1019"] , .card[agrupacion="1047"] , .card[agrupacion="1043"]  {

		width:	auto !important;
		height: 200px !important;
		margin: 9.5px !important;
	}

	.card[agrupacion="1048"]  h4.title.title-modern {
		position: relative;
		bottom: -179px !important;
		text-align: center;
	}

	.card[agrupacion="1019"]  h4.title.title-modern {
		position: relative;
		bottom: -179px !important;
		text-align: center;
	}
	.card[agrupacion="1047"]  h4.title.title-modern {
		position: relative;
		bottom: -179px !important;
		text-align: center;
	}
	
		.card[agrupacion="1043"]  h4.title.title-modern {
		position: relative;
		bottom: -179px !important;
		text-align: center;
	}
	
	.contenedorBotones.row.row-flex.row-flex-wrap.row-nomag {
 
    margin-left: 0px !important;
	}
	div#step-1 {
		background : white !important;
	}
}  

h2.nombreServicio {
    text-align: left !important;
    font-size: 25px !important;
    color: #67645E !important;
    letter-spacing: 1px !important;
    font-family: 'archivo', sans-serif !important;
}

div#filtroMonitorZona {
    display: none;
}

.main.main-raised.col-md-12 {
    background: white !important;
}

.main-raised {

 border-radius: 6px; 
 box-shadow: 0 0px 0px 0px rgba(0, 0, 0, 0.14), 0 0px 0px 0px rgba(0, 0, 0, 0.12), 0 0px 0px 0px rgba(0, 0, 0, 0.0) !important;
}

div#filtrosParrilla {
    background: white !important;
}

div#fondoParrilla {
    background: white !important;
}

.ejeHoras.hidden-xs.col-sm-1.col-md-1.col-lg-1 {
    background: white !important;
}


#dateAACC {
     font-family: 'archivo', sans-serif !important;	
 	color : #67645E !important ;
 
}
.itemHoras {
	color : #67645E !important ;
     font-family: 'archivo', sans-serif !important;
}
@media only screen and (min-width: 1400px) {
button.hour-collapse.cabecera {
    opacity: 0 !important;
}
}

.nodisponible {
	background : #EBEAE7 !important;
}

.vistaContenido:hover {
    /*background: #7EC8A4 !important; */
	opacity: 0.5 !important;
 
}

div#fondoParrilla {
    padding-top: 0px !important;
}


#datosReserva  tr > td:nth-of-type(1){
    display: none !important;
}

#datosReserva  td {
	text-align: center !important;
	/*color: #67645E !important;*/
	color: #000 !important;
	font-size: 16px !important;
	 font-family: 'archivo', sans-serif !important;
}

.content .nombreCentro {
	text-transform: uppercase;
	margin-bottom: 15px !important;
	margin-top: 30px !important;
    color: #67645E !important;
    font-size: 20px !important; 
    font-weight: bold;
    font-family: 'Archivo', sans-serif !important;
}

#datosReserva tbody tr td:nth-child(2), #tablaPrecios tbody tr td:nth-child(2) {
     /*font-weight: 500 !important*/
	 font-weight: 100 !important;
}
/*OCULTAR BONOS COMPRA */

/*#liComprarBonos a:nth-of-type(1) { 
	display: none !important;
}*/
.celda {
    border-top: 0px !important;
	border-bottom: 0px !important;
    border-left: 1px solid #EBEAE7 !important;
    border-right: 1px solid #EBEAE7 !important;
}

/* seguimos cambios en servicios */

#botonConfirmarModalAnular{
	border-radius: 6px !important;
    font-family: 'Archivo', sans-serif !important;
    color: #67645E !important;
    background: white;
    border: 1px solid #67645E !important; 
	box-shadow: none !important;
}
#botonNoConfirmarModalAnular{
	box-shadow: none !important;
    border-radius: 6px !important;
    font-family: 'Archivo', sans-serif !important;
    color: white !important;
    background: #67645E !important;
    border: 1px solid #67645E !important;  
	box-shadow: none !important;
}
#btnReserva {
    border-radius: 6px !important;
    font-family: 'Archivo', sans-serif !important;
    color: #67645E !important;
    background: white;
    border: 1px solid #67645E !important; 
	box-shadow: none !important;
}

#btnReserva:hover ,#btnCancelar:hover {
	box-shadow: none !important;
 
}


#btnCancelar{
	box-shadow: none !important;
    border-radius: 6px !important;
    font-family: 'Archivo', sans-serif !important;
    color: white !important;
    background: #67645E !important;
    border: 1px solid #67645E !important;  
	box-shadow: none !important;
}

#btnConfirmar {
    box-shadow: none !important;
    border-radius: 6px !important;
    font-family: 'Archivo', sans-serif !important;
    color: white !important;
    background: #67645E !important;
    border: 1px solid #67645E !important;
    box-shadow: none !important;
    padding: 7px 5px !important;
}

.panel-heading-icon.bg-primary {
    background: white !important;
    color: #67645E !important; 
}



.panel-body.panel-body-ModalServiciosPrivate{
    border-radius: 18px !important;
}




@media only screen and (min-width: 1400px) {
.panel-body.panel-body-ModalServiciosPrivate .metodosDePagoSelect {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-content: center;
	align-items: flex-start;
}

.panel-body.panel-body-ModalServiciosPrivate .elementoPago {
    margin-left: 150px;
	font-family: 'Archivo', sans-serif !important;
    color: #67645E !important;
}

.panel-body.panel-body-ModalServiciosPrivate .metodosDePagoSelect {
      margin-top: 25px;
    margin-bottom: 50px;
}}

.panel-body.panel-body-ModalServiciosPrivate .metodosDePagoSelect .elementoPago:nth-of-type(2){
   order: 5;

}

.panel-body.panel-body-ModalServiciosPrivate .metodosDePagoSelect .elementoPago:nth-of-type(2) img{
   width: 100px;
}




.panel-body.panel-body-ModalServiciosPrivate .metodosDePagoSelect .elementoPago:nth-of-type(4) img{
    display: none;
}

/* cambios en el metodo de pago */

.panel-body.panel-body-ModalServiciosPrivate .metodosDePagoSelect .elementoPago:nth-of-type(3){
   order: 5;

}

.panel-body.panel-body-ModalServiciosPrivate .metodosDePagoSelect .elementoPago:nth-of-type(3) img {
    width: 143px;
    position: relative !important;
    bottom: -31px;
    right: 159px;

}



input[type="radio"]{
  accent-color: #67645E !important; 
}

.panel-body.panel-body-ModalServiciosPrivate .actividadNombre {
	font-family: 'Archivo', sans-serif !important;
    color: #67645E !important;
}

.panel-body.panel-body-ModalServiciosPrivate #tablaPrecios td{
		font-family: 'Archivo', sans-serif !important;
    color: #67645E !important;
}
@media only screen and (min-width: 1400px) {
 #filtrosParrilla .label-control {
	 opacity: 0 !important;
 }  
 /* quitar el header en privada */

header.page-header {
    display: none;
}

.sidebar-toggle.hidden-xs {
    display: none;
}


.logo-container {
	position: absolute;
    top: 0;
    left: 50%;
}
} 

	input#dateAACC {
    box-shadow: rgba(100, 100, 111, 0.2) 0px 0px 10px 1px !important;
    }
	
.reservaPropia {
    background: #67645E !important ;
    border-radius: 8px !important;
    border: 0px !important;
}

#fondoParrilla .fa.fa-check::before {
	color: white;
    content: "TU RESERVA" !important;
	font-family: 'Archivo', sans-serif !important;
	font-size: 15px !important;
}

#fondoParrilla .fa.fa-check{
	
	font-size: 18px !important;
}

h4.title.title-modern {
	font-family: 'Archivo', sans-serif !important;
    font-size: 15px !important;
    color: #67645E !important;
	text-shadow: 0px 0px 0px black !important;
}

p.servicioDescripcion {
    text-align: center;
}

@media only screen and (max-width:900px) {
div#fondoParrilla {
    padding-top: 4rem !important;
}



.card.card-just-text.card-with-border.agrupacion {
    margin-bottom: 90px !important;
}
}

.well {
    box-shadow: none !important;
}

#datosReserva .direccionCentro {
    opacity: 0 !important;
}


.bonosLinea td:nth-of-type(1) {
    display: none;
}


.panel-body.panel-body-ModalServiciosPrivate #tablaPrecios {
    padding-left: 85px !important;
    padding-right: 88px !important;
    display: flex !important;
    flex-direction: column !important;
    align-content: flex-start !important;
    align-items: center !important;
}

.panel-body.panel-body-ModalServiciosPrivate  tr {
	display: flex;
    flex-direction: column;
    align-content: flex-start;
    align-items: center;
}

td.bonoSelecionado {
    margin-top: 15px;
    text-align: center;
    /* letter-spacing: 1px; */
    line-height: 25px !important;
}

.metodosDePagoSelect .elementoPago:last-child img{
    display: none;
}


@media only screen and (max-width: 900px){
}

.panel-body.panel-body-ModalServiciosPrivate .tablaPrecios td {
	text-align: center !important;
}

table#tablaPrecios {
    text-align: center;
}

.importeTotalcircular {
     list-style-type: none;
}

@media screen and (min-width: 992px) {
.logo-container .logo {
	margin-top : 30px !important;
	}}


	
#menu #divpadre {
   
    font-size: 14px !important;
}


i.fa.fa-trash.informacionAACC {
    color: #67645e !important;
}

#btnSelectorDesde , #btnSelectorDesde {
	font-size: 13px !important;
}

/* cambios en la tabla de servicios bonos*/

.panel-body.panel-body-MisBonos .table > tbody > tr > td, .table > tfoot > tr > td {
    
    border: 1px solid #00000000  !important;
}

.table-bordered {
     border: 1px solid #00000000  !important;
}

.table-bordered > thead > tr > th, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > tbody > tr > td, .table-bordered > tfoot > tr > td {
    border: 1px solid #00000000 !important;
   
}

.panel-body.panel-body-MisBonosa .paginate_button.current {
    border: 1px solid white !important;
    background: white !important;
}

/*
.panel-body.panel-body-MisBonos span .paginate_button {
    display: none !important;
}
*/

/* agenda AACC */


table#tablaClasesColectivas {
    border-collapse: separate;
    border-spacing: 8px;
	border: white !important;
}

#tablaClasesColectivas, .horarioTDHead, .horarioTD, #tablaClasesColectivas > * > * > td {
    border: 1px solid #DAD9D8 !important;
    border-radius: 7px;
}

#tablaClasesColectivas .vistaContenido {

    padding-top: 20px !important;
}

#tablaClasesColectivas .horarioTDHead, .horarioTD {
	font-size: 15px !important;
    font-weight: bold;
    padding: 5px;
    height: 60px;
	color: #67645E !important ;
	font-family: 'Archivo', sans-serif !important;
}

#tablaClasesColectivas .horarioDIV {
 
    color: black;

}

#tablaClasesColectivas .horarioDIV {
	font-weight: bold;
    color: #67645E  !important;
    font-size: 15px !important;
	height: auto !important;
	font-family: 'Archivo', sans-serif !important;
	margin-top: 0px !important;
}

#dateAACC { border-color : #67645E  !important }


body {

    background-size: cover !important;
    background-repeat: no-repeat !important;

}

#tablaClasesColectivas .vistaContenido {
    padding-top: 20px !important;
	font-family: 'Archivo', sans-serif !important;
	font-size: 12px !important;
}


.dropdown.pull-right.btn-imprimir .dropdown-toggle.filtros.btn.btn-default {
    background:  white !important;
    border: solid 1px #DAD9D8 !important;
    font-size: 18px !important;
    color: #67645E  !important;
		font-family: 'Archivo', sans-serif !important;
}

@media only screen and (max-width: 600px){
	
.horarioDIVHead, .horarioDIV {
    border: 0px solid #DAD9D8 !important;
	border-radius: 0px !important;
    padding: 1em;
    width: 100%;
    height: 100%;
    margin: 0;
}}

/** Prueba **/


#tablaClasesColectivas .btn, .navbar .navbar-nav > li > a.btn {


    will-change: auto !important;

}

.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
    color: #67645E !important;
    border: 1px solid white !important;
    background: transparent !important;

}


.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current{
     color: #67645E !important;
    border: 1px solid white !important;
    background: transparent !important;

}



.content-body .panel-body.panel-body-MisServicios {
       background: WHITE !important;
}

.content-body .panel-body.panel-body-PagosPendientes{
	 background: WHITE !important;
}


.panel-body.panel-body-MisServicios TR{
    background-color: #f5f5f5cc !important;
}

.panel-body.panel-body-PagosPendientes TR{
	background-color: #f5f5f5cc !important;
}
button#btnplazaSeleccionadaBottom {
	box-shadow: none !important;
    border-radius: 6px !important;
    font-family: 'Archivo', sans-serif !important;
    color: white !important;
    background: #67645E !important;
    border: 1px solid #67645E !important;  
	box-shadow: none !important;
}
@media screen and (max-width: 992px) {
#divChksRecordarDatosYBtnLogin input#submitLogin {
    margin-top: 30px !important;
    background: rgb(200, 190, 177) !important;
    border-radius: 6px !important;
}}

/** CSS DE SU AREA PRIVADA **/

.first-container {
	display: flex !important;
	flex-direction: column;
	width: 100%;
	justify-content: flex-start;
	margin-left: 34px;
}

.second-container {
  display: flex !important;
  flex-direction: row;
width: 100%;
justify-content: flex-start;
margin-left: 38px; 
}

.image-container {
   width: 350px !important;
   height: 350px !important;
}

.foto-campaign {
  width: 1080px !important;
  height: 350px !important;
}


.publicidad .foto-campaign {
    width: 1080px !important;
    height: 350px !important;
    margin-bottom: 15px;
}

.publicidad  .second-container .image-container {
    margin-right: 15px;
}

@media screen and (max-width: 992px) {
	
.image-container-aqua img {
    max-width: 100% !important;
}
	
.first-container {
	align-content: center !important;
  flex-direction: column !important;
}

.second-container .image-container-aqua:nth-of-type(2) {
    margin-left: 0px !important;
	margin-top: 1.2rem !important;
}

.second-container {
  align-items: center;
  flex-direction: column !important;
  align-content: center !important;
  margin-left: 0px !important; 
}
.publicidad .second-container .image-container {
    margin-top: 10px !important;
}
}



.foto-campaign a:nth-of-type(1){
   display: block !important;

   }
.foto-campaign a:nth-of-type(2){
   display: none !important;
} 

@media (max-width: 900px){ 

  .foto-campaign a:nth-of-type(2){
    display: contents !important;
	width: 350px !important;
    height: 350px !important;
   }
   
   .second-container .image-container-aqua:nth-of-type(2){
    margin-left: 0px;
}

}

.second-container .image-container-aqua:nth-of-type(2){
    margin-left:25px;
}


/* fin privada */

/* texto al no poner un input en el formulario */

#mensajeError *> #modalHeaderColorDanger .col-md-12.text-right {
    text-align: center;
}

#mensajeError *> #modalHeaderColorDanger .col-md-12.text-right .btn{
    text-align: center;
    border-radius: 8px !important;
    width: 65px !important;
    height: 40px !important;
    background-color: transparent !important;
    border: 1px solid #67645E ;
    color: #67645E  !important;
}

#mensajeError *> #modalHeaderColorDanger #mensajeErrorBody {
	letter-spacing: 0px !important;
	padding-bottom: 15px !important;
	
}

#mensajeError *> .panel-heading {
    border-radius: 14px 14px 0px 0px !important;
    background-color: #ffffff !important;
    
        border-bottom: 1px solid white !important
}

#mensajeError *> .panel-footer {
    border-top: 1px solid white !important;
        background-color: #ffffff !important;
    border-radius: 0px 0px 14px 14px !important;
}

#mensajeError *> .modal-text {
    font-size:  14px !important;
    color: #67645E  !important;
    padding-top: 10px !important ;
}

#mensajeError *> .panel-body{
    background-color: white !important;
}

#mensajeError * > .panel-body {
    background-color: white !important;
	border-radius: 14px 14px 0px 0px !important;
}
#mensajeError * > .col-md-12.text-right{
	padding-bottom: 15px !important;
}
#mensajeError * > header.panel-heading {
    display: none;
}
/* fin texto al no poner un input en el formulario */


/* cambioen el login */


.panel-body.panel-body-Login .mb-lg:nth-of-type(2){
display: flex !important;
flex-direction: column;
}

.panel-body.panel-body-Login .mb-lg .clearfix.col-xs-9.text-right{
    order : 3 !important;
    margin-top: 10px;
}


.mb-lg {
     font-family: 'archivo', sans-serif !important;
}


legend#MainContent_lgAcceso {    
 opacity: 0; }
 
label#lblOlvidoContrasena {
    text-decoration: underline;
}
 /* fin cambios */
 
 /* cambio monitor */
 h2#textoSeleccionPlaza {

     background-position-x: center !important;

}

/* cambio articulos */


.container.shop td {
	color: black !important;
	}
	
a#carritoRef {
    color: black !important;
}
/* cambio actividades*/ 

.no-disponible {
    box-shadow: inset 0 0 0 0px rgba(0,0,0,0) !important;
}

.fadeThis {
    filter: brightness(100%) !important;
}

#dateAACC {
    border: 0px !important;
}

a.dropdown-toggle.filtros.btn.btn-default {
    text-transform: capitalize !important;
}

#tablaClasesColectivas .vistaContenido {
    padding-top: 20px !important;
     font-family: 'archivo', sans-serif !important;
    font-size: 13px !important;
    color: #222222 !important;
}


.vistaContenido {
	border-radius: 5px !important;
	color: #222222 !important;
}

#tablaClasesColectivas, .horarioTDHead, .horarioTD, #tablaClasesColectivas > * > * > td {
    border: solid #DAD9D8 !important;
}

/* cambios 17 10 2023 */

.horarioDIVHead {
    font-family: 'Archivo', sans-serif !important;
    letter-spacing: 1px;
}

#tablaClasesColectivas .vistaContenido {
	  font-family: 'Archivo', sans-serif !important;
	  font-weight: 500 !important;
}


#tablaClasesColectivas .horarioDIV {
    font-weight: bold;
	font-family: 'Archivo', sans-serif !important;
}

#tablaClasesColectivas .btn {
	padding-left: 0px !important;
	padding-right: 0px !important;
	padding-top: 20px !important;
	font-weight: 600 !important;
}
	
	.col-md-11.col-lg-11.col-md-offset-1.col-lg-offset-1 {
    margin-left: 0px !important;
    padding-left: 0px !important;
	padding-right:0px !important;
	padding-bottom:0px !important;
    width: 100% !important;
}

/* cambios en list */

.tm-box.appear-animation.fadeInRight.appear-animation-visible {
    border-radius: 5px !important;
}

svg.svg-inline--fa.fa-map-marker-alt.fa-w-12 {
    display: none;
}

svg.svg-inline--fa.fa-clock.fa-w-16 {
	display: none;
}

.row-tm > * > H2 > B {
    color: #222222 !important;
    font-family: 'Archivo', sans-serif !important;
	font-size: 24px  !important;
}

.tm-meta span {
    color: black !important;
    font-family: 'Archivo', sans-serif !important;
	LETTER-SPACING: 0px !important;
	text-transform: capitalize !important;
	font-size: 16px !important;
	font-weight: 500 !important;
}


#tablaClasesColectivas .btn:hover {
	filter: brightness(80%);
}


.vistaContenidoT {
    height: 60px !important;
    border-radius: 0px !important;
    background: #ffffff47 !important;
    position: relative !important;
    right: 0px;
    top: 0px;
    box-shadow: 0px 0px 0px !important;
    Width: 136px !important;
	padding-left: 30px !important;
}

.timeline .tm-items > li .tm-box {

    padding: 20px 20px !important;
}   

.timeline > .tm-body > .tm-title > h3{
    display: none;
} 


@media screen and (min-width: 600px){
	.timeline .tm-body:after {
    opacity: 0 !important;
}

.tm-datetime-time::before {
content: '';
    display: block;
    position: absolute;
    top: -25px;
    bottom: -25px;
    left: 9px;
    right: -75px;
    border-radius: 5px;
    border: 1px solid #DAD9D8;
}

.tm-datetime-time {
    /* margin-right: -25px !important; */
    margin-left: 50px !important;
    margin-top: 12px !important;
}


}

.tm-body {
    background: white !important;
}

.elementoPago img {
	width: 150px !important;
	height: auto !important;
}



/* productos */
li#liArticulosCesta {
	DISPLAY : none !important
	
}

.product-thumb-info .product-thumb-info-content {
    padding: 15px;
    height: 118px;
    text-align: left;
    display: block;
}

.product-thumb-info-content .price {
	 bottom: 58px;
    position: absolute;
    right: 47px !important;
}

span.product-thumb-info {
    height: 360px !important;
}

.product-thumb-info h4 {
    color: #404751 !important;
    /* letter-spacing: -1px; */
    font-weight: 600;
    /* font-size: 1.4em; */
    line-height: 16px !important;
    margin: 0;
    padding: 0;
    font-size: 15px !important;
    text-align: left;
}



/** fin productos **/

h3#MainContent_h1InformacionUrlOk {
    margin-bottom: 0px !important;
}

.tm-box.appear-animation.fadeInRight.appear-animation-visible h2 {
    font-size: 24px!important;
	font-family: 'Archivo', sans-serif !important;
}

.tm-datetime-date {
	display: none !important;
}

.timeline .tm-items > li .tm-datetime .tm-datetime-time {
    color: #222222 !important;
    font-family: 'Archivo', sans-serif !important;
    font-weight: 600;
    font-size: 24px;
}


.tm-body .btn {
	border-radius: 6px !important;
    color: #222222 !important;
	font-weight: 600 !important;
	 font-family: 'Archivo', sans-serif !important;
	 opacity: 1 !important;
	 text-shadow: 0 0px 0 rgba(0, 0, 0, 0) !important;
}

@media only screen and (min-width: 600px) {
.vistaContenidoT { height: 60px !important;	}	
	
.vistaContenidoT {
    right: 15px !important;
}	
	
.tm-meta {
    margin-left: 20% !important;
}

.col-xs-12.col-sm-12.col-md-12.col-lg-4.col-tm {
    padding-left: 20px !important;
}

.tm-meta span:nth-of-type(3)::after{
    content : '|';
}}

.tm-meta span{
    padding:0px !important;
}

a#btnLista {
    background: white !important;
    border: 0px !important;
	font-family: 'Archivo', sans-serif !important;
	box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px !important;
	border-radius: 6px !important;
	WIDTH:100px !important;
	margin-right: 10px !important;
	font-size: 18px !important;
	color: #67645E !important;
	font-weight: 500 !important;
	text-transform: capitalize !important;
}

a#btnAgenda {
	 background: white !important;
    border: 0px !important;
	font-family: 'Archivo', sans-serif !important;
	box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px !important;
	border-radius: 6px !important;
	WIDTH:100px !important;
	color: #67645E !important;
	font-size: 18px !important;
	font-weight: 500 !important;
	text-transform: capitalize !important;
}


/** CAMBIOS VISTA MOVIL ACC */
#filtrosParrilla .dropdown.pull-left {
	WIDTH: 500px !important;
}


@media only screen and (max-width: 600px) {
	input#dateAACC {
    width: -webkit-fill-available !important;
	text-align: center !important;
}
	.vistaContenidoT {
  
    padding-left: 0px !important;
}
	
	.tm-meta span:nth-of-type(3) {
     margin-bottom: 15px !important;
}
	
	
	.tm-meta {
    position: relative;
    bottom: 10px !important;
    left: -7px;
}
	
	.col-tm h2 {

    margin-bottom: 0px !important; 
}
	
	.col-xs-12.col-sm-12.col-md-12.col-lg-4.col-tm {

		top: -10px !important;
	}
	
    .tm-info {
        position: absolute;
        left: 10px;
        top: 20px;
    }
	
	.tm-meta span {
		font-family: 'Archivo', sans-serif !important;
		font-weight: 10px !important;
	}

    .col-xs-12.col-sm-12.col-md-12.col-lg-4.col-tm h2 b {
        font-size: 18px !important;
        margin-left: 50px;
    }

    .tm-meta {
        margin-left: 0px !important;
    }

    .tm-datetime-time {
        letter-spacing: 0px;
    }
    
    .vistaContenidoT {
    top: 38px;
    left: 18px;
}

.tm-box.appear-animation.appear-animation-visible{
        border-radius: 6px !important;
        margin-left: -10px !important;
        margin-right: -20px !important;
}
.timeline .tm-items > li .tm-box {
    /* min-width: 10px !important; */
    margin-left: -10px !important;
    margin-right: -20px !important;
    border-radius: 10px !important;
}
}
.timeline .tm-items > li .tm-box {
	border-radius: 8px !important
}

.tm-box h2 {
	color: #222222  !important;
}


form#modalArticulosForm {
    display: none;
}

.add-to-cart-product-2 {
    bottom: 28px !important;

}
/* FIN  CAMBIOS VISTA MOVIL ACC */

div#imagenAC {
   DISPLAY:none !important;
	}
	
	
#modalReserva .front {
	top: 100px !important;
}


#dateAACC {
    background-size: 1.2rem !important;
    font-family: 'Archivo', sans-serif !important;
    font-size: 18px !important;
    color: #67645E !important;
    font-weight: 500 !important;
    height: 35px !important;
}

/*** CAMBIOS ARTICULOS */

.products .col-md-2.col-sm-4.col-xs-12.product {
    display: flex;
}

span.product-thumb-info {
    width: 100% !important;
    height: 75px !important;
}

span.product-thumb-info-image {
    display: none !important;
}


.product-thumb-info {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
}


.shop .add-to-cart-product-2.col-xs-12 {
    height: 75px !important;
    position: absolute !important;
    top: 0 !important;
    right: 0 !important;
    width: 100px;
	left: inherit !important;
}

.shop .price {
    top: 30% !important;
    right: 50% !important;
    background: transparent !important;
    color: black !important;
    border: 0 !important;
    box-shadow: 0px 0px 0px 0px !important;
}

.product-thumb-info h4 {
    padding-top: 10px !important;
}

.dropdown.pull-right.btn-imprimir{
	bottom: 9px !important;
}

	.tm-meta span:nth-of-type(4) {
    text-transform: lowercase !important;
}


/* CORRECION DE RECUPERAR CONTRASEÑA, botn mas abajo*/

@media screen and (max-width: 992px) {
.bootstrap-datetimepicker-widget .dropdown-menu .usetwentyfour .bottom .pull-right {
    inset: 0px 0px auto auto !important;
    display: block;
}
}

@media screen and  (max-width: 1200px){
.bootstrap-datetimepicker-widget.dropdown-menu.usetwentyfour.bottom.pull-right {
    position: absolute !important;
    width: 100%;
    top: 68px !important;
    border-radius: 0px;
    inset: 0px 0px auto auto !important;
	margin-right: 3% !important;
}}


legend#MainContent_lgAcceso {    
 opacity: 0; }
 
  h2#textoSeleccionPlaza {

     background-position-x: center !important;

}

#filtrosParrilla > #filtros > .row > .col-md-10.col-lg-10.col-md-offset-1.col-lg-offset-1{
	margin-left: 0px !important;
}

/* NO LO VA A QUERER */
@media screen and (MIN-width: 992px) {
.timeline .tm-items > li .tm-datetime .tm-datetime-time {
    color: #222222 !important;
    font-family: 'Archivo', sans-serif !important;
    font-weight: NORMAL!IMPORTANT;
    font-size: 16px !IMPORTANT;
	MARGIN-left: 62PX !IMPORTANT;
}}

/* NO LO VA A QUERER */

/** Estaba oculto por algun motivo **/
@media screen and (MIN-width: 992px) {
#filtroActividad , #filtroAgrupacion , #filtroMonitores{ display: none !important;}

table#tablaClasesColectivas {
    margin-top: 20px !important;
}}

@media screen and (max-width: 992px) {
	
.vistaContenidoT { height: 60px !important;	}	
	
.tm-meta span:nth-of-type(3) {
    margin-bottom: 10px !important;
	margin-top: 2px !important;
}	
	
.vistaContenidoT {
	height: 35px !important;
	font-size: 14px !important;
}
.timeline .tm-items > li .tm-box {
    padding: 0px 20px !important;
}

.tm-datetime-time {
	position: absolute;
    top: -10px !important;
}
}


.shop .add-to-cart-product-2.col-xs-12 {
    border-radius: 5px !important;
    /* margin: 10px !important; */
    /* margin: 20px !important; */
    height: 43px !important;
    position: absolute !important;
    top: 0px;
    right: 0 !important;
    /* margin: 0px; */
    width: 142px;
    margin-right: 27px !important;
    left: inherit !important;
    padding: 10px !important;
    margin-top: 15px !important;
    margin-bottom: 23px !important;
}



#filtros .pull-left {
    float: inherit !important;
   
}

/*03/11/23*/
/*Articulos*/
span.product-thumb-info {
    Padding-left: 25px !important;
    Background-color: #FFFFFF !important;
}

span.product-thumb-info h4 {
    font-size: 15px !important;
    font-family: 'Archivo', sans-serif !important;
}

span.product-thumb-info span.price {
    font-size: 16px !important;
}

.col-xs-8.col-md-6 p {
    visibility: hidden !important;
}

a#carritoRef {
    font-size: 18px !important;
    color: #67645E !important;
}
 
ul.products.product-thumb-info-list {
    padding-top: 0px !important;
}

.add-to-cart-product-2.col-xs-12 i.fa.fa-shopping-cart{
    display: none !important;
}

.add-to-cart-product-2.col-xs-12 {
    font-family: 'Archivo', sans-serif !important;
    text-transform: uppercase !important;
    Background-color: #67645E !important;
    Stroke: none !important;
    Width: 120px !important;
    Height: 50px !important;
}

.add-to-cart-product-2.col-xs-12 { 
    margin-right: 25px !important;
}

@media (max-width: 768px){
    span.product-thumb-info {
        height: 130px !important;
    }
	.product-thumb-info-content .price {
		left: 30px !important;
		top: 90px !important;
	}
    
    span.product-thumb-info h4 {
        width: 70% !important;
        height: 85px !important;
    }
    .shop .add-to-cart-product-2.col-xs-12 {
        margin-top: 32px !important;
    }
    
}

/*resumen compra / carrito*/

td.product-name, span.amount, td.product-subtotal {
    letter-spacing: 0px !important;
}

table.shop_table.cart tr th {
    color: #67645E !important;
    letter-spacing: 1px !important;
    font-family: 'Archivo', sans-serif !important;
    font-size: 16px !important;
}

td.product-thumbnail, th.product-thumbnail {
    display: none !important;
}

i.fa.fa-times.text-danger {
    font-size: 18px !important;
    color: #67645E !important;
}

.plus, .minus {
    font-size: 18px !important;
    border: 0px !important;
    color: #67645E !important;
    background: transparent !important;
}

.shop .quantity .qty {
    border: 0px !important;
    padding: 0px !important;
    background: transparent !important;
    border-radius: 10px !important;
}

th.product-quantity, td.product-quantity  {
    align-content: center !important;
}

.quantity {
    margin-right: 0px !important;
}

td.actions.text-right {
    padding-top: 60px !important;
    padding-bottom: 60px !important;
    font-family: 'Archivo', sans-serif !important;
    color: #67645E !important;
    font-size: 24px !important;
}

input#update_cart {
    Width: 215px !important;
    Height: 54px !important;
    background: #67645E !important;
    color: #FFFFFF !important;
    font-family: 'Archivo', sans-serif !important;
    font-size: 16px !important;
    text-transform: uppercase !important;
}

a.btn.btn-lg.btn-primary.btn-vercarrito {
    font-family: 'Archivo', sans-serif !important;
    font-size: 13px !important;
    Background-color: #FFFFFF !important;
    letter-spacing: 1px !important;
    color: #67645E !important;
    Width: 135px !important;
    Height: 54px !important;
    text-transform: uppercase !important;
    border-color: #67645E !important;
    line-height: 34px !important;
}

.shop .actions-continue {
    display: flex;
    width: 100% !important;
    float: right;
    justify-content: space-between;
}

.featured-box-secundary .box-content {
    background: #ffffff !important;
}

/*vista movil carrito final*/

@media (max-width: 991px){
    /*
    td.product-quantity, th.product-quantity {
        display: table-cell !important;
    }
    */
    .shop table.cart td {
    border-bottom: 1px solid #DCDCDC !important;
    }

	.featured-box-cart .box-content {
        padding: 30px 0px 10px 0px !important;
    }
    
    td.actions.text-right {
        text-align: center !important;
        font-size: 15px !important;
    }
    
    a.btn.btn-lg.btn-primary.btn-vercarrito {
        display: none !important;
    }
    
    .shop .actions-continue {
    display: flex;
    width: 100% !important;
    justify-content: center;
    }
    
    .panel-body.form-group.formasdepago {
    display: flex;
    flex-direction: column !important;
    }

    .panel-body.form-group.formasdepago .radio-inline, .checkbox-inline {
    text-align: center !important;
    width: 100% !important;
    }
    
    .panel-body.form-group.formasdepago img {
    width: 80% !important;
    }
    
    header.panel-heading {
    background: white !important;
    }
}

/*--03/11/23*/

/*06/11/23*/
span.price {
    font-family: 'Archivo', sans-serif !important;
}

.product {
    width: 100% !important;
    }
    
h1.shorter.text-right {
    padding-top: 60px !important;
    }
    
.radio-inline img {
    max-width: 200px !important;
}

.panel-body.form-group.formasdepago {
    background: #ffffff !important;
    box-shadow: 0px 0px !important;
}

section#panelAdd2 .panel-heading {
    border: 0px !important;
    background: white !important;
}

input#paymentselected {
    Width: 215px !important;
    Height: 54px !important;
    background: #67645E !important;
    color: #FFFFFF !important;
    font-family: 'Archivo', sans-serif !important;
    font-size: 16px !important;
    text-transform: uppercase !important;
}
     .actions-select {
    width: 100% !important;
    display: flex;
    justify-content: space-between;
}
/*apartado de pago tarjeta etc*/

.panel-body.form-group.formasdepago .col-md-12.col-md-offset-5 {
    margin: 0px !important;
}

/*--apartado de pago tarjeta etc*/
 @media (max-width: 772px){
     .actions-select {
    justify-content: center !important;
    }
}

@media (min-width: 772px){
    
    section#panelAdd2 .panel-heading {
    border-bottom: 1px solid lightgray !important;
    }
    
    .shop ul.products .product {
    margin-left: 155px !important;
    }
    .product {
    width: 80% !important;
    }
    h1.shorter.text-right {
        position: absolute !important;
        left: 65% !important;
        top: -25px !important;
    }
}
/*--06/11/23*/

/*07-11-23*/

/*añadir en 8064*/
.products a.btn.btn-lg.btn-primary.btn-vercarrito {
    margin-left: 155px !important;
}

/*revisar que queda mejor 8046*/
td.actions.text-right {
    font-size: 15px !important;
}

.featured-box-secundary .box-content {
    border: 0px !important;
}

/*modificar en la linea que toque, no añadirlo en otro media*/
@media (min-width: 772px) {
    th.product-quantity {
    padding-left: 35px !important;
    }
}

/*modificar en 8152*/
.radio-inline img {
    max-width: 200px !important;
    max-height: 30px !important;
}

@media (max-width: 772px){
    .radio-inline img {
    max-width: 151px !important;
    }
}

/*modificar en 7997*/
span.product-thumb-info h4 {
    width: 60% !important;
    height: 85px !important;
}

/*modificar en 8205*/
h1.shorter.text-right {
    left: 74% !important;
}



/*carrito */
a#carritoRef {
    color: transparent !important;
}

a#carritoRef:before {
    color: #67645E !important;
}

span#carritoCount:before, span#carritoCount:after {
    content: "(";
    color: #67645E !important;
}

span#carritoCount{
    color: #67645E !important;
	font-family: 'Archivo', sans-serif !important;
}

span#carritoCount:after {
    content: ")";
    color: #67645E !important;
}

span#carritoPrice {
    display: none !important;
}

/*--carrito*/
/*--07-11-23*/

/*08/11/23*/

/*--08/11/23*/

/*10/11/23*/
.fa-shopping-cart:before {
    content: "\f290" !important;
}

.quantity, th.product-quantity {
    visibility: visible !important;
}

li#continue .btn {
    display: block !important;
}

span.product-thumb-info h4 {
    line-height: 20px !important;
	    font-weight: normal !important;
}

@media only screen and (max-width: 600px){
tbody th, thead th {
    position: static !important;
    }
}
/*--10/11/23*/
/*T E M P O R A L*/
.quantity, th.product-quantity {
    visibility: hidden !important;
}
/*---------------*/

ul.products.product-thumb-info-list {
    display: flex;
    flex-direction: column;
    width: 100% !important;
}

table#tablaClasesColectivas td {
    min-width: 150px;
}

.col-xs-8.col-md-6 .shorter {
    display: none !important;
}

h1.shorter.text-right {
    padding-top: 15px !important;
}



.shop ul.products .product .price .amount {
    font-size: 15px !important;
    letter-spacing: 0px;
    font-weight: normal !important;
}

@media (max-width: 600px){
    .foto-campaign img {
    max-width: 350px !important;
    min-height: auto !important;
    }
    
    .publicidad .foto-campaign {
    height: 220px !important;
    }
    
    .first-container {
    margin-left: 0px !important;
    }
}


@media (max-width: 450px){
	td.actions.text-right {
    font-size: 12px !important;
}
	.shop .add-to-cart-product-2.col-xs-12 {
    width: 100px !important;
    border-radius: 5px !important;
    /* margin: 10px !important; */
    /* margin: 20px !important; */
    height: 38px !important;
    position: absolute !important;
    top: 0px;
    right: 0 !important;
    /* margin: 0px; */
    width: 142px;
    margin-right: 20px !important;
    left: inherit !important;
    padding: 7px !important;
    margin-top: 35px !important;
    margin-bottom: 23px !important;
}
	.products a.btn.btn-lg.btn-primary.btn-vercarrito {
    margin-left: 0px !important;
}
    li#continue {
    display: flex;
    justify-content: center;
}
    span.product-thumb-info {
    height: 110px !important;
}
    span.product-thumb-info {
    Padding-left: 10px !important;
    }
    span.product-thumb-info {
    width: 90% !important;
    margin-left: 5% !important;
    }
	span.product-thumb-info-content h4 {
    font-size: 15px !important;
    }
    span.product-thumb-info span.price {
    font-size: 12px !important;
    }
    .product-thumb-info-content .price {
    left: -2px !important;
    top: 70px !important;
}
}

div#MainContent_divCuotas * {
    font-family: 'archivo', sans-serif !important;
}

a.btn.btn-lg.btn-primary.btn-vercarrito, input#paymentselected, input#update_cart {
    border-radius: 6px !important;
}

div#MainContent_divPanelCobros div#MainContent_divPanelImagenesTarjeta img {
    content: url(/Content/img/comunes/tarjetasCredito.png);
    height: 35px !important;
}

/**/

@media (max-width: 992px){
/*header NO SE PUEDE TOCAR, ES APP*/

/*Boton club*/
button#btnMultiinstalacion {
    background: #67645E !important;
    max-Width: 394px !important;
    max-Height: 44px !important;
    color: #ffffff !important;
    font-size: 16px !important;
    border-radius: 10px !important;
    opacity: 1 !important;
}
/*dropdown club*/
ul#selectorInstalaciones{
    background: #ffffff !important;
    border-radius: 10px !important;
    max-Width: 394px !important; 
}

/*Boton fecha*/
input#dateAACC{
    Background-color: #FFFFFF !important;
    Border-radius: 10px !important;
    color: #67645E !important;
    font-size: 16px !important;
    text-transform: lowercase !important;
    max-Width: 394px !important; 
    max-Height: 44px !important;
}

/*Dropdown fecha*/
.bootstrap-datetimepicker-widget.dropdown-menu.usetwentyfour.bottom.pull-right {
    background: #ffffff;
    border-radius: 8px !important;
    max-Width: 300px !important;
    max-Height: 300px !important;
}

tbody tr td {
    padding: 8px !important;
}

.datepicker-days{
    padding-left: 22px !important;
    padding-right: 22px !important;
    padding-top: 6px !important;
    padding-bottom: 6px !important;
}

th.picker-switch {
    font-size: 18px !important;
    color: #67645E !important;
    letter-spacing: 0px !important;
    text-transform: capitalize !important;
}

tr .dow {
    font-size: 13px !important;
}

td.day {
    padding: 5px !important;
    font-size: 12px !important;
    color: #67645E !important;
    font-weight: normal !important;
    letter-spacing: 0px !important;
}

td.day.active {
    background: #67645E !important;
    border-radius: 50% !important;
}

.next, .prev {
    font-size: 12px !important;
}


/*FLECHA*/
.caret {
	width: 5vmin;
	height: 4vmin;
	box-sizing: border-box;
	position: absolute;
	right: 2.4%;
	top: 18%;
	transform: rotate(134deg);
}

.caret:before {
		content: '';
		width: 100%;
		height: 100%;
		border-width: 1.9px 1.9px 0 0;
		border-style: solid;
		border-color: #fafafa;
		transition: .2s ease;
		display: block;
		transform-origin: 100% 0;
	}

.btn .caret {
    border-top-color: transparent !important;
}
/*--FELCHA*/

.form-group.pull-left.selectorFecha.is-empty {
    margin-top: 0px !important;
    }
    
	
td.plazaSelecionada {
    display: flex;
    flex-direction: column-reverse;
    align-items: center;
}

.plazaSelecionada span:not(:empty) {
    margin-right: 0px !important;
    margin-top: 15px;
}

button#btnplazaSeleccionada {
    width: 45%;
}

td.nombreCliente {
    display: none !important;
}

    
}

#etiquetafix, ul.nav.nav-children li a {
    letter-spacing: 0.3px !important;
    text-align: left !important;
}

/*rediseño de aacc y retoques -P 22/11/23*/

/*@media (max-width: 992px){*/
/*header NO SE PUEDE TOCAR, ES APP*/

/*Boton club*/
button#btnMultiinstalacion {
    background: #67645E !important;
    max-Width: 394px !important;
    max-Height: 44px !important;
    color: #ffffff !important;
    font-size: 16px !important;
    border-radius: 10px !important;
    opacity: 1 !important;
}
/*dropdown club*/
ul#selectorInstalaciones{
    background: #ffffff !important;
    border-radius: 10px !important;
    max-Width: 394px !important; 
}

/*Boton fecha*/
input#dateAACC{
    Background-color: #FFFFFF !important;
    Border-radius: 10px !important;
    color: #67645E !important;
    font-size: 15px !important;
    text-transform: lowercase !important;
    max-Width: 190px !important; 
    max-Height: 44px !important;
}

/*Dropdown fecha*/
.bootstrap-datetimepicker-widget.dropdown-menu.usetwentyfour.bottom.pull-right {
    background: #ffffff;
    border-radius: 8px !important;
    max-Width: 300px !important;
    max-Height: 300px !important;
}

tbody tr td {
    padding: 0px !important;
    letter-spacing: 0px !important;
}

.datepicker-days{
    padding-left: 4px !important;
    padding-right: 4px !important;
    padding-top: 5px !important;
    padding-bottom: 5px !important;
}

th.picker-switch {
    font-size: 15px !important;
    color: #67645E !important;
    letter-spacing: 0.3px !important;
    text-transform: capitalize !important;
}

tr .dow {
    font-size: 13px !important;
    background: white !important;
    color: lightgray !important;
    letter-spacing: 0px !important;
}

td.day {
    padding-left: 5px !important;
    padding-right: 5px !important;
    font-size: 12px !important;
    font-weight: normal !important;
}

td.day.active {
    width: 10% !important;
    background: #67645E !important;
    border-radius: 70% !important;
    color: white !important;
}

.next, .prev, th.next, th.prev {
    font-size: 12px !important;
    background: #ffffff !important;
    color: #67645E !important;
}


/*FLECHA*/
.caret {
	width: 5vmin;
	height: 4vmin;
	box-sizing: border-box;
	position: absolute;
	right: 2.4%;
	top: 18%;
	transform: rotate(134deg);
}

.caret:before {
		content: '';
		width: 100%;
		height: 100%;
		border-width: 1.9px 1.9px 0 0;
		border-style: solid;
		border-color: #fafafa;
		transition: .2s ease;
		display: block;
		transform-origin: 100% 0;
	}

.btn .caret {
    border-top-color: transparent !important;
}
/*--FELCHA*/

.form-group.pull-left.selectorFecha.is-empty {
    margin-top: 0px !important;
    }
    
td.day.active.today:before {
    border: transparent !important;
    }
    
/*}*/

p#razonReserva, table#datosReserva {
    letter-spacing: 0.3px !important;
}

#btnReserva {
    box-shadow: none !important;
    border-radius: 6px !important;
    font-family: 'Archivo', sans-serif !important;
    color: white !important;
    background: #67645E !important;
    border: 1px solid #67645E !important;
    box-shadow: none !important;
    padding: 7px 5px !important;
}

#btnCancelar {
    border-radius: 6px !important;
    font-family: 'Archivo', sans-serif !important;
    color: #67645E !important;
    background: white !important;
    border: 1px solid #67645E !important;
    box-shadow: none !important;
    padding: 7px 5px !important;
}


h2.nombreServicio, .card h4 {
    font-size: 20px !important;
}

tbody th {
    position: sticky !important;
}

.panel-body.panel-body-ModalServiciosPrivate .metodosDePagoSelect .elementoPago:nth-of-type(2) img {
    width: 145px !important;
    position: relative !important;
    bottom: -75px !important;
    right: 50% !important;
}

td.nombreCliente {
    display: none !important;
}

td.plazaSelecionada {
    display: flex;
    justify-content: center;
    flex-direction: column-reverse;
    align-items: center;
}

.card .btn {
    font-family: 'Archivo', Sans-Serif !important;
}

.plazaSelecionada span:not(:empty) {
    margin-right: 0px !important;
    margin-top: 10px !important;
}

.swal-icon--success__line {
    background-color: transparent !important;
}

.swal-icon--success__ring {
    border: 0px !important;
    background: url(/personalizar/img/tick.png) !important;
    background-size: 65% 65% !important;
    background-position: 50% 50% !important;
    background-repeat: no-repeat !important;
    margin-bottom: 0px !important;
    width: 30% !important;
    height: 100% !important;
    margin-left: 37% !important;
}

.swal-icon {
    width: 100% !important;
    height: 80px !important;
    border-width: 4px;
    border-style: solid;
    border-radius: 50%;
    padding: 0;
    position: relative;
    box-sizing: content-box;
    margin: 0px;
}

.fa-trash:before {
    content: " " !important;
}

i.fa.fa-trash.informacionAACC {
    width: 2rem !important;
    height: 2rem !important;
    background: url(/personalizar/img/trash.svg) !important;
    background-repeat: no-repeat !important;
    background-size: 2rem !important;
}

.swal-icon--success {
    border: 0px !important;
}

.swal-icon--success:before, .swal-icon--success:after{
    display: none !important;
}

td.day:hover {
    background: #67645E !important;
    border-radius: 50% !important;
    color: white !important;
}

button.btn.btn-plazas {
    color:  #90A788;
    background:  #DAFBCE;
    border-radius: 7px !important;
}

.footer.btn-center.col-xs-12.col-sm-12.col-md-12.col-lg-12 img {
    height: 45px !important;
    width: auto;
}

.footer.btn-center.col-xs-12.col-sm-12.col-md-12.col-lg-12 {
    min-height: 100px;
    padding-top: 22px;
}

.swal-modal {
    height: auto !important;
    width: auto !important;
    padding: 30px !important;
    border-radius: 12px !important;
}

.swal-icon:first-child {
    margin-top: 20px !important;
}

.swal-text {
    margin-top: 10px !important; 
	letter-spacing: 0.3px !important;
}

.datepicker tr:hover {
    background: transparent !important;
}

span.fa.fa-chevron-left, span.fa.fa-chevron-right:hover, th.picker-switch:hover {
    background: transparent !important;
}

h2#textoSeleccionPlaza {
    text-align: center !important;
    color: #67645E !important;
    font-size: 26px !important;
    text-transform: uppercase !important;
    margin-top: 30px !important;
}

@media (max-width: 1720px){
    .shop .price {
    right: 40% !important;
    }
}

@media (max-width: 1495px){
    .shop .price {
    right: 30% !important;
    }
}

@media (max-width: 1335px){
    .shop .price {
    right: 25% !important;
    }
}

h1.shorter.text-right strong {
    background-image: url(/personalizar/img/bag.svg) !important;
    background-size: 19px 23px !important;
    background-position: 0px 11.5px !important;
    background-repeat: no-repeat;
}

a#carritoRef:before {
    content: " ‎ ‎ ‎ ‎ ‎"  !important;
}


@media (min-width: 992px){
    .shop .price {
    right: 30% !important;
    }
}

@media (max-width: 380px){
    span.product-thumb-info {
    height: 120px !important;
    }
    
    .product-thumb-info-content .price {
    top: 85px !important;
    }
    
    span.product-thumb-info-content h4 {
    font-size: 15px !important;
    }
}

@media (max-width: 992px){
    table.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>td:first-child, table.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>th:first-child {
    padding-left: 25px !important;
}

h2.panel-title {
    color: #67645E !important;
}

header.panel-heading h2 {
    text-transform: uppercase !important;
     text-align: center !important;
     letter-spacing: 0px !important;
     font-size: 19px !important;
}

header.panel-heading {
    padding-bottom: 0px !important;
    border-bottom: 0px !important;
	padding-top: 5rem !important;
}

.panel-body.panel-body-MisReservasActividadesColectivas {
    padding-top: 0px !important;
    background: #ffffff !important;
}

/*315*/

div#datatable-ajax_filter label {
    display: none !important;
}



tr.odd td:nth-child(1n), tr.odd td:nth-child(2n), tr.even td:nth-child(1n), tr.even td:nth-child(2n){
    background: white !important;
}


th#miCuentaReservasFecha, th#miCuentaReservasNombreActividad{
    border: 1px solid #67645E !important;
    padding: 0px !important;
    padding-left: 20px !important;
    padding-right: 20px !important;
    padding: 10px 20px 10px 20px !important;
    font-size: 1.2rem !important;
}

}


@media (max-width: 480px){
.swal-modal {
    width: 90% !important;
    padding: 30px 0px 30px 0px !important;
    }
.swal-text {
    font-size: 16px;
    position: relative;
    float: none;
    line-height: normal;
    vertical-align: top;
    text-align: left;
    display: inline-block;
    margin: 0;
    padding: 0 0px;
    font-weight: 400;
    color: rgba(0,0,0,.64);
    overflow-wrap: break-word;
    box-sizing: border-box;
    }
}





@media (max-width: 992px) {
    
    table.dataTable thead .sorting_asc {
    background-image: url(/personalizar/img/arrow_up.png) !important;
    background-position: 95% 50% !important;
}

table.dataTable thead .sorting {
    background-image: url(/personalizar/img/arrow.png) !important;
    background-position: 95% 50% !important;
}

table.dataTable thead .sorting_desc {
    background-image: url(/personalizar/img/arrow.png) !important;
    background-position: 95% 50% !important;
}


tr.odd td:nth-child(1n), tr.odd td:nth-child(2n), tr.even td:nth-child(1n), tr.even td:nth-child(2n)   {
    letter-spacing: 0px;
    font-size: 13px;
}
    
th#miCuentaReservasFecha, th#miCuentaReservasNombreActividad, th#miCuentaReservasNombrePlaza, th#miCuentaReservasNombreZona, th#miCuentaReservasNombreInstalacion {
    padding: 7px !important;
    font-size: 1.2rem !important;
    letter-spacing: 0.3px !important;
    border: 0px !important;
    box-shadow: 0px 0px 5px 1px #8080805c !important;
    border-radius: 7px !important;
    background-position: 90% 50% !important;
}


th#miCuentaReservasFecha {
   max-width: 60px !important;
   width: 60px !important;
}

/*
 tr.odd td:nth-child(3n), tr.even td:nth-child(3n), tr.odd td:nth-child(4n), tr.even td:nth-child(4n), tr.odd td:nth-child(5n), tr.even td:nth-child(5n), tr.odd td:nth-child(6n), tr.even td:nth-child(6n), th#miCuentaReservasNombrePlaza, th#miCuentaReservasEstado, tr.odd td:nth-child(7n), tr.even td:nth-child(7n), th#miCuentaBtnEliminarReserva {
    display: none !important;
}
*/

table.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>td:first-child, table.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>th:first-child {
    font-size: 12px !important;
}

a#datatable-ajax_previous, a#datatable-ajax_next {
    font-size: 1.5rem !important;
    letter-spacing: 0.3px !important;
    margin: 0px 3px 0px 3px !important;
}

.paginate_button.current {
   box-shadow: 0px 0px 3px 1px #d9d9d969 !important;
}

.panel-body.panel-body-MisReservasActividadesColectivas {
    box-shadow: 0px 0px !important;
}
 
.panel-body.panel-body-MisReservasActividadesColectivas td.child {
    background: #f5f5f5 !important
}

table.dataTable>tbody>tr.child ul.dtr-details{
    width: 100% !important;
}

.panel-body.panel-body-MisReservasActividadesColectivas td.child li{
    border-bottom: 1px solid #e1e1e1 !important
}

.panel-body.panel-body-MisReservasActividadesColectivas td.child li:last-child{
    border-bottom: 0px !important; 
}

.panel-body.panel-body-MisReservasActividadesColectivas td.child li span.dtr-data {
    margin-left: 1.7rem !important;
	font-size: 1.3rem !important;
}

table.dataTable>tbody>tr.child span.dtr-title {
    font-weight: normal !important;
}

/*Modal anular*/

div#modalAnular {
    margin-left: 5% !important;
    margin-right: 5% !important;
    width: 90% !important;
    min-height: 274px !important;
}

div#modalAnular .modal-header{
    border: 0px !important;
    height: 30px !important;
}

div#modalAnular .modal-header h4 {
    visibility: hidden !important;
}

div#modalAnular button.close span {
    font-size: 25px !important;
    color: #67645E !important;
}

div#modalAnular button.close {
    opacity: 1 !important;
    font-weight: 100 !important;
}

#botonConfirmarModalAnular {
    margin-right: 10px;
    font-size: 1.2rem;
    padding: 7px 10px 7px 10px !important;
    text-transform: uppercase !important;
    letter-spacing: 0px !important;
    border-radius: 6px !important;
    font-family: 'Archivo', sans-serif !important;
    color: white !important;
    background: #67645E !important;
    border: 1px solid #67645E !important;
    box-shadow: none !important;
}

#botonNoConfirmarModalAnular {
    margin-left: 10px !important;
    font-size: 1.2rem;
    padding: 7px 10px 7px 10px !important;
    text-transform: uppercase !important;
    letter-spacing: 0px !important;
    border-radius: 6px !important;
    font-family: 'Archivo', sans-serif !important;
    color: #67645E !important;
    background: white !important;
    border: 1px solid #67645E !important;
    box-shadow: none !important;
	text-shadow: 0px 0px !important;
}

div#modalAnular .modal-body {
    height: 140px !important;
}

/*--Modal anular*/

button#btnSelectorDesde {
    width: 100% !important;
	margin: 0px !important;
}

button#btnSelectorHasta {
    width: 100% !important;
	margin: 0px !important;
}

}

@media only screen and (max-width: 310px){
.col-xs-12.col-sm-12.col-md-12.col-lg-4.col-tm h2 b {
    font-size: 14px !important;
    }
    .col-xs-12.col-sm-12.col-md-12.col-lg-4.col-tm {
    top: -11px !important;
    }
}

/**/


/*horario disminutido en aacc*/
@media (max-width: 600px){
.horarioDIV {
    width: 89% !important;
    padding-left: 22% !important;
    }
th.horarioTD {
    max-width:  91px !important;
    }
}

/*cambios en la tienda*/
@media (min-width: 992px){
.datepicker.datepicker-primary table thead tr:first-child th{
    background: white !important;
    color: #191c21 !important;
}

.datepicker.datepicker-primary table thead tr:first-child th:hover {
    background-color: transparent !important;
    color: #191c21 !important;
}
    
    div#modalAnular {
    margin-left: 25% !important;
    margin-right: 25% !important;
    width: 50% !important;
    min-height: 274px !important;
}

div#modalAnular .modal-header{
    border: 0px !important;
    height: 30px !important;
}

div#modalAnular .modal-header h4 {
    visibility: hidden !important;
}

div#modalAnular button.close {
    font-size: 25px !important;
    color: gray !important;
}

#botonConfirmarModalAnular {
    margin-right: 10px;
    font-size: 1.2rem;
    padding: 7px 10px 7px 10px !important;
    text-transform: uppercase !important;
    letter-spacing: 0px !important;
    border-radius: 6px !important;
    font-family: 'Archivo', sans-serif !important;
    color: white !important;
    background: #67645E !important;
    border: 1px solid #67645E !important;
    box-shadow: none !important;
}

#botonNoConfirmarModalAnular {
    margin-left: 10px !important;
    font-size: 1.2rem;
    padding: 7px 10px 7px 10px !important;
    text-transform: uppercase !important;
    letter-spacing: 0px !important;
    border-radius: 6px !important;
    font-family: 'Archivo', sans-serif !important;
    color: #67645E !important;
    background: white !important;
    border: 1px solid #67645E !important;
    box-shadow: none !important;
}

div#modalAnular .modal-body {
    height: 140px !important;
}
    
a#datatable-ajax_previous, a#datatable-ajax_next {
    font-size: 1.5rem !important;
    letter-spacing: 0.3px !important;
    margin: 0px 14px 0px 14px !important;
	background: transparent !important;
}


.paginate_button.current {
    box-shadow: 0px 0px 4px 2px gray !important;
}
h2.panel-title {
    text-transform: uppercase;
}    

tr.odd td:nth-child(1n), tr.odd td:nth-child(2n), tr.even td:nth-child(1n), tr.even td:nth-child(2n) {
    background: white !important;
}
    
.panel-body.panel-body-MisReservasActividadesColectivas {
    background: transparent !important;
}

header.panel-heading {
    background: transparent !important;
}

.container.shop{
        margin-left: 40px !important;
    }
.row.shop {
    margin-left: -140px !important;
    }
    
h1.shorter.text-right {
    left: 70% !important;
    }
}

.form-group.col-md-10 .col-sm-3 span {
    font-size: 0px !important;
}


.form-group.col-md-10 {
    height: 0px !important;
}

.form-group {
     margin: 0px !important;
}

/*ajuste en la tienda en vista movil*/
@media (max-width: 450px){
    .shop ul.products .product .price {
    padding-left: 27px !important;
    text-align: left !important;
    }
}



/*boton continuar en ARTICULOS/tienda*/
@media (min-width: 992px){
    li#continue {
    width: 54% !important;
    display: flex;
    flex-direction: row-reverse !important;
    padding: 0px !important;
    }
}
/*--cambios en la tienda*/




li#product_1215 {
    order: 1 !important;
}

li#product_1216 {
    order: 2 !important;
}

li#product_1217 {
    order: 3 !important;
}


li#product_1208 {
    order: 4 !important;
}

li#product_1209 {
    order: 5 !important;
}

li#product_100{
    order: 6 !important;
}

li#product_1218 {
    order: 7 !important;
}

li#product_1219 {
    order: 8 !important;
}

li#continue {
    order: 9 !important;
}

.btn-plazas:disabled {
    background: #67645E !important;
    color: #ffffff !important;
}

button.btn.btn-plazas {
    color: #90A788;
    background: #DAFBCE;
}

button#btnSelectorHasta {
    display: none !important;
}

.panel-body.panel-body-ModalServiciosPrivate .metodosDePagoSelect {
    height: 50px !important;
    margin-left: 25% !important;
}

.panel-body.panel-body-ModalServiciosPrivate #tablaPrecios, .panel-body.panel-body-ModalServiciosPrivate hr.solid.short {
    display: none !important;
}

.panel-body.panel-body-ModalServiciosPrivate .footer {
    margin-top: 2.2rem !important;
}

@media (max-width: 992px){
    
    .panel-body.panel-body-ModalServiciosPrivate button#btnCancelar, .panel-body.panel-body-ModalServiciosPrivate button#btnConfirmar{
    margin-top: 7rem !important;
}

.panel-body.panel-body-ModalServiciosPrivate .elementoPago img{
    content: url("/Content/img/comunes/tarjetasCredito.png") !important;
    padding-top: 10px !important;
}
    
    td.direccionCentro {
    display: none !important;
}
    
    button#btnReserva, button#btnCancelar, button#btnConfirmar {
        box-shadow: 0px 0px !important;
        padding: 8px 15px 8px 15px !important;
    }
    
    .colHorario .vistaContenido:hover {
    border-color: #8CC1A3 !important;
    background: #8CC1A3!important;
    color: #ffffff !important;
    opacity: 1 !important;
    letter-spacing: 0.5px !important;
}
    
    .itemHoras {
    font-size: 13px !important;
}

.popover-content {
    font-size: 20px !important;
    padding: 8px !important;
}
    
    h2.nombreServicio {
    margin-bottom: 4rem !important;
    text-align: center !important;
}

div#\31 048 {
    background-image: url(/personalizar/img/belleza.png) !important;
    margin: 0px 15px 50px 15px !important;
}

div#\31 047 {
    background-image: url(/personalizar/img/entrenamiento.png) !important;
    margin: 0px 15px 0px 15px !important;
}

.card[agrupacion="1048"], .card[agrupacion="1019"], .card[agrupacion="1047"], .card[agrupacion="1043"] {
    width: auto !important;
    max-width: 450px !important;
    height: 250px !important;
}

div#\31 047 h4, div#\31 048 h4 {
    visibility: hidden !important;
}

.cabecera {
    background-color: #67645E  !important;
    height: 45px !important;
    border-radius: 8px !important;
    width: 100% !important;
    margin-bottom: 15px !important;
}

}

/*--restyling reservas*/
button#btnSelectorDesde {
    display: none !important;
}

.panel-body-MisReservasActividadesColectivas table {
    border-spacing: 4px !important;
}

th#miCuentaReservasFecha, th#miCuentaReservasNombreActividad, th#miCuentaReservasNombreInstalacion,  th#miCuentaReservasNombrePlaza, th#miCuentaReservasEstado {
    border-radius: 7px !important;
	box-shadow: 0px 0px 4px 1px #bfbfbf5c !important;
    background-position: 90% 50% !important;
    background-size: 10px;
    font-size: 1.3rem !important;
    line-height: 15px !important;
}

.panel-body-MisReservasActividadesColectivas table * {
    letter-spacing: 0px !important;
}

.panel-body-MisReservasActividadesColectivas table tbody tr {
    border-bottom: 1px solid #8080805c !important;
}

span.dtr-title {
    margin-left: 18px !important;
}


table.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>td:first-child:before, table.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>th:first-child:before {
    top: 35% !important;
    left: 0px !important;
    height: 14px !important;
    width: 14px !important;
    display: block !important;
    position: absolute !important;
    color: gray !important;
    border: 0px !important;
    border-radius: 14px !important;
    box-shadow: 0px 0px !important;
    box-sizing: content-box !important;
    text-align: center !important;
    text-indent: 0 !important;
    font-family: 'Courier New', Courier, monospace;
    line-height: 14px !important;
    content: '+' !important;
    background-color: transparent !important;
    font-size: 20px !important;
}

/*---------------------------------------------------------------------------------------------------------*/

.panel-body.panel-body-ModalServiciosPrivate .footer {
    padding-top: 30px !important;
}

button.close.btn.btn-white.btn-fab.btn-fab-mini.btn-round {
    margin: 0px !important;
}

.panel-heading-icon.bg-primary.mt-sm.importeTotal.importeTotalcircular {
    font-size: 23px;
    position: absolute;
    top: 35px !important;
    left: 36% !important;
    background: transparent !important;
    letter-spacing: 0px !important;
}

    .panel-body.panel-body-ModalServiciosPrivate h4.actividadNombre {
    font-size: 1.8rem !important;
}


@media (max-width: 369px){
 
.panel-body.panel-body-ModalServiciosPrivate .metodosDePagoSelect .elementoPago:nth-of-type(2) img {
    right: 0px !important;
}
 
.panel-body.panel-body-ModalServiciosPrivate .metodosDePagoSelect  {
    display: flex;
    width: 100% !important;
    margin-left: 20%;
    align-items: center;
    flex-direction: column;
    justify-content: center;
}


.panel-body.panel-body-ModalServiciosPrivate .metodosDePagoSelect .elementoPago:nth-of-type(2) img {
    bottom: -35px !important;
}

/*
.panel-body.panel-body-ModalServiciosPrivate .metodosDePagoSelect {
    height: 50px !important;
    margin-left: 25% !important;
}
*/

.panel-body.panel-body-ModalServiciosPrivate .metodosDePagoSelect {
    margin-left: 0px !important;
}

}

div#fondoParrilla {
    padding-bottom: 250px !important;
}

h2.nombreServicio {
    margin-top: 0px !important;
}

@media (max-width: 412px){
    .pull-left.selectorFecha .form-group.is-empty {
    display: flex;
    justify-content: center;
    }
    
    .form-group.pull-left.selectorFecha.is-empty {
    display: flex !important;
    flex-direction: column;
    align-items: center;
    }


}

@media (max-width: 768px){
    .contenedorBotones.row.row-flex.row-flex-wrap.row-nomag {
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
    justify-content: flex-start !important;
    align-items: center !important;
}

.main-raised {
    margin: 0px !important;
    }
}

li#liHistoricoReservas {
    display: none !important;
}

/*restyling reservas*/

.panel-body.panel-body-ModalServiciosPrivate #tablaPrecios, .panel-body.panel-body-ModalServiciosPrivate hr.solid.short {
    display: none !important;
}

.panel-body.panel-body-ModalServiciosPrivate .footer {
    margin-top: 2.2rem !important;
}

@media (max-width: 992px){


.panel-body.panel-body-ModalServiciosPrivate .elementoPago img{
    content: url("/Content/img/comunes/_tarjetasCredito.png") !important;
    padding-top: 10px !important;
}
    
    td.direccionCentro {
    display: none !important;
}
    
    button#btnReserva, button#btnCancelar, button#btnConfirmar {
        box-shadow: 0px 0px !important;
        padding: 8px 15px 8px 15px !important;
    }
    
    .colHorario .vistaContenido:hover {
    border-color: #8CC1A3 !important;
    background: #8CC1A3!important;
    color: #ffffff !important;
    opacity: 1 !important;
    letter-spacing: 0.5px !important;
}
    
    .itemHoras {
    font-size: 12px !important;
}

    .popover-content {
    font-size: 20px !important;
    padding: 8px !important;
}
    
    h2.nombreServicio {
    margin-bottom: 4rem !important;
    text-align: center !important;
}

div#\31 048 {
    background-image: url(/personalizar/img/belleza.png) !important;
    margin: 0px 0px 50px 0px !important;
}

div#\31 047 {
    background-image: url(/personalizar/img/entrenamiento.png) !important;
    margin: 0px 0px 0px 0px !important;
}
 
.card[agrupacion="1048"], .card[agrupacion="1019"], .card[agrupacion="1047"], .card[agrupacion="1043"] {
    max-width: 70% !important;
    height: 200px !important;
}

div#\31 047 h4, div#\31 048 h4 {
    visibility: hidden !important;
}
 
.cabecera {
    background-color: #67645E  !important;
    height: 45px !important;
    border-radius: 8px !important;
    width: 100% !important;
    margin-bottom: 15px !important;
}

}

/*--restyling reservas*/
button#btnSelectorDesde {
    display: none !important;
}

.panel-body-MisReservasActividadesColectivas table {
    border-spacing: 4px !important;
}
 
/*aacc mis reservas*/

td.tablaTexto {
    font-size: 1.3rem !important;
}

div#modalAnular .modal-body {
    letter-spacing: 0px !important;
    font-size: 1.5rem !important;
}

th#miCuentaReservasFecha, th#miCuentaReservasNombreActividad, th#miCuentaReservasNombreInstalacion, th#miCuentaReservasNombrePlaza, th#miCuentaReservasEstado, th#miCuentaReservasNombreZona {
    border-radius: 7px !important;
    box-shadow: 0px 0px 5px 1px #b5b5b55c !important;
    background-position: 87% 50% !important;
    background-size: 10px;
    font-size: 1.3rem !important;
    line-height: 15px !important;
    min-width: 100px !important;
	    text-align: center !important;
}
/*--aacc mis reservas*/

.panel-body-MisReservasActividadesColectivas table * {
    letter-spacing: 0px !important;
}

.panel-body-MisReservasActividadesColectivas table tbody tr {
    border-bottom: 1px solid #8080805c !important;
}

span.dtr-title {
    margin-left: 18px !important;
}



table.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>td:first-child:before, table.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>th:first-child:before {
    top: 35% !important;
    left: 0px !important;
    height: 14px !important;
    width: 14px !important;
    display: block !important;
    position: absolute !important;
    color: gray !important;
    border: 0px !important;
    border-radius: 14px !important;
    box-shadow: 0px 0px !important;
    box-sizing: content-box !important;
    text-align: center !important;
    text-indent: 0 !important;
    font-family: 'Courier New', Courier, monospace;
    line-height: 14px !important;
    content: '+' !important;
    background-color: transparent !important;
    font-size: 20px !important;
}

/*---------------------------------------------------------------------------------------------------------*/

/*probar cambiar los botones*/
#btnCancelar {
    box-shadow: none !important;
    border-radius: 6px !important;
    font-family: 'Archivo', sans-serif !important;
    color: white !important;
    background: #67645E !important;
    border: 1px solid #67645E !important;
    box-shadow: none !important;
    padding: 7px 5px !important;
}

#btnReserva {
    border-radius: 6px !important;
    font-family: 'Archivo', sans-serif !important;
    color: #67645E !important;
    background: white !important;
    border: 1px solid #67645E !important;
    box-shadow: none !important;
    padding: 7px 5px !important;
}



.bootstrap-datetimepicker-widget.dropdown-menu {
    margin: 2px -12% !important;
    padding: 4px;
    width: 19em;
}

/*cambios 02-02-24*/
.bootstrap-datetimepicker-widget.dropdown-menu {
    margin: 2px -12% !important;
}

.panel-body.panel-body-ModalServiciosPrivate .metodosDePagoSelect {
    margin-left: 0px !important;
}

.panel-body.panel-body-ModalServiciosPrivate .footer {
    padding-top: 30px !important;
}

button.close.btn.btn-white.btn-fab.btn-fab-mini.btn-round {
    margin: 0px !important;
}

@media (max-width: 369px){

.panel-body.panel-body-ModalServiciosPrivate .metodosDePagoSelect .elementoPago:nth-of-type(2) img {
    right: 0px !important;
}

.panel-body.panel-body-ModalServiciosPrivate .metodosDePagoSelect  {
	margin: 0px !important;
    display: flex;
    width: 100% !important;
    margin-left: 20%;
    align-items: center;
    flex-direction: column;
    justify-content: center;
}


.panel-body.panel-body-ModalServiciosPrivate .metodosDePagoSelect .elementoPago:nth-of-type(2) img {
    bottom: -35px !important;
}

/*
.panel-body.panel-body-ModalServiciosPrivate .metodosDePagoSelect {
    height: 50px !important;
    margin-left: 25% !important;
}
*/


.panel-body.panel-body-ModalServiciosPrivate .metodosDePagoSelect {
    margin-left: 0px !important;
}

}

@media (max-width: 412px){
    .pull-left.selectorFecha .form-group.is-empty {
    display: flex;
    justify-content: center;
    }
    
    .form-group.pull-left.selectorFecha.is-empty {
    display: flex !important;
    flex-direction: column;
    align-items: center;
    }

    input#dateAACC {
    Background-color: #FFFFFF !important;
    Border-radius: 10px !important;
    color: #67645E !important;
    font-size: 15px !important;
    text-transform: lowercase !important;
    max-Width: 225px !important;
    max-Height: 44px !important;
    }
}

@media (max-width: 768px){
    .contenedorBotones.row.row-flex.row-flex-wrap.row-nomag {
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
    justify-content: flex-start !important;
    align-items: center !important;
}

.main-raised {
    margin: 0px !important;
    }
}

li#liHistoricoReservas {
    display: none !important;
}

/*restyling reservas*/

.panel-body.panel-body-ModalServiciosPrivate #tablaPrecios, .panel-body.panel-body-ModalServiciosPrivate hr.solid.short {
    display: none !important;
}

.panel-body.panel-body-ModalServiciosPrivate .footer {
    margin-top: 2.2rem !important;
}

.colHorario .vistaContenido:hover {
    border-color: #8CC1A3 !important;
    background: #8CC1A3!important;
    color: #ffffff !important;
    opacity: 1 !important;
    letter-spacing: 0.5px !important;
}

@media (max-width: 992px){

.panel-body.panel-body-ModalServiciosPrivate .elementoPago img{
    content: url("/Content/img/comunes/tarjetasCredito.png") !important;
    padding-top: 10px !important;
}
    
    td.direccionCentro {
    display: none !important;
}
    
    button#btnReserva, button#btnCancelar, button#btnConfirmar {
        box-shadow: 0px 0px !important;
        padding: 10px 18px 10px 18px !important;
		opacity: 1;
    }
    
    
    .itemHoras {
    font-size: 12px !important;
}

.popover-content {
    font-size: 1.3rem !important;
    padding: 10px 12px 10px 12px !important;
    letter-spacing: 2px !important;
    }
    
    h2.nombreServicio {
    padding-top: 4rem !important;
    margin-bottom: 5rem !important;
    text-align: center !important;
    font-size: 1.7rem !important;
}

div#\31 048 {
    background-image: url(/personalizar/img/belleza.png) !important;
    margin: 0px 0px 50px 0px !important;
}

div#\31 047 {
    background-image: url(/personalizar/img/entrenamiento.png) !important;
    margin: 0px 0px 0px 0px !important;
}

.card[agrupacion="1048"], .card[agrupacion="1019"], .card[agrupacion="1047"], .card[agrupacion="1043"] {
    max-width: 70% !important;
    height: 200px !important;
}

div#\31 047 h4, div#\31 048 h4 {
    visibility: hidden !important;
}

.cabecera {
    background-color: #67645E  !important;
    height: 45px !important;
    border-radius: 8px !important;
    width: 100% !important;
    margin-bottom: 15px !important;
}

}

/*--restyling reservas*/
button#btnSelectorDesde {
    display: none !important;
}

.panel-body-MisReservasActividadesColectivas table {
    border-spacing: 15px !important;
}

th#miCuentaReservasFecha, th#miCuentaReservasNombreActividad, th#miCuentaReservasNombreInstalacion, th#miCuentaReservasEstado, th#miCuentaReservasNombreZona, th#miCuentaReservasNombrePlaza {
    border-radius: 7px !important;
    box-shadow: 0px 0px 5px 1px #8080805c !important;
    background-position: 90% 50% !important;
    background-size: 10px;
    font-size: 1.3rem !important;
    line-height: 15px !important;
	min-width: 85px !important;
}

td.tablaTexto {
    text-align: center !important;
}


.panel-body-MisReservasActividadesColectivas table * {
    letter-spacing: 0px !important;
}

.panel-body-MisReservasActividadesColectivas table tbody tr {
    border-bottom: 1px solid #8080805c !important;
}

span.dtr-title {
    margin-left: 18px !important;
	font-size: 1.3rem !important;
}



table.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>td:first-child:before, table.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>th:first-child:before {
    top: 35% !important;
    left: 0px !important;
    height: 14px !important;
    width: 14px !important;
    display: block !important;
    position: absolute !important;
    color: gray !important;
    border: 0px !important;
    border-radius: 14px !important;
    box-shadow: 0px 0px !important;
    box-sizing: content-box !important;
    text-align: center !important;
    text-indent: 0 !important;
    font-family: 'Courier New', Courier, monospace;
    line-height: 14px !important;
    content: '+' !important;
    background-color: transparent !important;
    font-size: 20px !important;
}

/*---------------------------------------------------------------------------------------------------------*/

/*probar cambiar los botones*/
#btnCancelar {
    box-shadow: none !important;
    border-radius: 6px !important;
    font-family: 'Archivo', sans-serif !important;
    color: white !important;
    background: #67645E !important;
    border: 1px solid #67645E !important;
    box-shadow: none !important;
    padding: 7px 5px !important;
}

#btnReserva {
    border-radius: 6px !important;
    font-family: 'Archivo', sans-serif !important;
    color: #67645E !important;
    background: white !important;
    border: 1px solid #67645E !important;
    box-shadow: none !important;
    padding: 7px 5px !important;
}


@media (min-width: 1220px){
.panel-heading-icon.bg-primary.mt-sm.importeTotal.importeTotalcircular {
    top: 45px !important;
    left: 41% !important;
    }
}

@media (max-width: 992px){
    body {
        background-color: #ffffff !important;
        }
        
    div#fondoParrilla {
        padding-bottom: 200px !important;
        }
}

.modal-block-warning.modal-header-color .panel-heading {
    background-color: #ffffff !important;
}

th#miCuentaReservasNombreActividad {
    content: " " !important;
}

@media (max-width: 992px){
a#datatable-ajax_previous, a#datatable-ajax_next {
    margin: 0px 5px 0px 5px !important;
    }
    
}

.panel-body.panel-body-MisReservasActividadesColectivas {
    padding: 0px !important;
}

div#modalAnular div#botonNoConfirmarModalAnular {
    opacity: 1 !important;
    margin-left: 10px !important;
    min-width: 100px !important;
    font-size: 1.1rem !important;
    padding: 10px 17px 10px 17px !important;
    text-transform: uppercase !important;
    letter-spacing: 0px !important;
    border-radius: 6px !important;
    font-family: 'Archivo', sans-serif !important;
    color: #67645E !important;
    background: white !important;
    border: 1px solid #67645E !important;
    box-shadow: none !important;
    margin: 0px !important;
    margin-left: 10px !important;
}

div#modalAnular div#botonConfirmarModalAnular{
    opacity: 1 !important;
    min-width: 10rem !important;
    margin: 0px !important;
    margin-right: 10px !important;
    font-size: 1.1rem !important;
    padding: 10px 17px 10px 17px !important;
    text-transform: uppercase !important;
    letter-spacing: 0px !important;
    border-radius: 6px !important;
    font-family: 'Archivo', sans-serif !important;
    color: #ffffff !important;
    background: #67645E !important;
    border: 1px solid #67645E !important;
    box-shadow: none !important;
}

table.dataTable.dtr-inline.collapsed>tbody>tr.parent>td:first-child:before, table.dataTable.dtr-inline.collapsed>tbody>tr.parent>th:first-child:before {
        content: '-' !important;
}

table#datosReserva td.duracion {
    display: none !important;
}

#btnCancelar {
    border-radius: 6px !important;
    font-family: 'Archivo', sans-serif !important;
    color: #67645E !important;
    background: white !important;
    border: 1px solid #67645E !important;
    box-shadow: none !important;
    padding: 7px 5px !important;
}

#btnReserva {
    box-shadow: none !important;
    border-radius: 6px !important;
    font-family: 'Archivo', sans-serif !important;
    color: white !important;
    background: #67645E !important;
    border: 1px solid #67645E !important;
    box-shadow: none !important;
    padding: 7px 5px !important;
}
/*--cambios 02-02-24*/

/*modificacion de la modal tabla maestra*/
div#modalSelectorDeCentros .main {
    min-height: auto !important;
}

div#modalSelectorDeCentros .front{
    background: white !important;
    border-radius: 8px !important;
    box-shadow: 0px 0px !important;
}

div#modalSelectorDeCentros .card .footer {
    border: 0px !important;
    padding: 0px !important
}

div#modalSelectorDeCentros .mainCard {
    padding: 0px !important;
    margin: 0px !important;
    width: 100% !important;
}

select#selectorCentro {
    width: 100% !important;
    margin-top: 2rem !important;

}

select#selectorCentro option {
    color: #67645E !important;
    font-size: 1.3rem !important;
    font-family: 'Archivo', sans-serif !important;
}


.contenedorBotones {
    width: 90% !important;
}

button#btnAceptarModal {
    border-radius: 6px !important;
    font-family: 'Archivo', sans-serif !important;
    color: #ffffff !important;
    background: #67645E !important;
    border: 1px solid #67645E !important;
    box-shadow: none !important;
    padding: 7px 5px !important;
}

#btnCancelar {
    border-radius: 6px !important;
    font-family: 'Archivo', sans-serif !important;
    color: #67645E !important;
    background: white !important;
    border: 1px solid #dfdfdf !important;
    box-shadow: none !important;
    padding: 7px 5px !important;
}
/*--modificacion de la modal tabla maestra*/



.panel-body.panel-body-Documentos {
    margin-top: 2rem !important;
}

.panel-body.panel-body-Documentos table.table thead tr *{
    background: none !important;
    display: none !important;
    color: transparent !important;
}

.panel-body.panel-body-Documentos table.table{
    margin-bottom: 2rem !important;
}

.panel-body.panel-body-Documentos td.tablaExtra, td.tablaTexto, td.tablaTexto.sorting_1 {
    font-size: 1.5rem !important;
}

.panel-body.panel-body-Documentos div#datatable-ajax_wrapper table#datatable-ajax tbody tr.odd td a {
    color: #67645E !important;
    text-decoration: none !important;
}

/*area privada*/
.userbox .profile-info {
    margin: -10px 25px 0px 10px !important;
}
/*--area privada*/



/*servicios*/

th#FechaHoraInicio, th#NombreServicio, th#Duracion, th#NombreZona, th#NombreMonitor, th#Importe, th#Estado {
    border-radius: 7px !important;
    box-shadow: 0px 0px 5px 1px #8080805c !important;
    background-position: 90% 50% !important;
    background-size: 10px;
    font-size: 1.3rem !important;
    line-height: 15px !important;
    min-width: 100px !important;
}

.panel-body-MisServicios table#datatable-ajax {
        border-spacing: 8px !important; 
}

.panel-body-MisServicios table#datatable-ajax .child td {
        background: #f7f5f5 !important;
}

.panel-body-MisServicios table#datatable-ajax .child span.dtr-title {
    margin: 0px !important;
    font-weight: bold !important;
    letter-spacing: 1px !important;
    font-size: 1.6rem !important;
}

.panel-body-MisServicios table#datatable-ajax .child span.dtr-data {
    letter-spacing: 1px !important;
    font-size: 1.5rem !important;
}

.panel-body-MisServicios table#datatable-ajax .child ul.dtr-details li:last-child{
    text-align: center !important;
    padding: 0px !important;
}

.panel-body-MisServicios table#datatable-ajax td {
    font-size: 1.3rem !important;
    text-align: left !important;
    vertical-align: top !important;
}

a#marcadorFiltroActual {
    padding: 1rem 2rem 1rem 2rem !important;
}

@media (min-width: 992px) {
    h4.title.title-modern {
        display: none;
    }
    
    .card[agrupacion="1048"], .card[agrupacion="1019"], .card[agrupacion="1047"], .card[agrupacion="1043"], .card[agrupacion="1028"] {
    height: 220px !important;
}
    
    div#\31 048 {
    background-image: url(/personalizar/img/belleza.png) !important;
    margin: 0px 15px 50px 15px !important;
    }

    div#\31 047 {
    background-image: url(/personalizar/img/entrenamiento.png) !important;
    background-size: cover !important;
    margin: 0px 0px 0px 0px !important;
    }
}


@media (max-width: 550px){
    .swal-modal, div#modalAnular {
    vertical-align: top !important;
    margin-top: 22% !important;
    }
    
    .swal-icon:first-child {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
    }
    
    section.col-xs-12.col-sm-12.col-md-12.col-lg-12.panel.no-padding #step-1 {
    padding-top: 10% !important;
    }


    
h2.nombreServicio {
    text-transform: uppercase !important;
    letter-spacing: 0px !important;
    }
    
    .panel-body.panel-body-ModalServiciosPrivate .metodosDePagoSelect {
    display: flex;
    width: 100% !important;
    margin-left: 20%;
    align-items: center !important;
    flex-direction: column !important;
    justify-content: center !important;
    flex-wrap: nowrap !important;
}

div#modalReserva .footer {
    margin-top: 15px !important;
    padding: 20px 0px 20px 0px !important;
    width: 90% !important;
    margin-left: 5% !important;
}

.panel-body.panel-body-ModalServiciosPrivate button#btnConfirmar, .panel-body.panel-body-ModalServiciosPrivate button#btnCancelar{
    margin-left: 2.5% !important;
    margin-right: 2.5% !important;
}

.metodosDePagoSelect span {
    font-size: 1.3rem !important;
    letter-spacing: 0px !important;
}



.metodosDePagoSelect .elementoPago :nth-child(3) {
    position: absolute !important;
    left: 20% !important;
    top: 35% !important;
}



}

@media (max-width: 330px){
    div#modalReserva .footer {
    margin-top: 15px !important;
    padding: 20px 0px 20px 0px !important;
    width: 100% !important;
    margin-left: 0px !important;
    }
}


#dateAACC {
  width: 225px;
  color: #555!important;
  font-weight: bold;
  background: #f5f5f5cc !important;
  border: 2px solid white;
  border-radius: 8px;
  padding-left: 10px;
  background: #fff url(../img/arrow.png) 93% 50% no-repeat !important;
  background-size: 10px 10px !important;
}

div#modalReserva button.close.btn.btn-white.btn-fab.btn-fab-mini.btn-round {
    display: none !important;
}

.datepicker-days tbody tr:last-child {
    display: none !important;
}

input#dateAACC {
    box-shadow: #ededed 0px 0px 1px 0.5px !important;
}

@media (max-width: 450px){
    #divPanelSing > #panel-body-section-2 {
    width: 100% !important;
    }
    
    #divPanelSing > #panel-body-section-2 label.clearfix.col-xs-3 {
        font-size: 2.3rem !important;
    }
}


table.dataTable>tbody>tr.child ul.dtr-details>li:first-child {
    padding-top: 7.5px !important;
}

body .btn-success {
    text-shadow: 0px 0px !important;
}

.publicidad .foto-campaign {
    width: 0px !important;
    height: auto !important;
    margin-bottom: 15px;
}


#MainContent_lblTextoPromocion {
    color: #67645E !important;
    font-size: 1rem !important;
    font-weight: normal !important;
    margin-left: 15px !important;
}

     div#MainContent_divPromociones .input-group.mb-md.col-md-3 {
     width: 50% !important;
 }

@media (max-width: 552px){
    
.fromItemButtons.formCampo input#MainContent_btnCancelar {
     top: 74.5rem !important;
}
    
     div#MainContent_divPromociones .input-group.mb-md.col-md-3 {
     width: 100% !important;
 }
    
    span#MainContent_lblTextoPromocion {
    margin: 0px !important;
    padding: 0px !important;
}
    
    #MainContent_lblTextoPromocion {
    display: flex;
    flex-direction: column;
    align-content: flex-start;
    font-size: 1.5rem !important;
    }
    
}


input#MainContent_btnAplicarPromocion {
    background: #67645E !important;
    border-color: #67645E !important;
}

@media (min-Width: 992px){
	    #MainContent_lblTextoPromocion {
        font-size: 2rem !important;
        letter-spacing: 0px !important;
    }
}


div#MainContent_divPromociones {
    width: 100% !important;
}

@media (max-width: 552px) {
    div#MainContent_divPromociones {
    width: 70% !important;
    margin-left: 15% !important;
    }
}

span#MainContent_lblTextoPromocion {
    color: white !important;
}

div#MainContent_divPromociones span#MainContent_lblTextoPromocion {
    color: #67645E !important;
    letter-spacing: 0.3px !important;
}

div#divContainerTratamientoDatos {
    display: none !important;
}

div#modalSelectorDeCentros .front {
    width: 100% !important;
}

div#modalSelectorDeCentros button {
    width: 20% !important;
}

@media (max-width: 992px){
    div#modalSelectorDeCentros button {
    width: 30% !important;
    }
}

#MainContent_btnCancelar {
    width: 90px !important;
    height: 36px !important;
    font-size: 15px !important;
    position: relative !important;
    bottom: 18rem !important;
    color: #67645E !important;
    border: 1px solid #67645E !important;
}

@media (max-width: 600px) {
    #MainContent_btnPagoTarjeta {
        height: 45px !important;
        width: 165px !important;
        left: 0 !important;
        padding-left: 0px !important;
        padding-right: 18px !important;
        bottom: -1rem !important;
        letter-spacing: 1.2px !important;
    }
}

@media (max-width: 600px) {
    #MainContent_btnPagoBizum {
        height: 45px !important;
        width: 165px !important;
        right: 0 !important;
        padding-left: 0px !important;
        padding-right: 0px !important;
        bottom: -1rem !important;
    }
}

div#MainContent_divPromociones {
    width: 60rem !important;
    max-width: 60rem !important;
}

@media (max-width: 552px){
    div#MainContent_divPromociones {
        width: 90% !important;
        margin: 0 !important;
        margin-top: 1rem !important;
    }
}

#MainContent_btnCancelar {
    width: 90px !important;
    height: 36px !important;
    font-size: 15px !important;
    position: absolute !important;
    bottom: 2.5rem !important;
    color: #67645E !important;
    border: 1px solid #67645E !important;
}

@media (min-width: 553px){
    div#MainContent_divPromociones {
    width: 60rem !important;
    max-width: 60rem !important;
    margin-bottom: -2rem;
    }
}

div#mensajeInfo header.panel-heading {
    border: 0 !important;
    background: white !important;
    border-radius: 4px !important;
}

div#mensajeInfo label#lblTituloMensajeInfo {
    display: none !important;
}

div#mensajeInfo .modal-icon {
    display: none !important;
}

div#mensajeInfo .panel-heading + .panel-body {
    border: 0 !important;
    border-radius: 5px !important;
    margin-top: -1rem;
}

div#mensajeInfo  footer.panel-footer {
    background: #fff;
    border: 0 !important;
}

div#mensajeInfo button#btnConfirmarModalInfo {
    background: #67645E !important;
    border-color: #67645E !important;
    padding: 0.7rem 2rem;
    font-size: 1.5rem;
}

span#MainContent_lblTextoPromocion {
    margin-bottom: 3rem !important;
}

@media (max-width: 552px){
	.panel-body.panel-body-ModalServiciosPrivate .metodosDePagoSelect .elementoPago:nth-of-type(2) img {
    width: auto !important;
    position: absolute !important;
    bottom: -75px !important;
    right: 50% !important;
    height: 45px !important;
	}
}

div#divDescripcionPromocion {
    margin-left: 3rem !important;
}

span#MainContent_lblDescripcionCupon {
    font-size: 16px !important;
    font-weight: 500 !important;
    letter-spacing: 0px !important;
    color: #67645E !important;
}

@media (max-width: 400px) {
    label#lblMensajeInfoH4 {
        font-size: 1.2rem !important;
    }
    
    header.panel-heading {
        padding-bottom: 0px !important;
        border-bottom: 0px !important;
        padding-top: 2rem !important;
    }
    
    div#mensajeInfo footer.panel-footer {
        padding-top: 0rem !important;
    }
}


/*--------------*/
/*botones de pago vista escritorio*/



@media screen and (min-width: 600px) {
	
    #MainContent_btnPagoTarjeta {
        position: absolute !important;
        top: 75rem !important;
        right: 0% !important;
        left: 37% !important;
        width: 180px !important;
        height: 40px !important;
        font-size: 15px !important;
        padding-top: 8px !important;
        background-color: #67645E !important;
        letter-spacing: 0px !important;
    }
    
    #MainContent_btnPagoBizum {
        position: absolute !important;
        top: 75rem !important;
        right: 37% !important;
        width: 180px !important;
        height: 40px !important;
        font-size: 15px !important;
        padding-top: 8px !important;
        background-color: #67645E !important;
        letter-spacing: 0px !important;
    }
	
	    #MainContent_btnCancelar {
		top: 86rem !important;
		position: absolute !important;
	}
}




/*botones pago vista movil*/
@media (max-width: 600px) {
	span#MainContent_lblPagoBizum {
    letter-spacing: 1.2px !important;
}
	
    #MainContent_btnPagoTarjeta {
        height: 40px !important;
        width: 150px !important;
        left: 6rem !important;
        padding-left: 0px !important;
        padding-right: 0px !important;
        top: 64rem !important;
        letter-spacing: 1.2px !important;
    }

#MainContent_btnPagoBizum {
        height: 40px !important;
        width: 150px !important;
        right: 6rem !important;
        padding-left: 0px !important;
        padding-right: 0px !important;
        top: 64rem !important;
    }
    #MainContent_btnPagoBizum img {
        display: none !important;
    }
	
	#MainContent_btnCancelar {
		top: 75rem !important;
		position: absolute !important;
	}
}

/*botones pago vista AUN MAS movil*/
@media (max-width: 500px) {
    #MainContent_btnPagoTarjeta {
        height: 40px !important;
        width: 150px !important;
        left: 4rem !important;
        padding-left: 0px !important;
        padding-right: 0px !important;
        letter-spacing: 1.2px !important;
        top: 65rem !important;
    }

#MainContent_btnPagoBizum {
        height: 40px !important;
        width: 150px !important;
        right: 4rem !important;
        padding-left: 0px !important;
        padding-right: 0px !important;
        top: 65rem !important;
    }
	
	div#MainContent_divPanelImagenesTarjeta {
		margin-top: 2rem !important;
	}
	
    #MainContent_btnPagoBizum img {
        display: none !important;
    }
}

/*botones pago vista AUN MAS MAS movil*/
@media (max-width: 400px) {
    #MainContent_btnPagoTarjeta {
        height: 40px !important;
        width: 130px !important;
        left: 3rem !important;
        padding-left: 0px !important;
        padding-right: 0px !important;
        letter-spacing: 1.2px !important;
        bottom: 17rem !important;
    }

	#MainContent_btnPagoTarjeta i {
		display: none !important;
	}

#MainContent_btnPagoBizum {
        height: 40px !important;
        width: 130px !important;
        right: 3rem !important;
        padding-left: 0px !important;
        padding-right: 0px !important;
        bottom: 17rem !important;
    }
	
	a#MainContent_btnPagoBizum {
		padding-left: 8px !important;
	}
}

/*--------------*/

@media (max-width: 600px) {
    div#MainContent_divPanelCobros {
        width: 90% !important;
    }
    
    #MainContent_divPanelCobros .plan {
        width: 90% !important;
    }
}

@media (max-width: 552px){
    div#divDescripcionPromocion {
    margin-left: 0rem !important;
    padding: 0px !important;
    }
}

div#MainContent_divPanelImportesArticulos {
    margin-top: 25rem !important;
}

/*CAMBIOS PARA LOS NUEVOS CENTROS QUE PUEDEN ROMPER LOS WEMET ORIGINAL*/

@media (max-width: 992px) {
        label#MainContent_lblInformacionPagina {
            margin: 0px !important;
            font-size: 16px !important;
    }
    
        div#MainContent_UpdatePanel1 {
            width: 105% !important;
    }
        label.todo-label {
            margin-top: 0.9rem !important;
            font-size: 1.6rem !important;
    }

        div#MainContent_divPanelImportesArticulos{
            margin-top: 20rem !important;
    }
        span.titulo-ventascruzadas {
            font-size: 1.2rem !important;
            text-align: justify !important;
    }
}

.checkbox-custom.checkbox-default {
    padding: 0px !important;
}

label.todo-label {
    font-family: archivo, Sans-Serif !important;
    display: flex !important;
    margin-top: 3rem !important;
    font-size: 15px;
    font-weight: bold;
	margin-bottom: -1.5rem;
}

span.nombre-ventascruzadas {
    padding-right: 1rem !important;
	color: #67645E !important;
	font-weight: normal !important;
}

div#MainContent_UpdatePanel1 li {
    padding-bottom: 0px !important;
}

span.titulo-ventascruzadas {
	order: 1 !important;
    font-weight: normal !important;
    margin-bottom: 1rem !important;
    letter-spacing: 0px;
    text-align: center !important;
}

input:checked + .slider {
    background-color: #b6fbb6 !important;
}

label#MainContent_lblInformacionPagina {
    display: block !important;
    margin-top: 3rem;
    color: #fff !important;
    font-size: 20px;
    letter-spacing: 0px !important;
    font-weight: 500 !important;
}

div#MainContent_divInformacionPagina {
    display: none !important;
}

label#MainContent_lblInformacionPagina {
    display: none !important;
}

span.importe-ventascruzadas.text-danger {
    color: #67645E !important;
	font-weight: normal !important;
}

div#MainContent_UpdatePanel1 span.slider.round {
    height: 20px !important;
    margin-top: 6px !important;
}

.slider:before {
    position: absolute;
    content: "";
    height: 16px !important;
    width: 16px !important;
    left: 4px;
    bottom: 2px !important;
    background-color: white;
    transition: .4s;
}

input:checked + .slider:before {
    -webkit-transform: translateX(35px) !important;
    -ms-transform: translateX(35px) !important;
    transform: translateX(35px) !important;
}

/*---- IMPORTANTE*/

.slider.round {
    border-radius: 32px !important;
}

.logo {
	visibility: hidden !important;
}

.body-compra #MainContent_btnVolver {
    display: none !important;
}

label.todo-label ul.widget-todo-list li .checkbox-custom label {
	padding: 0 !important;
}


@media (max-width: 552px){
    div#MainContent_divPanelImportesArticulos div#MainContent_UpdatePanel1 {
            display: flex;
            flex-direction: column;
            position: absolute;
            padding: 2rem !important;
            padding-top: 2rem !important;
            margin-left: -10px !important;
    }
}

span.titulo-ventascruzadas {
    padding-top: 3.5rem;
    content: " ";
    background: url(/personalizar/img/logoCuota.png)  !important;
    display: block !important;
    background-size: 90px 25px !important;
    background-repeat: no-repeat !important;
    background-position: 50% 0px !important;
}

div#MainContent_divPanelImportesArticulos div#MainContent_UpdatePanel1 {
    display: flex;
    flex-direction: column;
    position: absolute;
    padding: 4rem;
    padding-top: 3rem;
    margin-left: -10px;
}

div#MainContent_divPanelImportesArticulos .checkbox-custom.checkbox-default {
    flex-direction: column-reverse;
    align-items: center;
}

div#MainContent_divPanelImportesArticulos ul.widget-todo-list.ui-sortable li {
    padding: 0px !important;
}

span.titulo-ventascruzadas:before {
    
}

div#MainContent_divPanelImportesArticulos ul.widget-todo-list.ui-sortable {
    order: 2 !important;
}

div#MainContent_divPanelCobros div#MainContent_divPanelImagenesTarjeta img {
    content: url(/Content/img/comunes/tarjetasCredito.png);
    height: auto !important;
    width: 100px !important;
}

div#MainContent_divMensajes input {
    display: none !important;
}

a#MainContent_btnPagoBizum img, span#MainContent_lblPagoBizum img {
    content: url(../../Content/img/comunes/Bizum/bizum.png) !important;
	margin-right: 8px;
}


ul#selectorInstalaciones {
    max-height: 360px !important;
    margin-bottom: 1rem !important;
}


#divContainerSMSRecordar {
    width: 100% !important;
}

.divCodigo h5 {
    color: black !important;
}

.panel-body.panel-body-Documentos {
    background: white !important;
    border: none !important;
    box-shadow: 0px 0px !important;
}

.panel-body.panel-body-SeleccionFormaPagoPagosPendientes, .panel-body.panel-body-ConfirmaPagosSeleccionadosPagosPendientes {
    background: transparent !important;
    border: none !important;
    box-shadow: 0px 0px !important;
}

.panel-body.panel-body-PagosPendientes {
    box-shadow: 0px 0px !important;
}

div#filtroEstados {
    margin: 0px 0px 20px 15px !important;
}

.panel-body-ConfirmaPagosSeleccionadosPagosPendientes button#Confirmar {
    border: 1px solid #555555 !important;
    background: white !important;
}

.panel-body-ConfirmaPagosSeleccionadosPagosPendientes button#Confirmar:hover {
    color: #555555 !important;
	letter-spacing: 0.2px !important;
}

.formConsentimiento fieldset.fieldset2 {
    display: none !important;
}

.formConsentimiento legend#lgTitulo1 {
    margin-bottom: 3rem !important;
}

.formConsentimiento .formCampo {
    margin-bottom: 1rem !important;
}

input#EnviarFormulario:hover {
    background: #555555 !important;
    color: #fff !important;
}

.formConsentimiento legend#lgTitulo1 {
    padding-bottom: 1rem !important; 
}

table.table.table-striped.tabletokens * {
    color: black !important;
}

table.table.table-striped.tabletokens th {
    padding: 2rem 2rem !important;
}

button#EliminarDispositivo {
    background: transparent !important;
    border-color: transparent !important;
}

button#EliminarDispositivo:hover {
    border-color: red !important;
}

button#EliminarDispositivo i {
    color: red !important;
    font-size: 2rem !important;
}

.dispositivosInstrucciones {
    font-weight: normal !important;
}

.panel-body.panel-body-SeleccionFormaPagoPagosPendientes label {
    letter-spacing: 0px !important;
}

.panel-body.panel-body-PagosPendientes th {
    letter-spacing: 0px !important;
    font-size: 15px !important;
}

@media (min-width: 992px){
    .card.card-just-text.card-with-border.agrupacion {
        display: block;
        background-color: transparent !important;
        max-width: auto !important;
        margin-bottom: 2px;
        border-radius: 0px;
        border-radius: 20px;
        min-height: 50px !important;
        /* height: 360px !important; */
        margin: 0px 20%;
        opacity: 1;
    }
}

@media (max-width: 552px){
	ul#selectorInstalaciones {
		position: absolute;
		max-height: 360px !important;
		top: 45px !important;
		margin-bottom: 1rem !important;
	}
	section.content-body {
		height: auto !important;
	}
}

.datepicker .table-condensed > thead > tr > th {
    min-width: 20px !important;
    max-width: 20px !important;
}

.datepicker .table-condensed > thead > tr > th td {
    min-width: 20px !important;
    max-width: 20px !important;
}

section.content-body {
    min-height: 50rem !important;
	height: auto !important;
}

@media (min-width: 992px){
    h2.MensajeNoDisponibles {
        font-size: 2.5rem !important;
    }
}


@media (max-width: 992px){
    h2.MensajeNoDisponibles {
        font-size: 1.9rem !important;
    }
	
	button#btnplazaSeleccionada {
		margin-top: 3rem !important;
	}
	
}

.user {
    margin: 0px !important;
    position: absolute !important;
    top: 16rem !important;
    display: block !important;
    text-align: center !important;
}

label#NombreApellidosTrabajador {
    width: 100% !important;
    letter-spacing: 0px !important;
    color: #67645E !important;
    background-color: transparent !important;
        box-shadow: 0px 0px !important;
        font-weight: normal !important;
}

img#ImagenTrabajador {
    display: none !important;
}

.card .content .main {
    min-height: 230px !important;
}

.card .user {
    z-index: 3 !important;
}

td.plazaSelecionada {
    top: 1rem !important;
    margin-top: 2.2rem !important;
    z-index: 5 !important;
}

@media (max-width: 992px){
	.panel-body.panel-body-MisReservasActividadesColectivas table#datatable-ajax th:nth-child(3), .panel-body.panel-body-MisReservasActividadesColectivas table#datatable-ajax td:nth-child(3),.panel-body.panel-body-MisReservasActividadesColectivas table#datatable-ajax th:nth-child(4), .panel-body.panel-body-MisReservasActividadesColectivas table#datatable-ajax td:nth-child(4),.panel-body.panel-body-MisReservasActividadesColectivas table#datatable-ajax th:nth-child(6), .panel-body.panel-body-MisReservasActividadesColectivas table#datatable-ajax td:nth-child(6) {
    display: none !important;
}
}


@media (max-width: 552px) {
    ul#selectorInstalaciones {
        position: absolute;
        max-height: 100vh !important;
        top: 45px !important;
        margin-bottom: 1rem !important;
    }
	
	th#miCuentaBtnEliminarReserva {
		padding: 1px 65px !important;
	}
}
@media (max-width: 352px) {
	.user {
    top: 19rem !important;
}

    button#btnplazaSeleccionada {
        margin-top: 6rem !important;
    }
}




/* Cambios ELI 18/11/2024 */
div#modalCard .card .front .main.col-xs-12.col-sm-12.col-md-12.col-lg-12.mainCard .col-md-11.col-md-offset-1.col-lg-11.col-lg-offset-1 table tbody tr {
	display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    text-align: center;
}
div#modalCard .card .front .main.col-xs-12.col-sm-12.col-md-12.col-lg-12.mainCard .col-md-11.col-md-offset-1.col-lg-11.col-lg-offset-1 table tbody tr td button#btnLogin {
    background: #67645E;
	border: 1px solid #67645E;
    box-shadow: 1px 1px #67645E;
    border-radius: 6px !important;
    font-weight: 100;
    font-size: 15px;
    width: 195px;
    height: 54px;
}
div#modalCard .card .front .main.col-xs-12.col-sm-12.col-md-12.col-lg-12.mainCard .col-md-11.col-md-offset-1.col-lg-11.col-lg-offset-1 table tbody tr td button#btnRegistrar {
	color: black !important;
    background: #FFFFFF;
	border: 1px solid #67645E;
    box-shadow: 1px 1px #67645E;
    border-radius: 6px !important;
    font-weight: bold;
    font-size: 15px;
	color: #67645E;
    width: 195px;
    height: 54px;
}
.col-md-11.col-lg-11.col-md-offset-1.col-lg-offset-1 {
	display: flex;
    flex-wrap: wrap;
    flex-direction: column;
	justify-content: center;
}
div#modalReservaPublic .modal-dialog div#modalCard .card .front {
    max-width: 465px;
    height: 638px;
}
div#modalReservaPublic .modal-dialog div#modalCard .card .front .content .footer.btn-center.col-xs-12.col-sm-12.col-md-12.col-lg-12 {
    display: none;
}
.main.col-xs-12.col-sm-12.col-md-12.col-lg-12.mainCard h4.nombreCentro {
    padding-bottom: 15%;
}
div#modalCard .card .front .content .main.col-xs-12.col-sm-12.col-md-12.col-lg-12.mainCard .col-md-11.col-md-offset-1.col-lg-11.col-lg-offset-1 table tbody tr td h4 {
    font-size: 14px !important;
    font-weight: 100 !important;
    color: black !important;
    font-family: 'Archivo';
}

/*Nombre monitor en aacc 20/11/2024*/
.main.col-xs-12.col-sm-12.col-md-12.col-lg-12.mainCard h4.nombreCentro {
    padding-bottom: 3%;
}

.form-group.col-md-10 {
    height: auto !important;
}

button#btnSelectorDesde, button#btnSelectorHasta {
    display: block !important;
    width: auto !important;
    min-width: 24rem !important;
}

.datepicker table thead tr:first-child th:hover {
    background: transparent !important;
    color: #555555 !important;
}

.datepicker table thead tr:first-child th {
    letter-spacing: 0px !important
}

@media (max-width: 600px) {
    .form-group.col-md-10 {
    width: 100% !important;
    display: flex
;
    flex-direction: column !important;
    align-items: center !important;
}
    
    div#divDateDesde, div#divDateHasta {
        width: 40vh !important;
        left: 15vh !important;
    }
    
    div#divDateHasta {
        width: 40vh !important;
        left: 0 !important;
    }
}

.card[agrupacion="1026"], .card[agrupacion="1019"], .card[agrupacion="1030"], .card[agrupacion="1031"], .card[agrupacion="1032"]  {
    display: none !important;
}

.card[agrupacion="1043"] h4.title.title-modern {
    position: relative !important;
    bottom: -25px !important;
    text-align: center;
}


h4.title.title-modern {
        display: block !important;
        color: white !important;
        font-size: 2rem !important;
}

.card[agrupacion="1043"] {
    margin: 0px !important;
}

.card[agrupacion="1048"] h4.title.title-modern, .card[agrupacion="1047"] h4.title.title-modern {
    display: none !important;
}

label#lblMensajeInfoH4 {
    overflow: hidden !important;
}

p#razonReserva a[href="/Bonos/Bonos?integration=False"]{
    display: none !important;
}

p#razonReserva a[href="/Bonos/Bonos?integration=True"]{
    display: none !important;
}
