// REFACTOR NOTE
// TODO what shoudl I do with marketplace?
// TODO have a larger discussion about form validation

// Refactor Note: Need to talk to Luke about this one -----
// DESTINATION: lists/cards/layout?/??
.list-group-item > label {
  flex: 1 1 0;
}

.list-group-item > span {
  flex: 2 1 0;
}

// -----

//DESTINATION: ACCOUNT DROPDOWN
.toolbar-menu {
  z-index: 10000;

  .dropdown-menu {

    &::before,
    &::after {
      margin-left: 18.6rem;
    }

    &.with-popover-caret {
      right: .7rem;

      &::before {
        top: -.74rem;
        border-bottom: 0.75rem solid $gray-300;
      }

      &::after {
        top: -.69rem;
      }
    }
  }
}

//DESTINATION: title adjustments
.account-list-link {
  .account-list-link-text {
    line-height: 1.35rem;
    padding-bottom: 5px;
    text-overflow: inherit;
    white-space: normal;
  }

  .account-list-link-subtext {
    padding-bottom: 5px;
  }

  .wrap {
    display: block;
    margin-left: 5.25rem;
  }

  &:hover * {
    text-decoration: none;
  }

}

// TODO Revisit this when I can test on IE11
// adjusts flexbox basis on virtual machine detail page
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .spec-list {
    dt {
      flex: 0 0 37%;
    }

    dd {
      flex: 0 0 54%;
    }
  }

  //adjusting footer width for payment page - hopefully doesn't break anything
  .popup {
    .form {
      .bottom {
        width: 100%;
      }
    }
  }
}
