rhodecode/public/css/deform.less

.deform {

  * {
    box-sizing: border-box;
  }

  .required:after {
    color: #e32;
    content: '*';
    display:inline;
  }

  .control-label {
    width: 200px;
    padding: 10px;
    float: left;
  }
  .control-inputs {
    width: 400px;
    float: left;
  }
  .form-group .radio, .form-group .checkbox {
      position: relative;
      display: block;
      /* margin-bottom: 10px; */
  }

  .form-group {
    clear: left;
    margin-bottom: 20px;

    &:after { /* clear fix */
      content: " ";
      display: block;
      clear: left;
    }
  }

  .form-control {
    width: 100%;
    padding: 0.9em;
    border: 1px solid #979797;
    border-radius: 2px;
  }
  .form-control.select2-container {
    padding: 0; /* padding already applied in .drop-menu a */
  }

  .form-control.readonly {
    background: #eeeeee;
    cursor: not-allowed;
  }

  .error-block {
    color: red;
    margin: 0;
  }

  .help-block {
    margin: 0;
  }

  .deform-seq-container .control-inputs {
    width: 100%;
  }

  .deform-seq-container .deform-seq-item-handle {
    width: 8.3%;
    float: left;
  }

  .deform-seq-container .deform-seq-item-group {
    width: 91.6%;
    float: left;
  }

  .form-control {
      input {
        height: 40px;
      }
      input[type=checkbox], input[type=radio] {
        height: auto;
      }
      select {
        height: 40px;
      }
  }

  .form-control.select2-container {
    height: 40px;
  }

  .deform-two-field-sequence .deform-seq-container .deform-seq-item label {
      display: none;
  }
  .deform-two-field-sequence .deform-seq-container .deform-seq-item:first-child label {
      display: block;
  }
  .deform-two-field-sequence .deform-seq-container .deform-seq-item .panel-heading {
      display: none;
  }
  .deform-two-field-sequence .deform-seq-container .deform-seq-item.form-group {
      margin: 0;
  }
  .deform-two-field-sequence .deform-seq-container .deform-seq-item .deform-seq-item-group .form-group {
      width: 45%; padding: 0 2px; float: left; clear: none;
  }
  .deform-two-field-sequence .deform-seq-container .deform-seq-item .deform-seq-item-group > .panel {
      padding: 0;
      margin: 5px 0;
      border: none;
  }
  .deform-two-field-sequence .deform-seq-container .deform-seq-item .deform-seq-item-group > .panel > .panel-body {
      padding: 0;
  }

}