/*

CSS EXCLUSIVO PARA O KANBAN DAS ATIVIDADES 

*/
.kanban-stage{
flex: 1 1 calc(33.33% - 16px);
}

.descricao-atividade strong {
  font-weight: bold;
  display: inline; /* Garante que fique na mesma linha */
}

.descricao-atividade {
  max-height: 63px; /* Limita a altura baseada em 3 linhas */
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3; /* Limite de 3 linhas */
  word-wrap: break-word;
  line-height: 1em;
  margin-bottom: 8px;
}
.descricao-atividade p,
.descricao-atividade span,
.descricao-atividade * {
  display: inline; /* Garante que fique na mesma linha */
  font-size: 12px !important; /* Força o mesmo tamanho para todos os elementos internos */
  margin: 0; /* Remove margens padrões de parágrafos para manter consistência */
  padding: 0; /* Remove espaçamento interno se existir */
}

.responsavel-atividade {
  color: #333;
  font-size: 12px;
}

.datas-atividade span {
  color: #333;
  font-size: 12px;
}


@media (max-width: 575.9px) {     
    .cartao-kanban {
      max-width: 200px; /* Largura máxima definida */
    } 
}

@media (min-width: 576px) {     
    .cartao-kanban {
      max-width: 193px; /* Largura máxima definida */
    } 
}

@media (min-width: 768px) { 
        .cartao-kanban {
      max-width: 256px; /* Largura máxima definida */
    }
}

@media (min-width: 992px) {     
    .cartao-kanban {
      max-width: 330px; /* Largura máxima definida */
    } 
}

@media (min-width: 1200px) {
        .cartao-kanban {
      max-width: 399px; /* Largura máxima definida */
    }
}

@media (min-width: 1400px) {
        .cartao-kanban {
      max-width: 466px; /* Largura máxima definida */
    }
}




#builder-layout  div:not(.beditorcss).header-track {
    background: #ff5722 !important;
    margin-top: 0px !important;
    margin-right: 0px !important;
    margin-bottom: 0px !important;
    margin-left: 0px !important;
    padding-top: 0px !important;
    padding-right: 0px !important;
    padding-bottom: 0px !important;
    padding-left: 0px !important;
    box-shadow: none !important;
    color: #8694b0 !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    font-style: normal !important;
    text-decoration-line: none !important;
    text-align: left !important;
    border-top-style: none !important;
    border-right-style: none !important;
    border-bottom-style: solid !important;
    border-left-style: none !important;
    border-color: #FF5722 !important;
    border-top-width: 0px !important;
    border-right-width: 0px !important;
    border-bottom-width: 1px !important;
    border-left-width: 0px !important;
    border-top-right-radius: 0px !important;
    border-top-left-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
    border-bottom-left-radius: 0px !important;
}

#builder-layout  div:not(.beditorcss).header-profile-name {
    background: rgba(0, 0, 0, 0) !important;
    margin-top: 0px !important;
    margin-right: 0px !important;
    margin-bottom: 0px !important;
    margin-left: 0px !important;
    padding-top: 0px !important;
    padding-right: 0px !important;
    padding-bottom: 0px !important;
    padding-left: 0px !important;
    box-shadow: none !important;
    color: #FFFFFF !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    font-style: normal !important;
    text-decoration-line: none !important;
    text-align: left !important;
    border-top-style: none !important;
    border-right-style: none !important;
    border-bottom-style: none !important;
    border-left-style: none !important;
    border-color: #ffffff !important;
    border-top-width: 0px !important;
    border-right-width: 0px !important;
    border-bottom-width: 0px !important;
    border-left-width: 0px !important;
    border-top-right-radius: 0px !important;
    border-top-left-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
    border-bottom-left-radius: 0px !important;
}




#builder-layout  div:not(.beditorcss).header-action.builder-dropdown-menu {
    background: rgba(0, 0, 0, 0) !important;
    margin-top: 0px !important;
    margin-right: 0px !important;
    margin-bottom: 0px !important;
    margin-left: 0px !important;
    padding-top: 0px !important;
    padding-right: 15px !important;
    padding-bottom: 0px !important;
    padding-left: 15px !important;
    box-shadow: none !important;
    color: rgb(81, 98, 131) !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    font-style: normal !important;
    text-decoration-line: none !important;
    text-align: left !important;
    border-top-style: none !important;
    border-right-style:  !important;
    border-bottom-style: none !important;
    border-left-style: none !important;
    border-color: #FF5722 !important;
    border-top-width: 0px !important;
    border-right-width: 1px !important;
    border-bottom-width: 0px !important;
    border-left-width: 0px !important;
    border-top-right-radius: 0px !important;
    border-top-left-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
    border-bottom-left-radius: 0px !important;
}

#builder-layout  div:not(.beditorcss).header-action.navbar-custom-menu {
    background: rgba(0, 0, 0, 0) !important;
    margin-top: 0px !important;
    margin-right: 0px !important;
    margin-bottom: 0px !important;
    margin-left: 0px !important;
    padding-top: 0px !important;
    padding-right: 15px !important;
    padding-bottom: 0px !important;
    padding-left: 15px !important;
    box-shadow: none !important;
    color: #516283 !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    font-style: normal !important;
    text-decoration-line: none !important;
    text-align: left !important;
    border-top-style: none !important;
    border-right-style: solid !important;
    border-bottom-style: none !important;
    border-left-style: none !important;
    border-color: #FF5722 !important;
    border-top-width: 0px !important;
    border-right-width: 1px !important;
    border-bottom-width: 0px !important;
    border-left-width: 0px !important;
    border-top-right-radius: 0px !important;
    border-top-left-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
    border-bottom-left-radius: 0px !important;
}