@charset "UTF-8";

.clear {
    clear: both;
}

.globals-sprite, ul.attachments li .screencast-icon, .property_box .suggestions li.ui-menu-item.agent .icon, .property_box .suggestions li.ui-menu-item.group .icon, .zd-menu-item.agent > .zd-menu-item-icon, .zd-menu-item.group > .zd-menu-item-icon, .zd-selectmenu-base.group .icon, .zd-selectmenu-base.agent .icon, .agent .icon, .macro-selector .zd-selectmenu-base .icon, .form_field .requester .zd-searchmenu .icon, .current_collaborators .zd-tag-item.agent:after, .user-picker-menu-base .zd-tag-item.agent:after, .user-picker-menu .photo_badge.agent, .ccs-menu .photo_badge.agent, .requester-menu .photo_badge.agent, .ticket .property_box .requester.form_field.agent-selection .ui-button-text, .ticket .property_box .requester.form_field.group-selection .ui-button-text, .assignee_widget li.ui-menu-item.agent .icon, .assignee_widget li.ui-menu-item.group .icon, .assignee_widget.agent-selection .ui-button-text, .assignee_widget.group-selection .ui-button-text, .section.ticket .notice .information, .section.ticket .notice .control, .event .header .meta .untrusted_flag a, .user_photo.agent .photo_badge, .agent.user_assume_photo .photo_badge, .user_photo.shared .photo_badge, .shared.user_assume_photo .photo_badge, .user_photo.end_user .photo_badge, .end_user.user_assume_photo .photo_badge, .user_photo_editable .editable-icon, .stacked_menu .section .task.complete .status, .stacked_menu .section .task.started .status {
    background: url(../images/globals.png) no-repeat;
}

.tabs-sprite, .content .header .icon.twitter, .content .header .icon.facebook, .content .header .icon.fb_private_message, .content .header .active .icon.twitter, .content .header .active .icon.facebook, .content .header .active .icon.fb_private_message {
    background: url(../images/tabs.png) no-repeat;
}

.channels-sprite, .profile .channel, .mail .profile .channel, .twitter .channel, .twitter_dm .channel, .twitter_favorite .channel, .facebook .channel, .fb_private_message .channel, .chat .channel, .text_message .channel, .voice .channel, .voice_inbound .channel, .voice_outbound .channel, .voice_voicemail .channel, .topic .channel, .comment_input .call-back .toggle .icon {
    background: url(../images/channels.png) no-repeat;
}

.objects-sprite, .current_collaborators .zd-menu-item-icon, .user-picker-menu-base .zd-menu-item-icon, .current_collaborators .zd-tag-item .zd-menu-item-icon, .user-picker-menu-base .zd-tag-item .zd-menu-item-icon, .requester.v2 .zd-searchmenu-root .icon, .user-picker-menu .zd-menu-item-icon, .ccs-menu .zd-menu-item-icon, .requester-menu .zd-menu-item-icon {
    background: url(../images/objects-scfd.png) no-repeat;
}

.flags-sprite {
    background: url(../images/flags.png) no-repeat;
}

.launchpad-sprite, .launchpad_content .launchpad-task .icon.email, .launchpad_content .launchpad-task .icon.agents, .launchpad_content .launchpad-task .icon.portal, .launchpad_content .launchpad-task .icon.hc, .launchpad_content .launchpad-task .icon.feedback, .launchpad_content .launchpad-task .icon.embeddable, .launchpad_content .launchpad-task .icon.chat, .launchpad_content .launchpad-task .icon.voice, .launchpad_content .launchpad-task .icon.facebook, .launchpad_content .launchpad-task .icon.twitter, .launchpad_content .launchpad-task .icon.benchmark, .launchpad_content .launchpad-task .icon.profile, .launchpad_content .launchpad-task .icon.ticket, .launchpad_content .launchpad-task .icon.macro, .launchpad_content .launchpad-task .icon.view {
    background: url(../images/launchpad.png) no-repeat;
}

.navigation-sprite, div.feature-notifications .right .actions .options-button .cog, div.feature-notifications .right .actions .options-button:hover .cog, div.feature-notifications .right .actions .options-button:focus .cog, div.feature-notifications .right .actions .options-button.open .cog, #main_navigation .toolbar_link, #main_navigation .toolbar_link.dashboard, #main_navigation .toolbar_link.dashboard:hover, #main_navigation .toolbar_link.dashboard:focus, #main_navigation .toolbar_link.filters, #main_navigation .toolbar_link.filters:hover, #main_navigation .toolbar_link.filters:focus, #main_navigation .toolbar_link.user_filters, #main_navigation .toolbar_link.user_filters:hover, #main_navigation .toolbar_link.user_filters:focus, #main_navigation .toolbar_link.search, #main_navigation .toolbar_link.search:hover, #main_navigation .toolbar_link.search:focus, #main_navigation .toolbar_link.reporting, #main_navigation .toolbar_link.reporting:hover, #main_navigation .toolbar_link.reporting:focus, #main_navigation .toolbar_link.admin, #main_navigation .toolbar_link.admin:hover, #main_navigation .toolbar_link.admin:focus, #main_navigation .toolbar_link.helpcenter, #main_navigation .toolbar_link.helpcenter:hover, #main_navigation .toolbar_link.helpcenter:focus, #main_navigation.dashboard .toolbar_link.dashboard, #main_navigation.filters .toolbar_link.filters, #main_navigation.user_filters .toolbar_link.user_filters, #main_navigation.search .toolbar_link.search, #main_navigation.reporting .toolbar_link.reporting, #main_navigation.admin .toolbar_link.admin, #main_navigation.helpcenter .toolbar_link.helpcenter {
    background: url(../images/navigation.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;
}

.action_button {
    background-color: transparent;
    display: block;
    padding: 0 0 0 24px;
    margin-right: 10px;
    text-indent: 0;
    color: #111;
    white-space: nowrap;
    font-weight: bold;
    font-size: 11px;
    opacity: 0.6;
}

.action_button:hover {
    opacity: 1;
}

ul.attachments {
    margin: 0 0 10px 0;
}

ul.attachments:empty {
    display: none;
}

ul.attachments li {
    display: inline-block;
    list-style-type: none;
    margin: 0 8px 8px 0;
    border-radius: 4px;
    background-color: #F4F4F4;
    vertical-align: top;
}

ul.attachments li:last-child {
    margin-right: 0;
}

ul.attachments li .attachment {
    position: relative;
    display: inline-block;
    font-size: 10px;
    padding: 4px 8px;
}

ul.attachments li .attachment img {
    padding-top: 5px;
    max-height: 65px;
}

ul.attachments li .attachment i {
    margin-top: -1px;
    opacity: 0.2;
}

ul.attachments li .screencast-icon {
    display: inline-block;
    width: 17px;
    height: 7px;
    background-position: 0 -656px;
}

ul.attachments li a.attachment {
    background-color: transparent;
}

ul.attachments li span.attachment {
    color: #555;
}

ul.attachments li .delete, ul.attachments li .deleting {
    background-color: transparent;
    border: none;
    width: 20px;
}

ul.attachments li .deleting, ul.attachments li .uploading {
    background-image: url(../images/small_spinner.gif);
    display: inline-block;
}

.audits .attachments li {
    width: 96px;
    line-height: 16px;
    overflow: hidden;
}

.audits .attachments li a {
    word-wrap: break-word;
    width: 83px;
}

.profile .channel {
    background-position: 0 -836px;
}

.mail .profile .channel {
    background-position: 0 -1196px;
}

.twitter .channel, .twitter_dm .channel, .twitter_favorite .channel {
    background-position: 0 -1169px;
}

.mast.twitter .profile.ticket {
    background-color: #55ACEE;
    border: 0px;
}

.facebook .channel, .fb_private_message .channel {
    background-position: 0 -1471px;
}

.chat .channel {
    background-position: 0 -1115px;
}

.chat .channel:active, .chat .channel.icon_chat_active, .chat .channel.icon_chat-active {
    background-position: 0 -425px;
}

.text_message .channel, .voice .channel {
    background-position: 0 -1349px;
}

.voice_inbound .channel {
    background-position: 0 -326px;
}

.voice_outbound .channel {
    background-position: 0 -299px;
}

.voice_voicemail .channel {
    background-position: 0 -1142px;
}

.topic .channel {
    background-position: 0 -836px;
}

ul.highlighted, button.highlighted, input.highlighted {
    background-image: none !important;
    background-color: #EDF9FC !important;
}

textarea.highlighted {
    color: green !important;
}

select:focus, textarea:focus, input:not(.highlightable):focus, .editable:focus, .editable input[type="text"]:focus, .focused, .token_list.ui-state-focus, .ui-selectmenu:focus, .zd-state-focus .zd-selectmenu-base, .zd-state-focus .zd-searchmenu-base {
    border-color: #527000 !important;
    box-shadow: 0 0 3px #78a300 !important;
    outline: thick none !important;
}

.ticket_status.new {
    background: #f5ca00;
    color: #fff;
}

.ticket_status.open {
    background: #e82a2a;
    color: #fff;
}

.ticket_status.pending {
    background: #59bbe0;
    color: #fff;
}

.ticket_status.hold {
    background: #000;
    color: #fff;
}

.ticket_status.solved {
    background: #828282;
    color: #fff;
}

.ticket_status.suspended {
    background: #666;
    color: #fff;
}

.ticket_status.closed {
    border-color: #EEE;
    background: #ddd;
    color: #fff;
}

.sla-policy-metric-label {
    font-size: 12px;
    font-weight: normal;
    padding-left: 10px;
    vertical-align: middle;
}

.sla-policy-metric-action-label {
    display: inline;
}

.ticket_sla_label {
    border-radius: 3px;
    font-size: 10px;
    line-height: 10px;
    min-width: 30px;
    margin: 5px 0;
    padding: 5px 6px;
    text-align: center;
    vertical-align: middle;
}

.sla-policy-metric-action-label, .ticket_sla_label {
    border-collapse: separate;
}

.sla-policy-metric-action-label.counting, .ticket_sla_label.counting {
    color: #fff;
}

.sla-policy-metric-action-label.counting.breached, .ticket_sla_label.counting.breached {
    background-color: #bd322c;
}

.sla-policy-metric-action-label.counting.not-breached, .ticket_sla_label.counting.not-breached {
    background-color: #78a300;
}

.sla-policy-metric-action-label.paused, .ticket_sla_label.paused {
    background-color: #fff;
    border: 1px solid #ddd;
}

.sla-policy-metric-action-label.paused.breached, .ticket_sla_label.paused.breached {
    color: #bd322c;
}

.sla-policy-metric-action-label.paused.not-breached, .ticket_sla_label.paused.not-breached {
    color: #78a300;
}

.ticket_sla_label {
    display: table;
}

.ticket_sla_label svg {
    display: inline-block;
    margin: 0 2px;
}

.ticket_sla_label .pause-icon {
    background-position: center;
    background-repeat: no-repeat;
    height: 8px;
    min-width: 30px;
}

.ticket_sla_label.breached .pause-icon {
    background-image: url('data:image/svg+xml;base64,PHN2ZyBmaWxsPSIjYmQzMjJjIiB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8zIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMTQyLjQgMTUxLjIgMzU3LjIgNDg5LjYiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMTQyLjQgMTUxLjIgMzU3LjIgNDg5LjYiIHhtbDpzcGFjZT0icHJlc2VydmUiPgogIDxnIGlkPSJwYXVzZSIgZGlzcGxheT0ibm9uZSI+CiAgICA8ZyBkaXNwbGF5PSJpbmxpbmUiPgogICAgICA8cGF0aCBmaWxsPSIjYmQzMjJjIiBkPSJNMzA2LDkwQzEzNC42LDkwLDAsMjI0LjYsMCwzOTZzMTM0LjYsMzA2LDMwNiwzMDZzMzA2LTEzNC42LDMwNi0zMDZTNDc3LjQsOTAsMzA2LDkweiBNMzA2LDYzNC43CiAgICAgICAgYy0xMzQuNiwwLTIzOC43LTEwNC0yMzguNy0yMzguN1MxNzcuNSwxNTcuMywzMDYsMTU3LjNjMTM0LjYsMCwyMzguNywxMTAuMiwyMzguNywyMzguN0M1NDQuNyw1MzAuNiw0NDAuNiw2MzQuNywzMDYsNjM0Ljd6Ii8+CiAgICAgIDxwb2x5Z29uIHBvaW50cz0iMzMwLjUsMjI0LjYgMjgxLjUsMjI0LjYgMjgxLjUsNDA4LjIgMzk3LjgsNTE4LjQgNDI4LjQsNDg3LjggMzMwLjUsMzgzLjggICAgIi8+CiAgICA8L2c+CiAgPC9nPgogIDxnPgogICAgPGc+CiAgICAgIDxwYXRoIGQ9Ik0xNDIuNCw2NDAuOGgxMjIuNFYxNTEuMkgxNDIuNFY2NDAuOHogTTM3Ny4yLDE1MS4ydjQ4OS42aDEyMi40VjE1MS4ySDM3Ny4yeiIvPgogICAgPC9nPgogIDwvZz4KPC9zdmc+Cg==');
}

.ticket_sla_label.not-breached .pause-icon {
    background-image: url(/agent/assets/icons/ticket_views/pause_green-f9cbe82fd58b09b308d4d4b74066a193.svg);
}

.ticket_status_label, .sla-policy-metric-action-label {
    padding: 1px 10px 2px 10px;
    font-size: 12px;
    border-radius: 3px;
    background: #EEE;
    color: #A0A0A0;
    text-transform: lowercase;
    min-height: 14px;
    font-weight: normal;
    display: inline-block;
    line-height: 16px;
}

.ticket_status_label.new, .sla-policy-metric-action-label.new {
    background: #f5ca00;
    color: #fff;
}

.ticket_status_label.open, .sla-policy-metric-action-label.open {
    background: #e82a2a;
    color: #fff;
}

.ticket_status_label.pending, .sla-policy-metric-action-label.pending {
    background: #59bbe0;
    color: #fff;
}

.ticket_status_label.hold, .sla-policy-metric-action-label.hold {
    background: #000;
    color: #fff;
}

.ticket_status_label.solved, .sla-policy-metric-action-label.solved {
    background: #828282;
    color: #fff;
}

.ticket_status_label.suspended, .sla-policy-metric-action-label.suspended {
    background: #666;
    color: #fff;
}

.ticket_status_label.closed, .sla-policy-metric-action-label.closed {
    border-color: #EEE;
    background: #ddd;
    color: #fff;
}

.ticket_status_label.compact, .sla-policy-metric-action-label.compact {
    opacity: 0.6;
    padding: 0;
    display: block;
    width: 15px;
    text-align: center;
    font-size: 9px;
    line-height: 13px;
}

.ticket_status_label.compact.pending, .sla-policy-metric-action-label.compact.pending {
    line-height: 12px;
}

.ticket_status_label.compact.suspended, .sla-policy-metric-action-label.compact.suspended {
    color: transparent;
}

.ticket_status_label.small, .sla-policy-metric-action-label.small {
    font-size: 10px;
}

.ticket_status_label.toolbar, .sla-policy-metric-action-label.toolbar {
    padding: 2px 5px 2px 5px;
    font-size: 9px;
    text-transform: none;
    letter-spacing: 1px;
    margin-right: 2px;
    text-shadow: none;
    font-weight: bold;
    line-height: 0;
    display: inline;
}

.sla-policy-metric-action-label {
    text-transform: none;
}

@-webkit-keyframes opening-sequence {
    0% {
        top: 0;
        opacity: 0.2;
    }

    100% {
        top: 45px;
        opacity: 1;
    }
}

@keyframes opening-sequence {
    0% {
        top: 0;
        opacity: 0.2;
    }

    100% {
        top: 45px;
        opacity: 1;
    }
}

.hidden {
    display: none;
    visibility: hidden;
}

.visuallyhidden {
    position: absolute !important;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px, 1px, 1px, 1px);
}

.invisible {
    visibility: hidden;
}

.clearfix:before, .clearfix:after {
    content: "\0020";
    display: block;
    height: 0;
    visibility: hidden;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    display: block;
    zoom: 1;
}
.growl-beneath-topbar #jGrowl {
    top: 43px;
}
div.jGrowl {
    margin: -6px 0 0 0;
    padding: 5px 4px 5px 5px;
}

div.jGrowl div.jGrowl-notification {
    font-family: MyHelveticaNeue, Helvetica Neue, Helvetica, Arial, Sans-serif;
    border-radius: 4px;
    opacity: 1;
    padding: 10px 25px 10px 36px;
    position: relative;
    width: 280px;
    min-height: 12px;
    background-image: none;
    background-color: #ffffff;
    color: #555;
    border: 1px solid #ddd;
    box-shadow: 0px 1px 2px rgba(0,0,0,0.15);
}

div.jGrowl div.jGrowl-notification .btn, div.jGrowl div.jGrowl-notification button {
    display: inline-block;
    padding: 5px 10px 5px;
    margin-bottom: 0;
    font-size: 12px;
    line-height: 18px;
    color: #555;
    text-align: center;
    text-shadow: none !important;
    vertical-align: middle;
    cursor: pointer;
    background-color: #ffffff;
    background-image: none;
    border: 1px solid #ddd;
    border-radius: 4px;
    box-shadow: none;
    white-space: nowrap;
    border-radius: 1000px;
}

div.jGrowl div.jGrowl-notification .btn:hover, div.jGrowl div.jGrowl-notification button:hover {
    background-color: #fbfbfb;
    border-color: #ccc;
    color: #333;
    box-shadow: inset 0 1px 0 #ffffff;
}

div.jGrowl div.jGrowl-notification .btn:active, div.jGrowl div.jGrowl-notification .btn.active, div.jGrowl div.jGrowl-notification button:active, div.jGrowl div.jGrowl-notification button.active {
    background-color: #f3f3f3;
    border-color: #ccc;
    color: #333;
    box-shadow: inset 0 1px 2px rgba(0,0,0,0.15);
}

div.jGrowl div.jGrowl-notification .btn.disabled, div.jGrowl div.jGrowl-notification .btn[disabled], div.jGrowl div.jGrowl-notification button.disabled, div.jGrowl div.jGrowl-notification button[disabled] {
    background-color: #ddd !important;
    border-color: #ddd !important;
    color: #fff !important;
    opacity: 1;
    box-shadow: none;
}

div.jGrowl div.jGrowl-notification a.btn {
    border-bottom: 1px solid #ccc !important;
}

div.jGrowl div.jGrowl-notification:after {
    content: '';
    position: absolute;
    top: 10px;
    left: 10px;
    width: 16px;
    height: 16px;
    background-repeat: no-repeat;
}

div.jGrowl div.jGrowl-notification.notice:after {
    background-image: url(../images/success.png);
}

div.jGrowl div.jGrowl-notification.error:after {
    background-image: url(../images/error.png);
}

div.jGrowl div.jGrowl-notification.alert:after {
    background-image: url(../images/warning.png);
}

div.jGrowl div.jGrowl-notification.progress:after {
    background-image: url(../images/dotted_bar.gif);
    background-size: 16px;
    background-position: 0 6px;
}

div.jGrowl div.jGrowl-notification a {
    color: inherit;
    border-bottom: 1px dotted #3A87AD;
}

div.jGrowl div.jGrowl-notification div.jGrowl-message {
    padding-right: 20px;
}

div.jGrowl div.jGrowl-notification div.jGrowl-message h1 {
    margin-top: 0;
    line-height: 18px;
    font-size: 12px;
}

div.jGrowl div.jGrowl-notification div.jGrowl-message ul:not(.unstyled) {
    margin: 10px 0 10px 20px;
}

div.jGrowl div.jGrowl-notification div.jGrowl-message ul:not(.unstyled) li {
    list-style: disc;
}

div.jGrowl div.jGrowl-notification div.jGrowl-message .add_message {
    margin-top: 7px;
}

div.jGrowl div.jGrowl-notification div.jGrowl-message footer {
    background: transparent;
    border: none;
    margin-top: 1em;
}

div.jGrowl div.jGrowl-notification div.jGrowl-message h4 {
    margin-bottom: 10px;
}

div.jGrowl div.jGrowl-notification div.jGrowl-message p {
    margin-bottom: 10px;
}

div.jGrowl div.jGrowl-notification div.jGrowl-message .actions {
    margin-bottom: 3px;
}

div.jGrowl div.jGrowl-notification div.jGrowl-message .actions button {
    padding-top: 4px;
    margin-right: 10px;
}

div.jGrowl div.jGrowl-notification div.jGrowl-message .actions a {
    margin-left: 10px;
}

div.jGrowl div.jGrowl-notification div.jGrowl-close {
    font-family: MyHelveticaNeue, Helvetica Neue, Helvetica, Arial, Sans-serif;
    position: absolute;
    top: 7px;
    right: 10px;
    font-size: 18px;
    line-height: 18px;
    color: black;
    opacity: 0.2;
    font-weight: normal;
}

div.jGrowl div.jGrowl-notification div.jGrowl-close:hover {
    opacity: 0.4;
}

div.jGrowl div.jGrowl-notification.notice a {
    border-bottom: 1px dotted #468847;
}

div.jGrowl div.jGrowl-notification.alert a {
    border-bottom: 1px dotted #C09853;
}

div.jGrowl div.jGrowl-notification.error {
    color: #b94a48;
    text-shadow: none;
}

div.jGrowl div.jGrowl-notification.error a {
    border-bottom: 1px dotted #b94a48;
}

div.jGrowl div.jGrowl-notification.error h1 {
    margin: 5px 3px 5px 0px;
}

div.jGrowl div.jGrowl-notification.error .close_btn {
    padding: 4px 30px 5px 30px;
    float: right;
    color: #333;
}

div.jGrowl div.jGrowl-notification.error.ticket .jGrowl-close {
    display: none;
}

div.jGrowl div.jGrowl-notification.error.ticket .jGrowl-message {
    padding-right: 0;
}

div.jGrowl-notification {
    animation-name: slideDown;
    -webkit-animation-name: slideDown;
    animation-duration: 170ms;
    -webkit-animation-duration: 170ms;
    animation-timing-function: linear;
    -webkit-animation-timing-function: linear;
}

@-webkit-keyframes slideDown {
    0% {
        -webkit-transform: translateY(-100px);
    }

    100% {
        -webkit-transform: translateY(0%);
    }
}

@keyframes slideDown {
    0% {
        -webkit-transform: translateY(-100px);
        transform: translateY(-100px);
    }

    100% {
        -webkit-transform: translateY(0%);
        transform: translateY(0%);
    }
}

.ui-widget, .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {
    font-size: 12px;
    font-family: MyHelveticaNeue, Helvetica Neue, Helvetica, Arial, Sans-serif;
}

.ui-widget-content {
    background-color: #ffffff;
    background-image: none;
}

.ui-widget-header {
    background-image: url(/agent/assets/jquery-ui/ui-bg_highlight-soft_75_cccccc_1x100-9c053e3154631b110f4da73e7830e6a7.png);
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    background-color: #FFFFFF;
    background-image: linear-gradient(#fafafa,#ffffff);
}

input:hover, textarea:hover, .token_list:hover {
    border-color: #999;
}

.ui-state-hover a, .ui-widget-content .ui-state-hover a, .ui-state-focus a, .ui-widget-content a.ui-state-focus {
    background: #f3f3f3;
}

.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {
    background: #FFFFFF;
}

.ui-widget-content li.ui-state-hover {
    border-color: #f3f3f3;
}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
    background-image: none;
}

.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
    background-image: url(/agent/assets/jquery-ui/ui-bg_glass_55_fbf9ee_1x400-4d1e9e3434a7eec605dd7b19ec0e71bb.png);
}

.ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {
    background-image: url(/agent/assets/jquery-ui/ui-bg_glass_95_fef1ec_1x400-6ce7d9fd6ae2c6b346d347cad3b67b94.png);
}

.ui-icon {
    background-image: url(/agent/assets/jquery-ui/ui-icons_222222_256x240-1dd3ff227072dc3bee9469cae4edc35d.png);
}

.ui-widget-content .ui-icon {
    background-image: url(/agent/assets/jquery-ui/ui-icons_222222_256x240-1dd3ff227072dc3bee9469cae4edc35d.png);
}

.ui-widget-header .ui-icon {
    background-image: url(/agent/assets/jquery-ui/ui-icons_222222_256x240-1dd3ff227072dc3bee9469cae4edc35d.png);
}

.ui-state-default .ui-icon {
    background-image: url(../images/ui-icons_888888_256x240.png);
}

.ui-state-hover .ui-icon, .ui-state-focus .ui-icon {
    background-image: url(/agent/assets/jquery-ui/ui-icons_454545_256x240-864bd6f1aae6f61c409042421c852575.png);
}

.ui-state-active .ui-icon {
    background-image: url(/agent/assets/jquery-ui/ui-icons_454545_256x240-864bd6f1aae6f61c409042421c852575.png);
}

.ui-state-highlight .ui-icon {
    background-image: url(/agent/assets/jquery-ui/ui-icons_2e83ff_256x240-c4974112d5746fddd49a41d5bef9eb69.png);
}

.ui-state-error .ui-icon, .ui-state-error-text .ui-icon {
    background-image: url(/agent/assets/jquery-ui/ui-icons_cd0a0a_256x240-d9f7d1ed5af44aae56dc9cc4a0de9e80.png);
}

.ui-widget-overlay {
    background-image: url(/agent/assets/jquery-ui/ui-bg_flat_0_aaaaaa_40x100-f4fc90d90e2d45ac6d957992af38d4e5.png);
}

.ui-widget-shadow {
    background-image: url(/agent/assets/jquery-ui/ui-bg_flat_0_aaaaaa_40x100-f4fc90d90e2d45ac6d957992af38d4e5.png);
}

.ui-corner-tl {
    border-top-left-radius: 1px;
}

.ui-corner-tr {
    border-top-right-radius: 1px;
}

.ui-corner-bl {
    border-bottom-left-radius: 1px;
}

.ui-corner-br {
    border-bottom-right-radius: 1px;
}

.ui-corner-top {
    border-top-left-radius: 1px;
    border-top-right-radius: 1px;
}

.ui-corner-bottom {
    border-bottom-right-radius: 1px;
    border-bottom-left-radius: 1px;
}

.ui-corner-right {
    border-top-right-radius: 1px;
    border-bottom-right-radius: 1px;
}

.ui-corner-left {
    border-bottom-left-radius: 1px;
    border-top-left-radius: 1px;
}

.ui-corner-all {
    border-radius: 1px;
}

.ui-widget-content {
    border-top: none;
}

.ui-menu {
    padding: 0;
}

.ui-menu .ui-icon {
    background-position-y: -17px;
    opacity: 0.4;
    top: 0.4em;
    left: 0.5em;
}

.ui-menu .ui-menu-item a {
    border: none;
}

.ui-menu .ui-menu-item a.ui-state-focus, .ui-menu .ui-menu-item a.ui-state-active {
    margin: 0;
}

.ui-menu .ui-menu-item a.ui-state-focus {
    border: none;
    border-radius: 1;
}

.ui-button-text-only .ui-button-text {
    padding: 5px 0;
}

.ui-selectmenu {
    position: relative;
    display: inline-block;
    height: 2em;
    line-height: 2em;
    overflow: hidden;
    text-decoration: none;
    vertical-align: middle;
    zoom: 1;
}

.ui-selectmenu span.ui-selectmenu-status {
    height: 2em;
    line-height: 2em;
    padding: 0 8px;
}

.ui-selectmenu-icon {
    position: absolute;
    right: 6px;
    margin-top: -8px;
    top: 50%;
}

.ui-selectmenu-menu {
    padding: 0;
    margin: 0;
    list-style: none;
    position: absolute;
    top: 0;
    display: none;
    overflow: auto;
    z-index: 1005;
    box-shadow: 0 2px 5px rgba(0,0,0,0.15);
}

.ui-selectmenu-open {
    display: block;
    z-index: 1 !important;
}

.ui-selectmenu-open a {
    color: #777 !important;
}

.ui-selectmenu-menu-popup {
    margin-top: -1px;
}

.ui-selectmenu-menu-dropdown {
    margin: 0;
}

.ui-selectmenu-menu li {
    background-color: #ffffff;
    padding: 0;
    margin: 0;
    display: block;
    border-top: 1px dotted transparent;
    border-bottom: 1px dotted transparent;
    border-right-width: 0 !important;
    border-left-width: 0 !important;
    font-weight: normal !important;
}

.ui-selectmenu-menu li a, .ui-selectmenu-status {
    line-height: 1.4em;
    display: block;
    padding: 0.2em 0.7em;
    outline: none;
    text-decoration: none;
}

.ui-selectmenu-menu li.ui-state-disabled a {
    cursor: default;
}

.ui-selectmenu-menu li.ui-selectmenu-hasIcon a, .ui-selectmenu-hasIcon .ui-selectmenu-status {
    padding-left: 20px;
    position: relative;
    margin-left: 5px;
}

.ui-selectmenu-menu li .ui-icon, .ui-selectmenu-status .ui-icon {
    position: absolute;
    top: 1em;
    margin-top: -8px;
    left: 0;
}

.ui-selectmenu-menu li span, .ui-selectmenu-status span {
    display: block;
    margin-bottom: .2em;
}

.ui-selectmenu-menu li .ui-selectmenu-item-header {
    font-weight: bold;
}

.ui-selectmenu-menu li .ui-selectmenu-item-footer {
    opacity: .8;
}

.ui-selectmenu-menu .ui-selectmenu-group {
    font-size: 12px;
}

.ui-selectmenu-menu .ui-selectmenu-group .ui-selectmenu-group-label {
    line-height: 1.4em;
    display: block;
    padding: .6em .5em 0;
    font-weight: bold;
}

.ui-selectmenu-menu .ui-selectmenu-group ul {
    margin: 0;
    padding: 0;
}

* html .ui-selectmenu-menu li {
    border-color: pink;
    -webkit-filter: chroma(color=pink);
    filter: chroma(color=pink);
    width: 100%;
}

* html .ui-selectmenu-menu li a {
    position: relative;
}

.ui-menu .ui-menu {
    margin-top: 0;
}

.ui-datepicker td {
    padding: 3px;
}

.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
    text-align: center;
    line-height: 1.8em;
    top: 1px;
}

.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span {
    visibility: hidden;
}

.ui-datepicker .ui-datepicker-prev.ui-state-hover, .ui-datepicker .ui-datepicker-next.ui-state-hover {
    border: none;
}

.ui-datepicker .ui-datepicker-prev {
    left: 2px;
}

.ui-datepicker .ui-datepicker-next {
    right: 2px;
}

.ui-datepicker .ui-datepicker-prev:after {
    content: '<';
}

.ui-datepicker .ui-datepicker-next:after {
    content: '>';
}

.ui-datepicker.ui-widget-content {
    padding: 10px;
    background: white;
    border: 1px solid #ccc;
    border-radius: 3px;
    box-shadow: 0 5px 15px -5px rgba(0,0,0,0.5);
}

.ui-datepicker .ui-datepicker-header {
    background: #ffffff;
    border: none;
}

.ui-datepicker .ui-datepicker-title {
    background: #ffffff;
}

.ui-datepicker .ui-state-default {
    background: transparent;
    border: none;
    text-align: center;
    padding-top: 5px;
    padding-bottom: 5px;
}

.ui-datepicker .ui-datepicker-today a.ui-state-highlight {
    border-radius: 3px;
    background-color: #eeeeee;
}

.ui-datepicker .ui-datepicker-current-day a.ui-state-active {
    border-radius: 3px;
    color: #ffffff;
    background-color: #78a300;
}

input[type=text], input[type=password], textarea, select, .uneditable-input {
    width: inherit;
}

input:focus, textarea:focus {
    box-shadow: none;
    border-color: auto;
}

.clearfix {
    margin-bottom: 0;
}

p {
    font-family: MyHelveticaNeue, Helvetica Neue, Helvetica, Arial, Sans-serif;
}

.tooltip.in {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
}

.tooltip.top .tooltip-arrow {
    border-top-color: rgba(0,0,0,0.8);
}

.tooltip.right .tooltip-arrow {
    border-right-color: rgba(0,0,0,0.8);
}

.tooltip.bottom .tooltip-arrow {
    border-bottom-color: rgba(0,0,0,0.8);
}

.tooltip.left .tooltip-arrow {
    border-left-color: rgba(0,0,0,0.8);
}

.tooltip .tooltip-inner {
    background-color: rgba(0,0,0,0.8);
    padding: 5px 8px 6px 8px;
    max-width: 300px;
}

.popover-title {
    font-size: 13px;
    background-color: #eee;
    word-break: break-word;
}

.popover-inner {
    padding: 0;
    background: none;
    border: 0;
    box-shadow: 0 5px 10px rgba(0,0,0,0.2);
}

.nav-stacked {
    padding: 0 0 12px 0;
}

.nav-stacked > li {
    height: 26px;
}

.nav-stacked > li a {
    opacity: 0.8;
    padding: 6px 10px;
    border-radius: 3px;
}

.nav-stacked > li a:hover {
    background-color: #f0f0f0;
}

.nav-stacked > li.active a, .nav-stacked > li.active a:hover {
    color: #111;
    background-color: #e9e9e9;
    box-shadow: 0 -1px 1px #DDD;
}

.modal p, .modal label {
    font-family: MyHelveticaNeue, Helvetica Neue, Helvetica, Arial, Sans-serif;
}

.modal p {
    font-size: 12px;
    padding-bottom: 10px;
}

.modal p.secondary {
    color: #666;
}

.modal p.secondary strong {
    color: #555;
}

.modal h3 {
    font-size: 16px;
}

.modal.role-modal ul {
    list-style-type: decimal;
}

.modal.role-modal li {
    margin: 1em 0;
}

.dropdown-menu {
    padding-top: 10px;
    padding-bottom: 10px;
    border-color: rgba(0,0,0,0.1);
}

.dropdown-menu li {
    text-align: left;
}

.dropdown-menu li.header {
    text-align: left;
    padding: 3px 15px;
    font-weight: bold;
}

.dropdown-menu li a {
    color: #555;
    padding: 7px 20px;
    font-size: 12px;
}

.dropdown-menu li a:hover {
    color: #041521;
    background-color: #f2f2f2;
}

.dropdown-menu li input[type="file"] {
    cursor: pointer;
}

.dropdown-menu li button, .dropdown-menu li .button {
    display: block;
    padding: 3px 15px;
    clear: both;
    font-weight: normal;
    line-height: 18px;
    color: #146eaa;
    white-space: nowrap;
    text-align: left;
    background: none;
    cursor: pointer;
}

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

.dropdown-menu li button {
    width: 100%;
}

.dropup [disabled=disabled] {
    color: #bbb;
    cursor: default;
}

.dropup [disabled=disabled]:hover {
    color: #bbb;
}

.btn i {
    margin-top: 1px;
}

.btn.active {
    box-shadow: inset 0 2px 3px rgba(0,0,0,0.15),0 1px 2px rgba(0,0,0,0.05);
}

button:focus {
    outline: none;
}

.btn-group.open .btn.dropdown-toggle:not(.btn-inverse) {
    background-color: #ffffff;
    border-color: rgba(0,0,0,0.2);
}

.pagination a {
    color: #555;
}

.pagination a:hover {
    color: #146eaa;
}

.pagination .active a {
    color: #555;
}

.pagination a:hover, .pagination .active a {
    background-color: #f3f3f3;
}

.btn {
    display: inline-block;
    padding: 5px 10px 5px;
    margin-bottom: 0;
    font-size: 12px;
    line-height: 18px;
    color: #555;
    text-align: center;
    text-shadow: none !important;
    vertical-align: middle;
    cursor: pointer;
    background-color: #ffffff;
    background-image: none;
    border: 1px solid #ddd;
    border-radius: 4px;
    box-shadow: none;
    white-space: nowrap;
}

.btn:hover {
    background-color: #fbfbfb;
    border-color: #ccc;
    color: #333;
    box-shadow: inset 0 1px 0 #ffffff;
}

.btn:active, .btn.active {
    background-color: #f3f3f3;
    border-color: #ccc;
    color: #333;
    box-shadow: inset 0 1px 2px rgba(0,0,0,0.15);
}

.btn.disabled, .btn[disabled] {
    background-color: #ddd !important;
    border-color: #ddd !important;
    color: #fff !important;
    opacity: 1;
    box-shadow: none;
}

.btn.btn-primary, .btn.btn-inverse {
    background-color: #333;
    border-color: #333;
    color: #ccc;
    box-shadow: none;
}

.btn.btn-primary:hover, .btn.btn-inverse:hover {
    background-color: #444;
    border-color: #444;
    color: #ffffff;
}

.btn.btn-primary:active, .btn.btn-primary.active, .btn.btn-inverse:active, .btn.btn-inverse.active {
    background-color: #333;
    border-color: #333;
    color: #cccccc;
}

.btn.btn-primary + .btn-inverse, .btn.btn-inverse + .btn-inverse {
    border-color: #666;
}

.btn.btn-primary.green {
    background-color: #79a21d;
    border-color: #79a21d;
    color: rgba(255,255,255,0.8);
    box-shadow: none;
}

.btn.btn-primary.green:hover {
    background-color: #86ac1a;
    border-color: #86ac1a;
    color: #ffffff;
}

.btn.btn-primary.green:active, .btn.btn-primary.green.active {
    background-color: #729b00;
    border-color: #729b00;
    color: #ffffff;
}

.btn.btn-green {
    background-color: #79a21d;
    border-color: #79a21d;
    color: rgba(255,255,255,0.8);
    box-shadow: none;
}

.btn.btn-green:hover {
    background-color: #86ac1a;
    border-color: #86ac1a;
    color: #ffffff;
}

.btn.btn-green:active, .btn.btn-green.active {
    background-color: #729b00;
    border-color: #729b00;
    color: #ffffff;
}

.btn.btn-orange {
    box-shadow: none;
    background-color: #fda028;
    border-color: #fda028;
    color: rgba(255,255,255,0.8);
}

.btn.btn-orange:hover {
    background-color: #ffab1a;
    border-color: #ffab1a;
    color: #ffffff;
}

.btn.btn-orange:active, .btn.btn-orange.active {
    background-color: #ce8200;
    border-color: #af6f00;
    color: #ffffff;
}

.btn.btn-promo {
    box-shadow: none;
    background-color: #fda028;
    border-color: #fda028;
    color: rgba(255,255,255,0.8);
    font-size: 13px;
    font-weight: bold;
    padding: 10px 20px 10px 20px;
}

.btn.btn-promo:hover {
    background-color: #ffab1a;
    border-color: #ffab1a;
    color: #ffffff;
}

.btn.btn-promo:active, .btn.btn-promo.active {
    background-color: #ce8200;
    border-color: #af6f00;
    color: #ffffff;
}

.btn.btn-warning {
    box-shadow: none;
    background-color: #fda028;
    border-color: #fda028;
    color: rgba(255,255,255,0.8);
    font-size: 13px;
    font-weight: bold;
    padding: 10px 20px 10px 20px;
}

.btn.btn-warning:hover {
    background-color: #ffab1a;
    border-color: #ffab1a;
    color: #ffffff;
}

.btn.btn-warning:active, .btn.btn-warning.active {
    background-color: #ce8200;
    border-color: #af6f00;
    color: #ffffff;
}

.btn.btn-solid {
    background-color: #f8f8f8;
    border-color: #ddd;
}

.btn.btn-round-solid {
    background-color: #f8f8f8;
    border-color: #ddd;
    border-radius: 1000px;
}

.btn.btn-round {
    border-radius: 1000px;
}

.btn.medium {
    padding-right: 20px;
    padding-left: 20px;
}

.btn.large {
    font-size: 13px;
    font-weight: bold;
    padding: 10px 20px 10px 20px;
}

.btn.x-large {
    font-size: 14px;
    font-weight: bold;
    padding: 15px 30px 15px 35px;
}

.btn.disabled, .btn[disabled] {
    background-color: #ddd !important;
    border-color: #ddd !important;
    color: #fff !important;
    opacity: 1;
    box-shadow: none;
}

.btn-group.open .dropdown-toggle:not(.btn-inverse) {
    background-color: #f3f3f3 !important;
    box-shadow: inset 0 1px 2px rgba(0,0,0,0.15);
}

.btn-group > .dropdown-toggle {
    box-shadow: none;
}

::-webkit-input-placeholder {
    font-weight: normal;
}

::-moz-placeholder {
    font-weight: normal;
}

:-ms-input-placeholder {
    font-weight: normal;
}

@font-face {
    font-family: 'DNLTR';
    src: url(/agent/assets/fonts/226cca47a6a41d745725a674072efac9-4c30313c33aa8d62aa20b3e0ba434bac.eot);
    src: url(/agent/assets/fonts/226cca47a6a41d745725a674072efac9.eot?#iefix) format("embedded-opentype"),url(/agent/assets/fonts/226cca47a6a41d745725a674072efac9-9d100101901c31748ad45d2691bf5ced.woff) format("woff"),url(/agent/assets/fonts/226cca47a6a41d745725a674072efac9-40de84e0b4e985e7f54b92924fb1a032.ttf) format("truetype"),url(/agent/assets/fonts/226cca47a6a41d745725a674072efac9.svg#wf) format("svg");
}

@font-face {
    font-family: 'DNLTM';
    src: url(/agent/assets/fonts/50e4987ced5d5ab91dbd851dd3ed00ce-b777f90be3174f4bfa3959f533c29c36.eot);
    src: url(/agent/assets/fonts/50e4987ced5d5ab91dbd851dd3ed00ce.eot?#iefix) format("embedded-opentype"),url(/agent/assets/fonts/50e4987ced5d5ab91dbd851dd3ed00ce-7a6c0f9afbae35afa86b65ace4f295c1.woff) format("woff"),url(/agent/assets/fonts/50e4987ced5d5ab91dbd851dd3ed00ce-ca5b7fff3eb096d235730d65cd766751.ttf) format("truetype"),url(/agent/assets/fonts/50e4987ced5d5ab91dbd851dd3ed00ce.svg#wf) format("svg");
}

@font-face {
    font-family: 'DNLTB';
    src: url(/agent/assets/fonts/4595fdd135f25b7a9da20957ba413fed-cfc872463fe3c8f5fb513f5bade25741.eot);
    src: url(/agent/assets/fonts/4595fdd135f25b7a9da20957ba413fed.eot?#iefix) format("embedded-opentype"),url(/agent/assets/fonts/4595fdd135f25b7a9da20957ba413fed-ff938e8d4d35d28540c7d374fc1768f7.woff) format("woff"),url(/agent/assets/fonts/4595fdd135f25b7a9da20957ba413fed-2d431b32d37c2c9b1b6990ce1635b2d4.ttf) format("truetype"),url(/agent/assets/fonts/4595fdd135f25b7a9da20957ba413fed.svg#wf) format("svg");
}

@font-face {
    font-family: 'DNLTL';
    src: url(/agent/assets/fonts/76f378d03fd8c30d4b289cd3fdf308ec-f2943c89e64c51733e9192c3deacecfb.eot);
    src: url(/agent/assets/fonts/76f378d03fd8c30d4b289cd3fdf308ec.eot?#iefix) format("embedded-opentype"),url(/agent/assets/fonts/76f378d03fd8c30d4b289cd3fdf308ec-c1905fb955a41ad05abc1aa7c1066a9d.woff) format("woff"),url(/agent/assets/fonts/76f378d03fd8c30d4b289cd3fdf308ec-f963bfb39635998129af7dd398b56ed0.ttf) format("truetype"),url(/agent/assets/fonts/76f378d03fd8c30d4b289cd3fdf308ec.svg#wf) format("svg");
}

@font-face {
    font-family: 'DNLTUL';
    src: url(/agent/assets/fonts/167170258036a12dea168d1c85ba28cf-2d093e5f38d7db5ae02399646388f8c4.eot);
    src: url(/agent/assets/fonts/167170258036a12dea168d1c85ba28cf.eot?#iefix) format("embedded-opentype"),url(/agent/assets/fonts/167170258036a12dea168d1c85ba28cf-64db05efb90236f4c77e8d437a2e5c86.woff) format("woff"),url(/agent/assets/fonts/167170258036a12dea168d1c85ba28cf-09ff3bb8c2cacd0f99122d07e53fdb44.ttf) format("truetype"),url(/agent/assets/fonts/167170258036a12dea168d1c85ba28cf.svg#wf) format("svg");
}

@font-face {
    font-family: 'DNRR';
    src: url(/agent/assets/fonts/DINRoundWeb-c4528bec7ede6906ca5ed6779c3acc94.eot);
    src: url(/agent/assets/fonts/DINRoundWeb.eot?#iefix) format("embedded-opentype"),url(/agent/assets/fonts/DINRoundWeb-aa3312d25b3f6d278b57fd135f8b63dd.woff) format("woff");
}

@font-face {
    font-family: 'DNRL';
    src: url(/agent/assets/fonts/DINRoundWeb-Light-9e83c338f336221d94540a1e1c1bab19.eot);
    src: url(/agent/assets/fonts/DINRoundWeb-Light.eot?#iefix) format("embedded-opentype"),url(/agent/assets/fonts/DINRoundWeb-Light-69648453a7db4d5ba358d20d6e92435b.woff) format("woff");
}

@font-face {
    font-family: 'DNRB';
    src: url(/agent/assets/fonts/DINRoundWeb-Bold-2802f508ee8105f6a69467356a9cef5e.eot);
    src: url(/agent/assets/fonts/DINRoundWeb-Bold.eot?#iefix) format("embedded-opentype"),url(/agent/assets/fonts/DINRoundWeb-Bold-6792dad25ef8397ea694a3365e353726.woff) format("woff");
}

@font-face {
    font-family: 'DNRM';
    src: url(/agent/assets/fonts/DINRoundWeb-Medium-6def5e33cc8aba80096b0a0ccfb83612.eot);
    src: url(/agent/assets/fonts/DINRoundWeb-Medium.eot?#iefix) format("embedded-opentype"),url(/agent/assets/fonts/DINRoundWeb-Medium-02d5f9104c66b5449c6047c51c8274a3.woff) format("woff");
}

@font-face {
    font-family: 'DNLTRI';
    src: url(/agent/assets/fonts/9a9ab207e67efac6a7ddd286625d5f9b-5d0978e6c2d6b7304199b33c78b3240b.eot);
    src: url(/agent/assets/fonts/9a9ab207e67efac6a7ddd286625d5f9b.eot?#iefix) format("embedded-opentype"),url(/agent/assets/fonts/9a9ab207e67efac6a7ddd286625d5f9b-4055923d9c752ba6ca40b63b7be6ee9e.woff) format("woff"),url(/agent/assets/fonts/9a9ab207e67efac6a7ddd286625d5f9b-daebff00217e1d506f5b968f218605cc.ttf) format("truetype"),url(/agent/assets/fonts/9a9ab207e67efac6a7ddd286625d5f9b.svg#wf) format("svg");
}

@font-face {
    font-family: 'DNLTLI';
    src: url(/agent/assets/fonts/14BEC5_5-add55f6d9d5c9d324662d8633ac55bd9.eot);
    src: url(/agent/assets/fonts/14BEC5_5.eot?#iefix) format("embedded-opentype"),url(/agent/assets/fonts/14BEC5_5-3bf4187918d9ad83bbb11cba1792cbf7.woff) format("woff"),url(/agent/assets/fonts/14BEC5_5-cf93adf388de87d98afad77b96c90bc2.ttf) format("truetype"),url(/agent/assets/fonts/14BEC5_5.svg#wf) format("svg");
}

.editable {
    margin-top: -6px;
    margin-left: -5px;
}

.editable.textarea {
    padding: 5px;
    background: transparent;
    border: 1px solid transparent;
    line-height: 16px;
    white-space: pre-wrap;
    word-wrap: break-word;
    min-height: 16px;
    cursor: text;
}

.editable.textarea:not(.disabled):hover {
    border: 1px solid #e8e8e8;
    background: #fff;
    color: #555 !important;
}

.editable.textarea.disabled {
    color: #bbb !important;
    background-color: #eee;
}

.editable input[type="text"] {
    color: #8a8a8a;
    display: block;
    resize: none;
    padding: 2px 5px 5px 5px;
    border: 1px solid transparent;
    background: transparent;
    box-shadow: none;
}

.editable input[type="text"]:hover {
    border: 1px solid #e8e8e8;
}

.editable input[type="text"].ui-state-disabled, .editable input[type="text"].disabled {
    color: #444 !important;
    opacity: 1;
    background: transparent;
}

.editable input[type="text"].ui-state-disabled:hover, .editable input[type="text"].disabled:hover {
    border: 1px solid transparent;
}

.apps_nav_bar {
    position: relative;
    display: block;
}

.apps_nav_bar .tooltip-mask {
    position: fixed;
    opacity: 1;
    z-index: 999;
    cursor: default;
}

.apps_nav_bar #onboarding-tooltip {
    min-height: 20px;
    opacity: 1;
    padding: 15px 20px 18px;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    left: 100%;
    text-align: left;
    z-index: 1000;
}

.apps_nav_bar #onboarding-tooltip > h4 {
    word-wrap: break-word;
    overflow-wrap: break-word;
    margin: 3px 0;
}

.apps_nav_bar #onboarding-tooltip > p {
    margin: 0 !important;
    line-height: 20px;
}

.apps_nav_bar #onboarding-tooltip > .diamond {
    top: 0;
    bottom: 0;
    left: -6px;
    right: auto;
    margin: auto;
}

.apps_nav_bar #onboarding-tooltip > .close-tooltip {
    top: 15px;
    right: 20px;
}

html, body {
    overflow: hidden;
    cursor: auto;
}

body {
    letter-spacing: 0;
}

ul {
    list-style: none;
}

#alert {
    display: none;
    height: 52px;
    line-height: 52px;
    background-color: #fff7d0;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
}

#alert p {
    display: inline-block;
    vertical-align: middle;
    margin-left: 50px;
    margin-right: 200px;
}

#alert .pagination {
    position: absolute;
    top: 0;
    right: 72px;
    margin-top: 10px;
}

#alert .pagination a {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: default;
    color: #555;
    font-size: 11px;
    line-height: 32px;
}

#alert .pagination a:hover {
    background-color: inherit;
    cursor: default;
}

#alert .pagination a:focus {
    outline: none;
}

#alert .pagination li.enabled a:hover {
    background-color: #f7eec3;
    cursor: pointer;
}

#alert .close {
    position: absolute;
    top: 18px;
    right: 24px;
}

#alert:before {
    position: absolute;
    top: 17px;
    left: 20px;
    bottom: 0;
    background-image: url(/agent/assets/icons/alerts/alert-235d4e129bf4df28eb01d28d4ff2759f.png);
    background-repeat: no-repeat;
    background-size: 18px;
    padding-right: 36px;
    content: '';
}

#alert.visible {
    display: block;
}

#alert.visible + #wrapper {
    top: 52px;
}

#wrapper {
    position: absolute;
    width: 100%;
    top: 0;
    bottom: 0;
}

.pane {
    display: block;
    position: absolute;
    overflow: auto;
    top: 0;
    bottom: 0;
}

.pane.left {
    left: 0;
    position: static;
    z-index: 3;
}

.pane.left footer {
    position: fixed;
    bottom: 0;
    left: 60px;
    right: 0;
    height: 49px;
    padding: 0;
}

.pane.right {
    right: 0;
    overflow: hidden;
}

.pane.right footer {
    position: fixed;
    left: 391px;
    bottom: 0;
    height: 49px;
    padding: 0;
    right: 0;
}

.pane.right .reset_order {
    margin-left: 20px;
    font-size: 12px;
    font-weight: normal;
}

.pane.right .learn_more {
    line-height: 28px;
    padding: 5px 15px;
}

.pane.right .learn_more:hover {
    text-decoration: underline;
}

.bulk-footer {
    z-index: 1;
}

.modal-footer, .bulk-footer {
    border-left: 1px solid #dcdcdc;
    left: 390px !important;
    text-align: right;
}

.modal-footer .controls-group, .bulk-footer .controls-group {
    margin: 10px 8px 0 0;
}

.modal-footer .btn-inner-left, .modal-footer .dropdown-toggle, .bulk-footer .btn-inner-left, .bulk-footer .dropdown-toggle {
    margin-right: 0;
}

.modal-footer .btn-group, .bulk-footer .btn-group {
    float: right;
    display: inline-block;
}

.modal-footer .btn-group .btn, .bulk-footer .btn-group .btn {
    float: left;
}

.modal-footer .btn-group .btn:first-of-type, .bulk-footer .btn-group .btn:first-of-type {
    border-radius: 4px 0px 0px 4px;
}

.modal-footer .btn-group .btn:last-of-type, .bulk-footer .btn-group .btn:last-of-type {
    border-radius: 0px 4px 4px 0px;
}

.modal-footer .left, .bulk-footer .left {
    float: left;
    text-align: left;
    width: 49%;
}

.bulk-mode .pane.right.section {
    bottom: 50px;
}

.split_pane {
    z-index: 9;
}

.split_pane .split_pane > header .right {
    border-left: 1px solid #dcdcdc;
}

.split_pane.user .pane.left, .split_pane.organization .pane.left {
    z-index: inherit;
}

.split_pane.user .pane.left footer, .split_pane.user .pane.left .footer, .split_pane.organization .pane.left footer, .split_pane.organization .pane.left .footer {
    z-index: 0;
}

.split_pane.filters .pane.left, .split_pane.search .pane.left, .split_pane.ticket .pane.left, .split_pane.user .pane.left, .split_pane.organization .pane.left, .split_pane.user_filters .pane.left, .split_pane.incidents .pane.left, .split_pane.admin .pane.left, .split_pane.reporting .pane.left {
    overflow-x: hidden;
    width: 330px;
}

.split_pane.filters .pane.right, .split_pane.dashboard .pane.right, .split_pane.search .pane.right, .split_pane.ticket .pane.right, .split_pane.user .pane.right, .split_pane.organization .pane.right, .split_pane.user_filters .pane.right, .split_pane.incidents .pane.right, .split_pane.admin .pane.right, .split_pane.reporting .pane.right {
    left: 390px;
}

.split_pane.filters header .pane.left, .split_pane.dashboard header .pane.left, .split_pane.search header .pane.left, .split_pane.ticket header .pane.left, .split_pane.user header .pane.left, .split_pane.organization header .pane.left, .split_pane.user_filters header .pane.left, .split_pane.incidents header .pane.left, .split_pane.admin header .pane.left, .split_pane.reporting header .pane.left {
    height: 100%;
}

.split_pane.filters > header .pane.right, .split_pane.filters > footer .pane.right, .split_pane.dashboard > header .pane.right, .split_pane.dashboard > footer .pane.right, .split_pane.search > header .pane.right, .split_pane.search > footer .pane.right, .split_pane.ticket > header .pane.right, .split_pane.ticket > footer .pane.right, .split_pane.user > header .pane.right, .split_pane.user > footer .pane.right, .split_pane.organization > header .pane.right, .split_pane.organization > footer .pane.right, .split_pane.user_filters > header .pane.right, .split_pane.user_filters > footer .pane.right, .split_pane.incidents > header .pane.right, .split_pane.incidents > footer .pane.right, .split_pane.admin > header .pane.right, .split_pane.admin > footer .pane.right, .split_pane.reporting > header .pane.right, .split_pane.reporting > footer .pane.right {
    left: 330px;
}

.split_pane.user .pane.left, .split_pane.organization .pane.left {
    bottom: 0;
}

.split_pane.user .pane.left footer, .split_pane.organization .pane.left footer {
    right: auto;
}

.split_pane.ticket > header .pane.left, .split_pane.user > header .pane.left, .split_pane.incidents > header .pane.left, .split_pane.organization > header .pane.left {
    overflow-y: hidden;
    width: auto;
}

.split_pane.ticket > header .pane.right, .split_pane.user > header .pane.right, .split_pane.incidents > header .pane.right, .split_pane.organization > header .pane.right {
    left: auto;
}

.split_pane.filters > header .pane.right, .split_pane.dashboard > header .pane.right, .split_pane.user_filters > header .pane.right {
    left: 331px;
    overflow: visible;
}

.split_pane.filters > header .pane.left, .split_pane.dashboard > header .pane.left, .split_pane.user_filters > header .pane.left {
    border-right: 1px solid #dcdcdc;
    overflow: visible;
}

.split_pane.dashboard .pane.right > div {
    height: 100%;
}

.split_pane.dashboard > header .pane.right {
    padding-left: 15px;
    padding-right: 10px;
}

.split_pane.dashboard > header .pane.right .left {
    float: left;
}

.split_pane.dashboard > header .pane.right .right {
    float: right;
}

.split_pane.ticket footer {
    border-left: 1px solid #d5d5d5;
    left: 390px;
}

.split_pane.ticket footer .section:first-of-type {
    min-width: 570px;
    width: 100%;
}

.split_pane.ticket > .pane.right {
    z-index: 8;
    bottom: 50px;
}

.split_pane.ticket > .pane.right .section .mast {
    position: relative;
    z-index: 2;
}

.split_pane.ticket .chat.chat-section {
    margin-top: 0;
    background-image: url(/agent/assets/bg_chrome_light-aea87c82a460ab6d02829adf21075734.png);
    background-position: 0 0;
}

.split_pane.collapsible .scroll_content {
    overflow: auto;
    position: absolute;
    top: 41px;
    bottom: 0;
}

.split_pane.collapsible .pane.left {
    -webkit-transition: width 0.3s ease;
    -webkit-transition-delay: 0.4s;
    transition: width 0.3s ease 0.4s;
    border-right: 1px solid #d5d5d5;
}

.split_pane.collapsible .pane.left .hide_when_collapsed {
    height: auto;
    -webkit-transition: visibility 0s ease,opacity 0.3s ease;
    -webkit-transition-delay: 0.4s,0.4s;
    transition: visibility 0s ease 0.4s,opacity 0.3s ease 0.4s;
    visibility: visible;
}

.split_pane.collapsible .pane.left .pin_control {
    margin: 9px;
    position: absolute;
    right: -4px;
    z-index: 3;
}

.split_pane.collapsible .pane.left .pin {
    display: none;
}

.split_pane.collapsible .pane.left .scroll_content {
    top: 50px;
    bottom: 0;
    left: 0;
    right: 0;
}

.split_pane.collapsible .pane.right {
    -webkit-transition: all 0.3s ease;
    -webkit-transition-delay: 0.4s;
    transition: all 0.3s ease 0.4s;
}

.split_pane.collapsible.collapsed .pane.left {
    width: 35px;
    overflow-y: hidden;
}

.split_pane.collapsible.collapsed .pane.left .hide_when_collapsed {
    opacity: 0;
}

.split_pane.collapsible.collapsed .pane.left .pin {
    display: block;
}

.split_pane.collapsible.collapsed .pane.left .unpin {
    display: none;
}

.split_pane.collapsible.collapsed .pane.right {
    left: 95px !important;
}

.split_pane.collapsible.collapsed.peeking .pane.left {
    overflow-y: auto;
    width: 330px;
    box-shadow: 1px 5px 3px 1px #ddd;
}

.split_pane.collapsible.collapsed.peeking .pane.left .hide_when_collapsed {
    opacity: 1;
}

.split_pane.collapsible.collapsed:not(.peeking) .pane.left .scroll_content {
    opacity: 0;
}

.split_pane.collapsible.collapsed:not(.peeking) .pane.left .hide_when_collapsed:not(.scroll_content) {
    visibility: hidden;
}

.main_panes > header, .main_panes > footer, .main_panes > .pane, .workspace > header, .workspace > footer, .workspace > .pane {
    left: 60px;
    position: absolute;
    right: 0;
}

.iframe_embeded {
    left: 60px;
    position: absolute;
    right: 0;
    top:42px;
    bottom: 0px;
}

.main_panes > header .apps-button, .main_panes > footer .apps-button, .main_panes > .pane .apps-button, .workspace > header .apps-button, .workspace > footer .apps-button, .workspace > .pane .apps-button {
    display: none;
}

.main_panes > header .apps-button.available, .main_panes > footer .apps-button.available, .main_panes > .pane .apps-button.available, .workspace > header .apps-button.available, .workspace > footer .apps-button.available, .workspace > .pane .apps-button.available {
    display: block;
}

.main_panes > header.section.aux-content, .main_panes > footer.section.aux-content, .main_panes > .pane.section.aux-content, .workspace > header.section.aux-content, .workspace > footer.section.aux-content, .workspace > .pane.section.aux-content {
    width: 330px;
}

.main_panes > header.section.text, .main_panes > footer.section.text, .main_panes > .pane.section.text, .workspace > header.section.text, .workspace > footer.section.text, .workspace > .pane.section.text {
    width: 290px;
    padding: 10px 20px;
    text-shadow: 0px 1px 2px white;
}

.main_panes > header.section.text h1, .main_panes > footer.section.text h1, .main_panes > .pane.section.text h1, .workspace > header.section.text h1, .workspace > footer.section.text h1, .workspace > .pane.section.text h1 {
    font-size: 14px;
    margin-bottom: 10px;
    font-weight: 300;
}

.main_panes > header.section.text p, .main_panes > footer.section.text p, .main_panes > .pane.section.text p, .workspace > header.section.text p, .workspace > footer.section.text p, .workspace > .pane.section.text p {
    margin-bottom: 10px;
}

.main_panes > header, .main_panes > footer, .workspace > header, .workspace > footer {
    z-index: 8;
}

.main_panes header, .workspace header {
    background-color: #fbfbfb;
    min-height: 40px;
    top: 42px;
    border-top: 1px transparent solid;
    border-bottom: 1px #c5c5c5 solid;
    margin-bottom: 2px;
}

.main_panes header h1, .workspace header h1 {
    height: 20px;
    padding: 9px 0 10px 30px;
    font-size: 14px;
    color: #333;
    margin: 0;
    line-height: 22px;
}

.main_panes header h1 button, .workspace header h1 button {
    float: right;
    line-height: 20px;
    padding: 0;
    margin: -3px 30px 0 0;
}

.main_panes header h1.left, .workspace header h1.left {
    float: left;
}

.main_panes header a.right, .workspace header a.right {
    float: right;
    margin: 10px;
}

.main_panes header .pane, .workspace header .pane {
    padding: 0;
    overflow: hidden;
}

.main_panes header .pane .btn-group, .workspace header .pane .btn-group {
    padding: 6px 0 6px 10px;
}

.main_panes header .pane .btn-group span:first-of-type, .workspace header .pane .btn-group span:first-of-type {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}

.main_panes header .pane .btn-group span:last-of-type, .workspace header .pane .btn-group span:last-of-type {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

.main_panes header .pane .btn-group .btn, .workspace header .pane .btn-group .btn {
    padding: 4px 12px 4px;
}

.main_panes header .pane .btn-group .btn.incidents, .workspace header .pane .btn-group .btn.incidents {
    color: #d02020;
    font-weight: bold;
}

.main_panes header .pane .btn-group .msg, .workspace header .pane .btn-group .msg {
    float: left;
    margin: 7px 0 0 12px;
    font-size: 11px;
    color: #666;
}

.main_panes header .pane .btn-group .msg a, .workspace header .pane .btn-group .msg a {
    border-bottom: 1px dotted #146eaa;
    border-radius: 0;
}

.main_panes > footer, .workspace > footer {
    bottom: 0;
    height: 49px;
    padding: 0;
    z-index: 9;
}

.main_panes > footer button + button, .workspace > footer button + button {
    margin-left: 0;
}

.main_panes footer .pane, .workspace footer .pane {
    overflow: visible !important;
}

.main_panes > .pane, .workspace > .pane {
    top: 84px;
}

.main_panes > .pane.left, .workspace > .pane.left {
    background-color: #f8f8f8;
}

.main_panes > .pane.left .action_button, .workspace > .pane.left .action_button {
    padding: 5px;
}

.main_panes > .pane.right, .workspace > .pane.right {
    border-left: 1px solid #d5d5d5;
}

.main_panes > .pane.right.admin #admin_content, .workspace > .pane.right.admin #admin_content {
    height: 100%;
    width: 100%;
}

.main_panes > .pane.right.admin .switch-to-classic, .workspace > .pane.right.admin .switch-to-classic {
    padding: 40px;
}

.main_panes > .pane.right.admin .switch-to-classic h2, .workspace > .pane.right.admin .switch-to-classic h2 {
    margin-bottom: 20px;
}

.main_panes > .pane.right.admin .switch-to-classic .columnbox, .workspace > .pane.right.admin .switch-to-classic .columnbox {
    border-top: dotted 1px #CCC;
    border-bottom: dotted 1px #CCC;
    padding: 30px 100px 30px 2px;
    position: relative;
}

.main_panes > .pane.right.admin .switch-to-classic .columnbox h4, .workspace > .pane.right.admin .switch-to-classic .columnbox h4 {
    margin-right: 10%;
}

.main_panes > .pane.right.admin .switch-to-classic .columnbox button, .workspace > .pane.right.admin .switch-to-classic .columnbox button {
    position: absolute;
    right: 0px;
    top: 30px;
    padding: 10px;
    margin-right: 20px;
}

.main_panes > .pane.right.admin .switch-to-classic .column, .workspace > .pane.right.admin .switch-to-classic .column {
    display: inline-block;
    vertical-align: top;
}

.main_panes > .pane.right.admin .switch-to-classic .link, .workspace > .pane.right.admin .switch-to-classic .link {
    cursor: default;
    margin: 25px 0px 30px;
}

.main_panes.dashboard > .pane.right, .workspace.dashboard > .pane.right {
    border-left: 1px #dcdcdc solid;
}

.workspace .chat-section {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 2;
    background-color: #ffffff;
}

.main_panes.flush_top > .pane {
    top: 42px;
}

.filter-grid-list div.scroll_content {
    top: 41px;
}

.filter-grid-list.mode-notice div.scroll_content {
    top: 104px;
}

.user .scroll_content, .organization .scroll_content {
    position: absolute;
    top: 148px;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: auto;
}

.user .devices.scroll_content {
    top: 117px;
}

.collapsible.filters .pane.left .pin_control, .collapsible.user_filters .pane.left .pin_control {
    margin-top: 23px;
    margin-right: 25px;
    -webkit-transition: right 0.2s ease;
    -webkit-transition-delay: 0.4s;
    transition: right 0.2s ease 0.4s;
}

.collapsible.filters.collapsed .pane.left .pin_control, .collapsible.user_filters.collapsed .pane.left .pin_control {
    right: -19px;
}

.collapsible.filters.collapsed.peeking .pane.left .pin_control, .collapsible.user_filters.collapsed.peeking .pane.left .pin_control {
    right: -4px;
}

section.user_filters .user-filter-title {
    display: inline-block;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: bottom;
}

section.user_filters.previewing .right header h1 {
    margin-right: 415px;
}

section.filters header, section.user_filters header, section.incidents header {
    background-color: transparent;
    border-width: 0;
}

section.filters .editor-toggle, section.user_filters .editor-toggle, section.incidents .editor-toggle {
    width: 100%;
}

section.filters .left header h1, section.user_filters .left header h1, section.incidents .left header h1 {
    font-size: 12px;
    color: #555;
    font-weight: bold;
    border-bottom: 1px solid #ddd;
    padding: 24px 0 5px 0;
    margin: 0 30px;
}

section.filters .left header .action_button, section.user_filters .left header .action_button, section.incidents .left header .action_button {
    margin-top: -4px;
    margin-right: 15px;
}

section.filters .right header, section.user_filters .right header, section.incidents .right header {
    padding-right: 30px;
}

section.filters .right header .origin, section.user_filters .right header .origin, section.incidents .right header .origin {
    margin: 30px 0px 5px 0;
}

section.filters .right header h1, section.user_filters .right header h1, section.incidents .right header h1 {
    font-size: 18px;
    color: #333;
    font-weight: bold;
    padding-top: 27px;
    padding-bottom: 5px;
    margin-right: 160px;
    white-space: nowrap;
}

section.filters .right header .header-count, section.user_filters .right header .header-count, section.incidents .right header .header-count {
    margin-left: 30px;
    font-size: 12px;
    line-height: 16px;
    font-weight: 300;
    color: #999;
}

section.filters .right header .object_options_btn, section.user_filters .right header .object_options_btn, section.incidents .right header .object_options_btn, .agent-report .object_options_btn  {
    position: relative;
    width: 30px;
    height: 30px;
}

section.filters .right header .object_options_btn:after, section.user_filters .right header .object_options_btn:after, section.incidents .right header .object_options_btn:after, .agent-report .object_options_btn:after, .workspace .object_options_btn:after, .campaign-report .object_options_btn:after, .tmp-report .object_options_btn:after {
    content: "";
    position: absolute;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 4px solid #000;
    top: 11px;
    left: 10px;
}
.glyphicon.glyphicon-search.header_search_icon{
    position: absolute;
    z-index: 1;
    left: 9px;
    top: 8px;
}
.header_search{
    height: 30px;
    width: 290px !important;
}

section.filters .object_options, section.incidents .object_options {
    float: right;
    margin: 30px 0px 5px 10px;
}

section.filters .object_options .menu, section.incidents .object_options .menu {
    margin-top: 0;
}

section.user_filters .editing-actions {
    top: 30px;
    right: 30px;
}

section.user_filters .editing-actions > .btn-group, section.user_filters .editing-actions > .btn {
    margin: 0 0 0 7px;
}

section.user_filters .filter-export {
    top: 30px;
    right: 30px;
}

section.user_filters .filter-editor.popover {
    top: 90px;
}

section.user_filters .filter-grid-list aside {
    border-top: 1px solid #d5d5d5;
}

.section.ticket .pane_body {
    padding: 0 12px;
}

.pane.right .filter-grid-list footer {
    position: absolute;
    background: none;
    border-width: 0;
    height: auto;
    bottom: auto;
    left: auto !important;
}

.pane.right .filter-grid-list footer .dropdown-menu {
    margin: 0;
}

.pane.right .filter-grid-list footer .controls-group {
    margin: 0;
}

.bulk-mode .pane.right.section {
    bottom: 0;
}

.organization .pane.right .filter-grid-list footer {
    right: 70px;
    top: -120px;
}

.user .pane.right .filter-grid-list footer {
    right: 70px;
    top: -139px;
}

.filters .pane.right .filter-grid-list footer, .user_filters .pane.right .filter-grid-list footer {
    right: 70px;
    top: -50px;
}

.filters .pane.right .filter-grid-list.suspended footer, .user_filters .pane.right .filter-grid-list.suspended footer {
    right: 30px;
}

.incidents .pane.right .filter-grid-list footer {
    right: 30px;
    top: -50px;
}

.dashboard .pane.right .filter-grid-list footer {
    right: 30px;
    top: -35px;
}

.working.ticket header, .working.ticket footer, .working.ticket .pane.section {
    opacity: 0.5;
}

.working.ticket:before {
    content: url(/agent/assets/icons/spinners/loading_2x_ff-e93736549f833458ede55c6288f48bc4.gif);
    position: fixed;
    top: 30%;
    left: 50%;
    margin: 21px 0 0 110px;
    z-index: 10;
}

.working .icon-loading-spinner {
    display: inline-block;
    vertical-align: baseline;
    height: 13px;
}

.working .empty_set {
    display: none;
}

.loading-audits {
    position: absolute;
    top: 10px;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 10;
    background-color: #ffffff;
}

.icon-loading-spinner {
    width: 50px;
    background: url(../images/dotted_bar.gif) no-repeat 10px 3px;
    display: none;
}

.icon-loading-spinner.audits {
    display: block;
    margin: auto;
    margin-top: 360px;
}

.filter_feed.working {
    display: none;
}

.filter_feed .working {
    opacity: 0.5;
}

.left.pane h2 {
    color: #666;
    margin: 8px 0 -13px 19px;
    float: left;
    display: inline-block;
    width: 300px;
    font-size: 11px;
    font-weight: normal;
}

.left.pane .log {
    color: #555;
    font-size: 11px;
    line-height: 18px;
    margin: 10px 0 10px 23px;
    float: left;
    width: 300px;
}

.left.pane .log > span {
    color: #999;
    padding-right: 3px;
    font-weight: normal;
}

.left.pane .log div {
    display: inline;
}

.form_field {
    float: left;
    width: 284px;
    margin: 0;
}

.form_field.narrow {
    width: 128.5px;
}

.form_field.narrow label, .form_field.narrow select, .form_field.narrow input {
    width: 128.5px;
}

.form_field.narrow + div.narrow {
    margin-left: 15px;
}

.form_field label {
    font-size: 11px;
    color: #999;
    float: none;
    margin: 4px 0 6px 0;
    text-align: left;
    z-index: 0;
}

.form_field label .info {
    float: right;
    width: auto;
    margin: 0;
    padding-top: 1px;
}

.form_field label, .form_field select {
    display: block;
}

.form_field .token_list {
    min-height: 22px;
    width: 274px;
}

.form_field .ui-button input, .form_field .token_list input {
    outline: none;
}

.form_field input, .form_field textarea {
    box-shadow: none;
    padding: 3px;
    min-height: 18px;
}

.form_field input .highlightable, .form_field textarea .highlightable {
    background-color: transparent;
    background-image: none;
}

.form_field input[type="checkbox"], .form_field textarea[type="checkbox"] {
    display: inline-block;
    height: auto;
    margin: 5px 7px 5px 0;
    width: auto;
}

.form_field input[type="checkbox"] + label, .form_field textarea[type="checkbox"] + label {
    display: inline-block;
    line-height: 11px;
}

.form_field > input, .form_field textarea, .form_field .token_list {
    display: block;
    background-image: linear-gradient(#fafafa,#ffffff);
}

.form_field > input, .form_field textarea {
    width: 276px;
    border-radius: 2px;
}

.form_field textarea {
    resize: vertical;
}

.form_field .tagger_value {
    text-align: left;
    width: 284px;
}

.property_box {
    float: left;
    margin: 8px;
    margin-bottom: 1px;
    width: 284px;
    background: #FFF;
    padding: 10px 13px 10px 15px;
    border: 1px #d5d5d5 solid;
    border-radius: 5px;
}

.property_box .ui-button-text {
    padding-left: 0.7em;
}

.property_box div.form_field {
    margin-bottom: 8px;
}

.property_box .suggestions {
    clear: left;
    border-top: 1px solid #AAA;
    position: absolute;
    z-index: 10000;
}

.property_box .suggestions li.ui-menu-item {
    position: relative;
}

.property_box .suggestions li.ui-menu-item .icon {
    position: absolute;
    top: 7px;
    left: 7px;
    width: 16px;
    height: 16px;
}

.property_box .suggestions li.ui-menu-item a {
    color: #555;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    border: none;
    background-repeat: no-repeat;
    background-position: 3px 4px;
}

.property_box .suggestions li.ui-menu-item a.ui-state-focus {
    background-color: whiteSmoke;
}

.property_box .suggestions li.ui-menu-item a span.postscript {
    color: #bbb;
    font-size: 11px;
    padding-left: 6px;
}

.property_box .suggestions li.ui-menu-item.agent .icon {
    background-position: 0 -732px;
}

.property_box .suggestions li.ui-menu-item.group .icon {
    background-position: 0 -677px;
}

.property_box .suggestions li.ui-menu-item.group > a, .property_box .suggestions li.ui-menu-item.agent > a {
    padding-left: 27px;
}

.property_box .suggestions.ios-style {
    height: auto;
    max-height: 200px;
}

.property_box .customTagger {
    position: relative;
}

.property_box .customTagger .menu {
    position: absolute;
    width: 282px;
}

.property_box .customTagger .menu ul {
    width: 282px;
}

.property_box .checkbox-field {
    margin-top: 3px;
}

.property_box .checkbox-field + .checkbox-field {
    margin-top: -4px;
}

.property_box.ticket_properties .tooltip.inside {
    position: fixed;
    top: auto !important;
    bottom: 2px;
    left: 82px !important;
}

.property_box.ticket_properties .tooltip.inside .tooltip-inner {
    max-width: none;
    width: 278px;
    padding: 14px 0;
}

::-webkit-input-placeholder, :-moz-placeholder ::-moz-placeholder :-ms-input-placeholder {
    color: #999;
}

body[lang|="ja"] .left.pane .log {
    font-size: 11px;
}

.zd-menu-item {
    color: #555;
}

.zd-menu-item.zd-item-focus a {
    color: #222 !important;
}

.zd-menu-item > a .zd-aux {
    color: #bbb;
    font-size: 11px;
}

.zd-menu-back-link > a {
    color: #999999 !important;
}

.zd-menu-link > a {
    color: #000000 !important;
}

.zd-icon-arrow-down {
    border-top-color:transparent;
}

.zd-menu-item.zd-item-focus {
    background-color: #e9e9e9;
}

.zd-state-hover .zd-icon-arrow-down {
    border-top-color: #555;
}

.zd-menu-item.agent > .zd-menu-item-icon {
    background-position: 0 -732px;
}

.zd-menu-item.group > .zd-menu-item-icon {
    background-position: 0 -677px;
}

.zd-menu-item.brand > .zd-menu-item-icon {
    top: 6px;
    left: 6px;
    height: 30px;
    width: 30px;
    text-align: center;
    overflow: hidden;
    border-radius: 4px;
}

.zd-menu-item.brand > .zd-menu-item-icon + a {
    padding-left: 44px;
}

.brand .zd-menu-item > a {
    padding: 12px 8px 12px 6px;
}

.zd-menu-item.group > a, .zd-menu-item.agent > a {
    padding-left: 27px;
}

.zd-menu-item span.suspended {
    color: #b94a48;
}

.zd-selectmenu-base .icon {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    overflow: hidden;
    border-radius: 4px;
    width: 20px;
    height: 18px;
}

.zd-selectmenu-base .icon > img {
    max-height: 100%;
}

.zd-state-disabled .zd-selectmenu-base {
    cursor: default;
}

.brand-widget .zd-selectmenu-base {
    height: 42px;
    padding-left: 6px;
}

.brand-widget .zd-selectmenu-base .icon {
    width: 30px;
    height: 30px;
    margin-right: 8px;
}

.zd-selectmenu-base.group .icon {
    background-position: 0 -677px;
    margin: 3px 0 0 4px;
}

.zd-selectmenu-base.agent .icon {
    background-position: 0 -732px;
    margin: 3px 0 0 4px;
}

.zd-tag-menu-root {
    min-height: 28px;
}

.zd-tag-menu-root .zd-tag-editor-holder input {
    box-shadow: none !important;
}

.zd-tag-item a {
    color: #555;
}

.zd-tag-item.zd-item-focus a {
    color: #ffffff;
}

.zd-tag-menu-root .zd-state-disabled {
    border-color: #f1f1f1;
}

.zd-combo-selectmenu .zd-highlight, .zd-selectmenu .zd-highlight, .zd-searchmenu .zd-highlight {
    font-weight: bold !important;
    color: #333 !important;
    background-color: transparent;
}

.zd-tag-close {
    padding: 3px;
}

.agent .zd-searchmenu-base {
    padding-left: 27px !important;
    background-repeat: no-repeat;
}

.agent .icon {
    background-position: 0 -732px;
}

.agent .zd-searchmenu .zd-menu-item > a {
    padding-left: 27px !important;
    padding-right: 2px !important;
}

.agent .zd-searchmenu-root .icon {
    position: absolute;
    top: 7px;
    left: 9px;
    width: 20px;
    height: 18px;
}

.macro-selector .zd-menu-root {
    height: 320px !important;
}

.macro-selector .zd-menu-root.zd-menu-autofit-mode {
    height: auto;
    max-height: 320px;
}

.macro-selector .zd-state-position-up .zd-menu-root {
    border-bottom-width: 1px;
    margin-bottom: -1px;
}

.zd-search-item-aux {
    padding-right: 6px;
}

.brand-widget .zd-menu-item {
    white-space: nowrap;
}

.zd-selectmenu-root, .zd-searchmenu-root, .zd-combo-selectmenu-root {
    font-size: 11px;
}

.zd-combo-selectmenu .zd-searchmenu-base {
    font-size: 12px !important;
}

.zd-searchmenu-base {
    font-size: 12px;
}

.zd-menu-item {
    font-size: 12px;
}

.zd-selectmenu-base-content {
    font-size: 12px;
}

.zd-state-search.zd-searchmenu-root:after {
    content: '';
    position: absolute;
    right: 8px;
    top: 50%;
    margin-top: -8px;
    width: 16px;
    height: 16px;
    background: #fff url(../images/dotted_bar.gif) no-repeat 0 6px/16px;
}

.zd-state-search .zd-searchmenu-base {
    padding-right: 28px !important;
}

.zd-tag-menu-root .zd-menu-list-holder {
    width: 100% !important;
}

div.feature-notifications {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: default;
    z-index: 990;
    right: 7px;
    left: auto;
    top: 44px;
    bottom: auto;
    margin-top: 0;
    overflow: visible;
    width: 520px;
}

div.feature-notifications .modal-header {
    padding: 11px 15px;
}

div.feature-notifications .modal-header h5 {
    display: inline-block;
    margin-left: 10px;
    font-weight: bold;
}

div.feature-notifications .modal-header .paginate {
    display: inline-block;
    float: right;
    margin-top: 2px;
    margin-right: 15px;
    color: #aaa;
}

div.feature-notifications .modal-header .paginate span {
    padding: 0 2px;
}

div.feature-notifications .modal-body {
    padding: 18px 24px;
}

div.feature-notifications .modal-body .body {
    padding-top: 8px;
    padding-bottom: 8px;
}

div.feature-notifications .left {
    float: left;
    width: 150px;
    height: 150px;
    overflow: hidden;
    position: relative;
}

div.feature-notifications .left::after {
    border-radius: 20px;
    display: block;
    position: absolute;
    border: 10px solid #fff;
    top: -10px;
    bottom: -10px;
    left: -10px;
    right: -10px;
    content: "";
}

div.feature-notifications .right {
    float: right;
    width: 300px;
    position: relative;
    padding-bottom: 30px;
    min-height: 120px;
}

div.feature-notifications .right .actions {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 28px;
}

div.feature-notifications .right .actions .options-button {
    float: right;
    cursor: pointer;
    margin-top: 4px;
}

div.feature-notifications .right .actions .options-button .cog {
    background-position: 0 -168px;
    height: 24px;
    width: 24px;
    display: inline-block;
}

div.feature-notifications .right .actions .options-button:hover .cog, div.feature-notifications .right .actions .options-button:focus .cog {
    background-position: 0 -96px;
}

div.feature-notifications .right .actions .options-button:hover .caret, div.feature-notifications .right .actions .options-button:focus .caret {
    opacity: 0.65;
}

div.feature-notifications .right .actions .options-button.open .cog {
    background-position: 0 -72px;
}

div.feature-notifications .right .actions .options-button .caret {
    margin-top: 10px;
    margin-left: -2px;
}

div.feature-notifications .options {
    display: none;
    position: absolute;
    right: 11px;
    bottom: -60px;
    border: 1px solid #d3d3d3;
    background-color: #FFF;
    padding: 10px 0px;
    border-radius: 4px;
}

div.feature-notifications .options.show {
    display: block;
}

div.feature-notifications .options .feature-notifications-toggle {
    color: #555;
    display: block;
    padding: 5px 50px 5px 20px;
    position: relative;
    -webkit-transition: background-color 0.125s ease;
    -webkit-transition-delay: 0s;
    transition: background-color 0.125s ease 0s;
}

div.feature-notifications .options .feature-notifications-toggle:hover {
    background-color: #e9e9e9;
}

div.feature-notifications .options .feature-notifications-toggle.current .icon-ok {
    opacity: 0.85;
}

div.feature-notifications .options .feature-notifications-toggle .icon-ok {
    position: absolute;
    right: 15px;
    top: 5px;
    opacity: 0;
}

div.feature-notifications .learn-more, div.feature-notifications .call-to-action {
    display: none;
    margin-bottom: 10px;
}

div.feature-notifications .learn-more.visible, div.feature-notifications .call-to-action.visible {
    display: inline-block;
}

.device_list {
    padding: 0 30px;
}

.device_list .btn-group {
    display: inline-block;
}

.device_list h4.list-heading {
    border-bottom: 0;
    padding: 0;
}

.device_list .heading {
    float: left;
    padding: 16px 10px 10px 0;
    max-width: 72%;
    margin-left: 0;
}

.device_list .heading p {
    color: #666;
}

.device_list .email_notifications {
    margin-left: 0;
    padding: 16px 0 10px 10px;
    text-align: right;
}

.device_list .email_notifications h4, .device_list .email_notifications .btn-group {
    display: inline-block;
}

.device_list .email_notifications .btn-group {
    margin-left: 7px;
    margin-top: -3px;
    float: right;
}

.device_list .email_notifications .btn-group .btn {
    line-height: 12px;
}

.device_list .email_notifications .btn-group .caret {
    margin-top: 4px;
}

.device_list .email_notifications .btn {
    margin-bottom: 6px;
}

.device_list .filter_tickets {
    border-top: 0;
    margin-left: 0;
}

.device_list .filter_tickets th:first-child {
    padding-left: 0;
}

.device_list .filter_tickets th:first-child, .device_list .filter_tickets td:first-child {
    border-top: 1px solid #eee;
    padding-left: 0;
    padding: 5px;
}

.device_list .filter_tickets .disabled span {
    color: #ccc;
}

.device_list .filter_tickets input {
    margin: 0;
    width: 95%;
}

.device_list .filter_tickets .user_token_list {
    padding-top: 15px;
}

.device_list .filter_tickets .no_tokens_message td {
    padding: 12px;
    color: #999;
}

.device_list h4.list-heading:first-child {
    padding-left: 0;
}

.user_token_list {
    padding-top: 15px;
}

#main_navigation {
    background-color: #e7e7e7;
    border-top: 1px #dcdcdc solid;
    border-right: 1px solid #ccc;
    display: block;
    position: absolute;
    overflow: none;
    top: 42px;
    bottom: 0;
    left: -1px;
    width: 60px;
    z-index: 9;
}

#main_navigation .toolbar_link {
    background-position: 0 -336px;
    height: 24px;
    width: 24px;
    cursor: pointer;
    display: block;
    margin: 15px 0 20px 18px;
    outline: none;
}

#main_navigation .toolbar_link.dashboard {
    background-position: 0 -336px;
    margin-top: 24px;
}

#main_navigation .toolbar_link.dashboard:hover, #main_navigation .toolbar_link.dashboard:focus {
    background-position: 0 -312px;
}

#main_navigation .toolbar_link.filters {
    background-position: 0 -408px;
}

#main_navigation .toolbar_link.filters:hover, #main_navigation .toolbar_link.filters:focus {
    background-position: 0 -384px;
}

#main_navigation .toolbar_link.user_filters {
    background-position: 0 -264px;
}

#main_navigation .toolbar_link.user_filters:hover, #main_navigation .toolbar_link.user_filters:focus {
    background-position: 0 -240px;
}

#main_navigation .toolbar_link.search {
    background-position: 0 -144px;
}

#main_navigation .toolbar_link.management {
    background: url(../images/Management-icon.png) no-repeat;
}
#main_navigation .toolbar_link.toolcfm {
    background: url(../images/icon-chat.png) no-repeat;
    background-size: 24px 48px;

}
#main_navigation.toolCFM .toolbar_link.toolcfm {
    background-position: 0 -24px;
    position: relative;
}
#main_navigation .toolbar_link.campaign {
    background: url(../images/campaign.png) no-repeat;
}

#main_navigation .toolbar_link.search:hover, #main_navigation .toolbar_link.search:focus {
    background-position: 0 -192px;
}

#main_navigation .toolbar_link.reporting {
    background-position: 0 -480px;
}

#main_navigation .toolbar_link.reporting:hover, #main_navigation .toolbar_link.reporting:focus {
    background-position: 0 -456px;
}

#main_navigation .toolbar_link.admin {
    background-position: 0 -168px;
    margin-bottom: 24px;
}

#main_navigation .toolbar_link.admin:hover, #main_navigation .toolbar_link.admin:focus {
    background-position: 0 -96px;
}

#main_navigation .toolbar_link.helpcenter {
    background-position: 0 -48px;
}

#main_navigation .toolbar_link.helpcenter:hover, #main_navigation .toolbar_link.helpcenter:focus {
    background-position: 0 0;
}

#main_navigation.dashboard .toolbar_link.dashboard {
    background-position: 0 -288px;
}

#main_navigation.filters .toolbar_link.filters {
    background-position: 0 -360px;
}

#main_navigation.user_filters .toolbar_link.user_filters {
    background-position: 0 -216px;
}

#main_navigation.search .toolbar_link.search {
    background-position: 0 -120px;
}

#main_navigation.reporting .toolbar_link.reporting {
    background-position: 0 -432px;
}

#main_navigation.admin .toolbar_link.admin {
    background-position: 0 -72px;
}

#main_navigation.helpcenter .toolbar_link.helpcenter {
    background-position: 0 -24px;
}

#main_navigation .icons {
    position: fixed;
    bottom: 0;
    width: inherit;
}

#main_navigation .create {
    margin-top: -2px;
}

#main_navigation .create.dropdown .dropdown-menu {
    margin: -68px 0 0 62px;
}

#main_navigation a.custom {
    background-image: none;
    display: block;
    margin: 6px 0;
    text-align: center;
}

#main_navigation a.custom img {
    height: 35px;
    max-width: 85%;
}

.sub_nav {
    font-size: 11px;
    white-space: nowrap;
    margin: 0;
    width: auto;
}

.sub_nav .content .editable {
    margin-left: 0;
}

.sub_nav a {
    padding: 2px 3px 4px 6px;
    margin-right: 10px;
    font-weight: normal;
}

.sub_nav a.active {
    color: #666;
    border-bottom: 1px solid #ddd;
    background: white;
}

.footer, footer {
    background: #f5f5f5;
    background-image: linear-gradient(#fafafa,#eeeeee);
    border-top: 1px solid #ddd;
}

.footer .action_buttons, footer .action_buttons {
    float: left;
    width: 210px;
}

.footer .action, footer .action {
    margin-left: 5px;
}

.keyboardshortcuts-modal {
    display: none;
    width: 826px;
    margin: -350px 0 0 -380px;
}

.keyboardshortcuts-modal .modal-body {
    max-height: none;
}

.keyboardshortcuts-modal h4 {
    font-size: 14px;
    color: #333;
    border-bottom: 1px solid #CCC;
    padding: 0 0 3px 0;
    line-height: 18px;
    margin: 0 0 15px 0;
}

.keyboardshortcuts-modal h5 {
    line-height: 16px;
    font-weight: normal;
    font-style: italic;
    margin-bottom: 5px;
    color: #A6A6A6;
}

.keyboardshortcuts-modal ul {
    margin: 0 0 15px 0;
}

.keyboardshortcuts-modal ul li {
    margin: 4px 0 7px;
    color: #333;
}

.keyboardshortcuts-modal ul li dt {
    display: inline-block;
    min-width: 100px;
}

.keyboardshortcuts-modal ul li dd {
    display: inline-block;
}

.keyboardshortcuts-modal ul li kbd {
    font-family: MyHelveticaNeue, Helvetica Neue, Helvetica, Arial, Sans-serif;
    border-radius: 3px;
    box-shadow: 0 0 0 #fff, 0 1px 0 #ccc;
    background-image: linear-gradient(#f5f5f5,#eeeeee);
    display: inline-block;
    font-size: 11px;
    font-weight: normal;
    line-height: 11px;
    text-align: center;
    padding: 4px 5px;
    margin-right: 3px;
    background-color: #eee;
    min-width: 12px;
    border: 1px solid #CCC;
}

.keyboardshortcuts-modal ul li kbd:last-of-type {
    margin-right: 8px;
}

.keyboardshortcuts-modal ul li kbd[title] {
    cursor: help;
}

.keyboardshortcuts-modal footer img {
    height: 16px;
    vertical-align: middle;
}

.keyboardshortcuts-modal footer img.sproutcore {
    margin-top: -4px;
}

.modal-footer .left {
    margin-top: 0.4em;
}

.modal-footer .left input[type=checkbox] {
    display: inline;
}

.modal-footer .left label {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: default;
    display: inline;
    line-height: 1.7em;
}

.agent_forwarding_modal {
    width: 510px;
}

.agent_forwarding_modal .modal-body {
    text-align: center;
}

.agent_forwarding_modal .fowarding_number_wrapper {
    background-color: white;
    float: left;
    position: relative;
}

.agent_forwarding_modal .fowarding_number_wrapper .country-select {
    position: absolute;
    width: 42px;
    text-align: center;
    left: 1px;
    margin-top: 1px;
}

.agent_forwarding_modal .fowarding_number_wrapper .country-select .zd-selectmenu-base {
    margin: 0px;
    border: none;
    text-align: center;
}

.agent_forwarding_modal .fowarding_number_wrapper .country-select .zd-selectmenu-base-content {
    padding-right: 12px;
}

.agent_forwarding_modal .fowarding_number_wrapper .country-select .zd-selectmenu-base-arrow {
    right: 1px;
}

.agent_forwarding_modal .fowarding_number_wrapper .dialed-number {
    padding-left: 45px;
}

/*.macro-selector {
    width: 200px;
    height: 30px;
    margin: 11px 0 0 10px;
    display: inline-block;
}

    .macro-selector .zd-selectmenu-base-content {
        font-size: 11px;
        color: #666;
        font-weight: bold;
    }

    .macro-selector .zd-menu-root {
        width: 400px !important;
    }

    .macro-selector .zd-selectmenu-base .icon {
        background-position: 0 -459px;
        height: icons-sprite-height(icon_macro);
        width: icons-sprite-width(icon_macro);
        margin: 2px 2px 0 0;
        opacity: 0.7;
    }

    .macro-selector:hover .zd-selectmenu-base-content {
        font-size: 11px;
        color: #111;
        font-weight: bold;
    }

    .macro-selector:hover .zd-selectmenu-base .icon {
        opacity: 1;
    }*/

.macro-selector {
    border-radius: 4px;
    display: inline-block;
    height: 30px;
    margin: 7px 0 0 10px;
    width: 300px; }
.macro-selector .zd-selectmenu-base .icon {
    background-position: 0 -459px;
    height: icons-sprite-height(icon_macro);
    width: icons-sprite-width(icon_macro);
    margin: 2px 2px 0 0;
    opacity: 0.7;
}

.macro-selector:hover .zd-selectmenu-base-content {
    font-size: 12px;
    color: #111;
}
.macro-selector:hover .zd-selectmenu-base .icon {
    opacity: 1;
}
.macro-selector:hover .zd-selectmenu-base-content {
    color: #111; }
.macro-selector .zd-combo-selectmenu {
    border-radius: 4px; }
.macro-selector .zd-item-focus {
    background-color: #F3F3F3; }
.macro-selector .zd-menu-back-link {
    border-bottom: solid 1px #DDD; }
.macro-selector .zd-menu-item.zd-menu-link:not(.zd-item-focus) > a {
    color: #555 !important; }
.macro-selector .zd-menu-item {
    font-size: 14px;
    padding: 10px 20px; }
.macro-selector .zd-menu-item:first-child {
    border-top: none; }
.macro-selector .zd-menu-item:first-child:not(.zd-menu-label) {
    margin-top: 10px; }
.macro-selector .zd-menu-item:last-child {
    margin-bottom: 10px; }
.macro-selector .zd-menu-item:not(.zd-menu-label) {
    font-weight: 500; }
.macro-selector .zd-menu-item > a {
    padding: 0; }
.macro-selector .zd-menu-item.zd-menu-back-link > a {
    color: #555;
    padding-left: 15px; }
.macro-selector .zd-menu-label {
    border-top: solid 1px #DDD;
    padding-bottom: 8px;
    padding-top: 20px; }
.macro-selector .zd-menu-label:not(:first-child) {
    margin-top: 10px; }
.macro-selector .zd-menu-label > a {
    color: #999;
    font-size: 12px;
    letter-spacing: 1.6px; }
.macro-selector .zd-menu-root {
    border-color: #CCC;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    box-shadow: 2.5px 2.5px 10px rgba(0, 0, 0, 0.2);
    height: 340px !important;
    width: 400px !important; }
.macro-selector .zd-menu-root.zd-menu-autofit-mode {
    height: auto;
    max-height: 340px; }
.macro-selector .zd-selectmenu-base {
    border-radius: 4px;
    height: 35px; }
.macro-selector .zd-selectmenu-base-content {
    font-size: 12px; }
.macro-selector .zd-selectmenu-root,
.macro-selector .zd-searchmenu-root,
.macro-selector .zd-combo-selectmenu-root {
    font-size: 12px; }
.macro-selector .zd-state-position-up .zd-menu-root {
    border-bottom-width: 1px;
    margin-bottom: -1px; }

.form_field.ticket_type_id, .form_field.ticket_type_id select, .form_field.priority_id, .form_field.priority_id select,
.form_field.source_id, .form_field.source_id select {
    width: 131px !important;
}

.form_field.ticket_type_id, .form_field.source_id {
    margin-right: 22px !important;
}

.form_field .requester_name {
    width: 284px;
    text-align: left;
}

.form_field .requester_search {
    width: 282px;
    height: auto;
}

.form_field .requester_search .ui-button-text {
    padding: 0 !important;
}

.form_field .requester_search input.search_field {
    border: none;
    height: 14px;
}

.form_field .collaborator_suggestions {
    clear: left;
}

.form_field.problem_id select {
    width: 284px;
}

.form_field .requester .zd-searchmenu .icon {
    position: absolute;
    top: 7px;
    left: 8px;
    width: 16px;
    height: 16px;
    background-position: 0 -732px;
}

.current_collaborators .zd-tag-editor-holder, .user-picker-menu-base .zd-tag-editor-holder {
    margin-left: 5px;
    width: 125px;
}

.current_collaborators .zd-tag-menu-root, .user-picker-menu-base .zd-tag-menu-root {
    min-height: 36px;
    background-color: #ffffff;
}

.current_collaborators .zd-menu-list-holder, .current_collaborators .zd-searchmenu-base, .current_collaborators .zd-searchmenu, .user-picker-menu-base .zd-menu-list-holder, .user-picker-menu-base .zd-searchmenu-base, .user-picker-menu-base .zd-searchmenu {
    background-color: transparent;
}

.current_collaborators .zd-state-zero .zd-tag-editor-holder, .user-picker-menu-base .zd-state-zero .zd-tag-editor-holder {
    width: 268px;
}

.current_collaborators .zd-searchmenu-base, .user-picker-menu-base .zd-searchmenu-base {
    height: 24px;
}

.current_collaborators .zd-state-focus .zd-searchmenu-base, .user-picker-menu-base .zd-state-focus .zd-searchmenu-base {
    font-weight: bold;
}

.current_collaborators .zd-state-focus .zd-searchmenu-base::-webkit-input-placeholder, .user-picker-menu-base .zd-state-focus .zd-searchmenu-base::-webkit-input-placeholder {
    font-weight: normal;
}

.current_collaborators .zd-state-focus .zd-searchmenu-base::-moz-placeholder, .user-picker-menu-base .zd-state-focus .zd-searchmenu-base::-moz-placeholder {
    font-weight: normal;
}

.current_collaborators .zd-state-focus .zd-searchmenu-base:-ms-input-placeholder, .user-picker-menu-base .zd-state-focus .zd-searchmenu-base:-ms-input-placeholder {
    font-weight: normal;
}

.current_collaborators .zd-menu-item-icon, .user-picker-menu-base .zd-menu-item-icon {
    left: 0px;
    top: 0px;
    background-position: 0 -252px;
    width: 24px;
    height: 24px;
    border-radius: 3px 0 0 3px;
}

.current_collaborators .zd-menu-item-icon img, .user-picker-menu-base .zd-menu-item-icon img {
    width: 24px;
    height: 24px;
}

.current_collaborators .zd-menu-item-icon.has-photo, .user-picker-menu-base .zd-menu-item-icon.has-photo {
    top: 0px;
    left: 0px;
    width: 24px;
    height: 24px;
}

.current_collaborators .zd-menu-item-icon.has-photo img, .user-picker-menu-base .zd-menu-item-icon.has-photo img {
    width: 24px;
    height: 24px;
}

.current_collaborators .zd-tag-item, .user-picker-menu-base .zd-tag-item {
    padding: 5px 17px 6px 29px;
}

.current_collaborators .zd-tag-item .zd-menu-item-icon, .user-picker-menu-base .zd-tag-item .zd-menu-item-icon {
    background-position: 0 -228px;
    overflow: hidden;
}

.current_collaborators .zd-tag-item.agent, .user-picker-menu-base .zd-tag-item.agent {
    padding-right: 38px;
}

.current_collaborators .zd-tag-item.agent:after, .user-picker-menu-base .zd-tag-item.agent:after {
    content: '';
    display: block;
    position: absolute;
    right: 18px;
    top: 5px;
    width: 14px;
    height: 14px;
    background-position: 0 0;
}

.current_collaborators .zd-tag-close, .user-picker-menu-base .zd-tag-close {
    top: 2px;
    right: 2px;
}

.requester.v2 .zd-searchmenu-base {
    height: 36px;
    border-color: #ddd;
    border-radius: 2px;
    line-height: 22px;
}

.requester.v2 .zd-state-focus .zd-searchmenu-base {
    font-weight: bold;
}

.requester.v2 .zd-state-open .zd-searchmenu-base {
    border-radius: 2px 2px 0 0;
}

.requester.v2 .zd-searchmenu-root .icon {
    overflow: hidden;
    top: 6px;
    left: 6px;
    background-position: 0 -228px;
    width: 24px;
    height: 24px;
    border-radius: 3px;
}

.requester.v2 .zd-searchmenu-root .icon img {
    width: 24px;
    height: 24px;
}

.requester.v2 .zd-searchmenu-base {
    padding-left: 33px !important;
}

.user-picker-menu .zd-menu-autofit-mode.zd-menu-root, .ccs-menu .zd-menu-autofit-mode.zd-menu-root, .requester-menu .zd-menu-autofit-mode.zd-menu-root {
    max-height: 10000px;
}

.user-picker-menu .zd-menu-panel-root .zd-menu-panel-holder, .ccs-menu .zd-menu-panel-root .zd-menu-panel-holder, .requester-menu .zd-menu-panel-root .zd-menu-panel-holder {
    max-height: 10000px;
}

.user-picker-menu .zd-menu-footer, .ccs-menu .zd-menu-footer, .requester-menu .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;
}

.user-picker-menu .zd-menu-root.zd-menu-panel-root, .ccs-menu .zd-menu-root.zd-menu-panel-root, .requester-menu .zd-menu-root.zd-menu-panel-root {
    overflow: hidden;
    padding-bottom: 40px;
}

.user-picker-menu .add-user, .ccs-menu .add-user, .requester-menu .add-user {
    line-height: 36px;
    color: #999999;
}

.user-picker-menu .add-user:hover, .ccs-menu .add-user:hover, .requester-menu .add-user:hover {
    color: #146eaa;
}

.user-picker-menu em, .ccs-menu em, .requester-menu em {
    font-weight: bold;
    color: #333;
    font-style: normal;
}

.user-picker-menu .zd-menu-item-icon, .ccs-menu .zd-menu-item-icon, .requester-menu .zd-menu-item-icon {
    left: 15px;
    background-position: 0 -252px;
    width: 32px;
    height: 32px;
    border-radius: 3px;
    overflow: hidden;
}

.user-picker-menu .zd-menu-item, .ccs-menu .zd-menu-item, .requester-menu .zd-menu-item {
    padding-left: 47px;
    min-height: 47px;
}

.user-picker-menu .zd-menu-item img, .ccs-menu .zd-menu-item img, .requester-menu .zd-menu-item img {
    width: 32px;
    height: 32px;
}

.user-picker-menu .photo_badge, .ccs-menu .photo_badge, .requester-menu .photo_badge {
    position: absolute;
    top: 27px;
    left: 37px;
    width: 14px;
    height: 14px;
}

.user-picker-menu .photo_badge.agent, .ccs-menu .photo_badge.agent, .requester-menu .photo_badge.agent {
    background-position: 0 0;
    border: 3px solid #ffffff;
    border-radius: 10px;
}

.user-picker-menu .zd-menu-item > a, .ccs-menu .zd-menu-item > a, .requester-menu .zd-menu-item > a {
    padding: 5px 15px 6px 10px;
}

.user-picker-menu .zd-menu-footer, .ccs-menu .zd-menu-footer, .requester-menu .zd-menu-footer {
    cursor: pointer;
}

.ticket .form_field.highlight_update:not(.fr-focus).checkbox-field, .ticket .form_field.highlight_update:not(.fr-focus).requester .zd-searchmenu-base, .ticket .form_field.highlight_update:not(.fr-focus).problem_id .zd-searchmenu-base, .ticket .form_field.highlight_update:not(.fr-focus) .zd-tag-menu-root, .ticket .form_field.highlight_update:not(.fr-focus) .zd-selectmenu-base, .ticket .form_field.highlight_update:not(.fr-focus) .ui-state-default, .ticket .form_field.highlight_update:not(.fr-focus) textarea, .ticket .form_field.highlight_update:not(.fr-focus) > input:not([type=checkbox]) {
    background-color: #f2fafd;
    background-image: none;
    box-shadow: 0 0 0 2px #54bbe2 !important;
    border-color: transparent;
    border-radius: 2px;
}

.ticket .form_field .suggestions {
    width: 282px;
}

.ticket .form_field .suggestions li.disabled {
    background-color: #f6f6f6;
    cursor: default;
}

.ticket .form_field .suggestions a {
    padding: 5px .4em;
    line-height: 1.3em;
    color: #777;
}

.ticket .form_field .suggestions a span {
    color: #B5B5B5;
}

.ticket .form_field .suggestions a span.suspended {
    color: #b94a48;
}

.ticket .form_field .zd-state-disabled .zd-selectmenu-base, .ticket .form_field.ui-state-disabled .token_list, .ticket .form_field textarea[disabled], .ticket .form_field input[disabled] {
    cursor: default;
    border-color: #f1f1f1;
    background: transparent;
    background-image: none !important;
}

.ticket .form_field .zd-state-disabled .zd-selectmenu-base-arrow {
    opacity: 0.2;
}

.ticket .form_field.ui-state-disabled {
    opacity: 1;
    filter: Alpha(Opacity=100);
}

.ticket .form_field.ui-state-disabled input {
    background: transparent;
    background-image: none !important;
}

.ticket .property_box .delim {
    border-bottom: 1px dotted #DDD;
    margin-bottom: 4px;
    padding-bottom: 10px;
}

.ticket .property_box .fields_loading {
    text-align: center;
}

.ticket .property_box .requester.form_field button .ui-button-text {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    background-repeat: no-repeat;
    background-position: 7px 7px;
}

.ticket .property_box .requester.form_field.agent-selection .ui-button-text {
    padding-left: 27px !important;
    background-position: 0 -732px;
}

.ticket .property_box .requester.form_field.group-selection .ui-button-text {
    padding-left: 27px !important;
    background-position: 0 -677px;
}

.notification {
    padding: 8px 10px;
    text-align: center;
    border: 1px solid;
    border-width: 1px 0;
    margin: 8px 9px 2px 9px;
    width: 293px;
}

.notification.error {
    background-color: #f2dede;
    border-color: 1px solid #ce8383;
    color: #b94a48;
}

.notification.error ul {
    margin-left: 0;
}

.notification.error h1 {
    display: none;
}

.notification h4 {
    display: none;
}

.notification p {
    font-size: 12px;
    margin-top: 3px;
}

.collisionnotification-viewing {
    border-color: #67b7df;
    background-color: #9acfea;
    color: #468847;
}

.collisionnotification-updated {
    border-color: #5bb1dd;
    background-color: #9acfea;
    color: #3a87ad;
    cursor: pointer;
}

.collisionnotification-updated p.btn {
    font-weight: bold;
    margin: 8px 0 2px 0;
    color: #555;
}

.notification.v2 {
    background-color: transparent;
    border: 1px solid #e3e3e3;
    border-radius: 4px;
    color: #555;
    padding: 15px;
    text-align: left;
    width: 281px;
}

.notification.v2 h4, .notification.v2 p {
    margin: 0 0 15px 25px;
}

.notification.v2 h4 {
    display: block;
    font-size: 12px;
    position: relative;
}

.notification.v2 h4:before {
    background-image: url(/agent/assets/icons/alerts/warning-5c32bc76f2d4c7177df68737e8998a14.png);
    content: '';
    display: block;
    height: 16px;
    margin-right: 10px;
    position: absolute;
    right: 100%;
    width: 16px;
}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .notification.v2 h4:before {
        background-image: url(/agent/assets/icons/alerts/warning_2X-12f882519376032a857f4a445139c589.png);
        background-size: 16px 16px;
    }
}

.notification.v2 .btn {
    background-color: #fff;
    background-image: none;
    border-color: #ddd;
    border-radius: 15px;
    box-shadow: none;
    font-size: 11px;
    margin: 0 0 0 25px;
    padding: 6px 20px 4px;
    text-shadow: none;
}

.notification.v2 .btn:hover {
    background-color: #f8f8f8;
    transition: none;
}

.notification.v2 .btn:focus {
    background-color: #f3f3f3;
}

section.ticket .for_save {
    color: #5994bb;
    display: none;
}

section.ticket .property_box:hover .for_save:not(.if-assignable), section.ticket .property_box:hover .for_save.assignable, section.ticket .event:hover .for_save:not(.if-assignable), section.ticket .event:hover .for_save.assignable {
    display: inline-block;
}

.assignee_widget li.ui-menu-item {
    position: relative;
}

.assignee_widget li.ui-menu-item .icon {
    position: absolute;
    top: 7px;
    left: 7px;
    width: 16px;
    height: 16px;
}

.assignee_widget li.ui-menu-item a {
    color: #555;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    border: none;
    background-repeat: no-repeat;
    background-position: 3px 4px;
}

.assignee_widget li.ui-menu-item a.ui-state-focus {
    background-color: whiteSmoke;
}

.assignee_widget li.ui-menu-item a span.postscript {
    color: #bbb;
    font-size: 11px;
    padding-left: 6px;
}

.assignee_widget li.ui-menu-item.agent .icon {
    background-position: 0 -732px;
}

.assignee_widget li.ui-menu-item.group .icon {
    background-position: 0 -677px;
}

.assignee_widget li.ui-menu-item.group > a, .assignee_widget li.ui-menu-item.agent > a {
    padding-left: 27px;
}

.assignee_widget button .ui-button-text {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    background-repeat: no-repeat;
    background-position: 7px 7px;
}

.assignee_widget.agent-selection .ui-button-text {
    padding-left: 27px !important;
    background-position: 0 -732px;
}

.assignee_widget.group-selection .ui-button-text {
    padding-left: 27px !important;
    background-position: 0 -677px;
}

.zendesk-editor--rich-text-comment, .markdown_formatting, .markdown_preview, .event .comment {
    word-wrap: break-word;
    font-size: 12px;
    line-height: 18px;
}

.zendesk-editor--rich-text-comment p, .markdown_formatting p, .markdown_preview p, .event .comment p {
    font-size: 12px;
    line-height: 18px;
    margin: 0 0 16px 0;
    font-family: MyHelveticaNeue, Helvetica Neue, Helvetica, Arial, Sans-serif;
}

.zendesk-editor--rich-text-comment h1, .zendesk-editor--rich-text-comment h2, .zendesk-editor--rich-text-comment h3, .zendesk-editor--rich-text-comment h4, .zendesk-editor--rich-text-comment h5, .zendesk-editor--rich-text-comment h6, .markdown_formatting h1, .markdown_preview h1, .event .comment h1, .markdown_formatting h2, .markdown_preview h2, .event .comment h2, .markdown_formatting h3, .markdown_preview h3, .event .comment h3, .markdown_formatting h4, .markdown_preview h4, .event .comment h4, .markdown_formatting h5, .markdown_preview h5, .event .comment h5, .markdown_formatting h6, .markdown_preview h6, .event .comment h6 {
    color: #333;
    font-weight: bold;
    margin: 5px 0 5px;
    text-transform: none;
}

.zendesk-editor--rich-text-comment h1, .markdown_formatting h1, .markdown_preview h1, .event .comment h1 {
    font-size: 22px;
    margin: 5px 0 15px;
    line-height: 26px;
}

.zendesk-editor--rich-text-comment h2, .markdown_formatting h2, .markdown_preview h2, .event .comment h2 {
    font-size: 18px;
    margin: 5px 0 10px;
    line-height: 22px;
}

.zendesk-editor--rich-text-comment h3, .markdown_formatting h3, .markdown_preview h3, .event .comment h3 {
    font-size: 16px;
    line-height: 20px;
}

.zendesk-editor--rich-text-comment h4, .markdown_formatting h4, .markdown_preview h4, .event .comment h4 {
    font-size: 14px;
    line-height: 18px;
}

.zendesk-editor--rich-text-comment h5, .markdown_formatting h5, .markdown_preview h5, .event .comment h5 {
    font-size: 13px;
    line-height: 18px;
}

.zendesk-editor--rich-text-comment h6, .markdown_formatting h6, .markdown_preview h6, .event .comment h6 {
    font-size: 13px;
    line-height: 18px;
    color: #777;
}

.zendesk-editor--rich-text-comment blockquote, .markdown_formatting blockquote, .markdown_preview blockquote, .event .comment blockquote {
    padding-left: 10px;
    border-left: 2px solid #CCC;
    margin: 0 0 16px 0;
}

.zendesk-editor--rich-text-comment blockquote p, .markdown_formatting blockquote p, .markdown_preview blockquote p, .event .comment blockquote p {
    color: #888;
    font-size: 12px;
    font-weight: normal;
    line-height: 18px;
}

.zendesk-editor--rich-text-comment blockquote li, .markdown_formatting blockquote li, .markdown_preview blockquote li, .event .comment blockquote li {
    color: #888;
}

.zendesk-editor--rich-text-comment ul, .markdown_formatting ul, .markdown_preview ul, .event .comment ul {
    padding-left: 15px;
    margin: -8px 0 15px 15px;
    list-style: disc;
}

.zendesk-editor--rich-text-comment ul li, .markdown_formatting ul li, .markdown_preview ul li, .event .comment ul li {
    margin: 10px 0;
    font-size: 12px;
}

.zendesk-editor--rich-text-comment ul li p, .markdown_formatting ul li p, .markdown_preview ul li p, .event .comment ul li p {
    font-size: 12px;
    margin: 0;
}

.zendesk-editor--rich-text-comment ol, .markdown_formatting ol, .markdown_preview ol, .event .comment ol {
    padding-left: 15px;
    margin: -8px 0 15px 15px;
}

.zendesk-editor--rich-text-comment ol li, .markdown_formatting ol li, .markdown_preview ol li, .event .comment ol li {
    margin: 10px 0;
    font-size: 12px;
}

.zendesk-editor--rich-text-comment ol li p, .markdown_formatting ol li p, .markdown_preview ol li p, .event .comment ol li p {
    font-size: 12px;
    margin: 0;
}

.zendesk-editor--rich-text-comment img, .markdown_formatting img, .markdown_preview img, .event .comment img {
    max-width: 100%;
}

.zendesk-editor--rich-text-comment code, .markdown_formatting code, .markdown_preview code, .event .comment code {
    margin: 0 2px;
    padding: 0 5px;
    white-space: nowrap;
    border: 1px solid #EAEAEA;
    background-color: #F8F8F8;
    border-radius: 3px;
    font-family: Consolas,"Bitstream Vera Sans Mono",Courier,monospace;
}

.zendesk-editor--rich-text-comment pre, .markdown_formatting pre, .markdown_preview pre, .event .comment pre {
    background-color: #F8F8F8;
    border: 1px solid #CCC;
    line-height: 19px;
    overflow: auto;
    padding: 6px 10px;
    border-radius: 3px;
    margin: 15px 0;
}

.zendesk-editor--rich-text-comment pre code, .markdown_formatting pre code, .markdown_preview pre code, .event .comment pre code {
    font-family: Consolas,"Bitstream Vera Sans Mono",Courier,monospace;
    background: none;
    white-space: pre;
    border: 0;
    margin: 0;
    padding: 0;
}

.comment_input .btn.markdown_preview_toggle {
    float: right;
    margin-right: 0;
}

.comment_input .btn.markdown_preview_toggle.active:after {
    content: none;
}

.markdown_preview {
    border: 1px solid #DDD;
    border-bottom: none !important;
    border-radius: 3px 3px 0 0 !important;
    min-height: 38px;
    padding: 7px 8px 10px 8px !important;
    margin: 0 !important;
}

.markdown_info {
    border: 1px solid #DDD;
    border-top: 1px dotted #ccc;
    border-radius: 0 0 3px 3px;
    padding: 7px 8px;
    margin-bottom: 5px;
    background-color: #f8f8f8;
    color: #888;
}

body[lang|="ja"] .markdown_formatting p, body[lang|="ja"] .markdown_preview p, body[lang|="ja"] .event .comment p, .event body[lang|="ja"] .comment p, body[lang|="ja"] .markdown_preview p, body[lang|="ja"] .event .comment * {
    font-family: inherit;
}

.section.ticket {
    background: #FFF;
    position: absolute;
    top: 0;
    bottom: 0px;
    left: 0;
    right: 0;
    overflow: auto;
}

.section.ticket .pane_body {
    margin-top: 19px;
}

.section.ticket .conversation_mode {
    position: absolute;
    margin: -11px 0 0 10px;
    background: white;
    z-index: 1;
    padding: 0 4px 0 6px;
}

.section.ticket .conversation_mode a {
    padding: 2px 4px;
    font-size: 10px;
    color: #888;
    background: #f9f9f9;
    border-right: 1px solid #f1f1f1;
    border-bottom: 1px solid #e5e5e5;
}

.section.ticket .conversation_mode a:hover {
    color: #555;
}

.section.ticket .event-container {
    position: relative;
}

.section.ticket.new_ticket {
    padding: 10px 20px;
}

.section.ticket.new_ticket .title {
    margin-bottom: 8px;
}

.section.ticket.new_ticket .event {
    border: none;
    padding: 0;
}

.section.ticket.new_ticket label {
    text-align: left;
    font-weight: bold;
    margin: 12px 0 6px 0;
}

.section.ticket.new_ticket .header label {
    float: left;
    margin: 0;
    padding: 5px 5px 5px 0;
}

.section.ticket.new_ticket textarea {
    height: 200px;
}

.section.ticket.new_ticket input {
    font-size: 14px;
    height: 28px;
    padding: 0 7px;
}

.section.ticket.new_ticket input, .section.ticket.new_ticket textarea {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-bottom: 6px;
    width: 100%;
}

.section.ticket.new_ticket input[type="file"] {
    width: auto;
}

.section.ticket .notice {
    border-bottom: 1px dotted #E0E0E0;
    line-height: 18px;
    padding: 12px 17px;
    margin: -19px 0 20px;
    background: #fffcf3;
}

.section.ticket .notice p.pre {
    color: #999;
    margin: 6px 0 3px 0;
    font-size: 12px;
}

.section.ticket .notice .rating {
    color: white;
    font-weight: bold;
    margin-left: 3px;
    padding: 3px 8px;
    border-radius: 6px;
    background-color: #98C332;
}

.section.ticket .notice .rating.poor {
    background-color: #E82A2A;
}

.section.ticket .notice a {
    color: #146eaa;
    text-decoration: none;
}

.section.ticket .notice h4 {
    font-size: inherit;
}

.section.ticket .notice .information {
    background-position: 0 -553px;
    margin: 15px 0 0 0;
    padding: 0 0 0 29px;
    min-height: 19px;
}

.section.ticket .notice .toggle {
    cursor: pointer;
}

.section.ticket .notice .control {
    background-position: 0 -759px;
    float: right;
    margin-top: 4px;
    text-indent: -2000px;
    width: 10px;
    height: 10px;
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

.section.ticket .notice .content {
    display: none;
}

.section.ticket .audits {
    font-size: 12px;
}

.section.ticket .audits:not(.show-audits) .client, .section.ticket .audits:not(.show-audits) .via, .section.ticket .audits:not(.show-audits) .make-private {
    display: none;
}

.section.ticket .audits:not(.show-audits) .twitter:hover {
    background-color: #F8F8F8;
}

.section.ticket .audits:not(.show-audits) .twitter:hover .twitter-action.follow, .section.ticket .audits:not(.show-audits) .twitter:hover .twitter-action.unfollow {
    visibility: visible;
}

.section.ticket .audits:not(.show-audits) .twitter:hover .tweet-footer-right {
    display: block;
}

.event {
    border-left: 2px solid transparent;
    border-top: 1px dotted #DDD;
    padding: 18px 0 10px 0;
    position: relative;
    overflow: hidden;    
}

.audits .event {
    min-height: 140px;
}

.event:hover .header .actor .assign_to {
    display: inline-block;
}

.event .user_photo, .event .user_assume_photo {
    position: absolute;
    left: 16px;
}

.event .user_photo .agent, .event .user_assume_photo .agent {
    position: relative;
    top: -15px;
    left: 29px;
}

.event .content {
    margin: 0 16px 0 75px;
}

.event .body {
    line-height: 18px;
    margin-top: 12px;
}

.event .body .client, .event .body > .via {
    font-size: 11px;
    color: #999;
    margin-bottom: 16px;
}

.event .body .client ul, .event .body > .via ul {
    margin: 0;
}

.event .comment .signature {
    display: none;
    margin-top: 14px;
}

.event .comment .signature_toggle {
    cursor: pointer;
    padding: 2px 5px;
    border: 1px solid #e5e5e5;
    background: #f5f5f5;
    font-size: 11px;
    display: table;
    margin-top: 12px;
}

.event .header {
    padding: 0 0 2px 0;
    font-size: 11px;
}

.event .header:not(.comment-actions) {
    height: 15px;
}

.event .header .actor {
    display: inline-block;
}

.event .header .actor time {
    color: #bbb;
}

.event .header .actor .assign_to {
    display: none;
}

.event .header .actor .via_submitter {
    display: none;
    font-size: 12px;
}

.event .header .actor .name {
    font-weight: bold;
    font-size: 12px;
}

.event .header .actor .name a {
    color: #333;
}

.event .header .meta {
    display: inline-block;
    position: absolute;
    right: 0;
}

.event .header .meta .untrusted_flag {
    display: inline-block;
    position: relative;
    top: -4px;
    opacity: 0.6;
}

.event .header .meta .untrusted_flag a {
    background-position: 0 -220px;
    display: inline-block;
    height: 17px;
    margin-top: 3px;
    width: 17px;
}

.event .header .meta .comment_menu {
    display: inline-block;
    margin-left: 12px;
    position: relative;
    vertical-align: middle;
}

/*.event .header .meta .comment_menu .dropdown-toggle {
    border-color: #ddd;
}*/

.event .header .meta .comment_menu .dropdown-toggle {
    border-color: #ddd;
    padding: 2px 2px;
    line-height: 1;
    outline: none;
}
.event .header .meta .comment_menu .dropdown-toggle .arrow_down {
    display: none;
    content: '';
    width: 8px;
    height: 4px;
    margin: 6px 5px;
    background: url(../images/ico_arrow.png) no-repeat center center;
    border: 0;
}
.event .header .meta .comment_menu .dropdown-toggle .arrow_down {
    display: inline-block;
}
.event .header .meta .comment_menu .dropdown-menu {
    margin-top: 5px;
    width: 310px;
    right: 0;
    left: auto;
    z-index: 1001;
    visibility: hidden;
}
.event .header .meta .comment_menu .dropdown-menu {
    visibility: visible;
}

.event .header .meta .channel {
    margin-top: -5px;
    display: inline-block;
    width: 24px;
    right: 14px;
    height: 21px;
    opacity: 0.4;
}

.event .header > span {
    margin-right: 4px;
}

.event .audit-events {
    margin: 0 0 16px 0;
    background: #f9f9f9;
    border-radius: 5px;
    padding: 8px 14px;
}

.event .audit-events li {
    list-style-type: none;
    line-height: 17px;
    padding: 6px 0;
}

.event .audit-events li .event_share {
    display: none;
}

.event .audit-events li .event_change {
    opacity: 0.3;
}

.event .audit-events li.Notification .event_change, .event .audit-events li.Cc .event_change, .event .audit-events li.SmsEvent .event_change, .event .audit-events li.Push .event_change, .event .audit-events li.Tweet .event_change {
    display: none;
}

.event .audit-events li.Notification .event_share, .event .audit-events li.Cc .event_share, .event .audit-events li.SmsEvent .event_share, .event .audit-events li.Push .event_share, .event .audit-events li.Tweet .event_share {
    display: inline-block;
}

.event .audit-events li .via {
    color: #999;
}

.event .audit-events .info {
    padding-left: 19px;
    margin-top: -18px;
}

.event .audit-events .info label {
    font-weight: bold;
    color: #111;
    display: inline;
}

.event del {
    color: #999;
}

.event .recording_not_available {
    height: 32px;
    margin-bottom: 5px;
}

.event .call_statistics {
    margin-top: 5px;
    margin-bottom: 20px;
}

.event .call_statistics h4 {
    text-decoration: underline;
    font-size: 12px;
}

.event .call_statistics dt, .event .call_statistics dd {
    display: inline;
}

.event .call_statistics dd {
    margin-left: 0;
}

.event .call_statistics dd:after {
    content: '\a';
    white-space: pre;
}

.event.is-new {
    background-color: #f2fafd;
    border-left-color: #54bbe2;
}

.event.is-new .is_new_flag {
    color: #54bbe2;
}

.event:not(.is-public) .comment {
    background-color: #fff6d9;
    border: 1px solid #efdaa3;
    padding: 12px 16px 0;
    margin-bottom: 16px;
    border-radius: 3px;
    color: #333;
}

.is_on_behalf_of .event:last-child .via_submitter {
    display: inline-block;
}

.user_photo_editable .dropdown-menu {
    margin: 5px 0 0 0;
}

.user_photo, .user_assume_photo {
    position: relative;
    float: left;
}

.user_photo .profile, .user_assume_photo .profile {
    width: 40px;
    height: 40px;
    border-radius: 4px;
}

.user_photo.large-photo, .large-photo.user_assume_photo {
    margin: 0px;
}

.user_photo.large-photo .profile, .large-photo.user_assume_photo .profile {
    width: 55px;
    height: 55px;
}

.user_photo.large-photo .photo_badge, .large-photo.user_assume_photo .photo_badge {
    top: 47px;
    left: 44px;
}

.user_photo .photo_badge, .user_assume_photo .photo_badge {
    border: 3px solid #fff;
    border-radius: 10px;
    display: none;
    position: absolute;
    top: 33px;
    left: 30px;
    width: 14px;
    height: 14px;
}

.user_photo.agent .photo_badge, .agent.user_assume_photo .photo_badge {
    display: block;
    background-position: 0 0;
}

.user_photo.shared .photo_badge, .shared.user_assume_photo .photo_badge {
    display: block;
    background-position: 0 -110px;
}

.user_photo.end_user .photo_badge, .end_user.user_assume_photo .photo_badge {
    display: block;
    background-position: 0 -282px;
}

.user_assume_photo {
    padding: 5px 20px 0 10px;
}

.user_assume_photo .profile {
    width: 70px;
    height: 70px;
    border-radius: 4px;
}

.user_photo_editable .editable-indicator, .user_photo_editable .loading-indicator {
    margin-top: 5px;
}

.user_photo_editable .editable-indicator, .user_photo_editable .editable-background, .user_photo_editable .loading-indicator, .user_photo_editable .loading-background {
    position: absolute;
    top: 0;
    left: 0;
    width: 40px;
    height: 40px;
    border-radius: 4px;
}

.user_photo_editable .editable-background {
    background-color: #ffffff;
    opacity: 0.5;
}

.user_photo_editable .loading-background {
    background-color: #ffffff;
    border: 1px solid #dddddd;
}

.user_photo_editable .editable-indicator {
    display: none;
}

.user_photo_editable .editable-icon {
    position: absolute;
    top: 7px;
    left: 8px;
    width: 26px;
    height: 26px;
    background-position: 0 -616px;
}

.user_photo_editable .loading-icon {
    position: absolute;
    top: 12px;
    left: 12px;
    width: 18px;
    height: 18px;
    background: url(../images/small_spinner.gif);
    background-color: transparent;
    background-repeat: no-repeat;
}

.user_photo_editable .dropdown-menu {
    border-radius: 4px;
    margin: 5px 0 0 0;
}

.user_photo_editable .dropdown-menu::after {
    background-color: white;
    border-left: 1px solid #dcdcdc;
    border-top: 1px solid #dcdcdc;
    content: '';
    display: inline-block;
    height: 6px;
    left: 16px;
    position: absolute;
    top: -4px;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    width: 6px;
}

.user_photo_editable .dropdown-menu li {
    position: relative;
    overflow: hidden;
}

.user_photo_editable .dropdown-menu li button {
    width: 100%;
}

.user_photo_editable .dropdown-menu li input {
    position: absolute;
    top: 0;
    right: 0;
    font-size: 60px;
    opacity: 0;
}

.user_photo_editable a:hover .editable-indicator {
    display: block;
}

.details.property_box:not(.customer_record) {
    width: 293px;
    padding: 15px 10px 14px 10px;
}

.details.property_box.customer_record {
    padding-top: 5px;
}

.details.property_box label {
    color: #999;
    font-size: 11px;
    cursor: default;
    width: 68px;
    float: left;
    text-align: right;
    padding-right: 17px;
    overflow: hidden;
    white-space: normal;
    padding-top: 1px;
    font-weight: normal;
}

.details.property_box label.custom-field-label {
    float: none;
    margin: 4px 0 6px 0;
    text-align: left;
    z-index: 0;
    width: auto;
}

.details.property_box .no_tags {
    left: 105px;
    position: absolute;
    color: #8a8a8a;
}

.details.property_box .command {
    color: #999;
    cursor: pointer;
}

.details.property_box .command:hover {
    color: #146eaa;
}

.details.property_box .display_phone {
    cursor: default;
    text-transform: lowercase;
}

.details.property_box .item {
    color: #555;
    margin-bottom: 2px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    position: relative;
    min-height: 15px;
}

.details.property_box .item div {
    cursor: pointer;
    position: relative;
}

.details.property_box .item div.command {
    color: #555;
}

.details.property_box .item div:hover {
    color: #333;
}

.details.property_box .item div:hover:after {
    border-top-color: #555;
}

.details.property_box .item div .email-text, .details.property_box div .phone-text {
    position: relative;
    padding: 0px 14px 4px 0px;
    display: inline-block;
    width: 170px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.details.property_box .item div .email-text:after, .details.property_box div .phone-text:after {
    position: absolute;
    right: 0px;
    top: 0px;
    width: 20px;
    height: 20px;
    background: url(../images/icon-dropdown.svg) no-repeat;
    content: '';
    display: inline-block;
    opacity: 0.2;
    -webkit-transition: opacity 0.25s ease;
    -webkit-transition-delay: 0s;
    transition: opacity 0.25s ease 0s;
}

.details.property_box .item div .email-text:hover:after, .details.property_box div .phone-text:hover:after {
    -webkit-transition: opacity 0.25s ease;
    -webkit-transition-delay: 0s;
    transition: opacity 0.25s ease 0s;
    opacity: 1;
}

.details.property_box .item div .email-text.editable:after, .details.property_box div .phone-text.editable:after {
    background: none;
}

.details.property_box .email {
    overflow: visible;
    width: auto;
}

.details.property_box .email .invalid-text-border {
    border: 1px solid #bd322c;
}

.details.property_box .email.item:not(.verified) .unverified {
    position: absolute;
    top: 4px;
    right: -15px;
    width: 14px;
    height: 14px;
    background: url(../images/icon-unverified.svg) no-repeat;
}

.details.property_box .undeliverable {
    position: absolute;
    top: 4px;
    opacity: 0.8;
    right: -15px;
    width: 14px;
    height: 14px;
    background: url(/agent/assets/sprites/objects/icon-invalid-dd3d8da0bdcb04ca1fd337cfa5ffc038.svg) no-repeat;
}

.details.property_box .custom-checkbox {
    float: left;
    margin: 4px 5px 0px 0px;
}

.details.property_box .value {
    float: left;
    width: 195px;
    position: relative;
    border-radius: 2px;
    font-size: 12px;
}

.details.property_box .value.groups {
    margin-top: -6px;
    margin-left: -5px;
    padding: 5px 5px 5px 0px;
    border: 1px solid white;
}

.details.property_box .value.groups.disabled {
    cursor: not-allowed;
}

.details.property_box .value.groups:not(.disabled):hover {
    border-color: #e8e8e8;
}

.details.property_box .value.custom-field-value {
    border: 1px solid #d3d3d3;
    float: left;
    cursor: text;
    width: 272px;
    margin: 0px;
}

.details.property_box .value.custom-field-value.select {
    width: 282px;
    margin: 0px;
}

.details.property_box .value.custom-field-value.date {
    width: 282px;
}

.details.property_box .value.custom-field-value.date input {
    width: 277px;
    padding: 5px 0px 5px 5px;
}

.details.property_box .value input[type="checkbox"] {
    margin: 7px 0 6px 5px;
}

.details.property_box .value .primary {
    font-weight: normal;
}

.details.property_box .value select {
    width: 207px;
}

.details.property_box .value.select {
    margin-top: -4px;
    margin-left: -5px;
    width: 208px;
}

.details.property_box .value.select .zd-state-default .zd-searchmenu-base, .details.property_box .value.select .zd-state-disabled .zd-searchmenu-base {
    border-color: #FFFFFF !important;
    color: #8a8a8a;
}

.details.property_box .value.select .zd-state-default .zd-selectmenu-base, .details.property_box .value.select .zd-state-disabled .zd-selectmenu-base {
    border-color: transparent;
    background-color: transparent;
}

.details.property_box .value.select .zd-state-disabled .zd-searchmenu-base {
    background-color: #FFF;
}

.details.property_box .value.select .zd-selectmenu-base {
    background-image: none;
}

.details.property_box .value.select .zd-state-hover .zd-selectmenu-base, .details.property_box .value.select .zd-state-hover .zd-searchmenu-base {
    border-color: #e8e8e8;
}

.details.property_box .value.select .ui-state-default:not(.ui-state-active):not(.ui-state-hover) {
    border: 1px solid white;
}

.details.property_box .value.select .ui-state-default:not(.ui-state-active):not(.ui-state-hover) .ui-icon {
    background-image: none;
}

.details.property_box .value.select .ui-selectmenu span.ui-selectmenu-status, .details.property_box .value.select .ui-selectmenu-menu li a {
    padding-left: 5px;
}

.details.property_box .value.select .ui-widget {
    font-size: 12px;
    background: white;
    color: #8a8a8a;
}

.details.property_box .value .token_list {
    margin: -6px 0 0 -5px;
    border: 1px solid white;
    width: 196px;
    padding: 4px 4px 1px 4px;
    background: none;
    position: relative;
}

.details.property_box .value .token_list .tagSearch input {
    background: white;
}

.details.property_box .value .suggestions {
    width: 204px;
}

.details.property_box .value .ui-selectmenu:not(.ui-state-active):hover, .details.property_box .value .token_list:hover {
    border-color: #e8e8e8;
}

.details.property_box .organization-memberships {
    min-height: 25px;
}

.details.property_box .organization-memberships .item ~ .add-organization {
    display: inline-block;
    margin-top: 10px;
}

.details.property_box .organization-memberships .link {
    border-bottom: 1px dotted;
}

.details.property_box .agent_forwarding .link {
    border-bottom: 1px dotted;
}

.details.property_box .agent_forwarding.property .value .flag-icon {
    margin-right: 4px;
}

.details.property_box .link-mode {
    cursor: pointer;
    color: #146eaa;
    border-width: 0;
    box-shadow: none;
    outline-width: 0;
    padding: 4px 0 !important;
    position: relative;
}

.details.property_box .link-mode:hover {
    text-decoration: underline;
}

.details.property_box .make-direct {
    margin: -10px 0 10px 86px;
}

.details.property_box .edit-mode {
    padding: 4px 2px !important;
}

.details.property_box .identity-field {
    padding: 4px;
    border-radius: 0px;
    width: 192px;
    border-color: #78A300;
}

.details.property_box .identity-field:focus {
    box-shadow: 0 1px 3px rgba(0,0,0,0.1) inset,0 0 2px #78a300;
}

.details.property_box .identity-field.twitter {
    width: 176px;
}

.details.property_box [disabled], .details.property_box .ui-state-disabled, .details.property_box .disabled {
    opacity: 1 !important;
    color: #bbb !important;
    cursor: not-allowed !important;
}

.details.property_box [disabled] .token_list, .details.property_box .ui-state-disabled .token_list, .details.property_box .disabled .token_list {
    border: 1px solid transparent !important;
}

.details.property_box [disabled] .tagSearch, .details.property_box .ui-state-disabled .tagSearch, .details.property_box .disabled .tagSearch {
    display: none;
}

.details.property_box .shared_comments:not(.is_shared) {
    display: none;
}

.details.property_box .property {
    padding: 4px 0;
    min-height: 22px;
    width: 100%;
}

.details.property_box .property.identities {
    padding: 0;
    display: block;
}

.details.property_box .property::after {
    display: block;
    clear: both;
    content: '';
}

.details.property_box .property.delim {
    border-bottom: 1px solid #e8e8e8;
    margin-bottom: 13px;
    padding-bottom: 10px;
}

.details.property_box .property.identities .value {
    margin-bottom: 5px;
}

.details.property_box .property.identities .identity-field, .details.property_box .property.identities .identity-twitter-label {
    position: relative;
    top: -6px;
}

.details.property_box .property.identities .email .identity-field {
    top: 0;
    width: 90%;
}

.zd-selectmenu.locales .zd-menu-root, .zd-selectmenu.locales .zd-menu-list-holder {
    width: auto !important;
    min-width: 206px;
    max-width: 600px;
}

.zd-selectmenu.locales .zd-menu-item {
    white-space: nowrap;
    padding-right: 10px;
}

.people_form {
    width: 475px;
}

.people_form .modal-body div {
    margin-bottom: 12px;
}

.people_form .modal-body div p {
    width: 310px;
    margin-top: 7px;
    color: #999;
    float: right;
}

.people_form label span {
    float: left;
    width: 75px;
    display: inline-block;
    text-align: right;
    padding-right: 20px;
    margin-top: 6px;
    color: #404040;
}

.people_form input {
    width: 300px;
    float: left;
}

.people_form .input {
    width: 312px;
    float: left;
}

.people_form select {
    z-index: 10000;
}

.property_alert {
    margin: 8px;
    margin-bottom: 1px;
    text-align: center;
}

.two-factor-authentication h3 {
    margin-bottom: 25px;
}

.two-factor-authentication #qrcode {
    margin-left: 10px;
    float: right;
}

.two-factor-authentication #qrcode-container {
    min-height: 147px;
}

.two-factor-authentication #two-factor-phone-form {
    margin-bottom: 25px;
}

.two-factor-authentication #two-factor-setup p {
    margin-top: 10px;
    padding: 0;
}

.details.property_box label.switch-label {
    padding: 0;
    width: 100%;
}

.zopim-agent-section .switch-container {
    float: right;
    margin-right: 20px;
}

.zopim-agent-section .zopim-chat-label {
    line-height: 30px;
}

.zopim-agent-section .zopim-chat-disabled-text {
    line-height: 31px;
    color: #bbbbbb;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.zopim-agent-section .zopim-agent-content .textarea {
    width: 195px;
}

.zopim-agent-section .loader {
    background: url(../images/dotted_bar.gif) no-repeat center center;
    width: 40px;
    height: 30px;
}

.zopim-agent-section .loading-message {
    padding-left: 45px;
}

.jGrowl .jGrowl-notification.error .zopim-agent-error .close_btn {
    float: none;
    padding: 4px 20px 5px 20px;
}

.tooltip-inner {
    text-align: left;
    font-weight: 300;
}

.tooltip-inner .title {
    color: #ffffff;
    font-weight: bold;
}

.comment_input {
    padding: 0 0 12px 0;
    border-top: none;
}

.comment_input .header {
    padding: 0 0 8px 0;
}

.comment_input .content .body {
    margin-top: 10px;
}

.comment_input .hint {
    color: #999;
    font-size: 11px;
    line-height: 22px;
    border-left: 1px solid #DDD;
    padding: 0 10px;
    height: 24px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    top: 1px;
    left: 4px;
    position: relative;
}

.comment_input .twitter-handle-picker {
    padding: 10px 0px;
    margin-bottom: 30px;
}

.comment_input .twitter-handle-picker label {
    font-size: 11px;
    color: #999999;
    margin: 7px 7px 0px 0;
    text-align: left;
    float: left;
}

.comment_input .twitter-handle-picker .zd-selectmenu-root {
    width: 200px;
    float: left;
}

.comment_input .twitter-handle-picker .zd-selectmenu-root .twitter-avatar {
    width: 20px;
    height: 20px;
    margin-right: 5px;
    float: left;
    border-radius: 2px;
}

.comment_input .twitter-handle-picker .zd-selectmenu-root span {
    line-height: 20px;
}

.comment_input .twitter-handle-picker .zd-selectmenu-root span.handle {
    color: #B4B4B4;
    margin-left: 5px;
}

.comment_input .call-back {
    margin: 0 10px 0 5px;
}

.comment_input .email-back, .comment_input .sms-back, .comment_input .livechat-back-fb, .comment_input .livechat-back-zalo{
    margin: 0 5px;
}

.comment_input .call-back .toggle, .comment_input .sms-back .toggle, .comment_input .email-back .toggle,.comment_input .livechat-back-fb .toggle,.comment_input .livechat-back-zalo .toggle {
    background: #F7F7F7;
    border: solid #DDDDDD 1px;
    border-radius: 3px;
    cursor: pointer;
    padding: 3px 5px 4px 3px;
    float: left;
}

.comment_input .sms-back .toggle, .comment_input .email-back .toggle,.comment_input .livechat-back-fb .toggle,.comment_input .livechat-back-zalo .toggle {
    padding: 5px 0px 2px 8px;
}

.comment_input .call-back .toggle .icon {
    background-position: 0 -299px;
    height: 23px;
    width: 23px;
    float: left;
    margin-top: -3px;
    margin-bottom: -3px;
}

.comment_input .sms-back .toggle .icon {
    background: url(../images/sms-out.png) no-repeat;
    background-size: 20px;
    height: 23px;
    width: 23px;
    float: left;
    margin-top: -3px;
    margin-bottom: -3px;
}
.comment_input .livechat-back-fb .toggle .icon {
    background: url(../images/messenger.png) no-repeat;
    background-position: 1px 2px;
    background-size: 20px;
    height: 23px;
    width: 23px;
    float: left;
    margin-top: -3px;
    margin-bottom: -3px;
}
.comment_input .livechat-back-zalo .toggle .icon {
    background: url(../images/icon-zalo.png) no-repeat;
    background-position: 2px -17px;
    background-size: 18px;
    height: 23px;
    width: 23px;
    float: left;
    margin-top: -3px;
    margin-bottom: -3px;
}

.comment_input .email-back .toggle .icon {
    background: url(../images/email-out.png) no-repeat;
    background-size: 20px;
    height: 23px;
    width: 23px;
    float: left;
    margin-top: -3px;
    margin-bottom: -3px;
}

.comment_input .call-back .toggle .caret {
    margin-top: 8px;
}

.comment_input .call-back .dropdown {
    background: #FFFFFF;
    border: solid #DDDDDD 1px;
    border-radius: 5px;
    margin-top: 32px;
    position: absolute;
    right: 15px;
    padding: 10px;
    z-index: 2000000;
    display: none;
}

.comment_input .call-back .dropdown.open {
    display: block;
}

.comment_input .call-back .dropdown .option {
    padding: 5px;
    cursor: pointer;
    color: #5381BA;
    background: #FFFFFF;
    display: block;
}

.comment_input.bulk-comment .hint {
    display: none;
}

.comment_input.bulk-comment textarea {
    max-height: 295px;
}

.comment_input.is-public .hint.reply {
    display: block;
}

.comment_input:not(.is-public) .hint.note {
    display: block;
}

.comment_input .checkbox-field {
    display: inline-block;
    position: relative;
    top: 2px;
}

.comment_input textarea {
    padding: 8px;
    width: 100%;
    min-height: 60px;
    height: 60px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    box-shadow: none;
    color: #333;
}

.comment_input .counter, .comment_input .counter_normal, .comment_input .counter_exceeded {
    position: absolute;
    margin-top: 4px;
    right: 22px;
    font-size: 14px;
    font-weight: bold;
}

.comment_input .comment-twitter-identity {
    position: absolute;
    padding: 8px;
    font-size: 12px;
    color: #333;
}

.comment_input .counter_normal {
    color: #CCC;
}

.comment_input .counter_exceeded {
    color: #FF0000;
}

.comment_input .comment_bar {
    background-color: #FBFBFB;
    border: solid #D3D3D3 1px;
    border-top: none;
    padding: 7px;
    margin-bottom: 10px;
}

.comment_input .comment_bar .twitter_counter {
    float: right;
    position: relative;
    right: 0;
    color: #525252;
    margin-top: 0px;
}

.comment_input .comment_bar .twitter_counter.counter_exceeded {
    color: #FF0000;
}

.comment_input .comment_bar label {
    float: left;
}

.comment_input .comment_bar label .checkbox {
    display: inline-block;
}

.comment_input .options {
    font-size: 12px;
    margin-top: 5px;
    vertical-align: middle;
}

.comment_input .options .channel_options {
    float: left;
    width: 70%;
}

.comment_input .options .channel_options .checkbox {
    display: inline-block;
}

.comment_input .options .channel_back {
    width: 200px;
    display: inline-block;
}

.comment_input .options label {
    width: auto;
    color: #555;
}

.comment_input:not(.is-public) textarea {
    background: #fff6d9;
    border: 1px solid #efdaa3;
}

.comment_input .btn {
    background: #f7f7f7;
    border-radius: 3px;
    border: 1px solid #ddd;
    color: #333;
    font-size: 11px;
    float: left;
    margin-right: 5px;
    position: relative;
    padding: 3px 9px;
    box-shadow: none;
    text-shadow: none;
}

.content .header .icon {
    display: inline-block;
    height: 14px;
    margin: 0 4px -1px -3px;
    width: 16px;
}

.content .header .icon.twitter {
    background-position: 0 -252px;
}

.content .header .icon.facebook, .content .header .icon.fb_private_message {
    background-position: 0 -384px;
}

.content .header .active {
    background-color: #555;
    padding: 4px 10px;
    border: none;
    color: #fff;
}

.content .header .active .icon.twitter {
    background-position: 0 -272px;
}

.content .header .active .icon.facebook, .content .header .active .icon.fb_private_message {
    background-position: 0 -404px;
}

.content .header .active:after {
    content: ' ';
    position: absolute;
    height: 0;
    width: 0;
    border: 10px solid transparent;
    border-top-color: #555;
    margin-left: -10px;
    margin-top: -5px;
    left: 50%;
    top: 100%;
}

.content .header .active.private_note {
    background-color: #ffde73;
    color: #000;
}

.content .header .active.private_note:after {
    border-top-color: #ffde73;
}

.comment_input_wrapper {
    min-height: 140px;
}

.hide-comment-box .comment_input_wrapper {
    min-height: 0px;
}

.add_comment_attachments, .add_comment_screencasts, .add_comment_attachment_buttons {
    clear: right;
    float: right;
}

.add_comment_attachments ul.attachments li, .add_comment_screencasts ul.attachments li {
    display: block;
    margin-right: 0;
}

.add_comment_attachments ul.attachments li .attachment, .add_comment_attachments ul.attachments li .screencast, .add_comment_screencasts ul.attachments li .attachment, .add_comment_screencasts ul.attachments li .screencast {
    background-color: transparent;
    display: block;
    margin-right: 25px;
}

.add_comment_attachments ul.attachments li button, .add_comment_attachments ul.attachments li .uploading, .add_comment_screencasts ul.attachments li button, .add_comment_screencasts ul.attachments li .uploading {
    float: right;
    margin-top: -23px;
    margin-right: 5px;
    background: transparent;
}

.add_comment_attachments .uploading, .add_comment_screencasts .uploading {
    float: right;
    background: no-repeat;
    background-image: url(../images/small_spinner.gif);
    padding-left: 20px;
}

.add_email_attachments{
    float: left;
    border: 1px solid #D3D3D3;
    background-color: #fff;
    margin-left: 90px;
    margin-bottom: 4px;
    width: 67%;
    overflow-y: auto;
}
.add_email_attachments ul.attachments {
    width: 10000px;
}

.add_email_attachments ul.attachments li {
    float: left;
    margin: 4px;
}

.add_email_attachments ul.attachments li .attachment{
    background-color: transparent;
    display: block;
    margin-right: 25px;
}

.add_email_attachments ul.attachments li button, .add_email_attachments ul.attachments li .uploading {
    float: right;
    margin-top: -23px;
    margin-right: 5px;
    background: transparent;
}

.add_email_attachments .uploading {
    float: right;
    background: no-repeat;
    background-image: url(../images/small_spinner.gif);
    padding-left: 20px;
}

.add_help_attachments{
    border: 1px solid #D3D3D3;
    border-radius: 2px;
    background-color: #fff;
    margin-left: 95px;
    margin-bottom: 4px;
    width: 310px;
    overflow-y: auto;
}
.add_help_attachments ul.attachments li {
    float: left;
    margin: 4px;
}

.add_help_attachments ul.attachments li .attachment{
    background-color: transparent;
    display: block;
    margin-right: 25px;
}

.add_help_attachments ul.attachments li button, .add_help_attachments ul.attachments li .uploading {
    float: right;
    margin-top: -23px;
    margin-right: 5px;
    background: transparent;
}

.add_help_attachments .uploading {
    float: right;
    background: no-repeat;
    background-image: url(../images/small_spinner.gif);
    padding-left: 20px;
}

.add_comment_attachment_buttons {
    color: #146eaa;
    margin-bottom: 8px;
}

.add_comment_attachment_buttons .separator {
    display: inline-block;
    width: 15px;
}

.add_comment_attachment_buttons .fileinput-button {
    cursor: pointer;
    display: inline-block;
    overflow: hidden;
    position: relative;
    line-height: 16px;
    border: none;
    background: none;
    border-bottom: 1px dotted #146eaa;
    padding: 0;
}

.add_comment_attachment_buttons .fileinput-button .ui-button-text {
    padding: 0;
}

.add_comment_attachment_buttons .fileinput-button input {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    border: solid transparent;
    direction: ltr;
    cursor: pointer;
    opacity: 0;
}

.add_comment_attachment_buttons .fileinput-button ~ .fileinput-button {
    margin-left: 15px;
}

.twitter-select-menu .twitter-avatar {
    margin-top: 5px;
    width: 30px;
    height: 30px;
    margin-right: 5px;
    border-radius: 2px;
}

.twitter-select-menu span {
    margin-top: 5px;
    width: 140px;
    font-size: 12px;
    position: absolute;
}

.twitter-select-menu span.handle {
    font-size: 10px;
    color: #B4B4B4;
    top: 20px;
}

.rich_text .comment_input_wrapper {
    min-height: 0px;
}

.rich_text .comment_input .content.rich-text {
    margin: 0px;
}

.rich_text .comment_input .hint {
    display: none !important;
}

.rich_text .editor {
    margin: 0px 0px 14px 0;
    position: relative;
}

.rich_text .editor .rich-text-comment {
    min-height: 200px;
    padding: 8px 8px 47px 8px;
    margin-bottom: 10px;
    border: 1px solid #D3D3D3;
    border-radius: 5px;
    color: #333;
    cursor: text;
    -webkit-transition: min-height linear;
    -webkit-transition-delay: 0.1s;
    transition: min-height linear 0.1s;
}

.rich_text .editor .toolbar {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 38px;
    border-top: 1px solid #DCDCDC;
}

.rich_text .editor .menu {
    position: absolute;
    bottom: 38px;
    display: inline-block;
}

.rich_text .editor .item {
    position: relative;
    float: left;
    width: 38px;
    height: 38px;
    opacity: 0.5;
    background-size: 14px;
    background-repeat: no-repeat;
    background-position: center;
    cursor: pointer;
    background-image: url(/agent/assets/z-editor/link-d2942f5796dfa8ebdc8aa510a7d855e3.svg);
}

.rich_text .editor .item:hover {
    opacity: 1;
}

.rich_text .editor .item.text {
    background-image: url(/agent/assets/z-editor/text-a2e4acccc7198f2cca65258ce778ad87.svg);
}

.rich_text .editor .item.macros {
    background-image: url(/agent/assets/z-editor/macros-019e54001bf69df1ae1ebbf1bea30713.svg);
}

.rich_text .editor .item.knowledge {
    background-image: url(/agent/assets/z-editor/knowledge-2f60760610a8aa21b69903817bfe5091.svg);
}

.rich_text .editor .item:after {
    content: '';
    height: 3px;
    width: 100%;
    background-color: #78a300;
    position: absolute;
    bottom: 0;
    opacity: 0;
    -webkit-transition: opacity linear;
    -webkit-transition-delay: 0.1s;
    transition: opacity linear 0.1s;
}

.rich_text .editor .item.focus {
    opacity: 1;
}

.rich_text .editor .item.focus:after {
    opacity: 1;
}

.rich_text .controls {
    font-size: 13px;
    margin-left: 1px;
    position: relative;
    z-index: 1;
}

.rich_text .content .comment-actions .btn {
    border-bottom-color: transparent;
    border-bottom-style: solid;
    border-bottom-width: 3px;
    border-radius: 0px;
    border-top: none;
    border-right: none;
    border-left: none;
    margin-right: 25px;
    padding: 0px;
    background: none;
}

.rich_text .content .comment-actions .btn:after {
    content: none;
}

.rich_text .content .comment-actions .btn:hover {
    color: #999;
}

.rich_text .content .comment-actions .btn.active {
    border-bottom-color: #78A300;
    color: #4d4d4d;
    font-weight: 600;
}

.rich_text .content .comment-actions .btn.active:hover {
    color: #333;
}

.rich_text .comment_input .content .body {
    margin-top: -3px;
}

.rich_text .comment_input .header {
    padding: 0 0 3px 0;
}

.rich_text .content .header .active.private_note {
    background: none;
}

.rich_text .comment_input:not(.is-public) div[contenteditable] {
    background: #fff6d9;
    border: 1px solid #efdaa3;
}

.rich_text .empty .editor .rich-text-comment {
    padding: 8px;
    min-height: inherit;
}

.rich_text .empty .editor .rich-text-comment:before {
    content: attr(data-placeholder);
    color: #989898;
}

.rich_text .empty .editor .toolbar, .rich_text .empty .editor .menu {
    display: none;
}

.rich_text .new_ticket .content {
    margin: 10px 0 0 0;
}

.rich_text .new_ticket .btn {
    display: none;
}

.rich_text .new_ticket .rich-text-comment {
    border-radius: 2px;
}

.rich_text img[data-emoji-id] {
    height: 20px;
    width: 20px;
}

.new_ticket .editor {
    margin: 0px 0px 14px 0 !important;
}

.new_ticket .rich_text {
    margin: 0 16px 0 0px;
}

.comment_input:not(.is-public) .zendesk-editor--toolbar {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-color: white;
    border: 1px solid #ddd;
    border-radius: 0px 0px 3px 3px;
}

.zendesk-editor--item.attachment {
    background-image: url(/agent/assets/z-editor/attachment-799940ba76c7914ba65984feb6269815.svg);
}

.zendesk-editor--item.re-bold {
    background-image: url(/agent/assets/z-editor/z-editor/bold.svg);
}

.zendesk-editor--item.code-block {
    background-image: url(/agent/assets/z-editor/code-block-203e9f4b1764f8ce5d22b4466ad8b748.svg);
}

.zendesk-editor--item.re-codespan {
    margin-left: 0px;
    background-image: url(/agent/assets/z-editor/code-978534f43305fab12d6565211ef9f702.svg);
}

.zendesk-editor--item.code {
    background-image: url(/agent/assets/z-editor/code-978534f43305fab12d6565211ef9f702.svg);
}

.zendesk-editor--item.re-formatting {
    background-image: url(/agent/assets/z-editor/heading-d0a01a9b0834985a94ca8694d874ebea.svg);
}

.zendesk-editor--item.image {
    background-image: url(/agent/assets/z-editor/image-60771b73b15230b2b427b21c6e6e30e9.svg);
}

.zendesk-editor--item.re-indent {
    background-image: url(/agent/assets/z-editor/indent-d471fb6ff6b75b47b9b86b483a92485d.svg);
}

.zendesk-editor--item.re-italic {
    background-image: url(/agent/assets/z-editor/italic-ab2bdf9687f0d9357e253eb3e2591f99.svg);
}

.zendesk-editor--item.knowledge {
    background-image: url(/agent/assets/z-editor/knowledge-2f60760610a8aa21b69903817bfe5091.svg);
}

.zendesk-editor--item.re-link {
    background-image: url(/agent/assets/z-editor/link-d2942f5796dfa8ebdc8aa510a7d855e3.svg);
}

.zendesk-editor--item.re-unorderedlist {
    background-image: url(/agent/assets/z-editor/list-bullet-435a45bd881c2afb2f8f32d87f91686e.svg);
}

.zendesk-editor--item.re-orderedlist {
    background-image: url(/agent/assets/z-editor/list-number-54c6745ef312bdc7986b5ae8920ab88a.svg);
}

.zendesk-editor--item.macros {
    background-image: url(/agent/assets/z-editor/macros-019e54001bf69df1ae1ebbf1bea30713.svg);
}

.zendesk-editor--item.re-outdent {
    background-image: url(/agent/assets/z-editor/outdent-b5f69cfd5866bf74c0cc37a1dbf874bb.svg);
}

.zendesk-editor--item.re-blockquote {
    background-image: url(/agent/assets/z-editor/quotes-3dc307ccef8e8b4505a610c4393e4886.svg);
}

.zendesk-editor--item.quotes {
    background-image: url(/agent/assets/z-editor/quotes-3dc307ccef8e8b4505a610c4393e4886.svg);
}

.zendesk-editor--item.text {
    background-image: url(/agent/assets/z-editor/text-a2e4acccc7198f2cca65258ce778ad87.svg);
}

.atwho-view .cur {
    background: none;
    color: black;
    border-left: 2px solid #78a300;
}

.atwho-view strong {
    color: black !important;
}

.atwho-view img[data-emoji-id] {
    height: 20px;
    width: 20px;
}

.atwho-view li:not(.cur) {
    margin-left: 2px;
}

.atwho-view img {
    float: left;
    margin-right: 8px;
}

.merge-holder {
    overflow: hidden !important;
    width: 660px;
    margin-left: -330px;
}

.merge-holder .modal-body {
    max-height: none;
    overflow-x: hidden;
}

.merge-holder p.option {
    padding-bottom: 0;
}

.merge-holder label {
    padding-top: 6px;
    font-size: 13px;
    line-height: 18px;
    float: none;
    width: auto;
    text-align: left;
    color: inherit;
}

.merge-holder h3, .merge-holder h4, .merge-holder h5, .merge-holder h6 {
    line-height: 18px;
}

.merge-holder .merge_window {
    width: 630px;
    background-color: #F6F6F6;
    color: #444;
}

.merge-holder .merge_window h2 {
    margin: 0 0 10px 0;
    padding: 0;
    font-size: 22px;
    font-weight: normal;
}

.merge-holder .merge_window .review {
    background-color: #FFFDDE;
    border: 1px solid #EBE695;
    border-radius: 4px;
    margin-bottom: 10px;
    font-size: 13px;
}

.merge-holder .merge_window .review p {
    margin: 7px;
    padding: 0;
    text-align: center;
    color: #666;
}

.merge-holder .merge_window .option {
    height: 30px;
    margin: 0;
    text-align: center;
    cursor: default;
}

.merge-holder .merge_window .option hr {
    background-color: #DDD;
    color: #DDD;
    height: 1px;
    border: none;
    margin-top: 35px;
    margin-bottom: -8px;
}

.merge-holder .merge_window .option .border {
    padding: 10px 15px;
    background-color: #f6f6f6;
}

.merge-holder .merge_window .option .text {
    font-style: italic;
    background-color: #ccc;
    padding: 7px 9px;
    color: #fff;
    border-radius: 15px;
}

.merge-holder .merge_window .ticket_badge {
    font-size: 11px;
    width: 80px;
    margin-bottom: 5px;
    text-align: center;
    color: #fff;
    float: left;
    display: block;
    margin-right: 10px;
    background-color: #aaa;
    font-size: 11px;
    border-radius: 2px;
    padding: 3px;
    line-height: 14px;
}

.merge-holder .merge_window .ticket_date {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #828282;
    display: block;
}

.merge-holder .merge_window .winner_selector {
    font-weight: bold;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 160px;
}

.merge-holder .merge_window .user_card, .merge-holder .merge_window .ticket_card {
    border: 5px solid #fff;
    padding: 12px;
    box-shadow: 1px 1px 1px 1px #ccc;
}

.merge-holder .merge_window .user_card img, .merge-holder .merge_window .ticket_card img {
    float: left;
    margin-right: 10px;
    height: 48px;
    width: 48px;
}

.merge-holder .merge_window .user_card a, .merge-holder .merge_window .user_card h3, .merge-holder .merge_window .ticket_card a, .merge-holder .merge_window .ticket_card h3 {
    font-size: 13px;
    font-weight: bold;
    margin-bottom: 2px;
    display: block;
}

.merge-holder .merge_window .user_card {
    width: 245px;
    height: 51px;
    margin: 0 20px 20px 0;
}

.merge-holder .merge_window .ticket_card .card_header h3 {
    margin: 5px 0 0 70px;
    font-size: 14px;
    color: #555;
}

.merge-holder .merge_window .ticket_card .card_body {
    margin: 15px 0 0 75px;
    padding-top: 10px;
    border-top: 1px solid #E5E5E5;
}

.merge-holder .merge_window label {
    display: block;
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 8px;
}

.merge-holder .merge_window form p {
    color: #999;
}

.merge-holder .merge_window form .button {
    margin-left: 8px;
}

.merge-holder .merge_window form input[type=text] {
    width: 244px;
}

.merge-holder .merge_window form textarea {
    font-size: 12px;
    margin: 10px 0;
}

.merge-holder .merge_window #user_loser {
    padding: 12px 20px 20px 20px;
}

.merge-holder .merge_window #user_loser .user_card {
    margin: 0 auto;
}

.merge-holder .merge_window #user_winner {
    padding: 60px 0 20px 20px;
}

.merge-holder .merge_window #user_winner #winner_suggestions .user_card {
    float: left;
}

.merge-holder .merge_window #ticket_loser {
    padding: 12px 20px 20px 20px;
}

.merge-holder .merge_window #ticket_winner {
    padding: 60px 20px 20px 20px;
}

.merge-holder .merge_window #ticket_winner .confirm {
    margin-top: 20px;
    float: right;
}

.merge-holder .merge_window #ticket_winner h4 {
    color: #828282;
    margin-top: 5px;
    font-weight: normal;
}

.merge-holder .merge_window #ticket_winner #suggestion_columns .column {
    width: 100%;
    float: left;
    padding-left: 0;
    margin: 0;
    max-height: 200px;
    overflow-y: auto;
}

.merge-holder .merge_window #ticket_winner #suggestion_columns .column:first-child {
    padding-right: 4%;
    padding-left: 0;
}

.merge-holder .merge_window #ticket_winner #suggestion_columns .column ul li {
    list-style-type: none;
    margin: 15px 0 0 0;
    font-size: 13px;
    display: inline-block;
    width: 46%;
    margin-right: 3%;
}

.merge-holder .merge_window #ticket_winner #suggestion_columns .column ul li:first-child {
    margin-top: 10px;
}

.merge-holder .merge_window #ticket_winner #suggestion_columns .column ul li a {
    display: block;
    margin-left: 70px;
    font-size: 11px;
}

.merge-holder .merge_window #ticket_winner #winner_suggestions {
    margin-top: 10px;
}

.merge-holder #confirm_user_merge #user_loser {
    background-position: 0 224px;
}

.merge-holder #confirm_user_merge #user_winner {
    padding: 60px 20px 20px 20px;
}

.merge-holder #confirm_user_merge #user_winner .user_card {
    float: none;
    margin: 0 auto;
    border: 3px solid #9BC300;
    padding: 14px;
    box-shadow: none;
}

.merge-holder #confirm_user_merge #user_winner .button {
    float: right;
    margin: 20px 0 0 0;
}

.merge-holder .user_card h3, .merge-holder .user_card span {
    display: block;
    float: left;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 180px;
}

.merge-holder .wait-note {
    min-width: 300px;
    font-size: 14px;
    font-weight: bold;
    color: #828282;
    padding: 30px;
    text-align: center;
}

.ticket footer .post-save-actions {
    float: right;
}

.ticket footer .post-save-actions .dropdown-container {
    padding: 0;
    border-width: 0;
}

.ticket footer .post-save-actions .dropdown-toggle:after {
    background: none;
    margin: 6px 0 0 2px;
    width: 0;
    height: 0;
    vertical-align: top;
    border-top: 4px solid black;
    border-bottom: 4px solid black;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
    opacity: 0.3;
    content: '';
    display: inline-block;
}

.ticket footer .post-save-actions.dropup .dropdown-toggle:after {
    border-top: 0;
}

.ticket footer .post-save-actions.dropdown .dropdown-toggle:after {
    border-bottom: 0;
}

.dashboard .right {
    overflow: hidden;
}

.dashboard .dashboard-top-panel {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 141px;
    overflow: hidden;
}

.dashboard .filter-grid-list {
    top: 141px;
}

h4.list-heading {
    white-space: nowrap;
    padding: 12px 0 9px 15px;
    font-size: 12px;
    background-color: #ffffff;
    border-bottom: 1px solid #dcdcdc;
    margin-bottom: 1px;
}

h4.list-heading .link {
    font-size: 11px;
    font-weight: normal;
    border-bottom: 1px dotted;
    margin-left: 3px;
}

.activities {
    margin: 5px 9px 5px 10px;
    word-wrap: break-word;
}

.activities h4 {
    line-height: 36px;
    font-size: 12px;
}

.activities h4, .activities .no-updates {
    margin-left: 2px;
}

.activities .wrapper {
    margin-bottom: 15px;
}

.activities .item {
    margin-bottom: 5px;
    background-color: #ffffff;
    border: 1px solid #dedede;
    border-radius: 6px;
    position: relative;
    padding: 13px;
    cursor: pointer;
}

.activities .item:hover {
    border-color: #78a300;
}

.activities .description {
    margin-left: 35px;
    line-height: 16px;
    color: #666;
}

.activities .description strong {
    color: #000;
}

.activities .comment_value {
    margin: 5px 0 0 35px;
    color: #929292;
    line-height: 16px;
}

.activities time {
    display: block;
    font-size: 11px;
    color: #ccc;
    margin-left: 35px;
    margin-top: 5px;
}

.activities .profile {
    width: 25px;
    height: 25px;
    float: left;
    margin-top: 2px;
    border-radius: 4px;
}

.indicators {
    min-width: 100000px;
    background-color: #f8f8f8;
    border-bottom: 1px solid #e3e3e3;
}

.indicators .stats-group {
    margin: 10px 0 20px 15px;
    float: left;
}

.indicators .stats-group + .stats-group {
    margin-left: 20px;
}

.indicators h4 {
    font-size: 11px;
    font-weight: bold;
    line-height: 22px;
}

.indicators h4 > span {
    color: #999999;
    font-weight: normal;
}

.indicators ul {
    margin: 0;
    float: left;
    overflow: auto;
    padding: 0;
    background-color: #ffffff;
    border: 1px solid #e0e0e0;
    border-radius: 4px;
}

.indicators li {
    padding: 6px 3px;
    min-width: 77px;
    font-size: 12px;
    text-align: center;
    float: left;
}

.indicators li.clickable {
    cursor: pointer;
}

.indicators li.active {
    background-color: #ffffcc;
}

.indicators li:not(.hidden) + li {
    border-left: 1px solid #e0e0e0;
}

.indicators .cell-value {
    font-size: 14px;
    font-weight: bold;
    color: #000000;
    line-height: 16px;
}

.indicators .cell-title {
    text-transform: uppercase;
    font-size: 11px;
    font-weight: normal;
    color: #999999;
}

.launchpad_toggle.btn-group button {
    margin-top: 0;
}

.launchpad_toggle.btn-group button[disabled] {
    opacity: 1;
}

.buy_now_btn {
    margin-top: 5px;
    font-size: 12px;
}

.days_left_in_trial {
    font-size: 12px;
    padding: 0 15px;
    line-height: 40px;
}

.days_left_in_trial .trial_warning {
    color: red;
}

.stacked_menu {
    padding: 15px;
}

.stacked_menu .section {
    margin-bottom: 25px;
}

.stacked_menu .section.info {
    font-weight: bold;
}

.stacked_menu .section.info .title {
    margin-bottom: 0;
}

.stacked_menu .section .title {
    font-weight: bold;
    margin-bottom: 15px;
    margin-left: 7px;
}

.stacked_menu .section ul {
    margin-left: 0;
}

.stacked_menu .section ul li:first-of-type {
    border-top: 1px solid #c9c9c9;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.stacked_menu .section ul li:last-of-type {
    border-bottom-color: #c9c9c9;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
}

.stacked_menu .section .task {
    background-color: #ffffff;
    color: #555555;
    border: 1px solid #c9c9c9;
    border-top: none;
    border-bottom-color: #e8e8e8;
    padding: 13px 0;
    padding-left: 15px;
}

.stacked_menu .section .task:hover, .stacked_menu .section .task.active {
    background-color: #f8f8f8;
    cursor: pointer;
}

.stacked_menu .section .task.active {
    font-weight: bold;
    padding-left: 11px;
    border-left: 5px solid #9c9;
}

.stacked_menu .section .task.skipped {
    text-decoration: line-through;
}

.stacked_menu .section .task .status {
    width: 26px;
    height: 26px;
    float: right;
    margin-right: 10px;
    margin-top: -5px;
}

.stacked_menu .section .task.complete, .stacked_menu .section .task.skipped {
    color: #aaa;
}

.stacked_menu .section .task.complete .status {
    background-position: 0 -69px;
}

.stacked_menu .section .task.started .status {
    background-position: 0 -179px;
}

.stacked_menu .section .task.disabled {
    background-color: #ffffff;
    cursor: default;
}

.stacked_menu .section .task.settings {
    padding: 0;
}

.stacked_menu .section .task.settings a {
    padding: 13px 0 13px 15px;
    color: #555555;
    width: 280px;
    display: block;
}

header.sub-nav .learn_more {
    color: #146eaa !important;
    float: right !important;
    padding-right: 0px !important;
}

header.sub-nav .learn_more:hover {
    text-decoration: none;
    color: #041521 !important;
}

.tooltips.dark, .tooltip-mask {
    background-color: rgba(0,0,0,0.25);
    opacity: 0;
    -webkit-transition: opacity 0.5s ease;
    -webkit-transition-delay: 0s;
    transition: opacity 0.5s ease 0s;
}

.tooltips.dark.solid, .tooltip-mask.solid {
    opacity: 1;
}

.tooltips, .tooltip-mask {
    position: absolute;
    top: 0px;
    left: 0px;
    height: 100%;
    width: 100%;
    z-index: 999;
}

#reporting-tooltip, #onboarding-tooltip, #user-filter-tooltip, .buy-now-experiment-popup {
    position: absolute;
    background-color: #333;
    width: 260px;
    padding: 15px 20px;
    border-radius: 5px;
    z-index: 1000;
    box-shadow: 0px 0px 6px #777;
    cursor: default;
    opacity: 0;
    filter: alpha(opacity=0);
}

#reporting-tooltip .diamond, #onboarding-tooltip .diamond, #user-filter-tooltip .diamond, .buy-now-experiment-popup .diamond {
    position: absolute;
    height: 15px;
    width: 15px;
    background-color: #333;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

#reporting-tooltip a.close-tooltip, #onboarding-tooltip a.close-tooltip, #user-filter-tooltip a.close-tooltip, .buy-now-experiment-popup a.close-tooltip {
    color: #777;
    font-size: 14px;
    font-weight: 100;
    position: absolute;
    right: 13px;
    top: 14px;
}

#reporting-tooltip a.close-tooltip:hover, #onboarding-tooltip a.close-tooltip:hover, #user-filter-tooltip a.close-tooltip:hover, .buy-now-experiment-popup a.close-tooltip:hover {
    color: #bbb;
}

#reporting-tooltip h4, #onboarding-tooltip h4, #user-filter-tooltip h4, .buy-now-experiment-popup h4 {
    margin: 3px 5px;
    font-weight: bold;
    font-size: 16px;
    color: #eee;
}

#reporting-tooltip p, #onboarding-tooltip p, #user-filter-tooltip p, .buy-now-experiment-popup p {
    margin: 10px 5px;
    font-size: 12px;
    color: #ddd;
}

#reporting-tooltip p:last-of-type, #onboarding-tooltip p:last-of-type, #user-filter-tooltip p:last-of-type, .buy-now-experiment-popup p:last-of-type {
    margin-bottom: 40px;
}

#reporting-tooltip .navigation, #onboarding-tooltip .navigation, #user-filter-tooltip .navigation, .buy-now-experiment-popup .navigation {
    width: 100%;
    height: 40px;
    background-color: #444;
    position: absolute;
    left: 0px;
    bottom: 0px;
    text-align: center;
    border-radius: 0px 0px 5px 5px;
}

#reporting-tooltip .navigation .page, #onboarding-tooltip .navigation .page, #user-filter-tooltip .navigation .page, .buy-now-experiment-popup .navigation .page {
    font-style: italic;
    color: #999;
    font-weight: bold;
    line-height: 43px;
}

#reporting-tooltip .navigation button, #onboarding-tooltip .navigation button, #user-filter-tooltip .navigation button, .buy-now-experiment-popup .navigation button {
    float: right;
    margin-right: 15px;
    position: relative;
    top: 8px;
    padding: 2px 20px;
}

#reporting-tooltip .navigation button:hover, #onboarding-tooltip .navigation button:hover, #user-filter-tooltip .navigation button:hover, .buy-now-experiment-popup .navigation button:hover {
    background-color: #333;
    border-color: #333;
}

#onboarding-tooltip {
    left: 415px;
    top: 205px;
}

#reporting-tooltip {
    right: 20px;
    top: 160px;
}

#reporting-tooltip .diamond {
    top: -6px;
    right: 40px;
}

#user-filter-tooltip.intro {
    left: 70px;
    top: 110px;
}

#user-filter-tooltip.intro .diamond {
    top: 45px;
    left: -7px;
}

#user-filter-tooltip.tour-step-1 {
    left: 86px;
    top: 97px;
}

#user-filter-tooltip.tour-step-1 .diamond {
    top: -7px;
    left: 38px;
}

#user-filter-tooltip.tour-step-2 {
    left: 421px;
    top: 101px;
}

#user-filter-tooltip.tour-step-2 .diamond {
    top: -7px;
    left: 38px;
}

#user-filter-tooltip.tour-step-3 {
    right: 70px;
    top: 118px;
}

#user-filter-tooltip.tour-step-3 .diamond {
    top: 12px;
    right: -7px;
}

#user-filter-tooltip .step {
    color: #7F7F7F;
    float: right;
    font-style: italic;
    font-weight: bold;
    margin-right: 15px;
    margin-top: 12px;
}

#reporting-video-tutorial {
    position: absolute;
    width: 960px;
    height: 540px;
    margin: auto;
    z-index: 1000;
    left: 50%;
    top: 50%;
    margin-left: -480px;
    margin-top: -270px;
    background-color: #eee;
    opacity: 0;
}

#reporting-video-tutorial .close-video {
    cursor: pointer;
    position: absolute;
    border-radius: 50%;
    height: 31px;
    right: -15px;
    top: -15px;
    width: 31px;
    background-color: #999;
    font-size: 25px;
    line-height: 32px;
    text-align: center;
    color: white;
    z-index: 1000;
    font-weight: bold;
}

.launchpad_content {
    width: 100%;
    height: 100%;
    overflow: hidden;
    background-color: #f5f5f5;
}

.launchpad_content > div {
    padding: 5px 15px;
}

.launchpad_content .iframe {
    width: 100%;
    height: 100%;
}

.launchpad_content {
    overflow: auto;
}

.launchpad_content p {
    margin-bottom: 20px;
}

.launchpad_content .slide {
    border-top: 1px solid #F6F6F6;
    box-shadow: 1px 0 3px #efefef, 0 2px 5px #888, -1px 0 3px #efefef;
    padding: 15px;
    margin-top: 10px;
    background-color: #fff;
}

.launchpad_content .slide .content {
    background-color: #f6f6f6;
    padding: 40px 60px;
}

.launchpad_content .slide .content h3 {
    font-family: MyHelveticaNeue, Helvetica Neue, Helvetica, Arial, Sans-serif;
    color: #78a300;
    font-size: 5em;
    line-height: 1em;
    letter-spacing: -2px;
    margin: 20px 0;
    font-weight: 300;
}

.launchpad_content .slide .content #test_ticket_result {
    font-size: 16px;
    font-weight: bold;
}

.launchpad_content .slide nav {
    margin-bottom: 15px;
    text-align: center;
}

.launchpad_content .slide nav button {
    background: #f5f5f5;
    border-radius: 8px;
    box-shadow: 0 0 4px #ccc inset;
    width: 15px;
    height: 15px;
    margin-right: 3px;
}

.launchpad_content .slide nav button:hover, .launchpad_content .slide nav button.current {
    background-color: #727272;
    background-image: radial-gradient(50% 20%, circle, rgba(240,240,240,0.5),#555555 50%);
    box-shadow: 0 0 0;
}

.launchpad_content .add_agents .agent_list {
    margin-bottom: 5px;
    padding: 7px 10px;
}

.launchpad_content .add_agents .hint {
    font-size: 11px;
    margin-left: 3px;
}

.launchpad_content .add_agents .btn-info {
    margin-top: 20px;
}

.launchpad_content .launchpad-task {
    text-align: center;
    padding: 25px 0px 0px 0px;
    margin: auto;
}

.launchpad_content .launchpad-task a:hover {
    text-decoration: underline;
}

.launchpad_content .launchpad-task h3 {
    margin: -8px 0px 20px 0px;
    font-size: 16px;
    color: #555;
}

.launchpad_content .launchpad-task p {
    width: 63.5%;
    margin: 20px auto 15px;
    color: #555;
}

.launchpad_content .launchpad-task hr {
    background-color: #ededed;
    width: 70%;
    border: none;
    margin-left: auto;
    margin-right: auto;
}

.launchpad_content .launchpad-task + button {
    margin-top: 0px !important;
}

.launchpad_content .launchpad-task button {
    padding: 5px 25px;
    margin: 0px auto 10px;
    min-width: 110px;
    display: block;
}

.launchpad_content .launchpad-task .icon {
    height: 80px;
    width: 80px;
    margin: 0px auto 5px auto;
}

.launchpad_content .launchpad-task .icon.email {
    background-position: 0 -960px;
}

.launchpad_content .launchpad-task .icon.agents {
    background-position: 0 -160px;
}

.launchpad_content .launchpad-task .icon.portal {
    background-position: 0 0;
}

.launchpad_content .launchpad-task .icon.hc {
    background-position: 0 -80px;
}

.launchpad_content .launchpad-task .icon.feedback {
    background-position: 0 -320px;
}

.launchpad_content .launchpad-task .icon.embeddable {
    background-position: 0 -1120px;
}

.launchpad_content .launchpad-task .icon.chat {
    background-position: 0 -240px;
}

.launchpad_content .launchpad-task .icon.voice {
    background-position: 0 -480px;
}

.launchpad_content .launchpad-task .icon.facebook {
    background-position: 0 -880px;
}

.launchpad_content .launchpad-task .icon.twitter {
    background-position: 0 -400px;
}

.launchpad_content .launchpad-task .icon.benchmark {
    background-position: 0 -1040px;
}

.launchpad_content .launchpad-task .icon.profile {
    background-position: 0 -640px;
}

.launchpad_content .launchpad-task .icon.ticket {
    background-position: 0 -800px;
}

.launchpad_content .launchpad-task .icon.macro {
    background-position: 0 -720px;
}

.launchpad_content .launchpad-task .icon.view {
    background-position: 0 -1200px;
}

.launchpad_content .launchpad-task .content {
    background-color: #fff;
    position: relative;
    margin: 35px auto;
    border: 1px solid #DDD;
    border-radius: 5px;
    padding: 5px;
    box-shadow: 0 1px 2px #DDD;
    max-width: 900px;
    min-width: 480px;
}

.launchpad_content .launchpad-task .content .settings {
    display: block;
    width: 100%;
    height: 500px;
}

.launchpad_content .launchpad-task .content .classic-form iframe {
    height: 550px;
}

.launchpad_content .launchpad-task .content .classic-form.update-profile iframe {
    height: 800px;
}

.launchpad_content .launchpad-task .content .video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 0px;
    height: 0;
    overflow: hidden;
}

.launchpad_content .launchpad-task .content .video-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.launchpad_content .launchpad-task .content .add_agents textarea {
    width: 95%;
    padding-bottom: 20%;
    margin-top: 20px;
}

.launchpad_content .launchpad-task .content .benchmark {
    background-color: #f5f5f5;
}

.launchpad_content .launchpad-task .content .benchmark .survey {
    margin: 3px auto;
    padding: 30px 10px;
}

.launchpad_content .launchpad-task .content .triangle-up {
    width: 0;
    height: 0;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-bottom: 14px solid #ddd;
    top: -14px;
    position: absolute;
    margin-left: -20px;
    margin-right: auto;
    left: 50%;
}

.launchpad_content .launchpad-task .content .triangle-up:before {
    content: " ";
    z-index: 0;
    width: 0;
    height: 0;
    border-left: 19px solid transparent;
    border-right: 19px solid transparent;
    border-bottom: 13px solid #fff;
    position: absolute;
    margin-left: -19px;
    left: 50%;
    top: 1px;
}

.launchpad_content .launchpad-task .content .screenshot {
    display: block;
    margin-left: auto;
    margin-right: auto;
    height: 438px;
}

.launchpad_content .launchpad-task .content .screenshot.chat {
    background: url(/agent/assets/launchpad/sample_chat-31dd43ec6960585b1f9e3e49de61a8c6.png) no-repeat 0px 0px;
}

.launchpad_content .launchpad-task .content .screenshot.chat_lm {
    background: url(/agent/assets/launchpad/sample_chat_lm-3e9294d0b80dcca9d2a84df0ec188f44.png) no-repeat 0px 0px;
}

.launchpad_content .launchpad-task .content .screenshot.facebook {
    background: url(/agent/assets/launchpad/sample_facebook-caa4718e93f92cd16ad46b0ece861e7b.png) no-repeat 0px 0px;
}

.launchpad_content .launchpad-task .content .screenshot.feedback {
    background: url(/agent/assets/launchpad/sample_feedback_tab-2a37bccb29f56e831a2d0171ad2feec0.png) no-repeat 0px 0px;
}

.launchpad_content .launchpad-task .content .screenshot.embeddable {
    background: url(/agent/assets/launchpad/sample_widget-f112ef5ee42c93035e819c8ad2e857ce.png) no-repeat 0px 0px;
}

.launchpad_content .launchpad-task .content .screenshot.hc {
    background: url(/agent/assets/launchpad/sample_help_center-71996c8b0f75ffb51cc57c2d8855a25b.png) no-repeat 0px 0px;
}

.launchpad_content .launchpad-task .content .screenshot.twitter {
    background: url(/agent/assets/launchpad/sample_twitter-f6fdc422edae6220697829a8442b7ae5.png) no-repeat 0px 0px;
}

.launchpad_content .launchpad-task .content .screenshot.voice {
    background: url(/agent/assets/launchpad/sample_voice-329252117dce1b2c1836bc387b4e7326.png) no-repeat 0px 0px;
}

.launchpad_content .launchpad-task .content .screenshot.portal {
    background: url(/agent/assets/launchpad/sample_web_portal-5a06c8a0ee849f9b6f97eb54f7df7f94.png) no-repeat 0px 0px;
}

.launchpad_content .launchpad-task .content .screenshot.macro {
    background: url(/agent/assets/launchpad/sample_macro-c53b9f1ce992dd5c25318f4a05e6424b.png) no-repeat 0px 0px;
}

.launchpad_content .launchpad-task .content .screenshot.view {
    background: url(/agent/assets/launchpad/sample_view-9f54225a9457c4f5c72360eecf56d225.png) no-repeat 0px 0px;
}

.launchpad_content .launchpad-task .content .screenshot.profile {
    background: url(/agent/assets/launchpad/sample_profile-c6017a7347e26cfd3c8d79d3d9484d9f.png) no-repeat 0px 0px;
}

body[lang|="ja"] .launchpad_content .launchpad-task .content .screenshot.chat_lm {
    background: url(/agent/assets/launchpad/ja_sample_chat_lm-0d1492ea2b0a4b0e579cec6d46ba4075.png) no-repeat 0px 0px;
}

body[lang|="ja"] .launchpad_content .launchpad-task .content .screenshot.facebook {
    background: url(/agent/assets/launchpad/ja_sample_facebook-9dc87d6c9027470335de1c9eff86f25b.png) no-repeat 0px 0px;
}

body[lang|="ja"] .launchpad_content .launchpad-task .content .screenshot.feedback {
    background: url(/agent/assets/launchpad/ja_sample_feedback_tab-86eedbef92e0cc8eecab35894186fcac.png) no-repeat 0px 0px;
}

body[lang|="ja"] .launchpad_content .launchpad-task .content .screenshot.embeddable {
    background: url(/agent/assets/launchpad/ja_sample_widget-54c3a68baddf8ae481eba0f9976f29ee.png) no-repeat 0px 0px;
}

body[lang|="ja"] .launchpad_content .launchpad-task .content .screenshot.hc {
    background: url(/agent/assets/launchpad/ja_sample_help_center-71e7631dec30512cff3832aaa442d929.png) no-repeat 0px 0px;
}

body[lang|="ja"] .launchpad_content .launchpad-task .content .screenshot.twitter {
    background: url(/agent/assets/launchpad/ja_sample_twitter-12fdf78a6a084a16a410e8f6273b9f92.png) no-repeat 0px 0px;
}

body[lang|="ja"] .launchpad_content .launchpad-task .content .screenshot.voice {
    background: url(/agent/assets/launchpad/ja_sample_voice-d4f5f371c73d709c8bce436714ef440a.png) no-repeat 0px 0px;
}

body[lang|="ja"] .launchpad_content .launchpad-task .content .screenshot.macro {
    background: url(/agent/assets/launchpad/ja_sample_macro-4544dd7a66049eb5c80450bed219133e.png) no-repeat 0px 0px;
}

body[lang|="ja"] .launchpad_content .launchpad-task .content .screenshot.view {
    background: url(/agent/assets/launchpad/ja_sample_view-9ff7b7d406ce49d3e59de386a7076e35.png) no-repeat 0px 0px;
}

body[lang|="ja"] .launchpad_content .launchpad-task .content .screenshot.profile {
    background: url(/agent/assets/launchpad/ja_sample_profile-40ce280ec3762a16fc51ae8d6892fd16.png) no-repeat 0px 0px;
}

.launchpad_content .launchpad-task .content .getting-started-lm {
    width: 100%;
    height: 438px;
    padding: 25px 0;
}

.launchpad_content .launchpad-task .content .getting-started-lm h1 {
    padding: 25px 130px;
}

.launchpad_content .launchpad-task .done {
    float: right;
    margin-top: 10px;
    background-color: #fff;
    background-image: none;
}

.launchpad_content .launchpad-task .done:hover {
    background-color: #eee;
}

.modal-add-twitter {
    width: 575px;
}

.modal-add-twitter h1 {
    font-size: 20px;
    margin-bottom: 10px;
}

.modal-add-twitter .modal-body {
    background-color: #eee;
    padding: 10px;
    margin: 15px;
}

.modal-add-twitter .login {
    border-radius: 0;
    color: white;
    display: inline-block;
    font-size: 13px;
    line-height: 16px;
    padding: 0 0 0 1px;
}

.modal-add-twitter .login.twitter {
    background: #40ccff url("/images/twitter_newbird_boxed_whiteonblue.png") left -5px no-repeat;
    border-top: 1px solid #879AC0;
    border-bottom: 1px solid #1A356E;
}

.modal-add-twitter .login.twitter span {
    background: #40CCFF;
    margin: 1px 2px 0 35px;
    padding: 4px 6px 5px 6px;
    display: inline-block;
}

.modal-add-twitter .modal-header, .modal-add-twitter .modal-footer {
    display: none;
}

.benchmark {
    position: relative;
}

.benchmark .global, .benchmark .industry {
    background-color: white;
    padding: 5px;
    width: 200px;
    height: 385px;
    text-align: center;
    border: 1px solid #ddd;
    border-radius: 1px;
    box-shadow: 0 0 6px #999;
    cursor: default;
}

.benchmark .global .category, .benchmark .industry .category {
    background-color: #555;
    color: white;
    font-size: 13px;
    height: 50px;
    padding-top: 5px;
    line-height: 15px;
}

.benchmark .global .data, .benchmark .industry .data {
    color: #78a300;
    font-size: 53px;
    font-weight: normal;
    line-height: 45px;
    padding-top: 20px;
    margin: 5px 0;
    height: 85px;
    position: relative;
}

.benchmark .global .description, .benchmark .industry .description {
    color: #999;
    font-size: 13px;
    font-weight: normal;
    position: absolute;
    top: 70px;
    width: 100%;
    text-shadow: none;
    line-height: 15px;
}

.benchmark .global .description span, .benchmark .industry .description span {
    display: table-cell;
    height: 30px;
    width: 200px;
    vertical-align: middle;
}

.benchmark .announcement {
    position: absolute;
    left: 550px;
    top: 75px;
}

.benchmark .global .category span {
    display: table-cell;
    height: 45px;
    width: 200px;
    vertical-align: middle;
    line-height: 18px;
}

.benchmark .global .data {
    background-color: #eee;
    text-shadow: rgba(0,0,0,0.5) -1px -1px 0;
}

.benchmark .industry {
    position: absolute;
    left: 740px;
    top: 85px;
}

.benchmark .industry .data {
    color: #555;
    background-color: #f6f6f6;
}

.benchmark .industry .dim {
    color: #999;
    margin-bottom: 3px;
}

.benchmark .unit {
    font-size: 22px;
    text-shadow: none;
}

.benchmark .survey {
    width: 100%;
    min-width: 810px;
    position: relative;
    padding-top: 40px;
}

.benchmark .survey select {
    width: 95%;
    margin: 0px 0px 10px;
    border: 1px solid #ccc;
    padding: 2px 2px 2px 5px;
}

.benchmark .survey select option {
    background-color: #fff;
}

.benchmark .survey select:hover {
    background-color: #f0f0f0;
}

.benchmark .survey hr {
    margin-bottom: 35px;
}

.benchmark .survey .hr-label {
    position: absolute;
    left: 0;
    top: 0;
    padding: 0px 7px;
    background-color: #78a300;
    color: white;
    font-size: 10px;
}

.benchmark .survey input[type="text"] {
    margin-top: 10px;
    margin-left: 5px;
    text-align: center;
    width: 91%;
    height: 16px;
}

.benchmark .survey .industry, .benchmark .survey .global, .benchmark .survey .selection {
    position: relative;
    top: 0px;
    left: auto;
    float: left;
    box-shadow: none;
}

.benchmark .survey .selection {
    width: 300px;
    margin-right: 30px;
    text-align: right;
}

.benchmark .survey .selection button {
    float: right;
}

.benchmark .survey .selection .inputs {
    margin-bottom: 30px;
}

.benchmark .survey .submit {
    width: 95%;
}

.benchmark .survey .vs {
    float: left;
    margin: 25px 7px;
    color: #bbb;
    font-size: 16px;
}

.benchmark .contextual-tooltip {
    float: left;
    margin-left: 15px;
    margin-top: 30px;
    clear: both;
}

.benchmark .contextual-tooltip .tip {
    bottom: 47px;
    width: 410px;
}

.stacked_menu_settings {
    padding: 0 20px 20px 20px;
}

.stacked_menu_settings .section .title {
    font-size: 11px;
    padding: 10px 10px 16px 0;
    margin: 20px 0 8px 0;
    border-bottom: 1px solid #E8E8E8;
    text-align: left
}

.stacked_menu_settings .section .title i {
    opacity: 0.9;
}

.stacked_menu_settings .section .new-label {
    color: #5abbe1;
    padding-left: 3px;
    font-family: "Lucida Grande";
    font-size: 9px;
    font-weight: bold;
}

body[lang|="ja"] #wrapper.os-windows .launchpad_content .tour_page.slide .content h3, body[lang|="ja"] #wrapper.os-windows .launchpad_content .tour_page.slide .content p {
    font-family: inherit;
}

body[lang|="ja"] #wrapper.os-windows .launchpad_content .tour_page.slide .content h3 {
    font-size: 4.5em;
}

body[lang|="ja"] #wrapper.os-windows .launchpad_content .tour_page.slide .content p {
    font-size: 1.5em;
}

body[lang|="ja"] #wrapper.os-windows .benchmark .unit, body[lang|="ja"] #wrapper.os-windows .benchmark .industry .description, body[lang|="ja"] #wrapper.os-windows .benchmark .global .description, body[lang|="ja"] #wrapper.os-windows .benchmark .industry .category, body[lang|="ja"] #wrapper.os-windows .benchmark .global .category {
    font-family: "Lucida Grande","Hiragino Kaku Gothic Pro","?????? Pro W3","????",Meiryo,"MS P????",Helvetica,Arial,Verdana,sans-serif;
    font-size: 14px;
    top: 65px;
}

body[lang|="ja"] #wrapper.os-windows .benchmark .unit {
    font-size: 25px;
}

body[lang|="ja"] #wrapper .launchpad_content .tour_page.slide .content h3, body[lang|="ja"] #wrapper .launchpad_content .tour_page.slide .content p {
    width: 415px;
}

.audit-notification-modal .cancel {
    float: left;
}

.audit-notification-modal .modal-body {
    max-height: 550px;
    padding: 0;
}

.audit-notification-modal .modal-body .body {
    padding: 15px;
}

.audit-notification-modal .modal-body table {
    margin: 0;
    color: #888;
}

.audit-notification-modal .modal-body table tr:first-child th {
    width: 1px;
    white-space: nowrap;
}

.audit-notification-modal .modal-body table tr:first-child td, .audit-notification-modal .modal-body table tr:first-child th {
    border-top: 0;
}

.audit-notification-modal .modal-body table tr:last-child th, .audit-notification-modal .modal-body table tr:last-child td {
    border-bottom: 1px solid #ddd;
}

.audit-notification-modal .modal-body table th {
    padding-left: 15px;
}

.suspended-ticket-modal .cancel {
    float: left;
}

.suspended-ticket-modal .dropdown-menu strong {
    font-weight: normal;
}

.suspended-ticket-modal .modal-body {
    max-height: 550px;
    padding: 0;
}

.suspended-ticket-modal .modal-body .body {
    padding: 15px;
}

.suspended-ticket-modal .modal-body table {
    margin: 0;
    color: #888;
}

.suspended-ticket-modal .modal-body table tr:first-child td, .suspended-ticket-modal .modal-body table tr:first-child th {
    border-top: 0;
}

.suspended-ticket-modal .modal-body table tr:last-child th, .suspended-ticket-modal .modal-body table tr:last-child td {
    border-bottom: 1px solid #ddd;
}

.suspended-ticket-modal .modal-body table th {
    padding-left: 15px;
}

ul.recovery_notification {
    margin: 0 0 8px 8px;
}

ul.recovery_notification li {
    list-style: none;
    margin-top: 8px;
}

.remove-organization-modal button:first-of-type {
    float: left;
}

.remove-organization-modal li {
    padding-bottom: 10px;
}

.remove-organization-modal .modal-body p:last-of-type {
    padding-bottom: 0;
}

.email-v2-content .email-v2 {
    margin: 60px 15px 40px 15px;
    padding: 50px 30px;
    color: gray;
    width: auto;
    margin: 0 auto;
}

.email-v2-content .email-v2 label {
    display: inline;
}

.email-v2-content .email-v2 div, .email-v2-content .email-v2 p, .email-v2-content .email-v2 h4, .email-v2-content .email-v2 h5 {
    cursor: default;
}

.email-v2-content .email-v2 a:hover {
    text-decoration: none;
}

.email-v2-content .email-v2 h4 {
    color: #555;
    margin-top: 40px;
    margin-bottom: 5px;
    font-weight: 400;
    font-size: 16px;
}

.email-v2-content .email-v2 h5 {
    color: #333;
    font-weight: 500;
    font-size: 16px;
}

.email-v2-content .email-v2 hr {
    margin: 30px auto;
    width: 82%;
}

.email-v2-content .email-v2 .title {
    font-size: 20px;
    font-weight: 300;
    color: #555;
}

.email-v2-content .email-v2 .title + p {
    margin: 5px auto 30px;
    color: #777;
    font-weight: 300;
}

.email-v2-content .email-v2 .action-button {
    background-color: #79a21d;
    border-color: #79a21d;
    color: rgba(255,255,255,0.8);
    box-shadow: none;
    border-radius: 4px;
    -webkit-transition: background-color 0.25s ease,color 0.25s ease;
    -webkit-transition-delay: 0s,0s;
    transition: background-color 0.25s ease 0s,color 0.25s ease 0s;
    display: inline-block;
    font-size: 12px;
    font-weight: 300;
    letter-spacing: 1px;
    margin-bottom: 0px;
    padding: 11px 25px 10px;
    vertical-align: bottom;
}

.email-v2-content .email-v2 .action-button:hover {
    background-color: #86ac1a;
    border-color: #86ac1a;
    color: #ffffff;
}

.email-v2-content .email-v2 .action-button:active, .email-v2-content .email-v2 .action-button.active {
    background-color: #729b00;
    border-color: #729b00;
    color: #ffffff;
}

.email-v2-content .email-v2 .back-icon {
    float: left;
    padding: 0px 15px;
    margin-left: 9%;
    margin-top: -35px;
    font-size: 35px;
    color: #AAA;
    -webkit-transition: color 0.25s ease;
    -webkit-transition-delay: 0s;
    transition: color 0.25s ease 0s;
}

.email-v2-content .email-v2 .back-icon:hover {
    text-decoration: none;
    color: #777;
}

.email-v2-content .email-v2 .capsule {
    background-color: #f8f8f8;
    max-height: 46px;
    overflow: hidden;
    border: 1px solid transparent;
    padding: 0px 0px 10px 0px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 3px;
    -webkit-transition: all 0.25s ease;
    -webkit-transition-delay: 0s;
    transition: all 0.25s ease 0s;
}

.email-v2-content .email-v2 .capsule.collapsed:hover {
    background-color: #e3e3e3;
}

.email-v2-content .email-v2 .capsule.collapsed .header .arrow.down {
    display: inline-block;
}

.email-v2-content .email-v2 .capsule.expanded {
    max-height: 999px;
    background-color: #fff;
    border: 1px solid #78a300;
}

.email-v2-content .email-v2 .capsule.expanded .header .arrow.up {
    display: inline-block;
}

.email-v2-content .email-v2 .capsule .header {
    padding: 15px 25px;
    color: #333;
    font-weight: 600;
    cursor: pointer;
    position: relative;
    border-radius: 3px;
}

.email-v2-content .email-v2 .capsule .header .arrow {
    -webkit-transform: scale(2, 1);
    -ms-transform: scale(2, 1);
    transform: scale(2, 1);
    display: none;
    font-size: 7px;
    color: #c4c4c4;
    line-height: 15px;
    position: absolute;
    right: 28px;
}

.email-v2-content .email-v2 .capsule .header .arrow:hover {
    color: #555;
}

.email-v2-content .email-v2 .capsule .descriptions {
    display: table-cell;
    width: 60%;
    padding: 5px 25px;
    font-weight: 300;
    line-height: 150%;
    color: #999;
    white-space: normal;
}

.email-v2-content .email-v2 .capsule .field {
    display: table-cell;
    width: 40%;
    vertical-align: middle;
    padding: 10px 25px;
}

.email-v2-content .email-v2 .contextual-tooltip {
    margin-left: 5px;
}

.email-v2-content .email-v2 .contextual-tooltip .info-icon {
    vertical-align: middle;
    width: 16px;
    height: 16px;
    font-size: 13px;
}

.email-v2-content .email-v2 .contextual-tooltip .tip {
    top: 0px;
    left: 21px;
}

.email-v2-content .email-v2 .contextual-tooltip .tip h5 {
    font-size: 12px;
    font-weight: 600;
}

.email-v2-content .email-v2 .contextual-tooltip .tip p {
    width: auto;
    margin: 10px 15px;
    color: #777;
}

.email-v2-content .email-v2 .description {
    font-weight: 300;
    color: #777;
    margin-bottom: 20px;
}

.email-v2-content .email-v2 .heading {
    font-weight: 400;
    color: #555;
}

.email-v2-content .email-v2 .bold {
    font-weight: strong-weight;
    color: #333;
    padding: 0 10px;
}

.email-v2-content .email-v2 input[type=checkbox] {
    display: inline-block;
    vertical-align: middle;
    margin-right: 3px;
}

.email-v2-content .email-v2 .icon {
    font-family: 'entypo';
}

.email-v2-content .email-v2 .icon.new-page {
    color: #aaa;
    font-size: 25px;
    margin-left: 2px;
    vertical-align: sub;
    line-height: 40%;
}

.email-v2-content .email-v2 .input-section {
    margin: 30px auto;
    width: 420px;
    text-align: left;
}

.email-v2-content .email-v2 .input-section span {
    margin: 5px 0;
}

.email-v2-content .email-v2 .section {
    margin-top: 15px;
    margin-bottom: 40px;
}

.email-v2-content .email-v2 .hint {
    font-weight: 300;
    color: #777;
    margin: 5px auto;
    width: 100%;
}

.email-v2-content .email-v2 .outer {
    margin: 0 auto;
}

.email-v2-content .email-v2 .outer .left {
    float: left;
    margin-left: 9%;
}

.email-v2-content .email-v2 .outer .right {
    float: right;
    margin-right: 9%;
}

.email-v2-content .email-v2 .error {
    display: none;
    color: #bd322c;
    padding: 5px 0;
}

.email-v2-content .email-v2 .error .circle-icon {
    border: 1px solid #bd322c;
    color: #bd322c;
    cursor: default;
    font-weight: 600;
    vertical-align: top;
}

.email-v2-content .email-v2 .error .circle-icon:hover {
    border-color: #bd322c;
    color: #bd322c;
}

.email-v2-content .email-v2 .error .error-text {
    margin-left: 5px;
    display: inline-block;
    width: 90%;
}

.email-v2-content .email-v2 .error .error-description {
    display: block;
    margin-left: 25px;
    margin-top: 5px;
    color: #777;
    font-weight: 300;
}

.email-v2-content .email-v2 .show {
    display: block;
}

.email-v2-content .email-v2 .invalid-text-border {
    border: 1px solid #bd322c;
}

.email-v2-content .email-v2 .select-disabled {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.email-v2-content .email-v2 .circle-icon {
    color: #ccc;
    border: 1px solid #ccc;
    border-radius: 50%;
    width: 15px;
    height: 15px;
    font-family: MyHelveticaNeue, Helvetica Neue, Helvetica, Arial, Sans-serif;
    -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;
    display: inline-block;
    text-align: center;
    cursor: pointer;
}

.email-v2-content .email-v2 .circle-icon:hover {
    color: #777;
    border-color: #777;
}

.email-v2-content .email-v2 .circle-icon.left {
    float: left;
}

.email-v2-content .email-v2 .email-list {
    text-align: left;
    margin-left: 80px;
}

.email-v2-content .email-v2 .email-list li {
    margin-top: 5px;
    margin-right: 9%;
    position: relative;
}

.email-v2-content .email-v2 .email-list li > div {
    padding: 5px 10px 0 10px;
}

.email-v2-content .email-v2 .email-list li .email-action {
    display: inline-block;
    position: absolute;
    right: 10px;
}

.email-v2-content .email-v2 .email-list .edit-column {
    display: inline-block;
    margin: 10px 0 10px 15px;
    vertical-align: top;
}

.email-v2-content .email-v2 .email-list .email-column {
    width: 240px;
}

.email-v2-content .email-v2 .email-list .email-column input {
    border: none;
}

.email-v2-content .email-v2 .email-list .email-column .email-local {
    width: 75px;
    padding-right: 5px;
    margin-right: -2px;
    text-align: right;
}

.email-v2-content .email-v2 .email-list .email-column .email-domain {
    width: 125px;
    background-color: #FAFAFA;
    color: #CCC;
    padding-left: 5px;
    text-align: left;
}

.email-v2-content .email-v2 .email-list .name-column {
    width: 200px;
}

.email-v2-content .email-v2 .email-list .name-column input {
    border: 0px;
    width: 190px;
}

.email-v2-content .email-v2 .email-list .editing {
    background-color: #EEE;
}

.email-v2-content .email-v2 .highlight {
    display: inline-block;
    color: #333;
    font-weight: 500;
    font-size: 16px;
    margin: 5px auto;
    padding: 10px 100px;
    border-radius: 4px;
    border-bottom: 2px;
}

.email-v2-content .email-v2 .steps {
    margin: 15px auto;
    position: relative;
    display: inline-block;
}

.email-v2-content .email-v2 .steps hr {
    margin-top: -13px;
    width: 80%;
}

.email-v2-content .email-v2 .circle {
    border-radius: 50%;
    width: 25px;
    height: 25px;
    background-color: #ddd;
    color: #FFF;
    display: inline-block;
    text-align: center;
    font-size: 15px;
    font-weight: 300;
    line-height: 26px;
    margin-left: 20px;
    margin-right: 20px;
    cursor: default;
}

.email-v2-content .email-v2 .circle.active {
    background-color: #78a300;
    color: white;
}

.email-v2-content .email-v2 .line {
    border-bottom: 1px solid #777;
    width: 50px;
}

.email-v2-content .email-v2.ready ul {
    width: 60%;
    margin: auto;
    text-align: left;
    font-weight: 300;
    list-style: disc;
}

.email-v2-content .email-v2.ready ul li {
    padding: 3px 0px;
}

.email-v2-content .email-v2.ready .graphics {
    margin: 30px auto 5px;
}

.email-v2-content .email-v2.ready .highlight {
    background-color: #f8f8f8;
    margin-bottom: 15px;
    font-size: 18px;
    min-width: 40%;
}

.email-v2-content .email-v2.forwarding h4.highlight {
    font-size: 18px;
    color: #999;
    padding: 30px 5px;
    margin: 7px 0px;
    min-width: 100%;
    text-align: center;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.email-v2-content .email-v2.forwarding .outer .action-button {
    margin-top: -8px;
    margin-right: 9%;
}

.email-v2-content .email-v2.forwarding .email-input {
    max-width: 500px;
    text-align: left;
    display: inline-block;
    white-space: nowrap;
}

.email-v2-content .email-v2.forwarding .email-input .hint {
    font-size: 13px;
    margin: 5px 0px;
    max-width: 100%;
    line-height: 130%;
}

.email-v2-content .email-v2.forwarding .email-input .forwarding-email-input {
    padding: 8px 15px;
    margin: 7px 7px 0px 0px;
    width: 260px;
    font-size: 14px;
}

.email-v2-content .email-v2.forwarding .email-input label {
    color: #333;
    display: block;
    font-weight: 500;
    white-space: normal;
    display: inline-block;
}

.email-v2-content .email-v2.forwarding .error-box {
    display: none;
    width: 60%;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #e3e3e3;
    border-radius: 4px;
    padding: 15px 15px 20px;
    margin: 0px auto 25px;
    text-align: left;
    background-color: #fdfdfd;
}

.email-v2-content .email-v2.forwarding .error-box.show {
    display: inherit;
}

.email-v2-content .email-v2.forwarding .error-box .error {
    display: inherit;
    margin-left: 25px;
    position: relative;
}

.email-v2-content .email-v2.forwarding .error-box .error .circle-icon {
    position: absolute;
    top: 4px;
    left: -25px;
}

.email-v2-content .email-v2.forwarding .error-box .error .error-text {
    margin-left: 0px;
    font-weight: 600;
    font-size: 13px;
}

.email-v2-content .email-v2.forwarding .error-box .message {
    margin: 0px 25px;
    width: auto;
    color: #999;
}

.email-v2-content .email-v2.forwarding .help-content {
    margin: 10px 0px;
}

.email-v2-content .email-v2.forwarding .help-content code {
    width: 100%;
    display: inline-block;
    text-align: center;
    border: 1px solid #ddd;
    padding: 4px 0px;
    color: #bd322c;
}

.email-v2-content .email-v2.forwarding .help-content code.loading {
    background: url(../images/dotted_bar.gif) no-repeat 50%;
    background-size: 15% 37%;
}

.email-v2-content .email-v2.forwarding .confirmation-checkbox {
    margin: 35px auto 10px;
    width: 89.5%;
}

.email-v2-content .email-v2.forwarding .confirmation-checkbox span {
    display: inline-block;
    width: 95%;
    vertical-align: top;
    line-height: 150%;
}

.email-v2-content .email-v2.forwarding .graphics {
    padding-top: 30px;
    overflow: hidden;
}

.email-v2-content .email-v2.forwarding .graphics .check-mark {
    display: inline-block;
    font-family: 'entypo';
    font-size: 180px;
    color: #78a300;
    height: 150px;
    width: 150px;
    line-height: 88%;
    border-radius: 50%;
    border: 2px solid #78a300;
    margin-bottom: 25px;
    margin-top: -30px;
}

#wrapper.os-windows .email-v2-content .email-v2.forwarding .graphics .check-mark {
    line-height: 37%;
}

.email-v2-content .email-v2.forwarding .image-asset {
    width: 400px;
    height: 150px;
    margin: 0px auto;
    padding: 20px 0px 30px;
}

.email-v2-content .email-v2.forwarding .email-static {
    background: url(/agent/assets/launchpad/email-dae4ef2cc76ef5c8093033b4d0e964ee.png) no-repeat 50%;
    background-size: 35%;
}

.email-v2-content .email-v2.forwarding .email-animation {
    background: url(/agent/assets/launchpad/email_forwarding-083bc7ee6e33fded02745675891af08a.gif) no-repeat 50%;
    background-size: 100%;
}

.email-v2-content .email-v2.forwarding .readings {
    text-align: left;
    margin-top: 15px;
}

.email-v2-content .email-v2.forwarding .readings h5, .email-v2-content .email-v2.forwarding .readings p {
    width: 60%;
}

.email-v2-content .email-v2.forwarding .readings h5 {
    font-weight: 400;
    margin: auto;
}

.email-v2-content .email-v2.forwarding .success-message {
    width: 60%;
    margin: auto;
}

.email-v2-content .email-v2.welcome h4 {
    font-size: 20px;
}

.email-v2-content .email-v2.welcome h4.highlight {
    padding: 8px 35px;
    margin-top: 10px;
}

.email-v2-content .email-v2.welcome .options {
    width: 84.5%;
    display: inline-block;
    margin: 25px auto 20px;
}

.email-v2-content .email-v2.welcome .option {
    display: inline-block;
    position: relative;
    width: 33.5%;
    vertical-align: top;
    margin: 30px 10px 10px;
    padding: 10px 3% 65px;
    background-color: #f8f8f8;
    border-radius: 4px;
}

.email-v2-content .email-v2.welcome .option .icon {
    font-size: 120px;
    line-height: 110px;
}

#wrapper.os-windows .email-v2-content .email-v2.welcome .option .icon {
    line-height: 40%;
}

.email-v2-content .email-v2.welcome .option h5 {
    margin: 0;
}

.email-v2-content .email-v2.welcome .option .highlight {
    display: inline-block;
    margin-bottom: 15px;
}

.email-v2-content .email-v2.welcome .option .hint {
    font-size: 14px;
    margin: 5px 0 30px;
}

.email-v2-content .email-v2.welcome .option .action-footer {
    position: absolute;
    bottom: 25px;
    left: 0;
    text-align: center;
    width: 100%;
}

ul#screencasts_list {
    margin-left: 0px !important;
}

ul#screencasts_list li {
    position: relative;
    cursor: pointer;
    display: inline-block;
    margin: 0 10px 10px 0;
    width: 190px;
    height: 110px;
    border-radius: 7px;
    border: 1px solid #999999;
}

ul#screencasts_list li:after {
    content: "?";
    font-size: 2em;
    text-shadow: 0 -1px black;
    color: #ffffff;
    padding: 14px;
    position: absolute;
    background: #90B703;
    top: 35px;
    left: 70px;
    border: 1px solid #688402;
    box-shadow: inset 0 1px rgba(250,250,250,0.5);
    border-radius: 10px;
}

#screencast_preview {
    width: 570px;
    padding: 12px;
}

#screencast_preview #screencast_comment {
    margin: 10px 0 10px 0;
}

#screenr_iframe {
    width: 570px;
    height: 340px;
}

.modal-gallery {
    width: auto !important;
    max-height: none;
    outline: none;
}

.modal-gallery .modal-body {
    max-height: none;
}

.modal-gallery .modal-title {
    display: inline-block;
    max-height: 54px;
    overflow: hidden;
}

.modal-gallery .modal-image {
    position: relative;
    margin: auto;
    min-width: 128px;
    min-height: 128px;
    overflow: hidden;
    cursor: pointer;
}

.modal-gallery .modal-image:hover:before, .modal-gallery .modal-image:hover:after {
    content: '\2039';
    position: absolute;
    top: 50%;
    left: 15px;
    width: 40px;
    height: 40px;
    margin-top: -20px;
    font-size: 60px;
    font-weight: 100;
    line-height: 30px;
    color: #ffffff;
    text-align: center;
    background: #222222;
    border: 3px solid #ffffff;
    border-radius: 23px;
    opacity: 0.5;
    filter: alpha(opacity=50);
    z-index: 1;
}

.modal-gallery .modal-image:hover:after {
    content: '\203A';
    left: auto;
    right: 15px;
}

.modal-single .modal-image:hover:before, .modal-single .modal-image:hover:after {
    display: none;
}

.modal-loading .modal-image {
    background: url(/agent/assets/icons/spinners/loading_2x_ff-e93736549f833458ede55c6288f48bc4.gif) center no-repeat;
}

.modal-gallery.fade .modal-image {
    transition: width 0.15s ease, height 0.15s ease;
}

.modal-gallery .modal-image * {
    position: absolute;
    top: 0;
    opacity: 0;
    filter: alpha(opacity=0);
}

.modal-gallery.fade .modal-image * {
    transition: opacity 0.5s linear;
}

.modal-gallery .modal-image *.in {
    opacity: 1;
    filter: alpha(opacity=100);
}

.modal-fullscreen {
    border: none;
    border-radius: 0;
    background: transparent;
    overflow: hidden;
}

.modal-fullscreen.modal-loading {
    border: 0;
    box-shadow: none;
}

.modal-fullscreen .modal-body {
    padding: 0;
}

.modal-fullscreen .modal-header, .modal-fullscreen .modal-footer {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    background: transparent;
    border: 0;
    box-shadow: none;
    opacity: 0;
    z-index: 2000;
}

.modal-fullscreen .modal-footer {
    top: auto;
    bottom: 0;
}

.modal-fullscreen .close, .modal-fullscreen .modal-title {
    color: #fff;
    text-shadow: 0 0 2px rgba(33,33,33,0.8);
}

.modal-fullscreen .modal-header:hover, .modal-fullscreen .modal-footer:hover {
    opacity: 1;
}

@media (max-width: 767px) {
    .modal-gallery .btn span {
        display: none;
    }

    .modal-fullscreen {
        right: 0;
        left: 0;
    }
}

.modal-footer .btn.modal-download {
    margin-left: 5px;
    float: left;
}


.cs-disable-all-content {
    pointer-events: none;
    opacity: 0.4;
}

.search-by-segment p{
    margin-bottom: 10px;
    display: inline-block;
}
.glyphicon.glyphicon-refresh.reload{
    float:right;
}
.glyphicon.glyphicon-refresh.reload:hover{
    cursor: pointer;
}
#mainReport .zd-icon-arrow-down,#mainReport .caret{
    border-top-color:black;
}

.nya-bs-select.bs-select-ticket.btn-group .dropdown-menu{
    width: 100%;
}