button 
{
  display: inline-flex;
  align-items: center;      /* vertical centering */
  justify-content: center;  /* horizontal centering */
  gap: 0.5em;  
  font-size:1rem;
}

.standardButton 
{
	color:#ffffff;
	border-radius:3px;
	font-family:Arial;
	padding:0.4rem;
	text-decoration:none;
	cursor:pointer;
	font-size:1rem;
	min-width: 10rem;
}
.standardButton:hover {
}
.standardButton:active {
	position:relative;
	top:1px;
}



.loginBtn
{
	padding:0.7rem !important;
}


.mainScreenButton
{
	position: absolute;
	transform: translate(-50%, -50%);
	height:2rem;
	width: 10vw;
	padding: 1rem 2rem;
	min-width: 10rem;
	min-height: 2.6rem;
}

.mainScreenButton span
{
	font-size:0.8rem;
}





.notification_close_button
{
    //position:absolute;
    padding-top:10px;
    padding-bottom:10px;
    width:100%;
    text-align:center;
    //bottom:10px;
}
	

.charHideBtn
{
	align-self:center !important;
	width:90% !important;
}

#btn_rnd_evt
{
    background-color:yellow;
}

#btn_register_trial
{
	display:none;
}

#btn_quests
{
    display:none;
}

.dirBtn
{
	width:36px !important;
	min-width:36px !important;
	height:36px !important;
	min-height:36px !important;
	text-align:center !important;
	vertical-align:middle !important;
	font-style: bold !important;
	
}

#btn_markets
{
    padding-left:0px;
    padding-right:0px;
}












.mapBackToQuestBtnParent
{
    display:none;
}


.minWidthBtn
{
    min-width: 160px;
}


.charButton {
	cursor:pointer;
	font-family:Arial;
	font-weight:bold;
	padding:6px 12px;
	text-decoration:none;
	flex: 1 1 calc(50% - 0.5rem); /* 50% minus gap adjustment */
	box-sizing: border-box;  
	white-space: nowrap;  
	display: flex;
	align-items: center;      /* vertically center both */
	justify-content: space-between; /* spread img and span */
	width: 100%;   
	flex: 0 0 auto;
	align-self: flex-start;  
	min-height: 44px;
	gap: 0em;  
	font-size:0.8rem;
}

.charButton:hover {
}
.charButton:active {
	position:relative;
	top:1px;
}

.charButton img
{
	flex-shrink: 0;  
}

.charButton span 
{
	flex: 1;                  /* take remaining space */
	text-align: center;       /* center text in that space */
}


.bold
{
	font-weight:bold;
}



.archetypeInfoBtn
{
	height:4vh;
	width:64%;
}


#finish_register
{
	width:60%;
}

#finish_register_back
{
	width:33%;
}