div.aiodpoved a
{
color: #00a5e5;
text-decoration: none;
font-weight:900;
}
div.aiodpoved a:hover
{
color:#aa0000;
text-decoration: none;
}

.probotmini
{
position: fixed;
bottom:10px;
right:10px;
width:96px;
transform:scale(1.0);
transition: 0.25s linear;
z-index:500;
}
.probotmini:hover
{
transform:scale(1.1);
transition: 0.25s linear;
}
.probotmax
{
font-family: "Nunito Sans", sans-serif;
display:none;
width:400px;
position:fixed;
bottom:100px;
right:10px;
background-color:#eeeeee;
border-radius: 10px;
height: min(704px, 100% - 104px);
padding:10px;
z-index:500;
}



.chatuserentry
{
background-color:#ffffff82;
position:absolute;
bottom:10px;
padding:10px;
width:90%;
height: 42px;
}

.disclaimer
{
text-decoration:underline;
color: #FF0000;

}

.clovekodpoved
{
background-color: #00a5e5;
    color: #ffffff;
    padding: 10px;
    display: inline-block;
    border-radius: 10px 10px 0px 10px;
    float: right;
    margin-bottom: 10px;
     width: 70%;
}

.ai
{
 display:inline-block;
}

.aiicon, .clovekicon
{
float:left;
}

.clovekicon
{
width:40px;
height:40px;
}

.aiodpoved
{
background-color: #ffffff;
    color: #000000;
    padding: 10px;
    display: inline-block;
    border-radius: 0px 10px 0px 10px;
    float: left;
    width: 70%;
    margin-bottom: 10px;
    min-height:64px;
    word-wrap: break-word;      /* Pro starší prohlížeče */
    overflow-wrap: break-word;  /* Pro moderní prohlížeče */
    white-space: normal;    
    
}
.typing
{
    background-color: #ffffff;
    display: inline-block;
    border-radius: 0px 10px 0px 10px;
    float: left;
    width: 50%;
    padding: 10px;
    margin-bottom: 10px;
}


.chatinputbox
{
padding: 5px;
    border: 1px solid #aaaaaa;
    font-size: 1rem;
    border-radius: 10px;
    width: 70%;
}
.chatbutton
{
padding: 5px;
    border: 1px solid #aaaaaa;
    font-size: 1rem;
    border-radius: 10px;
    width: 20%;
    transition: 0.25s linear;
}
.chatbutton:hover
{
background-color:#2196f3;
transition: 0.25s linear;
}
.startovaci
{
padding: 10px;
    /* background-color: #ffffff; */
    font-size: 1rem;
    border-radius: 15px;
    margin-bottom: 10px;
    display: flow-root;
}
.aiodpovedi
{
overflow: scroll;
    height: 85%;
}

.chatheader
{
padding: 10px;
font-weight: 900;
font-size:1.3rem;
}

.cloveklink
{
background-color: #e6e6e6;
    border: 1px solid;
    text-align: center;
    padding: 5px;
    transition: 0.25s linear;
    font-size: 0.9rem;
    font-weight: 900;
    margin-bottom:10px;
}
.cloveklink:hover
{
transition: 0.25s linear;
background-color: #94d4ff;

}


.disclaimer-wrapper {
  position: relative;
  display: inline-block;
}

.tooltip-box {
  display: none;
  position: absolute;
  bottom: 100%;
  left: 50%;
  transform: translateX(-50%);
  width: 320px;
  background-color: #fffbe6;
  border: 1px solid #cccccc;
  border-radius: 6px;
  padding: 10px 14px;
  z-index: 999;
  box-shadow: 0px 2px 8px rgba(0,0,0,0.2);
  font-size: 0.95rem;
  white-space: normal;        /* zalomení řádků */
  word-wrap: break-word;      /* pro jistotu ve starších prohlížečích */
  overflow-wrap: break-word;  /* pro moderní prohlížeče */
  text-align: left;
}


@media screen and (max-width: 850px) {
  .probotmax {
width:25%;
bottom:17%;
  }
}

@media screen and (max-width: 850px) {
  .probotmini {
width:8%;

  }
}

@media screen and (max-width: 850px) {
  .chatinputbox {
width:60%;

  }
}

@media screen and (max-width: 850px) {
  .aiodpovedi {
height:75%;

 }
}

@media screen and (max-width: 850px) {
  .chatbutton {
width:32%;

  }
}


/* ZOBRAZÍ SE JEN NA MOBIL NA VÝŠKU */
@media screen and (max-width: 700px) and (orientation: portrait) {
  .probotmax {
            width: 90%;
        bottom: 14%;
        left: 1%;
        height: 75%;
  }

  .probotmini {
width: 25%;
        bottom: 3%;
        right: 5%;
  }


    .tooltip-box {
    transform: translateX(0);
        left:0px;
  }

}