/* Standard XC color for dark text on very light backgrounds ($Color_PrimaryWhite). */
/* Standard XC color for darkish text on very light backgrounds ($Color_PrimaryWhite). */
/* Light gray for icons and light text on white backgrounds*/
/* Standard XC color for light text on dark backgrounds.*/
/* These Z-Indexes Are Intertwined In order to support popups*/
/*-------------------- Top Bar and Main Menu --------------------------*/
/* -------------------------------------- Basic Typography -------------------------------------- */
/* -------------------------------------- Responsive Constants -------------------------------------- */
/* Same widths as Bootstrap's responsive breaks: http://getbootstrap.com/2.3.2/scaffolding.html#responsive */
.xc-dropdown-icon {
  position: relative;
  float: right; }

.xc-dropdown-down-arrow-icon {
  height: 9px;
  width: 13px;
  background-repeat: no-repeat;
  background-image: url(../images/down-arrow-grey.png); }

.xc-dropdown-down-arrow-icon-dark {
  height: 9px;
  width: 13px;
  background-repeat: no-repeat;
  background-image: url(../images/down-arrow.png); }

.xc-dropdown-down-arrow-icon:hover {
  background-image: url(../images/down-arrow.png); }

.xc-gear-arrow-icon {
  height: 16px;
  width: 30px;
  background-repeat: no-repeat;
  background-image: url(../images/icon-gear-drop-arrow-grey.png); }

.xc-gear-arrow-icon:hover {
  background-image: url(../images/icon-gear-drop-arrow.png); }

.js-menu-visible .xc-gear-arrow-icon {
  background-image: url(../images/icon-gear-drop-arrow.png); }

.xc-dropdown-icon-clickable-and-title {
  cursor: pointer;
  position: absolute;
  z-index: 601;
  right: 20px;
  width: 100%; }

.xc-dropdown-title-text {
  margin-left: 29px;
  float: right; }

.js-menu-visible .xc-dropdown-title-text {
  float: left; }

.widget-menu .xc-dropdown-icon-clickable-and-title {
  z-index: 599; }

.xc-dropdown-menu {
  position: absolute;
  z-index: 600;
  box-shadow: black 0px 0px 15px -5px;
  background-color: white;
  border: 1px solid silver;
  margin-top: 5px;
  margin-right: 8px;
  right: -3px;
  top: -15px;
  width: 100%;
  border-radius: 3px; }

.widget-menu .xc-dropdown-menu {
  margin-top: 5px;
  margin-right: 0px;
  right: -7px;
  top: -14px;
  z-index: 598; }

.xc-dropdown-menu h1 {
  font-size: 16px;
  font-weight: normal;
  padding: 15px 15px 14px 15px;
  margin: 0px; }

.widget-menu .xc-dropdown-menu h1 {
  /*display: none;*/
  padding-top: 4px;
  padding-bottom: 4px; }

.widget-menu.js-menu-visible .xc-dropdown-menu h1 {
  display: block; }

.xc-dropdown-menu .xc-dropdown-icon {
  margin-top: 16px;
  margin-right: 13px; }

.xc-dropdown-menu h1 > .menu-section-helper, .xc-dropdown-menu h1 > .menu-section-helper a, .xc-dropdown-menu h1 > .menu-section-helper a:hover {
  font-style: italic;
  font-weight: normal;
  color: #1EBD59;
  font-size: 12px;
  float: right;
  margin-right: 40px;
  padding-top: 5px; }

.xc-dropdown-menu > ul {
  list-style-type: none;
  padding: 0px;
  margin: 0px; }

.xc-dropdown-menu > ul > li {
  font-size: 12px;
  font-weight: bold;
  padding: 15px 15px 0px 15px;
  border-top: 1px solid #efefef;
  color: #424242; }

.xc-dropdown-menu > ul > li:after {
  content: ".";
  visibility: hidden;
  display: block;
  height: 0;
  clear: both; }

.xc-dropdown-menu > ul > li.no-submenu {
  margin-bottom: 11px; }

.xc-dropdown-menu > ul > li .menu-section-helper, .xc-dropdown-menu > ul > li .menu-section-helper a, .xc-dropdown-menu > ul > li .menu-section-helper a:hover {
  font-style: italic;
  font-weight: normal;
  color: #1EBD59;
  float: right;
  font-size: 11px; }

.xc-dropdown-menu > ul > li > ul {
  list-style-type: none;
  margin: 0px;
  padding: 0px;
  margin-bottom: 15px;
  color: #888; }

.xc-dropdown-menu > ul > li > ul:after {
  content: ".";
  visibility: hidden;
  display: block;
  height: 0;
  clear: both; }

.xc-dropdown-menu > ul > li > ul.force-vertical > li {
  float: none;
  padding-left: 10px; }

.xc-dropdown-menu > ul > li > ul > li {
  font-weight: normal;
  float: left;
  font-size: 12px;
  margin-right: 15px;
  margin-top: 8px;
  padding-bottom: 0px;
  cursor: pointer; }

.xc-dropdown-menu > ul > li > ul > li a {
  color: gray; }

.xc-dropdown-menu > ul > li > ul > li:hover {
  text-decoration: underline; }

.xc-dropdown-menu .sign-out-menu-item {
  text-align: center;
  margin-top: 15px;
  padding: 0px;
  border-top: none;
  margin-bottom: 0px; }

.xc-dropdown-menu .sing-out-menu-item-link {
  background: #eee;
  padding-bottom: 15px;
  margin-bottom: 0px;
  border-top: 1px solid #CCC;
  margin-top: 15px;
  width: 100%;
  display: block;
  padding-top: 15px; }

.xc-dropdown-menu .sing-out-menu-item-link:hover {
  background-color: #B4EF6D;
  color: #FAFAFA; }

#JsDropDownMenuOverlay {
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: 400;
  background-color: transparent;
  opacity: 0;
  top: 0px;
  left: 0px;
  display: none; }
  #JsDropDownMenuOverlay.z-index903 {
    z-index: 903; }

/*# sourceMappingURL=xc-dropdown-menu.css.map */