Generated by SassMeister.com.

SassMeister-input.scss

// ----
// libsass (v3.3.2)
// ----

@mixin optional-at-root($sel) {
  @at-root #{if(not &, $sel, selector-append(&, $sel))} {
    @content;
  }
}

@mixin placeholder {
  @include optional-at-root('::-webkit-input-placeholder') {
    @content;
  }

  @include optional-at-root(':-moz-placeholder') {
    @content;
  }

  @include optional-at-root('::-moz-placeholder') {
    @content;
  }

  @include optional-at-root(':-ms-input-placeholder') {
    @content;
  }
}

#MyOrderList {
    $th-background:#253953;
    th {
      background-color: $th-background;
      &.actionCol{
        padding:0px 10px;
      }
      input {
        margin:3px;
        background-color: #253953;
        border-radius: 3px;
        width:90%;
        color:#fff;
        border:1px solid lighten($th-background, 10);
        &:focus {
          box-shadow: 0 0 5px 3px #45C7F9;
        }
        &.width80 {
          @include placeholder {
            color: lighten($th-background, 10);
          }
        }
      }
    }
  }

SassMeister-output.css

#MyOrderList th {
  background-color: #253953;
}

#MyOrderList th.actionCol {
  padding: 0px 10px;
}

#MyOrderList th input {
  margin: 3px;
  background-color: #253953;
  border-radius: 3px;
  width: 90%;
  color: #fff;
  border: 1px solid #355176;
}

#MyOrderList th input:focus {
  box-shadow: 0 0 5px 3px #45C7F9;
}

::-webkit-input-placeholder {
  color: #355176;
}

:-moz-placeholder {
  color: #355176;
}

::-moz-placeholder {
  color: #355176;
}

:-ms-input-placeholder {
  color: #355176;
}