/* ESTILOS GLOBALES PARA LOS PARRAFOS I ENLACES */

/* p { color: var(--color-fuente-cabecera) !important; font-family: 'Raleway', sans-serif;} */
/* a {	color: var(--color-fuente-boton) !important;font-family: 'Raleway', sans-serif; } */
/* body {	background-color: var(--color-container-wrap) !important; } */

/* PARA EL > DE LAS LISTAS CON ENLACE */

.md-go-icon-center {
    font-weight: bold;
    color: var(--color-boton) !important;
    position: absolute;
    right: 0.8em;
    top: 0.8em;
}

.hidden {
	display:none !important;
}

.cdk-overlay-pane{
  z-index: 10000 !important;
}

.mbsc-info-detail {
	color: blue;
}

 .zoom:hover .zoom:active{
	transform: scale(1.5);
}

.addedButton {
	padding-top:10px !important;
}

.demo-container {
    padding: 0 1em;
}

/* PARA EL TAB DE COMPETICIONES */

.mbsc-ios.mbsc-fr-nobtn .mbsc-fr-w, .mbsc-ios.mbsc-fr-center .mbsc-fr-w {
    min-width: 16em !important;
}

.md-prevnext-tab {
    display: none;
}

.md-prevnext-tab-sel {
    display: block;
}

.md-prev-btn,
.md-next-btn {
    position: absolute;
    top: 50%;
    margin-top: -35px;
    width: 35px;
    height: 70px;
    background: rgba(0, 0, 0, .5);
    line-height: 70px;
    font-size: 25px;
    text-align: center;
    color: #fff;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.md-prev-btn {
    left: 0;
}

.md-next-btn {
    right: 0;
}


.md-fullpage .mbsc-scv-item {
    height: auto !important;
    font-size: auto;
}

.mbsc-no-margin {
    margin: 0px !important;
}

/* ESTILOS PARA LOS MENUS */

.mbsc-form-group-title-actividad {
	font-size:1.5em !important;
	padding-right: 2em !important;
}

/* ECM 18/12/2024
.mbsc-ios.mbsc-form {
    background:none;
}*/

/*
#profile-user-private .mbsc-ios.mbsc-form :not(.object-reserva-pista-item) {
    background-color: var(--color-container-wrap) !important;
}

#panelContenido .mbsc-ios.mbsc-form :not(.object-reserva-pista-item) {
	background-color: var(--color-container-wrap) !important;
}



*/

.mbsc-ios.mbsc-card.mbsc-form {
    /*box-shadow: 0px 1px 2px 2px var(--color-box-shadow);*/
    box-shadow: 0px 1px 2px 1px var(--color-box-shadow) !important;
    background-color: var(--color-container-wrap) !important;
    background: var(--color-container-wrap) !important;
    color: var(--color-fuente-aplicacion) !important;
}

.mbsc-ios .mbsc-lv-item {
    background: var(--color-container-wrap) !important;
    color: var(--color-fuente-aplicacion) !important;
}

.mbsc-ios.mbsc-form {
    background: var(--color-container-wrap) !important;
    color: var(--color-fuente-aplicacion) !important;
}

.mbsc-ios.mbsc-input {
    background: var(--color-container-wrap) !important;
    color: var(--color-fuente-aplicacion) !important;
}

.mbsc-ios-dark .mbsc-lv-item {
    color: var(--color-fuente-aplicacion) !important;
}

/* .panel-upper .mbsc-form { */
/* 	background-color: var(--color-container-wrap) !important; */
/* } */

/* .mbsc-ios.mbsc-page { */
/* 	background-color: var(--color-container-wrap) !important; */
/* } */

/* .mbsc-totpadel.mbsc-form { */
/* 	background-color: var(--color-container-wrap) !important; */
/* } */

.mbsc-form-group-title {
/* 	background-color: var(--color-container-wrap) !important; */
	border-bottom: 1px solid var(--color-borde-cabecera) !important;
/* 	color: var(--color-fuente-cabecera) !important; */
} 

/* .mbsc-btn-group-block { */
/* 	background-color: var(--color-container-wrap) !important; */
/* } */

/* .app-page.mbsc-ios.mbsc-form { */
/* 	background-color: var(--color-container-wrap) !important; */
/* } */

#div-informar-resultado-standing .mbsc-ios .mbsc-input {
    background-color: transparent !important;
}

/* RESULTADOS */

.resultat {

    width: 50% !important;
    height: 40px !important;
    border: 1px solid var(--color-flecha-cuadro) !important;
    color: #999999 !important;
    text-align: center !important;
    vertical-align: middle !important;
    margin: 5px !important;
    font-size: 25px !important;
    border-radius: 5px !important;
    padding: 0px !important;
    margin-left: 25% !important;

}

.no-padding {
	padding: 0px !important;
}
.no-padding-lateral {
	padding-left: 0px !important;
    padding-right: 0px !important;
}

/* .mbsc-ios .mbsc-input { */
/* 	background-color: var(--color-container) !important; */
/* } */

/* .mbsc-ios.mbsc-form .mbsc-radio { */
/* 	background-color: var(--color-container) !important; */
/* } */




.mbsc-ios .mbsc-radio-box:after {
 position: absolute;
 top: 44%;
 left: 23%;
 width: 1em;
 height: .5em;
 border: .125em solid var(--color-fuente-boton);
 border-top: 0;
 border-right: 0;
 border-radius: 0;
}


/* .mbsc-totpadel .mbsc-input-box.mbsc-input .mbsc-input-wrap { */
/*  background: var(--color-container) !important; */
/* } */

/* PARAS COMPETICIONES */

.demo-main-cont.demo-comp-listview { padding: 0; }
.demo-comp-listview .demo-note { margin: 10px; }

.md-news .mbsc-lv-item img {
    width: 100%;
}

.md-news .mbsc-lv-item h4 {
    margin-top: 0;
    font-weight: 100;
}

.md-news .mbsc-lv-item .md-author {
    margin-top: 0;
    text-align: right;
    font-size: 14px;
    font-style: italic;
}

/* PRUEBAS ACE ADMIN */

.alert {
    border-radius: 3px;
    color: #57585b;
}
.radius-1 {
    border-radius: .25rem!important;
}
.border-1 {
    border-width: 1px!important;
    border-style: solid!important;
    border-color: transparent;
}
.brc-grey-l2 {
    border-color: #ebebec!important;
}
.bgc-white {
    background-color: #fff!important;
}
.mt-3, .my-3 {
    margin-top: 1rem!important;
}
.shadow-sm {
    box-shadow: 0 .125rem .25rem rgba(0,0,0,.075)!important;
}
.alert {
    position: relative;
    padding: .75rem 1.25rem;
    margin: 1em 1em;
    border: 1px solid transparent;
    border-radius: .25rem;
}

.position-tl {
    left: 0;
    top: 0;
}

.position-bc, .position-bl, .position-br, .position-center, .position-lc, .position-rc, .position-tc, .position-tl, .position-tr {
    position: absolute!important;
    display: block;
}
.radius-2 {
    border-radius: .5rem!important;
}
.border-t-4, .border-y-4 {
    border-top-width: 4px!important;
    border-top-style: solid!important;
    border-top-color: transparent;
}
.brc-blue-m2, .brc-h-blue-m2:hover {
    border-color: #87c4ec!important;
}
.brc-orange-m2, .brc-h-orange-m2:hover {
    border-color: #ecd287!important;
}

.brc-red-m2, .brc-h-red-m2:hover {
    border-color: #ec8787!important;
}
.w-100 {
    width: 100%!important;
}

.align-items-start {
    -ms-flex-align: start!important;
    /* align-items: flex-start!important; */
}
.d-flex {
    display: -ms-flexbox!important;
    display: flex!important;
}

.text-140 {
    font-size: 140%!important;
}
.text-blue-d1 {
    color: #508dc1!important;
    margin-top: 0;
    text-shadow: 0 .250rem .25rem rgba(0,0,0,.075)!important;
}
.text-red-d1 {
	color: #fb5977!important;
    margin-top: 0;
    text-shadow: 0 .250rem .25rem rgba(0,0,0,.075)!important;
}

.text-info-d2 {
    color: #299bb7!important;
    text-align:right;
}

.text-error-d2 {
    color: #fb5977!important;
    text-align:right;
}

.mb-3, .my-3 {
    margin-bottom: 1rem!important;
}

.border-b-2, .border-y-2 {
    border-bottom-width: 2px!important;
    border-bottom-style: solid!important;
    border-bottom-color: transparent;
}
[class*=brc-h-] {
    transition: border-color .15s;
}
.no-underline {
    text-decoration: none!important;
}
.font-bolder, .text-600 {
    font-weight: 600!important;
}
.text-80 {
    font-size: 80%!important;
}

.ml-auto, .mx-auto {
    margin-left: auto!important;
}
.pl-1, .px-1 {
    padding-left: .25rem!important;
}
.pr-1, .px-1 {
    padding-right: .25rem!important;
}

.ml-n25, .mx-n25 {
    margin-left: -.75rem!important;
}
.radius-round {
    border-radius: 4rem!important;
}

/* ECM 2023 05 */
.user-object-image {
	width:35px !important;
	height:35px !important;
	margin: auto;
}

.texto-usuario-down-ranking {
	font-size:10px;
}

/** CARD USER OLD **/

.user-object {
	width:50px !important;
	height:50px !important;
}

.texto-usuario-down {
	font-size:10px;
}

.border-3 {
    border-width: 3px!important;
    border-style: solid!important;
    border-color: transparent;
}
.brc-white {
    border-color: #fff!important;
}
.brc-white {
    border-color: #fff!important;
}
.shadow {
    box-shadow: 0 .2rem .5rem rgba(0,0,0,.15)!important;
}
img {
    vertical-align: middle;
    border-style: none;
}

/* LOS QUE HE PUESTO YO DE MÁS */

.user-object-partido {
/*     font-size: 250%; */
    left: -2px;
    position: relative;
}

.caja-partido {
	min-width:320px;
    padding-left:0px !important;padding-right:0px !important;	
}

.mbsc-col-2.padding-resultado-partido {
	padding-top: 20px !important;
    font-size: 200%;
    padding-left:0px !important;
    padding-right:0px !important;
}

.mbsc-col-2.padding-resultado-partido-reserva {
    padding-top: 11px !important;
    font-size: 250%;
    padding-left: 0px !important;
    padding-right: 0px !important;
    font-weight: bold;
}

/** PARA LOS PARTIDOS QUE YA HAN INFORMADO EL RESULTADO FINAL */
.resultado-final-informado {
    background-color: var(--color-boton) !important;color: var(--color-fuente-boton) !important;
}


/* PARA EL FORMULARIO DE ABONADOS */

.md-scrollview-events .mbsc-scv-item {
    height: 400px;
    color: #fff;
    font-weight: bold;
    text-align: center;
}

/* FORMULARIO LOGIN */

.md-login-form .md-logo {
    display: inline-block;
    width: 100%;
    font-size: 80px;
    text-align: center;
    height: 46px;
    margin: 130px 0 30px 0;
    color: #1c75bc;
}

/* NUMERO RESULTADO */

.numero-resultado {
    font-size: 250%;
    left: 25%;
    position: absolute;
}

.mbsc-card-content-little {
    padding-bottom: 2em !important;
}

.seleccionar-hora-inicio {
    background: #4dccc5 !important;
    border: 1px solid black;
    border-radius: 10px;
    color: white;
    padding: 10px;
    width: auto !important;
    box-shadow: 2px 1px 0px 0px rgba(0, 0, 0, 0.15);
}

.mbsc-ic-star3 {
    margin-left:2px;
}

.md-card-bg .md-card-subtitle,
.md-card-bg .md-card-title {
    position: absolute;
    top: 50%;
    color: #fff;
    width: 100%;
}

.md-card-bg .md-card-title {
    margin-top: -30px;
}

.md-card-bg .md-card-subtitle {
    margin-top: 10px;
}

/* PARA LOS PATROCINADORES O NOTICIAS */

.msbc-padding-horizontal {
    padding: 0em 1em !important;
}

.custom-card-deck {
    margin: 0 0;
}

.custom-card-deck .mbsc-lv-sl-c {
    max-width: 500px;
    margin: 0 auto;
}

.custom-card-deck .mbsc-lv-v {
    padding-top: 8%;
    min-height: 380px;
}

.custom-card-deck .mbsc-lv-item {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
}

.custom-card-deck .mbsc-lv-item.mbsc-lv-item-swiping {
    z-index: 10;
}

.custom-card-deck .custom-card-rotate-right {
    transform: rotate(1deg);
}

.custom-card-deck .custom-card-rotate-left {
    transform: rotate(-2deg);
}

.custom-card-deck .mbsc-card.custom-card {
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 3px 1px -2px rgba(0, 0, 0, .2), 0 1px 5px 0 rgba(0, 0, 0, .12);
}

/* PARA LOS ICONOS */

.mbsc-ic.icon {
    font-family: inherit;
    font-weight: normal;
}
.mbsc-ic.icon:before {
    font-family:'Font Awesome\ 5 Free', 'Font Awesome\ 5 Brands', 'Font Awesome 5 Pro';
}   
.mbsc-ic.icon.fas:before,
.mbsc-ic.icon.fa:before {
    font-weight: 900;
}

/* PARA LOS PARTIDOS ABIERTOS */

.md-cards h3 {
    padding: .5em;
    margin: 0;
}

.md-img {
    pointer-events: none;
    border-radius: 8px;
}

.mbsc-card-header .mbsc-card-title {
    margin-top:.75em !important;
}

.demo-card .mbsc-card-title {
    font-size: 14px;
    padding-top: 8px;
    margin: 0;
}

.list-reservas.mbsc-card-title {
    padding-left: 50px;
}

.list-reservas.mbsc-card-subtitle {
    padding-left: 50px;
}

.mbsc-card-subtitle {
    margin-bottom:20px;
}

#screen-detalle-reserva {

}

/* PARA QUE LA IMAGEN DEL ICONO NO SE SOBREESCRIBA SI HAY MUCHO TEXTO */
.mbsc-lv-txt {
    width: 70% !important;
}

#lista-ranking-detalle-participante  .mbsc-lv-txt, .ranking-lista-participantes .mbsc-lv-txt, .lista-inscritos-competicion .mbsc-lv-txt {
    width: 100% !important;
}

.partido-americana-col-4 {
	
    padding-right: 0em !important;
    padding-left: 0em !important;
    border: 5px solid #FFFFFF;
}

.partido-americana-col-2 {
    padding-right: 0em !important;
    padding-left: 0em !important;
    font-size: 85%;
    padding-top: 35px !important;
    border: 5px solid #FFFFFF;
}

.list-reservas-estado-100, .list-reservas-estado-102 {
    background-color:#fff6f6 !important;
}

.list-reservas-estado-0, .list-reservas-estado-1 {
    /*background-color:#eef6fb !important; */
}

#mostrar-todas-las-reservas {
    color: #074b95 !important;
    background-color: #a0ccfb !important;
}

.md-rank {
    font-size: 12px;
    position: absolute;
    bottom: 8px;
    left: 8px;
}

.md-num-abonaments {
    font-size: 12px;
    position: absolute;
    bottom: 8px;
    left: 12px;
}

/* PARA EL POPUP */

.md-content-scroll .mbsc-fr-c {
    height: 400px;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
}

.md-content-scroll .mbsc-popup {
    filter: blur(8px);
}


/* PARA EL MENU HAMBUERGUESA */

.md-hamb {
    display: inline-block;
}

/* PARA LOS SERVICIOS */

.text-servicio {
	font-size:10px;
} 

.md-fixed-servicio-little {
	height:25px;	
}

.bck-servicios {
	border-radius: 50px;
/* 	background-color:#CCC; */
	margin:0px 3px;
	text-shadow: 1px 1px 0px rgba(0,0,0,0.15);
	white-space: nowrap;
    width: auto !important;
    padding: 10px;
}

/* PARA EL RANKING */

.demo-main-cont.demo-comp-listview { padding: 0; }
.demo-comp-listview .demo-note { margin: 10px; }

.md-groupsort .mbsc-lv .mbsc-lv-item .md-img {
    border-radius: 40px;
}

.md-price {
    float: right;
    padding:1em;
}

.md-price-padding {
    padding:1em;
    position:absolute;
}

.md-price-left {
    float:left;
    padding:1em;
}

.md-custom-listview .md-star-icon {
    float: right;
    font-weight: bold;
    color: #ff8400;
}

.md-custom-listview .md-star-icon:before {
    margin-right: 5px;
}

/* PARA EL LISTADO DE LOS EVENTOS */

.md-custom-listview-number .md-star-icon {
    /*float: right;*/
    /*font-weight: bold;*/
    color: #ff8400;
    /*font-size: 0.7em;*/
}

.md-custom-listview-number .md-star-icon-right {
    float: right;
    /*font-weight: bold;*/
    color: #ff8400;
    /*font-size: 0.7em;*/
}



.md-custom-listview-number .md-star-icon:before {
    margin-right: 2px;
}


/* MADE IN ECM  PICTURE ON TOP */
 
.menu-fixed {
    position:absolute;
    z-index:1;
    top:0;
    /*max-width:1000px;*/
    left:0;
    width:100%;
    height: 200px;
    box-shadow:0px 6px 4px rgba(0,0,0,.8);
/*     background-image: url('https://i.pinimg.com/564x/ba/46/92/ba4692e4fd21e2e5212030cd81311a65.jpg'); */
    background-position: center;
}

.menu-fixed-ranking {
    position:absolute;
    z-index:1;
    top:0;
    background-size: 800px 300px;
    /*max-width:1000px;*/
    left:0;
    width:100%;
    height: 200px;
    box-shadow:0px 6px 4px rgba(0,0,0,.8);
    background-position: center;
}

/* PARA LAS EMPRESAS */

.md-card-tab {
    display: none;
}

.md-card-tab-sel {
    display: block;
}

.mbsc-block {
    display: block;
}

/* ESTILO IMAGENTES JORNADAS */
.imagen-equipo-jornada {
    max-width: 30px;
    max-height: 30px;
}
    

/* PARA EL ACORDEON DE LAS COMPETICIONES */

.md-apps-tab {
    display: none;
}

.md-apps-tab-sel {
    display: block;
}

.md-app-detail {
    display: block;
    overflow: hidden;
}

.md-app-size {
    font-size: 10px;
    display: block;
    opacity: .6;
    float: left;
}

.md-app-date {
    font-size: 10px;
    display: block;
    opacity: .6;
    float: right;
}

.md-apps-list .mbsc-lv-item {
    padding-left: 50px;
}

/* PARA LOS CAMPOS CUSTOM */

.mbsc-select-input {

    margin-top: 10px !important;

}

.form-campos-custom .mbsc-select-ic,.form-campos-custom .mbsc-ic-arrow-down5 {
    top: 2.3em !important;
}

.mbsc-col-4 .mbsc-input-box.mbsc-control-w {
    margin: .25em 0em !important; 
} 

.mbsc-ios .mbsc-form-grid .mbsc-input-box.mbsc-control-w, .mbsc-ios .mbsc-form-grid .mbsc-input-outline.mbsc-control-w  {
    margin: .25em 0em !important;   
}

.mbsc-ios.mbsc-input-box.mbsc-control-w, .mbsc-ios.mbsc-input-outline.mbsc-control-w {
    margin: .25em 0em !important;   
}

/* PARA EL TAB DE LAS HORAS DE LA RESERVA */

.demo-main-cont.demo-comp-listview { padding: 0; }
.demo-comp-listview .demo-note { margin: 10px; }



.md-custom-listview .mbsc-lv-item {
/*     background: #c3e8fb; */
    padding-top: 20px;
    padding-bottom: 20px;
}

.md-custom-listview .md-star-icon {
    float: right;
    font-weight: bold;
    color: #ff8400;
}

.md-custom-listview .md-star-icon:before {
    margin-right: 5px;
}

.bkc-pistas-disponibles-more {
    font-size:0.8em;
    background: #004822;
    border: 1px solid black;
    border-radius: 5px;
    color: white;
    padding: 10px;
    width: auto !important;
    box-shadow: 2px 1px 0px 0px rgba(0, 0, 0, 0.15);
    cursor: pointer;
}

.bkc-pistas-disponibles-less {
    font-size:0.8em;
    background: #004822;
    border: 1px solid black;
    border-radius: 5px;
    color: white;
    padding: 10px;
    width: auto !important;
    box-shadow: 2px 1px 0px 0px rgba(0, 0, 0, 0.15);
    cursor: pointer;
}

.bkc-pistas-disponibles {
    font-size:0.8em;
	/*background: #59ad81;*/
    border: 1px solid black;
    border-radius: 5px;
    color: black;
    padding: 10px;
    width: auto !important;
    box-shadow: 2px 1px 0px 0px rgba(0, 0, 0, 0.15);
    cursor: pointer;
}

.pistas-hora-less {
    border-color: var(--color-boton) !important;
    background: var(--color-container) !important;
    color: var(--color-boton) !important;
    /*text-decoration: underline;*/
}

.pistas-hora-more {
    border-color: var(--color-boton) !important;
    background: var(--color-container) !important;
    color: var(--color-boton) !important;
}

.pistas-hora-ko {
    color: #a10b09;
    background-color: #faafaf;
	text-decoration: line-through;
}

.pistas-hora-select {
	border-color: var(--color-boton) !important;
    background: var(--color-boton) !important;
    color: var(--color-fuente-boton) !important;
}

.box-hora-pista {
	border-radius: 5px;
}

.text-precio-pista {
	font-size: 2em;
    letter-spacing: 1px;
}

.hora-reserva-mini {
    font-size: 60%;    
}

/** PARA LA LISTA DE LA CLASSIFICACION **/

.bck-victoria {
    background: var(--color-classificacion-victoria) !important;
    color: #000000 !important;
}
.bck-derrota {

    background: var(--color-classificacion-derrota) !important;
    color: #ff4f4f !important;

}
.bck-empate {
    background: var(--color-classificacion-empate) !important;
    color: #000000 !important;
}

.md-mailbox .mbsc-lv-item {
    line-height: 20px;
    padding: 10px 10px 10px 60px;
}

.md-mail-icon-compra-directa {
    width: 40px;
    line-height: 40px;
    position: absolute;
    top: 10px;
    left: 10px;
    color: var(--color-fuente-boton) !important;
    text-align: center;
    text-shadow: none;
    background-color: var(--color-boton) !important;
}

.md-mail-icon {
    width: 40px;
    line-height: 40px;
    position: absolute;
    top: 10px;
    left: 10px;
    color: #fff;
    text-align: center;
    text-shadow: none;
    background: var(--color-classificacion-numero) !important;
}

.md-mail-date {
    position: absolute;
    top: 10px;
    right: 10px;
    font-size: 20px;
    line-height: 40px;
}

.md-mail-from {
    font-size: 14px;
}

.md-mail-subject {
    font-size: 12px;
}

.md-mail-empty {
    padding: 10px;
}


/**

PARA LOS COLORES DE LAS RONDAS DE LAS COMPETICIONES

*/

.ronda-cuadro {
    background: var(--color-container-wrap) !important;
    color: var(--color-fuente-aplicacion) !important;
}

.mbsc-ios.mbsc-input .mbsc-label, .mbsc-ios.mbsc-progress .mbsc-label, .mbsc-ios.mbsc-input input, .mbsc-ios.mbsc-input textarea {
    color: var(--color-fuente-aplicacion) !important;
}

/*
.bck-ronda-0 {
    background: var(--color-nav-ronda0) !important;
    color: #47a2ff !important;
}

.bck-ronda-1 {
    background: var(--color-nav-ronda1) !important;
    color: #47a2ff !important;
}

.bck-ronda-2 {
    background: var(--color-nav-ronda2) !important;
    color: #47a2ff !important;
}

.bck-ronda-3 {
    background: var(--color-nav-ronda3) !important;
    color: #47a2ff !important;
}

.bck-ronda-4 {
    background: var(--color-nav-ronda4) !important;
    color: #47a2ff !important;
}

.bck-ronda-5 {
    background:  var(--color-nav-ronda5) !important;
    color: #47a2ff !important;
}

.bck-ronda-6 {
    background:  var(--color-nav-ronda6) !important;
    color: #47a2ff !important;
}*/

.mbsc-note-primary-force {

    color: var(--color-primary-force-text) !important;
    background-color: var(--color-primary-force) !important;
}

/**

PARA LOS ABONADOS

**/

.bck-abonat {
    padding: 40px !important; 
}

.bck-orange {
    background: #ff9800;
}

.bck-light-blue {
    color: #47a2ff !important;
}

.bck-red {
    background: #f7d7cd !important;
    color: #ff4f4f !important;
    /*background: #f4511e;*/
}

.bck-green {
    background: #afb42b;
}
.color-green {
    color: #42ad0b;
}

.bck-yellow {
    background: #ffc400;
}

.bck-blue {
    /*background: #64b5f6;*/
    background: #c3e4ff !important;
    color: #47a2ff !important;
}

.bck-pink {
    background: #f48fb1;
}
.bck-theme {
    background: var(--color-fondo-cabecera) !important;
    color: var(--color-fuente-boton) !important;
}
.color-theme {
    color: var(--color-fondo-cabecera) !important;
}

.md-layout .mbsc-scv-item {
    color: #fff;
    font-weight: bold;
    text-align: center;
}

.md-layout .mbsc-scv-c {
    margin: 10px 0;
}

.variable-1 {
    width: 60px;
    height: 60px;
}

.variable-2 {
    width: 80px;
    height: 80px;
}

.variable-3 {
    width: 70px;
    height: 70px;
}

.variable-4 {
    width: 50px;
    height: 50px;
}

.variable-5 {
    width: 100px;
    height: 100px;
}

.variable-6 {
    width: 40px;
    height: 40px;
}

.md-fixed .mbsc-scv-item {
    height: 80px;
    margin: 0 10px;
}

.md-fixed-little .mbsc-scv-item {
    height: 40px;
    margin: 0 10px;
}

.md-variable .mbsc-scv-item {
    margin: auto 10px;
}

.md-pages .mbsc-scv-item {
    height: 80px;
}

/* PARA EL GRID DE LAS RESERVAS */

.md-grid-basic-parejas [class*="mbsc-col"] {
    padding-top: .5em;
    padding-bottom: .5em;
    background-clip: padding-box;
    /*background: var(--color-fondo-partido) !important;*/
    /*border: 1.5px solid var(--color-fondo-partido-borde);*/
    /*color: #454b50;*/
}

.md-grid-basic-parejas .mbsc-row {
    margin: 0em 0;
}

/* PARA EL GRID */

.md-grid-basic [class*="mbsc-col"] {
    padding-top: .5em;
    padding-bottom: .5em;
    background: var(--color-fondo-partido) !important;
    background-clip: padding-box;
    border: 1.5px solid var(--color-fondo-partido-borde);
    color: #454b50;
}

.md-grid-basic .mbsc-row {
    margin: 0em 0;
}


/* PARA EL MENU SUPERIOR O PANTALLA POR ENCIMA DE TODO */

.ocultar-superior {
    position:absolute;
    float:right;
    top:0px;
    padding:10px;
    background-color: orange;
}

#panel {
    position: fixed;
    top:0px;
    left: 0px;
    height: 100%;
    width: 100%;
/*     padding-top: 50px; */
/*     padding-bottom: 50px; */
    display: none;
    text-align: left;
    background-color: #FFF;
    z-index: 10000;
/*     overflow-y: overlay; */
    overflow-y: auto;
    /*max-width: 600px !important;*/
    margin: auto;
}

#panel-upper {
	border-radius: 50px;
    position: fixed;
    /*top:800px;*/
    bottom: -100%;
    left: 0px;
    height: 100%;
    width: 100%;
/*     display: none; */
    text-align: left;
    background-color: #FFF;
    z-index: 1010;
/*     overflow-y: overlay; */
    overflow-y: auto;
    box-shadow: -1px -9px 4px 0px rgba(0, 0, 0, 0.15);
    opacity: 0;
}

#panel-upper-activitat {
	border-radius: 50px;
    position: fixed;
    bottom: -100%;
    left: 0px;
    height: 100%;
    width: 100%;
/*     display: none; */
    text-align: left;
    background-color: #FFF;
    z-index: 1010;
/*     overflow-y: overlay; */
    overflow-y: auto;
    box-shadow: -1px -9px 4px 0px rgba(0, 0, 0, 0.15);
    opacity: 0;
}

#panel-upper-templates-destacadas {
    border-radius: 50px;
    position: fixed;
    bottom: -100%;
    left: 0px;
    height: 100%;
    width: 100%;
/*     display: none; */
    text-align: left;
    background-color: #FFF;
    z-index: 1010;
/*     overflow-y: overlay; */
    overflow-y: auto;
    box-shadow: -1px -9px 4px 0px rgba(0, 0, 0, 0.15);
    opacity: 0;
}

#panel-upper-user {
	border-radius: 50px;
    position: fixed;
    bottom: -100%;
    left: 0px;
    height: 100%;
    width: 100%;
/*     display: none; */
    text-align: left;
    background-color: #FFF;
    z-index: 1010;
/*     overflow-y: overlay; */
    overflow-y: auto;
    box-shadow: -1px -9px 4px 0px rgba(0, 0, 0, 0.15);
    opacity: 0;
}

#panel-upper-shadow {
	position: fixed;
    top:0px;
    left: 0px;
    height: 100%;
    width: 100%;
    display: none;
    text-align: left;
    background-color: #000000;
    z-index: 10099;
    overflow-y: auto;
/*     overflow-y: overlay; */
	opacity: 0.7;    
}


#panelButton {
    position: absolute;
    bottom: 40px;
    height: 70px;
    width: 100%;
    text-align: center;
    z-index: 10000;
    background-color: var(--color-boton);
    color: var(--color-fuente-boton);
}

.icono-metodo-pago {
    font-size: 3em !important;
}


/* LOS QUE VIENEN POR DEFECTO */

html,
body {
    height: 100%;
    margin: 0;
    padding: 0;
}

.app-page {
    min-height: 100%;
    /*max-width: 600px;*/
    margin: 0 auto;
}

.app-header {
    position: fixed;
    z-index: 10;
    top: 0;
    left: 0;
    right: 0;
    height: 42px;
    line-height: 42px;
    text-align: center;
    /*max-width: 600px;*/
    margin: 0 auto;
}

.app-header h1 {
    margin: 0;
    padding: 0 12px;
    font-size: 20px;
}

.app-tab {
    display: none;
    padding-top: 52px;
    padding-bottom: 64px;
}

.app-tab-active {
    display: block;
    /*padding-bottom: 150px !important;*/
}

.app-tab-activitat {
    display: none;
    /*padding-top: 52px;*/
    padding-bottom: 64px;
}

.app-tab-activitat-active {
    display: block;
    padding-bottom: 150px !important;
}

.app-tab-competicion {
    /*display: none;*/
    /*padding-top: 52px;*/
    padding-bottom: 64px;
}

.app-tab-competicion-active {
    display: block;
    padding-bottom: 150px !important;
}

.zoom {
	transition: transform .2s;
/*   transition-property: box-shadow,background-color, border-radius; */
/*   transition-duration: 1s; */
}
.zoom:hover {
	transform: scale(1.1);
/* 	box-shadow: 0 .125rem .25rem rgba(0,0,0,.075)!important; */
/* 	background-color: #CCC; */
/* 	border-radius: 100px; */
}


.zoomLil {
    transition: transform .2s;
/*   transition-property: box-shadow,background-color, border-radius; */
/*   transition-duration: 1s; */
}
.zoomLil:hover {
    transform: scale(1.04);
/*  box-shadow: 0 .125rem .25rem rgba(0,0,0,.075)!important; */
/*  background-color: #CCC; */
/*  border-radius: 100px; */
}

.mbsc-btn-custom {
    background: var(--color-boton) !important;
    color: var(--color-fuente-boton) !important;
    font-weight:bold;
}

.mbsc-btn-custom-flat {
    background: transparent !important;
    color: var(--color-boton) !important;
    font-weight:normal;
}

.mbsc-btn-custom-outline {
    border: 1px solid var(--color-boton) !important;
    background: var(--color-container) !important;
    color: var(--color-boton) !important;
    font-weight:bold;
}

/* Mobiscroll Theme */

.mbsc-mobiscroll.a {
    background: var(--color-fondo-cabecera) !important;
    color: #fff;
}

.mbsc-mobiscroll.mbsc-btn {
    background: var(--color-fondo-cabecera) !important;
    color: var(--color-fuente-cabecera) !important;
}

.mbsc-mobiscroll .app-header {
    background: var(--color-fondo-cabecera) !important;
    color: var(--color-fuente-cabecera) !important;
}


/* iOS Theme */



.mbsc-ios .app-header {
    border-bottom: 0px solid #ccc; /* QUITAMOS BORDE ANTES --color-container*/
    background-color: var(--color-fondo-cabecera) !important;
    color: var(--color-fuente-cabecera) !important;
}

#demoNavCompetis {
    background-color: var(--color-boton) !important;
    color: var(--color-container) !important;
    border-top: 0px solid #ccc; /*QUITAMOS BORDES*/
    border-bottom: 0px solid #ccc; /*QUITAMOS BORDES*/
    margin: 0 auto;
}

/* FUENTE POR DEFECTO DE LOS ITEMS */
.mbsc-ios .mbsc-ms .mbsc-ms-item-sel {
    color: var(--color-fuente-cabecera-hover) !important;
}

#demoNavCompetis .mbsc-ms-item {
    color: var(--color-fuente-cabecera) !important;
}

#demoNavCompetis .mbsc-ms-item-sel {
    color: var(--color-fuente-cabecera-hover) !important;
    font-weight: bold;
}

#nav-reservas {
    display:none;
}



/* CALENDARIO RESERVAS */
.mbsc-ios.mbsc-fr-inline .mbsc-fr-w {
    background-color: var(--color-container) !important;
}


/* PARA EL DIA DEL CALENDARIO MARCADO */
.mbsc-ios .mbsc-cal-c .mbsc-cal .mbsc-cal-body .mbsc-cal-row .mbsc-selected .mbsc-cal-cell-txt {
    border-color: var(--color-boton) !important;
    background: var(--color-boton) !important;
    color: var(--color-fuente-boton) !important;
}

.mbsc-ios.mbsc-ms-c {
    background-color: var(--color-container) !important;
    color: var(--color-boton) !important;
    border-top: 0px solid #ccc; /*QUITAMOS BORDES*/
    border-bottom: 0px solid #ccc; /*QUITAMOS BORDES*/
    margin: 0 auto;
}

.mbsc-ios .app-header h1 {
    font-size: 17px;
}

.mbsc-ios .app-tab {
    padding-top: 42px;
    padding-bottom: 56px;
}

.mbsc-ios .app-tab-home .mbsc-divider {
    margin-bottom: -1px;
}

.app-tab-home  {
    padding-top: 50px !important;
}

.app-tab-competiciones  {
/*     padding-top: 0px !important; */
}

.app-tab-nopadding-top  {
    padding-top: 0px !important;
}

.mbsc-ios-dark .app-header {
    background: #000;
    color: #fff;
    border-color: #333;
}


/* Material Theme */

.mbsc-material .app-header {
    background: #009688;
    color: #fff;
}

.mbsc-material .app-tab {
    padding-bottom: 64px;
}

.mbsc-material-dark .app-header {
    background: #81ccc4;
}

/* Windows Theme */

.mbsc-windows .app-header {
    background: #f8f8f8;
    color: #000;
    text-align: left;
}

.mbsc-windows-dark .app-header {
    background: #1a1a1a;
    color: #fff;
}

.mbsc-windows .app-tab {
    padding-bottom: 64px;
}

.mbsc-windows .app-tab .mbsc-lv-cont .mbsc-lv .mbsc-lv-item {
    padding-left: 4.375em;
}

.mbsc-windows .app-tab .mbsc-lv-cont .mbsc-lv .mbsc-checkbox-box {
    left: 2.5em;
}


/* CUADRO */
:root {
/* 	--altura: 360px; */
	--altura: 320px;
}

.caja-partido-cuadro {
	min-width: 220px !important;
	min-height: var(--altura) !important;
	max-height: var(--altura) !important;
}
.caja-partido {
	min-width: 220px !important;
}

/* SEGUNDA RONDA DE CUADRO */
.standing-ronda-6-5,.standing-ronda-5-4, .standing-ronda-4-3, .standing-ronda-3-2, .standing-ronda-2-1 {
	margin-top: 212px !important;
	margin-bottom: 199px !important;
}
/* TERCERA RONDA DE CUADRO */
.standing-ronda-6-4,.standing-ronda-5-3, .standing-ronda-4-2, .standing-ronda-3-1 {
	margin-top: 600px !important;
	margin-bottom: 565px !important;
}
/* CUARTA RONDA DE CUADRO */
.standing-ronda-6-3, .standing-ronda-5-2, .standing-ronda-4-1 {
	margin-top: 1350px !important;
	margin-bottom: 1250px !important;
}
/* QUINTA RONDA DE CUADRO */
.standing-ronda-6-2, .standing-ronda-5-1 {
	margin-top: 2800px !important;
	margin-bottom: 2700px !important;
}
/* SEXTA RONDA DE CUADRO */
.standing-ronda-6-1 {
	margin-top: 5500px !important;
}

/* LINEAS PRIMERA RONDA DE CUADRO */
.ronda-cuadro-6-6 .caja-partido-cuadro:nth-of-type(even)::after, .ronda-cuadro-5-5 .caja-partido-cuadro:nth-of-type(even)::after, .ronda-cuadro-4-4 .caja-partido-cuadro:nth-of-type(even)::after, .ronda-cuadro-3-3 .caja-partido-cuadro:nth-of-type(even)::after, .ronda-cuadro-2-2 .caja-partido-cuadro:nth-of-type(even)::after {
    content: '';
    z-index: 5;
    position: absolute;
    top: 55%;
    right: -17px;
    width: 16px;
    height: 360px;
    border: .2rem solid #22356d;
    border-left: 0;
}

/* LINEAS SEGUNDA RONDA DE CUADRO */
.ronda-cuadro-6-5 .caja-partido-cuadro:nth-of-type(even)::after, .ronda-cuadro-5-4 .caja-partido-cuadro:nth-of-type(even)::after, .ronda-cuadro-4-3 .caja-partido-cuadro:nth-of-type(even)::after,.ronda-cuadro-3-2 .caja-partido-cuadro:nth-of-type(even)::after {
    content: '';
    z-index: 5;
    position: absolute;
    top: 55%;
    right: -17px;
    width: 16px;
    height: 800px;
    border: .2rem solid #22356d;
    border-left: 0;
}

/* LINEAS TERCERA RONDA DE CUADRO */
.ronda-cuadro-6-4 .caja-partido-cuadro:nth-of-type(even)::after, .ronda-cuadro-5-3 .caja-partido-cuadro:nth-of-type(even)::after, .ronda-cuadro-4-2 .caja-partido-cuadro:nth-of-type(even)::after {
    content: '';
    z-index: 5;
    position: absolute;
    top: 54%;
    right: -17px;
    width: 16px;
    height: 1460px;
    border: .2rem solid #22356d;
    border-left: 0;
}

/* LINEAS CUARTA RONDA DE CUADRO */
.ronda-cuadro-6-3 .caja-partido-cuadro:nth-of-type(even)::after, .ronda-cuadro-5-2 .caja-partido-cuadro:nth-of-type(even)::after {
    content: '';
    z-index: 5;
    position: absolute;
    top: 55%;
    right: -17px;
    width: 16px;
    height: 2900px;
    border: .2rem solid #22356d;
    border-left: 0;
}

/* LINEAS QUINTA RONDA DE CUADRO */
.ronda-cuadro-6-2 .caja-partido-cuadro:nth-of-type(even)::after {
    content: '';
    z-index: 5;
    position: absolute;
    top: 55%;
    right: -17px;
    width: 16px;
    height: 5850px;
    border: .2rem solid #22356d;
    border-left: 0;
}

/* LINEAS TRASERAS RONDA DE CUADRO */
.ronda-cuadro-6-5 .caja-partido-cuadro::before,
.ronda-cuadro-6-4 .caja-partido-cuadro::before,
.ronda-cuadro-6-3 .caja-partido-cuadro::before,
.ronda-cuadro-6-2 .caja-partido-cuadro::before,
.ronda-cuadro-6-1 .caja-partido-cuadro::before,
.ronda-cuadro-5-4 .caja-partido-cuadro::before,
.ronda-cuadro-5-3 .caja-partido-cuadro::before,
.ronda-cuadro-5-2 .caja-partido-cuadro::before,
.ronda-cuadro-5-1 .caja-partido-cuadro::before,
.ronda-cuadro-4-3 .caja-partido-cuadro::before,
.ronda-cuadro-4-2 .caja-partido-cuadro::before,
.ronda-cuadro-4-1 .caja-partido-cuadro::before, 
.ronda-cuadro-3-2 .caja-partido-cuadro::before, 
.ronda-cuadro-3-1 .caja-partido-cuadro::before,
.ronda-cuadro-2-1 .caja-partido-cuadro::before {
    content: '';
    z-index: 5;
    position: absolute;
    top: 50%;
    left: -17px;
    width: 16px;
    height: .2rem;
    background-color: #22356d;
}

.ronda-cuadro:hover {
	background-color:var(--color-nav-ronda-hover) !important;
}