body.page-template-page-user, body.author, body.runner {
  background: #ececec;
}


body.page-template-page-user .shop_table .button{
   margin: 0 ;
 
   width: fit-content;
}


body.page-template-page-user .woocommerce-Address{

  margin-bottom: 1.5rem 
  
  }

  
body.page-template-page-user p:first-of-type{

 margin-top: 0;
  
  }

  body.page-template-page-user  .woocommerce-MyAccount-content p, 
  
  body.page-template-page-user .woocommerce-MyAccount-content a, 
  body.page-template-page-user .woocommerce-MyAccount-content table,
   body.page-template-page-user .woocommerce-MyAccount-content address,
   body.page-template-page-user  .woocommerce-MyAccount-content .woocommerce-info
   {
 font-size: 0.9rem;
 

     }

     
     /*Basic User Avatar*/

     .basic-user-avatar-popup{
      position: fixed;
      display: none;
      justify-content: center;
      align-items: center;
      width: 100%;
      height: 100%;
      z-index:2;
		 top: 0;
     }
 
     .basic-user-avatar-container{
     max-width: 500px;
     height: fit-content;
     padding: 18px 15px 15px 15px;
     background: #fff;
     text-align: center;
border-radius: 10px;
     z-index:3;
     margin: 0 1rem;
    }

    .basic-user-avatar-container img.avatar{
    border-radius: 99px;
    margin: 0 auto 15px auto;
     }

     
    .basic-user-avatar-container input[type="submit"]{
 margin: 0 ;
       }

       .basic-user-avatar-container  input[type=file] {
     
        margin: 0 auto;
    }

    

    .user-perfil .user-img {
   position: relative;
    }

.user-perfil .user-img img{
  height: 3.65em;
  width:3.8em;
  border-radius: 99em;
  max-width: 3.65em  !important; 
  cursor: pointer;
}



.user-perfil  .user-img .edit-avatar {
  height: 1.3em;
  width: 1.3em;
  background: #000;
  border-radius: 99px;
  position: absolute;
  bottom: 0;
  left: 0;

} 
/*Login-Register*/
.user-access{
 display: flex;
 grid-gap: 15px;
 flex-direction: column;
}


.user-login, .user-register
{
   
  background: #fff;
  padding: 1.5rem;
  border-radius: 10px;
}



.woocommerce-MyAccount-content  {
 width: 100%;
}
.woocommerce-MyAccount-content  .shop_table {
  margin-bottom: 1.5rem;

}

.woocommerce-MyAccount-content  .shop_table td, .woocommerce-MyAccount-content  .shop_table th {
  padding: 4px 20px;  
}

.woocommerce-MyAccount-content  .shop_table  tr td:first-child,  .woocommerce-MyAccount-content  .shop_table tr th:first-child   {
  padding:  0
}

.woocommerce-MyAccount-content  .shop_table  td {
 font-weight: normal;
}
.woocommerce-MyAccount-content .shop_table th {
  text-align: left;
  }

.woocommerce-MyAccount-content h2 {
    font-size: 1.15rem;
    font-weight: 900;
    line-height: 1.4;
    margin: 0 0 0.25em 0;
}

.woocommerce-MyAccount-content  fieldset
{
  border-radius: 10px;
  border: 1px solid var(--color-gray3);
  padding: 10px 15px;
}


.active-user{
  background: var(--primary-color);
  color: #000;
  width: fit-content;
  border-radius: 5px;
  padding: 0.2em 0.5em;
  margin-bottom: 0.3em;
  font-size: 1rem;
  font-family: var(--font-heading);
  font-weight: 800;
  line-height: initial;

}


.no-active-user{
  background: var(--color-gray2);
  color: #000;
  width: fit-content;
  border-radius: 5px;
  padding: 0.2em 0.5em;
  margin-bottom: 0.3em;
  font-size: 1rem;
  font-family: var(--font-heading);
  font-weight: 800;
  line-height: initial;

}
.user-wrap {
  margin-bottom: 10px; 
  grid-gap: 10px;
  display: grid;
}



/*User Pefil*/
.user-perfil {
  display: flex;
  background: #fff;
  border-radius: 10px;
  align-items: center;
  grid-gap: 0.6em;
  width: 100%;
  font-size: 1rem; box-shadow: var(--box-shadow-woo);
}

.user-perfil .user-name {
  font-weight: 800;
  font-family: var(--font-heading);
  line-height: initial;
  color: #000;
}

.user-perfil .user-data span {
  display: flex;
  align-items: center;
  grid-gap: 5px;
  color: #000;
}

.user-perfil .user-data span img {
  height: 15px;
}

.user-plan {
  background: #fff;
  border-radius: 0.5em;
  width: 100%; 
	box-shadow: var(--box-shadow-woo);
}

.user-perfil,
.user-plan,
.woocommerce-MyAccount-content {
  padding: 1.2rem;
}

.woocommerce-MyAccount-content {
  background: #fff;
  border-radius: 10px; box-shadow: var(--box-shadow-woo);
}


/*Order*/

.order-wrap {
  position: relative;
  border-top: 1px solid var(--color-gray3);
  padding: .25rem 0 ;
}
.order-center {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  justify-items: end;
}


.order-right {
 

    position: absolute;
    top: 0;
    right: 0;
    display: flex;
    flex-direction: column;
    grid-gap: 5px;
    align-items: flex-end;

}

.order-left,
.order-items,
.order-right {
 margin: 1rem 0rem ;
}


.order-item img {
 border-radius: 3px;
 width: auto !important;
}
.order-item {
 font-size: var(--small-text);
 cursor: grab;
 line-height: 1.2;
 display: flex;
 grid-gap: 0.6em;
 align-items: center;


 }


 .woocommerce-MyAccount-content h3,  .woocommerce-MyAccount-content h2 {
  font-size: 1rem;
  font-size: clamp(1rem, 0.9928571428571429rem + 0.03571428571428575vw, 1.05rem);
  font-weight: 800;
  line-height: 1.2;
}

.woocommerce-address-fields {
 margin-top: 15px;
}


/*Left Widget-9*/
.woocommerce-MyAccount-navigation {
  overflow-x: auto;
  overflow-y: hidden;
  margin-bottom: 10px;
 border-radius: 10px; 
	box-shadow: var(--box-shadow-woo);
  width: 100%;    height: 100%; 

}

.woocommerce-MyAccount-navigation ul {
  display: flex;
  white-space: nowrap;
  grid-gap: 5px;
}

.woocommerce-MyAccount-navigation-link a {
  background: #fff;
  border-radius: 99px;

  position: relative;
  padding: 0.5em 1em 0.5em 1em;
  font-size: 1rem;
  display: flex;
  line-height: initial;
  align-items: center;


}

.woocommerce-MyAccount-navigation-link a:before {
  content: "";
  width: 1.25em;
  height: 1.25em;
  position: relative;
  left: 0;
  color: #fff;
  margin-right: 0.55em;
  z-index: 1;
  opacity: 0.55;
}

.woocommerce-MyAccount-navigation-link--dashboard a:before {
  background: url(../../icons/user-dash.svg);
}
.woocommerce-MyAccount-navigation-link--benefits a:before {
  background: url(../../icons/user-benefits.svg);
}

.woocommerce-MyAccount-navigation-link--orders a:before {
  background: url(../../icons/user-cart.svg);
}

.woocommerce-MyAccount-navigation-link--membresia a:before {
  background: url(../../icons/user-subscription.svg);
}

.woocommerce-MyAccount-navigation-link--edit-account a:before {
  background: url(../../icons/user-settings.svg);
}

.woocommerce-MyAccount-navigation-link--edit-address a:before {
  background: url(../../icons/user-address.svg);
}
.woocommerce-MyAccount-navigation-link--customer-logout a:before {
  background: url(../../icons/user-logout.svg);
}

.woocommerce-MyAccount-navigation-link.is-active a {
  color: #000;
  font-weight: 500;
  background: #fcfcfc;
}

@media screen and (min-width: 999px) {


 
  .woocommerce-MyAccount-navigation-link a {
    width: 100%;
    border-radius: 0 ; 
    font-size: 1rem;
    padding: 0.85rem 1.5rem ;
  }

.user-perfil, .user-plan , .woocommerce-MyAccount-content{
  padding: 20px;
}

  .woocommerce-MyAccount-navigation ul {
   
    grid-gap: 1px;
}

.woocommerce-MyAccount-navigation, .user-perfil  {
 
  max-width: 290px;


}


  .woocommerce-MyAccount-navigation-link:first-child a{
   border-radius: 10px 10px 0 0 ;
  }
  .woocommerce-MyAccount-navigation-link:last-child a{
    border-radius: 0 0   10px 10px;
   }
  .order-wrap {
    display: grid;
    grid-template-columns: 1fr 50% 1fr;
  }
  .woocommerce-MyAccount-navigation ul {

    flex-direction: column;
}
  .order-right {
    flex-direction: row;
  
  }
  .order-items {
  border-left: 1px solid var(--color-gray3);
  padding-left: 1.5rem;
}

  .user-content .woocommerce,
  .user-wrap {
    display: flex; 
    grid-gap: 10px; justify-content: center;  
  }


  .runner
  .user-wrap {     margin: 0 auto;
   max-width: 500px; 
   flex-direction: column;

}

.runner  .user-perfil {
  max-width: 100%;
}




.user-access {
 
  flex-direction: row;
}

.user-login, .user-register
{
  width: 50%;
  
}





}