.my-account {
  .navbar-nav {
    .nav-item {
      padding:                        0px;
      position:                       relative;

      a {
        height:                     100%;
        width:                      100%;
        padding:                    0.5rem 1rem;
        display:                    block;
        color:                      $black;
      }
      &.active {
        background:                 $white !important;
        box-shadow:                 $dashboard-panel-element-box-shadow;
        font-weight:                bold;

        &:before {
          bottom:                   -12px;
          left:                     0px;
          background:               $white;
          content:                  '\00a0';
          position:                 absolute;
          width:                    100%;
        }
        @include media-breakpoint-down(sm) {
          background:               transparent !important;
          box-shadow:               $dashboard-panel-element-box-shadow;
        }
      }
      &:hover {
        background: rgba(255,255,255,0.5)
      }
      @include media-breakpoint-down(sm) {
        background:                 $white;
        border:                     1px solid $light;
        border-top:                 none;

        a {
          padding:                  .9rem 1rem;
        }
      }
    }
  }
  input {
    &.is-danger {
      border-color:               $red;
    }
  }
  .required {
    &:after {
      content:                    ' *';
      color:                      $red;
    }
  }
  .is-danger {
    color:                        $red;
  }
  img {
    width:                        80px;
    height:                       80px;
    image-orientation:            from-image;
  }
}

