:root{
     --width:15vw;
     --height:15vh;
     --img-url:url("/res/imgs/half-logo.png");
}

.icon{
     width: var(--width);
     height:var(--height);
     flex-shrink: 1;
     background-repeat: no-repeat;
     background-position:center;
     background-size: contain;

     background-image:var(--img-url);
     opacity: 0.8;
}




.img{
     width: var(--width);
     height:var(--height);
     flex-shrink: 1;

}


.icon:hover{
     cursor: pointer;
     opacity: 1;
}

.extratiny{
     --width:1rem;
     --height:1rem;
}

.tiny{
     --width:2vw;
     --height:3vh;
}
.small{
     --width:5vw;
     --height:5vh;
}
.mid{
     --width:10vw;
     --height:10vh;
}
.big{
     --width:15vw;
     --height:15vh;
}
.w_auto_big{
     --width:50rem;
     --height:15vh;
}
.tinyAuto{
     --width:5vw;
     --height:auto;
}

.large{
     --width:30vw;
     --height:auto;
}
.icon.tiny:hover {
     opacity: 1;
   }

/* icons */
.fast_truck{
     --img-url:url("/res/imgs/icons/truck_fast.svg");

}


.return_goods{

     --img-url:url("/res/imgs/icons/return.svg");

}
.phone{

 --img-url:url("/res/imgs/icons/phone.svg");

}
.heartsolid{
     --img-url: url("/res/imgs/icons/heart-solid.svg");

}

.check_mark{
     --img-url: url("/res/imgs/icons/circle-check-solid.svg");
}




.heart_add{
     --img-url: url("/res/imgs/icons/heart-circle-plus-solid.svg");
}

.left_icon{
     --img-url: url("/res/imgs/icons/circle-chevron-left-solid.svg");
}


.right_icon{
     --img-url: url("/res/imgs/icons/circle-chevron-right-solid.svg");
}

.heart_add_ds{
     --img-url: url("/res/imgs/icons/heartplusdualtone.svg");
}
.heart_minus{
     --img-url: url("/res/imgs/icons/heart-circle-minus-solid.svg");
}

.heart_solid{
     --img-url: url("/res/imgs/icons/heart-solid.svg");
}

.cart_add{
     --img-url: url("/res/imgs/icons/cart-plus-solid.svg");
}

.cart_add_white{
     --img-url: url("/res/imgs/icons/cart_add_white.svg");
}
.cart_view{
     --img-url: url("/res/imgs/icons/cart-shopping-solid.svg");
}

.whatsapp{
     --img-url:url("/res/imgs/icons/whatsapp-brands.svg");

}
.whatsappdark{
     --img-url:url("/res/imgs/icons/whatsapp.svg");

}
.image_icon{
     --img-url:url("/res/imgs/icons/image-solid.svg");

}
.add{
     --img-url:url("/res/imgs/icons/plus-solid.svg");
}
.delete{
     --img-url:url("/res/imgs/icons/trash-solid.svg");
}
.invoiceWhite{
     --img-url:url("/res/imgs/icons/file-invoice-white.svg");
}
.billmachine{
     --img-url:url("/res/imgs/icons/cash-register-solid.svg");
}
.searchbar_icon{
     --img-url:url("/res/imgs/icons/magnifying-glass-solid.svg");

}
.edit_icon{
     --img-url:url("/res/imgs/icons/pen-to-square-solid.svg");

}


.arrow_down{
     --img-url:url("/res/imgs/icons/sort-down-solid.svg");

}
.list_icon{
     --img-url:url("/res/imgs/icons/list-solid.svg");

}
.end{
     justify-content: end;
}
/* media */