textarea{
  @apply font-base py-0;
}

.form-group .control-label{
  @apply block pb-2 text-base font-medium text-textLabel
}
.form-group .input-group{
  @apply flex w-full relative
}
.input-group .textarea-form-control{
  @apply w-full  px-2 pl-2 text-base text-dark rounded-none outline-none border-2 border-solid border-borderColors hover:border-primary focus:border-primary
}
.form-group p.helper-text{
  @apply block w-full m-0 py-1 text-sm text-disabled
}
.form-group.error .control-label{
  @apply text-danger
}
.error .input-group .textarea-form-control{
  @apply  border-danger
}
.error .error-text{
  @apply block w-full m-0 py-1 text-sm text-danger
}
.input-group input:disabled{
  @apply cursor-not-allowed hover:border-borderColors
}
.form-default .control-label{
  @apply text-base
}
.form-small .control-label{
  @apply text-sm
}
.form-medium .control-label{
  @apply text-lg
}
.form-default .input-group .textarea-form-control{
  @apply text-base
}
.form-small .input-group .textarea-form-control{
  @apply text-sm
}
.form-medium .input-group .textarea-form-control{
  @apply text-lg
}
.form-large .input-group .textarea-form-control{
  @apply text-xl
}
.form-large .control-label{
  @apply text-xl
}
.input-group textarea:disabled{
  @apply cursor-not-allowed hover:border-borderColors
}



/* Rounded default */
.rounded-default .textarea-form-control{
  @apply rounded-none
}
.rounded-default textarea{
  @apply !px-4;
}

/* Rounded small */
.rounded-small .textarea-form-control{
  @apply rounded-sm
}

/* Rounded medium */
.rounded-medium .textarea-form-control{
  @apply rounded-md
}

/* Rounded full */
.rounded-large .textarea-form-control{
  @apply rounded-full
}
.rounded-large textarea{
  @apply !px-10;
}