

.user {
  color:var(--color-base-1)!important;
}
.lang-select svg {
      height: 100%;
    width: auto;
    padding: 0.5rem;

}
.lang-select{
  padding:1rem!important;
}
.filter span {
  margin-right:2rem;
}
li { cursor:pointer}

.fa-base-1 {
  color:var(--color-base-1)!important;
  border-radius:100%;
}
.user {
  background:var(--color-lightest)!important;
  margin-left:auto;
  justify-content: right;
  text-align: revert;
}
.ullogout {
  background:var(--color-base-1)!important;
  margin-left: 15px!important;
}
.ullogout li {
  padding:0;
}
.ullogout li a {
  text-decoration:none;
  color:var(--color-lightest);
height:100%;
  width:100%;
}



.fa-sliders {
  margin-left: 4rem;
}
#filter {
  text-align:left;
}
#filter {
  padding: 1rem 5rem 1rem 2rem;
}
#icon.showonfilter {
  display:inline;
}
#icon.hideonfilter {
  display:none;
}
.nav-widgetbox {
    border-radius: 8px;
    margin: 0 0 0 2rem;
    height:0;
}
.nav-widgetbox, .pane {
  transition: width 1s, height 1s;
  
}
.navul {
  height:0;
  display:flex;
}
.navulOpen {
  height:100%;
  display:flex;
}
.navOpen {
  width:20%;
  height:100%;
}
.paneOpen {
  width:80%;
  margin: 0 2rem;
}
.filterul li {
  color:var(--color-lightest);
}
#tabs {
  flex:1;
  margin-left: 2rem!important;
}
#tabs li {
  margin-right:1rem;
}
#tabs li, .filterul li {
    float:left;
    list-style:none;

    outline:none;
 
  border-radius:8px;
    padding:1rem 5rem;
    height: 100%;

  font-size:var(--font-size-2);
}
#tabs-generator, #tabs, .filterul {
  height:100%;
  background:var(--color-lightest);
  margin:0;
  padding:0;
  display: flex;
  border-radius:8px;
}
#filter {
  background:var(--color-base-1)!important;
}
#tabs li:has(.inactive) {
  background: var(--color-lightest);
color:var(--color-base-1);
}
#tabs li {
  background:var(--color-base-2);
color:var(--color-lightest);
}
/*
#tabs-generator li:has(.inactive):hover{
  background: var(--color-base-2-hover);
color:var(--color-base-1);
}
*/




/*******************************************************************/
/* ftrtch dino */
/* [type: CSS] [file:nav] [58.1366] DESIGN*/
/*******************************************************************/
/* 0.1 D>D */
/* db 154 */