/* SUPER GLOBALS */
/* Variables used in multiple files */
/* VARIABLES */
/* Elements */
/* ID's */
/* Classes */
.navigation {
  position: fixed;
  top: 0;
  display: flex;
  justify-content: center;
  height: 100%;
  width: 100%;
  max-height: 40px;
  line-height: 40px;
  background: -webkit-linear-gradient(top, #333333, #212121);
  z-index: 3; }
  .navigation__content {
    display: flex;
    min-width: 900px;
    max-width: 950px;
    flex: 1; }
    .navigation__content__links-left {
      flex: 1; }
    .navigation__content__links-left, .navigation__content__links-right {
      display: flex; }
      .navigation__content__links-left > li#account-options, .navigation__content__links-right > li#account-options {
        position: relative; }
        .navigation__content__links-left > li#account-options .navigation-dropdown, .navigation__content__links-right > li#account-options .navigation-dropdown {
          position: absolute;
          top: 45px;
          right: 0;
          width: 185px;
          padding: 4px 0;
          background: white;
          border: 3px solid #333333;
          border-radius: 4px; }
          .navigation__content__links-left > li#account-options .navigation-dropdown:after, .navigation__content__links-right > li#account-options .navigation-dropdown:after {
            content: '';
            display: inline-block;
            border-left: 10px solid transparent;
            border-right: 10px solid transparent;
            border-bottom: 10px solid #ffffff;
            position: absolute;
            top: -10px;
            right: 15px; }
          .navigation__content__links-left > li#account-options .navigation-dropdown.hide, .navigation__content__links-right > li#account-options .navigation-dropdown.hide {
            display: none; }
          .navigation__content__links-left > li#account-options .navigation-dropdown > ul > li, .navigation__content__links-right > li#account-options .navigation-dropdown > ul > li {
            height: 30px;
            overflow: hidden; }
            .navigation__content__links-left > li#account-options .navigation-dropdown > ul > li .navigation-brand, .navigation__content__links-left > li#account-options .navigation-dropdown > ul > li .navigation-link, .navigation__content__links-right > li#account-options .navigation-dropdown > ul > li .navigation-brand, .navigation__content__links-right > li#account-options .navigation-dropdown > ul > li .navigation-link {
              position: relative;
              display: flex;
              padding: 0 15px;
              color: #333333;
              background: none;
              font-size: 14px;
              text-decoration: none;
              line-height: 30px;
              text-align: left; }
              .navigation__content__links-left > li#account-options .navigation-dropdown > ul > li .navigation-brand.disabled, .navigation__content__links-left > li#account-options .navigation-dropdown > ul > li .navigation-link.disabled, .navigation__content__links-right > li#account-options .navigation-dropdown > ul > li .navigation-brand.disabled, .navigation__content__links-right > li#account-options .navigation-dropdown > ul > li .navigation-link.disabled {
                color: rgba(153, 153, 153, 0.6);
                cursor: not-allowed; }
              .navigation__content__links-left > li#account-options .navigation-dropdown > ul > li .navigation-brand:hover:not(.disabled), .navigation__content__links-left > li#account-options .navigation-dropdown > ul > li .navigation-link:hover:not(.disabled), .navigation__content__links-right > li#account-options .navigation-dropdown > ul > li .navigation-brand:hover:not(.disabled), .navigation__content__links-right > li#account-options .navigation-dropdown > ul > li .navigation-link:hover:not(.disabled) {
                color: white;
                background: #0088cc; }
                .navigation__content__links-left > li#account-options .navigation-dropdown > ul > li .navigation-brand:hover:not(.disabled) > input, .navigation__content__links-left > li#account-options .navigation-dropdown > ul > li .navigation-link:hover:not(.disabled) > input, .navigation__content__links-right > li#account-options .navigation-dropdown > ul > li .navigation-brand:hover:not(.disabled) > input, .navigation__content__links-right > li#account-options .navigation-dropdown > ul > li .navigation-link:hover:not(.disabled) > input {
                  color: white;
                  background: #0088cc; }
              .navigation__content__links-left > li#account-options .navigation-dropdown > ul > li .navigation-brand > i.fas, .navigation__content__links-left > li#account-options .navigation-dropdown > ul > li .navigation-link > i.fas, .navigation__content__links-right > li#account-options .navigation-dropdown > ul > li .navigation-brand > i.fas, .navigation__content__links-right > li#account-options .navigation-dropdown > ul > li .navigation-link > i.fas {
                height: 30px;
                width: 30px;
                line-height: 26px; }
              .navigation__content__links-left > li#account-options .navigation-dropdown > ul > li .navigation-brand > input, .navigation__content__links-left > li#account-options .navigation-dropdown > ul > li .navigation-link > input, .navigation__content__links-right > li#account-options .navigation-dropdown > ul > li .navigation-brand > input, .navigation__content__links-right > li#account-options .navigation-dropdown > ul > li .navigation-link > input {
                border: none;
                background: white; }
    .navigation__content .navigation-brand,
    .navigation__content .navigation-link {
      display: inline-block;
      height: 100%;
      width: 100%;
      padding: 0 20px 0 20px;
      color: #999999;
      background: none;
      font-size: 13px;
      text-align: center;
      text-decoration: none; }
      .navigation__content .navigation-brand.disabled,
      .navigation__content .navigation-link.disabled {
        color: rgba(153, 153, 153, 0.6);
        cursor: not-allowed; }
      .navigation__content .navigation-brand:hover:not(.disabled),
      .navigation__content .navigation-link:hover:not(.disabled) {
        color: white;
        background: -webkit-linear-gradient(top, #4d4d4d, #3b3b3b); }

/*# sourceMappingURL=navigation.css.map */