::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
::-webkit-scrollbar-button {
  width: 13px;
  height: 13px;
}
::-webkit-scrollbar-thumb {
  background: #abd9fa;
  border: 10px none #ffffff;
  border-radius: 50px;
}
::-webkit-scrollbar-thumb:hover {
  background: #4dadf4;
}
::-webkit-scrollbar-thumb:active {
  background: #baf2fc;
}
::-webkit-scrollbar-track {
  background: #64c4fd;
  border: 5px none #ffffff;
  border-radius: 21px;
}
::-webkit-scrollbar-track:hover {
  background: #63b7f5;
}
::-webkit-scrollbar-track:active {
  background: #63b7f5;
}
::-webkit-scrollbar-corner {
  background: transparent;
}

#pacient {
    text-align: center;
    margin-top: 10px!important;
    margin-bottom: 10px!important;
    margin-right: 5px;
    padding: 5px 10px 5px 10px!important;
    background: #fff;
    color: #000;
    border-radius: 10px;
    max-width: 85%;
    min-width: 50%;
    float: right;
    display: block;
}
    
#sestra {
    margin-top: 10px!important;
    margin-bottom: 10px!important;
    padding: 5px 10px 5px 10px!important;
    background: #ffcc33;
    color: #000;
    border-radius: 10px;
    max-width: 85%;
    min-width: 51%;
    text-align: center;
    float: left;
    display: block;
}

#admin {
    margin-top: 10px!important;
    margin-bottom: 10px!important;
    padding: 5px 10px 5px 10px!important;
    background: #0098ee;
    color: #000;
    border-radius: 10px;
    max-width: 85%;
    min-width: 51%;
    text-align: center;
    float: left;
    display: block;
}

#typing {
    text-align: center;
    margin-top: 10px!important;
    margin-bottom: 10px!important;
    margin-right: 5px;
    padding: 5px 10px 5px 10px!important;
    border-radius: 10px;
    max-width: 85%;
    min-width: 50%;
    float: right;
    display: block;
}

@media (max-width: 960px) {
#rozhovor{display:none;}
}