/*
	Päätyylit
*/
#ui-datepicker-div 							{ display: none; z-index: -1; position: absolute; left: -9999px }
html *										{ font-family: Roboto; }
*, *:after, *:before, *::after, *::before	{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
body										{ font-size: 13px; }
body, html									{ min-height: 100vh; top: 0; left: 0; padding: 0; margin: 0; }
input, input:focus							{ outline: none !important }
button, button:focus						{ outline: none !important }
div, input, main							{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

/* input										{ white-space: nowrap; } */
input[type="button"]						{ cursor: pointer; }
input[type="file"]							{ display: none; }
label										{ display: inline-block; padding: 0px 0px 0px 0px; }
form										{ display: inline-block; }
form, form button							{ background: none; border: none; padding: 0; margin: 0; }
.selfs									{  }
.selfe									{  }


/* cookies notice */
.cookbook								{ bottom: 0; position: fixed; width: 100vw; z-index: 999; left: 0; padding: 0; margin: 0; }
.cookal									{ padding: 20px; max-width: 600px; margin: auto;  }
.cooknote								{ font-size: 14px; min-height: 50px; }
.cooknote .cset							{ display: flex; padding: 5px; align-content: center; width: 100%; font-size: 14px; }
.cooknote .cg2							{ display: flex; flex-flow: row wrap; align-items: center; justify-content: center; align-content: center; justify-items: center; padding: 3px }

.b, .bold								{ font-weight: bold; }
#content								{ margin: auto; position: relative; min-height: 100vh; margin-top: 0; width: 100%; padding: 0 }
#infobar								{ height: 34px; position: absolute; left: 0; top: 0; margin-top: 30px; width: 100vw; z-index: 10; display: block }
.infobar								{ padding: 0 10px 0 10px }

#infoseats								{ width: 100%; max-width: 100vw; margin: auto; height: 100%; line-height: 34px }
#usrinfo								{ display: none; position: absolute; bottom: 0; left: 0; width: 100vw; min-height: 35px; padding: 10px; z-index: 14; }

.prelink								{ top: 0; position: fixed; width: 100%; z-index: 15; left: 0; padding: 0; margin: 0;  }
.preusr									{ top: 70px; position: fixed; width: 100%; z-index: 5; left: 0; padding: 0; margin: 0; min-height: 33px; }
.prebar									{ width: 100%; max-width: 1000px; margin: auto; height: 100%; position: relative; line-height: 30px; padding: 3px 5px 3px 9px; font-size: 12.5px; }
.coremid								{ padding: 10px; min-height: 200px; width: 100%; max-width: 1000px; margin: auto; }

.linknav								{ display: flex; flex-flow: row nowrap; align-items: center; margin: auto; justify-content: flex-end }
.linknav								{ max-width: 1000px; width: 100%; height: 70px; position: relative; column-gap: 6px }
.adfix									{ position: relative; height: 70px; border: 2px solid red; display: inline-block; width: 100px  }

.linknav a.pn	{
	display: flex; align-items: center;
	height: 100%;
}

.tnav.iprime, .tnav.prime				{ border-radius: 4px; font-weight: bold; padding: 8px 7px 8px 7px; position: relative }
.velhologo								{ display: inline-block; position: relative; max-height: 70px; background: rgba(28, 76, 136, .7); padding: 10px; margin: 0 auto 0 0 }
.velhologo img							{ max-height: 50px; }

.usr_drop								{ position: relative; left: 0; width: 100%; z-index: 5; padding: 4px 8px 4px 8px; max-width: 1000px; margin: 4px auto 0 auto }

.mobnav									{ display: none; }
a:not(.underline)						{ text-decoration: none; }

/* Main contents */
div:not(.ctopic).mainhead					{ position: fixed; width: 100%; z-index: 5; top: 0; left: 0; padding: 0; margin: 0 }
.header										{ position: relative; width: 100vw; overflow: hidden; }
.footer										{ min-height: 50px; width: 100%; }
.footer a									{ text-decoration: none; }
.foot										{ margin: auto; width: 100%; max-width: 1000px; }

/* maparea */
.maparea									{ position: relative; margin: auto; background-repeat: unset; width: 960px }
.sitemap									{ margin: auto; max-width: 1000px; position: relative; }
.sitemap									{ box-sizing: border-box; background-size: fixed; background-repeat: no-repeat; max-width: 100%; background-position: center center; }
.sitebase									{ width: 100%; height: 100%; box-sizing: border-box; }
.sitebase > .sitemap						{ margin: auto; position: relative; width: 100%; height: auto; display: none }

#adm_table_map								{ position: relative; z-index: 3; margin: auto; }
#adm_table_map > img						{ max-width: 1000px; }
.mscount									{ display: flex; justify-content: flex-start; align-content: center; flex-flow: row nowrap; width: 100% }

/* liners */
.ipad										{ padding: 5px }
.textr										{ text-align: right; }
.mleft										{ margin-left: auto; }
.mright										{ margin-right: auto; }
.nobg										{ background: none !important }
.nopad										{ padding: 0 !important }
.nobrd										{ border: 0 !important }
.b											{ font-weight: bold; }
.line:not(.min)								{ margin: 12px 0 12px 0; width: 100%; } 
.line.min									{ margin: 4px 0 4px 0; padding: 3px; width: 100%; } 
.iline										{ margin: 7px 0 7px 0; padding: 3px; width: 100%; border-top: 1px solid rgba(30, 30, 30, .3); }
.doubleline									{ margin: 4px 0 4px 0; padding: 3px; width: 100%; }
.top										{ margin-top: 15px }

.content									{ width: 100%; max-width: 1000px; }
.content									{ margin: 10px auto 15px auto; padding: 10px;  }
.trow										{ margin: auto; width: 100%; max-width: 1000px }
.trow.max									{ height: 100%; min-height: 200px; margin-top: -15px; padding: 10px }

/* .icon_logout								{ border-radius: 0 8px 0px 8px; padding: 6px; height: 70px; margin-left: 2px; line-height: 70px } */
.icon_logout								{ height: inherit; height: 70px; display: flex; padding: 0 5px 0 5px; align-items: center; justify-content: center; margin: 0; align-content: center; }
.icon_logout > img							{ max-height: 36px; margin: 0 }
.icon_logout > a							{ width: inherit; height: inherit; display: inline-block }

/* table placements */
.placement									{ position: absolute; padding: 0; margin: 0; }

/* Seat rows */
.seat										{ margin: 0 0 0 0; padding: 1px; display: inline-block; font-size: 10.5px; text-align: center; position: relative; vertical-align: middle }
.shover										{ display: none; position: absolute; margin-top: 25px; height: auto; width: min-content; font-size: 10px; padding: 3px; z-index: 1; text-align: left; }
.snogo										{ display: none; position: absolute; margin-top: 25px; height: auto; width: min-content; font-size: 10px; padding: 3px; z-index: 1; text-align: left; }
.sh1										{ word-wrap: keep-all; overflow-wrap: normal; white-space: nowrap }
.defh										{ display: none; overflow: hidden; z-index: 5 }

.mobmap.mini								{ padding: 10px; }
.mobmap.mini								{ background: rgba(78, 84, 91, .7);  box-shadow: inset 0 -5px 5px 0 rgba(30, 30, 30, .4), inset 0 5px 5px 0 rgba(30, 30, 30, .4); }
.mobmap.mini img							{ transform: scale(0.8); }

/* seat legends */
.seatlegend							{ display: inline-block; height: 15px; width: 15px; margin: 0 5px 0 0; }
.mylegend							{ line-height: 20px }
.myseats							{ margin: auto; width: 100%; z-index: 5; }
.myplaces							{ padding: 5px; z-index: 5 }

/* transforms */
.splasherr							{ transition-property: all; transition: 2s  }

/* admin classes */
.atablerow							{ padding: 5px; margin: 5px; }
.aplacement							{ padding: 0; margin: 0 0 15px 0; line-height: 13px }
.afield								{ border-radius: 4px; padding: 3px; min-width: 60px; margin-right: 3px; }

.nb									{ word-wrap: keep-all; overflow-wrap: normal; white-space: nowrap }
.nobreak							{ word-wrap: keep-all; overflow-wrap: normal; white-space: nowrap !important }

textarea:not(.fharea)				{ box-shadow: inset 0 -3px 3px rgba(30, 30, 30, .3), inset 0 3px 3px rgba(30, 30, 30, .3); }

.box_row								{ padding: 4px 7px 4px 7px; width: 100%; border-top: 1px solid rgba(20, 20, 20, .2); text-align: start }
.box_check_icon							{ max-height: 20px; padding: 5px; margin-bottom: -4px; align-self: start; justify-self: start }

.tmt, .tmd								{ 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; font-size: 13px; 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; font-size: 13px }

.pager									{ border-radius: 3px; font-size: 12px; height: 24px; width: 24px; padding: 4px; margin: 3px; }
.pager									{ background: rgba(10, 10, 10, 1); }
.pager_row								{ display: grid; grid-template-columns: minmax(50px, min-content) auto minmax(50px, min-content) }
.pager_row								{ justify-content: start; align-items: center; }
.pager_row								{ padding: 2px 5px 2px 5px; border-top: 1px solid rgba(30, 30, 30, .4);  }

.statbg									{ position: relative; background-size: cover; background-attachment: fixed; background-repeat: no-repeat; background-position: center center; z-index: 1; }
.statbg									{ height: 100%; width: 100%; }
.statbg									{ background-image: linear-gradient(to right, rgba(22, 28, 34, .5) 0% 50%, rgba(33, 43, 55, .6) 50% 100%), url(/images/vecto2017_1920.png); }

.rotate, .rotateback, .rotate180 		{ transform-origin: center center; transition: 0.70s; -webkit-transition: 0.70s; -moz-transition: 0.70s; -ms-transition: 0.70s; -o-transition: 0.70s; -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -o-transform: rotate(180deg); -ms-transform: rotate(180deg);}
.rotate 								{ transform: rotate(90deg); }
.rotateback								{ transform: rotate(0); }
.rotate180 								{ transform: rotate(180deg); }

.markertbl								{ width: 110px; padding: 3px; margin: auto 5px auto 0; height: 10px; }
.grid.tblavail .row, .rbg .row			{ background: rgba(245, 245, 245, 1); } 
.row									{ width: 100%;  padding: 4px; font-size: 13px; }
.row 	 								{ display: flex; justify-content: flex-start; align-content: center; justify-items: center; align-items: start }
.row + .row								{ margin-top: 3px }
.hrow									{ width: 100%;  padding: 4px 0 4px 0; font-size: 13px; }
.hrow + .hrow							{ margin-top: 3px; border-top: 1px solid rgba(200, 200, 200, 1); }
.terms .hrow							{ padding: 4px 0 4px 10px !important }

.mrow									{ font-size: 13px; width: 100%; padding: 10px; margin: 5px auto 5px auto }
.mrow									{ background: rgba(252, 252, 252, 1); }
.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; }

[class=msub] + [class=msub]						{ margin-top: 5px; border-top: 1px solid rgba(200, 200, 200, 1); }
.mcol									{ position: relative; font-size: 14px; width: 100%; line-height: 20px; padding: 3px }
[class="mcol"]							{ border: 1px solid rgba(200, 200, 200, 1); background: rgba(250, 250, 250, 1); }

.grid.tds .mcol + .mcol						{ border-left: 1px solid rgba(200, 200, 200, 1) !important; }
.grid.tds .mcol:not(.ht) + .mcol:not(.ht)	{ border-top: 1px solid rgba(200, 200, 200, 1) !important; }
.grid.tds .mcol.ht							{ border-bottom: 1px solid rgba(200, 200, 200, 1) !important; }

[class*=splash]							{ transition-property: all !important; transition-duration: 2s !important; z-index: 1002; }
.splashe								{ background-color: rgba(255, 193, 177, .5) !important }
.splash									{ background-color: rgba(184, 255, 196, 0.5) !important}
.admfr									{ display: inline-block; padding: 3px 3px 4px 3px; font-size: 13px; border: 1px solid rgba(80, 80, 80, .4); }
.uact      								{ display: flex; flex-flow: row wrap; align-items: center; justify-content: center; align-content: center; justify-items: center; }

.somec			{ display: inline-block; margin-right: auto }
.somei			{ height: 25px; min-width: 25px; padding: 2px; background: rgba(28, 76, 136, 1); }
.somei img		{ max-height: 20px; width: 20px }
.somec a		{ padding: 0; width: min-content; display: inline-block }
a[me=some]	+ a[me=some]	{ margin-left: 3px }

.user_roster_img img						{ max-height: 100px !important; max-width: 90px !important; }
.team_sitebg_img_area > .team_sitebg_field, .user_logo_img_area > .user_logo_sett, .user_sitebg_img_area > .user_sitebg_field, .team_logo_img_area > .team_logo_sett {  max-height: 150px; max-width: 300px;  }
.ticket_img_area > .ticket_logo_sett, .tour_sitebg_img_area > .adm_sitebg_field { height: 100%; max-height: 190px; max-width: 300px;  }

.ticket_logo_side > img						{ max-height: 280px; max-width: 280px; }
.splasherr									{ transition-property: all; transition: 2s  }
.epmainlogo									{ height: 220px; max-width: 100%; padding: 10px; }
.epmainlogo > img							{ max-height: 200px; max-width: calc(100vw - 40px); padding: 10px }

.ticket_logo.aprod							{ height: 120px; width: 120px; padding: 6px; }
.ticket_logo.aprod > img					{ max-height: 110px; max-width: 110px; }

.ticket_logo.intro							{ height: 70px; width: 70px; padding: 6px; }
.ticket_logo.intro > img					{ max-height: 60px; max-width: 60px; }

.grid.newside								{ grid-template-columns: minmax(40px, min-content) auto; }
.grid.newside + .grid.newside				{ padding-bottom: 10px }

.alogo										{ display: flex; flex-flow: row wrap; align-items: center; justify-content: center; align-content: center; justify-items: center; }
.alogo.slogo								{ height: 120px; width: 100%; max-width: 300px; margin: auto; padding: 4px; }
.alogo.slogo > img							{ max-height: 54px; max-width: 137px; }

.copyr2										{ display: block; text-align: center; width: 100%; padding: 15px; font-size: 14px }
.tcl										{ margin: 4px 0 4px 0; padding: 3px; width: 100%; border-top: 1px solid rgba(40, 40, 40, .2); } 
.clsh										{ box-shadow: 0 3px 2px rgba(30, 30, 30, .2), 0 -3px 2px rgba(30, 30, 30, .2); }

.ssa										{ width: 100%; margin: 0 auto 0 auto; z-index: 10; padding: 20px; background: rgba(92, 92, 92, 1); }
.ssa > img									{ max-width: calc(100% - 40px); max-height: 480px; }
.ssa, .bs									{ box-shadow: inset 0 -4px 4px rgba(0, 0, 0, .4), inset 0 5px 5px rgba(30, 30, 30, .3); }

div[id^=act_bundetails]						{ position: relative; box-sizing: border-box }
#user_page_core, #api_payment_core			{ transition: all 2s ease; }
div[id^=act_bundetails], .defh				{ transition: all 2.5s ease; }
div.mw										{ min-height: 100vh; }
.admmce										{ overflow: auto; padding: 10px; height: 300px; width: 100% }