input {
 outline: none
}

#dialog-messages-list {
 background-color: #d6f891;
 position: absolute; top: 42px; bottom: 0px; width: 25%;
 overflow-x: hidden; overflow-y: scroll;
}

#dialog-message-list-oddelovac {
 position: absolute; left: 25%; top: 42px; bottom: 0px; width: 1px; background-color: #87af36; margin: 0px 1px 0px 1px;
}

div.dialog-info-odpovida {
 position: absolute; right: 30px; top: 52px;
 padding: 20px; background-color: #d6cebd; z-index: 80;
 border-top-left-radius: 20px;
 border-bottom-left-radius: 20px;
 border-top-right-radius: 20px;
 border-bottom-right-radius: 20px;
 opacity:0.90; /* firefox, opera, safari, chrome */
 -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=90)"; /* IE 8 */
 filter:alpha(opacity=90); /* IE 4, 5, 6 and 7 */
 zoom:1; line-height: 2em;
 /*display: none*/
}

div.roh_odpovida {
 width: 22px; height: 22px;
 position: absolute; right: -3px; top: -3px;
 z-index: 90; background-image: url(../grafika/layout-stranky/roh-odpovida.png);
 background-repeat: no-repeat;
}

div.cht_board {
 position: absolute; left: calc(25% + 3px); right: 0px; top: 42px; bottom: 30%; 
 overflow-x: hidden; overflow-y: scroll; z-index: 70;
 border-bottom: 1px solid #87af36;
 padding: 0px; background-color: #e6f6c6 ;
 scrollbar-track-color: transparent;/*#d1f97f*/
 scrollbar-face-color: #e6f6c6;
 scrollbar-highlight-color: #e6f6c6;
 scrollbar-3dlight-color: #e6f6c6;
 scrollbar-darkshadow-color: #e6f6c6;
 scrollbar-shadow-color: #e6f6c6;
 scrollbar-arrow-color: black; 
 scrollbar-color: #c7eb7d #e6f6c6;
}

div.cht_text {
 position: absolute; left: calc(25% + 3px); right: 0px; top: calc(70% + 1px); bottom: 0;
 padding: 10px; background-color: #afdc53
}

#chat_soubory {
 float: left; width: calc(70% - 200px); height: 36px; margin-top: 9px; margin-left: 10px; overflow-x: hidden; overflow-y: scroll;
 scrollbar-track-color: transparent;/*#d1f97f*/
 scrollbar-face-color: #afdc53;
 scrollbar-highlight-color: #afdc53;
 scrollbar-3dlight-color: #afdc53;
 scrollbar-darkshadow-color: #afdc53;
 scrollbar-shadow-color: #afdc53;
 scrollbar-arrow-color: black; 
 scrollbar-color: #c7eb7d #afdc53;
 
}


div.fotka_zprava {
 float: left;
 height: 40px;
 width: 40px;
 background-color: white;
 text-align: center;
 -webkit-border-radius: 50%;
 -moz-border-radius: 50%;
 border-radius: 50%;
 background-size: cover;
 background-repeat: no-repeat;
 background-position: center;
 color: black;
 text-align: center;
 line-height: 40px;
 font-size: 12pt
}


div.chat_jmeno_info {
 font-weight: bold; padding-left: 15px; margin-top: 5px; height: 15px; overflow: hidden; width: calc(100% - 80px)
}

div.chat_online {
 float: left; margin-left: 15px; margin-top: 3px;
 width: 10px; height: 10px; 
 -webkit-border-radius: 50%;
 -moz-border-radius: 50%;
 border-radius: 50%;
}

div.chat_kontakt div.chat_online {
 margin-left: 0px; margin-top: 5px; margin-right: 5px
}

div.offline_users_state {
 background-color: #979797;
}

div.online_users_state {
 background-color: #ff8a00;
}

div.offline_users_state_prijemci {
 background-color: #979797;
}

div.online_users_state_prijemci {
 background-color: #ff8a00;
}

div.chat_razitko_zpravy {
 float: left; font-weight: normal; padding-left: 5px; height: 15px; overflow: hidden;  width: calc(100% - 80px);
}

img.odstranit_zpravu_button {
 position: absolute; right: 34px; top: 5px
}


img.precteno_zpravu_button {
  position: absolute; right: 15px; top: 5px; 
}


div.chat_new_message {
 font-weight: bold; color: black; overflow: hidden; height: 47px; width: 64px;
 position: absolute; left: 40px; top: 16px; z-index: 200;  line-height: 45px; 
 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
}

img.chat_add_prijemce {

}

.dragandrophandlerchat {
 text-align: left; 
 height: 35px; width: calc(30% - 0px); 
 float: left; line-height: 15px; 
 margin-top: 8px; padding-left: 70px;; padding-top: 3px;
 color: #000000; overflow: hidden;
 background-image: url(../grafika/layout-stranky/cloud-upload-white.png);
 background-repeat: no-repeat; background-size: contain;
 background-position: left center; cursor: pointer;
}


.dragandrophandlerchat:hover {
 color: #4e4e4e
}




/*
a.chat {color: #ff0000 !important; text-decoration: none}
a.chat:hover {color: black !important;}
*/


div.chat_msg p a { color: #f63636 !important; text-decoration: none}

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


div.chat_dalsi_zpravy {
 clear: both;
 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: 27px; height: 27px; cursor: pointer; 
 background-image: url(../grafika/ikony/nova_zprava.png); 
 background-repeat: no-repeat; background-size: contain;
 margin: 6px 0px 0px 10px
}

div.konverzace {
 width: calc(100% - 16px);
 height: 100px; 
 border: 0px dotted black;
 margin-bottom: 10px; background-color: #9ecd3e;
 cursor: pointer;
 position: relative;
 margin-top: 15px;
 margin-left: auto; 
 margin-right: auto; 
 border-radius: 10px;
 -webkit-border-radius: 10px;
 -moz-border-radius: 10px;
 overflow: hidden;
}



div.msg_bublina {
 position: absolute;
 z-index: 30;
 width: 81px; height: 80px;
 background-image: url(../grafika/bublina.png);
 background-size: contain;
 background-position: center;
 margin: 10px 0px 0px 10px;
 border: 0px solid #d1c5ad
}


div.msg_foto {
 position: absolute;
 z-index: 10;
 width: 81px; height: 80px;
 background-repeat: no-repeat;
 background-size: cover;
 background-position: center;
 margin: 10px 0px 0px 10px;
 background-color: white;
 color: black;
 text-align: center;
 line-height: 75px;
 font-size: 22pt
}


div.chat_zobrazovane_jmeno {
 position: absolute; left: 110px; top: 8px;
 font-size: 15pt; line-height: 1.5em; color: #394e0d;
 height: 30px; overflow: hidden
}


input.nadpis_zpravy {
 position: absolute; left: 111px; top: 37px;
 background-color: transparent;
 border: 0px; width: calc(100% - 130px);
 font-size: 10pt !important; color: #394e0d;
 cursor: pointer; outline: none; font-weight: bold
}

div.posledni_aktualizace {
 position: absolute; left: 112px; top: 57px; font-style: italic
}


div.vytvoril_konverzaci {
 position: absolute; left: 111px; top: 73px; font-style: italic
}




div.chat_prehled_precteno {
  position: absolute; 
  top: 6px; right: 6px;
  height: 25px;
  width: 25px;
  z-index: 70;
  background-color: #c3f45f;
  text-align: center;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  line-height: 24px
}

div.chat_butt_odstranit {
  position: absolute; 
  top: 6px; right: 36px;
  height: 25px;
  width: 25px;
  z-index: 70;
  background-color: #c3f45f;
  text-align: center;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  line-height: 24px;
}

div.chat_butt_odstranit img { 
 margin-top: 6px
}

div.chat_butt_prijemce {
  position: absolute; 
  top: 6px; right: 66px;
  height: 25px;
  width: 25px;
  z-index: 70;
  background-color: #c3f45f;
  text-align: center;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  line-height: 24px;
}

div.chat_butt_prijemce img { 
 margin-top: 5px
}


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

div.div_nadpis_text {
 float: left
}

div.admin_chatu {
 float: right; margin-right: 35px;/* display: none */
}

div.admin_chatu img {
 cursor: pointer;
}


div.chat_container {
 line-height: 1.5em; margin-bottom: 15px; /* border: 1px solid #848484;*/
 /*background-color: #ffffff;  #f9edcc !!! */ margin-right: 10px; width: 100%;
 /*-webkit-border-radius: 10px;
 -moz-border-radius: 10px;
 border-radius: 10px;*/  
 margin: 20px;

}

div.chat_title {
 width: 200px;
 position: relative;
 background-color: #ff8a00/*#b0e04f*/; float: left; padding: 5px 8px 5px 8px; /* border-bottom: 1px dotted black; background-color: #f4b768;font-weight: bold; !!!*/ 
 border-top-left-radius: 20px;
 border-bottom-left-radius: 20px;
 border-top-right-radius: 20px;
 border-bottom-right-radius: 20px;
}

div.chat_msg {
 position: relative;
 padding: 10px; margin: 7px 5px 5px 20px; background-color: #ffffff;
 border-top-left-radius: 20px;
 border-bottom-left-radius: 20px;
 border-top-right-radius: 20px;
 border-bottom-right-radius: 20px;
 float: left; max-width: calc(100% - 300px); font-size: 8pt;
 border: 1px solid #acacac; /*overflow: hidden;*/

}

div.chat_msg img {
 width: auto !important; max-width: 100% !important; height: auto !important; max-height: auto !important; 
}


div.roh_message {
 position: absolute; top: 10px; left: -11px;
 background-image: url(../grafika/layout-stranky/roh-message.png);
 width: 12px; height: 16px; 
}

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


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

div.cleaner_chatu {
clear: both
}




div.div_prijemci_chat {
 position: absolute; top: 6px; height: 25px;
 right: 75px; width: calc(100% - 95px);
 z-index: 60;
 background-color: #c3f45f;
 border-top-left-radius: 5px; display: none;
 opacity:0.90; /* firefox, opera, safari, chrome */
 -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=90)"; /* IE 8 */
 filter:alpha(opacity=90); /* IE 4, 5, 6 and 7 */
 zoom:1; 
}

div.chat_butt_zaobleni {
position: absolute; 
  top: 0px; left: -10px;
  height: 25px;
  width: 25px;
  z-index: 70;
  background-color: #c3f45f;
  text-align: center;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  line-height: 24px;
}

input.input_prijemci_chat {
  position: absolute;
  width: 100%; height: 23px; margin-top: 1px;  border: 0px; background-color: transparent;
  z-index: 120; outline: none
}

div.chat_kontakt {
 float: left; margin-left: 5px; 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 {
 position: absolute; top: 131px; left: 10px; right: 6px;
 height: 60px; overflow-x: hidden; overflow-y: scroll; 
}


div.chat_recipients {
}

div.div_nadpis_prijemci {
 position: absolute; top: 105px; left: 10px; right: 6px; padding-left: 5px;
 height: 25px; line-height: 25px; background-color: #c3f45f; font-weight: bold; font-size: 7pt;
 border-top-left-radius: 10px;
 border-bottom-left-radius: 10px;
 border-top-right-radius: 10px;
 border-bottom-right-radius: 10px;
}


div.prijemci_chat {
 scrollbar-track-color: transparent;/*#d1f97f*/
 scrollbar-face-color: #9ecd3e;
 scrollbar-highlight-color: #9ecd3e;
 scrollbar-3dlight-color: #9ecd3e;
 scrollbar-darkshadow-color: #9ecd3e;
 scrollbar-shadow-color: #9ecd3e;
 scrollbar-arrow-color: #5c8012; 
 scrollbar-color: #c7eb7d #9ecd3e;
}

div.konverzace:hover, div.aktivni_chat {
 background-color: #ff8a00
}

div.konverzace:hover .msg_bublina, div.aktivni_chat .msg_bublina {
 background-image: url(../grafika/bublina_active.png);
}

div.konverzace:hover div.prijemci_chat, div.aktivni_chat div.prijemci_chat {
 scrollbar-track-color: transparent;/*#d1f97f*/
 scrollbar-face-color: #ff8a00;
 scrollbar-highlight-color: #ff8a00;
 scrollbar-3dlight-color: #ff8a00;
 scrollbar-darkshadow-color: #ff8a00;
 scrollbar-shadow-color: #ff8a00;
 scrollbar-arrow-color: #aa6008; 
 scrollbar-color: #c7eb7d #ff8a00;
}


#dialog-messages-list {
 scrollbar-track-color: transparent;/*#d1f97f*/
 scrollbar-face-color: #d6f891;
 scrollbar-highlight-color: #d6f891;
 scrollbar-3dlight-color: #d6f891;
 scrollbar-darkshadow-color: #d6f891;
 scrollbar-shadow-color: #d6f891;
 scrollbar-arrow-color: black; 
 scrollbar-color: #c7eb7d #d6f891;
}




div.konverzace:hover div.div_nadpis_prijemci, div.aktivni_chat div.div_nadpis_prijemci {
 background-color: #ffd477; 
}


div.konverzace:hover div.chat_butt_odstranit, div.aktivni_chat div.chat_butt_odstranit {
 background-color: #ffd477; 
}

div.konverzace:hover div.chat_butt_prijemce, div.aktivni_chat div.chat_butt_prijemce {
 background-color: #ffd477;
}

div.konverzace:hover div.chat_prehled_precteno, div.aktivni_chat div.chat_prehled_precteno {
 background-color: #ffd477; color: black
}

div.konverzace:hover div.div_prijemci_chat, div.aktivni_chat div.div_prijemci_chat {
 background-color: #ffd477;
}

div.konverzace:hover input.input_prijemci_chat, div.aktivni_chat input.input_prijemci_chat {
 background-color: #ffd477;
}

div.konverzace:hover div.chat_butt_zaobleni, div.aktivni_chat div.chat_butt_zaobleni {
 background-color: #ffd477;
}

div.konverzace:hover div.chat_zobrazovane_jmeno, div.aktivni_chat div.chat_zobrazovane_jmeno {
 color: black
}

div.konverzace:hover input.nadpis_zpravy, div.aktivni_chat input.nadpis_zpravy {
 color: black
}


img.group_chat {
 position: absolute;
 z-index: 90; left: 65px; top: 65px;
 width: 26px; height: 25px;
 background-image: url(../grafika/ikony/group-chat.png);
 background-repeat: no-repeat; display: none;
 border: 0px;
}


div.zpravy_ke_cteni {
 background-color: #ff2a2a; font-weight: bold; color: white;
}

div.aktivni_chat div.zpravy_ke_cteni {
 background-color: #ffd477; font-weight: normal; color: black;
}


div.zadne_konverzace {
 padding: 20px
}

div.zadne_zpravy {
 padding: 20px
}

div.vytvorit_konverzaci {
 padding: 20px
}

@media screen and (max-height: 900px) {
 div.cht_board {
  left: calc(25% + 3px); right: 0px; top: 42px; bottom: 40%
 }

 div.cht_text {
  calc(25% + 3px); right: 0px; top: calc(60% + 1px); bottom: 0;
 }
}

@media screen and (max-height: 850px) {
 div.cht_board {
  left: calc(25% + 3px); right: 0px; top: 42px; bottom: 47%
 }

 div.cht_text {
  calc(25% + 3px); right: 0px; top: calc(53% + 1px); bottom: 0;
 }
}