h1 {
  color:#212121;
  font-weight: 700;
  font-size:24px;
  padding: 20px 0;
}

#my_dex {
  margin:30px auto;
  width:980px;
  font-size:22px;
}

#my_dex .header {
  background-color:#3e474a;
  line-height: 60px;
  color:white;
}

#my_dex td {
  line-height: 50px;
}

#my_dex_logo {
  width:140px;
  margin: 30px 0;
}

#my_dex table th {
  text-align: left;
  padding-left:20px;
}

#my_dex table {
  width:100%;
}

#my_dex a {
  color:#fe0060;
}

#my_dex .btn_new {
  background-color:#fe0060;
  line-height: 40px;
  font-size:18px;
  display: inline-block;
  padding: 0 20px;
  margin-top:20px;
  color:white;
  text-decoration: none;
  border-radius:10px;
}

tr:nth-child(odd) {background: #efefef}

table td {
padding: 0 20px;
}

#my_dex hr {
  margin: 40px 0;
  border:none;
  border-bottom:3px dashed #ccc;

}

#my_dex #creds {
  color:#999;
  font-size:12px;
  position: fixed;
  bottom:20px;
  right:20px;
}

ul.playalongs li {
  display:inline-block;
  width:200px;
  height: 200px;
  background-color:#666;
  line-height: 200px;
  color:white;
  text-align: center;
  position: relative;
  margin-right:5px;
  margin-bottom: 5px;
}

ul.playalongs li:hover {
  background-color:#fe0060;
}

ul.playalongs li a {
  color:white !important;
  text-decoration: none;
  position: absolute;
  top:0px;
  left:0px;
  width:200px;
  height: 200px;
}

ul.playalongs li a.icon-switch {
  background-image:url('../img/icon-switch.png');
  background-size:100% auto;
}

ul.playalongs li a.icon-pitch {
  background-image:url('../img/icon-pitch.png');
  background-size:100% auto;
}

ul.playalongs li a.new-item {
  background-image:url('../img/btn-new.png');
  background-size:50% auto;
  background-position: center;
  background-repeat: no-repeat;
}

ul.playalongs li a span {
  position: absolute;
  bottom:5px;
  left:5px;
  line-height: normal;
  font-size:14px;
  color:rgba(255,255,255, .5);
}

ul.playalongs li a:hover span {
  color:white;
}

#login-footer {
  position: fixed;
  bottom:0px;
  left:0px;
  width:100%;
  background-color:#3e474a;
  font-size:14px;
  text-align:center;
  color:#fff;
  padding:40px;
}

#login-footer span {
  color:#ff8a3f;
  animation-name:flash_host;
  animation-duration: 2s;
  animation-iteration-count: 1;
}

@keyframes flash_host{
  0% {
    color:white;
  }
    50% {
      color:#ff8a3f;
    }
    100% {
      color:white;
    }
}

.guidance {
  padding-left:40px;
  position: relative;
  margin-top:60px;
}

.guidance:before {
  content:" ";
  background-image:url('../img/guidance.png');
  background-size:30px 30px;
  background-repeat: no-repeat;
  position: absolute;
  top:0px;
  left:0px;
  width:30px;
  height: 30px;
}

.guidance p {
  color:#666;
  font-size:12px;
  padding-top:10px;
}

ul.playalongs li a.tile-btn {
  position: absolute;
  top:10px;
  right:15px;
  left:auto;
  line-height: normal;
  width:20px;
  height: 20px;
  opacity:0.5;
  }

  ul.playalongs li a.tile-btn:hover {
    opacity:1;
  }

ul.playalongs li a.tile-btn-trash {
  right:auto;
  left:15px;
}

ul.playalongs li a.tile-btn img {
  width:20px;
  height: 20px;
}

#switch-logo {
  position: absolute;
  bottom:20px;
  right:20px;
}