/* Damage Starburst */
.starburst {
  background: #ffffff;
  width: 1.25em;
  height: 1.25em;
  text-align: center;
}

.starburst,
.starburst span {
  display: flex;
  align-items: center;
  justify-content: center;
}

.starburst span {
  width: 100%;
  height: 100%;
  background: inherit;
  transform: rotate(45deg);
}

.starburst:before,
.starburst:after ,
.starburst span:before,
.starburst span:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: inherit;
  z-index: -1;
  transform: rotate(30deg);
}

.starburst:after {
  transform: rotate(-30deg);
}

.starburst span:after {
  transform: rotate(30deg);
}
.starburst span:before {
  transform: rotate(-30deg);
}

.example {
  position: absolute;
  top: 50%;
  margin-top: -1.25em;
  margin-left: -1.25em;
  left: 75%;
  transform: rotate(-45deg);
}


/*Damage Indicators */
.dmg-text {
    position: absolute;
    font-size: 3rem;
    font-weight: bold;
    z-index: 1000;
    /*text-shadow: 2px 2px #ffffff;*/
}

/* Health Bars */
.health-box {
  background-color: #ccc;
  height: 30px;
  width: 100%;
  margin: 0 auto;
  border: solid 1px #aaa;
}

.health-bar {
  background-color: #007f00;
  width: inherit;
  height: 28px;
  position: relative;
  bottom: 56px;
}

.health-bar-red {
  width: 100%;
  height: 100%;
  background-color: #cc0000;
}

.health-bar-bg {
  width: 100%;
  height: 100%;
  background-color: #ccc;
  bottom: 28px;
  position: relative;
}

.health-bar-text {
  position: relative;
  bottom: 80px;
  text-align: center;
}





#battlePanel, .battleAvatar {
  z-index: 1010;
}
.battleAvatar h2 a {
  color: #fff;
}
#battleEventsContainerMobile {
  display: none;
}
#mobileBG {
  height: 200px;
  background-size: cover !important;
  z-index: -5;
}
.backToOpponents {
  margin-top: -5px;
  padding-bottom: 4px !important;
}
@media screen and (max-width: 720px) {
    .backToOpponents {
      margin-top: 5px;
    }
    #tabfightframe {
      margin-top: 200px;
    }
    #battleEventsContainerDesktop {
      display: none;
    }
    #battlePanel {
        position: fixed;
        height: 800px;
        top: 60px;
        padding-right: 45px;
        width: 100%;
        margin-top: 60px;
    }
    #battleEventsContainerMobile {
      display: block;
      width: 100%;
      height: 500px;
      margin-top: 5px;
      font-size: 90%;
      opacity: 85;
      overflow: hidden;
    }
    .mobileBattleAvatars h4 {
      height: 70px;
    }
    .battle-log {
        height: 525px !important;
    }
    .battle-log-row hr {
      margin-bottom: 8px !important;
    }
}

.battleBG_base {
  background-size: 760px,auto;
  -webkit-background-size: 760px,auto;
  background-color: #0c4a9b;
  background-attachment: fixed;
  background-position-y: top;
}

.op_core {
  font-size: 14px;
  display: block;
}
@media screen and (max-width: 720px) {
  .op_core {
    font-size: 12px;
  }
}