/* General */

@-ms-viewport {
    width: device-width;
}

@viewport {
    width: device-width;
}

:root {
    --circle-avatar-background: #9460c8;
}

html {
    height: 100%;
    width: 100%;
    overflow: hidden;
}

.routeTree {
    display: flex;
    padding: 0.2em;
    align-items: center;
    border: 1px solid #8f67ca;
    color: #8f67ca !important;
    width: 30%;
    justify-content: center;
    max-height: 1.85em;
    border-radius: 3px;
    cursor: pointer;
}

    .routeTree .icon-Forward-Icon {
        font-size: 1.75em;
    }

.minTreeActive {
    background-color: rgba(216, 177, 255, 0.3);
}

.routeBtnText {
    font-family: 'Poppins', 'Rubik', helvetica, arial, sans-serif !important;
    font-size: 0.9em;
}

.minTreeInactive {
    background-color: white;
}

.streamFilterBtn {
    background-color: white;
    width: 2em;
    height: 2em;
    margin-left: 88%;
    background-color: white;
    border: none;
    border-radius: 5px;
    margin-bottom: 1em;
    font-size: 1.3em;
}

.ring-1 {
    width: 97%;
    border-radius: 3px;
    border: 1px solid #cfcfcf !important;
    padding: 0.3em;
    margin-bottom: 1em;
}

    .ring-1::placeholder {
        padding: 1em;
        margin-left: 1em;
    }



#teamsStreamControlWrapper {
    width: 30.8em;
    height: 1.98em;
    border: 1px solid #e0e0e0 !important;
    padding-right: 0.5em;
    margin-top: 1.5em;
    padding-left: 0.5em;
    font-family: 'Poppins', 'Rubik', helvetica, arial, sans-serif;
    border-radius: 0.3em;
    padding-top: 0.5em;
}



.filterIconsSpan {
    padding: 0.5em;
    font-size: 1.1em;
}

.react-checkbox-tree .rct-icon-leaf:before {
    content: none !important;
}

.ui-dialog-content ui-widget-content:has(.editStreamDialog) {
    height: 35em !important;
}

.channelFilterReact input {
    border: 0 !important;
    font-family: 'Poppins', 'Rubik', helvetica, arial, sans-serif;
}

.channelFilterReact > div:first-child {
    padding: 1em;
    border: 2px solid #e0e0e0;
    box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.1);
    height: 33em;
}

.channelFilterReact .filterName {
    border-top: 2px solid #e0e0e0;
    padding-left: 1.2em;
    padding-right: 1.2em;
    width: 99%;
    background-color: white;
    height: 3em;
    padding-top: 0.5em;
    box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.1);
}

.channelFilterReact .icon-Not-Empty-Icon, .channelFilterReact .icon-Empty-Icon {
    font-size: 1.1em !important;
}

.channelFilterReact .filterName.dialogName {
    padding-top: 0.2em;
    border: none;
}

.react-checkbox-tree.rct-icons-fa4 .rct-icon-leaf:before {
    content: none !important;
}

.month-picker .ui-datepicker-calendar,
.displayNone {
    display: none !important;
}

.ui-datepicker {
    z-index: 999999999999 !important;
    padding: 0.5em 1em 1em;
    width: 24em;
}

.react-checkbox-tree::-webkit-scrollbar {
    width: 2px !important;
    height: 0 !important;
}

.react-checkbox-tree {
    min-height: 22.3em !important;
    max-height: 27em !important;
    height: 23.5em;
    overflow: auto;
}

    .react-checkbox-tree .rct-hideIcon .rct-node-icon {
        display: block !important;
    }

.rct-node-icon:has(.emptyIcon) {
    display: none;
}

.react-checkbox-tree .icon-teams {
    border-radius: 50% !important;
    background-color: #ccc !important;
    height: 1.5em;
    width: 1.5em !important;
    font-size: 1em;
}

.rct-node-icon .icon-teams:before {
    color: white !important;
}

.rct-node-icon span:before {
    color: #cfcfcf !important;
    font-size: 1.2em !important;
}

#mailAccountReceiving .icon-copy {
    line-height: 2em;
}

#divHasAttachments {
    line-height: 2em;
}

.date-label-span {
    min-width: 10em;
    max-width: 10em;
    display: inline-block;
}

#date_picker.supportDatePicker .date-label-span {
    min-width: 7em;
}

#wrapperViewOnlyAlert {
    padding-top: 2em;
}

    #wrapperViewOnlyAlert span {
        color: #ff9f48;
    }

.channelFilterReact {
    background-color: white;
    width: auto;
    min-width: 32em;
    max-width: 32em;
    position: absolute;
    z-index: 9999999 !important;
    box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.1);
    border-radius: 5px;
}

}

.channelFilterReact .flex.flex-col {
    width: 90%;
    margin: 0 auto;
}


.new-tag-label {
    min-width: 12em;
    max-width: 12em;
    display: inline-block;
}

#tagFilter_1 {
    color: #9753DB;
}

#tagFilter_2 {
    color: #2A89DA;
}

#tagFilter_3 {
    color: #E5474E;
}

#tagFilter_5 {
    color: #F68F2F;
}

#divTags label {
    font-size: 1em;
    font-weight: 600;
}

#div_1_inner, #div_2_inner, #div_3_inner, #div_5_inner {
    padding-top: 0.8em;
}

.managerResponse {
    overflow: unset !important;
}

#searchTagsSum div {
    padding-left: 1em;
    padding-right: 1em;
}

body {
    font-family: 'Poppins', 'Rubik', helvetica, arial, sans-serif;
    font-size: 12px;
    margin: 0px;
    padding: 0px;
    -webkit-font-smoothing: antialiased;
    overflow: hidden;
    overflow-y: auto;
    height: 100%;
    letter-spacing: 0.03em;
}

    body > .streamSetting {
        display: none;
    }

    body input,
    body select {
        font-family: 'Poppins', 'Rubik', helvetica, arial, sans-serif;
    }

textarea,
.divWrapperResponse div[contenteditable=true] {
    resize: none;
    font-family: 'Poppins', 'Rubik', helvetica, arial, sans-serif;
}

.hide {
    display: none !important;
}

.show {
    display: block !important;
}

@keyframes blinkChild {
    0% {
        opacity: 0.9
    }

    50% {
        opacity: 0.8
    }

    100% {
        opacity: 1
    }
}

.highlightChild {
    animation: blinkChild 0.4s infinite;
    animation-iteration-count: 2;
}


.show-in-mobile {
    display: none !important;
}

.displayInline {
    display: inline;
}

.displayInlineBlock {
    display: inline-block;
}

.displayTable {
    display: table;
}

.p-top-0 {
    padding-top: 0 !important;
}

.visibilityHidden {
    visibility: hidden !important;
}

.unvisible {
    visibility: hidden;
}

.visibilityVisible {
    visibility: visible !important;
}

.italic {
    font-style: italic;
}

.embed {
    text-decoration: line-through;
}

.height-auto {
    height: auto !important;
}

input[type="text"],
input[type="tel"] {
    font-family: 'Poppins', 'Rubik', helvetica, arial, sans-serif;
}

.ui-dialog {
    max-width: 95% !important;
    z-index: 1005 !important;
    box-shadow: 0px 0px 10px rgba(0,0,0,0.1);
}

#warrningDialog {
    padding: 1em 1.2em 0 1.2em;
}

#warrningSubStreamDialog {
    padding: 1em;
}

#linkedChannels {
    font-family: 'Rubik';
    font-style: normal;
    font-weight: bold;
    font-size: 1em;
    line-height: 1.8em;
    padding-top: 2em;
}



#nodeInformationModal {
    overflow-y: auto;
    max-height: inherit !important;
    max-width: 100%;
    min-width: 100%;
}

.nodeInformationModalDialog {
    max-width: 98% !important;
    min-width: 50em;
}

.ui-dialog .ui-dialog-titlebar {
    padding: 1em 0em !important;
    font-size: 1.2em;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: normal;
    /* transition the background-color over 1s with a linear animation */
    transition: background-color 1s linear;
}

    .ui-dialog .ui-dialog-titlebar a:hover {
        color: #ffffff !important;
    }

.ui-dialog .ui-dialog-titlebar-close {
    display: none;
}

.ui-resizable-e {
    z-index: 1000 !important;
}

#knowledgeBaseBox {
    opacity: 0;
}

.message-dialog-title {
    max-width: 85% !important;
}

.add-tag-vertical-seperator::before {
    content: "|";
    padding: 0 1em;
}

.cursor-text {
    cursor: text;
}
/*IE9 CSS fix socketio horizontal scroll */

@media screen and (min-width:0) and (min-resolution: .001dpcm) {
    .socketio {
        display: none;
    }
}

.knowledgeSearchIcon {
    max-width: 90%;
    font-size: 1em;
}

#divSearchKnowledgeBase {
    width: calc(92% - 2em);
    border: 1px solid;
    border-radius: .2em;
    font-size: 1em;
}


/*IE9 CSS fix socketio horizontal scroll */

@media screen and (min-width:0) and (min-resolution: .001dpcm) {
    .socketio {
        display: none;
    }
}

::-webkit-scrollbar {
    width: 0.3em !important;
    height: 6px;
}

::-webkit-scrollbar-thumb {
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

a {
    text-decoration: none;
    cursor: pointer;
}

    a:hover {
        text-decoration: none;
    }

    a img {
        border: 0;
    }

textarea a,
div[contenteditable=true] a {
    text-decoration: underline;
    cursor: pointer;
}


textarea,
input[type='text'],
input[type='submit'],
input[type='radio'],
input[type='password'],
input[type='number'],
input[type='url'],
input[type='email'],
input[type='tel'],
select {
    background-color: inherit;
    color: inherit;
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    textarea,
    input[type='text'],
    input[type='submit'],
    input[type='radio'],
    input[type='password'],
    input[type='number'],
    input[type='email'],
    input[type='tel'],
    select {
        background-color: transparent;
    }

    body {
        font-family: 'Poppins', 'Rubik', helvetica, arial, sans-serif, Segoe UI Emoji;
    }
}

.by-views {
    display: none;
}

[data-by-view] {
    display: none !important;
}

.editable:hover {
    cursor: pointer;
    text-decoration: underline;
}

input[type="text"],
input[type="radio"],
input[type="password"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="tel"],
textarea,
select,
.object-response-box-body .reply-to-body,
.object-response-box-body .remarks_editor,
.object-response-box-body .ask_ai_editor {
    font-size: 1em;
    -moz-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    padding: 0.5em;
    outline: none;
    border: 0em;
}

    input[type='text']:focus,
    input[type='radio']:focus,
    input[type='password']:focus,
    textarea:focus,
    select:focus {
        transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
        border-bottom: 1px solid;
    }

input[type="radio"] {
    border: 0;
    outline: none;
}

button,
input[type='checkbox'] {
    outline: none;
}

ul {
    list-style-type: none;
    margin: 0px;
    padding: 0px;
}

[id^=modulesActionsContainer_] > span {
    padding-right: 5px;
    padding-left: 3px;
    top: .5em;
    position: relative;
}

.spnToggleActionIcon {
    padding-right: 5px;
    padding-left: 3px;
    position: relative;
    padding: 0.5em;
}

#streamNotification [id^=modulesActionsContainer_] > span,
.spnToggleActionIcon {
    padding: 0;
}

.md-radio {
    margin: .8em 0;
}

    .md-radio.md-radio-inline {
        display: inline-block;
    }

    .md-radio input[type="radio"] {
        display: none;
    }

        .md-radio input[type="radio"]:checked + label:before {
            border-color: #337ab7;
            animation: ripple 0.2s linear forwards;
        }

        .md-radio input[type="radio"]:checked + label:after,
        #wabaDialogWrapper .md-radio input[type="radio"]:checked + label:after {
            transform: scale(1);
        }

    .md-radio label {
        display: inline-block;
        position: relative;
        padding: 0em 1em;
        margin-bottom: 0;
        cursor: pointer;
        vertical-align: bottom;
    }

        .md-radio label:before,
        .md-radio label:after {
            position: absolute;
            content: '';
            border-radius: 50%;
            transition: all .3s ease;
            transition-property: transform, border-color;
        }

        .md-radio label:before {
            top: -1px;
            width: 21px;
            height: 21px;
            border: 2px solid rgba(0, 0, 0, 0.54);
        }

        .md-radio label:after {
            top: 4px;
            width: 11px;
            height: 11px;
            transform: scale(0);
            background: #337ab7;
        }

.form-input-radio-container {
    text-align: center;
}

.form-input-radio {
    display: inline-block;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.divChildText ul {
    display: block;
    list-style-type: disc;
    -webkit-margin-before: 1em;
    -webkit-margin-after: 1em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    -webkit-padding-start: 40px;
}

h1,
h2,
h3,
h4,
h5 {
    font-weight: normal !important;
    margin: 0px;
    padding: 0px;
    margin-bottom: 0.5em;
    clear: both;
}

h1 {
    font-size: 1.4em;
    margin-left: 1em;
    margin-right: 1em;
}

h2 {
    font-size: 1.2em;
}


/* Elements */

.panel {
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
    border-bottom: 1px solid;
    overflow: auto;
}

#selectAllObjects {
    font-size: 0.8em;
}

.disabledButton {
    color: darkgray !important;
    cursor: default !important;
    opacity: 0.3;
}

.disable_select {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.messageButtons {
    margin-left: 5px;
    margin-right: 5px;
}

.tip {
    cursor: pointer;
    z-index: +999999;
}

.newIndicator,
.childNewIndicator,
.objectNewIndicator {
    display: inline-block;
    font-size: 0.8em;
    border-radius: 1em;
    padding: 0 0.5em;
}

.newIndicator {
    margin: 0 0.5em;
}

.ui-widget-overlay {
    z-index: 11;
}

.ui-button {
    outline: none;
}

.ui-button-icon-only {
    text-indent: -9999px;
}

#date-picker-table {
    border-spacing: 2px;
    border-collapse: separate;
}

    #date-picker-table td {
        padding: 0;
        margin: 0;
    }

.dateLabel {
    vertical-align: top;
    padding-top: 0.5em;
}

.divLogoWrapper {
    -moz-transition: all .25s ease-in-out;
    -o-transition: all .25s ease-in-out;
    -webkit-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out;
    z-index: 100000000000;
}

    .divLogoWrapper a {
        position: relative;
        padding-top: 0.6em !important;
        margin-bottom: 1em;
    }

#msgDialog {
    display: none;
    padding: 1em;
    overflow: auto;
}

.attachmentFile {
    font-size: 0.9em !important;
    text-decoration: underline;
}

.thumbnail {
    border: 0;
    max-width: 6em;
    max-height: 6em;
    border-radius: 0.3em;
}

#textNewObject {
    width: calc(100% - 1.5em);
    color: #000000 !important;
}

#chooseTypeObject {
    border-radius: 1em;
    padding: 1em;
    height: 1.2em;
}

#divDialogStreams label.lblName {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.replyto-file-upload .divFileUpload, .icon-gif .divFileUpload {
    min-width: 0;
    margin: 0 !important;
    padding: 0 !important;
}

.replyto-file-upload .ajaxLoaderUploadFile, .icon-gif .ajaxLoaderUploadFile {
    height: 1.5em;
    width: 1.5em;
}

#divAssignmentDialog {
    display: none;
    margin-bottom: 10px;
    min-height: 10em !important;
    max-height: 40em !important;
    overflow-y: auto;
    overflow-x: hidden;
}

.chatLauncherSettingsFields {
    display: inline-block;
    width: 14em;
    max-width: 15em;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

#launcher_image_url label,
#launcher_mobile_image_url label {
    width: 12em;
}

#divForwardActionContainer {
    width: 100%;
    display: inline-block;
}

#divObjectForward .divForwardToEmailTextArea #taForwardMessage {
    width: calc(100% - 2em);
    height: 5em;
    overflow: auto;
    border-bottom: none;
    word-break: break-all;
    box-sizing: border-box;
    border: solid;
    display: block;
    margin: auto;
    border-width: 1px;
    border-radius: 4px;
}



#giphyCategories_wrapper {
    width: 84%;
}

#giphySearch {
    width: calc(100% - 6em);
}

#divObjectForward .divForwardAllowCommentReplyCb {
    padding: 0.14em 0.7em;
}

#divObjectForward .ui-tooltip.ui-widget-shadow {
    background: inherit;
    opacity: 1;
}

#divObjectForward .divForwardSend {
    margin: 0 0.7em;
}

#divObjectForward .divForwardSendBtn,
#divObjectForward .divForwardSendClose {
    padding: 0.3em 0.3em 0.4em;
}

#divObjectForward .divFollowupSendBtn {
    padding: 0.4em;
    padding-top: 1em;
}

#divObjectForward .divForwardSendMessage {
    padding: 0.4em;
    padding-top: 1em;
}

.followup_button_group {
    position: absolute;
    bottom: 1em;
}


/* dialog followup */

#divObjectForward {
    display: none;
    max-height: 37em !important;
    overflow-y: auto;
    overflow-x: hidden;
}

    #divObjectForward .divForwardToTitle {
        padding: 0.5em;
        width: 5.2em;
        padding-top: 0.6em;
    }

    #divObjectForward .divForwardEmailInput {
        width: 100%;
        overflow: hidden;
    }

    #divObjectForward #tbForwardTo,
    #divObjectForward #ddlForwardTo {
        width: 100%;
        display: none;
    }

    #divObjectForward .divForwardToEmail {
        clear: both;
        width: 100%;
        padding: 0.5em 0;
    }

    #divObjectForward .mainForwardToEmail {
        width: 40%;
    }

    #divObjectForward .divForwardToEmail input[type='checkbox'] {
        margin: 0;
    }

    #divObjectForward .divForwardToEmailMessage {
        padding: 0.5em;
        width: 5.2em;
    }

#forwardEmailWithFixedDomain {
    width: 56%;
}

    #forwardEmailWithFixedDomain .divFixedDomain {
        width: 96%;
    }

.emailListByDomain {
    width: 94%;
    border-style: solid;
    border-width: 1px;
    border-radius: 4px;
    clear: both;
}

    .emailListByDomain .forwardEmail + input::-webkit-input-placeholder {
        opacity: 0;
    }

    .emailListByDomain .forwardEmail + input::-moz-placeholder {
        opacity: 0;
    }

    .emailListByDomain .forwardEmail + input:-ms-input-placeholder {
        opacity: 0;
    }

    .emailListByDomain > input:first-child {
        width: 100%;
    }

    .emailListByDomain input {
        width: 40%;
        height: auto;
        font-size: 1.1em;
        border-style: none !important;
        overflow: hidden;
    }

.fixedDomainTitle {
    font-size: 1.3em;
}

#divObjectFollowup {
    display: none;
    padding: 5px;
    overflow: auto;
}

    #divObjectFollowup .divFollowupRemark {
        clear: both;
    }

    #divObjectFollowup .divFollowupRemarkText {
        padding: 5px;
        width: 5em;
    }

    #divObjectFollowup .divFollowupRemarkTextArea {
        padding: 5px;
    }

        #divObjectFollowup .divFollowupRemarkTextArea #taFollowupMessage {
            width: 38em;
            height: 50px;
            overflow: auto;
        }

    #divObjectFollowup .divFollowupWhen {
        padding: 5px;
        padding-top: 11px;
    }

    #divObjectFollowup .divFollowupWhenText {
    }

    #divObjectFollowup .divFollowupSendMessage {
        padding: 5px;
        padding-top: 11px;
    }

    #divObjectFollowup .divFollowupSendBtn {
        padding: 5px;
        padding-top: 11px;
    }

#followupDatePicker {
    margin-top: -0.5em;
}

#followupTimeSelectors {
    margin-top: 0.75em;
}


/****/
.compose-date-picker {
    padding-top: 1.5em;
}

#buttonsAddObject {
    clear: both;
    position: fixed;
    bottom: 0em;
    min-height: 3.5em;
}

#addObjectDialog #PopUpajaxLoader {
    position: fixed;
    top: initial;
    bottom: 0;
}

.actionClick {
    margin-bottom: 1em;
    margin-top: 1em;
    display: inline-block;
}


/*.divBrandLogsDialog {
    max-height: 40em;
    overflow: auto;
}*/

.divdialogLogger {
    max-height: 40em;
    overflow-y: auto;
    margin-bottom: 1em;
    padding: 1em;
}

.divWrapperLogSettings table td,
#brandLogLevelList td {
    padding: 0.5em;
    min-width: 18em;
}

    .divWrapperLogSettings table td span,
    #brandLogLevelList td span {
        margin: 1em;
    }

        .divWrapperLogSettings table td span:first-child,
        #brandLogLevelList td span:first-child {
            font-weight: bold;
        }

    .divWrapperLogSettings table td select,
    #brandLogLevelList td select {
        max-width: 12em;
    }

.divWrapperLogSettings a,
.divWrapperManagerStats a {
    border: 1px solid;
    border-radius: 10px;
    display: inline-block;
    width: 5em;
    text-align: center;
}

.divWrapperLogSettings .removeLogTd,
.divWrapperLogSettings .addLogLeveltd {
    min-width: 0 !important;
}

.divWrapperLogSettings table:first-child {
    margin-bottom: 2em;
}

.divBrandLogsDialog .tbldialogLogger td,
.divBrandLogsDialog .tbldialogLogger th {
    max-width: 19.5em;
    border-right: 1px solid;
    border-bottom: 1px solid;
}

.tbldialogLogger tr:active td {
    background-color: #f1f1f1;
}

#divGiphyWrapper .tabButton:not(.theme_border_color) {
    border: 0;
}

.divBrandLogsDialog .tbldialogLogger .logListMessageTd {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.divBrandLogsDialog .getMoreBrandLogs {
    text-align: center;
    padding-bottom: 1em;
}

#fileName {
    position: relative;
}

.html-table-streams-header {
    width: 100%;
    padding-top: 0.8em;
}

#scheduledWord {
    position: relative;
}

#containStreamsAndScheduled {
    overflow: auto;
    width: 17em;
    height: 100%;
    padding: 1em;
    padding-top: 0px;
    position: fixed;
    top: 3.4em;
}

#btnCancel {
    position: relative;
    top: 21px;
    display: none;
}

#imgUpload {
    height: 50px;
    margin-left: 5px;
    margin-right: 5px;
    position: relative;
    top: 5px;
    width: 50px;
    display: none;
}

.plusAButton {
    font-size: 1.2em;
    font-weight: bold;
    position: relative;
}

.divMsg {
    position: relative;
    width: 250px;
}

#allDetailsLinkVideo {
    width: 509px;
    overflow: auto;
    height: 200px;
    display: none;
}

.divWrapperChildsScroll {
    overflow: auto;
}

    .divWrapperChildsScroll .objectUserName {
        padding-top: 0.6em;
        font-size: .8em;
        font-weight: bold;
    }

.userImage ~ .divWrapperChildsScroll .objectUserName {
    top: 1em;
    position: relative;
}

.userImage {
    position: absolute;
}


/*.emailChildsHeight {
    max-height: 17em;
}*/

#ascrail2000 div {
    right: 2px;
}

#editManagerForm {
    overflow: auto;
}

#editManagersList {
    padding: 0.5em;
    overflow: auto;
}

#editManagersList,
#search-user,
#users-loader {
    position: relative;
}

#pEmailOrPhoneInput_wrapper {
    display: flex;
}

    #pEmailOrPhoneInput_wrapper .icon-search {
        display: inline-block;
        font-size: 1.1em;
        vertical-align: middle;
        position: absolute;
    }

    #pEmailOrPhoneInput_wrapper .icon-search {
        display: inline-block;
        font-size: 1.1em;
        vertical-align: middle;
        position: absolute;
    }

#allTeams {
    text-decoration: underline;
    font-family: Arial, Helvetica, sans-serif;
    cursor: pointer;
    user-select: none;
}

.divObjectUser {
    max-width: 35em;
}

#editUser {
    display: none;
}

#chooseTeamsBtn {
    margin: 0 1em;
}


.teams_counter, .profiles_counter {
    font-weight: normal;
}

div[aria-describedby="chooseTeamsBtnDialog"] {
    border-radius: 0.3em;
    box-shadow: rgb(0 0 0 / 20%) 0em 0.3em 0.6em;
}

.size-icon-add-filter {
    font-size: 1.2em;
}

#searchUser, #searchTeam, #txtSearchContact {
    padding: 0 0.5em;
}

.div-icon-add-user {
    font-size: 1.5em;
}

.BY_formInput.userFields {
    position: relative;
    padding: 0 !important;
}

    .BY_formInput.userFields[data-type="bool"] {
        padding-bottom: .3em !important;
        padding-top: .3em !important;
    }

    .BY_formInput.userFields .user-field-label,
    .BY_formInput.userFields .by_input_wrapper {
        display: inline-block;
        position: relative;
    }

    .BY_formInput.userFields .user-field-label,
    #divUserInfoContainer #userTopHeader .user-field-label,
    .externalCustomersWrapper #externalCustomers label {
        width: 40%;
        padding: .1em 0;
        transform: none;
        display: inline-block;
    }

.user-field-label {
    font-weight: 300;
}

.user-last-object-time label {
    font-weight: 300;
}

#divUserLastSeen h4 {
    width: 40%;
    display: inline-block;
}

#divUserInfo #divUserLastObjects h4 {
    padding-top: 0.5em;
}

.BY_formInput.userFields .by_input_wrapper {
    width: 50%;
    padding: .1em 0;
}

.BY_formInput.userFields .BY_label_focus {
    font-size: 1em;
}

.userFields .switch {
    top: .2em;
    width: 25px;
    height: 15px;
}

.google-translate-first .cb-dialog-search, [id^=replyTranslateChildActionMenu_] .cb-dialog-search {
    padding: 0 1em !important;
}

.google-translate-first {
    height: 2em;
    padding: .5em 0;
}

    .google-translate-first .cb-dialog-icon-search {
        line-height: 1.5em;
    }

.orangeBold {
    color: orange;
    font-weight: bold;
}

.circle-corner {
    border-radius: 0.5em;
}

.workingHourSwitch {
    bottom: 2.2em;
}

.userFields .slider:before {
    height: 10px;
    width: 9px;
}

.userFields input:checked + .slider:before {
    -webkit-transform: translateX(15px);
    -ms-transform: translateX(15px);
    transform: translateX(15px);
}

.userFields .BY_validation_text {
    display: none;
    padding: 0 !important;
    font-size: .7em;
}

    .userFields .BY_validation_text.BY_showValidation,
    #inviteExternalParticipant .BY_showValidation .BY_validation_text,
    #addAccountMail .BY_showValidation .BY_validation_text,
    #mailProviders .BY_showValidation .BY_validation_text {
        display: block;
    }

#tblEditUser {
    padding: 1em;
    width: 35em;
}

    #tblEditUser #ddlStreams,
    #tblEditUser #ddlSubStreams {
        max-width: 13em;
    }


    #tblEditUser td {
        min-height: 30px;
        padding: 0.5em;
    }

    #tblEditUser input[type=text],
    input[type=password],
    input[type=tel] {
        width: 90%;
    }

    #tblEditUser select {
        max-width: 20em;
    }

    #tblEditUser input[id^=by_autoComplete_] {
        width: calc(100% - 4em);
    }

    #tblEditUser .dropdown-edit-selected {
        margin-left: 0em;
    }

.editPermissionsFormInner {
    max-height: 35em;
    min-height: 30em;
    overflow: auto;
    padding-left: 1em;
    padding-right: 1em;
    border-top-right-radius: 0.5em;
    border-top-left-radius: 0.5em;
}

.streamPermission {
    clear: both;
    margin-bottom: 0.8em;
}

    .streamPermission img {
        width: 16px;
        position: relative;
        top: 4px;
    }

#iframeDiv {
    float: right;
    width: 315px;
}

#detailsVideo {
    float: right;
    width: 190px;
    overflow: auto;
    height: 200px;
}

#spnLinkTitleVideo {
    font-weight: bold;
    margin-bottom: 5px;
}

#spnLinkDescriptionVideo {
    width: 200px;
}

#txtLinkVideo {
    width: 75%;
    height: 0.99em;
}

#videoFrame {
    display: none;
}

#btnImportLink {
    position: relative;
    top: -0.6em;
}

#updateNotifaction {
    margin-top: 1em;
}

#imgShareLink {
    width: 100px;
    height: 75px;
    margin-top: 5px;
}

#imgLink {
    max-height: 95px;
    max-width: 112px;
}

#imgLinkDiv {
    width: 112px;
    margin-left: 5px;
}

#textNewLink {
    width: 420px;
    height: 15px;
}

#linkWord {
}

#chooseTypeObjectUl {
    width: 400px;
    padding: 0;
    margin: 0;
    overflow: auto;
}

#pLinkCaption {
    margin: 0;
    font-size: 0.9em;
    font-weight: normal;
}

.divHeaderContent {
    position: relative;
    width: 100%;
    height: calc(3.8em - 2px);
    z-index: 1000;
    border-bottom: 1px solid;
}

    .divHeaderContent #pageTitle {
        padding-top: 0.75em;
    }

        .divHeaderContent #pageTitle h1 {
            margin-right: 0.7em;
            margin-left: 0.7em;
            padding-top: 0.15em;
        }

            .divHeaderContent #pageTitle h1 span {
                color: inherit;
                position: relative;
                top: 0.1em;
                display: inline-block;
            }

        .divHeaderContent #pageTitle > h1 span.icon-teams {
            font-size: 33px;
            top: 7px !important;
            width: 40px;
            display: inline-block;
        }

#manageHeaderInner {
    position: relative;
    overflow: auto;
}

.areaText {
    width: 500px;
    height: 58px;
    vertical-align: bottom;
    border-bottom: 0;
}

.divChilds {
    clear: both;
    display: none;
    position: relative;
    height: calc(100% - 7.3em - 1px);
    overflow: hidden;
}

.objectReadOnlyMessage {
    position: absolute;
    top: 0;
    width: calc(100% - 1em);
    text-align: center;
    z-index: 99;
    opacity: .7;
    padding: .5em;
}

.closeReadOnlyMessage {
    position: absolute;
    top: 0.4em;
}

.saveButton {
    min-width: 4em;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
    clear: both;
}

.similarUsersBorder {
    border: 2px solid #FF9A00 !important;
}

.similarUsersLabel {
    font-weight: bold;
}

/*#region CB_Dialog */

.dialog-control-wrapper {
    padding: 0em;
}

.dialog-control-layout {
    position: relative;
}

    .dialog-control-layout .dialog-header {
        position: relative;
        padding: 1em 1.4em 1em;
        border-bottom: 0.06em solid;
        overflow: auto;
    }

    .dialog-control-layout .dialog-content {
        position: relative;
        padding: 0.6em;
    }

    .dialog-control-layout .dialog-footer {
        position: relative;
        height: 1.8em;
        padding: 0.6em;
    }

        .dialog-control-layout .dialog-footer .dialog-buttons-wrapper {
            position: relative;
        }

            .dialog-control-layout .dialog-footer .dialog-buttons-wrapper .button {
                display: inline-block;
                position: relative;
                vertical-align: bottom;
            }

.missing-selected-status .dialog-control-layout .dialog-footer .dialog-buttons-wrapper .dialog-save-button {
    pointer-events: none;
    opacity: 0.4;
}

/*#endregion End CB_Dialog */

/*#region Filter Manager Dialog */

.filter-dialog-layout .dialog-header {
    position: relative;
}

    .filter-dialog-layout .dialog-header .inline-block {
        position: relative;
        vertical-align: top;
    }

.filter-dialog-layout .dialog-content {
    padding: 1em;
}

    .filter-dialog-layout .dialog-content .dialog-body-assignment-items {
        padding: 0.3em;
    }

    .filter-dialog-layout .dialog-content .dialog-body-status-items {
        padding: 0.3em;
    }

    .filter-dialog-layout .dialog-content .item-row {
        padding: 0.3em 0em 0.3em;
    }

        .filter-dialog-layout .dialog-content .item-row .item-icon {
            width: 1.1em;
        }

        .filter-dialog-layout .dialog-content .item-row .item-label {
            padding-top: 0.25em;
            vertical-align: top;
        }

.filter-dialog-layout .dialog-footer {
    height: auto;
    padding: 0em;
}

.filter-dialog-layout .filter-dialog-footer-layout {
}

    .filter-dialog-layout .filter-dialog-footer-layout .dialog-body-filter-name-setting {
        padding-top: 0.6em;
        padding-bottom: 0.6em;
        border-top: 0.06em solid;
        border-bottom: 0.06em solid;
    }

        .filter-dialog-layout .filter-dialog-footer-layout .dialog-body-filter-name-setting .filter-name-setting-label {
            padding-left: 0.5em;
            padding-right: 0.5em;
        }

        .filter-dialog-layout .filter-dialog-footer-layout .dialog-body-filter-name-setting .filter-name-setting-field {
            padding-left: 0.5em;
            padding-right: 0.5em;
        }

.filter-dialog-layout .dialog-body-filter-name-setting .filter-name-setting-field > input {
    width: calc(100% - 1em);
    border: 0em;
}

.filter-dialog-layout .filter-dialog-footer-layout .dialog-buttons-wrapper {
    padding: 0.8em 0.86em 0.8em;
}

/*#endregion End Filter Manager Dialog */

#divStreamsSelectorWrapper {
    position: relative;
    z-index: 9999999;
}

#divDialogStreams {
    padding: 0;
    min-height: 10em;
    min-width: 10em;
    display: none;
    height: 100%;
}

.divCheckboxes_stream {
    height: 20em;
    padding-top: 0;
    max-height: 51vh;
    overflow: auto;
    overflow-x: hidden;
}

.displayNameStreamSelect {
    display: block;
    margin: 0 0.5em;
    width: 82%;
}

#divCombinationsStreams {
    position: relative;
    width: 100%;
}

    #divCombinationsStreams .divModulesFilter {
        animation: fadein 0.75s;
        -moz-animation: fadein 0.75s;
        /* Firefox */
        -webkit-animation: fadein 0.75s;
        /* Safari and Chrome */
        -o-animation: fadein 0.75s;
        /* Opera */
    }

    #divCombinationsStreams .divModulesFilterInner {
        position: relative;
        width: calc(100% - 3.7em);
    }

.divButtonOpenStreamsDialog {
    top: 0.7em;
    z-index: 3;
}

.divModulesFilterInner .icon-edit,
.divModulesFilterInner .spnDeleteStreamsFilter {
    opacity: 0.2;
}

.divModulesFilter.selectedItem {
    float: none !important;
    opacity: 1;
    font-size: 1em;
}

.divModulesFilter .divFilterStream,
.divModulesFilter .divFilterStreamButton {
    position: relative;
    text-align: center;
    border-radius: 11em;
}

.divModulesFilter .divFilterStream {
    max-width: calc(100% - 3.46em);
}

    .divModulesFilter .divFilterStream.unCheckedModule,
    .divModulesFilter .divFilterStream.hideMaxIconsToShow {
        display: none;
    }

    .divModulesFilter .divFilterStream span,
    .divModulesFilter .divFilterStreamButton span {
        display: block;
        padding: 0.375em;
        top: 1px;
        position: relative;
        line-height: 1;
    }

        .divModulesFilter .divFilterStreamButton span.icon-edit,
        .divModulesFilter .divFilterStreamButton span.spnDeleteStreamsFilter {
            opacity: 0;
        }


/*Insights*/

#tagsSumWrapper div {
    margin: 0.2em;
}

#tagsSumWrapper .tag {
    opacity: 0.3;
}

    #tagsSumWrapper .tag .toConversation {
        transition: all ease-in-out .2s;
        margin: 0.2em;
    }


/*End Insights*/

#objectsSortByDialog {
    overflow: auto;
    z-index: 9999;
    display: none;
    max-height: 100%;
    padding: 0.5em 1em;
    min-width: 6em;
}


/*#region Tags DIalog*/
.newTagCreate .typeContainer .dropdown-edit-selected,
#newTagForm .dropdown-edit-selected {
    margin: auto;
}

    .newTagCreate .typeContainer .dropdown-edit-selected .selectButton {
        border: none;
        border-bottom: 1px solid #D2D2D2;
    }

    .newTagCreate .typeContainer .dropdown-edit-selected .ui-menu .ui-menu-item a {
        padding: 0.2em 0;
    }

.menuBar.tagsControlMenu {
    width: 100%;
}

.tagsControlMenu ul {
    overflow-y: auto !important;
}

#studioActionTagsDialog #popupTagsList_object,
#objectTagsFilterDialog #popupTagsList_object {
    position: relative;
    min-width: auto !important;
    /* ie support for initial */
    min-height: 17em !important;
    /*  ie support for initial */
    min-width: initial !important;
    max-height: initial !important;
    max-width: initial !important;
    box-shadow: none;
    border: 0;
    padding: 0.5em 1em;
}


.newTagCreate input[type="checkbox" i] {
    margin: 0;
}

.newTagCreate input[type=text],
.newTagCreate input[type=number] {
    width: calc(100% - 14em);
}

.newTagCreate select {
    width: calc(100% - 13em);
}

#addTagContainer #validationWrapper .validationType {
    margin: 0 2em;
}

#tagsFilterList_user input[type='text'] {
    margin-top: 0em;
    margin-bottom: 0.5em;
}

#tagControlDialog .tag.theme_main_border_color {
    border: 1px solid;
}

.newTagCreate.validationType input {
    width: 6em !important;
}

#studioActionTagsDialog,
#objectTagsFilterDialog {
    overflow: auto;
    z-index: 9999;
    display: none;
    max-height: 20em;
    width: 24em;
}

    #studioActionTagsDialog #tagsFilterList_object,
    #objectTagsFilterDialog #tagsFilterList_object {
        position: relative;
        min-width: auto !important;
        /* ie support for initial */
        min-height: 17em !important;
        /*  ie support for initial */
        min-width: initial !important;
        max-height: initial !important;
        max-width: initial !important;
        box-shadow: none;
        border: 0;
        padding: 0.5em 1em;
    }

#associatedTags_studioActionTagsDialog.associatedTags,
#associatedTags_objectTagsFilterDialog.associatedTags {
    min-width: auto !important;
    /*  ie support for initial */
    min-width: initial !important;
    min-height: auto !important;
    /*  ie support for initial */
    min-height: initial !important;
    padding-top: 0em !important;
}


    #associatedTags_studioActionTagsDialog.associatedTags:hover,
    #associatedTags_objectTagsFilterDialog.associatedTags:hover {
        background-color: transparent !important;
    }

.filterRes {
    max-height: 15em;
    overflow-y: scroll;
}

.selTagOption {
    width: calc(100% - 1em);
    line-height: 1.8em;
}

    .selTagOption .tagValuePanel {
        margin-bottom: 0.5em;
    }

.selTagTextOverflow {
    overflow: hidden;
    text-overflow: ellipsis;
}



/*#endregion Tags DIalog*/

#stripHeader {
    width: 100%;
    z-index: 9999999999;
    min-height: 3.5em;
    overflow: auto;
}

.divCBModule .icon {
    font-size: 1em;
    top: 0.2em;
    position: relative;
}


/* Global Classes */

.divbirthdayIcon {
    position: absolute;
    top: -0.8em;
}

.birthdayIcon {
    width: 16px !important;
}

.birthdayIconSize {
    width: 16px !important;
}

.birthdayIconDiv {
    position: relative;
    top: -25px;
}

.black {
    color: black;
}

.nodeHoverValuesWrapper {
    margin-top: 0.5em;
    max-width: 24em;
}

.bold {
    font-weight: bold;
}

.blur {
    opacity: 0.3;
}

.pd_t_5 {
    padding-top: 5px;
}

.pd_b_1 {
    padding-bottom: 1em;
}

.margin_left_right_02em {
    margin-left: 0.2em;
    margin-right: 0.2em;
}

.underline {
    text-decoration: underline;
}

.invalid {
    border: solid 1px;
}

.spacer {
    -moz-border-radius: 3px 3px 3px 3px;
    -webkit-border-radius: 3px 3px 3px 3px;
    border-radius: 3px 3px 3px 3px;
    padding: 10px;
}

.pointer {
    cursor: pointer !important;
}

.disabledAddNewObject {
    cursor: not-allowed !important;
    opacity: 0.5;
    text-decoration: none;
    pointer-events: none;
}

.disabledInProcess {
    pointer-events: none;
    opacity: 0.5;
}

.cursor_default {
    cursor: default !important;
}

.clearboth {
    clear: both;
}

.changeStatus {
    cursor: pointer;
    font-size: 1em;
    font-weight: bold;
    display: inline-block;
}

.afterSaveDiv {
    display: none;
    padding: 0.5em;
    border-radius: 25px;
    margin: 1em;
    position: relative;
}

    .afterSaveDiv span.icon-send {
        display: inline-block;
        padding: 6px;
        border-radius: 999px;
        -moz-border-radius: 999px;
        -webkit-border-radius: 999px;
        -ms-border-radius: 999px;
        border: 2px solid;
        font-size: 1.2em;
    }

    .afterSaveDiv span.after-save-message {
        font-weight: bold;
        font-size: 1.2em;
    }

body:not(.mobileResolusion) #mobileLogoWrapper {
    display: none;
}

#move-to-object {
    text-decoration: underline;
    cursor: pointer;
    font-size: 1em;
    white-space: nowrap;
}

#close-message {
    position: absolute;
    top: 0.3em;
    box-sizing: border-box;
    animation: spin 4s linear;
    -moz-animation: spin 4s linear;
    -webkit-animation: spin 4s linear;
    cursor: pointer;
}

    #close-message span {
        position: relative;
        top: -.5em;
    }

.afterSaveDiv svg {
    width: 40px;
    height: 40px;
    transform: rotateY(-180deg) rotateZ(-90deg);
}

    .afterSaveDiv svg circle {
        stroke-dasharray: 113px;
        stroke-dashoffset: 0px;
        stroke-linecap: round;
        stroke-width: 3px;
        fill: none;
        animation: countdown 4s linear infinite forwards;
    }

    .afterSaveDiv svg text {
        font-size: 22px;
        font-weight: bold;
    }

.hrefOpenOriginalObjectTab {
    margin-top: 0.75em;
    display: block;
}

@keyframes countdown {
    from {
        stroke-dashoffset: 0px;
    }

    to {
        stroke-dashoffset: 113px;
    }
}

.chosen {
    font-weight: bold;
}

.selected {
    font-weight: bold;
}

.divChildDate {
    clear: both;
    width: 18%;
    width: calc(20% - 5px);
}

.divUserImage {
    min-width: 3em;
    min-height: 3em;
    position: relative;
    cursor: pointer;
}

.divObject .divUserImage {
    top: 0.57em;
}

    .divObject .divUserImage .module_icon {
        position: relative;
        top: 0.15em;
        filter: grayscale(100%);
        transition: all 0.6s ease;
    }

#divObjectsWrapper .divObject .divUserImage .module_icon,
.divObject:hover .divUserImage .module_icon {
    filter: grayscale(0%);
}

#accountsMailProviderNone #mailAccountsForwardInput_wrapper .by_input_wrapper label {
    direction: ltr;
    padding: 1em 0;
}

#mailAccountsForwardProviders_wrapper #mailAccountsForwardProviders {
    width: 27em !important;
}

#enableEmail {
    margin-right: 0.5em;
    align-items: center;
}

.dropdown-edit-selected .selected-value-text {
    top: -0.25em;
    position: relative;
}

.manager-acronym-avatar, .stream-save-steps > span:not(.forwarding-email) {
    display: inline-block;
    position: relative;
    width: 2.04em;
    height: 2.04em;
    /*line-height: 2.04em;*/
    border-width: 2px;
    border-style: solid;
    border-radius: 50%;
}

#agentInformation .margin_agent_info {
    margin-bottom: 0.15em;
    margin-top: -0.2em;
}

.stream-save-steps > span:not(.forwarding-email) {
    text-align: center;
    line-height: 2.04em;
}

#saveStreamMsgDialogWrapper > div {
    line-height: 2.5em;
    justify-content: space-between;
}

#saveStreamMsgDialogWrapper div[renderd-data-by-view="save.stream.mail.not.basic.msg"] {
    height: 16em;
}

#assignedToMeTooltip {
    font-size: 1.1em;
}


#scriptsKpis div[renderd-data-by-view="kpi.data"] .overallBlock span.label {
    max-width: none !important;
}

.manager-acronym-avatar .agent_acronym_text {
    display: inline-block;
    position: relative;
    width: 100%;
    height: 100%;
    line-height: 2em;
    text-align: center;
    text-transform: uppercase;
    vertical-align: middle;
}

.manager-acronym-avatar-main {
    display: inline-block;
    position: relative;
    width: 2.3em;
    height: 2.3em;
    border-width: 2px;
    border-style: solid;
    border-radius: 50%;
    top: -0.3em;
}

    .manager-acronym-avatar-main .agent_acronym_text {
        display: inline-block;
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        font-weight: lighter;
        font-size: 1.25em;
    }

    .manager-acronym-avatar-main .imgUserSmall {
        width: 2.4em !important;
        height: 2.4em !important;
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
    }

.object-layout-vertical-part {
    position: relative;
    height: 100%;
    padding-right: 0.7em;
    padding-left: 0.7em;
    vertical-align: top;
}

.icon-User-Properties-Icon {
    cursor: pointer;
    border: 0px;
    background-color: transparent;
    padding-bottom: 0;
    top: 0.1em;
    position: relative;
    font-size: 1.4em !important;
}

#wrapperAutocompletePicker {
    padding-top: 0.25em !important;
}

.object-layout-start {
    width: 2em;
}

    .object-layout-start .divUserImage {
        min-width: 1.86em;
        min-height: 1.86em;
    }

        .object-layout-start .divUserImage .divModuleImage {
            display: inline;
            width: 2em;
            height: 2em;
            top: 0.6em;
        }

            .object-layout-start .divUserImage .divModuleImage .module_icon {
                padding: 0.35em;
                font-size: 1em;
            }

.divObject .object-layout-start .divUserImage .module_icon.inactive-icon {
    display: block;
}

.divObject .object-layout-start .divUserImage .module_icon.active-icon {
    display: none;
}

.divObject:hover .object-layout-start .divUserImage .module_icon.inactive-icon {
    display: none;
}

.divObject:hover .object-layout-start .divUserImage .module_icon.active-icon {
    display: block;
}

.object-layout-start .divUserImage .divModuleImage .module_icon:before {
    max-width: 1.27em;
    max-height: 1.27em;
}

#addAccountMail {
    margin: 2em;
}

    #addAccountMail input[type="password"] {
        width: 11.5em;
    }

    #addAccountMail #password input {
        max-width: 12em;
    }

[id^="aRenew_4_"], [id^="aRenew_7_"] {
    display: none;
}

#addAccountMail a.theme_button {
    margin: 1em;
}

#addAccountMail .spnValue {
    max-width: 14em;
    text-overflow: ellipsis;
    display: block;
    overflow: hidden;
}

.object-layout-center {
    width: calc(100% - 11em);
}

    .object-layout-center .divObjectUser,
    .object-layout-center .divObjectText {
        position: relative;
        text-overflow: ellipsis;
    }

    .object-layout-center .divObjectUser {
        padding-top: 0.35em;
        font-size: 1.2em;
    }

    .object-layout-center .divObjectText {
        float: none;
        height: 2.9em;
        display: table-cell;
        vertical-align: middle;
    }

    .object-layout-center .object-footer-section-wrapper {
        position: absolute;
        width: 98%;
        bottom: -0.1em;
        padding-bottom: 0em;
    }

body:not(.mobileResolusion).cb-simple-view .object-layout-center .object-footer-section-wrapper {
    display: none;
}

.object-layout-center .object-footer-section {
    position: relative;
    width: 100%;
    font-size: 0.8em;
    font-weight: 300;
}

    .object-layout-center .object-footer-section > .inline-block,
    .object-layout-center .object-footer-section .object-footer-section-separator,
    .object-layout-center .object-footer-section .objectStatIcon,
    .object-layout-center .object-footer-section .icon-tag,
    .object-layout-center .object-footer-section .object-status-field,
    .object-layout-center .object-footer-section .divObjectIndicators {
        display: inline-block;
        vertical-align: top;
        z-index: 1;
    }

    .object-layout-center .object-footer-section .object-footer-section-separator {
        position: relative;
        height: 0.8em;
        top: 0.2em;
    }

    .object-layout-center .object-footer-section .object-tags-icon {
        padding-top: 0.1em;
    }

.object-layout-center .object-status-field {
    width: auto;
    margin-top: -0.6em;
}

    .object-layout-center .object-status-field .object-user-status-icon {
        width: 2em;
        height: 2em;
        border-radius: 50%;
    }

.object-layout-end {
    width: 4.8em;
}

    .object-layout-end .manager-assignment {
        display: block;
        position: relative;
        width: calc(2.6em + 2px);
        top: 0.5em;
        margin: 0 auto;
        text-align: center;
    }

    .object-layout-end .object-hour-time-wrapper {
        position: absolute;
        width: calc(100% - 1.5em);
        bottom: 0em;
        text-align: center;
        font-size: 0.75em;
        font-weight: 300;
    }

    .object-layout-end .object_participant_circles {
        position: relative;
        top: 0.5em;
    }

.object_participant_circles .participant_circles_container {
    position: relative;
}

.object_participant_circles .participant_circle {
    display: inline-block;
    position: absolute;
    vertical-align: top;
}

    .object_participant_circles .participant_circle:hover {
        z-index: 1;
    }

.object_participant_circles .participant_plus_circle .manager-acronym-avatar {
    border-width: 2px;
    border-style: solid;
    border-color: white;
}

    .object_participant_circles .participant_plus_circle .manager-acronym-avatar .participant_circle_content {
        display: inline-block;
        width: 100%;
        height: 100%;
        line-height: 1.9em;
        text-align: center;
    }

        .object_participant_circles .participant_plus_circle .manager-acronym-avatar .participant_circle_content:before {
            line-height: 1.47em;
            font-size: 1.3em;
        }

.object-layout-corner-triangle {
    display: none;
    position: absolute;
    width: 0em;
    height: 0em;
    top: -0.06em;
}

    .object-layout-corner-triangle:before {
        content: ' ';
        position: absolute;
        width: 0em;
        height: 0em;
        top: 0em;
        border: 2em solid;
        border-top: 0em;
        border-color: transparent;
    }

.theme_danger_border_right .object-layout-corner-triangle,
.theme_danger_border_left .object-layout-corner-triangle,
.theme_alert_border_right .object-layout-corner-triangle,
.theme_alert_border_left .object-layout-corner-triangle,
.theme_warning_border_right .object-layout-corner-triangle,
.theme_warning_border_left .object-layout-corner-triangle,
.theme_success_border_right .object-layout-corner-triangle,
.theme_success_border_left .object-layout-corner-triangle {
    display: block;
}

.userInfoTopWrapper .divUserImage {
    top: -0.1em;
}

    .userInfoTopWrapper .divUserImage .imgUserSmall {
        top: 0.55em;
        position: relative;
        margin: 0;
    }

#tblUserBody .imgUserSmall, #tblUserBody span.manager-acronym-avatar {
    position: relative;
    top: 0.35em;
}

span.indicators-counter {
    display: none;
}

.divChild .divChildActions.folded-indicators span.indicators-counter {
    display: inline-block;
    vertical-align: top;
}

.divChild .divChildActions.folded-indicators span.num-indicators {
    display: none;
}

.divChild .divChildActions.folded-indicators {
    padding: 0 .5em;
}

    .divChild .divChildActions.folded-indicators .objectStatIcon,
    .divChild .divChildActions.folded-indicators .objectStatIcon img {
        padding: 0;
    }

        .divChild .divChildActions.folded-indicators .objectStatIcon .icon-share {
            position: relative;
            top: -.3em;
        }

.userInfoTop .userTopObjectActions {
    position: static;
}

.userTopObjectActions {
    margin: 0 0.5em;
    top: 1.55em;
    position: relative;
    display: inline-block;
}

.divUserInboxIcon {
    padding-top: 0.3em;
    position: relative;
    cursor: pointer;
    display: block;
}

    .divUserInboxIcon span {
        font-size: 2.2em;
    }

.imgUserSmall {
    width: 2.25em !important;
    height: 2.25em !important;
    -moz-border-radius: 0.7em;
    -webkit-border-radius: 0.7em;
    border-radius: 50%;
}

.BY_menu_img.imgUserSmall {
    width: 20px !important;
    height: 20px !important;
}

.imgUserExtraSmall {
    width: 1.75em !important;
    -moz-border-radius: 0.3em;
    -webkit-border-radius: 0.3em;
    border-radius: 0.3em;
}

.imgUserBig {
    max-width: 4em;
    min-width: 2em;
    min-height: 2em;
    max-height: 4em;
    -moz-border-radius: 0.7em;
    -webkit-border-radius: 0.7em;
    border-radius: 0.7em;
}

.divObjectWrapper {
    position: relative;
    height: 7.3em;
    -webkit-column-break-inside: avoid;
    -moz-column-break-inside: avoid;
    column-break-inside: avoid;
    border-bottom: 1px solid;
    transition: all ease .2s;
}

    .divObjectWrapper.selected_opacity_before_Remove {
        opacity: 0.5;
    }

.mobileResolusion .divObjectWrapper,
.cb-simple-view .divObjectWrapper {
    height: 6.3em;
}

.divObjectWrapper .divObjectMessage:not(.reviewMessage):not(.locationWithMessage) br {
    margin: 0;
    padding: 0px;
    display: inline;
    height: 0px;
    content: ' ';
}

.reviewMessage .review-title ~ .icon-star {
    margin-top: .4em;
}

.divObjectWrapper .divObjectMessage:not(.reviewMessage) br:after {
    content: ' ';
}

.divObjectWrapper .divObjectMessage p {
    margin: 0;
    padding: 0px;
    display: inline;
}

    .divObjectWrapper .divObjectMessage p:after {
        content: ' ';
    }

.divObjectWrapper:hover .divObjectQuickActionMenu,
.divObjectWrapper .divObjectMessage:hover .divObjectQuickActionMenu {
    visibility: visible !important;
}

.divObjectWrapper .object-side-stripe {
    position: relative;
    width: 0em;
    height: 100%;
}

.divObjectWrapper .objectClick {
    position: relative;
    width: calc(100% - 0.5em);
    height: 100%;
    cursor: pointer;
}

.divObjectWrapper .statusIcon {
    display: inline-block;
    padding-top: 0.3em;
}

.object-status-field .object-status-value {
    top: -0.1em;
    position: relative;
}

.replyEmailDialog .divWrapperResponse {
    border: 0;
}

.replyEmailDialog .divArrowScroll,
.replyEmailDialog .objectResponseNav,
.replyEmailDialog .objectViewPreference,
.replyToChild .divArrowScroll,
.replyToChild .objectResponseNav,
.replyToChild .objectViewPreference {
    display: none !important;
}

#replyEmailDialog .email-response-box .divCommentResponseRelative {
    margin: 0 auto;
}

.inboxMobileDisplay {
    min-width: 0em !important;
}

.divArrowScroll {
    position: absolute;
    font-size: 1em;
    padding: 0.1em;
    cursor: pointer;
    top: -1.875em;
}

    .divArrowScroll.arrow-scroll-fill span[class^="icon-"] {
        width: 1.429em;
        height: 1.429em;
        border-radius: 50%;
        color: #fff;
        font-size: 1em;
        display: block;
        position: relative;
        -webkit-box-shadow: 0px 4px 11px rgba(0, 0, 0, 0.25);
        box-shadow: 0px 4px 11px rgba(0, 0, 0, 0.25);
    }

        .divArrowScroll.arrow-scroll-fill span[class^="icon-"]:before {
            position: absolute;
            top: 50%;
            left: 50%;
            -webkit-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
        }

.divObject,
.userInfoTop {
    height: 6.65em;
    padding-top: 0.5em;
    padding-bottom: 0.15em;
    overflow: hidden;
}

.divObject {
    height: calc(100% - 0.65em);
}

.divObjectText {
    position: relative;
    min-height: 2em;
}

.divWrapperResponse {
    overflow: visible;
    border: 1px solid;
    border-radius: 0.5em;
    width: calc(100% - 2px);
    box-shadow: 0px 0px 4px rgba(0,0,0,0.1);
}

.bottom-0 {
    position: absolute;
    bottom: 0;
}

.filteredLexiconGroups {
    display: inline-block;
    margin-top: 2em;
}

.divEditStream {
    display: inline-block;
    width: 8.5em;
    position: relative;
    bottom: 0.18em;
    padding-top: 0.1em;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    vertical-align: bottom;
}

.changeStreamWrapper {
    position: absolute;
    bottom: 0.1em;
}

.userInfoTop .divStream {
    font-size: 0.8em;
    font-weight: 300;
}

.divStream .icon {
    margin: 0.2em 0.5em 0 0.5em;
    display: inline-block;
    visibility: hidden;
}

.divStream:hover .icon {
    visibility: visible;
    display: inline-block;
}

.divStream:default .icon {
    visibility: hidden;
}

#divKnowledgeBaseWrapper {
    height: 100%;
    width: 22em;
    border-radius: 0.3em;
    box-shadow: 0 0.1em 0.2em rgba(0, 0, 0, 0.25);
    border: solid 1px #dfdfdf40;
    background-color: #dfdfdf40;
}

#divKBItemPopup h2 {
    margin-bottom: 1em;
}

#divKBItemPopup span {
    font-size: 1.3em;
}

.divKBItemModuleContent {
    display: none;
    padding-left: 1em;
    padding-right: 1em;
    overflow-y: auto;
    max-height: 10em;
    margin-bottom: 1em;
}

.jstree-hovered {
    border-radius: 0.3em !important;
    padding-left: 0.5em !important;
    padding-right: 0.5em !important;
    box-shadow: 0px 0px 5px #999 !important;
}

a.jstree-anchor:hover,
a.jstree-anchor:hover span,
a.jstree-anchor.jstree-clicked span,
.jstree-icon {
    color: inherit !important;
}

#divJstreeEdit {
    width: 60%;
    position: relative;
}

.jstree-default-contextmenu {
    z-index: 999;
}

.divNodeName {
    position: relative;
    border: 10px solid !important;
    padding-left: 2em !important;
    padding-right: 2em !important;
    z-index: 100;
}

.divNodeActive {
    position: relative;
    top: 0.4em;
    /*width: 3em;*/
}

.clsTextInNodeActive {
    display: inline-block;
    top: 0.2em;
    position: relative;
    padding: 0 1em;
}

.jstree-default .jstree-clicked {
    border-radius: 0.3em !important;
    padding-left: 0.5em !important;
    padding-right: 0.5em !important;
    box-shadow: 0px !important;
}

#trText #aceEditorBodyHtml {
    height: 10em;
}

#divKnowleadgeBaseShowData {
    padding: 5px;
    width: 100%;
    max-height: 290px;
    overflow-y: auto;
    overflow-x: hidden;
}

#divTreeMessageFileUpload {
    padding-top: 0.5em;
}

#spnKnowledgeBaseMessage {
    display: none;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 4px;
}

.knowledgeBaseAllowedModulesIcons {
    padding-left: 0.15em;
    padding-right: 0.15em;
    position: relative;
    top: 0.2em;
}

#divModuleStreams_22 .divPanelInputSeparator.f_l_a:hover {
    box-shadow: 0px 4px 4px rgb(0 0 0 / 25%);
    cursor: move;
}

#divModuleStreams_22 .divPanelInputSeparator.f_l_a .icon-x-circle {
    visibility: hidden;
}

#divModuleStreams_22 .divPanelInputSeparator.f_l_a:hover .icon-x-circle {
    visibility: visible;
}

#divModuleStreams_22 .divPanelInputSeparator.f_l_a .icon-grid {
    visibility: hidden;
}

#divModuleStreams_22 .divPanelInputSeparator.f_l_a:hover .icon-grid {
    visibility: visible;
}

.divPanelInputSeparator.f_l_a.ui-sortable-handle.ui-sortable-placeholder {
    width: auto !important;
}

.dropdown-options-selected .selectButton {
    padding: 0.5em;
    box-sizing: border-box;
    min-width: 13em;
    font-family: inherit;
    background: #FFFFFF;
    border: 0.5px solid #AEAEAE;
    border-radius: 5px;
    height: 2.3em;
}

.dropdown-options-selected::before {
    position: absolute;
    content: " \25BE";
    top: 0.35em;
    height: 20px;
    width: 25px;
    font-size: 1.3em;
    color: #AAAAAA;
}

ul[class^="dropdown-options-"] {
    overflow-y: auto;
    display: inline-grid;
    background: #FFFFFF;
    border: 0.5px solid #ECECEC;
    box-shadow: 0px 4px 4px rgb(0 0 0 / 25%);
    border-radius: 0px 0px 3px 3px;
    position: absolute;
    top: 2.3em;
    width: 12.8em;
}

    ul[class^="dropdown-options-"] il {
        padding: 1em 0.5em;
    }

.dropdown-options-selected .icon {
    color: #AAAAAA;
}

ul[class^="dropdown-options-"] il:hover {
    background: #ECECEC;
}

.dropdown-options-selected .selectButton:focus {
    outline: none;
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .dropdown-options-selected {
        display: inline-block;
    }

    ul[class^='dropdown-options-'] il {
        display: block;
    }

    [id^=score_list_] span {
        padding: 0.46em 0.3em;
        display: block !important;
    }
}


@keyframes fadein {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@-moz-keyframes fadein {
    /* Firefox */
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@-webkit-keyframes fadein {
    /* Safari and Chrome */
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@-o-keyframes fadein {
    /* Opera */
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}


/***** Enables 3 blink dots when doing a search in external knowledge base provider *****/

@keyframes blink {
    /**
     * At the start of the animation the dot
     * has an opacity of .2
     */
    0% {
        opacity: .2;
    }
    /**
     * At 20% the dot is fully visible and
     * then fades out slowly
     */
    20% {
        opacity: 1;
    }
    /**
     * Until it reaches an opacity of .2 and
     * the animation can start again
     */
    100% {
        opacity: .2;
    }
}

.kbSearching {
    font-weight: 900;
}

    .kbSearching span {
        /**
     * Use the blink animation, which is defined above
     */
        animation-name: blink;
        /**
     * The animation should take 1.4 seconds
     */
        animation-duration: 1.4s;
        /**
     * It will repeat itself forever
     */
        animation-iteration-count: infinite;
        /**
     * This makes sure that the starting style (opacity: .2)
     * of the animation is applied before the animation starts.
     * Otherwise we would see a short flash or would have
     * to set the default styling of the dots to the same
     * as the animation. Same applies for the ending styles.
     */
        animation-fill-mode: both;
        font-size: 1.3em;
    }

        .kbSearching span:nth-child(2) {
            /**
     * Starts the animation of the third dot
     * with a delay of .2s, otherwise all dots
     * would animate at the same time
     */
            animation-delay: .2s;
        }

        .kbSearching span:nth-child(3) {
            /**
     * Starts the animation of the third dot
     * with a delay of .4s, otherwise all dots
     * would animate at the same time
     */
            animation-delay: .4s;
        }


/**** End of 3 blink dots for searching in external search provider in knowledge base ***/

.file-name-knowledgebase {
    display: inline-block;
    max-width: 12em;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-left: .5em;
    white-space: nowrap;
}

.file-edit-knowledgebase {
    position: absolute;
    left: -1em;
    padding-top: .3em;
}

.userInfoTop .divObjectIndicators {
    position: static;
}

.divObjectIndicators {
    position: absolute;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

    .divObjectIndicators > div {
        padding: 0.1em 0.3em 0em 0.3em;
        z-index: 1;
    }

.divObjectQuickActionMenu {
    position: absolute;
    top: 0.2em;
    font-size: 0.8em;
    border-style: solid;
    border-width: 1px;
    visibility: hidden;
    border-radius: 0.3em;
}

    .divObjectQuickActionMenu a {
        display: inline-block;
        padding: 0.5em;
        cursor: pointer;
        padding-top: 0.6em;
        position: relative;
    }

ul.objectTimes {
    list-style-type: none;
}

    ul.objectTimes li {
        padding-bottom: 0.25em;
        padding-top: 0.25em;
    }

        ul.objectTimes li:before {
            font-family: 'icomoon';
            width: 1.4em;
            padding-top: 0.1em;
        }

        ul.objectTimes li span {
            color: inherit;
            display: inline-block;
        }

.userInfoTop ul.objectTimes li {
    padding: 0;
}

.userInfoTop ul.objectTimes:before {
    content: '';
    height: 100%;
}

li.star:before {
    content: "\e9d9";
}

li.conversation:before {
    content: "\e970";
}

li.stopwatch:before {
    content: "\e952";
}

li.checkmark2:before {
    content: "\ea11";
}

li.clock:before {
    content: "\e94e";
}

li.manager:before {
    content: "\e976";
}

.divTyping {
    display: none;
    padding: .5em;
}

    .divTyping .user-typing-indicator-text .dot {
        display: inline-block;
        width: 3px;
        height: 3px;
        border-radius: 50%;
        animation: wave 1.3s linear infinite;
        margin-left: .3em;
        margin-bottom: .12em;
    }

        .divTyping .user-typing-indicator-text .dot:nth-child(2) {
            animation-delay: -1.1s;
        }

        .divTyping .user-typing-indicator-text .dot:nth-child(3) {
            animation-delay: -0.9s;
        }

#tab_userProfile div div h2 span.module_name {
    padding-left: .5em;
    line-height: 2em;
}

.divObjectWrapper .responseTimeLeft {
    position: absolute;
    top: -0.3em;
    padding: 0.23em;
    font-size: 1em;
}

.userInfoTop .responseTimeLeft {
    position: relative;
    top: 0.7em;
    bottom: auto;
    display: inline-block;
    font-size: 0.8em;
    font-weight: 300;
}

    .userInfoTop .responseTimeLeft.single-sla-message {
        top: 1.35em;
    }

.userInfoTop .divTyping {
    position: absolute;
    top: -1.5em;
    font-size: 0.8em;
}

.responseTimeLeft b:hover {
    text-decoration: underline;
}

.objectDraftIcon {
    vertical-align: middle;
}

.emailActions {
    padding: .3em;
    display: inline-block;
}

    .emailActions span {
        padding: .3em;
        border: 1px solid;
        display: inline-block;
        margin: 0 .3em;
    }

.emailReplyBtn::before {
    content: "\e9c5";
}

.emailReplyAllBtn::before {
    content: "\e92b";
}

.emailForwardBtn::before {
    content: "\ea3c";
}

.emailPrintBtn::before {
    content: "\e954";
}

.emailRedactBtn::before {
    content: "\eb05";
}

.emailRedactBtn::before,
.emailReplyBtn::before,
.emailReplyAllBtn::before,
.emailForwardBtn::before,
.emailPrintBtn::before,
.emailDownloadZippedAttachmentsBtn::before {
    font-family: 'icomoon' !important;
}

#redactChildDialog {
    max-height: 50em !important;
    overflow-y: auto;
}

.objectStatIcon {
    display: inline-block;
    padding-top: 0.1em;
    padding-left: 0.3em;
    padding-right: 0.3em;
}

    .objectStatIcon .objectNewIndicator {
        display: block;
        margin-top: 0.2em;
    }

    .objectStatIcon .indicators img {
        max-height: 1em;
    }

    .objectStatIcon .icon-tag.theme_inactive {
        display: none;
    }

.lockedIcon {
    cursor: auto;
}

.lastMessageIndicator {
    position: absolute;
    top: .2em;
    font-size: 1.7em;
}

#divSessionsDialog {
    overflow: auto;
}

    #divSessionsDialog > div:not(.ajaxLoader) {
        overflow: auto;
        padding: 0.5em 1em;
        border-bottom: solid 1px;
    }

    #divSessionsDialog .session_dialog_icon {
        font-size: 1.5em;
    }

.divSessionUrl {
    max-width: 450px;
}

.sessionItem {
    padding: 0.5em 1em;
    min-height: 2.5em;
}

    .sessionItem.sessionItemLink {
        max-width: 60%;
        text-overflow: ellipsis;
        overflow: hidden;
        direction: ltr;
        /* set direction to ltr because this is link(en)*/
    }

.navSessionItem {
    padding-bottom: 0.5em;
    min-height: 2.5em;
}

    .navSessionItem.navChange {
        padding: 0 1em;
        min-height: 2.5em;
    }

.sessionNavigatorText {
    display: inline-block;
    word-break: break-all;
    padding-top: 0.5em;
}

.sessionNavigatorArrow {
    text-align: center;
    padding: 0.65em 0.2em;
}

    .sessionNavigatorArrow span {
        font-size: 1.3em;
    }

.userInfoTop .object-status-wrapper {
    position: static;
    width: auto;
    top: auto;
}

    .userInfoTop .object-status-wrapper .object-status-value {
        font-size: 0.8em;
        font-weight: 300;
    }

.divUserStatus span,
.spnUserStatus {
    cursor: pointer;
    font-size: 1em;
    line-height: 2em;
}

.divObjectWrapper .statusSelectorArrowDown.icon-chevron-down,
.userInfoTop .statusSelectorArrowDown.icon-chevron-down {
    display: inline-block;
    position: absolute;
    visibility: hidden;
}

.userInfoTop .manager-assignment {
    position: absolute;
    float: none;
    top: 0em;
}

.last-objects-item {
    width: 100%;
    padding-top: 0.4em;
    padding-bottom: 0.4em;
    overflow: auto;
}

    .last-objects-item.selectable {
        cursor: pointer !important;
    }

    .last-objects-item:hover.selectable {
        opacity: 0.5;
    }

    .last-objects-item .moduleIcon {
        width: 2em;
        padding-top: 0.1em;
        padding-bottom: 0.3em;
    }

    .last-objects-item .user-last-object-time {
        width: 4.8em;
    }

    .last-objects-item .user-last-object-status-wrapper {
        width: 18em;
    }

        .last-objects-item .user-last-object-status-wrapper .user-last-object-status-label {
            display: inline-block;
            width: 5.8em;
        }

    .last-objects-item .user-last-object-more {
        position: relative;
        top: 0.18em;
    }

#divUserLastObjectsList {
    overflow: auto;
}

    #divUserLastObjectsList label,
    #divUserLastObjectsList span {
        cursor: pointer;
    }

#divUserLastObjects {
    clear: both;
    margin-bottom: 3em;
}

/*#divUserFieldsContainer {
    border-bottom: 1px solid;
    padding-bottom: 1em;
    min-height: 15em;
}*/

/*#divUserFieldsContainer .user-field-label {
        word-wrap: break-word;
    }*/

.manager-assignment {
    display: inline-block;
    position: absolute;
    top: calc(50% - 1em);
    border-radius: 50%;
}

.divUserStatus .object-user-status-icon {
    position: relative;
    top: calc(50% - 1em);
    display: inline-block;
    border-radius: 50%;
}

.manager-assignment span.empty_assignment_button,
.divUserStatus {
    width: 2.04em;
    height: 2.04em;
    line-height: 2.1em;
    border: 1px solid transparent;
    text-align: center;
}

.tag .cb-remove-icon, .tagGroup .cb-remove-icon {
    top: -1.1em;
    box-shadow: none;
    opacity: 0;
}

.manager-assignment .cb-remove-icon,
.participant_circle .cb-remove-icon {
    top: -0.5em;
    opacity: 0;
}

.manager-assignment:hover .cb-remove-icon,
.participant_circle:hover .cb-remove-icon,
.tag:hover .cb-remove-icon, .tagGroup:hover .cb-remove-icon {
    cursor: pointer;
    opacity: 1;
}

.manager-assignment span.empty_assignment_button {
    display: inline-block;
    border-radius: 50%;
    border: 2px solid;
    border-color: white;
    transition: all ease .2s;
}

    .manager-assignment span.empty_assignment_button:hover {
        border-style: solid;
    }

.cb-remove-icon {
    position: absolute;
    font-size: .5em;
    border-radius: 50%;
    padding: 4px;
    transition: all ease-in-out 0.2s;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.7);
}

    .cb-remove-icon:hover {
        /*transform: scale(1.5);*/
    }

    .cb-remove-icon:active {
        transform: translateY(4px);
    }

.BY_menu_item[type="input"] span.icon-search {
    padding: 0 .5em;
}

.search-item-seperator {
    width: 90%;
    margin: auto !important;
    border: 1px solid;
}

.BY_menu_item .icon-teams::before {
    font-size: 1.3em;
    margin-left: 0.1em;
    color: black;
}

.BY_menu_item span.manager-acronym-avatar {
    float: right;
    font-size: 1em;
    position: relative;
}

.BY_menu_item span.manager-name {
    display: inline-block;
    line-height: 2em;
    max-width: 13em;
    padding-top: 0.2em;
    overflow: hidden;
    text-overflow: ellipsis;
}

.BY_menu_item span.cb-remove-icon {
    font-size: .5em;
    top: 30%;
    display: inline-block;
}

.BY_menu_item.assigned-manager span.manager-name {
    font-weight: bold;
}

.BY_menu_item.assigned-manager [showuserticket] {
    max-width: 10em;
}

.BY_menu_item.assigned-manager span.manager-name:hover {
    text-decoration: underline;
}

.BY_menu_item span.manager-name span.icon-bot {
    font-size: 1.3em;
    position: relative;
    top: 0.2em;
}

.BY_menu_item span.menu_icon_width {
    width: 2em;
}

.BY_menu_item span.menu_icon_align_center {
    width: 100%;
    text-align: center;
}

.BY_menu_item span.icon-teams {
    width: 1.5em;
    height: 1.5em;
    border-radius: 50%;
    background-color: #ccc !important;
}

.selected-teams {
    padding-left: 0.5em;
}

.selected-li span.ellipsis {
    padding-left: 0.5em;
    font-size: 1.1em;
    font-family: 'Poppins', 'Rubik', helvetica, arial, sans-serif !important;
}

.selected-li:before {
    font-size: 1.3em;
    width: 1.15em;
    height: 1.15em;
    margin-left: 0.1em;
    color: black;
    border-radius: 50%;
    background-color: #ccc;
}

.managers-status-avatar-circle {
    display: inline-block;
    position: absolute;
    top: 1.2em !important;
    z-index: 1;
}

.circle-manager-icon {
    position: absolute;
    font-size: .5em;
    border-radius: 50%;
    padding: 4px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.7);
    bottom: 0;
}

.unassign-manager-icon,
.remove-translate-language {
    position: absolute;
    font-size: .5em;
    border-radius: 50%;
    padding: 4px;
    transition: all ease-in-out 0.2s;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.7);
}

.manager-assignment .unassign-manager-icon {
    top: 0em;
    opacity: 0;
}

.unassign-manager-icon:hover {
    transform: scale(1.5);
}

.unassign-manager-icon:active {
    transform: translateY(4px);
}

.managersForAssignmentList {
    display: none !important;
}

[id^="managerAssignmentMenu_"] {
    max-height: 18em !important;
    /*overflow-y: hidden !important;*/
}

[id^="wrapperKnowledgeBaseSuggestions_"] {
    width: inherit;
    display: inline-block;
    padding-top: 1.5em;
    padding-bottom: 1.5em;
}

[id^="divKnowledgeBaseSuggestion_"] {
    clear: both;
    overflow: auto;
    padding-top: 1em;
}

[id^="managerAssignmentMenu_"] li {
    padding: .5em;
}

[id^="managerAssignmentMenu_"] > li[type="option"]:first-child {
    font-weight: bold;
    cursor: pointer;
}

[data-group="managers"] {
    max-height: 9em;
    overflow-y: scroll !important;
}

#wrapper_userPanel .BY_control {
    top: 3.65em !important;
    border-top-right-radius: 0;
    border-top-left-radius: 0;
}

.BY_control ul[data-group] {
    outline: none;
}

.userInfoTop .objectUserName,
#divUserInfoContainer .customer_info_title {
    font-size: 1.2em;
}

.objectUserName {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.divObject .objectUserName {
    position: relative;
}

    .divObject .objectUserName a {
        position: relative;
    }

    .divObject .objectUserName .user-number-of-objects {
        position: relative;
        top: -0.1em;
    }

.mobileResolusion .divObject .objectUserName .user-number-of-objects,
.cb-simple-view .divObject .objectUserName .user-number-of-objects {
    display: none;
}

.cls_userSearchTab .divObject .objectUserName .user-number-of-objects {
    display: none;
}

body.cls_userSearchTab .userInfoWrapper,
body.mobileResolusion.cls_pinnedObjectTab .userInfoWrapper {
    pointer-events: none;
}

.userInfoTopWrapper .objectUserName {
    position: relative;
    top: 0em;
}

.managerName {
    font-weight: bold;
}

.divChildDate.smallRow .objectUserName {
    padding-top: 0 !important;
}

.divChildDate.smallRow {
    /*padding-top: 0.6em;*/
    padding-bottom: 0.6em;
}

.divChildDate .objectRecipients {
    font-size: 0.715em;
    color: #818181;
    margin-top: 0.25rem;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.editChild {
    position: relative;
    top: -16px;
}

.editTextChild {
    width: 420px;
}

.divObjectActions {
    position: absolute;
    top: 4.2em;
    text-align: center;
    font-size: 0.9em;
    z-index: 99;
}

    .divObjectActions a.object-action-button {
        display: inline-block !important;
    }

    .divObjectActions a.objectActions {
        padding-bottom: 0;
    }

#divTabs .pinnedObject .divObjectWrapper.pinnedObject .divObjectPinnedIcon.unpinnedIcon,
#divTabs .pinnedObject .divObjectWrapper.pinnedObject .divObjectPinnedIcon.pinnedIcon {
    display: none !important;
    visibility: hidden !important;
}

.divObjectWrapper .divObjectPinnedIcon {
    position: absolute;
    top: 0.5em;
}

    .divObjectWrapper .divObjectPinnedIcon.unpinnedIcon {
        visibility: hidden;
    }

    .divObjectWrapper .divObjectPinnedIcon.pinnedIcon {
        visibility: visible !important;
    }


/* fix bug, fileupload "add files" can be clicked when search box is open and user click on input search filed */

.divObjectWrapper.pinnedObject .divFileuploadFiles .inputWrapper {
    z-index: 1;
}

.replyto-file-upload {
    font-size: 1.2em;
    cursor: pointer;
    display: inline-block;
    vertical-align: middle;
    position: relative;
}

.replyto-attachments {
    clear: both;
}

.divCommentResponseEmail .replyto-attachments .divUploadedFile,
.reamarks_editor_container .replyto-attachments .divUploadedFile,
.single-attachment-replayto .divUploadedFile {
    margin-top: 0.3em;
}

.divCommentResponseEmail .replyto-attachments {
    clear: both;
}

.divCommentResponseEmail .reply-to-actions,
.divCommentResponseEmail .remark-actions,
.divCommentResponseEmail .ask-ai-actions {
    bottom: 0;
}

.overallInsights {
    display: none;
}

#scriptsKpis .overallBlock {
    height: 7.7em !important;
}

.overallInsights .overallBlock {
    display: inline-block;
    padding: 0.8em;
    height: 9em;
    min-height: 9em;
    text-align: center;
    overflow: hidden;
    margin-bottom: 1em;
    letter-spacing: 0em;
}

    .overallInsights .overallBlock .slaExTxt,
    .overallInsights .slaExTxt {
        display: block;
        font-size: 0.8em;
    }

    .overallInsights .overallBlock .numAndIcon {
        font-size: 1.8em;
        padding: 0.2em;
        text-align: center;
    }

.overallInsights span[class^='icon-'] {
    padding: 0.4em;
}

.overallInsights .overallBlockHeader {
    text-align: center;
    border-bottom: 1px solid;
    padding-bottom: 0.5em;
    font-size: 1.1em;
}

.top-14em {
    top: 1.4em;
}

.send-wa-template-dialog .send-template-content button {
    box-shadow: 0px 4px 4px rgba(125, 125, 125, 0.25);
    pointer-events: none;
}


/******************* waba template dialog supprt English only***************/

.dialogeAddWhatsappTemplate.ui-dialog .ui-dialog-title {
    float: left;
    margin-left: 1em;
    width: 80%;
}

.dialogeAddWhatsappTemplate {
    max-height: 95vh;
    overflow-x: auto;
    direction: ltr;
}

#txtWAPhone_wrapper + .text-length {
    top: 1em;
    right: 8em;
}

#txtWAPhone,
#phone_number {
    padding-left: 7em !important;
    width: 23em;
    height: 2.3em;
}

#button-phone-number .intl-tel-input.allow-dropdown .selected-flag {
    width: 6.5em;
}

.call-to-action input {
    width: 80%;
}

[id^="whatsapp-template-variable-"] input {
    width: 9em;
}

#add-variable-wrapper-body {
    max-height: 5em;
    overflow-y: auto;
}

.quick-reply-buttons-text {
    width: 42%;
}

    .quick-reply-buttons-text .text-length {
        right: 25% !important;
    }

    .quick-reply-buttons-text .deleteButton {
        right: 0;
        top: .4em;
    }

.call-to-action #url-wrapper {
    width: 34%;
}

.call-to-action .button-text-wrapper input {
    padding-bottom: .6em !important;
}

.call-to-action #url-wrapper input {
    width: 100%;
    text-overflow: ellipsis;
    max-width: 52%;
    padding-right: 7em !important;
}

.edit-mode.disabledButton #url-wrapper input {
    pointer-events: initial;
}

.call-to-action select {
    top: .04em;
}

.call-to-action #template-buttons-action-select,
.call-to-action .button-text-wrapper {
    width: 20%;
}

    .call-to-action #template-buttons-action-select,
    .call-to-action .button-text-wrapper inputs {
        max-width: 95%;
    }

#url-wrapper .text-length {
    bottom: 1.7em;
    right: .5em;
}

#button-phone-number #tel-wrapper {
    max-width: 25em;
}

#add-variable-url {
    bottom: .8em;
}

.send-template-msg-validation {
    padding: 0 1em;
}

#comment-send-wa-template-dialog .send-template-msg-validation {
    bottom: 1em;
}

.edit-mode.disabledButton {
    opacity: 1;
}

#templateModal #add-variable-header {
    margin-top: .3em;
    margin-right: 1.5em;
}

.edit-mode.disabledButton .pointer,
.edit-mode.disabledButton.deleteButton {
    opacity: 0.4;
}

#whatsapp-templates-settings-data span {
    bottom: 1em;
}

#wa-template-message-actions > a {
    padding: .2em;
}

#template-type-select_wrapper {
    left: 17%;
}

#template-account-select_wrapper {
    left: 16%;
}

#template-language-select_wrapper {
    padding: 1em 0;
}

#whatsapp-templates-settings-data {
    width: 100%;
}

#template-language-select_wrapper div {
    float: left !important;
    overflow-y: auto;
    max-height: 10em;
}

#template-language-select_wrapper .icon {
    left: 22%;
    bottom: 7%;
}

#template-account-select {
    width: 13em;
}

#header-text {
    width: 75%;
}

.ui-dialog-title p {
    float: right;
    margin-right: 25%;
}

.margin-side-2em {
    margin-right: 2em;
}

.max-width-5em {
    max-width: 5em;
}

.max-width-8em {
    max-width: 8em;
}

.max-width-15em {
    max-width: 15em !important;
}

.max-width-18em {
    max-width: 18em !important;
}

.max-width-16em {
    max-width: 16em !important;
    width: 16em !important;
}

#stage-two #template-body_wrapper .text-length {
    top: 6.5em;
}

#stage-two .md-radio label {
    padding-left: 2em;
}

#stage-two #template-header-type-text .text-length {
    right: 1.4em;
    top: .7em;
}

.template-language-delete-wrapper {
    right: 12em;
}

#add-template #stage-one,
#template-header_wrapper,
#template-body_wrapper,
#template-footer_wrapper,
#template_buttons_wrapper > div {
    margin: 0 3%;
}

#add-template #stage-two[data-category=AUTHENTICATION] #template-body_wrapper > div.authentication-category,
#add-template #stage-two:not([data-category=AUTHENTICATION]) #template-body_wrapper > div:not(.authentication-category),
#add-template #stage-two[data-category=AUTHENTICATION] #template-footer_wrapper > div.authentication-category,
#add-template #stage-two:not([data-category=AUTHENTICATION]) #template-footer_wrapper > div:not(.authentication-category),
#add-template #stage-two[data-category=AUTHENTICATION] #template_buttons_wrapper > div.authentication-category,
#add-template #stage-two[data-category=AUTHENTICATION] #template-header_wrapper > div:not(.authentication-category),
#add-template #stage-two:not([data-category=AUTHENTICATION]) #template-header_wrapper > div.authentication-category,
#add-template #stage-two:not([data-category=AUTHENTICATION]) #template_buttons_wrapper > div:not(.authentication-category) {
    display: block;
}

#add-template #stage-two[data-category=AUTHENTICATION] #template-body_wrapper > div:not(.authentication-category),
#add-template #stage-two:not([data-category=AUTHENTICATION]) #template-body_wrapper > div.authentication-category,
#add-template #stage-two[data-category=AUTHENTICATION] #template-footer_wrapper > div:not(.authentication-category),
#add-template #stage-two:not([data-category=AUTHENTICATION]) #template-footer_wrapper > div.authentication-category,
#add-template #stage-two[data-category=AUTHENTICATION] #template-header_wrapper > div:not(.authentication-category),
#add-template #stage-two:not([data-category=AUTHENTICATION]) #template-header_wrapper > div.authentication-category,
#add-template #stage-two[data-category=AUTHENTICATION] #template_buttons_wrapper > div:not(.authentication-category),
#add-template #stage-two:not([data-category=AUTHENTICATION]) #template_buttons_wrapper > div.authentication-category {
    display: none;
}

#template-footer_wrapper .authentication-category input:not(:checked) ~ div {
    display: none;
}

#template-footer_wrapper .authentication-category input[type='number'] {
    width: 8em;
}

    #template-footer_wrapper .authentication-category input[type='number'] ~ span {
        left: 11em;
        line-height: 2.5em;
    }


#template-footer_wrapper .authentication-category input[type='checkbox'] ~ div label:not(.field_validation) {
    display: inline-block;
    width: 5.5em;
    width: 5.5em;
    padding-left: .9em
}

#template_buttons_wrapper[data-buttons-type="COPY_CODE"] .one-tap-type {
    display: none;
}

#template_buttons_wrapper .allow-one-type {
    margin-left: 1%;
    padding-top: 1em;
}

.call-to-action:first-of-type,
.quick-reply-buttons-text:first-of-type {
    border-top: 1px dotted;
}

.call-to-action,
.quick-reply-buttons-text {
    border-bottom: 1px dotted;
    padding-bottom: 1em;
}

#add-template .text-length {
    right: 0;
    top: .5em;
}

#add-template .dynamic-variable {
    right: 4.5em;
    top: .5em;
}

#message-body-textarea.disabledButton {
    pointer-events: initial;
}

#stage-one #template-language-select-wrapper {
    height: auto;
}
/*
#template-language-wrapper .input-label {
    height: auto;
}*/

#add-template .BY_label {
    width: auto;
}

#add-variable-body {
    bottom: 0em;
    right: 1em;
}

#whatsapp-templates-table .settings-table th,
#whatsapp-templates-table .settings-table td {
    max-width: 20em;
}

#template-language-select {
    width: 16em;
}

.template-dialog-input {
    width: 96%;
}

.template-field {
    padding: .7em .7em;
    min-height: 3em;
    border-bottom: 4px solid;
    overflow: hidden;
}

#add-template .md-radio label:before, #wabaDialogBodyOne .md-radio label:before {
    width: 15px;
    height: 15px;
    top: 1px;
    left: 1px;
}

#template-header-type-select_wrapper #template-header-type-select {
    margin-right: 1em;
}

#add-template .md-radio label:after, #wabaDialogBodyOne .md-radio label:after {
    top: 5px;
    left: 5px;
}

#selected_list_template-language-select_wrapper {
    width: auto !important;
    float: left;
}

.disabledButton, .disabledElement, .replyTemplateBlock + .reply-to-actions [id^="sendMessageBtns_"] {
    pointer-events: none;
    opacity: 0.4;
}

.add-template-buttons {
    margin: 1.5em 1.5em 0 1.5em;
    min-height: 3em;
}

#stage-one .template-dialog-input,
#stage-one .template-dialog-input .text-length {
    padding: 1em 0;
}

.whatsApp-templates-media-hide {
    display: none;
}

.whatsApp-templates-media-show {
    display: block;
}

#template-language-label-wrapper {
    margin-top: .5em;
}

.text-length-phone {
    right: .5em;
    bottom: .5em;
}

#stage-two #template-language-label-wrapper label {
    top: .8em;
}

#stage-two textarea {
    border: 1px solid;
    box-sizing: border-box;
    border-radius: 3px;
    width: 100%;
    max-height: 8em;
}

#template-footer_wrapper .template-dialog-input {
    width: 45%;
}

    #template-footer_wrapper .template-dialog-input input {
        width: 80%;
    }

#stage-two #template-language_wrapper .delete-language,
#stage-two #template-language_wrapper span.icon-bin {
    position: relative;
    top: 1em;
    right: 1em;
}

#template-name,
#template-friendly-name,
#footer-text,
#header-text {
    padding-right: 4em !important;
}

.button-text {
    padding-right: 3em !important;
    max-width: 59%;
}

#message-body-textarea {
    padding-right: 5.3em !important;
}

.template-dialog-input input {
    width: 93%;
}

#template-language-select-stage-two_wrapper {
    padding: 1%;
}

#template-language_wrapper {
    border-bottom: 1px solid;
}

.send-template-footer [id^="sendMessageBtns_"] {
    position: relative;
    margin: 1em 1em;
    font-size: 1em;
}

#template-language-select-stage-two {
    width: 100%;
}

.insightsDetailViewLabel {
    padding: 5px 5px 0px 5px;
    white-space: nowrap;
    overflow: hidden;
    width: 14em;
    text-overflow: ellipsis;
}

#whatsapp-templates-table .deleteTemplate {
    position: relative;
}

#divModule_6 #divInstall .settingsDescription, #divModule_6 [id^="divEditForm_"] .settingsDescription {
    max-width: 27em;
}

.send-template-header {
    border-bottom: 1px solid;
    padding: 1em;
}

#divNewWhatsAppConversation .send-template-header {
    padding: 0;
    padding-bottom: 0.5em;
}
#divNewWhatsAppConversation select {
    padding: 0;
}

.wa-template-select,
.wa-language-select-wrapper {
    max-width: 47%; 
}

.wa-language-select {
    max-height: 60%;
}

#divWhatsAppTemplate #wa-template-select {
    max-width: 20em;
}

#send-wa-template-dialog-wrapper #wa-template-select {
    max-width: 10em;
}

#send-wa-template-dialog .sendMessage {
    font-size: 15px;
}

.file-upload-wa-template-header .divFileUpload {
    padding: 0;
}

.file-upload-wa-template-header .ajaxLoaderUploadFile {
    width: 2em;
    height: 2em;
}

.divWhatsAppTemplate .send-template-content-wrapper {
    width: calc(100% - 2em);
    border: 1px solid;
    border-radius: 3px;
}
.waFreeTextComposeHeader{
    line-height:2.2em;

}

.dialogCampaignMessagesWrapper .divWhatsAppTemplate .send-template-content-wrapper, #send-wa-template-dialog-wrapper .divWhatsAppTemplate .send-template-content-wrapper {
    width: calc(90% - 2em);
}

.waFreeTextTA {
    height: 5em;
    padding: 1em;
    border: 1px solid;
    border-radius: 3px;
    overflow-y:scroll !important;
}

.dialogCampaignMessagesWrapper, #send-wa-template-dialog-wrapper {
    display: inline-table;
    width: calc(40% - 3em);
}
.composeFreeTextEmoji.emoji-picker {
    font-size: 1.5em;
    padding: 0.35em 0;
    opacity: 0.6;
    position: relative;
}

.wa-file-uploader-wrapper {
    margin-bottom: 2em;
}

#divNewWhatsAppConversation {
    cursor: default;
    width: calc(100% - 2em);
}
#composeInputWhatsAppTemplateSelect{
    padding:0;
}



#divNewWhatsAppConversation a[class*="theme_danger"] {
    text-decoration: underline;
}

.divWaTemplatePreview {
    display: none;
}

#divWhatsAppTemplate #divWaTemplatePreview {
    margin-top: 1em;
    margin-bottom: 1em;
    display: block;
}

.send-template-content {
    line-height: 2.5em;
    max-height: 25em;
    overflow: auto;
}


    .send-template-content[dir="rtl"] .button span, .send-template-content[dir="ltr"] .button span {
        margin: 0.1em .4em 0 .4em;
    }

.send-template-content-wrapper {
    padding: 1em;
    margin-bottom: .6em;
}

.send-template-content input, #knowledgeBasePreview input {
    border: 1px solid;
    border-radius: 3px;
    padding: .3em;
}

.divWhatsAppTemplate .send-template-header {
    border: none;
}

.insightsDetailViewValue {
    padding: 5px 5px 0px 5px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 6em;
    font-weight: bold;
}

.divChild {
    min-height: 3em;
    position: relative;
    overflow: hidden;
}

    .divChild[level="1"] {
        margin-top: 0 !important;
    }

        .divChild[level="1"] .userImage .divUserImage .imgUserSmall {
            width: 1.5em !important;
            height: 1.5em !important;
        }

    .divChild .smallText {
        margin-top: 0.2em;
    }

    .divChild:hover .childActionsPicker {
        visibility: visible;
    }

.exposeModal {
    position: relative;
    overflow: visible;
}

.store span.spn-installed-streams {
    display: none;
}

#overlay,
#divStripOverlay {
    display: none;
    width: calc(100% - 3.5em - 1em);
    height: calc(2.5em - 2px);
    padding: 0.5em;
    z-index: 998;
    position: absolute;
    top: 3.5em;
    cursor: pointer;
    z-index: 1000;
}

.stripMaximized #overlay,
.stripMaximized #divStripOverlay {
    width: calc(100% - 1em);
}

#overlay {
    z-index: 999;
}

    #overlay.isFullOverlay {
        top: 0;
        z-index: 1001;
    }

.closeModalBtn {
    z-index: 999999999999;
    position: relative;
    display: none;
    cursor: pointer;
    top: 0.5em;
}

    .closeModalBtn.breadcrumbs {
        top: 0.4em;
    }

    .closeModalBtn span {
        position: relative;
        top: 0.1em;
    }

        .closeModalBtn span[class^='icon-arrow'] {
            top: 0.2em;
        }

.breadcrumbs {
    display: inline-flex;
    align-items: center;
    pointer-events: auto;
}

    .breadcrumbs span {
        margin-inline: 0.25em;
    }

    .breadcrumbs:last-child {
        pointer-events: none !important;
        font-weight: bold;
    }

.divChildText {
    margin-top: 0.6em;
    margin-right: 1em;
    margin-left: 1em;
    overflow: auto;
    width: 75%;
    width: calc(80% - 2.5em);
    max-width: 37em;
    min-width: 2.5em;
    overflow-wrap: break-word;
}

.div-child-text-translated-border {
    content: "";
    border-top: 1px solid;
    position: absolute;
    top: 0em;
    width: 90%;
}


/* CSS conversation bubble corner */

.triangle-corner:before {
    content: ' ';
    position: absolute;
    width: 0;
    height: 0;
    top: 0px;
    bottom: auto;
    border: 0.5em solid;
}

.triangle-corner {
    border-radius: 1.87em;
    -webkit-border-radius: 1.87em;
    -moz-border-radius: 1.87em;
}


/* End CSS conversation bubble corner */

.ifrMailObjectMessage {
    height: calc(100% - 3em - 1em);
    width: 100%;
    border: 0;
    overflow: hidden;
    padding-bottom: 1em;
}

.emailChildPreviewContainer {
    height: 99%;
}

.objectChild {
    min-height: 38px;
}

.childs_bc .divIframeEmail {
    border-width: 0 0 1px 0;
    border-style: dashed;
}

.remarkOnly .placeholder-element {
    top: .5em;
}

.commentResponse {
    clear: both;
    min-height: 3em;
    padding-bottom: 1.1em;
    margin: 0 1em;
    position: relative;
}

    .commentResponse .divCommentResponseRelative,
    .reamarks_editor_container,
    .ask_ai_editor_container {
        position: relative;
        padding-bottom: 0em;
        max-width: 50em;
    }

.object-response-box-body .divCommentResponseRelative {
    -moz-border-radius: 0 0 3px 3px;
    -webkit-border-radius: 0 0 3px 3px;
    border-radius: 0 0 0px 3px;
}

#replyEmailDialog .commentResponse .divCommentResponseRelative.divCommentResponseEmail {
    max-width: 100%;
    border-right: 0;
    border-left: 0;
    height: 100%;
}

.divObjectReplyOptions {
    clear: both;
    max-width: 50em;
    padding: 0.2em 0;
    border-top: none !important;
    width: calc(100% - 2px);
    border-right: 1px solid;
    border-left: 1px solid;
}

.load-more-divUserImage {
    top: 0.2em;
}

.load-more-username {
    top: 0.5em;
    position: relative;
}

#loadMoreUL {
    max-height: 500px;
    overflow: auto;
}

    #loadMoreUL .info {
        top: -0.5em;
        position: relative;
    }

    #loadMoreUL .secondery-info {
        top: 1em !important;
        position: relative;
    }

    #loadMoreUL li:hover {
        background-color: #f1f1f1;
        cursor: pointer;
    }

    #loadMoreUL .divUserImage {
        position: relative;
        display: inline-block;
        min-width: 2em;
        min-height: 2em;
    }

    #loadMoreUL a {
        display: flex;
        width: 100%;
        align-items: center;
    }

    #loadMoreUL .divUserImage .divModuleImage .module_icon {
        top: 0;
    }

.childActionsPicker {
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    cursor: pointer;
    visibility: hidden;
}

.divChildTextWrapper {
    position: relative;
}

.divBelongsResponsesToMe span.smallText,
.divSuggestToKnowledgeBase span.smallText {
    padding: 0 0.5em;
}

.sendMessage {
    padding: 0;
    margin: 0;
    outline: 0;
    border: 0;
    background-color: transparent;
    padding: .5em;
    display: inline-block;
}

.mce-content-body [data-mce-selected=inline-boundary] {
    background-color: inherit !important;
}

.tox-tinymce--toolbar-sticky-off {
    display: none !important;
}


.mce-btn .icon-add-image:before {
    font-size: 1.25em;
}

.response-box-footer {
    position: relative;
    padding: 0.5em;
    width: calc(100% - 1em - 2px);
    height: 1.5em;
}

    .response-box-footer .response-box-footer-layout-part.inline-block,
    .response-box-footer .reply-to-action-control.inline-block {
        position: relative;
        vertical-align: top;
    }

    .response-box-footer .response-box-footer-layout-start {
        width: calc(100% - 9em);
    }

        .response-box-footer .response-box-footer-layout-start > .inline-block {
            position: relative;
            vertical-align: middle;
        }

        .response-box-footer .response-box-footer-layout-start .addContentFromSourceBtn {
            padding-top: 0.2em;
        }

    .response-box-footer .response-box-footer-layout-end {
        width: 9em;
        top: -7px;
        position: relative;
    }

    .response-box-footer .reply-to-action-text-editor-button {
        position: relative;
        padding-top: 0.1em;
    }

        .response-box-footer .reply-to-action-text-editor-button span {
            padding: 0.3em;
            border-radius: 2em;
            text-decoration: underline;
            width: 1.25em;
            height: 1.25em;
            display: block;
            line-height: 1.25;
            text-align: center;
        }

    .response-box-footer .reply-to-action-options-button {
        padding: 0.3em 0.3em;
        cursor: pointer;
    }

.email-response-box .email-response-box-textarea {
    position: relative;
    width: 100%;
    /* fix disappearing border ui issue*/
}

.email-response-box.trimming-content .email-response-box-textarea {
    padding-bottom: 1.8em;
}

.replyEmailDialog .tox-toolbar,
.email-response-box .email-response-box-textarea .tox-toolbar {
    border-top: 0 !important;
}

.tox[dir=rtl] .tox-toolbar__group:not(:last-of-type),
.tox[dir=ltr] .tox-toolbar__group:not(:last-of-type) {
    border: 0 !important;
}

.email-response-box .email-response-box-trimmed-content-button {
    display: none;
    position: absolute;
    width: 1.86em;
    height: 0.75em;
    bottom: 0.5em;
    border-radius: 1em;
    cursor: text;
}

.email-response-box.trimming-content .email-response-box-trimmed-content-button {
    display: block;
}

.email-response-box .show-trimmed-content-button {
    position: absolute;
    top: -0.75em;
    text-align: center;
    font-size: 1.5em;
}

.email-response-box .tox-editor-header {
    display: none !important;
    /*override tinymce, add display none to prevent jumping tinymce on onit*/
    position: relative;
    padding: 0em 0.8em !important;
    border-radius: 3em;
    margin-left: 0.5em;
    margin-right: 0.5em;
    -webkit-box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.2) !important;
    -moz-box-shadow: 0 0px 0px 4px 0px rgba(0, 0, 0, 0.2) !important;
    box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.2) !important;
    background-color: #fff;
}

.email-response-box .tox-toolbar {
    background: none !important;
}


.email-response-box .tox .tox-tbtn {
    height: 26px !important
}


.email-response-box.showing-toolbar .tox-editor-header {
    display: inline-block !important;
}

.email-response-box.showing-toolbar .tox .tox-edit-area__iframe {
    position: relative;
}


.divCommentResponseRelative .tox-sidebar-wrap {
    height: auto;
}

.object-response-box-body .tox-editor-header {
    position: absolute;
    bottom: 0.2em;
}

.divCommentResponseRelative .tox-tinymce {
    height: initial !important;
    border: 0;
    min-height: 70px;
}

.divCommentResponseRelative .tox .tox-edit-area__iframe {
    position: relative;
}

.divCommentResponseRelative .tox-editor-header {
    display: none;
}

.tox-shadowhost.tox-fullscreen, .tox.tox-tinymce.tox-fullscreen {
    position: static !important;
    max-width: 100% !important;
    border: 1px solid #ccc !important;
}



.reply-to-actions .replyto-attachments,
.remark-actions .replyto-attachments,
.ask-ai-actions .replyto-attachments {
    display: inline-block;
    float: none !important;
    max-width: 75%;
    overflow-x: auto;
    white-space: nowrap;
    vertical-align: top;
}

    .remark-actions .replyto-attachments .divUploadedFile,
    .divCommentResponseEmail .replyto-attachments .divUploadedFile {
        float: none !important;
        display: inline-block;
    }

.divCommentResponseEmail .reply-to-actions {
    width: auto;
    width: initial;
}

.knowledge-suggestions {
    display: inline-block;
    white-space: nowrap;
    font-size: .7em;
}

    .knowledge-suggestions a {
        padding: 0.3em 0.5em;
        border-radius: 2em;
        margin: 0 .5em;
    }

    .knowledge-suggestions ::-webkit-scrollbar {
        height: 0.6em;
    }

#multiReplyWaTemplateWrapper {
    max-height: 13em;
    overflow-y: auto;
    overflow-x: hidden;
}


[id^="sendMessageBtns_"],
.saveRemark,
.askAI {
    font-size: 0.8em;
    border: 1px solid;
    border-radius: 0.5em;
}

.saveRemark,
.askAI {
    padding: 0.5em;
    position: relative;
    top: -7px;
}

.divCommentResponseRelative .sendChangeStatus {
    padding: .5em .2em;
    display: inline-block;
    position: relative;
    top: 0.1em;
}

#send-wa-template-dialog .sendChangeStatus {
    padding: 0 0.3em;
}

.divCommentResponseRelative .emoji-picker {
    float: none !important;
}

div[id^="activeMsg"] .emoji-picker,
div[id^="unactiveMsg"] .emoji-picker {
    top: inherit;
}

.modalOpen .commentResponse .divCommentResponseRelative .divUserImage {
    padding: 0;
    margin: 0;
    width: 3.3em;
    padding-top: 0.5em !important;
}

.divCommentResponseEmail .divRecipientsBeforeEdit {
    padding: 0.5em 1em 0 1em;
}

    .divCommentResponseEmail .divRecipientsBeforeEdit a {
        cursor: pointer;
    }

.divCommentResponseEmail .ajaxLoader {
    cursor: pointer;
    position: absolute;
}

.divCommentResponseEmail .replyto-attachments,
.reamarks_editor_container .replyto-attachments,
.ask_ai_editor_container .replyto-attachments {
    white-space: nowrap;
    max-width: 80%;
    overflow-x: auto;
    font-size: 0.8em;
}


.divWrapperInputsFields {
    padding: 0 1em;
}

    .divWrapperInputsFields .email-input-field {
        position: relative;
    }

    .divWrapperInputsFields input[type='text'] {
        border-bottom: 0px !important;
        padding-left: 0.4em;
        padding-right: 0.4em;
    }

    .divWrapperInputsFields [data-field="cc"],
    .divWrapperInputsFields [data-field="bcc"],
    .divWrapperInputsFields [data-field="subject"] {
        display: none;
        position: relative;
    }

.commentResponse .divCommentResponseAbsolute {
    position: absolute;
    bottom: 0;
    width: 20em;
}

.commentResponse .divCommentCharCount {
    position: absolute;
    margin-bottom: 0.25em;
}

    .commentResponse .divCommentCharCount .spnCharCount {
        font-size: 0.9em;
    }

.commentResponse .divCommentResponse {
    width: 500px;
}

.commentResponse .divUserImage {
    padding-top: 0.7em;
}

.commentResponse:not(.replyToChild) .tbChild {
    background-color: transparent;
    border-top: 0 !important;
    border-bottom: 0 !important;
}

.exposeModal .commentResponse.objectChild {
    overflow: auto;
}


.tbChild,
.remarks_editor,
.ask_ai_editor {
    overflow: auto;
    vertical-align: middle;
    width: calc(100% - 4em);
    word-wrap: break-word;
    min-height: 3.5em;
    padding-top: 0.5em !important;
    padding-bottom: 0.5em !important;
    max-height: 35em;
    outline: none;
}

    .tbChild p {
        margin: 0;
    }

.mentioned_agent_link {
    text-decoration: underline;
}

.mce-floatpanel {
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
    background-color: #fff !important;
}

.tbChildMail {
    margin-top: 10px;
    margin-bottom: 10px;
    /*height: 28em;*/
    overflow: auto;
}

.tbChildA {
    position: relative;
}

.usersPopUP {
    clear: both;
    text-decoration: none;
    width: auto;
    min-width: 180px;
}

.userContent {
    font-size: 1em;
}

.head {
    margin-top: 10px;
    margin-right: 5px;
}

#divNewEmail {
    display: none;
    clear: both;
}

    #divNewEmail .divMailAddress {
        clear: both;
        min-height: 2.5em;
        margin-top: 0.5em;
    }

        #divNewEmail .divMailAddress:first-child {
            margin-top: 0px;
        }

.divMailAddressText {
    padding-top: 6px;
    font-weight: bold;
    clear: both;
}

.divMailValidationMsg {
    clear: both;
}

#divMailFileupload {
    padding-top: 6px;
    width: 100%;
}

    #divMailFileupload .divUploadedFiles {
        max-width: calc(100% - 10em);
    }

        #divMailFileupload .divUploadedFiles .divUploadedFile {
            top: -0.2em;
            font-size: 0.9em;
        }

    #divMailFileupload #hiddenAttachmentsList_divMailFileupload {
        padding: 0 0.5em;
        top: -0.15em;
        position: relative;
    }

    #divMailFileupload .ajaxLoaderUploadFile {
        width: 2em;
        height: 2em;
        margin-top: -4px !important;
    }

.divObjectReply {
    clear: both;
    height: 25px;
}

#divObjectsWrapper {
    position: absolute;
    width: 29%;
    height: 100%;
    top: 0;
    clear: both;
    overflow-x: hidden;
    overflow-y: overlay;
}

#divObjectsRoot {
    position: relative;
}

#divExpandedObjectsWrapper {
    width: calc(71% - 2px);
    height: 100%;
    position: absolute;
    overflow: hidden;
    top: 0;
    border-width: 0 1px 0 1px;
    border-style: solid;
}

body.userHistoryMode #divExpandedObjectsWrapper {
    width: calc(49% - 2px);
}

#toggleUserInfo {
    position: absolute;
    top: 6.5em;
    cursor: pointer;
    z-index: 999;
    width: 1.5em;
    height: 1.5em;
    text-align: center;
    border-radius: 50%;
    display: none;
    border-width: 1px;
    border-style: solid;
}

    #toggleUserInfo span {
        line-height: 1.5em;
    }

body.userHistoryMode #toggleUserInfo,
body.pinnedObjectTabFocus #toggleUserInfo {
    display: block;
}

body.userCardCollapsed #divExpandedObjectsWrapper {
    width: calc(71% - 2px) !important;
}

body.userCardCollapsed.pinnedObjectTabFocus #divExpandedObjectsWrapper {
    width: calc(100% - 2px) !important;
}

#divUserHistoryWrapper {
    width: 25%;
    height: 100%;
    position: absolute;
    left: 0%;
    overflow: auto;
    top: 0;
    background-color: red;
    display: none;
}

.modalOpen #divObjectsWrapper {
    position: relative;
    top: 3.5em;
}

#divObjectsRoot {
    display: none;
}

    #divObjectsRoot .divObjectMessage .childOption {
        margin: 0;
        padding: 0.3em 0.8em;
    }

    #divObjectsRoot .divObjectMessage .button {
        margin: 0;
        padding: 0;
    }

.spnUserInfoUserName {
    top: 1.70em;
    position: relative;
}

#divUserInfo input.button.theme_color:hover {
    font-weight: bold;
}

#divOptoutRestrictionContainer .byAutoComplete .ui-autocomplete {
    right: 0 !important;
    left: 0 !important;
}

.customerInfoSectionSideSpacer {
    padding-right: 1em;
    padding-left: 1em;
}

.customerInfoSectionUpDownSpacer {
    padding-top: 1em;
    padding-bottom: 1em;
}

#divBtnUserInfoSave {
    display: none;
    position: absolute;
    padding-top: 1.9em;
    z-index: 999;
}

    #divBtnUserInfoSave input {
        font-size: 0.8em;
    }

body.pinnedObjectTabFocus #divObjectsWrapper {
    display: none !important;
}

body.pinnedObjectTabFocus #divExpandedObjectsWrapper {
    width: calc(78% - 2px) !important;
}

#divUserInfo h4 {
    padding-top: 1em;
    margin-bottom: 0.9em;
}

#divUserInfo .quickObjectPanel {
    height: 3.3em;
    margin-top: 1em;
}

#divUserInfo .divUserImage {
    padding-top: 0 !important;
    min-width: initial;
    min-height: initial;
}

#divUserInfo .associatedTags {
    min-height: inherit !important;
}

#divUserInfo #userTags {
    font-size: 0.8em;
    width: 100%;
}

#divUserInfo #objectExternalCustomersDiv {
    font-size: 0.8em;
    padding-bottom: 1em;
    padding-top: 0.5em;
    width: 100%;
}

#divUserInfo.selectedObjectsActionPanelSpacer {
    height: calc(100% - 6.2em) !important;
}

#divUserInfo #recipientsList {
    padding-top: 1em;
}

    #divUserInfo #recipientsList h4 {
        display: flex;
        align-items: center;
        padding-top: 0;
    }

        #divUserInfo #recipientsList h4 span[class^=icon] {
            font-size: 16px;
            color: #aaa;
        }

    #divUserInfo #recipientsList ul > li {
        font-size: 0.857em;
        cursor: pointer;
    }

        #divUserInfo #recipientsList ul > li:not(:last-child) {
            margin-bottom: 0.65em;
        }

        #divUserInfo #recipientsList ul > li.active-user-data {
            font-weight: bold;
        }

.recipients-tooltip-item > * {
    display: inline-block;
}

.recipients-tooltip-item label {
    width: 40px;
    vertical-align: top;
}

.recipients-tooltip-item ul > li {
    display: block;
    line-height: 1.25;
    direction: ltr;
}

.infoPanel {
    border-radius: 0.5em;
    padding: 1em;
    font-weight: bold;
    width: calc(97% - 1em);
    overflow: auto;
    margin: 1em auto;
    display: none;
}

    .infoPanel span {
        font-size: 1.4em;
    }

.divIdentities {
    margin-bottom: 10px;
    width: 100%;
    padding-top: 5px;
}

    .divIdentities .divMergeUserName {
        cursor: pointer;
        line-height: 1;
    }

    .divIdentities .divUserIdentitiesMerge {
        padding-top: 0.5em;
        width: 100%;
        clear: both;
    }

        .divIdentities .divUserIdentitiesMerge div {
            height: 1.5em;
            padding-left: 1em;
            padding-right: 1em;
        }

.divIdentity {
    width: 100%;
    position: relative;
    padding-top: 1em;
    margin-bottom: .5em;
}

    .divIdentity.similar_identities_user_image .objectUserName {
        padding-top: 0.5em;
    }

    .divIdentity.similar_identities_user_image .divUserImage {
        height: 2em;
        width: 2em;
    }


.divManagerAffinities {
    width: 100%;
    padding-bottom: 0.5em;
    min-height: 1.3em;
    position: relative;
    cursor: pointer;
}

    .divManagerAffinities .chkTooltip {
        padding: 0.1em 0.5em;
    }

.divIdentityButtonsWrapper {
    width: 100%;
    padding: 0em 0.5em 0.5em 0.5em;
}

.divIdentityButton {
    position: relative;
    top: 0.45em;
}

.divReturnFromUserInfoStrip {
    position: absolute;
    top: 1em;
    cursor: pointer;
    font-size: 0.8em;
}

.fb_reaction_icon {
    top: -0.05em;
    position: relative;
}

.stripSearch {
    height: 1.5em;
    width: calc(100% - 5em);
    padding-left: 0.5em;
    padding-right: 0.5em;
    border: 0px;
    padding-top: 0.2em !important;
    padding-bottom: 0.2em !important;
    margin: 0 0.2em 0.2em 0.2em;
}

#txtSearchInput {
    border: 0px !important;
    width: calc(100% - 6em);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.divUserImage .imgUserSmall {
    text-align: center;
    width: 2.2em !important;
    height: 2.2em !important;
    border: 1px solid #f1f1f1;
}

#loadMoreUL a .divUserImage .divModuleImage {
    border: 1px solid #CCCCCC !important;
    background-color: #CCCCCC !important;
}

.search-item-top-border {
    border-top: 1px solid;
    margin: 0 auto !important;
    padding-top: 2% !important;
    height: 1.7em !important;
}

/*#region tags*/
.tagFilterRangeWrapper {
    padding: 1em 2.5em;
}

.tagsSelectorTitle {
    padding-left: 1em;
    padding-right: 1em;
    padding-top: 1em;
    padding-bottom: 0.5em;
    border-bottom: 1px dashed;
}

.tagsSearchPanel {
    border-bottom: 1px solid;
}

    .tagsSearchPanel input {
        border: 0px !important;
    }

    .tagsSearchPanel span {
        top: 0.6em;
        position: relative;
    }

.associatedTags {
    min-width: 23em;
    min-height: 8em;
    clear: both;
    padding: 1em;
}

.spanChildActionsReaction {
    position: relative;
    bottom: 0.1em;
    border: 1px solid #EFEFEF;
    border-radius: 12px;
    background: #BABABA;
}

.popupTagsList {
    padding: 0.3em 1em 1em 1em;
    max-height: 14.2em;
    min-width: calc(100% - 2em);
    overflow: hidden;
}

.filteredTags {
    padding-left: 0.8em;
    padding-right: 0.8em;
}

.dialog-overall {
    z-index: 1002 !important;
}

.popupTagsList .txtSearchTags {
    width: calc(100% - 2em);
    border: 0;
    margin-bottom: 1em;
}

    .popupTagsList .txtSearchTags::-ms-clear {
        display: none;
    }

.popupTagsList span.spnSerachTagsIcon {
    cursor: default;
    position: absolute;
    top: 1em;
}

#studioActionTagsDialog .associatedTags,
#objectTagsFilterDialog .associatedTags {
    min-width: auto;
    /*  ie support for initial */
    min-height: auto;
    /*  ie support for initial */
    min-width: initial;
    min-height: initial;
}

/*#endregion*/


#settingsIcon {
    position: relative;
    cursor: pointer;
}

.formPanel {
    display: inline-block;
    padding: 1.5em;
    margin-top: 1em;
    margin-bottom: 1em;
    clear: both;
}

.formLabel {
    font-size: 0.9em;
}

.extandTextDiv {
    max-height: fit-content !important;
}

.fontTextBeforeCut:not(.disableTextCut),
.fontTextBeforeCut .parentChildQuote + .childMessage {
    overflow: hidden;
    max-height: 6em;
    transition: .1s;
}

.clsDataEntryObj {
    clear: both;
}

.fontTextBeforeCut a,
.attachment_frame a {
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    max-width: calc(100% - 1em);
    display: inline-block;
    direction: ltr;
    text-decoration: underline;
    padding-left: 0.5em;
    padding-right: 0.5em;
}

.attachment_frame a {
    white-space: nowrap;
}

#popUpDivGiphy {
    box-shadow: 4px 6px 4px rgba(0, 0, 0, 0.25);
}

#giphyWrapper, #giphyCategories_wrapper {
    box-shadow: 0px 2px 2px rgb(70 70 70 / 15%);
}

.divObjectText .attachment_frame {
    display: none;
}

.hrefMore,
.hrefLess {
    font-style: italic;
    text-transform: capitalize;
    padding: .5em .2em 0 .2em;
    font-size: 0.85em;
}


/*** Drop Down Menu ***/

.menuBar {
    list-style: none;
}


    /* make the LI display inline */


    /* it's position relative so that position absolute */


    /* can be used in submenu */

    .menuBar li {
        display: block;
        z-index: 500;
        white-space: nowrap;
        line-height: 1.3;
        clear: both;
    }


        /* this is the parent menu */

        .menuBar li a {
            display: block;
            text-decoration: none;
            cursor: pointer;
            width: 100%;
        }

.headerSearchPanel {
    padding-top: 1.5em;
    padding-bottom: 1em;
    padding-left: 1.5em;
    padding-right: 1.5em;
}

    .headerSearchPanel .icon-search {
        cursor: pointer;
        display: inline-block;
        position: relative;
        top: 0.1em;
    }

#iconsDiv {
    top: 0.5em;
    position: relative;
}

.headerSearchPanel #divInputSearch {
    width: 100%;
    z-index: 9999999999999999;
    border-radius: 3px;
}

.headerSearchPanel #closeSearch {
    cursor: pointer;
    display: none;
}


/*Tabs*/

.BY_badge {
    border-width: 1px;
    border-style: solid;
    border-radius: 50%;
    display: inline-block;
    padding: 0 .5em;
    font-weight: bold;
    font-size: 12px;
    transition: all .5s ease-in-out;
}

    .BY_badge:before {
        content: attr(data-tabs);
    }

.blinking {
    -webkit-animation: blinking 1s infinite;
    /* Safari 4+ */
    -moz-animation: blinking 1s infinite;
    /* Fx 5+ */
    -o-animation: blinking 1s infinite;
    /* Opera 12+ */
    animation: blinking 1s infinite;
    /* IE 10+, Fx 29+ */
}

    .blinking a {
        -webkit-animation: blinking 1s infinite;
        /* Safari 4+ */
        -moz-animation: blinking 1s infinite;
        /* Fx 5+ */
        -o-animation: blinking 1s infinite;
        /* Opera 12+ */
        animation: blinking 1s infinite;
        /* IE 10+, Fx 29+ */
    }

.textBlink a {
    -webkit-animation: blinkText 3s linear infinite;
    /* Safari 4+ */
    -moz-animation: blinkText 3s linear infinite;
    /* Fx 5+ */
    -o-animation: blinkText 3s linear infinite;
    /* Opera 12+ */
    animation: blinkText 3s linear infinite;
    /* IE 10+, Fx 29+ */
}

@keyframes animationFontSize {
    0% {
        font-size: 1em;
        font-weight: normal;
    }

    10% {
        font-size: 1.05em;
        font-weight: bold;
    }

    35% {
        font-size: 1em;
        font-weight: normal;
    }

    100% {
        font-size: 1em;
        font-weight: normal;
    }
}

.BY_scaleBadge {
    transform: scale(1.3);
}

.display-table {
    display: table !important;
}

.display-block {
    display: block !important;
}

#tabsList {
    position: relative;
    width: 3em;
    vertical-align: top;
    top: 1.2em;
}

    #tabsList .BY_badge {
        border-radius: 2em;
    }

    #tabsList > span {
        display: table-cell;
        vertical-align: middle;
    }

#tabsListInner {
    position: absolute;
    display: none;
    overflow: auto;
    top: 3em;
    border-radius:0.4em;
    min-width: 19em;
    max-height: calc(80vh - 5em);
    overflow: auto;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
}

    #tabsListInner .tabButton {
        width: 100%;
        position: relative;
        clear: both;
        overflow: auto;
        cursor: pointer;
        padding: 0.75em 0.75em 0 0.75em;
        transition: all 0.2s ease-in-out;
        box-sizing: border-box;
    }

#tabsList #tabsListInner .tabIcon {
    padding-top: 0.05em;
}

#tabsListInner img {
    width: 1.5em;
    border-radius: 5px;
}

#tabsListInner .divCloseTab {
    padding: 0 0.7em;
    font-size: 0.8em;
    cursor: pointer;
    position: absolute;
}

#tabsList #tabsListInner .divTabTitle {
    display: inline-block;
    max-width: 15em;
    overflow: hidden;
    text-overflow: ellipsis;
}

.inbox-main-tab-wrapper {
    display: inline-block;
    position: relative;
    width: 29%;
    height: 100%;
    vertical-align: top;
}

    .inbox-main-tab-wrapper .tab-separator {
        display: none;
    }

    .inbox-main-tab-wrapper .inbox-main-tab-layout {
        position: relative;
        height: 100%;
        display: table;
        width: 100%;
    }

        .inbox-main-tab-wrapper .inbox-main-tab-layout .inline-block {
            vertical-align: top;
        }

        .inbox-main-tab-wrapper .inbox-main-tab-layout .inbox-main-tab-layout-part {
            position: relative;
            height: 100%;
            display: table-cell;
            width: 100%;
        }

.cls_userSearchTab .inbox-main-tab-wrapper .inbox-main-tab-layout .inbox-main-tab-layout-start,
.cls_managerSearchTab .inbox-main-tab-wrapper .inbox-main-tab-layout .inbox-main-tab-layout-start {
    width: calc(60% - 1.7em);
}

.inbox-main-tab-wrapper .inbox-main-tab-layout .inbox-main-tab-view-menu-button-wrapper {
    position: relative;
    padding-top: 1.2em;
    display: table-cell;
}

.cls_userSearchTab .inbox-main-tab-wrapper .inbox-main-tab-layout .inbox-main-tab-view-menu-button-wrapper,
.cls_managerSearchTab .inbox-main-tab-wrapper .inbox-main-tab-layout .inbox-main-tab-view-menu-button-wrapper {
    display: none;
}

.inbox-main-tab-wrapper .inbox-main-tab-layout .inbox-main-tab-name-and-number {
    display: table-cell;
}

.cls_userSearchTab .inbox-main-tab-wrapper .inbox-main-tab-layout .inbox-main-tab-name-and-number,
.cls_managerSearchTab .inbox-main-tab-wrapper .inbox-main-tab-layout .inbox-main-tab-name-and-number {
    max-width: 100%;
}

.inbox-main-tab-wrapper .inbox-main-tab-layout .inbox-main-tab-button {
    position: relative;
    height: 100%;
    padding: 1em 0.5em 0.15em 0.5em;
    vertical-align: top;
    cursor: pointer;
}

.inbox-main-tab-wrapper .inbox-main-tab-layout .inbox-main-tab-back-button {
    display: none;
    position: relative;
    top: 0;
    font-size: 1.7em;
    line-height: 0.75;
}

.cls_userSearchTab .inbox-main-tab-wrapper .inbox-main-tab-layout .inbox-main-tab-back-button,
.cls_managerSearchTab .inbox-main-tab-wrapper .inbox-main-tab-layout .inbox-main-tab-back-button {
    display: inline;
}

.inbox-main-tab-wrapper .inbox-main-tab-layout .tabIcon {
    position: relative;
}

.inbox-main-tab-wrapper .inbox-main-tab-layout .main-tab-title {
    max-width: 18.2em;
    font-weight: 300;
    margin-top: -0.1em;
    display: flex;
    bottom: 0.3em;
}

.inbox-main-tab-wrapper.counter-hidden .main-tab-title {
    max-width: 22em;
}

.inbox-main-tab-wrapper .inbox-main-tab-layout .inbox-main-tab-count-objects-wrapper {
    position: relative;
    top: unset;
    width: auto;
    bottom: 0.5em;
}

.inbox-main-tab-wrapper.showing-count-objects .inbox-main-tab-layout .inbox-main-tab-count-objects-wrapper {
    display: inline-block;
    margin-top: -1px;
}

.inbox-main-tab-wrapper .inbox-main-tab-layout .inbox-main-tab-count-objects {
    display: block;
    font-size: 0.9em;
    min-width: 1.25em;
    margin: 0;
    padding: 0 0.5em;
    font-size: 0.8em;
    top: 0em;
}

.inbox-main-tab-wrapper .inbox-main-tab-layout .inbox-main-tab-layout-end {
    display: table-cell;
}

.inbox-main-tab-wrapper .inbox-main-tab-layout .inbox-main-tab-indicators,
.inbox-main-tab-wrapper .inbox-main-tab-layout .inbox-main-tab-sorting {
    display: none;
}

.inbox-main-tab-selected.inbox-main-tab-wrapper .inbox-main-tab-indicators,
.inbox-main-tab-selected.inbox-main-tab-wrapper .inbox-main-tab-sorting {
    display: inline-block;
    padding: 1.4em 0.3em 0em;
    vertical-align: top;
}

.inbox-main-tab-selected.inbox-main-tab-wrapper .inbox-main-tab-sorting {
    padding-top: 0;
    bottom: 0.25em;
    position: relative;
}

    .inbox-main-tab-selected.inbox-main-tab-wrapper .inbox-main-tab-sorting .inbox-main-tab-sort-button {
        font-size: 1.2em;
    }

.inbox-main-tab-wrapper .inbox-main-tab-indicators .divStream {
    max-width: 3.6em;
}

#launcherSettingLogo .settingColumn,
#launcherSettingIcon .settingColumn {
    display: inline-block;
    padding: 0;
    float: none !important;
    min-height: inherit;
    min-width: inherit;
}

.ownershipTitle {
    padding-top: 1.2em !important;
    min-width: 31.5em !important;
}

#tabsButtonsWrapper {
    display: inline-block;
    position: relative;
    height: 100%;
    width: calc(100% - 29% - 25em);
    vertical-align: top;
    white-space: nowrap;
}
.multiplemTabsmAlert {
    display: inline-block;
    width: 13%;
    font-size: 0.65em;
    color: red;
    padding-top: 0.6em;
}
.closeAllTabs {
    border-bottom: 1px solid lightgray;
    padding: 0.85em 0.75em 0.75em 0.75em;
    cursor: pointer;
}

#tabsButtonsWrapper .tab-separator {
    height: 1.714em;
}

    .setting-tabs,
    #tabsButtonsWrapper .tabButton,
    .custom-Tab {
        display: inline-block;
        position: relative;
        text-transform: capitalize;
        border-width: 0 0 3px 0;
        border-style: solid;
        border-color: transparent;
        white-space: normal;
        cursor: pointer;
        border-radius: 0.3em 0.3em 0em 0em;
    }

    #tabsButtonsWrapper .tabButton, .custom-Tab {
        font-weight: 300;
        transition: all 0.5s ease;
    }

    #tabsButtonsWrapper .tabButton {
        width: 12em;
        height: calc(100% - 1em - 2px);
        padding-top: calc(1em - 2px);
        text-align: center;
    }

        #tabsButtonsWrapper .tabButton:hover .divCloseTab {
            visibility: visible;
        }

        #tabsButtonsWrapper .tabButton:hover .tabIcon {
            visibility: visible;
        }

.inbox-main-tab-wrapper .tab-label {
    position: relative;
    padding-top: 0.25em;
}

#tabsButtonsWrapper .tab-label {
    padding-top: 0.25em;
    text-align: center;
    width: calc(100% - 1em - 2px);
}

#tabsButtonsWrapper .tabIcon {
    display: inline;
}

.cls_dashboardDisplayTab #tabsButtonsWrapper .tabIcon {
    display: inline;
    visibility: hidden;
}

.inbox-main-tab-wrapper .divTabTitle,
#tabsButtonsWrapper .divTabTitle {
    min-height: 1.9em;
    color: inherit;
    overflow: hidden;
    text-overflow: ellipsis;
}

#filtersNameIndicatorLabel {
    vertical-align: top;
    display: inline-block;
    max-width: 12em;
}

.commaSeperatorFilter {
    padding: 0 0.5em;
}

.inbox-main-tab-wrapper.counter-hidden .divTabTitle {
    max-width: 12em
}

.inbox-main-tab-wrapper.counter-hidden #filtersNameIndicatorLabel {
    max-width: 10em;
}

.inbox-main-tab-wrapper .divTabTitle {
    display: inline-block;
    vertical-align: top;
    min-height: unset;
}

#tabsButtonsWrapper .divTabTitle {
    display: inline-block;
    max-width: 9em;
    vertical-align: middle;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-top: 0.25em;
}

#tabsButtonsWrapper .tabImg {
    width: 1.4em;
    border-radius: 3px;
}

.divObjectTypeIcon {
    position: absolute;
    top: 0.2em;
}

    .divObjectTypeIcon .userConverssationStatus {
        width: 0.8em;
        top: 0.9em;
    }

#tabsButtonsWrapper .divObjectTypeIcon .userConverssationStatus {
    width: 1.2em;
    position: relative;
    top: 0;
    right: auto;
    left: auto;
    padding: 0;
}

#tabsButtonsWrapper .tabIcon {
    vertical-align: top;
}

    .inbox-main-tab-wrapper .tabIcon span,
    #tabsButtonsWrapper .tabIcon span,
    #tabsButtonsWrapper .tabIcon a {
        position: relative;
        top: 0.15em;
        vertical-align: top;
    }

    #tabsButtonsWrapper .tabIcon span {
        top: 0.3em;
    }

#tabsButtonsWrapper .divCloseTab {
    visibility: hidden;
    position: absolute;
    cursor: pointer;
    top: 1.1em;
}

#tabsButtonsWrapper .tabButton.tabHidden,
#tabsListInner .tabButton.tabHidden {
    display: none !important;
    visibility: hidden !important;
}

.divAttachmentsLinks {
    width: 100%;
    margin-bottom: 1.1em;
    font-size: 0.8em;
    direction: ltr;
}

.divObjectWrapper .divAttachmentsLinks {
    display: none;
}

.attachments-text {
    max-width: 12em;
    display: inline-block;
    overflow: hidden;
    direction: rtl;
    white-space: nowrap;
    text-overflow: ellipsis;
    vertical-align: text-bottom;
}

#manageHeader .subHeader {
    width: calc(100% - 27em);
}

#divTabs {
    height: 100%;
}

.mobileResolusion #divTabs {
    height: 100%;
    position: relative;
    z-index: 1000;
}

.userTopName {
    height: 2em;
    position: relative;
}

    .userTopName h1 {
        display: inline-block;
        margin: 0;
        max-width: 85%;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

.userInfoTop {
    display: none;
}

#divUserInfoContainer .user_info_padd_row {
    padding: 0.25em 0;
}

.userInfoTop .userInfoTopWrapper .objectActionWrapper {
    position: absolute;
    top: 1.2em;
}

.userInfoTop .userInfoTopWrapper .object-assignment-wrapper {
    position: relative;
    top: 0.9em;
    text-align: center;
}

.userInfoTop .userInfoTopWrapper .object-status-wrapper {
    position: absolute;
    width: 100%;
    bottom: 0em;
    text-align: center;
    white-space: nowrap;
}

    .userInfoTop .userInfoTopWrapper .object-status-wrapper .object-status-field {
        width: auto;
    }

.userInfoTop .userInfoWrapper {
    position: relative;
}

.userInfoTop .userInfoTopWrapper {
    position: relative;
    height: 100%;
}

    .userInfoTop .userInfoTopWrapper .user-info-layout-start,
    .userInfoTop .userInfoTopWrapper .user-info-layout-center,
    .userInfoTop .userInfoTopWrapper .user-info-layout-end {
        position: relative;
        height: 100%;
        vertical-align: top;
    }

#object-info-top-tags {
    position: absolute;
    bottom: 0;
    font-size: 0.8em;
    height: 3.5em;
    overflow-y: auto;
    overflow-x: auto;
    width: 100%;
}

    #object-info-top-tags .tag {
        padding: 0.4em;
        top: 0.5em;
    }

        #object-info-top-tags .tag.childMarker .cb-remove-icon,
        .renderedTags:not(.childMarkers) .tag.childMarker .cb-remove-icon,
        .existTags:not(.childMarkers) .tag.childMarker .cb-remove-icon {
            display: none;
        }

.userInfoTop .userInfoTopWrapper .user-info-layout-start {
    width: 35%;
}

    .userInfoTop .userInfoTopWrapper .user-info-layout-start > .inline-block {
        vertical-align: top;
    }

    .userInfoTop .userInfoTopWrapper .user-info-layout-start .objectActionWrapper {
        position: relative;
        padding: 0 0.5em;
    }

        .userInfoTop .userInfoTopWrapper .user-info-layout-start .objectActionWrapper .userTopObjectActions {
            margin: 0em;
        }

    .userInfoTop .userInfoTopWrapper .user-info-layout-start .object-user-image {
        position: relative;
        width: 2.7em;
        padding-top: 0.4em;
        float: none;
    }

        .userInfoTop .userInfoTopWrapper .user-info-layout-start .object-user-image .divObjectTypeIcon {
            top: 0.3em;
        }

        .userInfoTop .userInfoTopWrapper .user-info-layout-start .object-user-image .module_icon {
            float: none;
        }

    .userInfoTop .userInfoTopWrapper .user-info-layout-start .divUserImage .module_icon.inactive-icon {
        display: none;
    }

    .userInfoTop .userInfoTopWrapper .user-info-layout-start .user-name-wrapper {
        width: calc(100% - 7em);
    }

    .userInfoTop .userInfoTopWrapper .user-info-layout-start .user-name-wrapper,
    #divUserInfoContainer {
        padding-top: 0.5em;
    }

.userInfoTop .userInfoTopWrapper .user-info-layout-center {
    width: calc(65% - 10em);
}

    .userInfoTop .userInfoTopWrapper .user-info-layout-center .object-tags-icon {
        padding: 0em 0.25em;
    }

    .userInfoTop .userInfoTopWrapper .user-info-layout-center .objectDraftIcon {
        padding-bottom: 0.2em;
    }

.userInfoTop .userInfoTopWrapper .divVoiceControls {
    top: 2.9em;
}

.userInfoTop .userInfoTopWrapper .user-info-layout-end {
    width: 8.7em;
}

.userInfoTop .divModuleImage {
    position: relative;
    top: 0.55em;
}

.userInfoTop .divEditStream {
    width: 15em;
}

.userInfoTop .userInfoTopWrapper .objectStreamWrapper {
    position: relative;
    top: 0.4em;
}

.userInfoTop .userInfoTopWrapper .divObjectIndicatorsWrapper {
    position: absolute;
    bottom: 0.5em;
    padding: 0 0.5em;
}

.userInfoTop .userInfoTopWrapper .divVoiceControls {
    top: 2.1em;
}

.userInfoTop[data-object-id] {
    display: block;
}

.divObjectIndicatorsWrapper {
    font-size: 0.85em;
}

#divStripOverlay {
    top: 0;
}

#divTabs .pinnedObject .divChild.conversationType {
    clear: both;
    padding: 0 2em;
    margin-top: 1em;
    max-width: calc(100% - 6em);
}

    #divTabs .pinnedObject .divChild.conversationType:last-child {
        margin-bottom: 1em;
    }

    #divTabs .pinnedObject .divChild.conversationType .module_icon {
        position: static;
        top: auto;
    }

    #divTabs .pinnedObject .divChild.conversationType .divChildText {
        padding: 0.5em 1em 0.5em 1em;
        width: auto !important;
        margin: 0 !important;
        position: relative !important;
    }

    #divTabs .pinnedObject .divChild.conversationType .divChildDate {
        width: 100%;
        padding-bottom: 0.2em !important;
        margin: 0 !important;
        overflow: auto;
    }

        #divTabs .pinnedObject .divChild.conversationType .divChildDate .objectUserName .objectUpdatedDate {
            padding: 0 1em;
        }

    #divTabs .pinnedObject .divChild.conversationType.userResponse .divChildText .hrefMore,
    #divTabs .pinnedObject .divChild.conversationType.managerResponse .divChildText .hrefMore,
    #divTabs .pinnedObject .divChild.conversationType.managerResponse .divChildText .hrefLess,
    #divTabs .pinnedObject .divChild.conversationType.userResponse .divChildText .hrefLess {
        color: inherit !important;
    }

#divTabs .pinnedObject .divChild.divTyping.conversationType.userResponse .divChildText {
    min-height: 1.5em;
    min-width: 1.8em;
    padding: 0.5em 1em 0em 1em;
}

#divTabs .pinnedObject .divChilds .divChild:last-child {
    margin-bottom: 1.5em;
}

#divTabs .pinnedObject .objectChild .divCommentResponseEmail {
    /*padding: 0.5em 1em !important;*/
    max-width: inherit;
}

    #divTabs .pinnedObject .objectChild .divCommentResponseEmail .divCommentResponse {
        width: auto !important;
    }

#divTabs .pinnedObject .objectChild .divCommentResponseRelative,
#divTabs .pinnedObject .objectChild .reamarks_editor_container,
#divTabs .pinnedObject .objectChild .ask_ai_editor_container {
    max-width: inherit;
}

#divTabs .pinnedObject .objectChild .divObjectReplyOptions {
    max-width: inherit;
}

#divTabs .pinnedObject .objectChild .divCommentResponseRelative .tbChild,
#divTabs .pinnedObject .objectChild .reamarks_editor_container .remarks_editor,
#divTabs .pinnedObject .objectChild .ask_ai_editor_container .ask_ai_editor,
#replyEmailDialog .remarks_editor,
#replyEmailDialog .ask_ai_editor {
    min-height: 4em !important;
    max-height: 20em;
    width: auto;
}

[data-mode="remark"] > div > div:not(.replyToChild) .divCommentResponseRelative,
[data-mode="remark"] [data-editor="replyto"],
[data-mode="remark"] > div > div:not(.replyToChild) .divSuggestToKnowledgeBaseLast,
[data-mode="remark"] .shortcut-description {
    display: none;
}

[data-mode="reply"] .reamarks_editor_container,
[data-mode="reply"] [data-editor="remark"] {
    display: none;
}

[data-mode="ask-ai"] > div > div:not(.replyToChild) .divCommentResponseRelative,
[data-mode="ask-ai"] [data-editor="replyto"],
[data-mode="ask-ai"] > div > div:not(.replyToChild)
.divSuggestToKnowledgeBaseLast,
[data-mode="ask-ai"] .shortcut-description {
    display: none;
}

[data-mode="reply"] .ask_ai_editor_container,
[data-mode="reply"] [data-editor="ask-ai"] {
    display: none;
}

[data-mode="conv-summary"] > div > div:not(.replyToChild) .divCommentResponseRelative,
[data-mode="conv-summary"] [data-editor="replyto"],
[data-mode="conv-summary"] > div > div:not(.replyToChild) .divSuggestToKnowledgeBaseLast,
[data-mode="conv-summary"] .shortcut-description {
    display: none;
}

.divChilds .commentResponse .object-response-box-header ul.object-response-box-header-part [data-tab="conv-summary"] {
    visibility: hidden;
}

.divChilds[has-conv-summary] .commentResponse .object-response-box-header ul.object-response-box-header-part [data-tab="conv-summary"] {
    visibility: visible;
}

.divChilds .conv_summary_container {
    display: none;
}

.divChilds[data-mode="conv-summary"] .reamarks_editor_container,
.divChilds[data-mode="conv-summary"] .ask_ai_editor_container {
    display: none;
}

.divChilds[data-mode="ask-ai"] .reamarks_editor_container,
.divChilds[data-mode="ask-ai"] .conv_summary_container {
    display: none;
}

.divChilds[data-mode="remark"] .ask_ai_editor_container,
.divChilds[data-mode="remark"] .conv_summary_container {
    display: none;
}

.divChilds[has-conv-summary][data-mode="conv-summary"] .conv_summary_container {
    display: block;
}

.theme_conv_summary,
.conv-summary-activity .log-item-container {
    background-color: #444654 !important;
    border-color: #444654 !important;
    color: #d1d5db !important;
}

.conv-summary-actions {
    color: #7E7E7E !important;
}

.conv_summary_container textarea {
    width: calc(100% - 1em) !important;
}

.reply-to-actions-main-container .icon-AI-On-Icon:before {
    background-color: #8F67CA;
    padding: 0 0.1em;
    border-radius: 3px;
}

#bool--__--aia_activate_automatic_conversation_summary--__--streamId--__--0--__--0--__--59_wrapper {
    display: none !important;
}

.reamarks_editor_container,
.ask_ai_editor_container {
    position: relative;
}

.iframe-email-box-big .divWrapperResponse {
    border-top: 0;
}

.emailQuickActions {
    position: absolute;
    padding: 0 .5em;
    line-height: 1em;
    top: 0.8em;
}

    .emailQuickActions span {
        margin: 0.2em;
    }

        .emailQuickActions span.email-recipient-option {
            display: inline-block;
        }

.object-response-box-header {
    position: relative;
    width: 100%;
    height: 2.4em;
    line-height: 2.5em;
    font-size: inherit;
    box-sizing: border-box;
    cursor: default;
    z-index: 1;
}

body:not(.mobileResolusion) .divWrapperResponse .remark_button {
    display: none;
}

.object_simple_text_reply_action.replyToChild {
    padding-top: 1em;
}

    .object_simple_text_reply_action.replyToChild .response-box-footer .reply-to-action-options-button,
    .object_simple_text_reply_action.replyToChild .object-response-box-header,
    .ui-dialog-content .email-response-box .object-response-box-header {
        display: none;
    }

[data-mode="remark"] .email-response-box .object-response-box-header .email-reply-options,
[data-mode="remark"] .email-response-box .object-response-box-header .response-box-open-in-new-window,
[data-mode="remark"] .email-response-box .object-response-box-header .response-box-resize-button {
    display: none;
}

[data-mode="ask-ai"]
.email-response-box
.object-response-box-header
.email-reply-options,
[data-mode="ask-ai"]
.email-response-box
.object-response-box-header
.response-box-open-in-new-window,
[data-mode="ask-ai"]
.email-response-box
.object-response-box-header
.response-box-resize-button {
    display: none;
}

.object-response-box-header .object-response-box-header-part {
    position: relative;
    height: 100%;
    vertical-align: top;
}

.object-response-box-header .object-response-box-header-start {
    width: 70%;
}


.object-response-box-header ul.object-response-box-header-part li, #divGiphyWrapper .tabButton {
    display: inline-block;
    position: relative;
    height: 100%;
    vertical-align: top;
    padding: 0 .5em;
    cursor: pointer;
    user-select: none;
}

#divGiphyWrapper .tabButton {
    border-bottom-style: solid;
    padding: .5em 3em;
}

ul.objectResponseNav li:after {
    content: '';
    display: block;
    margin: auto;
    height: 3px;
    width: 0px;
    background: transparent;
    transition: width .5s ease, background-color .5s ease;
    top: -5px;
    position: relative;
}

ul.objectResponseNav li.activeTab:after {
    width: 100%;
}

.object-response-box-header ul.object-response-box-header-part .activities-only-warnning {
    cursor: default;
}

.object-response-box-body {
    position: relative;
}

.object-response-box-body .reply-to-actions {
    position: relative;
}

#inboxSortInboxObjectsOptionsMenu .onlyDown .icon-arrow-down2 {
    opacity: 0.6;
}
.menu-checkmark-options .BY_menu_item,
.menu-radiomark-options .BY_menu_item {
    padding: 0.5em 0.7em;
}

    .menu-checkmark-options .BY_menu_item .BY_menu_icon,
    .menu-radiomark-options .BY_menu_item .BY_menu_icon {
        width: 0.75em;
    }

#divTabs .pinnedObject .objectChild .divUserImage {
    width: 4em;
    padding-right: 0;
    padding-left: 0;
    margin-left: 0;
    margin-right: 0;
    text-align: center;
}

#divTabs .pinnedObject .divWrapperChildsScroll {
    height: 99%;
}

#divTabs .pinnedObject .divObjectWrapper:hover {
    border: 0 !important;
}

#divTabs .pinnedObject {
}


/*Tabs*/

#menuUser {
    position: relative;
    padding: 0.5em 1em;
    top: 0.3em;
    z-index: 100000000;
}

    #menuUser .first-name-user {
        max-width: 5em;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        display: inline-block;
        top: 0.35em;
        position: relative;
    }


/* submenu, it's hidden by default */

.menuBar ul {
    display: none;
    margin: 0;
    list-style: none;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    position: absolute;
    clear: both;
    font-weight: normal;
    z-index: 10000;
    width: auto !important;
    -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    border-width: 1px;
    border-style: solid;
}

    .menuBar ul a {
        /* display block will make the link fill the whole area of LI */
        display: block;
        min-height: 15px;
    }



.no-border {
    border: none !important;
}
/*** Auto Complete ***/

.ui-autocomplete {
    z-index: 99999999999;
    overflow-y: auto;
    overflow-x: hidden;
    max-width: 35em;
    padding-left: 2em;
    padding-right: 2em;
    border-radius: 3px;
    box-shadow: 0px 4px 4px rgb(0 0 0 / 25%);
}

.profile-bg {
    background-color: #CCCCCC !important;
}

.ui-autocomplete.no-border {
    box-shadow: 0px 8px 8px rgb(0 0 0 / 30%);
    border: none;
}

.ui-autocomplete.auto_complete_search_email {
    width: auto !important;
    max-height: 30em;
    min-width: 43em;
    max-width: 50em;
    padding-top: 0.5em;
}

.combobox-table {
    overflow: auto;
    max-height: 150px;
    max-width: 150px;
    padding-left: 1em;
    padding-right: 1em;
}

.custom-combobox {
    display: inline-block;
}

.custom-combobox-input {
    width: 80% !important;
}

.combobox-table .ui-menu-item {
    font-size: 12px;
    padding: 0.5em 0 !important;
}

.ui-autocomplete li a {
    margin: 0 !important;
    color: inherit !important;
}

.ui-autocomplete li span.users_group_icon {
    position: absolute;
    top: 0.45em;
}

.ui-autocomplete li span.external_icon_mail {
    position: absolute;
    top: 0.25em;
}

.ui-state-focus .spnSearchAutoComplete {
    font-weight: bold;
}

.assignedManagerId_autocomplete,
.userIdentityId_autocomplete {
    max-height: 15em;
    overflow: auto;
}

.spnSearchAutoComplete,
.spnSearchAutoComplete a {
    display: inline-block;
    vertical-align: middle;
}

.list-user-info {
    font-size: 0.8em;
}

.mainSerachList {
    max-width: none;
}

    .mainSerachList .divUserImage .imgUserSmall {
        margin: 0;
    }

    .mainSerachList .ui-menu-item:nth-child(1) {
        padding: 0 !important;
    }

    .mainSerachList .ui-menu-item {
        height: 2.8em !important
    }


        .mainSerachList .ui-menu-item .manager-acronym-avatar .agent_acronym_text {
            left: 0em !important;
            top: 0.11em !important;
        }


    .mainSerachList li a.ui-menu-item-wrapper {
        width: 100%;
        display: flex;
        cursor: pointer;
        padding: 0;
        align-items: center;
    }

    .mainSerachList .divModuleImage {
        position: relative;
    }

    .mainSerachList .load-more {
        width: 100% !important;
        text-align: center;
    }

    .mainSerachList .module_icon {
        top: 0 !important;
    }

    .mainSerachList .secondery-info {
        top: 0.5em !important;
        position: relative;
    }

.ui-menu-item-wrapper .manager-acronym-avatar {
    width: 2.3em !important;
    height: 2.3em !important;
    line-height: 2.1em !important;
}

.ui-menu-item-wrapper .divUserImage {
    display: inline-block;
    margin: 0 !important;
    min-width: 2.3em;
    min-height: 2.3em;
    width: 2.3em;
}

.ui-menu .ui-menu-item {
    padding: 0.2em 0;
    cursor: pointer;
}

    .ui-menu .ui-menu-item a {
        position: relative;
        min-width: 15em;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        width: 100%;
        padding-left: 5%;
    }

.search-users-title {
    font-weight: bold;
    color: #000000 !important;
    font-weight: bold;
    margin-top: 1% !important;
    margin-bottom: 4%;
    color: #000000 !important;
    height: 1em !important;
}

    .search-users-title:hover {
        background-color: white !important;
    }

.divSearchUi {
    position: absolute;
    bottom: 0%;
}

    .divSearchUi .divModuleImage {
        background-color: #7D7D7D !important;
        width: 1.6em !important;
        height: 1.6em !important;
    }

.userIdentityId_autocomplete.mainSerachList .divModuleImage {
    width: 1.6em !important;
    height: 1.6em !important;
    margin-top: 0.4em;
}

.searchInputAssignedManagerId_autocomplete {
    max-height: 20em;
    overflow-y: auto !important;
}


/*** Tags ***/

#selShowByTagGroup {
    border: none;
}

div[renderd-data-by-view="addtag.filter.result"], #divTags {
    padding-top: 2em;
}

#searchTagsSum {
    padding: 0.5em 10em;
}

    #searchTagsSum div[renderd-data-by-view="addTag.filter.typeButton"]:last-child .add-tag-vertical-seperator {
        display: none;
    }

.tag, .tagGroup {
    position: relative;
}

.tag,
.tagGroup,
.forwardEmail {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 5px;
    margin: 0.25em;
    padding: 0.25em;
    font-weight: normal;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    display: inline-block;
}

.tagGroup {
    border: 1px solid;
}

.forwardEmail {
    border-radius: 20px;
    padding-right: 0.6em;
    padding-left: 0.7em;
    direction: ltr;
}

.removeFromForwardTo {
    position: absolute;
    border: 0px;
}

.emailVal {
    font-size: 0.9em;
}

.tag a,
.tagGroup a {
    font-weight: bold;
    cursor: pointer;
    display: inline-block;
}

.tag input,
.tagGroup input {
    border: 0px;
    display: none;
}

#divTagGroups .tagGroup input {
    border: none !important;
}

.tagGroup span, .tag span {
    margin: 0 0.25em;
    /* line-height: 1em; */
    /*font-size: 0.8em;*/
    vertical-align: middle;
}

#newTagForm .searchTagsPanel {
    position: relative;
    width: 50%;
}

#addTagContainer {
    margin-top: 0.8em;
    -moz-box-shadow: 0 5px 10px rgba(0,0,0,0.2);
    border: 1px solid rgba(0,0,0,0.2);
    border-radius: 3px;
    box-shadow: 0 5px 10px rgb(0 0 0 / 20%);
    -moz-box-shadow: 0 5px 10px rgba(0,0,0,0.2);
    -webkit-box-shadow: 0 5px 10px rgb(0 0 0 / 20%);
}

#setTagOwnerTeam {
    max-width: 9em;
}

    #setTagOwnerTeam option {
        max-width: 9em;
        width: 9em !important
    }

#addTagContainer .dropdown-edit-selected .selectButton {
    min-width: 10em;
    margin-top: -1em;
    position: absolute;
    border: none;
    border-bottom: 1px solid #D2D2D2;
}

#addTagContainer .dropdown-edit-selected .controlOpen {
    margin-top: 1em;
}

#searchTag {
    width: calc(100% - 12em);
}

#divSearchByTagsFilter {
    position: relative;
    clear: both;
}

#updateManagerPermissionsBtn {
    position: relative;
}

.userPermissionsBTN {
    padding: 1em;
    border-bottom-right-radius: 0.5em;
    border-bottom-left-radius: 0.5em;
}

.settings-table {
    border-width: 1px;
    border-style: solid;
    border-collapse: collapse;
    width: 100%;
}

#tblAddNewAccount.settings-table {
    border-collapse: separate;
    border-spacing: 0;
    border-style: none;
}

.settings-table th,
.settings-table td {
    border: 1px solid transparent;
    padding: 10px;
    white-space: nowrap;
}

.settings-table #addNewUserField {
    display: inline-block;
    padding: 0.2em;
    font-weight: initial;
}

.settings-table .clsTHEditField {
    border: initial;
}

.settings-table .trTitle .fieldEditor {
    display: none;
}

.drag {
    cursor: all-scroll;
}

.settings-table .drag.fieldValidation {
    max-width: 16em;
    overflow: hidden;
    text-overflow: ellipsis;
}

.addNewField .settingsTableTxtDescription {
    border: solid 1px;
    margin-top: 0.3em;
    height: 15em;
}

.unChecked {
    visibility: hidden;
    opacity: 0;
}

.checked {
    visibility: visible;
    opacity: 1;
}

.lblToggleCategory {
    font-size: 1em;
}

.divCheckboxes_stream div {
    width: 100%;
    padding: 0.5em;
}

.divCheckboxes_stream .lblCheckboxName {
    overflow: hidden;
    max-width: 12em;
    text-overflow: ellipsis;
    display: inline-block;
    vertical-align: middle;
}

.divCheckboxes_stream .divCB_Child {
    display: none;
    padding-top: 0.5em;
    padding-bottom: 0;
}

    .divCheckboxes_stream .divCB_Child span {
        width: 2.3em;
    }

.divCheckboxes_stream .checkboxToggleChildsButton {
    cursor: pointer;
    width: 1.5em;
    display: inline-block;
    /*text-align: center;*/
}

.divCheckboxes_stream .checkmark:checked + label:after {
    font-size: 12px;
    top: 1px;
    left: 2px;
}

.divCheckboxes_stream .checkmark + label {
    padding: 7.1px !important;
}

.divCB_Child:last-child > div:first-child {
    float: none !important;
}

.divCheckboxes_status div {
    line-height: 1.5em;
}

.divCheckboxes_status .tip:before {
    top: 0.2em;
    position: relative;
    display: inline-block;
    padding-right: 0.5em;
    padding-left: 0.5em;
}

.ellipsis {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

#nodeInformationModal .ellipsis {
    width: calc(100% - 5em) !important;
}

.nodeUnknownsTexts #unknownTextWrapper .unknownRow {
    width: 100%;
    height: 1.25em;
}


/*** General Classes ***/

.float_left {
    float: left !important;
}

.float_right {
    float: right !important;
}

.smallText {
    font-size: 0.7em;
}

.medium-text {
    font-size: 0.8em;
}

.overflow_auto {
    overflow: auto !important;
}

.overflow-hidden {
    overflow: hidden;
}

.pos_abs {
    position: absolute !important;
}

.top_0 {
    top: 0px !important;
}

.padd_2em_left {
    padding-left: 2em;
}

.padd_sides_05em {
    padding-right: 0.5em;
    padding-left: 0.5em;
}
.padd_sides_1em {
    padding: 0 1em;
}

.padd_015em {
    padding: 0.15em;
}

.padd_025em {
    padding: 0.25em;
}

.padd_05em {
    padding: 0.5em;
}

.padd_075em {
    padding: 0.5em;
}

.padd_1em {
    padding: 1em;
}

.padd_0 {
    padding: 0px !important;
}

.padd_4 {
    padding: 4px !important;
}

.padd_t0 {
    padding-top: 0px !important;
}

.padd_t2 {
    padding-top: 2px !important;
}

.padd_t3 {
    padding-top: 3px !important;
}

.padd_t4 {
    padding-top: 4px !important;
}

.padd_t5 {
    padding-top: 5px !important;
}

.padd_t6 {
    padding-top: 6px !important;
}

.padd_t7 {
    padding-top: 7px !important;
}

.padd_t10 {
    padding-top: 10px !important;
}

.padd_t12 {
    padding-top: 12px !important;
}

.padd_t15 {
    padding-top: 15px !important;
}

.padd_t20 {
    padding-top: 20px !important;
}

.padd_t25 {
    padding-top: 25px !important;
}

.padd_t30 {
    padding-top: 30px !important;
}

.padd_t50 {
    padding-top: 50px !important;
}

.padd_b0 {
    padding-bottom: 0px !important;
}

.padd_b2 {
    padding-bottom: 2px !important;
}

.padd_b5 {
    padding-bottom: 5px !important;
}

.padd_b30 {
    padding-bottom: 30px !important;
}

.padd_2 {
    padding: 2px !important;
}

.padd_5 {
    padding: 5px !important;
}

.padd_6 {
    padding: 6px !important;
}

.marg_0 {
    margin: 0px !important;
}

.marg_top_1em {
    margin-top: 1em;
}

.marg_08em {
    margin: 0.8em;
}

.marg_2 {
    margin: 2px !important;
}

.marg_b5 {
    margin-bottom: 5px !important;
}

.marg_t27 {
    margin-top: 27px !important;
}

.marg_rl4 {
    margin-right: 4px !important;
    margin-left: 4px !important;
}

.w_7 {
    width: 7px !important;
}

.w_10 {
    width: 10px !important;
}

.w_30 {
    width: 30px !important;
}

.w_100 {
    width: 100px !important;
}

.w_350 {
    width: 350px !important;
}

.font_s_10 {
    font-size: 0.8em !important;
}

.font_s_11 {
    font-size: 0.9em !important;
}

.font_s_12 {
    font-size: 1em !important;
}

.font_s_14 {
    font-size: 1.2em !important;
}

.font_s_16 {
    font-size: 1.4em !important;
}

.font_s_18 {
    font-size: 1.6em !important;
}

.font_s_20 {
    font-size: 1.8em !important;
}

.border_0 {
    border: 0 !important;
}

.divCenter {
    margin: 0 auto 0 auto;
}

.absolute {
    position: absolute !important;
}

.relative {
    position: relative !important;
}

.divReplyActionPanel {
    position: relative;
    padding: .5em 0;
    overflow: auto;
}

.read.icon-check:before {
    color: #00B1FC;
}

#divTabs .pinnedObject .divChild.conversationType.managerResponse .message-status:before {
    line-height: 1.4em;
    width: 0.6em;
    display: block;
}

.divTxtEmailReply {
    display: inline-block;
    width: calc(100% - 10em);
}

    .divTxtEmailReply > input {
        width: calc(100% - 1em);
    }

.divEmailReplyText {
    font-size: 0.8em;
}

[data-field="subject"] .divTxtEmailReply {
    width: calc(100% - 7em);
}

.parentChildQuote {
    background-color: rgba(0, 0, 0, 0.15);
    border-radius: 3px;
    font-size: 13px;
    padding: 5px;
    margin-bottom: 0.3em;
}

#selectedObjectsActionPanel {
    width: 100%;
    height: 4em;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    position: absolute;
    top: 0;
    z-index: 101;
    display: none;
}

    #selectedObjectsActionPanel > div {
        padding-top: 0.75em;
        font-size: 1.4em;
    }

        #selectedObjectsActionPanel > div a {
            padding-left: 0.65em;
            padding-right: 0.65em;
        }

    #selectedObjectsActionPanel div div {
        font-size: 0.8em !important;
        margin-top: 0.2em;
    }

        #selectedObjectsActionPanel div div img {
            width: 1.4em;
        }

.selectedObjectsActionPanelSpacer {
    margin-top: 4.2em !important;
    height: calc(100% - 4.2em) !important;
}


/*** Classes ***/

.settingsTable {
    padding: 0;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}


.settingColumn {
    padding: 0.5em 1.2em;
    min-width: 21em;
    min-height: 2.3em;
}

    .settingColumn .settingsLabel,
    .settingColumn .settingsDescription {
        padding-right: 0;
        padding-left: 0;
    }

    .settingColumn .settingsLabel,
    .settingColumn .settingsDescription,
    .settingColumn .settingsGroupDescription,
    .labelSettingWidth {
        width: 32em;
    }

    .settingColumn .settingsGroupDescription {
        width: 30em;
    }

#mailAccountsForward_wrapper .labelSettingWidth,
#mailAccountsForwardProviders_wrapper .labelSettingWidth {
    width: 31em;
}

#mailProviders div[id^="sameIncomingAndOutgoing"] span.settingColumn {
    min-width: 0;
}

.launcher-icon {
    font-size: 2em;
    display: inline-block;
    line-height: 50px;
    width: 50px;
    text-align: center;
}

    .launcher-icon[data-icon-name="none"] {
        font-size: 17px;
    }

#launcherIcons {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 50px;
}

#tabContent {
    width: 35em;
}

    #tabContent #launcherSettingIcon > div:not(#launcherIcons),
    #tabContent #launcherSettingLogo {
        padding: 1em;
    }

    #tabContent #launcherLogoDescription {
        font-size: 10px;
        font-style: normal;
        font-weight: 500;
    }

[id^="divEditForm_"] {
    display: none;
}

#divEditSubStreamSettingSelect {
    margin-bottom: 1em;
}

.divGroupSettings {
    margin-top: .5em;
}

    .divGroupSettings a.groupSettings {
        top: .5em;
        position: relative;
    }

.settingColumnFullWidth {
    min-width: calc(50% - 2em);
}

#noStreamMsg > div {
    height: 6em;
}

.divStreamGroup {
    overflow: auto;
    display: none;
    padding: 1em 1em 0 1em !important;
    cursor: default;
}

    .divStreamGroup .mce-btn-group:not(:first-child) {
        padding: 0;
        border: none;
    }

.subStreamSetting {
    display: none;
}

.parentInputSeparator[data-validation='html'] .spnValue,
.parentInputSeparator[data-validation='html'] .taEdit {
    direction: ltr !important;
}

.streamSetting {
    overflow: auto;
    clear: both;
}

.divStreamSetting .streamSetting,
.divSetting .streamSetting {
    padding-bottom: 1em;
    min-height: 2em;
}

    .divStreamSetting .streamSetting select,
    .divStreamSetting .streamSetting input,
    .divSetting .streamSetting select,
    .divSetting .streamSetting input {
        padding-top: 0 !important;
    }
/*add whatsapp business account*/

.new-account-container,
.add-account-dialog-buttons-top {
    margin-top: 5em;
}

#divBusinessAccountAfterInsert {
    margin-top: -1em;
    opacity: 0.6;
}

#btnWaBusinessAccountFound {
    pointer-events: none;
    width: 78%;
}

#btnWaBusinessAccount {
    width: 75%;
}

.lbl-add-account-placeholder {
    margin-top: 0.6em;
    width: 21%;
    overflow: hidden;
    text-overflow: ellipsis;
    opacity: 0.6;
}

#divAccountFields,
#divAccountIdContainer {
    width: 65%;
    margin: 0 auto;
    white-space: nowrap;
}

.divErrorMsgAddAccount {
    margin: 0 auto;
    margin-top: 1em;
    width: 65%;
    display: none;
}

.new-account-container-field {
    background-color: inherit;
    padding: 1em 1em;
    overflow: hidden;
}

.responsive-text-ellipsis {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    max-width: 100%;
}

#divAccountIdContainer {
    margin-top: 4em;
}

.lblAccountFields {
    opacity: 0.5;
}

.divAccountsWrapper .add-new-account-wrapper {
    height: 1.5em;
    border-radius: 8px 8px 0 0;
    padding: 1.5em;
    border-top: 1px solid;
    border-right: 1px solid;
    border-left: 1px solid;
}

.divAccountsWrapper .add-new-account-wrapper {
    height: 1.5em;
    border-radius: 8px 8px 0 0;
    padding: 1.5em;
    border-top: 1px solid;
    border-right: 1px solid;
    border-left: 1px solid;
    width: auto;
}

.tr-add-account td {
    height: 2em;
}

.tdAddNewAccount {
    width: 40%;
}

.tdAddNewAccountBin,
.dot-col {
    width: 9%;
    text-align: center;
}

#divBtnWaBusinessAccount {
    position: relative;
}

.btn-wa-business-account-text-length {
    position: absolute;
    top: 26%;
}

#divAddAccountDialog .ajaxLoader {
    top: 80%;
}

.divAddAccountDialogButtons {
    text-transform: capitalize;
}

.ddl-no-templates-stream {
    display: none;
}

.div-confirmation-dialog-wrapper {
    padding: 1em;
}


/*add whatsapp business account*/

.editRule,
editManagerSession {
    display: none;
    margin-top: 0.5em;
    padding: 1em;
    margin-bottom: 1em;
    min-width: 35em;
    clear: both;
}

    .editRule h2,
    editManagerSession h2 {
        display: inline;
    }

    .editRule .formPanel input[type='checkbox'] {
        width: 20px;
        height: 20px;
    }

.ruleDialogItem {
    margin-top: 1.5em;
}

.by-rules-dialog {
    overflow-y: scroll;
    overflow-x: hidden;
    max-height: 40em !important;
}

.ruleShortDesc {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.editTagsStyle {
    font-weight: bold;
    font-size: 1.4em;
}

#BY_control_IM.BY_control {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.object_agents_menu .menu_items_group_agents {
    max-height: 11.5em;
    overflow: auto !important;
}

.object_agents_menu.agent_participant_menu .menu_items_group_agents {
    min-height: 13.15em;
    max-height: 20em;
}

.agentsForAssignmentList.ui-menu,
.agentsForObjectParticipantList.ui-menu {
    border: 0;
}

.object_agents_menu {
    max-height: 30em !important;
}

    .object_agents_menu input {
        border-bottom: 1px solid transparent;
    }


[id^="BY_control_streamsFilter_"] {
    transition: none !important;
}

[id^="managerAssignmentMenuSearchBar_"].BY_menu_item {
    padding: 0 .5em;
}

    [id^="managerAssignmentMenuSearchBar_"].BY_menu_item input {
        border: 0;
        font-family: inherit;
    }

.BY_menu_item a:hover {
    color: inherit;
}

.BY_menu_item .divFileUpload,
.BY_menu_item .divFileuploadFiles {
    float: none !important;
    text-transform: capitalize;
}

.BY_menu_item .fileinput-button {
    margin-right: 0;
    min-width: inherit;
}

    .BY_menu_item .fileinput-button input {
        transform: none;
        -webkit-transform: none;
    }

.status-dot {
    border-radius: 2em;
    font-size: 0.6em;
    top: -0.2em;
    position: relative;
}

.manager-acronym-avatar .status-dot {
    border: 1px solid white;
}

.hvr-icon-hang {
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    padding-right: 1.5em;
    -webkit-transition-duration: 0.1s;
    transition-duration: 0.1s;
}

.divObjectWrapper:hover .statusSelectorArrowDown,
.userInfoTop:hover .statusSelectorArrowDown {
    visibility: visible;
}

.divObjectWrapper:hover .hvr-icon-hang:before,
.divObjectWrapper:focus .hvr-icon-hang:before,
.divObjectWrapper:active .hvr-icon-hang:before,
.userInfoTop:hover .hvr-icon-hang:before,
.userInfoTop:focus .hvr-icon-hang:before,
.userInfoTop:active .hvr-icon-hang:before {
    -webkit-animation-name: hvr-icon-hang-sink, hvr-icon-hang;
    animation-name: hvr-icon-hang-sink, hvr-icon-hang;
    -webkit-animation-duration: .3s, 1.5s;
    animation-duration: .3s, 1.5s;
    -webkit-animation-delay: 0s, .3s;
    animation-delay: 0s, .3s;
    -webkit-animation-timing-function: ease-out, ease-in-out;
    animation-timing-function: ease-out, ease-in-out;
    -webkit-animation-iteration-count: 1, infinite;
    animation-iteration-count: 1, infinite;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-direction: normal, alternate;
    animation-direction: normal, alternate;
}

.hvr-icon-hang:before {
    position: absolute;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    top: -.1em;
}

@-webkit-keyframes hvr-icon-hang {
    0% {
        -webkit-transform: translateY(6px);
        transform: translateY(6px);
    }

    50% {
        -webkit-transform: translateY(2px);
        transform: translateY(2px);
    }

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

@keyframes hvr-icon-hang {
    0% {
        -webkit-transform: translateY(6px);
        transform: translateY(6px);
    }

    50% {
        -webkit-transform: translateY(2px);
        transform: translateY(2px);
    }

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

@-webkit-keyframes hvr-icon-hang-sink {
    100% {
        -webkit-transform: translateY(6px);
        transform: translateY(6px);
    }
}

@keyframes hvr-icon-hang-sink {
    100% {
        -webkit-transform: translateY(6px);
        transform: translateY(6px);
    }
}

[data-group="manager-activities"] {
    max-height: 10em;
    overflow: auto !important;
}

#userPanel ul {
    top: 28px;
}

#userPanel:not(.firstItemSameAsOther) > .BY_menu_item:first-child:hover {
    text-decoration: underline;
    background-color: inherit !important;
}

#userPanelSessionStatusNavTitle:hover {
    background-color: inherit !important;
}

#divManagerDashboard {
    z-index: 10;
    position: relative;
}

    #divManagerDashboard > span {
        padding-left: .25em;
        padding-right: .25em;
    }

.edit-bulk-empty-state {
    margin: 0 auto;
    text-align: center;
}

.empty-state-icon {
    font-size: 15em;
    color: #E0E0E0 !important;
    border: none;
    padding-top: 0.6em;
    padding-bottom: 0.1em;
}

.userName {
    font-size: 1em;
    font-weight: bold;
    position: relative;
}

.wrapperUserToolTip .divModuleImage {
    padding-top: 0em;
    font-size: 1.25em;
}

.wrapperUserToolTip .divUserImage {
    min-width: 0;
}

#divBtnNextPage {
    margin: 0 auto;
    width: 20em;
    display: none;
    position: relative;
    margin-top: 1em;
}

.buttonPageNext {
    padding: 0.3em 5em;
    cursor: pointer;
    margin: 0 auto;
    display: block;
    margin-top: 1em;
    margin-bottom: 1em;
    font-size: 1.2em;
}

.longInput {
    width: 28em !important;
}

textarea.longInput.autoSize {
    max-height: 10em;
}

.center {
    text-align: center;
}

.center-important {
    text-align: center !important;
}

.hiddenTags {
    display: none;
}

.button,
.btnTreeNavigator {
    border-width: 1px;
    border-style: solid;
    cursor: pointer;
    border-radius: .2em;
    transition: .2s ease;
    outline: none;
}

.button {
    padding: 4px 8px;
    font-size: 1em;
}

.rules-timeline .button:hover {
    opacity: 1;
}

.btnTreeNavigator {
    margin: 0 0.2em;
}

.buttonDisabled {
    border: 1px solid gray;
    color: gray;
    padding: 4px 8px;
    font-size: 1em;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    cursor: default !important;
    font-weight: bold;
}


/*** Elements ***/

#divUserInfo .userField {
    border: none;
    outline: none;
    border-bottom: 1px solid transparent;
    max-width: 100%;
}

#divUserInfo .userFields.load-more {
    cursor: pointer;
    position: relative;
    font-size: 0.8em;
    top: 0.5em;
}

#divUserInfo input {
    padding: .3em !important;
    /*border: none;*/
}

#managerAffinities {
    position: relative;
    clear: both;
}

#similarIdentities {
    margin-top: 1em;
    margin-bottom: 1em;
    position: relative;
    clear: both;
}

#divConversationWrapperContainer {
    margin-top: 1em;
    margin-bottom: 1em;
    position: relative;
    clear: both;
}



#userIdentitiesWrapper {
    position: relative;
    clear: both;
    overflow: auto;
}

#phSimilarIdentities {
    clear: both;
    display: none;
}

/* #phSimilarIdentities .divIdentity:last-child {
        border-bottom: 1px solid;
        padding-bottom: 1em;
    } */

#phManagerAffinities {
    clear: both;
    margin: 0 !important;
    padding: 0.7em 0 0 0 !important;
}

#divUserFieldsContainer {
    clear: both;
    margin: 0 !important;
    padding: 0.5em 0 0 0 !important;
}

#phConnectedIdentities .phUserImage, #phConnectedIdentities .objectUserName, #phSimilarIdentities .objectUserName {
    display: inline-block;
}

#phConnectedIdentities .objectUserName {
    display: inline-block;
    height: 2em;
    vertical-align: bottom;
}

#errorMaxTagsLimit {
    display: none;
    padding: 0 1em;
    width: calc(100% - 2em);
}

.message-users-div {
    max-width: 20em;
}

.errorMessageUsers {
    text-align: center;
    font-weight: bold;
}

.resultMessagesContainer {
    margin-top: 1.2em;
}

.settings_table {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    width: 100%;
    border: 1px solid;
    border-collapse: collapse;
}

    .settings_table > tbody {
        display: block;
        max-height: 49em;
        overflow-y: auto;
    }

    .settings_table > tbody {
        display: block;
        max-height: 48em;
        overflow-y: auto;
    }

    .settings_table tr {
        width: 100%;
        display: inline-table;
        vertical-align: inherit;
    }

    .settings_table tbody tr {
        border-bottom: 1px solid;
        min-height: 3.5em;
    }

        .settings_table tbody tr:hover .userOptions {
            visibility: visible;
        }

#loadMoreUL .divUserImage img {
    width: 2em !important;
    height: 2em !important;
}

#tblUsers th {
    padding: 1em 0;
}

.settings_table th {
    padding: 1em;
}

.settings_table td {
    min-height: 2em;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

.editUserTeamWrapper {
    border-radius: 0.4em;
    min-height: 10em !important;
    padding-top: 5% !important;
    padding-left: 8% !important;
    padding-right: 8% !important;
}

.selectActionTeam, .selectActionProfile {
    width: 100%;
    border: 1px solid #AEAEAE;
    border-radius: 3px;
}

.btnApplyTeamSelection {
    margin-bottom: 2em;
    color: white !important;
}

    .btnApplyTeamSelection.disable {
        background-color: #7B7B7B !important;
    }

#TeamBulkBtnDialog .ul-box-container, #ProfileBulkBtnDialog .ul-box-container {
    width: 23.3em !important;
}

.editUserTeamWrapper {
    height: 28em !important;
}

select.selectActionTeam, select.selectActionProfile {
    appearance: none;
    background-image: linear-gradient(45deg, transparent 50%, gray 50%), linear-gradient(135deg, gray 50%, transparent 50%), linear-gradient(to right, #ccc, #ccc);
    background-size: 5px 5px, 5px 5px, 1px 1.5em;
    background-repeat: no-repeat;
    border: 1px solid gray !important;
}


#tblUsers td:first-child {
    width: 2.2em !important;
}

#tblUserHead > tr:nth-child(1) > th:nth-child(1) {
    padding: 0.2em;
    text-align: center;
}

#tblUsers td:first-child,
#tblUsers > thead > tr:nth-child(2) > th:nth-child(1) {
    width: 3% !important;
}

#tblSupportTickets > thead > tr {
    border-bottom: 1px solid;
}


#divSupportTickets {
    padding: 0.5em;
    position: relative;
    top: 1em;
    overflow: auto;
}

table#tblSupportTickets .pointer {
    cursor: default !important;
}

table#tblSupportTickets {
    margin-top: 1em;
}

#divSupportTickets #date_picker.supportDatePicker {
    width: fit-content;
}

.settings_table > thead > tr:nth-child(2) > th:nth-child(1) > div {
    min-height: 0;
}

.search-users-title.ui-menu-item {
    height: 1.8em !important;
    padding-top: 0.3em;
}

.th-edit-bulk {
    width: 7em;
    padding-left: 1.5em !important;
    padding-right: 1.5em !important;
}

#TeamBulkBtn {
    width: 7em;
    font-weight: 400;
}

#ProfileBulkBtn {
    width: 14em;
    font-weight: 400;
}

.edit-bulk-selected-rows {
    width: calc(100% - 25em);
}

.tr-edit-team {
    border: 1px solid;
    width: 99.85% !important;
}

.invisibleEditBulk {
    display: none !important;
}

#activitiesAgentDiv {
    padding: 1em !important;
}

.tblUsers-icons {
    color: #5d5d5d !important;
    font-size: 1.2em;
}

.userOptions {
    visibility: hidden;
    text-align: center;
    margin: 0 1em;
}

.width-90-per {
    width: 90%;
}

.width-100-per {
    width: 100%;
}

.width-65-per {
    width: 65%;
}

.width-50-per {
    width: 50%;
}

.width-80-per {
    width: 80%;
}

.per-70-width-em {
    width: 70%;
    max-width: 20em;
    min-width: 20em;
}

.per-20-width-em {
    width: 20%;
    max-width: 15em;
    min-width: 15em;
}

.per-17-width-em {
    width: 17%;
    max-width: 12em;
    min-width: 12em;
}

.per-14-width-em {
    width: 14%;
    max-width: 10em;
    min-width: 10em;
}

.per-10-width-em {
    width: 10%;
    max-width: 10em;
    min-width: 6em;
}

.per-3-width-em {
    width: 3.5%;
    max-width: 3.5em;
    min-width: 3.5em;
}

.width-10 {
    width: 10em;
}

.vertical-align-middle {
    vertical-align: middle;
}

.verticalAlignTop {
    vertical-align: top;
}

.verticalAlignSuper {
    vertical-align: super;
}

.margin-1em {
    margin: 1em;
}

.margin-auto {
    margin: auto;
}

.margin-right-05em {
    margin-right: .5em;
}

.margin-right-1em {
    margin-right: 1em;
}

.margin-sides-05em {
    margin: 0 0.5em;
}

.margin-sides-02em-important {
    margin: 0 0.2em !important;
}

.margin-sides-1em {
    margin: 0 1em;
}

.margin-sides-top {
    margin: 0 1.6em;
}

.margin-up-down-05em {
    margin: 0.5em 0;
}

.margin-up-down-075em {
    margin: 0.75em 0;
}

.align-search-btns {
    margin: 1em 0;
    padding-right: 1.7em;
    padding-left: 1.7em;
}

.margin-up-down-1em {
    margin: 1em 0;
}

.margin-up-2em {
    margin-top: 2em;
}

.margin-bottom-01em {
    margin-bottom: 0.1em;
}

.margin-bottom-1em {
    margin-bottom: 1em;
}

.margin-bottom-1-5em {
    margin-bottom: 1.5em;
}

.padding-sides-0 {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.padding-sides-02em {
    padding: 0 0.2em;
}

.padding-sides-05em {
    padding: 0 0.5em;
}

.padding-top-05em {
    padding-top: 0.5em;
}

.padding-05em {
    padding: 0.5em;
}

.margin-05em {
    margin: 0.5em !important;
}

.padding-sides-1em {
    padding: 0 1em !important;
}

.padding-sides-02em {
    padding: 0 0.2em !important;
}

.padding-sides-2em {
    padding: 0 2em !important;
}

.padding-sides-3em {
    padding: 0 2.7em !important;
}

.padding-up-down-1em {
    padding: 1em 0 !important;
}

.padding-up-down-05em-sides-01em {
    padding: 0.5em 0.1em !important;
}

.padding-up-down-05em {
    padding: 0.5em 0 !important;
}

.padding-up-1em {
    padding-top: 1em;
}

.padding-down-1em {
    padding-bottom: 1em;
}

.padding-down-04em {
    padding-bottom: 0.4em;
}

.padding-top-down-05em {
    padding-bottom: 0.5em;
    padding-top: 0.5em;
}

.padding-1em {
    padding: 1em;
}

#streamForm_6 > div > #accountsWrapper {
    display: none;
}

.margin-0 {
    margin: 0;
}

.margin-left-2-per {
    margin-left: 2%;
}

#imgUser {
    width: 90px;
    height: 90px;
}

.saveAjax {
    margin: 0px !important;
    position: relative;
}

#btnAddNewForm {
    padding: 4px 8px;
}

.divKBSuggestionText {
    width: 90%;
    width: calc(100% - 20em);
}

.kbSuggestionText {
    font-size: 1.5em;
    margin-bottom: 0.2em;
}

.kbSuggestionManagername {
    font-size: 0.8em;
}

.kbSuggestionTime {
    font-size: 0.8em;
}

.ajaxLoader,
.ajaxLoaderChild,
.ajaxLoaderUser {
    width: 4em;
    height: 4em;
    margin: 0 auto;
    top: calc(50% - 2em);
    left: calc(50% - 2em);
    position: absolute;
    display: none;
    background: url(/Images/General/ajax-loader.gif) no-repeat;
    background-size: contain;
    z-index: 9999;
    background-position: center center;
}




#accountsTabsIcons {
    justify-content: space-between;
    text-align: center;
    height: 100px;
    margin-top: 2em;
    width: 326px;
    padding-left: 0.25em;
    padding-right: 0.25em;
}

#mailProviders[data-provider-type="4"] #accountsMailProviderNone,
#mailProviders[data-provider-type="14"] #accountsMailProviders,
#mailProviders[data-provider-type="15"] #accountsMailProviders {
    display: flex;
    flex-direction: column;
}


#accountsTabsIcons .account-tab-icon {
    height: 1.36em;
    box-shadow: 0px 0px 2px rgba(0, 0, 0, .25);
    font-size: 50px;
    line-height: 65px;
    border: 0;
}

    #accountsTabsIcons .account-tab-icon.selected-acounts-tabs-icons {
        border: 4px solid;
        line-height: 60px;
        height: 1.22em;
    }

    #accountsTabsIcons .account-tab-icon.icon-gmail {
        font-size: 40px;
        height: 1.7em;
    }

        #accountsTabsIcons .account-tab-icon.icon-gmail.theme_border_color {
            height: 1.5em;
        }

    #accountsTabsIcons .account-tab-icon .icon-checkmark2 {
        display: none;
    }

    #accountsTabsIcons .account-tab-icon[data-provider-type="4"] {
        transform: rotate(180deg);
    }

        #accountsTabsIcons .account-tab-icon[data-provider-type="4"] .icon-checkmark2 {
            transform: rotate(180deg);
            left: 0;
            bottom: 0;
        }

    #accountsTabsIcons .account-tab-icon.selected-acounts-tabs-icons .icon-checkmark2 {
        display: inline-block;
        position: absolute;
        height: 14px;
        font-size: 11px;
        width: 20px;
    }

#accountsTabsIcons > span {
    width: 8em;
    font-size: 12px;
    height: 100%;
    text-transform: capitalize;
}


#mailProviders label {
    font: inherit;
    transform: none;
    text-transform: capitalize;
}

#mailProviders .mandatory, #addAccountMail .mandatory {
    padding-top: 0.5em;
}

#saveStreamMsgDialogWrapper #streamSaveMsg {
    height: 8.5em;
    padding: 2em 1em;
}

#saveStreamMsgDialogWrapper #streamSaveMsgBtns a {
    margin: 1em;
}

#mailProviders #mailAccountReceiving > span,
#mailProviders #mailAccountSending > span,
#mailProviders div[id^="sameIncomingAndOutgoingout"],
#mailProviders #mailAccountAutoMessages > span {
    height: 3em;
}

.divGroupSettings #wrapperAccountMail {
    padding: 0.5em 1em;
}

#mailProviders[data-provider-type="4"] #sameIncomingAndOutgoingnoneInput_wrapper {
    display: none;
}

#mailProviders > div {
    display: none;
}

#wrapperAccountMail .settingColumn {
    min-width: 22em;
}

#wrapperAccountMail .f_l_a.clearboth.settingColumn {
    width: 30.75em;
}

.ui-autocomplete-loading {
    background-size: contain !important;
}

.ajaxLoaderObjectChild {
    height: 35px;
    width: 35px;
    margin: 0 .5em;
    position: absolute;
    bottom: 2em;
    display: block;
    background: url('') no-repeat;
}

.divMergeLoader {
    margin: 0 auto;
    float: none !important;
    /*  ie support for initial */
    float: initial !important;
}

.divLoader {
    width: 1.7em;
    height: 1.7em;
    display: none;
}

.divMsgResultFound {
    margin: 0 auto 0 auto;
    text-align: center;
    margin-top: 1em;
}

.divObjectText .wrapper_attachment_frame .attachment_frame,
.divObjectText .wrapper_attachment_frame .padd_6 {
    padding: 0 !important;
}

.wrapper_attachment_frame {
    width: 100%;
    overflow: auto;
}

.wrapper_attachment_inbox_gallery {
    overflow: hidden;
    height: auto;
}

.general-activity .log-item-container .wrapper_attachment_frame {
    padding: 0.5em 0;
}

#divObjectsRoot .wrapper_attachment_frame.dataEntry {
    overflow: hidden;
    max-height: 0.8em;
}

#divObjectsRoot .wrapper_attachment_frame div {
    width: 80%;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 19em;
    overflow: hidden;
}

.wrapper_attachment_frame.dataEntry {
    border-radius: 0.5em;
    padding: 0.5em;
    width: calc(100% - 1em);
    overflow: auto;
}

.wrapper_attachment_frame .attachment_frame:has(video) {
    width: 100%;
}

.attachment_frame {
    position: relative;
    padding: 5px;
    clear: both;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

    .attachment_frame video {
        width: 300px;
        height: 120px;
        max-width: 100%;
        max-height: 100%;
    }

.divChilds .attachment_frame video {
    width: 500px;
    height: 250px;
    max-width: 100%;
    max-height: 100%;
}

.attachment_frame_img {
    position: relative;
    margin: 0.5em 0;
    cursor: pointer;
}

    .attachment_frame_img img {
        max-height: 80px;
        max-width: 453px;
        min-width: 50px;
        border-radius: 0.3em;
    }

.wrapper_attachment_inbox_gallery .display_more_blackening {
    max-height: 7em;
    max-width: 7em;
    height: 7em;
    width: 7em;
    background: #000;
    border-radius: 0.3em;
}

.wrapper_attachment_inbox_gallery .attachment_frame_img img {
    max-height: 7em;
    max-width: 7em;
    height: 7em;
    width: 7em;
    object-fit: cover;
}


.wrapper_attachment_inbox_gallery .attachment_frame_img .img_text_center {
    position: absolute;
    left: 50%;
    top: 50%;
    font-size: x-large;
    transform: translate(-50%,-50%);
    pointer-events: none;
    overflow: hidden;
    white-space: nowrap;
}

.wrapper_attachment_inbox_gallery .display_more_image_opacity {
    opacity: 0.6;
}

.videoTitle {
    font-weight: bold;
    font-size: 1em;
}

.divImgBtnPlayVideo {
    position: absolute;
    top: 50%;
    margin-top: -14px;
}


/* mail*/

.imgAttachment {
    margin-right: 3px;
    margin-left: 3px;
    width: auto !important;
}

#tblAllForms {
    float: none !important;
}


/*file upload*/

.divUploadedFile {
    min-height: 15px;
}

    .divUploadedFile span {
        display: inline-block;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        position: relative;
        top: 0em;
    }

    .divUploadedFile .file-name {
        max-width: 12em;
        top: 0.2em;
    }

.reply-to-actions .divUploadedFile span {
    max-width: 9em;
}

.divDeleteFile .inputButton {
    font-size: 1.2em;
    cursor: pointer;
    margin-top: 0.3em;
}

.fileinput-button {
    position: relative;
    overflow: hidden;
    float: left;
    direction: ltr;
    margin-right: 4px;
    min-width: 5em;
}

    .fileinput-button input {
        z-index: 999999999999;
        position: absolute;
        top: 0;
        right: 0;
        margin: 0;
        opacity: 0;
        filter: alpha(opacity=0);
        -moz-transform: translate(-300px, 0) scale(4);
        -ms-transform: translate(-300px, 0) scale(4);
        -o-transform: translate(-300px, 0) scale(4);
        -webkit-transform: translate(-300px, 0) scale(4);
        transform: translate(-300px, 0) scale(4);
        font-size: 2em;
        direction: ltr;
        cursor: pointer;
    }

.fileupload-buttonbar .btn,
.fileupload-buttonbar .toggle {
    margin-bottom: 5px;
}


/* Charts */

.date {
    font-size: 0.8em;
    font-weight: normal;
}


/* Fix for IE 6: */

* html .fileinput-button {
    line-height: 24px;
    margin: 1px -3px 0 0;
}


/* Fix for IE 7: */

* + html .fileinput-button {
    padding: 2px 15px;
    margin: 1px 0 0 0;
}


/* Modules And Stream Install */

#divModules {
    padding: 1em;
    display: none;
}

#modulesNoResults {
    width: 100%;
    height: 100%;
    position: relative;
    display: none;
}

    #modulesNoResults span {
        font-size: 20em;
        margin: 0 auto;
        text-align: center;
        display: block;
        margin-top: 0.2em;
    }

#wrapperDivInstall .wrapperDivInstall {
    padding: 0;
    overflow: auto;
    clear: both;
}

.divModuleDescription {
    clear: both;
    overflow: auto;
    overflow-x: hidden;
    margin-top: 0.5em;
    width: 100%;
}

.moduleInstallButton {
    margin-top: 0.6em;
    clear: both;
}

    .moduleInstallButton .icon-settings2 {
        font-size: 1.5em;
    }

.moduleInstallConnect {
    margin-top: 1em;
}

.moduleInstalled.modalOpen .moduleStreamsSettings {
    cursor: default !important;
    /*  ie support for initial */
    cursor: initial !important;
    margin-top: 1em;
}

.spnModuleInstalled {
    cursor: pointer;
}

.divModule {
    min-height: 6em;
    overflow: auto;
    clear: both;
    padding-top: 1em;
}

    .divModule.modalOpen {
        height: calc(100% - 4.6em);
        overflow-x: hidden;
        background-color: inherit;
    }

#divInstall {
    overflow: auto;
    border: 0;
    padding: 1em;
    margin-top: 1em !important;
    margin: 2em;
    border-radius: 1em;
    width: calc(100% - 6em);
}

.panelStreams .divCreateSubstream {
    padding-top: 4px;
}

.panelStreams .divBtnAddPageTabDialog {
    clear: both;
    padding-top: 10px;
}

.panelStreams .divTaAppWebEmbedCode {
    clear: both;
    padding-top: 15px;
}

.panelStreams #taAppWebEmbedCode {
    width: 80%;
    height: 25em;
    direction: ltr;
    margin-top: 5px;
}

#noStreamMsg {
    height: 80%;
}

.divModule.store #noStreamMsg {
    display: none;
}

#mailProviders[data-provider-type="15"] #mailAccountsForwardProviders {
    pointer-events: none;
    opacity: 0.4;
}

.panelStreams #divAddSubStreams {
    min-height: 28px;
    padding-top: 0.7em;
}

.panelStreams .divLblSubstream {
    padding: 5px;
    min-height: 15px;
    text-align: center;
    overflow: auto;
    clear: both;
}

    .panelStreams .divLblSubstream .lblSubstream {
        cursor: text;
        display: inline-block;
        white-space: nowrap;
        overflow: hidden !important;
        text-overflow: ellipsis;
        max-width: 13em;
    }

.panelStreams #divStreamName {
    padding-top: 4px;
    display: none;
}

#divSpnAccountId,
#spnAcountNoResult {
    margin: 0 2em;
}

#spnAcountNoResult {
    display: none;
}

.div-connector-accounts {
    clear: both;
}

#accountsWrapper .icon-edit {
    display: none;
}

#accountsWrapper .labelSettingWidth {
    width: 32em !important;
}

#divModule_6 #accountsMailProviderNone #mailAccountsWrapper #accountsWrapper .icon-edit {
    display: inherit;
}

#divModule_6 #accountsMailProviderNone #mailAccountsWrapper #accountsWrapper .icon-loop2 {
    display: none;
}

#divModule_8 {
    display: none;
}

.account-actions-conatainer > * {
    margin: 0 10px;
}

.panelStreams #linkToPage {
    display: none;
}

.panelStreamsOpen #linkToPage {
    display: block;
    padding-bottom: 0.5em;
}

.panelStreamsOpen {
    border-top: none !important;
    background-color: inherit !important;
}

    .panelStreamsOpen .streamName {
        font-size: 1.5em;
    }

.accountTitle {
    padding: 1em 1em 0 1em;
}

.accountValue {
    padding: 0.5em 2em;
    clear: both;
    position: relative;
}

#divMessage {
    clear: both;
    text-align: center;
    width: 100%;
    font-weight: bold;
    padding-bottom: 10px;
}

div.mce-fullscreen {
    position: static !important;
}

.divModuleNumStreams {
    font-size: 0.8em;
    padding: 0.15em;
    border-radius: 3px;
    min-width: 1.5em;
    text-align: center;
    font-weight: 300;
}

.moduleInstalled.modalOpen .divModuleNumStreams {
    margin-left: 1em;
    margin-right: 1em;
}

.store .divModuleDescription,
.store #moduleInstallButtonWrapper,
.store .moduleInstallButton,
.store .moreInfoButton {
    display: none;
}

#moduleInstallButtonWrapper {
    pointer-events: auto;
}

.store.divModule {
    min-height: auto !important;
    /* ie support for initial */
    min-height: initial !important;
    overflow: hidden !important;
    width: 8em !important;
    height: 10em !important;
    position: relative !important;
    clear: none !important;
    margin: 0.5em !important;
    overflow-x: hidden;
}

.modalOpen .moduleStreamsSettings .divModuleTitleHeader {
    max-width: 84%;
    margin-bottom: 1em;
    pointer-events: none;
}


.store .divModuleTitleHeader {
    width: 100%;
    max-width: 56vw;
    padding-bottom: 1em;
}

.store .divModuleTitle {
    font-size: 0.9em;
    white-space: nowrap;
    overflow: hidden;
    position: relative;
    text-overflow: ellipsis;
    width: 100%;
}

.store .divModuleNumStreams {
    position: absolute;
    bottom: 4.25em;
    opacity: 0.6;
}

#scriptStreams span.module_icon {
    vertical-align: top !important;
}

.module_icon {
    /* TODO:  DO NOT SET value of 'table'/'table-row'/'table-cell' for display, unless you use a proper html layout with it and set proper values for the elements in the different levels accordingly */
    display: table-cell;
    vertical-align: middle;
    color: #fff !important;
    border-radius: 0.3em;
}

    .module_icon.inactive-icon {
        display: none;
    }

.module_image_large {
    width: 7em;
    height: 7em;
}

    .module_image_large .module_icon {
        font-size: 2.3em;
    }

.module_image_medium {
    width: 2.3em;
    height: 2.3em;
}

#phConnectedIdentities .module_image_medium {
    height: auto;
}

.module_image_medium .module_icon {
    font-size: 1.2em;
    top: 0.04em;
    position: relative;
}

.module_image_small {
    width: 2em;
    height: 2em;
}

    .module_image_small .module_icon {
        font-size: 1em;
    }

.divModuleImage {
    /* TODO:  DO NOT SET value of 'table'/'table-row'/'table-cell' for display, unless you use a proper html layout with it and set proper values for the elements in the different levels accordingly */
    display: table;
    text-align: center;
    border-radius: 50%;
    border-radius: 1em;
}

#divModules .modalOpen .divModuleImage.module_image_large {
    margin-right: 1em;
    margin-left: 1em;
    margin-bottom: 2em;
    pointer-events: none;
}

#divModules .divModuleImage {
    margin-bottom: 0.2em;
    border-radius: 3px;
}

.store .divModuleImage {
    clear: both !important;
    float: none !important;
}

.divModule:not(.moduleInstalled) .divModuleImage {
    opacity: .5;
    filter: grayscale(1);
}

.divModule.store:not(.moduleInstalled) .divModuleImage:hover {
    opacity: 1;
    filter: grayscale(0);
}

.store .divModuleInstallBtn,
.store .link-to-settings {
    display: none;
}

.link-to-settings {
    padding: 1em;
}

#modulesSearch {
    margin: 0 auto;
    padding: 3em;
    padding-bottom: 0em;
    width: 70%;
    text-align: center;
}

    #modulesSearch div {
        width: 40em;
        display: inline-block;
    }

    #modulesSearch span {
        position: relative;
        top: -1.9em;
    }

    #modulesSearch input {
        width: 100%;
        border: 1px solid;
        border-radius: 2em;
        padding: 0.5em 0.5em 0.5em 1em;
    }

    #modulesSearch .moduleSearchLbl {
        width: 100%;
        padding-bottom: 1em;
        font-size: large;
    }

.categoryDiv {
    display: none;
    transition: all ease-in-out .25s;
    width: 85%;
    border-bottom: 1px dashed;
    margin-bottom: 1em;
    padding-bottom: 1em;
}

.categoriesTitle {
    display: none;
    margin-bottom: 1em;
    margin-top: 1em;
    width: 10%;
}

.categoryDivOpen {
    transition: all ease-in-out .25s;
}


/* Streams Management*/

.settings-back-arrow {
    font-size: 1.5em;
    vertical-align: middle;
}

.small-span {
    font-size: 0.7em;
}

.streamSetting .settingsDescription.small-span
.streamSetting .settingsGroupDescription.small-span {
    font-size: 0.9em;
    padding-top: 0.5em;
}


.panelStreams {
    position: relative;
    padding: 0px;
    border-width: 0 0 1px 0;
    border-style: solid;
    overflow: hidden;
    cursor: pointer;
    padding-left: 2em;
    padding-right: 2em;
    width: 98%;
    width: calc(100% - 4em);
    transition: background-color ease .2s;
    min-height: 3.6em;
}

    .panelStreams.collapsed, .modulesActivityHeaders.hiddenModuleContainer {
        display: none !important;
    }

.modulesActivityHeaders::before {
    font-family: 'icomoon';
}

.modulesActivityHeaders, .modulesActivityHeaders:hover {
    font-family: 'Rubik' !important;
    font-style: normal;
    line-height: 1.8em;
    letter-spacing: 0.06em;
    color: #191919;
    margin: 1em !important;
    background-color: transparent !important;
    padding-top: 0.8em !important;
    cursor: pointer;
}

.panelStreams.active :last-child {
    border-bottom-width: 1px !important;
}

.panelStreams .tox.tox-tinymce,
.tox.tox-tinymce div {
    padding: 0px 0px;
}

.user-properties-compose {
    border: 0px;
    background-color: transparent;
    font-size: 1.4em !important;
    padding-right: 0 !important;
    position: relative !important;
}

.divReplayToFieldActions {
    position: absolute;
    top: 0.25em;
}

div[data-validation="0-30"] .icon-User-Properties-Icon {
    display: none !important;
}

div[data-validation="0-139"] .icon-User-Properties-Icon {
    display: none !important;
}

div[data-validation="0-256"] .icon-User-Properties-Icon {
    display: none !important;
}

div.tox-toolbar__group:has( span[subject="overload_message"]) {
    display: none !important;
}

div.tox-toolbar__group:has( span[subject="auto_response_outside_of_the_activity_hours"]) {
    display: none !important;
}

div.tox-toolbar__group:has( span[subject="one_time_message"]) {
    display: none !important;
}

div.tox-toolbar__group:has( span[subject="start_conversation_message"]) {
    display: none !important;
}

div.tox-toolbar__group:has( span[subject="resolved_message"]) {
    display: none !important;
}

button[subject="survey_options_select_message"] {
    display: none !important;
}

button[subject="form_signature_text"] {
    display: none !important;
}

button[subject="form_confirmation_text"] {
    display: none !important;
}

button[subject="welcome_subtitle"] {
    display: none !important;
}

button[subject="pre_login_message"] {
    display: none !important;
}

button[subject="automation_options_select_message"] {
    display: none !important;
}



#mobileComposeButton {
    display: none;
}

body:not(.mobileResolusion) #mobileSubHeader {
    display: none !important;
}

.cls_inboxTab .mce-tooltip-inner,
.cls_pinnedObjectTab .mce-tooltip-inner {
    position: absolute;
    bottom: 2em;
}

.cls_inboxTab .mce-popover,
.cls_pinnedObjectTab .mce-popover {
    margin-top: -12em !important;
}

.panelStreams .divStreamName {
    padding-top: 1em;
}

    .panelStreams .divStreamName.hasSubStreams {
        padding-top: 0.6em;
    }

.panelStreams .divSubsteams,
.panelStreamsOpen #linkToPage {
    font-size: 0.75em;
    padding-top: 0;
    clear: both;
    padding-top: 0.3em;
}

.divSubsteams {
    width: 100%;
    margin-bottom: 0.6em;
}

.panelStreams .divTabsButtons {
    overflow: auto;
}

    .panelStreams .divTabsButtons .btnEditTab {
        text-align: center;
        clear: none;
        margin: 0;
        padding: 1em;
        font-size: 0.8em;
        display: inline-block;
        min-width: 8em;
    }

        .panelStreams .divTabsButtons .btnEditTab a {
            display: inline-block;
            padding: 0.5em 0;
        }

        .panelStreams .divTabsButtons .btnEditTab .btnEditTabIcon {
            font-size: 1.7em;
            top: -0.18em;
            position: relative;
        }

        .panelStreams .divTabsButtons .btnEditTab.selected a {
            color: inherit;
            /*  ie support for initial */
            color: initial;
        }

.streamSetting .settingColumn .icon-bot {
    width: 2em;
}

.panelStreams .divActivateStream {
    position: relative;
    font-size: 1.4em;
    padding-top: 0.75em;
}

    .panelStreams .divActivateStream label.switch[data-active="2"] {
        display: none;
    }

.divLblSubstream .divActivateSubStream {
    font-size: 1.4em;
}

    .divLblSubstream .divActivateSubStream.hideBtn {
        display: none;
    }

.panelStreams .divModuleImage.module_image_large {
    height: 5em;
    padding: 1em;
    margin: 0;
    width: 10%;
    max-width: 5em;
}

.modalOpen .panel .divModuleImage {
    width: 7em !important;
    height: 7em !important;
    max-width: 7em !important;
}

.panel .divModuleImage img {
    width: 5em;
    height: 5em;
    -moz-border-radius: 0.5em;
    -webkit-border-radius: 0.5em;
    border-radius: 0.5em;
    margin-right: 1em;
    margin-left: 1em;
}

.panelStreams .divStreamSetting,
.panelStreams .divBrandModuleSetting {
    clear: both;
    padding-bottom: 30px;
    display: none;
    cursor: default;
    overflow: auto;
}

.divStreamName span.streamDetails {
    max-width: 20em;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-block;
    vertical-align: bottom;
}

.divBrandModuleSetting {
    margin-top: 1em;
}

#streamNotifications .divGroupSettings {
    margin-top: initial;
}

#streamNotifications .settingColumn {
    margin: 1em;
    min-width: 21em;
    min-height: 2.3em;
}

#streamNotifications .panelStreamsOpen .streamName {
    margin: 1.2em 0;
}

#streamNotifications .notSelectedStreamDiv {
    padding: 1em;
}

.settingsNotificationsGroup {
    min-height: 1em;
    position: relative;
}

    .settingsNotificationsGroup .notificationGroupRow {
        width: 100%;
        position: absolute;
        height: 2.5em;
        top: 0em;
        padding-top: 1em;
    }

    .settingsNotificationsGroup .notificationsTypes {
        padding-top: 2em;
    }

.panelStreams .divSetting {
    clear: both;
    cursor: default;
    overflow: auto;
    border-radius: 1em;
    border-radius: 1em;
}

.panelStreams div.saveButton {
    clear: both;
}

.panelStreams div.saveButtonMessage {
    padding-top: 0.5em;
}

.panelStreams .divMessageSettings {
    position: absolute;
    bottom: 10px;
}

.panelStreams .saveAjax {
    top: 18px;
    position: absolute;
}

.panelStreams .tabModule {
    padding: 1em 1em 0 1em;
}

.sessionStatusType {
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    width: 0.5em;
    height: 0.5em;
}

span.newIndicatorCallToAction,
button.newCallToActionBtn {
    background-color: #ece0f8;
    border-radius: 0.5em;
    color: #9460c8 !important;
    border: solid 1px #9460c8;
    padding: 0.18em 0.5em;
}

.inactiveAgents {
    display: none;
}

.spnSessionStatusNavTitle {
    position: relative;
    display: inline-block;
    top: -0.1em;
}

    .spnSessionStatusNavTitle .status-dot {
        top: 0em;
        border: 1px solid white;
    }

#userPanelSessionStatusNavTitle,
li.hasSubMenu {
    cursor: default !important;
}

.divManagerExpertise {
    clear: both;
    font-size: 0.9em;
    margin-top: 0.5em;
}

    .divManagerExpertise a {
        font-size: 0.8em;
        cursor: pointer;
    }

        .divManagerExpertise a:hover {
            text-decoration: underline;
        }


/*******change stream Start******************************/

.editStreamDialog {
    min-height: 37em;
    max-height: calc(100vh - 12em);
    overflow: auto;
    padding: 1em 2em 4em 2em;
    font-size: 14px;
}

#updateFilterNameBtn {
    margin-top: 0.3em;
}

.gap-2.ring-1 {
    width: 93%;
    max-height: 1.2em;
    min-height: 1.2em !important;
}

.editStreamDialog #missingUserFieldsModuleTransfer {
    clear: both;
    padding-bottom: 2em;
}

.wrapperSelectStreamAndSubStream {
    display: flex;
    height: 6em;
}

#moduleTransferMissingUserFields {
    clear: both;
    padding-top: 2em;
}

.byAutoComplete ul.ui-autocomplete {
    overflow: auto;
    max-height: 15em;
}

.editStreamDialog .ddlEditStreams {
    width: 15em;
}

.editStreamDialog #missingUserFieldsModuleTransfer .userField.BY_input {
    width: 15em;
}

.editStreamDialog .ddlEditSubStreams {
    width: 5.5em;
}

.editStreamDialog tr {
    height: 2em;
}

.editStreamDialog .editStreamsButtons {
    clear: both;
    bottom: 0em;
    position: absolute;
    height: 2.5em;
    width: calc(100% - 2em);
    padding-right: 1em;
    padding-left: 1em;
}

[renderd-data-by-view="save.stream.mail.basic.msg"] #streamSaveMsgBtns > div {
    display: flex;
}


.editStreamDialog .byAutoComplete label {
    display: block;
}

[renderd-data-by-view="inbox.stream.change.dialog.update.user.field"] {
    padding-top: 1em;
}

    [renderd-data-by-view="inbox.stream.change.dialog.update.user.field"] #cbUpdateUserTicket {
        position: relative;
        top: 0.1em;
    }

    [renderd-data-by-view="inbox.stream.change.dialog.update.user.field"] .update-user-detailes-description {
        padding-top: 0.5em;
    }

.send-template-content .addContentFromSourceBtn {
    position: absolute;
    bottom: 0.6em;
    z-index: 999999999999999;
}

.stream-route-content {
    clear: both;
}

    #moduleAdditionaRequiredContent #crossModuledivWhatsAppTemplate .send-template-content {
        max-height: initial;
    }

.dropdown-edit-selected .selectButton {
    padding: 0.5em;
    border: 1px solid #D2D2D2;
    box-sizing: border-box;
    border-radius: 3px;
    min-width: 15em;
    font-family: inherit;
    display: block;
    height: 2em;
}

#ddlTeams .dropdown-edit-selected .selectButton,
#editProfileTr .dropdown-edit-selected .selectButton {
    white-space: nowrap;
    width: 15em;
    overflow: hidden;
    text-overflow: ellipsis;
}

#ddlTeams .dropdown-edit-selected .controlOpen,
#ddlProfiles .dropdown-edit-selected .controlOpen {
    max-width: 100%;
}

.dropdown-edit-selected .selectButton:focus {
    outline: none;
}

.editStreamDialog div.label {
    display: inline-block;
}

.editStreamDialog div.container {
    display: inline-block;
}

.dropdown-edit-selected .controlOpen {
    position: absolute;
    width: auto;
    max-width: 50em;
    max-height: 19em;
    border: none;
    overflow: auto;
}

.alwaysOverflow .dropdown-edit-selected .controlOpen {
    min-width: 22em;
    max-width: 30em;
}

.dropdown-edit-selected .controlOpen.disableSearch input[type=text].ui-autocomplete-input,
.dropdown-edit-selected .controlOpen.disableSearch span.icon-search,
.dropdown-edit-selected .controlOpen.disableSearch hr {
    display: none;
}

.byAutoComplete .ui-autocomplete {
    border-radius: 0px 0px 3px 3px;
}


.dropdown-edit-selected .ui-autocomplete {
    position: relative !important;
    top: 0 !important;
    border: none;
    box-shadow: none;
    width: calc(100% - 1em) !important;
    max-width: initial;
    left: 0 !important;
    /*jquery dialog style no needed in rtl, override */
    padding: 0 0.5em;
    overflow-y: auto;
}

.wrapperSelectStreamAndSubStream .dropdown-edit-selected {
    margin-left: 0;
    margin-right: 0;
}

.dropdown-edit-selected,
.dropdown-edit-selected .search {
    position: relative;
    display: inline-block;
}

    .dropdown-edit-selected .icon-chevron-down::before {
        position: absolute;
        /* content: " \25BE"; */
        top: 0.5em;
        height: 10px;
        width: 25px;
        font-size: 1.1em;
        color: #505050;
        font-weight: 600;
    }

input[id^=by_autoComplete_] {
    border: none !important;
    margin: 0 0.5em;
    padding-bottom: 0;
    width: calc(100% - 4em);
}

.editStreamDialog hr {
    width: calc(100% - 2em);
    opacity: 0.5;
}

.editStreamDialog #streamSelectInput::placeholder,
.editStreamDialog #subStreamSelectInput::placeholder {
    opacity: 0.3;
}

.editStreamsButtons {
    text-align: end;
}

    .editStreamsButtons .editStreamButton {
        margin: 0.5em;
    }


/*******change stream End******************************/

.presenceReportWrapper {
    margin: 1em;
}

    .presenceReportWrapper .smartManagersSelectDialog {
        top: 0.8em;
        position: relative;
        padding-left: 2em;
        padding-right: 2em;
    }

    .presenceReportWrapper .presenceTableDiv {
        padding: 1em;
        width: calc(100% - 2em);
    }

        .presenceReportWrapper .presenceTableDiv td {
            border-radius: 5%;
        }

        .presenceReportWrapper .presenceTableDiv .pointer .plusSign {
            font-size: 1.5em;
            visibility: hidden;
        }

        .presenceReportWrapper .presenceTableDiv .pointer:hover .plusSign {
            visibility: visible;
        }

        .presenceReportWrapper .presenceTableDiv td[class^="managerStats_"] div {
            height: 1em;
            border-radius: 0.5em;
            overflow: hidden;
        }

    .presenceReportWrapper .presentageManagerImg {
        height: 100%;
    }

    .presenceReportWrapper .summaryTbl b {
        font-size: 1.5em;
    }

    .presenceReportWrapper .presenceTableDiv .summaryTbl h2 {
        font-size: 1.5em;
    }

    .presenceReportWrapper #buttonsCreateReport {
        display: inline-block !important;
    }

.smartSelectionDialog input[name="searchManagersButton"] {
    margin: 0.5em;
}

.smartSelectionDialog .managersListWrapper {
    overflow: auto;
    padding: 1em;
    max-height: 30em;
}

    .smartSelectionDialog .managersListWrapper a {
        display: none;
        padding: 0.4em;
    }

    .smartSelectionDialog .managersListWrapper #managersList {
        padding: 0.5em 0;
    }

    .smartSelectionDialog .managersListWrapper .managersListDiv {
        padding: 0.1em 0;
    }

        .smartSelectionDialog .managersListWrapper .managersListDiv span {
            display: inline-block;
            vertical-align: middle;
        }

.smartSelectionDialog select {
    margin: 1em;
    max-width: 14em;
}

#managerPresenceReport {
    overflow: auto;
    z-index: 2000 !important;
}

    #managerPresenceReport .navigator {
        overflow: auto;
        clear: both;
        padding: 0 0.5em;
    }

        #managerPresenceReport .navigator #prevMonth,
        #nextMonth {
            cursor: pointer;
            font-size: 2em;
            margin-top: 0.1em;
        }

    #managerPresenceReport .calendarMonth {
        font-size: 1.5em;
        padding: 0.2em;
        margin-left: 0.5em;
        margin-right: 0.5em;
    }

    #managerPresenceReport .newManagerSessionBtn {
        position: fixed;
        bottom: 1em;
        opacity: 0.8;
        padding-left: 0.3em;
        padding-right: 0.3em;
        border-radius: 21em;
        font-size: 3em;
        border: 0em;
        cursor: pointer;
    }

    #managerPresenceReport table {
        width: 100%;
        border: 0;
        border-spacing: 2px;
        border-collapse: separate;
    }

        #managerPresenceReport table .dayNumberWrapper .addDayEvent {
            opacity: 0.8;
            background-color: transparent;
            padding-left: 0.4em;
            padding-right: 0.4em;
            border-radius: 2em;
            font-size: 1.5em;
            margin-top: 0.2em;
            cursor: pointer;
            display: none;
        }

        #managerPresenceReport table .dayNumberWrapper:hover .addDayEvent {
            display: block;
        }

        #managerPresenceReport table .dayNumberWrapper .addDayEvent:hover {
            transition: all 0.2s ease-in-out;
            display: block;
        }

        #managerPresenceReport table tr th {
            width: 14%;
        }

        #managerPresenceReport table tr td {
            width: 14%;
            vertical-align: top;
            padding: 0;
        }

            #managerPresenceReport table tr td .dayNumber {
                font-size: 2em;
            }

            #managerPresenceReport table tr td .dayContent {
                height: 7em;
                overflow: auto;
            }

            #managerPresenceReport table tr td.emptyDay {
                width: 14%;
                vertical-align: top;
            }

.divSessionWrapper {
    padding: 0.3em;
    margin-top: 1px;
    position: relative;
}

    .divSessionWrapper .divSessionTimeWrapper {
        display: inline;
        position: absolute;
    }

        .divSessionWrapper .divSessionTimeWrapper .spnSessionTime {
            display: inline-table;
            font-size: 0.8em;
        }

    .divSessionWrapper .icon-x {
        visibility: hidden;
        display: inline-table;
    }

    .divSessionWrapper:hover .icon-x {
        visibility: visible;
    }

    .divSessionWrapper .icon-file {
        font-size: 0.8em;
        color: inherit;
    }

#editManagerSessionDivWrapper span[id^='spnMsgError'] {
    display: none;
}

.editManagerSession .formPanel {
    margin-bottom: 0;
    margin-top: 1em;
}

.editManagerSession .toHourSelectorDiv {
    display: inline-block;
}

.disabledArrow {
    opacity: .4;
    cursor: not-allowed !important;
}


/* IM */

#globalMessageElementRead {
    overflow: auto;
    max-height: 50em !important;
}


/* Voice */
.divVoiceControls {
    border-radius: 3em;
    width: 100%;
}

.divVoiceButtons .iconPhoneAnswer,
.divVoiceButtons .iconPhoneHangup {
}

.divVoiceButtons .spanCallTimer {
    padding-top: 0 !important;
    font-family: 'Poppins', 'Rubik', helvetica, arial, sans-serif;
}

.divVoiceControls .icon-play3,
.divVoiceControls .spanCallTimer {
    font-weight: normal;
}

.divVoiceControls .icon-play3 {
    opacity: 0.7;
}

.divObjectWrapper .divObject .divObjectText .icon-file {
    margin-top: 0.3em;
}

.divVoiceButtons span {
    display: inline-block;
    -moz-border-radius: 1.5em;
    -webkit-border-radius: 1.5em;
    border-radius: 1.5em;
    font-size: 1em;
}

    .divVoiceButtons span.phone_action_button {
        padding: 0.4em 0.6em 0.2em;
    }

.iconPhoneLive {
    padding-top: 0.4em;
}

.iconPhoneRinging {
    padding-top: 0.4em;
    animation: pulse 1.5s infinite;
}

@keyframes pulse {
    0% {
        color: transparent;
    }

    50% {
        color: #2AB512;
    }

    100% {
        color: transparent;
    }
}

.iconPhoneHangup {
    padding: 0.35em;
}

.iconPhoneAnswer {
    padding: 0.35em;
}

.iconPhoneMute {
    padding: 0.4em;
}

.iconCallDirectionIncoming,
.iconCallDirectionOutgoing {
    position: relative;
    top: 0.5em;
}

.spnAgentName {
    display: inline-block;
}

.divCallRecording {
    height: 2.5em;
    text-align: center;
    display: inline-block;
    margin: 1.2em;
}


/* ACE editor */

.aceEditorXML,
.aceEditorCSS,
.aceEditorJS {
    width: calc(100% - 2px);
    height: 30em;
    margin-bottom: 3em;
    max-width: 65em;
    border: 1px solid;
}

.ace-tm .ace_print-margin {
    background: none !important;
}


/* Pie classes section*/

.pie-div {
    position: relative;
    direction: ltr;
    letter-spacing: normal;
    height: 300px;
}


/* Intents section*/

#teachTextAreaWrapper {
    width: 100%;
    overflow: auto;
    margin-bottom: 1em;
}

.teachTextAreaInput {
    padding: 1em;
    height: 3em;
    width: 90%;
    width: calc(92% - 2em);
    outline: 0px solid transparent;
    overflow: auto;
    border: 1px solid;
}

.circleScore {
    height: 2em;
    width: 2em;
    margin: 1em;
    border-radius: 50%;
    padding: 0.5em;
    display: none;
}

.circleScoreTxt {
    padding-top: 0.5em;
    text-align: center;
}

.edit-btn-small {
    font-size: 0.6em;
    padding: 1em;
    display: none;
}

.panelStreamsOpen .edit-btn-small {
    display: block;
}

.h1-inline {
    margin: 0em;
    display: inline-block;
}

.levelIndicatorTitle {
    font-size: 1.2em;
    margin-bottom: 0.5em;
}

#divLevelIndicator {
    display: block;
    padding: 1em;
    border-radius: 0.3em;
    margin: 3em;
}

#divLvlLeftBar,
#divLvlRightBar {
    height: 1.5em;
}

.suggestionText {
    overflow: auto;
    border: 1px solid;
    padding: 1em;
    margin-bottom: 1em;
    position: relative;
}

.intentSuggestionStream {
    position: absolute;
    overflow: auto;
    bottom: 0em;
}

.imgThumbsUp {
    width: 3.5em;
    margin-top: 0.5em;
}

.imgThumbsDown {
    width: 3.5em;
}

#suggestionScore {
    float: right;
    margin-top: 1.5em;
    font-size: 1em;
    font-weight: 500;
}

#divWordsList {
    height: 30em;
    overflow-y: scroll;
    direction: rtl;
    padding-left: 2em;
    padding-right: 2em;
    margin-top: 2em;
}

#divLexiconOperations {
    width: calc(48% - 5em);
    padding: 2.5em;
}

#lexiconGroups {
    width: calc(50% - 2em);
    margin-right: 1em;
    margin-left: 1em;
    margin-top: 1em;
    overflow: auto;
}

    #lexiconGroups .formPanel.theme_panel {
        width: calc(100% - 3em);
    }

#lexiconWords {
    width: calc(50% - 2em);
    margin-right: 1em;
    margin-left: 1em;
    margin-top: 2em;
    overflow: auto;
}

#divSelectedTokens {
    display: inline-block;
    margin-bottom: .5em;
}

#divSelectedTokensArea {
    margin-top: 1em;
    padding: 1em;
    border-radius: 0.5em;
    width: -webkit-fill-available;
}

#divTokensStats {
    width: calc(60% - 5em);
    padding: 2.5em;
}

.lexiconButtons {
    top: -1.5em;
    position: relative;
}

#divLexionTokens {
    max-height: 50%;
    min-height: 30%;
    margin-bottom: 3em;
    overflow: auto;
}

#divAlertMessage {
    font-size: small;
    text-align: center;
    margin-top: 0.3em;
}

#tblAllIntents {
    width: 45%;
}

    #tblAllIntents .intentName {
        width: 14em;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        display: block;
    }

    #tblAllIntents [isaiintent="true"] .clsLevelNumber {
        display: none;
    }

#divIntentsTest {
    width: 90%;
    margin-top: 0em;
}

    #divIntentsTest textarea {
        width: 90%;
    }

    #divIntentsTest input {
        margin-top: 1em;
    }

.testIntentsWrapper {
    width: 40%;
}

#intentsBumpyImg {
    width: 10em;
    padding-bottom: 2em;
    position: relative;
    margin: 0 auto;
    display: block;
}

#advancedNewIntentsOptions {
    overflow: auto;
    width: 100%;
    clear: both;
    padding-top: 0em !important;
}

.classfiedIntentImg {
    width: 1.1em;
    position: relative;
    top: 0.2em;
}

#divFoundIntents {
    margin-top: 1em;
    clear: both;
    display: none;
}

#btnAddSentence {
    position: relative;
}

.knowledgeBaseAllowedModulesIcons {
    padding-left: 0.15em;
    padding-right: 0.15em;
    position: relative;
    top: 0.2em;
}

#knowledgeBaseSuggestions {
    margin: 1em;
    border-radius: 0.3em;
    border: 0;
    padding: 1em;
    overflow: hidden;
    display: none;
}

.knowledgeBaseHeader {
    font-size: 1.3em;
}

.iconFont {
    font-size: 1.3em;
}

#divRetrieveTexts {
    margin-top: 3em;
    text-align: center;
    margin-bottom: 1em;
    display: none;
}

.sentenceDetails {
    padding: 0.5em;
    font-size: 0.9em;
    overflow: auto;
    margin-bottom: 1em;
    line-height: 2em;
}


#divInnerIntentSentences {
    padding: 2em;
    overflow: auto;
    height: 80%;
}

    #divInnerIntentSentences div {
        margin-bottom: 0.5em;
    }

.disabledSentence {
    text-decoration: line-through;
    opacity: 0.5;
}

.intentActivityMessage {
    max-width: 35em;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

#spRelearningMessage {
    font-weight: 500;
    text-align: center;
    -webkit-animation: fadeinout 3s infinite;
    animation: fadeinout 3s linear infinite;
}

#mailAccountsForwardInput_wrapper .InputLabel {
    white-space: nowrap;
    display: inline-block;
    max-width: 33%;
    text-overflow: ellipsis;
}

#streamForm_6[data-server-type="2"] [id^="mailAccountsSmptServerAddr"],
#streamForm_6[data-server-type="2"] [id^="mailAccountsSmptPort"],
#streamForm_6[data-server-type="2"] [id^="mailAccountsUserName"],
#streamForm_6[data-server-type="2"] [id^="mailAccountsPassword"],
#streamForm_6[data-server-type="2"] [id^="mailAccountsUseSSL"],
#streamForm_6[data-server-type="1"] [id^="mailAccountsSmptPort"],
#streamForm_6[data-server-type="1"] [id^="mailAccountsUseSSL"],
#streamForm_6[data-server-type="3"] [id^="mailAccountsSmptPort"],
#streamForm_6[data-server-type="3"] [id^="mailAccountsUseSSL"],
#streamForm_6[data-server-type="0"] [id^="mailAccountsExchangeVersion_wrapper"],
#streamForm_6[data-server-type="2"] [id^="mailAccountsExchangeVersion_wrapper"],
#streamForm_6[data-server-type="3"] [id^="mailAccountsExchangeVersion_wrapper"],
#streamForm_6[data-server-type="3"] [id^="sameIncomingAndOutgoing_wrapper"],
#streamForm_6[data-server-type="2"] [id^="sameIncomingAndOutgoing_wrapper"],
#streamForm_6[data-server-type="3"] [id^="mailAccountsUserName"],
#streamForm_6[data-server-type="3"] [id^="mailAccountsPassword"],
#streamForm_6[data-server-type="3"] [id^="mailAccountsSmptServerAddr"] {
    display: none;
}


.dateControlPadding {
    padding: 0;
}

.searchDateBTN {
    margin-top: 1.5em;
}

.datePickerControl .alertPH {
    visibility: hidden;
}

.field_validation {
    visibility: hidden;
}

.visible {
    visibility: visible;
}

@-webkit-keyframes fadeinout {
    0%, 100% {
        opacity: 0.3;
    }

    50% {
        opacity: 1;
    }
}

@keyframes fadeinout {
    0%, 100% {
        opacity: 0.3;
    }

    50% {
        opacity: 1;
    }
}

@keyframes wave {
    0%, 60%, 100% {
        transform: initial;
    }

    30% {
        transform: translateY(-8px);
    }
}


/*** Automation(Workflows) section ***/

#workflowTitle {
    padding-top: 1em;
    height: calc(5% - 1em);
}

#workflowTriggers {
    /*height: calc(15% - 1em);*/
    padding-top: 1em;
}

#workflowEditor {
    clear: both;
    height: 80%;
}

#hrWorkflowEdit {
    font-size: 0.5em;
}

#selectedStreamsArea {
    padding: 1em;
}

#editTriggerArea {
    display: none;
    margin-top: 0.5em;
    padding: 1em;
    padding-top: 2em;
    margin-bottom: 1em;
    min-width: 35em;
    clear: both;
}

    #editTriggerArea h2 {
        display: inline;
    }

#aceBML {
    height: 80%;
}

.triggerShortDesc {
    font-size: 0.8em;
    padding-top: 0.5em;
    clear: both;
}

    .triggerShortDesc span {
        text-decoration: underline;
    }

#btnSaveScript {
    margin: 1em;
}

#divSaveSuccessMessage {
    display: none;
}

.auditTrailLogsLink {
    margin: 1em 0;
    display: block;
}

#tblAllWorkflows {
    padding-right: 1.8em;
    padding-top: 0.5em;
}

    #tblAllWorkflows td {
        width: 8em;
        height: 2em;
    }

#existingTriggersArea {
    height: 60%;
    overflow: auto;
}

#spStatusChangedMessage {
    padding: 1.1em;
    font-size: 0.8em;
    display: none;
}

#hrWorkflowStatus {
    padding: 1em;
    font-size: 1.2em;
}

#spWorkflowStatus {
    position: relative;
    top: 0.15em;
}

#spTriggerExistsMessage {
    display: none;
}


/* Forms Section */

.canvas-container {
    position: absolute !important;
    cursor: pointer;
}

.formsToolbar input {
    padding: 0.3em !important;
}

.formsRemoteAgentIcon {
    font-size: 1.5em;
    border-radius: 2em;
    margin-right: 0.5em;
    margin-left: 0.5em;
    display: inline-block;
}

.formsDblClickMessage {
    position: relative;
    top: 3em;
    width: 100%;
    text-align: center;
    font-size: 1.2em;
    opacity: 0.8;
    z-index: 10000;
}

.formId {
    font-size: 0.7em;
    font-weight: 500;
}

.userTags {
    padding-top: 1em;
    margin-top: 0.4em;
}

    .userTags .associatedTags {
        font-size: 0.7em;
        min-height: 4em;
    }

#divUserInfo .quickObjectPanel span {
    font-size: 1em;
    cursor: pointer;
}

    #divUserInfo .quickObjectPanel span:hover {
        opacity: 0.5;
    }

.userHistoryMode .divUserInfoImg .divUserImage {
    margin-top: 0.2em;
}

.printImg {
    position: absolute;
    background-color: white;
    display:block;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 99999999999999999999;
    width: auto;
    height: 100%;
}

img.printImg {
    margin: auto;
}

.plusIconAdd {
    font-size: 1em;
    position: relative;
    top: -0.2em;
    cursor: pointer;
}

    .plusIconAdd.lower {
        top: 1em;
    }


/* Main Content/Strip Structure 

/*** Strip - media ***/

#divUserInfo {
    position: absolute;
    width: 22%;
    margin: 0;
    padding: 0.5em 0em;
    height: 70%;
    height: calc(100% - 2em);
    overflow: auto;
    overflow-x: hidden;
}

#divAddObjectDialogStreamTypes {
    width: calc(100% - 2em);
    overflow: auto;
    padding: 1em;
    position: relative;
    overflow-x: hidden;
    height: calc(100% - 2em);
}

#addObjectDialog {
    height: 100%;
    display: none;
}

.spnObjectSystemMessage {
    font-size: 0.85em;
}


/*#region  Itemlistbox styles  */

.itemlistbox-container {
    position: relative;
    width: 100%;
    padding-top: 1em;
    padding-bottom: 1em;
}

.itemlistbox-layout {
    position: relative;
}

.itemlistbox-header {
    height: 3em;
}

.itemlistbox-layout .itemlistbox-headline {
    position: relative;
    width: calc(100% - 2.9em);
    height: 100%;
}

#divStrip .itemlistbox-layout .itemlistbox-headline > h2 {
    position: relative;
    width: 100%;
    margin: 0em;
    font-size: 1.2em;
}

.itemlistbox-layout .itemlistbox-picker {
    position: relative;
    min-width: 1em;
    text-align: center;
    font-size: 2.16em;
}

    .itemlistbox-layout .itemlistbox-picker .strip-plus-button {
        position: relative;
        opacity: 0.5;
    }

        .itemlistbox-layout .itemlistbox-picker .strip-plus-button:hover {
            opacity: 1;
        }

.itemlistbox-body.expanded {
    max-height: auto !important;
    /*height: auto !important;*/
    /*transition: max-height 0.25s ease-in;*/
}

.itemlistbox-body {
    transition: max-height 0.15s ease-out;
    position: relative;
    width: 100%;
}

.itemlistbox-items-view-panel {
    position: relative;
    width: calc(100% - 1.5em);
    overflow-x: hidden;
    overflow-y: auto;
}

.btnFiltersCollapse {
    position: relative;
    bottom: 0.45em;
}

#btnCollapseChannels {
    top: 0.05em;
}

.filtersHeadline {
    width: 90% !important;
}

.showing-less-items .itemlistbox-items-view-panel {
    overflow-y: hidden;
}

.showing-more-items .itemlistbox-items-view-panel {
    overflow-y: auto;
}

.itemlistbox-items-container {
    position: relative;
}

.listbox-empty-state .itemlistbox-items-container {
    display: none;
}

#taComment_wrapper {
    position: relative;
}

.itemlistbox-items-container .itemlistbox-item-layout {
    max-height: 1.75em;
    padding-top: 0.4em;
    padding-bottom: 0.1em;
    position: relative;
    border-radius: 0.5em;
    font-weight: 300;
    transition: max-height 0.5s ease-out;
    overflow: hidden;
}

    .itemlistbox-items-container .itemlistbox-item-layout .itemlistbox-item-layout-start,
    .itemlistbox-items-container .itemlistbox-item-layout .itemlistbox-item-layout-end {
        position: relative;
        vertical-align: middle;
    }

    .itemlistbox-items-container .itemlistbox-item-layout .itemlistbox-item-layout-start {
        width: calc(100% - 2.9em);
        height: 100%;
    }

    .itemlistbox-items-container .itemlistbox-item-layout .itemlistbox-item-layout-end {
        top: 0.25em;
        text-align: center;
    }

    .itemlistbox-items-container .itemlistbox-item-layout .itemlistbox-item-name {
        position: relative;
        max-width: calc(100% - 2.7em);
        padding-top: 0.15em;
        vertical-align: middle;
    }

.itemlistbox-items-container .editable-listbox-item.itemlistbox-item-layout .itemlistbox-item-name {
    max-width: calc(100% - 6.1em);
}

#wrapperTagsInboxFilter .itemlistbox-items-container .itemlistbox-item-layout .itemlistbox-item-name {
    max-width: calc(100% - 6.7em);
}

.itemlistbox-item-name {
    font-weight: normal;
}

.manager-filters-section-header .manager-filters-headline {
    font-size: 16px;
}

#divStrip .itemlistbox-items-container .itemlistbox-item-layout:hover .itemlistbox-item-name {
    opacity: 1;
    font-weight: bold;
}

.itemlistbox-items-container .itemlistbox-item-layout .itemlistbox-item-name .itemlistbox-list-item-bullet {
    padding-top: 0.6em;
    font-size: 0.5em;
}

.itemlistbox-items-container .itemlistbox-item-layout.showing-filter-warning .itemlistbox-item-name {
    max-width: calc(100% - 2.23em);
}

.itemlistbox-items-container .itemlistbox-item-layout.indicating-new-filter .itemlistbox-item-name {
    max-width: calc(100% - 4.5em);
}

.itemlistbox-items-container .itemlistbox-item-layout.showing-filter-warning.indicating-new-filter .itemlistbox-item-name {
    max-width: calc(100% - 5.63em);
}

.itemlistbox-items-container .itemlistbox-item-layout .itemlistbox-filter-assigned-to-me-notification,
.itemlistbox-items-container .itemlistbox-item-layout .itemlistbox-filter-i-am-participant-notification {
    padding: 0.4em 0.4em 0em;
    vertical-align: middle;
}

.itemlistbox-items-container .itemlistbox-item-layout .assignment-filter-warning {
    display: none;
}

.itemlistbox-items-container .itemlistbox-item-layout .new-filter-indicator {
    display: none;
    vertical-align: top;
}

.itemlistbox-items-container .itemlistbox-item-layout.showing-filter-warning .assignment-filter-warning,
.itemlistbox-items-container .itemlistbox-item-layout.indicating-new-filter .new-filter-indicator {
    display: inline-block;
}

.itemlistbox-items-container .itemlistbox-item-layout.indicating-new-filter .newIndicator {
    padding-top: 0.1em;
    padding-bottom: 0.1em;
    top: -0.15em;
    position: relative;
}

.itemlistbox-items-container .itemlistbox-item-layout .action_icon {
    visibility: hidden;
    position: relative;
    top: 0.2em;
}

.itemlistbox-items-container .itemlistbox-item-layout:hover .action_icon.visible {
    visibility: visible;
}


.itemlistbox-items-container .itemlistbox-item-layout .itemlistbox-edit-item {
    padding: 0 0.9em;
}

.itemlistbox-items-container .itemlistbox-item-layout .itemlistbox-edit-item,
.itemlistbox-items-container .itemlistbox-item-layout .itemlistbox-expand-item {
    top: 0.4em;
}

.itemlistbox-items-container .itemlistbox-item-layout {
    padding-left: 0.75em;
    padding-right: 0.75em;
}

    .itemlistbox-items-container .itemlistbox-item-layout .itemlistbox-item-objects-count {
        display: none;
    }

#divStrip .itemlistbox-items-container .listbox-selected-item .itemlistbox-item-name {
    opacity: 1;
}

.itemlistbox-items-container .showing-filter-count .itemlistbox-item-objects-count,
.itemlistbox-items-container .listbox-selected-item .itemlistbox-item-objects-count {
    display: inline;
}

.itemlistbox-items-container .manager-filters-section {
    position: relative;
}

.hiding-custom-manager-filters .itemlistbox-items-container .manager-filters-section,
.cls_userSearchTab .itemlistbox-items-container .manager-filters-section,
.cls_managerSearchTab .itemlistbox-items-container .manager-filters-section {
    display: none;
}

.itemlistbox-items-container .manager-filters-section .manager-filters-section-header {
    position: relative;
    padding-left: 0.75em;
    padding-right: 0.75em;
}

    .itemlistbox-items-container .manager-filters-section .manager-filters-section-header .manager-filters-headline {
        position: relative;
        padding-top: 0.3em;
    }

#wrapperTagsInboxFilter .itemlistbox-items-container .itemlistbox-item-layout .itemlistbox-item-layout-start {
    width: calc(100% - 0.8em);
    height: auto;
}

#wrapperTagsInboxFilter .expaned-item-value-wrapper .tag {
    display: table;
    margin: 0.5em 0;
}

.itemlistbox-items-container .itemlistbox-item-layout.expanded {
    padding-bottom: 0.8em !important;
    height: 100% !important;
    max-height: 100% !important;
}

/*#endregion  End Itemlistbox styles  */

#divMainContentWrapper {
    z-index: 999;
    margin: 0 auto 0 auto;
    position: relative;
    height: 100%;
    width: calc(100% - 3.5em);
    /* default width if not set by resizable div */
}

    #divMainContentWrapper.dockedStrip {
        width: calc(100% - 24.5em);
        /*less #divStrip*/
    }

#divStripTabs div:hover:not(#divStripButtonsBottom) {
    border-radius: 50%;
}

body:not(.mobileResolusion).stripMaximized #divStripTabButtonIM,
body:not(.mobileResolusion).stripMinimized #divStripTabButtonIM {
    display: none;
}

#divStripTabButtonLogo,
#divStripTabButtonaddObjectDialog,
#divStripTabButtonInbox,
#divStripTabButtonHome,
#divStripTabButtonDashboard,
#divStripTabButtonInsights,
#divStripTabButtonSettings,
#divStripTabButtonCampaigns,
#divStripTabButtonCustomers,
#divStripTabButtonHub,
#divStripTabButtonIM,
#divStripTabButtonFeedback {
    text-align: center;
    margin: 0 0.25rem;
}

#divStripTabButtonLogo {
    margin-bottom: 1em;
}

#divMainContent {
    position: relative;
    width: 100%;
    height: calc(100% - 3.8em + 1px);
    overflow-x: hidden;
    overflow-y: auto;
}

#divStrip {
    overflow: auto;
    width: 21em;
    height: 100%;
    z-index: 10;
    z-index: 1000;
    -moz-transition: all .25s ease-in-out;
    -o-transition: all .25s ease-in-out;
    -webkit-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out;
    position: relative;
}

    #divStrip.dockedStrip {
        box-shadow: none;
    }

#stripHeader span.dockMenu {
    cursor: pointer;
    margin-top: 0.8em;
}

#divStrip.dockedStrip .dockMenu {
    display: none;
}

#divStrip.dockedStrip:hover .dockMenu {
    display: block;
}

#divStrip a {
    -moz-transition: all .1s ease-in-out;
    -o-transition: all .1s ease-in-out;
    -webkit-transition: all .1s ease-in-out;
    transition: all .1s ease-in-out;
}

    #divStrip a:hover {
        color: inherit !important;
    }

#divStrip h2 {
    margin-top: 0;
    font-size: 1.2em;
}

#divStrip .tag {
    font-size: 0.8em;
}

#divStrip .stripSection {
    clear: both;
    width: 100%;
    overflow: auto;
    padding-bottom: 1em !important;
    padding-top: 1em;
    position: relative;
    z-index: 1;
    min-height: 2em;
    border-top: 1px solid #444;
}

#divStrip .stripSectionInner::-webkit-scrollbar,
.editStreamDialog .ui-autocomplete::-webkit-scrollbar {
    background: transparent !important;
}

.itemlistbox-body::-webkit-scrollbar-thumb,
#divStrip .stripSectionInner::-webkit-scrollbar-thumb {
    background-color: rgba(128, 128, 128, 0.5);
}

#divStrip .stripRowTitle {
    padding: 0em 1.75em !important;
    height: 3em;
}

#divStrip .stripRowTitleStreams {
    padding: 0em 0.4em !important;
    height: 3em;
}

#divStrip .stripSectionInner {
    overflow-y: auto;
    overflow-x: hidden;
    width: calc(100% - 2.2em);
}

#settingsMenu .icon-teams {
    top: 0.15em;
    font-size: 1.3em;
    position: relative;
}

#settingsMenu .icon-users-new,
#settingsMenu .icon-agent-statuses {
    font-size: 1.2em;
    vertical-align: middle;
}

#divWrapperFilterStreams .stripSectionInner {
    width: calc(100% - 2em);
}

#divStrip .stripRowSideIcon {
    position: absolute;
    min-width: 1em;
    text-align: center;
}

    #divStrip .stripRowSideIcon .strip-plus-button {
        cursor: pointer;
        position: relative;
        font-size: 2.16em;
        width: 1.2em;
        height: 1.2em;
        top: -0.35em;
        display: inline-block;
        border-radius: 1em;
        line-height: 1.275em;
        text-align: center;
        opacity: 0.5;
    }

        #divStrip .stripRowSideIcon .strip-plus-button:hover {
            opacity: 1;
        }

        #divStrip .stripRowSideIcon .strip-plus-button.disabled-button {
            pointer-events: none;
            opacity: 0.3 !important;
        }

.objects-inbox-pane-button {
    font-size: 0.8em;
    top: 0.45em;
    position: relative;
}

#divStrip .stripRow {
    position: relative;
    width: calc(100% - 0.75em);
    padding-top: 0.4em;
    padding-bottom: 0.4em;
    border-radius: 0.5em;
    overflow: hidden;
    font-weight: 300;
    clear: both;
    z-index: 1;
    text-overflow: ellipsis;
    white-space: nowrap;
}

    #divStrip .stripRow.stripRowChild {
        width: calc(100% - 3.5em);
    }

#divStrip .manager-object-filter-section {
    position: relative;
    width: calc(100% - 2em);
    padding: 1em;
}

#divStripSettings .stripRow.selectedItem {
    /* width: calc(100% - 2.9em);*/
}

#divStrip #divStripSettings a {
    max-width: 85%;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
}

#divStrip .stripRow .stripButtonDescription {
    margin-left: 2em;
    margin-right: 2em;
    font-weight: normal;
}

#divStrip .stripRow .settingsSideIcon {
    position: relative;
}

#divStrip .stripRow.objectFilterRow a,
#divStrip .stripRow .stripButtonDescription,
#divStrip #btnConversationFilterDialog {
    top: 0.05em;
}

#divStrip #btnConversationFilterDialog,
#divStrip #addobjectTagsFilterDialog {
    position: absolute;
    top: 0;
}

    #divStrip #btnConversationFilterDialog .strip-plus-button,
    #divStrip #addobjectTagsFilterDialog .strip-plus-button {
        width: 1.2em;
        height: 1.2em;
        top: -0.35em;
        line-height: 1.275em;
    }

#conversationFilterDialog .dialog-content {
    max-height: 50vh;
    overflow: auto;
}

#divStrip .stripRow.objectFilterRow .filterText {
    position: relative;
    width: 100%;
}

#divStrip .stripRow.objectFilterRow a {
    max-width: 90%;
}

#divStrip .stripRow.selectedItem a,
#divStrip .stripRow.selectedItem .stripButtonDescription,
#divStrip .stripRow:hover a,
#divStrip .stripRow:hover .stripButtonDescription,
.divModulesFilter:hover .icon-edit,
.divModulesFilter:hover .spnDeleteStreamsFilter,
.divModulesFilter:hover .divFilterStream span,
.divModulesFilter:hover .countSelectedStreams,
.divModulesFilter:hover .divFilterStreamButton span.icon-edit,
.divModulesFilter:hover .divFilterStreamButton span.spnDeleteStreamsFilter,
#divStrip .objects-inbox-pane-button:hover {
    opacity: 1 !important;
}

#divStrip .stripRow:hover a,
#divStrip .stripRow:hover .divFilterStream {
    font-weight: bold;
}

#divStrip .divRowIcon {
    padding-top: 0.3em;
    font-size: 0.9em;
}

#divStrip .divModulesFilter.stripRow .divFilterStream #spnAllStreams {
    font-size: 1em;
}

#divStrip .divModulesFilter.stripRow.selectedItem .divFilterStream span {
    opacity: 1 !important;
}

#divStrip .divModulesFilter.stripRow .divFilterStream span {
    text-overflow: ellipsis;
    overflow: hidden;
}

.customer_info_seperator {
    border-bottom: 1px solid;
    overflow: auto;
}

#divStrip .userInfoTags {
    width: 686px;
}

#divStrip .stripRow.selectedItem {
    transition: max-height 0.5s ease;
}

[id^="userInfoTags_"] {
    display: none;
}

.stripDialog .lblSelectAll .ui-button-text {
    font-size: 0.7em;
}

.stripDialog a {
    width: 0.5em;
    display: inline-block;
    padding: 0 .5em;
}

#divStripInnerWrapper {
    width: 100%;
    max-height: calc(100% - 5.5em);
    overflow: auto;
}

    #divStripInnerWrapper::-webkit-scrollbar {
        background-color: transparent;
    }

.divStripGroup {
    display: none;
    padding: 0;
    overflow: auto;
    clear: none !important;
    width: 100%;
}

#divStripInbox.divStripGroup {
    padding: 0;
    width: 100%;
}

.IMMaximized #divStripInnerWrapper {
    max-height: calc(100% - 19em);
}

.IMMaximized #divStripIM {
    display: none;
    max-height: 11em;
    position: absolute;
    bottom: 1em;
    overflow-y: hidden;
}

#usersCategory,
#objectsCategory {
    margin-top: 1em;
}

    #objectsCategory input,
    #usersCategory input {
        padding: 0 !important;
    }

.advance-search-btn {
    width: 5em;
}

.clearSearchVal {
    margin-right: 1.5em;
}

#divAdvanceSearch {
    display: none;
    padding: 1em;
    padding-left: 1em;
    padding-right: 1em;
    padding-top: 0em;
    width: 28.5em;
}

.elsasticSerachDatePickerWrapper {
    display: inline-block;
    padding-top: 0.5em;
}

    .elsasticSerachDatePickerWrapper .datePickerControlHoursMinutes {
        padding-top: 0.5em;
    }

.advancedSearchHeader.theme_main_border_color {
    width: 94%;
    border-style: solid;
    border-width: 0 0 1px 0;
}

#BY_control_objectsAdvanceSearchDialog {
    max-height: calc(100% - 8em);
    overflow: auto;
    min-height: auto;
}

.search.date-label-span {
    display: inline-block;
}


.search-tab-border {
    border-width: 0 0 3px 0;
    border-style: solid;
}

.advancedSearchTabsWrapper {
    margin: 0 auto;
}

.inline-block.tab-search label {
    height: 1.8em;
    display: inline-block;
    padding-top: 0.9em;
    width: 100%;
    text-align: center;
}

.separator {
    display: flex;
    align-items: center;
    text-align: center;
}

    .separator::before,
    .separator::after {
        content: '';
        flex: 1;
        border-bottom: 1px solid;
    }

    .separator:not(:empty)::before {
        margin-right: .25em;
    }

    .separator:not(:empty)::after {
        margin-left: .25em;
    }

#knowledgeBaseBox a {
    opacity: 1;
}

#knowledgeBaseBox #jstree {
    width: 100%;
    height: calc(100% - 3em);
    border: 0;
    padding: 0;
    overflow: auto;
}

#knowledgeBaseBox #jstreeExternalSearch {
    border: 0;
    padding: 0px;
    overflow: hidden;
    clear: both;
}
#divKnowledgeBaseWrapper .jstree-anchor,
#knowledgeBaseBox .jstree-anchor {
    font-size: 0.9em;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    max-width: calc(100% - 1em);
}

#divKnowledgeBaseWrapper .jstree-hovered,
#knowledgeBaseBox .jstree-hovered,
#knowledgeBaseBox .jstree-clicked,
#divKnowledgeBaseWrapper .jstree-clicked {
    font-weight: bold;
}

#knowledgeBaseBox .ui-resizable-n,
#knowledgeBaseBox .ui-resizable-s {
    cursor: row-resize;
}

#knowledgeBaseBox .ui-resizable-e,
#knowledgeBaseBox .ui-resizable-w {
    cursor: col-resize;
}

#divBussinessAcountsTable {
    width: max-content;
}

    #divBussinessAcountsTable .status-dot {
        display: inline-block;
        border-radius: 34px;
        font-size: inherit;
    }

    #divBussinessAcountsTable .icon-bin {
        font-size: 1.4em;
    }

#knowledgeBaseBox {
    width: calc(100% - 2em);
    height: 0;
    overflow: hidden;
    border-radius: 3px;
}

    #knowledgeBaseBox.showKnowledgeBase {
        opacity: 1;
        z-index: 9999;
    }

    #knowledgeBaseBox[data-mode="defult"].showKnowledgeBase {
        box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.25);
        border-radius: 3px;
    }

    #knowledgeBaseBox[data-mode="searchOnly"] .knowledgeBaseTabWrapper {
        width: 100%;
    }

    #knowledgeBaseBox[data-mode="searchOnly"] > div:not(#knowledgeBaseDataWrapper), #knowledgeBaseBox[data-mode="searchOnly"] #knowledgeBaseDataWrapper #knowledgeBasePreview {
        display: none;
    }

    #knowledgeBaseBox[data-active-object-editor="textObject"].showKnowledgeBase, #knowledgeBaseBox[data-active-object-editor="richTextObject"].showKnowledgeBase, #knowledgeBaseBox[data-active-object-editor="multiReplyDialog"].showKnowledgeBase {
        height: 30em;
    }

    #knowledgeBaseBox[data-active-object-editor="multiReplyDialog"].showKnowledgeBase,
    #knowledgeBaseBox[data-active-object-editor="crossModuleDialog"].showKnowledgeBase,
    #knowledgeBaseBox[data-active-object-editor="textObject"].showKnowledgeBase,
    #knowledgeBaseBox[data-active-object-editor="richTextObject"].showKnowledgeBase {
        width: 60em;
    }

    #knowledgeBaseBox[data-active-object-editor="textObject"], #knowledgeBaseBox[data-active-object-editor="richTextObject"] {
        bottom: 1em;
    }

    #knowledgeBaseBox[data-active-object-editor="textNewObjectDialog"].showKnowledgeBase, #knowledgeBaseBox[data-active-object-editor="richTextNewObjectDialog"].showKnowledgeBase {
        bottom: 40%;
        left: 20%;
        width: 32%;
        height: 50%;
    }

        #knowledgeBaseBox[data-active-object-editor="textNewObjectDialog"].showKnowledgeBase .minimized-kb,
        #knowledgeBaseBox[data-active-object-editor="richTextNewObjectDialog"].showKnowledgeBase .minimized-kb {
            display: none;
        }

    #knowledgeBaseBox.showKnowledgeBase .minimized-kb {
        font-size: 27px;
        font-weight: 100;
    }

    #knowledgeBaseBox[data-mode="searchOnly"].showKnowledgeBase {
        z-index: 9999;
        height: 19em;
        border: 1px solid;
        box-shadow: 0 5px 10px rgb(0 0 0 / 20%);
        min-width: 12em;
        -webkit-box-shadow: 0 5px 10px rgb(0 0 0 / 20%);
    }

    #knowledgeBaseBox[data-active-object-editor="forwardDialog"].showKnowledgeBase {
        height: 63%;
        display: block;
        box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
    }

    #knowledgeBaseBox[data-active-object-editor="waTemplateDialog"].showKnowledgeBase,
    #knowledgeBaseBox[data-active-object-editor="crossModuleDialog"].showKnowledgeBase {
        height: 23em;
        width: 50em;
        display: block;
    }

    #knowledgeBaseBox[data-active-object-editor="multiReplyDialog"] {
        height: 27em;
    }

#closeKnowledgeBaseBox .icon-x {
    font-size: 1.6em;
}

#knowledgeBaseBox #insertKnowledgeBase {
    border-radius: .2em;
    margin: 1em;
}

#knowledgeBaseBox .topKnowledgeBaseTabWrapper {
    display: flex;
    align-items: center;
    min-height: 4em;
    justify-content: space-around;
}

.topKnowledgeBaseTabWrapper .icon-dots-three-vertical {
    padding: 0em 0.8em 0em 0.8em;
}

.topKnowledgeBaseTabWrapper .icon-launch, .topKnowledgeBaseTabWrapper .minimized-kb {
    font-size: 1.3em;
}

#knowledgeBaseBox #knowledgeBaseDataWrapper {
    display: flex;
    border: 1px solid;
    width: 100%;
    height: calc(100% - 8em);
}

#knowledgeBaseBox[data-mode="searchOnly"].showKnowledgeBase #knowledgeBaseDataWrapper {
    height: 100%;
    box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.25);
    border-radius: 3px;
}

#knowledgeBaseBox #insertKnowledgeBase .sendMessage {
    padding: 0.2em 1em 0.2em 1em;
}

#knowledgeBaseBox #knowledgeBasePreview {
    height: calc(100% - 2em);
    padding: 2em 2em 0 2em;
    word-break: break-all;
    overflow-y: auto;
}

#knowledgeBasePreview .ui-resizable-e,
.knowledgeBaseTabWrapper .ui-resizable-e {
    cursor: col-resize;
}

#knowledgeBaseBox[data-external="false"] .minimized-kb {
    display: none;
}

#knowledgeBaseBox[data-external="true"],
#knowledgeBaseBox .topKnowledgeBaseTabWrapper[data-external="true"] + #knowledgeBaseDataWrapper,
#knowledgeBaseBox .topKnowledgeBaseTabWrapper[data-external="true"] {
    cursor: all-scroll;
}

    #knowledgeBaseBox[data-external="true"] .icon-launch {
        display: none;
    }

#knowledgeBaseBox #knowledgeBasePreview table {
    width: 100%;
    table-layout: fixed;
}

    #knowledgeBaseBox #knowledgeBasePreview table td {
        word-wrap: break-word;
        width: 1em;
    }

#knowledgeBaseBox #jstree {
    max-width: 100%;
}

#knowledgeBaseBox .knowledgeBaseTabWrapper {
    height: 100%;
    width: 50%;
    overflow: hidden;
    padding-top: 1px;
    border-top: 0px;
}

#knowledgeBaseBox[data-mode="defult"] .knowledgeBaseTabWrapper {
    min-width: 16em;
}

#knowledgeBaseBox .knowledgeBaseTabWrapper .title {
    padding-top: 1em;
    height: 2em;
}

#divGiphyWrapper .divTabTitle {
    text-transform: capitalize;
}

#divPanel_divUploadToKnowledgeBase .divFileuploadFiles,
#divPanel_divUpload_taBodyHtml_ifr {
    display: none;
}

#treeNavigatorCommonNodesDialog .tagName {
    color: initial;
}

#divStripTabs {
    top: 0;
    height: 100%;
    position: absolute;
    width: 3.125rem;
    clear: none !important;
    z-index: 1001;
}

    #divStripTabs div {
        cursor: pointer;
    }

        #divStripTabs div img {
            border-radius: 2em;
            width: 2.2em;
            margin-bottom: 1em;
            margin-top: 1em;
            box-shadow: 0px 0px 5px rgba(132, 132, 132, 0.5);
        }

            #divStripTabs div img:hover {
                box-shadow: 0px 0px 10px rgb(232, 232, 232);
            }

    #divStripTabs #divStripTabButtonLogo {
        margin-bottom: 1em !important;
        margin-top: 0.8em !important;
    }

    #divStripTabs a:not(#logo), #divStripTabs img {
        text-align: center;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 0.5rem 0;
    }

    #divStripTabs span:hover,
    #divStripTabs a:hover {
        opacity: 0.8;
        -webkit-transition: opacity 700ms ease;
        -moz-transition: opacity 700ms ease;
        -o-transition: opacity 700ms ease;
        -ms-transition: opacity 700ms ease;
        transition: opacity 700ms ease;
    }

    #divStripTabs .strip_tab_new_label {
        position: relative;
        width: 42px;
        margin: 0 auto;
    }
    #divStripTabs .strip_tab_new_label:after {
        content: "New";
        position: absolute;
        bottom: -14px;
        left: 50%;
        color: #181818;
        font-size: 10px;
        padding: 1px 4px;
        border-radius: 2px;
        transform: translateX(-50%);
        background-color: #fff;
    }

    .divStripTabSelected span {
        opacity: 1 !important;
        -webkit-transition: opacity 1000ms ease;
        -moz-transition: opacity 1000ms ease;
        -o-transition: opacity 1000ms ease;
        -ms-transition: opacity 1000ms ease;
        transition: opacity 1000ms ease;
    }

#divStripButtonsTop a {
    font-size: 1em;
}

#divStripButtonsTop {
    position: absolute;
    height: 100%;
    top: 0;
    width: 25%;
}

    #divStripButtonsTop > div {
        padding: 0.5em;
        top: 0.75em;
    }

    #divStripButtonsTop div img {
        border-radius: 2em;
        width: 2.2em;
    }

.stripHeight {
    height: 95%;
    height: calc(100% - 3em);
}

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

#stripMaximizedButton {
    position: absolute;
    bottom: calc(50% - 0.55em);
}

.stripMaximized .addObjectDialog {
    width: 83%;
    width: calc(100% - 15%);
}

.stripMinimized .addObjectDialog {
    width: 95%;
    width: calc(100% - 3.5em) !important;
}

#divStripWrapper {
    position: relative;
    height: 100%;
    width: 0px;
    overflow: visible;
}

.divObjectMessage {
    word-wrap: break-word;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    overflow: hidden;
    max-height: 2.5em;
    /* word-break: break-all; */
    max-width: 23em;
}

    .divObjectMessage .attachmentIconOnly .attchamnetFileTypeName {
        display: none;
    }


.emailChildsHeight .fontTextBeforeCut {
    max-height: 6em;
}

.emailChildsHeight .divChildText {
    width: 100%;
    white-space: inherit;
}

    .emailChildsHeight .divChildText a {
        overflow: hidden;
        text-overflow: ellipsis;
        direction: ltr;
        white-space: nowrap;
        display: block;
    }

.divObjectText .mediaBox img {
    display: none;
}

.location_attachment_frame {
    border: 0;
}

.divObjectText .location_attachment_frame {
    width: 15em;
    height: 3.5em;
}

.divChildText .location_attachment_frame {
    width: 100%;
    height: 100%;
}

.campaignMessage.theme_manager_message .divChildText {
    background-color: #AEDEFF !important;
}

.campaignMessage.managerResponse .triangle-corner:before, .surveyMessage.managerResponse .triangle-corner:before {
    border: 0;
}

#divTabs .pinnedObject .campaignMessage.divChild.conversationType.theme_manager_message .divChildText {
    color: black !important;
}

.campaignMessage .divChildDate.smallRow .objectUserName, .surveyMessage .divChildDate.smallRow .objectUserName {
    display: none;
}

#divTabs .pinnedObject .divObjectMessage {
    margin-bottom: 0.5em;
    clear: both;
}

[id^="CSQuestionsGroup"] {
    max-width: 100em;
}

/*Rules Module*/


/*Rules Modal*/

.rules-timeline {
    height: 100%;
    position: relative;
}

    .rules-timeline div {
        box-sizing: border-box;
    }


    /* The actual timeline (the vertical ruler) */

    .rules-timeline::after {
        content: '';
        position: absolute;
        width: 6px;
        top: 1em;
        bottom: 0;
    }


/* Container around content */

.rules-container {
    position: relative;
    background-color: inherit;
    width: 100%;
    padding-top: 20px;
    margin-bottom: 30px;
}


    /* The circles on the timeline */

    .rules-container::after {
        font-family: 'icomoon' !important;
        position: absolute;
        width: 25px;
        height: 25px;
        border: 4px solid;
        top: 15px;
        border-radius: 50%;
        z-index: 1;
        font-size: 15px;
        text-align: center;
        line-height: 25px;
    }

    .rules-container.rules-trigger::after {
        content: '\e96b';
    }

    .rules-container.rules-filter::after {
        content: '\e600';
    }

    .rules-container.rules-action::after {
        content: '\e9b5';
    }

.rules-label {
    font-weight: normal;
    margin-bottom: .3em;
    clear: both;
    display: inline-block;
    font-size: 1.1em;
}

.rules-text-area {
    width: 95%;
}

.custom-triggers-list {
    display: inline-block;
}

.upper-case {
    text-transform: uppercase;
}

.rule-wrapper {
    position: relative;
}

.rules-controls {
    position: absolute;
    top: .3em;
}

.trigger-item div {
    width: 12em;
    padding: 0 1.5em;
}

.url-item div .url-type {
    width: 12em;
    padding: 0 1.5em;
}

.url-type {
    padding: 0 0 0 1.5em;
    width: 11em;
}

.url-value {
    max-width: 36em;
}

.url-item div .url-value {
    width: 21em;
}

.url-item div,
.trigger-item div {
    display: inline-block;
}

    .trigger-item div,
    .url-item div.url-value {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .url-item div.url-value {
        direction: ltr;
    }


/* Place the container to the left */

.rules-side {
    left: 0;
}


    /* Place the container to the right */


    /* Add arrows to the right container (pointing left) */


    /*.rules-side::before {
        content: " ";
        height: 0;
        position: absolute;
        top: 22px;
        width: 0;
        z-index: 1;
        left: 30px;
        border: medium solid white;
        border-width: 10px 10px 10px 0;
        border-color: transparent white transparent transparent;
    }*/


    /* Fix the circle for containers on the right side */

    .rules-side::after {
        left: 15px;
    }


/* The actual content */

.rules-content {
    padding: 20px 30px;
    position: relative;
    border-radius: 6px;
    top: 20px;
}

    .rules-content #mailKeyWord .labelCss {
        width: 7em;
    }


.hidden {
    opacity: 0;
    transition: opacity linear .5s;
}

.ruleWrapper:hover .hidden {
    opacity: 1;
    transition: opacity linear .5s;
}

.ruleWrapper,
.gray-border-box {
    display: none;
    border: 1px solid;
    padding: 1em;
}

.table-content {
    max-width: 30em;
    overflow: hidden;
    text-overflow: ellipsis;
}



.top-z-index {
    z-index: 9999999999999999999999;
}

.numOfUsesKBDiv {
    border-radius: 0.3em;
    min-width: 5%;
}

.KBTable {
    width: 37.5em;
}

    .KBTable td {
        width: 22em;
        max-width: 22em;
        word-wrap: break-word;
    }

.hideKB {
    display: none;
}

.profileUniqueName {
    margin-right: 2em;
    margin-left: 2em;
}

.permissionsDiv {
    display: none;
}

.divUploadUserPic {
    width: 7em;
    height: 7em;
    border-radius: 50%;
}

#divUploadUserPic .divUploadedFiles {
    float: none !important;
    /*  ie support for initial */
    float: initial !important;
}

#divUploadUserPic .divUploadedFiles .divUploadedFile-border {
    border: none;
}

#newProfileDiv {
    display: block !important;
}

.permissionHeader {
    margin-top: 1em;
    cursor: pointer;
}

    .permissionHeader span {
        display: inline-block;
    }

.permissionsDiv {
    margin: 1.6em;
    padding: 1em;
}

    .permissionsDiv span {
        display: inline-block;
    }

    .permissionsDiv input[type="checkbox"] {
        margin-right: 0;
        margin-left: 0;
    }

.padVertical2em {
    padding: 2em 0;
}

.margTop2em {
    margin-top: 2em;
}

.block {
    display: block;
}

.inlineTable {
    display: inline-table !important;
}

.bg-div {
    width: 100%;
    height: 100%;
    z-index: 500;
    position: absolute;
    display: none;
}

#mediaBox {
    width: 100vw;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.9);
    z-index: 99999999999;
    position: absolute;
    display: table;
    top: 0;
    outline: none;
}

.divModalCloseFile {
    z-index: 2;
    left: 1em;
    position: absolute;
    top: 0.5em;
}

#mediaBox .divModalCloseFile button {
    font-size: 2.5em !important;
    padding: 0 0.3em;
    font-family: Arial;
    z-index: 2;
}

#mediaBox .mediaBox-inner {
    max-width: 50vw;
    max-height: 50vh;
    margin: auto;
    display: block;
    border-radius: 0 !important;
    -webkit-transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    transition-duration: 0.5s;
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    -o-transition-property: -o-transform;
    transition-property: transform;
    -webkit-user-select: none;
    /* Safari 3.1+ */
    -moz-user-select: none;
    /* Firefox 2+ */
    -ms-user-select: none;
    /* IE 10+ */
    user-select: none;
    /* Standard syntax */
}

    #mediaBox .mediaBox-inner img {
        max-width: 100%;
        max-height: 100%;
    }

#mediaBox .mediaBoxContainer {
    margin-left: auto;
    margin-right: auto;
    padding: 1em 0;
    display: inline-block;
}

.mediaBoxContainer div {
    -webkit-transition-duration: 0.9s;
    -moz-transition-duration: 0.9s;
    -o-transition-duration: 0.9s;
    transition-duration: 0.9s;
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    -o-transition-property: -o-transform;
    transition-property: transform;
}

.cursor-zoom-in {
    cursor: -webkit-zoom-in;
    cursor: zoom-in;
}

.cursor-zoom-out {
    cursor: zoom-out;
}

#mediaBox button {
    position: relative;
    font-size: 2em;
    padding: 0.2em 0.5em;
}

#mediaBox .controlsContainer {
    position: absolute;
    right: 1em;
    top: 1em;
}

#mediaBox .media-middle {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    padding: 0 3em;
}

#mediaBox .prev,
#mediaBox .next {
    cursor: pointer;
    position: absolute;
    top: 50%;
    width: auto;
    margin-top: -0.7em;
    font-size: 5em;
    transition: 0.6s ease;
    border-radius: 0 3px 3px 0;
    user-select: none;
    -webkit-user-select: none;
}

.radioButtonContainer .md-radio input[type="radio"] + label {
    height: 20px;
    padding: 0;
}

    .radioButtonContainer .md-radio input[type="radio"] + label:before {
        width: 10px;
        height: 10px;
        top: 1px;
    }

.radioButtonContainer .md-radio {
    margin: 0;
}

.radioButtonContainer.space .form-input-radio {
    /*padding-left:2em;*/
}

.radioButtonContainer .md-radio input[type="radio"] + label:after {
    width: 6px;
    height: 6px;
    top: 5px;
}


/* Position the "next button" to the right */

#mediaBox .prev {
    left: 2em;
    border-radius: 3px 0 0 3px;
}

#mediaBox .next {
    right: 2em;
}


    /* On hover, add a black background color with a little bit see-through */

    #mediaBox .prev:hover,
    #mediaBox .next:hover {
        background-color: rgba(0, 0, 0, 0.8);
    }

#canvasContainer {
    position: absolute;
    top: 0;
    z-index: 999999999999999;
    display: table;
    width: 100vw;
    height: 100vh;
    background-color: #000;
}

#canvasInner {
    display: table-cell;
    vertical-align: middle;
    max-width: 50vw;
    max-height: 50vh;
}

#canvasContainer canvas {
    margin: 0 auto;
    display: table-cell;
}

#canvasContainer .canvas-container {
    max-width: 80%;
    max-height: 80%;
    vertical-align: middle;
    margin: 0 auto;
    position: relative !important;
}

#annotationControls {
    position: absolute;
    right: 1em;
    color: #fff;
}

    #annotationControls button {
        font-size: 2em;
        padding: .5em;
    }

.BY_control.tooltip img.img-attachment-thumbnail {
    max-width: 20em;
    max-height: 20em;
    font-size: 0.8em !important;
}

.fix-input-width {
    box-sizing: border-box;
    width: 100%;
}

.filters-table {
    width: 100%;
}

    .filters-table td {
        text-overflow: ellipsis;
        max-width: 298px;
        overflow: hidden;
    }

#divFilterFieldsArea select {
    max-width: 11em;
}

.kpi {
    /*margin: 1em;*/
    border-radius: 0.5em;
    display: flex;
    flex-direction: row;
    border: 1px solid;
}

.emailDialog {
    border: 0px;
    min-width: 50em;
    box-shadow: 0 0 10px rgba(120, 120, 120, 0.2);
}

.scriptsKpi .overallInsights span[class^='icon-'] {
    font-size: 0.7em;
}

[id^=Filter_tr_] {
    cursor: all-scroll;
}

#objectsTagsControl .tagDelete,
#objectsTagsControl .associatedTags_object {
    display: none;
}

.hideTagsMenu {
    display: none !important;
}

.maxObjectsSelected {
    margin-left: 20px;
    margin-right: 20px;
    font-size: 12px;
    display: none;
}

.input-label {
    width: 30%;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 0.5em 0;
    height: 100%;
    font-weight: normal;
}

.label-width12 {
    width: 12em;
    display: inline-block;
}

.dialog-input {
    width: 65%;
    height: 100%;
    vertical-align: top;
}

    .dialog-input input {
        width: 90%;
    }

.field {
    height: 35px;
}

.specialDaysRadio {
    margin: 1em;
    cursor: pointer;
}

.disabledSdButton {
    pointer-events: none;
    opacity: 0.4;
}

.sdOuterDiv {
    width: 90% !important;
}

.addSpecialDay {
    position: absolute;
    padding: 1em;
}

.disabledA {
    pointer-events: none;
    cursor: default;
    opacity: 0.35;
}

.disabledB {
    pointer-events: none;
    cursor: default;
    opacity: 0.6;
    border-color: #C0C0C0;
    color: white;
    background-color: #C0C0C0;
}

.opacity_35 {
    opacity: 0.35;
}

#giphySearch_wrapper {
    margin: 0.7em 1em 0.4em 1em;
}

#giphyCategories_wrapper {
    overflow-x: hidden;
    flex-wrap: nowrap;
    width: 90%;
    margin: 0 0.5em;
}

    #giphyCategories_wrapper .tabButton {
        padding: 0.5em 0.5em;
    }


#giphyGrid_wrapper {
    overflow-y: scroll;
    overflow-x: hidden;
    height: calc(100% - 8.5em );
}

    #giphyGrid_wrapper .giphy-grid {
        height: 9.5em;
    }

#giphySearch_wrapper label {
    vertical-align: bottom;
    width: 5em;
    display: inline-block;
}

#divGiphyWrapper #scrollLeft, #divGiphyWrapper #scrollRight {
    cursor: pointer;
}

.dialogeSpecialDays {
    max-height: 90%;
    overflow-x: scroll;
}

#divGiphyWrapper {
    height: 100%;
}

.formPanelSD {
    width: 96%;
    padding: 0.8em;
    margin: 0em;
}

.labelSD {
    margin: 1em;
}

.marginBottSD {
    margin-bottom: 2em;
}

.json-key {
    color: brown;
}

.json-value {
    color: navy;
}

.json-boolean {
    color: teal;
}

.json-string {
    color: olive;
}

[id^="actionRuleWrapper6_"] #taForwardMessage {
    width: 95%;
}

[id^="actionRuleWrapper6_"] .divForwardSend {
    display: none !important;
}

.divForwardSend {
    display: none;
}

#divObjectForward .divForwardSend {
    display: block;
}

[id^="actionRuleWrapper6_"] #tbForwardTo {
    width: 97%;
}

.new-edit-dialog {
    padding: 1em 2em;
    width: auto;
    min-height: 0px;
    max-height: none;
    height: auto;
}

.form-input-radio-container *:before,
.form-input-radio-container *:after {
    box-sizing: border-box;
}

.ul-box-container {
    width: 25em;
}

.ul-container {
    border-radius: 5px;
    height: 200px;
    max-height: 200px;
    overflow-y: scroll;
}

.items-list-dialog {
    padding: 0.3em;
    white-space: nowrap;
    overflow: auto;
}

    .items-list-dialog input {
        vertical-align: middle;
    }

.dialog-bottom-button {
    overflow: auto;
}

.divTeam {
    margin: 1em 1em 0 1em;
    clear: both;
    white-space: nowrap;
}

.divBtnSaveStream1,
.divBtnSaveStream {
    padding: 1em;
}

.divBtnCancelStream {
    padding: 1em 0em;
}

.createStreamButtonsWrapper {
    display: flex;
    justify-content: end;
}

.stream-details-preview {
    margin-bottom: 1em;
    padding-top: .3em;
}

.stream_account_details {
    display: block;
    margin-top: 0.5em;
}

/*WhoSentYou*/

.divdialogLogger {
    max-height: 40em;
    overflow-y: auto;
    margin-bottom: 1em;
    padding: 1em;
}

.divWrapperLogSettings table td,
#brandLogLevelList td {
    padding: 0.5em;
    min-width: 18em;
}

    .divWrapperLogSettings table td span,
    #brandLogLevelList td span {
        margin: 1em;
    }

        .divWrapperLogSettings table td span:first-child,
        #brandLogLevelList td span:first-child {
            font-weight: bold;
        }

    .divWrapperLogSettings table td select,
    #brandLogLevelList td select {
        max-width: 12em;
    }

.divWrapperLogSettings a {
    border: 1px solid;
    border-radius: 10px;
    display: inline-block;
    width: 5em;
    text-align: center;
}

.divWrapperLogSettings .removeLogTd,
.divWrapperLogSettings .addLogLeveltd {
    min-width: 0 !important;
}

.divWrapperLogSettings table:first-child {
    margin-bottom: 2em;
}

.divBrandLogsDialog .tbldialogLogger td,
.divBrandLogsDialog .tbldialogLogger th {
    max-width: 19.5em;
    border-right: 1px solid;
    border-bottom: 1px solid;
}

.tbldialogLogger tr:active td {
    background-color: #f1f1f1;
}

.divBrandLogsDialog .tbldialogLogger .logListMessageTd {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.divBrandLogsDialog .getMoreBrandLogs {
    text-align: center;
    padding-bottom: 1em;
}

#messageSystem {
    max-width: 50em;
    padding-right: 2em;
    padding-left: 2em;
}

.tblchosenLogger {
    border-collapse: collapse;
    padding: 0px;
    border-spacing: 0px;
    text-align: left;
    border-style: hidden;
    overflow-y: auto;
    overflow-x: auto;
}

    .tblchosenLogger td,
    .tblchosenLogger th {
        border: 1px solid;
        vertical-align: top;
        padding: 2px;
    }

tr.chosenRow td,
tr.chosenRow th {
    border-right: none !important;
    border-left: none !important;
}

tr.exceptionRow td,
tr.exceptionRow th {
    border-bottom: none !important;
}

.singleLogBox {
    overflow-x: auto;
    overflow-y: auto;
}

    .singleLogBox .singleLogBoxButtons {
        text-align: center;
        padding-bottom: 1em;
        padding-top: 2em;
    }

        .singleLogBox .singleLogBoxButtons a {
            padding-right: 2em;
        }

tr.logListDr:hover td {
    background-color: #f1f1f1;
}

.LoggerDisplay {
    background-color: #dfdfdf;
}


/*WhoSentYou*/

.instagram_logo_gradient {
    background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);
    background: -ms-radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);
    background: -o-radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);
    background: -moz-radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);
    background: -webkit-radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);
}

.messenger_logo_gradient {
    background: linear-gradient(44.1deg, #0A7CFF 14.99%, #A10EEB 50.19%, #FF5297 75.01%, #FF6C5C 86.12%);
    background: -ms-linear-gradient(44.1deg, #0A7CFF 14.99%, #A10EEB 50.19%, #FF5297 75.01%, #FF6C5C 86.12%);
    background: -o-linear-gradient(44.1deg, #0A7CFF 14.99%, #A10EEB 50.19%, #FF5297 75.01%, #FF6C5C 86.12%);
    background: -moz-linear-gradient(44.1deg, #0A7CFF 14.99%, #A10EEB 50.19%, #FF5297 75.01%, #FF6C5C 86.12%);
    background: -webkit-linear-gradient(44.1deg, #0A7CFF 14.99%, #A10EEB 50.19%, #FF5297 75.01%, #FF6C5C 86.12%);
}

.themes_module_gradient {
    background: #fc00ff;
    /* fallback for old browsers */
    background: -webkit-linear-gradient(to right, #00dbde, #fc00ff);
    /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to right, #00dbde, #fc00ff);
    /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}

.forms_module_gradient {
    background-image: linear-gradient(to right, #d7d2cc 0%, #304352 100%);
}

.switch {
    position: relative;
    display: inline-block;
    width: 40px;
    height: 21px;
}

    .switch input {
        opacity: 0;
        width: 0;
        height: 0;
    }

.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    -webkit-transition: .4s;
    transition: .4s;
}

    .slider:before {
        position: absolute;
        content: "";
        height: 15px;
        width: 15px;
        left: 4px;
        bottom: 3px;
        background-color: white;
        -webkit-transition: .4s;
        transition: .4s;
    }


/*input:focus + .slider {
  box-shadow: 0 0 1px #2196F3;
}*/

input:checked + .slider:before {
    -webkit-transform: translateX(17px);
    -ms-transform: translateX(17px);
    transform: translateX(17px);
}


/* Rounded sliders */

.slider.round {
    border-radius: 34px;
}

    .slider.round:before {
        border-radius: 50%;
    }

.log-item-actions {
    position: relative;
    top: -0.7em;
    opacity: 0;
    transition: opacity .2s ease-in-out;
}

    .log-item-actions > a:first-child {
        padding: 0 .3em;
    }

    .log-item-actions > span {
        cursor: pointer;
    }

.divWrapperChildsScroll .activity-log-item:first-child .line-center {
    padding: 0 1em;
}

.divChilds .line-center {
    margin: auto;
    padding: 1em;
    display: table;
    max-width: 100%;
}

.show-more {
    position: absolute;
    bottom: 1em;
}

.general-activity .log-item-container {
    max-width: initial;
    font-weight: 400;
}

.general-activity .log-item-inner-data {
    padding: 0.5em 0.5em 0;
    margin-bottom: 0.5em;
    max-width: 100%;
    word-break: break-word;
}

.log-item-container {
    max-width: 40em;
    padding: 1em;
    position: relative;
    z-index: 1;
    text-align: center;
    word-break: break-all;
    backdrop-filter: blur(2px);
    font-weight: 300;
}

.divChilds .log-item-container {
    word-break: initial;
}

.log-item-container:hover .log-item-actions {
    opacity: 1;
}

.log-item-container > span {
    display: inline-block;
    /*white-space: pre;*/
}


/*.remark-log-item {
    padding: 1em;
    position: relative;
}

    .remark-log-item > span {
        display: inline-block;
        white-space: pre;
    }*/

.log-item-container.general-activity .log-item-inner-data {
    max-width: 100%;
    margin-bottom: 1em;
}

.log-item-container.general-activity .log-item-inner-data {
    max-width: 100%;
    margin-bottom: 1em;
}

.log-item-container.general-activity .log-item-inner-data {
    line-height: 1.5em;
    display: inline-block;
    max-width: 34em;
    display: block;
    transition: max-height .2s ease-in-out;
    max-height: 4.5em;
    overflow: hidden;
}

.log-item-inner-data > div {
    overflow: hidden;
    text-overflow: ellipsis;
}

.log-item-inner-data textarea {
    border: 1px solid;
    width: 90%;
    margin-top: .5em;
}

[renderd-data-by-view="object.dropdown.reply"] {
    width: calc(100% - 1em - 2px) !important;
}

    [renderd-data-by-view="object.dropdown.reply"] select:first-child {
        max-width: 48% !important;
    }

[renderd-data-by-view="object.activity.edit"] {
    display: none;
    position: relative;
}

    [renderd-data-by-view="object.activity.edit"] div[contenteditable=true] {
        border: 1px solid;
        padding: .5em;
        min-height: 1em;
    }

[renderd-data-by-view="inbox.main.message"] {
    position: absolute;
    text-align: center;
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
}

    [renderd-data-by-view="inbox.main.message"] > div:first-child {
        width: 20em;
        margin: 0 auto;
    }


/*.remark-inner-data {
    line-height: 1.5em;
    display: inline-block;
    max-width: 34em;
    display: block;
    transition: max-height .2s ease-in-out;
    max-height: 4.5em;
    overflow: hidden;
}*/

.activity-attachments a {
    color: inherit;
}

.showContent {
    max-height: 16em;
    overflow: auto;
}

#replyEmailDialog {
    max-height: calc(100% - 5em) !important;
    overflow: auto;
    min-width: 50em;
}

    #replyEmailDialog .objectViewPreference,
    #replyEmailDialog .objectResponseNav {
        display: none;
    }

    #replyEmailDialog .commentResponse {
        margin: 0;
        padding: 0;
        height: 100%;
    }

        #replyEmailDialog .commentResponse .divWrapperResponse {
            border-top: 0;
            height: 100%;
        }

        #replyEmailDialog .commentResponse .object-response-box-body {
            height: 100%;
        }

        #replyEmailDialog .commentResponse .response-box-footer {
            bottom: 0.25em;
            position: absolute;
            width: calc(100% - 1em);
            border: 0;
        }

.objectViewPreference {
    padding: 0;
    border: 0;
}

.activitiesOnlyWarnningMessage {
    padding-top: 0.2em;
}

.activity-log-item {
    position: relative;
    z-index: 2;
    font-size: .8em;
    margin: 0 2em;
    clear: both;
}

    .activity-log-item.editMode div[renderd-data-by-view="object.activity.edit"] {
        display: block;
    }

    .activity-log-item.editMode .log-item-inner-data {
        display: none;
    }

    .activity-log-item:after,
    .activity-log-item:before {
        content: "";
        position: absolute;
        top: 50%;
        border-top: dashed 1px;
        z-index: -1;
        width: 40%;
    }

    .activity-log-item:before {
        left: 0;
    }

    .activity-log-item:after {
        right: 0;
    }

.addContentFromSourceBtn {
    font-size: 1.1em;
}

#divNewConversation .addContentFromSourceBtn {
    padding-top: 0.85em;
}

.send-template-content .addContentFromSourceBtn {
    opacity: 0;
    display: none;
}

.wa_template_input_fields:focus + span {
    opacity: 1;
    display: initial;
}

.send-template-content[dir="rtl"] .addContentFromSourceBtn {
    left: 0.7em;
}

.send-template-content[dir="rtl"] .wa_template_input_fields {
    padding-left: 2.5em;
}

.send-template-content[dir="ltr"] .addContentFromSourceBtn {
    right: 0.7em;
}

.send-template-content[dir="ltr"] .wa_template_input_fields {
    padding-right: 2.5em;
}

.replyToChild .placeholder-element {
    top: .5em;
}

.placeholder-element {
    position: absolute;
    top: 0.5em;
    pointer-events: none;
    opacity: .5;
}

.icon,
[class^="icon-"],
[class*=" icon-"] {
    color: inherit;
}

#skillChangeDialog {
    padding: 1.5em;
}

    #skillChangeDialog .theme_danger {
        width: calc(100% - 1em);
        font-size: 1.3em;
        padding-bottom: 2em;
    }

#divSearchNavigator {
    margin-top: 1.2em;
}

#divTreeManager div {
    display: inline-block;
}

.splash-message {
    padding: 2em;
}

.splash-content {
    width: 53%;
}

.splash-title {
    font-size: 2em;
}

.splash-image-container {
    width: 47%;
    overflow: hidden;
}

    .splash-image-container img {
        width: 100%;
    }

.pointer-events-none {
    pointer-events: none;
}

.pointer-events-visible {
    pointer-events: visible;
}


/** BY Modal */

.modalOpen {
    z-index: 999 !important;
    overflow: auto;
    width: 100%;
    position: absolute;
    height: 100%;
    top: 3.5em;
}

div#divIntentTeach.modalOpen {
    height: calc(100% - 3.5em);
}

.modalOpen .divWrapperChildsScroll {
    max-height: none !important;
}

body.cust_modalOpen #overlay {
    top: 0;
}

body.cust_modalOpen #divObjectsWrapper,
body.cust_modalOpen .divObjectWrapper {
    display: none;
}

body.cust_modalOpen #divExpandedObjectsWrapper {
    width: calc(100% - 2px) !important;
}

body.cust_modalOpen #divMainContent {
    overflow-y: hidden !important;
    height: calc(100% - 3.5em);
}

body.cust_modalOpen.stripMinimized .modalOpen {
    width: 100% !important;
}

body.cust_modalOpen.stripMinimized #overlay {
    width: calc(100% - 1em);
}

.divBelongsResponsesToMe {
    margin: 0 0.5em;
}

.send-teplate-header {
    padding-bottom: 1.5em;
    border-bottom: 1px solid;
}

.send-template-footer a {
    margin: 1em 1em;
}

#template-buttons-select {
    margin-bottom: 0.5em;
}

.lowercase {
    text-transform: lowercase;
}

#parentMainWrappers {
    position: absolute;
    height: 100%;
    margin: 0;
    padding: 0;
    width: 100%;
}

#divStripTabButtonmobileOpenMenu,
#mobileOpenMenu {
    display: none;
}

/* Resolution Adaptations */


/*Lower resolutions display tweaks*/

@media (max-width:1920px) {
    #divObjectsWrapper,
    .inbox-main-tab-wrapper {
        width: 29.65em;
    }

    #tabsButtonsWrapper {
        width: calc(100% - 41em - 4em);
    }

    #divExpandedObjectsWrapper {
        width: calc(100% - 29.65em - 2px);
    }

    body.userHistoryMode #divExpandedObjectsWrapper {
        width: calc(78% - 29.65em - 2px);
    }

    body.userCardCollapsed #divExpandedObjectsWrapper {
        width: calc(100% - 29.65em - 2px) !important;
    }
}
@media(max-width: 1620px) {
    .text_options_container {
        position: relative;
        padding-bottom: 1em;
        inset-inline-start: auto;
    }
    .textarea_with_text_align_selection_control_wrapper.settingColumn .longInput {
        width: 24em !important;
    }
}
@media (max-width:1200px) {
    .divSessionWrapper .divSessionTimeWrapper {
        position: inherit;
    }

    .settingColumn .settingsLabel, .settingColumn .settingsDescription, .settingColumn .settingsGroupDescription {
        width: 18em;
        min-width: 18em;
    }

    .textarea_with_text_align_selection_control_wrapper.settingColumn .longInput {
        width: 22em !important;
    }
}

@media screen and (max-device-width: 1600px) {
    
    .multiplemTabsmAlert{
        width: 20%;
    }
}
@media screen and (max-device-width: 1600px) {
    
    .multiplemTabsmAlert{
        width: 20%;
    }
}

@media (max-width:1023px) {

    .divObjectQuickActionMenu {
        visibility: visible !important;
    }

    #toggleUserInfo {
        display: none !important;
    }

    .stripMaximized #divObjectsWrapper {
        width: 100%;
    }

    .stripMinimized #divObjectsWrapper {
        width: 100% !important;
    }

    #divExpandedObjectsWrapper,
    #divUserInfo {
        display: none !important;
    }

    body.cust_modalOpen #divExpandedObjectsWrapper,
    body.pinnedObjectTabFocus #divExpandedObjectsWrapper {
        display: block !important;
    }

    body.pinnedObjectTabFocus #divTabs .pinnedObject .divAttachmentsLinks {
        display: block;
    }

    body.cust_modalOpen .divHeaderContent {
        display: none;
    }

    body.cust_modalOpen .divChilds {
        overflow: auto !important;
    }

    body.cust_modalOpen .mce-btn-small button {
        padding-right: 2px !important;
        padding-left: 2px !important;
    }

    body.cust_modalOpen .mce-ico {
        width: 9px !important;
        font-size: 13px !important;
    }

    body.cust_modalOpen #divMainContent {
        top: 0;
        height: 100%;
    }

    body.cust_modalOpen #divTabs {
        position: relative;
    }

    body.cust_modalOpen #divMainContentWrapper {
        top: 0 !important;
    }

    body.cust_modalOpen .module_image_large {
        width: 5em;
        height: 5em;
    }

    .divModule.modalOpen {
        height: calc(100% - 4.6em + 3px);
        top: calc(4em - 7px);
    }
    /*
    #divStripWrapper {
        width: 20em !important;
        position: fixed !important;
        z-index: 1000;
        max-width: none !important;

         -webkit-transform: translate3d(0px, 0px, 0px);
      transform: translate3d(0px, 0px, 0px);
      visibility: visible;
    }*/
    .divObjectIndicatorsWrapper,
    .divObjectIndicators {
        font-size: .8em;
    }

    .childActionsPicker {
        visibility: visible;
    }

    .userOptions {
        visibility: visible !important;
    }

    #editManagersList {
        overflow: auto;
        padding: 0 !important;
    }
}

@media (max-width:980px) {
    .stripMaximized .addObjectDialog,
    .stripMaximized.formsDblClickMessage {
        width: 65%;
        width: calc(70% - 3.5em);
    }

    .settingColumn {
        min-width: 0;
    }

    .longInput {
        width: auto !important;
    }

    #selectedObjectsActionPanel > div {
        padding-top: 0.5em;
        font-size: 1.1em;
    }

    #selectedObjectsActionPanel a span.spnVerb {
        display: none;
    }

    #selectedObjectsActionPanel .tip {
        font-size: 1.4em;
    }

    #managersStats {
        margin-top: 2em;
        width: 100% !important;
    }

    #streamsStats {
        width: 100% !important;
    }

    #editManagersList {
        width: 100%;
    }

    #divTabs .pinnedObject .objectChild .divUserImage {
        display: none;
    }

    #mediaBox .next {
        right: 0 !important;
    }

    #mediaBox .prev {
        left: 0 !important;
    }

    .modalOpen {
        top: calc(7em - 2px);
    }

    .streamName {
        max-width: 19em;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    #mobileNotifications .streamName {
        font-size: 1.5em;
        padding: 0.5em;
    }

    #mobileNotifications .theme_panel {
        border-radius: 1em;
        margin: 0 auto;
        width: 96%;
    }

    .userOptions {
        visibility: visible !important;
    }

    #editManagersList {
        overflow: auto;
        padding: 0 !important;
    }
}

@media (max-width:900px) {
    body.userHistoryMode #tagsFilterList_user {
        bottom: 3em;
    }

    body.cust_modalOpen #divExpandedObjectsWrapper {
        width: 100%;
        right: 0;
        left: 0;
    }

    #divUserInfo input[type="text"],
    #divUserInfo input[type="email"],
    #divUserInfo input[type="password"] {
        width: calc(100% - 1em);
    }

    #divUserInfo #divUserInfoInputs,
    #divUserInfo .divUserInfoTextarea {
        width: 100%;
        padding: 0;
    }

        #divUserInfo #divUserInfoInputs div {
            float: none !important;
        }

    #divUserInfo #taUserInfoRemarks {
        width: 95% !important;
        width: calc(100% - 1em) !important;
        max-width: 95% !important;
        max-width: calc(100% - 1em) !important;
    }

    #divUserInfo #divUserInfoInputs,
    #divUserInfo .divUserInfoTextarea {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    #divUserInfo .divIdentityButton {
        text-align: inherit !important;
        padding-top: 0.5em;
        float: inherit !important;
        top: 0 !important;
    }

    .panelStreams .divTabsButtons .btnEditTab {
        min-width: 3em;
    }

        .panelStreams .divTabsButtons .btnEditTab .textIcon {
            display: none;
        }

    .panelStreams .divTabsButtons {
        padding: 0;
    }

    .userOptions {
        visibility: visible !important;
    }

    #editManagersList {
        overflow: auto;
        padding: 0 !important;
    }

    #send-wa-template-dialog-wrapper #knowledgeBaseBox.showKnowledgeBase {
        max-width: 100%;
    }

    #divSearchKnowledgeBase {
        width: calc(92% - 3em);
    }
}

@media (max-width:800px) {

    .settingColumn .settingsLabel,
    .settingColumn .settingsDescription,
    .settingColumn .settingsGroupDescription {
        width: 27em;
    }

    .inbox-main-tab-indicators {
        display: none !important;
    }

    .inbox-main-tab-count-objects-wrapper {
        display: none;
    }

    .inbox-main-tab-wrapper .inbox-main-tab-layout .inbox-main-tab-view-menu-button-wrapper {
        padding-right: 0 !important;
        padding-left: 0 !important;
        width: 1em;
    }

    .inbox-main-tab-wrapper.showing-count-objects .inbox-main-tab-layout .inbox-main-tab-name-and-number {
        max-width: 100%;
    }

    #divStripButtonsTop {
        width: 7em;
    }

    .userInfoTop .userInfoTopWrapper .object-status-wrapper .object-status-value {
        text-overflow: ellipsis;
        max-width: 100%;
        overflow: hidden;
    }

    .divUserStatus img {
        width: 1.5em !important;
    }

    .userInfoTop .userInfoTopWrapper .user-info-layout-center {
        overflow-y: auto;
    }

    .userInfoTop .userInfoTopWrapper .user-info-layout-start .objectActionWrapper {
        padding: 0 0.5em;
    }

    .statusSelectorArrowDown {
        display: none !important;
    }

    #divObjectsRoot .object-layout-center .object-status-field {
        padding-right: 0 !important;
        padding-left: 0 !important;
    }

    #divObjectsRoot .object-layout-start .divUserImage {
        margin: 0 !important;
        padding: 0 !important;
    }

    #divObjectsRoot .divObjectActions {
        top: 4em;
    }

    #divObjectsRoot .object-footer-section-separator {
        padding-right: 0.2em;
        padding-left: 0.2em;
    }

    #divObjectsRoot .divObjectQuickActionMenu {
        width: 2em;
        background-color: transparent;
        bottom: 0;
        height: 2em;
        position: absolute;
        top: initial;
        border: none;
        font-size: 1em;
    }

        #divObjectsRoot .divObjectQuickActionMenu a {
            display: none;
        }

    #divObjectsRoot a.icon-dots-three-vertical {
        display: block;
    }

    #divObjectsRoot .objectStatIcon {
        padding-left: 0;
        padding-right: 0;
    }

    #divObjectsRoot .divEditStream {
        width: 3.5em;
    }

    .divChild {
        padding-left: 4em !important;
        padding-right: 4em !important;
    }

    .divChildText {
        margin-right: 0 !important;
        margin-left: 0 !important;
        width: calc(100% - 0.5em) !important;
    }

    .divObjectUser {
        width: 100%;
    }


    .commentResponse .divCommentResponseAbsolute {
        left: 0 !important;
        right: 0 !important;
        clear: both !important;
        position: relative !important;
        overflow: auto !important;
        height: auto !important;
        top: 0 !important;
        height: 3em !important;
        padding-top: 1em !important;
        width: 100%;
    }

    .commentResponse.objectChild {
        width: 100% !important;
        margin-right: 0;
        margin-left: 0;
        max-width: 100% !important;
        padding-right: 0 !important;
        padding-left: 0 !important;
        padding-top: 1em;
        padding: 0;
    }

    .commentResponse {
        width: 95%;
    }

    .divCallDirection {
        width: 3.5em !important;
    }

    .userInfoTop .userInfoTopWrapper .divVoiceControls {
        top: 5.9em;
    }

    .divObjectActions a {
        visibility: hidden !important;
        display: none !important;
    }


    .editStreamDialog .wrapperSelectStreamAndSubStream > div,
    .editStreamDialog #missingUserFieldsModuleTransfer {
        width: 100%;
    }

        .editStreamDialog #missingUserFieldsModuleTransfer label,
        .editStreamDialog .wrapperSelectStreamAndSubStream .input-label {
            width: 100%;
        }

    .editStreamDialog .dropdown-edit-selected {
        margin-left: initial !important;
        margin-right: initial !important;
    }

    #managerPresenceReport.modalOpen {
        top: 3.5em;
    }

    #overlay.isFullOverlay {
        z-index: 500;
    }


    #loadMoreDialog {
        min-width: 30em;
    }

        #loadMoreDialog .divUserImage, .mainSerachList .divUserImage {
            display: inline-block !important;
        }

        #loadMoreDialog .divUserImage, .mainSerachList .divUserImage {
            display: inline-block !important;
        }

        #loadMoreDialog .divUserImage, .mainSerachList .divUserImage {
            display: inline-block !important;
        }

    .divStream {
        right: 1% !important;
    }

    .divChildDate {
        width: 100% !important;
    }

    .modalOpen {
        width: calc(100% - 3em) !important;
        top: calc(4em - 5px);
    }

    .commentResponse .divUserImage {
        display: none !important;
    }

    .attachment_frame_img {
        width: auto;
    }

    #containStreamsAndScheduled {
        float: none !important
        /*  ie support for initial */
        ;
        float: initial !important;
        width: 90%;
        width: calc(100% - 1em);
        left: auto;
        top: auto;
        height: auto;
        position: initial;
    }

    .changeStatus {
        display: inline-block;
        padding-top: 0.75em;
    }

    #treeWrapperScroll {
        width: 100%;
    }

    #divStripButtonsTop > div {
        padding: 1em 0.35em;
    }

    #close-message {
        top: .6em;
    }

    .userOptions {
        visibility: visible !important;
    }

    #editManagersList {
        overflow: auto;
        padding: 0 !important;
    }

    #toggleUserInfo {
        display: none;
    }

    .mainSerachList {
        height: 100%;
    }

    .wrapperSelectStreamAndSubStream {
        height: 100%;
        display: inline-table;
        padding-bottom: 1em;
    }
}

@media (max-width:700px) {
    .emailReplyToSmall {
        padding-bottom: 1em;
    }

    .userTags {
        padding: 1em 0.5em 0;
    }

    .userOptions {
        visibility: visible !important;
    }

    #editManagersList {
        overflow: auto;
        padding: 0 !important;
    }

    #divAdvanceSearch {
        width: 100%;
    }
}

@media (max-width:580px) {

    .userTags {
        padding: 1em 0.5em 0;
    }

    .userOptions {
        visibility: visible !important;
    }

    #editManagersList {
        overflow: auto;
        padding: 0 !important;
    }
}

@media (max-width:550px) {
    .userTags {
        padding: 1em 0.5em 0;
    }

    .userOptions {
        visibility: visible !important;
    }

    #editManagersList {
        overflow: auto;
        padding: 0 !important;
    }

    #toggleUserInfo {
        display: none;
    }

    .controlOpen {
        max-width: 100%;
    }

    .search-query {
        width: 50%;
    }
}

@media (max-width:350px) {
    .date-label-span {
        width: 50%;
        min-width: fit-content;
    }

    #createdTimeRangePicker_date-picker-table,
    #updatedTimeRangePicker_date-picker-table,
    #resolvedTimeRangePicker_date-picker-table {
        display: block;
    }

    .search-query {
        width: 50% !important;
    }

    #divHasAttachments {
        line-height: 4em;
    }

    #divAdvanceSearch input[type='text'] {
        padding: 0 0.5em;
    }

    #divAdvanceSearch div:not(#createdTimeRangePicker_date-picker-table, #updatedTimeRangePicker_date-picker-table, #resolvedTimeRangePicker_date-picker-table, .buttonsPanel, .searchOnTypes, .advancedSearchHeader) {
        padding: 0.5em 0;
    }
}

@media (max-width:350px) {
    .mainSerachList {
        left: 0 !important;
    }
}

@media (max-width:1100px) and (min-width:900px) {
    #close-message {
        top: .45em;
    }

    .userTags {
        padding: 1em 0.5em 0;
    }

    .userOptions {
        visibility: visible !important;
    }

    #editManagersList {
        overflow: auto;
        padding: 0 !important;
    }
}

@media (min-width:1100px) {
    body,
    .mce-container,
    .mce-container *,
    .mce-widget,
    .mce-widget * {
        font-size: 12px !important;
    }

    .userHistoryMode #divUserInfo #divUserInfoInputs,
    #divUserInfo .divUserInfoTextarea {
        padding: 0 !important;
        width: 100%;
        float: none;
        /*  ie support for initial */
        float: initial !important;
        max-height: 20em;
        overflow: auto;
        min-height: 16em;
    }

    .userHistoryMode .userInfoTop {
        top: 3.4em;
        z-index: 100;
        border-bottom: 1px solid;
    }

    .userHistoryMode #taUserInfoRemarks {
        width: 90%;
        width: calc(100% - 1em - 2px) !important;
    }

    .userHistoryMode .associatedTags {
        width: 100%;
    }

    .userHistoryMode #tagsFilterList_user {
        bottom: 3em;
        max-width: 90%;
        max-width: calc(100% - 2em);
    }
}

@media (min-width:1300px) {
    body,
    .mce-container,
    .mce-container *,
    .mce-widget,
    .mce-widget * {
        font-size: 13px !important;
    }
}

@media (max-width:1300px) {
    #close-message {
        top: .45em;
    }

    body:not(.mobileResolusion).stripMaximized .refferal-image {
        display: none;
    }
}

@media (min-width:1400px) {
    body,
    .mce-container,
    .mce-container *,
    .mce-widget,
    .mce-widget * {
        font-size: 14px !important;
    }
}

@media (max-height: 475px) {
    #divTabs .pinnedObject .objectChild .divCommentResponseRelative .tbChild,
    #divTabs .pinnedObject .objectChild .reamarks_editor_container .remarks_editor,
    #replyEmailDialog .remarks_editor,
    #divTabs .pinnedObject .objectChild .ask_ai_editor_container .ask_ai_editor,
    #replyEmailDialog .ask_ai_editor {
        max-height: 8em;
    }
}

@media (max-height: 350px) {
    #divTabs .pinnedObject .objectChild .divCommentResponseRelative .tbChild,
    #divTabs .pinnedObject .objectChild .reamarks_editor_container .remarks_editor,
    #replyEmailDialog .remarks_editor,
    #divTabs .pinnedObject .objectChild .ask_ai_editor_container .ask_ai_editor,
    #replyEmailDialog .ask_ai_editor {
        max-height: 4em;
    }
}

@media (max-height:435px) {
    #divStripTabs a {
        padding-bottom: 0.7em !important;
        padding-top: 0.7em !important;
    }

    body.cust_modalOpen .pinnedObject .divObject {
        min-height: 1em !important;
    }

        body.cust_modalOpen .pinnedObject .divObject .imgUserSmall {
            width: 2em;
        }
}

@media (max-height:365px) {
    #divStripTabs span,
    #divStripTabs a {
        padding-bottom: 0.6em !important;
        padding-top: 0.6em !important;
    }

    #divTabs .pinnedObject .divChilds {
        min-height: none;
        /*  ie support for initial */
        min-height: initial;
    }
}

@media (max-height:335px) {
    #divStripTabs span,
    #divStripTabs a {
        padding-bottom: 0.5em !important;
        padding-top: 0.5em !important;
        font-size: 1.4em;
    }
}

@media (max-height:290px) {
    #divStripTabs span,
    #divStripTabs a {
        padding-bottom: 0.4em !important;
        padding-top: 0.4em !important;
        font-size: 1.4em;
    }
}

@media (max-width:1023px) {
    /* show strip as "popup"  */
    .stripMaximized.formsDblClickMessage {
        width: 100% !important;
    }

    .stripMaximized #divSendGlobalMessageIcon {
        top: 0px;
    }

    .stripMaximized #divStripOverlay {
        display: block !important;
        height: calc(100% - 1em) !important;
        opacity: 0.2 !important;
        position: fixed;
    }
    /* end strip as "popup"  */
}

@media (min-width:1024px) {
    #divStripOverlay {
        display: none !important;
    }
}

.export-import-wrapper {
    position: absolute;
}

#importTemplateBtn .ajaxLoaderUploadFile {
    float: none;
    margin-top: -1.1em !important;
}

#importTemplateBtn .divUploadedFiles {
    clear: both;
}

#importTemplateBtn .inputWrapper .theme_danger {
    color: inherit !important;
}

div.childOption,
span.childOption {
    display: inline-block;
    border: 1px solid;
    border-radius: 2em;
    padding: 0.5em 1em;
    margin: 0.5em;
    margin-top: 1em;
    pointer-events: none;
    font-size: 0.7em;
}

div.childOptionSingle {
    display: inline-block;
    border: 1px solid;
    border-radius: 2em;
    padding: 0.5em 1em;
    margin: 0.5em;
    margin-top: 1em;
    pointer-events: none;
    font-size: 0.7em;
}

.childOption-allow-pointer-click {
    display: inline-block;
    border: 1px solid;
    border-radius: 2em;
    padding: 0.5em 1em;
    margin: 0.5em;
    margin-top: 1em;
    font-size: 0.7em;
}

.generalData {
    font-weight: bold;
    font-size: 16px;
}

#txtMaxTimeInActivity {
    padding-bottom: 0.6em;
}

.unknownActions {
    visibility: hidden;
    display: flex;
    text-align: center;
    width: 5em;
}

.unknownRow:hover .unknownActions {
    visibility: visible;
}

#divItemDialog {
    max-height: 87vh !important;
    overflow: auto;
}

#contentTeamsList, #contentProfilesList {
    height: 28em;
    max-height: 28em;
}

#chooseTeamsBtnDialog .inline-block.ul-box-container, #chooseProfilesBtnDialog .inline-block.ul-box-container {
    width: 100%;
}

#chooseTeamsBtnDialog .cb-custom-dialog-searchdiv, #chooseProfilesBtnDialog .cb-custom-dialog-searchdiv, #TeamBulkBtnDialog .cb-custom-dialog-searchdiv, #ProfileBulkBtnDialog .cb-custom-dialog-searchdiv {
    border-bottom: 1px solid #BFBFBF;
    margin-bottom: 1em;
}

#chooseTeamsBtnDialog .icon-search.cb-dialog-icon-search, #chooseProfilesBtnDialog .icon-search.cb-dialog-icon-search, #TeamBulkBtnDialog .icon-search.cb-dialog-icon-search, #ProfileBulkBtnDialog .icon-search.cb-dialog-icon-search {
    padding: 0.5em;
    color: #AAAAAA;
    font-size: 1em;
}

#TeamBulkBtnDialog .icon-search.cb-dialog-icon-search, #ProfileBulkBtnDialog .icon-search.cb-dialog-icon-search {
    padding-top: 1.5em !important;
}

#chooseTeamsBtnDialog .cb-dialog-search, #chooseProfilesBtnDialog .cb-dialog-search {
    padding: 0.5em;
}


/* Hide the browser's default checkbox */
.checkbox_container input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

    /* When the checkbox is checked, add a blue background */
    .checkbox_container input:checked ~ .checkmark_checkbox,
    #TeamBulkBtnDialog .checkbox_container input.checked ~ .checkmark_checkbox,
    #ProfileBulkBtnDialog .checkbox_container input.checked ~ .checkmark_checkbox,
    .main-edit-theme input.checked {
        background-color: #916ACB;
    }

input[type="checkbox"].main-edit-theme.checked {
    -webkit-appearance: none;
    width: 1em;
    height: 1em;
    position: relative;
    border: none;
}

    input[type="checkbox"].main-edit-theme.checked.selectAll {
        width: 1em;
        height: 1em;
        position: relative;
        border: none;
    }

    input[type="checkbox"].main-edit-theme.checked:after {
        content: "-";
        position: absolute;
        display: block;
        top: -38%;
        font-size: 18px !important;
        color: white;
        font-weight: 500;
        position: relative;
    }


input[type="checkbox"].main-edit-theme {
    -webkit-appearance: auto;
    border-radius: 0.2em;
    border: 2px solid;
    width: 14px;
    height: 14px;
    position: relative;
    border-color: #f1f1f1 !important
}

    input[type="checkbox"].main-edit-theme:after {
        content: "";
        position: absolute;
        display: block;
        top: -49%;
        left: 17.1%;
        font-size: 17px !important;
        color: white;
        font-weight: 500;
        position: relative;
        background-color: white !importnat;
        border-color: #f1f1f1 !important
    }

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark_checkbox:after {
    content: "";
    position: absolute;
    display: none;
}

.user-inbox .accentColor {
    border: 1px solid !important;
    border-radius: 3px;
    height: 1em;
    width: 1em;
    cursor: pointer;
}

    .user-inbox .accentColor:hover {
        -webkit-appearance: none;
        border: 2px solid !important;
    }

        .user-inbox .accentColor:hover.checked {
            -webkit-appearance: auto;
            border: 2px solid !important;
        }


/* Show the checkmark when checked */
.checkbox_container input:checked ~ .checkmark_checkbox:after {
    display: block;
}

.td_Resolved_true {
    color: green;
}

/* Style the checkmark/indicator */
.checkbox_container .checkmark_checkbox:after {
    left: 4px;
    top: 2px;
    width: 3px;
    height: 5px;
    border: solid white;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.add_new_user_btn {
    width: 13em !important;
}

    .add_new_user_btn > .button {
        border-radius: 5px;
        /* padding: 0.5em 1em 0.5em 1em;*/
        font-weight: normal;
    }

.divDialog {
    width: 100%;
    overflow: auto;
}

    .divDialog .innerBox {
        padding-right: 1em;
        padding-left: 1em;
        padding: 1em;
        width: calc(100% - 2em);
    }

    .divDialog.groupSettings {
        cursor: pointer;
        padding: 1em;
        width: calc(100% - 2em);
    }

.noPointerGroupSettings {
    padding: 1em;
    width: calc(100% - 2em);
}

.noPointerGroupSettingsNoUpDownPadding {
    padding-left: 1em;
    padding-right: 1em;
    width: calc(100% - 2em);
}

.innerBoxTopBottom {
    margin-top: 0.25em;
    margin-bottom: 0.25em;
}

#campaignName.innerBoxTopBottom {
    margin-top: 0;
    display: none;
}

.innerBoxBottom {
    margin-bottom: 0.25em;
}

#csvFileName.divDialog {
    padding-top: 0.8em;
    padding-bottom: 0.8em;
    width: calc(100% - 1em);
    cursor: pointer;
    display: none;
}

.bothSides1percent {
    padding-left: 1% !important;
    padding-right: 1% !important;
}

.marginTop02em {
    margin-top: 0.2em;
}

#divSmsFileuploadWrapper .divFileUpload {
    margin-top: 0.85em;
}

#divSmsFileuploadWrapper {
    margin-bottom: 0.2em;
    height: 3em;
}

    #divSmsFileuploadWrapper #attachments_smsFileUploader {
        max-width: 26em;
        padding-top: 0.4em;
        overflow: auto;
    }

#divSmsFileupload .ajaxLoaderUploadFile {
    margin-top: -0.9em !important;
    width: 3em;
}

#parentChannelPopUp {
    width: 100%;
    margin-bottom: 2em;
}

#composeSeperateByRecipientsWrapper {
    display: inline-flex;
    align-items: center;
    padding-top: 2px;
    cursor: pointer;
}

.composeSeperateByRecipientsWrapper label {
    user-select: none;
    cursor: pointer;
}

#saveBtnDiv {
    position: fixed;
    bottom: 1em;
}

#mainComposeDiv {
    overflow-y: auto;
    margin-top: 0px !important;
    width: calc(100% - 3em);
    max-height: calc(100% - 3.2em - 4em - 2.5em);
}

.notSelectedStreamDiv .notificationStreamDiv {
    max-width: 15em;
}

.notificationStreamDiv {
    padding: 0.8em;
    clear: both;
    max-width: 15.45em;
}

#streamNotification .notificationCheckBox {
    max-width: 10em;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    display: inline-block;
}

.groupSettings [class^=icon-] {
    display: inline-block;
}

.notSelectedStreamDiv {
    padding: 0.5em;
    clear: both;
}

.ErrorPagetexts {
    float: left;
    margin-right: 10em;
}

#streamNotification [id^=streamId_] {
    border-bottom: 1px solid #e5e4e4;
}

.tags_button {
    display: inline-block;
}

.tagsSelectActionButton {
    clear: both;
    position: relative;
    width: 5em;
    text-align: center;
    margin: 0 auto;
    margin-top: 1em;
    display: block;
}

.divCommentResponseRelative select.reply-to-body {
    display: block !important;
}

.little_circle {
    width: 0.5em;
    height: 0.5em;
}

.ErrorPageContainer {
    top: 20%;
    left: 25%;
    position: relative;
}

.ErrorPageTitle {
    text-align: left;
    font-size: 3em;
    font-weight: bold;
}

.ErrorPageDescription {
    font-size: 1em;
}

.ErrorPageBody {
    font-weight: bold;
    font-size: 1.5em;
    margin-top: 3em;
}

.ErrorPageLink {
    font-size: 1.5em;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    select::-ms-expand {
        width: 12px;
        border: none;
        background: #fff;
    }

    .userFields label {
        transform: none;
    }
    /*IE*/
    /*#divUserFieldsContainer {
        min-height: 20em;
    }*/
}

#divAdvanceSearch #textBoxStartDate {
    max-width: 7em;
}

.divChild .userImage span.managerName {
    display: none;
}


#responseFieldsWrapper #restExportWrapper, #responseFieldsWrapper #responseHeadersWrapper {
    width: 8.5em;
    min-width: 5em;
}

#activityHoursErrorMessage {
    color: #FF0000;
    font-weight: bold;
    position: relative;
}

.selection_list_control {
    padding: 0.5em 0em;
}

.bubbleText {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    max-width: 8em;
}

.ui-sortable-handle {
    cursor: all-scroll;
}

.bubble-text-dragging span {
    float: none !important;
    display: block;
}

.replyTemplateBlock {
    min-height: 1em !important;
    max-height: 3em;
    width: auto;
    margin-bottom: 2.5em !important;
    border-right: 1px solid;
    border-left: 1px solid;
    overflow: hidden;
}

.publishVersionTbl {
    padding-bottom: 1em;
    width: 100%;
}

    .publishVersionTbl textArea {
        margin: 2em 0 2em 0em;
        width: calc( 100% - 2em);
        border: solid 1px lightgray;
        height: 6em;
        color: initial;
    }

[aria-describedby=publishDraftDialog] {
    border: 0em;
    margin: 0em;
}

#showVersionsDialog {
    max-height: 60em !important;
    padding: 0.2em;
}

    #showVersionsDialog .showVersionTbl {
        width: 100%;
    }

        #showVersionsDialog .showVersionTbl td {
            text-align: start !important;
        }

        #showVersionsDialog .showVersionTbl .trSettingVersion {
            width: 100%;
            display: inline-table;
            vertical-align: inherit;
        }

        #showVersionsDialog .showVersionTbl td {
            padding-bottom: 0.7em;
        }

        #showVersionsDialog .showVersionTbl tr.trSettingVersion {
            border-width: 1px 0 0 0;
            border-style: solid;
        }

        #showVersionsDialog .showVersionTbl .tdVersionName .icon-info {
            line-height: initial;
        }

        #showVersionsDialog .showVersionTbl .tdVersionName,
        #showVersionsDialog .showVersionTbl .tdVersionDate,
        #showVersionsDialog .showVersionTbl .tdVersionPublisher {
            width: 17%;
        }

            #showVersionsDialog .showVersionTbl .tdVersionName .icon-info {
                line-height: initial;
            }

        #showVersionsDialog .showVersionTbl .tdVersionLoad .btnRestoreAndPublish {
            margin: 0 1em;
        }

        #showVersionsDialog .showVersionTbl .tdVersionLoad .btnRestoreAndPublish {
            margin: 0 1em;
        }

        #showVersionsDialog .showVersionTbl .tdVersionLoad .btnDeleteVersion {
            padding-top: 5.25px;
            padding-right: 1em;
            padding-left: 1em;
            font-size: 1.2em;
        }

        #showVersionsDialog .showVersionTbl a {
            cursor: pointer;
            display: inline-block;
        }

[aria-describedby="publishDraftDialog"],
[aria-describedby="showVersionsDialog"] {
    padding: 0;
}

.commonDialog .bottomButtons {
    margin-bottom: 0.5em;
}

#scriptPublishWarningUp #upper,
#scriptLoadWarningUp #upper {
    padding-bottom: 1em;
}

[aria-describedby="publishDraftDialog"],
[aria-describedby="showVersionsDialog"] {
    padding: 0;
}

.PresenceReportOverlay {
    z-index: 2001 !important;
}

.commonDialog .bottomButtons {
    margin-bottom: 0.5em;
}

#managerPresenceReport.modalOpen {
    top: 0;
}

#managerPresenceReport .wrapperPresence {
    padding-top: 3.5em;
}


/*******External IM*****/

.fullWidthStrip {
    left: 0 !important;
    width: 100% !important;
    right: 0 !important;
}

.groupedSelect {
    max-height: 20.5em;
    overflow-y: auto;
    width: 15em;
    border-radius: 5px;
    margin: 1em 0;
    padding: 0.5em;
}

.extensionType {
    padding: 0.2em 2em;
}

.warningDialog #scriptLoadWarningUp {
    padding-bottom: 1em;
}

.warningDialog .lower {
    padding-top: 1em;
}


/*jQuery-File-Upload - Drop-zone-effects*/

.dropzone {
    /*background: palegreen !important;
    width: 150px !important;
    height: 50px !important;
    line-height: 50px !important;
    text-align: center !important;
    font-weight: bold !important;*/
}

    .dropzone.in {
        /*width: 600px !important;
    height: 200px !important;*/
        /*line-height: 200px !important;*/
        /*font-size: larger !important;*/
    }

    .dropzone.hover {
        content: 'Drop files here';
        outline: 2px dashed #92b0b3 !important;
        outline-offset: -10px !important;
        outline-color: #c8dadf !important;
        background-color: gray !important;
        position: relative;
        opacity: 0.5;
        /*padding: 100px 20px;*/
    }


/*.dropzone.fade {
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    opacity: 1;
}*/


/**/

.divForwardToEmail #forwardAttachments, #manualIntegrationDialog .forward-attachments {
    width: 90%;
    font-size: 13px;
    margin: 1em 1.5em;
    max-height: 20em;
    overflow: auto;
}

.divForwardToEmail .forwardSelectedAttachments #forwardAttachments, #manualIntegrationDialog .forward-attachments-select .forward-attachments {
    width: 65%;
    margin: 1em 1.5em;
}

.divForwardToEmail #forwardAttachments table,
#manualIntegrationDialog .forward-attachments table {
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-top: 1px solid #ccc;
    border-collapse: collapse;
}

.divForwardToEmail #forwardAttachments tr,
#manualIntegrationDialog .forward-attachments tr {
    border-bottom: 1px solid #ccc;
}

.divForwardToEmail #forwardAttachments table th, #manualIntegrationDialog .forward-attachments table th,
.divForwardToEmail #forwardAttachments table td, #manualIntegrationDialog .forward-attachments table td {
    padding: 0.5em;
    font-weight: normal;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    max-width: 6em;
}

.divForwardToEmail #forwardAttachments td:last-child, #manualIntegrationDialog .forward-attachments td:last-child,
.divForwardToEmail #forwardAttachments th:last-child, #manualIntegrationDialog .forward-attachments th:last-child {
    max-width: 100%;
}

.forward-attachments .attachmentRow {
    width: 65%;
    padding: 0.4em 1em;
    overflow: hidden;
    border-top: 1px dashed #ccc;
}

    .forward-attachments .attachmentRow:last-child {
        border-bottom: 1px dashed #ccc;
    }

.forward-attachments .attachments-text {
    max-width: 20EM;
    DIRECTION: inherit;
    margin: 0 0.5em;
}

.forward-attachments .icon-cancel-circle {
    font-size: 1.2em;
    opacity: 0.5;
}

.firstResponseTable {
    height: auto !important;
}

    .firstResponseTable #responseTimeAverageDiv {
        position: relative;
        height: 1.5em;
        border-bottom: 0.1em solid;
        padding-bottom: 0.7em;
    }

    .firstResponseTable #dummyValue {
        visibility: hidden;
    }

    .firstResponseTable #firstResponseDiv {
        position: sticky;
        height: 2.3em;
        margin-top: -0.7em;
        border-bottom: 0.1em solid;
        padding-bottom: 0.7em;
    }

    .firstResponseTable #firstResponseTitle {
        position: absolute;
        top: 0.5em;
        width: 7em;
        height: 1em;
        margin-bottom: 0em;
    }

    .firstResponseTable #firstResponseDuringWorkingHoursDiv {
        position: absolute;
        width: 7em;
    }

    .firstResponseTable #firstResponseDuringWorkingHoursValue {
        font-size: large;
        position: relative;
        top: -0.3em;
    }

    .firstResponseTable #slaExceptionsDuringWorkingHoursDiv {
        position: absolute;
    }

    .firstResponseTable #slaExceptionsDuringWorkingHoursValue {
        font-size: large;
        position: relative;
        top: -0.3em;
    }

    .firstResponseTable #secondaryResponseDiv {
        position: relative;
        height: 2.2em;
        margin-top: -0.7em;
    }

    .firstResponseTable #secondaryResponseTitle {
        position: absolute;
        width: 7em;
        top: 0.5em;
        white-space: nowrap;
        margin-left: 1.3em;
    }

    .firstResponseTable #seondaryResponseAverageDiv {
        position: absolute;
        width: 7em;
    }

    .firstResponseTable #seondaryResponseAverageValue {
        font-size: large;
        position: relative;
        top: -0.3em;
    }


/*jQuery-File-Upload - Drop-zone-effects*/

.dropzone {
    /*background: palegreen !important;
    width: 150px !important;
    height: 50px !important;
    line-height: 50px !important;
    text-align: center !important;
    font-weight: bold !important;*/
}

.firstResponseTable #seondarySlaExceptionsDiv {
    position: absolute;
}

.dropzone.in {
    /*width: 600px !important;
    height: 200px !important;*/
    /*line-height: 200px !important;*/
    /*font-size: larger !important;*/
}

.firstResponseTable #seondarySlaExceptionsValue {
    font-size: large;
    position: relative;
}

.dropzone.hover {
    content: 'Drop files here';
    outline: 2px dashed #92b0b3 !important;
    outline-offset: -10px !important;
    outline-color: #c8dadf !important;
    background-color: gray !important;
    position: relative;
    opacity: 0.5;
}


/*******************ReportExportDialog Begin***************/

.box-shadow {
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.buttom-pop-up-dialog {
    text-align: center;
}

    .buttom-pop-up-dialog a {
        color: blue;
        padding: 0 10px;
    }

    .buttom-pop-up-dialog .content {
        padding-top: 1em;
        line-height: 1.6;
    }

    .buttom-pop-up-dialog > div.content > div > div.info1 {
        font-size: 1.1em;
    }

    .buttom-pop-up-dialog > div.content > div > div.margin-sides-1em > span {
        color: #505050;
    }

    .buttom-pop-up-dialog .bottom {
        width: 100%;
    }

        .buttom-pop-up-dialog .bottom .btn-close {
            margin: 0 auto 1em !important;
            width: 100px;
        }

    .buttom-pop-up-dialog .ajaxLoaderReports {
        display: block;
        width: 6.5em;
        height: 5.25em;
        margin: 0px auto !important;
    }

    .buttom-pop-up-dialog .report-ready {
        padding: 10px 70px;
    }


/*******************ReportExportDialog End***************/


/*******************cb-dialog Start***************/


.cb-dialog-title {
    font-size: 1.2em;
    font-weight: 400;
    color: #191919;
}

.cb-dialog-title-div {
    color: #191919;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
}

.channelFilterReact .cb-dialog-title-div + div {
    min-height: 27em !important;
}

#accountsAssetsWrapper .settingColumn {
    width: 31.5em;
}


.cb-dialog-icon-search {
    padding-top: 1em;
    font-size: 1.2em;
}

.cb-custom-dialog-footer {
    border-width: 0.1em;
    padding-top: 0.5em;
    border-top: 1px solid #f1f1f1;
}

.cb-custom-dialog-input {
    border-bottom: 0px !important;
    padding-top: 0.6em !important;
}

.cb-panel-buttons {
    background-color: transparent;
    border-width: 0px;
}

.cb-custom-dialog-searchdiv {
    /*border-bottom-style: solid;
    border-color: #f1f1f1;
    border-width: 0.1em;*/
}

.cb-dialog-selectAll-button {
    margin-bottom: 0.5em;
    margin-top: 0.5em;
}

.spnCheckboxName {
    display: inline-block;
    margin-bottom: 0.5em;
}

.customKpiPanelButtons {
    margin: 1.3em;
    padding: 0.5em;
    background-color: transparent;
    border-width: 0px;
}


/*******************cb-dialog End***************/


/*#region external participants*/

#inviteExternalParticipant {
    padding: 3em 1.5em;
}

    #inviteExternalParticipant p.line-through {
        border-bottom: 1px dashed #DBDADA;
        text-align: center;
        margin: 4em 0;
    }

        #inviteExternalParticipant p.line-through span {
            top: .5em;
            position: relative;
            z-index: 1;
            padding: 1em;
        }

    #inviteExternalParticipant .half-size {
        width: 50%;
        padding: 0;
    }

        #inviteExternalParticipant .half-size #foundCustomer,
        #inviteExternalParticipant .half-size #pEmailOrPhone {
            width: calc(100% - 1.8em);
        }

    #inviteExternalParticipant #pEmailOrPhone {
        padding-top: 0 !important;
        position: relative;
        width: calc(100% - 2em - 1px);
    }

    #inviteExternalParticipant .participantName input {
        width: calc(100% - 10em);
        padding-top: 0;
    }

    #inviteExternalParticipant .BY_showValidation .BY_validation_text {
        text-align: center;
    }

    #inviteExternalParticipant #userSelectInput {
        width: 100%;
    }

    #inviteExternalParticipant .participantName {
        margin: 0.5em 0;
        overflow: auto;
        padding-top: 1em;
    }

.participant .externalParticipantPending,
.participant .externalParticipantDeleteIcon {
    width: 1.1em;
    padding-top: 0.15em;
}

.participantDialogButtons {
    clear: both;
    margin: 0.5em;
    overflow: auto;
}

    .participantDialogButtons a {
        margin: 0.5em;
    }

p.exteranlParticipantRemoveWarnningMessage {
    margin: 1em;
    word-wrap: break-word;
}

#inviteExternalParticipant .epAutoComplete {
    top: 2em !important;
    width: 100% !important;
    border-top: none;
    margin: -1px;
    max-height: 10em;
    padding-left: 0.5em;
    padding-right: 0.5em;
}

#inviteExternalParticipant .mainSerachList .ui-menu-item {
    height: auto !important;
}

.epAutoComplete label {
    max-width: calc(30% - 1em);
    min-width: calc(30% - 1em);
}

#inviteExternalParticipant .epAutoComplete label.ui-state-active {
    color: initial !important;
}

#inviteExternalParticipant input::placeholder {
    opacity: 0.3;
}

#externalCustomers {
    max-height: 7em;
}

    #externalCustomers .participant {
        width: 93%;
        border-bottom: 1px solid;
        overflow: hidden;
        padding-bottom: 0.4em;
        padding-top: 0.4em;
    }

        #externalCustomers .participant:last-child {
            border: none;
            padding-bottom: 1em;
        }

    #externalCustomers .participantName {
        max-width: calc(100% - 3em);
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
    }

div[renderd-data-by-view="inbox.participants.externalParticipnt"] span {
    padding: 0;
}

.externalCustomersWrapper #externalCustomers span {
    display: block;
}

.externalCustomersWrapper .externalCustomerAdd {
    overflow: auto;
}

    .externalCustomersWrapper .externalCustomerAdd * {
        cursor: pointer;
    }

#pEmailOrPhone_wrapper {
    position: relative;
    width: 50%;
}

    #pEmailOrPhone_wrapper [for='pEmailOrPhone'] {
        position: absolute;
    }


/*#endregion*/

.settingColumn.event_time .ddlHours,
.settingColumn.event_time .ddlMinutes {
    border-bottom: none !important;
}

.settingColumn.event_time .b_b_1 {
    border-bottom: 1px solid #E5E5E5;
}

.settingColumn.event_time .divDateWrapper {
}

.settingColumn.event_time .divPanelEventTime {
    overflow: auto;
    clear: both;
}

.settingsGroupDescription {
    display: none;
    padding: 0.75em 0em !important;
}

#totalNumObjectsTitle,
#fromAssignTimeTitle {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.user-with-manager-icon {
    width: 85%;
    display: inline-block;
    text-overflow: ellipsis;
    overflow: hidden;
}

    .user-with-manager-icon + .icon-manager {
        margin-top: auto;
        margin-bottom: auto;
        margin-right: 0.1em;
        margin-left: 0.1em;
    }

#streamNotification .divGroupSettings a.groupSettings {
    display: inline-block;
}

.dir-label-mergin-05em {
    margin-right: 0.5em;
}

@media (max-width:1200px) {
    #noStreamMsg {
        height: calc(100% - 15em);
    }
}

@media (max-width:1400px) {
    div[id*="divEditRule_parentRules"] {
        max-height: 40em !important;
    }
}

@media (max-width:450px) {
    .refferal-image {
        display: none;
    }

    .icon-User-Properties-Icon {
        font-size: 1.5em !important;
    }

    #send-wa-template-dialog-wrapper #knowledgeBaseBox.showKnowledgeBase,
    #editStreamDialog #knowledgeBaseBox.showKnowledgeBase {
        width: 93%;
    }
}


.direction_ltr {
    direction: ltr;
}

.direction_rtl {
    direction: rtl;
}

.object_shortcuts_min_width {
    min-width: 8em;
}

.object_shortcuts_table_ltr {
    width: 34em;
    height: 22em;
    position: relative;
}

.object_shortcuts_table_rtl {
    width: 28em;
    height: 19em;
    position: relative;
}


#connectEmailDialog .md-radio label:before, #connectWhatsAppDialog .md-radio label:before {
    width: 17px;
    height: 17px;
}

#connectWhatsAppDialog #whatsappbusinessTr td {
    max-width: 10.5em;
}

#connectWhatsAppDialog .ajaxLoader {
    display: block;
    bottom: 0;
    top: auto;
    left: 1em;
    height: 3em;
    width: auto;
}

#connectWhatsAppDialog #whatsappbusinessTr {
    display: table-row;
}

#connectEmailDialog div label:first-child {
    display: inline-block;
    width: 20em;
}

#connectEmailDialog label {
    font: inherit;
    transform: none;
}

#connectEmailDialog #useSSL_wrapper, #autoCompleteOauth2_wrapper {
    margin: 1em 0;
}

#connectEmailDialog .divPanelInputSeparator:not(:first-of-type) .spnValue {
    width: 12em;
}

#answer_list_wrapper .spnValue {
    display: inline-block;
    min-width: 28em;
    min-height: 1em;
}

#addAccountMail[data-server-type="EWS"] .basic-type:not(.smtp-type),
#addAccountMail[data-server-type="SMTP"] .basic-type:not(.ews-type), #addAccountMail[data-server-type="EWS"] .ews-type {
    display: block;
}

#addAccountMail[data-server-type="EWS"] .smtp-type:not(.ews-type), #addAccountMail[data-server-type="SMTP"] .ews-type:not(.smtp-type),
#addAccountMail[data-server-type="SMTP"] .basic-type.ews-type:not(.smtp-type),
#addAccountMail[data-server-type="AWS_SES"] .basic-type.ews-type {
    display: none;
}

.multipleSeparators {
    width: 15em;
}

.attachments-wrapper {
    border-top-color: inherit;
    max-height: 5em;
    overflow-y: auto;
}

.divUploadedFile-border {
    border: 1px solid;
    border-radius: 1em;
}

.hidden-attachments-list-btn {
    border-width: 1px;
    border-style: solid;
    border-radius: 50%;
    display: inline-block;
    padding: 0.2em;
    font-size: 0.7em;
    transition: all .5s ease-in-out;
    margin-top: 0.3em;
    font-weight: bold;
}

    .hidden-attachments-list-btn::before {
        content: attr(data-tabs);
    }

.divObjectIndicators .priority-connect-indicator {
    display: none;
}

.google-translate-default,
#divMailTranslateMce .google-translate-default {
    color: #4B8BF5 !important;
}

nav[id^="wrapper_childActionMenu_"] .BY_menu_item, nav[id^="wrapper_objectActionMenu_"] .BY_menu_item {
    display: flex;
    justify-content: flex-start;
}

.default-item-hidden {
    display: none !important;
}

.object_tags_list {
    width: 20em;
    height: 10em;
    overflow: scroll;
}

.tag_info {
    padding: 0.3em;
    margin: 0.3em;
    border-radius: 3px;
    font-weight: normal;
    white-space: nowrap;
    font-family: 'Poppins', 'Rubik', helvetica, arial, sans-serif;
    max-width: calc(100% - 1.2em);
}

    .tag_info span {
        max-width: 100%;
        overflow: hidden;
        text-overflow: ellipsis;
        color: #ffffff;
        vertical-align: bottom;
        white-space: nowrap;
        display: inline-block;
    }

[data-group="languagesGroup"] {
    max-height: 9em;
    overflow-y: scroll !important;
}

.tag_info span {
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #ffffff;
    vertical-align: bottom;
    white-space: nowrap;
    display: inline-block;
}

.multiple-attachments-grid {
    display: grid;
    grid-template-columns: 22em 22em;
}

.divUploadedFile .uploaded_file_size {
    font-size: 0.85em;
    top: 0.2em;
}

.divUploadedFile a.linkToFile {
    top: 0em;
    position: relative;
}

.single-attachment-replayto {
    max-width: 22em;
    font-size: 0.8em;
}

.mobileSlaAlert {
    display: none;
}

.assignManagerWrapper {
    padding: 2em;
}

.wrapperSelectStreamAndSubStream .assignManagerWrapper .edit_steram_dialog_related_agents_control .edit_steram_dialog_assignment_picker_wrapper {
    position: relative;
    width: 2.6em;
    top: 0.2em;
}

    .wrapperSelectStreamAndSubStream .assignManagerWrapper .edit_steram_dialog_related_agents_control .edit_steram_dialog_assignment_picker_wrapper .manager-assignment {
        position: relative;
    }

.customer_info_title #backUserInfo {
    display: none;
}

[id^="managerSearchBar_"][id$=_editStreamDialog].BY_menu_item {
    padding: 0 0.5em;
}

.removeManagerAffinity {
    font-size: .9em;
    padding: 0.8em;
    margin-right: 0.5em;
    top: 0.5em;
    display: none;
}

#saveManagerAffinities {
    font-size: 0.8em;
    display: none;
}



.contact-card-left {
    border-right-width: 0.2em;
    float: left;
    border-right-style: solid;
}

contact-card-mail-only {
    min-width: 4em;
}

.contact-card-left, .contact-card-right {
    border-color: black;
    width: 49%;
    padding-top: 0.75em;
    word-wrap: break-word;
    overflow-wrap: break-word;
    white-space: normal;
    min-height: 3em;
    text-align: center;
    text-transform: capitalize;
}

.contact-button-text {
    margin-top: 0.25em;
}

.contact-card-details {
    text-align: center !important;
    padding-bottom: 0.5em;
}

.divContactLabel {
    text-transform: capitalize;
    padding-bottom: 0.25em;
}

.contact-wa-name,
.contact-wa-phone {
    margin-top: 1em;
}

.add-user-account-wrapper {
    width: 100%;
    margin-bottom: 1.5em;
    margin-top: 1em;
}

.add-contact-dialog-button {
    display: flex;
    margin-bottom: -3.5em;
    justify-content: flex-end;
}

.save-contact-card-btn {
    min-height: 3em;
}

.contact-name-wrapper {
    margin-top: 2em;
    margin-bottom: 2em;
}

.divWrapperFirstName,
.divWrapperLastName {
    display: flex;
    align-items: flex-end;
}

.contact-card-input {
    width: 68%;
}

.contact-card-input-email {
    width: 90%;
}

.divInputContactName {
    width: calc(99% - 7em);
}

.error-msg-add-contact {
    margin: 0 auto;
    margin-top: 1em;
    width: 65%;
}

.email-contact-card {
    margin-bottom: 2em;
}


/*Amazone Connect CCP Begin*/

#divNewVoiceConversationContent {
    /*display: none;*/
    padding-top: 1em;
}

    #divNewVoiceConversationContent select {
        border: 0.5px solid #B7B7B7;
    }

    #divNewVoiceConversationContent input {
        border: 0.5px solid #B7B7B7;
    }

body.voice-agent-unavailable #divNewVoiceConversationContent .button {
    opacity: 0.4;
}

#divNewVoiceConversationContent .button:hover {
    color: white !important;
}

#divNewVoiceConversationContent.valid .button.send {
    background: #67CE67;
}

#divNewVoiceConversationContent .button.send {
    background: #757575;
    border-radius: 16px;
    border: none;
    color: white;
}

#addObjectDialog.compose-new-voice a.button.end {
    background: rgba(255, 0, 0, 0.9);
    border-radius: 16px;
    border: none;
    color: white;
}

#addObjectDialog.compose-new-voice a.button.end {
    background: rgba(255, 0, 0, 0.9);
    border-radius: 16px;
    border: none;
    color: white;
}

#addObjectDialog.compose-new-voice #parentAssignPopUp,
#addObjectDialog.compose-new-voice #PublishNewObject,
#addObjectDialog.compose-new-voice #PublishNewObjectAndAssign,
#addObjectDialog.compose-new-voice #createCampaign,
#addObjectDialog.compose-new-voice #parentAssignPopUp {
    display: none;
}


/*Amazone Connect CCP End*/
.menu-ddl li[streamprovidertype="14"] span.ellipsis, #accountsPicker_6 li[streamprovidertype="14"] span.ellipsis {
    direction: ltr;
}

.icon-outlook {
    color: #0072C6;
}

.icon-gmail {
    color: #EB3732;
}

.icon-salesforce {
    color: #00A1E0;
}

.padding-top-05em {
    padding-top: 0.5em;
}

.padding-top-1em {
    padding-top: 1em;
}

.subGroupSetting {
    width: 27%;
    padding: .5em;
    border: 1px solid;
    border-radius: .3em;
}

    .subGroupSetting .BY_formInput.settingColumn {
        min-width: unset;
    }

#txtSearchKB {
    width: calc(100% - 4em);
}


/*campaign*/
.campaignMessage .childOption-allow-pointer-click {
    background-color: #AEDEFF !important;
    border-color: black !important;
    color: black !important;
}

    .campaignMessage .childOption-allow-pointer-click:hover {
        background-color: #AEDEFF !important;
        border-color: black !important;
        color: black !important;
    }

    .campaignMessage .childOption-allow-pointer-click a {
        color: black !important;
    }

.divChild.campaignMessage {
    margin-right: auto;
    margin-left: auto;
    display: table;
    float: none !important;
}

.display-flex {
    display: flex;
}

.margin-top-1em {
    margin-top: 1em;
}

#ddlManagersAffinity {
    max-width: 7em;
}

.cascading-ddl-wrapper-with-description {
    margin-top: -4em;
}

.cascading-ddl-layer-with-description {
    margin-top: 1em;
}

.divActivateHours {
    float: left;
}


/*survey*/


.divChild.surveyMessage {
    margin-right: auto;
    margin-left: auto;
    display: table;
    float: none !important;
}


#divTabs .pinnedObject .surveyMessage.divChild.conversationType.theme_manager_message .divChildText {
    color: black !important;
    text-align: center;
}

.surveyMessage.theme_manager_message .divChildText {
    background-color: rgba(136, 255, 223, 0.5) !important;
}

.divChild.surveyMessage.managerResponse .theme_button {
    background-color: transparent !important;
    color: #121212 !important;
    border: 0.5px solid #121212 !important;
}


.emailDownloadZippedAttachmentsBtn {
    position: absolute;
    font-size: 1.5em;
    right: 1.1em;
    cursor: pointer;
}

    .emailDownloadZippedAttachmentsBtn::before {
        content: "\e9f7";
    }

    .emailDownloadZippedAttachmentsBtn .ajaxLoader {
        display: none;
        position: absolute;
        top: -1em;
        left: -3em;
        font-size: 0.5em;
    }

.lineHeightOneFive {
    line-height: 1.5em;
}



#vueMngApp {
    margin-top: 0;
}

#divKnowledgeBaseWrapper .topKnowledgeBaseTabWrapper {
    height: 3em;
    min-width: 16em;
    border-radius: inherit;
}

#divKnowledgeBaseWrapper .expandOrMinimizeKbTree {
    line-height: 3em;
}

#divKnowledgeBaseWrapper #divSearchKnowledgeBase {
    position: relative;
    top: 0.6em;
}

#divKnowledgeBaseWrapper #txtSearchKB {
    height: 0.7em;
    border: 0;
    background-color: transparent;
}

#divKnowledgeBaseWrapper .jstree-1 {
    height: 90vh;
    overflow: auto;
}

.userInfoTxtBtn {
    margin-top: 1em;
    margin-bottom: 1em;
    font-weight: bold;
    font-size: 0.9em;
}

.dialogShadow {
    box-shadow: rgba(0,0,0,0.2) 0px 5px 10px 0px;
}

#divTabs .pinnedObject .divChild.userResponse.conversationType .align-user-icon-position {
    top: 1.25em;
}

#divApiKeysTable #tblApiKeys #trApiKey {
    text-align: center;
}

#divApiKeysTable #tblApiKeys .tdStatus .status.Active {
    color: #4CAF50;
    margin-inline-end: 3px;
    position: relative;
    bottom: 1px;
}

#divApiKeysTable #tblApiKeys .tdStatus .status.Revoked {
    color: #EFBE2E;
    margin-inline-end: 3px;
    position: relative;
    bottom: 1px;
}

#divApiKeysTable #tblApiKeys .tdStatus .status.Expired {
    color: red;
    margin-inline-end: 3px;
    position: relative;
    bottom: 1px;
}

#divApiKeysTable #tblApiKeys .showApiKeyBtn {
    cursor: pointer;
}


#divApiKeysTable #tblApiKeys .testApiKeyBtn {
    margin-inline-start: 5px;
}

#divApiKeysTable #tblApiKeys .icon-unlocked {
    margin-inline-start: 5px;
}

#divApiKeysTable #tblApiKeys .tdActions {
    cursor: pointer;
}

    #divApiKeysTable #tblApiKeys .tdActions .actionIcon.Active::before {
        content: "\e9f5";
    }

    #divApiKeysTable #tblApiKeys .tdActions .actionIcon.Revoked::before {
        content: "\e9ac";
    }

.divApiKeysWrapper .apiKeyModal {
    display: none;
    position: fixed;
    z-index: 1;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgb(0,0,0);
    background-color: rgba(0,0,0,0.4);
}

    .divApiKeysWrapper .apiKeyModal .modalContent {
        background-color: #fefefe;
        margin: 15% auto;
        padding: 35px;
        padding-bottom: 80px;
        border: 1px solid #888;
        width: 40%;
        position: relative;
    }

        .divApiKeysWrapper .apiKeyModal .modalContent .closeButton {
            float: right;
            font-size: 25px;
            position: absolute;
            right: 3%;
            top: 3%;
        }

        .divApiKeysWrapper .apiKeyModal .modalContent .closeApiKeyDeleteModal:hover, .closeApiKeyDeleteModal:focus {
            color: black;
            text-decoration: none;
            cursor: pointer;
        }

        .divApiKeysWrapper .apiKeyModal .modalContent .header {
            font-size: 14px;
            font-weight: bold;
            margin-bottom: 20px;
        }

        .divApiKeysWrapper .apiKeyModal .modalContent .newApiKey apiKeyField {
            background: #F3F3F3;
            width: fit-content;
            padding: 8px;
        }

        .divApiKeysWrapper .apiKeyModal .modalContent .copyIcon {
            cursor: pointer;
            margin-inline-start: 10px;
        }

        .divApiKeysWrapper .apiKeyModal .modalContent .copyIcon {
            cursor: pointer;
            margin-inline-start: 10px;
            position: relative;
            bottom: 9px;
        }


        .divApiKeysWrapper .apiKeyModal .modalContent .showApiKeyField {
            padding: 5px;
            background: #ececec;
            width: 85%;
            display: inline-block;
        }

        .divApiKeysWrapper .apiKeyModal .modalContent .apiKeyFieldWarning {
            display: block;
            margin-top: 10px;
        }

        .divApiKeysWrapper .apiKeyModal .modalContent .actionButtons {
            position: absolute;
            right: 35px;
            bottom: 30px;
            cursor: pointer;
        }

            .divApiKeysWrapper .apiKeyModal .modalContent .actionButtons .cancel {
                padding: 10px;
            }


            .divApiKeysWrapper .apiKeyModal .modalContent .actionButtons .confirm {
                padding: 10px;
                color: white;
                background: #4d77ff;
            }


            .divApiKeysWrapper .apiKeyModal .modalContent .actionButtons .confirmShowApiKey {
                padding: 10px;
                padding-left: 20px;
                padding-right: 20px;
            }

#divModule_60 .saveButton {
    display: none;
}


#paymentNoticeDiv {
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 13px;
    font-weight: bold;
    padding: 0 1em;
}

    #paymentNoticeDiv .icon, #paymentNoticeDiv .icon {
        position: relative;
        left: 0.5em;
        font-size: 1.5em;
    }

    #paymentNoticeDiv.AllUsersPaymentNotice, #paymentNoticeDiv.AdminsApiChangeNotice, #paymentNoticeDiv.AdminsMicrosoftTokensNotice, #paymentNoticeDiv.AIExpirationNotice, #paymentNoticeDiv.FacebookPageTokenNotice {
        background-color: #FAC710;
    }

    #paymentNoticeDiv.AdminsOnlyPaymentNotice {
        background-color: #F26B6B;
    }

    #paymentNoticeDiv.General {
        background-color: #4d77ff;
        color: white;
    }

    #paymentNoticeDiv .apiNoticeCheckApiModuleBtn {
        font-weight: normal;
        margin-inline-start: 10px;
        padding: 5px;
        border: 1px solid;
        border-radius: 5px;
        cursor: pointer;
        position: relative;
    }

    #paymentNoticeDiv .apiRevokedMessage {
        width: 85%;
        display: flex;
        justify-content: center;
        align-items: center;
        padding-inline-start: 8%;
    }

    #paymentNoticeDiv.AdminsMicrosoftTokensNotice .apiRevokedMessage {
        width: 91%;
    }

    #paymentNoticeDiv .paymentNoticeAllTxt {
        display: flex;
        justify-content: center;
        width: 100%;
        align-items: center;
        padding: 0 0.5em;
    }

    #paymentNoticeDiv:hover span.pointer {
        text-decoration: underline !important;
    }

    #paymentNoticeDiv .apiNoticeLaterBtn {
        cursor: pointer;
    }

    #paymentNoticeDiv .apiNoticeXBtn {
        font-size: 1.3em;
        cursor: pointer;
        position: relative;
    }

.FacebookPageTokenNotice .paymentNoticeAllTxt span:first-child {
    margin-right: auto;
    visibility: hidden;
}

.brandApiKeyChangeLaterModal {
    display: none;
    position: fixed;
    z-index: 1000;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgb(0,0,0);
    background-color: rgba(0,0,0,0.4);
}

    .brandApiKeyChangeLaterModal .modalContent {
        background-color: #fefefe;
        margin: 15% auto;
        padding: 35px;
        border: 1px solid #888;
        width: 40%;
        position: relative;
    }

    .brandApiKeyChangeLaterModal .closeButton {
        float: right;
        font-size: 25px;
        position: absolute;
        right: 3%;
        top: 3%;
    }

    .brandApiKeyChangeLaterModal .modalContent .actionButtons {
        width: 100%;
        display: flex;
        justify-content: space-between;
        margin-top: 50px;
    }


        .brandApiKeyChangeLaterModal .modalContent .actionButtons .confirmApiKeyDismissModal {
            padding: 10px;
            color: white;
            background: #4d77ff;
            margin-inline-start: 10px;
            border-radius: 5px;
        }

        .brandApiKeyChangeLaterModal .modalContent .actionButtons .goToApiModuleApiKeyDismissModal {
            padding: 10px;
            color: #4d77ff;
            border: 1px solid #4d77ff;
            margin-inline-start: 10px;
            border-radius: 5px;
        }


        .brandApiKeyChangeLaterModal .modalContent .actionButtons .dontShowAgainApiKeyDismissModal {
            text-decoration: underline;
        }

    .brandApiKeyChangeLaterModal .modalContent span {
        cursor: pointer;
    }

    .brandApiKeyChangeLaterModal .modalContent .header {
        font-size: 14px;
        font-weight: bold;
        margin-bottom: 20px;
    }

.conv-summary-activity .log-item-creator {
    padding-bottom: 1em;
    display: block !important;
}

.conv-summary-activity div.summarized-by {
    font-style: italic;
    padding-top: 1em;
}

#tbl_moduleId_59_streamId_0 > div:nth-child(2) > div.settingColumn > div.settingsLabel.BY_form_input_label {
    max-width: 28em !important;
}

    #tbl_moduleId_59_streamId_0 > div:nth-child(2) > div.settingColumn > div.settingsLabel.BY_form_input_label::after {
        content: url(/Images/General/betax2.svg);
        padding: 0 0.5em;
    }

#divGroupId_9_11759_0_11_ai_assistant > div > div.settingColumn > div.BY_form_input_label:after {
    content: url(/Images/General/betax2.svg);
    padding: 0 0.5em;
}


.mobileDownloadModal {
    display: none;
    direction: ltr;
    position: fixed;
    z-index: 100000;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgb(0,0,0);
    background-color: rgba(0,0,0,0.4);
}

    .mobileDownloadModal .modalContent {
        background-color: #fefefe;
        margin-top: 5%;
        margin-inline-start: 25%;
        border-radius: 5px;
        padding: 40px;
        border: 1px solid #888;
        width: 40%;
        position: relative;
        display: flex;
        flex-direction: row;
    }

        .mobileDownloadModal .modalContent .mobileLinksSection {
            display: flex;
            flex-direction: column;
            align-items: center;
            width: 45%;
            text-align: center;
        }

            .mobileDownloadModal .modalContent .mobileLinksSection .scanQrHeader {
                display: flex;
                flex-direction: column;
                font-size: 17px;
            }

            .mobileDownloadModal .modalContent .mobileLinksSection .scanQrSubheader {
                display: flex;
                flex-direction: column;
                margin-top: 20px;
                color: gray;
            }

            .mobileDownloadModal .modalContent .mobileLinksSection .qrCodeDiv {
                margin-top: 40px;
            }

                .mobileDownloadModal .modalContent .mobileLinksSection .qrCodeDiv #qrcode {
                    display: flex;
                    justify-content: center;
                }

                    .mobileDownloadModal .modalContent .mobileLinksSection .qrCodeDiv #qrcode img {
                        width: 50%;
                        border: 5px solid #DBDBDB;
                    }

            .mobileDownloadModal .modalContent .mobileLinksSection .mobileLinksModalDiv {
                margin-top: 40px;
            }

                .mobileDownloadModal .modalContent .mobileLinksSection .mobileLinksModalDiv .mobileLinksDesc {
                    color: gray;
                    font-size: 9px;
                }

                .mobileDownloadModal .modalContent .mobileLinksSection .mobileLinksModalDiv .mobileLinks {
                    display: flex;
                    flex-direction: row;
                    align-items: center;
                    justify-content: space-between;
                    padding: 10px;
                }

                    .mobileDownloadModal .modalContent .mobileLinksSection .mobileLinksModalDiv .mobileLinks .mobileLinkSpan {
                        border-radius: 5px;
                        min-width: 100px;
                        margin-right: 5px;
                        margin-left: 5px;
                    }

        .mobileDownloadModal .modalContent .mobileDownloadImgSection {
            padding: 20px;
            display: flex;
            justify-content: center;
            align-items: center;
        }

            .mobileDownloadModal .modalContent .mobileDownloadImgSection .mobileDownloadImg {
                width: 100%;
            }

        .mobileDownloadModal .modalContent .closeButton {
            float: right;
            font-size: 25px;
            position: absolute;
            right: 3%;
            top: 3%;
            cursor: pointer;
        }

#whatsapp-templates-table td .pervious-wa-business-category {
    position: relative;
    top: 0em;
}

#whatsapp-templates-table .sortable {
    visibility: hidden;
}

#whatsapp-templates-table .template-name:hover .sortable,
#whatsapp-templates-table .template-category:hover .sortable,
#whatsapp-templates-table .template-account:hover .sortable,
#whatsapp-templates-table .template-language:hover .sortable,
#whatsapp-templates-table .template-status:hover .sortable {
    visibility: visible;
    cursor: pointer;
}

#allow-category-change-wrapper .template-dialog-input {
    display: flex;
}

#allow-category-change-wrapper .formLabel {
    top: 0.8em;
}

.redactDialogTextArea {
    padding: 1em;
    margin: 1em;
    max-width: 100%;
    border-radius: 0.25em;
    border: 1px solid;
    -moz-appearance: textfield-multiline;
    -webkit-appearance: textarea;
    height: 20em;
    overflow: auto;
    resize: vertical;
}

#redactAttachmentsSelect table,
#redactAttachmentsSelect tr {
    border: 1px solid #C6C6C6;
    border-radius: 3px;
    box-sizing: border-box;
    border-collapse: collapse;
    padding: 1em;
    margin: 1em;
    font-size: 1em;
}


.highlightRedactText {
    background-color: rgba(206, 44, 59, 0.2);
    border: 1px solid #CE2C3B;
}

#btnForRedactText {
    border-radius: 5px;
    text-align: center;
    width: 5.5em;
    height: 1.5em;
    margin: auto;
    padding: 0.5em;
}

.template-dialog-input .template-dialog-input-checkbox {
    width: 3%;
}

button.editStreamButton.button.theme_button.pointer.RedactButton {
    color: #ffffff !important;
    background: #AAAAAA;
    border-color: transparent;
    pointer-events: none;
}

#markForRedactionAttchButton {
    width: 11em;
    height: 2em;
    font-size: 0.8em;
    margin: 1em;
    line-height: 2em;
    text-align: center;
}

.padding-0-important {
    padding: 0 !important;
}

.remote-server-response-dialog {
    width: 31em;
}

    .remote-server-response-dialog .icon-alert-circle {
        position: relative;
        top: .2em;
        float: left;
        left: .5em;
    }

#failedMessageSendingDialog {
    background-color: inherit;
}

    #failedMessageSendingDialog .bottom {
        width: 10em;
        position: relative;
    }

.divChild .failed-sending-message {
    position: absolute;
    top: 50%;
}

.redacted {
    color: black;
    background-color: black;
    white-space: nowrap;
    -moz-transform: rotate(.8deg) skewx(-12deg);
    -moz-box-shadow: 3px 0 2px #444;
    border: 1px dotted #555;
    background: -moz-linear-gradient(180deg, #000, #222);
}

.aia-integration-confirmation-dialog #divConfirmationDialog {
    direction: ltr !important;
}

    .aia-integration-confirmation-dialog #divConfirmationDialog #ui-id-4 {
        float: left !important;
    }

    .aia-integration-confirmation-dialog #divConfirmationDialog a.c1 {
        color: blue !important;
        text-decoration: underline !important;
    }

[id^=accountData_16_] [id^=aRemoveAccount_16_] {
    display: none;
}

.aia-integration-confirmation-dialog #divConfirmationDialog {
    direction: ltr !important;
}

    .aia-integration-confirmation-dialog #divConfirmationDialog #ui-id-4 {
        float: left !important;
    }

    .aia-integration-confirmation-dialog #divConfirmationDialog a.c1 {
        color: blue !important;
        text-decoration: underline !important;
    }

[id^="accountData_16_"] [id^="aRemoveAccount_16_"] {
    display: none;
}

#aiaImproveDialog > div > div.footer {
    text-align: center;
    padding-top: 1em;
}

#aiaImproveDialog > div > div.body {
    min-height: 9em;
}

#aiaImproveDialog .improved-item-wrap {
    background: #f1f1f1;
    margin-top: 1em;
}

#aiaImproveDialog button {
    margin: 0 0.3em;
}

    #aiaImproveDialog button.icon-bin {
        line-height: 1.1;
    }

#aiaImproveDialog div.body > div.improved-item-wrap a.remove-item-btn {
    visibility: hidden;
}

#aiaImproveDialog div.body > div.improved-item-wrap:hover a.remove-item-btn {
    visibility: visible;
}

#aiaImproveDialog > div > div.body .aia-improve-loader {
    display: none;
}

#aiaImproveDialog.in-process .aia-improve-loader,
#aiaImproveDialog.in-process .aia-improve-loader .ajaxLoader {
    display: block !important;
}

#aiaImproveDialog .aia-improve-loader .cancel-action-btn {
    padding: 0 0.5em;
}

#aiaImproveDialog.in-process .button {
    opacity: 0.65;
}

.aia-btn-group button {
    background-color: white;
    border: 1px solid black;
    color: black;
    padding: 0.5em 1em;
    cursor: pointer;
    float: left;
}

/* Clear floats (clearfix hack) */
.aia-btn-group:after {
    content: "";
    clear: both;
    display: table;
}

.aia-btn-group button:not(:last-child) {
    border-right: none; /* Prevent double borders */
}

/* Add a background color on hover */
.aia-btn-group button:hover {
    background-color: lightgray;
}

#aiaImproveDialog > div > div.footer .button span {
    padding: 0 0.2em !important;
}

.div-whatsapp-business-accounts {
    width: max-content;
}

#mailAccountRefreshTokenWrapper {
    padding: 1.5em 0em;
}

.mail-account-refresh-token-expiration-days {
    position: relative;
}

.multi-selection-dropdown-input {
    height: 2.5em !important;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

#whatsappTemplatesFilterWrapper .dropdown-edit-selected .icon-chevron-down::before {
    right: 0em;
    margin-top: 0.1em;
}

#whatsappTemplatesFilterWrapper .dropdown-edit-selected .icon-chevron-down.filter-selected::before {
    transform: scale(1, -1);
}

#whatsappTemplatesFilterWrapper input {
    padding-top: 0.5em !important;
}

[id^=dropDownMenu_] {
    max-height: 20em !important;
    overflow: auto;
}

.whatsapp-templates-search-box-div {
    border: 1px solid;
    border-radius: 0.2em;
}

    .whatsapp-templates-search-box-div input {
        height: 1.1em !important;
        border-bottom: 0em !important;
    }

.unmatching-text {
    display: none;
}


.formsBoxWrapper {
    box-shadow: 0.25em 0.38em 0.25em rgba(0, 0, 0, 0.25) !important;
    max-width: 20em !important;
    min-width: 12em !important;
    padding: 1.5em;
}

#divFormsItemPopup {
    max-height: 24em;
    min-width: 20em;
    overflow: auto;
}

.edit-form-name-field {
    min-height: 3em;
}

.add-files-to-forms-spinner {
    border: 0.19em solid #f3f3f3;
    border-top: 0.19em solid #808080; 
    border-radius: 50%;
    width: 0.63em; 
    height: 0.63em;
    animation: spin 1s linear infinite;
    position: relative; 
    transform: translate(-50%, -50%); 
    display: none; 
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.edit-forms-icon {
    position: relative;
    bottom: 0.4em !important;
}

span.permissionStreamName {
    text-overflow: ellipsis;
    white-space: nowrap;
    text-wrap: nowrap;
    overflow: hidden;
    width: 77%;
}

label.isAutoAssign > input:disabled + span.slider {
    display: none;
}


@media (max-width: 1600px) {
    .whatsapp-templates-search-box-div {
        display: inline-flex;
        align-items: center;
    }
}
/* STRAT - handeling refferal messages of whatsapp messsage */

.refferal-link {
    text-decoration: none !important;
}

.refferal-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 12px;
    border-radius: 4px;
    margin: 0 auto;
    flex-direction: row-reverse;
    background-color: rgba(0, 0, 0, 0.15);
}


.ticket-creation-wrapper, .campaign-recurrence-repeat-creation-wrapper {
    padding-bottom: 1.5em;
}

.campaign-recurrence-repeat-creation-wrapper {
    position: relative;
}

.refferal-text-content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    flex: 1;
    width: 100%;
}

.refferal-title-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 10px;
}

.refferal-main-title {
    font-weight: bold;
}

.refferal-tag {
    padding: 5px 10px;
    border-radius: 30px;
    font-size: 10px;
}

.refferal-description {
    line-height: 1.4;
    margin-bottom: 10px;
    max-width: 300px;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
}

.refferal-image {
    flex-shrink: 0;
    align-self: flex-start;
}

    .refferal-image img {
        width: 60px;
        height: 60px;
        object-fit: cover;
    }

/* END - handeling refferal messages of whatsapp messsage */

.aiKbItemNotice {
    border-radius: 4px;
    background-color: #FEDBDB;
    margin: 1em;
    padding: 1em;
    display: flex;
    align-items: center;
}

.aiKbItemNoticeFirstDiv {
    display: flex;
    align-items: center;
}

    .aiKbItemNoticeFirstDiv span {
        font-size: 1.5em;
    }

.aiKbItemNoticeSecondDiv {
    display: flex;
    flex-direction: column;
}

.integration-setting-wrapper {
    padding-top: 1em;
    clear: both;
    width: 100%;
    padding: 0.5em 0;
    display: inline-flex;
}

    .integration-setting-wrapper.attachments-transfer-div {
        display: inline-block;
    }

.object-summary-stream-route-wrapper {
    border: 1px solid;
    border-radius: .3em;
    height: 22em;
}

.object-summary-stream-route-body {
    overflow-y: auto;
    height: 18em;
    width: 95%;
    outline: 0px solid transparent;
    position: relative;
    top: 3.5em;
    margin: .5em;
}

    .object-summary-stream-route-body:empty:before {
        content: attr(placeholder);
        font-size: 1.1em;
    }

.summary-title-stream-route-wrapper {
    position: relative;
    top: 3em;
    border-bottom: 1px solid;
    height: 2.5em;
}

.summary-title-stream-route-wrapper > div {
    position: relative;
}



.summary-title-stream-route {
    top: .4em;
}

#objectSummaryFieldOnStreamRoute {
    padding-top: 1em;
}

#summaryStreamRouteLoader:not([hidden]) {
    display: flow;
    position: sticky;
    margin-top: -4em;
}

.text-align-justify {
    text-align: justify;
}

.forwarded-email-indicator {
    font-size: 1.5em;
}

.forwarded-email-theme-color {
    color: #89B6F2;
}

.theme_info .link-to-ticket {
    color: revert !important;
}

.customers-management-label {
    font-size: 1.2em;
}

.ruby {
    display: ruby;
}

.ruby-text {
    display: ruby-text;
}

.campaign-recurrence-repeat-every-wrapper {
    padding-top: 4.5em;
}

.campaign-recurrence-day-field {
    border: 1px solid;
    border-radius: 50%;
    border-color: transparent;
    text-align: center;
    line-height: 2em;
    height: 2em;
    width: 2em;
}

.recurrence-repeat-by-date-block .dropdown-edit-selected input {
    width: 12em;
    min-width: 12em;
}

.recurrence-repeat-by-date-block .dropdown-edit-selected .icon-chevron-down::before {
    top: 0.65em;
}

.recurrence-repeat-by-date-block .ui-datepicker {
    position: absolute;
    line-height: initial;
}

.campaign-recurrence-repeat-end-options-block {
    line-height: 3em;
}

.recurrence-repeat-by-input {
    width: 3em;
}

.recurrence-repeat-num-input {
    width: 6.5em;
    height: 1.2em;
}

#selectBoxDateRepeat {
    width: 8em;
    position: relative;
    top: 0.012em;
    height: 2.39em;
}

#selectedRecurringText_wrapper {
    cursor: pointer;
    height: 0em;
}

.campaign-recurrence-repeat-end-time-wrapper {
    margin-top: 1em;
}

.selected-recurring-text-input {
    white-space: nowrap;
    text-overflow: ellipsis;
    position: relative;
    bottom: 1em;
    width: 28.5em;
}

.customers-management-label {
    font-size: 1.2em;
}

.customer-info-indications {
    position: relative;
    top: .3em;
}

    .customer-info-indications .spam-customer-label::before {
        position: relative;
    }