/*Added for small screen devices like iphone 5/SE*/
.mod-portfolio-ui-overlays-add-transaction {
  background-color: #f5f5f5;
  text-align: left;
}
.mod-portfolio-ui-overlays-add-transaction .mod-ui-date-picker__calendar {
  position: absolute;
}
.mod-portfolio-ui-overlays-add-transaction__data {
  display: inline-block;
  position: relative;
}
.mod-portfolio-ui-overlays-add-transaction__price {
  display: none;
  position: absolute;
  margin-top: -47px;
  margin-left: 75px;
}
.mod-portfolio-ui-overlays-add-transaction__price .mod-ui-action-menu--price {
  position: absolute;
  width: 50px;
}
@media only screen and (max-width: 739px) {
  .mod-portfolio-ui-overlays-add-transaction__price .mod-ui-overlay--trans.mod-ui-action-menu__menu {
    background-color: rgba(0, 0, 0, 0.5);
    padding: 50px 5px 10px;
    position: fixed !important;
    top: 0 !important;
  }
}
.mod-portfolio-ui-overlays-add-transaction__price .mod-ui-link {
  float: none !important;
  display: block !important;
}
.mod-portfolio-ui-overlays-add-transaction__cashopentext {
  width: 320px;
  font-size: 12px;
  margin-left: 260px;
}
@media only screen and (max-width: 739px) {
  .mod-portfolio-ui-overlays-add-transaction__cashopentext {
    margin-left: 0px;
  }
}
.mod-portfolio-ui-overlays-add-transaction__field {
  display: none;
  width: 115px;
  margin: 15px 15px 0 0;
}
.mod-portfolio-ui-overlays-add-transaction__field:last-child {
  margin-right: 0px;
}
.mod-portfolio-ui-overlays-add-transaction__field--wide {
  width: 245px;
}
.mod-portfolio-ui-overlays-add-transaction__field--full {
  width: 76%;
}
.mod-portfolio-ui-overlays-add-transaction__field--full [name="symbol"] {
  max-width: 100%;
}
@media only screen and (min-width: 740px) and (max-width: 979px) {
  .mod-portfolio-ui-overlays-add-transaction__field--full {
    width: 58%;
  }
}
@media only screen and (max-width: 489px) {
  .mod-portfolio-ui-overlays-add-transaction__field {
    width: 130px;
  }
  .mod-portfolio-ui-overlays-add-transaction__field--wide {
    width: 275px;
  }
  .mod-portfolio-ui-overlays-add-transaction__field--full {
    width: 275px;
  }
}
.mod-portfolio-ui-overlays-add-transaction__field span {
  font-weight: normal;
}
.mod-portfolio-ui-overlays-add-transaction__field__description {
  display: none;
  width: 245px;
  margin: 15px 15px 0 0;
  font: normal 12px Metric, Arial, sans-serif;
  color: #8C9191;
}
.mod-portfolio-ui-overlays-add-transaction__field__description:last-child {
  margin-right: 0px;
}
.mod-portfolio-ui-overlays-add-transaction__available {
  display: inline-block;
}
.mod-portfolio-ui-overlays-add-transaction__available--large label {
  visibility: hidden;
}
@media only screen and (max-width: 739px) {
  .mod-portfolio-ui-overlays-add-transaction__available--large {
    display: none;
  }
}
.mod-portfolio-ui-overlays-add-transaction__available--large .mod-portfolio-ui-overlays-add-transaction__available__text {
  padding: 7px;
  background-color: #DEEFF7;
  border: 1px solid #ccc;
}
.mod-portfolio-ui-overlays-add-transaction__available--small {
  display: none;
}
@media only screen and (max-width: 739px) {
  .mod-portfolio-ui-overlays-add-transaction__available--small {
    display: inline-block;
    min-width: 135px;
    margin: 15px 15px 0 0;
  }
}
.mod-portfolio-ui-overlays-add-transaction__available--small .mod-portfolio-ui-overlays-add-transaction__available__text {
  line-height: 34px;
  white-space: nowrap;
}
.mod-portfolio-ui-overlays-add-transaction__available--small .mod-portfolio-ui-overlays-add-transaction__available__text span {
  display: none;
}
.mod-portfolio-ui-overlays-add-transaction__available[aria-hidden="true"] {
  display: none;
}
.mod-portfolio-ui-overlays-add-transaction__details {
  border-top: 1px solid #CEC6BA;
  margin-top: 15px;
}
.mod-portfolio-ui-overlays-add-transaction__actions {
  text-align: right;
  border-top: 1px solid #CEC6BA;
  margin-top: 15px;
  padding-top: 15px;
}
.mod-portfolio-ui-overlays-add-transaction__actions button {
  margin-left: 10px;
}
.mod-portfolio-ui-overlays-add-transaction__actions__error {
  float: left;
  color: #AA1419;
  text-align: left;
  margin-bottom: 10px;
}
.mod-portfolio-ui-overlays-add-transaction .mod-ui-overlay__content {
  padding-top: 0;
}
.mod-portfolio-ui-overlays-add-transaction .account-name {
  width: 245px;
}
.mod-portfolio-ui-overlays-add-transaction .o-forms-invalid__field {
  color: #c00;
  border-color: #c00;
}
.mod-portfolio-ui-overlays-add-transaction[aria-hidden="true"] {
  display: none;
}
.mod-portfolio-ui-overlays-add-transaction[data-mod-state="security"] [data-mod-field="type"],
.mod-portfolio-ui-overlays-add-transaction[data-mod-state="security"] [data-mod-field="symbol"],
.mod-portfolio-ui-overlays-add-transaction[data-mod-state="security"] [data-mod-field="transaction"],
.mod-portfolio-ui-overlays-add-transaction[data-mod-state="security"] [data-mod-field="quantity"],
.mod-portfolio-ui-overlays-add-transaction[data-mod-state="security"] [data-mod-field="price"],
.mod-portfolio-ui-overlays-add-transaction[data-mod-state="security"] [data-mod-field="fees"],
.mod-portfolio-ui-overlays-add-transaction[data-mod-state="security"] [data-mod-field="date"],
.mod-portfolio-ui-overlays-add-transaction[data-mod-state="security"] [data-mod-field="source"],
.mod-portfolio-ui-overlays-add-transaction[data-mod-state="security"] [data-mod-field-description="source"] {
  display: inline-block;
}
@media only screen and (max-width: 489px) {
  .mod-portfolio-ui-overlays-add-transaction[data-mod-state="security"][data-mod-sub-state="existing"] [data-mod-field="transaction"] {
    display: block;
  }
}
.mod-portfolio-ui-overlays-add-transaction[data-mod-state="cash"] [data-mod-field="type"],
.mod-portfolio-ui-overlays-add-transaction[data-mod-state="cash"] [data-mod-field="cash-transaction"],
.mod-portfolio-ui-overlays-add-transaction[data-mod-state="cash"] [data-mod-field="cash-amount"],
.mod-portfolio-ui-overlays-add-transaction[data-mod-state="cash"] [data-mod-field="currency"],
.mod-portfolio-ui-overlays-add-transaction[data-mod-state="cash"] [data-mod-field="date"] {
  display: inline-block;
}
.mod-portfolio-ui-overlays-add-transaction[data-mod-state="cash"][data-mod-sub-state="existing"] [data-mod-field="cash-existing-name"] {
  display: inline-block;
}
.mod-portfolio-ui-overlays-add-transaction[data-mod-state="cash"][data-mod-sub-state="new"] [data-mod-field="open-name"] {
  display: inline-block;
}
.mod-portfolio-ui-overlays-add-transaction[data-mod-state="other"] [data-mod-field="type"],
.mod-portfolio-ui-overlays-add-transaction[data-mod-state="other"] [data-mod-field="other-transaction"],
.mod-portfolio-ui-overlays-add-transaction[data-mod-state="other"] [data-mod-field="other-quantity"],
.mod-portfolio-ui-overlays-add-transaction[data-mod-state="other"] [data-mod-field="other-price"],
.mod-portfolio-ui-overlays-add-transaction[data-mod-state="other"] [data-mod-field="currency"],
.mod-portfolio-ui-overlays-add-transaction[data-mod-state="other"] [data-mod-field="fees"],
.mod-portfolio-ui-overlays-add-transaction[data-mod-state="other"] [data-mod-field="date"],
.mod-portfolio-ui-overlays-add-transaction[data-mod-state="other"] [data-mod-field="source"],
.mod-portfolio-ui-overlays-add-transaction[data-mod-state="other"] [data-mod-field-description="source"] {
  display: inline-block;
}
.mod-portfolio-ui-overlays-add-transaction[data-mod-state="other"][data-mod-sub-state="existing"] [data-mod-field="other-existing-name"] {
  display: inline-block;
}
.mod-portfolio-ui-overlays-add-transaction[data-mod-state="other"][data-mod-sub-state="new"] [data-mod-field="open-name"] {
  display: inline-block;
}