*{margin: 0;padding: 0;   
    font-weight: 400;
    font-style: normal;}
.poppins-thin {
    font-family: "Poppins", sans-serif;
    font-weight: 100;
    font-style: normal;
  }
  
  .poppins-extralight {
    font-family: "Poppins", sans-serif;
    font-weight: 200;
    font-style: normal;
  }
  
  .poppins-light {
    font-family: "Poppins", sans-serif;
    font-weight: 300;
    font-style: normal;
  }
  
  .poppins-regular {
    font-family: "Poppins", sans-serif;
    font-weight: 400;
    font-style: normal;
  }
  
  .poppins-medium {
    font-family: "Poppins", sans-serif;
    font-weight: 500;
    font-style: normal;
  }
  
  .poppins-semibold {
    font-family: "Poppins", sans-serif;
    font-weight: 600;
    font-style: normal;
  }
  
  .poppins-bold {
    font-family: "Poppins", sans-serif;
    font-weight: 700;
    font-style: normal;
  }
  
  .poppins-extrabold {
    font-family: "Poppins", sans-serif;
    font-weight: 800;
    font-style: normal;
  }
  
  .poppins-black {
    font-family: "Poppins", sans-serif;
    font-weight: 900;
    font-style: normal;
  }
  
  .poppins-thin-italic {
    font-family: "Poppins", sans-serif;
    font-weight: 100;
    font-style: italic;
  }
  
  .poppins-extralight-italic {
    font-family: "Poppins", sans-serif;
    font-weight: 200;
    font-style: italic;
  }
  
  .poppins-light-italic {
    font-family: "Poppins", sans-serif;
    font-weight: 300;
    font-style: italic;
  }
  
  .poppins-regular-italic {
    font-family: "Poppins", sans-serif;
    font-weight: 400;
    font-style: italic;
  }
  
  .poppins-medium-italic {
    font-family: "Poppins", sans-serif;
    font-weight: 500;
    font-style: italic;
  }
  
  .poppins-semibold-italic {
    font-family: "Poppins", sans-serif;
    font-weight: 600;
    font-style: italic;
  }
  
  .poppins-bold-italic {
    font-family: "Poppins", sans-serif;
    font-weight: 700;
    font-style: italic;
  }
  
  .poppins-extrabold-italic {
    font-family: "Poppins", sans-serif;
    font-weight: 800;
    font-style: italic;
  }
  
  .poppins-black-italic {
    font-family: "Poppins", sans-serif;
    font-weight: 900;
    font-style: italic;
  }
body,
html {
    background-color:rgb(243 244 246)!important;
    height: 100vh;

 


}
#content {
    display: grid;
    /* grid-template-rows: auto 1fr;
     grid-template-columns: 250px 1fr; */
    grid-template-areas:
        'menu main main'
        'menu main main'
        'menu footer footer';
    grid-template-columns: 230px auto auto;
    gap: 0;
    height: 100%;
}
#content2 {
    display: flex;   
    gap: 0;
    height: 100%;
    justify-content: center;

}

#content h1{
  font-size: 18px;
  color: #888;
}

#nav{
    background-color: #0A0441;
    height: 100%;
    grid-area: menu;
    padding: 0px 0px;
}

/*#Navigaton */
#nav li {
    padding: 10px;
    border-radius: 10px;
    width: 100%;
    font-family: "Poppins", sans-serif;

}
#nav a {
    color: rgb(153, 151, 151) !important;
    font-family: "Poppins", sans-serif;
    font-weight: 400;
    font-style: normal;
    text-decoration: none;
    font-weight: 400 !important;
}
#nav ul li ul li {
    margin: 0px 0px 0px 30px;
    font-size: 13px;
    text-transform: lowercase;

}
#nav ul li ul li::first-letter {
    text-transform: uppercase;
}

.menu{display: flex;flex-direction: row;justify-content: flex-start;gap: 15px;}
.submenu{
    font-size: 16px;font-weight:600;padding: 10px 0px;margin: 0px;
}
#logo{text-align: center;
  /* background: rgb(13,123,64); */
/* background: linear-gradient(0deg, rgba(13,123,64,1) 0%, rgba(10,4,65,1) 61%); */
background-position: left;
background-size: 100%;
padding: 20px 20px 5px 20px;

}



#listMenu img{width: 20px;}

#listMenu, #listMenu a{
    color: #fff;
}

#listMenu{padding: 0px 20px;}

#listMenu li{list-style: none;color: #fff;padding: 10px 25px;}
#listMenu a{color: #fff;}

main{
    grid-area: main;
    padding: 0px 25px;
}

#MenuAdmin {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    border-bottom: dashed 1px #999;
}
#MenuAdmin ul{
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    gap: 50px;
    padding: 48px 0px;
    width: 100%;
    margin: 0px;
}

#MenuAdmin ul li{list-style: none;}

#MenuAdmin .perfil {font-size: 16px;display: flex;flex-direction: row;align-items: center;width: 260px;gap: 15px;justify-content: flex-end;}
#MenuAdmin .perfil img{width: 50px;height:50px;border-radius:50%;}
#MenuAdmin .perfil p{font-size: 13px;margin: 0px;display: table;height: 100%;} 

.dash{
  padding: 8px 0px 8px 20px!important;
  border-radius: 5px;
  background: linear-gradient(94deg, #5d55b3 0%, #7367F0 65.58%);
  box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.28);
  width: auto;
  margin-bottom: 15px;
  text-transform: uppercase;
  
}

.dash a{color: #fff !important;}
#MenuAbas {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    align-content: center;
    width: 100%;
    border-bottom: dashed 1px #999; 
    margin-bottom: 25px;
    padding: 15px 0px;
}
#MenuAbas ul{
    display: flex;
    flex-direction: row;
    justify-content: start;
    align-items: center;
    align-content: center;
    gap: 50px;
    padding: 0px 0px;    
    width: 100%;
    margin: 0PX;
}

#MenuAbas ul li{list-style: none;font-size: 25px;font-weight: bold;color:#4C5765;}

#MenuAbas .add {background-color: #1D2A63; color:#fff;border-radius: 50%;width: 50px;height: 50px;font-size: 25px;display: flex;flex-direction: row;align-items: center;justify-content: center;}

/* Lista Racs */
/* #ListaRacs ol{display: flex;flex-direction: row;padding: 0px;gap: 15px;flex-wrap: wrap;} */
ol{
  padding-left: 0px !important;
}
#ListaRacs{padding-top: 10px;}
#ListaRacs ol{display: grid;grid-template-columns: 1fr 1fr 1fr;gap: 20px !important;}
#ListaRacs li{list-style:none;background-color: #fff;box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.07);padding: 10px;display: flex;flex-direction: column;gap: 0px;}
/* #ListaRacs .red {border-top: 4px solid #C52020;}
#ListaRacs .yellow {border-top: 4px solid #E8C61B;}
#ListaRacs .gray {border-top: 4px solid #0D7D40;} */

/* Estilo blocos */
.numeroRac{
  font-size: 16px !important;
}

.linha1 p{
  margin-bottom: 0px !important;
}
#ListaRacs .red .numeroRac{
    color: #C52020;font-weight:600;font-size: 16px;
}
 
#ListaRacs .yellow .numeroRac{
  color: #E8C61B;font-weight:600;font-size: 16px;
}

#ListaRacs .gray .numeroRac{
  color: #0D7D40;font-weight:600;font-size: 16px;
}

.DataPerfil{
  display: flex;flex-direction: row;justify-content:space-between;align-content: center;align-items: center
}

.DataPerfil .img {
  border-radius: 50%;
  width: 25px;
  height: 25px;
  box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.06);
}

#section{
  margin-top: 10px;
}

.visualizacao{

  display: flex;
  flex-direction: row;
  gap: 20px;
  flex-wrap: nowrap;
margin-bottom: 15px;
}

.visualizacao .dados{
  background-color: #fff;
  padding: 10px;
  flex: 50%;
  box-shadow:1px 1px 2px 1px rgba(0, 0, 0, 0.06)
}

.visualizacao h1{
  font-size: 1.5rem;
}

.visualizacao h1{
  font-size: 1.5rem;
}

.complemento{
  margin-top: 10px;
  background-color: #fff;
  padding: 10px;
}

.visualizacao h2, .complemento h2{
  color: #1D2A63;font-weight:600;font-size: 18px;

}


.visualizacao label{
   color: #979797;
    font-size: 14px;
}

.rotulo {
  font-size: 13px;
  text-transform: capitalize;
  font-weight: 600;
  color: #6f6f71;
}

.BordaStatus {
  height: 50px;
  width: 5px;
}

.BackgroundRed {
  background-color: #ff9d9d;
}

.BackgroundYellow {
  background-color: #F9CA52;
}

.BackgroundGreen {
  background-color: #37A656;
}

.font_3 {
  font-size: 0.8rem;
}

.whats{
  border:#979797 dashed 1px; 
  padding: 5px;
  margin-bottom: 10px;
}

.difusao{
  border:#979797 dashed 1px; 
  padding: 5px;
}
.objetivoBloco label{ 
    color: #AFAFAF;
    font-size: 12px;
    font-weight: 700;
}

.modal-body label{
  color: #AFAFAF;
  font-size: 12px;
  font-weight: 700;
}
.objetivoBloco p{
    color: #1D2A63;
    font-size: 15px;
    font-weight: 600; 
    margin: 0px;
    padding: 0px;
    text-transform:lowercase;
}
.objetivoBloco p::first-letter{
    text-transform:uppercase;
}

.CidadeBloco label{
    color: #999;
    font-size: 12px;
    font-weight: 700;
}
.CidadeBloco p{
    color: #646464;
    font-size: 15px;
    font-weight: 500;
    text-transform:lowercase;

}

.CidadeBloco p::first-letter{
  text-transform:uppercase;
}

.SituacaoRac{
  padding: 4px 0px;
  width: 100%;
  text-align: center;
  font-weight: 400;
  border-radius: 5px;
  border:1px dashed hsl(0, 0%, 69%);
}

#ListaRacs .red  .SituacaoRac{
    color: #C52020;
    border:1px dashed #C52020;


}
#ListaRacs .gray  .SituacaoRac{
    font-weight: 400;
    color: hsl(0, 0%, 69%);
    border:1px dashed hsl(0, 0%, 69%);
}
#ListaRacs .yellow  .SituacaoRac{
    color:  #E8C61B;
    border:1px dashed #E8C61B;

    
}

footer{
    width: 100%;
    text-align: center;
    background-color: #000;
    color: #fff;
    grid-area: footer;
    font-size: 12px;
    padding: 20px;
    margin-top: 15px;
  }

/* Calendario */

.container2{
  height: auto;
  display: table;
  width: 100%;
 
}
.calendar {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  gap: 10px;
}
.calendar-day {
  border: 1px solid #ccc;
  padding: 15px;
  background-color: #f9f9f9;
  height: 200px;
}

.calendar-day h1{
  font-size: 15px !important;
  font-weight: 200;
  background-color: #0D7D40;
  color: #fff !important;
  border-radius: 15px;
  padding: 5px;
  text-align: center;

}
.empty-day {
  background-color: #fff;
}
.period {
  border-top: 1px solid #ccc;
  margin-top: 5px;
  padding-top: 5px;
}

.period strong{
  font-size: 12px;
}
.period ul li{
  list-style: none;
  font-size: 12;
}

.pontos{
  font-size: 11px;
  display: flex;
  flex-direction: row;
}