%PDF- %PDF-
Direktori : /home/bitrix/www/bitrix/js/im/css/ |
Current File : /home/bitrix/www/bitrix/js/im/css/messenger_fix_boxsizing.css |
/* MESSENGER */ .bx-messenger-bg { background: url("./../images/im-sprite-v12.png") no-repeat; } .bx-messenger-menu-hr { background: none repeat scroll 0 0 #EBEBEB; display: block; font-size: 1px; height: 1px; line-height: 1px; margin: 0; overflow: hidden; padding: 0; } .bx-messenger-box *, .bx-notifier-item-avatar { /* @fix bootstrap compatible */ -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } .bx-messenger-box-topline { height: 0; font: bold 12px/17px "Helvetica Neue", Helvetica, Arial, sans-serif; color: #17252c; text-shadow: 0 1px #ffffff; overflow: hidden; background-color: #c5ccd0; background-image:-o-linear-gradient(top, #bfc6cb, #cad1d6); background-image:-moz-linear-gradient(top, #bfc6cb, #cad1d6); background-image:-webkit-gradient(linear, left top, left bottom, from(#bfc6cb), to(#cad1d6)); background-image:-ms-linear-gradient(top,#bfc6cb, #cad1d6); background-image:linear-gradient(to bottom, #bfc6cb, #cad1d6); transition: height .5s; vertical-align: top; position: absolute; width: 100%; z-index: 1002; box-shadow: 0 9px 9px 1px rgba(255, 255, 255, 0.5); } .bx-messenger-box-topline-show { height: 48px; border-top: 1px solid #b3bbbd; border-bottom: 1px solid #bdc5c8; } .bx-messenger-call .bx-messenger-box-topline { height: 0; border: 0; } .bx-messenger-box-topline-buttons { height: 49px; vertical-align: top; position: absolute; right: 0; } .bx-messenger-box-topline-button { margin-top: 11px; line-height: 20px; margin-right: 6px; border: 1px solid #a5acb0; border-color: #b5bbc0 #a4abaf #858a8e #a5acb0; border-radius: 3px; display: inline-block; padding: 2px 10px; background-color: #edf2f3; background-image:-o-linear-gradient(top, #f9f9f9, #dfe9ec); background-image:-moz-linear-gradient(top, #f9f9f9, #dfe9ec); background-image:-webkit-gradient(linear, left top, left bottom, from(#f9f9f9), to(#dfe9ec)); background-image:-ms-linear-gradient(top,#f9f9f9, #dfe9ec); background-image:linear-gradient(to bottom, #f9f9f9, #dfe9ec); color: #525865; cursor: pointer; } .bx-messenger-box-topline-icon { margin-left: 8px; } .bx-messenger-box-topline-icon-install { display: inline-block; height: 49px; width: 25px; background: url("./../images/im-sprite-v12.png") no-repeat scroll -70px -1030px;} .bx-messenger-box-topline-text { display: block; height: 49px; vertical-align: top;padding-left: 12px;padding-right: 240px;} .bx-messenger-box-topline-text-inner { display: table-cell; height: 46px; vertical-align: middle;} #bx-messenger-popup-messenger { -webkit-animation: customOpacityTo1 .4s 1; -moz-animation: customOpacityTo1 .4s 1; } .bx-messenger-popup-messenger-dont-close .popup-window-close-icon { display: none } #popup-window-overlay-bx-messenger-popup-messenger { -webkit-animation: customOpacityTo05 .6s 1; -moz-animation: customOpacityTo05 .6s 1; } .bx-messenger-external-data { display: table-cell!important; vertical-align: middle; text-align: center; font: 12px/14px "Helvetica Neue", Helvetica, Arial, sans-serif; } .bx-messenger-external-data .bx-messenger-external-data-load { text-align: left; } .bx-messenger-external-data-load { display: inline-block; padding-left: 25px; color: #4b4b4b; background: url(./../images/wait-small.gif) no-repeat; height: 20px; line-height: 19px; } .bx-messenger-external-avatar { text-align: left; } .bx-messenger-external-data-buttons { border-top: 1px solid #f7f7f7; margin: 0px 6px 4px; padding-top: 9px; white-space: nowrap; } .bx-messenger-external-data .bx-messenger-panel-avatar { margin-left: 5px; margin-top: 5px; } .bx-messenger-external-data .bx-messenger-panel-title { padding-left: 56px; padding-right: 10px; padding-top: 7px; } .bx-messenger-external-data .bx-messenger-panel-desc { padding-left: 56px; padding-right: 11px; } .bx-messenger-record { padding: 0px 3px 5px; } .bx-messenger-record-phone-box { text-align: center; } .bx-messenger-record-phone {font-size: 18px; line-height: 35px; color:#000;display: inline-block;vertical-align: top; font-weight: bold; } .bx-messenger-record-reason {font-size: 13px; color: #6d6d6d; padding-bottom: 13px; } .bx-messenger-record-stats { font-size: 12px; font-weight: bold;border-top: 1px solid #f5f5f5; color: #3d3d3d; line-height: 30px; } .bx-messenger-record-time { float: left; padding-left: 7px; } .bx-messenger-record-cost { float: right; padding-right: 6px; } .bx-messenger-record-icon { background: url("./../images/im-sprite-v12.png") no-repeat scroll 2px -16px; width: 20px; height: 20px; vertical-align: top; display: inline-block; margin-right: 10px; margin-top: 9px; } .bx-messenger-record-icon-incoming { background-position: -91px -1372px; } .bx-messenger-record-icon-outgoing { background-position: -91px 4px; } .bx-messenger-record-icon-outgoing { background-position: -91px -1352px; } .bx-messenger-record-icon-incoming-redirect { background-position: -91px -1432px; } .bx-messenger-record-icon-decline { background-position: -91px -1392px; } .bx-messenger-record-icon-skipped { background-position: -91px -1412px; } .bx-messenger-record-box { white-space: nowrap; clear: both; } .bx-messenger-record-player { display: inline-block;} .bx-messenger-record-download { background: url("./../images/im-sprite-v12.png") no-repeat scroll -93px -1465px; width: 23px; height: 24px; vertical-align: top; display: inline-block; margin-left: 5px; } .bx-messenger-hide { display: none!important; } .bx-messenger-title { display: block; height: 22px; margin-left: 6px; font: 13px/22px "Helvetica Neue",Helvetica,Arial,sans-serif; color:#010101; vertical-align: top;} .bx-messenger-resize { width: 16px; height: 15px; background: url("./../images/im-sprite-v12.png") no-repeat scroll -70px -948px transparent; display: inline-block; position: absolute;right: 0; cursor: nwse-resize; margin-top: -14px; } .bx-messenger-popup-menu { margin: -4px -1px -3px 0;} .bx-messenger-popup-menu-title { margin: 0 0 7px 0; padding: 0 0 0 4px; color:#4c4c4c; white-space:nowrap; font: 12px "Helvetica Neue",Helvetica,Arial,sans-serif; } .bx-messenger-popup-menu .bx-messenger-popup-menu-item { display:block; margin:4px 0 4px 0; cursor:pointer; position:relative; text-decoration:none; outline: none; white-space: nowrap;} .bx-messenger-popup-menu-item-left, .bx-messenger-popup-menu-item-icon, .bx-messenger-popup-menu-item-text, .bx-messenger-popup-menu-item-right { display: inline-block; height: 23px; vertical-align:middle; } .bx-messenger-popup-menu-item-left, .bx-messenger-popup-menu-item-right { width:3px; } .bx-messenger-popup-menu-item-icon { width: 19px; height: 16px; } .bx-messenger-popup-menu-item-call { margin-bottom: -10px } .bx-messenger-popup-menu-item-title { font: 11px "Helvetica Neue",Helvetica,Arial,sans-serif; color:#7f7f7f; text-decoration:none; margin: 0 5px 0 7px; } .bx-messenger-popup-menu-item-text { font: 12px/23px "Helvetica Neue",Helvetica,Arial,sans-serif; color:#494949; text-decoration:none; margin: 0 5px 0 7px; } .bx-messenger-popup-menu-item-right { position:absolute; top:0; right:0;} .bx-messenger-popup-menu-item:hover { background: #f0f0f0 !important;} .bx-messenger-popup-menu-item .bx-messenger-menu-write { width: 16px; background: url(./../images/im-sprite-v12.png) -18px -1110px no-repeat; } .bx-messenger-popup-menu-item .bx-messenger-menu-video { width: 16px; background: url("./../images/im-sprite-v12.png") -18px -1130px no-repeat; } .bx-messenger-popup-menu-item .bx-messenger-menu-history{ width: 16px; background: url(./../images/im-sprite-v12.png) -37px -1131px no-repeat; } .bx-messenger-popup-menu-item .bx-messenger-menu-profile { width: 16px; background: url(./../images/im-sprite-v12.png) -37px -1110px no-repeat; } .bx-messenger-popup-menu-item .bx-messenger-menu-call-voice { width: 28px; background: url("./../images/im-sprite-v12.png") no-repeat scroll -92px -1247px transparent;height: 27px;margin-top: 2px;} .bx-messenger-popup-menu-item .bx-messenger-menu-call-screen { width: 28px; background: url("./../images/im-sprite-v12.png") no-repeat scroll -167px -1248px transparent;height: 27px;margin-top: 2px;} .bx-messenger-popup-menu-item .bx-messenger-menu-call-video { width: 28px; background: url("./../images/im-sprite-v12.png") no-repeat scroll -167px -1278px transparent;height: 27px;margin-top: 2px;} .bx-messenger-popup-menu-item .bx-messenger-menu-hide-dialog { width: 16px; background: url(./../images/im-sprite-v12.png) -60px -1110px no-repeat; } .bx-messenger-popup-menu-item .bx-messenger-menu-hide-chat { width: 16px; background: url(./../images/im-sprite-v12.png) -60px -1132px no-repeat; } .bx-messenger-popup-menu-item .bx-messenger-menu-chat-rename { width: 16px; background: url(./../images/im-sprite-v12.png) -17px -1154px no-repeat; } .bx-messenger-popup-menu-item .bx-messenger-menu-chat-exit { width: 16px; background: url(./../images/im-sprite-v12.png) -39px -1153px no-repeat; } .bx-messenger-popup-menu-item .bx-messenger-menu-chat-put { width: 16px; background: url(./../images/im-sprite-v12.png) -39px -945px no-repeat; } .bx-messenger-popup-menu-item .bx-messenger-status-online { width: 15px; background: url(./../images/im-sprite-v12.png) -1px -166px no-repeat; } .bx-messenger-popup-menu-item .bx-messenger-status-offline{ width: 15px; background: url(./../images/im-sprite-v12.png) -23px -166px no-repeat;} .bx-messenger-popup-menu-item .bx-messenger-status-dnd { width: 15px; background: url(./../images/im-sprite-v12.png) -1px -187px no-repeat; } .bx-messenger-box { margin: 0 -5px -2px -6px; border-top: 1px solid #CBCED0; width: 864px;} .bx-messenger-box-contact { position: absolute; width: 254px; border-right: 1px solid #cbced0; vertical-align: top; padding-top: 14px; background-color: #f7f9f9; z-index: 5; box-shadow:0 3px 3px 1px rgba(0, 0, 0, 0.1); } .bx-messenger-box-contact-resize { display: block; position: absolute; width: 4px; height: 454px; margin-left: 254px; z-index: 2; cursor: e-resize; } .bx-messenger-box-dialog { margin-left: 254px; vertical-align: top; background-color: #fff; } .bx-messenger-box-extra { margin-left: 254px; vertical-align: top; background-color: #fff; display:none; } .bx-messenger-box-empty { font: 18px "Helvetica Neue",Helvetica,Arial,sans-serif; color: #ccc; text-align: center; background: url(./../images/no-items-v2.png) center 129px no-repeat;} .bx-messenger-cl-switcher { height: 30px; margin: 0 11px 12px 13px } .bx-messenger-cl-switcher .bx-messenger-cl-count { margin-left: -7px; } .bx-messenger-cl-switcher-tab { display: inline-block; cursor: pointer; text-shadow: 0 1px #fff; overflow:hidden;text-overflow: ellipsis;white-space:nowrap; vertical-align: top; background-color: #f9fafa; width: 50%; text-align: center; } .bx-messenger-cl-switcher-tab-wrap { overflow:hidden; text-overflow: ellipsis; white-space:nowrap; border: 1px solid; border-color:#e9ebeb #c8caca #c8caca #c8caca; border-left:none; box-shadow:inset 0 1px 0 #fff, inset 1px -1px 0 rgba(255,255,255,0.3); height: 27px; font: 12px/28px "Helvetica Neue",Helvetica,Arial,sans-serif; font-weight:bold; color: #8e9295; margin-bottom:1px; border-radius:0 4px 4px 0; background-color:#eceff0; background-image:-o-linear-gradient(top, #fafafa, #e6ebed); background-image:-moz-linear-gradient(top, #fafafa, #e6ebed); background-image:-webkit-gradient(linear, left top, left bottom, from(#fafafa), to(#e6ebed)); background-image:-ms-linear-gradient(top,#fafafa, #e6ebed); background-image:linear-gradient(to bottom, #fafafa, #e6ebed); transition: background .18s; } .bx-messenger-cl-switcher-tab-cl .bx-messenger-cl-switcher-tab-wrap { border-left:1px solid #e9ebeb; border-right: 1px solid transparent; border-radius:4px 0 0 4px; } /*.bx-messenger-cl-switcher-tab-active .bx-messenger-cl-switcher-tab-wrap { border: 1px solid #b9c2c6; border-bottom-color: #c8caca; color: #3a434a; cursor:default}*/ .bx-messenger-cl-switcher-tab-count { margin-top: 5px!important;} .bx-messenger-cl-switcher-tab-text { overflow:hidden;text-overflow: ellipsis;white-space:nowrap; padding: 0 5px;} .bx-messenger-cl-switcher-tab-active .bx-messenger-cl-switcher-tab-wrap { background:#d5dcde; border-radius:0 2px 2px 0; box-shadow: inset 0 1px 1px #c7cfd2, 0 1px 0 #fff; border-left:1px solid; border-color:#b9c2c6 #c7cfd2 #d0d8da; color:#495765; } .bx-messenger-cl-switcher-tab-cl.bx-messenger-cl-switcher-tab-active .bx-messenger-cl-switcher-tab-wrap{ border-radius:2px 0 0 2px; border-right:1px solid #bcc4c6; } .bx-messenger-cl-switcher-tab-recent.bx-messenger-cl-switcher-tab-active .bx-messenger-cl-switcher-tab-wrap{ padding-right: 1px; } .bx-messenger-cl-switcher-tab-cl { border-top-right-radius: 0; border-bottom-right-radius: 0; border-right: 0;} .bx-messenger-cl-switcher-tab-recent { border-top-left-radius: 0; border-bottom-left-radius: 0; border-left: 0; } .bx-messenger-cl-search {display: block; } .bx-messenger-cl-search-active .bx-messenger-cl { height: 400px; } .bx-messenger-cl-search-active .bx-messenger-cl-search { background-position: 0 -343px;} .bx-messenger-cl-search-wrap { margin: 0 11px 11px 13px; } .bx-messenger-cl-search-wrap .bx-messenger-input { width: 94%; } .bx-messenger-cl-search-wrap:hover .bx-messenger-input-close { opacity: 1} .bx-messenger-cl-search-wrap .bx-messenger-input-close { background-position: -19px -62px; float: none; padding-left: 0; position: absolute; right: 10px; } .bx-messenger-cl-search-wrap .bx-messenger-input-close:hover { background-position: 0 -62px; } .bx-messenger-input-search-call { position: absolute; display: none; right: 0; height: 25px; width: 27px; margin-left: 6px; margin-right: 11px; border-left: 1px solid #c8caca; border-radius: 4px; cursor: pointer; } .bx-messenger-input-search-call-active {background:#d5dcde;border-radius: 2px;box-shadow: inset 0 1px 1px #c7cfd2, 0 1px 0 #fff;border-color:#b9c2c6 #c7cfd2 #d0d8da;color:#495765;} .bx-messenger-input-search-call-icon { width: 27px; height: 25px; display: block; background: url("./../images/im-sprite-v12.png") no-repeat scroll -142px -812px; } .bx-messenger-input-search-phone .bx-messenger-cl-search-wrap { margin-right: 47px; } .bx-messenger-input-search-phone .bx-messenger-input-close { right: 46px; } .bx-messenger-input-search-phone .bx-messenger-input-search-call { display: block } .bx-messenger-cl { border-top:1px solid #e8eaeb; border-bottom: 1px solid #e8eaeb; margin-top: 2px; height: 334px; overflow:auto; overflow-x: hidden; clear: both; } .bx-messenger-cl-wrap { margin-top: 9px; margin-bottom: 9px; margin-left: 13px; margin-right: 11px; overflow: hidden; } .bx-messenger-cl-item-empty { font: 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; color:#606162; height: 21px; text-align: center; padding-top: 127px; } .bx-messenger-cl-item-load { font: 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; color:#606162; height: 21px; text-align: center; padding-top: 137px; background: url(./../images/wait-gray.gif) no-repeat center 100px; } .bx-messenger-cl-item { margin-bottom: 4px; cursor: pointer; display: block; text-decoration: none!important; transition: background .3s;} .bx-messenger-cl-item:hover { background-color:#f0f2f3; } .bx-messenger-cl-user { vertical-align:top; display:block; font: 13px/33px "Helvetica Neue",Helvetica,Arial,sans-serif; color:#181818; height: 32px; overflow:hidden;text-overflow: ellipsis;white-space:nowrap; } .bx-messenger-cl-avatar { float: left; white-space: nowrap; background: url(./../images/im-sprite-v12.png) 3px -123px no-repeat; background-color: #FFF; border: 1px solid #e2e4e4; border-radius: 1px; box-shadow:0 0 1px 1px rgba(0,0,0, 0.03); display: inline-block; width: 26px; height: 26px; padding: 3px; vertical-align: middle; margin-right: 9px; } .bx-messenger-cl-avatar-img { display: inline-block; width: inherit; height: inherit; border:0} .bx-messenger-cl-status {height: 13px; width: 13px; display:inline-block; margin-left: -10px; margin-top: 16px; vertical-align: top; background: url(./../images/im-sprite-v12.png) -4px -167px} .bx-messenger-cl-avatar-group { background-position: -35px -693px ; } .bx-messenger-cl-avatar-group .bx-messenger-cl-status {display: none;} .bx-messenger-cl-avatar-call { background-position: -105px -693px; } .bx-messenger-cl-avatar-call .bx-messenger-cl-status {display: none;} .bx-messenger-cl-status-offline .bx-messenger-cl-user { color: #8c8c8c} .bx-messenger-cl-status-offline .bx-messenger-cl-avatar { opacity: 0.6; } .bx-messenger-cl-group { padding-bottom: 7px; cursor: pointer } .bx-messenger-cl-group-wrapper { height: 0; opacity: .6; display: block; overflow: hidden; padding-top: 0px; white-space: nowrap; transition: opacity .4s, padding .2s } .bx-messenger-cl-count { display:inline-block; float:right; position: relative; z-index: 1; font: 11px/18px "Helvetica Neue",Helvetica,Arial,sans-serif; vertical-align: top; border-radius: 10px; background-color: #9ea3a8; background-position: 7px -83px; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.38), 1px 1px 1px #fff; color: #fff; text-shadow: none; margin-top: 7px; margin-left: 3px; margin-right: 5px; -webkit-animation: customOpacityFrom05To1 .4s 1; -moz-animation: customOpacityFrom05To1 .4s 1; } .bx-messenger-cl-count-digit { padding: 0 9px; border-radius: 10px; } .bx-messenger-cl-group-title { background-color: #f0f2f3; background-image:-o-linear-gradient(top, #fafafa, #e6ebed); background-image:-moz-linear-gradient(top, #fafafa, #e6ebed); background-image:-webkit-gradient(linear, left top, left bottom, from(#fafafa), to(#e6ebed)); background-image:-ms-linear-gradient(top,#fafafa, #e6ebed); background-image:linear-gradient(to bottom, #fafafa, #e6ebed); border:1px solid; border-color:#e8e9e9 #c7c9c9 #c7c9c9 #e8e9e9; box-shadow:inset 0 0 0 1px rgba(255, 255, 255, 0.3), inset 0 1px 0 #fff; border-radius: 4px; cursor: pointer; color: #656667; font: 12px/24px "Helvetica Neue", Helvetica, Arial, sans-serif; text-shadow: 0 1px 1px #fff; height: 22px; overflow:hidden;text-overflow: ellipsis;white-space:nowrap; vertical-align: top; padding: 0 20px; position:relative; transition: background .18s; } .bx-messenger-cl-group-title:before { background:url("./../images/im-sprite-v12.png") no-repeat scroll 2px -111px; content:""; height:8px; left:8px; top:7px; position:absolute; width:8px; } .bx-messenger-cl-group-open .bx-messenger-cl-group-title { background: #e3e8e9; box-shadow: inset 0 1px 1px rgba(20, 38, 60, 0.1), 0 1px 0 #fdfefe; border: 1px solid; border-color:#c5ccd0 #d4dadc #dee3e5; color: #656667; margin:1px 0; } .bx-messenger-cl-group-open .bx-messenger-cl-group-title:before { background-position: 1px -88px; top:6px; left:7px; } .bx-messenger-cl-group-open .bx-messenger-cl-group-wrapper { height: auto; padding-top: 10px; opacity: 1; } .bx-messenger-cl-notify-wrap { padding: 6px 7px 4px 7px; border-bottom: 1px solid #e8eaeb } .bx-messenger-cl-notify-button { height: 28px; cursor: pointer; font: 12px/28px "Helvetica Neue",Helvetica,Arial,sans-serif; text-shadow: 0 1px 1px #fff; vertical-align: top; border-radius: 3px; padding-left: 8px; border: 1px solid #f7f9f9; color: #606162; transition: background .18s; } .bx-messenger-cl-notify-button:hover {background-color:#f0f2f3;} .bx-messenger-cl-notify-button-active { background: #d5dcde!important; background-position: 7px -83px; box-shadow: inset 0 1px 1px #c7cfd2, 0 1px 0 #fff; border: 1px solid; border-color: #b9c2c6 #c7cfd2 #d0d8da; color:#475665; } .bx-messenger-cl-notify-button-active:hover {background-color: #e7ebec;} .bx-messenger-cl-notify-button .bx-messenger-cl-count { margin-top: 5px;} .bx-messenger-cl-panel { height: 38px; overflow: hidden; display: none;} .bx-messenger-cl-panel-wrap { padding: 5px 6px 5px 7px;} .bx-messenger-cl-panel-status-wrap {display:inline-block; cursor: pointer; height: 28px; overflow: hidden} .bx-messenger-cl-panel-status-wrap:hover { background-color:#f0f2f3; } .bx-messenger-cl-panel-status {display:inline-block; height: 28px; width: 21px; margin-left: 5px; margin-right: 1px; vertical-align:top; background: url(./../images/im-sprite-v12.png) -26px -160px no-repeat;} .bx-messenger-cl-panel-status-online .bx-messenger-cl-panel-status { background-position: -4px -160px; } .bx-messenger-cl-panel-status-offline .bx-messenger-cl-panel-status { background-position: -26px -160px; } .bx-messenger-cl-panel-status-dnd .bx-messenger-cl-panel-status { background-position: -4px -181px; } .bx-messenger-cl-panel-status-text { display:inline-block; font: 12px/27px "Helvetica Neue",Helvetica,Arial,sans-serif; color:#494949; vertical-align:top; max-width: 160px;overflow: hidden; text-overflow: ellipsis; vertical-align: top; white-space: nowrap;} .bx-messenger-cl-panel-status-arrow { display:inline-block; height: 28px; width: 21px; background: url(./../images/im-sprite-v12.png) 9px -267px no-repeat;} .bx-messenger-cl-panel-right-wrap { display:inline-block; float: right; height: 21px; } .bx-messenger-cl-panel-offline { background: url(./../images/im-sprite-v12.png) -40px -1013px no-repeat;} .bx-messenger-cl-panel-offline-active { background: url(./../images/im-sprite-v12.png) -11px -1013px;} .bx-messenger-cl-panel-group { height: 17px!important; background: url(./../images/im-sprite-v12.png) -11px -1047px no-repeat;} .bx-messenger-cl-panel-group-active { height: 17px!important; background: url(./../images/im-sprite-v12.png) -40px -1047px;} .bx-messenger-cl-panel-sound { background: url(./../images/im-sprite-v12.png) -11px -1081px no-repeat;} .bx-messenger-cl-panel-sound-active { background: url(./../images/im-sprite-v12.png) -40px -1081px;} .bx-messenger-cl-panel-autorun { background: url(./../images/im-sprite-v12.png) -39px -980px no-repeat;} .bx-messenger-cl-panel-autorun-active { background: url(./../images/im-sprite-v12.png) -11px -980px no-repeat;} .bx-messenger-cl-panel-settings-wrap { width:30px; height: 28px; display:inline-block; cursor: pointer; background: url(./../images/im-sprite-v12.png) -16px -266px no-repeat ; } .bx-messenger-cl-panel-settings-wrap:hover {background-color:#f0f2f3;} .bx-messenger-recent-wrap {margin-top: 5px} .bx-messenger-recent-wrap .bx-messenger-cl-item { margin-bottom: 8px} .bx-messenger-recent-wrap .bx-messenger-cl-avatar { width: 32px; height: 32px; background-position: 3px -658px;} .bx-messenger-recent-wrap .bx-messenger-cl-avatar-group { background-position: 3px -693px; } .bx-messenger-recent-wrap .bx-messenger-cl-avatar-call { background-position: -105px -658px; } .bx-messenger-recent-wrap .bx-messenger-cl-user { height: 40px; line-height: 19px; } .bx-messenger-recent-wrap .bx-messenger-cl-user-title { overflow:hidden;text-overflow: ellipsis;white-space:nowrap; padding-top: 1px; } .bx-messenger-recent-wrap .bx-messenger-cl-user-desc { font-size: 12px; color: #949595; overflow:hidden;text-overflow: ellipsis;white-space:nowrap; } .bx-messenger-cl-user-reply { display: inline-block; background: url("./../images/im-sprite-v12.png") no-repeat scroll -93px -274px transparent; height: 19px; width: 14px; vertical-align: middle;} .bx-messenger-recent-wrap .bx-messenger-cl-status { margin-left: -10px; margin-top: 22px; } .bx-messenger-recent-wrap .bx-messenger-cl-count { margin-top: 2px; } .bx-messenger-recent-group { background: url(./../images/im-sprite-v12.png) 0 -1170px repeat-x; overflow:hidden;text-overflow: ellipsis;white-space:nowrap; height: 27px; } .bx-messenger-recent-group-title { display: inline-block; height: 27px; font: 11px/19px "Helvetica Neue",Helvetica,Arial,sans-serif; color: #949595; text-shadow: 0 1px 1px #fff; padding: 0 7px 0 2px; background-color: #f7f9f9; } .bx-messenger-body { height: 295px; overflow: auto; overflow-x: hidden; box-shadow: 0 -2px 4px 1px rgba(0, 0, 0, 0.05)} .bx-messenger-body-wrap { padding-top: 8px; } .bx-messenger-call .bx-messenger-body-wrap { padding-top: 58px; } .bx-messenger-content { margin-top: 10px; margin-bottom: 14px;} .bx-messenger-content-item { padding-bottom: 8px; transition: background-color 2s; } .bx-messenger-content-item-system { background-color: #fff; margin-top: -4px; padding-top: 4px; } .bx-messenger-content-item-new { background-color: #f2f2f2; margin-top: -5px; padding-top: 5px; } .bx-messenger-input-wrap { display: block; height: 25px; border: 1px solid #d2d4d4; border-bottom-color: #e0e2e2; border-radius: 3px; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.08); background-color: #FFF; } .bx-messenger-input { display: block; width: 95%; font: 13px/17px "Helvetica Neue",Helvetica,Arial,sans-serif; height: 17px; border:0; margin: 4px 0 0 7px; outline:none; background: transparent; } .bx-messenger-input-close { margin: 4px 7px 0 0; float:right; padding-left:5px; opacity:0; transition: opacity .2s; width: 11px; height: 17px; background: url(./../images/im-sprite-v12.png) -14px -62px no-repeat #fff; text-decoration: none; } .bx-messenger-input-close:hover { background-position: 5px -62px; } .bx-messenger-panel { height: 70px; background-color: #e7e8ea; background-image:-o-linear-gradient(top, #edeeef, #e3e4e6); background-image:-moz-linear-gradient(top, #edeeef, #e3e4e6); background-image:-webkit-gradient(linear, left top, left bottom, from(#edeeef), to(#e3e4e6)); background-image:-ms-linear-gradient(top,#edeeef, #e3e4e6); background-image:linear-gradient(to bottom, #edeeef, #e3e4e6); border-bottom: 1px solid #CBCED0; position: relative; } .bx-messenger-panel-bg2 { background-color: #efeff0; background-image:-o-linear-gradient(top, #f7f8fd, #e7e8ea); background-image:-moz-linear-gradient(top, #f7f8fd, #e7e8ea); background-image:-webkit-gradient(linear, left top, left bottom, from(#f7f8fd), to(#e7e8ea)); background-image:-ms-linear-gradient(top,#f7f8fd, #e7e8ea); background-image:linear-gradient(to bottom, #f7f8fd, #e7e8ea); } .bx-messenger-image-box { display: block; } .bx-messenger-image-box a {display: table-cell; background: url(./../images/wait.gif) no-repeat center center #FFF; box-shadow:0 1px 1px 1px rgba(0, 0, 0, 0.06); border: 1px solid #D8D8DA; border-radius: 1px; height: 119px; min-width: 88px; padding: 5px; vertical-align: middle; text-align: center; font-size: 0; line-height: 0 } .bx-messenger-image-text { max-width: 388px; max-height: 119px; background-color: #fff; } .bx-messenger-highlight { display: inline-block; background-color: #fff182; background-image:-o-linear-gradient(top, #fff6aa, #ffec54); background-image:-moz-linear-gradient(top, #fff6aa, #ffec54); background-image:-webkit-gradient(linear, left top, left bottom, from(#fff6aa), to(#ffec54)); background-image:-ms-linear-gradient(top,#fff6aa, #ffec54); background-image:linear-gradient(to bottom, #fff6aa, #ffec54); border: 1px solid #c7ced3; border-radius: 3px; padding: 0px 5px; margin: 0 2px; } .bx-messenger-ajax { border-bottom: 1px dashed #2067B0; cursor: pointer; color: #2067B0; display: inline-block; } .bx-messenger-panel-avatar { background: url(./../images/im-sprite-v12.png) 3px -658px no-repeat; white-space: nowrap; background-color: #FFF; box-shadow:0 0 1px 1px rgba(0, 0, 0, 0.05); border: 1px solid #D8D8DA; border-radius: 1px; display: inline-block; width: 32px; height: 32px; padding: 3px; vertical-align: middle; position: absolute; margin-left: 15px; margin-top: 15px;} .bx-messenger-avatar-notify { background-position: -35px -658px!important; } .bx-messenger-panel-avatar-chat { background-position: 3px -693px; } .bx-messenger-panel-avatar-call { background-position: -105px -658px; } .bx-messenger-panel-avatar-img { display: inline-block; width: inherit; height: inherit; border: 0} .bx-messenger-panel-avatar-status {height: 13px; width: 13px; display:inline-block; margin-left: -10px; margin-top: 22px; vertical-align: top; background: url(./../images/im-sprite-v12.png) -4px -167px} .bx-messenger-panel-title { display: block; font: 15px "Helvetica Neue",Helvetica,Arial,sans-serif; color: #52565a; text-shadow: 0 1px 1px #fff;height: 21px;overflow:hidden;text-overflow: ellipsis;white-space:nowrap; padding: 17px 124px 0 66px;} .bx-messenger-panel-title-link { font: 15px "Helvetica Neue",Helvetica,Arial,sans-serif; color:#52565a!important; cursor: pointer; text-decoration: none;} .bx-messenger-panel-title-link:hover { text-decoration: underline;color:#52565a } .bx-messenger-panel-title-chat { padding-top: 10px; padding-bottom: 2px;} .bx-messenger-panel-title-middle { padding-top: 26px;} .bx-messenger-panel-title-chat-input { width: 420px; margin-left: -2px; margin-top: -6px;} .bx-messenger-panel-desc { display: block; font: 12px "Helvetica Neue",Helvetica,Arial,sans-serif; color: #6d747e; text-shadow: 0 1px 1px #fff; overflow:hidden;text-overflow: ellipsis;white-space:nowrap; padding: 0 124px 0 66px; vertical-align: top; height:26px;} .bx-messenger-panel-history { position: absolute; right: 0; display: block; height: 28px; width: 27px; float: right; margin-right: 16px; margin-top: 22px; background: url(./../images/im-sprite-v12.png) -30px -1246px no-repeat; cursor: pointer;} .bx-messenger-panel-history:hover { background-position: -30px -1215px;} .bx-messenger-panel-call-hide { display: none } .bx-messenger-panel-call-enabled, .bx-messenger-panel-call-disabled { position: absolute; right: 0; display: block; height: 30px; width: 40px; float: right; margin-right: 84px; margin-top: 23px; } .bx-messenger-panel-call-phone { position: absolute; right: 0; display: block; height: 30px; width: 40px; float: right; margin-right: 36px; margin-top: 23px; } .bx-messenger-panel-call-video { display: block; position: absolute; z-index:1; cursor: pointer; height: 28px; width: 27px; background: url("./../images/im-sprite-v12.png") no-repeat scroll -61px -1215px transparent;} .bx-messenger-panel-call-video:hover { background-position: -61px -1246px;} .bx-messenger-panel-call-audio { display: block; position: absolute; z-index:1; cursor: pointer; height: 28px; width: 27px; background: url("./../images/im-sprite-v12.png") no-repeat scroll -104px -1279px;} .bx-messenger-panel-call-audio:hover { background-position: -136px -1279px;} .bx-messenger-panel-call-disabled .bx-messenger-panel-call-video, .bx-messenger-panel-call-disabled .bx-messenger-panel-call-video:hover { background-position: -94px -1215px;} .bx-messenger-panel-call-menu { display: block; position: absolute; z-index:0; cursor: pointer; height: 28px; width: 27px; background: url("./../images/im-sprite-v12.png") no-repeat scroll -133px -1248px transparent;margin-left: 14px;margin-top: 0;} .bx-messenger-panel-call-menu:hover { background-position: -132px -1216px;} .bx-messenger-panel-call-disabled .bx-messenger-panel-call-menu, .bx-messenger-panel-call-disabled .bx-messenger-panel-call-menu:hover { background-position: -169px -1216px;} .bx-messenger-panel-chat { position: absolute; right: 0; display: block; height: 28px; width: 27px; float: right; margin-right: 49px; margin-top: 22px; background: url(./../images/im-sprite-v12.png) 0 -1246px no-repeat; cursor: pointer;} .bx-messenger-panel-chat:hover { background-position: 0 -1215px;} .bx-messenger-panel-chat-users { display: block; vertical-align: top; } .bx-messenger-panel-chat-user { cursor: pointer; display: inline-block; } .bx-messenger-panel-chat-user-owner { border: 1px solid rgba(131, 162, 44, 0.99); box-shadow: 0 0 1px 1px rgba(131, 162, 44, 0.61) inset; } .bx-messenger-panel-basket { position: absolute; right: 0; display: block; height: 21px; width: 21px; float: right; margin-right: 10px; margin-top: 16px; background: url(./../images/im-sprite-v12.png) -48px -40px no-repeat; cursor: pointer;} .bx-messenger-panel-basket:hover { background-position: -48px -62px; } .bx-messenger-panel-filter { position: absolute; right: 0; display: block; height: 15px; float: right; margin-right: 16px; margin-top: 38px; cursor: pointer; font: 12px "Helvetica Neue",Helvetica,Arial,sans-serif; color: #898c8f!important; text-decoration: none!important; border-bottom:1px solid #a7a9ab} .bx-messenger-panel-filter-middle {margin-top: 29px;} .bx-messenger-panel-filter:hover { text-decoration: none; border-bottom: 0 } .bx-messenger-panel-filter-box { display:none; border-bottom: 1px solid #e5e5e5; padding: 9px 14px; overflow: hidden; } .bx-messenger-filter-name { width: 89px; position: absolute; font: 13px/28px "Helvetica Neue",Helvetica,Arial,sans-serif; color: #55585c;} .bx-messenger-filter-date { width: 121px; background: url(./../images/im-sprite-v12.png) right -730px no-repeat; position: absolute; margin-left: 60px; } .bx-messenger-filter-date .bx-messenger-input { width: 93px } .bx-messenger-filter-text { margin-left: 194px } .bx-messenger-filter-text .bx-messenger-input { width: 86%;} .bx-messenger-filter-text:hover .bx-messenger-input-close { opacity: 1 } .bx-messenger-birthday-icon { width: 15px; height: 13px; vertical-align: middle; background: url(./../images/im-sprite-v12.png) -55px -275px no-repeat;} .bx-messenger-cl-status-online .bx-messenger-cl-status, .bx-messenger-panel-avatar-status-online .bx-messenger-panel-avatar-status { background-position: -4px -167px; } .bx-messenger-cl-status-offline .bx-messenger-cl-status, .bx-messenger-panel-avatar-status-offline .bx-messenger-panel-avatar-status { background-position: -26px -167px; } .bx-messenger-cl-status-birthday .bx-messenger-cl-status, .bx-messenger-panel-avatar-status-birthday .bx-messenger-panel-avatar-status { background-position: -47px -167px; } .bx-messenger-cl-status-dnd .bx-messenger-cl-status, .bx-messenger-panel-avatar-status-dnd .bx-messenger-panel-avatar-status{ background-position: -4px -211px; } .bx-messenger-cl-status-na .bx-messenger-cl-status, .bx-messenger-panel-avatar-status-na .bx-messenger-panel-avatar-status{ background-position: -4px -188px;} .bx-messenger-cl-status-away .bx-messenger-cl-status, .bx-messenger-panel-avatar-status-away .bx-messenger-panel-avatar-status{ background-position: -47px -211px; } .bx-messenger-cl-status-guest .bx-messenger-cl-status, .bx-messenger-panel-avatar-status-guest .bx-messenger-panel-avatar-status{ background-position: -26px -211px; } .bx-messenger-cl-status-mobile .bx-messenger-cl-status, .bx-messenger-panel-avatar-status-mobile .bx-messenger-panel-avatar-status{ background-position: -26px -188px; } .bx-messenger-cl-status-writing .bx-messenger-cl-status, .bx-messenger-panel-avatar-status-writing .bx-messenger-panel-avatar-status { background: url("./../images/writing-recent.gif") no-repeat scroll 0 2px #fff; border-radius: 8px 0 0 0; display: inline-block;} .bx-messenger-content-item:hover .bx-messenger-content-item-quote { opacity: 1 } .bx-messenger-content-item-avatar { display: inline-block; float: right; margin-right: -61px; margin-left: -1px; vertical-align: top; } .bx-messenger-content-item-avatar-img { margin-left: 5px; background: url(./../images/im-sprite-v12.png) 3px -123px no-repeat!important; background-color: #FFF; border: 1px solid #e2e4e4; border-radius: 1px; box-shadow:0px 0px 1px 1px rgba(0,0,0, 0.03); display: inline-block; width: 26px; height: 26px; padding: 3px; vertical-align: middle; float: right; } .bx-messenger-content-item-arrow { width: 10px; height: 9px; display: block; margin-top: 9px; background: url(./../images/im-sprite-v12.png) 0 -308px no-repeat; float: left;} .bx-messenger-content-item-status { display:inline-block; width: 17px; height: 17px; float: left; margin-left: -49px; margin-top: 9px; } .bx-messenger-content-item-quote { display:inline-block; opacity: 0; cursor: pointer; background: url(./../images/im-sprite-v12.png) -55px -348px no-repeat; width: 17px; height: 17px; transition: opacity 0.5s;} .bx-messenger-content-item-progress { display:inline-block; background: url(./../images/wait-small.gif) no-repeat; width: 19px; height: 19px; -webkit-animation: customOpacityTo1 2s 1; -moz-animation: customOpacityTo1 2s 1; } .bx-messenger-content-item-progress-with-text { display:inline-block; height: 19px; width: auto; padding-left: 25px; color: #989898} .bx-messenger-content-item-error { display: inline-block; width: 30px; height: 30px; margin-left: -7px; margin-top: -7px; background-color: #f3f4f4; background-image:-o-linear-gradient(top, #fbfbfb, #f0f0f1); background-image:-moz-linear-gradient(top, #fbfbfb, #f0f0f1); background-image:-webkit-gradient(linear, left top, left bottom, from(#fbfbfb), to(#f0f0f1)); background-image:-ms-linear-gradient(top,#fbfbfb, #f0f0f1); background-image:linear-gradient(to bottom, #fbfbfb, #f0f0f1); box-shadow: 0 1px 2px #858689; border-radius: 30px; cursor: pointer; -webkit-animation: imErrorButton 10s infinite; -moz-animation: imErrorButton 10s infinite; } .bx-messenger-content-item-error-icon { display: inline-block; background: url("./../images/im-sprite-v12.png") no-repeat scroll -91px -810px transparent; width: inherit; height: inherit; } .bx-messenger-content-item-date { float: right;display:block; font: 11px "Helvetica Neue",Helvetica,Arial,sans-serif; color: #b8c2cb; text-align: right; padding-top: 1px; padding-left: 2px;} .bx-messenger-content-item-text { float: left;} .bx-messenger-content-item-text-center .bx-smile { vertical-align: text-bottom; } .bx-messenger-content-item-text-center { padding: 9px 0; display: inline-block; font: 13px/16px "Helvetica Neue", Helvetica, Arial, sans-serif; word-wrap: break-word; width: 100%; vertical-align: middle} .bx-messenger-hr { font-size: 1px; border-top: 1px solid #dee7ef; margin: 7px -5px;} .bx-messenger-content-item-content { padding: 0 12px; display: block; border-radius: 3px; box-shadow: 2px 1px 1px #f8f6f6; margin: 0 60px; border: 1px solid #bfd3e3; border-top-color: #dee7ef; background-color:#e5f1fb; background-image:-o-linear-gradient(top, #f0f7fd, #e0eefa); background-image:-moz-linear-gradient(top, #f0f7fd, #e0eefa); background-image:-webkit-gradient(linear, left top, left bottom, from(#f0f7fd), to(#e0eefa)); background-image:-ms-linear-gradient(top,#f0f7fd, #e0eefa); background-image:linear-gradient(to bottom, #f0f7fd, #e0eefa); } .bx-messenger-content-item-2 .bx-messenger-content-item-avatar { float: left; margin-left: -58px; text-align: left;} .bx-messenger-content-item-2 .bx-messenger-content-item-avatar-img { margin-left: 0; margin-right: 2px; float: left;} .bx-messenger-content-item-2 .bx-messenger-content-item-arrow { float: right; background: url(./../images/im-sprite-v12.png) -34px -308px no-repeat;} .bx-messenger-content-item-2 .bx-messenger-content-item-status { float: right; margin-left: 0; margin-right: -53px;} .bx-messenger-content-item-2 .bx-messenger-content-item-date { color: #c9c6b0; } .bx-messenger-content-item-2 .bx-messenger-hr { border-top-color: #ece9d5;} .bx-messenger-content-item-2 .bx-messenger-content-item-content { border: 1px solid #d8d5bc; border-top-color: #e5e4da ; background-color:#fbf8dc; background-image:-o-linear-gradient(top, #fdfced, #fbf8dc); background-image:-moz-linear-gradient(top, #fdfced, #fbf8dc); background-image:-webkit-gradient(linear, left top, left bottom, from(#fdfced), to(#fbf8dc)); background-image:-ms-linear-gradient(top,#fdfced, #fbf8dc); background-image:linear-gradient(to bottom, #fdfced, #fbf8dc); } .bx-messenger-content-item-system .bx-messenger-content-item-arrow { background-position: -34px -778px;} .bx-messenger-content-item-system .bx-messenger-content-item-date { color: #c8c8c8; } .bx-messenger-content-item-system .bx-messenger-hr { border-top-color: #e0e0e0;} .bx-messenger-content-item-system .bx-messenger-content-item-content { border: 1px solid #d3d3d3; border-top-color: #dfdfdf; background-color:#f7f7f7; background-image:-o-linear-gradient(top, #f8f8f8, #f4f4f4); background-image:-moz-linear-gradient(top, #f8f8f8, #f4f4f4); background-image:-webkit-gradient(linear, left top, left bottom, from(#f8f8f8), to(#f4f4f4)); background-image:-ms-linear-gradient(top,#f8f8f8, #f4f4f4); background-image:linear-gradient(to bottom, #f8f8f8, #f4f4f4); } .bx-messenger-content-item-system .bx-messenger-content-item-text-center {color: #7d7d7d} .bx-messenger-content-item-notify .bx-messenger-content-item-content { border: 0;background: none;box-shadow: none;padding: 0;} .bx-messenger-content-item-notify .bx-messenger-content-item-text-center {color: #acaeae; font-size: 12px; padding: 4px 0 2px; } .bx-messenger-content-item-notify-icon-writing { display: inline-block; background: url("./../images/writing-recent.gif") no-repeat scroll 5px 2px transparent; height: 15px; width: 21px; margin-right: 6px; vertical-align: middle;} .bx-messenger-content-item-notify-icon-readed { display: inline-block; background: url("./../images/im-sprite-v12.png") no-repeat scroll -71px -276px transparent; height: 15px; width: 21px; margin-right: 3px; vertical-align: middle;} .bx-messenger-content-quote {padding: 5px 20px; } .bx-messenger-content-quote-wrap { border-left: 1px solid #c8d1d8; padding-left: 8px; font-size: 12px; color: #505050} .bx-messenger-content-quote-name { padding-bottom: 5px; font-size: 12px; color: #767a7e; } .bx-messenger-content-quote-time { display: inline-block; padding-left: 5px; font-size: 11px;} .bx-messenger-content-quote-icon { background: url(./../images/im-sprite-v12.png) -41px -131px; margin-left: -20px; display: inline-block; width: 20px; height: 15px; float: left;} .bx-messenger-content-item-2 .bx-messenger-content-quote-wrap { border-left-color: #d8d8c7;} .bx-messenger-content-item-2 .bx-messenger-content-quote-name { color: #7e7d75} .bx-messenger-clear { display: block; clear: both; font-size: 1px; line-height: 1px; height: 0px;} .bx-messenger-textarea-place { border-top: 1px solid #f2f2f2; background-color:#FFF;} .bx-messenger-textarea { margin: 0 74px 0px 14px; border: 1px solid #dedede; border-radius: 3px; padding: 8px 30px 8px 9px; font-size: 0;} .bx-messenger-textarea-smile-disabled .bx-messenger-textarea { padding-right: 9px } .bx-messenger-textarea-smile { position: absolute; margin-left: -42px; width: 20px; height: 12px; background: url(./../images/im-sprite-v12.png) -110px -275px no-repeat; margin-top: -6px; opacity: 0.65; cursor: pointer; transition: opacity 0.3s ease-in; } .bx-messenger-textarea-smile:hover, .bx-messenger-textarea-smile-active { opacity: 1; } .bx-messenger-textarea-smile-disabled .bx-messenger-textarea-smile { display: none } .bx-messenger-textarea-input { outline: none; width: 100%; height: 43px; min-height: 43px; border-radius: 3px; border: 0px; resize: none; background-color:#FFF; font: 13px/14px "Helvetica Neue",Helvetica,Arial,sans-serif; padding: 0; margin:0} .bx-messenger-textarea-resize { cursor: n-resize; height: 13px; background: url(./../images/im-sprite-v12.png) center -325px no-repeat; } .bx-messenger-textarea-arrow { width: 662px; border: 1px solid #d9d9d9; resize: vertical; } .bx-messenger-textarea-send {float: right; margin-top: 15px; height: 27px; margin-right: 10px} .bx-messenger-textarea-send-button { display: block; height: 31px; width: 51px; background: url(./../images/im-sprite-v12.png) 0 -339px repeat-x; vertical-align: top; text-decoration: none; cursor: pointer} .bx-messenger-textarea-cntr-enter { display: block; height: 20px; width: 51px; font: 10px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; color: #acacac; vertical-align: top; text-align: center} .bx-messenger-textarea-clear { display: block; clear: both; font-size: 1px; line-height: 1px; height: 13px;} .bx-messenger-smile { margin: -1px -4px -5px; text-align: center; } .bx-messenger-smile-gallery { width: 157px; height: 90px; overflow: hidden; } .bx-messenger-smile-gallery-set { display: inline-block; width: 157px; height: 85px; margin-bottom: 5px; overflow: auto; overflow-x: hidden; text-align: center; } .bx-messenger-smile-gallery-set-hide { display: none; } .bx-messenger-smile-gallery-image { margin: 6px; cursor: pointer; } .bx-messenger-smile-nav { width: 146px; border-top: 1px solid #e5e8ea; border-top: 1px solid #e5e8ea; margin-left: 5px; margin-top: -1px; text-align: right; padding-bottom: 5px; padding-top: 2px; } .bx-messenger-smile-nav-name { font-size: 11px; color: #636972; display: inline-block; line-height: 18px; margin-right: 5px; vertical-align: text-bottom; } .bx-messenger-smile-nav-disabled { display: none } .bx-messenger-smile-nav-item { cursor: pointer; width: 9px; height: 9px; display: inline-block; margin-right: 7px; margin-left: 2px; background: url("./../images/im-sprite-v12.png") -154px -277px transparent no-repeat; margin-top: 2px;} .bx-messenger-smile-nav-item-active { background-position: -137px -277px; } .bx-messenger-history { margin: 0px -5px -1px -7px; border-top: 1px solid #CBCED0; position: relative; width: 608px; min-width: 608px; background-color: #FFF; } .bx-messenger-history-filter-text { margin-left: 60px } /* TMP */ .bx-messenger-history-items { height: 475px; overflow:auto; overflow-x: hidden; background-color: #FFF; } .bx-messenger-history-item { margin: 0 14px; border-top: 1px solid #ebebeb; padding: 9px 0; } .bx-messenger-history-item:first-child { border-top: 0; } .bx-messenger-history-item-name { padding-left: 22px; background: url(./../images/im-sprite-v12.png) 0 -759px no-repeat; font: 12px "Helvetica Neue",Helvetica,Arial,sans-serif; color: #6488a4;} .bx-messenger-history-item-date { display: inline-block; float: right; color: #a6a6a6; padding-right: 5px; } .bx-messenger-history-item-text { padding-left: 23px; font: 13px "Helvetica Neue",Helvetica,Arial,sans-serif; color: #010101; word-wrap: break-word; padding-top:4px; } .bx-messenger-history-item-nearby { font: 12px "Helvetica Neue",Helvetica,Arial,sans-serif; color: #a6a6a6; word-wrap: break-word; border: 1px solid #ebebeb; border-top: 0; padding: 3px 10px 4px; display: none; float: right; margin-top: -24px; background-color: #FFF; margin-right: 5px; cursor: pointer} .bx-messenger-history-item:hover .bx-messenger-history-item-nearby { display: block; } .bx-messenger-history-item-2 .bx-messenger-history-item-name {color: #b68d54} .bx-messenger-history-item-3 .bx-messenger-history-item-name {color: #7f7f7f} .bx-messenger-history-hide { opacity:0; font-size:0; color: #fff; height:0 } .bx-messenger-history-select { background-color:#f7d23d; padding: 0 4px; border-radius: 4px; } .bx-messenger-content-history-empty {text-align: center; padding-top: 222px;} .bx-messenger-content-load, .bx-messenger-content-empty, .bx-messenger-content-load-history {text-align: center; padding-top: 140px;} .bx-messenger-content-load-more-history {text-align: center; border-top: 1px solid #F0F0F0; padding-bottom: 10px; padding-top: 10px;} .bx-messenger-content-load-img { display: inline-block; width: 29px; height: 29px; background: url(./../images/wait.gif) no-repeat;} .bx-messenger-content-load-text { display: inline-block; height: 29px; font: 15px/29px "Helvetica Neue",Helvetica,Arial,sans-serif; color: #b2b2b2; vertical-align: top; padding-left: 5px;} .bx-messenger-content-center { text-align: center; } .bx-messenger-content-link { display: inline-block; margin-top: 8px; height: 17px; margin-bottom: 1px; font: 12px/20px "Helvetica Neue",Helvetica,Arial,sans-serif!important; color: #777!important; text-decoration: none; vertical-align: top} .bx-messenger-content-link:hover { text-decoration: none;} .bx-messenger-content-icon-history { background-position: -1px -300px; margin-top: 8px} .bx-messenger-content-load-text:hover .bx-messenger-content-link { border-bottom: 1px dashed #777;} .bx-messenger-popup-newchat-wrap { width: 320px; padding: 0 4px; } .bx-messenger-popup-newchat-caption { height: 37px; font: 12px/28px "Helvetica Neue",Helvetica,Arial,sans-serif; color: #9797a1; padding-left: 2px; } .bx-messenger-popup-newchat-box { border-color: #E3E4E5 #E4E6E7 #E6E8E9; border-image: none; border-radius: 2px 2px 2px 2px; border-style: solid; border-width: 1px; box-shadow: 0 1px 2px #EBEBEB inset; overflow: hidden; padding: 8px 0 0 10px; } .bx-messenger-dest-block { border:1px solid; border-radius:2px; -moz-box-shadow:inset 0 2px 0 -1px rgba(255,255,255,0.6),0 1px 2px -1px rgba(164,164,164,0.6); -webkit-box-shadow:inset 0 2px 0 -1px rgba(255,255,255,0.6),0 1px 2px -1px rgba(164,164,164,0.6); box-shadow:inset 0 2px 0 -1px rgba(255,255,255,0.6),0 1px 2px -1px rgba(164,164,164,0.6); font-size:12px; display:inline-block; font-weight:bold; margin:0 7px 7px 0; overflow:hidden; text-shadow:0 1px 0 rgba(255, 255, 255, 0.8); padding-left: 7px; position:relative; vertical-align:middle; z-index:2; background-color:#e6f0f5; background:-moz-linear-gradient(top, #ecf4f7, #ddebf1); background:-o-linear-gradient(top, #ecf4f7, #ddebf1); background:-ms-linear-gradient(top, #ecf4f7, #ddebf1); background:-webkit-gradient(linear, left top, left bottom, from(#ecf4f7), to(#ddebf1)); background:linear-gradient(to bottom, #ecf4f7, #ddebf1); border-top-color:#89c4dd; border-right-color:#7cbad5; border-left-color:#7cbad5; border-bottom-color:#6aaac8; color:#2067b0!important; padding-bottom: 2px; } .bx-messenger-dest-text {display:inline-block; width:114px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; margin-top: 3px; vertical-align: top;} .bx-messenger-dest-del {display:inline-block; background: url(./../images/im-sprite-v12.png) -28px -41px no-repeat; cursor:pointer; height:18px; width:15px;} .bx-messenger-popup-newchat-dest { margin-bottom: 11px; min-height: 33px; max-height: 62px; overflow: auto;} .bx-messenger-popup-newchat-dest .bx-messenger-input { display: inline-block; width: 143px; margin: 0; margin-left: 1px; height: 22px; vertical-align: top;} .bx-messenger-popup-newchat-dest-even .bx-messenger-input { width: 280px; } .bx-messenger-popup-newchat-wrap .bx-messenger-cl-group-title { cursor: default;} .bx-messenger-popup-newchat-wrap .bx-messenger-cl-item-empty { padding-top: 58px; } .bx-messenger-popup-newchat-cl { height: 130px; padding: 9px 11px 9px 13px; overflow: auto;} #bx-messenger-popup-newchat .popup-window-hr { display: none;} /* NOTIFY */ .bx-notifier-panel { position: absolute; height: 33px; z-index: 1001; white-space:nowrap; top: -200px; left: -200px; border-radius: 8px 8px 0 0; box-shadow: 0px 0px 2px rgba(255, 255, 255, 0.9); max-width: 307px; background: url(./../images/im-sprite-v12.png) 0 -380px; } .bx-notifier-panel .bx-notifier-panel-left { display:inline-block; width: 6px; height: 21px; border-radius: 8px 0 0 0; } .bx-notifier-panel .bx-notifier-panel-center { display:inline-block; height: 28px; vertical-align: top; padding-top: 5px } .bx-notifier-panel .bx-notifier-panel-right { display:inline-block; width: 6px; height: 21px; border-radius: 0 8px 0 0; } .bx-notifier-panel-top { border-radius: 0 0 8px 8px; background: url(./../images/im-sprite-v12.png) 0 -455px} .bx-notifier-panel-top .bx-notifier-panel-left { border-radius: 0 0 0 8px;} .bx-notifier-panel-top .bx-notifier-panel-center { height: 28px; vertical-align: top; padding-top: 5px; padding-bottom: 0px } .bx-notifier-panel-top .bx-notifier-panel-right { border-radius: 0 0 8px 0;} .bx-notifier-panel-doc { position: fixed; } .bx-notifier-panel-drag-top { border-top: 2px dotted #717b8a; margin-top:-2px; } .bx-notifier-panel-drag-bottom { border-bottom: 2px dotted #717b8a } .bx-notifier-drag { display: inline-block; width: 5px; height: 24px; margin-right: 5px; cursor: move; background: url(./../images/im-sprite-v12.png) 0 -422px no-repeat; } .bx-notifier-panel-top .bx-notifier-drag { width: 5px; height: 24px; background-position: 0 -423px;} .bx-notifier-indicator:first-child { padding-left: 5px; } .bx-notifier-indicator { outline:none;display: inline-block; text-decoration: none; padding-left: 5px; padding-right: 3px; margin-right: 5px; height: 21px; cursor: pointer} .bx-notifier-indicator .bx-notifier-indicator-text { height: 23px; font: 11px/20px Verdana; color:#ffffff; display: inline-block; vertical-align: top;} .bx-notifier-indicator .bx-notifier-indicator-count { height: 23px; font: 11px/22px Verdana; color:#ffffff; font-weight: bold; display: inline-block; text-shadow: 0 1px #3a3e47; padding-left: 4px; vertical-align: top;} .bx-notifier-indicator .bx-notifier-indicator-icon { height: 23px; display: inline-block; } .bx-notifier-indicator, .bx-notifier-panel-top .bx-notifier-indicator, .bx-notifier-menu { border: 1px solid transparent; background:none } .bx-notifier-indicator:hover, .bx-notifier-panel-top .bx-notifier-indicator:hover, .bx-notifier-menu:hover, .bx-notifier-panel-top .bx-notifier-menu:hover { background: #5f6775; border: 1px solid #555c69; height: 21px!important; box-shadow: 0 0 1px rgba(130, 140, 151, 0.9), inset 0 1px 1px rgba(0, 0, 0, 0.1); border-radius: 4px; } .bx-notifier-call .bx-notifier-indicator-icon { width: 16px; background: url("./../images/im-sprite-v12.png") no-repeat scroll -101px -499px } .bx-notifier-call .bx-notifier-indicator-count { padding-left:0; display: none; } .bx-notifier-message .bx-notifier-indicator-icon { width: 16px; background: url("./../images/im-sprite-v12.png") no-repeat scroll 0 -498px; } .bx-notifier-message-new .bx-notifier-indicator-icon { width: 16px; background: url("./../images/new-message.gif") no-repeat 0 5px !important } .bx-notifier-notify .bx-notifier-indicator-icon { width: 15px; background: url(./../images/im-sprite-v12.png) -32px -499px no-repeat; } .bx-notifier-mail .bx-notifier-indicator-icon { width: 16px; background: url("./../images/im-sprite-v12.png") no-repeat scroll -66px -499px } .bx-notifier-network .bx-notifier-indicator-icon { width: 20px; background: url("./../images/im-sprite-v12.png") no-repeat scroll -131px -498px; } .bx-notifier-hide { display: none } .bx-notifier-popup-menu { margin: -4px 2px 0 -2px;} .bx-notifier-content-empty { background-position: center -348px;} .bx-notifier-item-wrap { height: 383px; overflow:auto; overflow-x: hidden; } .bx-messenger-call .bx-notifier-item-wrap .bx-notifier-item:first-child { padding-top: 50px; } .bx-notifier-item { display:block; padding: 0 17px; transition: background-color 2s; } .bx-notifier-item-new { background-color: #f2f2f2; margin-top: -5px; padding-top: 5px; } .bx-notifier-item:first-child .bx-notifier-item-content { border-top: 0; } .bx-notifier-item .bx-notifier-item-content { border-top: 1px solid #f0f0f0; } .bx-notifier-item a { font: 13px/19px "Helvetica Neue",Helvetica,Arial,sans-serif; color: #0069c4!important; cursor: pointer!important;text-decoration: none;} .bx-notifier-item a:hover { text-decoration: underline;} .bx-notifier-item .bx-notifier-item-link-black { font: 13px "Helvetica Neue",Helvetica,Arial,sans-serif; color:#010101!important; } .bx-notifier-item-avatar { float: left; margin-right: 12px; background: url(./../images/im-sprite-v12.png) 3px -658px no-repeat; background-color: #FFF; box-shadow:0 0 1px 1px rgba(0, 0, 0, 0.05); border: 1px solid #D8D8DA; border-radius: 1px; display: inline-block; width: 32px; height: 32px; padding: 3px; vertical-align: top; margin-top:-2px; margin-bottom:-2px } .bx-notifier-item-avatar-chat { background-position: 3px -693px; } .bx-notifier-item-avatar-img { display: inline-block; width: inherit; height: inherit; border:0 } .bx-notifier-item-avatar-group { margin-left: 4px; margin-right: 8px; } .bx-notifier-item-avatar-group .bx-notifier-item-avatar { margin-top: -7px; margin-left: -8px; } .bx-notifier-item-block { display: inline-block; } .bx-notifier-item-content { display: block; padding: 13px 0 9px; min-height: 39px; } .bx-notifier-item-content-2 { display: inline-block; } .bx-notifier-item-name { font: 13px "Helvetica Neue",Helvetica,Arial,sans-serif; color:#131313; display: block; overflow:hidden;text-overflow: ellipsis;white-space:nowrap;padding-bottom: 3px; } .bx-notifier-item-name a { font: 13px "Helvetica Neue",Helvetica,Arial,sans-serif; color:#131313!important; outline: none; cursor: pointer; text-decoration: none;} .bx-notifier-item-name a:hover { text-decoration: underline; } .bx-notifier-item-date { font: 12px/18px "Helvetica Neue",Helvetica,Arial,sans-serif; color:#b3b3b3; display: block; float: right; padding: 0 5px 0 10px; } .bx-notifier-item-text { font: 13px/19px "Helvetica Neue",Helvetica,Arial,sans-serif; color:#666666; display: block; word-wrap: break-word; } .bx-notifier-item-text:first-letter { text-transform: uppercase; } .bx-notifier-item-text a { outline: none; cursor: pointer!important } .bx-notifier-item-help { cursor: pointer; text-decoration: underline} .bx-notifier-item-delete { outline: none; position:relative; z-index: 4; font: 12px/17px "Helvetica Neue",Helvetica,Arial,sans-serif; cursor: pointer; display: block; float:right; background: #000; width: 15px; height: 15px; background: url(./../images/im-sprite-v12.png) -106px -944px no-repeat;margin-top: 1px;} .bx-notifier-item-delete:hover {background-position: -106px -962px;} .bx-notifier-item-delete-fake { cursor: none; background: none;} .bx-notifier-item-help-popup {background-color:#fff; display:inline-block; max-height:121px; overflow-y:auto; overflow-x:hidden; width:180px; } .bx-notifier-popup-user-name, .bx-notifier-item-help-popup-name {cursor:pointer; display:block; font: 13px/13px "Helvetica Neue",Helvetica,Arial,sans-serif;padding-left:3px; height:19px; text-decoration:underline; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; width:130px; padding-top: 6px; float: left; } .bx-notifier-item-help-popup-img {display:block; color:#656365; text-decoration:none; overflow:hidden; zoom:1; padding: 1px 0} .bx-notifier-item-help-popup-img span{color:#666666!important; text-decoration:none;} .bx-notifier-item-help-popup-img:hover span{ text-decoration:underline;} .bx-notifier-popup-user { display: inline-block; color:#656365; text-decoration:none; overflow:hidden; zoom:1; padding: 1px 0; } .bx-notifier-popup-user-2 { padding-right: 2px; } .bx-notifier-popup-user-name { text-decoration: none; width: auto; max-width: 100px; padding-right: 6px; } .bx-notifier-popup-avatar { float:left; background: url(./../images/im-sprite-v12.png) 2px -40px no-repeat; background-color: #FFF; border: 1px solid #CCCCCC; display: inline-block; width: 19px; height: 19px; padding: 2px; vertical-align: middle; margin-right: 2px;} .bx-notifier-popup-avatar-img { width: inherit; height: inherit; border: 0} .bx-notifier-popup-user-more {display: inline-block; height: 25px; padding: 1px 12px 1px 2px; vertical-align: top; line-height: 25px; background: url(./../images/im-sprite-v12.png) right -235px no-repeat; cursor: pointer; } .bx-notifier-popup-avatar-status-offline { opacity: 0.6; border-bottom: 2px solid #ff5a19; padding-bottom: 1px; } .bx-notifier-popup-avatar-status-online { border-bottom: 2px solid #76bc0e; padding-bottom: 1px; } .bx-notifier-item-button-wrap { display: block; padding-top: 7px; } .bx-notifier-item-button { display: inline-block; height: 30px; vertical-align: top; cursor: pointer; margin-right: 5px; text-decoration:none!important;} .bx-notifier-item-button span { height: 30px; background: url(./../images/im-sprite-v12.png) 0 -843px repeat-x; display: inline-block; vertical-align: top; padding-left: 13px; padding-right: 13px; font: 13px/27px "Helvetica Neue",Helvetica,Arial,sans-serif; color:#fff; text-shadow: 0 1px #425a05; text-decoration:none;} .bx-notifier-item-button i { display: inline-block; height: 30px; width: 4px; background: url(./../images/im-sprite-v12.png) -5px -811px no-repeat; } .bx-notifier-item-button i.bx-notifier-item-button-fc { background-position: 0 -811px; } .bx-notifier-item-button-white span { background-position:0 -907px; color: #505d67; text-shadow: 0 1px #fff; } .bx-notifier-item-button-white i { background-position: -25px -811px; } .bx-notifier-item-button-white i.bx-notifier-item-button-fc {background-position: -21px -811px; } .bx-notifier-item-button-cancel span { background-position:0 -875px; text-shadow: 0 1px #660505; } .bx-notifier-item-button-cancel i { background-position: -14px -811px; } .bx-notifier-item-button-cancel i.bx-notifier-item-button-fc {background-position: -10px -811px; } .bx-notifier-content-link-history {border-top: 1px solid #f0f0f0; text-align: center; display: block; height: 40px; font: 13px/27px "Helvetica Neue",Helvetica,Arial,sans-serif; color: #0069c4; vertical-align: middle; padding-top: 11px; text-decoration: none;} .bx-notifier-content-link-history-empty {border-top: 0 solid #f0f0f0; } .bx-messenger-confirm { padding: 10px 10px 7px 10px; width: 430px; font: 13px "Helvetica Neue",Helvetica,Arial,sans-serif; color:#444444;} .bx-messenger-confirm-without-buttons { padding: 10px 10px 15px 10px; font: 13px "Helvetica Neue",Helvetica,Arial,sans-serif; color:#444444; } .bx-messenger-confirm-title { font-weight: bold; font-size: 15px; text-align: center; margin-bottom: 4px;} .bx-notifier-content-load-block {text-align: center; padding-bottom: 10px; padding-top: 10px;} .bx-notifier-content-load-block-img { display: inline-block; width: 29px; height: 29px; background: url(./../images/wait.gif) no-repeat;} .bx-notifier-content-load-block-text { display: inline-block; height: 29px; font: 15px/29px "Helvetica Neue",Helvetica,Arial,sans-serif; color: #b2b2b2; vertical-align: top; padding-left: 5px;} .bx-notifier-popup-user-more, .bx-messenger-cl, .bx-messenger-cl-notify-button, .bx-messenger-content-item-avatar, .bx-messenger-content-item-date, .bx-messenger-content-item-notify, .bx-messenger-textarea-cntr-enter, .bx-notifier-item-help-popup { -moz-user-select:none; -khtml-user-select:none; -o-user-select:none; -webkit-user-select:none; user-select:none; } /* CALLS */ .bx-messenger-popup-window-transparent { background-color: transparent!important; position: relative; box-shadow:0 19px 24px rgba(88, 112, 118, .74)!important; } .bx-messenger-call-float { background-color: #292a2b; height: 320px; width: 240px; opacity: 0.95; text-align: center;} .bx-messenger-call-float-video {display: inline-block; height: 100%; position: relative; z-index: 1; opacity: 1; transition: opacity 0.4s; } .bx-messenger-call-overlay {position: absolute; z-index: 100; box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.80); vertical-align:top; opacity: 0; overflow: hidden} .bx-messenger-call-overlay-show { opacity: 1; transition: opacity 0.3s ease-in, height 0.5s;} .bx-messenger-call-overlay-hide { opacity: 0; transition: opacity 0.3s ease-in-out} .bx-messenger-call-overlay-lvl-1 { position: absolute; z-index: 50; display: inline-block; background-color: #292a2b; height: inherit; width: inherit; opacity: 0.95; text-align: center; } .bx-messenger-call-overlay-lvl-2 { display: block; background: #000 radial-gradient(circle, #464b50, #000); height: 98%; height: calc(100% - 12px); width: 98%; width: calc(100% - 12px); margin: 6px; } .bx-messenger-call-overlay-body { position: absolute; z-index: 100; height: 98%; height: calc(100% - 12px); width: 98%; width: calc(100% - 12px); margin: 6px;} .bx-messenger-call-overlay-line-maxi { display: none } .bx-messenger-call-overlay-title { height: 25.05643340857788%; width: 90%; display: table; margin: 0 auto; z-index:200; position: relative;} .bx-messenger-call-overlay-title-block { font: 16px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; color: #fff; text-shadow: rgba(0,0,0, 0.75) 1px 1px 1px; display: table-cell; vertical-align: middle; text-align: center; } .bx-messenger-call-overlay-title-company-phone { font: 13px "Helvetica Neue",Helvetica,Arial,sans-serif; color: #afb0b1; text-shadow: rgba(0,0,0, 0.75) 1px 1px 1px; display: inline-block; vertical-align: middle; margin-left: 10px; margin-top: -2px; } .bx-messenger-call-overlay-photo { height: 25.05643340857788%; display: table; margin: 0 auto; z-index:100; } .bx-messenger-call-overlay-photo-left { height: 125px; width: 125px; color: #fff; display: table-cell; vertical-align: middle; text-align: center; opacity: 1; -webkit-animation: imOpacityTo1 1s 1; -moz-animation: imOpacityTo1 1s 1; } .bx-messenger-call-overlay-photo-progress { width: 176px; color: #fff; display: table-cell; -webkit-animation: imOpacityTo1 1s 1; -moz-animation: imOpacityTo1 1s 1; text-align: center; vertical-align: middle;} .bx-messenger-call-overlay-photo-right { height: 125px; width: 125px; color: #fff; display: table-cell; vertical-align: middle; text-align: center; opacity: 1; -webkit-animation: imOpacityTo1 1s 1; -moz-animation: imOpacityTo1 1s 1;} .bx-messenger-call-overlay-photo-block { width: inherit; height: inherit; padding: 6px; background-color: #fff; box-shadow: 0 1px 1px 1px rgba(0, 0, 0, 0.70); margin: 0 auto} .bx-messenger-call-overlay-photo-img { width: inherit; height: inherit; } .bx-messenger-call-overlay-photo-text { display: inline-block; margin-top: -14px; padding: 1px 5px; width: calc(100% - 10px); font-size: 10px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; background-color: rgba(0, 0, 0, 0.30); color: #fff } .bx-messenger-call-overlay-status { height: 26.18510158013544%; width: 84%; display: table; margin: 0 auto; z-index:50; position: relative; } .bx-messenger-call-overlay-status-block { font: 14px/17px "Helvetica Neue",Helvetica,Arial,sans-serif; color: #fff!important; text-shadow: rgba(0,0,0, 0.75) 1px 1px 1px; display: table-cell; vertical-align: middle; text-align: center; } .bx-messenger-call-overlay-status-block a { font: 14px/17px "Helvetica Neue",Helvetica,Arial,sans-serif; color: #fff!important; text-decoration: underline } .bx-messenger-call-overlay-buttons { height: 45px; width: 84%; display: block; text-align: center; margin: 0 auto; z-index:200; white-space:nowrap; position: relative; } .bx-messenger-call-overlay-buttons-block { display: inline-block; height: 40px; border: 1px solid #96999d; border-color: #979a9d #54595e #404347 #53585b; border-radius:4px; background-color: rgba(41, 43, 45, 0.05); background-image: linear-gradient(to bottom, rgba(66, 70, 73, 0.7), rgba(42, 44, 47, 0.7)); box-shadow: 0 1px 1px 1px rgba(0, 0, 0, 0.3) } .bx-messenger-call-overlay-button { display: inline-block; height: 30px; padding-left: 17px; padding-right: 17px; vertical-align: top; margin-top: 6px; border-left: 1px solid #55585a; cursor: pointer } .bx-messenger-call-overlay-button:hover { background: radial-gradient(66% 59%, rgba(255, 255, 255, 0.29), transparent); } .bx-messenger-call-overlay-button:first-child { border: 0} .bx-messenger-call-overlay-button-disabled { background: none!important; cursor: default!important } .bx-messenger-call-overlay-button-text { font: 14px/29px "Helvetica Neue",Helvetica,Arial,sans-serif; color: #fff; text-shadow: rgba(0,0,0, 0.75) 1px 1px 1px; vertical-align: top; display: inline-block; } .bx-messenger-call-overlay-button-sub .bx-messenger-call-overlay-button-text { line-height: 20px;} .bx-messenger-call-overlay-button-text-sub { font: 10px/7px "Helvetica Neue",Helvetica,Arial,sans-serif; color: #a29d9d; text-align: center;} .bx-messenger-call-overlay-button-answer { display: inline-block; height: 30px; width: 27px; margin-left: -6px; background: url(./../images/im-sprite-v12.png) -71px -45px; } .bx-messenger-call-overlay-button-hangup { display: inline-block; height: 30px; width: 32px; margin-left: -3px; margin-right: 3px; background: url(./../images/im-sprite-v12.png) -102px -45px; } .bx-messenger-call-overlay-button-plus { display: inline-block; height: 30px; width: 30px; margin-left: -9px; margin-right: -11px; background: url(./../images/im-sprite-v12.png) -100px -207px; } .bx-messenger-call-overlay-button-mic { display: inline-block; height: 30px; width: 21px; margin-left: -3px; margin-right: -4px; background: url("./../images/im-sprite-v12.png") -133px -44px; } .bx-messenger-call-overlay-button-mic-off { display: inline-block; height: 30px; width: 21px; margin-left: -3px; margin-right: -4px; background: url(./../images/im-sprite-v12.png) -166px -44px; } .bx-messenger-call-overlay-button-hold { display: inline-block; height: 30px; width: 21px; margin-left: -3px; margin-right: -4px; background: url("./../images/im-sprite-v12.png") -126px -1133px; } .bx-messenger-call-overlay-button-hold-on { display: inline-block; height: 30px; width: 21px; margin-left: -3px; margin-right: -4px; background: url(./../images/im-sprite-v12.png) -96px -1133px; } .bx-messenger-call-overlay-button-transfer { display: inline-block; height: 30px; width: 21px; margin-left: -3px; margin-right: -4px; background: url("./../images/im-sprite-v12.png") repeat scroll -126px -1101px; } .bx-messenger-call-overlay-button-transfer-on { display: inline-block; height: 30px; width: 21px; margin-left: -3px; margin-right: 4px; background: url("./../images/im-sprite-v12.png") repeat scroll -96px -1101px; } .bx-messenger-call-overlay-button-chat { display: inline-block; height: 30px; width: 32px; margin-left: -3px; margin-right: 3px; background: url(./../images/im-sprite-v12.png) -102px -129px; } .bx-messenger-call-overlay-button-chat2 { display: inline-block; height: 30px; width: 23px; margin-left: -6px; margin-right: -4px; background: url(./../images/im-sprite-v12.png) -102px -129px; } .bx-messenger-call-overlay-button-recall { display: inline-block; height: 30px; width: 33px; margin-left: -3px; background: url(./../images/im-sprite-v12.png) -134px -128px; } .bx-messenger-call-overlay-button-close { display: inline-block; height: 30px; width: 26px; margin-left: -3px; background: url(./../images/im-sprite-v12.png) -166px -128px; } .bx-messenger-call-overlay-button-download { display: inline-block; height: 30px; width: 25px; margin-left: -3px; margin-right: 3px; background: url(./../images/im-sprite-v12.png) -102px -169px; } .bx-messenger-call-overlay-button-history { display: inline-block; height: 30px; width: 25px; margin-left: -3px; margin-right: 3px; background: url(./../images/im-sprite-v12.png) -68px -170px; } .bx-messenger-call-overlay-button-history2 { display: inline-block; height: 30px; width: 20px; margin-left: -6px; margin-right: -5px; background: url(./../images/im-sprite-v12.png) -68px -170px; } .bx-messenger-call-overlay-button-keypad { display: inline-block; height: 30px; width: 20px; margin-left: -6px; margin-right: -5px; background: url("./../images/im-sprite-v12.png") -111px -341px; } .bx-messenger-call-overlay-button-maxi { display: inline-block; height: 30px; width: 20px; margin-left: -7px; margin-right: -8px; background: url(./../images/im-sprite-v12.png) -134px -169px; } .bx-messenger-call-overlay-button-full { display: inline-block; height: 30px; width: 20px; margin-left: -7px; margin-right: -8px; background: url(./../images/im-sprite-v12.png) -66px -128px; } .bx-messenger-call-overlay-alfa { width: 84%; display: block; text-align: center; margin: 0 auto; opacity: 0.25; font: 12px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; color: #fff; text-shadow: rgba(0,0,0, 0.75) 1px 1px 1px; } .bx-messenger-call-overlay-webrtc { width: 20px; height: 25px; background: url(./../images/im-sprite-v12.png) -122px -815px; display: inline-block; margin: 0 4px; vertical-align: middle; border: 0} .bx-messenger-call-overlay-call .bx-messenger-call-overlay-meter { display: block; } .bx-messenger-call-overlay-meter {width: 20px; height: 16px; border: 1px solid #5e6368; display: none; font-size: 11px; margin-top: 5px; position: absolute;right: 0;color: transparent;line-height: 17px;margin-right: 6px;text-align: center;border-radius: 2px;} .bx-messenger-call-overlay-meter-grade-1 { border-color: #9a2522;} .bx-messenger-call-overlay-meter-grade-2 { border-color: #9a2522;} .bx-messenger-call-overlay-meter-grade-3 { border-color: #826b31;} .bx-messenger-call-overlay-meter-grade {width: 20px; height: 16px; position: absolute; background: url(./../images/im-sprite-v12.png) -86px -350px; margin-left: 2px; z-index: 2;} .bx-messenger-call-overlay-meter-percent {width: 20px; height: 16px; color: transparent; line-height: 17px; font-size: 11px; position: absolute; z-index: 10;} .bx-messenger-call-overlay-meter-grade-1 .bx-messenger-call-overlay-meter-grade {width: 3px; height: 16px; background-position: -71px -350px;} .bx-messenger-call-overlay-meter-grade-2 .bx-messenger-call-overlay-meter-grade {width: 7px; height: 16px; background-position: -71px -350px;} .bx-messenger-call-overlay-meter-grade-3 .bx-messenger-call-overlay-meter-grade {width: 9px; height: 16px; background-position: -77px -350px;} .bx-messenger-call-overlay-meter-grade-4 .bx-messenger-call-overlay-meter-grade {width: 12px; height: 16px; background-position: -86px -350px;} .bx-messenger-call-overlay-meter-grade-5 .bx-messenger-call-overlay-meter-grade {width: 15px; height: 16px; background-position: -86px -350px;} .bx-messenger-call-overlay-crm.bx-messenger-call-overlay-maxi .bx-messenger-call-overlay-photo { display: none; } .bx-messenger-call-overlay-crm.bx-messenger-call-overlay-maxi .bx-messenger-call-overlay-photo-left { width: 200px; height: 200px; -webkit-animation: imOpacityTo1 1s 1; -moz-animation: imOpacityTo1 1s 1; } .bx-messenger-call-overlay-crm.bx-messenger-call-overlay-maxi .bx-messenger-call-overlay-photo-right { width: 0; } .bx-messenger-call-overlay-crm.bx-messenger-call-overlay-maxi .bx-messenger-call-overlay-photo-right .bx-messenger-call-overlay-photo-block { display: none } .bx-messenger-call-overlay-crm.bx-messenger-call-overlay-maxi .bx-messenger-call-overlay-photo-progress { width: 0; } .bx-messenger-call-overlay-crm.bx-messenger-call-overlay-maxi .bx-messenger-call-overlay-progress { display: none } .bx-messenger-call-overlay-crm.bx-messenger-call-overlay-maxi .bx-messenger-call-overlay-title { height: 10%;} .bx-messenger-call-overlay-crm.bx-messenger-call-overlay-maxi .bx-messenger-call-overlay-status { height: 10%;overflow: hidden;} .bx-messenger-call-overlay-crm.bx-messenger-call-overlay-maxi .bx-messenger-call-overlay-crm-block { display: block; height: 65%; margin: 0 auto; width: 82%; padding: 2px 19px; } .bx-messenger-call-overlay-crm-block { display: none; height: 153px; overflow: hidden; background-color: rgba(0, 0, 0, 0.15); border: 1px solid #5e6368; border-radius: 4px; } .bx-messenger-call-overlay-crm-block-wrap { height: 100%; overflow: hidden; width: 100%; } .bx-messenger-call-crm-about { height: 18%; overflow: hidden; vertical-align: middle; } .bx-messenger-call-crm-about-block { display: inline-block; vertical-align: top; } .bx-messenger-call-crm-about-contact { width: calc(60% - 38px); padding-left: 38px; } .bx-messenger-call-crm-about-company { width: 40%; } .bx-messenger-call-crm-about-block-header { color: #979899; font: 12px "Helvetica Neue", Helvetica, Arial, sans-serif; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.75); padding-bottom: 5px; } .bx-messenger-call-crm-about-contact .bx-messenger-call-crm-about-block-header { margin-left: -38px; } .bx-messenger-call-crm-about-block-avatar { position: absolute; margin-left: -38px; background: url("./../images/im-sprite-v12.png") no-repeat scroll 2px -124px #ffffff; background-color: #FFF; border: 1px solid #e2e4e4; border-radius: 1px; box-shadow: 0 0 1px 1px rgba(0, 0, 0, 1); display: inline-block; width: 26px; height: 26px; padding: 2px; vertical-align: middle; overflow: hidden; } .bx-messenger-call-crm-about-block-avatar-img { display: inline-block; width: inherit; height: inherit; border:0} .bx-messenger-call-crm-about-block-line-1 { color: #fff; font: 14px "Helvetica Neue", Helvetica, Arial, sans-serif; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.75); overflow: hidden; padding-right: 10px; text-overflow: ellipsis; white-space: nowrap; } .bx-messenger-call-crm-about-block-line-2 { color: #b4b6b7; font: 12px "Helvetica Neue", Helvetica, Arial, sans-serif; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.75); overflow: hidden; padding-right: 10px; text-overflow: ellipsis; white-space: nowrap; } .bx-messenger-call-crm-activities { height: 29%; overflow: hidden; } .bx-messenger-call-crm-activities-header { font: 11px "Helvetica Neue", Helvetica, Arial, sans-serif; color: #94aa59; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.75); overflow: hidden; padding-right: 10px; text-overflow: ellipsis; white-space: nowrap; padding-top: 12px; font-size: 11px; } .bx-messenger-call-crm-activities-items { } .bx-messenger-call-crm-activities-item { padding-top: 3px; } .bx-messenger-call-crm-activities-name { font: 13px/15px "Helvetica Neue", Helvetica, Arial, sans-serif; color: #e7e7e7!important; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.75); overflow: hidden; padding-right: 10px; text-overflow: ellipsis; white-space: nowrap; display: inline-block; width: calc(75% - 10px); } .bx-messenger-call-crm-activities-status { font: 11px "Helvetica Neue", Helvetica, Arial, sans-serif; color: #afb0b1; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.75); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: inline-block; text-align: right; width: 25%; } .bx-messenger-call-crm-activities-dot { width: 11px; height: 11px; background: url("./../images/im-sprite-v12.png") repeat-x scroll -172px -274px; display: inline-block; padding-right: 2px; } .bx-messenger-call-crm-space { height: 4%; } .bx-messenger-call-crm-deals { height: 30%; overflow: hidden; } .bx-messenger-call-crm-deals-header { font: 11px "Helvetica Neue", Helvetica, Arial, sans-serif; color: #94aa59; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.75); overflow: hidden; padding-right: 10px; text-overflow: ellipsis; white-space: nowrap; padding-top: 8px; } .bx-messenger-call-crm-deals-items { } .bx-messenger-call-crm-deals-item { padding-top: 3px; } .bx-messenger-call-crm-deals-name { font: 13px "Helvetica Neue", Helvetica, Arial, sans-serif; color: #e7e7e7!important; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.75); overflow: hidden; padding-right: 10px; text-overflow: ellipsis; white-space: nowrap; display: inline-block; width: calc(68% - 10px); } .bx-messenger-call-crm-deals-status { font: 11px "Helvetica Neue", Helvetica, Arial, sans-serif; color: #afb0b1; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.75); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: inline-block; text-align: right; width: 32%; } .bx-messenger-call-crm-buttons { padding-top: 0px; height: 13%; overflow: hidden; } .bx-messenger-call-crm-button { font: 13px/24px "Helvetica Neue", Helvetica, Arial, sans-serif; color: #ffffff !important; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.75); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding: 0 13px; background-color: rgba(255, 255, 255, 0.12); border-radius: 4px; display: inline-block; vertical-align: bottom; margin-right: 4px; text-decoration: none !important; outline: none; } .bx-messenger-call-crm-link { font: 12px/23px "Helvetica Neue", Helvetica, Arial, sans-serif; color: #ffffff !important; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.75); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; float: right; text-decoration: underline; } .bx-messenger-call-crm-phone-space { height: calc(38% - 40px); } .bx-messenger-call-crm-phone-icon { height: 80px; text-align: center; } .bx-messenger-call-crm-phone-icon-block { width: 89px; height: 81px; background: url("./../images/im-sprite-v12.png") 0 -1790px; display: inline-block; marin: auto; } .bx-messenger-call-crm-buttons-center { text-align: center; } .bx-messenger-call-overlay-crm-short.bx-messenger-call-overlay-maxi .bx-messenger-call-overlay-title { height: 20%; } .bx-messenger-call-overlay-crm-short.bx-messenger-call-overlay-maxi .bx-messenger-call-overlay-status { height: 17%; } .bx-messenger-call-overlay-crm-short.bx-messenger-call-overlay-maxi .bx-messenger-call-overlay-crm-block { height: 45%;} .bx-messenger-call-overlay-crm-short .bx-messenger-call-crm-about { height: 31%;} .bx-messenger-call-video-main { display: none; } .bx-messenger-call-video-main-wrap { display: table; margin: 0 auto; overflow: hidden; height: 100%; table-layout: fixed; width: 100%; } .bx-messenger-call-video-main-cell { display: table-cell; text-align: center; vertical-align: middle; height: 100%; width: 100%; } .bx-messenger-call-video-main-bg { display: inline-block; height: 100%; width: 100%; overflow: hidden; } .bx-messenger-call-video-main-bg-start {border:0!important; height: 0; width: 0; background-color: #ffffff; -webkit-animation: imVideoSwitchOff 1.3s 1 linear; -moz-animation: imVideoSwitchOff 1.3s 1 linear; } .bx-messenger-call-video-main-bg-start .bx-messenger-call-video-main-block { margin-top: -40%; opacity:0; -webkit-animation: imVideoSwitchOff2 1.3s 1 linear;-moz-animation: imVideoSwitchOff2 1.3s 1 linear; } .bx-messenger-call-video-main-block {display: inline-block; height: 100%; position: relative; z-index: 1; opacity: 1; transition: opacity 0.4s; } .bx-messenger-call-video-main-block-animation { opacity: 0.15; } .bx-messenger-call-video-main-watermark {display: none; width: 100%; position: absolute; z-index: 10; text-align: right; } .bx-messenger-call-video-main-watermark-img {margin-right: 19px;margin-top: 5px;display: inline-block; margin-left: 16px;} .bx-messenger-call-overlay-group .bx-messenger-call-video-main-watermark { text-align: left; } .bx-messenger-call-float-buttons{ width: 320px; height: 34px; opacity: .7; border-top: 1px solid #fff; position: absolute; z-index:2; top: 240px; transition: top 0.4s; -moz-user-select:none; -khtml-user-select:none; -o-user-select:none; -webkit-user-select:none; user-select:none; background-color: rgba(41, 43, 45, 0.05); background-image: linear-gradient(to bottom, rgba(66, 70, 73, 0.9), rgba(42, 44, 47, 0.9)); } .bx-messenger-call-float:hover .bx-messenger-call-float-buttons { top: 205px; } .bx-messenger-call-float-audio .bx-messenger-call-float-buttons { top: -1px!important; } .bx-messenger-call-float-button { display: inline-block; height: 34px; border-left: 1px solid rgba(255,255,255, 0.2); cursor: pointer; line-height: 34px; } .bx-messenger-call-float-button:hover { background: radial-gradient(66% 59%, rgba(255, 255, 255, 0.29), transparent); } .bx-messenger-call-float-button:first-child { border-left: 0; } .bx-messenger-call-float-button-icon { display: inline-block; height: 34px; margin-right: 3px; background: url(./../images/im-sprite-v12.png) 0 0; } .bx-messenger-call-float-button-decline { width: 139px; } .bx-messenger-call-float-button-decline .bx-messenger-call-float-button-icon { width: 27px; background-position: -102px -42px; } .bx-messenger-call-float-button-mic { width: 179px; } .bx-messenger-call-float-button-mic .bx-messenger-call-float-button-icon { width: 24px; background-position: -133px -42px; } .bx-messenger-call-float-button-mic-disabled .bx-messenger-call-float-button-icon { width: 24px; background-position: -166px -42px; } .bx-messenger-call-float-button-text { display: inline-block; height: 34px; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; color: #ffffff; font-size: 13px; vertical-align: top } @-moz-keyframes imVideoSwitchOff2 { 0% { margin-top: 0; opacity: 1; } 30% { margin-top: -40%; opacity: 0; } 100% { } } @-moz-keyframes imVideoSwitchOff { 0% { height: 100%; width: 100%; border-radius: 0} 15% { height: 2px; border-radius: 3px} 16% { width: 100% } 40% { width: 2px; border-radius: 6px; box-shadow: 0 0 1px 1px rgba(255,255,255, 0.8)} 61% { border-radius: 6px; width: 2px; height: 2px; box-shadow: 0 0 2px 1px rgba(255,255,255, 0.8);} 65% { border-radius: 6px; width: 2px; height: 2px; opacity: 1; box-shadow: 0 0 2px 1px rgba(255,255,255, 1); } 95% { border-radius: 6px; width: 2px; height: 2px; opacity: 0.3; box-shadow: 0 0 2px 1px rgba(255,255,255, 0.3); } 100% { border-radius: 6px; width: 0px; height: 0px; opacity: 0; box-shadow: 0 0 2px 1px rgba(255,255,255, 0); } } @-webkit-keyframes imVideoSwitchOff2 { 0% { margin-top: 0; opacity: 1; } 30% { margin-top: -40%; opacity: 0; } 100% { } } @-webkit-keyframes imVideoSwitchOff { 0% { height: 100%; width: 100%; border-radius: 0} 15% { height: 2px; border-radius: 3px} 16% { width: 100% } 40% { width: 2px; border-radius: 6px; box-shadow: 0 0 1px 1px rgba(255,255,255, 0.8)} 61% { border-radius: 6px; width: 2px; height: 2px; box-shadow: 0 0 2px 1px rgba(255,255,255, 0.8);} 65% { border-radius: 6px; width: 2px; height: 2px; opacity: 1; box-shadow: 0 0 2px 1px rgba(255,255,255, 1); } 95% { border-radius: 6px; width: 2px; height: 2px; opacity: 0.3; box-shadow: 0 0 2px 1px rgba(255,255,255, 0.3); } 100% { border-radius: 6px; width: 0px; height: 0px; opacity: 0; box-shadow: 0 0 2px 1px rgba(255,255,255, 0); } } .bx-messenger-call-overlay-group .bx-messenger-call-overlay-photo-left {padding-right: 4px; padding-left: 4px;} .bx-messenger-call-overlay-group .bx-messenger-call-overlay-photo-progress-group { height: 10%; text-align: center; display: table; margin: 0 auto; width: 84%;} .bx-messenger-call-overlay-group .bx-messenger-call-overlay-photo-progress { vertical-align: bottom; } .bx-messenger-call-overlay-group .bx-messenger-call-overlay-photo-progress .bx-messenger-call-overlay-progress { display: inline-block; } .bx-messenger-call-overlay-group .bx-messenger-call-overlay-status { height: 16.1851%; } .bx-messenger-call-overlay-group.bx-messenger-call-overlay-call .bx-messenger-call-overlay-photo-left { height: 125px; width: 125px; } .bx-messenger-call-overlay-group.bx-messenger-call-overlay-call .bx-messenger-call-overlay-photo-progress-group { margin-top: -40px; } .bx-messenger-call-overlay-group.bx-messenger-call-overlay-call-active.bx-messenger-call-overlay-call-video .bx-messenger-call-overlay-photo-progress-group { display: none } .bx-messenger-call-video-mini { display: none; } .bx-messenger-call-video-mini-block { display:none; } .bx-messenger-call-overlay-mini { height: 120px!important; transition: height 0.5s; } .bx-messenger-call-overlay-mini .bx-messenger-call-overlay-photo-block { display: block; width: 84px; height: 84px; padding: 4px} .bx-messenger-call-overlay-mini .bx-messenger-call-overlay-photo-left { display: block; margin: 8px auto 0; opacity: 1; -webkit-animation: imOpacityTo1 1s 1; -moz-animation: imOpacityTo0 0s 1;} .bx-messenger-call-overlay-mini .bx-messenger-call-overlay-photo-progress {display: none; opacity: 0; -webkit-animation: imOpacityTo0 0s 1; -moz-animation: imOpacityTo0 0s 1;} .bx-messenger-call-overlay-mini .bx-messenger-call-overlay-photo-right { display: none; opacity: 0; -webkit-animation: imOpacityTo0 0s 1; -moz-animation: imOpacityTo0 0s 1; } .bx-messenger-call-overlay-mini .bx-messenger-call-overlay-alfa { display: none; } .bx-messenger-call-video-mini .bx-messenger-call-video-users {display: none} .bx-messenger-call-video-line .bx-messenger-call-video-users {display: none} .bx-messenger-call-overlay-mini .bx-messenger-call-overlay-title { width: calc(100% - 163px); margin: 1px 0 0 135px; position: relative; } .bx-messenger-call-overlay-mini .bx-messenger-call-overlay-title-block { text-align: left; font-size: 15px; line-height: 13px; } .bx-messenger-call-overlay-mini .bx-messenger-call-overlay-status { width: calc(100% - 163px); margin: -3px 0 0 135px; position: relative; } .bx-messenger-call-overlay-mini .bx-messenger-call-overlay-status-block { text-align: left; color: #98999b; font-size: 12px; line-height: 10px; } .bx-messenger-call-overlay-mini .bx-messenger-call-overlay-buttons { width: auto; margin: 1px 0 0 134px; height: auto; text-align: left; } .bx-messenger-call-overlay-mini .bx-messenger-call-overlay-photo { position: absolute; top: 0; } .bx-messenger-call-overlay-button-show-mini { display: none } .bx-messenger-call-overlay-mini .bx-messenger-call-overlay-button-show-mini { display: inline-block } .bx-messenger-call-overlay-mini .bx-messenger-call-overlay-button-show-maxi { display: none } .bx-messenger-call-overlay-float .bx-messenger-call-overlay-button-show-mini { display: none } .bx-messenger-call-overlay-float .bx-messenger-call-overlay-button-show-maxi { display: none } .bx-messenger-call-overlay-group.bx-messenger-call-overlay-mini .bx-messenger-call-overlay-photo-left {display: none} .bx-messenger-call-overlay-group.bx-messenger-call-overlay-mini .bx-messenger-call-overlay-photo-left:first-child {display: block} .bx-no-doctype .bx-messenger-call-overlay-call-active.bx-messenger-call-overlay-mini.bx-messenger-call-overlay-call-video .bx-messenger-call-video-main-bg { display: none!important } .bx-messenger-call-overlay-progress { background-color: #696f79; border-radius: 1px; height: 3px; overflow: hidden; position: relative; width: 79px; margin: 0 auto; display: inline-block; } .bx-messenger-call-overlay-progress-online { overflow: visible } .bx-messenger-call-overlay-progress-offline { width: 78px; height: 17px; background: url(./../images/im-sprite-v12.png) 0 -1282px no-repeat; margin: 0 auto; } .bx-messenger-call-overlay-progress-wait { width: 78px; height: 18px; background: url(./../images/im-sprite-v12.png) 0 -1303px no-repeat; margin: 0 auto; } .bx-messenger-call-overlay-progress-status {background-color: rgba(255,255,255,.6); border-radius: 3px;box-shadow: 0 0 3px 1px rgba(255,255,255,.6);height: 3px;top: 0; opacity: 0; position: absolute;width: 15px;} .bx-messenger-call-overlay-photo-progress-incoming .bx-messenger-call-overlay-progress-status {left: 180%;} .bx-messenger-call-overlay-progress-status-anim-1 { -webkit-animation: imCallAnimation1 2s infinite linear; -moz-animation: imCallAnimation1 2s infinite linear; } .bx-messenger-call-overlay-progress-status-anim-2 { -webkit-animation: imCallAnimation1 2s infinite linear 1s; -moz-animation: imCallAnimation1 2s infinite linear 1s; } .bx-messenger-call-overlay-progress-status-anim-3 { width: 79px; opacity: 1; left: 0; -webkit-animation: imCallAnimation3 8s infinite linear; -moz-animation: imCallAnimation3 8s infinite linear;} .bx-messenger-call-overlay-photo-progress-incoming .bx-messenger-call-overlay-progress-status-anim-1 { -webkit-animation: imCallAnimation2 2s infinite linear; -moz-animation: imCallAnimation2 2s infinite linear; } .bx-messenger-call-overlay-photo-progress-incoming .bx-messenger-call-overlay-progress-status-anim-2 { -webkit-animation: imCallAnimation2 2s infinite linear 1s; -moz-animation: imCallAnimation2 2s infinite linear 1s; } @-webkit-keyframes imCallAnimation1 { 0% {left:-15%; opacity: 1;} 25% {left:45%;} 50% {left:95%;} 100% {left:180%; opacity: 1;}} @-webkit-keyframes imCallAnimation2 { 0% {left:115%; opacity: 1;} 25% {left:55%;} 50% {left:-5%;} 100% {left:-80%; opacity: 1;}} @-webkit-keyframes imCallAnimation3 { 0% { opacity: 0.3;} 15% {opacity: 1;} 75% {opacity: 1;} 90% {opacity: 0.3;} 100% {opacity: 0.3;}} @-moz-keyframes imCallAnimation1 { 0% {left:-15%; opacity: 1;} 25% {left:45%;} 50% {left:95%;} 100% {left:180%; opacity: 1;}} @-moz-keyframes imCallAnimation2 { 0% {left:115%; opacity: 1;} 25% {left:55%;} 50% {left:-5%;} 100% {left:-80%; opacity: 1;}} @-moz-keyframes imCallAnimation3 { 0% { opacity: 0.3;} 15% {opacity: 1;} 75% {opacity: 1;} 90% {opacity: 0.3;} 100% {opacity: 0.3;}} @-webkit-keyframes imErrorButton { 0% { box-shadow: 0 1px 2px #858689; } 40% { box-shadow: 0 1px 2px #858689;} 50% { box-shadow: 0 1px 8px #858689;} 60% { box-shadow: 0 1px 2px #858689; } 100% { box-shadow: 0 1px 2px #858689; } } @-moz-keyframes imErrorButton { 0% { box-shadow: 0 1px 2px #858689; } 40% { box-shadow: 0 1px 2px #858689;} 50% { box-shadow: 0 1px 8px #858689;} 60% { box-shadow: 0 1px 2px #858689; } 100% { box-shadow: 0 1px 2px #858689; } } @-webkit-keyframes imOpacityTo05 { from { opacity: 0; } to { opacity: 0.5; } } @-moz-keyframes imOpacityTo05 { from { opacity: 0; } to { opacity: 0.5; } } @-webkit-keyframes imOpacityTo1 { from { opacity: 0; } to { opacity: 1; } } @-moz-keyframes imOpacityTo1 { from { opacity: 0; } to { opacity: 1; } } @-webkit-keyframes imOpacityFrom05To1 { from { opacity: 0.5; } to { opacity: 1; } } @-moz-keyframes imOpacityFrom05To1 { from { opacity: 0.5; } to { opacity: 1; } } @-webkit-keyframes imOpacityTo0 { from { opacity: 1; } to { opacity: 0; } } @-moz-keyframes imOpacityTo0 { from { opacity: 1; } to { opacity: 0; } } @-webkit-keyframes imCallButtons { from { padding: 0 0 0 35px; } to { padding: 0 0 0 20px; } } @-moz-keyframes imCallButtons { from { padding: 0 0 0 30px; } to { padding: 0 0 0 20px; } } @-webkit-keyframes imArrowAnimation { 0% { opacity: 0.6; } 60% { opacity: 0.6; background-position: -77px -649px; } 68% { opacity: 1; } 75% { opacity: 1; background-position: -77px -659px; } 90% { opacity: 0.6; background-position: -77px -649px; } 100% { opacity: 0.6; } } @-moz-keyframes imArrowAnimation { 0% { opacity: 0.6; } 60% { opacity: 0.6; background-position: -77px -649px; } 68% { opacity: 1; } 75% { opacity: 1; background-position: -77px -659px; } 90% { opacity: 0.6; background-position: -77px -649px;} 100% { opacity: 0.6; } } .bx-messenger-call-overlay-float { position: relative; margin: -10px!important; border-radius: 7px; } .bx-messenger-call-overlay-float.bx-messenger-call-overlay-mini { width: 470px!important } .bx-messenger-call-overlay-float .bx-messenger-call-overlay-lvl-1 { border-radius: 7px;} .bx-messenger-call-overlay-float .bx-messenger-call-overlay-lvl-2 { border-radius: 7px; height: 99%; height: calc(100% - 6px); width: 99%; width: calc(100% - 6px);margin: 3px;} .im-desktop-call {background-color: #000!important;} .im-desktop-call .bx-messenger-call-overlay-float { margin: 0!important; border-radius: 0!important; } .im-desktop-call .bx-messenger-call-overlay-float .bx-messenger-call-overlay-lvl-1 { border-radius: 0!important; } .im-desktop-call .bx-messenger-call-overlay-float .bx-messenger-call-overlay-lvl-2 { border-radius: 0!important; } .bx-messenger-call-overlay-line { height: 48px!important; margin-top: 72px; transition: none; -webkit-animation: imOpacityTo1 1s 1; -moz-animation: imOpacityTo1 1s 1; cursor: pointer} .bx-messenger-call-overlay-line .bx-messenger-call-overlay-lvl-2 { margin: 3px; height: calc(100% - 6px); width: calc(100% - 6px); } .bx-messenger-call-overlay-line .bx-messenger-call-overlay-photo { display: none!important } .bx-messenger-call-overlay-line .bx-messenger-call-overlay-photo { display: none!important } .bx-messenger-call-overlay-line .bx-messenger-call-overlay-buttons { display: none } .bx-messenger-call-overlay-line .bx-messenger-call-overlay-title { display: block; margin: 4px 0 0 5px; width: 90%; height: 50%; overflow: hidden; white-space: nowrap; } .bx-messenger-call-overlay-line .bx-messenger-call-overlay-status { display: block; margin: 0px 0 0 5px; width: 90%; font-size: 11px; height: 21px;} .bx-messenger-call-overlay-line .bx-messenger-call-overlay-status-block { font-size: 11px; } .bx-messenger-call-overlay-line .bx-messenger-call-overlay-line-maxi { display: block; float: right; width: 30px; height: 37px; } .bx-messenger-call-overlay-line-maxi:hover { background: radial-gradient(66% 70%, rgba(255, 255, 255, 0.25), transparent); } .bx-messenger-call-overlay-line .bx-messenger-call-overlay-line-maxi-block { display: block; background: url(./../images/im-sprite-v12.png) -130px -165px; width: inherit; height: inherit; } .bx-messenger-call-overlay-call.bx-messenger-call-overlay-call-video .bx-messenger-call-video-mini { display: block; width: 125px; height: 125px; float: right; position: relative; z-index: 100; } .bx-messenger-call-overlay-call.bx-messenger-call-overlay-call-video .bx-messenger-call-overlay-buttons { width: 95%; width: calc(100% - 10px); margin: 0; padding: 0px 0 0 15px; text-align: left; -webkit-animation: imCallButtons 0.5s 1 linear; -moz-animation: imCallButtons 0.5s 1 linear; position: relative;} .bx-messenger-call-overlay-call .bx-messenger-call-overlay-photo { height: 48.05643340857788%; } .bx-messenger-call-overlay-call .bx-messenger-call-overlay-photo-left { width: 200px; height: 200px; -webkit-animation: imOpacityTo1 1s 1; -moz-animation: imOpacityTo1 1s 1; } .bx-messenger-call-overlay-call .bx-messenger-call-overlay-photo-right { width: 0; } .bx-messenger-call-overlay-call .bx-messenger-call-overlay-photo-right .bx-messenger-call-overlay-photo-block { display: none } .bx-messenger-call-overlay-call .bx-messenger-call-overlay-photo-progress { width: 0; } .bx-messenger-call-overlay-call .bx-messenger-call-overlay-progress { display: none } .bx-messenger-call-overlay-call .bx-messenger-call-overlay-title { height: 15.05643340857788%;} .bx-messenger-call-overlay-call .bx-messenger-call-overlay-status { height: 18.785%; } .bx-messenger-call-overlay-call.bx-messenger-call-overlay-call-video .bx-messenger-call-overlay-status { width: 52%; } .bx-messenger-call-overlay-ready.bx-messenger-call-overlay-call.bx-messenger-call-overlay-call-video .bx-messenger-call-overlay-status { width: 40%; } .bx-messenger-call-overlay-call.bx-messenger-call-overlay-call-video .bx-messenger-call-overlay-alfa { width: 95%; margin: 0; padding-left: 68px; text-align: left; position: relative; z-index: 100; } .bx-messenger-call-overlay-call.bx-messenger-call-overlay-call-video .bx-messenger-call-video-mini-photo { float: right; width: 125px; height: 125px; padding: 3px; background-color: #fff; box-shadow: 0 1px 1px 1px rgba(0, 0, 0, 0.70); margin-left: 15px; margin-right: 10px; margin-top: -60px; -webkit-animation: imOpacityTo1 1s 1; -moz-animation: imOpacityTo1 1s 1; } .bx-messenger-call-video-mini-photo-img { width: inherit; height: inherit; } .bx-messenger-call-overlay-maxi.bx-messenger-call-overlay-call-video .bx-messenger-call-video-main-watermark { display: block; } .bx-messenger-call-overlay-online.bx-messenger-call-overlay-maxi.bx-messenger-call-overlay-call-video .bx-messenger-call-overlay-status { opacity:0; } .bx-messenger-call-overlay-call-active.bx-messenger-call-overlay-maxi.bx-messenger-call-overlay-call-video .bx-messenger-call-overlay-status { padding-bottom: 8px; margin:0; width: 70%; margin: 0; } .bx-messenger-call-overlay-call-active.bx-messenger-call-overlay-maxi.bx-messenger-call-overlay-call-video .bx-messenger-call-overlay-status-block { vertical-align: bottom; } .bx-messenger-call-overlay-call-active.bx-messenger-call-overlay-maxi.bx-messenger-call-overlay-call-video .bx-messenger-call-overlay-title { opacity: 0; } .bx-messenger-call-overlay-call-active.bx-messenger-call-overlay-maxi.bx-messenger-call-overlay-call-video .bx-messenger-call-overlay-photo { opacity: 0; } .bx-messenger-call-overlay-call-active.bx-messenger-call-overlay-maxi.bx-messenger-call-overlay-call-video .bx-messenger-call-overlay-lvl-1 { opacity: 1; } .bx-messenger-call-overlay-call-active.bx-messenger-call-overlay-call-video .bx-messenger-call-video-main { display: block; height: 100%; width: 100%; z-index: 1; overflow: hidden; } .bx-messenger-call-overlay-call-active.bx-messenger-call-overlay-mini.bx-messenger-call-overlay-call-video .bx-messenger-call-video-main { display: block; width: 106px; overflow: visible; margin-left: 8px;} .bx-messenger-call-overlay-call-active.bx-messenger-call-overlay-line.bx-messenger-call-overlay-call-video .bx-messenger-call-video-main { display: none; } .bx-messenger-call-overlay-call-active.bx-messenger-call-overlay-mini.bx-messenger-call-overlay-call-video .bx-messenger-call-video-main-block { width: 100% } .bx-messenger-call-overlay-call-active.bx-messenger-call-overlay-mini.bx-messenger-call-overlay-call-video .bx-messenger-call-video-main-wrap { overflow: visible } .bx-messenger-call-overlay-call-active.bx-messenger-call-overlay-mini.bx-messenger-call-overlay-call-video .bx-messenger-call-video-main-bg { border: 5px solid #fff; box-shadow: 0 1px 1px 1px rgba(0, 0, 0, 0.70); height: auto; } .bx-messenger-call-overlay-call-active.bx-messenger-call-overlay-mini.bx-messenger-call-overlay-call-video .bx-messenger-call-overlay-photo-left { opacity: 0 } .bx-messenger-call-overlay-ready.bx-messenger-call-overlay-call-video .bx-messenger-call-video-mini-block { position: absolute; border: 3px solid #fff; box-shadow: 0 1px 1px 1px rgba(0, 0, 0, 0.70); height: auto; margin-left: -51px; margin-top: -59px; width: 160px; display: block; } .bx-messenger-call-overlay-ready.bx-messenger-call-overlay-call-video .bx-messenger-call-video-mini-photo { position: relative; width: 160px; opacity: 0; -webkit-animation: none; -moz-animation: none;} .bx-messenger-call-overlay-call-active.bx-messenger-call-overlay-mini.bx-messenger-call-overlay-call-video .bx-messenger-call-overlay-photo-left { display: none } .bx-messenger-call-dialog-allow { padding: 15px 0;} .bx-messenger-call-dialog-allow-image-block { position: absolute; width: 120px; margin-top: -5px; } .bx-messenger-call-dialog-allow-center { text-align: center;} .bx-messenger-call-dialog-allow-arrow { -webkit-animation: imArrowAnimation 4s infinite; -moz-animation: imArrowAnimation 4s infinite; display: inline-block; width: 26px; height: 66px; background: url("./../images/im-sprite-v12.png") no-repeat scroll -77px -649px transparent; } .bx-messenger-call-dialog-allow-button { font-weight: bold; font-size: 13px; display: inline-block; padding: 6px 12px; border-radius: 2px; background: #e3e6e8; background-image: linear-gradient(to bottom, #ebeef0, #dcdfe2); margin-top: 7px; } .bx-messenger-call-dialog-allow-text { margin-left: 128px; width: 198px; font-size: 13px; padding-top: 0; line-height: 20px; padding-right: 9px; min-height: 100px; } .bx-messenger-call-overlay-full {position: relative!important; margin: 0!important; width: 100%!important; height: 100%!important; background-color: #000;} .bx-messenger-call-overlay-full .bx-messenger-call-overlay {margin: 0!important; width: 100%!important; } .bx-messenger-call-overlay-full .bx-messenger-call-overlay-maxi {height: 100%!important;} .bx-messenger-call-overlay-full #bx-messenger-call-overlay-button-plus {display: none!important} .bx-messenger-call-overlay-full #bx-messenger-call-overlay-button-history {display: none} .bx-messenger-call-overlay-full #bx-messenger-call-overlay-button-history2 {display: none} .bx-messenger-call-overlay-full .bx-messenger-call-overlay-button-full { background-position: -67px -208px; } .bx-messenger-call-overlay-full .bx-messenger-call-overlay-maxi .bx-messenger-call-video-main-block { width: auto; height: 100%; margin: 0 auto; background-color: #000;} .bx-messenger-call-overlay-full .bx-messenger-call-overlay-call .bx-messenger-call-overlay-photo { height: 56.05643340857788%; } .bx-messenger-call-overlay-full .bx-messenger-box-contact { display: none } .bx-messenger-call-overlay-full .bx-messenger-box-contact-resize { display: none } .bx-messenger-call-overlay-full .bx-messenger-box-dialog { margin:0!important; height: 100%; width: 100%; } .bx-messenger-call-overlay-full .bx-messenger-body { height: 82%!important; } .bx-mac .bx-messenger-call-overlay-full .bx-messenger-body { height: 85%!important; } .bx-messenger-call-overlay-full .bx-messenger-call-overlay-call.bx-messenger-call-overlay-call-video .bx-messenger-call-overlay-alfa { padding-left: 21px;} .bx-messenger-call-overlay-full .bx-messenger-textarea-resize { cursor: default; background: none; } .bx-messenger-call-overlay-full-chrome-hack .bx-messenger-call-video-main-block { width: 100%; } .bx-messenger-call-video-users { position: absolute; right: 0px; z-index: 300; } .bx-messenger-call-overlay-group.bx-messenger-call-overlay-call-video .bx-messenger-call-video-mini { height: 108px; display: block } .bx-messenger-call-overlay-mini.bx-messenger-call-overlay-group.bx-messenger-call-overlay-call-video .bx-messenger-call-video-mini { display: none } .bx-messenger-call-overlay-line.bx-messenger-call-overlay-group.bx-messenger-call-overlay-call-video .bx-messenger-call-video-mini { display: none } .bx-messenger-call-overlay-group.bx-messenger-call-overlay-call-video .bx-messenger-call-video-mini-photo { height: 90px; width: 90px; margin-top: -24px; } .bx-messenger-call-overlay-group.bx-messenger-call-overlay-call-video .bx-messenger-call-video-mini-block { margin-left: -17px; margin-top: -35px; margin-bottom: 10px; width: 129px; height: 97px; background-color: #000; } .bx-chrome .bx-messenger-call-overlay-group.bx-messenger-call-overlay-call-video .bx-messenger-call-video-mini-block { margin-top: -27px; } .bx-messenger-call-overlay-group.bx-messenger-call-overlay-call-video .bx-messenger-call-video-users .bx-messenger-call-video-mini { float: none; cursor: pointer; } .bx-messenger-call-overlay-group.bx-messenger-call-overlay-call-video .bx-messenger-call-video-users .bx-messenger-call-video-mini-photo { margin-top: 10px;} .bx-messenger-call-overlay-group.bx-messenger-call-overlay-call-video .bx-messenger-call-video-users .bx-messenger-call-video-mini-block { margin-top: 6px!important;} .bx-messenger-call-video-hide {cursor: default!important} .bx-messenger-call-video-hide .bx-messenger-call-video-mini-block { display: none!important } .bx-messenger-call-video-hide .bx-messenger-call-video-mini-photo { opacity: 1!important; } .bx-messenger-call-video-block-hide { display: none!important } #bx-messenger-popup-keypad { opacity: .96; } .bx-messenger-calc-wrap {background-color: #3e4146;box-shadow: 0 0 0 1px #bcd0d5;font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; padding: 22px 23px 0;width: 200px;margin: -2px -2px 0 -1px; padding-bottom: 14px; } .bx-messenger-calc-wrap-desktop {margin: -2px 0 3px -2px;} .bx-messenger-calc-panel {outline:none; border: 1px solid; border-color: #212325 #232325 #27282b; -webkit-box-shadow: 0 1px 0 #696f75; box-shadow: 0 1px 0 #696f75, inset 0 0 5px 0 rgba(0,0,0,.40); border-radius: 2px;background-color: #676a6d; color: #fff; font-size: 20px; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; height: 28px; padding: 3px 8px; text-align: left; width: 180px;} .bx-messenger-calc-panel-input {outline:none; color: #fff; background: transparent; font-size: 20px; border:0; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; height: 26px; width: 158px;} .bx-messenger-calc-panel-active .bx-messenger-calc-panel-delete { opacity: 1; cursor: pointer; } .bx-messenger-calc-panel-delete { width: 22px; height: 17px; background: url("./../images/im-sprite-v12.png") no-repeat scroll -171px -817px; display: block; opacity: 0; transition: opacity .5s; position: absolute; right: 37px;margin-top: 6px;} .bx-messenger-calc-btns-block {margin: 16px -4px 0;} .bx-messenger-calc-btn {background: -webkit-linear-gradient(top, #46484b, #343539);background: -moz-linear-gradient(top, #46484b, #343539);background: -ms-linear-gradient(top, #46484b, #343539);background: -o-linear-gradient(top, #46484b, #343539);background: linear-gradient(to bottom, #46484b, #343539);border: 1px solid;border-color: #8b8d90 #4a4e52 #383b3e;-webkit-box-shadow: 0 1px 0 #2b2e31;box-shadow: 0 1px 0 #2b2e31;border-radius: 5px;cursor: pointer;display: inline-block;height: 31px;margin: 4px;position: relative;vertical-align: top;width: 59px;} .bx-messenger-calc-btn:hover {background-image: -webkit-linear-gradient(top, #5d6064, #4c4e52);background-image: -moz-linear-gradient(top, #5d6064, #4c4e52);background-image: -ms-linear-gradient(top, #5d6064, #4c4e52);background-image: -o-linear-gradient(top, #5d6064, #4c4e52);background-image: linear-gradient(to bottom, #5d6064, #4c4e52);border-bottom-color: #3d4145;-webkit-box-shadow: 0 1px 0 #34373a;box-shadow: 0 1px 0 #34373a;} .bx-messenger-calc-btn:active {background-image: -webkit-linear-gradient(top, #52565a, #5b5d62);background-image: -moz-linear-gradient(top, #52565a, #5b5d62);background-image: -ms-linear-gradient(top, #52565a, #5b5d62);background-image: -o-linear-gradient(top, #52565a, #5b5d62);background-image: linear-gradient(to bottom, #52565a, #5b5d62);-webkit-box-shadow: inset 0 1px 0 #44474b, inset 0 1px 2px rgba(0,0,0,.3);box-shadow: inset 0 1px 0 #44474b, inset 0 1px 2px rgba(0,0,0,.3); border-color: #41464b #42464b #43464b;} .bx-messenger-calc-btn-num { background: url("./../images/im-sprite-v12.png") no-repeat 100px 100px;height: 31px;left: 0;top: 0;position: absolute;width: 59px;} .bx-messenger-calc-btn-1 .bx-messenger-calc-btn-num {background-position: left -1345px;} .bx-messenger-calc-btn-2 .bx-messenger-calc-btn-num {background-position: left -1379px;} .bx-messenger-calc-btn-3 .bx-messenger-calc-btn-num {background-position: left -1413px;} .bx-messenger-calc-btn-4 .bx-messenger-calc-btn-num {background-position: left -1447px;} .bx-messenger-calc-btn-5 .bx-messenger-calc-btn-num {background-position: left -1481px;} .bx-messenger-calc-btn-6 .bx-messenger-calc-btn-num {background-position: left -1515px;} .bx-messenger-calc-btn-7 .bx-messenger-calc-btn-num {background-position: left -1548px;} .bx-messenger-calc-btn-8 .bx-messenger-calc-btn-num {background-position: left -1582px;} .bx-messenger-calc-btn-9 .bx-messenger-calc-btn-num {background-position: left -1616px;} .bx-messenger-calc-btn-0 .bx-messenger-calc-btn-num {background-position: left -1684px;} .bx-messenger-calc-btn-10 .bx-messenger-calc-btn-num {background-position: left -1650px;} .bx-messenger-calc-btn-11 .bx-messenger-calc-btn-num {background-position: left -1717px;} .bx-messenger-calc-corner {background: url("./../images/im-sprite-v12.png") no-repeat -13px -1763px;height: 9px;margin-left: -8px;top: -14px;left: 50%;position: absolute;width: 17px;} .bx-messenger-call-btn-wrap {padding-top: 14px; text-align: center;} .bx-messenger-call-btn {background-color: #95b91b;background-image: -webkit-linear-gradient(top, #a5c31e, #81ac17);background-image: -moz-linear-gradient(top, #a5c31e, #81ac17);background-image: -ms-linear-gradient(top, #a5c31e, #81ac17);background-image: -o-linear-gradient(top, #a5c31e, #81ac17);background-image: linear-gradient(to bottom, #a5c31e, #81ac17);border: 1px solid;border-color: #a3c926 #8cb11d #739913;border-radius: 4px;-webkit-box-shadow: inset 0 1px 0 #d2e12d;box-shadow: inset 0 1px 0 #d2e12d;cursor: pointer;display: inline-block;height: 29px;padding: 0 12px 0 35px;position: relative;vertical-align: top;} .bx-messenger-call-btn:hover {background-color: #a9cf2f;background-image: -webkit-linear-gradient(top, #b5d534, #98c528);background-image: -moz-linear-gradient(top, #b5d534, #98c528);background-image: -ms-linear-gradient(top, #b5d534, #98c528);background-image: -o-linear-gradient(top, #b5d534, #98c528);background-image: linear-gradient(to bottom, #b5d534, #98c528);} .bx-messenger-call-btn:active {background: #789e12;border-color: #5c7619 #719414 #789e12;-webkit-box-shadow: inset 0 1px 0 #638017, inset 0 2px 0 #719414;box-shadow: inset 0 1px 0 #638017, inset 0 2px 0 #719414;border-radius: 3px;} .bx-messenger-call-btn-icon{ background: url("./../images/im-sprite-v12.png") no-repeat -56px -1760px;height: 17px;left: 9px;top: 7px;position: absolute;width: 16px;} .bx-messenger-call-btn-text {color: #fff;display: inline-block;font-size: 14px;font-weight: bold;line-height: 28px;text-shadow: 0 1px rgba(0,0,0,.2);} /* DESKTOP */ .im-desktop { overflow: hidden; margin:0; padding:0; background-color: #696f78; height: auto; } .im-desktop-reconnect { display:inline-block; background: url(./../images/wait-small.gif) no-repeat; padding-left: 31px; height: 17px; line-height: 20px;} .im-desktop .bx-messenger-smile-gallery { height: 98px } .im-desktop .bx-messenger-smile-gallery-set { height: 93px } .bx-desktop .bx-messenger-box { margin: 0; border-top: 0; width: auto;} .im-desktop .bx-messenger-history { margin: 0; width: auto; } .im-desktop .bx-notifier-indicator:hover { background: none; } .im-desktop .bx-notifier-hide { display: inline-block} .im-desktop .bx-desktop-content-overflow { overflow:auto; height: 450px; background-color: #fff; } .im-desktop .placeholder-lf { padding-top: 20px;} .im-desktop-popup { background-color: #FFF;} .bx-messenger-update-box {background-color: #f7f9f9; height: 494px; background: url(./../images/desktop-update.jpg) no-repeat bottom left;} .bx-messenger-update-box-text { width: 600px; margin: 0 auto; padding-top: 232px; font: 32px bold "Helvetica Neue",Helvetica,Arial,sans-serif; color: #fff; text-align: center; text-shadow: 0 1px rgba(0,0,0, 0.5); } .bx-messenger-update-box-btn { width: 600px; margin: 0 auto; padding-top: 43px; text-shadow: 0 1px rgba(255,255,255, 0.5); text-align: center; } /* SETTINGS */ .bx-messenger-settings { display: inline-block; width: 556px; padding: 7px 5px 1px; font: 13px "Helvetica Neue",Helvetica,Arial,sans-serif; } .bx-messenger-settings-tabs { height: 39px;vertical-align: top; overflow: hidden; margin-bottom: -1px;} .bx-messenger-settings-tab { border: 1px solid #baced4; border-bottom: 1px solid #e5e4eb; text-decoration: none; display:inline-block; height: 31px; margin: 6px 4px 0 0; background-color: #dcdee1; background-image: linear-gradient(to bottom, #f5f7f8, #e5e9ec); background-image:-moz-linear-gradient(top, #f5f7f8, #e5e9ec); background-image:-webkit-gradient(linear, left top, left bottom, from(#f5f7f8), to(#e5e9ec)); background-image:-ms-linear-gradient(top, #f5f7f8, #e5e9ec); background-image:linear-gradient(to bottom, #f5f7f8, #e5e9ec); font: bold 12px/32px "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: bold; color: #7a889d; padding: 0 18px; text-shadow: -1px 1px 1px rgba(255, 255, 255, 0.8); border-radius: 5px 5px 0 0; vertical-align: top; cursor: pointer; } .bx-messenger-settings-tab-active { height: 35px; margin: 4px 4px 0 0; background: #ffffff; color: #565c67; line-height: 34px; border-bottom: 0; cursor: default; } .bx-messenger-settings-contents { border: 1px solid #baced4; border-radius: 0 3px 3px 3px; color: #010101} .bx-messenger-settings-content { padding: 20px 17px; width: 520px; max-height: 320px; overflow:auto; overflow-x: hidden;display: none;} .bx-messenger-settings-content-active { display: block } .bx-messenger-settings-table-extra { border: 1px solid #f0f2f3; border-right: 0; border-bottom: 0; margin-bottom: 16px; width: 100% } .bx-messenger-settings-table-extra td, .bx-messenger-settings-table-extra th { border: 1px solid #f0f2f3; border-left: 0; border-top: 0; padding: 13px 10px; text-align: center;} .bx-messenger-settings-table-extra td:first-child { text-align: left; } .bx-messenger-settings-table-extra th { padding-top: 5px; padding-bottom: 6px } .bx-messenger-settings-table-extra th:first-child { width: 100% } .bx-messenger-settings-table-extra .bx-messenger-settings-table-sep { background-color: #eeeff1; color: #838385; text-transform: uppercase; padding: 5px 10px 4px;font-size: 11px;font-weight: bold;} .bx-messenger-settings-table-extra-simpleNotify { margin-top: 10px} .bx-messenger-settings-link { cursor: pointer; text-decoration: underline; color: #4f78c3} .bx-messenger-settings-space { display: block; height: 8px } .bx-messenger-settings-table > tr > td { padding: 0 10px 2px 0;} .bx-messenger-settings-table-style-privacy, .bx-messenger-settings-table-style-privacy > tr > td { width: auto } .bx-messenger-settings-notify-type { margin-bottom: 20px; background-color: #eff3f5; border-radius: 4px; line-height: 43px; padding-left: 7px; margin: -8px -7px 16px; } .bx-messenger-settings-notify-type label { padding-right: 10px } .bx-messenger-settings-notify-important { margin-bottom: 10px} .bx-messenger-settings-notify-clients-title { margin-bottom: 10px; padding-left: 5px; } .bx-messenger-settings-notify-clients-item { margin-bottom: 5px; } /* NOTIFY MANAGER */ .bx-notifyManager-item .bx-notifier-item, .im-desktop-popup .bx-notifier-item { width: 450px; padding: 0;} .bx-notifyManager-item .bx-notifier-item-date, .im-desktop-popup .bx-notifier-item-date { line-height: 18px;} .bx-notifyManager-item .bx-notifier-item-content, .im-desktop-popup .bx-notifier-item-content { padding: 5px 3px; min-height: 0} .bx-notifyManager-animation {display: block!important;transition: opacity 1s;} /* QUIRKS MODE */ .bx-quirks .bx-messenger-box-contact { float: left; position:relative; display:none; } .bx-quirks .bx-messenger-box-dialog { float: right; margin: 0!important; padding-left: 254px; } .bx-quirks .bx-messenger-box-extra { float: right;} .bx-quirks .bx-messenger-cl-item { clear: both} .bx-quirks .bx-messenger-cl-notify-text {float:left} .bx-quirks .bx-messenger-cl-panel-status-wrap{float:left} .bx-quirks .bx-messenger-cl-panel-right-wrap{float:right} .bx-quirks .bx-messenger-box-contact-resize { display: none} .bx-quirks .bx-messenger-cl-avatar { width: auto; height: auto; padding:0px 0px 0px 3px; overflow:hidden} .bx-quirks .bx-messenger-cl-avatar-img { margin-top: 3px; width: 26px; height: 26px; } .bx-quirks .bx-messenger-recent-wrap .bx-messenger-cl-avatar-img { margin-top: 3px; width: 32px; height: 32px; } .bx-quirks .bx-messenger-recent-wrap .bx-messenger-cl-status { margin-top: 25px; margin-bottom: -4px; } .bx-quirks .bx-notifier-item { clear: both } .bx-quirks .bx-notifier-item-avatar { width: auto; height: auto; padding:0px 3px 0px 3px; overflow:hidden} .bx-quirks .bx-notifier-item-avatar-img { margin-top: 3px; width: 32px; height: 32px; } .bx-quirks .bx-notifier-item-avatar-group { margin:0 ; border: 0; background: none;} .bx-quirks .bx-notifier-item-avatar-group .bx-notifier-item-avatar { margin:0 ; } .bx-quirks .bx-notifier-item-name { width: 400px; margin-top:-20px} .bx-quirks .bx-messenger-panel-avatar { width: auto; height: auto; padding:0px 0 0px 3px; overflow:hidden} .bx-quirks .bx-messenger-panel-avatar-img { margin-top: 3px; width: 32px; height: 32px; } .bx-quirks .bx-messenger-panel-avatar-status { margin-top: 25px; margin-bottom: -4px; } .bx-quirks .bx-messenger-avatar-notify { width: 40px; height: 40px; padding:0px; overflow:hidden;} .bx-quirks .bx-messenger-textarea-resize { display: none } .bx-quirks .bx-messenger-body-wrap {padding:0 10px;} .bx-quirks .bx-messenger-content-item-content { margin:0 } .bx-quirks .bx-messenger-content-item-avatar { display:none } .bx-quirks .bx-messenger-content-item-quote { display:none } .bx-quirks .bx-messenger-panel-title { margin-top: 17px; width: 200px; padding-top:0; } .bx-quirks .bx-messenger-panel-title-chat { margin-top: 10px; width: 200px; padding-top:0; } .bx-quirks .bx-messenger-panel-title-middle { margin-top: 27px; width: 200px; padding-top:0; } .bx-quirks .bx-messenger-cl-search-wrap .bx-messenger-input { width: 96%; margin-left: -10px; height: 20px } .bx-quirks .bx-messenger-cl-user { width: 119px; } .bx-quirks .bx-messenger-textarea { } .bx-quirks .bx-messenger-textarea-input { width: 500px; margin-top: -43px; } .bx-quirks .bx-notifier-content-empty { padding-top: 300px!important;padding-bottom: 0px!important; vertical-align: bottom } .bx-quirks .bx-notifier-wrap { float: left; } .bx-quirks .bx-notifier-item-wrap { height: 389px!important; } .bx-quirks .bx-notifier-content-link-history { clear: both } .bx-quirks .bx-messenger-cl-switcher-tab { width: 114px; } .bx-quirks .bx-messenger-cl-switcher-tab-wrap { line-height: 26px; } .bx-quirks .bx-messenger-box-empty { padding-top: 300px; padding-bottom: 133px; line-height: 26px; width: 100%; vertical-align: bottom; } .bx-quirks .bx-notifyManager-item .bx-notifier-item-name { width: 300px;} .bx-quirks .bx-notifyManager-item .bx-notifier-item .bx-notifier-item-content { border: 0;} .bx-quirks .bx-messenger-cl-group-title { line-height: 20px}