body {
	background-color: #F4F0E5;
	color: black;
	-moz-user-select: none;
	-ms-user-select: none;
	-khtml-user-select: none;
	-webkit-user-select: none;
}
h1 {
	font-size: 1.2rem;
	width: 95%;
	padding: 10px 5px;
	border: 3px solid #122B3B;
	color: #ffffff;
	background-color: #215B84;
}
h2 {
	font-size: 1.0rem;
	width: 85%;
	padding: 10px 5px;
	border: 2px solid #122B3B;
	color: #ffffff;
	background-color: #215B84;
}

h3 {
	font-size: 0.9rem;
	width: 75%;
	padding: 8px 5px;
	border: 1px solid #122B3B;
	color: #ffffff;
	background-color: #215B84;
}

table {
	border:1px solid #000000;
	border-collapse: collapse;
}

th {
	border:1px solid #000000;
}
td {
	border:1px solid #000000;
}

.bold {font-weight: bold;}

.nw {white-space: nowrap;}

.tc {text-align: center;}
.tl {text-align: left;}
.tr {text-align: right;}

.vat {vertical-align:  top;}
.vam {vertical-align:  middle;}

.w10 {width: 10%;}
.w14 {width: 14%;}
.w15 {width: 15%;}
.w16 {width: 16%;}
.w20 {width: 20%;}
.w25 {width: 25%;}
.w30 {width: 30%;}
.w35 {width: 35%;}
.w37 {width: 37%;}
.w40 {width: 40%;}
.w45 {width: 45%;}
.w47 {width: 47%;}
.w48 {width: 48%;}
.w49 {width: 49%;}
.w50 {width: 50%;}
.w60 {width: 60%;}
.w70 {width: 70%;}
.w75 {width: 75%;}
.w80 {width: 80%;}
.w90 {width: 90%;}
.w95 {width: 95%;}
.w100 {width: 100%;}
.iw100 {width: 100%;}

.rem03 {font-size: 0.3rem;}
.rem05 {font-size: 0.5rem;}
.rem06 {font-size: 0.6rem;}
.rem07 {font-size: 0.7rem;}
.rem08 {font-size: 0.8rem;}
.rem09 {font-size: 0.9rem;}
.rem10 {font-size: 1rem;}
.rem15 {font-size: 1.5rem;}
.rem20 {font-size: 2rem;}
.rem25 {font-size: 2.5rem;}

.f03 {font-size: 0.3rem;}
.f05 {font-size: 0.5rem;}
.f06 {font-size: 0.6rem;}
.f07 {font-size: 0.7rem;}
.f08 {font-size: 0.8rem;}
.f09 {font-size: 0.9rem;}
.f10 {font-size: 1rem;}
.f15 {font-size: 1.5rem;}
.f20 {font-size: 2rem;}
.f25 {font-size: 2.5rem;}

.mr1rem {margin-right: 1rem;}
.ml1rem {margin-left: 1rem;}

.mt1rem {margin-top: 1rem;}
.mt2rem {margin-top: 2rem;}

.mb1rem {margin-bottom: 1rem;}
.mb2rem {margin-bottom: 2rem;}

.pr1rem {padding-right: 1rem;}
.pl1rem {padding-left: 1rem;}
.pr3px {padding-right: 3px;}
.pl3px {padding-left: 3px;}

.pt1rem {padding-top: 1rem;}
.pt2rem {padding-top: 2rem;}

.pb05rem {padding-bottom: 0.5rem;}
.pb1rem {padding-bottom: 1rem;}
.pb2rem {padding-bottom: 2rem;}

.p3 {padding: 3px;}
.pt15 {padding-top: 15px;}
.pb15 {padding-bottom: 15px;}

.ma {margin: auto;}

.paz {
position: absolute;
z-index: 2;
}

.icon {
	max-width: 127px;
	max-height: 127px;
}
.ruIcon {
z-index: 1;
margin-left: -30px;
margin-top: -5px;
}
.mr40 {margin-left: 40px;}

.white    {color: white;}
.red      {color: red;}
.blue     {color: blue;}
.darkGray {color: #222222;}
.yellow   {color: yellow;}
.pink     {color: pink;}
.lightRed   {color: #ffbbbb;}
.lightBlue  {color: #bbbbff;}
.lightGreen {color: #bbffbb;}

.bgRed      {background-color: #FF0000;}
.bgPurple   {background-color: #FF00FF;}
.bgGray     {background-color: #555555;}
.bgDarkGray {background-color: #232323;}
.bgBlack    {background-color: black;}
.bgWhite    {background-color: white;}
.bgLightYellow {background-color: lightyellow;}
.bgAliceBlue {background-color: aliceblue;}
.bgDarkSalmon {background-color: darksalmon;}
.bgEnemy {background-color: #FFCADB;}

button {border-radius: 7px;}

.borderSummon {
border: 2px solid #555555;
padding-top: 3px;
padding-bottom: 3px;
}
.borderCommon {
border: 2px solid #404040;
padding-top: 3px;
padding-bottom: 3px;
}
.borderRare {
border: 2px solid #28A2CD;
padding-top: 3px;
padding-bottom: 3px;
}
.borderEpic {
border: 2px solid #8819CE;
padding-top: 3px;
padding-bottom: 3px;
}
.borderLegendary {
border: 2px solid #CE9C20;
padding-top: 3px;
padding-bottom: 3px;
}




.dn {display: none;}

.fr {float:  right;}

.bsh {border-style: hidden;}

.bst {border-top: solid;}
.bsb {border-bottom-style: solid;}
.bsr {border-right-style: solid;}
.bsl {border-left-style: solid;}

.bth {border-top: hidden;}
.bbh {border-bottom: hidden;}
.brh {border-right: hidden;}
.blh {border-left: hidden;}

.mw40 {max-width: 40px;}
.mw50 {max-width: 50px;}
.mw60 {max-width: 60px;}
.mw70 {max-width: 70px;}
.mw90 {max-width: 90px;}

.mw120 {max-width: 120px;}
.mw130 {max-width: 130px;}
.mw140 {max-width: 140px;}
.mw150 {max-width: 150px;}
.mw160 {max-width: 160px;}
.mw170 {max-width: 170px;}
.mw180 {max-width: 180px;}
.mw190 {max-width: 190px;}
.mw200 {max-width: 200px;}

.minw100 {min-width: 100px;}


.inline {display: inline-block;}

.df {
	display: flex;
	justify-content: space-around;
}
.dfsb {
	display: flex;
	justify-content: space-between;
}
.dffs {
	display: flex;
	justify-content: flex-start;
}

.dg1 {display: grid;grid-template-columns: 1fr;}
.dg2 {display: grid;grid-template-columns: repeat(2, 1fr);}
.dg3 {display: grid;grid-template-columns: repeat(3, 1fr);}
.dg4 {display: grid;grid-template-columns: repeat(4, 1fr);}
.dg5 {display: grid;grid-template-columns: repeat(5, 1fr);}
.dg6 {display: grid;grid-template-columns: repeat(6, 1fr);}
.dg7 {display: grid;grid-template-columns: repeat(7, 1fr);}
.dg2quiz {display: grid;grid-template-columns: 2fr 8fr;}

.gap1 { gap: 1px; }
.gap2 { gap: 2px; }
.gap3 { gap: 3px; }
.gap4 { gap: 4px; }
.gap5 { gap: 5px; }

.linkButtonA:active {
	background: radial-gradient(#215B84, #DDDDFF);
	color: white;
	font-weight: bold;
}

.linkButtonA {
	display:block;
	border-radius: 7px;
	background-color: #CFCFCF;
	margin: auto;
	padding-top: 15px;
	padding-bottom: 15px;
	width: 80%;
	font-size: 0.9rem;
	text-align: center;
}

.ofh {
	overflow: hidden;
}

.mp0 {
	margin: 0px;
	padding: 0px;
}

.mt0 {
	margin-top: 0px;
}
.mb0 {
	margin-bottom: 0px;
}
.pt0 {
	padding-top: 0px;
}
.pb0 {
	padding-bottom: 0px;
}

.hrefnul {
	text-decoration: none;
}

.ofxs {
	overflow-x: scroll;
	overflow-y: hidden;
}

.wbba {
	word-break: break-all;
}

.alertMessage {
	color: #ff0000;
	font-weight: bold;
	font-size: 130%;
	background-color: #000000;
	padding-top: 2rem;
	text-align: center;
	position: fixed!important;
	left: 0!important;
	top: 0!important;
	width: 100%!important;
	height: 100%!important;
	z-index: 999!important;
}

.noDisplay {
	display: none;
}