@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&family=Poppins:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;1,100;1,200;1,300;1,400;1,500;1,600&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');

@keyframes Gradient {
    0% {
        background-position: 0% 50%
    }

    50% {
        background-position: 100% 50%
    }

    100% {
        background-position: 0% 50%
    }
}

#searchUnifyChatbot * {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

#searchUnifyChatbot .suva-third-section {
    /* background: transparent !important; */
    position: absolute;
    bottom: 0px;
    width: 100%;
    z-index: 4;

}

#searchUnifyChatbot .title {
    font-size: 30px;
    font-weight: bold;
    text-shadow: #ccc 2px 2px 1px;
    padding-bottom: 5px;
}

#searchUnifyChatbot .suva-text-bar {
    position: relative;
    display: flex;
    z-index: 2;
}

#searchUnifyChatbot #suva-prompt_anchor:hover {
    text-decoration: none;
    cursor: auto;
}

#searchUnifyChatbot a:hover {
    color: #fff;
}

#searchUnifyChatbot .open-more {
    bottom: 0px;
    transition: 2s;
}

#searchUnifyChatbot .close-more {
    bottom: -350px;
    transition: 2s;
}

/*Input field animation*/
#searchUnifyChatbot #suva-submit::-webkit-input-placeholder {
    transform: translateX(0px);
    transition: transform 0.2s linear;
}

/* hover effect over css Start */
#searchUnifyChatbot #suva-submit:hover::-webkit-input-placeholder {
    transform: translateX(10px);
    transition: transform 0.2s linear;

}

#searchUnifyChatbot #searchUnifyChatbot .suva-border-chat {
    margin: 0px;
}

#searchUnifyChatbot .suva-first-section {
    width: 100%;
    padding: 0px 21px;
    height: 70px;
    position: absolute;
    /* border-radius: 10px; */
    z-index: 99999;
    box-shadow: 0px 40px 99px #2F44DF42;
    background-color: rgb(0, 101, 138);
}

#searchUnifyChatbot .left-section {
    background-color: #6e99fa;
    box-shadow: 0 3px 6px #00000029;
}

#searchUnifyChatbot .suva-logo-bot {
    width: 38px !important;
    height: 34px !important;
    margin-right: 9px;
}

#searchUnifyChatbot .suva-text-bar input {
    background-color: #FFFFFF;
    border: none;
    height: auto;
    width: 67%;
    height: 57px;
    padding: -1px 18px;
    color: #999c9e;
    font-weight: 500;
    font-size: 16px;
    box-shadow: none;
}

#searchUnifyChatbot .suva-close-set {
    display: flex;
    width: 150px;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
}

#searchUnifyChatbot #suva-main-skip-opt-text #suva-skip-img {
    cursor: pointer;
    height: 12px;
    width: 12px;
    transition: transform 0.1s linear;
}

#searchUnifyChatbot .suva-chatbot-tooltip img {
    height: 24px;
}

#searchUnifyChatbot .suva-chatbot-tooltip {
    position: relative;
}

#searchUnifyChatbot .suva-chatbot-tooltip .suva-chatbot-tooltiptext {
    visibility: hidden;
    font-family: 'Poppins';
    position: absolute;
    z-index: 1;
    bottom: 109%;
    left: 0%;
    padding: 2px 4px;
    text-align: center;
    font-size: 13px;
    color: #FFFFFF;
    max-width: 400px;
    overflow: hidden;
    white-space: nowrap;
    height: 24px;
    background: #266FFF 0% 0% no-repeat padding-box;
    border: 1px solid #266FFF;
    border-radius: 4px;
}


#searchUnifyChatbot .suva-chatbot-tooltip:hover .suva-chatbot-tooltiptext {
    -webkit-animation: fadeIn 0.4s ease-in-out;
    animation: fadeIn 0.4s ease-in-out;
    -moz-animation: fadeIn 0.4s ease-in-out;
    -o-animation: fadeIn 0.4s ease-in-out;
    -ms-animation: fadeIn 0.4s ease-in-out;
    visibility: visible;
}

#searchUnifyChatbot .suva-text-bar input:focus {
    outline: none;
}

#searchUnifyChatbot div .suva-chatting {
    background-color: #FFFFFF;
    border-bottom-left-radius: 14px;
    border-bottom-right-radius: 14px;
}

#searchUnifyChatbot a.suva-btn-end {
    border: none;
    z-index: 9999;
    text-decoration: none;
}

#searchUnifyChatbot .suva-first-section .suva-header-div {
    color: #fff;
    font-weight: 600;
    margin: 0px;
    font-size: 14px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 100%;
}

#searchUnifyChatbot .suva-first-section .suva-header-div .suva-logo-title {
    width: 310px;
    display: flex;
    align-items: center;
}

#searchUnifyChatbot .right-first-section {
    text-align: right;
}

#searchUnifyChatbot .right-first-section i {
    color: #fff;
    font-size: 15px;
    padding: 12px 3px;
}

#searchUnifyChatbot .right-first-section i:hover {
    color: #fff;
}

#searchUnifyChatbot .suva-chat-section ul li {

@media screen and (max-width: 440px) {
  width: 100% !important;
}
    list-style: none;
    position: relative;
}

#searchUnifyChatbot .suva-party ul li {
    list-style: disc;
}

#searchUnifyChatbot .suva-party ol li {
    list-style: decimal;
}

#searchUnifyChatbot .suva-chat-section ul {
    padding: 0px;
    margin: 1em 0;
}

#searchUnifyChatbot .suva-left-chat img,
#searchUnifyChatbot .suva-right-chat img {
    width: 37px;
    height: 37px;
    float: left;
    margin: 0px 10px;
}

#searchUnifyChatbot .suva-right-chat img {
    float: right;
}

#searchUnifyChatbot .suva-second-section {
    padding: 0px;
    margin: 0px;
    background-color: #f3f3f3;
}

#searchUnifyChatbot .suva-left-chat,
#searchUnifyChatbot .suva-right-chat {
    overflow: hidden;
    padding-bottom: 6px;
}

#searchUnifyChatbot .suva-left-chat div,
#searchUnifyChatbot .suva-right-chat p {
    color: #000;
    border-radius: 14px;
    float: left;
    margin-top: 0px;
}

#searchUnifyChatbot .suva-left-chat span {
    top: 60px;
}

#searchUnifyChatbot .suva-right-chat span {
    position: absolute;
    left: 70px;
    top: 60px;
    color: #8dd6ff;
}

#searchUnifyChatbot .suva-right-chat span {
    left: 45px;
}

#searchUnifyChatbot .suva-contact-form-page div {
    text-align: left;
    font-size: 14px;
    font-family: 'Poppins';
}

#searchUnifyChatbot .suva-feedback-button {
    position: absolute;
    right: 5px;
    bottom: 25px;
    display: flex;
}

#searchUnifyChatbot .suva-contact-form-page .suva-button-msg {
    width: 100%;
}

#searchUnifyChatbot .suva-right-chat .suva-response {
    float: right;
    display: flex;
    flex-direction: column;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border-radius: 20px 20px 0px 20px;
    padding: 11px 16px 4px 16px;
    color: #050505;
    font-weight: 500;
    box-shadow: 0px 3px 6px #AFD6F291;
    margin: 0px 10px;
    word-break: break-word;
    transition: all 0.3s ease-in-out;
    font-family: Poppins;
}

#searchUnifyChatbot .suva-right-chat .suva-response::first-letter {
    text-transform: capitalize;
}

#searchUnifyChatbot .suva-timestamp {
    display: flex;
    justify-content: flex-end;
    margin-right: 0.2em;
    margin-bottom: 20px;
}

#searchUnifyChatbot .suva-leftTimestamp {
    display: inline-flex;
    position: relative;
    right: 10px;
    bottom: 22px;
    align-items: flex-end;
    overflow: auto;
}

#searchUnifyChatbot .suva-timestampP {
    font-size: 10px;
    font-family: 'Poppins';
    letter-spacing: 0px;
    color: #7B7B7B;
    margin: 0px;
}

#searchUnifyChatbot .suva-leftTimestampP {
    text-align: right !important;
    letter-spacing: 0px !important;
    color: #7B7B7B;
    margin: 4px 0px !important;
    font-family: 'Poppins';
    font-size: 10px;
}
/*----#searchUnifyChatbot in front of below div, is removed as it is causing UI issues in case of cards in expanded bot---*/
.suva-chat-section.bot-expanded .suva-party {
    max-width: 620px !important;
}
#searchUnifyChatbot .cards_div_container.expanded .cards_header_blog{
    margin-left: 272px !important;
}
#searchUnifyChatbot .cards_div_container.expanded .cards_blog_link{
    left: 106px;
}
#searchUnifyChatbot .suva-chat div .suva-party {
    word-break: break-word;
    white-space: break-spaces;
    background-color: #FBF9FF;
    box-shadow: 0px 3px 6px #AFD6F291;
    border: 1px solid rgb(0 101 138);
    border-radius: 20px 20px 20px 0px;
    padding: 10px 15px 0px 15px;
    margin: 1px !important;
    font-family: 'Poppins';
    scroll-behavior: smooth;
    font-size: 14px;
    line-height: 22px;
    color: #050505;
    margin: 0px;
    font-weight: 500;
    transition: all 0.3s ease-in-out;
    max-width: 347px;
    scrollbar-width: none;
}

#searchUnifyChatbot .input {
    margin-top: 20px;
}

#searchUnifyChatbot .input input {
    vertical-align: top;
    float: left;
    border: 1px solid #ccc;
    padding: 5px;
    width: 480px;
    margin: 0;
    border-radius: 5px;
}

#searchUnifyChatbot .download-chat-icon {
    margin-left: 4px;
    margin-right: 11px;
}

#searchUnifyChatbot .input a {
    vertical-align: top;
    float: right;
    font-weight: bold;
    border: 1px solid #ccc;
    background-color: #efefef;
    padding: 7px 35px;
    color: black;
    text-decoration: none;
    border-radius: 5px;
}

#searchUnifyChatbot .input a:hover {
    background-color: #ddd;
    cursor: pointer;
}

#searchUnifyChatbot .suva-contact-form-page {
    height: 25px;
    width: 25px;
    display: none;
    border-radius: 50%;
    position: fixed;
    bottom: 55px;
    right: 42px;
    overflow: hidden;
}

#searchUnifyChatbot #load-img {
    right: 82%;
}

#searchUnifyChatbot .suva-show-profile {
    z-index: 9999999999;
    height: 87vh;
    display: block;
    width: 495px;
    bottom: 30px;
    right: 22px;
    position: fixed;
    border-radius: 0px;
    border-top-right-radius: 14px;
    border-top-left-radius: 14px;
    border-bottom-left-radius: 14px;
    border-bottom-right-radius: 14px;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
    animation-name: fadeInUp;
    -webkit-animation-name: fadeInUp;
    animation-duration: 1s;
    animation-fill-mode: both;
    -webkit-animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    box-shadow: 0 0px 5px rgb(255 255 255 / 84%);
    transition: all 0.3s ease-in-out;
}

#searchUnifyChatbot .suva-third-section>div>a {

    width: 20px;
    height: 20px;
    margin-right: 10px;
    cursor: auto;
}

/* animation over coming respsonse */
#searchUnifyChatbot .suva-animation {
    -webkit-animation: slideUp 0.5s ease-in-out;
    margin: 10px 46px 0px 22px;
    display: flex;
    margin-bottom: 8px;
}

#searchUnifyChatbot .suva-animationUser {
    -webkit-animation: slideUp 0.5s ease-in-out;
    margin: 10px 13px 35px 46px;
}

#searchUnifyChatbot div.suva-left-chat ul li {
    margin-left: 20px;
    list-style-type: disc;
}

#searchUnifyChatbot .form-profile-img {
    float: left;
}

#searchUnifyChatbot .suva-text-bar .cover-send-kip {
    display: flex;
    align-items: center;
    bottom: 2px;
    position: relative;
}

#searchUnifyChatbot .form-profile-img img {
    border-radius: 50%;
    margin: 20px 0 0 14px;
}

#searchUnifyChatbot .form-head {
    display: block;
}

#searchUnifyChatbot .cancel-btn-img {
    position: relative;
}

#searchUnifyChatbot .suva-chatbot-buttom-btn {
    position: fixed;
    bottom: 43px;
    right: 47px;
    color: #09527e;
    padding: 12px;
    text-align: center;
    opacity: 1;
    border-radius: 50%;
    background-repeat: no-repeat;
    -webkit-backface-visibility: hidden;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

#searchUnifyChatbot .suva-chatbot-buttom-btn i {
    font-size: 30px;
}

#searchUnifyChatbot .form-group label {
    font-size: 14px;
    color: #fff;
}

#searchUnifyChatbot .suva-buttom-btn-hide {
    display: none;
}

#searchUnifyChatbot .top {
    background-color: #09527e;
    border-bottom-left-radius: 10%;
    border-bottom-right-radius: 10%;
    text-align: center;
    padding-top: 70px;
    padding-bottom: 70px;
}

#searchUnifyChatbot .start_chat {
    margin: 5% 31%;
    width: 38%;
}

#searchUnifyChatbot a:hover,
#searchUnifyChatbot a:focus {
    color: #fff;
}

#searchUnifyChatbot .suva-second-section {
    background: #FFFFFF 0% 0% no-repeat padding-box;
}

#searchUnifyChatbot span.highlight {
    color: #575757;
}

#searchUnifyChatbot input:focus {
    outline-color: #2a6496;
}

#searchUnifyChatbot div>.item {
    text-align: -webkit-center;
}

#searchUnifyChatbot div>.active {
    margin-bottom: 0 !important;
}

#searchUnifyChatbot .links-div {
    padding: 10px 0 0 0;
    width: 250px;
    height: 88px;
    margin: 0 40px 0 5px;
}


#searchUnifyChatbot .links-div>a {
    text-decoration: none;
    display: block;
}

#searchUnifyChatbot .suva-party a {
    color: #4981fd !important;
    text-decoration: none;
    background-color: transparent;
}

#searchUnifyChatbot .suva-party a:hover,
#searchUnifyChatbot .suva-party a:focus {
    text-decoration: underline;
    background-color: transparent;
    cursor: pointer;
}

#searchUnifyChatbot .start_chat {
    border-radius: 30px;
    padding: 10px 8px;
    background: #f48b00;
    color: #fff;
    font-size: 15px;
    font-weight: 600;
    height: 40px;
    text-align: center;
    border: 0;
}

#searchUnifyChatbot #month_1 {
    display: none;
    position: fixed;
    bottom: 132px;
    right: 22px;
    width: 450px;
    background: #fff;
    box-shadow: 1px 0 0 #e6e6e6, -1px 0 0 #e6e6e6, 0 1px 0 #e6e6e6, 0 -1px 0 #e6e6e6, 0 3px 13px rgba(0, 0, 0, 0.08);
    border-radius: 5px;
}

#searchUnifyChatbot .month li {
    display: inline-block;
    width: 24%;
    text-align: center;
    padding-left: 10px !important;
    padding: 7px !important;
    color: #000;
    cursor: pointer;
    font-size: 14px;
}

#searchUnifyChatbot #year_1 {
    display: none;
}

#searchUnifyChatbot .month,
.year {
    overflow: hidden;
    padding-left: 0px;
}

#searchUnifyChatbot li.year_li {
    width: 23%;
    display: inline-block;
    padding: 7px;
    text-align: center;
    cursor: pointer;
}

#searchUnifyChatbot .datepicker.datepicker-dropdown {
    width: 450px;
    left: 835px;
    display: none !important;
}

#searchUnifyChatbot .datepicker-years .table-condensed,
.datepicker-months .table-condensed,
.datepicker-days .table-condensed {
    width: 100%;
    height: 240px;
}

#searchUnifyChatbot .highlight {
    background: none;
}

#searchUnifyChatbot .suva-settings {
    display: flex;
    margin-top: -8px;
    float: right;
    cursor: pointer;

}

#searchUnifyChatbot .select-option {
    color: #101820;
    background-color: #FFFFFF;
}

#searchUnifyChatbot .suva-settings #mySelect {
    height: 30px;
    width: 100%;
    background-color: #656568;
    -webkit-appearance: none;
    appearance: none;
    padding: 0 32px 0 8px;
    height: 32px;
    border-radius: 6px;
    border: 0;
    cursor: pointer;
    width: 100%;
    font-size: 14px;
    color: white;
}

#searchUnifyChatbot .lang-heading {
    position: absolute;
    color: #FFFFFF;
    top: 7%;
    left: 0;
    right: 0;
    transform: translateY(-50%);
    text-align: center;
    user-select: none;
    pointer-events: none;
    font-size: 16px;
    font-weight: 500;
    margin: 0;
}

#searchUnifyChatbot .suva-settings svg {
    height: 22px;
    width: 22px;
    vertical-align: middle;
    cursor: pointer;
    fill: #fff;
}

#searchUnifyChatbot .suva-heading-chat {
    font-size: 18px;
    line-height: 27px;
    font-family: poppins !important;
    width: 100%;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

@media only screen and (min-width:768px) and (max-width:990px) {
    #searchUnifyChatbot #month_1 {
        bottom: 129px;
        right: 22px;
        left: unset;
    }

    #searchUnifyChatbot .bot-name .status {
        display: flex;
        background: none;
    }

    #searchUnifyChatbot .bot-name .status-text {
        font-size: 13px;
        font-family: 'Poppins';
        line-height: 20px;
    }

    #searchUnifyChatbot .bot-name .status-color {
        height: 9px;
        width: 9px;
        display: block;
        background-color: #0DCF61;
        border-radius: 50%;
        margin: 5px 6px 0px 0px;
    }

    #searchUnifyChatbot .datepicker.datepicker-dropdown {
        left: 300px !important;
        right: 38px;
        top: 656px !important;
        display: none !important;
    }
}

@media only screen and (min-width:990px) and (max-width:1200px) {
    #searchUnifyChatbot #month_1 {
        top: 531px;
        right: 22px;
        left: unset;
    }

    #searchUnifyChatbot .datepicker.datepicker-dropdown {
        left: 549px !important;
        right: 38px;
        width: 450px;
        top: 393px !important;
        display: none !important;
    }
}


@media only screen and (min-width: 320px) and (max-width: 480px) {

    /*////////////////////////////////////////////////////Add code for responsive media query*/
    #searchUnifyChatbot .suva-first-section .suva-header-div .suva-logo-title {

        width: 211px;

    }

    #searchUnifyChatbot .suva-first-section {
        padding: 0px 12px;
        border-radius: 0;
    }

    #searchUnifyChatbot .suva-clearchatdialogcontainer p,
    #searchUnifyChatbot .suva-lostChatDialogContainer p,
    #searchUnifyChatbot .suva-feedbackDialogContainer p,
    #searchUnifyChatbot .suva-endAgentChatDialogContainer p {
        font-size: 12px !important;
    }

    #searchUnifyChatbot .suva-clearchatdialogcontainer .suva-clearchatYesbtn,
    #searchUnifyChatbot .suva-clearchatdialogcontainer .suva-clearchatDialogNobtn,
    #searchUnifyChatbot .suva-lostChatDialogContainer .suva-lostChatDialogEndbtn,
    #searchUnifyChatbot .suva-lostChatDialogContainer .suva-lostChatDialogCancelbtn,
    #searchUnifyChatbot .suva-feedbackDialogContainer .suva-feedbackDialogEndbtn,
    #searchUnifyChatbot .suva-feedbackDialogContainer .suva-feedbackDialogCancelbtn,
    #searchUnifyChatbot .suva-endAgentChatDialogClearfix .suva-endAgentChatDialogEndbtn,
    #searchUnifyChatbot .suva-endAgentChatDialogClearfix .suva-endAgentChatDialogCancelbtn {
        padding: 9px 39px !important;
        font-size: 14px !important;
    }

    #searchUnifyChatbot .suva-header-moreSettings {
        width: 100% !important;
    }

    #searchUnifyChatbot .suva-moreSettingsContainer {
        width: 100% !important;
    }

    #searchUnifyChatbot .suva-header-langSettings {
        width: 100% !important;
    }

    #searchUnifyChatbot .suva-lang-setting-list-Container {
        width: 100% !important;
    }

    #searchUnifyChatbot #suva-lang-setting-list,
    #searchUnifyChatbot #suva-overall-feedback,
    #searchUnifyChatbot .feedback-submitted {
        width: 100% !important;
    }

    #searchUnifyChatbot .suva-select-items div,
    .suva-select-selected {
        width: 100% !important;
    }

    #searchUnifyChatbot .suva-same-as-selected::after {
        margin-left: 283px;
    }

    #searchUnifyChatbot .suva-select-items {
        width: 100% !important;
    }

    #searchUnifyChatbot .suva-lang-section {
        width: 100% !important;
    }



    #searchUnifyChatbot #suva-overall-feedback .suva-overall-feedback-container .suva-overall-feedback-text {
        font-size: 14px !important;
        margin: 12px 30px !important;
    }

    #searchUnifyChatbot #suva-overall-feedback .suva-overall-feedback-container {
        width: 100% !important;
    }

    #searchUnifyChatbot #suva-overall-feedback .suva-overall-feedback-container .suva-overall-feedback-emojis {
        width: 100% !important;
        height: 51% !important;
        margin: 20px auto 72px auto !important;
    }

    #searchUnifyChatbot #suva-overall-feedback .additional-feedback {
        width: 100% !important;
    }

    #searchUnifyChatbot #suva-lang-setting-list,
    #searchUnifyChatbot #suva-overall-feedback,
    #searchUnifyChatbot .feedback-submitted {
        height: 100% !important;
    }

    #searchUnifyChatbot .datepicker-years .table-condensed,
    .datepicker-months .table-condensed,
    .datepicker-days .table-condensed {
        width: 100%;
        height: 240px;
    }

    #searchUnifyChatbot .datepicker-inline {
        width: 100% !important;
    }

    #searchUnifyChatbot #suva-overall-feedback .suva-overall-feedback-container {
        border-radius: 0px !important;
    }

    #searchUnifyChatbot .suva-botLauncher {
        right: 31px !important;
        bottom: 89px !important;
    }

    #searchUnifyChatbot .suva-lang-dropdown {
        top: 23px !important;
    }

    #searchUnifyChatbot .suva-lang-dropdown-triangle::after {
        top: 9px !important;
    }

    #searchUnifyChatbot #suva-date_picker {
        min-height: 209px !important;
    }

    #searchUnifyChatbot #suva-month_picker {
        min-height: 209px !important;
    }

    #searchUnifyChatbot #suva-year_picker {
        min-height: 209px !important;
    }

    #searchUnifyChatbot .suva-select-arrow-active::after {
        right: 11px !important;
    }

    #searchUnifyChatbot .suva-select-selected {
        color: #5500ff00 !important;
    }

    #searchUnifyChatbot .suva-show-profile {
        width: 100%;
        height: 100% !important;
        bottom: 0;
        right: 0;
        border-radius: 0px;
        z-index: 9999999999;
    }

    #searchUnifyChatbot .suva-settingslogonew {
        position: absolute;
        right: 13px !important;
        bottom: 20px !important;
    }

    #searchUnifyChatbot #suva-submit {
        background-color: transparent !important;
    }

    #searchUnifyChatbot .suva-heading-chat {
        font-size: 17px;
    }

    #searchUnifyChatbot .suva-logo-bot {
        width: 30px !important;
        height: 30px !important;
    }

    #searchUnifyChatbot #suva-main-skip-opt-text #suva-skip-img {
        transform: none;
    }

    #searchUnifyChatbot .suva-show-skip-txt .suva-skip-text {
        display: none;
    }

    #searchUnifyChatbot #suva-submit:hover::-webkit-input-placeholder {
        transform: none;
    }

    #searchUnifyChatbot .suva-chat-section {
        padding: 10px 15px 61px 15px;
    }

    #searchUnifyChatbot .suva-mystyle {
        max-height: 174px !important;
    }

    #searchUnifyChatbot .suva-chatbot-buttom-btn {
        bottom: 0px;
        right: 2px;
    }

    #searchUnifyChatbot .datepicker-years .table-condensed,
    .datepicker-months .table-condensed,
    .datepicker-days .table-condensed {
        height: 194px;
    }

    #searchUnifyChatbot .suva-waitingLabel {
        bottom: 145px !important;
    }

    #searchUnifyChatbot .lang-heading {
        right: 79px;
    }

    #searchUnifyChatbot #searchUnifyChatbot .suva-heading-chat {
        width: 61%;
    }

    #searchUnifyChatbot .suva-text-bar a svg {
        margin-top: 2px;
    }

    #searchUnifyChatbot #month_1 {
        left: 0;
        width: 360px;
        bottom: 10%;
    }

    #searchUnifyChatbot .datepicker-years .table-condensed {
        width: 100% !important;
    }

    #searchUnifyChatbot .datepicker.datepicker-dropdown {
        width: 345px !important;
        display: none !important;
    }

    #searchUnifyChatbot .suva-third-section>div>a {
        margin-top: 16px;
        margin-right: 0px;
    }

    #searchUnifyChatbot .links-div {
        width: 80%;
        margin: 0 0 0 5px;
    }

    #searchUnifyChatbot .suva-text-bar input {
        height: 60px;
        width: 67%;
    }

    #searchUnifyChatbot #load-img {
        bottom: 8%;
    }
}

/* new styles added */

#searchUnifyChatbot .suva-left-img {
    width: 32px;
    height: 32px;
    background-color: #6F64EE;
    border-radius: 50%;
}

#searchUnifyChatbot .suva-contact-form-page div::-webkit-scrollbar-thumb {
    background: #919191 0% 0% no-repeat padding-box;
    border-radius: 20px;
    opacity: 1;
}

#searchUnifyChatbot .suva-contact-form-page div::-webkit-scrollbar {
    width: 0px;
    height: 0px;
}

#searchUnifyChatbot .suva-contact-form-page div::-webkit-scrollbar-track {
    background-color: transparent;
}

#searchUnifyChatbot .suva-minimize-bot-icon {
    width: 24px;
    height: 24px;
    float: right;
    margin-right: 17px;
    cursor: pointer;
}


#searchUnifyChatbot .suva-chat-section::-webkit-scrollbar {
    width: 0px;
    height: 0px;
    background: #919191 0% 0% no-repeat padding-box;
}

#searchUnifyChatbot .suva-chat-section::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 0px rgba(0, 0, 0, 0.3);
    background-color: transparent;
    ;
}

#searchUnifyChatbot .suva-chat-section::-webkit-scrollbar-thumb {
    background-color: transparent;
    border-radius: 20px;
}

#searchUnifyChatbot .suva-chatbot-response-disable {
    outline: 0;
    color: #303030;
    border: 1px solid #9CA9F8 !important;
    background-repeat: no-repeat;
    box-shadow: 1px -1px 10px 1px rgba(0, 0, 0, 0.04);
    display: inline-block;
    border-radius: 4px;
    word-break: break-all;
    padding: 9px;
    margin: 10px 10px 0px 0px;
    cursor: not-allowed;
    font-size: 13px;

}

#searchUnifyChatbot .suva-chat-leaving {
    -webkit-transform: scale(.6);
    -webkit-transform: scale(.6);
    transform: scale(.4);
    opacity: 0;
}

#searchUnifyChatbot .suva-chat-enter-to,
#searchUnifyChatbot .suva-chat-leave-to {
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

#searchUnifyChatbot .top-border {
    border-top: 1px solid #EAEEF3 !important;
}

#searchUnifyChatbot .suva-chatbot-text,
#searchUnifyChatbot .suva-fallback-text {
    cursor: pointer !important;
}

#searchUnifyChatbot .suva-chatbot-text {
    font-size: 14px;
    color: #2368F9;
    transition: transform 0.2s linear;
}

#searchUnifyChatbot .suva-chatbot-text:hover {
    transform: translateX(2px);
    transition: transform 0.2s linear;
}

#searchUnifyChatbot .suva-fallback-links,
#searchUnifyChatbot .suva-chatbot-links {
    cursor: default;
    text-decoration: underline;
}

#searchUnifyChatbot .suva-chatbot-links,
#searchUnifyChatbot .suva-chatbot-links:hover {
    text-decoration: none;
    background: #EEEEEE 0% 0% no-repeat padding-box;
    margin: 0px 10px 10px 0px;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all;
    display: table;
    border-top: none;
    color: #2368F9 !important;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    font-size: 14px;
}

#searchUnifyChatbot .suva-chatbot-links p:hover {
    text-decoration: underline;
}

#searchUnifyChatbot .suva-chatbot-links .suva-leftTimestampP:hover {
    text-decoration: none;
}

#searchUnifyChatbot .suva-fallback-links:focus {
    color: #262626;
}

#searchUnifyChatbot .suva-fallback-links,
#searchUnifyChatbot .suva-fallback-links:hover {
    background-color: rgba(0, 0, 0, 0.08) !important;
    border-radius: 5px;
    padding: 4px 6px;
    margin-top: 7.85px;
    color: #262626;
}

#searchUnifyChatbot .suva-fallback-text {
    font-size: 12px;
    color: #262626;
    line-height: 1.5;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 268px;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 268px;
}

#searchUnifyChatbot .suva-fallback-text:hover {
    color: #262626;
    text-decoration: underline;
}

#searchUnifyChatbot .suva-chatbot-links {
    text-decoration: none;
}


/* Disguise Loading new css added */

#searchUnifyChatbot .load-section {
    background-color: #f7f9fb;
    box-shadow: 0 3px 6px #0000000d;
}

#searchUnifyChatbot .load-section .suva-logo-bot {
    display: inline-block;
    background-color: #e9eef4;
    border-radius: 4px;
}

#searchUnifyChatbot .load-section .loading-chat {
    color: rgb(131, 51, 51);
    width: 250px;
    display: inline-block;
    position: relative;
    top: 5px;
    margin-top: 8px;
    height: 20px;
    left: 10px;
    border-radius: 10px;
    animation-duration: 3s;
    animation-fill-mode: forwards;
    animation-iteration-count: infinite;
    animation-name: Gradient;
    animation-timing-function: ease;
    background: linear-gradient(90deg, #f1f7f8 20%, #dfe7ec 50%, #eee 80%);
    background-size: 500px 100px;
}

#searchUnifyChatbot .suva-chatbot-loading div.suva-party {
    border-radius: 20px;
    padding: 9px 20px;
    width: 250px;
    background: linear-gradient(90deg, #f1f7f8 20%, #dfe7ec 50%, #eee 80%);
    animation: Gradient 3s ease infinite;
    background-size: 500px 100px;
}

#searchUnifyChatbot .suva-chatbot-loading .suva-load-msg .suva-left-chat:nth-child(2) .suva-party {
    width: 125px
}

#searchUnifyChatbot .suva-chatbot-loading div.suva-party:nth-child(3) {
    width: 80px
}

#searchUnifyChatbot .suva-chatbot-loading div.suva-party:nth-child(4) {
    width: 150px
}

#searchUnifyChatbot .suva-chatbot-loading .suva-right-chat .suva-response {
    background: linear-gradient(90deg, #f1f7f8 20%, #dfe7ec 50%, #eee 80%);
    animation: Gradient 3s ease infinite;
    background-size: 500px 100px;
    width: 150px;
    border-radius: 20px;
    padding: 8px;
    margin: 0px;
}

#searchUnifyChatbot .suva-chatbot-loading .suva-load-msg {
    margin: 27px 0px;
}

#searchUnifyChatbot .suva-chatbot-loading .suva-right-chat:nth-child(2) .suva-response {
    width: 70px;
}

#searchUnifyChatbot .suva-chatbot-loading .suva-left-chat,
#searchUnifyChatbot .suva-contact-form-page div .suva-chatbot-loading .suva-right-chat {
    margin: 10px 40px;
}

#searchUnifyChatbot .suva-textLoad {
    background-color: #f7f9fb;
}

#searchUnifyChatbot  iframe#launcher {
    display: none;
}

#searchUnifyChatbot div.hr {
    margin-top: 20px;
    margin-bottom: 20px;
    border: 1px solid #eee;
    text-align: center !important;
    padding: 1% 5%;
    margin: 1%;
}

#searchUnifyChatbot .hr-title {
    background-color: #fff;
    font-size: 14px;
}

#searchUnifyChatbot .suva-party {
    background-color: rgb(222, 222, 223);
    color: rgb(23, 25, 25);
    font-size: 14px !important;
}

/* Change styles for button on extra small screens */

@media screen and (max-width: 300px) {

    #searchUnifyChatbot .suva-popup-no-btn,
    #searchUnifyChatbot .suva-popup-yes-btn {
        width: 100%;
    }
}


/* =======================END AGENT CHAT CONFIRM DIALOG====================== */

#searchUnifyChatbot .suva-waitingLabel {
    position: fixed;
    padding: 12px;
    right: 38px;
    bottom: 126px;
    text-align: left;
    z-index: 100;
    background-repeat: no-repeat;
    display: none;
    -webkit-backface-visibility: hidden;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    width: fit-content;
    color: #FFFFFF;
    background: rgba(34, 102, 246, 0.69) 0% 0% no-repeat padding-box !important;
    box-shadow: 0px 0px 20px #00000029;
    border-radius: 9px;
    opacity: 1;
    font-family: Poppins !important;
    font-size: 15px;
}

#searchUnifyChatbot .suva-crossimg {
    height: 20px;
    width: 28px;
    float: right;
    cursor: pointer;
}


#searchUnifyChatbot .suva-chatbot-links {
    font-size: 14px;
    margin-bottom: 0 !important;
}

#searchUnifyChatbot .suva-chatbot-links-youtube {
    max-height: fit-content;
    width: 66% !important;
    margin-left: 9%;
    border-radius: 4px;
    margin-top: 2%;
}

#searchUnifyChatbot .margin-0 {
    margin: 0 !important;
}

#searchUnifyChatbot .suva-party p {
    margin: 0;
}


@-webkit-keyframes fpFadeInDown {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes fpFadeInDown {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

#searchUnifyChatbot  .datepicker {
    padding: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    direction: ltr;
}

#searchUnifyChatbot .datepicker-inline {
    width: 100%;
}

#searchUnifyChatbot .datepicker.datepicker-rtl {
    direction: rtl;
}

#searchUnifyChatbot .datepicker.datepicker-rtl table tr td span {
    float: right;
}

#searchUnifyChatbot .datepicker-dropdown {
    top: 0;
    left: 0;
}

#searchUnifyChatbot  .datepicker-dropdown:before {
    content: '';
    display: inline-block;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #999999;
    border-top: 0;
    border-bottom-color: rgba(0, 0, 0, 0.2);
    position: absolute;
}

#searchUnifyChatbot .datepicker-dropdown:after {
    content: '';
    display: inline-block;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #ffffff;
    border-top: 0;
    position: absolute;
}

#searchUnifyChatbot .datepicker-dropdown.datepicker-orient-left:before {
    left: 6px;
}

#searchUnifyChatbot  .datepicker-dropdown.datepicker-orient-left:after {
    left: 7px;
}

#searchUnifyChatbot .datepicker-dropdown.datepicker-orient-right:before {
    right: 6px;
}

#searchUnifyChatbot .datepicker-dropdown.datepicker-orient-right:after {
    right: 7px;
}

#searchUnifyChatbot .datepicker-dropdown.datepicker-orient-bottom:before {
    top: -7px;
}

#searchUnifyChatbot .datepicker-dropdown.datepicker-orient-bottom:after {
    top: -6px;
}

#searchUnifyChatbot .datepicker-dropdown.datepicker-orient-top:before {
    bottom: -7px;
    border-bottom: 0;
    border-top: 7px solid #999999;
}

#searchUnifyChatbot .datepicker-dropdown.datepicker-orient-top:after {
    bottom: -6px;
    border-bottom: 0;
    border-top: 6px solid #ffffff;
}

#searchUnifyChatbot .datepicker>div {
    display: none;
}

#searchUnifyChatbot .datepicker table {
    margin: 0;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

#searchUnifyChatbot .datepicker td,
.datepicker th {
    text-align: center !important;
    width: 20px;
    height: 20px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border: none;

}

.table-striped .datepicker table tr td,
.table-striped .datepicker table tr th {
    background-color: transparent;
}

.datepicker table tr td.day:hover,
.datepicker table tr td.day.focused {
    background: #eeeeee;
    cursor: pointer;
}

.datepicker table tr td.old,
.datepicker table tr td.new {
    color: #999999;
}

.datepicker table tr td.disabled,
.datepicker table tr td.disabled:hover {
    background: none;
    color: #999999;
    cursor: default;
}

.datepicker table tr td.highlighted {
    background: #d9edf7;
    border-radius: 0;
}

.datepicker table tr td.today,
.datepicker table tr td.today:hover,
.datepicker table tr td.today.disabled,
.datepicker table tr td.today.disabled:hover {
    background-color: #fde19a;
    background-image: -moz-linear-gradient(to bottom, #fdd49a, #fdf59a);
    background-image: -ms-linear-gradient(to bottom, #fdd49a, #fdf59a);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fdd49a), to(#fdf59a));
    background-image: -webkit-linear-gradient(to bottom, #fdd49a, #fdf59a);
    background-image: -o-linear-gradient(to bottom, #fdd49a, #fdf59a);
    background-image: linear-gradient(to bottom, #fdd49a, #fdf59a);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fdd49a', endColorstr='#fdf59a', GradientType=0);
    border-color: #fdf59a #fdf59a #fbed50;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    color: #000;
}

.datepicker table tr td.today:hover,
.datepicker table tr td.today:hover:hover,
.datepicker table tr td.today.disabled:hover,
.datepicker table tr td.today.disabled:hover:hover,
.datepicker table tr td.today:active,
.datepicker table tr td.today:hover:active,
.datepicker table tr td.today.disabled:active,
.datepicker table tr td.today.disabled:hover:active,
.datepicker table tr td.today.active,
.datepicker table tr td.today:hover.active,
.datepicker table tr td.today.disabled.active,
.datepicker table tr td.today.disabled:hover.active,
.datepicker table tr td.today.disabled,
.datepicker table tr td.today:hover.disabled,
.datepicker table tr td.today.disabled.disabled,
.datepicker table tr td.today.disabled:hover.disabled,
.datepicker table tr td.today[disabled],
.datepicker table tr td.today:hover[disabled],
.datepicker table tr td.today.disabled[disabled],
.datepicker table tr td.today.disabled:hover[disabled] {
    background-color: #fdf59a;
}

.datepicker table tr td.today:active,
.datepicker table tr td.today:hover:active,
.datepicker table tr td.today.disabled:active,
.datepicker table tr td.today.disabled:hover:active,
.datepicker table tr td.today.active,
.datepicker table tr td.today:hover.active,
.datepicker table tr td.today.disabled.active,
.datepicker table tr td.today.disabled:hover.active {
    background-color: #fbf069 \9;
}

.datepicker table tr td.today:hover:hover {
    color: #000;
}

.datepicker table tr td.today.active:hover {
    color: #fff;
}

.datepicker table tr td.range,
.datepicker table tr td.range:hover,
.datepicker table tr td.range.disabled,
.datepicker table tr td.range.disabled:hover {
    background: #eeeeee;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

.datepicker table tr td.range.today,
.datepicker table tr td.range.today:hover,
.datepicker table tr td.range.today.disabled,
.datepicker table tr td.range.today.disabled:hover {
    background-color: #f3d17a;
    background-image: -moz-linear-gradient(to bottom, #f3c17a, #f3e97a);
    background-image: -ms-linear-gradient(to bottom, #f3c17a, #f3e97a);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f3c17a), to(#f3e97a));
    background-image: -webkit-linear-gradient(to bottom, #f3c17a, #f3e97a);
    background-image: -o-linear-gradient(to bottom, #f3c17a, #f3e97a);
    background-image: linear-gradient(to bottom, #f3c17a, #f3e97a);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f3c17a', endColorstr='#f3e97a', GradientType=0);
    border-color: #f3e97a #f3e97a #edde34;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

.datepicker table tr td.range.today:hover,
.datepicker table tr td.range.today:hover:hover,
.datepicker table tr td.range.today.disabled:hover,
.datepicker table tr td.range.today.disabled:hover:hover,
.datepicker table tr td.range.today:active,
.datepicker table tr td.range.today:hover:active,
.datepicker table tr td.range.today.disabled:active,
.datepicker table tr td.range.today.disabled:hover:active,
.datepicker table tr td.range.today.active,
.datepicker table tr td.range.today:hover.active,
.datepicker table tr td.range.today.disabled.active,
.datepicker table tr td.range.today.disabled:hover.active,
.datepicker table tr td.range.today.disabled,
.datepicker table tr td.range.today:hover.disabled,
.datepicker table tr td.range.today.disabled.disabled,
.datepicker table tr td.range.today.disabled:hover.disabled,
.datepicker table tr td.range.today[disabled],
.datepicker table tr td.range.today:hover[disabled],
.datepicker table tr td.range.today.disabled[disabled],
.datepicker table tr td.range.today.disabled:hover[disabled] {
    background-color: #f3e97a;
}

.datepicker table tr td.range.today:active,
.datepicker table tr td.range.today:hover:active,
.datepicker table tr td.range.today.disabled:active,
.datepicker table tr td.range.today.disabled:hover:active,
.datepicker table tr td.range.today.active,
.datepicker table tr td.range.today:hover.active,
.datepicker table tr td.range.today.disabled.active,
.datepicker table tr td.range.today.disabled:hover.active {
    background-color: #efe24b \9;
}

.datepicker table tr td.selected,
.datepicker table tr td.selected:hover,
.datepicker table tr td.selected.disabled,
.datepicker table tr td.selected.disabled:hover {
    background-color: #9e9e9e;
    background-image: -moz-linear-gradient(to bottom, #b3b3b3, #808080);
    background-image: -ms-linear-gradient(to bottom, #b3b3b3, #808080);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#b3b3b3), to(#808080));
    background-image: -webkit-linear-gradient(to bottom, #b3b3b3, #808080);
    background-image: -o-linear-gradient(to bottom, #b3b3b3, #808080);
    background-image: linear-gradient(to bottom, #b3b3b3, #808080);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b3b3b3', endColorstr='#808080', GradientType=0);
    border-color: #808080 #808080 #595959;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

.datepicker table tr td.selected:hover,
.datepicker table tr td.selected:hover:hover,
.datepicker table tr td.selected.disabled:hover,
.datepicker table tr td.selected.disabled:hover:hover,
.datepicker table tr td.selected:active,
.datepicker table tr td.selected:hover:active,
.datepicker table tr td.selected.disabled:active,
.datepicker table tr td.selected.disabled:hover:active,
.datepicker table tr td.selected.active,
.datepicker table tr td.selected:hover.active,
.datepicker table tr td.selected.disabled.active,
.datepicker table tr td.selected.disabled:hover.active,
.datepicker table tr td.selected.disabled,
.datepicker table tr td.selected:hover.disabled,
.datepicker table tr td.selected.disabled.disabled,
.datepicker table tr td.selected.disabled:hover.disabled,
.datepicker table tr td.selected[disabled],
.datepicker table tr td.selected:hover[disabled],
.datepicker table tr td.selected.disabled[disabled],
.datepicker table tr td.selected.disabled:hover[disabled] {
    background-color: #808080;
}

.datepicker table tr td.selected:active,
.datepicker table tr td.selected:hover:active,
.datepicker table tr td.selected.disabled:active,
.datepicker table tr td.selected.disabled:hover:active,
.datepicker table tr td.selected.active,
.datepicker table tr td.selected:hover.active,
.datepicker table tr td.selected.disabled.active,
.datepicker table tr td.selected.disabled:hover.active {
    background-color: #666666 \9;
}

.datepicker table tr td span {
    display: block;
    width: 23%;
    height: 54px;
    line-height: 54px;
    float: left;
    margin: 1%;
    cursor: pointer;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.datepicker table tr td span:hover {
    background: #eeeeee;
}

.datepicker table tr td span.disabled,
.datepicker table tr td span.disabled:hover {
    background: none;
    color: #999999;
    cursor: default;
}




.datepicker table tr td span.old,
.datepicker table tr td span.new {
    color: #999999;
}

.datepicker .datepicker-switch {
    width: 145px;
    text-align: center !important;
}

.datepicker .datepicker-switch,
.datepicker .prev,
.datepicker .next,
.datepicker tfoot tr th {
    cursor: pointer;
}

.datepicker .datepicker-switch:hover,
.datepicker .prev:hover,
.datepicker .next:hover,
.datepicker tfoot tr th:hover {
    background: #eeeeee;
}

.datepicker .cw {
    font-size: 10px;
    width: 12px;
    padding: 0 2px 0 5px;
    vertical-align: middle;
}

.input-append.date .add-on,
.input-prepend.date .add-on {
    cursor: pointer;
}

.input-append.date .add-on i,
.input-prepend.date .add-on i {
    margin-top: 3px;
}

.input-daterange input {
    text-align: center;
}

.input-daterange input:first-child {
    -webkit-border-radius: 3px 0 0 3px;
    -moz-border-radius: 3px 0 0 3px;
    border-radius: 3px 0 0 3px;
}

.input-daterange input:last-child {
    -webkit-border-radius: 0 3px 3px 0;
    -moz-border-radius: 0 3px 3px 0;
    border-radius: 0 3px 3px 0;
}

.input-daterange .add-on {
    display: inline-block;
    width: auto;
    min-width: 16px;
    height: 18px;
    padding: 4px 5px;
    font-weight: normal;
    line-height: 18px;
    text-align: center;
    text-shadow: 0 1px 0 #ffffff;
    vertical-align: middle;
    background-color: #eeeeee;
    border: 1px solid #ccc;
    margin-left: -5px;
    margin-right: -5px;
}

#searchUnifyChatbot .dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    text-align: left;
    list-style: none;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, .15);
    border-radius: 4px;
    font-size: 14px;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, .175)
}

#searchUnifyChatbot .dropdown-menu.pull-right {
    right: 0;
    left: auto
}

#searchUnifyChatbot .dropdown-menu .divider {
    height: 1px;
    margin: 9px 0;
    overflow: hidden;
    background-color: #e5e5e5
}

#searchUnifyChatbot .dropdown-menu>li>a {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: 400;
    line-height: 1.42857143;
    color: #333;
    white-space: nowrap
}

#searchUnifyChatbot .dropdown-menu>li>a:focus,
#searchUnifyChatbot .dropdown-menu>li>a:hover {
    color: #262626;
    text-decoration: none;
    background-color: #f5f5f5
}

#searchUnifyChatbot .dropdown-menu>.active>a,
#searchUnifyChatbot .dropdown-menu>.active>a:focus,
#searchUnifyChatbot .dropdown-menu>.active>a:hover {
    color: #fff;
    text-decoration: none;
    background-color: #337ab7;
    outline: 0
}

#searchUnifyChatbot .dropdown-menu>.disabled>a,
#searchUnifyChatbot .dropdown-menu>.disabled>a:focus,
#searchUnifyChatbot .dropdown-menu>.disabled>a:hover {
    color: #777
}

#searchUnifyChatbot .dropdown-menu>.disabled>a:focus,
#searchUnifyChatbot .dropdown-menu>.disabled>a:hover {
    text-decoration: none;
    cursor: not-allowed;
    background-color: transparent;
    background-image: none;
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false)
}

#searchUnifyChatbot .open>.dropdown-menu {
    display: block
}

#searchUnifyChatbot .dropdown-menu-right {
    right: 0;
    left: auto
}

#searchUnifyChatbot .dropdown-menu-left {
    right: auto;
    left: 0
}

#searchUnifyChatbot .dropdown-header {
    display: block;
    padding: 3px 20px;
    font-size: 12px;
    line-height: 1.42857143;
    color: #777;
    white-space: nowrap
}

#searchUnifyChatbot .dropdown-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 990
}

#searchUnifyChatbot .pull-right>.dropdown-menu {
    right: 0;
    left: auto
}

#searchUnifyChatbot .dropup .caret,
#searchUnifyChatbot .navbar-fixed-bottom .dropdown .caret {
    content: "";
    border-top: 0;
    border-bottom: 4px dashed;
    border-bottom: 4px solid\9
}

#searchUnifyChatbot .dropup .dropdown-menu,
#searchUnifyChatbot .navbar-fixed-bottom .dropdown .dropdown-menu {
    top: auto;
    bottom: 100%;
    margin-bottom: 2px
}

#searchUnifyChatbot .suva-option-img {
    margin-top: 13px;
}

@media (min-width:768px) {
    #searchUnifyChatbot .navbar-right .dropdown-menu {
        right: 0;
        left: auto
    }

    #searchUnifyChatbot .navbar-right .dropdown-menu-left {
        right: auto;
        left: 0
    }
}

#searchUnifyChatbot .suva-loading-img {
    width: 27%;
}

#searchUnifyChatbot .suva-loading-img .suva-bot-typing {
    font-size: 14px;
    background: #2368F9 0% 0% no-repeat padding-box;
    padding-left: 5%;
    width: max-content;
    color: #FFFFFF;
    padding-top: 0px;
    text-align: left;
    height: 20px;
}

#searchUnifyChatbot .suva-typing-indicator {
    display: flex;
    height: 42px;
    position: absolute;
    z-index: 99999;
    background-color: #FFFFFA;
    box-shadow: 0px 3px 6px #AFD6F291;
    border-radius: 20px 20px 20px 0px;
    padding: 13px 18px 20px 15px;
    left: 16px;
    bottom: 0px;

    /* text  */
    letter-spacing: 0px;
    color: #050505;
    font-size: 14px;
    line-height: 22px;
    font-family: 'Poppins';
    font-weight: 500;
}

#searchUnifyChatbot .suva-bot-typing {
    background: #2368F9 0% 0% no-repeat padding-box;
    border-radius: 20px !important;
    padding: 7%;
    left: 12%;
    margin: 10px auto;
    position: relative;
}

#searchUnifyChatbot .suva-typing-indicator span {
    height: 8px;
    width: 8px;
    margin: 0 1px;
    background-color: #9c9a9a;
    margin-top: 4px;
    border-radius: 50%;
    opacity: 0.4;
}

#searchUnifyChatbot .suva-bot-typing span {
    height: 8px;
    width: 8px;
    float: right;
    margin: 0 1px;
    margin-top: 6px;
    background-color: #FFFFFF;
    display: block;
    border-radius: 50%;
    margin-left: 4px;
    opacity: 0.4;
}

#searchUnifyChatbot .suva-bot-typing span:nth-of-type(1) {
    animation: 1s blink infinite 0.3333s;
}

#searchUnifyChatbot .suva-bot-typing span:nth-of-type(2) {
    animation: 1s blink infinite 0.6666s;
}

#searchUnifyChatbot .suva-bot-typing span:nth-of-type(3) {
    animation: 1s blink infinite 0.9999s;
}

#searchUnifyChatbot .suva-typing-indicator span:nth-of-type(1) {
    animation: 1s blink infinite 0.3333s;
}

#searchUnifyChatbot .suva-typing-indicator span:nth-of-type(2) {
    animation: 1s blink infinite 0.6666s;
}

#searchUnifyChatbot .suva-typing-indicator span:nth-of-type(3) {
    animation: 1s blink infinite 0.9999s;
}

#searchUnifyChatbot .suva-feedback-response {
    width: 35px;
    height: 30px;
    background-repeat: no-repeat;
    border: none;
}

#searchUnifyChatbot .suva-thumb-up-img,
.suva-thumb-up-img-clicked {
    background: url('https://hi032404p.searchunify.com/suva-resources/Assets/thumb_up.svg') rgba(255, 255, 255, 0) no-repeat;
    height: 16px;
    width: 17px;
    background-position: center;
    padding: 15px;
}

#searchUnifyChatbot .suva-thumb-down-img,
.suva-thumb-down-img-clicked {
    background: url('https://hi032404p.searchunify.com/suva-resources/Assets/thumb_down.svg') rgba(255, 255, 255, 0) no-repeat;
    height: 16px;
    width: 17px;
    background-position: center;
    padding: 15px;
}

#searchUnifyChatbot .suva-thumb-up-img-clicked {
    background: url('https://hi032404p.searchunify.com/suva-resources/Assets/thumb_up_clicked.svg') rgba(255, 255, 255, 0) no-repeat;
    background-position: center;
    cursor: auto;
}

#searchUnifyChatbot .suva-thumb-down-img-clicked {
    background: url('https://hi032404p.searchunify.com/suva-resources/Assets/thumb_down_clicked.svg') rgba(255, 255, 255, 0) no-repeat;
    background-position: center;
    cursor: auto;
}

#searchUnifyChatbot .suva-thumb-up-hover:hover {
    background: url('https://hi032404p.searchunify.com/suva-resources/Assets/thumb_up_clicked.svg') rgba(255, 255, 255, 0) no-repeat;
    background-position: center;
    cursor: pointer;
    transition: none;
}

#searchUnifyChatbot .suva-thumb-down-hover:hover {
    background: url('https://hi032404p.searchunify.com/suva-resources/Assets/thumb_down_clicked.svg') rgba(255, 255, 255, 0) no-repeat;
    background-position: center;
    cursor: pointer;
    transition: none;
}

#searchUnifyChatbot .suva-user-res {
    float: right !important;
}

#searchUnifyChatbot .suva-user-feedback-disable {
    cursor: auto !important;
    border: none;
}

@keyframes blink {
    50% {
        opacity: 1;
    }
}

@keyframes bulge {
    50% {
        transform: scale(1.05);
    }
}

#searchUnifyChatbot #suva-livechatendbtn,
#searchUnifyChatbot #suva-skip-generation {
    position: absolute;
    right: 17px;
    bottom: 79px;
    text-align: center;
    font-size: 13px;
    cursor: pointer;
    color: #F48B00;
    padding: 4px 11px !important;
    width: auto;
    height: auto;
    background: #F48B001F 0% 0% no-repeat padding-box;
    border: 1px solid #F48B00;
    border-radius: 10px;
    opacity: 1;
    text-transform: capitalize;
    line-height: unset;
}

#searchUnifyChatbot #suva-livechatendbtn:hover,
#searchUnifyChatbot #suva-skip-generation:hover {
    background: #F48B00 0% 0% no-repeat padding-box;
    color: #FFFFFF;
}

/* New css */

#searchUnifyChatbot .suva-border-chat .suva-chatting {
    background-color: #fff;
}

#searchUnifyChatbot button.suva-moreOptions {
    border: none;
    cursor: pointer;
    background-color: transparent;
}

#searchUnifyChatbot .suva-chat-section {
    overflow-y: auto;
    overflow-x: hidden;
    padding: 0px 0 72px 0;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    scrollbar-width: thin;
    scrollbar-color: initial;
    margin-top: 70px;
}

#searchUnifyChatbot .suva-text-bar {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    box-shadow: 0px 0px 6px #7E7E7E29;
    border: 1px solid rgb(59, 59, 59) !important;
    border-radius: 10px;
    margin: 0px 16px 16px 16px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

#searchUnifyChatbot .suva-party-msg {
    display: flex;
    justify-content: center;
    align-items: center;
    color: #354D71;
    opacity: 0.6;
    padding: 2px 23px 0px;
    word-break: break-all;
}

/*Language dropdown css*/
#searchUnifyChatbot .suva-ui-language {
    position: relative;


}

#searchUnifyChatbot .suva-ui-language select {
    display: none;
    /*hide original SELECT element: */
}

#searchUnifyChatbot .suva-select-selected {
    background-color: transparent;
    color: #fff;
    padding: 0px;
    margin-left: 8px;
    width: 54px;
    display: none;
}

#searchUnifyChatbot .suva-select-items div,
#searchUnifyChatbot .suva-select-selected {
    padding: 7px 17px 7px;
    border-color: transparent transparent rgba(0, 0, 0, 0.1) transparent;
    cursor: pointer;
    text-align: left;
    font-weight: 600;
    font-size: 16px;
    height: 36px;
    width: 100%;
    position: relative;
    transition: all 500ms ease-out;
    font-family: "Poppins", sans-serif !important;
}

#searchUnifyChatbot .suva-select-items div:hover {
    background-color: #F0F4FF;
}

#searchUnifyChatbot .suva-select-items div:hover::after {
    content: "";
    position: absolute;
    top: 20px;
    right: 18px;
    transform: translateY(-52%);
    background-image: url("https://hi032404p.searchunify.com/suva-resources/Assets/check.svg");
    background-repeat: no-repeat;
    background-position: center;
    width: 23px;
    height: 23px;

}


#searchUnifyChatbot .suva-select-items {
    margin-top: 49px;
    z-index: -1;
    overflow-y: scroll;
    max-height: 78vh;
    width: 100%;
    color: #000;
    scrollbar-width: none;
}

#searchUnifyChatbot .suva-select-items:empty {
    display: none;
}

#searchUnifyChatbot .select-item div {
    border: 0 !important;
}

#searchUnifyChatbot .suva-select-hide {
    display: none;
}

#searchUnifyChatbot .suva-same-as-selected {
    position: relative;
}

#searchUnifyChatbot .suva-same-as-selected::after {
    background-image: url("https://hi032404p.searchunify.com/suva-resources/Assets/check.svg");
    content: "";
    width: 23px;
    height: 23px;
    position: absolute;
    background-repeat: no-repeat;
    right: 17px;
    bottom: 6px;
}

#searchUnifyChatbot .suva-select-selected .suva-select-arrow-active {
    color: #fff !important;
}

#searchUnifyChatbot #suva-date_picker,
#searchUnifyChatbot #suva-month_picker,
#searchUnifyChatbot #suva-year_picker {
    background-color: #FFFFFF;
    -webkit-animation: slideUp 0.5s ease-in-out;
    margin-bottom: 60px;

}

#searchUnifyChatbot .suva-mainInner {
    position: absolute;
    right: 0;
    bottom: 82px;
    left: 1%;
}

#searchUnifyChatbot .suva-feedback-design-btn {
    border-radius: 50%;
    box-shadow: 0px 3px 6px #00000029;
    width: 28px;
    height: 28px;
    background-color: #fff;
    margin-right: 6px;
    line-height: normal;
    display: flex;
    vertical-align: top;
    justify-content: center;
    align-items: unset;
}

/* mobile view */

#searchUnifyChatbot #suva-live-chat {
    display: flex;
    flex-direction: column;
    height: 100%;
    border-bottom-left-radius: 52px;
    border-bottom-right-radius: 52px;
}

#searchUnifyChatbot .suva-border-chat-middle {
    flex-grow: 1;
    overflow: auto;
}

#searchUnifyChatbot .suva-chat-section {
    height: calc(100% - 135px);
}

#searchUnifyChatbot .suva-commonbutton {
    display: flex;
    align-items: center;
    flex-direction: column;
}

/* ------------------SU-Adapter Video response{mghai}------------------ */
#searchUnifyChatbot .suva-thumbnail {
    border: 1px solid #fff;
    border-radius: 6px !important;
    margin: 6px 0px !important;
    padding: 10px;
    width: 240px;
}

#searchUnifyChatbot .suva-thumbnail img {
    opacity: 0.51;
    max-width: 240px;
    width: 100%;
    height: auto;
    margin: 0px 0px 5px 0px;
}

#searchUnifyChatbot .suva-thumbnail .suva-play_img {
    width: 35px;
    position: absolute;
    z-index: 1;
    opacity: 1;
}

#searchUnifyChatbot .suva-thumbnail h5 {
    font-size: 11px;
    margin: 2px 0px;
    color: #262626;
    font-weight: 600;
    line-height: 15px;
}

#searchUnifyChatbot .suva-thumbnail p {
    color: #958A8A;
    font-size: 9px;
}

#searchUnifyChatbot .suva-party h4 {
    margin: 0px;
}

#searchUnifyChatbot .suva-video_link {
    display: grid;
    font-size: 12px;
    margin: 5px 0px;
}

#searchUnifyChatbot .suva-video_link a {
    margin-right: 12px;
    word-break: break-all;
    line-height: 16px;

}

#searchUnifyChatbot .suva-video_link a:hover {
    display: inline-block;
    transform: translateX(2px);
    transition: transform 0.2s linear;
}

#searchUnifyChatbot .suva-margin-adapter {
    margin: 1px 0px !important;
    width: 280px;
}

#searchUnifyChatbot .suva-margin-adapter li {
    line-height: 17px;
}

#searchUnifyChatbot .suva-margin-adapter .suva-chatbot-links .suva-chatbot-text {
    font-size: 12px;
}

#searchUnifyChatbot .suva-display-grid {
    display: grid;
    line-height: 25px;
}

#searchUnifyChatbot #suva-generated_by {
    display: flex;
    justify-content: end;
    margin: 0px 10px 0px 0px;
}

#searchUnifyChatbot #suva-generated_by .suva-chatbot-links {
    margin-right: 4px;
}

#searchUnifyChatbot #suva-generated_by #suva-forward_img {
    width: 9px;
    margin: -7px 0px 0px 0px;
}

#searchUnifyChatbot #suva-generated_by .suva-chatbot-links .suva-chatbot-text {
    font-size: 11px;
    padding-right: 2px;
}

/* ------------------******************------------------ */
/* ------------------SU-Adapter Image response{nsaini}------------------ */
#searchUnifyChatbot #suva-imgThumbnail {
    height: 160px;
    width: 88%;
    cursor: pointer;
    margin: 13px 26px 13px 0px;
}

#searchUnifyChatbot #suva-newTabImg {
    position: absolute;
    right: -13px;
    top: 14px;
    width: 15px;
    height: 15px;
    cursor: pointer;
}

#searchUnifyChatbot #suva-tabIcon {
    position: relative;
    display: flex;
    justify-content: flex-end;
    width: 277px;
    top: 0px !important;
}

#searchUnifyChatbot .suva-innerVideo {
    display: flex;
    justify-content: center;
    align-items: center;
}

/*skip test animation code */
#searchUnifyChatbot .suva-show-skip-txt {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: flex-end;
    z-index: 999;
    transition: transform 0.2s linear;
    cursor: pointer;
    margin: 0 5px 0 5px;
}

/*suva-skip-text css*/
#searchUnifyChatbot .suva-skip-text {
    font-size: 14px;
    color: #5929F2;
    transition: 0.2s opacity linear;
    margin-right: 8px;

}

#searchUnifyChatbot .suva-show-skip-txt:hover #suva-skip-img {

    transform: translate(2px);
    transition: transform 0.2s linear;
}

#searchUnifyChatbot .suva-show-skip-txt:hover #suva-skip-img path {
    fill: #2368F9 !important;
}

#searchUnifyChatbot .suva-show-skip-txt:hover .suva-skip-text {
    opacity: 1;
    transition: opacity 0.2s linear;
}

#searchUnifyChatbot .suva-type-area {
    height: 36px;
    width: 36px;
    background-color: rgb(0, 101, 138);
    border-radius: 4px;
    margin: 2px 8px 4px 4px;
    padding: 2px 4px 2px 4px;
}

#searchUnifyChatbot .suva-type-area.disabled-mic {
    opacity: 0.2;
    pointer-events: none;
}

@keyframes slideUp {
    0% {
        transform: translateY(4vh);
    }

    100% {
        transform: translateY(0);
    }
}

/*///publish loader css start socket////////////*/
#searchUnifyChatbot .suva-publish-loader {
    position: absolute;
    left: 0;
    right: 0;
    top: 22px;
    bottom: 0px;
    background: white;
    text-align: center;
    justify-content: center;
    align-items: center;
    z-index: 9999;
    display: none;
}

#searchUnifyChatbot .suva-publish-loader img {
    width: 140px;
}

#searchUnifyChatbot .suva-publish-loader .suva-wait-loader {
    font-size: 20px;
    color: #354D71;
    font-weight: 600;
    margin: 0;
}

#searchUnifyChatbot .suva-publish-loader .suva-wait-mdg {
    font-size: 12px;
    color: #354D71;
    margin-top: 6px;
}

#searchUnifyChatbot .suva-publish-loader .suva-inner-loader {
    text-align: center !important;
}

#searchUnifyChatbot .suva-check-icon::before {
    margin-top: 2px;
}

/*------------Bot Launcher-------------*/
#searchUnifyChatbot .suva-botLauncher {
    display: none;
    height: auto;
    background-color: #FFFFFF;
    position: fixed;
    max-width: 372px;
    right: 48px;
    bottom: 184px;
    text-align: left;
    z-index: 100;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    font-family: 'Poppins', sans-serif;
    background: transparent;
}

/*------------Upper div------ Text and cross icon -------------*/
#searchUnifyChatbot .suva-botLauncher .suva-botLauncher-upperDiv {
    display: flex;
    padding: 12px;
    flex-direction: column-reverse;
}

#searchUnifyChatbot .upperDiv-margin {
    display: flex;
    justify-content: space-between;
    padding: 12px 12px 0px 12px;
}

#searchUnifyChatbot .suva-botLauncher .suva-botLauncher-upperDiv .suva-botLauncher-upperDiv-textMessage,
#searchUnifyChatbot .suva-botLauncher .suva-botLauncher-lowerDiv {
    font-size: 16px;
    letter-spacing: 0px;
    color: #4638E9;
    font-weight: 500;
    line-height: 25px;
    font-family: 'Poppins';
    box-shadow: 0px 3px 20px #086DEE4F;
    border-radius: 16px;
    padding: 20px 12px 33px 12px;
    box-shadow: -6px 20px 60px 27px #213CFF42;
    overflow: hidden;
    position: relative;
    background-color: #FFFFFF;
    cursor: pointer;
}

#searchUnifyChatbot .suva-botLauncher .suva-botLauncher-upperDiv .suva-botLauncher-upperDiv-textMessage .textLauncherBgCircle {
    position: absolute;
    height: 134px;
    width: 134px;
    top: -76px;
    right: -3px;
    opacity: 0.2;
}

#searchUnifyChatbot .suva-botLauncher .suva-botLauncher-lowerDiv .textLauncherBgCircle {
    position: absolute;
    height: 322px;
    width: 337px;
    bottom: 23px;
    left: 142px;
    opacity: 0.2;
    transform: rotate(269deg);

}

#searchUnifyChatbot .suva-botLauncher .suva-botLauncher-upperDiv .suva-botLauncher-upperDiv-textLauncher {
    display: none;
    width: 176px;
    font-weight: 600;
}

#searchUnifyChatbot .suva-botLauncher .suva-botLauncher-upperDiv .suva-botLauncher-upperDiv-textMessage p {
    margin: 0px;
}

#searchUnifyChatbot #suva-botLauncher-crossIcon {
    cursor: pointer;
}


/*------------Lower div------ Options -------------*/
#searchUnifyChatbot .suva-botLauncher .suva-botLauncher-lowerDiv {
    display: none;
    margin: 0px 14px 14px 14px;
    width: 374px;
}

#searchUnifyChatbot .suva-botLauncher .suva-botLauncher-lowerDiv p {
    margin: 0px;
    opacity: 1;
    word-break: break-word;
    padding: 9px 12px 12px 0px;
    font-size: 16px;
    letter-spacing: 0px;
    color: #4638E9;
    font-weight: 500;
    line-height: 25px;
    font-family: 'Poppins';
}

#searchUnifyChatbot .suva-botLauncher .suva-botLauncher-lowerDiv-options {
    border: 1px solid #6F64EE57;
    border-radius: 11px;
    position: relative;
    z-index: 2;
}

#searchUnifyChatbot .suva-botLauncher .suva-botLauncher-lowerDiv-options-btns {
    cursor: pointer;
    text-align: left;
    word-break: break-word;
    font-size: 16px;
    line-height: 17px;
    font-family: Poppins;
    padding: 14px 10px;
    background: transparent;
    border: none;
    color: #586483;
    width: 100%;

}

#searchUnifyChatbot .suva-botLauncher-lowerDiv-before-text {
    margin-bottom: 20px;
}

#searchUnifyChatbot .suva-botLauncher .suva-botLauncher-lowerDiv-options-btns:hover {
    background-color: rgb(70, 56, 233, 0.04);
}

#searchUnifyChatbot .suva-botLauncher-showMore-btn {
    display: none;
    cursor: pointer;
    height: auto;
    position: fixed;
    right: 287px;
    bottom: 187px;
    text-align: left;
    z-index: 100;
    font-family: 'Poppins', sans-serif;
    background: transparent linear-gradient(268deg, #FDF8F9 0%, #FFFBFC 100%) 0% 0% no-repeat padding-box;
    box-shadow: 0px 0px 6px #E5F1FB;
    border: 1px solid #CECAF94A;
    border-radius: 18px;
    padding: 8px 20px;
    font-size: 12px;
    color: #4638E9;
    font-weight: 500;
}

#searchUnifyChatbot .suva-botLauncher-showMore-btn .arrow-icon {
    margin-left: 7px;
}

#searchUnifyChatbot #suva-moreSettings {
    display: none;
    position: absolute;
    z-index: 999999;
    width: 100%;
    height: 100%;
    align-items: center;
    justify-content: center;
    align-content: center;
    background: rgba(9, 9, 9, 0.57) 0% 0% no-repeat padding-box;
    border-radius: 10px;
}

#searchUnifyChatbot .suva-moreSettingsContainer {
    margin: auto;
    width: 100%;
    height: 118px;
    padding: 16px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    opacity: 1;
    border-radius: 9px;
    letter-spacing: 0px;
    color: #232323 !important;
    text-align: center !important;
    position: absolute;
    bottom: 0;
}

#searchUnifyChatbot .suva-add-border-bottom {
    border-bottom-left-radius: 12px;
    border-bottom-right-radius: 12px;
}

#searchUnifyChatbot .suva-header-moreSettings {
    width: 100%;
    height: 40px;
    background: #5929F2 0% 0% no-repeat padding-box;
    border-radius: 9px 9px 0px 0px;
    position: absolute;
    left: 0px;
    padding: 11px 12px 0px 16px;
    margin-top: -16px;

}

#searchUnifyChatbot .suva-setting-heading {
    text-align: center;
    font-size: 16px;
    color: #FFFFFF;
    font-weight: 500;
    font-family: "Poppins", sans-serif !important;
}

#searchUnifyChatbot .suva-cross-settings-icon {
    height: 24px;
    width: 24px;
    float: right;
    margin-top: -2px;
    cursor: pointer;
}

#searchUnifyChatbot .suva-lang-section {
    width: 100%;
    margin-top: 37px;
    margin-left: -3px;
    height: 34px;
    padding: 7px 0px 0px 2px;
    cursor: pointer;

}

#searchUnifyChatbot .suva-forward-settings-arrow {
    height: 24px;
    width: 24px;
    float: right;
    margin-top: -2px;
    cursor: pointer;
    margin-right: -4px;
    -webkit-transition: transform 0.3s ease-out;
    -moz-transition: transform 0.3s ease-out;
    -ms-transition: transform 0.3s ease-out;
    -o-transition: transform 0.3s ease-out;
    transition: transform 1s ease-out;
}

#searchUnifyChatbot .suva-lang-section:hover .suva-forward-settings-arrow {
    -webkit-transform: translateX(4px);
    -moz-transform: translateX(4px);
    -ms-transform: translateX(4px);
    -o-transform: translateX(4px);
    transform: translateX(4px);
}


#searchUnifyChatbot .suva-global-lang {
    height: 24px;
    width: 24px;
    float: left;
    cursor: pointer;
    margin-top: -4px;
}

#searchUnifyChatbot #suva-lang-setting-list,
#searchUnifyChatbot #suva-overall-feedback,
#searchUnifyChatbot .feedback-submitted {
    z-index: 9999999999;
    height: 100%;
    display: block;
    width: 100%;
    bottom: 0px;
    right: 0px;
    position: fixed;
    border-radius: 9px;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
    background: rgba(9, 9, 9, 0.57) 0% 0% no-repeat padding-box;
    -webkit-animation: slideUp 0.4s ease-in-out;
}

#searchUnifyChatbot #suva-overall-feedback,
#searchUnifyChatbot .feedback-submitted {
    -webkit-animation: none;
}

#searchUnifyChatbot .suva-header-langSettings {
    width: 100%;
    height: 40px;
    background: rgb(1 101 141);
    border-radius: 9px 9px 0px 0px;
    position: absolute;
    left: 0px;
    top: 0px;
    padding: 11px 16px 0px 17px;
}

#searchUnifyChatbot .suva-langList-heading {
    font-size: 16px;
    color: #FFFFFF;
    font-weight: 500;
    text-align: left;
    font-family: "Poppins", sans-serif !important;
}

#searchUnifyChatbot .suva-back-settings-icon {
    float: left;
    margin-left: -6px;
    margin-right: 13px;
    cursor: pointer;
    height: 24px;
    width: 24px;
    margin-top: -2px;
}

#searchUnifyChatbot .suva-lang-change-success-msg,
#searchUnifyChatbot .suva-email-trans-success-msg,
#searchUnifyChatbot .text_to_speech_notification_msg,
#searchUnifyChatbot .download-script-err-msg-span {
    background-color: #5cb85c;
    padding: 10px 20px 10px 20px;
    color: white;
    font-family: 'Poppins';
    border-radius: 6px;
    margin-top: 16px;
    font-weight: 500;
}

#searchUnifyChatbot .download-script-err-msg-span {
    background-color: #ff3433;
}


#searchUnifyChatbot .suva-email-trans-success-msg {
    max-height: 31px !important;
    display: flex;
    border-radius: 0 0 4px 4px;
    align-items: center;
}

#searchUnifyChatbot .suva-email-trans-success-msg svg {
    margin-right: 4px;
}

#searchUnifyChatbot .suva-email-trans-error-msg {
    font-size: 14px;
    text-align: left;
    color: #FFFFFF;
    font-family: "Poppins", sans-serif !important;
    font-weight: 500;
    background: #ae8d4c 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 6px #ae8d4c6e;
    padding: 9px 17px;
}

#searchUnifyChatbot .suva-email-trans-error-msg {
    max-height: 31px !important;
    display: flex;
    border-radius: 0 0 4px 4px;
    align-items: center;
}

#searchUnifyChatbot #suva-lang-success-div,
#searchUnifyChatbot #suva-email-trans-success-div,
#searchUnifyChatbot #suva-email-trans-error-div,
#searchUnifyChatbot #download-script-err-msg {
    display: flex;
    border-radius: 0 0 4px 4px;
    align-items: center;
}

#searchUnifyChatbot .suva-email-trans-success-msg svg {
    margin-right: 4px;
}

#searchUnifyChatbot .suva-email-trans-error-msg {
    font-size: 14px;
    text-align: left;
    color: #FFFFFF;
    font-family: "Poppins", sans-serif !important;
    font-weight: 500;
    background: #ae8d4c 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 6px #ae8d4c6e;
    padding: 9px 17px;
}

#searchUnifyChatbot .suva-email-trans-error-msg {
    max-height: 31px !important;
    display: flex;
    border-radius: 0 0 4px 4px;
    align-items: center;
}

#searchUnifyChatbot #suva-lang-success-div,
#searchUnifyChatbot #suva-email-trans-success-div,
#searchUnifyChatbot #suva-email-trans-error-div,
#searchUnifyChatbot #text_to_speech_notification_div {
    display: flex;
    position: absolute;
    top: 63px;
    justify-content: center;
    height: 31px;
    justify-content: center;
    align-items: center;
    width: 100%;
    animation: fadeIn 0.4s;
    -webkit-animation: fadeIn 0.4s;
    -moz-animation: fadeIn 0.4s;
    -o-animation: fadeIn 0.4s;
    -ms-animation: fadeIn 0.4s;
z-index:99999;
}

#searchUnifyChatbot #text_to_speech_notification_div {
    z-index: 100;
}

#searchUnifyChatbot #suva-email-trans-success-div,
#searchUnifyChatbot #suva-email-trans-error-div {
    top: 60px !important;
}

#searchUnifyChatbot #suva-email-trans-success-div,
#searchUnifyChatbot #suva-email-trans-error-div {
    top: 60px !important;
}

#searchUnifyChatbot .suva-lang-setting-list-Container {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border-top-left-radius: 9px;
    border-top-right-radius: 9px;
    width: 100%;
}

#searchUnifyChatbot #suva-moreSettings {
    animation: fadeIn 0.4s;
    -webkit-animation: fadeIn 0.4s;
    -moz-animation: fadeIn 0.4s;
    -o-animation: fadeIn 0.4s;
    -ms-animation: fadeIn 0.4s;
}

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

    100% {
        opacity: 1;
    }
}

@-moz-keyframes fadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@-o-keyframes fadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@-ms-keyframes fadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

/*---------------------------------------- Initial Loader---------------------------------- */
#searchUnifyChatbot .suva-loader {
    display: none;
    background-color: #ffff;
    height: 100%;
}

#searchUnifyChatbot .suva-loader .chat-section {
    display: flex;
}

#searchUnifyChatbot .suva-loader .chat-section .chat-section-icon {
    width: 22px;
    height: 22px;
    background-color: #D9D9D9;
    border-radius: 4px;
    margin-top: 160px;
    margin-left: 10px;
    position: absolute;
    z-index: 1;
}

#searchUnifyChatbot .suva-loader .chat-section .chat-section-msg {
    width: 310px;
    height: 79px;
    background-color: #EEEEEE;
    border-radius: 14px 14px 14px 0px;
    margin: 93px 0px 0px 0px;
    position: absolute;
    left: 19px;
}

#searchUnifyChatbot .suva-loader .chat-section .chat-section-msg .msg {
    background-color: #D5D5D5;
    border-radius: 6px;
    height: 11px;
    margin-left: 11.18px;
    color: grey;
    -webkit-mask: linear-gradient(-60deg, #000 30%, #0005, #000 70%) right/300% 100%;
    animation: shimmer 2.5s infinite;
}

#searchUnifyChatbot .suva-loader .chat-section .chat-section-msg #msg1 {
    width: 257px;
    margin-top: 15px;
    position: relative;
    display: block;
    background-color: #DDDBDD;
}

@keyframes shimmer {
    100% {
        -webkit-mask-position: left
    }
}

#searchUnifyChatbot .suva-loader .chat-section .chat-section-msg #msg2 {
    width: 265px;
    margin-top: 10px;
}

#searchUnifyChatbot .suva-loader .chat-section .chat-section-msg #msg3 {
    width: 110px;
    margin-top: 8px;
}


/*-------------------------------- bottom section--------------------------------- */
#searchUnifyChatbot .loader-bottom-section {
    width: 100%;
    display: none;
    background-color: #ffffff;
    bottom: 0px;
    position: absolute;
}

#searchUnifyChatbot .loader-bottom-section .option-section #line {
    width: 95%;
    height: 2.5px;
    background-color: #EEEEEE;
    margin: 15px 9px;
}

#searchUnifyChatbot .loader-bottom-section .option-section #option-text {
    width: 140px;
    height: 11px;
    background-color: #BCBCBC;
    border-radius: 6px;
    opacity: 0.23;
    margin: 0px 120px;
}

#searchUnifyChatbot .loader-bottom-section .option-section {
    -webkit-mask: linear-gradient(-90deg, #000 30%, #0005, #000 70%) right/300% 100%;
    animation: shimmer 2.5s infinite;
}

#searchUnifyChatbot .loader-bottom-section .option-section #option-row-div {
    display: flex;
    justify-content: flex-start;
    padding: 0px 25px;
}

#searchUnifyChatbot .loader-bottom-section .option-section #option-row-div #option-row1 {
    width: 110px;
    height: 30px;
    background-color: #EBEBEB;
    border-radius: 14px;
}

#searchUnifyChatbot .loader-bottom-section .option-section #option-row-div #option-row2 {
    width: 130px;
    height: 31px;
    background-color: #EEEEEE;
    border-radius: 14px;
    opacity: 0.87;
    margin-left: 12px;
}

#searchUnifyChatbot .loader-bottom-section .option-section #option-row-div2 {
    width: 157px;
    height: 36px;
    background-color: #EEEEEE;
    border-radius: 4px;
    opacity: 0.78;
    margin: 0px 112px;
}

#searchUnifyChatbot .loader-bottom-section .input-field-section {
    display: flex;
    margin: 14px 16px;
    -webkit-mask: linear-gradient(-90deg, #000 30%, #0005, #000 70%) right/300% 100%;
    animation: shimmer 2.5s infinite;
    justify-content: space-between;
}

#searchUnifyChatbot .loader-bottom-section .input-field-section #input-field {
    display: flex;
}

#searchUnifyChatbot .loader-bottom-section .input-field-section #input-field #icon {
    width: 22px;
    height: 22px;
    background-color: #EEEEEE;
    border-radius: 4px;
}

#searchUnifyChatbot .loader-bottom-section .input-field-section #input-field #input {
    width: 330px;
    height: 11px;
    background-color: #D5D5D4;
    border-radius: 6px;
    margin: 15px 75px 0px 10px;
}

#searchUnifyChatbot .loader-bottom-section .input-field-section #send {
    width: 30px;
    height: 30px;
    background-color: #EEEEEE;
    border-radius: 4px;
    right: 0px;
    position: relative;
}

/*---------------------------------------- Initial Loader End---------------------------------- */

/* micro-animations */
@keyframes fadeInUp {
    from {
        transform: translate3d(0, 40px, 0)
    }

    to {
        transform: translate3d(0, 0, 0);
        opacity: 1
    }
}

@-webkit-keyframes fadeInUp {
    from {
        transform: translate3d(0, 40px, 0)
    }

    to {
        transform: translate3d(0, 0, 0);
        opacity: 1
    }
}

#searchUnifyChatbot .suva-animate-minimize {
    animation-name: fadeOut !important;
    -webkit-animation-name: fadeOut !important;
    animation-duration: 1s !important;
    animation-fill-mode: both !important;
    -webkit-animation-duration: 1s !important;
    -webkit-animation-fill-mode: both !important;
}

@keyframes fadeOut {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@-webkit-keyframes fadeOut {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@-moz-keyframes fadeOut {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@-o-keyframes fadeOut {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@-ms-keyframes fadeOut {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

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

    100% {
        opacity: 1;
    }
}

@-moz-keyframes fadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@-o-keyframes fadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@-ms-keyframes fadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

/* --- bling cursor animation --- */

#searchUnifyChatbot .blinking-cursor::after {
    content: url('https://hi032404p.searchunify.com/suva-resources/Assets/cursor.svg');
    display: inline-block;
    width: 10px;
    animation: flicker 0.5s infinite;
    margin-bottom: 4px;
}

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

    50% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

/* --- bling cursor animation end--- */
#searchUnifyChatbot .send-icon-disabled {
    fill: rgb(135, 135, 135);
    pointer-events: none;
    opacity: 0.7;
}

/* khoros create case topics list */
#searchUnifyChatbot .suva-chat div .suva-boards-list {
    max-height: 220px;
    overflow: scroll;
    border-radius: 3px 3px 0px 0px;
    margin: 10px 46px 0px 22px;
    padding-left: 45px;
}

#searchUnifyChatbot .suva-chat div .suva-boards-list>ol,
#searchUnifyChatbot .suva-chat div .suva-boards-list>ol>li {
    list-style: decimal;
}

/* LLM Text */

#searchUnifyChatbot .suva-llmdiv ol li {
    margin-left: 15px;
    list-style-type: decimal !important;
    padding-left: 2px;
    line-height: 1.4;
    margin-top: 12px;
}

#searchUnifyChatbot .suva-llmdiv ul li {
    margin-left: 20px !important;
    list-style-type: disc !important;
    line-height: 1.4 !important;
    margin-top: 12px !important;
}

#searchUnifyChatbot .suva-llmdiv .suva-party {
    padding: 13px 15px 13px 15px !important;
}

#searchUnifyChatbot .suva-llmdiv ul {
    margin-top: 20px;
}

#searchUnifyChatbot .suva-llmdiv ol {
    margin-top: 20px;
    margin-left: 15px;
}

#searchUnifyChatbot .suva-party-resp ol {
    margin-left: 10px !important;
padding-left: 16px;
}
#searchUnifyChatbot .suva-party-resp {
    display:flex;
flex-direction:column;
}


#searchUnifyChatbot .suva-llmbuttonsdiv {
    float: none !important;
}

#searchUnifyChatbot .suva-llmdiv h4 {
    font-size: 14px !important;
    font-weight: 700 !important;
    font-family: "Poppins", sans-serif !important;
}

#searchUnifyChatbot .suva-llmseemorebutton,
#searchUnifyChatbot .suva-view-all-links {
    background-color: rgba(255, 255, 255, 0.5);
    border-radius: 5px;
    font-family: "Poppins", sans-serif !important;
    font-size: 13px;
    text-align: left;
    color: #262626;
    padding: 4px 8px 4px 6px;
    font-weight: 500;
    border: none;
    margin: 20px 0px 7px 0px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}

#searchUnifyChatbot .suva-view-all-links {
    padding: 4px 0px 3px 0px;
    color: #262626;
    max-width: 134px;
    margin: 14px 0px 0px 0px;
    display: flex;
    justify-content: start;
}

#searchUnifyChatbot .suva-llmseemorebutton::after,
#searchUnifyChatbot .suva-view-all-links::after {
    content: "";
    background-image: url("https://hi032404p.searchunify.com/suva-resources/Assets/suva-llm-arrow-right.svg");
    background-repeat: no-repeat;
    display: inline-block;
    width: 14px;
    height: 14px;
    -webkit-transition: transform 0.3s ease-out;
    -moz-transition: transform 0.3s ease-out;
    -ms-transition: transform 0.3s ease-out;
    -o-transition: transform 0.3s ease-out;
    transition: transform 0.3s ease-out;
    background-position: center;
    margin-left: 4px;
    margin-top: auto;
}

#searchUnifyChatbot .suva-view-all-links::after {
    margin-top: 0px;
}

#searchUnifyChatbot .suva-view-all-links::before {
    content: "";
    background-image: url("https://hi032404p.searchunify.com/suva-resources/Assets/suva-fallback-links.svg");
    background-repeat: no-repeat;
    display: inline-block;
    width: 13px;
    height: 13px;
    margin: 3px 6px 3px 6px;
}

#searchUnifyChatbot .suva-llmseemorebutton:hover::after,
#searchUnifyChatbot .suva-view-all-links:hover::after {
    transform: translateX(3px);
}

#searchUnifyChatbot .suva-llmseelessbutton {
    background-color: rgba(255, 255, 255, 0.5);
    border-radius: 5px;
    font-family: "Poppins", sans-serif !important;
    font-size: 13px;
    text-align: left;
    color: #262626;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    padding: 4px 6px 4px 0px;
    font-weight: 500;
    border: none;
    margin: 20px 0px 7px 0px;
    cursor: pointer;
}

#searchUnifyChatbot .suva-llmseelessbutton::before {
    content: "";
    background-image: url("https://hi032404p.searchunify.com/suva-resources/Assets/suva-llm-arrow-left.svg");
    background-repeat: no-repeat;
    display: inline-block;
    margin-left: 10px;
    margin-right: 6px;
    margin-top: auto;
    width: 14px;
    height: 14px;
    -webkit-transition: transform 0.3s ease-out;
    -moz-transition: transform 0.3s ease-out;
    -ms-transition: transform 0.3s ease-out;
    -o-transition: transform 0.3s ease-out;
    transition: transform 0.3s ease-out;
    background-position: center;
}

#searchUnifyChatbot .suva-llmseelessbutton:hover::before {
    transform: translateX(-3px);
}

#searchUnifyChatbot .suva-animate-llm {
    animation: fadeOut 0.1s;
    -webkit-animation: fadeOut 0.1s;
    -moz-animation: fadeOut 0.2s;
    -o-animation: fadeOut 0.2s;
    -ms-animation: fadeOut 0.2s;
}

#searchUnifyChatbot .suva-animate-llm-less {
    -webkit-animation: fadeIn 0.6s ease-in-out;
    animation: fadeIn 0.6s ease-in-out;
    -moz-animation: fadeIn 0.6s ease-in-out;
    -o-animation: fadeIn 0.6s ease-in-out;
    -ms-animation: fadeIn 0.6s ease-in-out;
}

#searchUnifyChatbot .suva-llm-ol-margin {
    margin-left: 17px !important;
}

/*-----------------Overall Feedback CSS-----------------*/

#searchUnifyChatbot #suva-overall-feedback {
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
}

#searchUnifyChatbot .whiteBackground {
    background-color: #FFFFFF !important;
}

#searchUnifyChatbot .marginTop {
    margin-top: 32px !important;
}

#searchUnifyChatbot .displayNone {
    display: none !important;
}

#searchUnifyChatbot #suva-overall-feedback .suva-overall-feedback-container {
    background: linear-gradient(246deg, rgb(15 92 140) 0%, rgb(12 72 93) 100%) no-repeat padding-box;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    width: 100%;
    -webkit-animation: fadeIn 1s;
}

#searchUnifyChatbot #suva-overall-feedback .suva-overall-feedback-container .suva-overall-feedback-close {
    display: flex;
    justify-content: end;
    margin: 16px 16px 0px 0px;
   /* // cursor: pointer; */
}

#searchUnifyChatbot #suva-overall-feedback .suva-overall-feedback-container .suva-overall-feedback-close img {
    width: 16px;
    cursor: pointer;
}

#searchUnifyChatbot #suva-overall-feedback .suva-overall-feedback-container .suva-overall-feedback-text {
    text-align: center;
    font-size: 18px;
    line-height: 23px;
    font-family: Poppins;
    color: #FFFFFF;
    margin: 0px 50px;
    font-weight: 500;
}

/* Emojis*/
#searchUnifyChatbot #suva-overall-feedback .suva-overall-feedback-container .suva-overall-feedback-emojis {
    display: flex;
    margin: 20px auto 73px auto;
    height: 100%;
    width: 74%;
}

#searchUnifyChatbot #suva-overall-feedback .suva-overall-feedback-container .suva-overall-feedback-emojis #emoticon-1,
#searchUnifyChatbot #suva-overall-feedback .suva-overall-feedback-container .suva-overall-feedback-emojis #emoticon-2,
#searchUnifyChatbot #suva-overall-feedback .suva-overall-feedback-container .suva-overall-feedback-emojis #emoticon-3,
#searchUnifyChatbot #suva-overall-feedback .suva-overall-feedback-container .suva-overall-feedback-emojis #emoticon-4,
#searchUnifyChatbot #suva-overall-feedback .suva-overall-feedback-container .suva-overall-feedback-emojis #emoticon-5 {
    width: 100%;
    text-align: center;
    cursor: pointer;
    background-position: center top;
}

#searchUnifyChatbot .suva-overall-feedback-emojis #emoticon-1 {
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='50' height='50' viewBox='0 0 43 43'%3E%3Cdefs%3E%3CclipPath id='clip-path'%3E%3Crect id='Rectangle_6654' data-name='Rectangle 6654' width='43' height='42.937' fill='none'/%3E%3C/clipPath%3E%3CclipPath id='clip-o1'%3E%3Crect width='43' height='43'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg id='o1' clip-path='url(%23clip-o1)'%3E%3Cg id='Group_18655' data-name='Group 18655' transform='translate(-4216 1261.063)'%3E%3Cpath id='Path_18434' data-name='Path 18434' d='M42.814 21.376A21.407 21.407 0 1 1 21.407 0 21.391 21.391 0 0 1 42.814 21.376' transform='translate(4216 -1261.063)' fill='%23fff'/%3E%3Cg id='Group_18653' data-name='Group 18653' transform='translate(4216 -1261)'%3E%3Cg id='Group_6668' data-name='Group 6668' clip-path='url(%23clip-path)'%3E%3Cpath id='Path_7967' data-name='Path 7967' d='M46.162 100.956a6.436 6.436 0 0 1 .991-2.064 7.288 7.288 0 0 1 1.72-1.68 8.116 8.116 0 0 1 2.246-1.1 8.724 8.724 0 0 1 2.536-.389 8.844 8.844 0 0 1 2.54.378 7.956 7.956 0 0 1 3.193 1.883c.142.143.274.294.41.44s.248.31.371.464l.316.495.272.511.227.525.163.542a.365.365 0 0 1-.28.452.423.423 0 0 1-.426-.132l-.046-.056A9.582 9.582 0 0 0 57.3 98.709c-.293-.134-.582-.264-.878-.376a6.563 6.563 0 0 0-.908-.264 7.993 7.993 0 0 0-1.856-.224A8.173 8.173 0 0 0 50 98.7a9.338 9.338 0 0 0-3.085 2.526l-.032.04a.43.43 0 0 1-.567.076.356.356 0 0 1-.154-.381' transform='translate(-32.249 -66.989)' fill='%236b3f00'/%3E%3Cpath id='Path_7968' data-name='Path 7968' d='M32.174 62.433s-.683-2.77-4.455-3.768h0a8.849 8.849 0 0 0-5.97.331.537.537 0 0 0 .466.968 7.049 7.049 0 0 1 8.824 2.558.536.536 0 0 0 .962-.2Z' transform='translate(-14.984 -40.816)' fill='%236b3f00'/%3E%3Cpath id='Path_7969' data-name='Path 7969' d='M43.224 67.364a3.043 3.043 0 1 1-3.043-3.039 3.041 3.041 0 0 1 3.043 3.039' transform='translate(-25.95 -45.039)' fill='%236b3f00'/%3E%3Cpath id='Path_7970' data-name='Path 7970' d='M43.959 68.658a2.486 2.486 0 1 1-2.486-2.482 2.484 2.484 0 0 1 2.486 2.482' transform='translate(-27.242 -46.333)' fill='%237e500e'/%3E%3Cpath id='Path_7971' data-name='Path 7971' d='M45.243 69.687a.627.627 0 1 1-.619-.728.68.68 0 0 1 .619.728' transform='translate(-30.749 -48.279)' fill='%23734300'/%3E%3Cpath id='Path_7972' data-name='Path 7972' d='M44.647 69.369a.627.627 0 1 1-.619-.728.68.68 0 0 1 .619.728' transform='translate(-30.332 -48.057)' fill='%23fffbee'/%3E%3Cpath id='Path_7973' data-name='Path 7973' d='M85.058 62.433s.683-2.77 4.455-3.768h0a8.849 8.849 0 0 1 5.97.331.537.537 0 0 1-.466.968 7.049 7.049 0 0 0-8.824 2.558.536.536 0 0 1-.962-.2Z' transform='translate(-59.435 -40.816)' fill='%236b3f00'/%3E%3Cpath id='Path_7974' data-name='Path 7974' d='M84.781 67.364a3.043 3.043 0 1 0 3.043-3.039 3.041 3.041 0 0 0-3.043 3.039' transform='translate(-59.241 -45.039)' fill='%236b3f00'/%3E%3Cpath id='Path_7975' data-name='Path 7975' d='M86.631 68.658a2.486 2.486 0 1 0 2.486-2.482 2.484 2.484 0 0 0-2.486 2.482' transform='translate(-60.534 -46.333)' fill='%237e500e'/%3E%3Cpath id='Path_7976' data-name='Path 7976' d='M94.008 69.687a.627.627 0 1 0 .619-.728.68.68 0 0 0-.619.728' transform='translate(-65.689 -48.279)' fill='%23734300'/%3E%3Cpath id='Path_7977' data-name='Path 7977' d='M94.6 69.369a.627.627 0 1 0 .619-.728.68.68 0 0 0-.619.728' transform='translate(-66.105 -48.057)' fill='%23fffbee'/%3E%3C/g%3E%3C/g%3E%3Crect id='Rectangle_11092' data-name='Rectangle 11092' width='43' height='42.937' transform='translate(4216 -1261)' fill='none'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") no-repeat;
}

#searchUnifyChatbot .suva-overall-feedback-emojis #emoticon-2 {
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='50' height='50' viewBox='0 0 43 43'%3E%3Cdefs%3E%3CclipPath id='clip-o2'%3E%3Crect width='43' height='43'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg id='o2' clip-path='url(%23clip-o2)'%3E%3Cg id='Group_18656' data-name='Group 18656' transform='translate(-4271 1261)'%3E%3Cpath id='Path_18418' data-name='Path 18418' d='M603.971 42a21.5 21.5 0 1 1-21.5-21.5 21.5 21.5 0 0 1 21.5 21.5' transform='translate(3710.029 -1281.497)' fill='%23fff'/%3E%3Cpath id='Path_18425' data-name='Path 18425' d='M653.449 69.676a3.417 3.417 0 1 1-3.417-3.417 3.417 3.417 0 0 1 3.417 3.417' transform='translate(3649.791 -1313.684)' fill='%236b3f00'/%3E%3Cpath id='Path_18426' data-name='Path 18426' d='M654.047 70.9a2.791 2.791 0 1 1-2.791-2.791 2.791 2.791 0 0 1 2.791 2.791' transform='translate(3648.597 -1314.928)' fill='%237e500e'/%3E%3Cpath id='Path_18427' data-name='Path 18427' d='M654.873 71.712a.7.7 0 1 1-.7-.819.765.765 0 0 1 .7.819' transform='translate(3645.409 -1316.709)' fill='%23734300'/%3E%3Cpath id='Path_18428' data-name='Path 18428' d='M654.277 71.394a.7.7 0 1 1-.7-.819.765.765 0 0 1 .7.819' transform='translate(3645.825 -1316.487)' fill='%23fffbee'/%3E%3Cpath id='Path_18430' data-name='Path 18430' d='M604.079 69.676a3.417 3.417 0 1 1-3.417-3.417 3.417 3.417 0 0 1 3.417 3.417' transform='translate(3684.515 -1313.684)' fill='%236b3f00'/%3E%3Cpath id='Path_18431' data-name='Path 18431' d='M604.678 70.9a2.791 2.791 0 1 1-2.791-2.791 2.791 2.791 0 0 1 2.791 2.791' transform='translate(3683.26 -1314.928)' fill='%237e500e'/%3E%3Cpath id='Path_18432' data-name='Path 18432' d='M605.5 71.712a.7.7 0 1 1-.7-.819.765.765 0 0 1 .7.819' transform='translate(3679.894 -1316.709)' fill='%23734300'/%3E%3Cpath id='Path_18433' data-name='Path 18433' d='M604.907 71.394a.7.7 0 1 1-.7-.819.765.765 0 0 1 .7.819' transform='translate(3680.31 -1316.487)' fill='%23fffbee'/%3E%3Cpath id='Path_18429' data-name='Path 18429' d='M1.288.229a14.827 14.827 0 0 0 2.2 1.87A13.485 13.485 0 0 0 5.98 3.493a14.065 14.065 0 0 0 5.541 1.141 14.061 14.061 0 0 0 5.541-1.14A13.484 13.484 0 0 0 19.557 2.1a14.809 14.809 0 0 0 2.2-1.87l0 0A.747.747 0 0 1 22.819.218a.762.762 0 0 1 .056 1.012 14.584 14.584 0 0 1-2.3 2.261 15.073 15.073 0 0 1-2.76 1.7 14.772 14.772 0 0 1-6.3 1.409 14.774 14.774 0 0 1-6.3-1.409 15.086 15.086 0 0 1-2.76-1.7A14.6 14.6 0 0 1 .166 1.23.759.759 0 0 1 .279.168a.747.747 0 0 1 1 .054Z' transform='translate(4304.021 -1228.297) rotate(180)' fill='%236b3f00'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") no-repeat;

}

#searchUnifyChatbot .suva-overall-feedback-emojis #emoticon-3 {
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='50' height='50' viewBox='0 0 43 43'%3E%3Cdefs%3E%3CclipPath id='clip-o3'%3E%3Crect width='43' height='43'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg id='o3' clip-path='url(%23clip-o3)'%3E%3Cg id='Group_18657' data-name='Group 18657' transform='translate(-4326 1261)'%3E%3Cpath id='Path_18411' data-name='Path 18411' d='M439.97 28.445a21.5 21.5 0 1 1-21.5-21.5 21.5 21.5 0 0 1 21.5 21.5' transform='translate(3929.03 -1267.945)' fill='%23fff'/%3E%3Cpath id='Path_18412' data-name='Path 18412' d='M488.761 55.78a3.074 3.074 0 1 1-3.074-3.074 3.074 3.074 0 0 1 3.074 3.074' transform='translate(3869.274 -1299.874)' fill='%236b3f00'/%3E%3Cpath id='Path_18413' data-name='Path 18413' d='M489.486 57.068a2.511 2.511 0 1 1-2.511-2.511 2.511 2.511 0 0 1 2.511 2.511' transform='translate(3867.988 -1301.162)' fill='%237e500e'/%3E%3Cpath id='Path_18414' data-name='Path 18414' d='M490.732 58.078a.634.634 0 1 1-.626-.737.688.688 0 0 1 .626.737' transform='translate(3864.504 -1303.097)' fill='%23734300'/%3E%3Cpath id='Path_18415' data-name='Path 18415' d='M490.136 57.759a.634.634 0 1 1-.626-.737.688.688 0 0 1 .626.737' transform='translate(3864.919 -1302.874)' fill='%23fffbee'/%3E%3Cpath id='Path_18419' data-name='Path 18419' d='M439.392 55.78a3.074 3.074 0 1 1-3.074-3.074 3.074 3.074 0 0 1 3.074 3.074' transform='translate(3903.72 -1299.874)' fill='%236b3f00'/%3E%3Cpath id='Path_18420' data-name='Path 18420' d='M440.117 57.068a2.511 2.511 0 1 1-2.511-2.511 2.511 2.511 0 0 1 2.511 2.511' transform='translate(3902.431 -1301.162)' fill='%237e500e'/%3E%3Cpath id='Path_18421' data-name='Path 18421' d='M441.363 58.078a.634.634 0 1 1-.626-.737.688.688 0 0 1 .626.737' transform='translate(3898.938 -1303.097)' fill='%23734300'/%3E%3Cpath id='Path_18422' data-name='Path 18422' d='M440.767 57.759a.634.634 0 1 1-.626-.737.688.688 0 0 1 .626.737' transform='translate(3899.354 -1302.874)' fill='%23fffbee'/%3E%3Cpath id='Path_18423' data-name='Path 18423' d='M434.861 99.554a1.09 1.09 0 0 1 0-2.172h18.8a1.09 1.09 0 0 1 0 2.172Z' transform='translate(3903.242 -1331.028)' fill='%236b3f00'/%3E%3Cpath id='Path_18424' data-name='Path 18424' d='M454.8 100.252H436a.545.545 0 0 1 0-1.086h18.8a.545.545 0 0 1 0 1.086' transform='translate(3902.1 -1332.268)' fill='%237e500e'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") no-repeat;
}

#searchUnifyChatbot .suva-overall-feedback-emojis #emoticon-4 {
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='50' height='50' viewBox='0 0 43 43'%3E%3Cdefs%3E%3CclipPath id='clip-o4'%3E%3Crect width='43' height='43'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg id='o4' clip-path='url(%23clip-o4)'%3E%3Cg id='Group_18658' data-name='Group 18658' transform='translate(-4381 1261)'%3E%3Cpath id='Path_7899' data-name='Path 7899' d='M603.971 42a21.5 21.5 0 1 1-21.5-21.5 21.5 21.5 0 0 1 21.5 21.5' transform='translate(3820.029 -1281.497)' fill='%23fff'/%3E%3Cpath id='Path_7903' data-name='Path 7903' d='M652.618 69.26a3 3 0 1 1-3-3 3 3 0 0 1 3 3' transform='translate(3760.375 -1313.372)' fill='%236b3f00'/%3E%3Cpath id='Path_7904' data-name='Path 7904' d='M653.368 70.561a2.452 2.452 0 1 1-2.451-2.451 2.451 2.451 0 0 1 2.451 2.451' transform='translate(3759.07 -1314.67)' fill='%237e500e'/%3E%3Cpath id='Path_7905' data-name='Path 7905' d='M654.7 71.612a.619.619 0 1 1-.611-.719.672.672 0 0 1 .611.719' transform='translate(3755.522 -1316.636)' fill='%23734300'/%3E%3Cpath id='Path_7906' data-name='Path 7906' d='M654.108 71.294a.619.619 0 1 1-.611-.719.672.672 0 0 1 .611.719' transform='translate(3755.938 -1316.414)' fill='%23fffbee'/%3E%3Cpath id='Path_7907' data-name='Path 7907' d='M603.248 69.26a3 3 0 1 1-3-3 3 3 0 0 1 3 3' transform='translate(3794.763 -1313.372)' fill='%236b3f00'/%3E%3Cpath id='Path_7908' data-name='Path 7908' d='M604 70.561a2.452 2.452 0 1 1-2.451-2.451A2.451 2.451 0 0 1 604 70.561' transform='translate(3793.466 -1314.67)' fill='%237e500e'/%3E%3Cpath id='Path_7909' data-name='Path 7909' d='M605.334 71.612a.619.619 0 1 1-.611-.719.672.672 0 0 1 .611.719' transform='translate(3789.947 -1316.636)' fill='%23734300'/%3E%3Cpath id='Path_7910' data-name='Path 7910' d='M604.738 71.294a.619.619 0 1 1-.611-.719.672.672 0 0 1 .611.719' transform='translate(3790.362 -1316.414)' fill='%23fffbee'/%3E%3Cpath id='Path_7911' data-name='Path 7911' d='M598.886 108.635a13.088 13.088 0 0 0 1.943 1.642 11.942 11.942 0 0 0 2.206 1.225 12.477 12.477 0 0 0 9.8 0 11.948 11.948 0 0 0 2.206-1.225 13.075 13.075 0 0 0 1.942-1.643l0 0a.663.663 0 0 1 .988.884 12.857 12.857 0 0 1-2.032 1.986 13.343 13.343 0 0 1-2.44 1.49 13.14 13.14 0 0 1-11.134 0 13.353 13.353 0 0 1-2.44-1.49 12.864 12.864 0 0 1-2.031-1.987.664.664 0 0 1 .986-.886Z' transform='translate(3794.567 -1342.752)' fill='%236b3f00'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") no-repeat;
}

#searchUnifyChatbot .suva-overall-feedback-emojis #emoticon-5 {
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='50' height='50' viewBox='0 0 43 43'%3E%3Cdefs%3E%3CclipPath id='clip-path'%3E%3Cpath id='Path_18416' data-name='Path 18416' d='M790.126 140.957a13.223 13.223 0 0 0 11.8 0c-.6-2.158-3.013-3.774-5.9-3.774s-5.3 1.616-5.9 3.774' transform='translate(-790.126 -137.183)' fill='none'/%3E%3C/clipPath%3E%3ClinearGradient id='linear-gradient' x1='-20.318' y1='2.151' x2='-20.292' y2='2.151' gradientUnits='objectBoundingBox'%3E%3Cstop offset='0' stop-color='%23a64830'/%3E%3Cstop offset='0.104' stop-color='%23a64830'/%3E%3Cstop offset='0.158' stop-color='%23ba5d46'/%3E%3Cstop offset='0.244' stop-color='%23d47962'/%3E%3Cstop offset='0.33' stop-color='%23e68d77'/%3E%3Cstop offset='0.414' stop-color='%23f29883'/%3E%3Cstop offset='0.496' stop-color='%23f69d88'/%3E%3Cstop offset='0.571' stop-color='%23ec947e'/%3E%3Cstop offset='0.695' stop-color='%23d37d65'/%3E%3Cstop offset='0.853' stop-color='%23aa583d'/%3E%3Cstop offset='0.854' stop-color='%23aa583d'/%3E%3Cstop offset='1' stop-color='%23aa583d'/%3E%3C/linearGradient%3E%3CclipPath id='clip-o5'%3E%3Crect width='43' height='43'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg id='o5' clip-path='url(%23clip-o5)'%3E%3Cg id='Group_18659' data-name='Group 18659' transform='translate(-4436 1261)'%3E%3Cpath id='Path_18401' data-name='Path 18401' d='M781.508 53.173a21.5 21.5 0 1 1-21.5-21.5 21.5 21.5 0 0 1 21.5 21.5' transform='translate(3697.492 -1292.673)' fill='%23fff'/%3E%3Cpath id='Path_18402' data-name='Path 18402' d='M788.988 108.005a50.3 50.3 0 0 1-5.419 1.231 48.033 48.033 0 0 1-16.364 0 50.328 50.328 0 0 1-5.42-1.231.937.937 0 0 0-1.2.889v2.022a4.611 4.611 0 0 0 .562 2.2 16.866 16.866 0 0 0 8.071 7.42 13.78 13.78 0 0 0 12.34 0 16.861 16.861 0 0 0 8.071-7.42 4.612 4.612 0 0 0 .562-2.2v-2.022a.937.937 0 0 0-1.2-.889' transform='translate(3682.113 -1345.938)' fill='%237e500e'/%3E%3Cg id='Group_18651' data-name='Group 18651' transform='translate(4451.601 -1229.108)' clip-path='url(%23clip-path)'%3E%3Crect id='Rectangle_11090' data-name='Rectangle 11090' width='11.797' height='5.163' transform='translate(0 0)' fill='url(%23linear-gradient)'/%3E%3C/g%3E%3Cpath id='Path_18417' data-name='Path 18417' d='M795.282 141.995h-.014a17.314 17.314 0 0 1-5.993-1.411l-.215-.094.063-.226c.652-2.339 3.185-3.972 6.16-3.972s5.507 1.634 6.159 3.972l.064.226-.216.094a17.312 17.312 0 0 1-5.993 1.411Zm-5.567-1.813a12.833 12.833 0 0 0 11.135 0c-.681-1.955-2.976-3.351-5.567-3.351s-4.886 1.4-5.567 3.351' transform='translate(3662.219 -1365.668)' fill='%239e391f'/%3E%3Cpath id='Path_18403' data-name='Path 18403' d='M790.189 108.895v2.022q0 .219-.021.436a1.341 1.341 0 0 1-1.016 1.175c-1.489.364-3.11.7-4.855.968a56.87 56.87 0 0 1-17.82 0c-1.745-.272-3.368-.6-4.858-.968a1.341 1.341 0 0 1-1.016-1.175q-.021-.217-.021-.436v-2.022a.937.937 0 0 1 1.2-.889 50.311 50.311 0 0 0 5.419 1.231 48.033 48.033 0 0 0 16.364 0 50.3 50.3 0 0 0 5.419-1.231.937.937 0 0 1 1.2.889' transform='translate(3682.114 -1345.895)' fill='%23fffbee'/%3E%3Cpath id='Path_18404' data-name='Path 18404' d='M773.72 121.414l-.174-.017c-.057-.006-.117-.019-.174-.019q-.344-.039-.686-.09t-.684-.116q-.341-.065-.68-.143t-.674-.168q-.335-.091-.667-.194t-.658-.219q-.325-.115-.647-.243-.28-.111-.556-.232a17.47 17.47 0 0 1-3.39-1.968 17.23 17.23 0 0 1-4.876-5.63 5.038 5.038 0 0 1-.611-2.393V107.96a1.32 1.32 0 0 1 .529-1.06 1.34 1.34 0 0 1 1.189-.22 50.163 50.163 0 0 0 5.376 1.22 47.623 47.623 0 0 0 16.23 0 50.072 50.072 0 0 0 5.376-1.22 1.339 1.339 0 0 1 1.189.22 1.32 1.32 0 0 1 .529 1.06v2.023a5.041 5.041 0 0 1-.611 2.393 17.269 17.269 0 0 1-8.266 7.6q-.315.138-.636.264t-.648.24q-.328.114-.659.215t-.668.19q-.336.089-.675.165t-.681.14q-.341.063-.685.113t-.687.087c-.06 0-.121.013-.181.018l-.185.017c-.209.018-1.116.013-1.363-.009M760.586 107.44a.537.537 0 0 0-.325.11.512.512 0 0 0-.207.41v2.023a4.222 4.222 0 0 0 .513 2 16.417 16.417 0 0 0 4.647 5.365 16.626 16.626 0 0 0 3.232 1.876 17.293 17.293 0 0 0 3.569 1.118 12.536 12.536 0 0 0 4.878 0 17.3 17.3 0 0 0 3.57-1.118 16.456 16.456 0 0 0 7.878-7.242 4.221 4.221 0 0 0 .512-2V107.96a.512.512 0 0 0-.207-.41.54.54 0 0 0-.478-.088h0A50.929 50.929 0 0 1 782.7 108.7a49.669 49.669 0 0 1-21.964-1.241.56.56 0 0 0-.154-.022' transform='translate(3683.047 -1345.004)' fill='%236b3f00'/%3E%3Cpath id='Path_18405' data-name='Path 18405' d='M772.154 81.221a3.906 3.906 0 0 1-.293-1.921 4.554 4.554 0 0 1 .653-1.941 4.7 4.7 0 0 1 1.5-1.52 4.207 4.207 0 0 1 2.172-.661 4.138 4.138 0 0 1 1.169.165c.183.061.361.132.536.206a5.385 5.385 0 0 1 .493.27 4.648 4.648 0 0 1 1.49 1.539 4.547 4.547 0 0 1 .632 1.947 3.88 3.88 0 0 1-.314 1.916.237.237 0 0 1-.447-.051l0-.008a5.286 5.286 0 0 0-1.357-2.712 3.118 3.118 0 0 0-2.178-1.045 3.328 3.328 0 0 0-2.211 1.062 5.252 5.252 0 0 0-1.378 2.7l0 .009a.243.243 0 0 1-.459.048' transform='translate(3674.235 -1323.022)' fill='%236b3f00'/%3E%3Cpath id='Path_18406' data-name='Path 18406' d='M781.2 81.214a5.46 5.46 0 0 0-1.194-1.9 3.681 3.681 0 0 0-2.5-1.207h-.078a3.859 3.859 0 0 0-2.58 1.224 5.4 5.4 0 0 0-1.207 1.9 3.6 3.6 0 0 1 0-.636 3.994 3.994 0 0 1 .577-1.708 4.2 4.2 0 0 1 1.321-1.342 3.351 3.351 0 0 1 .525-.276l.057-.024a3.552 3.552 0 0 1 1.31-.276l.038 0c.032 0 .062 0 .092 0a3.716 3.716 0 0 1 .872.141c.1.032.2.073.314.119l.014.005.135.054c.043.022.089.046.135.068a3 3 0 0 1 .287.16 4.165 4.165 0 0 1 1.329 1.367 4.038 4.038 0 0 1 .558 1.714 3.991 3.991 0 0 1 0 .623' transform='translate(3672.992 -1324.263)' fill='%237e500e'/%3E%3Cpath id='Path_18407' data-name='Path 18407' d='M784.479 77.224a3.543 3.543 0 0 1-1.326.165 3.99 3.99 0 0 1-1.3-.149 3.552 3.552 0 0 1 1.31-.276l.038 0c.032 0 .062 0 .092 0a3.733 3.733 0 0 1 .872.141c.1.033.2.073.314.119' transform='translate(3667.259 -1324.26)' fill='%23fffbee'/%3E%3Cpath id='Path_18408' data-name='Path 18408' d='M819.022 81.221a3.906 3.906 0 0 1-.292-1.921 4.552 4.552 0 0 1 .653-1.941 4.7 4.7 0 0 1 1.5-1.52 4.207 4.207 0 0 1 2.172-.661 4.137 4.137 0 0 1 1.169.165c.183.061.361.132.536.206a5.406 5.406 0 0 1 .493.27 4.647 4.647 0 0 1 1.49 1.539 4.547 4.547 0 0 1 .632 1.947 3.881 3.881 0 0 1-.314 1.916.237.237 0 0 1-.447-.051l0-.008a5.287 5.287 0 0 0-1.357-2.712 3.118 3.118 0 0 0-2.178-1.045 3.328 3.328 0 0 0-2.212 1.062 5.253 5.253 0 0 0-1.378 2.7l0 .009a.242.242 0 0 1-.288.187.245.245 0 0 1-.171-.139' transform='translate(3641.537 -1323.022)' fill='%236b3f00'/%3E%3Cpath id='Path_18409' data-name='Path 18409' d='M828.076 81.214a5.463 5.463 0 0 0-1.194-1.9 3.68 3.68 0 0 0-2.5-1.207H824.3a3.859 3.859 0 0 0-2.58 1.224 5.4 5.4 0 0 0-1.207 1.9 3.617 3.617 0 0 1 0-.636 4 4 0 0 1 .577-1.708 4.2 4.2 0 0 1 1.321-1.342 3.356 3.356 0 0 1 .525-.276L823 77.24a3.551 3.551 0 0 1 1.31-.276l.038 0c.032 0 .062 0 .092 0a3.714 3.714 0 0 1 .872.141c.1.032.2.073.314.119l.013.005c.044.016.089.035.136.054s.089.046.136.068a3.1 3.1 0 0 1 .287.16 4.165 4.165 0 0 1 1.329 1.367 3.834 3.834 0 0 1 .555 2.336' transform='translate(3640.293 -1324.263)' fill='%237e500e'/%3E%3Cpath id='Path_18410' data-name='Path 18410' d='M831.351 77.224a3.541 3.541 0 0 1-1.326.165 3.989 3.989 0 0 1-1.3-.149 3.552 3.552 0 0 1 1.31-.276l.038 0c.033 0 .063 0 .092 0a3.731 3.731 0 0 1 .871.141c.1.033.2.073.314.119' transform='translate(3634.566 -1324.26)' fill='%23fffbee'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") no-repeat;
}

#searchUnifyChatbot .suva-overall-feedback-emojis #emoticon-1:hover,
.emoticon-1-hov {
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='50' height='50' viewBox='0 0 43 43'%3E%3Cdefs%3E%3CclipPath id='clip-path'%3E%3Crect id='Rectangle_6654' data-name='Rectangle 6654' width='43' height='42.937' fill='none'/%3E%3C/clipPath%3E%3CclipPath id='clip-o1a'%3E%3Crect width='43' height='43'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg id='o1a' clip-path='url(%23clip-o1a)'%3E%3Cg id='Group_18660' data-name='Group 18660' transform='translate(-4216 1261.063)'%3E%3Cpath id='Path_18434' data-name='Path 18434' d='M42.814 21.376A21.407 21.407 0 1 1 21.407 0 21.391 21.391 0 0 1 42.814 21.376' transform='translate(4216 -1261.063)' fill='%23f9dd50'/%3E%3Cg id='Group_18653' data-name='Group 18653' transform='translate(4216 -1261)'%3E%3Cg id='Group_6668' data-name='Group 6668' clip-path='url(%23clip-path)'%3E%3Cpath id='Path_7967' data-name='Path 7967' d='M46.162 100.956a6.436 6.436 0 0 1 .991-2.064 7.288 7.288 0 0 1 1.72-1.68 8.116 8.116 0 0 1 2.246-1.1 8.724 8.724 0 0 1 2.536-.389 8.844 8.844 0 0 1 2.54.378 7.956 7.956 0 0 1 3.193 1.883c.142.143.274.294.41.44s.248.31.371.464l.316.495.272.511.227.525.163.542a.365.365 0 0 1-.28.452.423.423 0 0 1-.426-.132l-.046-.056A9.582 9.582 0 0 0 57.3 98.709c-.293-.134-.582-.264-.878-.376a6.563 6.563 0 0 0-.908-.264 7.993 7.993 0 0 0-1.856-.224A8.173 8.173 0 0 0 50 98.7a9.338 9.338 0 0 0-3.085 2.526l-.032.04a.43.43 0 0 1-.567.076.356.356 0 0 1-.154-.381' transform='translate(-32.249 -66.989)' fill='%236b3f00'/%3E%3Cpath id='Path_7968' data-name='Path 7968' d='M32.174 62.433s-.683-2.77-4.455-3.768h0a8.849 8.849 0 0 0-5.97.331.537.537 0 0 0 .466.968 7.049 7.049 0 0 1 8.824 2.558.536.536 0 0 0 .962-.2Z' transform='translate(-14.984 -40.816)' fill='%236b3f00'/%3E%3Cpath id='Path_7969' data-name='Path 7969' d='M43.224 67.364a3.043 3.043 0 1 1-3.043-3.039 3.041 3.041 0 0 1 3.043 3.039' transform='translate(-25.95 -45.039)' fill='%236b3f00'/%3E%3Cpath id='Path_7970' data-name='Path 7970' d='M43.959 68.658a2.486 2.486 0 1 1-2.486-2.482 2.484 2.484 0 0 1 2.486 2.482' transform='translate(-27.242 -46.333)' fill='%237e500e'/%3E%3Cpath id='Path_7971' data-name='Path 7971' d='M45.243 69.687a.627.627 0 1 1-.619-.728.68.68 0 0 1 .619.728' transform='translate(-30.749 -48.279)' fill='%23734300'/%3E%3Cpath id='Path_7972' data-name='Path 7972' d='M44.647 69.369a.627.627 0 1 1-.619-.728.68.68 0 0 1 .619.728' transform='translate(-30.332 -48.057)' fill='%23fffbee'/%3E%3Cpath id='Path_7973' data-name='Path 7973' d='M85.058 62.433s.683-2.77 4.455-3.768h0a8.849 8.849 0 0 1 5.97.331.537.537 0 0 1-.466.968 7.049 7.049 0 0 0-8.824 2.558.536.536 0 0 1-.962-.2Z' transform='translate(-59.435 -40.816)' fill='%236b3f00'/%3E%3Cpath id='Path_7974' data-name='Path 7974' d='M84.781 67.364a3.043 3.043 0 1 0 3.043-3.039 3.041 3.041 0 0 0-3.043 3.039' transform='translate(-59.241 -45.039)' fill='%236b3f00'/%3E%3Cpath id='Path_7975' data-name='Path 7975' d='M86.631 68.658a2.486 2.486 0 1 0 2.486-2.482 2.484 2.484 0 0 0-2.486 2.482' transform='translate(-60.534 -46.333)' fill='%237e500e'/%3E%3Cpath id='Path_7976' data-name='Path 7976' d='M94.008 69.687a.627.627 0 1 0 .619-.728.68.68 0 0 0-.619.728' transform='translate(-65.689 -48.279)' fill='%23734300'/%3E%3Cpath id='Path_7977' data-name='Path 7977' d='M94.6 69.369a.627.627 0 1 0 .619-.728.68.68 0 0 0-.619.728' transform='translate(-66.105 -48.057)' fill='%23fffbee'/%3E%3C/g%3E%3C/g%3E%3Crect id='Rectangle_11092' data-name='Rectangle 11092' width='43' height='42.937' transform='translate(4216 -1261)' fill='none'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") no-repeat !important;
    background-position: center top !important;
}

#searchUnifyChatbot .suva-overall-feedback-emojis #emoticon-2:hover,
.emoticon-2-hov {
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='50' height='50' viewBox='0 0 43 43'%3E%3Cdefs%3E%3CclipPath id='clip-o2b'%3E%3Crect width='43' height='43'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg id='o2b' clip-path='url(%23clip-o2b)'%3E%3Cg id='Group_18661' data-name='Group 18661' transform='translate(-4271 1261)'%3E%3Cpath id='Path_18418' data-name='Path 18418' d='M603.971 42a21.5 21.5 0 1 1-21.5-21.5 21.5 21.5 0 0 1 21.5 21.5' transform='translate(3710.029 -1281.497)' fill='%23f9dd50'/%3E%3Cpath id='Path_18425' data-name='Path 18425' d='M653.449 69.676a3.417 3.417 0 1 1-3.417-3.417 3.417 3.417 0 0 1 3.417 3.417' transform='translate(3649.791 -1313.684)' fill='%236b3f00'/%3E%3Cpath id='Path_18426' data-name='Path 18426' d='M654.047 70.9a2.791 2.791 0 1 1-2.791-2.791 2.791 2.791 0 0 1 2.791 2.791' transform='translate(3648.597 -1314.928)' fill='%237e500e'/%3E%3Cpath id='Path_18427' data-name='Path 18427' d='M654.873 71.712a.7.7 0 1 1-.7-.819.765.765 0 0 1 .7.819' transform='translate(3645.409 -1316.709)' fill='%23734300'/%3E%3Cpath id='Path_18428' data-name='Path 18428' d='M654.277 71.394a.7.7 0 1 1-.7-.819.765.765 0 0 1 .7.819' transform='translate(3645.825 -1316.487)' fill='%23fffbee'/%3E%3Cpath id='Path_18430' data-name='Path 18430' d='M604.079 69.676a3.417 3.417 0 1 1-3.417-3.417 3.417 3.417 0 0 1 3.417 3.417' transform='translate(3684.515 -1313.684)' fill='%236b3f00'/%3E%3Cpath id='Path_18431' data-name='Path 18431' d='M604.678 70.9a2.791 2.791 0 1 1-2.791-2.791 2.791 2.791 0 0 1 2.791 2.791' transform='translate(3683.26 -1314.928)' fill='%237e500e'/%3E%3Cpath id='Path_18432' data-name='Path 18432' d='M605.5 71.712a.7.7 0 1 1-.7-.819.765.765 0 0 1 .7.819' transform='translate(3679.894 -1316.709)' fill='%23734300'/%3E%3Cpath id='Path_18433' data-name='Path 18433' d='M604.907 71.394a.7.7 0 1 1-.7-.819.765.765 0 0 1 .7.819' transform='translate(3680.31 -1316.487)' fill='%23fffbee'/%3E%3Cpath id='Path_18429' data-name='Path 18429' d='M1.288.229a14.827 14.827 0 0 0 2.2 1.87A13.485 13.485 0 0 0 5.98 3.493a14.065 14.065 0 0 0 5.541 1.141 14.061 14.061 0 0 0 5.541-1.14A13.484 13.484 0 0 0 19.557 2.1a14.809 14.809 0 0 0 2.2-1.87l0 0A.747.747 0 0 1 22.819.218a.762.762 0 0 1 .056 1.012 14.584 14.584 0 0 1-2.3 2.261 15.073 15.073 0 0 1-2.76 1.7 14.772 14.772 0 0 1-6.3 1.409 14.774 14.774 0 0 1-6.3-1.409 15.086 15.086 0 0 1-2.76-1.7A14.6 14.6 0 0 1 .166 1.23.759.759 0 0 1 .279.168a.747.747 0 0 1 1 .054Z' transform='translate(4304.021 -1228.297) rotate(180)' fill='%236b3f00'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") no-repeat !important;
    background-position: center top !important;

}

#searchUnifyChatbot .suva-overall-feedback-emojis #emoticon-3:hover,
.emoticon-3-hov {
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='50' height='50' viewBox='0 0 43 43'%3E%3Cdefs%3E%3CclipPath id='clip-o3c'%3E%3Crect width='43' height='43'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg id='o3c' clip-path='url(%23clip-o3c)'%3E%3Cg id='Group_18662' data-name='Group 18662' transform='translate(-4326 1261)'%3E%3Cpath id='Path_18411' data-name='Path 18411' d='M439.97 28.445a21.5 21.5 0 1 1-21.5-21.5 21.5 21.5 0 0 1 21.5 21.5' transform='translate(3929.03 -1267.945)' fill='%23f9dd50'/%3E%3Cpath id='Path_18412' data-name='Path 18412' d='M488.761 55.78a3.074 3.074 0 1 1-3.074-3.074 3.074 3.074 0 0 1 3.074 3.074' transform='translate(3869.274 -1299.874)' fill='%236b3f00'/%3E%3Cpath id='Path_18413' data-name='Path 18413' d='M489.486 57.068a2.511 2.511 0 1 1-2.511-2.511 2.511 2.511 0 0 1 2.511 2.511' transform='translate(3867.988 -1301.162)' fill='%237e500e'/%3E%3Cpath id='Path_18414' data-name='Path 18414' d='M490.732 58.078a.634.634 0 1 1-.626-.737.688.688 0 0 1 .626.737' transform='translate(3864.504 -1303.097)' fill='%23734300'/%3E%3Cpath id='Path_18415' data-name='Path 18415' d='M490.136 57.759a.634.634 0 1 1-.626-.737.688.688 0 0 1 .626.737' transform='translate(3864.919 -1302.874)' fill='%23fffbee'/%3E%3Cpath id='Path_18419' data-name='Path 18419' d='M439.392 55.78a3.074 3.074 0 1 1-3.074-3.074 3.074 3.074 0 0 1 3.074 3.074' transform='translate(3903.72 -1299.874)' fill='%236b3f00'/%3E%3Cpath id='Path_18420' data-name='Path 18420' d='M440.117 57.068a2.511 2.511 0 1 1-2.511-2.511 2.511 2.511 0 0 1 2.511 2.511' transform='translate(3902.431 -1301.162)' fill='%237e500e'/%3E%3Cpath id='Path_18421' data-name='Path 18421' d='M441.363 58.078a.634.634 0 1 1-.626-.737.688.688 0 0 1 .626.737' transform='translate(3898.938 -1303.097)' fill='%23734300'/%3E%3Cpath id='Path_18422' data-name='Path 18422' d='M440.767 57.759a.634.634 0 1 1-.626-.737.688.688 0 0 1 .626.737' transform='translate(3899.354 -1302.874)' fill='%23fffbee'/%3E%3Cpath id='Path_18423' data-name='Path 18423' d='M434.861 99.554a1.09 1.09 0 0 1 0-2.172h18.8a1.09 1.09 0 0 1 0 2.172Z' transform='translate(3903.242 -1331.028)' fill='%236b3f00'/%3E%3Cpath id='Path_18424' data-name='Path 18424' d='M454.8 100.252H436a.545.545 0 0 1 0-1.086h18.8a.545.545 0 0 1 0 1.086' transform='translate(3902.1 -1332.268)' fill='%237e500e'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") no-repeat !important;
    background-position: center top !important;

}

#searchUnifyChatbot .suva-overall-feedback-emojis #emoticon-4:hover,
.emoticon-4-hov {
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='50' height='50' viewBox='0 0 43 43'%3E%3Cdefs%3E%3CclipPath id='clip-o4d'%3E%3Crect width='43' height='43'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg id='o4d' clip-path='url(%23clip-o4d)'%3E%3Cg id='Group_18663' data-name='Group 18663' transform='translate(-4381 1261)'%3E%3Cpath id='Path_7899' data-name='Path 7899' d='M603.971 42a21.5 21.5 0 1 1-21.5-21.5 21.5 21.5 0 0 1 21.5 21.5' transform='translate(3820.029 -1281.497)' fill='%23f9dd50'/%3E%3Cpath id='Path_7903' data-name='Path 7903' d='M652.618 69.26a3 3 0 1 1-3-3 3 3 0 0 1 3 3' transform='translate(3760.375 -1313.372)' fill='%236b3f00'/%3E%3Cpath id='Path_7904' data-name='Path 7904' d='M653.368 70.561a2.452 2.452 0 1 1-2.451-2.451 2.451 2.451 0 0 1 2.451 2.451' transform='translate(3759.07 -1314.67)' fill='%237e500e'/%3E%3Cpath id='Path_7905' data-name='Path 7905' d='M654.7 71.612a.619.619 0 1 1-.611-.719.672.672 0 0 1 .611.719' transform='translate(3755.522 -1316.636)' fill='%23734300'/%3E%3Cpath id='Path_7906' data-name='Path 7906' d='M654.108 71.294a.619.619 0 1 1-.611-.719.672.672 0 0 1 .611.719' transform='translate(3755.938 -1316.414)' fill='%23fffbee'/%3E%3Cpath id='Path_7907' data-name='Path 7907' d='M603.248 69.26a3 3 0 1 1-3-3 3 3 0 0 1 3 3' transform='translate(3794.763 -1313.372)' fill='%236b3f00'/%3E%3Cpath id='Path_7908' data-name='Path 7908' d='M604 70.561a2.452 2.452 0 1 1-2.451-2.451A2.451 2.451 0 0 1 604 70.561' transform='translate(3793.466 -1314.67)' fill='%237e500e'/%3E%3Cpath id='Path_7909' data-name='Path 7909' d='M605.334 71.612a.619.619 0 1 1-.611-.719.672.672 0 0 1 .611.719' transform='translate(3789.947 -1316.636)' fill='%23734300'/%3E%3Cpath id='Path_7910' data-name='Path 7910' d='M604.738 71.294a.619.619 0 1 1-.611-.719.672.672 0 0 1 .611.719' transform='translate(3790.362 -1316.414)' fill='%23fffbee'/%3E%3Cpath id='Path_7911' data-name='Path 7911' d='M598.886 108.635a13.088 13.088 0 0 0 1.943 1.642 11.942 11.942 0 0 0 2.206 1.225 12.477 12.477 0 0 0 9.8 0 11.948 11.948 0 0 0 2.206-1.225 13.075 13.075 0 0 0 1.942-1.643l0 0a.663.663 0 0 1 .988.884 12.857 12.857 0 0 1-2.032 1.986 13.343 13.343 0 0 1-2.44 1.49 13.14 13.14 0 0 1-11.134 0 13.353 13.353 0 0 1-2.44-1.49 12.864 12.864 0 0 1-2.031-1.987.664.664 0 0 1 .986-.886Z' transform='translate(3794.567 -1342.752)' fill='%236b3f00'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") no-repeat !important;
    background-position: center top !important;

}

#searchUnifyChatbot .suva-overall-feedback-emojis #emoticon-5:hover,
.emoticon-5-hov {
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='50' height='50' viewBox='0 0 43 43'%3E%3Cdefs%3E%3CclipPath id='clip-path'%3E%3Cpath id='Path_18416' data-name='Path 18416' d='M790.126 140.957a13.223 13.223 0 0 0 11.8 0c-.6-2.158-3.013-3.774-5.9-3.774s-5.3 1.616-5.9 3.774' transform='translate(-790.126 -137.183)' fill='none'/%3E%3C/clipPath%3E%3ClinearGradient id='linear-gradient' x1='-20.318' y1='2.151' x2='-20.292' y2='2.151' gradientUnits='objectBoundingBox'%3E%3Cstop offset='0' stop-color='%23a64830'/%3E%3Cstop offset='0.104' stop-color='%23a64830'/%3E%3Cstop offset='0.158' stop-color='%23ba5d46'/%3E%3Cstop offset='0.244' stop-color='%23d47962'/%3E%3Cstop offset='0.33' stop-color='%23e68d77'/%3E%3Cstop offset='0.414' stop-color='%23f29883'/%3E%3Cstop offset='0.496' stop-color='%23f69d88'/%3E%3Cstop offset='0.571' stop-color='%23ec947e'/%3E%3Cstop offset='0.695' stop-color='%23d37d65'/%3E%3Cstop offset='0.853' stop-color='%23aa583d'/%3E%3Cstop offset='0.854' stop-color='%23aa583d'/%3E%3Cstop offset='1' stop-color='%23aa583d'/%3E%3C/linearGradient%3E%3CclipPath id='clip-o5e'%3E%3Crect width='43' height='43'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg id='o5e' clip-path='url(%23clip-o5e)'%3E%3Cg id='Group_18664' data-name='Group 18664' transform='translate(-4436 1261)'%3E%3Cpath id='Path_18401' data-name='Path 18401' d='M781.508 53.173a21.5 21.5 0 1 1-21.5-21.5 21.5 21.5 0 0 1 21.5 21.5' transform='translate(3697.492 -1292.673)' fill='%23f9dd50'/%3E%3Cpath id='Path_18402' data-name='Path 18402' d='M788.988 108.005a50.3 50.3 0 0 1-5.419 1.231 48.033 48.033 0 0 1-16.364 0 50.328 50.328 0 0 1-5.42-1.231.937.937 0 0 0-1.2.889v2.022a4.611 4.611 0 0 0 .562 2.2 16.866 16.866 0 0 0 8.071 7.42 13.78 13.78 0 0 0 12.34 0 16.861 16.861 0 0 0 8.071-7.42 4.612 4.612 0 0 0 .562-2.2v-2.022a.937.937 0 0 0-1.2-.889' transform='translate(3682.113 -1345.938)' fill='%237e500e'/%3E%3Cg id='Group_18651' data-name='Group 18651' transform='translate(4451.601 -1229.108)' clip-path='url(%23clip-path)'%3E%3Crect id='Rectangle_11090' data-name='Rectangle 11090' width='11.797' height='5.163' transform='translate(0 0)' fill='url(%23linear-gradient)'/%3E%3C/g%3E%3Cpath id='Path_18417' data-name='Path 18417' d='M795.282 141.995h-.014a17.314 17.314 0 0 1-5.993-1.411l-.215-.094.063-.226c.652-2.339 3.185-3.972 6.16-3.972s5.507 1.634 6.159 3.972l.064.226-.216.094a17.312 17.312 0 0 1-5.993 1.411Zm-5.567-1.813a12.833 12.833 0 0 0 11.135 0c-.681-1.955-2.976-3.351-5.567-3.351s-4.886 1.4-5.567 3.351' transform='translate(3662.219 -1365.668)' fill='%239e391f'/%3E%3Cpath id='Path_18403' data-name='Path 18403' d='M790.189 108.895v2.022q0 .219-.021.436a1.341 1.341 0 0 1-1.016 1.175c-1.489.364-3.11.7-4.855.968a56.87 56.87 0 0 1-17.82 0c-1.745-.272-3.368-.6-4.858-.968a1.341 1.341 0 0 1-1.016-1.175q-.021-.217-.021-.436v-2.022a.937.937 0 0 1 1.2-.889 50.311 50.311 0 0 0 5.419 1.231 48.033 48.033 0 0 0 16.364 0 50.3 50.3 0 0 0 5.419-1.231.937.937 0 0 1 1.2.889' transform='translate(3682.114 -1345.895)' fill='%23fffbee'/%3E%3Cpath id='Path_18404' data-name='Path 18404' d='M773.72 121.414l-.174-.017c-.057-.006-.117-.019-.174-.019q-.344-.039-.686-.09t-.684-.116q-.341-.065-.68-.143t-.674-.168q-.335-.091-.667-.194t-.658-.219q-.325-.115-.647-.243-.28-.111-.556-.232a17.47 17.47 0 0 1-3.39-1.968 17.23 17.23 0 0 1-4.876-5.63 5.038 5.038 0 0 1-.611-2.393V107.96a1.32 1.32 0 0 1 .529-1.06 1.34 1.34 0 0 1 1.189-.22 50.163 50.163 0 0 0 5.376 1.22 47.623 47.623 0 0 0 16.23 0 50.072 50.072 0 0 0 5.376-1.22 1.339 1.339 0 0 1 1.189.22 1.32 1.32 0 0 1 .529 1.06v2.023a5.041 5.041 0 0 1-.611 2.393 17.269 17.269 0 0 1-8.266 7.6q-.315.138-.636.264t-.648.24q-.328.114-.659.215t-.668.19q-.336.089-.675.165t-.681.14q-.341.063-.685.113t-.687.087c-.06 0-.121.013-.181.018l-.185.017c-.209.018-1.116.013-1.363-.009M760.586 107.44a.537.537 0 0 0-.325.11.512.512 0 0 0-.207.41v2.023a4.222 4.222 0 0 0 .513 2 16.417 16.417 0 0 0 4.647 5.365 16.626 16.626 0 0 0 3.232 1.876 17.293 17.293 0 0 0 3.569 1.118 12.536 12.536 0 0 0 4.878 0 17.3 17.3 0 0 0 3.57-1.118 16.456 16.456 0 0 0 7.878-7.242 4.221 4.221 0 0 0 .512-2V107.96a.512.512 0 0 0-.207-.41.54.54 0 0 0-.478-.088h0A50.929 50.929 0 0 1 782.7 108.7a49.669 49.669 0 0 1-21.964-1.241.56.56 0 0 0-.154-.022' transform='translate(3683.047 -1345.004)' fill='%236b3f00'/%3E%3Cpath id='Path_18405' data-name='Path 18405' d='M772.154 81.221a3.906 3.906 0 0 1-.293-1.921 4.554 4.554 0 0 1 .653-1.941 4.7 4.7 0 0 1 1.5-1.52 4.207 4.207 0 0 1 2.172-.661 4.138 4.138 0 0 1 1.169.165c.183.061.361.132.536.206a5.385 5.385 0 0 1 .493.27 4.648 4.648 0 0 1 1.49 1.539 4.547 4.547 0 0 1 .632 1.947 3.88 3.88 0 0 1-.314 1.916.237.237 0 0 1-.447-.051l0-.008a5.286 5.286 0 0 0-1.357-2.712 3.118 3.118 0 0 0-2.178-1.045 3.328 3.328 0 0 0-2.211 1.062 5.252 5.252 0 0 0-1.378 2.7l0 .009a.243.243 0 0 1-.459.048' transform='translate(3674.235 -1323.022)' fill='%236b3f00'/%3E%3Cpath id='Path_18406' data-name='Path 18406' d='M781.2 81.214a5.46 5.46 0 0 0-1.194-1.9 3.681 3.681 0 0 0-2.5-1.207h-.078a3.859 3.859 0 0 0-2.58 1.224 5.4 5.4 0 0 0-1.207 1.9 3.6 3.6 0 0 1 0-.636 3.994 3.994 0 0 1 .577-1.708 4.2 4.2 0 0 1 1.321-1.342 3.351 3.351 0 0 1 .525-.276l.057-.024a3.552 3.552 0 0 1 1.31-.276l.038 0c.032 0 .062 0 .092 0a3.716 3.716 0 0 1 .872.141c.1.032.2.073.314.119l.014.005.135.054c.043.022.089.046.135.068a3 3 0 0 1 .287.16 4.165 4.165 0 0 1 1.329 1.367 4.038 4.038 0 0 1 .558 1.714 3.991 3.991 0 0 1 0 .623' transform='translate(3672.992 -1324.263)' fill='%237e500e'/%3E%3Cpath id='Path_18407' data-name='Path 18407' d='M784.479 77.224a3.543 3.543 0 0 1-1.326.165 3.99 3.99 0 0 1-1.3-.149 3.552 3.552 0 0 1 1.31-.276l.038 0c.032 0 .062 0 .092 0a3.733 3.733 0 0 1 .872.141c.1.033.2.073.314.119' transform='translate(3667.259 -1324.26)' fill='%23fffbee'/%3E%3Cpath id='Path_18408' data-name='Path 18408' d='M819.022 81.221a3.906 3.906 0 0 1-.292-1.921 4.552 4.552 0 0 1 .653-1.941 4.7 4.7 0 0 1 1.5-1.52 4.207 4.207 0 0 1 2.172-.661 4.137 4.137 0 0 1 1.169.165c.183.061.361.132.536.206a5.406 5.406 0 0 1 .493.27 4.647 4.647 0 0 1 1.49 1.539 4.547 4.547 0 0 1 .632 1.947 3.881 3.881 0 0 1-.314 1.916.237.237 0 0 1-.447-.051l0-.008a5.287 5.287 0 0 0-1.357-2.712 3.118 3.118 0 0 0-2.178-1.045 3.328 3.328 0 0 0-2.212 1.062 5.253 5.253 0 0 0-1.378 2.7l0 .009a.242.242 0 0 1-.288.187.245.245 0 0 1-.171-.139' transform='translate(3641.537 -1323.022)' fill='%236b3f00'/%3E%3Cpath id='Path_18409' data-name='Path 18409' d='M828.076 81.214a5.463 5.463 0 0 0-1.194-1.9 3.68 3.68 0 0 0-2.5-1.207H824.3a3.859 3.859 0 0 0-2.58 1.224 5.4 5.4 0 0 0-1.207 1.9 3.617 3.617 0 0 1 0-.636 4 4 0 0 1 .577-1.708 4.2 4.2 0 0 1 1.321-1.342 3.356 3.356 0 0 1 .525-.276L823 77.24a3.551 3.551 0 0 1 1.31-.276l.038 0c.032 0 .062 0 .092 0a3.714 3.714 0 0 1 .872.141c.1.032.2.073.314.119l.013.005c.044.016.089.035.136.054s.089.046.136.068a3.1 3.1 0 0 1 .287.16 4.165 4.165 0 0 1 1.329 1.367 3.834 3.834 0 0 1 .555 2.336' transform='translate(3640.293 -1324.263)' fill='%237e500e'/%3E%3Cpath id='Path_18410' data-name='Path 18410' d='M831.351 77.224a3.541 3.541 0 0 1-1.326.165 3.989 3.989 0 0 1-1.3-.149 3.552 3.552 0 0 1 1.31-.276l.038 0c.033 0 .063 0 .092 0a3.731 3.731 0 0 1 .871.141c.1.033.2.073.314.119' transform='translate(3634.566 -1324.26)' fill='%23fffbee'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") no-repeat !important;
    background-position: center top !important;

}

/* additional feedback */

#searchUnifyChatbot #suva-overall-feedback .additional-feedback {
    display: block;
    background: #FFFFFF;
    width: 100%;
    overflow: scroll;
    scrollbar-width: none;
}

#searchUnifyChatbot #suva-overall-feedback .additional-feedback .feedback-options {
    text-align: center;
    margin: 24px;
}

#searchUnifyChatbot #suva-overall-feedback .additional-feedback .feedback-options {
    text-align: center;
    margin: 24px 18px 30px 18px;
}

#searchUnifyChatbot #suva-overall-feedback .additional-feedback .feedback-options p {
    margin: 0px 0px 17px 0px;
    font-size: 18px;
    font-weight: 500;
    font-family: Poppins;
    color: #000000;
}

#searchUnifyChatbot #suva-overall-feedback .additional-feedback .feedback-options button {
    background-color: #FFFFFF;
    border: 1px solid rgb(59, 59, 59);
    border-radius: 4px;
    color: rgb(59, 59, 59);
    padding: 6px 11px;
    margin: 5px;
    cursor: pointer;
    font-family: Poppins;
    font-weight: 450;
    font-size: 14px;
}

#searchUnifyChatbot #suva-overall-feedback .additional-feedback .feedback-options button:hover {
        background-color: rgb(1 100 141);
        border: 1px solid rgb(1 100 139);
        color: #ffff;
}

#searchUnifyChatbot .select-multiple-options {
    background-color: rgb(1 101 140) !important;
    border: 1px solid rgb(1 101 140) !important;
    color: #FFFFFF !important;
    outline: 0;
}

#searchUnifyChatbot #suva-overall-feedback .additional-feedback .additional-feedback-container {
    margin: 24px 18px 24px 18px;
}

#searchUnifyChatbot #suva-overall-feedback .additional-feedback .additional-feedback-container .add-feedback {
    border: 1px solid #7070704D;
    border-radius: 4px;
    margin-bottom: 23px;
}

 #searchUnifyChatbot #suva-overall-feedback .additional-feedback .additional-feedback-container .add-feedback p {
        font-family: Poppins;
        font-size: 13px;
        font-weight: 450;
        padding: 11px 0px 10px 12px;
        margin: 0px;
        border-bottom: 1px solid #7070704D;
        color: #000;
}
#searchUnifyChatbot #suva-overall-feedback .additional-feedback .additional-feedback-container .add-feedback textarea {
    background: #FFFFFF;
    border: none;
    width: 94%;
    height: 87px;
    margin: 11px 11px 0px 11px;
    resize: none;
    font-family: Poppins;
    font-size: 14px;
    padding: 0px;
    /* invisible scroll-bar */
    -ms-overflow-style: none;
    /* IE and Edge */
    scrollbar-width: none;
}

/* Hide scrollbar for Chrome, Safari and Opera */
#searchUnifyChatbot #suva-overall-feedback .additional-feedback .additional-feedback-container .add-feedback textarea::-webkit-scrollbar {
    display: none;
}

#searchUnifyChatbot .add-feedback textarea:focus-visible {
    outline-color: #FFFFFF !important;
    outline: none;
}

#searchUnifyChatbot #suva-overall-feedback .additional-feedback .additional-feedback-container .add-feedback span {
    display: flex;
    justify-content: end;
    padding: 0px 10px 10px 10px;
    font-size: 14px;
    font-family: Poppins;
    letter-spacing: 0px;
    color: #5163F8;
}

/* Buttons*/
#searchUnifyChatbot #suva-overall-feedback .additional-feedback .additional-feedback-container .addition-feedback-btns {
    display: flex;
    flex-direction: column;
}

#searchUnifyChatbot #suva-overall-feedback .additional-feedback .additional-feedback-container .addition-feedback-btns button {
    font-size: 16px;
    font-family: Poppins;
    border-radius: 4px;
    padding: 8px;
    border: none;
    margin: 7px 0px;
    cursor: pointer;
}

#searchUnifyChatbot #suva-overall-feedback .additional-feedback .additional-feedback-container #submit-feedback {
    background-color: rgb(15 92 140);
    color: #FFFFFF;
outline:0 !important;
}

#searchUnifyChatbot #suva-overall-feedback .additional-feedback .additional-feedback-container #cancel-feedback {
        background-color: #FFFF;
            border: 1px solid rgb(15 92 140);
    color: rgb(15 92 139);
outline:0 !important
}

/* Feedback has been submitted */
#searchUnifyChatbot .feedback-submitted {
    display: none;
/* //    background: linear-gradient(246deg, rgb(0 100 138) 0%, rgb(73 144 170) 100%) no-repeat padding-box; */
background: linear-gradient(246deg, rgb(16 91 141) 0%, rgb(37 81 97) 100%) no-repeat padding-box;
}

#searchUnifyChatbot .feedback-submitted-visible {
    display: flex;
    justify-content: center;
}

#searchUnifyChatbot .feedback-submitted .feedback-submitted-container {
    font-family: Poppins;
    color: #FFFFFF;
    text-align: center;
    margin: auto;
}

#searchUnifyChatbot .feedback-submitted .feedback-submitted-container p {
    font-size: 24px;
    font-weight: 500;
    margin: 8px auto;
}

#searchUnifyChatbot .feedback-submitted .feedback-submitted-container span {
    font-size: 14px;
    font-weight: normal;
}

/*-----------------Overall Feedback CSS-----------------*/


/*-----------------Overall Feedback CSS-----------------*/
/*//////////////////////////////new design css////////////////////////////////////////*/
#searchUnifyChatbot #suva-submit {
    box-sizing: border-box;
    resize: none;
    overflow-y: hidden;
    border: none;
    border-radius: 10px;
    padding: 15px 12px 0px 10px;
    font-size: 14px;
    font-weight: 500;
    font-family: "Poppins" !important;
    margin: 0;
   /* // line-height: 48px;
//height:50px !important; */
}

/* Styles for the scrollbar */
#searchUnifyChatbot #suva-submit::-webkit-scrollbar {
    width: 4px;
    /* Width of the entire scrollbar */
}

#searchUnifyChatbot #suva-submit::-webkit-scrollbar-track {
    background: transparent;
    /* Color of the scrollbar track */
}

#searchUnifyChatbot #suva-submit::-webkit-scrollbar-thumb {
    background-color: #2626262e;
    border-radius: 20px;
}

#searchUnifyChatbot #suva-submit::-webkit-scrollbar-thumb:hover {
    background-color: #555;
    /* Color of the scrollbar thumb on hover */
}

#searchUnifyChatbot #suva-submit:focus-visible {
    outline: none;
}

#searchUnifyChatbot .suva-setting-dropdown {
    position: relative;
    cursor: pointer;
    display: flex;
    align-items: center;
}

#searchUnifyChatbot .suva-dropdown-content {
    display: none;
    position: absolute;
    background-color: #fff;
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
    z-index: 1;
    right: -3px;
    box-shadow: 0px 3px 6px #00000021;
    border-radius: 10px;
    top: 27px;
    width: max-content;
}

#searchUnifyChatbot .suva-dropdown-content a {
    padding: 10px 26px 10px 10px;
    display: flex;
    text-decoration: none;
    color: #303030;
    cursor: pointer;
    font-size: 14px;
    font-weight: normal;
    align-items: center;
    height: 36px;
    width: 100%;
    box-sizing: border-box;
}

#searchUnifyChatbot .suva-dropdown-content a svg {
    margin-right: 10px;
}

#searchUnifyChatbot .suva-dropdown-content a span {
    flex-grow: 1;
}

#searchUnifyChatbot .suva-dropdown-content a:hover {
    background: #5929F20D;
    color: #303030 !important;
}

#searchUnifyChatbot .suva-dropdown:hover .dropdown-content {
    display: block;
}

/*********************************************************/
/******************* SINGLE DIALOG BOX *******************/
/*********************************************************/

#searchUnifyChatbot #suva-popups {
    display: none;
    position: absolute;
    z-index: 9999999999;
    top: 0%;
    width: 100%;
    height: 102%;
    overflow: auto;
    align-items: center;
    justify-content: center;
    align-content: center;
    background: rgba(9, 9, 9, 0.57) 0% 0% no-repeat padding-box;
    -webkit-animation: fadeIn 0.3s ease-in-out;
    animation: fadeIn 0.3s ease-in-out;
    -moz-animation: fadeIn 0.3s ease-in-out;
    -o-animation: fadeIn 0.3s ease-in-out;
    -ms-animation: fadeIn 0.3s ease-in-out;
}

#searchUnifyChatbot .suva-popup-container {
    border: 1px solid #888;
    width: 76%;
    padding: 27px 36px 28px 36px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    opacity: 1;
    border-radius: 12px;
    letter-spacing: 0px;
    color: #232323;
    -webkit-animation: slideUp 0.3s ease-in-out;
    animation: slideUp 0.3s ease-in-out;
    -moz-animation: slideUp 0.3s ease-in-out;
    -o-animation: slideUp 0.3s ease-in-out;
    -ms-animation: slideUp 0.3s ease-in-out;
}

#searchUnifyChatbot .suva-popup-container>p {
    color: #232323;
    font-family: 'Poppins';
    font-size: 16px;
    line-height: 26px;
    text-align: center;
    margin: 0px 0px 12px 0px;
}

#searchUnifyChatbot .suva-popup-yes-btn {
    background-color: #7C54FB;
    color: #fff;
    padding: 9px 54px 9px 55px;
}

#searchUnifyChatbot .suva-popup-no-btn {
    color: #000000;
    background-color: #FFFFFF;
    padding: 12px 54px 0px 55px;
}

#searchUnifyChatbot .suva-popup-no-btn,
#searchUnifyChatbot .suva-popup-yes-btn {
    border-radius: 19px;
    font-size: 16px;
    line-height: 15px;
    font-family: 'Poppins';
    border: none;
    cursor: pointer;
    width: 146px;
}

textarea#comment-input.handle-height {
    height: 100%;
}

#searchUnifyChatbot .suva-lostChatDialogClearfix {
    text-align: center !important;
}

#searchUnifyChatbot .suva-lostChatDialogClearfix::after {
    content: "";
    clear: both;
    display: table;
}

#searchUnifyChatbot .suva-animate-closepopup {
    -webkit-animation: fadeOut 0.4s ease-in-out !important;
    animation: fadeOut 0.4s ease-in-out !important;
    -moz-animation: fadeOut 0.4s ease-in-out !important;
    -o-animation: fadeOut 0.4s ease-in-out !important;
    -ms-animation: fadeOut 0.4s ease-in-out !important;
}

/* pre-chat form*/
div#suva-pre-chat-form-main-div::after {
    position: absolute;
    height: 101%;
    width: 100%;
    content: '';
    background: rgba(9, 9, 9, 0.57) 0% 0% no-repeat padding-box;
    bottom: 135px;
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
}

#searchUnifyChatbot .suva-contact-form-page #suva-pre-chat-form-main-div div::-webkit-scrollbar {
    width: 6px !important;
    height: 0px;
}

#searchUnifyChatbot .suva-contact-form-page #suva-pre-chat-form-main-div div::-webkit-scrollbar-thumb {
    background: #EEEEEE 0% 0% no-repeat padding-box !important;
    border-radius: 20px;
    opacity: 1;
}

#searchUnifyChatbot .suva-pre-chat-form-Container {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border-radius: 14px;
    width: 100%;
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    overflow: auto;
    height: 100%;
}

#searchUnifyChatbot #suva-pre-chat-form-main-div {
    animation: fadeIn 0.4s;
    -webkit-animation: fadeIn 0.4s;
    -moz-animation: fadeIn 0.4s;
    -o-animation: fadeIn 0.4s;
    -ms-animation: fadeIn 0.4s;
}

#searchUnifyChatbot #suva-pre-chat-form-main-div {
    position: absolute;
    z-index: 999999;
    width: 100%;
    height: calc(100% - 155px);
    top: 136px;
    border-radius: 10px;
    align-items: center;
    justify-content: center;
    align-content: center;
}

div#suva-pre-chat-form-main-div::after {
    position: absolute;
    height: 101%;
    width: 100%;
    content: '';
    background: rgba(9, 9, 9, 0.57) 0% 0% no-repeat padding-box;
    bottom: 135px;
}

#searchUnifyChatbot .suva-pre-chat-form-fields-subject {
    margin: 0px 8px 16px 20px;
}

#searchUnifyChatbot .suva-pre-chat-form-fields-subject-header-section {
    padding: 0px 20px 8px 0px;
}

#searchUnifyChatbot .suva-pre-chat-form-fields-subject-words-count {
    float: right;
    margin-right: -20px;
    color: #BBBBBB;
    font-size: 13px;
    font-weight: 500;
    font-family: Poppins;
}

#searchUnifyChatbot .suva-pre-chat-form-fields-subject-heading {
    font-size: 13px;
    font-weight: 500;
    font-family: Poppins;
    color: #262626;
}

#searchUnifyChatbot #suva-pre-chat-form-fields-textarea {
    width: 100%;
    padding: 6px 6px 6px 6px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 1px solid #EEEEEE;
    border-radius: 3px;
    resize: none;
}

#searchUnifyChatbot #suva-pre-chat-form-fields-textarea::placeholder {
    font-size: 14px;
    font-weight: 600;
    font-family: Poppins;
    color: #262626;
    opacity: 0.3;
}

#searchUnifyChatbot #suva-pre-chat-form-fields-textarea {
    outline: none;
    overflow: hidden;
    font-size: 14px;
    font-weight: 600;
    font-family: Poppins;
    color: #262626;
}

#searchUnifyChatbot .suva-pre-chat-form-fields-email {
    margin: 0px 8px 0px 20px;
}

/* pre-chat form*/
div#suva-pre-chat-form-main-div::after {
    position: absolute;
    height: 101%;
    width: 100%;
    content: '';
    background: rgba(9, 9, 9, 0.57) 0% 0% no-repeat padding-box;
    bottom: 135px;
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
}

#searchUnifyChatbot .suva-contact-form-page #suva-pre-chat-form-main-div div::-webkit-scrollbar {
    width: 6px !important;
    height: 0px;
}

#searchUnifyChatbot .suva-contact-form-page #suva-pre-chat-form-main-div div::-webkit-scrollbar-thumb {
    background: #EEEEEE 0% 0% no-repeat padding-box !important;
    border-radius: 20px;
    opacity: 1;
}

#searchUnifyChatbot .suva-pre-chat-form-Container {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border-radius: 14px;
    width: 100%;
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    overflow: auto;
    height: 100%;
}

#searchUnifyChatbot #suva-pre-chat-form-main-div {
    animation: fadeIn 0.4s;
    -webkit-animation: fadeIn 0.4s;
    -moz-animation: fadeIn 0.4s;
    -o-animation: fadeIn 0.4s;
    -ms-animation: fadeIn 0.4s;
}

#searchUnifyChatbot #suva-pre-chat-form-main-div {
    position: absolute;
    z-index: 999999;
    width: 100%;
    height: calc(100% - 155px);
    top: 136px;
    border-radius: 10px;
    align-items: center;
    justify-content: center;
    align-content: center;
}

div#suva-pre-chat-form-main-div::after {
    position: absolute;
    height: 101%;
    width: 100%;
    content: '';
    background: rgba(9, 9, 9, 0.57) 0% 0% no-repeat padding-box;
    bottom: 135px;
}

#searchUnifyChatbot .suva-pre-chat-form-fields-subject {
    margin: 0px 8px 16px 20px;
}

#searchUnifyChatbot .suva-pre-chat-form-fields-subject-header-section {
    padding: 0px 20px 8px 0px;
}

#searchUnifyChatbot .suva-pre-chat-form-fields-subject-words-count {
    float: right;
    margin-right: -20px;
    color: #BBBBBB;
    font-size: 13px;
    font-weight: 500;
    font-family: Poppins;
}

#searchUnifyChatbot .suva-pre-chat-form-fields-subject-heading {
    font-size: 13px;
    font-weight: 500;
    font-family: Poppins;
    color: #262626;
}

#searchUnifyChatbot #suva-pre-chat-form-fields-textarea {
    width: 100%;
    padding: 6px 6px 6px 6px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 1px solid #EEEEEE;
    border-radius: 3px;
    resize: none;
}

#searchUnifyChatbot #suva-pre-chat-form-fields-textarea::placeholder {
    font-size: 14px;
    font-weight: 600;
    font-family: Poppins;
    color: #262626;
    opacity: 0.3;
}

#searchUnifyChatbot #suva-pre-chat-form-fields-textarea {
    outline: none;
    overflow: hidden;
    font-size: 14px;
    font-weight: 600;
    font-family: Poppins;
    color: #262626;
}

#searchUnifyChatbot .suva-pre-chat-form-fields-email {
    margin: 0px 8px 0px 20px;
}

/* product code */

#searchUnifyChatbot .suva-pre-chat-form-fields-code {
    margin: 16px 8px 0px 20px;
}

#searchUnifyChatbot .suva-pre-chat-form-fields-code-heading {
    padding: 0px 20px 8px 0px;
    font-size: 13px !important;
    font-weight: 500;
    font-family: Poppins;
    color: #262626;
}

#searchUnifyChatbot #suva-pre-chat-form-fields-code-textarea {
    width: 100%;
    padding: 6px 6px 6px 6px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 1px solid #EEEEEE;
    border-radius: 3px;
    resize: none;
    overflow: hidden;
}

#searchUnifyChatbot #suva-pre-chat-form-fields-code-textarea::placeholder {
    font-size: 14px;
    font-weight: 600;
    font-family: Poppins;
    color: #262626;
    opacity: 0.3;
}

#searchUnifyChatbot #suva-pre-chat-form-fields-code-textarea {
    outline: none;
    font-size: 14px;
    font-weight: 600;
    font-family: Poppins;
    color: #262626;
}

#searchUnifyChatbot .suva-pre-chat-form-fields-cancel-button {
    width: 90px;
    height: 33px;
    border: 1px solid #2368F9;
    border-radius: 17px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    color: #2368F9;
    font-size: 14px;
    font-weight: 500;
    font-family: Poppins;
    cursor: pointer;
}

#searchUnifyChatbot .suva-pre-chat-form-fields-submit-button {
    width: 90px;
    height: 33px;
    border: 1px solid #2368F9;
    border-radius: 17px;
    background: #2368F9 0% 0% no-repeat padding-box;
    color: #FFFFFF;
    font-size: 14px;
    cursor: pointer;
    font-weight: 500;
    font-family: Poppins;
}

#searchUnifyChatbot .suva-ui-pre-chat-form {
    overflow: hidden;
    overflow-y: auto;
    margin-right: 6px;
    flex-grow: 1;
    display: flex;
    flex-direction: column;
}

#searchUnifyChatbot .suva-pre-chat-form-fields-cancel-button:hover {
    background: #0F57EF 0% 0% no-repeat padding-box;
    border-radius: 17px;
    color: #FFFFFF;
}

#searchUnifyChatbot .suva-pre-chat-form-fields-submit-button:hover {
    background: #0F57EF 0% 0% no-repeat padding-box;
    border-radius: 17px;
    color: #FFFFFF;
}

#searchUnifyChatbot .suva-submitFormbtn-disabled {
    background: #BDD2FD 0% 0% no-repeat padding-box !important;
    color: #FFFFFF;
    border: none;
    margin: 16px 8px 0px 20px;
}

#searchUnifyChatbot .suva-pre-chat-form-fields-code-heading {
    padding: 0px 20px 8px 0px;
    font-size: 13px !important;
    font-weight: 500;
    font-family: Poppins;
    color: #262626;
}

#searchUnifyChatbot #suva-pre-chat-form-fields-code-textarea {
    width: 100%;
    padding: 6px 6px 6px 6px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 1px solid #EEEEEE;
    border-radius: 3px;
    resize: none;
    overflow: hidden;
}

#searchUnifyChatbot #suva-pre-chat-form-fields-code-textarea::placeholder {
    font-size: 14px;
    font-weight: 600;
    font-family: Poppins;
    color: #262626;
    opacity: 0.3;
}

#searchUnifyChatbot #suva-pre-chat-form-fields-code-textarea {
    outline: none;
    font-size: 14px;
    font-weight: 600;
    font-family: Poppins;
    color: #262626;
}

#searchUnifyChatbot .suva-pre-chat-form-fields-cancel-button {
    width: 90px;
    height: 33px;
    border: 1px solid #2368F9;
    border-radius: 17px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    color: #2368F9;
    font-size: 14px;
    font-weight: 500;
    font-family: Poppins;
    cursor: pointer;
    padding: 5px 0px;
    text-align: center;
}

#searchUnifyChatbot .suva-pre-chat-form-fields-submit-button {
    width: 90px;
    height: 33px;
    border: 1px solid #2368F9;
    border-radius: 17px;
    background: #2368F9 0% 0% no-repeat padding-box;
    color: #FFFFFF;
    font-size: 14px;
    cursor: pointer;
    font-weight: 500;
    font-family: Poppins;
    padding: 5px 0px;
    text-align: center;
}

#searchUnifyChatbot .suva-ui-pre-chat-form {
    overflow: hidden;
    overflow-y: auto;
    margin-right: 6px;
    margin-bottom: 12px;
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    height: 95px;
}

#searchUnifyChatbot .suva-pre-chat-form-fields-cancel-button:hover {
    background: #0F57EF 0% 0% no-repeat padding-box;
    border-radius: 17px;
    color: #FFFFFF;
}

#searchUnifyChatbot .suva-pre-chat-form-fields-submit-button:hover {
    background: #0F57EF 0% 0% no-repeat padding-box;
    border-radius: 17px;
    color: #FFFFFF;
}

#searchUnifyChatbot .suva-submitFormbtn-disabled {
    background: #BDD2FD 0% 0% no-repeat padding-box !important;
    color: #FFFFFF;
    border: none;
}

/* pre-chat popup css */
#searchUnifyChatbot .suva-preChatFormCancelNobtn,
#searchUnifyChatbot .suva-preChatFormCancelYesbtn {
    margin: 1%;
    border: none;
    cursor: pointer;
}

#searchUnifyChatbot .suva-preChatFormCancelNobtn {
    color: #000000;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border-radius: 19px;
    padding: 9px 16px;
    display: block;
    font-size: 16px;
}

#searchUnifyChatbot .suva-preChatFormCancelYesbtn {
    color: #fff;
    background: #000000 0% 0% no-repeat padding-box;
    border-radius: 19px;
    font-size: 16px;
    padding: 9px 50px;
}

#searchUnifyChatbot #suva-preChatFormCancel {
    display: none;
    position: absolute;
    z-index: 9999999999999;
    top: 0%;
    width: 100%;
    height: 102%;
    overflow: auto;
    justify-content: center;
    align-items: center;
    align-content: center;
    background: rgba(9, 9, 9, 0.57) 0% 0% no-repeat padding-box;
    -webkit-animation: fadeIn 0.3s ease-in-out;
    animation: fadeIn 0.3s ease-in-out;
    -moz-animation: fadeIn 0.3s ease-in-out;
    -o-animation: fadeIn 0.3s ease-in-out;
    -ms-animation: fadeIn 0.3s ease-in-out;
}

#searchUnifyChatbot .suva-preChatFormCancelContainer {
    margin: auto;
    border: 1px solid #888;
    width: 76%;
    padding: 16px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    opacity: 1;
    border-radius: 12px;
    letter-spacing: 0px;
    color: #232323 !important;
    text-align: center !important;
    -webkit-animation: slideUp 0.3s ease-in-out;
    animation: slideUp 0.3s ease-in-out;
    -moz-animation: slideUp 0.3s ease-in-out;
    -o-animation: slideUp 0.3s ease-in-out;
    -ms-animation: slideUp 0.3s ease-in-out;
}

#searchUnifyChatbot .suva-preChatFormCancelContainer>p {
    color: #4d4d4d;
    line-height: 173%;
    font-size: 16px;
    margin-bottom: 5px;
    font-size: 16px;
}

#searchUnifyChatbot .suva-preChatFormCancelClearfix {
    text-align: center !important;
}

#searchUnifyChatbot .suva-preChatFormCancelClearfix::after {
    content: "";
    clear: both;
    display: table;
}

#searchUnifyChatbot .suva-pre-chat-form-fields-submit-button:disabled {
    opacity: 0.4;
    cursor: unset;
    margin: 1%;
    border: none;
    cursor: pointer;
}

#searchUnifyChatbot .suva-preChatFormCancelNobtn {
    color: #000000;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border-radius: 19px;
    padding: 9px 16px;
    display: block;
    font-size: 16px;
}

#searchUnifyChatbot .suva-preChatFormCancelYesbtn {
    color: #fff;
    background: #000000 0% 0% no-repeat padding-box;
    border-radius: 19px;
    font-size: 16px;
    padding: 9px 50px;
}

#searchUnifyChatbot #suva-preChatFormCancel {
    display: none;
    position: absolute;
    z-index: 9999999999999;
    top: 0%;
    width: 100%;
    height: 102%;
    overflow: auto;
    justify-content: center;
    align-items: center;
    align-content: center;
    background: rgba(9, 9, 9, 0.57) 0% 0% no-repeat padding-box;
    -webkit-animation: fadeIn 0.3s ease-in-out;
    animation: fadeIn 0.3s ease-in-out;
    -moz-animation: fadeIn 0.3s ease-in-out;
    -o-animation: fadeIn 0.3s ease-in-out;
    -ms-animation: fadeIn 0.3s ease-in-out;
}

#searchUnifyChatbot .suva-preChatFormCancelContainer {
    margin: auto;
    border: 1px solid #888;
    width: 76%;
    padding: 16px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    opacity: 1;
    border-radius: 12px;
    letter-spacing: 0px;
    color: #232323 !important;
    text-align: center !important;
    -webkit-animation: slideUp 0.3s ease-in-out;
    animation: slideUp 0.3s ease-in-out;
    -moz-animation: slideUp 0.3s ease-in-out;
    -o-animation: slideUp 0.3s ease-in-out;
    -ms-animation: slideUp 0.3s ease-in-out;
}

#searchUnifyChatbot .suva-preChatFormCancelContainer>p {
    color: #4d4d4d;
    line-height: 173%;
    font-size: 16px;
    margin-bottom: 5px;
    font-size: 16px;
}

#searchUnifyChatbot .suva-preChatFormCancelClearfix {
    text-align: center !important;
}

#searchUnifyChatbot .suva-preChatFormCancelClearfix::after {
    content: "";
    clear: both;
    display: table;
}

#searchUnifyChatbot .suva-pre-chat-form-fields-submit-button:disabled {
    opacity: 0.4;
    cursor: unset;
}

/* email chat transcript  */
#searchUnifyChatbot .suva-email-trans-input-email-invalid {
    border-color: #ff1111 !important;
}

#searchUnifyChatbot #suva-email-trans-form-fields-email-textarea-error {
    color: #ff1111;
    font-size: 12px;
    font-weight: 500;
    display: none;
    font-family: Poppins;
}

#searchUnifyChatbot #suva-email-trans-form {
    z-index: 9999999999;
    height: 69vh;
    display: flex;
    width: 100%;
    bottom: 0px;
    right: 0px;
    position: fixed;
    flex-direction: column;
    height: 240px;
    -webkit-animation: slideUp 0.4s ease-in-out;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 40px #5929F229;
    border: 1px solid #5929F2;
    border-radius: 14px;
}

#searchUnifyChatbot .suva-email-trans-form-header {
    width: 100%;
    padding: 21px 20px 21px 19px;
    display: flex;
    align-items: center;
}

#searchUnifyChatbot .suva-email-trans-form-heading {
    font-size: 16px;
    color: #262626;
    font-weight: 600;
    text-align: left;
    margin-left: 4px;
    font-family: Poppins;
    margin-top: 2px;
}

#searchUnifyChatbot .suva-email-trans-form-fields-email-heading {
    padding: 0px 20px 8px 0px;
    font-size: 13px !important;
    font-family: Poppins;
    color: #262626;
}

#searchUnifyChatbot #suva-email-trans-form-fields-email-textarea {
    width: 100%;
    padding: 6px 6px 6px 6px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 1px solid #EEEEEE;
    border-radius: 3px;
    resize: none;
    height: 46px;
    overflow: hidden;
}

#searchUnifyChatbot #suva-email-trans-form-fields-email-textarea::placeholder {
    font-size: 14px;
    font-weight: 600;
    font-family: Poppins;
    color: #262626;
    opacity: 0.3;
}

#searchUnifyChatbot #suva-email-trans-form-fields-email-textarea {
    outline: none;
    font-size: 14px;
    font-weight: 600;
    font-family: Poppins;
    color: #262626;
}

#searchUnifyChatbot .suva-email-trans-form-fields-button-section {
    display: flex;
    justify-content: space-evenly;
    padding: 0px 84px 0px 84px;
    align-items: center;
    height: 65px;
    margin-bottom: 8px;
}

#searchUnifyChatbot .suva-email-trans-form-icon {
    float: left;
    margin-right: 9px;
    height: 24px;
    width: 24px;
    border-color: #ff1111 !important;
}

#searchUnifyChatbot #suva-email-trans-form-fields-email-textarea-error {
    color: #ff1111;
    font-size: 12px;
    font-weight: 500;
    display: none;
    font-family: Poppins;
}

#searchUnifyChatbot #suva-email-trans-form {
    z-index: 9999999999;
    height: 69vh;
    display: flex;
    width: 100%;
    bottom: 0px;
    right: 0px;
    position: fixed;
    flex-direction: column;
    height: 232px;
    -webkit-animation: slideUp 0.4s ease-in-out;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 40px #5929F229;
    border: 1px solid #5929F2;
    border-radius: 14px;
}

#searchUnifyChatbot .suva-email-trans-form-header {
    width: 100%;
    padding: 21px 20px 21px 19px;
    display: flex;
    align-items: center;
}

#searchUnifyChatbot .suva-email-trans-form-heading {
    font-size: 16px;
    color: #262626;
    font-weight: 600;
    text-align: left;
    margin-left: 4px;
    font-family: Poppins;
    margin-top: 2px;
}

#searchUnifyChatbot .suva-email-trans-form-fields-email-heading {
    padding: 0px 20px 8px 0px;
    font-size: 13px !important;
    font-family: Poppins;
    color: #262626;
}

#searchUnifyChatbot #suva-email-trans-form-fields-email-textarea {
    width: 100%;
    padding: 6px 6px 6px 6px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 1px solid #EEEEEE;
    border-radius: 3px;
    resize: none;
    height: 46px;
    overflow: hidden;
}

#searchUnifyChatbot #suva-email-trans-form-fields-email-textarea::placeholder {
    font-size: 14px;
    font-weight: 600;
    font-family: Poppins;
    color: #262626;
    opacity: 0.3;
}

#searchUnifyChatbot #suva-email-trans-form-fields-email-textarea {
    outline: none;
    font-size: 14px;
    font-weight: 600;
    font-family: Poppins;
    color: #262626;
}

#searchUnifyChatbot .suva-email-trans-form-fields-button-section {
    display: flex;
    justify-content: space-evenly;
    padding: 0px 84px 0px 84px;
    align-items: center;
    height: 52px;
    margin-bottom: 8px;
}

#searchUnifyChatbot .suva-email-trans-form-icon {
    float: left;
    margin-right: 9px;
    height: 24px;
    width: 24px;
}

#searchUnifyChatbot .text-align-center {
    text-align: center !important;
}

/* Online status */
#searchUnifyChatbot .bot-name .status {
    display: flex;
    background: none;
}

#searchUnifyChatbot .bot-name  .status-text {
    font-size: 13px;
    font-family: 'Poppins';
    line-height: 20px;
}

#searchUnifyChatbot .bot-name .status-color {
    height: 9px;
    width: 9px;
    display: block;
    background-color: #0DCF61;
    border-radius: 50%;
    margin: 5px 6px 0px 0px;
}

/* ---- */

/* Text to speech  */
#searchUnifyChatbot .text_to_speech {
    width: 25px;
    height: 24px;
    cursor: pointer;
    display: none;
}

#searchUnifyChatbot .enable_text_to_speech {
    fill: rgb(255, 255, 255, 0.6) !important;
}

#searchUnifyChatbot .suva-second-section {
    height: 100%;
    overflow: hidden;
   /* // background-image: url("https://hi032404p.searchunify.com/suva-resources/Assets/tsia_chat_bg.svg") !important;
  //  background-repeat: repeat; */
}

/* user icon  */
#searchUnifyChatbot .user_icon {
    display: none;
    width: 32px;
    height: 32px;
    border-radius: 30px;
    background-color: #E1D8FF;
    float: right;
    text-align: center !important;
    position: relative;
    bottom: 15px;
}

#searchUnifyChatbot .user_icon_img {
    margin-top: 2px;
}

/* middle and last response styling  */
#searchUnifyChatbot .middle_resp_style {
    border-radius: 0px 20px 20px 0px !important;
}

#searchUnifyChatbot .last_resp_style {
    border-radius: 0px 20px 20px 20px !important;
}

/* Auto suggestion  */

/* suggestion-box */
#searchUnifyChatbot .suggestions {
    position: relative;
}

#searchUnifyChatbot .suggestion-box {
    width: 100%;
    max-height: 182px;
    padding: 16px;
    display: block;
    position: absolute;
    z-index: 1;
    overflow-y: scroll;
    top: -60px;

    -webkit-animation: fadeIn 0.3s ease-in-out;
    animation: fadeIn 0.3s ease-in-out;
    -moz-animation: fadeIn 0.3s ease-in-out;
    -o-animation: fadeIn 0.3s ease-in-out;
    -ms-animation: fadeIn 0.3s ease-in-out;
}

#searchUnifyChatbot .suggestion-box-bg {
    position: fixed;
    bottom: 95px;
    z-index: 0;
    width: 100%;
    height: 51px;
    display: block;
    background: #213CFF96 linear-gradient(205deg, #FFFFFFCF 0%, #FFFFFF38 100%) 0% 0% no-repeat padding-box;
    box-shadow: 0px -2px 60px #213CFF96;
    opacity: 0.7;
    filter: blur(19px);
}

#searchUnifyChatbot .expand-suggestions,
#searchUnifyChatbot #expand-options {
    width: 28px;
    height: 28px;
    background-color: #6F64EE;
    border-radius: 30px;
    z-index: 3;
    position: absolute;
    top: -79px;
    left: 16px;
    cursor: pointer;
    display: block;
    text-align: center !important;
    padding-top: 2px;
    -webkit-animation: fadeIn 0.3s ease-in-out;
    animation: fadeIn 0.3s ease-in-out;
    -moz-animation: fadeIn 0.3s ease-in-out;
    -o-animation: fadeIn 0.3s ease-in-out;
    -ms-animation: fadeIn 0.3s ease-in-out;
}

#searchUnifyChatbot .expand-suggestions #expand {
    margin: 9px 0px;
}

#searchUnifyChatbot .suggested-query {
    margin-right: 10px;
    cursor: pointer;
    font-size: 13px;
    line-height: 25px;
    font-family: 'Poppins';
    border-radius: 16px;
    margin: 0px 5px 10px 0px;
    display: block;
    font-weight: 500;
    padding: 3px 14px;
    margin-bottom: 7px;
    white-space: nowrap;
    box-shadow: 0px -1px 13px 5px rgb(70, 56, 233, 0.3);
    background-color: #4638E9;
    border: 1px solid #4638E9;
    color: #FFFFFF;
}

#searchUnifyChatbot .suggested_query_div {
    z-index: 1;
    position: relative;
    display: flex;
}

#searchUnifyChatbot .suggested-query:hover {
    background-color: #6F64EE;
    border: 1px solid #6F64EE;
}


/* crousal  */
#searchUnifyChatbot .cards_container {
    overflow-x: scroll;
    transition: transform 0.5s ease;
    padding: 0px 0px 21px 0px;
    overflow-y: hidden;
    height: 364px !important;
    scrollbar-width: none;
}

#searchUnifyChatbot .cards_div_container {
    display: flex;
width:100%;
}

#searchUnifyChatbot .cards_header_video,
#searchUnifyChatbot .cards_header_blog,
#searchUnifyChatbot .cards_header_audio {
@media screen and (max-width: 440px) {
 margin-left: 69% !important;
}

    padding: 3px 10px 2px 5px;
    font-size: 11px !important;
    font-family: 'Poppins';
    display: inline;
    color: #141414 !important;
    border-radius: 6px !important;
    position: relative;
    margin-left: calc(100% - 100px);
    top: 12px !important;
    line-height: 17px !important;
    z-index: 1;
    right: 20px;
    width: auto;
}

#searchUnifyChatbot .cards_header_video {
    background-color: #B4F4FE;
}

#searchUnifyChatbot .cards_div .cards_flip_section {
    position: relative;
    transition: transform 0.6s;
    transform-style: preserve-3d;
    box-shadow: 2px -1px 6px rgb(1 101 138);
    height: 332px;
}

/* flip animation */
#searchUnifyChatbot .flip_animation:hover .cards_flip_section {
    transform: rotateY(180deg) !important;
}

#searchUnifyChatbot .cards_back_view,
#searchUnifyChatbot .cards_front_view {
    backface-visibility: hidden;
}

#searchUnifyChatbot .cards_back_view {
    position: absolute;
    transform: rotateY(180deg);
    background-color: #F3FCFF;
    height: 100%;
    width: 100%;
}

#searchUnifyChatbot .cards_back_view .cards_back_view_resp {
    margin: 15px 15px 0px 15px;
    overflow: scroll;
    height: 87%;
    line-height: 22px;
    font-family: 'Poppins';
    font-weight: normal;
    font-size: 14px;
    scrollbar-width: none;
}

#searchUnifyChatbot .cards_header_blog {
    background-color: #ABF5D2;
}

#searchUnifyChatbot .cards_header_audio {
    background-color: #EFE5FF;
}

#searchUnifyChatbot .cards_header_img_video,
#searchUnifyChatbot .cards_header_img_blog,
#searchUnifyChatbot .cards_header_img_audio {
    width: 14px !important;
    margin: 0px !important;
    margin-top: 2.5px !important;
}

#searchUnifyChatbot .cards_header_img_video {
    height: 9px !important;
    margin-right: 8px !important;
}

#searchUnifyChatbot .cards_header_img_blog {
    margin-right: 4px !important;
    height: 14px !important;
    margin-top: 1px !important;
}

#searchUnifyChatbot .cards_header_img_audio {
    width: 8px !important;
    height: 11px !important;
    margin-right: 6px !important;
}


#searchUnifyChatbot .cards_div_container.expanded .cards_div {
    width:380px;
    margin: 10px 15px -27px 15px;
}

#searchUnifyChatbot .cards_text {
    background-color: #F3FCFF;
    height: 183px;
    width: 100%;
    font-size: 14px !important;
    line-height: 22px;
    font-family: 'Poppins';
    font-weight: normal;
    padding: 12px 14px 12px 14px;
    border-radius: 0px !important;
    border-top-left-radius: 16px !important;
    border-top-right-radius: 16px !important;
}
#searchUnifyChatbot .cards_title {
    max-height: 38px;
    font: normal normal 600 14px/18px Poppins;
    color: #050505;
    margin-bottom: 10px;
}
#searchUnifyChatbot .vertical-ellipses {
    display: block;
    width: 100%;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    border-radius: 0px !important;
}
#searchUnifyChatbot .line-clamp-4{
    -webkit-line-clamp: 4;
}

#searchUnifyChatbot .cards_text .text_div_response {
    overflow: scroll;
    border-radius: 0px;
    padding: 2px;
    height: 156px;
    scrollbar-width: none;
}

#searchUnifyChatbot .cards_text .text_div_response h2,
#searchUnifyChatbot .cards_text .text_div_response h3,
#searchUnifyChatbot .cards_back_view .cards_back_view_resp h2 {
    margin: 0px 0px 2px 0px;
    font-size: 16px;
}

#searchUnifyChatbot .cards_text .text_div_response ol,
#searchUnifyChatbot .cards_text .text_div_response ul,
#searchUnifyChatbot .cards_back_view .cards_back_view_resp ol,
#searchUnifyChatbot .cards_back_view .cards_back_view_resp ul {
    padding-left: 24px;
}

#searchUnifyChatbot .cards_text .text_div_response ol li,
#searchUnifyChatbot .cards_back_view .cards_back_view_resp ol li {
    list-style: decimal;
}

#searchUnifyChatbot .cards_text .text_div_response ul li,
#searchUnifyChatbot .cards_back_view .cards_back_view_resp ul li {
    list-style: disc;
}

#searchUnifyChatbot .suva-youtube-video-cards {
    width: 100%;
    height: 149px !important;
    border-bottom-left-radius: 16px;
    border-bottom-right-radius: 16px;
    border: none;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
}

#searchUnifyChatbot .suva-left-chat-cards {
    overflow: visible;
    margin-top: -10px;
}

#searchUnifyChatbot .suva-party-cards {
    max-width: 100% !important;
    overflow: scroll;
    box-shadow: none !important;
    border: none !important;
    margin: 0px !important;
    padding: 0px 0px 10px 0px !important;
    background-color: transparent !important;
    margin-top: 4px !important;
    scrollbar-width: none;
}

/* icons */
#searchUnifyChatbot .icon_container {
@media screen and (max-width: 440px) {
  display:none !important;
}
    display: flex;
    justify-content: space-between;
    width: 95%;
    position: absolute;
    margin: 13em 2em !important;
}

#searchUnifyChatbot .slide_forward,
#searchUnifyChatbot .slide_backward {
    width: 36px;
    height: 36px;
    background-color: #FFFFFF;
    border-radius: 50px !important;
    position: relative;
    opacity: 1;
    box-shadow: 0px 3px 6px #00000057;
    cursor: pointer;
    z-index: 4;
}

#searchUnifyChatbot .slide_forward_icon,
#searchUnifyChatbot .slide_backward_icon {
    width: 7px !important;
    height: 14px !important;
    margin: auto !important;
}

#searchUnifyChatbot .slide_forward_icon {
    margin: 11px 15px !important;
}

#searchUnifyChatbot .slide_backward_icon {
    margin: 11px 13px !important;
}

#searchUnifyChatbot .cards_notification_msg {
    letter-spacing: 0px;
    color: rgb(0, 101, 138);
    font-size: 14px;
    line-height: 22px;
    font-family: 'Poppins';
    font-weight: 550;
    padding: 5px 35px;
    background-color: rgba(0, 101, 138, 0.17);
    border-radius: 6px;
    text-align: center;
    position: relative;
    margin: auto !important;
    width: 320px;
    display: block;
}

#searchUnifyChatbot .suva-llm-youtube-videos {
    max-height: fit-content;
    width: 100% !important;
    height: 210px !important;
    margin-left: 0%;
    border-radius: 4px;
    margin-top: 0%;
}

#searchUnifyChatbot .youtube-videos-cards {
    height: 149px !important;
    border-bottom-left-radius: 16px;
    border-bottom-right-radius: 16px;
    border: none;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
}

#searchUnifyChatbot .cards_blog_img,
#searchUnifyChatbot .cards_audio_img {
    width: 100% !important;
    margin: 0px !important;
    height: 149px !important;
    border-bottom-left-radius: 16px;
    border-bottom-right-radius: 16px;
}


#searchUnifyChatbot .cards_blog_link {
@media screen and (max-width: 440px) {
   left: 67px !important;
}
    letter-spacing: 0px;
    color: #016589;
    font-size: 16px;
    line-height: 25px;
    font-family: 'Poppins';
    font-weight: 500;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 1px solid #016589;
    border-radius: 16px;
    position: relative;
    top: -60px;
    left: 140px;
    padding: 4px 14px 5px 14px;
    cursor: pointer;
overflow: hidden;
    width: 175px;
    white-space: nowrap;
    text-overflow: ellipsis;
    cursor: pointer;
}

#searchUnifyChatbot .cards_audio_spectrum {
    display: flex;
    background-color: rgb(0, 0, 0, 0.9);
    padding: 0px;
    width: 264px;
    position: relative;
    top: -50px;
    left: 9px;
    border-radius: 17px !important;
}

#searchUnifyChatbot .cards_audio_spectrum .play_audio_img {
    width: 23px;
    height: 23px;
    margin: 5px 8px;
    cursor: pointer;
}

#searchUnifyChatbot .cards_audio_spectrum .audio_spectrum {
    width: 91%;
}

#searchUnifyChatbot .cards_audio_spectrum .audio_spectrum wave {
    height: 33px !important;
}

#searchUnifyChatbot .cards_audio_spectrum .audio_spectrum wave canvas {
    height: 58px !important;
    top: -13px !important;
}

#searchUnifyChatbot .suva-chatbot-links-youtube-div {
    width: 82%;
}

#searchUnifyChatbot .margin-0 {
    margin: 0 !important;
}

@-webkit-keyframes fpFadeInDown {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes fpFadeInDown {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}
#searchUnifyChatbot .llm-cards{
@media screen and (max-width: 440px) {
  width: 100% !important;
  margin-left: 0px !important;
}

@media screen and (max-width: 440px) {
  width: 100% !important;
margin-left: 0px !important;
}


    width: 493px;
    text-align: center !important;
    margin-left: -21px;
}

#searchUnifyChatbot .view_more_text,
#searchUnifyChatbot .view_less_text {
    white-space: nowrap;
    color: #5929F2 !important;
    line-height: 22px;
    text-decoration: underline;
    cursor: pointer;
}

/* Bot is typing  */
#searchUnifyChatbot .is-typing {
    display: none;
    letter-spacing: 0px;
    color: #050505;
    font-size: 14px;
    line-height: 22px;
    position: absolute;
    font-family: 'Poppins';
    font-weight: 500;
    top: -57px;
    background: #FFFFFA 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 6px #AFD6F291;
    border-radius: 20px 20px 20px 0px;
    padding: 12px 18px 12px 12px;
    left: 16px;
}

/* Main Logo Icon  */
#searchUnifyChatbot .suva-chatbot-startChat-main-div {
    display: flex;
    justify-content: end;
}

#searchUnifyChatbot .suva-chatbot-startChat {
    background-image: url("https://hi032404p.searchunify.com/suva-resources/Assets/tsia_suva_main_logo.png");
    padding: 14px 18px;
    background-repeat: no-repeat;
    width: 101px;
    height: 101px;
    background-size: 101px;
    background-position: center;
   /* // background-color: #6F64EE; */
    border-radius: 50%;
    z-index: 1;
}

#searchUnifyChatbot .suva-chatbot-startChat-bg {
    width: 83px;
    height: 83px;
    margin: 6px;
    border-radius: 50%;
    box-shadow: -16px 40px 57px rgb(111, 100, 238, 0.7);
    position: absolute;
    z-index: 0;
    margin-right: 4px;
    display: none;
}

#searchUnifyChatbot .suva-chatbot-bot-name {
    display: none !important;
    background-color: #6F64EE;
    border-radius: 8px;
    letter-spacing: 0px;
    color: #FFFFFF;
    font-size: 16px;
    font-family: poppins;
    line-height: 25px;
    font-weight: 550;
    padding: 2px 9px 1px 10px;
    position: relative;
    top: 11px;
    left: 5px;
}

/* STT */
/* STT */
#searchUnifyChatbot .mic-section {
    z-index: 10;
    position: relative;
    right: 0px;
    bottom: 7px;
    display: flex;
    justify-content: center;
}

#searchUnifyChatbot .processing {
    content: '';
    left: -3px;
    border-radius: 50%;
    z-index: 10;
    top: -4px;
}

#searchUnifyChatbot #mic-pulse-ring:hover {
    background: transparent linear-gradient(158deg, #9878FF 0%, #5929F2 100%) 0% 0% no-repeat padding-box;
    border-radius: 50%;
}

#searchUnifyChatbot #mic-pulse-ring:hover .mic-icon-style path {
    fill: #fff;
}

#searchUnifyChatbot #mic-pulse-ring {
    width: 36px;
    height: 36px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    border-radius: 50%;
}

#searchUnifyChatbot #mic-pulse-ring.pulse-ring {
    /* animation: pulsate infinite 1.5s; */
    width: 42px;
    height: 42px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1;
    position: relative;
    bottom: -3px;
}

#searchUnifyChatbot #mic-pulse-ring.pulse-ring .mic-inner {
    animation: pulsate infinite 1.5s;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border-radius: 18px;
    opacity: 0.21;
    width: 28px;
    height: 28px;
    z-index: 2;
    display: flex;
    align-items: center;
    align-content: center;
    justify-content: center;
}

#searchUnifyChatbot #mic-pulse-ring.pulse-ring .mic-inner-pause {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border-radius: 18px;
    opacity: 0.12;
    width: 28px;
    height: 28px;
    z-index: 3;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
}

#searchUnifyChatbot #mic-pulse-ring.pulse-ring .mic-icon-style path {
    fill: #fff;
}

#searchUnifyChatbot #mic-pulse-ring.processing .mic-icon-style {
    display: none !important;
}
/* Spinner  */
#searchUnifyChatbot #loading-bar-spinner.spinner {
    animation: loading-bar-spinner 600ms linear infinite;
}
#searchUnifyChatbot #loading-bar-spinner.spinner .spinner-icon {
    width: 26px;
    height: 26px;
    border: 3px solid #FFFFFF;
    border-top-color: transparent;
    border-left-color: transparent;
    border-radius: 50%;
}
@keyframes loading-bar-spinner {
  0%   { transform: rotate(0deg);   transform: rotate(0deg); }
  100% { transform: rotate(360deg); transform: rotate(360deg); }
}

#searchUnifyChatbot #mic-pulse-ring.processing .mic-inner .mic-inner-pause {
    background: transparent linear-gradient(158deg, #9878FF 0%, #5929F2 100%) 0% 0% no-repeat padding-box;
    width: 10px;
    height: 10px;
    border-radius: 2px;
}

#searchUnifyChatbot #mic-pulse-ring .mic-inner {
    display: flex;
    background: transparent;
}

#searchUnifyChatbot #mic-pulse-ring.processing {
    background: transparent linear-gradient(158deg, #9878FF 0%, #5929F2 100%) 0% 0% no-repeat padding-box !important;
    border-radius: 50% !important;
    pointer-events: none;
}

#searchUnifyChatbot .mic-icon-style {
    position: absolute;
    float: right;
    z-index: 20;
}

@-webkit-keyframes pulsate {
    0% {
        -webkit-transform: scale(1, 1);
    }

    100% {
        -webkit-transform: scale(1.3, 1.3);
    }
}

#searchUnifyChatbot #suva-submit {
    width: 80%;
}

/* Options as per new UI  */
#searchUnifyChatbot #suva-input-bar-box {
    background-color: transparent;
    display: block;
    width: 100%;
    max-height: 175px;
    padding: 16px;
    display: block;
    position: absolute;
    z-index: 1;
    overflow-y: scroll;
    top: -60px;
    -webkit-animation: fadeIn 0.3s ease-in-out;
    animation: fadeIn 0.3s ease-in-out;
    scrollbar-width: none;
    scrollbar-color: initial;
}

#searchUnifyChatbot .suva-button-option {
    z-index: 1;
    position: relative;
    display: flex;
}

#searchUnifyChatbot .suva-chatbot-button-response {
    color: rgb(48, 48, 48);
    cursor: pointer;
    font-size: 13px;
    line-height: 25px;
    font-family: 'Poppins';
    border-radius: 16px;
    margin: 0px 5px 10px 0px;
    display: block;
    font-weight: 500;
    padding: 3px 14px;
    margin-bottom: 7px;
    white-space: nowrap;
    box-shadow: 0px -1px 13px 5px rgb(70, 56, 233, 0.3);
    background-color: #4638E9;
    border: 1px solid #4638E9;
    color: #FFFFFF;
}

/* New Follow Up Design  */

#searchUnifyChatbot .followUp_options {
    position: absolute;
    bottom: -27px;
    z-index: 0;
    width: 130%;
}

#searchUnifyChatbot .followUp_options_yes_btn,
.followUp_options_no_btn {
    background-color: #FFFFFF;
    border: 1px solid rgb(0, 101, 138);
    padding: 5px 14px;
    border-radius: 13px;
    margin: 0px 10px -24px 0px;
    cursor: pointer;
    color: rgb(0, 101, 138);
    font-size: 14px;
    font-family: 'Poppins';
}


#searchUnifyChatbot .followUp_options_yes_btn:hover,
.followUp_options_no_btn:hover,
.helpful_options_clicked {
    background-color: rgb(0, 101, 138);
    color: #FFFFFF;
}

#searchUnifyChatbot .followUp_options_yes_btn:disabled,
.followUp_options_no_btn:disabled {
    opacity: 0.6 !important;
    cursor: not-allowed !important;
    color: rgb(0, 101, 138);
    background: #fff;
    border: 1px solid rgb(0, 101, 138);
}

.display-flex {
    display: flex !important;
}

#searchUnifyChatbot #email-trans-logo {
    margin-left: 2px;
}

#searchUnifyChatbot #clear-chat-logo {
    margin-left: 4px;
}

#searchUnifyChatbot #stop_response {
    display: none;
    height: 36px;
    width: 36px;
    background-color: rgb(89, 41, 242, 0.2);
    border-radius: 4px;
    margin: 0px 8px 4px 4px;
    border-radius: 50%;
}

/* Media query for background image in middle section  */
@media only screen and (min-width:1535) and (max-width:1744) {
    #searchUnifyChatbot .suva-chat-section {
        height: 89%;
    }
}

@media only screen and (min-width:1745px) and (max-width:2132px) {
    #searchUnifyChatbot .suva-second-section {
        background-size: cover;
    }

    #searchUnifyChatbot .suva-chat-section {
        height: 92%;
    }
}

@media only screen and (min-width:2133px) and (max-width:2799px) {
    #searchUnifyChatbot .suva-chat-section {
        height: 93%;
    }

    #searchUnifyChatbot .suva-second-section {
        background-size: cover;
    }
}

@media only screen and (min-width:2800px) {
    #searchUnifyChatbot .suva-chat-section {
        height: 95%;
    }

    #searchUnifyChatbot .suva-second-section {
        background-size: cover;
    }
}

#searchUnifyChatbot .vertical_options {
    max-width: 457px;
    word-break: break-word;
    white-space: break-spaces;
}

#searchUnifyChatbot #expand-option-img {
    margin-top: 7px;
}
/* case management */
#searchUnifyChatbot .content {
    display: none;
}

#searchUnifyChatbot .content.active {
    display: block;
}

#searchUnifyChatbot.cms-home-headings.no-case {
    height: 80% !important;
}

#searchUnifyChatbot.cms-home-headings {
    padding: 27px 30px;
    font-weight: bold;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

#searchUnifyChatbot.cms-home-headings div.head {
    font-size: 30px !important;
    color: #1B1B20;
    margin-bottom: 9px;
    line-height: 35px;
    letter-spacing: 0px;
}

#searchUnifyChatbot.cms-home-headings div.updates-head {
    font-size: 20px !important;
    color: #1B1B20;
}

#searchUnifyChatbot.cms-home-headings div.desc {
    color: #586483;
    font-size: 14px !important;
    font-weight: 500 !important;
}

#searchUnifyChatbot.cms-home-headings div.head.center {
    text-align-last: center;
}

#searchUnifyChatbot.cms-home-headings div.desc.center {
    text-align-last: center;
}

#searchUnifyChatbot .suva-home-buttons {
    text-align: center !important;
    position: fixed;
    bottom: 83px;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 91px;
    width: 100%;

}

#searchUnifyChatbot .suva-home-buttons:after {
    content: "";
    position: absolute;
    filter: blur(18px);
    width: 100%;
    height: 100%;
    background: #fff;
    top: 0;
}

#searchUnifyChatbot .suva-home-buttons button {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 192px;
    height: 43px;
    font-weight: 600;
    cursor: pointer;
    border: none;
    font-size: 16px;
}

#searchUnifyChatbot .suva-home-buttons .chat:hover {
    color: #ffffff;
    background-color: #4638E9;
    cursor: pointer;
}

#searchUnifyChatbot .suva-home-buttons .chat {
    background-color: #ffffff;
    border: 1px solid #4638E9;
    border-radius: 22px;
    color: #5929F2;
    position: relative;
    z-index: 1000;
}

#searchUnifyChatbot .suva-home-buttons .updates:hover {
    text-decoration: underline;
}

#searchUnifyChatbot .suva-home-buttons .updates {
    color: #5929F2;
    background: transparent;
    z-index: 1000;
    width: 160px;
}

#searchUnifyChatbot .chat_tabs {
    cursor: pointer;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;
    background-color: transparent;
    width: 54px;
    height: 54px;
    background-repeat: no-repeat !important;
    border-radius: 50%;
    transition: all 0.4s ease-in-out 0.1s;
    padding-bottom: 1px;
    position: relative;
    bottom: 5px;
}

#searchUnifyChatbot .chat_tabs span.title {
    font-size: 14px !important;
    font-weight: 600 !important;
    color: #1B1B20;
    text-shadow: none !important;
    margin-top: 35px;
    width: 58px;
    text-align: center;
}

#searchUnifyChatbot .chat_tabs:hover {
    background-color: #5929F2;
}

#searchUnifyChatbot .chat_tabs:hover .tab_home {
    position: relative;
    transform: translate(0.5px, 15px) scale(1.2);
    background: url('https://hi032404p.searchunify.com/suva-resources/Assets/tab_home_icon_white.svg') !important;
}

#searchUnifyChatbot .chat_tabs:hover .tab_chat {
    position: relative;
    transform: translate(-1.5px, 16px) scale(1.1);
    background: url('https://hi032404p.searchunify.com/suva-resources/Assets/tab_chat_icon_white.svg') !important;
}

#searchUnifyChatbot .chat_tabs:hover .tab_updates {
    position: relative;
    width: 22px;
    transform: translate(-1.3px, 16px) scale(1.2);
    background: url('https://hi032404p.searchunify.com/suva-resources/Assets/tab_noti_white.svg') !important;
    width: 22px;
    background-repeat: no-repeat !important;
}

#searchUnifyChatbot .chat_tabs .tab_home {
    transform: translateY(29px);
    display: block;
    width: 25px;
    height: 22px;
    transition: all 0.2s;
    background: url('https://hi032404p.searchunify.com/suva-resources/Assets/tab_home_icon_gray.svg');
}

#searchUnifyChatbot .chat_tabs.active .tab_home {
    background: url('https://hi032404p.searchunify.com/suva-resources/Assets/tab_home_icon.svg');
}

#searchUnifyChatbot .chat_tabs .tab_chat {
    transform: translateY(29px);
    display: block;
    width: 22px;
    height: 22px;
    transition: all 0.2s;
    background: url('https://hi032404p.searchunify.com/suva-resources/Assets/tab_chat_icon_gray.svg');
}

#searchUnifyChatbot .chat_tabs.active .tab_chat {
    background: url('https://hi032404p.searchunify.com/suva-resources/Assets/tab_chat_icon_gray.svg');
}

#searchUnifyChatbot .chat_tabs .tab_updates {
    transform: translateY(29px);
    display: block;
    width: 22px;
    height: 22px;
    transition: all 0.2s;
    background: url('https://hi032404p.searchunify.com/suva-resources/Assets/tab_noti_gray.svg');
    background-repeat: no-repeat !important;
}

#searchUnifyChatbot .chat_tabs.active .tab_updates {
    width: 22px;
    background: url('https://hi032404p.searchunify.com/suva-resources/Assets/tab_noti_toggle.svg');
}

#searchUnifyChatbot .case-main {
    background: #FBF9FF 0% 0% no-repeat padding-box;
    box-shadow: 0px 0px 10px #85858529;
    border-radius: 8px;
    opacity: 1;
    margin: 10px 26px;
    padding: 20px 15px 0px 20px;
    position: relative;
    display: flex;
    min-height: 100px;
}

#searchUnifyChatbot .suva-left-chat .case-main {
    margin: 0 0 0 0 !important;
    box-shadow: none;
    width: 100%;
}

#searchUnifyChatbot .suva-left-chat .case-main.top-borders {
    border-top-left-radius: 20px !important;
    border-top-right-radius: 20px !important;
    border-bottom-left-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
}

#searchUnifyChatbot .casemanegemnt {
    height: 100%;
    background: transparent linear-gradient(177deg, #F9F9F9 0%, #F9F9F9 100%) 0% 0% no-repeat padding-box;
    /* //    box-shadow: 0px 40px 99px #2F44DF42; */
}

#searchUnifyChatbot #cases-container-update {
    height: calc(100% - 157px);
    justify-content: center;
}

#searchUnifyChatbot #cases-container-update-cases {
    max-height: 97%;
    overflow-y: auto;
    scroll-behavior: smooth;
    width: 99%;
    margin: auto;
    display: none;
}

#searchUnifyChatbot #cases-container {
    height: calc(100% - 300px);
    overflow-y: auto;
    scroll-behavior: smooth;
    width: 99%;
    margin: auto;
    padding-bottom: 50px;
}

#searchUnifyChatbot .briefcase {
    position: relative;
}

#searchUnifyChatbot .briefcase div {
    background: transparent linear-gradient(180deg, #8660FF 0%, #5D2AFF 100%) 0% 0% no-repeat padding-box;
    border-radius: 9px !important;
    opacity: 0.16;
    min-width: 43px;
    height: 42px;
    margin: 0 10px 0 0;
}

#searchUnifyChatbot .briefcase span {
    width: 20px;
    height: 20px;
    display: block;
    left: 12px;
    top: 11px;
    background-repeat: no-repeat !important;
    background: url('https://hi032404p.searchunify.com/suva-resources/Assets/case_briefcase.svg');
    position: absolute;
}

#searchUnifyChatbot .suva-party.case-listing .briefcase span {
    top: 10px !important;
}

#searchUnifyChatbot .case-main .case-desc {
    color: #586483;
    font-size: 13px;
    font-weight: 400;
    min-height: 30px;
    word-break: break-all;
}

#searchUnifyChatbot .case-main .case-heading {
    color: #3E3E3E;
    font-size: 14px;
    font-weight: 500;
    margin: 0 0 7px 0 !important;
}

#searchUnifyChatbot .case .follow-up {
    background: transparent linear-gradient(90deg, #460EF9 0%, #8660FF 100%) 0% 0% no-repeat padding-box;
    box-shadow: 0px 0px 6px #774DFE8A;
    border-radius: 11px;
    position: absolute;
    top: 20px;
    right: 8px;
    border: none;
    font-size: 12px;
    cursor: pointer;
    color: #ffffff;
    display: flex;
    align-items: center;
    padding: 2px 10px;
    font-weight: 500;
    font-family: Poppins !important;
    height: 22px;
}

#searchUnifyChatbot .follow-up-arrow {
    width: 16px;
    height: 16px;
    display: block;
    margin-left: 4px;
    background: url('https://hi032404p.searchunify.com/suva-resources/Assets/case_follow_up_arrow.svg');
}

#searchUnifyChatbot .case p {
    margin: 5px 0;
    font-size: 14px;
    color: #333;
}

#searchUnifyChatbot .case .activity {
    border: none;
    display: flex;
    align-items: center;
    font-size: 12px !important;
    color: #3E3E3E !important;
    margin: 10px 0 21px 0px !important;
    padding: 0;
    font-weight: normal;
}

#searchUnifyChatbot .case .chat-case-activity {
    border: none;
    display: flex;
    flex-wrap: wrap;
    /* Allow wrapping when space is insufficient */
    align-items: center;
    font-size: 13px !important;
    color: #3E3E3E !important;
    margin: 10px 10px 10px 0px !important;
    padding: 0;
    font-weight: normal;
    max-width: 320px;
}

#searchUnifyChatbot .case .chat-case-activity span.chat-case-activity-main {
    margin-right: 10px;
}

/* Style for the two main spans inside .activity */
#searchUnifyChatbot .case .activity span {
    display: inline-flex;
    /* Default inline behavior */
    align-items: center;
    margin-right: 10px;
    /* Space between the two spans */
}

/* Ensure spans take up the full width when wrapping */
#searchUnifyChatbot .case .activity span:nth-child(1),
#searchUnifyChatbot .case .activity span:nth-child(2) {
    flex: 1 1 auto;
    /* Allow them to grow or shrink as needed */
}

/* Stacking behavior when the container is too narrow */
#searchUnifyChatbot .case .activity span {
    flex-basis: 100%;
    /* When wrapping, each span takes up 100% width */
    margin-bottom: 5px;
    /* Space between the stacked spans */
}



#searchUnifyChatbot #cases-container-update-cases::-webkit-scrollbar,
#searchUnifyChatbot #cases-container::-webkit-scrollbar {
    width: 5px !important;
    /* Width of the scrollbar */
}

#searchUnifyChatbot #cases-container-update-cases::-webkit-scrollbar-track,
#searchUnifyChatbot #cases-container::-webkit-scrollbar-track {
    background: #ffffff;
    /* Color of the track */
    border-radius: 20px;
    /* Radius of the track */
}

#searchUnifyChatbot #cases-container-update-cases::-webkit-scrollbar-thumb,
#searchUnifyChatbot #cases-container::-webkit-scrollbar-thumb {
    border-radius: 20px;
    /* Radius of the scroll thumb */
    background: #C6C6C682;
    opacity: 0.52;
}

#searchUnifyChatbot #cases-container-update-cases::-webkit-scrollbar-thumb:hover,
#searchUnifyChatbot #cases-container::-webkit-scrollbar-thumb:hover {
    background: #555;
    /* Color of the scroll thumb on hover */
}

#searchUnifyChatbot .cms-footer.show {
    display: flex !important;
}

#searchUnifyChatbot .cms-footer {
    display: none !important;
    background-color: #fff;
    justify-content: space-around;
    align-items: center;
    min-height: 87px;
    position: fixed;
    padding-bottom: 14px;
    bottom: 0px;
    width: 100%;
}

#searchUnifyChatbot #back-to-home {
    cursor: pointer;
    display: flex;
    align-items: center;
}

#searchUnifyChatbot .cms-minimize-icon {
    position: relative;
    float: right;
    cursor: pointer;
}

#searchUnifyChatbot .no-cases-icon-home,
#searchUnifyChatbot .no-cases-icon-updates {
    display: none;
    padding: 25px;
    justify-content: center;
    /* margin: 20px 0px;
    height: 210px; */
}

#searchUnifyChatbot .no-cases-icon-updates.updates-tab img {
    margin-bottom: 20px;
}

#searchUnifyChatbot .no-cases-icon-updates.updates-tab {
    margin: 100px 20px;
    flex-direction: column;
    align-items: center;
    font-size: 20px !important;
    color: #1B1B20;
    font-weight: 600;
}

#searchUnifyChatbot .no-cases-icon-home img,
#searchUnifyChatbot .no-cases-icon-updates img {
    width: 400px;
}

#searchUnifyChatbot .case-main .case-action-div-response {
    background: transparent linear-gradient(90deg, #E6E9FF 0%, #B5ACFF 100%) 0% 0% no-repeat padding-box;
    border-radius: 0px 0px 8px 8px;
    width: 65%;
    height: 25px;
    display: flex;
    font-size: 13px !important;
    justify-content: center;
    align-items: center;
    color: #030303 !important;
    padding-top: 2px;
    font-weight: 500;
    cursor: pointer;
    margin: 0px 0px 20px 0px !important;
}

#searchUnifyChatbot .case-main .case-action-div {
    background: transparent linear-gradient(90deg, #E6E9FF 0%, #B5ACFF 100%) 0% 0% no-repeat padding-box;
    border-radius: 0px 0px 8px 8px;
    width: calc(100% - 20px);
    position: absolute;
    height: 25px;
    left: 10px;
    display: flex;
    bottom: -25px;
    font-size: 13px !important;
    justify-content: center;
    align-items: center;
    color: #030303;
    font-weight: 500;
    cursor: pointer;
}

#searchUnifyChatbot .case-main.extra-margin {
    margin-bottom: 35px !important;
}

#searchUnifyChatbot .case-list-div-main {
    width: 400px;
    /* min-height: 200px; */
}

#searchUnifyChatbot .suva-party.case-listing {
    padding: 0px !important;
    background: #FBF9FF 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 23px #5929F238;
    border: 1px solid #5929F2;
    border-radius: 20px 20px 20px 0px;
    min-width: 413px !important;
}


/* case popup */

#searchUnifyChatbot .suva-popup-case-management {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    justify-content: center;
    align-items: center;
    z-index: 100000;
}

#searchUnifyChatbot .suva-popup-case-management .disabled {
    pointer-events: none;
}

#searchUnifyChatbot .case-close-confirmation {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    justify-content: center;
    align-items: flex-end;
    z-index: 1000000;
}

#searchUnifyChatbot .suva-popupcase-management-content {
    background-color: white;
    /* padding: 11px 15px; */
    border-radius: 14px;
    width: 94%;
    position: relative;
    height: 65vh;
}

#searchUnifyChatbot .case-close-confirmation-content {
    background-color: white;
    /* padding: 11px 15px; */
    border-radius: 10px;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
    width: 100%;
    max-width: 825px;
    position: relative;
    height: 383px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

#searchUnifyChatbot .case-close-confirmation-body {
    color: #3E3E3E;
    font-weight: 600;
    width: 217px;
    text-align: center;
}

#searchUnifyChatbot .case-close-confirmation-body span {
    background: url('https://hi032404p.searchunify.com/suva-resources/Assets/case_close_confirmation.svg') no-repeat center;
    width: 100%;
    height: 150px;
    display: flex;
    justify-content: center;
}

#searchUnifyChatbot .suva-comment-inner-sec {
    display: flex;
    flex-direction: column;
    height: calc(100% - 74px);
    margin-top: 10px;
}

#searchUnifyChatbot .case-close-cancel {
    border: 1px solid #4638E9 !important;
    border-radius: 22px;
    width: 146px;
    padding: 13px !important;
    margin-right: 10px;
}

#searchUnifyChatbot .case-close-confirmation-body p {
    font-size: 16px;
    color: #3E3E3E;
    margin-top: 20px;
    margin-bottom: 53px;
    text-align: center;
}

#searchUnifyChatbot .case-close-confirmation-buttons {
    display: flex;
}

#searchUnifyChatbot .suva-popupcase-close-management-btn {
    display: flex;
    align-content: center;
    float: right;
    justify-content: space-between;
    margin-bottom: 10px;
    padding: 11px 16px;
    position: absolute;
    top: 0;
    right: 0;
}

#searchUnifyChatbot .suva-popupcase-management-btn {
    display: flex;
    justify-content: space-between;
    padding: 11px 20px 10px 16px;
    border-bottom: 1px solid #70707030;
    align-items: center;
}

#searchUnifyChatbot .suva-casemanegemnt-close-btn {
    background-color: #EAEAEA;
    border: none;
    font-size: 20px;
    cursor: pointer;
    height: 40px;
    width: 40px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

#searchUnifyChatbot .suva-case-management-header {
    display: flex;
    align-items: flex-start;
    margin-right: 10px;
    font-family: 'Poppins';
}

#searchUnifyChatbot #popup-case-activity .suva-dotted-color {
    height: 9px;
    width: 9px;
    margin: 0 2px 1px 0;
    display: inline-block;
    border-radius: 50%;
}

#searchUnifyChatbot #popup-case-activity .suva-case-management-close {
    display: flex;
    align-items: center;
    margin-left: 5px;
}

#searchUnifyChatbot .suva-dotted-color {
    height: 9px;
    width: 9px;
    max-width: 9px;
    margin: 2px 5px 0 3px !important;
    display: inline-block;
    border-radius: 50%;
}

#searchUnifyChatbot .chat-case-activity .suva-dotted-color {
    height: 9px;
    width: 9px;
    max-width: 9px;
    margin: -2px 5px 0 4px !important;
    display: inline-block;
    border-radius: 50%;
}

#searchUnifyChatbot .suva-dotted-color.green {
    background: #59BF2F;
}

#searchUnifyChatbot .suva-dotted-color.purple {
    background: #8866F7;
}

#searchUnifyChatbot .suva-case-mangement-inner-header {
    display: flex;
    justify-content: space-between;
    width: 100%;
}

#searchUnifyChatbot .suva-case-mangement-inner-header span {
    margin-right: 5px;
}

#searchUnifyChatbot .suva-casemagement-status h3 {
    font-size: 16px;
    color: #3E3E3E;
    margin: 0;
    font-weight: 500;
}

#searchUnifyChatbot .suva-casemanagement-popup-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 18px 0 18px;

}

#searchUnifyChatbot .suva-case-management-close {
    display: flex;
    align-items: center;
}

#searchUnifyChatbot .suva-case-management-close-icon {
    margin-right: 5px;
    background: url('https://hi032404p.searchunify.com/suva-resources/Assets/case_activity_clock.svg') no-repeat;
    width: 16px;
    height: 16px;
}

#searchUnifyChatbot #popup-case-activity {
    display: flex;
    align-items: center;
    font-size: 13px !important;
    color: #3E3E3E !important;
}

#searchUnifyChatbot .suva-case-closed-btn {
    background: transparent;
    align-items: flex-start;
    border-radius: 14px;
    opacity: 0.8;
    display: none;
    align-items: center;
    cursor: default;
    font-size: 13px;
    color: #3E3E3E;
    font-weight: 500;
    border: none;
}

#searchUnifyChatbot .suva-mark-close-btn {
    background: #FBF9FF 0% 0% no-repeat padding-box;
    border: 1px solid #ABABAB;
    border-radius: 14px;
    opacity: 0.8;
    display: none;
    align-content: center;
    cursor: pointer;
    padding: 4px 11px 2px 11px;
    font-size: 13px;
    color: #3E3E3E;
    font-weight: 500;
    align-items: center;
    font-family: 'Poppins';
}

#searchUnifyChatbot .suva-case-closed-btn i,
#searchUnifyChatbot .suva-mark-close-btn i {
    background: url('https://hi032404p.searchunify.com/suva-resources/Assets/case_mark_close.svg') no-repeat;
    width: 20px;
    height: 22px;
    margin-right: 5px;
}

#searchUnifyChatbot .suva-case-text {
    font-size: 13px;
    color: #3E3E3E;
    margin: 0;
}

#searchUnifyChatbot .suva-case-management-popup-body {
    /* padding: 0px 18px; */
    display: flex;
    flex-direction: column;
    overflow: auto;
    flex: 1;
}

#searchUnifyChatbot .suva-case-management-popup-body #popup-case-desc {
    font-family: 'Poppins';
    padding: 0 18px !important;
    margin: 17px 0 !important;
    word-break: break-all;
}

#searchUnifyChatbot .suvacase-management-bottom-footer {
    display: flex;
    bottom: 0px;
    flex-direction: column;
    border-top: 1px solid #70707030;
    width: 100%;
    font-family: 'Poppins';
    box-shadow: 0px -25px 10px -5px rgba(237, 237, 237, 0.69);
    -webkit-box-shadow: 0px -25px 10px -5px rgba(237, 237, 237, 0.69)
}

#searchUnifyChatbot .suva-case-management-popup-body p {
    font-size: 14px;
    color: #586483;
    margin: 0;
}

#searchUnifyChatbot #file-input {
    margin-top: 10px;
    visibility: hidden;
}

#searchUnifyChatbot #file-list {
    margin-top: 10px;
}

#searchUnifyChatbot .comment-section {
    margin-top: 9px;
}

#searchUnifyChatbot .suva-upload-icon {
    position: absolute;
    left: 0;
    width: 176px;
    height: 32px;
    cursor: pointer;
}

#searchUnifyChatbot #comment-input {
    padding: 0px 17px;
    max-height: 197px;
    overflow: auto;
    border: 0;
    width: 100%;
    resize: none;
    background-color: #fff;
    color: #3E3E3E;
    font-size: 14px;
}

#searchUnifyChatbot .suva-contact-form-page div #comment-input::-webkit-scrollbar-thumb {
    background: #919191 0% 0% no-repeat padding-box;
    border-radius: 20px;
    opacity: 1;
}

#searchUnifyChatbot .suva-contact-form-page .suva-popupcase-management-content div #comment-input::-webkit-scrollbar {
    width: 0px !important;
    height: 0px;
}

#searchUnifyChatbot #comment-input:focus-visible {
    outline: 0;
}

#searchUnifyChatbot #comment-input-file {
    opacity: 0;
    position: absolute;
    width: 244px;
    z-index: 10;
    left: -74px;
    cursor: pointer;
    font-size: 14px;
    height: 20px;
    cursor: pointer !important;
}

#searchUnifyChatbot #comment-input-file-case {
    opacity: 0;
    position: relative;
    cursor: pointer;
    width: 175px;
    margin-left: -14px !important;
    cursor: pointer;
    font-size: 35px;
    height: 20px;
    z-index: 1;

}

#searchUnifyChatbot .comment-section {
    max-height: 225px;
    overflow-y: auto;
    height: 90%;
}

#searchUnifyChatbot .attachments {
    margin-top: 13px;
    display: flex;
    padding: 0px 15px;
    justify-content: space-between;
    margin-bottom: 11px;
    box-shadow: 0px -25px 10px -5px rgb(255 255 255);
    -webkit-box-shadow: 0px -25px 10px -5px rgb(255 255 255);
}

#searchUnifyChatbot .attachemnt-input-case {
    display: flex;
    align-items: center;
    cursor: pointer;
    margin-top: 19px;
    margin-left: 10px;

}

#searchUnifyChatbot .attachemnt-input-case svg {
    z-index: 0 !important;
}

#searchUnifyChatbot .attachemnt-input {
    display: flex;
    align-items: center;
    cursor: pointer;
}

#searchUnifyChatbot #comment-list {
    margin-top: 10px;
    padding: 0 18px;
    font-size: 16px;
    color: #3E3E3E;
}

#searchUnifyChatbot #file-list {
    margin-top: 10px;
    padding: 0 18px;
    font-size: 16px;
    color: #3E3E3E;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin-bottom: 6px;
}

#searchUnifyChatbot .file-item {
    display: flex;
    align-content: center;
    background: #08080817 0% 0% no-repeat padding-box;
    border: 1px solid #37373724;
    border-radius: 9px;
    color: black;
    padding: 8px 9px;
    margin-bottom: 6px;
    align-items: center;
    width: 200px;
    margin-right: 8px;
    max-height: 46px;
}

#searchUnifyChatbot .file-item span {
    color: #3E3E3E;
    font-size: 14px;
}

#searchUnifyChatbot .file-item .file-title-details {
    display: flex;
    flex-direction: column;
    margin-left: 4px;
}

#searchUnifyChatbot .file-item .file-name {
    color: #3E3E3E;
    font-size: 14px;
    text-decoration: underline;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 130px;
    font-family: Helvetica;
    font-weight: normal;
}

#searchUnifyChatbot .file-item .file-type {
    color: #979798;
    font-size: 11px;
    font-family: Helvetica;
    font-weight: normal;
}

#searchUnifyChatbot .comment-text {
    margin-bottom: 13px;
}

#searchUnifyChatbot #comment-list div {
    word-break: break-all;
}

#searchUnifyChatbot .case-border-bottom {
    background-color: #707070;
    height: 1px;
    opacity: 0.19;
    width: 95%;
    position: absolute;
    bottom: 0px;
    margin: 5px 0;

}

#searchUnifyChatbot .redirect-icon-span-popup:hover,
#searchUnifyChatbot .redirect-icon-span-updates:hover,
#searchUnifyChatbot .redirect-icon-span:hover {
    background: url('https://hi032404p.searchunify.com/suva-resources/Assets/case-new-window-hover.svg') no-repeat;
    background-position: center !important;
}

#searchUnifyChatbot .redirect-icon-span {
    width: 33px;
    height: 33px;
    position: absolute;
    top: 13px;
    z-index: 100;
    margin-left: 5px;
    border-radius: 50%;
    border: 1px solid #7070703b;
    background: url('https://hi032404p.searchunify.com/suva-resources/Assets/case-new-window.svg') no-repeat;
    background-position: center;
}

#searchUnifyChatbot .redirect-icon-span-updates {
    width: 33px;
    height: 33px;
    position: absolute;
    right: 10px;
    bottom: 4px;
    z-index: 100;
    margin-left: 5px;
    border-radius: 50%;
    border: 1px solid #7070703b;
    background: url('https://hi032404p.searchunify.com/suva-resources/Assets/case-new-window.svg') no-repeat;
    background-position: center;
}

#searchUnifyChatbot .redirect-icon-span-popup {
    width: 33px;
    height: 33px;
    position: absolute;
    top: 71px;
    right: 10px;
    border-radius: 50%;
    border: 1px solid #7070703b;
    background: url('https://hi032404p.searchunify.com/suva-resources/Assets/case-new-window.svg') no-repeat;
    background-position: center;
}

#searchUnifyChatbot svg#add-comment {
    position: relative;
    right: 5px;
}

#searchUnifyChatbot #upload-attachment-span {
    text-align: left;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 0px;
    font-family: 'Poppins';
    color: #707070;
    opacity: 0.72;
    cursor: pointer;
    margin-left: 10px;
}

#searchUnifyChatbot #upload-attachment-span-case {
    text-align: left;
    font-size: 16px;
    letter-spacing: 0px;
    font-family: 'Poppins';
    color: #707070;
    opacity: 0.72;
    cursor: pointer;
    font-weight: 500;
    margin-left: -152px;
    z-index: 0;

}

#searchUnifyChatbot #comment-input {
    outline: none;
    padding-left: 15px !important;
    font-family: 'Poppins';
}

#searchUnifyChatbot textarea#comment-input::placeholder {
    font-family: 'Poppins';
}

#searchUnifyChatbot .pagination-div {
    position: absolute;
    height: 30px;
    width: 95%;
    bottom: 45px;
    border-radius: 0px !important;
    left: 2.5%;
    display: flex;
    align-items: center;
    justify-content: center;
}

#searchUnifyChatbot .pagination-div .pages-count {
    margin-top: 8px !important;
}

#searchUnifyChatbot .pages-arrows {
    display: flex;
    width: 40px;
    height: 28px;
    z-index: 100;
}

#searchUnifyChatbot .right-arrow-span,
#searchUnifyChatbot .left-arrow-span {
    cursor: pointer;
    width: 20px;
    height: 20px;
    margin-top: 8px;
    display: block;
    transition: transform 0.2s ease;
}

#searchUnifyChatbot .left-arrow-span:hover:not(.disabled),
#searchUnifyChatbot .right-arrow-span:hover:not(.disabled) {
    transform: rotate(360deg);
}

#searchUnifyChatbot .left-arrow-span {
    rotate: 180deg;
    background: url('https://hi032404p.searchunify.com/suva-resources/Assets/case_pagination_arrow.svg') no-repeat;
}

#searchUnifyChatbot .right-arrow-span {
    background: url('https://hi032404p.searchunify.com/suva-resources/Assets/case_pagination_arrow.svg') no-repeat;
}

#searchUnifyChatbot .left-arrow-span:hover {
    rotate: 180deg;
    background: url('https://hi032404p.searchunify.com/suva-resources/Assets/case_pagination_arrow_hover.svg') no-repeat;
}

#searchUnifyChatbot .right-arrow-span:hover {
    background: url('https://hi032404p.searchunify.com/suva-resources/Assets/case_pagination_arrow_hover.svg') no-repeat;
}

#searchUnifyChatbot .left-arrow-span.disabled {
    rotate: 180deg;
    background: url('https://hi032404p.searchunify.com/suva-resources/Assets/case_pagination_arrow_disabled.svg') no-repeat;
    cursor: unset;
}

#searchUnifyChatbot .right-arrow-span.disabled {
    background: url('https://hi032404p.searchunify.com/suva-resources/Assets/case_pagination_arrow_disabled.svg') no-repeat;
    cursor: unset;
}

#searchUnifyChatbot .suva-party.case-listing .suva-leftTimestampP {
    padding: 0 10px 0px 0 !important;
}

#searchUnifyChatbot .case-file-blue {
    background: url('https://hi032404p.searchunify.com/suva-resources/Assets/case_file_blue.svg') no-repeat center;
    width: 26px;
    height: 30px;
}

#searchUnifyChatbot .case-file-yellow {
    background: url('https://hi032404p.searchunify.com/suva-resources/Assets/case_file_yellow.svg') no-repeat center;
    width: 26px;
    height: 30px;
}

#searchUnifyChatbot .case-file-green {
    background: url('https://hi032404p.searchunify.com/suva-resources/Assets/case_file_green.svg') no-repeat center;
    width: 26px;
    height: 30px;
}

#searchUnifyChatbot .case-file-del {
    background: url('https://hi032404p.searchunify.com/suva-resources/Assets/case_file_del.svg') no-repeat center;
    width: 20px;
    height: 20px;
    cursor: pointer;
}

#searchUnifyChatbot span#add-comment.disabled {
    background: url('https://hi032404p.searchunify.com/suva-resources/Assets/case_add_comment_disabled.svg') no-repeat center;
    width: 20px;
    height: 20px;
    cursor: unset;
}

#searchUnifyChatbot span#add-comment {
    cursor: pointer;
    background: url('https://hi032404p.searchunify.com/suva-resources/Assets/case_add_comment.svg') no-repeat center;
    width: 20px;
    height: 20px;
}

#searchUnifyChatbot #case-close-activity-msg.show,
#searchUnifyChatbot #activity-msg.show {
    display: flex !important;
}

#searchUnifyChatbot #case-close-activity-msg {
    display: none !important;
    background: #EAF7EE 0% 0% no-repeat padding-box;
    border-radius: 0px 0px 14px 14px;
    opacity: 1;
    height: 32px;
    padding: 0 10px;
    width: 300px;
    margin: auto;
    align-items: center;
    justify-content: center;
    font-size: 16px !important;
    font-weight: 500;
    color: #3E3E3E;
    position: absolute;
    left: 17%;
}

#searchUnifyChatbot #activity-msg {
    display: none !important;
    background: #EAF7EE 0% 0% no-repeat padding-box;
    border-radius: 14px 14px 0px 0px;
    opacity: 0.8;
    height: 32px;
    padding: 0 10px;
    width: 300px;
    margin: auto;
    align-items: center;
    justify-content: center;
    font-size: 16px !important;
    font-weight: 500;
    color: #3E3E3E;
}

#searchUnifyChatbot #case-close-activity-msg svg,
#searchUnifyChatbot #activity-msg svg {
    margin-right: 8px;
}

/* popup loader */
#searchUnifyChatbot .case-loading-container {
    position: absolute;
    height: 3rem;
    width: 3rem;
    z-index: 1;
}

#searchUnifyChatbot .case-loading-progress {
    position: absolute;
    height: 100%;
    width: 100%;
    border-radius: 50%;
    border: 5px solid #ACCAFF36;
    border-radius: 50%;

    &::before {
        content: "";
        position: absolute;
        height: 100%;
        width: 100%;
        border-radius: 50%;
        border: 5px solid transparent;
        border-top-color: #ACCAFF;
        top: -5px;
        left: -5px;
        animation: spin 1s linear infinite;
        box-sizing: unset;
    }
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

#searchUnifyChatbot #briefcase-activity-tick {
    display: none;
    background: url('https://hi032404p.searchunify.com/suva-resources/Assets/briefcase-activity-tick.svg') no-repeat center;
    width: 14px;
    height: 14px;
    position: absolute;
    background-color: #fff;
    top: -3px;
    left: 30px;
    border-radius: 50%;
}

#searchUnifyChatbot .fade-out {
    animation: fadeOut 1s forwards;
}

@keyframes fadeOut {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
    }
}

#searchUnifyChatbot #suva-case-create {
    display: none;
}

#searchUnifyChatbot .caseform-heading-text {
    font-size: 16px;
    font-weight: 500;
    color: #3E3E3E;
    letter-spacing: 0.22px;

}

#searchUnifyChatbot .suva-case-form-head {
    display: flex;
    justify-content: flex-start;
    margin-bottom: 14px;
}


#searchUnifyChatbot .suva-form-group {
    margin-bottom: 16px;
}

#searchUnifyChatbot .suva-form-group:nth-child(2) {
    margin-bottom: 0px;
}


#searchUnifyChatbot .suva-case-form-label {
    color: #262626;
    font-size: 12px;
    margin-bottom: 8px;
    font-weight: normal;
    padding-left: 10px;
}

#searchUnifyChatbot label {
    display: block;
    margin-bottom: 5px;
    font-weight: bold;
}

#searchUnifyChatbot .suva-case-form-textarea-subject {
    width: 100%;
    padding: 10px !important;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 1px solid #EEEEEE;
    border-radius: 6px;
    resize: none;
    outline: none;
    font-size: 14px;
    height: 66px;
    font-weight: 500;
    font-family: Poppins;
}

#searchUnifyChatbot .suva-case-form-textarea-description {
    width: 100%;
    padding: 10px !important;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 1px solid #EEEEEE;
    border-radius: 6px;
    resize: none;
    font-size: 14px;
    height: 146px;
    font-weight: 500;
    outline: none;
    font-family: Poppins;
}

#searchUnifyChatbot .char-count {
    text-align: right;
    font-size: 12px !important;
    color: #BBBBBB;
}

#searchUnifyChatbot .suva-case-form-inner-body {
    padding: 0px 13px;
    overflow: hidden;
    overflow-y: auto;
    height: calc(100% - 191px);
}

#searchUnifyChatbot .suva-button-group {
    display: flex;
    justify-content: center;
    margin-top: 35px;
}

#searchUnifyChatbot .btn {
    padding: 10px 20px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    margin-right: 10px;
}

#searchUnifyChatbot .cancel {
    background-color: #f0f0f0;
    color: #333;
}

#searchUnifyChatbot .submit {
    background-color: #7b6cf6;
    color: #fff;
}

#searchUnifyChatbot .label-subject-text {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

#searchUnifyChatbot .submit-cancel {
    margin-top: 50px;
    justify-content: center;
}

#searchUnifyChatbot .suva-create-case-attachemnt {
    padding: 0;
}

/* suva window expand/collapse */
#searchUnifyChatbot #suva-chat-expand {
@media screen and (max-width: 500px) {
  display:none;
} 
   cursor: pointer;
    background: url('https://hi032404p.searchunify.com/suva-resources/Assets/suva_chat_expand.svg') no-repeat center;
    width: 20px;
    height: 20px;
}

#searchUnifyChatbot #suva-chat-collapse {
    cursor: pointer;
    background: url('https://hi032404p.searchunify.com/suva-resources/Assets/suva_chat_collapse.svg') no-repeat center;
    width: 20px;
    height: 20px;
    display: none;
}

#searchUnifyChatbot #suva-chat-expand-tab1,
#searchUnifyChatbot #suva-chat-expand-tab2 {
    cursor: pointer;
    background: url('https://hi032404p.searchunify.com/suva-resources/Assets/suva_chat_expand_gray.svg') no-repeat center;
    width: 20px;
    height: 20px;
}

#searchUnifyChatbot #suva-chat-collapse-tab1,
#searchUnifyChatbot #suva-chat-collapse-tab2 {
    cursor: pointer;
    background: url('https://hi032404p.searchunify.com/suva-resources/Assets/suva_chat_collapse_gray.svg') no-repeat center;
    width: 20px;
    height: 20px;
    display: none;
}

#searchUnifyChatbot #file-list-case {
    margin-top: 12px;
    margin-left: 4px;

}

#searchUnifyChatbot .suva-contact-form-page .suva-popupcase-management-content div::-webkit-scrollbar {
    width: 5px !important;
    height: 0px;
}

#searchUnifyChatbot .suva-contact-form-page .suva-popupcase-management-content div::-webkit-scrollbar-thumb {
    background: #C6C6C6 0% 0% no-repeat padding-box;
    border-radius: 20px;
    opacity: 0.52;
}

#searchUnifyChatbot .suva-contact-form-page .suva-form-group textarea::-webkit-scrollbar {
    width: 5px !important;
    height: 0px;
}

#searchUnifyChatbot .suva-contact-form-page .suva-form-group textarea::-webkit-scrollbar-thumb {
    background: #C6C6C6 0% 0% no-repeat padding-box;
    border-radius: 20px;
    opacity: 0.52;
}

#searchUnifyChatbot .suva-form-group textarea::placeholder {
    font-size: 14px;
    font-family: Poppins;
    color: #707070;
    opacity: 0.59;
    font-weight: 500;
}

#searchUnifyChatbot .suva-create-case-file-item {
    display: inline-flex;
    align-content: center;
    background: #08080817 0% 0% no-repeat padding-box;
    border: 1px solid #37373724;
    border-radius: 9px;
    color: black;
    padding: 8px 9px;
    margin-bottom: 6px;
    align-items: center;
    width: 45%;
    margin-right: 14px;
}

#searchUnifyChatbot .case-tab-actions {
    display: flex;
    justify-content: flex-end;
    position: absolute;
    right: 18px;
    top: 14px;
}

#searchUnifyChatbot .case-tab-actions .cms-minimize-icon {
    margin-left: 5px;
}

#searchUnifyChatbot #popup-case-comment-main {
    margin: 10px 18px;
}

#searchUnifyChatbot .popup-comment-section {
    background: #F2F2F2 0% 0% no-repeat padding-box;
    border-radius: 4px;
    opacity: 1;
    padding: 10px;
}

#searchUnifyChatbot #popup-case-comment-name {
    display: flex;
    align-items: center;
}

#searchUnifyChatbot #popup-case-comment-name span {
    margin-right: 5px;
}

#searchUnifyChatbot #popup-case-comment-name .name {
    text-align: left;
    font-size: 13px;
    font-weight: 600;
    font-family: 'Poppins';
    letter-spacing: 0.18px;
    color: #3E3E3E;
}

#searchUnifyChatbot #popup-case-comment-name .dot {
    width: 5px;
    height: 5px;
    background-color: #C6C6C6;
    border-radius: 50%;
}

#searchUnifyChatbot #popup-case-comment-name .time {
    text-align: left;
    font-size: 13px;
    font-weight: 500;
    font-family: 'Poppins';
    letter-spacing: 0.18px;
    color: #3E3E3E;
}

#searchUnifyChatbot #popup-case-comment-content {
    text-align: left;
    font-size: 14px;
    font-family: 'Poppins';
    font-weight: 500;
    letter-spacing: 0.2px;
    color: #586483;
    margin-top: 10px;
    margin-bottom: 8px;
    word-break: break-all;
    width: 100%;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    word-wrap: break-word;
}

#searchUnifyChatbot .popup-last-comment-header span.icon {
    background: url('https://hi032404p.searchunify.com/suva-resources/Assets/cms-last-comment.svg') no-repeat center;
    width: 20px;
    height: 20px;
    margin-right: 8px;
}

#searchUnifyChatbot .popup-last-comment-header span.dashes {
    border: 1px dashed #707070;
    width: calc(100% - 140px);
    height: 0px;
    opacity: 0.19;
    margin-left: 10px;
}

#searchUnifyChatbot .popup-last-comment-header {
    display: flex;
    margin-bottom: 10px;
    text-align: left;
    font-size: 13px !important;
    letter-spacing: 0.18px;
    color: #3E3E3E;
    align-items: center;
}

#searchUnifyChatbot #attachment-errors .header .icon {
    background: url('https://hi032404p.searchunify.com/suva-resources/Assets/attachment_warning_icon.svg') no-repeat center;
    width: 20px;
    height: 20px;
    display: block;
    margin-right: 10px;
}

#searchUnifyChatbot #attachment-errors .header .title {
    text-align: left;
    font-size: 14px;
    font-family: 'Poppins';
    font-weight: 600;
    letter-spacing: 0.2px;
    color: #3E3E3E;
    text-shadow: none;
}

#searchUnifyChatbot #attachment-errors .header .close {
    cursor: pointer;
}

#searchUnifyChatbot #attachment-errors .header div {
    display: flex;
    align-items: stretch;
    justify-content: space-between;
}

#searchUnifyChatbot #attachment-errors .header {
    margin: 8px 15px;
    display: flex;
    width: 94%;
    top: 0px;
    justify-content: space-between;
    position: relative;
    height: 25px !important;
}

#searchUnifyChatbot #attachment-errors {
    display: none;
    flex-direction: column;
    justify-content: flex-start;
    background: #FFF5F7 0% 0% no-repeat padding-box;
    border: 1px solid #D74C4C;
    border-radius: 12px;
    bottom: 0px;
    position: absolute;
    left: 0;
    width: 100%;
    height: 35%;
    z-index: 100000000000000;
}

#searchUnifyChatbot .file-type,
#searchUnifyChatbot .files-size {
    display: flex;
    align-items: center;
    position: relative;
}

#searchUnifyChatbot .file-type span.dot,
#searchUnifyChatbot .files-size span.dot {
    width: 5px;
    height: 5px;
    display: inline-block;
    border-radius: 50%;
    background-color: #3E3E3E;
    opacity: 0.44;
    margin-right: 10px;
    margin-left: 10px;
}

#searchUnifyChatbot .file-type span.title,
#searchUnifyChatbot .files-size span.title {
    font-size: 14px !important;
    font-family: 'Poppins';
    font-weight: 500 !important;
    letter-spacing: 0.2px;
    color: #3E3E3E;
    text-shadow: none !important;
    padding-bottom: 0px !important;
}

#searchUnifyChatbot .file-type .message {
    display: flex;
    flex-direction: row;
    text-shadow: none !important;
    align-items: center;
}

#searchUnifyChatbot .file-type .disclaimer {
    margin: 0px 10px;
    font-family: 'Roboto';
    font-size: 12px !important;
    font-weight: 500px;
    font-style: italic;
    letter-spacing: 0.17px;
    color: #3E3E3E;
}

#searchUnifyChatbot .file-type {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

#searchUnifyChatbot #popup-case-attachment #popup-case-attachment-data {
    margin-left: 5px;
}

#searchUnifyChatbot #popup-case-attachment {
    display: none;
    align-items: center;
    justify-content: flex-start;
}

#searchUnifyChatbot #popup-case-attachment-data {
    font-size: 13px;
    color: #3E3E3E;
    font-weight: 600;
}

#searchUnifyChatbot #popup-case-attachment span {
    padding: 0px 3px;
}

#searchUnifyChatbot .suva-close-bot-icon {
    display: flex;
    align-items: center;
}

#searchUnifyChatbot #popup-case-id {
    font-family: 'Poppins';
}

/* create case css */
#searchUnifyChatbot .case-file-del-icon {
    background: url('https://hi032404p.searchunify.com/suva-resources/Assets/case_file_del.svg') no-repeat center;
    width: 24px;
    height: 24px;
    cursor: pointer;
    position: relative;
    padding: 0px 6px 0px 20px;

}

#searchUnifyChatbot .suva-briefcase {
    height: 40px;
}

#searchUnifyChatbot .suva-briefcase div {
    background: transparent linear-gradient(180deg, #8660FF 0%, #5D2AFF 100%) 0% 0% no-repeat padding-box;
    border-radius: 9px !important;
    opacity: 0.16;
    min-width: 40px;
    height: 40px;
    margin: 0 10px 0 0;
}

#searchUnifyChatbot .suva-briefcase span {
    width: 20px;
    height: 20px;
    display: block;
    left: 10px;
    top: -30px;
    background: url('https://hi032404p.searchunify.com/suva-resources/Assets/suva-createcase-briefcase.svg');
    position: relative;
}

#searchUnifyChatbot .suva-party.case-listing .suva-briefcase span {
    top: 10px !important;
}

#searchUnifyChatbot .suva-popupcase-management-btn-case {
    display: flex;
    margin-bottom: 10px;
    padding: 11px 16px;
    border-bottom: 1px solid #70707030;
    align-items: center;

}

#searchUnifyChatbot .suva-create-case-file-item span {
    color: #3E3E3E;
    font-size: 14px;
}

#searchUnifyChatbot .suva-create-case-file-item .suva-create-case-file-title-details {
    display: flex;
    flex-direction: column;
    margin-left: 4px;
    width: 100%;
}

#searchUnifyChatbot .suva-create-case-file-item .suva-create-case-file-name {
    color: #3E3E3E;
    font-size: 14px;
    text-decoration: underline;
}

#searchUnifyChatbot .suva-create-case-file-item .suva-create-case-file-type {
    color: #979798;
    font-size: 11px;
}

#searchUnifyChatbot .suva-case-cancel-confirmation-body p {
    font-size: 16px;
    color: #3E3E3E;
    margin-top: 20px;
    margin-bottom: 53px;
    text-align: center;
}

#searchUnifyChatbot .suva-case-cancel-confirmation-buttons {
    display: flex;
}

#searchUnifyChatbot .suva-create-case-cancel-confirmation {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    justify-content: center;
    align-items: flex-end;
    z-index: 1000000;
}

#searchUnifyChatbot .suva-create-case-cancel-confirmation-content {
    background-color: white;
    /* padding: 11px 15px; */
    border-radius: 10px;
    width: 100%;
    max-width: 600px;
    position: relative;
    height: 383px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

#searchUnifyChatbot .suva-case-cancel-confirmation-body {
    color: #3E3E3E;
    font-weight: 600;
    width: 217px;
    text-align: center;
}

#searchUnifyChatbot .suva-case-cancel-confirmation-body span {
    background: url('https://hi032404p.searchunify.com/suva-resources/Assets/suva-cancel-case.svg') no-repeat center;
    width: 100%;
    height: 150px;
    display: flex;
    justify-content: center;
}

#searchUnifyChatbot .suva-popupcase-cancel-management-btn {
    display: flex;
    align-content: center;
    float: right;
    justify-content: space-between;
    margin-bottom: 10px;
    padding: 11px 16px;
    position: absolute;
    top: 0;
    right: 0;
}

#searchUnifyChatbot .suva-casemanegemnt-cancel-btn {
    background-color: #EAEAEA;
    border: none;
    font-size: 20px;
    cursor: pointer;
    height: 40px;
    width: 40px;
    border-radius: 50%;
}

#searchUnifyChatbot .suva-casemanegemnt-cancel-btn svg {
    margin-top: 5px;
}

#searchUnifyChatbot .suva-case-cancel {
    border: 1px solid #4638E9 !important;
    border-radius: 22px !important;
    color: #5929F2 !important;
    line-height: 1px !important;
    width: 146px;
    height: 43px;
    padding: 13px !important;
    margin-right: 10px;
}

#searchUnifyChatbot .suva-create-case-buttons {
    display: flex;
}

#searchUnifyChatbot .suva-case-cancel-btn {
    border: 1px solid #4638E9 !important;
    border-radius: 22px !important;
    color: #5929F2 !important;
    line-height: 1px !important;
    width: 146px;
    height: 43px;
    padding: 13px !important;
    margin-right: 10px;
}

#searchUnifyChatbot .suva-case-submit-btn {
    padding: 13px !important;
    border-radius: 22px !important;
    line-height: 1px !important;
    font-family: 'Poppins';
    width: 146px;
    height: 43px;
}

#searchUnifyChatbot .suva-submitbtn-disabled {
    background: #BDD2FD 0% 0% no-repeat padding-box !important;
    color: #FFFFFF;
    border: none;
    cursor: not-allowed;
}

#searchUnifyChatbot #suva-case-file-attachment-errors .suva-case-file-header .suva-case-file-icon {
    background: url('https://hi032404p.searchunify.com/suva-resources/Assets/attachment_warning_icon.svg') no-repeat center;
    width: 20px;
    height: 20px;
    display: block;
    margin-right: 10px;
}

#searchUnifyChatbot #suva-case-file-attachment-errors .suva-case-file-header .suva-case-file-title {
    text-align: left;
    font-size: 14px;
    font-family: 'Poppins';
    font-weight: 500;
    letter-spacing: 0.2px;
    color: #3E3E3E;
    text-shadow: none;
}

#searchUnifyChatbot #suva-case-file-attachment-errors .suva-case-file-header .suva-case-file-close-icon {
    cursor: pointer;
}

#searchUnifyChatbot #suva-case-file-attachment-errors .suva-case-file-header div {
    display: flex;
    align-items: stretch;
    justify-content: space-between;
}

#searchUnifyChatbot #suva-case-file-attachment-errors .suva-case-file-header {
    margin: 8px 15px;
    display: flex;
    width: 94%;
    align-items: center;
    top: 0px;
    justify-content: space-between;
    position: relative;
    height: 25px !important;
}

#searchUnifyChatbot #suva-case-file-attachment-errors {
    display: none;
    flex-direction: column;
    justify-content: flex-start;
    background: #FFF5F7 0% 0% no-repeat padding-box;
    border: 1px solid #D74C4C;
    border-radius: 12px;
    bottom: 0px;
    position: absolute;
    left: 0;
    width: 100%;
    height: 35%;
    z-index: 100000000000000;
}

#searchUnifyChatbot .suva-case-file-type,
#searchUnifyChatbot .suva-case-files-size {
    display: flex;
    align-items: center;
    position: relative;
}

#searchUnifyChatbot .suva-case-file-type span.suva-case-file-dot,
#searchUnifyChatbot .suva-case-files-size span.suva-case-file-dot {
    width: 8px;
    height: 8px;
    display: inline-block;
    border-radius: 50%;
    background: #3E3E3E 0% 0% no-repeat padding-box;
    opacity: 0.44;
    margin-right: 9px;
    margin-left: 13px;
}

#searchUnifyChatbot .suva-case-file-type span.suva-case-file-title,
#searchUnifyChatbot .suva-case-files-size span.suva-case-file-title {
    font-size: 14px !important;
    font-family: 'Poppins';
    font-weight: normal !important;
    letter-spacing: 0.2px;
    color: #3E3E3E;
    text-shadow: none !important;
}

#searchUnifyChatbot .suva-case-file-type .suva-case-file-message {
    display: flex;
    flex-direction: row;
    text-shadow: none !important;
    align-items: center;
    margin-bottom: 7px;
}

#searchUnifyChatbot .suva-case-file-type .suva-case-file-disclaimer {
    margin: 0px 12px;
    font-family: 'Roboto' !important;
    font-size: 12px !important;
    font-weight: normal;
    font-style: italic;
    letter-spacing: 0.17px;
    color: #3E3E3E;
}

#searchUnifyChatbot .suva-case-file-type {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

#searchUnifyChatbot .suva-create-case-spinner {
    display: none;
    width: 56px;
    position: absolute;
    z-index: 999999999999999999999999;
    height: 56px;
    top: 40%;
    background: radial-gradient(farthest-side, #474bff 94%, #0000) top/9px 9px no-repeat, conic-gradient(#0000 30%, #474bff);
    -webkit-mask: radial-gradient(farthest-side, #0000 calc(100% - 9px), #000 0);
    animation: spinner-c7wet2 1s infinite linear;
    border-radius: 50%;
}

@keyframes spinner-c7wet2 {
    100% {
        transform: rotate(1turn);
    }
}

#searchUnifyChatbot .suva-create-case-spinner-div {
    display: none;
    background: rgba(255, 255, 255, 0.8);
    justify-content: center;
    position: relative;
    border-radius: 10px;
    height: 64vh;
    width: 94%;
    left: 3%;
    bottom: 87%;
    z-index: 99999999999999999999999;

}

#searchUnifyChatbot .suva-case-continue {
    line-height: 1px !important;
    width: 146px;
    height: 43px;
    background: #7C54FB 0% 0% no-repeat padding-box !important;
    border-radius: 22px !important;
}

#searchUnifyChatbot .suva-case-form-textarea-subject::placeholder {
    padding: 0px !important;
}

#searchUnifyChatbot .suva-case-form-textarea-description::placeholder {
    padding: 0px !important;
}

#searchUnifyChatbot #api-quota-exced {
    display: flex;
    position: fixed;
    top: 20px;
    justify-content: space-between;
    align-items: center;
    text-align: center;
    padding: 1px 12px;
    background: #FEF8EB 0% 0% no-repeat padding-box;
    box-shadow: 0px 0px 10px #5D5D5D6E;
    border: 1px solid #F3DAAB;
    border-radius: 16px;
    margin: 0 10px;
    height: 76px;
    width: 96%;
    z-index: 99999999;

}

#searchUnifyChatbot #api-quota-exced .suva-warning-icon {
    height: 36px;
    width: 36px;
}

#searchUnifyChatbot .noti-msg {
    font-size: 14px;
    font-weight: 600;
    font-family: 'Poppins';
    color: #1B1B20;
    margin: 0;
}

#searchUnifyChatbot .noti-msg .short-content {
    font-size: 13px;
    font-weight: normal;
    color: #1B1B20;
}

#searchUnifyChatbot #api-quota-exced .status-img {
    background: #FEC022;
    border-radius: 50%;
    display: flex;
    margin-right: 10px;
}

#searchUnifyChatbot .cover-api-quota {
    display: flex;
    align-items: center;
    margin-right: 10px;
}

#searchUnifyChatbot .noti-close {
    cursor: pointer;
}

#searchUnifyChatbot .main-api-quota {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 10px;
}

#searchUnifyChatbot .no-padding {
    padding: 0 !important;
}
/* LOADER WHEN SOCKET RESP IS NOT RETURNED */
#searchUnifyChatbot .loading_steam {
    align-items: center;
    display: flex;
    justify-content: center;
    width: 100%;
    margin-bottom: 10px;
order:1; 
 }
  
 #searchUnifyChatbot .loading__dot {
    animation: dot ease-in-out 1s infinite;
    background-color: grey;
    display: inline-block;
    height: 10px;
    margin: 3px;
    width: 10px;
    border-radius: 50%;
order:1; 
 }
  
 #searchUnifyChatbot .loading__dot:nth-of-type(2) {
    animation-delay: 0.2s;
  }
  
  #searchUnifyChatbot .loading__dot:nth-of-type(3) {
    animation-delay: 0.3s;
  }
@keyframes dot {
    0% {
        background-color: #cacaca;
        transform: scale(0.7);
    }

    50% {
        background-color: #01658a;
        transform: scale(1.2);
    }

    100% {
        background-color: #cacaca;
        transform: scale(0.5);
    }
}
#searchUnifyChatbot .bole-text-response{
font-weight:800;
display:contents;
}

/* Circle loader styles */
#searchUnifyChatbot .loadercss {
  border: 8px solid #f3f3f3; /* Light background */
  border-top: 8px solid #3498db; /* Blue color for the spinning part */
  border-radius: 50%;
  width: 50px;
  height: 50px;
  animation: spin 1s linear infinite;
right: 30px;
    bottom: 4%;
    position: fixed;
    z-index: 999;
}

/* Animation for spinning the loader */
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}


/*------------Mobile view for cards-------------------*/

#searchUnifyChatbot .cards_div {
    width: 460px;
    margin: 10px 15px -27px 15px;
    z-index: 3;
}
@media screen and (min-width: 376px) and (max-width: 400px) {
    #searchUnifyChatbot .cards_div {
        width: 281px !important;
    }
}

@media screen and (min-width: 400px) and (max-width: 422px) {
    #searchUnifyChatbot .cards_div {
        width: 312px !important;
    }
}
@media screen and (min-width: 423px) and (max-width: 440px) {
    #searchUnifyChatbot .cards_div {
        width: 330px !important;
    }
}

@media screen and (min-width: 441px) and (max-width: 460px) {
    #searchUnifyChatbot .cards_div {
        width: 415px !important;
    }
}
@media screen and (min-width: 461px) and (max-width: 480px) {
    #searchUnifyChatbot .cards_div {
        width: 433px !important;
    }
}

@media screen and (max-width: 400px) {
    #searchUnifyChatbot .cards_div {
        width: 288px !important;
    }
}

@media screen and (max-width: 375px) {
    #searchUnifyChatbot .cards_div {
        width: 272px !important;
    }
}

@media only screen and (max-width: 850px) {
    #searchUnifyChatbot #suva-chat-expand {
    display: none;
  }
  #searchUnifyChatbot #suva-chat-collapse{
    display: none !important;
  }
  #searchUnifyChatbot .suva-close-set{
    width: 85px !important;
  }
}
@media (max-width: 700px) {
    #searchUnifyChatbot #suva-skip-generation span {
    display: none;
  }
}


#searchUnifyChatbot .cards_back_view .flip_back_icon_div {
    display: flex;
    justify-content: end;
    width: 100%;
    padding-right: 20px;
    align-items: center;
}

#searchUnifyChatbot .cards_back_view .flip_back_icon {
    align-items: center;
    display: flex;
}

#searchUnifyChatbot .cards_back_view .flip_back_arrow {
    width: 20px;
    height: 20px;
    margin: 0px;
    cursor: pointer;
}

#searchUnifyChatbot .cards_back_view .flip_back_text {
    cursor: pointer;
}

#searchUnifyChatbot .suva-popup-no-btn:focus,
#searchUnifyChatbot .suva-popup-yes-btn:focus {
    outline: none;
}

@media only screen and (max-width:991px) {
    iframe#embeddedMessagingFrame {
        right: 2em !important;
    }
}
@media only screen and (min-width:991px) {
    #searchUnifyChatbot .loadercss {
        right: 200px !important;
    }
    #embedded-messaging .embeddedMessagingConversationButtonLoading {
        right: 200px !important;
    }
}
iframe#embeddedMessagingFrame.isMaximized {
    right: 2em !important;
}

#searchUnifyChatbot .suva-second-section::-webkit-scrollbar {
  background: transparent;
  scrollbar-color: transparent transparent;
}

#searchUnifyChatbot .suva-second-section::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.3);
}