.card{
  width: 400px;
  border: none;
  border-radius: 10px;

  background-color: #fff;
}


.stats{

      background: #f2f5f8 !important;

    color: #000 !important;
}
.articles{
  font-size:13px;
  color: #a1aab9;
}
.number1{
  font-weight:500;
}
.followers{
    font-size:10px;
  color: #a1aab9;

}
.number2{
  font-weight:500;
}
.rating{
    font-size:10px;
  color: #a1aab9;
}
.number3{
  font-weight:500;
}

.alert-red {
    color: #721c24;
    background-color: #f8d7da;
    border-color: #f5c6cb;
}

.alert-green {
    border-color: #dedede !important;
    background-color: #ccdbd2 !important;
    color: #3f3f3f !important;
}

.alert-blue {
    color: #000080;
    background-color: #ADD8E6;
    border-color: #000080;
}

.alert-yellow {
    color: #000080;
    background-color: #ffff9e;
    border-color: #ffff9e;
}


/* Style all font awesome icons */
.fa {
  padding: 15px;
  font-size: 100px;
  width: 50px;
  text-align: center;
  text-decoration: none;
  margin: 5px 2px;
  border-radius: 30px
}

/* Add a hover effect if you want */
.fa:hover {
  opacity: 0.7;
}

/* Set a specific color for each brand */

.nav-link:hover {
    background-color: #ffbf8b;
    border-radius: 20px
}

.fa-facebook {
  background: #3B5998;
  color: white;
}

.fa-twitter {
  background: #55ACEE;
  color: white;
}


.fa-youtube {
  color: black;
}

.fa-instagram {
  background: #125688;
  color: white;
}

.fa-pinterest {
  background: #cb2027;
  color: white;
}


table {
      border-collapse: collapse;
      width: 100%;
      text-align: center;
    }


.fixTableHead {
      overflow-y: auto;
      height: 60vh;
    }
.fixTableHead thead th {
  position: sticky;
  top: 0;
  vertical-align: middle;
  text-align: center;
  background: #ABDD93;
}



.fixTableDNS {
      overflow-y: auto;
      height: 40vh;
    }
.fixTableDNS thead th {
  position: sticky;
  top: 0;
  vertical-align: middle;
  background-color: white;
  z-index: 3;
  text-align: center;
}

    /* Defina a largura das colunas */
.fixTableDNS th:nth-child(1),
.fixTableDNS td:nth-child(1) {
  width: 10%; /* Defina a largura desejada */
}

.fixTableDNS th:nth-child(2),
.fixTableDNS td:nth-child(2) {
  width: 10%; /* Defina a largura desejada */
}

.fixTableDNS th:nth-child(3),
.fixTableDNS td:nth-child(3) {
  width: 30%; /* Defina a largura desejada */
}

.fixTableDNS th:nth-child(4),
.fixTableDNS td:nth-child(4) {
  width: 70%; /* Defina a largura desejada */
}


@media (min-width: 768px) {
  .modal-xl {
    width: 90%;
   max-width:1200px;
  }
}


.copy-icon {
    color: rgb(138, 148, 166);
    cursor: pointer;
    vertical-align: middle;
  }

.copyable-text {
word-break: break-all; /* Força a quebra de linhas em palavras longas */
max-width: calc(100% - 30px); /* Largura máxima do texto (30px para o ícone) */
display: inline-block;
vertical-align: middle;
}