@import '_content/Microsoft.FluentUI.AspNetCore.Components/Microsoft.FluentUI.AspNetCore.Components.b6pgxrrsua.bundle.scp.css';

/* /Components/Badge.razor.rz.scp.css */
.badge-container[b-wiq8tw705k] {
    position: relative;
    display: inline-block;
}

.badge-text[b-wiq8tw705k], .badge-icon[b-wiq8tw705k] {
    position: absolute;
    top: -8px;
    right: -8px;
    min-width: 16px;
    height: 16px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--badge-color, #0078d4);
    color: var(--badge-text-color, white);
    font-size: var(--badge-font-size, 10px);
    font-weight: 600;
    line-height: 1;
    padding: 2px 4px;
    box-sizing: border-box;
    z-index: 10;
    white-space: nowrap;
}

.badge-text[b-wiq8tw705k] {
    min-width: 16px;
    padding: 2px 4px;
}

.badge-icon[b-wiq8tw705k] {
    width: 16px;
    height: 16px;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.badge-icon[b-wiq8tw705k]  svg {
    width: 16px;
    height: 16px;
} 
/* /Components/ChatBox.razor.rz.scp.css */
.user-message[b-vzftkasnbl], .other-message[b-vzftkasnbl] {
    margin-bottom: 10px;
    padding: 8px 12px;
    border-radius: 12px;
    max-width: 80%;
    word-wrap: break-word;
}

.user-message[b-vzftkasnbl] {
    align-self: flex-end;
    margin-left: auto;
    background-color: #DCF8C6;
    border: 1px solid #c5e1a5;
}

.other-message[b-vzftkasnbl] {
    align-self: flex-start;
    background-color: #F1F0F0;
    border: 1px solid #e0e0e0;
}

.message-sender[b-vzftkasnbl] {
    font-size: 0.8rem;
    font-weight: bold;
    margin-bottom: 4px;
    color: #555;
}

.message-content[b-vzftkasnbl] {
    font-size: 1rem;
}
/* /Components/DocumentQueryList.razor.rz.scp.css */
.query-list-item[b-l8ci0a4o22] {
    display: flex;
    flex-direction: row; /* Makes it horizontal */
    gap: 8px; /* Spacing between items */
    align-items: center; /* Align items vertically */
    height:30px;
    width:100%;
    cursor:pointer;
    
}
.query-list-item:hover[b-l8ci0a4o22] {
    background-color: #f0f0f0;
    border-radius: 5px;
}

.query-list-item.active[b-l8ci0a4o22] {
    background-color: #f0f0f0;
    border-radius: 5px;
}

.query-list-item fluent-icon[b-l8ci0a4o22] {
    display: flex; /* Ensures it behaves like a flex item */
    align-items: center;
}

.query-list-selector[b-l8ci0a4o22] {
    margin-left:3px;
    height: calc(((var(--base-height-multiplier) + var(--density))* var(--design-unit) / 2)* 1px);
    width: 3px;
}

.query-list-selector.active[b-l8ci0a4o22] {
    background: #263f5c;
    border-radius: calc(var(--control-corner-radius) * 1px);
}
/* /Components/MultiUpload.razor.rz.scp.css */
.multi-header[b-5wg3h2xezi] {
    padding: 20px;
    background-color: #f0f0f0;
    height: 60px;
}

.multi-row[b-5wg3h2xezi] {
    padding: 20px;
    background-color: #f0f0f0;
}

.alternate-row[b-5wg3h2xezi] {
    background-color: white; /* A slightly different color for every second row */
}
/* /Components/Viewer/Modules/ImagePreviewer.razor.rz.scp.css */
/* Image Previewer container - Center the image and allow dragging */
.image-preview-container[b-29237agoh5] {
    display: flex;
    justify-content: center; /* Center horizontally */
    align-items: center; /* Center vertically */
    position: relative;
    overflow: hidden;
    height: 500px; /* You can adjust the height as needed */
    width: 100%; /* Full width */
    background: #f2f2f2;
    border: 1px solid #ddd;
}

/* Image styling - Ensure smooth zoom and pan */
img[b-29237agoh5] {
    transition: transform 0.1s ease-out; /* Smooth transition for zoom and pan */
    display: block; /* Prevents any extra space below the image */
    user-select: none;
}
/* /Pages/Testing.razor.rz.scp.css */
.user-message[b-996btgkoic], .other-message[b-996btgkoic] {
    margin-bottom: 10px;
    padding: 8px 12px;
    border-radius: 12px;
    max-width: 80%;
    word-wrap: break-word;
}

.user-message[b-996btgkoic] {
    align-self: flex-end;
    margin-left: auto;
    background-color: #DCF8C6;
    border: 1px solid #c5e1a5;
}

.other-message[b-996btgkoic] {
    align-self: flex-start;
    background-color: #F1F0F0;
    border: 1px solid #e0e0e0;
}

.message-sender[b-996btgkoic] {
    font-size: 0.8rem;
    font-weight: bold;
    margin-bottom: 4px;
    color: #555;
}

.message-content[b-996btgkoic] {
    font-size: 1rem;
}