.dropdown-menu {
    box-shadow: 0 0 5px #971d1d;
    color: #1021e2;
    background-color: #3498db;
    box-shadow: 0 0 5px #209665;

    animation-name: cortina;
    animation-duration: 0.4s;

  }

  @keyframes cortina {
    from {
      opacity: 0;
      transform: scaleY(0);
    }

    to {
      opacity: 1;
      transform: scaleY(1);
    }
  }

  .dropdown-menu a:hover {
    background-color: #ffa500;
    /* Define a cor de fundo para laranja quando o mouse estiver sobre o item /
  color: #fff; / Define a cor do texto para branco quando o mouse estiver sobre o item */
  }

  .dropdown-menu .dropdown-item:focus,
  .dropdown-menu .dropdown-item:active {
    background-color: #2609c8;
    /* Define a cor de fundo para azul quando o item é selecionado /
color: #fff; / Define a cor do texto para branco */
  }

  .dropdown-item.selected {
    background-color: yellow;
  }

  .color_menu.selected {
    color: #eee718;
    font-weight: bold;
  }

  /*#E6E6E6 - um cinza claro
  #F5F5DC - um bege claro
  #F0FFF0 - um verde pálido
  #F0F8FF - um azul pálido
  #F5F5F5 - um cinza claro quase branco
  #F8F8FF - um branco com um toque de azul */

  .color_menu {
    color: white;
  }

  .nav {
    color: white;
  }

  .navbar {
    background-color: #3d833d !important;
  }

  /*Logo RCC no menu */
  #containerLogoMenu {
    display: block !important;
  }

  @media (min-width: 768px) {

    .navbar-nav {
      margin-top: 0px;
      font-size: 12px !important;
      color: #ccc;
    }

    nav {
      height: 38px;
    }

    .menu-item:hover {
      /* Defina a cor desejada ao passar o mouse por cima */
      color: #dae81c;
    }

    #divLogo {
      position: relative;
    }

    .logout {
      color: #da1313;
      top: 12;
      font-size: 12px;
      font-weight: bold;
    }

    .logout a {
      color: #fff;
      text-decoration: none;
    }

    .logout a:hover {
      text-decoration: underline;
      color: #dae81c;
    }

    /* Estilo para o item do menu Logout */
    .menu-logout {
      font-size: 19px !important;
      /* Ajuste o tamanho da fonte conforme desejado */
      /* Outros estilos, como cor, margem, etc., podem ser adicionados conforme necessário */
    }

    .dropdown-menu {
      position: relative;
    }

    #boasVindas {
      width: 200px;
      margin-left: 110px;
    }

    #divSaudacao {
      position: absolute;
      /* Define a posição absoluta para permitir um posicionamento preciso */
      top: 9;
      /* Define a distância do topo */
      left: 80%;
      font-size: 12px !important;
    }

    #linkLogout {
      position: absolute;
      top: -20;
      right: 20;
      float: right;
    }

    #linkLogout2 {
      display: none;
      /*Visível apenas em telas pequenas */
    }

    /*-----------------------------------------------------*/

    #logoRcc {
      width: 30px;
      height: 20px;
      margin-left: 10px;
      margin-top: 5px;
      display: block;
    }

    /*Nome RCCCURITIBA no menu */
    #rccTitle {
      font-size: 12px;
      margin-right: 40px;
    }


    /*Letreiro */
    .letreiro {
      position: fixed;
      top: 38;
      overflow: hidden;
      padding: 10px;
      width: 100%;
      height: 30px;
      padding: 5px;
      /* Altura do letreiro */
      color: white;
      font-size: smaller;
      box-shadow: 0 0 5px #209665;
      background-color: #3d833d;
      z-index: 999;
      border-right: 10px solid #3d833d;
      border-left: 10px solid #3d833d;
      border-top: 1px solid yellow;
    }

    .mensagem {
      position: absolute;
      left: 100%;
      /* Inicia fora da tela à direita */
      white-space: nowrap;
      /* Impede que o texto quebre em várias linhas */
      animation: moverLetreiro 150s linear infinite;
      /* Define a animação */

      font-weight: bold;
    }
  }

  @media (max-width: 768px) {

    /* Adicionar espaçamento entre as opções do menu */
    .dropdown-item {
      padding: 12px 12px;
      font-size: 15px;
      font-weight: bold;
    }

    .dropdown-menu {
      position: relative;
    }

    /* Estilo para os itens do primeiro nível do menu */
    .navbar-nav>.nav-item>.nav-link {
      padding-top: 6px;
      padding-bottom: 6px;
    }

    /* Estilo para o espaçamento entre os itens do primeiro nível do menu */
    .navbar-nav>.nav-item {
      margin-top: 8px;
      font-size: 15px;
      font-weight: bold;
    }


    .navbar-nav {
      margin-top: 0px;
      font-size: 12px !important;
      color: #ccc;
    }

    nav {
      margin-top:0px;

    }

    #divSaudacao {
      position: absolute;
      /* Define a posição absoluta para permitir um posicionamento preciso */
      top: 23px;
      /* Define a distância do topo */
      right: 15px;
      /* Ajuste a posição horizontal conforme necessário */
      font-size: 10px;
      float: right;
    }

    #logoRcc {
      width: 30px;
      height: auto;
      margin-top: 0px;
      display: block;
      margin-left: 48px;
    }

    /*Nome RCCCURITIBA no menu */
    #rccTitle {
      font-size: 9px;
    }

    #linkLogout {
      display: none;
    }

    #linkLogout2{
      font-size: 19px !important;
      font-weight: bold;

    }



    /* 
    Para que os select2 fiquem abaixo da nav Menu e acima do Modal
    #navMenu: z-index: 9999;
    Estilo do modal: z-index: 1000;
    #modalVerAutorizacao .select2-container: z-index: 1001
    */
    #navMenu {
      /*Estilo da Nav Menu */
      padding: 8px 22px;
      width: 100% !important;
      z-index: 9999;
      /*Para ficar por cima de todos os elementos da tela */
    }

    .align-top {
      margin-left: 40px;
    }

    /* Estilizando o botão do menu */
    .navbar-toggler {
      font-size: 1rem;
      padding: 0.25rem 0.5rem;
      border-color: rgb(200, 255, 0);
      width: 40px;
      position: absolute;
      /* Define a posição absoluta para que o botão fique fixo */
      top: 9px;
      left: 5px;
    }

    /* Estilizando a cor do ícone do botão */
    .navbar-toggler-icon {
      /*background-color: #3e0eeb; */
      width: 1.5em;
      /* Define a largura do ícone */
      padding: 0.25rem 0.5rem;

    }

    /*Letreiro */
    .letreiro {
      position: fixed;
      top: 56;
      overflow: hidden;
      padding: 10px;
      width: 100%;
      height: 30px;
      padding: 5px;
      /* Altura do letreiro */
      color: white;
      font-size: smaller;
      box-shadow: 0 0 5px #209665;
      background-color: #3d833d;
      z-index: 999;
      border-right: 10px solid #3d833d;
      border-left: 10px solid #3d833d;
      border-top: 1px solid yellow;
    }

    .mensagem {
      position: absolute;
      left: 100%;
      /* Inicia fora da tela à direita */
      white-space: nowrap;
      /* Impede que o texto quebre em várias linhas */
      animation: moverLetreiro 180s linear infinite;
      /* Define a animação */

      font-weight: bold;
    }

  }


  #spanMensagem {
    font-size: 12px;
    color: #fff;
  }