@charset "UTF-8";
.monitor {
  position: relative;
  top: -395px;
  border-radius: 15px;
  line-height: 4rem;
  font-size: 1.5rem;
  width: 500px;
  text-align: left;
  padding-left: 35px;
  background: #fff;
  box-shadow: 0 0 40px #87878a66; }
  .monitor .lds-ring {
    right: 25px !important;
    margin-top: 13px !important; }
  .monitor.small {
    line-height: 2.5rem;
    font-size: 1rem;
    padding-left: 20px;
    width: 300px;
    top: -265px;
    left: 217px; }
    .monitor.small .lds-ring {
      right: 15px !important;
      margin-top: 5px !important; }
  .monitor .check-ok,
  .monitor .check-failure {
    right: 20px !important;
    position: absolute;
    top: 15px; }

.check-ok {
  height: 80px;
  display: flex;
  align-items: center;
  height: 80px; }
  .check-ok .checkmark {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    display: block;
    stroke-width: 4;
    stroke: #fff;
    stroke-miterlimit: 10;
    margin: 10% auto;
    box-shadow: inset 0px 0px 0px #7ac142;
    animation: fill_ok .4s ease-in-out .4s forwards, scale .3s ease-in-out .9s both; }
    .check-ok .checkmark .checkmark__circle {
      stroke-dasharray: 166;
      stroke-dashoffset: 166;
      stroke-width: 4;
      stroke-miterlimit: 10;
      stroke: #7ac142;
      fill: none;
      animation: stroke 0.6s cubic-bezier(0.65, 0, 0.45, 1) forwards; }
    .check-ok .checkmark .checkmark__check {
      transform-origin: 50% 50%;
      stroke-dasharray: 48;
      stroke-dashoffset: 48;
      animation: stroke 0.3s cubic-bezier(0.65, 0, 0.45, 1) 0.8s forwards; }

.check-failure {
  height: 80px;
  display: flex;
  align-items: center;
  height: 80px; }
  .check-failure .checkmark {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    display: block;
    stroke-width: 2;
    stroke: #fff;
    stroke-miterlimit: 10;
    margin: 10% auto;
    box-shadow: inset 0px 0px 0px #c14242;
    animation: fill_failed .4s ease-in-out .4s forwards, scale .3s ease-in-out .9s both; }
    .check-failure .checkmark .checkmark__circle {
      stroke-dasharray: 166;
      stroke-dashoffset: 166;
      stroke-width: 2;
      stroke-miterlimit: 10;
      stroke: #c14242;
      fill: none;
      animation: stroke 0.6s cubic-bezier(0.65, 0, 0.45, 1) forwards; }
    .check-failure .checkmark .checkmark__failed {
      stroke-dasharray: 166;
      stroke-dashoffset: 0;
      animation: stroke 0.3s cubic-bezier(0.65, 0, 0.45, 1) 0.8s forwards; }

@keyframes stroke {
  100% {
    stroke-dashoffset: 0; } }

@keyframes scale {
  0%, 100% {
    transform: none; }
  50% {
    transform: scale3d(1.1, 1.1, 1); } }

@keyframes fill_ok {
  100% {
    box-shadow: inset 0px 0px 0px 30px #7ac142; } }

@keyframes fill_failed {
  100% {
    box-shadow: inset 0px 0px 0px 30px #c14242; } }

.lds-ring {
  display: inline-block;
  position: absolute;
  width: 40px;
  height: 40px;
  z-index: 1; }

.lds-ring div {
  box-sizing: border-box;
  display: block;
  position: absolute;
  width: 40px;
  height: 40px;
  margin: 8px;
  border: 2px solid #d4d0d0;
  border-radius: 50%;
  animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  border-color: #d4d0d0 transparent transparent transparent; }
  .lds-ring div:nth-child(1) {
    animation-delay: -0.45s; }
  .lds-ring div:nth-child(2) {
    animation-delay: -0.3s; }
  .lds-ring div:nth-child(3) {
    animation-delay: -0.15s; }

@keyframes lds-ring {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }

.caixa-texto {
  display: block;
  height: 80px;
  overflow: hidden;
  animation: color .4s ease-in-out .4s forwards; }
  .caixa-texto.correct {
    color: #009100; }
  .caixa-texto.wrong {
    color: #910000; }

@media (max-width: 600px) {
  .monitor.small {
    top: -162px;
    left: 30px; }
    .monitor.small .lds-ring {
      right: 8px !important;
      margin-top: 7px !important; } }

@media (min-width: 1900px) {
  .monitor .lds-ring {
    right: 28px !important;
    margin-top: 12px !important; } }

.small .lds-ring div {
  width: 25px;
  height: 25px; }

.small .check-ok,
.small .check-failure {
  right: 15px !important;
  top: 11px; }

.small .checkmark {
  width: 25px;
  height: 25px; }
  .small .checkmark .checkmark__failed {
    fill: #fff; }

.small .caixa-texto {
  height: 50px; }

@keyframes spinRotate {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(360deg); } }

[data-result] {
  border: 1px dashed white; }
  [data-result].active {
    border: 1px solid white;
    background-color: #ffffff14;
    align-content: normal !important; }
  [data-result] [data-loading] {
    width: 32px;
    height: 32px;
    background: url(/assets/media/favicon/favicon-32x32.png) no-repeat;
    background-size: cover;
    /* Ajusta a imagem para cobrir a div */
    animation: spinRotate 2s linear infinite;
    /* Aplica a animação de rotação */
    margin: 0 auto; }

[data-table] {
  max-height: 0;
  overflow: hidden;
  transition: max-height 1s ease-out; }
  [data-table].show {
    display: block;
    max-height: 500px; }

.table.table-min tr td {
  padding: 4px;
  color: #fff;
  border: 0;
  border-bottom: 1px solid; }
  .table.table-min tr td [data-at],
  .table.table-min tr td [data-domain] {
    padding: 0;
    color: #fff; }

[data-name-generator] input[type="text"], [data-name-generator] input[type="url"], [data-name-generator] select {
  background-color: transparent !important;
  border: 1px solid #fff !important;
  border-radius: 5px !important;
  color: #fff !important; }
  [data-name-generator] input[type="text"]:-webkit-autofill, [data-name-generator] input[type="url"]:-webkit-autofill, [data-name-generator] select:-webkit-autofill {
    background-color: transparent !important;
    border: 1px solid #fff !important;
    border-radius: 5px !important;
    color: #fff !important; }

[data-name-generator] select {
  --bs-form-select-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23cacaca' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e") !important;
  background-image: var(--bs-form-select-bg-img), var(--bs-form-select-bg-icon, none) !important; }
  [data-name-generator] select option {
    color: #333; }

.btn-outline-yellow.active {
  color: #fff;
  background-color: #dc9d45;
  border-color: #dc9d45;
  transform: none !important; }

.btn-grape {
  color: #fff;
  background-color: #e449c5;
  border-color: #e449c5; }
  .btn-grape:active, .btn-grape:focus {
    background-color: #cd38af !important;
    border-color: #cd38af !important; }

.btn.btn-expand {
  box-shadow: none !important; }

[data-calculator] [data-buttom] {
  color: #fff;
  background-color: #605dba !important;
  border-color: #605dba !important; }

a.hover:before {
  transform-origin: 0 50% !important;
  transform: scaleX(1) !important;
  transition-timing-function: cubic-bezier(0.4, 1, 0.8, 1) !important; }

[data-search-body] {
  width: 60%;
  margin: auto; }

@media (max-width: 1024px) {
  [data-search-body] {
    width: 90%;
    margin: auto; } }

[data-result-limit],
[data-result] {
  border-radius: 5px;
  overflow: hidden;
  max-height: 0;
  padding: 0;
  margin-top: 15px;
  opacity: 0;
  transition: max-height 0.4s ease, opacity 0.3s ease; }

[data-result-limit].show,
[data-result].show {
  background: #fff3;
  opacity: 1;
  padding: 30px;
  max-height: 559px;
  /* defina um valor suficiente pro conteúdo */
  scroll-margin-top: 60px; }

input[type=email] {
  background-color: #fff !important;
  border: 1px solid #fff !important;
  border-radius: 5px 0 0 5px !important;
  text-transform: lowercase; }

.btn-grape {
  color: #fff;
  background-color: #605dba;
  border-color: #605dba; }

[data-subscription] {
  display: none; }

table th,
table td {
  color: #fff !important; }

table td .text-leaf {
  color: #00ff79 !important; }

table td .title {
  font-size: 14px; }

table tr:last-child td {
  border: 0 !important; }

[data-result] .btn.icon {
  border: 0;
  background: #ffffff; }

[data-result] .btn.icon i {
  font-size: 50px; }

[data-result] .icon.btn.btn-risky {
  color: #c4ba45 !important; }

[data-result] .icon.btn.btn-valid {
  color: #45c4a0 !important; }

[data-result] .icon.btn.btn-invalid {
  color: #c44545 !important; }

[data-result] .icon.btn.btn-unknown {
  color: #898989 !important; }

[data-result] .icon.btn.btn-lowdeliverability {
  color: #f19839 !important; }

[data-result] .icon.btn.btn-novalidated {
  color: #db5be2 !important; }

[data-status].text-valid {
  color: #00ff0a !important; }

[data-status].text-invalid {
  color: #590005 !important; }

[data-status].text-risky {
  color: #ff9e00 !important; }

[data-status].text-unknown {
  color: #898989 !important; }

[data-status].text-lowdeliverability {
  color: #ff9100 !important; }

[data-status].text-notvalidated {
  color: #8501ff !important; }

.btn.btn-sm {
  padding: 4px 8px !important;
  font-size: .70rem; }

.navbar .dropdown-item,
.navbar .nav-link {
  font-weight: 400;
  font-size: 20px; }

.fw-normal {
  font-weight: 300 !important; }

.navbar-nav a.dropdown-item {
  font-weight: 600;
  font-size: 16px; }

.nav-item .btn-outline-primary {
  border: 1px solid #3f78e0; }

.nav-item .btn-outline-white {
  border: 1px solid #fff; }

[identor="true"] .identor-spinner {
  display: none; }

[identor="true"].active {
  pointer-events: none;
  opacity: 0.4;
  margin-top: 4px;
  margin-bottom: -2px; }
  [identor="true"].active .identor-text {
    display: none; }
  [identor="true"].active .identor-spinner {
    display: block; }
    [identor="true"].active .identor-spinner .sr-only {
      margin-left: 10px; }

.my-tooltip a {
  color: #fff !important; }

.integrations .card {
  height: 120px; }
  .integrations .card .card-body {
    display: flex;
    padding: 0;
    height: 100%;
    width: 100%;
    justify-content: center;
    align-items: center; }
    .integrations .card .card-body img {
      max-width: 100%;
      max-height: 40px; }

@media (max-width: 601px) {
  .language-select .dropdown-item,
  .language-select .nav-ling {
    font-size: 0.7rem; }
  a .btn.rounded {
    font-size: .70rem; } }

btn,
img {
  max-width: 100%; }

.offcanvas-start {
  width: 100%; }

#header-event {
  top: 0;
  background: #d34f27;
  color: #fff;
  padding: 10px 0;
  width: 100%;
  z-index: 1000; }
  #header-event span {
    color: #f5f8fa; }
    #header-event span a {
      color: white; }

.post-header h2.post-title,
.display-1,
.display-2,
.display-3,
.display-4,
.display-5,
.display-6,
.display-default {
  color: #0e274e !important; }

h2.display-default {
  font-size: 27px !important; }

h3.display-default {
  font-size: 23px !important; }

h4.display-default {
  font-size: 19px !important; }

h5.display-default {
  font-size: 16px !important; }

mark.green {
  background-color: #e6fce3; }

mark.red {
  background-color: #fce3e3; }

mark.blue {
  background-color: #e3edfc; }

.btn-green {
  color: #fff;
  background-color: #0C644B;
  border-color: #0C644B; }
  .btn-green:hover {
    color: #fff;
    background-color: #0C644B;
    border-color: #0C644B; }

.btn-primary {
  color: #fff;
  background-color: #1C53B5;
  border-color: #1C53B5; }
  .btn-primary:hover {
    color: #fff;
    background-color: #1C53B5;
    border-color: #1C53B5; }

.text-gray {
  color: #262626; }

::placeholder {
  color: #595959; }

.video-container {
  position: relative;
  width: 100%;
  padding-bottom: 56.25%;
  /* Proporção de 16:9 (altura / largura) */
  height: 0;
  overflow: hidden; }

.video-container iframe {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0; }

.display-1,
.display-2,
.display-3,
.display-4,
.display-5,
.display-6 {
  font-family: Manrope,sans-serif;
  font-weight: 600 !important;
  color: #0e274e !important; }

.alert {
  border-radius: 10px;
  padding: 5px 15px; }
  .alert .alert-icon i {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    padding: .8rem 1rem;
    font-size: 1rem; }

/*!
 * Project: SafetyMails
 * File: _footer.scss
 * Developed By: Diego Oliveira
 * Last Modified 17/08/2022 15:37
 * Copyright (c) 2022. All rights reserved.
 */
footer a.btn-footer {
  max-width: 100%;
  font-size: inherit !important; }

footer .title {
  font-size: .85rem; }

footer .copyright {
  font-size: .65rem; }

@media (min-width: 601px) {
  footer a.btn-footer {
    font-size: 1rem !important;
    float: right; }
  footer .title {
    font-size: .95rem; }
  footer .copyright {
    font-size: .7rem; } }
