/**
 * Copyright (c) 2020. ExacTI Technology Solutions
 * MIT License.
 * https://exacti.com.br
 * floating-labels - https://github.com/exacti/floating-labels
 */
:root {
  --input-padding-x: 1rem;
  --input-padding-y: .5rem;
  --placeholder-color: #6c757d;
  --top-position: 14px;
  --label-z-index: 5;
  --input-background-color: #ffffff;
  --top-position-in-border: 5px;
  --outline-border-color: #80bdff;
  --top-position-outline: -8px;
  --normal-border-color: #ced4da;
  --outline-border-size: .125rem;
  --outline-animation-duration: .3s;
  --outline-transition-type: linear; }

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

.form-label-group label {
  margin: 0;
  pointer-events: none; }

.form-label-group input {
  padding: 12px 0 5px;
  height: unset; }

.form-label-group label {
  position: absolute;
  top: 50%;
  right: 0;
  padding: 0 !important;
  display: block;
  width: 100%;
  margin-bottom: 0;
  /* Override default `<label>` margin */
  color: var(--placeholder-color);
  border-radius: .25rem;
  transition: all .2s ease-in-out;
  transform-origin: 0 0;
  transform: translateY(-50%);
  text-align: right;
  /* 
    visibility: hidden; */
  z-index: var(--label-z-index); }

.form-label-group.form-control {
  padding: 0; }

.form-label-group.form-control input {
  border: none;
  height: 99%; }

.form-label-group textarea ~ label {
  top: 0px;
  transform: translateY(0); }

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

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

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

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

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

.form-label-group:not(.in-border).form-label-group:not(.outline) select {
  padding-bottom: 0; }

.form-label-group input:not(:placeholder-shown) ~ label, .form-label-group input:focus ~ label, .form-label-group textarea:not(:placeholder-shown) ~ label, .form-label-group textarea:focus ~ label, .form-label-group select ~ label {
  font-size: 12px;
  top: 0;
  transform: translateY(-50%) scale(1);
  visibility: visible; }

.form-label-group input.form-control-lg:not(:placeholder-shown) ~ label, .form-label-group input.form-control-lg:focus ~ label {
  top: calc(2px + var(--top-position)); }

.form-label-group input.form-control-sm:not(:placeholder-shown) ~ label, .form-label-group input.form-control-sm:focus ~ label {
  top: calc(2px - var(--top-position)); }

.form-label-group input:focus:-ms-input-placeholder, .form-label-group textarea:focus:-ms-input-placeholder {
  visibility: hidden;
  color: rgba(255, 255, 255, 0);
  transition-delay: 0s;
  opacity: 0;
  text-shadow: none; }

.form-label-group input:focus::placeholder, .form-label-group textarea:focus::placeholder {
  visibility: hidden;
  color: rgba(255, 255, 255, 0);
  transition-delay: 0s;
  opacity: 0;
  text-shadow: none; }

.form-label-group input:-ms-input-placeholder, .form-label-group textarea:-ms-input-placeholder {
  transition-delay: .2s;
  color: rgba(255, 255, 255, 0);
  opacity: 0; }

.form-label-group input::placeholder, .form-label-group textarea::placeholder {
  transition-delay: .2s;
  color: rgba(255, 255, 255, 0);
  opacity: 0; }

.form-label-group .intl-tel-input label, .form-label-group .iti label {
  margin-left: 42px; }

.form-label-group .intl-tel-input input:focus:-ms-input-placeholder, .form-label-group .iti input:focus:-ms-input-placeholder {
  visibility: visible;
  color: var(--placeholder-color);
  opacity: 1; }

.form-label-group .intl-tel-input input:focus::placeholder, .form-label-group .iti input:focus::placeholder {
  visibility: visible;
  color: var(--placeholder-color);
  opacity: 1; }

/* In Border */
.form-label-group.in-border label {
  width: auto;
  /* left: .6rem; */ }

.form-label-group.in-border input:focus, .form-label-group.in-border textarea:focus, .form-label-group.in-border select:focus {
  box-shadow: none; }

.form-label-group.in-border input:not(:placeholder-shown) ~ label, .form-label-group.in-border input:focus ~ label, .form-label-group.in-border textarea:not(:placeholder-shown) ~ label, .form-label-group.in-border textarea:focus ~ label, .form-label-group.in-border select ~ label {
  left: calc(var(--input-padding-x)/10);
  top: var(--top-position-in-border);
  height: auto; }

.form-label-group.in-border input:not(:placeholder-shown) ~ label::after, .form-label-group.in-border input:focus ~ label::after, .form-label-group.in-border textarea:not(:placeholder-shown) ~ label::after, .form-label-group.in-border textarea:focus ~ label::after, .form-label-group.in-border select ~ label::after {
  visibility: visible;
  transition: all .2s ease; }

.form-label-group.in-border label::after {
  content: " ";
  display: block;
  position: absolute;
  background: var(--input-background-color);
  height: 4px;
  top: 50%;
  left: .7em;
  right: .7em;
  z-index: -1;
  visibility: hidden; }

.form-label-group.in-border input,
.form-label-group.in-border textarea,
.form-label-group.in-border label,
.form-label-group.in-border select {
  transition: all .2s linear, border-color .5s ease-in-out,box-shadow .5s ease-in-out; }

.form-label-group.in-border .intl-tel-input input:not(:placeholder-shown) ~ label, .form-label-group.in-border .intl-tel-input input:focus ~ label, .form-label-group.in-border .iti input:not(:placeholder-shown) ~ label, .form-label-group.in-border .iti input:focus ~ label {
  margin-left: 0px; }

.form-label-group.iti-right .iti__flag-container {
  right: 0;
  left: auto; }

.form-label-group.iti-right .iti--allow-dropdown input, .form-label-group.in-border.iti-right .iti--allow-dropdown input[type="tel"], .iti--allow-dropdown input[type="text"], .form-label-group.iti-right .iti--separate-dial-code input, .form-label-group.iti-right .iti--separate-dial-code input[type="tel"], .form-label-group.iti-right .iti--separate-dial-code input[type="text"] {
  padding-left: var(--input-padding-x); }

.form-label-group.iti-right .intl-tel-input label, .form-label-group.iti-right .iti label {
  margin-left: 0; }

.form-label-group.iti-right .iti__country-list {
  right: 0px; }

.form-label-group .iti__country-list {
  z-index: calc(var(--label-z-index) + 2) !important; }

/* Outline */
.form-label-group.outline span {
  position: absolute;
  top: 0;
  left: 0;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  margin-bottom: 0;
  /* Override default `<label>` margin */
  color: var(--placeholder-color);
  border-radius: .25rem;
  transition: all 0.2s var(--outline-transition-type);
  transform-origin: 0 0;
  /* transform: translateY(-50%); */
  text-align: left;
  /* 
    visibility: hidden; */
  z-index: var(--label-z-index);
  height: 100%;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  pointer-events: none; }

.form-label-group.outline input.border-danger ~ span {
  --normal-border-color: var(--danger, #dc3545); }

.form-label-group.outline input.border-primary ~ span {
  --normal-border-color: var(--primary, #007bff); }

.form-label-group.outline input.border-secondary ~ span {
  --normal-border-color: var(--secondary, #6c757d); }

.form-label-group.outline input.border-success ~ span {
  --normal-border-color: var(--success, #28a745); }

.form-label-group.outline input.border-info ~ span {
  --normal-border-color: var(--info, #17a2b8); }

.form-label-group.outline input.border-warning ~ span {
  --normal-border-color: var(--warning, #ffc107); }

.form-label-group.outline input.border-light ~ span {
  --normal-border-color: var(--light, #f8f9fa); }

.form-label-group.outline input.border-dark ~ span {
  --normal-border-color: var(--dark, #343a40); }

.form-label-group.outline input.border-white ~ span {
  --normal-border-color: var(--white, ##fff); }

.form-label-group.outline input:focus, .form-label-group.outline textarea:focus, .form-label-group.outline select:focus {
  box-shadow: none; }

.form-label-group.outline input:not(:placeholder-shown) ~ span, .form-label-group.outline input:focus ~ span, .form-label-group.outline textarea:not(:placeholder-shown) ~ span, .form-label-group.outline textarea:focus ~ span, .form-label-group.outline select ~ span {
  position: absolute;
  top: 0;
  left: 0;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  margin-bottom: 0;
  /* Override default `<label>` margin */
  color: var(--placeholder-color);
  border-radius: .25rem;
  transition: all var(--outline-animation-duration) var(--outline-transition-type);
  transform-origin: 0 0;
  /* transform: translateY(-50%); */
  text-align: left;
  /* 
    visibility: hidden; */
  z-index: var(--label-z-index);
  height: 100%;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }

.form-label-group.outline input ~ span::after, .form-label-group.outline input ~ span::after, .form-label-group.outline textarea ~ span::after, .form-label-group.outline textarea ~ span::after, .form-label-group.outline select ~ span::after {
  transition: all var(--outline-animation-duration) var(--outline-transition-type);
  content: " ";
  /* width: 1px;*/
  width: 1px;
  -ms-flex: 1 0 auto;
      flex: 1 0 auto;
  border: var(--outline-border-size) solid var(--normal-border-color);
  border-left: none;
  position: relative;
  right: 0px;
  height: 100%;
  visibility: hidden;
  border-radius: 0 .25rem .25rem 0;
  -ms-flex-positive: 1;
      flex-grow: 1;
  -ms-flex-preferred-size: 0;
      flex-basis: 0;
  max-width: 1px; }

.form-label-group.outline input:not(:placeholder-shown) ~ span::after, .form-label-group.outline input:focus ~ span::after, .form-label-group.outline textarea:not(:placeholder-shown) ~ span::after, .form-label-group.outline textarea:focus ~ span::after, .form-label-group.outline select ~ span::after {
  height: 100%;
  border: 1px solid var(--normal-border-color);
  border-left: none;
  content: " ";
  display: block;
  position: relative;
  background: transparent;
  /* top: 0px;
    right: 0px; */
  z-index: -1;
  border-radius: 0 .25rem .25rem 0;
  width: 100%;
  max-width: 100%;
  -ms-flex-positive: 1;
      flex-grow: 1;
  -ms-flex-preferred-size: 0;
      flex-basis: 0;
  transition: all var(--outline-animation-duration) var(--outline-transition-type);
  visibility: visible; }

.form-label-group.outline input:not(:placeholder-shown) ~ span::before, .form-label-group.outline input:focus ~ span::before, .form-label-group.outline textarea:not(:placeholder-shown) ~ span::before, .form-label-group.outline textarea:focus ~ span::before, .form-label-group.outline select ~ span::before {
  height: 100%;
  border: 1px solid var(--normal-border-color);
  border-right: none;
  content: " ";
  display: block;
  position: relative;
  background: transparent;
  top: 0px;
  left: 0px;
  z-index: -1;
  border-radius: .25rem 0 0 .25rem;
  width: 100%;
  -ms-flex: 0 0 9px;
      flex: 0 0 9px;
  transition: all var(--outline-animation-duration) var(--outline-transition-type); }

.form-label-group.outline label {
  position: relative;
  top: 50%;
  left: 0;
  display: block;
  width: auto;
  margin-bottom: 0;
  color: var(--placeholder-color);
  border-radius: .25rem;
  transition: all var(--outline-animation-duration) var(--outline-transition-type);
  /* transform: translateY(-50%); */
  text-align: left;
  /* visibility: hidden; */
  z-index: var(--label-z-index);
  -ms-flex-positive: 1;
      flex-grow: 1;
  -ms-flex-preferred-size: 0;
      flex-basis: 0;
  max-width: 100%;
  -ms-flex: 0 0 auto;
      flex: 0 0 auto;
  margin-right: auto; }

.form-label-group.outline input:not(:placeholder-shown) ~ span label, .form-label-group.outline input:focus ~ span label, .form-label-group.outline textarea:not(:placeholder-shown) ~ span label, .form-label-group.outline textarea:focus ~ span label, .form-label-group.outline select ~ span label {
  transform: none;
  top: var(--top-position-outline);
  font-size: .6rem;
  padding: var(--input-padding-y) calc(var(--input-padding-x)/3);
  padding-top: 0;
  color: var(--placeholder-color);
  margin: 0;
  margin-right: auto;
  /* padding-bottom: 0; */
  /* height: fit-content; */ }

.form-label-group.outline input:not(:placeholder-shown), .form-label-group.outline input:focus, .form-label-group.outline textarea:not(:placeholder-shown), .form-label-group.outline textarea:focus, .form-label-group.outline select {
  border-top-color: transparent !important;
  border-bottom-color: var(--normal-border-color);
  border-bottom-width: 1px;
  transition: all var(--outline-animation-duration) var(--outline-transition-type); }

.form-label-group.outline input,
.form-label-group.outline textarea,
.form-label-group.outline label,
.form-label-group.outline select {
  background-color: transparent;
  transition: all var(--outline-animation-duration) var(--outline-transition-type); }

.form-label-group.outline select ~ span::after, .form-label-group.outline select ~ span::before {
  border-color: var(--normal-border-color); }

.form-label-group.outline select {
  border-bottom-color: var(--normal-border-color); }

.form-label-group.outline select ~ span label {
  color: var(--placeholder-color); }

.form-label-group.outline.border-danger {
  --outline-border-color: var(--danger, #dc3545); }

.form-label-group.outline.border-primary {
  --outline-border-color: var(--primary, #007bff); }

.form-label-group.outline.border-secondary {
  --outline-border-color: var(--secondary, #6c757d); }

.form-label-group.outline.border-success {
  --outline-border-color: var(--success, #28a745); }

.form-label-group.outline.border-info {
  --outline-border-color: var(--info, #17a2b8); }

.form-label-group.outline.border-warning {
  --outline-border-color: var(--warning, #ffc107); }

.form-label-group.outline.border-light {
  --outline-border-color: var(--light, #f8f9fa); }

.form-label-group.outline.border-dark {
  --outline-border-color: var(--dark, #343a40); }

.form-label-group.outline.border-white {
  --outline-border-color: var(--white, #fff); }

.form-label-group.outline input:focus ~ span::before, .form-label-group.outline textarea:focus ~ span::before, .form-label-group.outline input:focus ~ span::after, .form-label-group.outline textarea:focus ~ span::after, .form-label-group.outline select:focus ~ span::after, .form-label-group.outline select:focus ~ span::before, .form-label-group.outline select:focus ~ span label {
  border-color: var(--outline-border-color);
  color: var(--outline-border-color) !important;
  border-width: var(--outline-border-size);
  transition: all var(--outline-animation-duration) var(--outline-transition-type); }

.form-label-group.outline select:focus, .form-label-group.outline input:focus, .form-label-group.outline textarea:focus {
  border-bottom-color: var(--outline-border-color) !important;
  border-bottom-width: var(--outline-border-size);
  transition: all 0.2s var(--outline-transition-type); }

.form-label-group.outline input:focus ~ span label, .form-label-group.outline textarea:focus ~ span label, .form-label-group.outline select:focus ~ span label {
  color: var(--outline-border-color) !important; }

/* fix ITI container */
.form-label-group.outline .iti__flag-container span {
  position: relative;
  display: inline; }

.canceldeal-form input {
  border: none;
  border-bottom: solid 1px #e5e5e5;
  border-radius: 0;
  width: 335px;
  height: 37px;
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 0.93;
  letter-spacing: normal; }
  .canceldeal-form input:focus {
    border-bottom: solid 1px #e5e5e5; }

.canceldeal-form button.submit-cancel-deal {
  margin-top: 10px;
  background-color: #ffffff;
  color: #000000;
  font-weight: 600;
  border: 1px solid #000000;
  border-radius: initial;
  width: 335px; }
  .canceldeal-form button.submit-cancel-deal:hover {
    color: #212529;
    text-decoration: none;
    background-color: #ffffff;
    border: 1px solid #000000; }
  .canceldeal-form button.submit-cancel-deal:focus {
    box-shadow: inset 0 0 0 1px #000 !important; }

.canceldeal-form .form-group {
  margin-bottom: 30px; }

.canceldeal-form .input-placeholder {
  border: none;
  border-bottom: solid 1px #e5e5e5;
  border-radius: 0;
  width: 335px;
  height: 37px;
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 0.93;
  letter-spacing: normal; }
  .canceldeal-form .input-placeholder.input-placeholder-comment {
    height: initial;
    border: solid 1px #e5e5e5; }