.crowi.main-container .main .content-main.on-edit { // {{{ Edit Form of Page
  padding: 0;

  position: fixed;
  z-index: 1050;
  background: #fff;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;

  .nav {
    margin-top: 8px;
  }

  .tab-content {
    top: 48px;
    bottom: 58px;
    padding: 0 12px;
    position: absolute;
    z-index: 1051;
    left: 0;
    right: 0;
    margin-top: 4px;

    .alert-info {
      display: none;
    }

    .edit-form { // {{{
      height: 100%;
      .row {
        height: 100%;
        .col-md-6 {
          height: 100%;
        }
        form {
          padding: 0;
          border-right: solid 1px #ccc;
          &::after {
            position: absolute;
            top: 0;
            right: 15px;
            font-size: 10px;
            font-weight: 700;
            color: #959595;
            text-transform: uppercase;
            letter-spacing: 1px;
            content: "Input Content ...";
          }
        }
        textarea {
          line-height: 1.6em;
          height: 100%;
          padding-top: 18px;
          border: none;
          box-shadow: none;
          resize: none;
          word-break: break-all;

          &.dragover {
            border: dashed 6px #ccc;
            padding: 12px 6px 0px;
          }
        }
        .preview-body {
          height: 100%;
          padding-top: 18px;
          overflow: scroll;

          &::after {
            position: absolute;
            top: 0;
            right: 15px;
            font-size: 10px;
            font-weight: 700;
            color: #959595;
            text-transform: uppercase;
            letter-spacing: 1px;
            content: "Preview";
          }
        }

        .page-form-setting {
          .extended-setting {
            label {
              margin-bottom: 0;
            }
          }
        }
      }
    }

  } // }}}

  .form-group.form-submit-group {

    position: fixed;
    z-index: 1054;
    bottom: 0;
    width: 100%;
    left: 0;
    padding: 8px;
    min-height: 50px;
    background: rgba(255,255,255,.8);
    border-top: solid 1px #ccc;
    margin-bottom: 0;
  }
} // }}}

.crowi.main-container .main .content-main.content-form {
  h1, h2, h3,
  fieldset > legend {
    &:not(.modal-title):not(.dropdown-header) {
      padding-left: 0.5rem;
      padding-bottom: 0.5rem;
      margin-bottom: 1.5rem;
      border-bottom: 1px solid $border-color;
    }
  }

  fieldset > fieldset > legend {
    &:not(.modal-title):not(.dropdown-header) {
      font-size: 1.3rem;
      border: none;
      padding-left: 1rem;
      padding-right: 1rem;
    }
  }
}

.crowi.main-container .main .page-list.content-main { // {{{ Edit Form of Page List

  .close-button {
    display: none;
  }
}
.crowi.main-container .main .page-list.content-main.on-edit { // {{{ Edit Form of Page List
  .close-button {
    display: block;
  }

  .page-list-container {
    display: none;
  }
  .portal-form-header,
  .portal-form {
    display: block;
  }

  .portal-form-header {
    height: 16px;
    padding: 8px;
    border-bottom: solid 1px #ccc;
  }
} // }}}

textarea {
  font-family: menlo, monaco, consolas, monospace;
  line-height: 1.1em;
}

input::-webkit-input-placeholder {
  color: #ccc;
}
input:-moz-placeholder {
  color: #ccc;
}

// Smartphone and Tablet
@include media-breakpoint-down(sm) {
  .content-main.on-edit {
    .form-group.form-submit-group {
      select.form-control {
        display: inline-block;
        max-width: 50%;
      }
    }
  }
}

// Smartphone
@include media-breakpoint-down(xs) {
  #edit-form-submit {
    float: right;
  }
}
