#floatNavContainer {
  position: fixed;
  top: 0;
  z-index: 4999;

  .floatNav {
    width: 32px;
    overflow: visible;

    background-color: rgba(255,255,255,0.25) !important;

    position: relative;
    top: 192px;
    
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;

    box-shadow: 0 0 3px rgba(0,0,0,0.50);
    
    .separator {
      width: 100%;
      height: 2px;
      background-image: url("/styles/base/img/floatNav_seperator.png");
      background-position: top left;
      background-size: 100% 100%;
      background-repeat: no-repeat;
    }

    .button {
      
      position: relative;
      background-color: transparent;
      
      
      width: inherit;
      height: 49px;
      
      background-size: 100% 100%;
      background-repeat: no-repeat;

      overflow: visible;
      
      .labelContainer {
        position: absolute;
        top: 0;
        left: 0;
        background-color: white;
        .label {

          -webkit-user-select: none;
          -moz-user-select: none;
          user-select: none;

          cursor: default;

          position: absolute;
          background-color: white;
          padding: 5px 7px;
          border-radius: 3px;
          box-shadow: 0 0 6px rgba(0,0,0,0.50);
          .stem {
            position: absolute;
            left: -10px;
            top: 0px;
            width: 10px;
            height: 24px;
            background-image: url("/styles/base/img/FloatNavLabelStem.png");
          }
        }
      }
      
      &:hover {
        background-color: rgba(255,255,255,0.26) !important;
      }

      .icon {
        cursor: pointer;
        background-position: center center;
        background-repeat: no-repeat;
        width: inherit;
        height: inherit;
        background-size: 100% auto;
      }

      &.medic {
        border-top-right-radius: inherit;
        .icon {
          background-image: url("/styles/base/img/floatNav_medicIcon.png");
        }
      }

      &.mechanic {
        .icon {
          background-image: url("/styles/base/img/floatNav_mechanicIcon.png");
        }
      }

      &.manager {
        border-bottom-right-radius: inherit;
        .icon {
          background-image: url("/styles/base/img/floatNav_managerIcon.png");
        }
      }

    }
  }
}