// BigBlueButton open source conferencing system - http://www.bigbluebutton.org/.
//
// Copyright (c) 2022 BigBlueButton Inc. and by respective authors (see below).
//
// This program is free software; you can redistribute it and/or modify it under the
// terms of the GNU Lesser General Public License as published by the Free Software
// Foundation; either version 3.0 of the License, or (at your option) any later
// version.
//
// Greenlight is distributed in the hope that it will be useful, but WITHOUT ANY
// WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR A
// PARTICULAR PURPOSE. See the GNU Lesser General Public License for more details.
//
// You should have received a copy of the GNU Lesser General Public License along
// with Greenlight; if not, see <http://www.gnu.org/licenses/>.

#room-card {
  border: 2px solid transparent !important;
  width: 305px;

  @include media-breakpoint-down(xxl) {
    width: 261px;
  }

  @include media-breakpoint-down(xl) {
    width: 216px;
  }

  @include media-breakpoint-down(md) {
    width: 245px;
  }

  @include media-breakpoint-down(sm) {
    min-width: 245px;
    width: 100%;
  }

  &:hover {
    box-shadow: 0 0 10px rgba(33,33,33,.2) !important;
  }

  .room-icon {
    width: 75px;
    height: 75px;
    background-color: var(--brand-color-light);
  }

  .card-body {
    &:hover {
      cursor: pointer;
    }
  }

  .room-card-badges {
    margin-bottom: auto;
    margin-left: auto;
  }

  .card-footer {
    svg {
      &:hover {
        color: var(--brand-color) !important;
      }
    }
  }
}

.tab-content {
  padding: 0%;
}


.room-settings-row {
  line-height: 28px;
}

#room-settings {
  .access-code-input {
    position: relative;
    button {
      position: absolute;
      right: 5px;
      top: 0px;
    }
  }
}

// Room Online Badges
.participants-badge {
  background-color: whitesmoke !important;
  color: gray;
  height: 24px;

  svg {
    padding-bottom: 2px;
  }
}

.online-badge {
  background-color: whitesmoke !important;
  height: 24px;
  line-height: 18px;
}

.shared-badge {
  background-color: whitesmoke !important;
  height: 24px;
  line-height: 18px;
  font-weight: normal;
  color: gray;
}

.blinking-green-dot {
  animation: blinker 2s linear infinite;
  width: 10px;
  height: 10px;
  display: inline-block;
  border: 1px solid green;
  background-color: green;
  border-radius: 100%;
}
@keyframes blinker {
  50% {
    opacity: 0.6;
  }
}

#rooms-list-empty {
  svg {
    padding-top: 2rem;
  }
}

#dropdown-toggle {
  min-width: 2px;
}
