/* class aligns */
[class*="fmid"]:not(.nr)					{ flex-flow: row wrap;  }
[class*="fmid"].nr 							{ flex-flow: row nowrap;  }
[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; }
[class*="fmidl"] 							{ justify-content: flex-start; align-content: center; justify-items: center; }
.cpl										{ column-gap: 2px; row-gap: 2px; }

.myflex										{ display: flex; justify-content: center; flex-flow: row wrap; }
.scalearea 			 						{ display: flex; align-items: center; justify-content: center; }
.scalearea:not(.max)						{ min-height: 100px; }
.scalearea.max								{ min-height: 100vh; padding: 20px }
.scalearea.pad								{ padding: 20px; }
.scalebox:not(.wide)						{ min-width: 1200px; padding: 15px; max-width: 100vw; }
.scalebox.wide								{ min-width: calc(100% - 50px); padding: 15px; max-width: 100vw; }
.scalearea > [class*=scale]					{ transition: all 1s ease; color: rgba(0, 0, 0, 1); position: relative; box-sizing: border-box; z-index: 1 }
.scalebox.wide, .scalebox.scalenorm			{ background: rgba(255,255,255, .5); color: rgba(0, 0, 0, 1); border: 1px solid rgba(30, 30, 30, .3);  }

.brwide										{ max-width: calc(100% - 200px); padding: 15px; width: 100%; margin: auto }
.tour_signup_texts							{ display: flex; justify-content: center; flex-flow: column wrap; align-items: start }

div[class$=midc], label[class$=midc], td[class$=midc]  	{ display: flex; flex-flow: row wrap; align-items: center; align-content: flex-start; justify-items: center; }
div[class$=rmid], label[class$=rmid], td[class$=rmid]  	{ display: flex; flex-flow: row wrap; align-items: center; align-content: center; justify-items: center; justify-content: center }

.someauth, .disbauth, .score, .tour_img_small_sq, .esc, .evlogo, .adm_tour_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, .game_img, .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;
}

.flex, .itopcenter, .icenter, .istart { 	display: flex; flex-flow: row wrap; }
.icenter						{ justify-content: center; align-content: center; text-align: center; }
.itopcenter						{ justify-content: center; align-content: flex-start; text-align: center; }
.istart							{ justify-content: flex-start; align-content: flex-start; align-items: center; text-align: center; }
.fc								{ display: flex; align-items: center; align-content: center }
.fx								{ }
.fx.w							{ width: 100% }
.fx.p							{ padding: 2px }
.fx.col							{ flex-flow: column nowrap; width: 100% }


/* Set transition phases with 0.5s */
.tdata.spgreen, #matchroom_fade, #matchroom_info, #matchroom_area, .visitbtns, .linkarea, .mainnav, .mainbg, .logo, .admatchnotify, .admatchnotice, .splashborder, #corealign, .cmactive, .cminactive, .isuccess, .ierror, .ulist_hover, .tlist_hover, [class^=cell]  { 
	transform-origin: center center; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition-property: all; transition: 0.5s
}

/* Set some other transition phases with 0.3s */
.mm_checkin, .check, .mainright, .mainleft, .mainbar, .ubtn_icon_umatch, #ubtn_umatch, #ubar_schedule, #ubar_mroom { 
	transform-origin: center center; -webkit-transition: all 1s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition-property: all; transition: 0.3s
}