input[type='text'],
input[type='number'],
input[type='email'],
input[type='password'] {
	height: 42px!important;
	border-radius: 0px!important;
	// border: 0px!important;
	padding: 6px 12px;
	display: block;
	box-shadow: none;
	border: 1px solid #ded0b5;
	&.input-text {
		background-color: #f4f4f4;
	}
}

select {
	// height: 42px!important;
	border-radius: 0px!important;
	border: 1px solid #D6CCB7;
	padding: 6px 12px;
	display: inline-block;
	box-shadow: none;
}

textarea {
	border-radius: 0px!important;
	// border: 0px!important;
	border: 1px solid #e0e0e0;
	resize: none;
}

small {
	display: block;
	margin-top: 10px;
	font-size: 13px;
	color: #959595;
	a {
		color: #959595;
	}
}

$form-theme-color:               #ded0b5;
$form-font-size:                 13px;
$form-btn-link-disabled-color:   #ccc;
$form-input-border:              #ccc;
$form-padding-large-horizontal:  20px;
$form-border-radius-small:       2px;

.radio,
.checkbox {
  padding-left: $form-padding-large-horizontal;
  position: relative;
  display: block;

  input {
    opacity: 0;
    position: absolute;
    z-index: 1;
    cursor: pointer;
    margin-left: -$form-padding-large-horizontal;

    &:checked {
      + label {
				&::before {
          border-color: $form-theme-color;
        }
        &::after {
          content: '';
          display: inline-block;
          position: absolute;
          width: 13px;
          height: 13px;
          left: 2px;
          top: 0px;
          margin-left: -$form-padding-large-horizontal;
          border: 1px solid $form-theme-color;
          border-radius: 50%;
          background-color: $form-theme-color;
        }
      }
    }
  }

  label {
    display: inline-block;
    position: relative;
    padding-left: 5px;

    &::before {
      content: '';
      display: inline-block;
      position: absolute;
      width: 17px;
      height: 17px;
      left: 0;
      top: -2px;
      margin-left: -$form-padding-large-horizontal;
      border: 1px solid $form-input-border;
      border-radius: 50%;
      background-color: #fff;
    }
  }

	&.disabled {
    label {
      color: $form-btn-link-disabled-color;

      &::before {
        opacity: .54;
        border-color: $form-btn-link-disabled-color;
      }
    }
  }
}

.checkbox {
  input {
    &:checked {
      + label {
		&::before {
          border-color: $form-theme-color;
          background-color: $form-theme-color;
        }
        &::after {
          content: "\f00c";
          font-family: "Font Awesome 5 Pro";
		  font-size: $form-font-size;
          color: #fff;
          top: 0px;
          left: 1px;
          border-color: transparent;
          background-color: transparent;
        }
      }
    }
  }
  label {
    &::before {
      border-radius: $form-border-radius-small;
    }
  }
}