.modal-dialog {
  min-width: 800px;

  .select_container {
    display: inline-block;
  }
}

.modal-body {
  padding: 0;
  margin: 1rem 1rem 0 1rem;

  // Fixes first div's top-margin getting ignored.
  // (same trick that .form-group uses)
  div:first-child::before {
    content: " ";
    display: table;
  }

  > div {
    position: relative;
    margin-bottom: 1rem;
  }
}

.modal-footer {
  padding: 1rem;
}

.form-horizontal .checkbox {
  padding-top: 0;
}

#z_hub_modal {
  div.popover {
    &.left,
    &.top {
      max-width: 500px;
    }
  }
}

form {
  &.loading {
    .modal-body {
      opacity: .15;
    }
    .overlay  {
      display: block;
      #loading_form_icon {
        visibility: visible;
        color: #3c4d55;
      }
    }
  }
  .overlay {
    display: none;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 61px;
    left: 0;

    #loading_form_icon {
      display: inline-block;
      position: absolute;
      font-size: 60px;
      right: 45%;
      top: 55%;
      visibility: hidden;
      z-index: 1000;
    }
  }
}

#loading_form_icon {
  display:none;
}