/*******************************
         Site Overrides
*******************************/

.ui.menu {

  &.submenu {
    height: 61px;
    box-shadow: none;
    border-bottom: 2px solid #DCDEEC;
    margin-top: 0;

    a {
      color: unset;
    }

    .item {
      height: 61px!important;
      padding-left: 1px;
      padding-right: 1px;
      margin-left: 40px;

      &.active {
        background-color: #FFFFFF;
        color: #FF3C81;
        font-weight: 600;
        letter-spacing: 0;
        border-bottom: 4px solid #FF3C81;
        border-bottom-left-radius: 2px;
        border-bottom-right-radius: 2px;
        height: 56px;
        padding-top: 10px;
        margin-top: 2px;
      }

      &:hover {
        color: #FF3C81;
      }

      &.header {
        color: #000000;
        font-size: 18px;
        font-weight: bold;
        letter-spacing: 0;
        line-height: 25px;
        margin-left: 0;
        padding-left: 0;
      }

    }

    .right.menu .item {
      font-size: 10px;
      text-transform: uppercase;
      font-weight: bold;
      letter-spacing: 1px;
      line-height: 15px;

      a:hover {
        border: none!important;
      }
    }

  }

  &.top-menu {
    margin-bottom: 0;
    height: 50px;

    .powered-by {
      height: 17px;
      margin-top: 18px;
      margin-right: 21px;
      padding-left: 20px;
      padding-top: 2px;
      opacity: 0.6;
      color: #FFFFFF;
      font-size: 10px;
      letter-spacing: 0;
      line-height: 13px;
      border-left: 1px solid #D9D9D9;
    }

    .logo-link {
      height: 0;
      width: 0;
    }

    .logo-analytics {
      height: 30px;
      width: 78px;
      margin-top: 9px;

    }

    .logo-atlas {
      height: 20px;
      width: 56px;
      position: relative;
      margin-top: 15px;
      left: -254px;
      color: #FFFFFF;
    }

    .search-user {
      margin-top: 7px;
      width: 420px;
      position: relative;
      left: 43px;
    }

    .right.menu {
      position: relative;
      left: 66px;

      .profile-menu-block {
        top: 5px;
        padding-left: 30px;

        .dropdown-icon {
          &.inactive {
            display: inline;
          }
          &.active {
            display: none;
          }
        }

        &.active {
          .dropdown-icon.inactive {
            display: none;
          }
          .dropdown-icon.active {
            display: inline;
          }
        }

        &.ui.floating.dropdown .menu {
          right: 0;
          left: auto;
        }

        .profile-menu {
          position: absolute;
          top: 35px!important;
          border-radius: 10px;
          background-color: #FFFFFF;
          box-shadow: 0 5px 10px 0 rgba(134,138,179,0.5);
          padding-top: 10px;
          padding-bottom: 10px;

          .item {
            color: @black!important;
            height: 30px;

            &.active {
              border-bottom: none;
              font-weight: @normal!important;
            }

            &:hover {
              background-color: #E5F5FE!important;
            }

            img {
              padding-top: 3px;

              &.hor {
                padding-top: 6px;
              }
            }

          }
        }

      }

      .item {
        color: #DFE0EB!important;
        padding-right: 22px;
        padding-left: 22px;

        &:hover {
          padding-right: 19px;
          padding-left: 20px;
          font-weight: 600;
          border-bottom: none;
        }

        &.active {
          padding-right: 20px;
          padding-left: 20px;
          border-bottom: 4px solid #ff3c81;
          border-bottom-left-radius: 2px;
          border-bottom-right-radius: 2px;
          height: 52px;
          font-weight: 600;
        }
      }
    }

  }

  &.left-menu {
    max-width: 100%;
    font-size: 12px;
    padding-top: 6px;

    a:hover {
      font-weight: 600;
    }

    &.accordion {

      .item {
        padding-right: 2px;
      }

      .header.item {
        padding-left: 0;

        i.dropdown.icon {
          float: unset;
          margin: unset;
          position: relative;
          left: -5px;
          top: 4px;
          font-size: 14px;
          transform: rotate(90deg);
        }

        &.active i.dropdown.icon {
          transform: rotate(270deg);
          top: 0;
        }

      }

      .content {
        margin-top: 0;
      }

      .divider {
        margin-top: 2px;
      }
    }

    &.pointing.secondary.vertical {
      border: none;
      margin: 0 0 0 auto;

      .header.item {
        border: none;
      }

      a.active.item {
        border-color: @pink;
        border-right-width: 4px;
        border-top-right-radius: 2px!important;
        border-bottom-right-radius: 2px!important;
      }

    }

    .header.item {
      font-size: 10px;
      text-transform: uppercase;
      font-weight: bold;
    }

  }

}

.filter-menu {
  border-radius: 10px;
  padding-top: 10px !important;
  padding-bottom: 10px !important;
  .item {
    color: @black !important;
    height: 30px;

    &:hover {
      background-color: #E5F5FE !important;
    }
  }
}


@media only screen and (max-width: 768px) {
  .ui.menu.top-menu.userinfo-menu {
    display: none!important;
  }
}