jam-cloud/web/app/assets/stylesheets/client/sessionList.css.scss

@import "client/common";


table.findsession-table, table.local-recordings {
  width:98%;
  height:10%;
  font-size:11px;
  color:#fff;
  background-color:#262626;
  border:solid 1px #4d4d4d;

  th {
    font-weight:300;
    background-color:#4d4d4d;
    padding:6px;
    border-right:solid 1px #333;
  }

  td {
    padding:9px 5px 5px 5px;
    border-right:solid 1px #333;
    border-top:solid 1px #333;
    vertical-align:top;
    white-space:normal;
  }

  td.latency {
    padding-top: 15px !important;
    text-align:center !important;
  }

  td.latency div.center {
    display: inline-block;
    margin: auto;
  }

  .noborder {
    border-right:none;
  }

  .musicians {
    margin-top:-3px;
  }

  .musicians td {
    border-right:none;
    border-top:none;
    padding:3px;
    vertical-align:middle !important;

    .instruments {
      height:24px;
    }
  }

  .musician-groups td {
    border-right:none;
    border-top:none;
    padding:3px;
    margin-top:5px !important;
    vertical-align:top;
  }

  a {
    color:#fff;
    text-decoration:none;
  }

  a:hover {
    color:#227985;
  }

  .rsvp-section {
    text-align:center;
    vertical-align:middle;

    a {
      color: $ColorLink;
    }
  }
}


.latency-unacceptable {
  width: 50px;
  height: 10px;
  font-family:Arial, Helvetica, sans-serif;
  font-weight:200;
  font-size:11px;
  background-color:$latencyBadgeUnacceptable;
  text-align:center;
}

.latency-unknown {
    width: 50px;
    height: 10px;
    font-family:Arial, Helvetica, sans-serif;
    font-weight:200;
    font-size:11px;
    background-color:$latencyBadgeUnacceptable;
    text-align:center;
}

.latency-good {
    width: 50px;
    height: 10px;
    font-family:Arial, Helvetica, sans-serif;
    font-weight:200;
    font-size:11px;
    background-color:$latencyBadgeGood;
    text-align:center;
}

.latency-me {
  width: 50px;
  height: 10px;
  font-family:Arial, Helvetica, sans-serif;
  font-weight:200;
  font-size:11px;
  text-align:center;
  background-color:$latencyBadgeMe;
  color:black;
}

.latency-fair {
    width: 50px;
    height: 10px;
    font-family:Arial, Helvetica, sans-serif;
    font-weight:200;
    font-size:11px;
    background-color:$latencyBadgeFair;
    text-align:center;
}

.latency-poor{
    width: 40px;
    height: 10px;
    font-family:Arial, Helvetica, sans-serif;
    font-weight:200;
    font-size:11px;
    background-color:$latencyBadgePoor;
    text-align:center;
}

.avatar-tiny {
    float:left;
    padding:1px;
    width:24px;
    height:24px;
    background-color:#ed3618;
    -webkit-border-radius:12px;
    -moz-border-radius:12px;
    border-radius:12px;
}

.avatar-tiny img {
    width: 24px;
    height: 24px;
    -webkit-border-radius:12px;
    -moz-border-radius:12px;
    border-radius:12px;
}