@import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,400;0,500;0,700;0,900;1,300;1,400;1,500;1,700;1,900&display=swap");

.battlepass {
  padding: 10px;
}

.battlepass table.bptable {
  min-height: 320px;
}

.bptable tr, .bptable td{
	background:inherit;
    border-right: 1px solid rgba(255, 255, 255, .05);
}



.battlepass table .tittlelevel {
  height: 35px;
  padding: 0px;
    width: 65%;
  min-width:65%;
  max-width:65%;
}

.battlepass table .itemsimages {
  width: 35%;
  min-width:35%;
  max-width:35%;
 border-left: 1px solid rgba(255, 255, 255, .05) !important;
}

.bptable .itemsimages img {
  margin-bottom: 0px;
  padding: 2px;
  padding-top: 2px;
  padding-bottom: 2px;
}

.battlepass table .imagenlevel img {
  width: 100px;
}

.battlepass table button.btn {
  padding: 5px !important;
  height: auto !important;
  width: auto !important;
}

.battlepass .tablebutton tr {
  background-color: transparent;
}


.battlepass .tablebutton tr td {
  background-color: transparent;
  border: none !important;
}

.tablebutton td {
  background-color: transparent;
  border: none !important;
  padding:0px 0px 0px 0px !important;
}

.tablebutton td a{ width:100% !important; display:block; }

.battlepass .infobp {
  font-size: 13px;
  line-height: 20px;
  text-align: left;
}

.battlepass .badge {
  font-size: 12px;
  line-height: 18px;
  text-align: left;
}

.battlepass .infobp .rewardtiitle {
  color: yellow;
}

.battlepass .infobp .reward {
}

.battlepass .infobp .credits {
}

.container-battlepass {
  min-height: 250px;
  width: 100%;
  margin-bottom: 50px;
  border-radius: 125px;
  border: 15px solid rgba(91, 44, 111, 0.3);
  box-shadow: 0px 7px #bb8fce, inset 0px 5px #884ea0, 0px 7px 12px #633974,
    inset 0px 3px 5px #633974;
  background: rgba(91, 44, 111, 0.2);
  padding: 30px 60px;
}

.container-bp-info {
  height: 160px;
  border-radius: 20px;
  background: url(../img/bp-top-bg.png) center top repeat-x,
    url(../img/bp-bottom-bg.png) center top repeat-x;
  text-align: left;
  padding: 20px 20px 20px 30px;
  margin-top: 10px;
  cursor: pointer;
  border: 1px solid rgba(48, 32, 20, 0.3);
  line-height: 20px;
    font-family: philosopher, sans-serif;
}

.container-bp-info table td {
  text-align: left !important;
  line-height: 40px;
  font-size: 16px;
  color: white;
}

.container-bp-info table td span {
  font-weight: bold;
  color: #f5b041;
}

.login-button {
  width: 100px;
  height: 25px;
  background-color: rgba(0, 0, 0, 0.5);
  font-size: 16px;
  color: #ffd378;
  line-height: 25px;
  border-radius: 30px;
  text-align: center;
  float: right;
  cursor: pointer;
}

.info-button {
  width: 100px;
  height: 25px;
  background-color: rgba(0, 0, 0, 0.5);
  font-size: 16px;
  color: #db4535;
  line-height: 25px;
  border-radius: 30px;
  text-align: center;
  float: right;
  margin: -10px 0px !important;
  cursor: pointer;
}

.tbl-battlepass {
  width: 100%;
}

.tbl-battlepass tr td {
  text-align: left;
  font-size: 18px;
  color: #fff;
  font-family: philosopher, sans-serif;
}

.tbl-battlepass tr td span {
  font-size: 18px;
  color: #c99a41;
  font-weight: bold;
  margin-left: 15px;
}

.tbl-battlepass tr td.time {
  font-size: 12px !important;
  color: rgba(255, 255, 255, 0.1) !important;
}

a.disabled {
  filter: grayscale(100%);
  cursor: unset;
}

a.disabled button:hover {
  filter: brightness(1);
  cursor: unset;
}

* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.purple-button-blue {
  background: url(../img/bp-button-purple.png) no-repeat;
  background-size: cover;
  width: 300px;
  height: 58px;
  font-size: 18px;
  padding-top: 8px;
  line-height: 85%;
  box-shadow: none !important;
  line-height: 43px;
}

:focus {
  outline: none;
}

.table-pack {
  border: 3px solid rgb(255, 255, 255, 0.04);
  background: rgba(0, 0, 0, 0.3);
  border-radius: 5px;
  padding: 0;
}

.table-pack table {
  width: 100%;
}

.table-pack table tr td {
  padding: 0 !important;
  border: 0 !important;
  text-align: center;
  line-height: 100%;
}

.table-pack table tr td img {
  z-index: 1 !important;
  position: relative;
}

.table-pack table tr td .base {
  margin-top: 20px;
  font-size: 16px;
  color: #ccc;
}

.table-pack table tr td .bonus {
  margin-top: 6px;
  margin-bottom: 3px;
  font-size: 16px;
  color: #f88938;
}

.table-pack table tr td .coupon {
  text-align: center;
  line-height: 16px;
  color: #ccc;
  padding-top: 12px;
  font-size: 10px;
}

.table-pack table tr td .coupon .b-bonus {
  font-size: 13px;
  color: #3bfc52;
}

.table-pack table tr td h3 {
  font-weight: 400;
  text-transform: none;
  margin: 0;
  margin-top: 15px;
  color: #fafafa;
}

.table-pack table tr td h2 {
  font-weight: 400;
  text-transform: none;
  margin: 0;
  padding: 0;
  margin-top: 5px;
  color: #fafafa;
}

.table-pack .right {
  float: right;
}

.table-pack table tr td title {
  margin-top: 0;
  margin-bottom: 10px;
  transition: all 0.3s ease;
  position: relative;
  z-index: 1;
  color: #fff !important;
  background-image: url(../img/button-blue-big.jpg);
  background-size: cover;
  justify-content: center;
  align-items: center;
  box-shadow: 0 8px 15px rgb(0 0 0/30%);
  text-shadow: 2px 2px #000;
  height: 43px !important;
  display: flex;
  font-size: 20px;
  font-family: philosopher, sans-serif;
  padding-top: 5px;
  border-radius: 20px;
  padding: 0 10px;
  max-width: 90% !important;
  margin-left: 5% !important;
}

.table-pack table tr td.select-buy {
  padding-left: 10px !important;
  padding-top: 7px;
  padding-bottom: 20px !important;
}

.table-pack table tr td.button-buy {
  padding-right: 10px !important;
  padding-top: 0 !important;
}

.table-pack table tr td.buy {
  padding: 30px !important;
  text-align: center !important;
}

.table-pack table tr td .donate_text {
  color: #fff !important;
  text-shadow: 1px 1px 3px #000, 1px 1px 3px #000;
  border-radius: 4px 5px 5px 5px;
  padding: 5px;
  margin-top: 7px;
  margin-right: 7px;
  border: 1px solid #ff4200;
  box-shadow: 0 0 5px #ff4200;
  background: 0 0;
}

.buybattlepass {
  color: white;
}

.buybattlepass .bptittle {
  font-size: 20px;
  color: white;
  height: 50px;
}

.buybattlepass .bpstats {
  font-size: 15px;
  color: green;
  font-weight: 300;
  line-height: 20px;
}

.buybattlepass .bpstatsred {
  font-size: 15px;
  color: red;
  font-weight: 300;
  line-height: 20px;
}

.buybattlepass .button {
  margin-top: 30px !important;
}

.buybattlepass .card {
  min-height: 450px !important;
}

.buybattlepass select {
  width: 200px;
  text-align: center;
}

.eventos-battlepass {
	border-right: 1px solid rgba(255, 255, 255, .05);
	border-bottom: 1px solid rgba(255, 255, 255, .05);
    height:80px; 
	width:100%;
	align-items:center !important ;
	text-align:center !important;
	align-items:center;
	align-content:center;
	padding-top:20px;
}

.eventos-battlepass a {	
  font-size: 14px;
  font-weight: 700;
  text-shadow: 1px 1px 1px black;
  cursor: pointer;
  color: white;
  width: 50px !important;
  height: 50px !important;
  min-width: 50px !important;
  min-height: 50px !important;
  background-image:url('../img/eventos-bg.png');
  line-height:50px;align-items:center;
  margin-left:20px;
  display: inline-flex;
  padding-left: 16px;

}

.eventos-battlepass .blood {




}

.eventos-battlepass .devil {


}

.eventos-battlepass .chaos {


}

.eventos-battlepass .done {
background-image:url('../img/eventos-bg-done.png');	

}

.eventos-battlepass .undone {

}

.request-event {
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 20px;
  text-align: center;
  margin-top: 20px;
}

.button-bp {
  display: inherit !important;
  transition: all 0.3s ease;
  cursor: pointer;
  background-color: rgba(65, 25, 21, 0.5);
  background: url(../img/button-bp.png) no-repeat;
  height: 30px !important;
  width: 109px !important;
  border: none;
  color: #fff !important;
  font-family: philosopher, sans-serif;
  font-size: 10px;
  line-height: 30px;
  position: relative;
  z-index: 1;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 1px;
  box-shadow: none !important;
}

.buybattlepass .card {
  background-image: url("../img/battlepassbuy.png");
  border-radius: 4px 5px 5px 5px;
  padding: 5px;
  margin-top: 7px;
  margin-right: 0px;
  border: 1px solid #ff4200;
  box-shadow: 0 0 5px #ff4200;
}
.bpstatsred img {
  opacity: 0.6;
}
.characterselect {
  font-weight: bold;
  color: red;
}
.currencydeidad {
  font-size: 24px;
  font-weight: bold;
  color: #d7e954;
  line-height: 40px;
  padding-top: 50px;
}
.bpexplain {
  line-height: 25px;
  font-size: 18px;
  color: #6ae387;
  border-top: 1px solid #999;
  padding-top: 10px;
}

.bp-box_item__ZG7Qk {
  position: relative;
  border-radius: 12px;
  padding: 20px;
  transition: all 0.2s ease;
  cursor: pointer;
  border-radius: 50px;
  border: 5px solid rgba(91, 44, 111, 0.3);
  box-shadow: 0px 7px #bb8fce, inset 0px 5px #884ea0, 0px 7px 12px #633974,
    inset 0px 3px 5px #633974;
  background: rgba(91, 44, 111, 0.2);
  margin: 10px;
  margin-top: 50px;
  font-family: philosopher, sans-serif;
}
.bp-box_item__ZG7Qk .bp-box_bar__Y_q54,
.bp-box_item__ZG7Qk .bp-box_bar__Y_q54:before {
  background: #66003a;
}
.bp-box_item__ZG7Qk.bp-box_active__bmVTd {
  background: radial-gradient(
      106.96% 246% at 50.43% 216%,
      rgba(142, 68, 173, 0.5) 0,
      rgba(142, 68, 173, 0) 100%
    ),
    radial-gradient(
      412.17% 948% at 50.43% 638%,
      rgba(142, 68, 173, 0.5) 0,
      rgba(142, 68, 173, 0) 100%
    );
	    background-image: url('../img/battlepassbg.png');
		background-size:cover;
}
.bp-box_item__ZG7Qk.bp-box_active__bmVTd .bp-box_count__1OKIZ {
  background: url(../img/bp-niveltop.png) no-repeat 50%/100%;
}
.bp-box_item__ZG7Qk.bp-box_active__bmVTd .bp-box_bar__Y_q54 {
  background: #4a235a;
}
.bp-box_item__ZG7Qk.bp-box_active__bmVTd .bp-box_bar__Y_q54:before {
  background: #00ff85;
  box-shadow: 0 0 2px 1px #4a235a;
}
.bp-box_item__ZG7Qk.bp-box_selected__jkTS2,
.bp-box_item__ZG7Qk:hover {
  box-shadow: 0 0 10px 1px #8e44ad;
}


.bp-box_count__1OKIZ {
	font-family: 'Roboto', sans-serif;
  position: absolute;
  bottom: 100%;
  left: 50%;
  transform: translate(-50%, 50%);
  width: 210px;
  height: 53px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  text-shadow: 0 0 2px #fff;
  background: url(../img/bp-niveltop.png) no-repeat 50%/100%;
 color: #FFF;
 text-height:35px;
}




.bp-progress{
            background-color: transparent;
			background-image:url('../img/bg-progressbarbg.png');	
            height:20px;
			width:240px;
            overflow: visible !important;
            position: relative;
            position: relative;
            box-shadow: none;
			margin-top:10px;
			margin-bottom:10px;
        }
        .bp-progress .bp-progress-bar{
            animation: animate-positive 2s;
            position: relative;
            box-shadow: none;
height:20px;
			width:240px;
	         float:left;
			 padding-left:15px;
	         height:20px;
			 width:240px;
        }
        .bp-progress .bp-progress-bar:after{
            content:"";
            position: absolute;
            top: -5px;
            right:0px;
			
            background-color: transparent;
			background-image:url('../img/iconbg.png');
            height:28px;
            width:28px;
            border-radius: 50%;
			margin:0px;
			
        }
		
		


        .bp-progress .bp-progress-value{
            position: absolute;
            padding: 3px 7px;
            top:-50px;
            right:-20px;
            font-size:14px;
            color:#ffffff;
            background-color: #000000;
            display: block;
        }
        .bp-progress .bp-progress-value:after{
            content: "";
            position: absolute;
            bottom:-6px;
            left: 35%;
            border-top: 7px solid #000000;
            border-left: 7px solid transparent;
            border-right: 7px solid transparent;
        }

        @-webkit-keyframes animate-positive {
            0% { width: 0%; }
        }

        @keyframes animate-positive {
            0% { width: 0%; }
        }

:disabled{filter:gray!important;-webkit-filter:grayscale(1)!important;filter:grayscale(1)!important; cursor: default;}