.disbauth, .someauth, .ssa, .apipt, .login.contain .lognav, .epmainlogo, .somei, .mwi.gi, .mwi.i, .ticket_logo, .game_img_teamlist_sq, .tour_img_small_sq, .num, .team_list_small, .header_img_med, .header_img_small, .header_img_tiny, .game_img_small_sq, .game_img_small, .user_img_square, .user_img_troster, .user_img_vs, .gameicon, div[class$=center], input[class$=center], label[class$=center] {
	display: flex; flex-flow: row wrap; align-items: center; justify-content: center; align-content: center; justify-items: center;
}

.splasherr, div[id^=act_bundetails], .defh, #user_page_core, #api_payment_core, .eform { 
	transform-origin: center center; 
}

.eform										{ transition: all 2s ease }
.egrid										{ display: grid; width: 100%; grid-template-rows: auto; grid-auto-flow: row; grid-gap: 1px; }
.egrid .mwd 								{ width: 100%; }
.egrid.w .mwd > .btn:not(.n)				{ width: 100%; }
.egrid.p .mwd 								{ padding: 3px; width: 100%; }
.egrid:not(.n) .mwd 						{ display: flex; }
.egrid.rw .mwc 								{ display: flex; flex-flow: row wrap; }
.egrid.f .mwc.f								{ display: flex; flex-flow: row wrap; align-content: start; align-items: stretch }
.egrid.f .mwc								{ border: unset; }
.egrid.f .mwc.darks							{ background: rgba(235, 235, 235, 1); }
.egrid .mwd.cq 								{ flex-flow: column nowrap }
.egrid .mwd > .ebtn							{ flex: auto }
.egrid.gticks .mcol							{ padding: 8px; font-size: 13.5px }
.egrid.mcol .tcd:not(.n)					{ padding: 4px 6px 4px 6px; font-size: 13.5px }
.egrid .tcd.aq								{ align-items: stretch; padding: 5px; column-gap: 3px; justify-content: flex-end }
.esubnav									{ column-gap: 6px; padding: 15px 10px 15px 10px; width: 100%; margin: 10px 0 0 0; position: relative }
.esubnav									{ border-bottom: 1px solid rgba(30, 30, 30, .4); }
.esubnav .btn								{ border: 2px solid rgba(20, 20, 20, .2); }
#touchver									{ left: 10%; right: 10%; top: 120px; margin: auto; width: 100%; max-width: calc(100% - 20%); position: fixed; z-index: 6  }
#touchver::before							{ content: '';  display: block; position: absolute; margin: 0; top: -40px; height: 250px; left: -500px; width: 2000px; z-index: -1; background: rgba(40, 40, 40, .5);  }
#touchver .erow.p.tblshadow					{ line-height: 23px; border-radius: 5px }

.grid.g .tcd, .egrid.g .tcd					{ column-gap: 5px }
.grid.s .tcd, .egrid.s .tcd					{ align-content: start }
.erow.p										{ padding: 10px; font-size: 13.5px }
.mwd										{ line-height: 20px }
.mwd .c										{ text-align: center }

.eform, .eset								{ padding: 2px 4px 2px 4px; box-shadow: inset 0 -2px 2px rgba(30,30,30,.2), inset 0 2px 2px rgba(30,30,30,.2);  }
.eform, .eset				 				{ box-sizing: border-box; border: 1px solid rgba(40, 40, 40, .4); max-width: 100% }
.eform:not(.n), .eset:not(.n)				{ display: block; width: 100%; }
.eform.n, .eset.n							{ display: inline-block; width: auto !important; flex: auto }

.ebtn										{ margin: auto; border: 1px solid rgba(50, 50, 50, .2); border-radius: 3px; padding: 2px; text-align: center }
.eline										{ margin: 2px 0 2px 0; padding: 3px; width: 100%; border-top: 1px solid rgba(30, 30, 30, .3); }
.ebline										{ margin: 100px 0 2px 0; padding-top: 5px; width: 100%; border-top: 1px solid rgba(30, 30, 30, .3); }
.erow.white									{ background: rgba(250, 250, 250, 1); }
.eform::placeholder, .ebtn::placeholder		{ color: rgba(80, 80, 80, .6); font-style: italic }
.mwc.white > .erow							{ padding: 10px 0 10px 0 }
.egrid.tweet								{ grid-template-rows: min-content auto min-content; grid-template-columns: auto }
.egrid.tweet > .mwc							{ display: flex; }

.grid .mwc + .mwc							{ margin-top: 0 !important; }
.grid.nn .tarea:not(.n)						{ background: unset !important; margin-top: unset !important }
.tarea.nq									{ background: unset !important; padding: 0 !important; }
.tarea.rm .tarea							{ padding: 4px !important }
.grid.nq .tarea								{ 
	background: unset !important; margin-top: unset !important; padding: 0 !important;
}
.grid.nm .tarea + .tarea, .g.nm .tarea + .tarea, .grid.nm .mwc + .mwc{ 
	margin-top: unset !important; margin-bottom: unset !important;
}

.grid:not(.nt)								{ margin-bottom: 15px }

/* class aligns */
[class*="fmid"]:not(.nr)					{ flex-flow: row wrap;  }
[class*="fmid"].nr 							{ flex-flow: row nowrap;  }
[class*="fmid"].gc  						{ column-gap: 3px }
[class*="fmid"]  							{ display: flex; align-items: center; }
[class*="fmidcc"]  							{ align-content: center; justify-items: center; justify-content: center }
[class*="fmidc"]  							{ align-content: center; justify-items: center; }
[class*="fmids"] 							{ align-content: flex-start; justify-items: center; }
[class*="fmidr"]	 						{ justify-content: flex-end; align-content: center; justify-items: center; column-gap: 3px }
[class*="fmidl"] 							{ justify-content: flex-start; align-content: center; justify-items: center; }

.map_timers									{ padding: 5px; margin: 0; width: 100%; font-size: 14px; display: block; position: relative }
.cmtopic:not(.core)							{ font-size: 22px; margin: 10px 0 10px 0; padding: 15px 0 10px 0; }
.cmtopic.core								{ font-size: 22px; margin: 4px 0 4px 0; padding: 6px 0 4px 0; }

.ctopic:not(.med):not(.min)					{ display: flex; flex-flow: row nowrap; text-align: left; margin: 3px 0 3px 0; width: 100% }
[class="ctopic"]							{ font-size: 15px; font-weight: bolder; }
.ctopic.med									{ font-size: 15px; font-weight: bold; padding: 7px 0 7px 0; border-bottom: 1px solid rgba(30, 30, 30, .3);  }
.ctopic.min									{ font-weight: bold; }
.ctopic.mid									{ font-weight: bold; padding: 5px 5px 2px 5px; border-bottom: 1px solid rgba(30, 30, 30, .4); align-items: center; margin: 0 0 3px 0 }
.ctopic.main								{ font-size: 14px; font-weight: bold; padding: 5px; border-bottom: 1px solid rgba(30, 30, 30, .4); align-items: center; margin: 0 0 3px 0 }
.ctopic.core								{ font-size: 16px; font-weight: bold; padding: 5px 5px 5px 0; border-bottom: 1px solid rgba(30, 30, 30, .4); }
.ctopic.top									{ margin-top: 15px !important; }
.ctopic.ac									{ padding: 10px 5px 10px 5px !important; }

.adm_drop 									{ display: flex; position: relative; flex-flow: row wrap; align-items: baseline; column-gap: 4px; row-gap: 5px; padding: 10px 5px 5px 5px } 
.tag.label									{ border-radius: 0; font-size: 12px }
.tag.min									{ font-size: 12px; padding: 3px; border: 0; min-width: 30px; }
.tag.quick									{ padding: 4px; border: 0; min-width: 30px; border-radius: 4px }
.tag.tiny									{ font-size: 10px; padding: 2px 4px 2px 4px; border: 0; margin: 2px }
.tag.im										{ margin: 0 3px 0 3px!important; }
.tag.semi									{ padding: 4px 5px 4px 5px !important; font-size: 14px !important; border-radius: 3px }
.tag.med									{ padding: 6px 7px 6px 7px !important; font-size: 14px !important; border-radius: 5px }
.tag.b										{ width: 100%; text-align: left; font-weight: bold }
.tag.w										{ width: 100%; }
.disabled									{ opacity: 0.8; background: rgba(85, 85, 85, .5) !important; text-decoration: line-through !important; border: 0 }

.tpage										{ width: 100%; min-height: 100vh; }
.topic.top									{ margin-top: 10px !important; }

.text										{ line-height: 22px; width: 100%; }
.text										{ margin: 5px 0 5px 0; padding: 7px 9px 7px 9px }
.text.top									{ margin-top: 8px !important; }
.text.bot									{ margin-bottom: 8px !important; }
.trow										{ display: flex; min-height: 100%; position: relative; flex-flow: row nowrap; width: 100% }
.trow:not(.pad)								{ padding: 2px 5px 2px 5px }
.trow.pad									{ padding: 5px }
.trow.big									{ padding: 15px 0 15px 0 }
.tcol										{ line-height: 20px; padding: 3px 4px 3px 4px; width: inherit }
.tcol:not(.m)								{ }
.tcol.m										{ font-size: 12px; }

.mend										{ display: flex; position: relative; justify-content: flex-end; width: 100%; align-items: center; z-index: 2 }
.mend:not(.min):not(.big):not(.flip)		{ padding: 8px 6px 8px 6px; }
.mend.min									{ padding: 3px 0 2px 6px; }

[class="tarea"]								{ min-height: 40px; }
.tarea.mw									{ min-height: 100vh; }
.tarea										{ width: 100%; }
.tarea:not(.med):not(.n):not(.trpad)		{ padding: 10px; }
.tarea.max									{ flex: auto; align-self: stretch; height: 100%; }
.tarea.min									{ padding: 3px !important; min-height: unset }
.tarea.med									{ padding: 5px; }
.tarea.fxc									{ align-items: center; justify-content: start }

[class^="tarea fx"], [class^="tarea fc"]	{ display: flex; position: relative; flex-flow: row wrap;  }
.tlink, .tlink.adm							{ font-size: 12px; padding: 4px; letter-spacing: 0.2px; min-width: 50px; text-align: center; }
.notag [class^=tag] + input[class^=tag]		{ margin: 2px 2px 4px 2px; }

/* overall sibling styles */
.tcol + .tcol								{ border-left: 1px solid rgba(30, 30, 30, .3); }
.trow + .trow								{ border-top: 1px solid rgba(30, 30, 30, .3); }

.tarea + .tarea:not(.no):not(.max):not(.nobg)	{ margin-top: 10px }
div.ipad input + input						{ margin-left: 3px }

.grid.newside + .grid.newside				{ margin-bottom: 15px; padding-bottom: 8px }

input[class*=tag] + input[class*=tag] 		{ margin-left: 3px !important }
a .tag + a .tag								{ margin-left: 3px !important }
.tag + a .tag								{ margin-left: 3px !important }

.title:not(.min):not(.med)				{ font-size: 15px; display: block; margin: 5px auto 5px 0; padding-bottom: 3px; width: 100% }
.title.min								{ display: inline-block; margin: 5px 0 2px 0; padding-bottom: 2px; width: 100%; font-weight: bold; border-bottom: 1px solid rgba(80, 80, 80, .5); }
.title.med								{ display: flex; flex-flow: row nowrap; margin: 3px 0 4px 0; padding-bottom: 2px; width: 100%; font-weight: bold; border-bottom: 1px solid rgba(80, 80, 80, .5); }
.title.top, .title.min.top				{ margin-top: 10px; }
.title.pt								{ padding: 6px; }


[class=mtitle]							{ font-weight: bold }
.mtitle, .mtitle.med, .hct, .hctm		{ font-size: 12px; padding: 5px 4px 5px 4px; text-align: left; }
.hctm									{ font-weight: bold }

.ftextarea								{ display: block; margin: 5px 0 5px 0; padding: 4px 4px 5px 4px; width: 100%; min-height: 100px }
.fharea									{ display: block; margin: 5px 0 5px 0; padding: 4px 4px 5px 4px; width: 100%; min-height: 60px; line-height: 18px }
.fhtext									{ padding: 2px; width: 100% }

.comm_image								{ display: flex; flex-flow: row wrap; align-items: center; justify-content: center; align-content: center; justify-items: center; }
.comm_image > img						{ max-height: 50px; margin: 3px; padding: 3px }

/*
	CSS style enforcements
*/
.uact.user								{ position: relative }
.uact_cart								{ position: relative; height: 40px; width: 40px; padding: 4px; z-index: 1; display: inline-block }
.uact_cart 								{ background-image: url(/images/icons/sb_cart_w.png); background-position: center center; background-repeat: no-repeat; background-size: 40px 40px; }

.prodstrike								{ color: #555; text-decoration:line-through }
.proddc									{ color: #555; text-decoration:line-through; margin: 0 3px 0 3px }
.prodsold								{ margin-left: auto; color: rgba(221, 78, 61, 1); font-style: italic; font-size: 12px }
.nouse									{ color: rgba(221, 78, 61, 1); font-style: italic; font-size: 12px }
.uact									{ font-size: 12px; padding: 2px 0 2px 0; margin-left: 0; width: min-content; }

.bundle_cont_line						{ margin-bottom: 5px; }
.bundle_cont_line + .bundle_cont_line	{ border-top: 1px solid rgba(30, 30, 30, .3); padding-top: 2px; }

.tmd .tarea.min							{ border-top: unset; }
.tmd .ui-datepicker						{ margin: auto; width: 100% !important; border: unset !important }

.ui-slider-range						{ background-color: #3392e3 !important; }
.ui-slider-handle.ui-state-default		{ background-color: #3392e3 !important; }

.slider									{ height: 5px; padding: 2px 5px 2px 0px; margin-top: 3px; width: 100%; }
.slider label							{ font-size: 11px; margin: 10px 0 10px -10px; position: absolute; text-align: center; }
.sliderval.null							{ margin-top: 1px; position: relative; right: -10px; width: 25px; font-size: 11px; }
.sliderval:not(.null)					{ margin-top: 1px; position: relative; width: 25%;; font-size: 11px;  }
.sliderval:not(.null):after				{ content: attr(sv); position: absolute; right: -15px; top: 0; }
.slidervals								{ display: flex; position: relative; flex-flow: row wrap; margin: 3px auto 0 auto; width: calc(100% - 10px);  }

.tmd.tdate, .mwd.tdate					{ position: relative }
.tholder								{ position: absolute; left: 0; top: 30px; width: 250px; background: rgba(240, 240, 240, 1); z-index: 10; border: 1px solid rgba(40, 40, 40, .4); display: none }
.tblhov									{ background-color: #eee; border: 1px solid; padding: 3px; min-height: 20px; min-width: 20px; }

#udn, #adnv								{ position: relative; }
.adnv									{ top: 50px; right: 0;  width: 200px  }
.udn.adm								{ right: 55px; }
.udn.nus								{ right: 0; }
.udn									{ top: 50px; width: 200px  }
.udn, .adnv								{ display: none; position: absolute; background: rgba(28, 76, 136, 1); padding: 4px; }
.udn a, .adnv a							{ width: 100%; font-size: 14px; text-align: left; padding: 5px }
.udn a, .adnv a							{ background: rgba(31, 135, 208, 1); border: 1px solid rgba(22, 28, 34, .3); }
.udn a, .adnv a							{ display: flex; flex-flow: row nowrap; align-items: center; justify-content: start; align-content: start; justify-items: center;  width: 100%; }
.udn img, .adnv img						{ max-height: 18px; max-width: 18px; padding: 2px; margin-right: 5px; background-color: rgba(40, 40, 40, 1); }
.udn a + a, .adnv a + a					{ margin-top: 2px }

.asome img								{ max-height: 24px; max-width: 24px; padding: 2px; margin-right: 5px; background: rgba(28, 76, 136, 1); }
.esgrid .esome							{ align-items: center } 
.egrid.esmd .esome:nth-child(n+4)		{ border-top: 1px solid rgba(200, 200, 200, .3); }
.egrid:not(.esmd) .esome:nth-child(n+4)	{ border-top: 1px solid rgba(30, 30, 30, .3); }
.esome a								{ text-decoration: underline !important; margin-left: 3px }
.esome									{ display: flex; flex-flow: row wrap; align-items: start; justify-content: start; align-content: start; justify-items: center; width: auto; padding: 4px; flex: auto; }
.esome img								{ max-height: 24px; max-width: 24px; padding: 2px; margin-right: 5px; background: rgba(28, 76, 136, 1); }

.tweet_title							{ font-size: 16px; font-weight: bold }
.tweet_icon								{ max-height: 20px; margin: auto 0 auto 0 }
.tweet_author							{ max-height: 20px; margin-right: 5px }
.tweet_time								{ font-size: 12px; }
.peuro, .pcent, .e, .es					{ display: inline-block;  }
.e										{ padding: 8px 10px 8px 10px; font-size: 20px; border-radius: 5px }
.es										{ padding: 5px 10px 5px 10px; border-radius: 5px; margin-right: 5px; line-height: 1 }
.es.s									{ margin-top: 3px }
.adm_news_ltitle						{ font-size: 15px; font-weight: bold; padding: 2px 2px 3px 0px; width: 100%; display: block }

.tr										{ font-size: 12px; width: 100%;  background: rgba(252, 252, 252, 1); padding: 2px }
.grid .tr >  .tag						{ font-size: 12px; width: 100%; }

.redt							{ position: relative; width: 40px; height: 40px; margin: auto; overflow: hidden; }
.apinav::before					{ position: absolute; height: 55px; width: 55px; margin: 0; z-index: 50; opacity: .6 }
.apinav::before					{ background-color: rgba(255, 0, 0, .6); content: ''; display: block }
.apinav > img					{ max-height: 40px; padding: 3px; margin: 5px auto 5px  auto }
.apinav							{ height: 55px; width: 55px; text-align: center; background: rgba(90, 93, 97, 1); position: relative; }
.nr								{ overflow-wrap: normal; white-space: nowrap; width: auto }

.grid.userticket .tcd.nr		{ column-gap: 2px }
.grid.userticket .tcd.nr		{ column-gap: 2px }
.grid.cg .tmd.cg				{ column-gap: 2px }
.ph								{ font-style: italic; color: #999 }

.maparea::before {
    background-color: transparent;
    background-image: 
		linear-gradient(0deg, rgba(40, 40, 40, .2) 10%, transparent 9%, transparent 25%, transparent 29%, transparent 92%, transparent),
		linear-gradient(90deg, rgba(40, 40, 40, .2) 10%, transparent 9%, transparent 25%, transparent 29%, transparent 92%, transparent);
	background-size: 20px 20px; left: 0; top: 0;
	content: ''; display: none; z-index: -1
}

img.su 						{ max-height: 20px; max-width: 20px; padding: 2px; }
.somereg .lognav > img		{ max-height: 60px; padding: 0 0 5px 0; margin: 10px auto 0px  auto }
.somereg .lognav			{ height: 75px; width: 75px; text-align: center; background: rgba(200, 200, 200, 1); position: relative; border-radius: 10px }
.egrid.somereg				{ padding: 10px }
.egrid.somereg div			{ text-align: center; font-weight: bold; }
.egrid.rjoin .eform			{ font-size: 14px; padding: 3px 5px 3px 5px }
.mwal						{ width: 100%; max-width: 1000px; position: relative; margin: auto; overflow: hidden }
.mwshd						{ padding: 10px 0 10px 0; box-shadow: inset 0 10px 10px rgba(60, 60, 60, .5), inset 0 -10px 10px rgba(60, 60, 60, .5); z-index: 10; position: relative }
.core	 					{ color: rgba(250, 250, 250, 1); font-size: 14px; }
.core						{ position: relative; z-index: 10; }
.core:not(.ctopic):not(.cmtopic)	{ border-top:1px solid rgba(0, 0, 0, .5);  }
.core						{ padding: 20px 10px 20px 10px }
.core.black					{ background: rgba(0, 0, 0, 1); }
.core.black.mwshd			{ box-shadow: unset }
.mcore						{ font-size: 18px; margin: 4px 0 2px 0; padding: 3px 0 2px 0; color: rgba(7, 84, 180, 1); }
.mcore						{ position: relative; margin-bottom: 10px; width: 100%; display: block; border-bottom: 1px solid rgba(30, 30, 30, .4); }

div[class^="mcsub"]			{ position: relative; }
div[class^=adm_tabledir_]	{ position: relative }
div[class^=adm_tgrow_]		{ position: relative; width: 100%; }
.tblpp						{ display: none; font-size: 14px; top: 0; border-bottom: 1px solid rgba(30, 30, 30, .3); position: relative; }
.tgrp						{ position: relative; }
div[id^=tblpp]				{ display: none }
div[class^=adm_wider]		{ display: none }
.tinfo_mob					{ font-size: 14px; width: 100%; padding: 5px; position: relative }
/* div[class*=maincol].mwc		{ width: 100% } */
div[id^=orderarea_]			{ box-shadow: 0 3px 3px rgba(30, 30, 30, .3); padding-bottom: 10px; }
div[id^=orderarea_] + div[id^=orderarea_] {
	margin-top: 15px
}
.erow						{ padding: 10px; width: 100%; }
.tag						{ border: 0; margin: 1px; border-radius: 4px; padding: 3px 4px 3px 4px; font-size: 12px;  } 
.hbgrid						{ grid-template-columns: repeat(4, 1fr) minmax(min-content, max-content); }
.btn						{ font-size: 95%; padding: 2px 4px 2px 4px; min-width: 30px; }
.btn + .btn					{ margin-left: 3px }