/*------------------- Sidebar --------------------*/
/* Offcanvas */
.home-offcanvas {
    background: rgb(249, 249, 250);
}

.home-offcanvas .lw-sidebar-section {
    border: none !important;
}

.home-offcanvas #lwToggle {
    display: none;
}

/* sidebar */
.lw-sidebar-wrapper {
    padding: 5px;
}

/* sidebar box */
.lw-sidebar {
    height: calc(100vh - 48px);
    top: 15px;
}

/* sidebar sections */
.lw-sidebar-section {
    position: relative;
    background: rgb(249, 249, 250);
    border-width: 1px;
    border-color: rgb(242, 242, 242) !important;
    border-radius: 32px;
    transition: width 0.3s ease;
    overflow: hidden;
}

/* states */
.lw-sidebar.collapsed {
    width: 62px;
}

.lw-sidebar:not(.collapsed) {
    width: 300px;
}

/* toggle button */
.lw-toggle {
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    outline: 2px solid transparent;
    outline-offset: 2px;
    color: rgb(51, 51, 51);
    font-weight: 500;
    padding: 11px;
    background-color: rgb(242, 242, 242);
    border-color: transparent;
    border-width: 1px;
    border-radius: 9999px;
}

.lw-toggle:hover {
    background-color: #E6E6E6;

}

.lw-toggle .bi {
    width: 20px;
    height: 20px;
}

/* list */
.lw-sidebar-items {
    list-style: none;
    padding: 0;
    margin: 0;
}

/* item */
.lw-sidebar-items a {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px 16px;
    color: #444;
    text-decoration: none;
    white-space: nowrap;
    border-radius: 13px;
}

.lw-sidebar-items a:hover {
    background-color: #F4F4F5;
}

.lw-sidebar-items li {
    padding: 0 5px;
}

.lw-sidebar-items i {
    font-size: 20px;
}


.lw-sidebar.collapsed .lw-title {
    display: none;
}

.lw-title {
    width: 100%;
}

/* center icons when collapsed */
.lw-sidebar.collapsed a {
    justify-content: center;
    padding: 12px 0;
}

/* chatbot discussion */
.lw-sidebar-section .mwai-discussions {
    background: none;
    border: none;
    box-shadow: none;
    border-radius: 0;

}

.lw-sidebar-section .mwai-header {
    background: rgb(249, 249, 250) !important;
    position: sticky;
    top: 0;
    z-index: 1020;
    border: none !important;
}

.lw-sidebar-section .mwai-discussions .mwai-header button, .lw-sidebar-section .mwai-discussions .mwai-header button:hover:not(:disabled) {
    background: none;
    padding: 0;
    color: #444;
}

.lw-sidebar-section .mwai-discussions-container {
    max-height: 300px;
    overflow: auto;
}

.lw-sidebar-section .mwai-discussions .mwai-header button:focus {
    background-color: transparent !important;
}

.lw-sidebar-section .mwai-discussions {
    overflow: visible !important;
}

/* Chatbot Images */
.lw-image-box {
    animation-duration: .3s;
    transition-property: box-shadow;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-duration: .15s;
    box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0.05) 0px 1px 2px 0px;
    border-radius: 1.5rem;
    cursor: pointer;
    border: 0 solid #e5e7eb;
}

.lw-image-box:hover {
    box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.1) 0px 4px 6px -4px;
}

.lw-image-box img:hover {
    transform: scale(1.05);
    transition-duration: .3s;
}

.lw-upgrade-button {
    color: rgb(250, 183, 0);
    font-weight: 700;
    background-color: rgb(254, 247, 230);

}

a.lw-upgrade-button i {
    color: rgb(250, 183, 0);
}

.lw-upgrade-button:hover {
    color: rgb(250, 183, 0);
}

/* Chat bot */
#lw-chatbot .mwai-body {
    background-color: unset;

}

#lw-chatbot .mwai-input {
    border: 1px solid #e5e7eb;
    border-radius: 1.5rem;
    padding: 19px 22px;
}

#lw-chatbot textarea {
    background: white;
    text-align: right;
}


#lw-chatbot .mwai-conversation .mwai-reply.mwai-user {
    align-self: flex-start;
}

#lw-chatbot .mwai-conversation .mwai-reply.mwai-ai, #lw-chatbot .mwai-conversation .mwai-reply.mwai-error {
    align-self: flex-end;
}

#lw-chatbot .mwai-input-submit {
    z-index: 9999;
}

#lw-chatbot .mwai-ai .mwai-text {
    color: black;
}

#lw-chatbot .mwai-text {
    line-height: 2.2;
}

#lw-chatbot .mwai-text > div > *{
    margin-bottom: 8px;
}

/*#lw-chatbot .mwai-ai .mwai-text {*/
/*    background-color: #F1F3F7;*/
/*    padding: 7px 12px;*/
/*    border-radius: 10px;*/
/*}*/

#lw-chatbot .mwai-file-upload-icon svg{
    color: black;
}

.mwai-chatgpt-theme .mwai-reply.mwai-user .mwai-text {
    display: inline-block;
    background: #0d7df2;
    padding: 10px 16px;
    border-radius: 20px;
    word-wrap: break-word;
    overflow-wrap: break-word;
    color: white;
}
#lw-chatbot .mwai-name{
    display: none;
}