@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&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=Playfair+Display:ital,wght@0,400..900;1,400..900&display=swap");
* {
    box-sizing: border-box;
}

html,
body {
    height: 100%;
    margin: 0;
    padding: 0;
}

html {
    background: #f6f6f6;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

html p,
html h1,
html h2,
html h3,
html h4,
html h5,
html h6,
html span,
html a,
html button,
html input,
html label,
html select,
html textarea,
html div,
html ul,
html li,
html ol,
html dl,
html dt,
html dd,
html table,
html th,
html td,
html tr,
html form,
html img,
html figure,
html figcaption,
html header,
html footer,
html nav,
html section,
html article,
html aside,
html main,
html address,
html time,
html code,
html pre,
html blockquote,
html hr,
html fieldset,
html legend,
html caption,
html details,
html summary,
html progress,
html meter,
html audio,
html video,
html source,
html track,
html embed,
html object,
html param,
html canvas,
html map,
html area,
html svg,
html math,
html iframe,
html frame,
html frameset,
html noframes,
html script,
html noscript,
html style,
html link,
html meta,
html title,
html base,
html basefont,
html head,
html body,
html html,
html frameset,
html applet,
html isindex,
html listing,
html xmp,
html plaintext,
html dir,
html menu,
html center,
html font,
html big,
html small,
html strike,
html tt,
html u,
html s,
html b,
html strong,
html em,
html mark,
html cite,
html dfn,
html abbr,
html acronym,
html q,
html sub,
html sup,
html ins,
html del,
html kbd,
html samp,
html var,
html code,
html br,
html wbr,
html a,
html img,
html iframe,
html embed,
html object,
html param,
html video,
html audio,
html source,
html track,
html canvas,
html map,
html area,
html svg,
html math,
html table,
html caption,
html col,
html colgroup,
html thead,
html tbody,
html tfoot,
html tr,
html th,
html td,
html form,
html label,
html input,
html button,
html select,
html datalist,
html optgroup,
html option,
html textarea,
html keygen,
html output,
html progress,
html meter,
html fieldset,
html legend,
html label,
html button,
html select,
html datalist,
html optgroup,
html option,
html textarea,
html keygen,
html output,
html progress,
html meter,
html fieldset,
html legend,
html {
    font-family: "Lato", Arial, sans-serif !important;
}

#root {
    height: 100%;
}

.serif {
    font-family: "Playfair Display", serif;
}

.active {
    display: flex !important;
}

p,
ol,
ul,
li,
strong,
em,
a,
span,
div,
button,
input,
label,
select,
textarea {
    font-size: 16px;
    line-height: 24px;
}

ul li {
    padding-bottom: 8px;
}

.questionInputContainer {
    height: 72px;
    position: absolute;
    left: 0;
    right: 0%;
    top: 0%;
    bottom: 0%;
    background: #ffffff;
    /* box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.14), 0px 0px 2px rgba(0, 0, 0, 0.12); */
    border-radius: 8px;
    border: 1px solid #cccdd0;
    display: block;
}

.questionInputContainer.hidden {
    display: none;
}

.questionInputTextArea {
    width: 97%;
    line-height: 40px;
    margin-top: 10px;
    margin-bottom: 10px;
    margin-left: 12px;
    margin-right: 12px;
}

.questionInputSendButtonContainer {
    position: absolute;
    right: 24px;
    bottom: 20px;
}

.questionInputSendButton {
    width: 24px;
    height: 23px;
}

.questionInputSendButtonDisabled {
    /* opacity: 0.4; */
    width: 24px;
    height: 23px;
    background: none;
    color: #424242;
}

.questionInputBottomBorder {
    position: absolute;
    width: 100%;
    height: 4px;
    left: 0%;
    bottom: 0%;
    /* background: radial-gradient(106.04% 106.06% at 100.1% 90.19%,#0F6CBD 33.63%,#8DDDD8 100%); */
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
}

.questionInputOptionsButton {
    cursor: pointer;
    width: 27px;
    height: 30px;
}

.promptRepsonseInteractionRedobutton {
    display: block;
}

.promptRepsonseInteractionSaveButton {
    display: block;
}

@media (max-width: 480px) {
    .questionInputContainer {
        left: 16.5%;
    }
}
.chatMessageUser {
    justify-content: flex-start;
    width: 100%;
    /* max-width: 430px; */
    position: relative;
    /* left: -225px; */
    text-align: center;
}

.chatMessageUserMessage {
    display: block;
    /* padding: 10px 0px; */
    /* background: #EDF5FD; */
    /* border-radius: 8px; */
    /* box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.14), 0px 0px 2px rgba(0, 0, 0, 0.12); */
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    color: #242424;
    order: 0;
    flex-grow: 0;
    word-wrap: break-word;
    max-width: 100%;
    /* COR */
    /* background: #fff url(https://54493.fs1.hubspotusercontent-na1.net/hubfs/54493/iGovern/icons/icon-chat-user.svg) no-repeat left 4px; */
    /* WASHOE */
    background: #fff url(https://54493.fs1.hubspotusercontent-na1.net/hubfs/54493/iGovern/icons/icon-chat-user.svg)
        no-repeat left 4px;
    padding-left: 40px;
    padding-bottom: 5px;
}

/* 
#root #chatInputWrapper {
    display: none !important;
} */

.chatInput {
    position: sticky;
    flex: 0 0 100px;
    padding-top: 12px;
    padding-bottom: 24px;
    padding-left: 24px;
    padding-right: 24px;
    width: calc(100% - 62px);
    max-width: 945px;
    margin-bottom: 50px;
    margin-top: 8px;
    margin-right: 5px;
    display: none;
}

.promptRepsonseInteractionContainer {
    display: flex;
    flex-direction: row;
    justify-content: start;
    align-items: center;
    width: 100%;
    height: auto;
    box-sizing: border-box;
    padding: 10px 0;
    flex-basis: fit-content;
}

.promptRepsonseInteractionSaveButton {
    color: #fff;
    background-color: #02b5e4;
    border: 1px solid #02b5e4;
    font-size: 12px;
    padding: 8px 16px;
    text-align: center;
    border-radius: 10px;
    margin-right: 20px;
    margin-left: 38px;
}

.promptRepsonseInteractionRedobutton {
    color: #000;
    background-color: #fff;
    border: 1px solid #9d9d9d;
    font-size: 12px;
    padding: 8px 16px;
    text-align: center;
    border-radius: 10px;
}

.promptRepsonseInteractionSaveButton:hover,
.promptRepsonseInteractionRedobutton:hover {
    cursor: pointer;
}

/* COR */
/* i.iconPrompt {
    background: url(https://54493.fs1.hubspotusercontent-na1.net/hubfs/54493/iGovern/icons/icon-prompt.svg) no-repeat
        center center;
    display: inline-block;
    background-size: 20px;
    width: 20px;
    height: 20px;
    margin-right: 4px;
    position: relative;
    top: 5px;
} */

/* WASHOE */
i.iconPrompt {
    background: url(https://54493.fs1.hubspotusercontent-na1.net/hubfs/54493/iGovern/icons/icon-prompt-washoe.svg)
        no-repeat center center;
    display: inline-block;
    background-size: 20px;
    width: 20px;
    height: 20px;
    margin-right: 4px;
    position: relative;
    top: 5px;
}

.static-class.selected {
    box-shadow:
        0px 1px 2px rgba(0, 0, 0, 0.14),
        0px 0px 2px rgba(0, 0, 0, 0.12);
    border: 1px solid #9d9d9d50;
    border-radius: 8px;
    padding: 10px;
}

/* COR */
/* li.selected span::before {
    background: transparent url(https://54493.fs1.hubspotusercontent-na1.net/hubfs/54493/iGovern/icons/icon-checkbox-checked.svg) no-repeat center center;
} */

/* WASHOE */
li.selected span::before {
    background: transparent
        url(https://54493.fs1.hubspotusercontent-na1.net/hubfs/54493/iGovern/icons/icon-checkbox-checked-washoe.svg)
        no-repeat center center;
}

#headerSelectNav.active .second-class {
    display: block !important;
}

#promptTextArea {
    min-height: 56px;
    line-height: 24px;
    font-size: 16px;
    padding-right: 60px;
}

.fieldGroup-113 {
    background: none !important;
    background-color: #f6f6f674 !important;
}

.ms-Button-icon {
    color: #000 !important;
}
ul.to-select li.selected h5,
ul.to-select li.selected div:first-child {
    color: #02b5e4;
}

.toIncludeHide:nth-of-type(1) {
    color: red;
}

.toIncludeHide[data-promptcount="1"] {
    background-color: green;
    display: none;
}

.toIncludeHide:nth-of-type(1) .hideUseInReportButton {
    display: none;
}


.container {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.chatRoot {
    flex: 1;
    display: flex;
    margin-top: 0px;
    margin-bottom: 20px;
    margin-left: 20px;
    margin-right: 20px;
    gap: 5px;
}

.chatContainer {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    background-color: #fff;
    border-radius: 20px;
    overflow-y: auto;
    max-height: calc(100vh - 80px);
    max-width: 960px;
    margin: 0 auto;
    align-self: center;
    padding: 45px 0px 0px 0px;
    min-height: 740px;
}

.chatEmptyState {
    display: flex;
    flex-direction: column;
    justify-content: center;
    /* align-items: center; */
    width: 100%;
    margin: 0px auto;
    /* padding: 30px 30px 30px 140px; */
    max-width: 940px;
    /* border-radius: 20px; */
    position: relative;
    background-color: #fff;
    /* max-height: 220px; */
}

.chatEmptyStateTitle {
    font-style: normal;
    font-weight: 700;
    font-size: 60px;
    /* display: flex;
    align-items: flex-end; */
    text-align: center;
    line-height: 60px;
    font-family: "Playfair Display", serif !important;
    padding-bottom: 6px;
    border-bottom: 2px solid #02B5E4;
    margin: 0px auto;
    width: 400px;
}

.chatEmptyStateSubtitle {
    margin: 30px 0px;
    font-style: normal;
    font-weight: 600;
    font-size: 24px;
    line-height: 150%;
    align-items: flex-end;
    text-align: center;
    letter-spacing: -0.01em;
    padding: 0px 100px;
}

.chatIcon {
    height: 80px;
    width: auto;
    margin-bottom: 35px;
    /* position: absolute;
    left: -124px; */
}

.promptTopicWrapper {
    width: calc(100% - 60px);
    margin: 0px 30px;
}

.promptTopicWrapper textarea {
    border: 1px solid #9d9d9d;
    border-radius: 10px;
    background-color: #f6f6f6;
    width: 100%;
    padding: 16px 20px;
    outline: none;
    font-size: 16px;
    line-height: 24px;
    font-style: italic;
    box-shadow: 1px 3px 2px rgba(0, 0, 0, 0.04);
    font-weight: bold;
}

::placeholder {
    color: #000;
}

.fakeTextArea {
    border: 1px solid #9d9d9d;
    border-radius: 10px;
    background-color: #f6f6f6;
    width: 100%;
    padding: 16px 20px;
    outline: none;
    font-size: 16px;
    line-height: 24px;
    font-style: italic;
    box-shadow: 1px 3px 2px #0000000a;
    font-weight: 700;
}

.fakeTextArea input {
    display: inline-block;
    margin: 3px;
    border: 1px solid #9d9d9d;
    border-radius: 4px;
    outline: none;
    padding: 0px 8px;
    font-style: italic;
    font-weight: bold;
}

.fakeTextArea input::placeholder {
    font-style: italic;
    font-weight: bold;
    color: #00000070
}

.buttonReport {
    color: #fff;
    background-color: #02B5E4;
    border: 1px solid #02B5E4;
    font-size: 14px;
    padding: 12px 20px;
    text-align: center;
    border-radius: 10px;
    filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
}

.buttonResearch {
    color: #000;
    background-color: #fff;
    border: 1px solid #9d9d9d;
    font-size: 14px;
    padding: 12px 20px;
    text-align: center;
    border-radius: 10px;
}

.buttonReport:hover,
.buttonResearch:hover {
    cursor: pointer;
}

.chatMessageStream {
    flex-grow: 1;
    max-width: 900px;
    width: 100%;
    overflow-y: auto;
    padding-left: 0px;
    padding-right: 24px;
    display: flex;
    flex-direction: column;
    padding-left: 5px;
}



.chatMessageUserMessage {
    display: block;
    /* padding: 10px 0px; */
    /* background: #EDF5FD; */
    /* border-radius: 8px; */
    /* box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.14), 0px 0px 2px rgba(0, 0, 0, 0.12); */
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
    color: #242424;
    order: 0;
    flex-grow: 0;
    white-space: pre-wrap;
    word-wrap: break-word;
    max-width: 100%;
    /* washoe county */
    background: #fff url(https://54493.fs1.hubspotusercontent-na1.net/hubfs/54493/iGovern/icons/icon-chat-user.svg)
        no-repeat left 4px;
    /* COR */
    /* background: #fff url(https://54493.fs1.hubspotusercontent-na1.net/hubfs/54493/iGovern/icons/icon-chat-user-cor.svg)
        no-repeat left 4px; */
    padding-left: 40px;
    padding-bottom: 15px;
}

.chatMessagePromptMessageBlock {
    box-shadow: 1px 3px 2px rgba(0, 0, 0, 0.04);
    border-radius: 10px;
    border: 1px solid #072B5521;
    padding: 25px;
    display: inline-block;
    width: 330px;
    margin: 0px 30px 60px 30px;
    text-align: left;
}

.chatMessagePromptMessageBlock h3 {
    font-size: 18px;
    margin: 0 0 10px 0;
    position: relative;
    padding-left: 38px;
}

.chatMessagePromptMessageBlock:hover h3, .chatMessagePromptMessageBlockResearch h3:hover{
    color: #02B5E4;
}

.chatMessagePromptMessageBlock p {
    font-size: 14px;
    font-weight: 500;
}

h3.buttonReportBlock::before {
    content: "";
    background: url(https://54493.fs1.hubspotusercontent-na1.net/hubfs/54493/iGovern/icons/icon-staff-h3.svg) no-repeat left 4px;
    position: absolute;
    background-size: 20px;
    width: 28px;
    height: 28px;
    left: 0px;
    top: 7px;
}

.chatMessagePromptMessageBlockResearch {
    box-shadow: 1px 3px 2px rgba(0, 0, 0, 0.04);
    border-radius: 10px;
    border: 1px solid #072B5521;
    padding: 25px;
    display: inline-block;
    width: 330px;
    margin: 0px 30px 60px 30px;
    text-align: left;
}

.chatMessagePromptMessageBlockResearch h3 {
    font-size: 18px;
    margin: 0 0 10px 0;
    position: relative;
    padding-left: 38px;
}

.chatMessagePromptMessageBlockResearch p {
    font-size: 14px;
    font-weight: 500;
}

.chatMessagePromptMessageBlock:hover, .chatMessagePromptMessageBlockResearch:hover {
    cursor: pointer;
}

h3.buttonReportBlockResearch::before {
    content: "";
    background: url(https://54493.fs1.hubspotusercontent-na1.net/hubfs/54493/iGovern/icons/icon-research-h3.svg) no-repeat left 4px;
    position: absolute;
    background-size: 20px;
    width: 28px;
    height: 28px;
    left: 0px;
    top: 7px;
}

.chatMessagePromptMessage {
    display: inline-block;
    background: #fff;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    color: #242424;
    max-width: 50%;
    margin: 16px 0px 0 0;
    width: 180px;
    text-align: center;
}

.chatMessagePromptMessage ul {
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    margin-top: 40px;
    background-color: #fff;
}

.chatMessagePromptMessage ul li {
    padding: 10px 20px;
    font-size: 14px;
    border: 1px solid #d7dde4;
    border-radius: 8px;
    list-style-type: none;
    margin-bottom: 12px;
    flex: 1;
}

.chatMessagePromptMessage ul li p {
    padding-bottom: 0px;
    font-size: 14px;
    margin: 0;
    color: #02b5e4;
    font-weight: 600;
}

.chatMessagePromptMessage ul li:hover {
    cursor: pointer;
    background: #02b5e4;
    background: linear-gradient(to right, #02b5e4 0%, #006d9c 100%);
}

.chatMessagePromptMessage ul li:hover p {
    color: #fff;
}

.chatMessagePromptMessage ul li p + p {
    padding-bottom: 0px;
    font-size: 12px;
    margin: 0;
    color: #000;
}

.chatMessagePromptMessage ul li:hover p + p {
    color: #fff;
}

.chatMessagePromptMessage ul li p:hover {
    cursor: pointer;
}

.chatMessageGpt {
    margin-bottom: 12px;
    max-width: 100%;
    display: flex;
    flex-wrap: wrap;
}

.chatMessageGpt.selected {
    background: #02b5e4;
}

.chatMessageId {
    min-width: 100%;
}

.infoContainer {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    margin-top: 40px;
    background-color: #fff;
    z-index: 90;
    position: relative;
    max-width: 764px;
    margin: 60px auto 0px auto;
    display: none;
}

.infoColumn {
    flex: 1; /* Columns take up equal space */
    background-color: #fff;
    padding: 0px 30px;
    border-radius: 5px;
    color: #9f9f9f;
    font-size: 14px;
}

.infoColumn ul {
    padding-left: 0px;
    margin-top: 0px;
}

.infoColumn p,
.infoColumn li,
.infoColumn strong {
    font-size: 12px;
    margin-top: 0;
    line-height: 20px;
}

.infoColumn p,
.infoColumn li {
    padding-right: 0px;
}

.infoColumnIcon {
    margin-right: 10px; /* Space between icon and heading */
}

h4.infoColumnHeader {
    font-size: 16px;
    font-weight: bold;
    margin: 0 0 6px 0;
}

i.infoColumnIconSource {
    background: url(https://54493.fs1.hubspotusercontent-na1.net/hubfs/54493/iGovern/icons/icon-source.svg) no-repeat
        center center;
    display: inline-block;
    background-size: 20px;
    width: 20px;
    height: 20px;
    margin-right: 4px;
    position: relative;
    top: 5px;
}

i.infoColumnIconCreate {
    background: url(https://54493.fs1.hubspotusercontent-na1.net/hubfs/54493/iGovern/icons/icon-create.svg) no-repeat
        center center;
    display: inline-block;
    background-size: 20px;
    width: 20px;
    height: 20px;
    margin-right: 4px;
    position: relative;
    top: 5px;
}



.chatMessageError {
    padding: 20px;
    border-radius: 8px;
    box-shadow:
        rgba(182, 52, 67, 1) 1px 1px 2px,
        rgba(182, 52, 67, 1) 0px 0px 1px;
    color: #242424;
    flex: none;
    order: 0;
    flex-grow: 0;
    max-width: 800px;
    margin-bottom: 12px;
}

.chatMessageErrorContent {
    /* font-family: "Segoe UI"; */
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    white-space: pre-wrap;
    word-wrap: break-word;
    gap: 12px;
    align-items: center;
}

.chatInput {
    position: sticky;
    flex: 0 0 100px;
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
    width: calc(100% - 62px);
    max-width: 945px;
    margin-bottom: 50px;
    margin-top: 8px;
    margin-right: 5px;
    display: none;
    min-height: 90px;
    top: 0px;
    left: 0px;
}

button.openDialogButton:hover, button.closeDialogButton:hover, button.openDialogButtonTopic:hover, button.closeDialogButtonTopic:hover {
    cursor: pointer;
}

.promptTextArea {
    display: block;
    width: 100%;
    height: auto;
    box-sizing: border-box;
    padding: 10px 0;
}

.clearChatBroom {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    position: relative;
    width: 141px;
    height: 40px;
    top: 90px;
    color: #000;
    border: 1px solid #9d9d9d50;
    background-color: #fff;
    z-index: 1;
    font-size: 11px;
    font-weight: 600;
    border-radius: 5px;
    float: left;
    /* background: #02b5e4
        url(https://54493.fs1.hubspotusercontent-na1.net/hubfs/54493/iGovern/icons/icon-button-arrow.svg) no-repeat 96%
        center;
    background-size: 24px; */
    /* padding-left: 12px; */
    font-size: 12px;
}

.clearChatBroom span {
    font-size: 12px;
}

.clearChatBroomNoCosmos {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    position: relative;
    width: 141px;
    height: 40px;
    float: left;
    top: 90px;
    color: #000;
    z-index: 1;
    font-size: 11px;
    font-weight: 600;
    border: 1px solid #9d9d9d50;
    background-color: #fff;
    border-radius: 5px;
    /* background: #02b5e4
        url(https://54493.fs1.hubspotusercontent-na1.net/hubfs/54493/iGovern/icons/icon-button-arrow.svg) no-repeat 96%
        center;
    background-size: 24px;
    padding-left: 12px; */
    font-size: 12px;
}

.clearChatBroomNoCosmos span {
    font-size: 12px;
}

.newChatIcon {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    position: relative;
    width: 140px;
    height: 40px;
    top: 90px;
    font-size: 12px;
    color: #000;
    border: 1px solid #9d9d9d50;
    background-color: #fff;
    border-radius: 5px;
    z-index: 1;
    margin-right: 20px;
    float: left;
    /* background: #0976aa
        url(https://54493.fs1.hubspotusercontent-na1.net/hubfs/54493/iGovern/icons/icon-button-arrow.svg) no-repeat 96%
        center;
    background-size: 24px;
    padding-left: 12px; */
}

.newChatIcon span {
    font-size: 12px;
}

.handleGenerateReportClick {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    position: relative;
    width: 141px;
    height: 40px;
    top: 90px;
    color: #fff;
    background-color: #02B5E4;
    border: 1px solid #02B5E4;
    z-index: 1;
    font-size: 11px;
    font-weight: 600;
    border-radius: 5px;
    /* background: #02b5e4
        url(https://54493.fs1.hubspotusercontent-na1.net/hubfs/54493/iGovern/icons/icon-button-arrow.svg) no-repeat 96%
        center;
    background-size: 24px; */
    /* padding-left: 12px; */
    font-size: 12px;
    float: right;
    margin-right: -62px;
}

.handleGenerateReportClick span {
    font-size: 12px;
}

.handleAddData {
    border: none;
    outline: none;
    background: none;
    font-weight: bold;
    font-size: 12px;
}

.handleAddData span {
    font-size: 12px;
}

.clearChatBroom:hover,
.clearChatBroomNoCosmos:hover,
.newChatIcon:hover {
    cursor: pointer;
}

.stopGeneratingContainer {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 5px 16px;
    gap: 4px;
    position: absolute;
    width: 161px;
    height: 32px;
    left: calc(50% - 161px / 2 + 25.8px);
    bottom: 116px;
    border: 1px solid #d1d1d1;
    border-radius: 16px;
}

.stopGeneratingIcon {
    width: 14px;
    height: 14px;
    color: #424242;
}

.stopGeneratingText {
    width: 103px;
    height: 20px;
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
    display: flex;
    align-items: center;
    color: #242424;
    flex: none;
    order: 0;
    flex-grow: 0;
}

.citationPanel {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 16px 16px;
    gap: 8px;
    background: #ffffff;
    box-shadow:
        0px 2px 4px rgba(0, 0, 0, 0.14),
        0px 0px 2px rgba(0, 0, 0, 0.12);
    border-radius: 8px;
    flex: auto;
    order: 0;
    align-self: stretch;
    flex-grow: 0.3;
    max-width: 30%;
    overflow-y: scroll;
    max-height: calc(100vh - 100px);
}

.citationPanelHeaderContainer {
    width: 100%;
}

.citationPanelHeader {
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 24px;
    color: #000000;
    flex: none;
    order: 0;
    flex-grow: 0;
}

.citationPanelDismiss {
    width: 18px;
    height: 18px;
    color: #424242;
}

.citationPanelDismiss:hover {
    background-color: #d1d1d1;
    cursor: pointer;
}

.citationPanelTitle {
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 22px;
    color: #323130;
    margin-top: 12px;
    margin-bottom: 12px;
}

.citationPanelTitle:hover {
    text-decoration: underline;
    cursor: pointer;
}

.citationPanelContent {
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: #000000;
    flex: none;
    order: 1;
    align-self: stretch;
    flex-grow: 0;
}

a {
    padding-left: 5px;
    padding-right: 5px;
}

.viewSourceButton {
    font-style: normal;
    font-weight: 600;
    font-size: 12px;
    line-height: 16px;
    color: #115ea3;
    flex-direction: row;
    align-items: center;
    padding: 4px 6px;
    gap: 4px;
    border: 1px solid #d1d1d1;
    border-radius: 4px;
}

.viewSourceButton:hover {
    text-decoration: underline;
    cursor: pointer;
}

.promptRepsonseInteractionContainer {
    display: flex;
    flex-direction: row;
    justify-content: start;
    align-items: center;
    width: 100%;
    height: auto;
    box-sizing: border-box;
    padding: 10px 0;
}

.promptRepsonseInteractionSaveButton {
    color: #fff;
    background-color: #02B5E4;
    border: 1px solid #02B5E4;
    font-size: 12px;
    padding: 8px 16px;
    text-align: center;
    border-radius: 5px;
    margin-left: 38px;
}

.promptRepsonseInteractionRedobutton {
    color: #000;
    background-color: #fff;
    border: 1px solid #9d9d9d;
    font-size: 12px;
    padding: 8px 16px;
    text-align: center;
    border-radius: 5px;
}

.promptRepsonseInteractionSaveButton:hover,
.promptRepsonseInteractionRedobutton:hover {
    cursor: pointer;
}

/* .promptRepsonseInteractionContainer > div {
    display: inline-block;
    width: 150px;
    padding: 5px 10px;
    color: #fff;
    background-color: #02B5E4;
} */

.dialogWrapper, .dialogWrapperTopic {
    position: relative;
    width: 100%;
    justify-content: flex-end;
    max-width: 904px;
    display: none;
}

button.openDialogButton, button.openDialogButtonTopic {
    border: none;
    outline: none;
    background: none;
    font-weight: bold;
    font-size: 14px;
}

button.openDialogButton:hover, button.closeDialogButton:hover, button.openDialogButtonTopic:hover, button.closeDialogButtonTopic:hover {
    cursor: pointer;
}

/* COR */
/* i.iconPrompt {
    background: url(https://54493.fs1.hubspotusercontent-na1.net/hubfs/54493/iGovern/icons/icon-prompt.svg) no-repeat
        center center;
    display: inline-block;
    background-size: 20px;
    width: 20px;
    height: 20px;
    margin-right: 4px;
    position: relative;
    top: 5px;
} */

/* WASHOE */
i.iconPrompt {
    background: url(https://54493.fs1.hubspotusercontent-na1.net/hubfs/54493/iGovern/icons/icon-prompt-washoe.svg) no-repeat
        center center;
    display: inline-block;
    background-size: 20px;
    width: 20px;
    height: 20px;
    margin-right: 4px;
    position: relative;
    top: 0px;
}

.addDataWrapper {
    position: absolute;
    top: -385px;
    right: 0px;
    padding: 20px;
    border: 1px solid #9d9d9d;
    border-radius: 10px;
    filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, .25));
    background-color: #fff;
    width: 775px;
    z-index: 99;
    display: none;
}

.addDataWrapper textarea {
    border: 1px solid #9d9d9d;
    border-radius: 10px;
    background-color: #f6f6f6;
    width: 735px;
    padding: 16px 20px;
    outline: none;
    font-size: 16px;
    line-height: 24px;
    box-shadow: 1px 3px 2px rgba(0, 0, 0, 0.04);
}

.submitAddData {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    position: relative;
    width: 141px;
    height: 40px;
    color: #fff;
    background-color: #02b5e4;
    border: 1px solid #02B5E4;
    z-index: 1;
    font-size: 11px;
    font-weight: 600;
    border-radius: 5px;
    font-size: 12px;
    margin-top: 20px;
    float: right;
}

.dialog {
    position: absolute;
    top: -400px;
    right: 0px;
    padding: 20px;
    border: 1px solid #9d9d9d;
    border-radius: 10px;
    filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
    background-color: #fff;
    width: 775px;
    z-index: 99;
    display: none;
}

.dialogTopic {
    position: absolute;
    top: -305px;
    right: 0px;
    padding: 20px;
    border: 1px solid #9d9d9d;
    border-radius: 10px;
    filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
    background-color: #fff;
    width: 775px;
    z-index: 99;
    display: none;
}

.dialog p, .dialogTopic p {
    color: #9f9f9f;
    font-size: 12px;
}

.dialogHeader, .dialogHeaderTopic {
    display: flex;
    justify-content: space-between;
    justify-content: flex-start;
    margin-bottom: 10px;
    position: relative;
    border-bottom: 1px solid #9f9f9f50;
    padding: 0px 0px 10px 0px;
    margin-bottom: 10px;
    position: relative;
}

.dialogHeader h3, .dialogHeaderTopic h3 {
    padding: 0;
    margin: 0;
    font-size: 18px;
}

button.closeDialogButton, button.closeDialogButtonTopic {
    border: none;
    outline: none;
    background: none;
    font-weight: bold;
    color: #9f9f9f;
    font-size: 14px;
    position: absolute;
    right: -4px;
    top: -8px;
    color: transparent;
    background: transparent
        url(https://54493.fs1.hubspotusercontent-na1.net/hubfs/54493/iGovern/icons/icon-close-modal.svg) no-repeat
        center center;
}

button.openDialogButton:hover, button.closeDialogButton:hover, button.openDialogButtonTopic:hover, button.closeDialogButtonTopic:hover, button.handleAddData:hover, button#submitAddData:hover, button#submitAddDataTopic:hover, button#closeDialogButtonDataTopic:hover {
    cursor: pointer;
}

.dialogItemsWrapper {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    min-width: 100%;
}

ul.dialogItems {
    padding: 0;
    margin: 0;
    list-style-type: none;
    width: 49%;
    display: flex;
    flex-direction: column;
}

ul.dialogItems li {
    list-style-type: none;
    padding: 10px;
    margin: 0px 0px 10px 0px;
    border-radius: 10px;
    font-size: 8px;
}

ul.dialogItems li:hover {
    cursor: pointer;
}

.dialogItemsNumber {
    font-size: 32px;
    line-height: 32px;
    font-weight: 700;
    color: #9d9d9d50;
    display: flex;
    height: 100%;
    float: left;
    align-items: center;
    padding-right: 10px;
}

.dialogItemsText {
    font-size: 12px;
    line-height: 16px;
    display: inline-block;
    width: calc(100% - 58px);
    padding-top: 5px;
    padding-left: 5px;
}

ul.dialogItems li h5 {
    margin: 0 0 5px 0;
    font-size: 16px;
    line-height: 16px;
    font-weight: bold;
}

.dialogItemsCheck {
    position: relative;
    font-size: 25px;
    line-height: 25px;
    font-weight: 700;
    color: #9d9d9d50;
    display: flex;
    height: 100%;
    float: right;
    align-items: center;
}

.dialogItemsCheck input[type="checkbox"] {
    display: none; /* Hide default checkbox */
}

.checkboxIcon {
    display: inline-block;
    width: 20px;
    height: 20px;
    cursor: pointer;
}

.checkboxIcon::before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 24px;
    height: 24px;
    transform: translate(-50%, -50%);
    color: transparent;
    background: transparent
        url(https://54493.fs1.hubspotusercontent-na1.net/hubfs/54493/iGovern/icons/icon-checkbox.svg) no-repeat center
        center;
}

/* COR */
/* .dialogItemsCheck:hover .checkboxIcon::before {
    background: transparent
        url(https://54493.fs1.hubspotusercontent-na1.net/hubfs/54493/iGovern/icons/icon-checkbox-checked.svg) no-repeat
        center center;
}

.dialogItemsCheck input[type="checkbox"]:checked + label .checkboxIcon::before {
    background: transparent
        url(https://54493.fs1.hubspotusercontent-na1.net/hubfs/54493/iGovern/icons/icon-checkbox-checked.svg) no-repeat
        center center;
}

ul.dialogItems li:hover h5,
ul.dialogItems li:hover .dialogItemsNumber {
    color: #02B5E4;
}

ul.dialogItems li:hover .checkboxIcon::before {
    background: transparent
        url(https://54493.fs1.hubspotusercontent-na1.net/hubfs/54493/iGovern/icons/icon-checkbox-checked.svg) no-repeat
        center center;
}

ul.to-select li.selected .checkboxIcon::before {
    background: transparent
        url(https://54493.fs1.hubspotusercontent-na1.net/hubfs/54493/iGovern/icons/icon-checkbox-checked.svg) no-repeat
        center center;
} */

/* Washoe */
.dialogItemsCheck:hover .checkboxIcon::before {
    background: transparent
        url(https://54493.fs1.hubspotusercontent-na1.net/hubfs/54493/iGovern/icons/icon-checkbox-checked-washoe.svg) no-repeat
        center center;
}

.dialogItemsCheck input[type="checkbox"]:checked + label .checkboxIcon::before {
    background: transparent
        url(https://54493.fs1.hubspotusercontent-na1.net/hubfs/54493/iGovern/icons/icon-checkbox-checked-washoe.svg) no-repeat
        center center;
}

ul.dialogItems li:hover h5,
ul.dialogItems li:hover .dialogItemsNumber {
    color: #02B5E4;
}

ul.dialogItems li:hover .checkboxIcon::before {
    background: transparent
        url(https://54493.fs1.hubspotusercontent-na1.net/hubfs/54493/iGovern/icons/icon-checkbox-checked-washoe.svg) no-repeat
        center center;
}

ul.to-select li.selected .checkboxIcon::before {
    background: transparent
        url(https://54493.fs1.hubspotusercontent-na1.net/hubfs/54493/iGovern/icons/icon-checkbox-checked-washoe.svg) no-repeat
        center center;
}

@media (max-width: 480px) {
    .chatInput {
        width: 90%;
        max-width: 90%;
    }

    .newChatIcon {
        left: 0px;
    }

    .clearChatBroom {
        left: 0px;
    }

    .clearChatBroomNoCosmos {
        left: 0px;
    }

    .chatEmptyStateTitle {
        line-height: 36px;
    }
}

.layout {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.header {
    background-color: #f6f6f6;
    max-width: 1000px;
    margin: 0px auto;
    padding: 10px 0px;
    flex-wrap: wrap;
    display: flex;
    align-items: center;
}

.headerContainer {
    display: flex;
    justify-content: left;
    align-items: center;
}

.headerTitleContainer {
    display: flex;
    align-items: center;
    margin-left: 14px;
    text-decoration: none;
}

.headerTitle {
    font-style: normal;
    font-weight: 600;
    font-size: 20px;
    line-height: 28px;
    display: flex;
    align-items: flex-end;
    color: #242424;
    display: none;
}

.headerIcon {
    height: 40px;
    width: auto;
    margin-right: 30px;
    margin-top: 6px;
}

.headerIcon:hover {
    cursor: pointer;
}

.headerSelectNav {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 25px 0px;
}

.headerSelectedNav {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    justify-content: left;
    padding-left: 20px;
    align-items: center;
    position: relative;
    width: 325px;
    height: 50px;
    font-size: 12px;
    color: #000;
    border: 1px solid #fff;
    background-color: #fff;
    border-radius: 8px;
    z-index: 1;
    font-size: 18px;
    position: relative;
}

.headerSelectedNav:hover {
    cursor: pointer;
}

/* COR */
/* .headerSelectedNav::after {
    content: "";
    background: url(https://54493.fs1.hubspotusercontent-na1.net/hubfs/54493/iGovern/icons/icon-toggle-nav.svg) no-repeat center center;
    width: 15px;
    height: 8px;
    position: absolute;
    top: 20px;
    right: 12px;
} */

/* WASHOE */
.headerSelectedNav::after {
    content: "";
    background: url(https://54493.fs1.hubspotusercontent-na1.net/hubfs/54493/iGovern/icons/icon-toggle-nav-washoe.svg) no-repeat center center;
    width: 15px;
    height: 8px;
    position: absolute;
    top: 20px;
    right: 12px;
}


.headerSelectedNavDropDown {
    position: absolute;
    bottom: -175px;
    border: 1px solid #fff;
    background-color: #fff;
    border-radius: 8px;
    filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
    width: 325px;
    left: -1px;
}

ul.dialogItems {
    padding: 0;
    margin: 0;
    list-style-type: none;
    width: 100%;
    display: flex;
    flex-direction: column;
}

ul.dialogItems li {
    list-style-type: none;
    padding: 10px 10px 10px 20px;
    font-size: 16px;
}

ul.dialogItems a {
    text-decoration: none;
    font-size: 16px;
    padding: 0;
}

ul.dialogItems li:hover {
    cursor: pointer;
}

.dialogItemsNumber {
    font-size: 25px;
    line-height: 25px;
    font-weight: 700;
    color: #9d9d9d50;
    display: flex;
    height: 100%;
    float: left;
    align-items: center;
    padding-right: 10px;
}

.dialogItemsText {
    font-size: 8px;
    line-height: 12px;
    display: inline-block;
    width: calc(100% - 58px);
}

ul.dialogItems li h5 {
    margin: 0 0 5px 0;
    font-size: 10px;
    line-height: 14px;
    font-weight: bold;
}

.dialogItemsCheck {
    position: relative;
    font-size: 25px;
    line-height: 25px;
    font-weight: 700;
    color: #9d9d9d50;
    display: flex;
    height: 100%;
    float: right;
    align-items: center;
}

.dialogItemsCheck input[type="checkbox"] {
    display: none; /* Hide default checkbox */
}

.checkboxIcon {
    display: inline-block;
    width: 20px;
    height: 20px;
    cursor: pointer;
}

.checkboxIcon::before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 24px;
    height: 24px;
    transform: translate(-50%, -50%);
    color: transparent;
    background: transparent url(https://54493.fs1.hubspotusercontent-na1.net/hubfs/54493/iGovern/icons/icon-checkbox.svg) no-repeat center center;
}

.dialogItemsCheck:hover .checkboxIcon::before {
    background: transparent url(https://54493.fs1.hubspotusercontent-na1.net/hubfs/54493/iGovern/icons/icon-checkbox-checked.svg) no-repeat center center;
}

.dialogItemsCheck input[type="checkbox"]:checked + label .checkboxIcon::before {
    background: transparent url(https://54493.fs1.hubspotusercontent-na1.net/hubfs/54493/iGovern/icons/icon-checkbox-checked.svg) no-repeat center center;
}

ul.dialogItems li:hover .checkboxIcon::before {
    background: transparent url(https://54493.fs1.hubspotusercontent-na1.net/hubfs/54493/iGovern/icons/icon-checkbox-checked.svg) no-repeat center center;
}

ul.dialogItems li.selected .checkboxIcon::before {
    background: transparent url(https://54493.fs1.hubspotusercontent-na1.net/hubfs/54493/iGovern/icons/icon-checkbox-checked.svg) no-repeat center center;
}

@media (max-width: 480px) {
    .headerTitleContainer {
        margin-left: 4px;
    }

    .headerIcon {
        margin-left: 26px;
    }
}
.answerContainer {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0px;
    /* gap: 5.42px; */
    /* background: #FFFFFF; */
    /* box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.14), 0px 0px 2px rgba(0, 0, 0, 0.12); */
    /* border-radius: 5.419px; */
}

.answerText {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    color: #323130;
    flex: none;
    order: 1;
    align-self: stretch;
    flex-grow: 0;
    /* margin: 11px; */
    white-space: normal;
    word-wrap: break-word;
    max-width: 100%;
    overflow-x: auto;
    /* washoe county */
    /* background: transparent
        url(https://54493.fs1.hubspotusercontent-na1.net/hubfs/54493/iGovern/icons/icon-chat-system-washoe.svg)
        no-repeat left 4px; */
    /* COR */
    background: transparent
        url(https://54493.fs1.hubspotusercontent-na1.net/hubfs/54493/iGovern/icons/city-of-reno-logo.svg)
        no-repeat left 4px;
    background-size: 30px;
    padding-left: 40px;
    padding-bottom: 30px;
    position: relative;
    top: 16px;
}

.answerText:before {
    content: "Madison AI";
    font-weight: bold;
    position: relative;
    top: 0px;
    left: 0px;
    font-size: 18px;
    font-family: "Playfair Display", serif !important;
}

.answerText p:first-of-type,
.answerText h1:first-of-type,
.answerText h2:first-of-type,
.answerText h3:first-of-type {
    margin-top: 2px;
}

.answerHeader {
    position: relative;
}

.answerFooter {
    display: flex;
    flex-flow: row nowrap;
    width: 100%;
    height: auto;
    box-sizing: border-box;
    justify-content: space-between;
    margin-top: 12px;
}

.answerFooter span {
    padding-left: 15px;
    color: #02B5E4;
}

.answerDisclaimerContainer {
    justify-content: center;
    display: flex;
}

.answerDisclaimer {
    font-style: normal;
    font-weight: 400;
    font-size: 10px;
    line-height: 16px;

    display: flex;
    align-items: center;
    text-align: center;
    color: #707070;
    flex: none;
    order: 1;
    flex-grow: 0;
    z-index: 99;
    margin-left: 38px;
}

.citationContainer {
    margin-left: 10px;
    font-style: normal;
    font-weight: 600;
    font-size: 12px;
    line-height: 16px;
    width: 48%;
    color: #115ea3;
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 4px 6px;
    gap: 4px;
    border: 1px solid #d1d1d1;
    border-radius: 4px;
    min-width: 256px;
}

.citationContainer:hover {
    text-decoration: underline;
    cursor: pointer;
}

.citation {
    box-sizing: border-box;
    display: inline-flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px;
    width: 14px;
    height: 14px;
    border: 1px solid #e0e0e0;
    border-radius: 4px;
    flex: none;
    flex-grow: 0;
    z-index: 2;
    font-style: normal;
    font-weight: 600;
    font-size: 10px;
    line-height: 14px;
    text-align: center;
    color: #424242;
    cursor: pointer;
}

.citation:hover {
    text-decoration: underline;
    cursor: pointer;
}

.accordionIcon {
    display: inline-flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 0px;
    margin-top: 4px;
    color: #616161;
    font-size: 10px;
}

.accordionIcon:hover {
    cursor: pointer;
}

.accordionTitle {
    margin-right: 5px;
    margin-left: 10px;
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    display: flex;
    align-items: center;
    font-weight: bold;
}

.accordionTitle:hover {
    cursor: pointer;
}

.clickableSup {
    box-sizing: border-box;
    display: inline-flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px;
    width: 14px;
    height: 14px;
    border: 1px solid #e0e0e0;
    border-radius: 4px;
    flex: none;
    order: 2;
    flex-grow: 0;
    z-index: 2;
    font-style: normal;
    font-weight: 600;
    font-size: 10px;
    line-height: 14px;
    text-align: center;
    color: #424242;
    cursor: pointer;
}

.clickableSup:hover {
    text-decoration: underline;
    cursor: pointer;
}

sup {
    font-size: 10px;
    line-height: 10px;
}

#report-box, #summary-box {
    padding: 30px;
    max-width: 900px;
}