Your IP : 216.73.216.224
/**
* Reset styles
*/
*[id^=jchat], *[class^=jchat] {
line-height: normal;
font-weight: normal;
}
div[id^=jchat] * {
box-sizing: content-box;
}
#jchat_webrtc_video:checked+label::before {
content: none;
}
#jchat_base {
position: fixed;
bottom: 0;
right: 0;
display: block;
height: 26px;
font-family: "Lucida Grande", Verdana, Arial, "Bitstream Vera Sans",
sans-serif;
font-size: 11px;
z-index: 10001;
margin: initial;
}
#jchat_chatboxes {
height: 25px;
overflow: hidden;
float: right;
}
#jchat_chatboxes_wide {
height: 25px;
width: 0;
}
#jchat_chatbox_left {
float: right;
cursor: pointer;
width: 10px;
height: 18px;
background: url(../../images/default/jchat.png) no-repeat top left;
background-position: 6px -350px;
padding-left: 11px;
padding-top: 6px;
color: #333;
border-left: 1px solid #ccc;
margin-top: 1px;
}
#jchat_chatbox_right {
float: right;
cursor: pointer;
width: 17px;
height: 18px;
background: url(../../images/default/jchat.png) no-repeat top left;
background-position: 8px -572px;
padding-left: 3px;
padding-top: 6px;
color: #333;
border-left: 1px solid #ccc;
margin-top: 1px;
}
.jchat_chatbox_right_last {
background-position: 8px -611px !important;
cursor: default !important;
color: #a7a7a7 !important;
}
.jchat_chatbox_left_last {
background-position: 6px -389px !important;
cursor: default !important;
color: #a7a7a7 !important;
}
.jchat_chatbox_lr {
display: none !important;
}
.jchat_chatbox_lr_mouseover {
background-color: #fff !important;
}
#jchat_optionsbutton, #jchat_closesidebarbutton, #jchat_maximizebutton, #jchat_loginbutton {
width: 22px;
border: none;
border-left: 2px solid #CCC;
display: none;
border-radius: 0;
}
.jchat_userstabclick #jchat_optionsbutton,
.jchat_userstabclick #jchat_closesidebarbutton,
.jchat_userstabclick #jchat_maximizebutton,
.jchat_userstabclick #jchat_loginbutton
{
display: block;
}
#jchat_wall_popup {
top: 0;
right: 0;
height: 50%;
z-index: 10003;
box-shadow: 0 -5px 25px rgba(0,0,0,.2)!important;
}
#jchat_wall_popup.hidden {
z-index: 10000;
}
#jchat_wall_popup .jchat_userstabtitle {
cursor: pointer;
}
#jchat_wall_popup.jchat_wall_minimized {
top: inherit;
bottom: 50%;
height: 31px;
transition: height 0.2s linear;
}
#jchat_wallbutton {
width: 18px;
border-right: 1px solid #ccc;
}
#jchat_wallbutton img {
width: 24px;
position: relative;
margin: -25px 0 0 0;
}
#jchat_maximize_wall {
display: inline-block;
width: 22px;
height: 20px;
float: right;
margin-top: -8px;
}
#jchat_userstab {
width: 258px;
background-color: #e6e6e6;
border: 1px solid #cdcbca;
}
#jchat_userstab.maximized {
width: 100% !important;
}
#jchat_userstab.maximized span{
min-width: 30px;
}
#jchat_userstab.jchat_userstabclick {
text-decoration: underline;
color: #111 !important;
background-position: 5px 3px !important;
border-radius: 0;
background-color: #F4F6F9;
}
*.jchat_sidebar_hidden {
display: none !important;
}
.jchat_closebox {
width: 21px;
height: 12px;
background: url(../../images/default/jchat.png) no-repeat top left;
background-position: 4px -934px;
float: right;
}
.jchat_closebox_bottom {
width: 16px;
height: 12px;
background: url(../../images/default/jchat.png) no-repeat top left;
background-position: 0 -1052px !important;
float: right;
}
.jchat_rooms_title {
float: left;
font-weight: bold;
}
.jchat_tabpopup div.jchat_chatrooms_adder {
width: 16px;
height: 14px;
background: url(../../images/default/add_chatroom.png) no-repeat top left;
float: left;
margin-left: 4px;
cursor: pointer;
}
.jchat_maximizebox_bottom, .jchat_maximize_webrtc {
width: 17px;
height: 12px;
background: url(../../images/default/jchat.png) no-repeat top left;
background-position: 0 -1786px !important;
float: right;
}
.jchat_maximizebox_bottom.maximized, .jchat_maximize_webrtc.maximized {
background-position: -20px -1786px !important;
width: 22px;
}
.jchat_minimizebox_bottom {
width: 16px;
height: 12px;
background: url(../../images/default/jchat.png) no-repeat top left;
background-position: 0 -1506px !important;
float: right;
}
.jchat_tabpopup.maximized .jchat_minimizebox_bottom {
width: 22px;
}
.jchat_minimizebox_bottom.minimized {
background-position: 0 -1576px !important;
}
.jchat_closebox_bottomhover {
background-position: 0px -1030px !important;
}
.jchat_minimizebox_bottomhover {
background-position: 0px -1460px !important;
}
.jchat_maximizebox_bottomhover {
background-position: 0px -1814px !important;
}
.jchat_maximizebox_bottomhover.maximized {
background-position: -20px -1814px !important;
}
.jchat_minimizebox_bottomhover.minimized {
background-position: 0px -1532px !important;
}
.jchat_chatboxmouseoverclose {
background-position: 4px -973px !important;
}
.jchat_name {
float: left;
color: #FFFFFF;
}
#jchat_chatbox_buttons {
float: right;
}
.jchat_tabmouseover {
}
.jchat_tabmouseovertext {
text-decoration: underline;
}
.jchat_tab {
height: 25px;
border-right: 2px solid #CCC;
float: right;
cursor: pointer;
font-weight: bold;
width: 140px;
color: #444;
background-color: #EEE;
border-radius: 20px;
}
.jchat_tabpopup {
background-color: transparent;
opacity: 1;
position: fixed;
width: 230px;
font-family: "Lucida Grande", Verdana, Arial, "Bitstream Vera Sans",
sans-serif;
font-size: 11px;
text-align: left;
}
.jchat_tabpopup.ui-resizable, .jchat_webrtctooltip.ui-resizable {
position: fixed !important;
}
div[id^=jchat_user_].jchat_tabpopup .jchat_tabcontent {
transition: background-color 0.1s linear;
}
div[id^=jchat_user_].jchat_tabpopup.dragging .jchat_tabcontent {
background-color: rgba(30, 30, 30, 0.95);
background-image: url(../../images/default/ico_move.png);
background-position: center;
transition: background-color 0.2s linear;
}
div[id^=jchat_user_].jchat_tabpopup .jchat_tabcontenttext.private {
transition: opacity 0.05s linear;
}
div[id^=jchat_user_].jchat_tabpopup.dragging .jchat_tabcontenttext.private {
opacity: 0.2;
transition: opacity 0.2s linear;
}
div[id^=jchat_user_].jchat_tabpopup span.jchat_chatboxmessagecontent::before {
opacity: 1;
transition: opacity 0.3s linear;
}
div[id^=jchat_user_].jchat_tabpopup.dragging span.jchat_chatboxmessagecontent::before {
opacity: 0;
transition: opacity 0.01s linear;
}
div[id^=jchat_user_].jchat_tabpopup.dragging div.jchat_trigger_send {
opacity: 0.2;
transition: opacity 0.2s linear;
}
div.jchat_tabpopup.jchat_tabopen.ui-draggable {
z-index: 10003;
}
div.jchat_tabpopup.jchat_tabopen.maximized_hover {
z-index: 10005;
}
div.jchat_tabpopup.ui-state-disabled {
pointer-events:all
}
div[id^=jchat_user_].jchat_tabpopup.jchat_tabopen.ui-draggable.maximized {
z-index: 10004;
}
div.jchat_tabpopup span.jchat_chatboxmessagefrom img {
max-width: 32px !important;
height: 32px !important;
vertical-align: inherit;
margin-bottom: 2px;
border-radius: 2px;
}
.jchat_tabpopup .jchat_tab {
height: 26px;
float: right;
cursor: move;
font-weight: bold;
width: 100%;
color: #FFF;
border-right: 1px solid #627BAE;
border-left: 1px solid #627BAE;
border-top: 1px solid #627BAE;
background: url(../../images/default/jchat.png) no-repeat top left;
background-position: -20px;
background-color: #627BAE;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
padding-top: 5px;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}
.jchat_tabpopup.jchat_bottomed.jchat_nodraggable span.jchat_tab {
cursor: auto;
}
.jchat_tabpopup .jchat_tab a:link,.jchat_tabpopup .jchat_tab a:visited {
font-weight: bold;
}
.jchat_tabpopup .jchat_tab * {
cursor: auto;
}
.jchat_tabpopup .jchat_tab .jchat_closebox_bottom,
.jchat_tabpopup .jchat_tab .jchat_minimizebox_bottom,
.jchat_tabpopup .jchat_tab .jchat_maximizebox_bottom,
.jchat_tabpopup .jchat_tab .jchat_maximize_webrtc
{
cursor: pointer;
}
#jchat_userstab_popup {
width: 260px;
text-align: left;
height: 50%;
box-shadow: 0 2px 25px rgba(0,0,0,.2)!important;
margin: initial;
}
#jchat_userstab_popup.jchat_expired {
height: 260px;
}
#jchat_userstab_popup.jchat_expired .jchat_userscontent {
height: 100% !important;
}
#jchat_userstab_popup.maximized, #jchat_wall_popup.maximized, div.jchat_webrtctooltip.maximized {
width: 100% !important;
height: 100% !important;
}
#jchat_userstab_popup.maximized {
transition: all 0.2s linear;
}
div.jchat_walltab_popup, #jchat_wall_popup {
width: 260px;
}
#jchat_optionsbutton_popup {
width: 224px;
position: fixed;
z-index: 15000 !important;
background-color: #fff;
border: 1px solid rgba(0, 0, 0, .15);
border-radius: 5px;
box-shadow: 0 3px 8px rgba(0, 0, 0, .3);
}
#jchat_optionsbutton_popup div.jchat_tabcontent {
padding-left: 5px;
background-color: #fff;
border-radius: 5px;
}
#jchat_optionsbutton_popup::before,
span.jchat_answerstooltip_arrow {
width: 0;
height: 0;
content: '';
position: absolute;
bottom: -10px;
right: 20px;
border-left: 12px solid transparent;
border-right: 12px solid transparent;
border-top: 12px solid #FFF;
}
span.jchat_answerstooltip_arrow {
left: 5px;
right: auto;
bottom: -12px;
display: block;
z-index: 10003;
}
#jchat_optionsbutton_popup.jchat_optionspopup_reverse::before {
top: -10px;
bottom: auto;
border-left: 12px solid transparent;
border-right: 12px solid transparent;
border-bottom: 12px solid #FFF;
border-top: none;
}
#jchat_loginbutton_popup {
width: 150px;
height: 55px;
position: fixed;
z-index: 15000 !important;
background-color: #fff;
border: 1px solid rgba(0, 0, 0, .15);
border-radius: 5px;
box-shadow: 0 3px 8px rgba(0, 0, 0, .3);
padding: 2px 4px;
box-sizing: border-box;
text-align: center;
}
#jchat_loginpopup_desc {
margin-bottom: 4px;
border-bottom: 1px solid #DADADA;
color: #505050;
}
#jchat_loginbutton_popup::before {
width: 0;
height: 0;
content: '';
position: absolute;
bottom: -10px;
right: 20px;
border-left: 12px solid transparent;
border-right: 12px solid transparent;
border-top: 12px solid #FFF;
}
span.jchat_loginbutton_logged {
border-bottom: 1px solid #A5A5A5;
display: block;
padding: 4px 0 3px 0;
line-height: 16px;
}
#jchat_loginbutton_facebook {
background: url(../../images/default/socialicons_sprite.png) no-repeat top left;
background-position: 0px 0px;
width: 32px;
height: 32px;
display: inline-block;
cursor: pointer;
}
#jchat_loginbutton_google {
background: url(../../images/default/socialicons_sprite.png) no-repeat top left;
background-position: -32px -34px;
width: 32px;
height: 32px;
display: inline-block;
cursor: pointer;
}
#jchat_loginbutton_twitter {
background: url(../../images/default/socialicons_sprite.png) no-repeat top left;
background-position: -32px 0;
width: 32px;
height: 32px;
display: inline-block;
cursor: pointer;
}
.jchat_overlay {
background-color: rgba(0, 0, 0, .4);
bottom: 0;
left: 0;
position: fixed;
right: 0;
top: 0;
display: none;
}
.jchat_tabopen {
display: block !important;
z-index: 10000;
}
/* Animating display none */
#jchat_userstab,
div.jchat_userstabtitle,
div.jchat_tabcontent.userslist,
div.jchat_tabcontent.messagelist,
span.jchat_tabclick,
div.jchat_tabpopup.jchat_tabopen.ui-draggable {
-webkit-animation: display-none-transition 0.15s;
-moz-animation: display-none-transition 0.15s;
animation: display-none-transition 0.15s;
}
@-webkit-keyframes display-none-transition {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@-moz-keyframes display-none-transition {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes display-none-transition {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
.jchat_tabopen.dragging {
z-index: 15000 !important;
}
.jchat_userstabtitle {
border-left: 1px solid #cdcbca;
border-top: 1px solid #cdcbca;
border-right: 1px solid #cdcbca;
border-bottom: 1px solid #CCC;
color: #8A8A8A;
font-family: "lucida grande", tahoma, verdana, arial, sans-serif;
padding: 8px;
font-weight: bold;
background-color: #F4F6F9 !important;
}
.jchat_userstabtitle .jchat_privatechattitle,
.jchat_userstabtitle .jchat_publicchattitle {
font-weight: bold;
line-height: 12px;
}
.jchat_userstabtitle .jchat_privatechattitle {
margin-top: 1px;
display: inline-block;
}
#jchat_userstab_popup .jchat_userstabtitle {
padding: 3px 8px 16px 8px;
min-height: 14px;
}
#jchat_userstab_popup .jchat_userstabtitle.jchat_donotdisturb {
background: url(../../images/default/donotdisturb.png) no-repeat top left;
background-position: 135px 15px;
}
#jchat_myusername {
position: absolute;
margin-top: 1px;
font-size: 12px;
font-weight: bold;
color: #8A8A8A;
}
#jchat_myusername span {
font-weight: normal;
font-size: 12px;
}
.jchat_nousers_placeholder {
padding: 5px;
text-align: center;
border-bottom: 1px dashed #CCC;
font-weight: bold;
font-size: 11px;
line-height: 12px;
color: #777;
}
#jchat_users_search {
width: 80px;
font-size: 10px;
background-position: 0px 4px !important;
background: url(../../images/default/jchat.png) no-repeat top left;
color: #8A8A8A;
border: none;
border-bottom: 1px solid #CCC !important;
max-height: 14px;
margin-bottom: 0;
position: absolute;
top: 7px;
right: 3px;
padding: 3px 6px 3px 16px;
line-height: 14px;
box-sizing: content-box;
}
#jchat_users_search:focus {
background-color: #FFF;
outline: 0;
}
.jchat_chatboxtabtitlemouseover {
background-position: 195px -457px !important;
}
.jchat_tabsubtitle {
border-left: 2px solid #cdcbca;
border-right: 2px solid #cdcbca;
padding: 5px;
font-family: "lucida grande", tahoma, verdana, arial, sans-serif;
font-size: 9px;
color: #666;
height: 8px;
}
#jchat_userstab_popup div.jchat_tabsubtitle {
border-left: 1px solid #cdcbca;
border-right: 1px solid #cdcbca;
}
.jchat_tabcontent {
border-right: 1px solid #cdcbca;
border-left: 1px solid #cdcbca;
border-bottom: 1px solid #cdcbca;
background-color: #fff;
padding: 0 1px;
background-repeat: no-repeat;
background-position: left bottom;
padding-bottom: 1px;
color: #333;
overflow-x: hidden;
overflow-y: auto;
word-wrap: break-word;
}
.jchat_tabcontent.messagelist {
border-right: 1px solid #cdcbca;
border-left: 1px solid #cdcbca;
}
.jchat_walltab_popup .jchat_tabcontent.messagelist {
border-right: 1px solid #cdcbca;
border-left: 1px solid #cdcbca;
}
/**
* Language toolbar
*/
div.jchat_toolbarlanguage {
height: 22px;
margin-top: 26px;
background-color: #FFF;
border-right: 1px solid #cdcbca;
border-left: 1px solid #cdcbca;
border-bottom: 1px solid #cdcbca;
}
div.jchat_tabpopup.minimized div.jchat_toolbarlanguage {
display: none;
}
ul.jchat_languages_list {
position: absolute;
width: 160px;
height: 200px;
top: 55px;
overflow: auto;
list-style-type: none;
margin: 0;
z-index: 1;
background-color: #FFF;
border: 1px solid rgba(0, 0, 0, .15);
border-radius: 5px;
box-shadow: 0 3px 8px rgba(0, 0, 0, .3);
display: none;
padding: 10px 5px 2px 2px;
}
ul.jchat_languages_list li {
padding-left: 4px;
cursor: pointer;
height: 20px;
line-height: 22px;
border-bottom: 1px solid #CCC;
}
ul.jchat_languages_list li.jchat_lang_selected {
font-weight: bold;
border-bottom: 1px solid #333;
}
span.jchat_languages_list_pointer {
width: 0;
height: 0;
content: '';
position: absolute;
top: 44px;
left: 10px;
border-left: 12px solid transparent;
border-right: 12px solid transparent;
border-bottom: 12px solid rgb(231, 228, 228);
z-index: 2;
display: none;
}
span.jchat_source_language, span.jchat_target_language, span.jchat_translate_arrow {
width: 24px;
height: 16px;
display: inline-block;
cursor: pointer;
margin-top: 2px;
float: left;
}
span.jchat_sourcelang, ul.jchat_sourcelang {
margin-left: 25px;
}
span.jchat_targetlang, ul.jchat_targetlang {
margin-left: 90px;
}
span.jchat_langlabel {
display: inline-block;
float: left;
margin-top: 4px;
}
span.jchat_langlabel:first-child {
margin-left: 2px;
}
span.jchat_translate_arrow {
background: url('../../images/default/translate_arrow.png') center no-repeat;
}
span.jchat_target_language, span.jchat_source_language {
background-repeat: no-repeat;
background-position: center;
border: 1px solid #909090;
margin-left: 2px;
}
.jchat_lang_switcher {
display: inline-block;
}
div.jchat_lang_switcher span.jchat_onoffswitch-switch {
width: 14px;
height: 14px;
}
div.jchat_lang_switcher label.jchat_onoffswitch-label {
height: 18px;
}
div.jchat_lang_switcher span.jchat_onoffswitch-inner::before,
div.jchat_lang_switcher span.jchat_onoffswitch-inner::after {
line-height: 18px;
}
div.jchat_lang_switcher.jchat_onoffswitchlang {
width: 66px;
position: relative;
float: right;
margin: 2px 10px 0 0;
}
div.jchat_lang_switcher span.jchat_onoffswitch-switch {
right: 50px;
}
div.jchat_toolbarlanguage + div.jchat_tabcontent.messagelist div.jchat_agent_dummy_message {
margin-top: 20px;
}
div[class^=jchat_trigger] {
background-repeat: no-repeat;
height: 20px;
margin-left: 4px;
cursor: pointer;
width: 20px;
float: left;
}
div[class^=jchat_trigger]:hover {
opacity: 0.7;
transition: opacity 0.5s;
}
div[class^=jchat_trigger].jchat_trigger_smallspaced {
margin-left: 2px;
}
.jchat_trigger_room {
background-image: url('../../images/default/trigger_rooms.png');
background-position: -26px 2px;
}
.jchat_trigger_emoticon {
background-image: url('../../images/default/trigger_emoticons.png');
background-position: -24px 2px;
}
.jchat_trigger_refresh {
background-image: url('../../images/default/jchat.png');
background-position: 1px -189px;
}
.jchat_trigger_users_informations {
background-image: url('../../images/default/jchat.png');
background-position: 1px -886px;
}
.jchat_trigger_infoguest {
background-image: url('../../images/default/infoguest.png');
background-position: -21px 2px;
}
.jchat_trigger_history {
background-image: url('../../images/default/history.png');
background-position: -21px 2px;
}
.jchat_trigger_geolocation {
background-image: url('../../images/default/geolocation.png');
background-position: -21px 2px;
}
.jchat_trigger_blackboard {
background-image: url('../../images/default/blackboard.png');
background-position: -21px 2px;
}
.jchat_trigger_webrtc {
background-image: url('../../images/default/webrtc.png');
background-position: -21px 2px;
}
.jchat_trigger_webrtc.jchat_webrtc_disabled {
background-position: -43px 2px;
cursor: default;
}
.jchat_trigger_history_wall {
background-image: url('../../images/default/jchat.png');
background-position: 0 -1665px;
}
.jchat_trigger_refresh.jchat_refresh_mousedown {
background-image: url('../../images/default/jchat.png');
background-position: 1px -226px;
}
.jchat_trigger_emoticon.toggle_on,
.jchat_trigger_room.toggle_on,
.jchat_trigger_infoguest.toggle_on,
.jchat_trigger_history.toggle_on,
.jchat_trigger_webrtc.toggle_on,
.jchat_trigger_geolocation.toggle_on,
.jchat_trigger_blackboard.toggle_on {
background-color: #627BAE !important;
background-position: 2px 2px;
}
.jchat_trigger_blackboard.toggle_on {
background-position: 0 2px;
}
div.jchat_tabcontentinput.jchat_clickable {
cursor: pointer;
}
div.jchat_tabcontentinput.jchat_clickable div.jchat_textarea {
cursor: auto;
}
.jchat_trigger_users_informations.toggle_on {
background-color: #627BAE !important;
background-position: -31px -886px
}
div.jchat_trigger_send {
background-image: url('../../images/default/jchat.png');
background-position: 0 -2044px;
background-color: #5b74a8;
border: 1px solid #2f477a;
width: 18px;
height: 18px;
float: right;
padding: 0;
border-radius: 20px;
cursor: pointer;
margin: 0 12px 0 0;
}
div.jchat_trigger_send_wall {
width: 22px;
height: 18px;
margin: 0 5px 0 0;
background-position: 2px -2044px;
}
.jchat_emoticonstooltip img, .jchat_messaging_emoticonstooltip img {
margin: 0 0 0 3px;
max-width: 18px !important;
display: inline-block;
}
.jchat_emoticonstooltip, .jchat_roomstooltip, .jchat_messaging_emoticonstooltip, .jchat_chatroom_usersinfo_tooltip, .jchat_answerstooltip {
background-repeat: no-repeat;
background-position: right bottom;
position: fixed;
display: none;
padding-right: 4px;
height: 133px;
}
div.jchat_answerstooltip {
box-shadow: 0 3px 8px rgba(0, 0, 0, .3);
width: 230px;
height: 300px;
margin: 0;
padding: 0;
background: #FFF;
list-style: none;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
}
ul.jchat_answerstooltip_list {
margin: 0;
padding: 10px;
background: #FFF;
list-style: none;
overflow: auto;
height: 250px;
}
ul.jchat_answerstooltip_list li {
margin: 5px 0;
}
ul.jchat_answerstooltip_list li.jchat_answer_message {
background-color: #f2f2f2;
border: 1px solid #aaa;
border-radius: 4px;
cursor: default;
float: left;
margin-right: 5px;
margin-top: 5px;
padding: 4px 8px;
cursor: pointer;
word-break: break-all;
}
/**
* Override toolbar
*/
.jchat_emoticonstooltip, .jchat_messaging_emoticonstooltip {
overflow-x: hidden;
overflow-y: auto;
padding-right: 0;
border: 1px solid #627BAE;
background-color: #FFF;
}
.jchat_roomstooltip {
border: 1px solid #627BAE;
background-color: #FFF !important;
height: 230px;
width: 400px;
padding: 0;
}
.jchat_roomstooltip span.jchat_tab,
.jchat_webrtctooltip span.jchat_tab,
.jchat_chatroom_usersinfo_tooltip span.jchat_tab {
position: absolute;
top: -26px;
left: -1px;
width: 402px;
padding-left: 8px;
}
.jchat_answerstooltip span.jchat_tab {
padding-left: 8px;
}
.jchat_chatroom_usersinfo_tooltip span.jchat_tab {
width: 202px;
cursor: auto;
}
.jchat_chatroom_usersinfo_tooltip {
border: 1px solid #627BAE;
background-color: #FFF !important;
height: 150px;
width: 200px;
padding: 0;
}
#jchat_chatroom_userslist {
height: 150px;
overflow: auto;
}
#jchat_chatroom_userslist ul {
list-style-type: none;
margin: 0;
padding: 0 5px;
}
#jchat_chatroom_userslist li {
background-image: url('../../images/default/jchat.png');
background-position: 0 -812px;
background-repeat: no-repeat;
padding-left: 18px;
cursor: pointer;
height: 25px;
line-height: 24px;
border-bottom: 1px solid #CCC;
color: #333;
}
.jchat_webrtctooltip span.jchat_tab {
width: 520px;
}
.jchat_roomstooltip div.jchat_roomslist {
overflow: auto;
max-height: 220px;
padding-left: 5px;
padding-right: 5px;
}
.jchat_roomstooltip div.jchat_room {
height: 30px;
padding: 2px 2px 10px 2px;
border-bottom: 1px solid #CCC;
}
.jchat_roomstooltip div.jchat_roomname {
font-size: 15px;
font-weight: bold;
margin-bottom: 2px;
}
.jchat_roomstooltip div.jchat_roomleft {
float: left;
cursor: default;
}
.jchat_roomstooltip div.jchat_roomright {
float: right;
}
.jchat_roomstooltip div.jchat_roomright .jchat_roomjoin {
display: inline-block;
padding: 4px 8px;
margin-top: 8px;
font-size: 16px;
font-weight: bold;
line-height: 14px;
border-radius: 3px;
color: #fff;
vertical-align: baseline;
white-space: nowrap;
text-shadow: 0 -1px 0 rgba(0,0,0,0.25);
background-color: #3a87ad;
cursor: pointer;
}
.jchat_roomdelete {
display: inline-block;
width: 14px;
height: 14px;
background: url(../../images/default/delete_chatroom.png) no-repeat top left;
cursor: pointer;
margin-left: 4px;
}
div.jchat_single_period {
padding: 2px 4px;
font-size: 11px;
border-radius: 2px;
color: #fff;
text-shadow: 0 -1px 0 rgba(0,0,0,0.25);
background-color: #3a87ad;
cursor: pointer;
text-align: center;
width: 70%;
margin: 3px auto;
}
.jchat_roomcount {
max-width: 100px;
}
.jchat_roomtitle {
font-weight: bold;
}
.jchat_roomstooltip div.jchat_roomright .jchat_roomjoin.jchat_joined {
background-color: #468847;
}
.jchat_userstabsubtitle {
position: absolute;
border-bottom: 1px solid #CCC;
color: #8A8A8A;
font-family: "lucida grande", tahoma, verdana, arial, sans-serif;
padding: 0 0 0 5px;
background-color: #F4F6F9 !important;
margin: 0 0 0 1px;
z-index: 100;
}
.jchat_emoticonstooltip div.jchat_tooltip_content, .jchat_messaging_emoticonstooltip div.jchat_tooltip_content {
background-color: #FFF !important;
max-height: 18px;
min-width: 206px;
}
#jchat_default_suggestion_tooltip {
position: fixed;
display: none;
z-index: 10002;
width: 218px;
min-height: 30px;
line-height: normal;
transition: all .5s;
}
#jchat_default_suggestion_tooltip img {
max-width: 100% !important;
}
#jchat_default_suggestion_tooltip .jchat_tooltip_content {
color: #424040;
padding: 10px;
font-size: 12px;
text-align: center;
white-space: normal;
min-height: 40px;
border-top-left-radius: 20px;
border-bottom-right-radius: 20px;
border-top-right-radius: 30px;
border-bottom-left-radius: 30px;
border: 4px solid #ff9b49;
box-shadow: 5px 5px 20px #7A7878;
background-color: #FFF !important;
white-space: normal;
cursor: pointer;
}
#jchat_default_suggestion_tooltip::before {
content: '';
background: #ff9b49;
width: 15px;
height: 15px;
border-top: 0px solid rgba(0, 0, 0, .18);
border-bottom: 1px solid rgba(0, 0, 0, .18);
border-right: 1px solid rgba(0, 0, 0, .18);
border-left: 0;
border-top-left-radius: 0;
border-bottom-right-radius: 20px;
display: block;
position: absolute;
bottom: -15px;
right: 50px;
box-shadow: 1px 7px 8px 1px rgba(0, 0, 0, 0.4);
}
#jchat_default_suggestion_tooltip.jchat_arm {
margin-left: -20px;
}
#jchat_default_suggestion_tooltip.jchat_arm::before {
content: '';
position: absolute;
background: url('../../images/default/suggestion.png') no-repeat;
bottom: -31px;
right: -45px;
width: 138px;
height: 182px;
border: none;
box-shadow: none;
cursor: pointer;
z-index: -1;
}
#jchat_default_suggestion_tooltip div.jchat_tooltip_content.jchat_skrilled {
transform: skew(175deg,175deg) rotate(-4deg);
}
#jchat_tooltip_close.jchat_skrilled {
margin-top: -30px;
}
#jchat_default_suggestion_tooltip.jchat_skrilled::before {
bottom: -5px;
}
.jchat_default_suggestion {
background: url('../../images/default/chatbaloon.png') no-repeat top left;
padding-left: 28px;
padding-top: 8px;
}
#jchat_tooltip_close {
width: 16px;
height: 21px;
background-image: url('../../images/default/jchat.png');
background-position: 0 -448px;
float: right;
cursor: pointer;
margin-right: 15px;
}
div.jchat_tabcontenttext img.jchat_emoticons, img.jchat_roomenter, div.jchat_textarea img.jchat_emoticons, #jchat_usersmessages img.jchat_emoticons {
max-width: 18px !important;
max-height: 18px;
width: auto;
height: auto;
margin: 0 1px 0 1px;
}
.jchat_avatar_upload_tooltip {
background-repeat: no-repeat;
background-position: right bottom;
position: fixed;
display: none;
padding-right: 3px;
height: 300px;
width: 305px;
top: 50%;
left: 50%;
margin-top: -120px;
margin-left: -154px;
}
.jchat_avatar_upload_tooltip iframe {
border-left: 1px solid #cdcbca;
border-right: 1px solid #cdcbca;
border-bottom: 1px solid #CCC;
border-top: 1px solid #cdcbca;
background-color: #FFF !important;
height: 205px;
width: 303px;
}
.jchat_chatroom_adder_tooltip {
background-repeat: no-repeat;
background-position: right bottom;
position: fixed;
padding-right: 3px;
height: 300px;
width: 305px;
top: 40%;
left: 50%;
margin-top: -120px;
margin-left: -154px;
z-index: 10002;
}
#chatroom_adder {
height: 380px;
background-color: #FFF;
}
#chatroomform input, #chatroomform textarea, #chatroomform select {
width: 95%;
margin-left: 3px;
padding: 0;
border: 1px solid #ccc;
}
div.avatar_button_container {
display: inline-block;
border: 1px solid #cdcbca;
text-align: center;
padding: 4px 10px;
margin-right: 2px;
background-color: #f4f6f9;
box-sizing: content-box;
background-position: 50%;
border-radius: 10px;
margin-top: 10px;
cursor: pointer;
}
div.attachment_button_container {
display: inline-block;
text-align: center;
margin-right: 2px;
background-color: rgb(244, 246, 249);
box-sizing: content-box;
cursor: pointer;
line-height: 14px;
position: absolute;
border-width: 1px;
border-style: solid;
border-color: rgb(205, 203, 202);
border-image: initial;
padding: 0px 10px;
background-position: 50% center;
border-radius: 10px;
right: 5px;
}
div.formbutton.up div.avatar_button_container {
margin-left: 10px;
margin-top: 18px;
}
#avatar_delete {
width: 16px;
height: 16px;
background: url(../../images/default/fmdelete.png) no-repeat top left;
background-position: 0;
border: none;
cursor: pointer;
}
#avatar_upload {
width: 16px;
height: 16px;
background: url(../../images/default/fmupload.png) no-repeat top left;
background-position: 0;
border: none;
cursor: pointer;
}
img.avatar_img {
border: 3px dotted #CCC;
padding: 5px;
float: left;
margin-bottom: 10px;
width: 50px;
height: 50px;
}
#deleteform {
margin-bottom: 2px;
}
#deleteform fieldset {
height: 80px;
}
#uploadform {
margin-bottom: 5px;
padding-bottom: 5px;
}
#uploadform fieldset {
min-height: 70px;
}
#uploadform input[name=newavatar] + div.formbutton {
border-top: 1px solid #CCC;
}
label.buttonlabel {
color: #333;
padding-left: 3px;
font-size: 10px;
}
.jchat_trigger_fileupload {
background-image: url('../../images/default/trigger_fileupload.png');
background-position: 2px;
background-repeat: no-repeat;
height: 20px;
margin-left: 4px;
cursor: pointer;
width: 20px;
float: left;
}
.jchat_trigger_fileupload.toggle_on {
background-color: #627BAE !important;
background-position: -26px 2px;
}
.jchat_fileuploadtooltip, .jchat_messaging_fileuploadtooltip {
background-repeat: no-repeat;
background-position: right bottom;
position: fixed;
display: none;
padding-right: 4px;
height: 60px;
width: 300px;
}
.jchat_fileuploadtooltip iframe, .jchat_messaging_fileuploadtooltip iframe {
width: 300px;
height: 58px;
border: 1px solid #627BAE;
background-color: #FFF;
}
.jchat_tooltip_fileupload_header {
height: 10px;
background-color: #F4F6F9 !important;
background: url(../../images/default/jchat.png) no-repeat top left;
background-position: 380px -992px;
padding-bottom: 4px;
color: #8A8A8A;
cursor: pointer;
font-family: "lucida grande", tahoma, verdana, arial, sans-serif;
font-weight: bold;
border-left: 1px solid #627BAE;
border-right: 1px solid #627BAE;
border-top: 1px solid #627BAE;
width: 400px;
}
.jchat_historytooltip, .jchat_webrtctooltip {
border: 1px solid #627BAE;
background-color: #FFF;
position: fixed;
display: none;
height: 160px;
width: 120px;
overflow: auto;
}
.jchat_webrtctooltip {
height: 320px;
width: 520px;
padding: 15px 5px 0 5px;
box-sizing: border-box !important;
overflow: visible;
}
.jchat_webrtctooltip.jchat_large_recording {
height: 350px;
}
.jchat_geolocationtooltip {
border: 1px solid #627BAE;
background-color: #FFF;
position: fixed;
display: none;
height: 300px;
width: 250px;
overflow: auto;
}
div[id^=jchat] div.jchat_blackboardtooltip {
box-sizing: border-box;
border: 1px solid #627BAE;
background-color: #FFF;
position: fixed;
display: none;
height: 300px;
width: 500px;
padding: 5px;
overflow: visible;
}
.jchat_blackboardtooltip span.jchat_blackboard_tab {
background: url(../../images/default/blackboard_tab_inactive.png) no-repeat;
font-size: 9px;
font-style: italic;
color: #000;
padding: 1px 0 0 25px;
content: "";
position: absolute;
width: 130px;
height: 16px;
top: 4px;
left: 10px;
}
.jchat_blackboardtooltip span.jchat_blackboard_tab.active {
background: url(../../images/default/blackboard_tab_active.png) no-repeat;
}
.jchat_blackboardtooltip input.image_uploader {
width: 0.1px;
height: 0.1px;
opacity: 0;
overflow: hidden;
position: absolute;
z-index: -1;
}
.jchat_blackboardtooltip label.image_uploader {
background: url('../../images/default/trigger_fileupload.png') no-repeat;
font-size: 11px;
font-weight: 700;
cursor: pointer;
display: inline-block;
padding: 3px 3px 3px 22px;
color: #FFF;
background-color: #3a87ad;
margin: 7px 0 0 2px;
border-radius: 2px;
background-position: -24px 3px;
line-height: 18px;
}
.jchat_blackboardtooltip label.image_uploader:hover {
transition: all 0.2s;
opacity: 0.9;
}
.jchat_blackboardtooltip label.screen_sharer {
background: url('../../images/default/trigger_sharescreen.png') no-repeat;
font-size: 11px;
font-weight: 700;
cursor: pointer;
display: inline-block;
padding: 3px 3px 3px 25px;
color: #FFF;
background-color: #858d91;
margin: 7px 0 0 3px;
border-radius: 2px;
background-position: -22px 4px;
line-height: 18px;
}
.jchat_blackboardtooltip label.screen_sharer.active_sharing {
background-color: #fe3636;
}
div.jchat_blackboardtooltip label.label_disabled,
div.jchat_blackboardtooltip label.label_disabled:hover {
opacity: 0.5;
cursor: auto;
}
.jchat_blackboardtooltip label.image_uploader:hover,
.jchat_blackboardtooltip label.screen_sharer:hover {
transition: all 0.2s;
opacity: 0.9;
}
div.jchat_tabpopup span.jchat_tab.jchat_blackboarddragger {
position: absolute;
top: -26px;
left: -1px;
padding-left: 8px;
width: 500px;
}
#jchat_select_period {
margin-bottom: 10px;
color: #FFF;
border-right: 1px solid #627BAE;
border-left: 1px solid #627BAE;
border-top: 1px solid #627BAE;
background: url(../../images/default/jchat.png) no-repeat top left;
background-position: -20px;
background-color: #627BAE;
padding: 0 0 2px 2px;
}
.jchat_infoguesttooltip {
border: 1px solid #627BAE;
background-color: #FFF;
position: fixed;
display: none;
height: 200px;
width: 250px;
overflow: auto;
}
.jchat_trigger_export {
background-image: url('../../images/default/jchat.png');
background-position: 0 -155px;
background-repeat: no-repeat;
height: 20px;
margin-left: 4px;
cursor: pointer;
width: 20px;
float: left;
}
.jchat_trigger_skypesave, .jchat_trigger_override_name {
background-image: url('../../images/default/jchat.png');
background-position: 0 -155px;
background-repeat: no-repeat;
height: 20px;
margin-left: 3px;
cursor: pointer;
width: 20px;
float: left;
z-index: 15001;
}
.jchat_trigger_skypedelete {
background-image: url('../../images/default/jchat.png');
background-position: 0 -449px;
background-repeat: no-repeat;
height: 20px;
margin-left: 3px;
cursor: pointer;
width: 20px;
float: left;
z-index: 15001;
}
.jchat_trigger_delete {
background-image: url('../../images/default/jchat.png');
background-position: 0 -449px;
background-repeat: no-repeat;
height: 20px;
margin-left: 4px;
cursor: pointer;
width: 20px;
float: left;
}
.jchat_trigger_export a, .jchat_trigger_export a:hover, .jchat_trigger_export a:link, .jchat_trigger_export a:visited {
width: 20px;
height: 20px;
display: block;
background: transparent;
}
.jchat_tooltip_header {
height: 10px;
background-color: #627BAE !important;
background: url(../../images/default/jchat.png) no-repeat top left;
background-position: 205px -992px;
padding-bottom: 4px;
color: #FFF;
cursor: pointer;
font-family: "lucida grande", tahoma, verdana, arial, sans-serif;
font-weight: bold;
border-left: 1px solid #627BAE;
border-top: 1px solid #627BAE;
border-right: 1px solid #627BAE;
border-bottom: none;
width: 224px;
}
.jchat_tooltip_avatar_upload_header, .jchat_tooltip_chatroom_adder_header {
width: auto;
background-position: 280px -1047px;
padding: 5px 8px 8px 8px;
}
.jchat_tabcontent.userslist {
height: 87.5%;
padding-top: 0;
padding-bottom: 5px;
}
.jchat_tabcontent.userslist.maximized {
height: 100%;
}
.jchat_tabcontent.messagelist {
width: 100%;
border-bottom: 1px solid #CCC !important;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
border-bottom-left-radius: 3px;
border-bottom-right-radius: 3px;
}
.jchat_walltab_popup .jchat_tabcontent.messagelist {
width: auto;
padding-top: 8px;
}
div.jchat_walltab_popup div.jchat_userstabsubtitle + div.jchat_tabcontent.messagelist div.jchat_tabcontenttext.jchat_tabcontenttext_wall div.jchat_chatboxmessage:first-child {
margin-top: 5px;
}
.jchat_tabcontent.messagelist .jchat_tabcontenttext.private {
height: 200px;
min-width: -webkit-fill-available;
}
.jchat_tabcontenttext {
border-bottom: 1px solid #f6f6f6;
padding: 5px;
overflow-x: hidden;
overflow-y: auto;
}
.jchat_userscontent {
overflow-x: hidden;
overflow-y: auto;
height: 95%;
}
/* ============ Breakpoint 600px ============= */
@media ( max-height : 620px) {
.jchat_userscontent {
height: 85%;
}
}
/* ============ Breakpoint 480px ============= */
@media ( max-height : 480px) {
.jchat_userscontent {
height: 75%;
}
}
/* ============ Breakpoint 320px ============= */
@media ( max-height : 320px) {
.jchat_userscontent {
height: 60%;
}
}
.jchat_tabcontentinput {
padding: 4px 0 0 28px;
border-bottom: 1px solid #ccc;
border-top: 1px solid #ccc;
background: url(../../images/default/jchat.png) no-repeat top left;
background-position: 5px -1235px;
outline: none;
margin-bottom: 2px;
min-height: 21px;
}
.jchat_textarea {
border: 0;
height: 22px;
overflow: hidden;
font-family: "Lucida Grande", Verdana, Arial, "Bitstream Vera Sans", sans-serif;
font-size: 11px;
color: #444;
outline: none;
}
.jchat_userlist.jchat_userlist_hover {
background-color: #F4F6F9 !important;
border-top: 1px solid #CCC;
border-bottom: 1px solid #CCC;
color: #000;
}
.jchat_tooltip_content {
color: #fff;
padding: 8px;
border-radius: 10px;
font-family: "Lucida Grande", Verdana, Arial, "Bitstream Vera Sans", sans-serif;
background-color: #333 !important;
font-size: 14px;
white-space: nowrap;
text-align: left;
}
div.jchat_emoticonstooltip div.jchat_tooltip_content,
div.jchat_messaging_emoticonstooltip div.jchat_tooltip_content {
padding: 4px;
}
.jchat_userlist {
cursor: pointer;
height: 32px;
clear: both;
border-top: 1px solid #FFF;
border-bottom: 1px solid #FFF;
padding-top: 5px;
padding-bottom: 5px;
}
.jchat_userscontentname {
padding-left: 5px;
float: left;
font-weight: bold;
color: #575757;
position: relative;
line-height: 12px;
}
.jchat_userscontentname img {
float: left;
margin-bottom: 5px;
margin-right: 5px;
}
.jchat_userscontentdot {
float: right;
background-repeat: no-repeat;
background-position: 0 2px;
width: 30px;
height: 16px;
}
.jchat_userscontentdot.jchat_away {
display: none;
}
.jchat_contact {
background-repeat: no-repeat;
width: 20px;
height: 20px;
float: right;
}
.jchat_banning {
position: absolute;
margin-top: 16px;
background-image: url('../../images/default/icon_ban_gray.png');
background-repeat: no-repeat;
width: 16px;
height: 16px;
}
.jchat_banning.banned {
background-image: url('../../images/default/icon_ban_red.png');
}
.jchat_tabcontentinput.jchat_textarea_banned {
background: url("../../images/default/icon_ban_red.png") no-repeat scroll 3px 4px rgba(0, 0, 0, 0);
font-size: 10px;
color: #575757;
padding: 4px 0 0 23px;
}
div.jchat_fullcolumn_input span.banned_msg {
background: url("../../images/default/icon_ban_red.png") no-repeat scroll 3px 4px rgba(0, 0, 0, 0);
font-size: 14px;
color: #575757;
padding: 5px 0 0 25px;
margin: 10px 10px 0 10px;
display: block;
border-bottom: 1px solid #CCC;
}
.jchat_ban_moderator {
position: absolute;
margin-top: 16px;
margin-left: 20px;
background-image: url('../../images/default/icon_ban_moderator.png');
background-position: 0 0;
background-repeat: no-repeat;
width: 16px;
height: 16px;
}
.jchat_flag {
position: absolute;
margin-top: 19px;
margin-left: 41px;
width: 16px;
height: 16px;
}
span.jchat_userscontentname span.jchat_flag img {
border-radius: 2px;
}
.jchat_ban_moderator.banned {
background-position: -19px 0;
}
#jchat_chatroom_userslist span.jchat_ban_moderator, #jchat_chatroom_userslist span.jchat_banning {
position: relative;
float: right;
margin-top: 4px;
margin-left: 4px;
}
.jchat_skypecall {
background-image: url('../../images/default/icon_teams.png');
background-repeat: no-repeat;
height: 20px;
margin-left: 4px;
cursor: pointer;
width: 20px;
float: right;
}
a.skypeicon:link,a.skypeicon:visited,a.skypeicon:hover {
height: 100%;
width: 100%;
display: block;
background-color: transparent !important;
}
p.jchat_skypecall_tooltip {
background-image: url('../../images/default/icon_teams.png');
background-repeat: no-repeat;
height: 25px;
padding-left: 21px;
padding-bottom: 5px;
font-size: 13px;
border-bottom: 1px solid #CCC;
text-align: center;
}
p.jchat_skypeinfo_tooltip {
background-image: url('../../images/default/skype_info.png');
background-repeat: no-repeat;
padding-left: 20px;
font-size: 10px;
text-align: left;
}
#jchat_skypecall .jchat_tooltip_content {
border-radius: 10px;
}
.jchat_tab_shortname {
margin-left: 15px;
float: left;
color: #FFF;
cursor: pointer;
}
.jchat_tab_shortname a:link,.jchat_tab_shortname a:hover,.jchat_tab_shortname a:visited
{
color: #FFF;
cursor: pointer;
background-color: transparent;
}
.jchat_tab_shortname a:hover::before {
position: absolute;
top: -20px;
left: 5px;
background-color: #333;
padding: 5px 10px;
border-radius: 5px;
animation: display-none-transition .5s;
}
.jchat_timeinfo {
background-repeat: no-repeat;
float: right;
width: 30px;
font-size: 8px;
margin-top: 1px;
text-align: center;
}
.jchat_tab .jchat_timeinfo {
float: left;
color: #EEE;
}
.jchat_contact.noactive {
background-image: url(../../images/default/icon_gray.png);
}
.jchat_contact.owned {
background-image: url(../../images/default/icon_yellow.png);
padding-bottom: 2px;
}
.jchat_contact.active {
background-image: url(../../images/default/icon_green.png);
padding-bottom: 0;
}
.jchat_available {
background: url(../../images/default/jchat.png) no-repeat top left;
background-position: 0 -129px !important;
}
.jchat_disconnected {
background: url(../../images/default/jchat.png) no-repeat top left;
background-position: 0 -1845px !important;
}
.jchat_offline {
background: url(../../images/default/jchat.png) no-repeat top left;
background-position: 0 -1845px !important;
}
#jchat_tooltip,#jchat_refresh_tooltip,.jchat_generic_tooltip
{
background-image: url(../../images/default/pointer.png);
background-repeat: no-repeat;
background-position: right bottom;
position: fixed;
display: none;
padding-bottom: 4px;
z-index: 10005;
}
#jchat_answers_tooltip.jchat_generic_tooltip {
margin-left: -174px;
margin-top: 4px;
}
#jchat_answers_tooltip .jchat_tooltip_content {
margin-left: -8px;
}
#jchat_trigger_webrtc_tooltip.jchat_tooltip_webrtc .jchat_tooltip_content,
#jchat_trigger_blackboard_tooltip.jchat_tooltip_webrtc .jchat_tooltip_content {
background: url(../../images/default/info.png) no-repeat;
background-position: 4px 5px;
border-radius: 5px;
padding-left: 25px;
}
.jchat_generic_tooltip.maximized {
background-position: left 10px bottom;
}
#jchat_skypecall.maximized {
background-image: url(../../images/default/pointer_side.png);
background-position: right 15px;
padding-right: 4px;
}
#jchat_trigger_skypesave_tooltip, #jchat_trigger_skypedelete_tooltip, #jchat_trigger_override_name_tooltip, #jchat_skype_tooltip {
z-index: 15001;
}
#jchat_avatartooltip,
#jchat_whatsapptooltip {
background-image: url(../../images/default/pointer_side.png);
background-repeat: no-repeat;
background-position: right center;
position: fixed;
display: none;
padding-right: 3px;
font-weight: bold;
border-radius: 10px;
}
#jchat_avatartooltip.selfmessage,
#jchat_whatsapptooltip.selfmessage {
background-image: url(../../images/default/pointer_aside.png);
background-position: left center;
padding-left: 3px;
}
#jchat_whatsapptooltip div.jchat_tooltip_content {
text-align: right;
}
#jchat_whatsapptooltip img {
width: 16px;
height: 16px;
}
#jchat_whatsapptooltip ~ span.jchat_chatboxmessagecontent {
cursor: pointer;
}
div.jchat_tabpopup.jchat_bottomed:hover {
z-index: 10005 !important;
}
.jchat_time_details {
font-size: 9px;
}
.jchat_closebox_bottom_status {
float: left;
width: 16px;
height: 16px;
margin-left: 5px;
background-repeat: no-repeat;
background-position: 0 -1px;
}
.jchat_tabalert {
width: 16px;
height: 16px;
position: absolute;
background: url(../../images/default/jchat.png) no-repeat top left;
background-position: 0 -535px;
color: #333;
font-size: 8px;
padding-top: 1px;
text-align: center;
text-decoration: none !important;
}
.jchat_tabalertlr {
width: 16px;
height: 16px;
position: absolute;
background: url(../../images/default/jchat.png) no-repeat top left;
background-position: 0 -537px;
color: #333;
font-size: 8px;
padding-top: 1px;
text-align: center;
}
div.jchat_chatboxmessage {
clear: both;
min-height: 40px;
}
div.jchat_chatboxmessage iframe,div.jchat_chatboxmessage img,div.jchat_chatboxmessage video,div.jchat_chatboxmessage embed, div.jchat_chatboxmessage object
{
width: 100%;
height: 100%;
}
span.jchat_chatboxmessagefrom {
font-weight: bold;
float: left;
}
#jchat_wall_popup span.jchat_chatboxmessagecontent.jchat_message_small {
max-width: 50%;
}
#jchat_wall_popup span.jchat_chatboxmessagefrom.jchat_username_large strong {
max-width: 92px;
word-break: break-all;
}
span.jchat_chatboxmessagefrom strong {
margin-top: 10px;
display: inline-block;
max-width: 92px;
font-size: 9px;
}
span.jchat_chatboxmessagecontent {
display: block;
float: left;
max-width: 72%;
background-color: #f7f7f7;
padding: 4px 6px 3px 5px;
border: 1px solid #dfdfdf;
border: 1px solid rgba(0, 0, 0, .18);
border-bottom-color: rgba(0, 0, 0, .29);
border-radius: 4px;
box-shadow: 0 1px 0 #dce0e6;
color: #3e454c;
line-height: 1.28;
margin: 5px 0 5px 7px;
min-height: 14px;
position: relative;
text-align: left;
text-shadow: rgba(255, 255, 255, .5) 0 1px 0;
}
.jchat_chatboxmessage.selfmessage span.jchat_chatboxmessagecontent {
float: right;
margin: 5px 7px 5px 0;
}
.jchat_chatboxmessage.selfmessage span.jchat_messagesdeletion {
float: right;
color: #627bae;
box-sizing: content-box;
font-size: 0;
margin-right: -2px;
margin-top: -1px;
border: 1px solid #627bae;
border-radius: 20px;
width: 16px;
height: 16px;
display: inline-block;
text-align: center;
background: #dbedfe;
line-height: 26px;
cursor: pointer;
}
.jchat_chatboxmessage.selfmessage span.jchat_messagesdeletion svg {
vertical-align: unset;
width: 10px;
height: 10px;
}
.jchat_chatboxmessage.selfmessage span.jchat_messagesdeletion g {
fill: #627bae;
}
.jchat_chatboxmessage.selfmessage div.jchat_delete_message_tooltip {
width: 290px;
height: 80px;
border: 1px solid #627BAE;
background-color: #FFF;
background-repeat: no-repeat;
background-position: right bottom;
position: fixed;
}
.jchat_chatboxmessage.selfmessage #jchat_confirm_message_delete {
color: #FFF;
border-right: 1px solid #627BAE;
border-left: 1px solid #627BAE;
border-top: 1px solid #627BAE;
background-position: -20px;
background-color: #627BAE;
padding-left: 3px;
padding-bottom: 3px;
font-size: 12px;
}
.jchat_chatboxmessage.selfmessage #jchat_confirm_message_delete_sub {
padding-left: 3px;
font-size: 12px;
}
.jchat_chatboxmessage.selfmessage div.jchat_delete_tooltip_btns {
color: #333;
background-color: #FDFDFD;
float: right;
width: auto;
border: 1px solid #AAA;
border-radius: 5px;
text-align: center;
margin-top: 10px;
cursor: pointer;
position: relative;
line-height: 16px;
padding-left: 20px;
padding-right: 10px;
}
.jchat_chatboxmessage.selfmessage div.jchat_delete_tooltip_btns:hover {
border-color: #627BAE;
}
.jchat_chatboxmessage.selfmessage #jchat_confirm_message_delete_no span.jchat_small_x {
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
color: #999;
font-weight: bold;
font-size: 14px;
position: absolute;
left: 8px;
top: -1px;
}
.jchat_chatboxmessage.selfmessage #jchat_confirm_message_delete_yes {
background-position: 4px -1719px !important;
background: url(../../images/default/jchat.png) no-repeat top right;
margin-right: 5px;
font-size: 12px;
}
.jchat_chatboxmessage.selfmessage #jchat_confirm_message_delete_no {
margin-right: 5px;
font-size: 12px;
}
div.jchat_chatboxmessage.dummy_typing span.jchat_chatboxmessagecontent {
font-size: 18px;
color: #666;
line-height: 2px;
font-weight: bold;
}
span.jchat_chatboxmessagecontent::before {
content: '';
right: 100%;
position: absolute;
width: 8px;
background: url(../../images/default/jchat.png) no-repeat top left;
background-position: 0 -1620px;
background-repeat: no-repeat;
background-size: auto;
height: 13px;
top: 5px;
background-color: #f7f7f7;
}
span.jchat_chatboxmessagecontent.selfmessage::before {
background-color: #dbedfe;
background-position: -9px -1620px;
left: 100%;
}
span.jchat_chatboxmessagecontent.selfmessage {
background-color: #dbedfe;
}
.jchat_chatboxmessagefrom a:link,.jchat_chatboxmessagefrom a:visited {
color: #000;
}
.jchat_chatboxmessage.selfmessage span.jchat_chatboxmessagefrom, span.msg_seen {
float: right;
}
span.msg_seen {
background: url(../../images/default/jchat.png) no-repeat top left;
background-position: 0 -1720px;
color: #999;
padding-left: 15px;
clear: both;
}
.jchat_chatboxmessagefrom a:hover {
background-color: #FFF;
}
div.jchat_trigger_export a:hover {
background: transparent;
}
.jchat_statustextarea {
border: 1px solid #ccc;
width: 200px;
padding: 4px;
margin-top: 3px;
margin-bottom: 3px;
font-family: 'lucida grande', tahoma, verdana, arial, sans-serif;
font-size: 11px;
color: #444;
overflow-x: hidden;
overflow-y: auto;
height: 42px;
outline: none;
}
.jchat_optionsstatus {
padding-left: 2px;
padding-bottom: 5px;
float: left;
padding-top: 1px;
cursor: pointer;
}
.jchat_optionsstatus2 {
float: left;
}
.jchat_friendtextbox {
border: 1px solid #ccc;
width: 200px;
padding: 2px;
margin-top: 4px;
font-family: 'lucida grande', tahoma, verdana, arial, sans-serif;
font-size: 11px;
color: #444;
font-weight: normal;
}
.jchat_tabsubtitle a {
color: #000;
}
.jchat_tabcontent a {
color: #287197;
}
.jchat_user_offline {
background: url(../../images/default/jchat.png) no-repeat top left;
background-position: 0px -686px !important;
width: 16px;
height: 16px;
}
.jchat_user_donotdisturb {
background: url(../../images/default/jchat.png) no-repeat top left;
background-position: -1px -2127px !important;
width: 16px;
height: 16px;
}
.jchat_user_donotdisturb.jchat_enabled {
background-position: -33px -2127px !important;
}
.jchat_user_available {
background: url(../../images/default/jchat.png) no-repeat top left;
background-position: 0 -752px !important;
width: 16px;
height: 16px;
}
.jchat_busy {
background: url(../../images/default/jchat.png) no-repeat top left;
background-position: -31px -2127px !important;
width: 16px;
height: 16px;
}
#jchat_userstab_icon {
background: url(../../images/default/jchat.png) no-repeat top left;
background-position: 0 -888px;
width: 16px;
height: 16px;
float: left;
padding-right: 5px;
margin-top: 4px
}
#jchat_userstab_icon.jchat_user_available2.jchat_lamform {
background-position: -32px -535px;
}
#jchat_userstab_icon.jchat_expired {
background-position: 0 -1996px;
}
#jchat_newpublic_msg {
background: url(../../images/default/public_notify.png) no-repeat top left;
width: 16px;
height: 9px;
display: inline-block;
top: -5px;
position: absolute;
right: 60px;
}
#jchat_newpublic_msg.hidden {
display: none;
}
#jchat_userstab_icon {
margin-left: 8px;
}
#jchat_userstab_text {
margin-top: 4px;
font-weight: bold;
text-align: left;
}
span.jchat_userscount {
margin-left: 2px;
}
#jchat_userstab.jchat_tabclick #jchat_userstab_text.jchat_userstab_text_long {
margin: 0;
width: 80%;
}
#jchat_userstab.jchat_userstabclick #jchat_userstab_text.jchat_userstab_text_long {
width: 60%;
}
#jchat_userstab.jchat_tabclick #jchat_userstab_text.jchat_lamform,
#jchat_closesidebarbutton.jchat_lamform,
#jchat_optionsbutton.jchat_lamform,
#jchat_maximizebutton.jchat_lamform,
#jchat_users_search.jchat_lamform,
#jchat_myusername.jchat_lamform,
span.jchat_privatechattitle.jchat_lamform
{
display: none;
}
span.jchat_lamform_title {
font-weight: bold;
}
.jchat_optionsimages {
background: url(../../images/default/jchat.png) no-repeat top left;
background-position: 3px -304px !important;
}
#jchat_userstab.maximized .jchat_optionsimages {
background-position: 6px -304px !important;
}
.jchat_maximizeimages {
background: url(../../images/default/jchat.png) no-repeat top left;
}
#jchat_maximizebutton.jchat_maximizeimages {
background-position: 5px -1751px !important;
}
#jchat_maximize_wall.jchat_maximizeimages {
background-position: 7px -1751px !important;
}
#jchat_maximizebutton.jchat_maximizeimages.maximized {
background-position: -14px -1751px !important;
}
#jchat_maximize_wall.jchat_maximizeimages.maximized {
background-position: -14px -1751px !important;
}
#jchat_maximize_webrtc.jchat_maximizeimages.maximized {
background-position: -20px -1751px !important;
}
.jchat_loginimages {
background: url(../../images/default/jchat.png) no-repeat top left;
background-position: 3px -2077px !important;
}
#jchat_userstab.maximized .jchat_loginimages {
background-position: 8px -2076px !important;
}
.jchat_exitimages {
background: url(../../images/default/jchat.png) no-repeat top left;
background-position: 3px -259px !important;
}
.jchat_wallimages {
background: url(../../images/default/jchat.png) no-repeat top left;
background-position: 1px -1124px !important;
}
.jchat_backlink {
background: url(../../images/default/jchat.png) no-repeat top left;
background-position: -4px -1215px !important;
width: 10px;
padding-left: 2px;
padding-top: 2px;
margin-top: 1px;
cursor: auto;
}
.jchat_backlink_novisible {
width: 0px;
cursor: auto;
display: none;
}
.jchat_backlink a {
color: transparent;
}
.jchat_optionsimages_click {
background: url(../../images/default/jchat.png) no-repeat top left;
background-position: 6px -310px !important;
}
.jchat_optionsimages_exclamation {
background: url(../../images/default/jchat.png) no-repeat top left;
background-position: 6px -263px !important;
}
.jchat_wallimages_click {
background: url(../../images/default/jchat.png) no-repeat top left;
background-position: 1px -1124px !important;
}
span.poweredby a,span.poweredby a:visited,span.poweredby a:hover {
font-size: 8px;
color: #fff;
margin-left: 55px;
}
a#setstatusmessage,a#setstatusmessage:visited,a#setstatusmessage:hover {
color: #627BAE;
background-color: #FFF;
}
.jchat_sounds, .jchat_wall_sounds {
cursor: pointer;
margin-top: 5px;
background: url(../../images/default/jchat.png) no-repeat top left;
background-position: 0 -79px;
padding-left: 20px;
color: #333;
}
.jchat_sounds.noaudio, .jchat_wall_sounds.noaudio {
background-position: -1px -103px;
}
.jchat_wall_sounds {
border-bottom: 1px solid #CCC;
padding-bottom: 10px;
}
.jchat_vibrate {
cursor: pointer;
margin-top: 5px;
background: url(../../images/default/jchat.png) no-repeat top left;
background-position: 0 -1872px;
padding-left: 20px;
padding-top: 5px;
}
.jchat_vibrate.novibrate {
background-position: 0 -1900px;
}
.jchat_notification {
cursor: pointer;
margin-top: 5px;
background: url(../../images/default/jchat.png) no-repeat top left;
background-position: 0 -1963px;
padding-left: 20px;
color: #333;
}
.jchat_notification.yesnotification {
background-position: 0 -1936px;
}
.speakericon {
margin-right: 8px;
}
.jchat_avatar {
cursor: pointer;
background: url(../../images/default/jchat.png) no-repeat top left;
background-position: 0 -809px;
padding-left: 20px;
padding-top: 10px;
border-top: 1px solid #CCC;
color: #333;
}
.jchat_skype {
background: url(../../images/default/icon_teams.png) no-repeat top left;
padding-left: 20px;
height: 20px;
color: #333;
}
.jchat_override_name {
background: url(../../images/default/jchat.png) no-repeat top left;
background-position: 0 -1239px;
padding-left: 20px;
height: 20px;
}
#skype_id, #override_name {
float: left;
border: 1px solid #CCC;
margin-bottom: 5px;
padding: 1px 2px !important;
max-width: 155px;
max-height: 20px;
outline: none;
}
.jchat_reset_chatboxes {
background: url(../../images/default/jchat.png) no-repeat top left;
background-position: -34px -190px;
width: 16px;
height: 16px;
}
.jchat_minimize_chatboxes {
background: url(../../images/default/jchat.png) no-repeat top left;
background-position: -34px -751px !important;
width: 16px;
height: 16px;
}
.jchat_minimize_chatboxes.yesminimized {
background-position: -34px -722px !important;
}
.jchat_open_privatemess {
background: url(../../images/default/jchat.png) no-repeat top left;
background-position: -1px -263px !important;
width: 16px;
height: 16px;
}
/**
* IFrame upload file
*/
#file_upload_button {
width: 16px;
height: 16px;
background: url(../../images/default/fmupload.png) no-repeat top left;
background-position: 0;
border: none;
cursor: pointer;
}
div.formbutton {
width: 100%;
margin-top: 5px;
}
div.formbutton label.buttonlabel {
position: relative;
top: -2px;
cursor: pointer;
}
div.upload_usermessage {
background-color: #FFE5E0 !important;
background: url(../../images/default/jchat.png) no-repeat top left;
background-position: 5px -1125px !important;
border: 1px solid #E67E55;
padding: 5px 0 0 25px;
min-height: 35px;
display: none;
border-radius: 10px;
font-size: 11px;
position: relative;
margin-bottom: 10px;
}
div.upload_usermessage.success {
background-color: #BFF5C3 !important;
background-position: 5px -1355px !important;
border: 1px solid #2FC53B;
}
div.closemsgbtn {
width: 16px;
height: 16px;
position: absolute;
top: 4px;
right: 4px;
cursor: pointer;
background: url(../../images/default/jchat.png) no-repeat top left;
background-position: 4px -1085px !important;
}
div.upload_usermessage.visible {
display: block;
}
img.clessidra {
width: 16px !important;
height: 16px !important;
float: left;
margin-right: 2px;
}
span.filestatus {
color: #19E;
margin-left: 3px;
font-size: 9px;
}
span.filemessage {
color: #666;
}
div.filename {
font-weight: bold;
font-size: 9px;
}
a.msgfile:link,a.msgfile:visited,a.msgfile:hover {
cursor: pointer;
color: #33F !important;
background: transparent;
text-decoration: underline;
}
div.jchat_chatboxmessage img.jchat_fileimage_preview {
width: auto;
height: auto;
max-width: 100%;
}
div#jchat_msg {
width: 300px;
min-height: 40px;
cursor: auto;
position: fixed;
left: 50%;
top: 50%;
margin-left: -150px;
margin-top: 0px;
box-shadow: 5px 0px 7px 5px rgb(0 0 0 / 20%);
border-radius: 0;
border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
z-index: 20000;
background-color: #f5f5f5;
padding: 3px;
box-sizing: content-box;
}
div#jchat_msg::before {
content: '';
background-image: url(../../images/default/circle-info-solid.svg);
background-repeat: no-repeat;
width: 16px;
height: 16px;
display: block;
position: absolute;
top: 50%;
left: -28px;
margin-top: -8px;
z-index: 1;
}
div#jchat_msgtext {
width: 300px;
clear: both;
font-size: 14px;
text-align: center;
padding: 5px;
box-sizing: border-box;
}
div#jchat_msgtext::before {
content: '';
background: #4582a2;
width: 40px;
height: 100%;
border-top: 0px solid rgba(0, 0, 0, .18);
display: block;
position: absolute;
border-top-left-radius: 3px;
border-bottom-left-radius: 3px;
top: 0;
left: -40px;
box-shadow: -5px 0px 7px 5px rgb(0 0 0 / 20%);
}
span.jchat_view_message {
display: block;
background-color: #dff0d8;
border-color: #d6e9c6;
color: #468847;
padding: 18px 35px 18px 14px;
text-shadow: 0 1px 0 rgba(255,255,255,0.5);
border: 1px solid #fbeed5;
border-radius: 4px;
margin: 10px;
}
/*
* jQuery UI Resizable 1.10.4
*/
.ui-resizable-handle {
position: absolute;
font-size: 0.1px;
display: block;
}
.ui-resizable-disabled .ui-resizable-handle,.ui-resizable-autohide .ui-resizable-handle
{
display: none;
}
.ui-resizable-n {
cursor: n-resize;
height: 7px;
width: 100%;
top: -5px;
left: 0;
}
.ui-resizable-s {
cursor: s-resize;
height: 7px;
width: 100%;
bottom: -5px;
left: 0;
}
.ui-resizable-e {
cursor: e-resize;
width: 7px;
right: -5px;
top: 0;
height: 100%;
}
.ui-resizable-w {
cursor: w-resize;
width: 7px;
left: -5px;
top: 0;
height: 100%;
}
.ui-resizable-se {
cursor: se-resize;
width: 16px;
height: 16px;
right: 1px;
bottom: 1px;
background: url(../../images/default/jchat.png) no-repeat top left;
background-position: 2px -1421px;
}
.ui-resizable-sw {
cursor: sw-resize;
width: 9px;
height: 9px;
left: -5px;
bottom: -5px;
}
.ui-resizable-nw {
cursor: nw-resize;
width: 9px;
height: 9px;
left: -5px;
top: -5px;
}
.ui-resizable-ne {
cursor: ne-resize;
width: 9px;
height: 9px;
right: -5px;
top: -5px;
}
/**
* Info guest box
*/
.jchat_infoguest_title {
padding: 8px;
font-weight: bold;
background-color: #F4F6F9 !important;
}
.jchat_infoguest_value {
border-bottom: 1px solid #CCC;
padding: 8px;
font-weight: bold;
}
.jchat_expired_msg {
background: url(../../images/default/expired.png) no-repeat top center;
font-size: 16px;
padding-top: 50px;
}
.jchat_expired_msg p {
text-align: center;
line-height: 1.1em;
}
.jchat_expired_msg p:first-child {
padding-bottom: 10px;
border-bottom: 1px solid #CCC;
}
/**
* Webrtc elements
*/
#jchat_localvideo, #jchat_remotevideo {
width: 48%;
float: left;
cursor: pointer;
}
#jchat_wrapper_localvideo, #jchat_wrapper_remotevideo {
position: relative;
display: block;
}
#jchat_wrapper_localvideo {
z-index: 1;
}
#jchat_wrapper_remotevideo {
z-index: 0;
}
#jchat_wrapper_localvideo span.jchat_video_tab, #jchat_wrapper_remotevideo span.jchat_video_tab {
background: url(../../images/default/video_tab_inactive.png) no-repeat;
font-size: 9px;
font-style: italic;
color: #000;
padding: 1px 0 0 25px;
content: "";
position: absolute;
width: 91px;
height: 16px;
top: -12px;
left: 0;
}
#jchat_wrapper_remotevideo span.jchat_video_tab {
left: auto;
}
#jchat_wrapper_localvideo.jchat_fullscreenapi_video,
#jchat_wrapper_remotevideo.jchat_fullscreenapi_video {
z-index: 2147483647;
position: absolute;
top: 20px;
left: 5px;
width: 243px;
}
#jchat_wrapper_localvideo.jchat_fullscreenapi_video span.jchat_video_tab,
#jchat_wrapper_remotevideo.jchat_fullscreenapi_video span.jchat_video_tab {
left: 10px;
}
#jchat_wrapper_localvideo.jchat_fullscreenapi_video video#jchat_localvideo,
#jchat_wrapper_remotevideo.jchat_fullscreenapi_video video#jchat_remotevideo {
width: 100%;
}
div.jchat_wrapper_remotevideo.jchat_conference_pinnedvideo {
flex: 1 1 100%;
}
@media (min-width : 720px){
div.jchat_webrtctooltip.fullscreen #jchat_wrapper_remotevideo.active {
height: 75%;
}
}
div.jchat_webrtctooltip.fullscreen #jchat_remotevideo {
max-height: 100%;
}
#jchat_wrapper_localvideo.active span.jchat_video_tab, #jchat_wrapper_remotevideo.active span.jchat_video_tab {
background: url(../../images/default/video_tab_active.png) no-repeat;
}
#jchat_localvideo, #jchat_localvideo_placeholder {
margin-right: 10px;
}
#jchat_localvideo, #jchat_remotevideo, canvas.jchat_canvas_blackboard {
width: 48%;
border: 2px solid #CCC;
float: left;
box-sizing: border-box;
}
#jchat_localvideo::-webkit-media-controls, #jchat_remotevideo::-webkit-media-controls {
display:none !important;
}
#jchat_remotevideo {
float: none;
}
div.jchat_webrtctooltip:not(.fullscreen) video {
max-height: 190px;
}
#jchat_localvideo_placeholder, #jchat_remotevideo_placeholder {
width: 48%;
height: 185px;
border: 2px dotted #CCC;
float: left;
background: url(../../images/default/placeholder.png)center no-repeat;
box-sizing: border-box;
}
#jchat_remotevideo_placeholder {
margin-bottom: 2px;
}
#jchat_localvideo_placeholder.jchat_fullscreenapi_video,
#jchat_remotevideo_placeholder.jchat_fullscreenapi_video {
z-index: 2147483647;
position: absolute;
top: 20px;
left: 5px;
width: 243px;
}
canvas.jchat_canvas_blackboard {
width: 100%;
float: none;
margin-top: 10px;
height: 224px;
}
div.jchat_blackboardtooltip video {
border: 5px solid #CCC;
border-top-left-radius: 5px;
border-top-right-radius: 10px;
border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px;
box-sizing: border-box;
width: 100%;
margin-top: 10px;
height: 224px;
}
div.jchat_blackboardtooltip video::-webkit-media-controls-enclosure {
display: none;
}
div.jchat_webrtctooltip.fullscreen {
z-index: 15000 !important;
}
@media (max-width:505px) {
div.jchat_webrtctooltip.fullscreen #jchat_webrtc_recorder_container,
div.jchat_webrtctooltip.fullscreen #jchat_quality_cam,
div.jchat_webrtctooltip.fullscreen div.jchat_onoffswitch_container,
div.jchat_webrtctooltip.fullscreen #jchat_webrtc_bandwidth {
left: 20px;
}
}
div.jchat_webrtc_clearer {
clear: both;
}
#jchat_start_accept_call, span.jchat_start_accept_sharing {
position: relative;
margin-top: 23px;
cursor: pointer;
margin-left: 4px;
width: 120px;
padding: 4px 12px;
font-size: 13px;
color: #FFF;
text-align: center;
font-weight: bold;
vertical-align: middle;
background-color: #19a319;
border: 1px solid #19a319;
opacity: 1;
transition: all 0.2s linear;
border-color: #399e39;
box-shadow: 0 0 0 0.2rem rgb(110, 179, 110);
}
#jchat_start_accept_call:hover, span.jchat_start_accept_sharing:hover {
opacity: 0.7;
transition: none;
}
#jchat_start_accept_call.jchat_ringing, span.jchat_start_accept_sharing.jchat_ringing {
opacity: 0.7;
transition: all 0.5s linear;
}
#jchat_end_call, span.jchat_end_sharing {
position: relative;
margin-top: 8px;
margin-left: 4px;
cursor: pointer;
width: 120px;
padding: 4px 12px;
font-size: 13px;
color: #FFF;
text-align: center;
font-weight: bold;
vertical-align: middle;
background-color: #fe1919;
border: 1px solid #fe1919;
float: left;
opacity: 1;
transition: all 0.2s linear;
border-color: #fe5e5e;
box-shadow: 0 0 0 0.2rem rgb(237, 82, 82);
}
span.jchat_end_sharing {
float: none;
}
#jchat_start_accept_call.jchat_disabled,
#jchat_end_call.jchat_disabled,
span.jchat_start_accept_sharing.jchat_disabled,
span.jchat_end_sharing.jchat_disabled {
opacity: 0.7;
cursor: default;
}
#jchat_end_call:hover, span.jchat_end_sharing:hover {
opacity: 0.7;
transition: none;
}
span.jchat_webrtc_icons {
width: 16px;
height: 16px;
position: absolute;
}
span.jchat_webrtc_icons.jchat_call_icon {
background: url(../../images/default/call.png) no-repeat;
left: 6px;
top: 4px;
}
span.jchat_webrtc_icons.jchat_end_icon {
background: url(../../images/default/end.png) no-repeat;
left: 6px;
top: 10px;
}
span.jchat_start_accept_sharing, span.jchat_end_sharing {
float: left;
margin: 5px 5px 0 4px;
padding: 4px;
width: 110px;
}
div.jchat_infouser_webrtc, div.jchat_exceptions {
background-image: url(../../images/default/pointer_aside.png);
background-repeat: no-repeat;
background-position: left center;
padding: 4px;
margin-top: -10px;
color: #FFF;
float: left;
margin-left: 5px;
position: relative;
z-index: 1;
}
div.jchat_infouser_webrtc.top {
background-image: url(../../images/default/pointer.png);
background-position: 50px bottom;
position: absolute;
bottom: 90px;
margin: 0;
float: none;
}
div.jchat_top_exceptions {
position: absolute;
top: 80px;
left: 18px;
z-index: 999;
max-width: 470px;
}
div.jchat_exceptions {
background-image: url(../../images/default/pointer_exceptions.png);
color: #a94442;
}
div.jchat_blackboardtooltip div.jchat_infouser_webrtc, div.jchat_blackboardtooltip div.jchat_exceptions {
float: none;
position: absolute;
left: 255px;
bottom: 20px;
}
div.jchat_tooltip_innermsg, div.jchat_tooltip_error {
background-color: #333;
height: auto;
border-radius: 5px;
padding: 6px 8px 6px 30px;
color: #FFF;
}
div.jchat_infouser_webrtc.top div.jchat_tooltip_innermsg {
padding-top: 4px;
}
div.jchat_tooltip_error {
background-color: #f2dede;
padding: 6px 8px 6px 30px;
border: 2px solid #ebccd1;
color: #333;
}
div.jchat_icon_ok {
background-image: url(../../images/default/info.png);
position: absolute;
top: 9px;
left: 9px;
width: 15px;
height: 15px;
}
div.jchat_icon_error {
background-image: url(../../images/default/exceptions.png);
position: absolute;
top: 10px;
left: 8px;
width: 15px;
height: 15px;
}
div.jchat_info_closer {
background: url(../../images/default/close_info.png) no-repeat;
position: absolute;
width: 20px;
height: 20px;
top: -5px;
right: -8px;
cursor: pointer;
}
div.jchat_exceptions_closer {
background: url(../../images/default/close_icon.png) no-repeat;
position: absolute;
width: 20px;
height: 20px;
top: -5px;
right: -8px;
cursor: pointer;
}
div.jchat_async_loader {
position: absolute;
top: 5px;
left: 6px;
width: 15px;
height: 15px;
border: 4px solid #fff;
border-right-color: transparent;
border-radius: 50%;
box-shadow: 0 0 25px 2px #eee;
animation: spin 1s linear infinite;
}
input.jchat_slider {
width: 70px;
}
#jchat_webrtc_volume {
background: url(../../images/default/webrtc_volume.png) no-repeat;
background-position: 3px 2px;
background-color: #e7e7e7;
position: absolute;
right: 50px;
bottom: 46px;
height: 22px;
width: 110px;
box-sizing: border-box;
color: #000;
padding: 2px 4px 2px 25px;
border: 1px solid #ccc;
}
#jchat_webrtc_mic {
background: url(../../images/default/webrtc_mic.png) no-repeat;
background-position: 3px 2px;
background-color: #e7e7e7;
position: absolute;
right: 50px;
bottom: 15px;
height: 22px;
width: 110px;
box-sizing: border-box;
color: #000;
padding: 2px 4px 2px 25px;
border: 1px solid #ccc;
}
input[type='range'] {
position: absolute;
-webkit-appearance: none;
border-radius: 5px;
border: none !important;
box-shadow: inset 0 0 5px #333;
background-color: #999;
height: 8px;
vertical-align: middle;
outline: none;
margin: 4px 0;
padding: 0;
}
input[type='range']::-moz-range-track {
-moz-appearance: none;
border-radius: 5px;
box-shadow: inset 0 0 5px #333;
background-color: #999;
height: 8px;
}
input[type='range']::-webkit-slider-thumb {
-webkit-appearance: none !important;
border-radius: 20px;
background-color: #FFF;
box-shadow:inset 0 0 10px rgba(000,000,000,0.5);
border: 1px solid #999;
height: 18px;
width: 18px;
}
input[type='range']::-moz-range-thumb {
-moz-appearance: none;
border-radius: 20px;
background-color: #FFF;
box-shadow:inset 0 0 10px rgba(000,000,000,0.5);
border: 1px solid #999;
height: 18px;
width: 18px;
}
.jchat_onoffswitch {
width: 70px;
display: inline-block;
}
.jchat_onoffswitch_container {
position: absolute;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
right: 170px;
bottom: 9px;
left: 200px;
background-position: 4px 2px;
height: 28px;
}
.jchat_onoffswitch-checkbox {
display: none !important;
}
.jchat_onoffswitch-label {
display: block;
position: relative;
overflow: hidden;
cursor: pointer;
margin: auto;
}
.jchat_onoffswitch-inner {
display: block;
width: 200%;
margin-left: -100%;
-moz-transition: margin 0.2s ease-in 0s;
-webkit-transition: margin 0.2s ease-in 0s;
-o-transition: margin 0.2s ease-in 0s;
transition: margin 0.2s ease-in 0s;
}
.jchat_onoffswitch-inner::before,.jchat_onoffswitch-inner::after {
display: block;
float: left;
width: 50%;
height: 22px;
padding: 0;
line-height: 22px;
font-size: 14px;
color: white;
font-family: Trebuchet, Arial, sans-serif;
font-weight: bold;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.jchat_onoffswitch-inner::before {
content: "ON";
padding-left: 14px;
background-color: #19a319;
color: #FFFFFF;
}
.jchat_onoffswitch-inner::after {
content: "OFF";
padding-right: 10px;
background-color: #F01F1F;
color: #FFFFFF;
text-align: right;
}
.jchat_onoffswitch-switch {
display: block;
width: 20px;
height: 18px;
margin: 0;
background: #FFFFFF;
position: absolute;
top: 2px;
right: 48px;
transition: all 0.2s ease-in 0s;
}
.jchat_onoffswitch-checkbox:checked+.jchat_onoffswitch-label .jchat_onoffswitch-inner
{
margin-left: 0;
}
.jchat_onoffswitch-checkbox:checked+.jchat_onoffswitch-label .jchat_onoffswitch-switch
{
right: 2px;
}
.jchat_onoffswitch span.jchat_webcam_label {
display: inline-block;
background-color: #e7e7e7;
color: #000;
border-radius: 0;
border: 1px solid #ccc;
border-right: 1px solid #CCC;
padding: 3px;
vertical-align: top;
}
#jchat_quality_cam {
position: absolute;
left: 200px;
bottom: 47px;
height: 20px;
color: #333;
word-wrap: normal;
}
#jchat_quality_cam > span, span.jchat_webcam_label {
font-family: "Lucida Grande", Verdana, Arial, "Bitstream Vera Sans", sans-serif;
display: inline-block;
background-color: #e7e7e7;
color: #000;
border-radius: 0;
border: 1px solid #ccc;
border-right: 1px solid #CCC;
padding: 3px;
vertical-align: top;
height: 14px;
font-size: 12px;
line-height: 15px;
}
span.jchat_webcam_label {
height: 14px;
}
#jchat_quality_cam select,
#jchat_webrtc_recording_stream {
font-family: sans-serif;
width: 70px;
height: 22px;
border-radius: 0;
padding: 0;
outline: none;
background-color: #E7E7E7;
color: #333;
display: inline-block;
box-sizing: border-box;
font-size: 11px;
margin: 0 0 3px 0;
border-left: 0;
border: 1px solid #ccc;
}
#jchat_quality_cam select:focus,
#jchat_webrtc_recording_stream:focus {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}
#jchat_webrtc_recording_stream {
position: absolute;
width: 100px;
top: -1px;
}
#mic_vumeter {
position: absolute;
right: 12px;
bottom: 16px;
max-width: 30px !important;
}
.jchat_webrtc_nosupport, .jchat_webrtc_blackboard_nosupport {
background: url(../../images/default/nowebrtc_support.png) no-repeat top center;
font-size: 14px;
font-weight: bold;
color: #666;
padding: 48px 8px 0 8px;
text-align: center;
margin-bottom: 5px;
margin-top: -10px;
}
.jchat_webrtc_blackboard_nosupport {
margin-top: 25px;
margin-bottom: 25px;
}
div.jchat_browser_row {
padding: 2px 4px;
}
.jchat_blackboardtooltip div.jchat_browser_row {
margin-bottom: 10px;
}
div.jchat_browser_row img {
width: 32px;
}
div.jchat_browser_row span {
padding-left: 18px;
margin-left: 5px;
height: 20px;
display: inline-block;
}
div.jchat_browser_row span.jchat_support_ok {
background: url(../../images/default/icon_green.png) no-repeat top left;
}
div.jchat_browser_row span.jchat_support_ko {
background: url(../../images/default/icon_gray.png) no-repeat top left;
}
div.jchat_webrtc_caniuse {
text-align: center;
padding-top: 5px;
border-top: 1px solid #999;
}
#jchat_webrtc_bandwidth {
position: absolute;
left: 200px;
bottom: 75px;
width: auto;
font-style: italic;
}
#jchat_webrtc_bandwidth span, #jchat_webrtc_duration span {
display: inline-block;
background-color: #e7e7e7;
color: #000;
padding: 2px 4px;
border: 1px solid #ccc;
font-size: 12px;
}
#jchat_webrtc_duration {
position: absolute;
right: 57px;
bottom: 75px;
width: 60px;
font-style: italic;
}
#jchat_webrtc_recorder_container {
display: inline-block;
background-color: #e7e7e7;
color: #000;
padding: 2px 0 2px 4px;
border: 1px solid #ccc;
height: 16px;
left: 200px;
bottom: 105px;
position: absolute;
}
#jchat_webrtc_record.jchat_start_recording {
background: url(../../images/default/record_off.png) no-repeat;
display: inline-block;
margin-right: 5px;
height: 20px;
width: 20px;
cursor: pointer;
}
#jchat_webrtc_record.jchat_stop_recording {
background: url(../../images/default/record_on.png) no-repeat;
}
@keyframes blink {
0% { background: url(../../images/default/record_on.png) no-repeat; }
50% { background: url(../../images/default/record_off.png) no-repeat; }
100% { background: url(../../images/default/record_on.png) no-repeat; }
}
.jchat_recording_blink {
-webkit-animation: blink 1s linear infinite;
-moz-animation: blink 1s linear infinite;
animation: blink 1s linear infinite;
}
#jchat_webrtc_pause {
background: url(../../images/default/record_pause.png) no-repeat;
background-position: 0 0px;
display: inline-block;
margin-right: 5px;
height: 20px;
width: 20px;
cursor: pointer;
}
#jchat_webrtc_pause.jchat_enabled {
background-position: -24px 0px;
}
#jchat_webrtc_stop {
background: url(../../images/default/record_stop.png) no-repeat;
display: inline-block;
margin-right: 5px;
height: 20px;
width: 20px;
cursor: pointer;
}
#jchat_webrtc_separator {
display: inline-block;
width: 1px;
height: 16px;
background: #333;
top: -3px;
position: relative;
margin-right: 3px;
}
#jchat_webrtc_view {
background: url(../../images/default/record_view.png) no-repeat;
background-position: 0 0px;
display: inline-block;
margin-right: 5px;
margin-left: 5px;
height: 20px;
width: 20px;
cursor: pointer;
}
#jchat_webrtc_view.jchat_btn_enabled {
background-position: -24px 0px;
}
#jchat_webrtc_download {
background: url(../../images/default/record_download.png) no-repeat;
background-position: 0 0px;
height: 20px;
width: 20px;
cursor: pointer;
display: inline-block;
margin-right: 5px;
}
#jchat_webrtc_download.jchat_btn_enabled {
background-position: -24px 0px;
}
#jchat_webrtc_sendvideo {
background: url(../../images/default/record_send.png) no-repeat;
background-position: 0 0px;
height: 20px;
width: 20px;
cursor: pointer;
display: inline-block;
margin-right: 5px;
}
#jchat_webrtc_sendvideo.jchat_btn_enabled {
background-position: -24px 0px;
}
#jchat_webrtc_upload {
background: url(../../images/default/record_save.png) no-repeat;
background-position: 0 0px;
height: 20px;
width: 20px;
cursor: pointer;
display: inline-block;
}
#jchat_webrtc_upload.jchat_btn_enabled {
background-position: -24px 0px;
}
#jchat_webrtc_upload_progress {
position: absolute;
left: 167px;
top: 34px;
height: 18px;
border: 1px solid #585858;
border-radius: 2px;
width: 100px;
text-align: center;
line-height: 18px;
display: none;
}
#jchat_webrtc_upload_progress span {
color: #FFF;
font-weight: bold;
font-size: 12px;
}
#jchat_wrapper_localvideo_recorder {
position: relative;
padding-top: 5px;
text-align: left;
}
#jchat_wrapper_localvideo_recorder > #jchat_webrtc_record,
#jchat_wrapper_localvideo_recorder > #jchat_webrtc_pause,
#jchat_wrapper_localvideo_recorder > #jchat_webrtc_stop,
#jchat_wrapper_localvideo_recorder > #jchat_webrtc_view,
#jchat_wrapper_localvideo_recorder > #jchat_webrtc_download,
#jchat_wrapper_localvideo_recorder > #jchat_webrtc_upload
{
position: relative;
bottom: auto;
right: auto;
display: inline-block;
margin-right: 5px;
}
#jchat_wrapper_localvideo_recorder #jchat_webrtc_upload_progress {
position: absolute;
top: 0;
right: auto;
}
/**
* Lam ticket form styles
*/
form.ajaxform,
div.ajaxform {
padding: 6px;
}
form.ajaxform label,
div.ajaxform label {
margin-bottom: 2px;
}
form.ajaxform input,
div.ajaxform input {
width: 99%;
border: 1px solid #AAA;
outline-style: none;
margin-bottom: 4px;
height: 20px;
}
form.ajaxform textarea,
div.ajaxform textarea {
width: 99%;
height: 50px;
border: 1px solid #AAA;
outline-style: none;
margin-bottom: 2px;
padding: 0;
}
form.ajaxform input[type=checkbox],
div.ajaxform input[type=checkbox] {
width: 18px;
height: 18px;
display: block;
clear: left;
margin-left: 3px;
}
#jchat_wall_popup.jchat_lamform_hidden {
display: none !important;
}
div.jchat_always_ticket_form {
display: none;
}
div.jchat_ticketform_collapse {
height: 10px;
width: 120px;
margin: 5px 0 5px 10px;
cursor: pointer;
border-bottom: 1px solid #CCC;
padding-bottom: 5px;
}
div.jchat_ticketform_collapse::before {
background: url(../../images/default/open_rotate.png) no-repeat top left;
width: 8px;
height: 8px;
display: inline-block;
content: '';
transition: all 0.2s linear;
margin-right: 4px;
}
div.jchat_ticketform_collapse.opened::before {
background: url(../../images/default/open_rotate.png) no-repeat top left;
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-ms-transform: rotate(90deg);
-o-transform: rotate(90deg);
transform: rotate(90deg);
transition: all 0.2s linear;
}
label.jchat_label_title,
a.jchat_label_title {
margin-left: 3px;
float: left;
font-size: 13px;
}
label.jchat_label_title {
color: #333;
}
label.jchat_label_validate {
margin-left: 5px;
font-size: 9px;
color: #999;
float: left;
padding-top: 3px;
}
div.jchat_submit_lam_form.disabled {
background: #38b3dd;
border: 1px solid #D8D8D8;
box-shadow: none;
cursor: auto;
color: #FFF;
}
div.jchat_submit_lam_form, div.jchat_submit_chatroom_form {
position: relative;
-webkit-user-select: none;
font-size: 11px;
font-weight: bold;
line-height: 21px;
text-align: center;
letter-spacing: 0.5px;
text-transform: uppercase;
width: 99%;
height: 22px;
color: white;
margin-top: 10px;
cursor: pointer;
background: #F68A32 url(../../images/default/icon_ticket.png) no-repeat 6px 3px;
border-radius: 5px;
border: 1px solid #D57230;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1), inset 0 1px
rgba(255, 255, 255, 0.35);
margin-right: 5px;
}
div.jchat_submit_chatroom_form {
background: #F68A32;
width: 50%;
margin-top: 2px;
}
div.jchat_submit_chatroom_form {
margin-left: 3px;
}
form.ajaxform .jchat_error,
div.ajaxform .jchat_error {
border-color: red;
}
form.ajaxform input.jchat_error[type=checkbox],
div.ajaxform input.jchat_error[type=checkbox] {
outline: 1px solid #F00;
}
form.ajaxform label.jchat_label_validate.jchat_error,
div.ajaxform label.jchat_label_validate.jchat_error {
color: red;
}
div.jchat_gmap {
width: 100% !important;
height: 100% !important;
display: block;
}
div.jchat_agent_dummy_message {
position: absolute;
top: 35px;
left: 7px;
}
/**
* Generic left views userslist
*/
div.jchat_userslist_myusername {
background: url(../../images/default/jchat.png) no-repeat top left;
background-position: 4px -814px !important;
padding: 4px 4px 4px 24px;
border-bottom: 1px solid #e0e0e0;
font-weight: bold;
color: #8A8A8A;
text-align: left;
min-height: 16px;
}
/**
* Dummy typing
*/
span.dummy_typing_dots img {
width: 20px;
}
@media ( max-width : 799px) {
#jchat_localvideo_placeholder, #jchat_localvideo {
width: 30%;
}
#jchat_remotevideo_placeholder, #jchat_remotevideo {
width:30%;
}
}
/**
* LAM form recaptcha
*/
#jchat_recaptcha_container {
position: relative;
background: #f9f9f9 url(../../images/default/recaptcha.png) no-repeat right 5px top 5px;
padding: 0;
border: 1px solid #d3d3d3;
color: #000;
height: 70px;
margin-top: 8px;
overflow: hidden;
}
#jchat_recaptcha_control {
display: inline-block;
height: 100%;
margin: 0 0 0 5px;
width: 32px;
}
#jchat_recaptcha_control, #jchat_recaptcha_control:focus{
outline:none;
}
#jchat_recaptcha_label {
display: block;
margin: 0 0 0 5px;
font-size: 14px;
font-weight: 400;
line-height: 17px;
height: 100%;
vertical-align: text-top;
position: absolute;
top: 25px;
left: 40px;
}
label.jchat_label_validate_recaptcha {
color: red;
}
#jchat_recaptcha_success.jchat_animate {
width: 32px;
}
#jchat_recaptcha_success {
background: url(../../images/default/recaptcha_success.png) no-repeat;
width: 0;
margin-left: 5px;
height: 100%;
display: inline-block;
transition: width .5s ease;
background-position: 0 center;
}
/* jchatlightbox */
.jchatlightbox {
opacity: 0;
visibility: hidden;
position: fixed;
left: 0;
right: 0;
top: 0;
bottom: 0;
width: 0;
height: 0;
z-index: -9999;
display: flex !important;
align-items: center;
justify-content: center;
transition: opacity .3s;
}
.jchatlightbox.show {
width: auto;
height: auto;
background-color: rgba(0, 0, 0, 0.50);
opacity: 1;
visibility: visible;
z-index: 10005;
}
.jchatlightbox img {
max-width: 90%;
max-height: 80%;
}
/* Close jchatlightbox "x" icon */
.jchatlightbox .close-jchatlightbox {
cursor: pointer;
position: absolute;
top: 30px;
right: 50px;
width: 20px;
height: 20px;
}
.jchatlightbox .close-jchatlightbox::after, .jchatlightbox .close-jchatlightbox::before {
content: '';
width: 3px;
height: 20px;
background-color: #ddd;
position: absolute;
border-radius: 5px;
transform: rotate(45deg);
}
.jchatlightbox .close-jchatlightbox::before {
transform: rotate(-45deg);
}
.jchatlightbox .close-jchatlightbox:hover::after, .jchatlightbox .close-jchatlightbox:hover::before
{
background-color: #fff;
}
/* Hide all buttons except delete/refresh for the ChatGPT chatbot box */
#jchat_user_02jsess544jchat8b99gptc688bot1_popup div[class^=jchat_trigger]:not(.jchat_trigger_refresh):not(.jchat_trigger_delete):not(.jchat_trigger_export),
#jchat_userlist_02jsess544jchat8b99gptc688bot1 .jchat_ban_moderator,
#jchat_userlist_02jsess544jchat8b99gptc688bot1 .jchat_banning,
#jchat_userlist_02jsess544jchat8b99gptc688bot1 .jchat_timeinfo,
#jchat_userlist_02jsess544jchat8b99gptc688bot1 .jchat_contact,
#jchat_userlist_02jsess544jchat8b99gptc688bot1 .jchat_userscontentdot {
display: none;
}
@media ( max-width : 639px) {
.jchat_roomstooltip {
width: 240px;
}
.jchat_roomstooltip span.jchat_tab {
width: 242px;
}
div.jchat_room {
clear: both;
}
.jchat_roomstooltip div.jchat_roomname {
max-width: 150px;
font-size: 12px;
}
#jchat_maximize_wall {
width: 30px;
height: 28px;
margin-right: -14px;
}
.jchat_roomstooltip div.jchat_room {
height: 45px;
}
}
@media ( min-height : 480px) and (max-width : 799px) {
div.fullscreen #jchat_localvideo_placeholder, div.fullscreen #jchat_localvideo {
width: 45%;
}
div.fullscreen #jchat_remotevideo_placeholder, div.fullscreen #jchat_remotevideo {
width: 45%;
}
}
@media (max-width : 379px) {
div.jchat_browser_row span.jchat_support_ok {
width: 80%;
}
div.jchat_browser_row span.jchat_support_ko {
width: 80%;
}
div.jchat_infouser_webrtc {
background-image: url(../../images/default/pointer.png);
background-repeat: no-repeat;
background-position: center bottom;
padding-bottom: 4px;
position: absolute;
bottom: 100px;
left: 80px;
margin: 0;
float: none;
}
}
@media (min-height : 480px) and (min-width : 640px) {
#jchat_localvideo, #jchat_remotevideo {
width: 48%;
min-height: 185px;
}
}
@keyframes spin {
from { transform: rotate(0deg); opacity: 0.2; }
50% { transform: rotate(180deg); opacity: 1; }
to { transform: rotate(360deg); opacity: 0.2; }
}
@keyframes typing {
from { transform: rotate(0deg) skew(5deg); }
25% { transform: rotate(5deg) skew(5deg); }
50% { transform: rotate(0deg) skew(0deg); }
75% { transform: rotate(-5deg) skew(-5deg); }
to { transform: rotate(0deg) skew(0deg); }
}