/* VSCloud Masks - wrappers para data e CEP */

.vs-date-wrapper,
.vs-cep-wrapper {
  position: relative;
  display: flex;
  align-items: stretch;
  width: 100%;
}

.vs-date-wrapper > input[type="text"],
.vs-cep-wrapper > input[type="text"],
.vs-cep-wrapper > input:not([type]),
.vs-cep-wrapper > input[type="search"],
.vs-cep-wrapper > input[type="tel"] {
  padding-right: 38px;
}

.vs-date-button,
.vs-cep-button {
  position: absolute;
  right: 1px;
  top: 1px;
  bottom: 1px;
  width: 34px;
  border: 0;
  border-left: 1px solid #d6deeb;
  background: #f8fafc;
  color: #475569;
  border-radius: 0 8px 8px 0;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  z-index: 2;
}

.vs-date-button:hover,
.vs-cep-button:hover {
  background: #eef2ff;
  color: #47388f;
}

.vs-date-button:focus,
.vs-cep-button:focus {
  outline: none;
  box-shadow: none;
}

.vs-date-native {
  position: absolute;
  width: 1px;
  height: 1px;
  opacity: 0;
  pointer-events: none;
}

.vs-cep-button.vs-loading i::before {
  content: "\f116";
}

.text-uppercase {
  text-transform: uppercase;
}