@charset "UTF-8";

.globals-sprite, #branding_header .header-search .search-icon:after, #branding_header .zd-searchmenu-root span.icon, .custom-branding-light #user_options .header-search .search-icon:after, .custom-branding-dark #user_options .header-search .search-icon:after, div.ticket_call_console .action-bar .details .caller-location .icon, .delimited_items > span, .column-editor .search-container .search_icon {
    background: url(../images/globals.png) no-repeat;
}

.tabs-sprite, .custom-branding-light #tabs .tab.search .icon, #tabs .tab.add .icon, .custom-header-light #tabs .tab.add .icon, #tabs .tab.organization .icon, #tabs .tab.organization.selected .icon, #tabs .tab.user .icon, #tabs .tab.user.selected .icon, #tabs .tab.web .icon, #tabs .tab.web.selected .icon, #tabs .tab.chat .icon, #tabs .tab.chat.selected .icon, #tabs .tab.mail .icon, #tabs .tab.mail.selected .icon, #tabs .tab.facebook .icon, #tabs .tab.facebook.selected .icon, #tabs .tab.twitter .icon, #tabs .tab.twitter.selected .icon, #tabs .tab.voice_voicemail .icon, #tabs .tab.voice_voicemail.selected .icon, #tabs .tab.voice_inbound .icon, #tabs .tab.voice_inbound.selected .icon, #tabs .tab.voice_outbound .icon, #tabs .tab.voice_outbound.selected .icon, #tabs .tab.search .icon, #tabs .tab.search.selected .icon, .custom-branding-light #tabs .tab.organization .icon, .custom-branding-light #tabs .tab.user .icon, .custom-branding-light #tabs .tab.web .icon, .custom-branding-light #tabs .tab.chat .icon, .custom-branding-light #tabs .tab.mail .icon, .custom-branding-light #tabs .tab.facebook .icon, .custom-branding-light #tabs .tab.twitter .icon, .custom-branding-light #tabs .tab.voice_voicemail .icon, .custom-branding-light #tabs .tab.voice_inbound .icon, .custom-branding-light #tabs .tab.voice_outbound .icon, .custom-branding-light #tabs .tab.add .icon, .dialer #voice-section #call-console .agent-number .number.called-from, .dialer #voice-section #call-console .agent-number .number.received-at {
    background: url(../images/tabs.png) no-repeat;
}

.channels-sprite, .channels-control #voice-control .indicator, .channels-control .channel-header.client.voice-offline .channel-icon.voice, .channels-control .channel-header.phone.voice-offline .channel-icon.voice, .channels-control .channel-header.available.voice-offline .channel-icon.voice, .channels-control .channel-header .channel-icon.voice, .channels-control .channel-header .channel-icon.voice.client, .channels-control .channel-header .channel-icon.voice.phone, .channels-control .channel-header .channel-icon.voice.ring-1, .channels-control .channel-header .channel-icon.voice.ring-2, .channels-control .channel-header .channel-icon.voice.ring-3, .channels-control .channel-header .channel-icon.voice.on-call, .channels-control .channel-header .channel-icon.voice.wrap-up, .channels-control .channel-header .channel-icon.chat, .channels-control .channel-header .channel-icon.chat.available, .channels-control .channel-header .channel-icon.chat .indicator, #voice_control .voice, #voice_control .voice.client, #voice_control .voice.phone, #voice_control .voice.ring-1, #voice_control .voice.ring-2, #voice_control .voice.ring-3, #voice_control .voice.on-call, #voice_control .voice.wrap-up, #user_options .chat_icon .chat_summary .invite .controls .info .username, #user_options .chat_icon .chat_summary .invite .controls .info .time, #user_options .call_timer .voice_timer, .custom-branding-dark #user_options .call_timer .voice_timer, #user_options .call_timer .voice_timer.wrap-up, .custom-branding-dark #user_options .call_timer .wrap-up, #user_options #chat-icon, #user_options #chat-icon.online, #user_options #chat-icon.active, #user_options #chat-icon.online.active, .custom-branding-light .channels-control .channel-header.client.voice-offline .channel-icon.voice, .custom-branding-light .channels-control .channel-header.phone.voice-offline .channel-icon.voice, .custom-branding-light .channels-control .channel-header.available.voice-offline .channel-icon.voice, .custom-branding-light .channels-control .channel-header .channel-icon.voice, .custom-branding-light .channels-control .channel-header .channel-icon.voice.client, .custom-branding-light .channels-control .channel-header .channel-icon.voice.phone, .custom-branding-light .channels-control .channel-header .channel-icon.voice.ring-1, .custom-branding-light .channels-control .channel-header .channel-icon.voice.ring-2, .custom-branding-light .channels-control .channel-header .channel-icon.voice.ring-3, .custom-branding-light .channels-control .channel-header .channel-icon.voice.on-call, .custom-branding-light .channels-control .channel-header .channel-icon.voice.wrap-up, .custom-branding-light .channels-control .channel-header .channel-icon.chat, .custom-branding-light .channels-control .channel-header .channel-icon.chat.available, .custom-branding-light #user_options #chat-icon, .custom-branding-light #user_options #chat-icon.online, .custom-branding-light #user_options #chat-icon.active, .custom-branding-light #user_options #chat-icon.online.active, .custom-branding-dark .channels-control .channel-header.client.voice-offline .channel-icon.voice, .custom-branding-dark .channels-control .channel-header.phone.voice-offline .channel-icon.voice, .custom-branding-dark .channels-control .channel-header.available.voice-offline .channel-icon.voice, .custom-branding-dark .channels-control .channel-header .channel-icon.voice, .custom-branding-dark .channels-control .channel-header .channel-icon.voice.client, .custom-branding-dark .channels-control .channel-header .channel-icon.voice.phone, .custom-branding-dark .channels-control .channel-header .channel-icon.voice.ring-1, .custom-branding-dark .channels-control .channel-header .channel-icon.voice.ring-2, .custom-branding-dark .channels-control .channel-header .channel-icon.voice.ring-3, .custom-branding-dark .channels-control .channel-header .channel-icon.voice.on-call, .custom-branding-dark .channels-control .channel-header .channel-icon.voice.wrap-up, .custom-branding-dark .channels-control .channel-header .channel-icon.chat, .custom-branding-dark .channels-control .channel-header .channel-icon.chat.available, .custom-branding-dark #user_options #chat-icon, .custom-branding-dark #user_options #chat-icon.online, .custom-branding-dark #user_options #chat-icon.active, .custom-branding-dark #user_options #chat-icon.online.active, div.ticket_call_console .action-bar .details .customer-number .icon, div.ticket_call_console .action-bar .buttons .transfer, div.ticket_call_console .action-bar .buttons .hold-actions button.hold, div.ticket_call_console .action-bar .buttons .hold-actions button.hold.active, div.ticket_call_console .action-bar .upper-console button.transfer, div.ticket_call_console .action-bar .buttons .hold-actions button.transfer.active, div.ticket_call_console .action-bar .buttons button.mute, div.ticket_call_console .action-bar .buttons button.muted, #chat_frame .chat_form .chat_status .message .indicator, .twitter-action.follow.disabled i, .twitter-action.unfollow.disabled i, .twitter-action.follow i, .twitter-action.favorite i, .twitter-action.favorite:hover i, .twitter-action.favorite.disabled i, .twitter-action.unfavorite i, .twitter-action.unfavorite.disabled i, .twitter-action.retweet i, .twitter-action.retweet:hover i, .twitter-action.retweet.disabled i, .twitter-action.unretweet i, .twitter-action.unretweet.disabled i, .twitter-action.reply i, .twitter-action.reply:hover i, .twitter-action.reply.disabled i, .dialer .split .browser, .dialer .split .phone, .dialer .split .noweb, .dialer .split button:hover .browser, .dialer .split button:hover .phone, .dialer .split button:hover .noweb, .dialer .split .menu li:hover .browser, .dialer .split .menu li:hover .phone, .dialer .split .menu li:hover .noweb, .dialer .split .menu li.not-configured:hover .phone, .dialer .change-settings, .dialer #voice-section #voice-logo, .dialer #voice-section #dialout-icon, .dialer #voice-section .logo-wrapper #outbound-logo, .dialer #voice-section .logo-wrapper #outbound-logo.dialer-open, .dialer #voice-section .logo-wrapper:hover #outbound-logo, .dialer #voice-section #console-messaging .indicator, .dialer #voice-section .upper-console .toggle-mute, .dialer #voice-section .upper-console .toggle-mute.muted, .dialer #voice-section #call-console .action-bar .upper-console .hold, .dialer #voice-section #call-console .action-bar .upper-console .hold.active, .dialer #voice-section #call-console .action-bar .upper-console .transfer, .dialer #voice-section #call-console .action-bar .upper-console .transfer.active, .dialer #voice-section #call-console .action-bar .mute, .dialer #voice-section #call-console .action-bar .muted, .dialer #voice-section #call-console .info .location, .dialer #voice-section #voice-dialer #dialer-inner #dialed-number-wrapper, .dialer #voice-section #voice-dialer #dialer-inner #dialed-number-wrapper #backspace-wrapper #backspace-button, .dialer #chat-section #chat-logo, .dialer #chat-section #chat-status .indicator, .voice_webrtc_settings_modal .message .icon.error, .voice_webrtc_settings_modal .message .icon.success, .channels-control .channel-header .channel-icon.voice.confirm {
    background: url(../images/channels.png) no-repeat;
}

.channel-icon.notification-center{
    opacity: 0.5;
    background: url(../images/bell.svg) no-repeat;
    background-size:  20px 17px;
    background-position: center;
}
.channels-control:hover .channel-icon.notification-center,.channels-control:focus .channel-icon.notification-center{
    opacity: 1;
}

.dialer .split button:hover .phone-mobile, .dialer .split .phone-mobile, .dialer .split .menu li:hover .phone-mobile {
    background: url(../images/voice-mobile.png) no-repeat;
}

#chat-control .channel-header .channel-icon.chat {
    background: url(../images/channels.png) no-repeat;
}

.objects-sprite, .items .icon.ticket, .items .icon.user, .items .icon.organization, .items .icon.article, .items .icon.topic, .items .icon.forum, .items .icon.idea, .items .icon.question, .items .icon.group, .dialer #voice-section #voice-dialer #dialer-inner #autocomplete-user ul li img, .group_memberships .icon.group {
    background: url(../images/objects-scfd.png) no-repeat;
}

.flags-sprite, .flags-ad, .flags-ae, .flags-af, .flags-ag, .flags-ai, .flags-al, .flags-am, .flags-an, .flags-ao, .flags-aq, .flags-ar, .flags-as, .flags-at, .flags-au, .flags-aw, .flags-ax, .flags-az, .flags-ba, .flags-bb, .flags-bd, .flags-be, .flags-bf, .flags-bg, .flags-bh, .flags-bi, .flags-bj, .flags-bl, .flags-bm, .flags-bn, .flags-bo, .flags-br, .flags-bs, .flags-bt, .flags-bv, .flags-bw, .flags-by, .flags-bz, .flags-ca, .flags-catalonia, .flags-cc, .flags-cd, .flags-cf, .flags-cg, .flags-ch, .flags-ci, .flags-ck, .flags-cl, .flags-cm, .flags-cn, .flags-co, .flags-cr, .flags-cs, .flags-cu, .flags-cv, .flags-cx, .flags-cy, .flags-cz, .flags-de, .flags-dj, .flags-dk, .flags-dm, .flags-do, .flags-dz, .flags-ec, .flags-ee, .flags-eg, .flags-eh, .flags-england, .flags-er, .flags-es, .flags-et, .flags-europeanunion, .flags-fam, .flags-fi, .flags-fj, .flags-fk, .flags-fm, .flags-fo, .flags-fr, .flags-ga, .flags-gb, .flags-gd, .flags-ge, .flags-gf, .flags-gh, .flags-gi, .flags-gl, .flags-gm, .flags-gn, .flags-gp, .flags-gq, .flags-gr, .flags-gs, .flags-gt, .flags-gu, .flags-gw, .flags-gy, .flags-hk, .flags-hm, .flags-hn, .flags-hr, .flags-ht, .flags-hu, .flags-id, .flags-ie, .flags-il, .flags-im, .flags-in, .flags-io, .flags-iq, .flags-ir, .flags-is, .flags-it, .flags-jm, .flags-jo, .flags-jp, .flags-ke, .flags-kg, .flags-kh, .flags-ki, .flags-km, .flags-kn, .flags-kp, .flags-kr, .flags-kw, .flags-ky, .flags-kz, .flags-la, .flags-lb, .flags-lc, .flags-li, .flags-lk, .flags-lr, .flags-ls, .flags-lt, .flags-lu, .flags-lv, .flags-ly, .flags-ma, .flags-mc, .flags-md, .flags-me, .flags-mf, .flags-mg, .flags-mh, .flags-mk, .flags-ml, .flags-mm, .flags-mn, .flags-mo, .flags-mp, .flags-mq, .flags-mr, .flags-ms, .flags-mt, .flags-mu, .flags-mv, .flags-mw, .flags-mx, .flags-my, .flags-mz, .flags-na, .flags-nc, .flags-ne, .flags-nf, .flags-ng, .flags-ni, .flags-nl, .flags-no, .flags-np, .flags-nr, .flags-nu, .flags-nz, .flags-om, .flags-pa, .flags-pe, .flags-pf, .flags-pg, .flags-ph, .flags-pirate, .flags-pk, .flags-pl, .flags-pm, .flags-pn, .flags-pr, .flags-ps, .flags-pt, .flags-pw, .flags-py, .flags-qa, .flags-re, .flags-ro, .flags-rs, .flags-ru, .flags-rw, .flags-sa, .flags-sb, .flags-sc, .flags-scotland, .flags-sd, .flags-se, .flags-sg, .flags-sh, .flags-si, .flags-sj, .flags-sk, .flags-sl, .flags-sm, .flags-sn, .flags-so, .flags-sr, .flags-st, .flags-sv, .flags-sy, .flags-sz, .flags-tc, .flags-td, .flags-tf, .flags-tg, .flags-th, .flags-tj, .flags-tk, .flags-tl, .flags-tm, .flags-tn, .flags-to, .flags-tr, .flags-tt, .flags-tv, .flags-tw, .flags-tz, .flags-ua, .flags-ug, .flags-um, .flags-us, .flags-uy, .flags-uz, .flags-va, .flags-vc, .flags-ve, .flags-vg, .flags-vi, .flags-vn, .flags-vu, .flags-wales, .flags-wf, .flags-ws, .flags-ye, .flags-yt, .flags-za, .flags-zm, .flags-zw {
    background: url(../images/flags.png) no-repeat;
}

.launchpad-sprite {
    background: url(/agent/assets/sprites/launchpad-s25bcee6b3d-da10099cfa6351458e476cce9b1b990a.png) no-repeat;
}

.navigation-sprite {
    background: url(/agent/assets/sprites/navigation-s93e3003170-f57317924cf69bcb51b1b0051caa6d97.png) no-repeat;
}

.suggest {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    margin-top: 18px;
    background: #fff;
    border: 1px solid #DDD;
    border-radius: 3px;
    box-shadow: 0 0 5px rgba(0,0,0,0.1);
    max-width: 300px;
    z-index: 10;
}

.suggest-ul {
    margin: 0px;
}

.scrollable-ul {
    position: relative;
    overflow: auto;
}

.suggest-li {
    padding: 5px 10px;
    border-bottom: 1px solid #DDD;
    line-height: 18px;
    font-weight: bold;
    font-size: 12px;
    line-height: 18px;
    border-left: 2px solid #fff;
    display: block;
}

.suggest-li-focus {
    border-left: 2px solid #78a300;
}

.suggest-detail {
    color: #737373;
    font-weight: normal;
}

.organization .navigationbar h4:first-of-type a, .user .navigationbar h4:first-of-type a {
    margin-left: 0;
}

.navigationbar {
    clear: both;
    padding-top: 18px;
    white-space: nowrap;
}

.navigationbar::after {
    clear: both;
    content: '';
    display: block;
}

.navigationbar h4 {
    display: inline-block;
}

.navigation-item {
    border-bottom: 3px transparent solid;
    color: #555;
    cursor: pointer;
    display: block;
    font-size: 13px;
    font-weight: normal;
    margin: 0 15px;
    padding: 2px 0;
}

.navigation-item:hover {
    color: #555;
    border-bottom-color: #e6e6e6;
}

.navigation-item::after {
    content: attr(data-title-value);
    display: block;
    font-weight: bold;
    height: 1px;
    overflow: hidden;
    visibility: hidden;
}

.navigation-item.active {
    border-bottom-color: #78a300;
    font-weight: bold;
}

.dropdown-container .dropdown-toggle {
    cursor: pointer;
}

.dropdown-menu {
    margin: -6px 0 0 15px;
}

.dropdown-menu .selected::after {
    background: url(../images/ico_check.png) no-repeat;
    content: '';
    display: block;
    height: 10px;
    margin: 0 1px;
    position: absolute;
    right: 20px;
    top: 11px;
    width: 10px;
}

.dropdown-menu li {
    position: relative;
}

.dropdown-menu li a {
    padding-right: 54px;
}

.subnav-dropdown .dropdown-container {
    font-size: 12px;
    line-height: 16px;
    padding: 30px 30px 10px;
}

.subnav-dropdown .dropdown-toggle {
    font-family: MyHelveticaNeue, Helvetica Neue, Helvetica, Arial, Sans-serif;
    font-size: 12px;
    font-weight: bold;
}

.subnav-dropdown .dropdown-toggle::after {
    background: url(../images/ico_arrow.png) no-repeat;
    content: '';
    display: inline-block;
    height: 5px;
    margin: 0 1px;
    width: 8px;
}

.query-box .subnav-dropdown .dropdown-toggle::after {
    margin: 4px 1px;
}

.settings-dropdown {
    display: inline-block;
    position: absolute;
    right: 10px;
}

.settings-dropdown .ui-icon {
    display: inline-block;
    border-top: 5px;
}

.settings-dropdown .dropdown-toggle {
    background: url(/agent/assets/sprites/components/settings_menu-874303e3df5782b50a17ef00c7ef63ea.png) no-repeat;
    content: '';
    display: inline-block;
    height: 24px;
    margin: 0 1px;
    width: 32px;
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx) {
    .subnav-dropdown .dropdown-toggle::after {
        background: url(../images/ico_arrow_2X.png) no-repeat;
        background-size: 100%;
    }

    .dropdown-menu .selected::after {
        background: url(../images/ico_check.png) no-repeat;
        background-size: 100%;
    }
}

.ticket_collision {
    color: #555;
    margin: 11px 9px 4px 9px;
    padding: 10px 0 0;
    position: relative;
    height: 64px;
    z-index: 10;
}

.ticket_collision p {
    font-weight: bold;
}

.ticket_collision .user_photos {
    position: relative;
}

.ticket_collision .user_photo {
    display: block;
    margin: 6px 6px 0 0;
    height: 32px;
    width: 32px;
}

.ticket_collision .user_photo .photo_badge {
    display: none;
}

.collision_avatar {
    position: absolute;
}

.collision_avatar, .collision_avatar.is-editing::before {
    border-radius: 3px;
}

.collision_avatar .tooltip {
    left: 0 !important;
    padding: 5px 0;
}

.collision_avatar .tooltip .tooltip-arrow {
    left: 16px;
}

.collision_avatar .tooltip .tooltip-inner {
    padding: 0;
}

.collision_avatar.is-editing::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 3;
    box-shadow: inset 0 0 0 2px #54bbe2;
}

.collision_avatar.is-idle img {
    opacity: 0.4;
}

.collision_avatar.is-idle::before {
    box-shadow: inset 0 0 0 2px #abdef1;
}

.collision_avatar .profile {
    width: 32px;
    height: 32px;
}

.ticket_collision .overflow {
    left: 266px;
}

.ticket_collision .overflow .profile {
    display: inline-block;
    border: 1px solid #25a902;
    line-height: 30px;
    text-align: center;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #fff;
    height: 32px;
    width: 32px;
}

.collision_tooltip {
    color: #fff;
    padding: 15px;
    text-align: left;
}

.collision_tooltip .name {
    font-size: 13px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.collision_tooltip .status {
    font-size: 11px;
    font-weight: 100;
}

.collision_tooltip.overflow {
    padding: 10px;
    white-space: nowrap;
}

.collision_tooltip.overflow div, .collision_tooltip.overflow .profile {
    vertical-align: middle;
}

.collision_tooltip.overflow .user {
    margin-top: 15px;
}

.collision_tooltip.overflow .user:first-child {
    margin-top: 0px;
}

.collision_tooltip.overflow .user .collision_avatar, .collision_tooltip.overflow .user .details {
    display: inline-block;
}

.collision_tooltip.overflow .user .collision_avatar {
    margin-right: 10px;
    position: relative;
}

.z-tooltip {
    background-color: white;
    border: 1px solid rgba(0,0,0,0.2);
    border-radius: 3px;
    box-shadow: 0 5px 10px rgba(0,0,0,0.2);
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-top: 50px;
    opacity: 0;
    padding: 30px;
    position: absolute;
    top: 30px;
    transition: margin-top 500ms ease,opacity 500ms ease;
    width: 350px;
    z-index: 10;
}

.z-tooltip h3 {
    font-weight: bold;
}

.z-tooltip h3::after {
    color: #25B6FC;
    content: attr(data-header-tag);
    display: inline-block;
    font-size: 10px;
    margin-left: 6px;
}

.z-tooltip p {
    margin-top: 2px;
}

.z-tooltip.active {
    margin-top: 0;
    margin-right: 0;
    opacity: 1;
}

.z-tooltip .close {
    padding: 0 4px;
    position: absolute;
    top: 15px;
    right: 15px;
}

.z-tooltip::before {
    background-color: white;
    content: '';
    height: 12px;
    position: absolute;
    -webkit-transform-origin: center 50%;
    -ms-transform-origin: center 50%;
    transform-origin: center 50%;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    width: 12px;
}

.z-tooltip.up::before {
    border-left: 1px solid rgba(0,0,0,0.2);
    border-top: 1px solid rgba(0,0,0,0.2);
    left: 30px;
    top: -7px;
}

.z-tooltip.down::before {
    border-bottom: 1px solid rgba(0,0,0,0.2);
    border-right: 1px solid rgba(0,0,0,0.2);
    bottom: -7px;
    left: 30px;
}

.z-tooltip.left::before {
    border-bottom: 1px solid rgba(0,0,0,0.2);
    border-left: 1px solid rgba(0,0,0,0.2);
    left: -7px;
    top: 30px;
}

.z-tooltip.right::before {
    border-right: 1px solid rgba(0,0,0,0.2);
    border-top: 1px solid rgba(0,0,0,0.2);
    right: -7px;
    top: 30px;
}

.switch {
    position: relative;
    width: 60px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: default;
}

.switch-checkbox {
    display: none;
}

.switch-label {
    display: block;
    height: 30px;
    margin-bottom: 0;
    cursor: pointer;
    border: none;
    border-radius: 6px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-color: transparent;
}

.switch-bg {
    display: block;
    width: 200%;
    margin-left: -100%;
    -webkit-transition: margin 0.15s ease-in;
    -webkit-transition-delay: 0s;
    transition: margin 0.15s ease-in 0s;
}

.switch-content {
    width: 100%;
    height: 100%;
    background-color: transparent;
    position: relative;
    display: block;
    cursor: pointer;
}

.switch-content:before, .switch-content:after {
    position: absolute;
    padding: 0;
    line-height: 30px;
    font-size: 13px;
    color: #fff;
    font-weight: 600;
}

.switch-content:before {
    opacity: 0;
    text-align: left;
    left: 20%;
}

.switch-content:after {
    text-align: right;
    right: 20%;
}

.switch-toggle {
    display: block;
    width: 24px;
    margin: 3px;
    background: #fff;
    border: none;
    border-radius: 4px;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 30px;
    -webkit-transition: all 0.15s ease-in;
    -webkit-transition-delay: 0s;
    transition: all 0.15s ease-in 0s;
}

.switch-container.disabled .switch-toggle {
    background-color: #777;
}

.switch-container.disabled .switch-content {
    background-color: #AAA;
}

.switch-checkbox + .switch-content {
    background-color: #DEDEDE;
    -webkit-transition: background-color 0.15s ease-in;
    -webkit-transition-delay: 0s;
    transition: background-color 0.15s ease-in 0s;
}

.switch-checkbox:checked + .switch-content {
    border-radius: 6px;
    background-color: #78A300;
}

.switch-checkbox:checked + .switch-content .switch-bg {
    margin-left: 0;
}

.switch-checkbox:checked + .switch-content .switch-toggle {
    right: 0px;
}

.switch-checkbox:checked + .switch-content:before {
    opacity: 1;
}

.switch-checkbox:checked + .switch-content:after {
    opacity: 0;
}

.switch-checkbox[disabled] + .switch-content {
    border-radius: 6px;
    background-color: #DEDEDE;
    cursor: not-allowed;
}

.save-state {
    position: absolute;
    left: -25px;
}

.save-inprogress, .save-success, .save-error {
    display: inline-block;
    line-height: 30px;
    font-size: 12px;
    font-weight: 600;
    line-height: 20px;
    opacity: 0;
    position: absolute;
    padding-left: 20px;
}

.save-inprogress:after, .save-success:after, .save-error:after {
    content: '';
    position: absolute;
    top: 8px;
    left: 0px;
    width: 16px;
    height: 16px;
    background-repeat: no-repeat;
}

.zd-icon-success:after {
    background: url(../images/success.png);
}

.save-error:after {
    background: url(../images/error.png);
}

.save-error {
    color: #b94a48;
}

.save-inprogress, .save-success {
    color: #78a300;
}

.save-success.zd-icon-success:before, .save-error.zd-icon-error:before {
    margin-left: -20px;
    margin-right: 4px;
}

.save-inprogress.loader, .save-inprogress.loader-ie9 {
    margin-left: -30px;
    position: absolute;
}

.loading .save-inprogress, .saved .save-success, .errored .save-error, .loading + .save-state .save-inprogress, .saved + .save-state .save-success, .errored + .save-state .save-error {
    opacity: 1;
}

.switch-container .save-inprogress, .switch-container .save-success, .switch-container .save-error {
    line-height: 33px;
}

.switch-container .save-success, .switch-container .save-error {
    transition: opacity 0.5s ease;
}

#branding-tooltip {
    left: 40%;
}

#face_box {
    margin: 3px 5px 0 5px;
}

#face_box #face {
    background-color: transparent;
    display: block;
}

#face_box #face.has-specified-version img {
    border: 3px solid red;
    margin-top: -4px;
}

#face_box #face img {
    height: 26px;
    width: 26px;
    border-radius: 4px;
}

#face_box #face .caret {
    margin: 10px 4px 0 0;
    border-width: 4px;
    border-top-color: #fff;
}

#face_box #face .has-unread-feature-notifications {
    background-image: linear-gradient(0deg, #edbe0e,#ffd12a);
    border-radius: 50%;
    box-shadow: 0px 1px 0px 0px rgba(0,0,0,0.48),inset 0px 1px 1px 0px rgba(255,255,255,0.48);
    width: 10px;
    height: 10px;
    position: absolute;
    top: -5px;
    left: 21px;
}

#face_box .dropdown-menu {
    margin: 3px 2px 0 0;
}

#face_box .dropdown-menu li b.name {
    color: #555;
    display: block;
}

#face_box .dropdown-menu li a.feature-notifications > span {
    display: table-cell;
}

#face_box .dropdown-menu li a.feature-notifications > span:first-child {
    width: 100%;
}

#face_box .dropdown-menu li span.unread-feature-notification-count {
    min-width: 18px;
    min-height: 19px;
    border: 1px solid #e5e5e5;
    border-radius: 3px;
    font-weight: bold;
    color: #fabb2e;
    text-align: center;
}

#face_box .dropdown-menu li .lotus-version {
    color: #cccccc;
    padding: 7px 20px;
    font-size: 12px;
}

#face_box .dropdown-menu li .lotus-version:hover {
    background-color: #ffffff;
}

.apps.popover, .dialer {
    background-color: #C6C6C6;
    border-radius: 5px;
    width: 270px;
    padding: 3px;
    left: auto;
    right: 23px;
    position: absolute;
}

.apps.popover .arrow, .dialer .arrow {
    transition: left,250ms,ease;
    border-bottom: 5px solid #CCC !important;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    margin-top: -8px;
}

.apps.popover .popover-inner, .dialer .popover-inner {
    background-color: #F7F7F7;
    float: left;
    overflow: visible;
    width: inherit;
    height: inherit;
    border-radius: 3px;
}

.apps_group, .channels-control {
    float: right;
    margin-top: -3px;
}

.apps_group:empty {
    display: none;
}

.channels-control {
    padding: 0px 10px 0 0;
    background: none;
    cursor: pointer;
}

.channels-control #chat-control.has-voice-enabled {
    border-left: none;
    border-radius: 0;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
}

.channels-control #voice-control {
    position: relative;
}

.channels-control #voice-control.has-chat-enabled {
    border-radius: 0;
    border-bottom-left-radius: 3px;
    border-top-left-radius: 3px;
}

.channels-control #voice-control .indicator {
    width: 18px;
    height: 18px;
    margin-top: 0px;
    opacity: 1;
    position: relative;
    right: -10px;
    top: -3px;
    background-position: 0 -691px;
    transition: opacity 0.5s ease;
}

.channels-control .channel-header {
    border-radius: 3px;
    position: relative;
    border: solid #13821b 1px;
    padding: 5px;
}

.channels-control .channel-header.client, .channels-control .channel-header.phone, .channels-control .channel-header.available {
    background: #6fd233;
}

.channels-control .channel-header.client.voice-offline, .channels-control .channel-header.phone.voice-offline, .channels-control .channel-header.available.voice-offline {
    background: none;
}

.channels-control .channel-header.client.voice-offline .channel-icon.voice, .channels-control .channel-header.phone.voice-offline .channel-icon.voice, .channels-control .channel-header.available.voice-offline .channel-icon.voice {
    background-position: 0 -1323px;
}

.channels-control .channel-header .channel-icon {
    width: 24px;
    height: 24px;
    margin-top: 0px;
}

.channels-control .channel-header .channel-icon.voice {
    background-position: 0 -1323px;
}

.channels-control .channel-header .channel-icon.voice.client, .channels-control .channel-header .channel-icon.voice.phone {
    background-position: 0 -638px;
}

.channels-control .channel-header .channel-icon.voice.ring-1 {
    background-position: 0 -638px;
}

.channels-control .channel-header .channel-icon.voice.ring-2 {
    background-position: 0 -531px;
}

.channels-control .channel-header .channel-icon.voice.ring-3 {
    background-position: 0 -452px;
}

.channels-control .channel-header .channel-icon.voice.on-call {
    background-position: 0 -452px;
}

.channels-control .channel-header .channel-icon.voice.wrap-up {
    background-position: 0 -611px;
}

.channels-control .channel-header .channel-icon.voice.confirm {
    background-position: 2px -689px;
}

.channels-control .channel-header .channel-icon.chat {
    position: relative;
    background-position: -3px -792px;
}

.channels-control .channel-header .channel-icon.facebook {
    background: url(../images/facebook-512.png) no-repeat;
    background-size: 18px;
    top: 3px;
    position: relative;
    left: 3px;
}

.channels-control .channel-header .channel-icon.chat.available {
    background-position: 0 -505px;
}

.channels-control .channel-header .channel-icon.chat .indicator {
    width: 18px;
    height: 18px;
    margin-top: 0px;
    opacity: 1;
    position: relative;
    right: -10px;
    top: -3px;
    background-position: 0 -691px;
    transition: opacity 0.5s ease;
}

.channels-control .channel-header .channel-icon.chat.connected .indicator {
    opacity: 0;
}

#voice_control {
    padding-right: 10px;
    position: relative;
}

#voice_control .voice {
    background-position: 0 -1223px;
    cursor: default;
    width: 24px;
    height: 24px;
    margin: 4px 6px 0 0;
}

#voice_control .voice.off {
    opacity: 0.2;
}

#voice_control .voice.client, #voice_control .voice.phone {
    background-position: 0 -1249px;
}

#voice_control .voice.ring-1 {
    background-position: 0 -478px;
}

#voice_control .voice.ring-2 {
    background-position: 0 -398px;
}

#voice_control .voice.ring-3 {
    background-position: 0 -371px;
}

#voice_control .voice.on-call {
    background-position: 0 -371px;
}

#voice_control .voice.wrap-up {
    background-position: 0 -611px;
}

#user_options {
    height: 30px;
    position: absolute;
    right: 0;
    text-align: right;
    padding-top: 6px;
}

#user_options .chat_icon {
    padding-right: 10px;
    position: relative;
}

#user_options .chat_icon .chat_summary {
    width: 300px;
    padding: 10px;
    text-align: left;
    position: absolute;
    right: -10px;
    top: 32px;
    left: auto !important;
}

#user_options .chat_icon .chat_summary .arrow {
    left: 275px !important;
    border-bottom: 5px solid #454545 !important;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    margin-top: -5px;
}

#user_options .chat_icon .chat_summary .invites {
    background: #fff;
    border: 4px solid #333;
    border-radius: 4px;
}

#user_options .chat_icon .chat_summary .invites li {
    border-bottom: 1px solid #ccc;
}

#user_options .chat_icon .chat_summary .invites li:first-child {
    border: 0;
}

#user_options .chat_icon .chat_summary .invite {
    padding: 10px;
}

#user_options .chat_icon .chat_summary .invite .chat-subject {
    font-weight: bold;
    color: #333;
    margin-bottom: 5px;
}

#user_options .chat_icon .chat_summary .invite .controls {
    width: 100% !important;
    font-size: 11px;
}

#user_options .chat_icon .chat_summary .invite .controls .info {
    float: left;
    width: 50%;
    text-align: left;
}

#user_options .chat_icon .chat_summary .invite .controls .info span {
    background: no-repeat left center;
}

#user_options .chat_icon .chat_summary .invite .controls .info .username {
    padding-left: 17px;
    background-position: 0 -1455px;
}

#user_options .chat_icon .chat_summary .invite .controls .info .time {
    padding-left: 17px;
    background-position: 0 -1307px;
}

#user_options .chat_icon .chat_summary .invite .controls .buttons {
    float: right;
    text-align: center;
}

#user_options .chat_icon .chat_summary .invite .controls .buttons a {
    padding: 0 5px;
    color: #f00 !important;
    text-shadow: none !important;
}

#user_options .chat_icon .chat_summary .invite .controls .buttons .accept {
    color: #058 !important;
    font-weight: bold;
}

#user_options .call_timer .arrow {
    position: absolute;
    width: 0;
    height: 0;
    top: 50%;
    right: -5px;
    margin-top: -2px;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 5px solid #000000;
    margin-top: -5px;
}

#user_options .call_timer .control {
    background-color: #000000;
    padding: 3px;
    margin-top: 1px;
    border-radius: 2px;
    background-clip: padding-box;
}

#user_options .call_timer .voice_timer {
    background-position: 0 -1376px;
}

.custom-branding-dark #user_options .call_timer .voice_timer {
    background-position: 0 0;
}

#user_options .call_timer .voice_timer {
    color: white;
    height: 23px;
    margin: 0;
    padding-left: 24px;
    padding-right: 10px;
    padding-bottom: 1px;
    padding-top: 2px;
    font-size: 10px;
    font-family: MyHelveticaNeue, Helvetica Neue, Helvetica, Arial, Sans-serif;
}

#user_options .call_timer .voice_timer.connecting {
    background: transparent;
    padding-left: 10px;
}

#user_options .call_timer .voice_timer.wrap-up {
    background-position: 0 -1376px;
}

#user_options .call_timer .voice_timer.wrap-up .time {
    color: #FFCF0F;
}

.custom-branding-dark #user_options .call_timer .wrap-up {
    background-position: 0 0;
}

#user_options .call_timer .timer_slider_container {
    overflow: hidden;
    padding-right: 5px;
}

#user_options #chat-icon {
    background-position: 0 -1010px;
    float: right;
    width: 25px;
    height: 25px;
    margin: 3px 7px 0 0;
    cursor: default;
    opacity: 0.2;
}

#user_options #chat-icon.online {
    opacity: 1;
    background-position: 0 -1036px;
}

#user_options #chat-icon.active, #user_options #chat-icon.online.active {
    background-position: 0 -425px;
}

#branding_header {
    background-color: #25a902;
    background-repeat: repeat-x;
    left: 0;
    position: absolute;
    right: 0;
    height: 42px;
    top: 0;
    z-index: 10;
    padding-left: 60px;
}

#branding_header .timer_slider {
    position: relative;
    right: -75px;
}

#branding_header .column {
    float: left;
}

#branding_header .btn-toolbar {
    margin: 0;
}

#branding_header.button_fix .btn-toolbar > .btn-group > .btn, #branding_header:not(.button_fix) .btn-group .btn {
    background-color: transparent;
    background-image: none;
    border: 1px solid #13821b;
    box-shadow: none;
    line-height: 0;
    padding: 7px;
}

#branding_header.button_fix .btn-toolbar > .btn-group > .btn img, #branding_header:not(.button_fix) .btn-group .btn img {
    height: 20px;
    opacity: 0.5;
    width: 20px;
}

#branding_header.button_fix .btn-toolbar > .btn-group > .btn:hover, #branding_header:not(.button_fix) .btn-group .btn:hover {
    background-color: #11bd1c;
}

#branding_header.button_fix .btn-toolbar > .btn-group > .btn:hover img, #branding_header:not(.button_fix) .btn-group .btn:hover img {
    opacity: 1;
}

#branding_header.button_fix .btn-toolbar > .btn-group > .btn:active, #branding_header.button_fix .btn-toolbar > .btn-group > .btn.active, #branding_header:not(.button_fix) .btn-group .btn:active, #branding_header:not(.button_fix) .btn-group .btn.active {
    background-color: #acd442;
}

#branding_header .header-search {
    position: relative;
    width: 32px;
    height: 36px;
    float: left;
}

#branding_header .header-search.collapsed {
    opacity: 0.5;
}

#branding_header .header-search:hover {
    opacity: 1;
}

#branding_header .header-search .search-icon {
    cursor: pointer;
    position: absolute;
    top: 0;
    left: 0;
    width: 32px;
    height: 32px;
}

#branding_header .header-search .search-icon:after {
    content: '';
    position: absolute;
    top: 7px;
    left: 8px;
    width: 18px;
    height: 18px;
    background-position: 0 -489px;
}

#branding_header .header-search.expanded {
    width: 250px;
}

#branding_header .header-search.expanded .search-icon {
    display: none;
}

#branding_header .header-search.collapsed .search-dropdown {
    display: none;
}

#branding_header .zd-searchmenu-base {
    padding-left: 32px !important;
}

#branding_header .zd-searchmenu-root span.icon {
    position: absolute;
    cursor: default;
    top: 8px;
    left: 8px;
    width: 18px;
    height: 18px;
    opacity: 0.4;
    background-position: 0 -521px;
}

.search-dropdown .zd-menu-autofit-mode.zd-menu-root {
    max-height: 10000px;
}

.search-dropdown .zd-menu-panel-root .zd-menu-panel-holder {
    max-height: 10000px;
}

.search-dropdown .zd-menu-footer {
    border-top: 1px solid #ddd;
    height: 39px;
    position: absolute;
    left: 0;
    right: 0;
    padding-left: 15px;
    line-height: 30px;
    background-color: #fbfbfb;
    bottom: 0px;
}

.search-dropdown .zd-menu-root.zd-menu-panel-root {
    overflow: hidden;
    padding-bottom: 40px;
    border-color: #ddd;
    border-radius: 0 0 4px 4px;
    width: 250px !important;
}

.search-dropdown .zd-menu-panel-holder:empty + .zd-menu-footer {
    border-top-width: 0;
}

.search-dropdown .advanced-search {
    position: absolute;
    left: 20px;
    line-height: 36px;
    color: #999999;
}

.search-dropdown .advanced-search:hover {
    color: #146eaa;
}

.search-dropdown em {
    font-weight: bold;
    color: #333;
    font-style: normal;
}

.search-dropdown .zd-menu-footer {
    cursor: pointer;
}

.search-dropdown .zd-searchmenu-root {
    background-color: transparent;
}

.search-dropdown .zd-searchmenu-base {
    border-width: 0;
    border-radius: 4px 4px 0 0;
    height: 36px;
    box-shadow: none !important;
}

#tabs {
    width: 100%;
    height: 30px;
    margin: 14px 0 0;
    z-index: 10;
    overflow: hidden;
}

#tabs .tab {
    background-color: #208812;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    color: #fff;
    cursor: pointer;
    font-size: 11px;
    float: left;
    max-width: 200px;
    margin-right: 3px;
    padding: 5px 11px 5px 8px;
    width: 200px;
    height: 18px;
}

#tabs .tab:not(.add) {
    position: relative;
}

#tabs .tab .tab_text {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

#tabs .tab:hover {
    background-color: #56bd48;
}

#tabs .tab.activity .close {
    background-color: #78a300;
    border-radius: 10px;
    font-size: 0;
}

#tabs .tab.activity .close:hover {
    background-color: transparent;
    font-size: 12px;
}

#tabs .tab.selected {
    background-color: #fbfbfb;
    cursor: default;
    color: #555;
}

#tabs .tab.selected.hover {
    background-color: #fbfbfb;
}

#tabs .tab.selected.search {
    background-color: #ffffff;
}

#tabs .tab.selected.activity .close:hover {
    color: #555;
}

#tabs .tab.selected .close {
    color: #ccc;
}

#tabs .tab.selected .close:hover {
    color: #555;
}

.custom-branding-light #tabs .tab.search .icon {
    background-position: 0 -462px;
}

#tabs .tab.add {
    width: auto;
}

#tabs .tab.add .icon {
    margin: 4px 5px 0 0;
    width: 10px;
    height: 10px;
    background-position: 0 -436px;
}

.custom-header-light #tabs .tab.add .icon {
    background-position: 0 -424px;
}

#tabs .tab.add .tab_text {
    float: left;
    overflow: visible;
}

#tabs .tab.new_chat .new_chat_message {
    display: inline-block;
}

#tabs .tab .close {
    color: #25a902;
    font-weight: bold;
    font-size: 12px;
    width: 9px;
    height: 9px;
    line-height: 8px;
    margin: 5px 0 0 3px;
    opacity: 1;
    text-shadow: none;
}

#tabs .tab .close:hover {
    color: #fff;
}

#tabs .tab .icon {
    display: inline-block;
    float: left;
    margin: 0 5px 0 0;
    width: 16px;
    height: 16px;
}

#tabs .tab .popover.bottom {
    padding: 0;
    left: auto;
    top: 34px;
    color: #555;
    text-shadow: none;
}

#tabs .tab .popover.bottom .popover-inner {
    width: 300px;
    padding: 20px 20px 9px 20px;
    background-color: #ffffff;
    border: 1px solid #ccc;
}

#tabs .tab .popover.bottom .popover-inner .popover-content {
    padding: 0;
}

#tabs .tab .popover.bottom .popover-inner .popover-title {
    background: white;
    color: #999;
    padding: 0 0 7px 0;
    font-size: 12px;
    font-weight: normal;
    border-color: #e5e5e5;
}

#tabs .tab .popover.bottom .popover-inner .links-section {
    padding: 12px 0 18px 0;
    margin: 0;
}

#tabs .tab .popover.bottom .popover-inner .links-section li {
    margin-left: -10px;
    padding-left: 20px;
    margin-right: -10px;
    padding-right: 10px;
}

#tabs .tab .popover.bottom .popover-inner .links-section li:hover {
    background-color: #f2f2f2;
}

#tabs .tab .popover.bottom .popover-inner .links-section a {
    display: block;
    color: #555;
    padding: 5px 0;
    font-size: 12px;
    line-height: 19px;
    margin-left: -10px;
}

#tabs .tab .popover.bottom .popover-inner .recent-tickets-section {
    padding-top: 11px;
}

#tabs .tab .popover.bottom .popover-inner .recent-tickets-section .recent-tickets-empty {
    margin: 16px 0px 17px 0px;
    text-align: center;
}

#tabs .tab .popover.bottom .popover-inner .icon-loading-spinner {
    display: block;
    margin: 19px auto 18px auto;
}

#tabs .tab .new_chat_message {
    position: absolute;
    display: none;
    top: 5px;
    right: 5px;
    min-width: 12px;
    height: 17px;
    padding: 0 3px;
    border-radius: 10px;
    background: #ee4400;
    color: white;
    text-align: center;
    font-family: MyHelveticaNeue, Helvetica Neue, Helvetica, Arial, Sans-serif;
    font-size: 9px;
    line-height: 18px;
    z-index: 99999;
}

#tabs .tab .new_chat_message:hover {
    border: 0;
    background: none;
    border-radius: 0px;
    overflow: hidden;
    opacity: 0;
    text-indent: 99999999px;
}

#tabs .recent-ticket {
    position: relative;
    padding: 7px 10px 6px 10px;
    margin-left: -10px;
    margin-right: -10px;
}

#tabs .recent-ticket:hover {
    background-color: #f2f2f2;
}

#tabs .recent-ticket .ticket_status_label {
    position: absolute;
    top: 9px;
    left: 10px;
}

#tabs .recent-ticket .info {
    margin-left: 24px;
    font-size: 12px;
}

#tabs .recent-ticket .info .details, #tabs .recent-ticket .info .ticket-title {
    white-space: nowrap;
    width: 275px;
    overflow: hidden;
    text-overflow: ellipsis;
}

#tabs .recent-ticket .info .details {
    color: #999;
    font-weight: 300;
    padding-top: 2px;
}

#tabs .search .icon {
    width: 13px;
    height: 13px;
    margin: 2px 5px 0 3px;
}

#tabs .tab.organization .icon {
    background-position: 0 -312px;
}

#tabs .tab.organization.selected .icon {
    background-position: 0 0;
}

#tabs .tab.user .icon {
    background-position: 0 -368px;
}

#tabs .tab.user.selected .icon {
    background-position: 0 -16px;
}

#tabs .tab.web .icon {
    background-position: 0 -132px;
}

#tabs .tab.web.selected .icon {
    background-position: 0 -52px;
}

#tabs .tab.chat .icon {
    background-position: 0 -92px;
}

#tabs .tab.chat.selected .icon {
    background-position: 0 -72px;
}

#tabs .tab.mail .icon {
    background-position: 0 -152px;
}

#tabs .tab.mail.selected .icon {
    background-position: 0 -232px;
}

#tabs .tab.facebook .icon {
    background-position: 0 -404px;
}

#tabs .tab.instagram.selected .icon {
    background-position: 0 -483px;
}

#tabs .tab.instagram .icon {
    background-position: 0 -582px;
}

#tabs .tab.api.selected .icon {
    background-position: 0 -508px;
}
#tabs .tab.api .icon {
    background-position: 0 -607px;
}
#tabs .tab.ticket_form.selected  .icon {
    background-position: 0 -559px;
}
#tabs .tab.ticket_form .icon {
    background-position: 0 -660px;
}

#tabs .tab.zalo.selected .icon {
    background-position: 0 -534px;
}

#tabs .tab.zalo .icon {
    background-position: 0 -632px;
}

#tabs .tab.messenger.selected .icon {
    background-position: -2px -679px;
}

#tabs .tab.messenger .icon {
    background-position: -2px -695px;
}



#tabs .tab.tiktok.selected .icon {
    background-position: -2px -714px;
}

#tabs .tab.tiktok .icon {
    background-position: -2px -732px;
}

#tabs .tab.facebook.selected .icon {
    background-position: 0 -384px;
}

#tabs .tab.twitter .icon {
    background-position: 0 -272px;
}

#tabs .tab.twitter.selected .icon {
    background-position: 0 -252px;
}

#tabs .tab.voice .icon {
    background-position: 0 -292px;
}

#tabs .tab.voice.selected .icon {
    background-position: 0 -172px;
}

#tabs .tab.voice_voicemail .icon {
    background-position: 0 -112px;
}

#tabs .tab.voice_voicemail.selected .icon {
    background-position: 0 -32px;
}

#tabs .tab.voice_inbound .icon {
    background-position: 0 -348px;
}

#tabs .tab.voice_inbound.selected .icon {
    background-position: 0 -192px;
}

#tabs .tab.voice_outbound .icon {
    background-position: 0 -328px;
}

#tabs .tab.voice_outbound.selected .icon {
    background-position: 0 -212px;
}

#tabs .tab.search .icon {
    background-position: 0 -448px;
}

#tabs .tab.search.selected .icon {
    background-position: 0 -462px;
}

#tabs .tab.cslead.selected .icon {
    background-position: -2px -769px;
}

#tabs .tab.cslead .icon {
    background-position: -2px -804px;
}

#tabs .tab.csdeal.selected .icon {
    background-position: -2px -751px;
}

#tabs .tab.csdeal .icon {
    background-position: -2px -787px;
}

#new-search-tooltip {
    top: 4px !important;
    overflow: inherit;
}

#new-search-tooltip:before {
    top: 13px !important;
}

.custom-branding-light #tabs .tab.organization .icon {
    background-position: 0 0;
}

.custom-branding-light #tabs .tab.user .icon {
    background-position: 0 -16px;
}

.custom-branding-light #tabs .tab.web .icon {
    background-position: 0 -52px;
}

.custom-branding-light #tabs .tab.chat .icon {
    background-position: 0 -72px;
}

.custom-branding-light #tabs .tab.mail .icon {
    background-position: 0 -232px;
}

.custom-branding-light #tabs .tab.facebook .icon {
    background-position: 0 -384px;
}

.custom-branding-light #tabs .tab.twitter .icon {
    background-position: 0 -252px;
}

.custom-branding-light #tabs .tab.voice_voicemail .icon {
    background-position: 0 -32px;
}

.custom-branding-light #tabs .tab.voice_inbound .icon {
    background-position: 0 -192px;
}

.custom-branding-light #tabs .tab.voice_outbound .icon {
    background-position: 0 -212px;
}

.custom-branding-light #tabs .tab.add .icon {
    background-position: 0 -424px;
}

.custom-branding-light .channels-control .channel-header.client.voice-offline .channel-icon.voice, .custom-branding-light .channels-control .channel-header.phone.voice-offline .channel-icon.voice, .custom-branding-light .channels-control .channel-header.available.voice-offline .channel-icon.voice {
    background-position: 0 -221px;
}

.custom-branding-light .channels-control .channel-header .channel-icon.voice {
    background-position: 0 -221px;
}

.custom-branding-light .channels-control .channel-header .channel-icon.voice.client, .custom-branding-light .channels-control .channel-header .channel-icon.voice.phone {
    background-position: 0 -195px;
}

.custom-branding-light .channels-control .channel-header .channel-icon.voice.ring-1 {
    background-position: 0 -195px;
}

.custom-branding-light .channels-control .channel-header .channel-icon.voice.ring-2 {
    background-position: 0 -960px;
}

.custom-branding-light .channels-control .channel-header .channel-icon.voice.ring-3 {
    background-position: 0 -79px;
}

.custom-branding-light .channels-control .channel-header .channel-icon.voice.on-call {
    background-position: 0 -79px;
}

.custom-branding-light .channels-control .channel-header .channel-icon.voice.wrap-up {
    background-position: 0 -221px;
}

.custom-branding-light .channels-control .channel-header .channel-icon.chat {
    position: relative;
    background-position: 0 -27px;
}

.custom-branding-light .channels-control .channel-header .channel-icon.chat.available {
    background-position: 0 -53px;
}

.custom-branding-light #user_options .call_timer .arrow {
    border-left: 5px solid black;
}

.custom-branding-light #user_options .call_timer .control {
    background-color: black;
}

.custom-branding-light #user_options .call_timer .voice_timer {
    color: white;
}

.custom-branding-light #user_options .call_timer .voice_timer.wrap-up .time {
    color: white;
}

.custom-branding-light #user_options #chat-icon {
    background-position: 0 -27px;
}

.custom-branding-light #user_options #chat-icon.online {
    background-position: 0 -53px;
}

.custom-branding-light #user_options #chat-icon.active, .custom-branding-light #user_options #chat-icon.online.active {
    background-position: 0 -53px;
}

.custom-branding-light #user_options .header-search .search-icon:after {
    background-position: 0 -521px;
}

.custom-branding-dark .channels-control .channel-header.client.voice-offline .channel-icon.voice, .custom-branding-dark .channels-control .channel-header.phone.voice-offline .channel-icon.voice, .custom-branding-dark .channels-control .channel-header.available.voice-offline .channel-icon.voice {
    background-position: 0 -247px;
}

.custom-branding-dark .channels-control .channel-header .channel-icon.voice {
    background-position: 0 -247px;
}

.custom-branding-dark .channels-control .channel-header .channel-icon.voice.client, .custom-branding-dark .channels-control .channel-header .channel-icon.voice.phone {
    background-position: 0 -273px;
}

.custom-branding-dark .channels-control .channel-header .channel-icon.voice.ring-1 {
    background-position: 0 -273px;
}

.custom-branding-dark .channels-control .channel-header .channel-icon.voice.ring-2 {
    background-position: 0 -1275px;
}

.custom-branding-dark .channels-control .channel-header .channel-icon.voice.ring-3 {
    background-position: 0 -137px;
}

.custom-branding-dark .channels-control .channel-header .channel-icon.voice.on-call {
    background-position: 0 -137px;
}

.custom-branding-dark .channels-control .channel-header .channel-icon.voice.wrap-up {
    background-position: 0 -247px;
}

.custom-branding-dark .channels-control .channel-header .channel-icon.chat {
    position: relative;
    background-position: 0 -169px;
}

.custom-branding-dark .channels-control .channel-header .channel-icon.chat.available {
    background-position: 0 -111px;
}

.custom-branding-dark #user_options .call_timer .arrow {
    border-left: 5px solid white;
}

.custom-branding-dark #user_options .call_timer .control {
    background-color: white;
}

.custom-branding-dark #user_options .call_timer .voice_timer {
    color: black;
}

.custom-branding-dark #user_options .call_timer .voice_timer.wrap-up .time {
    color: black;
}

.custom-branding-dark #user_options #chat-icon {
    background-position: 0 -169px;
}

.custom-branding-dark #user_options #chat-icon.online {
    background-position: 0 -111px;
}

.custom-branding-dark #user_options #chat-icon.active, .custom-branding-dark #user_options #chat-icon.online.active {
    background-position: 0 -111px;
}

.custom-branding-dark #user_options .header-search .search-icon:after {
    background-position: 0 -489px;
}

.lotus-version-modal .span2 {
    width: 175px;
}

.lotus-version-modal .span2 > div {
    padding: 15px;
    border: 2px dashed #999;
    border-radius: 2px;
    display: block;
    margin: 5px 0;
    width: 100%;
    cursor: pointer;
}

.lotus-version-modal .span2 > div .title {
    font-weight: bold;
    font-size: 16px;
    padding: 0;
    color: #999;
}

.lotus-version-modal .span2 > div .detail {
    font-size: 10px;
    color: #999;
}

.lotus-version-modal .span2 > div .detail .tag {
    margin-left: 0.5em;
}

.lotus-version-modal .span2 > div:hover {
    color: #333;
    border: 2px solid #78a300;
}

.lotus-version-modal .span2 > div:hover .title, .lotus-version-modal .span2 > div:hover .detail {
    color: #333;
}

.lotus-version-modal .span2 > .gamma-unavailable {
    background: #eee;
    border: 0;
    padding: 17px;
    cursor: not-allowed;
}

.lotus-version-modal .span2 > .gamma-unavailable:hover {
    background: #eee;
    border: 0;
}

.lotus-version-modal .span2 > .gamma-unavailable:hover .title, .lotus-version-modal .span2 > .gamma-unavailable:hover .detail {
    color: #999;
}

.lotus-version-modal .span2 > .is-active {
    border: 0;
    background-color: #78a300;
    color: #fff;
    padding: 17px;
    cursor: default;
}

.lotus-version-modal .span2 > .is-active .title, .lotus-version-modal .span2 > .is-active .detail {
    color: #fff;
}

.lotus-version-modal .span2 > .is-active:hover {
    border: 0;
    background-color: #78a300;
    color: #fff;
}

.lotus-version-modal .span2 > .is-active:hover .title, .lotus-version-modal .span2 > .is-active:hover .detail {
    color: #fff;
}

.token_list {
    border: 1px solid #d3d3d3;
    padding: 4px;
    padding-bottom: 0;
    list-style-type: none;
    margin: 0;
    float: left;
    cursor: text;
    border-radius: 2px;
}

.token_list.compact_mode li.token:nth-of-type(n+9) {
    display: none;
}

.token_list.compact_mode li.more {
    display: block;
}

.token_list.collaborators.compact_mode li.token:nth-of-type(n+4) {
    display: none;
}

.token_list .more {
    display: none;
    float: left;
    font-size: 11px;
    margin: 2px 0 0 2px;
}

.token_list .token {
    position: relative;
    display: block;
    float: left;
    margin: 0 3px 3px 0;
    padding: 3px 17px 4px 6px;
    background: #fafafa;
    font-size: 11px;
    line-height: 13px;
    color: #333;
    min-height: 13px;
    border-radius: 3px;
    border: 1px solid #ddd;
    word-break: break-all;
    white-space: pre-wrap;
    white-space: -moz-pre-wrap;
    word-wrap: break-word;
    -ms-word-break: break-all;
}

.token_list .token.remove_tags {
    background-color: #e82a2a;
    color: #efefef;
    text-shadow: none;
}

.token_list .token.remove_tags .delete {
    color: #efefef;
}

.token_list .token .postfix {
    color: #a5a5a5;
}

.token_list .token a.delete {
    font-family: MyHelveticaNeue, Helvetica Neue, Helvetica, Arial, Sans-serif;
    font-size: 12px;
    line-height: 12px;
    color: #c6c6c6;
    cursor: pointer;
    outline: none;
    background-color: transparent;
    position: absolute;
    right: 6px;
    top: 3px;
}

.token_list .token a.delete:hover {
    color: #000;
}

.token_list input {
    border: none;
    outline: none;
    float: left;
    padding: 1px 1px 3px 0;
    background: transparent;
    box-shadow: none;
}

.token_list input:focus {
    box-shadow: none;
    border: inherit;
}

.token_list.ui-state-focus input:focus {
    outline: none;
}

.token_list.tags input {
    width: 0 !important;
}

.token_list.tags.ui-state-focus input {
    width: 120px !important;
}

.token_list.collaborators .more {
    margin-top: 0;
}

.token_list.collaborators input {
    width: 175px !important;
    padding-top: 0;
}

.ui-state-disabled .token_list .delete {
    display: none;
}

.ui-state-disabled .token_list .token {
    padding-right: 4px;
}

.form_field .token {
    background: #f4f4f4;
}

.highlighted .token {
    background: #ffffff;
}

.ticket_submit_buttons {
    float: right;
    text-align: right;
    margin-right: 10px;
}

.ticket_submit_buttons.status_button {
    width: auto;
}

.ticket_submit_buttons > button {
    margin-top: 5px;
    height: 39px;
}

.ticket_submit_buttons > button.dropdown-toggle {
    width: 32px;
}

.ticket_submit_buttons > button.dropdown-toggle:focus {
    outline: none;
}

.ticket_submit_buttons > button.status:hover {
    color: white;
    text-decoration: none;
    background-color: #eee;
}

.ticket_submit_buttons > button[disabled=disabled]:hover {
    background-color: #333;
}

.ticket_submit_buttons .save {
    min-width: 180px;
    color: #aaa;
}

.ticket_submit_buttons .save strong {
    color: #fff;
    font-weight: normal;
}

.ticket_submit_buttons.followup > span {
    top: 5px;
    position: relative;
    margin-right: 12px;
    font-size: 13px;
    font-weight: bold;
}

.ticket_submit_buttons.followup button {
    padding: 0 20px;
}

.ticket_submit_buttons li {
    position: relative;
    padding: 3px 40px 3px 15px;
    white-space: nowrap;
}

.ticket_submit_buttons li:hover:not(.disabled) {
    color: inherit;
    background-color: #f2f2f2;
}

.ticket_submit_buttons li.next_option {
    padding-bottom: 5px;
    padding-right: 24px;
}

.ticket_submit_buttons li.next_option label {
    color: #777;
    padding-left: 15px;
    text-indent: -15px;
    width: 100%;
}

.ticket_submit_buttons li.next_option input {
    margin-right: 5px;
    vertical-align: inherit;
    display: inline;
}

.ticket_submit_buttons li.divider {
    padding: 0;
    width: 99%;
}

.ticket_submit_buttons li.status:not(.disabled) {
    color: #146eaa;
    cursor: pointer;
}
.ticket_submit_buttons li.status_p:not(.disabled) {
    color: #146eaa;
    cursor: pointer;
}

.ticket_submit_buttons li.status:not(.disabled):after {
    content: " ";
    top: 6px;
    width: 11px;
    height: 11px;
    position: absolute;
    right: 12px;
    border-radius: 2px;
}

.ticket_submit_buttons li.status:not(.disabled).new:after {
    background: #f5ca00;
}

.ticket_submit_buttons li.status:not(.disabled).open:after {
    background: #e82a2a;
}

.ticket_submit_buttons li.status:not(.disabled).pending:after {
    background: #59bbe0;
}

.ticket_submit_buttons li.status:not(.disabled).hold:after {
    background: #000;
}

.ticket_submit_buttons li.status:not(.disabled).solved:after {
    background: #828282;
}
.ticket_submit_buttons li.status:not(.disabled).unfinished:after {
    border: 0.5px solid #00000042;
    background: #ffffff;
    box-shadow: inset 0px 0px 2px 0px #827e7e61;
}


.ticket_submit_buttons li.status:not(.disabled).closed:after {
    background: #ddd;
}

.ticket_submit_buttons li.disabled {
    color: #bbb;
    cursor: auto;
}

.origin {
    float: right;
    margin: 5px 10px 5px 0;
    font-size: 11px;
}

.next_on {
    display: none;
    opacity: 0.4;
}

.origin_next_upon_submit .next_on {
    display: inline-block;
}

.next_option {
    display: none;
}

.has-play .next_option {
    display: inline-block;
}

.play_icon {
    display: none;
    margin-right: -2px;
    margin-left: 2px;
}

.play .next_icon {
    display: none;
}

.play .play_icon {
    display: inline-block;
}

.play_start_icon {
    margin-left: 5px;
    opacity: 0.4;
}

.items {
    margin: 0;
}

.items li {
    border-bottom: 1px solid #EEE;
    padding: 8px 5px 10px;
    font-size: 12px;
}

.items li p {
    line-height: 22px;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.items li:first-of-type {
    border-top: none;
}

.items li.in-focus {
    background-color: #f8f8f8;
}

.items .ticket_status_label.compact {
    position: absolute;
    margin: 3px 0 0 12px;
}

.items .icon {
    float: left;
    margin: 5px 15px 0 0;
    width: 36px;
    height: 36px;
    background-repeat: no-repeat;
}

.items .icon.ticket {
    background-position: 0 -114px;
}

.items .icon.user {
    background-position: 0 -152px;
}

.items .icon.organization {
    background-position: 0 -348px;
}

.items .icon.article, .items .icon.topic, .items .icon.forum {
    background-position: 0 -190px;
}

.items .icon.idea {
    background-position: 0 0;
}

.items .icon.question {
    background-position: 0 -314px;
}

.items .icon.group {
    background-position: 0 -284px;
}

.items .user_photo {
    float: left;
}

.items .user_photo .profile {
    margin: 1px 15px 0 3px;
    width: 33px;
    height: 33px;
}

.items .user_photo .agent {
    position: relative;
    top: -16px;
    left: 24px;
}

.items .content {
    margin-top: 2px;
    margin-left: 53px;
}

.items .content .description {
    color: #666;
    margin: 1px 0;
}

.items .content .details {
    color: #BBB;
    font-size: 10px;
}

.items .content .title {
    font-weight: bold;
}

.items .token_list {
    border: none;
    float: right;
    padding: 0;
    margin-left: 10px;
}

.items .token_list li {
    color: #999;
    background: transparent;
    border: 1px solid #EEE;
    padding: 2px 3px 1px;
    font-size: 9px;
}

.organization .items > li, .user .items > li {
    padding-left: 30px;
}

.empty_set {
    padding: 12px;
}

.checkbox-field {
    display: inline-block;
}

.checkbox-field label {
    width: auto !important;
    float: none;
    display: inline-block;
}

.checkbox-field label input[type="checkbox"] {
    display: inline-block !important;
    float: none !important;
    margin: 0 6px 0 0 !important;
    padding: 0 !important;
    width: 13px !important;
    height: 13px !important;
    vertical-align: middle !important;
    position: relative;
    top: -1px;
}

.mast {
    background: #FFF;
    font-size: 13px;
    font-weight: bold;
    padding: 25px 30px 0 30px;
    z-index: 1;
    border-bottom: 1px solid #ddd;
}

.ticket .mast {
    padding-bottom: 25px;
}

.mast .profile {
    width: 40px;
    height: 40px;
    float: left;
    margin: 5px 5px 0 0;
}

.mast .profile.organization {
    position: relative;
}

.mast .profile.ticket, .mast .profile.organization {
    background-color: #FEFEFE;
    margin: 0;
    border-radius: 4px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    left: 0;
    top: 0;
}

.mast .navigation {
    clear: both;
    margin: 0;
}

.mast .source {
    margin: 0 0 0 7px;
    color: #999;
    font-size: 12px;
    font-weight: normal;
    line-height: 16px;
    text-align: left;
}

.mast .source a.email {
    color: #999;
}

.mast .editable {
    margin: 0;
    overflow: hidden;
    padding: 5px 4px;
    text-align: center;
}

.mast .editable input {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 16px;
    margin: 0;
    height: 24px;
    color: #333;
    font-weight: bold;
    padding: 1px 2px 1px 5px;
    text-overflow: ellipsis;
    width: 100%;
}

.mast .profile.ticket {
    border: 1px #DADADA solid;
    border-radius: 4px;
    background-color: #FEFEFE;
}

.mast .sla-policy-metrics {
    float: right;
    margin: 5px 5px 0 5px;
    max-width: 300px;
    position: relative;
}

.mast .sla-policy-metrics .next-sla-action-label {
    font-size: 11px;
    height: 30px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.mast .sla-policy-metrics .popover {
    left: inherit;
    padding-right: 0;
    right: 0;
}

.mast .sla-policy-metrics .popover ul, .mast .sla-policy-metrics .popover .next-sla-header {
    margin-left: 0;
}

.mast .sla-policy-metrics .popover li {
    padding: 5px 0;
    white-space: nowrap;
}

.mast .sla-policy-metrics .popover .next-sla-header {
    color: #A3A3A3;
    font-size: 12px;
    margin-bottom: 5px;
}

.mast .sla-policy-metrics .popover .popover-inner {
    border: 1px #DADADA solid;
    min-width: 220px;
    width: inherit;
}

.mast .sla-policy-metrics .popover:not(.multiple-metrics) ul {
    margin: 0 0.5em;
}

.mast .sla-policy-metrics .popover:not(.multiple-metrics) .popover-inner {
    min-width: 120px;
}

.mast .sla-policy-metrics .popover:not(.multiple-metrics) .popover-content {
    padding: 12px 5px;
}

.mast .sla-policy-metrics .popover:not(.multiple-metrics) .sla-policy-metric-label {
    padding-left: 0;
}

.mast .sla-policy-metrics .popover.bottom {
    margin-top: 25px;
}

.mast .channel {
    height: 24px;
    margin-top: 7px;
    margin-left: 7px;
}

.mast .object_options {
    float: right;
    font-size: 12px;
    margin: 5px 0 0 5px;
    position: relative;
}

.mast .object_options .dropdown-menu {
    margin: 0;
}

.mast .object_options_btn {
    position: relative;
    width: 30px;
    height: 30px;
}

.mast .object_options_btn:after {
    content: "";
    position: absolute;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 4px solid #000;
    top: 12px;
    left: 10px;
}

.contact-detail {
    font-size: 12px !important;
    font-weight: normal !important;
    color: #555 !important;
}
.property.mast {
    border-bottom: 0px;
}

.bulk-mode .mast .editable {
    margin-right: 325px;
}

#user-nav-tooltip.active {
    margin-top: -6px;
}

div.ticket_call_console {
    background-image: linear-gradient(#5a5a5a,#525252);
    border-left: 1px solid #dcdcdc;
    border-bottom: 1px solid #dcdcdc;
    color: #FFFFFF;
    position: relative;
    z-index: 1;
    margin-top: -57px;
    height: 55px;
    overflow: auto;
}

div.ticket_call_console .action-bar {
    line-height: 30px;
    overflow: auto;
    padding: 11px 15px;
}

div.ticket_call_console .action-bar .details {
    float: left;
    overflow: hidden;
}

div.ticket_call_console .action-bar .details .customer-number, div.ticket_call_console .action-bar .details .caller-location {
    float: left;
    font-size: 11px;
    font-weight: bold;
    padding-left: 28px;
    position: relative;
    text-shadow: 0px 1px 1px black;
}

div.ticket_call_console .action-bar .details .customer-number .icon, div.ticket_call_console .action-bar .details .caller-location .icon {
    display: block;
    height: 24px;
    left: 0;
    position: absolute;
    margin: 3px;
    width: 24px;
}

div.ticket_call_console .action-bar .details .customer-number .icon {
    background-position: 0 -1223px;
}

div.ticket_call_console .action-bar .details .caller-location .icon {
    background-position: 0 -29px;
}

div.ticket_call_console .action-bar .details .separator {
    float: left;
    height: 18px;
    border-left: 1px solid #6D6D6D;
    margin-left: 10px;
    margin-right: 10px;
    margin-top: 3px;
}

div.ticket_call_console .action-bar .buttons {
    float: right;
    overflow: hidden;
}

div.ticket_call_console .action-bar .buttons .message {
    float: left;
    margin-right: 5px;
}

div.ticket_call_console .action-bar .buttons .hold-actions {
    border-radius: 3px;
    background-color: #EEE;
    border: 1px solid #333;
    float: left;
    overflow: hidden;
    margin-right: 8px;
}

div.ticket_call_console .action-bar .buttons .hold-actions button {
    border: none;
    float: left;
    margin: 0;
    height: 30px;
    width: 30px;
}
div.ticket_call_console .action-bar .buttons .hold-actions button {
    border: none;
    float: left;
    margin: 0;
    height: 30px;
    width: 30px;
}

div.ticket_call_console .action-bar .buttons .hold-actions button.hold {
    background-position: 0 -1849px;
}

div.ticket_call_console .action-bar .buttons .hold-actions button.hold.active {
    background-position: 0 -1881px;
}

div.ticket_call_console .action-bar .buttons .hold-actions button.hold.holding {
    background-image: url(../images/small_spinner.gif);
    background-position: center;
}

div.ticket_call_console .action-bar .buttons .hold-actions button.transfer {
    background-position: 0 -1757px;
}

div.ticket_call_console .action-bar .buttons .hold-actions button.transfer.active {
    background-position: 0 -1757px;
}

div.ticket_call_console .action-bar .buttons .hold-actions button:not(:first-child) {
    border-left: 1px solid #DDD;
}

div.ticket_call_console .action-bar .buttons button {
    float: left;
    font-size: 11px;
    font-weight: bold;
    height: 32px;
    line-height: 11px;
    margin-right: 8px;
    padding-bottom: 8px;
    text-shadow: 0 1px 1px rgba(0,0,0,0.45);
    width: 115px;
}

div.ticket_call_console .action-bar .buttons button.accept {
    background-image: linear-gradient(#88b900,#78a300);
    background-color: #88B900;
}

div.ticket_call_console .action-bar .buttons button.accept:hover {
    background-position: 0 15px;
}

div.ticket_call_console .action-bar .buttons button.full {
    width: 238px;
}

div.ticket_call_console .action-bar .buttons button.hang-up {
    background-image: linear-gradient(#fe0101,#e80000);
    background-color: #FE0101;
    color: #fff;
}

div.ticket_call_console .action-bar .buttons button.hang-up:hover {
    background-position: 0 15px;
}

div.ticket_call_console .action-bar .buttons button.mute {
    background-position: 0 -1789px;
    border-radius: 3px;
    background-color: #EEE;
    border: 1px solid #333;
    float: left;
    margin: 0 8px 0 0;
    height: 32px;
    width: 32px;
}

div.ticket_call_console .action-bar .buttons button.muted {
    background-position: 0 -1819px;
}

div.ticket_call_console .action-bar .buttons button.transferAgent {
    background: url(../images/transfer_agent.png) 5px no-repeat;
    background-size: 18px;
    border-radius: 3px;
    background-color: #EEE;
    border: 1px solid #333;
    float: left;
    margin: 0 8px 0 0;
    height: 32px;
    width: 32px;
}
div.ticket_call_console .action-bar .buttons button.toggle-misa {
    background: url(../images/chat.png) 5px no-repeat;
    background-size: 18px;
    border-radius: 3px;
    background-color: #EEE;
    border: 1px solid #333;
    float: left;
    margin: 0 8px 0 0;
    height: 32px;
    width: 32px;
}


div.ticket_call_console .action-bar .buttons button.transfer-survey {
    background: url(../images/survey.png) 7px no-repeat;
    background-size: 15px;
    border-radius: 3px;
    background-color: #EEE;
    border: 1px solid #333;
    float: left;
    margin: 0 8px 0 0;
    height: 32px;
    width: 32px;
}

div.ticket_call_console .action-bar .buttons button.transfer {
    background-position: 0 -1757px;
    border-radius: 3px;
    background-color: #EEE;
    border: 1px solid #333;
    float: left;
    margin: 0 8px 0 0;
    height: 32px;
    width: 32px;
}

div.ticket_call_console .audio.player {
    top: -4px;
}

.zendesk-context-menu {
    position: absolute;
    left: 0;
    z-index: 1000;
    display: none;
    min-width: 160px;
    padding: 10px 0;
    margin: 0;
    list-style: none;
    background-color: #ffffff;
    border-color: #ccc;
    border-color: rgba(0,0,0,0.1);
    border-style: solid;
    border-width: 1px;
    border-radius: 5px;
    box-shadow: 0 5px 10px rgba(0,0,0,0.2);
    background-clip: padding-box;
    *border-right-width: 2px;
    *border-bottom-width: 2px;
}

.zendesk-context-menu li.header {
    text-align: left;
    padding: 7px 20px;
    font-weight: bold;
}

.zendesk-context-menu li a {
    color: #146eaa;
}

.zendesk-context-menu li a:hover {
    color: #555;
    background-color: #f2f2f2;
}

.zendesk-context-menu li.ember-button, .zendesk-context-menu li.button, .zendesk-context-menu li button {
    display: block;
    padding: 7px 20px;
    clear: both;
    font-weight: normal;
    font-size: 12px;
    line-height: 18px;
    color: #555;
    white-space: nowrap;
    text-align: left;
    background: none;
    cursor: pointer;
}

.zendesk-context-menu li.ember-button:disabled, .zendesk-context-menu li.ember-button.inactive, .zendesk-context-menu li.button:disabled, .zendesk-context-menu li.button.inactive, .zendesk-context-menu li button:disabled, .zendesk-context-menu li button.inactive {
    color: #ccc;
}

.zendesk-context-menu li.ember-button:disabled:hover, .zendesk-context-menu li.ember-button.inactive:hover, .zendesk-context-menu li.button:disabled:hover, .zendesk-context-menu li.button.inactive:hover, .zendesk-context-menu li button:disabled:hover, .zendesk-context-menu li button.inactive:hover {
    color: #ccc;
    background-color: transparent;
}

.zendesk-context-menu li.ember-button:hover, .zendesk-context-menu li.button:hover, .zendesk-context-menu li button:hover {
    color: #555;
    text-decoration: none;
    background-color: #f2f2f2;
}

.zendesk-context-menu li.ember-button {
    width: auto;
    cursor: pointer;
}

footer .object_options, .footer .object_options {
    margin: 16px;
}

footer .object_options .dropdown-toggle, .footer .object_options .dropdown-toggle {
    cursor: pointer;
    font-size: 11px;
    font-weight: bold;
    padding-bottom: 2px;
    color: #111;
    opacity: 0.7;
}

footer .object_options .dropdown-toggle:hover, .footer .object_options .dropdown-toggle:hover {
    opacity: 1;
}

footer .object_options .dropdown-toggle .caret, .footer .object_options .dropdown-toggle .caret {
    margin: 6px 0 0 2px;
}

footer .object_options .dropdown-menu, .footer .object_options .dropdown-menu {
    margin-left: -10px;
    margin-bottom: 10px;
}

.flags-ad {
    background-position: 0 -968px;
}

.flags-ae {
    background-position: 0 -2674px;
}

.flags-af {
    background-position: 0 -1265px;
}

.flags-ag {
    background-position: 0 -726px;
}

.flags-ai {
    background-position: 0 -363px;
}

.flags-al {
    background-position: 0 -902px;
}

.flags-am {
    background-position: 0 -2586px;
}

.flags-an {
    background-position: 0 -1980px;
}

.flags-ao {
    background-position: 0 -1738px;
}

.flags-aq {
    background-position: 0 -880px;
}

.flags-ar {
    background-position: 0 -1771px;
}

.flags-as {
    background-position: 0 -264px;
}

.flags-at {
    background-position: 0 -2509px;
}

.flags-au {
    background-position: 0 -22px;
}

.flags-aw {
    background-position: 0 -1540px;
}

.flags-ax {
    background-position: 0 -572px;
}

.flags-az {
    background-position: 0 -1155px;
}

.flags-ba {
    background-position: 0 -638px;
}

.flags-bb {
    background-position: 0 -1342px;
}

.flags-bd {
    background-position: 0 -1716px;
}

.flags-be {
    background-position: 0 -2597px;
}

.flags-bf {
    background-position: 0 -2167px;
}

.flags-bg {
    background-position: 0 -2465px;
}

.flags-bh {
    background-position: 0 -1936px;
}

.flags-bi {
    background-position: 0 -55px;
}

.flags-bj {
    background-position: 0 -2608px;
}

.flags-bl {
    background-position: 0 -462px;
}

.flags-bm {
    background-position: 0 -440px;
}

.flags-bn {
    background-position: 0 -407px;
}

.flags-bo {
    background-position: 0 -2244px;
}

.flags-br {
    background-position: 0 -473px;
}

.flags-bs {
    background-position: 0 -1672px;
}

.flags-bt {
    background-position: 0 -704px;
}

.flags-bv {
    background-position: 0 -1375px;
}

.flags-bw {
    background-position: 0 -2399px;
}

.flags-by {
    background-position: 0 -1683px;
}

.flags-bz {
    background-position: 0 -671px;
}

.flags-ca {
    background-position: 0 -583px;
}

.flags-catalonia {
    background-position: 0 -2079px;
}

.flags-cc {
    background-position: 0 -319px;
}

.flags-cd {
    background-position: 0 -913px;
}

.flags-cf {
    background-position: 0 -979px;
}

.flags-cg {
    background-position: 0 -2156px;
}

.flags-ch {
    background-position: 0 -2762px;
}

.flags-ci {
    background-position: 0 -2553px;
}

.flags-ck {
    background-position: 0 -396px;
}

.flags-cl {
    background-position: 0 -2432px;
}

.flags-cm {
    background-position: 0 -1881px;
}

.flags-cn {
    background-position: 0 -2123px;
}

.flags-co {
    background-position: 0 -2619px;
}

.flags-cr {
    background-position: 0 -2454px;
}

.flags-cs {
    background-position: 0 -2542px;
}

.flags-cu {
    background-position: 0 -814px;
}

.flags-cv {
    background-position: 0 -858px;
}

.flags-cx {
    background-position: 0 -484px;
}

.flags-cy {
    background-position: 0 -2090px;
}

.flags-cz {
    background-position: 0 -1991px;
}

.flags-de {
    background-position: 0 -1848px;
}

.flags-dj {
    background-position: 0 -946px;
}

.flags-dk {
    background-position: 0 -2134px;
}

.flags-dm {
    background-position: 0 -374px;
}

.flags-do {
    background-position: 0 -1826px;
}

.flags-dz {
    background-position: 0 -792px;
}

.flags-ec {
    background-position: 0 -2101px;
}

.flags-ee {
    background-position: 0 -2696px;
}

.flags-eg {
    background-position: 0 -1892px;
}

.flags-eh {
    background-position: 0 -1551px;
}

.flags-england {
    background-position: 0 -1694px;
}

.flags-er {
    background-position: 0 -495px;
}

.flags-es {
    background-position: 0 -2002px;
}

.flags-et {
    background-position: 0 -1177px;
}

.flags-europeanunion {
    background-position: 0 -1947px;
}

.flags-fam {
    background-position: 0 -1958px;
}

.flags-fi {
    background-position: 0 -1760px;
}

.flags-fj {
    background-position: 0 -253px;
}

.flags-fk {
    background-position: 0 -220px;
}

.flags-fm {
    background-position: 0 -1034px;
}

.flags-fo {
    background-position: 0 -1617px;
}

.flags-fr {
    background-position: 0 -1639px;
}

.flags-ga {
    background-position: 0 -2222px;
}

.flags-gb {
    background-position: 0 -176px;
}

.flags-gd {
    background-position: 0 -561px;
}

.flags-ge {
    background-position: 0 -330px;
}

.flags-gf {
    background-position: 0 -1650px;
}

.flags-gh {
    background-position: 0 -2299px;
}

.flags-gi {
    background-position: 0 -1562px;
}

.flags-gl {
    background-position: 0 -1595px;
}

.flags-gm {
    background-position: 0 -1782px;
}

.flags-gn {
    background-position: 0 -2487px;
}

.flags-gp {
    background-position: 0 -2178px;
}

.flags-gq {
    background-position: 0 -1430px;
}

.flags-gr {
    background-position: 0 -1166px;
}

.flags-gs {
    background-position: 0 -187px;
}

.flags-gt {
    background-position: 0 -2068px;
}

.flags-gu {
    background-position: 0 -1628px;
}

.flags-gw {
    background-position: 0 -2443px;
}

.flags-gy {
    background-position: 0 -308px;
}

.flags-hk {
    background-position: 0 -1221px;
}

.flags-hm {
    background-position: 0 -33px;
}

.flags-hn {
    background-position: 0 -1045px;
}

.flags-hr {
    background-position: 0 -1353px;
}

.flags-ht {
    background-position: 0 -2410px;
}

.flags-hu {
    background-position: 0 -2707px;
}

.flags-id {
    background-position: 0 -2663px;
}

.flags-ie {
    background-position: 0 -2531px;
}

.flags-il {
    background-position: 0 -2266px;
}

.flags-im {
    background-position: 0 -1320px;
}

.flags-in {
    background-position: 0 -1815px;
}

.flags-io {
    background-position: 0 -11px;
}

.flags-iq {
    background-position: 0 -1276px;
}

.flags-ir {
    background-position: 0 -1232px;
}

.flags-is {
    background-position: 0 -1210px;
}

.flags-it {
    background-position: 0 -2685px;
}

.flags-jm {
    background-position: 0 -154px;
}

.flags-jo {
    background-position: 0 -1804px;
}

.flags-jp {
    background-position: 0 -2564px;
}

.flags-ke {
    background-position: 0 -957px;
}

.flags-kg {
    background-position: 0 -1903px;
}

.flags-kh {
    background-position: 0 -1144px;
}

.flags-ki {
    background-position: 0 -143px;
}

.flags-km {
    background-position: 0 -682px;
}

.flags-kn {
    background-position: 0 -429px;
}

.flags-kp {
    background-position: 0 -1122px;
}

.flags-kr {
    background-position: 0 -165px;
}

.flags-kw {
    background-position: 0 -1969px;
}

.flags-ky {
    background-position: 0 -88px;
}

.flags-kz {
    background-position: 0 -616px;
}

.flags-la {
    background-position: 0 -1100px;
}

.flags-lb {
    background-position: 0 -1243px;
}

.flags-lc {
    background-position: 0 -990px;
}

.flags-li {
    background-position: 0 -1419px;
}

.flags-lk {
    background-position: 0 -825px;
}

.flags-lr {
    background-position: 0 -1573px;
}

.flags-ls {
    background-position: 0 -352px;
}

.flags-lt {
    background-position: 0 -2233px;
}

.flags-lu {
    background-position: 0 -2145px;
}

.flags-lv {
    background-position: 0 -2310px;
}

.flags-ly {
    background-position: 0 -2740px;
}

.flags-ma {
    background-position: 0 -2641px;
}

.flags-mc {
    background-position: 0 -2729px;
}

.flags-md {
    background-position: 0 -1331px;
}

.flags-me {
    background-position: 0 -2321px;
}

.flags-mf {
    background-position: 0 0;
}

.flags-mg {
    background-position: 0 -2476px;
}

.flags-mh {
    background-position: 0 -275px;
}

.flags-mk {
    background-position: 0 -605px;
}

.flags-ml {
    background-position: 0 -2421px;
}

.flags-mm {
    background-position: 0 -2189px;
}

.flags-mn {
    background-position: 0 -2057px;
}

.flags-mo {
    background-position: 0 -737px;
}

.flags-mp {
    background-position: 0 -506px;
}

.flags-mq {
    background-position: 0 -66px;
}

.flags-mr {
    background-position: 0 -1001px;
}

.flags-ms {
    background-position: 0 -451px;
}

.flags-mt {
    background-position: 0 -2498px;
}

.flags-mu {
    background-position: 0 -2035px;
}

.flags-mv {
    background-position: 0 -1452px;
}

.flags-mw {
    background-position: 0 -1441px;
}

.flags-mx {
    background-position: 0 -1133px;
}

.flags-my {
    background-position: 0 -517px;
}

.flags-mz {
    background-position: 0 -770px;
}

.flags-na {
    background-position: 0 -110px;
}

.flags-nc {
    background-position: 0 -748px;
}

.flags-ne {
    background-position: 0 -1507px;
}

.flags-nf {
    background-position: 0 -693px;
}

.flags-ng {
    background-position: 0 -2344px;
}

.flags-ni {
    background-position: 0 -1496px;
}

.flags-nl {
    background-position: 0 -2388px;
}

.flags-no {
    background-position: 0 -1386px;
}

.flags-np {
    background-position: 0 -2575px;
}

.flags-nr {
    background-position: 0 -1298px;
}

.flags-nu {
    background-position: 0 -539px;
}

.flags-nz {
    background-position: 0 -198px;
}

.flags-om {
    background-position: 0 -2355px;
}

.flags-pa {
    background-position: 0 -1397px;
}

.flags-pe {
    background-position: 0 -2718px;
}

.flags-pf {
    background-position: 0 -1749px;
}

.flags-pg {
    background-position: 0 -803px;
}

.flags-ph {
    background-position: 0 -1056px;
}

.flags-pirate {
    background-position: 0 -1518px;
}

.flags-pk {
    background-position: 0 -660px;
}

.flags-pl {
    background-position: 0 -2751px;
}

.flags-pm {
    background-position: 0 -99px;
}

.flags-pn {
    background-position: 0 -231px;
}

.flags-pr {
    background-position: 0 -759px;
}

.flags-ps {
    background-position: 0 -1914px;
}

.flags-pt {
    background-position: 0 -1188px;
}

.flags-pw {
    background-position: 0 -924px;
}

.flags-py {
    background-position: 0 -1925px;
}

.flags-qa {
    background-position: 0 -2200px;
}

.flags-re {
    background-position: 0 -1661px;
}

.flags-ro {
    background-position: 0 -2288px;
}

.flags-rs {
    background-position: 0 -2046px;
}

.flags-ru {
    background-position: 0 -2366px;
}

.flags-rw {
    background-position: 0 -1705px;
}

.flags-sa {
    background-position: 0 -935px;
}

.flags-sb {
    background-position: 0 -297px;
}

.flags-sc {
    background-position: 0 -891px;
}

.flags-scotland {
    background-position: 0 -44px;
}

.flags-sd {
    background-position: 0 -1529px;
}

.flags-se {
    background-position: 0 -1584px;
}

.flags-sg {
    background-position: 0 -2013px;
}

.flags-sh {
    background-position: 0 -132px;
}

.flags-si {
    background-position: 0 -1606px;
}

.flags-sj {
    background-position: 0 -1408px;
}

.flags-sk {
    background-position: 0 -836px;
}

.flags-sl {
    background-position: 0 -2255px;
}

.flags-sm {
    background-position: 0 -1199px;
}

.flags-sn {
    background-position: 0 -1837px;
}

.flags-so {
    background-position: 0 -1463px;
}

.flags-sr {
    background-position: 0 -1859px;
}

.flags-st {
    background-position: 0 -1012px;
}

.flags-sv {
    background-position: 0 -2024px;
}

.flags-sy {
    background-position: 0 -2333px;
}

.flags-sz {
    background-position: 0 -594px;
}

.flags-tc {
    background-position: 0 -341px;
}

.flags-td {
    background-position: 0 -1793px;
}

.flags-tf {
    background-position: 0 -1474px;
}

.flags-tg {
    background-position: 0 -1067px;
}

.flags-th {
    background-position: 0 -2377px;
}

.flags-tj {
    background-position: 0 -1727px;
}

.flags-tk {
    background-position: 0 -286px;
}

.flags-tl {
    background-position: 0 -1254px;
}

.flags-tm {
    background-position: 0 -649px;
}

.flags-tn {
    background-position: 0 -1364px;
}

.flags-to {
    background-position: 0 -2520px;
}

.flags-tr {
    background-position: 0 -1485px;
}

.flags-tt {
    background-position: 0 -77px;
}

.flags-tv {
    background-position: 0 -869px;
}

.flags-tw {
    background-position: 0 -2211px;
}

.flags-tz {
    background-position: 0 -528px;
}

.flags-ua {
    background-position: 0 -2652px;
}

.flags-ug {
    background-position: 0 -1309px;
}

.flags-um {
    background-position: 0 -550px;
}

.flags-us {
    background-position: 0 -418px;
}

.flags-uy {
    background-position: 0 -1023px;
}

.flags-uz {
    background-position: 0 -1287px;
}

.flags-va {
    background-position: 0 -1111px;
}

.flags-vc {
    background-position: 0 -1089px;
}

.flags-ve {
    background-position: 0 -1078px;
}

.flags-vg {
    background-position: 0 -242px;
}

.flags-vi {
    background-position: 0 -209px;
}

.flags-vn {
    background-position: 0 -2277px;
}

.flags-vu {
    background-position: 0 -847px;
}

.flags-wales {
    background-position: 0 -121px;
}

.flags-wf {
    background-position: 0 -781px;
}

.flags-ws {
    background-position: 0 -1870px;
}

.flags-ye {
    background-position: 0 -2630px;
}

.flags-yt {
    background-position: 0 -627px;
}

.flags-za {
    background-position: 0 -385px;
}

.flags-zm {
    background-position: 0 -2112px;
}

.flags-zw {
    background-position: 0 -715px;
}

.flag-icon {
    width: 16px;
    height: 11px;
    margin: 3px;
    margin-right: 10px;
    float: left;
}

.ticket_chat_buttons {
    float: right;
    text-align: right;
    width: 49%;
}

.ticket_chat_buttons button {
    margin-top: 5px;
    height: 39px;
    line-height: 37px;
    padding: 0 10px;
}

.ticket_chat_buttons button:disabled {
    color: white;
}

.ticket_chat_buttons button:disabled:hover {
    box-shadow: none;
}

.ticket_chat_buttons .end_chat {
    margin-right: 5px;
    padding-left: 25px;
    padding-right: 25px;
    border-right: 0;
    border-color: #E70000;
    background-image: none;
    background-color: #FE0101;
    color: #ffffff;
}

.ticket_chat_buttons .end_chat:hover {
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.5);
    background-color: #FE0101;
    border-color: #FE0101;
    color: #ffffff;
}

.ticket_chat_buttons .end_chat:active {
    box-shadow: inset 0 1px 2px rgba(0,0,0,0.4);
    background-color: #FE0101;
    border-color: #FE0101;
    color: #ffffff;
}

#chat_frame {
    margin: 0 auto;
    margin-left: 20px;
    margin-right: 20px;
    background: white;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    box-shadow: 0 0 8px 4px #414141;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 20px;
}

#chat_frame .chat_panel {
    background: #F8F8F8;
    padding: 5px 20px 10px 20px;
    font-style: italic;
    color: #AEAEAE;
    font-size: 11px;
    border-top: 5px solid #F3F3F3;
    border-bottom: 1px solid #E6E6E6;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

#chat_frame .chat_panel a {
    font-style: italic;
    font-size: 11px;
}

#chat_frame .chat_body {
    position: absolute;
    top: 33px;
    left: 0;
    right: 0;
    bottom: 185px;
    overflow-x: auto;
    overflow-y: auto;
    margin-top: 1px;
    padding-bottom: 20px;
}

#chat_frame .chat_body.ended {
    bottom: 10px;
}

#chat_frame .stanza {
    border-bottom: 1px solid #E6E6E6;
    padding: 10px 20px 17px 20px;
    font-size: 11px;
}

#chat_frame .stanza h3 {
    font-size: 11px;
    line-height: 11px;
    margin-bottom: 6px;
}

#chat_frame .stanza .message-body {
    font-family: MyHelveticaNeue, Helvetica Neue, Helvetica, Arial, Sans-serif;
    font-size: 11px;
}

#chat_frame .stanza .delivered {
    font-size: 11px;
    color: #ff0000;
}

#chat_frame .stanza .time {
    float: right;
    color: #909090;
    font-size: 10px;
    font-weight: normal;
}

#chat_frame .activity-typing {
    border-radius: 8px;
    background: #EBEBEB;
    padding-left: 9px;
    padding-right: 9px;
    font-size: 10px;
    line-height: 8px;
    display: block;
    width: 12px;
    padding-bottom: 6px;
    margin-top: 8px;
}

#chat_frame .chat_form {
    background: #F8F8F8;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
}

#chat_frame .chat_form .chat_timer {
    border-bottom: 1px solid #E6E6E6;
    background: #FEFEE8;
    padding: 15px 20px 15px 20px;
    font-size: 10px;
}

#chat_frame .chat_form .chat_status {
    float: right;
    display: inline-block;
}

#chat_frame .chat_form .chat_status .message {
    color: #EF1C01;
    margin: 0;
    padding: 0;
    position: relative;
    padding-left: 20px;
}

#chat_frame .chat_form .chat_status .message .indicator {
    width: 15px;
    height: 15px;
    margin: 0;
    display: inline-block;
    position: absolute;
    left: 0;
    top: -1px;
    background-position: 0 -1403px;
}

#chat_frame .chat_form .chat_message_form {
    position: relative;
    border-top: 1px solid #FFFFFF;
    padding-bottom: 139px;
}

#chat_frame .chat_form .textarea_container {
    position: absolute;
    top: 0;
    left: 0;
    right: 32px;
}

#chat_frame .chat_form .textarea_container textarea {
    margin-top: 13px;
    margin-left: 10px;
    margin-right: 10px;
    margin-bottom: 10px;
    height: 60px;
    width: 100%;
    resize: none;
}

#chat_frame .chat_form .send_button {
    background: white;
    color: #333333;
    border: 1px solid #BBBBBB;
    font-size: 11px;
    position: absolute;
    bottom: 17px;
    right: 10px;
    line-height: 15px;
    border-radius: 3px;
}

.delimited_items > span {
    background-position: 0 -837px;
    margin-right: 4px;
    padding-left: 16px;
}

.delimited_items > span:first-of-type {
    background: none;
    padding-left: 0;
}

.channels-footer-left {
    float: left;
    padding-bottom: 15px;
    font-size: 11px;
    color: #bbb;
}

.channels-footer-left a:link, .channels-footer-left a:visited {
    color: #bbb;
    text-decoration: underline;
}

.channels-footer-left a:link:hover, .channels-footer-left a:visited:hover {
    color: #444;
}

.channels-footer-left a:link time, .channels-footer-left a:visited time {
    float: none;
    padding-right: 3px;
    cursor: pointer;
}

.channels-footer-left a:link.channels-timestamp, .channels-footer-left a:visited.channels-timestamp {
    float: left;
    text-decoration: none;
}

.tweet-footer-right {
    display: none;
    float: right;
    padding-bottom: 5px;
}

.tweet-footer-right .twitter-action {
    margin-left: 12px;
    float: right;
}

.twitter-action label {
    display: inline;
    color: inherit;
    padding-left: 3px;
}

.twitter-action i {
    display: inline-block;
    width: 20px;
    height: 16px;
    vertical-align: text-top;
}

.twitter-action.disabled {
    cursor: default;
}

.twitter-action.disabled label {
    color: #999 !important;
}

.twitter-action.inprogress i {
    background-image: url(../images/small_spinner.gif) !important;
    background-position: 0 0 !important;
}

.twitter-action.inprogress label {
    color: #999999;
    cursor: progress;
}

.twitter-action.follow .unfollow-mode {
    display: none;
}

.twitter-action.unfollow .follow-mode {
    display: none;
}

.twitter-action.follow, .twitter-action.unfollow {
    visibility: hidden;
    position: relative;
    border: #CCC solid 1px;
    border-radius: 3px;
    color: #333;
    font-weight: bold;
    min-width: 70px;
    cursor: pointer;
    padding: 3px;
    overflow: hidden;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    margin-right: 50px;
    margin-top: -4px;
    position: absolute;
    right: 20px;
}

.twitter-action.follow label, .twitter-action.unfollow label {
    font-size: 12px;
    font-weight: bold;
    font-family: MyHelveticaNeue, Helvetica Neue, Helvetica, Arial, Sans-serif;
    white-space: nowrap;
}

.twitter-action.follow label:hover, .twitter-action.unfollow label:hover {
    text-decoration: none;
}

.twitter-action.follow.enabled:active, .twitter-action.unfollow.enabled:active {
    background-color: #EFEFEF;
    box-shadow: inset 0 3px 5px rgba(0,0,0,0.1);
}

.twitter-action.follow.inprogress i, .twitter-action.unfollow.inprogress i {
    top: 1px;
    left: 1px;
}

.twitter-action.follow.disabled, .twitter-action.unfollow.disabled {
    cursor: default;
    border: #CCC solid 1px !important;
    border-radius: 3px;
    color: #333 !important;
}

.twitter-action.follow.disabled i, .twitter-action.unfollow.disabled i {
    background-position: 0 -1606px;
    opacity: 0.35;
}

.twitter-action.follow {
    background-color: #F8F8F8;
    text-shadow: 0 1px 0 rgba(255,255,255,0.5);
}

.twitter-action.follow label {
    padding: 10px 10px 10px 29px;
}

.twitter-action.follow i {
    position: absolute;
    height: 12px;
    top: 7px;
    left: 10px;
    background-position: 0 -1526px;
}

.twitter-action.follow.enabled, .twitter-action.follow.inprogress {
    background-image: linear-gradient(#ffffff,#dedede);
}

.twitter-action.follow:hover {
    border-color: #BBB;
    background-color: #F8F8F8;
    background-image: linear-gradient(#f8f8f8,#d9d9d9);
    box-shadow: none;
}

.twitter-action.unfollow label.unfollow-label {
    display: none;
}

.twitter-action.unfollow label.following-label {
    display: block;
}

.twitter-action.unfollow label {
    padding: 3px;
    text-align: center;
}

.twitter-action.unfollow:not(.disabled) {
    font-weight: bold;
    color: #fff;
    background-image: linear-gradient(#33bcef,#019ad2);
    border-color: #057ed0;
}

.twitter-action.unfollow:not(.disabled):hover {
    background-image: linear-gradient(#ee5f5b,#c43c35);
    border-color: #a93730;
    border-bottom-color: #952f2a;
}

.twitter-action.unfollow:not(.disabled):hover label.following-label {
    display: none;
}

.twitter-action.unfollow:not(.disabled):hover label.unfollow-label {
    display: block;
}

.twitter-action label:hover {
    text-decoration: underline;
}

.twitter-action.disabled label:hover {
    text-decoration: none;
}

.twitter-action.favorite .unfavorite-mode {
    display: none;
}

.twitter-action.favorite i {
    background-position: 0 -915px;
}

.twitter-action.favorite:hover i {
    background-position: 0 -992px;
}

.twitter-action.favorite.disabled i {
    background-position: 0 -915px;
}

.twitter-action.unfavorite .favorite-mode {
    display: none;
}

.twitter-action.unfavorite label {
    color: #FF8800;
}

.twitter-action.unfavorite i {
    background-position: 0 -818px;
}

.twitter-action.unfavorite.disabled i {
    background-position: 0 -818px;
}

.twitter-action.retweet .unretweet-mode {
    display: none;
}

.twitter-action.retweet i {
    background-position: 0 -1570px;
}

.twitter-action.retweet:hover i {
    background-position: 0 -1588px;
}

.twitter-action.retweet.disabled i {
    background-position: 0 -1570px;
}

.twitter-action.unretweet .retweet-mode {
    display: none;
}

.twitter-action.unretweet label {
    color: #008800;
}

.twitter-action.unretweet i {
    background-position: 0 -1552px;
}

.twitter-action.unretweet.disabled i {
    background-position: 0 -1552px;
}

.twitter-action.reply i {
    background-position: 0 -1437px;
}

.twitter-action.reply:hover i {
    background-position: 0 -1419px;
}

.twitter-action.reply.disabled i {
    background-position: 0 -1437px;
}

.zentence {
    border-color: transparent;
    border-style: solid;
    border-width: 1px;
    position: relative;
}

.zentence > .zentence-action {
    border-color: transparent;
    background: transparent;
    background-image: none;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 2px;
    border-style: solid;
    border-width: 1px;
    cursor: pointer;
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

.zentence:hover > .zentence-action {
    border-color: #D3D3D3;
}

.zentence:hover .zentence-remove-action {
    visibility: visible;
}

.disabled .zentence:hover > .zentence-action {
    border-color: transparent;
}

.disabled .zentence:hover .zentence-remove-action {
    visibility: hidden;
}

.disabled .zentence * {
    cursor: not-allowed;
}

.zentence-empty > .zentence-action {
    border-color: #D3D3D3;
}

.zentence-empty .zentence-placeholder {
    display: inline-block;
}

.zentence-active {
    border-color: #527000;
    border-radius: 0;
    box-shadow: 0 0 3px #78a300;
}

.zentence-active:hover > .zentence-action {
    border-color: transparent;
}

.zentence-active .zentence-leaf-active {
    border-radius: 0;
    color: black;
}

.zentence-active .zentence-confirm-action, .zentence-active .zentence-remove-action {
    visibility: visible;
}

.zentence-tree {
    margin: 0 65px 0 5px;
}

.zentence-leaf-wrapper {
    color: #5A5A5A;
    cursor: pointer;
    display: inline-block;
    font-size: 12px;
    line-height: 20px;
    min-height: 20px;
    margin: 5px 0;
    padding: 0 4px 0 5px;
    position: relative;
    vertical-align: top;
    white-space: pre-wrap;
    word-break: break-all;
}

.zentence-leaf {
    display: inherit;
    min-height: inherit;
    padding: 1px 0;
    position: inherit;
    vertical-align: inherit;
    white-space: inherit;
    word-break: inherit;
}

.zentence-leaf span {
    font-weight: inherit;
}

.zentence-leaf:hover {
    color: black;
}

.zentence-leaf.zentence-leaf-invalid, .zentence-leaft-value.zentence-leaf-active.zentence-leaf-invalid {
    border-bottom: 1px dotted red;
    color: red;
}

.zentence-ghost {
    color: transparent;
    display: inline-block;
    font-style: inherit;
}

.zentence-active .zentence-ghost {
    color: silver;
}

.zentence-placeholder {
    color: silver;
    display: none;
    line-height: 21px;
    min-height: 20px;
    overflow: visible;
    position: absolute;
    vertical-align: top;
    white-space: nowrap;
}

.zentence-placeholder span {
    border-bottom: 1px solid transparent;
    padding: 1px 0;
}

.zentence-placeholder .zentence-leaft-value {
    border-bottom-color: #DEDEDE;
}

.zentence-list .zentence-value {
    left: 0;
    min-width: 5px;
    position: absolute;
}

.zentence-menu {
    background-color: white;
    border: 1px solid black;
    box-shadow: 0 0 3px #78a300;
    height: auto;
    margin: 0;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 0;
    position: absolute;
    z-index: 1051;
}

.zentence-menu.zd-menu-root.zd-state-focus {
    max-height: 145px;
}

.zentence-menu li {
    cursor: pointer;
    line-height: 25px;
    max-height: 29px;
    padding: 0 4px;
}

.zentence-menu li a {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.zentence-menu-active {
    border-color: #527000;
    box-shadow: 0 0 3px #78a300;
    display: block;
}

.zentence-menuitem-selected {
    background-color: #eaeaea;
}

.zentence-menuitem-activating > a, .zentence-menuitem-none > a {
    color: #666;
    font-style: italic;
}

.zentence-menuitem-activating > a:hover, .zentence-menuitem-none > a:hover {
    color: #666;
}

.zentence-menuitem-invalid > a {
    color: red;
}

.zentence-menuitem-invalid > a:hover {
    color: red;
}

.zentence-wizard-step > a {
    color: silver;
}

.zentence-confirm-action {
    display: inline-block;
    height: 16px;
    margin-right: 30px;
    margin-top: -8px;
    line-height: 16px;
    position: absolute;
    right: 0;
    top: 50%;
    visibility: hidden;
}

.zentence-remove-action {
    color: #bdbdbd;
    display: inline-block;
    font-size: 16px;
    height: 16px;
    line-height: 16px;
    margin-right: 5px;
    margin-top: -9px;
    position: absolute;
    right: 0;
    text-align: center;
    top: 50%;
    visibility: hidden;
    width: 16px;
}

.zentence-remove-action:hover {
    color: black;
    transition: color 150ms ease-in;
}

input.zentence-date {
    border-width: 0 0 1px 0;
    border-radius: 0;
    box-shadow: none !important;
    color: inherit;
    cursor: pointer;
    line-height: inherit;
    min-height: inherit;
    opacity: 0.95;
    outline: 0 !important;
    padding: 1px 0;
    vertical-align: top;
    width: 75px;
}

input.zentence-date:focus {
    border-color: transparent !important;
    box-shadow: none !important;
}

input.zentence-leaf-active {
    cursor: text;
    opacity: 1;
}

.zentence-tags {
    background-color: transparent;
    border-bottom-color: transparent;
    margin-bottom: 0;
    padding-top: 0;
}

.zentence-tags .zd-tag-menu-root {
    background-image: none;
    box-shadow: none;
    border: none;
    min-height: inherit;
}

.zentence-tags .zd-menu-list-holder {
    padding: 0;
}

.zentence-tags .zd-tag-editor-holder {
    vertical-align: top;
}

.zentence-tags .zd-state-focus {
    border: none;
    box-shadow: none;
}

.zentence-tags .zd-state-focus .zd-searchmenu-base {
    background-color: transparent;
    border-color: transparent !important;
}

.zentence-tags .zd-tag-item, .zentence-tags .zd-tag-editor-holder {
    margin-bottom: 3px;
}

.zentence-tags .zd-searchmenu-base {
    border: 1px solid transparent;
    border-radius: 3px;
    font-size: 11px;
    height: 22px;
    padding: 3px 6px 4px 6px !important;
    vertical-align: baseline;
}

.zd-tags-menu .zd-state-zero {
    visibility: hidden;
}

.zentence-tags.zentence-leaf-active {
    background-color: transparent;
}

.zentence-tags.zentence-leaf-active:hover {
    background-color: transparent;
    border-bottom-color: transparent;
}

.zentence-leaft-field {
    font-weight: bold;
}

.zentence-leaft-field.zentence-leaf-active {
    font-weight: normal;
}

.zentence-leaf {
    border-bottom: 1px solid transparent;
    transition: border-bottom-color 150ms ease-in;
}

.zentence-leaf.zentence-leaft-value:hover {
    border-bottom-color: black;
}

.zentence-leaf.zentence-leaft-value {
    border-bottom-color: #A5A5A5;
}

.zentence-leaft-value.zentence-leaf-active {
    border-bottom-color: transparent;
}

.zentence-text[data-suffix]:after {
    content: attr(data-suffix);
    display: inline-block;
    margin-left: 3px;
    position: absolute;
    white-space: nowrap;
}

.zentence-tags.zentence-leaft-value {
    border-bottom-color: transparent;
}

.zentence-tags.zentence-leaft-value:hover {
    border-bottom-color: transparent;
}

.modal.confirm .modal-footer .btn {
    min-width: 80px;
}

.modal.confirm ul {
    list-style-type: decimal;
}

.modal.confirm li {
    margin: 1em 0;
}

.modal.iframe-modal {
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    overflow: hidden;
}

.modal.iframe-modal .modal-header {
    padding: 9px 15px 28px;
}

.modal.iframe-modal .modal-body {
    position: relative;
    padding: 0;
    max-height: none;
    overflow: hidden;
    height: 100% !important;
}

.modal.iframe-modal .modal-body iframe {
    visibility: hidden;
    height: 100%;
    width: 100%;
    overflow: hidden;
}

.modal2 {
    padding: 24px;
    border: 1px solid #e0e0e0;
    border-radius: 3px;
    box-shadow: 1px 2px 5px rgba(50,50,50,0.1);
}

.modal2 .modal-header {
    padding: 9px 0px;
}

.modal2 .modal-header .close {
    margin-top: 0px;
    position: absolute;
    right: 13px;
    top: 9px;
    font-size: 14px;
    opacity: 0.3;
}

.modal2 .modal-header h3 {
    font-size: 15px;
    font-weight: normal;
}

.modal2 .modal-body {
    padding: 15px 0px;
}

.modal2 .modal-footer {
    border: none;
    border-top: 1px solid #e0e0e0;
    background-color: transparent;
    padding: 25px 0px 0px;
}

.modal2 ~ .modal-backdrop {
    background-color: #ffffff;
    opacity: 0.7;
}

.zopim_chat_widget {
    border-radius: 5px 0px 0px 5px;
    -webkit-transition: max-width 0.5s ease;
    -webkit-transition-delay: 0s;
    transition: max-width 0.5s ease 0s;
    position: absolute;
    z-index: 2000;
    right: 0px;
    bottom: 250px;
    cursor: pointer;
    background-color: #8bbc00;
    max-width: 28px;
    height: 30px;
    width: auto;
    white-space: nowrap;
}

.zopim_chat_widget:hover {
    max-width: 300px;
}

.zopim_chat_widget.unread {
    background-color: #fab24b;
}

.zopim_chat_widget.unread .icon {
    background-color: #F9A732;
}

.zopim_chat_widget .icon {
    border-radius: 5px 0px 0px 5px;
    background-color: #78a300;
    display: inline-block;
    padding: 0px 5px;
    font-family: entypo;
    color: #FFF;
    font-size: 31px;
    height: 30px;
    line-height: 32px;
}

#wrapper.os-windows .zopim_chat_widget .icon {
    line-height: 26px;
    line-height: 24px\9;
}

.zopim_chat_widget .message {
    display: inline-block;
    color: #FFFFFF;
    font-weight: normal;
    margin: 0px 15px 10px 10px;
    vertical-align: middle;
}

.animate-bounce {
    -webkit-animation: bounce 1s 3;
    animation: bounce 1s 3;
}

@-webkit-keyframes bounce {
    0%,30%,50%,100% {
        max-width: 28px;
    }

    15% {
        max-width: 38px;
    }

    40% {
        max-width: 32px;
    }
}

@keyframes bounce {
    0%,30%,50%,100% {
        max-width: 28px;
    }

    15% {
        max-width: 38px;
    }

    40% {
        max-width: 32px;
    }
}

.modal-form-actions .btn {
    float: right;
    margin-left: 10px;
    min-width: 86px;
}

.modal .modal-body .red-strong strong {
    color: #bd322c;
}

.lifecycle-survey .modal-header {
    padding: 10px 30px;
}

.lifecycle-survey .modal-body.survey, .lifecycle-survey .support-request {
    padding: 15px 30px;
}

.lifecycle-survey .modal-body.survey h5, .lifecycle-survey .support-request h5 {
    line-height: 18px;
}

.lifecycle-survey .modal-body.survey .options, .lifecycle-survey .support-request .options {
    margin: 15px 15px 5px 25px;
}

.lifecycle-survey .modal-body.survey .options label, .lifecycle-survey .support-request .options label {
    line-height: 30px;
    color: #555;
}

.lifecycle-survey .modal-body.survey .options label input, .lifecycle-survey .support-request .options label input {
    display: inline-block;
    margin-right: 7px;
    margin-left: -24px;
    vertical-align: middle;
}

.lifecycle-survey .modal-body.survey .answers h5, .lifecycle-survey .support-request .answers h5 {
    line-height: 10px;
}

.lifecycle-survey .modal-body.survey .answers .answer-text, .lifecycle-survey .support-request .answers .answer-text {
    border: 1px solid #ddd;
    padding: 5px 10px;
    resize: none;
    margin: 10px 0px 0px 0px;
    line-height: 140%;
}

.lifecycle-survey .modal-body.survey .answers .answer-text.show, .lifecycle-survey .support-request .answers .answer-text.show {
    display: block;
}

.lifecycle-survey .modal-body.survey .answers .answer-text.error, .lifecycle-survey .support-request .answers .answer-text.error {
    border-color: #bd322c;
}

.lifecycle-survey .modal-body.survey .answers .answer-text.elaborate, .lifecycle-survey .support-request .answers .answer-text.elaborate {
    border-color: #78a300;
    box-shadow: 1px 2px 5px rgba(50,50,50,0.1);
}

.lifecycle-survey .modal-footer {
    padding-right: 25px;
}

.lifecycle-survey .new-page-icon {
    width: 11px;
    height: 11px;
    display: inline-block;
    background: url(/agent/assets/sprites/components/external_link_1x-e7beb67e7cd06d23cb877fedb08dbcdc.png) no-repeat;
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx) {
    .lifecycle-survey .new-page-icon {
        width: 13px;
        height: 11px;
        background: url(/agent/assets/sprites/components/external_link_2x-f0ee1a64cc14c35a1ffe5f7a37968e6c.png) no-repeat;
        background-size: 100%;
    }
}

.trial-extension .answer-text {
    display: none;
}

.trial-extension .support-request a {
    color: #aaa;
}

.trial-extension .support-request a:hover {
    color: #777;
}

.email-forwarding {
    margin-left: -375px;
    width: 750px;
    height: 600px;
}

.email-forwarding .close {
    position: absolute;
    right: 20px;
    top: 15px;
    font-weight: 300;
    z-index: 2;
}

.email-forwarding .email-v2-content {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
    height: 600px;
    overflow: auto;
}

.email-forwarding .email-v2-content .contextual-tooltip .tip {
    left: -130px;
    top: 30px;
}

.email-forwarding .email-v2-content .center {
    margin-top: 60px;
    margin-bottom: 60px;
}

.email-forwarding .email-v2-content .center .email-input .highlight {
    padding: 20px 0px;
    margin: 0px auto;
}

.email-forwarding .email-v2-content .center .email-input .confirmation-checkbox {
    margin: 25px auto 0px;
}

.email-forwarding .email-v2-content .center .graphics {
    padding-top: 0px;
}

.email-forwarding .email-v2-content .center .graphics .check-mark {
    margin: 0px;
}

.email-forwarding .email-v2-content .center .readings {
    width: 60%;
    margin: auto;
}

.email-forwarding .email-v2-content .center .readings .description {
    margin: inherit;
    width: auto;
}

.email-forwarding .email-v2-content .center .readings h5 {
    padding-bottom: 15px;
}

.email-forwarding .email-v2-content .email-input h5 {
    white-space: normal;
}

.email-forwarding .email-v2-content .top, .email-forwarding .email-v2-content .bottom {
    position: absolute;
    width: 92%;
    background-color: #fff;
}

.email-forwarding .email-v2-content .top hr, .email-forwarding .email-v2-content .bottom hr {
    margin: 0px auto;
    width: 87.5%;
}

.email-forwarding .email-v2-content .top {
    top: 0px;
    z-index: 1;
}

.email-forwarding .email-v2-content .top .title {
    margin: 35px 0px;
}

.email-forwarding .email-v2-content .top .back-icon {
    margin-top: -70px;
    margin-left: 4%;
}

.email-forwarding .email-v2-content .bottom.outer {
    height: 80px;
    bottom: 0;
}

.email-forwarding .email-v2-content .bottom.outer .action-button {
    margin-top: 15px;
}

.blur {
    -webkit-filter: blur(9px);
    -moz-filter: blur(9px);
    filter: blur(9px);
}

#chat_html_notification_icon {
    background-image: url(/agent/assets/icons/html_notifications/chat-71af5d160fdb38c34c6abb4e2c98d91a.png);
}

#voice_html_notification_icon {
    background-image: url(/agent/assets/icons/html_notifications/phone-f0dedce494dca4f8de90c6ca3cbbe194.png);
}

#voice_html_notification_disconnection_icon {
    background-image: url(/agent/assets/icons/html_notifications/error-937272d9768c36a2e354caac20acd43c.png);
}

.no_views {
    text-align: center;
    margin-top: 80px;
    color: #DCDCDC;
}

.no_views .zendesk_logo {
    background: url(/agent/assets/admin/zendesk_logo_gray-73bf7aa7f4a7dfc5b3514b2bc408e361.png);
    width: 150px;
    height: 115px;
    margin: 0 auto;
}

.column-editor-base-container {
    display: none;
    position: absolute;
    right: 35px;
    top: 5px;
    width: 22px;
    height: 22px;
    overflow: hidden;
}

.mode-notice .column-editor-base-container {
    top: 68px;
}

.has-column-editor .filter_tickets {
    position: relative;
}

.has-column-editor .filter_tickets th.last {
    padding-right: 40px;
}

.has-column-editor .column-editor-base-container {
    display: block;
}

.column-editor-active .column-editor-base {
    background-color: #d9d9d9;
    border-color: transparent;
}

.column-editor-active .column-editor-base:hover {
    border-color: transparent;
    box-shadow: none;
}

.column-editor-active .column-editor-base:after, .column-editor-active .column-editor-base:before {
    border-color: #666;
}

.column-editor-active .column-editor-base:after:hover, .column-editor-active .column-editor-base:before:hover {
    border-color: #666;
}

.column-editor-base {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 20px;
    height: 20px;
    background-color: #f2f2f2;
    border: 1px solid #ccc;
    border-radius: 3px;
    cursor: pointer;
    transition: background-color 150ms ease-in,border-color 150ms ease-in;
}

.column-editor-base:hover {
    border-color: #bfbfbf;
    box-shadow: 0px 2px 1px rgba(60,60,60,0.1);
}

.column-editor-base:hover:after, .column-editor-base:hover:before {
    border-color: #666;
}

.column-editor-base:after, .column-editor-base:before {
    display: block;
    content: '';
    position: absolute;
    top: 5px;
    left: 5px;
    width: 10px;
    height: 2px;
    border-width: 2px 0;
    border-style: solid;
    border-color: #bfbfbf;
}

.column-editor-base:after:hover, .column-editor-base:before:hover {
    background-color: #999;
    border-color: #ffffff;
}

.column-editor-base:before {
    top: 9px;
}

.column-editor {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    z-index: 1;
}

.column-editor .popover {
    display: block;
    position: absolute;
    top: 30px;
    right: 35px;
    padding: 0;
    left: auto;
}

.column-editor .popover-inner {
    width: 240px;
    border: 1px solid #999;
}

.column-editor .popover-content {
    display: none;
    padding: 20px;
}

.column-editor .add-column {
    display: none;
}

.column-editor .show {
    display: block !important;
}

.column-editor .commands {
    margin: 15px 0;
}

.column-editor .divider {
    height: 1px;
    margin: 8px 1px;
    overflow: hidden;
    background-color: #e5e5e5;
    border-bottom: 1px solid white;
}

.column-editor h3 {
    font-size: 12px;
    font-weight: bold;
    margin-top: 10px;
    position: relative;
}

.column-editor h3:first-of-type {
    margin-top: -10px;
    margin-bottom: 5px;
}

.column-editor .active-columns, .column-editor .available-columns {
    margin-bottom: 10px;
    margin-left: 0px;
}

.column-editor .active-columns .sortable-placeholder, .column-editor .available-columns .sortable-placeholder {
    min-height: 25px !important;
    height: 25px !important;
    background-color: #eee;
}

.column-editor .active-columns li, .column-editor .available-columns li {
    position: relative;
    cursor: move;
    padding: 4px 20px 4px 40px;
    margin: 0 -20px;
}

.column-editor .active-columns li:hover, .column-editor .available-columns li:hover {
    background-color: #eee;
}

.column-editor .active-columns li .checkmark, .column-editor .available-columns li .checkmark {
    width: 14px;
    height: 14px;
    position: absolute;
    left: 20px;
    top: 5px;
}

.column-editor .active-columns li .checkmark::after, .column-editor .available-columns li .checkmark::after {
    background: url(../images/ico_check.png) no-repeat;
    content: '';
    display: block;
    height: 10px;
    margin: 3px 1px;
    position: absolute;
    width: 10px;
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx) {
    .column-editor .active-columns li .checkmark::after, .column-editor .available-columns li .checkmark::after {
        background: url(../images/ico_check.png) no-repeat;
        background-size: 100%;
    }
}

.column-editor .active-columns li .close, .column-editor .available-columns li .close {
    position: absolute;
    visibility: hidden;
    right: 22px;
    top: 0;
    opacity: 1;
}

.column-editor .active-columns li .close:after, .column-editor .available-columns li .close:after {
    content: '�';
    opacity: 0.6;
    font-size: 12px;
    position: absolute;
    top: 2px;
    right: 0px;
    width: 20px;
    text-align: center;
    height: 20px;
    line-height: 20px;
}

.column-editor .active-columns li .close:before, .column-editor .available-columns li .close:before {
    content: '';
    background-color: #eee;
    position: absolute;
    width: 20px;
    height: 20px;
    border-radius: 10px;
    top: 2px;
    right: 0px;
}

.column-editor .active-columns li .close:hover:after, .column-editor .available-columns li .close:hover:after {
    opacity: 0.8;
}

.column-editor .active-columns li:hover .close, .column-editor .available-columns li:hover .close {
    visibility: visible;
    background-color: #ffffff;
}

.column-editor .available-columns {
    margin-bottom: 0;
    overflow-x: hidden;
    overflow-y: auto;
    max-height: 400px;
}

.column-editor .available-columns li {
    cursor: pointer;
}

.column-editor .available-columns .checkmark {
    visibility: hidden;
}

.column-editor .available-columns li:hover .checkmark {
    visibility: visible;
}

.column-editor .sorter {
    color: #146eaa;
    font-weight: normal;
    font-size: 11px;
    position: absolute;
    top: 0;
    right: 0;
}

.column-editor .sorter:hover {
    color: #041521;
}

.column-editor i {
    font-style: normal;
    font-size: 9px;
    margin-left: 2px;
}

.column-editor .arrow-up:after, .column-editor .arrow-down:after {
    font-family: "Times New Roman";
    font-size: 7px;
}

.column-editor .arrow-up:after {
    content: '\25B2';
}

.column-editor .arrow-down:after {
    content: '\25BC';
}

.column-editor .asc .arrow-up {
    display: auto;
}

.column-editor .asc .arrow-down {
    display: none;
}

.column-editor .desc .arrow-up {
    display: none;
}

.column-editor .desc .arrow-down {
    display: auto;
}

.column-editor .back-link {
    position: relative;
}

.column-editor .back-link:before {
    content: '\2039';
    position: absolute;
    top: -6px;
    left: -11px;
    font-size: 22px;
    font-weight: bold;
}

.column-editor .available-columns-panel .commands {
    margin-top: 0px;
    margin-left: 10px;
}

.column-editor .search-container {
    position: relative;
    border-radius: 20px;
    border: 1px solid #999999;
    padding: 4px 27px 6px 19px;
    margin: 5px 0;
}

.column-editor .search-container input {
    width: 100%;
    padding: 0;
    border-width: 0px;
    box-shadow: none !important;
    outline: none;
}

.column-editor .search-container .search_icon {
    background-position: 0 -251px;
    position: absolute;
    top: 6px;
    right: 3px;
    width: 20px;
    height: 20px;
    opacity: 0.3;
}

.mode-notice .column-editor .popover {
    top: 90px;
}

.dialer {
    margin-top: 48px;
    width: 270px;
}

.dialer.one-channel {
    right: 5px;
}

.dialer .message {
    color: #D5D5D5;
    margin: 15px 0px;
}

.dialer .notice {
    padding: 10px 25px 10px 26px;
    position: relative;
}

.dialer .notice:after {
    content: '';
    position: absolute;
    top: 10px;
    left: 0px;
    width: 16px;
    height: 16px;
    background-repeat: no-repeat;
}

.dialer .notice.error {
    color: #bd322c;
    font-weight: bold;
}

.dialer .notice.error:after {
    background-image: url(../images/error.png);
}

.dialer .buttons {
    float: left;
    opacity: 0.9;
    display: none;
    margin: 15px 0px;
    position: absolute;
}

.dialer .buttons.has-ticket {
    margin: 25px 0px;
}

.dialer #incoming-chats, .dialer #no-calls
{
    width: 270px;
    background-color: #FFFFFF;
    text-align: center;
    float: left;
}

.dialer .console-button {
    float: left;
    color: white;
    width: 122px;
    height: 30px;
    border-radius: 3px;
    margin-top: 3px;
    text-shadow: 0 1px 1px rgba(0,0,0,0.45);
}

.dialer .console-button.connecting {
    width: 230px;
    height: 20px;
    cursor: default;
}

.dialer .wide {
    width: 250px;
    margin-left: 0;
}

.dialer .green {
    border: 1px solid #6F982C;
    margin-left: 6px;
    background: #9ac64b;
    background: linear-gradient(to bottom, #9ac64b 0%,#75a32f 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#9ac64b', endColorstr='#75a32f',GradientType=0 );
}

.dialer .green.wide {
    margin-left: 0;
}

.dialer .green:hover {
    background: #75a32f;
    background: linear-gradient(to bottom, #75a32f 0%,#9ac64b 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#75a32f', endColorstr='#9ac64b',GradientType=0 );
}

.dialer .green.call {
    width: 257px;
    margin-left: 0;
}

.dialer .arrow {
    left: auto !important;
    right: 53px;
}

.dialer .popover-inner {
    width: 270px;
}

.dialer .item {
    border-bottom: 1px solid #E2E2E2;
    /*border-top: 1px solid #FFFFFF;*/
    height: 35px;
    float: left;
}

.dialer .dialer-title {
    float: left;
    margin-top: 10px;
    height: 15px;
    max-width: 104px;
    line-height: 15px;
    font-weight: bold;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.dialer .blip {
    float: left;
    border-radius: 4px;
    background: #8C8A8C;
    height: 8px;
    width: 8px;
    margin: 3px 5px 0px 2px;
    transition: background 100ms;
}

.dialer .blip.available {
    background: #75A32F;
}

.dialer .logo-wrapper {
    width: 35px;
}

.dialer .dialer-logo {
    width: 27px;
    height: 27px;
    margin: 5px;
}

.dialer .availability {
    border-radius: 3px;
    transition: color 100ms;
    background: #FCFCFC;
    border: 1px solid #DDD;
    color: #8C8A8C;
    font-size: 11px;
    height: 24px;
    margin-right: 10px;
    margin-top: 5px;
    float: right;
    max-width: 126px;
    min-width: 70px;
}

.dialer .availability.available {
    color: #75A32F;
}

.dialer .availability:hover.offline {
    color: #8C8A8C;
}

.dialer .availability:hover.offline .blip {
    background: #8C8A8C;
}

.dialer .availability:hover.online {
    color: #75A32F;
}

.dialer .availability:hover.online .blip {
    background: #75A32F;
}

.dialer .availability .text {
    height: 13px;
    line-height: 13px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 60px;
    text-align: left;
}

.dialer .availability .text.enable {
    max-width: 75px;
    padding: 0 3px;
}

.dialer .split {
    float: right;
    margin-right: 10px;
}

.dialer .split .is-available {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    float: left;
    border-bottom-left-radius: 3px;
    border-top-left-radius: 3px;
    margin-right: 0;
}

.dialer .split .via {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    box-shadow: none;
    border: 1px solid #DDD;
    background: #FCFCFC;
    border-left: none;
    float: right;
    color: #8C8A8C;
    padding: 2px 6px;
    margin-top: 5px;
}

.dialer .split a {
    color: #666;
}

.dialer .split a:hover {
    color: #222 !important;
}

.dialer .split .not-configured a {
    cursor: not-allowed;
}

.dialer .split .not-configured a span.not-configured {
    color: #CCC;
}

.dialer .split .browser, .dialer .split .phone, .dialer .split .noweb, .dialer .split .phone-mobile {
    display: inline-block;
    height: 12px;
    width: 12px;
    margin-bottom: -1px;
}

.dialer .split .browser {
    background-position: 0 -1498px;
}

.dialer .split .phone {
    background-position: 0 -1633px;
}

.dialer .split .noweb {
    background-position: -2px -1572px;
}

.dialer .split .phone-mobile {
    background-position: -2px -2px;
}

.dialer .split button:hover .browser {
    background-position: 0 -1512px;
}

.dialer .split button:hover .phone {
    background-position: 0 -1647px;
}

.dialer .split button:hover .noweb {
    background-position: -2px -1590px;
}

.dialer .split button:hover .phone-mobile {
    background-position: -2px -16px;
}

.dialer .split .menu .browser, .dialer .split .menu .phone, .dialer .split .menu .noweb,.dialer .split .menu .phone-mobile {
    height: 12px;
    width: 14px;
    margin-bottom: -2px;
    margin-left: -4px;
}

.dialer .split .menu li:hover .browser {
    background-position: 0 -1512px;
}

.dialer .split .menu li:hover .phone {
    background-position: 0 -1647px;
}

.dialer .split .menu li:hover .noweb {
    background-position: -2px -1590px;
}

.dialer .split .menu li:hover .phone-mobile {
    background-position: -2px -16px;
}

.dialer .split .menu li.not-configured:hover .phone {
    background-position: 0 -1633px;
}

.dialer .change-settings {
    background-position: 0 -1089px;
    position: absolute;
    height: 24px;
    width: 24px;
    right: 6px;
    top: 12px;
}

.dialer #voice-section .btn {
    color: #fff;
}

.dialer #voice-section #voice-logo {
    background-position: 0 -1349px;
}

.dialer #voice-section #voice-header {
    width: 260px;
    padding-left: 10px;
}

.dialer #voice-section #dialout-icon {
    background-position: 0 -889px;
    display: block;
    width: 24px;
    height: 24px;
    float: left;
    margin-left: 5px;
    margin-top: 7px;
}

.dialer #voice-section .logo-wrapper.dialer-open {
    background: #B5B5B5;
    border-color: #B5B5B5;
}

.dialer #voice-section .logo-wrapper #outbound-logo {
    background-position: 0 -1688px;
}

.dialer #voice-section .logo-wrapper #outbound-logo.dialer-open {
    background-position: 0 -1730px;
}

.dialer #voice-section .logo-wrapper:hover #outbound-logo {
    background-position: 0 -1661px;
}

.dialer #voice-section .sheen {
    border-left: 1px solid #E2E2E2;
    cursor: pointer;
}

.dialer #voice-section #calling-number {
    width: 260px;
    padding-left: 10px;
    /*border-right: 1px solid #E2E2E2;*/
}

.dialer #voice-section #calling-number #calling-number-select {
    margin-top: 5px;
    float: left;
    width: 193px;
    margin-left: 5px;
    border: none;
}

.dialer #voice-section #calling-number #calling-number-select .zd-selectmenu {
    background-color: transparent;
}

.dialer #voice-section #calling-number #calling-number-select .zd-selectmenu .zd-selectmenu-base {
    border: none;
    background-color: transparent;
    background-image: none;
}

.dialer #voice-section #calling-number #calling-number-select .zd-selectmenu .zd-selectmenu-base .brand {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-block;
    max-width: 100px;
    margin-bottom: -3px;
    color: #555555;
}

.dialer #voice-section #calling-number #calling-number-select .zd-selectmenu .zd-selectmenu-base .zd-selectmenu-base-content > div {
    font-size: 11px;
    color: #999;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-right: -8px;
}

.dialer #voice-section #calling-number #calling-number-select .zd-selectmenu .zd-menu-item {
    text-align: left;
}

.dialer #voice-section #calling-number .float {
    float: left;
    margin-top: 10px;
    margin-left: 10px;
}

.dialer #voice-section #console-messaging {
    background: #FBF9CC;
    float: left;
    min-height: 36px;
    position: relative;
    width: 270px;
}

.dialer #voice-section #console-messaging .indicator {
    width: 15px;
    height: 15px;
    position: absolute;
    top: 10px;
    left: 10px;
    background-position: 0 -1403px;
}

.dialer #voice-section #console-messaging .message {
    color: #EF1C01;
    line-height: 36px;
    margin: 0 0 0 35px;
}

.dialer #voice-section #no-calls {
    position: relative;
}

.dialer #voice-section .upper-console {
    height: 30px;
    overflow: hidden;
    margin: 10px 10px 0 10px;
    position: relative;
    text-align: center;
}

.dialer #voice-section .upper-console .toggle-mute {
    background-position: 0 -1789px;
    background-color: #FFF;
    border: 1px solid #DDD;
    border-radius: 3px;
    display: inline-block;
    height: 30px;
    /*left: 0;
    position: absolute;
    top: 0;*/
    width: 30px;
}

.dialer #voice-section .upper-console .toggle-mute.muted {
    background-position: 0 -1819px !important;
}

.dialer #voice-section .upper-console .ticket {
    background: none;
    border: none;
    color: #555;
    opacity: 0.65;
    box-shadow: none;
    text-shadow: none;
}

.dialer #voice-section .upper-console .ticket .id {
    color: #146eaa;
}

.dialer #voice-section .upper-console .wait-message {
    line-height: 30px;
    opacity: 0.65;
    box-shadow: none;
    text-shadow: none;
}

.dialer #voice-section #call-console {
    float: left;
    width: 270px;
    text-align: center;
    background: white;
    position: relative;
}

.dialer #voice-section #call-console .missed-call {
    margin-top: 5px;
}

.dialer #voice-section #call-console .missed-call span {
    display: block;
}

.dialer #voice-section #call-console .missed-call .reasonTitle {
    color: #e82a2a;
    font-weight: bold;
}

.dialer #voice-section #call-console .action-bar {
    padding: 5px 10px;
}

.dialer #voice-section #call-console .action-bar .call-actions {
    float: right;
    border: 1px solid #DDD;
    border-radius: 3px;
}

.dialer #voice-section #call-console .action-bar .call-actions button {
    float: left;
}

.dialer #voice-section #call-console .action-bar .call-actions button:not(:first-child) {
    border-left: 1px solid #DDD;
}

.dialer #voice-section #call-console .action-bar .upper-console .hold, .dialer #voice-section #call-console .action-bar .call-actions .transfer {
    height: 30px;
    width: 30px;
}

.dialer #voice-section #call-console .action-bar .upper-console .hold {
    background-position: 0 -1849px;
}

.dialer #voice-section #call-console .action-bar .upper-console .hold.active {
    background-position: 0 -1881px;
    background-color: #EEE;
}

.dialer #voice-section #call-console .action-bar .upper-console .hold.holding {
    background-image: url(../images/small_spinner.gif);
    background-position: center;
}

.dialer #voice-section #call-console .action-bar .upper-console .transfer {
    background-position: 0 -1757px;

}
.dialer #voice-section #call-console .action-bar .upper-console .toggle-misa {
    background: url(../images/chat.png) no-repeat;
    background-size: 20px;
    background-position: 4px;
    background-color: #FFF;
    border: 1px solid #DDD;
    border-radius: 3px;
    display: inline-block;
    height: 30px;
    width: 30px;
}
.dialer #voice-section #call-console .action-bar .upper-console .toggle-misa.active {
    background-position: 0 -1757px;
    background-color: #EEE;
}

.dialer #voice-section #call-console .action-bar .upper-console .transfer.active {
    background-position: 0 -1757px;
    background-color: #EEE;
}

.dialer #voice-section #call-console .action-bar .hang_up, .dialer #voice-section #call-console .action-bar .hang_up.disabled, .dialer #voice-section #call-console .action-bar .hang_up[disabled] {
    background-color: #FE0101 !important;
    background-image: linear-gradient(#fe0101,#e80000);
    float: left;
    width: 195px;
    height: 30px;
}

.dialer #voice-section #call-console .action-bar .hang_up:hover, .dialer #voice-section #call-console .action-bar .hang_up.disabled:hover, .dialer #voice-section #call-console .action-bar .hang_up[disabled]:hover {
    background-position: 0 15px;
}

.dialer #voice-section #call-console .action-bar .hang_up.with_hold, .dialer #voice-section #call-console .action-bar .hang_up.disabled.with_hold, .dialer #voice-section #call-console .action-bar .hang_up[disabled].with_hold {
    width: 250px;
}

.dialer #voice-section #call-console .action-bar .hang_up.with_transfer, .dialer #voice-section #call-console .action-bar .hang_up.disabled.with_transfer, .dialer #voice-section #call-console .action-bar .hang_up[disabled].with_transfer {
    width: 185px;
}

.dialer #voice-section #call-console .action-bar .hang_up.with_consultee, .dialer #voice-section #call-console .action-bar .hang_up.disabled.with_consultee, .dialer #voice-section #call-console .action-bar .hang_up[disabled].with_consultee {
    width: 100%;
}

/*.dialer #voice-section #call-console .action-bar .mute {
    background-position: 0 -664px;
    box-shadow: none;
    border: none;
    text-indent: -9999px;
    width: 25px;
    height: 26px;
    padding: 0;
    margin: 0;
}

.dialer #voice-section #call-console .action-bar .muted {
    background-position: 0 -711px;
}

.dialer #voice-section #call-console .action-bar .mute-container {
    border-radius: 3px;
    width: 40px;
    float: right;
    background-color: #393939;
    padding: 1px 4px 1px 4px;
    border: 1px solid #343434;
    background-clip: padding-box;
}*/

.dialer #voice-section #call-console .full {
    background: none;
    border: none;
    color: #555;
}

.dialer #voice-section #call-console .agent-number {
    border-radius: 0px 0px 5px 5px;
    background-color: #F9F5DA;
    padding: 10px;
    margin: 0px 10px;
}

.dialer #voice-section #call-console .agent-number .number.called-from {
    background-position: 0 -212px;
}

.dialer #voice-section #call-console .agent-number .number.received-at {
    background-position: 0 -192px;
}

.dialer #voice-section #call-console .agent-number .number .text {
    color: #999;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 210px;
}

.dialer #voice-section #call-console .agent-number .number .brand_name {
    color: #333;
    padding-left: 15px;
}

.dialer #voice-section #call-console .info {
    border-radius: 5px 5px 0 0;
    background: #F7F7F7;
    margin: 10px 10px 0px 10px;
    padding: 10px;
}

.dialer #voice-section #call-console .info.transfer {
    background: transparent;
    margin-top: 0px;
    overflow: hidden;
    padding-top: 0px;
    text-align: left;
}

.dialer #voice-section #call-console .info.transfer .customer-info {
    margin: 0px;
    padding-top: 5px;
}

.dialer #voice-section #call-console .info.transfer .customer-number {
    padding-left: 60px;
}

.dialer #voice-section #call-console .info.transfer .requester {
    float: left;
}

.dialer #voice-section #call-console .info .customer-info {
    margin: 10px 0px;
}

.dialer #voice-section #call-console .info .customer-info .caller-name, .dialer #voice-section #call-console .info .customer-info .caller-organization {
    background: transparent;
    font-weight: bold;
    margin-top: 0;
}

.dialer #voice-section #call-console .info .customer-info .caller-name:hover, .dialer #voice-section #call-console .info .customer-info .caller-organization:hover {
    color: #777;
}

.dialer #voice-section #call-console .info .location {
    background-position: 0 -1619px;
    padding-left: 10px;
    font-size: 10px;
}

.dialer #voice-section #call-console .info .requester {
    height: 50px;
    margin: 0 auto;
    position: relative;
    text-align: initial;
    width: 50px;
}

.dialer #voice-section #call-console .info .requester img {
    border: solid #B6B7B8 1px;
    border-radius: 3px;
    position: absolute;
    text-align: auto;
    z-index: 1;
    height: 50px;
    width: 50px;
}

.dialer #voice-section #call-console .info .requester .holdOverlay {
    background-image: url(../images/dialer_pause_overlay.png);
    background-repeat: no-repeat;
    background-position: center;
    border: solid #B6B7B8 1px;
    border-radius: 3px;
    display: none;
    height: 100%;
    position: absolute;
    width: 100%;
    z-index: 2;
}

.dialer #voice-section #call-console .info .requester .holdOverlay.visible {
    display: block;
}

.dialer #voice-section #voice-dialer {
    width: 270px;
}

.dialer #voice-section #voice-dialer .actions button:disabled, .dialer #voice-section #voice-dialer .actions button.disabled {
    background: #ddd !important;
}

.dialer #voice-section #voice-dialer #dialer-inner {
    padding: 5px;
    position: relative;
    width: 260px;
    float: left;
    background-color: #FFFFFF;
}

.dialer #voice-section #voice-dialer #dialer-inner #dialed-number-wrapper {
    border: 1px solid #CECECE;
    background-position: 0 -1349px;
    width: 255px;
    height: 30px;
    background-color: white;
    float: left;
    margin-bottom: 4px;
    margin-top: 2px;
}

.dialer #voice-section #voice-dialer #dialer-inner #dialed-number-wrapper #country-select {
    width: 45px;
    text-align: left;
    float: left;
    height: 30px;
}

.dialer #voice-section #voice-dialer #dialer-inner #dialed-number-wrapper #country-select .zd-selectmenu-base {
    margin: 0px;
    height: 30px;
    border: none;
    background: white;
    box-shadow: none;
}

.dialer #voice-section #voice-dialer #dialer-inner #dialed-number-wrapper #country-select .zd-selectmenu-base:focus {
    box-shadow: none;
}

.dialer #voice-section #voice-dialer #dialer-inner #dialed-number-wrapper #dialed-number {
    border: none;
    float: left;
    width: 170px;
    height: 20px;
    box-shadow: none;
}

.dialer #voice-section #voice-dialer #dialer-inner #dialed-number-wrapper #dialed-number:focus {
    border-radius: 0;
    box-shadow: none !important;
}

.dialer #voice-section #voice-dialer #dialer-inner #dialed-number-wrapper #backspace-wrapper {
    height: 30px;
    width: 30px;
    float: right;
    cursor: pointer;
}

.dialer #voice-section #voice-dialer #dialer-inner #dialed-number-wrapper #backspace-wrapper #backspace-button {
    background-position: 0 -353px;
    margin: 7px 3px;
    float: left;
    width: 23px;
    height: 16px;
}

.dialer #voice-section #voice-dialer #dialer-inner #autocomplete-user {
    background: #FFF;
    border: 1px solid #CECECE;
    border-bottom: none;
    position: absolute;
    top: 39px;
    width: 255px;
    z-index: 1000;
}

.dialer #voice-section #voice-dialer #dialer-inner #autocomplete-user ul {
    margin: 0;
    overflow: hidden;
    padding: 0;
}

.dialer #voice-section #voice-dialer #dialer-inner #autocomplete-user ul li {
    border-bottom: 1px solid #CECECE;
    overflow: hidden;
    padding: 5px;
    position: relative;
}

.dialer #voice-section #voice-dialer #dialer-inner #autocomplete-user ul li:hover, .dialer #voice-section #voice-dialer #dialer-inner #autocomplete-user ul li.hover {
    background: #FDFFD8;
    cursor: pointer;
}

.dialer #voice-section #voice-dialer #dialer-inner #autocomplete-user ul li img {
    background-position: 0 -252px;
    float: left;
    height: 32px;
    margin-right: 10px;
    width: 32px;
}

.dialer #voice-section #voice-dialer #dialer-inner #autocomplete-user ul li div {
    float: left;
    overflow: hidden;
}

.dialer #voice-section #voice-dialer #dialer-inner #autocomplete-user ul li .name {
    color: #000;
    display: block;
    font-size: 13px;
    line-height: 16px;
    width: 170px;
}

.dialer #voice-section #voice-dialer #dialer-inner #autocomplete-user ul li .number {
    color: #999;
    display: block;
    font-size: 12px;
    line-height: 16px;
}

.dialer #voice-section #voice-dialer #dialer-inner #autocomplete-user ul li .agent-availability {
    border-radius: 5px;
    background: #DDD;
    height: 10px;
    position: absolute;
    right: 10px;
    top: 16px;
    width: 10px;
}

.dialer #voice-section #voice-dialer #dialer-inner #autocomplete-user ul li .agent-availability.available {
    background: #79A21D;
}

.dialer #voice-section #voice-dialer #dialer-inner #autocomplete-user ul li .agent-availability.on_call {
    background: #BD322C;
}

.dialer #voice-section #voice-dialer #dialer-inner #dialer-keypad {
    float: left;
    width: 258px;
    margin-top: 5px;
    background: #fbfbfb;
    background: linear-gradient(to bottom, #fbfbfb 0%,#eeeeee 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fbfbfb', endColorstr='#eee',GradientType=0 );
}

.dialer #voice-section #voice-dialer #dialer-inner #dialer-keypad .keypad-button {
    float: left;
    width: 84px;
    background-color: transparent;
    border: 1px solid white;
    text-align: center;
    padding: 9px 0px;
    cursor: pointer;
}

.dialer #voice-section #voice-dialer #dialer-inner #dialer-keypad .keypad-button:hover {
    border: 1px solid #ccc;
}

.dialer #voice-section #voice-dialer #dialer-inner #dialer-keypad .keypad-button .number {
    display: block;
    color: #494949;
    font-size: 22px;
    font-weight: bold;
    line-height: 20px;
    width: 80px;
}

.dialer #voice-section #voice-dialer #dialer-inner #dialer-keypad .keypad-button .letters {
    display: block;
    float: left;
    width: 80px;
    font-size: 12px;
    line-height: 12px;
    color: #AFAFAF;
    margin-top: 6px;
}

.dialer #voice-section #voice-dialer #dialer-inner #dialer-keypad .keypad-button-pressed {
    background-color: #ddd;
    border: 1px solid #ccc;
}

.dialer #voice-section #voice-dialer .transfer-messaging-view {
    background-color: #FFF;
    float: left;
    width: 270px;
}

.dialer #voice-section #voice-dialer .transfer-messaging-view .content {
    border-radius: 3px;
    background: #F3F3F3;
    margin: 5px;
    padding: 10px;
    text-align: center;
}

.dialer #voice-section #voice-dialer .transfer-messaging-view .content button {
    border-radius: 3px;
    background-color: #F5F5F5;
    border: 1px solid #C4C4C4;
    margin-top: 15px;
    padding: 10px 15px;
}

.dialer #voice-section #voice-dialer .transfer-messaging-view.consultation .actions {
    margin: 10px 0;
    overflow: hidden;
    padding: 0 10px;
}

.dialer #voice-section #voice-dialer .transfer-messaging-view.consultation .actions .transfer {
    margin: 0 0 0 6px;
}

.dialer #voice-section #voice-dialer .transfer-messaging-view.consultation .actions .remove {
    margin: 0;
}

.dialer #voice-section #voice-dialer .transfer-messaging-view.transferring .svg-transfer, .dialer #voice-section #voice-dialer .transfer-messaging-view.success .svg-transfer, .dialer #voice-section #voice-dialer .transfer-messaging-view.failed .svg-transfer {
    margin: 30px auto;
    width: 80px;
}

.dialer #voice-section #voice-dialer .transfer-messaging-view.transferring .message, .dialer #voice-section #voice-dialer .transfer-messaging-view.success .message, .dialer #voice-section #voice-dialer .transfer-messaging-view.failed .message {
    color: #555;
    font-size: 12px;
    font-weight: bold;
    text-align: center;
}

.dialer #voice-section #voice-dialer .transfer-messaging-view.transferring .message.failure, .dialer #voice-section #voice-dialer .transfer-messaging-view.success .message.failure, .dialer #voice-section #voice-dialer .transfer-messaging-view.failed .message.failure {
    color: #BD322C;
    display: block;
    margin-bottom: 5px;
}

.dialer #voice-section #voice-dialer .transfer-messaging-view.transferring .dots, .dialer #voice-section #voice-dialer .transfer-messaging-view.success .dots, .dialer #voice-section #voice-dialer .transfer-messaging-view.failed .dots {
    background: url(/agent/assets/icons/spinners/dotted_bar-8bfc80636ba5c9ff9b7e2900b78e568b.gif) no-repeat;
    height: 11px;
    margin: 30px auto;
    width: 32px;
}

.dialer #voice-section #voice-dialer #transfer-success-view {
    float: left;
    text-align: center;
}

.dialer #voice-section #voice-dialer #transfer-success-view span {
    display: block;
    padding: 40px 20px;
}

.dialer #voice-section #voice-dialer .call-console-user-info {
    background: #FFF;
    overflow: hidden;
    padding: 10px 20px;
}

.dialer #voice-section #voice-dialer .call-console-user-info .image {
    float: left;
    height: 50px;
    margin-right: 10px;
    position: relative;
    width: 50px;
}

.dialer #voice-section #voice-dialer .call-console-user-info .image img {
    background-color: #DDD;
    border-radius: 3px;
    border: solid #B6B7B8 1px;
    height: 50px;
    width: 50px;
    position: absolute;
    z-index: 1;
}

.dialer #voice-section #voice-dialer .call-console-user-info .image .holdOverlay {
    background-image: url(../images/dialer_pause_overlay.png);
    background-repeat: no-repeat;
    background-position: center;
    border: solid #B6B7B8 1px;
    border-radius: 3px;
    display: none;
    height: 100%;
    position: absolute;
    width: 100%;
    z-index: 2;
}

.dialer #voice-section #voice-dialer .call-console-user-info .image .holdOverlay.visible {
    display: block;
}

.dialer #voice-section #voice-dialer .call-console-user-info .image .grayOverlay {
    width: 50px;
    height: 50px;
    display: block;
    position: relative;
    background: rgba(255,255,255,0.85);
    border: solid #B6B7B8 1px;
    border-radius: 3px;
    display: none;
    z-index: 2;
}

.dialer #voice-section #voice-dialer .call-console-user-info .image .grayOverlay.visible {
    display: block;
}

.dialer #voice-section #voice-dialer .call-console-user-info .image .grayOverlay::after {
    content: "";
    background: url(/agent/assets/icons/spinners/dotted_bar-8bfc80636ba5c9ff9b7e2900b78e568b.gif) center center no-repeat;
    width: 50px;
    height: 50px;
    top: 0;
    left: 0;
    position: absolute;
    z-index: 3;
}

.dialer #voice-section #voice-dialer .call-console-user-info .details {
    height: 40px;
    line-height: 20px;
    margin: 5px 0;
}

.dialer #voice-section #voice-dialer .call-console-user-info .details .name {
    background: transparent;
    font-weight: bold;
    padding: 0;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: left;
    width: 170px;
    white-space: nowrap;
}

.dialer #chat-section {
    float: left;
    border-top: 1px solid #E2E2E2;
}

.dialer #chat-section #chat-logo {
    background-position: 0 -1115px;
}

.dialer #chat-section #chat-logo:active, .dialer #chat-section #chat-logo.icon_chat_active, .dialer #chat-section #chat-logo.icon_chat-active {
    background-position: 0 -425px;
}

.dialer #chat-section #chat-header {
    width: 260px;
    padding-left: 10px;
}

.dialer #chat-section #chat-status {
    width: 270px;
    float: left;
}

.dialer #chat-section #chat-status .indicator {
    width: 15px;
    height: 15px;
    margin: 5px 5px 0 10px;
    top: 3px;
    left: 3px;
    display: inline-block;
    position: relative;
    background-position: 0 -1403px;
}

.dialer #chat-section #chat-status .message {
    color: #EF1C01;
    background: #FBF9CC;
    line-height: 36px;
    margin: 0;
    padding: 0;
}

.dialer #chat-section .chat_summary {
    text-align: left;
    position: relative;
    left: auto !important;
}

.dialer #chat-section .chat_summary .invites {
    background: #fff;
    border-radius: 4px;
}

.dialer #chat-section .chat_summary .invites .invite {
    padding: 10px 5px;
    font-size: 10px;
    border-bottom: 1px solid #E2E2E2;
}

.dialer #chat-section .chat_summary .invites .invite .chat-subject {
    float: left;
    width: 100%;
    height: 25px;
    font-weight: bold;
    color: #333;
    margin-top: 5px;
}

.dialer #chat-section .chat_summary .invites .invite .controls {
    width: 100% !important;
}

.dialer #chat-section .chat_summary .invites .invite .controls .info {
    float: left;
    width: 100%;
    text-align: left;
}

.dialer #chat-section .chat_summary .invites .invite .controls .info span {
    background: no-repeat left center;
}

.dialer #chat-section .chat_summary .invites .invite .controls .info .organization {
    font-style: italic;
}

.dialer #chat-section .chat_summary .invites .invite .controls .info .time {
    float: right;
    color: #75A32F;
}

.dialer #chat-section .availability .text {
    max-width: 96px;
}

.dialer .zopim {
    padding: 20px;
    background-color: #f7f7f7;
    font-size: 13px;
    text-align: center;
}

.dialer .zopim .logo {
    height: 32px;
    background-image: url(/agent/assets/zopim/logo-23de4e135a6906756b84112fc2dd0237.png);
    background-repeat: no-repeat;
    background-position: center;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 5px;
}

.dialer .zopim .headline {
    color: #464646;
    margin-bottom: 10px;
}

.dialer .zopim .btn-flat {
    display: inline-block;
    width: 145px;
    padding: 7px 10px 4px 10px;
    margin: auto;
    color: white;
    font-size: 12px;
    font-weight: bold;
    background-color: #ffa100;
    border-radius: 5px;
}

.dialer .zopim .btn-flat:hover {
    background-color: #e97000;
}

.country-select-menu .zd-menu-root {
    width: 250px !important;
    max-height: 400px;
}

.phone-number-select-menu .zd-menu-root {
    padding: 4px 0px;
    margin: 1px -3px 0px;
    list-style: none;
    background-color: white;
    border: 1px solid rgba(0,0,0,0.2);
    border-radius: 5px;
    box-shadow: 0 5px 10px rgba(0,0,0,0.2);
    background-clip: padding-box;
    *border-right-width: 2px;
    *border-bottom-width: 2px;
}

.phone-number-select-menu .zd-menu-item {
    font-size: 11px;
}

.phone-number-select-menu .zd-menu-item a > div {
    margin: 6px 7px 9px;
}

.phone-number-select-menu .zd-menu-item > a, .brand-tooltip .tooltip-inner > div {
    text-align: left;
    line-height: 13px;
    min-width: 160px;
}

.phone-number-select-menu .zd-menu-item > a .brand, .brand-tooltip .tooltip-inner > div .brand {
    display: block;
    padding-top: 2px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 120px;
    display: inline-block;
}

.phone-number-select-menu .zd-menu-item > a img, .brand-tooltip .tooltip-inner > div img {
    float: left;
    margin-right: 8px;
    border-radius: 4px;
}

.brand-tooltip .tooltip-inner > div {
    margin: 10px auto 12px auto;
}

.voice_webrtc_settings_modal .message {
    line-height: 25px;
    margin-bottom: 10px;
}

.voice_webrtc_settings_modal .message .icon {
    display: inline-block;
    float: left;
    margin-right: 10px;
    height: 25px;
    width: 25px;
}

.voice_webrtc_settings_modal .message .icon.error {
    background-position: 0 -738px;
}

.voice_webrtc_settings_modal .message .icon.success {
    background-position: 0 -557px;
}

.countdown-timer {
    margin-top: 10px;
}

.countdown-timer .countdown-label {
    display: block;
}

.countdown-timer .countdown-secs {
    display: block;
    color: #75A32F;
    font-weight: bold;
}

.bulk_edit_modal {
    width: 950px;
}

.bulk_edit_modal.modal {
    margin-left: -475px;
}

.bulk_edit_modal .ticket_submit_buttons {
    margin: 0 12px 0 0;
}

.bulk_edit_modal .ticket_submit_buttons > button {
    margin: 0;
}

.bulk_edit_modal .modal-header {
    border-color: #cccccc;
}

.bulk_edit_modal .modal-body {
    position: relative;
    height: 400px;
}

.bulk_edit_modal .modal-body .pane.right {
    left: 330px;
    padding: 10px 20px;
}

.bulk_edit_modal .modal-body .pane.right .event {
    border-width: 0;
}

.bulk_edit_modal .modal-body .pane.right .content {
    margin: 0 0 0 60px;
}

.bulk_edit_modal .modal-body .pane.right .user_photo {
    position: absolute;
    left: 0px;
}

.bulk_edit_modal .modal-body .pane.right label {
    text-align: left;
    font-weight: bold;
    margin: 12px 0 18px 0;
}

.bulk_edit_modal .modal-body .pane.right input {
    font-size: 12px;
    height: 28px;
    padding: 0 7px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-bottom: 6px;
    width: 100%;
}

.bulk_edit_modal .modal-body .pane.right .subject-field input {
    margin-top: 6px;
}

.bulk_edit_modal .modal-body .pane.left {
    background-color: #f8f8f8;
    border-right: 1px solid #dcdcdc;
    width: 330px;
    overflow-x: hidden;
    z-index: inherit;
}

.bulk_edit_modal .modal-footer {
    padding: 8px;
    min-height: 40px;
}

.bulk_edit_modal .modal-footer .ticket_submit_buttons .save {
    color: #ffffff;
}

.bulk_edit_modal .modal-footer .object_options {
    float: left;
    margin-left: 5px;
    margin-top: 10px;
}

.bulk_edit_modal .modal-footer .macro-selector {
    float: left;
    text-align: left;
    position: relative;
    top: 6px;
    left: 15px;
    margin: 0;
    width: 284px;
}

#bulk_edit_progress_pane {
    text-align: center;
    background-color: #ffffff;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

#bulk_edit_progress_pane .bulk_edit_success_header {
    margin-top: 200px;
}

#bulk_edit_progress_pane .bulk_edit_header {
    margin-top: 30px;
    margin-bottom: 10px;
}

#bulk_edit_progress_pane .bulk_edit_errors {
    margin-bottom: 20px;
}

#bulk_edit_progress_pane .progress-description-header {
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    margin-top: 150px;
    margin-bottom: 30px;
}

#bulk_edit_progress_pane .progress-description {
    text-align: center;
    margin-top: 30px;
}

#bulk_edit_progress_pane .progress {
    width: 500px;
    margin: 0 auto;
}

#bulk_edit_progress_pane .bulk_edit_header {
    text-align: center;
}

#bulk_edit_progress_pane .bulk_edit_section {
    margin-top: 30px;
    text-align: center;
}

.group_memberships {
    width: 800px;
}

.group_memberships.modal {
    margin-left: -400px;
}

.group_memberships .modal-body {
    position: relative;
    max-height: 480px;
}

.group_memberships .icon {
    width: 36px;
    height: 30px;
    float: left;
}

.group_memberships .icon.group {
    background-position: 0 -284px;
}

.group_memberships .tile {
    position: relative;
    border-radius: 6px;
    background-color: #f4f4f4;
    border: 2px solid #eee;
    margin-top: 6px;
    margin-right: 6px;
    padding: 10px;
    cursor: pointer;
    height: 38px;
    display: table;
    width: 159px;
    float: left;
}

.group_memberships .tile.new {
    border-color: white;
    background-color: white;
    padding-top: 18px;
    height: 30px;
}

.group_memberships .tile.new:hover {
    background-color: #ecf4dc;
    border-color: #eceecf;
}

.group_memberships .tile.new:hover .real_input {
    display: block;
}

.group_memberships .tile.new:hover .fake_link {
    display: none;
}

.group_memberships .tile.new .real_input {
    display: none;
}

.group_memberships .tile.new .fake_link p {
    margin-top: 1px;
    text-align: center;
}

.group_memberships .tile.new .fake_link p a {
    text-decoration: underline;
}

.group_memberships .tile.new input {
    font-size: 11px;
    width: 115px;
    margin-right: 4px;
    height: 12px;
    float: left;
    line-height: 18px;
}

.group_memberships .tile.new .btn-small {
    padding: 3px 7px 5px;
    font-size: 11px;
    line-height: 13px;
}

.group_memberships .tile.saving {
    opacity: 0.4;
}

.group_memberships .tile.saving:after {
    content: url(../images/small_spinner.gif);
    position: absolute;
    top: 16px;
    left: 83px;
}

.group_memberships .tile .checkmark {
    float: left;
    opacity: 0.5;
    margin-top: 2px;
    display: none;
    opacity: 1;
    position: absolute;
    top: 22px;
    left: 34px;
}

.group_memberships .tile .title {
    display: block;
    color: #777;
    display: table-cell;
    vertical-align: middle;
    width: 115px;
}

.group_memberships .tile:hover {
    background-color: #ececec;
    border-color: #e6e6e6;
}

.group_memberships .tile.selected {
    background: #ecf4dc;
    border-color: #eceecf;
}

.group_memberships .tile.selected .checkmark {
    display: block;
}

.group_memberships .tile.selected .title {
    color: #555;
    font-weight: bold;
}

.group_memberships .tile.selected:hover {
    background-color: #e6f0d0;
    border-color: #e8eac4;
}

.group_memberships .options {
    border-radius: 6px;
    background: #f2f2f2;
    margin-top: 22px;
    padding: 12px;
}

.group_memberships .options label {
    display: inline-block;
    margin-bottom: 12px;
    font-weight: bold;
    float: left;
    padding-top: 5px;
    padding-right: 5px;
}

.group_memberships .options > p {
    clear: both;
}

.group_memberships .options .select.value {
    float: left;
    width: 300px;
}

.modal .field-wrapper {
    margin-top: 20px;
}

.modal .field-label {
    width: 200px;
    float: left;
    text-align: right;
    margin: 8px 10px 0 0;
    font-weight: bold;
}

.modal .field-holder {
    float: left;
    width: 300px;
}

.modal .field-holder input {
    width: 160px;
}

.modal .field-note {
    margin-top: 5px;
    color: #999;
}

@font-face {
    font-family: 'entypo';
    src: url(/agent/assets/fonts/entypo-7d0f2a12ab31b45bc0871535206851fd.eot);
    src: url(/agent/assets/fonts/entypo.eot?#iefix) format("embedded-opentype"),url(../fonts/entypo.ttf) format("truetype"),url(/agent/assets/fonts/entypo.svg#wf) format("svg");
}

.contextual_help {
    position: absolute;
    right: 20px;
    bottom: 0px;
    background-color: #F0F0F0;
    box-shadow: -3px 10px 10px rgba(0,0,0,0.1);
    border-radius: 4px 4px 0px 0px;
    padding: 0px !important;
}

.contextual_help.collapsed {
    width: 240px;
    -webkit-transition: width 0.25s ease;
    -webkit-transition-delay: 0.25s;
    transition: width 0.25s ease 0.25s;
}

.contextual_help.collapsed .content {
    max-height: 0px;
    -webkit-transition: max-height 0.25s ease;
    -webkit-transition-delay: 0s;
    transition: max-height 0.25s ease 0s;
}

.contextual_help.collapsed label {
    max-width: 195px;
}

.contextual_help.expanded {
    width: 300px;
    -webkit-transition: width 0.25s ease;
    -webkit-transition-delay: 0s;
    transition: width 0.25s ease 0s;
}

.contextual_help.expanded .content {
    max-height: 999px;
    -webkit-transition: max-height 0.25s ease;
    -webkit-transition-delay: 0.25s;
    transition: max-height 0.25s ease 0.25s;
}

#wrapper.os-windows .contextual_help div.icon {
    line-height: 13px;
}

#wrapper.os-windows .contextual_help div.icon span.plus, #wrapper.os-windows .contextual_help div.icon span.minus {
    line-height: 3px;
}

#wrapper.os-windows .contextual_help div.bullet {
    line-height: 6px;
}

#wrapper.os-windows .contextual_help .title_bar a {
    margin-top: -5px;
}

#wrapper.os-windows .contextual_help .sections nav a {
    margin-top: -6px;
    vertical-align: middle;
}

#wrapper.os-windows .contextual_help .sections nav a div.icon {
    line-height: 15px;
}

#wrapper.os-windows .contextual_help .sections nav a.active {
    padding-top: 3px;
    padding-bottom: 10px;
    vertical-align: top;
}

#wrapper.os-windows .contextual_help .sections nav a.active label {
    margin-top: 5px;
}

.contextual_help .content {
    border-left: 1px solid #CCC;
    border-right: 1px solid #CCC;
    background-color: #fafafa;
    overflow: hidden;
    width: 99.3%;
    height: auto;
}

.contextual_help .content .descriptions {
    width: 100%;
    overflow: auto;
}

@media only screen and (max-height: 800px) and (min-height: 601px) {
    .contextual_help .content .descriptions {
        max-height: 280px;
    }
}

@media only screen and (max-height: 600px) {
    .contextual_help .content .descriptions {
        max-height: 200px;
    }
}

.contextual_help .content .descriptions p {
    padding: 15px 25px 0px 25px;
    font-size: 12px;
    line-height: 16px;
    color: #333;
}

.contextual_help .content .descriptions p:last-of-type {
    padding-bottom: 20px;
}

.contextual_help .content .foot {
    bottom: 0px;
    position: absolute;
    border-top: 1px solid #ddd;
    width: 100%;
    text-align: center;
    padding: 2px 0px;
    background-color: #fafafa;
}

.contextual_help .content .foot a {
    display: inline-block;
    width: 49%;
    max-width: 49%;
    line-height: 13px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    vertical-align: middle;
}

.contextual_help .content .foot a:first-of-type {
    border-right: 1px solid #ccc;
}

.contextual_help .icon {
    display: inline-block;
    font-family: entypo;
    font-size: 30px;
    line-height: 27px;
    cursor: default;
}

.contextual_help .bullet {
    position: absolute;
    left: 11px;
    color: #bbb;
    cursor: default;
    font-family: entypo;
    font-size: 30px;
    line-height: 18px;
}

.contextual_help label {
    font-weight: bold;
    display: inline-block;
    cursor: default;
    margin-left: 3px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 240px;
}

.contextual_help .clickable, .contextual_help .clickable * {
    cursor: pointer;
}

.contextual_help .title_bar {
    border-radius: 4px 4px 0px 0px;
    border: 1px solid #96c600;
    border-bottom: none;
    background-color: #78a500;
    color: white;
    padding: 3px 10px;
    overflow: hidden;
    height: 26px;
}

.contextual_help .title_bar h3, .contextual_help .title_bar h4 {
    display: inline;
}

.contextual_help .title_bar label {
    color: #ffffff;
    vertical-align: top;
    margin-top: 5px;
}

.contextual_help .title_bar a {
    float: right;
    color: white;
    margin: 7px;
    font-size: 50px;
    line-height: 15px;
    cursor: pointer;
    font-family: entypo;
    display: inline-block;
}

.contextual_help .sections {
    background-color: white;
}

.contextual_help .sections.zero {
    display: none;
}

.contextual_help .sections nav {
    border-top: 1px solid #DDD;
    border-bottom: 1px solid #DDD;
    background-color: #F0F0F0;
    height: 23px;
}

.contextual_help .sections nav a {
    color: #bbb;
    background-color: transparent;
    padding: 0px 9px 0px 18px;
    border-right: 1px solid #DDD;
    margin: -1px -4px -5px;
    width: 15.3%;
    height: 25px;
    display: inline-block;
    text-align: center;
    white-space: nowrap;
    -webkit-transition: width 0.125s ease;
    -webkit-transition-delay: 0s;
    transition: width 0.125s ease 0s;
}

.contextual_help .sections nav a:last-of-type {
    border-right: none;
}

.contextual_help .sections nav a label {
    width: auto;
    vertical-align: top;
    margin-top: 5px;
    max-width: 0px;
}

.contextual_help .sections nav a .icon {
    font-size: 34px;
    margin-top: -1px;
}

.contextual_help .sections nav a .icon, .contextual_help .sections nav a label {
    cursor: pointer;
}

.contextual_help .sections nav a.active {
    padding: 7px 5px 6px 5px;
    margin: -8px 0px;
    cursor: default;
    color: #777;
    background-color: #fff;
    box-shadow: 2px -2px 3px -2px #CCC, -2px -2px 3px -2px #CCC;
    border-right: none;
    width: 49.5%;
    border-top: 1px solid rgba(204,204,204,0.7) \9;
    border-left: 1px solid rgba(204,204,204,0.7) \9;
    border-right: 1px solid rgba(204,204,204,0.7) \9;
    width: 49% \9;
    -webkit-transform: translateZ(0);
}

.contextual_help .sections nav a.active label {
    margin-top: 2px;
    max-width: 120px;
    -webkit-transition: max-width 0.125s ease;
    -webkit-transition-delay: 0s;
    transition: max-width 0.125s ease 0s;
}

.contextual_help .sections nav a.active .icon, .contextual_help .sections nav a.active label {
    cursor: default;
}

.contextual_help .sections nav a.active .icon {
    margin-top: -2px;
}

.contextual_help .sections nav.two a {
    width: 38.5%;
    width: 38.1% \9;
}

.contextual_help .sections nav.two a.active {
    width: 49.5%;
}

.contextual_help .sections nav.one {
    background-color: #e5e5e5;
}

.contextual_help .sections nav.one a.active {
    padding-left: 24px;
    width: 100%;
    text-align: left;
    border-left: none\9;
    border-right: none\9;
}

.contextual_help .sections nav.one a.active label {
    max-width: 200px;
}

.contextual_help .sections ul {
    margin: 0px;
}

.contextual_help .sections ul li {
    display: none;
    height: 170px;
    position: relative;
    margin-top: 5px;
}

.contextual_help .sections ul li.active {
    display: block;
}

.contextual_help .sections ul li.tutorials {
    height: 164px;
    width: auto;
    overflow: auto;
    padding: 3px 25px;
    margin-left: 15px;
}

.contextual_help .sections ul li.tutorials a {
    display: block;
    padding: 3px 0px;
}

.contextual_help .sections ul li.tutorials .bullet {
    margin-top: 4px;
}

.contextual_help .sections ul li.videos {
    height: 160px;
    width: auto;
    padding: 5px 15px;
    text-align: center;
}

.contextual_help .sections ul li.videos img {
    height: 135px;
    box-shadow: 1px 3px 5px #CCC;
    -webkit-transition: box-shadow 0.125s ease;
    -webkit-transition-delay: 0s;
    transition: box-shadow 0.125s ease 0s;
}

.contextual_help .sections ul li.videos img:hover {
    box-shadow: none;
    box-shadow: 0px 0px 5px #CCC;
}

.contextual_help .sections ul li.videos .thumbnails {
    margin: 0px;
}

.contextual_help .sections ul li.videos .thumbnails.single {
    padding-top: 10px;
}

.contextual_help .sections ul li.videos .thumbnails.single nav {
    display: none;
}

.contextual_help .sections ul li.videos nav {
    background-color: #fff;
    border: none;
    width: 100%;
    position: absolute;
    bottom: 0px;
    left: 0px;
    height: 27px;
}

.contextual_help .sections ul li.videos nav span {
    display: inline-block;
    width: 20px;
    cursor: pointer;
    margin: 0px -3px 0px 0px;
    line-height: 25px;
}

.contextual_help .sections ul li.videos nav span:hover button {
    background-color: #777;
    border: 1px solid #777;
}

.contextual_help .sections ul li.videos nav span.current button {
    background-color: #777;
    border: 1px solid #777;
}

.contextual_help .sections ul li.videos nav span button {
    height: 10px;
    width: 10px;
    padding: 0px;
    margin-top: 4px;
    background-color: #ccc;
    border: 1px solid #ddd;
    border-radius: 50%;
    -webkit-transition: background-color 0.125s ease;
    -webkit-transition-delay: 0s;
    transition: background-color 0.125s ease 0s;
}

.contextual_help .sections ul li.references .container {
    height: 138px;
    width: 259px;
    margin-left: 19px;
    position: absolute;
    overflow: auto;
    padding: 5px 20px 5px 0px;
}

.contextual_help .sections ul li.references .container a {
    display: block;
    max-width: 250px;
    margin-left: 31px;
    margin-bottom: 2px;
    position: relative;
}

.contextual_help .sections ul li.references .container .subtopics_view {
    position: relative;
}

.contextual_help .sections ul li.references .container .subtopics_view .icon {
    position: absolute;
    top: 1px;
    margin-left: 7px;
    display: block;
    line-height: 16px;
    cursor: pointer;
    width: 15px;
    font-size: 29px;
    color: #BBB;
}

.contextual_help .sections ul li.references .container .subtopics_view .icon:hover {
    color: #444;
}

.contextual_help .sections ul li.references .container .subtopics_view .icon .minus {
    display: none;
}

.contextual_help .sections ul li.references .container .subtopics_view .icon .plus {
    display: block;
}

.contextual_help .sections ul li.references .container .subtopics_view .subtopics {
    margin: 0px 0px 0px 15px;
    max-height: 0px;
    overflow: hidden;
    -webkit-transition: max-height 0.25s ease;
    -webkit-transition-delay: 0s;
    transition: max-height 0.25s ease 0s;
}

.contextual_help .sections ul li.references .container .subtopics_view .subtopics .bullet {
    margin-left: -26px;
    margin-top: 0px;
}

.contextual_help .sections ul li.references .container .subtopics_view.show .icon .minus {
    display: block;
}

.contextual_help .sections ul li.references .container .subtopics_view.show .icon .plus {
    display: none;
}

.contextual_help .sections ul li.references .container .subtopics_view.show .subtopics {
    max-height: 599px;
}

.modal_video {
    width: auto;
    height: auto;
    top: 50%;
    left: 50%;
    margin-top: -270px;
    margin-left: -480px;
    overflow: visible;
    background: url(/agent/assets/icons/spinners/loading_2x_ff-e93736549f833458ede55c6288f48bc4.gif) center no-repeat;
}

.modal_video iframe {
    display: block;
}

.modal_video .close_video {
    cursor: pointer;
    position: absolute;
    height: 34px;
    width: 34px;
    right: -17px;
    top: -17px;
    font-size: 25px;
    line-height: 32px;
    text-align: center;
    background-color: #999;
    color: #fff;
    border-radius: 50%;
    -webkit-transition: background-color 0.125s ease;
    -webkit-transition-delay: 0s;
    transition: background-color 0.125s ease 0s;
    padding-left: 5px\9;
}

.modal_video .close_video:hover {
    background-color: #555;
}

.contextual-tooltip {
    position: relative;
    display: inline-block;
}

.contextual-tooltip .info-icon {
    color: #ccc;
    border: 1px solid #ccc;
    border-radius: 50%;
    width: 15px;
    height: 15px;
    line-height: 15px;
    font-size: 12px;
    font-family: MyHelveticaNeue, Helvetica Neue, Helvetica, Arial, Sans-serif;
    display: inline-block;
    text-align: center;
    cursor: pointer;
    -webkit-transition: color 0.25s ease,border 0.25s ease;
    -webkit-transition-delay: 0s,0s;
    transition: color 0.25s ease 0s,border 0.25s ease 0s;
    line-height: 19px\9;
}

.contextual-tooltip .info-icon:hover {
    color: #999;
    border-color: #999;
}

.contextual-tooltip .info-icon:active, .contextual-tooltip .info-icon:focus, .contextual-tooltip .info-icon.active {
    color: #fff;
    border-color: #555;
    background-color: #555;
}

.contextual-tooltip button:focus {
    outline: none;
}

.contextual-tooltip .btn-secondary {
    border-radius: 15px;
    padding: 5px 20px;
    margin: 0px;
}

.contextual-tooltip .btn-secondary i {
    opacity: 0.6;
}

.contextual-tooltip .tip {
    position: absolute;
    display: none;
    width: 280px;
    border: 1px solid #dedede;
    background-color: white;
    color: #555;
    text-align: left;
    padding-bottom: 5px;
    z-index: 500;
    border-radius: 3px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    box-shadow: 0px 2px 4px #eee;
}

.contextual-tooltip .tip.mini {
    background-color: #333;
    padding: 0px;
}

.contextual-tooltip .tip.mini p {
    color: #fff;
}

.contextual-tooltip .tip h5 {
    border-radius: 4px 4px 0px 0px;
    background-color: #f8f8f8;
    border-bottom: 1px solid #dedede;
    font-size: 12px;
    font-weight: 600;
    padding: 10px 15px;
}

.contextual-tooltip .tip p {
    width: auto;
    margin: 10px 15px;
    font-weight: 400;
    color: #777;
}

.contextual-tooltip .tip p a {
    margin: 0px;
    padding: 0px;
    color: #aaa;
}

.contextual-tooltip .tip p a:hover {
    color: #999;
    text-decoration: none;
}

.contextual-tooltip .tip a {
    border-radius: 20px;
    margin: 0px 0px 10px 15px;
    padding: 3px 15px;
}

.contextual-tooltip .tip .diamond {
    display: none;
    position: absolute;
    top: -6px;
    left: 50%;
    width: 15px;
    height: 15px;
    background-color: #333;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.new-page-icon {
    width: 11px;
    height: 11px;
    display: inline-block;
    background: url(/agent/assets/sprites/components/external_link_1x-e7beb67e7cd06d23cb877fedb08dbcdc.png) no-repeat;
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx) {
    .new-page-icon {
        width: 13px;
        height: 11px;
        background: url(/agent/assets/sprites/components/external_link_2x-f0ee1a64cc14c35a1ffe5f7a37968e6c.png) no-repeat;
        background-size: 100%;
    }
}

.help-center-list {
    width: 370px;
}

.help-center-list.modal {
    margin-left: -185px;
}

.help-center-list .table tr {
    cursor: pointer;
}

.help-center-list .table td {
    border: 0;
}

.help-center-list .table .brand-logo {
    width: 40px;
}

.help-center-list .table .brand-name {
    padding-top: 15px;
}

.editor .zendesk-editor--item.attachment {
    background-image: url(/agent/assets/z-editor/attachment-799940ba76c7914ba65984feb6269815.svg);
}

.editor .zendesk-editor--item.re-bold {
    background-image: url(/agent/assets/z-editor/bold-7e448ae28cc10844c36a0ee6e9326e7a.svg);
}

.editor .zendesk-editor--item.code-block {
    background-image: url(/agent/assets/z-editor/code-block-203e9f4b1764f8ce5d22b4466ad8b748.svg);
}

.editor .zendesk-editor--item.re-codespan {
    margin-left: 0px;
    background-image: url(/agent/assets/z-editor/code-978534f43305fab12d6565211ef9f702.svg);
}

.editor .zendesk-editor--item.code {
    background-image: url(/agent/assets/z-editor/code-978534f43305fab12d6565211ef9f702.svg);
}

.editor .zendesk-editor--item.re-formatting {
    background-image: url(/agent/assets/z-editor/heading-d0a01a9b0834985a94ca8694d874ebea.svg);
}

.editor .zendesk-editor--item.image {
    background-image: url(/agent/assets/z-editor/image-60771b73b15230b2b427b21c6e6e30e9.svg);
}

.editor .zendesk-editor--item.re-indent {
    background-image: url(/agent/assets/z-editor/indent-d471fb6ff6b75b47b9b86b483a92485d.svg);
}

.editor .zendesk-editor--item.re-italic {
    background-image: url(/agent/assets/z-editor/italic-ab2bdf9687f0d9357e253eb3e2591f99.svg);
}

.editor .zendesk-editor--item.knowledge {
    background-image: url(/agent/assets/z-editor/knowledge-2f60760610a8aa21b69903817bfe5091.svg);
}

.editor .zendesk-editor--item.re-link {
    background-image: url(/agent/assets/z-editor/link-d2942f5796dfa8ebdc8aa510a7d855e3.svg);
}

.editor .zendesk-editor--item.re-unorderedlist {
    background-image: url(/agent/assets/z-editor/list-bullet-435a45bd881c2afb2f8f32d87f91686e.svg);
}

.editor .zendesk-editor--item.re-orderedlist {
    background-image: url(/agent/assets/z-editor/list-number-54c6745ef312bdc7986b5ae8920ab88a.svg);
}

.editor .zendesk-editor--item.macros {
    background-image: url(/agent/assets/z-editor/macros-019e54001bf69df1ae1ebbf1bea30713.svg);
}

.editor .zendesk-editor--item.re-outdent {
    background-image: url(/agent/assets/z-editor/outdent-b5f69cfd5866bf74c0cc37a1dbf874bb.svg);
}

.editor .zendesk-editor--item.re-blockquote {
    background-image: url(/agent/assets/z-editor/quotes-3dc307ccef8e8b4505a610c4393e4886.svg);
}

.editor .zendesk-editor--item.quotes {
    background-image: url(/agent/assets/z-editor/quotes-3dc307ccef8e8b4505a610c4393e4886.svg);
}

.editor .zendesk-editor--item.text {
    background-image: url(/agent/assets/z-editor/text-a2e4acccc7198f2cca65258ce778ad87.svg);
}

@media print {
    .pane, .section, header, .mast {
        position: static !important;
    }

    .pane.left, .pane.right, header {
        border: none !important;
        background-color: white !important;
    }

    .pane.left.section, .pane.right.section {
        width: 100% !important;
    }

    .pane.right.section {
        padding-top: 10px !important;
    }

    .pane.left {
        float: left !important;
    }

    .main_panes > header .pane .btn-group {
        margin-left: 0 !important;
    }

    .main_panes > header .pane .btn-group .btn {
        text-shadow: none !important;
        background: none !important;
        background-image: none !important;
        background-color: none !important;
    }

    .mast {
        width: 100%;
        background-color: white !important;
    }

    .mast .source {
        line-height: 19px;
    }

    .mast .profile {
        position: inherit !important;
    }

    .property_box {
        margin-left: 0 !important;
    }

    .event .title {
        margin-bottom: 3px;
    }

    .token {
        text-shadow: none;
    }

    .filters a .count {
        position: relative !important;
    }

    .search .search_bar {
        top: inherit;
        left: inherit;
    }

    .search #search_results {
        position: inherit;
        margin-top: 80px;
    }

    .tag {
        text-shadow: none !important;
    }

    #main_navigation, #branding_header, #modals, footer, .action_buttons, .ticket_submit_buttons, .object_options, .face_box, .comment_input, .origin, .conversation_mode, .ticket_call_console, .user_photo .agent, .change_requester_email, .for_save, .delete, .learn_more, .origin, table .selection, .aux-content, .show_tips {
        display: none !important;
    }
}

.redactor-editor img {
    cursor: pointer;
}

#redactor-image-box {
    position: relative;
    max-width: 100%;
    display: inline-block;
    line-height: 0;
    outline: 1px dashed rgba(0,0,0,0.6);
}

#redactor-image-editter {
    position: absolute;
    z-index: 5;
    top: 50%;
    left: 50%;
    margin-top: -11px;
    margin-left: -18px;
    line-height: 1;
    background-color: #000;
    color: #fff;
    font-size: 11px;
    padding: 7px 10px;
    cursor: pointer;
}

#redactor-image-resizer {
    position: absolute;
    z-index: 2;
    line-height: 1;
    cursor: nw-resize;
    bottom: -4px;
    right: -5px;
    border: 1px solid #fff;
    background-color: #000;
    width: 8px;
    height: 8px;
}

.zendesk-editor--rich-text-comment, .zendesk-editor--plain-text-comment {
    display: block;
    min-height: 200px;
    padding: 10px 10px 120px 10px;
    border: 1px solid #ddd;
    border-radius: 5px;
    outline: none;
    color: #333;
    cursor: text;
    transition: min-height linear 0.1s;
}

.zendesk-editor--rich-text-comment p, .zendesk-editor--plain-text-comment p {
    margin: 0px;
}

.zendesk-editor--rich-text-comment blockquote, .zendesk-editor--plain-text-comment blockquote {
    margin: 0px 0px 0px 40px;
}

.zendesk-editor--rich-text-comment.empty:not(.open), .zendesk-editor--rich-text-comment.closed, .zendesk-editor--plain-text-comment.empty:not(.open), .zendesk-editor--plain-text-comment.closed {
    padding: 8px;
    min-height: 16px;
}

.zendesk-editor--rich-text-comment.empty:not(.open):after, .zendesk-editor--plain-text-comment.empty:not(.open):after {
    content: "Type something...";
    color: #999;
}

.zendesk-editor--plain-text-comment {
    resize: none;
    width: calc(100% - 20px);
}

.zendesk-editor--toolbar {
    position: absolute;
    bottom: 0;
    width: 100%;
    border-top: 1px solid #ddd;
}

.zendesk-editor--toolbar > .zendesk-editor--group:not(:last-of-type) {
    border-right: none;
    margin-left: 5px;
}

.zendesk-editor--group {
    margin-left: 10px;
    padding: 0px;
    padding-left: 4px;
    float: left;
    margin: 10px 0;
    padding: 0 9px;
}

.zendesk-editor--group:not(:last-of-type) {
    border-right: 1px solid #ddd;
}

.zendesk-editor--menu {
    border: 1px solid #ddd;
    border-radius: 3px;
    background-color: white;
    position: absolute;
    bottom: 50px;
    left: 4px;
    transition: bottom linear 0.05s;
}

.zendesk-editor--menu ul {
    margin: 0;
    padding: 0;
}

.zendesk-editor--menu li {
    list-style-type: none;
    float: left;
}

.zendesk-editor--menu.hidden {
    display: none;
    bottom: 38px;
}

.zendesk-editor--item {
    background-size: 16px;
    width: 26px;
    height: 26px;
    cursor: pointer;
    background-size: 18px;
    background-repeat: no-repeat;
    background-position: center;
    background-color: transparent;
    background-position: center;
    background-size: 14px;
    background-repeat: no-repeat;
    border: none;
    outline: none;
    position: relative;
    float: left;
}

.zendesk-editor--item:not(.redactor-act) {
    opacity: 0.4;
}

.zendesk-editor--item.disabled {
    cursor: default;
}

.zendesk-editor--item:hover:not(.disabled) {
    opacity: 1;
}

.zendesk-editor--item.attachment {
    background-image: url(/agent/assets/z-editor/attachment.svg);
}

.zendesk-editor--item.re-bold {
    background-image: url(/agent/assets/z-editor/bold.svg);
}

.zendesk-editor--item.code-block {
    background-image: url(/agent/assets/z-editor/code-block.svg);
}

.zendesk-editor--item.re-codespan {
    margin-left: 0px;
    background-image: url(/agent/assets/z-editor/code.svg);
}

.zendesk-editor--item.code {
    background-image: url(/agent/assets/z-editor/code.svg);
}

.zendesk-editor--item.re-formatting {
    background-image: url(/agent/assets/z-editor/heading.svg);
}

.zendesk-editor--item.image {
    background-image: url(/agent/assets/z-editor/image.svg);
}

.zendesk-editor--item.re-indent {
    background-image: url(/agent/assets/z-editor/indent.svg);
}

.zendesk-editor--item.re-italic {
    background-image: url(/agent/assets/z-editor/italic.svg);
}

.zendesk-editor--item.knowledge {
    background-image: url(/agent/assets/z-editor/knowledge.svg);
}

.zendesk-editor--item.re-link {
    background-image: url(/agent/assets/z-editor/link.svg);
}

.zendesk-editor--item.re-unorderedlist {
    background-image: url(/agent/assets/z-editor/list-bullet.svg);
}

.zendesk-editor--item.re-orderedlist {
    background-image: url(/agent/assets/z-editor/list-number.svg);
}

.zendesk-editor--item.macros {
    background-image: url(/agent/assets/z-editor/macros.svg);
}

.zendesk-editor--item.re-outdent {
    background-image: url(/agent/assets/z-editor/outdent.svg);
}

.zendesk-editor--item.re-blockquote {
    background-image: url(/agent/assets/z-editor/quotes.svg);
}

.zendesk-editor--item.quotes {
    background-image: url(/agent/assets/z-editor/quotes.svg);
}

.zendesk-editor--item.text {
    background-image: url(/agent/assets/z-editor/text.svg);
}

.zendesk-editor--rich_text {
    margin: 0 0 0 60px;
}

.redactor-editor.empty:not(.open) ~ .zendesk-editor--toolbar, .redactor-editor.closed ~ .zendesk-editor--toolbar {
    display: none;
}

.redactor-act:after {
    content: '';
    height: 3px;
    width: 100%;
    background-color: #78a300;
    position: absolute;
    bottom: -5px;
    left: 0;
    opacity: 1;
    transition: opacity linear 0.05s;
}

.redactor-dropdown-box-formatting, .redactor-dropdown-box-alignment {
    border: 1px solid #ddd;
    border-radius: 3px;
    background-color: white;
    margin-left: -5px;
}

.redactor-dropdown-box-formatting > a, .redactor-dropdown-box-alignment > a {
    width: 26px;
    height: 26px;
    cursor: pointer;
    background-size: 18px;
    background-repeat: no-repeat;
    background-position: center;
    background-color: transparent;
    background-position: center;
    background-size: 14px;
    background-repeat: no-repeat;
    border: none;
    outline: none;
    display: block;
    font-size: 0;
    background-image: url(/agent/assets/z-editor/link.svg);
}

.redactor-dropdown-box-formatting > a:not(.redactor-act), .redactor-dropdown-box-alignment > a:not(.redactor-act) {
    opacity: 0.4;
}

.redactor-dropdown-box-formatting > a.disabled, .redactor-dropdown-box-alignment > a.disabled {
    cursor: default;
}

.redactor-dropdown-box-formatting > a:hover, .redactor-dropdown-box-alignment > a:hover {
    opacity: 1;
}

.redactor-dropdown-box-formatting .redactor-formatting-pre, .redactor-dropdown-box-formatting .redactor-formatting-blockquote, .redactor-dropdown-box-alignment .redactor-formatting-pre, .redactor-dropdown-box-alignment .redactor-formatting-blockquote {
    display: none;
}
.autoans-button{
    padding: 5px;
    position: relative;
    width: 260px;
    float: left;
    background-color: #FFFFFF;
    padding-bottom: 0px;
    border-bottom: 1px solid #E2E2E2;
}
.list-group .l-custom{
    padding: 5px 10px;
    border-bottom: 1px solid #ddd;
}
.list-group .l-custom:last-child{
    border-bottom: 0;
}

.marquee span {
    display: inline-block;
    width: max-content;
    padding-left: 100%;
    /* show the marquee just outside the paragraph */
    will-change: transform;
    animation: backAndForth 5s linear infinite;
}

.marquee span:hover {
    animation-play-state: paused
}

@keyframes backAndForth {
    0% { transform: translateX(0); }
    10% { transform: translateX(0); }
    45% { transform: translateX(calc(-100% + 200px)); }
    55% { transform: translateX(calc(-100% + 200px)); }
    90% { transform: translateX(0); }
    100% { transform: translateX(0); }
}
.display-on-hover:hover >.dropdown-menu {
    display: block;
}

.disabled {
    opacity: 0.6;
    cursor: not-allowed;
    pointer-events: none;
}

.notification-frame{
    display: flex;
    flex-flow: column;
    justify-content: flex-start;
    flex-wrap: nowrap;
    flex-direction: column;
    box-sizing: border-box;
    height: 100%;
}
.notification-content {
    margin-top: 1px;
    padding-top: 8px;
    overflow-y: auto;
    flex: 1;
}

.notification-footer {
    margin-bottom: auto;
    height: 20px;
    padding: 4px 8px;
    line-height: 18px;
    text-align: right;
}

.notification-item {
    display: flex;
    padding: 4px 0;
    cursor: pointer;
    position: relative;

}

.notification-item:hover{
    background-color: #e3e3e3;
}

.notification-item__ticket-info {
    display: flex;
    flex-flow: column;
    padding-right: 8px;
    justify-content: space-around;
    /* padding-top: 4px; */
    padding-bottom: 4px;
    flex: 1;
    overflow: hidden;
}

.text-truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.notification-filter{
    margin-bottom: 0;
    padding: 4px 8px;
    box-shadow: 0 2px 3px -1px rgb(90 90 90 / 20%);
}
.notification-filter > li{
    margin-right: 4px;
}
.notification-filter > li > a{
    border-radius: 20px;
    font-weight: bold;
    color: rgb(5, 5, 5);
    text-decoration: none;

}

.notification-filter > li.active > a {
    background-color: #E7F3FF;
    color: #1877F2;
    font-weight: bold;
}
.notification-filter > li.active > a:hover {
    color: #1877F2;
    background-color: #bfdfff;
}

.notification-item:hover .dropdown-notification-action{
    display: block;
}

.dropdown-notification-action {
    display: none;
    position: absolute;
    right: 20px;
    top: 14px;
}

.dropdown-notification-action button.dropdown-toggle {
    border-radius: 50%;
    padding: 8px 12px;
}

.dropdown-notification-action button.dropdown-toggle:hover {
    background-color: #f2f2f2;
}