#divMessages {/* background-color: #dedede; */display: flex;height: 100% !important;/* height: 500px; */min-width: 300px;border-radius: 12px;} 
#divMessages.loading .conversation .content .body { filter: blur(2px); }
#divMessages .search { display: flex; }
#divMessages .search, #divMessages .write, #divChat .write, #omnichannel_image_popup .write 
{background-color: #f6f6f6;padding: 1px;border: none;}
#divMessages .write {/* background-color: #f6f6f6; */display: none;}
#divMessages .write.sending .fa-smile-o { display: none; }
#divMessages .write.sending .icoLoading {background-size: 17px;background-repeat: no-repeat;width: 17px;height: 17px;display: inline-block;background-image: url(../images/loading.gif);margin-top: 6px;margin-left: 12px;}
.omnichannel .write .file { display: none; }
#divMessages .search .fa-filter, #divMessages .search .fa-eye, #divMessages .search .fa-plus
{font-size: 22px;margin: 12px 6px 0px 6px;cursor: pointer;opacity: 0.75;}
#divMessages .search .fa-eye.active {color: red;}
#divMessages .search .fa-eye, #divMessages .search .fa-plus { display: none; }
#divMessages.viewAll .search .fa-eye { display: inline-block; }
#divMessages .search-body { flex: 1; }
#divMessages .search-body, #divMessages .write-body, #divChat .write-body, #omnichannel_image_popup .write-body,
#omnichannel_assignment .search-body
{display: flex;margin: 5px 7px;border-radius: 16px;background-color: white;padding: 4px 0px;}
#divMessages .write-body {/* padding: 10px; */}
#divMessages .search-body i, #omnichannel_assignment .search-body i {padding: 7px 0px 7px 10px;font-size: 14px;}
#divMessages .search .menu, #divMessages .search .addMenu {left: 278px;top: 55px;user-select: none;}
#divMessages .search .addMenu { left: 250px; width: fit-content;padding-right: 50px;}
#divMessages .search .menu input {cursor: pointer;}
#divMessages .search .menu .option { cursor: pointer; }
#divMessages.allConversations .search .menu .option[data=favorites] {display: none;} 
#divMessages .search .menu .chk { /* margin: 0 auto; */height: 14px;width: 14px;/* margin-bottom: 7px; */display: inline-block;background-repeat: no-repeat;background-size: contain;}
#divMessages .search .menu .option.selected .chk { background-image: url('../images/icon-red-arrow.png'); }
#divMessages .search .menu .type, #divMessages .search .addMenu .type
{margin: 0 0 0 7px;display: inline-block;cursor: pointer;position: relative;top: -4px;font-weight: 500;}
#divMessages .search .addMenu .type { margin: 0; }
#divMessages .txtSearch, #divMessages .txtWrite, #divChat .txtWrite, #omnichannel_assignment .txtSearch, #omnichannel_image_popup .txtWrite
{border: none;border: 1px solid white;flex: 1;border-radius: 16px;padding: 0 12px;min-height: 28px;width: 100%;}
#divMessages .txtWrite { display: none; }
#omnichannel_image_popup[source="facebook"] .txtWrite, #omnichannel_image_popup .btnSend { display: none; }
#omnichannel_image_popup[source="facebook"] .btnSend {display: block;}
#omnichannel_image_popup .txtWrite {
    padding: 10px 12px;
    border-color: #dfe1e5;
    color: #404040;
}
#divChat .txtWrite { outline: none; }
.omnichannel .txtWrite2 {min-height: 28px;flex: 1;max-height: 100px;overflow-y: auto;/* border: 1px solid black; */margin: 0px 12px;white-space: pre-wrap;font-family: 'Helvetica Neue', 'Open Sans', sans-serif;padding: 5px 5px 0;}
.omnichannel .txtWrite_placeholder {visibility: hidden;position: absolute;margin-left: 50px;color: #757575;}
.omnichannel .txtWrite2:empty:before{content:attr(data-placeholder);color: #4f4e4dc9;display:block;pointer-events:none;}
#divMessages .conversation.finished .write {display: none !important;}
.omnichannel .fa-paperclip, .omnichannel .iconNote {font-size: 20px;margin: 4px 12px 0 0px;cursor: pointer;}
#divMessages .conversation[source=instagram] .fa-paperclip { display: none; }
.omnichannel .fa-smile-o {font-size: 20px;margin: 4px 0px 0 12px;cursor: pointer;}
#divMessages .title {font-weight: bold;padding: 14px;display: block;font-size: 14px;}
#divMessages.noData .listLeft {/* display: none; */}
#divMessages .listLeft { width: 300px;border-right: 1px solid #dfdfdf; }
#divMessages .spnNoResults {color: rgba(0,0,0,.6);text-align: center;margin-top: 12px;font-weight: 600;display: none;}
#divMessages .noResults .spnNoResults {
    color: rgba(0,0,0,.6);
    text-align: center;
    margin-top: 12px;
    font-weight: 600;
    display: none;
}
#divMessages .items .noResults .spnNoResults {display: block;}
#divMessages .listLeft .items .all { display: none; }
#divMessages.allConversations .listLeft .items > * { display: none; }
#divMessages.allConversations .listLeft .items .all {display: block;}
#divMessages .listLeft .items { overflow-y: auto;user-select: none;position: relative;overflow-x: hidden;/* border-top: 1px solid #dfdfdf; */}
#divMessages .listLeft .items .active {}
#divMessages .listLeft .items .noResults.expanded {height: 70px;}
#divMessages .listLeft .items .available {}
#divMessages .listLeft .items .content { width: 100%; }
#divMessages .listLeft .items label {line-height: 30px;width: 100%;background-color: #f6f6f6;border-right: 0;border-left: 0;padding-left: 7px;cursor: pointer;}
#divMessages .listLeft .items .lblAvailable {margin-top: 5px;cursor: pointer;}
#divMessages .listLeft .items .lblByAgent {/* cursor: inherit; */}
#divMessages .listLeft .items .all .agent { cursor: pointer; } 
.iconExpanded:after {content: "▲";float: right;font-size: 12px;margin-right: 7px;cursor: pointer;}
.iconCollapsed:after {content: "▼";float: right;font-size: 12px;margin-right: 7px;cursor: pointer;}
#divMessages .listLeft .items .item {display: none;position: absolute;width: 300px; /*transition: transform 200ms ease-in-out 0s;*/}
#divMessages .listLeft .items.noAnimate .item { transition: initial; }
#omnichannel_image_popup .txtWrite:focus {
    border-color: #3390ec;
}

/* Filtrado por canal */
#divMessages .listLeft .items.facebook .item.facebook, #divMessages .listLeft .items.facebookComments .item.facebookComments, 
#divMessages .listLeft .items.whatsapp .item.whatsapp,
#divMessages .listLeft .items.email .item.email, #divMessages .listLeft .items.chat .item.openser,
#divMessages .listLeft .items.instagram .item.instagram, #divMessages .listLeft .items.instagram .item.instagramMessenger, 
#divMessages .listLeft .items.twitter .item.twitter,
#divMessages .listLeft .items.chat .item.widget, #divMessages .listLeft .items.teams .item.teams,
#divMessages .listLeft .items.telegram .item.telegram, 
#divMessages .listLeft .items.twitterMessenger .item.twitterMessenger,
#divMessages .listLeft .items.amazonConnect .item.amazonConnect  {display: flex;}
#divMessages .listLeft .items .item.hide { display: none !important; }

/* Filtrado por favoritos */
#divMessages .listLeft .items.favorites .item:not(.favorite) { display: none; }

#divMessages .listLeft .items .content .item:last-child { border-bottom: none;  }
#divMessages .listLeft .items .all .agent .name {
    background-color: #f6f6f6;
    font-weight: 600;
    line-height: 27px;
    padding-left: 7px;
}
#divMessages .listLeft .items .all .agent .count, #divMessages .listLeft .items label .count { margin-left: 5px; }
#divMessages .listLeft .items .all .agent .name .fa {
    margin-right: 10px;
    /* font-size: 14px; */
}
/*#divMessages .listLeft .items.favorites .item { display: none; }
#divMessages .listLeft .items.favorites .item.favorite {display: flex;}*/
#divMessages .listLeft .item { display: flex;padding: 11px 15px 11px 2px;border-bottom: 1px solid #dfdfdf;cursor: pointer;border-left: 5px solid transparent;}
#divMessages .listLeft .available .item, #divMessages .listLeft .all .agent .item {border-left-color: transparent;}
#divMessages .listLeft .content .item:last-child { border-bottom: none;}
#divMessages .listLeft .item.readed {border-left-color: white;}
#divMessages .listLeft .item {border-left-color: #2f5faa;}
#divMessages .listLeft .item:hover { background-color: #f4f5f5; }
#divMessages .listLeft .item.selected {background-color: #e9ebeb;}
#divMessages .listLeft .item .info {flex: 1;}
#divMessages .listLeft .item .user {/* flex: 1; */font-weight: 600;font-size: 14px;text-overflow: ellipsis;width: 165px;display: inline-block;white-space: nowrap;overflow: hidden;}
#divMessages .listLeft .item .lastTime {float: right;font-size: 11px;color: rgba(0,0,0,.6);}
#divMessages .listLeft .item .secondLine {display: flex;margin-top: 2px;}
#divMessages .listLeft .item .lastMessage {color: rgba(0,0,0,.6);flex: 1;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;width: 100px;margin-right: 5px;}
#divMessages .listLeft .item .notify {background-color: red;color: white;/* padding: 1px 6px; */border-radius: 100%;width: 18px;line-height: 17px;
text-align: center;font-size: 11px;font-weight: 600;margin-top: 0px;margin-right: 7px;}
#divMessages .listLeft .items .all .item .fa-star-o {display: none;}
#divMessages .listLeft .item .fa, .notification .text .fa {margin-top: 3px;color: #a2a2a2;margin-left: 2px;margin-right: 4px;/* display: none; *//* display: inline-block; */}
#divMessages .listLeft .item .fa-camera, #divMessages .listLeft .item .fa-file-text {margin-left: 0;margin-right: 5px;/* margin-top: 10px; */}
#divMessages .listLeft .item .fa-star {color: #f1b417;}
#divMessages .listLeft .item .fa.favoriteicon {float: right;display: none;}
#divMessages .conversation {background-color: #f6f6f6;/* width: 200px; */margin: 0 auto;flex: 1;overflow:scroll;}
#divMessages .conversation.finished, #divMessages .conversation.onlyView {/* background-color: #eaeaea; */}
#divMessages .conversation.finished.socialMedia { background-color: white; }
#divMessages .conversation.active .write {display: block;}
#divMessages .conversation .hasLoading .write, #divMessages .conversation.sessionClose .write {display: none;}
#divMessages .noSelection {text-align: center;margin: 0 auto;top: calc(50% - 32px);position: relative;}
#divMessages .noSelection i {display: block;font-size: 40px;padding-bottom: 7px;}
#divMessages .noSelection span {font-weight: 600;display: none;}
#divMessages.selection .noSelection {display: none;}
#divMessages .conversation .content {display: none;position: inherit;flex-direction: column;}
#divMessages .conversation .content._loading {
    filter: blur(3px);
}
#divMessages.selection .conversation .content {display: block;/* position: inherit; */display: flex;/* flex-direction: column; */}
#divMessages.selection .conversation.onlyView .content .acceptConversation {
    display: none;
}
#divMessages.selection .conversation .content .acceptConversation, #divMessages.selection .conversation .content .btnSendTemplate
{color: white;background-color: #009c42;cursor: pointer;margin: 0 auto;width: fit-content;padding: 12px 23px;border-radius: 25px;font-size: 14px;margin-top: 10px;display: none;}
#divMessages.selection .conversation.sessionClose .content .btnSendTemplate {display: block;}
#divMessages.selection .conversation .content.hasLoading .acceptConversation { display: none; }
#divMessages.selection .conversation.finished .content .acceptConversation, 
#divMessages.selection .conversation[source=amazonConnect] .content .acceptConversation { display: none !important; }
#divMessages.selection .conversation.available .content .acceptConversation { display: block; }
#divMessages.selection .conversation .content .acceptConversation:hover { opacity: 0.95; }
#divMessages.selection .conversation .content .acceptConversation:active { opacity: 1; }
#divMessages.selection .conversation .content .acceptConversation .fa {margin-right: 7px;font-size: 16px;}
#divMessages .conversation .material-symbols-outlined {  font-size: 16px;font-weight: 500;float: left;margin-right: 10px;}
#divMessages .btnFinish {background-color: #d80707;margin-right: 7px;}
#divMessages .btnTicket {background-color: #2f5faa;}
#divMessages .conversation.finished .content .header .actions .fa-ellipsis-v, 
#divMessages .conversation.finished .content .header .actions .menu {display: none !important;}
#divMessages .conversation .content .header .searchLine.showFlex {display: flex;z-index: 1;}
#divMessages .conversation .content .header .searchLine {
    position: absolute;
    display: none;
    width: 300px;
    right: 21px;
    margin-top: 3px;
    background-color: #f6f6f6;
    padding: 5px 0 5px 10px;
    border-radius: 10px;
    box-shadow: -1px 4px 10px 1px darkgrey;
    opacity: 0.95;
}
#divMessages.amazonConnectShow .conversation .content .header .searchLine {
    right: 328px;
}
#divMessages .conversation .content .header .searchLine .count {display: none;margin-top: 6px;font-size: 12px;font-weight: 300;padding: 0 8px 0 0px;}
#divMessages .conversation .content .header .searchLine.searching .count { display: inline-block; }
#divMessages .conversation .content .header .txtSearchLine {
    width: 70%;
    border: none;
    margin-right: 5px;
    border-radius: 20px;
    padding: 0 8px;
}
#divMessages .conversation .content .header .actions .searchLine .fa {
    padding: 5px 8px;
}
#divMessages .conversation .content .header .actions .searchLine .fa:last-child {
    /* padding-right: 0; */
}
#divMessages .conversation.available .content .header .actions {/* display: none; */}
#divMessages .conversation .content .header .actions { margin: 0 0 0 auto;user-select: none;}
#divMessages .conversation .content .header .actions .fa {cursor: pointer;padding: 6px 7px;font-size: 18px;border-radius: 100%;opacity: 0.75;}
#divMessages .conversation .content .header .actions .fa:hover {background-color: #e1e1e1;}
#divMessages .conversation[source="email"] .content .header .actions .fa-search { display: none; }
#divMessages .conversation .content .header .actions .fa.fa-ellipsis-v { padding: 5px 12px; }
#divMessages .conversation .content .header .actions .fa.fa-envelope-o { display: none; }
#divMessages .conversation .content .header .actions .fa.fa-phone {display: none;position: relative;top: 2px;}
#divMessages .conversation[source=email] .content .header .actions .fa.fa-envelope-o {margin-right: 5px;/* display: inline-block; */}
#divMessages .conversation .content .header .actions .btn {color: white;line-height: 1;}
#divMessages .conversation .content .header .actions .menu, #divMessages .menu, #divMessages .addMenu, .addIcon .menu 
{background-color: white;text-shadow: inherit;
box-shadow: 1px 1px 3px 0px #b6b6b6;border-radius: 5px;padding: 7px 15px;position: absolute;right: 25px;line-height: 32px;font-weight: 500;width: 191px;display: none;z-index: 1;}
.addIcon .menu {position: fixed;top: 46px;color: black;/* right: 360px; */text-align: start;font-size: 13px;padding: 0;}
.addIcon .menu span {display: block;padding: 0px 15px;line-height: 40px;}
#divMessages.amazonConnectShow .conversation .content .header .actions .menu {right: 332px;}
#divMessages .conversation .header .actions .menu span {display: block;cursor: pointer;}
#divMessages .conversation .header .actions .menu [option=unlinkAccount] {display: none;}
#divMessages .conversation:not([source=openser]):not(.unknownUser) .header .actions .menu [option=unlinkAccount] {display: block;}
#divMessages .conversation.unknownUser .header .actions span[option="createTicket"], 
/*#divMessages .conversation .header .actions span[option="finishNSolve"],*/
#divMessages .conversation .header .actions span[option="addActivity"],
#divMessages .conversation .header .actions span[option="assignClient"],
#divMessages .conversation .header .actions span[option="assign"],  
#divMessages .conversation .header .actions span[option="createTicket"],  
#divMessages .conversation .header .actions span[option="createTicketRegister"],
#divMessages .conversation .header .actions span[option="endConversation"],
#divMessages .conversation .header .actions span[option="finishNSolve"],
#divMessages .conversation .header .actions span[option="showKnowledgeBase"],
#divMessages .conversation .header .actions span[option="spam"]
{ display: none; }
#divMessages .conversation.unknownUser .header .actions span[option="assignClient"] { display: block; }
#divMessages.activity .conversation .header .actions span[option="addActivity"],
#divMessages.resolve .conversation .header .actions span[option="finishNSolve"], /* .conversation.ticket */
#divMessages.assign .conversation .header .actions span[option="assign"],
#divMessages.createTicketModel .conversation .header .actions span[option="createTicket"],  
#divMessages.createTicketRegister .conversation .header .actions span[option="createTicketRegister"],
#divMessages.finish .conversation .header .actions span[option="endConversation"],
#divMessages.knowledgeBase .conversation .header .actions span[option="showKnowledgeBase"],
#divMessages.spam .conversation .header .actions span[option="spam"]
{ display: block; }
#divMessages .conversation .content .header {display: flex;background-color: #f6f6f6;position: inherit;z-index: inherit;height: 48px;padding: 10px;border-bottom: 1px solid #dfdfdf;}
#divMessages .conversation .header .user {font-size: 15px;font-weight: 600;padding-top: 6px;display: inline-block; cursor: pointer; }
#divMessages .conversation.unknownUser .header .user { cursor: initial; }
#divMessages .conversation .header .ticketBox {border: 2px solid #bbbbbb;padding: 3px;border-radius: 5px;margin-left: 15px;font-weight: 600;color: #818181;font-size: 10px;cursor: pointer;}
#divMessages .conversation .content .body {background-color: #eaeaea;padding: 10px;overflow-y: auto;flex: 1;}
#divMessages .conversation.socialMedia .content .body,
#divMessages .conversation[source=email] .content .body
{background-color: white;padding: 12px;}
#divMessages .conversation.socialMedia .date {display: none;}
#divMessages .conversation .content .body .originalPost {min-height: 100px;border-bottom: 8px solid #efefef;/* padding: 3px 7px 12px; */padding-bottom: 12px;}
#divMessages .conversation .content .body .comment:first-child {/* margin-top: 0; */}
#divMessages .conversation.socialMedia .content .body > .comment:first-child,
.omnichannel .comment[type="ORIGINALPOST"], .omnichannel .comment[level="0"]
{ margin-top: 0; }
#divMessages .conversation .content .body .comment,
.omnichannel .comment 
{ margin-top: 20px; }
#divMessages .conversation[source=twitter] .content .body .comment[type=FINISHED], 
#divMessages .conversation[source=twitter] .content .body .comment[type=SURVEY] {display: none;}
#divMessages .conversation .content .body .comment .children {/* margin-left: 10px; *//* margin-top: 20px; */}
#divMessages .conversation .content .body .comment[level="2"] {/* margin-left: 90px; */}
#divMessages .conversation .content .body .comment .iconAgent, 
.omnichannel .messages .comment .iconAgent
{background-image: url('../images/agent.png');height: 30px;background-size: contain;background-repeat: no-repeat;}
.omnichannel .comment .icon {margin-right: 0;/* visibility: hidden; */width: 0;}
.omnichannel.console .comment .icon {
    display: none;
}
#divMessages .conversation .content .body .comment .icon, .omnichannel .comment .icon 
{vertical-align: top;width: 30px;margin: 0 10px 0 0px;display: inline-block;margin-top: 5px;border-radius: 100%;font-size: 23px;}
.omnichannel .children .comment .icon { width: 25px; }
.omnichannel.console .children .comment .icon {width: 0px;display: none;}
.omnichannel .comment .fa {text-align: center;width: 30px;color: black;}
#divMessages .conversation .content .body .comment .dataRight, .omnichannel .comment .dataRight {display: inline-block;width: calc(100% - 50px);}
.omnichannel .comment.hasError .dataRight {/* width: calc(100% - 70px) !important; */}
.omnichannel.console .comment .dataRight {width: 100%;}
.omnichannel.console .comment .userNdate, .omnichannel.console .comment .data { display: inline-block; }

/* Email */
#divMessages .conversation[source=email] {}
#divMessages .conversation[source=email] .write {display: none;}
#divMessages .conversation[source=email] .content .body .subject, 
.omnichannel[source=email] .subject {
    font-size: 18px;
    font-weight: 600;
    line-height: 22px;
}
.omnichannel .emails .email {
    border: 1px solid #ccccccb0;
    padding: 7px 14px;
    border-radius: 5px;
    margin: 10px 0;
}
.omnichannel .emails .email[messagetype="FINISHED"] { display: none; }
.omnichannel .emails .email .headers{ margin-bottom: 5px; }
.omnichannel .emails .email .headers .tag {
    /* margin-right: 5px; */
    display: inline-block;
    font-weight: 600;
    line-height: 20px;
    width: 50px;
}
.omnichannel .emails .email iframe {width: 100%;height: 50px;border: none;}
#divMessages .conversation[source=email] .content .body .message.system {margin: 20px auto;}
#divMessages .conversation[source=email] .divReply { display: none; }
#divMessages .conversation.active[source=email] .divReply { display: block; }
#divMessages .conversation[source=email] .divReply .btn i {padding-right: 10px;font-size: 14px;}
#divMessages .conversation.available[source=email] .btn {display: none !important;}
#divMessages .conversation[source=email] .divReply .btn {
    display: inline-block;
    padding: 10px 16px;
    font-weight: 500;
    border-radius: 4px;
    color: #5f6368;
    box-shadow: inset 0 0 0 1px #dadce0;
    cursor: pointer;
    margin-right: 7px;
}
#divMessages .conversation[source=email] .divReply .replyAll {/* display: none; */}
#divMessages .conversation[source=email] .divReply .btn:hover { background-color: #9292921f; }
.omnichannel .emails .email .attachments {margin: 10px 0;}
.omnichannel .emails .email .attachments .item {display: inline-block;border: 1px solid #e0e0e0;margin-right: 15px;padding: 7px 10px;border-radius: 5px;cursor: pointer;margin-bottom: 5px;}
.omnichannel .emails .email .attachments .item:hover {background-color: #e6e6e670;}
.omnichannel .emails .email .attachments .icon, .pnlAttachments .icon { background-size: 20px;background-repeat: no-repeat;width: 25px;
height: 18px;display: inline-block;float: left; background-image: url(../images/file.png);margin-right: 2px; }
.omnichannel .emails .email .attachments .icon.default {
    background-size: 15px;
    margin-right: -1px;
}
.omnichannel .emails .email .attachments .icon.pdf, .pnlAttachments .icon.pdf
 {background-image: url(../images/pdf.png);background-size: 14px;margin-right: -3px;}
.omnichannel .emails .email .attachments .icon.ppt, .pnlAttachments .icon.ppt 
{background-image: url(../images/ppt.png);background-size: 18px;}
.omnichannel .emails .email .attachments .icon.txt, .pnlAttachments .icon.txt
{background-image: url(../images/txt.png);background-size: 12px;margin-right: -3px;}
.omnichannel .emails .email .attachments .icon.xls, .pnlAttachments .icon.xls 
{background-image: url(../images/xls.png);background-size: 19px;}
.omnichannel .emails .email .attachments .icon.zip, .pnlAttachments .icon.zip {background-image: url(../images/zip.png);}
.omnichannel .emails .email .attachments .icon.doc, .pnlAttachments .icon.doc {background-image: url(../images/doc.png);background-size: 18px;}
.omnichannel .emails .email .attachments .icon.audio, .pnlAttachments .icon.audio {background-image: url(../images/audio.png);background-size: 18px;}
.omnichannel .emails .email .attachments .icon.video, .pnlAttachments .icon.video {background-image: url(../images/video.png);background-size: 18px;}
.omnichannel .emails .email .attachments .icon.image, .pnlAttachments .icon.image {background-image: url(../images/image.png);}

/* Documentos requeridos */
.pnlAttachments .icon {width: 32px;background-size: 25px !important;height: 32px;background-repeat: no-repeat;}
.pnlAttachments .icon.txt, .pnlAttachments .icon.pdf {margin-right: 0;background-size: 23px !important;}


/* Visualización como si fuera una red social */
#divMessages .conversation.socialMedia .originalPost .username { font-size: 14px; }
#divMessages .conversation.socialMedia .username, .omnichannel .username { font-weight: 600; margin-right: 20px;}
#divMessages .conversation.socialMedia .datetime, #divMessages .conversation.socialMedia .reply {color: rgba(0,0,0,.45);font-weight: 600;}
#divMessages .body .originalPost .caption {font-weight: 500;font-size: 15px;/* margin-right: 20px; */margin: 2px 0 0px 0;}
#divMessages .body .originalPost .media {max-height: 500px;margin-top: 10px;}
#divMessages .body .originalPost video { cursor: pointer; }
#divMessages .conversation.socialMedia .originalPost .reply {margin-top: 10px;display: none;}
#divMessages .conversation.socialMedia[socialType=MENTIONED_MEDIA] .originalPost .reply {display: block;}
#divMessages .conversation.socialMedia .data {margin: 2px 0;}
#divMessages .conversation.socialMedia .data .text { max-width: 800px; overflow-wrap: break-word; }
#divMessages .conversation.socialMedia .data .media {margin-top: 5px;margin-bottom: 2px;max-width: 500px;cursor: pointer;}
#divMessages .conversation.socialMedia .reply { cursor: pointer;}
.popup .omnichannel .reply { display: none;}
#divMessages .conversation.onlyView .reply, #divMessages .conversation.socialMedia.available .reply {display: none !important;} 
.omnichannel.console .messages .reply, .omnichannel.console .messages .datetime {display: none;}
.omnichannel.console .username {margin-right: 5px;}
.omnichannel.console .comment .username, .omnichannel.console .comment .text
 { display: inline-block; }
 /* Instagram */
#divMessages .conversation.socialMedia [type=ORIGINALPOST] .reply { display: none; }
#divMessages .conversation.socialMedia[socialtype="MENTIONED_MEDIA"] [type=ORIGINALPOST] .reply,
#divMessages .conversation.socialMedia[socialtype="MENTIONED_COMMENT"] [level="1"] .reply,
#divMessages .conversation.socialMedia[source="instagram"][socialtype="MENTIONED_COMMENT"] .children .reply, /* Si es comentario de IG, solo mostrar reply en los hijos */
#divMessages .conversation.socialMedia.active .reply 
{ display: block; }

/* Si es comentario de IG, solo mostrar reply en los hijos */
#divMessages .conversation.socialMedia[source="instagram"][socialtype="MENTIONED_COMMENT"] .reply 
{ display: none; }

/* Facebook post */
#divMessages .conversation.socialMedia[source="facebookComments"] .comment[level="2"] .reply {display: none;}

#divMessages .conversation .content .body .options {max-width: 100%;margin: 0 0 0 auto;padding: 0;font-family: monospace;font-weight: 800;}
#divMessages .conversation .content .divIcoDown {background-color: white;padding: 10px;border-radius: 100%;position: absolute;bottom: 64px;right: 40px;width: 35px;height: 35px;text-align: center;color: #939393;cursor: pointer;vertical-align: middle;line-height: 15px;transition: visibility 0.3s, opacity 0.3s linear;/* visibility: visible; *//* opacity: 1; */}
#divMessages .conversation.onlyView .content .divIcoDown { bottom: 20px;}
#divMessages .conversation[source="email"] .content .divIcoDown { display: none; }
#divMessages .conversation.finishDown .content .divIcoDown {visibility: hidden;opacity: 0;}
#divMessages .conversation .content.hasLoading .divIcoDown { display: none; }
/*
#divMessages .conversation .content .icoDown {background-color: white;padding: 10px;border-radius: 100%;position: absolute;bottom: 123px;right: 30px;width: 35px;height: 35px;text-align: center;color: #939393;cursor: pointer;vertical-align: middle;line-height: 15px;transition: visibility 0.3s, opacity 0.3s linear;}
#divMessages .conversation.finishDown .content .icoDown {visibility: hidden;opacity: 0;}
*/

#divMessages .conversation .content .notifyCount {
    top: -33px;
    position: relative;
    left: 10px;
    border-radius: 100%;
    font-weight: 700;
    width: 23px;
    display: inline-block;
    height: 23px;
    line-height: 8px;
    padding: 7px;
    text-align: center;
    background-color: #06e306;
    color: white;
}


/* Widget */
.omnichannel.widget {font-family: 'Helvetica Neue', 'Open Sans', sans-serif !important;font-size: 13px;line-height: 17px;margin-bottom: 0;}
.omnichannel.widget .body .messages {padding: 12px 7px 7px 7px !important;height: calc(100% - 70px) !important;}
.omnichannel.widget .body .messages .message { box-sizing: border-box; }
.omnichannel.widget.maximized { width: calc(100% - 15px) !important; height: calc(100% - 7px) !important; }
.omnichannel.widget .message .data .text { font-weight: 300; }
.omnichannel.widget .fa-smile-o, /*.omnichannel.widget .fa-paperclip,*/ .omnichannel.widget div.date,
.omnichannel.widget .header .fa.maximize, .omnichannel.widget .header .fa.minimize { display: none; }
.omnichannel.widget.finished .body .messages { height: calc(100% - 20px) !important;}
.omnichannel.widget .header .fa.close {font-size: 0 !important;background-image: url('../images/close.png');width: 19px;height: 19px;background-size: cover;margin-top: 1px;}
.omnichannel.widget .fa-paperclip {font-size: 0 !important;background-image: url('../images/clip.png');width: 21px;height: 21px;background-size: cover;margin-top: 6px;margin-right: 9px;}
.omnichannel.widget .txtWrite { font-family: system-ui; }

.omnichannel div.date {background-color: #ffffff5e;text-align: center;margin: 10px auto !important;padding: 4px 15px !important;min-width: 0 !important;font-size: 12px;border-radius: 10px;width: fit-content;}
.omnichannel div.date:first-child { margin-top: 0px !important; }
.omnichannel .message {padding: 6px 11px;border-radius: 10px;margin-bottom: 7px;width: fit-content; width: -moz-fit-content;
max-width: 70%;word-break: break-word;min-width: 80px;}
.omnichannel .message .error, .omnichannel .comment .error {width: 20px;height: 13px;display: inline-block;color: yellow;}
.omnichannel .message .error i { display: none; }
.omnichannel .comment .error {
    vertical-align: super;
    margin-right: 5px;
    display: none;
}
.omnichannel .comment.hasError .error {display: inline-block;/* float: left; */margin-left: -25px;}
.omnichannel .message.system {/* background-color: #c5c5c5; */margin: 0 auto 7px auto;}

/* Edge */
@supports (-ms-ime-align:auto) {
    .omnichannel .message, .omnichannel .message.file { display: table !important; }
}

.omnichannel .message.noText {padding: 3px;min-width: 60px;}
.omnichannel .message.imageFile.webp {
    background-color: transparent;
    display: inline-block;
}
.omnichannel .message.imageFile.webp .image {
    background-color: transparent !important;
    max-height: 120px !important;
}
.omnichannel .message.imageFile.webp .time { display: none; }
.omnichannel .message.imageFile, .omnichannel .message.file.video {padding: 3px;min-width: 60px;max-width: 356px !important;}
.omnichannel .message.imageFile._loading .image {width: 250px;height: 150px;}
.omnichannel .message.file {display: inherit;border: none;min-height: 50px;padding: 10px 11px;padding-bottom: 2px;margin-top: 0;}
.omnichannel .message.file.audio {
    padding: 7px 7px;
    min-height: 0px;
    padding-bottom: 5px;
}
 #divMessages .conversation .content .body .image01 {background-image: url('../images/cmd.png');width: 540px;height: 204px;/* background-size: cover; */background-repeat: round;}
.omnichannel .warning {margin: 10px 0 7px auto;border: 2px solid #ff000082; text-align: center; font-weight: 600;letter-spacing: 1px;padding: 8px 18px !important;border-radius: 30px !important;line-height: 20px;}
.omnichannel .warning .fa {color: red;margin-right: 7px;font-size: 15px;}
.omnichannel .warning .data  { color: red;}
/*AQUI MERO VA EL BORDER Y EL COLOR*/
#divMessages .conversation .content .body .agent { margin: 0 0 7px auto;/* background-color: #dcf8c7; *//* background-color: white; */color: white;}
#divMessages .conversation .content .body .system {max-width: 100%;font-size: 14px;}
#divMessages .conversation .content .body .system .message { margin: 0 auto 7px 0;background-color: #939393;color: white;padding: 7px 12px;border-radius: 10px;
font-family: monospace;display: block;width: fit-content;}
#divMessages .conversation .content .body .system .message ._loading {width: 19px;height: 20px;display: inline-block;background-size: 18px;float: left;margin-right: 10px;margin-top: 0px;}
#divMessages .conversation .content .body .system .data { font-family: monospace; }
#divMessages .conversation .content .body .option {display: inline-block;margin: 0 10px 7px 0;background-color: #939393;color: white;
padding: 7px 12px;border-radius: 10px;cursor: pointer;}
#divMessages .conversation .content .body .option:last-child { margin-right: 0; }
#divMessages .conversation .content .body .option:hover {/* background-color: red; */opacity: 0.8;}
.omnichannel .message .data {position: relative;display: inline-block;}
.omnichannel .message .data .text {font-weight: 500;display: inherit;}
.omnichannel .message.imageFile .data .text, .omnichannel .message.video .data .text { display: flex;padding: 0 8px 2px;}
.omnichannel .message.file .data .text { margin-top: 5px; display: flex; }
.omnichannel .message.video .data .text {}
.omnichannel .message .data .spnTxt {flex: 1;}
#divMessages .conversation .content .body .agent .data {/* margin-right: 8px; */}
.omnichannel .message.file .data { cursor: pointer; }
.omnichannel .message.file audio { height: 31px !important; } 
#divChat.omnichannel .message.file audio { width: 200px; } 
.omnichannel.console .message.file audio {width: 215px;padding-right: 10px;}
.omnichannel .message.file.caption video, .omnichannel .message.caption .image {margin-bottom: 3px;} 
.omnichannel .message.file video {width: 100% !important;border-radius: 10px;min-width: 130px;} 
.omnichannel .message.file .pdf { background-image: url(../images/pdf.png); }
.omnichannel .message.file .ppt {background-image: url(../images/ppt.png);background-size: 27px !important;margin-top: 3px;width: 27px !important;}
.omnichannel .message.file .txt {background-image: url(../images/txt.png);margin-top: 2px;background-size: 23px !important;}
.omnichannel .message.file .contact {background-image: url(../images/contact.png);margin-top: 0px;background-size: 25px !important;}
.omnichannel .message.file .xls {background-image: url(../images/xls.png);background-size: 30px !important;margin-top: 2px;}
.omnichannel .message.file .zip {background-image: url(../images/zip.png);margin-top: 2px;}
.omnichannel .message.file .doc {background-image: url(../images/doc.png);margin-top: 3px;}
.omnichannel .message.file .location {background-image: url(../images/location.png);background-size: 24px !important;}
.omnichannel .message.file .default {background-image: url(../images/file.png);background-size: 24px 32px !important;}
.omnichannel .file._loading .pdf, .omnichannel .file._loading .icon { opacity: 0.5; }
.omnichannel .message.file .icon {background-size: 25px;background-repeat: no-repeat;width: 25px;height: 34px;display: inline-block;float: left;}
.omnichannel .message.file._loading .gif 
{background-image: url(../images/loading.gif);/* left: -22px; */left: 2px;top: -10px;top: 7px;position: absolute;background-size: 20px;display: block;}
.omnichannel .message.file .gif { display: none; }
#divMessages.omnichannel .message.file .name {max-width: 299px;}
#divMessages.omnichannel .message.file.location .name {max-width: initial;}
.omnichannel .message.file .name {/* min-width: 95px; *//* width: fit-content; */display: inline-block;line-height: 32px;margin-left: 10px;text-overflow: ellipsis;overflow: hidden;max-width: 165px;white-space: nowrap;min-width: 42px;}
#divMessages .conversation .content .body .noText .data:after {margin-right: 0;content: '';}
#divMessages .conversation .content .body .noText.file .data:after {margin-right: 0px;content: '';}
#divMessages .conversation .content .body .system .data:after { margin-right: 0; }
#divMessages .conversation .content .body .data .text:after {/* margin-right: 63px; */content: '';}
#divMessages .conversation .content .body .warning .data:after {margin-right: 0px; }
.omnichannel .message.user, .omnichannel .message.client {background-color: #fefefe;} 
#divMessages .conversation .content .body .image {/* padding-bottom: 25px; */}
#divMessages .conversation .content .body .image .data {/* display: inline-block; */}
#divMessages .conversation .content .body .image .data img {width: 250px;max-height: 250px;display: block;
background-size: contain;background-repeat: no-repeat;background-position: center;min-height: 30px;}
#divMessages .conversation .content .body .data .image {/* width: 250px; */max-height: 350px;max-width: 100%;display: block;background-size: contain;background-repeat: no-repeat;background-position: center;background-color: black;min-height: 30px;margin-bottom: 7px;margin-top: 0px;border-radius: 10px;cursor: pointer;}  
#divMessages .conversation .content .body ._loading .data .image {filter: blur(3px);width: 250px;/* height: 150px; *//* min-width: 150px !important; */}
#divMessages .conversation .content .body .imageFile.png .data .image, 
#divMessages .conversation .content .body .imageFile.gif .data .image {
    background-color: transparent;
}
#divMessages .conversation .content .body .data .loading, #divChat .body .messages .loading,
.omnichannel .messages .loading 
{ background-color: transparent;top: 0;left: 0;display: none;}
#divMessages .conversation .content .body ._loading .data .loading {display: block;width: 100%;z-index: 0;}  
#divMessages .conversation .content .body ._loading .data .loading .loading_items {
    width: 250px;
}
#divMessages .conversation .content .body .noText .data img.image {margin: 0 auto;min-width: 60px;} 
#divMessages .conversation .content .body .image.text {padding-bottom: 7px;}
#divMessages .conversation .content .body .image .data img {margin-bottom: 5px;}
#divMessages .conversation .content .body .user .time {margin-right: 0px;/* margin-left: 10px; */}
:any(span) .time {  }
#divMessages .conversation .content .body .noText .time {/* float: none; */margin-top: -20px;margin-right: 10px;color: white !important;}
#divMessages .conversation .content .body .noText.file .time {/* float: right; */margin-top: 24px;margin-right: 0px;}
#divMessages .conversation .content .body .noText.file.video .time {margin-top: 2px;margin-right: 9px;}
#divMessages .conversation .content .body .noText.file.user .time { color: rgba(0,0,0,.45) !important; }
#divMessages .conversation .content .body .noText.file.audio .time {margin-top: 18px;margin-left: 10px;/* margin-right: 7px; */}
#divMessages .conversation .content .body .time {font-size: 10px;color: rgba(0,0,0,.45);/* margin-top: 7px; */float: right;user-select: none;position: relative;margin: 4px 14px 0px -45px;margin-right: 0;margin-left: 15px;}
#divMessages .conversation .content .body .agent .time {color: rgb(215, 215, 215);}
#divMessages .conversation .content .body .status {
    float: right;
    margin: 6px 0px 0 5px;
    color: rgb(227, 227, 227);
    font-size: 12px;
}
#divMessages .conversation .content .body .user .status {
    display: none;
}
#divMessages .conversation .content .body .image .time { /* margin-top: -5px; */ }
#divMessages .item .img, #divMessages .noSelection .img, #divMessages .content .header .img {height: 30px;background-size: contain;
width: 30px;margin: 0 10px 0 0px;background-repeat: no-repeat;}
#divMessages .item .img {margin-top: 4px;margin-left: 5px;}
#divMessages .item.amazonConnect .img, #divMessages .header .amazonConnect.img,
.notification .title .amazonConnect,
#omnichannel_settings .divChannel.amazonConnect .img {
    background-image: url('../images/amazonConnect.png');
}
#divMessages .item.whatsapp .img, #divMessages .header .whatsapp.img, #omnichannel_settings .tab.whatsapp .img,
#omnichannel_settings .divChannel.whatsapp .img {
    background-image: url('../images/whatsapp.png');
}
#divMessages .item.teams .img, #divMessages .header .teams.img, #omnichannel_settings .tab.teams .img,
#omnichannel_settings .divChannel.teams .img {
    background-image: url('../images/teams.png');
}
#divMessages .item.facebook .img, #divMessages .header .facebook.img,
#omnichannel_settings .divChannel.facebook .img {
    background-image: url('../images/facebook.png');
}
#divMessages .item.facebookComments .img, #divMessages .header .facebookComments.img, #omnichannel_settings .tab.facebook .img
{background-image: url('../images/facebookComments.png');}
#divMessages .item.email .img, #divMessages .header .email.img,
#omnichannel_settings .divChannel.email .img { /* background-image: url(https://www.flaticon.com/svg/vstatic/svg/4477/4477656.svg?token=exp=1619203231~hmac=d6f72e4796cafc704ac9040ecce14798); */
    background-image: url('../images/email.png'); /* margin-top: 2px; */ /* background-image: url(https://www.flaticon.com/svg/vstatic/svg/4219/4219537.svg?token=exp=1619203116~hmac=e748c56b0c70938fb88595827ee35cbe); */
}
#divMessages .item.openser .img, #divMessages .header .openser.img { background-image: url('../images/openser.png'); }
#divMessages .item.instagram .img, 
#divMessages .header .instagram.img, 
#omnichannel_settings .tab.instagram .img,
#omnichannel_settings .divChannel.instagram .img
{ background-image: url('../images/instagram.png'); }
#divMessages .item.instagramMessenger .img, #divMessages .header .instagramMessenger.img,
#omnichannel_settings .divChannel.instagramMessenger .img {
    background-image: url('../images/instagram.png');
}
#divMessages .item.telegram .img,
#divMessages .header .telegram.img,
#omnichannel_settings .tab.telegram .img,
#omnichannel_settings .divChannel.telegram .img {
    background-image: url('../images/telegram.png');
}
#divMessages .item.twitter .img, #divMessages .header .twitter.img, #omnichannel_settings .tab.twitter .img,
#omnichannel_settings .divChannel.twitter .img {
    background-image: url('../images/twitter.png');
}
#omnichannel_settings .divChannel.teams .img {
    background-image: url('../images/teams.png');
}
#divMessages .item.twitterMessenger .img, #divMessages .header .twitterMessenger.img { background-image: url('../images/twitterMessenger.png'); }
#divMessages .item.teams .img, #divMessages .header .teams.img { background-image: url('../images/teams.png'); }
#divMessages .item.widget .img, #divMessages .header .widget.img {background-image: url('../images/openser.png');/* filter: invert(1); */}
#divMessages .img.messages { background-image: url('../images/messages.png');margin: 0 auto;height: 50px;width: 50px;margin-bottom: 7px; }
#divMessages .conversation .content .body div.bigMessage, #divChat .body .messages > div.bigMessage, .omnichannel .messages > div.bigMessage
{font-size: 16px;padding: 12px 50px;font-weight: 700;letter-spacing: 1.5px;word-spacing: 1px;margin-bottom: 14px;max-width: inherit;max-width: 90% !important;border-radius: 40px;margin: 0 auto;margin-top: 10px;margin-bottom: 10px;width: fit-content;}
#divChat .body .messages > div.bigMessage, .omnichannel.console .messages > div.bigMessage 
{padding: 7px 20px;font-size: 13px;letter-spacing: 0.5px;}
#divMessages .conversation .content .body div.conversation_ended, #divChat .body .messages > div.conversation_ended,
.omnichannel .messages > div.conversation_ended {border: 1px solid #ff0000;color: #ff0000 !important;box-shadow: 0px 0px 3px 1px red;}
#divMessages .conversation .content .body div.ticketCreated, #divChat .body .messages > div.ticketCreated,
.omnichannel div.ticketCreated
{color: white !important;font-weight: 500;text-align: center;}
/* Ventana del chat */
#divChat {width: 300px;background-color: #eaeaea;position: fixed;bottom: 0px;right: 7px;border-radius: 12px 12px 0 0;
box-shadow: 1px 1px 10px 2px black;z-index: 101;display: none;transition: 0.3s ease-in;height: 400px;}
#divChat.closed {height: 0;box-shadow: none;}
#divChat.maximized {height: calc(100% - 57px);width: calc(100% - 52px);/* width: calc(100% - 225px); */}
html.menuFixed #divChat.maximized {width: calc(100% - 225px);}
#divChat.minimized .body {/* height: 0; */}
#divChat.minimized {height: 44px;}
#divChat.loading .header .image {background-size: 17px;padding: 0;height: 18px;display: inline-block;position: absolute;right: 25px;}
#divChat .header {/* height: 43px; */position: initial;padding: 12px 10px;/* cursor: pointer; */height: initial;border-radius: 12px 12px 0 0;display: flex;}
#divChat .header .title {color: white;font-size: 16px;font-weight: 600;flex: 1;width: calc(100% - 90px);} 
#divChat.maximized .header .title .text {/* width: calc(100%); */}
#divChat .header .title .text {text-overflow: ellipsis;overflow: hidden;white-space: nowrap;/* width: 190px; */display: inline-block;width: 100%;}
#divChat .header .fa {color: white;opacity: 1;text-shadow: initial;line-height: inherit;font-size: 23px;margin-left: 10px;cursor: pointer;}
#divChat .header .fa.minimize, #divChat .header .fa.maximize, #divChat .header .fa.restore {font-size: 18px;position: relative;top: 2px;}
#divChat.maximized .header .fa.restore, #divChat.minimized .header .fa.restore { display: block; }
#divChat .header .fa.restore { display: none; }
#divChat.minimized .header .fa.minimize, #divChat.maximized .header .fa.maximize {display: none;}
#divChat.minimized .header .minimize:before {/* content: "\f2d2" !important; */} /*f2d0*/
#divChat.loading .header .minimize, #divChat.loading .header .maximize, #divChat.loading .header .restore {display: none !important;}
#divChat .body {height: 325px;transition: 0.3s ease-in;height: calc(100% - 44px);display: flex;flex-direction: column;}
#divChat.maximized .body {/* height: calc(100% - 44px); display: block !important;*/}
.omnichannel.console {margin-top: 0px;}
.omnichannel.console[source=twitter] [messagetype=ASSIGNED_AGENT],
.omnichannel.console[source=twitter] [type=FINISHED],
.omnichannel.console[source=twitter] [type=SURVEY] {display: none;}
#divChat .body .messages, .omnichannel.console .body .messages {/* height: calc(100% - 48px); */padding: 7px;overflow-y: auto;overflow-x: hidden;flex: 1;}
#divChat.finished .body .messages {height: 100%;}
.omnichannel .body .messages {}
#divChat .body .messages > div, .omnichannel.console .messages > div 
{max-width: 80%;color: #161616;}
.omnichannel .messages > div.client { margin: 0 0 7px 0; }
.omnichannel .messages > div.agent, .omnichannel .messages > div.bot {margin: 0 0 7px auto;}
.omnichannel.console .messages .originalPost {
    max-width: 100%;
}
.omnichannel.console .messages .comment {max-width: 100%; margin-top: 5px;}
.omnichannel.console .messages .children > .comment:not([level="1"]) { margin-left: 15px; }
.omnichannel.console .emails { display: none; }
#divChat .body .messages .message, .omnichannel .messages .message { min-width: auto; }
#divChat .body .messages .message[messagetype="SPAM"] { display: none; }
#divChat .body .messages > div.onlyImage {padding: 3px;}
#divChat .body .messages > div.user {margin: 0 0 7px auto;}
.omnichannel .message.system {font-weight: 600;color: #575757 !important;text-align: center;max-width: 100% !important;margin: 12px auto;}
#divChat .body .messages > div.me .data:after, #divChat .body .messages > div.user .data:after {
    margin-right: 25px;content: '';margin-right: 0;}
#divChat .body .messages > div.agent, .omnichannel.console .message.agent, .omnichannel .message.agent, .omnichannel.console .message.bot 
{/* background-color: #ffffff; */color: white;min-width: 0;display: inherit;}
#divChat .body .messages > div.agent {margin: 0 0 7px 0;}
.omnichannel .message.client { min-width: 0; }
#divChat .body .messages .message.file {padding: 8px 11px;}
#divChat .body .messages .warning {
    max-width: 100%;
    border-radius: 20px !important;
} 
/*.omnichannel .message .status { display: none; }*/
#divChat .body .messages .user .status {float: right;margin: 3px 0px 0 10px;margin: 3px 0px 0 -12px;color: #000;font-size: 12px;width: 12px;}
#divChat .body .messages .agent .status {
    /*float: right;
    margin: 3px 0px 0 10px;
    margin: 3px 0px 0 -12px;
    color: #000;
    font-size: 12px;
    width: 12px;*/
    display: none;
}
#divChat .body .messages .user .text {
    margin-right: 20px;
}
#divChat .body .messages img.image, .omnichannel.console .messages img.image, .omnichannel.console .messages img.media,
.popup .omnichannel .messages img.media {
    max-width: 100%;
    border-radius: 10px;
    max-height: 500px;
    cursor: pointer;
}
.omnichannel.console .messages img.media {
    margin: 10px 0;
}
#divChat.finished .write { display: none; }
#divMessages .conversation .content .body .data .loading .image, #divMessages .conversation .content .body .system ._loading { /* Loading */
    background-image: url('../images/loading.gif'); background-size: 32px; background-color: rgba(255, 255, 255, 0) !important;
    text-shadow: 0px 0px 1px white; background-position-y: 0px; color: #049ABF;
    font-family: 'Ubuntu', 'Roboto', 'Open Sans', sans-serif !important;
    background-repeat: no-repeat; background-position: center 0; text-align: center; filter: none;
}

/* SLA */
#omnichannel_sla {  }
#omnichannel_sla .row, #omnichannel_console .row, #omnichannel_messages .row { margin: 0;margin-bottom: 20px;}
#omnichannel_sla .row label {display: block;margin-bottom: 5px;}
#omnichannel_sla .row input[type=text], #omnichannel_sla textarea, #omnichannel_settings textarea, 
#omnichannel_settings input[type=text],
#omnichannel_settings select, .popupMarketplace .fields .field input
{ width: 100%;border-radius: 5px;border-color: #d0d0d0;border-width: 1px; padding: 5px 8px 4px;border-style: solid;min-height: 30px; }
#omnichannel_settings input[type=text].txtClock {padding-right: 8px !important;height: 30px;}
#omnichannel_settings .txtTimeout01, #omnichannel_settings .txtTimeout02, #omnichannel_settings .divTimeoutAlerts .txtTimeout {width: 100px !important;margin: 0 15px;}
#omnichannel_settings .txtTimeoutMessage01, #omnichannel_settings .txtTimeoutMessage02, #omnichannel_settings .divTimeoutAlerts .txtTimeoutMessage {margin-left: 15px;min-height: 45px;}
#omnichannel_sla .row input[type=text]:focus, #omnichannel_sla textarea:focus, #omnichannelView input[type=text]:focus { border-color: #3892d4; }
#omnichannel_sla textarea, #omnichannel_settings textarea {resize: none;line-height: 20px;min-height: 80px;}
#omnichannel_sla .font17 { font-size: 17px; }
#omnichannel_sla .lblBoxAdvise {font-weight: 400;border: 1px solid #888888;background-color: #d0d0d0;padding: 8px 16px;margin: 0 auto;width: fit-content;}
#omnichannel_sla .responseTime, #omnichannel_sla .solveTime, #omnichannel_sla .txtPercent {width: 170px !important;}
#omnichannel_sla .rowTime, #omnichannel_sla .rowPercent {width: 440px;margin: 0 auto;}
#omnichannel_sla .rowTime {margin-bottom: 20px;}
#omnichannel_sla .txtPercent { content: ''; background: url(../images/percent.png); min-width: 96px;
background-size: 18px; background-repeat: no-repeat;background-position-x: 95%;background-position-y: 48%;padding-right: 30px !important; }
#omnichannel_sla .buttons, #omnichannel_settings .buttons {margin-top: 25px;text-align: right;}
#omnichannel_sla .buttons > div, #omnichannel_settings .buttons > div, #omnichannel_reports .buttons > div {width: 100px;display: inline-block;}

/* Settings */
#omnichannel_settings {padding-bottom: 10px;}
#omnichannel_settings .tabContent { min-height: 300px; }
#omnichannel_settings .divGroup {margin-bottom: 15px;}
#omnichannel_settings .lblGroup {margin-right: 10px;margin-top: 7px;}
#omnichannel_settings .tabs {margin-bottom: 25px;}
    #omnichannel_settings .tab .img,
    #omnichannel_settings .divChannel .img
    {
        width: 18px;
        height: 18px;
        display: inline-block;
        background-size: contain;
        background-repeat: no-repeat;
        margin-right: 5px;
        position: relative;
        top: 3px;
        margin-top: -3px;
    }
#omnichannel_settings .tab.bot .img {top: 4px;}
#omnichannel_settings .tab .title .text {position: relative;top: -3px;cursor: pointer;}
.tabs {text-align: center;border-top: 1px solid #b3b3b3;display: flex;}
.tabs .tab {padding: 14px 20px;cursor: pointer;display: inline-block;flex: 1;background-color: #eae8e9;height: 48px;user-select: none;}
.tabs .tab:hover {background-color: rgba(0,0,0,0.08);}
.tabs .tab.active:hover {background-color: #eae8e9;}
.tabs .tab .title {
    line-height: 18px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
#omnichannel_settings .row { margin: 0;margin-bottom: 20px;}
#omnichannel_settings .divTimeoutAlerts .row:last-child {margin-bottom: 0;}
#omnichannel_settings .row label { margin-bottom: 5px; }
#omnichannel_settings .lblTimeoutAlerts {margin-bottom: 10px !important;}
#omnichannel_settings .divTimeoutAlert label {  font-weight: 500;}
#omnichannel_settings .divAddTimeoutAlert {width: fit-content;}
#omnichannel_settings .imgAddTimeoutAlert, #omnichannel_settings .imgRemoveTimeoutAlert {background-image: url(../../../../content/images/icon-plus.png);display: inline-block;width: 25px;height:25px;margin-right: 20px;cursor: pointer;}
#omnichannel_settings .imgRemoveTimeoutAlert { background-image: url(../../../../content/images/icon-minus.png) }
#omnichannel_settings .lblAddTimeoutAlert {font-weight: 500;margin-top: -12px;cursor: pointer;}
#omnichannel_settings .txtActionSurvey { width: 50px !important; line-height: 19px;} 
#omnichannel_settings .txtActionSurvey, #omnichannel_settings .tabContent .selectize-control { margin-left: 7px;font-weight: 500;}
#omnichannel_settings .divExtraSurvey {padding: 0 20px;}
#omnichannel_settings .tabContent .cmbModelSurvey {  display: inline-block;width: 200px !important;/* margin-top: -2px; *//* position: absolute; *//* position: relative; */top: 9px;/* margin: 0px 7px; */}
#omnichannel_settings .cmbModelSurvey .selectize-input {height: 30px;}
#omnichannel_settings .cmbModelSurvey .item { overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 85%;}
#omnichannel_settings .row.flex label {/* width: 200px; *//* display: inline-block; */line-height: 24px;}
#omnichannel_settings .lblActionSurvey {line-height: 32px !important;/* margin: 0 15px 0 0; */margin-top: -13px;}
#omnichannel_settings .row.title {margin-bottom: 5px;}
#omnichannel_settings .tabContent div.error { font-weight: 500; color: red; }
#omnichannel_settings .loading_mini { margin: 0 auto 20px auto; }
#omnichannel_settings .tabContent .error .text {
    /* line-height: 23px; */
    display: inline-block;
    margin-left: 23px;
}
#omnichannel_settings .tabContent .error .icon {position: absolute;}
#omnichannel_settings .script {
    min-height: 30px;
    height: auto;
    height: 75px;
}
#omnichannel_settings .divApplyTo {
    margin-top: 5px;
}
#omnichannel_settings .content_bot .buttons {
    margin-bottom: 50px;
}
html.omniser #omnichannel_settings .divTitleChat { display: none !important; } 
#omnichannel_settings .btnRequestInstagram {background-color: #eae8e9;margin-left: 10px;height: 32px;padding: 6px 25px;
    /* background-color: #979797; *//* color: white; */background: white;color: #ff17b7;border: 1px solid #ff17b7;}
#omnichannel_settings .btnRequestInstagram .icon {background: url('../images/instagram.png');width: 20px;height: 20px;display: inline-block;background-repeat: no-repeat;background-size: cover;float: left;left: -5px;position: relative;}
#omnichannel_settings .btnDeletInstagram {
    background-color: red;
    margin-left: 10px;
    height: 32px;
    padding: 6px 25px;
    background: white;
    color: red;
    border: 1px solid red;
}

#omnichannel_settings .btnRequestFacebook {
    background-color: #eae8e9;
    margin-left: 10px;
    height: 32px;
    padding: 6px 25px;
    background: white;
    color: #1877F2;
    border: 1px solid #1877F2;
}

#omnichannel_settings .btnRequestFacebook .icon {
    background: url('../images/facebook.png');
    width: 20px;
    height: 20px;
    display: inline-block;
    background-repeat: no-repeat;
    background-size: cover;
    float: left;
    left: -5px;
    position: relative;
}

#omnichannel_settings .btnDeletFacebook {
    background-color: red;
    margin-left: 10px;
    height: 32px;
    padding: 6px 25px;
    background: white;
    color: red;
    border: 1px solid red;
}

#omnichannel_settings .txtfacebook_idAccount, .txtinstagram_idAccount {
    display: none
}


/* Dashboard */
#omnichannel_dashboard {background-color: white;min-width: 1200px;}
#omnichannel_dashboard .group, #omnichannel_dashboard .agent {display: none;margin-left: 16px;width: 250px;}
#omnichannel_dashboard .selectize-control, #omnichannel_console .selectize-control {display: inline-block;}
#omnichannel_dashboard .row {margin: 0;margin-bottom: 16px;}
#omnichannel_dashboard .row label, #omnichannel_console .header label {width: 77px;margin-top: -25px;}
#omnichannel_dashboard .lblChannel, #omnichannel_console .lblChannel {margin-left: 70px;}
#omnichannel_dashboard .content .row .widget {}
#omnichannel_dashboard .content .row .widget:last-child { margin-right: 0; }
#omnichannel_dashboard .widget, #omnichannel_dashboard .box, .dashboardBox {min-height: 120px;min-width: 130px;padding: 7px 10px;border: 1px solid #e7ecf1!important;border-radius: 10px;box-shadow: 1px 1px 7px -3px gray;display: inline-block;margin: 0 15px 15px 0;/* display: flex; */margin-bottom: 20px !important;/* height: auto; *//* width: 200px; */}
#omnichannel_dashboard .box {/* margin: 0 5px 5px 0 !important; *//* flex: 1; */}
#omnichannel_dashboard .box.abandoned  {margin-right: 7px;}
#omnichannel_dashboard .box.waitingTime  {/* margin: 0; */margin-left: 8px;}
#omnichannel_dashboard .box.attended, #omnichannel_dashboard .box.noAttended, #omnichannel_dashboard .box.agentsConnected { cursor: pointer; }
#omnichannel_dashboard .x-panel-body {background-color: white;}
#omnichannel_dashboard .box.graph {padding: 8px 10px; }
#omnichannel_dashboard .box.hasHours .data .value {font-size: 36px;}
#omnichannel_dashboard .data {text-align: center;margin-top: 5px;flex: 1;}
#omnichannel_dashboard .agentsConnected .fa {color: #00FF00;margin-right: 5px;}
#omnichannel_dashboard .doubleData .data {/* display: inline-block; *//* min-width: 194px; *//* flex: 1; *//* position: initial !important; */}
#omnichannel_dashboard .data .mini {font-size: 50%;font-weight: 700;opacity: 0.6;line-height: 0;}
#omnichannel_dashboard .chatsPie {}
#omnichannel_dashboard .charts .widget { float: left; }
#omnichannel_dashboard .efectivenessResponse .chart {/* float: left; */background: url(../images/89.png);height: 207px;background-repeat: no-repeat;background-size: contain;text-align: center;margin: 0 auto;/* margin-left: 71px; */margin-top: 15px;margin-bottom: 10px;background-position: center;width: 100%;}
#omnichannel_dashboard .efectivenessSolution .chart {float: left;background: url(../images/95.png);height: 207px;width: 100%;background-repeat: no-repeat;background-size: contain;text-align: center;margin: 0 auto;/* margin-left: 71px; */margin-top: 15px;margin-bottom: 10px;background-position: center;}
#omnichannel_dashboard .attendedConversations .chart {float: left;background: url(../images/atendidas.png);height: 216px;width: 421px;/* background-repeat: no-repeat; *//* background-size: contain; *//* text-align: center; *//* margin: 0 auto; */margin-left: 20px;margin-top: 15px;/* margin-bottom: 10px; */background-position: center;}
#omnichannel_dashboard .responseTime .chart {float: left;background: url(../images/tiempoRespuesta.png);height: 400px;width: 1717px;/* width: 1286px; */background-repeat: no-repeat;background-size: contain;/* text-align: center; */margin: 0 auto;margin-top: -10px;margin-bottom: 10px;/* margin-left: 45px; */width: calc(100% + 28px);}
#omnichannel_dashboard .charts .responseTime {display: block;width: calc(100% - 20px);float: left;margin-right: 0;box-shadow: 0 0 0 0 white;border: none !important;padding: 0;display: none;}
#omnichannel_dashboard .widget .pie {background: url(../images/chatsPie.png);height: 250px;/* width: 392px; */background-repeat: no-repeat;background-size: contain;/* margin: 0 auto; *//* text-align: center; */background-position: center;}
#omnichannel_dashboard .doubleData {/* min-width: 415px; *//* display: flex; */}
#omnichannel_dashboard .btnFullScreen {/* float: right; */}
#omnichannel_dashboard .btnGray, .btnFullScreen {/* height: 33px; */line-height: 33px;border-radius: 3px;padding: 0 15px;background: white !important;font-weight: 600;}
#omnichannel_dashboard .content .row {display: flex;margin-bottom: 0;}
#omnichannel_dashboard .content { display: contents; }
/* Sencha */
#omnichannel_dashboard {  }
#omnichannel_dashboard .lblChannel {  }
#omnichannel_dashboard .widgets {margin: 0px 5px 0px 20px;}
#omnichannel_dashboard .widgets .x-box-inner {/* height: inherit !important; */}
#omnichannel_dashboard .pnlFrameConnect {/* height: 50%; */}
#omnichannel_dashboard .pnlFrameConnect .x-autocontainer-outerCt { width: 100%; }
#omnichannel_dashboard .frameConnect {width: 100%;border: none;height: 735px;margin-top: 5px;}

/* Consola */
#omnichannel_console {  }
#omnichannel_console .lblExcel {background-image: url(../images/xls.png);background-size: 30px !important;cursor: pointer;margin-left: 10px;}
#omnichannel_console .btnSearch {float: right;margin: 5px 7px 0 0;width: 90px;}
#omnichannel_console .hboxFilter label { font-weight: 400; }
#omnichannel_console .pnlConsole_Content { margin-top: 27px !important; }
#omnichannel_console .hboxFilter {/* margin: 20px 0; */padding: 7px;}
#omnichannel_console .txtFind {border-width: 2px !important;width: 300px !important;line-height: 20px;}
#omnichannel_console .lblResults { margin-left: 20px;margin-top: -10px;}
#omnichannel_console .order .title { margin-right: 7px; }
#omnichannel_console .options .fa {cursor: pointer;font-size: 30px;margin-left: 10px;}
#omnichannel_console .options .order {
    margin-top: -10px;
    margin-right: 10px;
}
#omnichannel_console .header { position: inherit;height: auto;}
#omnichannel_console table {/* border-top: 1px solid black; *//* margin-top: 7px; */width: 100%;}
#omnichannel_console table thead {color: #404040;font: 400 13px/19px 'Open Sans', 'Helvetica Neue', helvetica, arial, verdana, sans-serif;outline: 0;}
#omnichannel_console table thead tr { font-weight: 600;}
#omnichannel_console table tbody .check {border-color: #e9e9e9;border-style: solid;border-right-width: 1px;width: 32px;}
#omnichannel_console table td {/* border-top: none; *//* border: 0; *//* padding: 7px 10px 6px; */}
#omnichannel_console table tr {/* border-bottom: 1px solid #e9e9e9; *//* height: 50px; */}
#omnichannel_console table tr.selected { background-color: #e5e7eb; }
#omnichannel_console table tr .check:after {content: "\f096";font: normal normal normal 14px/1 FontAwesome;color: #919191;font-size: 18px;}
#omnichannel_console table tr.selected .check:after { content: "\f046"; }
#omnichannel_console .contentRight {width: 300px;margin-left: 15px;}
#omnichannel_console .contentRight .actions {margin-bottom: 2px;}
#omnichannel_console .contentRight .title { padding: 6px 15px;background-color: black;color: white;font-size: 13px;font-weight: 600;line-height: 20px;cursor: pointer;}
#omnichannel_console .contentRight .title .fa { padding: 2px;float: right;height: 16px;width: 16px;text-align: center;font-size: 16px;line-height: 12px;margin-top: 2px;}
#omnichannel_console .contentRight .info {background-color: #efefef;height: 367px;padding: 7px;overflow-y: auto;}
#omnichannel_console .contentRight .conversation .title .fa { display: none; }
#omnichannel_console .omnichannel .messages > div.agent { color: white; display: inherit;border: none;}
#omnichannel_console .omnichannel .messages > div.agent, #omnichannel_console .omnichannel .messages > div.client { min-width: 0; }
#hboxConversation .fa {float: right;font-size: 16px;cursor: pointer;background: none;}
#hboxConversation .messages .fa {float: inherit;font-size: inherit;cursor: inherit;}

/* Asignación */
.popup.assign, .popup.full {
    background-color: white;
    position: absolute;
    height: 100%;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .26), 0 2px 10px 0 rgba(0, 0, 0, .16) !important;
    flex-direction: column; display: flex; z-index: 19000;
    /* transform-origin: right top 0px; */
    /* transform: scale(1); */
}
.popup .title { margin: 30px 10px 20px 10px; font-size: 25px; font-family: inherit; font-weight: 700; line-height: 1.1; color: inherit; text-align: center; min-height: 27px; }
.popup .title .close {margin-top: -13px;margin-right: 10px;}
.popup .title .maximize:hover { opacity: 0.6; }
.popup .title .maximize {
    margin-right: 12px;
    opacity: 0.5;
    float: right;
    cursor: pointer;
    margin-top: -4px;
    font-size: 21px;
}
.popup .divResults {overflow-y: auto;flex: 1;padding: 20px 15px;/* overflow-y: hidden; */}
.popup .divResults .text {border-bottom: 1px solid black;font-weight: 700;font-size: 14px;}
.popup .divResults.omnichannel {background: #eaeaea;margin-top: 5px;}
.popup .divResults.omnichannel[source=email], .popup .divResults.omnichannel[source=instagram], 
.popup .divResults.omnichannel[source=twitter] 
{background: white;}

.popup .divResults.omnichannel .divResults {
    padding: 0;
}
.popup .divResults.omnichannel .text {border-bottom: none;font-weight: inherit;font-size: inherit;}
.popup .divResults .results {margin: 3px 0;height: -webkit-fill-available;/* overflow-y: auto; *//* padding: 0 15px; */}
.popup .divResults .results .agent, .popup .divResults .tblResults tr {display: flex;cursor: pointer;padding: 7px 0;border-bottom: 1px solid #b3b3b3;}
.popup .divResults .tblResults tr {/* display: table-row; */}
.popup .divResults .tblResults td {/* padding: 7px 0; *//* display: flex; */}
.popup .divResults .tblResults .tdName {flex: 1;display: flex;}
.popup .divResults .tblResults .tdConversations {width: 130px;text-align: center;margin: auto;font-size: 16px;font-weight: 700;}
.popup .divResults .tblResults thead tr { border-bottom: 1px solid black; }
.popup .divResults .results .agent:hover, .popup .divResults .tblResults tbody tr:hover 
{ background-color: rgba(187, 187, 187, 0.5); }
.popup .divResults .results .agent.selected, .popup .divResults .tblResults tr.selected 
{ background-color: rgba(187, 187, 187, 0.7); }
.popup .divResults .results .agent .name, .popup .divResults .tblResults .name {flex: 1;margin-left: 10px;line-height: 70px;font-weight: 700;}
.popup .divResults .results .agent .chats {text-align: center;margin-top: 16px;}
.popup .footer {padding: 15px 20px;border-top: 1px solid #d0d0d0;display: flex;}
.popup .footer button {width: 135px;height: 33px;line-height: 33px;margin-left: 7px;font: 400 12px/16px 'Open Sans', 'Helvetica Neue', helvetica, arial, verdana, sans-serif;flex: 1;}
#omnichannel_assignment, .popup.full { flex-direction: column; display: flex; z-index: 19000; }
#omnichannel_assignment .divResults .noResults {display: none;/* margin-top: 7px; */}
#omnichannel_assignment .divResults.empty .noResults { display: block; }
#omnichannel_assignment .divResults.empty .tblResults { display: none; }
#omnichannel_assignment .divResults.empty .results { display: none; }
#omnichannel_assignment .tblResults { width: 100%; }
#omnichannel_assignment .tblResults .thName { flex:1; }
#omnichannel_assignment .tblResults th { cursor: pointer; }
#omnichannel_assignment .tblResults th .fa {color: #919191;margin-left: 7px;}
.tablesorter-headerAsc .fa:before { content: "\f176" !important; }
.tablesorter-headerDesc .fa:before { content: "\f175" !important; }
#omnichannel_assignment .tblResults .thConversations {width: 130px;text-align: center;}
.hasPopup body {  }
.popup .content {position: initial;background-color: white;}
.popupBackground {background-color: rgba(0, 0, 0, 0.1);z-index: 19000;position: absolute;width: 100% !important;right: 0;left: inherit;height: 100%;top: 0;}
.popupBackground .header {
    position: initial;
    height: auto;
    margin-bottom: 23px;
}
#omnichannel_assignment .search-body {margin: 0;border-radius: 4px;}
#omnichannel_assignment .cmbGroup {
    flex: 3;
}
#omnichannel_assignment .txtSearch {border-radius: 4px;line-height: 19px;min-height: 11px;height: 30px;margin-left: 5px;}
#omnichannel_assignment input[type="text"]:focus { border: 1px solid #3892d4 !important;}

/* Resultados de la carga masiva */
#popup_bulkLoad_results {}
#popup_bulkLoad_results .divResults div {
    line-height: 20px;
}

/* Email */
#omnichannel_email {
    width: 80% !important;
}
#omnichannel_email .attachments {margin-bottom: 14px;display: none;}
#omnichannel_email .attachments .item {display: inline-block;margin-right: 10px;cursor: pointer;border: 1px solid #cccccc;padding: 10px;border-radius: 5px;}
#omnichannel_email .attachments .item:hover {background-color: #ececec;}

#omnichannel_email .attachments .item .icon {background-size: 16px;background-repeat: no-repeat;width: 18px;height: 23px;display: inline-block;margin-right: 5px;float: left;position: relative;}
#omnichannel_email .attachments .item .icon {background-image: url(../images/file.png); }
#omnichannel_email .attachments .item .pdf { background-image: url(../images/pdf.png); }
#omnichannel_email .attachments .item .mp4 {background-image: url(../images/video.png);top: 3px;}
#omnichannel_email .attachments .item .jpg, #omnichannel_email .attachments .item .jpeg, #omnichannel_email .attachments .item .png, #omnichannel_email .attachments .item .gif 
{background-image: url(../images/image.png);background-size: 18px;opacity: 0.7;top: 3px;}
#omnichannel_email .attachments .item .txt {background-image: url(../images/txt.png);top: 2px;}
#omnichannel_email .attachments .item .contact {background-image: url(../images/contact.png);margin-top: 0px;}
#omnichannel_email .attachments .item .xls, #omnichannel_email .attachments .item .xlsx {background-image: url(../images/xls.png);top: 2px;}
#omnichannel_email .attachments .item .zip {background-image: url(../images/zip.png);top: 2px;}
#omnichannel_email .attachments .item .doc, #omnichannel_email .attachments .item .docx {background-image: url(../images/doc.png);top: 2px;}
#omnichannel_email .attachments .item .location {background-image: url(../images/location.png); }
#omnichannel_email .attachments .item .name { vertical-align: top; line-height: 23px; }

#omnichannel_email .tag {width: 50px;display: inline-block;/* text-align: right; */margin-right: 7px;}

/* Emoticons */
.x-mask.emoticons {z-index: 101;}
.emoticons .content {width: 418px;height: 320px;background-color: white;/* margin: 10px; */position: absolute;}
.emoticons .content .tabs {display: flex;height: auto;border-bottom: 0;border: 0;}
.emoticons .content .tabs span {flex: 1;text-align: center;opacity: 0.4;}
.emoticons .content span {font-size: 20px;width: 30px;display: inline-block;height: 30px;cursor: pointer;user-select: none;}
.emoticons .content .tabs span.selected {
    opacity: 1;
    border-bottom: 5px solid #2d6488;
}
.emoticons .content .icons {overflow-y: auto;height: 272px;overflow-x: hidden;padding: 5px 0;}
.emoticons .content .icons .category {
    height: 5px;
}
.omnichannelModal { bottom:0 !important; right : 0 !important; left: initial !important; top: initial !important;}
.omnichannelModal .x-tool-tool-el{ width: 21px; height: 21px;}
.pequenia #divMessages{ min-width: 310px;}
.pequenia .noSelection { top : 10% !important; width:300px; height:400px;}
.pequenia .search {   display: none !important;}
.pequenia .listLeft {
    display: none;
}
.pequenia .conversation, .pequenia .write {
    width: 300px !important;
}
.pequenia .body {
    height: 260px !important;
    width: 300px !important;
}

/* Búsqueda de ticket */
.ticketList .item { cursor: pointer;border-bottom: 1px solid black;padding: 7px 0;margin: 0 20px;}
.ticketList .item:hover, .ticketList .item.selected { background-color: #e5e7eb; }
.ticketList .item .header {font-size: 14px;font-weight: 600;z-index: 0;position: inherit;}
.ticketList .item .fa-sticky-note-o { color: #aaaaaa; }

/* Encuesta */
#survey_chat {font-size: 14px;}
#survey_chat .centerView {padding: 20px;min-width: 500px;}
#survey_chat label {font-weight: 500;width: 100%;text-align: left;margin-bottom: 5px;}
#survey_chat .boxes {text-align: center;margin-bottom: 10px;}
#survey_chat .boxes div {display: inline-block;line-height: 41px;width: 45px;color: white;margin: 0px 2px;border-radius: 5px;font-weight: 600;font-size: 14px;cursor: pointer;letter-spacing: 0.5px;font-family: Courier;font-family: "Lucida Console";border: 2px solid white;}
#survey_chat .boxes div:hover { border: 1px solid #4f4f4f; }
#survey_chat .boxes div.active {border: 2px solid #3d3d3d;font-weight: 800;}
#survey_chat .boxes .zero { background-color: #f30002; }
#survey_chat .boxes .one { background-color: #ff0001; }
#survey_chat .boxes .two { background-color: #ff4200; }
#survey_chat .boxes .three { background-color: #ff6300; }
#survey_chat .boxes .four { background-color: #ffa300; }
#survey_chat .boxes .five { background-color: #ffc900; }
#survey_chat .boxes .six { background-color: #fcdc00; }
#survey_chat .boxes .seven { background-color: #eee82b; }
#survey_chat .boxes .eight { background-color: #bddc18; }
#survey_chat .boxes .nine { background-color: #93d52d; }
#survey_chat .boxes .ten { background-color: #00b946; }
#survey_chat .txtComments {resize: none;width: 100%;height: 100px;padding: 5px;border-radius: 5px;}
#survey_chat .buttons, .popupMarketplace .buttons {
    margin: 10px 0 0 auto;
    text-align: right;
}
#survey_chat .btnSend, #survey_chat .btnCancel, .popupMarketplace .buttons div {cursor: pointer;width: 100px;margin-left: 10px;}
#survey_chat .btnSend:active {  opacity: 0.95; }
/*#survey_chat[topraiting="5"] .boxes .six { display: none; }*/

/* Messages */
#omnichannel_messages {}
#omnichannel_messages .hboxFilter > div {margin-right: 80px;}
#omnichannel_messages .hboxFilter .day {/* display: none; */}
#omnichannel_messages .hboxFilter .btnFullScreen {margin-right: 0px;}
#omnichannel_messages .hboxFilter label {vertical-align: top;/* width: 50px; */width: auto;margin-right: 20px;}
#omnichannel_messages .selectize-control { display: inline-block; }
#omnichannel_messages .messages {flex-wrap: wrap;}
#omnichannel_messages .dashboardBox {min-height: 100px;max-width: 220px;min-width: 220px;}
#omnichannel_messages .dashboardBox label {font-weight: 600;/* display: block; */}
#omnichannel_messages .value {
    font-weight: 500 !important;
    line-height: 89px;
}
#omnichannel_messages .divBar {/* height: 400px; */width: 750px;margin: 20px auto 35px;}
#omnichannel_messages .whatsappDetail {width: 350px;display: none;}
#omnichannel_messages .whatsappDetail .title .img {width: 18px;background-image: url('../images/whatsapp.png');height: 18px;background-repeat: no-repeat;background-size: contain;margin-right: 10px;}
#omnichannel_messages .whatsappDetail .title * {display: inline-block;vertical-align: middle;}

#omnichannel_messages .whatsappDetail .row.header {font-weight: 600;margin-top: 3px;}
#omnichannel_messages .whatsappDetail .row {display: flex;width: auto;position: inherit;height: auto;margin: 0;padding: 4px 15px;font-weight: 500;}
#omnichannel_messages .whatsappDetail .number {flex: 1;}
#omnichannel_messages .whatsappDetail .count {width: 100px;text-align: center;}

.notification .title .email { background-image: url('../images/email.png'); }
.notification .title .openser, .notification .title .widget { background-image: url('../images/openser.png'); }
.notification .title .instagram { background-image: url('../images/instagram.png'); }
.notification .title .telegram { background-image: url('../images/telegram.png'); }
.notification .title .facebookComments { background-image: url('../images/facebookComments.png'); }
.notification .title .facebook { background-image: url('../images/facebook.png'); }
.notification .title .twitter { background-image: url('../images/twitter.png'); }
.notification .title .twitterMessenger { background-image: url('../images/twitterMessenger.png'); }
.notification .title .whatsapp { background-image: url('../images/whatsapp.png'); }
.notification .title .fa {height: 18px;background-size: contain;width: 18px;margin: 0 10px 0 0px;background-repeat: no-repeat;float: left;}

#omnichannel_teams .row label {
    margin-bottom: 5px;
} 
#omnichannel_teams .row label {
      font-weight:bold;
}
#omnichannel_teams .content {
    padding:40px;
}
.bootstrap-tagsinput {
    width: 100% !important;
}

.iconAmazonConnect {float: right;margin-right: 20px;font-size: 20px;cursor: pointer;display: none;}
#divMessages.amazonConnectShow .divAmazonConnect { display: block; }
#divMessages .divAmazonConnect {width: 300px;display: none;margin-left: 7px; }
#divMessages .divAmazonConnect iframe { border: 1px solid #dddddd; }
#divAmazonConnect {width: 300px;z-index: 10;float: right;position: absolute;right: 0;bottom: 0;height: 580px;display: none;/* border: 1px solid black; */z-index: 100;border-radius: 10px 10px 0 0;box-shadow: 1px 1px 10px 2px black;}
#divAmazonConnect iframe {border: 0;border-radius: 10px 10px 0 0;}

/* Galería */
.lg-outer .lg-toogle-thumb, #lg-share, #lg-actual-size, .lg-autoplay-button, .lg-rotate-right, .lg-rotate-left, .lg-flip-hor, 
.lg-flip-ver, .lg-fullscreen, #lg-counter { display: none !important; }
div.lg-outer, div.lg-backdrop {z-index: 19000;opacity: 0.9;}
.lg-outer .lg-thumb-outer {overflow-x: auto;}
div.lg-backdrop.in { opacity: 0.9; }
.lg-outer .lg-thumb-outer {background-color: #0000008c !important;}
.lg-actions .lg-next, .lg-actions .lg-prev {background-color: transparent !important;}
.lg-toolbar .dateStr {padding-left: 20px;font-weight: 600;color: #999;font-size: 16px;padding-top: 16px;user-select: none;}
.lg-outer .lg-video audio {margin-top: 26%;}
.lg-outer .lg-item .filename {color: #999;font-size: 18px;font-weight: 600;user-select: none;}
.lg-outer .lg-item .lg-img-wrap.hasFilename .lg-image {height: 40px !important;margin-right: 12px;}
.lg-outer .lg-thumb-item.hasFilename img {
    object-fit: contain;
    padding: 18px;
}

/* Popup image */
#omnichannel_image_popup{
    /* background-color: #d6d6d6; */
    width: 400px !important;
    min-width: 400px;
    height: 350px;
    border-radius: 20px;
    /* width: 35% !important; */
    transform: translate3d(0, 0, 0);
    /* left: 50% !important; */
    top: 25%;
    top: calc(50% - 175px);
    left: 0 !important;
    margin: auto;
}
#omnichannel_image_popup .title {
    margin-top: 0;
    margin: 0;
    min-height: 25px;
}
#omnichannel_image_popup .title .close {
    margin-right: 0;
    top: -4px;
    position: relative;
    right: -15px;
}
#omnichannel_image_popup .preview {
    /* border: 1px solid black; */
    height: 250px;
    /* width: 400px; */
    /* width: auto; */
    background-repeat: no-repeat;
    background-size: cover;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    background-position: center;
    background-size: contain;
    margin-bottom: 15px;
}
#omnichannel_image_popup.loading .preview {opacity: 0.5;}
#omnichannel_image_popup.loading .divLoading {width: 30px;background-image: url(../images/loading.gif) !important;background-color: transparent;position: initial;height: 30px;
background-size: contain;margin: 0 auto;background-repeat: no-repeat;/* position: absolute; *//* top: 140px; *//* left: 180px; */margin-top: -5px;}
#omnichannel_image_popup.imgError .divLoading { display: none; }
#omnichannel_image_popup.loading .txtWrite, #omnichannel_image_popup.loading .btnSend { display: none; }
#omnichannel_image_popup .btnSend {
    float: right;
    /* margin-top: 20px; */
    cursor: pointer;
    /* width: 100px; */
    width: 100%;
}
#omnichannel_image_popup .error {font-weight: 600;color: red;}

/* Reportes */
#omnichannel_reports {}
#omnichannel_reports .divChannel {display: flex;margin-top: 20px;}
#omnichannel_reports .divType { margin-top: 20px; }
#omnichannel_reports .filters .lblTo {text-align: center;font-weight: 500;width: auto;margin: 0 10px;}
#omnichannel_reports .buttons {margin-top: 30px;}

/* Cuando el sistema solamente es Omniser */
html.omniser {}
html.omniser .x-mask-msg-text, html.omniser .loading .image {
    background-image: url('../images/omniser.gif');
    color: #6330aa;
}
html.omniser #omnichannel_settings .divActionSurvey { display: none; }

.messageNotSend {
    border-style: solid !important;
    border-color: red !important;
    border: 2px;
}

.endTheCall {
    display: none !important;
}