@charset 'UTF-8';
/* BEGIN ./activities/filters/stylesheets/filters.scss */
.ticket_summary .search .author.agent:after,
.filter_tickets th.collision div,
.filter_tickets td.collision div {
  background: url(https://html-assets-prod.guideflow.com/10d8ab806a830d05d79e2ba050cc4bd58ac16123) no-repeat;
}

.ticket_summary .search .author.agent:after {
  background-position: 0px 0px; }

.filter_tickets th.collision div, .filter_tickets td.collision div {
  background-position: 0px -18px; }

/* END ./app/assets/stylesheets/_globals-sprites.scss */
/* BEGIN ./activities/filters/stylesheets/areas/filters.scss */
.filters .pane header .dropdown, .user_filters .pane header .dropdown, .user .pane header .dropdown {
  display: inline;
  cursor: pointer;
  float: left; }
  html[data-rtl-language='true'] .filters .pane header .dropdown, html[data-rtl-language='true'] .user_filters .pane header .dropdown, html[data-rtl-language='true'] .user .pane header .dropdown {
    float: right; }
  .filters .pane header .dropdown .caret, .user_filters .pane header .dropdown .caret, .user .pane header .dropdown .caret {
    margin-top: 10px; }
  .filters .pane header .dropdown ul, .user_filters .pane header .dropdown ul, .user .pane header .dropdown ul {
    margin-top: 4px; }
    html[data-rtl-language='true'] .filters .pane header .dropdown ul, html[data-rtl-language='true'] .user_filters .pane header .dropdown ul, html[data-rtl-language='true'] .user .pane header .dropdown ul {
      left: 0;
      right: auto; }
    html[data-rtl-language='true'] .filters .pane header .dropdown ul, html[data-rtl-language='true'] .user_filters .pane header .dropdown ul, html[data-rtl-language='true'] .user .pane header .dropdown ul {
      left: auto;
      margin-right: 0; }

.filters .pane.right header h1:not(.can_edit) .edit_filter, .user_filters .pane.right header h1:not(.can_edit) .edit_filter, .user .pane.right header h1:not(.can_edit) .edit_filter {
  display: none; }

.filters .pane.right header h1 .refresh, .user_filters .pane.right header h1 .refresh, .user .pane.right header h1 .refresh {
  margin: -2px 0 0 10px;
  background: #6BF;
  padding: 5px 12px;
  color: white;
  float: none;
  border-radius: 4px; }

.filters .pane.right header h1 .filter-title, .user_filters .pane.right header h1 .filter-title, .user .pane.right header h1 .filter-title {
  display: inline-block;
  vertical-align: middle; }

.filters .pane.right header h1 .skill-view-badge, .user_filters .pane.right header h1 .skill-view-badge, .user .pane.right header h1 .skill-view-badge {
  background-color: #e9ebed;
  background-image: url(https://html-assets-prod.guideflow.com/3c22a2f4e67c3bccd3e789cc4c56c941f023948c);
  background-position: 5px center;
  background-repeat: no-repeat;
  display: inline-block;
  font-size: 14px;
  line-height: 18px;
  margin: 0 10px;
  padding: 6px 10px 6px 25px;
  vertical-align: middle; }

.filters > .pane.left, .user_filters > .pane.left, .user > .pane.left {
  overflow-y: visible; }
  .filters > .pane.left .filter-group-heading, .user_filters > .pane.left .filter-group-heading, .user > .pane.left .filter-group-heading {
    padding: 9px 0;
    border-bottom: 1px dotted #D8DCDE;
    /* Grey-300 */
    margin: 15px 15px 8px;
    font-weight: 600; }
  .filters > .pane.left ul.filters, .user_filters > .pane.left ul.filters, .user > .pane.left ul.filters {
    list-style: none;
    text-indent: 0;
    margin: 0;
    padding: 15px; }
    .filters > .pane.left ul.filters.play-only li.play-button.guideflow_hovered .count, .user_filters > .pane.left ul.filters.play-only li.play-button.guideflow_hovered .count, .user > .pane.left ul.filters.play-only li.play-button.guideflow_hovered .count {
      background: url(https://html-assets-prod.guideflow.com/661944514af727246a8b11320e1c9721cc620436) 15px 0/contain no-repeat;
      color: transparent;
      margin-right: 8px; }
    .filters > .pane.left ul.filters.play-only li.play-button.legacy-styling.guideflow_hovered .count, .user_filters > .pane.left ul.filters.play-only li.play-button.legacy-styling.guideflow_hovered .count, .user > .pane.left ul.filters.play-only li.play-button.legacy-styling.guideflow_hovered .count {
      margin-right: 0; }
    .filters > .pane.left ul.filters li, .user_filters > .pane.left ul.filters li, .user > .pane.left ul.filters li {
      height: 35px;
      padding: 0;
      margin: 0;
      border-left: 3px solid transparent;
      user-select: none;
      /* avoid selection on right-click */ }
      .filters > .pane.left ul.filters li .skill-filtered-view-icon, .user_filters > .pane.left ul.filters li .skill-filtered-view-icon, .user > .pane.left ul.filters li .skill-filtered-view-icon {
        background: url(https://html-assets-prod.guideflow.com/3c22a2f4e67c3bccd3e789cc4c56c941f023948c);
        display: inline-block;
        height: 16px;
        margin-right: 3px;
        vertical-align: middle;
        width: 16px; }
      .filters > .pane.left ul.filters li a, .user_filters > .pane.left ul.filters li a, .user > .pane.left ul.filters li a {
        color: #2F3941; }
      .filters > .pane.left ul.filters li:first-of-type a, .user_filters > .pane.left ul.filters li:first-of-type a, .user > .pane.left ul.filters li:first-of-type a {
        padding-bottom: 7px; }
      .filters > .pane.left ul.filters li.has-zero-ticket-count:not(.selected) a, .user_filters > .pane.left ul.filters li.has-zero-ticket-count:not(.selected) a, .user > .pane.left ul.filters li.has-zero-ticket-count:not(.selected) a {
        color: #68737D; }
      .filters > .pane.left ul.filters li.has-zero-ticket-count.legacy-styling:not(.selected) a .count, .user_filters > .pane.left ul.filters li.has-zero-ticket-count.legacy-styling:not(.selected) a .count, .user > .pane.left ul.filters li.has-zero-ticket-count.legacy-styling:not(.selected) a .count {
        color: #68737D; }
      .filters > .pane.left ul.filters li.skill-filtered-view a .count, .user_filters > .pane.left ul.filters li.skill-filtered-view a .count, .user > .pane.left ul.filters li.skill-filtered-view a .count {
        color: transparent !important; }
      .filters > .pane.left ul.filters li.selected, .user_filters > .pane.left ul.filters li.selected, .user > .pane.left ul.filters li.selected {
        background-color: #E9EBED;
        /* Grey-200 */
        color: #2F3941;
        /* Grey-800 */
        font-weight: 600; }
      .filters > .pane.left ul.filters li.legacy-styling.selected .count, .user_filters > .pane.left ul.filters li.legacy-styling.selected .count, .user > .pane.left ul.filters li.legacy-styling.selected .count {
        font-weight: 600; }
      .filters > .pane.left ul.filters li:not(.selected).guideflow_hovered, .user_filters > .pane.left ul.filters li:not(.selected).guideflow_hovered, .user > .pane.left ul.filters li:not(.selected).guideflow_hovered {
        background-color: #E9EBED;
        /* Grey-200 */ }
      .filters > .pane.left ul.filters li a, .user_filters > .pane.left ul.filters li a, .user > .pane.left ul.filters li a {
        display: block;
        padding: 9px 54px 9px 13px;
        text-decoration: none;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis; }
        html[data-rtl-language='true'] .filters > .pane.left ul.filters li a, html[data-rtl-language='true'] .user_filters > .pane.left ul.filters li a, html[data-rtl-language='true'] .user > .pane.left ul.filters li a {
          text-align: right;
          padding: 9px 13px 9px 52px; }
      .filters > .pane.left ul.filters li.suspended_tickets a, .filters > .pane.left ul.filters li.deleted_tickets a, .user_filters > .pane.left ul.filters li.suspended_tickets a, .user_filters > .pane.left ul.filters li.deleted_tickets a, .user > .pane.left ul.filters li.suspended_tickets a, .user > .pane.left ul.filters li.deleted_tickets a {
        color: #CC3340; }
      .filters > .pane.left ul.filters li.legacy-styling a, .user_filters > .pane.left ul.filters li.legacy-styling a, .user > .pane.left ul.filters li.legacy-styling a {
        padding: 9px 52px 9px 13px; }
      .filters > .pane.left ul.filters li .count, .user_filters > .pane.left ul.filters li .count, .user > .pane.left ul.filters li .count {
        box-sizing: border-box;
        position: absolute;
        right: 30px;
        min-width: 29px;
        float: right;
        color: #FFFFFF;
        background-color: #68737D;
        text-align: center;
        font-size: 12px;
        padding: 0px 5px;
        opacity: 1;
        border-radius: 20px;
        font-weight: 600;
        transition: color 1s, background-color 1s; }
        .filters > .pane.left ul.filters li .count.is-stale, .user_filters > .pane.left ul.filters li .count.is-stale, .user > .pane.left ul.filters li .count.is-stale {
          background-color: #1f73b7; }
        html[data-rtl-language='true'] .filters > .pane.left ul.filters li .count, html[data-rtl-language='true'] .user_filters > .pane.left ul.filters li .count, html[data-rtl-language='true'] .user > .pane.left ul.filters li .count {
          left: 30px;
          right: auto; }
      .filters > .pane.left ul.filters li.legacy-styling .count, .user_filters > .pane.left ul.filters li.legacy-styling .count, .user > .pane.left ul.filters li.legacy-styling .count {
        right: 30px;
        width: 29px;
        float: right;
        color: #2F3941;
        /* Grey-800 */
        background-color: transparent;
        text-align: right;
        font-size: 14px;
        padding: 1px 2px;
        font-weight: 400;
        border-radius: 0px; }
      .filters > .pane.left ul.filters li.legacy-styling.suspended_tickets .count, .filters > .pane.left ul.filters li.legacy-styling.deleted_tickets .count, .user_filters > .pane.left ul.filters li.legacy-styling.suspended_tickets .count, .user_filters > .pane.left ul.filters li.legacy-styling.deleted_tickets .count, .user > .pane.left ul.filters li.legacy-styling.suspended_tickets .count, .user > .pane.left ul.filters li.legacy-styling.deleted_tickets .count {
        color: #CC3340; }
  .filters > .pane.left ul.filters.fr-focus li.in-focus, .user_filters > .pane.left ul.filters.fr-focus li.in-focus, .user > .pane.left ul.filters.fr-focus li.in-focus {
    border-left: 3px solid #78a300; }
  .filters > .pane.left .filters.more, .user_filters > .pane.left .filters.more, .user > .pane.left .filters.more {
    padding: 9px 0;
    border-top: 1px dotted #D8DCDE;
    /* Grey-300 */
    margin: 15px 30px 0; }
    html[data-rtl-language='true'] .filters > .pane.left .filters.more, html[data-rtl-language='true'] .user_filters > .pane.left .filters.more, html[data-rtl-language='true'] .user > .pane.left .filters.more {
      direction: rtl; }
    .filters > .pane.left .filters.more a, .user_filters > .pane.left .filters.more a, .user > .pane.left .filters.more a {
      color: #2F3941; }
      html[data-rtl-language='true'] .filters > .pane.left .filters.more a, html[data-rtl-language='true'] .user_filters > .pane.left .filters.more a, html[data-rtl-language='true'] .user > .pane.left .filters.more a {
        float: right; }

.filters .photo, .user_filters .photo, .user .photo {
  padding: 0;
  min-width: 35px;
  width: 35px; }
  .filters .photo > img, .user_filters .photo > img, .user .photo > img {
    border-width: 0px;
    width: 25px;
    height: 25px;
    border-radius: 4px; }

.pagination li.fetching a {
  color: transparent;
  background: #f5f5f5 url(https://html-assets-prod.guideflow.com/dd93d365535d621a9f986266dabc25ef75c8fce0) no-repeat 50%/16px; }

.pagination .relative {
  font-size: 16px; }

@keyframes hold-and-fade {
  0% {
    background-color: #EDF7FF; }
  75% {
    background-color: #EDF7FF; }
  100% {
    background-color: #ffffff; } }

.filter_tickets {
  position: relative;
  width: 100%;
  background-color: transparent;
  margin-left: 15px; }
  html[data-rtl-language='true'] .filter_tickets {
    direction: rtl;
    margin-left: 0;
    margin-right: 15px; }
  .filter_tickets .is-fresh {
    background-color: #EDF7FF; }
  .filter_tickets .fresh-fade {
    animation: 4s linear forwards hold-and-fade; }
  .filter_tickets.main {
    margin-left: 0px;
    margin-top: -41px; }
    html[data-rtl-language='true'] .filter_tickets.main {
      margin-right: 0; }
  .filter_tickets caption {
    text-align: left; }
  .filter_tickets .subject a {
    display: block; }
    .filter_tickets .subject a > span {
      display: block;
      overflow: hidden;
      text-overflow: ellipsis; }
  .filter_tickets .leading > div::before {
    content: '';
    width: 3px;
    height: 40px;
    padding: 0;
    position: absolute;
    top: 0;
    left: 0; }
  html[data-rtl-language='true'] .filter_tickets .leading > div::after {
    content: '';
    width: 3px;
    height: 40px;
    padding: 0;
    position: absolute;
    top: 0;
    right: 3px; }
  .filter_tickets .is-viewed-by-others td.collision div {
    opacity: 0.6; }
  .filter_tickets .is-viewed-by-others.guideflow_hovered td.collision div {
    opacity: 1; }
  .filter_tickets .fr-focus tr.in-focus .leading > div::before {
    background-color: #1f73b7; }
    html[data-rtl-language='true'] .filter_tickets .fr-focus tr.in-focus .leading > div::before {
      left: auto;
      right: 0; }
  .filter_tickets .current_tags > div, .filter_tickets .organization_id > div {
    height: 33px;
    line-height: 33px;
    max-width: 200px;
    text-overflow: ellipsis;
    overflow: hidden; }
  .filter_tickets .current_tags > div span {
    background: #F4F4F4;
    padding: 0px 5px;
    border: solid #D8DCDE 1px;
    /* Grey-300 */
    border-radius: 3px;
    margin: 2px; }
  .filter_tickets thead tr {
    background-color: transparent;
    color: #2F3941;
    /* Grey-800 */
    font-size: 12px; }
    .filter_tickets thead tr .selection {
      font-size: 12px; }
  .filter_tickets tbody tr {
    /* See below for RTL language positioning of these elements - LOCAL-822 */ }
    .filter_tickets tbody tr.odd {
      background-color: #fafaf8; }
    .filter_tickets tbody tr.current {
      font-weight: 600; }
    .filter_tickets tbody tr.dirty {
      font-style: italic; }
    .filter_tickets tbody tr.deleted {
      cursor: default; }
    .filter_tickets tbody tr.grouping td:not(.leading) {
      color: #68737D;
      padding-left: 0;
      font-weight: 600;
      font-size: 12px; }
      html[data-rtl-language='true'] .filter_tickets tbody tr.grouping td:not(.leading) {
        text-align: right;
        padding-left: 2px;
        padding-right: 0; }
    .filter_tickets tbody tr.grouping span.grouper {
      padding-right: 2px; }
    .filter_tickets tbody tr.Closed {
      color: #87929D;
      /* Grey-500 */ }
      .filter_tickets tbody tr.Closed td.selection input {
        display: none; }
      .filter_tickets tbody tr.Closed td.subject {
        color: #87929D;
        /* Grey-500 */ }
    .filter_tickets tbody tr.saving {
      background: #FFFFEE; }
      .filter_tickets tbody tr.saving td.selection {
        background: transparent url(https://html-assets-prod.guideflow.com/dd93d365535d621a9f986266dabc25ef75c8fce0) no-repeat 0/16px; }
        .filter_tickets tbody tr.saving td.selection input {
          display: none; }
      .filter_tickets tbody tr.saving.guideflow_hovered {
        background-color: #F8F9F9;
        /* Grey-100 */ }
    .filter_tickets tbody tr.selected {
      background-color: #F8F9F9; }
      .filter_tickets tbody tr.selected .trailing, .filter_tickets tbody tr.selected .leading {
        border-top: 1px solid #E9EBED; }
    .filter_tickets tbody tr:not(.grouping).guideflow_hovered .trailing, .filter_tickets tbody tr:not(.grouping).guideflow_hovered .leading {
      border-top: 1px solid #E9EBED; }
    .filter_tickets tbody tr.selected + tr .trailing, .filter_tickets tbody tr.selected + tr .leading, .filter_tickets tbody tr:not(.grouping).guideflow_hovered + tr .trailing, .filter_tickets tbody tr:not(.grouping).guideflow_hovered + tr .leading {
      border-top: 1px solid #E9EBED; }
    .filter_tickets tbody tr:last-of-type.selected .trailing, .filter_tickets tbody tr:last-of-type.selected .leading {
      border-bottom: 1px solid #E9EBED; }
  .filter_tickets .sortable {
    cursor: pointer; }
  .filter_tickets th, .filter_tickets td {
    box-sizing: border-box;
    height: 40px;
    white-space: nowrap;
    text-align: left;
    padding: 0px 2px 0px 12px;
    vertical-align: middle;
    font-size: 14px;
    color: #2F3941; }
    html[data-rtl-language='true'] .filter_tickets th, html[data-rtl-language='true'] .filter_tickets td {
      text-align: right;
      padding: 0px 12px 0px 2px; }
    .filter_tickets th.selection, .filter_tickets td.selection {
      padding: 0;
      width: 21px;
      min-width: 21px;
      max-width: 21px;
      text-align: left; }
    .filter_tickets th.status, .filter_tickets td.status {
      padding: 0 0 0 3px;
      width: 18px;
      min-width: 18px;
      max-width: 18px; }
      html[data-rtl-language='true'] .filter_tickets th.status, html[data-rtl-language='true'] .filter_tickets td.status {
        padding: 0 3px 0 0; }
    .filter_tickets th.collision, .filter_tickets td.collision {
      padding: 0;
      width: 18px;
      min-width: 18px;
      max-width: 18px; }
      .filter_tickets th.collision div, .filter_tickets td.collision div {
        width: 12px;
        height: 8px;
        opacity: 0; }
    .filter_tickets th a, .filter_tickets td a {
      color: #2F3941; }
    .filter_tickets th .link, .filter_tickets td .link {
      color: #2F3941; }
  .filter_tickets td {
    border-top: 1px solid #E9EBED;
    text-overflow: ellipsis;
    overflow: hidden; }
    .filter_tickets td.tooltip {
      display: none; }
    .filter_tickets td.subject, .filter_tickets td.description, .filter_tickets td.custom_field {
      max-width: 250px; }
    .filter_tickets td.group_id, .filter_tickets td.organization_id, .filter_tickets td.assignee_id, .filter_tickets td.requester_id, .filter_tickets td.submitter_id {
      max-width: 100px; }
    .filter_tickets td.priority_id, .filter_tickets td.ticket_type_id, .filter_tickets td.updated_by_type_id {
      max-width: 50px; }
    .filter_tickets td.created_at, .filter_tickets td.updated_at {
      max-width: 120px; }
    .play-only .filter_tickets td.created_at {
      max-width: none; }
    .filter_tickets td a, .filter_tickets td a:active, .filter_tickets td a:visited {
      text-decoration: none; }
    .filter_tickets td.current_tags {
      padding-top: 0px;
      padding-bottom: 0px;
      max-width: 200px; }
    .filter_tickets td.leading + td {
      padding-left: 0; }
  .filter_tickets th {
    color: #2F3941;
    font-size: 12px;
    font-weight: 600;
    border-bottom: 1px solid #D8DCDE;
    letter-spacing: 0.25px; }
    .filter_tickets th.asc:after, .filter_tickets th.desc:after {
      font-size: 9px;
      position: relative;
      top: -2px;
      right: -3px;
      padding-left: 2px; }
      html[data-rtl-language='true'] .filter_tickets th.asc:after, html[data-rtl-language='true'] .filter_tickets th.desc:after {
        left: -3px;
        right: auto; }
    .filter_tickets th.asc:after {
      content: "\25b2";
      /* up arrow */ }
    .filter_tickets th.desc:after {
      content: "\25bc";
      /* down arrow */ }
  .filter_tickets:not(.deleted) .regular.guideflow_hovered td {
    background-color: #F8F9F9;
    /* Grey-100 */ }
    .filter_tickets:not(.deleted) .regular.guideflow_hovered td a, .filter_tickets:not(.deleted) .regular.guideflow_hovered td .link {
      color: #1f73b7; }
  html[data-rtl-language='true'] .filter_tickets .regular.open .trailing {
    border-top: transparent; }
  .filter_tickets .trailing, .filter_tickets .leading {
    position: relative;
    padding: 0;
    min-width: 15px;
    width: 15px;
    border-top: 1px solid transparent; }
    .filter_tickets .trailing > div, .filter_tickets .leading > div {
      position: relative;
      width: 15px;
      height: 39px; }
  html[data-rtl-language='true'] .filter_tickets .trailing, html[data-rtl-language='true'] .filter_tickets .leading, html[data-rtl-language='true'] .filter_tickets .selection, html[data-rtl-language='true'] .filter_tickets .collision {
    padding: 0; }
  .filter_tickets tr:last-of-type td {
    border-bottom: 1px solid #E9EBED;
    /* Grey-200 */ }
  .filter_tickets tr:last-of-type .trailing, .filter_tickets tr:last-of-type .leading {
    border-bottom: 1px solid transparent; }
  .filter_tickets tr:last-of-type.guideflow_hovered td.trailing, .filter_tickets tr:last-of-type.guideflow_hovered td.leading {
    border-bottom: 1px solid #E9EBED;
    /* Grey-200 */ }

/* cc'ed tickets can't be sorted yet */
.ccs .filter_tickets thead tr {
  cursor: default !important; }

span.filter_mode {
  float: right;
  margin: -28px 10px 0 0;
  color: #F0F0F0; }

.ticket_summary .arrow {
  left: 30px !important; }

.ticket_summary .popover-inner {
  width: 550px;
  border-radius: 5px;
  box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.1);
  border: 1px solid #D8DCDE;
  /* Grey-300 */ }

.ticket_summary .summary-date {
  float: right;
  font-weight: 400;
  font-size: 12px;
  color: #68737D; }
  html[data-rtl-language='true'] .ticket_summary .summary-date {
    float: left; }

.ticket_summary .suspended .summary-date {
  margin-right: 20px;
  line-height: 18px; }
  html[data-rtl-language='true'] .ticket_summary .suspended .summary-date {
    margin-left: 20px;
    margin-right: 0; }

.ticket_summary .priority {
  text-transform: lowercase; }
  .ticket_summary .priority.priority_- {
    display: none; }
  .ticket_summary .priority.priority_high {
    color: #2F3941; }
  .ticket_summary .priority.priority_urgent {
    color: #2F3941;
    font-weight: 600; }

.ticket_summary h3 {
  font-weight: 400;
  color: #68737D;
  font-size: 14px;
  padding: 21px 0 0 20px;
  border-bottom-width: 0;
  background-color: #ffffff; }
  html[data-rtl-language='true'] .ticket_summary h3 {
    padding: 21px 20px 0 0; }
  .ticket_summary h3 .details {
    padding-left: 10px;
    vertical-align: middle; }
    html[data-rtl-language='true'] .ticket_summary h3 .details {
      padding-left: 0;
      padding-right: 10px; }

.ticket_summary .popover-content {
  padding: 13px 20px 20px 20px;
  color: #2F3941;
  word-wrap: break-word; }
  .ticket_summary .popover-content p {
    white-space: normal;
    padding-bottom: 2px;
    color: #2F3941;
    font-weight: 600;
    line-height: 18px; }

.ticket_summary .popover-header {
  background-color: #f7f7f7;
  padding: 20px 20px 18px 62px;
  border-bottom: 1px solid #E9EBED;
  /* Grey-200 */
  position: relative;
  min-height: 62px;
  box-sizing: border-box; }
  html[data-rtl-language='true'] .ticket_summary .popover-header {
    padding: 20px 62px 18px 20px; }
  .ticket_summary .popover-header .subject {
    font-weight: 600;
    white-space: pre-line;
    line-height: 18px;
    margin-bottom: 2px; }
  .ticket_summary .popover-header .photo {
    position: absolute;
    top: 20px;
    left: 20px;
    border-radius: 4px;
    width: 32px;
    height: 32px; }
    html[data-rtl-language='true'] .ticket_summary .popover-header .photo {
      left: auto;
      right: 20px; }

.ticket_summary .other-viewers {
  background-color: #f7f7f7;
  padding: 15px 15px 15px 45px;
  border-bottom: 1px solid #E9EBED;
  /* Grey-200 */
  position: relative; }
  .ticket_summary .other-viewers:after {
    content: '';
    position: absolute;
    top: 15px;
    left: 20px;
    width: 16px;
    height: 16px;
    background-repeat: no-repeat;
    background-image: url(https://html-assets-prod.guideflow.com/81c91152f62bb35dcb2e4b71f4f5d4ceee43f9d5); }

.ticket_summary .last-comment-header, .ticket_summary .next-sla-header, .ticket_summary .comments-header {
  color: #68737D;
  padding-bottom: 7px;
  margin-top: 23px;
  font-size: 14px;
  border-bottom: 1px solid #D8DCDE;
  /* Grey-300 */ }

.ticket_summary .comments-header {
  margin-top: 5px; }

.ticket_summary .description {
  margin-bottom: 23px; }

.ticket_summary .comment-container {
  position: relative;
  padding-left: 43px; }
  .ticket_summary .comment-container .photo {
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 4px;
    width: 32px;
    height: 32px; }
  .ticket_summary .comment-container .comment {
    margin-top: 0; }

.ticket_summary .field-container {
  margin-top: 20px; }
  .ticket_summary .field-container .field-title {
    color: #68737D;
    font-size: 14px; }
  .ticket_summary .field-container .field {
    margin-top: 7px;
    line-height: 18px; }
  .ticket_summary .field-container .tag {
    display: inline-block;
    margin: 0 3px 3px 0;
    padding: 3px 6px 4px 6px;
    background: #F8F9F9;
    /* Grey-100 */
    font-size: 12px;
    line-height: 14px;
    color: #2F3941;
    /* Grey-800 */
    min-height: 13px;
    border-radius: 3px;
    border: 1px solid #D8DCDE;
    /* Grey-300 */
    word-break: break-all;
    white-space: pre-wrap;
    word-wrap: break-word; }

.ticket_summary .more-comments-notice, .ticket_summary .more-fields-notice {
  text-align: right;
  color: #68737D;
  font-size: 12px;
  margin-top: 20px; }

.ticket_summary .next-sla-header {
  margin-bottom: 18px; }

.ticket_summary .last-comment-subhead, .ticket_summary .comment-subhead {
  margin: 17px 0 11px 0;
  line-height: 18px; }

.ticket_summary .comment-subhead {
  margin-bottom: 5px;
  height: 13px; }

.ticket_summary .author {
  font-weight: 600; }

.ticket_summary .search .author {
  max-width: 360px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  position: relative;
  padding-right: 18px;
  float: left; }
  .ticket_summary .search .author.agent:after {
    content: '';
    position: absolute;
    display: block;
    position: absolute;
    right: 0;
    top: 1px;
    width: 14px;
    height: 14px; }

.ticket_summary .comment {
  margin-top: 7px;
  white-space: pre-line;
  line-height: 18px; }
  .ticket_summary .comment.private-comment {
    padding: 11px 15px;
    border-radius: 3px;
    border: 1px solid #efdaa3;
    background-color: #fff6d9; }

.filter-export {
  position: absolute;
  right: 20px;
  top: 12px; }

.tooltip.filter-tooltip {
  max-width: 200px; }
  .tooltip.filter-tooltip.in {
    opacity: 1; }
  .tooltip.filter-tooltip.current_tags span {
    background: #F4F4F4;
    padding: 0px 5px;
    border: solid #D8DCDE 1px;
    /* Grey-300 */
    border-radius: 3px;
    margin: 2px;
    display: inline-block; }
  .tooltip.filter-tooltip.organization_id span {
    display: block; }
  .tooltip.filter-tooltip .tooltip-inner {
    color: #2F3941;
    /* Grey-800 */
    padding: 10px 15px;
    text-align: left;
    line-height: 18px;
    position: relative;
    background: #ffffff;
    border: 1px solid #D8DCDE;
    /* Grey-300 */
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); }
  .tooltip.filter-tooltip .tooltip-inner:after, .tooltip.filter-tooltip .tooltip-inner:before {
    bottom: 100%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none; }
  .tooltip.filter-tooltip .tooltip-inner:after {
    border-color: rgba(255, 255, 255, 0);
    border-bottom-color: #ffffff;
    border-width: 5px;
    left: 50%;
    margin-left: -5px; }
  .tooltip.filter-tooltip .tooltip-inner:before {
    border-color: rgba(213, 213, 213, 0);
    border-bottom-color: #D8DCDE;
    /* Grey-300 */
    border-width: 6px;
    left: 50%;
    margin-left: -6px; }
  .tooltip.filter-tooltip.bottom .tooltip-arrow {
    display: none; }

section.previewing .filters li > a {
  cursor: not-allowed; }

html[lang|="ja"] .filter_tickets thead tr {
  font-size: 12px; }

.preview-badge {
  background-color: #fff8ce;
  border: 1px solid #feed8c;
  border-radius: 3px;
  box-sizing: border-box;
  display: none;
  font-size: 10px;
  line-height: 18px;
  margin: 0 10px;
  padding: 0 10px;
  vertical-align: bottom; }
  .previewing .preview-badge {
    display: inline-block; }

.sc-scroll-town {
  overflow: scroll;
}

.filter-grid-list {
  position: absolute;
  width: 100%;
  bottom: 0;
  top: 80px; }
  .filter-grid-list.filter-view-list{
    top: 112px; }
  .filter-grid-list .scroll_content {
    box-sizing: border-box;
    padding: 0 15px;
    right: 0;
    overflow: auto;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    top: 41px; }
  .filter-grid-list.mode-notice aside {
    display: block; }
  .filter-grid-list.mode-notice .scroll_content {
    top: 104px; }
  .filter-grid-list.mode-two-notices .scroll_content {
    top: 160px !important; }
  .filter-grid-list aside {
    position: relative;
    height: 60px;
    background-color: #fff7d0;
    box-sizing: border-box;
    padding-left: 60px;
    padding-right: 30px;
    display: none;
    border-bottom: 1px solid #D8DCDE;
    /* Grey-300 */ }
    .filter-grid-list aside.advanced-encryption {
      background-color: #fff0f1;
    }
    .filter-grid-list aside .filter-notice-text {
      display: table-cell;
      width: 100%;
      height: 60px;
      vertical-align: middle; }
      .filter-grid-list aside .filter-notice-text:after {
        position: absolute;
        content: "!";
        left: 30px;
        top: 18px;
        width: 22px;
        height: 22px;
        line-height: 22px;
        text-align: center;
        font-size: 17px;
        font-weight: 600; }
      .filter-grid-list aside .filter-notice-text:before {
        content: '';
        position: absolute;
        left: 30px;
        top: 18px;
        width: 22px;
        height: 22px;
        border-radius: 11px;
        border: 1px solid #e9cf55;
        box-sizing: border-box; }
      .filter-grid-list aside.advanced-encryption .filter-notice-text:before {
        border: 1px solid #ac343f;
      }
      .filter-grid-list aside.advanced-encryption .external-link-icon {
        display: inline-block;
        position: relative;
        top: 2px;
        left: 2px;
        right: 2px;
        width: 12px;
        height: 12px; }
        html[data-rtl-language='true'] .filter-grid-list aside .external-link-icon {
          transform: rotate(-90deg); }

  .filter-grid-list tbody > tr:not(.grouping):not(.empty_set):not(.deleted) {
    cursor: pointer; }

.user .filter-grid-list {
  top: 169px; }

.organization .filter-grid-list {
  top: 131px; }

.empty-article-collection {
  min-width: 370px; }
  .empty-article-collection .lifesaver-icon {
    width: 130px;
    height: 130px;
    margin: 60px auto 40px;
    background: url(https://html-assets-prod.guideflow.com/557f473eec2c81357851911aac1462bc591742d4) no-repeat; }
    @media only screen and (min-resolution: 1.5dppx) {
      .empty-article-collection .lifesaver-icon {
        background: url(https://html-assets-prod.guideflow.com/e56af8c5346b588f16392c69fb8c6c923701d19f) no-repeat;
        background-size: 100%; } }
  .empty-article-collection p {
    color: #68737D;
    text-align: center; }

.article-grid-list td.body {
  max-width: 200px; }

.article-grid-list .filter_tickets td.leading,
.article-grid-list .filter_tickets th.leading,
.article-grid-list .filter_tickets td.leading + td,
.article-grid-list .filter_tickets th.leading + th {
  padding-left: 0; }

.votes td.value {
  position: relative; }

.votes td.value span {
  height: 12px;
  position: absolute;
  top: 11px;
  width: 11px; }

.votes td.value .up {
  background-image: url(https://html-assets-prod.guideflow.com/37cd95d27ac7ca763ff74e7c5507a54ba2af598b); }

.votes td.value .down {
  background-image: url(https://html-assets-prod.guideflow.com/82fa55da4d3b27cdcc4f3c24f91c0d86ff261f61); }

.votes tr.guideflow_hovered td.value .down {
  background-image: url(https://html-assets-prod.guideflow.com/55006bc0cd1b3d8847d7391ade50b82ba29a7b26); }

@media only screen and (min-resolution: 1.5dppx) {
  .votes td.value span {
    background-size: 100%; }
  .votes td.value .up {
    background-image: url(https://html-assets-prod.guideflow.com/c7be4a48058c26d6ba315cc067c267b12f540361); }
  .votes td.value .down {
    background-image: url(https://html-assets-prod.guideflow.com/b61f1d929dc3b22a86eabdbcde8845bb0a849f8b); }
  .votes tr.guideflow_hovered td.value .down {
    background-image: url(https://html-assets-prod.guideflow.com/00604193f199dbc53e24bba5bab3abf28d9494ef); } }

/* END ./activities/filters/stylesheets/areas/filters.scss */
/* BEGIN ./activities/filters/stylesheets/areas/filter_list_editor.scss */
.filter-list-editor .panel,
.filter-list-editor .empty-list,
.filter-list-editor .shared-filters-pill {
  display: none; }
  .filter-list-editor .panel.show,
  .filter-list-editor .empty-list.show,
  .filter-list-editor .shared-filters-pill.show {
    display: block; }

.filter-list-editor .panel {
  margin: 0 0 20px 0; }
  .filter-list-editor .panel h3 {
    font: inherit;
    font-weight: 600;
    margin-top: 30px;
    padding-bottom: 5px;
    border-bottom: 1px solid #E9EBED;
    /* Grey-200 */ }
  .filter-list-editor .panel ul {
    margin: 0px; }
  .filter-list-editor .panel .actions {
    display: none;
    float: right; }
    html[data-rtl-language='true'] .filter-list-editor .panel .actions {
      float: left; }
  .filter-list-editor .panel li {
    padding: 10px 10px 10px 17px;
    border-bottom: 1px solid #E9EBED;
    /* Grey-200 */ }
    html[data-rtl-language='true'] .filter-list-editor .panel li {
      padding: 10px 17px 10px 10px; }
    .filter-list-editor .panel li.guideflow_hovered {
      background: #f2f2f2; }
      .filter-list-editor .panel li.guideflow_hovered > .actions {
        display: block; }
    .filter-list-editor .panel li.sortable-placeholder {
      min-height: 39px;
      max-height: 39px;
      background-color: #E9EBED;
      /* Grey-200 */
      padding: 0px;
      border-bottom: 1px dashed #C2C8CC;
      /* Grey-400 */ }

.filter-list-editor .empty-list {
  padding: 10px 0 10px 17px;
  color: #68737D; }
  html[data-rtl-language='true'] .filter-list-editor .empty-list {
    padding: 10px 17px 10px 0; }

.filter-list-editor .inactive-filters {
  margin-bottom: 20px; }
  .filter-list-editor .inactive-filters .item-content {
    color: #68737D; }
  .filter-list-editor .inactive-filters .delimiter {
    color: #68737D;
    padding: 0 6px; }

.filter-list-editor .shared-filters-panel .group-access .global .actions {
  display: none; }

/* END ./activities/filters/stylesheets/areas/filter_list_editor.scss */
/* BEGIN ./activities/filters/stylesheets/elements/filter_editor.scss */
.user_filters .editing-actions {
  right: 0;
  position: absolute;
  top: 0; }
  .user_filters .editing-actions > .btn,
  .user_filters .editing-actions > .btn-group {
    float: left;
    margin: 7px 9px 7px 0; }
  .user_filters .editing-actions > .btn {
    min-width: 95px;
    height: 28px; }
  .user_filters .editing-actions > .btn-group .btn:first-child {
    min-width: 69px; }
    html[data-rtl-language='true'] .user_filters .editing-actions > .btn-group .btn:first-child {
      float: right;
      border-radius: 0 4px 4px 0; }
  .user_filters .editing-actions > .btn-group .dropdown-toggle {
    max-width: 26px; }
    html[data-rtl-language='true'] .user_filters .editing-actions > .btn-group .dropdown-toggle {
      float: left;
      border-radius: 4px 0 0 4px; }
    .user_filters .editing-actions > .btn-group .dropdown-toggle .caret {
      margin-top: 2px;
      margin-left: -2px; }
    .user_filters .editing-actions > .btn-group .dropdown-toggle:focus {
      outline: 0; }
  .user_filters .editing-actions .dropdown-menu {
    min-width: 95px; }

.user_filters .add-btn {
  font-size: 20px;
  font-weight: 600;
  margin-top: -1px; }

.filter-editor {
  box-sizing: border-box; }

.filter-modal-bd {
  background-color: #2F3941;
  /* Grey-800 */
  bottom: 0;
  left: 0;
  opacity: 0.8;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 1040; }

/* Required to get the tags menu displayed. */
.filter-editor,
.filter-editor .modal-body {
  overflow: visible; }

.collapsed .filter-editor.popover {
  left: 110px; }

.filter-editor.readonly .deactivate,
.filter-editor.readonly .delimiter,
.filter-editor.readonly .delete {
  display: none; }

.filter-editor.readonly input {
  background-color: transparent;
  border-width: 0; }

.filter-editor.readonly .zd-selectmenu-base {
  border-width: 0;
  background: none; }
  .filter-editor.readonly .zd-selectmenu-base .zd-selectmenu-base-arrow {
    display: none; }

.filter-editor hr {
  border-color: #D8DCDE;
  /* Grey-300 */
  border-style: dotted; }

.filter-editor.popover {
  left: 410px;
  top: 72px;
  position: relative;
  width: 600px;
  /*Begin - Remove this styling once RTL panel flip is out of arturo*/
  /*End - Remove this styling once RTL panel flip is out of arturo*/ }
  html[data-rtl-language='true'] .filter-editor.popover {
    left: auto;
    right: 20px; }
  html[data-rtl-language='true'] .filter-editor.popover {
    left: auto;
    right: 410px; }
  .filter-editor.popover hr {
    margin: 24px 8px 16px 8px; }
  .filter-editor.popover .modal-header {
    display: none; }
  .filter-editor.popover .filter-field {
    margin: 6px 16px; }
    .filter-editor.popover .filter-field input[type="text"] {
      border-color: transparent;
      box-shadow: none;
      text-overflow: ellipsis; }
      .filter-editor.popover .filter-field input[type="text"]:active, .filter-editor.popover .filter-field input[type="text"].guideflow_hovered {
        border-color: #D8DCDE;
        /* Grey-300 */
        box-shadow: inset 0 0 1px 0 #D8DCDE;
        /* Grey-300 */ }
  .filter-editor.popover .zd-state-default .zd-selectmenu-base {
    border-color: transparent;
    background-color: transparent;
    background-image: none; }
    .filter-editor.popover .zd-state-default .zd-selectmenu-base .zd-selectmenu-base-arrow {
      visibility: hidden; }
  .filter-editor.popover .zd-state-hover .zd-selectmenu-base {
    border-color: #D8DCDE;
    /* Grey-300 */ }
  .filter-editor.popover .filter-actions {
    border-top: 1px dotted #D8DCDE;
    /* Grey-300 */
    margin: 26px 8px 0 8px;
    padding-bottom: 14px;
    padding-top: 26px; }
  .filter-editor.popover .delete {
    float: left; }
    html[data-rtl-language='true'] .filter-editor.popover .delete {
      float: right; }
    .filter-editor.popover .delete.guideflow_hovered {
      opacity: 1; }
  .filter-editor.popover .clone,
  .filter-editor.popover .deactivate,
  .filter-editor.popover .delimiter {
    float: right; }
    html[data-rtl-language='true'] .filter-editor.popover .clone, html[data-rtl-language='true']
    .filter-editor.popover .deactivate, html[data-rtl-language='true']
    .filter-editor.popover .delimiter {
      float: left; }
  .filter-editor.popover .delimiter {
    color: #D8DCDE;
    /* Grey-300 */
    margin: 0 12px; }

.filter-editor .modal-header {
  margin-bottom: 25px; }

.filter-editor.modal .popover-content {
  padding: 0; }

.filter-editor.modal .filter-actions {
  background-color: #f5f5f5;
  border-top: 1px solid #D8DCDE;
  /* Grey-300 */
  padding: 15px; }

.filter-editor.modal .filter-field {
  margin: 15px 30px; }

.filter-editor.modal hr {
  margin: 24px 30px 16px 30px; }

.filter-editor .popover-inner {
  border: 1px solid rgba(0, 0, 0, 0.2);
  width: auto; }

.filter-editor-menu .zd-menu-item.zd-menu-label {
  font-weight: 600; }

.filter-editor-menu .zd-menu-item.indented {
  padding-left: 10px; }
  html[data-rtl-language='true'] .filter-editor-menu .zd-menu-item.indented {
    padding-left: 0;
    padding-right: 10px; }
  .filter-editor-menu .zd-menu-item.indented .zd-menu-item-icon {
    margin-left: 10px; }
    html[data-rtl-language='true'] .filter-editor-menu .zd-menu-item.indented .zd-menu-item-icon {
      margin-left: 0;
      margin-right: 10px; }

.filter-field {
  box-sizing: border-box; }
  .filter-field label {
    display: inline-block;
    float: left;
    font-weight: 600;
    margin: 8px 6% 8px 0;
    width: 10%; }
    html[data-rtl-language='true'] .filter-field label {
      float: right;
      margin: 8px 0 8px 6%; }
    .filter-field label + * {
      box-sizing: border-box;
      display: inline-block;
      width: 84%; }
    .filter-field label + input {
      height: 30px; }

.filter-visibility .select {
  margin-top: 2px; }

.add-condition {
  display: inline-block;
  padding: 8px 10px; }
  .readonly .add-condition {
    display: none; }

.filter-actions .link {
  float: left;
  line-height: 28px; }
  html[data-rtl-language='true'] .filter-actions .link {
    float: right; }

.filter-actions .btn {
  float: right;
  margin-left: 10px;
  min-width: 86px; }
  html[data-rtl-language='true'] .filter-actions .btn {
    float: left;
    margin-left: 0;
    margin-right: 10px; }

.filter-actions:after {
  clear: both;
  content: '';
  display: block; }

/* END ./activities/filters/stylesheets/elements/filter_editor.scss */
/* END ./activities/filters/stylesheets/filters.scss */