@import url("https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Ubuntu+Mono:ital,wght@0,400;0,700;1,400;1,700&display=swap");
.btn.btn-primary {
  background: #0cc7ae;
  background: linear-gradient(45deg, #0cc7ae, #0bb9a1);
  font-family: "Poppins", sans-serif;
  transition: ease-in-out 0.4s !important;
}
.btn.btn-primary:hover {
  background: linear-gradient(45deg, #478f85, #0bb9a1);
}
.btn.btn-primary:active {
  background: linear-gradient(45deg, #478f85, #478f85);
}

.btn.btn-secondary {
  background: #3983bf;
  background: linear-gradient(45deg, #3983bf 50%, #296388 150%);
  font-family: "Poppins", sans-serif;
  transition: ease-in-out 0.4s !important;
}
.btn.btn-outline-primary {
  border-color: #0cc7ae;
  color: #0cc7ae;
  font-family: "Poppins", sans-serif;
  transition: ease-in-out 0.4s;
}
.btn.btn-outline-primary:hover {
  background: #0cc7ae !important;
  color: #fff;
}

.bg-primary {
  background: #0cc7ae;
  background: linear-gradient(45deg, #0cc7ae, #0bb9a1);
  font-family: "Poppins", sans-serif;
  transition: ease-in-out 0.4s !important;
}

.bg-primary-lt {
  background: rgba(12, 199, 174, 0.1) !important;
  font-family: "Poppins", sans-serif;
  transition: ease-in-out 0.4s !important;
}

.bg-secondary {
  background: #3983bf;
  background: linear-gradient(45deg, #3983bf 50%, #296388 150%);
  font-family: "Poppins", sans-serif;
  transition: ease-in-out 0.4s !important;
}

.ribbon {
  font-size: 17px;
}

.badge.badge-primary {
  background: #0cc7ae !important;
  color: #fff;
}
.badge.badge-warning {
  background: #ecb13a !important;
  color: #fff;
}

.nav-pills .active {
  color: #0cc7ae !important;
  background-color: rgba(12, 199, 174, 0.1) !important;
}
.nav-pills .nav-item {
  color: #0cc7ae !important;
  font-family: "Poppins", sans-serif;
  font-weight: 500;
}
.nav-pills .nav-link {
  color: #222;
}
.nav-pills .nav-link:hover {
  color: #0cc7ae !important;
}

.form-check-input:checked {
  background-color: rgba(12, 199, 174, 0.7);
}

.active > .page-link,
.page-link.active {
  background-color: #0cc7ae;
  border-color: #0cc7ae;
}

.border-primary {
  border-color: rgba(12, 199, 174, 0.3) !important;
}

body {
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.payment-provider-pix {
  background: url("/assets/scripts/tabler/img/payments/pix.svg") no-repeat center center;
  background-size: contain;
}

.amount-input {
  border-bottom: 1px solid #000;
  border-radius: 0;
  box-shadow: none;
}

input[mask=intlPhone],
.iti {
  width: 100% !important;
}

header.navbar {
  box-shadow: rgba(17, 17, 26, 0.04) 0px 1px 0px !important;
}

.text-primary {
  color: #0cc7ae !important;
}

.bg-gradient-blue {
  background: linear-gradient(45deg, #3983bf 50%, #296388 150%);
  font-family: "Poppins", sans-serif;
}

@keyframes loading-border {
  0% {
    width: 0%;
  }
  100% {
    width: 100%;
  }
}
.navbar .nav-item.active {
  position: relative;
  border-bottom: none;
}
.navbar .nav-item.active::after {
  border: 0px solid transparent !important;
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  height: 1px;
  background-image: linear-gradient(to right, #3983bf 0%, #296388 15%, #8b8a61 20%, #ecb13a 30%, #f4813d 40%, #f26f67 45%, #ef5d90 55%, #ad4698 65%, #5d87a3 70%, #0cc7ae 85%);
  width: 0%;
  animation: loading-border 1s ease-in-out forwards;
}

.form-selectgroup-boxes .form-selectgroup-input:focus + .form-selectgroup-label {
  box-shadow: unset;
}
.form-selectgroup-boxes .form-selectgroup-item {
  transition: ease 0.3s;
}
.form-selectgroup-boxes .form-selectgroup-input:checked + .form-selectgroup-label {
  color: #0cc7ae;
  border-color: #0cc7ae;
  background: rgba(12, 199, 174, 0.1);
}
.form-selectgroup-boxes .form-selectgroup-input:checked + .form-selectgroup-label .form-selectgroup-check {
  background-color: #0cc7ae;
}
.form-selectgroup-boxes .form-selectgroup-input:checked + .form-selectgroup-label .form-selectgroup-title {
  color: #0cc7ae;
}

@keyframes rotate-infinite {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.rotate {
  animation: rotate-infinite 1s linear infinite;
}

.singleSync {
  opacity: 0.5;
  cursor: pointer;
}
.singleSync.active {
  opacity: 1;
  animation: rotate-infinite 1s linear infinite;
}
.singleSync:hover {
  opacity: 1;
}

.drop {
  background: white;
  border-radius: 5px;
  border: 2px dashed rgba(12, 199, 174, 0.6) !important;
  border-radius: 15px;
  padding: 30px !important;
  cursor: pointer;
  -o-border-image: none;
     border-image: none;
  max-width: 100%;
  margin-left: auto;
  text-align: center;
  font-weight: bold;
  margin-right: auto;
}

.spinner-border.colored {
  width: 3rem;
  height: 3rem;
  margin: 10px;
  animation: colorTransition 2s infinite linear;
}

@keyframes colorTransition {
  to {
    transform: rotate(360deg);
  }
  0% {
    color: #0cc7ae;
  }
  16% {
    color: #3983bf;
  }
  33% {
    color: #296388;
  }
  50% {
    color: #ecb13a;
  }
  66% {
    color: #f4813d;
  }
  83% {
    color: #ef5d90;
  }
  100% {
    color: #ad4698;
  }
}
.jcrop-image-stage img {
  z-index: 0 !important;
}

#modal-crop .modal-body {
  padding: 0 !important;
  margin: 0 !important;
  border-radius: 0 !important;
  max-width: 100% !important;
  max-height: 100% !important;
  overflow: hidden !important;
}
#modal-crop .modal-body img {
  max-width: 100% !important;
  height: auto !important;
  display: block !important;
  margin: 0 auto !important;
}

#jcrop-target {
  max-width: 100%;
  width: 100%;
  height: auto;
  display: block;
}/*# sourceMappingURL=main.css.map */


/* OTP */
.otpInput input {
  font-size: 25px !important;
}