.user_menu, .create_menu, .help_button {
  user-select: none;
  height: 38px; }
  .user_menu .create_button, .user_menu .display_name, .user_menu .pairing_name, .create_menu .create_button, .create_menu .display_name, .create_menu .pairing_name, .help_button .create_button, .help_button .display_name, .help_button .pairing_name {
    max-width: 120px;
    display: inline-block;
    float: left;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap; }
    .rtl .user_menu .create_button, .rtl .user_menu .display_name, .rtl .user_menu .pairing_name, .rtl .create_menu .create_button, .rtl .create_menu .display_name, .rtl .create_menu .pairing_name, .rtl .help_button .create_button, .rtl .help_button .display_name, .rtl .help_button .pairing_name {
      float: right;
      padding-left: 3px; }
  .user_menu .user_menu_arrow_down,
  .user_menu .user_menu_arrow_up,
  .user_menu .create_menu_arrow_down,
  .user_menu .create_menu_arrow_up, .create_menu .user_menu_arrow_down,
  .create_menu .user_menu_arrow_up,
  .create_menu .create_menu_arrow_down,
  .create_menu .create_menu_arrow_up, .help_button .user_menu_arrow_down,
  .help_button .user_menu_arrow_up,
  .help_button .create_menu_arrow_down,
  .help_button .create_menu_arrow_up {
    font-size: 25px;
    margin-top: -3px; }
    .rtl .user_menu .user_menu_arrow_down, .rtl
    .user_menu .user_menu_arrow_up, .rtl
    .user_menu .create_menu_arrow_down, .rtl
    .user_menu .create_menu_arrow_up, .rtl .create_menu .user_menu_arrow_down, .rtl
    .create_menu .user_menu_arrow_up, .rtl
    .create_menu .create_menu_arrow_down, .rtl
    .create_menu .create_menu_arrow_up, .rtl .help_button .user_menu_arrow_down, .rtl
    .help_button .user_menu_arrow_up, .rtl
    .help_button .create_menu_arrow_down, .rtl
    .help_button .create_menu_arrow_up {
      float: left; }
    html[dir='rtl'] .user_menu .user_menu_arrow_down, html[dir='rtl']
    .user_menu .user_menu_arrow_up, html[dir='rtl']
    .user_menu .create_menu_arrow_down, html[dir='rtl']
    .user_menu .create_menu_arrow_up, html[dir='rtl'] .create_menu .user_menu_arrow_down, html[dir='rtl']
    .create_menu .user_menu_arrow_up, html[dir='rtl']
    .create_menu .create_menu_arrow_down, html[dir='rtl']
    .create_menu .create_menu_arrow_up, html[dir='rtl'] .help_button .user_menu_arrow_down, html[dir='rtl']
    .help_button .user_menu_arrow_up, html[dir='rtl']
    .help_button .create_menu_arrow_down, html[dir='rtl']
    .help_button .create_menu_arrow_up {
      float: left; }
  .user_menu .user_options, .user_menu .create_options, .user_menu .help_contents, .create_menu .user_options, .create_menu .create_options, .create_menu .help_contents, .help_button .user_options, .help_button .create_options, .help_button .help_contents {
    position: absolute;
    top: 55px;
    right: 71px;
    background-color: #fff;
    border: 1px solid #5b6770; }
    .user_menu .user_options a, .user_menu .create_options a, .user_menu .help_contents a, .create_menu .user_options a, .create_menu .create_options a, .create_menu .help_contents a, .help_button .user_options a, .help_button .create_options a, .help_button .help_contents a {
      color: #5b6770 !important;
      transition: background-color 0.2s ease-out, border-color 0.2s ease-out, color 0.2s ease-out;
      -moz-transition: background-color 0.2s ease-out, border-color 0.2s ease-out, color 0.2s ease-out;
      -webkit-transition: background-color 0.2s ease-out, border-color 0.2s ease-out, color 0.2s ease-out;
      -o-transition: background-color 0.2s ease-out, border-color 0.2s ease-out, color 0.2s ease-out; }
    .user_menu .user_options a:hover, .user_menu .create_options a:hover, .user_menu .help_contents a:hover, .create_menu .user_options a:hover, .create_menu .create_options a:hover, .create_menu .help_contents a:hover, .help_button .user_options a:hover, .help_button .create_options a:hover, .help_button .help_contents a:hover {
      background-color: #e7e8ea;
      text-decoration: none; }

.user_menu {
  padding: 7px 14px; }
  .user_menu .user_options {
    z-index: 100001;
    text-align: left;
    white-space: nowrap;
    padding: 0; }
    .user_menu .user_options[dir='rtl'] a {
      text-align: right; }
    .user_menu .user_options .display_name {
      font-family: "Gotham 5r", sans-serif;
      background-color: #5b6770;
      color: #fff;
      padding: 10px;
      text-align: center;
      cursor: default; }
    .user_menu .user_options a {
      display: block;
      padding: 10px;
      font-family: "Gotham 5r", sans-serif; }
    .user_menu .user_options a + a {
      border-top: 1px solid #5b6770; }
    .user_menu .user_options.hide-responsive-menu {
      display: none; }

.help_button {
  padding-left: 16px;
  padding-top: 4px;
  display: inline-block;
  float: left;
  z-index: 99;
  position: relative; }
  .help_button.hide-mobile {
    display: block; }
  .help_button .hide-mobile {
    display: block; }
  .help_button .help_icon {
    padding: 9px 0 16px 0;
    font-size: 26px;
    color: #fff;
    height: 25px;
    cursor: pointer;
    height: 20px;
    vertical-align: middle;
    text-decoration: none; }
  .help_button .help_contents {
    z-index: 100001;
    text-align: left;
    white-space: nowrap;
    padding: 0;
    right: 0px; }
    .help_button .help_contents[dir='rtl'] a {
      text-align: right; }
    .help_button .help_contents a {
      display: block;
      padding: 10px;
      font-family: "Gotham 5r", sans-serif; }
    .help_button .help_contents a + a {
      border-top: 1px solid #5b6770; }
  @media (max-width: 970px) {
    .help_button.hide-mobile {
      display: none; }
    .help_button .hide-mobile {
      display: none; } }

.create_menu .create_options {
  width: max-content;
  z-index: 10000;
  border-bottom: 0; }
  .create_menu .create_options a {
    font-family: 'Gotham 5r', sans-serif;
    min-width: 240px;
    font-size: 14px;
    border-bottom: 1px solid #5b6770;
    box-sizing: content-box;
    white-space: nowrap;
    cursor: pointer; }
  .create_menu .create_options img {
    height: 70px;
    width: 70px; }
  .create_menu .create_options .project_link_box {
    display: block; }
    .create_menu .create_options .project_link_box .project_link {
      display: inline-block;
      padding: 0 10px 0 4px;
      line-height: 67px; }
  .create_menu .create_options #view_all_projects {
    height: 70px;
    padding-left: 10px; }

/*# sourceMappingURL=user-menu.css.map */