

@mixin textArea($initColor) {
  @include boxSizing(border-box);
  @include placeholder(#999);
  border: 1px solid $initColor;
  font-size: 12px;
  color: #000000;
  padding: 4px 10px;
  resize: none;
  border-radius: 2px;
  background-color: #ffffff;
  &:hover {
    border: 1px solid $inputHoverColor;
    //color: #989A9C;
  }
  &:focus {
    background: $colorWhite;
    border: 1px solid #666666;//$colorNormal;
    -webkit-box-shadow: 0 0 0 2px rgba(34, 153, 255, .2);
    box-shadow: 0 0 0 2px rgba(34, 153, 255, .2);
  }
  &.cd-error {
    border: 1px solid  #E2231A;//$inputErrorColor;
    //color: #989A9C;
    -webkit-box-shadow:0 0 0 2px rgba(226,35,26,0.20);
    box-shadow: 0 0 0 2px rgba(226,35,26,0.20);

    @include placeholder($colorBrand);
    
    &:focus {
        @include placeholder(#999);
    }
  }
  &.cd-disable {
    border-color: $initColor;
    color: $inputDisableColor;
    background-color: $colorTableExpand;
    -webkit-box-shadow: 0 0 0 0 !important;
    box-shadow: 0 0 0 0 !important;
  }
}

.cd-text-area {
  @include textArea($inputColor);
}

textarea::-webkit-input-placeholder {
  color: #999999;
}

textarea::-moz-placeholder {
  color: #999999;
  opacity: 1;
}

textarea:-ms-input-placeholder {
  color: #999999;
}
