html *												{ font-family: Segoe; }
body, html											{ height: 100%; margin: 0; font-size: 12.8px }
*													{ outline: none !important; color: rgba(0, 0, 0, 1); }
*, *:after, *:before, *::after, *::before				{ -webkit-box-sizing: border-box; box-sizing: border-box; }
div, input											{ -webkit-box-sizing: border-box; box-sizing: border-box; }
a, a.underline:hover								{ text-decoration: none; } 
a.underline											{ text-decoration: underline; }
input												{ border: 0; }
input[type="file"]									{ display: none; }
/* .ui-slider .ui-slider-handle						{ } */
.splasherr											{ transform-origin: center center; transition-property: all; transition: 2s  }
.fieldok											{ border: 1px rgba(51, 190, 76, 1) solid !important; background: rgba(51, 190, 76, .4) !important; color: rgba(0, 0, 0, 1); }
.fielderr											{ color: rgba(168, 34, 34, 0.7); font-style: italic; padding: 1px 0 1px 0; display: none }
.textr												{ text-align: right; }
.ph													{ font-style: italic; color: #999 }
.gstretch											{ align-self: stretch }

/* Main page logo and button */
.main_logo											{ height: calc(100vh - 120px); min-height: 500px; width: 100%; display: flex; flex-flow: column wrap; align-items: center; justify-content: center; }
.main_intro											{ font-size: 15px; line-height: 30px; text-align: justify; }
.ilogo												{ max-width: 600px }
.ilogojoin											{ font-size: 20px; padding: 20px 20px 20px 40px; margin: auto; }
.ilogorow											{ display: flex; justify-content: center; column-gap: 15px }
.ilogorow											{ border-top: 2px solid rgba(198, 158, 1, 1); padding: 30px 0 30px 0; height: 100px; width: 100%; max-width: 800px }
/* .ilogojoin											{ background: rgba(198, 158, 1, 1); color: rgba(0, 0, 0, 1); } */
/* .ilogojoin											{ background: rgba(208, 101, 31, 1); color: rgba(0, 0, 0, 1); } */
.ilogojoin											{ background: rgba(49, 61, 79, 1); color: rgba(255, 255, 255, 1); } 
.syserr												{ font-size: 14px; border: 0; padding: 10px 10px 20px 10px; width: 100%; }
 
.minit.hf											{ padding-top: 8px; margin-top: -6px }
.minit												{ width: 100%; max-width: 1000px; position: relative; margin: auto; }
.minit.p											{ padding: 10px }
.mwinit.mda											{ padding-top: 0 !important; margin-top: -4px!important; }
.mwinit:not(.mda)									{ padding-top: 6px; margin-top: -4px;  }
.mwinit 											{ margin: auto; width: 100%; max-width: 1000px; position: relative; min-height: 100vh; z-index: 2 }

.ucontent											{ background-image: linear-gradient(rgba(22, 28, 34, .1) 40%, rgba(44, 44, 44, .2), rgba(33, 43, 55, 0)), url(/img/temp/vecto2017_1920.png); background-attachment: fixed; }
.ucontent											{ position: relative; background-size: cover; background-repeat: no-repeat; background-position: center center; top: 0; left: 0; min-height: 100vh; }

.adm_groupstage										{ min-height: 50px }
.mainblock_color									{ z-index: 0; }
.header												{ position: fixed; z-index: 15; height: 120px; width: 100%; opacity: 1; border-bottom: 1px solid rgba(30, 30, 30, .4); }
.matchinfo											{ margin: 0 3px 0 3px; min-width: 150px; width: auto; font-size: 12px; font-weight: bolder; padding: 5px; }
#matchinfo											{ display: none; position: absolute; top: 190px; z-index: 105; width: 100%;  }
/* #matchinfo::before									{ left: 0; width: 100vw; height: 100vh; background: rgba(10, 10, 10, .1); z-index: 100; content: ''; } */
/* #userbar */
.check												{ margin-top: 38px !important }

.mm_checkin											{ width: 100%; height: 38px; position: fixed;z-index: 900 !important; margin-bottom: 38px }
.mm_checkin div										{ height: inherit; max-height: 38px }
.mm_checkin .header									{ margin-top: 38px !important }

.mainnav											{ flex-flow: row nowrap; display: flex; justify-content: center; align-items: center; align-content: center; height: 80px; width: 100%; overflow: hidden; z-index: 15 }
.mainnav > .linknav									{ place-self: center end; }
.mainnav > .tourlogo								{ place-self: center start; }
.mainbar											{ max-width: 200px; font-weight: bold; text-align: center; padding: 0 5px 0 5px; line-height: 30px; font-size: 11px; cursor: pointer; height: 30px; letter-spacing: 0.5px; overflow: hidden; z-index: 4}
.tourlogo											{ max-height: 40px; place-self: start start; }
.linknav											{ display: flex; justify-content: flex-end; align-items: center; align-content: center; width: 100%; margin-bottom: 5px; max-width: 800px }
.linknav.mnav										{ flex-flow: column wrap; }
.mright												{ margin-right: auto !important; }
.mleft												{ margin-left: auto }

.mnav												{ display: block; padding: 5px 15px 5px 15px; text-align: center; font-size: 18px; font-weight: bold; }
.midnav, .midnav *									{ position: relative; z-index: 7 }
.gridmid:not(.gchk)									{ padding-top: 110px; }
.gridmid.gchk										{ padding-top: 148px; }

.cwidth , #main										{ max-width: 1000px; margin: auto; width: 100%;}

/* User barstuff */	
#user_acttour										{ margin: auto; width: 100%; }
#touractarea										{ display: flex; flex-grow: 3; flex-flow: column wrap; height: 30px; line-height: 26px; margin: auto; }

input[type="file"]									{ display: none; }
input[type="button"]								{ cursor: pointer; }
input[type="text"]::placeholder						{ font-style: italic; }
.nopad												{ padding: 0 !important; }
.fa													{ flex: auto; }

/* Mainstyles */
#mainhead											{ height: 80px; z-index: 15}
#mainhead, .mainblock								{ position: relative; }
#mainhead, .mainblock, .mainbg, .corebg				{ margin: auto; width: 100%; }
.mainblock_bg										{ height: 450px; z-index: -1 }
.mainblock_main										{ height: 100vh; min-height: 500px; max-height: 100vh; }
.mainblock											{ display: block; z-index: 5; }
.mainbg												{ max-width: 1000px; padding-top: 15px }
.mainsplit											{ margin: 0; width: 100%; }
.mainfade											{ height: 100%; width: 100%; z-index: 1 }
.mguide												{ position: fixed; left: 0px; bottom: 0px; height: auto; max-height: 80px; width: 100%; z-index: 40 }
.mguide > *											{ z-index: 40; }
#userbar											{ margin: auto; width: 100%; z-index: 15;  }
#navsplit											{ display: block; margin: auto; width: 100%; max-width: 1000px; position: relative; }
#tournamentbar										{ position: fixed; margin-top: 120px; margin: auto; width: 100%; height: 40px }
.midnav												{ display: flex; height: 100%; width: 100%;  }
.mainblocks											{ max-width: 1000px; margin: auto; width: 100%; position: relative; }
.mainblock_bg > .mainsplit2							{ margin-top: -20px }
.b:not(.mwc)										{ font-weight: bold !important; }
.bheader											{ display: flex; flex-flow: row wrap; text-align: left; font-size: 15px; padding: 5px 0 5px 0; margin: 15px 0 3px 0; font-weight: bolder; }
.mheader											{ display: inline-block; font-size: 15px; padding: 0 0 3px 0; font-weight: bolder; text-align: center }
.header > *											{ z-index: 15; }

.nosplitter											{ min-height: 100vh; }
.static												{ max-width: 1000px; margin: auto; width: 100%; min-height: 100vh; padding: 15px; letter-spacing: 1px;  }
.top												{ margin-top: 15px }

.page												{ margin: auto; min-height: 20px; width: 1000px; max-width: 1000px; }
.page.hpad											{ padding: 15px 0 10px 0; }
.page:not(.n):not(.hpad):not(.nopad)				{ padding: 10px }
.page.max											{ min-height: 100vh !important; }

.disabled											{ opacity: 0.8 }
.chart_subcat										{ border: 1px solid rgba(30, 30, 30, .3); position: relative; height: 200px; width: 100% }

.tpage												{ width: 100%; padding: 47px 0 15px 0; min-height: 100vh; }
#userbar .mw.cwidth									{ height: 30px; }
#userbar .mw.cwidth	.eitemimg						{ height: 30px !important; }

.itemact + .itemact									{ margin-left: 5px }

.text												{ line-height: 22px; width: 100%;  }
.text												{ margin: 5px 0 5px 0; padding: 7px 9px 7px 9px }
.text:not(.p)										{ padding: 7px 0 7px 0 }
.text.p												{ padding: 7px 9px 7px 9px }
.text.top											{ margin-top: 8px !important; }
.text.bot											{ margin-bottom: 8px !important; }
.text.brd											{ border-bottom: 1px solid rgba(30, 30, 30, .3) }

.mend												{ display: flex; position: relative; justify-content: flex-end; width: 100%; align-items: center; z-index: 2; gap: 4px }
.mend.flip											{ padding: 2px 6px 3px 6px; margin-bottom: 6px }
.mend.flip.min										{ padding: 3px 0 2px 6px; margin-bottom: 4px }
.mend.eg											{ padding: 3px; }
.mend.min											{ padding: 3px 0 2px 6px; }

input[class*=tag] + input[class*=tag] 				{ margin-left: 3px !important }
.grid.nm .tarea + .tarea							{ margin-top: unset !important }
:not(.grid.nm) .tarea + .tarea:not(.nm):not(.no):not(.max):not(.nobg)		{ margin-top: 10px }

.egrid.optnewside + .egrid.optnewside						{ margin-bottom: 15px; padding-bottom: 8px }
.egrid.optnewside > .user_img_square					{ background: rgba(180, 180, 180, 1); color: rgba(250, 249, 248, 1); border: 1px solid rgba(50, 50, 50, .3); }

.mwflex									{ display: flex; justify-content: flex-start; flex-flow: row wrap; align-items: center; }
#matchroom								{ top: 0px; left: 0; z-index: 50; }
#matchroom_pos							{ display: block; position: relative; z-index: 50; }
#matchroom_area							{ position: absolute; min-height: 400px; height: 100%; max-height: 1000px; width: 100%; z-index: 50;}
#matchroom_info							{ height: 100%; z-index: 50;}

/* .itemrow > .itemimg 					{ max-height: 30px;padding: 3px; margin: -3px 0 -3px -3px; } */
#tournamentbar .minit.ubr .eitem		{ height: 36px; }
.itemrow								{ display: block; }
.eitemtdbar								{ padding-top: 3px }
.eitemnav, .eitemnav a					{  }
.eitemnav  .eitemimg					{ height: 36px !important; }
.eitemimg								{ height: 30px; width: 25px; display: inline-block; max-width: 25px }
.eitemimg > img							{ max-height: 20px; max-width: 20px; }
.eitemimg, .tagimg, .logonimg, .logonarea, .uicon { 	display: flex; flex-flow: row wrap; align-items: center; justify-content: center; align-content: center; justify-items: center; }	

.eusrnav								{ height: 30px; font-size: 12px; width: auto; max-height: 30px; min-width: 50px; position: relative; margin-top: 0; }
.eusrnavimg								{ display: flex; flex-flow: row wrap; align-items: center; justify-content: center; align-content: center; justify-items: center; }	
.eusrnavimg								{ height: 30px; width: 30px; margin-top: 0; }
.eusrnavimg > img						{ max-height: 20px; max-width: 20px; }
.eusrnavimg:hover						{ cursor: pointer }
.ubar_mtag								{ display: inline-block; padding: 6px;  height: 30px; max-height: 30px; }
.ubar_mtag img							{ max-height: 16px; }

#userbtns								{ display: flex; flex-grow: 1; justify-content: flex-end; flex-flow: row nowrap; align-items: center; height: 30px; margin: auto; } 
#userbtns *								{ z-index: 30 }
#userbtns a + a							{ border-left: 1px solid rgba(30, 30, 30, .3);  }
#userbtns a								{ display: inline-block; width: auto; padding: 0; margin: 0 0 0 2px;  }
.footpad								{ margin: auto; width: 100%; max-width: 1000px; min-height: 250px }
.stcol									{ justify-self: end }
.foot, .foot > a						{ font-size: 14px; }
.ubr									{ display: flex; flex-flow: row nowrap; justify-content: start; align-items: end }

.tour_settings_info			 			{ text-align: right; background: rgba(255, 0, 0, 1); }
.tour_settings_info > img				{ max-height: 30px; position: fixed; left: 0; bottom: 0; margin: 10px }
.admincont								{ margin-top: -15px; position: relative; display: none }

#threesiderow, .narrow					{ display: none }
.threesplit								{ display: grid; }
[class="tag"], [class="tag w"]			{ padding: 4px;  }

.threetop [class="mwc"]					{ background: rgba(10, 10, 10, .2); color: rgba(255, 255, 255, 1); }
.threetop .mwct.core					{ border-bottom: 1px solid rgba(255, 255, 255, .5); padding: 7px 0 7px 7px; color: rgba(255, 255, 255, 1); }
.threetop .mwc							{ max-width: 280px; width: auto !important; }
.threetop 								{ display: flex; flex-flow: row wrap; align-items: start; align-content: start; justify-content: end; }
.cmega									{ font-size: 15px; padding: 20px 12px 20px 12px; margin: 0; width: auto; align-items: center; align-content: flex-start; justify-items: center; border-radius: 0; white-space: normal }

div[id^=adm_timers_] .ui-datepicker, div[id^=adm_mdate] .ui-datepicker { margin: auto; width: 100% !important; border: unset !important }
.ui-widget-content .ui-state-active			{ font-weight: bold  }

.tbrd									{ padding-left: 10px }
.tbrd.slide								{ height: 40px; display: flex; flex-flow: row wrap; align-items: center }
.mob, .tcd.mob							{ display: none }

[class="mwc"]							{ padding: 5px; }
.mwc									{ width: 100%; }
.tmt, .tmd								{ background: rgba(255, 255, 255, 1); border: 1px solid rgba(80, 80, 80, .3); }
.tmt.auto								{ flex: auto }
.tmt									{ min-width: 150px; overflow: hidden; position: relative; padding: 2px 4px 2px 24px; z-index: 1;  align-items: center }
.tmt::before							{ width: 40px; height: 100vh; position: absolute; left: -24px; top: -1px; content: ''; z-index: 1; display: block; background: rgba(60, 90, 150, 1); }
.tmd									{ padding: 2px 4px 2px 4px; flex: auto;  }

.mtop									{ font-size: 15.5px; font-weight: 600; padding: 5px; margin-bottom: 5px; border-bottom: 1px solid rgba(200, 200, 200, 1); }
.msub									{ width: 100%;  padding: 5px; font-size: 14px; }

.vetocore								{ display: flex; justify-content: center; flex-flow: row wrap; column-gap: 3px; row-gap: 3px; }
.vetomapdiv								{ background: rgba(235, 235, 235, 1); }
.vetomapdiv								{ font-size: 12px; line-height: 20px; min-height: 150px; text-align: center; width: 230px; }
.vetomapimg img							{ height: 104px; width: 173px; }
.vetomapimg								{ margin: 3px; width: 98%; }
.vetomapimg:hover						{ cursor: pointer; opacity: 0.7; transition: all 0.5s; -webkit-transition: all 0.5s; }
.vetomapimg > img						{ max-width: 90% }
.mmiqe > #matchinfo						{ background-color: rgba(10, 10, 10, .75); padding: 0 20px 30px 20px; box-shadow: 0 5px 5px rgba(15, 15, 15, .8); height: 100vh; }
.mmiqe									{ position: fixed; z-index: 15; width: 100vw; }

.slparty, .vlparty						{ float: left; margin: 5px 10px 0 10px; margin-bottom: -3px; width: 100%; }
.slparty								{ max-width: 500px }
.vlparty								{ max-width: 300px }
.myfoot									{ min-height: 50px; width: 100%; }
.myfoot a								{ text-decoration: none; }
.myfoot .footpad						{ margin: auto; width: 100%; max-width: 1000px; min-height: 50px; display: flex; align-items: center; justify-content: start }
.brk									{ padding: 0 4px 0 4px; float: right; border: 0; font-size: 10px }
a.mh									{ height: 100%; }