.badge.replies{min-width:30px;border-radius:20px;}
.content.append{background-color:#FFFFF9;border-top:1px solid #eaecf0;border-left:3px solid salmon;color:#777}
.non-content,.content{padding:10px}
.topic-content-delete{position:absolute;right:10px;}
.topic-actions{padding:10px;border-top:1px solid #eaecf0;text-align:center;}
.reward-top3{font-size:20px;position:absolute;top:-6px;right:-5px;}
.fa-circle.tx-size-8{font-size:8px !important;margin-top:-4px;vertical-align:middle}
.reply-target-box{background-color:#eee;border-left:3px solid #ccc;border-right:3px solid #ccc;min-height:50px;position:relative;border-radius:5px;margin-bottom:5px;color:#777}
.reply-target-box>.fa-quote-right,.reply-target-box>.fa-quote-left{font-size:50px;font-weight:bold;position:absolute;color:#dadada;opacity:0.5;right:3px;top:0;z-index:1}
.reply-target-box>.fa-quote-left{left:3px;bottom:0;right:auto;top:auto}
.reply-target-content{position:relative;padding:10px;z-index:2;max-height:300px;overflow-y:auto;}
.comment-content img{max-height:100px;max-width:100px;}
.comment-content img.full{max-height:fit-content;max-width:100%;}
.comment-children{margin-top:5px;background-color:#ddd !important;border:1px solid #eee;border-radius:3px;box-shadow:1px 1px 3px rgba(0, 0, 0, 0.1);}
.quote-expand{font-style:italic;
  display:none;box-sizing:border-box;position:absolute;
  height:50px;bottom:0;left:0;right:0;z-index:10;
  font-size:12px;line-height:1;
  text-align:center;color:#888;cursor:pointer;padding-top:30px;
  background:-webkit-linear-gradient(top, rgba(255, 244, 229, 0) 0%, #ccc 80%);
  background:-moz-linear-gradient(top, rgba(255, 244, 229, 0) 0%, #ccc 80%);
  background:-o-linear-gradient(top, rgba(255, 244, 229, 0) 0%, #ccc 80%);
  background:linear-gradient(to bottom, rgba(255, 244, 229, 0) 0%, #ccc 80%);
  border-bottom-left-radius:4px;border-bottom-right-radius:4px
}
.quote-expand.show{display:block;}
.top-votes-icon{position:relative;display:inline-block;}
.top-votes-icon .fa{font-size:25px;position:absolute;left:-25px;top:-15px;}
.top-votes-icon small{position:absolute;left:-25px;top:-13px;color:white;display:inline-block;width:17px;font-size:9px;text-align:center;}
.editormd{margin-bottom:0 !important;}
.card .clear-sticky{display:none;}
.card.sticky-b{position:sticky;bottom:0;box-shadow:0 0 5px rgba(0, 0, 0, 0.5);z-index:300;}
.card.sticky-b .clear-sticky{display:inline-block;}
.reply-target-content.editormd-html-preview{background-color:transparent;padding:10px !important}
.topic-avatar-lg{width:100px;height:100px}
.topic-header{position:relative}
.topic-header-r{min-width:100px}
.topic-breadcrumb{position:absolute;top:-20px}
.editor-switcher{display:inline-block;position:absolute;top:7px;margin-left:5px;}
.forum-searchbox{margin-left:0;margin-right:0;border-radius:3px 3px 0 0;padding-top:20px;padding-bottom:20px;position:relative;
    background: linear-gradient(-45deg, #059b6e, #bb119c, #099dfa, #c48c0c);
    background-size: 400% 400%;
    /* animation: gradient 15s ease infinite; */
}
.forum-searchbox input.form-control:focus + .input-group-btn a.btn{display:none}
.forum-searchbox input.form-control:focus + .input-group-btn button.btn{border-top-right-radius:3px !important;border-bottom-right-radius:3px !important;}
.wd-min-50{min-width: 50px !important;}
.forum-searchbox+.row>div>.card{border-top-left-radius:0;border-top-right-radius:0;}
.forum-searchbox .forum-help{color:white;position:absolute;right:2px;top:0;z-index:2}
a.topic-title{font-size:16px;color:#585c64 !important}
a.topic-title:visited,a.visited-gray-lighter{color:#afb9c1 !important;}
a.topic-title:hover{color:#1695f5 !important;}
.popover{border:0 !important}
.notify-bar{display:table;border-radius:5px;background-color:#f0e5c4;text-align:center;box-shadow:0 0 5px rgba(197, 91, 4, 0.5);width:100%;}
.notify-bar > *{padding:10px;display:table-cell;}
.notify-bar > * a{color:rgb(197, 91, 4)}
.notify-bar > * a:hover{color:orange}
.nav-wrapper{white-space:nowrap;overflow-x:hidden;}
.swiper-slide{width:auto;display:inline-block;}
.bg-bubbles {
  padding: 0;margin: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  overflow: hidden;
}
.bg-bubbles li {
  position: absolute;
  list-style: none;
  display: block;
  width: 20px;
  height: 20px;
  background-color: rgba(255, 255, 255, 0.15);
  bottom: -10px;
  -webkit-animation: square 25s infinite;
  animation: square 25s infinite;
  transition-timing-function: linear;
}
.bg-bubbles.no-animate li{
    -webkit-animation: none;
    animation:  none;
    transition-timing-function:  none;
}
.bg-bubbles li:nth-child(1) {
    left: 5%;
    width: 30px;
    height: 30px;
}
.bg-bubbles.no-animate li:nth-child(1){
    top: 15px;
}
.bg-bubbles li:nth-child(2) {
  left: 15%;width: 25px;height: 25px;
  -webkit-animation-delay: 2s;
          animation-delay: 2s;
  -webkit-animation-duration: 17s;
          animation-duration: 17s;
}
.bg-bubbles.no-animate li:nth-child(2){
    transform:rotate(45deg);top:20px;
    -webkit-animation-duration: none;
            animation-duration: none;
}
.bg-bubbles li:nth-child(3) {
  left: 25%;
  -webkit-animation-delay: 4s;
          animation-delay: 4s;
}
.bg-bubbles.no-animate li:nth-child(3){
    transform:rotate(45deg);top:10px;
}
.bg-bubbles li:nth-child(4) {
  left: 40%;width: 30px;height: 30px;
  -webkit-animation-duration: 22s;
          animation-duration: 22s;
  background-color: rgba(255, 255, 255, 0.25);
}
.bg-bubbles.no-animate li:nth-child(4){
    top:-10px;transform:rotate(50deg);
}
.bg-bubbles li:nth-child(5) {
  left: 70%;
}
.bg-bubbles li:nth-child(6) {
  left: 80%;width: 40px;height: 40px;
  -webkit-animation-delay: 3s;
          animation-delay: 3s;
  background-color: rgba(255, 255, 255, 0.2);
}
.bg-bubbles.no-animate li:nth-child(6){
    transform:rotate(25deg);top:20px;
}
.bg-bubbles li:nth-child(7) {
  left: 32%;width: 50px;height: 50px;
  -webkit-animation-delay: 7s;
          animation-delay: 7s;
}
.bg-bubbles.no-animate li:nth-child(7){
    bottom:5px;
}
.bg-bubbles li:nth-child(8) {
  left: 55%;width: 20px;height: 20px;
  -webkit-animation-delay: 15s;
          animation-delay: 15s;
  -webkit-animation-duration: 40s;
          animation-duration: 40s;
}
.bg-bubbles.no-animate li:nth-child(8){
    top:-10px;
  -webkit-animation-duration: none;
          animation-duration: none;
}
.bg-bubbles li:nth-child(9) {
  left: 10%;width: 20px;height: 20px;
  -webkit-animation-delay: 2s;
          animation-delay: 2s;
  -webkit-animation-duration: 40s;
          animation-duration: 40s;
  background-color: rgba(255, 255, 255, 0.3);
}
.bg-bubbles.no-animate li:nth-child(9){
    bottom: 5px;
    transform:rotate(25deg);
  -webkit-animation-duration: none;
          animation-duration: none;
}
.bg-bubbles li:nth-child(10) {
  left: 90%;width: 50px;height: 50px;
  -webkit-animation-delay: 11s;
          animation-delay: 11s;
}
.bg-bubbles.no-animate li:nth-child(10){
    transform:rotate(45deg);
}

@keyframes square{0%{transform:translateY(0);}100%{transform:translateY(-100px) rotate(600deg);}}
/* @keyframes gradient{0%{background-position:0% 50%;}50%{background-position:100% 50%;}100%{background-position:0% 50%;}} */
@keyframes blink{0%{opacity:1}50%{opacity:0.1}100%{opacity:1}}
.blinking-text{animation:blink 1.5s infinite}
.blinking-text:hover{animation:none}

.pk-bar{position:relative;width:300px;display:flex;justify-content: space-between;}
.pk-bar .progress{width:100%;height:38px;background-color:#db1d4e;border-radius:19px;}
.pk-bar .progress-bar{
  height: 38px;text-align: left;
  background-color: #079c3b;
  -moz-transition: width .6s ease;
  -webkit-transition: width .6s ease;
  transition: width .6s ease;
}
.pk-bar .progress, .progress-bar{
  background-image: -moz-linear-gradient(rgba(255, 255, 255, 0.1) 50%, rgba(255, 255, 255, 0) 50%);
  background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0.1) 50%, rgba(255, 255, 255, 0) 50%);
  background-image: linear-gradient(rgba(255, 255, 255, 0.1) 50%, rgba(255, 255, 255, 0) 50%);
}
.pk-bar .lightning{width: 25px;height: 38px;float: right;margin-right: -12px;background: url("img/pk-lightning.png") no-repeat center;background-size: cover;}
.pk-bar .team-name{line-height:38px;color:#e3c898;letter-spacing:1px;font-size:14px;white-space:nowrap !important;}
.pk-bar .team-name:first{color:#079c3b}
@media (max-width: 575px) {
  .mg-t-20,.mg-y-20 {
    margin-top: 10px !important;
  }
  .mg-b-20,.mg-y-20 {
    margin-bottom: 10px !important;
  }
  .pd-t-20,.pd-y-20 {
    padding-top: 10px !important;
  }
  .pd-b-20,.pd-y-20 {
    padding-bottom: 10px !important;
  }
}