.roboto {
  font-family: "Roboto", sans-serif !important;
  font-weight: 300 !important;
  font-style: normal !important;
}
/*  <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Roboto:wght@300&display=swap" rel="stylesheet"> */

button img {
  margin-right: 5px;
  height: 24px;
  width: 24px;
}
.active a {
  font-weight: bold;
  color: #000; /* ou outra cor que você preferir para o link ativo */
}

/* Para adc nas pág:
  <?php $basePath = dirname($_SERVER['SCRIPT_NAME']); // Obtém o diretório atual do script que incluiu o menu ?>
  <link rel="stylesheet" href="<?php echo $_SERVER['REQUEST_SCHEME'] . '://' . $_SERVER['HTTP_HOST']; ?>/principal.css">
*/

/* Favicon:
    <link rel="shortcut icon" href="<?php echo $_SERVER['REQUEST_SCHEME'] . '://' . $_SERVER['HTTP_HOST']; ?>/fotos/logo/PV.png" type="image/x-icon"> */

:root {
  --cinza-mais-claro: #f5f5f5;

  --preto: #000;
  --branco: #fff;
  --cinza-claro: #d6d6d6;
  --cinza-borda: rgba(0, 0, 0, 0.219);

  --cinza-select: #f3f4f6;

  --cinza-mais-mais-claro: #fcfbfb;
}

/* 
    <div class="main-content">

html,
body {
  height: 100%;
  margin: 0;
  padding: 0;
}

body {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  background-color: var(--cinza-mais-claro) !important;
}

.main-content {
  flex: 1;
}

*/