.chat-window {
   display:none;
   background:lightgrey;
   height:40vh;
   border-radius:5px;
   padding-left:5px;
   padding-bottom:15px;
   text-align:center;
   border-style:solid;
   border-width:2px;
   position:relative;
}

#discussion {
     overflow-y:auto;
     height:100%;
     padding-right:5px;
}

.chat-window .chatSystem {
    background:white;
    display:block;
    border-radius:3px;
    box-shadow:8px 8px 5px #aaaaaa;
    padding:5px;
    border-style:solid;
    border-width:1px;
    margin-bottom:15px;
    margin-top:5px;
    width:75%;
    margin-left:12.5%;
    margin-right:12.5%;
    word-wrap:break-word;
}

#tippt {
    margin: 0px;
    position:absolute;
    bottom:0px;
    right:0px;
}

.msg-rcv {
    margin-bottom:10px;
    position:relative;
}

.msg-snd {
    margin-bottom:10px;
    position:relative;
}

div.circle {
    border-radius:50%;
    height:50px;
    width:50px;
    text-align:center;
    display:inline-table;
    box-shadow: 3px 3px 5px #aaaaaa;
    color:white;
}

div.chatUser {
    background:darkred;
}

div.chatStaffer {
    background:black;
}

div.circle span {
    display:table-cell;
    vertical-align:middle;
}

div.msg-snd div.circle {
    position:absolute;
    left:0.5%;
}

div.msg-rcv div.circle {
    position:absolute;
    right:0.5%;
}

#message {
    width:100%;
    margin-top:10px;
    display:none;
    height:17vh;
}

div.col-md-4 button {
    width:100%;
    display:none;
    height:5vh;
    margin-bottom:1vh;
}

#abortFileUpload {
    float:right;
    color:#c52d2f;
    background:white;
}

#fileUploadControl {
    line-height:17px;
}

#file-form {
    height:5vh;
}

#sendmessage, #sendMessageAnyway{
    margin-top:1vh;
}

#sendMessageAnyway {
    display:none;
}

.msg {
    width:85%;
    border-radius:10px;
    padding:5px;
    padding-bottom:0px;
    display:inline-block;
    text-align:left;
    box-shadow: 3px 3px 5px #aaaaaa;
    word-break: break-word;
}

div.msg-rcv div.msg {
    background:Whitesmoke;
}

.messagefooter {
    margin-bottom:1px;
}

div.msg-rcv p.messagefooter {
    text-align:right;
}

div.msg-snd div.msg {
    background: White;
}

div.msg-snd p.messagefooter {
    text-align:left;
}

#discussion::-webkit-scrollbar {
    width:8px;
}
        
#discussion::-webkit-scrollbar-thumb {
    background: black;
    border-radius:4px;
}

div#zusatzInformationen table::-webkit-scrollbar {
    width:4px;
}

div#zusatzInformationen table::-webkit-scrollbar-thumb {
    background:black;
}

#StafferInformation td{
    padding: 0 5px 0 5px;
}

#filenameText {
    margin:0px;
    width:90%;
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
    display:inline-block;
}

#hideTemplates {
    margin-left:0px;
    display:none;
    width:100%;
    height:5vh;
}

#showTemplates {
    margin-left:0px; 
    width:100%;
    height:5vh;
}

@media screen and (max-width: 1199px) {
   div.chat-window div.msg-snd div.msg {
        width:97%;
    }

   div.chat-window div.msg-rcv div.msg {
       width:97%;
   }

   div.circle {
       display:none;
   }

   /*#hideTemplates {
       width:150px;
   }

   #showTemplates {
       width:150px;
   }*/
}