@keyframes fadeIn {
	  0% { opacity: 0; }
	  100% { opacity: 1; }
	}

	button.inderd-speech-button[type="button"] {
	
	}

	.open-sans-<uniquifier> {
	  font-family: "IBM Plex Sans", sans-serif;
	  font-optical-sizing: auto;
	  font-weight: <weight>;
	  font-style: normal;
	  font-variation-settings:
		"wdth" 100;
	}
	
    .inderd-chat-answer a:visited {
        color: #3b82f6 !important;
    }
        
    .inderd-chat-answer a {
		color: #3b82f6 !important;
		border-radius: 6px;
		font-weight: 500;
		display: inline-block;
    }
        
        .inderd-chat-answer p {
        margin: 0;
        line-height: 19px;
    }
        
        .credits {
        margin: 0;
        font-size: 12px;
        text-align: center;
        background: #f8f8f8;
        padding: 4px 15px;
        color: #aaa;
        font-weight: 600;
    }
	
	.credits a {
		color: #000;
		text-decoration: none;
	}
        
        .inderd-speech-button i {
            color: #000;
        }
        
             @keyframes icon {
             0% {transform: scale(1);}
             50% {transform: scale(1.2);}
             100% {transform: scale(1);}
          }
        
        input::placeholder {
          color: #000 !important;
            opacity: 1 !important;
        }
    
        
       .iconChat {
        width: 32px;
    margin-bottom: 10px;
    border-radius: 100px;
      }
        
        .inderd-speech-button:hover, .inderd-speech-button:focus, .inderd-speech-button:active {
        color: #808080;
        transition: color .25s ease-in-out;
        background: none;
    }
        
        .textInput{
            width: 100%;
    padding: 12px 20px;
    margin: 5px 0;
    display: inline-block;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;
        }
        .button_mail, .inderd-chat-msg-container a.button_mail, .inderd-chat-msg-container a:visited.button_mail {
        background-color: black;
        padding: 12px 20px;
        /* margin: 8px 0; */
        margin-right: auto;
        margin-left: auto;
        display: block !important;
        border: 1px solid #ccc;
        /* display: block; */
        border-radius: 4px;
        font-size: 16px;
        /* font-size: 14px; */
        color: white !important;
        font-weight: 700;
        box-sizing: border-box;
        width: fit-content;
        }
    
    .grecaptcha-badge {
      opacity:0 !important;
    }
    .inderd-chat-btn {
    position: fixed;
        bottom: 20px;
        right: 25px;
        font-size: 14px !important;
        z-index: 9999 !important;
        cursor: pointer;
        font-family:  "IBM Plex Sans", sans-serif !important;
        font-weight: normal;
        text-align: center;
        text-decoration: none !important;
        /* box-shadow: 3px 3px 6px #b8b9be, -3px -3px 6px #fff !important; */
        color: rgba(0, 0, 0, .87) !important;
        transition-property: box-shadow;
        transition-duration: .2s;
        transition-timing-function: ease-in-out;
        /* border: 0.0625rem solid #d1d9e6 !important; */
        border-radius: 100% !important;
        background: transparent;
        border: none;
        max-width: max-content;
		overflow: unset !important;
    }
    .inderd-chat-btn i {
      font-size: 20px;
    }
    .inderd-chat-btn:hover {
      text-decoration: none !important;
      box-shadow: none !important;
      transition: box-shadow;
      transition-duration: .25s;
        background: none;
    }
    .inderd-chat-wnd {
		background-color: #fff !important;
		position: fixed;
		z-index: 100000 !important;
		bottom: 55px;
		right: 10px;
		width: 440px !important;
		max-width: calc(100% - 20px) !important;
		display: none;
		border: none;
		border-radius: 10px !important;
		overflow: hidden;
		font-family: "IBM Plex Sans", sans-serif !important;
		box-shadow: 0 0 30px #ccc;
    }
    @keyframes inderd-fade-in {
      0% { opacity: 0; color: rgb(255,255,0); }
      50% { color: rgb(225,225,0) }
      100% { opacity: 1; color: rgb(128,128,128); }
    }
    .inderd-chat-header {
		color: rgb(128, 128, 128) !important;
		animation-name: inderd-fade-in;
		animation-duration: .75s;
		animation-direction: forwards;
		animation-timing-function: ease-in-out;
		display: flex;
		justify-content: left;
		margin: 0 !important;
		background: #000;
		padding: 15px;
		gap: 0.5rem;
		align-items: center;
    }
    .inderd-chat-close-btn {
      border-radius: 8px !important;
      border: none !important;
      padding: 5px 9px !important;
      font-size: 12px !important;
      position: absolute;
      top: 15px;
      right: 10px;
      cursor: pointer !important;
      box-shadow: 3px 3px 6px #b8b9be, -3px -3px 6px #fff !important;
      border: .0625rem solid #d1d9e6 !important;
      border-radius: 5px !important;
      transition: box-shadow;
      transition-duration: .25s;
    }
    .inderd-chat-close-btn:hover,
    .inderd-chat-close-btn:active,
    .inderd-chat-close-btn:focus {
      box-shadow: 1px 1px 2px #b8b9be, -3px -3px 6px #fff !important;
      transition: box-shadow;
      transition-duration: .25s;
      outline: none !important;
      text-decoration: none !important;
    }
	.inderd-chat-msg-container {
		height: 400px !important;
		padding: 25px !important;
		overflow-y: auto !important;
		font-size: 12px !important;
		box-shadow: inset 2px 2px 5px #b8b9be, inset -3px -3px 7px #fff !important;
		background-color: #f6f6f6 !important;
	}
    .inderd-chat-msg-container a {
      text-decoration: none !important;
    }
    .inderd-chat-msg-container a:visited {
    
    }
    @keyframes inderd-chat-question-waiting {
      0% { opacity: .2; }
      100% { opacity: 1; }
    }
    .inderd-chat-question-waiting {
      animation-name: inderd-chat-question-waiting;
      animation-duration: 1s;
      animation-iteration-count: infinite;
      animation-direction: alternate;
      font-size: 16px !important;
      margin-bottom: 10px !important;
      margin-right:0px;
      margin-left:auto;
      padding: 15px 10px;
      border-radius: 10px;
      width: fit-content;
      font-weight:400;
	  color: #fff !important;
      background-color: #1b9770;
    }
    .inderd-chat-question {
      color: #fff !important;
      font-size: 15px !important;
      margin-bottom: 20px !important;
      margin-right:0px;
      margin-left:auto;
      padding: 15px 10px;
      border-radius: 10px;
      width: fit-content;
      font-size:16px !important;
      font-weight:400;
      background-color: #1b9770;
	  position: relative;
    }
	
	.inderd-chat-question:after {
		content: ' ';
		display: inline-block;
		width: 20px;
		height: 20px;
		position: absolute;
		right: -23px;
		background: url(https://chat4you.ai/wp-content/uploads/2024/03/icon_chat.png);
		background-size: contain;
		top: 50%;
		transform: translateY(-50%);
	}
	
	.inderd-chat-answer:before {
		content: ' ';
		display: inline-block;
		width: 15px;
		height: 15px;
		position: absolute;
		left: -23px;
		background: url(https://www.chat4you.ai/user_chat.png);
		background-size: contain;
		top: 50%;
		transform: translateY(-50%);
	}
	
	.iconChat {
		display: none;
	}
	
	
    .inderd-chat-error {
      background-color: rgba(255,230,230,.65) !important;
      padding: 15px !important;
      margin-left: -15px !important;
      margin-right: -15px !important;
      margin-bottom: 20px !important;
    }
    .inderd-chat-answer {
		color: #000 !important;
		margin-bottom: 20px !important;
		background-color: white;
		padding: 15px 12px;
		border-radius: 10px;
		width: fit-content;
		font-size: 16px;
		font-weight: 400;
		line-height: 20px;
		position: relative;
		margin-left: 10px;
		letter-spacing: .05em;
    }
    .inderd-chat-answer.stop,
    .inderd-chat-answer.cached {
      color: unset;
    }
    .inderd-chat-answer p img {
      display: block;
      width: calc(100% - 20px) !important;
      margin-left: 10px !important;
      margin-right: 10px !important;
      margin-top: 10px !important;
      margin-bottom: 10px !important;
      cursor: pointer !important;
      border-radius: 5px !important;
      box-shadow: 3px 3px 5px rgba(0,0,0,.2) !important;
    }
    .inderd-chat-answer pre {
      text-overflow: ellipsis;
      overflow: hidden;
	  animation: fadeIn 2s;
    }
	
	.c4y-has-more {
	  animation: fadeIn 3s;
    }
	
    .inderd-chat-answer ul {
      padding-left: 20px !important;
      margin: 0 !important;
    }
    .inderd-chat-answer ul li {
      list-style-type: circle !important;
      margin: 0 !important;
      padding: 0;
    }
    @keyframes inderd-zoom-image {
      0% {
        opacity: 0;
      }
      100% {
        opacity: 1;
      }
    }
    .inderd-zoom-image {
      position: fixed;
      top: 0;
      left: 0;
      width: 100% !important;
      height: 100% !important;
      z-index: 11000;
      background-color: rgba(0,0,0,.7) !important;
      opacity: 0;
      animation-name: inderd-zoom-image;
      animation-duration: .25s;
      animation-fill-mode: forwards;
    }
    @keyframes inderd-drop-down {
      0% {
        opacity: 0;
      }
      100% {
        opacity: 1;
      }
    }
    .inderd-zoom-image img {
      display: block !important;
      margin-left: auto !important;
      margin-right: auto !important;
      width: auto !important;
      max-width: calc(100% - 50px) !important;
      max-height: calc(100% - 50px) !important;
      margin-top: 25px !important;
      opacity: 0;
      animation-name: inderd-drop-down;
      animation-duration: .25s;
      animation-delay: .25s;
      animation-fill-mode: forwards;
      border-radius: 5px !important;
      box-shadow: 0 0 15px rgba(255,255,0,.5) !important;
    }
    .inderd-references-list {
      margin: 10px 0 !important;
      padding: 0 !important;
    }
    .inderd-references-list li {
      display: none;
    }
    .inderd-references-list li:nth-child(1),
    .inderd-references-list li:nth-child(2),
    .inderd-references-list li:nth-child(3),
    .inderd-references-list li:nth-child(4),
    .inderd-references-list li:nth-child(5) {
      display: list-item;
    }
    .inderd-references-list li {
      list-style: none !important;
      margin: 0 !important;
    }
    @keyframes inderd_fade_in {
      0% {
        margin-left: -100px;
        opacity: 0;
      }
      100% {
        margin-left: 0;
        opacity: 1;
      }
    }
    .inderd-references-list li {
      margin-left: -100px;
      opacity: 0;
      list-style: none !important;
      margin-top: 0 !important;
      animation-name: inderd_fade_in;
      animation-duration: .75s;
      animation-fill-mode: forwards;
      animation-timing-function: ease-in-out;
    }
    .inderd-references-list li:nth-child(1) {
      animation-delay: 0s;
    }
    .inderd-references-list li:nth-child(2) {
      animation-delay: .25s;
    }
    .inderd-references-list li:nth-child(3) {
      animation-delay: .5s;
    }
    .inderd-references-list li:nth-child(4) {
      animation-delay: .75s;
    }
    .inderd-references-list li:nth-child(5) {
      animation-delay: 1s;
    }
    .inderd-references-list li:nth-child(6) {
      animation-delay: 1.25s;
    }
    .inderd-references-list li:nth-child(7) {
      animation-delay: 1.5s;
    }
    .inderd-references-list li:nth-child(8) {
      animation-delay: 1.75s;
    }
    .inderd-references-list li:nth-child(9) {
      animation-delay: 2s;
    }
    .inderd-references-list li:nth-child(10) {
      animation-delay: 2.25s;
    }
    .inderd-references-list li a {
      text-decoration: none !important;
      color: rgb(128,128,255) !important;
      transition: color, background-color .25s ease-in-out !important;
      padding: 5px 5px 5px 10px !important;
      display: block !important;
      border-radius: 5px !important;
      overflow: hidden !important;
      text-overflow: ellipsis !important;
      white-space: nowrap !important;
    }
    .inderd-references-list li a:hover,
    .inderd-references-list li a:active,
    .inderd-references-list li a:focus {
      color: rgb(90,90,235) !important;
      transition: color, background-color .25s ease-in-out !important;
      background-color: rgba(0,0,0,.1) !important;
    }
    .inderd-chat-form {
      padding: 10px !important;
      margin: 0 !important;
      display: flex;
    flex-direction: row;
    /* align-content: center; */
    align-items: center;
    
    }
    .inderd-chat-prompt {
		padding: 10px !important;
		width: 91% !important;
		border-radius: 5px !important;
		outline: none !important;
		border: none !important;
		background: none;
		font-size: 16px;
		box-sizing: border-box !important;
		color: black;
		height: auto;
		min-height: 30px;
		font-family: "IBM Plex Sans", sans-serif;
    }
    .inderd-chat-prompt:disabled {
      color: rgb(198,198,198) !important;
    }
    .inderd-speech-button {
        position: absolute;
        right: 7px;
        bottom: 28px;
        height: 45px;
        width: 45px;
        font-size: 20px;
        display: block;
        background-color: #fff !important;
        border: none;
        cursor: pointer;
        color: #b0b0b0;
        transition: color .25s ease-in-out;
        padding: 0;
    }
    .inderd-speech-button:hover,
    .inderd-speech-button:focus,
    .inderd-speech-button:active {
      color: #808080;
      transition: color .25s ease-in-out;
    }
    .inderd-chat-prompt::placeholder {
      color: rgb(180,181,188) !important;
    }
    .modal {
                display: none;
                position: absolute;
                top: 50%;
                left: 50%;
                transform: translate(-50%, -50%);
                padding: 0px 20px;
                background-color: #fff;
                border: 1px solid #ccc;
                border-radius:5px;
                box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
                z-index: 1;
            }
    
            /* Stile per il pulsante di chiusura */
            .close {
                position: absolute;
                top: 10px;
                right: 10px;
                cursor: pointer;
            }
            .blockOY{
              overflow-y :-webkit-paged-y !important;
            }
        
        p.testo-operatore {
			display: block;
			text-align: left;
			margin: 0 !important;
			font-size: 17px !important;
			padding: 0;
			/* margin: 0; */
			font-weight: bold;
			color: #fff !important;
			font-weight: 400;
	}
        
        @media (max-width: 820px) {
            .inderd-chat-wnd {
                width: 100% !important;
				bottom: 15px;
            }
			
			.button-tag button img {
				max-width: 15px !important;
			}
			
			.button-tag button img:nth-child(2) {
				max-width: 7px !important;
			}
			
			.button-tag {
				padding: 10px;
			}
			
        }
		
		.inderd-speech-button img {
			max-width: 24px;
		}
		
		textarea {
		  resize: none;
		}
		
		
		.button-tag {
			padding: 10px 15px;
			border-bottom: 1px solid #ddd;
			display: flex;
			gap: .5rem;
		}
			
		.button-tag button {
			background: #f8f8f8;
			color: #000;
			border: none;
			border-radius: 4px;
			padding: 4px 10px;
			/* box-shadow: 0 4px 4px #ddd; */
			cursor: pointer;
			display: flex;
			align-items: center;
			width: -webkit-fill-available;
			gap: .2rem;
			justify-content: space-around;
			font-size: 14px;
			border: 1px solid #999;
			width: -moz-available;
		}
		
		.button_mail {
			width: 100%;
			cursor: pointer;
			border: none !important;
		}
		
		.button-whatsapp {
			background: #08b325 !important;
			border: none !important;
			width: 100% !important;
			text-align: center;
		}
		
		.msg-button  {
			position: absolute;
			right: 0;
			top: -60px;
			width: max-content;
			box-shadow: 0 3px 6px #ccc;
			border-radius: 6px;
			padding: 10px;
			letter-spacing: .04em;
			background: #fff;
		}
	
		.inderd-chat-btn-due  {
			position: fixed;
			right: 25px;
			border: none;
			background: none;
			bottom: 170px;
			padding: 0;
		}
		   
		   .inderd-chat-btn-due:hover {
			   background: none;
		   }
		
		#btn-close-msg {
			border-radius: 6px;
			border: none;
			background: #f0f0f0;
			cursor: pointer;
			font-size: 13px;
			color: #000;
			padding: 5px;
		}
		
		@media (max-width:480px) {
			.msg-button {
				position: absolute;
				right: -8px;
				top: -90px;
				width: max-content;
				box-shadow: 0 3px 6px #ccc;
				border-radius: 6px;
				padding: 10px;
				letter-spacing: .04em;
				max-width: 260px;
				font-size: 13px;
				text-wrap: wrap;
				text-align: right;
				line-height: 16px;
			}
			
			.inderd-chat-btn-due {
				position: fixed;
				right: 19px;
				border: none;
				background: none;
				bottom: 198px;
				padding: 0;
			}
		}
		
		.button-whatsapp {
			background: #08b325 !important;
			border: none !important;
			width: 100% !important;
			text-align: center;
		}
		
.inderd-chat-form .inderd-speech-button.is-recording,
.inderd-chat-form .inderd-speech-button.is-recording * {
  animation: pulse 1s infinite;
}
@keyframes pulse {
  0% { transform: scale(1); }
  50% { transform: scale(0.9); }
  100% { transform: scale(1); }
}

			

.inderd-chat-form .inderd-speech-button { display:inline-flex; align-items:center; justify-content:center; gap:.35rem; }