/* Dentalbit custom styles */

.dental{
    background-color: rgb(63, 92, 128);
    background-color: rgba(63, 92, 128);
}

.dental-light{
    background-color: rgb(64, 110, 165) !important;
    background-color: rgba(64, 110, 165) !important;
}

.dental-dark{
    background-color: rgb(32, 62, 100) !important;
    background-color: rgba(32, 62, 100) !important;
}

.btn-outline-dental {
    background-color: transparent;
    color: #3f5c80;
    border: 2px solid #3f5c80;
  }

  .dental-text {
    color: #3f5c80 !important; }

/* Faixa branca que contém o logo na página principal do Dentalbit */
.branco-transparente-09{
    background-color: rgba(255, 255, 255, 0.4);
}

/* Atribui a cor vermelha das mensagens de erro do plugin JQuery Validate*/
.help-block{
    color: red
}

[placeholder]{
    text-overflow: ellipsis;
}

@media screen and (min-width: 600px) {
    .carousel-item{
        min-height: 415px;
    }
}

.sidebar-fixed {
    height: 100vh;
    width: 270px;
    -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    z-index: 1050;
    background-color: #fff;
    padding: 1.5rem;
    padding-top: 0; }
    .sidebar-fixed .list-group .active {
      -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
      box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
      -webkit-border-radius: 5px;
      border-radius: 5px; }
    .sidebar-fixed .logo-wrapper {
      padding: 2.5rem; }
      .sidebar-fixed .logo-wrapper img {
        max-height: 50px; }
  
  @media (min-width: 1200px) {
    .navbar,
    .page-footer,
    main {
      padding-left: 270px; } }
  
  @media (max-width: 1199.98px) {
    .sidebar-fixed {
      display: none; 
    } 
}
  
.card-comments img {
    width: 4rem; 
}