#contact_div {
width: 400px;
height:300px;
margin-left: auto;
margin-right: auto;
margin-top: auto;
margin-bottom: auto;
background-color:red;
display:none;
position:relative;
z-index:3;
}

#map{z-index:0;}

.button {
background-color: #04AA6D; /* Green */
border: none;
color: white;
padding: 5px;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 16px;
margin: 4px 2px;
cursor: pointer;
border-radius: 8px;
position: relative;
left: 200px;
top:-28px;
}
img.huechange { filter: hue-rotate(120deg); }
* {
font-family: sans-serif;
}
.container{overflow:hidden;}
.next{float:left;}

#main
{
overflow:hidden;
width:99%;
}
@media screen and (min-width: 900px)
{
#main
{
margin-left:calc((100% - 900px)/2);
margin-right:calc((100% - 900px)/2);
}

}

@media screen and (max-width: 600px)
{
	#map{height:400px !important;}
	#details
	{
		display:none;
	}
	.event
	{
		height:60px !important;
	}	
	.eventDate
	{
	inline-size:80px !important;
	width: 80px !important;
	float:none !important;
	font-size: 0.875em !important;
	height:20px !important;
	padding-top:1px !important;
	padding-bottom:1px !important;
	}

	.eventTime
	{
	inline-size:50px !important;
	width: 50px !important;
	float:none !important;
	font-size: 0.775em !important;
	height:20px !important;
	padding-top:1px !important;
	padding-bottom:1px !important;
	}

	.eventCountry
	{
	inline-size:20px !important;
	width: 20px !important;
	float:none !important;
	height:20px !important;
	padding-top:1px !important;
	padding-bottom:1px !important;
	font-size: 0.875em !important;
	}

	.eventState
	{
	overflow: hidden !important;
	text-overflow: ellipsis !important;
	inline-size:80px !important;
	width: 80px !important;
	float:none !important;
	height:20px !important;
	padding-top:1px !important;
	padding-bottom:1px !important;
	font-size: 0.875em !important;
	}

	.eventCity
	{
	overflow: hidden !important;
	text-overflow: ellipsis !important;
	inline-size:200px !important;
	width: 200px !important;
	float:none !important;
	height:20px !important;
	padding-top:1px !important;
	padding-bottom:1px !important;
	font-size: 0.875em !important;
	}

	.eventShop
	{
	overflow: hidden !important;
	text-overflow: ellipsis !important;
	inline-size:300px !important;
	width: 300px !important;
	float:none !important;
	height:20px !important;
	padding-top:1px !important;
	padding-bottom:1px !important;
	top:-45px !important;
	left:80px !important;
	position:relative !important;
	}

	.eventName
	{
	overflow: hidden !important;
	text-overflow: ellipsis !important;
	inline-size:300px !important;
	width: 300px !important;
	float:none !important;
	height:20px !important;
	padding-top:1px !important;
	padding-bottom:1px !important;
	font-size: 0.875em !important;
	top:-45px !important;
	left:80px !important;
	position:relative !important;
	}
	
	.eventAddress
	{
	overflow: hidden !important;
	text-overflow: ellipsis !important;
	inline-size:400px !important;
	width: 400px !important;
	float:none !important;
	height:20px !important;
	padding-top:1px !important;
	padding-bottom:1px !important;
	font-size: 0.875em !important;
	display:block !important;
	top:-110px !important;
	left:0px !important;
	position:relative !important;
	}
}

#right{width:900px;margin-left:3px;}
#left{width:900px;}

.qual{background-color: #B0DB9C;}
.no_qual{background-color: #DA6C6C;}

.event
{
cursor: pointer;
border-style: solid;
border-color: grey;
border-width: 1px;
overflow:hidden;
height:20px;
padding-top:1px;
padding-bottom:1px;
}

.event:hover *{
background-color: #E3E3E3 !important;
}

.eventDate
{
inline-size:80px;
width: 80px;
float:left;
font-size: 0.875em;
height:20px;
padding-top:1px;
padding-bottom:1px;
}

.eventTime
{
inline-size:50px;
width: 50px;
float:left;
font-size: 0.775em;
height:20px;
padding-top:1px;
padding-bottom:1px;
}

.eventCountry
{
inline-size:20px;
width: 20px;
float:left;
height:20px;
padding-top:1px;
padding-bottom:1px;
font-size: 0.875em;
}

.eventState
{
overflow: hidden;
text-overflow: ellipsis;
inline-size:80px;
width: 80px;
float:left;
height:20px;
padding-top:1px;
padding-bottom:1px;
font-size: 0.875em;
}

.eventCity
{
overflow: hidden;
text-overflow: ellipsis;
inline-size:200px;
width: 200px;
float:left;
height:20px;
padding-top:1px;
padding-bottom:1px;
font-size: 0.875em;
}

.eventShop
{
overflow: hidden;
text-overflow: ellipsis;
inline-size:200px;
width: 200px;
float:left;
height:20px;
padding-top:1px;
padding-bottom:1px;
}

.eventName
{
overflow: hidden;
text-overflow: ellipsis;
inline-size:200px;
width: 200px;
float:left;
height:20px;
padding-top:1px;
padding-bottom:1px;
font-size: 0.875em;
}

.eventAddress
{
overflow: hidden;
text-overflow: ellipsis;
inline-size:200px;
width: 200px;
float:left;
height:20px;
padding-top:1px;
padding-bottom:1px;
font-size: 0.875em;
display:none;
}

@supports (-webkit-appearance: none) or (-moz-appearance: none) {
.checkbox-wrapper-14 input[type=checkbox] {
--active: #275EFE;
--active-inner: #fff;
--focus: 2px rgba(39, 94, 254, .3);
--border: #BBC1E1;
--border-hover: #275EFE;
--background: #fff;
--disabled: #F6F8FF;
--disabled-inner: #E1E6F9;
-webkit-appearance: none;
-moz-appearance: none;
height: 21px;
outline: none;
display: inline-block;
vertical-align: top;
position: relative;
margin: 0;
cursor: pointer;
border: 1px solid var(--bc, var(--border));
background: var(--b, var(--background));
transition: background 0.3s, border-color 0.3s, box-shadow 0.2s;
}

.tcg_cup {
--active: #D81B60 !important;
--border-hover: #D81B60 !important;
}
.tcg_challenge {
--active: #1E88E5 !important;
--border-hover: #1E88E5 !important;
}

.vg_cup {
--active: #95d2b3 !important;
--border-hover: #95d2b3 !important;
}
.vg_challenge {
--active: #ECCA9C !important;
--border-hover: #ECCA9C !important;
}

.go_cup {
--active: #F19ED2 !important;
--border-hover: #F19ED2 !important;
}
.go_challenge {
--active: #FEFE62 !important;
--border-hover: #FEFE62 !important;
}
.prerelease {
--active: #FFC107 !important;
--border-hover: #FFC107 !important;
}

.tcg_friendly {
--active: #98a1bc !important;
--border-hover: #98a1bc !important;
}

.vg_friendly {
--active: #a7c1a8 !important;
--border-hover: #a7c1a8 !important;
}

.go_friendly {
--active: #cdc1ff !important;
--border-hover: #cdc1ff !important;
}


.League_Cup {
background-color: #D81B6033 !important;
}
.League_Challenge {
background-color: #1E88E533 !important;
}
.League_Cup_VG {
background-color: #95d2b333 !important;
}
.League_Challenge_VG {
background-color: #ECCA9C33 !important;
}
.GO_Cup {
background-color: #F19ED233 !important;
}
.GO_Challenge {
background-color: #FEFE6233 !important;
}
.Pre_Release {
background-color: #FFC10733 !important;
}


.nonpremier_TCG {
background-color: #98a1bc33 !important;
}
.nonpremier_VG {
background-color: #a7c1a833 !important;
}
.nonpremier_GO {
background-color: #cdc1ff33 !important;
}




.checkbox-wrapper-14 input[type=checkbox]:after {
content: "";
display: block;
left: 0;
top: 0;
position: absolute;
transition: transform var(--d-t, 0.3s) var(--d-t-e, ease), opacity var(--d-o, 0.2s);
}
.checkbox-wrapper-14 input[type=checkbox]:checked {
--b: var(--active);
--bc: var(--active);
--d-o: .3s;
--d-t: .6s;
--d-t-e: cubic-bezier(.2, .85, .32, 1.2);
}
.checkbox-wrapper-14 input[type=checkbox]:disabled {
--b: var(--disabled);
cursor: not-allowed;
opacity: 0.9;
}
.checkbox-wrapper-14 input[type=checkbox]:disabled:checked {
--b: var(--disabled-inner);
--bc: var(--border);
}
.checkbox-wrapper-14 input[type=checkbox]:disabled + label {
cursor: not-allowed;
}
.checkbox-wrapper-14 input[type=checkbox]:hover:not(:checked):not(:disabled) {
--bc: var(--border-hover);
}
.checkbox-wrapper-14 input[type=checkbox]:focus {
box-shadow: 0 0 0 var(--focus);
}
.checkbox-wrapper-14 input[type=checkbox]:not(.switch) {
width: 21px;
}
.checkbox-wrapper-14 input[type=checkbox]:not(.switch):after {
opacity: var(--o, 0);
}
.checkbox-wrapper-14 input[type=checkbox]:not(.switch):checked {
--o: 1;
}
.checkbox-wrapper-14 input[type=checkbox] + label {
display: inline-block;
vertical-align: middle;
cursor: pointer;
margin-left: 4px;
}

.checkbox-wrapper-14 input[type=checkbox]:not(.switch) {
border-radius: 7px;
}
.checkbox-wrapper-14 input[type=checkbox]:not(.switch):after {
width: 5px;
height: 9px;
border: 2px solid var(--active-inner);
border-top: 0;
border-left: 0;
left: 7px;
top: 4px;
transform: rotate(var(--r, 20deg));
}
.checkbox-wrapper-14 input[type=checkbox]:not(.switch):checked {
--r: 43deg;
}
.checkbox-wrapper-14 input[type=checkbox].switch {
width: 38px;
border-radius: 11px;
}
.checkbox-wrapper-14 input[type=checkbox].switch:after {
left: 2px;
top: 2px;
border-radius: 50%;
width: 17px;
height: 17px;
background: var(--ab, var(--border));
transform: translateX(var(--x, 0));
}
.checkbox-wrapper-14 input[type=checkbox].switch:checked {
--ab: var(--active-inner);
--x: 17px;
}
.checkbox-wrapper-14 input[type=checkbox].switch:disabled:not(:checked):after {
opacity: 0.6;
}
}

.checkbox-wrapper-14 {
padding:2px;
}


.checkbox-wrapper-14 * {
box-sizing: inherit;
}
.checkbox-wrapper-14 *:before,
.checkbox-wrapper-14 *:after {
box-sizing: inherit;
}

.ri
{
border-radius: 5px;
}