.bg-soft-gray {
    background: rgba(164,174,198,.1) !important;
}

a.hover-3 {
	font-weight: bold;
}

.swal-modal .swal-footer {
	text-align: center;
}

.modal-header button {
	border: none;
}

.g-recaptcha {
  width: 302px;
  margin: 0 auto;
}

.card .badge {
    white-space: normal;
    text-align: left;
}

.card hr {
    margin: 1.2rem;
}

.modal .modal-header {
	padding: 20px 15px;
}

.modal .modal-body {
	padding: 15px;
}

.logo-menu-topo {
	max-width: 180px;
}

textarea.form-control {
	min-height: 140px;
}

#qr-video {
	width: 400px;
}

#video-container {
	line-height: 0;
}

#video-container.example-style-1 .scan-region-highlight-svg,
#video-container.example-style-1 .code-outline-highlight {
	stroke: #64a2f3 !important;
}

#loader {
  animation: animate 1.5s linear infinite;
  clip: rect(0, 80px, 80px, 40px); 
  height: 80px;
  width: 80px;
  position: fixed;
  z-index: 9999;
  left: calc(50% - 40px);
  top: calc(50% - 40px);
}

@keyframes animate {
  0% { 
    transform: rotate(0deg)
  }
  100% { 
    transform: rotate(220deg)
  }
}
#loader:after {
  animation: animate2 1.5s ease-in-out infinite;
  clip: rect(0, 80px, 80px, 40px);
  content:'';
  border-radius: 50%; 
  height: 80px;
  width: 80px;
  position: absolute; 
} 
@keyframes animate2 {
  0% {
    box-shadow: inset #5867dd 0 0 0 17px;
    transform: rotate(-140deg);
  }
  50% {
    box-shadow: inset #5867dd 0 0 0 2px;
  }
  100% {
    box-shadow: inset #5867dd 0 0 0 17px;
    transform: rotate(140deg);
  }
}

#carregando {
    background: #000000;
    opacity: 0.4;
    content: '';
    margin: auto;
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 9999;
}

.profile-pic {
  color: transparent;
  transition: all 0.3s ease;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  transition: all 0.3s ease;
}
.profile-pic input {
  display: none;
}
.profile-pic img {
  position: absolute;
  object-fit: cover;
  width: 165px;
  height: 165px;
  box-shadow: 0 0 10px 0 rgba(255, 255, 255, 0.35);
  border-radius: 100px;
  z-index: 0;
}
.profile-pic .-label {
  cursor: pointer;
  height: 165px;
  width: 165px;
}
.profile-pic:hover .-label {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: rgba(0, 0, 0, 0.8);
  z-index: 10000;
  color: #fafafa;
  transition: background-color 0.2s ease-in-out;
  border-radius: 100px;
  margin-bottom: 0;
}
.profile-pic span {
  display: inline-flex;
  padding: 0.2em;
  height: 2em;
}

.btn .mr-icon {
    margin-right: 0.5em;
}

.lds-dual-ring,
.lds-dual-ring:after {
  box-sizing: border-box;
}
.lds-dual-ring {
  display: inline-block;
  width: 80px;
  height: 80px;
}
.lds-dual-ring:after {
  content: " ";
  display: block;
  width: 64px;
  height: 64px;
  margin: 8px;
  border-radius: 50%;
  border: 6.4px solid currentColor;
  border-color: currentColor transparent currentColor transparent;
  animation: lds-dual-ring 1.2s linear infinite;
}
@keyframes lds-dual-ring {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}