@import '_content/Blazor.Bootstrap/Blazor.Bootstrap.7t9tbfaemk.bundle.scp.css';

/* _content/Manago/Components/Pages/Modals/TaskModal.razor.rz.scp.css */


/* Style for the message list */
/*.message-list {
    list-style-type: none;
    padding: 0;
}*/

/* Style for each message */
/*.message {
    margin-bottom: 10px;
}*/

/* Style for the message content */
/*.message-content {
    background-color: #f2f2f2;
    padding: 10px;
    border-radius: 10px;
}*/

/* Style for the sender name */
/*.sender {
    font-weight: bold;
    margin-right: 5px;
}*/

/* Style for the message timestamp */
/*.timestamp, .registered-time {
    font-size: 12px;
    color: #888;
}

.timestamp {
    margin-bottom: 5px;
}*/

/* Style for the message form */
/*.message-form {
    margin-top: 20px;
}*/

/* Style for the message input field */
/*.message-input {
    width: 70%;
    padding: 8px;
    border: 1px solid #ccc;
    border-radius: 5px;
}*/

/* Style for the send button */
/*.send-button {
    padding: 8px 15px;
    background-color: #007bff;
    color: white;
    border: none;
    border-radius: 5px;
    cursor: pointer;
}

    .send-button:hover {
        background-color: #0056b3;
    }*/

/* General chat styles */
    .message-list[b-yn2o87l3up] {
        list-style: none;
        padding: 0;
        margin: 0;
        overflow-y: auto; /* Scrollable if messages exceed container height */
    }

    .message-item[b-yn2o87l3up] {
        margin-bottom: 10px;
        display: flex;
        flex-direction: column;
        list-style: none;
        padding-left: 0; /* Remove any default padding */
        text-align: left; /* Aligns all text to the left */
    }

    .message-bubble[b-yn2o87l3up] {
        max-width: 50%;
        padding: 10px;
        border-radius: 15px;
        position: relative;
        word-break: break-word;
        display: flex;
        flex-direction: column;
    }

    .current-user .message-bubble[b-yn2o87l3up] {
        background-color: #e0e0e0; /* Color for current user's messages */
        color: black;
        align-self: flex-end;
        border-radius: 15px; /* Rounded corners */
    }

    .other-user .message-bubble[b-yn2o87l3up] {
        background-color: #f5f5f5; /* Color for other user's messages */
        color: black;
        align-self: flex-start;
        border-radius: 15px; /* Rounded corners */
    }

    .message-meta[b-yn2o87l3up] {
        display: start;
        flex-direction: column;
    }

    .timestamp[b-yn2o87l3up] {
        font-size: 12px;
        margin-bottom: 5px;
        display: flex;
        justify-content: flex-end; /* Ensures timestamp and other content is aligned left */
        width: 100%;
    }

    .sender[b-yn2o87l3up] {
        font-weight: bold;
    }

    .content[b-yn2o87l3up] {
        font-size: 14px;
        text-align: left; /* Aligns the message content to the left */
        width: 100%;
    }

    .delete-button[b-yn2o87l3up] {
        position: absolute;
        background: transparent;
        border: none;
        cursor: pointer;
    }

    .no-messages[b-yn2o87l3up] {
        text-align: center;
        padding: 20px;
    }
/* _content/Manago/Components/Pages/ProfileCard.razor.rz.scp.css */
.profile[b-tb8255d805] {
    display: flex;
    align-items: center;
}

    .profile .avatar[b-tb8255d805] {        
        flex: 1 0 auto;
    }

    .profile .avatar img[b-tb8255d805] {
        margin: 15px;
        height: 64px;
        width: 64px;
        border-radius: 32px;
    }

    .profile .info[b-tb8255d805] {
        margin: 0 2em;
        flex: 4 0 auto;
    }

        .profile .info > h3[b-tb8255d805] {
            margin: 0;
        }

        .profile .info > p[b-tb8255d805] {
            margin: 0;
        }
/* _content/Manago/Components/Pages/Tab.razor.rz.scp.css */
.narrow[b-j8yhfnsl07] {
	max-width: 900px;
	margin: 0 auto;
}

.page-padding[b-j8yhfnsl07] {
	padding: 4rem;
}

.welcome.page > .narrow > img[b-j8yhfnsl07] {
	margin: 0 auto;
	display: block;
	width: 200px;
}

.welcome.page > .narrow > ul[b-j8yhfnsl07] {
	width: 75%;
	justify-content: space-between;
	margin: 4rem auto;
}

	.welcome.page > .narrow > ul > li[b-j8yhfnsl07] {
		background-color: inherit;
		margin: auto;
	}

		.welcome.page > .narrow > ul > li > a[b-j8yhfnsl07] {
			font-size: 16px;
			height: 32px;
			border-bottom-color: rgb(98, 100, 167);
		}

.center[b-j8yhfnsl07] {
	text-align: center;
}

pre[b-j8yhfnsl07] {
	overflow-x: scroll;
}

pre[b-j8yhfnsl07],
div.error[b-j8yhfnsl07] {
	background-color: #e5e5e5;
	padding: 1rem;
	box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);
	border-radius: 3px;
	margin: 1rem 0;
}

code[b-j8yhfnsl07] {
	background-color: #e5e5e5;
	display: inline-block;
	padding: 0px 6px;
	border-radius: 3px;
	box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);
}

.error[b-j8yhfnsl07] {
	color: red;
}

.profile[b-j8yhfnsl07] {
	display: flex;
	margin: 1em 0;
	background-color: white;
	width: fit-content;
	box-shadow: 0px 8px 10px rgba(0, 0, 0, 0.1);
	border-radius: 3px;
}

	.profile > .avatar[b-j8yhfnsl07] {
		margin: 2em 1em;
		height: 72px;
		width: 72px;
	}

	.profile > .info[b-j8yhfnsl07] {
		margin: 2em 2em 0 0;
	}

		.profile > .info > h3[b-j8yhfnsl07] {
			margin: 0;
		}

		.profile > .info > p[b-j8yhfnsl07] {
			margin: 0;
		}
/* _content/Manago/Components/Pages/Welcome.razor.rz.scp.css */
.narrow[b-7kbi5ky6yi] {
    max-width: 900px;
    margin: 0 auto;
}

.page-padding[b-7kbi5ky6yi] {
    padding: 4rem;
}

.welcome.page > .narrow > img[b-7kbi5ky6yi] {
    margin: 0 auto;
    display: block;
    width: 200px;
}

.welcome.page > .narrow > .menu[b-7kbi5ky6yi] {
    width: 80%;
    justify-content: space-between;
    margin: 4rem auto;
    border-bottom: none;
}

    .welcome.page > .narrow > .menu > .menu-item[b-7kbi5ky6yi] {
        background-color: inherit;
        margin: auto;
        font-size: 14px;
        min-height: 32px;
        border-bottom-color: rgb(98, 100, 167);
    }

.center[b-7kbi5ky6yi] {
    text-align: center;
}

.sections > *[b-7kbi5ky6yi] {
    margin: 4rem auto;
}

.error[b-7kbi5ky6yi] {
    color: red;
}