/* Controles padrão */

/* botoes */
.btn-azul{
  background-color: #0b8ac8;
  color:#FFF;
}
.btn-verde{
  background-color: rgb(12, 198, 12);
  color:#FFF;
}
.btn-vermelho{
  background-color: rgb(197, 11, 11);
  color:#FFF;

}
/* inputs */
.input-search{
  background-color: rgba(255, 255, 255, 0.5) !important;
}
.input-search::placeholder{
  color:#444 !important;
}
/* visor */
.visor{
  background-color: rgba(255, 255, 255, 0.5);;
  color:#222;
}
/* bloco de conteudo */
.content{
  border-radius: 0px !important;
}

/* Definições especificas */
body#page-menu{
  color:#fff ;
}

.top-menu{
  background: rgba(255, 255, 255, .1) !important;
  color:#fff !important;
  font-size:normal !important;
  border-radius:15px !important;
}
.topmenu-btn-menu{
  border:1px solid transparent !important;
  border-radius:inherit !important;
  background-color:#0a1f3d !important;
}
.menu-item h5{
  font-size:.8rem !important;
  color:#fff !important;
}
.menu-item img{
  min-width:3rem !important;
}
.menu-item{
  background: rgba(255, 255, 255, .1) !important;
  border-radius:15px !important;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.content-main{
  background-color:rgba(255,255,255,.1) !important;
}
.table > thead > tr > th {
  vertical-align: bottom;
  border-bottom: none;
}

/*************************  CONTROLE KIDS RELATÓRIO *****************************/

.relatorio-body .nome-sala {
  padding-inline:10px;
  background:#1a5999;
  height:40px;
  display:flex;
  justify-content:space-between;
  align-items:center;
}

.relatorio-body .relatorio .impar{
  background:#336699 ;
}
.relatorio-body .relatorio div,
 .relatorio-body .rel-tempo div{
  background:#6fa1d3 ;
}

.controle-salas .selecionado{
  background:#0b8ac8 ;
}

/*************************  CONTROLE KIDS  *****************************/
.btn-sala{
  background-color: #0b8ac8;
}

.data-pesquisa{
  background-color: greenyellow ;
}

button.btn-cel{
  background-color: #0b8ac8;
  color:#FFF;
  border:none;
}

#lista-crianca .container-crianca {
    border-bottom: 1px solid #ddd;
    margin-bottom: 5px;
}
.numero.visor{
  background-color: yellow;
}

.container-selecionado{
  background-color: #ffffffff;
}
.container-selecionado .btn-saida{
  background-color: #eee;
  border:1px solid #ddd;
  color:#333;
}
.visor-entrou,
.visor-saiu{
  background-color: #eee;
  border:1px solid #ddd;
}
.content-crianca{
  border-bottom: 1px solid #ddd;
  border-radius: 0px !important;
  border-bottom-right-radius: 10px !important;
}
.content-crianca .info{
  color:#055e05;
}
/*cad sala*/

.btn