/* custom.css */
.whatsapp-support {
    position: fixed;
    bottom: 20px;
    right: 20px;
    z-index: 1000;
  }
  
  .whatsapp-support a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    background-color: #25D366;
    color: white;
    border-radius: 50%;
    text-align: center;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
  }
  
  .whatsapp-support a:hover {
    background-color: #20b358;
    text-decoration: none;
  }
  
  .whatsapp-support i {
    font-size: 50px;
  }

  .bg-blue-legalapp {
    background-color: #62AFE4 !important;
    color: #fff !important;
  }

  .bg-blue2-legalapp {
    background-color: #81C0EA !important;
    color: #fff !important;
  } 

  .bg-gray-legalapp {
    background-color: #E1DFDF !important;
    color: #212529 !important;
  } 

  .bg-danger-legalapp {
    background-color: #B83B3C !important;
    color: #fff !important;
  } 

  .bg-red-legalapp {
    background-color: #C84647 !important;
    color: #fff !important;
  } 

  .edit-grey-legalapp {
    color: #737373 !important;
  }

  .right {
    float: right;
  }

  .left {
    float: left;
  }

  .input-group-text {
    cursor: pointer;
  }
  .btn-olho {
      border: none;
      background: none;
      padding: 0;
      margin: 0;
  }
  .btn-olho:hover,
  .btn-olho:focus {
      outline: none;
      box-shadow: none;
  }

  .no-link-style-grid {
    text-decoration: none;
    color: inherit;
  }
  .card-grid:hover {
      background-color: #f2f2f2; /* Ajuste a cor conforme necessário */
  }

  .border-info-legalapp {
    border: 1px solid #f7f7f7 !important;
  }

  .hidden {
    display: none;
  }

  .btn-filter-container {
    display: flex;
    justify-content: flex-end;
    align-items: center;
  }

  .icon-red-legalapp {
    color: #C84647;
  }

  .icon-blue-legalapp {
      color: #62AFE4 !important;
  }

  .nav-pills .nav-link.active, .nav-pills .show > .nav-link {
    color: #212529 !important;
    background-color: #E1DFDF !important;
  }

  .border-blue-legalapp {
    border-color: #62b0e4c1 !important;
  }

  .border-blue2-legalapp {
    border-color: #5ba3d3c1 !important;
  }

  .border-gray-legalapp {
    color: #212529 !important;
  } 

  .border-gray-legalapp {
    background-color: #E1DFDF !important;
  }

  .event-strikethrough {
    text-decoration: line-through !important;
  }

  .custom-btn-height {
    height: 40px !important; /* Ajuste a altura conforme necessário */
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
  }

  .card-header .card-tools {
      margin-left: auto !important;
  }

  .border-top-finalizados {
      border-top: 3px solid #E1DFDF !important;
  }

  .border-top-dia {
    border-top: 3px solid #62AFE4 !important;
  }


  .btn-finish {
    color: #212529 !important;
  }

  .btn-finish:hover {
    background-color: #81C0EA !important;
    color: #ffffff !important;
  }

  .alert-success-legalapp {
    background-color: #62b0e4c1 !important;
    border-color: #4c86adc1;
  }

  .alert-warning-legalapp {
    background-color: #E1DFDF !important;
    border-color: #aaa9a9;
  }

  .alert-danger-legalapp {
    background-color: #B83B3C !important;
    border-color: #751e1e;
  }

  .border-red-legalapp {
    background-color: #C84647 !important;
  } 

  .bootstrap-switch {
    border-radius: 20rem !important;
    /* width: 50px !important; */
  }
  .bootstrap-switch .bootstrap-switch-handle-on,
  .bootstrap-switch .bootstrap-switch-handle-off {
    border-radius: 20rem !important;
  }
  .bootstrap-switch .bootstrap-switch-handle-on {
    background-color: #62AFE4 !important; /* Cor quando ativado */
    border-color: #62AFE4 !important;
  }
  .bootstrap-switch .bootstrap-switch-handle-off {
    background-color: #e1e1e1 !important; /* Cor quando desativado */
  }
  .bootstrap-switch .bootstrap-switch-handle-on,
  .bootstrap-switch .bootstrap-switch-handle-off {
    width: 25px !important; /* Largura das bolinhas */
  }
  /* Custom class for blue border */
  .bootstrap-switch.bootstrap-switch-on {
    border-color: #62AFE4 !important; /* Cor da borda ao ativar */
  }

  .border-gray-legalapp {
    border-color :#E1DFDF !important;
  }

  .icheck-primary-legalapp > input:first-child:not(:checked):not(:disabled):hover + label::before,
  .icheck-primary-legalapp > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before {
    border-color: #62AFE4;
  }

  .icheck-primary-legalapp > input:first-child:not(:checked):not(:disabled):focus + label::before,
  .icheck-primary-legalapp > input:first-child:not(:checked):not(:disabled):focus + input[type="hidden"] + label::before {
    border-color: #62AFE4;
  }

  .icheck-primary-legalapp > input:first-child:checked + label::before,
  .icheck-primary-legalapp > input:first-child:checked + input[type="hidden"] + label::before {
    background-color: #62AFE4;
    border-color: #62AFE4;
  }

  /* Estiliza os botões do calendário */
  .fc-dayGridMonth-button.btn-primary,
  .fc-timeGridWeek-button.btn-primary, 
  .fc-timeGridDay-button.btn-primary,
  .fc-today-button.btn-primary,
  .fc-prev-button.btn-primary,
  .fc-next-button.btn-primary
  {
    background-color: #62AFE4 !important; /* Cor de fundo */
    border-color: white !important; /* Cor da borda */
    color: white !important; /* Cor do texto */
  }

  /* Estiliza os botões do calendário */
  .fc-dayGridMonth-button.active, .fc-timeGridWeek-button.active, .fc-timeGridDay-button.active{
    background-color: #4097d0 !important; /* Cor de fundo */
    border-color: white !important; /* Cor da borda */
    color: white !important; /* Cor do texto */
  }

  .btn-group:hover {
    background-color: #539ac2 !important; /* Cor de fundo ao passar o mouse */
    border-color: #539ac2 !important; /* Cor da borda ao passar o mouse */
  }

  .page-item.active .page-link {
    background-color: #539ac2 !important; /* Cor de fundo ao passar o mouse */
    border-color: #539ac2 !important;
  }

  .h-90 {
    height: 90% !important;
  }

  .content-wrapper.kanban .card.card-row .card-body {
    height: 90% !important;
  }

  @media only screen and (min-width: 768px) {
    .mobile {
      display: none !important; } 
    .desktop {
      display: block !important; } 
  }
  
  @media only screen and (max-width: 767px) {
    .mobile {
      display: block !important; } 
    .desktop {
      display: none !important; } 
    
  }

  .custom-file-input:lang(pt) ~ .custom-file-label::after {
    content: "Escolher";
  }

  .disabled {
      cursor: not-allowed !important;
      background: #ccc !important;
  }