.jksc_chatCtr, .jksc_groupChatCtr{
   border-radius: 5px; font-family: 'Source Sans Pro', sans-serif; border: 1px solid #E5E5E5; overflow: hidden;
   position: relative;
}
.jksc_chatHeaderCtr{ padding: 5px 10px; background-color: rgb(71, 144, 210); position: relative; }
.jksc_chatTitle{ font-size: 20px; font-weight: bold; }
.jksc_showUsersOnlineBtn{ 
   position: absolute; top: 0; right: 10px; font-size: 40px; cursor: pointer; 
}
.jksc_bodyCtr{ 
   min-height: 250px; background-color: #fff; overflow-y: scroll; color: #a3a6aa; max-height: 550px; 
   border-bottom: 1px solid #e9e8ec; overflow-x: hidden;
}
.jksc_messageCtr{ padding: 10px; border-bottom: 1px solid #e9e8ec; min-height: 50px; }
.jksc_messageUserAvatar{ float: left; width: 50px;  }
.jksc_messageUserAvatar > img.jksc_messageUserAvatarImg{ 
   width: 50px; height: 50px; border-radius: 50%; border: 1px solid #ccc; 
}
.jksc_messageContentCtr{ margin-left: 60px; }
.jksc_messageContentCtr > .jksc_messageText img{ border-radius: 0; box-shadow: none; }
.jksc_messageDetails{ color: #92969e; }
.jksc_messageUsername{ font-weight: bold; display: inline-block; }
.jksc_messageDate{ display: inline-block; float: right;  }
.jksc_tools{ position: relative; }
.jksc_toolMenu{ display: table; table-layout: fixed; width: 100%; }
.jksc_toolBtn{ 
   display: table-cell; text-align: center; padding: 5px; background-color:#3a405d; color: #fff; cursor: pointer;
   border-right: 1px solid #484f68; transition: 0.25s linear all;
}
.jksc_toolBtnSelectable:hover{ background-color: #68c16a; }
.jksc_toolBtnActive{ background-color: #68c16a; border-right-color: #68c16a; }
.jksc_toolBtn:last-child{ border-right: none; }
.jksc_fontSelectorCtr{ position: absolute; left: 0; bottom: 34px; display: none; }
.jksc_tools >.jksc_fontSelectorCtr > ul{ list-style: none; margin-bottom: 0; }
.jksc_fontSelectorCtr > ul > li{ 
   background-color:#3a405d; color: #fff; padding: 3px; margin: 0; cursor: pointer;
   transition: 0.25s linear all;
}
.jksc_fontSelectorCtr > ul > li:hover{ background-color: #68c16a; }
.jksc_fontSelectorCtr > ul > li.jksc_fontSelected{ background-color: #68c16a; }
.jksc_fontSizeCtr{ position: absolute; bottom: 34px; background-color:#3a405d; padding: 5px; display: none; }
.jksc_fontColorCtr{ 
   position: absolute; bottom: 34px; right: 0; background-color:#3a405d; padding: 3px; display: none; 
}
.jksc_emotesCtr{
   position: absolute; bottom: 34px; right: 0; background-color:#3a405d; padding: 3px; display: none; 
   max-width: 300px;
}
.jksc_emotesCtr > img{ padding: 3px; cursor: pointer; }
.jksc_messageForm{ padding: 10px; overflow: hidden; }
.jksc_messageForm > textarea{ 
   height: 50px; min-height: 50px; width: 100%; box-sizing: border-box; margin-bottom: 10px;
}
.jksc_messageForm > .ui.button{ float: right; }
.jksc_bold{ font-weight: bold; }
.jksc_italic{ font-style: italic; }
.jksc_strikethrough{ text-decoration: line-through; }
.jksc_abs{ position: relative; }
.jksc_usersOnlineCtr{ 
   position: absolute; width: 60%; min-width: 300px; background-color: #fff; border: 1px solid #ccc; height: 100%;
   top: 0; left:0; overflow-y: scroll; display: none; overflow-x: hidden;
}
.jksc_userList{ height: 100%; }
.jksc_singleUserOnline{ overflow: hidden; border-bottom: 1px solid #ccc; cursor: pointer; }
.jksc_singleUserOnline:hover:not(.jksc_userPMed){ background-color: #e2e4eb; }
.jksc_singleUserOnlineImgCtr { 
   float: left; width: 75px; height: 75px; background-position: center; background-size: cover;
   position: relative;
}
.jksc_singleUserOnline.jksc_isOnline > .jksc_singleUserOnlineImgCtr{ border-right: 8px solid #67C611; }
.jksc_singleUserOnline.jksc_isAway > .jksc_singleUserOnlineImgCtr{ border-right: 8px solid #FFD16D; }
.jksc_singleUserOnlineDetails { padding: 8px 15px; margin-left: 83px; }
.jksc_singleUserOnlineUsername{ font-weight: bold; }
.jksc_singleUserOnlineStatus{ color: #9D9AAB; font-weight: bold; font-size: 10px; }
.jksc_singleUserOnlineImgOverlay{ 
   position: absolute; width: 100%; height: 100%; background-color: rgba(0,0,0,0.25); z-index: 99999; 
}
#jksc_privateMessageModal .content, #jksc_friendListModal .content{ box-sizing: border-box; }
.jksc_privateMsgCtr{ 
   height: 300px; max-height: 300px; border: 1px solid #ccc; margin-bottom: 10px; padding: 10px; 
   box-sizing: border-box; overflow-y: scroll;
}
.jksc_userPMed{ background-color: rgb(57, 172, 255); color: #fff; }
.jksc_highlightOnlineBtn{ 
   -webkit-animation: jksc_color_change 0.5s infinite alternate;
    -moz-animation: jksc_color_change 0.5s infinite alternate;
    -ms-animation: jksc_color_change 0.5s infinite alternate;
    -o-animation: jksc_color_change 0.5s infinite alternate;
    animation: jksc_color_change 0.5s infinite alternate;
}
@-webkit-keyframes jksc_color_change {
    from { color: #fff; }
    to { color: rgb(57, 172, 255); }
}
@-moz-keyframes jksc_color_change {
    from { color: #fff; }
    to { color: rgb(57, 172, 255); }
}
@-ms-keyframes jksc_color_change {
    from { color: #fff; }
    to { color: rgb(57, 172, 255); }
}
@-o-keyframes jksc_color_change {
    from { color: #fff; }
    to { color: rgb(57, 172, 255); }
}
@keyframes jksc_color_change {
    from { color: #fff; }
    to { color: rgb(57, 172, 255); }
}
.jksc_volumeBtn{ position: absolute; bottom: 10px; left: 10px; cursor: pointer; width: 16px; }
.ui.teal.button.jksc_friendListBtn{ width: 100%; border-radius: 0; }
#jksc_privateMessageModal > .header > .jksc_toggleFriend{ display: none; }
.jksc_friendListCtr{ padding: 5px; }
.jksc_friendItem{ cursor: pointer; padding: 5px; border: 1px solid #ccc; border-radius: 5px; margin-bottom: 5px; }
.jksc_messageDate > .fa.fa-remove{ color: red; cursor: pointer; }
.jksc_noAnimation{ display: none; }