#valasharebarContainer{
{{if theme.vala_sharebar_heighttoscroll != 0}}
    opacity: 0;
    visibility: hidden;
  {{endif}} 
  transition: all .2s ease-in-out;
}

#valasharebarContainer.show {
  opacity:1;
  visibility: visible;
  
}

#valasharebackContainer{
{{if theme.vala_sharebar_heighttoscroll != 0}}
    opacity: 0;
    visibility: hidden;
  {{endif}} 
  transition: all .2s ease-in-out;
}

#valasharebackContainer.show {
  opacity:1;
  visibility: visible;
  
}

.cShareLink_action {
  background-color: rgb(var(--vala_sharebar_action_bg))!important; 
  color: rgb(var(--vala_sharebar_action_color))!important;
}

.valashare-icon-bar {
  position: fixed;
  top: 50%;
  z-index: 5001;
  -webkit-transform: translate(0%,-50%);
  -ms-transform: translate(0%,-50%);
  transform: translate(0%,-50%);
}


html[dir="ltr"] #valasharebackContainer {
  
  -webkit-transform: translate(100%,-50%);
  -ms-transform: translate(100%,-50%);
  transform: translate(100%,-50%);
  
  
}

html[dir="ltr"] #valasharebackContainer {
  
  -webkit-transform: translate(-100%,-50%);
  -ms-transform: translate(-100%,-50%);
  transform: translate(-100%,-50%);
  
  
}

html[dir="ltr"] .valashare-icon-bar{
	right:0; 
}
html[dir="rtl"] .valashare-icon-bar{
	left:0; 
}

.valashare-icon-bar a {
  display: block;
  text-align: center;
  transition: all 0.3s ease;
  color: rgb(var(--vala_sharebar_action_color));
  font-size: {theme="vala_sharebar_size"}px;
  {{$paddingg = \round(theme.vala_sharebar_size /2);}}
  padding: {$paddingg}px;
  cursor:pointer;

}

.valashare-icon-bar a:hover, #valasharebackContainer a:hover,#valasharehidebtn:hover  {
  background-color: #000!important;
}
#valasharehidebtn {
  background-color: rgb(var(--vala_sharebar_action_bg))!important;
  color: rgb(var(--vala_sharebar_action_color))!important;
  cursor:pointer;
}
.valashareBarContainer-slide-in {
 animation: vala-sharebar-in .4s ease forwards; 
}

.valashareBarContainer-slide-out {
 animation: vala-sharebar-out .4s ease forwards; 
}

.valashareBarContainer-slide-inr {
 animation: vala-sharebar-inr .4s ease forwards; 
}

.valashareBarContainer-slide-outr {
 animation: vala-sharebar-outr .4s ease forwards; 
}

@keyframes vala-sharebar-in {
   0% { transform: translate(100%,-50%); }
    100% { transform: translate(0%,-50%); }
}
@-webkit-keyframes vala-sharebar-in {
   0% { transform: translate(100%,-50%); }
    100% { -webkit-transform: translate(0%,-50%); }
}

@keyframes vala-sharebar-out {
    0% { transform: translate(0%,-50%); }
    100% { transform: translate(100%,-50%); }
}

@-webkit-keyframes vala-sharebar-out {
    0% { -webkit-transform: translate(0%,-50%); }
    100% { -webkit-transform: translate(100%,-50%); }
}

@keyframes vala-sharebar-inr {
   0% { transform: translate(-100%,-50%); }
    100% { transform: translate(0%,-50%); }
}
@-webkit-keyframes vala-sharebar-inr {
   0% { transform: translate(-100%,-50%); }
    100% { -webkit-transform: translate(0%,-50%); }
}

@keyframes vala-sharebar-outr {
    0% { transform: translate(0%,-50%); }
    100% { transform: translate(-100%,-50%); }
}

@-webkit-keyframes vala-sharebar-outr {
    0% { -webkit-transform: translate(0%,-50%); }
    100% { -webkit-transform: translate(-100%,-50%); }
}