:root {
	--color-msg-run: #fefefe;
	--color-msg-brdr: #eee;
	--color-msg-bkg: #fff;
	--color-msg-txt: #1B1B1F;
	--color-msg-tm: #777;
}

.sbx-msg-run {
	/* margin-top: 2rem; */
	padding: 10px;
	padding-top: 2rem;
	width: 100%;
	max-width: 520px;
	/* margin-left: 10px; */
	margin-right: auto;
	background: var(--color-msg-run);
}

.sbx-msg-container {
	padding: 10px;
	margin-top: 1rem;
	border-width: 1px;
	border-color: var(--color-msg-brdr);
	border-radius: 10px;
	border-style: solid;
	background: var(--color-msg-bkg);
	color: var(--color-msg-txt);
}

.sbx-msg-run .top-message {
	padding: 0px;
	/* border-bottom-width: 1px;
	border-bottom-color: var(--color-msg-brdr);
	border-bottom-style: solid; */
}

.sbx-msg-run .usr-name {
	display: flex;
	padding-top: 1rem;
	font-size: .8rem;
	font-weight: bold;
	width: 100%;
}
.sbx-msg-run .usr-name .name {
	display: inline-flex;
}
.sbx-msg-run .usr-name .time {
	flex-direction: column;
	align-items: flex-end;
	display: inline-flex;
	font-style: oblique;
	font-size: .7rem;
	font-weight: lighter;
	margin-left: auto;
	margin-right: 10px;
	color: var(--color-msg-tm);
}

.sbx-msg-run .top-message .usr-name .time {
	margin-right: 20px;
}

.sbx-msg-run p {
	margin: 0px;
	font-size: 1rem;
	padding-top: 0.3rem;
}

.sbx-msg-run .replies {
	padding-right: 10px;
	padding-left: 10px;
}

.sbx-msg-run .replies.linetop {
	border-top-width: 1px;
	border-top-color: var(--color-msg-brdr);
	border-top-style: solid;
}

.sbx-msg-run .replies.others-message {

}

.sbx-msg-run .replies.my-message {

}

.sbx-msg-run form {
	padding-top :10px;
	border-top-width: 1px;
	border-top-color: var(--color-msg-brdr);
	border-top-style: solid;
	margin-top: 20px;
	width: 100%;
}

/* .sbx-msg-run .form-inline .form-control {
	width: 100%;
} */

.sbx-msg-run .form-inline .form-control.dmsg-message {
	width: 100%;
}

@media (min-width: 992px) { 
	.sbx-msg-run {

	}
}

@media (max-width: 991px) { 
	
}


@media (max-width: 701px) { 
	
}

@media (min-width: 550px) { 
	.sbx-msg-run {
		
		
	}
	
}

@media (max-width: 550px) { 
	.sbx-msg-run {
		margin-left: 4px;
	}
	
}

@media (max-width: 501px) { 
	
}