html {
  font-size: 14px;
}

@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}

.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
  box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
}

html {
  position: relative;
  min-height: 100%;
}

body {
  margin-bottom: 60px;
}

.field-validation-error{

    color:#e01d1d;
}

.close-alert{
    position:absolute;
    right:-10px;
    top: -15px;
    border-radius:15px;
    width:30px;
    height:31px;
}
.dt-column-title {
    text-align:match-parent;
}

th, td {
    white-space: nowrap; /* Impede quebras de linha dentro das células */
}

/* Estilos Gerais */
/*.glyphicon {
    font-size: 4em;
}*/

/* Responsividade do carrossel */
/*@media (max-width: 768px) {
    .carousel-item img {
        height: auto;
        max-height: 300px;*/ /* Ajusta a altura da imagem no celular */
    /*}

    .carousel-caption {
        font-size: 1.2em;*/ /* Tamanho de fonte maior para telas pequenas */
    /*}
}*/

/* Responsividade para colunas e elementos dentro da seção de contatos */
/*@media (max-width: 768px) {
    .col-md-6 {
        margin-bottom: 20px;
    }

    .text-center {
        text-align: center !important;
    }*/

    /* Aumentar o tamanho do ícone do Instagram em telas menores */
    /*.fab {
        font-size: 30px !important;
    }

    h2 {
        font-size: 1.5em;
    }
}*/

/* Garantir que o carrossel ocupe 100% da largura da tela */
/*.carousel-inner img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}*/