

.training_weeks .elemento{
        height:345px;
       
        overflow:hidden !important;
        background-color:white;
        /*border-bottom:2px solid gray;*/
        
     /*   box-shadow:0px 0px 15px 1px gray;*/
        
        border-radius:5px;
        
        
        /*margin-bottom:10px;
        padding-bottom:10px;*/
        
    }
    .week_content{
        /*margin:0px 25px;*/
    }
    .week_content.active{
      /*  display:block;*/
        /*margin-top:-33px;*/
     /*   box-shadow:0px 0px 15px 1px gray;*/
      /*  overflow-y:scroll;
        max-height:80vh;*/
    }
    
    
    .container_week, .container_week .titulo_elemento{
      /*  transition:0.5s !important;*/
       /* transition: height 1s ease;*/
    }
    
    .container_week{
          box-shadow:0px 0px 15px 1px gray;
          margin:25px 25px;
         /* background:white;*/
    }
    
   
    .container_week.ejecutado_week:not(.active) {
       max-height:199px !important;
       overflow:hidden;
           
    box-shadow: 0px 0px 10px 0px gray !important;
       /*margin-bottom:-33px;**/
      /* max-height:130px !important;
       overflow:hidden;
       margin-bottom:-33px;
     */
       
    }
    
    .training_weeks .marcar_completado {
        position:relative;
        /*margin-top:60px;*/
        top:-295px;
        right:45px;
        color:gray;
        font-size:1.3em;
        float:right;
        width:130px;
       line-height:1;
        height:0px;
        color:gray;
        
    }
    .training_weeks .marcar_completado small{
        font-size:0.45em;
        
    }
    .marcar_completado .bg{
        width:160px;
        height:100px;
        padding:0px;
        padding-left:13px;
        pading-right:2px;
        padding-bottom:0px;
        margin-top:47px;
        text-align:center;
        background:transparent;
        /*border-top-left-radius:10px;
        border-bottom-left-radius:10px;
        border:1px solid gray;*/
       
    }
    .container_week:not(.active)  .marcar_completado{
        /*top:-276px;*/
    }
    
    
    .ejecutado_week .marcar_completado .fa-check,  .ejecutado_week .marcar_completado .texto_completado{
        color:green !important;
    }
    
    .marcar_completado .texto_completado::before{
        content:"-";
    }
    .ejecutado_week .marcar_completado .texto_completado::before{
        content:"Completado!";
    }
    .texto_completado{
        color:gray;
    }
   /*.ejecutado_week .migas_elemento, 
   
   
   .ejecutado_week:not(.active) .fa-check{
        color:white !important;
    }*/
   
   .container_week:not(.ejecutado_week) .marcar_completado {
       display:none;
   }
   .training_weeks .marcar_completado .fa-check{
       /*float:left;*/
       font-size:0.5em;
       margin-top:8px;
       
       
   }
    
    .hero{
        opacity:0.2;min-height:200px !important;height:100px !important;
    }
    .container_week.ejecutado_week .hero{
      
    }
    .ejecutado_week:not(.active) .titulo_elemento, .ejecutado_week:not(.active) .migas_elemento, .ejecutado_week .subtitulo_elemento, .ejecutado_week:not(.active) .marcar_completado{
        opacity:0.3;
        
    }
    .ejecutado_week .subtitulo_elemento{
        /*display:none;*/
    }
    .ejecutado_week:not(.active)  .titulo_elemento{
       /* max-height:102px;
        overflow:hidden;*/
    }
    
    .week_content:not(.active){
        display:none !important;
    }
    
    
    .training_weeks .elemento.active{
        height:auto !important;
        
     
    }
 
    
    .training_weeks .hero{
        
       height:160px;
    }
    
    
    .training_weeks{
        background:#eee;
        margin-top:-15px;
        padding-top:15px;
        padding-bottom:20px;
        text-align:center;
        color:white;
        font-size:55px;
    }
    
    
    .training_weeks .elemento .migas_elemento{
        text-align:center;
       /* overflow:hidden;
        /*border:2px solid gray;*/
        padding:0px 16px;
        margin-top:0px;
        padding-top:15px;
        float:right;
        min-width:12vw;
        margin-bottom:4px;
        position:relative;bottom:0px;right:55px;font-size:0.95em;color:black;
        height:165px;
    }
     .training_weeks .elemento .titulo_elemento {
        padding:0px 15px;font-size:1.3em;padding-top:0px;height:185px;overflow:hidden;line-height:1.2;
        
        width: 83vw;
    border-right: 0px solid red;
    position: relative;
    top: -174px !important;
    margin-bottom:-174px;
   
      
        
    }
    .training_weeks .elemento.active .titulo_elemento{
        height:auto;
         padding-bottom:21px;
        /*min-height:187px;*/
    }
     .training_weeks .elemento .subtitulo_elemento{
        padding:15px;
        padding-right:60px;
        font-size:0.8em;
        color:black;
        background:white !important;
      
        line-height:1.3;
        border-top:1px dotted black !important;
        text-align:center;
    }
        .training_weeks .elemento.active .subtitulo_elemento{
            display:none;
        }
    .lato{
        font-family:"Lato";
    }
    .week_content.active{
        height:65vh;
        overflow-y:auto;
        overflow-x:hidden;
       /* margin-top:15px !important;*/
    }
    .elemento.active{
        /*box-shadow:0px 0px 6px 15px black;*/
    }
    
    
    .bullet{
        width:5vw;height:5vw;border-radius:50px;background:white;/*box-shadow:0px 0px 8px 3px black;*/
        float:left;
        position:relative;
        top:-25px;
        font-size:2em;
        border:none; 
        font-family:Oswald;
        font-weight:200;
        
    }
    .bullet.active{
        color:purple;
        font-weight:400;
        /*background:purple;*/
    }
    .separator{
        margin: 3%; padding-top:20px;float:left;border-bottom:1px dotted black;width:19%;
    }
    
    .section-title {
        margin:5px;
        margin-bottom:10px;
        margin-top:40px;
        
    }
    .section-content{
        margin-left:5px;
    }
    .resumen_semana{
        text-align:justify;
        background:white;
        font-size:1.1em;
        
        /*padding:35px;*/
       /* word-wrap:none;*/
        text-overflow:ellipsis;
        height:256px;
        border-top:1px solid gray;
       /* display: -webkit-box;
      -webkit-line-clamp: 1;
         -webkit-box-orient: vertical;*/
        overflow: hidden !important;
    }
    .resumen_semana.closed{
        /*height:120px !important;*/
    }
    .resumen_semana.opened{
         -webkit-line-clamp: 150;
         height:auto !important;
         overflow:auto !important;
    }
    
    .ejecutado {
        background:#eee;
         border:1px solid #9a3263;
        border-top-color:white;
    }
    .not-ejecutado{
        background:#9a3263 !important;
        
       
    }
    .ejecutado .fadt{
        /*color:#9a3263;*/
    }
    
    .status_item_sesion{
        margin-right:15px;
        border-bottom-right-radius:10px;
        border-bottom-left-radius:10px;
        float:left;
        line-height:75px;
        vertical-align:middle;
        text-align:center;
        color:white;
        height:135px;
        width:100px;
         background:#9a3263 !important;
    }
     .status_item_sesion .icon{
        font-size:1.1em;margin-top:40px
    }
    .item_sesion{
        border-bottom:3px solid #9a3263;
        box-shadow:0px 0px 25px 1px #ccc;
        border-radius:0px;
        margin-bottom:25px;text-align:left;font-size:1.2em !important;background:white;line-height:50px;height:105px;vertical-align:middle;padding:15px;
        
    }
    .container_sesion.ejecutado_container .status_item_sesion{
        background:#eee !important;
         border:1px solid #9a3263;
        border-top-color:white;
        color:#9a3263;
    }
    
    .container_sesion.ejecutado_container{
        opacity:0.6;
    }
    .container_sesion.ejecutado_container .fa-check{
        color:green !important;
    }
    .titulo_elemento {
        padding:0px 15px;font-size:1.5em;padding-top:0px;line-height:1.2;
        
        width: 83vw;
    border-right: 0px solid red;
    position: relative;
    
   
      
        
    }
    
     .titulo_semana::before{
    content: "";
    position: absolute;
    top: 85; 
    left: 0;
    width: 100%; 
    height: 350px;  
    opacity: .3; 
    z-index: -1;
    background:url("https://www.natalben.com/sites/default/files/inline-images/frecuencia.jpg") no-repeat center center;
        
    }
    .titulo_semana{
        
         background:transparent;
         
         box-shadow:0px 0px 20px 0px #000000bf;
         margin-bottom:10px;
        
    }
    .titulo_semana .texto_titulo{
        font-size:1.8em;
        line-height:1.25;color:purple;padding:25px 25px;padding-bottom:35px;
    }
    .tags_semana{
        text-align:center;
         font-size:1.1em;
        padding:5px;
         padding-bottom:15px;
         
       ;
    }
    .texto_semana,  .pie_semana{
        text-align:justify;
        padding:5px 25px;
        color:black;/*#b0b0b0b;*/
        margin-top:7px;
        font-size:1.20em;
        
    }
    .pie_semana{
        border-top:1px dotted gray;padding-top:15px;margin-top:15px;font-size:1em;
    }
    .texto_semana strong{
        font-weight:300 !important;
        color:#9a3263;
        font-family:"Barlow Condensed";
           
    }
      .semana .marcar_completado {
          transition:0.5s;
        position:relative;
        /*margin-top:60px;*/
       /* top:-150px;
        right:168px;*/
        color:gray;
        font-size:1.3em;
        float:right;
       
        top:-118px;
      right:15px;
      
       /*width:160px;*/
      
        height:0px;
        color:gray;
        text-align:center;
        
    }
    .semana .marcar_completado small{
        font-size:0.8em;
        
    }
   .semana .marcar_completado .bg{
       padding:20px;
       text-align:center !important;
       
       border-radius:8px;
       text-align:right;
       
        width:auto;
        height:auto;
        background:white;
        
        
        vertical-align:middle;
        line-height:25px;
        background:#eee;
        /*
        border-bottom:3px solid black !important;
        border-right:2px solid black !important;*/
        
        box-shadow: 3px 3px 14px 0px #7d7d7d;
        /*border-top-left-radius:10px;
        border-bottom-left-radius:10px;
        border:1px solid gray;*/
        /*inset*/
       /*box-shadow: 0px 0px 14px 0px #7d7d7d;*/
        
    }
     .semana:not(.ejecutado_semana) .marcar_completado .bg{
          /*box-shadow: 0px 0px 14px 0px #7d7d7d !important;*/
     }
    .texto_completado{
         font-family:"Barlow Condensed";
           line-height:45px;
        vertical-align:middle;
        float:right;
        margin-left:6px;
        font-size:0.85em;
        font-weight:300;
        text-shadow:1px 1px 2px white !important;
        
    }
    .semana .marcar_completado .fa-check,  .semana .marcar_completado .texto_completado{
        
    }
    
    .semana:not(.ejecutado_semana) .texto_completado::before{
        content:"Marcar completado";
    }
    .semana.ejecutado_semana .marcar_completado .texto_completado::before{
        content:"Completado!"  !important;
    }
   .semana:not(.ejecutado_semana)  .marcar_completado{
        color:gray;
    }
    .semana.ejecutado_semana .marcar_completado,  .semana.ejecutado_semana .texto_completado  {
         color:green !important;
    }
    .barlow{
      
        font-family:"Barlow Condensed";
    }
    
    /*.barlow i, .barlow b {
          font-family:"Barlow Condensed";
    }*/
    
    /************************************/
    
     .training_weeks .elemento{
        height:345px;
       
        overflow:hidden !important;
        background-color:white;
        /*border-bottom:2px solid gray;*/
        
     /*   box-shadow:0px 0px 15px 1px gray;*/
        
        border-radius:5px;
        
        
        /*margin-bottom:10px;
        padding-bottom:10px;*/
        
    }
    .week_content{
        /*margin:0px 25px;*/
    }
    .week_content.active{
      /*  display:block;*/
        /*margin-top:-33px;*/
     /*   box-shadow:0px 0px 15px 1px gray;*/
      /*  overflow-y:scroll;
        max-height:80vh;*/
    }
    
    
    .container_week, .container_week .titulo_elemento{
      /*  transition:0.5s !important;*/
       /* transition: height 1s ease;*/
    }
    
    .container_week{
          box-shadow:0px 0px 15px 1px gray;
          margin:25px 25px;
         /* background:white;*/
    }
    
   
    .container_week.ejecutado_week:not(.active) {
       max-height:199px !important;
       overflow:hidden;
           
    box-shadow: 0px 0px 10px 0px gray !important;
       /*margin-bottom:-33px;**/
      /* max-height:130px !important;
       overflow:hidden;
       margin-bottom:-33px;
     */
       
    }
    
    .training_weeks .marcar_completado {
        position:relative;
        /*margin-top:60px;*/
        top:-295px;
        right:45px;
        color:gray;
        font-size:1.3em;
        float:right;
        width:130px;
       line-height:1;
        height:0px;
        color:gray;
        
    }
    .training_weeks .marcar_completado small{
        font-size:0.45em;
        
    }
    .marcar_completado .bg{
        width:160px;
        height:100px;
        padding:0px;
        padding-left:13px;
        pading-right:2px;
        padding-bottom:0px;
        margin-top:47px;
        text-align:center;
        background:transparent;
        /*border-top-left-radius:10px;
        border-bottom-left-radius:10px;
        border:1px solid gray;*/
       
    }
    .container_week:not(.active)  .marcar_completado{
        /*top:-276px;*/
    }
    
    
    .ejecutado_week .marcar_completado .fa-check,  .ejecutado_week .marcar_completado .texto_completado{
        color:green !important;
    }
    
    .marcar_completado .texto_completado::before{
        content:"-";
    }
    .ejecutado_week .marcar_completado .texto_completado::before{
        content:"Completado!";
    }
    .texto_completado{
        color:gray;
    }
   /*.ejecutado_week .migas_elemento, 
   
   
   .ejecutado_week:not(.active) .fa-check{
        color:white !important;
    }*/
   
   .container_week:not(.ejecutado_week) .marcar_completado {
       display:none;
   }
   .training_weeks .marcar_completado .fa-check{
       /*float:left;*/
       font-size:0.5em;
       margin-top:8px;
       
       
   }
    
    .hero{
        opacity:0.2;min-height:200px !important;height:100px !important;
    }
    .container_week.ejecutado_week .hero{
      
    }
    .ejecutado_week:not(.active) .titulo_elemento, .ejecutado_week:not(.active) .migas_elemento, .ejecutado_week .subtitulo_elemento, .ejecutado_week:not(.active) .marcar_completado{
        opacity:0.3;
        
    }
    .ejecutado_week .subtitulo_elemento{
        /*display:none;*/
    }
    .ejecutado_week:not(.active)  .titulo_elemento{
       /* max-height:102px;
        overflow:hidden;*/
    }
    
    .week_content:not(.active){
        display:none !important;
    }
    
    
    .training_weeks .elemento.active{
        height:auto !important;
        
     
    }
 
    
    .training_weeks .hero{
        
       height:160px;
    }
    
    
    .training_weeks{
        background:#eee;
        margin-top:-15px;
        padding-top:15px;
        padding-bottom:20px;
        text-align:center;
        color:white;
        font-size:55px;
    }
    
    
    .training_weeks .elemento .migas_elemento{
        text-align:center;
       /* overflow:hidden;
        /*border:2px solid gray;*/
        padding:0px 16px;
        margin-top:0px;
        padding-top:15px;
        float:right;
        min-width:12vw;
        margin-bottom:4px;
        position:relative;bottom:0px;right:55px;font-size:0.95em;color:black;
        height:165px;
    }
     .training_weeks .elemento .titulo_elemento {
        padding:0px 15px;font-size:1.3em;padding-top:0px;height:185px;overflow:hidden;line-height:1.2;
        
        width: 100%;
    border-right: 0px solid red;
    position: relative;
    top: -174px !important;
    margin-bottom:-174px;
   
      
        
    }
    .training_weeks .elemento.active .titulo_elemento{
        height:auto;
         padding-bottom:21px;
        /*min-height:187px;*/
    }
     .training_weeks .elemento .subtitulo_elemento{
        padding:15px;
        padding-right:60px;
        font-size:0.8em;
        color:black;
        background:white !important;
      
        line-height:1.3;
        border-top:1px dotted black !important;
        text-align:center;
    }
        .training_weeks .elemento.active .subtitulo_elemento{
            display:none;
        }
    .lato{
        font-family:"Lato";
    }
    .week_content.active{
        height:65vh;
        overflow-y:auto;
        overflow-x:hidden;
       /* margin-top:15px !important;*/
    }
    .elemento.active{
        /*box-shadow:0px 0px 6px 15px black;*/
    }