/* .play-footer>h3, */
/* .play-footer .doings .word{ */
/*     overflow: hidden; */
/*     text-overflow: ellipsis; */
/*     white-space: nowrap */
/* } */
/* .play-footer:after { */
/*     content: ""; */
/*     display: block; */
/*     clear: both */
/* } */
/* .play-footer>h3 { */
/*     font-family: "Microsoft JhengHei", "Apple LiGothic Medium", "PMingLiU", "sans-serif", "serif"; */
/*     font-weight: normal */
/* } */
/* .play-footer { */
/*     height: 60px; */
/*     width: 100%; */
/*     padding: 0 20px; */
/*     -moz-box-sizing: border-box; */
/*     -webkit-box-sizing: border-box; */
/*     box-sizing: border-box; */
/*     background: #333; */
/*  	padding-top: 12px */
/* } */
/* .play-footer .left, */
/* .play-footer .right { */
/*     position: absolute; */
/*     top: 5px */
/* } */
/* .play-footer .left { */
/*     width: 200px; */
/*     left: 20px */
/* } */
/* .play-footer .right { */
/*     width: 85px; */
/*     right: 20px; */
/*     text-align: right */
/* } */
/* .play-footer .right .doings .word { */
/*     right: 10px; */
/*     left: auto */
/* } */
/* .play-footer>h3 { */
/*     font-size: 24px; */
/*     text-align: center; */
/*     color: #FFF; */
/*     line-height: 38px; */
/*     width: 100%; */
/*     margin-top: 0; */
/*     padding: 0 90px 0 135px; */
/*     -moz-box-sizing: border-box; */
/*     -webkit-box-sizing: border-box; */
/*     box-sizing: border-box */
/* } */
/* .play-footer .doings { */
/*     position: relative; */
/*     float: left */
/* } */
/* .play-footer .doings:hover .word { */
/*     display: block */
/* } */
/* .play-footer .doings .word { */
/*     position: absolute; */
/*     top: -10px; */
/*     left: 10px; */
/*     z-index: 99; */
/*     color: #FFF; */
/*     background: rgba(0, 0, 0, 0.8); */
/*     padding: 2px 10px; */
/*     max-width: 300px; */
/*     font-size: 12px; */
/*     display: none */
/* } */
.btn {
    padding: 0 10px;
    line-height: 36px;
    float: left;
}
.btn>i {
    font-size: 18px;
    vertical-align: top;
    margin-top: 9px;
}

.btn-padding {
	padding: 4px;
}
@media (max-width: 840px) {
    .long-and-truncated-with-child-corrected  h3 {
        font-size: 18px !important;
    }
}
/* @media (max-width: 600px) { */
/*     .play-footer .doings .word { */
/*         max-width: 120px */
/*     } */
/* } */
/*# sourceMappingURL=play-footer.css.map */

.play-footer {
    height: 60px;
    width: 100%;
/*     padding: 0 20px; */
/*     -moz-box-sizing: border-box; */
/*     -webkit-box-sizing: border-box; */
/*     box-sizing: border-box; */
    background: #333;
/*  	padding-top: 12px */
}
.flex-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: row;
}


.flex-item {
  justify-content: center;
  align-items: center;
}




/* .long-and-truncated-with-child { */
/*   flex: 1; */
/* } */
/* .long-and-truncated-with-child h2 { */
/*   white-space: nowrap; */
/*   overflow: hidden; */
/*   text-overflow: ellipsis; */
/* } */

.long-and-truncated-with-child-corrected {
  flex: 1;
  min-width: 0;
}
.long-and-truncated-with-child-corrected h3 {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-top: 15px;
}

.long-and-truncated-with-child-corrected > h3 {
  margin-top: 15px;
}

.item-padding {
	padding: 0 10px 0 10px;
}

.play-title {
  font-size: 24px;
  color: #fff;
  text-align: center;
  margin-right: auto;
  margin-left: auto;
}