.selector-for-some-widget {
    box-sizing: content-box;
}

body {
    font-family: 'Quicksand', sans-serif;
}
h1, h4 {
    font-weight: 600;
}
.alert-heading {
    font-weight: 500;
}

/* Speech Bubble Styling */
.speech-bubble {
    position: relative;
    display: inline-block;
    background-color: #f8d7da; /* Light red */
    border: 1px solid #f5c6cb;
    border-radius: 10px;
    padding: 15px;
    font-size: 1.1rem;
    max-width: 90%;
    margin: 0 auto;
    margin-bottom: 20px;
}

.speech-bubble h4 {
    margin: 0;
}

/* Loader Styling */
.loader {
    text-align: center;
    font-size: 1.2rem;
    margin-top: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.loader .spinner-border {
    margin-right: 15px;
}

/* Ensure that loader doesn't show initially */
#loaderSection {
    display: none;
}

.chat-container {
    max-width: 910px;
    height: 500px;
    display: flex;
    flex-direction: column;
    border: 1px solid #ccc;
    background: white;
    border-radius: 10px;
    overflow: hidden;
}
.input-container {
    display: flex;
    padding: 10px;
    background: #fff;
}
input {
    flex: 1;
    padding: 8px;
    border: 1px solid #ccc;
    border-radius: 5px;
}
button {
    margin-left: 10px;
    padding: 8px 15px;
    background: #007bff;
    color: white;
    border: none;
    border-radius: 5px;
    cursor: pointer;
}

/* Chat box - where messages are displayed */
.chat-box {
    flex: 1;
    padding: 20px;
    overflow-y: auto;
    background-color: #fff;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    border-bottom: 1px solid #ddd;
}

/* Styling the user and bot messages */
.chat-box div {
    margin-bottom: 15px;
}

.chat-box .user-message {
    text-align: right;
    color: #2c3e50;
}

.chat-box .bot-message {
    text-align: left;
    color: #3498db;
}

/* Style the message text */
.chat-box .user-message span,
.chat-box .bot-message span {
    display: inline-block;
    max-width: 100%;
    background-color: #ecf0f1;
    padding: 10px;
    border-radius: 12px;
    word-wrap: break-word;
    line-height: 1.6;
}

/* Bot message bubble styling */
.chat-box .bot-message span {
    background-color: #d1e8ff;
}

.chat-box::-webkit-scrollbar {
    width: 6px;
}

.chat-box::-webkit-scrollbar-thumb {
    background-color: #bdc3c7;
    border-radius: 10px;
}

.chat-box::-webkit-scrollbar-thumb:hover {
    background-color: #95a5a6;
}

/* Summarizer */
#uploadForm {
    width: 300px;
}