html,
body {
  height: 100%;
}

body {
  padding-top: 47px;
  padding-left: 0;
}

/*
 * main layout
 */
.layout-main {
  display: flex;
  min-height: calc(95vh - 52px);
  overflow: hidden;
}
/*
 * Content
 */
.layout-content {
  width: 100%;
  padding-top: 0px;
}

.container {
  width: 100%;
  padding-top: 0px;
}

.card-img-top {
  height: 85%;
  width: 100%;
  object-fit: cover;
  margin: 0 auto; /* centraliza a imagem */
  display: block; /* necessário para aplicar o margin auto */
}

.dropdown-nav-bar-permissoes {
  cursor: pointer;
  text-decoration: none;
  transition: color 0.3s ease;
}

.dropdown-nav-bar-permissoes:hover {
  color: #ffcc00; /* amarelo ao passar o mouse */
}

.botao-logout {
  cursor: pointer;
  text-decoration: none;
  transition: color 0.3s ease;
}

.botao-logout:hover {
  color: #d3b022; /* amarelo ao passar o mouse */
}

.titulo {
  font-size: 120%;
  color: #e6e6e6;
  cursor: pointer; /* mostra a mãozinha */
  transition: color 0.3s ease; /* suaviza a transição da cor */
}

.card-title {
  font-size: 13px;
}

.titulo:hover {
  /* color: #28a745;  */
  color: #ffcc00; /* cor que quiser no hover. */
  text-decoration: none;
}

/* Footer  */
.layout-footer {
  position: relative;
  height: 40px;
  background-color: hsl(240, 8%, 82%);
}

.footer-copy {
  font-size: 85%;
  display: block;
  color: #107ce8;
  text-align: center;
}

.footer-copy:hover {
  color: #28a745;
  cursor: pointer;
  text-decoration: none;
}

/* Link do GitHub no rodapé */
.github-link {
  text-decoration: none;
  color: inherit;
  transition: color 0.3s;
}

.github-link:hover {
  color: #28a745;
  cursor: pointer;
  text-decoration: none;
}

.modal .modal-body input,
.modal .modal-body textarea {
  border: 1px solid #e6e6e6;
  box-shadow: none;
}

.modal-header h4.modal-title {
  font-weight: 300;
  font-family: "Open Sans", sans-serif;
}

.modal-body label {
  font-weight: 400;
  font-family: "Open Sans", sans-serif;
}

/* jQuery loading autocomplete */
.ui-autocomplete-loading {
  background: rgb(255, 255, 255) url("/image/ui-anim_basic_16x16.gif") right
    center no-repeat;
}

@media (max-width: 411px) {
  .titulo {
    font-size: 100%;
  }
}

@media (max-width: 576px) {
  .login-button {
    padding-left: 0 !important;
    margin-left: 0 !important;
    padding-right: 0 !important;
    margin-right: 0 !important;
  }
}

@media (min-width: 768px) {
  .jumbotron {
    padding-top: 6rem;
    padding-bottom: 3rem;
  }
}

.jumbotron p:last-child {
  margin-bottom: 0;
}

.jumbotron-heading {
  font-weight: 200;
}

.jumbotron .container {
  max-width: 80rem;
}

.jumbotron {
  padding-top: 3rem;
  padding-bottom: 3rem;
  margin-bottom: 0;
  background-color: #ffffff;
}