.chatbot-container { position: fixed; bottom: 20px; right: 20px; width: 400px; height: 600px; border-radius: 10px; overflow: hidden; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); display: none; flex-direction: column; background-color: #fff;z-index: 999 }
.message-client 	{color: rgb(6, 19, 43); background: rgb(240, 242, 247); float: right; padding-block: 20px; padding-inline: 16px; border-radius: 20px; margin: 2px 0px; font-size: 15px; line-height: 20px; overflow-wrap: break-word; display: inline-block; max-width: 85%; clear: both; position: relative; transition: margin 0.28s ease-in-out;font-weight: 300;margin-bottom: 20px;}
.message-bot 	{color: rgb(6, 19, 43); background: rgb(255, 255, 255); float: left; padding-block: 10px; padding-inline: 16px; border-radius: 20px; margin: 2px 0px; font-size: 15px; line-height: 20px; overflow-wrap: break-word; display: inline-block; max-width: 85%; clear: both; position: relative; transition: margin 0.28s ease-in-out;border: 1px solid orange;font-weight: 300;margin-bottom: 20px;}
.chat-header { background-color: #F45506; color: white; padding: 25px 30px 25px; text-align: left; font-weight: 300; display: grid ; align-items: center; gap: 10px;grid-template-columns: 1fr 20px;}
.chat-header img.ahoj {width: 20px;height: 20px}
.chat-header img.smazchat {cursor: pointer;width: 20px;height: 20px}
.chat-header .prvni span {font-size: 19px}
.chat-header .textovacast { display: grid ; gap: 8px; }
.chat-header .druhy {font-size: 13px}
.chat-messages { flex: 1; overflow-y: auto; padding: 20px; background-color: #ffffff; }
.chat-input { display: flex; border-top: 1px solid rgba(204, 204, 204, 0.174); }
.chat-input input { flex: 1; padding: 15px; border: none; outline: none; }
.chat-input button { background-color: #F45506; color: white; border: none; padding: 10px; cursor: pointer; }
.chat-input button:hover { background-color: #45a049; }
.chat-icon:hover .ikonasamotna  {scale: 1.2}
.chat-icon { position: fixed; bottom: 40px; right: 30px;z-index: 99 }
.chat-icon .ikonasamotna { width: 70px; height: 70px; background-color: #F45506; border-radius: 50%; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); display: flex; align-items: center; justify-content: center; cursor: pointer; scale: 1; transition: .4s all }
.chat-icon img { width: 30px; height: 30px;position: relative;z-index: 2 }
.chat-icon .waves { position: absolute; width: 150px; height: 150px; background: rgba(174, 86, 48, 0.298); opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; border-radius: 100%; right: -50px; bottom: -50px; z-index: -1; -webkit-animation: waves 3s ease-in-out infinite; animation: waves 3s ease-in-out infinite; } 
.linkvchatu {background: #f0f0f0;margin: 7px 0;padding: 10px;border-radius: 3px;}
.linkvchatu:hover {background: #e4f4ff;}
.chat-icon .waves { width: 130px; height: 130px; right: -30px; bottom: -30px; } 
.chat-icon .wave-1 { -webkit-animation-delay: 0s; animation-delay: 0s; } 
.chat-icon .wave-2 { -webkit-animation-delay: 1s; animation-delay: 1s; } 
.chat-icon .wave-3 { -webkit-animation-delay: 2s; animation-delay: 2s; }
@keyframes waves {
  0% {
	-webkit-transform: scale(0.2, 0.2);
	transform: scale(0.2, 0.2);
	opacity: 0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  }
  50% {
	opacity: 0.9;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
  }
  100% {
	-webkit-transform: scale(0.9, 0.9);
	transform: scale(0.9, 0.9);
	opacity: 0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  }
}