.pageinit						{ position: relative; min-height: 100vh; width: 100%; padding: 0; height: 100%; }
.pageinit.bg					{ background: linear-gradient(90deg, rgba(22, 28, 34, 1) 21px, transparent 1%) center, linear-gradient(rgba(22, 28, 34, 1) 21px, transparent 1%) center, rgba(120, 120, 120, 1); background-size: 22px 22px }
#root								{ 	background-image: linear-gradient(to bottom, rgba(67, 72, 78, 1) 0 200px, rgba(0, 0, 0, 0) 1%); }

.contain						{ width: 100%; max-width: 1000px; margin: 0 auto; min-height: 100px; padding: 10px; position: relative }
.contain .tarea.white			{ border: 0; }
.contain.mw						{ min-height: 100vh }

.epa::after						{ background-image: linear-gradient(rgba(15, 15, 15, 1) 50%, rgba(5, 5, 5, .8) 50%); position: absolute;  margin-left: 0; z-index: 1; bottom: 0;  display: block; height: 7px; width: 100%; content: '';  }
.int.contain					{ line-height: 20px }
.int.cmtopic					{ font-weight: bold }

/* Mainly news styles, also used in error msgs */
[class^=nw_]			{ width: 100% }
.nw_area.err			{ min-height: 120px }
.nw_area a				{ color: unset }
.nw_subject				{ text-indent: 6px; font-size: 20px; font-weight: 900; padding: 6px 0 6px 0; border-bottom: 1px solid rgba(30, 30, 30, .3);  }
.nw_preview				{ text-indent: 6px; font-size: 14px; padding: 4px 0 4px 0  }
.nw_date				{ text-indent: 6px; font-size: 13px; padding: 4px 0 4px 0; color: rgba(40, 40, 40, .6); border-bottom: 1px solid rgba(30, 30, 30, .3); }
.nw_area				{ padding: 10px; cursor: pointer }

[class="mwc"]			{ padding: 5px; }
.mwbase					{ width: 100%; max-width: 1000px; margin: auto }
.mwc.uc					{ font-size: 15px; line-height: 23px }
.mwc.uc.bs				{ padding: 10px }
.mwc.ac					{ font-size: 14px; line-height: 20px }
.mwc.white				{ padding: 10px; }
.mwc.midd				{ background: rgba(67, 72, 78, 1); padding: 10px; }
.mwc.sdark				{ background: rgba(200, 200, 200, 1); padding: 10px; margin: 8px auto 8px auto; }
.mwc.dark				{ padding: 10px; margin: 8px auto 8px auto; }
.mwc.darks				{ padding: 10px; }
.mwc.mdark				{ padding: 5px; margin: auto; }
.mwc.mdarks				{ padding: 10px; margin: auto; }

.mdark, .mdarks			{ background: rgba(210, 210, 210, 1); }
.dark, .darks			{ background: rgba(240, 240, 240, 1); }

.mwc.midd .mwt			{ text-indent: 3px }
.mwc.midd .tcd			{ background: unset; }
.mwc.top				{ margin-top: 15px !important; }
.mwc.s					{ font-size: 13px; }
.mwc.dh					{ background: rgba(245, 245, 245, 1); padding: 5px; margin: 8px auto 8px auto }
.mwc.ew					{ background: rgba(240, 240, 240, 1); padding: 5px; margin: 8px auto 8px auto; }
.mwc.ed					{ background: rgba(225, 225, 225, 1); padding: 5px; margin: 8px auto 8px auto; }
.mwc.wh					{ background: rgba(252, 252, 252, 1); }
.mwc.dd					{ background: rgba(248, 248, 248, 1); padding: 10px; border: 0 }
.mwc.whh				{ background: rgba(248, 248, 248, 1); padding: 15px }
.mwc.sw					{ padding: 5px; line-height: 18px }
.mwc.we					{ padding: 6px; font-size: 12.6px; width: auto; max-width: 100%; }
.mwc.ee					{ padding: 6px; max-width: 100%; margin-bottom: 5px }
.mwc.b					{ font-weight: initial; padding: 10px; box-shadow: inset 0 3px 3px rgba(30, 30, 30, .3); }
.mwc.be					{ padding: 5px 4px 5px 4px; box-shadow: inset 0 3px 3px rgba(30, 30, 30, .3); }

[class="mwct"]			{ font-size: 16px; }
.mwct.n					{ font-size: 16px; padding: 10px 10px 10px 10px; }
.mwct.t					{ font-size: 18px; color: rgba(7, 84, 180, 1); }
.mwct					{ font-weight: 900; padding: 15px 10px 10px 10px; }
.mwct					{ border-bottom: 1px solid rgba(150, 150, 150, 1); }
.mwt					{ font-size: 20px; font-weight: 900; padding: 3px 0 2px 0; }
.mwt					{ border-bottom: 1px solid rgba(150, 150, 150, 1); }
.mwa					{ display: flex; flex-flow: column nowrap; align-items: start; padding: 10px 0 0 0 }
.mwc.err				{ background: rgba(221, 78, 61, 1); color: rgba(252, 252, 252, 1); position: relative }
.mwc.bot				{ margin-bottom: 15px }
div[id^="et_tstate"].mwc { text-align: right;  border-bottom: 1px solid rgba(30, 30, 30, .3); }

.adlogmr:nth-child(1n+1)	{ border-top: 1px solid rgba(30, 30, 30, .3); }

.tblid 						{ background-color: rgba(44, 96, 161, 1);  text-align: center; position: absolute; width: 30px; height: inherit; left: -31px; border-radius: 4px 0 0 4px; font-size: 12px }
.tblnp 						{ background-color: rgba(240, 240, 240, .5); position: absolute; width: auto; font-weight: bold; }
.tblpp 						{ position: absolute; width: auto; font-weight: bold; }
.tbllock					{ text-align: center; position: absolute; width: 30px; height: 30px; left: -31px; border-radius: 4px 0 0 4px; font-size: 12px }
.tbllock					{ background-image: linear-gradient(to top, rgba(44, 96, 161, .1) 100%, rgba(0, 0, 0, 0) 100%), url(/images/icons/sb_seatlock.png); background-position: center center; background-repeat: no-repeat; background-size: 80%; }

.mwcore						{ width: 100%; max-width: 100vw; position: relative; }
.mwcore.k					{ padding-top: 15px }

.mwcont						{ width: 100%; max-width: 1000px; position: relative; margin: auto; }
.mwcont.mw					{ min-height: 100vh }
.mwcont.p					{ padding: 10px }
.mwcont.ep					{ background: rgba(200, 200, 200, .7); padding: 0; margin: 0 auto 0 auto }
.mwcore.black, .mwcont.black		{ background: rgba(30, 30, 30, 1); padding: 15px 0 10px 0; margin: -10px auto 0px auto }
.mwcont						{ background: rgba(200, 200, 200, .7); padding: 15px 0 10px 0; margin: -10px auto 0px auto }
.mcor						{ width: 100%; position: relative; }
.mcor						{ background: rgba(215, 215, 215, 1); box-shadow: inset 0 -4px 4px rgba(0, 0, 0, .4), inset 0 5px 5px rgba(30, 30, 30, .3); }
.coredark					{ background: rgba(78, 84, 91, .3); }

.tcd:not(.nn)							{ border: 1px solid rgba(80, 80, 80, .3); }
.tcd									{ padding: 2.5px 3px 2.5px 3px; flex: auto; line-height: 18px; text-indent: 3px; vertical-align: middle }
.tcd									{ display: flex; flex-flow: row wrap; align-items: center; justify-items: center; column-gap: 3px }
.tcd:not(.r)							{ justify-content: flex-start }
.tcd:not(.s)							{ align-content: center }
.tcd.r									{ justify-content: flex-end }
.tcd.s									{ align-content: start }
.tcd.sb, .mwd.sb						{ display: block }
.tcd:not(.n) > input[type="button"]		{ flex: auto }
.tcd.gg, .mwc.gg						{ column-gap: 6px; }
.tcd.mg									{ padding: 2.5px 5px 2.5px 5px; text-indent: 0; }
.tcd.p									{ padding: 10px 5px 10px 5px; font-size: 13.5px }
.tcd.p									{ background: rgba(200, 200, 200, .3); }

.tct									{ font-weight: bold; padding: 3px 2px 3px 2px; box-shadow: inset 0 3px 3px rgba(30, 30, 30, .5), inset 0 -2px 2px rgba(30, 30, 30, .3); }
.tct									{ text-indent: 3px; vertical-align: middle}
.tct.r									{ direction: rtl; text-align: right }
.tcd.aq > .eform						{ display: inline-block; width: auto !important; flex: auto }
.tcd.aq > .btn							{ display: inline-block; flex: unset !important; }

.vdark									{ background: rgba(58, 60, 62, 1); color: rgba(255, 255, 255, 1); }
.btn									{ border: 0 }
.btn.tiny								{ font-size: 85%; padding: 2px 3px 2px 3px; min-width: 30px; border-radius: 3px }
.btn.def								{ font-size: 13px; padding: 3px; border-radius: 4px }
.btn.med								{ font-size: 14px; padding: 4px 6px 4px 6px; border-radius: 4px }
.btn.lrg								{ font-size: 15px; padding: 5px 8px 5px 8px; border-radius: 4px }
.btn.md									{ background: rgba(22, 28, 34, .8); border: 1px solid rgba(22, 28, 34, 1) !important; }
.mrow.logf .btn							{ text-align: center }
.mbold									{ font-weight: 500; color: rgba(7, 84, 180, 1) }
#adm_log_pagers							{ margin-top: -8px }

.seatslctr								{ margin: auto auto 15px auto; width: 100%; position: relative; border: 1px solid rgba(40, 40, 40, .6); }
.seatslctr								{ min-height: 150px; background-color: rgba(200, 200, 200, 1); display: none; }
.tblcover								{ box-shadow: 0 2px 2px rgba(20, 20, 20, .5), 0 -2px 2px rgba(20, 20, 20, .5); }
.tblcover								{ background: rgba(208, 101, 31, 1); color: rgba(250, 250, 250, 1); }
.tbcol									{ height: 60px; width: 240px; padding: 5px }
.tbrow									{ height: 240px; width: 60px; padding: 5px; writing-mode: vertical-rl }

.tblar									{ display: grid; grid-auto-flow: column dense; grid-template-columns: repeat(auto-fit, minmax(10px, 1fr)); grid-template-rows: auto }
.tblar									{ width: inherit; grid-gap: 5px; align-items: baseline; justify-items: center; position: relative; padding: 7px  }
.tblar [class*=pmtable] 				{ top: unset; left: unset; position: initial; }
.tblar > .placement						{ transform: scale(1.3); margin-top: 20px }
.tbltext 								{ font-weight: bold; font-size: 15px; }
.tbltext.r 								{ writing-mode: vertical-rl; padding: 0 5px 0 4px; }
.tbltext.l 								{ writing-mode: vertical-lr; padding: 0 4px 0 5px; }