#valaSearchTheme #valaSearchThemeFooter {
  position:absolute;
  bottom:30px;
  left:50%;
  transform:translateX(-50%);
  display: flex;
  flex-direction: column;
  align-items: center;
}
#valaSearchTheme a#valaSearchThemeClosebtn i {
   color: rgb( var(--theme-main_nav_font) );
}

#valaSearchTheme a.cShareLink {
 color: rgb( var(--theme-main_nav_font) )!important; 
}

a#valaSearchThemeClosebtn {
  font-size:30px;color:black;position:absolute;top:5%;
}

html[dir="rtl"] a#valaSearchThemeClosebtn {
  left:5%;
}

html[dir="ltr"] a#valaSearchThemeClosebtn {
  right:5%;
}
#elSearch { 
   border:2px solid rgba();
  border-radius:0;
}
#valaSearchTheme #elSearchWrapper form {
   background-color: rgb( var(--theme-main_nav) );
}
 
#valaSearchThemeBtn{
  color:inherit;
  cursor:pointer;
  min-width: 50px; /*150px;*/
  text-align: end;
}
html[dir="ltr"] #valaSearchThemeBtn > span {
  margin-left:10px
}

html[dir="rtl"] #valaSearchThemeBtn > span {
  margin-right:10px
}
#valaSearchTheme{
    position: fixed;
    z-index: 150000;
    top: 0;
    left: 0;
    min-width: 100%;
    height: 100vh;
    overflow: hidden;
    bottom:0;
    display:none;
    background: rgb( var(--theme-page_background) );
}

  
  #valaSearchTheme #valaqsearchcontainer{
    position:absolute;
    left:50%;
    top:20%;
    transform:translate(-50%,-50%);
    width:50%;
    height:60px;
  }
  
  #valaqsearchcontainer #elSearch,#valaqsearchcontainer form , #valaqsearchcontainer input {   
    width:100%;
    height:inherit;
    color:rgb(var(--theme-text_color));
  }
  #valaqsearchcontainer form{
   /*background-color:#f4f4f4!important; */
  }
  
  #valaqsearchcontainer button{
   /*background-color:grey!important; */
   /* color:white!important;*/
  }
  #valaqsearchcontainer input {
    max-width:100%!important;
   /* height: 60px!important;*/
    font-size: 30px!important;
    padding:10px 20px!important;
   /* border: 1px solid!important;*/

  }
  #valaqsearchcontainer #elSearchExpanded {
    max-height:50vh!important;
    overflow-y: auto!important;
    width: 100%!important;
    right: 0!important;
    top: calc(100% + 4px)!important;
  }
  
    .vfade-in {
  animation: vfadeIn ease .3s;
  -webkit-animation: vfadeIn ease .3s;
  -moz-animation: vfadeIn ease .3s;
  -o-animation: vfadeIn ease .3s;
  -ms-animation: vfadeIn ease .3s;
}
@keyframes vfadeIn {
  0% {
    opacity:0;
  }
  100% {
    opacity:1;
  }
}

@-moz-keyframes vfadeIn {
  0% {
    opacity:0;
  }
  100% {
    opacity:1;
  }
}

@-webkit-keyframes vfadeIn {
  0% {
    opacity:0;
  }
  100% {
    opacity:1;
  }
}

@-o-keyframes vfadeIn {
  0% {
    opacity:0;
  }
  100% {
    opacity:1;
  }
}

@-ms-keyframes vfadeIn {
  0% {
    opacity:0;
  }
  100% {
    opacity:1;
}
  }
  
  
  .vfade-out {
  animation: vfadeOut ease .3s;
  -webkit-animation: vfadeOut ease .3s;
  -moz-animation: vfadeOut ease .3s;
  -o-animation: vfadeOut ease .3s;
  -ms-animation: vfadeOut ease .3s;
}
@keyframes vfadeOut {
  0% {
    opacity:1;
  }
  100% {
    opacity:0;
  }
}

@-moz-keyframes vfadeOut {
  0% {
    opacity:1;
  }
  100% {
    opacity:0;
  }
}

@-webkit-keyframes vfadeOut {
  0% {
    opacity:1;
  }
  100% {
    opacity:0;
  }
}

@-o-keyframes vfadeOut {
  0% {
    opacity:1;
  }
  100% {
    opacity:0;
  }
}

@-ms-keyframes vfadeOut {
  0% {
    opacity:1;
  }
  100% {
    opacity:0;
}
  }