/* =============================================================================
   Mixins defenition
========================================================================== */
/* invest-block html structure:
  <div>
     <span>Number</span>
     <img (chip)/>
  </div>
     */
/* pot-block html structure:
<div>
  <span>Number</span>
  <div>
    <img (chip-animated)/>
    <img (chip-constant)/>
   </div>
</div>
   */
.action_label {
  margin: 0;
  width: 100%;
  padding: 0;
  color: white;
  display: inline-block;
}
.player-panel-heading {
  padding-top: 0;
  background-color: #333 !important;
  border-color: #333 !important;
  padding-bottom: 1px;
}
/* =============================================================================
   Main template mixin
========================================================================== */
/* =============================================================================
   Mixin usage for all medias
========================================================================== */
/* media: smallest (not any of the other ones) */
@media all {
  /*  Invest Block  */
  /*  Pot block  */
  /*  Elements heights  */
  .invest-block {
    height: 25px;
    margin-bottom: 3px;
    background-color: #333;
    display: inline-block;
    vertical-align: middle;
    border-radius: 6px;
    padding: 0;
  }
  .invest-block span {
    color: white;
    vertical-align: middle;
    padding: 3px;
    font-size: large;
  }
  .invest-block img {
    margin-right: 5px;
    width: 20px;
  }
  .pot-dealer-chip-img {
    width: 20px;
  }
  .player {
    height: 145px;
  }
  .player .player-panel-heading {
    height: 22px;
  }
  .player .pot-block {
    height: 21px;
  }
  .player .pot-block div {
    position: relative;
    display: inline-block;
    top: 3px;
    width: 20px;
    height: 20px;
  }
  .player .pot-block div img:nth-child(1) {
    /* constant */
    position: absolute;
    left: 0;
    width: 20px;
  }
  .player .pot-block div img:nth-child(2) {
    /* animated */
    position: absolute;
    left: 0;
    top: 0;
    width: 20px;
  }
  .player .tournament-avatar {
    height: 45px;
  }
}
@media all and (min-width: 600px) {
  /*  Invest Block  */
  /*  Pot block  */
  /*  Elements heights  */
  .invest-block {
    height: 23px;
    margin-bottom: 3px;
    background-color: #333;
    display: inline-block;
    vertical-align: middle;
    border-radius: 6px;
    padding: 0;
  }
  .invest-block span {
    color: white;
    vertical-align: middle;
    padding: 3px;
    font-size: larger;
  }
  .invest-block img {
    margin-right: 5px;
    width: 20px;
  }
  .pot-dealer-chip-img {
    width: 20px;
  }
  .player {
    height: 157px;
  }
  .player .player-panel-heading {
    height: 26px;
  }
  .player .pot-block {
    height: 23px;
  }
  .player .pot-block div {
    position: relative;
    display: inline-block;
    top: 3px;
    width: 20px;
    height: 20px;
  }
  .player .pot-block div img:nth-child(1) {
    /* constant */
    position: absolute;
    left: 0;
    width: 20px;
  }
  .player .pot-block div img:nth-child(2) {
    /* animated */
    position: absolute;
    left: 0;
    top: 0;
    width: 20px;
  }
  .player .tournament-avatar {
    height: 50px;
  }
}
@media all and (min-width: 1024px) {
  /*  Invest Block  */
  /*  Pot block  */
  /*  Elements heights  */
  .invest-block {
    height: 35px;
    margin-bottom: 3px;
    background-color: #333;
    display: inline-block;
    vertical-align: middle;
    border-radius: 6px;
    padding: 0;
  }
  .invest-block span {
    color: white;
    vertical-align: middle;
    padding: 3px;
    font-size: 25px;
  }
  .invest-block img {
    margin-right: 5px;
    width: 26px;
  }
  .pot-dealer-chip-img {
    width: 26px;
  }
  .player {
    height: 219px;
  }
  .player .player-panel-heading {
    height: 34px;
  }
  .player .pot-block {
    height: 31px;
  }
  .player .pot-block div {
    position: relative;
    display: inline-block;
    top: 3px;
    width: 26px;
    height: 26px;
  }
  .player .pot-block div img:nth-child(1) {
    /* constant */
    position: absolute;
    left: 0;
    width: 26px;
  }
  .player .pot-block div img:nth-child(2) {
    /* animated */
    position: absolute;
    left: 0;
    top: 0;
    width: 26px;
  }
  .player .tournament-avatar {
    height: 75px;
  }
}
@media all and (min-width: 1400px) {
  /*  Invest Block  */
  /*  Pot block  */
  /*  Elements heights  */
  .invest-block {
    height: 59px;
    margin-bottom: 3px;
    background-color: #333;
    display: inline-block;
    vertical-align: middle;
    border-radius: 12px;
    padding: 4px;
  }
  .invest-block span {
    color: white;
    vertical-align: middle;
    padding: 3px;
    font-size: 36px;
  }
  .invest-block img {
    margin-right: 5px;
    width: 30px;
  }
  .pot-dealer-chip-img {
    width: 30px;
  }
  .player {
    height: 291px;
  }
  .player .player-panel-heading {
    height: 44px;
  }
  .player .pot-block {
    height: 42px;
  }
  .player .pot-block div {
    position: relative;
    display: inline-block;
    top: 3px;
    width: 30px;
    height: 30px;
  }
  .player .pot-block div img:nth-child(1) {
    /* constant */
    position: absolute;
    left: 0;
    width: 30px;
  }
  .player .pot-block div img:nth-child(2) {
    /* animated */
    position: absolute;
    left: 0;
    top: 0;
    width: 30px;
  }
  .player .tournament-avatar {
    height: 87px;
  }
}
@media all and (min-width: 2500px) {
  /*  Invest Block  */
  /*  Pot block  */
  /*  Elements heights  */
  .invest-block {
    height: 65px;
    margin-bottom: 3px;
    background-color: #333;
    display: inline-block;
    vertical-align: middle;
    border-radius: 20px;
    padding: 0 7px;
  }
  .invest-block span {
    color: white;
    vertical-align: middle;
    padding: 3px;
    font-size: 46px;
  }
  .invest-block img {
    margin-right: 5px;
    width: 45px;
  }
  .pot-dealer-chip-img {
    width: 45px;
  }
  .player {
    height: 386px;
  }
  .player .player-panel-heading {
    height: 68px;
  }
  .player .pot-block {
    height: 65px;
  }
  .player .pot-block div {
    position: relative;
    display: inline-block;
    top: 3px;
    width: 45px;
    height: 45px;
  }
  .player .pot-block div img:nth-child(1) {
    /* constant */
    position: absolute;
    left: 0;
    width: 45px;
  }
  .player .pot-block div img:nth-child(2) {
    /* animated */
    position: absolute;
    left: 0;
    top: 0;
    width: 45px;
  }
  .player .tournament-avatar {
    height: 100px;
  }
}