:-moz-placeholder {
  color: #6b6a6a;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  font-weight: 400;
}
::-webkit-input-placeholder {
  color: #6b6a6a;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  font-weight: 400;
}
::-moz-placeholder {
  color: #6b6a6a;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  font-weight: 400;
}
:-ms-input-placeholder {
  color: #6b6a6a;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  font-weight: 400;
}
::-webkit-scrollbar {
  display: none;
}
.scrollBar::-webkit-scrollbar {
  display: inline-block !important;
  width: 8px;
  min-height: 10px;
  background-color: #efeff3;
  border-radius: 10px;
  overflow-y: auto;
}
.scrollBar::-webkit-scrollbar-track {
  -webkit-border-radius: 10px;
  border-radius: 10px;
}
/* Handle */
.scrollBar::-webkit-scrollbar-thumb {
  -webkit-border-radius: 10px;
  border-radius: 10px;
  background: #d0d1d8;
}
.scrollBar::-webkit-scrollbar-thumb:window-inactive {
  background: #d0d1d8;
}
.required {
  color: #f44336;
}
input:-internal-autofill-selected {
  -webkit-appearance: menulist-button;
  background-color: yellow !important;
}
input:-webkit-autofill {
  -webkit-appearance: menulist-button;
  background-color: yellow !important;
}
a,
input,
button {
  text-decoration: none;
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
input:-webkit-autofill,
textarea:-webkit-autofill,
select:-webkit-autofill {
  box-shadow: 0 0 0 1000px #f1f1f1 inset;
  background-color: red;
}
textarea:focus,
input:focus,
*:focus {
  outline: none !important;
  outline-width: 0;
  box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
}
textarea:active,
input:active,
*:active {
  outline: none !important;
  outline-width: 0;
  box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
}
.btn {
  padding: 10px 20px;
  display: flex;
  font-size: 100%;
  align-items: center;
  cursor: pointer;
  border: 2px solid #e0e0e0;
  background: #f1f1f1;
  border-radius: 7px;
  text-decoration: none;
}
.btn span {
  margin-left: 7px;
  pointer-events: none;
  line-height: normal;
}
.btn.btnFluid {
  width: -webkit-fill-available;
  width: -moz-available;
  width: fill-available;
}
.btn .icon {
  width: 22px;
  height: 22px;
}
.btn.btnSmall {
  font-size: 95%;
  height: 26px;
}
.btn.disabled {
  cursor: not-allowed;
  background-color: #f1f1f1 !important;
  border-color: #f1f1f1 !important;
  color: #494b56 !important;
}
.btn.btnLink {
  border-color: transparent;
  background: transparent;
}
.btn.btnLink span {
  color: #494b56;
  text-decoration: underline;
}
.btn.btnBack {
  width: 28px;
  height: 28px;
  padding: 0px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 10px;
  background: #ffffff;
  border-color: #494b56;
}
.btn.btnBack .icon {
  width: 16px;
  height: 16px;
  font-size: 16px;
  line-height: 10px;
  display: flex;
  align-items: center;
  pointer-events: none;
}
.btn.btnBold {
  font-weight: 500;
}
.btn.btnLg {
  font-size: 110%;
}
.btn.btnCenter {
  justify-content: center;
}
.btn.btnDefault {
  border: 2px solid #e0e0e0;
  background: #f1f1f1;
  color: #494b56;
}
.btn.btnFacebook {
  display: none;
  background-color: #3478f5;
  border-color: #3478f5;
  color: #ffffff;
}
.btn.btnFacebook .icon {
  pointer-events: none;
}
.btn.btnGoogle {
  background-color: #db3e22;
  border-color: #db3e22;
  color: #ffffff;
}
.btn.btnPrimary {
  background-color: #3478f5 !important;
  border-color: #3478f5 !important;
  color: #ffffff !important;
}
.btn.btnSuccess {
  background-color: var(--color-btn-success);
  border-color: var(--color-btn-success);
  color: var(--color-white);
}
.btn.btnDanger {
  background-color: var(--color-btn-danger);
  border-color: var(--color-btn-danger);
  color: var(--color-white);
}
.btn .icon-loading {
  -webkit-animation: 2s rotate linear infinite;
  animation: 2s rotate linear infinite;
  -webkit-transform-origin: 15% 50%;
  transform-origin: 50% 50%;
  /* left                 : 5px !important; */
  /* width                : 20px; */
  /* height               : 20px; */
  display: flex;
  align-items: center;
  justify-content: center;
}
.btn .icon-loading::before {
  margin-left: 0px;
  margin-right: 0px;
  margin-top: 0px;
  margin-bottom: 0px;
}
.btn.btnPorcent {
  display: flex;
  align-items: center;
  position: relative;
  justify-content: center;
}
.btn.btnPorcent[data-state=0] .percent {
  display: none;
}
.btn.btnPorcent.disabled {
  pointer-events: none;
}
.btn.btnPorcent.disabled .percent {
  opacity: 1;
}
.btn.btnPorcent .percent {
  display: flex;
  position: absolute;
  left: 5px;
  top: 5px;
  opacity: 0;
}
.btn.btnPorcent svg {
  width: 28px;
  height: 28px;
  transform: rotate(0deg);
}
.btn.btnPorcent .percentData {
  stroke-dasharray: 100;
  stroke-dashoffset: calc(100 - var(--val));
  --val: 0;
}
.btn.btnPorcent span {
  display: flex;
  align-items: center;
}
.btn.btnPorcent span .icon {
  margin-top: 5px;
}
.btn.btnIconAction {
  padding: 0;
  border: 0;
  position: relative;
  background: transparent;
  border-radius: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-evenly;
  gap: 4px;
  height: auto;
  line-height: normal;
}
.btn.btnIconAction .icon {
  width: 44px;
  height: 44px;
  background-size: contain;
}
.btn.btnIconAction span {
  font-size: 0.85em;
  margin: 0;
  color: #85868f;
}
@keyframes rotate {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@-webkit-keyframes rotate {
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
  }
}
.message {
  width: -webkit-fill-available;
  width: -moz-available;
  width: fill-available;
}
.message.messageSuccess,
.message .messageSuccess {
  padding: 5px 10px;
  border-radius: 6px;
  margin-bottom: 10px;
  background-color: #92e495;
}
.message.messageCenter,
.message .messageCenter {
  padding: 5px 10px;
  border-radius: 6px;
  margin-bottom: 10px;
  text-align: center;
}
.message.messageWarning,
.message .messageWarning {
  padding: 5px 10px;
  border-radius: 6px;
  margin-bottom: 10px;
  background-color: #f9ca85;
}
.message.messageDanger,
.message .messageDanger {
  padding: 5px 10px;
  border-radius: 6px;
  margin-bottom: 10px;
  background-color: #f6d0ce;
}
.message.messageInfo,
.message .messageInfo {
  padding: 5px 10px;
  border-radius: 6px;
  margin-bottom: 10px;
  background-color: #61e8fa;
}
.message.messageAlert,
.message .messageAlert {
  padding: 5px 10px;
  border-radius: 6px;
  margin-bottom: 10px;
  background-color: #f97676;
}
img[src$=".gif"],
img[src$=".png"],
img[src$=".svg"] {
  image-rendering: crisp-edges;
}
.disabled {
  pointer-events: none;
  opacity: 0.5;
  background: var(--color-default) !important;
}
.btnInfoModal {
  margin: 0 10px;
  background: #8377c1;
  width: 20px;
  height: 20px;
  color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 100px;
  margin-top: 2px;
}
.btnInfoModal span {
  pointer-events: none;
}
.icon {
  background-size: contain;
  /* 	width: 16px;
	height: 16px; */
  display: flex;
  align-items: center;
  justify-content: center;
}
.icon-fb {
  background: url(../../icons/facebook.svg) no-repeat center center;
}
.icon-goo {
  background: url(../../icons/google.svg) no-repeat center center;
}
.icon-goo-o {
  background: url(../../icons/google-o.svg) no-repeat center center;
}
.icon-send {
  background: url(../../icons/send.svg) no-repeat center center;
}
.icon-dorado {
  background: url(../../icons/dorado.svg) no-repeat center center;
}
.icon-info {
  background: url(../../icons/btn-info.svg) no-repeat center center;
}
.icon-reserve {
  background: url(../../icons/btn-reserve.svg) no-repeat center center;
}
.step {
  display: none;
}
.step.active {
  display: block;
}
.alertDanger {
  background-color: #f44336;
  border-radius: 0.5rem;
  color: #ffffff;
  box-shadow: 0 0 7px 2px rgba(151, 102, 38, 0.25);
}
.alertSuccess {
  background-color: #4caf50;
  border-radius: 0.5rem;
  color: #ffffff;
  box-shadow: 0 0 7px 2px rgba(151, 102, 38, 0.25);
}
.alertWarning {
  background: #ff9800;
  color: #ffffff;
  box-shadow: 0 0 7px 2px rgba(151, 102, 38, 0.25);
}
.alertInfo {
  background: #00bcd4;
  color: #ffffff;
  box-shadow: 0 0 7px 2px rgba(55, 132, 152, 0.25);
}
.boxAlert {
  position: fixed;
  margin: 0px;
  z-index: 1300;
  width: 270px;
  height: auto;
  display: block;
}
.boxAlert.bottom-left {
  bottom: 20px;
  right: 20px;
}
.boxAlert.top-left {
  top: 70px;
  right: 20px;
}
.boxAlert .alert {
  position: relative;
  margin: 0px 0px 6px 0px;
  z-index: 200;
  width: 100%;
  height: auto;
  min-height: 48px;
  display: block;
  border-radius: 5px;
  padding-bottom: 10px;
  box-shadow: 0 0 7px 2px rgba(86, 118, 154, 0.25);
  display: flex;
}
.boxAlert .alert.bottom-left {
  bottom: 20px;
  right: 20px;
}
.boxAlert .alert.top-left {
  top: 70px;
  right: 20px;
}
.boxAlert .alert .icon {
  font-size: 21px;
  margin: 10px 0px 0px 8px;
  display: inline-block;
}
.boxAlert .alert .text {
  float: left;
  width: 80%;
  padding: 0 10px;
  margin-top: 8px;
  margin-left: 5px;
}