#k8-chat-widget * {
    font-family: Helvetica, Sans-Serif;
    font-size: 15px;
    scrollbar-width: 0.7em;
    scrollbar-gutter: "stable";
    scrollbar-color: #FD8D3B #ffffff;
    margin: 0px;
    box-sizing: unset;
    padding: 0;
    border: 0;
    color: #000000;
}

#k8-chat-widget a:link {
    color: #FD8D3B;
}

#k8-chat-widget .initially-hidden {
    display: none;
}


#k8-chat-widget *:focus {
    outline: none;
}

/* For WebKit browsers like Safari and Chrome */
#k8-chat-widget ::-webkit-scrollbar {
    width: 0.7em;
    scrollbar-gutter: stable;
}

#k8-chat-widget ::-webkit-scrollbar-track {
    background: #ffffff;
    border-radius: 0.35em;
}

#k8-chat-widget ::-webkit-scrollbar-thumb {
    background-color: #FD8D3B;
    border-radius: 0.35em;
    border: 3px solid #ffffff;
}

#k8-chat-widget ::-webkit-scrollbar-thumb:hover {
    background-color: #ff9933;
}


#k8-chat-widget #chat-widget {
    position: fixed;
    top: 13em;
    right: 5em;
    width: 7em;
    z-index: 1000;
}

#k8-chat-widget #chat-widget.hidden-visibility-k8,
#k8-chat-widget #chat-input.hidden-visibility-k8,
#k8-chat-widget #chat-window-parent.hidden-visibility-k8 {
    visibility:hidden;
    
}

#k8-chat-widget.unrender,
#k8-chat-widget #chat-widget.unrender,
#k8-chat-widget #chat-input.unrender,
#k8-chat-widget #chat-window-parent.unrender {
    display:none;
    
}


#k8-chat-widget #chat-button {
    position: relative;
    cursor: pointer;
}

#k8-chat-widget #learn-more-button {
    position: absolute;
    top: 7em;
    width: 90%;
    padding: 0.3em;
    background: #FD8D3B;
    border: none;
    color: black;
    cursor: pointer;
    border-radius: 1em;
    left: 50%;
    -ms-transform: translate(-50%);
    transform: translate(-50%);
}

#k8-chat-widget #learn-more-button.hover {
    background-color: #987EC7;
}


#k8-chat-widget #gpt-button-1, #k8-chat-widget #gpt-button-2, #k8-chat-widget #gpt-button-3 {
    padding: 0.3em;
    background: #FFFFFF;
    color: #000000;
    border: 1px solid black;
    cursor: pointer;
    text-align: center;
    border-radius: 1em;
    margin-bottom: 0.5em;
}

#k8-chat-widget #gpt-button-1:enabled:hover, #k8-chat-widget #gpt-button-2:enabled:hover, #k8-chat-widget #gpt-button-3:enabled:hover {
    background-color: #FD8D3B;
}

#k8-chat-widget #gpt-button-1.disabled, #k8-chat-widget #gpt-button-2.disabled, #k8-chat-widget #gpt-button-3.disabled {
    color: #4f4f4f;
    opacity: 70%;
}

#k8-chat-widget #gpt-button-1.selected, #k8-chat-widget #gpt-button-2.selected, #k8-chat-widget #gpt-button-3.selected{
    background-color: #FD8D3B;
}


#k8-chat-widget #chat-window-parent {
    position: fixed;
    background: #b3b3b3;
    border-radius: 1.5em;
    display: flex;
    flex-direction: column;
    flex: 1;
    top: 6.4em;
    right: 5em;
    width: 40%;
    max-height: 85%;
    z-index: 1001;
    border-bottom-left-radius: 2em;
    border-bottom-right-radius: 2em;
}

#k8-chat-widget #chat-window-header {
    position: relative;
}

#k8-chat-widget #close-chat-button {
    position: absolute;
    padding: 0.6em;
    left: -0.2em;
    top: -0.2em;
    z-index: 1000000;
    cursor: pointer;
    background: #FD8D3B;
    border-radius: 50%;
}

#k8-chat-widget #close-chat-button:hover {
    background: #FD8D3B;
}

#k8-chat-widget #gpt-icon-top-right {
    position: absolute;
    top: -2em;
    right: -1em;
    width: 5em;
    z-index: 999991
}

#k8-chat-widget #gpt-icon-small {
    position: absolute;
    width: 95%;
    height: auto;
    z-index: 999990;
    left: 50%;
    -ms-transform: translate(-50%);
    transform: translate(-50%);
}

#k8-chat-widget #gpt-icon-small-background {
    position: absolute;
    width: 100%;
    height: auto;
    left: 50%;
    -ms-transform: translate(-50%);
    transform: translate(-50%);
}

#k8-chat-widget #chat-window-scrollable-section {
    direction: rtl;
    border-radius: 1.5em;
    margin-top: 1em;
    margin-bottom: 1em;
    overflow-y: auto;
    overflow-x: hidden;
    background: #b3b3b3;
}


#k8-chat-widget #chat-window-inner {
    direction: ltr
}


#k8-chat-widget #menu {
    display: flex;
    flex-direction: column;
    position: relative;
    color: rgb(255, 255, 255);
    border-radius: 1.5em;
    padding: 1em;
    flex: 1;
    overflow: visible;
    overflow-x: hidden;
    background: #FFFFFF;
    margin-top: 0.3em;
    margin-left: 1.5em;
    margin-right: 1.5em;
    margin-bottom: 1em;
}

#k8-chat-widget .menu-welcome-text {
    margin-right: 1em;
    margin-bottom: 1em;
}

#k8-chat-widget #gpt-message-container {
    position: relative;
    padding: 1em;
    background: #FFFFFF;
    border-radius: 15px;
    margin-bottom: 10px;
    color: #ffffff;
    margin-left: 1.5em;
    margin-right: 1.5em;
}

#k8-chat-widget #gpt-icon-message {
    position: absolute;
    top: -2em;
    right: -1.5em;
    width: 3em;
    z-index: 999990;

}

#k8-chat-widget #gpt-message {
    background: #FFFFFF;
    max-height: 30em;
    overflow-y: scroll;
    scrollbar-color: #FD8D3B #B3B3B3;
}

#k8-chat-widget #user-message {
    flex: 1;
    padding: 1em;
    overflow-y: auto;
    border-bottom: 1px solid #ddd;
    border-radius: 1em;
    border: none;
    background-color: #b3b3b3;
    margin-right: 1em;
    margin-left: 1em;
}

#k8-chat-widget #chat-input {
    padding: 1em;
    border: 4px solid #FD8D3B;
    color: #b3b3b3;
    background: #ffffff;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-radius: 2em;
    border-top-left-radius: 0;
    box-shadow: None;
}


#k8-chat-widget #chat-input-field {
    padding: 1em;
    border: None;
    color: #000000;
    background: #ffffff;
    width: 95%;
    border-radius: 2em;
    box-shadow: None;
}


#k8-chat-widget #send-button {
    width: 2em;
    background: transparent;
    box-shadow: None;
}

#k8-chat-widget .download-response-menu-toggle-button {
    cursor: pointer;
}

#k8-chat-widget #download-button-pdf, 
#k8-chat-widget #download-button-html {
    display: inline-block;
    margin: 5px; 
}


#k8-chat-widget .download-response-menu-button {
    padding: 0.3em;
    background: #FFFFFF;
    color: #000000;
    border: 1px solid black;
    cursor: pointer;
    text-align: center;
    border-radius: 1em;
    margin-bottom: 0.5em;
}

#k8-chat-widget .download-response-menu-button:hover {
    background-color: #FD8D3B;
}

/* Dots animation */
#k8-chat-widget .k8-chat-widget-thinking-dots::after {
    content: '';
    display: inline-block;
    animation: k8-chat-widget-thinking-dots 1s steps(5, end) infinite;
}

@keyframes k8-chat-widget-thinking-dots {

    0%,
    20% {
        content: '';
    }

    40% {
        content: '.';
    }

    60% {
        content: '..';
    }

    80%,
    100% {
        content: '...';
    }
}

#k8-chat-widget ::placeholder {
    color: #000000;
    opacity: 0.55;
    /* Firefox */
}

#k8-chat-widget ::-ms-input-placeholder {
    /* Edge 12 -18 */
    color: #000000;
    opacity: 0.55;
}

#k8-chat-widget #gpt-message ul {
    list-style-type: disc;
    padding-inline-start: 1em;
    margin-bottom: 1em
}

#k8-chat-widget #gpt-message ol {
    padding-inline-start: 1em;
    margin-bottom: 1em
}

#k8-chat-widget #gpt-message li {
    margin-left: 1em;
}

#k8-chat-widget #gpt-message p {
    margin-bottom: 0.5em;
}

#k8-chat-widget #gpt-message li p {
    margin-top: 0.5em;
}