
.profileMain{display:flex;justify-content:flex-start;padding-bottom: 50px;}
     @media(max-width:991px){ 
     	.profileMain{flex-direction:column;} 
     	.asidePersonal {order: 2;}
     }

/*********************************** ASIDE left **********************************/
.asidePersonal{padding-right: 4.5rem;}
.asidePersonal ul{	padding-left:unset;list-style-type:none;display: flex;  flex-direction: column;margin-top: 0px;}
   @media(max-width:991px){
   	  .asidePersonal{padding-right:unset!important;margin-top: 2rem;}
      .asidePersonal ul li{text-align:center;}	
      .asidePersonal ul li a {min-width:unset!important;}
   }
   
.asidePersonal ul li:not(:last-child){border-bottom:1px solid #e2e2e2;}
.asidePersonal ul li a{ padding: 19px 0px;  color: var(--cl-darkGreen);  display: inline-flex;  min-width: 305px;  align-items: start;}
.asidePersonal ul li a.active {font-family:var(--fs-bold);font-size:22px;line-height:30px;}


/*********************************** ASIDE right **********************************/
.productsFavs .item-n{	
	display: grid;
  grid-template-columns: 2fr 4fr;
  gap: 20px;
	padding: 30px 0px;
}
.productsFavs .x-butt{
   position: absolute;
}

@media(max-width:576px){
	.productsFavs .item-n{	
	  display:flex;
	  flex-direction:column;	
	}
	.profileMain .asideRight .btn.green {margin-right:auto!important;min-width:172px!important;}
	.profileMain .asideRight .img-star-block span {  margin-right: unset!important;}
}

.profileMain .asideRight h6{
  font-family:var(--fs-bold);
  line-height:35px;
  text-transform:revert-layer;
  color:var(--cl-darkGreen);
  font-size: 22px;
  text-wrap: wrap;
}

.profileMain .asideRight .h4{
  display:flex; 
  align-items: center;
  justify-content:start;
}
.profileMain .asideRight .h4 span{
  font-family:var(--fs-extraBold);
  font-size:25px;
  color: var(--cl-saladGreen);
}

.profileMain .asideRight .h4 span:nth-child(2){margin-left:5px;}
.profileMain .asideRight .btn.green{margin-right: unset;margin-left:auto;}
  @media(min-width:992px) and (max-width:1199px){
    .asidePersonal {  padding-right: 2.5rem;}
  }
  @media(min-width:326px) and (max-width:991px){
  	#page-favorites .asideRight span>img{min-width:191px;}
  }
  @media(min-width:326px) and (max-width:576px){
    .profileMain .asideRight .item-n{flex-direction:column;padding-top: 2.5rem; padding-bottom: 2.5rem;}
    .profileMain .asideRight .img-star-block{margin-left:auto;margin-right:auto;}
    .profileMain .asideRight .rating {margin-left: 13rem;}
  }
    
.profileMain .asideRight .img-star-block span{margin-right: 2rem;  display: inline-block;}
.profileMain .asideRight .rating{  margin-top: -2rem; }
.profileContent .change-status{ margin-top:1.5rem;}
   @media(max-width:1199px){
   	.profileContent .change-status .a-underlined{margin-top:1rem;}
   }
.add-new-address-block{margin-top:2rem;}

 .asideRight.accountInformation{padding-top:27px;}


  .profileMain form span.col-xs-12{margin-left:auto;font-size:12px;line-height:26px;margin-top: -10px;}
  @media(max-width:434px){   
  	.profileMain  input, .profileMain textarea{width:75%!important;}
  	.profileMain form span.col-xs-12{margin-left:unset!important;}
  }
  
  
.profileMain .account-i-form::placeholder{font-size:20px;}
.profileMain .asideRight.accountInformation h6 {margin-bottom:30px;}
.profileMain .addresses .change-status{
 	 display:flex;justify-content:space-between;align-items:center;
 }

 .profileMain .asideRight.addresses .row{display:flex;justify-content: space-between;}
    @media(max-width:700px){
      	 .profileMain .asideRight.addresses .row{display:grid;}
      	 .profileMain .addresses .change-status{justify-content:flex-start;}
      	 .profileMain .addresses form .form-field-wrapper:nth-child(5) {  margin-top: 0px!important;}
    }
 
 
.profileMain .addresses .btn.green.border-green{margin:unset!important;}
.profileMain .addresses p{
  padding-top: 20px;
  padding-bottom: 20px;
  color:#9ca4a7;
  line-height: 30px;
}

.profileMain .addresses form .form-field-wrapper:nth-child(5){margin-top: -90px;}

.profileMain .addresses form .comm textarea{height: 100%;}
.profileMain .addresses form.new-address .form-field-wrapper{padding:0}
.profileMain .addresses form.new-address .row{display:grid;grid-template-columns: repeat(6, 1fr);}
.profileMain .addresses h6{margin-bottom:30px;}

.bonuses .green-nr-bonuses{
 padding:27px 54px;	
 background-color:var(--cl-saladGreen);
 border-radius:3px;
 display:flex;
 justify-content:flex-start;
 align-items: Center;
 width:50rem;
}  

  @media(min-width:992px) and (max-width:1240px){
  	  .bonuses .green-nr-bonuses{width:39rem;}
  }
  @media(min-width:576px) and (max-width:991px){
  	  .bonuses .green-nr-bonuses{width:30rem;}
  }
   @media(min-width:326px) and (max-width:575px){
  	  .bonuses .green-nr-bonuses{
  	  	width: 27rem;
        scale: 0.7;
        margin-left: -66px;
      }
  }
.bonuses .green-nr-bonuses span{color:#fff; margin-right:25px;}
.bonuses .green-nr-bonuses span:nth-child(2){font-family:var(--fs-extraBold);font-size:20px;line-height:26px;text-transform:uppercase;}
.bonuses .green-nr-bonuses span:nth-child(3){font-family:var(--fs-extraBold);font-size:60px;line-height:26px;margin: 0 auto;}

.bonuses .expire{padding-top:20px;padding-bottom:20px;}
.bonuses .expire span{font-family:var(--fs-extraBold);margin-left:5px;}

.asideRight.orders{margin-top: 18px;min-width: 800px;}
.orders .all-mini-titles{display:flex;justify-content:space-between;}
.orders .all-mini-titles .mini-titles{color:Var(--cl-darkGreen);padding-right:26px;padding-bottom:25px;}
.orders .all-mini-titles .mini-titles>*{display:inline-block;white-space:nowrap;}
.orders .all-mini-titles .mini-titles div, .orders .all-mini-titles .mini-titles time{font-family:var(--fs-bold);}


   @media(min-width:992px) and (max-width:1199px){
   	 .orders{min-width:unset!important;}
   }	
   @media(min-width:326px) and (max-width:991px){
   	 .orders{min-width:unset!important;}
   }
   @media(min-width:560px) and (max-width:991px){
   	.orders .all-mini-titles{flex-direction:column;}
   	.orders .all-mini-titles .mini-titles>*{font-size:unset;}
   }
   @media(min-width:326px) and (max-width:478px){
     .orders .table > div > span:first-child{font-size: 18px;margin-right:12px;}
     .orders .table > div > span:nth-child(2){padding-right:1rem!important;}

     .orders .table > .product-price > span:nth-child(2) {padding-right:1rem!important;.orders .table > .suma-finala > span:nth-child(2)}
     .orders .table > .suma-finala > span:nth-child(2){font-size:27px!important;display:inline-flex;}
     .orders .table > .suma-finala > span:nth-child(2)>b{font-size:27px!important;}
     .orders .table > .suma-finala > span:nth-child(2)>span{font-size:27px!important;margin-left:5px;}
     .orders .table .total {padding: 7px 0px 7px 2px!important;}
     .orders .all-mini-titles{flex-direction:column;}
     .orders .delivery span:nth-child(2){font-size:18px!important;}
     
     .asideRight.orders .btn.green{
	     display:flex;
	     justify-content:center;
	     align-items:center;
	     padding:9px 12px;
	     font-size:15px;	
     }
   }
 
.orders .table>div{display:flex;line-height:}
.orders .table>div>span{padding:13px 0px;}
.orders .table>div>span:first-child{flex-grow:3;}
.orders .table>div>span:nth-child(2){padding-right:4rem;}



.profileOrders .header-table>span{font-size:17px;}
.profileOrders .item-1:nth-child(even){
	background-color:#ededed;
	padding:15px 10px;

	
}
.profileOrders .item-1:nth-child(odd){
		display: table-row;
	}
.profileOrders .item-1:nth-child(odd),
.profileOrders .header-table{
	background-color:#fff;
	padding:15px 10px;

}
.profileOrders.table{display:table;border-collapse: collapse;}

.profileOrders .item-1 span,
.profileOrders .header-table .date,
.profileOrders .header-table .status{padding: 1px 20px;}


.profileOrders .item-1:nth-child(1)>span>a{	font-weight:bold;}
  @media(max-width:1199px){
  	.profileOrders.table div span{padding: 1px 10px;}
  	.profileOrders.table .header-table span:nth-child(4) {  padding-right: 58px!important;  padding-left: 32px!important;}
  }	
  @media(max-width:698px){
  	
    .profileOrders.table .header-table span:nth-child(4) { padding-right: 46px !important;  padding-left: 69px !important;}
    .profileOrders.table {overflow:scroll;display:block;padding-bottom: 1.5rem;}
    .profileOrders.table > div > span:nth-child(3) {  flex-grow: unset!important;}
    .profileOrders.table .header-table span:nth-child(3) {  padding-left: 53px!important; }
    .profileOrders.table > div:nth-child(2n),
    .profileOrders.table > div:nth-child(2n+1) {padding: 9px 6px;}
    .profileOrders.table div span.price-order {min-width: fit-content;}

  }
  @media(max-width:484px){
			.profileOrders.table>div:nth-child(even){
				padding:15px 0px!important;
			}
			  .profileOrders.table>div:nth-child(odd){
				padding:15px 0px!important;
			}
  }
  
  .profileOrders.table div span:first-child{font-family:var(--fs-bold);}
  .profileOrders.table .header-table span:first-child {font-family:var(--fs-regular);min-width: 110px;}


  .profileOrders.table>div{display:flex;font-size:18px;display:table-row;}
  .profileOrders.table>div>span{text-align:start;display: table-cell;padding: 10px 20px;}
  .profileOrders.table>div>span:nth-child(3){flex-grow:2;}
  .profileOrders.table .header-table span:nth-child(4){padding-right: 93px;padding-left: 43px;}
  .profileOrders.table .header-table span:nth-child(5){padding-right: 56px;}
  .profileOrders.table div span.price-order{font-family:var(--fs-bold);}
  .profileOrders.table div span.price-order span{ padding-left:3px;}
  .profileOrders.table .item-1 .view>a{color: var(--cl-darkGreen);text-decoration: underline;}


/**/



.orders .product-price>span:first-child{text-decoration:underline;}
.orders .table .line{border-bottom:1px solid #e2e2e2;}
.orders .table .total{
  background-color: #ededed;
  color: #7b8689;
  border-radius: 3px;
  padding: 7px 0px 7px 22px;
  font-family: var(--fs-extraBold);
  border: none;
  }
.orders .table .delivery,
.orders .table .puncte-bonus{max-height:40px;}

.orders .table .delivery b,
.orders .table .puncte-bonus b{font-family:var(--fs-extraBold);}

.orders .table .suma-finala{
	font-family: var(--fs-extraBold);
  color: #fff;
  background-color: var(--cl-saladGreen);
  border-radius: 3px;
  margin-top: 23px;
  display: flex;
  align-items: center;
  margin-bottom: 30px;
  padding-left: 15px;
}

.orders .table .suma-finala span:nth-child(2){font-size:30px;}
.orders .btn.green {margin:unset!important;margin-right:5px!important;}





.contul-meu .h6 a{font-family:var(--fs-extraBold);color:var(--cl-saladGreen);}
.contul-meu .h6 a:hover{text-decoration:underline;text-underline-offset:3px;}
.contul-meu .h6 b{font-family: var(--fs-extraBold);}

.grid-my-account{
 display:grid;
 grid-template-columns:repeat(auto-fit, minmax(300px, 1fr));
 gap: 0.75rem;
 padding-top:50px;
 padding-bottom:50px;	
}

.grid-my-account>a{
	padding-top:35px;
	padding-bottom:35px;
	display:flex;
	flex-direction:column;
	border:1px solid #e2e2e2;
	text-align: center;
  justify-content: center;
  align-items: Center;
  border-radius: 5px;
  color:var(--cl-darkGreen);
}
.grid-my-account > a:before{
	content:'';
	display:block;
	position:relative;
	margin:0px auto 1rem auto;
	width:63px;
	height:68px;
	background-size:contain;
	background-repeat:no-repeat;
	background-position:center center;
}
.grid-my-account > a.orders:before{
	background-image:url('../images/my-orders.png');
}
.grid-my-account > a.bonuses:before{
	background-image:url('../images/point.png');
}
.grid-my-account > a.addresses:before{
	background-image:url('../images/direction.png');
}
.grid-my-account > a.info:before{
	background-image:url('../images/user-green-big.png');
}
.grid-my-account > a.favorites:before{
	background-image:url('../images/like.png');
}
.grid-my-account > a.logout:before{
	background-image:url('../images/logout.png');
}

.grid-my-account>a>img{width:max-content;height:auto;}
.grid-my-account > a:hover {border: 1px solid var(--cl-saladGreen);font-family:var(--fs-bold);}
