.chat-container{position:fixed;bottom:50px;right:50px;width:600px;height:600px;overflow:hidden;border:1px solid #ccc;z-index:1000}.media-chat-read-area{position:absolute;width:100%;height:300px;bottom:0;background:#ccc;visibility:hidden}.media-chat-scroll-icon{position:sticky;bottom:5px;width:100%;text-align:center}.avatar{width:32px;height:32px;border-radius:50%;color:#fff;display:flex;justify-content:center;align-items:center}.tokenfield{min-height:44px}.tokenfield .token{border:0;min-height:32px;margin-bottom:7px;font-size:var(--tf-input-font-size);line-height:var(--tf-input-line-height);padding:calc(var(--tf-input-padding-y) * .5) calc(var(--tf-input-padding-x) - var(--tf-input-padding-y) * .5);color:var(--tf-tag-color);background-color:var(--tf-tag-bg);border-radius:calc(var(--tf-border-radius) - var(--tf-border-width));transition:color ease-in-out var(--transition-base-timer),background-color ease-in-out var(--transition-base-timer)}.tokenfield .token .close{color:inherit}.tokenfield .token:hover{color:var(--tf-tag-hover-color);background-color:var(--tf-tag-hover-bg);cursor:auto}.notification-template .list-group-item{border-top:none!important;border-left:none!important;border-right:none!important}.list-group-item.is-active{background-color:#e5e7eb}.font-weight-bold{font-weight:700}.btn-primary-hover:hover{background-color:#0d6efd;color:#fff;border-color:#0d6efd}.w-fit-content{width:fit-content}.max-w-150{max-width:150px}.max-width-300{max-width:300px;text-overflow:ellipsis}.max-width-400{max-width:400px}.min-width-200{min-width:200px}.padding-10{padding:10px!important}.min-w-50{min-width:50px}.vertical-wrapper{min-width:50px;display:flex;justify-content:center;align-items:center;overflow:visible}.text-vertical{writing-mode:vertical-rl;text-orientation:upright;white-space:normal;word-break:break-word;text-align:center;font-size:14px;color:#007bff;line-height:1.2;padding:5px}