div.cht_board {
 position: absolute; left: 2px; right: 0px; top: 40px; bottom: calc(35% + 5px); overflow-x: hidden; overflow-y: scroll; padding-left: 10px
}

div.cht_text {
 position: absolute; left: 2px; right: 0px; top: 65%; bottom: 0; border-top: 1px dotted black; padding-left: 10px; padding-top: 10px
}

div.chat_new_message {
 font-weight: bold; color: black; overflow: hidden; height: 47px; width: 64px;
 position: absolute; left: 40px; top: 16px; z-index: 2000;  line-height: 40px; 
 background-image: url(../grafika/ikony/notifikace-top.png); background-repeat: no-repeat; background-position: left top
}


div.chat_new_message div {
 width: 100%;  font-size: 10pt; font-weight: bold; padding-top: 2px; text-align: center; margin-top: 5px;
 cursor: pointer
}

div.chat_prehled_precteno {
  position: absolute; 
  top: 4px; right: 4px;
  height: 18px;
  width: 22px;
  background-color: #ffefce;
  text-align: right; padding: 1px 3px 0px 3px;

}

img.chat_add_prijemce {

}

.dragandrophandlerchat {
 text-align: center; font-weight: bold;
 height: 28px; width: 20%; background-color: #eee3bd;
 float: left; line-height: 30px; border: 1px dotted black;
 margin-top: 5px; padding-left: 5px;
 color: #000000; font-size: 7pt; overflow: hidden
}

a.chat {color: #398b03 !important; text-decoration: none}
a.chat:hover {color: black !important;}

div.container-chat-soubory {
 float: left; height: 28px; line-height: 28px;
 padding: 0px 5px 0px 5px; margin-left: 10px; border: 1px dotted black;
 background-color: #f8f7ea
}

div.chat_dalsi_zpravy {
 width: 250px;
 margin: auto;
 border: 1px dotted black;
 text-align: center;
 cursor: pointer;
 padding: 2px;
 background-color: #d6cebd;
 margin-bottom: 20px
}

div.chat_dalsi_zpravy:hover {
 background-color: #c5bca9
}

div.menu-dialog-novy-chat {
float: left; width: 20px; height: 20px; border: 1px solid black; text-align: center; font-size: 12pt; font-weight: bold; cursor: pointer; line-height: 19px; background-color: #d6cebd
}

div.konverzace {
 width: calc(100% - 16px);
 height: 100px; 
 border: 1px dotted black;
 margin-bottom: 10px; background-color: #f9edcc;
 cursor: pointer;
 position: relative; 
}

div.konverzace:hover {
  background-color: #f9e6b1
}

div.nadpis_chatu {
 border-bottom: 1px dotted black;
 background-color: #d6cebd; padding: 5px;
}

div.div_nadpis_text {
 float: left
}

div.admin_chatu {
 float: right; margin-right: 35px
}

div.admin_chatu img {
 cursor: pointer; margin-left: 5px
}


div.chat_container {
 line-height: 1.5em; margin-bottom: 15px; border: 1px dotted black;
 background-color: #f9edcc; margin-right: 10px
}

div.chat_title {
 padding: 5px; border-bottom: 1px dotted black; background-color: #f4b768; font-weight: bold
}

div.chat_msg {
 padding: 5px;
}

div.chat_msg a {color: #398b03 !important; text-decoration: none}
div.chat_msg a:hover {color: black !important;}

textarea.TinyMCEeditorChat {
 width: calc(100% - 3px);
 height: 20vh; line-height: 1.5em
}

div.cleaner_chatu {
clear: both
}

input.nadpis_zpravy {
 background-color: transparent;
 border: 0px; float: left; width: calc(100% - 70px);
 font-weight: bold
}

input.input_prijemci_chat {
 width: calc(100% - 15px); margin: 5px 5px 0px 5px; border: 1px solid black; height: 18px;
}

div.chat_kontakt {
 float: left; margin-left: 10px; height: 20px; border: 1px solid #978659; line-height: 20px;
 padding: 0px 25px 0px 5px; margin-top: 8px; overflow: hidden; position: relative; background-color: #f8f7ea
}

img.chat_odstranit_prijemce {
 position: absolute; right: 5px; top: 4px; cursor: pointer
}

div.prijemci_chat {
 width: 100%; height: 72px; overflow: hidden; overflow-y: auto;
}

@media screen and (max-height: 900px) {
 div.cht_board {
 position: absolute; left: 2px; right: 0px; top: 40px; bottom: calc(45% + 5px); overflow-x: hidden; overflow-y: scroll; padding-left: 10px
}

div.cht_text {
 position: absolute; left: 2px; right: 0px; top: 55%; bottom: 0; border-top: 1px dotted black; padding-left: 10px; padding-top: 10px
}


}