assets/style.css

.warning-box {
    background-color: #fff3cd;
    border: 1px solid #ffeeba;
    border-radius: 4px;
    padding: 15px 20px;
    font-size: 14px;
    color: #856404;
    display: inline-block;
    margin-bottom: 15px;
}

.tip-box {
    background-color: #f0f9ff;
    border: 1px solid #80d4fa;
    border-radius: 4px;
    margin-top: 20px;
    padding: 15px 20px;
    font-size: 14px;
    color: #006064;
    display: inline-block;
    margin-bottom: 15px;
    width: auto;
}

.tip-box-title {
    font-weight: bold;
    font-size: 14px;
    margin-bottom: 5px;
}

.light-bulb {
    display: inline;
    margin-right: 5px;
}

.gr-box {
    border-color: #d6c37c
}

#hidden-message {
    display: none;
}

.message {
    font-size: 14px !important;
}


a {
    text-decoration: none;
    color: inherit;
}

.card {
    background-color: #B20032;
    border-radius: 10px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    overflow: hidden;
    display: flex;
    flex-direction: column;
    margin: 20px;
}

.card-content {
    padding: 20px;
}

.card-content h2 {
    font-size: 14px !important;
    font-weight: bold;
    margin-bottom: 10px;
    margin-top: 0px !important;
    color: #000000 !important;
    ;
}

.card-content p {
    font-size: 12px;
    margin-bottom: 0;
}

.card-footer {
    background-color: #f4f4f4;
    font-size: 10px;
    padding: 10px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.card-footer span {
    flex-grow: 1;
    text-align: left;
    color: #999 !important;
}

.pdf-link {
    display: inline-flex;
    align-items: center;
    margin-left: auto;
    text-decoration: none !important;
    font-size: 14px;
}



.message.user {
    background-color: #000000 !important;
    border: none;
    color: white !important;
}

.message.bot {
    /* background-color: #f2f2f7 !important; */
    border: none;
}

.gallery-item>div:hover {
    background-color: #7494b0 !important;
    color: white !important;
}

.gallery-item:hover {
    border: #7494b0 !important;
}

.gallery-item>div {
    background-color: white !important;
    color: #577b9b !important;
}

.label {
    color: #577b9b !important;
}

.paginate {
    color: #577b9b !important;
}


label>span {
    color: #577b9b !important;
}

/* Pseudo-element for the circularly cropped picture */
.message.bot::before {
    content: '';
    position: absolute;
    top: -10px;
    left: -10px;
    width: 30px;
    height: 30px;
    background-image: url('data:image/png;base64,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');
    background-color: #fff;
    background-size: cover;
    background-position: center;
    border-radius: 50%;
    z-index: 10;
}



.user.svelte-6roggh.svelte-6roggh {
    padding: 17px 24px;
    text-align: justify;
}

.gallery.svelte-1ayixqk {
    text-align: left;
}

.card-content p,
.card-content ul li {
    color: #fff !important;}


.message.bot, .bot.svelte-6roggh.svelte-6roggh  {
    background: #0C31FF !important;
    padding: 17px 24px !important;
    text-align: justify !important;
    color: #fff !important;
}

#chatbot{
    height: auto !important;
    max-height: 1000px;
}

#type-emb label {
    background: #ebeaea;
}

.source {
background-color: #f8f9fa;
border: 1px solid #ddd;
padding: 15px;
margin-bottom: 10px;
border-radius: 4px;
}

.title {
font-size: 18px;
color: #333;
margin-bottom: 5px;
font-weight: bold;
}

.wrap.svelte-6roggh.svelte-6roggh {
    padding: var(--block-padding);
    height: 100%;
    max-height: 480px;
    overflow-y: auto;
    max-height: 1000px;
}