.sidebar{line-height: 1.0;}
.navbar{padding-top: .2em;padding-bottom: .2em;}
.avatar{width:30px;height:30px;font-size: 14px;border-radius: 15px;font-weight: bold;padding-top: 5px;}

.w-5 {width: 5% !important;min-width:70px;}
.w-10{width: 10% !important;min-width:90px;}
.w-15{width: 15% !important;min-width:120px;}
.w-20{width: 20% !important;min-width:140px;}
.w-25{min-width:160px;}
.w-30{width: 30% !important;min-width:190px;}
.w-35{width: 35% !important;min-width:190px;}
.w-40{width: 40% !important;min-width:190px;}
.w-45{width: 45% !important;min-width:220px;}
.w-50{min-width:220px;}
.w-60{width: 60% !important;min-width:220px;}
.w-65{width: 65% !important;min-width:240px;}
.w-70{width: 70% !important;min-width:240px;}
.w-75{min-width:260px;}
.w-80{width: 80% !important;min-width:290px;}
.w-85{width: 85% !important;min-width:290px;}
.w-90{width: 90% !important;min-width:340px;} 
.w-95{width: 95% !important;min-width:340px;}

.tr{border-bottom: 1px solid #dee2e6;}
.tr-head{color: #fff;background-color: #343a40;border-color: #454d55;position:sticky;top:0;border-bottom: 2px solid #dee2e6;padding: .3rem;z-index:100;}
.td,.th{padding: .3rem;vertical-align:middle;display:inline-block;}
.th{font-weight:bold;}

.chat-messages {
 display:-webkit-box;
 display:flex;
 -webkit-box-orient:vertical;
 -webkit-box-direction:normal;
 flex-direction:column;
 max-height:600px;
 overflow-y:scroll
}
.chat-message-left,
.chat-message-right {
 display:-webkit-box;
 display:flex;
 flex-shrink:0
}
.chat-message-left {
 margin-right:auto
}
.chat-message-right {
 -webkit-box-orient:horizontal;
 -webkit-box-direction:reverse;
 flex-direction:row-reverse;
 margin-left:auto
}

.nav-item .indicator{font-size: 0.8rem;font-weight: bold;background: #f00;}