/* Botão "Aplicar" dentro dos popovers de filtro */
.popover .apply-filter {
    background-color: #54C5CF;   /* cor Zenith padrão */
    border-color: #54C5CF;
    color: #fff;
}

.popover .apply-filter:hover,
.popover .apply-filter:focus {
    background-color: #2FA7B5;
    border-color: #2FA7B5;
}


/* classes de rows */ 
.centralizar_conteudo {
    display: flex;
    flex-wrap: wrap;              /* quebra quando faltar espaço */
    justify-content: center;      /* centraliza horizontalmente */
    align-items: center;          /* alinha verticalmente */
    gap: 10px;                    /* espaçamento entre os botões */
    margin-top: 4px;
}

.centralizar_conteudo .fb-inline-field-container {
    display: flex !important;
    align-items: center;
    justify-content: center;
    float: none !important;
    padding: 0 !important;
}

.centralizar_conteudo_ul .fb-inline-field-container {
    display: flex !important;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}

.centralizar_conteudo_ul ul.ticonview {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: 16px;
    list-style: none;
    padding: 0;
    margin: 0;
}

.centralizar_conteudo_ul ul.ticonview li {
    display: flex;
    justify-content: center;
    align-items: center;
}

/* zenith card button */
.zenith-card-button {
    width: 120px;
    height: 120px;
    margin: 8px;
    border-radius: 16px;
    border: 1px solid var(--field-border-color);
    background: var(--panel-background);
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
    cursor: pointer;
    transition: all 0.2s ease-in-out;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.zenith-card-button:hover {
    background: var(--panel-background);
    transform: scale(1.02);
}

/* Ícone dentro do botão tipo card */
.zenith-card-button i {
    font-size: 40px;
    display: block;
    margin-bottom: 8px;
}

/* Texto dentro do botão tipo card */
.zenith-card-button span {
    font-size: 14px;
    font-weight: 500;
    color: var(--text-color);
    max-width: 100px;
    line-height: 1.2;
    word-wrap: break-word;
    text-align: center;
    display: block;
}

/* 🔹 Versão selecionada */
.zenith-card-button.selected {
    border: 2px solid #54C5CF; /* cor principal Zenith */
    background: linear-gradient(145deg, #E0F7FA 0%, #FFFFFF 100%);
    box-shadow: 0 0 10px rgba(84, 197, 207, 0.3);
    transform: scale(1.04);
}

/* Ícone e texto ficam realçados */
.zenith-card-button.selected i {
    color: #54C5CF !important;
}

.zenith-card-button.selected span {
    color: #007E8A; /* tom mais escuro do ciano */
}

/* scrollbars só dentro dos kanbans com classe top-scroll */
.top-scroll::-webkit-scrollbar {
  width: 15px;
  height: 15px;
}

.top-scroll::-webkit-scrollbar-track {
  background: var(--panel-background);
  border-radius: 10px;
}

.top-scroll::-webkit-scrollbar-thumb {
  background: #afd2d6;
  border-radius: 10px;
}

.top-scroll::-webkit-scrollbar-thumb:hover {
  background: #93c8ce;
}

/* menu */
.button-circle-label i {
  border: none;
  margin-right: 0px;
}

.button-circle-label {
  border: none;
}

/* checkitem */
.checkCard-item {
  background-color: var(--panel-background);
  border: 1px solid var(--field-border-color);
}

.checkCard-description {
  color: var(--text-color);
}

/* dashboards */
.chart-container {
  background-color: #ffffff00;
  border: 1px solid var(--field-border-color);
}

.chart-title {
  border-bottom: 1px solid var(--field-border-color);
}

.btablechart .table tbody tr:nth-of-type(odd),
.btablechart .table tbody tr:nth-of-type(even) {
  background: #ffffff00; /* transparente */
}

.btablechart thead {
  display: none;
}


/* colapsar kanban */
.kanban-stage.collapsed {
    width: 42px;
    min-width: 42px;
    max-width: 42px;
    height: auto;
    border-radius: 10px;
    margin: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    overflow: hidden;
    cursor: pointer !important;
}

.kanban-stage.collapsed .kanban-title,
.kanban-stage.collapsed .kanban-item-wrapper,
.kanban-stage.collapsed .kanban-shortcuts {
    display: none !important;
}

.kanban-stage.collapsed::after {
    content: attr(data-title);
    writing-mode: vertical-rl;
    transform: rotate(180deg);
    text-align: center;
    font-weight: bold;
    font-size: 13px;
    line-height: 1.2;
    color: var(--text-color-strong);
    padding: 8px 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* fancy */
.fancybox__content {
    min-height: 80vh !important;
    height: 80vh !important;
}

.fancybox__iframe {
    height: 100% !important;
}
/* */

.nav-tabs .nav-item {
    margin-bottom: 0px;
}

/* Agenda */
/* ===== Agenda FullCalendar ===== */

.fc-event,
.fc-event * {
    color: var(--content-background) !important;
}

/* Título da agenda */
.fc-toolbar-title {
    background: transparent !important;
    color: #c2c2c2 !important;
    font-size: 18px !important;
    margin: 0;
}

/* Estilo geral dos botões */
.fc .fc-toolbar .btn {
    background-color: #54C5CF !important;
    border-color: #54C5CF !important;
    color: var(--content-background) !important;
    font-weight: 500;
    border-radius: 6px !important;
    padding: 4px 10px !important;
    transition: all 0.2s ease-in-out;
}

/* Hover */
.fc .fc-toolbar .btn:hover {
    background-color: #43aeb7 !important;
    border-color: #43aeb7 !important;
}

/* Ativo (view selecionada) */
.fc .fc-toolbar .btn.active,
.fc .fc-toolbar .btn:active,
.fc .fc-toolbar .btn:focus {
    background-color: #3a8d95 !important;
    border-color: #3a8d95 !important;
    color: var(--content-background) !important;
    box-shadow: none !important;
}

/* Botão de hoje */
.fc .fc-today-button {
    font-weight: 600 !important;
}

/* Esconde hora nos eventos da visão semana */
.fc-dayGridWeek-view .fc-event-time {
    display: none !important;
}

/* Esconde hora nos eventos da visão mês */
.fc-dayGridMonth-view .fc-event-time {
    display: none !important;
}

/* Texto dos eventos com truncamento */
.fc-event-title {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    max-width: 100%;
}

/* Cabeçalho dos dias (linha com dom., seg., etc.) */
.fc-col-header-cell {
    background: var(--content-background) !important;
    color: var(--text-color) !important;
    font-weight: 600;
    font-size: 13px;
    text-align: center;
    border: 1px solid var(--content-border-color) !important;
    padding: 6px 0;
}

/* O link (a) dentro do cabeçalho */
.fc-col-header-cell .fc-col-header-cell-cushion {
    color: var(--text-color) !important;
    text-decoration: none;
    display: block;
    width: 100%;
}

/* Hoje (coluna atual) */
.fc-col-header-cell.fc-day-today {
    background: var(--primary-color) !important;
    color: var(--content-background) !important;
}

.fc-col-header-cell.fc-day-today .fc-col-header-cell-cushion {
    color: var(--content-background) !important;
    font-weight: 700;
}

/* Coluna de horários (eixo da agenda) */
.fc-timegrid-axis {
    background: var(--content-background) !important;
    color: var(--text-color) !important;
    border-right: 1px solid var(--content-border-color) !important;
    font-size: 12px;
    font-weight: 500;
}

/* O frame dentro da célula */
.fc-timegrid-axis-frame {
    background: var(--content-background) !important;
    color: var(--text-color) !important;
}

/**/

/* botão filtrar colunas */
.apply-properties {
    background: #54C5CF;
    border-color: #54C5CF;
}

.apply-properties:hover{
    background: #54C5CF;
    border-color: #54C5CF;
}

/* linhas gerais dos painéis */

.tab-pane {
    border-color: var(--field-border-color) !important;
}

.nav-tabs {
    border: none;
}

ol:not(.beditorcss).tbreadcrumb {
    display: none !important;
}

ul:not(.beditorcss).dropdown-menu.pull-left.show {
    z-index: 1;
}

/* FORMULÁRIOS */

/* focus azul nos forms */
.form-control:focus {
    border-color: rgb(84, 197, 207) !important;
    box-shadow: rgba(84, 197, 207, 0.5) 0px 2px 10px 0px !important;
}

/* melhorias forms */
.form-control {
    transition: all 0.2s ease-in-out 0s !important;
    backface-visibility: hidden !important;
    outline: none !important;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 5px 0px inset;
}

/* focus vermelho nos campos obrigatórios */
.campo_obrigatorio{
    border-color: #ff9ea8 !important;
    box-shadow: #ff9ea8 0px 2px 5px 0px !important;
}

/* altera cor selects desabilitados */
select option:disabled {
    background-color: #9E9E9E;
}

/* MAPAS */

/* oculta rodapé mapa */
.leaflet-control-attribution.leaflet-control {
    display: none !important;
}

/* sombra mapa */
[id^='tab_bform_'] div .leaflet-touch-drag{
    box-shadow:3px 5px 15px -5px #212529 !important;
    border-radius: 20px !important;
}

/* CLASSES ESPECIAIS */

/* efeitos na imagem do usuário */
.profile-pic {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    box-shadow: 0 0 -10px rgba(0, 0, 0, 0.5);
    transition: transform 0.3s ease-in-out;
}

/* efeitos na imagem do usuário */
.profile-pic:hover {
    transform: scale(1.1);
}

/* adiciona borda lateral a bindicator */
.exibir_borda_lateral {
    border-left: 5px solid var(--header-logo-background);
}

/* container fotos links obra ou outro */
.container_imagem_obra {
    position: relative;
    border-radius: 10px;
    max-height: 230px;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}

.container_imagem_obra img {
    width: 100%;
    object-fit: cover;
}

.container_imagem_obra h5 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: rgba(0, 0, 0, 0.7); 
    color: #ffffff;
    font-size: 24px;
    text-align: center;
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
}

.container_imagem_obra:hover h5 {
    opacity: 1;
}

/* LISTAGENS */

/* bold no title de painel */
.panel-title {
    font-weight: 600;
}

/* KANBANS */

/* botões kanban item */
.kanban-item-actions i:hover
{
    transform: scale(1.1);
}

/* adiciona shadow nas etapas kanban */
.kanban-board-wrapper .kanban-board .kanban-stage{
    /*box-shadow:0px 0px 11px -2px #bcbcbc inset;*/
    cursor:grab;
}

/* kanban item */
.kanban-board .kanban-stage .kanban-item{
    /*box-shadow:0px 0px 3px 0px #afb5b8 inset !important;*/
}

/* kanba actions */
.kanban-item-actions {
    padding-top: 0px !important;
    padding-right: 0px !important;
    padding-left: 5px !important;
    padding-bottom: 0px !important;
    font-size: 20px !important;
    background: transparent !important;
}

.kanban-item-actions i {
    padding: 0px 5px 0px 0px;
    
}

.kanban-item-content {
    font-size: 12px !important;
}

/* aumenta a borda item kanban e limita tamanho */
.kanban-board .kanban-item {
    border-top-width: 10px !important;
    width: 280px !important;
    max-width: 280px !important;
}

/* desce o minimapa */
#tkanban-layout-controller {
    bottom: 0px !important;
}

/* oculta a borda do titulo por padrão */
.kanban-board .kanban-item .kanban-item-title{
    border: none !important;
    cursor:grab;
}

/* oculta os actions por padrão */
.kanban-board .kanban-item .kanban-item-actions{
    opacity: 0; /* Totalmente transparentes */
    transition: opacity 1s ease; /* Transição suave */
    height: 0; /* Altura zero para ocultar */
    overflow: hidden; /* Ocultar conteúdo que ultrapassa a altura */
}

/* oculta o content por padrão */
.kanban-board .kanban-item .kanban-item-content{
    opacity: 0; /* Totalmente transparentes */
    transition: opacity 1s ease; /* Transição suave */
    height: 0; /* Altura zero para ocultar */
    overflow: hidden; /* Ocultar conteúdo que ultrapassa a altura */
}

/* exibe os actions mouse hover */
.kanban-board .kanban-item .kanban-item-actions.show{
    opacity: 1; /* Totalmente opacas */
    height: auto; /* Altura automática para mostrar conteúdo */
}

/* exibe o content mouse hover */
.kanban-board .kanban-item .kanban-item-content.show{
    opacity: 1; /* Totalmente opacas */
    height: auto; /* Altura automática para mostrar conteúdo */
}

/* oculta a rolagem */
.kanban-board-wrapper{
    /*overflow-x: hidden !important;*/
} 

tr{
    cursor: pointer;
}

/*  */

/* muda layout botões desativados */
button:disabled{
    opacity: 0.5;
    cursor: not-allowed !important;
    filter: grayscale(100%);
}

button:disabled span{
    opacity: 0.5;
    cursor: not-allowed !important;
    filter: grayscale(100%);
}
/**/

/* toasts success azul PROVISÒRIO */
.iziToast.iziToast-color-green 
{
    background: #54C5CF;
    border-color: #54C5CF;
}

/* oculta botão de arquivos html editor */
.note-insert {
  display: none;
}

/* oculta botão de incluir imagem*/
.note-group-select-from-files {
  display: none;
}

/* exibe botão de arquivos html editor */
[page-name='FaqInternoForm'] .note-insert {
  display: inline-flex;
}

/* adiciona transição ao exibir/ocultar etapas */
.kanban-stage {
    transition: filter 0.3s ease, opacity 0.3s ease;
}

/* altera totalizador kanbans #54c5cf*/
.totalizador {
    background-color: #dfe1e3;
    padding: 1px 7px;
    border-radius: 5px;
    margin-left: 10px;
    color: var(--live-background-color);
    box-shadow: rgba(0, 0, 0, 0.06) 0px 2px 4px 0px inset
}

/* oculta botão mensagens */
#envelope_messages {
    display: none;
}

/* oculta editar perfil */
a[generator="adianti"][href="index.php?class=SystemProfileView"] {
    display: none;
}

/* altera cor do botão selecionado menu */
/*
#top-menu .button-circle-label.checked {
    background-color: transparent;
    color: var(--top-menu-color);
    border-radius: none;
}

#top-menu .button-circle-label.checked i {
    background-color: transparent;
    color: var(--top-menu-color);
    border-radius: none;
}*/

/* icone container chat */
#icon-container{
    padding-left:10px;
    padding-top:10px;
    padding-bottom:10px;
    display:flex;
    flex-wrap:nowrap;
    visibility:visible;
    gap:10px;
}

/* cor botões gantt */
.tgantt-title .btn-primary {
    background-color: var(--main-color);
    border-color: var(--main-color);
}

/* formatação legenda fotos */
.legenda_fotos {
    position: absolute;
    bottom: 10px; 
    left: 0;
    width: 100%;
    padding: 10px;
    background: rgba(0, 0, 0, 0.6);
    color: #fff; 
    text-align: center;
    z-index: 100;
}
.splide__slide {
    position: relative;
} 

/* limita tamanho notas */
div.container_notas_paginas .tab-pane{
    max-height: 500px !important;
    overflow-y: scroll;
    overflow-x: hidden;
}

/* limita tamanho notas */
div.container_tarefas_paginas .card .panel{
    max-height: 300px !important;
    overflow-y: scroll;
    overflow-x: hidden;
}


/* cor step */
.steps li.active .step-number, .steps li.active:before, .steps li.complete .step-number, .steps li.complete:before
{
    border-color: var(--main-color);
    color: var(--main-color);
}

.steps li.complete .step-number:before {
    color: var(--main-color);
}

/* cor search above */
.select2-container--open .select2-dropdown--above
{
    border-top: none;
    padding: 10px;
    border-radius: 0px 0px 6px 6px;
    background: var(--field-background);
}

input::placeholder{
    color: var(--text-color-light) !important;
}

textarea::placeholder{
    color: var(--text-color-light) !important;
}

.tgantt-event {
    text-align: right;
}