#bfmb_container *{
	text-align: left;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	text-decoration: none;
	color:#B09795;
	float: none ;
}

label {
	cursor: pointer;
	margin:0 !important;
}

textarea{
    box-sizing: border-box;
}

select {
	padding: 0;
}

#bfmb_container input,
#bfmb_container select{
	margin: 0 2px;
}

fieldset {
	padding: 6px;
	border:1px solid #B09795 !important;
}

#bf_master_bot td {
	padding: 4px!important;
}

#form_container{
	padding:0px;
	overflow: auto;
}

#bfmb_container{
	padding: 0;
	text-align: left;
	display: none;
}

#BiteFight_Auto_Adventure *:focus {
	outline: 0 !important;
}

#orderInput{
	width:100%;
	margin: 0;
	height: 40px;
	resize:vertical;
}	

.column{
	width:50%;
	float: left;
	margin: 0 !important; 
}

.options{
	width: 100%;
	display: flex;
	align-items: center;
}

.option{
	display: flex;
    align-items: center;
	float: left !important;
	text-align: center !important;
	margin-right: 16px;
}

td > .option {
	margin: 0;
}



#aspects-row > td > fieldset > div[class*="option bfmb_tooltip"] {
	margin-right: 0px !important;
	width: 73px;
}

#aspects-row > td > fieldset {
	padding: 4px 4px 2px 4px;
	margin: 0px;
}

#aspects-row input[type="text"]{
	width: 40px;
	text-align:center;
}

#aspects-row > td {
	padding: 0!important;
}

#bfmb_header{
	text-align: left !important;
	padding-left: 10px;
	cursor: pointer;
}

#bfmb_container input[type="checkbox"],
#bfmb_container input[type="radio"]{
	margin-right: 5px;
	cursor: pointer; 
}

#items{
	font-size: 14px;
}

#activationForm *{
	text-align: center !important;
}

#activation_manual{
	width: 350px;
}

#activationForm table {
	width: 100%;
    box-sizing: border-box;
}

.form{
	margin: 0 auto;
	display: none;
	width:100%;
	text-align: center !important;
}
.form p{
	text-align: center !important;
}

.formLeft, .formRight{
	width:45%;
	float: left;
	padding:2.5%;
}

.form input[type="text"],
.form input[type="password"]{
	margin:5px;
	text-align: center !important;
}

#orderDiv{
	margin-top:40px;
}

.playerList{
	display: none;
}

#blacklistDecisions, #whitelistDecisions{
	width:262px;
	margin: 0 !important;
	margin-bottom: 10px;
	resize:vertical;
}

#blacklist, #whitelist{
	width:100%;
	margin: 0 0 0 4px;
	margin-bottom: 10px;
}

#bfmb_button{
	display: none;
}

.legend {
	display: flex;
	align-items: center; 
	margin: 0 3px 0 2px;
}

.column {
	width:auto;
	float: left;
	margin: 0 !important; 
}

.answer{
	color: #c00c0c !important;
  white-space: pre-wrap;
}

#about{
	text-align:left !important;
}

.about {
	display: block;
	margin: 5px 0;
	text-align:left !important;
}

#skillsForm{
	display:none;
}

#clanForm{
	display:none;
}

#stayAliveForm, #settingsForm {
	margin-top: 4px;
}

#stayAliveToolsForm input[type="text"],
#stayAliveGrottoForm input[type="text"],
#selfHealingForm input[type="text"]{
	width: 40px;
	text-align:center;
}

#stayAliveToolsForm {
	margin-top: 6px;
    padding: 3px;
}

#pauseAt, #pauseAtshowOnRaceEvent,
#resumeAt, #resumeAtshowOnRaceEvent,
#startHealing,
#stopHealing {
	width: 50px;
	text-align:right;
}
	
#order{
	width:100%;
	margin: 0;
	margin-bottom: 10px;
	height: 40px;
	resize:vertical;
}
	
.note-area{
	text-align:left !important;
	width:100%;
	height: 256px;
    overflow: auto;
	resize: vertical;
}

.bfmb_btn{
	background-image: url("../img/layout/btn.png");
	border: none !important;
	width: 150px !important;
	height: 35px;
	background-position: top;
	cursor: pointer;
	color:#bec1c3 !important;
	margin: 4px auto 0 auto !important;
	text-align: center !important;
}

.button_bf_style:hover{
	background-position: bottom;
	color: #fff !important;
}

#manualOrder{
	 width:100%; 
	 display:none;
}

.bfmb_tooltip {
    position: relative;
    display: flex;
	align-items: center;
}

.bfmb_tooltip .bfmb_tooltiptext {
    visibility: hidden;
    width: 180px;
    background-color: #220202;
    color: #B09795;
    text-align: center !important;
    
    padding: 5px;
    position: absolute;
    z-index: 1000;
    bottom: 125%;
    left: 50%;
    margin-left: -90px;
    opacity: 0;
    transition: opacity 0.3s;
	border:1px solid #8F0A0B;
	font-size: 12px !important;
}

.bfmb_tooltip .bfmb_tooltiptext::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #8F0A0B transparent transparent transparent;
}

.bfmb_tooltip:hover .bfmb_tooltiptext {
    visibility: visible;
    opacity: 1;
}

.center {
	width:100%;
}

.bfmb_btn:hover{
	background-position: bottom;
	color: #fff !important;
}

/*TABS*/

.tab {
    overflow: hidden;
}

/* Style the buttons inside the tab */
.tablink {
    border: none;
    outline: none;
    cursor: pointer;
    transition: 0.3s;
	background: none !important;
	color:#b09795;
    padding: 0 4px 0 1px!important;
	font-size: 13px;
}

.tablink:hover {
	text-decoration: underline!important;
}

/* Change background color of buttons on hover */
.tab button:hover, .tab button.active {
    color: yellow !important;
}

.open-gift-running {
	-webkit-animation: color-change 1.5s infinite;
    -o-animation: color-change 1.5s infinite;
    -ms-animation: color-change 1.5s infinite;
    animation: color-change 1.5s infinite;
}

.running{
	-webkit-animation: color-change 1s infinite;
    -o-animation: color-change 1s infinite;
    -ms-animation: color-change 1s infinite;
    animation: color-change 1s infinite;
}

.formLinks {
	cursor: pointer;
}

@-webkit-keyframes color-change {
    0% { color: yellow; }
    50% { color: #B09795; }
    100% { color: yellow; }
}

/* Style the tab content */
.tabcontent {
    display: hidden;
	padding: 4px;
}

#aboutContent{
	line-height: 20px;
}

#giftQuantity,
#giftMaxAP,
#pvpMinHp,
#pvpDelay,
#pvpMargin,
#customSpeedDelay,
#customSpeedMargin
#goldBufferValue,
#manHuntForm input[type="text"],
#hopForm input[type="text"],
#graveyardForm input[type="text"],
#grottoForm input[type="text"],
#potionsForm input[type="text"],
#walletForm input[type="text"]{
	width: 32px;
	text-align: center;
}

#goldClan {
	text-align: right;
    padding-right: 4px;
    width: 120px;
    margin-left: 4px!important;
}

/* Events frame content */
img.gameEventImage { 
	display:none;
}

/* Updrade to shadowlord ad */

#upgrademsg {
	display: none;
}

/* Orbs frame*/

div[id="firstStep"] > h4 {
	margin-top: 8px!important;
    margin-left: 8px!important;
}

div[id="secondStep"] > h4 {
	margin-top: 8px!important;
    margin-left: 8px!important;
}

div[id="thirdStep"] > h4 {
	margin-top: 8px!important;
    margin-left: 8px!important;
}

#orb_generation_form {
	padding: 0 20px!important;
}

div[id="gameEvent"] > div[class="wrap-left clearfix"] > div[class="wrap-content wrap-right clearfix"] > h2 {
	display: none !important;
}

div[id="gameEvent"] > div[class="wrap-left clearfix"] > div[class="wrap-content wrap-right clearfix"] > p[class="highlight bold"] {
	padding: 0 !important;
}

div[id="gameEvent"] > div[class="wrap-left clearfix"] > div[class="wrap-content wrap-right clearfix"] > ul {
	margin: 0;
}

.cityOption {
	width: 96px;
}

.widgetOtherShortcuts {
    display: inline-flex;
}

.widgetCityShortcut > a > img {
	margin-top: 8px;
}

.widgetOtherShortcut {
	margin-right: 8px;
}

.shortcutFieldLegend {
	width: 84px;
}

#churchOverApInput, #churchInput, #churchOverApGrottoInput, #churchGrottoInput {
	width: 32px;
	text-align: center;
}

.storySetupForm {
	display: flex;
}

.fieldset-without-border{
	border: 0!important;
}

.input-time {
	width: 84px;
}

#buddyTrigger {
	position: absolute;
    left: -10px;
    top: 0px;
}

.potion-column > div.option {
	text-align: left!important;
}

.potion-column {
	margin-top: 4px;
}

#bfmb_event_alert {
	position: absolute;
	right: 0;
	padding-right: 10px;
	display: none;
}

.event-efect{
	float: left;
	font-style: bold;
	-webkit-animation: event-color-change 2s infinite;
    -o-animation: event-color-change 2s infinite;
    -ms-animation: event-color-change 2s infinite;
    animation: event-color-change 2s infinite;
}

@-webkit-keyframes event-color-change {
    0% { color: red; }
    50% { color: #B09795; }
    100% { color: red; }
}

#bfmb_widget {
	background-color: rgba(0,0,0, 0.5);
	display: none;
	position: fixed;
	z-index: 99999;
    bottom: 2vw;
    right: 3vh;
    opacity: 0.5;
}

#bfmb_widget:hover {
	opacity: 1.0;
}

#bfmb_widget_content {
	display: grid;
	background-color: rgba(0,0,0, 0.5);
}

#bfmb_orbs_widget {
	background-color: rgba(0,0,0, 0.5);
	position: absolute;
    right: 0;
    top: -20px;	
	display: none;
	z-index: 499;
    /* top: 2vw;
    right: 3vh; */
}

.tdn {
	padding: 3px;
}

#notes, #backup {
	width: 100%;
	height: 300px;
	resize: vertical;
	margin: 0;
}

fieldset {
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    padding-top: 1px;
	padding-bottom: 4px;
    margin-top: 3px;
}

.aspect {
	display: block;
}

.storyWInput {
	width: 100%;
	margin: 0 2px 0 13px;
}

.storyBInput {
	width: 100%;
	margin: 0 13px 0 2px;
}

.equipmentItemDiv {
	align-items: self-start;
	display: flex;
}

.equipmentItemImg {
	height: 64px;
	margin-bottom: 4px;
	border: 1px solid #5F060F;
}

.premiumEquipmentItemImg {
	border-color: #6f86a9;
}

.equipmentItemImgDiv {
	text-align: left!important;
	margin: 0 18px 0 0;
}

.equipmentLastItemImgDiv {
	text-align: left!important;
}

.itemName {
	font-size: 11px;
}

.itemRadioInput {
	position: absolute;
	z-index: 99;
	margin: 15px 0 0 3px!important;
}

input[type=checkbox], input[type=radio] {
	accent-color: red;
}

.bfmb_itemtooltiptext > .btn-left.left {
    /* display: inline-flex; */
	display: none;
}

.bfmb_tooltip .bfmb_itemtooltiptext {
    visibility: hidden;
	width: 240px;
    background-color: #220202;
    color: #B09795;
    text-align: center !important;
    padding: 5px;
    position: absolute;
    z-index: 99999;
	bottom: 110%;
    left: 50%;
	margin-left: -125px;
    opacity: 0;
    transition: opacity 0.3s;
	border:1px solid #8F0A0B;
	font-size: 12px !important;
}

.bfmb_tooltip .bfmb_itemtooltiptext::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -6px;
    border-width: 6px;
    border-style: solid;
    border-color: #8F0A0B transparent transparent transparent;
	opacity: 0.8;
	cursor: pointer;
}

.bfmb_tooltip:hover .bfmb_itemtooltiptext {
    visibility: visible;
	opacity: 0.93;
}

.bfmb_orbtooltiptext > .btn-left.left {
    display: inline-flex;
}

.bfmb_tooltip .bfmb_orbtooltiptext {
    visibility: hidden;
	width: 240px;
    background-color: #220202;
    color: #B09795;
    text-align: center !important;
    padding: 5px;
    position: absolute;
    z-index: 1000;
	bottom: 110%;
    left: 50%;
	margin-left: -125px;
    opacity: 0;
    transition: opacity 0.3s;
	border:1px solid #8F0A0B;
	font-size: 12px !important;
}

.bfmb_tooltip .bfmb_orbtooltiptext::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #8F0A0B transparent transparent transparent;
}

.bfmb_tooltip:hover .bfmb_orbtooltiptext {
    visibility: visible;
	opacity: 0.93;
}

#bfmbw_header {
	padding-top: 4px;
	cursor: pointer;
}

#bfmbw_header:hover {
	color: white;
	font-weight: bold;
}

#currentEquipment_pvpTab, #currentEquipment_hopTab {
	height: 100px;
}

.infobarOffsetTop {
	position: fixed;
	top: 0;
	width: 720px;
	z-index: 999999;
	background: black;
}

.widgetOrb {
	width: 32px;
	margin: 2px;
}

#powered-by {
	text-align: right!important;
    font-weight: 600;
    margin: 4px 2px 0 0;
    color: #333333;
}

#mmonetbar {
	display: none;
}

#firstStep > h4, #secondStep > h4, #thirdStep > h4 {
	display: none;
}

#secondStep {
	display: flex;
    align-items: center;
	font-size: 14px;
    font-weight: 700;
}

#secondStep > input[type=radio] {
	width: 20px;
    height: 20px;
	margin: 0 8px 0 0;
}

#splinterAmount {
	height: 24px;
    width: 75px;
    text-align: center;
    font-size: 16px;
}

.eggr {
	margin: 0 8px 0 0;
}

#all-items-link {
    margin: 2px;
    float: right!important;
}

.loglink, .notelinks {
    padding: 0 8px;
    font-size: 12.6px!important;
    cursor: pointer;
    color: rgb(176, 151, 149);
    border-width: initial;
    border-style: none;
    border-color: initial;
    border-image: initial;
    outline: none;
    transition: all 0.3s ease 0s;
    background: none !important;
}

.loglink:hover, .loglink.active,
.notelinks:hover, .notelinks.active {
    color: yellow !important;
}

/* MOZILLA */

@-moz-document url-prefix() {
	.bfmb_btn{
		background: url("../img/layout/btn.png") !important;
	}
}

@-moz-keyframes event-color-change {
    0% { color: red; }
    50% { color: #B09795; }
    100% { color: red; }
}

@-moz-keyframes color-change {
    0% { color: yellow; }
    50% { color: #B09795; }
    100% { color: yellow; }
}

.event-efect{
    -moz-animation: event-color-change 2s infinite;
}

.running{
    -moz-animation: color-change 1s infinite;
}

#purpleGiftsNb > strong {
	font-weight: 700;
}

#purpleGiftsNb > strong {
	font-weight: 700;
}

#darkBlueGiftsNb > strong {
	font-weight: 700;
}

/* input[name='donation'] {
	margin: 0;
} */

/* form[action*='/clan/donate'] + tbody > tr > th[align='right'] {
	display: flex;
    align-items: center;
} */

.skillPrice, .skillStatus {
	display: inline-flex;
	align-items: center;
}

#churchForm,
#stayAliveToolsForm {
	border: none !important;
    padding: 0;
}

#equipment > div > .equipmentItemDiv > .equipmentItemImgDiv > div > .equipmentItemImg,
#equipment > div > .equipmentItemDiv > .equipmentLastItemImgDiv > div > .equipmentItemImg {
	cursor: pointer;
}

body::-webkit-scrollbar, #logForm > div::-webkit-scrollbar, #backup::-webkit-scrollbar {
	width: 10px;
}
  
body::-webkit-scrollbar-track, #logForm > div::-webkit-scrollbar-track, #backup::-webkit-scrollbar-track {
	background: #f1f1f139; 
}

body::-webkit-scrollbar-thumb, #logForm > div::-webkit-scrollbar-thumb, #backup::-webkit-scrollbar-thumb {
	background: #5F060F; 
}

body::-webkit-scrollbar-thumb:hover, #logForm > div::-webkit-scrollbar-thumb:hover , #backup::-webkit-scrollbar-thumb:hover{
	background: #8F0A0B; 
}

body::-webkit-scrollbar-corner, #logForm > div::-webkit-scrollbar-corner, #backup::-webkit-scrollbar-corner {
	background-color: transparent;
}

.generate_orb_button {
	width: 268px!important;
}

#note1, #note2, #note3, #note4, #note5, #note6 {
	width: 100%;
	height: 300px;
	resize: vertical;
	margin: 0;
}

@media screen and (max-width: 1023px) {
    button#lppb {
		width: 100%;
	}

	#bfmb_lobby_panel > .head {
		display: block!important;
	}

	h2#pss {
		text-align: center;
		margin: 10px 0!important;
		font-size: 13px;
	}
}