
/*
[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {
  display: none !important;
}*/

::-webkit-scrollbar{width:0.7em;height:0.8em;background-color:#fff;}
::-webkit-scrollbar:hover{background-color:#ddd}
::-webkit-scrollbar-thumb{min-height:0.8em;min-width:1em;background-color:#ddd;}
::-webkit-scrollbar-thumb:hover{background-color:#bbb}
::-webkit-scrollbar-thumb:active{background-color:#888}

:root {
    --lhc-page-content-wrapper-bg: #FFF;
    --lhc-dashboard-card-header-bg: #FFF;
    --lhc-main-menu-link-hover: #5a5a5a;
    --lhc-main-menu-link: #7c7c7d;
    --lhc-nav-underline-nav-link: #3e3e3e;
    --lhc-nav-underline-nav-link-active-border: #dee2e6;
    --lhc-msg-body-response: #ededed;
    --lhc-msg-body-response-text: var(--bs-body-color);
    --lhc-sidebar-li-active-link-bg: #EEE;
    --lhc-sidebar-li-border-bottom: #e7e7e7;
    --lhc-sidebar-wrapper-br: #e7e7e7;
    --lhc-msg-body-vis-tit-text: #888;
    --lhc-msg-body-op-tit-text: #5078d8;
    --lhc-msg-body-op-tit-other-text:#5585ff;
    --lhc-msg-body-op-bg-other: #5585ff;
    --lhc-msg-body-op-text-other: #FFF;
    --lhc-msg-body-op-text: #FFF;
    --lhc-msg-body-op-bg: #3267e4;
    --lhc-msg-body-sys-tit-bg:#CCC;
    --lhc-msg-body-sys-tit-text:#fff;
    --lhc-msg-body-sys-date-text: #FFF;
    --lhc-msg-date-text:#858585;
    --lhc-msg-body-sys-text:var(--bs-secondary-color);
    --lhc-msg-body-bg:transparent;
    --lhc-new-msg-border: rgba(var(--bs-danger-rgb), 1);
    --lhc-gradient-tab-start: #dfdfdf;
    --lhc-gradient-tab-end: #FFF;
    --lhc-tab-link-bg: #f8f9fa;
}

.btn-group-xs > .btn, .btn-xs {
	padding  : .25rem .30rem 0.35rem 0.30rem;
	font-size  : .75rem;
	line-height  : .9;
	border-radius : .2rem;
}

.card-dashboard {
	margin-bottom: 20px;
}

#tabs > .nav-pills{
	padding-bottom: 10px;
}

a.link {
	text-decoration: underline;
}

#tabs > .tab-content{
	margin-top: 15px;
}

#tabs .nav-item{
    position:relative;
}

.form-group{
	margin-bottom:0.5em;
}

.col-form-label{
	font-size:.875rem;
}

*:focus {
    outline: 0;
}

.hide {
	display: none!important;
}

lhc-multilanguage-tab {
    display: inherit;
}

lhc-multilanguage-tab-content>.tab-pane {
    display: none;
}

lhc-multilanguage-tab-content>.active {
    display: block;
}


.container-fluid,
.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9,
.col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9,
.col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9,
.col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9,
.col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9 {
	padding-left:7.5px;
	padding-right:7.5px;
}

.row{
	margin-left:-7.5px;
	margin-right:-7.5px;
}

.absolute-language-top-right{
	position:fixed;
	top:0;
	right:0;
	z-index:9999;
}
.ps-1-8{
    padding-left:0.45rem!important;
}
@media (max-width: 768px) {
    .chat-main-left-column.col-xl-8 .toolbar-chat,
    .chat-main-left-column.col-xl-8 .form-send-textarea,
    .chat-main-left-column.col-xl-8 .generic-small-res-hide,
    .dashboard-height .chat-main-left-column.col-xl-8 .message-block,
    .dashboard-height .chat-main-left-column.col-xl-8 .user-is-typing,
    .chat-main-left-column.col-xl-8 .canned-message-holder{
        display: none!important;
    }
    .dashboard-height .chat-main-left-column.col-xl-8{
        height: 0px;
    }

    .chat-main-right-column{
        height: 98%;
    }
    .small-truncate-nick{
        overflow: hidden;
        display: block;
        white-space: nowrap;
        text-overflow: ellipsis;
    }
}

[data-mobile=true] .chat-main-left-column.col-xl-8 .toolbar-chat,
[data-mobile=true] .chat-main-left-column.col-xl-8 .form-send-textarea,
[data-mobile=true] .chat-main-left-column.col-xl-8 .message-block,
[data-mobile=true] .chat-main-left-column.col-xl-8 .canned-message-holder{
    display: none!important;
}

[data-mobile=true] .chat-main-left-column.col-xl-8{
    height: 0px;
}

[data-mobile=true] .chat-main-right-column{
    height: 98%;
}

.absolute-language-top-right .btn-secondary{
	border-top:0;
	border-right:0;
	border-radius:0;
	border-bottom-left-radius:3px;
}

#screenshotImage{
	max-width:100%;
}

.mw-80px{
    max-width: 80px;
}

.btrad-reset{
	border-top-right-radius: 0px;
	border-top-left-radius: 0px;
}

.group-by-user_country_name,
.up-case-first{
	text-transform: capitalize;
}

#widget-layout textarea{
	height:50px;
}

#widget-layout.has-chat textarea{
    height:32px;
}

h1 {
	margin-top:0px;
	font-size:28px;
}

.tr-msg{
	font-style: italic;
	display: block;
	background-color: #F4F3F3;
	border-radius: 10px;
	padding: 3px 6px;
	color: #4A4A4A;
}

.no-wrap{
	white-space: nowrap;
}

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

.break-words{
    overflow-wrap: break-word;
    word-wrap: break-word;
}

.mh150{
	min-height:150px;
}

.hr-big{
	border-top: 3px solid #cecece;
}

.disable-select{
    user-select: none;
}

.user-chatwidget-buttons-start{
    position:absolute;
    top: 3px;
    right: 3px;
    height: 10px;
}

.live-chat-message,.live-chat-message:focus{
	outline: none;
	-webkit-box-shadow: none !important;
	-moz-box-shadow: none !important;
	box-shadow: none !important;
	border-radius: 15px;
	border: 1px solid #ccc;
    max-height: 60px;
    overflow-y:hidden;
}

.settings{
	font-size: 25px;
	cursor: pointer;
}
.chat-setting-item{
	font-size:32px;
}

.action-image {
    cursor:pointer;
}

/*Hide elements which should not be visible in right column*/
#right-column-page .right-action-hide {
	display:none;
}

#right-pending-chats p,
#right-active-chats p,
#right-unread-chats p,
#right-closed-chats p{
	font-size:0.75em;
}

.fs11 {
	font-size: 11px;
}

.fs12 {
	font-size: 12px;
}

.fs13 {
	font-size: 13px;
}

.fs14 {
	font-size: 14px;
}

.fs16 {
	font-size: 16px;
}

.fs24 {
	font-size: 24px;
}


.fs17{
    font-size:17px;
}

.fs18{
    font-size:18px;
}

.fs19{
    font-size:19px;
}

.icon-user-status {
	color:#BB474A;
}

.icon-user-online,
.icon-user-online a{
	color:#5da423;
}

.user-online-row td{
	background-color:#E4FFE0;
}

.icon-user-away,
.icon-user-away a{
	color:#EDC21A;
}

.user-away-row td{
	background-color:#FFFFDA;
}

.icon-user-offline{
	color:#FF4B4B;
}

.msgBlock,.msgBlock-inv{
	overflow-y:auto;
	padding-bottom:3px;
	padding-right:5px;
	padding-left:5px;
}

#old-dashboard .msgBlock{
    resize: vertical;
}

.msgBlock-inv{
	font-size:13px;
}

.msg-hide-ts .msg-date{
	display: none!important;
}

.msgBlock-admin{
	height:200px;
	min-height:200px;
    background-color: var(--lhc-msg-body-bg);
}

textarea[name=ChatMessage]{
	min-height:30px;
	overflow:hidden;
	resize: none;
}

.msg-date {
	color: var(--lhc-msg-date-text);
	font-size:11px;
	line-height:11px;
	margin-top:0px;
	padding:3px;
	border-radius:10px;
}

.msg-del-st-0,
.msg-del-st-1,
.msg-del-st-2,
.msg-del-st-3,
.msg-del-st-4
{
    font-size: 13px;
    text-shadow: 0px 0px 2px #FFFFFF;
}

div.message-admin div.msg-body .msg-del-st-1,
div.message-admin div.msg-body .msg-del-st-2,
div.message-admin div.msg-body .msg-del-st-3
{
    color:var(--lhc-msg-body-op-text) !important;
}

.system-response .msg-date{
	margin-top:0;
	top:0px;
    color:var(--lhc-msg-body-sys-date-text);
}

div.system-response {
	color:var(--lhc-msg-body-sys-text);
}

div.system-response div.msg-body,
div.system-response div.msg-body a.link{
    color: var(--lhc-msg-body-sys-text) !important;
}

.usr-tit {
	font-weight:bold;
	font-style: italic;
	color:#007693;
	margin-right:5px;
	padding:2px 0px;
	border-radius: 7px;
	display:block;
	/*margin-top:-27px;*/
	font-size:14px;
}

.sys-tit{
	background-color:var(--lhc-msg-body-sys-tit-bg);
	padding-left:3px;
	padding-right:3px;
	color:var(--lhc-msg-body-sys-tit-text);
	display: inline-block;
}

.op-tit {
	color:var(--lhc-msg-body-op-tit-text);
}

.vis-tit {
	color:var(--lhc-msg-body-vis-tit-text);
}

.bubble-messages .user-nick-title,
.bubble-messages .op-nick-title
{
    display: none;
}

.bubble-messages .op-tit {
    float:left;
    margin-top: 0px;
    padding: 0;
}

.bubble-messages .vis-tit {
    float:right;
    margin-left: 3px!important;
    margin-top: 3px;
}

.bubble-messages .op-tit {
    position: absolute;
}

.bubble-messages .op-tit i.material-icons,
.bubble-messages .vis-tit i.material-icons{
    font-size: 24px;
}

#messages.hide-visitor-profile .vis-tit{
    display: none!important;
}

.profile-msg-pic {
    width: 24px;
}

.bubble-messages div.message-admin div.msg-body,
.bubble-messages div.message-admin div.meta-message{
    margin-left:29px;
}

@media (min-device-width: 1024px) {
    .profile-msg-pic {
        width: 33px;
    }

    .bubble-messages div.message-admin div.msg-body,
    .bubble-messages div.message-admin div.meta-message{
        margin-left:42px;
    }
}


div.message-row {
	padding:0px 0px 0px 0px;
	line-height:140%;
	margin-right:0px;
	margin-left:0px;
	position:relative;
}

div.message-row {
	padding:0px 0px 0px 0px;
	margin-right:0px;
	margin-left:0px;
	position:relative;
	white-space: pre-line;
	line-height:0;
	*white-space: pre;
	*word-wrap: break-word;
}

div.message-row > div,
div.message-row > span,div.message-row > i {
	line-height:140%;
	white-space:normal;
}

.message-row-typing {
	margin:4px 0px;
	animation: blink 1500ms linear infinite;
}

.blink-ani{
    animation: blink 1500ms linear infinite;
}

.long-response-chat{
    background: #ffdadb!important;
    animation: blink-light 2000ms linear infinite;
}

@keyframes blink-light{
    0%{opacity: 0.7;}
    50%{opacity: 1;}
    100%{opacity: 0.7;}
}

@keyframes blink{
	0%{opacity: 0.3;}
	50%{opacity: .9;}
	100%{opacity: 0.3;}
}

.read-operator-message .message-row-profile-shown{
	margin-top:0!important;
	-webkit-border-top-left-radius: 0px!important;
	-moz-border-radius-topleft: 0px!important;
	border-top-left-radius: 0px!important;
	
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-bottom-left-radius: 10px;
}

.message-row.system-response.operator-changes{
	margin-top:0px;
	margin-left:0px;
}

div.message-admin{
	margin-left:0px;
	margin-right:0px;
	text-align:right;
}

div.message-admin div.msg-body{
	margin-right:0px;
	background-color: var(--lhc-msg-body-op-bg);
	padding:6px 9px;
	margin-top:0px;
	color:var(--lhc-msg-body-op-text);
	/*border-top-left-radius:20px;
	border-bottom-left-radius:20px;*/
	border-radius:20px;
	margin-bottom:3px;
	display:inline-block;
	text-align: left;
	max-width:85%;
    position: relative;
}

div.other-operator div.msg-body {
    background-color:var(--lhc-msg-body-op-bg-other);
}

div.message-admin.other-operator div.msg-body {
    color:var(--lhc-msg-body-op-text-other);
}

div.other-operator .op-tit{
    color:var(--lhc-msg-body-op-tit-other-text);
}

div.whisper-msg div.msg-body{
    background-color: #bcbcbc!important;
}

div.whisper-msg span.op-tit{
    color: #bcbcbc!important;
}

div.auto-responder-msg div.msg-body{
    color: var(--lhc-msg-body-op-text-other);
    background-color: var(--lhc-msg-body-op-bg-other);
}

div.auto-responder-msg > div.msg-body::before{
    content: 'hdr_auto';
    z-index:999;
    position: absolute;
    right:-7px;
    top:-3px;
    color:var(--lhc-msg-body-op-text-other);
}

div.message-admin div.msg-body a.link{
	color:var(--lhc-msg-body-op-text);
	text-decoration:underline;
}

div.message-row-typing div.msg-body {
	background-color: #d0d0d0;
	border-radius: 3px;
	display: inline-block;
	color:#000!important;
	border-radius:20px;
}

div.message-row.response div.msg-body{
	background-color: var(--lhc-msg-body-response);
	padding:6px 9px;
	margin-top:0px;
	border-radius:20px;
	margin-bottom:3px;
	display:inline-block;
	text-align: left;
	max-width:90%;
    position: relative;
    color: var(--lhc-msg-body-response-text);
}


div.message-row.response div.msg-body a.link{
    color: var(--lhc-msg-body-response-text);
}

/**
* Switch style for frontend visitors
*/
#messagesBlock div.message-admin{
	text-align:left;
}

#messagesBlock div.response{
	text-align:right;
}

#messagesBlock div.response .vis-tit{
	color:#5078d8;
}

#messagesBlock div.message-admin .op-tit{
	color: #888
}

#messagesBlock div.response div.msg-body{
	background-color: #3267e4;
	color:#FFF;
}

#messagesBlock div.message-admin div.msg-body{
	background-color: #ededed;
	color:#212529;
}

#messagesBlock div.response div.msg-body a.link{
	color:#fff;
	text-decoration:underline;
}

#messagesBlock div.message-admin div.msg-body a.link{
	color:#212529;
	text-decoration:underline;
}

#messagesBlock{
	padding-top: 5px;
}

.msg-body-media,
.msg-body-emoji{
	background:none!important;
}

.msg-body-media img {
	border-radius:10px;
	transition: 1s;
    max-height: 250px!important;
    max-width: 450px!important;
    width: auto;
    height: auto;
}

.msg-body-media {
	position: relative;
}

.msg-body:hover .hidden-download::after{
	display: block;
}

.hidden-download{
	position: absolute;
	right: 20px;
	top: 20px;
    z-index: 99;
}
.hidden-download::after{
	font-family: 'Material Symbols Rounded';
	content:'\e2c0';
	font-size: 25px;
	color: #007bff;
	display: none;
	background: #FFFFFF;
	padding: 5px;
	border-radius: 5px;
}

.audio-download{
    top:0;
    right:0;
}

.audio-download::after{
    font-size: 16px;
}

.msg-body-media:hover > img
{
	filter: contrast(50%);
}
.msg-body-emoji{
	font-size: 32px!important;
	line-height: 80%;
	padding: 0!important;
	padding-bottom: 3px !important;
	line-height: 100%!important;
}

div.message-admin+div.system-response,
div.message-row.response+div.system-response{
	margin-top:5px;
	margin-bottom:5px;
	margin-left:0;
	margin-right:0;
}

div.system-response + div.message-admin{
	margin-top:20px;
}

div.system-response+div.system-response .usr-tit,
div.message-admin+div.message-admin .usr-tit,
div.message-row.response+div.message-row.response .usr-tit{
	width:5px;
	visibility:hidden;
	overflow:hidden;
	height:10px;
	padding:0;
	display:none;
	white-space:no-wrap;
	margin:0;
}

.msgBlock-admin .message-row.response:first-child .usr-tit,
.msgBlock-admin .message-row.message-admin:first-child .usr-tit,
div.message-row.operator-changes .usr-tit{
	width:auto!important;
	visibility:visible!important;
	overflow:inherit!important;
	height:auto!important;
	margin-right:5px!important;
	padding:0px 0px!important;
	/*margin-top:-25px!important;*/
	display:block!important;
}

.message-row.system-response.operator-changes .usr-tit {
	display: inline-block!important;
  	background-color: var(--lhc-msg-body-sys-tit-bg);
  	padding-left: 3px!important;
  	padding-right: 3px!important;
  	color: var(--lhc-msg-body-sys-text) !important;
}

div.message-row-in {
	padding:0px 2px 4px 2px;
}

div.pending-storage {
	padding-left:6px;
	color:#a6a6a6;
	font-style: italic;
}

.status-row h5 {
	margin-top:0;
	margin-bottom:4px;
	padding-bottom:2px;
	border-bottom: 1px solid #CCC;
}

.online-users-table tr td{
    font-size: 12px;
}

.message-block,
#messages{position:relative;}
.message-block{
	font-size: 13px;
}

div.message-admin+div.message-admin .msg-date,
div.message-row.response+div.message-row.response .msg-date,
#messagesBlock .message-row .msg-date{
    display:none;
}

.msg-date-op,
.msg-date-vi{
    display: inline-block;
    background: #f7f7f7;
    border-radius: 6px;
    border: 1px solid white;
    line-height: 9px!important;
    position: relative;
    z-index: 99;
    padding:2px 3px!important;
    color: var(--lhc-msg-date-text) !important;
    font-size: 10px;
}

.msg-date-vi{
    left:0px;
}

.msg-date-op{
    right:0px;
}

div.message-row.message-admin+div.message-row.message-admin .msg-date-op{
    display: block;
    position: absolute;
    margin-top:-9px;
    right:48%;
}

div.message-row.response+div.message-row.response .msg-date-vi{
    display: block;
    position: absolute;
    margin-top:-9px;
    left:48.5%;
}

div.message-row.operator-changes .msg-date-op{
    position: relative!important;
    display: inline-block!important;
    margin: 0!important;
}

div.message-row.response div.msg-body{
    border-top-left-radius: 0;

}

div.message-row.message-admin div.msg-body{
    border-top-right-radius: 0;
}

.last-user-msg{
	position:absolute;
	margin-top:-18px;
	font-size:11px;
}

.last-user-msg .material-icons{
	font-size:11px;
	margin-top:-2px;
}

.blockquote {
	font-size:12px;
	background: #f7f7f7;
	border-radius:5px;
	font-style: italic;
	margin:4px;
	color:#000;
    border:1px solid #c3c3c3;
	padding:10px 10px 10px 20px;
    scrollbar-width: thin;
}

.blockquote:before {
	content: '"';
	font-size: 30px;
	margin-left: -15px;
	color: grey;
}

code {
    background: #f7f7f7;
    padding:3px;
    border-radius: 5px;
    color:#000;
    border:1px solid #c3c3c3
}

.blockquote-code > code{
    padding: 0px;
    margin: 0px;
    color:#000;
    border:0;
    background:none;
}

.blockquote-code{
    padding: 5px;
    padding-top:0;
}

.blockquote-code:before{
    content:'';
    margin-left:0;
}

.btn-block-department label{
	font-size:13px;
	padding:3px 2px 2px 3px;
	display:block;
	margin:0;
}

.btn-block-department .dropdown-menu{
    min-width: 15rem;
}

.btn-block-department label:hover{
	background-color:#ececec;
}

div.message-row.response+div.message-row.response:hover .msg-date,
.message-block .message-row:hover .msg-date{
	/*display:inherit;*/
}

#messages {
	font-size: 13px;
}

#messages.fullheight {
	display: table;
	width: 100%;
}

#messages.fullheight #messagesBlockWrap {
	border: 1px solid rgb(204, 204, 204);
	resize: vertical;
	background-color: rgb(255, 255, 255);
	display: table-cell;
	vertical-align: bottom;
}

#messages.fullheight #messagesBlock {
	border: none;
	resize: none;
	background-color: transparent;
	height: auto;
	max-height: 120px;
}

.start-chat-intro{
	font-weight:bold;
	margin-bottom:10px;
	font-size:15px;
}

.user-is-typing,
#id-operator-typing {
	visibility:hidden;
    font-weight:bold;
	line-height:140%;
	min-height:14px;   
    font-size:11px;
    text-overflow: ellipsis;
    overflow:hidden;
    text-align:right;
}

.admin-chat-mic, .admin-chat-mic > .form-send-textarea {
	background:url(../images/icons/mic.gif) no-repeat center center;
}

.dropdown-toggle-widget,
.dropdown-toggle-widget:hover,
.send-icons-action,
.send-icons-action:hover{
	color: #FFF;
	background-color: #969696;
	padding: 7px;
	border-radius: 16px;
	font-size: 12px;
	display: inline-block;
	margin-right: 2px;
	opacity: 0.5;
}

.dropdown-toggle-widget:hover,
.send-icons-action:hover{
	opacity: 0.9;
}

.dropdown-toggle-widget i,
.send-icons-action i{
	margin: 1px 2px 1px 1px;
	font-size: 16px;
}

.send-icons-action i{
	margin-left:2px;
	margin-right:0px;
	font-size: 15px;
}

ul.user-settings-list {
	margin-bottom:0;
	margin-left:0;
}

ul.user-settings-list li{
	margin-left:0px;
	position:relative;
	z-index:98;
}

.page-url {
	overflow:hidden;
	position:relative;
	height:20px;;
	margin-top:0px;
}

.page-url span{
	position: absolute;
	left: 0;
}

.page-url:hover {
	position:absolute;
	overflow:visible;
	z-index:9999;
}

.page-url:hover span {
	position:relative;
	border-radius:3px;
	border:1px solid #CCC;
	background-color:#FFF;
	padding:2px;
	-webkit-box-shadow: 3px 3px 12px rgba(50, 50, 50, 0.75);
	-moz-box-shadow:    3px 3px 12px rgba(50, 50, 50, 0.75);
	box-shadow:         3px 3px 12px rgba(50, 50, 50, 0.75);
	font-weight:bold;
}

.overflow-x-scrollbar,
.foot-print-content{
	overflow-x:auto;
	overflow-y:auto;
}

.foot-print-content li {
	font-size: 12px;
	white-space:nowrap;
	padding-bottom: 2px;
}

.msg-nm {
	font-weight:bold;
	color: #c60f13;
}

#ChatMessageContainer{
	position:relative;
}

.collapse-right,
.collapse-right:focus,
.collapse-right:visited,
.collapse-right:hover{
	position:absolute;
	right:0px;
	margin-top: -19px;
  	margin-right: 5px;
	color:#6c757d;
	text-decoration:none;
	font-size:24px;
}

.icon-close-chat{
	position: absolute;
    top: 4px;
	display: inline !important;
	width: auto !important;
	right: 2px;
	padding: 0 !important;
	color:#CCC !important;
	font-size: 14px !important;
    cursor: pointer;
    z-index:2;
}

.send-status-icon{
	position: absolute;
	margin-left: 2px;
	display: inline !important;
	width: auto !important;
	left: 0;
	margin-top: -6px;
	padding: 0 !important;
	font-size: 12px !important;
}

.icon-close-chat:hover{
	color:red !important;
}

.file-uploader {
	position:relative;
	cursor: pointer;
	overflow:hidden;
}

.file-uploader input {
	position: absolute;
	top: 0px;
	right: 0;
	left:15px;
	margin: 0;
	opacity: 0;
	-ms-filter: 'alpha(opacity=0)';
	font-size: 200px;
	width:20px;
	direction: ltr;
	cursor: pointer;
}

.drop-zone{
	border:1px solid #2ba6cb;
	min-height:50px;
}

.drop-title{
	font-size:16px;
	color:#CCC;
	font-weight:bold;
	text-align: center;
	padding:20px;
}

.chat-pending{color:#99AC11;}
.chat-active{color:#5da423;}
.chat-unread{color:#c60f13;}
.chat-closed{color:#BB474A;}

.operator-info{
	background-color:#FFF;
	border:1px solid #D3D3D3;
	padding:5px;
	position: relative;
	z-index: 1;
	font-size: 12px;
	border-radius:6px;
}

.round-profile{
	border:1px solid #D3D3D3;
	border-radius:6px;
}

.operator-info img{
	border:1px solid #e7e7e7;
	border-radius:6px;
	max-width:50px;
}

.operator-info .icon-thumbs-down,
.operator-info .icon-thumbs-up{
	color:#CCC;
	cursor:pointer;
	font-size:16px;
}

.operator-info .down-voted,
.down-voted{
	color:#c60f13;
}

.operator-info .up-voted,
.up-voted{
	color:#5da423;
}

.icon-assistant{
	font-size:50px;
	color:#949494;
	padding-top:5px;
}

.icon-skype{
	font-size:14px;
	color:#77C4DB;
}

.screnshot-container {
	display:inline-block;
	max-width:100%;	
}

.screenshot-pending{
	background:url(../images/general/loading.gif) no-repeat center center;
	min-height:150px;
}

.online_user {
	background-color:#E4FFE0 !important;
	transition: background-color 1000ms linear;	
}

.edit-mode, .edit-mode > .form-send-textarea,
.recent_visit {
	background-color:#E0F3FF !important;
	transition: background-color 1000ms linear;	
}

.f-dropdown-lang li {
	float:left;
	width:50%;
	padding-left: 15px;
}

.back-logo > img{
	height:30px;
}

input[type="file"]{
	font-size:12px;
}
.f-dropdown-lang li a{text-overflow: ellipsis;overflow:hidden;font-size:11px;}
.f-dropdown-lang:before {left:auto;right:10px;}
.f-dropdown-lang:after {left:auto;right:9px;}

.borderless tbody tr td, .borderless tbody tr th, .borderless thead tr th {
    border: none;
}

.pr10{
	padding-right:10px;
}

.panel-list{
	max-height:330px;
	overflow-y:auto;
}

.abbr-list{
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow:hidden; 
	table-layout:fixed;
}

.online-users-table .abbr-list a{
	position: absolute;
    display: inline-block;
    max-width: 100%;
    overflow: hidden;
}

.abbr-list-general{
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow:hidden;
	table-layout:fixed;
	height:25px;
	font-size:12px;
	padding:3px;
	border:1px solid #fff;
	display:block;
}

.abbr-list-general:hover{
	/*position:absolute;*/
	height:auto;
	background-color: #fbfbfb;
	border:1px solid #ccc;
	border-radius:5px;
	padding:3px 3px 3px 3px;
}


.table-fixed {
	table-layout:fixed;
}

.table-sm{
    font-size:14px;
}

.table-small{
	font-size:12px;
}

.btn-block-department,
.btn-block-department .dropdown-toggle{
	width:100%;
	text-align:left;
	text-overflow: ellipsis;	
}
.btn-block-department .dropdown-toggle{
	overflow:hidden;
}

.navbar-toggle-visible{
	display:block;
	float:none;
}

#wrapper {
	display: flex;
	width: 100%;
	align-items: stretch;
}

#sidebar-wrapper {
	min-width: 220px;
	max-width: 220px;
	transition: all 0.3s;
	border-right:1px solid var(--lhc-sidebar-wrapper-br);
}

#wrapper.toggled #sidebar-wrapper {
	margin-left: -220px;
}

@media (max-width: 768px) {
	#sidebar-wrapper {
		margin-left: -220px;
	}
	#wrapper.toggled #sidebar-wrapper {
		margin-left: 0;
	}
}


#path-container {
    margin-top:0px;
    margin-right:-7px;
    margin-left:-7px;
    margin-bottom:7px;
}

#page-content-wrapper {
	width: 100%;
	position: relative;
	padding: 15px;
	z-index:2;
	background-color:var(--lhc-page-content-wrapper-bg);
}

.nav-pills .nav-link{
	position:relative;
    background: var(--lhc-tab-link-bg);
}

.nav-pills>li>a {
	border: 1px solid #F4F4F4;
	margin-bottom: 5px;
	margin-right: 3px;
}

.nav-pills>li>a:hover{
	background-color: #f3f3f3;
}

.sidebar ul li {
    border-bottom: 1px solid var(--lhc-sidebar-li-border-bottom);
	flex:100%;
}

.sidebar ul li a{
	padding:8px 10px;
}

.sidebar ul li a.active {
    background-color: #eee;
}

.sidebar .arrow {
    float: right;
    font-size:24px;
    margin-right:0;
}

.sidebar li.active > a {
    background-color: var(--lhc-sidebar-li-active-link-bg);
}

.sidebar .nav-second-level li,
.sidebar .nav-third-level li {
    border-bottom: 0!important;
}

.sidebar .nav-second-level li a {
    padding-left: 25px;
}

.sidebar .nav-third-level li a {
    padding-left: 43px;
    font-size:13px;
}

.sidebar .nav-fourth-level li a {
    padding-left: 59px;
    font-size:12px;
}

.sortable-column-dashboard .card-header {
	cursor:move;
}

.dashboard-configuration{		
  position: absolute;
  right: 23px;
  z-index: 999;
  margin-top: -30px;
}

.dashboard-configuration .material-icons {
	font-size:18px;
}

.exp-cntr:hover{
	background-color:#C1E5F7;
}

.exp-cntr{
  color: #31708f;
  background-color: #F3F7F9;
  border-radius:2px;
  border:1px solid #d9edf7;
  margin-right:0px;
  width: 26px;
}

.btn-block-department .dropdown-menu {
    /*max-height:300px;
    overflow-y:auto;*/
	padding:0;
}

.form-control{
	padding-left:.375rem;
}

.form-control-warning:focus {
	border-color: rgba(240, 173, 78, 0.8);
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(240, 173, 78, 0.6);
	outline: 0 none;
}

.border-secondary-control{
    border:1px solid #ced4da;
}

.canned-suggester{
	position:absolute;
	background-color:#f5f5f5;
	bottom:58px;
	border:1px solid #ddd;
	font-size:12px;
    z-index:999;
    width: 100%;
}

.current-hash-content{
    max-height: 370px;
    overflow: auto;
    scroll-behavior: smooth;
}

.canned-msg-preview{
	clear: both;
	padding: 2px 5px 1px;
	background-color: #fff;
	border-bottom: 1px solid #ddd;
    min-height: 66px;
    max-height: 200px;
    overflow: auto;
}

.canned-msg-preview img{
    max-height: 80px;
}

.hover-canned:hover{
    font-weight: bold;
    font-style: italic;
}

.current-hash-content ul{
	margin-bottom:0;
}

.canned-list {
	margin-bottom:0;
}

.canned-list a{
	display:block;
	padding:2px 5px;
}

.current-hash-content ul li span{
	padding:2px 5px;
	cursor:pointer;
}

.dropdown-lhc label{
	white-space:nowrap;
	text-overflow: ellipsis;
    overflow:hidden;
    font-size:13px;
}

.canned-list li.current-item a,
.current-hash-content li.current-item,
.canned-list a:hover{background-color:#cecece;}
.canned-list > li{position:relative;}
.canned-list > li > ul {display: none;}

.message-container-admin{
	position:relative;
}

.load-prev-btn:hover,
.load-prev-btn{
    position:absolute;
    text-align: center;
    margin-left:-1px;
    font-weight:bold;
    user-select: none;
    right:0;
    z-index:999;
    margin-top:5px;
    color: #6c757d!important;
}

.quick-replies{
	margin-top:5px;
	margin-bottom: 5px;
	margin-left:0px;
}

.quick-replies > li {
	padding-left:0;
	padding-bottom: 3px;
}

.pending-storage-bot{
	padding-top:12px!important;
	padding-bottom:12px!important;
}

.bot-btn-list {
	max-width: 250px;
	border-radius: 8px;
	border: 1px solid #eee;
	width: 100%;
	background-color: #FFF;
	margin: 0;
	padding: 0;
	margin-top: 5px;
	margin-bottom: 5px;
}

.bot-btn-list > li {
	background: none;
	border: none;
	width: 100%;
	border-bottom: 1px solid #eee;
	font-size: 14px;
	font-weight: 600;
	display:inline-block;
	list-style-type: none;
}

.bot-btn-list li:last-child {
	border-bottom: none;
}

.bot-btn-list > li a{
	display:block;
	padding: 6px 0;
	text-align: center;
}
.bot-btn-list > li a:hover{
	background: none;
	border: 0;
}

/**
* List style
*/

.msgBlock-group-admin div.other-operator{
    text-align: left;
}

.list-group .button-item {
	padding:0;
}

.list-group .button-item a{
	display:block;
	padding: 10px 0;
	text-align: center;
	font-size: 14px;
	font-weight: 600;
}

.mw-100{
    max-width: 100%!important;
}

.list-group {
	border-radius: 10px;
	border: 1px solid #ccc;
	background-color: #fff;
	overflow: hidden;
	max-width: 370px;
}

.list-group-element:first-child:not(.compact) {
	padding: 0;
	border: none;
	position: relative;
	border-radius: 10px 10px 0 0;
}

.list-group-element {
	display: block;
	overflow: hidden;
	padding: 20px;
	border-bottom: 1px solid #ccc;
}

.generic-bubble-item h4 a,
.list-group-element h4 a{
	color: #333;
}

.list-group-element:first-child:not(.compact) .element-description-row {
	position: absolute;
	top: 35%;
	left: 20px;
	z-index: 9;
	color: #fff;
	width: 100%;
}

.list-group-element h4 {
	margin: 5px 0;
}

.list-group-element:last-child{
	border-bottom: 0;
}

.element-background {
	height: 180px;
	background-size: cover;
}

/**
* List generic carousel
*/
.generic-carousel{
	display: flex;
	flex-wrap: nowrap;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
	margin-bottom:10px;
	padding-bottom: 10px;
}

.generic-bubble-item  {
	flex: 0 0 auto;
	width: 220px;
}

.generic-bubble-content{
	margin: 0 20px 0 0;
	border: 1px solid #eee;
	padding: 10px;
}

.generic-carousel {
	width: 100%;
	-webkit-overflow-scrolling: touch;
	-webkit-overflow-scrolling: touch;
}

.btn-bot:focus,.btn-bot:active:focus,.btn-bot.active:focus,
.btn-bot.focus,.btn-bot:active.focus,.btn-bot.active.focus {
	outline: none;
}

#chat-progress-status{
	position:absolute;
	bottom: 1px;
	right: 20px;
	border:1px solid #e9e9e9;
	border-bottom-width: 0px;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
	padding-top:3px;
	padding-left:5px;
	padding-right:5px;
	color: #636363;
	background-color: #fff;
	font-weight: bold;
	font-style: italic;
}

.version-updated{
	line-height:42px;
	color: #BB474A;
}

.version-updated .material-icons{
	font-size:24px;
	color:#BB474A;
}

.adjust-size{
	display:none;
	position:absolute;
	text-align: center;
	border-top:0;
	border-right:0;
	border-left:0;
	margin-left:-1px;
	background-color: rgba(196, 203, 209, 0.57);
	color:#FFF;
	font-weight:bold;
	user-select: none;
	right:10px;
	bottom:0;
	-webkit-border-top-left-radius: 10px;
	-moz-border-radius-topleft: 10px;
	border-top-left-radius: 10px;
	padding:1px 5px 2px 5px;
	border:1px solid #ccc;
	border-bottom:0;
	border-right:0;
}

.message-block:hover .adjust-size {
	display:block;
}

.lhc-spin {
	-webkit-animation: lhc-spin 2s infinite linear;
	animation: lhc-spin 2s infinite linear;
}

.btn-block-department-filter{
	padding: 4px 4px 4px 4px;
	border-bottom: 1px solid #CCC;
}

.btn-block-department-filter input{
	padding: 2px 4px;
	height: auto;
}

.fs25{
    font-size: 25px;
}

.spinner-pulsating {
    animation: pulse 1s infinite;
}

@keyframes pulse {
    0% {
        opacity:0;
    }

    50% {
        opacity:1;
    }

    100% {
        opacity:0;
    }
}



@keyframes lhc-spin {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	100% {
		-webkit-transform: rotate(359deg);
		transform: rotate(359deg);
	}
}

.color-item:hover{
    -moz-box-shadow: 0 0 4px #454545;
    -webkit-box-shadow: 0 0 4px #454545;
    box-shadow: 0 0 4px #454545;
}

.color-item{
    width: 20px;height: 20px;
    cursor: pointer;
}

.survey-star-item svg{
    opacity: 0.5;
    color:#0575a2;
    cursor: pointer;
}

.survey-stars-row .survey-selected-item svg, .survey-stars-row .hover svg {
    transform: scale(1.3);
    opacity: 1;
}


.survey-star-item:focus-visible svg{
    color: green;
    opacity: 1;
}


.mx170{
    max-height:170px;
    overflow:auto;
}

.mx550{
    max-height:550px;
    overflow:auto;
}

.mx300{
    max-height:300px;
    overflow:auto;
}

.mx275{
    max-height:275px;
    overflow:auto;
}

.mh275{
    min-height:275px;
    overflow:auto;
}

.mail-message-body body{
    font-size:13px!important;
}

.mail-message-body {
    overflow-x: auto;
}

.mail-message-body img{
    /*max-width: 100%;*/
}

.mail-message-body p{
    margin-bottom: 10px;
}

.mail-message-body blockquote{
    margin: 0px 0px 0px 0.8ex;
    border-left-width: 1px;
    border-left-style: solid;
    padding-left: 1ex;
    border-left-color: rgb(204,204,204);
}

.mail-message-body div[class^='_signature'], .mail-message-body div[class*='_signature'] {
    color: #888888!important;
    font-size: 13px;
}

.form-send-textarea[readonly] {
    background-color: #FFF;
}

a:not([href]):not([class]),
a:not([href]){
    color: #1d548e;
}

#admin-body #myModal {
   position: relative;
    height: 0;
}

#admin-body .modal-dialog {
    position: fixed;
    width: 100%;
    max-height: 100%;
    margin: 0;
}

#admin-body .modal-content{
    box-shadow: 0px 0px 14px -6px rgba(0,0,0,0.75);
}

#admin-body.modal-open{
    overflow:auto;
}

#admin-body .modal-header{
    cursor: move;
    cursor: grab;
    cursor: -moz-grab;
    cursor: -webkit-grab;
}

#admin-body .modal-header:active {
    cursor: grabbing;
    cursor: -moz-grabbing;
    cursor: -webkit-grabbing;
}

/* new dashboard options */
.chats-column {
    flex: 0 0 30%;
    max-width: 350px;
    overflow: visible !important;
}

.view-chat-column{
    flex: 0 0 20%;
}

.dashboard-height #middle-column-page > div > .row > #view-content.col {
    width: 80%;
}

html {
    height: 100%;
}

.dashboard-height{
    display: flex;
    flex-direction: column;
}

.dashboard-height #right-column-page{
    position: absolute;
    right: 0;
    top: 4px;
}

.dashboard-height #page-content-wrapper > .row,
.dashboard-height #page-content-wrapper,
.dashboard-height #wrapper,
.dashboard-height #middle-column-page
{
    height: 100%;
}


.dashboard-height #tabs{
    padding-top:15px;
    display: flex!important;
    flex-grow: 1!important;
    flex-direction: column!important;
}

.dashboard-height #tabs > .tab-content{
    display: flex!important;
    flex-grow: 1!important;
}

.dashboard-height #tabs > .tab-content:not(.tabs-column):not(.chat-tab-selected) {
    flex-direction: column!important;
}

.dashboard-height  #tabs > .tab-content > .tab-pane.active{
    flex-grow: 1!important;
    display: flex!important;
    flex-direction: column!important;
}

.dashboard-height  #tabs > .tab-content > .tab-pane.active > .row{
    flex-grow: 1!important;
    display: flex!important;
    height: 100%;
}

.dashboard-height .chat-main-left-column{
    display: flex;
    flex-grow: 1!important;
    flex-direction: column!important;
}

.dashboard-height .chat-main-left-column .message-block{
    flex-grow: 1!important;
    display: flex!important;
    flex-direction: column!important;
    position: relative;
    min-height:40px!important;
}

.dashboard-height .group-chat-private .msgBlock-group-admin,
.dashboard-height .chat-main-left-column .msgBlock-admin{
    height:auto!important;
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    overflow-y: auto;
    max-height: 100%;
    min-height:auto!important;
}

.dashboard-height .group-chat-private > .col-7{
    display: flex;
    flex-direction: column!important;
}

.dashboard-height .group-chat-private .message-block{
    flex-grow: 1!important;
    display: flex!important;
    flex-direction: column!important;
}

.dashboard-height #middle-column-page{
    padding:0!important;
}

.dashboard-height #middle-column-page.middle-column-chat-tabs{
    padding:0!important;
    padding-left: 7px!important;
}

.dashboard-height #middle-column-page.middle-column-chat-tabs #tabs{
    padding-top:5px;
}


.dashboard-height #page-content-wrapper{
    padding-top:0px;
    padding-bottom:0px;
}

.dashboard-height #page-content-wrapper > .row{

}

.dashboard-height #middle-column-page > div{
    display: flex!important;
    flex-grow: 1!important;
    flex-direction: column;
    height: 100%;
}

.dashboard-height #middle-column-page > div > .row{
    display: flex!important;
    flex-grow: 1!important;
    height: 100%;
 }


.dashboard-height #middle-column-page > div > .row > .col{
    display: flex!important;
    flex-grow: 1!important;
    height: 100%;
}

.dashboard-panels .card-header .title-card-header{
    font-size: 14px;
}

.sub-tabs-content .expand-actions,
.dashboard-panels .expand-actions{
    display: none;
}

.card-header{
    --bs-card-cap-padding-y: 0.5rem;
    --bs-card-cap-padding-x: 1rem;
}

.dashboard-panels .card-header{
    background-color: var(--lhc-dashboard-card-header-bg);
    border-bottom:1px solid rgba(0,0,0,.125);
    border-top: 0;
}

.list-chat-table > tbody > tr:hover{
    cursor: pointer;
}

.table-small > thead > tr > th {
    border-top:0;
}

.chat-tab-active {
    background-color: #ececec;
}

.chat-tabs-row:not(.chat-tab-active):hover,
.list-chat-table > tbody > tr:hover > td{
    background-color: #f5f5f5 !important;
}

.dashboard-panels > .panel-lhc{
    position: absolute;
    top: 0;
    bottom: 0;
    overflow: auto;
    width: 100%;
}

::-webkit-scrollbar{width:0.4em;height:0.8em;background-color: transparent;cursor: pointer}
::-webkit-scrollbar:hover{background-color:transparent;}
::-webkit-scrollbar-thumb{min-height:0.8em;min-width:1em;background-color:#ddd;}
::-webkit-scrollbar-thumb:hover{background-color:#bbb}
::-webkit-scrollbar-thumb:active{background-color:#888}

.canned-message-holder{
    min-height:32px
}

.chat-main-right-column{
    position:relative;
}

.dashboard-height .chat-main-right-column > div{
    position: absolute;
    top: 0;
    width:100%;
    right: 0;
    left: 0;
    overflow-y: auto;
    overflow-x: hidden;
    max-height: 100%;
    padding:0px 3px;
}

.new-msg{
    padding: 0px 5px;
    font-weight: bold;
}

.new-msg-holder{
    position: absolute;
    right: 0;
    left: 0;
    top: -20px;
    border-color: var(--lhc-new-msg-border) !important;
}

.new-msg-holder > span.new-msg{
    background-color: var(--lhc-new-msg-border) !important;
}

#sidebar-wrapper a:hover,
.top-menu-bar-lhc a:hover{
    color: var(--lhc-main-menu-link-hover);
}

#sidebar-wrapper a,
.top-menu-bar-lhc a{
    color: var(--lhc-main-menu-link);
}

.nav-underline a.nav-link{
    color: var(--lhc-nav-underline-nav-link);
}

.nav-underline a.nav-link.active{
    border-bottom: 3px solid var(--lhc-nav-underline-nav-link-active-border);
}

.nav-small a.nav-link{
    padding: 0.4rem 0.5rem;
}

.btn-bottom-scroll {
    bottom:5px;
    text-align: center;
    width: 90%;
    margin-left: 5%;
    z-index:99;
}

.btn-bottom-scroll > button{
    border-radius:15px;
    padding: 3px 10px;
    opacity: 0.85;
}

.system-warning{
    color: #dc3545;
}

.default-list > br{
    display: none;
}

.default-list{
    margin:0;
    padding:0 0 0 22px;
}

.filter-online-active .online-user-filter-row:not(.online_user){
    display: none;
}

.list-links a:visited{
    color: #818182;
}

.bg-current {
    background-color: #ffc107 !important
}

.chat-tab-content.icon-user-status.material-icons:before{
    content: "\e648"!important;
}

.chat-tab-content.icon-user-status.icon-user-online.material-icons:before{
    content: "\e63e"!important;
}

.reactions-holder {
    color:#fff;
    position: absolute;
    z-index:99;
    text-decoration: none;
    border-radius:20px;
    padding: 0px 5px 5px;
    border:1px solid #fff;
    background: #3267e4;
    user-select: none;
}

.reactions-holder-admin {
    right:-55px;
    margin-top: -5px;
    background: #EAEAEAFF;
    display:none;
}

.reactions-holder-admin-info,
.reactions-holder-visitor{
    position: absolute;
    margin:2px 0px 0px 0px;
    border-radius: 0;
    border:0px;
    z-index:1;
    right: 0;
    white-space: nowrap;
}

.reactions-holder-admin-info{
    left: 0;
    right: auto;
    display: block;
    bottom:-10px;
    white-space: nowrap;
}

.reactions-holder-visitor:hover{
    z-index:999;
}

.reactions-selected-info span {
    box-shadow: 0 0 6px #ababab;
    border-radius: 8px;
    font-size: 12px;
    background-color: #f9f7f7;
}

.reactions-toolbar {
    display: none;
    position: absolute;
    margin-top: -33px;
    background: white;
    border-radius: 19px;
    padding: 4px 8px;
    box-shadow: 0 0 7px grey;
    z-index: 2;
    white-space: nowrap;
    transform: translate(50px,0px) translate(-45%,0%);
}

.reaction-item {
    opacity: 0.4;
}

.reaction-item.material-icons {
    color: #000;
}

.reaction-item.reaction-selected,
.reaction-item:hover,
.reaction-selected{
    opacity: 1;
}

.reactions-holder-plus {
    bottom: 0;
    margin-left: auto;
    right: -30px;
    background: none;
    border: 0;
    font-size: 18px;
    top: 5px;
    cursor: pointer;
}

.reactions-holder-plus-icon {
    filter: grayscale(1);
    opacity: 0.2;
    user-select: none;
}


.message-row.response:hover .reactions-holder-admin.reactions-selected,
.message-row.response:hover .reactions-holder-admin {
    display:inline-block;
}

.message-row.response .reaction-item.reaction-selected {
    color: #3267e4;
}

/*.reactions-selected .reaction-item:not(.reaction-selected) {
    display: none;
}*/

.message-row.response:hover .reaction-item,
.reactions-holder.d-block .reaction-item,
.reactions-selected:hover .reaction-item,
.reactions-selected {
    display: inline-block;
}

@keyframes blinker { to { opacity: 50%; } }
.msg-updated .msg-body {
    animation: blinker 1s ease-in-out 2 alternate;
}

/*Tabs column interface*/
.chat-tab-selected > .tabs-column{
    display: flex!important;
}

.chat-tab-selected > .tabs-column .chat-main-left-column{
    width: 100% !important;
    flex: 0 0 100%!important;
    max-width: 100%!important;
}

.chat-tab-selected > .tabs-column .chat-main-right-column{
    position: absolute;
    flex: 0 0 100%;
    left: 0px;
    max-width: 100%;
    z-index: 9999;
    height: 100%;
    right: 7px;
}

.chat-tab-selected > .tabs-column > .tab-pane.chat-tab-pane > .row,
.tab-pane.chat-tab-pane > .row > div
{
    position: relative;
}

.chat-tab-selected > .tabs-column > .tab-pane.chat-tab-pane{
    display: flex;
    flex-grow: 1;
    flex-shrink: 1;
    flex-basis: 0;
    padding-right: 5px;
    padding-left: 13px;
    margin-right: 7px;
    box-shadow: 0 11px 3px 2px rgb(0 0 0 / 5%);
    max-width: 1024px;
}

.chat-tab-selected > .tabs-column > .tab-pane.chat-tab-pane:first-child{
    padding-left:0px;
}

.tabs-column > .tab-pane.chat-tab-pane > .row{
    flex-grow: 1;
    min-width: 400px;
}

.dropdown-result{
    max-height: 255px;
    overflow: auto;
    max-width: 300px;
}

.mode-write-chat.mode-chosen{
    display: none;
}

.opacity-50 {
     opacity: 50%;
}

.border-right {
    border-right: 1px solid var(--lhc-sidebar-wrapper-br)!important;
}

.previous-mails-row{
    display: flex;
    height: 40px;
    align-items: center;
    position: relative;
    margin-bottom: 10px;
    cursor: pointer;
}

.previous-mails-row::after{
    border-top: 1px solid rgba(100,121,143,0.122);
    border-bottom: 1px solid rgba(100,121,143,0.122);
    content: "";
    height: 4px;
    width: 100%;
}

.previous-number{
    font-size: .75rem;
    letter-spacing: normal;
    align-items: center;
    border-radius: 20px;
    box-shadow: inset 0 0 0 1px #dadce0;
    color: #5f6368;
    display: flex;
    height: 40px;
    justify-content: center;
    left: 0px;
    padding: 0;
    position: absolute;
    top: 0;
    width: 40px;
    background: white;
}

.mail-watcher{
    animation: myAnim 1s ease 0s 1 normal forwards;
    display: inline-block;
}

@keyframes myAnim {
    0% {
        opacity: 0;
        transform: translateX(50px);
    }

    100% {
        opacity: 1;
        transform: translateX(0);
    }
}

#full-online-visitors .panel-list{
    max-height: inherit!important;
}

.subject-custom .color {
     display: inline-block;
     width: 14px;
     height: 14px;
     margin-top: -1px;
     margin-right: 2px;
     vertical-align: middle;
     border-radius: 7px;
 }

.hide-suggester > suggester{
    display: none;
}

.form-send-textarea[placeholder]:empty:before {
    content: attr(placeholder);
    color: var(--bs-secondary-color);
}

.dropdown-item-no-highlight:focus, .dropdown-item-no-highlight:hover {
    background-color: transparent !important;
    color: inherit !important;
    text-decoration: none !important;
}


.nav-tabs-bold .nav-link.active {
    background: linear-gradient(to bottom, var(--lhc-gradient-tab-start), var(--lhc-gradient-tab-end));
}

.wider-tooltip .tooltip-inner {
    max-width: 650px;
    text-align: left;
}

.blink-tab-item{animation: animate 1s linear 1}
@keyframes animate {
    0% {box-shadow: 0 0 0 0 rgba(255, 109, 74, 0.7), 0 0 0 0 rgba(255, 109, 74, 0.7)}
    100% {box-shadow: 0 0 0 20px rgba(255, 109, 74, 0), 0 0 0 0 rgba(255, 109, 74, 0.7)}
}

.pt-1p5{
    padding-top: .375rem!important;
}

.protected-image {
    cursor: pointer;
    opacity: 0.8;
    transition: opacity 0.3s ease;
}

.protected-image:hover {
    opacity: 1;
}

.clickable-reveal::after {
    position: absolute;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: #979797;
    color: white;
    padding: 5px 10px;
    border-radius: 5px;
    white-space: nowrap;
    z-index: 1;
    content: attr(aria-label);
    top: 80%;
    font-size: 14px;
    font-weight: bolder;
}

.clickable-reveal::before{
    content: attr(aria-label-title);
    top: 15%;
    font-size: 28px;
    font-weight: bolder;
    position: absolute;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #232529;
    padding: 5px 10px;
    border-radius: 3px;
    white-space: nowrap;
    z-index: 1;
}


lhc-image{
    min-height: 40px;
    display: inline-block;
}