div#idwww_menu_wrap {
  position:fixed;
  right:0;
  top:32px;
  height:38px;
  width:calc(95% - 700px);
  max-width:747px;
  background-color:#ccc;
}

div#idwww_menu {
  width:100vw;
  right:0px;
  position:relative;
}

#idwww_menu_wrap .scroll_button {
  cursor:pointer;
  color:#777;
  position: absolute;
  top: 0;
  z-index: 1;
  display:none;
}

#idwww_menu_wrap #scroll_left::before {
  content:"\f104";
  font-family: FontAwesome;
  font-size:32px;
  line-height:38px;
}

#idwww_menu_wrap #scroll_right::before {
  content:"\f105";
  font-family: FontAwesome;
  font-size:32px;
  line-height:38px;
}

#idwww_menu_wrap #scroll_left {
  left:0;
  padding:0px 6px 0px 3px;
  background: linear-gradient(to left,rgba(255,255,255,0),rgba(255,255,255,1));
}

#idwww_menu_wrap #scroll_right {
  right:0;
  padding:0px 3px 0px 6px;
  background: linear-gradient(to right,rgba(255,255,255,0),rgba(255,255,255,1));
}


#idwww_menu ul {
  list-style-type:none;
}

#idwww_menu .sf-menu a {
  text-decoration:none;
  border:none;
  padding-left:18px;
  padding-right:18px;
}

#idwww_menu span.menutitle {
  font-size:16px;
  font-family:"Open Sans", Roboto, sans-serif;
  font-weight:600;
  color:#777;
}

#idwww_menu .sf-menu ul span.menutitle {
  font-size:14px;
  font-family:"Open Sans", Roboto, sans-serif;
  font-weight:400;
  color:#555;
}

#idwww_menu > ul > li {
  padding-bottom:0px;
}

#idwww_menu > ul > li.hidden {
  width:0px;
  display:none;
}

#idwww_menu span.caret::before {
  content:"\f107";
  font-family: FontAwesome;
  color:#777;
  padding-left:12px;
  margin-top: 6px;
  margin-left: auto;
  display: inline-block;
  float: right;
}

#idwww_menu .sf-menu ul li span.caret::before {
  content:"\f105";
}

.sf-menu li,
.sf-menu ul li {
  background-color:white;
  border-left:1px solid #eaecee;
}

.sf-menu ul ul li {
  background-color:white;
  border-left:none;
}

#idwww_menu_mobile .sf-menu ul ul {
  padding-left:4vmin;
  background-color:white;
}

.sf-menu ul li span.menutitle {
  color:black;
}

.sf-menu li:hover,
.sf-menu li.active {
  background-color:#e7e7e7;
}

#idwww_menu_mobile {
  position:absolute;
  left:100vw;
  border-left:0vw solid transparent;
  border-bottom:0vh solid transparent;
}

#idwww_menu_mobile.maxified {
  border-left:30vw solid transparent;
  border-bottom:70vh solid transparent;
  left:0vw;
}

#idwww_menu_mobile .sf-menu li {
  min-height:10vmin;
}

#idwww_menu_mobile span.menutitle {
  font-size:4vmin;
  font-family:"Open Sans", Roboto, sans-serif;
  font-weight:400;
  color:#777;
}

#idwww_menu_mobile ul li span.menutitle {
  color:black;
}


#idwww_menu_mobile .sf-menu a {
  padding:0.5vmin;
}

a#btn_toggle_menu {
  display:block;
  float:none;
  background-color:white;
  font-size:4vmin;
  width:3vmin;
  padding:2.5vmin 3.5vmin;
  position:relative;
  left:-10vmin;
}

#idwww_menu_mobile .sf-menu {
  margin-top:-10vmin;
  min-width:70vw;
  width:70vw;
}

#idwww_menu_mobile .sf-menu > li {
  float:none;
  background-color:#f5f5f5;
}

#idwww_menu_mobile .sf-menu ul {
  position:static;
}

#idwww_menu_mobile .sf-menu li {
  border-bottom:1px solid #999;
}

#idwww_menu_mobile span.caret::before {
  content:"\f107";
  font-family: FontAwesome;
  color:#777;
  padding-left:2vmin;
  padding-top:1vmin;
  margin-top: 1vmin;
  margin-left: auto;
  margin-right: 5vmin;
  display: inline-block;
  float:right;
  font-size:4vmin;
}