.form-check-input:checked {
    background-color: var(--dbu-red);
    border-color: var(--dbu-red);
}
.form-check-input:focus, .btn-close:focus, .form-check-input:hover, .btn-program:hover, .btn-close:hover {
    border-color: rgb(209, 142, 154.5);
    outline: 0;
    box-shadow: 0 0 0 0.25rem rgba(163, 29, 54, 0.25);
}
.offcanvas-backdrop.fade.show{
    opacity: .5;
}
  
  
  .libchat_online{
        width:100%;
        border-radius:0!important;
    }
    .libchat_offline{
        display:none!important;
    }
    
    .libchat_offline ~ .offline-message{
        display: block;
    }
    
    .libchat_online ~ .offline-message{
        display: none;
    }
    
    .floating_contact_btn{
        width: 100%;
    }
    
    .floating_contact_container{
        position: static;
        width: 100%;
    }
    
    .chat-btn{
        width:100%;
    }
    
    @media (min-width: 768px){
        .floating_contact_container{
            position: fixed;
            bottom: 50%;
            right: 0;
            z-index: 1000;
            width:fit-content;
        }
        
        
        .chat-btn {
        display: inline-flex;
        align-items: center;
        width: fit-content;
        }
    
      .chat-btn .chat-label {
        display: inline-block;
        max-width: 0;
        overflow: hidden;
        white-space: nowrap;
        opacity: 0;
        transition:
          max-width 0.5s ease,
          opacity 0.35s ease;
        }
    
      .chat-btn:hover .chat-label,
      .chat-btn:focus-visible .chat-label {
        max-width: 10rem; /* wide enough to fit your text */
        opacity: 1;
      }
    }