.pyxoomHelperStepsModal .modal-body {
  padding: 0; }

.pyxoomHelperSteps {
  display: flex;
  -ms-flex-direction: row;
  -webkit-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: nowrap;
  -webkit-flex-wrap: nowrap;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: stretch;
  -ms-align-content: stretch;
  -webkit-align-content: stretch;
  align-content: stretch;
  height: 100%; }
  .pyxoomHelperStepsContent {
    flex-grow: 1;
    width: 100%;
    height: 100%; }
  .pyxoomHelperSteps > div {
    flex-shrink: 1; }
  .pyxoomHelperStepsLeft, .pyxoomHelperStepsRight {
    display: flex;
    align-items: stretch;
    color: #fff; }
    .pyxoomHelperStepsLeft > div, .pyxoomHelperStepsRight > div {
      display: flex;
      align-items: flex-end;
      width: 40px;
      text-align: center !important; }
      .pyxoomHelperStepsLeft > div > i, .pyxoomHelperStepsRight > div > i {
        width: 1.6em;
        height: 1.6em;
        text-align: center;
        font-style: normal;
        margin-bottom: 10px; }
      .pyxoomHelperStepsLeft > div.pyxoomHelperStepNumActive, .pyxoomHelperStepsRight > div.pyxoomHelperStepNumActive {
        width: 40px;
        text-align: center; }
        .pyxoomHelperStepsLeft > div.pyxoomHelperStepNumActive > i, .pyxoomHelperStepsRight > div.pyxoomHelperStepNumActive > i {
          border: 1px solid #fff;
          border-radius: 50%;
          margin-left: auto;
          margin-right: auto;
          margin-bottom: 10px; }

.pyxoomHelperStep {
  height: 100%;
  display: flex;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
  justify-content: space-between;
  padding: 15px; }
  .pyxoomHelperStepHeader {
    color: #0061A1;
    border-bottom: 1px solid #0061A1; }
  .pyxoomHelperStepContent {
    flex-grow: 1;
    padding: 15px 0;
    height: 90%;
    overflow: auto; }
  .pyxoomHelperStepButtons {
    text-align: right;
    height: 2.5em; }
    .pyxoomHelperStepButtons button {
      background: #fff;
      border: solid 1px #0061A1;
      color: #0061A1; }
      .pyxoomHelperStepButtons button[data-step-ref] {
        color: #fff;
        background: #0061A1; }
        .pyxoomHelperStepButtons button[data-step-ref]:disabled {
          background: #999;
          color: #ccc; }
      .pyxoomHelperStepButtons button:disabled {
        border: solid 1px #999;
        color: #999; }

#frmMassivePersonFile {
  width: 100%;
  height: 350px;
  line-height: 350px;
  text-align: center;
  border: solid 2px #CCC; }

label[for=MassivePersonFile] {
  width: 100%;
  height: 350px;
  border: solid 2px #CCC; }
  label[for=MassivePersonFile] > div {
    height: 100%;
    display: flex;
    -ms-align-content: center;
    -webkit-align-content: center;
    align-content: center;
    align-items: center; }
    label[for=MassivePersonFile] > div > div {
      text-align: center;
      width: 100%;
      font-size: 1.2em; }

label[for=MassivePersonFile]:hover {
  cursor: pointer; }

label[for=MassiveEvaluatorFile] {
  width: 100%;
  height: 350px;
  border: solid 2px #CCC; }
  label[for=MassiveEvaluatorFile] > div {
    height: 100%;
    display: flex;
    -ms-align-content: center;
    -webkit-align-content: center;
    align-content: center;
    align-items: center; }
    label[for=MassiveEvaluatorFile] > div > div {
      text-align: center;
      width: 100%;
      font-size: 1.2em; }

label[for=MassiveEvaluatorFile]:hover {
  cursor: pointer; }

.massivePersonInstruction {
  height: 100%;
  overflow: auto; }
  .massivePersonInstruction td + td {
    text-align: center; }

#modalShareResult .modal-dialog {
  width: 250px; }
  #modalShareResult .modal-dialog .modal-body {
    padding-left: 70px; }