body {
    background-color: transparent!important;
}

:root {
    --lhc-message-border-radius: 20px;
    --lhc-message-op-background: #ededed;
    --lhc-message-vi-background: #3267e4;
    --lhc-message-padding: 6px 9px;
    --bs-code-color: #CECECE;
}

a {
    text-decoration: none;
}

@font-face {
    font-family: 'MaterialIconsLHC';
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/MaterialIcons-lhc-v6.eot'); /* For IE6-8 */
    src: local('MaterialIconsLHC'),
    local('MaterialIconsLHC'),
    url('../fonts/MaterialIcons-lhc-v6.woff2') format('woff2'),
    url('../fonts/MaterialIcons-lhc-v6.woff') format('woff'),
    url('../fonts/MaterialIcons-lhc-v6.ttf') format('truetype');
    font-display: swap;
}

.quick-replies{
    margin:0.5rem 0;
}

.quick-replies > li {
    padding-bottom: 0.5rem;
}

div.message-row {
    overflow-wrap: break-word;
}

.material-icons {
    font-family: 'MaterialIconsLHC';
    font-weight: normal;
    font-style: normal;
    font-size: 18px;  /* Preferred icon size */
    display: inline-block;
    line-height: 0.89;
    text-transform: none;
    letter-spacing: normal;
    word-wrap: normal;
    width: 1em;
    /* Support for all WebKit browsers. */
    -webkit-font-smoothing: antialiased;
    /* Support for Safari and Chrome. */
    text-rendering: optimizeLegibility;

    /* Support for Firefox. */
    -moz-osx-font-smoothing: grayscale;

    /* Support for IE. */
    font-feature-settings: 'liga';
    vertical-align: middle;
    margin-right:5px;
    overflow:hidden;
}

.iframe-modal{
    overflow-y:scroll !important;
    overflow-x:hidden !important;
    overflow:hidden;
    height:100%;
    width:100%;
}

.modal-backdrop{
    border-radius: 10px;
}

::-webkit-scrollbar{width:0.5em;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;border-radius: 10px}
::-webkit-scrollbar-thumb:hover{background-color:#bbb}
::-webkit-scrollbar-thumb:active{background-color:#888}

.lhc-dropdown-menu{
    min-width: auto;
}

.lhc-dropdown-menu a{
    cursor: pointer;
}

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

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

.reset-container-margins{
    margin-left: -12px;
    margin-right: -12px;
}

.form-group{
    padding-bottom: 5px;
}

.bottom-message{
    position: absolute;
    bottom: 0px;
    right: 0;
    left: 0;
    overflow-y: auto;
    max-height: 100%;
    scrollbar-color: #888 transparent;
    scrollbar-width: thin;
}

.header-chat {
    background-color: #ededed;
    user-select: none;
    padding: 3px 0px;
}

.dropdown-menu-header a.dropdown-item{
    padding-left:0.5rem;
}

.header-link:hover,
.header-link{
    color:#343a40;
    text-decoration: none;
}

.header-link .material-icons
{
    font-size: 32px;
    color:#343a40;
}

.header-burger-link{
    font-size: 14px;
}

.header-burger-link .material-icons{
    font-size: 24px;
}

.action-image,
.header-link-item,
.header-link{
    cursor: pointer;
}

.header-link:hover .material-icons,.header-link[aria-expanded="true"] .material-icons{
    color:#000;
}

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

.overflow-scroll{
    overflow-y: auto!important;
    overflow-x: auto!important;
}

.desktop-body{
    border: 1px solid #cecece;
    border-top: 0;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    background-color: #fff;
}

.lhc-full-height > .desktop-body{
    border-radius: 0;
    border-bottom: 0;
}

.lhc-desktop:not(.lhc-full-height) > .desktop-header{
    border: 1px solid #cecece;
    border-bottom: 0;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

.mobile-body{
    background-color: #fff;
}

/* Messages style */
.msgBlock,.msgBlock-inv{
    overflow-y:auto;
    resize: vertical;
    padding-bottom:3px;
    padding-right:5px;
    padding-left:5px;
}

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

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

.msgBlock-admin{
    height:200px;
    min-height:200px;
}

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

.msg-date {
    color: #89898B;
    font-size:11px;
    line-height:11px;
    margin-top:0px;
    padding:3px;
    border-radius:10px;
}

.system-response .msg-date{
    margin-top:0;
    top:0px;
}

div.system-response {
    color:rgb(100, 100, 100);
}

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

.vis-tit{
    margin:0px 0px 5px 0px;
}

.sys-tit{
    background-color:#CCC;
    padding-left:3px;
    padding-right:3px;
    color:#fff;
    display: inline-block;
}

.op-tit{
    color: #486bc2;
}

.vis-tit{
    color:#888;
}

.bubble-messages .user-nick-title,
.bubble-messages .op-nick-title
{
    display: none;
}
.bubble-messages .op-tit {
    float:left;
    margin-top: 2px;
}

.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;
    border-radius: 5px;
}

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

@media (min-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.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-message-vi-background);
    padding: var(--lhc-message-padding);
    margin-top:0px;
    color:#FFF;
    margin-bottom:3px;
    display:inline-block;
    text-align: left;
    max-width:85%;
    position: relative;
    border-radius: var(--lhc-message-border-radius) var(--lhc-message-border-radius) var(--lhc-message-border-radius) 0px;
}

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

div.message-row.message-admin:last-child div.msg-body,
div.message-row.message-admin:has(+ :not(.message-row.message-admin)) div.msg-body {
    border-bottom-left-radius: var(--lhc-message-border-radius);
}

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


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


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

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

div.message-row.response:last-child div.msg-body,
div.message-row.response:has(+ :not(.message-row.response)) div.msg-body{
    border-bottom-right-radius: var(--lhc-message-border-radius);
}

div.message-row.response div.msg-body.sub-message{
    background-color: transparent;
    color: #212529;
}

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

.bottom-message div.response{
    text-align:right;
}

.bottom-message div.response .vis-tit{
    color:#486bc2;
}

.bottom-message div.message-admin .op-tit{
    color: #6b6b6b
}

.bottom-message div.response div.msg-body{
    background-color: var(--lhc-message-vi-background);
    color:#FFF;
}

.reactions-holder,
.bottom-message div.message-admin div.msg-body{
    background-color: var(--lhc-message-op-background);
    color:#212529;
}

/* For reaction icons avoid scrolling up and down if operator is the last message */

.bottom-message div.message-row.response:last-child,
.bottom-message div.message-row.message-admin:last-child {
    min-height: 47px;
}

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

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

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

.msg-body-media img{
    border-radius:10px;
    transition: 1s;
}

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

.reaction-item-admin:hover,
.reaction-item-admin{
    color:#212529;
}

.reaction-item:hover,
.reaction-item{
    color:#212529;
    opacity: 0.4;
    text-decoration: none;
    margin: 1px 1px 1px 1px;
    display: inline-block;
    text-decoration: none;
}

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

.reactions-holder{
    display: none;
    position: absolute;
    bottom: -18px;
    z-index:1;
    text-decoration: none;
    border-radius:20px;
    padding: 0px 3px 0px;
    border:1px solid #fff;
    margin-left: 50%;
    white-space: nowrap;
    /*right: -22px;*/
}

.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:hover {
    filter: grayscale(0);
    opacity: 1;
    text-decoration: none;
}*/

.reactions-holder-plus-icon:hover{
    text-decoration: none;
}

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

.reactions-toolbar {
    display: none;
    position: absolute;
    margin-top: -33px;
    background: white;
    border-radius: 19px;
    padding: 2px 5px;
    box-shadow: 0px 0px 7px grey;
    z-index: 2;
}

.current-reacting-to .reactions-toolbar{
    display: block;
    transform: translate(0px, 0px) translate(-45%, 0%);
}

.reactions-modal-expand{
    transform: rotate(45deg);
    background: #EBEBECFF;
    border-radius:15px;
    width: 23px;
    height: 23px;
    padding-top: 3px;
    padding-left: 2px;
    font-weight: bold;
}

.reactions-selected-info{
    position: absolute;
    z-index: 1;
    margin-top: -5px;
    white-space: nowrap;
    right:0;
    user-select: none;
}

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

.reactions-selected-info span.material-icons{
    width: 16px;
    height: 16px;
    padding-left: 2px;
    line-height: 1.5;
}

.message-row.response .reactions-holder {
    right:0;
}

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

.reactions-holder.d-block .reaction-item, /* Remove this rule if you want once selected reaction only selected reaction would be shown */
.reactions-selected:hover .reaction-item,
.reactions-selected {
    display: inline-block;
}

.msg-body:hover .hidden-download::after,
.message-admin:hover .reactions-holder
{
    display: block;
}

.hidden-download {
    position: absolute;
    right: 5px;
    top: 5px;
    z-index:99;
    text-decoration: none;
}

.hidden-download:hover{
    text-decoration: none;
}

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

.hidden-download::after{
    font-family: 'MaterialIconsLHC';
    content:'\f119';
    font-size: 25px;
    color: #007bff;
    display: none;
    background: #FFFFFF;
    padding: 5px;
    border-radius: 5px;
    box-shadow: 0px 0px 21px -8px #000000;
}

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

.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:not(#scroll-to-message)+div.message-admin:not(#scroll-to-message) .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: #CCC;
    padding-left: 3px!important;
    padding-right: 3px!important;
    color: #fff!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;
    border-bottom:1px solid #ced4da;
    border-right:1px solid #ced4da;
}

div.bottom-message:not(.show-msg-ts-below) > div.message-admin+div.message-admin .msg-date,
div.bottom-message:not(.show-msg-ts-below) > div.message-row.response+div.message-row.response .msg-date{
    display:none;
}

div.show-msg-ts-below > div.message-row.message-admin .msg-date,
div.show-msg-ts-below > div.message-row.response .msg-date{
    display: none;
}

div.show-msg-ts-below > div.message-row.message-admin:has(+ :not(.message-admin)) .msg-date,
div.show-msg-ts-below > div.message-row.response:has(+ :not(.message-row.response)) .msg-date,
div.show-msg-ts-below > div.message-row:last-child .msg-date
{
    display:block;
}

.bottom-message:not(.show-msg-ts) .message-row .msg-date{
    display:none;
}

#chat-dropdown-options{
    color: #d3d3d3!important;
}

#chat-dropdown-options[aria-expanded=true],
#chat-dropdown-options:hover{
    color: var(--bs-secondary-color)!important;
}

.last-user-msg{
    position:absolute;
    margin-top:-14px;
    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;
    line-height: 120%;
}

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

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

.operator-info{
    background-color:#FFF;
    position: relative;
    z-index: 1;
    font-size: 12px;
}

.status-text{
    margin-bottom: 0;
}

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

.operator-info .icon-thumbs-down,.up-vote-action,.down-vote-action,
.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:44px;
    color:#949494;
    padding-top:5px;
}

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

#id-operator-typing {
    font-style: italic;
    font-weight: bold;
    line-height: 140%;
    min-height: 14px;
    font-size: 11px;
    text-overflow: ellipsis;
    overflow: hidden;
    text-align: right;
    top: -16px;
    right: 0px;
    position: absolute;
    border-top-left-radius: 10px;
    -webkit-box-shadow: -1px -2px 5px -2px rgba(0,0,0,0.75);
    -moz-box-shadow: -1px -2px 5px -2px rgba(0,0,0,0.75);
    box-shadow: -1px -2px 5px -2px rgba(0,0,0,0.75);
}

.no-outline:focus,.no-outline,.no-outline:active {
    outline: none !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
}

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

#CSChatMessage{
    overflow: auto;
    resize: none;
    background: transparent;
    scrollbar-color: #888 transparent;
    scrollbar-width: thin;
    scroll-padding-bottom: 10px;
}

.settings {
    font-size: 25px;
    cursor: pointer;
}

button.settings {
    background: none;
    height:25px;
}

button.material-icons-button,
button.header-link{
    background: none;
}

button.material-icons-button{
    padding:0;
    margin:0;
    border:0;
}

.user-chatwidget-buttons {
    /*position: absolute;
    top: 6px;
    right: 10px;
    height: 10px;*/
}

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

.chat-setting-item {
    font-size: 32px;
}

.message-send-area{
    background-color: #fff;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
}

.message-row-typing {
    animation: blink 1500ms linear infinite;
}

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

.hide {
    display: none!important;
}

.proactive-need-help {
    background-color: #fff;
    border-radius: 10px;
    right: 0;
    box-shadow: 0px 0px 9px 0px rgba(0,0,0,0.25);
    margin:9px;
}

.fs12{
    font-size:12px;
}

.fs13{
    font-size:13px;
}

.fs11{
    font-size:11px;
}

.fs14{
    font-size:14px;
}

.fs25{
    font-size:25px;
}

.pointer {
    cursor: pointer;
}

.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;
    cursor: pointer;
    text-decoration: none;
}

.bot-btn-list > li a:hover{
    background: none;
    border: 0;
}
/**
* List style
*/

.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;
    text-decoration: none;
}

.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;
}

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

/* I just don't like how they look so we get rid of this animation.*/
/*.fade-in-fast {
    animation: fadeIn ease 0.3s;
}
.fade-in {
    animation: fadeIn ease 1s;
}*/
.msg-to-store{
    opacity:0.3;
}

@keyframes fadeIn {
    0% {
        opacity:0.3;
    }
    100% {
        opacity:1;
    }
}

#ChatSendButtonContainer{
    min-width: 30px;
}

 .content-loader {
     background: url(../images/icons/loading.png) no-repeat center center;
 }

.desktop-embed-body .message-send-area,
.mobile-embed-body .message-send-area{
    border-radius: 20px;
    border:1px solid #dee2e6!important;
}

.lhc-fscreen .message-send-area{
    border-radius: 0;
    border-left: 0!important;
    border-bottom: 0!important;
    border-right: 0!important;
}

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

#id-invitation-height .usr-tit{
    display: none;
}

#id-invitation-height div.message-admin{
    text-align: left;
}

#id-invitation-height div.message-admin div.msg-body{
    background-color: transparent!important;
    color:#000;
    max-width: 100%;
    padding:0;
    font-size: 13px;
}

#id-invitation-height ul.quick-replies{
    margin-bottom: 0;
}

#id-invitation-height .quick-replies .btn-sm{
    font-size:13px;
    padding: .12rem 0.3rem;
}

#id-invitation-height div.message-admin div.msg-body, #id-invitation-height div.message-admin div.meta-message{
    margin-left:0!important;
}

#CSChatMessage.msg-two-line{
    height:56px;
}

#CSChatMessage.msg-one-line{
    height:36px;
    overflow-y: hidden;
}

.bb-list > a.p-1{
    padding:1px !important;
}

.bb-list > a.p-1:hover{
    background-color: #b2b2b2!important;
}

.new-msg-holder {
    position: absolute;
    right: 0;
    left: 0;
    margin-top:-23px;
    border-bottom-style: dashed!important;
}

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

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

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

#msgsnippet div.message-admin div.msg-body{
    max-width:100%;
    background-color:transparent ;
    margin-left: 0!important;
}

#msgsnippet span.op-tit{
    display: none!important;
}

.close-modal-btn{
    right: 0;
    top:-5px;
    z-index: 2;
}

.font-button{
    font-size: 18px;
    text-decoration: none;
    color:#6c757d;
}

.font-button:hover i,
.font-button:hover{
    text-decoration: none;
    color: #000000!important;
}

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

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

}

#widget-header-content:empty{
    background: none!important;
}

.text-muted-light{
    color: #d3d3d3;
}