/* Import the Open Sans webfont from Google CDN */
/*@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: local('Open Sans Light'), local('OpenSans-Light'), url(https://themes.googleusercontent.com/static/fonts/opensans/v6/DXI1ORHCpsQm3Vp6mXoaTRsxEYwM7FgeyaSgU71cLG0.woff) format('woff');
}

@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans'), local('OpenSans'), url(https://themes.googleusercontent.com/static/fonts/opensans/v6/uYKcPVoh6c5R0NpdEY5A-Q.woff) format('woff');
}

@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: local('Open Sans Semibold'), local('OpenSans-Semibold'), url(https://themes.googleusercontent.com/static/fonts/opensans/v6/MTP_ySUJH_bn48VBG8sNShsxEYwM7FgeyaSgU71cLG0.woff) format('woff');
}*/

#client_menu_wrapper *, #mobile-menu * {
	font-family: Open Sans, "Segoe UI", "Helvetica", sans-serif;
}

#client_menu_wrapper {
  background: #222;
}

#client_menu_wrapper a.home-icon {
  background: url("images/icon-home.svg") no-repeat scroll 5px 6px transparent;
}

/*#client_menu_wrapper a.home-icon:hover,
#client_menu_wrapper a.home-icon:active {
  background: url("images/icon-home.svg") no-repeat scroll 5px 6px #0074BD;
}*/

#client_menu_wrapper a#logout {
  background: url('images/icon-logout.svg') no-repeat scroll 6px 3px transparent;
  display: block;
  height: 20px;
  width: auto;
  float: right;
  position: relative;
  padding-left: 30px;
  padding-right: 10px;
}

#client_menu_wrapper a#logout:hover,
#client_menu_wrapper a#logout:active {
  background: url('images/icon-logout.svg') no-repeat scroll 6px 3px #B73939;
}

#client_menu_wrapper ul:first-of-type {
  background: #222;
}

#client_menu_wrapper ul li {
	background: #222;
}

#client_menu_wrapper ul:first-of-type ul ul {
  border-left: 3px solid #0074BD;
}

#client_menu_wrapper a {
  text-decoration: none;
  color: #eee;
  padding: 4px 8px;
  display: block;
  white-space:nowrap;
  height: 20px;
}

/*#client_menu_wrapper a:hover {
  background: #0074BD;
}
*/
#client_menu_wrapper ul li+ul li {
	background: #555;
}

#client_menu_wrapper li.active-parent.root>a {
	background: #333;
}

/*#client_menu_wrapper .dropdown li li li:hover,
#client_menu_wrapper li:hover,
#client_menu_wrapper li.active-parent.root:hover>a,
#client_menu_wrapper a.active:hover {
	background-color: #0074BD;
}*/


#client_menu_wrapper ul:first-of-type ul li.dropdown>a {
    width: 100%;
    padding-right: 14px;
    background: url('images/icon-square.svg') no-repeat scroll 100% 11px transparent;
}

/*#client_menu_wrapper ul:first-of-type ul li.dropdown>a:hover,
#client_menu_wrapper ul:first-of-type ul li.dropdown:hover>a {
    background: url('images/icon-square.svg') no-repeat scroll 100% -83px transparent;
}
*/
#client_menu_wrapper ul:first-of-type ul>li.dropdown,
#client_menu_wrapper ul:first-of-type ul li.dropdown>li {
    padding-right: 32px;
}

#client_menu_wrapper #mobile-menu-toggle {
  background: url('images/icon-menu.svg') no-repeat scroll 50% 50% transparent;
  height: 40px;
  width: 40px;
}

#client_menu_wrapper #mobile-menu-toggle span.label {
  display: none;
}

/* Mobile Menu Styling */

.mm-list a.mm-subclose:before {
  margin-bottom: -5px;
}

.mm-menu .mm-list > li > a.mm-subclose {
  background: none repeat scroll 0% 0% rgba(0, 0, 0, 0.1);
  color: #FFF;
  font-size: 28px;
  font-weight: 100;
}

.mm-list a.mm-subclose {
  text-indent: 20px;
  margin-top: -20px;
  padding-top: 20px;
  padding-bottom: 20px;
}

.mm-menu .mm-list > li.mm-selected > a:not(.mm-subopen), .mm-menu .mm-list > li.mm-selected > span {
  background: #0074BD;
  color: #fff;
}

/* --- Mobile --- */
@media only screen 
and (max-width : 768px) {

  #client_menu_wrapper.mobile a.home-icon,
  #client_menu_wrapper.responsive a.home-icon {
    width: 40px;
    height: 40px;
    /*background-size: 36px !important;
    background-position: 50% 50% !important;*/
  }

  #client_menu_wrapper.mobile a#logout span.label,
  #client_menu_wrapper.responsive a#logout span.label {
    display: none;
  }

  #client_menu_wrapper.mobile a#logout,
  #client_menu_wrapper.responsive a#logout {
    width: 20px !important;
    height: 40px !important;
    /*background-size: 36px !important;
    background-position: 50% 50% !important;*/
  }

  #client_menu_wrapper #client-menu select.tinynav {
    float: left;
  }

  #client_menu_wrapper.responsive #client-menu select.tinynav {
    background: transparent;
    width: 80px;
    font-size: 0px !important;
    color: #fff;
    border: none;
    height: 48px;
    -webkit-appearance: none;
    -webkit-tap-highlight-color: transparent;
    outline: none;
  }

  #client_menu_wrapper.responsive #client-menu {
    width: 60px;
    height: 48px;
    overflow: hidden;
    background: url('images/icon-menu.svg') no-repeat scroll 50% 50% transparent;
    float: left;
    -webkit-tap-highlight-color: transparent;
    outline: none;
  }

}

/* --- Desktop --- */
@media only screen 
and (min-width : 769px) {
  #client_menu_wrapper #mobile-menu {
    display: none;
  }
}

/* Unused Selectors for future reference */

/* This selector styles the active menu link.
#client_menu_wrapper a.active {
  background: #555;
  color: #fff;
}*/

/* This selector styles the parent list items of the active menu link.
#client_menu_wrapper ul:first-of-type li.active-parent {
	background: #555;
}*/