.jifa-custom-adminbar {
  #wpadminbar {
    display: grid;
    width: auto;
    height: auto;
    min-width: auto;
    top: 20px;
    left: 20px;

    .jifa-menu-icon {
      height: 50px;
      width: 50px;
      fill: #fff;
      position: absolute;
      top: 0;
      left: 0;
      cursor: pointer;

      &#jifa-custom-menubar {
        background: #000;
        border-radius: 50px;
      }

      &#jifa-custom-menubar-close {
        height: 20px;
        width: 20px;
        left: 93%;
        top: -3%;
        fill: red;
        display: none;
        z-index: 999999;
        background-color: #fff;
        border-radius: 50px;
      }
    }


    #wp-admin-bar-user-info {
      .avatar {
        position: absolute;
        left: 46%;
        top: 0;
        top: -60px;
        idth: 64px;
        height: 64px;
        border-radius: 50px;
      }
    }

    #wp-admin-bar-my-account.with-avatar {
      #wp-admin-bar-user-actions {
        & > li {
          margin-left: 0;
          display: grid;
        }
      }
    }

    #wp-toolbar {
      display: none;
    }

    #wp-admin-bar-root-default {
      display: grid;
    }

    .menupop {
      &.hover {
        .ab-sub-wrapper {
          top: 0;
          left: 100%;
          margin: 0;
        }
      }
    }
  }
}