
#toolbar *{line-height:0;color:var(--gin-color-text-light)}
#toolbar a:hover{color:var(--gin-color-text)}
#toolbar ul li:hover *, #toolbar select{color:var(--gin-color-text) !important}
#toolbar .lists ul{display:flex;gap:2rem;padding:0;flex-flow:wrap;justify-content:center;align-items:center;line-height:0; }
#toolbar .lists ul li{display:block}

#toolbar .dash{position:fixed;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);z-index:2500}
#toolbar #left-column,#toolbar #right-column{display:flex;}

#toolbar .crumbs li:not(:first-child) a:before,
#toolbar .crumbs li.term:before{content:'/ ';padding-right:1rem;margin-left:-1rem;}

#toolbar #menu{top:0;right:0;border-bottom:1px solid rgb(255 255 255 / 7%);display:flex;justify-content:space-between;z-index:9000}
#toolbar #menu ul{padding:0 2rem 0 0; margin:0}
#toolbar #menu ul li a{display:flex;height:4rem;color:var(--gin-color-text);align-items:center;transition:font-size .5s !important;margin-bottom:-1px}
#toolbar #menu ul li a.is-active{border-bottom:1px solid var(--gin-color-text);color:var(--gin-color-text)}
#toolbar #menu ul li a:hover,
#toolbar #menu ul li a.small{border-bottom:1px solid var(--gin-color-text)}
#toolbar #menu img{height:100%}

.scrolled #menu ul li a{font-size:1rem}
.scrolled #menu ul li a.button{font-size:11px;}

#toolbar:after{height:4rem;right:0;left:0; top:0;background:linear-gradient(180deg, rgba(0, 0, 0, .7) 10%, transparent);display:block; position:fixed;content:' ';z-index:2000; left:0;opacity:0.7;transition:opacity 1s;}
#toolbar:hover:after{opacity:1}

@media (max-width:1199px){
  #toolbar #logo {width:100%;justify-content: flex-start;padding-left: 1rem;    border-bottom: 1px solid rgb(255 255 255 / 7%);}
}
@media (min-width:1200px){
  #toolbar #menu{left:4rem;}
}
@media (max-width:767.98px){
  .dashboard-hover-right{display:none !important}
}

