/* floating label inputs (experimental feature in bootstrap 4: https://getbootstrap.com/docs/4.1/examples/floating-labels/) */

input:not([type="checkbox"]):not(.w-auto) {
    width: 100% !important;
}

input[type="file"] {
    background-color: transparent !important;
}

.file-floating-label-container {
    border: 1px solid #aaa;
    border-radius: 0.33rem;
    padding: .25rem .75rem .75rem .75rem;
}

.file-floating-label {
    font-size: 12px;
    color: #000;
}

.form-label-group {
  position: relative;
  margin-bottom: 1rem;
}

.form-label-group > input,
.form-label-group > label {
  height: 3.125rem;
}

.form-label-group > input,
.form-label-group > textarea,
.form-label-group > label {
  padding: .75rem;
}

.form-label-group > label {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  margin-bottom: 0; /* Override default `<label>` margin */
  line-height: 1.5;
  color: #495057;
  pointer-events: none;
  cursor: text; /* Match the input under the label */
  border: 1px solid transparent;
  border-radius: .25rem;
  transition: all .1s ease-in-out;
}

.form-label-group > select {
    padding: 1.4rem .5rem .4rem .5rem;
}

.form-label-group input::-webkit-input-placeholder,
.form-label-group textarea::-webkit-input-placeholder {
  color: transparent;
}

.form-label-group input:-ms-input-placeholder,
.form-label-group textarea:-ms-input-placeholder {
  color: transparent;
}

.form-label-group input:-ms-input-placeholder,
.form-label-group textarea:-ms-input-placeholder{
  color: transparent;
}

.form-label-group input::-ms-input-placeholder {
  color: transparent;
}

.form-label-group input::-moz-placeholder,
.form-label-group textarea::-moz-placeholder {
  color: transparent;
}

.form-label-group input::placeholder,
.form-label-group textarea::placeholder {
  color: transparent;
}

.form-label-group input:not(:placeholder-shown),
.form-label-group textarea:not(:placeholder-shown) {
  padding-top: 1.25rem;
  padding-bottom: .25rem;
}

.form-label-group input:not(:placeholder-shown) ~ label, .form-label-group textarea:not(:placeholder-shown) ~ label,  .form-label-group .select-floating-label {
  padding-top: .25rem;
  padding-bottom: .25rem;
  font-size: 12px;
  color: #000;
}

/* Fallback for Edge
-------------------------------------------------- */
@supports (-ms-ime-align: auto) {
  .form-label-group > label {
    display: none;
  }
  .form-label-group input::-ms-input-placeholder {
    color: #000;
  }
}

/* Fallback for IE
-------------------------------------------------- */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .form-label-group > label {
    display: none;
  }
  .form-label-group input:-ms-input-placeholder {
    color: #000;
  }
}

.is-invalid {
    border-color: #dc3545;
    padding-right: calc(1.5em + .75rem);
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23dc3545' viewBox='-2 -2 7 7'%3e%3cpath stroke='%23dc3545' d='M0 0l3 3m0-3L0 3'/%3e%3ccircle r='.5'/%3e%3ccircle cx='3' r='.5'/%3e%3ccircle cy='3' r='.5'/%3e%3ccircle cx='3' cy='3' r='.5'/%3e%3c/svg%3E");
    background-repeat: no-repeat;
    background-position: center right calc(.375em + .1875rem);
    background-size: calc(.75em + .375rem) calc(.75em + .375rem);
}

.toggle-password {
    top: -2.1rem;
    right: -100%;
    position: relative;
}

@media (max-width: 768px) {
    .toggle-password {
        top: -2.3rem;
    }
}

.is-invalid ~ .toggle-password {
    right: -95%;
}

input {
    color: #383838 !important;
}

#reuploadVatDoc {
    cursor: pointer;
}

.form-label-group > label {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.form-label-group > textarea {
	border: 1px solid #aaa
}