﻿nav.main-menu ul li.liMenu {
  width: auto;
  display: none;
  transition: all .2s linear;
}

.menu-item {
  text-decoration: none;
  color: inherit;
}

.menu-list {
  display: inline-block;
  padding: 3px;
  margin: 0px 10px 0px 10px;
}

.menu-font {
  font-size: 12pt;
  margin-right: 3px;
}


/*Main Menu*/
nav.main-menu {
  position: absolute;
  bottom: 0px;
  top: 0px;
  right: 0px;
  height: 0px;
  z-index:1;
}

nav.user-management {
  content: "";
  display: block;
  clear: both;
  float: none;
}

  nav.user-management ul {
    margin: 0px 0px 5px 0px;
    padding: 0px;
    float: right;
  }

    nav.user-management ul li {
      display: inline-block;
      font-size: 14px;
      text-transform: uppercase;
    }

      nav.user-management ul li::after {
        content: "|";
        padding-left: 10px;
      }

      nav.user-management ul li:last-child::after {
        content: none;
      }

      nav.user-management ul li#user-menu {
        position: relative;
      }

        nav.user-management ul li#user-menu ul {
          position: absolute;
          right: 0px;
          display: none;
          z-index: 20;
          padding: 0px 10px 10px 10px;
          background-color: black;
          border-radius: 10px;
        }

          nav.user-management ul li#user-menu ul li {
            display: block;
            padding: 5px 0px 0px 0px;
            margin-left: 0px;
            white-space: nowrap;
          }

            nav.user-management ul li#user-menu ul li a {
              display: block;
              width: 100%;
            }

            nav.user-management ul li#user-menu ul li::after {
              content: none;
            }

        nav.user-management ul li#user-menu:hover ul {
          display: block;
        }

        nav.user-management ul li#user-menu:hover > a {
          color: #ed145b; /*#18bdec;account hover*/
        }

    nav.user-management ul:after {
      content: "";
      display: block;
      clear: both;
      float: none;
    }

nav.main-menu {
  content: "";
  display: block;
  clear: both;
  float: none;
}

  nav.main-menu ul {
    margin: 0px;
    padding: 0px;
    list-style: none;
    float: right;
    background-color: #000000; /*#e5e5e5;*/
    text-transform: uppercase;
    border-radius: 10px;
    font-size: 1.0rem;
  }

    nav.main-menu ul li {
      list-style: none;
      display: inline-block;
      position: relative;
      white-space: nowrap;
      padding: 2px 10px 2px 10px;
      background-color: #080505; /*#e5e5e5;*/
      cursor: default;
      border-radius: 22px;
    }

      nav.main-menu ul li a {
        color: #dedede; /*#1C1C1C;*/
        cursor: pointer;
        text-decoration: none;
      }

      nav.main-menu ul li:hover {
        color: #ed145b;
      }

        nav.main-menu ul li:hover > a {
          color: #ed145b;
        }

        nav.main-menu ul li:hover ul {
          display: block;
        }

      nav.main-menu ul li ul {
        position: absolute;
        display: none;
        left: 0;
        z-index: 9;
        background-color: #141414; /*#e5e5e5;*/
        top: 21px;
      }

        nav.main-menu ul li ul li {
          display: block;
          min-width: 80px;
          white-space: nowrap;
          background-color: #141414;
        }

          nav.main-menu ul li ul li a {
            color: #dedede; /*#1C1C1C;*/
          }

      nav.main-menu ul li:last-child ul {
        right: 0px !important;
        left: auto !important;
      }

