/* Styling of inputs to have the same bootstrap look as form-control elements */

input[type=email],
input[type=file],
input[type=password],
input[type=search],
input[type=text],
input[type=url],
select,
django-ckeditor-widget,
textarea {
  display: block;
  width: 100%;
  padding: 0.5rem 0.75rem;
  font-size: 1rem;
  line-height: 1.25;
  color: #495057;
  background-color: #fff;
  background-image: none;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 0.25rem;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  outline: none;
}

form li label input{
  display: inline-block;
  width: unset;
}

form select:not([multiple]){
  -webkit-appearance: none;
  background-color: white;
  background-image: 
    linear-gradient(45deg, transparent 50%, black 50%),
    linear-gradient(135deg, black 50%, transparent 50%);
  background-position:
    calc(100% - 15px) calc(1em + 1px),
    calc(100% - 10px) calc(1em + 1px);
  background-size:
    5px 5px,
    5px 5px;
  background-repeat: no-repeat;
  padding-right: 25px;
}

input::-ms-expand {
  background-color: transparent;
  border: 0;
}

input:focus {
  color: #495057;
  background-color: #fff;
  border-color: #80bdff;
  outline: none;
}

input::-webkit-input-placeholder {
  color: #868e96;
  opacity: 1;
}

input:-ms-input-placeholder {
  color: #868e96;
  opacity: 1;
}

input::placeholder {
  color: #868e96;
  opacity: 1;
}

.field-label{
  position: absolute;
  bottom: 0;
}