html {
	scroll-behavior: smooth;
}


::-webkit-scrollbar-track {

	-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3) !important;

	background-color: #F5F5F5 !important;

	border-radius: 10px !important;

}



::-webkit-scrollbar {

width: 4px !important;

background-color: #F5F5F5 !important;

border-radius: 10px !important;

height: 4px;
}



::-webkit-scrollbar-thumb {

	background-color: #949494 !important;

	border-radius: 10px !important;

}
  
  .frame-content {
            display: block;
            border: none;
            position: fixed;
            inset: auto 0px 0px auto;
            /* width: 450px; */
            height: 660px;
            max-height: 100%;
            opacity: 1;
            color-scheme: none;
            background: none transparent !important;
            margin: 0px;
            max-width: 100vw;
            transform: translateY(0px);
            transition: none 0s ease 0s !important;
            visibility: visible;
            z-index: 999999999 !important;
        }
        #chat-button {
            position: fixed;
            width: 112px;
            height: 140px;
            bottom: 12px;
            display: flex;
            -webkit-box-align: center;
            align-items: center;
            -webkit-box-pack: center;
            justify-content: center;
            pointer-events: none;
            z-index: 1;
            right: 0px;
        }

        #chat-button:not(.sidebar) .buttonWave {
            position: absolute;
            z-index: -1;
            width: 60px;
            height: 60px;
        }

            #chat-button:not(.sidebar).clicked .buttonWave::after {
                animation: 0.5s ease-out 0s 1 normal none running buttonWave;
            }

            #chat-button:not(.sidebar) .buttonWave::after {
                content: "";
                position: absolute;
                width: 60px;
                height: 60px;
                border-radius: 50%;
                background-color: rgb(20, 127, 255);
                opacity: 0.5;
            }

        #button-body {
            width: 60px;
            height: 60px;
            border-radius: 28px;
            display: inherit;
            -webkit-box-align: center;
            align-items: center;
            -webkit-box-pack: center;
            justify-content: center;
            pointer-events: initial;
            background-size: 130% 130%;
            transition: all 0.2s ease-in-out 0s;
            position: relative;
            color: rgb(0 0 0);
            border: 1px solid #c20002;
        }

            #button-body::before {
                content: "";
                transition: opacity 0.5s ease-in-out 0s;
                position: absolute;
                inset: -1px;
                opacity: 0;
                border-radius: 50%;
                background-color: #e04b46;
            }

        #chat-button button i.for-closed.active {
            transform: translateX(0px);
        }

        #chat-button button i.for-closed {
            transform: translateX(-10px);
        }

        #chat-button button i.active {
            opacity: 1;
        }

        #chat-button button i {
            height: 26px;
            width: 26px;
            position: absolute;
            opacity: 0;
            transition: all 0.2s ease-in-out 0s;
            display: flex;
            -webkit-box-align: center;
            align-items: center;
            -webkit-box-pack: center;
            /* justify-content: center; */
        }

        i {
            user-select: none;
        }

        #chat-button button i.type1 svg {
            fill: currentcolor;
        }

        svg {
            width: 24px;
            height: 24px;
        }

        #chat-button button i.type1::after {
            content: "";
            position: absolute;
            width: 68px;
            height: 68px;
            border-radius: 32px;
            background: rgb(255, 255, 255);
            transition: all 0.2s ease-in-out 0s;
            transform: scale(0);
            right: -18px;
        }

        #chat-button button i.for-closed.active {
            transform: translateX(0px);
        }

        #chat-button button i.for-closed {
            transform: translateX(-10px);
        }

        #chat-button button i.type2 {
            width: 32px;
            height: 32px;
        }

        #button button i.type1.for-opened {
            width: 31px;
            height: 28px;
        }

        #chat-button button i.for-opened {
            transform: translateX(10px);
        }

        button, button.material-icons {
            background: none;
            border: 0px;
            color: inherit;
            font-style: inherit;
            font-variant: inherit;
            font-weight: inherit;
            font-stretch: inherit;
            font-size: inherit;
            font-family: inherit;
            line-height: normal;
            overflow: visible;
            padding: 0px;
            user-select: none;
            outline: none;
            cursor: pointer;
            -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
        }


        #chat-button button i.type2 svg {
            width: 32px;
            height: 32px;
            fill: rgb(0, 125, 252);
            transform: scale(0);
        }

        svg:not(:root) {
            overflow-clip-margin: content-box;
            overflow: hidden;
        }

        #button-body {
            box-shadow: rgb(227 227 227) 0px 4px 24px;
        }

        body:not(.mobile) #button button:not(.disabled):hover i.type1 svg, body:not(.mobile) #button button:not(.disabled):focus i.type1 svg {
            transform: scale(1.4);
        }

        body:not(.mobile) #button button:not(.disabled):hover i.type1::after, body:not(.mobile) #button button:not(.disabled):focus i.type1::after {
            transform: scale(1);
        }

        #chat-button button i.for-closed.active {
            transform: translateX(0px);
        }

        .chat.chrome, .start-group.chrome {
            box-shadow: rgba(0, 18, 46, 0.16) 0px 8px 36px 0px;
        }

        .chat {
            max-height: calc(100% - 121px);
            display: flex;
            flex-direction: column;
            /* height: 700px; */
        }
/* .row>* {
    padding: 0px !important;
    } */
        .chat, .start-group {
            width: 372px;
            position: fixed;
            bottom: 26px;
            border-radius: 16px;
            pointer-events: auto;
            box-shadow: rgba(0, 18, 46, 0.16) 0px 8px 22px 0px;
            overflow: hidden;
            z-index: 999;
            right: 48px;
            left: auto;
            background-color: #dc0002;
            /* background: url(../img/bg1.jpg); */
            background-position: center;
            background-attachment: fixed;
            background-size: cover;
        }
   .chat.chrome::before {
    /* background: #ffffff9e; */
    content: "";
    height: 100%;
    width: 100%;
    position: absolute;
    z-index: -11;
    }
        .message-operator.bots-quick-replies {
            width: 85%;
            background-color: rgb(255 255 255 / 0%);
            margin-top: 0px;
            float: right;
            box-shadow: none;
        }

            .message-operator.bots-quick-replies .button-wrapper {
                margin-top: 0px;
                display: flex;
                flex-wrap: wrap;
                -webkit-box-pack: end;
                justify-content: flex-end;
                width: 100%;
                border: none;
            }

        .message-operator {
            color: rgb(6, 19, 43);
            background: rgb(240, 242, 247);
            float: left;
        }

        .message {
            padding: 8px 10px;
            border-radius: 5px 5px 5px 0 !important;
            margin: 2px 0px;
            font-size: 13px;
            line-height: 17px;
            /* overflow-wrap: break-word; */
            display: inline-block;
            max-width: 85%;
            clear: both;
            position: relative;
            transition: margin 0.28s ease-in-out 0s;
            box-shadow: 1px 1px 1px #00000061;
        }

        .input-group {
            padding: 10px 15px 10px;
            width: 100%;
            position: relative;
            /* background: rgb(243 243 243); */
            z-index: 3;
            flex: 0 0 auto;
            border-top: none !important;
            bottom: 0;
        }
            .input-group .footer-input-wrapper, .input-group .footer-icons-wrapper {
                transition: all 0.5s ease-in-out 0s;
                opacity: 1;
                transform: translateY(0px);
            }

        textarea {
            background: #ffffff;
            border-radius: 100px;
            /* outline: #ffffff auto 1px; */
            /* background: #f1f1f1; */
            padding: 5px 8px;
            width: 100%;
            font-size: 12px;
            margin: 20px 0px 14px;
            resize: none;
            line-height: 24px;
            overflow: hidden;
            -webkit-box-flex: 1;
            -ms-flex: 1 0 0px;
            flex: 1 0 0;
        }

        .send-icon {
            background: #fff;
            padding: 2px 5px;
            border-radius: 100px;
            width: 30px;
            object-fit: contain;
            height: 30px;
            -webkit-box-flex: 0;
            -ms-flex: 0 0 26px;
            /* flex: 0 0 26px; */
            -webkit-backface-visibility: hidden;
            -webkit-transition: all .3s;
            transition: all .3s;
            cursor: pointer;
        }

        hr {
            margin: 0px;
            border-width: 0px 0px 1px;
            border-top-style: initial;
            border-right-style: initial;
            border-left-style: initial;
            border-top-color: initial;
            border-right-color: initial;
            border-left-color: initial;
            border-image: initial;
            border-bottom-style: solid;
            border-bottom-color: rgb(219, 223, 230);
        }

        #conversation-group {
            padding: 0px 10px;
            width: 100%;
            height: 408px;
            overflow: hidden auto;
            background: url(../img/bg.gif);
            background-position: center;
            /* background-attachment: fixed; */
            transition: all 0.3s ease 0s;
            background-size: cover;
            max-height: 475px;
            min-height: 160px;
            flex: 0 1 auto;
        }
        .message-operator.bots-quick-replies button {
            font-size: 15px;
            padding: 8px 16px;
            border: 1px solid;
            border-radius: 20px;
            margin: 3px;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            min-width: inherit;
        }

        .offline-message span.online::before {
            content: "";
            display: block;
            width: 8px;
            height: 8px;
            position: absolute;
            top: calc(50% - 4px);
            background: rgb(88, 183, 67);
            border-radius: 50%;
            left: 0px;
        }

        .no-clip-path .offline-message {
            /* padding: 14px 28px 20px; */
        }

        .offline-message span {
            z-index: 2;
            position: relative;
            display: inline-block;
            font-size: 14px;
            color: #ffffff;
        }

            .message-operator.message-with-buttons .button-wrapper, .message-operator .message-with-buttons .button-wrapper, .message-operator.bots-quick-replies .button-wrapper {
                background: rgb(255, 255, 255);
                width: 100%;
                margin-top: 10px;
               /* border-width: 0px 1px 1px;
                border-right-style: solid;
                border-bottom-style: solid;
                border-left-style: solid;
                border-right-color: rgb(235, 238, 240);
                border-bottom-color: rgb(235, 238, 240);
                border-left-color: rgb(235, 238, 240);*/
                border-image: initial;
                border-bottom-left-radius: 20px;
                border-bottom-right-radius: 20px;
                border-top-style: initial;
                border-top-color: initial;
                position: relative;
            }

        #chat-button button i.for-opened.active {
            transform: translateX(0px);
        }
            .message-operator.bots-quick-replies .sent {
                font-size: 15px;
                padding: 8px 16px;
                border: none;
                border-radius: 20px;
                margin: 3px;
                white-space: nowrap;
                overflow: hidden;
                text-overflow: ellipsis;
                min-width: inherit;
            }
        .message-operator.message-with-buttons .sent, .message-operator .message-with-buttons .sent, .message-operator.bots-quick-replies .sent {
            margin: 0px auto;
            min-width: 100%;
            display: block;
            font-size: 16px;
            line-height: 19px;
            padding: 8px 16px;
            color: rgb(0, 125, 252);
            background: #f2f9ff;
            position: relative;
            z-index: 2;
            outline: none;
            border-radius: 20px;
            font-weight:normal;
        }


        .chat-header {
            padding: 10px 13px;
            background: #dc0002;
            position: relative;
            z-index: 4;
            flex: 0 0 auto;
        }
        .chat-header img {
            /* width: 30px; */
            height: 27px;
            object-fit: contain;
        }
        .avatars-wrapper {
            width: 52px;
            height: 52px;
            margin: 0px 18px 0px 0px;
            float: left;
        }

        .chat h2.oneline {
            /* margin-top: 0px; */
            line-height: 30px;
            /* min-height: 52px; */
        }

        .chat h2 {
            font-size: 17px;
            letter-spacing: inherit;
            font-weight: 600;
            color: currentcolor;
            margin: 0px 0px 0px;
            padding: 0px;
            display: inline-block;
            position: relative;
            /* max-width: calc(100% - 100px); */
            text-overflow: ellipsis;
            white-space: nowrap;
            overflow: hidden;
            vertical-align: bottom;
            font-family: arial;
            color: #fff;
        }

            .chat h2 .emoji {
                width: 31px;
                height: 31px;
            }

        button.material-icons.exit-chat, label.material-icons.exit-chat {
            /* margin-right: -3px; */
        }
        button.material-icons.options, button.material-icons.exit-chat, label.material-icons.options, label.material-icons.exit-chat {
            z-index: unset;
        }

        button.material-icons, label.material-icons {
            position: relative;
            z-index: 1;
            /* margin: 15px 0px 8px 11px; */
            float: right;
        }
            button.material-icons.options::before, button.material-icons.exit-chat::before, label.material-icons.options::before, label.material-icons.exit-chat::before {
                background: rgba(0, 36, 92, 0.16);
            }
            button.material-icons::before, label.material-icons::before {
                content: "";
                position: absolute;
                background: rgb(239, 242, 246);
                width: 40px;
                height: 40px;
                border-radius: 50%;
                z-index: -1;
                transition: all 0.16s ease-in-out 0s;
                transform: scale(0);
                top: calc(50% - 20px);
                left: calc(50% - 20px);
            }
            button.material-icons svg#ic-minimize, button.material-icons svg.options-icon, label.material-icons svg#ic-minimize, label.material-icons svg.options-icon {
                fill: currentcolor;
            }


        element.style {
        }

        .tidio-1s5t5ku span {
            background: rgb(255, 255, 255);
            padding: 6px 8px;
            border-radius: 2px;
            box-shadow: rgba(0, 18, 46, 0.32) 0px 2px 8px 0px;
            font-size: 13px;
            position: absolute;
            opacity: 0;
            pointer-events: none;
            white-space: nowrap;
            transition: all 0.16s ease-in-out 0s;
            z-index: 1;
            right: calc(100% + 10px);
            top: 50%;
            transform: translate(5px, -50%);
            color: rgb(6, 19, 43);
        }

        .offline-message {
            display: none;
            margin: 0px 0 5px 0;
            color: currentcolor;
            /* width: calc(100% + 60px); */
            /* padding: 5px 0px 0px 0px; */
            position: relative;
            /* background-size: 100% calc(100% + 13px); */
            z-index: 1;
        }

        .no-clip-path .offline-message {
            /* padding: 14px 28px 20px; */
        }

        .offline-message span.online {
            padding-left: 20px;
        }

        .no-clip-path .offline-message::after {
            content: "";
            position: absolute;
            width: calc(100% + 10px);
            bottom: -12px;
            left: -5px;
            display: none;
            border-image-source: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzNzIgMTUiPgogIDxwYXRoIGQ9Ik0zNDkuOCAxLjRDMzM0LjUuNCAzMTguNSAwIDMwMiAwaC0yLjVjLTkuMSAwLTE4LjQuMS0yNy44LjQtMzQuNSAxLTY4LjMgMy0xMDIuMyA0LjctMTQgLjUtMjggMS4yLTQxLjUgMS42Qzg0IDcuNyA0MS42IDUuMyAwIDIuMnY4LjRjNDEuNiAzIDg0IDUuMyAxMjguMiA0LjEgMTMuNS0uNCAyNy41LTEuMSA0MS41LTEuNiAzMy45LTEuNyA2Ny44LTMuNiAxMDIuMy00LjcgOS40LS4zIDE4LjctLjQgMjcuOC0uNGgyLjVjMTYuNSAwIDMyLjQuNCA0Ny44IDEuNCA4LjQuMyAxNS42LjcgMjIgMS4yVjIuMmMtNi41LS41LTEzLjgtLjUtMjIuMy0uOHoiIGZpbGw9IiNmZmYiLz4KPC9zdmc+Cg==);
            border-image-slice: 0 0 100%;
            border-image-width: 0 0 15px;
            border-image-repeat: stretch;
            border-width: 0px 0px 15px;
            border-bottom-style: solid;
            border-color: initial;
            border-top-style: initial;
            border-left-style: initial;
            border-right-style: initial;
        }

        .input-group .footer-input-wrapper, .input-group .footer-icons-wrapper {
            transition: all 0.5s ease-in-out 0s;
            opacity: 1;
            transform: translateY(0px);
        }

        .send-icon:hover svg path {
            fill: #1775ec;
        }

        .message-operator {
            color: rgb(0 0 0);
            background: #ffffff;
            float: left;
        }
        .message span.message-content {
            white-space: pre-line;
        }
        #chatContainer {
            transition: all 0.3s ease-in-out;
            right:-300px;
           
        }

        .onlyBubble {
            display: none;
            transition: all 0.3s ease-in-out;
        }

        .open {
            display: block;
            transition: all 0.3s ease-in-out;
        }

        #chatContainer.open {
            right: 0;
        }

        .footer-input-wrapper {
            /* border-top: 1px solid #cfcfcf; */
            width: 100%;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
        }

        .clicked {
            display: none !important;
        }

        #button:not(.sidebar).clicked .buttonWave::after {
            animation: 0.5s ease-out 0s 1 normal none running buttonWave;
        }
        #button:not(.sidebar) .buttonWave::after {
            content: "";
            position: absolute;
            width: 60px;
            height: 60px;
            border-radius: 50%;
            background-color: rgb(20, 127, 255);
            opacity: 0.5;
        }

        .sentText {
            margin: 0px auto;
            min-width: fit-content;
            /* float: right; */
            width: 100%;
            display: block;
            font-size: 16px;
            line-height: 19px;
            padding: 8px 10px;
            color: rgb(0, 125, 252);
            background: #e4eef7;
            position: relative;
            z-index: 2;
            outline: none;
            /* border-radius: 20px; */
            font-weight: normal;
            margin: 10px 5px;
            border-radius: 12px 12px 0 12px  !important;
            /* overflow: hidden; */
        }

        .botText {
            color: rgb(6, 19, 43);
            background: rgb(240, 242, 247);
            padding: 10px 16px;
            border-radius: 20px;
            margin: 2px 0px;
            font-size: 15px;
            line-height: 20px;
            overflow-wrap: break-word;
            display: inline-block;
            max-width: 85%;
            clear: both;
            position: relative;
            transition: margin 0.28s ease-in-out 0s;
            border-radius: 12px 12px 12px 0 !important;
        }

        .svgsent svg path {
            fill: #1775ec;
        }

        button.exit-chat {
            position: absolute !important;
            top: 6px;
            right: 10px;
            padding: 5px !important;
            z-index: 1050 !important;
        }
        button.exit-chat img {
            width: 15px;
        }
:focus-visible {
    outline: #c7c7c700 auto 1px;
}
.question-icon-div {
    float: left;
    position: relative;
    width: 10%;
    margin-top: 4px;
    margin-left: 0px;
    box-sizing: border-box;
    margin-right: 5px;
    vertical-align: top;
    /* background: #ededed; */
    /* height: 37px; */
    /* display: none; */
}
.question-icon-smatest {
    width: 30px;
    height: 30px;
    margin-right: 5px;
    top: 0;
    float: left;
    max-width: 100%;
    border-radius: 50%;
    position: absolute;
    bottom: 0;
    object-fit: contain;
    background: #ffffff;
    padding: 3px;
    vertical-align: top;
}
#messages {
    display: -webkit-box;
    width: 100%;
    margin: 10px 0;
    vertical-align: top;
}
#SentButton img {
    width: 20px;
    height: 20px;
    object-fit: contain;
    float: left;
}
.smat-footer.bot-google-font {
    width: 100%;
    padding: 0px 10px 5px 10px;
    text-align: right;
}
.smat-footer.bot-google-font span {
    font-size: 10px;
    color: #fff;
}
#MicButton img {
    width: 20px;
}

#MicButton {
    margin: 0 10px;
    background: #fff;
    padding: 4px 5px;
    border-radius: 100px;
}
.radio-botest {
    margin-right: 10px !important;
    float: left;
    margin-top: 0;
    font-size: 14px;
    display: none !important;
  }
  
  .radio-box-botest {
    /* margin-right: 10px !important; */
    float: left;
    margin-top: 0;
    font-size: 18px;
    /* display: none !important */
    margin-top: 0 !important;
    display: block !important;
    margin-right: 5px !important;
  }
  
  .options-smatest {
    box-shadow: 2px 1px 2px #00000042;
    width: auto;
    margin-bottom: 5px;
    margin-top: 0px;
    display: inline-block !important;
    padding: 5px 10px;
    border-radius: 30px;
    font-size: 12px;
    cursor: pointer;
    box-sizing: border-box;
    /* opacity: 0.8; */
    color: #fff;
  }
  
  .options-smatest:hover {
    opacity: 1;
    background: #d77300;
}

.options-smatest {
    border: 1px solid #f2f2f2 !important;
}

.options-smatest {
    background: #784109;
}


.options-smatest {
    text-align: left !important;
}
.main-options-div-smatest {
    float: left;
    margin: 0 0px;
    margin-top: 0px;
    margin-bottom: 5px;
    width: calc(100% - 40px);
    background: transparent;
    overflow-y: hidden;
    max-width: 90%;
    animation: 0.3s ease-in-out 0s 1 normal none running message-bubble-in;
    display: list-item;
    margin-left: 45px !important;
}
.options-smatest {
    border-radius: 6px !important;
}
  
  .options-smatest-checkbox {
    width: 100%;
    margin-bottom: 0px;
    margin-top: 5px;
    display: inline-block;
    padding: 10px 30px 10px 15px;
    border-radius: 30px;
    font-size: 18px;
    cursor: pointer;
    opacity: 0.8;
    box-sizing: border-box;
  }
  
  .options-smatest-checkbox:hover {
    opacity: 1;
  }
  

  
  @keyframes effect_dylan {
    50% {
      transform: scale(1.5, 1.5);
      opacity: 1;
    }
  
    99% {
      transform: scale(0.001, 0.001);
      opacity: 1;
    }
  
    100% {
      transform: scale(0.001, 0.001);
      opacity: 1;
    }
  }




  .more #button {
	display: none;
}

.more label {
	/* width: 60px; */
	overflow: hidden;
	/* display: inline-block; */
	/* background: #666; */
	/* height: 50px; */
	/* padding-top: 5px; */
	cursor: pointer;
	vertical-align: text-top;
}

.more label span {
	/* width: 7px; */
	height: 20px;
	display: block;
	margin: 0 auto;
	/* margin-bottom: 5px; */
	color: #ffffff;
	content: "\22EE";
	font-size: 25px;
	font-weight: bolder;
	vertical-align: top;
	text-align: center;
	line-height: 15px;
}

.more ul {
    width: 165px;
    position: absolute;
    top: 98%;
    right: -82px;
    transform: translateX(-50%) scaleY(.5);
    transform-origin: top center;
    text-align: left;
    white-space: no-wrap;
    background: #fff;
    padding: 0px 0 0px;
    border: 1px solid #ececec;
    visibility: hidden;
    opacity: 0;
    transition: all .3s ease;
    z-index: 1050;
    /* border-radius: 10px; */
}
.more #button:checked ~ ul {
	visibility: visible;
	opacity: 1;
	transform: translateX(-50%) scaleY(1);
}

.more ul a {
	color: black;
	display: block;
	padding: 5px  5px;
	font-size: 20px;
	text-transform: capitalize;
	transition: all .5s ease;
	float: left;
	/* border-bottom: 1px solid #eee; */
	width: 100%;
	background: #ffffff;
	/* border-radius: 10px; */
}

.more ul a:hover {
	background: #f4f4f5;
	color: #000;
}

.header-menu-item {
    float: left;
    width: 100%;
    text-align: left;
    /* padding: 8px 12px; */
    /* font-size: 11px; */
    list-style: none;
    border-bottom: 1px solid #eee;
}
.sound-icon {
    display: inline-block;
    background: url(https://custpostimages.s3.ap-south-1.amazonaws.com/sb_images/bot_images/alarm_on.svg);
    cursor: pointer;
    width: 21px;
    height: 21px;
    /* border: 2px solid white; */
    /* border-radius: 50%; */
    cursor: pointer;
    background-size: 21px;
    background-repeat: no-repeat;
    background-position: 50%;
    float: left;
}
.reload-icon {
    display: inline-block;
    background: url(../img/reload.png);
    cursor: pointer;
    width: 21px;
    height: 21px;
    /* border: 2px solid white; */
    /* border-radius: 50%; */
    cursor: pointer;
    background-size: 15px;
    background-repeat: no-repeat;
    background-position: 50%;
    float: left;
}
.mute-icon {
    display: inline-block;
    background: url(../img/Mute.png);
    cursor: pointer;
    width: 21px;
    height: 21px;
    cursor: pointer;
    background-size: 21px;
    background-repeat: no-repeat;
    background-position: 50%;
    float: left;
}
.header-menu-item-text {
    font-size: 13px;
    float: left;
    /* margin-left: 15px; */
    line-height: 21px;
    vertical-align: middle;
    padding: 0;
}
.more {
    float: right;
    position: absolute;
    top: 12px;
    right: 45px;
}
.header-menu-item:last-child {
    border: none;
}

.header-menu-item:hover {
    background: #f6f6f6;
}
#button-body{
    background: linear-gradient(135deg, #870001, #dc0002);
    box-shadow: rgb(163 163 163) 0px 4px 24px;
}

.message-reply {
    color: rgb(0 0 0);
    background: #fdb646;
    float: right;
    box-shadow: 2px 4px 5px #00000042;
    padding: 8px 10px;
    border-radius: 5px 5px 0px 5px !important;
    margin: 2px 0px;
    font-size: 12px;
    line-height: 20px;
    overflow-wrap: break-word;
    display: inline-block;
    max-width: 85%;
    clear: both;
    position: relative;
    transition: margin 0.28s ease-in-out 0s;
}
#messagesreply {
    float: right;
    width: 100%;
    margin: 10px 0;
    text-align: right;
}




 select::-ms-expand {
	 display: none;
}
 form.example label.select-box {
	 /* background-color: #00cf9b; */
	 width: 100%;
	 float: left;
	 border: 0px solid;
	 /* padding: 5px; */
	 text-align: left;
	 height: 35px;
	 display: block;
	 font-weight: 400;
	 position: relative;
	 border-radius: 50px;
	 margin-bottom: 10px;
}
 form.example select {
	 box-shadow: 2px 4px 5px #00000042;
	 background-color: #ffffff;
	 border-radius: 0px;
	 background-image: url(../img/dropdown.png);
	 background-position: 96% 49%;
	 background-repeat: no-repeat;
	 background-size: 4%;
	 display: block;
	 height: 35px;
	 border: none !important;
	 width: 86%;
	 cursor: pointer;
	 margin-bottom: 15px;
	 padding-left: 10px;
	 padding-right: 22px;
	 outline: none;
	 letter-spacing: 1px;
	 border: none;
	 -webkit-appearance: none;
	 -moz-appearance: none;
	 /* line-height: 54px; */
	 color: #000000;
	 font-size: 14px;
	 outline: transparent;
	 border-radius: 50px;
	 /* padding: 5px; */
}
 
.start-group:before {
    background: #0808084f;
    content: "";
    height: 100%;
    width: 100%;
    position: absolute;
}
.message-operator img {
    width: 100%;
    margin-bottom: 5px;
}.more-options {
    /* margin: 0px 14px; */
    /* border-top: 1px solid #a0a0a0; */
    /* border-radius: 15px 15px 0 0; */
    /* background: #ffffff94; */
    /* padding: 10px 20px; */
    /* display: none; */
}.more-options .options-smatest {
    width: 40%;
    border-radius: 10px !important;
    padding: 10px 10px;
    margin: 6px 5px;
    text-align: center !important;
    font-size: 14px;
    float: left;
    /* font-weight: 600; */
}

.more-options .main-options-div-smatest.some-animation {
    width: 100%;
    max-width: 100%;
}

.more-options .options-smatest {
    background: #ffffff;
    color: #000;
}
.icon-img {
    width: 20px;
}
.more-options .options-smatest img {
    width: 50px;
    /* float: left; */
}
.chatbot-class .user-message {
    border-radius: 12px 12px 0 12px !important;
    padding: 10px 16px;
    font-size: 14px;
    line-height: 20px;
    overflow-wrap: break-word;
    display: inline-block;
    max-width: 85%;
    clear: both;
    position: relative;
    transition: margin 0.28s ease-in-out 0s;
    background: #fdb646;
    box-shadow: 1px 1px 1px #00000061;
}.chatbot-class .user-message.message-operator {
    float: right !important;
    margin: 0 8px 0 auto;
}.chatbot-class .header-menu-item {
    /* padding: 4px; */
    float: left;
    cursor: pointer;
    width: 100%;
    text-align: left;
    padding: 4px;
    /* font-size: 11px; */
    list-style: none;
    border-bottom: 1px solid #eee;
}.chatbot-class #restart-chat {
    padding: 4px;
    width: 100%;
    display: block;
    float: left;
    margin: 0 0 10px 0;
    /* padding: 4px; */
}

.chatbot-class #mute-chat {
    width: 100%;
    display: block;
    float: left;
    padding: 4px;
}.chatbot-class #restart-chat:hover {
    background: #ededed;
}

.chatbot-class #mute-chat:hover {
    background: #ededed;
}