.form-control {
  display: block;
  width: 100%;
  height: 38px;
  padding: $input-btn-padding-y ( $input-btn-padding-x / 2);
  font-size: $input-btn-font-size;
  font-weight: $font-weight-base;
  line-height: $input-btn-line-height;
  color: #495057;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  border-radius: $input-btn-border-radius;
  box-shadow:none;
  @include transition();

  &::-ms-expand {
    background-color: transparent;
    border: 0;
  }

  &:focus {
    border-color: #80bdff;
    outline: 0;
  }

  &::placeholder {
    color: #6c757d;
    opacity: 1;
  }

  &:disabled,
  &[readonly] {
    background-color: #e9ecef;
    opacity: 1;
  }

  &.form-control-sm {
    height: 34px;
    padding: $input-btn-padding-y-sm ($input-btn-padding-x-sm /2 );
    font-size: $input-btn-font-size-sm;
    line-height: $input-btn-line-height-sm;
    border-radius:$input-btn-border-radius-sm;
  }

  &.form-control-xs {
    height: 26px;
    padding: $input-btn-padding-y-xs ($input-btn-padding-x-xs /2 );
    font-size: $input-btn-font-size-xs;
    line-height: $input-btn-line-height-xs;
    border-radius:$input-btn-border-radius-xs;
  }

  &.form-control-lg {
    height: 48px;
    padding: $input-btn-padding-y-lg ( $input-btn-padding-x-lg / 2);
    font-size: $input-btn-font-size-lg;
    line-height: $input-btn-line-height-lg;
    border-radius:$input-btn-border-radius-lg;
  }
}

select.form-control {
  &:focus::-ms-value {
    color: #495057;
    background-color: #fff;
  }
}

.bottom-actions {
  @include display-flex();
  align-items: center;

  .left,
  .right {
    -webkit-flex:1;
    -ms-flex:1;
    flex:1;
  }
  .center {
    -webkit-flex:2;
    -ms-flex:2;
    flex:2;
  }

  .left {
    text-align:left;
  }

  .right {
    text-align:right;
  }
}

//버튼그룹
.ax-button-group {
  display: table;
  width: 100%;
  min-height: 40px;

  .left,
  .right {
    display: table-cell;
    vertical-align: bottom;
    padding: 0 5px 10px 5px;

    h1, h2, h3, h4, h5, h6 {
      line-height: 26px;
    }
  }

  .left {
    text-align:left;
  }

  .right {
    text-align:right;
  }

  &.ax-button-group-bottom {

    .left, .right {
      padding: 0px;
      vertical-align:middle;
    }

    &.sm {
      min-height: 30px;

      .left, .right {
        padding: 0 5px 7px 5px;
      }
    }

    .pagination {
      margin: 0px;
    }
  }
}


[data-ax-tbl] {
  font-size: 0.9em;
  background: #fff;
  border-top: 1px solid #D8D8D8;
  border-right: 1px solid #D8D8D8;
  border-left: 1px solid #D8D8D8;
  position: relative;

  [data-ax-tr] {
    border-bottom: 1px solid #D8D8D8;
    @include clear-fix-after();

    [data-ax-td] {
      float: left;
      display: table;
      table-layout: fixed;
      width: 300px;
      vertical-align: top;
      min-height: 40px;

      &.width-auto {
        width:auto;
      }
      &.width-100 {
        width:100%;
      }

      [data-ax-td-label] {
        display: table-cell;
        width: 100px;
        padding: 7px;
        @include background-gradient(#fbfbfb, #f6f6f6);
        border-right: 1px solid #D8D8D8;
        vertical-align: middle;
        text-align: center;
        color: #363636;

        fieldset[readonly] &,
        fieldset[disabled] & {
          color: #c8c8c8;

        }

        a {
          color: #363636;
        }
      }

      + [data-ax-td] [data-ax-td-label] { border-left: 1px solid #D8D8D8 }

      [data-ax-td-wrap] {
        display: table-cell;
        padding: 7px 7px;
        color: #68717b;
        line-height: 1em;


        a {
          color: #68717b;

          &:after {
            content: ' ';
          }
        }

        .form-control,
        .btn {
          vertical-align: middle;
        }

        .form-control {
          font-size:1em;

          &.inline-block {
            display: inline-block;
            width: auto;
          }
        }

        textarea.form-control {
          resize:vertical;
        }

        .form-control-static {
          padding: 7px;
          min-height:0px;
        }

        .radio-inline,
        .checkbox-inline {
          line-height: 21px;
          padding: 0;
          display: inline-block;

          input[type="checkbox"],
          input[type="radio"] {
            display: inline-block;
            position: static;
            margin: 0 3px;
            vertical-align: middle;
          }
        }

        .radio-inline {
          margin-top:5px;

          + .radio-inline {
            margin-top:5px;
          }
        }


        fieldset[readonly] &,
        fieldset[disabled] & {
          color: #c8c8c8;
          .form-control {
            background-color: #eee;
            opacity: 1;
          }
        }
      }
    }
  }
}