.modal-status-error {
  background: #ef4c4c;
  color: #fff;
  margin-bottom: 10px;
  overflow: auto;

  .panel-body {
    padding: 8px;

    .row {
      margin-left: -7px;
      margin-right: -8px;

      .col-md-1 {
        width: 8%;
      }

      .col-md-11 {
        width: 90%;
      }
    }
  }

  .modal-status-error-icon {
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 0px;
    margin-left: 4px;
    vertical-align: middle;

    &-interactible {
      cursor: pointer;
    }
  }

  .modal-status-error-message {
    display: inline-block;
    font-family: sans-serif;
    font-weight: bold;
    font-size: 15px;
    margin-bottom: 0px;
    margin-left: 12px;
    vertical-align: middle;
  }
}

.modal-status-in-progress {
  background: rgb(73, 180, 230);
  color: #fff;
  margin-bottom: 10px;

  .panel-body {
    padding: 8px;

    .row {
      margin-left: -7px;
      margin-right: -8px;

      .col-md-1 {
        width: 8%;
      }

      .col-md-11 {
        width: 90%;
      }
    }
  }

  .modal-status-in-progress-icon {
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 0px;
    margin-left: 8px;
    vertical-align: middle;

    &-interactible {
      cursor: pointer;
    }
  }

  .modal-status-in-progress-message {
    display: inline-block;
    font-family: sans-serif;
    font-weight: bold;
    font-size: 15px;
    margin-bottom: 0px;
    margin-left: 12px;
    vertical-align: middle;
  }
}