
/*************************************
SIDE MENU
*************************************/
.menu-icon-cont > div.menu-icon3 {  margin- top:6px;}
nav#off-menu_150 > div.sm-logo { padding:11px 0px; }
nav#off-menu_150 > div.sm-logo > img { width:220px;}
nav#off-menu_150 > div.sm-filter-cont > input.sm-filter { padding-top:15px; padding-bottom:15px; background:var(--bg-blank-light)!important; color:var(--text-light);     }

nav#off-menu_150 { background:#fff;  }
nav#off-menu_150 .sm-logo { background:var(--bg-color-darker); }
nav#off-menu_150 .sm-filter-cont { margin-to p:50px;  }
nav#off-menu_150 .sm-filter-cont input {  border:0px!important; text-align: center!important; }
nav#off-menu_150 .sm-level {  }

.sm-levels dl.link { padding:0px; margin:0px; min-width:100%; }
.sm-levels dt {  min-width:100%;  margin-bottom:1px!important; height:45px;   width:100%!important; text-align:center;}
.sm-levels dt:hover{ background:#dbe8ff!important;}

.sm-levels .link { backgro und:yellow; paddi ng:10px 0px; display:flex;}
.sm-levels dl a {  color:#122F66!important;  padding:10px 10px 10px 10px!important; bac kground:#111; min-width:100%;  }

/* night */
.night .sm-level { background:var(--bg-color-dark)!important; }
.night .sm-levels dl a  { color:#ccc!important;}
.night .sm-levels dt:hover{ background:var(--bg-color-darker)!important;}
.night .sm-levels dl > .parent::after { filter: invert(1) sepia(0) saturate(1) hue-rotate(210deg); }
.night .productnum { background:var(--bg-color-lightest)!important; color:var(--bg-color-darkest)!important;  }
.night #off-menu_150 .sm-filter-cont {  }


/*************************************
VERTICAL MENU
*************************************/
.sm-parent { display:flex; align-content: center; justify-content: flex-start; ba ckground:#eee;}
.sm-parent .menu-icon-cont {    }
.menu-icon3 {   back ground:#111; top:2px;  }
.menu-icon3 span { height:2px!important; background:#ccc!important;   }

.headerColor .menu-icon3 span,
.frontpage .menu-icon3 span {backg round:#ccc!important;  }

.sm-logo img { max-width:30px!important;  }

/*************************************
Top Bar Stripe
************************************
.topStripeContainer {  font-weight:300;}
.topStripeContainer .market-cap,
.topStripeContainer .market-volume  { margin-right:6px; }
.topStripeContainer a { margin-right:6px; color:#fff!important; }
.topStripeContainer a .value {  color:#E94671!important; }
.topStripeContainer .value { font-weight:600;}
*/
/*************************************
ALGOLIA SEARCH
*************************************/

.overlaydarkness.active {
  background: rgba(0, 0, 0, 0.7);
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width:100%;
  height:100%;
  z-index:3310;
  transition-timing-function: ease-out;
  transition: 1s;
}


#mod_improved_ajax_login-182 { display:flex; flex-direction:row; justify-content: center;  align-items:center; }



.moduleid-196 { max-height:50px; min-height:35px; max-width:300px;  }
.top-bar-right.active .moduleid-196  { max-width:100%; }
.moduleid-196 .mod-content {     }
.moduleid-196 .mod-inner {  padding:0px; margin:0px;  }

#aa-input-container { height:100%; min-height:40px; display:flex; flex-direction:row; justify-content: flex-end;  align-items:center;    }

/*
.headerColor #aa-input-container,
.frontpage #aa-input-container { backgro und:#122F65; }
*/

.algolia-autocomplete { height:35px; position:absolute; z-index:9999999999;    }
.active .algolia-autocomplete {  }
#aa-search-input {
  height:100%;
  min-height:38px;
  background:var(--bg-color-darker) url('../../../images/icons/search-white.png') no-repeat right 15px center!important;
  padding:2px 0px 2px 15px!important;
  color:#fff!important;
  border:1px var(--bg-color-light) solid!important;
  font-family:'Montserrat', sans-serif;
  border-radius:5px!important;
  font-weight:400;
  z-index:999;
  float:right;
  min-width:100%;
  max-width:300px;
}
.headerColor #aa-search-input,
.frontpage #aa-search-input {
  background:var(--bg-color-darker) url('../../../images/icons/search-white.png') no-repeat right 15px center!important;
  color:#fff!important;
  border:0px!important;
}

/*icon*/
.aa-input-icon { top:20px; z-index:999; fill:#ccc; display:none; }
.headerColor .aa-input-icon,
.frontpage .aa-input-icon {   fill: #395996;  }

/* focus */
#aa-search-input:focus {
  background-color:#fff!important;
  border:1px #3a63ad solid!important;
  color:#111!important;
  font-weight:500;
  min-width:100%;

}
.headerColor #aa-search-input:focus,
.frontpage #aa-search-input:focus {
  border:1px #fff solid!important;
  color:#f1f1f1;min-width:100%;
}



/* results */
#algolia-autocomplete-listbox-0 {  max-width:300px;   margin-top:12px; box-shadow:0px 0px 30px rgba(0,0,0,0.1);  position:absolute; z-index:9999999999;
border-top-right-radius: 0px!important;
border-top-left-radius: 0px!important;
border-bottom-right-radius: 25px!important;
border-bottom-left-radius: 25px!important;
}
.autocomplete-footer   { max-width:80px!important; float:right; padding:5px 10px;}

.aa-dataset-1 li a {   }

span.aa-suggestions .aa-suggestion {   height:40px!important; color:#122F66!important; }
span.aa-suggestions .aa-suggestion:hover { background:#f1f1f1;}

span.aa-suggestions .aa-suggestion span {  color:#122F66!important;   display:flex; justify-content: flex-start; align-items:center;  }
span.aa-suggestions img { max-width:25px; margin-top:10px!important;}


/* SMALL SCREEN */
@media only screen and (max-width: 690px) {
  .top-bar-right.active {   flex: 0 1 100%!important;  }
  .algolia-autocomplete {  min-width:100%;  }
  #algolia-autocomplete-listbox-0 { min-width:100%;  }
  #aa-search-input {
    max-width:30px;
    min-width:50px;
    background: url('../../../images/icons/search.png') no-repeat right 15px center!important;
    border:0px #ccc solid!important;
    border-radius:50px!important;
    text-indent:999px;
    font-weight:600;
    z-index:999;
    float:right;
  }
    #aa-search-input:focus {
    border:1px #3b5ea0 solid!important;
    font-size:1.3rem;
    text-indent:0px;
    max-width:100%;min-width:100%;
  }
}

@media only screen and (max-width: 500px) {
  .topbar-inner {  backgroun d:red;   }
  .topbar {   }
  .logo-container   {  }
  .topbar-right { max-height:30px;  }
  .algolia-autocomplete { }
  #aa-search-input:focus {   }
}


/*************************************
QUICK SEARCH
*************************************/
.logo-container { z-index:100; }
#offlajn-ajax-search152 { background:none!important; }
#suggestion-area152 { background:none!important; border:0px!important; min-width:400px;   }
#offlajn-ajax-search-container { background:orange!important; }
#search-form152 { background:none!important; }

#offlajn-ajax-search152 .offlajn-ajax-search-container { background:none!important;}
#offlajn-ajax-search152 .offlajn-ajax-search-container.active{  background:none!important; }

#search-area-close152 {  }
#ajax-search-button152 { display:none; }

.offlajn-ajax-search-inner { background:none!important; display:flex; flex-direction:row; justify-content:flex-end; }
#search-area152 {
    background: url('../../../images/icons/search.png') no-repeat center center!important;
  background-size:16px!important;
background-repeat: no-repeat;
background-position: 2px 3px;
border:0px!important;  max-width:80px; height:40px!important; border-radius:25px!important;  text-shadow:none!important; z-index:101; position:relative;
   }

.headerColor #search-area152,
.frontpage #search-area152 { background: url('../../../images/icons/search-white.png') no-repeat center center!important;   }

#search-area152:hover { cursor:auto}
#search-area152:focus { background:none!important; border:1px #122F66 solid!important; max-width:100%; }
.headerColor #search-area152:focus,
.frontpage #search-area152:focus {  border:1px #395996 solid!important; color:#f1f1f1; }



#search-results-inner152 .no-result  { padding:5px; }
#search-results-inner152 .no-result span {  color:#888;  }




/*****
LIVE SEARCH RESULTS
******/
#search-results152   {
  margin-top:14px;
}
.plugin-title  {
  background:#f1f1f1!important;
  padding:5px!important;

}
.plugin-title .plugin-title-inner {   font-family:'Roboto', sans-serif!important; font-weight:900!important; }
#search-results-moovable152 {
  box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.2);
  font-weight:400!important;
  border-radius:10px!important;
  border:0px!important;
}
#search-results-moovable152 .page-container {
  padding-bottom:20px;
}
#search-results-moovable152 .plugin-title-inner {
  font-weight:400;
  text-shadow:none;
  text-transform:capitalize;
  letter-spacing:1px;
}
#search-results-moovable152 div.no-result { font-weight:400;}

#search-results152 a.result-element {
  padding:7px 10px;
  min-height:65px;
}
#search-results152 a.result-element:hover { background:#f1f1f1!important;   }
#search-results152 a.result-element > img{
  padding:0px;
  border-radius:60px;
  width:17%;
  margin-right:3%;
  max-width:50px;
}
#search-results152 a.result-element > span {
  width:80%!important;
  margin-right:0px;
  margin-left:0px;
}



/*****
FRONTPAGE SEARCH
******/
input#suggestion-area155 {
 height: 50px;
 background:none;
 border:0px;
 box-shadow:none;
}
#offlajn-ajax-search155  {
  margin-top:20px;
 	width:100%!important;
}
input#search-area155 {
 	min-height:50px;
  border-radius:25px!important;
  background:#fff;
}


/*************************************
QUICK SEARCH
*************************************/

.topListings .jrModuleItem  {
  margin-bottom:5px;
}
.topListings img {
  border-radius:50%;
  margin-top:5px;
  border:0px!important;
}
.topListings .jrModuleItemTitle a{
  font-size:1.4rem;
  font-weight:bold;
  margin-left:5px;
}
.topListings .jrOverallRatings {
  padding-left:80px;
}
.topListings .jrOverallEditor {
  display:block;
}
.topListings .jrOverallUser {
  display:block; width:100%;
}
.topListings .jrRatingLabel {
  display:none!important;
}
.topListings .jrRatingValue {
  color:#ccc;
  font-weight:bold;
}
