@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="Bio Sans", sans-serif: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="Bio Sans", sans-serif: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="Bio Sans", sans-serif: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%
    }
}

:root {
    --suva-chatbot-main-color: #323e48;
}

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

#searchUnifyChatbot .suva-third-section {
    background: #FFFFFF !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;
}
#searchUnifyChatbot #suva-submit::placeholder {
    font-size: 14px !important;
}

/* hover effect over css Start */
#searchUnifyChatbot #suva-submit:focus::-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 15px 0px 5px;
    height: 50px;
    position: absolute;
    /* border-radius: 10px; */
    z-index: 99999;
    box-shadow: 0px 20px 150px #fff;
    /* background-color: var(--suva-chatbot-main-color) !important; */
    /* background: url(https://f242003p.searchunify.com/suva-resources/Assets/suva_header_banner.svg) no-repeat; */
    background-size: 100% !important;
    background-color: #313E48 !important;


}

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

#searchUnifyChatbot .suva-logo-bot {
    width: 165px !important;
    height: 30px !important;
    margin-right: 9px;
    margin-bottom: 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: "Bio Sans", sans-serif;
    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: 72%;
    display: flex;
    margin-left: 7px;
    align-items: center;
}

#searchUnifyChatbot .suva-first-section .suva-header-div .suva-logo-title .header-chat-text{
    color: #FFF;
    font-size: 18px;
    font-weight: 550;
    line-height: 50px;
    letter-spacing: 0.2px;
}
#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 {
    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: 5px 0px 5px 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: "Bio Sans", sans-serif;
}

#searchUnifyChatbot .suva-feedback-button {
    position: absolute;
    right: 0px;
    bottom: 8px;
    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: #323E48 0% 0% no-repeat padding-box !important;
    border-radius: 3px;
    padding: 10px;
    color: #FFFFFF !important;
    font-weight: 400;
    /*box-shadow: 0px 3px 6px #AFD6F291;*/
    margin: 0px;
    word-break: break-word;
    transition: all 0.3s ease-in-out;
    font-family: "Bio Sans", sans-serif !important;
}

#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: 6px;
    bottom: 17px;
    align-items: flex-end;
}

#searchUnifyChatbot .suva-timestampP {
    font-size: 10px;
    font-family: "Bio Sans", sans-serif;
    letter-spacing: 0px;
    color: #7B7B7B !important;
    margin: 0px;
    display: none;
}

#searchUnifyChatbot .suva-leftTimestampP {
    text-align: right !important;
    letter-spacing: 0px !important;
    color: #1DD65F !important;
    margin: 4px 0px !important;
    font-family: "Bio Sans", sans-serif;
    font-size: 10px;
    display: none;
}

.suva-chat-section.bot-expanded .suva-party {
    max-width: 620px !important;
}

#searchUnifyChatbot .suva-chat div .suva-party {
    word-break: break-word;
    white-space: break-spaces;
    background-color: #F0F0F0 !important;
    /* box-shadow: 0px 3px 6px #AFD6F291; */
    /* border: 1px solid #1DD65F; */
    border-radius: 3px;
    padding: 10px;
    margin: 1px !important;
    font-family: "Bio Sans", sans-serif !important;
    scroll-behavior: smooth;
    font-size: 14px;
    line-height: 22px;
    color: #050505;
    margin: 0px;
    font-weight: 450;
    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;
    box-shadow: 0px 0px 4px rgb(162 159 159 / 50%);
    height: 75vh;
    display: block;
    width: 403px;
    bottom: 25px;
    right: 22px;
    position: fixed;
    border-radius: 5px;
    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: 0px 40px 99px #2F44DF42; */
    transition: all 0.3s ease-in-out;
    background-color: #fff;
}

#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 15px;
    display: flex;
    margin-bottom: 8px;
}

#searchUnifyChatbot .suva-animationUser {
    -webkit-animation: slideUp 0.5s ease-in-out;
    margin: 10px 15px 0px 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: 3px;
    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 {
    display: none;
    position: fixed;
    bottom: 22px;
    right: 46px;
    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;
    text-decoration: none;
    background-color: transparent;
    display: contents;
}

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

#year_1 {
    display: none;
}

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

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

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

.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: "Bio Sans", sans-serif !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 .status {
        display: flex;
        margin-top: 2px;
    }

    #searchUnifyChatbot .status-text {
        font-size: 13px;
        font-family: "Bio Sans", sans-serif;
        line-height: 20px;
    }

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

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

    .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-emojis {
        width: 100% !important;
        height: 34% !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;
    }

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

    .datepicker-inline {
        width: 100% !important;
    box-shadow: 0px -10px 10px #485760;
    }

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

    #searchUnifyChatbot .suva-botLauncher {
        right: 17px !important;
        bottom: 97px !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-main-skip-opt-text #suva-skip-img {
        transform: none;
    }

    .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: 46px;
    }

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

    .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: 15px;
    height: 15px;
    background-color: #323e48;
    border-radius: 50%;
    padding: 1px;
}

#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: #000;
    line-height: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 268px;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 278px;
    background-color: #00000012;
    padding: 5px 10px;
    background-color: #1ED65F;
}

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

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: "Bio Sans", sans-serif !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)
    }
}

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

.datepicker-inline {
    width: 100%;
    height: 220px;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.datepicker>div {
    display: none;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .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: "Bio Sans", sans-serif;
    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://f242003p.searchunify.com/suva-resources/Assets/thumb_up.svg') rgba(255, 255, 255, 0) no-repeat;
    height: 16px;
    width: 17px;
    background-position: center;
}

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

#searchUnifyChatbot .suva-thumb-up-img-clicked {
    background: url('https://f242003p.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://f242003p.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://f242003p.searchunify.com/suva-resources/Assets/thumb_up_clicked.svg') rgba(255, 255, 255, 0) no-repeat;
    background-position: center;
    cursor: pointer;
}

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

#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: relative;
    right: 20px;
    float: right;
    bottom: 40px;
    text-align: center;
    font-size: 13px;
    cursor: pointer;
    color: #F48B00;
    padding: 6px 13px 5px 14px !important;
    width: auto;
    height: auto;
    background: #F48B001F 0% 0% no-repeat padding-box;
    border: 1px solid #F48B00;
    border-radius: 10px;
    opacity: 1;
}

#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: 19px;
    overscroll-behavior: contain;
    position: relative;
    top: 35px;
}
#searchUnifyChatbot .suva-chat-section::-webkit-scrollbar-track {
  background: transparent;
}
#searchUnifyChatbot .suva-text-bar {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    box-shadow: 0px 0px 6px #7E7E7E29;
    border: 1px solid #1D252C;
    border-radius: 5px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    width: 82%;
    min-height: 39px;
    margin-bottom: 15px;
}

#searchUnifyChatbot .suva-party-msg {
    display: flex;
    padding: 0px;
    width: 100%;
    justify-content: start;
    color: #000;
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
    margin-bottom: 10px;
    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,
.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: "Bio Sans", 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://f242003p.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%;
    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://f242003p.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: center;
}

/* 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: hidden;
}

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

#searchUnifyChatbot .suva-chat-section.date-picker-opened {
    height: calc(100% - 10px);
}

#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: 20px;
    gap: 4px;
}

#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: var(--suva-chatbot-main-color);
    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: 27px;
    width: 27px;
    background-color: #1DD65F;
    border-radius: 50%;
    margin: 2px 4px 4px 4px;
    padding: 7px;
}

#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: 6px;
    bottom: 94px;
    text-align: left;
    z-index: 100;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    font-family: "Bio Sans", sans-serif, sans-serif;
    background: transparent;
}

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

.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-family: "Bio Sans", sans-serif;
    position: relative;
    cursor: pointer;
    background-color: #1ED65F;
    z-index: 99;
    color: #070707;
    font-size: 14px;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: 0.2px;
    padding: 5px 7px;
    border: 1px solid #13f161
}

#searchUnifyChatbot .suva-botLauncher .suva-botLauncher-upperDiv .suva-botLauncher-upperDiv-textMessage .textLauncherBgCircle {
    /* display: none; // made hidden as per the new revenera designs and icon updates. */
    position: absolute;
    height: 134px;
    width: 134px;
    top: -76px;
    right: -3px;
    opacity: 0.2;
}
#searchUnifyChatbot .suva-botLauncher .suva-botLauncher-upperDiv .textLauncherBgCircle {
    position: absolute;
  right: 14px;
  opacity: 1;
  width: 100%;
  height: 42px;
  flex-shrink: 0;
  border-radius: 14px;
  background: #08A13E;
  filter: blur(30px);
  min-height: 42px;
}
#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: "Bio Sans", sans-serif;
}

#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: "Bio Sans", sans-serif;
    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: "Bio Sans", sans-serif, 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: var(--suva-chatbot-main-color) 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: "Bio Sans", 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: #323e48;
    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: "Bio Sans", 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: "Bio Sans", sans-serif;
    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: "Bio Sans", sans-serif;
    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: "Bio Sans", sans-serif;
    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;
}

#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://f242003p.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: 10px;*/
}

#searchUnifyChatbot .suva-llmdiv ul li {
    margin-left: 10px !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: 10px;
    margin-left: 20px;
}

#searchUnifyChatbot .suva-llmbuttonsdiv {
    float: none !important;
}
#searchUnifyChatbot .suva-party-resp h4,
#searchUnifyChatbot .suva-llmdiv h4 {
    font-size: 14px !important;
    font-weight: 700 !important;
    font-family: "Bio Sans", sans-serif;
}

#searchUnifyChatbot .suva-llmseemorebutton,
#searchUnifyChatbot .suva-view-all-links {
    background-color: rgb(30,214,95,0.7);
    font-family: "Bio Sans", sans-serif;
    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: 4px 0px 0px 0px;
    display: flex;
    justify-content: start;
}

#searchUnifyChatbot .suva-llmseemorebutton::after,
#searchUnifyChatbot .suva-view-all-links::after {
    content: "";
    background-image: url("https://f242003p.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://f242003p.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: "Bio Sans", sans-serif;
    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://f242003p.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: transparent linear-gradient(179deg, #323e48 35%, #040404 100%) 0% 0% 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;
}

#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: "Bio Sans", sans-serif;
    color: #FFFFFF;
    margin: 0px 50px;
    font-weight: 500;
}

/* Emojis*/
#searchUnifyChatbot .suva-overall-feedback-emojis {
    display: flex;
    justify-content: space-between;
    height: 37px;
    width: 97%;
    margin: 18px 0px;
}

/* 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: "Bio Sans", sans-serif;
    color: #000000;
}

#searchUnifyChatbot #suva-overall-feedback .additional-feedback .feedback-options button {
    background-color: #FFFFFF;
    border: 1px solid #323e48;
    border-radius: 4px;
    color: #323e48;
    padding: 6px 11px;
    margin: 5px;
    cursor: pointer;
    font-family: "Bio Sans", sans-serif;
    font-weight: 450;
    font-size: 14px;
}

#searchUnifyChatbot #suva-overall-feedback .additional-feedback .feedback-options button:hover {
    background-color: #323e48;
    border: 1px solid #323e48;
    color: #FFFFFF;
}

#searchUnifyChatbot .select-multiple-options {
    background-color: var(--suva-chatbot-main-color) !important;
    border: 1px solid var(--suva-chatbot-main-color) !important;
    color: #FFFFFF !important;
}

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

#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: "Bio Sans", sans-serif;
    font-size: 13px;
    font-weight: 450;
    padding: 11px 0px 10px 12px;
    margin: 0px;
    border-bottom: 1px solid #7070704D;
}
#searchUnifyChatbot #suva-overall-feedback .additional-feedback .additional-feedback-container .add-feedback textarea::placeholder {
    font-size: 14px !important;
}
#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: "Bio Sans", sans-serif;
    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: "Bio Sans", sans-serif;
    letter-spacing: 0px;
    color: #323e48;
}

/* 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: "Bio Sans", sans-serif;
    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: #323e48;
    color: #FFFFFF;
}

#searchUnifyChatbot #suva-overall-feedback .additional-feedback .additional-feedback-container #cancel-feedback {
    background-color: #FFFFFF;
    border: 1px solid #323e48;
    color: #323e48;
}

/* Feedback has been submitted */
#searchUnifyChatbot .feedback-submitted {
    display: none;
    background: transparent linear-gradient(246deg, var(--suva-chatbot-main-color) 0%, var(--suva-chatbot-main-color) 100%) 0% 0% no-repeat padding-box;
}

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

#searchUnifyChatbot .feedback-submitted .feedback-submitted-container {
    font-family: "Bio Sans", sans-serif;
    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 {
    height: 41px;
    box-sizing: border-box;
    resize: none;
    overflow-y: hidden;
    border: none;
    border-radius: 10px;
    padding: 10px 10px 0px 10px;
    font-size: 14px;
    font-weight: 400;
    font-family: "Bio Sans", sans-serif !important;
    line-height: 1.5;
    scrollbar-width: none;
}

/* 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;
    margin-right: 3px;
    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,
#searchUnifyChatbot #suva-popups-revenera-feedback {
    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,
#searchUnifyChatbot .suva-popup-container-revenera-feedback {
    border: 1px solid #888;
    width: 79%;
    padding: 27px 10px 27px 19px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    opacity: 1;
    border-radius: 0px;
    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;
    text-align: center !important;
}

#searchUnifyChatbot .suva-popup-container>p {
    color: #232323;
    font-family: "Bio Sans", sans-serif;
    font-size: 16px;
    line-height: 26px;
    text-align: center;
    margin: 0px 0px 12px 0px;
}

#searchUnifyChatbot .suva-popup-yes-btn {
    background-color: #1DD65F !important;
    color: #000;
    padding: 9px 15px;
}

#searchUnifyChatbot .suva-popup-no-btn {
    color: #000000;
    background-color: #FFFFFF;
    padding: 9px;
}

#searchUnifyChatbot .suva-popup-no-btn,
#searchUnifyChatbot .suva-popup-yes-btn {
    border-radius: 0px;
    font-size: 16px;
    line-height: 15px;
    font-family: "Bio Sans", sans-serif;
    border: none;
    cursor: pointer;
    width: 146px;
    background-color: #e5e5e5;
    margin-top: 5px;
}

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: "Bio Sans", sans-serif;
}

#searchUnifyChatbot .suva-pre-chat-form-fields-subject-heading {
    font-size: 13px;
    font-weight: 500;
    font-family: "Bio Sans", sans-serif;
    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: "Bio Sans", sans-serif;
    color: #262626;
    opacity: 0.3;
}

#searchUnifyChatbot #suva-pre-chat-form-fields-textarea {
    outline: none;
    overflow: hidden;
    font-size: 14px;
    font-weight: 600;
    font-family: "Bio Sans", sans-serif;
    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: "Bio Sans", sans-serif;
}

#searchUnifyChatbot .suva-pre-chat-form-fields-subject-heading {
    font-size: 13px;
    font-weight: 500;
    font-family: "Bio Sans", sans-serif;
    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: "Bio Sans", sans-serif;
    color: #262626;
    opacity: 0.3;
}

#searchUnifyChatbot #suva-pre-chat-form-fields-textarea {
    outline: none;
    overflow: hidden;
    font-size: 14px;
    font-weight: 600;
    font-family: "Bio Sans", sans-serif;
    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: "Bio Sans", sans-serif;
    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: "Bio Sans", sans-serif;
    color: #262626;
    opacity: 0.3;
}

#searchUnifyChatbot #suva-pre-chat-form-fields-code-textarea {
    outline: none;
    font-size: 14px;
    font-weight: 600;
    font-family: "Bio Sans", sans-serif;
    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: "Bio Sans", sans-serif;
    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: "Bio Sans", sans-serif;
}

#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: "Bio Sans", sans-serif;
    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: "Bio Sans", sans-serif;
    color: #262626;
    opacity: 0.3;
}

#searchUnifyChatbot #suva-pre-chat-form-fields-code-textarea {
    outline: none;
    font-size: 14px;
    font-weight: 600;
    font-family: "Bio Sans", sans-serif;
    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: "Bio Sans", sans-serif;
    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: "Bio Sans", sans-serif;
    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: "Bio Sans", sans-serif;
}

#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 var(--suva-chatbot-main-color);
    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: "Bio Sans", sans-serif;
    margin-top: 2px;
}

#searchUnifyChatbot .suva-email-trans-form-fields-email-heading {
    padding: 0px 20px 8px 0px;
    font-size: 13px !important;
    font-family: "Bio Sans", sans-serif;
    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: "Bio Sans", sans-serif;
    color: #262626;
    opacity: 0.3;
}

#searchUnifyChatbot #suva-email-trans-form-fields-email-textarea {
    outline: none;
    font-size: 14px;
    font-weight: 600;
    font-family: "Bio Sans", sans-serif;
    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: "Bio Sans", sans-serif;
}

#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 var(--suva-chatbot-main-color);
    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: "Bio Sans", sans-serif;
    margin-top: 2px;
}

#searchUnifyChatbot .suva-email-trans-form-fields-email-heading {
    padding: 0px 20px 8px 0px;
    font-size: 13px !important;
    font-family: "Bio Sans", sans-serif;
    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: "Bio Sans", sans-serif;
    color: #262626;
    opacity: 0.3;
}

#searchUnifyChatbot #suva-email-trans-form-fields-email-textarea {
    outline: none;
    font-size: 14px;
    font-weight: 600;
    font-family: "Bio Sans", sans-serif;
    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 .status {
    display: flex;
    margin-top: 2px;
}

#searchUnifyChatbot .status-text {
    font-size: 13px;
    font-family: "Bio Sans", sans-serif;
    line-height: 20px;
}

#searchUnifyChatbot .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: calc(100% - 80px);
    /* background-image: url("https://f242003p.searchunify.com/suva-resources/Assets/tsia_chat_bg.svg") !important; */
    background-repeat: repeat;
}

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

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

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

#searchUnifyChatbot .last_resp_style {
    border-radius: 0px
}

/* 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: #323e48;
    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: "Bio Sans", sans-serif;
    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 18px;
    overflow-y: hidden;
    height: 358px !important;
    scrollbar-width: none;
}

#searchUnifyChatbot .cards_div_container {
    display: flex;
}

#searchUnifyChatbot .cards_header_video,
#searchUnifyChatbot .cards_header_blog,
#searchUnifyChatbot .cards_header_audio {
    padding: 3px 10px 2px 5px;
    font-size: 11px !important;
    font-family: "Bio Sans", sans-serif;
    display: inline;
    color: #141414 !important;
    border-radius: 6px !important;
    position: relative;
    margin-right: 19px !important;
    top: 12px !important;
    line-height: 17px !important;
    z-index: 1;
    float: right !important;
}

#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(127 0 245 / 63%);
    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 20px 15px;
    overflow: scroll;
    height: 87%;
    line-height: 22px;
    font-family: "Bio Sans", sans-serif;
    font-weight: normal;
    font-size: 14px;
    scrollbar-width: none;
    border-radius: 0;
}

#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 {
    width: 282px;
    margin: 10px 10px -27px 0px;
    z-index: 3;
}

#searchUnifyChatbot .cards_text {
    background-color: #F3FCFF;
    height: 183px;
    width: 282px;
    font-size: 14px !important;
    line-height: 22px;
    font-family: "Bio Sans", sans-serif;
    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 "Bio Sans", sans-serif;
    color: #050505;
    margin-bottom: 7px;
    margin-top: 3px !important;
}
#searchUnifyChatbot .vertical-ellipses {
    display: block;
    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;
    padding: 2px;
    height: 156px;
    scrollbar-width: none;
    border-radius: 0;
}

#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 {
    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: var(--suva-chatbot-main-color);
    font-size: 14px;
    line-height: 22px;
    font-family: "Bio Sans", sans-serif;
    font-weight: 550;
    padding: 5px 35px;
    background-color: #323e482e;
    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 {
    letter-spacing: 0px;
    color: #4638E9;
    font-size: 16px;
    line-height: 25px;
    font-family: "Bio Sans", sans-serif;
    font-weight: 500;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 1px solid #6F64EE;
    border-radius: 16px;
    position: relative;
    top: -50px;
    left: 61px;
    padding: 4px 14px 5px 14px;
    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 {
    width: 493px;
    text-align: center !important;
    margin-left: -21px;
}

#searchUnifyChatbot .view_more_text,
#searchUnifyChatbot .view_less_text {
    white-space: nowrap;
    color: var(--suva-chatbot-main-color) !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: "Bio Sans", sans-serif;
    font-weight: 500;
    top: -55px;
    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 svg {
    position: relative;
    top: 25px;
    left: 21px;
}

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

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

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

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

#mic-pulse-ring:hover {
    background: transparent linear-gradient(158deg, #9878FF 0%, var(--suva-chatbot-main-color) 100%) 0% 0% no-repeat padding-box;
    border-radius: 50%;
}

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

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

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

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

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

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

#mic-pulse-ring.processing .mic-icon-style {
    display: none !important;
}
/* Spinner  */
#loading-bar-spinner.spinner {
    animation: loading-bar-spinner 600ms linear infinite;
}
#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); }
}

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

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

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

.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: 90%;
}

/* Options as per new UI  */
#searchUnifyChatbot #suva-input-bar-box {
    background-color: transparent;
    display: block;
    width: 100%;
    max-height: 175px;
    padding: 0px 16px 0px 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;
    margin-top: 10px;
}

#searchUnifyChatbot .suva-button-option {
    z-index: 1;
    position: relative;
    display: flex;
    flex-wrap: wrap;
    background-color: #F0F0F0;
    padding: 10px 10px 0px 10px;
    margin-bottom: 15px;
}

#searchUnifyChatbot .suva-chatbot-button-response {
    cursor: pointer;
    font-family: "Bio Sans", sans-serif !important;
    /* border-radius: 16px; */
    margin: 0px 5px 10px 0px;
    display: block;
    margin-bottom: 10px;
    white-space: nowrap;
    border: none;
    color: #000 !important;
    font-size: 12px;
    font-weight: 400;
    line-height: 20px;
    padding: 0 5px;
    align-items: center;
    background-color: #1ED65F !important;
    text-overflow: ellipsis;
    overflow: hidden;
}

/* 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 var(--suva-chatbot-main-color);
    padding: 5px 14px;
    border-radius: 13px;
    margin: 0px 10px -24px 0px;
    cursor: pointer;
    color: var(--suva-chatbot-main-color);
    font-size: 14px;
    font-family: "Bio Sans", sans-serif;
}


#searchUnifyChatbot .followUp_options_yes_btn:hover,
.followUp_options_no_btn:hover,
.helpful_options_clicked {
    background-color: var(--suva-chatbot-main-color);
    color: #FFFFFF;
}

#searchUnifyChatbot .followUp_options_yes_btn:disabled,
.followUp_options_no_btn:disabled {
    opacity: 0.6 !important;
    cursor: not-allowed !important;
}

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

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

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

#searchUnifyChatbot #stop_response {
    display: none;
    height: 28px;
    width: 28px;
    background-color: rgb(29, 214, 95, 0.3);
    border-radius: 4px;
    margin: 0px 4px 4px 4px;
    border-radius: 50%;
    padding: 2px;
}

/* 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: 3px;
}

/* 

header {
    padding: 20px;
    text-align: center;
    border-bottom: 1px solid #ddd;
}

header h1 {
    margin: 0;
    font-size: 18px;
}

header p {
    font-size: 12px;
    color: #555;
}

main {
    width: 100%;
    padding: 20px;
    flex-grow: 1;
    overflow-y: auto;
}

footer {
    width: 100%;
    padding: 21px;
    display: flex;
    justify-content: space-around;
    align-items: center;
    border-top: 1px solid #ddd;
    position: fixed;
    bottom: 0;
}


footer nav {
    display: flex;
    justify-content: space-around;
    width: 100%;
    padding-top: 10px;
}

footer nav a {
    color: #007bff;
    text-decoration: none;
    font-size: 14px;
}

footer nav a.active {
    background-color: #4638E9;
    color: white;
}

*/

/* case management */
#searchUnifyChatbot .content {
    display: none;
}

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

/* .casemanegemnt.no-case {
//    min-height: 87vh;
} */

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

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

.cms-home-headings div.head {
    color: #000;
    font-size: 18px !important;
    font-weight: 600;
    line-height: 50px;
    /* 277.778% */
}
.cms-home-headings div.head p {
    margin: 0px;
}
.cms-home-headings div.head img {
    width: 194px;
}

.cms-home-headings div.updates-head {
    font-size: 20px !important;
    color: #1B1B20;
    font-weight: 600;
    line-height: 50px;
}

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

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

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

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

}

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

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

.suva-home-buttons .chat:hover {
    color: #ffffff;
    background-color: #323f48;
    cursor: pointer;
}

.suva-home-buttons .chat {
    background-color: #ffffff;
    border: 1px solid #323f48;
    border-radius: 22px;
    color: #323f48;
    position: relative;
    z-index: 1000;
}

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

.suva-home-buttons .updates {
    color: #323f48;
    background: transparent;
    z-index: 1000;
    width: 160px;
    display: none;
}

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

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

.chat_tabs:hover {
    background-color: var(--suva-chatbot-main-color);
}

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

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

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

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

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

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

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

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

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

#searchUnifyChatbot .case-main {
    border: 1px solid #E7E7E8;
    background: #ffffff;
    opacity: 1;
    margin: 1px 17px;
    padding: 10px 20px;
    position: relative;
    display: flex;
    min-height: 95px;;
    flex-direction: row-reverse;
    justify-content: space-between;
    align-items: center;
    border-radius: 5px;
}
#searchUnifyChatbot .element-flex-direction{
    flex-direction: row !important;
}
#searchUnifyChatbot .caseForResponse{
    flex-direction: row !important;
    border: none !important;
    background-color: transparent !important;
}
#searchUnifyChatbot .caseForResponse:hover{
    border: none;
}

#searchUnifyChatbot .chat-case-activity-main p {
    margin: 0px;
}
#searchUnifyChatbot .chat-case-activity-main strong {
    font-weight: 600;
}

#searchUnifyChatbot .case-main:hover {
    border: 1px solid #1DD65F;
}
#searchUnifyChatbot .case-main:hover .redirect-icon-span-updates{
    background-color: #1DD65F;
}

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

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

.casemanegemnt {
    height: 100%;
    background: #fff;
    /* //    box-shadow: 0px 40px 99px #2F44DF42; */
}

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

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

#cases-container {
    height: calc(100% - 237px);
    overflow-y: auto;
    scroll-behavior: smooth;
    width: 99%;
    margin: auto;
    scrollbar-width: none;
}

.briefcase {
    position: relative;
    display: none ;
}

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

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

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

.case-main .case-desc {
    color: #000;
    font-size: 14px;
    font-weight: 300;
    /* min-height: 30px; */
    word-break: normal;
    margin: 0px;
    line-height: 22px;
}

.case-main .case-heading {
    color: #000;
    font-size: 14px;
    font-weight: 600;
    /* margin: 0 0 14px 0 !important; */
    line-height: 22px;
    letter-spacing: 0.2px;
    display: flex;
}

.case .follow-up {
    background-color: #FFF;
    position: absolute;
    /* top: 20px; */
    right: 8px;
    font-size: 12px;
    cursor: pointer;
    color: #000;
    display: flex;
    align-items: center;
    font-weight: 400;
    font-family: "Bio Sans", sans-serif !important;
    /* height: 22px; */
    border-radius: 5px;
    border: 1px solid #1DD65F;
    padding: 3px 5px 3px 10px;
}

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

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

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

.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: 6px 10px 10px 0px !important;
    padding: 0;
    font-weight: normal;
    max-width: 320px;
}

.case .chat-case-activity span.chat-case-activity-main {
    margin-right: 10px;
}

/* Style for the two main spans inside .activity */
.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 */
.case .activity span:nth-child(1),
.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 */
.case .activity span {
    flex-basis: 100%;
    /* When wrapping, each span takes up 100% width */
    margin-bottom: 5px;
    /* Space between the stacked spans */
}

/* Firefox */
#cases-container-update-cases,
#cases-container {
    scrollbar-width: thin;
    scrollbar-color: #C6C6C682 #ffffff;
}

#cases-container-update-cases::-webkit-scrollbar,
#cases-container::-webkit-scrollbar {
    width: 5px !important;
    /* Width of the scrollbar */
}

#cases-container-update-cases::-webkit-scrollbar-track,
#cases-container::-webkit-scrollbar-track {
    background: #ffffff;
    /* Color of the track */
    border-radius: 20px;
    /* Radius of the track */
}

#cases-container-update-cases::-webkit-scrollbar-thumb,
#cases-container::-webkit-scrollbar-thumb {
    border-radius: 20px;
    /* Radius of the scroll thumb */
    background: #C6C6C682;
    opacity: 0.52;
}

#cases-container-update-cases::-webkit-scrollbar-thumb:hover,
#cases-container::-webkit-scrollbar-thumb:hover {
    background: #555;
    /* Color of the scroll thumb on hover */
}

.cms-footer.show {
    display: flex !important;
}

.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;
    margin-right: 7px;
}

.cms-minimize-icon {
    position: relative;
    float: right;
    cursor: pointer;
}
.cms-minimize-icon-update {
    cursor: pointer;
    margin-left: 5px;
}
.no-cases-icon-home,
.no-cases-icon-updates {
    display: none;
    padding: 25px;
    justify-content: center;
    /* margin: 20px 0px;
    height: 210px; */
}

.no-cases-icon-updates.updates-tab img {
    margin-bottom: 20px;
}

.no-cases-icon-updates.updates-tab {
    margin: 100px 20px;
    flex-direction: column;
    align-items: center;
    font-size: 20px !important;
    color: #1B1B20;
    font-weight: 600;
}

.no-cases-icon-home img,
.no-cases-icon-updates img {
    width: 400px;
}

.case-main .case-action-div-response {
    background: transparent linear-gradient(89deg, #E6E9FF 5%, #1DD65F 123%) 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; */
}

.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: 14px !important;
    justify-content: center;
    align-items: center;
    color: #030303;
    font-weight: 400;
    cursor: pointer;
    border-radius: 0 0 5px 5px;
    background: #1DD65F;
}

.case-main.extra-margin {
    margin-bottom: 35px !important;
}

.case-list-div-main {
    width: 400px;
    /* min-height: 200px; */
}

.suva-party.case-listing {
    padding: 0px !important;
    background: #FBF9FF 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 23px #5929F238;
    border: 1px solid var(--suva-chatbot-main-color);
    border-radius: 20px 20px 20px 0px;
    min-width: 413px !important;
}


/* case popup */

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

.suva-popup-case-management .disabled {
    pointer-events: none;
}

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

.suva-popupcase-management-content {
    background-color: white;
    /* padding: 11px 15px; */
    border-radius: 14px;
    width: 94%;
    position: relative;
    height: 70vh;
}

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

.case-close-confirmation-body {
    color: #3E3E3E;
    font-weight: 600;
    width: 217px;
    text-align: center;
}

.case-close-confirmation-body span {
    background: url('https://f242003p.searchunify.com/suva-resources/Assets/case_close_confirmation.svg') no-repeat center;
    width: 100%;
    height: 150px;
    display: flex;
    justify-content: center;
}

.suva-comment-inner-sec {
    display: flex;
    flex-direction: column;
    height: calc(100% - 74px);
    margin-top: 10px;
}

.case-close-cancel {
    border: 1px solid #313e48 !important;
    border-radius: 22px;
    width: 146px;
    padding: 13px !important;
    margin-right: 10px;
}

.case-close-confirmation-body p {
    font-size: 16px;
    color: #3E3E3E;
    margin-top: 20px;
    margin-bottom: 53px;
    text-align: center;
}

.case-close-confirmation-buttons {
    display: flex;
}

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

.suva-popupcase-management-btn {
    display: flex;
    justify-content: space-between;
    padding: 11px 20px 10px 16px;
    border-bottom: 1px solid #70707030;
    align-items: center;
}

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

.suva-case-management-header {
    display: flex;
    align-items: flex-start;
    margin-right: 10px;
    font-family: "Bio Sans", sans-serif;
}

#popup-case-activity .suva-dotted-color {
    height: 9px;
    width: 9px;
    margin: 0 2px 1px 0;
    display: inline-block;
    border-radius: 50%;
}

#popup-case-activity .suva-case-management-close {
    display: flex;
    align-items: center;
    margin-left: 5px;
}

.suva-dotted-color {
    height: 9px;
    width: 9px;
    max-width: 9px;
    margin: 2px 5px 0 3px !important;
    display: inline-block;
    border-radius: 50%;
}

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

.suva-dotted-color.green {
    background: #59BF2F;
}

.suva-dotted-color.purple {
    background: #8866F7;
}

.suva-case-mangement-inner-header {
    display: flex;
    justify-content: space-between;
    width: 100%;
}

.suva-case-mangement-inner-header span {
    margin-right: 5px;
}

.suva-casemagement-status h3 {
    font-size: 16px;
    color: #3E3E3E;
    margin: 0;
    font-weight: 500;
}

.suva-casemanagement-popup-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 18px 0 18px;

}

.suva-case-management-close {
    display: flex;
    align-items: center;
}

.suva-case-management-close-icon {
    margin-right: 5px;
    background: url('https://f242003p.searchunify.com/suva-resources/Assets/case_activity_clock.svg') no-repeat;
    width: 16px;
    height: 16px;
}

#popup-case-activity {
    display: flex;
    align-items: center;
    font-size: 13px !important;
    color: #3E3E3E !important;
}

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

.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: "Bio Sans", sans-serif;
}

.suva-case-closed-btn i,
.suva-mark-close-btn i {
    background: url('https://f242003p.searchunify.com/suva-resources/Assets/case_mark_close.svg') no-repeat;
    width: 20px;
    height: 22px;
    margin-right: 5px;
}

.suva-case-text {
    font-size: 13px;
    color: #3E3E3E;
    margin: 0;
}

.suva-case-management-popup-body {
    /* padding: 0px 18px; */
    display: flex;
    flex-direction: column;
    overflow: auto;
    flex: 1;
}

.suva-case-management-popup-body #popup-case-desc {
    font-family: "Bio Sans", sans-serif;
    padding: 0 18px !important;
    margin: 17px 0 !important;
    word-break: break-all;
}

.suvacase-management-bottom-footer {
    display: flex;
    bottom: 0px;
    flex-direction: column;
    border-top: 1px solid #70707030;
    width: 100%;
    font-family: "Bio Sans", sans-serif;
    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)
}

.suva-case-management-popup-body p {
    font-size: 14px;
    color: #586483;
    margin: 0;
}

#file-input {
    margin-top: 10px;
    visibility: hidden;
}

#file-list {
    margin-top: 10px;
}

.comment-section {
    margin-top: 9px;
}

.suva-upload-icon {
    position: absolute;
    left: 0;
    width: 176px;
    height: 32px;
    cursor: pointer;
}

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

#comment-input:focus-visible {
    outline: 0;
}

#comment-input-file {
    opacity: 0;
    position: absolute;
    width: 244px;
    z-index: 10;
    left: -74px;
    cursor: pointer;
    font-size: 14px;
    height: 20px;
    cursor: pointer !important;
}

#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;

}

.comment-section {
    max-height: 225px;
    overflow-y: auto;
    height: 90%;
}

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

.attachemnt-input-case {
    display: flex;
    align-items: center;
    cursor: pointer;
    margin-top: 19px;
    margin-left: 10px;

}

.attachemnt-input-case svg {
    z-index: 0 !important;
}

.attachemnt-input {
    display: flex;
    align-items: center;
    cursor: pointer;
}

#comment-list {
    margin-top: 10px;
    padding: 0 18px;
    font-size: 16px;
    color: #3E3E3E;
}

#file-list {
    margin-top: 10px;
    padding: 0 18px;
    font-size: 16px;
    color: #3E3E3E;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin-bottom: 6px;
}

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

.file-item span {
    color: #3E3E3E;
    font-size: 14px;
}

.file-item .file-title-details {
    display: flex;
    flex-direction: column;
    margin-left: 4px;
}

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

.file-item .file-type {
    color: #979798;
    font-size: 11px;
    font-family: Helvetica;
    font-weight: normal;
}

.comment-text {
    margin-bottom: 13px;
}

#comment-list div {
    word-break: break-all;
}

.case-border-bottom {
    background-color: #707070;
    height: 1px;
    opacity: 0.19;
    width: 95%;
    position: absolute;
    bottom: 0px;
    margin: 5px 0;

}

.redirect-icon-span:hover {
    background: url('https://f242003p.searchunify.com/suva-resources/Assets/case-new-window-hover.svg') no-repeat;
    background-position: center !important;
}

.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://f242003p.searchunify.com/suva-resources/Assets/revenera_links-href.svg') no-repeat;
    background-position: center;
}

.redirect-icon-span-updates {
    width: 33px;
    height: 21px;
    z-index: 100;
    margin-left: 20px;
    background: url("https://f242003p.searchunify.com/suva-resources/Assets/revenera_links-href.svg") no-repeat center;
    border-radius: 50%;
}

.redirect-icon-span-popup {
    width: 33px;
    height: 33px;
    position: absolute;
    top: 71px;
    right: 10px;
    /* border-radius: 50%;
    border: 1px solid #7070703b; */
    background: url('https://f242003p.searchunify.com/suva-resources/Assets/revenera_links-href.svg') no-repeat;
    background-position: center;
}

svg#add-comment {
    position: relative;
    right: 5px;
}

#upload-attachment-span {
    text-align: left;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 0px;
    font-family: "Bio Sans", sans-serif;
    color: #707070;
    opacity: 0.72;
    cursor: pointer;
    margin-left: 10px;
}

#upload-attachment-span-case {
    text-align: left;
    font-size: 16px;
    letter-spacing: 0px;
    font-family: "Bio Sans", sans-serif;
    color: #707070;
    opacity: 0.72;
    cursor: pointer;
    font-weight: 500;
    margin-left: -152px;
    z-index: 0;

}

#comment-input {
    outline: none;
    padding-left: 15px !important;
    font-family: "Bio Sans", sans-serif;
}

textarea#comment-input::placeholder {
    font-family: "Bio Sans", sans-serif;
}

.pagination-div {
    position: absolute;
    height: 30px;
    width: 95%;
    bottom: 50px;
    border-radius: 0px !important;
    left: 2.5%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.pagination-div .pages-count {
    margin-top: 8px !important;
}

.pages-arrows {
    display: flex;
    width: 40px;
    height: 28px;
    z-index: 100;
}

.right-arrow-span,
.left-arrow-span {
    cursor: pointer;
    width: 20px;
    height: 20px;
    margin-top: 8px;
    display: block;
    transition: transform 0.2s ease;
}

.left-arrow-span:hover:not(.disabled),
.right-arrow-span:hover:not(.disabled) {
    transform: rotate(360deg);
}

.left-arrow-span {
    rotate: 180deg;
    background: url('https://f242003p.searchunify.com/suva-resources/Assets/case_pagination_arrow.svg') no-repeat;
}

.right-arrow-span {
    background: url('https://f242003p.searchunify.com/suva-resources/Assets/case_pagination_arrow.svg') no-repeat;
}

.left-arrow-span:hover {
    rotate: 180deg;
    background: url('https://f242003p.searchunify.com/suva-resources/Assets/case_pagination_arrow_hover.svg') no-repeat;
}

.right-arrow-span:hover {
    background: url('https://f242003p.searchunify.com/suva-resources/Assets/case_pagination_arrow_hover.svg') no-repeat;
}

.left-arrow-span.disabled {
    rotate: 180deg;
    background: url('https://f242003p.searchunify.com/suva-resources/Assets/case_pagination_arrow_disabled.svg') no-repeat;
    cursor: unset;
}

.right-arrow-span.disabled {
    background: url('https://f242003p.searchunify.com/suva-resources/Assets/case_pagination_arrow_disabled.svg') no-repeat;
    cursor: unset;
}

.suva-party.case-listing .suva-leftTimestampP {
    padding: 0 10px 0px 0 !important;
}

.case-file-blue {
    background: url('https://f242003p.searchunify.com/suva-resources/Assets/case_file_blue.svg') no-repeat center;
    width: 26px;
    height: 30px;
}

.case-file-yellow {
    background: url('https://f242003p.searchunify.com/suva-resources/Assets/case_file_yellow.svg') no-repeat center;
    width: 26px;
    height: 30px;
}

.case-file-green {
    background: url('https://f242003p.searchunify.com/suva-resources/Assets/case_file_green.svg') no-repeat center;
    width: 26px;
    height: 30px;
}

.case-file-del {
    background: url('https://f242003p.searchunify.com/suva-resources/Assets/case_file_del.svg') no-repeat center;
    width: 20px;
    height: 20px;
    cursor: pointer;
}

span#add-comment.disabled {
    background: url('https://f242003p.searchunify.com/suva-resources/Assets/case_add_comment_disabled.svg') no-repeat center;
    width: 20px;
    height: 20px;
    cursor: unset;
}

span#add-comment {
    cursor: pointer;
    background: url('https://f242003p.searchunify.com/suva-resources/Assets/case_add_comment.svg') no-repeat center;
    width: 20px;
    height: 20px;
}

#case-close-activity-msg.show,
#activity-msg.show {
    display: flex !important;
}

#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%;
}

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

#case-close-activity-msg svg,
#activity-msg svg {
    margin-right: 8px;
}

/* popup loader */
.case-loading-container {
    position: absolute;
    height: 3rem;
    width: 3rem;
    z-index: 1;
}

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

#briefcase-activity-tick {
    display: none;
    background: url('https://f242003p.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%;
}

.fade-out {
    animation: fadeOut 1s forwards;
}

@keyframes fadeOut {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
    }
}

#suva-case-create {
    display: none;
}

.caseform-heading-text {
    font-size: 16px;
    font-weight: 500;
    color: #3E3E3E;
    letter-spacing: 0.22px;

}

.suva-case-form-head {
    display: flex;
    justify-content: flex-start;
    margin-bottom: 14px;
}


.suva-form-group {
    margin-bottom: 16px;
}

.suva-form-group:nth-child(2) {
    margin-bottom: 0px;
}


.suva-case-form-label {
    color: #262626;
    font-size: 12px;
    margin-bottom: 0px;
    font-weight: normal;
    padding-left: 5px;
}

label {
    display: block;
    margin-bottom: 5px;
    font-weight: bold;
}

.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: "Bio Sans", sans-serif;
}

.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: "Bio Sans", sans-serif;
}

.char-count {
    text-align: right;
    font-size: 12px !important;
    color: #BBBBBB;
}

.suva-case-form-inner-body {
    padding: 0px 13px;
    overflow: hidden;
    overflow-y: auto;
    height: calc(100% - 191px);
}

.suva-button-group {
    display: flex;
    justify-content: center;
    margin-top: 35px;
}

.btn {
    padding: 10px 20px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    margin-right: 10px;
}

.cancel {
    background-color: #f0f0f0;
    color: #333;
}

.submit {
    background-color: #7b6cf6;
    color: #fff;
}

.label-subject-text {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.submit-cancel {
    margin-top: 50px;
    justify-content: center;
}

.suva-create-case-attachemnt {
    padding: 0;
}

/* suva window expand/collapse */
#suva-chat-expand {
    cursor: pointer;
    width: 20px;
    background: url('https://f242003p.searchunify.com/suva-resources/Assets/revenera_expand.svg') no-repeat center;
    height: 20px;
    transform: rotate(180deg);
}

#suva-chat-collapse {
    cursor: pointer;
    background: url('https://f242003p.searchunify.com/suva-resources/Assets/revenera_collapse.svg') no-repeat center;
    width: 20px;
    height: 20px;
    display: none;
}

#suva-chat-expand-tab1,
#suva-chat-expand-tab2 {
    cursor: pointer;
    background: url('https://f242003p.searchunify.com/suva-resources/Assets/revenera_expand.svg') no-repeat center;
    width: 20px;
    height: 20px;
    display: inline-block;
}

#suva-chat-collapse-tab1,
#suva-chat-collapse-tab2 {
    cursor: pointer;
    background: url('https://f242003p.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: "Bio Sans", sans-serif;
    color: #707070;
    opacity: 0.59;
    font-weight: 500;
}

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

.case-tab-actions {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.case-tab-actions .cms-minimize-icon {
    margin-left: 5px;
}

#popup-case-comment-main {
    margin: 10px 18px;
}

.popup-comment-section {
    border-radius: 4px;
    opacity: 1;
    padding: 10px;
    border-radius: 5px;
    border: 1px solid #E7E7E8;
}

#popup-case-comment-name {
    display: flex;
    align-items: center;
    margin-bottom: 6px;
}

#popup-case-comment-name span {
    margin-right: 5px;
}

#popup-case-comment-name .name {
    text-align: left;
    font-size: 14px;
    font-weight: 600;
    font-family: "Bio Sans", sans-serif;
    letter-spacing: 0.2px;
    color: #000;
    line-height: 22px;
 }

#popup-case-comment-name .dot {
    width: 5px;
    height: 5px;
    background-color: #000;
    border-radius: 50%;
}

#popup-case-comment-name .time {
    text-align: left;
    font-size: 14px;
    font-weight: 600;
    font-family: "Bio Sans", sans-serif;
    letter-spacing: 0.2px;
    color: #000;
}

#popup-case-comment-content {
    text-align: left;
    font-size: 14px;
    font-family: "Bio Sans", sans-serif;
    font-weight: 300;
    letter-spacing: 0.2px;
    color: #000;
/*    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;
    line-height: 22px;
    margin-bottom: 12px;
}

.popup-last-comment-header span.icon {
    background: url('https://f242003p.searchunify.com/suva-resources/Assets/cms-last-comment.svg') no-repeat center;
    width: 20px;
    height: 20px;
    margin-right: 8px;
}

.popup-last-comment-header span.dashes {
        margin-bottom: 5px;
    border: 1px dashed #766B6B;
    width: calc(100% - 140px);
    height: 0px;
    opacity: 0.19;
    margin-left: 5px;
}

.popup-last-comment-header {
    display: flex;
    margin-bottom: 10px;
    text-align: left;
    font-size: 13px !important;
    letter-spacing: 0.2px;
    color: #766B6B;
    align-items: end;
}

#attachment-errors .header .icon {
    background: url('https://f242003p.searchunify.com/suva-resources/Assets/attachment_warning_icon.svg') no-repeat center;
    width: 20px;
    height: 20px;
    display: block;
    margin-right: 10px;
}

#attachment-errors .header .title {
    text-align: left;
    font-size: 14px;
    font-family: "Bio Sans", sans-serif;
    font-weight: 600;
    letter-spacing: 0.2px;
    color: #3E3E3E;
    text-shadow: none;
}

#attachment-errors .header .close {
    cursor: pointer;
}

#attachment-errors .header div {
    display: flex;
    align-items: stretch;
    justify-content: space-between;
}

#attachment-errors .header {
    margin: 8px 15px;
    display: flex;
    width: 94%;
    top: 0px;
    justify-content: space-between;
    position: relative;
    height: 25px !important;
}

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

.file-type,
.files-size {
    display: flex;
    align-items: center;
    position: relative;
}

.file-type span.dot,
.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;
}

.file-type span.title,
.files-size span.title {
    font-size: 14px !important;
    font-family: "Bio Sans", sans-serif;
    font-weight: 500 !important;
    letter-spacing: 0.2px;
    color: #3E3E3E;
    text-shadow: none !important;
    padding-bottom: 0px !important;
}

.file-type .message {
    display: flex;
    flex-direction: row;
    text-shadow: none !important;
    align-items: center;
}

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

.file-type {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

#popup-case-attachment #popup-case-attachment-data {
    margin-left: 5px;
    font-weight: 400;
}

#popup-case-attachment {
    display: none;
    align-items: center;
    justify-content: flex-start;
}

#popup-case-attachment-data {
    font-size: 13px;
    color: #3E3E3E;
    font-weight: 600;
}

#popup-case-attachment span {
    padding: 0px 3px;
}

.suva-close-bot-icon {
    display: flex;
    align-items: center;
}

#popup-case-id {
    font-family: "Bio Sans", sans-serif;
    display: flex;
    margin-bottom: 5px;
}

/* create case css */
.case-file-del-icon {
    background: url('https://f242003p.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;

}

.suva-briefcase {
    height: 40px;
}

.suva-briefcase div {
    background: transparent linear-gradient(180deg, #1ED65F 0%, #1ED65F 100%) 0% 0% no-repeat padding-box;
    border-radius: 9px !important;
    opacity: 0.16;
    min-width: 40px;
    height: 40px;
    margin: 0 10px 0 0;
}

.suva-briefcase span {
    width: 20px;
    height: 20px;
    display: block;
    left: 10px;
    top: -30px;
    background: url('https://f242003p.searchunify.com/suva-resources/Assets/case_briefcase.svg');
    position: relative;
    background-repeat: no-repeat;
}

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

.suva-popupcase-management-btn-case {
    display: flex;
    margin-bottom: 10px;
    padding: 11px 16px;
    border-bottom: 1px solid #70707030;
    align-items: center;

}

.suva-create-case-file-item span {
    color: #3E3E3E;
    font-size: 14px;
}

.suva-create-case-file-item .suva-create-case-file-title-details {
    display: flex;
    flex-direction: column;
    margin-left: 4px;
    width: 100%;
}

.suva-create-case-file-item .suva-create-case-file-name {
    color: #3E3E3E;
    font-size: 14px;
    text-decoration: underline;
}

.suva-create-case-file-item .suva-create-case-file-type {
    color: #979798;
    font-size: 11px;
}

.suva-case-cancel-confirmation-body p {
    font-size: 16px;
    color: #3E3E3E;
    margin-top: 20px;
    margin-bottom: 53px;
    text-align: center;
}

.suva-case-cancel-confirmation-buttons {
    display: flex;
}

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

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

.suva-case-cancel-confirmation-body {
    color: #3E3E3E;
    font-weight: 600;
    width: 217px;
    text-align: center;
}

.suva-case-cancel-confirmation-body span {
    background: url('https://f242003p.searchunify.com/suva-resources/Assets/suva-cancel-case.svg') no-repeat center;
    width: 100%;
    height: 150px;
    display: flex;
    justify-content: center;
}

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

.suva-casemanegemnt-cancel-btn {
    background-color: #EAEAEA;
    border: none;
    font-size: 20px;
    cursor: pointer;
    height: 40px;
    width: 40px;
    border-radius: 50%;
}

.suva-casemanegemnt-cancel-btn svg {
    margin-top: 5px;
}

.suva-case-cancel {
    border: 1px solid var(--suva-chatbot-main-color) !important;
    border-radius: 22px !important;
    color: var(--suva-chatbot-main-color) !important;
    line-height: 1px !important;
    width: 146px;
    height: 43px;
    padding: 13px !important;
    margin-right: 10px;
}

.suva-create-case-buttons {
    display: flex;
}

.suva-case-cancel-btn {
    border: 1px solid var(--suva-chatbot-main-color) !important;
    border-radius: 22px !important;
    color: var(--suva-chatbot-main-color) !important;
    line-height: 1px !important;
    width: 146px;
    height: 43px;
    padding: 13px !important;
    margin-right: 10px;
}

.suva-case-submit-btn {
    padding: 13px !important;
    border-radius: 22px !important;
    line-height: 1px !important;
    font-family: "Bio Sans", sans-serif;
    width: 146px;
    height: 43px;
}

#searchUnifyChatbot .suva-submitbtn-disabled {
    background: #323e487d 0% 0% no-repeat padding-box !important;
    color: #FFFFFF;
    border: none;
    cursor: not-allowed;
}

#suva-case-file-attachment-errors .suva-case-file-header .suva-case-file-icon {
    background: url('https://f242003p.searchunify.com/suva-resources/Assets/attachment_warning_icon.svg') no-repeat center;
    width: 20px;
    height: 20px;
    display: block;
    margin-right: 10px;
}

#suva-case-file-attachment-errors .suva-case-file-header .suva-case-file-title {
    text-align: left;
    font-size: 14px;
    font-family: "Bio Sans", sans-serif;
    font-weight: 500;
    letter-spacing: 0.2px;
    color: #3E3E3E;
    text-shadow: none;
}

#suva-case-file-attachment-errors .suva-case-file-header .suva-case-file-close-icon {
    cursor: pointer;
}

#suva-case-file-attachment-errors .suva-case-file-header div {
    display: flex;
    align-items: stretch;
    justify-content: space-between;
}

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

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

.suva-case-file-type,
.suva-case-files-size {
    display: flex;
    align-items: center;
    position: relative;
}

.suva-case-file-type span.suva-case-file-dot,
.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;
}

.suva-case-file-type span.suva-case-file-title,
.suva-case-files-size span.suva-case-file-title {
    font-size: 14px !important;
    font-family: "Bio Sans", sans-serif;
    font-weight: normal !important;
    letter-spacing: 0.2px;
    color: #3E3E3E;
    text-shadow: none !important;
}

.suva-case-file-type .suva-case-file-message {
    display: flex;
    flex-direction: row;
    text-shadow: none !important;
    align-items: center;
    margin-bottom: 7px;
}

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

.suva-case-file-type {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.suva-create-case-spinner {
    display: none;
    width: 56px;
    position: absolute;
    z-index: 999999999999999999999999;
    height: 56px;
    top: 40%;
    background: radial-gradient(farthest-side, #1ED65E 94%, #0000) top/9px 9px no-repeat, conic-gradient(#0000 30%, #1ED65F);
    -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);
    }
}

.suva-create-case-spinner-div {
    display: none;
    background: rgba(255, 255, 255, 0.8);
    justify-content: center;
    position: relative;
    border-radius: 10px;
    height: 75%;
    width: 94%;
    left: 3%;
    bottom: 88%;
    z-index: 99999999999999999999999;

}

.suva-case-continue {
    line-height: 1px !important;
    width: 146px;
    height: 43px;
    background: var(--suva-chatbot-main-color) 0% 0% no-repeat padding-box !important;
    border-radius: 22px !important;
}

.suva-case-form-textarea-subject::placeholder {
    padding: 0px !important;
}

.suva-case-form-textarea-description::placeholder {
    padding: 0px !important;
}

#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;

}

#api-quota-exced .suva-warning-icon {
    height: 36px;
    width: 36px;
}

.noti-msg {
    font-size: 14px;
    font-weight: 600;
    font-family: "Bio Sans", sans-serif;
    color: #1B1B20;
    margin: 0;
}

.noti-msg .short-content {
    font-size: 13px;
    font-weight: normal;
    color: #1B1B20;
}

#api-quota-exced .status-img {
    background: #FEC022;
    border-radius: 50%;
    display: flex;
    margin-right: 10px;
}

.cover-api-quota {
    display: flex;
    align-items: center;
    margin-right: 10px;
}

.noti-close {
    cursor: pointer;
}

.main-api-quota {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 10px;
}

.no-padding {
    padding: 0 !important;
}
#searchUnifyChatbot .suva-party p.suva-party-resp {
    display: flex;
    flex-direction: column;
}
/* LOADER WHEN SOCKET RESP IS NOT RETURNED */
.loading_steam {
    align-items: center;
    display: flex;
    justify-content: start;
    width: 100%;
    margin-bottom: 10px;
    order: 1;
  }
  
  .loading__dot {
    animation: dot ease-in-out 1s infinite;
    background-color: grey;
    display: inline-block;
    height: 10px;
    margin: 3px;
    width: 10px;
    border-radius: 50%;
  }
  
  .loading__dot:nth-of-type(2) {
    animation-delay: 0.2s;
  }
  
  .loading__dot:nth-of-type(3) {
    animation-delay: 0.3s;
  }
@keyframes dot {
    0% {
        background-color: #cacaca;
        transform: scale(0.7);
    }

    50% {
        background-color: var(--suva-chatbot-main-color);
        transform: scale(1.2);
    }

    100% {
        background-color: #cacaca;
        transform: scale(0.5);
    }
}


/* client custom case form */
 /* create case */
 #searchUnifyChatbot #suva-create-case-form {
    z-index: 9999999999;
    height: 69vh;
    display: flex;
    width: 100%;
    bottom: 16px;
    right: 0px;
    /* position: fixed;*/
    flex-direction: column;
    height: 100%;
    -webkit-animation: slideUp 0.4s ease-in-out;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 40px #1761FD29;
    border: 1px solid #1761FD;
    border-radius: 14px;
  }
  
  #searchUnifyChatbot .suva-create-case-form-Container {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border-radius: 14px;
    overflow-x: hidden;
    width: 100%;
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    /*overflow: auto;*/
    height: 100%;
  }
  
  #searchUnifyChatbot .suva-create-case-form-header {
    width: 380px;
    padding: 21px 20px 21px 19px;
  }
  
  #searchUnifyChatbot .suva-create-case-form-icon {
    float: left;
    margin-right: 9px;
    cursor: pointer;
    height: 24px;
    width: 24px;
  }
  
  #searchUnifyChatbot .suva-create-case-form-heading {
    font-size: 16px;
    color: #262626;
    font-weight: 600;
    text-align: left;
    font-family: Montserrat;
  }
  
  #searchUnifyChatbot #suva-create-case-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-create-case-form-main-div {
    display: none;
    position: absolute;
    z-index: 999999;
    width: 100%;
    height: calc(100% - 95px);
    top: 95px;
    border-radius: 10px;
    align-items: center;
    justify-content: center;
    align-content: center;
    /* background: rgba(9, 9, 9, 0.57) 0% 0% no-repeat padding-box;*/
  }
  
  div#suva-create-case-form-main-div::after {
    position: absolute;
    height: 100%;
    width: 100%;
    content: '';
    background: rgba(9, 9, 9, 0.57) 0% 0% no-repeat padding-box;
    bottom: 94px;
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
  }
  
  #searchUnifyChatbot .suva-create-case-form-fields-subject {
    margin: 0px 8px 16px 20px;
  }
  
  #searchUnifyChatbot .suva-create-case-form-fields-subject-header-section {
    padding: 0px 20px 8px 0px;
  }
  
  #searchUnifyChatbot .suva-create-case-form-fields-subject-words-count {
    float: right;
    margin-right: -20px;
    color: #BBBBBB;
    font-size: 13px;
    font-weight: 500;
    font-family: Montserrat;
  }
  
  #searchUnifyChatbot .suva-create-case-form-fields-subject-heading {
    font-size: 13px;
    font-weight: 500;
    font-family: Montserrat;
    color: #262626;
  }
  
  #searchUnifyChatbot #suva-create-case-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-create-case-form-fields-textarea::placeholder {
    font-size: 14px;
    font-weight: 600;
    font-family: Montserrat;
    color: #262626;
    opacity: 0.3;
  }
  
  #searchUnifyChatbot #suva-create-case-form-fields-textarea {
    outline: none;
    overflow: hidden;
    font-size: 14px;
    font-weight: 600;
    font-family: Montserrat;
    color: #262626;
  }
  
  #searchUnifyChatbot .suva-create-case-form-fields-description {
    margin: 0px 8px 0px 20px;
    flex-grow: 1;
  }
  
  #searchUnifyChatbot .suva-create-case-form-fields-description-heading {
    padding: 0px 20px 8px 0px;
    font-size: 13px !important;
    font-weight: 500;
    font-family: Montserrat;
    color: #262626;
  }
  
  #searchUnifyChatbot #suva-create-case-form-fields-description-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;
    /*  height: auto !important;*/
  }
  
  #searchUnifyChatbot #suva-create-case-form-fields-description-textarea::placeholder {
    font-size: 14px;
    font-weight: 600;
    font-family: Montserrat;
    color: #262626;
    opacity: 0.3;
  }
  
  #searchUnifyChatbot #suva-create-case-form-fields-description-textarea {
    outline: none;
    font-size: 14px;
    font-weight: 600;
    font-family: Montserrat;
    color: #262626;
    min-height: calc(100% - 40px);
  }
  
  #searchUnifyChatbot .suva-create-case-form-fields-button-section {
    display: flex;
    justify-content: center;
    padding: 0px 84px 0px 84px;
    width: 100%;
    align-items: center;
    height: 65px;
  }
  
  #searchUnifyChatbot .suva-create-case-form-fields-cancel-button {
    width: 90px;
    height: 33px;
    border: 1px solid #67bf1b;
    border-radius: 17px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    color: #000000;
    font-size: 14px;
    font-weight: 500;
    font-family: Montserrat;
  }
  
  #searchUnifyChatbot .suva-create-case-form-fields-submit-button {
    width: 90px;
    height: 33px;
    border: 1px solid #67bf1b;
    border-radius: 17px;
    background: #67bf1b 0% 0% no-repeat padding-box;
    color: #000000;
    margin-left: 10px;
    font-size: 14px;
    font-weight: 500;
    font-family: Montserrat;
    cursor: pointer;
  }
  
  #searchUnifyChatbot .suva-ui-create-case-form {
    overflow: hidden;
    overflow-y: auto;
    margin-right: 6px;
    /* height: 47vh;*/
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    scrollbar-width: thin;
    scroll-behavior: smooth;
  }
  
  #searchUnifyChatbot .suva-create-case-form-fields-cancel-button:hover {
    /*background: #0F57EF 0% 0% no-repeat padding-box;
        border-radius: 17px;
        color: #FFFFFF;*/
    background: #67bf1b 0% 0% no-repeat padding-box;
    border-radius: 17px;
    color: #000000;
  }
  
  #searchUnifyChatbot .suva-create-case-form-fields-submit-button:hover {
    /*background: #0F57EF 0% 0% no-repeat padding-box;
          border-radius: 17px;
          color: #FFFFFF;*/
    background: transparent;
    border-radius: 17px;
    color: #000000;
  }
  
  #searchUnifyChatbot .suva-contact-form-page #suva-create-case-form-main-div div::-webkit-scrollbar {
    width: 6px !important;
    height: 0px;
  }
  
  #searchUnifyChatbot .suva-contact-form-page #suva-create-case-form-main-div div::-webkit-scrollbar-thumb {
    background: #EEEEEE 0% 0% no-repeat padding-box !important;
    border-radius: 20px;
    opacity: 1;
  }
  
  #searchUnifyChatbot .suva-submitbtn-disabled {
    background: #323e487d 0% 0% no-repeat padding-box !important;
    color: #FFFFFF;
    border: none;
  }
  
  /* create case popup css */
  #searchUnifyChatbot .suva-createCaseFormCancelNobtn,
  #searchUnifyChatbot .suva-createCaseFormCancelYesbtn {
    margin: 1%;
    border: none;
    cursor: pointer;
  }
  
  #searchUnifyChatbot .suva-createCaseFormCancelNobtn {
    color: #000000;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border-radius: 19px;
    padding: 9px 16px;
    display: block;
    font-size: 16px;
  }
  
  #searchUnifyChatbot .suva-createCaseFormCancelYesbtn {
    color: #fff;
    background: var(--suva-chatbot-main-color) 0% 0% no-repeat padding-box;
    border-radius: 19px;
    font-size: 16px;
    padding: 5px 50px;
  }
  
  #searchUnifyChatbot #suva-createCaseFormCancel {
    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-createCaseFormCancelContainer {
    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-createCaseFormCancelContainer>p {
    color: #4d4d4d;
    line-height: 173%;
    font-size: 16px;
    margin-bottom: 5px;
    font-size: 16px;
  }
  
  #searchUnifyChatbot .suva-createCaseFormCancelClearfix {
    text-align: center !important;
  }
  
  #searchUnifyChatbot .suva-createCaseFormCancelClearfix::after {
    content: "";
    clear: both;
    display: table;
  }
  #searchUnifyChatbot .root-element {
    margin: 0;
    padding: 0px 20px 8px 20px;
    /* padding: 0;*/
    box-sizing: border-box;
  }
  
  #searchUnifyChatbot .root-element .select-menu {
    margin: 8px auto;
  }
  
  #searchUnifyChatbot .root-element .select-menu .select-btn {
    display: flex;
    height: 34px;
    background: #fff;
    padding: 7px 5px 7px 10px;
    font-size: 13px;
    font-weight: 400;
    border-radius: 4px;
    align-items: center;
    width: 100%;
    cursor: pointer;
    justify-content: space-between;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
  }
  
  #searchUnifyChatbot .root-element .select-menu .select-btn:hover {
    background-color: #ececec;
  }
  
  #searchUnifyChatbot .root-element .select-btn i {
    font-size: 25px;
    transition: 0.3s;
  }
  
  #searchUnifyChatbot .root-element .select-menu.active .select-btn i {
    transform: rotate(-180deg);
  }
  
  #searchUnifyChatbot .root-element .select-menu .options {
    position: relative;
    padding: 7px 10px 7px 10px;
    margin-top: 5px;
    border-radius: 4px;
    background: #fff;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
    display: none;
  }
  
  #searchUnifyChatbot .root-element .select-menu .active .options {
    display: block;
  }
  
  #searchUnifyChatbot .root-element .select-menu .options .active {
    display: block !Important;
  }
  
  #searchUnifyChatbot .options .option {
    display: flex;
    /*height: 55px;*/
    cursor: pointer;
    padding: 7px 10px 7px 10px;
    border-radius: 4px;
    align-items: center;
    background: #fff;
  }
  
  #searchUnifyChatbot .options .option:hover {
    background: #F2F2F2;
  }
  
  #searchUnifyChatbot .option i {
    font-size: 25px;
    margin-right: 12px;
  }
  
  #searchUnifyChatbot .option .option-text {
    font-size: 13px;
    color: #5e5e5e;
  }
  
  #searchUnifyChatbot .suva-active-dropdown {
    display: block;
  }
  /* search box dropdown */
  #searchUnifyChatbot .suva-searchbox-root-element {
    margin: 0;
    padding: 0px 20px 8px 20px;
    /* padding: 0;*/
    box-sizing: border-box;
  }
  
  #searchUnifyChatbot .suva-searchbox-root-element .suva-searchbox-select-menu {
    margin: 8px auto;
  }
  
  #searchUnifyChatbot .suva-searchbox-root-element .suva-searchbox-select-menu .suva-searchbox-select-btn {
    display: flex;
    height: 34px;
    background: #fff;
    border: 1px solid #cfc5c5;
    padding: 7px 5px 7px 10px;
    font-size: 13px;
    font-weight: 400;
    border-radius: 4px;
    align-items: center;
    width: 100%;
    cursor: pointer;
    justify-content: space-between;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
  }
  
  #searchUnifyChatbot .suva-searchbox-root-element .suva-searchbox-select-menu .suva-searchbox-select-btn:hover {
    background-color: #ececec;
  }
  
  #searchUnifyChatbot .suva-searchbox-root-element .suva-searchbox-select-btn i {
    font-size: 25px;
    transition: 0.3s;
  }
  
  #searchUnifyChatbot .suva-searchbox-root-element .suva-searchbox-select-menu.active .suva-searchbox-select-btn i {
    transform: rotate(-180deg);
  }
  
  #searchUnifyChatbot .suva-searchbox-root-element .suva-searchbox-select-menu .suva-searchbox-options {
    position: relative;
    border: 1px solid #cfc5c5;
    padding: 7px 10px 7px 10px;
    margin-top: 5px;
    border-radius: 4px;
    background: #fff;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
    display: none;
  }
  
  #searchUnifyChatbot .suva-searchbox-root-element .suva-searchbox-select-menu .suva-searchbox-active .suva-searchbox-options {
    display: block;
  }
  
  #searchUnifyChatbot .suva-searchbox-root-element .suva-searchbox-select-menu .suva-searchbox-options .suva-searchbox-active {
    display: block !Important;
  }
  
  #searchUnifyChatbot .suva-searchbox-options .suva-searchbox-option {
    display: flex;
    /*height: 55px;*/
    cursor: pointer;
    padding: 7px 10px 7px 10px;
    border-radius: 4px;
    align-items: center;
    background: #fff;
  }
  #searchUnifyChatbot .suva-searchbox-options{
display: none;
  }
  #searchUnifyChatbot .suva-searchbox{
    display: none;
  }
  
  #searchUnifyChatbot .suva-searchbox-options .suva-searchbox-option:hover {
    background: #F2F2F2;
  }
  
  #searchUnifyChatbot .suva-searchbox-option i {
    font-size: 25px;
    margin-right: 12px;
  }
  
  #searchUnifyChatbot .suva-searchbox-option .suva-searchbox-option-text {
    font-size: 13px;
    color: #5e5e5e;
  }
  
  #searchUnifyChatbot .suva-searchbox-suva-active-dropdown {
    display: block;
  }
  
  #searchUnifyChatbot #suva-searchbox-input {
    box-sizing: border-box;
    background-image: url("https://f242003p.searchunify.com/suva-resources/Assets/suva-search-icon-dropdown.svg");
  
    background-position: 9px 7px;
    background-repeat: no-repeat;
    font-size: 13px;
    padding: 7px 10px 7px 30px;
    border: 1px solid #DFE2E7;
    color: #5e5e5e;
    width: 100%;
    height: 34px;
  }
  
  #searchUnifyChatbot .suva-issue-category-heading {
    font-size: 13px;
    font-weight: 600;
    font-family: Montserrat;
    color: #5e5e5e;
  }
  
  #searchUnifyChatbot .suva-searchbox {
    padding: 0px 0px 7px 0px;
  }
  /* subcategory dropdown ui */
  #searchUnifyChatbot .suva-subcategory-root-element {
    margin: 0;
    padding: 0px 20px 8px 20px;
    /* padding: 0;*/
    box-sizing: border-box;
  }
  
  #searchUnifyChatbot .suva-subcategory-root-element .suva-subcategory-select-menu {
    margin: 8px auto;
  }
  
  #searchUnifyChatbot .suva-subcategory-root-element .suva-subcategory-select-menu .suva-subcategory-select-btn {
    display: flex;
    border: 1px solid #cfc5c5;
    height: 34px;
    background: #fff;
    padding: 7px 5px 7px 10px;
    font-size: 13px;
    font-weight: 400;
    border-radius: 4px;
    align-items: center;
    width: 100%;
    cursor: pointer;
    justify-content: space-between;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
  }
  
  #searchUnifyChatbot .suva-subcategory-root-element .suva-subcategory-select-menu .suva-subcategory-select-btn:hover {
    background-color: #ececec;
  }
  
  #searchUnifyChatbot .suva-subcategory-root-element .suva-subcategory-select-btn i {
    font-size: 25px;
    transition: 0.3s;
  }
  
  #searchUnifyChatbot .suva-subcategory-root-element .suva-subcategory-select-menu.active .suva-subcategory-select-btn i {
    transform: rotate(-180deg);
  }
  
  #searchUnifyChatbot .suva-subcategory-root-element .suva-subcategory-select-menu .suva-subcategory-options {
    position: relative;
    border: 1px solid #cfc5c5;
    padding: 7px 10px 7px 10px;
    margin-top: 5px;
    border-radius: 4px;
    background: #fff;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
    display: none;
  }
  
  #searchUnifyChatbot .suva-subcategory-root-element .suva-subcategory-select-menu .suva-subcategory-active .suva-subcategory-options {
    display: block;
  }
  
  #searchUnifyChatbot .suva-subcategory-root-element .suva-subcategory-select-menu .suva-subcategory-options .suva-subcategory-active {
    display: block !Important;
  }
  
  #searchUnifyChatbot .suva-subcategory-options .suva-subcategory-option {
    display: flex;
    /*height: 55px;*/
    cursor: pointer;
    padding: 7px 10px 7px 10px;
    border-radius: 4px;
    align-items: center;
    background: #fff;
  }
  
  #searchUnifyChatbot .suva-subcategory-options .suva-subcategory-option:hover {
    background: #F2F2F2;
  }
  
  #searchUnifyChatbot .suva-subcategory-option i {
    font-size: 25px;
    margin-right: 12px;
  }
  
  #searchUnifyChatbot .suva-subcategory-option .suva-subcategory-option-text {
    font-size: 13px;
    color: #5e5e5e;
  }
  
  #searchUnifyChatbot .suva-subcategory-suva-active-dropdown {
    display: block;
  }
  
  #searchUnifyChatbot #suva-subcategory-input {
    box-sizing: border-box;
    background-image: url("https://f242003p.searchunify.com/suva-resources/Assets/suva-search-icon-dropdown.svg");
  
    background-position: 9px 7px;
    background-repeat: no-repeat;
    font-size: 13px;
    padding: 7px 10px 7px 30px;
    border: 1px solid #DFE2E7;
    color: #5e5e5e;
    width: 100%;
    height: 34px;
  }
  
  #searchUnifyChatbot .suva-subcategory-heading {
    font-size: 13px;
    font-weight: 600;
    font-family: Montserrat;
    color: #5e5e5e;
  }
  
  #searchUnifyChatbot .suva-subcategory-searchbox {
    padding: 0px 0px 7px 0px;
  }
  /* priority drodown ui */
  
  #searchUnifyChatbot .suva-priority-root-element {
    margin: 0;
    padding: 0px 20px 8px 20px;
    /* padding: 0;*/
    box-sizing: border-box;
  }
  
  #searchUnifyChatbot .suva-priority-root-element .suva-priority-select-menu {
    margin: 8px auto;
  }
  
  #searchUnifyChatbot .suva-priority-root-element .suva-priority-select-menu .suva-priority-select-btn {
    display: flex;
    border: 1px solid #cfc5c5;
    height: 34px;
    background: #fff;
    padding: 7px 5px 7px 10px;
    font-size: 13px;
    font-weight: 400;
    border-radius: 4px;
    align-items: center;
    width: 100%;
    cursor: pointer;
    justify-content: space-between;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
  }
  
  #searchUnifyChatbot .suva-priority-root-element .suva-priority-select-menu .suva-priority-select-btn:hover {
    background-color: #ececec;
  }
  
  #searchUnifyChatbot .suva-priority-root-element .suva-priority-select-btn i {
    font-size: 25px;
    transition: 0.3s;
  }
  
  #searchUnifyChatbot .suva-priority-root-element .suva-priority-select-menu.active .suva-priority-select-btn i {
    transform: rotate(-180deg);
  }
  
  #searchUnifyChatbot .suva-priority-root-element .suva-priority-select-menu .suva-priority-options {
    position: relative;
    border: 1px solid #cfc5c5;
    padding: 7px 10px 7px 10px;
    margin-top: 5px;
    border-radius: 4px;
    background: #fff;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
    display: none;
  }
  
  #searchUnifyChatbot .suva-priority-root-element .suva-priority-select-menu .suva-priority-active .suva-priority-options {
    display: block;
  }
  
  #searchUnifyChatbot .suva-priority-root-element .suva-priority-select-menu .suva-priority-options .suva-priority-active {
    display: block !Important;
  }
  
  #searchUnifyChatbot .suva-priority-options .suva-priority-option {
    display: flex;
    /*height: 55px;*/
    cursor: pointer;
    padding: 7px 10px 7px 10px;
    border-radius: 4px;
    align-items: center;
    background: #fff;
  }
  
  #searchUnifyChatbot .suva-priority-options .suva-priority-option:hover {
    background: #F2F2F2;
  }
  
  #searchUnifyChatbot .suva-priority-option i {
    font-size: 25px;
    margin-right: 12px;
  }
  
  #searchUnifyChatbot .suva-priority-option .suva-priority-option-text {
    font-size: 13px;
    color: #5e5e5e;
  }
  
  #searchUnifyChatbot .suva-priority-suva-active-dropdown {
    display: block;
  }
  
  #searchUnifyChatbot .suva-priority-heading {
    font-size: 13px;
    font-weight: 600;
    font-family: Montserrat;
    color: #5e5e5e;
  }
  
  
  
  
  
  
  #searchUnifyChatbot #suva-subject-textarea {
    resize: none;
    border-radius: 4px;
    margin: 8px auto;
    overflow: hidden;
    overflow-wrap: break-word;
    background: #fff;
    border: 1px solid #cfc5c5;
    padding: 7px 5px 7px 10px;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
    color: #5e5e5e;
    font-size: 13px;
    width: 100%;
    outline: none;
    height: 35.75px;
  }
  
  #searchUnifyChatbot .suva-subject-of-case {
    margin: 0;
    padding: 0px 20px 8px 20px;
    box-sizing: border-box;
  }
  
  #searchUnifyChatbot .suva-subject-of-case-heading {
    font-size: 13px;
    font-weight: 600;
    font-family: Montserrat;
    color: #5e5e5e;
  }
  
  #searchUnifyChatbot #suva-description-textarea {
    margin: 8px auto;
    border-radius: 4px;
    resize: none;
    border: 1px solid #cfc5c5;
    overflow: hidden;
    overflow-wrap: break-word;
    background: #fff;
    padding: 7px 5px 7px 10px;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
    color: #5e5e5e;
    font-size: 13px;
    width: 100%;
    outline: none;
    height: 35.75px;
  }
  
  #searchUnifyChatbot .suva-description-of-case {
    margin: 0;
    padding: 0px 20px 8px 20px;
    box-sizing: border-box;
  }
  
  #searchUnifyChatbot .suva-decription-of-case-heading {
    font-size: 13px;
    font-weight: 600;
    font-family: Montserrat;
    color: #5e5e5e;
  }
  
  #searchUnifyChatbot #suva-error-messages-textarea {
    resize: none;
    margin: 8px auto;
    border-radius: 4px;
    overflow: hidden;
    overflow-wrap: break-word;
    background: #fff;
    border: 1px solid #cfc5c5;
    padding: 7px 5px 7px 10px;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
    color: #5e5e5e;
    font-size: 13px;
    width: 100%;
    outline: none;
    height: 35.75px;
  }
  
  #searchUnifyChatbot .suva-error-messages-case {
    margin: 0;
    padding: 0px 20px 8px 20px;
    box-sizing: border-box;
  }
  
  #searchUnifyChatbot .suva-error-messages-case-heading {
    font-size: 13px;
    font-weight: 600;
    font-family: Montserrat;
    color: #5e5e5e;
  }
  
  
  /* issuetype dropdown ui */
  #searchUnifyChatbot .suva-issuetype-root-element {
    margin: 0;
    padding: 0px 20px 8px 20px;
    /* padding: 0;*/
    box-sizing: border-box;
  }
  
  #searchUnifyChatbot .suva-issuetype-root-element .suva-issuetype-select-menu {
    margin: 8px auto;
  }
  
  #searchUnifyChatbot .suva-issuetype-root-element .suva-issuetype-select-menu .suva-issuetype-select-btn {
    display: flex;
    border: 1px solid #cfc5c5;
    height: 34px;
    background: #fff;
    padding: 7px 5px 7px 10px;
    font-size: 13px;
    font-weight: 400;
    border-radius: 4px;
    align-items: center;
    width: 100%;
    cursor: pointer;
    justify-content: space-between;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
  }
  
  #searchUnifyChatbot .suva-issuetype-root-element .suva-issuetype-select-menu .suva-issuetype-select-btn:hover {
    background-color: #ececec;
  }
  
  #searchUnifyChatbot .suva-issuetype-root-element .suva-issuetype-select-btn i {
    font-size: 25px;
    transition: 0.3s;
  }
  
  #searchUnifyChatbot .suva-issuetype-root-element .suva-issuetype-select-menu.active .suva-issuetype-select-btn i {
    transform: rotate(-180deg);
  }
  
  #searchUnifyChatbot .suva-issuetype-root-element .suva-issuetype-select-menu .suva-issuetype-options {
    position: relative;
    border: 1px solid #cfc5c5;
    padding: 7px 10px 7px 10px;
    margin-top: 5px;
    border-radius: 4px;
    background: #fff;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
    display: none;
  }
  
  #searchUnifyChatbot .suva-issuetype-root-element .suva-issuetype-select-menu .suva-issuetype-active .suva-issuetype-options {
    display: block;
  }
  
  #searchUnifyChatbot .suva-issuetype-root-element .suva-issuetype-select-menu .suva-issuetype-options .suva-issuetype-active {
    display: block !Important;
  }
  
  #searchUnifyChatbot .suva-issuetype-options .suva-issuetype-option {
    display: flex;
    /*height: 55px;*/
    cursor: pointer;
    padding: 7px 10px 7px 10px;
    border-radius: 4px;
    align-items: center;
    background: #fff;
  }
  
  #searchUnifyChatbot .suva-issuetype-options .suva-issuetype-option:hover {
    background: #F2F2F2;
  }
  
  #searchUnifyChatbot .suva-issuetype-option i {
    font-size: 25px;
    margin-right: 12px;
  }
  
  #searchUnifyChatbot .suva-issuetype-option .suva-issuetype-option-text {
    font-size: 13px;
    color: #5e5e5e;
  }
  
  #searchUnifyChatbot .suva-issuetype-suva-active-dropdown {
    display: block;
  }
  
  #searchUnifyChatbot #suva-issuetype-input {
    box-sizing: border-box;
    background-image: url("https://f242003p.searchunify.com/suva-resources/Assets/suva-search-icon-dropdown.svg");
    background-position: 9px 7px;
    background-repeat: no-repeat;
    font-size: 13px;
    padding: 7px 10px 7px 30px;
    border: 1px solid #DFE2E7;
    color: #5e5e5e;
    width: 100%;
    height: 34px;
  }
  
  #searchUnifyChatbot .suva-issuetype-heading {
    font-size: 13px;
    font-weight: 600;
    font-family: Montserrat;
    color: #5e5e5e;
  }
  
  #searchUnifyChatbot .suva-issuetype-searchbox {
    padding: 0px 0px 7px 0px;
  }
  
  /* end of  issuetype dropdown ui */
  
  /* cluster dropdown ui */
  #searchUnifyChatbot .suva-cluster-root-element {
    margin: 0;
    padding: 0px 20px 8px 20px;
    box-sizing: border-box;
  }
  
  #searchUnifyChatbot .suva-cluster-root-element .suva-cluster-select-menu {
    margin: 8px auto;
  }
  
  #searchUnifyChatbot .suva-cluster-root-element .suva-cluster-select-menu .suva-cluster-select-btn {
    display: flex;
    border: 1px solid #cfc5c5;
    height: 34px;
    background: #fff;
    padding: 7px 5px 7px 10px;
    font-size: 13px;
    font-weight: 400;
    border-radius: 4px;
    align-items: center;
    width: 100%;
    cursor: pointer;
    justify-content: space-between;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
  }
  
  #searchUnifyChatbot .suva-cluster-root-element .suva-cluster-select-menu .suva-cluster-select-btn:hover {
    background-color: #ececec;
  }
  
  #searchUnifyChatbot .suva-cluster-root-element .suva-cluster-select-btn i {
    font-size: 25px;
    transition: 0.3s;
  }
  
  #searchUnifyChatbot .suva-cluster-root-element .suva-cluster-select-menu.active .suva-cluster-select-btn i {
    transform: rotate(-180deg);
  }
  
  #searchUnifyChatbot .suva-cluster-root-element .suva-cluster-select-menu .suva-cluster-options {
    position: relative;
    border: 1px solid #cfc5c5;
    padding: 7px 10px 7px 10px;
    margin-top: 5px;
    border-radius: 4px;
    background: #fff;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
    display: none;
  }
  
  #searchUnifyChatbot .suva-cluster-root-element .suva-cluster-select-menu .suva-cluster-active .suva-cluster-options {
    display: block;
  }
  
  #searchUnifyChatbot .suva-cluster-root-element .suva-cluster-select-menu .suva-cluster-options .suva-cluster-active {
    display: block !Important;
  }
  
  #searchUnifyChatbot .suva-cluster-options .suva-cluster-option {
    display: flex;
    /*height: 55px;*/
    cursor: pointer;
    padding: 7px 10px 7px 10px;
    border-radius: 4px;
    align-items: center;
    background: #fff;
  }
  
  #searchUnifyChatbot .suva-cluster-options .suva-cluster-option:hover {
    background: #F2F2F2;
  }
  
  #searchUnifyChatbot .suva-cluster-option i {
    font-size: 25px;
    margin-right: 12px;
  }
  
  #searchUnifyChatbot .suva-cluster-option .suva-cluster-option-text {
    font-size: 13px;
    color: #5e5e5e;
  }
  
  #searchUnifyChatbot .suva-cluster-suva-active-dropdown {
    display: block;
  }
  
  #searchUnifyChatbot #suva-cluster-input {
    box-sizing: border-box;
    background-image: url("https://f242003p.searchunify.com/suva-resources/Assets/suva-search-icon-dropdown.svg");
  
    background-position: 9px 7px;
    background-repeat: no-repeat;
    font-size: 13px;
    padding: 7px 10px 7px 30px;
    border: 1px solid #DFE2E7;
    color: #5e5e5e;
    width: 100%;
    height: 34px;
  }
  
  #searchUnifyChatbot .suva-cluster-heading {
    font-size: 13px;
    font-weight: 600;
    font-family: Montserrat;
    color: #5e5e5e;
  }
  
  #searchUnifyChatbot .suva-cluster-searchbox {
    padding: 0px 0px 7px 0px;
  }
  
  /* end of  cluster dropdown ui */
  
  /* sw dropdown ui */
  #searchUnifyChatbot .suva-sw-root-element {
    margin: 0;
    padding: 0px 20px 8px 20px;
    box-sizing: border-box;
  }
  
  #searchUnifyChatbot .suva-sw-root-element .suva-sw-select-menu {
    margin: 8px auto;
  }
  
  #searchUnifyChatbot .suva-sw-root-element .suva-sw-select-menu .suva-sw-select-btn {
    display: flex;
    border: 1px solid #cfc5c5;
    height: 34px;
    background: #fff;
    padding: 7px 5px 7px 10px;
    font-size: 13px;
    font-weight: 400;
    border-radius: 4px;
    align-items: center;
    width: 100%;
    cursor: pointer;
    justify-content: space-between;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
  }
  
  #searchUnifyChatbot .suva-sw-root-element .suva-sw-select-menu .suva-sw-select-btn:hover {
    background-color: #ececec;
  }
  
  #searchUnifyChatbot .suva-sw-root-element .suva-sw-select-btn i {
    font-size: 25px;
    transition: 0.3s;
  }
  
  #searchUnifyChatbot .suva-sw-root-element .suva-sw-select-menu.active .suva-sw-select-btn i {
    transform: rotate(-180deg);
  }
  
  #searchUnifyChatbot .suva-sw-root-element .suva-sw-select-menu .suva-sw-options {
    position: relative;
    border: 1px solid #cfc5c5;
    padding: 7px 10px 7px 10px;
    margin-top: 5px;
    border-radius: 4px;
    background: #fff;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
    display: none;
  }
  
  #searchUnifyChatbot .suva-sw-root-element .suva-sw-select-menu .suva-sw-active .suva-sw-options {
    display: block;
  }
  
  #searchUnifyChatbot .suva-sw-root-element .suva-sw-select-menu .suva-sw-options .suva-sw-active {
    display: block !Important;
  }
  
  #searchUnifyChatbot .suva-sw-options .suva-sw-option {
    display: flex;
    /*height: 55px;*/
    cursor: pointer;
    padding: 7px 10px 7px 10px;
    border-radius: 4px;
    align-items: center;
    background: #fff;
  }
  
  #searchUnifyChatbot .suva-sw-options .suva-sw-option:hover {
    background: #F2F2F2;
  }
  
  #searchUnifyChatbot .suva-sw-option i {
    font-size: 25px;
    margin-right: 12px;
  }
  
  #searchUnifyChatbot .suva-sw-option .suva-sw-option-text {
    font-size: 13px;
    color: #5e5e5e;
  }
  
  #searchUnifyChatbot .suva-sw-suva-active-dropdown {
    display: block;
  }
  
  #searchUnifyChatbot #suva-sw-input {
    box-sizing: border-box;
    background-image: url("https://f242003p.searchunify.com/suva-resources/Assets/suva-search-icon-dropdown.svg");
    background-position: 9px 7px;
    background-repeat: no-repeat;
    font-size: 13px;
    padding: 7px 10px 7px 30px;
    border: 1px solid #DFE2E7;
    color: #5e5e5e;
    width: 100%;
    height: 34px;
  }
  
  #searchUnifyChatbot .suva-sw-heading {
    font-size: 13px;
    font-weight: 600;
    font-family: Montserrat;
    color: #5e5e5e;
  }
  
  #searchUnifyChatbot .suva-sw-searchbox {
    padding: 0px 0px 7px 0px;
  }
  
  /* end of  sw dropdown ui */
  
  
  
  /* form validation and radio fields ui */
  #searchUnifyChatbot .required-sign {
    color: #ff5d60;
  }
  
  #searchUnifyChatbot .suva-create-case-form-fields-radio-prod-heading {
    font-size: 13px;
    font-weight: 600;
    font-family: Montserrat;
    color: #5e5e5e;
  }
  
  #searchUnifyChatbot .suva-create-case-form-fields-radio-group {
    margin: 8px auto;
  }
  
  #searchUnifyChatbot .suva-radio-prod-option1 {
    font-size: 13px;
    font-weight: 600;
    font-family: Montserrat;
    color: #5e5e5e;
    margin-left: 6px;
  }
  
  #searchUnifyChatbot .suva-radio-prod-option2 {
    font-size: 13px;
    font-weight: 600;
    font-family: Montserrat;
    color: #5e5e5e;
    margin-left: 6px;
  }
  
  #searchUnifyChatbot .suva-create-case-form-fields-radio-prod-div {
    display: flex;
    align-items: flex-start;
  }
  
  #searchUnifyChatbot .suva-create-case-form-fields-radio-utilize-cohesity {
    margin: 0;
    padding: 0px 20px 0px 20px;
    box-sizing: border-box;
  
  }
  
  #searchUnifyChatbot .suva-create-case-form-fields-radio-utilize {
    margin: 8px auto;
  }
  
  #searchUnifyChatbot .suva-radio-utilize-option1 {
    font-size: 13px;
    font-weight: 600;
    font-family: Montserrat;
    color: #5e5e5e;
    margin-left: 6px;
  }
  
  #searchUnifyChatbot .suva-radio-utilize-option2 {
    font-size: 13px;
    font-weight: 600;
    font-family: Montserrat;
    color: #5e5e5e;
    margin-left: 6px;
  }
  
  #searchUnifyChatbot .suva-create-case-form-fields-radio-utilize-div {
    display: flex;
  }
  
  #searchUnifyChatbot .suva-create-case-form-fields-radio-utilize-heading {
    font-size: 13px;
    font-weight: 600;
    font-family: Montserrat;
    color: #5e5e5e;
  }
  
  #searchUnifyChatbot .suva-searchbox-required-error {
    border: 1px solid #ff5d60;
    border-radius: 4px;
    box-shadow: 0 0 5px rgb(245 0 0 / 30%);
  }
  
  #searchUnifyChatbot #suva-required-text {
    color: #ff5d60;
    font-size: 13px !important;
    font-weight: 500;
    font-family: Montserrat;
  }
  
  #searchUnifyChatbot .suva-searchbox-subcategory-required-error {
    border: 1px solid #ff5d60;
    border-radius: 4px;
    box-shadow: 0 0 5px rgb(245 0 0 / 30%);
  }
  
  #searchUnifyChatbot #suva-required-text-subcategory {
    color: #ff5d60;
    font-size: 13px !important;
    font-weight: 500;
    font-family: Montserrat;
  }
  
  #searchUnifyChatbot .suva-subject-textarea-required-error {
    border: 1px solid #ff5d60 !important;
    border-radius: 4px !important;
    box-shadow: 0 0 5px rgb(245 0 0 / 30%) !important;
  }
  
  #searchUnifyChatbot #suva-required-subject-textarea {
    color: #ff5d60;
    font-size: 13px !important;
    font-weight: 500;
    font-family: Montserrat;
  }
  
  #searchUnifyChatbot .suva-description-textarea-required-error {
    border: 1px solid #ff5d60 !important;
    border-radius: 4px !important;
    box-shadow: 0 0 5px rgb(245 0 0 / 30%) !important;
  }
  
  #searchUnifyChatbot #suva-required-description-textarea {
    color: #ff5d60;
    font-size: 13px !important;
    font-weight: 500;
    font-family: Montserrat;
  }
  
  
  #searchUnifyChatbot .suva-error-messages-textarea-required-error {
    border: 1px solid #ff5d60 !important;
    border-radius: 4px !important;
    box-shadow: 0 0 5px rgb(245 0 0 / 30%) !important;
  }
  
  #searchUnifyChatbot #suva-required-error-messages-textarea {
    color: #ff5d60;
    font-size: 13px !important;
    font-weight: 500;
    font-family: Montserrat;
  }
  
  #searchUnifyChatbot .suva-priority-required-error {
    border: 1px solid #ff5d60;
    border-radius: 4px;
    box-shadow: 0 0 5px rgb(245 0 0 / 30%);
  }
  
  #searchUnifyChatbot #suva-required-text-priority {
    color: #ff5d60;
    font-size: 13px !important;
    font-weight: 500;
    font-family: Montserrat;
  }
  
  
  #searchUnifyChatbot .suva-issuetype-required-error {
    border: 1px solid #ff5d60;
    border-radius: 4px;
    box-shadow: 0 0 5px rgb(245 0 0 / 30%);
  }
  
  #searchUnifyChatbot #suva-required-text-issuetype {
    color: #ff5d60;
    font-size: 13px !important;
    font-weight: 500;
    font-family: Montserrat;
  }
  
  
  #searchUnifyChatbot .suva-cluster-required-error {
    border: 1px solid #ff5d60;
    border-radius: 4px;
    box-shadow: 0 0 5px rgb(245 0 0 / 30%);
  }
  
  #searchUnifyChatbot #suva-required-text-cluster {
    color: #ff5d60;
    font-size: 13px !important;
    font-weight: 500;
    font-family: Montserrat;
  }
  
  
  #searchUnifyChatbot .suva-sw-required-error {
    border: 1px solid #ff5d60;
    border-radius: 4px;
    box-shadow: 0 0 5px rgb(245 0 0 / 30%);
  }
  
  #searchUnifyChatbot #suva-required-text-sw {
    color: #ff5d60;
    font-size: 13px !important;
    font-weight: 500;
    font-family: Montserrat;
  }
  /* spinner code */
  
  #searchUnifyChatbot .lds-spinner,
  .lds-spinner div,
  .lds-spinner div:after {
    box-sizing: border-box;
  }
  
  #searchUnifyChatbot .lds-spinner {
    width: 82px;
    height: 16%;
    margin: auto;
    color: currentColor;
  }
  
  #searchUnifyChatbot .lds-spinner div {
    transform-origin: 40px 40px;
    animation: lds-spinner 1.2s linear infinite;
  }
  
  #searchUnifyChatbot .lds-spinner div:after {
    content: " ";
    display: block;
    position: absolute;
    top: 3.2px;
    left: 36.8px;
    width: 6.4px;
    height: 17.6px;
    border-radius: 20%;
    background: currentColor;
  }
  
  #searchUnifyChatbot .lds-spinner div:nth-child(1) {
    transform: rotate(0deg);
    animation-delay: -1.1s;
  }
  
  #searchUnifyChatbot .lds-spinner div:nth-child(2) {
    transform: rotate(30deg);
    animation-delay: -1s;
  }
  
  #searchUnifyChatbot .lds-spinner div:nth-child(3) {
    transform: rotate(60deg);
    animation-delay: -0.9s;
  }
  
  #searchUnifyChatbot .lds-spinner div:nth-child(4) {
    transform: rotate(90deg);
    animation-delay: -0.8s;
  }
  
  #searchUnifyChatbot .lds-spinner div:nth-child(5) {
    transform: rotate(120deg);
    animation-delay: -0.7s;
  }
  
  #searchUnifyChatbot .lds-spinner div:nth-child(6) {
    transform: rotate(150deg);
    animation-delay: -0.6s;
  }
  
  #searchUnifyChatbot .lds-spinner div:nth-child(7) {
    transform: rotate(180deg);
    animation-delay: -0.5s;
  }
  
  #searchUnifyChatbot .lds-spinner div:nth-child(8) {
    transform: rotate(210deg);
    animation-delay: -0.4s;
  }
  
  #searchUnifyChatbot .lds-spinner div:nth-child(9) {
    transform: rotate(240deg);
    animation-delay: -0.3s;
  }
  
  #searchUnifyChatbot .lds-spinner div:nth-child(10) {
    transform: rotate(270deg);
    animation-delay: -0.2s;
  }
  
  #searchUnifyChatbot .lds-spinner div:nth-child(11) {
    transform: rotate(300deg);
    animation-delay: -0.1s;
  }
  
  #searchUnifyChatbot .lds-spinner div:nth-child(12) {
    transform: rotate(330deg);
    animation-delay: 0s;
  }
  
  @keyframes lds-spinner {
    0% {
      opacity: 1;
    }
  
    100% {
      opacity: 0;
    }
  }
  
  #searchUnifyChatbot .suva-loader-lds-spinner {
    display: flex;
    position: absolute;
    top: 70px;
    justify-content: center;
    align-items: center;
    text-align: center;
    height: calc(100% - 80px);
    width: 100%;
    background: rgb(253 253 253 / 57%) 0% 0% no-repeat padding-box;
    z-index: 999999999999999999999999;
    border-radius: 13px;
  }
  
  
  /* end of spinner code */
  
  #searchUnifyChatbot .suva-create-case-form-fields-radio-prod {
    margin: 0;
    padding: 0px 20px 8px 20px;
    box-sizing: border-box;
  }
  
  #searchUnifyChatbot .suva-no-matching-data:hover {
    background: none !important;
    cursor: text;
  }
  
  #searchUnifyChatbot .suva-no-matching-data-SubCategory:hover {
    background: none !important;
    cursor: text;
  }
  
  #searchUnifyChatbot .suva-no-matching-data-IssueType:hover {
    background: none !important;
    cursor: text;
  }
  
  #searchUnifyChatbot .suva-no-matching-data-Cluster:hover {
    background: none !important;
    cursor: text;
  }
  
  #searchUnifyChatbot .suva-no-matching-data-SW:hover {
    background: none !important;
    cursor: text;
  }
 
  
  .suva-extend-bot-icon {
    float: right;
    margin-top: 4px;
    cursor: pointer;
    margin-right: 8px;
  }
  
  .suva-contact-form-page.suva-show-profile.suva-window-minimize {
    width: 770px !important;
    height: 90% !important;
  }
  
  /* remote channel radio button */
  #searchUnifyChatbot .suva-create-case-form-fields-remotechannel-prod-heading {
    font-size: 13px;
    font-weight: 600;
    font-family: Montserrat;
    color: #5e5e5e;
  }
  
  #searchUnifyChatbot .suva-create-case-form-fields-remotechannel-prod-div {
    display: flex;
    justify-content: flex-start;
    align-items: center;
  }
  
  #searchUnifyChatbot .suva-create-case-form-fields-remotechannel-radio-prod {
    margin: 0;
    padding: 0px 20px 8px 20px;
    box-sizing: border-box;
  }
  
  #searchUnifyChatbot .suva-create-case-form-fields-remotechannel-group {
    margin: 8px auto;
    line-height: 1.0;
  }
  
  #searchUnifyChatbot .suva-radio-prod-remotechannel-option1 {
    font-size: 13px;
    font-weight: 600;
    font-family: Montserrat;
    color: #5e5e5e;
    margin-left: 6px;
    margin-top: 5px;
  }
  
  #searchUnifyChatbot .suva-radio-prod-remotechannel-option2 {
    font-size: 13px;
    font-weight: 600;
    font-family: Montserrat;
    color: #5e5e5e;
    margin-left: 6px;
    margin-top: 5px;
  }
  
  #searchUnifyChatbot .suva-support-channel-token {
    margin: 0;
    padding: 0px 20px 8px 20px;
    box-sizing: border-box;
  }
  
  #searchUnifyChatbot .suva-support-channel-heading {
    font-size: 13px;
    font-weight: 600;
    font-family: Montserrat;
    color: #5e5e5e;
  }
  
  #searchUnifyChatbot #suva-support-channel-textarea {
    resize: none;
    margin: 8px auto;
    border-radius: 4px;
    overflow: hidden;
    overflow-wrap: break-word;
    background: #fff;
    border: 1px solid #cfc5c5;
    padding: 7px 5px 7px 10px;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
    color: #5e5e5e;
    font-size: 13px;
    width: 100%;
    outline: none;
    height: 35.75px;
  }
  
  #searchUnifyChatbot #suva-required-support-channel-textarea {
    color: #ff5d60;
    font-size: 13px !important;
    font-weight: 500;
    font-family: Montserrat;
  }
  
  #searchUnifyChatbot .suva-support-channel-textarea-required-error {
    border: 1px solid #ff5d60 !important;
    border-radius: 4px !important;
    box-shadow: 0 0 5px rgb(245 0 0 / 30%) !important;
  }
  
  #searchUnifyChatbot .suva-datetimepicker {
    margin: 0;
    padding: 0px 20px 8px 20px;
    box-sizing: border-box;
  }
  
  #searchUnifyChatbot .suva-datetimepicker-heading {
    font-size: 13px;
    font-weight: 600;
    font-family: Montserrat;
    color: #5e5e5e;
  }
  
  #searchUnifyChatbot #suva-required-datetimepicker {
    color: #ff5d60;
    font-size: 13px !important;
    font-weight: 500;
    font-family: Montserrat;
  }
  
  #searchUnifyChatbot .suva-datetimepicker-required-error {
    border: 1px solid #ff5d60 !important;
    border-radius: 4px !important;
    box-shadow: 0 0 5px rgb(245 0 0 / 30%) !important;
  }
  
  #searchUnifyChatbot #suva-datetimepicker-input {
    resize: none;
    margin: 8px auto;
    border-radius: 4px;
    overflow: hidden;
    overflow-wrap: break-word;
    background: #fff;
    border: 1px solid #cfc5c5;
    padding: 7px 5px 7px 10px;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
    color: #5e5e5e;
    font-size: 13px;
    width: 100%;
    outline: none;
    height: 35.75px;
  }
  
  #searchUnifyChatbot .suva-datetimepicker-input-required-error {
    border: 1px solid #ff5d60 !important;
    border-radius: 4px !important;
    box-shadow: 0 0 5px rgb(245 0 0 / 30%) !important;
  }
  
  #searchUnifyChatbot .suva-cluster-detail-case {
    margin: 0;
    padding: 0px 20px 8px 20px;
    box-sizing: border-box;
  }
  
  #searchUnifyChatbot .suva-cluster-detail-heading {
    font-size: 13px;
    font-weight: 600;
    font-family: Montserrat;
    color: #5e5e5e;
  }
  
  #searchUnifyChatbot .suva-productnotlisted-of-case {
    margin: 0;
    padding: 0px 20px 8px 20px;
    box-sizing: border-box;
  }
  
  #searchUnifyChatbot .suva-productnotlisted-of-case-heading {
    font-size: 13px;
    font-weight: 600;
    font-family: Montserrat;
    color: #5e5e5e;
  }
  
  #searchUnifyChatbot #suva-productnotlisted-textarea {
    resize: none;
    border-radius: 4px;
    margin: 8px auto;
    overflow: hidden;
    overflow-wrap: break-word;
    background: #fff;
    border: 1px solid #cfc5c5;
    padding: 7px 5px 7px 10px;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
    color: #5e5e5e;
    font-size: 13px;
    width: 100%;
    outline: none;
    height: 35.75px;
  }
  
  #searchUnifyChatbot .suva-productnotlisted-textarea-required-error {
    border: 1px solid #ff5d60 !important;
    border-radius: 4px !important;
    box-shadow: 0 0 5px rgb(245 0 0 / 30%) !important;
  }
  
  #searchUnifyChatbot #suva-required-productnotlisted-textarea {
    color: #ff5d60;
    font-size: 13px !important;
    font-weight: 500;
    font-family: Montserrat;
  }
  
  #searchUnifyChatbot .suva-cluster-required-error {
    border: 1px solid #ff5d60 !important;
    border-radius: 4px !important;
    box-shadow: 0 0 5px rgb(245 0 0 / 30%) !important;
  }
  
  #searchUnifyChatbot #suva-required-remotechannel {
    color: #ff5d60;
    font-size: 13px !important;
    font-weight: 500;
    font-family: Montserrat;
  }
  
  #searchUnifyChatbot #suva-required-unplanned-prod-availability {
    color: #ff5d60;
    font-size: 13px !important;
    font-weight: 500;
    font-family: Montserrat;
  }
  
  /* info icon css */
  #searchUnifyChatbot .suva-info-icon-container {
    position: relative;
    /*top: 0;
      right: -23px;
      width: 16px;
      height: 16px;
      cursor: pointer;
      z-index: 1;*/
  }
  
  #searchUnifyChatbot .suva-info-icon-img {
    /*  position: relative;
      display: block;
      width: 16px;
      height: 16px;*/
  }
  
  #searchUnifyChatbot .suva-info-icon-img:before {
    content: "";
    position: absolute;
    top: -26px;
    left: -7px;
    width: 0;
    height: 0;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-top: 17px solid #e5e6e7;
    opacity: 0;
    visibility: hidden;
    z-index: -1;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
  }
  
  #searchUnifyChatbot .suva-info-icon-content {
    position: absolute;
    right: -233px !important;
    bottom: 36px;
    background-color: #e5e6e7;
    border-radius: 4px;
    width: 300px;
    height: auto;
    padding: 8px 24px;
    opacity: 0;
    visibility: hidden;
    z-index: -1;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
  }
  
  #searchUnifyChatbot .suva-info-icon-para-xs {
    font-size: 16px;
    font-weight: 400;
    font-family: "Noto Sans", sans-serif;
    line-height: 24px;
    color: #1d242b;
    letter-spacing: 0.01em;
  }
  
  #searchUnifyChatbot .suva-info-icon-container:hover .suva-info-icon-content {
    /*    position: absolute;
      top: 0;
      right: -23px;
      width: 16px;
      height: 16px;
      cursor: pointer;*/
    opacity: 1 !important;
    visibility: visible !important;
    z-index: 1 !important;
  }
  
  #searchUnifyChatbot .suva-info-icon-container:hover .suva-info-icon-img:before {
    opacity: 1 !important;
    visibility: visible !important;
    z-index: 1 !important;
    top: -22px !important;
    left: -6px !important;
  }
  
  
  /* info icon css */
  #searchUnifyChatbot .suva-info-icon-priority-container {
    position: relative;
    margin-left: 3px;
  }
  
  #searchUnifyChatbot .suva-info-icon-priority-img:before {
    content: "";
    position: absolute;
    top: -26px;
    left: -7px;
    width: 0;
    height: 0;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-top: 17px solid #e5e6e7;
    opacity: 0;
    visibility: hidden;
    z-index: -1;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
  }
  
  #searchUnifyChatbot .suva-info-icon-priority-content {
    position: absolute;
    right: -233px !important;
    bottom: 36px;
    background-color: #e5e6e7;
    border-radius: 4px;
    width: 300px;
    height: auto;
    padding: 8px 24px;
    opacity: 0;
    visibility: hidden;
    z-index: -1;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
  }
  
  #searchUnifyChatbot .suva-info-icon-priority-para-xs {
    font-size: 16px;
    font-weight: 400;
    font-family: "Noto Sans", sans-serif;
    line-height: 24px;
    color: #1d242b;
    letter-spacing: 0.01em;
  }
  
  #searchUnifyChatbot .suva-info-icon-priority-container:hover .suva-info-icon-priority-content {
    opacity: 1 !important;
    visibility: visible !important;
    z-index: 1 !important;
  }
  
  #searchUnifyChatbot .suva-info-icon-priority-container:hover .suva-info-icon-priority-img:before {
    opacity: 1 !important;
    visibility: visible !important;
    z-index: 1 !important;
    top: -22px !important;
    left: -6px !important;
  }
  
  /* info icon css */
  #searchUnifyChatbot .suva-info-icon-datetimepicker-container {
    position: relative;
    margin-left: 3px;
  }
  
  #searchUnifyChatbot .suva-info-icon-datetimepicker-img:before {
    content: "";
    position: absolute;
    top: -26px;
    left: -7px;
    width: 0;
    height: 0;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-top: 17px solid #e5e6e7;
    opacity: 0;
    visibility: hidden;
    z-index: -1;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
  }
  
  #searchUnifyChatbot .suva-info-icon-datetimepicker-content {
    position: absolute;
    right: -233px !important;
    bottom: 36px;
    background-color: #e5e6e7;
    border-radius: 4px;
    width: 300px;
    height: auto;
    padding: 8px 24px;
    opacity: 0;
    visibility: hidden;
    z-index: -1;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
  }
  
  #searchUnifyChatbot .suva-info-icon-datetimepicker-para-xs {
    font-size: 16px;
    font-weight: 400;
    font-family: "Noto Sans", sans-serif;
    line-height: 24px;
    color: #1d242b;
    letter-spacing: 0.01em;
  }
  
  #searchUnifyChatbot .suva-info-icon-datetimepicker-container:hover .suva-info-icon-datetimepicker-content {
    opacity: 1 !important;
    visibility: visible !important;
    z-index: 1 !important;
  }
  
  #searchUnifyChatbot .suva-info-icon-datetimepicker-container:hover .suva-info-icon-datetimepicker-img:before {
    opacity: 1 !important;
    visibility: visible !important;
    z-index: 1 !important;
    top: -22px !important;
    left: -6px !important;
  }
  
  #searchUnifyChatbot .suva-caserecord-links {
    /*background-color: rgba(0, 0, 0, 0.08) !important;*/
    border-radius: 5px;
    padding: 4px 6px;
    margin-top: 7.85px;
    color: #262626 !important;
    text-decoration: underline !important;
  }
  
  #searchUnifyChatbot .suva-case-title {
  
    padding: 8px 0px 8px 0px;
  }
  
  #searchUnifyChatbot .suva-chat-section #suva-case-list-list li {
    list-style-type: decimal !important;
    margin-left: 16px !important;
  }
  
  #searchUnifyChatbot .cohesity-code-font {
    font-family: courier new;
    color: #4981fd;
    /* background: #b1acac7a; */
    padding: 0px 4px;
    font-weight: 600;
    display: contents;
  }

.no-padding {
    padding: 0 !important;
}
#suva-party::placeholder {
    font-size: 14px !important;
}

#suva-party::-webkit-input-placeholder {
    font-size: 14px !important;
}

#serchUnifyChatbot #language_black_24dp path {
    fill: var(--suva-chatbot-main-color) !important;
}

#serchUnifyChatbot .download-chat-icon path {
    stroke: var(--suva-chatbot-main-color) !important;
}

#serchUnifyChatbot #clear-chat-logo path,
#serchUnifyChatbot #clear-chat-logo rect {
  stroke: var(--suva-chatbot-main-color) !important;
  fill: var(--suva-chatbot-main-color) !important;
}

@media only screen and (max-width: 850px) {
  #suva-chat-expand {
    display: none !important;
  }
  #suva-chat-collapse{
    display: none !important;
  }
  .suva-close-set{
    width: 65px !important;
  }
  #suva-chat-expand-tab1 {
    display: none !important;
  }
  #suva-chat-collapse-tab1 {
    display: none !important;
  }
  #suva-chat-expand-tab2 {
    display: none !important;
  }
  #suva-chat-collapse-tab2 {
    display: none !important;
  }
}
.cards_back_view_resp div {
    display: flex;
    flex-direction: row;
    position: absolute;
    bottom: 5px;
    right: 20px;
    cursor: pointer;
    font-weight: 500;
    font-size: 13px;
    align-items: center;
}

.suva-briefcase.book-appointment span,
.suva-briefcase.hotline-support span {
    background: unset;
}
.suva-popup-book-appointment {
    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;
}
#suva-book-appointment-submit-btn {
    opacity: 0.5;
}
#searchUnifyChatbot td.day.active {
     background-color: #1ed65f;
}
#suva-book-appointment-calender {
    width: 70%;
    margin: auto;
}

.suva-appointment-submit-btn {
    padding: 13px !important;
    border-radius: 22px !important;
    line-height: 1px !important;
    font-family: "Bio Sans", sans-serif;
    width: 146px;
    height: 43px;
}
#searchUnifyChatbot .suva-appointment-no-btn, #searchUnifyChatbot .suva-appointment-yes-btn {
    border-radius: 19px;
    font-size: 16px;
    line-height: 15px;
    font-family: "Bio Sans", sans-serif;
    border: none;
    cursor: pointer;
    width: 146px;
}
#searchUnifyChatbot .suva-appointment-yes-btn {
    background-color: var(--suva-chatbot-main-color);
    color: #fff;
    padding: 9px 54px 9px 55px;
}
#searchUnifyChatbot #productDropdown{
    height: unset;
}
.suva-top-12 {
  bottom: unset;
  top: 12px;
}

#cases-container-update .case-main {
    min-height: 112px; 
}

#cases-container-update .case-heading {
    font-size: 14px;
}
.case-heading svg,
#popup-case-id svg{
    margin-right: 9px !important;
}

#cases-container-update  .case-desc {
    font-size: 13px;
}
.suva-case-form-textarea-time {
    width: 100%;
    padding: 0px 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: 35px;
    font-weight: 500;
    font-family: "Bio Sans", sans-serif;
}
#searchUnifyChatbot #revenera-updates-section{
    display: none;
    height: calc(100% - 50px);
    margin-top: 60px;
    overflow-x: hidden;
    overflow-y: auto;
    position: relative;
    background-color: #FFFFFF;
    z-index: 10;
    overscroll-behavior: contain;
    padding-bottom: 10px;
}
#searchUnifyChatbot #revenera-updates-section::-webkit-scrollbar {
    width: 0px;
    height: 0px;
    background: #919191 0% 0% no-repeat padding-box;
}

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

#searchUnifyChatbot #revenera-updates-section::-webkit-scrollbar-thumb {
    background-color: transparent;
    border-radius: 20px;
}
#searchUnifyChatbot .get-revenera-prod {
    width: 36.879px;
    height: 36.879px;
    background-color: #1ED65F;
    border-radius: 50%;
    align-content: end;
    padding-left: 5px;
    margin-left: 10px;
    margin-right: 10px;
    margin-top: 3px;
    cursor: pointer;
}
#searchUnifyChatbot .get-revenera-prod svg {
    vertical-align: unset !important;
    pointer-events: none;
}

#searchUnifyChatbot .suva-text-bar-div {
    display: flex;
}

#searchUnifyChatbot .revenera-prod-div{
    z-index: 24;
    display: none;
    flex-direction: column;
    background-color: #FFFFFF;
    position: absolute;
    left: 14px;
    bottom: 72px;
    padding: 5px;
    width: fit-content
}
 .revenera-prod-div.active {
    display: flex !important;
  }

#searchUnifyChatbot .revenera-prod-div .revenera-prod-inp{
    display: flex;
    padding: 6px 10px;
    align-items: center;
    background: #323E48;
    border: none;
    color: #FFFFFF;
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
    letter-spacing: 0.1px;
    margin-bottom: 3px;
    cursor: pointer;
    width: 100%;
    text-align: left;
}

#searchUnifyChatbot .additional-feedback-container{
    margin-top: 20px;
    /*display: none;*/
    margin-top: 7px;
}
#searchUnifyChatbot .additional-feedback-container .textarea-div{
    border: 1px solid #D4D4D4;;
    width: 97%;
    height: 110px;
       margin-top: 5px;
}
#searchUnifyChatbot .additional-feedback-container .textarea-div #additional-feedback-teaxtarea {
    height: 85px;
    width: 100%;
    resize: none;
    scrollbar-width: none;
    border: none;
    padding: 2px;
    font-family: "Bio Sans", sans-serif;
    font-size: 12px;
    font-weight: 400;
}
#searchUnifyChatbot .additional-feedback-container .textarea-div #text-limit{
    display: flex;
    justify-content: end;
    line-height: 20px;
    margin-right: 6px;
font-size: 12px;
}
#searchUnifyChatbot .addition-feedback-btns{
    display: flex;
    margin-top: 26px;
    flex-direction: column;
    align-items: center;    
}
#searchUnifyChatbot .addition-feedback-btns #submit-feedback{
    display: flex;
    width: 182px;
    height: 37px;
    padding: 10px 20px;
    justify-content: center;
    align-items: center;
    border: 1px solid #0CB649;
    background: #1DD65F;
    cursor: pointer;
}
#searchUnifyChatbot .addition-feedback-btns #cancel-feedback{
    border: none;
    background-color: transparent;
    cursor: pointer;
    width: 182px;
    height: 37px;
    padding: 9px;
    background-color: #e5e5e5;
    margin-top: 5px;
}
#searchUnifyChatbot .suva-inc-height {
    height: 90vh !important;
}

#searchUnifyChatbot .session_dayTime{
    position: fixed;
    text-align: center;
    font-family: "Bio Sans", sans-serif !important;
    font-size: 10px !important;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    z-index: 2;
    justify-content: center;
    display: flex;
    width: calc(100% - 16px);
    background-color: #FFFFFF;
    padding: 5px 5px 5px 5px;
    margin-left: 8px;
}
#searchUnifyChatbot .downward_triangle {
    width: 15px;
    height: 10px;
    background: #1DD65F;
    clip-path: polygon(50% 100%, 0 0, 100% 0);
    display: inline-block;
    position: absolute;
    top: 26px;
    right: 62px;
}

#searchUnifyChatbot .rev_prod_tooltip {
    display: none;
    position: absolute;
    bottom: 75px;
    z-index: 25;
    left: 10px;
}
#searchUnifyChatbot .rev_prod_tooltip #text{
    background: #1ED65F;
    padding: 3px 6px;
    font-size: 12px;
}
#searchUnifyChatbot .rev_prod_tooltip #downward_triangle_tootltip {
    top: 15px;
    left: 10px;
    width: 15px;
    height: 14px;
    background: #1DD65F;
    clip-path: polygon(50% 100%, 0 0, 100% 0);
    position: absolute;
}
#searchUnifyChatbot .rating{
    padding: 6px 15px;
    border: 1px solid #E7E7E8;
    width: 43px;
}
#searchUnifyChatbot .rating:hover,
.rating-1-hov,
.rating-2-hov,
.rating-3-hov,
.rating-4-hov,
.rating-5-hov {
    border: 1px solid #0CB649;
    background: #1DD65F;
    cursor: pointer;
}
.suva-party-resp ol {
    margin-top: 10px;
    margin-left: 20px;
}

#searchUnifyChatbot .suva-party-resp ol ul {
    margin-left: 10px;
}

@keyframes versionspin {
  to { transform: translateY(-50%) rotate(360deg); }
}
#searchUnifyChatbot .chat-section-ul {
    margin-top: 10px !important;
}
.revenera-prod-div.no-drop input {
    cursor: no-drop !important;
}

#searchUnifyChatbot .suva-chat-section h1,
#searchUnifyChatbot .suva-chat-section h2,
#searchUnifyChatbot .suva-chat-section h3,
#searchUnifyChatbot .suva-chat-section h4,
#searchUnifyChatbot .suva-chat-section h5,
#searchUnifyChatbot .suva-chat-section h6 {
    font-family: "Bio Sans", sans-serif;
}

#searchUnifyChatbot .suva-chat-section pre {
     margin: 0;
    overflow: hidden;
}
#searchUnifyChatbot .suva-chat-section code {
  line-height: 1.5;
  padding: 1px 3px;
  border-radius: 3px;
  display: inline;
  text-wrap: auto;
  background: #fefefe;
}
#searchUnifyChatbot .suva-chat-section pre {
    background: #fefefe;
    border-radius: 4px;
    padding: 2px;
}
/* compact pre inside list items */
#searchUnifyChatbot .suva-chat-section li > pre {
  display: inline-block;      /* will sit inline with list text */
  vertical-align: middle;     /* align with surrounding text */
  margin: 0;                  /* remove extra vertical gap */
  padding: 0 6px;             /* small horizontal padding */
  line-height: 1;             /* avoid increasing li height */
  font-size: 0.95em;          /* slightly smaller than normal pre */
  white-space: nowrap;        /* prevent wrapping which increases height */
  overflow-x: auto;          /* allow horizontal scroll for long lines */
  background: #fefefe;
  border-radius: 3px;
  border: 1px solid #e0e0e0;
  white-space: pre-wrap;
}

/* keep multi-line code blocks outside lists unchanged */
#searchUnifyChatbot .suva-chat-section li > pre.multiline,
#searchUnifyChatbot .suva-chat-section li > pre[data-multiline="true"] {
  white-space: pre;           /* restore normal pre behavior if explicitly flagged */
  display: block;
  overflow: auto;
  width: 100%;
}

/* .suva-second-section:has(.bot-expanded) .rev_prod_tooltip {
    bottom: -1em !important;
} */

#searchUnifyChatbot .suva-chat-section .suva-chat {
    margin-top: 30px;
}