@charset "UTF-8";
/* Estilos para o retângulo com borda */
.upload-box {
    border: 2px dashed #ccc;
    padding: 10px;
    width: 100%;
    text-align: center;
    cursor: pointer;
    position: relative;
    min-height: 100px; /* Altura mínima para o box */
}


.cloud-icon {
    font-size: 100px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}


.image-previews {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.image-preview {
    width: 100px; /* Largura da pré-visualização */
    height: 100px; /* Altura da pré-visualização */
    margin: 5px; /* Espaçamento entre as pré-visualizações */
    background-size: cover;
    background-position: center;
}
.delete-icon {
    position: absolute;
    top: 8px;
    right: 10px;
    font-size: 19px;
    cursor: pointer;
    z-index: 1; /* Garante que o ícone fique sobre a imagem */
    background: rgba(255, 255, 255, 0.7);
    padding: 3px;
    border: 1px solid #ccc;
    border-radius: 50%; /* Cria um círculo em torno do ícone */
}

.camera-icon {
    width: 100px;
    height: 100px;
    background-image: url('../img/camera.png');
    background-size: cover;
    background-position: center;
}

        /* Estilos para o overlay */
        #overlay {
            display: none;
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: rgba(255, 255, 255, 0.8); /* Cor de fundo com opacidade */
            z-index: 9999999; /* Z-index alto para garantir que fique por cima de todo o conteúdo */
        }

        #loading {
            display: none;
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            z-index: 9999999999;
        }

        /* Estilos para o overlay */
        #overlay2 {
            display: none;
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: rgba(255, 255, 255, 0.8); /* Cor de fundo com opacidade */
            z-index: 9999999; /* Z-index alto para garantir que fique por cima de todo o conteúdo */
        }

        #loading2 {
            display: none;
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            z-index: 9999999999;
        }

        /* Estilos para o overlay */
        #overlay3 {
            display: none;
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: rgba(255, 255, 255, 0.8); /* Cor de fundo com opacidade */
            z-index: 9999999; /* Z-index alto para garantir que fique por cima de todo o conteúdo */
        }

        #loading3 {
            display: none;
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            z-index: 9999999999;
        }


@keyframes piscar {

    0%,
    100% {
        opacity: 1;
    }

    50% {
        opacity: 0;
    }
}

.blink {
    animation: piscar 1s infinite;
}

body.sidebar-mini #sessao-menu {
    display: none !important;
}

body:not(.sidebar-mini) #sessao-menu-mini {
    display: none !important;
    /* ou outro valor de display que você preferir */
}

.bg-pastel-blue {
    background-color: #aed9e0;
    /* Azul Pastel */
}

.bg-pastel-green {
    background-color: #a3d9a5;
    /* Verde Pastel */
}

.bg-pastel-yellow {
    background-color: #fde74c;
    /* Amarelo Pastel */
}

.bg-pastel-orange {
    background-color: #fca17d;
    /* Laranja Pastel */
}

.bg-pastel-pink {
    background-color: #fdb8c0;
    /* Rosa Pastel */
}

.bg-pastel-purple {
    background-color: #d0ace8;
    /* Roxo Pastel */
}

.bg-pastel-gray {
    background-color: #e3e3e3;
    /* Cinza Pastel */
}

.bg-pastel-green-2 {
    background-color: #38c1b8;
    /* Cinza Pastel */
}

.bg-pastel-yellow-2 {
    background-color: #9fc138;
    /* Cinza Pastel */
}

/* Texto em Tons Pastel */
.text-pastel-blue {
    color: #aed9e0;
    /* Azul Pastel */
}

.text-pastel-green {
    color: #a3d9a5;
    /* Verde Pastel */
}

.text-pastel-yellow {
    color: #fde74c;
    /* Amarelo Pastel */
}

.text-pastel-orange {
    color: #fca17d;
    /* Laranja Pastel */
}

.text-pastel-pink {
    color: #fdb8c0;
    /* Rosa Pastel */
}

.text-pastel-purple {
    color: #d0ace8;
    /* Roxo Pastel */
}

.text-pastel-gray {
    color: #e3e3e3;
    /* Cinza Pastel */
}

.text-pastel-green-2 {
    color: #38c1b8;
    /* Cinza Pastel */
}


 .custom-loading-background {
     background: linear-gradient(270deg, #d4edda, #a3e4b4, #d4edda);
     background-size: 400% 400%;
     animation: loadingBackground 3s ease infinite;
     border-radius: 2px;
     /* Ajuste opcional para arredondar o card */
 }

 @keyframes loadingBackground {
     0% {
         background-position: 0% 50%;
     }

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

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


   .custom-timeline-container .custom-timeline {
       list-style: none;
       padding-top: 0;
       padding-left: 0;
       padding-right: 0;
       padding-bottom: 0;
       margin: 0;
       position: relative;

   }

   .custom-timeline-container .custom-timeline::before {
       content: '';
       position: absolute;
       top: 10px;
       padding-bottom: 0;
       left: 30px;
       /* Alinhado ao centro das "bolinhas" */
       width: 2px;
       height: 80%;
       background-color: #ccc;
       /* Cor da linha */
   }

   .custom-timeline-container .custom-timeline-item {
       margin-bottom: 10px;
       text-align: left;
       padding-left: 19px;
       position: relative;
   }

   .custom-timeline-container .custom-timeline-step {
       display: flex;
       align-items: center;
       position: relative;
   }

   .custom-timeline-container .custom-timeline-checkbox {
       width: 25px;
       height: 25px;
       appearance: none;
       border: 2px solid #ccc;
       border-radius: 50%;
       outline: none;
       cursor: pointer;
       position: relative;
       background-color: #fff;
       margin-right: 10px;
   }

   .custom-timeline-container .custom-timeline-checkbox:checked {
       border-color: #28a745;
       background-color: #28a745;
       color: #fff;
   }

   .custom-timeline-container .custom-timeline-checkbox:checked::after {
       content: '✔';
       position: absolute;
       top: 50%;
       left: 50%;
       transform: translate(-50%, -50%);
       font-size: 14px;
       color: #fff;
   }

   .custom-timeline-container .custom-timeline-label {
       font-weight: bold;
       margin-top: 0px;
       margin-bottom: 0px;
   }

   .custom-timeline-container .custom-timeline-label {
       font-weight: bold;

       margin-top: 0px;
       margin-bottom: 0px;
   }

   .label-ativo {
       color: #000c3c;
   }

   .custom-timeline-container .custom-timeline-date {
       margin-top: 0px;
       font-size: 0.9rem;
       color: #6c757d;
       padding-left: 40px;
       /* Alinhado com o texto */
   }

   .custom-timeline-container .custom-timeline-item::before {
       content: '';
       position: absolute;
       top: 0;
       left: 40px;
       /* Alinhado ao centro da "bolinha" */
       width: 2px;
       height: calc(100% + 15px);
       /* Conecta as linhas */
       background-color: #ccc;
       z-index: -1;
       /* Fica atrás do conteúdo */
   }

   .custom-timeline-container .custom-timeline-item:last-child::before {
       height: 0;
       /* Remove a linha no último item */
   }

   .muted {
       color: #aaa;
       /* Cor cinza claro */
       opacity: 0.5;
       /* Deixa o texto semi-transparente */
   }

   .disabled-step {
       pointer-events: none;
       /* Desativa cliques */
       cursor: not-allowed;
       /* Cursor indica que está desativado */
   }

   .custom-textarea {
       width: 100%;
       /* Largura total */
       padding: 10px;
       /* Espaçamento interno */
       font-size: 16px;
       /* Tamanho da fonte */
       border: 1px solid #ccc;
       /* Borda cinza */
       border-radius: 4px;
       /* Borda arredondada */
       resize: vertical;
       /* Permitir redimensionar verticalmente */
       box-shadow: none;
       /* Remove sombra padrão */
   }

   .custom-textarea:focus {
       border-color: #000c3c;
       /* Cor da borda ao focar */
       outline: none;
       /* Remove o outline azul padrão */
   }


   



   
.paradas-timeline-container .paradas-timeline {
    list-style: none;
    padding: 0;
    margin: 0;
    position: relative;
}



.paradas-timeline-container .paradas-timeline-item {
    display: flex;
    align-items: flex-start;
    position: relative;
    padding-left: 50px;
    /* Ajuste para dar espaço ao ícone */
    margin-bottom: 20px;
}

.paradas-timeline-container .paradas-timeline-item:last-child::before {
    display: none;
    /* Remove a linha no último item */
}

.paradas-timeline-container .paradas-timeline-icon {
    position: absolute;
    left: 15px;
    /* Ajuste fino para alinhar corretamente */
    top: 5px;
    font-size: 24px;
    color: #dc3545;
    /* Vermelho para o ícone de STOP */
    background-color: white;
    /* Garante que o ícone não fique sobre a linha */
    z-index: 2;
    /* Mantém o ícone na frente da linha */
}

.paradas-timeline-container .paradas-timeline-label {
    font-weight: bold;
    color: #333;
}

.paradas-timeline-container .paradas-timeline-date {
    font-size: 0.9rem;
    color: #6c757d;
    margin-top: 2px;
}

.paradas-timeline-container .paradas-timeline-description {
    font-size: 0.85rem;
    color: #495057;
    margin-left: 0px;
}

@keyframes piscar {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

.piscante {
    animation: piscar 1s infinite;
}

@keyframes piscarLento {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0.3;
    }

    100% {
        opacity: 1;
    }
}

.piscarLento {
    animation: piscarLento 2s infinite;
}

@keyframes moverCimaBaixo {
    0% {
        transform: translateY(0px);
    }

    50% {
        transform: translateY(-5px);
    }

    100% {
        transform: translateY(0px);
    }
}

.moverCimaBaixo {
    animation: moverCimaBaixo 2s infinite ease-in-out;
}

@keyframes moverBaixoCima {
    0% {
        transform: translateY(0px);
    }

    50% {
        transform: translateY(5px);
    }

    100% {
        transform: translateY(0px);
    }
}

.moverBaixoCima {
    animation: moverBaixoCima 2s infinite ease-in-out;
}

@keyframes dinheiroCaindo {
    0% {
        transform: translateY(-8px);
        opacity: 0;
    }

    50% {
        transform: translateY(0px);
        opacity: 1;
    }

    100% {
        transform: translateY(8px);
        opacity: 0;
    }
}

.dinheiroCaindo {
    animation: dinheiroCaindo 2.5s infinite ease-in-out;
}

.notification-badge-inicio {
    position: absolute;
    top: 5px;
    right: 20px;
    background-color: #dc3545;
    color: white;
    font-size: 1em;
    font-weight: bold;
    padding: 0px 8px;
    border-radius: 12px;
    box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.2);
    white-space: nowrap;
}

.notification-badge-central {
    position: absolute;
    top: 5px;
    right: 5px;
    background-color: #dc3545;
    color: white;
    font-size: 1em;
    font-weight: bold;
    padding: 0px 8px;
    border-radius: 12px;
    box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.2);
    white-space: nowrap;
}

.dropdown-menu-left {
    right: 0 !important;
    left: auto !important;
}

.btn-movimentacoes-local {
    border: 1px solid #43bd58 !important;
    box-shadow: none !important;
    transition: box-shadow 0.3s ease, border-color 0.3s ease;
}

.btn-movimentacoes-local:hover,
.btn-movimentacoes-local:focus,
.btn-movimentacoes-local:active {
    border: 1px solid #43bd58 !important;
    box-shadow: 0 0 5px rgba(73, 80, 87, 0.5) !important;
    /* cor ajustada para cinza escuro */
}

.btn-movimentacoes-view {
    border: 1px solid #3abaf4 !important;
    box-shadow: none !important;
    transition: box-shadow 0.3s ease, border-color 0.3s ease;
}

.btn-movimentacoes-view:hover,
.btn-movimentacoes-view:focus,
.btn-movimentacoes-view:active {
    border: 1px solid #3abaf4 !important;
    box-shadow: 0 0 5px rgba(73, 80, 87, 0.5) !important;
    /* cor ajustada para cinza escuro */
}

.card-header h4 {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
}



  /* Cor da borda e fonte do campo selecionado */
  .choices__inner {
      border: 1px solid #000C3C !important;
      /* azul escuro */
      color: #000C3C !important;
      /* azul escuro para o texto */
      font-weight: 500;
  }

  /* Cor dos itens selecionados (tags removíveis) */
  .choices__item--selectable {
      color: #000C3C !important;
      border-color: #000C3C !important;
  }

  /* Cor do texto nas opções do dropdown */
  .choices__list--dropdown .choices__item {
      color: #000C3C !important;
  }

  /* Cor da borda ao focar */
  .choices__inner:focus,
  .choices__inner:focus-visible,
  .choices__inner.is-focused {
      border-color: #000C3C !important;
      box-shadow: 0 0 0 2px rgba(0, 51, 102, 0.2);
      /* leve brilho azul escuro */
  }

  .choices__inner .choices__placeholder {
      color: #000C3C !important;
      /* Azul escuro */
      font-style: italic;
      opacity: 0.8;
  }