html {
  /*height: 100%;*/
  min-height: -webkit-fill-available;
  
  /*noselect*/
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Old versions of Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome, Edge, Opera and Firefox */
								  
	
}
ul {
	-webkit-touch-callout: none !important; /* iOS Safari */
      -webkit-user-select: none !important; /* Safari */
       -khtml-user-select: none !important; /* Konqueror HTML */
         -moz-user-select: none !important; /* Firefox */
          -ms-user-select: none !important; /* Internet Explorer/Edge */
              user-select: none !important; 
}
#nav-top-left
{
	-webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Old versions of Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome, Edge, Opera and Firefox */
}
@font-face {
  font-family: BreeSerif;
  src: url(../fonts/BreeSerif-Regular.ttf);
}
body {
	min-height: 100%;
	/*background: rgb(232,0,101); 
	background: radial-gradient(circle, 
	rgba(232,0,101,0.5901942130846856) 0%, 
	rgba(55,9,9,1) 98%); background-repeat: 
	no-repeat;
  	background-size: auto;
	*/
	/*background-color:#F3F3F3;*/
	/*background-color:#C0C0C0;*/
	/*background-color:#f8f9fa;*/
	/*background-color:#FDFEFE; antiguo bootstrap*/
	/*background-color:#FEF5E7;*/
	background-color:#fafafa;
}
.menuTopD
{
	margin-bottom:30px;
	position: -webkit-sticky;
	position: sticky;
    top: 0;
    z-index: 999;
}
.menuTop
{
	background-color:white !important;
}
.tituloMenuTop
{
	background-color:white !important;
	color: IndianRed !important;
	font-family: BreeSerif;
	font-size:6vw !important;
	width:80%;
	height:50px;

}

.retrocederMenuTopB
{
	
	color: indianred !important;
	margin-top: 15px;
    margin-left: 10px;
}

.menuBOpc
{
	font-size:3rem !important;
}


.menuBottom
{
	position:fixed;
	bottom:0px;
	width:100%;
	height:8vh;
	background-color:white;
	opacity:1;
	z-index:200;
	margin: 0px;
    padding: 0px;
}
.menuBottomIcon
{
	width:70px;
	height:40px;
	float:left;
	padding:5px;
}
.vertical-center {
  min-height: 100%;  
  min-height: 100vh;

  display: flex;
  align-items: center;
 
}

#divLogin
{
	width:200px:
	margin: auto;
	
}
#login
{
	display:none;
}

#semana
{
	/*padding-top:50px;*/
}

#tituloSemana
{
	text-align:center;/*
	font-family: "TipografiaTitulo";*/
	font-size:30px;/*
	color:#f8f32b;*/
	height:50px;
	padding-top:0px;
	
	
}

.cardDiaSemana
{
	margin-top:50px;
	padding: 10px 5px 10px 5px;
}
#diasSemana
{
	margin:auto;
	width:350px;
}
.diaSemanaL
{
	background-color:rgba(3, 231, 3, 0.58);
	width:150px;
	float:left;
	margin-top:20px;
	padding:10px;
}
.diaSemanaR
{
	background-color:rgba(201, 76, 76, 0.3);
	width:150px;
	float:Right;
	margin-top:20px
}

.diaStatusBG
{
	margin-bottom:10px;
	border-radius: 5px;
	position:relative;
	color:#343a40;
	background-color: rgba(255,255,255,1);
}
.diaok
{
	background-color:green;
}
.diaokFal
{
	background-color:orange;
}
.dianok
{
	background-color:red;
}
.statusDia
{
	position:absolute;
	top:0px;
	padding-top:10px;
	padding-left:300px;
}
.statusDiaNok
{
	
	padding-top:20px !important;
	padding-left:295px !important;
}

/*Dia resumen*/


#entrenoDia
{
	margin:auto;
	width:350px;
	margin-bottom: 70px;
}
.entrenoDiaSeries
{
	text-align:left;
}
.entrenoDiaRepeticiones
{
	text-align:right;
}
.grupo
{
	background-color:blue;
	height:auto;
}

/*Entre detalle*/


#entrenoDetalle
{
	margin:auto;
	/*width:350px;*/
	/*width:335px;*/
	max-width:450px;
}
#panelSuperiorEntreno
{
	width:100%;
    height: 35vh;
	
}
#panelSuperiorEntreno img
{
	object-fit: cover;
	height: 35vh;
}
#panelSuperiorEntrenoME
{
	width:100%;
    height: 35vh;
	
}
#panelSuperiorEntrenoME img
{
	object-fit: cover;
	height: 35vh;
}

nav
{
	background-color: white !important;
}
.tabBackground
{
	background-color:transparent !important;
}
.cardEntreno
{
	/*background-color: rgba(255,255,255,.85) !important;*/
	background-color: rgba(255,255,255,1) !important;
	width:100% !important;
	/*height:530px;*/
	height:auto;
	margin-top:-15px;
	
}
.cardEntrenoSnotas
{
	
	box-shadow: 0px -8px 10px -10px rgb(0 0 0 / 20%) !important;
	border-top-right-radius:15px !important;
	border-top-left-radius:15px !important;
	border-bottom-left-radius:0px !important;
	border-bottom-right-radius:0px !important;
	
}
.cardEntrenoCnotas
{
	height:50px !important;
	border-radius:0px !important;
	padding-top: 8px !important;
	margin-top:0px !important;
	
}
.material-tooltip
{
	background-color:indianred !important;
	border-radius: 15px;
    margin-top: -15px;
}
.tituloEntrenoDetalle
{
	color: IndianRed !important;
	font-family: BreeSerif;
	font-size:20px !important;
}
.retrocederEntrenoDetalle
{
	color: indianred !important;
	margin-top: 3px;
}
.cardImagen
{
	object-fit: contain;
	max-height:170px;
	padding-top:5px;
	padding-left:5px;
	padding-right:5px;
	/*    object-fit: cover;
    height: 35vh;*/
	
}
.opcionesImagenContenedor
{
	width:100%;
	height:35px;
	margin-top:-28px;
	position:absolute;
	display:none;
}
.opcionesImagen
{
	width:60%;
	margin:auto;
	/*background-color: rgba(86, 86, 86, 0.5);*/
	background-color: rgba(246, 246, 246, 0.8);
	text-align:center;
	padding:2px;
	border-top-left-radius:0.25rem;
	border-top-right-radius:0.25rem;
    
}
.popover
{
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	border:none;
	text-align:center;
}
.popover-header {
    color:indianred;
	background-color: white;
	font-family: BreeSerif;
}
.popover-content {
    color:black;
	background-color: white;
	text-align:center;
}
.datoFaltante
{
	background-color: rgba(191,37,40,.50) !important;
}
.ligrupo
{
	padding-top:1px !important;
	padding-bottom:1px !important;
}
.cardGrupo
{
	margin:auto;
	margin-bottom:35px;
	margin-top:-25px;
	width:350px;
}
.botonGrupo
{
	margin:auto;
	margin-bottom:0px;
	margin-top:-25px;
	width:350px;
}
.tituloGrupoEje
{
	color: #565656;
	font-weight: bold;
}
.disable-select {
    user-select: none; /* supported by Chrome and Opera */
   -webkit-user-select: none; /* Safari */
   -khtml-user-select: none; /* Konqueror HTML */
   -moz-user-select: none; /* Firefox */
   -ms-user-select: none; /* Internet Explorer/Edge */
}
.selectTap 
{
	opacity: 0.5 !important;
}

.input-hidden {
  position: absolute;
  left: -9999px;
}

input[type=radio]:checked + label>div>svg {
  opacity:1;
}

/* Stuff after this is only to make things more pretty */
input[type=radio] + label>div>svg {
  opacity:0.5;
  /*margin-left:10px;*/

 
  transition: 500ms all;
}

input[type=radio]:checked + label>div>svg {
  transform: 
    opacity:1;
}
.btn-menos
{
	/*border-radius: 4rem !important;
	background-color: #00bcd417;*/
	color:red !important;
	padding:0 !important;
	outline: none !important;
    box-shadow: none !important;
	background-color: transparent !important;
}
.btn-mas
{
	/*border-radius: 4rem !important;
	background-color: #00bcd43b;*/
	color:green !important;
	padding:0 !important;
	outline: none !important;
    box-shadow: none !important;
	background-color: transparent !important;
}
.btn-nextS
{
	color: white !important;
   /* background-color: #e83e8c;
    border-color: #e83e8c;*/
	background-color: IndianRed !important;
	border-radius: 100px;
	/*border-color: IndianRed;
	outline: none !important;
    box-shadow: none !important;*/
}
.ml-auto-btn
{
	margin-top:-5px;
}

#textoNotaEntrenador
{
	font-family: BreeSerif;
	text-align:justify;
}
#cardEntrenoDetalleSup ul
{
	color: #343a40;
}

.tituloSeries
{
	color: #343a40;
	font-size:18px !important;
}
.conComentarios
{
  animation: parpadeo 2s linear infinite;
  color:orange !important;
}
@keyframes parpadeo {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.4;
  }
  100% {
    opacity: 1;
  }
}
.chipMenu {
  display: inline-block;
  padding: 0 25px;
  height: 50px;
  width: 220px;
  font-size: 16px;
  line-height: 50px;
  border-radius: 25px;
  background-color: rgba(255,255,255,1) !important;
  color:indianred;
  font-family: BreeSerif;
  font-weight:bold;
  margin-top:10px;
}
.carousel {
	height: 100% !important
}
.chipClientes
{
	margin-right:20px;
}
.chipMenu img {
  float: left;
  margin: 0 10px 0 -25px;
  height: 50px;
  width: 50px;
  border-radius: 50%;
}
.chipMenu svg {
  float: left;
  margin: 0 10px 0 -25px;
  height: 50px;
  width: 50px;
  border-radius: 50%;
}
.chipMenu i {
  float: left;
  margin: 0 10px 0 -25px;
  height: 50px;
  width: 50px;
  font-size:50px;
  border-radius: 50%;
}

#menuPanel
{
	width:220px;
	margin: auto;
	margin-top:100px;
}
.tablaDatosAnteriores
{
	font-size:12px;
	width:100%;
}
.tablaDatosAnteriores th
{
	color:indianred;
	padding-top:0px !important;
	padding-bottom:0px !important;
}
.tablaDatosAnteriores tr
{
	/*border-bottom:0 none !important;*/
	/*height:15px !important;*/
}
.tablaDatosAnteriores td
{
	padding-top:0px !important;
	padding-bottom:0px !important;
}
.tituloDatosAnteriores
{
	color:indianred;
	font-weight:bold;
	font-family: BreeSerif;
}
#clientesPanel
{
	width:100%;
	margin:auto;
}
.fTransp
{
	background-color:transparent !important;
}

.liDetallesPeReRi
{
	height:40px;
	margin-bottom: 0px !important;
}

#listadoPesoRepRIR
{
	border:0 none;
	width: 343px;
    margin: auto;
	padding-top: 15px;
}

#listadoPanelME
{
	border:0 none;
	width: 343px;
    margin: auto;
}
.toastPeso
{
	background-color:indianred !important;
}
#toast-container
{
	margin-bottom:50px;
}

#imagenUsuarioCuenta
{
	object-fit: cover;
	width:120px;
	height:120px;
}


.input-field input:focus {
     border-bottom: 1px solid indianred !important;
     box-shadow: 0 1px 0 0 indianred !important;
   }
.input-field input:focus + label {
    color: indianred !important;
}
.input-field .prefix.active {
     color: indianred;
}
#tablaCalendario td
{
	padding-top:5px;
	padding-bottom: 5px;
}
#tablaCalendario th
{
	padding-top:5px;
	padding-bottom: 5px;
}


/*ProgressBar Series*/

$gray: #9F9FA3;
$blue: #882D17;
$white: #4caf50;

.ProgressBar {
  margin: 0 auto;
  padding: 2em 0 3em;
  list-style: none;
  position: relative;
  display: flex;
  justify-content: space-between;
}

.ProgressBar-step {
  text-align: center;
  position: relative;
  width: 100%;
  

  /*&:before,
  &:after {
    content: "";
    height: 0.5em;
    background-color: $gray;
    position: absolute;
    z-index: 1;
    width: 100%;
    left: -50%;
    top: 50%;
    transform: translateY(-50%);
    transition: all .25s ease-out;
  }
  
  &:first-child:before,
  &:first-child:after { 
    display: none; 
  }

  &:after {
    background-color: $blue;
    width: 0%;
  }

  &.is-complete + &.is-current:after,
  &.is-complete + &.is-complete:after {
    width: 100%;
  }
  */
}

.ProgressBar-icon {
  width: 20px;
  height: 20px;
  /*background-color: #9F9FA3;
  fill: #9F9FA3;*/
  background-color: #ffebee;
  fill: #ffebee;
  border-radius: 50%;
  padding: 3px;
  max-width: 100%;
  z-index: 10;
  position: relative;
  transition: all .25s ease-out;
  
 
}

.ProgressBar-stepLabel {
  display: block;
  text-transform: uppercase;
  /*color: #9F9FA3;*/
  color: #ffebee;
  margin-top: -5px;
}

#progresoSeries
{
	width: 343px;
    margin: auto;
}

.progresoStepSeriesComplete
{
	background-color:indianred;
	fill:indianred;
}
.progresoLabelSeriesComplete
{
	color:indianred;
}
.progresoSeriesIconComplete
{
	fill:white;
}

.imagenUsuario {
    object-fit: cover;
    width: 120px;
    height: 120px;
}

.circulo {
     width: 10px;
     height: 10px;
     -moz-border-radius: 50%;
     -webkit-border-radius: 50%;
     border-radius: 50%;
     background: #e0e0e0;
	 margin:auto;
}
.comentarioEntrenador
{
    margin-top: 0px !important;
}
.diaSegSticky 
{
	position: -webkit-sticky;
	position: sticky;
	top: 0px;
	z-index: 999;
}