@font-face {
  font-family: "Century Gothic";
  src: url("../fonts/GOTHIC.TTF") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
 
/* Century Gothic - Bold */
@font-face {
  font-family: "Century Gothic";
  src: url("../fonts/GOTHICB.TTF") format("truetype");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
 
/* Century Gothic - Italic */
@font-face {
  font-family: "Century Gothic";
  src: url("../fonts/GOTHICI.TTF") format("truetype");
  font-weight: normal;
  font-style: italic;
  font-display: swap;
}
 
/* Century Gothic - Bold Italic */
@font-face {
  font-family: "Century Gothic";
  src: url("../fonts/GOTHICBI.TTF") format("truetype");
  font-weight: bold;
  font-style: italic;
  font-display: swap;
}
  
body {
    font-family: -apple-system,BlinkMacSystemFont,"Century Gothic","Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
body, html{ margin:0px; padding: 0px;  background: #eee; }
.footer { position: relative; bottom: 0; width: 100%; height: 60px; background-color: #ffffff; }
.container_context{ min-height: 75vh; }


.whiteContainer{ background-color: #fff; border-radius:10px; }
.sidebar a{ width: 142px; height: 142px; border:3px solid rgb(0, 117, 18); font-size: 1rem; line-height: 1rem; font-weight: 600; color: rgb(85, 85, 85); display: flex; flex-direction: column; box-shadow: none; text-align: center; transition: all 800ms ease-in-out; align-items: center; justify-content: center; border-radius: 10px; gap: 15px; }
.sidebar a:hover{ background-image: linear-gradient(180deg, rgba(0, 117, 18, 0.92) 0%, rgba(255, 255, 255, 1) 57%); text-decoration: none; }
.sidebar a svg{ max-width: 50px; }

.alert-danger { color: #721c24; background-color: #f8d7da; border-color: #f5c6cb; }
.alert-warning { color: #856404; background-color: #fff3cd; border-color: #ffeeba; }
.alert-success { color: #155724; background-color: #d4edda; border-color: #c3e6cb; }
.alert-info { color: #0c5460; background-color: #d1ecf1; border-color: #bee5eb; }
.alert { position: relative; padding: 0.75rem 1.25rem; margin: 1rem; border: 1px solid transparent; border-radius: 0.25rem; }

.navsubtitle{ font-size: 21px; font-weight: 400; color: rgb(85, 85, 85);}

.sidebarContainerPadding {
  padding: 15px;
}
.row-margin {
   flex-wrap: wrap;
  margin-right: -15px;
}

.tags-input-wrapper{
  background: transparent;
  padding: 10px;
  border-radius: 4px;
  max-width: 100%;
  border: 1px solid #ccc
}
.tags-input-wrapper input{
  border: none;
  background: transparent;
  outline: none;
  width: 140px;
  margin-left: 8px;
}
.tags-input-wrapper .tag{
  display: inline-block;
  background-color: rgba(255, 147, 0, 1);
  color: white;
  border-radius: 40px;
  padding: 0px 3px 0px 7px;
  margin-right: 5px;
  margin-bottom:5px;
  box-shadow: 0 5px 15px -2px rgba(255 , 147 , 0 , .7)
}
.tags-input-wrapper .tag a {
  margin: 0 7px 3px;
  display: inline-block;
  cursor: pointer;
}

.btn-outline-purple:hover {
  color: #fff !important;
  background-color: purple;
}
.sidebar .slick-next::before{
  content: '↑';
  color: #000000;
}
.sidebar .slick-prev::before{
  content: '↓';
  color: #000000;
}

.sidebar .slick-prev, .sidebar .slick-next{
  width: 25px;
}

.sidebar .slick-next {
  right: -12px;
}

.sidebar .slick-prev {
  left: -12px;
}

.link-white{
  color: #ffffff;
}

.avatar-circulo {
            /* Tamanho do avatar */
            width: 53px;
            height: 49px;
            
            /* Cor de fundo e forma redonda */
            background-color: #007bff; /* Azul padrão */
            border-radius: 50%; /* Faz o círculo */
            
            /* Centralização do texto (Flexbox) */
            display: flex;
            justify-content: center;
            align-items: center;
            
            /* Estilo da borda (opcional) */
            border: 3px solid #ffffff;
            box-shadow: 0 4px 8px rgba(0,0,0,0.2);
            
            /* Evita seleção de texto */
            user-select: none;
        }

        .avatar-iniciais {
            /* Cor do texto, fonte e tamanho */
            color: #ffffff; /* Branco */
            font-family: 'Arial', sans-serif;
            font-size: 23px; /* Ajuste conforme necessário */
            font-weight: bold;
            text-transform: uppercase; /* Garante maiúsculas */
            line-height: 1; /* Centralização vertical precisa */
        }