body {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    margin: 0px 0px -0px 0px;
    -webkit-text-size-adjust:none;
}

.logo {
	margin-top: -5px;
}

/*Estilos barra superior derecha*/
.foto-usuario {
	float: left;
	margin-right: 10px;
	margin-top: -4px;
}

/* Contador caracteres textareas */
.contador_caracteres {
	float:right;
}

.checklist-inline {
	display: inline-block;
}

.checklist-inline + .checklist-inline {
	margin-left: 10px;
}

.checkbox-inline-form-inline {
	margin-left: 15px;
}


/* REGISTRO */
.registerContainer {
	border: 1px solid grey;
	opacity: 0.8;
	background: none repeat scroll 0% 0% rgba(255, 255, 255, 0.7);
    position: absolute;
	box-shadow: 0px 6px 6px rgba(0, 0, 0, 0.3);
	border-radius: 3px;
}


/* LOGIN */
.loginContainer {
	border: 1px solid grey;
	opacity: 0.8;
	background: none repeat scroll 0% 0% rgba(255, 255, 255, 0.7);
    position: absolute;
	box-shadow: 0px 6px 6px rgba(0, 0, 0, 0.3);
	border-radius: 3px;
	top: 50%;
}

/* PAGINA DE USUARIO: BOTONES FAVORITOS*/
.usertechnicalfilemenubutton {
	height: 110px;
	margin: 15px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	color:#000000;
	border: 1px solid grey;
	transition: border 0.2s ease-in-out 0s;
}

.usertechnicalfilemenubutton:hover {
 	border-color:  #337AB7;
}	

/* BARRA MENU */
.textoMenuUsuario {
	margin-left: 7px;
}

/* VISTAS ENTRENAMIENTO */
.falso-margin-1 {
	padding: 2px;
}

.falso-margin-2 {
	padding: 2px;
}

.falso-margin-3 {
	padding: 3px;
}

.falso-margin-4 {
	padding: 4px;
}

.falso-margin-5 {
	padding: 5px;
}

.falso-margin-10 {
	padding: 10px;
}

.margin-1 {
	margin: 1px;
}

.margin-2 {
	margin: 2px;
}

.margin-3 {
	margin: 3px;
}

.margin-4 {
	margin: 4px;
}

.margin-5 {
	margin: 5px;
}

.margin-6 {
	margin: 6px;
}

.margin-top-10 {
	margin-top: 10px;
}

.margin-bottom-10 {
	margin-bottom: 10px;
}

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

.trainingplanday {
	-moz-box-shadow: 0px 0px 12px 0px #c9c9c9;
	-webkit-box-shadow: 0px 0px 12px 0px #c9c9c9;
	box-shadow: 0px 0px 12px 0px #c9c9c9;
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#c4c4c4',GradientType=0);
	border:1px solid #919191;
/* 	float: left; */
	cursor:pointer;
	color:#666666;
	font-family:arial;
	font-size:12px;
	padding:5px 5px;
	text-decoration:none;
	text-shadow:-4px 27px 19px #ffffff;
}

.trainingplanweek {
	-moz-box-shadow: 0px 0px 12px 0px #c9c9c9;
	-webkit-box-shadow: 0px 0px 12px 0px #c9c9c9;
	box-shadow: 0px 0px 12px 0px #c9c9c9;
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#c4c4c4',GradientType=0);
	border:1px solid #919191;
/* 	float: left; */
/* 	clear: left; */
	cursor:pointer;
	color:#666666;
	font-family:arial;
	font-size:12px;
	padding:5px 5px;
	text-decoration:none;
	text-shadow:-4px 27px 19px #ffffff;
}

.trainingplanphase {
	-moz-box-shadow: 0px 0px 12px 0px #c9c9c9;
	-webkit-box-shadow: 0px 0px 12px 0px #c9c9c9;
	box-shadow: 0px 0px 12px 0px #c9c9c9;
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#c4c4c4',GradientType=0);
	border:1px solid #919191;
/* 	float: left; */
/* 	clear:left; */
	cursor:pointer;
	color:#666666;
	font-family:arial;
	font-size:12px;
	padding:5px 5px;
	text-decoration:none;
	text-shadow:-4px 27px 19px #ffffff;
}

.trainingplanexercise {
	-moz-box-shadow: 0px 0px 12px 0px #c9c9c9;
	-webkit-box-shadow: 0px 0px 12px 0px #c9c9c9;
	box-shadow: 0px 0px 12px 0px #c9c9c9;
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#c4c4c4',GradientType=0);
	border:1px solid #919191;
/* 	float: left; */
	cursor:pointer;
	color:#666666;
	font-family:arial;
	font-size:12px;
	padding:5px 5px;
	text-decoration:none;
	text-shadow:-4px 27px 19px #ffffff;
}

.add-new {
	opacity: 0.3;
}

.add-new:hover {
	opacity: 1;
}
	
/* GENERAL */
/* PARA LISTAS EN 7 ESPACIOS IGUALES*/
.col-xs-7ths,
.col-sm-7ths,
.col-md-7ths,
.col-lg-7ths {
    position: relative;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
}

.col-xs-7ths {
    width: 14.28%  !important;
    float: left;
}

@media (min-width: 768px) {
    .col-sm-7ths {
        width: 14.28% !important;
        float: left;
    }
}

@media (min-width: 992px) {
    .col-md-7ths {
        width: 14.28% !important;
        float: left;
    }
}

@media (min-width: 1200px) {
    .col-lg-7ths {
        width: 14.28% !important;
        float: left;
    }
}

/* Separar botones a la derecha*/
.btn-margin-right-5 {
	margin-right: 5px;
}



.elemento_calendario {
	margin: 2px 0px 2px 0px;
	
}

/* body { */
/* 	position: relative; */
/* } */

.elemento_calendario:hover {
	background-color: #ededed;
	cursor: pointer;
}

.participante {
	margin: 0px 0px 5px 0px;
/* 	border: 1px solid grey; */
}

.jrPage {
	border: 1px solid black;
	margin-top: 100px;
}

.table-bordered > tbody > tr > td {
	padding: 5px !important;
}

/* Recuadro para firma con estilo de formulario */

.recuadroFirma {
	display: block;
	width: 100%;
	padding: 6px 12px;
	font-size: 14px;
	line-height: 1.42857143;
	color: #555;
	background-color: #fff;
	background-image: none;
	border: 1px solid #ccc;
	border-radius: 4px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
}

/* Tablas de listas de busquedas: quiero scroll */
.table-responsive-scroll {
	overflow-y: auto !important; 
}
.form-group-inline {
	display: inline-block;
	width: auto;
	vertical-align: middle;
	margin-right: 5px;
}

.form-group-inline-2 {
	display: inline-block;
	width: 50%;
	vertical-align: middle;
	padding-right: 5px;
}

.form-group-inline-2-last {
	display: inline-block;
	width: 50%;
	vertical-align: middle;
}

.form-group-inline-3 {
	display: inline-block;
	width: 33%;
	vertical-align: middle;
	padding-right: 5px;
}

.form-group-inline-3-last {
	display: inline-block;
	width: 34%;
	vertical-align: middle;
}

/* Formulario de registro de usuario*/
.text-area-registro-cliente {
	min-height: 203px;
}

/* Formulario de modificacion de usuario*/
.text-area-modificacion-cliente {
	min-height: 109px;
}


.crearCuentaCheck {
	margin-left: 10px !important;
}

/* Par-q */
.par_q_label {
	display: inline-block;
	max-width: 100%;
	margin-bottom: 5px;
	font-weight: bold;
}

/* label falso imitando el de boostrap */
.custom_label {
	display: inline-block;
	max-width: 100%;
	margin-bottom: 5px;
	font-weight: bold;
}

.form-horizontal .custom_label {
	padding-top: 7px;
    margin-bottom: 0;
    text-align: right;
}

/* Formularios en tablas */

.form_group_no_margin {
	margin: 0 !important;
}

/* Links sin subrayar*/
.link_sin_subrayar:hover {
	text-decoration: none !important;
}

/* Tabla de ingresos por cliente */
.filaMeses th {
	background-color: beige;
}

.filaMeses th:first-child {
	background-color: transparent !important;
	border-top: 1px solid white !important;
	border-left: 1px solid white !important;
}

/* Cuenta de usuario*/
/* .login-page { */
/*   padding: 6% 0 0; */
/*   margin: auto; */
/* } */

.modificacion-cuenta-form {
  position: relative;
  z-index: 1;
  background: #FFFFFF;
  margin: 0 auto 100px;
  padding: 45px;
  text-align: center;
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2), 0 5px 5px 0 rgba(0, 0, 0, 0.24);
  float: none !important;
}

.modificacion-cuenta-form {
  position: relative;
  z-index: 1;
  background: #FFFFFF;
/*   max-width: 360px; */
  margin: 0 auto 100px;
  padding: 45px;
  text-align: center;
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2), 0 5px 5px 0 rgba(0, 0, 0, 0.24);
  float: none !important;
}
.modificacion-cuenta-form input {
  font-family: "Roboto", sans-serif;
  outline: 0;
  background: #f2f2f2;
  width: 100%;
  border: 0;
  margin: 0 0 15px;

  box-sizing: border-box;
  font-size: 14px;
}
.modificacion-cuenta-form button {
  font-family: "Roboto", sans-serif;
  text-transform: uppercase;
  outline: 0;
  background: #333;
  width: 100%;
  border: 0;
  padding: 15px;
  color: #FFFFFF;
  font-size: 14px;
  -webkit-transition: all 0.3 ease;
  transition: all 0.3 ease;
  cursor: pointer;
}
.modificacion-cuenta-form button:hover,.modificacion-cuenta-form button:active,.modificacion-cuenta-form button:focus {
  background: #424242;
}
.modificacion-cuenta-form .message {
  margin: 15px 0 0;
  color: #b3b3b3;
  font-size: 12px;
}
.modificacion-cuenta-form .message a {
  color: #4CAF50;
  text-decoration: none;
}
.modificacion-cuenta-form .register-form {
  display: none;
}

#mainFooter {
    position:fixed;
    height:65px;
/*     background-color: red; */
    bottom:0px;
    left:0px;
    width: 15px;
/*     right:0px; */
    margin-bottom:0px;
}

.vertical_text {
	transform: rotate(90deg);
	transform-origin: left bottom 0;
}

#mensajeInformativo {
	color: red;
}

.popover {
    width: 500px !important;
    max-width: 500px !important;

}

.popover.right {
		margin-left: 30px !important;
}

/*Etiquetas para casillas de clientes en calendario*/
.label-sitio-vacio {
	background-color: #ddd;
}

.label-cliente-nuevo {
	background-color: #D7DF01;
}

.label-cliente-recupera {
	background-color: #FE642E;	
}

.label-cliente-undia {
	background-color: #FF00FF;	
}

.label-cliente-unmes {
	background-color: #FF00FF;	
}

.label-cliente-cambiopermanente {
	background-color: #8000ff;	
}

.btn-cliente-nuevo {
  color: #fff;
  background-color: #D7DF01;
  border-color: #D7DF01;
}
.btn-cliente-nuevo:focus,
.btn-cliente-nuevo.focus {
  color: #fff;
  background-color: #D7DF01;
  border-color: #D7DF01;
}
.btn-cliente-nuevo:hover {
  color: #fff !important;
  background-color: #D7DF01;
  border-color: #D7DF01;
}

.btn-cliente-estable {
  color: #fff;
  background-color: #D7DF01;
  border-color: #D7DF01;
}
.btn-cliente-estable :focus,
.btn-cliente-estable .focus {
  color: #fff;
  background-color: #D7DF01;
  border-color: #D7DF01;
}
.btn-cliente-estable :hover {
  color: #fff !important;
  background-color: #D7DF01;
  border-color: #D7DF01;
}

.btn-cliente-recupera {
  color: #fff;
  background-color: #FE642E;
  border-color: #FE642E;
}
.btn-cliente-recupera:focus,
.btn-cliente-recupera.focus {
  color: #fff;
  background-color: #FE642E;
  border-color: #FE642E;
}
.btn-cliente-recupera:hover {
  color: #fff !important;
  background-color: #FE642E;
  border-color: #FE642E;
}

.btn-cliente-undia {
  color: #fff;
  background-color: #FF00FF;
  border-color: #FF00FF;
}
.btn-cliente-undia:focus,
.btn-cliente-undia.focus {
  color: #fff;
  background-color: #FF00FF;
  border-color: #FF00FF;
}
.btn-cliente-undia:hover {
  color: #fff !important;
  background-color: #FF00FF;
  border-color: #FF00FF;
}

.btn-cliente-unmes {
  color: #fff;
  background-color: #FF00FF;
  border-color: #FF00FF;
}
.btn-cliente-unmes:focus,
.btn-cliente-unmes.focus {
  color: #fff;
  background-color: #FF00FF;
  border-color: #FF00FF;
}
.btn-cliente-unmes:hover {
  color: #fff !important;
  background-color: #FF00FF;
  border-color: #FF00FF;
}

.btn-cliente-reserva {
  color: #fff;
  background-color: #8080ff;
  border-color: #8080ff;
}
.btn-cliente-reserva:focus,
.btn-cliente-reserva.focus {
  color: #fff;
  background-color: #8080ff;
  border-color: #8080ff;
}
.btn-cliente-reserva:hover {
  color: #fff !important;
  background-color: #8080ff;
  border-color: #8080ff;
}

.btn-cliente-cambiopermanente {
  color: #fff;
  background-color: #8000ff;
  border-color: #8000ff;
}
.btn-cliente-cambiopermanente:focus,
.btn-cliente-cambiopermanente.focus {
  color: #fff;
  background-color: #8000ff;
  border-color: #8000ff;
}
.btn-cliente-cambiopermanente:hover {
  color: #fff !important;
  background-color: #8000ff;
  border-color: #8000ff;
}

 ul.menu_izquierda {
     top: 200px;
     position: fixed;
/*      height: 100%; */
     z-index: 99999;
 }
 
 
 ul.menu_izquierda li.active{
     background-color: white;
 }
 
  ul.menu_izquierda li a {
     color:#9d9d9d;
 }
 
  ul.menu_izquierda_calendario {
     top: 51px;
     position: fixed;
     height: 100%;
     z-index: 1020;
     font-size: 11px;
     width: 95px;
     
 }


  ul.menu_izquierda_calendario li.active{
     background-color: white;
 }
 
  ul.menu_izquierda_calendario li a {
     color:#9d9d9d;
 }
 
 .clienteDraggable {
 	cursor:pointer;
 }
 
 .calendario_celda_festivo {
 	opacity: 0.3;
 }

/* .pageloading-mask div { */
/* 	background: url("/ehtta/assets/ctx/5f89b250/images/loading7.gif") no-repeat center center !important; */
/* } */


/**************************************** SCROLL */
.track3 {
    width: 10px;
    background: rgba(0, 0, 0, 0);
    margin-right: 2px;
    border-radius: 10px;
    -webkit-transition: background 250ms linear;
    transition: background 250ms linear;
}

.track3:hover,
.track3.dragging {
    background: #d9d9d9; /* Browsers without rgba support */
/*     background: rgba(0, 0, 0, 0.15); */
}

.handle3 {
    width: 7px;
    right: 0;
    background: #999;
/*     background: rgba(0, 0, 0, 0.4); */
    border-radius: 7px;
    -webkit-transition: width 250ms;
    transition: width 250ms;
}

.track3:hover .handle3,
.track3.dragging .handle3 {
    width: 10px;
}


.fileUpload {
    position: relative;
    overflow: hidden;
/*     float:right; */
/*     margin: 10px !important; */
}

.fileUpload input.upload {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    padding: 0;
    font-size: 20px;
    cursor: pointer;
    opacity: 0;
    filter: alpha(opacity=0);
}

div.calendario-hueco-overlay {
    position: absolute;
    background-color: #eee;
    opacity: 0.8;
    -webkit-animation-name: fade-in;
    -webkit-animation-duration: 250ms;
    -webkit-animation-delay: 50ms;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-name: fade-in;
    -moz-animation-duration: 250ms;
    -moz-animation-delay: 50ms;
    -moz-animation-fill-mode: forwards;
    z-index: 1000;
}

.dropdown-opcion-seleccionada {
	border-left: 8px solid red;
}

.dropdown-opcion-no-seleccionada {
	border-left: 8px solid transparent;
}

.link_hora_calendario {
	padding: 5px 10px !important;
}

.tooltip-inner {
    min-width: 150px;
}



/* nuevo nuevo nuevo nuevo*/
.label-no-bold {
	font-weight: normal !important;
}

input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px white inset;
}

input:-webkit-autofill:hover {
	-webkit-box-shadow: 0 0 0px 1000px white inset;
}
input:-webkit-autofill:focus {
	-webkit-box-shadow: 0 0 0px 1000px white inset;
}

.navbar-brand {
	padding: 10px 15px !important;	
}