.autocomplete-container {
  z-index: 10;
  position: relative;
}

.autocomplete-container ul {
  position: absolute;
  width: 100%;
}

/* Foi necessário adicionar esta customização pois o item ativo da paginação não muda cor do texto */
.pagination li.active a {
  color: var(--falcon-primary);
}

/*  Foi necessário manter estes css personalizados para trocar o formato do checkbox usado para marcar a tarefa como concluída */
.custom-checkbox input[type=checkbox] {
  display: none;
}

.custom-checkbox input[type=checkbox]+label::before {
  content: "\F28A";
}

.custom-checkbox input[type=checkbox]+label {
  color: var(--falcon-gray);
  font-size: 2.5rem;
  line-height: 0;
  display: inline-block;
  padding: 0 0 0 0px;
}

.custom-checkbox input[type=checkbox]:checked+label::before {
  content: "\F26B";
}

.custom-checkbox input[type=checkbox]:checked+label {
  color: var(--falcon-green);
  font-size: 2.5rem;
  line-height: 0;
  display: inline-block;
  padding: 0 0 0 0px;
}

/* Foi necessário manter esse css personalizado pois o input de autocomplete não permite alterar suas classes CSS */
.input-group-shortcuts input {
  outline: none;
  border-right: none;
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
  padding-right: 0;
}

/* Foi necessário manter esse css personalizado para que o botão de atalhos fique com a mesma cor de borda do campo de input */
[data-bs-theme=light] {
  .input-group-shortcuts button {
    border-color: none !important;
  }
}

[data-bs-theme=dark] {
  .input-group-shortcuts button {
    border-color: #344050 !important;
  }
}

@-moz-document url-prefix() {
  .input-group-shortcuts button {
    line-height: normal !important;
  }
}

/* Foi nencessário manter esta customizaçào para que o filtro ativo fique destacado */
#filters li a.active {
  color: var(--falcon-navbar-vertical-default-link-active-color);
}

.fs--1 {
  font-size: .8333333333rem !important;
}

.fs--2 {
  font-size: .6944444444rem !important;
}

.tooltip {
  --falcon-tooltip-max-width: 400px;
}

@keyframes progressAnimation {
  0% {
    width: 0%;
  }

  50% {
    width: 50%;
  }

  80% {
    width: 70%;
  }

  100% {
    width: 80%;
  }
}

@keyframes bootstrapStripes {
  0% {
    background-position: 1rem 0;
  }

  100% {
    background-position: 0 0;
  }
}

.animate-progress {
  animation: progressAnimation 10s linear, bootstrapStripes 1s linear infinite;
  animation-fill-mode: forwards;
}

.dt-container .sort:after {
  content: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNyIgaGVpZ2h0PSI5IiB2aWV3Qm94PSIwIDAgNyA5IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNNi41MjU1NiAzLjVDNi45NDkzNyAzLjUgNy4xNjEyOCAzLjA2MjUgNi44NTUxOSAyLjc5MTY3TDMuODQxNCAwLjEyNUMzLjY1MzA0IC0wLjA0MTY2NjcgMy4zNDY5NiAtMC4wNDE2NjY3IDMuMTU4NTkgMC4xMjVMMC4xNDQ4MDkgMi43OTE2N0MtMC4xNjEyNzkgMy4wNjI1IDAuMDUwNjI3OSAzLjUgMC40NzQ0NDEgMy41SDYuNTI1NTZaIiBmaWxsPSIjQjZDMkQyIi8+CjxwYXRoIGQ9Ik0wLjQ3NDQ0MiA1LjVDMC4wNTA2MjgyIDUuNSAtMC4xNjEyNzkgNS45Mzc1IDAuMTQ0ODA5IDYuMjA4MzNMMy4xNTg1OSA4Ljg3NUMzLjM0Njk2IDkuMDQxNjcgMy42NTMwNCA5LjA0MTY3IDMuODQxNDEgOC44NzVMNi44NTUxOSA2LjIwODMzQzcuMTYxMjggNS45Mzc1IDYuOTQ5MzcgNS41IDYuNTI1NTYgNS41TDAuNDc0NDQyIDUuNVoiIGZpbGw9IiNCNkMyRDIiLz4KPC9zdmc+Cg==");
}

.dt-container .sort.dt-ordering-asc:after {
  content: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNyIgaGVpZ2h0PSI0IiB2aWV3Qm94PSIwIDAgNyA0IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNNi41MjU1NiAzLjVDNi45NDkzNyAzLjUgNy4xNjEyOCAzLjA2MjUgNi44NTUxOSAyLjc5MTY3TDMuODQxNCAwLjEyNUMzLjY1MzA0IC0wLjA0MTY2NjcgMy4zNDY5NiAtMC4wNDE2NjY3IDMuMTU4NTkgMC4xMjVMMC4xNDQ4MDkgMi43OTE2N0MtMC4xNjEyNzkgMy4wNjI1IDAuMDUwNjI3OSAzLjUgMC40NzQ0NDEgMy41SDYuNTI1NTZaIiBmaWxsPSIjQjZDMkQyIi8+Cjwvc3ZnPgo=") !important;
  top: -2px !important;
}

.dt-container .sort.dt-ordering-desc:after {
  content: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNyIgaGVpZ2h0PSI0IiB2aWV3Qm94PSIwIDAgNyA0IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNMC40NzQ0NDIgMC41MDAwMDFDMC4wNTA2MjgyIDAuNTAwMDAxIC0wLjE2MTI3OSAwLjkzNzUgMC4xNDQ4MDkgMS4yMDgzM0wzLjE1ODU5IDMuODc1QzMuMzQ2OTYgNC4wNDE2NyAzLjY1MzA0IDQuMDQxNjcgMy44NDE0MSAzLjg3NUw2Ljg1NTE5IDEuMjA4MzNDNy4xNjEyOCAwLjkzNzUwMSA2Ljk0OTM3IDAuNTAwMDAxIDYuNTI1NTYgMC41MDAwMDFMMC40NzQ0NDIgMC41MDAwMDFaIiBmaWxsPSIjQjZDMkQyIi8+Cjwvc3ZnPgo=") !important;
  top: -2px !important;
}

.avatar-initials {
  width: 28px;
  height: 28px;
  font-size: 13px;
  font-weight: 600;
  line-height: 1;
}

.sortable-ghost {
  opacity: 0.1;
}

.sortable-chosen {
  transform: rotate(0.8deg);
  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);
}

.sortable-chosen-column {
  transform: rotate(0.2deg);
  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);
}

.sortable-drag {
  transform: rotate(0.8deg);
  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);
}

.kanban-column-header {
  align-items: flex-start;
}

.kanban-items-container {
  min-height: 30px;

  max-height: calc(100vh - (var(--falcon-top-nav-height) + 18rem));
}

.grabbing * {
  cursor: grabbing !important;
}

.column-title {
  width: 17rem;
}

.column-title.grab{
  cursor: grab;
}
.kanban-item {
  cursor: default;
}

.kanban-item.grab {
  cursor: grab !important;
}

.kanban-column-header form{
  width: 280px;
}
.skeleton {
  background: linear-gradient(90deg, #e2e8f0 25%, #f1f5f9 50%, #e2e8f0 75%);
  background-size: 200% 100%;
  animation: skeleton-loading 1.5s infinite;
  border-radius: 4px;
}

.skeleton-text {
  height: 1em;
  margin-bottom: 0.5rem;
}

.skeleton-text-large {
  width: 80%;
  height: 1.2em;
}

.skeleton-text-small {
  width: 60%;
  height: 0.9em;
}

.skeleton-text-xs {
  width: 40%;
  height: 0.8em;
}

.skeleton-avatar {
  width: 32px;
  height: 32px;
  background: linear-gradient(90deg, #e2e8f0 25%, #f1f5f9 50%, #e2e8f0 75%);
  background-size: 200% 100%;
  animation: skeleton-loading 1.5s infinite;
}

.skeleton-card {
  opacity: 0.8;
  pointer-events: none;
}

@keyframes skeleton-loading {
  0% {
    background-position: 200% 0;
  }
  100% {
    background-position: -200% 0;
  }
}

@media (prefers-color-scheme: dark) {
  .skeleton {
    background: linear-gradient(90deg, #374151 25%, #4b5563 50%, #374151 75%);
    background-size: 200% 100%;
  }

  .skeleton-avatar {
    background: linear-gradient(90deg, #374151 25%, #4b5563 50%, #374151 75%);
    background-size: 200% 100%;
  }
}
turbo-frame .kanban-item:first-child {
  padding-top: 1rem !important;
}
p.hide-if-has-siblings {min-height: 30px;}

.hide-if-has-siblings:not(:only-child) {
  display: none !important;
}

.frame-kanban-items-container{
  display: block;
  min-height: 20px;
}

.view-mode-toggle {
  @media (max-width: 767.98px) {
    .btn-group {
      width: 100%;

      .btn {
        flex: 1;
        min-width: 60px;
        padding: 0.375rem 0.5rem;

        i {
          font-size: 1rem;
        }
      }
    }
  }

  @media (min-width: 768px) {
    .btn {
      min-width: 100px;
    }
  }
}
.view-mode-btn {
 min-height: 29px;
}

.kanban-container {
  padding-bottom: 1rem;
}

.navbar-vertical-collapsed .navbar-vertical.navbar-expand-xl .navbar-collapse {
  width: 0.125rem !important;
  margin-left: -1rem;
  overflow: hidden;
}

.container-fluid .content{
  padding-bottom: 10px;
}

.container-fluid .card .card-header {
  border-bottom: unset !important
}

.kanban-items-container .kanban-item:first-of-type {
  margin-top: 0 !important;
}


.kanban-item .card-body {
 padding: 10px 10px
}

.kanban-item-footer {
  margin-top: 10px;
}

.kanban-column-header {
   padding: 1.25rem 1.25rem 0.5rem 1.25rem
}

.kanban-item {
  margin-top: 15px;
}