@import '../../../../assets/css/variables.scss';

.container {
  margin-top: 20px;
}

.response {
  margin-bottom: 30px;
  font-weight: 500;
}

.readOnlyMsg {
  font-style: italic;
  margin-bottom: 34px
}

p.error {
  font-size: smaller;
  font-style: italic;
  color: $danger;
  margin-top: 0px;
}

small {
  height: 16px;
  line-height: 16px;
  overflow: hidden;
  text-overflow: ellipsis
}

.option {
  height: 48px;
}

.show-mobile {
  display: none !important;
}

@media(max-width: $screen-xs-max) {
  .hide-mobile {
    display: none !important;
  }

  .show-mobile {
    display: inherit !important;
  }
  div.person {
    line-height: 40px;
    height: 30px;
  }
}