/* Inicio del reset */
    html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,form,label,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size: 99%;font:inherit;vertical-align:baseline;}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}
    u {font-size: 35px;}
/* Fin del reset */
/* Inicio de los estilos generales */
    html,body{width: 100%;height: 100%;background: #f0f0f0;}
    fieldset{
        border: 1px solid #b2adad;
    }
    svg > g > g:last-child { pointer-events: none }
    legend{font-family: 'Abel', sans-serif;}
    input:focus, select:focus, textarea:focus {
        outline: none;
    }
    .mw-555{max-width: 555px !important}
    .mw-600{max-width: 600px !important}
    .mw-750{max-width: 750px !important}
    .mgtop-20{margin-top: 20px !important}
    .mgtop-10{margin-top: 10px !important}
    .w-145{width: 145px !important}
    .bloqueCerrado{
        background: #425693 !important;
        color: white !important;
    }

    .input-file-container {
      position: relative;
      width: 225px;
      height: 34px;
      cursor: pointer;
    } 
    .js .input-file-trigger {
      display: block;
      padding: 10px 15px;
      background: #99AADF;
      color: #fff;
      font-size: 1em;
      cursor: pointer;
    }
    .js .input-file {
      position: absolute;
      top: 0; left: 0;
      width: 225px;
      opacity: 0;
      padding: 14px 0;
      cursor: pointer;
    }
    .js .input-file:hover + .input-file-trigger,
    .js .input-file:focus + .input-file-trigger,
    .js .input-file-trigger:hover,
    .js .input-file-trigger:focus {
      background: #425693;
      color: #ffffff;
      cursor: pointer;
    }

    .table tr:nth-child(even) {background: #f2f2f2 !important}
    .table tr:nth-child(odd) {background: #FFF}
    .table{font-weight:300;height:400px;width:100%;display:inline-block;}
    .table thead{border-bottom:1px solid #C5C5C7;padding:17px 0}
    .table thead th,.table tbody tr td{padding:11px 10px;line-height:17px;vertical-align:middle;text-align:center;font-size:14px}
    .table tbody tr td select{border:none;text-align:center;font-size:14px;line-height:17px;color:#868788;text-transform:capitalize;font-family:'Poppins',sans-serif}
    .table thead tr th:first-of-type,.table tbody tr td:first-of-type{min-width:auto}
    .table tbody tr{border-bottom:1px solid #C5C5C7}
    .container{width: 90%;max-width: 1130px;margin:0 auto;}
    .img-resposive{max-width: 100%;height: auto;}
    .full-img{width: 100%;height: auto;}
    .svg-img{padding:3px;}
    .svg-img2{padding:1px;}
    .uppercase{text-transform:uppercase}
    .mainfont{font-family:'Poppins',sans-serif;}
    #calendar span.fc-day-number, span.fc-title{color: black !important;background: #f0f0f0 !important;}
/* Fin de los estilos generales */
/*  Inicio del header del login */
    .loginHeader{width: 100%;display: inline-block;padding:40px 0px;}
    .blackBar{width: 100%;display: inline-block;padding:16px 0;background: #E1E4ED;}
    .blackBar p{font-family: 'Abel', sans-serif;text-transform:uppercase;font-size: 14px;color: #425693;padding-left: 19px;}
/* Fin del header del login */
/* Inicio del header de la app */
    .mainHeader{width: 100%;display: inline-block;position: relative;background: rgba(240,240,240,1);background: -moz-linear-gradient(left, rgba(240,240,240,1) 0%, rgba(240,240,240,1) 48%, rgba(71,71,69,1) 49%, rgba(71,71,69,1) 100%);background: -webkit-gradient(left top, right top, color-stop(0%, rgba(240,240,240,1)), color-stop(48%, rgba(71,71,69,1)), color-stop(49%, rgba(71,71,69,1)), color-stop(100%, rgba(71,71,69,1)));background: -webkit-linear-gradient(left, rgba(240,240,240,1) 0%, rgba(240,240,240,1) 48%, rgba(71,71,69,1) 49%, rgba(71,71,69,1) 100%);background: -o-linear-gradient(left, rgba(240,240,240,1) 0%, rgba(240,240,240,1) 48%, rgba(71,71,69,1) 49%, rgba71,71,69,1) 100%);background: -ms-linear-gradient(left, rgba(240,240,240,1) 0%, rgba(240,240,240,1) 48%, rgba(71,71,69,1) 49%, rgba(71,71,69,1) 100%);background: linear-gradient(to right, rgba(240,240,240,1) 0%, rgba(240,240,240,1) 40%, rgba(153, 170, 223) 40%, rgba(153, 170, 223) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0f0f0', endColorstr='#999998', GradientType=1 );font-size: 0;}
    .mainLogo{width:180px;display: inline-block;margin-right: 32px;}
    .mainLogo img{width: 90%;height:auto;margin-left: 15px;}
    .rightNav{width: auto;display: inline-block;/* background: #999998;*/background: #99AADF;height: 77px}
    .mainNav{width: auto;display: inline-block;}
    .mainNav ul li{display: inline-block;width: 125px;text-align: center;}
    .mainNav ul li a{font-family: 'Abel', sans-serif;text-transform:uppercase;text-decoration: none;font-size: 14px;color:#fefefe;padding: 31px 0;display: block;border-right: 1px solid #fefefe;}
    .mainNav ul li a img{vertical-align: top;}
    .mainNav ul li a:hover{background: #2c4384;}
    .fadeMenu{position: absolute;width: 197px; padding:16px 15px;background: #99AADF;top:77px;display: none;z-index:99;line-height: 20px;border-top: 1px solid #fefefe;border-bottom: 1px solid #fefefe;padding-right: 20px;}
    .fadeMenu nav ul li{display: block;margin-bottom:15px;line-height: 20px;}
    .fadeMenu nav ul li:last-of-type{margin:0;}
    .fadeMenu nav ul li a{border:none;padding:0;text-align: left;width: 205px;}
    .fadeMenu nav ul li a:hover{background: transparent;color:#f0f0f0;}
    .navOpciones{width: auto;display: inline-block;/*background: #999998;*/background: #99AADF;vertical-align: top;margin-left: 25px;}
    .navOpciones ul li{display: inline-block;padding: 23.3px 4px;vertical-align: middle; position: relative;}
    .configuracionHeader .fadeMenu{width: 125px;left: 0px}
    .configuracionHeader .fadeMenu a{text-align: center;}
    .navOpciones ul li a{display: block;color: #fefefe;text-decoration: none;}
    .navOpciones ul li a:hover{color: #2c4384;}
    .navOpciones .fadeMenu{z-index: 99;}
    .navOpciones .usuarioHeader{padding: 21px 4px 10px 4px;position: relative}
    .navOpciones .fadeMenu li{margin-bottom:10px;padding:0;}
    .navOpciones .fadeMenu li:last-of-type{margin:0;}
    .usuarioHeader a p{font-size: 16px;font-family: 'Abel', sans-serif;text-align: center;text-decoration: lowercase;}
    .notificacionesMobile{display: none !important;}
    .navOpciones .fadeMenu a{font-family: 'Abel', sans-serif;text-transform: uppercase; text-decoration: none;font-size: 14px;color: #fefefe;padding:0;}
    .usuarioHeader .fadeMenu{right: -41px;width: 125px;}
    .usuarioHeader .fadeMenu nav ul li a{text-align: center;}
    .blackBarApp{padding:9px 0;}
    #plantillas, #correccion, #recomendacion_imc, #alteraciones_columna, #deficits, #extremidades_inferiores, #extremidades_superiores, #pies, #extremidades{display: none}
    .botonCrearDeportista {
            border: none;
            /* padding: 15px 32px; */
            text-decoration: none;
            display: inline-block;
            font-size: 16px;
            cursor: pointer;
            /* float: right; */
    }
    div.botonCrearDeportista{width: 0;float:right;/* text-align: center; *//* margin-top: 10px; */height:0;:0 */}

    @media (max-width: 768px) {div.botonCrearDeportista{width: 100%;float:right;text-align: center;margin-top: 10px;height:0;:0 */}}
 
    @media(min-width: 1025px) {
        .filtrosAgenda{max-width:212px !important;width:21% !important;}
    }

    @media(min-width: 768px) and (max-width: 1024px) {
        .container {margin: 0;}
        .mainNav ul li{width: 117px;}
        .navOpciones {margin-left: 0;}
        .mainLogo {margin-right: 0;}
    }

    @media(max-width: 768px){
        .mainNav ul li{width: auto;}
        .mainLogo{margin:0 15px 0 15px;vertical-align: middle;}
        .fadeMenu{top:80px;}
        .mainHeader {background: rgba(240,240,240,1);background: -moz-linear-gradient(left, rgba(240,240,240,1) 0%, rgba(240,240,240,1) 100%, rgba(71,71,69,1) 49%, rgba(71,71,69,1) 100%);background: -webkit-gradient(left top, right top, color-stop(0%, rgba(240,240,240,1)), color-stop(44%, rgba(71,71,69,1)), color-stop(44%, rgba(71,71,69,1)), color-stop(100%, rgba(71,71,69,1)));background: -webkit-linear-gradient(left, rgba(240,240,240,1) 0%, rgba(240,240,240,1) 44%, rgba(71,71,69,1) 44%, rgba(71,71,69,1) 100%);background: -o-linear-gradient(left, rgba(240,240,240,1) 0%, rgba(240,240,240,1) 44%, rgba(71,71,69,1) 44%, rgba71,71,69,1) 100%);background: -ms-linear-gradient(left, rgba(240,240,240,1) 0%, rgba(240,240,240,1) 44%, rgba(71,71,69,1) 44%, rgba(71,71,69,1) 100%);background: linear-gradient(to right, rgba(240,240,240,1) 0%, rgba(240,240,240,1) 100%, rgba(153, 170, 223) 44%, rgba(153, 170, 223) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0f0f0', endColorstr='#999998', GradientType=1 );}
        .mainHeader .container{width: auto;max-width: none;}
        .rightNav{padding:0;height: initial}
        .mainNav ul li a{min-width: 90px;display: block;padding: 23px 15px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;text-align: center;}
        .mainNav ul li:first-child a{padding-bottom:43px;}
        .mainNav ul li a img{vertical-align: inherit;display: block;margin: 5px auto 0;}
        .fadeMenu nav ul li:first-child a{padding:0;}
        .blackBarApp .container{width: auto;max-width: none;}
        .blackBar p{padding-left:10px;}
        .configuracionHeader .fadeMenu{width: 143px;}
        .usuarioHeader .fadeMenu {right: -60px;width: 144px;}
    }
    @media(max-width: 768px){
        .rightNav{width: 37.2%;max-width: 279px;display: none;position: absolute;top: 122px;right: 0px;z-index: 12;height: initial;}
        .navOpciones{padding-right: 35px;float: right;}
        .mainNav{width: 100%;}
        .mainNav ul li{width: 100%;}
        .mainNavMobile{width: 90px;height: 90px;vertical-align: top;/*background:#000;*/line-height: 93px;color: #fff;display: inline-block;text-align: center; text-transform: uppercase;}
        .buttonNavMobile{font-family: 'Abel', sans-serif;color: #fefefe;height: 100%;font-size: 20px;cursor:pointer;}
        .buttonNavMobileLines{width: 15px;display: inline-block;margin: 0 0 0 5px;}
        .buttonNavMobileLines span{width:100%;height: 2px;background:#fefefe;display:block;}
        .buttonNavMobileLines span:nth-child(2){margin:2px 0;}
        .navOpciones nav{display: inline-block;margin-left: 28.67%;}
        .navOpciones ul li{padding:29.3px 4px;}
        .mainNav ul li a{width:100%;min-width:auto;border:0;}
        .configuracionHeader .fadeMenu{top: 90px;right: 0;width: 161px;text-align: right;}
        .mainNav ul li:last-of-type .fadeMenu{right: 0;}
        .mainNav ul li a img{display: inline-block;vertical-align: top;margin: 0;}
        .mainNav ul li > .fadeMenu{width: 100%;display:none;top: auto;position: relative;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
        .mainNav ul li:first-child a{padding-bottom:15px;}
        .filtrosAgenda {width: 26%;max-width: 190px;}
        .mainContainerSeccion {width: 74 !important;}
    }
    @media(max-width: 768px){
        .mainLogo{width: 100%;margin:25px 4px;margin-top: 5px;}
        .mainLogo img{max-width: 180px;margin:0 auto;display: block;}
        .navOpciones{width: 100%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;float: none;}
        .navOpciones nav{float: none;width: 40%;text-align: center;padding-left: 75px;padding: 10px 0;}
        .mainNavMobile{width: 25%;line-height: 2.4;height: auto;}
        .rightNav{display:none;top: 127px;width: 100%;max-width: none;border-top: 1px solid #fefefe;height: initial;}
        .configuracionHeader .fadeMenu{top:166px;}
        .configuracionHeader .fadeMenu nav{width: 100%;float: none;}
        .configuracionHeader .fadeMenu nav a{text-align: center;}
        /*.contenedorCrear, .contenedorListaMobile{width: 100% !important;}*/
        .blackBar p{padding-left:22px;}
        .mainContainerSeccion{width: 88% !important;margin: 0 auto;float: none !important;margin-left: auto !important;}
        .notificacionesMobile{display: inline-block !important;}
        .botonPanelDerecho{display: none !important;}
        .navOpciones{margin:0;padding:0;}
        .mainNavMobile {padding:0;}
        .navOpciones nav ul li{width: auto;margin: 0 8px;padding: 0;}
        .mainContainerSeccion .container{padding: 45px 0 0;}
        .blackBarApp{text-align: center;}
        .blackBarApp p{padding:0;}
        .migasPanblackBar{display: none;}
        .configuracionHeader .fadeMenu , .usuarioHeader .fadeMenu{top: 166px;width: 100%;padding: 15px 0px;margin: 0;}
        .headerFiltros{text-align: center;}
        .fadeMenu nav ul li a{text-align: center;}
        .navOpciones .usuarioHeader {padding:23px 4px 21px 4px;}
        .navOpciones ul li{position: static !important;}
        .usuarioHeader .fadeMenu{right: 0;}
    }
    @media(max-width: 320px){
        .navOpciones{margin:0;padding:0;}
        .navOpciones nav{width: 50%;margin: 0;padding: 10px 0;padding-left: 75px;}
        .mainNavMobile {width: 25%;/*padding: 15px 0*/;line-height: 2.3;height: auto}
        .panelNotificacionesContenedor{width: 100% !important;}
        .mostrarNotificaciones{width: 100% !important}
        .rightNav{top:125px;height: initial;}
        .filtrosAgenda {padding-bottom: 0 !important;}
        .configuracionHeader .fadeMenu, .usuarioHeader .fadeMenu{top: 236px;}
    }
/* Fin del header de la app */

/* Inicio de las migas de pan */

    .breadcrumbsContainer{width: 100%;margin:0 0 20px;border-bottom:1px solid #b2adad;padding: 0 0 10px;}
    .breadcrumbsContainer .breadcrumbs{font-family: 'Abel', sans-serif;line-height: 25px;}
    .breadcrumbsContainer .breadcrumbs a{display: inline-block;text-decoration: none;margin:0 5px;color: #425693;}
    .breadcrumbsContainer .breadcrumbs a:hover, .breadcrumbsContainer .breadcrumbs a:active{color:#474745}

/* Fin de las migas de pan */

/* Inicio del footer */
    .mainFooter{width: 100%;display: inline-block;background: #E1E4ED;text-align: center;padding: 10px 0px;position: fixed;bottom:0;}
    .logoMainFooter{width: 90%;margin:0 auto;max-width:145px;}
    .mainFooter .nombreApp{color: #425693;font-family: 'Abel', sans-serif;font-size: 14px;margin: 15px 0 0;}
    @media(min-width: 768px){
        .mainFooter{text-align: left;padding:28px 0;}
        .logoMainFooter{width: 145px;max-width: none;margin:0;display: inline-block;}
        .mainFooter .nombreApp{width: auto;float: right;margin: 10px 0 0;}
        .mensajeBlackBar{width: auto;display: inline-block;}
        .migasPanblackBar{width: auto;float: right;margin: 0 42px 0 0;}

    }

    @media(min-width: 1200px){

        .migasPanblackBar{margin:0;}

    }
/* Fin del footer */
/* widget vincular deportistas a usuario*/
.vincularUsuarioDeportistaRelWidget{ width: 100% !important;  }
.vincularUsuarioDeportistaRelWidgetLineas{ width: 100%; float: left; margin-top: 10px;}
.vincularUsuarioDeportistaRelWidgetLineas .lineaLista{ height: 32px; margin: 2px;}
.vincularUsuarioDeportistaRelWidgetLineas .lineaListaHeaderIndividual{ width: auto; min-width: 16%; height: 100%;}
.vincularUsuarioDeportistaRelWidgetLineas .lineaListaBodyIndividual { width: auto; min-width: 16%; height: 100%;}
.vincularUsuarioDeportistaRelWidgetLineas .lineaListaBodyIndividual .vincularDeportista{ width: 100%; height: 100%; padding: 5px; cursor:pointer;}
.vincularUsuarioDeportistaRelWidget #deportista-widget-buscador{ width: 75%; float: left; }
.vincularUsuarioDeportistaRelWidget #deportista-widget-buscador-info{ padding: 8px 25px 8px 15px; float: right;}

.desvincularUsuarioDeportistaRelWidget{ width: 100% !important;  }
.desvincularUsuarioDeportistaRelWidgetLineas{ width: 100%; float: left; /*margin-top: 10px;*/}
.desvincularUsuarioDeportistaRelWidgetLineas .lineaLista{ height: 32px; margin: 2px;}
.desvincularUsuarioDeportistaRelWidgetLineas .lineaListaHeaderIndividual{ width: auto; min-width: 16%; height: 100%;}
.desvincularUsuarioDeportistaRelWidgetLineas .lineaListaBodyIndividual { width: auto; min-width: 16%; height: 100%;}
.desvincularUsuarioDeportistaRelWidgetLineas .lineaListaBodyIndividual .desvincularDeportista{ width: 100%; height: 100%; padding: 5px; cursor:pointer;}