@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700&display=swap');

*{
    font-family: 'Montserrat', sans-serif;
    font-size: 12px;
    box-sizing: border-box;
    padding: 0;
    margin: 0;
}
.global{
    width: 100%;
    margin: 0 auto;
    padding: 0 1rem 0 0;
    display: flex;
    justify-content: flex-start;
}
input[type="text"]{
    border: none;
    border-bottom: 2px solid #45986a73;
    width: 100%;
}
input[type="radio"] {
    box-sizing: border-box;
    padding: 0;
}
#formulario{
    position: relative;
    padding: 0;
  
}

/*estilo borda dos formularios*/
.formularioInformacaoProjeto, .formularioDadosValor, .formularioDetalhamentoAcao, .formularioDadosProponente{ 
   padding: 15px;
    border-radius: 10px;
   /* margin: 30px;*/
    box-shadow: rgba(11, 97, 45, 0.35) 0px 5px 15px;
}

.row{
    padding: 10px;
}
textarea[type="text"]{
   border: 2px solid #91b491;
   width: 100%;
}
.titulo{
    margin: 20px 0px;
    display: flex;
    justify-content: center;
    color: #0b612d;
}
#tracoTitulo{
    width: 60px;
    background: #0b612d;
    height: 3px;
    border-radius: 5px;
}






/*estilo botão radio*/
input[type="radio"] {
  position: absolute;
  left: -9999px; /* Esconde o botão de rádio original */
}
input[type="radio"]:checked +  label span {
  background-color: #0B612D; /* Cor de fundo quando selecionado */
  color: white; /* Cor do texto quando selecionado */
}
.spanRadio{
   display: flex;
    align-items: center;
    padding: 4px;
    border-radius: 99em;
    transition: 0.25s ease;
    color: #0b612d;
}
.spanRadio:hover {
  background-color:  #45986a73; /* Cor de fundo ao passar o mouse */
  color:#0b612d;
}
.spanRadio:before {
  display: flex;
  flex-shrink: 0;
  content: "";
  background-color: #fff; /* Cor de fundo do círculo */
  width: 1em; /* Largura do círculo */
  height: 1em; /* Altura do círculo */
  border-radius: 50%; /* Círculo perfeito */
  margin-right: 0.375em; /* Espaço entre o círculo e o texto */
  transition: 0.25s ease; /* Transição suave para o círculo */
  box-shadow: inset 0 0 0 0.125em #0b612d; /* Sombra para o círculo */
}






/*estilo botao checkbox */
input[type="checkbox"]:checked {
    accent-color: green; /* Muda a cor do próprio checkbox para verde */
}
input[type="checkbox"]:checked + span {
    color: green; /* Muda a cor do texto ao lado do checkbox */
}
.checkTipoParceria{
    display: flex;
    gap:60px;
}
.checkParceria{
     align-items: center;
    padding: 3px;
    border-radius: 99em;
    border: 2px solid green;
    transition: 0.25s ease;
    color: #0b612d;
}
.conteiterCheckBox{
    
}




/* estilo para os tamanhos de telas - responsividade  */ 
@media (max-width: 1200px){/* max significa que para telas menor= 1200px ele muda para o css abaixo */    
    .listas {
        display: none;  /*deixa o elemento invisivel*/
    }  
    .listaResp{
        display: block !important;
    }
    .global{
        max-height: 100% !important;
    }
    .dadosLateral {
        padding: 0 !important;
    }    
    .bloco{
        display: block !important;
    }    
    .imgLogoCaprem{
      margin: 20px 10px 20px 70px !important;
    }
    .imagemParceria{
        display:none;
    }
   .listaResp .listDropResp .dropdown .sub-menu-resp {
        position: absolute !important;
        top: 0 !important;
        left: -100% !important;
        width: 40vw !important;
       /* height: 40vh !important;*/
        overflow-y: auto !important;
        margin-top: 50px !important;
        padding: 20px !important;
        box-shadow: none !important;
        z-index: 3000 !important;
    }
    footer{
        display:none !important;
    }
    .textoMenuLateral{
        display: none;
    }
     .menuLateral{
        display: flex;    
    }
    .separador{
        background-color: green;
        width: 90px !important; 
        height: 3px !important;
        margin:10px 0 auto !important;
       }
    .global{
    width: 100%;
    margin: 0 auto;
    padding: 0 1rem 0 0;
    display: block;
    }
    .titleMenu{
        display: none;
    }
}
@media (min-width: 1201px){/* min significa que para telas maior que 1201px ele muda para o css abaixo */
  .global {
    height: 100vh;
  }
}


/* estilo menu lateral*/
.menuLateral{
    width: 100%;
      margin-top: 80px
}
.menuLateral a .menuNumeros {
    padding: 5px 7px;
    margin-right: 5px;
     border: solid green;
     border-radius: 100%;
     padding: 5px 10px;
}
.menuLateral a{
    background-color: none;
        /*#f8f7f7; */
    color: black;
    display: block;  /* Faz com que os links apareçam um abaixo do outro */
    /*padding: 12px;*/
    text-decoration: none; /*remove o sublinhado dos links*/
    font-size: 15px;
}
.menuLateral a:hover{
    color: green; /* Cor de fundo ao passar o mouse */
}
.menuLateral a.active {       
       font-weight: 500;      /*deixa em negrito quando selecionado(ativado)*/
}
.menuLateral a.active .menuNumeros {
    background-color: green; /* Fundo verde para o span */
    color: white; /* Letra branca */
    border-radius: 100%;
    padding: 5px 10px;
}
.menuLateral a:hover .menuNumeros  {
    border-radius: 100%;
    border: solid green;
    padding: 5px 10px;
    margin-right: 5px;
    color: white;
    background-color: green;
}
.separador{
     background-color: green;
    width: 2px;
    height: 20px;
    margin: 3px 10px;
}

.selectLinhaAcao{
    width: 90%;
    height: 40px;
    align-items: center; 
    border-radius: 7px; 
    border: solid #91b491 2px; 
    background-color: white;
}
.inputNumero, .inputNumeroPessoas{
    border: none;
    border-bottom: 2px solid #45986a73;
    width: 100%;
}
.btnRadioOutrosPatrocinadores, .btnJaFoiPatrocinado, .btnRadioInovacao, .btnRadioAcaoSocial, .btnRadioOutrosPatrocinadoresSegmento{
    display: flex;
    gap: 10px;
}
.inputData{
    display:flex; 
    gap: 30px; 
    
}
.hidden{
    display:none;
}
.labelAnexo{
     width: 100%;
    height: 90px;
    border: 2px solid #91b491;
    text-align: center;
    padding: 30px;
}
.labelAnexo:hover{
    background-color:  #85b585; /* Cor de fundo ao passar o mouse */
}

/*estilo botão enviar*/
#btnEnviar, #btnVoltar, #btnProximo{
     border: none; 
    background-color: #0b612d;
    color: white;
    padding: 7px;
    font-size: 13px;
}
/*.enviar{
    text-align: right;
}*/
#btnEnviar:hover, #btnVoltar:hover, #btnProximo:hover {
  background-color: #487d4c;
}
#btnEnviar:active, #btnVoltar:active, #btnProximo:active {
  transform: scale(0.95);
}
.btnGerais{
    display: flex; 
    justify-content: space-between;   /*deixa os elementos em lados opostos*/
    margin-top: 10px;
    margin-bottom: 10px;
}
.linhaDeAtuacao, .linhaDeAcao, .nomeProjeto, .jaFoiPatrocinado, .prazoProjeto,
.detalhamento, .anexos, .valorPatrocinio, .outrosPatrocinadores, .aspectoInovacao,
.acoesSociais, .realizacaoProjeto, .PlanoRealizacao, .publicoEsperado, 
.caracteristicasPublico, .faixaEtaria, .classeEconomica, .atvJovem, .nomeFantasia,
.razaoSocial, .cpfCnpj, .contatos{
    margin-bottom: 20px;
}

 .zindex{
      z-index: -1; 
  }
  
/* HTML: <div class="loader"></div> */
.loader {
  width: 15px;
  aspect-ratio: 1;
  border-radius: 50%;
  animation: l5 1s infinite linear alternate;
  margin: 0px 40px; 
}
@keyframes l5 {
    0%  {box-shadow: 20px 0 #32691a, -20px 0 #0002;background: #32691a }
    33% {box-shadow: 20px 0 #32691a, -20px 0 #0002;background: #0002}
    66% {box-shadow: 20px 0 #0002,-20px 0 #32691a; background: #0002}
    100%{box-shadow: 20px 0 #0002,-20px 0 #32691a; background: #32691a }
}
#novoEnvioForm{
    background-color: #d2dbcf;
    color:#194c02;
    padding: 7px;
    font-size: 13px;
    
}
#alertaRetorno{
    text-align: right;
}