@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;
}

.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 #d3d3d3;
        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 #638824 1px;
        padding: 5px;
    }

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

            .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: #78a300;
    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 #638824;
        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: #92c400;
        }

            #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: #95be22;
        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: #8eb520;
        }

        #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: #78a300;
    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.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;
}

#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: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).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.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.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 .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: 230px;
            }

            .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;
    }