@font-face{
font-family: Robotoblack;
src: url(../font/Roboto-Black.ttf)
}

@font-face{
font-family: RobotoRegular;
src: url(../font/Roboto-Regular.ttf)
}

@font-face{
font-family: MontserratRegular;
src: url(../font/Montserrat-Regular.ttf)
}

@font-face{
font-family: MontserratMedium;
src: url(../font/MontserratMedium.ttf)
}

@font-face{
font-family: MontserratExtraBold;
src: url(../font/Montserrat-ExtraBold.ttf)
}

@font-face{
font-family: MontserratBold;
src: url(../font/MontserratSemiBold.ttf)
}
@media (max-width: 800px){
  .limenu{display: none !important;}
}
body{
    margin: 0;
}
html{
	scroll-behavior: smooth;
}
:target {
  scroll-margin-top: 4em;
}

#subirTopo {
    text-decoration: none;
    background: #b5191d;
    border: 2px solid #b5191d; 
    bottom: 15px;
    right: 20px;
    text-align: center;
    cursor: pointer;
    padding: 15px;
    text-transform: uppercase;
    position: fixed;
    border-radius:50%;
    opacity: .8;
    z-index: 2;
}
#subirTopo:hover {
    opacity:1;

}
body {
    background-color: #f8f9fa;
} 
.table-clientes thead th { font-size:.8rem; text-transform:uppercase; letter-spacing:.04em; color:#6c757d; font-weight:600; border-bottom:2px solid #e9ecef; }
.table-clientes tbody tr:hover { background:#f8f9ff; }

/* ═══════════════════════════════════════════════════════════════════════════
   SIDEBAR — NÃO EDITAR ESTAS REGRAS
   O layout da sidebar é controlado pelo header.php (inline <style>).
   As regras abaixo foram REMOVIDAS pois conflitavam com o sistema
   de menu mobile (body.sidebar-open + transform) usado no header/footer:

   ❌ REMOVIDO (causava o bug do menu mobile não abrir):
      #sidebar-wrapper { min-height:100vh; width:250px; background:#212529 ... }
      @media (max-width:768px) {
          #sidebar-wrapper { margin-left: -250px; }          ← conflito
          #wrapper.toggled #sidebar-wrapper { margin-left:0; } ← conflito
      }

   O header.php já cuida de tudo via transform + z-index + overlay.
   ══════════════════════════════════════════════════════════════════════════ */

.dataTables_wrapper .row {
    align-items: center;
}
div.dataTables_wrapper div.dataTables_filter input {
    border-radius: 8px;
    padding: 0.5rem;
    border: 1px solid #dee2e6;
}
.page-item.active .page-link {
    background-color: #0d6efd;
    border-color: #0d6efd;
}

.is-valid {
    border-color: #198754;
    box-shadow: 0 0 0 .2rem rgba(25,135,84,.15);
}

.is-invalid {
    border-color: #dc3545;
    box-shadow: 0 0 0 .2rem rgba(220,53,69,.15);
}