@mixin tex_input_element($color: #444444, $bg_color: #ffffff, $border_color: #dfdfdf) {

  color: $color;
  background: $bg_color !important;
  border: 1px solid $border_color;

  display: inline-block;
  position: relative;

  text-decoration: none;
  text-shadow: none !important;

  border-radius: 3px !important;

  font-weight: bold;

  font-size: 1.4rem !important;
  padding: 1rem 1.4rem !important;

  margin: 0;

  box-shadow: none !important;

  transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;

  /*&:hover {
    background-color: darken($bg_color,10%) !important;
    color: darken($color,10%);
  }*/

  &:focus {
    border-color: #298eea !important;
  }

  &.highl {
    background-color: rgba(255, 200, 127, 0.26) !important;
  }

  width: calc(80% - 32px);

}

@mixin tex_input_element_inputfield($color: #444444, $bg_color: #ffffff, $border_color: #dfdfdf) {
  @include tex_input_element($color, $bg_color, $border_color);
  height: 4.4rem !important;
}

@mixin tex_input_element_textarea($color: #444444, $bg_color: #ffffff, $border_color: #dfdfdf) {
  @include tex_input_element($color, $bg_color, $border_color);
}

body.index {
  div#sidebar {
    input[type="text"] {
      @include tex_input_element_inputfield;
      width: calc(100% - 5px);
    }
  }
}

body.edit, body.new {
  div#main_content {

    form input[type=text] { @include tex_input_element_inputfield; }
    form input[type=password] { @include tex_input_element_inputfield; }
    form input[type=email] { @include tex_input_element_inputfield; }
    form input[type=number] { @include tex_input_element_inputfield; }
    form input[type=url] { @include tex_input_element_inputfield; }
    form input[type=tel] { @include tex_input_element_inputfield; }
    form input[type=date] { @include tex_input_element_inputfield; }

    form textarea {
      @include tex_input_element_textarea;
    }

  }
}

select {
  @include tex_input_element_inputfield;
}

.bootstrap-select {
  button {
    @include tex_input_element_inputfield;

    span.filter-option {
      font-weight: bold;
    }

  }
}