.side-app {
	
}

.msg_cotainer {
	width: 88%;
}

.isactive {
	background: #bbb8e94f;
	border-radius: 5px;
	margin-top: 5px;

}

#loginmodals {
	background-color: rgba(255, 255, 255, 1);
  	border-radius: 15px;
  	background: linear-gradient(180deg, rgb(81, 224, 206.84) 19.72%, rgba(48, 129, 237, 0.8) 100%);
}

.app-header , .app-sidebar, .side-header {
	background: transparent !important;
	background-color: transparent !important;
}

.side-menu__label, .side-menu__icon {
	color: white !important;
}

.avatar-md {
    width: 2.5rem;
    height: 2.5rem;
    line-height: 2.5rem;
    font-size: 1rem;
}

.avatar {
    width: 2rem;
    height: 2rem;
    line-height: 2.1rem;
    display: inline-block;
    position: relative;
    text-align: center;
    color: #fff;
    font-weight: 600;
    vertical-align: bottom;
    font-size: .875rem;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.br-7 {
    border-radius: 4px;
}
.msg_cotainer_send {
	border-radius: 10px;
    margin-block-start: auto;
    margin-block-end: auto;
    margin-inline-end: 10px;
    background-color: #e5e3ec;
    padding: 10px;
    position: relative;
    background-color: #26386e;
    border: 1px solid #095190;
}

.img_cont_msg {
    height: 40px;
    width: 40px;
    display: contents;
}

.rounded-circle {
    border-radius: 50% !important;
}

.msg_time_send {
    position: absolute;
    inset-inline-end: 0;
    inset-block-end: -18px;
    color: #9ea9b9;
    font-size: 10px;
}

.msg_time {
    position: absolute;
    inset-inline-start: 0;
    inset-block-end: -18px;
    color: #9ea9b9;
    font-size: 10px;
}

.msg_cotainer {
	border-radius: 10px;
    color: white;
    border: 1px solid #095190;
    margin-block-start: auto;
    margin-block-end: auto;
    margin-inline-start: 10px;
    background-color: #26386e;
    padding: 10px;
    position: relative;
}

.msg_cotainer {
    width: 88%;
}

.bukanlink {
	text-decoration: none;
    color: white;
}

.bukanlink:hover {
  color: white;
}