/* Add here all your CSS customizations */

:root {
    --main-color: #B3A369;
    --second-color: #b3a369;
}
.text-gold {
    --bs-text-opacity: 1;
    color: var(--main-color);
}
.bg-gold {
    background-color: var(--main-color);
}
.cursorPointer {
    cursor: pointer !important;
}
.cursorHelp {
    cursor: help !important;
}
.colorRed {
    color: crimson !important;
}
.colorCoral {
    color: coral !important;
}
.colorYellow {
    color: yellow !important;
}
.circle-Tooltip {
    border-radius: 50px;
    border: 1px solid;
    margin-right: 5px;
}
.circle-Tooltip > i {
    padding: 3px 7px 3px 9px;
}
.no-spin::-webkit-inner-spin-button,
.no-spin::-webkit-outer-spin-button {
    -webkit-appearance: none !important;
    margin: 0 !important;
    -moz-appearance: textfield !important;
}
.noDisplay {
    display: none;
}
.notifications > li .notification-icon .incident {
    background: darkorange;
    color: white;
    font-size: 10px;
    font-weight: normal;
    height: 16px;
    padding: 3px 5px 3px 5px;
    position: absolute;
    right: -8px;
    top: -3px;
    border-radius: 100%;
}
.italic-Grey {
    color: darkgrey;
    font-style: italic;
}
.sup-input {
    display: block;
    margin-top: -20px;
}
.logo_login {
    width: 206px;
    height: auto;
    margin-left: 17px;
    margin-top: 2px;
}
.tooltip-inner {
    max-width: 400px !important;
}
.content-body {
    padding: 25px;
}
.btn-outline-primary:not(:disabled):not(.disabled):active,
.btn-outline-primary:not(:disabled):not(.disabled).active,
.show > .btn-outline-primary.dropdown-toggle {
    color: #fff;
    background-color: var(--main-color);
    border-color: var(--second-color);
}
.btn-outline-primary {
    color: var(--main-color);
    background-color: transparent;
    background-image: none;
    border-color: var(--main-color);
}
.btn-outline-primary:hover {
    color: #fff;
    background-color: var(--main-color);
    border-color: var(--second-color);
}
.bullet-n {
    padding: 0.313rem !important;
    border-radius: 50rem;
    display: inline-block;
}
.mfp-iframe-holder .mfp-content {
    max-width: 993px;
}
.result-count {
    margin-top: -13px;
    padding-bottom: 10px;
    color: var(--main-color);
    font-size: smaller;
}
#loading-answer {
    position: absolute;
    bottom: 0px;
}
.user-question {
    text-align: right;
    max-width: 70%;
    float: right;
}
.user-question pre {
    display: inline-block;
    padding: 7px 11px;
    border: 1px solid rgb(222, 218, 212);
    background-color: rgb(223, 254, 209);
    color: rgb(31, 35, 29) !important;
    border-radius: 8px;
    margin: 0 0 5px 0 !important;
    font-family: open sans, Arial, sans-serif;
    font-size: inherit;
    color: rgb(31, 35, 29) !important;
    white-space: break-spaces;
    text-align: left;
}
.assistant-answer {
    text-align: left;
    max-width: 70%;
    clear: both;
}
.assistant-answer pre {
    display: inline-block;
    padding: 7px 11px;
    border: 1px solid rgb(222, 218, 212);
    background-color: white;
    color: rgb(31, 35, 29) !important;
    border-radius: 8px;
    margin: 0 0 5px 0 !important;
    font-family: open sans, Arial, sans-serif;
    font-size: inherit;
    color: rgb(31, 35, 29) !important;
    white-space: break-spaces;
}
.scrollable .scrollable-content {
    padding: 10px !important;
}
.bg-chat {
    background: url('../img/28719144-86dc0f70-73b1-11e7-911d-60d70fcded21.webp');
    background-repeat: repeat;
    background-size: 500px auto;
}
pre[class*="language-"] {
    border-radius: 8px;
}
.date-gpt {
    display: block;
    font-size: smaller;
    color: darkgray;
}
.margin--20{
    margin-left: -20px !important;
    margin-right: -20px !important;
}
.cw_thread_contact {
  text-align: left;
  max-width: 70%;
  clear: both;
}

.cw_thread_contact p:first-child {
    display: inline-block;
    padding: 7px 11px;
    border: 1px solid rgb(222, 218, 212);
    background-color: white;
    color: rgb(31, 35, 29) !important;
    border-radius: 8px;
    margin: 0 0 5px 0 !important;
    font-family: open sans, Arial, sans-serif;
    font-size: inherit;
    white-space: break-spaces;
}

.cw_thread_contact p:nth-child(2) {
    display: inline-block;
    font-size: smaller;
    margin-top: -7px !important;
    display: block;
}

.cw_thread_user {
  text-align: right;
  max-width: 70%;
  float: right;
  clear: both;
}
.cw_thread_user p:first-child {
    display: inline-block;
    padding: 7px 11px;
    border: 1px solid rgb(222, 218, 212);
    background-color: rgb(223, 254, 209);
    color: rgb(31, 35, 29) !important;
    border-radius: 8px;
    margin: 0 0 5px 0 !important;
    font-family: open sans, Arial, sans-serif;
    font-size: inherit;
    color: rgb(31, 35, 29) !important;
    white-space: break-spaces;
    text-align: left;
}
.cw_thread_user p:nth-child(2) {
    display: inline-block;
    font-size: smaller;
    margin-top: -7px !important;
    display: block;
}