/* MAIN FLEX LAYOUT */

.bBox,
.bTitleBox{
	display:flex;
	align-items:center;
	justify-content:center;
	flex-wrap:wrap;
	gap:20px;
	max-width:1000px;
	margin:auto;
}

.bRTitleBox{
	display:flex;
	justify-content:center;
	flex-wrap:wrap;
	gap:20px;
}

/* USER DATA BOX */

.bUserData{
	flex:1 1 180px;
	max-width:180px;
	background:#141414;
	border:1px solid #3a2c12;
	border-radius:8px;
	margin:10px;
	padding:15px;
	color:#d6c6a5;
	min-height:60px;
	box-shadow:0 0 10px rgba(0,0,0,0.6);
}

/* TITLE BOX */

.bTitleData,
.bTitleDataMain{
	background:#161616;
	border:1px solid #3a2c12;
	border-radius:8px;
	margin:10px;
	padding:15px;
	color:#d6c6a5;
	min-height:60px;
	max-width:250px;
	box-shadow:0 0 10px rgba(0,0,0,0.6);
}

.bTitleDataMain{
	min-height:80px;
	text-align:center;
}

.bTitleDataMain img{
	max-width:80px;
	height:auto;
}

/* PASS TYPE */

.bPassType{
	font-size:15px;
	text-align:center;
	color:#ffd378;
	font-weight:bold;
	margin-top:5px;
}

/* BUTTON */

.bUpgradeButton{
	text-align:center;
}

.bUpgradeButton a,
.bUpgradeButton span{
	font-size:14px;
	background:linear-gradient(180deg,#c99a41,#8a6422);
	color:#fff;
	border:1px solid #5f4212;
	border-radius:30px;
	padding:8px 18px;
	font-weight:600;
	text-decoration:none;
	cursor:pointer;
	display:inline-block;
	transition:all .2s;
}

.bUpgradeButton a:hover{
	background:linear-gradient(180deg,#ffd378,#c99a41);
	color:#000;
}

/* COUNTDOWN */

.bCountdown,
.dayName{
	font-size:14px;
	background:linear-gradient(180deg,#2eff00,#0b8c00);
	color:#fff;
	border-radius:30px;
	padding:8px 18px;
	font-weight:600;
	text-align:center;
	display:inline-block;
}

/* REWARD IMAGE */

.bRewardData{
	display:flex;
	align-items:center;
	gap:10px;
}

.bRewardImage,
.bRewardImage img{
	width:38px;
	height:38px;
}

/* STATUS BUTTON */

.bStatusButton{
	width:110px;
	height:28px;
	background:#9c2a1e;
	line-height:28px;
	border-radius:30px;
	text-align:center;
	cursor:pointer;
	color:#fff;
	font-size:13px;
	font-weight:600;
	margin:auto;
}

.bComplete{
	background:#1aa51a;
}

/* ATTACHED QUESTS */

.bAttached{
	margin-top:10px;
	border-bottom:1px dashed #3a2c12;
	font-size:13px;
	line-height:22px;
}

.bAttached ul{
	font-size:12px;
	list-style:none;
	padding:0;
	text-align:center;
}

.bAttached ul li{
	margin-bottom:5px;
}

/* PROGRESS BAR */

.bProgressBar{
	width:100%;
	height:12px;
	border-radius:8px;
	background:#2a2a2a;
	overflow:hidden;
	margin-top:5px;
}

.bProgressPerc{
	height:12px;
	border-radius:8px;
	background:linear-gradient(90deg,#ffd378,#c99a41);
}

.bProgressRed{
	background:linear-gradient(90deg,#ff3b3b,#9c2a1e);
}

.bProgressCount{
	margin-top:4px;
	font-size:11px;
	text-align:center;
	color:#999;
}

/* OPEN CLOSE */

.bOpenClose{
	text-align:right;
}

.bOpenClose > a{
	display:flex;
	align-items:center;
	font-size:12px;
	text-transform:uppercase;
	color:#999;
}

/* REWARD TEXT */

.bRewardMain{
	color:#ffd378;
	font-size:14px;
	font-weight:bold;
}

.bRewardsSecond{
	font-size:12px;
	color:#b8b8b8;
}

/* LINK */

.get_reward{
	color:#ffd378;
	text-decoration:none !important;
}

/* MAIN FLEX LAYOUT */

.bBox,
.bTitleBox{
	display:flex;
	align-items:center;
	justify-content:center;
	flex-wrap:wrap;
	gap:20px;
	max-width:1000px;
	margin:auto;
}

.bRTitleBox{
	display:flex;
	justify-content:center;
	flex-wrap:wrap;
	gap:20px;
}

/* USER DATA BOX */

.bUserData{
	flex:1 1 250px;
	max-width:250px;
	background:#141414;
	border:1px solid #3a2c12;
	border-radius:8px;
	margin:10px;
	padding:15px;
	color:#d6c6a5;
	min-height:60px;
	box-shadow:0 0 10px rgba(0,0,0,0.6);
}

/* TITLE BOX */

.bTitleData,
.bTitleDataMain{
	background:#161616;
	border:1px solid #3a2c12;
	border-radius:8px;
	margin:10px;
	padding:15px;
	color:#d6c6a5;
	min-height:60px;
	max-width:250px;
	box-shadow:0 0 10px rgba(0,0,0,0.6);
}

.bTitleDataMain{
	min-height:80px;
	text-align:center;
}

.bTitleDataMain img{
	max-width:80px;
	height:auto;
}

/* PASS TYPE */

.bPassType{
	font-size:15px;
	text-align:center;
	color:#ffd378;
	font-weight:bold;
	margin-top:5px;
}

/* BUTTON */

.bUpgradeButton{
	text-align:center;
}

.bUpgradeButton a,
.bUpgradeButton span{
	font-size:14px;
	background:linear-gradient(180deg,#c99a41,#8a6422);
	color:#fff;
	border:1px solid #5f4212;
	border-radius:30px;
	padding:8px 18px;
	font-weight:600;
	text-decoration:none;
	cursor:pointer;
	display:inline-block;
	transition:all .2s;
}

.bUpgradeButton a:hover{
	background:linear-gradient(180deg,#ffd378,#c99a41);
	color:#000;
}

/* COUNTDOWN */

.bCountdown,
.dayName{
	font-size:14px;
	background:linear-gradient(180deg,#2eff00,#0b8c00);
	color:#fff;
	border-radius:30px;
	padding:8px 18px;
	font-weight:600;
	text-align:center;
	display:inline-block;
}

/* REWARD IMAGE */

.bRewardData{
	display:flex;
	align-items:center;
	gap:10px;
}

.bRewardImage,
.bRewardImage img{
	width:38px;
	height:38px;
}

/* STATUS BUTTON */

.bStatusButton{
	width:110px;
	height:28px;
	background:#9c2a1e;
	line-height:28px;
	border-radius:30px;
	text-align:center;
	cursor:pointer;
	color:#fff;
	font-size:13px;
	font-weight:600;
	margin:auto;
}

.bComplete{
	background:#1aa51a;
}

/* ATTACHED QUESTS */

.bAttached{
	margin-top:10px;
	border-bottom:1px dashed #3a2c12;
	font-size:13px;
	line-height:22px;
}

.bAttached ul{
	font-size:12px;
	list-style:none;
	padding:0;
	text-align:center;
}

.bAttached ul li{
	margin-bottom:5px;
}

/* PROGRESS BAR */

.bProgressBar{
	width:100%;
	height:12px;
	border-radius:8px;
	background:#2a2a2a;
	overflow:hidden;
	margin-top:5px;
}

.bProgressPerc{
	height:12px;
	border-radius:8px;
	background:linear-gradient(90deg,#ffd378,#c99a41);
}

.bProgressRed{
	background:linear-gradient(90deg,#ff3b3b,#9c2a1e);
}

.bProgressCount{
	margin-top:4px;
	font-size:11px;
	text-align:center;
	color:#999;
}

/* OPEN CLOSE */

.bOpenClose{
	text-align:right;
}

.bOpenClose > a{
	display:flex;
	align-items:center;
	font-size:12px;
	text-transform:uppercase;
	color:#999;
}

/* REWARD TEXT */

.bRewardMain{
	color:#ffd378;
	font-size:14px;
	font-weight:bold;
}

.bRewardsSecond{
	font-size:12px;
	color:#b8b8b8;
}

/* LINK */

.get_reward{
	color:#ffd378;
	text-decoration:none !important;
}