html,
body {
margin: 0;
padding: 0;
border: 0;
height: 100%;
overflow: hidden;
font-size: 14px;
}
html .analytics-ui-application,
body .analytics-ui-application {
height: 100%;
}
html .analytics-ui-application *,
body .analytics-ui-application * {
box-sizing: border-box;
}
html .analytics-ui-application table,
body .analytics-ui-application table {
border-collapse: collapse;
}
html a,
body a {
text-decoration: none;
}
html button,
body button,
html .btn,
body .btn {
margin: 0;
cursor: pointer;
font-size: inherit;
}
html input,
body input {
margin: 0;
font-size: inherit;
}
html label,
body label,
html span,
body span {
line-height: 1.42857143;
}
html gux-tabs span,
body gux-tabs span {
line-height: 1;
}
body > .ember-view:not(.ember-tether) {
height: 100%;
}
body {
font-family: "Roboto", "sans-serif";
color: #444a52;
}
body .btn.disabled,
body .btn:disabled {
opacity: 0.65;
cursor: not-allowed;
}
body .btn.btn-primary {
color: #fdfdfd;
background-color: #2a60c8;
background-image: none;
border: 1px solid #2455a3;
border-color: #2455a3;
box-shadow: none;
}
body .btn:not(.btn-link):not(.btn-primary) {
background-color: #e4e9f0;
background-image: none;
border: 1px solid #d5dce0;
border-color: #d5dce0;
box-shadow: none;
}
body .btn.btn-link,
body .btn-link {
color: #2a60c8;
border: 0;
background-color: transparent;
outline: none;
margin: 0;
font-size: inherit;
}
body .btn.btn-link:hover,
body .btn-link:hover {
text-decoration: underline;
}
body form > div {
margin-bottom: 2px;
}
body .form-control {
height: 34px;
width: 100%;
margin: 0;
padding: 6px 12px;
outline: none;
border: 1px solid #ccc;
border-radius: 4px;
background-color: #fdfdfd;
color: #555;
font-family: inherit;
text-overflow: ellipsis;
box-sizing: border-box;
}
body .form-control:focus {
border-color: #75a8ff;
box-shadow: 0px 0px 2px rgba(117, 168, 255, 0.72);
}
body .has-error .form-control,
body .has-error .form-control:focus {
border-color: #ff4f1f;
box-shadow: 0px 0px 2px rgba(255, 79, 31, 0.72);
}
body .toggle-switch-container .toggle-switch {
font-weight: bolder;
background: #77828f;
}
body .toggle-switch-container .toggle-switch .label {
background: #77828f;
}
body .toggle-switch-container .toggle-switch .label::before {
color: #444a52;
}
body .toggle-switch-container.toggled-on .toggle-switch .label {
background: #2a60c8;
}
.interactions-summary-v2 {
display: flex;
flex-flow: wrap;
width: 100%;
padding: 20px 10px;
}
.interactions-summary-v2 .waiting-interacting-container {
display: flex;
padding-bottom: 10px;
}
.interactions-summary-v2 .sla-abandon-asa-container {
display: flex;
flex-wrap: wrap;
flex: 1 1 auto;
min-width: 415px;
justify-content: left;
}
.interactions-summary-v2 .summary-label {
display: block;
color: #5E5E5F;
font-size: 13px;
white-space: nowrap;
}
.interactions-summary-v2 .summary-label.aggregates-label {
color: #203B73;
}
.interactions-summary-v2 .observations {
min-width: 140px;
cursor: pointer;
flex: 0 0 100px;
}
.interactions-summary-v2 .no-click {
cursor: auto;
}
.interactions-summary-v2 .selection-indicator {
display: inline-block;
overflow: visible;
position: relative;
cursor: pointer;
}
.interactions-summary-v2 .selection-indicator:before {
content: '';
display: block;
width: calc(100%);
height: 5px;
position: absolute;
bottom: 0;
opacity: 0;
left: 0;
background-color: #203B73;
}
.interactions-summary-v2 .selection-indicator:after {
content: '';
display: block;
width: 0px;
height: 0px;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-top: 5px solid;
position: absolute;
bottom: -5px;
left: calc(50% - 3px);
opacity: 0;
border-top-color: #203B73;
}
.interactions-summary-v2 .selection-indicator:hover:before,
.interactions-summary-v2 .selection-indicator:hover:after {
opacity: 0.5;
}
.interactions-summary-v2 .selection-indicator.selected:before,
.interactions-summary-v2 .selection-indicator.selected:after,
.interactions-summary-v2 .selection-indicator.selected:hover:before,
.interactions-summary-v2 .selection-indicator.selected:hover:after {
opacity: 1;
}
.interactions-summary-v2 .selection-indicator {
min-width: 110px;
padding-bottom: 10px;
}
.interactions-summary-v2 .aggregates {
flex-direction: column;
}
.interactions-summary-v2 .column-header {
color: #203B73;
}
.interactions-summary-v2 .media-type-breakdown-cell .column-header {
margin-bottom: 2px;
}
.interactions-summary-v2 .media-type-breakdown-cell .sla-below-target {
color: #ff0000;
}
.interactions-summary-v2 .media-type-breakdown-cell .breakdown-column.interval {
color: #203B73;
white-space: nowrap;
}
.interactions-summary-v2 .media-type-breakdown-cell .breakdown-column.interval .seconds-identifier {
padding-right: 20px;
}
.interactions-summary-v2 .media-type-breakdown-cell .breakdown-column.day {
color: #203B73;
}
.interactions-summary-v2 .sla-aggregates,
.interactions-summary-v2 .abandon-aggregates {
flex: 0 0 135px;
}
.interactions-summary-v2 .sla-aggregates .row-text,
.interactions-summary-v2 .abandon-aggregates .row-text {
min-width: 40px;
padding-right: 0;
}
.interactions-summary-v2 .asa-aggregates {
flex: 0 0 145px;
}
.action-bar-open .interactions-summary-v2 .observations {
flex: 0 0 140px;
}
.interactions-details:not(.analytics-view-queue-activity-detail.queue-activity-detail-v2 .interactions-details) {
display: flex;
flex-direction: column;
overflow: auto;
position: relative;
height: calc(100% - 105px);
}
.interactions-details:not(.analytics-view-queue-activity-detail.queue-activity-detail-v2 .interactions-details) > div {
padding: 10px;
}
.interactions-details:not(.analytics-view-queue-activity-detail.queue-activity-detail-v2 .interactions-details) .action-link {
font-size: 14px;
}
.interactions-details:not(.analytics-view-queue-activity-detail.queue-activity-detail-v2 .interactions-details),
.interaction-sub-details:not(.analytics-view-queue-activity-detail.queue-activity-detail-v2 .interaction-sub-details) {
display: block;
}
@media (min-width: 1024px) {
.interactions-details:not(.analytics-view-queue-activity-detail.queue-activity-detail-v2 .interactions-details),
.interaction-sub-details:not(.analytics-view-queue-activity-detail.queue-activity-detail-v2 .interaction-sub-details) {
display: flex;
flex: 1 1 auto;
flex-direction: column;
}
}
.interactions-details:not(.analytics-view-queue-activity-detail.queue-activity-detail-v2 .interactions-details) .interactions-waiting-table,
.interaction-sub-details:not(.analytics-view-queue-activity-detail.queue-activity-detail-v2 .interaction-sub-details) .interactions-waiting-table {
overflow-y: visible;
}
@media (min-width: 1024px) {
.interactions-details:not(.analytics-view-queue-activity-detail.queue-activity-detail-v2 .interactions-details) .interactions-waiting-table,
.interaction-sub-details:not(.analytics-view-queue-activity-detail.queue-activity-detail-v2 .interaction-sub-details) .interactions-waiting-table {
display: flex;
overflow-y: auto;
flex-direction: column;
flex: 1 1 calc(50% - 19px);
}
.action-bar-open .interactions-details:not(.analytics-view-queue-activity-detail.queue-activity-detail-v2 .interactions-details) .interactions-waiting-table,
.action-bar-open .interaction-sub-details:not(.analytics-view-queue-activity-detail.queue-activity-detail-v2 .interaction-sub-details) .interactions-waiting-table {
overflow-y: visible;
}
}
.interactions-details:not(.analytics-view-queue-activity-detail.queue-activity-detail-v2 .interactions-details) .interactions-active-table,
.interaction-sub-details:not(.analytics-view-queue-activity-detail.queue-activity-detail-v2 .interaction-sub-details) .interactions-active-table {
overflow-y: visible;
}
@media (min-width: 1024px) {
.interactions-details:not(.analytics-view-queue-activity-detail.queue-activity-detail-v2 .interactions-details) .interactions-active-table,
.interaction-sub-details:not(.analytics-view-queue-activity-detail.queue-activity-detail-v2 .interaction-sub-details) .interactions-active-table {
display: flex;
overflow-y: auto;
flex-direction: column;
flex: 1 1 calc(50% - 19px);
}
.action-bar-open .interactions-details:not(.analytics-view-queue-activity-detail.queue-activity-detail-v2 .interactions-details) .interactions-active-table,
.action-bar-open .interaction-sub-details:not(.analytics-view-queue-activity-detail.queue-activity-detail-v2 .interaction-sub-details) .interactions-active-table {
overflow-y: visible;
}
}
.interactions-details:not(.analytics-view-queue-activity-detail.queue-activity-detail-v2 .interactions-details) .interactions-active-table .dt-row-control-panel-item.monitor-conversation,
.interaction-sub-details:not(.analytics-view-queue-activity-detail.queue-activity-detail-v2 .interaction-sub-details) .interactions-active-table .dt-row-control-panel-item.monitor-conversation {
height: 21px;
}
.interactions-details:not(.analytics-view-queue-activity-detail.queue-activity-detail-v2 .interactions-details) .data-table,
.interaction-sub-details:not(.analytics-view-queue-activity-detail.queue-activity-detail-v2 .interaction-sub-details) .data-table {
background-color: #F2F9FB;
border-color: #c1d1d7;
flex: 1 1 auto;
}
.interactions-details:not(.analytics-view-queue-activity-detail.queue-activity-detail-v2 .interactions-details) .data-table .dt-section-head .dt-row.header-row,
.interaction-sub-details:not(.analytics-view-queue-activity-detail.queue-activity-detail-v2 .interaction-sub-details) .data-table .dt-section-head .dt-row.header-row {
background: #ebeef4;
}
.interactions-details:not(.analytics-view-queue-activity-detail.queue-activity-detail-v2 .interactions-details) .data-table .dt-section-head .dt-row.header-row .label-cell,
.interaction-sub-details:not(.analytics-view-queue-activity-detail.queue-activity-detail-v2 .interaction-sub-details) .data-table .dt-section-head .dt-row.header-row .label-cell {
min-height: 30px;
}
.interactions-details:not(.analytics-view-queue-activity-detail.queue-activity-detail-v2 .interactions-details) .data-table .dt-section-body .dt-cell,
.interaction-sub-details:not(.analytics-view-queue-activity-detail.queue-activity-detail-v2 .interaction-sub-details) .data-table .dt-section-body .dt-cell,
.interactions-details:not(.analytics-view-queue-activity-detail.queue-activity-detail-v2 .interactions-details) .data-table .dt-section-body .dt-row-control-panel,
.interaction-sub-details:not(.analytics-view-queue-activity-detail.queue-activity-detail-v2 .interaction-sub-details) .data-table .dt-section-body .dt-row-control-panel {
color: #517687;
border-color: #c1d1d7;
}
.interactions-details:not(.analytics-view-queue-activity-detail.queue-activity-detail-v2 .interactions-details) .data-table .dt-section-body .dt-cell .dt-row-control-action-link,
.interaction-sub-details:not(.analytics-view-queue-activity-detail.queue-activity-detail-v2 .interaction-sub-details) .data-table .dt-section-body .dt-cell .dt-row-control-action-link,
.interactions-details:not(.analytics-view-queue-activity-detail.queue-activity-detail-v2 .interactions-details) .data-table .dt-section-body .dt-row-control-panel .dt-row-control-action-link,
.interaction-sub-details:not(.analytics-view-queue-activity-detail.queue-activity-detail-v2 .interaction-sub-details) .data-table .dt-section-body .dt-row-control-panel .dt-row-control-action-link {
display: flex;
justify-content: center;
min-width: 26px;
}
.interactions-details:not(.analytics-view-queue-activity-detail.queue-activity-detail-v2 .interactions-details) .data-table .dt-section-body .dt-cell .dt-row-control-open-in-tab gux-icon,
.interaction-sub-details:not(.analytics-view-queue-activity-detail.queue-activity-detail-v2 .interaction-sub-details) .data-table .dt-section-body .dt-cell .dt-row-control-open-in-tab gux-icon,
.interactions-details:not(.analytics-view-queue-activity-detail.queue-activity-detail-v2 .interactions-details) .data-table .dt-section-body .dt-row-control-panel .dt-row-control-open-in-tab gux-icon,
.interaction-sub-details:not(.analytics-view-queue-activity-detail.queue-activity-detail-v2 .interaction-sub-details) .data-table .dt-section-body .dt-row-control-panel .dt-row-control-open-in-tab gux-icon {
color: var(--gux-blue-60);
}
.interactions-details:not(.analytics-view-queue-activity-detail.queue-activity-detail-v2 .interactions-details) .data-table .dt-section-body .dt-cell .dt-row-control-panel-item,
.interaction-sub-details:not(.analytics-view-queue-activity-detail.queue-activity-detail-v2 .interaction-sub-details) .data-table .dt-section-body .dt-cell .dt-row-control-panel-item,
.interactions-details:not(.analytics-view-queue-activity-detail.queue-activity-detail-v2 .interactions-details) .data-table .dt-section-body .dt-row-control-panel .dt-row-control-panel-item,
.interaction-sub-details:not(.analytics-view-queue-activity-detail.queue-activity-detail-v2 .interaction-sub-details) .data-table .dt-section-body .dt-row-control-panel .dt-row-control-panel-item {
font-size: 16px;
background-color: transparent;
border: none;
}
.interactions-details:not(.analytics-view-queue-activity-detail.queue-activity-detail-v2 .interactions-details) .data-table .dt-section-body .dt-row-empty .dt-cell,
.interaction-sub-details:not(.analytics-view-queue-activity-detail.queue-activity-detail-v2 .interaction-sub-details) .data-table .dt-section-body .dt-row-empty .dt-cell {
color: #d1dce1;
}
.interactions-details:not(.analytics-view-queue-activity-detail.queue-activity-detail-v2 .interactions-details) .data-table .interaction-name-cell,
.interaction-sub-details:not(.analytics-view-queue-activity-detail.queue-activity-detail-v2 .interaction-sub-details) .data-table .interaction-name-cell {
position: relative;
}
.interactions-details:not(.analytics-view-queue-activity-detail.queue-activity-detail-v2 .interactions-details) .waiting-total-text,
.interaction-sub-details:not(.analytics-view-queue-activity-detail.queue-activity-detail-v2 .interaction-sub-details) .waiting-total-text,
.interactions-details:not(.analytics-view-queue-activity-detail.queue-activity-detail-v2 .interactions-details) .interacting-total-text,
.interaction-sub-details:not(.analytics-view-queue-activity-detail.queue-activity-detail-v2 .interaction-sub-details) .interacting-total-text {
font-size: 0.9em;
text-align: right;
padding-top: 5px;
}
.ember-engine-queues-main-content .interaction-sub-details:not(.analytics-view-queue-activity-detail.queue-activity-detail-v2 .interaction-sub-details) {
overflow: hidden;
margin-top: -7px;
height: 100%;
}
.agent-summary-v3 {
display: flex;
justify-content: space-between;
flex-shrink: 0;
flex-flow: wrap;
padding-right: 10px;
}
@media (min-width: 768px) {
.agent-summary-v3 {
flex-flow: nowrap;
}
}
@media (min-width: 1024px) {
.agent-summary-v3 {
flex-flow: wrap;
}
}
@media (min-width: 1350px) {
.agent-summary-v3 {
flex-flow: nowrap;
}
}
.agent-summary-v3 .status-count-container {
min-width: 75px;
cursor: default;
}
.agent-summary-v3 .status-count-container.selection-indicator {
cursor: pointer;
}
.agent-summary-v3 .status-count-container.selection-indicator .status-label {
color: #444A52;
}
.agent-summary-v3 .status-count-container.selection-indicator .status-count {
color: #203B73;
}
.agent-summary-v3 .left-content,
.agent-summary-v3 .right-content {
display: flex;
flex: 1 1 100%;
}
@media (min-width: 1350px) {
.agent-summary-v3 .left-content,
.agent-summary-v3 .right-content {
flex: 1 0 auto;
}
}
@media (min-width: 1024px) {
.action-bar-open .agent-summary-v3 .left-content,
.action-bar-open .agent-summary-v3 .right-content {
flex: 1 1 100%;
}
}
.agent-summary-v3 .right-content {
padding-left: 20px;
}
@media (min-width: 768px) {
.agent-summary-v3 .right-content {
padding-left: 0;
}
}
@media (min-width: 1024px) {
.agent-summary-v3 .right-content {
padding-left: 20px;
}
}
@media (min-width: 1350px) {
.agent-summary-v3 .right-content {
padding-left: 0;
justify-content: flex-end;
}
}
.agent-summary-v3 .routing-status-breakdown-container {
display: flex;
justify-content: space-between;
}
.agent-summary-v3 .routing-status-breakdown-container .status-label {
color: #444A52;
}
.agent-summary-v3 .routing-status-breakdown-container .status-count {
color: #203B73;
}
.agent-summary-v3 .presence-breakdown-container {
display: flex;
}
.agent-summary-v3 .on-queue-observations,
.agent-summary-v3 .off-queue-observations,
.agent-summary-v3 .presence-breakdown-container,
.agent-summary-v3 .routing-status-breakdown-container > div {
padding: 10px;
padding-top: 20px;
}
.agent-summary-v3 .on-queue-observations .status-count-container,
.agent-summary-v3 .off-queue-observations .status-count-container,
.agent-summary-v3 .presence-breakdown-container .status-count-container,
.agent-summary-v3 .routing-status-breakdown-container > div .status-count-container {
padding-bottom: 10px;
}
.agent-summary-v3 .on-queue-observations {
padding-left: 30px;
}
.agent-summary-v3 .metric-breakdown {
align-items: center;
display: flex;
width: auto;
}
.agent-summary-v3 .metric-breakdown .breakdown-section {
display: flex;
margin-top: 5px;
top: auto;
}
.agent-summary-v3 .metric-breakdown .breakdown-section > span {
align-items: center;
display: flex;
width: 100%;
}
.agent-summary-v3 .metric-breakdown .breakdown-section > span:last-child gux-icon,
.agent-summary-v3 .metric-breakdown .breakdown-section > span.breakdown-section-busy gux-icon {
margin-right: 0;
}
.agent-summary-v3 .metric-breakdown .breakdown-section gux-icon {
margin-left: 3px;
margin-right: 10px;
height: 10px;
width: 10px;
position: relative;
top: -1px;
}
.media-type-icon {
display: flex;
}
.bar-visualization {
font-size: 0px;
}
.bar-visualization gux-tooltip {
font-size: 14px;
}
.queue-activation-table {
padding: 10px 20px 0px 20px;
display: flex;
flex: 0 0 50%;
min-width: calc(50% - 20px);
flex-direction: column;
max-height: 100%;
}
.queue-activation-table .queue-activation-list-controls {
min-width: calc(100% - 20px);
padding-bottom: 8px;
}
.queue-activation-table .queue-activation-table-header {
font-size: 1.5em;
display: inline-block;
margin: 0;
font-weight: normal;
}
.queue-activation-table .data-table .dt-section.dt-section-body > .dt-row {
min-height: 32px;
}
.queue-activation-table .search-box {
float: right;
width: 300px;
position: relative;
padding: 0;
}
.queue-activation-table .search-box .queue-search {
width: 100%;
background: #F8F8F8;
border: none;
border-radius: 20px;
padding: 3px 25px 3px 12px;
}
.queue-activation-table .search-box .queue-search::placeholder {
color: var(--gux-black-80);
}
.queue-activation-table .search-box .queue-search-icon {
position: absolute;
color: #aeaeae;
right: 8px;
top: 4px;
}
.queue-agent-list-v3 {
display: flex;
flex-direction: column;
background-color: #ffffff;
padding: 5px;
width: 100%;
transition: width 0.2s linear;
}
.queue-agent-list-v3.collapsed {
display: none;
}
.queue-agent-list-v3.inactive {
border-left: solid 1px #dddddd;
}
.queue-agent-list-v3 .queue-agent-list-controls {
position: relative;
display: flex;
flex-shrink: 0;
min-height: 30px;
flex-wrap: wrap;
}
.queue-agent-list-v3 .queue-agent-list-controls .selected-tags-component {
margin: 5px 0;
}
.queue-agent-list-v3 .queue-agent-list-controls .search-box {
position: relative;
}
.queue-agent-list-v3 .queue-agent-list-controls .search-box input {
background: #F8F8F8;
border: none;
outline: none;
padding: 3px 25px 3px 12px;
border-radius: 20px;
width: 100%;
}
.queue-agent-list-v3 .queue-agent-list-controls .item-counters {
align-items: center;
flex-grow: 1;
flex-shrink: 0;
display: flex;
justify-content: flex-end;
}
.queue-agent-list-v3 .queue-agent-list-controls .item-counters > .page-item-counter {
margin-right: 5px;
}
.queue-agent-list-v3 .queue-agent-list-controls .item-counters .inactive-expand-page-count > .page-item-counter {
padding-left: 5px;
margin-left: 5px;
}
.queue-agent-list-v3 .agents-table {
position: relative;
display: flex;
flex-direction: column;
flex-grow: 1;
overflow: hidden;
}
.queue-agent-list-v3 .agents-table > .data-table {
flex-grow: 1;
position: relative;
overflow: auto;
}
.queue-agent-list-v3 .agents-table > .data-table .dt-section.dt-section-footer {
padding-top: 2px;
}
.queue-agent-list-v3 .agents-table > .data-table > .dt-horiz-scrollable > .dt-section {
width: fit-content;
min-width: 100%;
}
.queue-agent-list-v3 .agents-table > .data-table > .dt-horiz-scrollable > .dt-section-head .header-row .dt-drag-container {
min-width: fit-content;
width: fit-content;
}
.queue-agent-list-v3 .agents-table > .data-table > .dt-horiz-scrollable > .dt-section-head .header-row .dt-drag-container.presenceIndicator {
min-width: 20px;
width: 20px;
max-width: 20px;
}
.queue-agent-list-v3 .agents-table > .data-table > .dt-horiz-scrollable > .dt-section-head .header-row .dt-drag-container.station {
max-width: 55px;
width: 55px;
min-width: 55px;
}
.queue-agent-list-v3 .agents-table > .data-table > .dt-horiz-scrollable > .dt-section-body > .dt-row > .dt-cell:not(.label-cell),
.queue-agent-list-v3 .agents-table > .data-table > .dt-horiz-scrollable > .dt-section-head .header-row .dt-drag-container .dt-cell {
min-width: 130px;
width: 130px;
}
.queue-agent-list-v3 .agents-table > .data-table > .dt-horiz-scrollable > .dt-section-body > .dt-row > .dt-cell:not(.label-cell).presenceIndicator,
.queue-agent-list-v3 .agents-table > .data-table > .dt-horiz-scrollable > .dt-section-head .header-row .dt-drag-container .dt-cell.presenceIndicator {
min-width: 20px;
width: 20px;
max-width: 20px;
}
.queue-agent-list-v3 .agents-table > .data-table > .dt-horiz-scrollable > .dt-section-body > .dt-row > .dt-cell:not(.label-cell).presenceIndicator .dt-cell-value,
.queue-agent-list-v3 .agents-table > .data-table > .dt-horiz-scrollable > .dt-section-head .header-row .dt-drag-container .dt-cell.presenceIndicator .dt-cell-value {
width: initial;
}
.queue-agent-list-v3 .agents-table > .data-table > .dt-horiz-scrollable > .dt-section-body > .dt-row > .dt-cell:not(.label-cell).station,
.queue-agent-list-v3 .agents-table > .data-table > .dt-horiz-scrollable > .dt-section-head .header-row .dt-drag-container .dt-cell.station {
max-width: 55px;
width: 55px;
min-width: 55px;
}
.queue-agent-list-v3 .agents-table > .data-table > .dt-horiz-scrollable > .dt-section-body > .dt-row > .dt-cell:not(.label-cell).label-cell.tis .label-container,
.queue-agent-list-v3 .agents-table > .data-table > .dt-horiz-scrollable > .dt-section-head .header-row .dt-drag-container .dt-cell.label-cell.tis .label-container {
color: #444A52;
}
.queue-agent-list-v3 .agents-table > .data-table > .dt-horiz-scrollable > .dt-section-body > .dt-row > .dt-cell:not(.label-cell).status .agent-status.NOT_RESPONDING,
.queue-agent-list-v3 .agents-table > .data-table > .dt-horiz-scrollable > .dt-section-head .header-row .dt-drag-container .dt-cell.status .agent-status.NOT_RESPONDING {
color: #ff0000;
}
.queue-agent-list-v3 .agents-table > .data-table .dt-section-body.scrollable-section {
overflow-y: scroll;
}
.queue-agent-list-v3 .agents-table > .data-table.show-table-control-panel > .dt-horiz-scrollable > .dt-section-body > .dt-row {
padding-right: 37px;
}
.queue-agent-list-v3 .agents-table .dt-cell-value .hyperlink-cell {
display: inline-block;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
max-width: 100%;
}
.queue-agent-list-v3 .agents-table .dt-cell-value .hyperlink-cell a {
line-height: 18px;
position: relative;
top: 1px;
}
.queue-agent-list-v3 .agents-table .agent-table-pager-row {
display: flex;
justify-content: space-between;
/**
* QAD does not have the updated column picker with footer yet
* But for consistency with other views match the footer height
* 32px (gux column picker submit button height) + 15px (padding top/bottom) + 3px (border-top)
*/
height: 65px;
padding: 15px;
}
.queue-agent-list-v3 .agents-table .agent-table-pager-row .agent-pager-row-section-left,
.queue-agent-list-v3 .agents-table .agent-table-pager-row .agent-pager-row-section-center,
.queue-agent-list-v3 .agents-table .agent-table-pager-row .agent-pager-row-section-right {
flex: 1;
}
.queue-agent-list-v3 .agents-table .agent-table-pager-row .agent-pager-row-section-left {
display: flex;
align-self: center;
}
.queue-agent-list-v3 .agents-table .agent-table-pager-row .agent-pager-row-section-center gux-pagination {
margin-top: -12px;
}
.queue-agent-list-v3 .agents-table .agent-table-pager-row .updated-time {
font-size: 0.9em;
color: #444A52;
margin-top: 3px;
}
.queue-agent-list-v3 .agents-table .queue-activation-inaccessible .dt-row-control-panel-item {
visibility: hidden;
}
.queue-agent-list-v3 .agents-table .drawer-container.drawer-open {
position: absolute;
right: 0;
top: 0;
height: 100%;
z-index: 2;
}
.queue-agent-list-v3 .agents-table .dt-row-control-search-button .parked-interaction {
background-color: transparent;
border: none;
}
.inactive-table-expanded .queue-agent-list-v3 .agents-table .agent-table-pager-row {
flex-direction: column;
}
.inactive-table-expanded .queue-agent-list-v3 .agents-table .agent-table-pager-row .agent-pager-row-section-left {
order: 2;
}
.inactive-table-expanded .queue-agent-list-v3 .agents-table .agent-table-pager-row .agent-pager-row-section-center {
order: 1;
}
.queue-answer-abandon {
position: relative;
width: 100%;
}
.queue-answer-abandon .metric-counts {
display: flex;
flex-direction: row;
}
.queue-answer-abandon .metric-counts > div {
flex: 1 0;
}
.queue-answer-abandon .engage-components-single-horizontal-bar {
width: 100%;
bottom: -4px;
position: relative;
display: flex;
}
.queue-talk-breakdown {
position: relative;
width: 100%;
}
.queue-talk-breakdown .value-talk {
padding: 0 6px;
}
.queue-talk-breakdown .value-hold {
padding: 0 6px;
}
.queue-talk-breakdown .value-acw {
padding: 0 6px;
}
.queue-talk-breakdown .metric-values {
display: flex;
flex-direction: row;
}
.queue-talk-breakdown .metric-values span {
flex: 1 0;
}
.queue-talk-breakdown .engage-components-single-horizontal-bar {
width: 100%;
bottom: -4px;
position: relative;
display: flex;
}
.rainbow-option-selector {
display: flex;
flex-direction: column;
border-right: solid 1px #D3DAE2;
margin-right: 10px;
height: 100%;
overflow: auto;
min-width: 186px;
}
.rainbow-option-selector-option {
margin: 0 10px 20px 20px;
border: 1px solid var(--gux-grey-50);
border-radius: 5px;
position: relative;
padding: 0;
background: transparent;
}
.rainbow-option-selector-option::after {
content: '';
position: absolute;
right: -11px;
top: 3px;
height: 54px;
width: 3px;
background-color: var(--gux-blue-80);
opacity: 0;
transition: opacity 0.25s;
}
.rainbow-option-selector-option:hover,
.rainbow-option-selector-option:focus {
box-shadow: 1px 1px 5px var(--gux-grey-40);
}
.rainbow-option-selector-option:hover::after,
.rainbow-option-selector-option:focus::after {
opacity: 0.75;
}
.rainbow-option-selector-option.rainbow-option-selected {
box-shadow: 1px 1px 5px var(--gux-grey-40);
}
.rainbow-option-selector-option.rainbow-option-selected::after {
opacity: 1;
}
.rainbow-option-selector-option .rainbow-option-title {
display: flex;
align-items: center;
justify-content: center;
margin: -1px;
padding: 5px 10px;
border-radius: 5px;
font-weight: 300;
}
.rainbow-option-selector-option .rainbow-option-white {
font-weight: bold;
}
.rainbow-option-selector-option .rainbow-option-fuschia {
background-color: var(--gux-fuscha-sec);
color: white;
}
.rainbow-option-selector-option .rainbow-option-mint {
background-color: var(--gux-aqua-green-sec);
color: white;
}
.rainbow-option-selector-option .rainbow-option-cobalt {
background-color: #203B73;
color: white;
}
.rainbow-option-selector-option .rainbow-option-violet {
background-color: var(--gux-electric-purple-sec);
color: white;
}
.rainbow-option-selector-option .rainbow-option-mustard {
background-color: var(--gux-alert-yellow-green-sec);
color: white;
}
.rainbow-option-selector-option .rainbow-option-olive {
background-color: var(--gux-olive-green-sec);
color: white;
}
.rainbow-option-selector-option .rainbow-option-lilac {
background-color: var(--gux-lilac-sec);
color: white;
}
.rainbow-option-selector-option .rainbow-option-red {
background-color: var(--gux-alert-red-40);
color: white;
}
.rainbow-option-selector-option .rainbow-option-value {
display: flex;
align-items: center;
justify-content: center;
padding: 5px;
font-weight: 400;
}
.action-link-tooltip {
z-index: 10000;
}
.dt-row-control-panel .action-link .gux-icon {
min-width: 26px;
font-size: 18px;
}
.dt-row-control-icon-button-tooltip {
z-index: 10000;
}
.dt-row-control-icon-button :disabled {
pointer-events: none;
cursor: default;
opacity: 0.5;
}
.eeq-duration-sort-header {
padding: 5px;
}
.eeq-duration-sort-header .sort-header-description {
padding: 5px;
font-weight: bold;
}
.eeq-duration-sort-header .duration-sort-option {
display: block;
cursor: pointer;
background: none;
margin: 0;
border: 0;
outline: 0;
width: 100%;
padding: 0 5px 5px;
}
.eeq-duration-sort-header .duration-sort-option:hover {
background-color: #F2F2F2;
}
.eeq-duration-sort-header .duration-sort-option:first-of-type {
padding-bottom: 0;
}
.eeq-duration-sort-header .duration-sort-option gux-icon.checkmark {
visibility: hidden;
color: #75A8FF;
vertical-align: text-top;
margin-top: 1px;
}
.eeq-duration-sort-header .duration-sort-option gux-icon.checkmark.visible {
visibility: visible;
}
.entity-breadcrumb {
display: flex;
align-items: center;
width: 250px;
height: 100%;
min-height: 34px;
padding-right: 10px;
margin-right: 10px;
border-right: 1px solid #e6e6e6;
}
.entity-breadcrumb .breadcrumb-back-button {
background: #2A60C8;
border: none;
color: #2A60C8;
border-radius: 15px;
padding-top: 1.5px;
padding-bottom: 1.5px;
padding-right: 3px;
padding-left: 3px;
margin-left: 10px;
margin-right: 10px;
outline: none;
}
.entity-breadcrumb .breadcrumb-back-button:focus {
outline: auto;
outline-offset: 4px;
}
.entity-breadcrumb .gux-arrow-left {
padding-top: 2px;
color: white;
}
.entity-breadcrumb .entity-name {
text-overflow: ellipsis;
overflow: hidden;
cursor: default;
white-space: nowrap;
}
.entity-breadcrumb .entity-wrapper {
height: 25px;
width: 25px;
min-width: 25px;
margin-right: 10px;
}
.entity-breadcrumb .entity-wrapper .mini-card-component-wrapper .initials-container {
height: 19px;
width: 19px;
font-size: 11px;
}
.ember-engine-queues-summary-row {
display: flex;
border-bottom: 1px solid #e8e8e8;
}
.ember-engine-queues-summary-row .drawer {
width: 100%;
display: flex;
flex: 1 1 auto;
}
.ember-engine-queues-summary-row .drawer.closed {
height: 10px !important;
}
.ember-engine-queues-summary-row .drawer .summary-row-contents {
width: 100%;
animation-duration: 1s;
animation-fill-mode: both;
animation-name: fadeIn;
animation-duration: 0.7s;
visibility: visible;
flex: 1 1 auto;
}
.ember-engine-queues-summary-row .drawer .hidden {
animation-name: fadeOut;
visibility: hidden;
}
.ember-engine-queues-summary-row .data-table {
border-top: none;
}
.ember-engine-queues-summary-row .data-table .header-row {
background-color: transparent;
}
.ember-engine-queues-summary-row .data-table .header-row .dt-cell.agent,
.ember-engine-queues-summary-row .data-table .header-row .dt-cell.agentPresence,
.ember-engine-queues-summary-row .data-table .header-row .dt-cell.interval,
.ember-engine-queues-summary-row .data-table .header-row .dt-cell.queueName,
.ember-engine-queues-summary-row .data-table .header-row .dt-cell.flow,
.ember-engine-queues-summary-row .data-table .header-row .dt-cell.campaignName {
visibility: hidden;
}
.ember-engine-queues-summary-row .data-table .dt-section-footer {
display: none;
}
.ember-engine-queues-summary-row .data-table .dt-section-body .dt-cell {
border-bottom: none;
}
.ember-engine-queues-summary-row .summary-row-collapsed-view {
display: flex;
height: auto;
align-items: flex-end;
}
.ember-engine-queues-summary-row .summary-row-collapsed-view .secondary-toggle {
margin-bottom: 7px;
}
.ember-engine-queues-summary-row .drawer-toggle-container {
display: flex;
flex: 0 0 10px;
justify-content: flex-end;
align-items: flex-end;
}
.ember-engine-queues-summary-row .drawer-toggle-container .primary-toggle {
background: transparent;
width: 20px;
height: 10px;
border: none;
padding: 0;
outline: none;
color: #cccccc;
margin-bottom: 7px;
}
.ember-engine-queues-summary-row .drawer-toggle-container .primary-toggle:hover {
color: #203B73;
}
.sub-table.hide-value-headers .dt-drag-container:not(:first-child) .dt-cell {
visibility: hidden;
}
.sub-table .data-table.sub-table-dt {
border-top: none;
}
.sub-table .data-table.sub-table-dt .scrollable-section {
overflow-y: auto !important;
}
.sub-table .data-table.sub-table-dt .dt-section-head .dt-row.header-row .dt-cell.label-cell {
font-size: 13px;
}
.sub-table .data-table.sub-table-dt .dt-cell.mediaType,
.sub-table .data-table.sub-table-dt .dt-drag-container.mediaType {
max-width: 30px;
}
.sub-table .data-table.sub-table-dt .dt-cell.mediaType .dt-cell-value,
.sub-table .data-table.sub-table-dt .dt-drag-container.mediaType .dt-cell-value {
text-overflow: clip;
}
.sub-table .data-table.sub-table-dt .dt-row-control-panel {
font-size: 13px;
}
.sub-table .data-table.sub-table-dt .dt-row-control-panel .dt-row-control-panel-item.monitor-conversation {
height: 20px;
}
.sub-table .data-table.sub-table-dt .dt-section-body .dt-row:last-child .dt-cell {
border-bottom: 0;
}
.sub-table .data-table.sub-table-dt .dt-section-footer {
display: none;
}
.sub-table .data-table.sub-table-dt .dt-cell.mediaType,
.sub-table .data-table.sub-table-dt .dt-drag-container.mediaType {
color: #77828F;
}
.sub-table .data-table.sub-table-dt .dt-cell-value.other-queue {
color: #B3B3B3;
}
.subtext-cell {
line-height: 1;
padding: 5px 0;
}
.subtext-cell .subtext-value {
font-size: 10px;
font-weight: bold;
color: var(--gux-black-90);
text-transform: uppercase;
}
.summary-metric-values {
display: flex;
align-items: center;
justify-content: center;
height: 25px;
background-color: var(--gux-grey-50);
border-radius: 5px;
padding: 5px 5px;
margin: 20px 10px 20px auto;
}
.summary-metric-values .summary-metric-name {
font-weight: bold;
margin-right: 5px;
}
.summary-metric-values .summary-metric {
display: flex;
align-items: center;
justify-content: center;
margin: 5px;
}
.summary-metric-values .summary-metric:not(:last-child):after {
content: '';
height: 12px;
width: 1px;
background-color: black;
margin-left: 10px;
}
.score-cell {
display: flex;
flex-wrap: wrap;
}
.score-cell .score {
font-weight: bolder;
display: inline-block;
width: 55px;
text-align: right;
}
.score-cell .score-counts-wrapper {
display: inline-block;
}
.score-cell .score-counts-wrapper .max-count {
font-size: 0.8em;
margin-left: 5px;
white-space: nowrap;
display: inline-block;
min-width: fit-content;
text-align: right;
color: green;
}
.score-cell .score-counts-wrapper .max-count .count {
font-weight: bolder;
}
.score-cell .score-counts-wrapper .max-count gux-icon {
vertical-align: middle;
}
.score-cell .score-counts-wrapper .min-count {
font-size: 0.8em;
white-space: nowrap;
padding-left: 5px;
display: inline-block;
min-width: fit-content;
text-align: right;
color: red;
}
.score-cell .score-counts-wrapper .min-count .count {
font-weight: bolder;
}
.score-cell .score-counts-wrapper .min-count gux-icon {
vertical-align: middle;
}
.nps-cell {
display: flex;
flex-wrap: wrap;
}
.nps-cell .score {
font-weight: bolder;
display: inline-block;
width: 35px;
text-align: right;
}
.nps-cell .nps-counts-wrapper {
display: flex;
flex-wrap: wrap;
}
.nps-cell .nps-counts-wrapper .promoters {
font-size: 0.8em;
white-space: nowrap;
display: inline-block;
margin-left: 2px;
min-width: 25px;
text-align: right;
color: green;
}
.nps-cell .nps-counts-wrapper .promoters .count {
font-weight: bolder;
}
.nps-cell .nps-counts-wrapper .promoters gux-icon {
margin-left: 0.5px;
margin-right: 2px;
vertical-align: middle;
}
.nps-cell .nps-counts-wrapper .passives {
font-size: 0.8em;
white-space: nowrap;
display: inline-block;
margin-left: 3px;
min-width: 25px;
text-align: right;
color: #fbb944;
}
.nps-cell .nps-counts-wrapper .passives .count {
font-weight: bolder;
}
.nps-cell .nps-counts-wrapper .passives gux-icon {
margin-left: 0.5px;
margin-right: 2px;
vertical-align: middle;
}
.nps-cell .nps-counts-wrapper .detractors {
font-size: 0.8em;
white-space: nowrap;
margin-left: 3px;
display: inline-block;
min-width: 25px;
text-align: right;
color: red;
}
.nps-cell .nps-counts-wrapper .detractors .count {
font-weight: bolder;
}
.nps-cell .nps-counts-wrapper .detractors gux-icon {
margin-left: 0.5px;
margin-right: 2px;
vertical-align: middle;
}
.media-type-breakdown-cell {
display: flex;
flex-direction: row;
justify-content: flex-start;
flex: 1 1 auto;
}
.media-type-breakdown-cell .breakdown-column {
display: flex;
flex-direction: column;
width: fit-content;
min-width: 50px;
}
.media-type-breakdown-cell .breakdown-column.day {
padding-left: 10px;
}
.media-type-breakdown-cell .breakdown-column .column-header {
margin-bottom: 10px;
font-size: 12px;
}
.media-type-breakdown-cell .breakdown-column .row-value {
margin-bottom: 5px;
height: 18px;
}
.media-type-breakdown-cell .breakdown-column .row-value.column-2-row-value {
display: flex;
justify-content: space-between;
}
.media-type-breakdown-cell .breakdown-column .row-value.column-2-row-value .row-text {
flex: 0 0 auto;
padding-right: 10px;
}
.media-type-breakdown-cell .media-icon {
color: #77828F;
}
.station-cell {
display: flex;
align-items: center;
justify-content: center;
}
.station-cell gux-icon {
height: auto;
width: 16px;
}
.station-cell .has-station {
color: #444A52;
}
.station-cell .no-station {
color: #f43f39;
}
.station-cell .station-name {
font-size: 12px;
}
.station-cell-tooltip {
z-index: 1;
word-break: break-word;
min-width: 15px;
min-height: 15px;
}
.usability-enhancements nav.analytics-tab-nav:before {
content: none;
}
nav.analytics-tab-nav {
align-items: center;
display: flex;
justify-content: center;
position: relative;
z-index: 2;
bottom: 0;
height: auto;
}
nav.analytics-tab-nav.switch-navigation-enabled {
align-items: flex-end;
justify-content: flex-start;
margin-left: 23px;
}
nav.analytics-tab-nav .tabs {
margin-top: -1px;
}
nav.analytics-tab-nav .tabs > li:before {
box-sizing: border-box;
}
nav.analytics-tab-nav:before {
background: #cccccc;
content: '';
display: block;
height: 1px;
left: 0;
position: absolute;
top: -2px;
width: 100%;
}
@media (min-width: 1200px) {
nav.analytics-tab-nav:before {
display: none;
}
.action-bar-open nav.analytics-tab-nav:before {
display: block;
}
}
@media (min-width: 1200px) and (min-width: 1800px) {
.action-bar-open nav.analytics-tab-nav:before {
display: none;
}
}
nav.analytics-tab-nav a {
margin: -2px 30px 0 30px;
}
nav.analytics-tab-nav a {
margin-right: 15px;
}
nav.analytics-tab-nav > a.active {
color: #666666;
text-decoration: none;
cursor: default;
}
.result-settings-v2 {
margin-right: 10px;
}
.result-settings-v2 gux-button.result-settings-v2-toggle {
background-color: transparent;
}
.result-settings-v2 gux-button.result-settings-v2-toggle button {
border: none;
background: none;
outline: none;
font-size: 18px;
border-radius: 100%;
padding: 4px;
height: 28px;
width: 28px;
transition: 0.25s;
color: #4c4c4c;
background-color: transparent;
}
.result-settings-v2 gux-button.result-settings-v2-toggle button:hover {
color: #fff;
background: #2b4f9b;
}
.result-settings-v2 gux-button.result-settings-v2-toggle.popover-open button {
color: #fff;
background: #2b4f9b;
}
.result-settings-v2 gux-popover {
min-width: 180px;
}
.result-settings-v2 gux-popover .popover-content {
text-align: left;
}
.result-settings-v2 gux-popover .popover-content .content-header .title {
font-size: 10px;
color: var(--gux-grey-10);
}
.saved-view-panel .side-panel-toggle {
display: flex;
align-items: center;
justify-content: center;
height: 100%;
}
.saved-view-panel .saved-view-section {
padding: 0px 15px;
}
.saved-view-panel .saved-view-section .saved-view-form {
display: flex;
flex-direction: column;
}
.saved-view-panel .saved-view-section .saved-view-input .error-warning-content {
display: flex;
}
.saved-view-panel .saved-view-section .saved-view-input .error-warning-content .error-icon {
color: var(--gux-alert-red-60);
}
.saved-view-panel .saved-view-section .saved-view-input .error-warning-content span {
font-size: 11px;
margin-left: 5px;
}
.saved-view-panel .saved-view-section .saved-view-input .overwrite-append-radio-container gux-form-field-radio input {
margin: 4px 4px 4px 0;
}
.saved-view-panel .saved-view-section .saved-view-input .saved-view-buttons {
display: flex;
padding-top: 15px;
}
.saved-view-panel .saved-view-section .saved-view-input .saved-view-buttons gux-button {
flex: 1;
}
.saved-view-panel .saved-view-section .saved-view-input .saved-view-buttons gux-button:first-child {
margin-right: 8px;
}
.saved-view-panel .saved-view-section .saved-view-input .saved-view-buttons gux-button:nth-child(2) {
margin-left: 8px;
}
.saved-view-panel .saved-view-section .saved-view-input .selected-interval-tooltip {
position: relative;
left: 3px;
top: 3px;
width: 15px;
height: 15px;
}
.side-panel-component.drawer-container {
height: 100%;
display: flex;
flex-direction: column;
font-family: 'Roboto', sans-serif;
overflow-x: hidden;
background-color: #FDFDFD;
animation-duration: 1s;
animation-fill-mode: both;
animation-duration: 0.25s;
animation-delay: 0s;
width: 100%;
}
.side-panel-component.drawer-container.side-panel-restyle-component {
background: #fff;
}
.side-panel-component.drawer-container.side-panel-restyle-component.drawer-open {
background-color: #fff;
}
.side-panel-component.drawer-container.side-panel-restyle-component .side-panel-header-section {
display: flex;
background: #fff;
color: #1B2C48;
font-size: 18px;
font-weight: 600;
gap: 5px;
text-transform: none;
padding: 0;
}
.side-panel-component.drawer-container.side-panel-restyle-component .side-panel-header-section .side-panel-header {
display: flex;
flex-direction: column;
justify-content: center;
padding: 0;
}
.side-panel-component.drawer-container.side-panel-restyle-component .side-panel-header-section .action-icon {
color: var(--gux-black-50);
}
.side-panel-component.drawer-container.side-panel-restyle-component .side-panel-header-section .side-panel-action-button {
display: flex;
flex-direction: column;
justify-content: center;
}
.side-panel-component.drawer-container h4.side-panel-header {
margin-bottom: 12px;
}
.side-panel-component.drawer-container h4.side-panel-header,
.side-panel-component.drawer-container .side-panel-header-section {
text-transform: uppercase;
font-size: 12px;
margin-top: 0px;
padding: 10px;
color: #FDFDFD;
background-color: #77828F;
}
.side-panel-component.drawer-container .side-panel-header-container {
width: 100%;
display: flex;
justify-content: space-between;
padding: 12px 12px 16px;
}
.side-panel-component.drawer-container .side-panel-header-container .side-panel-toggle {
display: flex;
flex-direction: column;
justify-content: center;
}
.side-panel-component.drawer-container .side-panel-header-container .side-panel-toggle gux-icon {
color: #1B2C48;
}
.side-panel-component.drawer-container.drawer-open {
display: flex;
position: relative;
border-left: solid 1px #d7e7eb;
background-color: #F8F8F8;
width: 300px;
min-width: 300px;
overflow-y: auto;
}
.side-panel-component.drawer-container.drawer-open.animate-panel {
animation-name: fadeInRight;
}
.line-stack-cell .line-stack-cell-lines > .line-stack-cell-line {
display: block;
}
.analytics-ui-conversation-duration-cell .duration .idle-timer {
font-style: italic;
}
.analytics-ui-conversation-duration-cell .duration .time-duration {
text-align: left;
min-width: 45px;
display: inline-block;
}
.analytics-ui-conversation-duration-cell .activity-duration {
white-space: nowrap;
}
.analytics-ui-conversation-duration-cell .activity-duration > .activity-duration {
text-align: left;
min-width: 45px;
display: inline-block;
}
.analytics-ui-conversation-duration-cell .activity-duration > .activity-duration.is-held {
position: relative;
bottom: 6px;
right: 8px;
}
.analytics-ui-conversation-duration-cell .activity-duration .activity-icon gux-icon[icon-name="pause"] {
height: 22px;
width: 22px;
position: relative;
right: 5px;
bottom: 1px;
}
.analytics-ui-conversation-duration-cell .durations-overflow {
cursor: pointer;
}
.analytics-ui-conversation-duration-cell.acd-interaction .media-icon {
color: #77828F;
}
.analytics-ui-conversation-duration-cell:not(.is-idle):not(.acd-interaction),
.analytics-ui-conversation-duration-cell .sub-table .dt-cell-value.other-queue {
color: #8b949f;
}
.ember-engine-queues-analytics-view {
height: 100%;
display: flex;
flex-direction: column;
}
.ember-engine-queues-analytics-view nav.analytics-view-navigation {
display: flex;
flex-shrink: 0;
height: 45px;
position: relative;
background-color: var(--gux-grey-90);
}
.ember-engine-queues-analytics-view nav.analytics-view-navigation.usability-enhancements {
background-color: #444A52;
}
.ember-engine-queues-analytics-view nav.analytics-view-navigation.switch-navigation-enabled {
background-color: #FDFDFD;
border: 2px solid #E4E9F0;
min-height: 36px;
height: auto;
}
.ember-engine-queues-analytics-view nav.analytics-view-navigation,
.ember-engine-queues-analytics-view nav.analytics-view-navigation * {
box-sizing: border-box;
}
.ember-engine-queues-analytics-view nav.analytics-view-navigation.advanced-tabs-enabled {
border-top: none;
}
.ember-engine-queues-analytics-view .analytics-view-main-content {
flex-grow: 1;
display: flex;
flex-direction: column;
background: #ffffff;
position: relative;
overflow-y: auto;
}
.ember-engine-queues-analytics-view .analytics-view-main-content > .ember-view {
height: 100%;
}
.ember-engine-queues-analytics-view .analytics-view-main-content a.clear-all-filters {
display: inline-block;
cursor: pointer;
}
.ember-engine-queues-analytics-view .analytics-view-main-content .header-components {
display: flex;
align-items: center;
}
.ember-engine-queues-analytics-view .analytics-view-modal {
z-index: 55;
}
.ember-engine-queues-analytics-data-view {
height: 100%;
}
.ember-engine-queues-analytics-data-view .data-table .table-controls {
padding-bottom: 7px;
display: flex;
justify-content: space-between;
flex: 0 0 auto;
}
.ember-engine-queues-analytics-data-view .data-table .table-controls .footer-left-placeholder {
display: flex;
flex: 0 200px;
}
.ember-engine-queues-analytics-data-view .data-table .table-controls .controls-left {
display: flex;
flex: 1;
flex-flow: wrap;
align-items: center;
}
.ember-engine-queues-analytics-data-view .data-table .table-controls .controls-left > * {
flex: 0 auto;
}
.ember-engine-queues-analytics-data-view .data-table .table-controls .item-counter-container {
flex: 0 300px;
}
.ember-engine-queues-analytics-data-view .data-table .dt-cell {
word-break: break-word;
}
.ember-engine-queues-analytics-data-view .data-table .dt-section.dt-section-body .dt-row .dt-cell {
font-size: 14px;
}
.ember-engine-queues-analytics-data-view .data-table .dt-cell-value.current-interval:before {
content: "\25C6";
padding-right: 3px;
}
.ember-engine-queues-analytics-data-view .data-table .dt-row-control-panel {
z-index: 1;
}
.ember-engine-queues-analytics-data-view .data-table .dt-row-control-panel .dt-row-control-icon-button button {
background-color: transparent;
color: #444A52;
font-size: 16px;
border: none;
}
.ember-engine-queues-analytics-data-view .data-table .dt-row-control-panel .dt-row-control-icon-button i,
.ember-engine-queues-analytics-data-view .data-table .dt-row-control-panel .dt-row-control-icon-button svg {
color: #2A60C8;
}
.ember-engine-queues-analytics-data-view .engage-components-copy-button button {
color: #2A60C8;
}
.ember-engine-queues-analytics-data-view .analytics-ui-view-controls {
padding: 8px;
border-top: 2px solid #E4E9F0;
background-color: var(--gux-grey-90);
}
.ember-engine-queues-analytics-data-view .secondary-nav-bar {
padding: 0;
margin: 0;
background-color: var(--gux-grey-90);
display: flex;
justify-content: space-between;
flex-shrink: 0;
flex-flow: wrap;
min-height: 31px;
}
.ember-engine-queues-analytics-data-view .secondary-nav-bar.usability-enhancements {
align-items: center;
}
.ember-engine-queues-analytics-data-view .secondary-nav-bar.usability-enhancements .other-actions.button-bar {
display: flex;
align-items: center;
}
.ember-engine-queues-analytics-data-view .secondary-nav-bar.usability-enhancements .other-actions.button-bar .button-bar-section {
outline: none;
}
.ember-engine-queues-analytics-data-view .secondary-nav-bar.usability-enhancements .other-actions.button-bar .button-bar-section button {
display: flex;
align-items: center;
justify-content: center;
height: 26px;
width: 26px;
border-radius: 100%;
padding: 0;
margin: 1px;
background: transparent;
border: none;
outline: none;
transition: 0.25s;
color: inherit;
}
.ember-engine-queues-analytics-data-view .secondary-nav-bar.usability-enhancements .other-actions.button-bar .button-bar-section button:disabled {
opacity: 0.5;
pointer-events: none;
}
.ember-engine-queues-analytics-data-view .secondary-nav-bar.usability-enhancements .other-actions.button-bar .button-bar-section button:hover:enabled {
background: none;
color: var(--gux-blue-60);
}
.ember-engine-queues-analytics-data-view .secondary-nav-bar.usability-enhancements .other-actions.button-bar .button-bar-section button:focus:enabled {
border: none;
outline: auto;
outline-offset: 4px;
outline-color: var(--gux-blue-30);
}
.ember-engine-queues-analytics-data-view .secondary-nav-bar.usability-enhancements .other-actions.button-bar .button-bar-section button i {
font-size: 16px;
}
.ember-engine-queues-analytics-data-view .secondary-nav-bar.usability-enhancements .other-actions.button-bar .button-bar-section button .svg-icon {
height: 16px;
width: 16px;
}
.ember-engine-queues-analytics-data-view .secondary-nav-bar.usability-enhancements .other-actions.button-bar .button-bar-section.button-bar-active button {
background: none;
color: var(--gux-blue-60);
}
.ember-engine-queues-analytics-data-view .secondary-nav-bar.usability-enhancements .other-actions.button-bar .button-bar-section {
margin-right: 16px;
}
.ember-engine-queues-analytics-data-view .secondary-nav-bar.usability-enhancements .other-actions.button-bar .button-bar-section button {
width: 16px;
height: auto;
justify-content: space-around;
margin: 0;
}
.ember-engine-queues-analytics-data-view .secondary-nav-bar.usability-enhancements .other-actions.button-bar .button-bar-section gux-icon {
height: 16px;
width: 16px;
}
.ember-engine-queues-analytics-data-view .secondary-nav-bar.usability-enhancements .bar-left {
padding-left: 5px;
}
.ember-engine-queues-analytics-data-view .secondary-nav-bar.usability-enhancements .bar-right {
padding-right: 5px;
}
.ember-engine-queues-analytics-data-view .secondary-nav-bar.usability-enhancements .bar-center {
padding-right: 10px !important;
}
.ember-engine-queues-analytics-data-view .secondary-nav-bar .button-search-interval-picker-bar {
justify-content: space-between;
}
.ember-engine-queues-analytics-data-view .secondary-nav-bar .button-search-bar {
white-space: nowrap;
display: flex;
}
.ember-engine-queues-analytics-data-view .secondary-nav-bar .button-search-bar .breadcrumb-icon {
display: table;
margin: 0 15px;
}
.ember-engine-queues-analytics-data-view .secondary-nav-bar .button-search-bar .breadcrumb-icon .icon-wrapper {
display: table-cell;
text-align: center;
vertical-align: middle;
}
.ember-engine-queues-analytics-data-view .secondary-nav-bar .button-bar.bar-right {
justify-content: flex-end;
}
.ember-engine-queues-analytics-data-view .secondary-nav-bar .button-bar.bar-right .analytics-ui-gux-button-wrapper {
padding-top: 24px;
padding-right: 12px;
}
.ember-engine-queues-analytics-data-view .secondary-nav-bar .bar-left .button-bar-section {
display: flex;
align-items: center;
}
.ember-engine-queues-analytics-data-view .secondary-nav-bar .bar-left .button-bar-section {
outline: none;
}
.ember-engine-queues-analytics-data-view .secondary-nav-bar .bar-left .button-bar-section button {
display: flex;
align-items: center;
justify-content: center;
height: 26px;
width: 26px;
border-radius: 100%;
padding: 0;
margin: 1px;
background: transparent;
border: none;
outline: none;
transition: 0.25s;
color: inherit;
}
.ember-engine-queues-analytics-data-view .secondary-nav-bar .bar-left .button-bar-section button:disabled {
opacity: 0.5;
pointer-events: none;
}
.ember-engine-queues-analytics-data-view .secondary-nav-bar .bar-left .button-bar-section button:hover:enabled {
background: none;
color: var(--gux-blue-60);
}
.ember-engine-queues-analytics-data-view .secondary-nav-bar .bar-left .button-bar-section button:focus:enabled {
border: none;
outline: auto;
outline-offset: 4px;
outline-color: var(--gux-blue-30);
}
.ember-engine-queues-analytics-data-view .secondary-nav-bar .bar-left .button-bar-section button i {
font-size: 16px;
}
.ember-engine-queues-analytics-data-view .secondary-nav-bar .bar-left .button-bar-section button .svg-icon {
height: 16px;
width: 16px;
}
.ember-engine-queues-analytics-data-view .secondary-nav-bar .bar-left .button-bar-section.button-bar-active button {
background: none;
color: var(--gux-blue-60);
}
.ember-engine-queues-analytics-data-view .secondary-nav-bar .bar-left,
.ember-engine-queues-analytics-data-view .secondary-nav-bar .bar-right {
flex: 1 !important;
display: flex !important;
}
.ember-engine-queues-analytics-data-view .secondary-nav-bar .bar-center {
flex: 0 0 auto;
padding-right: 25px;
font-size: 12px;
}
.ember-engine-queues-analytics-data-view .secondary-nav-bar .data-export,
.ember-engine-queues-analytics-data-view .secondary-nav-bar .export-container {
height: 100%;
}
.ember-engine-queues-analytics-data-view .secondary-nav-bar .export-container {
font-size: 20px;
padding: 2px 8px 0px 8px;
border-left: 1px solid #cccccc;
color: #4c4c4c;
}
.ember-engine-queues-analytics-data-view .secondary-nav-bar .nav-links {
display: flex;
align-items: center;
}
.ember-engine-queues-analytics-data-view .secondary-nav-bar .nav-links a,
.ember-engine-queues-analytics-data-view .secondary-nav-bar .nav-links .current-view {
padding: 6px 8px;
color: #4c4c4c;
text-decoration: none;
border-left: 1px solid #cccccc;
height: 100%;
}
.ember-engine-queues-analytics-data-view .secondary-nav-bar .nav-links a:hover,
.ember-engine-queues-analytics-data-view .secondary-nav-bar .nav-links .current-view {
background-color: #e6e6e6;
}
.ember-engine-queues-analytics-data-view .secondary-nav-bar .nav-links .current-view {
cursor: default;
}
.ember-engine-queues-analytics-data-view .main-content .filters-changed button.apply-filters {
color: #FDFDFD;
border-color: #2455a3;
background-color: #2A60C8;
}
.ember-engine-queues-analytics-data-view .main-content .filters-changed button.apply-filters:disabled {
opacity: 0.65;
}
.ember-engine-queues-analytics-data-view .filter-view-content {
display: flex;
flex: 1 1 auto;
overflow: hidden;
}
.hide-filter-bar.ember-engine-queues-analytics-data-view .filter-view-content .main-content {
padding: 0;
}
.ember-engine-queues-analytics-data-view .filter-view-content .main-content {
display: flex;
flex-direction: column;
flex: 1 1 auto;
position: relative;
overflow: hidden;
}
.ember-engine-queues-analytics-data-view .filter-view-content .main-content > .data-table {
border-top: solid 2px #E4E9F0;
}
.ember-engine-queues-analytics-data-view .filter-view-content .main-content > .data-table .dt-section-head .dt-row.header-row {
border-bottom: 2px solid #2A60C8;
}
.ember-engine-queues-analytics-data-view .filter-view-content .main-content > .analytics-main-content-container > .analytics-main-content > .ember-engine-queues-summary-row,
.ember-engine-queues-analytics-data-view .filter-view-content .main-content > .analytics-main-content-container > .analytics-main-content > .date-pager-container {
flex-shrink: 0;
}
.ember-engine-queues-analytics-data-view .filter-view-content .main-content > .analytics-main-content-container > .analytics-main-content > .analytics-body-container > .analytics-yield-content-container > .data-table,
.ember-engine-queues-analytics-data-view .filter-view-content .main-content > .analytics-main-content-container > .analytics-main-content > .analytics-body-container > .analytics-yield-content-container > .table-wrapper .data-table {
/*
Allows column headers to line up with content
Will show a scrollbar at all times regardless of whether content scrolls
Can switch back to 'auto' if a better solution is found
*/
}
.ember-engine-queues-analytics-data-view .filter-view-content .main-content > .analytics-main-content-container > .analytics-main-content > .analytics-body-container > .analytics-yield-content-container > .data-table .dt-section-body.scrollable-section,
.ember-engine-queues-analytics-data-view .filter-view-content .main-content > .analytics-main-content-container > .analytics-main-content > .analytics-body-container > .analytics-yield-content-container > .table-wrapper .data-table .dt-section-body.scrollable-section {
overflow-y: scroll;
}
.ember-engine-queues-analytics-data-view .filter-view-content .main-content > .analytics-main-content-container > .analytics-main-content > .analytics-body-container > .analytics-yield-content-container > .data-table .dt-section-head .dt-row.header-row .column-picker-toggle,
.ember-engine-queues-analytics-data-view .filter-view-content .main-content > .analytics-main-content-container > .analytics-main-content > .analytics-body-container > .analytics-yield-content-container > .table-wrapper .data-table .dt-section-head .dt-row.header-row .column-picker-toggle {
margin-left: 11px;
margin-right: 4px;
}
.ember-engine-queues-analytics-data-view .filter-view-content .main-content > .analytics-main-content-container > .analytics-main-content > .analytics-body-container > .analytics-yield-content-container > .data-table.show-row-control-panel > .dt-horiz-scrollable > .dt-section-head .header-row,
.ember-engine-queues-analytics-data-view .filter-view-content .main-content > .analytics-main-content-container > .analytics-main-content > .analytics-body-container > .analytics-yield-content-container > .table-wrapper .data-table.show-row-control-panel > .dt-horiz-scrollable > .dt-section-head .header-row {
padding-right: 0px;
}
.ember-engine-queues-analytics-data-view .filter-view-content .main-content .filters-changed button {
background: transparent;
border: solid 1px;
border-radius: 15px;
font-size: 14px;
cursor: pointer;
flex: 1 0 auto;
outline: none;
padding: 5px 7px;
}
.ember-engine-queues-analytics-data-view .filter-view-content .analytics-main-content-container {
display: flex;
flex: 1 1 auto;
min-height: 0;
}
.ember-engine-queues-analytics-data-view .filter-view-content .analytics-main-content-container .analytics-main-content {
display: flex;
flex: 1 1 auto;
flex-direction: column;
min-width: 0;
position: relative;
}
.ember-engine-queues-analytics-data-view .ember-engine-queues-summary-row .data-table .dt-row {
padding-right: 41px;
}
.ember-engine-queues-analytics-data-view .ember-engine-queues-summary-row.bulk-action-summary-row .header-row,
.ember-engine-queues-analytics-data-view .ember-engine-queues-summary-row.bulk-action-summary-row .dt-section-body {
padding-left: 25px;
}
.action-bar-open .ember-engine-queues-analytics-data-view .analytics-filter-bar-container .analytics-filter-bar .filter-section {
min-width: 0;
order: 2;
}
.ember-engine-queues-analytics-data-view .analytics-filter-bar-container .analytics-filter-bar {
display: flex;
align-items: flex-end;
justify-content: space-between;
flex-shrink: 0;
flex-basis: auto;
padding-bottom: 7px;
}
.ember-engine-queues-analytics-data-view .analytics-filter-bar-container .analytics-filter-bar.usability-enhancements {
padding: 0 0 0 5px;
}
.ember-engine-queues-analytics-data-view .analytics-filter-bar-container .analytics-filter-bar.usability-enhancements .filter-sections {
overflow: hidden;
}
.ember-engine-queues-analytics-data-view .analytics-filter-bar-container .analytics-filter-bar.usability-enhancements .filter-sections .filter-section {
flex: 1 1 !important;
}
.ember-engine-queues-analytics-data-view .analytics-filter-bar-container .analytics-filter-bar .filter-sections {
display: flex;
flex: 1;
flex-flow: wrap;
align-items: center;
}
.ember-engine-queues-analytics-data-view .analytics-filter-bar-container .analytics-filter-bar .filter-sections .media-type-filter-v2 .selected-media-type.unapplied-filters {
background-color: #B3B3B3;
}
.ember-engine-queues-analytics-data-view .analytics-filter-bar-container .analytics-filter-bar .filter-sections .filter-section {
min-width: 0;
flex: 0 auto;
}
.ember-engine-queues-analytics-data-view .analytics-filter-bar-container .analytics-filter-bar .filter-sections .filter-section.filter-left {
display: flex;
flex-direction: row;
align-items: center;
}
.ember-engine-queues-analytics-data-view .analytics-filter-bar-container .analytics-filter-bar .filter-sections .filter-section.filter-left .media-type-filter-icon i {
margin-right: 0;
}
@media (min-width: 768px) {
.ember-engine-queues-analytics-data-view .analytics-filter-bar-container .analytics-filter-bar .filter-sections .filter-section.filter-left .media-type-filter-icon i {
margin-right: 4px;
}
}
@media (min-width: 1280px) {
.ember-engine-queues-analytics-data-view .analytics-filter-bar-container .analytics-filter-bar .filter-sections .filter-section.filter-left .media-type-filter-icon i {
margin-right: 0;
}
}
@media (min-width: 1600px) {
.ember-engine-queues-analytics-data-view .analytics-filter-bar-container .analytics-filter-bar .filter-sections .filter-section.filter-left .media-type-filter-icon i {
margin-right: 4px;
}
}
.ember-engine-queues-analytics-data-view .analytics-filter-bar-container .analytics-filter-bar .filter-sections .filter-section.filter-left .media-type-filter-name {
display: none;
}
@media (min-width: 890px) {
.ember-engine-queues-analytics-data-view .analytics-filter-bar-container .analytics-filter-bar .filter-sections .filter-section.filter-left .media-type-filter-name {
display: flex;
}
}
.ember-engine-queues-analytics-data-view .analytics-filter-bar-container .analytics-filter-bar .filter-sections .filter-section > .applied-filters-container {
margin-top: 5px;
max-height: 110px;
overflow-y: auto;
}
.ember-engine-queues-analytics-data-view .analytics-filter-bar-container .analytics-filter-bar .filter-sections .filter-section > .applied-filters-container .selected-tags-component {
margin-bottom: 5px;
}
.ember-engine-queues-analytics-data-view .analytics-filter-bar-container .analytics-filter-bar .filter-sections .filter-section > .applied-filters-container.unapplied-filters .tag-label-component {
background-color: #B3B3B3;
}
.ember-engine-queues-analytics-data-view .analytics-filter-bar-container .analytics-filter-bar .filter-sections .filter-section .search-container {
padding-top: 2px;
}
.ember-engine-queues-analytics-data-view .analytics-filter-bar-container .analytics-filter-bar .filter-sections .filter-section .search-container .search-box {
padding: 0;
}
.ember-engine-queues-analytics-data-view .analytics-filter-bar-container .analytics-filter-bar .filter-sections .filter-section .search-container .search-options {
max-width: 500px;
}
.ember-engine-queues-analytics-data-view .analytics-filter-bar-container .page-item-counter {
flex: 0 auto;
white-space: nowrap;
padding-right: 10px;
}
.ember-engine-queues-analytics-data-view .analytics-body-container {
display: flex;
flex: 1 1 auto;
height: 100%;
min-height: 0;
}
.ember-engine-queues-analytics-data-view .analytics-body-container .analytics-yield-content-container {
display: flex;
flex-direction: column;
flex: 1 1 auto;
min-width: 0;
}
.ember-engine-queues-analytics-data-view .analytics-footer {
padding-bottom: 7px;
display: flex;
justify-content: space-between;
flex: 0 0 auto;
}
.ember-engine-queues-analytics-data-view .analytics-footer .footer-left-placeholder {
display: flex;
flex: 0 200px;
}
.ember-engine-queues-analytics-data-view .analytics-footer .controls-left {
display: flex;
flex: 1;
flex-flow: wrap;
align-items: center;
}
.ember-engine-queues-analytics-data-view .analytics-footer .controls-left > * {
flex: 0 auto;
}
.ember-engine-queues-analytics-data-view .analytics-footer .item-counter-container {
flex: 0 300px;
justify-content: flex-end;
height: inherit;
}
.ember-engine-queues-analytics-data-view .analytics-footer .item-counter-container .page-item-counter .preposition {
color: #444A52;
}
.ember-engine-queues-analytics-data-view .analytics-footer .bar-left,
.ember-engine-queues-analytics-data-view .analytics-footer .bar-right {
flex: 1;
display: flex;
}
.ember-engine-queues-analytics-data-view .analytics-footer .bar-left {
padding-left: 5px;
}
.ember-engine-queues-analytics-data-view .analytics-footer .bar-center {
flex: 0 0 auto;
padding-right: 25px;
}
.ember-engine-queues-analytics-data-view .analytics-footer .updated-time {
font-size: 0.9em;
color: #444A52;
margin-top: 3px;
}
.ember-engine-queues-analytics-data-view .side-panel.drawer-container,
.ember-engine-queues-analytics-data-view .drawer-container {
animation-duration: 1s;
animation-fill-mode: both;
animation-duration: 0.25s;
animation-delay: 0s;
}
.ember-engine-queues-analytics-data-view .side-panel.drawer-container.drawer-open,
.ember-engine-queues-analytics-data-view .drawer-container.drawer-open {
display: flex;
position: relative;
border-left: solid 1px #d7e7eb;
background-color: #F8F8F8;
width: 300px;
min-width: 300px;
}
.ember-engine-queues-analytics-data-view .side-panel.drawer-container.drawer-open.animate-panel,
.ember-engine-queues-analytics-data-view .drawer-container.drawer-open.animate-panel {
animation-name: fadeInRight;
}
.ember-engine-queues-analytics-data-view .side-panel.drawer-container.drawer-open.wide-side-panel,
.ember-engine-queues-analytics-data-view .drawer-container.drawer-open.wide-side-panel {
width: 380px;
min-width: 380px;
}
.ember-engine-queues-analytics-data-view .side-panel.drawer-container .engage-components-data-filter,
.ember-engine-queues-analytics-data-view .drawer-container .engage-components-data-filter {
width: 100%;
}
.ember-engine-queues-analytics-data-view .side-panel.drawer-container .engage-components-data-filter .side-panel-header,
.ember-engine-queues-analytics-data-view .drawer-container .engage-components-data-filter .side-panel-header {
margin-bottom: 0px;
}
.ember-engine-queues-analytics-data-view .side-panel.drawer-container .engage-components-data-filter .section-name.one-section-name,
.ember-engine-queues-analytics-data-view .drawer-container .engage-components-data-filter .section-name.one-section-name {
padding-left: 15px;
padding-right: 15px;
}
.ember-engine-queues-analytics-data-view .side-panel.drawer-container .engage-components-data-filter .section-name.many-section-name,
.ember-engine-queues-analytics-data-view .drawer-container .engage-components-data-filter .section-name.many-section-name {
margin-top: 10px;
margin-bottom: 10px;
}
.ember-engine-queues-analytics-data-view .side-panel.drawer-container .engage-components-data-filter section.filter-section,
.ember-engine-queues-analytics-data-view .drawer-container .engage-components-data-filter section.filter-section {
animation-duration: 1s;
animation-fill-mode: both;
animation-name: fadeIn;
animation-duration: 0.3s;
padding-left: 15px;
padding-right: 15px;
}
.ember-engine-queues-analytics-data-view .side-panel.drawer-container .engage-components-data-filter section.filter-section .filter-contents,
.ember-engine-queues-analytics-data-view .drawer-container .engage-components-data-filter section.filter-section .filter-contents {
padding-top: 8px;
}
.ember-engine-queues-analytics-data-view .side-panel.drawer-container .engage-components-data-filter section.filter-section .filter-contents .filter-choice,
.ember-engine-queues-analytics-data-view .drawer-container .engage-components-data-filter section.filter-section .filter-contents .filter-choice {
font-size: 13px;
margin-left: 10px;
margin-bottom: 5px;
}
.ember-engine-queues-analytics-data-view .side-panel.drawer-container .engage-components-data-filter section.filter-section .filter-contents .filter-choice input[type="checkbox"],
.ember-engine-queues-analytics-data-view .drawer-container .engage-components-data-filter section.filter-section .filter-contents .filter-choice input[type="checkbox"],
.ember-engine-queues-analytics-data-view .side-panel.drawer-container .engage-components-data-filter section.filter-section .filter-contents .filter-choice input[type="radio"],
.ember-engine-queues-analytics-data-view .drawer-container .engage-components-data-filter section.filter-section .filter-contents .filter-choice input[type="radio"] {
margin-right: 3px;
}
.ember-engine-queues-analytics-data-view .side-panel.drawer-container .engage-components-data-filter section.filter-section .filter-contents .engage-components-multi-search,
.ember-engine-queues-analytics-data-view .drawer-container .engage-components-data-filter section.filter-section .filter-contents .engage-components-multi-search {
min-width: 100%;
}
.ember-engine-queues-analytics-data-view .side-panel.drawer-container .engage-components-numeric-stepper button.value-change,
.ember-engine-queues-analytics-data-view .drawer-container .engage-components-numeric-stepper button.value-change,
.ember-engine-queues-analytics-data-view .side-panel.drawer-container .engage-components-duration-entry button.time-change,
.ember-engine-queues-analytics-data-view .drawer-container .engage-components-duration-entry button.time-change {
display: none;
}
.ember-engine-queues-analytics-data-view .side-panel.drawer-container.drawer-open {
border-left: 1px solid #E4E9F0;
}
.ember-engine-queues-analytics-data-view .chart-unavailable-message-container,
.ember-engine-queues-analytics-data-view .summary-row-unavailable-message-container {
margin: var(--gux-spacing-2xs);
width: fit-content;
}
.ember-engine-queues-analytics-data-view .gux-alert-container {
display: flex;
}
.ember-engine-queues-analytics-data-view .analytics-ui-button-bar-time-zone {
display: inline-flex;
font-weight: bold;
}
.ember-engine-queues-analytics-data-view .analytics-ui-button-bar-time-zone gux-icon {
margin-right: 10px;
margin-top: 3px;
width: 20px;
height: 20px;
}
.ember-engine-queues-analytics-data-view .analytics-ui-button-bar-time-zone gux-time-zone-beta {
padding-top: 6px;
}
.analytics-view-queue-topic-detail .header-row .topicLineChartLegend,
.analytics-view-agent-topic-detail .header-row .topicLineChartLegend,
.analytics-view-flow-topic-detail .header-row .topicLineChartLegend,
.analytics-view-topic-trend-summary .header-row .topicLineChartLegend,
.analytics-view-queue-topic-detail .dt-cell.topicLineChartLegend,
.analytics-view-agent-topic-detail .dt-cell.topicLineChartLegend,
.analytics-view-flow-topic-detail .dt-cell.topicLineChartLegend,
.analytics-view-topic-trend-summary .dt-cell.topicLineChartLegend {
max-width: 20px;
}
.analytics-view-queue-topic-detail .entity-id-no-topic .dt-row-checkbox,
.analytics-view-agent-topic-detail .entity-id-no-topic .dt-row-checkbox,
.analytics-view-flow-topic-detail .entity-id-no-topic .dt-row-checkbox,
.analytics-view-topic-trend-summary .entity-id-no-topic .dt-row-checkbox {
visibility: hidden;
}
.engage-components-date-span-picker-custom-date-range-container-v2 .date-picker-warn gux-icon {
color: #fabb00;
}
.engage-components-date-span-picker-custom-date-range-container-v2 .custom-left-panel-component {
padding-right: 30px;
padding-left: 5px;
z-index: 10000;
}
.engage-components-date-span-picker-custom-date-range-container-v2 .custom-left-panel-component label {
font-weight: bold;
font-size: 12px;
}
.ember-engine-queues-analytics-table-view {
height: 100%;
}
.ember-engine-queues-analytics-table-view .main-data-table .dt-section-footer {
display: none;
}
.ember-engine-queues-analytics-table-view .analytics-footer {
border-top: 3px solid #E4E9F0;
padding-bottom: 0;
/**
* Match column picker footer height
* 32px (gux button height) + 15px (padding top/bottom) + 3px (border-top)
*/
height: 65px;
}
.ember-engine-queues-analytics-table-view .analytics-footer .bar-center {
display: flex;
align-items: center;
margin-top: -12px;
}
.ember-engine-queues-analytics-table-view .analytics-footer .bar-right {
display: flex;
align-items: center;
justify-content: right;
}
.ember-engine-queues-analytics-table-view.is-empty-state-shown .main-data-table {
display: none;
}
.ember-engine-queues-analytics-table-view.is-empty-state-shown .view-error-message-empty-state {
height: 100%;
max-width: 600px;
align-self: center;
}
.ember-engine-queues-analytics-table-view.is-empty-state-shown .view-error-message-empty-state gux-icon {
color: var(--gux-alert-red-60);
}
@media (max-height: 750px) {
.ember-engine-queues-analytics-table-view .chartInView {
overflow-y: auto;
}
.ember-engine-queues-analytics-table-view .chartInView .analytics-body-container {
flex-direction: column;
}
.ember-engine-queues-analytics-table-view .chartInView .analytics-body-container .analytics-yield-content-container > .data-table .dt-section-body.scrollable-section {
overflow-y: hidden;
}
}
@media (max-height: 500px) {
.ember-engine-queues-analytics-table-view .chartCollapsed {
overflow-y: auto;
}
.ember-engine-queues-analytics-table-view .chartCollapsed .analytics-body-container {
flex-direction: column;
}
.ember-engine-queues-analytics-table-view .chartCollapsed .analytics-body-container .analytics-yield-content-container > .data-table .dt-section-body.scrollable-section {
overflow-y: hidden;
}
}
.ember-engine-queues-analytics-table-view .analytics-table-view-subtable-error-message-empty-state {
margin: 10px 0 10px 0;
}
.ember-engine-queues-analytics-table-view .analytics-table-view-subtable-error-message-empty-state gux-icon {
color: var(--gux-alert-red-60);
}
.analytics-ui-table-view {
height: 100%;
}
.analytics-ui-table-view .analytics-yield-content-container {
justify-content: space-between;
}
.analytics-ui-table-view .analytics-yield-content-container .table-wrapper {
overflow: hidden;
}
.analytics-ui-table-view .analytics-yield-content-container .table-wrapper .analytics-ui-gux-table {
height: 100%;
}
.analytics-ui-table-view .analytics-yield-content-container .analytics-footer {
border-top: 3px solid #E4E9F0;
padding-bottom: 0;
/**
* Match column picker footer height
* 32px (gux button height) + 15px (padding top/bottom) + 3px (border-top)
*/
height: 65px;
}
.analytics-ui-table-view .analytics-yield-content-container .analytics-footer .bar-center {
display: flex;
align-items: center;
margin-top: -12px;
}
.analytics-ui-table-view .analytics-yield-content-container .analytics-footer .bar-right {
display: flex;
align-items: center;
justify-content: right;
}
@media (max-height: 750px) {
.analytics-ui-table-view .chartInView {
overflow-y: auto;
}
.analytics-ui-table-view .chartInView .analytics-body-container {
flex-direction: column;
}
}
@media (max-height: 500px) {
.analytics-ui-table-view .chartCollapsed {
overflow-y: auto;
}
.analytics-ui-table-view .chartCollapsed .analytics-body-container {
flex-direction: column;
}
}
.ember-engine-queues-analytics-multi-table-view {
height: 100%;
}
.ember-engine-queues-analytics-multi-table-view .analytics-ui-chart-table-v2 .analytics-ui-chart-row:first-child {
border-top: 2px solid #2A60C8;
}
.ember-engine-queues-analytics-multi-table-view .table-columns {
display: flex;
flex-flow: row wrap;
overflow: hidden;
}
.ember-engine-queues-analytics-multi-table-view .table-columns::-webkit-scrollbar {
-webkit-appearance: none;
width: 15px;
}
.ember-engine-queues-analytics-multi-table-view .table-columns::-webkit-scrollbar-thumb {
border-radius: 9px;
border: 4px solid white;
background-color: rgba(0, 0, 0, 0.5);
-webkit-box-shadow: 0 0 1px rgba(255, 255, 255, 0.5);
}
.ember-engine-queues-analytics-multi-table-view .table-columns .multi-table-column {
flex-grow: 1;
flex-basis: 1px;
min-width: 300px;
padding: 10px;
height: 100%;
overflow-y: auto;
overflow-x: hidden;
}
.ember-engine-queues-analytics-multi-table-view .table-columns .multi-table-column .analytics-ui-chart-table-v2 {
min-width: 300px;
}
.ember-engine-queues-analytics-multi-table-view .ember-engine-queues-summary-row .data-table .dt-row {
padding-right: 0px;
}
.analytics-stacked-table-view {
height: 100%;
}
.analytics-stacked-table-view .table-wrapper {
overflow: hidden;
flex-grow: 1;
}
.analytics-stacked-table-view .analytics-footer {
display: none;
}
.analytics-stacked-table-view .bar-left,
.analytics-stacked-table-view .bar-right {
flex: 1;
display: flex;
}
.analytics-stacked-table-view .bar-left {
padding-left: 5px;
}
.analytics-stacked-table-view .bar-center {
flex: 0 0 auto;
padding-right: 25px;
}
.analytics-stacked-table-view .analytics-yield-content-container {
overflow: hidden;
}
.analytics-stacked-table-view .paginated-table-item-counter-container {
align-items: center;
justify-content: flex-end;
text-align: right;
}
.analytics-view-queue-activity-detail.queue-activity-detail-v1 {
display: flex;
flex-direction: column;
height: 100%;
}
.analytics-view-queue-activity-detail.queue-activity-detail-v1 .queue-activity-detail {
min-height: 100%;
}
.analytics-view-queue-activity-detail.queue-activity-detail-v1 .engage-components-multi-search {
min-width: 240px;
width: 240px;
}
.analytics-view-queue-activity-detail.queue-activity-detail-v1 .dt-section.dt-section-footer {
background-color: #fff;
}
.analytics-view-queue-activity-detail.queue-activity-detail-v1 .loading-overlay-v2 {
top: -5px;
left: -10px;
}
.analytics-view-queue-activity-detail.queue-activity-detail-v1 .secondary-nav-bar {
justify-content: flex-end !important;
}
.analytics-view-queue-activity-detail.queue-activity-detail-v1 .all-panes {
display: flex;
flex-direction: column;
height: 100%;
overflow-y: auto;
}
@media (min-width: 1024px) {
.analytics-view-queue-activity-detail.queue-activity-detail-v1 .all-panes {
flex-direction: row;
}
}
@media (min-width: 1024px) {
.analytics-view-queue-activity-detail.queue-activity-detail-v1 .left-pane,
.analytics-view-queue-activity-detail.queue-activity-detail-v1 .right-pane {
flex-direction: column;
overflow: auto;
}
}
.analytics-view-queue-activity-detail.queue-activity-detail-v1 .left-pane {
display: flex;
flex-direction: column;
flex: 1 0 auto;
background-color: #f4f6f9;
border-right: 1px solid #d7e7eb;
}
@media (min-width: 1024px) {
.analytics-view-queue-activity-detail.queue-activity-detail-v1 .left-pane {
flex: 0 0 40%;
}
}
.analytics-view-queue-activity-detail.queue-activity-detail-v1 .left-pane .left-pane-header {
display: flex;
flex-shrink: 0;
}
.analytics-view-queue-activity-detail.queue-activity-detail-v1 .left-pane .left-pane-header h1 {
color: #0F465D;
font-size: 20px;
margin-top: 0;
margin-bottom: 0;
padding: 41px 20px 10px 20px;
width: 40%;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.analytics-view-queue-activity-detail.queue-activity-detail-v1 .right-pane {
display: flex;
flex-direction: column;
flex: 1 0 600px;
background-color: #ffffff;
overflow-x: hidden;
}
@media (min-width: 1024px) {
.analytics-view-queue-activity-detail.queue-activity-detail-v1 .right-pane {
flex: 0 0 60%;
}
}
.analytics-view-queue-activity-detail.queue-activity-detail-v1 .right-pane .agents-details {
display: flex;
flex-grow: 1;
flex-shrink: 1;
overflow: hidden;
}
.analytics-view-queue-activity-detail.queue-activity-detail-v1 .right-pane .agents-details .applied-filters {
margin: 0;
}
.analytics-view-queue-activity-detail.queue-activity-detail-v1 .right-pane .agents-details.inactive-table-expanded .queue-agent-list-v3 {
width: 50%;
}
.analytics-view-queue-activity-detail.queue-activity-detail-v1 .activity-detail-footer {
background-color: var(--gux-grey-90);
border-top: solid 1px #dcdcdc !important;
overflow-x: auto;
height: 48px;
padding: 10px 0 0;
}
.action-bar-open .analytics-view-queue-activity-detail.queue-activity-detail-v1 .all-panes {
flex-direction: column;
}
.action-bar-open .analytics-view-queue-activity-detail.queue-activity-detail-v1 .left-pane {
flex: 1 0 auto;
}
.action-bar-open .analytics-view-queue-activity-detail.queue-activity-detail-v1 .right-pane {
flex-direction: column;
flex: 1 0 600px;
}
@media (max-width: 1800px) {
.action-bar-open .analytics-view-queue-activity-detail.queue-activity-detail-v1 nav.analytics-tab-nav {
order: inherit;
width: fit-content;
bottom: -4px;
}
}
@media (max-width: 1800px) {
.analytics-view-queue-activity-detail.queue-activity-detail-v1 nav.analytics-tab-nav {
order: inherit;
width: fit-content;
}
.analytics-view-queue-activity-detail.queue-activity-detail-v1 nav.analytics-tab-nav::before {
display: none;
}
}
.analytics-view-queue-activity-detail.queue-activity-detail-v1 .interactions-details {
background-color: #f4f6f9;
}
.analytics-view-queue-activity-detail.queue-activity-detail-v1 .interactions-details .data-table,
.analytics-view-queue-activity-detail.queue-activity-detail-v1 .interaction-sub-details .data-table {
background-color: #f4f6f9;
}
.analytics-view-queue-activity-detail.queue-activity-detail-v1 .interactions-details .data-table .dt-row.header-row,
.analytics-view-queue-activity-detail.queue-activity-detail-v1 .interaction-sub-details .data-table .dt-row.header-row {
background-color: #ebeef4;
}
.analytics-view-queue-activity-detail.queue-activity-detail-v1 .interactions-details .data-table .dt-section-body .dt-cell,
.analytics-view-queue-activity-detail.queue-activity-detail-v1 .interaction-sub-details .data-table .dt-section-body .dt-cell,
.analytics-view-queue-activity-detail.queue-activity-detail-v1 .interactions-details .data-table .dt-section-body .dt-row-control-panel,
.analytics-view-queue-activity-detail.queue-activity-detail-v1 .interaction-sub-details .data-table .dt-section-body .dt-row-control-panel {
color: #4c4c4c;
}
.analytics-view-queue-activity-detail.queue-activity-detail-v1 .interaction-sub-details .data-table .dt-section-body .dt-cell,
.analytics-view-queue-activity-detail.queue-activity-detail-v1 .interaction-sub-details .data-table .dt-section-body .dt-row-control-panel,
.analytics-view-queue-activity-detail.queue-activity-detail-v1 .interactions-details .data-table .dt-section-body .dt-cell,
.analytics-view-queue-activity-detail.queue-activity-detail-v1 .interactions-details .data-table .dt-section-body .dt-row-control-panel {
border-color: #cfcfcf;
}
.analytics-view-queue-activity-detail.queue-activity-detail-v1 .interactions-details .data-table .dt-row.header-row,
.analytics-view-queue-activity-detail.queue-activity-detail-v1 .interaction-sub-details .data-table .dt-row.header-row {
border-bottom: 2px solid #2A60C8;
}
.breadcrumb-header {
display: flex;
align-items: center;
font-size: 18px;
padding: 20px 10px;
flex: 1 1 auto;
}
.breadcrumb-header .breadcrumb:not(:last-child) {
position: relative;
margin-right: 5px;
}
.breadcrumb-header .breadcrumb:not(:last-child):after {
content: '\3A';
right: -5px;
position: absolute;
}
.breadcrumb-header .breadcrumb:not(:first-child) {
margin-left: 5px;
}
.drop-down button {
max-width: 90%;
}
.drop-down button .button-text {
overflow: hidden;
text-overflow: ellipsis;
}
.drop-down .dropdown-toggle {
display: inline-flex;
border-radius: 5px;
cursor: pointer;
background: linear-gradient(to bottom, #f7f7f7, #e6e6e6 100%);
min-width: 36px;
height: 36px;
border: 1px solid #CCCCCC;
font-size: 14px;
padding: 2px 10px;
align-items: center;
justify-content: center;
}
.drop-down .dropdown-toggle .dropdown-icon {
padding-left: 10px;
margin-left: auto;
}
.drop-down .dropdown-item {
display: block;
width: 100%;
padding: 6px 10px;
clear: both;
font-weight: 400;
color: #212529;
text-align: inherit;
white-space: nowrap;
background-color: transparent;
border: 0;
text-decoration: none;
user-select: none;
}
.drop-down .dropdown-item:hover {
background: #DDDDDD;
}
.drop-down .dropdown-menu {
max-height: 600px;
max-width: 375px;
overflow-y: auto;
display: none;
}
.drop-down .dropdown-menu.is-open {
display: block;
}
.analytics-ui-admin-view .analytics-ui-interval-configuration-card {
overflow-y: auto;
}
.analytics-ui-admin-export-settings-view gux-form-field-textarea {
width: 344px;
}
.analytics-ui-admin-export-settings-view .export-settings-view-content {
margin-left: 10px;
}
.analytics-ui-admin-export-settings-view .admin-export-settings-footer {
margin-top: 20px;
}
.ember-engine-queues-entity-search-popover {
display: flex;
align-items: center;
}
.entity-search-popover .arrow {
left: 14px !important;
}
.ember-engine-queues-entity-search .search-limit-warning {
padding: 0 5px 5px;
color: #FDA428;
}
.ember-engine-queues-entity-search .gux-alert-triangle {
vertical-align: text-top;
margin-top: 0.5px;
}
.entity-v3-contact-group {
display: flex;
justify-content: flex-start;
margin-top: 20px;
}
.entity-v3-contact-group.compact {
margin-top: 10px;
}
.entity-v3-contact-group.compact .contact,
.entity-v3-contact-group.compact .entity-v3-favorite {
flex: 1 1 26px;
height: 26px;
max-width: 26px;
margin: 0 auto;
}
.entity-v3-contact-group.compact .contact {
font-size: 12px;
}
.entity-v3-contact-group.compact .contact .icon i {
font-size: 16px;
position: relative;
top: 1px;
}
.entity-v3-contact-group .contact-container {
flex: 1;
}
.entity-v3-contact-group .contact {
display: flex;
justify-content: center;
align-items: center;
flex: 1 1 32px;
outline: none;
border: none;
height: 28px;
width: 28px;
margin: auto;
text-decoration: none;
}
.entity-v3-contact-group .contact:focus {
box-shadow: 0 0 0 2px var(--gux-blue-80);
}
.entity-v3-contact-group .contact {
color: var(--gux-grey-100);
font-size: 14px;
transition: 0.25s ease-in-out;
border-radius: 50%;
background: var(--gux-blue-60);
}
.entity-v3-contact-group .contact:disabled {
opacity: 0.5;
}
.entity-v3-contact-group .contact:disabled:hover {
cursor: not-allowed;
}
.entity-v3-contact-group .contact:hover {
background-color: var(--gux-blue-60);
cursor: pointer;
transition: 0.25s ease-in-out;
background-image: linear-gradient(0, rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0.25));
}
.entity-v3-image {
position: relative;
display: inline-block;
}
.entity-v3-image img.avatar {
display: block;
border-radius: 50%;
}
.entity-v3-image img.avatar.entity-group {
border-radius: 5px;
}
.entity-v3-image img.avatar.entity-person {
border-radius: 50%;
}
.entity-v3-image img.avatar.entity-queue {
border-radius: 50%;
border: 1px solid #B8B8B8;
}
.entity-v3-image img.avatar.image-load-error {
visibility: hidden;
}
@keyframes status--pulse {
0% {
transform: scale3d(1, 1, 1);
}
50% {
transform: scale3d(1.1, 1.1, 1.1);
}
100% {
transform: scale3d(1, 1, 1);
}
}
@keyframes status--radiate {
0% {
opacity: 1;
}
50% {
opacity: 0;
transform: scale3d(1.4, 1.4, 1.4);
}
100% {
opacity: 0;
}
}
.entity-v3-image .animated-status {
position: relative;
}
.entity-v3-image .animated-radiate,
.entity-v3-image .animated-pulse {
animation-fill-mode: both;
border-radius: 50%;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: -1;
}
.entity-v3-image .animated-pulse {
animation-name: status--pulse;
animation-duration: 0.75s;
transition: 0.5s;
}
.entity-v3-image .animated-radiate {
animation-name: status--radiate;
animation-duration: 1.25s;
transition: background-color 0.5s;
}
.entity-v3-image .status-quote {
position: absolute;
top: 12px;
right: -5px;
font-size: 8px;
}
.entity-v3-image .status-quote.available,
.entity-v3-image .status-quote.online {
color: #77dd22 !important;
}
.entity-v3-image .status-quote.away,
.entity-v3-image .status-quote.idle,
.entity-v3-image .status-quote.break,
.entity-v3-image .status-quote.meal,
.entity-v3-image .status-quote.training {
color: #ffbb33 !important;
}
.entity-v3-image .status-quote.busy,
.entity-v3-image .status-quote.meeting {
color: #ff0000 !important;
}
.entity-v3-image .status-quote.out_of_office {
color: #ff1dce !important;
}
.entity-v3-image .status-quote.on_queue {
color: #52cef8 !important;
}
.entity-v3-image .status-quote.offline {
color: #666666 !important;
}
.entity-v3-image .avatar-container {
border: 3px solid transparent;
display: inline-block;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
}
.entity-v3-image .initials-container {
display: flex;
align-items: center;
justify-content: center;
height: 100px;
width: 100px;
}
.entity-v3-image .avatar-container.available,
.entity-v3-image .animated-pulse.available,
.entity-v3-image .animated-radiate.available,
.entity-v3-image .avatar-container.online,
.entity-v3-image .animated-pulse.online,
.entity-v3-image .animated-radiate.online {
border: 3px solid #77dd22 !important;
}
.entity-v3-image .avatar-container.away,
.entity-v3-image .animated-pulse.away,
.entity-v3-image .animated-radiate.away,
.entity-v3-image .avatar-container.idle,
.entity-v3-image .animated-pulse.idle,
.entity-v3-image .animated-radiate.idle,
.entity-v3-image .avatar-container.break,
.entity-v3-image .animated-pulse.break,
.entity-v3-image .animated-radiate.break,
.entity-v3-image .avatar-container.meal,
.entity-v3-image .animated-pulse.meal,
.entity-v3-image .animated-radiate.meal,
.entity-v3-image .avatar-container.training,
.entity-v3-image .animated-pulse.training,
.entity-v3-image .animated-radiate.training {
border: 3px solid #ffbb33 !important;
}
.entity-v3-image .avatar-container.busy,
.entity-v3-image .animated-pulse.busy,
.entity-v3-image .animated-radiate.busy,
.entity-v3-image .avatar-container.meeting,
.entity-v3-image .animated-pulse.meeting,
.entity-v3-image .animated-radiate.meeting {
border: 3px solid #ff0000 !important;
}
.entity-v3-image .avatar-container.on_queue,
.entity-v3-image .animated-pulse.on_queue,
.entity-v3-image .animated-radiate.on_queue {
border: 3px solid #52cef8 !important;
}
.entity-v3-image .avatar-container.out_of_office,
.entity-v3-image .animated-pulse.out_of_office,
.entity-v3-image .animated-radiate.out_of_office {
border: 3px solid #ff1dce !important;
}
.entity-v3-image .avatar-container.offline,
.entity-v3-image .animated-pulse.offline,
.entity-v3-image .animated-radiate.offline {
border: 3px solid #666666 !important;
}
.entity-v3-location {
color: #777;
display: flex;
}
.entity-v3-location.align-center {
text-align: center;
}
.entity-v3-location .location-indicator {
margin-right: 2px;
}
.entity-v3-location .location-text {
font-size: 12px;
font-weight: 500;
overflow: hidden;
text-overflow: ellipsis;
}
.entity-v3-mini-card {
animation-duration: 1s;
animation-fill-mode: both;
animation-name: fadeIn;
color: #444A52;
animation-duration: 0.4s;
display: flex;
position: relative;
z-index: 10;
background-color: white;
border-radius: 4px;
opacity: 0;
overflow: hidden;
}
.entity-v3-mini-card.micro-card.visible {
width: 275px;
margin-right: 5px;
}
.entity-v3-mini-card.micro-card .left-bar {
width: 88px;
}
.entity-v3-mini-card .name-header {
font-size: 16px;
margin: 0;
}
.entity-v3-mini-card.visible {
min-width: 375px;
max-width: 425px;
max-height: 300px;
opacity: 1;
overflow: visible;
}
.entity-v3-mini-card.visible.transparent {
opacity: 0;
}
.entity-v3-mini-card .status-block .blockquote-start {
font-size: 18px;
color: #ccc;
padding-right: 5px;
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
}
.entity-v3-mini-card .left-bar {
flex-shrink: 0;
display: flex;
justify-content: center;
align-items: center;
width: 132px;
flex-direction: column;
}
.entity-v3-mini-card .left-bar .entity-v3-image {
margin: 20px 0;
}
.entity-v3-mini-card .left-bar .presence-label-group {
margin-bottom: 5px;
}
.entity-v3-mini-card .left-bar .presence-label-group .presence-label {
text-align: center;
}
.entity-v3-mini-card .left-bar .entity-geolocation {
padding: 0 10px 10px 10px;
width: inherit;
white-space: nowrap;
}
.entity-v3-mini-card .right-bar {
border-left: solid 1px #ccc;
padding: 15px;
flex: 1;
display: flex;
flex-direction: column;
min-width: 0;
}
.entity-v3-mini-card .right-bar:hover {
cursor: default;
}
.entity-v3-mini-card .right-bar .name-header {
margin-bottom: 10px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
height: 20px;
}
.entity-v3-mini-card .right-bar .person-title,
.entity-v3-mini-card .right-bar .person-department {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.entity-v3-mini-card .right-bar .presence-label-group {
margin-bottom: 10px;
}
.entity-v3-mini-card .right-bar .toggle-switch-container {
margin-top: 10px;
}
.entity-v3-mini-card .right-bar .info-actions {
margin-top: auto;
}
.entity-v3-mini-card .right-bar .info-actions .self-icon {
vertical-align: text-top;
}
.entity-v3-favorite {
color: #4c4c4c;
background-color: transparent;
border: 0;
border-radius: 4px;
position: relative;
height: 100%;
width: 100%;
padding: 0;
}
.entity-v3-favorite:focus {
box-shadow: 0 0 0 2px var(--gux-blue-80);
}
.entity-v3-favorite .is-favorite-full,
.entity-v3-favorite .not-favorite {
position: absolute;
left: 4px;
top: -1px;
bottom: 0;
}
.entity-v3-favorite .is-favorite-full gux-icon,
.entity-v3-favorite .not-favorite gux-icon {
font-size: 28px;
}
.entity-v3-favorite .is-favorite-full {
color: #ffda17;
}
.entity-v3-favorite .not-favorite.outline-empty {
color: #4c4c4c;
}
.entity-v3-favorite .not-favorite.outline-favorite {
color: #c7a90b;
}
.entity-v3-favorite .hidden {
display: none;
}
.entity-v3-favorite:hover,
.entity-v3-favorite:focus {
cursor: pointer;
text-decoration: none;
}
.entity-v3-presence-indicator-dot {
width: 8px;
height: 8px;
border-radius: 50%;
font-size: 10px;
display: flex;
align-items: center;
justify-content: center;
}
.entity-v3-presence-indicator-dot.available,
.entity-v3-presence-indicator-dot.online {
background-color: #77dd22 !important;
}
.entity-v3-presence-indicator-dot.away,
.entity-v3-presence-indicator-dot.break,
.entity-v3-presence-indicator-dot.meal,
.entity-v3-presence-indicator-dot.training,
.entity-v3-presence-indicator-dot.system_idle {
background-color: #ffbb33 !important;
}
.entity-v3-presence-indicator-dot.busy,
.entity-v3-presence-indicator-dot.meeting {
background-color: #ff0000 !important;
}
.entity-v3-presence-indicator-dot.on_queue {
background-color: #52cef8 !important;
}
.entity-v3-presence-indicator-dot.not_responding {
color: #52cef8 !important;
margin-bottom: 5px;
}
.entity-v3-presence-indicator-dot.idle {
color: #52cef8 !important;
margin-bottom: 5px;
}
.entity-v3-presence-indicator-dot.communicating {
color: #52cef8 !important;
margin-bottom: 5px;
}
.entity-v3-presence-indicator-dot.out_of_office {
background-color: #ff1dce !important;
}
.entity-v3-presence-indicator-dot.offline {
background-color: #666666 !important;
}
.entity-v3-presence-label {
color: #666;
font-size: 12px;
display: flex;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
max-width: 100%;
}
.entity-v3-presence-label > * {
display: block;
padding: 0 5px 0 0;
flex-shrink: 0;
}
.entity-v3-presence-label > *:last-child {
flex: 1;
padding: 0;
}
.entity-v3-presence-label img.emoji {
width: 14px;
height: 14px;
vertical-align: text-bottom;
margin-bottom: 1px;
}
.entity-v3-presence-label .presence-label {
font-weight: bold;
}
.entity-v3-presence-label .presence-label.available,
.entity-v3-presence-label .presence-label.online {
color: #5fb11b;
}
.entity-v3-presence-label .presence-label.busy,
.entity-v3-presence-label .presence-label.meeting {
color: #ff0000;
}
.entity-v3-presence-label .presence-label.away,
.entity-v3-presence-label .presence-label.idle,
.entity-v3-presence-label .presence-label.break,
.entity-v3-presence-label .presence-label.meal,
.entity-v3-presence-label .presence-label.training {
color: #ffaa00;
}
.entity-v3-presence-label .presence-label.on_queue {
color: #21c0f6;
}
.entity-v3-presence-label .presence-label.out_of_office {
color: #e900b6;
}
.entity-v3-presence-label .presence-label.offline {
color: #666666 !important;
}
.entity-v3-presence-label:not(.wrap) .person-status,
.entity-v3-presence-label:not(.wrap) .person-location {
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
line-height: 18px;
}
.entity-v3-presence-label:not(.wrap) .person-status img.emoji,
.entity-v3-presence-label:not(.wrap) .person-location img.emoji {
width: 14px;
height: 14px;
margin-bottom: 1px;
vertical-align: text-bottom;
}
.entity-v3-presence-label .presence-location-indicator {
line-height: 16px;
}
.entity-v3-presence-label.wrap {
display: block;
}
.entity-v3-presence-label.wrap .divider {
display: none;
}
.entity-v3-presence-selector-dropdown-v2 {
width: 80%;
margin: 0 0 10px 0;
display: flex;
flex-direction: column;
}
.entity-v3-presence-selector-dropdown-v2 .presence-selector {
height: 24px;
padding: 0;
font-size: 14px;
margin-top: 4px;
width: 100%;
border: 1px solid #ccc;
border-radius: 4px;
background-color: #fff;
color: #555;
text-overflow: ellipsis;
box-sizing: border-box;
outline: none;
}
.entity-v3-presence-selector-dropdown-v2 .presence-selector:focus {
border-color: #75A8FF;
box-shadow: 0px 0px 2px rgba(117, 168, 255, 0.72);
}
.entity-v3-activity-indicator {
line-height: 18px;
}
.entity-v3-activity-indicator.no-activity {
padding: 0;
}
.entity-v3-activity-indicator .media-icons-and-totals {
display: flex;
gap: 4px;
}
.entity-v3-activity-indicator .media-icons-and-totals .icon {
display: flex;
gap: 3px;
}
.entity-v3-activity-indicator .media-icons-and-totals .icon gux-icon {
margin-top: 3px;
}
.entity-v3 {
display: inline-block;
max-width: 100%;
}
.station-disassociate {
padding-top: 10px;
}
.station-disassociate .group-warning {
font-weight: 300;
padding-bottom: 5px;
}
.station-disassociate .station-message {
white-space: normal;
}
.station-disassociate .station-message gux-icon {
vertical-align: text-top;
}
.station-disassociate .proceed-disassociate-button {
border-radius: 3px;
}
.station-disassociate .disassociate-button:hover {
text-decoration: underline;
}
.logoff {
padding-top: 10px;
}
.logoff .group-warning {
font-weight: 300;
padding-bottom: 5px;
}
.logoff .logoff-message {
white-space: normal;
}
.logoff .proceed-logoff-button {
border-radius: 3px;
}
.logoff .logoff-message {
white-space: normal;
}
.logoff .logoff-message gux-icon {
vertical-align: text-top;
}
.logoff .logoff-button:hover {
text-decoration: underline;
}
.analytics-ui-entity-v3-presence {
display: inline-block;
min-height: 20px;
}
.analytics-ui-entity-v3-presence .message {
border-radius: 6px;
font-size: 12px;
padding: 2px 6px 0 6px;
}
.analytics-ui-entity-v3-presence .flair {
background-color: var(--gux-grey-20);
color: var(--gux-off-white);
text-shadow: 0 0 3px var(--gux-black-10);
}
.landing-page .section.saved .dt-row-control-panel button {
border: none;
background: transparent;
color: #2A60C8;
font-size: 16px;
display: flex;
align-items: center;
justify-content: center;
}
.landing-page .section.saved gux-icon.link-error {
position: relative;
top: 2px;
right: 1px;
color: var(--gux-alert-red-60);
}
.landing-page .section.saved gux-icon.link-error ~ gux-tooltip > span.tooltip-content {
padding: 0px;
}
.landing-page .section.saved .dt-row .permissionErrorMessage .dt-cell-value {
text-align: center;
}
.landing-page .section.saved .data-table.show-row-control-panel .header-row {
padding-right: 41px;
}
.landing-page .section.saved .data-table.show-row-control-panel .scrollable-section {
overflow-y: scroll;
}
.landing-page .section.saved .workspace-search-box {
width: 185px;
}
.landing-page {
overflow: hidden;
height: 100%;
display: flex;
flex-direction: column;
}
.landing-page .side-panel.drawer-open {
flex-direction: column;
}
.landing-page .header {
height: 34px;
background-color: var(--gux-grey-50);
display: flex;
align-items: center;
padding-left: 15px;
font-size: 12px;
flex-shrink: 0;
font-weight: normal;
margin: 0;
}
.landing-page .message-list .message-item {
padding-left: 15px;
padding-right: 15px;
width: 100%;
}
.landing-page .content-container {
display: flex;
height: 100%;
overflow: hidden;
}
.landing-page .main-content {
display: flex;
height: 100%;
width: 100%;
overflow: hidden;
}
.landing-page .main-content .section {
margin: 10px;
overflow: hidden;
min-width: 400px;
display: flex;
flex-direction: column;
}
.landing-page .main-content .section.default {
flex: 1 1 100px;
}
.landing-page .main-content .section.saved {
flex: 3 1 300px;
position: relative;
}
.landing-page .main-content .section .section-header {
display: flex;
align-items: center;
justify-content: space-between;
}
.landing-page .main-content .section .section-title {
font-size: 20px;
font-weight: 100;
margin-top: 15px;
margin-bottom: 10px;
margin-left: 10px;
}
.landing-page .name-in-use {
color: #ff0000;
}
.default-views-list {
display: flex;
flex-direction: column;
overflow: hidden;
}
.default-views-list .accordion-container {
overflow-y: scroll;
}
.default-views-list .accordion-container .accordion-row {
min-height: 35px;
border-top: solid 1px #E4E9F0;
justify-content: center;
display: flex;
flex-direction: column;
padding-left: 5px;
}
.default-views-list .accordion-container .accordion-row:nth-child(2n+1):not(:only-child) {
background-color: #F8F8F8;
}
.default-views-list .time-zone-section {
display: flex;
margin-left: 14px;
flex-direction: row;
align-items: center;
justify-content: flex-end;
padding-bottom: 5px;
}
.default-views-list .time-zone-section .picker-section {
width: 80%;
}
.default-views-list .time-zone-section label {
font-weight: bold;
font-size: 12px;
flex-grow: 2;
padding-right: 5px;
}
.default-views-list .current-time {
font-size: 12px;
padding-left: 16px;
padding-top: 3px;
width: 80%;
align-self: flex-end;
}
.default-views-list .workspace-search-box {
width: 185px;
}
.switch-navigation {
display: flex;
margin-top: 9px;
}
.switch-navigation gux-switch-item:not(.gux-selected) button:not(:hover) {
border-color: transparent;
}
frame-router {
width: 100%;
height: 100%;
}
.description-button-container {
margin: 5px 5px 10px 5px;
}
.description-button-container h1 {
margin: 0px;
font-weight: 300;
}
.description-button-container .description-body-text {
padding-top: 8px;
padding-bottom: 8px;
display: inline;
}
.description-button-container gux-button {
margin-top: 8px;
padding-bottom: 16px;
display: block;
width: fit-content;
}
.description-button-container gux-icon {
padding-top: 3px;
color: #2A60C8;
}
.description-button-container .extra-info {
display: inline-block;
background-color: #DEEAFF;
padding: 5px;
}
.description-button-container .extra-info a {
text-decoration: underline;
}
.page-item-counter {
align-items: center;
color: #222529;
display: flex;
height: 27px;
justify-content: flex-end;
text-align: right;
}
.page-item-counter .first-item:after {
content: "-";
padding-left: 3px;
padding-right: 3px;
}
.page-item-counter .actionable {
color: #2A60C8 !important;
cursor: pointer;
}
.page-item-counter .preposition {
color: #444A52;
margin-left: 4px;
margin-right: 4px;
}
.page-item-counter .item-counter-label {
color: #222529;
border: none;
background: none;
padding: 0;
}
.tooltip-content {
max-width: 150px;
word-break: break-word;
}
.analytics-ui-gux-button-wrapper .gux-button-text {
display: flex;
align-items: center;
}
.analytics-ui-gux-button-wrapper .gux-button-text gux-icon {
width: 16px;
height: 16px;
}
.analytics-ui-gux-button-wrapper .gux-button-text.has-text gux-icon {
margin-right: 5px;
}
gux-pagination {
border-top: none;
}
gux-pagination .gux-pagination-container {
margin-top: 0;
/**
* The focus outline is disabled for all buttons in analytics-ui/app/styles/global.less
* Doing here manually.
*/
}
gux-pagination .gux-pagination-container gux-pagination-buttons button {
line-height: 0;
}
gux-pagination .gux-pagination-container .gux-pagination-buttons-list-container button:focus {
border: 1px solid var(--gux-blue-60);
border-radius: 4px;
}
.gux-radio-collection {
border: 0;
display: flex;
flex-direction: column;
}
.gux-radio-collection gux-form-field-radio input {
margin: 4px;
}
.gux-radio-collection gux-form-field-radio label {
line-height: 24px;
}
.gux-radio-collection gux-form-field-radio label .tooltip-button {
border: 0;
padding: 0;
background-color: transparent;
vertical-align: middle;
}
.gux-radio-collection gux-form-field-radio label .tooltip-button gux-icon {
width: 14px;
height: 14px;
}
.analytics-ui-gux-dropdown-multi-wrapper gux-option-multi .gux-option-content-wrapper gux-icon {
padding-top: 2px;
margin: 2px;
}
.expand-cell {
position: relative;
display: block;
height: 100%;
}
.expand-cell .background-triangle {
position: absolute;
width: 0px;
height: 0px;
border-bottom: 30px solid #E4E9F0;
border-left: 30px solid transparent;
right: 0;
bottom: 0;
}
.expand-cell a {
display: flex;
justify-content: center;
flex-direction: column;
width: 100%;
height: 100%;
}
.expand-cell .expand-text {
padding: 4px 6px;
}
.expand-cell gux-icon {
position: absolute;
bottom: 3px;
right: 3px;
width: 12px;
height: 12px;
color: #33383D;
}
.data-table .dt-section.dt-section-body .dt-cell.dt-expand-cell > div.ember-view {
width: 100%;
height: 100%;
min-height: 40px;
}
.data-table .dt-section.dt-section-body .dt-cell.dt-expand-cell > div.ember-view .dt-cell-value {
display: flex;
flex-direction: column;
justify-content: center;
}
.data-table .dt-section.dt-section-body .dt-cell.dt-expand-cell > div.ember-view .dt-cell-value.dt-expand-cell-has-content {
padding: 0;
}
.data-table .dt-section.dt-section-body .dt-cell.dt-expand-cell .expand-cell:hover,
.data-table .dt-section.dt-section-body .dt-cell.dt-expand-cell .expand-cell.is-expanded {
background-color: #DEEAFF;
border-bottom: solid 3px #75A8FF;
}
.data-table .dt-section.dt-section-body .dt-cell.dt-expand-cell .expand-cell:hover .background-triangle,
.data-table .dt-section.dt-section-body .dt-cell.dt-expand-cell .expand-cell.is-expanded .background-triangle {
border-bottom: 30px solid #75A8FF;
}
.data-table .dt-section.dt-section-body .dt-cell.dt-expand-cell .expand-cell:hover gux-icon,
.data-table .dt-section.dt-section-body .dt-cell.dt-expand-cell .expand-cell.is-expanded gux-icon {
bottom: 0px;
}
.data-table .dt-section.dt-section-body .dt-cell.dt-expand-cell .expand-cell:hover .expand-text,
.data-table .dt-section.dt-section-body .dt-cell.dt-expand-cell .expand-cell.is-expanded .expand-text {
padding-bottom: 1px;
}
.obfuscation-cell {
filter: blur(3px);
}
.line-chart-legend {
width: 9px;
height: 9px;
display: block;
border-radius: 3px;
}
.conversation-duration-cell-v2.duration-cell-compact-layout {
display: flex;
flex-wrap: wrap;
}
.conversation-duration-cell-v2.duration-cell-compact-layout .time-in-status,
.conversation-duration-cell-v2.duration-cell-compact-layout .overflow {
width: 100%;
}
.conversation-duration-cell-v2.duration-cell-compact-layout .duration {
margin-right: 8px;
}
.conversation-duration-cell-v2.duration-cell-compact-layout .duration,
.conversation-duration-cell-v2.duration-cell-compact-layout .activity-duration {
display: flex;
align-items: center;
}
.conversation-duration-cell-v2.duration-cell-compact-layout .duration .time-duration,
.conversation-duration-cell-v2.duration-cell-compact-layout .activity-duration .activity-duration {
min-width: unset;
}
.conversation-duration-cell-v2.duration-cell-compact-layout .activity-icon,
.conversation-duration-cell-v2.duration-cell-compact-layout .media-icon {
margin-right: 2px;
}
.conversation-duration-cell-v2.duration-cell-compact-layout gux-icon,
.conversation-duration-cell-v2.duration-cell-compact-layout .icon-wrapper,
.conversation-duration-cell-v2.duration-cell-compact-layout .activity-icon,
.conversation-duration-cell-v2.duration-cell-compact-layout .media-icon {
width: 10px;
height: 10px;
}
.conversation-duration-cell-v2.duration-cell-compact-layout .icon-wrapper,
.conversation-duration-cell-v2.duration-cell-compact-layout .activity-icon,
.conversation-duration-cell-v2.duration-cell-compact-layout .media-icon {
display: flex;
}
.conversation-duration-cell-v2.duration-cell-compact-layout .compact-layout-large-text {
font-size: 12px;
line-height: 18px;
}
.conversation-duration-cell-v2.duration-cell-compact-layout .compact-layout-small-text {
font-size: 10px;
line-height: 12px;
}
.conversation-duration-cell-v2 .duration .idle-timer {
font-style: italic;
}
.conversation-duration-cell-v2 .duration .time-duration {
text-align: left;
min-width: 45px;
display: inline-block;
}
.conversation-duration-cell-v2 .activity-duration > .activity-duration {
text-align: left;
min-width: 45px;
display: inline-block;
}
.conversation-duration-cell-v2 .overflow-container {
width: 100%;
}
.analytics-ui-filter-inputs .filter-header {
display: flex;
align-items: center;
}
.analytics-ui-filter-inputs .filter-name {
margin-bottom: 0px;
flex-grow: 1;
}
.analytics-ui-filter-inputs .filter-clear-button {
flex-grow: 0;
}
.analytics-ui-filter-inputs .analytics-ui-message-list {
margin-top: 5px;
}
.analytics-ui-filter-inputs gux-form-field-checkbox {
margin-bottom: 4px;
}
.analytics-ui-filter-inputs .filter-input-top-margin-4xs {
margin-top: 4px;
}
.analytics-ui-filter-inputs .filter-input-top-margin-3xs {
margin-top: 8px;
}
.analytics-ui-filter-inputs .filter-input-top-margin-2xs {
margin-top: 12px;
}
.analytics-ui-filter-inputs .filter-input-top-margin-xs {
margin-top: 16px;
}
.analytics-ui-filter-inputs .filter-input-top-margin-sm {
margin-top: 20px;
}
.analytics-ui-filter-inputs .filter-input-top-margin-md {
margin-top: 24px;
}
.analytics-ui-filter-inputs .filter-input-top-margin-lg {
margin-top: 32px;
}
.analytics-ui-filter-inputs .filter-input-top-margin-xl {
margin-top: 40px;
}
.analytics-ui-filter-inputs .filter-input-top-margin-2xl {
margin-top: 48px;
}
.analytics-ui-filter-inputs .filter-input-top-margin-3xl {
margin-top: 64px;
}
.analytics-ui-filter-inputs .filter-input-bottom-margin-4xs {
margin-bottom: 4px;
}
.analytics-ui-filter-inputs .filter-input-bottom-margin-3xs {
margin-bottom: 8px;
}
.analytics-ui-filter-inputs .filter-input-bottom-margin-2xs {
margin-bottom: 12px;
}
.analytics-ui-filter-inputs .filter-input-bottom-margin-xs {
margin-bottom: 16px;
}
.analytics-ui-filter-inputs .filter-input-bottom-margin-sm {
margin-bottom: 20px;
}
.analytics-ui-filter-inputs .filter-input-bottom-margin-md {
margin-bottom: 24px;
}
.analytics-ui-filter-inputs .filter-input-bottom-margin-lg {
margin-bottom: 32px;
}
.analytics-ui-filter-inputs .filter-input-bottom-margin-xl {
margin-bottom: 40px;
}
.analytics-ui-filter-inputs .filter-input-bottom-margin-2xl {
margin-bottom: 48px;
}
.analytics-ui-filter-inputs .filter-input-bottom-margin-3xl {
margin-bottom: 64px;
}
.analytics-ui-filter-inputs.search-filter .analytics-ui-tag-list {
overflow: auto;
margin-bottom: 5px;
max-height: 140px;
}
.analytics-ui-filter-inputs.search-filter .analytics-ui-tag-list .tag-list-item {
overflow: hidden;
}
.analytics-ui-filter-inputs.filter-hidden {
display: none;
}
.analytics-ui-criteria-builder-filter-inputs {
display: flex;
flex-direction: column;
gap: 8px;
}
.analytics-ui-criteria-builder-filter-inputs .criteria-group {
display: flex;
flex-direction: row;
gap: 8px;
flex-wrap: wrap;
align-items: center;
}
.analytics-ui-criteria-builder-filter-inputs .criteria-group .criteria-group-category,
.analytics-ui-criteria-builder-filter-inputs .criteria-group .criteria-group-remove {
flex-grow: 0;
flex-shrink: 1;
}
.analytics-ui-criteria-builder-filter-inputs .criteria-group .input-container {
display: flex;
flex-basis: 100%;
flex-wrap: wrap;
}
.analytics-ui-criteria-builder-filter-inputs .criteria-group .input-container .criteria-group-label {
flex-basis: 100%;
margin-bottom: 8px;
}
.analytics-ui-criteria-builder-filter-inputs .criteria-group .input-container .criteria-inputs {
flex-basis: 77%;
}
.analytics-ui-criteria-builder-filter-inputs .criteria-group .criteria-group-category {
margin-bottom: 8px;
}
.analytics-ui-criteria-builder-filter-inputs .criteria-group .criteria-group-remove {
display: flex;
flex-basis: 23%;
justify-content: flex-end;
align-items: center;
}
.analytics-ui-criteria-builder-filter-inputs .criteria-group .criteria-group-search {
flex-grow: 1;
}
.analytics-ui-criteria-builder-filter-inputs .criteria-group .criteria-group-label {
text-transform: uppercase;
font-weight: 700;
}
.analytics-ui-criteria-builder-filter-inputs .add-group {
align-self: flex-start;
}
.analytics-ui-criteria-builder-filter-inputs.short-layout .input-container .criteria-group-category {
margin-bottom: 0;
}
.analytics-ui-criteria-builder-filter-inputs.short-layout .input-container .criteria-inputs {
display: flex;
flex-wrap: wrap;
}
.analytics-ui-criteria-builder-filter-inputs.short-layout .input-container .criteria-inputs .criteria-group-label {
flex-basis: 10%;
align-items: center;
display: flex;
margin: 0 8px 0 0;
}
.analytics-ui-criteria-builder-filter-inputs.short-layout .input-container .criteria-inputs .criteria-group-search {
flex-basis: 80%;
}
.analytics-ui-criteria-builder-filter-inputs.short-layout .criteria-group-remove {
align-items: end;
}
.numeric-range-container {
display: flex;
width: 100%;
justify-content: space-between;
}
.numeric-range-container .number-input-container {
width: 45%;
}
.numeric-range-container .numeric-range-to-label {
width: 10%;
display: flex;
justify-content: center;
text-align: center;
align-content: center;
flex-direction: column;
}
.analytics-ui-social-topics-filter-inputs .checkbox-group {
display: flex;
flex-direction: column;
}
.analytics-ui-social-topics-filter-inputs .checkbox-group .group-header {
display: flex;
justify-content: space-between;
align-items: center;
}
.analytics-ui-social-topics-filter-inputs .checkbox-group .data-ingestion-rule-checkbox-list {
display: flex;
flex-direction: column;
}
.analytics-ui-social-topics-filter-inputs .checkbox-group .data-ingestion-rule-checkbox-list .data-ingestion-rule-checkbox-container {
display: flex;
}
.analytics-ui-social-topics-filter-inputs .checkbox-group .data-ingestion-rule-checkbox-list .data-ingestion-rule-checkbox-container .branch {
display: flex;
width: 30px;
}
.analytics-ui-social-topics-filter-inputs .checkbox-group .data-ingestion-rule-checkbox-list .data-ingestion-rule-checkbox-container .branch::before {
content: ' ';
display: block;
width: 11px;
border-right: 1px dashed var(--gux-black-90);
}
.analytics-ui-social-topics-filter-inputs .checkbox-group .data-ingestion-rule-checkbox-list .data-ingestion-rule-checkbox-container .branch::after {
content: ' ';
display: block;
flex-grow: 1;
align-self: center;
border-bottom: 1px dashed var(--gux-black-90);
}
.analytics-ui-social-topics-filter-inputs .checkbox-group .data-ingestion-rule-checkbox-list .data-ingestion-rule-checkbox-container:last-of-type .branch::before {
height: 50%;
}
.analytics-ui-button-list-filter-inputs {
font-size: 12px;
line-height: 16px;
}
.analytics-ui-button-list-filter-inputs .analytics-ui-button-list {
display: flex;
justify-content: space-between;
}
.analytics-ui-button-list-filter-inputs .analytics-ui-button-list gux-button {
flex: 1 1 auto;
/* allow entity names to grow and shrink (if they are too long) */
min-width: 100px;
/* allow item to shrink below content size for the ellipsis to work. Maintain a minimum width so that it doesn't disappear */
}
.analytics-ui-button-list-filter-inputs .analytics-ui-button-list gux-button .contents {
display: flex;
gap: 8px;
}
.analytics-ui-button-list-filter-inputs .analytics-ui-button-list gux-button .contents .button-icon {
flex: 0 0 fit-content;
/* do not allow icon to grow / shrink */
width: 16px;
height: 16px;
}
.analytics-ui-button-list-filter-inputs .analytics-ui-button-list gux-button .contents .button-text {
display: flex;
min-width: 0;
/* allow item to shrink below content size */
flex-direction: column;
}
.analytics-ui-button-list-filter-inputs .analytics-ui-button-list gux-button .contents .button-text span {
overflow: hidden;
text-overflow: ellipsis;
}
.analytics-ui-button-list-filter-inputs .analytics-ui-button-list .details {
flex: 1 0 fit-content;
/* do not allow details to shrink because these are important data */
display: flex;
gap: 0.25em;
justify-content: flex-end;
}
.analytics-ui-button-list-filter-inputs .analytics-ui-button-list .details > div {
display: flex;
justify-content: center;
flex-direction: column;
}
.analytics-ui-button-list-filter-inputs .expansion .button-text {
text-decoration: underline;
}
.analytics-ui-social-ratings-filter-inputs .rating-option {
display: flex;
}
.analytics-ui-social-ratings-filter-inputs .rating-option gux-form-field-checkbox,
.analytics-ui-social-ratings-filter-inputs .rating-option gux-rating {
flex: 0 0 auto;
}
.analytics-ui-filter-tooltip-selection {
display: flex;
justify-content: space-between;
}
.analytics-ui-filter-tooltip-selection .remove-selection {
display: flex;
border: 0;
padding: 0 15px;
background: none;
font-size: 22px;
}
.analytics-ui-filter-tooltip-selection .remove-selection .gux-icon {
align-self: center;
}
.analytics-ui-message-list {
line-height: initial;
}
.analytics-ui-message-list .message-item {
display: inline-flex;
gap: 8px;
}
.analytics-ui-message-list .message-item gux-icon {
align-self: center;
min-width: 16px;
}
.analytics-ui-message-list .message-item.background-filled {
color: var(--gux-black-10);
}
.analytics-ui-message-list .message-item.background-filled a {
color: var(--gux-black-10);
text-decoration: underline;
}
.analytics-ui-message-list .message-item.background-filled.WARNING {
background-color: var(--gux-alert-yellow-60);
}
.analytics-ui-message-list .message-item.background-filled.INFORMATIONAL {
background-color: var(--gux-blue-80);
}
.edit-callbacks-modal gux-accordion gux-accordion-section .header > span {
display: inline-block;
}
.edit-callbacks-modal gux-accordion gux-accordion-section .header .icon-wrapper {
vertical-align: middle;
}
.edit-callbacks-modal gux-accordion gux-accordion-section .header .icon-wrapper gux-icon.valid-change,
.edit-callbacks-modal gux-accordion gux-accordion-section .header .icon-wrapper gux-icon.changed {
color: #4f9325;
}
.edit-callbacks-modal gux-accordion gux-accordion-section .header .icon-wrapper gux-icon.invalid-change,
.edit-callbacks-modal gux-accordion gux-accordion-section .header .icon-wrapper gux-icon.changed-error {
color: #fabb00;
}
.edit-callbacks-modal gux-accordion gux-accordion-section.reassignment {
position: relative;
}
.edit-callbacks-modal gux-accordion gux-accordion-section.reassignment .reassignment-filters .filter {
padding-bottom: 10px;
}
.edit-callbacks-modal gux-accordion gux-accordion-section.reassignment .reassignment-filters .filter .filter-name {
margin-top: 10px;
margin-bottom: 5px;
}
.edit-callbacks-modal gux-accordion gux-accordion-section.reassignment .reassignment-filters .filter .filter-contents {
min-height: 35px;
}
.edit-callbacks-modal gux-accordion gux-accordion-section.reassignment .reassignment-filters .filter .filter-contents .engage-components-multi-search {
width: calc(700px - 40px);
}
.edit-callbacks-modal gux-accordion gux-accordion-section.reassignment .reassignment-filters .filter .filter-contents .engage-components-multi-search .search-input {
border: 1px solid black;
}
.edit-callbacks-modal gux-accordion gux-accordion-section.reassignment .reassignment-filters .filter .filter-contents .engage-components-multi-search.is-focused .search-input {
border: 2px solid #2A60C8;
}
.edit-callbacks-modal gux-accordion gux-accordion-section.reassignment .reassignment-filters .filter .filter-contents .engage-components-multi-search .search-options {
width: calc(700px - 40px);
}
.edit-callbacks-modal gux-accordion gux-accordion-section.reassignment .reassignment-filters .filter .filter-contents .engage-components-multi-search.is-no-result .search-options p {
margin-bottom: 14px;
}
.edit-callbacks-modal gux-accordion gux-accordion-section.reassignment .reassignment-filters .filter .filter-contents .filter-search-selected .remove-tag {
display: inline-flex;
}
.edit-callbacks-modal gux-accordion gux-accordion-section.reassignment .reassignment-filters .filter .filter-contents .search-limit-warning {
display: none;
}
.edit-callbacks-modal gux-accordion gux-accordion-section.rescheduling .date-parts {
display: flex;
}
.edit-callbacks-modal gux-accordion gux-accordion-section.rescheduling .date-parts gux-calendar .gux-content {
justify-content: center;
}
.edit-callbacks-modal gux-accordion gux-accordion-section.rescheduling .date-parts gux-calendar .gux-content > table {
width: 100%;
}
.edit-callbacks-modal gux-accordion gux-accordion-section.rescheduling .date-parts .time-picker-wrapper {
padding: 0 10px 10px 10px;
text-align: center;
}
.edit-callbacks-modal gux-accordion gux-accordion-section.rescheduling .date-parts .time-picker-wrapper .time-picker-title {
color: grey;
font-size: 22px;
font-weight: lighter;
}
.edit-callbacks-modal gux-accordion gux-accordion-section.rescheduling .date-parts .time-picker-wrapper .reassignment-time .timepicker-section.am-pm > button {
background-color: #2A60C8;
}
.analytics-ui-alert-rule {
padding: 20px;
}
.analytics-ui-alert-rule .gux-input-container,
.analytics-ui-alert-rule gux-form-field-text-like,
.analytics-ui-alert-rule gux-form-field-number,
.analytics-ui-alert-rule gux-form-field-select {
max-width: 200px;
}
.analytics-ui-alert-rule .alert-rule-input-clause-type,
.analytics-ui-alert-rule .alert-rule-input-notification-language {
width: 200px;
}
.analytics-ui-alert-rule .engage-components-multi-search.is-focused .search-container {
position: relative;
}
.analytics-ui-alert-rule .alert-rule-notification .engage-components-multi-search {
margin-bottom: 10px;
}
.analytics-ui-alert-rule .alert-rule-notification .engage-components-multi-search.is-focused {
margin-bottom: 10px;
}
.analytics-ui-alert-rule .engage-components-multi-search .search-container .search-box input {
background-color: #f8f8f8;
border: 1px solid var(--gux-black-100);
border-radius: 4px;
height: 34px;
box-shadow: inset 0 0 4px rgba(34, 37, 41, 0.16);
display: flex;
flex-direction: row;
}
.analytics-ui-alert-rule ::-webkit-input-placeholder {
color: var(--gux-black-50);
}
.analytics-ui-alert-rule ::-moz-placeholder {
color: var(--gux-black-50);
}
.analytics-ui-alert-rule ::-ms-placeholder {
color: var(--gux-black-50);
}
.analytics-ui-alert-rule ::placeholder {
color: var(--gux-black-50);
}
.analytics-ui-alert-rule .alert-rule-name .gux-label-container {
display: none;
}
.analytics-ui-alert-rule .notification-add-button {
margin-top: 10px;
}
.analytics-ui-alert-rule .notification-add-button .center-button {
display: flex;
flex-direction: row;
align-items: center;
}
.analytics-ui-alert-rule .notification-add-button gux-icon {
width: 16px;
height: 16px;
padding-right: 4px;
}
.analytics-ui-alert-rule .gux-label-container.gux-required::after {
display: none;
}
.analytics-ui-alert-rule .analytics-ui-input-error-warning {
padding-left: 54px;
margin-top: -10px;
}
.analytics-ui-alert-rule .analytics-ui-input-error-warning gux-icon {
width: 1em;
height: 1em;
font-size: 16px;
color: var(--gux-alert-red-60);
}
.analytics-ui-alert-rule .alert-rule-name .analytics-ui-input-error-warning {
padding-left: 0;
}
.analytics-ui-calculator .calculator-buttons {
display: flex;
}
.analytics-ui-calculator .calculator-buttons .numbers,
.analytics-ui-calculator .calculator-buttons .operators {
display: grid;
grid-gap: 8px;
}
.analytics-ui-calculator .calculator-buttons .numbers {
grid-template-columns: repeat(3, 1fr);
border-right: 1px solid var(--gux-grey-30);
padding-right: 10px;
}
.analytics-ui-calculator .calculator-buttons .numbers .button-0 {
display: grid;
grid-column-start: 1;
grid-column-end: 3;
}
.analytics-ui-calculator .calculator-buttons .operators {
padding-left: 10px;
grid-template-columns: repeat(2, 1fr);
grid-template-rows: repeat(4, 1fr);
}
.analytics-ui-calculation-history .wrapper {
display: flex;
flex-direction: column;
align-items: center;
position: relative;
width: 100%;
}
.analytics-ui-calculation-history .analytics-ui-history-no-data {
padding: 15px 0px;
}
.analytics-ui-calculation-history [class^='history-info-'] {
display: flex;
align-items: stretch;
width: 100%;
position: relative;
}
.analytics-ui-calculation-history .recent-changes {
font-weight: bold;
font-size: medium;
padding-left: 210px;
margin: 20px 0px;
}
.analytics-ui-calculation-history .date {
width: 170px;
flex-shrink: 0;
text-align: right;
padding-right: 20px;
margin-bottom: 20px;
}
.analytics-ui-calculation-history .changes-list {
max-width: 700px;
text-align: left;
padding-left: 20px;
word-wrap: break-word;
margin-bottom: 20px;
}
.analytics-ui-calculation-history .changes-list span {
color: var(--gux-blueberry-400);
}
.analytics-ui-calculation-history .modifer-name {
text-align: right;
white-space: nowrap;
padding-left: 20px;
width: 20%;
}
.analytics-ui-calculation-history .dot-container {
display: flex;
flex-shrink: 0;
flex-direction: column;
align-items: center;
width: 20px;
position: relative;
}
.analytics-ui-calculation-history .dot-container .dot {
width: 9px;
height: 9px;
background-color: var(--gux-blueberry-400);
border-radius: 50%;
z-index: 1;
margin-top: 5px;
}
.analytics-ui-calculation-history .dot-container .connector {
width: 2px;
flex-grow: 1;
background-color: var(--gux-blueberry-400);
position: absolute;
top: 12px;
bottom: -10px;
}
.analytics-ui-calculation-history gux-button {
padding-left: 170px;
color: var(--gux-blueberry-400);
}
.analytics-ui-calculation-history .changes-list span:not(:last-child)::after {
content: ", ";
}
.analytics-ui-calculation-history gux-modal .changes-list {
width: 55%;
}
.analytics-ui-calculation-history .analytics-ui-history-no-data {
text-align: center;
}
.selected-tags-component {
max-width: 100%;
}
.selected-tags-component .popover-wrapper {
max-height: 400px;
overflow-y: auto;
}
.selected-tags-component .aggregate-link-spacer {
height: 4px;
width: 4px;
background-color: #666666;
border-radius: 50%;
vertical-align: middle;
display: inline-block;
}
.selected-tags-component .tag-label-component {
display: inline-flex;
margin-bottom: 2px;
}
.selected-tags-component .tag-label-component .tag-string {
white-space: nowrap;
flex: 1 0 auto;
overflow: hidden;
text-overflow: ellipsis;
}
.selected-tags-component .tag-label-component.removable .tag-string {
max-width: calc(100% - 14px);
}
.tag-label-component {
display: inline-block;
max-width: 100%;
padding: 5px 7px 5px 10px;
border-radius: 15px;
white-space: normal;
word-wrap: break-word;
cursor: default;
font-family: 'Roboto', sans-serif;
background-color: #203B73;
color: #FDFDFD;
}
.tag-label-component .clickable {
cursor: pointer;
}
.tag-label-component .remove-tag {
display: flex;
border: 0;
margin: 0 0 0 3px;
padding: 0;
background: none;
outline: none;
color: inherit;
}
.tag-label-component .remove-tag .gux-icon {
align-self: center;
}
.tag-label-component .tag-label-icon-name {
align-self: center;
padding-top: 4px;
padding-left: 7px;
margin: -5px 5px -5px -10px;
}
.tag-label-component .tag-label-icon-name .gux-icon {
font-size: 18px;
}
.ember-engine-queues-alert-rule-panel .alert-rule-name-validation-message {
color: #FF0000;
}
.ember-engine-queues-alert-rule-panel .alert-rules-panel .new-alert-rule-controls {
display: flex;
flex-grow: 0;
flex-direction: column;
padding: 15px;
}
.ember-engine-queues-alert-rule-panel .alert-rules-panel .new-alert-rule-name,
.ember-engine-queues-alert-rule-panel .alert-rules-panel .new-alert-rule-type {
display: flex;
flex-direction: column;
margin-bottom: 8px;
}
.ember-engine-queues-alert-rule-panel .alert-rules-panel .new-alert-rule-name .new-alert-rule-name-text,
.ember-engine-queues-alert-rule-panel .alert-rules-panel .new-alert-rule-type .new-alert-rule-name-text,
.ember-engine-queues-alert-rule-panel .alert-rules-panel .new-alert-rule-name .new-alert-rule-type-text,
.ember-engine-queues-alert-rule-panel .alert-rules-panel .new-alert-rule-type .new-alert-rule-type-text {
margin-bottom: 5px;
}
.ember-engine-queues-alert-rule-panel .alert-rules-panel .new-alert-rule-name gux-dropdown,
.ember-engine-queues-alert-rule-panel .alert-rules-panel .new-alert-rule-type gux-dropdown {
margin: 16px 0;
}
.ember-engine-queues-alert-rule-panel .alert-rules-panel .new-alert-rule-name .name-input-wrapper,
.ember-engine-queues-alert-rule-panel .alert-rules-panel .new-alert-rule-type .name-input-wrapper {
display: flex;
position: relative;
flex-direction: row;
align-items: center;
}
.ember-engine-queues-alert-rule-panel .alert-rules-panel .new-alert-rule-name .name-input-wrapper .new-alert-rule-name-input,
.ember-engine-queues-alert-rule-panel .alert-rules-panel .new-alert-rule-type .name-input-wrapper .new-alert-rule-name-input {
flex: 1 1 auto;
line-height: 20px;
border: 1px solid #cccccc;
box-shadow: none;
border-radius: 4px;
padding: 3px 12px;
}
.ember-engine-queues-alert-rule-panel .alert-rules-panel .new-alert-rule-name .name-input-wrapper .new-alert-rule-name-input:focus,
.ember-engine-queues-alert-rule-panel .alert-rules-panel .new-alert-rule-type .name-input-wrapper .new-alert-rule-name-input:focus {
outline: 0;
border-color: #2A60C8;
}
.ember-engine-queues-alert-rule-panel .alert-rules-panel .new-alert-rule-name .name-input-wrapper .gux-radial,
.ember-engine-queues-alert-rule-panel .alert-rules-panel .new-alert-rule-type .name-input-wrapper .gux-radial {
position: absolute;
margin: 0 auto;
right: 5px;
}
.edit-export-schedule-panel {
background: #FDFDFD;
}
.edit-export-schedule-panel .export-panel {
display: flex;
flex-grow: 1;
flex-direction: column;
max-height: 100%;
overflow: auto;
}
.edit-export-schedule-panel .title {
font-size: 20px;
font-weight: 300;
padding: 16px 16px 0px 16px;
margin-bottom: 32px;
}
.edit-export-schedule-panel .input-group {
padding: 0 16px;
margin-bottom: 32px;
}
.edit-export-schedule-panel .schedule-fields .recurring {
padding: 0 16px;
margin-bottom: 32px;
}
.edit-export-schedule-panel .panel-footer {
padding: 12px 0;
position: sticky;
bottom: 0;
display: flex;
min-height: 56px;
background-color: #FDFDFD;
align-items: center;
justify-content: right;
flex-direction: column;
border-top: 1px solid var(--gux-grey-60);
}
.edit-export-schedule-panel .footer-button-container {
width: 100%;
padding: 0 16px;
display: flex;
gap: 4px;
flex-direction: row;
justify-content: start;
}
.edit-export-schedule-panel .pm-hours {
margin-top: 16px;
}
.ember-engine-queues-export-panel {
background: #FDFDFD;
}
.ember-engine-queues-export-panel .export-panel {
display: flex;
flex-grow: 1;
flex-direction: column;
height: 100%;
overflow: hidden;
}
.ember-engine-queues-export-panel .fields {
flex: 1;
overflow-y: auto;
overflow-x: hidden;
padding-bottom: 0;
}
.ember-engine-queues-export-panel .partial-data-availability-message {
display: flex;
font-style: italic;
font-size: 12px;
width: 75%;
}
.ember-engine-queues-export-panel .input-group {
padding: 0 16px;
}
.ember-engine-queues-export-panel .input-group:not(.checkbox) {
margin-bottom: 32px;
}
.ember-engine-queues-export-panel .radio-container {
display: flex;
flex-wrap: wrap;
}
.ember-engine-queues-export-panel .checkbox {
margin-top: 16px;
}
.ember-engine-queues-export-panel .formatting:not(.checkbox) {
margin-top: 32px;
}
.ember-engine-queues-export-panel .input-group-export-delimiter {
margin-bottom: 32px;
}
.ember-engine-queues-export-panel .recurring {
margin-top: 32px;
}
.ember-engine-queues-export-panel .formatting:first-of-type {
margin-top: 16px;
}
.ember-engine-queues-export-panel .duration-format-checkbox {
margin-top: 8px;
}
.ember-engine-queues-export-panel .radio-buttons {
display: flex;
gap: 4px;
}
.ember-engine-queues-export-panel .label-container {
display: flex;
width: 100%;
font-size: 12px;
}
.ember-engine-queues-export-panel .label-container label {
margin-bottom: 8px;
font-family: Roboto, sans-serif;
font-weight: 700;
}
.ember-engine-queues-export-panel gux-form-field-checkbox label {
margin-left: 4px;
}
.ember-engine-queues-export-panel .partial-data-message {
width: 102px;
font-size: 12px;
font-style: italic;
line-height: 20px;
margin-left: 14px;
}
.ember-engine-queues-export-panel .export-button-container {
width: 100%;
display: flex;
justify-content: flex-end;
padding: 12px;
}
.ember-engine-queues-export-panel .export-button-container .export-buttons {
display: flex;
gap: 4px;
justify-content: start;
width: 100%;
}
.ember-engine-queues-export-panel .message-list {
padding: 12px 12px 0 12px;
}
.ember-engine-queues-export-panel .panel-footer {
display: flex;
min-height: 56px;
background-color: #FDFDFD;
align-items: center;
justify-content: right;
flex-direction: column;
border-top: 1px solid var(--gux-grey-60);
flex-shrink: 0;
}
.ember-engine-queues-export-panel .panel-footer .message-container {
color: var(--gux-alert-red-60);
}
.ember-engine-queues-export-panel .formatting .checkbox {
margin-top: 16px;
}
.ember-engine-queues-export-panel .checkbox:first-of-type {
margin-top: 0;
}
.ember-engine-queues-export-panel .input-group-include-all-columns {
margin-bottom: 16px;
}
.ember-engine-queues-export-panel .input-group-export-recurrence,
.ember-engine-queues-export-panel .input-group-export-time-period,
.ember-engine-queues-export-panel .input-group-export-day-of-week,
.ember-engine-queues-export-panel .input-group-export-day-of-month,
.ember-engine-queues-export-panel .input-group-export-day-of-quarter,
.ember-engine-queues-export-panel .input-group-export-minutes-past-the-hour,
.ember-engine-queues-export-panel .input-group-export-granularity {
width: 172px;
}
.ember-engine-queues-export-panel .input-group-export-format,
.ember-engine-queues-export-panel .input-group-export-granularity-adhoc {
width: 204px;
}
.ember-engine-queues-export-panel .scheduled-exports-link-container {
margin-top: 8px;
}
.timeline-interactions-list-panel .panel-content {
padding: 12px 12px 16px 12px;
display: flex;
flex-direction: column;
gap: 24px;
}
.timeline-interactions-list-panel .panel-content .interaction-card {
display: flex;
flex-direction: row;
}
.timeline-interactions-list-panel .panel-content .interaction-card .card-header {
flex: 0 0 auto;
display: flex;
flex-direction: row;
padding-right: 5px;
gap: 5px;
}
.timeline-interactions-list-panel .panel-content .interaction-card .card-header .interaction-number,
.timeline-interactions-list-panel .panel-content .interaction-card .card-header .conversation-media-type-icon {
flex: 1;
display: inline-block;
}
.timeline-interactions-list-panel .panel-content .interaction-card .card-header .conversation-media-type-icon {
padding-top: 2px;
}
.timeline-interactions-list-panel .panel-content .interaction-card .card-content {
flex: 1 1 auto;
display: flex;
flex-direction: column;
gap: 8px;
}
.timeline-interactions-list-panel .panel-content .interaction-card .card-content .timeline-detail .detail-key {
font-weight: 600;
}
.timeline-interactions-list-panel .panel-content .interaction-card .card-content .timeline-detail .detail-key::after {
content: ':';
}
.timeline-interactions-list-panel .panel-content .interaction-card .card-content .media-type .interaction-link.btn.btn-link {
padding: 0;
}
.timeline-interactions-list-panel .panel-content .interaction-card .card-content .media-type .interaction-link.btn.btn-link:focus {
outline: auto;
}
.analytics-ui-queue-activation-panel {
display: flex;
flex-direction: column;
}
.analytics-ui-queue-activation-panel .queue-picker-queues {
flex: 1 1 auto;
overflow-y: auto;
}
.analytics-ui-queue-activation-panel .queue-label-checkbox {
padding: 0 15px;
margin-top: 7px;
margin-bottom: 7px;
}
.analytics-ui-queue-activation-panel .update-button-container {
display: flex;
gap: 4px;
justify-content: start;
width: 100%;
}
.analytics-ui-queue-activation-panel .queue-activation-footer {
padding: 15px;
border-top: 3px solid #E4E9F0;
}
.analytics-ui-queue-activation-panel .queue-activation-footer.pagination-footer {
padding: 9px;
}
.analytics-ui-queue-activation-panel .empty-queues-list {
width: 150px;
text-align: center;
margin: auto;
padding: 0 15px;
}
.analytics-ui-queue-activation-panel gux-form-field-search {
padding: 0 15px;
}
.saved-view-rename-panel .filter-section {
padding: 0px 15px;
}
.saved-view-rename-panel .side-panel-header {
margin-bottom: 0px;
}
.saved-view-rename-panel .filter-contents {
padding-top: 8px;
}
.ember-engine-queues-topic-picker {
position: relative;
padding: 15px;
}
.side-panel.ember-engine-queues-column-picker-panel {
display: flex;
flex-direction: column;
font-size: 12px;
overflow-y: hidden;
}
.side-panel.ember-engine-queues-column-picker-panel gux-switch {
font-size: 14px;
padding-left: 15px;
display: flex;
flex-direction: row;
}
.side-panel.ember-engine-queues-column-picker-panel .default-column-picker,
.side-panel.ember-engine-queues-column-picker-panel .custom-calculation-column-picker {
overflow-y: auto;
height: 100%;
}
.side-panel.ember-engine-queues-column-picker-panel .column-picker-panel-controls {
flex: 0 0 auto;
}
.side-panel.ember-engine-queues-column-picker-panel .column-picker-panel-controls gux-form-field-search {
padding: 0 15px;
}
.side-panel.ember-engine-queues-column-picker-panel .column-picker-panel-controls .column-picker-display-controls {
display: flex;
flex-direction: row;
justify-content: right;
padding-right: 15px;
}
.side-panel.ember-engine-queues-column-picker-panel .column-picker-panel-controls .column-picker-display-controls .category-grouping-toggle {
padding: 0 10px;
}
.side-panel.ember-engine-queues-column-picker-panel .column-picker-panel-content {
flex: 1 1 auto;
overflow-y: auto;
}
.side-panel.ember-engine-queues-column-picker-panel .column-picker-panel-content .ember-engine-queues-column-picker {
flex: 1 1 auto;
display: flex;
flex-direction: column;
overflow-y: auto;
}
.side-panel.ember-engine-queues-column-picker-panel .column-picker-panel-content .ember-engine-queues-column-picker .column-picker-section {
padding: 0 15px;
height: auto;
}
.side-panel.ember-engine-queues-column-picker-panel .column-picker-panel-content .ember-engine-queues-column-picker .column-picker-section.empty-section {
display: none;
}
.side-panel.ember-engine-queues-column-picker-panel .column-picker-panel-content .ember-engine-queues-column-picker .column-picker-section .column-picker-section-group .column-picker-section-group-content {
display: flex;
/**
* When the column group is toggled on / off by one checkbox
*/
}
.side-panel.ember-engine-queues-column-picker-panel .column-picker-panel-content .ember-engine-queues-column-picker .column-picker-section .column-picker-section-group .column-picker-section-group-content .column-picker-toggle {
margin: 4px 0;
}
.side-panel.ember-engine-queues-column-picker-panel .column-picker-panel-content .ember-engine-queues-column-picker .column-picker-section .column-picker-section-group .column-picker-section-group-content .column-picker-toggles {
display: flex;
flex-direction: column;
flex: 1 1 auto;
}
.side-panel.ember-engine-queues-column-picker-panel .column-picker-panel-content .ember-engine-queues-column-picker .column-picker-section .column-picker-section-group .column-picker-section-group-content.single-option:not(.disabled-group) .column-picker-group-toggle-container:before {
content: '';
display: block;
background-color: var(--gux-grey-10);
height: calc(100% - 16px);
position: absolute;
width: 2px;
left: 10px;
top: 7px;
}
.side-panel.ember-engine-queues-column-picker-panel .column-picker-panel-content .ember-engine-queues-column-picker .column-picker-section .column-picker-section-group .column-picker-section-group-content.single-option:not(.disabled-group) .column-picker-toggles .column-picker-toggle:first-child {
position: relative;
}
.side-panel.ember-engine-queues-column-picker-panel .column-picker-panel-content .ember-engine-queues-column-picker .column-picker-section .column-picker-section-group .column-picker-section-group-content.single-option:not(.disabled-group) .column-picker-toggles .column-picker-toggle:first-child:before {
border-radius: 0 2px 2px 0;
content: '';
background-color: var(--gux-grey-10);
display: block;
height: 2px;
position: absolute;
width: 8px;
left: -13px;
top: 3px;
}
.side-panel.ember-engine-queues-column-picker-panel .column-picker-panel-content .ember-engine-queues-column-picker .column-picker-section .column-picker-section-group .column-picker-section-group-content.single-option:not(.disabled-group) .column-picker-toggles .column-picker-toggle:last-child {
position: relative;
}
.side-panel.ember-engine-queues-column-picker-panel .column-picker-panel-content .ember-engine-queues-column-picker .column-picker-section .column-picker-section-group .column-picker-section-group-content.single-option:not(.disabled-group) .column-picker-toggles .column-picker-toggle:last-child:after {
border-radius: 0 2px 2px 0;
content: '';
background-color: var(--gux-grey-10);
display: block;
height: 2px;
position: absolute;
width: 8px;
left: -13px;
bottom: 3px;
}
.side-panel.ember-engine-queues-column-picker-panel .column-picker-panel-content .ember-engine-queues-column-picker .column-picker-section .column-picker-section-group .column-picker-section-group-content.single-option .column-picker-group-toggle-container {
display: flex;
position: relative;
flex-direction: column;
flex: 0 0 auto;
justify-content: center;
}
.side-panel.ember-engine-queues-column-picker-panel .column-picker-panel-content .ember-engine-queues-column-picker .column-picker-section .column-picker-section-group .column-picker-section-group-content.single-option .column-picker-group-toggle-container .column-picker-group-toggle {
z-index: 1;
align-self: center;
background-color: var(--gux-grey-100);
}
.side-panel.ember-engine-queues-column-picker-panel .column-picker-panel-footer {
border-top: 3px solid #E4E9F0;
padding: 15px;
}
.side-panel.ember-engine-queues-column-picker-panel .column-picker-panel-footer .column-picker-panel-buttons {
flex: 0 0 auto;
display: flex;
gap: 15px;
}
.side-panel.ember-engine-queues-column-picker-panel .column-picker-panel-footer .message-container {
color: var(--gux-alert-red-60);
font-size: 14px;
padding-bottom: 12px;
}
.engage-components-table-column-picker {
display: flex;
flex-direction: column;
font-family: 'Roboto', sans-serif;
width: 100%;
overflow-x: hidden;
background-color: #FDFDFD;
}
.engage-components-table-column-picker h4.side-panel-header {
margin-bottom: 12px;
}
.engage-components-table-column-picker h4.side-panel-header,
.engage-components-table-column-picker .side-panel-header-section {
text-transform: uppercase;
font-size: 12px;
margin-top: 0px;
padding: 10px;
color: #FDFDFD;
background-color: #77828F;
}
.engage-components-table-column-picker > * {
flex-shrink: 0;
}
.engage-components-table-column-picker .side-panel-header-section {
display: flex;
justify-content: space-between;
align-items: center;
}
.engage-components-table-column-picker .side-panel-header-section .side-panel-toggle {
display: flex;
}
.engage-components-table-column-picker .column-picker-columns {
padding: 0 5px;
}
.engage-components-table-column-picker .column-picker-header {
text-transform: uppercase;
font-size: 12px;
margin-bottom: 12px;
padding: 0 15px;
}
.engage-components-table-column-picker .column-sorter-option {
text-align: end;
padding-right: 15px;
}
.engage-components-table-column-picker .column-sorter-option .column-sorter-option-toggle {
border-bottom: 1px dashed;
}
.engage-components-table-column-picker .column-search {
position: relative;
z-index: 10;
padding-bottom: 5px;
}
.engage-components-table-column-picker .column-search .engage-components-multi-search {
width: 100%;
}
.engage-components-table-column-picker .column-search .engage-components-multi-search .search-box {
width: 90%;
margin: auto;
}
.engage-components-table-column-picker .column-search .engage-components-multi-search .search-box input.search-input {
border: 1px solid;
border-radius: 4px;
border-color: #ccc;
}
.engage-components-table-column-picker .column-search .engage-components-multi-search .search-box input.search-input:focus {
border-color: #2A60C8;
}
.engage-components-table-column-picker .checkbox-container {
display: flex;
position: relative;
}
.engage-components-table-column-picker .checkbox-container:before {
content: '';
display: block;
height: calc(100% - 16px);
position: absolute;
width: 2px;
left: 10px;
top: 7px;
background-color: #77828F;
}
.engage-components-table-column-picker .checkbox-container .remove-icon {
padding-bottom: 2px;
}
.engage-components-table-column-picker .checkbox-container .column-label-checkbox-padding {
display: flex;
margin: auto;
align-items: center;
min-height: 14px;
z-index: 1;
}
.engage-components-table-column-picker input.column-label-checkbox {
margin: 3px 3px 3px 4px;
}
.engage-components-table-column-picker .column-label-text-container {
display: flex;
flex-direction: column;
justify-content: center;
padding-left: 5px;
}
.engage-components-table-column-picker .column-label-text-container .info-icon {
margin-left: 5px;
margin-top: 2px;
height: 17px;
width: 17px;
}
.engage-components-table-column-picker .column-item {
display: initial;
position: relative;
cursor: pointer;
}
.engage-components-table-column-picker .column-item:hover .reorder-button {
display: block;
position: absolute;
right: calc(50% - 12px);
border: 0;
z-index: 2;
padding: 1px 5px;
height: 24px;
width: 24px;
}
.engage-components-table-column-picker .column-item:hover .reorder-up {
bottom: 20px;
border-top-right-radius: 12px;
border-top-left-radius: 12px;
}
.engage-components-table-column-picker .column-item:hover .reorder-down {
top: 20px;
border-bottom-right-radius: 12px;
border-bottom-left-radius: 12px;
}
.engage-components-table-column-picker .column-item:hover .column-label {
width: 100%;
}
.engage-components-table-column-picker .column-item .column-label {
font-weight: normal;
white-space: nowrap;
display: flex;
flex-grow: 1;
cursor: pointer;
margin: 0;
}
.engage-components-table-column-picker .column-item .column-label .column-label-text {
display: flex;
font-size: 13px;
white-space: normal;
position: relative;
height: 25px;
align-items: center;
}
.engage-components-table-column-picker .column-item .column-label .column-label-text:first-child:before,
.engage-components-table-column-picker .column-item .column-label .column-label-text:last-child:before {
border-radius: 0 2px 2px 0;
content: '';
display: block;
height: 2px;
position: absolute;
width: 8px;
left: -13px;
background-color: #77828F;
}
.engage-components-table-column-picker .column-item .column-label .column-label-text:first-child:before {
top: 7px;
}
.engage-components-table-column-picker .column-item .column-label .column-label-text:last-child:before {
bottom: 8px;
}
.engage-components-table-column-picker .column-item .column-label .column-label-text:only-child:before {
display: none;
}
.engage-components-table-column-picker .column-item .column-label .popover-button:focus > .info-icon {
outline: #2A60C8 3px auto;
outline-offset: 1px;
}
.engage-components-table-column-picker .column-item .column-label .popover-button {
background: none;
color: inherit;
border: none;
padding: 0;
cursor: pointer;
outline: inherit;
}
.engage-components-table-column-picker .column-item .column-label .popover {
z-index: 10;
}
.engage-components-table-column-picker .column-item .reorder-up,
.engage-components-table-column-picker .column-item .reorder-down {
display: none;
}
.engage-components-table-column-picker .column-container {
display: flex;
flex-direction: column;
padding: 4px 0;
border-bottom: 1px solid #E4E9F0;
}
.engage-components-table-column-picker .column-label-checkbox-padding {
background-color: #FDFDFD;
}
.engage-components-table-column-picker .column-picker-header,
.engage-components-table-column-picker .column-sorter-option,
.engage-components-table-column-picker .column-label {
color: #203B73;
}
.engage-components-table-column-picker .column-item:hover .column-label,
.engage-components-table-column-picker .column-item:hover .column-label-checkbox-padding {
background-color: #DEEAFF;
}
.column-picker-tree {
width: 100%;
}
.column-picker-tree .column-picker-tree-parent {
display: flex;
justify-content: space-between;
}
.column-picker-tree .column-picker-tree-parent button {
display: flex;
align-items: center;
margin: 0;
border: 0;
outline: 0;
cursor: pointer;
background: none;
font-size: 1.2rem;
}
.column-picker-tree .column-picker-tree-parent button:focus {
outline: 3px solid var(--gux-blue-90);
border-radius: 4px;
}
.column-picker-tree .column-picker-tree-parent button:focus,
.column-picker-tree .column-picker-tree-parent button:active {
background: none;
}
.column-picker-tree .column-picker-tree-children.collapsed {
display: none;
}
.column-picker-tree .column-picker-tree-children .column-picker-tree-child {
display: flex;
}
.column-picker-tree .column-picker-tree-children .column-picker-tree-child .branch {
display: flex;
width: 30px;
}
.column-picker-tree .column-picker-tree-children .column-picker-tree-child .branch::before {
content: ' ';
display: block;
width: 11px;
border-right: 1px dashed var(--gux-black-90);
}
.column-picker-tree .column-picker-tree-children .column-picker-tree-child .branch::after {
content: ' ';
display: block;
flex-grow: 1;
align-self: center;
border-bottom: 1px dashed var(--gux-black-90);
}
.column-picker-tree .column-picker-tree-children .column-picker-tree-child:last-of-type .branch::before {
height: 50%;
}
.custom-column-toggle {
display: flex;
align-items: flex-start;
justify-content: space-between;
}
.custom-column-toggle label {
word-break: break-all;
}
.custom-calculation-column-picker .add-calculation-button {
margin: 0 0 15px 10px;
border: 0;
cursor: pointer;
background: none;
font-weight: 500;
font-size: 14px;
padding: 0 7px;
text-align: center;
height: 24px;
color: #2A60C8;
}
.custom-calculation-column-picker .add-calculation-button:focus {
outline: auto;
}
.reorder-column-picker {
padding: 0 15px;
display: flex;
flex-direction: column;
height: 100%;
overflow-y: hidden;
}
.analytics-ui-filter-panel .filter-panel-search {
margin-top: -16px;
padding: 0 24px 0px 24px;
border-bottom: 1px solid var(--gux-grey-60);
}
.analytics-ui-filter-panel .filter-panel-no-results {
display: flex;
padding: 16px;
}
.engage-components-data-filter {
background-color: #F8F8F8;
display: flex;
flex-direction: column;
font-family: 'Roboto', sans-serif;
width: 100%;
overflow-x: hidden;
background-color: #FDFDFD;
}
.engage-components-data-filter h4.side-panel-header {
margin-bottom: 12px;
}
.engage-components-data-filter h4.side-panel-header,
.engage-components-data-filter .side-panel-header-section {
text-transform: uppercase;
font-size: 12px;
margin-top: 0px;
padding: 10px;
color: #FDFDFD;
background-color: #77828F;
}
.engage-components-data-filter .section-tabs {
flex: 0 0 auto;
width: 100%;
display: flex;
flex-direction: row;
text-align: center;
padding: 20px 0 0;
box-sizing: border-box;
}
.engage-components-data-filter .section-tabs .section-tab {
cursor: pointer;
flex: 1 1 100%;
padding: 8px;
position: relative;
border-top: 1px solid #a8c8ff;
border-bottom: 1px solid #a8c8ff;
}
.engage-components-data-filter .section-tabs .section-tab.section-disabled {
cursor: not-allowed;
}
.engage-components-data-filter .section-tabs .section-tab .section-name {
margin: 0;
font-size: 14px;
text-overflow: ellipsis;
overflow: hidden;
word-break: break-word;
line-height: initial;
}
.engage-components-data-filter .section-tabs .section-tab.section-visible {
border-top: 1px solid #a8c8ff;
border-bottom-color: transparent;
}
.engage-components-data-filter .section-tabs .section-tab.section-visible .section-name {
color: #444A52;
}
.engage-components-data-filter .section-tabs .section-tab.section-visible:before {
background: #2A60C8;
}
.engage-components-data-filter .section-tabs .section-tab.section-visible.section-disabled {
border-top: 1px solid #77828F;
}
.engage-components-data-filter .section-tabs .section-tab.section-visible.section-disabled:before {
background: #77828F;
}
.engage-components-data-filter .section-tabs .section-tab:not(:last-of-type).section-visible {
border-right: 1px solid #a8c8ff;
}
.engage-components-data-filter .section-tabs .section-tab:not(:last-of-type).section-visible.section-disabled {
border-right: 1px solid #77828F;
}
.engage-components-data-filter .section-tabs .section-tab:not(:first-of-type).section-visible {
border-left: 1px solid #a8c8ff;
}
.engage-components-data-filter .section-tabs .section-tab:not(:first-of-type).section-visible.section-disabled {
border-left: 1px solid #77828F;
}
.engage-components-data-filter .section-tabs .section-tab.section-visible:before {
animation-duration: 1s;
animation-fill-mode: both;
animation-name: zoomIn;
animation-duration: 0.2s;
content: '';
display: block;
left: -1px;
position: absolute;
height: 2px;
top: -1px;
width: calc(100% + 2px);
}
.engage-components-data-filter .section-tabs .section-tab.section-hidden {
border-bottom: 1px solid #a8c8ff;
border-top-color: transparent;
}
.engage-components-data-filter .section-tabs .section-tab.section-hidden .section-name {
color: #505760;
}
.engage-components-data-filter .section-tabs .section-tab.section-hidden.section-disabled {
border-bottom: 1px solid #77828F;
}
.engage-components-data-filter .section-tabs .section-tab.section-hidden .section-name {
font-weight: normal;
}
.engage-components-data-filter .side-panel-header-section {
display: flex;
justify-content: space-between;
}
.engage-components-data-filter .side-panel-header-section .side-panel-header {
display: flex;
flex-direction: column;
justify-content: center;
}
.engage-components-data-filter .side-panel-header-section .side-panel-toggle gux-icon {
color: var(--gux-grey-100);
}
.engage-components-data-filter .filter.CHECKBOX .filter-choice,
.engage-components-data-filter .search-option-checkbox .filter-choice {
display: block;
font-weight: normal;
color: #444A52;
}
.engage-components-data-filter .section-name {
font-size: 14px;
font-weight: 500;
color: #FDFDFD;
}
.engage-components-data-filter .section-header {
border-bottom: 1px solid #E4E9F0;
cursor: pointer;
background-color: #444A52;
}
.engage-components-data-filter .section-header .section-name {
padding-left: 5px;
}
.engage-components-data-filter .filters-changed,
.engage-components-data-filter .filters-limit-reached {
background-color: #fabb00;
padding: 5px 15px 5px;
margin-bottom: 10px;
}
.engage-components-data-filter .filters-changed button,
.engage-components-data-filter .filters-limit-reached button {
background: transparent;
border: solid 1px;
border-radius: 4px;
cursor: pointer;
flex: 1 0 auto;
font-family: 'Roboto', sans-serif;
font-size: 12px;
outline: none;
margin: 0 4px;
padding: 4px;
}
.engage-components-data-filter .filter-search .engage-components-multi-search .search-box {
width: 90%;
margin: auto;
}
.engage-components-data-filter .section-tabs {
padding-bottom: 3px;
}
.engage-components-data-filter h3.many-section-name {
margin-top: 10px;
}
.engage-components-data-filter .filter-name {
font-size: 12px;
font-weight: 500;
margin: 0;
text-transform: uppercase;
margin-bottom: 5px;
color: #444A52;
}
.engage-components-data-filter .filter {
padding: 12px 0;
}
.engage-components-data-filter .filter:first-child {
margin-top: 20px;
}
.engage-components-data-filter .filter .section-tabs .section-tab .section-name {
font-size: 13px;
}
.engage-components-data-filter .filter.disabled .filter-name {
color: #999;
}
.engage-components-data-filter .filter.disabled .filter-choice {
color: #999;
}
.engage-components-data-filter .filter.disabled .filter-choice .filter-check-choice {
cursor: not-allowed;
}
.engage-components-data-filter .engage-components-multi-search {
min-height: 33px;
width: 100%;
}
.engage-components-data-filter .engage-components-multi-search.is-focused .search-container {
border-radius: 4px;
}
.engage-components-data-filter .engage-components-multi-search.is-focused .search-container .search-options {
border: solid 1px;
}
.engage-components-data-filter .engage-components-multi-search.is-focused .search-container .search-options p {
color: #444A52;
}
.engage-components-data-filter .engage-components-multi-search.is-focused .search-container .search-options .search-option .select-option {
padding-top: 5px;
padding-left: 12px;
padding-right: 12px;
}
.engage-components-data-filter .engage-components-multi-search.is-focused .search-container .search-options .search-option .select-option .search-string {
font-weight: normal;
}
.engage-components-data-filter .engage-components-multi-search .search-box input.search-input {
border: 1px solid;
border-radius: 4px;
}
.engage-components-data-filter .engage-components-multi-search .search-box .svg-icon {
right: 6px;
}
.engage-components-data-filter .engage-components-range-picker {
overflow: visible;
}
.engage-components-data-filter .engage-components-range-picker.numeric {
padding: 8px 0;
}
.engage-components-data-filter .engage-components-range-picker .range-inputs {
padding-top: 20px;
padding-bottom: 10px;
}
.engage-components-data-filter .filter-section {
overflow-y: auto;
overflow-x: hidden;
flex-grow: 1;
}
.engage-components-data-filter .filter-section .range-type-selection.section-tabs {
margin-left: -15px;
margin-right: -15px;
padding-top: 4px;
width: calc(100% + 30px);
}
.engage-components-data-filter .duration-range-picker.hidden-duration-range {
display: none;
}
.engage-components-data-filter .duration-range-picker .range-inputs {
flex-flow: column;
}
.engage-components-data-filter .search-limit-warning {
padding: 5px;
color: #FDA428;
}
.engage-components-data-filter .filter-search-selected,
.engage-components-data-filter .category-search-selected {
display: flex;
flex-direction: column;
}
.engage-components-data-filter .filter-search-selected .tag-label-component,
.engage-components-data-filter .category-search-selected .tag-label-component {
display: flex;
padding: 5px 0 5px 10px;
margin-top: 2px;
}
.engage-components-data-filter .filter-search-selected .tag-string,
.engage-components-data-filter .category-search-selected .tag-string {
display: flex;
flex: 1 1 auto;
word-break: break-word;
}
.engage-components-data-filter .filter-search-selected .remove-tag,
.engage-components-data-filter .category-search-selected .remove-tag {
display: flex;
flex: 0 0 20px;
}
.engage-components-data-filter .toggle-switch-container .off-screen {
position: relative;
}
.engage-components-data-filter .engage-components-multi-search .search-box input.search-input,
.engage-components-data-filter .engage-components-numeric-stepper input {
border-color: #ccc;
}
.engage-components-data-filter .engage-components-multi-search .search-box input.search-input:focus,
.engage-components-data-filter .engage-components-numeric-stepper input:focus {
outline: none;
border-color: #2A60C8;
}
.engage-components-data-filter .search-container .search-box input.search-input::-webkit-input-placeholder,
.engage-components-data-filter .engage-components-data-filter .engage-components-multi-search .search-box input.search-input::-webkit-input-placeholder {
/* Chrome/Opera/Safari */
color: #999;
}
.engage-components-data-filter .search-container .search-box input.search-input::-moz-placeholder,
.engage-components-data-filter .engage-components-data-filter .engage-components-multi-search .search-box input.search-input::-moz-placeholder {
/* Firefox 19+ */
color: #999;
}
.engage-components-data-filter .search-container .search-box input.search-input:-ms-input-placeholder,
.engage-components-data-filter .engage-components-data-filter .engage-components-multi-search .search-box input.search-input:-ms-input-placeholder {
/* IE 10+ */
color: #999;
}
.engage-components-data-filter .search-container .search-box input.search-input:-moz-placeholder,
.engage-components-data-filter .engage-components-data-filter .engage-components-multi-search .search-box input.search-input:-moz-placeholder {
/* Firefox 18- */
color: #999;
}
.engage-components-data-filter .search-container .search-box .svg-icon,
.engage-components-data-filter .engage-components-data-filter .engage-components-multi-search .search-box .svg-icon {
color: #77828F;
}
.engage-components-data-filter .filters-changed button.apply-filters {
color: #FDFDFD;
border-color: #2455a3;
background-color: #2A60C8;
}
.engage-components-data-filter .filters-changed button.apply-filters:disabled {
opacity: 0.65;
}
.engage-components-numeric-stepper {
/* TODO combine these styles with duration-entry? */
display: flex;
flex-direction: column;
}
.engage-components-numeric-stepper button.value-change {
display: flex;
justify-content: center;
background: transparent;
outline: 0;
border: 0;
padding: 0;
margin: 0;
font-size: 1.5em;
cursor: pointer;
z-index: 0;
}
.engage-components-numeric-stepper input {
border: 1px solid;
border-radius: 4px;
padding-right: 2px;
width: 3em;
text-align: right;
font-size: 1em;
font-family: 'Roboto', sans-serif;
font-weight: initial;
-moz-appearance: textfield;
}
.engage-components-numeric-stepper input:disabled {
cursor: not-allowed;
}
.engage-components-numeric-stepper input[type=number]::-webkit-inner-spin-button,
.engage-components-numeric-stepper input[type=number]::-webkit-outer-spin-button {
-webkit-appearance: none;
margin: 0;
}
.engage-components-range-picker button.value-change {
color: #77828F;
}
.engage-components-range-picker input {
background-color: #FDFDFD;
border-color: #E4E9F0;
color: #33383D;
}
.engage-components-range-picker {
font-family: 'Roboto', sans-serif;
overflow: hidden;
display: flex;
flex-direction: column;
align-items: center;
}
.engage-components-range-picker .section-tabs {
flex: 0 0 auto;
width: 100%;
display: flex;
flex-direction: row;
text-align: center;
padding: 20px 0 0;
box-sizing: border-box;
}
.engage-components-range-picker .section-tabs .section-tab {
cursor: pointer;
flex: 1 1 100%;
padding: 8px;
position: relative;
border-top: 1px solid #a8c8ff;
border-bottom: 1px solid #a8c8ff;
}
.engage-components-range-picker .section-tabs .section-tab.section-disabled {
cursor: not-allowed;
}
.engage-components-range-picker .section-tabs .section-tab .section-name {
margin: 0;
font-size: 14px;
text-overflow: ellipsis;
overflow: hidden;
word-break: break-word;
line-height: initial;
}
.engage-components-range-picker .section-tabs .section-tab.section-visible {
border-top: 1px solid #a8c8ff;
border-bottom-color: transparent;
}
.engage-components-range-picker .section-tabs .section-tab.section-visible .section-name {
color: #444A52;
}
.engage-components-range-picker .section-tabs .section-tab.section-visible:before {
background: #2A60C8;
}
.engage-components-range-picker .section-tabs .section-tab.section-visible.section-disabled {
border-top: 1px solid #77828F;
}
.engage-components-range-picker .section-tabs .section-tab.section-visible.section-disabled:before {
background: #77828F;
}
.engage-components-range-picker .section-tabs .section-tab:not(:last-of-type).section-visible {
border-right: 1px solid #a8c8ff;
}
.engage-components-range-picker .section-tabs .section-tab:not(:last-of-type).section-visible.section-disabled {
border-right: 1px solid #77828F;
}
.engage-components-range-picker .section-tabs .section-tab:not(:first-of-type).section-visible {
border-left: 1px solid #a8c8ff;
}
.engage-components-range-picker .section-tabs .section-tab:not(:first-of-type).section-visible.section-disabled {
border-left: 1px solid #77828F;
}
.engage-components-range-picker .section-tabs .section-tab.section-visible:before {
animation-duration: 1s;
animation-fill-mode: both;
animation-name: zoomIn;
animation-duration: 0.2s;
content: '';
display: block;
left: -1px;
position: absolute;
height: 2px;
top: -1px;
width: calc(100% + 2px);
}
.engage-components-range-picker .section-tabs .section-tab.section-hidden {
border-bottom: 1px solid #a8c8ff;
border-top-color: transparent;
}
.engage-components-range-picker .section-tabs .section-tab.section-hidden .section-name {
color: #505760;
}
.engage-components-range-picker .section-tabs .section-tab.section-hidden.section-disabled {
border-bottom: 1px solid #77828F;
}
.engage-components-range-picker .section-tabs .section-tab.section-hidden .section-name {
font-weight: normal;
}
.engage-components-range-picker .apply-button-container {
display: flex;
align-items: flex-start;
justify-content: space-between;
margin: 0 -8px;
padding: 10px 0;
width: calc(100% + 8px);
}
.engage-components-range-picker .apply-button-container button {
background: transparent;
border: solid 1px;
border-radius: 4px;
cursor: pointer;
flex: 1 0 auto;
font-family: 'Roboto', sans-serif;
font-size: 12px;
outline: none;
margin: 0 4px;
padding: 4px;
}
.engage-components-range-picker .apply-button-container button:disabled {
opacity: 0.65;
cursor: not-allowed;
}
.engage-components-range-picker .apply-button-container button.apply-range {
color: #FDFDFD;
border-color: #2455a3;
background-color: #2A60C8;
}
.engage-components-range-picker .apply-button-container button.apply-range:disabled {
opacity: 0.65;
}
.engage-components-range-picker .range-inputs {
align-items: center;
display: flex;
padding-top: 10px;
}
.engage-components-range-picker .range-inputs .between-text-joiner {
padding: 0 4px;
font-family: 'Roboto', sans-serif;
}
.engage-components-range-picker .range-section.range-section-hidden {
display: none;
}
.engage-components-duration-entry {
font-family: 'Roboto', sans-serif;
display: flex;
}
.engage-components-duration-entry .range-header {
font-weight: 500;
}
.engage-components-duration-entry .duration-container {
display: flex;
flex-direction: column;
}
.engage-components-duration-entry .duration-container button.time-change {
display: flex;
justify-content: center;
background: transparent;
outline: 0;
border: 0;
padding: 0;
margin: 0;
font-size: 1.5em;
cursor: pointer;
color: #517687;
z-index: 0;
}
.engage-components-duration-entry .duration-input {
display: flex;
flex-direction: row;
z-index: 1;
font-weight: initial;
margin: 0;
}
.engage-components-duration-entry .duration-input input {
background-color: #ffffff;
border: 1px solid #c0d7e1;
border-right: 0;
padding-right: 2px;
width: 2em;
text-align: right;
color: #517687;
font-size: 1em;
font-family: 'Roboto', sans-serif;
-moz-appearance: textfield;
}
.engage-components-duration-entry .duration-input input[type=number]::-webkit-inner-spin-button,
.engage-components-duration-entry .duration-input input[type=number]::-webkit-outer-spin-button {
-webkit-appearance: none;
margin: 0;
}
.engage-components-duration-entry .duration-input.duration-hours input {
border-bottom-left-radius: 4px;
border-top-left-radius: 4px;
}
.engage-components-duration-entry .duration-input.duration-minutes input {
border-left: 0;
}
.engage-components-duration-entry .duration-input.duration-seconds input {
border-left: 0;
}
.engage-components-duration-entry .duration-input.duration-seconds .duration-input-text {
border-right: 1px solid #c0d7e1;
border-bottom-right-radius: 4px;
border-top-right-radius: 4px;
padding-right: 6px;
}
.engage-components-duration-entry .duration-input .duration-input-text {
background-color: #ffffff;
border-top: 1px solid #c0d7e1;
border-bottom: 1px solid #c0d7e1;
color: #B3B3B3;
font-size: 1em;
font-family: 'Roboto', sans-serif;
padding-top: 1px;
padding-bottom: 1px;
}
.media-type-filter-v2 {
display: flex;
align-items: center;
min-height: 37px;
}
.media-type-filter-v2 .media-type-filter-option {
cursor: pointer;
display: inline-flex;
justify-content: center;
align-items: center;
margin-right: 10px;
font-family: 'Roboto', sans-serif;
font-size: 12px;
color: #77828F;
}
.media-type-filter-v2 .media-type-filter-option:hover {
color: #444A52;
}
.media-type-filter-v2 .media-type-filter-option.selected-media-type {
transition: 0.25s;
color: #FDFDFD;
background-color: #203B73;
}
.media-type-filter-v2 .media-type-filter-option.selected-media-type:hover {
color: #FDFDFD;
}
.media-type-filter-v2 .media-type-filter-option:not(.all-media-types, .media-type-all) {
width: 30px;
height: 30px;
border-radius: 100%;
}
.media-type-filter-v2 .media-type-filter-option.media-type-all {
width: auto;
min-width: 30px;
padding: 5px;
border-radius: 50px;
}
.media-type-filter-v2 .media-type-filter-option.all-media-types {
width: auto;
min-width: 30px;
padding: 5px;
border-radius: 50px;
}
.media-type-filter-v2 .media-type-filter-option.all-media-types .all-media-types-text {
padding: 3px;
line-height: 0.9;
}
.media-type-filter-v2 .media-type-filter-option .media-icon {
width: 18px;
height: 18px;
}
.media-type-filter-v2 .media-type-filter-option .svg-icon {
width: 18px;
height: 18px;
margin-bottom: 0;
margin-right: 0;
}
.media-type-filter-v2 .media-type-filter-option.disabled {
opacity: 0.5;
color: #999;
}
.media-type-filter-v2 .media-type-filter-option.disabled:hover {
color: #999;
cursor: not-allowed;
}
.engage-components-multi-search {
position: relative;
width: 250px;
min-width: 250px;
min-height: 31px;
}
.engage-components-multi-search * {
box-sizing: border-box;
}
.engage-components-multi-search.is-focused {
margin-bottom: 5px;
}
.engage-components-multi-search.is-focused .search-container {
position: absolute;
z-index: 5;
}
.engage-components-multi-search.is-focused .search-container:not('.usability-enhancements') {
margin-bottom: 20px;
}
.engage-components-multi-search.is-focused .search-container:not('.usability-enhancements') .search-box {
padding-bottom: 5px;
}
.engage-components-multi-search.is-searching .search-options {
display: none;
}
.engage-components-multi-search.is-no-result .search-options {
display: flex;
margin: 0 auto;
align-items: center;
justify-content: center;
}
.engage-components-multi-search.is-no-result .search-options p {
animation-duration: 0.25s;
animation-delay: 0.25s;
color: #bbb;
margin-bottom: 0;
}
.engage-components-multi-search .search-container {
width: 100%;
}
.engage-components-multi-search .search-container.category-search {
display: flex;
flex-wrap: nowrap;
}
.engage-components-multi-search .search-container.category-search .search-category-options {
display: inline-block;
margin-top: 5px;
margin-bottom: 5px;
}
.engage-components-multi-search .search-container.category-search .search-category-options .dropdown-toggle {
width: 100%;
max-width: 100%;
height: 26px;
border-radius: 1em 0 0 1em;
background-color: #cccccc;
white-space: nowrap;
padding-left: 5px;
padding-right: 5px;
}
.engage-components-multi-search .search-container.category-search .search-category-options .dropdown-toggle .dropdown-icon {
padding-left: 4px;
}
.engage-components-multi-search .search-container.category-search .search-category-options .dropdown-menu {
z-index: 1;
max-width: 150px;
position: absolute;
background-color: white;
border: 1px solid lightgrey;
border-radius: 5px;
margin-top: 3px;
box-shadow: 1px 1px 3px lightgrey, -1px -1px 3px lightgrey;
}
.engage-components-multi-search .search-container.category-search .search-category-options .dropdown-menu .dropdown-item {
overflow: hidden;
text-overflow: ellipsis;
}
.engage-components-multi-search .search-container.category-search.category-dropdown-open .search-category-options .dropdown-toggle {
background-color: #b8b8b8;
}
.engage-components-multi-search .search-container.category-search .search-box .search-input {
border-radius: 0 4px 4px 0;
}
.engage-components-multi-search .search-container .search-box {
width: 100%;
padding-top: 5px;
padding-bottom: 5px;
position: relative;
}
.engage-components-multi-search .search-container .search-box input {
box-shadow: none;
height: 26px;
background: #f8f8f8;
border: none;
font-family: 'Roboto', sans-serif;
outline: none;
padding: 3px 25px 3px 12px;
border-radius: 20px;
width: 100%;
}
.engage-components-multi-search .search-container .search-box input:disabled {
cursor: not-allowed;
opacity: 0.5;
background-color: #ccc;
}
.engage-components-multi-search .search-container .search-box input[placeholder] {
text-overflow: ellipsis;
}
.engage-components-multi-search .search-container .search-box .search-or-loader {
top: 29%;
right: 3%;
color: #aeaeae;
position: absolute;
}
.engage-components-multi-search .search-container .search-box.usability-enhancements {
padding-top: 5px;
padding-bottom: 5px;
}
.engage-components-multi-search .search-container .search-box.usability-enhancements input {
background: white;
box-shadow: none;
height: 26px;
}
.engage-components-multi-search .search-container .search-options {
animation-duration: 0.25s;
background: #ffffff;
border: solid 1px rgba(0, 0, 0, 0.15);
border-radius: 4px;
box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
font-family: 'Roboto', sans-serif;
padding-top: 4px;
padding-bottom: 4px;
max-height: 150px;
overflow-y: auto;
width: 500px;
max-width: 100%;
position: relative;
}
.engage-components-multi-search .search-container .search-options .search-option.focused-option {
background-color: #f2f2f2;
}
.engage-components-multi-search .search-container .search-options button.select-option {
animation-duration: 0.25s;
border: none;
border-radius: 0;
background: inherit;
color: #4c4c4c;
padding: 5px 11px 5px 12px;
display: flex;
justify-content: space-between;
overflow: hidden;
width: 100%;
}
.engage-components-multi-search .search-container .search-options button.select-option:hover,
.engage-components-multi-search .search-container .search-options button.select-option:focus {
background-color: #f2f2f2;
outline: none;
}
.engage-components-multi-search .search-container .search-options button.select-option .search-string,
.engage-components-multi-search .search-container .search-options button.select-option .in-category {
white-space: nowrap;
flex: 1 1 auto;
text-align: right;
}
.engage-components-multi-search .search-container .search-options button.select-option .extra {
color: #7b7b7b;
font-size: 75%;
white-space: nowrap;
flex: 1 0 auto;
text-align: right;
margin-top: 3pt;
text-overflow: ellipsis;
overflow: hidden;
max-width: 50%;
}
.engage-components-multi-search .search-container .search-options button.select-option .search-string {
text-overflow: ellipsis;
overflow: hidden;
text-align: left;
}
.alert-rule-clause .clause-type {
flex-grow: 2;
background-color: var(--gux-blue-100);
padding: 10px;
border-radius: 4px;
display: flex;
flex-direction: row;
align-items: center;
}
.alert-rule-clause .clause-type gux-input-select {
max-width: 200px;
}
.alert-rule-clause .clause-type label {
font-weight: bold;
margin-right: 8px;
}
.alert-rule-clause .clause-predicate-container {
display: flex;
flex-direction: row;
margin-left: 25px;
align-items: center;
border-left: 3px solid var(--gux-grey-40);
}
.alert-rule-clause .clause-predicate-container .diagram-spacer {
height: 3px;
width: 20px;
background-color: var(--gux-grey-40);
}
.alert-rule-clause .clause-predicate-container .alert-rule-predicate {
flex-grow: 2;
background-color: var(--gux-grey-60);
border-radius: 4px;
margin: 10px 0;
}
.alert-rule-clause .clause-predicate-container gux-button.predicate-remove-button {
margin: 0 0.2rem;
}
.alert-rule-clause .predicate-add-button {
margin: 10px 0;
}
.alert-rule-clause .predicate-add-button .center-button {
display: flex;
flex-direction: row;
align-items: center;
}
.alert-rule-clause .predicate-add-button gux-icon {
width: 16px;
height: 16px;
padding-right: 4px;
}
.alert-rule-clause .remove-clause-container {
height: 75px;
display: flex;
flex-direction: column;
justify-content: center;
margin-top: 10px;
}
.alert-rule-clause .remove-clause-container gux-button {
margin: 0 0.2rem;
}
.alert-rule-clause .clause-sub-clause-container {
display: flex;
margin-left: 25px;
border-left: 3px solid var(--gux-grey-40);
}
.alert-rule-clause .clause-sub-clause-container .clause-type-container {
display: flex;
flex-direction: row;
align-items: center;
margin-top: 10px;
}
.alert-rule-clause .clause-sub-clause-container .clause-type-container .diagram-spacer {
height: 3px;
width: 20px;
background-color: var(--gux-grey-40);
}
.alert-rule-clause .clause-add-button {
margin: 0;
}
.alert-rule-clause .clause-add-button .center-button {
display: flex;
flex-direction: row;
align-items: center;
}
.alert-rule-clause .clause-add-button gux-icon {
width: 16px;
height: 16px;
padding-right: 4px;
}
.alert-rule-predicate {
display: flex;
flex-direction: row;
height: 90px;
}
.alert-rule-predicate .analytics-ui-filter-inputs h3 {
display: none;
}
.alert-rule-predicate .analytics-ui-generic-input:not(.alert-rule-input-entity-type) .gux-label-container {
display: none;
}
.alert-rule-predicate .alert-rule-input-entity-type {
padding-left: 20px;
}
.alert-rule-predicate .alert-rule-input-operational-console-topic {
padding-left: 20px;
}
.alert-rule-predicate .analytics-ui-generic-input:not(.alert-rule-input-metric-value):not(.alert-rule-input-entity-type) {
padding-right: 20px;
}
.alert-rule-predicate .analytics-ui-generic-input:not(.alert-rule-input-metric-value) {
padding-top: 18px;
}
.alert-rule-predicate .alert-rule-input-metric-value {
min-width: 75px;
}
.alert-rule-predicate .analytics-ui-generic-input .gux-input-and-error-container {
min-width: fit-content;
}
.alert-rule-predicate .analytics-ui-generic-input .gux-input-and-error-container .gux-input-number-container .gux-input-container {
min-width: 50px;
}
.alert-rule-predicate .alert-rule-input-metric-name {
padding-top: 17px;
}
.alert-rule-predicate .analytics-ui-generic-input gux-input-select {
min-width: 80px;
}
.alert-rule-predicate .analytics-ui-generic-input gux-dropdown {
display: block;
width: 150px;
}
.alert-rule-predicate .alert-rule-time-label {
margin: 16px 0;
position: relative;
top: 7px;
}
.alert-rule-predicate .gux-input-number-container {
margin-top: -4px;
}
.alert-rule-predicate .input-error-warning {
padding-left: 5px;
top: 0px;
}
.alert-rule-predicate .input-error-warning gux-icon {
width: 1em;
height: 1em;
font-size: 16px;
color: var(--gux-alert-red-60);
}
.alert-rule-predicate .analytics-ui-filter-inputs {
padding: 18px 20px 0;
width: 250px;
}
.alert-rule-predicate .analytics-ui-filter-inputs gux-icon {
margin-top: 5px;
}
.alert-rule-predicate .analytics-ui-filter-inputs gux-dropdown {
width: 210px;
display: inline-block;
}
.alert-rule-predicate .analytics-ui-filter-inputs gux-dropdown.dropdown-error-warning {
outline: solid 1px var(--gux-alert-red-60);
border-radius: 4px;
}
.alert-rule-predicate .engage-components-multi-search .search-container .search-box.usability-enhancements input {
background-color: #f8f8f8;
border: 1px solid var(--gux-black-100);
border-radius: 4px;
height: 34px;
box-shadow: inset 0 0 4px rgba(34, 37, 41, 0.16);
display: flex;
flex-direction: row;
margin: 11px;
padding-top: 0;
}
.alert-rule-predicate .engage-components-multi-search .search-box {
padding-right: 20px;
}
.alert-rule-predicate .engage-components-multi-search .search-box input.search-input.form-control {
margin-left: 0;
margin-bottom: 0;
}
.alert-rule-predicate .engage-components-multi-search .search-box gux-radial-loading.search-or-loader,
.alert-rule-predicate .engage-components-multi-search .search-box gux-icon.search-or-loader {
top: 45%;
right: 12%;
}
.alert-rule-predicate ::-webkit-input-placeholder {
color: var(--gux-black-50);
}
.alert-rule-predicate ::-moz-placeholder {
color: var(--gux-black-50);
}
.alert-rule-predicate ::-ms-placeholder {
color: var(--gux-black-50);
}
.alert-rule-predicate ::placeholder {
color: var(--gux-black-50);
}
.alert-rule-predicate .ember-engine-queues-entity-search {
padding-left: 20px;
}
.alert-rule-notification {
padding-top: 10px;
}
.alert-rule-notification .filter-name {
display: none;
}
.alert-rule-notification label {
font-size: 12px;
font-weight: bold;
}
.analytics-view-alert-rule-configure {
height: 100%;
}
.analytics-view-alert-rule-configure .alert-rule-save-container {
padding-top: 10px;
}
.analytics-view-alert-rule-configure .alert-rule-save-container .alert-rule-validation-message {
color: var(--gux-alert-red-70);
padding-left: 5px;
}
.analytics-view-alert-rule-configure .alert-rule-save-container .alert-rule-unsaved-message {
padding-left: 5px;
}
.analytics-view-alert-rule-configure .tag-label-component {
margin-bottom: 5px;
}
.analytics-view-alert-rule-configure .tag-label-component .remove-tag {
display: inline;
vertical-align: middle;
}
.analytics-view-alert-rule-configure .analytics-ui-alert-rule {
padding: 20px;
height: 100%;
overflow: auto;
}
.analytics-view-alert-rule-configure .analytics-ui-alert-rule .gux-input-container {
max-width: 200px;
}
.analytics-view-alert-rule-configure .analytics-ui-alert-rule .engage-components-multi-search.is-focused .search-container {
position: relative;
}
.analytics-view-alert-rule-configure .analytics-ui-alert-rule .engage-components-multi-search .search-container .search-box input {
background-color: #f8f8f8;
border: 1px solid var(--gux-black-100);
border-radius: 4px;
height: 34px;
box-shadow: inset 0 0 4px rgba(34, 37, 41, 0.16);
display: flex;
flex-direction: row;
}
.analytics-view-alert-rule-configure .analytics-ui-alert-rule ::-webkit-input-placeholder {
color: var(--gux-black-50);
}
.analytics-view-alert-rule-configure .analytics-ui-alert-rule ::-moz-placeholder {
color: var(--gux-black-50);
}
.analytics-view-alert-rule-configure .analytics-ui-alert-rule ::-ms-placeholder {
color: var(--gux-black-50);
}
.analytics-view-alert-rule-configure .analytics-ui-alert-rule ::placeholder {
color: var(--gux-black-50);
}
.analytics-view-alert-rule-configure .analytics-ui-alert-rule .alert-rule-name .gux-label-container {
display: none;
}
.dt-cell-value > .rule-definition-cell {
padding-left: 0px;
}
.dt-cell-value > .rule-definition-cell > .rule-clause .indent {
padding-left: 0px;
}
.rule-definition-cell {
display: flex;
padding-left: 1rem;
}
.rule-definition-cell gux-icon {
margin-top: 3px;
}
.rule-definition-cell .connector {
color: var(--gux-black-90);
}
.rule-definition-cell .indent {
padding-left: 1rem;
}
.rule-definition-cell .rule-clause {
text-overflow: ellipsis;
white-space: nowrap;
display: inline;
overflow: hidden;
}
.rule-definition-cell .rule-clause.items-expanded {
display: block;
}
.rule-definition-cell .rule-clause.items-expanded > .indent {
display: block;
}
.rule-definition-cell .rule-clause.items-expanded > .indent > .connector {
display: block;
}
.rule-definition-cell .rule-clause:not(.items-expanded) .items-controls {
display: none;
}
.rule-definition-cell .items-expanded .rule-definition-cell .rule-clause {
overflow: hidden;
display: inline !important;
}
.rule-definition-cell .items-controls {
vertical-align: top;
}
.rule-definition-cell .items-controls > i {
cursor: pointer;
vertical-align: middle;
padding-right: 5px;
}
.rule-definition-cell .has-predicates .rule-clause.has-predicates:not(.items-expanded) {
display: none;
}
.loading-overlay-v2 {
visibility: initial;
animation-duration: 1s;
animation-fill-mode: both;
animation-name: fadeIn;
animation-duration: 0.5s;
display: flex;
position: absolute;
align-items: center;
justify-content: center;
background-color: rgba(255, 255, 255, 0.7);
height: 100%;
width: 100%;
font-size: 60px;
z-index: 50;
top: 0;
left: 0;
}
.loading-overlay-v2:not(.active) {
pointer-events: none;
visibility: hidden;
transition: visibility 0s 0.45s;
animation-name: fadeOut;
}
.remote-name-and-address {
display: flex;
flex-wrap: wrap;
}
.remote-name-and-address .item {
padding: 2px;
}
.analytics-ui-card-view {
display: flex;
flex-direction: column;
margin: 10px;
overflow-y: auto;
}
.analytics-ui-card-view.card-widget {
margin: 0;
padding: var(--gux-spacing-large);
}
.analytics-ui-card-view.card-widget .analytics-ui-card-view-row {
gap: var(--gux-spacing-large);
margin-bottom: var(--gux-spacing-large);
}
.analytics-ui-card-view.card-widget .analytics-ui-card-view-row .analytics-ui-dashboard-card-widget {
flex: 1 0 1px;
overflow-x: hidden;
}
.analytics-ui-card-view.card-widget .analytics-ui-card-view-row .analytics-ui-dashboard-card-widget .widget-content {
justify-content: flex-start;
flex-grow: 1;
}
.analytics-ui-card-view.card-widget .analytics-ui-card-view-row .analytics-ui-dashboard-card-widget.placeholder-card {
visibility: hidden;
}
.analytics-ui-card-view .analytics-ui-card-view-value-label-icons .value-component-container .analytics-ui-percent-diff.large-size {
padding-top: 23px;
}
.analytics-ui-card-view .analytics-ui-card-view-value-label-icons .value-component-container .analytics-ui-card-view-value {
padding-top: 23px;
}
.analytics-ui-card-view-row {
display: flex;
flex-direction: row;
flex-wrap: wrap;
}
.analytics-ui-card-view-row h2.analytics-ui-card-view-row-label {
display: flex;
flex: 1 0 100%;
margin: 0;
font-weight: 300;
line-height: 24px;
color: var(--gux-black-50);
}
.analytics-ui-card-picker .card-picker-content {
width: 300px;
}
.analytics-ui-card-picker .card-picker-title {
font-size: 14px;
}
.analytics-ui-card-picker .card-picker-subtitle-text {
font-size: 12px;
margin-bottom: 10px;
}
.analytics-ui-card-view-error-state gux-icon.error-icon {
color: var(--gux-alert-red-60);
}
.analytics-ui-card-view-time {
font-size: 3em;
font-weight: 100;
}
.analytics-ui-card-view-value-label-icons {
display: flex;
flex-direction: column;
flex-grow: 1;
justify-content: space-between;
width: 100%;
}
.analytics-ui-card-view-value-label-icons .label-icon-container {
display: flex;
flex-direction: row;
}
.analytics-ui-card-view-value-label-icons .label-icon-container .label-text {
flex: 1 0;
font-size: 1.3em;
font-weight: 100;
}
.analytics-ui-card-view-value-label-icons .label-icon-container .icons-display {
flex: 0 1 auto;
}
.analytics-ui-card-view-value-label-icons .label-icon-container .icons-display gux-icon {
background-color: var(--gux-grey-60);
border-radius: 50%;
padding: 3px;
box-sizing: content-box;
}
.analytics-ui-card-view-value-ratio {
display: flex;
align-items: baseline;
font-weight: 100;
font-size: 3em;
}
.analytics-ui-card-view-value-ratio .card-value-ratio-separator,
.analytics-ui-card-view-value-ratio .card-value-ratio-denominator {
font-size: 0.75em;
}
.analytics-ui-card-view-value {
font-size: 3em;
font-weight: 100;
}
.analytics-ui-card-view-label-value-list {
width: 100%;
}
.analytics-ui-card-view-label-value-list .row {
display: flex;
flex-direction: row;
align-items: center;
padding: 8px 0;
min-height: 50px;
}
.analytics-ui-card-view-label-value-list .row .label-text {
flex: 1 0 auto;
font-weight: 100;
}
.analytics-ui-card-view-label-value-list .row .value-component-container {
font-size: 0.5em;
}
.analytics-ui-card-view-label-value-list .row:not(:last-child) {
border-bottom: 1px solid var(--gux-grey-30);
}
.analytics-ui-kpi-chart {
display: flex;
width: 100%;
height: 100%;
}
.analytics-ui-kpi-chart .analytics-ui-kpi-chart-trend {
display: flex;
flex-grow: 1;
}
.analytics-ui-kpi-chart .analytics-ui-kpi-chart-visualization {
position: relative;
display: flex;
flex-grow: 2;
}
.analytics-ui-kpi-chart .analytics-ui-kpi-chart-visualization .analytics-ui-kpi-chart-total {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
position: absolute;
width: 168px;
height: 168px;
top: 24px;
left: 24px;
color: var(--gux-blue-20);
text-align: center;
}
.analytics-ui-kpi-chart .analytics-ui-kpi-chart-visualization .analytics-ui-kpi-chart-total-value {
font-size: 40px;
line-height: 40px;
}
.analytics-ui-kpi-chart .analytics-ui-kpi-chart-visualization .analytics-ui-kpi-chart-total-description {
font-size: 12px;
}
.analytics-ui-kpi-chart .analytics-ui-kpi-chart-blank-state {
display: flex;
flex-grow: 2;
justify-content: center;
}
.analytics-ui-kpi-chart .analytics-ui-kpi-chart-blank-state .analytics-ui-gux-blank-state-wrapper {
width: auto;
}
.analytics-ui-kpi-chart .analytics-ui-kpi-chart-blank-state .analytics-ui-gux-blank-state-wrapper .blank-state-icon {
width: 32px;
height: 32px;
color: #f8c73e;
}
.analytics-ui-column-chart {
display: flex;
width: 100%;
height: 100%;
}
.analytics-ui-column-chart .analytics-ui-column-chart-visualization {
position: relative;
display: flex;
flex-grow: 2;
}
.analytics-ui-column-chart .analytics-ui-column-chart-blank-state {
display: flex;
flex-grow: 2;
justify-content: center;
}
.analytics-ui-column-chart .analytics-ui-column-chart-blank-state .analytics-ui-gux-blank-state-wrapper {
width: auto;
}
.analytics-ui-column-chart .analytics-ui-column-chart-blank-state .analytics-ui-gux-blank-state-wrapper .blank-state-icon {
width: 32px;
height: 32px;
color: #f8c73e;
}
.analytics-ui-segment-chart {
width: 100%;
}
.analytics-ui-segment-chart .analytics-ui-gux-visualization-wrapper {
height: 100%;
width: 100%;
display: inline-block;
}
.analytics-ui-segment-chart .analytics-ui-segment-chart-visualization {
width: 100%;
}
.analytics-ui-segment-chart .analytics-ui-segment-chart-blank-state {
display: flex;
flex-grow: 2;
justify-content: center;
}
.analytics-ui-segment-chart .analytics-ui-segment-chart-blank-state .analytics-ui-gux-blank-state-wrapper {
width: auto;
}
.analytics-ui-segment-chart .analytics-ui-segment-chart-blank-state .analytics-ui-gux-blank-state-wrapper .blank-state-icon {
width: 32px;
height: 32px;
color: #f8c73e;
}
.analytics-ui-drilldown-widget {
width: 100%;
}
.analytics-ui-drilldown-widget .drilldown-widget-divider {
border-bottom: solid 1px var(--gux-grey-60);
margin: 10px 0;
}
.analytics-ui-card-view-data-grid {
width: 100%;
padding-top: var(--gux-spacing-xs);
}
.analytics-ui-card-view-data-grid .analytics-ui-card-view-data-grid-row {
display: flex;
padding: var(--gux-spacing-xs) var(--gux-spacing-medium);
}
.analytics-ui-card-view-data-grid .analytics-ui-card-view-data-grid-cell {
flex: 1;
align-content: center;
text-align: right;
}
.analytics-ui-card-view-data-grid .analytics-ui-card-view-data-grid-cell:first-child {
text-align: left;
}
.analytics-ui-card-view-header-cell {
font-size: 11px;
}
.analytics-ui-card-view-metric-cell {
display: flex;
align-items: center;
justify-content: flex-end;
gap: var(--gux-spacing-xs);
}
.analytics-ui-card-view-metric-cell .analytics-ui-card-view-metric-cell-positive-percent {
display: flex;
align-items: center;
gap: var(--gux-spacing-xs);
padding: 2px var(--gux-spacing-medium);
border-radius: var(--gux-spacing-xs);
background-color: var(--gux-alert-green-100);
color: var(--gux-alert-green-30);
}
.analytics-ui-card-view-metric-cell .analytics-ui-card-view-metric-cell-positive-percent .analytics-ui-card-view-metric-cell-positive-percent-text {
font-size: 12px;
font-weight: 700;
}
.analytics-ui-card-view-metric-cell .analytics-ui-card-view-metric-cell-text {
font-size: 18px;
font-weight: 700;
color: var(--gux-blue-50);
}
.analytics-ui-card-view-icon-text-cell {
display: flex;
align-items: center;
gap: var(--gux-spacing-xs);
}
.analytics-ui-card-view-icon-text-cell .analytics-ui-card-view-icon-text-cell-text {
font-size: 11px;
}
.analytics-ui-card-view-icon-text-cell.is-disabled .analytics-ui-card-view-icon-text-cell-text,
.analytics-ui-card-view-icon-text-cell.is-disabled .analytics-ui-card-view-icon-text-cell-icon {
opacity: 0.6;
}
.analytics-ui-flex-iterator {
display: flex;
overflow: hidden;
width: 100%;
}
.analytics-ui-flex-iterator.flex-direction-column {
flex-direction: column;
}
.analytics-ui-flex-iterator.flex-direction-row {
flex-direction: row;
}
.analytics-ui-flex-iterator.align-items-stretch {
align-items: stretch;
}
.analytics-ui-flex-iterator.align-items-center {
align-items: center;
}
.analytics-ui-flex-iterator.align-items-start {
align-items: start;
}
.analytics-ui-flex-iterator.align-items-end {
align-items: end;
}
.analytics-ui-flex-iterator.justify-content-center {
justify-content: center;
}
.analytics-ui-flex-iterator.justify-content-start {
justify-content: start;
}
.analytics-ui-flex-iterator.justify-content-end {
justify-content: end;
}
.analytics-ui-flex-iterator.justify-content-space-between {
justify-content: space-between;
}
.analytics-ui-flex-iterator.justify-content-space-around {
justify-content: space-around;
}
.analytics-ui-flex-iterator.justify-content-space-evenly {
justify-content: space-evenly;
}
.analytics-ui-flex-iterator .flex-iterator-item {
flex: 1 1 auto;
overflow: hidden;
}
.analytics-ui-flex-iterator .flex-iterator-item.fixed-basis {
flex-basis: 0%;
}
.analytics-ui-flex-iterator .flex-iterator-item.flex-grow {
flex-grow: 1;
}
.analytics-ui-flex-iterator .flex-iterator-item.flex-not-grow {
flex-grow: 0;
}
.analytics-ui-flex-iterator .flex-iterator-item.flex-shrink {
flex-shrink: 1;
}
.analytics-ui-flex-iterator .flex-iterator-item.flex-not-shrink {
flex-shrink: 0;
}
.analytics-ui-kpi-value {
line-height: initial;
word-wrap: break-word;
overflow: hidden;
text-overflow: ellipsis;
color: var(--gux-blue-20);
font-size: 40px;
}
.analytics-ui-kpi-value.font-size-sm {
font-size: 14px;
}
.analytics-ui-kpi-value.font-size-md {
font-size: 16px;
}
.analytics-ui-kpi-value.font-size-lg {
font-size: 18px;
}
.analytics-ui-kpi-value.font-size-3xl {
font-size: 48px;
}
.analytics-ui-kpi-value.font-weight-regular {
font-weight: 400;
}
.analytics-ui-kpi-value.font-weight-semi-bold {
font-weight: 600;
}
.analytics-ui-kpi-value.font-weight-bold {
font-weight: 700;
}
.analytics-ui-kpi-value.text-accent-info {
color: var(--gux-blue-20);
}
.analytics-ui-kpi-value.text-accent-error {
color: var(--gux-alert-red-40);
}
.analytics-ui-text-label {
font-size: 14px;
line-height: initial;
word-wrap: break-word;
overflow: hidden;
text-overflow: ellipsis;
}
.analytics-ui-content-exploration-search-bar {
width: 100%;
padding: 8px;
z-index: 3;
}
.analytics-ui-content-exploration-search-bar .heading h4 {
margin-top: 0;
}
.analytics-ui-content-exploration-search-bar .filter-container {
display: flex;
gap: 8px;
}
.analytics-ui-content-exploration-search-bar .filter-container .filter-switcher-container {
display: flex;
flex-direction: column;
justify-content: center;
}
.analytics-ui-content-exploration-search-bar .filter-container .filter-switcher-container .filter-switcher {
display: flex;
gap: 4px;
}
.analytics-ui-content-exploration-search-bar .filter-container .multi-search-box {
flex-grow: 3;
}
.analytics-ui-kebab-menu {
display: flex;
}
.analytics-ui-kebab-menu .kebab-list-container {
width: 100%;
}
.analytics-ui-kebab-menu .kebab-list-container gux-icon {
color: var(--gux-grey-10);
}
.analytics-ui-kebab-menu .kebab-menu-button {
background-color: transparent;
border: 1px solid transparent;
display: flex;
align-items: center;
color: var(--gux-black-100);
}
.analytics-ui-kebab-menu .kebab-menu-button gux-icon {
width: 16px;
height: 16px;
}
.analytics-ui-kebab-menu .kebab-menu-button:focus {
border: 1px solid var(--gux-blue-60);
border-radius: 4px;
}
.analytics-ui-kebab-menu .kebab-menu-item-selected {
background-color: var(--gux-blue-100);
color: #FFF;
}
.analytics-ui-kebab-menu .loading-indicator {
width: 16px;
height: 16px;
margin-right: 8px;
vertical-align: middle;
}
.analytics-ui-percent-diff {
display: flex;
}
.analytics-ui-percent-diff.large-size {
font-size: 3em;
font-weight: 100;
}
.analytics-ui-percent-diff.large-size gux-icon {
height: 0.5em;
width: 0.5em;
}
.analytics-ui-percent-diff .percent-diff-icon.good-icon-disposition gux-icon {
color: var(--gux-alert-green-50);
}
.analytics-ui-percent-diff .percent-diff-icon.bad-icon-disposition gux-icon {
color: var(--gux-alert-red-60);
}
.analytics-ui-schedule-picker label {
font-family: Roboto, sans-serif;
font-weight: 700;
font-size: 12px;
}
.analytics-ui-schedule-picker .button-container {
display: flex;
gap: 2px;
margin-top: 8px;
}
.analytics-ui-schedule-picker .item {
display: flex;
align-items: center;
justify-content: center;
height: 22px;
width: 22px;
}
.analytics-ui-schedule-picker .item:focus {
outline: 3px solid var(--gux-blue-90);
border-radius: 4px;
}
.analytics-ui-schedule-picker .item:not(.selected) {
border: none;
padding: 0;
background: none;
}
.analytics-ui-schedule-picker .selected {
background-color: #2A60C8;
border-radius: 4px;
border: none;
color: #FDFDFD;
justify-content: center;
outline: none;
padding: 0;
}
.analytics-ui-time-series-chart {
width: 100%;
}
.analytics-ui-time-series-chart .analytics-ui-gux-visualization-wrapper {
display: block;
width: 100%;
}
.topic-column-tooltip .tooltip-label,
.topic-column-tooltip .participant-label {
font-weight: bold;
}
.favorite-toggle {
border: 0;
padding: 0;
background-color: transparent;
display: flex;
align-items: center;
}
.favorite-toggle .gux-rating {
color: #c7a90b;
height: 16px;
width: 16px;
}
.favorite-toggle:focus .gux-rating {
outline: auto;
outline-offset: 2px;
outline-color: #203B73;
}
.favorite-toggle:disabled .gux-rating {
opacity: 0.5;
}
.ember-engage-components-grid-size-picker button,
.ember-engage-components-grid-size-contents button {
background: none;
padding: 0;
margin: 0;
border: 0;
outline: 0;
cursor: pointer;
/** Positioning the grid occupied icon in the center of the button */
display: flex;
align-items: center;
justify-content: center;
}
.ember-engage-components-grid-size-picker .grid-size-dimension-label,
.ember-engage-components-grid-size-contents .grid-size-dimension-label {
margin-left: 5px;
}
.ember-engage-components-grid-size-picker .grid-occupied-cell-indicator,
.ember-engage-components-grid-size-contents .grid-occupied-cell-indicator {
color: #fff;
background-color: #fff;
border-radius: 50%;
}
.ember-engage-components-grid-size-contents {
display: flex;
flex-direction: column;
padding: 0.5em;
}
.ember-engage-components-grid-size-contents .grid-size-header {
flex: 0 1 auto;
text-transform: uppercase;
margin-bottom: 0.25em;
color: #39373b;
}
.ember-engage-components-grid-size-contents .grid-size-body {
flex: 1 0 auto;
display: grid;
grid-gap: 0.25em;
}
.ember-engage-components-grid-size-contents .grid-cell {
width: 2em;
height: 2em;
border-radius: 2px;
background-color: #ceccd0;
}
.ember-engage-components-grid-size-contents .grid-cell.is-hovered {
background-color: #9e9ea3;
}
.ember-engage-components-grid-size-contents .grid-cell.is-selected {
background-color: #39373b;
}
.ember-engage-components-grid-size-contents .grid-cell:focus {
outline: auto;
background-color: #9e9ea3;
}
.ember-engage-components-grid-size-contents.grid-rows-1 .grid-size-body {
grid-template-rows: repeat(1, 1fr);
}
.ember-engage-components-grid-size-contents .grid-size-body .grid-cell.grid-row-1 {
grid-row: 1;
}
.ember-engage-components-grid-size-contents .grid-size-body .grid-cell.grid-column-1 {
grid-column: 1;
}
.ember-engage-components-grid-size-contents.grid-rows-2 .grid-size-body {
grid-template-rows: repeat(2, 1fr);
}
.ember-engage-components-grid-size-contents .grid-size-body .grid-cell.grid-row-2 {
grid-row: 2;
}
.ember-engage-components-grid-size-contents .grid-size-body .grid-cell.grid-column-2 {
grid-column: 2;
}
.ember-engage-components-grid-size-contents.grid-rows-3 .grid-size-body {
grid-template-rows: repeat(3, 1fr);
}
.ember-engage-components-grid-size-contents .grid-size-body .grid-cell.grid-row-3 {
grid-row: 3;
}
.ember-engage-components-grid-size-contents .grid-size-body .grid-cell.grid-column-3 {
grid-column: 3;
}
.ember-engage-components-grid-size-contents.grid-rows-4 .grid-size-body {
grid-template-rows: repeat(4, 1fr);
}
.ember-engage-components-grid-size-contents .grid-size-body .grid-cell.grid-row-4 {
grid-row: 4;
}
.ember-engage-components-grid-size-contents .grid-size-body .grid-cell.grid-column-4 {
grid-column: 4;
}
.ember-engage-components-grid-size-contents.grid-rows-5 .grid-size-body {
grid-template-rows: repeat(5, 1fr);
}
.ember-engage-components-grid-size-contents .grid-size-body .grid-cell.grid-row-5 {
grid-row: 5;
}
.ember-engage-components-grid-size-contents .grid-size-body .grid-cell.grid-column-5 {
grid-column: 5;
}
.ember-engage-components-grid-size-contents.grid-rows-6 .grid-size-body {
grid-template-rows: repeat(6, 1fr);
}
.ember-engage-components-grid-size-contents .grid-size-body .grid-cell.grid-row-6 {
grid-row: 6;
}
.ember-engage-components-grid-size-contents .grid-size-body .grid-cell.grid-column-6 {
grid-column: 6;
}
.ember-engage-components-grid-size-contents.grid-rows-7 .grid-size-body {
grid-template-rows: repeat(7, 1fr);
}
.ember-engage-components-grid-size-contents .grid-size-body .grid-cell.grid-row-7 {
grid-row: 7;
}
.ember-engage-components-grid-size-contents .grid-size-body .grid-cell.grid-column-7 {
grid-column: 7;
}
.ember-engage-components-grid-size-contents.grid-rows-8 .grid-size-body {
grid-template-rows: repeat(8, 1fr);
}
.ember-engage-components-grid-size-contents .grid-size-body .grid-cell.grid-row-8 {
grid-row: 8;
}
.ember-engage-components-grid-size-contents .grid-size-body .grid-cell.grid-column-8 {
grid-column: 8;
}
.ember-engage-components-grid-size-contents.grid-rows-9 .grid-size-body {
grid-template-rows: repeat(9, 1fr);
}
.ember-engage-components-grid-size-contents .grid-size-body .grid-cell.grid-row-9 {
grid-row: 9;
}
.ember-engage-components-grid-size-contents .grid-size-body .grid-cell.grid-column-9 {
grid-column: 9;
}
.ember-engage-components-grid-size-contents.grid-rows-10 .grid-size-body {
grid-template-rows: repeat(10, 1fr);
}
.ember-engage-components-grid-size-contents .grid-size-body .grid-cell.grid-row-10 {
grid-row: 10;
}
.ember-engage-components-grid-size-contents .grid-size-body .grid-cell.grid-column-10 {
grid-column: 10;
}
.grid-size-picker-wrapper {
margin-right: 16px;
}
.grid-size-picker-wrapper .grid-size-toggle {
display: flex;
align-items: center;
}
.grid-size-picker-wrapper .grid-size-toggle:focus {
outline: auto;
outline-offset: 4px;
outline-color: var(--gux-blue-30);
}
.toggle-dashboard-public {
border: 0;
padding: 0;
background-color: transparent;
}
.toggle-dashboard-public:focus .gux-inspect {
outline: auto;
outline-offset: 2px;
outline-color: #203B73;
}
.toggle-dashboard-public:disabled {
pointer-events: none;
opacity: 0.5;
background-color: inherit;
cursor: not-allowed;
}
.analytics-ui-dashboard-detail-display {
display: flex;
flex-direction: column;
width: 100%;
height: 100%;
}
.analytics-ui-dashboard-detail-display .message-list,
.analytics-ui-dashboard-detail-display .analytics-ui-message-list,
.analytics-ui-dashboard-detail-display .message-item {
display: flex;
width: 100%;
justify-content: center;
}
.analytics-ui-dashboard-detail-display.flow-layout .message-list {
padding-top: var(--gux-spacing-large);
background-color: var(--gux-grey-90);
}
.analytics-ui-dashboard-widget-agent-interactions-modal-content .interactions-modal-header {
margin-bottom: var(--gux-spacing-medium);
}
.analytics-ui-dashboard-widget-agent-interactions-modal-content .interactions-modal-header .modal-title {
font-size: 24px;
line-height: 32px;
font-weight: 500;
}
.analytics-ui-dashboard-widget-agent-interactions-modal-content .status-container {
display: flex;
align-items: center;
line-height: 20px;
size: 12px;
gap: var(--gux-spacing-large);
margin-bottom: var(--gux-spacing-medium);
}
.analytics-ui-dashboard-widget-agent-interactions-modal-content .status-container .time-in-status {
font-weight: 700;
}
.analytics-ui-dashboard-widget-agent-interactions-modal-content .modal-divider {
border-top: 1px solid;
color: var(--gux-grey-60);
margin: 0;
}
.analytics-ui-dashboard-widget-agent-interactions-modal-content .interaction-list .interactions {
display: flex;
flex-direction: row;
margin: var(--gux-spacing-medium) 0;
align-items: center;
font-size: 12px;
line-height: 20px;
}
.analytics-ui-dashboard-widget-agent-interactions-modal-content .interaction-list .interactions .icon-wrapper,
.analytics-ui-dashboard-widget-agent-interactions-modal-content .interaction-list .interactions .media-icon {
display: flex;
}
.analytics-ui-dashboard-widget-agent-interactions-modal-content .interaction-list .interactions .activity-icon,
.analytics-ui-dashboard-widget-agent-interactions-modal-content .interaction-list .interactions .conversation-icon {
width: 10px;
height: 10px;
margin-right: 4px;
}
.analytics-ui-dashboard-widget-agent-interactions-modal-content .interaction-list .interactions .interaction-index {
margin-right: 16px;
font-weight: 700;
line-height: 18px;
}
.analytics-ui-dashboard-widget-agent-interactions-modal-content .interaction-list .interactions .time-duration {
display: flex;
align-items: center;
margin-right: 4px;
}
.analytics-ui-dashboard-widget-agent-interactions-modal-content .interaction-list .interactions .activity {
display: flex;
align-items: center;
}
.analytics-ui-dashboard-widget-agent-segments-modal-content .segments-modal-header {
margin-bottom: var(--gux-spacing-medium);
}
.analytics-ui-dashboard-widget-agent-segments-modal-content .segments-modal-header .modal-title {
font-size: 24px;
line-height: 32px;
font-weight: 500;
}
.analytics-ui-dashboard-widget-agent-segments-modal-content .segments-modal-header .modal-divider {
border-top: 1px solid;
color: var(--gux-grey-60);
margin: 0;
}
.analytics-ui-dashboard-widget-agent-segments-modal-content .analytics-ui-dashboard-widget-table .column-rowNumber {
width: 45px;
}
.analytics-ui-dashboard-widget-warning-modal-content .warning-modal-header {
display: flex;
flex-direction: row;
}
.analytics-ui-dashboard-widget-warning-modal-content .warning-modal-header .warning-modal-description {
flex-grow: 1;
}
.analytics-ui-dashboard-widget-warning-modal-content .warning-modal-header .warning-modal-description .warning-widget-title {
font-weight: 700;
}
.analytics-ui-dashboard-widget-warning-modal-content .warning-modal-header .warning-modal-description .warning-widget-format-type {
color: var(--gux-black-100);
}
.analytics-ui-dashboard-widget-warning-modal-content .warning-modal-header .add-warning {
flex-grow: 0;
}
.analytics-ui-dashboard-widget-warning-modal-content .warning-inputs {
display: flex;
flex-direction: row;
background-color: var(--gux-grey-90);
border-radius: 4px;
padding: 0 16px;
margin: 16px 0;
align-items: center;
gap: 12px;
}
.analytics-ui-dashboard-widget-warning-modal-content .warning-inputs > span {
white-space: nowrap;
}
.analytics-ui-dashboard-widget-warning-modal-content .warning-inputs .remove-warning,
.analytics-ui-dashboard-widget-warning-modal-content .warning-inputs .warning-range-type-input {
flex-shrink: 0;
}
.analytics-ui-dashboard-widget-warning-modal-content .warning-inputs .warning-value-input {
flex-grow: 1;
min-width: 5em;
}
.analytics-ui-dashboard-widget-warning-modal-content .analytics-ui-gux-dropdown-wrapper.warning-color-input {
min-width: 130px;
}
.analytics-ui-dashboard-card-widget {
background-color: var(--gux-grey-100);
border: 1px solid var(--gux-grey-60);
border-radius: var(--gux-spacing-2xs);
padding: var(--gux-spacing-medium);
}
.analytics-ui-dashboard-card-widget.dragging-widget {
background-color: var(--gux-blue-90);
}
.analytics-ui-dashboard-card-widget.dragging-widget .widget-body {
opacity: 0;
}
.analytics-ui-dashboard-card-widget.keyboard-moving-widget {
opacity: 0.5;
}
.analytics-ui-dashboard-card-widget .widget-title {
display: flex;
justify-content: space-between;
min-height: var(--gux-spacing-large);
color: var(--gux-black-50);
}
.analytics-ui-dashboard-card-widget .widget-title .widget-title-display {
display: flex;
gap: var(--gux-spacing-2xs);
overflow: hidden;
flex-grow: 1;
align-items: center;
}
.analytics-ui-dashboard-card-widget .widget-title .widget-title-display .icon-wrapper,
.analytics-ui-dashboard-card-widget .widget-title .widget-title-display gux-icon {
width: 14px;
height: 14px;
}
.analytics-ui-dashboard-card-widget .widget-title .widget-title-display .widget-title-text,
.analytics-ui-dashboard-card-widget .widget-title .widget-title-display .widget-subtitle-text {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
font-size: 14px;
line-height: var(--gux-spacing-large);
}
.analytics-ui-dashboard-card-widget .widget-title .widget-title-display .widget-title-text {
padding: 0;
margin-top: 0;
margin-bottom: 0;
margin-left: 0;
font-weight: 700;
}
.analytics-ui-dashboard-card-widget .widget-title .widget-title-display .widget-subtitle-text {
color: var(--gux-black-100);
font-size: 12px;
line-height: 20px;
}
.analytics-ui-dashboard-card-widget .widget-title .kebab-menu-button {
padding: 0px;
}
.analytics-ui-dashboard-card-widget .widget-title .widget-drag-handle {
cursor: grab;
display: none;
border: 0;
padding: 0;
background-color: transparent;
}
.analytics-ui-dashboard-card-widget .widget-title .widget-drag-handle:focus,
.analytics-ui-dashboard-card-widget .widget-title .widget-drag-handle:active {
outline: 3px solid var(--gux-blue-90);
outline-offset: -3px;
border-radius: 4px;
}
.analytics-ui-dashboard-card-widget .widget-title .widget-drag-handle.widget-drag-handle-shown {
display: flex;
align-items: center;
}
.analytics-ui-dashboard-card-widget .widget-body {
height: 100%;
width: 100%;
display: flex;
flex-direction: column;
flex-grow: 1;
overflow: hidden;
}
.analytics-ui-dashboard-card-widget .widget-body .widget-content {
width: 100%;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
}
.analytics-ui-dashboard-card-widget .widget-body .widget-content .agent-hovercard {
margin-top: var(--gux-spacing-medium);
}
.analytics-ui-dashboard-card-widget .widget-body .widget-content > * {
max-height: 100%;
}
.analytics-ui-dashboard-card-widget .widget-body .widget-page-controls {
display: flex;
justify-content: end;
flex-direction: column;
flex-grow: 1;
}
.analytics-ui-dashboard-card-widget .analytics-ui-gux-blank-state-wrapper {
width: 100%;
padding: var(--gux-spacing-xs);
}
.analytics-ui-dashboard-card-widget .analytics-ui-gux-blank-state-wrapper gux-icon[slot="image"] {
color: var(--gux-blue-80);
}
.analytics-ui-dashboard-card-widget.widget-type-WEB_CONTENT_URL .widget-body .widget-content {
height: 100%;
}
.analytics-ui-card-widget-footer {
display: flex;
flex-direction: column;
align-items: flex-start;
width: 100%;
}
.analytics-ui-card-widget-footer .widget-footer-entry {
display: flex;
margin-top: var(--gux-spacing-xs);
margin-bottom: 0;
padding-left: 12px;
padding-right: 12px;
gap: var(--gux-spacing-xs);
align-items: center;
}
.analytics-ui-card-widget-footer .widget-footer-entry .widget-footer-label {
color: var(--gux-black-50);
font-size: 11px;
line-height: 16px;
}
.analytics-ui-card-widget-footer .widget-footer-entry .widget-footer-value {
color: var(--gux-blue-50);
font-weight: 700;
font-size: 18px;
line-height: 24px;
}
.analytics-ui-flow-dashboard-widget-single-value {
flex-grow: 1;
display: flex;
flex-direction: column;
width: 100%;
line-height: normal;
font-size: 48px;
container-type: inline-size;
}
.analytics-ui-flow-dashboard-widget-single-value .value-display {
color: var(--gux-blue-50);
font-weight: 500;
align-self: center;
margin: var(--gux-spacing-xl) 0;
}
@container (width < 325px) {
.analytics-ui-flow-dashboard-widget-single-value.text-length-medium .value-display {
font-size: 48px;
}
.analytics-ui-flow-dashboard-widget-single-value.text-length-large .value-display {
font-size: 44px;
}
}
@container (width < 300px) {
.analytics-ui-flow-dashboard-widget-single-value.text-length-medium .value-display {
font-size: 48px;
}
.analytics-ui-flow-dashboard-widget-single-value.text-length-large .value-display {
font-size: 40px;
}
}
@container (width < 275px) {
.analytics-ui-flow-dashboard-widget-single-value.text-length-medium .value-display {
font-size: 44px;
}
.analytics-ui-flow-dashboard-widget-single-value.text-length-large .value-display {
font-size: 36px;
}
}
@container (width < 250px) {
.analytics-ui-flow-dashboard-widget-single-value.text-length-medium .value-display {
font-size: 42px;
}
.analytics-ui-flow-dashboard-widget-single-value.text-length-large .value-display {
font-size: 32px;
}
}
@container (width < 225px) {
.analytics-ui-flow-dashboard-widget-single-value.text-length-medium .value-display {
font-size: 40px;
}
.analytics-ui-flow-dashboard-widget-single-value.text-length-large .value-display {
font-size: 28px;
}
}
@container (width < 200px) {
.analytics-ui-flow-dashboard-widget-single-value.text-length-medium .value-display {
font-size: 38px;
}
.analytics-ui-flow-dashboard-widget-single-value.text-length-large .value-display {
font-size: 24px;
}
}
@container (width < 175px) {
.analytics-ui-flow-dashboard-widget-single-value.text-length-medium .value-display {
font-size: 36px;
}
.analytics-ui-flow-dashboard-widget-single-value.text-length-large .value-display {
font-size: 20px;
}
}
.analytics-ui-dashboard-widget {
color: white;
background-color: #2B2628;
height: 100%;
}
.analytics-ui-dashboard-widget .widget-title {
background-color: #353032;
padding: 10px 15px;
display: flex;
justify-content: space-between;
}
.analytics-ui-dashboard-widget .widget-title > * {
display: flex;
}
.analytics-ui-dashboard-widget .widget-title > * h2,
.analytics-ui-dashboard-widget .widget-title > * gux-icon:not(.kebab-menu-button) {
margin-right: 8px;
}
.analytics-ui-dashboard-widget .widget-title .widget-title-display {
overflow: hidden;
flex-grow: 1;
align-items: baseline;
}
.analytics-ui-dashboard-widget .widget-title h2 {
padding: 0;
margin-top: 0;
margin-bottom: 0;
margin-left: 0;
font-size: 1.5em;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.analytics-ui-dashboard-widget .widget-title.hidden {
display: none;
}
.analytics-ui-dashboard-widget .widget-body {
height: 100%;
display: flex;
flex-direction: column;
flex-grow: 1;
overflow: hidden;
}
.analytics-ui-dashboard-widget .widget-body .widget-content {
display: flex;
align-items: center;
justify-content: center;
flex: 0 1 100%;
flex-wrap: wrap;
flex-direction: column;
}
.analytics-ui-dashboard-widget .widget-body .widget-content.table-widget {
align-items: start;
}
.analytics-ui-dashboard-widget.sidebar-widget {
height: 100%;
overflow: hidden;
}
.analytics-ui-dashboard-widget .widget-edit-button,
.analytics-ui-dashboard-widget .widget-copy-button {
font-size: 1.5em;
color: #3f73d7;
}
.analytics-ui-dashboard-widget .analytics-ui-kebab-menu .kebab-menu-icon {
color: #3f73d7;
font-size: 1.5em;
}
.analytics-ui-dashboard-widget .agent-hovercard {
padding-top: 16px;
}
.analytics-ui-dashboard-widget .agent-hovercard .name-header {
color: var(--gux-black-30);
}
.analytics-ui-dashboard-widget .analytics-ui-gux-blank-state-wrapper {
width: 100%;
padding: 8px;
}
.analytics-ui-dashboard-widget .analytics-ui-gux-blank-state-wrapper gux-icon[slot="image"] {
color: var(--gux-blue-80);
}
.analytics-ui-dashboard-widget .analytics-ui-gux-blank-state-wrapper div[slot="primary-message"],
.analytics-ui-dashboard-widget .analytics-ui-gux-blank-state-wrapper div[slot="additional-guidance"] {
color: white;
}
.analytics-ui-dashboard-widget-free-text {
width: 100%;
align-self: stretch;
padding: 10px;
}
.analytics-ui-dashboard-widget-free-text h4 {
font-size: 1em;
margin-top: 0;
margin-bottom: 5px;
}
.analytics-ui-dashboard-widget-free-text h4 {
font-size: 1em;
margin-top: 0;
margin-bottom: 5px;
}
.analytics-ui-dashboard-widget-free-text .free-text-edit {
display: flex;
flex-direction: column;
height: 100%;
}
.analytics-ui-dashboard-widget-free-text .free-text-edit .free-text-color {
flex-grow: 0;
}
.analytics-ui-dashboard-widget-free-text .free-text-edit .free-text-entry {
flex-grow: 1;
display: flex;
flex-direction: column;
padding-top: 5px;
}
.analytics-ui-dashboard-widget-free-text .free-text-edit .free-text-entry .free-text-input {
width: 100%;
min-width: 100%;
max-width: 100%;
min-height: 24px;
flex-grow: 1;
color: black;
}
.analytics-ui-dashboard-widget-free-text .free-text-display {
font-size: 2.3vw;
word-break: break-word;
text-overflow: ellipsis;
white-space: pre-line;
line-height: normal;
}
.analytics-ui-dashboard-widget-grid-display {
width: 100%;
}
.analytics-ui-dashboard-widget-grid-display * {
line-height: initial;
}
.analytics-ui-dashboard-widget-grid-display gux-icon {
width: 16px;
height: 16px;
}
.analytics-ui-dashboard-widget-grid-display .grid-container {
padding: 8px;
display: grid;
grid-gap: 8px;
}
.analytics-ui-dashboard-widget-grid-display .grid-container.grid-data-columns-0 {
grid-template-columns: minmax(3em, min-content) repeat(1, minmax(min-content, auto));
}
.analytics-ui-dashboard-widget-grid-display .grid-container.grid-data-columns-1 {
grid-template-columns: minmax(3em, min-content) repeat(2, minmax(min-content, auto));
}
.analytics-ui-dashboard-widget-grid-display .grid-container.grid-data-columns-2 {
grid-template-columns: minmax(3em, min-content) repeat(3, minmax(min-content, auto));
}
.analytics-ui-dashboard-widget-grid-display .grid-container.grid-data-columns-3 {
grid-template-columns: minmax(3em, min-content) repeat(4, minmax(min-content, auto));
}
.analytics-ui-dashboard-widget-grid-display .grid-container.grid-data-columns-4 {
grid-template-columns: minmax(3em, min-content) repeat(5, minmax(min-content, auto));
}
.analytics-ui-dashboard-widget-grid-display .grid-container.grid-data-columns-5 {
grid-template-columns: minmax(3em, min-content) repeat(6, minmax(min-content, auto));
}
.analytics-ui-dashboard-widget-grid-display .grid-container.grid-data-columns-6 {
grid-template-columns: minmax(3em, min-content) repeat(7, minmax(min-content, auto));
}
.analytics-ui-dashboard-widget-grid-display .grid-container.grid-data-columns-7 {
grid-template-columns: minmax(3em, min-content) repeat(8, minmax(min-content, auto));
}
.analytics-ui-dashboard-widget-grid-display .grid-container.grid-data-columns-8 {
grid-template-columns: minmax(3em, min-content) repeat(9, minmax(min-content, auto));
}
.analytics-ui-dashboard-widget-grid-display .grid-container.grid-data-columns-9 {
grid-template-columns: minmax(3em, min-content) repeat(10, minmax(min-content, auto));
}
.analytics-ui-dashboard-widget-grid-display .grid-container.grid-data-columns-10 {
grid-template-columns: minmax(3em, min-content) repeat(11, minmax(min-content, auto));
}
.analytics-ui-dashboard-widget-grid-display.flow-layout-widget-grid-display .grid-container {
padding-top: 28px;
padding-bottom: 0px;
padding-left: 12px;
padding-right: 12px;
}
.analytics-ui-dashboard-widget-grid-display.flow-layout-widget-grid-display .data-cell,
.analytics-ui-dashboard-widget-grid-display.flow-layout-widget-grid-display .aggregate-cell {
container-type: inline-size;
}
.analytics-ui-dashboard-widget-grid-display.flow-layout-widget-grid-display .data-cell,
.analytics-ui-dashboard-widget-grid-display.flow-layout-widget-grid-display .aggregate-cell,
.analytics-ui-dashboard-widget-grid-display.flow-layout-widget-grid-display .data-cell *,
.analytics-ui-dashboard-widget-grid-display.flow-layout-widget-grid-display .aggregate-cell * {
font-size: 18px;
line-height: normal;
color: var(--gux-blue-50);
font-weight: 700;
}
.analytics-ui-dashboard-widget-grid-display.flow-layout-widget-grid-display .data-cell a,
.analytics-ui-dashboard-widget-grid-display.flow-layout-widget-grid-display .aggregate-cell a {
text-decoration: underline;
}
@container (width < 125px) {
.analytics-ui-dashboard-widget-grid-display.flow-layout-widget-grid-display .data-cell .cell-display-text,
.analytics-ui-dashboard-widget-grid-display.flow-layout-widget-grid-display .aggregate-cell .cell-display-text {
font-size: 18px;
}
.analytics-ui-dashboard-widget-grid-display.flow-layout-widget-grid-display .data-cell.text-length-medium .cell-display-text,
.analytics-ui-dashboard-widget-grid-display.flow-layout-widget-grid-display .aggregate-cell.text-length-medium .cell-display-text {
font-size: 18px;
}
.analytics-ui-dashboard-widget-grid-display.flow-layout-widget-grid-display .data-cell.text-length-large .cell-display-text,
.analytics-ui-dashboard-widget-grid-display.flow-layout-widget-grid-display .aggregate-cell.text-length-large .cell-display-text {
font-size: 16px;
}
}
@container (width < 100px) {
.analytics-ui-dashboard-widget-grid-display.flow-layout-widget-grid-display .data-cell .cell-display-text,
.analytics-ui-dashboard-widget-grid-display.flow-layout-widget-grid-display .aggregate-cell .cell-display-text {
font-size: 18px;
}
.analytics-ui-dashboard-widget-grid-display.flow-layout-widget-grid-display .data-cell.text-length-medium .cell-display-text,
.analytics-ui-dashboard-widget-grid-display.flow-layout-widget-grid-display .aggregate-cell.text-length-medium .cell-display-text {
font-size: 18px;
}
.analytics-ui-dashboard-widget-grid-display.flow-layout-widget-grid-display .data-cell.text-length-large .cell-display-text,
.analytics-ui-dashboard-widget-grid-display.flow-layout-widget-grid-display .aggregate-cell.text-length-large .cell-display-text {
font-size: 14px;
}
}
@container (width < 75px) {
.analytics-ui-dashboard-widget-grid-display.flow-layout-widget-grid-display .data-cell .cell-display-text,
.analytics-ui-dashboard-widget-grid-display.flow-layout-widget-grid-display .aggregate-cell .cell-display-text {
font-size: 18px;
}
.analytics-ui-dashboard-widget-grid-display.flow-layout-widget-grid-display .data-cell.text-length-medium .cell-display-text,
.analytics-ui-dashboard-widget-grid-display.flow-layout-widget-grid-display .aggregate-cell.text-length-medium .cell-display-text {
font-size: 14px;
}
.analytics-ui-dashboard-widget-grid-display.flow-layout-widget-grid-display .data-cell.text-length-large .cell-display-text,
.analytics-ui-dashboard-widget-grid-display.flow-layout-widget-grid-display .aggregate-cell.text-length-large .cell-display-text {
font-size: 12px;
}
}
@container (width < 50px) {
.analytics-ui-dashboard-widget-grid-display.flow-layout-widget-grid-display .data-cell .cell-display-text,
.analytics-ui-dashboard-widget-grid-display.flow-layout-widget-grid-display .aggregate-cell .cell-display-text {
font-size: 16px;
}
.analytics-ui-dashboard-widget-grid-display.flow-layout-widget-grid-display .data-cell.text-length-medium .cell-display-text,
.analytics-ui-dashboard-widget-grid-display.flow-layout-widget-grid-display .aggregate-cell.text-length-medium .cell-display-text {
font-size: 11px;
}
.analytics-ui-dashboard-widget-grid-display.flow-layout-widget-grid-display .data-cell.text-length-large .cell-display-text,
.analytics-ui-dashboard-widget-grid-display.flow-layout-widget-grid-display .aggregate-cell.text-length-large .cell-display-text {
font-size: 11px;
}
}
.analytics-ui-dashboard-widget-grid-display.flow-layout-widget-grid-display .difference-cell,
.analytics-ui-dashboard-widget-grid-display.flow-layout-widget-grid-display .column-label-difference-cell {
justify-content: flex-end;
}
.analytics-ui-dashboard-widget-grid-display.flow-layout-widget-grid-display .row-label {
display: flex;
align-items: center;
gap: var(--gux-spacing-xs);
}
.analytics-ui-dashboard-widget-grid-display.flow-layout-widget-grid-display .row-label,
.analytics-ui-dashboard-widget-grid-display.flow-layout-widget-grid-display .row-label .row-label-text,
.analytics-ui-dashboard-widget-grid-display.flow-layout-widget-grid-display .column-label-text {
font-size: 11px;
line-height: 16px;
color: var(--gux-black-50);
}
.analytics-ui-dashboard-widget-grid-display.flow-layout-widget-grid-display .aggregate-divider {
border-color: var(--gux-grey-60);
grid-column-start: 2;
}
.analytics-ui-dashboard-widget-grid-display.flow-layout-widget-table-display .grid-container {
padding-bottom: 40px;
}
.analytics-ui-dashboard-widget-grid-display.flow-layout-widget-table-display .grid-container.grid-data-columns-0 {
grid-template-columns: minmax(3em, min-content) repeat(1, minmax(3em, auto));
}
.analytics-ui-dashboard-widget-grid-display.flow-layout-widget-table-display .grid-container.grid-data-columns-1 {
grid-template-columns: minmax(3em, min-content) repeat(2, minmax(3em, auto));
}
.analytics-ui-dashboard-widget-grid-display.flow-layout-widget-table-display .grid-container.grid-data-columns-2 {
grid-template-columns: minmax(3em, min-content) repeat(3, minmax(3em, auto));
}
.analytics-ui-dashboard-widget-grid-display.flow-layout-widget-table-display .grid-container.grid-data-columns-3 {
grid-template-columns: minmax(3em, min-content) repeat(4, minmax(3em, auto));
}
.analytics-ui-dashboard-widget-grid-display.flow-layout-widget-table-display .grid-container.grid-data-columns-4 {
grid-template-columns: minmax(3em, min-content) repeat(5, minmax(3em, auto));
}
.analytics-ui-dashboard-widget-grid-display.flow-layout-widget-table-display .grid-container.grid-data-columns-5 {
grid-template-columns: minmax(3em, min-content) repeat(6, minmax(3em, auto));
}
.analytics-ui-dashboard-widget-grid-display.flow-layout-widget-table-display .grid-container.grid-data-columns-6 {
grid-template-columns: minmax(3em, min-content) repeat(7, minmax(3em, auto));
}
.analytics-ui-dashboard-widget-grid-display.flow-layout-widget-table-display .grid-container.grid-data-columns-7 {
grid-template-columns: minmax(3em, min-content) repeat(8, minmax(3em, auto));
}
.analytics-ui-dashboard-widget-grid-display.flow-layout-widget-table-display .grid-container.grid-data-columns-8 {
grid-template-columns: minmax(3em, min-content) repeat(9, minmax(3em, auto));
}
.analytics-ui-dashboard-widget-grid-display.flow-layout-widget-table-display .grid-container.grid-data-columns-9 {
grid-template-columns: minmax(3em, min-content) repeat(10, minmax(3em, auto));
}
.analytics-ui-dashboard-widget-grid-display.flow-layout-widget-table-display .grid-container.grid-data-columns-10 {
grid-template-columns: minmax(3em, min-content) repeat(11, minmax(3em, auto));
}
.analytics-ui-dashboard-widget-grid-display.flow-layout-widget-table-display .grid-container .data-cell:not(.difference-cell) {
display: flex;
justify-content: flex-end;
}
.analytics-ui-dashboard-widget-grid-display.flow-layout-widget-table-display .grid-container .data-cell:not(.difference-cell) > * {
max-width: 100%;
}
.analytics-ui-dashboard-widget-grid-display.flow-layout-widget-table-display .grid-container .row-label {
align-self: flex-start;
}
.analytics-ui-dashboard-widget-grid-display.flow-layout-widget-table-display .grid-container .row-label .row-label-text {
line-height: 24px;
}
.analytics-ui-dashboard-widget-grid-display .data-cell,
.analytics-ui-dashboard-widget-grid-display .aggregate-cell {
font-size: 2rem;
text-align: right;
color: var(--gux-blue-70);
overflow: hidden;
}
.analytics-ui-dashboard-widget-grid-display .row-label {
align-self: center;
overflow: hidden;
}
.analytics-ui-dashboard-widget-grid-display .row-label .row-label-text {
overflow: hidden;
text-align: right;
text-overflow: ellipsis;
white-space: nowrap;
}
.analytics-ui-dashboard-widget-grid-display .row-label .row-label-text a {
color: inherit;
text-decoration: underline;
}
.analytics-ui-dashboard-widget-grid-display .column-label-text {
text-align: right;
}
.analytics-ui-dashboard-widget-grid-display .difference-cell,
.analytics-ui-dashboard-widget-grid-display .column-label-difference-cell {
display: flex;
align-items: center;
}
.analytics-ui-dashboard-widget-grid-display .aggregate-divider {
margin: 0;
border-top: 1px solid var(--gux-blue-70);
grid-column-start: 1;
grid-column-end: -1;
}
.analytics-ui-dashboard-widget-agent-list-summary {
font-size: 3em;
padding: 0 10px;
}
.analytics-ui-dashboard-widget-agent-list-summary .agent-item-label {
font-size: 0.5em;
}
.analytics-ui-dashboard-widget-agent-list-summary gux-icon {
font-size: 50%;
}
.analytics-ui-dashboard-widget-agent-list-summary gux-icon.AVAILABLE_AGENTS {
color: #77dd22;
}
.analytics-ui-dashboard-widget-agent-list-summary gux-icon.AWAY_AGENTS,
.analytics-ui-dashboard-widget-agent-list-summary gux-icon.BREAK_AGENTS,
.analytics-ui-dashboard-widget-agent-list-summary gux-icon.MEAL_AGENTS,
.analytics-ui-dashboard-widget-agent-list-summary gux-icon.TRAINING_AGENTS {
color: #ffbb33;
}
.analytics-ui-dashboard-widget-agent-list-summary gux-icon.BUSY_AGENTS,
.analytics-ui-dashboard-widget-agent-list-summary gux-icon.MEETING_AGENTS {
color: #ff0000;
}
.analytics-ui-dashboard-widget-agent-list-summary gux-icon.COMMUNICATING_AGENTS,
.analytics-ui-dashboard-widget-agent-list-summary gux-icon.IDLE_AGENTS,
.analytics-ui-dashboard-widget-agent-list-summary gux-icon.INTERACTING_AGENTS,
.analytics-ui-dashboard-widget-agent-list-summary gux-icon.NOT_RESPONDING_AGENTS {
color: #52cef8;
}
.analytics-ui-dashboard-widget-agent-list-summary gux-icon.OFFLINE_AGENTS {
color: #666666;
}
.analytics-ui-dashboard-widget-agent-list-summary gux-icon.OFF_QUEUE_AGENTS,
.analytics-ui-dashboard-widget-agent-list-summary gux-icon.ONLINE_AGENTS,
.analytics-ui-dashboard-widget-agent-list-summary gux-icon.ON_QUEUE_AGENTS {
color: #2B2628;
}
.analytics-ui-dashboard-widget-agent-list-summary gux-icon.item-icon {
vertical-align: middle;
}
.analytics-ui-dashboard-widget-agent-list-summary .agent-list-summary {
margin: 5px;
}
.analytics-ui-dashboard-widget-agent-list-summary .agent-list-summary.disabled {
cursor: default;
}
.analytics-ui-dashboard-widget-agent-list-summary .agent-list-summary.disabled .agent-item-label,
.analytics-ui-dashboard-widget-agent-list-summary .agent-list-summary.disabled .agent-item-value {
color: #9e9ea3;
}
.analytics-ui-dashboard-widget-agent-list-summary .agent-list-summary.selectable-status {
display: inline-block;
overflow: visible;
position: relative;
cursor: pointer;
}
.analytics-ui-dashboard-widget-agent-list-summary .agent-list-summary.selectable-status:before {
content: '';
display: block;
width: calc(100%);
height: 5px;
position: absolute;
bottom: 0;
opacity: 0;
left: 0;
background-color: #FFF;
}
.analytics-ui-dashboard-widget-agent-list-summary .agent-list-summary.selectable-status:after {
content: '';
display: block;
width: 0px;
height: 0px;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-top: 5px solid;
position: absolute;
bottom: -5px;
left: calc(50% - 3px);
opacity: 0;
}
.analytics-ui-dashboard-widget-agent-list-summary .agent-list-summary.selectable-status:hover:before,
.analytics-ui-dashboard-widget-agent-list-summary .agent-list-summary.selectable-status:hover:after {
opacity: 0.5;
}
.analytics-ui-dashboard-widget-agent-list-summary .agent-list-summary.selectable-status.selected:before,
.analytics-ui-dashboard-widget-agent-list-summary .agent-list-summary.selectable-status.selected:after,
.analytics-ui-dashboard-widget-agent-list-summary .agent-list-summary.selectable-status.selected:hover:before,
.analytics-ui-dashboard-widget-agent-list-summary .agent-list-summary.selectable-status.selected:hover:after {
opacity: 1;
}
.analytics-ui-dashboard-widget-agent-list-summary-v2 {
font-size: 12px;
line-height: 16px;
margin-bottom: 15px;
display: flex;
flex-wrap: wrap;
gap: 4px;
}
.analytics-ui-dashboard-widget-agent-list-summary-v2 .agent-list-summary {
padding: 2px 8px;
background-color: #77dd22;
border-radius: 4px;
display: inline-block;
}
.analytics-ui-dashboard-widget-agent-list-summary-v2 .agent-list-summary .agent-item-value {
font-weight: 700;
}
.analytics-ui-dashboard-widget-agent-list-summary-v2 .agent-list-summary.AVAILABLE_AGENTS {
color: #3c6f11;
background-color: #c9f1a7;
}
.analytics-ui-dashboard-widget-agent-list-summary-v2 .agent-list-summary.AWAY_AGENTS,
.analytics-ui-dashboard-widget-agent-list-summary-v2 .agent-list-summary.BREAK_AGENTS,
.analytics-ui-dashboard-widget-agent-list-summary-v2 .agent-list-summary.MEAL_AGENTS,
.analytics-ui-dashboard-widget-agent-list-summary-v2 .agent-list-summary.TRAINING_AGENTS {
color: #664400;
background-color: #ffeecc;
}
.analytics-ui-dashboard-widget-agent-list-summary-v2 .agent-list-summary.BUSY_AGENTS,
.analytics-ui-dashboard-widget-agent-list-summary-v2 .agent-list-summary.MEETING_AGENTS {
color: #800000;
background-color: #ff9999;
}
.analytics-ui-dashboard-widget-agent-list-summary-v2 .agent-list-summary.COMMUNICATING_AGENTS,
.analytics-ui-dashboard-widget-agent-list-summary-v2 .agent-list-summary.IDLE_AGENTS,
.analytics-ui-dashboard-widget-agent-list-summary-v2 .agent-list-summary.INTERACTING_AGENTS,
.analytics-ui-dashboard-widget-agent-list-summary-v2 .agent-list-summary.NOT_RESPONDING_AGENTS,
.analytics-ui-dashboard-widget-agent-list-summary-v2 .agent-list-summary.ON_QUEUE_AGENTS {
color: #044961;
background-color: #e5f8fe;
}
.analytics-ui-dashboard-widget-agent-list-summary-v2 .agent-list-summary.OFFLINE_AGENTS {
color: #262626;
background-color: #b3b3b3;
}
.analytics-ui-dashboard-widget-agent-list-summary-v2 .agent-list-summary.OFF_QUEUE_AGENTS,
.analytics-ui-dashboard-widget-agent-list-summary-v2 .agent-list-summary.ONLINE_AGENTS {
color: #262626;
background-color: #b3b3b3;
}
.agent-list-row-filter .filter-options {
border: none;
padding: 0;
}
.analytics-ui-dashboard-widget-agent-list-display {
height: 100%;
width: 100%;
display: flex;
flex-direction: column;
}
.analytics-ui-dashboard-widget-agent-list-display .analytics-ui-dashboard-widget-table {
height: 100%;
}
.analytics-ui-dashboard-widget-agent-list-display .analytics-ui-dashboard-widget-table .agent-activity-duration .duration {
gap: 4px;
}
.analytics-ui-dashboard-widget-agent-list-display .analytics-ui-dashboard-widget-table .agent-activity-duration .duration .media-icon {
display: flex;
flex-direction: column;
justify-content: center;
}
.analytics-ui-dashboard-widget-agent-list-display .analytics-ui-dashboard-widget-table .agent-activity-duration .duration .media-icon gux-icon {
width: 12px;
height: 12px;
}
.analytics-ui-dashboard-widget-agent-list-display .analytics-ui-dashboard-widget-table .agent-activity-duration .duration .time-duration {
font-size: 12px;
}
.analytics-ui-dashboard-widget-agent-list-display .analytics-ui-dashboard-widget-table .agent-activity-duration .overflow-container .overflow {
font-size: 12px;
}
.analytics-ui-dashboard-widget-agent-list-display .entity-v3-hover-card {
color: #222529 !important;
}
.analytics-ui-dashboard-widget-agent-list-display .entity-v3-hover-card .disassociate-button,
.analytics-ui-dashboard-widget-agent-list-display .entity-v3-hover-card .logoff-button,
.analytics-ui-dashboard-widget-agent-list-display .entity-v3-hover-card .info-actions > a {
color: #2A60C8 !important;
}
.analytics-ui-dashboard-widget-agent-list-display .analytics-ui-dashboard-widget-agent-list-summary {
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
padding: 10px 0;
}
.analytics-ui-dashboard-widget-agent-list-display .analytics-ui-dashboard-widget-agent-list-summary .agent-list-summary {
padding: 0 10px;
}
.analytics-ui-dashboard-widget-agent-list-display .analytics-ui-dashboard-widget-table {
overflow: hidden;
}
.analytics-ui-dashboard-widget-agent-list-display .analytics-ui-dashboard-widget-table .data-table {
overflow-y: auto;
}
.analytics-ui-dashboard-widget-agent-list-display .analytics-ui-dashboard-widget-table .data-table .scrollable-section::-webkit-scrollbar {
display: none;
}
.analytics-ui-dashboard-widget-agent-list-display .analytics-ui-dashboard-widget-table > .data-table.l-scroll-table,
.analytics-ui-dashboard-widget-agent-list-display .analytics-ui-dashboard-widget-table .analytics-ui-gux-table {
height: 100%;
}
.analytics-ui-dashboard-widget-agent-list-display .analytics-ui-dashboard-widget-table .analytics-ui-gux-table {
position: relative;
}
.analytics-ui-dashboard-widget-agent-list-display .analytics-ui-dashboard-widget-table .analytics-ui-gux-table table {
table-layout: fixed;
}
.analytics-ui-dashboard-widget-agent-list-display .agent-list-pagination {
padding: 5px;
width: 100%;
}
.analytics-ui-dashboard-widget-agent-list-display.agent-list-display-grid-layout .agent-list-pagination {
background-color: var(--gux-grey-90);
}
.analytics-ui-dashboard-widget-agent-list-display.agent-list-display-grid-layout .NOT_RESPONDING {
color: var(--gux-alert-red-60);
}
.analytics-ui-dashboard-widget-agent-list-display.agent-list-display-grid-layout .analytics-ui-dashboard-widget-table {
position: relative;
}
.analytics-ui-dashboard-widget-agent-list-display.agent-list-display-grid-layout .analytics-ui-dashboard-widget-table table {
table-layout: auto;
}
.analytics-ui-dashboard-widget-agent-list-display .hyperlink-cell a {
text-decoration: underline;
}
.analytics-ui-dashboard-widget-single-value {
flex-grow: 1;
display: flex;
flex-direction: column;
}
.analytics-ui-dashboard-widget-single-value,
.analytics-ui-dashboard-widget-single-value svg {
width: 100%;
}
.analytics-ui-dashboard-widget-single-value .svg-wrapper {
display: flex;
align-items: center;
height: 100%;
}
.analytics-ui-dashboard-widget-table {
width: 100%;
height: 100%;
display: flex;
flex-direction: column;
justify-content: space-between;
}
.analytics-ui-dashboard-widget-table .data-table .dt-horiz-scrollable .dt-section.dt-section-body > .dt-row:nth-child(2n+1):not(:only-child) {
background-color: transparent;
}
.analytics-ui-dashboard-widget-table > .data-table.l-scroll-table {
background-color: transparent;
border-top: 2px solid #5A5758;
height: 410px;
}
.analytics-ui-dashboard-widget-table > .data-table.l-scroll-table .dt-section-head,
.analytics-ui-dashboard-widget-table > .data-table.l-scroll-table .header-row {
z-index: unset;
}
.analytics-ui-dashboard-widget-table > .data-table.l-scroll-table .dt-section.dt-section-body > .dt-row > .dt-cell {
font-size: 1em;
padding-right: 5px;
}
.analytics-ui-dashboard-widget-table > .data-table.l-scroll-table .dt-section.dt-section-body > .dt-row > .dt-cell.blue-cell {
background-color: transparent;
}
.analytics-ui-dashboard-widget-table > .data-table.l-scroll-table .dt-row {
padding-left: 10px;
padding-right: 10px;
border-bottom: 1px solid #5A5758;
background-color: transparent;
}
.analytics-ui-dashboard-widget-table > .data-table.l-scroll-table .header-row {
background-color: #353032;
border-bottom-color: #2A60C8;
}
.analytics-ui-dashboard-widget-table > .data-table.l-scroll-table .header-row .agentPresence {
max-width: 20px;
width: 20px;
min-width: 20px;
}
.analytics-ui-dashboard-widget-table > .data-table.l-scroll-table .header-row .dt-cell {
font-size: 1em;
color: #fff;
}
.analytics-ui-dashboard-widget-table > .data-table.l-scroll-table .dt-cell {
border-top: 0;
border-bottom: 0;
color: white;
}
.analytics-ui-dashboard-widget-table > .data-table.l-scroll-table .dt-cell a {
color: white;
text-decoration: underline;
}
.analytics-ui-dashboard-widget-table > .data-table.l-scroll-table .dt-cell .label-container {
padding: 0px;
}
.analytics-ui-dashboard-widget-table > .data-table.l-scroll-table .dt-cell.agentPresence {
max-width: 20px;
width: 20px;
min-width: 20px;
}
.analytics-ui-dashboard-widget-table > .data-table.l-scroll-table .dt-cell.agentPresence .presence-offline {
color: #666666;
}
.analytics-ui-dashboard-widget-table > .data-table.l-scroll-table .dt-cell-value {
padding: 0px;
}
.analytics-ui-dashboard-widget-table > .data-table.l-scroll-table .dt-cell-value .svg-icon {
vertical-align: middle;
}
.analytics-ui-dashboard-widget-table > .data-table.l-scroll-table .dt-cell-value .expandable-string-list .item-string {
cursor: default;
color: white;
}
.analytics-ui-dashboard-widget-table > .data-table.l-scroll-table .dt-section-footer {
display: none;
}
.analytics-ui-dashboard-widget-table > .data-table.l-scroll-table .dt-cell.mediaType,
.analytics-ui-dashboard-widget-table > .data-table.l-scroll-table .dt-drag-container.mediaType {
padding-right: 5px;
min-width: 1.5em;
max-width: 1.5em;
box-sizing: content-box;
}
.analytics-ui-widget-display-footer {
background-color: #353032;
font-size: 1.5em;
padding: 0 10px;
width: 100%;
}
.analytics-ui-widget-display-footer .widget-footer-label,
.analytics-ui-widget-display-footer .widget-footer-value {
color: white;
}
.analytics-ui-dashboard-widget-dual-value,
.analytics-ui-dashboard-widget-dual-value svg {
width: 100%;
}
.analytics-ui-dashboard-widget-dual-value tspan.secondary-value {
font-size: 40%;
}
.analytics-ui-dashboard-widget-web-content {
width: 100%;
height: 100%;
align-self: stretch;
padding: 10px;
}
.analytics-ui-dashboard-widget-web-content h4 {
font-size: 1em;
margin-top: 0;
margin-bottom: 5px;
}
.analytics-ui-dashboard-widget-web-content h4 {
font-size: 1em;
margin-top: 0;
margin-bottom: 5px;
}
.analytics-ui-dashboard-widget-web-content .web-content-url-entry {
display: flex;
flex-direction: column;
padding-top: 5px;
}
.analytics-ui-dashboard-widget-web-content .web-content-url-entry .web-content-url-input {
width: 100%;
min-width: 100%;
max-width: 100%;
min-height: 24px;
flex-grow: 1;
color: black;
}
.analytics-ui-dashboard-widget-web-content .web-content-display {
width: 100%;
height: 100%;
border: none;
}
.analytics-ui-dashboard-widget-grid {
width: 100%;
height: 100%;
overflow: auto;
background-color: #292425;
}
.analytics-ui-dashboard-widget-grid,
.analytics-ui-dashboard-widget-grid * {
box-sizing: border-box;
}
.analytics-ui-dashboard-widget-grid.is-dragging-small-widget .widget-drop-target:not(.full-width),
.analytics-ui-dashboard-widget-grid.is-dragging-large-widget .widget-drop-target.full-width {
visibility: visible;
background-color: #3F73D7;
}
.analytics-ui-dashboard-widget-grid.is-edit-mode .draggable-object .widget-title {
cursor: grab;
cursor: -moz-grab;
cursor: -webkit-grab;
}
.analytics-ui-dashboard-widget-grid.is-edit-mode .parent-grid {
height: 100%;
}
.analytics-ui-dashboard-widget-grid .widget-drop-target {
visibility: hidden;
width: 100%;
height: 100%;
opacity: 0.5;
background-color: transparent;
z-index: 2;
transition: visibility 0s, background-color 0.5s;
}
.analytics-ui-dashboard-widget-grid .parent-grid {
overflow: auto;
display: flex;
height: 100%;
}
.analytics-ui-dashboard-widget-grid .parent-grid.small-sidebar-widget .grid-sidebar {
width: 200px;
}
.analytics-ui-dashboard-widget-grid .parent-grid.large-sidebar-widget .grid-sidebar {
width: 500px;
}
.analytics-ui-dashboard-widget-grid .main-grid {
display: grid;
grid-gap: 2em;
padding: 2em 2em 0 2em;
height: 100%;
flex: 1 0 1px;
overflow: auto;
}
.analytics-ui-dashboard-widget-grid .grid-sidebar {
overflow: hidden;
}
.analytics-ui-dashboard-widget-grid .grid-sidebar .widget-content {
justify-content: start;
overflow-y: hidden;
}
.analytics-ui-dashboard-widget-grid .grid-sidebar .widget-content gux-radial-loading {
margin: 0 auto;
}
.analytics-ui-dashboard-widget-grid .widget-container > * {
width: 100%;
height: 100%;
}
.analytics-ui-dashboard-widget-grid .widget-container.last-grid-row {
margin-bottom: 2em;
}
.analytics-ui-dashboard-widget-grid .widget-container.widget-container-hidden {
visibility: hidden;
}
.analytics-ui-dashboard-widget-grid .widget-container .analytics-ui-time-series-chart-gux-chart {
max-height: 250px;
overflow-y: auto;
overflow-x: hidden;
}
.analytics-ui-dashboard-widget-grid.grid-rows-1 .main-grid {
grid-template-rows: repeat(1, 1fr);
}
.analytics-ui-dashboard-widget-grid.grid-columns-1 .widget-container,
.analytics-ui-dashboard-widget-grid.grid-columns-1 .widget-drop-target {
min-width: 200px;
}
.analytics-ui-dashboard-widget-grid.grid-columns-1 .widget-container.full-width,
.analytics-ui-dashboard-widget-grid.grid-columns-1 .widget-drop-target.full-width {
grid-column-start: 1;
grid-column-end: 2;
}
.analytics-ui-dashboard-widget-grid.grid-columns-1 .add-new-widget {
grid-template-columns: repeat(1, 1fr);
}
.analytics-ui-dashboard-widget-grid.grid-columns-1 .main-grid {
grid-auto-columns: minmax(min-content, 100%);
}
.spark-charts-enabled .analytics-ui-dashboard-widget-grid.grid-columns-1 .main-grid {
grid-auto-columns: minmax(200px, 100%);
}
.analytics-ui-dashboard-widget-grid .main-grid .widget-container.grid-row-1,
.analytics-ui-dashboard-widget-grid .main-grid .widget-drop-target.drop-target-row-1 {
grid-row: 1;
}
.analytics-ui-dashboard-widget-grid .main-grid .widget-container.grid-column-1:not(.full-width),
.analytics-ui-dashboard-widget-grid .main-grid .widget-drop-target.drop-target-column-1 {
grid-column: 1;
}
.analytics-ui-dashboard-widget-grid.grid-rows-2 .main-grid {
grid-template-rows: repeat(2, 1fr);
}
.analytics-ui-dashboard-widget-grid.grid-columns-2 .widget-container,
.analytics-ui-dashboard-widget-grid.grid-columns-2 .widget-drop-target {
min-width: 200px;
}
.analytics-ui-dashboard-widget-grid.grid-columns-2 .widget-container.full-width,
.analytics-ui-dashboard-widget-grid.grid-columns-2 .widget-drop-target.full-width {
grid-column-start: 1;
grid-column-end: 3;
}
.analytics-ui-dashboard-widget-grid.grid-columns-2 .add-new-widget {
grid-template-columns: repeat(2, 1fr);
}
.analytics-ui-dashboard-widget-grid.grid-columns-2 .main-grid {
grid-auto-columns: minmax(min-content, 50%);
}
.spark-charts-enabled .analytics-ui-dashboard-widget-grid.grid-columns-2 .main-grid {
grid-auto-columns: minmax(200px, 50%);
}
.analytics-ui-dashboard-widget-grid .main-grid .widget-container.grid-row-2,
.analytics-ui-dashboard-widget-grid .main-grid .widget-drop-target.drop-target-row-2 {
grid-row: 2;
}
.analytics-ui-dashboard-widget-grid .main-grid .widget-container.grid-column-2:not(.full-width),
.analytics-ui-dashboard-widget-grid .main-grid .widget-drop-target.drop-target-column-2 {
grid-column: 2;
}
.analytics-ui-dashboard-widget-grid.grid-rows-3 .main-grid {
grid-template-rows: repeat(3, 1fr);
}
.analytics-ui-dashboard-widget-grid.grid-columns-3 .widget-container,
.analytics-ui-dashboard-widget-grid.grid-columns-3 .widget-drop-target {
min-width: 200px;
}
.analytics-ui-dashboard-widget-grid.grid-columns-3 .widget-container.full-width,
.analytics-ui-dashboard-widget-grid.grid-columns-3 .widget-drop-target.full-width {
grid-column-start: 1;
grid-column-end: 4;
}
.analytics-ui-dashboard-widget-grid.grid-columns-3 .add-new-widget {
grid-template-columns: repeat(3, 1fr);
}
.analytics-ui-dashboard-widget-grid.grid-columns-3 .main-grid {
grid-auto-columns: minmax(min-content, 33.33333333%);
}
.spark-charts-enabled .analytics-ui-dashboard-widget-grid.grid-columns-3 .main-grid {
grid-auto-columns: minmax(200px, 33.33333333%);
}
.analytics-ui-dashboard-widget-grid .main-grid .widget-container.grid-row-3,
.analytics-ui-dashboard-widget-grid .main-grid .widget-drop-target.drop-target-row-3 {
grid-row: 3;
}
.analytics-ui-dashboard-widget-grid .main-grid .widget-container.grid-column-3:not(.full-width),
.analytics-ui-dashboard-widget-grid .main-grid .widget-drop-target.drop-target-column-3 {
grid-column: 3;
}
.analytics-ui-dashboard-widget-grid.grid-rows-4 .main-grid {
grid-template-rows: repeat(4, 1fr);
}
.analytics-ui-dashboard-widget-grid.grid-columns-4 .widget-container,
.analytics-ui-dashboard-widget-grid.grid-columns-4 .widget-drop-target {
min-width: 200px;
}
.analytics-ui-dashboard-widget-grid.grid-columns-4 .widget-container.full-width,
.analytics-ui-dashboard-widget-grid.grid-columns-4 .widget-drop-target.full-width {
grid-column-start: 1;
grid-column-end: 5;
}
.analytics-ui-dashboard-widget-grid.grid-columns-4 .add-new-widget {
grid-template-columns: repeat(4, 1fr);
}
.analytics-ui-dashboard-widget-grid.grid-columns-4 .main-grid {
grid-auto-columns: minmax(min-content, 25%);
}
.spark-charts-enabled .analytics-ui-dashboard-widget-grid.grid-columns-4 .main-grid {
grid-auto-columns: minmax(200px, 25%);
}
.analytics-ui-dashboard-widget-grid .main-grid .widget-container.grid-row-4,
.analytics-ui-dashboard-widget-grid .main-grid .widget-drop-target.drop-target-row-4 {
grid-row: 4;
}
.analytics-ui-dashboard-widget-grid .main-grid .widget-container.grid-column-4:not(.full-width),
.analytics-ui-dashboard-widget-grid .main-grid .widget-drop-target.drop-target-column-4 {
grid-column: 4;
}
.analytics-ui-dashboard-widget-grid.grid-rows-5 .main-grid {
grid-template-rows: repeat(5, 1fr);
}
.analytics-ui-dashboard-widget-grid.grid-columns-5 .widget-container,
.analytics-ui-dashboard-widget-grid.grid-columns-5 .widget-drop-target {
min-width: 200px;
}
.analytics-ui-dashboard-widget-grid.grid-columns-5 .widget-container.full-width,
.analytics-ui-dashboard-widget-grid.grid-columns-5 .widget-drop-target.full-width {
grid-column-start: 1;
grid-column-end: 6;
}
.analytics-ui-dashboard-widget-grid.grid-columns-5 .add-new-widget {
grid-template-columns: repeat(5, 1fr);
}
.analytics-ui-dashboard-widget-grid.grid-columns-5 .main-grid {
grid-auto-columns: minmax(min-content, 20%);
}
.spark-charts-enabled .analytics-ui-dashboard-widget-grid.grid-columns-5 .main-grid {
grid-auto-columns: minmax(200px, 20%);
}
.analytics-ui-dashboard-widget-grid .main-grid .widget-container.grid-row-5,
.analytics-ui-dashboard-widget-grid .main-grid .widget-drop-target.drop-target-row-5 {
grid-row: 5;
}
.analytics-ui-dashboard-widget-grid .main-grid .widget-container.grid-column-5:not(.full-width),
.analytics-ui-dashboard-widget-grid .main-grid .widget-drop-target.drop-target-column-5 {
grid-column: 5;
}
.analytics-ui-dashboard-widget-grid.grid-rows-6 .main-grid {
grid-template-rows: repeat(6, 1fr);
}
.analytics-ui-dashboard-widget-grid.grid-columns-6 .widget-container,
.analytics-ui-dashboard-widget-grid.grid-columns-6 .widget-drop-target {
min-width: 200px;
}
.analytics-ui-dashboard-widget-grid.grid-columns-6 .widget-container.full-width,
.analytics-ui-dashboard-widget-grid.grid-columns-6 .widget-drop-target.full-width {
grid-column-start: 1;
grid-column-end: 7;
}
.analytics-ui-dashboard-widget-grid.grid-columns-6 .add-new-widget {
grid-template-columns: repeat(6, 1fr);
}
.analytics-ui-dashboard-widget-grid.grid-columns-6 .main-grid {
grid-auto-columns: minmax(min-content, 16.66666667%);
}
.spark-charts-enabled .analytics-ui-dashboard-widget-grid.grid-columns-6 .main-grid {
grid-auto-columns: minmax(200px, 16.66666667%);
}
.analytics-ui-dashboard-widget-grid .main-grid .widget-container.grid-row-6,
.analytics-ui-dashboard-widget-grid .main-grid .widget-drop-target.drop-target-row-6 {
grid-row: 6;
}
.analytics-ui-dashboard-widget-grid .main-grid .widget-container.grid-column-6:not(.full-width),
.analytics-ui-dashboard-widget-grid .main-grid .widget-drop-target.drop-target-column-6 {
grid-column: 6;
}
.analytics-ui-dashboard-widget-grid.grid-rows-7 .main-grid {
grid-template-rows: repeat(7, 1fr);
}
.analytics-ui-dashboard-widget-grid.grid-columns-7 .widget-container,
.analytics-ui-dashboard-widget-grid.grid-columns-7 .widget-drop-target {
min-width: 200px;
}
.analytics-ui-dashboard-widget-grid.grid-columns-7 .widget-container.full-width,
.analytics-ui-dashboard-widget-grid.grid-columns-7 .widget-drop-target.full-width {
grid-column-start: 1;
grid-column-end: 8;
}
.analytics-ui-dashboard-widget-grid.grid-columns-7 .add-new-widget {
grid-template-columns: repeat(7, 1fr);
}
.analytics-ui-dashboard-widget-grid.grid-columns-7 .main-grid {
grid-auto-columns: minmax(min-content, 14.28571429%);
}
.spark-charts-enabled .analytics-ui-dashboard-widget-grid.grid-columns-7 .main-grid {
grid-auto-columns: minmax(200px, 14.28571429%);
}
.analytics-ui-dashboard-widget-grid .main-grid .widget-container.grid-row-7,
.analytics-ui-dashboard-widget-grid .main-grid .widget-drop-target.drop-target-row-7 {
grid-row: 7;
}
.analytics-ui-dashboard-widget-grid .main-grid .widget-container.grid-column-7:not(.full-width),
.analytics-ui-dashboard-widget-grid .main-grid .widget-drop-target.drop-target-column-7 {
grid-column: 7;
}
.analytics-ui-dashboard-widget-grid.grid-rows-8 .main-grid {
grid-template-rows: repeat(8, 1fr);
}
.analytics-ui-dashboard-widget-grid.grid-columns-8 .widget-container,
.analytics-ui-dashboard-widget-grid.grid-columns-8 .widget-drop-target {
min-width: 200px;
}
.analytics-ui-dashboard-widget-grid.grid-columns-8 .widget-container.full-width,
.analytics-ui-dashboard-widget-grid.grid-columns-8 .widget-drop-target.full-width {
grid-column-start: 1;
grid-column-end: 9;
}
.analytics-ui-dashboard-widget-grid.grid-columns-8 .add-new-widget {
grid-template-columns: repeat(8, 1fr);
}
.analytics-ui-dashboard-widget-grid.grid-columns-8 .main-grid {
grid-auto-columns: minmax(min-content, 12.5%);
}
.spark-charts-enabled .analytics-ui-dashboard-widget-grid.grid-columns-8 .main-grid {
grid-auto-columns: minmax(200px, 12.5%);
}
.analytics-ui-dashboard-widget-grid .main-grid .widget-container.grid-row-8,
.analytics-ui-dashboard-widget-grid .main-grid .widget-drop-target.drop-target-row-8 {
grid-row: 8;
}
.analytics-ui-dashboard-widget-grid .main-grid .widget-container.grid-column-8:not(.full-width),
.analytics-ui-dashboard-widget-grid .main-grid .widget-drop-target.drop-target-column-8 {
grid-column: 8;
}
.analytics-ui-dashboard-widget-grid.grid-rows-9 .main-grid {
grid-template-rows: repeat(9, 1fr);
}
.analytics-ui-dashboard-widget-grid.grid-columns-9 .widget-container,
.analytics-ui-dashboard-widget-grid.grid-columns-9 .widget-drop-target {
min-width: 200px;
}
.analytics-ui-dashboard-widget-grid.grid-columns-9 .widget-container.full-width,
.analytics-ui-dashboard-widget-grid.grid-columns-9 .widget-drop-target.full-width {
grid-column-start: 1;
grid-column-end: 10;
}
.analytics-ui-dashboard-widget-grid.grid-columns-9 .add-new-widget {
grid-template-columns: repeat(9, 1fr);
}
.analytics-ui-dashboard-widget-grid.grid-columns-9 .main-grid {
grid-auto-columns: minmax(min-content, 11.11111111%);
}
.spark-charts-enabled .analytics-ui-dashboard-widget-grid.grid-columns-9 .main-grid {
grid-auto-columns: minmax(200px, 11.11111111%);
}
.analytics-ui-dashboard-widget-grid .main-grid .widget-container.grid-row-9,
.analytics-ui-dashboard-widget-grid .main-grid .widget-drop-target.drop-target-row-9 {
grid-row: 9;
}
.analytics-ui-dashboard-widget-grid .main-grid .widget-container.grid-column-9:not(.full-width),
.analytics-ui-dashboard-widget-grid .main-grid .widget-drop-target.drop-target-column-9 {
grid-column: 9;
}
.analytics-ui-dashboard-widget-grid.grid-rows-10 .main-grid {
grid-template-rows: repeat(10, 1fr);
}
.analytics-ui-dashboard-widget-grid.grid-columns-10 .widget-container,
.analytics-ui-dashboard-widget-grid.grid-columns-10 .widget-drop-target {
min-width: 200px;
}
.analytics-ui-dashboard-widget-grid.grid-columns-10 .widget-container.full-width,
.analytics-ui-dashboard-widget-grid.grid-columns-10 .widget-drop-target.full-width {
grid-column-start: 1;
grid-column-end: 11;
}
.analytics-ui-dashboard-widget-grid.grid-columns-10 .add-new-widget {
grid-template-columns: repeat(10, 1fr);
}
.analytics-ui-dashboard-widget-grid.grid-columns-10 .main-grid {
grid-auto-columns: minmax(min-content, 10%);
}
.spark-charts-enabled .analytics-ui-dashboard-widget-grid.grid-columns-10 .main-grid {
grid-auto-columns: minmax(200px, 10%);
}
.analytics-ui-dashboard-widget-grid .main-grid .widget-container.grid-row-10,
.analytics-ui-dashboard-widget-grid .main-grid .widget-drop-target.drop-target-row-10 {
grid-row: 10;
}
.analytics-ui-dashboard-widget-grid .main-grid .widget-container.grid-column-10:not(.full-width),
.analytics-ui-dashboard-widget-grid .main-grid .widget-drop-target.drop-target-column-10 {
grid-column: 10;
}
.analytics-ui-dashboard-widget-grid .add-new-widget {
height: 100%;
display: grid;
grid-gap: 2em;
grid-template-rows: repeat(3, 1fr);
}
.analytics-ui-dashboard-widget-grid .add-new-widget .add-regular-widget {
grid-row-start: 1;
grid-row-end: 4;
grid-column-start: 1;
grid-column-end: -1;
}
.analytics-ui-dashboard-widget-grid .add-new-widget .add-full-width-widget {
grid-column-start: 1;
grid-column-end: -1;
grid-row-start: 1;
grid-row-end: 4;
}
.analytics-ui-dashboard-widget-grid .add-new-widget.first-empty-row .add-regular-widget {
grid-row-start: 1;
grid-row-end: 3;
grid-column-start: 1;
grid-column-end: 2;
}
.analytics-ui-dashboard-widget-grid .add-new-widget.first-empty-row .add-regular-widget + .add-full-width-widget {
grid-row-start: 3;
}
.analytics-ui-dashboard-widget-grid .add-widget-options {
display: flex;
align-items: center;
justify-content: center;
height: 100%;
background-color: #272B2F;
padding: 10px;
z-index: 1;
}
.analytics-ui-dashboard-widget-grid .dashboard-empty-message {
font-size: 3em;
width: 100%;
height: 100%;
text-align: center;
display: flex;
flex-direction: column;
justify-content: center;
color: #77828F;
}
.analytics-ui-dashboard-widget-grid .dashboard-empty-message .dashboard-empty-message-contents {
vertical-align: middle;
}
.analytics-ui-dashboard-widget-grid .dashboard-empty-message button {
border: 0;
outline: 0;
margin: 0;
padding: 5px;
border-radius: 3px;
color: white;
background-color: transparent;
cursor: pointer;
text-decoration: none;
}
.analytics-ui-dashboard-widget-grid .dashboard-empty-message button:disabled {
opacity: 0.3;
cursor: not-allowed;
}
.analytics-ui-dashboard-widget-grid .dashboard-empty-message button:disabled {
opacity: 0.3;
cursor: not-allowed;
}
.analytics-ui-dashboard-widget-grid .dashboard-empty-message button gux-icon {
width: 3em;
color: #3f73d7;
opacity: 0.5;
}
.analytics-ui-dashboard-widget-grid .dashboard-empty-message button:hover .gux-icon {
opacity: 1;
}
.analytics-ui-dashboard-widget-grid .dashboard-empty-message .empty-message-text {
margin: 0px;
}
.analytics-ui-dashboard-widget-grid .dashboard-empty-message .empty-message-sub-text {
font-size: 28px;
}
.analytics-ui-dashboard-widget-grid .dashboard-empty-message .dashboard-empty-message button gux-icon {
color: #3f73d7;
}
.analytics-ui-dashboard-widget-grid .analytics-ui-gux-table table {
table-layout: auto;
color: var(--gux-white);
border-collapse: separate;
}
.analytics-ui-dashboard-widget-grid .analytics-ui-gux-table th[class^="column-"] {
background-color: #353032;
border: 1px solid #5A5758;
}
.analytics-ui-dashboard-widget-grid .analytics-ui-gux-table td[class^="column-"] {
background-color: #2B2628;
border: 1px solid #5A5758;
}
.analytics-ui-dashboard-widget-grid .analytics-ui-gux-table td[class^="column-"] a {
color: var(--gux-white);
text-decoration: underline;
}
.analytics-ui-dashboard-widget-flow {
width: 100%;
height: 100%;
overflow: auto;
background-color: var(--gux-grey-90);
color: var(--gux-blue-50);
}
.analytics-ui-dashboard-widget-flow .flow-layout-parent {
height: 100%;
overflow: hidden;
display: grid;
grid-template-columns: 1fr;
gap: var(--gux-spacing-large);
padding: var(--gux-spacing-large);
}
.analytics-ui-dashboard-widget-flow .flow-layout-parent .flow-layout-main {
overflow: auto;
display: grid;
gap: var(--gux-spacing-large);
grid-auto-rows: min-content;
}
.analytics-ui-dashboard-widget-flow .flow-layout-parent .flow-layout-sidebar {
min-width: 300px;
}
.analytics-ui-dashboard-widget-flow .flow-layout-parent .flow-layout-sidebar,
.analytics-ui-dashboard-widget-flow .flow-layout-parent .flow-layout-sidebar > * {
height: 100%;
overflow: hidden;
}
.analytics-ui-dashboard-widget-flow .flow-layout-parent .flow-layout-sidebar .widget-content {
overflow: hidden;
}
.analytics-ui-dashboard-widget-flow .flow-layout-parent .flow-layout-main {
grid-template-columns: repeat(4, minmax(200px, 1fr));
}
.analytics-ui-dashboard-widget-flow .flow-layout-parent .flow-layout-main .analytics-ui-dashboard-card-widget {
max-height: 492px;
}
.analytics-ui-dashboard-widget-flow .flow-layout-parent .flow-layout-main .analytics-ui-dashboard-card-widget.full-width {
grid-column-start: 1;
grid-column-end: -1;
}
.analytics-ui-dashboard-widget-flow .flow-layout-parent .flow-layout-main .analytics-ui-dashboard-card-widget.widget-type-WEB_CONTENT_URL {
min-height: 492px;
}
.analytics-ui-dashboard-widget-flow .flow-layout-parent .flow-layout-main .analytics-ui-dashboard-card-widget .widget-content {
overflow-y: auto;
overflow-x: hidden;
}
.analytics-ui-dashboard-widget-flow .flow-layout-parent .flow-layout-main .analytics-ui-dashboard-card-widget .widget-content .analytics-ui-time-series-chart {
height: 100%;
}
@media (max-width: 1024px) {
.analytics-ui-dashboard-widget-flow .flow-layout-parent .flow-layout-main {
grid-template-columns: repeat(3, minmax(200px, 1fr));
}
}
@media (min-width: 1920px) {
.analytics-ui-dashboard-widget-flow .flow-layout-parent .flow-layout-main {
grid-template-columns: repeat(5, minmax(200px, 1fr));
}
}
.analytics-ui-dashboard-widget-flow .flow-layout-parent.with-full-height-widget {
grid-template-columns: 3fr 1fr;
}
@media (max-width: 1024px) {
.analytics-ui-dashboard-widget-flow .flow-layout-parent.with-full-height-widget {
grid-template-columns: 2fr 1fr;
}
}
@media (min-width: 1920px) {
.analytics-ui-dashboard-widget-flow .flow-layout-parent.with-full-height-widget {
grid-template-columns: 4fr 1fr;
}
}
.analytics-ui-dashboard-widget-flow .flow-layout-parent.with-full-height-widget .flow-layout-main {
grid-template-columns: repeat(3, minmax(200px, 1fr));
}
.analytics-ui-dashboard-widget-flow .flow-layout-parent.with-full-height-widget .flow-layout-main .analytics-ui-dashboard-card-widget {
max-height: 492px;
}
.analytics-ui-dashboard-widget-flow .flow-layout-parent.with-full-height-widget .flow-layout-main .analytics-ui-dashboard-card-widget.full-width {
grid-column-start: 1;
grid-column-end: -1;
}
.analytics-ui-dashboard-widget-flow .flow-layout-parent.with-full-height-widget .flow-layout-main .analytics-ui-dashboard-card-widget.widget-type-WEB_CONTENT_URL {
min-height: 492px;
}
.analytics-ui-dashboard-widget-flow .flow-layout-parent.with-full-height-widget .flow-layout-main .analytics-ui-dashboard-card-widget .widget-content {
overflow-y: auto;
overflow-x: hidden;
}
.analytics-ui-dashboard-widget-flow .flow-layout-parent.with-full-height-widget .flow-layout-main .analytics-ui-dashboard-card-widget .widget-content .analytics-ui-time-series-chart {
height: 100%;
}
@media (max-width: 1024px) {
.analytics-ui-dashboard-widget-flow .flow-layout-parent.with-full-height-widget .flow-layout-main {
grid-template-columns: repeat(2, minmax(200px, 1fr));
}
}
@media (min-width: 1920px) {
.analytics-ui-dashboard-widget-flow .flow-layout-parent.with-full-height-widget .flow-layout-main {
grid-template-columns: repeat(4, minmax(200px, 1fr));
}
}
.analytics-ui-dashboard-widget-flow .flow-layout-parent .flow-layout-column-span-1 {
grid-column: span 1;
}
.analytics-ui-dashboard-widget-flow .flow-layout-parent .flow-layout-column-span-2 {
grid-column: span 2;
}
.analytics-ui-dashboard-widget-flow .flow-layout-parent .flow-layout-column-span-3 {
grid-column: span 3;
}
.analytics-ui-dashboard-widget-flow .flow-layout-parent .flow-layout-column-span-4 {
grid-column: span 4;
}
.analytics-ui-dashboard-widget-flow .flow-layout-parent .flow-layout-column-span-5 {
grid-column: span 5;
}
.analytics-ui-dashboard-widget-flow .dashboard-empty-message {
font-size: 18px;
font-weight: 300;
width: 100%;
height: 100%;
text-align: center;
display: flex;
flex-direction: column;
justify-content: center;
}
.analytics-ui-dashboard-widget-flow .dashboard-empty-message .dashboard-empty-message-contents {
vertical-align: middle;
}
.analytics-ui-dashboard-widget-flow .dashboard-empty-message .empty-message-text {
margin: 0 0 20px 0;
}
.analytics-ui-dashboard-widget-flow .analytics-ui-dashboard-widget-free-text {
height: 100%;
}
.analytics-ui-dashboard-footer {
background-color: #ffffff;
display: flex;
justify-content: flex-end;
align-items: center;
}
.analytics-ui-dashboard-footer gux-button {
padding: 10px;
}
.analytics-ui-dashboard-filters {
display: flex;
gap: 24px;
margin-left: 24px;
align-items: center;
}
.analytics-ui-dashboard-filters .filter-header {
display: none;
}
.analytics-ui-dashboard-filters .analytics-ui-filter-inputs {
min-width: 175px;
}
.analytics-ui-dashboard-filters .analytics-ui-gux-dropdown-wrapper {
z-index: 2;
position: relative;
}
.analytics-ui-dashboard-share-modal-content .share-type-option {
display: inline-block;
}
.analytics-ui-dashboard-share-modal-content .share-radio label {
font-weight: bold;
font-size: 14px;
}
.analytics-ui-dashboard-share-modal-content p {
position: relative;
top: 1px;
font-size: 14px;
}
.analytics-ui-dashboard-share-modal-content .filter-name {
display: none;
}
.analytics-ui-dashboard-share-modal-content .filter-contents {
width: 90%;
margin: auto;
}
.analytics-ui-dashboard-share-modal-content .message-item {
padding-right: 5px;
}
.dashboard-share-modal-button {
overflow: visible;
border: 0;
padding: 0;
background-color: transparent;
}
.dashboard-share-modal-button:focus .inspect {
outline: auto;
outline-offset: 2px;
outline-color: #203B73;
}
.dashboard-share-modal-button:disabled {
pointer-events: none;
opacity: 0.5;
background-color: inherit;
cursor: not-allowed;
}
.dashboard-summary-row-visibility-controls {
display: flex;
align-items: center;
justify-content: center;
height: 32px;
gap: 16px;
}
.dashboard-summary-row-visibility-controls .visibility-share-button,
.dashboard-summary-row-visibility-controls .favorite-star,
.dashboard-summary-row-visibility-controls .public-toggle {
height: 16px;
}
.dashboard-summary-row-visibility-controls .visibility-share-button gux-icon,
.dashboard-summary-row-visibility-controls .favorite-star gux-icon,
.dashboard-summary-row-visibility-controls .public-toggle gux-icon {
height: 16px;
width: 16px;
}
.dashboard-summary-row-visibility-controls .gux-inspect,
.dashboard-summary-row-visibility-controls .gux-rating,
.dashboard-summary-row-visibility-controls .inspect,
.dashboard-summary-row-visibility-controls .inspect-disable,
.dashboard-summary-row-visibility-controls .shared,
.dashboard-summary-row-visibility-controls .public,
.dashboard-summary-row-visibility-controls .private {
color: var(--gux-black-100);
}
.dashboard-summary-row-visibility-controls .gux-rating-active {
color: var(--gux-alert-yellow-60);
}
/* Below styles migrated from ember-engage-components dashboard-variables */
.analytics-ui-dashboard-widget-edit {
display: flex;
flex-direction: column;
justify-content: space-between;
height: 100%;
}
.analytics-ui-dashboard-widget-edit .widget-edit-loading {
width: 100%;
max-width: 600px;
display: flex;
justify-content: center;
}
.analytics-ui-dashboard-widget-edit .widget-edit-inputs {
width: 100%;
overflow-y: auto;
padding: 0 24px;
flex-grow: 1;
}
.analytics-ui-dashboard-widget-edit .widget-edit-inputs > * {
max-width: 480px;
}
.analytics-ui-dashboard-widget-edit .widget-edit-inputs .widget-edit-heading {
padding: 24px 0;
margin: 0px;
}
.analytics-ui-dashboard-widget-edit .widget-edit-inputs .input-group {
padding-left: 24px;
margin: var(--gux-form-field-container-margin-top, 16px) 0 var(--gux-form-field-container-margin-bottom, 32px) 0;
}
.analytics-ui-dashboard-widget-edit .widget-edit-inputs .input-group .input-group-label,
.analytics-ui-dashboard-widget-edit .widget-edit-inputs .input-group.input-group-media-type .filter-name {
font-size: 12px;
margin: 0 0 8px 0;
}
.analytics-ui-dashboard-widget-edit .widget-edit-inputs .input-group.input-group-widget-title {
margin-top: 0px;
}
.analytics-ui-dashboard-widget-edit .widget-edit-inputs .input-group.input-group-time-period {
margin-bottom: 16px;
}
.analytics-ui-dashboard-widget-edit .widget-edit-inputs .input-group.input-group-media-type {
margin-bottom: 48px;
}
.analytics-ui-dashboard-widget-edit .widget-edit-inputs .input-group.input-group-media-type .input-group-label {
margin-bottom: 0px;
}
.analytics-ui-dashboard-widget-edit .widget-edit-inputs .input-group.input-group-options.agent-status {
margin-bottom: 48px;
}
.analytics-ui-dashboard-widget-edit .widget-edit-inputs .input-group .input-group-selected-items {
background-color: var(--gux-grey-90);
border-radius: 4px;
display: flex;
flex-direction: column;
padding: 16px;
}
.analytics-ui-dashboard-widget-edit .widget-edit-inputs .input-group .input-group-selected-items .analytics-ui-tag-list .tag-list-item {
overflow: hidden;
}
.analytics-ui-dashboard-widget-edit .widget-edit-inputs.extra-spacing > * {
max-width: 500px;
}
.analytics-ui-dashboard-widget-edit .widget-edit-inputs.extra-spacing .input-group.input-group-widget-type .widget-type-options {
display: flex;
flex-direction: column;
flex-wrap: wrap;
height: 100px;
width: fit-content;
}
.analytics-ui-dashboard-widget-edit .widget-edit-inputs.agent-activity-widget .add-edit-button {
width: 80px;
}
.analytics-ui-dashboard-widget-edit .widget-edit-inputs.agent-activity-widget .input-group .input-group-selected-items {
padding: 16px 16px 16px 0;
}
.analytics-ui-dashboard-widget-edit .widget-edit-inputs.agent-activity-widget .input-group .input-group-selected-items .filter-labels,
.analytics-ui-dashboard-widget-edit .widget-edit-inputs.agent-activity-widget .input-group .input-group-selected-items .metric-labels {
padding-left: 16px;
}
.analytics-ui-dashboard-widget-edit .widget-edit-inputs.agent-activity-widget .input-group .input-group-selected-items .filter-labels .filter-label,
.analytics-ui-dashboard-widget-edit .widget-edit-inputs.agent-activity-widget .input-group .input-group-selected-items .metric-labels .filter-label {
padding-bottom: 16px;
}
.analytics-ui-dashboard-widget-edit .widget-edit-inputs.agent-activity-widget .input-group > * {
margin: 8px 0;
}
.analytics-ui-dashboard-widget-edit .widget-edit-inputs.agent-activity-widget .input-group .conditional-operator-separator {
display: flex;
margin: 8px 0;
}
.analytics-ui-dashboard-widget-edit .widget-edit-inputs.agent-activity-widget .input-group .conditional-operator-separator .separator {
flex-grow: 1;
display: flex;
flex-direction: column;
justify-content: center;
}
.analytics-ui-dashboard-widget-edit .widget-edit-inputs.agent-activity-widget .input-group .conditional-operator-separator .separator.left {
align-items: flex-start;
}
.analytics-ui-dashboard-widget-edit .widget-edit-inputs.agent-activity-widget .input-group .conditional-operator-separator .separator.right {
align-items: flex-end;
}
.analytics-ui-dashboard-widget-edit .widget-edit-inputs.agent-activity-widget .input-group .conditional-operator-separator .separator .line {
background-color: var(--gux-grey-60);
height: 2px;
width: 90%;
}
.analytics-ui-dashboard-widget-edit .widget-edit-inputs .selected-items-header {
display: flex;
}
.analytics-ui-dashboard-widget-edit .widget-edit-inputs .selected-items-header .selected-items-label {
flex-grow: 1;
}
.analytics-ui-dashboard-widget-edit .widget-edit-inputs .selected-items-header .clear-selected-items:not(.clear-agent-statuses):not(.clear-agent-activity-segments),
.analytics-ui-dashboard-widget-edit .widget-edit-inputs .selected-items-header .edit-selected-items {
position: relative;
left: 8px;
bottom: 8px;
}
.analytics-ui-dashboard-widget-edit .widget-edit-inputs .input-group-agent-status .filter-header,
.analytics-ui-dashboard-widget-edit .widget-edit-inputs .input-group-agent-activity-segments .filter-header {
display: none;
}
.analytics-ui-dashboard-widget-edit .widget-edit-inputs .input-group-agent-status .selected-items-header,
.analytics-ui-dashboard-widget-edit .widget-edit-inputs .input-group-agent-activity-segments .selected-items-header {
margin-bottom: 4px;
}
.analytics-ui-dashboard-widget-edit .widget-edit-inputs .input-group-agent-status .selected-items-header .input-group-label,
.analytics-ui-dashboard-widget-edit .widget-edit-inputs .input-group-agent-activity-segments .selected-items-header .input-group-label {
padding-top: 10px;
}
.analytics-ui-dashboard-widget-edit .widget-edit-inputs .input-group-agent-status .agent-status-controls-spacer,
.analytics-ui-dashboard-widget-edit .widget-edit-inputs .input-group-agent-activity-segments .agent-status-controls-spacer {
height: 16px;
width: 0px;
border-left: 1px solid var(--gux-grey-60);
}
.analytics-ui-dashboard-widget-edit .widget-edit-inputs .input-group-agent-status .selected-agent-status-tags,
.analytics-ui-dashboard-widget-edit .widget-edit-inputs .input-group-agent-activity-segments .selected-agent-status-tags,
.analytics-ui-dashboard-widget-edit .widget-edit-inputs .input-group-agent-status .analytics-ui-tag-list,
.analytics-ui-dashboard-widget-edit .widget-edit-inputs .input-group-agent-activity-segments .analytics-ui-tag-list {
margin-bottom: 4px;
}
.analytics-ui-dashboard-widget-edit .widget-edit-inputs .widget-title-input {
width: 100%;
}
.analytics-ui-dashboard-widget-edit .widget-edit-inputs .metric-input-header {
display: flex;
justify-content: space-between;
align-items: flex-end;
}
.analytics-ui-dashboard-widget-edit .widget-edit-inputs .time-period-dropdowns {
position: relative;
display: flex;
gap: 8px;
}
.analytics-ui-dashboard-widget-edit .widget-edit-inputs .time-period-dropdowns .time-period-dropdown {
width: 50%;
}
.analytics-ui-dashboard-widget-edit .widget-edit-inputs .left-align-buttons {
margin-left: 8px;
}
.analytics-ui-dashboard-widget-edit .widget-edit-action-buttons {
justify-self: flex-end;
padding: 16px;
border-top: 1px solid var(--gux-grey-60);
}
.analytics-ui-dashboard-widget-edit-filter-modal-content {
min-height: 134px;
min-width: 422px;
}
.analytics-ui-dashboard-widget-edit-filter-modal-content.team-observations-enabled .filter-inputs-wrapper {
min-width: 500px;
}
.analytics-ui-dashboard-widget-edit-filter-modal-content h3 {
font-size: 12px;
margin: 0 0 8px 0;
}
.analytics-ui-dashboard-widget-edit-filter-modal-content .widget-modal-radio-buttons {
display: flex;
gap: 16px;
}
.analytics-ui-dashboard-widget-edit-filter-modal-content .users-by-criteria-dropdown {
padding: 10px 0 22px 0;
}
.analytics-ui-dashboard-widget-edit-filter-modal-content.team-observations-enabled .filter-inputs-wrapper {
min-width: 500px;
}
.analytics-ui-dashboard-widget-edit-filter-modal-content h3 {
font-size: 12px;
margin: 0 0 8px 0;
}
.analytics-ui-dashboard-widget-edit-filter-modal-content .widget-modal-radio-buttons {
display: flex;
gap: 16px;
}
.analytics-ui-dashboard-widget-edit-filter-modal-content .users-by-criteria-dropdown {
padding: 10px 0 22px 0;
}
.analytics-ui-dashboard-widget-edit-filter-modal-content .filter-type-radio-buttons {
margin-bottom: 24px;
}
.analytics-ui-dashboard-widget-edit-filter-modal-content .filter-inputs-wrapper {
max-width: 422px;
}
.analytics-ui-dashboard-widget-edit-filter-modal-content .analytics-ui-gux-dropdown-multi-wrapper {
display: block;
width: 100%;
}
.analytics-ui-dashboard-widget-edit-filter-modal-content .filter-clear-button {
position: relative;
}
.analytics-ui-dashboard-agent-activity-widget-edit-filter-modal-content {
min-height: 134px;
min-width: 422px;
}
.analytics-ui-dashboard-agent-activity-widget-edit-filter-modal-content.team-observations-enabled .filter-inputs-wrapper {
min-width: 500px;
}
.analytics-ui-dashboard-agent-activity-widget-edit-filter-modal-content h3 {
font-size: 12px;
margin: 0 0 8px 0;
}
.analytics-ui-dashboard-agent-activity-widget-edit-filter-modal-content .widget-modal-radio-buttons {
display: flex;
gap: 16px;
}
.analytics-ui-dashboard-agent-activity-widget-edit-filter-modal-content .users-by-criteria-dropdown {
padding: 10px 0 22px 0;
}
.analytics-ui-dashboard-agent-activity-widget-edit-filter-modal-content.team-observations-enabled .filter-inputs-wrapper {
min-width: 500px;
}
.analytics-ui-dashboard-agent-activity-widget-edit-filter-modal-content h3 {
font-size: 12px;
margin: 0 0 8px 0;
}
.analytics-ui-dashboard-agent-activity-widget-edit-filter-modal-content .widget-modal-radio-buttons {
display: flex;
gap: 16px;
}
.analytics-ui-dashboard-agent-activity-widget-edit-filter-modal-content .users-by-criteria-dropdown {
padding: 10px 0 22px 0;
}
.analytics-ui-dashboard-agent-activity-widget-edit-filter-modal-content .category-dropdown {
margin-bottom: 24px;
}
.analytics-ui-dashboard-agent-activity-widget-edit-filter-modal-content .filter-inputs-wrapper {
max-width: 422px;
}
.analytics-ui-dashboard-agent-activity-widget-edit-filter-modal-content .filter-inputs-wrapper .analytics-ui-tag-list {
margin-bottom: 4px;
}
.analytics-ui-dashboard-agent-activity-widget-edit-filter-modal-content .filter-inputs-wrapper .dashboard-agent-activity-category {
margin-bottom: 24px;
}
.analytics-ui-dashboard-agent-activity-widget-edit-filter-modal-content .filter-inputs-wrapper .dashboard-agent-activity-category .filter-header {
display: none;
}
.analytics-ui-dashboard-agent-activity-widget-edit-filter-modal-content .filter-clear-button {
position: relative;
}
.card-width-predictive-routing-chart {
width: 100%;
}
.card-width-predictive-routing-chart .predictive-routing-chart {
width: 100%;
}
.card-width-predictive-routing-chart .predictive-routing-chart svg {
width: 100%;
height: 100%;
}
.card-width-predictive-routing-chart .popover-predictive-routing-chart {
display: flex;
padding-left: 45px;
}
.card-width-predictive-routing-chart .popover-predictive-routing-chart .popover-predictive-routing-content {
width: 800px;
display: inline-block;
}
#predictive-routing-tooltip table tr td.key {
max-width: none;
text-align: right;
}
#predictive-routing-tooltip.visible {
visibility: visible;
}
.analytics-ui-predictive-routing-alert-container {
width: fit-content;
margin: 5px 0 0 25px;
}
.analytics-ui-predictive-routing-alert-container .alert-message-container {
display: flex;
}
gux-tabs-advanced gux-popover-list {
z-index: 51;
}
gux-tabs-advanced gux-tab-advanced .gux-tab .gux-tab-options-button gux-icon {
box-sizing: content-box;
}
gux-tabs-advanced gux-tab-advanced .gux-dropdown-options:not(.gux-selected) gux-list-item.reload-tab {
display: none;
}
gux-tabs-advanced .gux-tab-container {
margin-bottom: 0;
}
gux-tabs-advanced gux-tab-advanced.unsaved .gux-title-container::before {
content: '*';
margin-right: 5px;
font-size: 1.25rem;
}
.gux-tabs-wrapper-tabs-list-template {
display: none;
}
.analytics-ui-timezone-display {
display: inline-flex;
}
.analytics-ui-chart-table-v2 > .header-row {
display: flex;
flex-direction: row;
border-top: solid 2px;
height: 32px;
border-top-color: #dddddd;
background-color: var(--gux-grey-90);
}
.analytics-ui-chart-table-v2 > .header-row .title {
padding: 5px;
}
.analytics-ui-chart-table-v2 > .header-row .chevrons {
margin-left: -10px;
}
.analytics-ui-chart-table-v2 > .header-row > .right-chevrons {
margin-left: auto;
margin-right: -21.5px;
}
.analytics-ui-chart-table-v2 > .header-row > .right-chevrons .header-chevron-1 {
fill: var(--gux-grey-90);
}
.analytics-ui-chart-table-v2 .table-controls {
display: flex;
border-top: solid 2px;
padding-top: 10px;
justify-content: space-between;
flex: 0 0 auto;
border-top-color: #cccccc;
}
.analytics-ui-chart-table-v2 .table-controls .footer-left-placeholder {
display: flex;
flex: 0;
}
.analytics-ui-chart-table-v2 table {
width: 100%;
}
.analytics-ui-chart-row {
padding: 5px;
word-break: break-all;
word-break: break-word;
width: inherit;
}
.analytics-ui-chart-row td {
padding: 5px;
}
.analytics-ui-chart-row .engage-components-single-horizontal-bar {
width: 100%;
}
.analytics-ui-chart-row .chart-row-label {
width: 42%;
}
.analytics-ui-chart-row .chart-row-label a {
cursor: pointer;
}
.analytics-ui-chart-row .chart-row-value {
max-width: 50px;
text-align: right;
min-width: 30px;
}
.analytics-ui-chart-row .chart-row-bar {
padding-left: 5px;
width: 30%;
}
.analytics-ui-chart-row.is-selected {
background-color: #DEEAFF;
}
.analytics-ui-chart-row.is-selected .chart-row-value {
color: #203B73;
}
.analytics-ui-chart-row.not-applicable {
color: #77828F;
}
.analytics-ui-header-chevrons .header-chevron-1 {
position: relative;
z-index: 3;
fill: #FFF;
}
.analytics-ui-header-chevrons .header-chevron-2 {
position: relative;
z-index: 2;
margin-left: -25px;
stroke-width: 2px;
}
.analytics-ui-header-chevrons .header-chevron-3 {
position: relative;
z-index: 1;
margin-left: -25px;
stroke-width: 2px;
}
.analytics-ui-tag-list {
display: flex;
flex-wrap: wrap;
gap: 5px;
}
.analytics-ui-tag-list .tag-list-item-wrapper {
display: inline-flex;
padding-bottom: 7px;
margin-bottom: -7px;
}
.analytics-ui-tag-list .tag-list-item-wrapper:focus {
outline: none;
}
.analytics-ui-tag-list .tag-list-item-wrapper:focus .tag-list-item {
outline: 3px solid var(--gux-blue-90);
outline-offset: 1px;
border-radius: 4px;
}
.analytics-ui-tag-list .tag-list-item-wrapper .popover-wrapper {
max-height: 400px;
overflow-y: auto;
}
.analytics-ui-tag-list .tag-list-button {
background-color: var(--gux-grey-70);
color: var(--gux-black-50);
font-size: 12px;
font-weight: bold;
border: none;
border-radius: 4px;
display: flex;
align-items: center;
min-height: 24px;
}
.analytics-ui-tag-list .tag-list-button:focus {
outline: 3px solid var(--gux-blue-90);
}
.analytics-ui-tag-list .tag-list-button gux-icon {
width: 16px;
height: 16px;
margin-left: 8px;
}
.applied-filters-component {
margin-bottom: 5px;
}
.applied-filters-component .applied-entity-filters,
.applied-filters-component .applied-data-filters {
display: flex;
align-items: center;
flex-wrap: wrap;
}
.analytics-ui-agent-assist-kpi-card-breakdown {
display: flex;
flex-direction: row;
width: 100%;
}
.analytics-ui-agent-assist-kpi-card-breakdown > * {
flex: 1 1 1px;
}
.analytics-ui-agent-assist-kpi-card-breakdown .kpi-breakdown .summary-text {
color: var(--gux-blue-20);
font-size: 40px;
line-height: initial;
}
.analytics-ui-agent-assist-kpi-card-breakdown .kpi-breakdown .breakdown-label {
font-size: 14px;
line-height: initial;
border-bottom: 1px solid var(--gux-grey-60);
margin-bottom: 10px;
padding-bottom: 10px;
display: flex;
gap: var(--gux-spacing-xs);
align-items: center;
}
.analytics-ui-agent-assist-kpi-card-breakdown .kpi-breakdown .breakdown-values {
padding-bottom: 5px;
}
.analytics-ui-agent-assist-kpi-card-breakdown .kpi-breakdown .breakdown-values .breakdown-value {
display: flex;
align-items: center;
gap: 4px;
}
.analytics-ui-agent-assist-kpi-card-breakdown .kpi-breakdown .positive-feedback {
display: flex;
align-items: center;
gap: 4px;
border-radius: 4px;
background-color: var(--gux-alert-green-90);
color: var(--gux-alert-green-10);
font-weight: 700;
margin-top: 10px;
padding: 4px;
width: max-content;
}
.analytics-ui-agent-assist-kpi-card-breakdown .kpi-breakdown .positive-feedback.low-feedback-rating {
background-color: var(--gux-alert-red-100);
color: var(--gux-alert-red-40);
}
.analytics-ui-agent-assist-kpi-card-breakdown .kpi-footer-link {
display: flex;
justify-content: flex-end;
}
.analytics-ui-agent-assist-kpi-card-breakdown .kpi-footer-link a {
font-size: 12px;
font-weight: 700;
}
.kpi-trend {
width: 100%;
display: flex;
justify-content: space-between;
}
.kpi-trend .kpi-trend-container {
display: flex;
justify-content: space-between;
}
.kpi-trend .kpi-trend-container .heading-container .icon-wrapper {
vertical-align: top;
}
.kpi-trend .kpi-trend-container .kpi-main-value {
color: var(--gux-blue-20);
font-size: 40px;
line-height: initial;
}
.kpi-trend .kpi-trend-container .kpi-main-value-description {
margin-top: 24px;
color: var(--gux-blue-20);
font-size: 12px;
}
.kpi-trend .kpi-trend-container .kpi-detail-container {
display: flex;
align-items: center;
padding: 28px var(--gux-spacing-medium) 0;
font-weight: normal;
}
.kpi-trend .kpi-trend-container .kpi-detail-container .kpi-detail {
font-size: 12px;
text-align: right;
}
.kpi-trend .kpi-trend-container .kpi-detail-container .kpi-additional-detail {
padding-left: var(--gux-spacing-medium);
font-size: 16px;
font-weight: 700;
color: var(--gux-blue-20);
}
.labelled-dropdown label {
display: block;
font-weight: 700;
font-size: 12px;
margin-bottom: 8px;
}
.analytics-ui-admin-settings-view {
display: flex;
flex-direction: column;
height: 100%;
}
.analytics-ui-admin-settings-view .service-level-options {
margin-top: 0;
}
.analytics-ui-admin-settings-view .data-masking-options {
padding-top: 16px;
}
.analytics-ui-admin-settings-view .data-masking-options-list {
max-width: 550px;
padding-bottom: 12px;
}
.analytics-ui-admin-settings-view .number-input-with-label {
display: flex;
align-items: center;
}
.analytics-ui-admin-settings-view .number-input-with-label label {
padding-top: 25px;
}
.analytics-ui-admin-settings-view .admin-settings-footer {
margin-top: auto;
padding-top: 12px;
border-top: 1px solid #D7DCE5;
}
.analytics-ui-admin-settings-view + .analytics-footer {
display: none;
}
.analytics-ui-interval-configuration {
width: 500px;
}
.analytics-ui-interval-configuration .analytics-ui-multi-segment-slider {
margin: 44px 0 30px 0;
}
.analytics-ui-interval-configuration .interval-configuration-header h3 {
margin: 0;
}
.analytics-ui-interval-configuration .edit-interval,
.analytics-ui-interval-configuration .interval-edit-actions {
display: flex;
justify-content: flex-end;
}
.analytics-ui-interval-configuration .edit-interval .button,
.analytics-ui-interval-configuration .interval-edit-actions .button {
margin-left: 10px;
}
.analytics-ui-interval-configuration .interval-edit-actions {
margin-top: 20px;
}
.analytics-ui-interval-configuration .header-row {
border-top: 1px solid var(--gux-grey-60);
border-bottom: 1px solid var(--gux-grey-60);
}
.analytics-ui-interval-configuration .row {
height: 40px;
overflow: hidden;
}
.analytics-ui-interval-configuration .row,
.analytics-ui-interval-configuration .header-row,
.analytics-ui-interval-configuration .duration {
display: flex;
align-items: center;
}
.analytics-ui-interval-configuration .cell {
margin: 10px 12px;
}
.analytics-ui-interval-configuration .interval {
width: 88px;
}
.analytics-ui-interval-configuration .interval-threshold-input {
width: 80px;
}
.analytics-ui-interval-configuration .interval-threshold-input input {
text-align: left;
}
.analytics-ui-interval-configuration .interval-threshold-min {
min-width: 46px;
margin-right: 10px;
}
.analytics-ui-interval-configuration .gux-arrow-right {
margin-right: 26px;
}
.analytics-ui-interval-configuration .row:nth-child(even) {
background: var(--gux-grey-90);
}
.analytics-ui-multi-segment-slider {
width: 100%;
display: flex;
background-color: transparent;
/* box */
/* triangle */
/* triangle fill */
/* triangle border */
}
.analytics-ui-multi-segment-slider .multi-segment-slider-min-value {
margin-right: 4px;
}
.analytics-ui-multi-segment-slider .multi-segment-slider-max-value {
margin-left: 14px;
}
.analytics-ui-multi-segment-slider .segment {
margin: 0 1px;
height: 20px;
position: relative;
background-color: var(--gux-blue-100);
border-radius: 4px;
border: 1px solid var(--gux-blue-60);
box-sizing: border-box;
}
.analytics-ui-multi-segment-slider .segment .segment-popover-text {
width: max-content;
}
.analytics-ui-multi-segment-slider .segment .segment-popover-header,
.analytics-ui-multi-segment-slider .segment-end .segment-popover-header,
.analytics-ui-multi-segment-slider .segment .segment-popover-text,
.analytics-ui-multi-segment-slider .segment-end .segment-popover-text {
white-space: nowrap;
}
.analytics-ui-multi-segment-slider .segment:hover,
.analytics-ui-multi-segment-slider .segment-end:hover {
background-color: var(--gux-blue-80);
}
.analytics-ui-multi-segment-slider .segment-end {
margin-left: 1px;
width: 9px;
height: 20px;
background-color: var(--gux-blue-100);
border: 1px solid var(--gux-blue-60);
border-right: 1px solid var(--gux-blue-100);
position: relative;
}
.analytics-ui-multi-segment-slider .segment-end:hover {
border-right: 1px solid var(--gux-blue-80);
}
.analytics-ui-multi-segment-slider .segment .segment-label,
.analytics-ui-multi-segment-slider .segment-end .segment-label {
position: relative;
top: -20px;
text-align: center;
}
.analytics-ui-multi-segment-slider .segment-end:after,
.analytics-ui-multi-segment-slider .segment-end:before {
content: '';
display: block;
position: absolute;
left: 100%;
width: 0;
height: 0;
border-style: solid;
}
.analytics-ui-multi-segment-slider .segment-end:after {
top: 1px;
margin-left: 1px;
border-color: transparent transparent transparent var(--gux-blue-100);
border-width: 9px;
}
.analytics-ui-multi-segment-slider .segment-end:hover:after {
border-color: transparent transparent transparent var(--gux-blue-80);
}
.analytics-ui-multi-segment-slider .segment-end:before {
top: 0px;
margin-left: 1px;
border-color: transparent transparent transparent var(--gux-blue-60);
border-width: 10px;
}
.analytics-ui-multi-segment-slider .segment:last-of-type > .slider-button {
display: none !important;
}
.analytics-ui-multi-segment-slider .slider-button {
width: 20px;
height: 100%;
background-color: transparent;
position: absolute;
right: calc(-2px);
top: 0;
display: flex;
bottom: 0;
margin: auto;
z-index: 10;
user-select: none;
}
.analytics-ui-multi-segment-slider.editing .slider-button {
cursor: ew-resize;
}
.popover-text {
width: max-content;
max-width: 200px;
}
.ember-tether.pop-over-tether-element {
z-index: 1200;
}
.ember-tether.pop-over-tether-element .ember-engage-components-pop-over-container {
display: flex;
position: relative;
background-color: #ffffff;
border-radius: 4px;
box-shadow: 0 0 6px rgba(0, 0, 0, 0.5);
font-family: 'Roboto', sans-serif;
}
.ember-tether.pop-over-tether-element .ember-engage-components-pop-over-container .arrow {
height: 0;
width: 0;
overflow: visible;
position: absolute;
left: 24px;
}
.ember-tether.pop-over-tether-element .ember-engage-components-pop-over-container .arrow:before,
.ember-tether.pop-over-tether-element .ember-engage-components-pop-over-container .arrow:after {
position: absolute;
top: auto;
right: auto;
bottom: 100%;
left: auto;
content: " ";
height: 0;
width: 0;
border: solid transparent;
pointer-events: none;
}
.ember-tether.pop-over-tether-element .ember-engage-components-pop-over-container .arrow:after {
border-bottom-color: #ffffff;
border-width: 8px;
margin-left: -8px;
}
.ember-tether.pop-over-tether-element .ember-engage-components-pop-over-container .arrow:before {
border-bottom-color: #ccc;
border-width: 9px;
margin-left: -9px;
}
.ember-tether.pop-over-tether-element.pop-over-tether-element-attached-top .ember-engage-components-pop-over-container {
top: 10px;
}
.ember-tether.pop-over-tether-element.pop-over-tether-element-attached-bottom .ember-engage-components-pop-over-container {
top: -10px;
}
.ember-tether.pop-over-tether-element.pop-over-tether-element-attached-bottom .ember-engage-components-pop-over-container .arrow {
bottom: -17px;
}
.ember-tether.pop-over-tether-element.pop-over-tether-element-attached-bottom .ember-engage-components-pop-over-container .arrow:before,
.ember-tether.pop-over-tether-element.pop-over-tether-element-attached-bottom .ember-engage-components-pop-over-container .arrow:after {
transform: scaleY(-1);
}
.ember-tether.pop-over-tether-element.pop-over-tether-element-attached-bottom .ember-engage-components-pop-over-container .arrow:before {
border-width: 8px;
margin-left: -8px;
}
.ember-tether.pop-over-tether-element.pop-over-tether-element-attached-bottom .ember-engage-components-pop-over-container .arrow:after {
border-width: 9px;
margin-left: -9px;
}
.ember-tether.pop-over-tether-element.pop-over-tether-element-attached-center .ember-engage-components-pop-over-container .arrow {
left: 50%;
}
.ember-tether.pop-over-tether-element.pop-over-tether-element-attached-left .ember-engage-components-pop-over-container {
right: 24px;
}
.ember-tether.pop-over-tether-element.pop-over-tether-element-attached-right .ember-engage-components-pop-over-container {
left: 24px;
}
.ember-tether.pop-over-tether-element.pop-over-tether-element-attached-right .ember-engage-components-pop-over-container .arrow {
left: auto;
right: 24px;
}
.social-listening-posts-card-container {
width: 310px;
display: flex;
flex-direction: column;
gap: 8px;
}
.social-listening-posts-card-container .header {
display: flex;
color: var(--gux-black-100);
border-bottom: 1px solid var(--gux-grey-10);
height: 68px;
gap: 8px;
justify-content: space-between;
}
.social-listening-posts-card-container .header .user-information-container {
display: flex;
height: 52px;
gap: 4px;
}
.social-listening-posts-card-container .header .user-information-container .blurred-wrapper,
.social-listening-posts-card-container .header .user-information-container .profile-picture {
height: 48px;
max-width: 48px;
min-width: 48px;
border-radius: 50%;
}
.social-listening-posts-card-container .header .user-information-container .profile-picture-image-container {
display: grid;
grid-template-areas: 'profilePicture';
place-items: center;
}
.social-listening-posts-card-container .header .user-information-container .profile-picture-image-container .blurred-wrapper {
overflow: hidden;
grid-area: profilePicture;
}
.social-listening-posts-card-container .header .user-information-container .profile-picture-image-container.blurred .blurred-indicator-icon {
grid-area: profilePicture;
color: var(--gux-off-white);
z-index: 1;
font-weight: 300;
}
.social-listening-posts-card-container .header .user-information-container .profile-picture-image-container.blurred .blurred-wrapper {
background-color: var(--gux-black-10);
}
.social-listening-posts-card-container .header .user-information-container .profile-picture-image-container.blurred .blurred-wrapper .profile-picture {
opacity: 0.7;
filter: blur(2px);
}
.social-listening-posts-card-container .header .user-information-container .profile-picture.default {
background-image: linear-gradient(45deg, var(--gux-grey-60) 25%, transparent 25%), linear-gradient(45deg, transparent 75%, var(--gux-grey-60) 75%), linear-gradient(45deg, transparent 75%, var(--gux-grey-60) 75%), linear-gradient(45deg, var(--gux-grey-60) 25%, transparent 25%);
background-size: 6px 6px;
background-position: 0 0, 0 0, -3px -3px, 3px 3px;
}
.social-listening-posts-card-container .header .user-information-container .user-information {
display: flex;
flex-direction: column;
justify-content: space-around;
max-width: 200px;
}
.social-listening-posts-card-container .header .user-information-container .user-information .name-time {
display: flex;
gap: 4px;
}
.social-listening-posts-card-container .header .user-information-container .user-information .name-time .username {
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
.social-listening-posts-card-container .header .user-information-container .user-information .name-time .separator-container {
display: flex;
justify-content: center;
flex-direction: column;
}
.social-listening-posts-card-container .header .user-information-container .user-information .name-time .separator-container .separator {
width: 6px;
height: 6px;
background-color: var(--gux-grey-10);
border-radius: 6px;
}
.social-listening-posts-card-container .header .user-information-container .user-information .name-time .time {
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
.social-listening-posts-card-container .header .user-information-container .user-information .name-time .ingestion-rule-info {
display: flex;
flex-direction: column;
justify-content: center;
}
.social-listening-posts-card-container .header .user-information-container .user-information .platform-container {
gap: 4px;
display: flex;
align-items: center;
position: relative;
}
.social-listening-posts-card-container .header .user-information-container .user-information .platform-container .platform {
color: var(--gux-black-30);
}
.social-listening-posts-card-container .header .user-information-container .user-information .platform-container .platform.icon-wrapper {
display: flex;
flex-direction: column;
justify-content: center;
}
.social-listening-posts-card-container .header .user-information-container .user-information .platform-container .platform-rating {
height: 100%;
display: flex;
gap: 4px;
align-items: center;
}
.social-listening-posts-card-container .header .user-information-container .user-information .platform-container .platform-rating .separator-container {
height: 100%;
display: flex;
}
.social-listening-posts-card-container .header .user-information-container .user-information .platform-container .platform-rating .separator-container .separator {
border-right: 1px solid var(--gux-grey-60);
}
.social-listening-posts-card-container .header .user-information-container .user-information .platform-container .platform-rating gux-rating {
margin-bottom: -5.5px;
}
.social-listening-posts-card-container .header .sentiment-escalation-container {
display: flex;
gap: 12px;
}
.social-listening-posts-card-container .header .sentiment-escalation-container .sentiment-container {
display: flex;
flex-direction: column;
justify-content: center;
height: 52px;
}
.social-listening-posts-card-container .header .sentiment-escalation-container .sentiment-container .icon-wrapper.sentiment {
display: flex;
flex-direction: column;
justify-content: center;
}
.social-listening-posts-card-container .header .sentiment-escalation-container .sentiment-container .icon-wrapper.sentiment.Positive {
color: var(--gux-alert-green-60);
}
.social-listening-posts-card-container .header .sentiment-escalation-container .sentiment-container .icon-wrapper.sentiment.Negative {
color: var(--gux-alert-red-60);
}
.social-listening-posts-card-container .header .sentiment-escalation-container .sentiment-container .icon-wrapper.sentiment.Neutral {
color: var(--gux-black-60);
}
.social-listening-posts-card-container .header .sentiment-escalation-container .escalation-container {
display: flex;
flex-direction: column;
justify-content: center;
height: 52px;
}
.social-listening-posts-card-container .header .sentiment-escalation-container .escalation-container .escalate-icon-button {
display: flex;
flex-direction: column;
justify-content: center;
}
.social-listening-posts-card-container .header .sentiment-escalation-container .escalation-container .escalate-icon-button .escalate-icon.gux-icon {
margin: 0;
color: var(--gux-black-60);
}
.social-listening-posts-card-container .header .sentiment-escalation-container .escalation-container .escalate-icon-button.active .escalate-icon.gux-icon {
color: var(--gux-blue-60);
}
.social-listening-posts-card-container .header .sentiment-escalation-container .escalation-container .escalate-icon-button.disabled .escalate-icon.gux-icon {
color: var(--gux-grey-10);
cursor: not-allowed;
}
.social-listening-posts-card-container .header .sentiment-escalation-container .escalation-container .analytics-ui-filter-inputs.social-listening-platform-integration {
width: 200px;
}
.social-listening-posts-card-container .content-container {
display: flex;
flex-direction: column;
gap: 8px;
max-height: 400px;
overflow: hidden auto;
}
.social-listening-posts-card-container .content-container .attachment .media-container {
display: grid;
grid-template-areas: 'content';
place-items: center;
border-radius: 4px;
}
.social-listening-posts-card-container .content-container .attachment .media-container .sensitive-content-message {
display: none;
z-index: 1;
grid-area: content;
color: var(--gux-off-white);
font-weight: 300;
}
.social-listening-posts-card-container .content-container .attachment .media-container .sensitive-content-message * {
display: flex;
justify-content: center;
}
.social-listening-posts-card-container .content-container .attachment .media-container .blurred-wrapper {
width: 100%;
grid-area: content;
}
.social-listening-posts-card-container .content-container .attachment .media-container .media {
border-radius: inherit;
}
.social-listening-posts-card-container .content-container .attachment .media-container .media.image {
max-width: 100%;
}
.social-listening-posts-card-container .content-container .attachment .media-container .media.video {
width: 100%;
height: 100%;
}
.social-listening-posts-card-container .content-container .attachment .media-container.blurred {
overflow: hidden;
}
.social-listening-posts-card-container .content-container .attachment .media-container.blurred .blurred-wrapper {
background-color: var(--gux-black-10);
filter: blur(15px);
}
.social-listening-posts-card-container .content-container .attachment .media-container.blurred .sensitive-content-message {
display: flex;
flex-direction: column;
}
.social-listening-posts-card-container .content-container .attachment .media-container.blurred .media {
opacity: 0.7;
}
.social-listening-posts-card-container .content-container .attachment .caption {
font-style: italic;
}
.social-listening-posts-card-container .content-container .attachment .blur-toggle-container {
position: sticky;
bottom: 0px;
background-color: var(--gux-grey-100);
display: flex;
justify-content: center;
width: 25%;
z-index: 1;
}
.social-listening-posts-card-container .content-container .text-content {
word-wrap: break-word;
}
.social-listening-posts-card-container .link-to-post {
display: flex;
gap: 5px;
color: var(--gux-blue-60);
}
.social-listening-posts-card-container .link-to-post span:first-child {
display: flex;
flex-direction: column;
justify-content: center;
}
.social-listening-posts-card-container .reactions-container {
display: flex;
width: 154px;
gap: 8px;
color: var(--gux-black-100);
}
.social-listening-posts-card-container .reactions-container .reaction {
display: flex;
gap: 4px;
}
.social-listening-posts-card-container .reactions-container .reaction .icon-wrapper.reaction-icon {
display: flex;
flex-direction: column;
justify-content: center;
}
.social-listening-posts-card-container .reactions-container .separator-container {
display: flex;
justify-content: center;
flex-direction: column;
}
.social-listening-posts-card-container .reactions-container .separator-container .separator {
width: 6px;
height: 6px;
background-color: var(--gux-grey-10);
border-radius: 6px;
}
.social-listening-posts-card-container .channel-post-type {
display: flex;
gap: 10px;
color: var(--gux-black-100);
}
.social-listening-posts-card-container .channel-post-type .channel-type .icon-wrapper.channel-type-icon {
display: flex;
flex-direction: column;
justify-content: center;
height: 100%;
}
.social-listening-posts-card-container .channel-post-type .channel-type .icon-wrapper.channel-type-icon gux-icon {
width: 12px;
height: 12px;
}
.ingestion-tooltip {
display: flex;
flex-direction: column;
gap: 4px;
}
.ingestion-tooltip .tooltip-header {
font-weight: bold;
}
.ember-engage-components-pop-over-container .ember-engine-queues-data-table-column-picker-v2 {
text-align: left;
font-weight: normal;
padding: 5px 0;
}
@media (max-height: 690px) {
.ember-engage-components-pop-over-container .ember-engine-queues-data-table-column-picker-v2 {
max-height: 270px;
overflow-y: scroll;
}
}
.ember-engage-components-pop-over-container .ember-engine-queues-data-table-column-picker-v2 .emphasized-column-picker-section {
margin-top: 5px;
padding-top: 5px;
border-top: 1px solid #b8b8b8;
font-weight: 500;
}
.ember-engage-components-pop-over-container .ember-engine-queues-data-table-column-picker-v2 .column-section {
padding: 5px 0px;
}
.ember-engage-components-pop-over-container .ember-engine-queues-data-table-column-picker-v2 .column-section:not(:first-child) {
border-top: 2px solid #e8e8e8;
}
.ember-engage-components-pop-over-container .ember-engine-queues-data-table-column-picker-v2 .column-picker-button {
margin-bottom: -5px;
}
.ember-engage-components-pop-over-container .ember-engine-queues-data-table-column-picker-v2 .column-picker-button .picker-button {
background-color: #2A60C8;
width: 100%;
border: none;
}
.ember-engage-components-pop-over-container .ember-engine-queues-data-table-column-picker-v2 .column-picker-button .picker-button-label {
font-size: smaller;
color: #ffffff;
}
.ember-engage-components-pop-over-container .column-picker-option {
cursor: pointer;
padding: 1px 25px;
}
.ember-engage-components-pop-over-container .column-picker-option.bold-column {
font-weight: 500;
}
.ember-engage-components-pop-over-container .column-picker-option.presence-column {
font-size: smaller;
padding: 1px 30px 1px 10px;
}
.ember-engage-components-pop-over-container .column-picker-option .column-picker-option-count {
min-width: 40px;
float: left;
text-align: end;
padding-right: 10px;
display: inline;
}
.ember-engage-components-pop-over-container .column-picker-option .column-picker-option-label {
display: inline;
}
.ember-engage-components-pop-over-container .column-picker-option .column-picker-option-icon {
display: inline;
min-width: 20px;
padding-right: 5px;
float: left;
}
.ember-engage-components-pop-over-container .column-picker-option .column-picker-option-icon gux-icon {
height: 10px;
width: 10px;
position: relative;
top: 1px;
}
.ember-engage-components-pop-over-container .column-picker-option .column-picker-option-icon .routing-status {
color: #26B1E1;
}
.ember-engage-components-pop-over-container .column-picker-option .column-picker-option-icon .presence-available {
color: #77dd22;
}
.ember-engage-components-pop-over-container .column-picker-option .column-picker-option-icon .presence-away {
color: #ffbb33;
}
.ember-engage-components-pop-over-container .column-picker-option .column-picker-option-icon .presence-busy {
color: #ff0000;
}
.ember-engage-components-pop-over-container .column-picker-option .column-picker-option-icon .presence-offline {
color: #666666;
}
.ember-engage-components-pop-over-container .column-picker-option .column-picker-option-icon .presence-out-of-office {
color: #ff1dce;
}
.ember-engage-components-pop-over-container .status-filter-picker-v2 .column-picker-option.selected {
background-color: #F2F2F2;
color: #B3B3B3;
cursor: default;
}
.ember-engage-components-pop-over-container .status-filter-picker-v2 .column-picker-option.disabled {
color: #B3B3B3;
cursor: default;
}
.ember-engage-components-pop-over-container .status-filter-picker-v2 .panel-controls {
display: flex;
flex-direction: row;
justify-content: center;
padding: 6px;
margin-top: 5px;
}
.ember-engage-components-pop-over-container .status-filter-picker-v2 .panel-controls .apply-changes,
.ember-engage-components-pop-over-container .status-filter-picker-v2 .panel-controls .cancel-changes {
flex: 0;
margin: 8px;
}
.analytics-ui-share-list .list-container {
min-height: 100px;
max-height: 400px;
overflow-y: auto;
}
.analytics-ui-share-list ul {
list-style: none;
display: flex;
flex-direction: column;
padding-left: 20px;
}
.analytics-ui-share-list .share-list-button.disabled {
color: var(--gux-grey-20);
}
.analytics-ui-share-list .list-item {
display: flex;
align-items: center;
}
.analytics-ui-share-list .list-item .label-text {
font-size: 16px;
}
.analytics-ui-share-list .list-item .label-text-owner {
padding-right: 5px;
position: relative;
bottom: 8px;
}
.analytics-ui-share-list .list-item .you-label {
position: relative;
bottom: 8px;
color: var(--gux-black-100);
}
.analytics-ui-share-list .list-item .share-list-button {
font-size: 16px;
position: relative;
top: 2px;
left: 5px;
background: none;
outline: none;
border: none;
padding: 0;
}
.analytics-ui-share-list .list-item .share-list-button:focus {
outline: auto;
outline-offset: 1px;
outline-color: var(--gux-blue-sec);
}
.analytics-ui-share-list .share-list-item {
padding-top: 5px;
padding-bottom: 5px;
}
.analytics-ui-share-list .ul:nth-child(2) {
padding-top: 0px;
}
.analytics-ui-share-list .owner-item {
height: 58px;
}
.analytics-ui-share-list .owner-item.disabled {
color: var(--gux-grey-20);
}
.analytics-ui-share-list .owner-label {
position: relative;
left: 58px;
bottom: 24px;
width: 50px;
color: var(--gux-black-100);
}
.analytics-ui-share-list .disabled .owner-label {
color: var(--gux-grey-20);
opacity: 60%;
}
.analytics-ui-share-list .disabled .user-item-icon,
.analytics-ui-share-list .disabled .team-item-icon {
opacity: 50%;
}
.analytics-ui-share-list .disabled .you-label {
color: var(--gux-grey-20);
opacity: 60%;
}
.analytics-ui-share-list .share-list-item.disabled {
color: var(--gux-grey-20);
}
.analytics-ui-share-list .user-item-icon {
margin-right: 8px;
height: 50px;
width: 50px;
font-size: 23px;
border-radius: 50%;
color: var(--gux-off-white);
background-color: #115d71;
display: flex;
align-items: center;
justify-content: center;
}
.analytics-ui-share-list .team-item-icon {
margin-right: 8px;
height: 50px;
width: 50px;
border-radius: 50%;
background-color: #7785b8;
color: var(--gux-off-white);
display: flex;
align-items: center;
justify-content: center;
}
.analytics-ui-share-list .team-item-icon .team-gux-icon {
font-size: 23px;
color: var(--gux-off-white);
}
.table-wrapper .table-bulk-actions {
display: flex;
align-items: center;
flex-wrap: wrap;
margin: var(--gux-spacing-xs);
gap: var(--gux-spacing-xs);
}
.table-wrapper gux-table-beta th .header-container {
display: flex;
justify-content: space-between;
gap: var(--gux-spacing-2xs);
}
.table-wrapper gux-table-beta th .header-container .label-container {
display: flex;
flex-direction: column;
justify-content: center;
}
.table-wrapper gux-table-beta th .header-container .label-container .sub-label-value {
font-weight: normal;
}
.table-wrapper gux-table-beta th .header-container .column-header-components {
flex: 1;
}
.table-wrapper gux-table-beta th .header-container .column-header-components .action-button-container {
height: 0;
}
.table-wrapper gux-table-beta th .header-container .column-header-components gux-sort-control {
margin-left: var(--gux-spacing-large);
}
.table-wrapper gux-table-beta th .header-container .column-header-components .column-header-component-configs {
display: flex;
}
.table-wrapper gux-table-beta th .header-container .column-header-components .column-header-component-configs .left-components {
flex: 1 1 auto;
display: flex;
justify-content: left;
}
.table-wrapper gux-table-beta th .header-container .column-header-components .column-header-component-configs .right-components {
flex: 1 1 auto;
display: flex;
justify-content: right;
}
.table-wrapper gux-table-beta th,
.table-wrapper gux-table-beta td,
.table-wrapper gux-table-beta td > * {
overflow: hidden;
text-overflow: ellipsis;
}
.expandable-list {
display: flex;
}
.expandable-list .items-controls {
background: none;
height: fit-content;
}
.expandable-list .items-controls .gux-icon {
scale: 0.7;
cursor: pointer;
vertical-align: middle;
}
.expandable-list .items-list .item {
display: inline-flex;
text-overflow: ellipsis;
overflow: hidden;
}
.expandable-list .items-list .item .item-string {
display: inline-block;
}
.expandable-list .items-list .item.actionable .item-string {
color: var(--gux-blue-60);
cursor: pointer;
}
.expandable-list .items-list.expandable {
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
.expandable-list .items-list:not(.expanded) .item:not(:last-child) .item-string > span.item-value:after {
content: ',';
}
.expandable-list .items-list:not(.expanded) .item:not(:last-child) .item-string {
content: ',';
}
.expandable-list .items-list.expanded .item {
display: block;
}
.analytics-ui-tooltip-icon-cell {
display: flex;
gap: 12px;
}
.analytics-ui-tooltip-icon-cell gux-icon {
color: var(--gux-blue-50);
}
.ember-engage-components-zoom-container {
position: relative;
}
.ember-engage-components-zoom-container .zoom-icon {
position: absolute;
display: none;
width: 100%;
height: 100%;
align-items: center;
justify-content: center;
z-index: 1;
cursor: pointer;
color: #2A60C8;
}
.ember-engage-components-zoom-container:hover .zoom-icon {
display: flex;
}
.ember-engage-components-zoom-container:hover .zoom-icon .svg-icon {
width: 1.5em;
height: 1.5em;
}
.ember-engage-components-zoom-container:hover .zoom-content {
opacity: 0.25;
}
.action-cell a {
cursor: pointer;
}
.boolean-cell .circle {
border-radius: 10px;
border: 1px solid #b3b3b3;
width: 10px;
height: 10px;
background-color: #b3b3b3;
}
.dual-metric-cell .secondary-metric {
left: 2px;
font-size: 11px;
position: relative;
bottom: 2px;
}
.dual-metric-cell .primary-metric {
min-width: 35px;
display: inline-block;
text-align: right;
}
.dual-metric-cell .primary-metric.red-metric {
color: #ff0000;
}
.data-table {
border-top: solid 2px #E4E9F0;
overflow: hidden;
width: 100%;
height: 100%;
font-family: 'Roboto', sans-serif;
}
.data-table .flex-1 {
flex-grow: 1;
}
.data-table .flex-2 {
flex-grow: 2;
}
.data-table .flex-3 {
flex-grow: 3;
}
.data-table .flex-4 {
flex-grow: 4;
}
.data-table .flex-5 {
flex-grow: 5;
}
.data-table .flex-6 {
flex-grow: 6;
}
.data-table .flex-7 {
flex-grow: 7;
}
.data-table .flex-8 {
flex-grow: 8;
}
.data-table .flex-9 {
flex-grow: 9;
}
.data-table .flex-10 {
flex-grow: 10;
}
.data-table .flex-11 {
flex-grow: 11;
}
.data-table .flex-12 {
flex-grow: 12;
}
.data-table .flex-13 {
flex-grow: 13;
}
.data-table .flex-14 {
flex-grow: 14;
}
.data-table .flex-15 {
flex-grow: 15;
}
.data-table .flex-16 {
flex-grow: 16;
}
.data-table .flex-17 {
flex-grow: 17;
}
.data-table .flex-18 {
flex-grow: 18;
}
.data-table .flex-19 {
flex-grow: 19;
}
.data-table .flex-20 {
flex-grow: 20;
}
.data-table .flex-21 {
flex-grow: 21;
}
.data-table .flex-22 {
flex-grow: 22;
}
.data-table .flex-23 {
flex-grow: 23;
}
.data-table .flex-24 {
flex-grow: 24;
}
.data-table .flex-25 {
flex-grow: 25;
}
.data-table .flex-26 {
flex-grow: 26;
}
.data-table .flex-27 {
flex-grow: 27;
}
.data-table .flex-28 {
flex-grow: 28;
}
.data-table .flex-29 {
flex-grow: 29;
}
.data-table .flex-30 {
flex-grow: 30;
}
.data-table .flex-31 {
flex-grow: 31;
}
.data-table .flex-32 {
flex-grow: 32;
}
.data-table .flex-33 {
flex-grow: 33;
}
.data-table .flex-34 {
flex-grow: 34;
}
.data-table .flex-35 {
flex-grow: 35;
}
.data-table .flex-36 {
flex-grow: 36;
}
.data-table .flex-37 {
flex-grow: 37;
}
.data-table .flex-38 {
flex-grow: 38;
}
.data-table .flex-39 {
flex-grow: 39;
}
.data-table .flex-40 {
flex-grow: 40;
}
.data-table .flex-41 {
flex-grow: 41;
}
.data-table .flex-42 {
flex-grow: 42;
}
.data-table .flex-43 {
flex-grow: 43;
}
.data-table .flex-44 {
flex-grow: 44;
}
.data-table .flex-45 {
flex-grow: 45;
}
.data-table .flex-46 {
flex-grow: 46;
}
.data-table .flex-47 {
flex-grow: 47;
}
.data-table .flex-48 {
flex-grow: 48;
}
.data-table .flex-49 {
flex-grow: 49;
}
.data-table .flex-50 {
flex-grow: 50;
}
.data-table .flex-51 {
flex-grow: 51;
}
.data-table .flex-52 {
flex-grow: 52;
}
.data-table .flex-53 {
flex-grow: 53;
}
.data-table .flex-54 {
flex-grow: 54;
}
.data-table .flex-55 {
flex-grow: 55;
}
.data-table .flex-56 {
flex-grow: 56;
}
.data-table .flex-57 {
flex-grow: 57;
}
.data-table .flex-58 {
flex-grow: 58;
}
.data-table .flex-59 {
flex-grow: 59;
}
.data-table .flex-60 {
flex-grow: 60;
}
.data-table .flex-61 {
flex-grow: 61;
}
.data-table .flex-62 {
flex-grow: 62;
}
.data-table .flex-63 {
flex-grow: 63;
}
.data-table .flex-64 {
flex-grow: 64;
}
.data-table .flex-65 {
flex-grow: 65;
}
.data-table .flex-66 {
flex-grow: 66;
}
.data-table .flex-67 {
flex-grow: 67;
}
.data-table .flex-68 {
flex-grow: 68;
}
.data-table .flex-69 {
flex-grow: 69;
}
.data-table .flex-70 {
flex-grow: 70;
}
.data-table .flex-71 {
flex-grow: 71;
}
.data-table .flex-72 {
flex-grow: 72;
}
.data-table .flex-73 {
flex-grow: 73;
}
.data-table .flex-74 {
flex-grow: 74;
}
.data-table .flex-75 {
flex-grow: 75;
}
.data-table .flex-76 {
flex-grow: 76;
}
.data-table .flex-77 {
flex-grow: 77;
}
.data-table .flex-78 {
flex-grow: 78;
}
.data-table .flex-79 {
flex-grow: 79;
}
.data-table .flex-80 {
flex-grow: 80;
}
.data-table .flex-81 {
flex-grow: 81;
}
.data-table .flex-82 {
flex-grow: 82;
}
.data-table .flex-83 {
flex-grow: 83;
}
.data-table .flex-84 {
flex-grow: 84;
}
.data-table .flex-85 {
flex-grow: 85;
}
.data-table .flex-86 {
flex-grow: 86;
}
.data-table .flex-87 {
flex-grow: 87;
}
.data-table .flex-88 {
flex-grow: 88;
}
.data-table .flex-89 {
flex-grow: 89;
}
.data-table .flex-90 {
flex-grow: 90;
}
.data-table .flex-91 {
flex-grow: 91;
}
.data-table .flex-92 {
flex-grow: 92;
}
.data-table .flex-93 {
flex-grow: 93;
}
.data-table .flex-94 {
flex-grow: 94;
}
.data-table .flex-95 {
flex-grow: 95;
}
.data-table .flex-96 {
flex-grow: 96;
}
.data-table .flex-97 {
flex-grow: 97;
}
.data-table .flex-98 {
flex-grow: 98;
}
.data-table .flex-99 {
flex-grow: 99;
}
.data-table .flex-100 {
flex-grow: 100;
}
.data-table .dt-row-expander {
cursor: pointer;
background: none;
margin: 0;
border: 0;
outline: 0;
width: 25px;
}
.data-table .dt-row-expander .expander-icon {
width: 11px;
}
.data-table .dt-row-expander.hide-expand-option {
visibility: hidden;
}
.data-table .dt-row-expander.expander-disabled {
cursor: initial;
}
.data-table .dt-row-expander.expander-disabled .expander-icon {
opacity: 0.4;
}
.data-table .dt-row-expander:focus .expander-icon {
outline: auto;
outline-color: #2A60C8;
outline-offset: 2px;
}
.data-table .dt-row-expansion-content {
border-top: solid 1px #E4E9F0;
border-bottom: solid 2px #E4E9F0;
margin-bottom: -1px;
padding: 6px 0 6px 25px;
position: relative;
top: -1px;
}
.data-table .dt-row-expansion-content.dt-bulk-actions {
padding: 6px 0 6px 50px;
}
.data-table .dt-bulk-actions .dt-bulk-action-btn {
display: inline-block;
border-radius: 3px;
margin: 4px;
padding: 3px;
}
.data-table .dt-bulk-actions .dt-bulk-action-btn .icon-container {
display: flex;
align-items: center;
gap: 4px;
}
.data-table .dt-bulk-actions .selected-rows-count {
color: #444A52;
}
.data-table .dt-horiz-scrollable {
display: flex;
flex-direction: column;
width: 100%;
overflow-x: auto;
flex-grow: 1;
position: relative;
}
.data-table .dt-cell-align-left {
text-align: left;
}
.data-table .dt-cell-align-left.label-cell {
justify-content: flex-start;
}
.data-table .dt-cell-align-center {
text-align: center;
}
.data-table .dt-cell-align-center.label-cell {
justify-content: center;
}
.data-table .dt-cell-align-right {
text-align: right;
}
.data-table .dt-cell-align-right.label-cell {
justify-content: flex-end;
}
.data-table .dt-cell .label-container,
.data-table .dt-cell .dt-cell-value,
.data-table .dt-cell .dt-controls,
.data-table .dt-row-choice {
padding: 4px 6px;
}
.data-table .dt-section-head {
z-index: 1;
}
.data-table .dt-row-control-panel,
.data-table .dt-row-control-panel-spacer {
animation-duration: 1s;
animation-fill-mode: both;
animation-duration: 0.25s;
position: absolute;
right: 0;
padding: 5px 15px 5px 5px;
height: 100%;
width: 26px;
overflow: hidden;
font-size: 24px;
display: flex;
align-items: center;
}
.data-table .dt-row-control-panel .dt-row-control-panel-item,
.data-table .dt-row-control-panel-spacer .dt-row-control-panel-item {
display: flex;
cursor: pointer;
min-width: 26px;
text-align: center;
justify-content: center;
}
.data-table .dt-row-control-panel .dt-row-control-panel-item gux-icon.menu-kebab-vertical,
.data-table .dt-row-control-panel-spacer .dt-row-control-panel-item gux-icon.menu-kebab-vertical {
font-size: 20px;
}
.data-table .dt-row-control-panel .dt-row-control-panel-item-action,
.data-table .dt-row-control-panel-spacer .dt-row-control-panel-item-action {
display: none;
font-size: initial;
padding-left: 5px;
}
.data-table .dt-row-control-panel .dt-row-control-panel-item-action:hover,
.data-table .dt-row-control-panel-spacer .dt-row-control-panel-item-action:hover {
color: initial;
text-decoration: underline;
}
.data-table .dt-row-control-panel .dt-row-control-panel-item-action .dt-row-control-panel-item-text,
.data-table .dt-row-control-panel-spacer .dt-row-control-panel-item-action .dt-row-control-panel-item-text {
font-family: 'Roboto', sans-serif;
font-size: 14px;
}
.data-table .dt-row-control-panel.dt-row-control-panel-expanded,
.data-table .dt-row-control-panel-spacer.dt-row-control-panel-expanded {
border-left: solid 1px #dddddd;
background: var(--gux-grey-90);
animation-name: fadeInRight;
width: auto;
box-shadow: inset 2px 0px 2px 0px #eee;
}
.data-table .dt-row-control-panel.dt-row-control-panel-expanded .dt-row-control-panel-item-action,
.data-table .dt-row-control-panel-spacer.dt-row-control-panel-expanded .dt-row-control-panel-item-action {
display: inline-block;
}
.data-table .dt-row-control-panel.dt-row-control-panel-expanded {
border-left-color: #E4E9F0;
background-color: #f8faff;
box-shadow: inset 2px 0px 2px 0px #E4E9F0;
}
.data-table .dt-row-control-panel .dt-row-control-panel-item {
color: #2A60C8;
}
.data-table .dt-section-body .dt-cell {
overflow: hidden;
}
.data-table .dt-section-body .dt-cell > div.ember-view {
display: flex;
}
.data-table .dt-section-body .dt-cell .dt-cell-value {
width: 100%;
display: inline-block;
line-height: 1.25;
text-overflow: ellipsis;
overflow: hidden;
}
.data-table .dt-section-body .dt-cell .red-metric {
color: #ff0000;
}
.data-table .dt-section-body .dt-cell,
.data-table .dt-section-body .dt-row-control-panel,
.data-table .dt-section-body .dt-row-control-panel-spacer,
.data-table .dt-section-body .dt-row-expander,
.data-table .dt-section-body .dt-row-choice {
border-top: 1px solid #E4E9F0;
}
.data-table .dt-section-body .dt-row:first-child .dt-cell,
.data-table .dt-section-body .dt-row:first-child .dt-row-control-panel,
.data-table .dt-section-body .dt-row:first-child .dt-row-expander {
border-top: 0;
}
.data-table .header-row {
border-bottom: solid 2px #2A60C8;
position: relative;
z-index: 2;
}
.data-table .header-row .blue-cell {
color: #203B73;
}
.data-table .header-row .selected-column {
font-weight: 500;
background-color: #DEEAFF;
}
.data-table .header-row .dt-cell {
cursor: default;
}
.data-table .header-row .dt-cell.selectable-cell {
cursor: pointer;
}
.data-table .header-row .sortable-objects {
width: 100%;
display: flex;
justify-content: flex-end;
}
.data-table .header-row .dt-drag-container {
display: flex;
flex-basis: 1px;
overflow: hidden;
}
.data-table .header-row .dt-drag-container.is-dragging-object {
opacity: 0.9 !important;
cursor: grabbing;
background: #75A8FF;
color: #ffffff;
}
.data-table .header-row .draggable {
cursor: grab;
position: relative;
transition: 0.25s;
}
.data-table .header-row .draggable .drag-handle {
opacity: 0;
position: absolute;
top: 3px;
right: 0;
width: 1em;
height: 1em;
}
.data-table .header-row .draggable:active {
cursor: grabbing;
cursor: -moz-grabbing;
cursor: -webkit-grabbing;
}
.data-table .header-row .draggable:hover {
transition: 0.25s;
}
.data-table .header-row .draggable:hover .drag-handle {
opacity: 1;
}
.data-table.show-row-control-panel > .dt-horiz-scrollable > .dt-section-body > .dt-row,
.data-table.show-table-control-panel > .dt-horiz-scrollable > .dt-section-body > .dt-row,
.data-table.show-row-control-panel > .dt-horiz-scrollable > .dt-section-head .header-row,
.data-table.show-table-control-panel > .dt-horiz-scrollable > .dt-section-head .header-row {
padding-right: 26px;
}
.data-table.show-row-control-panel.show-table-control-panel > .dt-horiz-scrollable > .dt-section-head .header-row,
.data-table.show-table-control-panel.show-table-control-panel > .dt-horiz-scrollable > .dt-section-head .header-row {
padding-right: 0;
}
.data-table.show-row-control-panel.column-picker-toggle > .dt-horiz-scrollable > .dt-section-body > .dt-row > .dt-cell:last-of-type,
.data-table.show-table-control-panel.column-picker-toggle > .dt-horiz-scrollable > .dt-section-body > .dt-row > .dt-cell:last-of-type {
padding-right: 0;
}
.data-table.column-picker-toggle > .dt-horiz-scrollable > .dt-section-body > .dt-row > .dt-cell:last-of-type {
padding-right: 26px;
}
.data-table .dt-row.dt-row-empty .dt-cell {
font-size: 17px;
text-align: center;
white-space: nowrap;
}
.data-table .label-cell {
font-family: 'Roboto', sans-serif;
font-size: 13px;
font-weight: 400;
white-space: nowrap;
overflow: hidden;
display: flex;
}
.data-table .label-cell:not(.column-picker-toggle, .table-control-panel-toggle) {
padding-right: 14px;
}
.data-table .label-cell.table-control-panel-toggle {
flex-shrink: 0;
overflow: visible;
min-width: 26px;
justify-content: center;
}
.data-table .label-cell.column-picker-toggle {
flex-shrink: 0;
overflow: visible;
min-width: 26px;
display: flex;
align-items: center;
justify-content: center;
font-size: 15px;
cursor: pointer;
border: 0;
background: transparent;
}
.data-table .label-cell.column-picker-toggle:focus {
outline: #2A60C8 2px auto;
}
.data-table .label-cell.column-picker-toggle .column-picker-controls {
position: relative;
width: 20px;
height: 20px;
display: flex;
align-items: center;
justify-content: center;
padding-bottom: 2px;
border-radius: 100%;
transition: 0.25s;
}
.data-table .label-cell.column-picker-toggle .column-picker-controls i {
margin-bottom: 0;
position: relative;
top: 1px;
}
.data-table .label-cell.column-picker-toggle .column-picker-controls.column-picker-toggled gux-icon {
color: #203B73;
}
.data-table .label-cell .label-container {
overflow: hidden;
text-overflow: ellipsis;
}
.data-table .label-cell .sub-label-value {
font-size: 12px;
}
.data-table .label-cell .btn-flat {
padding: 0;
}
.data-table .label-cell .dt-controls {
display: flex;
font-size: 10px;
}
.data-table .label-cell .dt-controls .control {
cursor: pointer;
display: flex;
flex-direction: column;
justify-content: center;
}
.data-table .label-cell .dt-controls .control gux-icon.arrow-solid-up {
margin-bottom: -1px;
}
.data-table .label-cell .dt-controls .control gux-icon.arrow-solid-down {
margin-top: -1px;
}
.data-table .dt-section.dt-section-footer {
border-top-color: #E4E9F0;
}
.dt-section.dt-section-footer {
padding: 10px 0 0;
border-top: solid 3px;
position: relative;
top: -1px;
}
.partial-table {
flex: 1 0 auto;
}
.partial-table .label-cell {
background-color: transparent;
}
.partial-table .dt-section-body .dt-cell,
.partial-table .dt-section-body .dt-row-control-panel {
border-top: 1px solid;
border-bottom: none;
}
.partial-table + .pager-controls .prev-next:disabled {
cursor: not-allowed;
opacity: 0.5;
}
.partial-table + .pager-controls .prev-next:disabled i {
display: inline-block;
}
.l-scroll-table {
display: inline-flex;
align-items: flex-start;
flex-direction: column;
}
.l-scroll-table .dt-section {
flex-shrink: 0;
flex-grow: 0;
width: 100%;
}
.l-scroll-table .scrollable-section {
flex-shrink: 1;
overflow-y: auto;
overflow-x: hidden;
}
.l-scroll-table .scrollable-section::-webkit-scrollbar {
-webkit-appearance: none;
width: 15px;
}
.l-scroll-table .scrollable-section::-webkit-scrollbar-thumb {
border-radius: 9px;
border: 4px solid white;
background-color: rgba(0, 0, 0, 0.5);
-webkit-box-shadow: 0 0 1px rgba(255, 255, 255, 0.5);
}
.l-scroll-table .dt-row {
display: flex;
position: relative;
}
.l-scroll-table .dt-cell {
flex-basis: 1px;
word-break: break-all;
}
.l-scroll-table .dt-row.dt-row-empty .dt-cell,
.l-scroll-table .dt-row.dt-row-loading .dt-cell {
flex-grow: 1;
}
.data-table .dt-section.dt-section-body {
min-height: 48px;
position: relative;
flex-grow: 1;
outline: none;
}
.data-table .dt-section.dt-section-body > .dt-row {
min-height: 44px;
}
.data-table .dt-section.dt-section-body > .dt-row:not(.action-row) {
outline: none;
}
.data-table .dt-section.dt-section-body > .dt-row:not(.action-row):hover {
cursor: default;
}
.data-table .dt-section.dt-section-body > .dt-row:nth-child(2n+1):not(:only-child) {
background-color: #F8F8F8;
}
.data-table .dt-section.dt-section-body > .dt-row.action-row:hover {
cursor: pointer;
background: #DEEAFF;
transition: background-color 0.25s;
}
.data-table .dt-section.dt-section-body > .dt-row.action-row:hover > .dt-cell {
position: relative;
background: #DEEAFF;
transition: background-color 0.25s;
}
.data-table .dt-section.dt-section-body > .dt-row.action-row:hover > .dt-cell:first-child:before {
display: block;
content: '';
background: #2A60C8;
height: calc(100% + 1px);
left: 0;
position: absolute;
top: -1px;
transition: background-color 0.25s;
width: 2px;
}
.data-table .dt-section.dt-section-body > .dt-row > .dt-cell,
.data-table .dt-section.dt-section-body > .dt-row .dt-row-choice {
display: flex;
flex-direction: column;
font-family: 'Roboto', sans-serif;
font-size: 13px;
justify-content: center;
}
.data-table .dt-section.dt-section-body > .dt-row > .blue-cell {
background-color: #edf4ff;
}
.ember-engage-components-pop-over-container .column-picker-option {
cursor: pointer;
padding: 1px 25px;
}
.ember-engage-components-pop-over-container .column-picker-option.bold-column {
font-weight: 500;
}
.ember-engage-components-pop-over-container .column-picker-option.presence-column {
font-size: smaller;
padding: 1px 30px 1px 10px;
}
.ember-engage-components-pop-over-container .column-picker-option .column-picker-option-count {
min-width: 40px;
float: left;
text-align: end;
padding-right: 10px;
display: inline;
}
.ember-engage-components-pop-over-container .column-picker-option .column-picker-option-label {
display: inline;
}
.ember-engage-components-pop-over-container .column-picker-option .column-picker-option-icon {
display: inline;
min-width: 20px;
padding-right: 5px;
float: left;
}
.ember-engage-components-pop-over-container .column-picker-option .column-picker-option-icon .routing-status {
color: #26B1E1;
}
.ember-engage-components-pop-over-container .column-picker-option .column-picker-option-icon .presence-available {
color: #77dd22;
}
.ember-engage-components-pop-over-container .column-picker-option .column-picker-option-icon .presence-away {
color: #ffbb33;
}
.ember-engage-components-pop-over-container .column-picker-option .column-picker-option-icon .presence-busy {
color: #ff0000;
}
.ember-engage-components-pop-over-container .column-picker-option .column-picker-option-icon .presence-offline {
color: #666666;
}
.ember-engage-components-pop-over-container .column-picker-option .column-picker-option-icon .presence-out-of-office {
color: #ff1dce;
}
.analytics-ui-data-update-indicator .live-indicator-badge {
line-height: normal;
font-weight: 500;
height: 20px;
border-radius: 4px;
padding: 2px 8px 2px 8px;
gap: 4px;
background-color: var(--gux-black-50);
color: var(--gux-grey-100);
}
.analytics-ui-export-expiration-container {
display: flex;
font-size: 12px;
margin: 12px 0px;
}
.analytics-ui-export-expiration-container .expired-expiring-exports {
display: flex;
}
.analytics-ui-export-expiration-container .expired-expiring-exports .expired,
.analytics-ui-export-expiration-container .expired-expiring-exports .expiring {
font-weight: 700;
margin-left: 20px;
}
.analytics-ui-export-expiration-container .expired-expiring-exports .expired .count-container,
.analytics-ui-export-expiration-container .expired-expiring-exports .expiring .count-container {
display: flex;
}
.analytics-ui-export-expiration-container .expired-expiring-exports .scheduled-export-count {
font-size: 43px;
font-weight: 700;
}
app-view-stack.tall-stack {
height: 400px;
display: block;
}
.analytics-ui-agent-timeline-timeline-card {
width: 100%;
}
.analytics-ui-agent-timeline-timeline-card gux-visualization-beta {
width: 100%;
display: block;
}
.analytics-ui-queue-activation-tables {
display: flex;
gap: 32px;
padding: 12px 24px;
height: 100%;
}
.analytics-ui-queue-activation-tables .active-queues,
.analytics-ui-queue-activation-tables .available-queues {
flex-basis: 50%;
max-width: 50%;
}
.analytics-ui-queue-activation-tables .table-header {
display: flex;
width: 100%;
}
.analytics-ui-queue-activation-tables .table-header .header-text {
width: 70%;
}
.analytics-ui-queue-activation-tables .table-header .search {
width: 30%;
}
.analytics-ui-queue-activation-tables .column-toggleQueueActivation gux-button {
margin-top: 6px;
}
.analytics-ui-queue-activation-tables gux-button:focus {
border: 1px solid var(--gux-blue-60);
border-radius: 4px;
}
.analytics-ui-queue-activation-tables .table-wrapper {
height: 80%;
}
.analytics-ui-queue-activation-tables .analytics-ui-gux-table {
height: 100%;
}
.interaction-metric-v2 {
display: flex;
align-items: center;
}
.interaction-metric-v2 .total-section-v2 {
display: inline-block;
font-weight: 400;
font-size: 22px;
flex: 1 1 auto;
margin-right: 10px;
align-self: center;
color: #33383D;
}
.interaction-metric-v2 .breakdown-subsection {
color: #77828F;
}
.interaction-metric-v2 .breakdown-section-v2 {
display: inline-flex;
flex: 1 1 auto;
flex-direction: column;
}
.interaction-metric-v2 .breakdown-section-v2 .breakdown-subsection {
flex: 1 1 auto;
display: inline-flex;
font-size: 14px;
margin-bottom: 5px;
}
.interaction-metric-v2 .breakdown-section-v2 .media-icon {
display: flex;
align-items: center;
flex: 0 0 17px;
margin-right: 2px;
}
.metric-breakdown .total-section {
display: inline-block;
font-weight: 500;
font-size: 22px;
min-width: 35px;
}
.metric-breakdown .total-section-big {
font-weight: 400;
font-size: 20px;
font-family: 'Roboto', sans-serif;
}
.metric-breakdown .breakdown-section {
display: inline-block;
font-size: 14px;
font-weight: 200;
margin-left: 10px;
position: relative;
top: -2px;
}
.metric-breakdown .breakdown-section > span {
font-family: 'Roboto', sans-serif;
font-weight: 500;
}
.metric-breakdown .breakdown-section i.routing-status {
color: #26B1E1;
}
.metric-breakdown .breakdown-section i.presence-available {
color: #77dd22;
}
.metric-breakdown .breakdown-section i.presence-away {
color: #ffbb33;
}
.metric-breakdown .breakdown-section i.presence-busy {
color: #ff0000;
}
.metric-breakdown .breakdown-section .metric-values {
padding-left: 5px;
}
.metric-breakdown .breakdown-section .metric-sub-li {
display: inline;
}
.metric-breakdown ul {
list-style: none;
text-align-last: end;
padding: 0;
margin: 0;
}
.presence-breakdown .breakdown-section {
cursor: default;
color: #77828F;
}
.presence-breakdown .breakdown-section > span {
font-family: 'Roboto', sans-serif;
font-weight: 500;
}
.presence-breakdown .breakdown-section .pop-over {
display: inline;
}
.presence-breakdown .breakdown-section gux-icon.presence-available {
color: #77dd22;
}
.presence-breakdown .breakdown-section gux-icon.presence-away {
color: #ffbb33;
}
.presence-breakdown .breakdown-section gux-icon.presence-busy {
color: #ff0000;
}
.presence-breakdown .total-section {
color: #33383D;
}
.ember-engage-components-pop-over-container {
cursor: default;
}
.ember-engage-components-pop-over-container .away-detail {
padding: 10px;
}
.ember-engage-components-pop-over-container .away-detail .away-status {
padding: 5px;
}
.ember-engage-components-pop-over-container .available-detail {
padding: 10px;
}
.ember-engage-components-pop-over-container .available-detail .available-status {
padding: 5px;
}
.ember-engage-components-pop-over-container .busy-detail {
padding: 10px;
}
.ember-engage-components-pop-over-container .busy-detail .busy-status {
padding: 5px;
}
.presence-breakdown-v2 {
display: flex;
align-items: center;
}
.presence-breakdown-v2 .breakdown-section-v2 {
cursor: default;
display: inline-flex;
flex: 1 1 auto;
flex-wrap: wrap;
padding: 0 10px;
}
.presence-breakdown-v2 .breakdown-section-v2 > span {
font-family: 'Roboto', sans-serif;
font-weight: 500;
}
.presence-breakdown-v2 .breakdown-section-v2 .pop-over {
display: inline;
}
.presence-breakdown-v2 .breakdown-section-v2 gux-icon.presence-available {
color: #77dd22;
}
.presence-breakdown-v2 .breakdown-section-v2 gux-icon.presence-away {
color: #ffbb33;
}
.presence-breakdown-v2 .breakdown-section-v2 gux-icon.presence-busy {
color: #ff0000;
}
.presence-breakdown-v2 .breakdown-section-v2 .breakdown-subsection {
flex: 1 1 auto;
display: inline-flex;
align-items: center;
}
.presence-breakdown-v2 .breakdown-section-v2 .breakdown-subsection .subsection-value {
font-size: 14px;
}
.presence-breakdown-v2 .breakdown-section-v2 .breakdown-subsection gux-icon {
margin-right: 3px;
height: 9px;
width: 9px;
}
.presence-breakdown-v2 .presence-breakdown-popover-detail {
cursor: default;
display: flex;
padding: 10px;
}
.presence-breakdown-v2 .presence-breakdown-popover-detail .presence-status {
padding: 5px;
}
.engage-components-user-status-count .selection-indicator {
display: inline-block;
overflow: visible;
position: relative;
cursor: pointer;
}
.engage-components-user-status-count .selection-indicator:before {
content: '';
display: block;
width: calc(100%);
height: 5px;
position: absolute;
bottom: 0;
opacity: 0;
left: 0;
background-color: #203B73;
}
.engage-components-user-status-count .selection-indicator:after {
content: '';
display: block;
width: 0px;
height: 0px;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-top: 5px solid;
position: absolute;
bottom: -5px;
left: calc(50% - 3px);
opacity: 0;
border-top-color: #203B73;
}
.engage-components-user-status-count .selection-indicator:hover:before,
.engage-components-user-status-count .selection-indicator:hover:after {
opacity: 0.5;
}
.engage-components-user-status-count .selection-indicator.selected:before,
.engage-components-user-status-count .selection-indicator.selected:after,
.engage-components-user-status-count .selection-indicator.selected:hover:before,
.engage-components-user-status-count .selection-indicator.selected:hover:after {
opacity: 1;
}
.engage-components-user-status-count .status-count,
.engage-components-user-status-count .status-label {
font-family: 'Roboto', sans-serif;
}
.engage-components-user-status-count .status-count {
font-weight: 400;
font-size: 20px;
font-family: 'Roboto', sans-serif;
}
.engage-components-user-status-count .status-label {
display: block;
font-size: 13px;
}
.analytics-view-queue-activity-detail.queue-activity-detail-v2 {
display: flex;
flex-direction: column;
height: 100%;
}
.analytics-view-queue-activity-detail.queue-activity-detail-v2 .queue-activity-detail {
min-height: 100%;
}
.analytics-view-queue-activity-detail.queue-activity-detail-v2 .all-panes {
display: flex;
flex-direction: column;
height: 100%;
overflow-y: auto;
}
@media (min-width: 1024px) {
.analytics-view-queue-activity-detail.queue-activity-detail-v2 .all-panes {
flex-direction: row;
}
}
.analytics-view-queue-activity-detail.queue-activity-detail-v2 .left-pane {
display: flex;
flex-direction: column;
flex: 1 0 auto;
background-color: #F2F9FB;
border-right: 1px solid #d7e7eb;
}
@media (min-width: 1024px) {
.analytics-view-queue-activity-detail.queue-activity-detail-v2 .left-pane {
flex: 0 0 40%;
flex-direction: column;
overflow: auto;
}
}
.analytics-view-queue-activity-detail.queue-activity-detail-v2 .left-pane .left-pane-header {
flex-shrink: 0;
}
.analytics-view-queue-activity-detail.queue-activity-detail-v2 .right-pane {
display: flex;
flex-direction: column;
flex: 1 0 600px;
background-color: #ffffff;
overflow-x: hidden;
}
@media (min-width: 1024px) {
.analytics-view-queue-activity-detail.queue-activity-detail-v2 .right-pane {
flex: 0 0 60%;
flex-direction: column;
overflow: auto;
}
}
.analytics-view-queue-activity-detail.queue-activity-detail-v2 .analytics-ui-queue-activity-detail-interactions-table {
height: 99%;
}
.analytics-view-queue-activity-detail.queue-activity-detail-v2 .interactions-waiting-table .table-wrapper,
.analytics-view-queue-activity-detail.queue-activity-detail-v2 .interactions-active-table .table-wrapper {
position: relative;
}
.analytics-view-queue-activity-detail.queue-activity-detail-v2 .interactions-waiting-table .analytics-ui-gux-table table,
.analytics-view-queue-activity-detail.queue-activity-detail-v2 .interactions-active-table .analytics-ui-gux-table table {
table-layout: fixed;
}
.analytics-view-queue-activity-detail.queue-activity-detail-v2 .interactions-waiting-table .analytics-ui-gux-table .media-type-icon,
.analytics-view-queue-activity-detail.queue-activity-detail-v2 .interactions-active-table .analytics-ui-gux-table .media-type-icon {
margin-top: 4px;
}
.analytics-view-queue-activity-detail.queue-activity-detail-v2 .interactions-details {
display: flex;
flex-direction: column;
overflow: auto;
position: relative;
height: calc(100% - 105px);
}
.analytics-view-queue-activity-detail.queue-activity-detail-v2 .interactions-details > div {
padding: 10px;
}
.analytics-view-queue-activity-detail.queue-activity-detail-v2 .interactions-details .action-link {
font-size: 14px;
}
.analytics-view-queue-activity-detail.queue-activity-detail-v2 .interactions-details .table-wrapper {
height: calc(100% - 25px);
}
.analytics-view-queue-activity-detail.queue-activity-detail-v2 .interaction-sub-details {
overflow: hidden;
margin-top: -7px;
height: 100%;
margin-bottom: 50px;
}
.analytics-view-queue-activity-detail.queue-activity-detail-v2 .interactions-details,
.analytics-view-queue-activity-detail.queue-activity-detail-v2 .interaction-sub-details {
display: block;
}
@media (min-width: 1024px) {
.analytics-view-queue-activity-detail.queue-activity-detail-v2 .interactions-details,
.analytics-view-queue-activity-detail.queue-activity-detail-v2 .interaction-sub-details {
display: flex;
flex: 1 1 auto;
flex-direction: column;
}
}
.analytics-view-queue-activity-detail.queue-activity-detail-v2 .interactions-details .interactions-waiting-table,
.analytics-view-queue-activity-detail.queue-activity-detail-v2 .interaction-sub-details .interactions-waiting-table {
overflow-y: hidden;
}
@media (min-width: 1024px) {
.analytics-view-queue-activity-detail.queue-activity-detail-v2 .interactions-details .interactions-waiting-table,
.analytics-view-queue-activity-detail.queue-activity-detail-v2 .interaction-sub-details .interactions-waiting-table {
display: flex;
flex-direction: column;
flex: 1 1 calc(50% - 25px);
}
}
.analytics-view-queue-activity-detail.queue-activity-detail-v2 .interactions-details .interactions-active-table,
.analytics-view-queue-activity-detail.queue-activity-detail-v2 .interaction-sub-details .interactions-active-table {
overflow-y: hidden;
}
@media (min-width: 1024px) {
.analytics-view-queue-activity-detail.queue-activity-detail-v2 .interactions-details .interactions-active-table,
.analytics-view-queue-activity-detail.queue-activity-detail-v2 .interaction-sub-details .interactions-active-table {
display: flex;
flex-direction: column;
flex: 1 1 calc(50% - 25px);
}
}
.analytics-view-queue-activity-detail.queue-activity-detail-v2 .interactions-details .interactions-active-table .dt-row-control-panel-item.monitor-conversation,
.analytics-view-queue-activity-detail.queue-activity-detail-v2 .interaction-sub-details .interactions-active-table .dt-row-control-panel-item.monitor-conversation {
height: 21px;
}
.analytics-view-queue-activity-detail.queue-activity-detail-v2 .interactions-details .waiting-total-text,
.analytics-view-queue-activity-detail.queue-activity-detail-v2 .interaction-sub-details .waiting-total-text,
.analytics-view-queue-activity-detail.queue-activity-detail-v2 .interactions-details .interacting-total-text,
.analytics-view-queue-activity-detail.queue-activity-detail-v2 .interaction-sub-details .interacting-total-text {
font-size: 0.9em;
text-align: right;
padding-top: 5px;
display: block;
}
.analytics-ui-custom-calculation-editor {
min-height: 350px;
min-width: 842px;
}
.analytics-ui-custom-calculation-editor .share-content .filter-name,
.analytics-ui-custom-calculation-editor .owner-filter .filter-name {
font-size: 12px;
font-weight: 700;
margin: 0px 0px 8px;
}
.analytics-ui-custom-calculation-editor .error-message {
color: var(--gux-alert-red-60);
}
.analytics-ui-custom-calculation-editor .input-group {
margin-bottom: 16px;
}
.analytics-ui-custom-calculation-editor .input-group-calculation-title,
.analytics-ui-custom-calculation-editor .input-group-formula-editor {
margin-top: -20px;
}
.analytics-ui-custom-calculation-editor .custom-calculation-name-validation-message {
display: flex;
align-items: center;
margin-top: -11px;
padding-bottom: 1px;
}
.analytics-ui-custom-calculation-editor .custom-calculation-name-validation-message .info-icon {
min-width: 16px;
min-height: 16px;
margin-right: 4px;
}
.analytics-ui-custom-calculation-editor .custom-calculation-name-validation-message .info-message {
font-size: 12px;
margin-top: 1px;
}
.analytics-ui-custom-calculation-editor .custom-calculations-share .list-container {
max-height: 268px;
}
.analytics-ui-custom-calculation-editor .custom-calculations-share .message-item {
padding-right: 5px;
}
.analytics-ui-custom-calculation-formula-editor {
width: 100%;
position: relative;
}
.analytics-ui-custom-calculation-formula-editor .formula-container {
display: flex;
}
.analytics-ui-custom-calculation-formula-editor .analytics-ui-calculator {
padding-top: 43px;
}
.analytics-ui-custom-calculation-formula-editor gux-list {
width: 200px;
height: 136px;
overflow-y: scroll;
}
.analytics-ui-custom-calculation-formula-editor .formula-input {
width: 100%;
width: 787px;
margin-right: 5px;
}
.analytics-ui-custom-calculation-formula-editor .formula-input input {
padding-top: 3px;
padding-bottom: 3px;
}
.engage-components-date-span-picker-v2 {
display: flex;
align-items: center;
height: 28px;
margin-top: 3px;
font-family: 'Roboto', sans-serif;
}
.engage-components-date-span-picker-v2 .current-date-display {
font-family: 'Roboto', sans-serif;
font-weight: 500;
font-size: 14px;
padding: 0 7px;
text-align: center;
height: 24px;
color: #2A60C8;
}
.engage-components-date-span-picker-v2 .current-date-display:focus {
outline: auto;
}
.engage-components-date-span-picker-v2 button,
.engage-components-date-span-picker-v2 .btn {
border: 0;
cursor: pointer;
background: none;
}
.engage-components-date-span-picker-v2 button:focus,
.engage-components-date-span-picker-v2 .btn:focus {
outline: auto;
}
.engage-components-date-span-picker-v2 .date-page {
color: #2A60C8;
}
.engage-components-date-span-picker-v2 .date-page.date-page-previous,
.engage-components-date-span-picker-v2 .date-page.date-page-next {
display: flex;
align-items: center;
padding: 4px 4px;
}
.engage-components-date-span-picker-v2 .date-page.date-page-previous:focus,
.engage-components-date-span-picker-v2 .date-page.date-page-next:focus {
outline: auto;
}
.engage-components-date-span-picker-v2 .date-page.date-page-previous:disabled,
.engage-components-date-span-picker-v2 .date-page.date-page-next:disabled {
cursor: not-allowed;
color: #ccc;
}
.engage-components-date-span-picker-v2 .date-page .date-arrow-icon {
height: 16px;
width: 16px;
}
.engage-components-date-span-picker-v2 .utc-label {
color: #FF4F1F;
}
.engage-components-date-span-picker-v2 .utc-label .svg-icon {
color: #2A60C8;
}
.engage-components-date-span-picker-custom-date-range-container-v2 {
display: flex;
flex-direction: row;
}
.engage-components-date-span-picker-custom-date-range-container-v2 button:focus,
.engage-components-date-span-picker-custom-date-range-container-v2 .btn:focus {
outline: auto;
outline-color: #2A60C8;
}
.engage-components-date-span-picker-custom-date-range-container-v2 .btn:not(.btn-link):not(.btn-primary).dropdown-toggle {
background-color: #f2f2f2;
}
.engage-components-date-span-picker-custom-date-range-container-v2 .left-panel {
display: flex;
flex-direction: column;
padding: 15px 0 15px 15px;
width: 200px;
max-height: 450px;
border-right: solid 1px #E4E9F0;
overflow-y: auto;
}
.engage-components-date-span-picker-custom-date-range-container-v2 .left-panel .preset {
font-family: 'Roboto', sans-serif;
background: transparent;
border: none;
text-align: left;
color: #2A60C8;
}
.engage-components-date-span-picker-custom-date-range-container-v2 .left-panel .divider {
width: calc(100% - 30px);
margin: 5px 20px 5px 0;
border-bottom: solid 1px #E4E9F0;
}
.engage-components-date-span-picker-custom-date-range-container-v2 .left-panel .key-value .key-value-text {
margin-bottom: 5px;
}
.engage-components-date-span-picker-custom-date-range-container-v2 .left-panel .key-value-options {
display: inline-block;
width: 100%;
max-width: 100%;
margin-top: 5px;
margin-bottom: 5px;
}
.engage-components-date-span-picker-custom-date-range-container-v2 .left-panel .key-value-options .dropdown-toggle {
width: 90%;
max-width: 90%;
height: 26px;
margin-bottom: 8px;
border: 1px solid;
border-radius: 4px;
white-space: nowrap;
padding-left: 5px;
padding-right: 5px;
}
.engage-components-date-span-picker-custom-date-range-container-v2 .left-panel .key-value-options .dropdown-toggle .button-text {
color: #33383D;
}
.engage-components-date-span-picker-custom-date-range-container-v2 .left-panel .key-value-options .dropdown-toggle .dropdown-icon {
padding-left: 4px;
color: #999;
}
.engage-components-date-span-picker-custom-date-range-container-v2 .left-panel .key-value-options .dropdown-toggle:hover {
border-color: #2A60C8;
}
.engage-components-date-span-picker-custom-date-range-container-v2 .left-panel .key-value-options .dropdown-menu {
z-index: 1;
width: 178px;
max-width: 178px;
position: absolute;
background-color: white;
border: 1px solid lightgrey;
border-radius: 5px;
margin-top: 3px;
}
.engage-components-date-span-picker-custom-date-range-container-v2 .left-panel .key-value-options .dropdown-menu .dropdown-item {
width: auto;
overflow: hidden;
text-overflow: ellipsis;
color: #33383D;
}
.engage-components-date-span-picker-custom-date-range-container-v2 .left-panel.category-dropdown-open .search-category-options .dropdown-toggle {
background-color: #b8b8b8;
}
.engage-components-date-span-picker-custom-date-range-container-v2 .right-panel {
display: flex;
flex-direction: column;
}
.engage-components-date-span-picker-custom-date-range-container-v2 .custom-date-range {
display: flex;
flex-direction: row;
flex-grow: 1;
}
.engage-components-date-span-picker-custom-date-range-container-v2 .custom-date-input {
text-align: center;
padding: 8px 4px;
}
.engage-components-date-span-picker-custom-date-range-container-v2 .custom-date-input .pika-single {
border: none;
}
.engage-components-date-span-picker-custom-date-range-container-v2 .custom-date-input .pika-single .pika-lendar {
width: 274px;
}
.engage-components-date-span-picker-custom-date-range-container-v2 .custom-date-input .pika-single .pika-lendar .pika-title .pika-label {
border: solid 1px #E4E9F0;
font-family: 'Roboto', sans-serif;
font-size: 16px;
font-weight: 300;
}
.engage-components-date-span-picker-custom-date-range-container-v2 .custom-date-input .pika-single .pika-lendar .pika-title .pika-label:hover {
color: #2A60C8;
background-color: #f8f8f8;
}
.engage-components-date-span-picker-custom-date-range-container-v2 .custom-date-input .pika-single .pika-lendar .pika-title .pika-label:first-child {
border-radius: 4px 0 0 4px;
border-right: none;
padding-left: 12px;
}
.engage-components-date-span-picker-custom-date-range-container-v2 .custom-date-input .pika-single .pika-lendar .pika-title .pika-label:nth-child(2) {
border-radius: 0 4px 4px 0;
border-left: none;
padding-right: 12px;
}
.engage-components-date-span-picker-custom-date-range-container-v2 .custom-date-input .pika-single .pika-lendar .pika-title:hover .pika-label {
border-color: #2455a3;
}
.engage-components-date-span-picker-custom-date-range-container-v2 .date-picker-message {
padding: 10px;
font-weight: bold;
}
.engage-components-date-span-picker-custom-date-range-container-v2 .date-picker-message gux-icon {
position: relative;
top: 1px;
font-size: 15px;
}
.engage-components-date-span-picker-custom-date-range-container-v2 .pika-table {
font-family: 'Roboto', sans-serif;
}
.engage-components-date-span-picker-custom-date-range-container-v2 .pika-table td {
padding: 1px 0;
}
.engage-components-date-span-picker-custom-date-range-container-v2 .pika-table td .pika-button.pika-day {
font-family: 'Roboto', sans-serif;
background: none;
border: solid 1px transparent;
border-radius: 100%;
font-size: 14px;
height: 36px;
width: 36px;
text-align: center;
transition: 0.25s;
color: var(--gux-black-80);
}
.engage-components-date-span-picker-custom-date-range-container-v2 .pika-table td .pika-button.pika-day:hover {
transition: 0.25s;
border-color: #2A60C8;
color: #444A52;
}
.engage-components-date-span-picker-custom-date-range-container-v2 .pika-table td.is-today .pika-button {
font-weight: 600;
color: #444A52;
}
.engage-components-date-span-picker-custom-date-range-container-v2 .pika-table td.is-selected .pika-button {
box-shadow: none;
font-weight: normal;
background: #2A60C8;
color: #FDFDFD;
}
.engage-components-date-span-picker-custom-date-range-container-v2 .pika-table td.is-selected .pika-button:hover {
color: #FDFDFD;
}
.engage-components-date-span-picker-custom-date-range-container-v2 .pika-table td.is-disabled .pika-button {
color: var(--gux-black-100);
opacity: 1;
font-weight: lighter;
}
.engage-components-date-span-picker-custom-date-range-container-v2 .pika-table abbr[title] {
border-bottom: none;
color: var(--gux-black-80);
}
.engage-components-date-span-picker-custom-date-range-container-v2 .timepicker-container {
display: flex;
}
.engage-components-date-span-picker-custom-date-range-container-v2 .range-footer {
border-top: solid 1px #E4E9F0;
border-radius: 0 0 4px 4px;
display: flex;
padding-left: 20px;
}
.engage-components-date-span-picker-custom-date-range-container-v2 .range-footer .footer-dates {
display: flex;
width: 100%;
}
.engage-components-date-span-picker-custom-date-range-container-v2 .range-footer .footer-start,
.engage-components-date-span-picker-custom-date-range-container-v2 .range-footer .footer-end {
flex: 1 0 auto;
padding-top: 10px;
padding-bottom: 10px;
}
.engage-components-date-span-picker-custom-date-range-container-v2 .range-footer .footer-start .range-date-value,
.engage-components-date-span-picker-custom-date-range-container-v2 .range-footer .footer-end .range-date-value {
font-size: 22px;
font-weight: 300;
color: var(--gux-black-80);
}
.engage-components-date-span-picker-custom-date-range-container-v2 .range-footer .footer-start {
min-width: 165px;
margin-right: 25px;
}
.engage-components-date-span-picker-custom-date-range-container-v2 .range-footer .footer-start .range-label,
.engage-components-date-span-picker-custom-date-range-container-v2 .range-footer .footer-start .range-date-value {
text-align: right;
}
.engage-components-date-span-picker-custom-date-range-container-v2 .range-footer .footer-end {
padding-left: 20px;
}
.engage-components-date-span-picker-custom-date-range-container-v2 .apply-custom-range {
padding: 10px 20px;
border-radius: 0 0 4px 0;
border: none;
border-left: solid 1px #E4E9F0;
margin: 0;
transition: 0.25s;
background-color: #f2f2f2;
color: #999;
}
.engage-components-date-span-picker-custom-date-range-container-v2 .apply-custom-range gux-icon {
font-size: 28px;
transition: 0.25s;
color: var(--gux-black-80);
}
.engage-components-date-span-picker-custom-date-range-container-v2 .apply-custom-range:hover {
background: #2A60C8;
transition: 0.25s;
}
.engage-components-date-span-picker-custom-date-range-container-v2 .apply-custom-range:hover gux-icon {
color: #FDFDFD;
transition: 0.25s;
}
.engage-components-date-span-picker-custom-date-range-container-v2 .range-label {
text-transform: uppercase;
font-size: 11px;
color: var(--gux-black-80);
}
.engage-components-date-span-picker-custom-date-range-container-v2 .presets-text {
color: #444A52;
margin-bottom: 5px;
}
.engage-components-date-span-picker-custom-date-range-container-v2 .range-date-value {
color: var(--gux-black-80);
}
.engage-components-date-span-picker-custom-date-range-container-v2 .timepicker-container .engage-components-inline-timepicker .am-pm button {
border-color: #2A60C8;
color: #FDFDFD;
background-color: #2A60C8;
}
.engage-components-date-span-picker-custom-date-range-container-v2 .timepicker-container .engage-components-inline-timepicker .am-pm button:focus {
color: #FDFDFD;
background-color: #2A60C8;
border: solid 1px #203B73;
}
.engage-components-date-span-picker-custom-date-range-container-v2 .timepicker-container .engage-components-inline-timepicker button {
color: #2A60C8;
}
.engage-components-date-span-picker-custom-date-range-container-v2 .engage-components-inline-timepicker .timepicker-hour input,
.engage-components-date-span-picker-custom-date-range-container-v2 .engage-components-inline-timepicker .timepicker-minutes input {
border: 1px solid #ccc;
color: var(--gux-black-80);
}
.engage-components-date-span-picker-custom-date-range-container-v2 .pika-prev:not(.is-disabled),
.engage-components-date-span-picker-custom-date-range-container-v2 .pika-next:not(.is-disabled) {
opacity: 1;
color: var(--gux-black-80);
}
.engage-components-date-span-picker-custom-date-range-container-v2 .pika-prev.is-disabled,
.engage-components-date-span-picker-custom-date-range-container-v2 .pika-next.is-disabled {
cursor: not-allowed;
color: var(--gux-black-100);
}
.engage-components-inline-timepicker {
display: flex;
flex: 1 1 auto;
justify-content: center;
align-items: center;
flex-direction: row;
color: #666666;
}
.engage-components-inline-timepicker .timepicker-hour input,
.engage-components-inline-timepicker .timepicker-minutes input {
background-color: #ffffff;
border: 1px solid #c0d7e1;
border-radius: 4px;
padding-right: 2px;
width: 2em;
text-align: right;
color: #517687;
font-size: 1em;
font-family: 'Roboto', sans-serif;
font-weight: initial;
z-index: 1;
}
.engage-components-inline-timepicker button {
background: none;
margin: 0;
border: 0;
outline: 0;
color: #517687;
}
.engage-components-inline-timepicker button button:focus {
background: none;
}
.engage-components-inline-timepicker .am-pm button {
display: inline-block;
text-align: center;
color: #ffffff;
background-color: #3497bb;
border: solid 1px #c0d7e1;
border-radius: 4px;
font-size: 1em;
width: 3.5em;
font-family: 'Roboto', sans-serif;
font-weight: 500;
font-size: 12px;
padding: 0.3em 0 0.3em 0;
outline: none;
transition: 0.25s;
}
.engage-components-inline-timepicker .am-pm button:focus {
color: #ffffff;
background-color: #3497bb;
border: solid 1px #c0d7e1;
}
.engage-components-inline-timepicker .contents {
display: flex;
flex-direction: row;
height: 85px;
width: 130px;
align-items: center;
justify-content: center;
flex-grow: 0;
flex-shrink: 0;
}
.engage-components-inline-timepicker .timepicker-column {
display: flex;
flex-direction: column;
flex: 1 1 auto;
height: 100%;
justify-content: center;
}
.engage-components-inline-timepicker .timepicker-section {
display: flex;
justify-content: center;
align-items: center;
}
.engage-components-inline-timepicker .timepicker-arrow {
display: flex;
height: 30px;
}
.engage-components-inline-timepicker .timepicker-action:not(:disabled) {
cursor: pointer;
}
.engage-components-inline-timepicker .timepicker-action:disabled {
color: #999999;
}
.analytics-ui-metrics-selection-modal-content {
min-height: 134px;
min-width: 422px;
}
.analytics-ui-metrics-selection-modal-content.team-observations-enabled .filter-inputs-wrapper {
min-width: 500px;
}
.analytics-ui-metrics-selection-modal-content h3 {
font-size: 12px;
margin: 0 0 8px 0;
}
.analytics-ui-metrics-selection-modal-content .widget-modal-radio-buttons {
display: flex;
gap: 16px;
}
.analytics-ui-metrics-selection-modal-content .users-by-criteria-dropdown {
padding: 10px 0 22px 0;
}
.analytics-ui-metrics-selection-modal-content.team-observations-enabled .filter-inputs-wrapper {
min-width: 500px;
}
.analytics-ui-metrics-selection-modal-content h3 {
font-size: 12px;
margin: 0 0 8px 0;
}
.analytics-ui-metrics-selection-modal-content .widget-modal-radio-buttons {
display: flex;
gap: 16px;
}
.analytics-ui-metrics-selection-modal-content .users-by-criteria-dropdown {
padding: 10px 0 22px 0;
}
.analytics-ui-metrics-selection-modal-content .metrics-modal-section {
margin-bottom: 24px;
}
.analytics-ui-metrics-selection-modal-content .metric-checkboxes {
display: grid;
grid-auto-flow: row;
grid-template-columns: repeat(5, auto);
}
.analytics-ui-metrics-selection-modal-content .metric-checkboxes label {
padding-right: 48px;
}
.analytics-ui-metrics-selection-modal-content .metric-checkboxes .metric-option:nth-child(5n) label {
padding-right: 0px;
}
@media screen and (max-width: 1010px) {
.analytics-ui-metrics-selection-modal-content .metric-checkboxes {
grid-template-columns: repeat(4, auto);
}
}
@media screen and (max-width: 890px) {
.analytics-ui-metrics-selection-modal-content .metric-checkboxes {
grid-template-columns: repeat(3, auto);
}
}
@media screen and (max-width: 720px) {
.analytics-ui-metrics-selection-modal-content .metric-checkboxes {
grid-template-columns: repeat(2, auto);
}
}
@media screen and (max-width: 590px) {
.analytics-ui-metrics-selection-modal-content .metric-checkboxes {
grid-template-columns: repeat(1, auto);
}
}
.analytics-ui-metrics-selection-modal-content .metrics-modal-section .metrics-limit-text-section {
display: flex;
}
.analytics-ui-metrics-selection-modal-content .metrics-modal-section .metrics-limit-text-section .metric-limit-text {
display: flex;
flex-direction: column;
justify-content: center;
flex-grow: 1;
}
.analytics-ui-metrics-selection-modal-content .metrics-modal-section .metrics-limit-text-section .metrics-text-extra {
display: flex;
justify-content: center;
align-items: center;
}
.analytics-ui-metrics-selection-modal-content .metrics-modal-section .metrics-limit-text-section .metrics-text-extra .limit-separator {
height: 75%;
width: 1px;
background-color: #222529;
margin: 0 6px 0 16px;
}
.analytics-ui-metrics-selection-modal-content .metrics-modal-section .metrics-limit-text-section .filter-clear-button {
flex-grow: 0;
}
.analytics-ui-metrics-selection-modal-content .metric-format-type-option {
white-space: nowrap;
}
.analytics-ui-custom-filters {
display: flex;
gap: 24px;
margin-left: 24px;
align-items: center;
}
.analytics-ui-custom-filters .filter-header {
margin-top: 16px;
}
.analytics-ui-custom-filters .filter-header .filter-name {
font-weight: 400;
margin-top: 0px;
margin-bottom: 8px;
}
.analytics-ui-custom-filters .filter-contents {
margin-bottom: 16px;
}
.analytics-ui-custom-filters .analytics-ui-filter-inputs {
min-width: 175px;
}
.analytics-ui-custom-filters .analytics-ui-gux-dropdown-wrapper {
z-index: 2;
position: relative;
}
.analytics-ui-view-control-bar {
display: flex;
flex-direction: row;
}
.analytics-ui-view-control-bar .view-control-section {
flex: 1 1 100%;
display: flex;
gap: 4px;
}
.analytics-ui-view-control-bar .view-control-section.left {
justify-content: left;
}
.analytics-ui-view-control-bar .view-control-section.center {
justify-content: center;
}
.analytics-ui-view-control-bar .view-control-section.right {
justify-content: right;
}
.ordering-list {
display: flex;
height: 100%;
flex-direction: column;
padding-bottom: 15px;
padding-top: 15px;
}
.ordering-list .list-slot {
display: flex;
flex-direction: row;
align-items: center;
}
.ordering-list .list-slot .slot-handle {
flex: 0 0 30px;
height: 100%;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
.ordering-list .list-slot .slot-handle .group-horizontal-bar {
height: 1px;
width: 25%;
align-self: flex-start;
margin-left: 50%;
background-color: var(--gux-grey-10);
}
.ordering-list .list-slot .slot-handle .group-vertical-bar {
height: 25%;
width: 1px;
background-color: var(--gux-grey-10);
}
.ordering-list .list-slot .slot-handle .drag-handle {
cursor: grab;
height: 24px;
width: 24px;
display: flex;
align-items: center;
justify-content: center;
border: 0;
padding: 0;
border-radius: 4px;
background-color: transparent;
}
.ordering-list .list-slot .slot-handle .drag-handle:focus,
.ordering-list .list-slot .slot-handle .drag-handle:active {
outline: 3px solid var(--gux-blue-90);
outline-offset: 1px;
box-shadow: 0 0 0 1px var(--gux-white);
}
.ordering-list .list-slot .slot-labels {
flex: 1 1 auto;
display: flex;
flex-direction: column;
}
.ordering-list .list-slot .slot-labels .item-label {
height: 30px;
display: flex;
flex-direction: column;
justify-content: center;
}
.ordering-list .active-drag-target.before {
border-top: 1px solid black;
}
.ordering-list .active-drag-target.after {
border-bottom: 1px solid black;
}
.analytics-ui-text-display.bold {
font-weight: 700;
}
.analytics-view-flow-destination-summary.analytics-ui-flow-destination-summary {
height: 100%;
}
.analytics-view-flow-destination-summary.analytics-ui-flow-destination-summary .ember-engine-queues-summary-row .dt-horiz-scrollable {
width: auto;
align-self: center;
min-width: 400px;
}
.analytics-view-flow-destination-summary.analytics-ui-flow-destination-summary .analytics-ui-chart-row.is-selected.not-applicable .bar-one {
fill: #203B73;
}
.analytics-view-flow-destination-summary.analytics-ui-flow-destination-summary .analytics-ui-chart-row .chart-row-count {
font-weight: bold;
}
.analytics-view-flow-destination-summary.analytics-ui-flow-destination-summary .analytics-ui-chart-row.is-filtered > .cr-total-percent {
color: #cccccc;
}
.analytics-view-flow-destination-summary.analytics-ui-flow-destination-summary .analytics-ui-chart-row.is-filtered .cr-filtered-percent {
color: #4c4c4c;
}
.analytics-view-flow-destination-summary.analytics-ui-flow-destination-summary .analytics-ui-chart-row.is-filtered .bar-one {
fill: url(#diagonalHatch0);
}
.analytics-view-flow-destination-summary.analytics-ui-flow-destination-summary .analytics-ui-chart-row.is-filtered .bar-two {
fill: #203B73;
}
.analytics-view-flow-destination-summary.analytics-ui-flow-destination-summary .analytics-ui-chart-row.not-applicable .bar-one {
fill: url(#diagonalHatch0);
}
.analytics-view-flow-destination-summary.analytics-ui-flow-destination-summary .ct-exits {
padding-bottom: 20px;
}
.analytics-view-flow-destination-summary.analytics-ui-flow-destination-summary .ct-exit-reasons {
animation-duration: 1s;
animation-fill-mode: both;
animation-duration: 0.5s;
animation-delay: 0s;
animation-name: fadeInRight;
}
.analytics-view-flow-destination-summary.analytics-ui-flow-destination-summary .ct-exit-reasons .cr-filtered-percent {
display: none;
}
.analytics-view-flow-destination-summary.analytics-ui-flow-destination-summary .ct-exit-reasons .cr-total-percent {
color: #4c4c4c;
}
.analytics-view-flow-destination-summary.analytics-ui-flow-destination-summary .ct-entries .ct-row-entry-type + .ct-row-entry-reason {
border-top: solid 2px #cccccc;
}
.analytics-view-api-usage-report.analytics-ui-api-usage-report {
height: 100%;
}
.analytics-view-api-usage-report.analytics-ui-api-usage-report .ember-engine-queues-summary-row .dt-horiz-scrollable {
width: auto;
align-self: center;
min-width: 150px;
}
.analytics-view-api-usage-report.analytics-ui-api-usage-report .ember-engine-queues-summary-row .dt-horiz-scrollable .label-cell.apiUsageAllClientsCount {
background-color: transparent;
}
.analytics-view-api-usage-report.analytics-ui-api-usage-report .analytics-ui-chart-row.is-selected.not-applicable .bar-one {
fill: #203B73;
}
.analytics-view-api-usage-report.analytics-ui-api-usage-report .analytics-ui-chart-row .chart-row-count {
font-weight: bold;
}
.analytics-view-api-usage-report.analytics-ui-api-usage-report .analytics-ui-chart-row.is-filtered > .cr-total-percent {
color: #cccccc;
}
.analytics-view-api-usage-report.analytics-ui-api-usage-report .analytics-ui-chart-row.is-filtered .cr-filtered-percent {
color: #4c4c4c;
}
.analytics-view-api-usage-report.analytics-ui-api-usage-report .analytics-ui-chart-row.is-filtered .bar-one {
fill: url(#diagonalHatch0);
}
.analytics-view-api-usage-report.analytics-ui-api-usage-report .analytics-ui-chart-row.is-filtered .bar-two {
fill: #203B73;
}
.analytics-view-api-usage-report.analytics-ui-api-usage-report .analytics-ui-chart-row.not-applicable .bar-one {
fill: url(#diagonalHatch0);
}
.activate-queues {
height: 100%;
display: flex;
flex-direction: column;
}
.activate-queues .analytics-ui-text-display {
padding: 4px 16px;
}
.activate-queues .activate-queues-content {
display: flex;
flex-flow: row;
flex-wrap: wrap;
height: 100%;
overflow: auto;
}
@media (max-width: 768px) {
.activate-queues .activate-queues-content {
width: 100%;
}
}
@media (max-width: 1300px) {
.activate-queues .activate-queues-content {
flex-flow: row;
}
}
.activate-queues .activate-queues-content .queue-activation-table {
width: 100%;
min-width: 600px;
}
.action-bar-open .activate-queues .activate-queues-content .queue-activation-table {
max-height: 50%;
}
@media (min-width: 1300px) {
.activate-queues .activate-queues-content .queue-activation-table:not(.action-bar-open) .activate-queues .activate-queues-content .queue-activation-table {
width: 50%;
height: 100%;
}
}
.activate-queues .activate-queues-content .queue-activation-table .queues-table {
height: calc(100% - 60px);
}
.activate-queues .activate-queues-content .active-queues .data-table {
border-top: solid 2px #2A60C8;
}
.activate-queues .activate-queues-content .active-queues .data-table .label-cell {
background: #DEEAFF;
}
@media (max-width: 1300px) {
.activate-queues .activate-queues-content {
flex-direction: column;
flex-grow: 1;
}
}
.action-bar-open .activate-queues .activate-queues-content {
flex-direction: column;
flex-grow: 1;
}
.activate-queues .data-table .table-controls {
padding-bottom: 7px;
display: flex;
justify-content: space-between;
flex: 0 0 auto;
}
.activate-queues .data-table .table-controls .footer-left-placeholder {
display: flex;
flex: 0 200px;
}
.activate-queues .data-table .table-controls .controls-left {
display: flex;
flex: 1;
flex-flow: wrap;
align-items: center;
}
.activate-queues .data-table .table-controls .controls-left > * {
flex: 0 auto;
}
.activate-queues .data-table .table-controls .item-counter-container {
flex: 0 300px;
}
.activate-queues .data-table .dt-section.dt-section-body .dt-row .dt-cell {
font-size: 14px;
word-break: break-word;
}
.activate-queues .dt-cell-value.current-interval:before {
content: "\25C6";
padding-right: 3px;
}
.activate-queues .button-bar.bar-right {
justify-content: flex-end;
padding-right: 5px;
}
.activate-queues .bar-left,
.activate-queues .bar-right {
flex: 1 !important;
display: flex !important;
align-items: center;
}
.activate-queues .bar-right {
order: 3;
}
.activate-queues .bar-left {
order: 1;
padding-left: 5px;
}
.activate-queues .bar-center {
order: 2;
flex: 0 0 auto;
padding-right: 25px;
z-index: 0;
}
@media (max-width: 765px) {
.activate-queues .bar-right {
order: 2;
}
.activate-queues .bar-left {
order: 1;
}
.activate-queues .bar-center {
order: 3;
width: 100%;
height: 33px;
padding-right: unset;
}
}
.queue-activity-summary .label-container,
.queue-agent-activity-summary .label-container {
display: flex;
flex-direction: column;
}
.queue-activity-summary .ember-engine-queues-summary-row .drawer,
.queue-agent-activity-summary .ember-engine-queues-summary-row .drawer {
width: calc(100% - 20px);
}
.queue-activity-summary .ember-engine-queues-summary-row .data-table .dt-row,
.queue-agent-activity-summary .ember-engine-queues-summary-row .data-table .dt-row {
padding-right: 21px !important;
}
.queue-activity-summary .ember-engine-queues-summary-row .label-cell.name,
.queue-agent-activity-summary .ember-engine-queues-summary-row .label-cell.name {
visibility: hidden;
}
.queue-activity-summary .ember-engine-queues-summary-row .value-cell.name,
.queue-agent-activity-summary .ember-engine-queues-summary-row .value-cell.name {
word-break: break-word !important;
}
.queue-activity-summary .ember-engine-queues-summary-row .data-table .dt-cell.presenceBreakdown .dt-cell-value,
.queue-agent-activity-summary .ember-engine-queues-summary-row .data-table .dt-cell.presenceBreakdown .dt-cell-value {
font-weight: 400;
font-size: 20px;
}
.queue-activity-summary .sla-below-target,
.queue-agent-activity-summary .sla-below-target {
color: #ff0000;
}
.queue-activity-summary .data-table .dt-section-body .dt-cell .interactionsCountBreakdown,
.queue-agent-activity-summary .data-table .dt-section-body .dt-cell .interactionsCountBreakdown {
border-right: solid 1px #a2b9c3;
}
.queue-activity-summary .data-table .loading-cell,
.queue-agent-activity-summary .data-table .loading-cell {
height: 68px;
}
.queue-activity-summary .data-table .dt-cell:first-child,
.queue-agent-activity-summary .data-table .dt-cell:first-child {
border-left: solid 2px transparent;
}
.queue-activity-summary .data-table .dt-cell.onQueueCount .dt-cell-value,
.queue-agent-activity-summary .data-table .dt-cell.onQueueCount .dt-cell-value,
.queue-activity-summary .data-table .dt-cell.offQueueCount .dt-cell-value,
.queue-agent-activity-summary .data-table .dt-cell.offQueueCount .dt-cell-value {
font-weight: 400;
font-size: 20px;
}
.queue-activity-summary .data-table .label-cell .dt-controls .control,
.queue-agent-activity-summary .data-table .label-cell .dt-controls .control {
margin-top: 5px;
justify-content: normal;
}
@media (max-width: 1785px) {
.queue-activity-summary .breakdown-section-v2,
.queue-agent-activity-summary .breakdown-section-v2 {
flex-direction: column;
}
}
.queue-activity-summary .breakdown-section-v2,
.queue-agent-activity-summary .breakdown-section-v2 {
flex-direction: column;
}
.queue-activity-summary .dt-drag-container,
.queue-agent-activity-summary .dt-drag-container {
min-width: min-content;
}
.queue-activity-summary .dt-row .dt-cell,
.queue-agent-activity-summary .dt-row .dt-cell {
min-width: 150px;
}
.queue-activity-summary .dt-row .dt-cell.column-picker-toggle,
.queue-agent-activity-summary .dt-row .dt-cell.column-picker-toggle {
min-width: 26px;
}
.queue-activity-summary .dt-row .dt-cell[class*='MTC'],
.queue-agent-activity-summary .dt-row .dt-cell[class*='MTC'],
.queue-activity-summary .dt-row .dt-cell.name,
.queue-agent-activity-summary .dt-row .dt-cell.name {
min-width: 200px;
}
.queue-activity-summary .dt-row .dt-cell.longestWaitingBreakdown,
.queue-agent-activity-summary .dt-row .dt-cell.longestWaitingBreakdown,
.queue-activity-summary .dt-row .dt-cell.longestInteractingBreakdown,
.queue-agent-activity-summary .dt-row .dt-cell.longestInteractingBreakdown {
min-width: 180px;
}
.queue-activity-summary .dt-row .dt-cell.waitingCountBreakdown,
.queue-agent-activity-summary .dt-row .dt-cell.waitingCountBreakdown,
.queue-activity-summary .dt-row .dt-cell.interactionsCountBreakdown,
.queue-agent-activity-summary .dt-row .dt-cell.interactionsCountBreakdown {
min-width: 168px;
}
.queue-activity-summary .main-data-table,
.queue-agent-activity-summary .main-data-table {
position: relative;
}
.queue-activity-summary .main-data-table .dt-horiz-scrollable,
.queue-agent-activity-summary .main-data-table .dt-horiz-scrollable {
position: static;
}
.queue-activity-summary .main-data-table .dt-section-body .dt-cell:last-of-type,
.queue-agent-activity-summary .main-data-table .dt-section-body .dt-cell:last-of-type {
padding-right: 0 !important;
}
.queue-activity-summary .main-data-table .dt-section-body .column-picker,
.queue-agent-activity-summary .main-data-table .dt-section-body .column-picker {
flex: 0 0 26px;
min-width: 26px !important;
}
.queue-activity-summary div.dt-section-head,
.queue-agent-activity-summary div.dt-section-head,
.queue-activity-summary div.dt-section-body,
.queue-agent-activity-summary div.dt-section-body {
width: min-content;
min-width: 100%;
}
.queue-activity-summary .sortable-objects,
.queue-agent-activity-summary .sortable-objects {
justify-content: flex-start !important;
}
.action-bar-open .queue-activity-summary .breakdown-section-v2,
.action-bar-open .queue-agent-activity-summary .breakdown-section-v2 {
flex-direction: column;
}
.activity-summary-view .data-table .dt-cell.interactingCount .status-count,
.activity-summary-view .data-table .dt-cell.communicatingCount .status-count,
.activity-summary-view .data-table .dt-cell.idleCount .status-count,
.activity-summary-view .data-table .dt-cell.notRespondingCount .status-count {
color: #203B73;
}
.analytics-ui-admin-view .analytics-main-content-container {
padding: 20px;
border-left: 1px solid var(--gux-grey-60);
}
.analytics-view-admin-custom-calculations .custom-calculations-name .filter-header {
display: none;
}
.analytics-view-admin-custom-calculations .custom-calculations-name .filter-contents {
/*
This is to offset a margin set in the shadow dom around the gux-screenreader div
to allow for proper positioning when the filter name is hidden
*/
position: relative;
top: 12px;
}
.analytics-view-admin-custom-calculations .dt-cell.rowActions,
.analytics-view-admin-custom-calculations .dt-drag-container.rowActions {
max-width: 90px;
}
.analytics-view-admin-custom-calculations .actions-column {
display: flex;
align-items: flex-end;
}
.queue-performance-detail .ember-engine-queues-summary-row .summary-row-contents,
.analytics-view-messaging-queue-performance-detail .ember-engine-queues-summary-row .summary-row-contents,
.analytics-view-messaging-queue-group-performance-detail .ember-engine-queues-summary-row .summary-row-contents,
.analytics-view-email-queue-performance-detail .ember-engine-queues-summary-row .summary-row-contents,
.analytics-view-email-queue-group-performance-detail .ember-engine-queues-summary-row .summary-row-contents {
height: 78px;
}
.queue-performance-detail .ember-engine-queues-summary-row .summary-row-contents .dt-cell .zoom-content .primary-metric,
.analytics-view-messaging-queue-performance-detail .ember-engine-queues-summary-row .summary-row-contents .dt-cell .zoom-content .primary-metric,
.analytics-view-messaging-queue-group-performance-detail .ember-engine-queues-summary-row .summary-row-contents .dt-cell .zoom-content .primary-metric,
.analytics-view-email-queue-performance-detail .ember-engine-queues-summary-row .summary-row-contents .dt-cell .zoom-content .primary-metric,
.analytics-view-email-queue-group-performance-detail .ember-engine-queues-summary-row .summary-row-contents .dt-cell .zoom-content .primary-metric {
color: #75A8FF;
text-decoration: underline;
}
.queue-performance-detail .dual-metric-cell .primary-metric,
.analytics-view-messaging-queue-performance-detail .dual-metric-cell .primary-metric,
.analytics-view-messaging-queue-group-performance-detail .dual-metric-cell .primary-metric,
.analytics-view-email-queue-performance-detail .dual-metric-cell .primary-metric,
.analytics-view-email-queue-group-performance-detail .dual-metric-cell .primary-metric {
text-align: left;
min-width: auto;
}
.queue-performance-detail.metric-zoom .data-table .header-row .selected-column,
.analytics-view-messaging-queue-performance-detail.metric-zoom .data-table .header-row .selected-column,
.analytics-view-messaging-queue-group-performance-detail.metric-zoom .data-table .header-row .selected-column,
.analytics-view-email-queue-performance-detail.metric-zoom .data-table .header-row .selected-column,
.analytics-view-email-queue-group-performance-detail.metric-zoom .data-table .header-row .selected-column {
font-weight: initial;
background-color: initial;
}
.queue-performance-detail.metric-zoom .data-table .header-row .selectable-cell,
.analytics-view-messaging-queue-performance-detail.metric-zoom .data-table .header-row .selectable-cell,
.analytics-view-messaging-queue-group-performance-detail.metric-zoom .data-table .header-row .selectable-cell,
.analytics-view-email-queue-performance-detail.metric-zoom .data-table .header-row .selectable-cell,
.analytics-view-email-queue-group-performance-detail.metric-zoom .data-table .header-row .selectable-cell {
cursor: default;
}
.queue-performance-detail.metric-zoom.metric-zoom-tAbandon .ember-engine-queues-summary-row .dt-section-head .dt-cell:not(.abandon),
.analytics-view-messaging-queue-performance-detail.metric-zoom.metric-zoom-tAbandon .ember-engine-queues-summary-row .dt-section-head .dt-cell:not(.abandon),
.analytics-view-messaging-queue-group-performance-detail.metric-zoom.metric-zoom-tAbandon .ember-engine-queues-summary-row .dt-section-head .dt-cell:not(.abandon),
.analytics-view-email-queue-performance-detail.metric-zoom.metric-zoom-tAbandon .ember-engine-queues-summary-row .dt-section-head .dt-cell:not(.abandon),
.analytics-view-email-queue-group-performance-detail.metric-zoom.metric-zoom-tAbandon .ember-engine-queues-summary-row .dt-section-head .dt-cell:not(.abandon) {
opacity: 0.5;
}
.queue-performance-detail.metric-zoom.metric-zoom-tAbandon .ember-engine-queues-summary-row .dt-section-body .dt-row .selection-indicator,
.analytics-view-messaging-queue-performance-detail.metric-zoom.metric-zoom-tAbandon .ember-engine-queues-summary-row .dt-section-body .dt-row .selection-indicator,
.analytics-view-messaging-queue-group-performance-detail.metric-zoom.metric-zoom-tAbandon .ember-engine-queues-summary-row .dt-section-body .dt-row .selection-indicator,
.analytics-view-email-queue-performance-detail.metric-zoom.metric-zoom-tAbandon .ember-engine-queues-summary-row .dt-section-body .dt-row .selection-indicator,
.analytics-view-email-queue-group-performance-detail.metric-zoom.metric-zoom-tAbandon .ember-engine-queues-summary-row .dt-section-body .dt-row .selection-indicator {
display: inline-block;
overflow: visible;
position: relative;
cursor: pointer;
}
.queue-performance-detail.metric-zoom.metric-zoom-tAbandon .ember-engine-queues-summary-row .dt-section-body .dt-row .selection-indicator:before,
.analytics-view-messaging-queue-performance-detail.metric-zoom.metric-zoom-tAbandon .ember-engine-queues-summary-row .dt-section-body .dt-row .selection-indicator:before,
.analytics-view-messaging-queue-group-performance-detail.metric-zoom.metric-zoom-tAbandon .ember-engine-queues-summary-row .dt-section-body .dt-row .selection-indicator:before,
.analytics-view-email-queue-performance-detail.metric-zoom.metric-zoom-tAbandon .ember-engine-queues-summary-row .dt-section-body .dt-row .selection-indicator:before,
.analytics-view-email-queue-group-performance-detail.metric-zoom.metric-zoom-tAbandon .ember-engine-queues-summary-row .dt-section-body .dt-row .selection-indicator:before {
content: '';
display: block;
width: calc(100%);
height: 5px;
position: absolute;
bottom: 0;
opacity: 0;
left: 0;
background-color: #203B73;
}
.queue-performance-detail.metric-zoom.metric-zoom-tAbandon .ember-engine-queues-summary-row .dt-section-body .dt-row .selection-indicator:after,
.analytics-view-messaging-queue-performance-detail.metric-zoom.metric-zoom-tAbandon .ember-engine-queues-summary-row .dt-section-body .dt-row .selection-indicator:after,
.analytics-view-messaging-queue-group-performance-detail.metric-zoom.metric-zoom-tAbandon .ember-engine-queues-summary-row .dt-section-body .dt-row .selection-indicator:after,
.analytics-view-email-queue-performance-detail.metric-zoom.metric-zoom-tAbandon .ember-engine-queues-summary-row .dt-section-body .dt-row .selection-indicator:after,
.analytics-view-email-queue-group-performance-detail.metric-zoom.metric-zoom-tAbandon .ember-engine-queues-summary-row .dt-section-body .dt-row .selection-indicator:after {
content: '';
display: block;
width: 0px;
height: 0px;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-top: 5px solid;
position: absolute;
bottom: -5px;
left: calc(50% - 3px);
opacity: 0;
border-top-color: #203B73;
}
.queue-performance-detail.metric-zoom.metric-zoom-tAbandon .ember-engine-queues-summary-row .dt-section-body .dt-row .selection-indicator:hover:before,
.analytics-view-messaging-queue-performance-detail.metric-zoom.metric-zoom-tAbandon .ember-engine-queues-summary-row .dt-section-body .dt-row .selection-indicator:hover:before,
.analytics-view-messaging-queue-group-performance-detail.metric-zoom.metric-zoom-tAbandon .ember-engine-queues-summary-row .dt-section-body .dt-row .selection-indicator:hover:before,
.analytics-view-email-queue-performance-detail.metric-zoom.metric-zoom-tAbandon .ember-engine-queues-summary-row .dt-section-body .dt-row .selection-indicator:hover:before,
.analytics-view-email-queue-group-performance-detail.metric-zoom.metric-zoom-tAbandon .ember-engine-queues-summary-row .dt-section-body .dt-row .selection-indicator:hover:before,
.queue-performance-detail.metric-zoom.metric-zoom-tAbandon .ember-engine-queues-summary-row .dt-section-body .dt-row .selection-indicator:hover:after,
.analytics-view-messaging-queue-performance-detail.metric-zoom.metric-zoom-tAbandon .ember-engine-queues-summary-row .dt-section-body .dt-row .selection-indicator:hover:after,
.analytics-view-messaging-queue-group-performance-detail.metric-zoom.metric-zoom-tAbandon .ember-engine-queues-summary-row .dt-section-body .dt-row .selection-indicator:hover:after,
.analytics-view-email-queue-performance-detail.metric-zoom.metric-zoom-tAbandon .ember-engine-queues-summary-row .dt-section-body .dt-row .selection-indicator:hover:after,
.analytics-view-email-queue-group-performance-detail.metric-zoom.metric-zoom-tAbandon .ember-engine-queues-summary-row .dt-section-body .dt-row .selection-indicator:hover:after {
opacity: 0.5;
}
.queue-performance-detail.metric-zoom.metric-zoom-tAbandon .ember-engine-queues-summary-row .dt-section-body .dt-row .selection-indicator.selected:before,
.analytics-view-messaging-queue-performance-detail.metric-zoom.metric-zoom-tAbandon .ember-engine-queues-summary-row .dt-section-body .dt-row .selection-indicator.selected:before,
.analytics-view-messaging-queue-group-performance-detail.metric-zoom.metric-zoom-tAbandon .ember-engine-queues-summary-row .dt-section-body .dt-row .selection-indicator.selected:before,
.analytics-view-email-queue-performance-detail.metric-zoom.metric-zoom-tAbandon .ember-engine-queues-summary-row .dt-section-body .dt-row .selection-indicator.selected:before,
.analytics-view-email-queue-group-performance-detail.metric-zoom.metric-zoom-tAbandon .ember-engine-queues-summary-row .dt-section-body .dt-row .selection-indicator.selected:before,
.queue-performance-detail.metric-zoom.metric-zoom-tAbandon .ember-engine-queues-summary-row .dt-section-body .dt-row .selection-indicator.selected:after,
.analytics-view-messaging-queue-performance-detail.metric-zoom.metric-zoom-tAbandon .ember-engine-queues-summary-row .dt-section-body .dt-row .selection-indicator.selected:after,
.analytics-view-messaging-queue-group-performance-detail.metric-zoom.metric-zoom-tAbandon .ember-engine-queues-summary-row .dt-section-body .dt-row .selection-indicator.selected:after,
.analytics-view-email-queue-performance-detail.metric-zoom.metric-zoom-tAbandon .ember-engine-queues-summary-row .dt-section-body .dt-row .selection-indicator.selected:after,
.analytics-view-email-queue-group-performance-detail.metric-zoom.metric-zoom-tAbandon .ember-engine-queues-summary-row .dt-section-body .dt-row .selection-indicator.selected:after,
.queue-performance-detail.metric-zoom.metric-zoom-tAbandon .ember-engine-queues-summary-row .dt-section-body .dt-row .selection-indicator.selected:hover:before,
.analytics-view-messaging-queue-performance-detail.metric-zoom.metric-zoom-tAbandon .ember-engine-queues-summary-row .dt-section-body .dt-row .selection-indicator.selected:hover:before,
.analytics-view-messaging-queue-group-performance-detail.metric-zoom.metric-zoom-tAbandon .ember-engine-queues-summary-row .dt-section-body .dt-row .selection-indicator.selected:hover:before,
.analytics-view-email-queue-performance-detail.metric-zoom.metric-zoom-tAbandon .ember-engine-queues-summary-row .dt-section-body .dt-row .selection-indicator.selected:hover:before,
.analytics-view-email-queue-group-performance-detail.metric-zoom.metric-zoom-tAbandon .ember-engine-queues-summary-row .dt-section-body .dt-row .selection-indicator.selected:hover:before,
.queue-performance-detail.metric-zoom.metric-zoom-tAbandon .ember-engine-queues-summary-row .dt-section-body .dt-row .selection-indicator.selected:hover:after,
.analytics-view-messaging-queue-performance-detail.metric-zoom.metric-zoom-tAbandon .ember-engine-queues-summary-row .dt-section-body .dt-row .selection-indicator.selected:hover:after,
.analytics-view-messaging-queue-group-performance-detail.metric-zoom.metric-zoom-tAbandon .ember-engine-queues-summary-row .dt-section-body .dt-row .selection-indicator.selected:hover:after,
.analytics-view-email-queue-performance-detail.metric-zoom.metric-zoom-tAbandon .ember-engine-queues-summary-row .dt-section-body .dt-row .selection-indicator.selected:hover:after,
.analytics-view-email-queue-group-performance-detail.metric-zoom.metric-zoom-tAbandon .ember-engine-queues-summary-row .dt-section-body .dt-row .selection-indicator.selected:hover:after {
opacity: 1;
}
.queue-performance-detail.metric-zoom.metric-zoom-tAbandon .ember-engine-queues-summary-row .dt-section-body .dt-row .selection-indicator.selected:before,
.analytics-view-messaging-queue-performance-detail.metric-zoom.metric-zoom-tAbandon .ember-engine-queues-summary-row .dt-section-body .dt-row .selection-indicator.selected:before,
.analytics-view-messaging-queue-group-performance-detail.metric-zoom.metric-zoom-tAbandon .ember-engine-queues-summary-row .dt-section-body .dt-row .selection-indicator.selected:before,
.analytics-view-email-queue-performance-detail.metric-zoom.metric-zoom-tAbandon .ember-engine-queues-summary-row .dt-section-body .dt-row .selection-indicator.selected:before,
.analytics-view-email-queue-group-performance-detail.metric-zoom.metric-zoom-tAbandon .ember-engine-queues-summary-row .dt-section-body .dt-row .selection-indicator.selected:before {
bottom: -5px;
}
.queue-performance-detail.metric-zoom.metric-zoom-tAbandon .ember-engine-queues-summary-row .dt-section-body .dt-row .selection-indicator.selected:after,
.analytics-view-messaging-queue-performance-detail.metric-zoom.metric-zoom-tAbandon .ember-engine-queues-summary-row .dt-section-body .dt-row .selection-indicator.selected:after,
.analytics-view-messaging-queue-group-performance-detail.metric-zoom.metric-zoom-tAbandon .ember-engine-queues-summary-row .dt-section-body .dt-row .selection-indicator.selected:after,
.analytics-view-email-queue-performance-detail.metric-zoom.metric-zoom-tAbandon .ember-engine-queues-summary-row .dt-section-body .dt-row .selection-indicator.selected:after,
.analytics-view-email-queue-group-performance-detail.metric-zoom.metric-zoom-tAbandon .ember-engine-queues-summary-row .dt-section-body .dt-row .selection-indicator.selected:after {
bottom: -10px;
}
.queue-performance-detail.metric-zoom.metric-zoom-tAbandon .ember-engine-queues-summary-row .dt-section-body .dt-row .dt-cell:not(.answer),
.analytics-view-messaging-queue-performance-detail.metric-zoom.metric-zoom-tAbandon .ember-engine-queues-summary-row .dt-section-body .dt-row .dt-cell:not(.answer),
.analytics-view-messaging-queue-group-performance-detail.metric-zoom.metric-zoom-tAbandon .ember-engine-queues-summary-row .dt-section-body .dt-row .dt-cell:not(.answer),
.analytics-view-email-queue-performance-detail.metric-zoom.metric-zoom-tAbandon .ember-engine-queues-summary-row .dt-section-body .dt-row .dt-cell:not(.answer),
.analytics-view-email-queue-group-performance-detail.metric-zoom.metric-zoom-tAbandon .ember-engine-queues-summary-row .dt-section-body .dt-row .dt-cell:not(.answer),
.queue-performance-detail.metric-zoom.metric-zoom-tAbandon .ember-engine-queues-summary-row .dt-section-body .dt-row .dt-cell.answer .answer-metrics,
.analytics-view-messaging-queue-performance-detail.metric-zoom.metric-zoom-tAbandon .ember-engine-queues-summary-row .dt-section-body .dt-row .dt-cell.answer .answer-metrics,
.analytics-view-messaging-queue-group-performance-detail.metric-zoom.metric-zoom-tAbandon .ember-engine-queues-summary-row .dt-section-body .dt-row .dt-cell.answer .answer-metrics,
.analytics-view-email-queue-performance-detail.metric-zoom.metric-zoom-tAbandon .ember-engine-queues-summary-row .dt-section-body .dt-row .dt-cell.answer .answer-metrics,
.analytics-view-email-queue-group-performance-detail.metric-zoom.metric-zoom-tAbandon .ember-engine-queues-summary-row .dt-section-body .dt-row .dt-cell.answer .answer-metrics {
opacity: 0.5;
}
.queue-performance-detail.metric-zoom.metric-zoom-tAbandon .ember-engine-queues-summary-row .dt-section-body .dt-row .dt-cell.answer,
.analytics-view-messaging-queue-performance-detail.metric-zoom.metric-zoom-tAbandon .ember-engine-queues-summary-row .dt-section-body .dt-row .dt-cell.answer,
.analytics-view-messaging-queue-group-performance-detail.metric-zoom.metric-zoom-tAbandon .ember-engine-queues-summary-row .dt-section-body .dt-row .dt-cell.answer,
.analytics-view-email-queue-performance-detail.metric-zoom.metric-zoom-tAbandon .ember-engine-queues-summary-row .dt-section-body .dt-row .dt-cell.answer,
.analytics-view-email-queue-group-performance-detail.metric-zoom.metric-zoom-tAbandon .ember-engine-queues-summary-row .dt-section-body .dt-row .dt-cell.answer,
.queue-performance-detail.metric-zoom.metric-zoom-tAbandon .ember-engine-queues-summary-row .dt-section-body .dt-row .dt-cell.answer .dt-cell-value,
.analytics-view-messaging-queue-performance-detail.metric-zoom.metric-zoom-tAbandon .ember-engine-queues-summary-row .dt-section-body .dt-row .dt-cell.answer .dt-cell-value,
.analytics-view-messaging-queue-group-performance-detail.metric-zoom.metric-zoom-tAbandon .ember-engine-queues-summary-row .dt-section-body .dt-row .dt-cell.answer .dt-cell-value,
.analytics-view-email-queue-performance-detail.metric-zoom.metric-zoom-tAbandon .ember-engine-queues-summary-row .dt-section-body .dt-row .dt-cell.answer .dt-cell-value,
.analytics-view-email-queue-group-performance-detail.metric-zoom.metric-zoom-tAbandon .ember-engine-queues-summary-row .dt-section-body .dt-row .dt-cell.answer .dt-cell-value {
overflow: visible;
}
.queue-performance-detail .data-table .header-row .label-cell,
.analytics-view-messaging-queue-performance-detail .data-table .header-row .label-cell,
.analytics-view-messaging-queue-group-performance-detail .data-table .header-row .label-cell,
.analytics-view-email-queue-performance-detail .data-table .header-row .label-cell,
.analytics-view-email-queue-group-performance-detail .data-table .header-row .label-cell {
justify-content: flex-start;
text-align: left;
}
.queue-performance-detail .data-table .dt-section.dt-section-body .dt-cell .dt-cell-value,
.analytics-view-messaging-queue-performance-detail .data-table .dt-section.dt-section-body .dt-cell .dt-cell-value,
.analytics-view-messaging-queue-group-performance-detail .data-table .dt-section.dt-section-body .dt-cell .dt-cell-value,
.analytics-view-email-queue-performance-detail .data-table .dt-section.dt-section-body .dt-cell .dt-cell-value,
.analytics-view-email-queue-group-performance-detail .data-table .dt-section.dt-section-body .dt-cell .dt-cell-value {
justify-content: flex-start;
text-align: left;
}
.queue-performance-detail .data-table .dt-section.dt-section-body .dt-cell.avgTalk .dt-cell-value,
.analytics-view-messaging-queue-performance-detail .data-table .dt-section.dt-section-body .dt-cell.avgTalk .dt-cell-value,
.analytics-view-messaging-queue-group-performance-detail .data-table .dt-section.dt-section-body .dt-cell.avgTalk .dt-cell-value,
.analytics-view-email-queue-performance-detail .data-table .dt-section.dt-section-body .dt-cell.avgTalk .dt-cell-value,
.analytics-view-email-queue-group-performance-detail .data-table .dt-section.dt-section-body .dt-cell.avgTalk .dt-cell-value,
.queue-performance-detail .data-table .dt-section.dt-section-body .dt-cell.totalTalk .dt-cell-value,
.analytics-view-messaging-queue-performance-detail .data-table .dt-section.dt-section-body .dt-cell.totalTalk .dt-cell-value,
.analytics-view-messaging-queue-group-performance-detail .data-table .dt-section.dt-section-body .dt-cell.totalTalk .dt-cell-value,
.analytics-view-email-queue-performance-detail .data-table .dt-section.dt-section-body .dt-cell.totalTalk .dt-cell-value,
.analytics-view-email-queue-group-performance-detail .data-table .dt-section.dt-section-body .dt-cell.totalTalk .dt-cell-value {
padding-left: 0;
padding-right: 0;
}
.queue-performance-summary .ember-engine-queues-summary-row .header-row .label-cell.queueName {
visibility: hidden;
}
.analytics-view-queue-agents-detail .active-agents.table-wrapper,
.analytics-view-queue-agents-detail .inactive-agents.table-wrapper {
min-height: 50%;
}
.analytics-view-queue-agents-detail .active-agents.table-wrapper .dt-section.dt-section-footer,
.analytics-view-queue-agents-detail .inactive-agents.table-wrapper .dt-section.dt-section-footer {
top: 0;
padding: 15px;
border-top: 3px solid #E4E9F0;
/**
* Match column picker footer height
* 32px (gux button height) + 15px (padding top/bottom) + 3px (border-top)
*/
height: 65px;
}
.analytics-view-queue-agents-detail .active-agents.table-wrapper .dt-section.dt-section-footer .table-controls,
.analytics-view-queue-agents-detail .inactive-agents.table-wrapper .dt-section.dt-section-footer .table-controls {
height: 100%;
display: flex;
padding: 0;
}
.analytics-view-queue-agents-detail .active-agents.table-wrapper .dt-section.dt-section-footer .table-controls .bar-left,
.analytics-view-queue-agents-detail .inactive-agents.table-wrapper .dt-section.dt-section-footer .table-controls .bar-left {
flex: 1 1 33%;
}
.analytics-view-queue-agents-detail .active-agents.table-wrapper .dt-section.dt-section-footer .table-controls .bar-center,
.analytics-view-queue-agents-detail .inactive-agents.table-wrapper .dt-section.dt-section-footer .table-controls .bar-center {
flex: 1 1 34%;
position: relative;
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
}
.analytics-view-queue-agents-detail .active-agents.table-wrapper .dt-section.dt-section-footer .table-controls .bar-center gux-pagination,
.analytics-view-queue-agents-detail .inactive-agents.table-wrapper .dt-section.dt-section-footer .table-controls .bar-center gux-pagination {
margin-top: -12px;
}
.analytics-view-queue-agents-detail .active-agents.table-wrapper .dt-section.dt-section-footer .table-controls .bar-right,
.analytics-view-queue-agents-detail .inactive-agents.table-wrapper .dt-section.dt-section-footer .table-controls .bar-right {
flex: 1 1 33%;
justify-content: right;
align-items: center;
}
.analytics-view-queue-agents-detail .inactive-agents.table-wrapper {
border-top: 1px solid #E4E9F0;
}
.analytics-view-agent-assist-performance .agent-assist-usage-card {
overflow: hidden;
}
.analytics-view-agent-assist-performance .header-components {
justify-content: end;
}
.analytics-view-agent-assist-performance .header-components .analytics-ui-filter-inputs {
display: flex;
gap: 8px;
margin-right: 20px;
margin-top: 20px;
}
.analytics-view-agent-assist-performance .header-components .analytics-ui-filter-inputs .filter-contents {
min-width: 200px;
}
.analytics-view-agent-assist-performance .header-components .analytics-ui-filter-inputs .filter-name {
margin: 0;
}
.analytics-view-agent-copilot-performance .header-components {
justify-content: end;
}
.analytics-view-agent-copilot-performance .header-components .analytics-ui-filter-inputs {
display: flex;
gap: 8px;
margin-right: 20px;
margin-top: 20px;
}
.analytics-view-agent-copilot-performance .header-components .analytics-ui-filter-inputs .filter-contents {
min-width: 200px;
}
.analytics-view-agent-copilot-performance .header-components .analytics-ui-filter-inputs .filter-name {
margin: 0;
}
.analytics-view-agent-copilot-performance .analytics-ui-card-view.card-widget .double-card-width {
flex-grow: 2;
}
.analytics-view-agent-copilot-performance .analytics-ui-card-view.card-widget .agent-copilot-queue-comparison-card {
flex-grow: 2;
}
.analytics-view-agent-copilot-performance .analytics-ui-card-view.card-widget .agent-copilot-queue-comparison-card .analytics-ui-agent-assist-kpi-card-breakdown {
display: block;
}
.analytics-view-agent-copilot-performance .analytics-ui-card-view.card-widget .agent-copilot-queue-comparison-card .kpi-breakdown {
display: none;
}
.analytics-view-agent-copilot-performance .analytics-ui-card-view.card-widget .agent-copilot-queue-comparison-card .kpi-trend .kpi-trend-container {
flex: 1;
justify-content: left;
}
.analytics-view-agent-copilot-performance .analytics-ui-card-view.card-widget .analytics-ui-filter-inputs.recommendation-source {
padding-right: 4px;
min-width: 150px;
}
.analytics-view-agent-copilot-performance .analytics-ui-card-view.card-widget .agent-copilot-after-call-work-section-card {
width: calc(100% / 3);
flex: initial;
}
.analytics-view-agent-development-summary .dt-cell.agentPresence,
.analytics-view-agent-development-summary .dt-drag-container.agentPresence {
max-width: 20px;
}
.analytics-view-agent-development-summary .dt-cell.station,
.analytics-view-agent-development-summary .dt-drag-container.station {
max-width: 55px;
}
.analytics-view-agent-development-summary .agent-development-open-module {
padding: 0 6px;
}
.analytics-view-agent-development-summary .agent-development-open-module .gux-icon {
font-size: 16px;
margin-top: 2px;
}
.analytics-view-agent-development-summary .filter.user-state {
min-width: 200px;
margin: 4px 0px 4px 6px;
}
.analytics-view-agent-development-summary .filter.user-state .filter-header {
display: none;
}
.analytics-view-agent-development-summary .analytics-ui-filter-inputs.filter.user-state {
z-index: 3;
}
.analytics-view-agent-development-detail .agent-development-open-module {
padding: 0 6px;
}
.analytics-view-agent-development-detail .agent-development-open-module .gux-icon {
font-size: 16px;
margin-top: 2px;
}
.analytics-view-agent-development-detail .data-table .dt-cell.overdue .development-activity-overdue {
color: #ff0000;
}
.analytics-view-agent-development-detail .data-table .dt-cell.result .development-activity-failed {
color: #ff0000;
}
.analytics-view-agent-performance-summary .dt-cell.agentPresence,
.analytics-view-email-agent-performance-summary .dt-cell.agentPresence,
.analytics-view-messaging-agent-performance-summary .dt-cell.agentPresence,
.analytics-view-queue-agents-detail .dt-cell.agentPresence,
.analytics-view-agent-workitem-summary .dt-cell.agentPresence,
.analytics-view-agent-performance-summary .dt-drag-container.agentPresence,
.analytics-view-email-agent-performance-summary .dt-drag-container.agentPresence,
.analytics-view-messaging-agent-performance-summary .dt-drag-container.agentPresence,
.analytics-view-queue-agents-detail .dt-drag-container.agentPresence,
.analytics-view-agent-workitem-summary .dt-drag-container.agentPresence {
max-width: 20px;
}
.analytics-view-agent-performance-summary .dt-cell.station,
.analytics-view-email-agent-performance-summary .dt-cell.station,
.analytics-view-messaging-agent-performance-summary .dt-cell.station,
.analytics-view-queue-agents-detail .dt-cell.station,
.analytics-view-agent-workitem-summary .dt-cell.station,
.analytics-view-agent-performance-summary .dt-drag-container.station,
.analytics-view-email-agent-performance-summary .dt-drag-container.station,
.analytics-view-messaging-agent-performance-summary .dt-drag-container.station,
.analytics-view-queue-agents-detail .dt-drag-container.station,
.analytics-view-agent-workitem-summary .dt-drag-container.station {
max-width: 55px;
}
.analytics-view-agent-performance-summary .dt-cell .items-list .item-string,
.analytics-view-email-agent-performance-summary .dt-cell .items-list .item-string,
.analytics-view-messaging-agent-performance-summary .dt-cell .items-list .item-string,
.analytics-view-queue-agents-detail .dt-cell .items-list .item-string,
.analytics-view-agent-workitem-summary .dt-cell .items-list .item-string {
color: #4c4c4c;
}
.analytics-view-agent-performance-summary .ember-engine-queues-summary-row .timeInStatus,
.analytics-view-email-agent-performance-summary .ember-engine-queues-summary-row .timeInStatus,
.analytics-view-messaging-agent-performance-summary .ember-engine-queues-summary-row .timeInStatus,
.analytics-view-queue-agents-detail .ember-engine-queues-summary-row .timeInStatus,
.analytics-view-agent-workitem-summary .ember-engine-queues-summary-row .timeInStatus,
.analytics-view-agent-performance-summary .ember-engine-queues-summary-row .status,
.analytics-view-email-agent-performance-summary .ember-engine-queues-summary-row .status,
.analytics-view-messaging-agent-performance-summary .ember-engine-queues-summary-row .status,
.analytics-view-queue-agents-detail .ember-engine-queues-summary-row .status,
.analytics-view-agent-workitem-summary .ember-engine-queues-summary-row .status,
.analytics-view-agent-performance-summary .ember-engine-queues-summary-row .secondaryStatus,
.analytics-view-email-agent-performance-summary .ember-engine-queues-summary-row .secondaryStatus,
.analytics-view-messaging-agent-performance-summary .ember-engine-queues-summary-row .secondaryStatus,
.analytics-view-queue-agents-detail .ember-engine-queues-summary-row .secondaryStatus,
.analytics-view-agent-workitem-summary .ember-engine-queues-summary-row .secondaryStatus,
.analytics-view-agent-performance-summary .ember-engine-queues-summary-row .timeInRoutingStatus,
.analytics-view-email-agent-performance-summary .ember-engine-queues-summary-row .timeInRoutingStatus,
.analytics-view-messaging-agent-performance-summary .ember-engine-queues-summary-row .timeInRoutingStatus,
.analytics-view-queue-agents-detail .ember-engine-queues-summary-row .timeInRoutingStatus,
.analytics-view-agent-workitem-summary .ember-engine-queues-summary-row .timeInRoutingStatus,
.analytics-view-agent-performance-summary .ember-engine-queues-summary-row .routingStatus,
.analytics-view-email-agent-performance-summary .ember-engine-queues-summary-row .routingStatus,
.analytics-view-messaging-agent-performance-summary .ember-engine-queues-summary-row .routingStatus,
.analytics-view-queue-agents-detail .ember-engine-queues-summary-row .routingStatus,
.analytics-view-agent-workitem-summary .ember-engine-queues-summary-row .routingStatus,
.analytics-view-agent-performance-summary .ember-engine-queues-summary-row .skills > .label-cell:hover,
.analytics-view-email-agent-performance-summary .ember-engine-queues-summary-row .skills > .label-cell:hover,
.analytics-view-messaging-agent-performance-summary .ember-engine-queues-summary-row .skills > .label-cell:hover,
.analytics-view-queue-agents-detail .ember-engine-queues-summary-row .skills > .label-cell:hover,
.analytics-view-agent-workitem-summary .ember-engine-queues-summary-row .skills > .label-cell:hover {
cursor: default;
}
.analytics-view-agent-performance-summary .data-table .dt-section.dt-section-body .dt-cell.avgTalk .dt-cell-value,
.analytics-view-email-agent-performance-summary .data-table .dt-section.dt-section-body .dt-cell.avgTalk .dt-cell-value,
.analytics-view-messaging-agent-performance-summary .data-table .dt-section.dt-section-body .dt-cell.avgTalk .dt-cell-value,
.analytics-view-queue-agents-detail .data-table .dt-section.dt-section-body .dt-cell.avgTalk .dt-cell-value,
.analytics-view-agent-workitem-summary .data-table .dt-section.dt-section-body .dt-cell.avgTalk .dt-cell-value,
.analytics-view-agent-performance-summary .data-table .dt-section.dt-section-body .dt-cell.totalTalk .dt-cell-value,
.analytics-view-email-agent-performance-summary .data-table .dt-section.dt-section-body .dt-cell.totalTalk .dt-cell-value,
.analytics-view-messaging-agent-performance-summary .data-table .dt-section.dt-section-body .dt-cell.totalTalk .dt-cell-value,
.analytics-view-queue-agents-detail .data-table .dt-section.dt-section-body .dt-cell.totalTalk .dt-cell-value,
.analytics-view-agent-workitem-summary .data-table .dt-section.dt-section-body .dt-cell.totalTalk .dt-cell-value {
padding-left: 0;
padding-right: 0;
}
.analytics-view-agent-performance-summary .data-table .dt-section.dt-section-body .dt-cell.routingStatus .status-NOT_RESPONDING,
.analytics-view-email-agent-performance-summary .data-table .dt-section.dt-section-body .dt-cell.routingStatus .status-NOT_RESPONDING,
.analytics-view-messaging-agent-performance-summary .data-table .dt-section.dt-section-body .dt-cell.routingStatus .status-NOT_RESPONDING,
.analytics-view-queue-agents-detail .data-table .dt-section.dt-section-body .dt-cell.routingStatus .status-NOT_RESPONDING,
.analytics-view-agent-workitem-summary .data-table .dt-section.dt-section-body .dt-cell.routingStatus .status-NOT_RESPONDING {
color: #ff0000;
}
.analytics-view-agent-performance-summary .filter.user-state,
.analytics-view-email-agent-performance-summary .filter.user-state,
.analytics-view-messaging-agent-performance-summary .filter.user-state,
.analytics-view-queue-agents-detail .filter.user-state,
.analytics-view-agent-workitem-summary .filter.user-state {
min-width: 200px;
margin: 4px 0px 4px 6px;
z-index: 3;
}
.analytics-view-agent-performance-summary .filter.user-state .filter-header,
.analytics-view-email-agent-performance-summary .filter.user-state .filter-header,
.analytics-view-messaging-agent-performance-summary .filter.user-state .filter-header,
.analytics-view-queue-agents-detail .filter.user-state .filter-header,
.analytics-view-agent-workitem-summary .filter.user-state .filter-header {
display: none;
}
.analytics-view-agent-topic-summary .filter.user-state {
min-width: 200px;
margin: 4px 0px 4px 6px;
}
.analytics-view-agent-topic-summary .filter.user-state .filter-header {
display: none;
}
.analytics-view-agent-topic-summary .analytics-ui-filter-inputs.filter.user-state {
z-index: 4;
}
.analytics-view-agent-topic-summary .side-panel.drawer-container.drawer-open,
.analytics-view-queue-topic-summary .side-panel.drawer-container.drawer-open,
.analytics-view-flow-topic-summary .side-panel.drawer-container.drawer-open {
width: 380px;
min-width: 380px;
}
.analytics-view-agent-topic-summary .side-panel.drawer-container.drawer-open .side-panel-action-button,
.analytics-view-queue-topic-summary .side-panel.drawer-container.drawer-open .side-panel-action-button,
.analytics-view-flow-topic-summary .side-panel.drawer-container.drawer-open .side-panel-action-button {
position: relative;
}
.analytics-view-agent-topic-summary .data-table .dt-section.dt-section-head,
.analytics-view-queue-topic-summary .data-table .dt-section.dt-section-head,
.analytics-view-flow-topic-summary .data-table .dt-section.dt-section-head {
z-index: 2;
}
.analytics-view-agent-topic-summary .applied-filters gux-popover,
.analytics-view-queue-topic-summary .applied-filters gux-popover,
.analytics-view-flow-topic-summary .applied-filters gux-popover {
position: absolute;
}
.analytics-view-agent-topic-summary .bulk-action-summary-row,
.analytics-view-queue-topic-summary .bulk-action-summary-row,
.analytics-view-flow-topic-summary .bulk-action-summary-row,
.analytics-view-agent-topic-summary .applied-filters gux-popover,
.analytics-view-queue-topic-summary .applied-filters gux-popover,
.analytics-view-flow-topic-summary .applied-filters gux-popover {
z-index: 3;
}
.analytics-view-agent-queues .active-queues.table-wrapper .dt-section-footer,
.analytics-view-agent-queues .inactive-queues.table-wrapper .dt-section-footer {
display: flex;
flex-direction: column;
justify-content: center;
top: 0;
padding: 15px;
border-top: 3px solid #E4E9F0;
/**
* Match column picker footer height
* 32px (gux button height) + 15px (padding top/bottom) + 3px (border-top)
*/
height: 65px;
}
.analytics-view-agent-queues .active-queues.table-wrapper .dt-section-footer .table-controls,
.analytics-view-agent-queues .inactive-queues.table-wrapper .dt-section-footer .table-controls {
padding: 0;
}
.analytics-view-agent-queues .active-queues.table-wrapper .dt-section-footer .bar-right,
.analytics-view-agent-queues .inactive-queues.table-wrapper .dt-section-footer .bar-right {
justify-content: right;
align-items: center;
}
.analytics-view-agent-queues .active-queues.table-wrapper .dt-section-footer .bar-left,
.analytics-view-agent-queues .inactive-queues.table-wrapper .dt-section-footer .bar-left {
flex: 1 0 33%;
}
.analytics-view-agent-queues .active-queues.table-wrapper .dt-section-footer .bar-center,
.analytics-view-agent-queues .inactive-queues.table-wrapper .dt-section-footer .bar-center {
flex: 1 0 34%;
position: relative;
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
}
.analytics-view-agent-queues .active-queues.table-wrapper .dt-section-footer .bar-center gux-pagination,
.analytics-view-agent-queues .inactive-queues.table-wrapper .dt-section-footer .bar-center gux-pagination {
margin-top: -12px;
}
.analytics-view-agent-queues .active-queues.table-wrapper .dt-section-footer .bar-right,
.analytics-view-agent-queues .inactive-queues.table-wrapper .dt-section-footer .bar-right {
flex: 1 0 33%;
justify-content: right;
align-items: center;
}
.analytics-view-agent-queues .active-queues.table-wrapper {
flex: 1 1 auto;
height: 50%;
}
.analytics-view-agent-queues .inactive-queues.table-wrapper {
flex: 1 1 auto;
height: 50%;
margin-top: 5px;
border-top: 1px solid #E4E9F0;
}
.analytics-view-agent-queues .inactive-queues.table-wrapper .dt-section-head {
display: none;
}
.agent-performance-detail .data-table .dt-section.dt-section-body .dt-cell .dt-cell-value,
.analytics-view-agent-performance-detail .data-table .dt-section.dt-section-body .dt-cell .dt-cell-value,
.analytics-view-messaging-agent-performance-detail .data-table .dt-section.dt-section-body .dt-cell .dt-cell-value,
.analytics-view-messaging-agent-group-performance-detail .data-table .dt-section.dt-section-body .dt-cell .dt-cell-value {
display: flex;
}
.agent-performance-detail .data-table .dt-section.dt-section-body .dt-cell.avgTalk .dt-cell-value,
.analytics-view-agent-performance-detail .data-table .dt-section.dt-section-body .dt-cell.avgTalk .dt-cell-value,
.analytics-view-messaging-agent-performance-detail .data-table .dt-section.dt-section-body .dt-cell.avgTalk .dt-cell-value,
.analytics-view-messaging-agent-group-performance-detail .data-table .dt-section.dt-section-body .dt-cell.avgTalk .dt-cell-value,
.agent-performance-detail .data-table .dt-section.dt-section-body .dt-cell.totalTalk .dt-cell-value,
.analytics-view-agent-performance-detail .data-table .dt-section.dt-section-body .dt-cell.totalTalk .dt-cell-value,
.analytics-view-messaging-agent-performance-detail .data-table .dt-section.dt-section-body .dt-cell.totalTalk .dt-cell-value,
.analytics-view-messaging-agent-group-performance-detail .data-table .dt-section.dt-section-body .dt-cell.totalTalk .dt-cell-value {
padding-left: 0;
padding-right: 0;
}
.analytics-view-agent-evaluations-summary .dt-cell.agentPresence,
.analytics-view-agent-evaluations-summary .dt-drag-container.agentPresence {
max-width: 20px;
}
.analytics-view-agent-evaluations-summary .dt-cell.station,
.analytics-view-agent-evaluations-summary .dt-drag-container.station {
max-width: 55px;
}
.analytics-view-agent-evaluations-summary .export-panel-container .gux-radio-collection.export-view-type {
margin-left: 0;
padding-left: 0;
}
.analytics-view-agent-evaluations-summary .filter.user-state {
min-width: 200px;
margin: 4px 0px 4px 6px;
}
.analytics-view-agent-evaluations-summary .filter.user-state .filter-header {
display: none;
}
.analytics-view-agent-evaluations-summary .analytics-ui-filter-inputs.filter.user-state {
z-index: 3;
}
.analytics-view-agent-evaluations-summary .header-components > .analytics-ui-filter-inputs:not(.filter-hidden) {
display: flex;
align-items: center;
margin-left: 15px;
padding: 5px 0px;
}
.analytics-view-agent-evaluations-summary .header-components > .analytics-ui-filter-inputs:not(.filter-hidden) .filter-contents {
margin-left: 15px;
}
.analytics-view-agent-evaluations-summary .header-components > .analytics-ui-filter-inputs:not(.filter-hidden) .filter-contents gux-dropdown {
position: relative;
z-index: 2;
}
.analytics-view-agent-evaluations-summary .header-components > .analytics-ui-filter-inputs:not(.filter-hidden) .filter-name {
margin-bottom: 10px;
}
.agent-status-detail .header-components > gux-form-field-select {
margin-left: 15px;
}
.analytics-view-agent-status-timeline-detail .header-components > gux-form-field-select {
margin-left: 15px;
}
.analytics-view-agent-login-logout-detail .header-components > gux-form-field-select {
margin-left: 15px;
}
.analytics-view-agent-status-summary .dt-cell.agentPresence,
.analytics-view-agent-status-summary .dt-drag-container.agentPresence {
max-width: 20px;
}
.analytics-view-agent-status-summary .dt-cell.station,
.analytics-view-agent-status-summary .dt-drag-container.station {
max-width: 55px;
}
.analytics-view-agent-status-summary .ember-engine-queues-summary-row .timeInStatus,
.analytics-view-agent-status-summary .ember-engine-queues-summary-row .status,
.analytics-view-agent-status-summary .ember-engine-queues-summary-row .secondaryStatus,
.analytics-view-agent-status-summary .ember-engine-queues-summary-row .timeInRoutingStatus,
.analytics-view-agent-status-summary .ember-engine-queues-summary-row .routingStatus,
.analytics-view-agent-status-summary .ember-engine-queues-summary-row .skills > .label-cell:hover {
cursor: default;
}
.analytics-view-agent-status-summary .data-table .dt-section.dt-section-body .dt-cell .items-list .item-string {
color: #4c4c4c;
}
.analytics-view-agent-status-summary .data-table .dt-section.dt-section-body .dt-cell.routingStatus .status-NOT_RESPONDING {
color: #ff0000;
}
.analytics-view-agent-status-summary .export-panel-container .gux-radio-collection.export-view-type {
margin-left: 0;
padding-left: 0;
}
.analytics-view-agent-status-summary .filter.user-state {
min-width: 200px;
margin: 4px 0px 4px 6px;
}
.analytics-view-agent-status-summary .filter.user-state .filter-header {
display: none;
}
.analytics-view-agent-status-summary .analytics-ui-filter-inputs.filter.user-state {
z-index: 3;
}
.ember-engine-queues-main-content .pager {
margin: 0;
}
.ember-engine-queues-main-content .filter-bar {
display: flex;
align-items: flex-end;
justify-content: space-between;
flex-shrink: 0;
flex-basis: auto;
padding-bottom: 7px;
}
.ember-engine-queues-main-content .filter-bar.usability-enhancements {
padding: 0 0 0 5px;
}
.ember-engine-queues-main-content .filter-bar.usability-enhancements .filter-sections {
overflow: hidden;
}
.ember-engine-queues-main-content .filter-bar.usability-enhancements .filter-sections .filter-section {
flex: 1 1 !important;
}
.ember-engine-queues-main-content .filter-bar .filter-sections {
display: flex;
flex: 1;
flex-flow: wrap;
align-items: center;
}
.ember-engine-queues-main-content .filter-bar .filter-sections .filter-section {
min-width: 0;
flex: 0 auto;
}
.ember-engine-queues-main-content .filter-bar .filter-sections .filter-section.filter-left {
display: flex;
flex-direction: row;
align-items: center;
}
.ember-engine-queues-main-content .filter-bar .filter-sections .filter-section.filter-left .media-type-filter-icon i {
margin-right: 0;
}
@media (min-width: 768px) {
.ember-engine-queues-main-content .filter-bar .filter-sections .filter-section.filter-left .media-type-filter-icon i {
margin-right: 4px;
}
}
@media (min-width: 1280px) {
.ember-engine-queues-main-content .filter-bar .filter-sections .filter-section.filter-left .media-type-filter-icon i {
margin-right: 0;
}
}
@media (min-width: 1600px) {
.ember-engine-queues-main-content .filter-bar .filter-sections .filter-section.filter-left .media-type-filter-icon i {
margin-right: 4px;
}
}
.ember-engine-queues-main-content .filter-bar .filter-sections .filter-section.filter-left .media-type-filter-name {
display: none;
}
@media (min-width: 890px) {
.ember-engine-queues-main-content .filter-bar .filter-sections .filter-section.filter-left .media-type-filter-name {
display: flex;
}
}
.ember-engine-queues-main-content .filter-bar .filter-sections .filter-section > .applied-filters {
margin-top: 5px;
max-height: 110px;
overflow-y: auto;
}
.ember-engine-queues-main-content .filter-bar .filter-sections .filter-section > .applied-filters .selected-tags-component {
margin-bottom: 5px;
}
.ember-engine-queues-main-content .filter-bar .filter-sections .filter-section .search-container {
padding-top: 2px;
}
.ember-engine-queues-main-content .filter-bar .filter-sections .filter-section .search-container .search-box {
padding: 0;
}
.ember-engine-queues-main-content .filter-bar .filter-sections .filter-section .search-container .search-options {
max-width: 500px;
}
.ember-engine-queues-main-content .page-item-counter {
flex: 0 auto;
white-space: nowrap;
padding-right: 10px;
}
.action-bar-open .ember-engine-queues-main-content .filter-bar .filter-section {
min-width: 0;
order: 2;
}
.analytics-dashboards.analytics-ui-dashboard-summary-v2,
.analytics-dashboards.analytics-ui-dashboard-users,
.analytics-view-dashboard-owners-detail {
height: 100%;
}
.analytics-dashboards.analytics-ui-dashboard-summary-v2 .bar-right,
.analytics-dashboards.analytics-ui-dashboard-users .bar-right,
.analytics-view-dashboard-owners-detail .bar-right {
padding: 4px 16px;
}
.analytics-dashboards.analytics-ui-dashboard-summary-v2 .table-wrapper,
.analytics-dashboards.analytics-ui-dashboard-users .table-wrapper,
.analytics-view-dashboard-owners-detail .table-wrapper {
min-height: 50%;
overflow: hidden;
flex-grow: 1;
}
.analytics-dashboards.analytics-ui-dashboard-summary-v2 .dt-cell.rowActions,
.analytics-dashboards.analytics-ui-dashboard-users .dt-cell.rowActions,
.analytics-view-dashboard-owners-detail .dt-cell.rowActions,
.analytics-dashboards.analytics-ui-dashboard-summary-v2 .dt-drag-container.rowActions,
.analytics-dashboards.analytics-ui-dashboard-users .dt-drag-container.rowActions,
.analytics-view-dashboard-owners-detail .dt-drag-container.rowActions {
max-width: 90px;
}
.analytics-dashboards.analytics-ui-dashboard-summary-v2 .actions-column,
.analytics-dashboards.analytics-ui-dashboard-users .actions-column,
.analytics-view-dashboard-owners-detail .actions-column {
display: flex;
align-items: flex-end;
}
.analytics-dashboards.analytics-ui-dashboard-summary-v2 .dashboard-summary-empty-state,
.analytics-dashboards.analytics-ui-dashboard-users .dashboard-summary-empty-state,
.analytics-view-dashboard-owners-detail .dashboard-summary-empty-state {
height: 100%;
display: flex;
flex-direction: column;
gap: 24px;
justify-content: center;
align-content: center;
align-items: center;
}
.analytics-dashboards.analytics-ui-dashboard-summary-v2 .dashboard-summary-empty-state .empty-state-message,
.analytics-dashboards.analytics-ui-dashboard-users .dashboard-summary-empty-state .empty-state-message,
.analytics-view-dashboard-owners-detail .dashboard-summary-empty-state .empty-state-message {
font-size: 18px;
}
.analytics-dashboards.analytics-ui-dashboard-summary-v2 .header-components,
.analytics-dashboards.analytics-ui-dashboard-users .header-components,
.analytics-view-dashboard-owners-detail .header-components {
justify-content: space-between;
margin-right: 24px;
}
.analytics-dashboards.analytics-ui-dashboard-summary-v2 :not(.analytics-dashboards.analytics-ui-dashboard-users).dt-drag-container,
.analytics-dashboards.analytics-ui-dashboard-users :not(.analytics-dashboards.analytics-ui-dashboard-users).dt-drag-container,
.analytics-view-dashboard-owners-detail :not(.analytics-dashboards.analytics-ui-dashboard-users).dt-drag-container {
padding-right: 37px;
}
.analytics-dashboards.analytics-ui-dashboard-summary-v2.deleted-filter-applied .main-data-table.data-table .dt-section .header-row .dt-row-choice,
.analytics-dashboards.analytics-ui-dashboard-users.deleted-filter-applied .main-data-table.data-table .dt-section .header-row .dt-row-choice,
.analytics-view-dashboard-owners-detail.deleted-filter-applied .main-data-table.data-table .dt-section .header-row .dt-row-choice,
.analytics-dashboards.analytics-ui-dashboard-summary-v2.deleted-filter-applied .main-data-table.data-table .dt-section .dt-row .dt-row-choice,
.analytics-dashboards.analytics-ui-dashboard-users.deleted-filter-applied .main-data-table.data-table .dt-section .dt-row .dt-row-choice,
.analytics-view-dashboard-owners-detail.deleted-filter-applied .main-data-table.data-table .dt-section .dt-row .dt-row-choice {
display: none;
}
.analytics-dashboards.analytics-ui-dashboard-users .filter-contents {
margin-top: 16px;
margin-bottom: 16px;
}
.analytics-dashboards.analytics-ui-dashboard-users .dt-drag-container + .dt-drag-container {
position: relative;
right: 8px;
}
.analytics-view-dashboard-detail .secondary-nav-bar .button-bar.bar-right {
padding-right: 8px;
}
.analytics-view-dashboard-detail .bar-left .analytics-ui-kebab-menu .kebab-menu-button gux-icon {
width: 20px;
height: 20px;
}
.analytics-view-dashboard-detail .bar-left .analytics-ui-kebab-menu gux-icon[icon-name='rating-active'] {
color: var(--gux-alert-yellow-60);
}
.analytics-view-dashboard-detail.flow-layout .secondary-nav-bar .button-bar.bar-right {
padding-right: 12px;
}
.analytics-view-surveys-performance-detail.surveys-performance-detail .header-row .dt-row-expander {
visibility: hidden;
}
.analytics-view-surveys-performance-detail.surveys-performance-detail .ember-engine-queues-summary-row .dt-horiz-scrollable {
width: auto;
align-self: center;
min-width: 800px;
}
.analytics-view-agent-wrapup-detail .ember-engine-queues-summary-row .dt-section-footer {
visibility: hidden;
}
.analytics-view-agent-wrapup-detail .ember-engine-queues-summary-row .header-row .label-cell.wrapupCode {
visibility: hidden;
}
.analytics-view-agent-wrapup-detail .ember-engine-queues-summary-row .header-row .label-cell.column-picker-toggle {
visibility: hidden;
}
.analytics-view-queue-wrapup-detail .ember-engine-queues-summary-row .dt-section-footer {
visibility: hidden;
}
.analytics-view-queue-wrapup-detail .ember-engine-queues-summary-row .header-row .label-cell.wrapupCode {
visibility: hidden;
}
.analytics-view-queue-wrapup-detail .ember-engine-queues-summary-row .header-row .label-cell.column-picker-toggle {
visibility: hidden;
}
.animated {
animation-duration: 1s;
animation-fill-mode: both;
}
.animated.infinite {
animation-iteration-count: infinite;
}
.animated.delay-1s {
animation-delay: 1s;
}
.animated.delay-2s {
animation-delay: 2s;
}
.animated.delay-3s {
animation-delay: 3s;
}
.animated.delay-4s {
animation-delay: 4s;
}
.animated.delay-5s {
animation-delay: 5s;
}
.animated.fast {
animation-duration: 800ms;
}
.animated.faster {
animation-duration: 500ms;
}
.animated.slow {
animation-duration: 2s;
}
.animated.slower {
animation-duration: 3s;
}
@media (print), (prefers-reduced-motion: reduce) {
.animated {
animation-duration: 1ms !important;
transition-duration: 1ms !important;
animation-iteration-count: 1 !important;
}
}
@keyframes zoomIn {
from {
opacity: 0;
transform: scale3d(0.3, 0.3, 0.3);
}
50% {
opacity: 1;
}
}
.zoomIn {
animation-name: zoomIn;
}
@keyframes fadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
.fadeIn {
animation-name: fadeIn;
}
@keyframes fadeInRight {
from {
opacity: 0;
transform: translate3d(100%, 0, 0);
}
to {
opacity: 1;
transform: translate3d(0, 0, 0);
}
}
.fadeInRight {
animation-name: fadeInRight;
}
@keyframes fadeOut {
from {
opacity: 1;
}
to {
opacity: 0;
}
}
.fadeOut {
animation-name: fadeOut;
}
/* Below styles migrated from ember-engage-components button-bar */
.analytics-view-scheduled-callbacks + gux-modal div[slot="content"] {
width: 700px;
height: 400px;
}
.analytics-view-scheduled-callbacks .data-table .dt-row-control-panel-expanded {
overflow: initial;
}
.analytics-view-scheduled-exports gux-toggle {
margin-bottom: 7px;
}
.analytics-view-scheduled-exports .disableCountdown .tooltip-content {
padding: 0;
}
.analytics-view-scheduled-exports .schedule-export-alert-icon {
position: relative;
top: 2px;
}
.analytics-view-scheduled-exports div.data-table .dt-section.dt-section-body > div.dt-row.scheduled-export-expired.dt-row:nth-child(n) {
background-color: var(--gux-alert-red-90);
}
.analytics-view-scheduled-exports div.data-table .dt-section.dt-section-body > div.dt-row.scheduled-export-expired.dt-row:nth-child(n) .scheduled-export-expired-icon {
color: var(--gux-alert-red-50);
margin-right: 6px;
}
.analytics-view-scheduled-exports .scheduled-export-expiring-soon-icon {
color: var(--gux-alert-yellow-50);
margin-right: 6px;
}
.analytics-view-content-search .data-table .dt-cell.mediaType,
.analytics-view-content-search .data-table .dt-drag-container.mediaType {
max-width: 34px;
}
.analytics-view-content-search:not(.content-search-group-criteria-filters-enabled) .side-panel.drawer-container.drawer-open {
width: 300px;
min-width: 350px;
}
.analytics-view-content-search.content-search-group-criteria-filters-enabled .side-panel.drawer-container.drawer-open {
width: 380px;
min-width: 380px;
}
.analytics-view-content-search.content-search-group-criteria-filters-enabled .side-panel.drawer-container.drawer-open .side-panel-action-button {
position: relative;
}
.analytics-view-content-search .search-container.category-search {
position: relative;
}
.analytics-view-content-search .search-container.category-search > form {
width: 100%;
}
.analytics-view-content-search .search-container.category-search .search-options {
position: absolute;
left: 0;
}
.analytics-view-content-search .mediaType .items-list .item {
display: flex;
margin: 5px 0;
}
.analytics-view-content-search .sentimentScore .dt-cell-value,
.analytics-view-content-search .sentimentTrend .dt-cell-value,
.analytics-view-content-search .empathyScore .dt-cell-value {
display: inline-flex !important;
justify-content: center;
}
.analytics-view-content-search .sentimentScore .dt-cell-value .parts-container,
.analytics-view-content-search .sentimentTrend .dt-cell-value .parts-container,
.analytics-view-content-search .empathyScore .dt-cell-value .parts-container {
display: flex;
}
.analytics-view-content-search .sentimentScore .dt-cell-value .icon,
.analytics-view-content-search .sentimentTrend .dt-cell-value .icon,
.analytics-view-content-search .empathyScore .dt-cell-value .icon {
order: 1;
display: flex;
flex-direction: column;
justify-content: center;
}
.analytics-view-content-search .sentimentScore .dt-cell-value .icon .icon-wrapper,
.analytics-view-content-search .sentimentTrend .dt-cell-value .icon .icon-wrapper,
.analytics-view-content-search .empathyScore .dt-cell-value .icon .icon-wrapper {
display: flex;
flex-direction: column;
justify-content: center;
}
.analytics-view-content-search .sentimentScore .dt-cell-value .value,
.analytics-view-content-search .sentimentTrend .dt-cell-value .value,
.analytics-view-content-search .empathyScore .dt-cell-value .value {
order: 2;
width: 2em;
margin-left: 5px;
}
.analytics-view-content-search .sentimentScore .dt-cell-value.legacy .value,
.analytics-view-content-search .sentimentTrend .dt-cell-value.legacy .value,
.analytics-view-content-search .empathyScore .dt-cell-value.legacy .value {
width: auto;
}
.analytics-view-content-search .sentimentScore .positive,
.analytics-view-content-search .sentimentTrend .positive,
.analytics-view-content-search .empathyScore .positive {
color: var(--gux-alert-green-60);
}
.analytics-view-content-search .sentimentScore .negative,
.analytics-view-content-search .sentimentTrend .negative,
.analytics-view-content-search .empathyScore .negative {
color: var(--gux-alert-red-60);
}
.analytics-view-content-search .sentimentScore .neutral,
.analytics-view-content-search .sentimentTrend .neutral,
.analytics-view-content-search .empathyScore .neutral {
color: var(--gux-black-60);
}
.analytics-view-content-search .empathyScore .dt-cell-value .value {
width: 100%;
}
.analytics-view-content-search .empathyScore .part-1 gux-icon[icon-name='face-happy'] {
font-size: 17px;
}
.analytics-view-content-search .sentimentScore .dt-cell-value.neutral .icon {
visibility: hidden;
}
.analytics-view-content-search .sentimentScore .dt-cell-value.legacy .value {
width: auto;
}
.analytics-view-content-search .sentimentScore .dt-cell-value.legacy gux-icon[icon-name='ic-thumbs-up'] {
width: 15px;
height: 15px;
font-size: 1em;
border-radius: 50%;
color: #FDFDFD;
text-align: center;
padding: 2px;
margin-right: 5px;
background-color: #3C8527;
}
.analytics-view-content-search .sentimentScore .dt-cell-value.legacy gux-icon[icon-name='ic-thumbs-down'] {
width: 15px;
height: 15px;
font-size: 1em;
border-radius: 50%;
color: #FDFDFD;
text-align: center;
padding: 2px;
margin-right: 5px;
background-color: #EA0B0B;
}
.analytics-view-content-search .sentimentTrend .dt-cell-value .value {
width: 3em;
}
.analytics-view-content-search .sentimentTrend .dt-cell-value.legacy .icon {
order: 2;
margin-left: 3px;
}
.analytics-view-content-search .sentimentTrend .dt-cell-value.legacy .value {
order: 1;
width: auto;
}
.analytics-view-content-search .sentimentTrend .dt-cell-value.legacy.neutral .icon {
visibility: hidden;
}
.analytics-view-content-search .content-search-non-expandable-row .dt-row-expander.expander-disabled .expander-icon {
display: none;
}
.analytics-view-content-search .data-table .dt-row-control-panel-expanded {
overflow: initial;
}
.analytics-view-content-search .side-panel .analytics-ui-message-list,
.analytics-view-content-search .header-components .analytics-ui-message-list {
background-color: var(--gux-alert-yellow-100);
color: var(--gux-alert-yellow-30);
width: 100%;
font-weight: lighter;
}
.analytics-view-content-search .side-panel .analytics-ui-message-list .data-limit-warning-message gux-icon[icon-name=alert-warning-triangle],
.analytics-view-content-search .header-components .analytics-ui-message-list .data-limit-warning-message gux-icon[icon-name=alert-warning-triangle] {
margin: 0 4px;
font-size: 16px;
}
.analytics-view-content-search .side-panel .analytics-ui-message-list .data-limit-warning-message .message-text .data-limit-warning-note,
.analytics-view-content-search .header-components .analytics-ui-message-list .data-limit-warning-message .message-text .data-limit-warning-note {
font-weight: bold;
margin-right: 8px;
}
.analytics-view-content-exploration .bar-left .transcript-language {
min-width: 200px;
margin: 4px 0px 4px 6px;
display: flex;
gap: 8px;
z-index: 4;
}
.analytics-view-content-exploration .bar-left .transcript-language .filter-header {
flex-direction: column;
justify-content: center;
}
.analytics-view-content-exploration .bar-left .transcript-language .filter-header .filter-name {
margin: 0;
flex-grow: unset;
}
.analytics-view-content-exploration .bar-left .transcript-language .filter-contents {
min-width: 160px;
}
.analytics-view-content-exploration .analytics-ui-dashboard-card-widget .widget-error-display {
height: 100%;
}
.analytics-view-content-exploration .analytics-ui-dashboard-card-widget .widget-error-display .blank-state-icon {
color: var(--gux-black-100);
}
.analytics-view-content-exploration .analytics-ui-button-list .bold {
font-weight: bold;
}
.analytics-view-content-exploration .analytics-filter-bar-container .analytics-filter-bar .filter-sections .filter-section > .applied-filters-container {
margin-top: 0px;
}
.analytics-view-content-exploration .header-components {
justify-content: space-between;
margin-right: 24px;
flex-wrap: wrap;
}
.analytics-view-content-exploration .header-components .analytics-ui-switch-cards {
padding-left: var(--gux-spacing-large);
padding-top: 6px;
}
.analytics-view-content-exploration .header-components .analytics-ui-card-picker {
padding-top: 10px;
margin-right: 24px;
}
.analytics-view-content-exploration .header-components .analytics-ui-message-list {
background-color: var(--gux-alert-yellow-100);
color: var(--gux-alert-yellow-30);
width: 100%;
font-weight: lighter;
}
.analytics-view-content-exploration .header-components .analytics-ui-message-list .data-limit-warning-message gux-icon[icon-name=alert-warning-triangle] {
margin: 0 4px;
font-size: 16px;
}
.analytics-view-content-exploration .header-components .analytics-ui-message-list .data-limit-warning-message .message-text .data-limit-warning-note {
font-weight: bold;
margin-right: 8px;
}
.analytics-view-content-exploration .widget-content .table-wrapper {
width: 100%;
}
.analytics-view-content-exploration .analytics-ui-card-view-row:has(.transcripts-table-card) {
height: 100%;
margin-bottom: 0;
}
.analytics-view-content-exploration .analytics-ui-card-view.card-widget:has(.transcripts-table-card) {
height: 100%;
padding: 0;
overflow-y: hidden;
}
.analytics-view-content-exploration .transcripts-table-card {
height: 100%;
padding: 0;
border: none;
}
.analytics-view-content-exploration .transcripts-table-card .widget-body {
overflow-y: hidden;
}
.analytics-view-content-exploration .transcripts-table-card .widget-content {
overflow-y: hidden;
}
.analytics-view-content-exploration .transcripts-table-card .table-wrapper {
height: 100%;
}
.analytics-view-content-exploration .table-wrapper {
min-height: 50%;
overflow: hidden;
}
.analytics-view-content-exploration .table-wrapper .dt-section.dt-section-head .dt-row.header-row {
padding-right: 0;
}
.analytics-view-content-exploration .table-wrapper .dt-section.dt-section-footer {
top: 0;
padding: 15px;
border-top: 3px solid #E4E9F0;
/**
* Match column picker footer height
* 32px (gux button height) + 15px (padding top/bottom) + 3px (border-top)
*/
height: 65px;
}
.analytics-view-content-exploration .table-wrapper .dt-section.dt-section-footer .table-controls {
height: 100%;
display: flex;
padding: 0;
}
.analytics-view-content-exploration .table-wrapper .dt-section.dt-section-footer .table-controls .bar-left {
flex: 1 1 33%;
}
.analytics-view-content-exploration .table-wrapper .dt-section.dt-section-footer .table-controls .bar-center {
flex: 1 1 34%;
position: relative;
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
}
.analytics-view-content-exploration .table-wrapper .dt-section.dt-section-footer .table-controls .bar-center gux-pagination {
margin-top: -12px;
}
.analytics-view-content-exploration .table-wrapper .dt-section.dt-section-footer .table-controls .bar-right {
flex: 1 1 33%;
justify-content: right;
align-items: center;
}
.analytics-view-content-exploration .data-table .dt-cell.mediaType,
.analytics-view-content-exploration .data-table .dt-drag-container.mediaType {
max-width: 34px;
}
.analytics-view-content-exploration .mediaType .items-list .item {
display: flex;
margin: 5px 0;
}
.analytics-view-content-exploration .header-row .column-picker-toggle {
margin-left: 11px;
margin-right: 4px;
}
.analytics-view-content-exploration .sentimentScore .dt-cell-value,
.analytics-view-content-exploration .sentimentTrend .dt-cell-value,
.analytics-view-content-exploration .empathyScore .dt-cell-value {
display: inline-flex !important;
justify-content: center;
}
.analytics-view-content-exploration .sentimentScore .dt-cell-value .parts-container,
.analytics-view-content-exploration .sentimentTrend .dt-cell-value .parts-container,
.analytics-view-content-exploration .empathyScore .dt-cell-value .parts-container {
display: flex;
}
.analytics-view-content-exploration .sentimentScore .dt-cell-value .icon,
.analytics-view-content-exploration .sentimentTrend .dt-cell-value .icon,
.analytics-view-content-exploration .empathyScore .dt-cell-value .icon {
order: 1;
display: flex;
flex-direction: column;
justify-content: center;
}
.analytics-view-content-exploration .sentimentScore .dt-cell-value .icon .icon-wrapper,
.analytics-view-content-exploration .sentimentTrend .dt-cell-value .icon .icon-wrapper,
.analytics-view-content-exploration .empathyScore .dt-cell-value .icon .icon-wrapper {
display: flex;
flex-direction: column;
justify-content: center;
}
.analytics-view-content-exploration .sentimentScore .dt-cell-value .value,
.analytics-view-content-exploration .sentimentTrend .dt-cell-value .value,
.analytics-view-content-exploration .empathyScore .dt-cell-value .value {
order: 2;
width: 2em;
margin-left: 5px;
}
.analytics-view-content-exploration .sentimentScore .dt-cell-value.legacy .value,
.analytics-view-content-exploration .sentimentTrend .dt-cell-value.legacy .value,
.analytics-view-content-exploration .empathyScore .dt-cell-value.legacy .value {
width: auto;
}
.analytics-view-content-exploration .sentimentScore .positive,
.analytics-view-content-exploration .sentimentTrend .positive,
.analytics-view-content-exploration .empathyScore .positive {
color: var(--gux-alert-green-60);
}
.analytics-view-content-exploration .sentimentScore .negative,
.analytics-view-content-exploration .sentimentTrend .negative,
.analytics-view-content-exploration .empathyScore .negative {
color: var(--gux-alert-red-60);
}
.analytics-view-content-exploration .sentimentScore .neutral,
.analytics-view-content-exploration .sentimentTrend .neutral,
.analytics-view-content-exploration .empathyScore .neutral {
color: var(--gux-black-60);
}
.analytics-view-content-exploration .empathyScore .dt-cell-value .value {
width: 100%;
}
.analytics-view-content-exploration .empathyScore .part-1 gux-icon[icon-name='face-happy'] {
font-size: 17px;
}
.analytics-view-content-exploration .sentimentScore .dt-cell-value.neutral .icon {
visibility: hidden;
}
.analytics-view-content-exploration .sentimentScore .dt-cell-value.legacy .value {
width: auto;
}
.analytics-view-content-exploration .sentimentScore .dt-cell-value.legacy gux-icon[icon-name='ic-thumbs-up'] {
width: 15px;
height: 15px;
font-size: 1em;
border-radius: 50%;
color: #FDFDFD;
text-align: center;
padding: 2px;
margin-right: 5px;
background-color: #3C8527;
}
.analytics-view-content-exploration .sentimentScore .dt-cell-value.legacy gux-icon[icon-name='ic-thumbs-down'] {
width: 15px;
height: 15px;
font-size: 1em;
border-radius: 50%;
color: #FDFDFD;
text-align: center;
padding: 2px;
margin-right: 5px;
background-color: #EA0B0B;
}
.analytics-view-content-exploration .sentimentTrend .dt-cell-value .value {
width: 3em;
}
.analytics-view-content-exploration .sentimentTrend .dt-cell-value.legacy .icon {
order: 2;
margin-left: 3px;
}
.analytics-view-content-exploration .sentimentTrend .dt-cell-value.legacy .value {
order: 1;
width: auto;
}
.analytics-view-content-exploration .sentimentTrend .dt-cell-value.legacy.neutral .icon {
visibility: hidden;
}
.analytics-view-content-exploration .content-search-non-expandable-row .dt-row-expander.expander-disabled .expander-icon {
display: none;
}
.analytics-view-content-exploration .data-table .dt-row-control-panel-expanded {
overflow: initial;
}
.analytics-view-content-exploration .side-panel .analytics-ui-message-list .WARNING,
.analytics-view-content-exploration .header-components .analytics-ui-message-list .WARNING {
background-color: var(--gux-alert-yellow-100);
color: var(--gux-alert-yellow-30);
width: 100%;
font-weight: lighter;
}
.analytics-view-content-exploration .side-panel .analytics-ui-message-list .WARNING .data-limit-warning-message gux-icon[icon-name=alert-warning-triangle],
.analytics-view-content-exploration .header-components .analytics-ui-message-list .WARNING .data-limit-warning-message gux-icon[icon-name=alert-warning-triangle] {
margin: 0 4px;
font-size: 16px;
}
.analytics-view-content-exploration .side-panel .analytics-ui-message-list .WARNING .data-limit-warning-message .message-text .data-limit-warning-note,
.analytics-view-content-exploration .header-components .analytics-ui-message-list .WARNING .data-limit-warning-message .message-text .data-limit-warning-note {
font-weight: bold;
margin-right: 8px;
}
.analytics-view-journey-outcome-summary .active gux-icon[icon-name='check-circle'] {
color: #33A511;
}
.analytics-view-journey-outcome-summary .dt-row-expander {
display: none;
}
.analytics-view-journey-outcome-summary .data-table .dt-section.dt-section-body .dt-row {
min-height: 40px !important;
}
.analytics-view-journey-outcome-summary a .gux-icon {
font-size: 18px;
}
.analytics-view-journey-outcome-summary .dt-row-control-panel .gux-icon[icon-name='files-o'] {
margin-top: 6px;
margin-right: 2px;
}
.analytics-view-journey-outcome-summary .dt-row-control-panel .gux-icon[icon-name='magnifying-glass-plus'] {
margin-top: 7px;
margin-right: 5px;
}
.analytics-view-journey-outcome-summary .dt-cell.segmentActionMapName,
.analytics-view-journey-outcome-summary .dt-drag-container.segmentActionMapName,
.analytics-view-journey-outcome-summary .dt-cell.segmentName,
.analytics-view-journey-outcome-summary .dt-drag-container.segmentName {
max-width: 200px;
}
.analytics-view-action-map-summary .active gux-icon[icon-name='check-circle'],
.analytics-view-journey-segment-summary .active gux-icon[icon-name='check-circle'] {
color: #33A511;
}
.analytics-view-action-map-summary gux-icon[icon-name='logo-genesys'],
.analytics-view-journey-segment-summary gux-icon[icon-name='logo-genesys'] {
color: #FF4F1F;
width: 22px;
height: 22px;
}
.analytics-view-action-map-summary .dt-row-expander,
.analytics-view-journey-segment-summary .dt-row-expander {
display: none;
}
.analytics-view-action-map-summary .data-table .dt-section.dt-section-body .dt-row,
.analytics-view-journey-segment-summary .data-table .dt-section.dt-section-body .dt-row {
min-height: 40px !important;
}
.analytics-view-action-map-summary a .gux-icon,
.analytics-view-journey-segment-summary a .gux-icon {
font-size: 18px;
}
.analytics-view-action-map-summary .dt-row-control-panel .gux-icon[icon-name='files-o'],
.analytics-view-journey-segment-summary .dt-row-control-panel .gux-icon[icon-name='files-o'] {
margin-top: 6px;
margin-right: 2px;
}
.analytics-view-action-map-summary .dt-row-control-panel .gux-icon[icon-name='magnifying-glass-plus'],
.analytics-view-journey-segment-summary .dt-row-control-panel .gux-icon[icon-name='magnifying-glass-plus'] {
margin-top: 7px;
margin-right: 5px;
}
.analytics-view-action-map-summary .dt-cell.actionMapOutcomeName,
.analytics-view-journey-segment-summary .dt-cell.actionMapOutcomeName,
.analytics-view-action-map-summary .dt-drag-container.actionMapOutcomeName,
.analytics-view-journey-segment-summary .dt-drag-container.actionMapOutcomeName {
max-width: 200px;
}
.analytics-view-action-map-blocked-detail .ember-engine-queues-summary-row .data-table .dt-section-head .dt-row.header-row,
.analytics-view-action-map-blocked-detail .ember-engine-queues-summary-row {
border-bottom: none;
}
.analytics-view-action-map-blocked-detail .summary-row-contents .data-table .header-row {
padding-left: 0;
padding-right: 0;
}
.analytics-view-action-map-blocked-detail .summary-row-contents .data-table .header-row .dt-drag-container {
border-top: 1px solid #E4E9F0;
border-bottom: 1px solid #E4E9F0;
border-right: 1px solid #E4E9F0;
}
.analytics-view-action-map-blocked-detail .summary-row-contents .data-table .header-row .dt-drag-container:first-of-type {
border-left: 1px solid #E4E9F0;
}
.analytics-view-action-map-blocked-detail .summary-row-contents .data-table .header-row .dt-drag-container:last-of-type {
padding-right: 26px;
}
.analytics-view-action-map-blocked-detail .summary-row-contents .data-table .blockedReason .label-container,
.analytics-view-action-map-blocked-detail .summary-row-contents .data-table .blocker .label-container {
display: none;
}
.analytics-view-action-map-blocked-detail .summary-row-contents .data-table .dt-drag-container.blockedReason {
border-right: none;
}
.analytics-view-action-map-blocked-detail .summary-row-contents .data-table .dt-drag-container.blocker {
border-left: none;
}
.analytics-view-action-map-blocked-detail .summary-row-contents .data-table .dt-section-body {
display: none;
}
.analytics-view-bot-performance-detail .summary-row-contents .botName,
.analytics-view-bot-performance-summary .summary-row-contents .botName {
visibility: hidden;
}
.analytics-view-bot-performance-detail .summary-row-contents .botVersion,
.analytics-view-bot-performance-summary .summary-row-contents .botVersion {
visibility: hidden;
}
.analytics-view-bot-performance-detail .summary-row-contents .interval,
.analytics-view-bot-performance-summary .summary-row-contents .interval {
visibility: hidden;
}
.analytics-view-flow-milestones-detail .data-table .dt-section.dt-section-body .dt-cell .dt-cell-value {
display: flex;
}
.analytics-view-flow-milestones-detail .summary-row-contents .milestoneName {
visibility: hidden;
}
.analytics-view-alert-rules .status gux-icon[icon-name='check-circle'] {
color: #33A511;
}
.analytics-view-alert-rules .status gux-icon[icon-name='alert-warning-triangle'] {
color: #EA0B0B;
}
.analytics-view-alert-rules .description-button-container {
display: flex;
align-items: center;
flex: 1 1 auto;
}
/* Below styles migrated from ember-engage-components dashboard-variables */
.analytics-view-data-action-performance-summary .ember-engine-queues-summary-row .dt-row {
padding-left: 25px;
}
.analytics-view-data-action-performance-summary .ember-engine-queues-summary-row .dataActionCategory {
visibility: hidden;
}
.analytics-view-data-action-performance-summary .header-row .dt-row-expander {
visibility: hidden;
}
.analytics-view-data-action-performance-summary .filter.response-status .engage-components-multi-search .search-options > p {
margin: 0;
padding: 10px;
}
.analytics-view-data-action-performance-summary .filter.response-status .engage-components-multi-search .search-options .search-option .select-option .search-string {
padding-right: 3px;
}
.analytics-view-data-action-performance-summary .filter.response-status .engage-components-multi-search .search-options .search-option .select-option .extra {
margin: 0;
}
.analytics-view-digital-adoption .analytics-ui-dashboard-card-widget .widget-body {
display: flex;
flex-direction: column;
padding: var(--gux-spacing-large);
gap: var(--gux-spacing-large);
}
.analytics-view-digital-adoption .analytics-ui-dashboard-card-widget .widget-body .widget-title-display {
gap: var(--gux-spacing-xs);
}
.analytics-view-digital-adoption .analytics-ui-dashboard-card-widget .widget-body .widget-title-display .widget-title-text {
flex: 0 1 fit-content;
font-size: 16px;
font-weight: bold;
line-height: var(--gux-spacing-large);
}
.analytics-view-digital-adoption .analytics-ui-dashboard-card-widget .widget-body .widget-title-display .widget-title-icon {
flex: 0 0 auto;
height: var(--gse-ui-icon-size-sm);
width: var(--gse-ui-icon-size-sm);
}
.analytics-view-digital-adoption .analytics-ui-dashboard-card-widget .widget-body .widget-title-display .widget-title-icon gux-icon {
height: 100%;
width: 100%;
}
.analytics-view-digital-adoption .analytics-ui-dashboard-card-widget .widget-body .widget-content .analytics-ui-agent-assist-kpi-card-breakdown {
display: flex;
flex-direction: column;
gap: var(--gux-spacing-large);
}
.analytics-view-digital-adoption .analytics-ui-dashboard-card-widget .widget-body .widget-content .analytics-ui-agent-assist-kpi-card-breakdown .kpi-trend .kpi-trend-container {
width: 100%;
}
.analytics-view-digital-adoption .analytics-ui-dashboard-card-widget .widget-body .widget-content .analytics-ui-agent-assist-kpi-card-breakdown .kpi-trend .kpi-trend-container > div {
width: 100%;
display: flex;
gap: var(--gux-spacing-xs);
}
.analytics-view-digital-adoption .analytics-ui-dashboard-card-widget .widget-body .widget-content .analytics-ui-agent-assist-kpi-card-breakdown .kpi-trend .kpi-trend-container > div .heading-container {
display: none;
}
.analytics-view-digital-adoption .analytics-ui-dashboard-card-widget .widget-body .widget-content .analytics-ui-agent-assist-kpi-card-breakdown .kpi-trend .kpi-trend-container > div .kpi-main-value {
color: var(--gux-blue-40);
height: fit-content;
font-size: 36px;
line-height: 44px;
font-weight: bold;
overflow: hidden;
text-overflow: ellipsis;
}
.analytics-view-digital-adoption .analytics-ui-dashboard-card-widget .widget-body .widget-content .analytics-ui-agent-assist-kpi-card-breakdown .kpi-trend .kpi-trend-container > div .kpi-sparkline {
height: fit-content;
color: var(--gux-blue-20);
}
.analytics-view-digital-adoption .analytics-ui-dashboard-card-widget .widget-body .widget-content .analytics-ui-agent-assist-kpi-card-breakdown .kpi-breakdown > .breakdown-values {
display: inline-grid;
grid-template-columns: repeat(2, 1fr);
column-gap: var(--gux-spacing-3xl);
row-gap: var(--gux-spacing-large);
}
.analytics-view-digital-adoption .analytics-ui-dashboard-card-widget .widget-body .widget-content .analytics-ui-agent-assist-kpi-card-breakdown .kpi-breakdown > .breakdown-values .breakdown-value {
gap: var(--gux-spacing-small);
min-width: 0;
justify-content: space-between;
}
.analytics-view-digital-adoption .analytics-ui-dashboard-card-widget .widget-body .widget-content .analytics-ui-agent-assist-kpi-card-breakdown .kpi-breakdown > .breakdown-values .breakdown-value .breakdown-text {
flex: 0 1 auto;
font-size: 16px;
font-weight: bold;
color: var(--gux-blue-40);
overflow: hidden;
text-overflow: ellipsis;
}
.analytics-view-digital-adoption .analytics-ui-dashboard-card-widget .widget-body .widget-content .analytics-ui-agent-assist-kpi-card-breakdown .kpi-breakdown > .breakdown-values .breakdown-value .breakdown-icon-label-container {
display: flex;
gap: var(--gux-spacing-xs);
align-items: center;
}
.analytics-view-digital-adoption .analytics-ui-dashboard-card-widget .widget-body .widget-content .analytics-ui-agent-assist-kpi-card-breakdown .kpi-breakdown > .breakdown-values .breakdown-value .breakdown-icon-label-container gux-icon {
height: var(--gse-ui-icon-size-sm);
width: var(--gse-ui-icon-size-sm);
}
.analytics-view-predictive-routing-impact .dt-row-expander {
display: none;
}
.analytics-view-predictive-routing-impact .data-table .dt-row-expansion-content {
padding-left: 0;
}
.analytics-view-predictive-routing-impact .sub-table .dt-section-head {
display: none;
}
.analytics-view-predictive-routing-impact .sub-table .dt-row {
background-color: white !important;
}
.analytics-view-campaign-performance-detail .dt-row .campaignConnectRate span.dt-cell-value:not(:has(.icon-wrapper))::before,
.analytics-view-campaign-performance-detail .dt-row .campaignDialAbandonRate span.dt-cell-value:not(:has(.icon-wrapper))::before,
.analytics-view-campaign-performance-detail .dt-row .campaignContactAbandonRate span.dt-cell-value:not(:has(.icon-wrapper))::before {
content: '';
display: inline-block;
margin-right: 14px;
}
.analytics-view-campaign-performance-detail .positive-trend {
color: #3C8527;
}
.analytics-view-campaign-performance-detail .negative-trend {
color: #EA0B0B;
}
.campaign-interactions-detail .export-panel-container .gux-radio-collection.export-view-type {
margin-left: 0;
padding-left: 0;
}
.analytics-view-workitem-performance-summary .summary-row-contents .workbinName,
.analytics-view-workitem-performance-summary .summary-row-contents .worktypeName,
.analytics-view-workitem-performance-summary .summary-row-contents .worktypeStatusCategory,
.analytics-view-workitem-performance-summary .summary-row-contents .worktypeStatusName {
visibility: hidden;
}
.analytics-view-workitem-performance-summary .sub-table .data-table .dt-row-expander {
margin-left: -25px;
}
.analytics-view-workitem-performance-summary .sub-table .sub-table .dt-row {
padding-right: 26px;
}
.analytics-view-workitem-performance-summary .sub-table .sub-table .dt-row-expansion-content {
margin-left: -50px;
}
.analytics-view-workitem-performance-summary .sub-table .sub-table .data-table .dt-row-expander {
margin-left: -50px;
}
.analytics-view-workitem-performance-summary .data-table .dt-horiz-scrollable .dt-section.dt-section-body .dt-row-expansion-content {
padding-right: 0px;
}
.analytics-view-wrapup-performance .ember-engine-queues-summary-row.bulk-action-summary-row .header-row,
.analytics-view-wrapup-performance .ember-engine-queues-summary-row.bulk-action-summary-row .dt-section-body {
padding-left: 50px;
}
.analytics-view-wrapup-performance .ember-engine-queues-summary-row .header-row .label-cell.wrapupCode {
visibility: hidden;
}
.analytics-view-wrapup-performance .entity-id-none .dt-row-checkbox {
visibility: hidden;
}
.analytics-view-flow-topic-detail .side-panel.drawer-container.drawer-open {
width: 380px;
min-width: 380px;
}
.analytics-view-queue-routing-performance .ember-engine-queues-summary-row .header-row .label-cell.routingQueueName {
visibility: hidden;
}
.analytics-view-queue-routing-performance .ember-engine-queues-summary-row .routingQueueName {
margin-right: 52px;
}
.analytics-view-queue-routing-performance .sub-table .data-table .dt-row-expander {
margin-left: -26px;
}
.analytics-view-queue-routing-performance .sub-table .data-table .dt-row:not(:has(.dt-row-expander)):not(:has(div.routingRule)) {
margin-left: -3px;
}
.analytics-view-queue-routing-performance .sub-table .sub-table .dt-row {
margin-left: -26px;
}
.analytics-view-queue-routing-performance .sub-table .data-table .dt-horiz-scrollable .dt-section.dt-section-body .dt-row-expansion-content {
padding-right: 0px;
}
.analytics-view-queue-topic-detail .side-panel.drawer-container.drawer-open {
width: 380px;
min-width: 380px;
}
.analytics-view-agent-topic-detail .side-panel.drawer-container.drawer-open {
width: 380px;
min-width: 380px;
}
.analytics-view-topic-trend-summary .side-panel.drawer-container.drawer-open {
width: 380px;
min-width: 380px;
}
.analytics-view-topic-trend-detail .side-panel.drawer-container.drawer-open {
width: 380px;
min-width: 380px;
}
.analytics-view-outcome-performance .ember-engine-queues-summary-row .label-cell.name {
visibility: hidden;
}
.analytics-view-outcome-performance .ember-engine-queues-summary-row .summary-row-contents .name {
margin: 0 12.5px;
}
.analytics-view-flow-performance .ember-engine-queues-summary-row.bulk-action-summary-row .header-row,
.analytics-view-flow-performance .ember-engine-queues-summary-row.bulk-action-summary-row .dt-section-body {
padding-left: 50px;
}
.analytics-view-flow-performance .ember-engine-queues-summary-row .label-cell.name {
visibility: hidden;
}
.analytics-view-flow-outcomes-detail .ember-engine-queues-summary-row .label-cell.name {
visibility: hidden;
}
.analytics-card-view .main-content {
background-color: var(--gux-grey-90);
}
.analytics-view-dnis-performance .ember-engine-queues-summary-row .header-row .label-cell.dnis {
visibility: hidden;
}
.interactions-table-view .data-table .dt-cell.mediaType,
.interactions-table-view .data-table .dt-drag-container.mediaType {
max-width: 34px;
}
.interactions-table-view .data-table .dt-cell.mediaType .dt-cell-value,
.interactions-table-view .data-table .dt-drag-container.mediaType .dt-cell-value {
text-overflow: clip;
}
.interactions-table-view .data-table .flag {
color: #ff0000;
}
.interactions-table-view .data-table .dt-cell.ani,
.interactions-table-view .data-table .dt-cell.dnis,
.interactions-table-view .data-table .dt-cell.remote,
.interactions-table-view .data-table .dt-cell.direction {
word-wrap: break-word;
}
.interactions-table-view .data-table .dt-row-control-panel {
z-index: 1;
}
.interactions-table-view .data-table .dt-row-control-panel .dt-row-control-icon-button .toggle-interaction-flag {
color: #2A60C8;
}
.interactions-table-view .data-table .dt-row-control-panel .dt-row-control-panel-item {
font-size: 16px;
background-color: transparent;
border: none;
}
.interactions-table-view .data-table .dt-row-control-panel-expanded {
overflow: initial;
}
.interactions-table-view .dt-cell.mediaType,
.interactions-table-view .dt-drag-container.mediaType {
color: #77828F;
}
.interactions-table-view .entity-division-not-permitted {
color: #B3B3B3;
}
.analytics-view-social-listening-posts .analytics-ui-card-view {
height: 100%;
}
.analytics-view-social-listening-posts .analytics-ui-card-view .analytics-ui-card-view-row div.analytics-ui-dashboard-card-widget {
flex: none;
}
.analytics-view-social-listening-posts .analytics-ui-card-view .analytics-ui-card-view-row div.analytics-ui-dashboard-card-widget .widget-content {
display: block;
}
.analytics-view-social-listening-posts .analytics-footer {
border-top: 3px solid #E4E9F0;
padding-bottom: 0;
justify-content: center;
height: 65px;
}
.analytics-view-social-listening-posts .analytics-footer .bar-center {
padding: 0;
display: flex;
align-items: center;
margin-top: -12px;
}
.analytics-view-social-listening-posts .analytics-footer .bar-right,
.analytics-view-social-listening-posts .analytics-footer .bar-left {
padding: 0;
display: none;
}
.analytics-view-social-listening .analytics-ui-gux-visualization-wrapper {
width: 100%;
}
.analytics-view-agent-performance-timeline-detail .secondary-nav-bar .other-actions.button-bar.bar-right .select-metrics-toggle,
.analytics-view-agent-performance-timeline-detail .secondary-nav-bar .other-actions.button-bar.bar-right .select-timeline-rows-toggle,
.analytics-view-agent-performance-timeline-detail .secondary-nav-bar .other-actions.button-bar.bar-right .show-interactions-list-toggle {
padding: 4px 8px 4px 0;
}
.analytics-view-agent-performance-timeline-detail .header-components gux-inline-alert-beta {
margin: var(--gux-spacing-2xs);
}
.analytics-view-agent-performance-timeline-detail .analytics-ui-card-view .analytics-ui-card-view-row {
flex: 1 1 auto;
}
.analytics-view-agent-performance-timeline-detail .analytics-ui-card-view .analytics-ui-card-view-row:last-of-type {
margin-bottom: 0;
}
.analytics-view-agent-performance-timeline-detail .analytics-ui-card-view .analytics-ui-card-view-row .analytics-ui-dashboard-card-widget .analytics-ui-card-view-value-label-icons .label-text {
text-wrap: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.analytics-view-agent-performance-timeline-detail .analytics-ui-card-view .analytics-ui-card-view-row .analytics-ui-agent-timeline-timeline-card {
flex: 1 1 auto;
overflow-x: hidden;
align-self: flex-start;
}
.analytics-view-agent-performance-timeline-detail .analytics-ui-card-view .analytics-ui-card-view-row .analytics-ui-agent-timeline-timeline-card gux-visualization-beta {
width: 100%;
}
.analytics-view-virtual-agent-performance .analytics-ui-card-view.card-widget .double-card-width {
flex-grow: 2;
}
.analytics-view-virtual-agent-performance .analytics-ui-card-view.card-widget .virtual-agent-sessions-trend-card .kpi-trend-container {
flex-direction: column;
}
.analytics-view-virtual-agent-performance .analytics-ui-card-view.card-widget .virtual-agent-sessions-trend-card .kpi-trend-container .trend-label {
margin-top: 4px;
}
.analytics-view-virtual-agent-performance .analytics-ui-card-view.card-widget .virtual-agent-sessions-trend-card .kpi-trend-container .kpi-detail-container {
padding: 0;
}
.analytics-view-virtual-agent-performance .analytics-ui-card-view.card-widget .virtual-agent-ai-slots-card .analytics-ui-gux-visualization-wrapper {
width: 100%;
}
.analytics-view-virtual-agent-performance .analytics-ui-card-view.card-widget .virtual-agent-summarization-card .analytics-ui-gux-visualization-wrapper {
width: 100%;
}
.analytics-view-queue-workitem-activity-summary .header-components {
justify-content: end;
}
.analytics-view-queue-workitem-activity-summary .header-components .analytics-ui-filter-inputs {
display: flex;
gap: 8px;
margin-right: 20px;
margin-top: 20px;
}
.analytics-view-queue-workitem-activity-summary .header-components .analytics-ui-filter-inputs .filter-contents {
min-width: 200px;
}
.analytics-view-queue-workitem-activity-summary .header-components .analytics-ui-filter-inputs .filter-name {
margin: 0;
}
.analytics-view-queue-workitem-activity-summary .analytics-ui-dashboard-card-widget .widget-title {
justify-content: flex-start;
gap: var(--gux-spacing-2xs);
}
.analytics-view-queue-workitem-activity-summary .analytics-ui-dashboard-card-widget .widget-title .widget-title-display {
flex: 0 0 auto;
}
.analytics-view-queue-workitem-activity-summary .analytics-ui-dashboard-card-widget .widget-title .analytics-ui-data-update-indicator {
display: flex;
flex-direction: column;
justify-content: center;
}
.analytics-view-queue-workitem-activity-summary .analytics-ui-dashboard-card-widget .widget-content .table-wrapper {
width: 100%;
padding-top: 16px;
}
.analytics-view-queue-workitem-activity-summary .analytics-ui-dashboard-card-widget .widget-content .table-wrapper gux-table-beta {
border: 2px solid #E4E9F0;
border-radius: 4px;
}
.analytics-view-queue-workitem-activity-summary .analytics-ui-dashboard-card-widget .widget-content .table-wrapper gux-table-beta thead > tr .column-header-component-configs .icon-wrapper {
display: flex;
align-items: center;
}
.analytics-view-queue-workitem-activity-summary .analytics-ui-dashboard-card-widget .widget-content .table-wrapper gux-table-beta thead > tr .column-header-component-configs .icon-wrapper gux-icon {
width: 14px;
height: 14px;
}
.d3-tip {
z-index: 10;
}
.ember-engine-queues-main-content {
background: #ffffff;
position: relative;
}
.ember-engine-queues-main-content a,
.ember-engine-queues-main-content button,
.ember-engine-queues-main-content input[type=button],
.ember-engine-queues-main-content input[type=submit],
.ember-engine-queues-main-content *[role=button] {
cursor: pointer;
}
.ember-engine-queues-main-content.dynamic-tabs-enabled {
height: calc(100% - 40px);
}
.ember-engine-queues-main-content.dynamic-tabs-enabled.advanced-tabs-enabled {
height: calc(100% - 50px);
}
.ember-engine-queues-main-content .data-table .dt-section.dt-section-body {
min-height: 35px;
}
.ember-engine-queues-main-content .data-table .dt-section.dt-section-body .dt-row {
min-height: 35px;
}
.ember-engine-queues-main-content .data-table .dt-section.dt-section-body .dt-row-expansion-content {
padding-top: 1px;
padding-bottom: 1px;
padding-right: 26px;
}
.ember-engine-queues-main-content .data-table .dt-section.dt-section-body .dt-row-expansion-content .header-row {
min-height: 1.5em;
}
.ember-engine-queues-main-content.wem-salesforce-context,
.ember-engine-queues-main-content > .ember-view {
height: 100%;
}
.ember-engine-queues-main-content a.clear-all-filters {
display: inline-block;
cursor: pointer;
}
.ember-engine-queues-main-content .entity-division-not-permitted {
color: #B3B3B3;
}
.ember-engine-queues-main-content .blank-state-primary-message {
font-size: 14px;
font-weight: 400;
}
.entity-search-popover .engage-components-multi-search .search-container .search-box.usability-enhancements + .search-options {
max-width: 500px;
}
.chart .axis text,
.chart .tick text {
font-family: Roboto, sans-serif;
font-weight: 400;
}
.chart .legend-text {
font-family: Roboto, sans-serif;
font-weight: 400;
}
.analytics-ui-application {
--gux-blue-10: #172b52;
--gux-blue-20: #1c3363;
--gux-blue-30: #203b73;
--gux-blue-40: #23478f;
--gux-blue-50: #2754ac;
--gux-blue-60: #2a60c8;
--gux-blue-70: #5084e3;
--gux-blue-80: #75a8ff;
--gux-blue-90: #aac9ff;
--gux-blue-100: #deeaff;
--gux-black-10: #000000;
--gux-black-20: #151d28;
--gux-black-30: #202937;
--gux-black-40: #283243;
--gux-black-50: #2e394c;
--gux-black-60: #364154;
--gux-black-70: #3e4a5b;
--gux-black-80: #4c5667;
--gux-black-90: #596373;
--gux-black-100: #6b7585;
--gux-grey-10: #8a97ad;
--gux-grey-20: #99a4b8;
--gux-grey-30: #b4bccb;
--gux-grey-40: #c8cfda;
--gux-grey-50: #d7dce5;
--gux-grey-60: #e2e6ee;
--gux-grey-70: #e8ecf2;
--gux-grey-80: #eff1f5;
--gux-grey-90: #f6f7f9;
--gux-grey-100: #fdfdfd;
--gux-alert-red-10: #520404;
--gux-alert-red-20: #700505;
--gux-alert-red-30: #8f0707;
--gux-alert-red-40: #ad0808;
--gux-alert-red-50: #cc0a0a;
--gux-alert-red-60: #ea0b0b;
--gux-alert-red-70: #ef4343;
--gux-alert-red-80: #f37a7a;
--gux-alert-red-90: #f8b2b2;
--gux-alert-red-100: #fceaea;
--gux-alert-yellow-10: #523800;
--gux-alert-yellow-20: #755000;
--gux-alert-yellow-30: #976700;
--gux-alert-yellow-40: #ba7f00;
--gux-alert-yellow-50: #dc9600;
--gux-alert-yellow-60: #ffae00;
--gux-alert-yellow-70: #fbbe3b;
--gux-alert-yellow-80: #fcd276;
--gux-alert-yellow-90: #fce5b1;
--gux-alert-yellow-100: #fdf8ec;
--gux-alert-green-10: #0d3d00;
--gux-alert-green-20: #164b08;
--gux-alert-green-30: #205a10;
--gux-alert-green-40: #296817;
--gux-alert-green-50: #33771f;
--gux-alert-green-60: #3c8527;
--gux-alert-green-70: #69a358;
--gux-alert-green-80: #95c189;
--gux-alert-green-90: #c2deb9;
--gux-alert-green-100: #eefcea;
--gux-blueberry-400: #7B88F7;
--gux-navy-sec: #203b73;
--gux-blue-sec: #75a8ff;
--gux-electric-purple-sec: #8452cf;
--gux-plum-sec: #5e5782;
--gux-lilac-sec: #b5b5eb;
--gux-fuscha-sec: #cc3ebe;
--gux-fuchsia-sec: #cc3ebe;
--gux-bubblegum-pink-sec: #ff8fdd;
--gux-aqua-green-sec: #1da8b3;
--gux-olive-green-sec: #868c1e;
--gux-alert-yellow-green-sec: #ddd933;
--gux-dark-purple-sec: #5e5782;
--gux-blue: #75a8ff;
--gux-charcoal-grey: #444a52;
--gux-dark-blue: #2a60c8;
--gux-off-white: #fdfdfd;
--gux-warm-red: #ff4f1f;
--gux-soft-grid-increment: 2px;
--gux-spacing-3xs: 2px;
--gux-spacing-2xs: 4px;
--gux-spacing-xs: 8px;
--gux-spacing-small: 12px;
--gux-spacing-medium: 16px;
--gux-spacing-large: 24px;
--gux-spacing-xl: 32px;
--gux-spacing-2xl: 40px;
--gux-spacing-3xl: 48px;
--gux-spacing-4xl: 64px;
--soft-grid-increment: 2px;
--spacing-3xs: 2px;
--spacing-2xs: 4px;
--spacing-xs: 8px;
--spacing-small: 12px;
--spacing-medium: 16px;
--spacing-large: 24px;
--spacing-xl: 32px;
--spacing-2xl: 40px;
--spacing-3xl: 48px;
--spacing-4xl: 64px;
--gux-zindex-modal: 1;
--gux-zindex-popover: 2;
--gux-zindex-popup: 1;
--gux-zindex-tooltip: 1;
--gux-focus-ring: #005fcc;
--gux-zindex-modal: 15;
}
.analytics-ui-application h1,
.analytics-ui-application h2,
.analytics-ui-application h3,
.analytics-ui-application h4,
.analytics-ui-application h5,
.analytics-ui-application h6 {
font-weight: revert;
line-height: initial;
}
.analytics-ui-application a gux-icon {
padding-right: initial;
}
.analytics-ui-application gux-form-field-checkbox label[slot="label"],
.analytics-ui-application gux-form-field-radio label[slot="label"] {
line-height: 24px;
}
.analytics-ui-application gux-form-field-checkbox input[slot="input"],
.analytics-ui-application gux-form-field-radio input[slot="input"] {
margin: 4px;
}
.analytics-ui-application gux-button > * {
line-height: initial;
}
gux-tooltip {
z-index: 9999;
}