/*
|------------------------------------------------------------------------------
| Scroll Bar
|------------------------------------------------------------------------------
*/


@-webkit-keyframes pulse {
    0% {
        -webkit-transform: scale(1, 1);
    }
    50% {
        -webkit-transform: scale(1.1, 1.1);
    }
    100% {
        -webkit-transform: scale(1, 1);
    }

;
}

@keyframes pulse {
    0% {
        transform: scale(1, 1);
    }
    50% {
        transform: scale(1.1, 1.1);
    }
    100% {
        transform: scale(1, 1);
    }

;
}
*::-webkit-scrollbar {
    height: 2px;
    width: 3px;
}

*::-webkit-scrollbar-button {
    height: 0px;
    width: 0px;
}
.true {
    display: inherit!important;
}
.db-label {
    font-size: 9px;
    position: absolute;
    left: 0px;
    color: white;
    top: 11px;
    padding-left: 2px;
}

.alert_color_1 {
    color: #FF3B30
}

.alert_color_2 {
    color: #4CD964
}

.alert_color_3 {
    color: #007AFF
}

.alert_color_4 {
    color: #FF2D55
}

.alert_color_5 {
    color: #FFCC00
}

.border-circle {
    border-radius: 50% !important;
}

.notification-icon img {
    width: 100% !important;
}

.notification-icon {
    width: 20px !important;
}


.badge-circle {
    height: 8px;
    width: 8px;
    border-radius: 50%;
    display: inline-block;
    bottom: 15px;
    position: absolute;
    left: 15px
}

.relative {
    position: relative !important;
    bottom: 0px;
    left: 0px;
}

*::-webkit-scrollbar-thumb {
    background: #868E96;
    border: 0px none #FFFFFF;
    border-radius: 0;
}

*::-webkit-scrollbar-thumb:hover {
    background: #495057;
}

*::-webkit-scrollbar-thumb:active {
    background: #343A40;
}

*::-webkit-scrollbar-track {
    background: #F1F3F5;
    border: 0px none transparent;
    border-radius: 50px;
}

*::-webkit-scrollbar-track:hover {
    background: #EEEEEE;
}

*::-webkit-scrollbar-track:active {
    background: #EEEEEE;
}

*::-webkit-scrollbar-corner {
    background: transparent;
}

#alert-counter {
    margin-top: 3px !important;
}

.md .color-theme-red .panel-header {
    background-color: #f44336 !important;
}

.md .color-theme-green .panel-header {
    background-color: #4caf50 !important;
}

.md .color-theme-blue .panel-header {
    background-color: #112288 !important;
}

.md .color-theme-pink .panel-header {
    background-color: #e91e63 !important;
}

.md .color-theme-yellow .panel-header {
    background-color: #ffeb3b !important;
}

.md .color-theme-orange .panel-header {
    background-color: #ff9800 !important;
}

.md .color-theme-gray .panel-header {
    background-color: #9e9e9e !important;
}

.md .color-theme-white .panel-header {
    background-color: #ffffff !important;
}

.md .color-theme-black .panel-header {
    background-color: #000000 !important;
}

.ios .color-theme-red .panel-header {
    background-color: #f44336 !important;
}

.ios .color-theme-green .panel-header {
    background-color: #4caf50 !important;
}

.ios .color-theme-blue .panel-header {
    background-color: #112288 !important;
}

.ios .color-theme-pink .panel-header {
    background-color: #e91e63 !important;
}

.ios .color-theme-yellow .panel-header {
    background-color: #ffeb3b !important;
}

.ios .color-theme-orange .panel-header {
    background-color: #ff9800 !important;
}

.ios .color-theme-gray .panel-header {
    background-color: #9e9e9e !important;
}

.ios .color-theme-white .panel-header {
    background-color: #ffffff !important;
}

.ios .color-theme-black .panel-header {
    background-color: #000000 !important;
}

.ios .badge-circle.color-red {
    background-color: #ff3b30 !important;
}

.ios .badge-circle.color-green {
    background-color: #4cd964 !important;
}

.ios .badge-circle.color-blue {
    background-color: #007aff !important;
}

.ios .badge-circle.color-pink {
    background-color: #ff2d55 !important;
}

.ios .badge-circle.color-yellow {
    background-color: #ffcc00 !important;
}

.ios .badge-circle.color-orange {
    background-color: #ff9500 !important;
}

.ios .badge-circle.color-gray {
    background-color: #8e8e93 !important;
}

.ios .badge-circle.color-white {
    background-color: #ffffff !important;
}

.ios .badge-circle.color-black {
    background-color: #000000 !important;
}

.md .badge-circle.color-red {
    background-color: #f44336 !important;
}

.md .badge-circle.color-green {
    background-color: #4caf50 !important;
}

.md .badge-circle.color-blue {
    background-color: #112288 !important;
}

.md .badge-circle.color-pink {
    background-color: #e91e63 !important;
}

.md .badge-circle.color-yellow {
    background-color: #ffeb3b !important;
}

.md .badge-circle.color-orange {
    background-color: #ff9800 !important;
}

.md .badge-circle.color-gray {
    background-color: #9e9e9e !important;
}

.md .badge-circle.color-white {
    background-color: #ffffff !important;
}

.md .badge-circle.color-black {
    background-color: #000000 !important;
}

.list input[type=datetime-local] {
    max-width: 100% !important;
}

.img-cropped-200 {
    height: 264px;
    overflow: hidden;
}

ins {
    background-color: #c6ffc6;
    text-decoration: none
}

del {
    background-color: #ffc6c6
}

.note-editor.note-airframe, .note-editor.note-frame {
    border: 1px solid rgb(0 0 0 / 11%) !important;
}

.note-toolbar {
    background-color: inherit !important;
}

.note-btn {
    border: none !important;
}

.note-editor.note-airframe .note-statusbar, .note-editor.note-frame .note-statusbar {
    background-color: inherit !important;


    border-top: none !important;
}

.note-modal {
    margin-top: -300px !important;
    position: relative !important;
}

.item-label.required:after {
    content: " *";
    color: red;
}

.message-content {
    width: auto !important;
}


.message-account {
    font-size: 13px;
    font-weight: bold;
}

.message-response {
    margin-bottom: 5px;
    margin-right: 5px;
    margin-top: 10px
}

.message-body {
    border-radius: 5px;
    margin-left: 5px !important;
    padding: 8px !important;
}

.message-time {
    font-size: 12px !important;

}

.message-bubble {
    width: 100% !important;
    color: rgb(36, 36, 36) !important;
    border: none;
    border-width: 0.5px;
}

}
.message {

    width: auto !important;
}

.message-text {
    font-size: 16px;
}

.bg-color-gray-smoke {
    background: whitesmoke;
}

.message-received .message-bubble {
    color: rgb(36, 36, 36);
    background: white !important;
    border-radius: 6px !important;
    border-bottom-left-radius: 0px !important;
}

.message-sent .message-bubble {
    border-radius: 6px !important;
    border-bottom-right-radius: 0px !important;
}

.message-typing .message-bubble {
    width: 50px !important;
}

.messagebar {
    position: fixed !important;
}

.message-sent.message-tail .message-bubble:before {
    left: none !important;
}

.messages, .messages-content {
    background: whitesmoke !important;
    /*width:100%!important;*/
}

.message-sent {
    width: 100%
}

.messages.item-title {
    font-size: 12px;
    font-weight: bold !important;
}

.message-sent {
    text-align: left !important;
}

.message-avatar {
    width: 36px !important;
    height: 36px !important;
}

.md .card-footer a.link, .md .card-header a.link {
    text-transform: capitalize !important;
}

.canvas_media_signature {
    border: dashed thin lightgray;
    width: 100%;
}

.md .message-received.message-tail .message-bubble:before {
    border-bottom: 8px solid white !important;
}

.md .message-sent .message-bubble {
    color: rgb(36, 36, 36) !important;
    background: #e8ebfa !important;
    cursor: pointer !important;
}

.pulse {
    -webkit-animation: pulse 1s linear infinite;
    animation: pulse 1s linear infinite;
}

.md .message-highlight .message-bubble {
    -webkit-animation: pulse 1s linear infinite;
    animation: pulse 1s linear infinite;
    background: #b1da70 !important
}

.md .message-typing .message-bubble {
    color: white !important;
    background: inherit !important;
    border: none !important;
}

.md .message-text-footer, .md .message-text-header {
    color: rgb(36, 36, 36) !important;
    font-size: 10px !important;
}

.md .message-sent.message-tail .message-bubble:before {
    border-bottom: 8px solid #e8ebfa !important;
}

.md .message-typing.message-tail .message-bubble:before {
    border-bottom: 0px solid !important;
}

.message-file-type {
    word-break: break-word !important;
    white-space: nowrap !important;
}

.message-file-info {
    padding-left: 0px !important;
}

.uploaded-file {
    background-color: rgba(200, 200, 200, 0.1) !important;
    border-radius: 10px !important;
}

.message-quoted .chip-label {
    width: 235px !important;
}

.message-content .message-quoted .chip-label {
    width: 200px !important;
}

.scroll-down {
    width: 30px !important;
    height: 30px !important;
}

.new-message-badge {
    top: 5px !important;
    z-index: 9999 !important;
}

#btn-record {
    background: #1b2d8d !important
}

.btn-record {
    bottom: -45px !important;
    right: 5px !important;
}

.recording {
    width: 90px !important;
    height: 90px !important;
    border-radius: 45px !important;
    background: red !important;
}

.message-quoted {
    height: auto !important;
    background: #f1f3f5 !important;
    font-size: 11px !important;
    border-top: 1px;
    border-top-color: #d7d7d7;
    border-top-style: solid;
    border-left: 1px solid #d7d7d7;
    border-radius: 5px !important;
}

.goto-message {
    cursor: pointer;
}
.option-actions{
    cursor: pointer;
}
.message-toolbar {
    width: auto;
    position: absolute;
    z-index: 999999;
    border-radius: 5px;
    box-shadow: rgb(0 0 0 / 12%) 0px 0px 2px, rgb(0 0 0 / 14%) 0px 4px 8px;
    padding: 3px;
    right: 0px;
    top: -15px;
}
code:not(pre code) {
    padding: 0.2em 0.4em;
    margin: 0;
    font-size: 85%;
    white-space: break-spaces;
    background-color:#eff4f8;
    border-radius: 6px;
}
/*<![CDATA[*/
.copy-code-button {
    /*border-radius: 0; */
    /* min-width: 55px; */
background: none repeat scroll 0 0 transparent;
    /* background: inherit!important; */
    width: auto!important;
    font-size: 12px;
    /* background-color: #000; */
    color: #F1F2F3 !important;
    cursor: pointer;
    /* border-style: none; */
    font-family: 'HELVETICA',sans-serif;
    /* font-size: 0.8em; */
    /* font-weight: normal; */
    /* text-align: center; */
    /* text-decoration: none; */
    /* text-indent: 0; */
    text-transform: uppercase;
    /* font-weight: 500; */
    /* line-height: 1.42rem; */
    /* margin: 0; */
    /* padding: 3px 8px; */
    position: relative; 
    top: -15px !important;
    right: -15px!important;
}

.copy-code-button > span {
    color: #F1F2F3 !important;
}

.copy-code-button, ::before, ::after {
    box-sizing: inherit;
}

.copy-code-button::before {
    content: '';
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-right: 3px;
    background-size: contain;
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTVweCIgaGVpZ2h0PSIxNXB4IiB2aWV3Qm94PSIwIDAgMTUgMTUiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDUwLjIgKDU1MDQ3KSAtIGh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaCAtLT4KICAgIDx0aXRsZT5QYWdlIDE8L3RpdGxlPgogICAgPGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+CiAgICA8ZGVmcz48L2RlZnM+CiAgICA8ZyBpZD0iRmxvdyIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgaWQ9IkJ0dG5faHRtbCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTgxOS4wMDAwMDAsIC03NTMuMDAwMDAwKSIgZmlsbD0iI0ZGRkZGRiI+CiAgICAgICAgICAgIDxnIGlkPSJHcm91cC0xIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgzMTEuMDAwMDAwLCA0MDUuMDAwMDAwKSI+CiAgICAgICAgICAgICAgICA8ZyBpZD0iR3JvdXAtMiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNTA4LjAwMDAwMCwgMzQyLjAwMDAwMCkiPgogICAgICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0xMy45NzcyNzI3LDYgTDMuNDA5MDkwOTEsNiBDMi44NDQ1NDU0NSw2IDIuMzg2MzYzNjQsNi40NTgxODE4MiAyLjM4NjM2MzY0LDcuMDIyNzI3MjcgTDIuMzg2MzYzNjQsMTcuNTkwOTA5MSBDMi4zODYzNjM2NCwxOC4xNTU0NTQ1IDIuODQ0NTQ1NDUsMTguNjEzNjM2NCAzLjQwOTA5MDkxLDE4LjYxMzYzNjQgTDEzLjk3NzI3MjcsMTguNjEzNjM2NCBDMTQuNTQxODE4MiwxOC42MTM2MzY0IDE1LDE4LjE1NTQ1NDUgMTUsMTcuNTkwOTA5MSBMMTUsNy4wMjI3MjcyNyBDMTUsNi40NTgxODE4MiAxNC41NDE4MTgyLDYgMTMuOTc3MjcyNyw2IFogTTE0LjMxODE4MTgsMTcuNTkwOTA5MSBDMTQuMzE4MTgxOCwxNy43NzkwOTA5IDE0LjE2NTQ1NDUsMTcuOTMxODE4MiAxMy45NzcyNzI3LDE3LjkzMTgxODIgTDMuNDA5MDkwOTEsMTcuOTMxODE4MiBDMy4yMjA5MDkwOSwxNy45MzE4MTgyIDMuMDY4MTgxODIsMTcuNzc5MDkwOSAzLjA2ODE4MTgyLDE3LjU5MDkwOTEgTDMuMDY4MTgxODIsNy4wMjI3MjcyNyBDMy4wNjgxODE4Miw2LjgzNDU0NTQ1IDMuMjIwOTA5MDksNi42ODE4MTgxOCAzLjQwOTA5MDkxLDYuNjgxODE4MTggTDEzLjk3NzI3MjcsNi42ODE4MTgxOCBDMTQuMTY1NDU0NSw2LjY4MTgxODE4IDE0LjMxODE4MTgsNi44MzQ1NDU0NSAxNC4zMTgxODE4LDcuMDIyNzI3MjcgTDE0LjMxODE4MTgsMTcuNTkwOTA5MSBaIE0xMS45MzE4MTgyLDE5Ljk3NzI3MjcgQzExLjkzMTgxODIsMjAuMTY1NDU0NSAxMS43NzkwOTA5LDIwLjMxODE4MTggMTEuNTkwOTA5MSwyMC4zMTgxODE4IEwxLjAyMjcyNzI3LDIwLjMxODE4MTggQzAuODM0NTQ1NDU1LDIwLjMxODE4MTggMC42ODE4MTgxODIsMjAuMTY1NDU0NSAwLjY4MTgxODE4MiwxOS45NzcyNzI3IEwwLjY4MTgxODE4Miw5LjQwOTA5MDkxIEMwLjY4MTgxODE4Miw5LjIyMDkwOTA5IDAuODM0NTQ1NDU1LDkuMDY4MTgxODIgMS4wMjI3MjcyNyw5LjA2ODE4MTgyIEwxLjM2MzYzNjM2LDkuMDY4MTgxODIgTDEuMzYzNjM2MzYsOC4zODYzNjM2NCBMMS4wMjI3MjcyNyw4LjM4NjM2MzY0IEMwLjQ1ODE4MTgxOCw4LjM4NjM2MzY0IDAsOC44NDQ1NDU0NSAwLDkuNDA5MDkwOTEgTDAsMTkuOTc3MjcyNyBDMCwyMC41NDE4MTgyIDAuNDU4MTgxODE4LDIxIDEuMDIyNzI3MjcsMjEgTDExLjU5MDkwOTEsMjEgQzEyLjE1NTQ1NDUsMjEgMTIuNjEzNjM2NCwyMC41NDE4MTgyIDEyLjYxMzYzNjQsMTkuOTc3MjcyNyBMMTIuNjEzNjM2NCwxOS42MzYzNjM2IEwxMS45MzE4MTgyLDE5LjYzNjM2MzYgTDExLjkzMTgxODIsMTkuOTc3MjcyNyBaIiBpZD0iUGFnZS0xIj48L3BhdGg+CiAgICAgICAgICAgICAgICA8L2c+CiAgICAgICAgICAgIDwvZz4KICAgICAgICA8L2c+CiAgICA8L2c+Cjwvc3ZnPg==");
    background-repeat: no-repeat;
    position: relative;
    top: 3px;
}

/* .copy-button::backdrop {
	background-color: rgba(0, 0, 0, 0.5);
} */

/* .copy-code-button:hover {
	cursor: pointer;
	background-color: #F2F2F2;
} */

/* .copy-code-button:active {
	background-color: #D9D9D9;
} */

.copy-code-button:focus {
    /* Avoid an ugly focus outline on click in Chrome,
       but darken the button for accessibility.
       See https://stackoverflow.com/a/25298082/1481479 */
    /* background-color: #E6E6E6; */
    outline: 0;
}

pre {
    color: #FFF;
    background-color: #000;
    border-radius: 0px !important;
}

pre[class*="prettyprint"] {
    -moz-tab-size: 4;
    -moz-hyphens: none;
    hyphens: none;
    position: relative;
    overflow: hidden;
}





ol.linenums {
    padding: 0;
    list-style-position: inside;
    overflow: auto;
}

.bg-color-chatbot {
    background-color: #183b5e!important;
}
.bg-color-chatbot-embeded {
    background-color: #f1f3f5!important;
}
.message-content-chatbot{
    background-color: white!important;
    /* height: 20%!important; */
    border-radius: 10px!important;
}

.list-chatbot{
     background-color: white!important;
     height: 64vh!important;
     overflow-y: scroll!important;
 }
.border-radius-0{
    border-radius: 0px!important;
}
.list-chatbot-embeded{
      background-color: white!important;
      height: 79vh!important;
      overflow-y: scroll!important;
  }
.md .row .desktop-40-embeded {
    width: 40%;
    width: calc((100% - -8px*1.5)/ 2.5);

    border-left: 1px solid rgba(145,158,171,.3);

}
.message-text-chatbot{
    font-size:14px!important;
}

.message-received .message-bubble {
    background: #f6f8fa!important;
}

.message-bar-chatbot {
    position: relative!important;
    border-radius: 10px!important;
}
.button-attach-chatbot {

    /* margin-top: -90px; */
    color: gray!important;
    margin-top: 21px!important;
    margin-left: 9px!important;
    position: absolute!important;

}
.button-chatbot {

    /* margin-top: -90px; */
    color: gray!important;
}
.message-bar-area-chatbot {

    background-color: white;
    border-radius: 5px;

}
.link-messagebar {
    padding: inherit!important;
    height: inherit!important;
    min-width:inherit!important;
}
.bg-color-white{
    background-color:white!important;
}
#btn-scrollToButton{
    position: absolute!important;
    bottom: 180px!important;
    right: 21%!important;
}
.border-radius-10{
    border-radius:10px!important;
}
/*]]>*/