/* Club */

.club {
  position:relative;
  overflow:hidden;
  padding:10px;
  display:flex;
  align-items:center;
}
  .badgeonly .club {
    display:inline-block;
    width:82px;
    padding:10px;
    border:0px;
  }

.club .clubname {
    flex: 1 1 100%;
    font-size: 1.5em;
    margin-left: 1ch;
}
.club .clubclickdiv {
  position: absolute;
  top: 0px;
  left: 0px;
  bottom: 0px;
  right: 100px;
  cursor: pointer;
}
.club .statusdiv {
  flex: 0 0 35px;
}
.club .statusdiv:hover {
  background-image:url('/res/bluecheckmark_64.png');
}


.club:hover {
  background-color:rgb(255,240,200);
}
.bgicon_following {
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  background-image: url( '/res/bluecheckmark_64.png' );
  width: 50px;
  height: 50px;
}
#clubtoptext {
  padding:10px;
}

.clubbadge {
    flex: 0 0 4.5em;
    height: 4.5em;
    border: 0px solid #aaa;
    border-radius: 50%;
    cursor: pointer;
    background-size: cover;
    background-position: center center;
    background-image: url( '/res/nobadgeclub.png' );
    transition: box-shadow 0.25s;
}


/* Reports */

.reportpanel {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}

.report {
  margin:10px;
  position:relative;
  display:inline-block;
  cursor:pointer;
  flex: 0 0 200px;
  height: 150px;
  box-shadow:0px 0px 15px #888;
  transition:box-shadow 0.5s;
  border-radius:5px;
  background:url('/res/excel_64.png') center 10px no-repeat;
}
.report .title {
  position:absolute;
  top:80px;
  font-size:16px;
  text-align:center;
  width:100%;
}
.report .description {
  position:absolute;
  top:95px;
  font-size:0.8em;
  width:auto;
  text-align:center;
  margin:10px;
}
.report:hover {
  box-shadow:0px 0px 30px #888;
}
.report:hover:active {
  transition:box-shadow 0.05s;
  box-shadow:0px 0px 5px #888;
}