@font-face {
  font-family: 'SourceSansPro-Regular';
  src: url(/assets/fonts/SourceSansPro-Regular.ttf); }

@font-face {
  font-family: 'SourceSansPro-Light';
  src: url(/assets/fonts/SourceSansPro-Light.ttf); }

@font-face {
  font-family: 'SourceSansPro-SemiBold';
  src: url(/assets/fonts/SourceSansPro-SemiBold.ttf); }

@font-face {
  font-family: 'SourceSansPro-Bold';
  src: url(/assets/fonts/SourceSansPro-Bold.ttf); }

.rocket-chat-sidenav-room {
  background: none;
  border: none;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  height: 48px;
  width: 100%;
  border-radius: 5px; }
  .rocket-chat-sidenav-room .avatar img {
    width: 32px;
    height: 32px;
    border-radius: 5px; }
  .rocket-chat-sidenav-room .icon {
    position: relative;
    padding-left: 5px;
    display: flex; }
    .rocket-chat-sidenav-room .icon .fa-hashtag {
      font-size: 15px; }
    .rocket-chat-sidenav-room .icon .fa-lock {
      position: absolute;
      font-size: 9px;
      right: -4px;
      top: -2px; }
  .rocket-chat-sidenav-room .title {
    margin-left: 5px;
    font-size: 16px;
    width: 190px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    text-align: left;
    height: 48px;
    line-height: 48px;
    flex: 1 1 1%; }
    .rocket-chat-sidenav-room .title span {
      font-family: 'SourceSansPro-Regular' !important; }
  .rocket-chat-sidenav-room .room-unread {
    margin-left: auto; }
    .rocket-chat-sidenav-room .room-unread span {
      display: flex;
      font-size: 1rem;
      font-weight: 700;
      justify-content: center;
      letter-spacing: 0;
      line-height: .75rem;
      min-height: 1rem;
      min-width: 1rem;
      overflow: hidden;
      padding: 4px 4px;
      text-align: center;
      text-decoration: none;
      text-overflow: ellipsis;
      white-space: nowrap;
      width: fit-content;
      word-break: keep-all;
      background: #fff;
      border-radius: 100%; }
  .rocket-chat-sidenav-room .room-options {
    transition: all .18s;
    opacity: 0; }
  .rocket-chat-sidenav-room .sidenav-item-show {
    margin-left: 10px !important;
    margin-right: 10px !important;
    opacity: 1 !important;
    position: static !important;
    width: 1.8rem !important;
    transform: unset !important;
    justify-content: center; }
  .rocket-chat-sidenav-room .room-options {
    display: flex;
    align-items: center;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    height: 40%;
    border-radius: 4px;
    opacity: 0;
    position: relative;
    width: 0;
    transform: translateX(200%); }
    .rocket-chat-sidenav-room .room-options span {
      line-height: 40px;
      height: 40px; }
      .rocket-chat-sidenav-room .room-options span .rcx-icon {
        color: #fc4b45;
        font-size: 16px; }
  .rocket-chat-sidenav-room .room-options-bck {
    background-color: #fff; }
    .rocket-chat-sidenav-room .room-options-bck span .rcx-icon {
      color: #fc4b45; }
  .rocket-chat-sidenav-room .rcx-box--animated, .rocket-chat-sidenav-room .rcx-box--animated:after, .rocket-chat-sidenav-room .rcx-box--animated:before {
    -webkit-transition: all .18s;
    transition: all .18s; }