html { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif}
.autocomplete-suggestions {
	text-align: left; cursor: default; border: 1px solid #ccc; border-top: 0; background: #fff; box-shadow: -1px 1px 3px rgba(0,0,0,.1);
	position: absolute; display: none; z-index: 9999; max-height: 550px; overflow: hidden; overflow-y: auto; box-sizing: border-box;
}
.autocomplete-suggestion { position: relative; padding: 0 .6em; line-height: 23px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 1.02em; color: #333; }
.autocomplete-suggestion b { font-weight: normal; color: #1f8dd6; font-size: 15px}
.autocomplete-suggestion.selected { background: #f0f0f0; }
.auto-input { width:95%;max-width:325px;padding-left:30px;font-size:15px;outline:0;color:black;background:white;font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;font-size:1.02em;height:25px !important;border-radius:4px !important}
/* For the menu. From http://bootsnipp.com/snippets/featured/fancy-sidebar-navigation */
body { position: relative; }
body, html { height: 100%; overflow:auto; }
/*.nav .open > a, 
.nav .open > a:hover;
}*/
/*.nav .open > a:focus {background-color: transparent;}*/

#bq-auto-complete { margin-left:0px;max-width:325px;top:5px;display:inline}

/*--------- Wrappers ---------*/
#bq-menu {
	padding-left: 0;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
.ham-top {width: 14px !important;}
.ham-mid {width: 14px !important;margin-top:-2px;}
.ham-bottom {width: 14px !important;margin-bottom:-1px;}
#bq-menu.toggled {padding-left: 300px;}
.menu-text { margin-top: 4px; margin-left: 20px; color: gray; }
#bq-sidebar {
	z-index: 1000;
	left: 300px;
	width: 0;
	height: 100%;
	margin-left: -300px;
	overflow-y: auto;
	overflow-x: visible; /*hidden; */
	background: #1a1a1a;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
#bq-sidebar::-webkit-scrollbar {display: none;}
#bq-menu.toggled #bq-sidebar {width: 300px;}
#bq-menu.toggled {position: absolute;margin-right: -300px;}

.hidden {display:none;}
.sidebar-nav {position: absolute;top:0;width:300px;margin:0;padding:0;list-style:none;}
.sidebar-nav li {position:relative;line-height:20px;display:inline-block;width:100%;}
.sidebar-nav li:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
	height: 100%;
	width: 3px;
	background-color: #5a1bec; /*#1c1c1c; */
	-webkit-transition: width .2s ease-in;
	  -moz-transition:  width .2s ease-in;
	   -ms-transition:  width .2s ease-in;
			transition: width .2s ease-in;
}
.sidebar-nav li:first-child a {color: #fff;background-color: #1c1c1c;}
.sidebar-nav li:nth-child(2):before {background-color: #ec1b5a;}
.sidebar-nav li:nth-child(3):before {background-color: #963627;}
.sidebar-nav li:nth-child(4):before {background-color: #1b5aec;}
.sidebar-nav li:nth-child(5):before {background-color: #79aefe;}
.sidebar-nav li:nth-child(6):before {background-color: #314190;}
.sidebar-nav li:nth-child(7):before {background-color: #279636;}
.sidebar-nav li:nth-child(8):before {background-color: #7d5d81;}
.sidebar-nav li:nth-child(9):before {background-color: #ead24c;}
.sidebar-nav li:nth-child(10):before {background-color:#2d2366;}
.sidebar-nav li:nth-child(11):before {background-color:#35acdf;}
.sidebar-nav li:nth-child(12):before {background-color:#ec1b5a;}
.sidebar-nav li:nth-child(13):before {background-color:#963627;}
.sidebar-nav li:nth-child(14):before {background-color:#1b5aec;}
.sidebar-nav li:nth-child(15):before {background-color:#79aefe;}
.sidebar-nav li:nth-child(16):before {background-color:#314190;}
.sidebar-nav li:nth-child(17):before {background-color:#279636;}
.sidebar-nav li:nth-child(18):before {background-color:#7d5d81;}
.sidebar-nav li:nth-child(19):before {background-color:#ead24c;}
.sidebar-nav li:nth-child(20):before {background-color:#2d2366;}
.sidebar-nav li:hover:before,
.sidebar-nav li.open:hover:before {
	width: 100%;
	-webkit-transition: width .2s ease-in;
	-moz-transition:  width .2s ease-in;
	-ms-transition:  width .2s ease-in;
	transition: width .2s ease-in;
}
.sidebar-nav li a {
	display: block;
	color: #ffffff; /*ddd; */
	text-decoration: none;
	padding: 3px 5px 3px 5px;    
}
.sidebar-nav li a:hover,
.sidebar-nav li a:active,
.sidebar-nav li a:focus,
.sidebar-nav li.open a:hover,
.sidebar-nav li.open a:active,
.sidebar-nav li.open a:focus{
	color: #000000;
	/*color: #fff;*/
	text-decoration: none;
	background-color: transparent;
}

.sidebar-nav > .sidebar-brand {
	height: 25px; /* Was 65px */
	font-size: 20px;
	line-height: 25px;  /* Was 44px */
}
.sidebar-nav .dropdown-menu {position:relative;width:100%;padding:0;margin:0;border:none;background-color:#222;box-shadow:none;}
/*--- Hamburger Cross ---*/
.bq-ham {position: fixed;top:5px;z-index:999;display:block;width:25px;height:25px;margin-left:5px;background:transparent;border:none;}
.bq-ham:hover, .bq-ham:focus, .bq-ham:active {outline:none;}
.bq-ham.is-closed:before {
  content: '';
  display: block;
  width: 100px;
  font-size: 14px;
  color: #fff;
  line-height: 32px;
  text-align: center;
  opacity: 0;
  -webkit-transform: translate3d(0,0,0);
  -webkit-transition: all .35s ease-in-out;
}
.bq-ham.is-closed:hover:before {
  opacity: 1;
  display: block;
  -webkit-transform: translate3d(-100px,0,0);
  -webkit-transition: all .35s ease-in-out;
-ms-transition: all .35s ease-in-out;
-o-transition: all .35s ease-in-out;
transition: all .35s ease-in-out;
}

/* For Firefox */
/*.ham.is-closed:hover .ham-bottom {
bottom: 0;
-webkit-transition: all .35s ease-in-out;
-moz-transition: all .35s ease-in-out;
-ms-transition: all .35s ease-in-out;
-o-transition: all .35s ease-in-out;
transition: all .35s ease-in-out;
}*/
.menu-word { font-size: 10px; color: #1a1a88; }

.bq-ham.is-closed .ham-top, .bq-ham.is-closed .ham-mid,
.bq-ham.is-closed .ham-bottom, .bq-ham.is-open .ham-top,
.bq-ham.is-open .ham-mid, .bq-ham.is-open .ham-bottom {position:absolute;left:0;height:4px;width:100%;}
.bq-ham.is-closed .ham-top, .bq-ham.is-closed .ham-mid, .bq-ham.is-closed .ham-bottom {background-color:#1a1a88;}
.bq-ham.is-closed .ham-top {top: 5px; -webkit-transition: all .35s ease-in-out; }
.bq-ham.is-closed .ham-mid {top:50%;margin-top:-2px;}
.bq-ham.is-closed .ham-bottom {bottom: 5px; -webkit-transition: all .35s ease-in-out; }
.bq-ham.is-closed:hover .ham-top {top: 0; -webkit-transition: all .35s ease-in-out;}
.bq-ham.is-closed:hover .ham-bottom {bottom: 0; -webkit-transition: all .35s ease-in-out; }
.bq-ham.is-open .ham-top,
.bq-ham.is-open .ham-mid,
.bq-ham.is-open .ham-bottom {background-color: #1a1a88; }
.bq-ham.is-open .ham-top, .bq-ham.is-open .ham-bottom {top:50%;margin-top:-2px;}
.bq-ham.is-open .ham-top { 
  -webkit-transform: rotate(45deg);
  -webkit-transition: -webkit-transform .2s cubic-bezier(.73,1,.28,.08);
}
.bq-ham.is-open .ham-mid { display: none; }
.bq-ham.is-open .ham-bottom {
  -webkit-transform: rotate(-45deg);
  -webkit-transition: -webkit-transform .2s cubic-bezier(.73,1,.28,.08);
}
.bq-ham.is-open:before {
  content: '';
  display: block;
  width: 100px;
  font-size: 14px;
  color: #fff;
  line-height: 32px;
  text-align: center;
  opacity: 0;
  -webkit-transform: translate3d(0,0,0);
  -webkit-transition: all .35s ease-in-out;
}
.bq-ham.is-open:hover:before {opacity:1;display:block;-webkit-transform: translate3d(-100px,0,0);-webkit-transition: all .35s ease-in-out;}
.bq-overlay {position:fixed;display:none;width:100%;height:100%;top:0;left:0;right:0;bottom:0;background-color:rgba(250,250,250,.8);z-index:1;}