/* I focus all image related stylesheets here */

.intro_page_header							{ height: 100vh; width: 100%;  }
.intro_page_header::after					{ margin-top: -100vh; height: 100vh;   }
.intro_page_header::before					{ height: 100vh; }

.user_img_bg								{ background: rgba(10, 10, 10, .7); height: inherit; height: 140px; width: 140px; display: flex; padding: 20px; align-items: center; justify-content: center; margin: 10px 10px 10px 20px; align-content: center; border: 0 solid rgba(40, 40, 40, 1); }
.user_img_area								{ padding: 5px; border-radius: 10px; background-size: contain; background-repeat: no-repeat; background-position: center center; background-color: rgba(40, 40, 40, 1); }
.tour_img_small_sq	> img					{ max-width: 75px; padding: 4px; }
.result_img_med								{ width: 70px; padding: 0; display: flex; flex-flow: row wrap; align-items: center; justify-content: center; align-content: start; justify-items: center; }
.result_img_med > img						{ max-width: calc(100% - 3px); }
.game_img_teamlist_sq						{ padding: 4px; width: 45px }
.game_img_teamlist_sq > img					{ max-width: 45px }
.game_img_small_sq							{ background: rgba(30, 30, 30, .6); width: 40px; min-height: 40px; padding: 3px; }
.game_img_small_sq	> img					{ max-width: 30px; max-height: 30px }
.game_img_small								{ max-width: 40px; margin: -1px 6px 3px 0;  }
.game_img_small > img						{ max-width: 25px; padding: 3px }
.game_csgo_map > img						{ max-height: 150px; max-width: 150px; }
.user_img_troster							{ padding: 2px; }
.user_img_square > img						{ max-height: 40px; }
.user_img_troster > img						{ max-height: 30px; }

.evlogo.sitebg								{ height: 50px; width: 50px; padding: 5px; }
.evlogo.mglist								{ height: 50px; width: 50px; padding: 5px; }
.evlogo.mglist > img						{ max-height: 40px; max-width: 40px; }
.evlogo.mh									{ height:  100%; width: 170px; padding: 4px; background: rgba(50, 50, 50, .8); border-radius: 8px; }
.evlogo.msq									{ position: relative; height: 100%; width: 100%; max-width: 140px; max-height: 140px; box-shadow: inset 0 -6px 6px rgba(30, 30, 30, .8), inset 0 6px 6px rgba(30, 30, 30, .8);  }
.evlogo.msq									{ background-size: cover; background-repeat: no-repeat; background-position: center center  }

.game_img.gms								{ height: 50px; width: 50px; }
.game_img.gms > img							{ max-height: 40px; max-width: 40px; padding: 5px }
.game_img.side								{ height: 180px; width: 180px; padding: 15px; }
.game_img.side > img						{ max-height: 160px; max-width: 160px; }
.game_img.tiny								{ height: 20px; width: 20px; background: rgba(60, 60, 60, .5); }
.game_img.tiny > img						{ max-width: 15px; max-height: 15px; }
.game_img.small								{ height: 25px; width: 25px; background: rgba(150, 150,  150, .4); margin-right: 5px; max-height: 24px; margin: 3px; padding: 3px  }
.game_img.small > img						{ max-width: 20px; max-height: 20px; }
.gameicon									{  }
.gameicon > img								{ max-height: 20px; margin: 3px; padding: 3px }
.user_img_bg > .user_img_area				{ position: relative; height: 100%; max-height: 100px; width: 100px; }
.ev_logo_img_area							{ height: 190px }
.ev_sitebg_img_area							{ height: 190px }
.ev_logo_img_area	> img					{ max-width: 280px; max-height: 170px; }
.ev_sitebg_img_area	> img					{ max-width: 280px; max-height: 170px; }

.adm_logo_img_area							{ height: 190px }
.adm_sitebg_img_area						{ height: 190px }
.adm_logo_img_area	> img					{ max-width: 280px; max-height: 170px; }
.adm_sitebg_img_area> img					{ max-width: 280px; max-height: 170px; }

.adm_tour_logo.side							{ max-width: 100%; padding: 15px; background: rgba(60, 60, 60, .8); }
.adm_tour_logo.side > img					{ max-height: 200px; max-width: 200px; }
.adm_tour_logo.hsq							{ height: 220px; width: 220px; padding: 6px; }
.adm_tour_logo.hsq > img					{ max-height: 210px; max-width: 210px; }
.adm_tour_logo.narrow						{ height: 120px; width: 120px; padding: 6px; }
.adm_tour_logo.narrow > img					{ max-height: 110px; max-width: 110px; }

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

.adm_tour_logo.mpage						{ height: 110px; width: 110px; padding: 6px; }
.adm_tour_logo.mpage > img					{ max-height: 95px; max-width: 95px; }
.news_side_icon								{ display: flex; flex-flow: row wrap; align-items: center; justify-content: center; align-content: start; justify-items: center; }
.news_side_icon > img						{ max-height: 40px; }

/* Align items center */
.gimg > img									{ max-height: 25px; padding: 3px 5px 3px 5px }
.gimg										{ margin-right: 5px; padding: 0 }
.user_roster_img img						{ max-height: 800px; max-width: 70px; }

.itemact > .itemimg 						{ max-height: 20px;padding: 3px; margin: 0 0 -6px -3px; }
.itemrow > .itemimg 						{ max-height: 20px;padding: 3px; margin: 0 0 -6px -3px; }
.ti, .tcd.eg									{ overflow: hidden; position: relative; padding: 4px 6px 4px 24px; z-index: 1; min-height: 22px;  max-width: 100%; font-weight: normal; border: 1px solid rgba(80, 80, 80, .3); }
.ti::before, .tcd.eg::before					{ background-position: center center; background-repeat: no-repeat; background-size: 80%; }
.ti::before, .tcd.eg::before					{ content: '';  display: block; position: absolute; margin: 0 0 0 -22px ; top: 3px; height: 20px; width: 20px; z-index: 1; }
.star::before 								{ background-image: url(/img/icons/sb_star.png); }
.tcd.eg::before 							{ background-image: url(/img/icons/sb_star.png); background-color: rgba(250, 250, 250, .5); }


.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: 100%;
}

.user_logo_img_area, .user_sitebg_img_area, .team_logo_img_area, .team_sitebg_img_area	{ 
	padding: 0; border-radius: 10px; height: 150px; width: 300px; background-size: cover; background-repeat: no-repeat; background-position: center center; background-color: rgba(40, 40, 40, 1); 
}

[class^=gamelogo_]						{ box-shadow: 0 6px 6px rgba(15, 15, 15, 1); z-index: 12; position: relative; height: 250px; width: 100%; overflow: hidden; }
[class^=gamelogo_]::before 				{ background-size: cover; background-repeat: no-repeat; background-position: center center; position: absolute; margin-left: 0; z-index: -1; margin-top: 0px; display: block; height: 250px; width: 100%; content: ''; }

[class^=teamlogo_]						{ box-shadow: 0 2px 2px rgba(15, 15, 15, 1); z-index: 2; position: relative; overflow: hidden; }
[class^=teamlogo_]::before 				{ background-size: contain; background-repeat: no-repeat; position: absolute; margin-left: 0; z-index: 3; margin-top: 0px; display: block; content: ''; }
[class^=teamlogo_def]::before   		{ background-image: url(/img/logos/teamdef.png); height: 140px; width: 250px; }
[class^=teamlogo_def]					{ height: 140px; width: 250px; }

.user_img_vs.tiny, .user_img_vs.med, .user_img_vs.big	{ padding: 2px 4px 2px 4px; }
.user_img_vs.big > img					{ max-height: 40px; }
.user_img_vs.med > img					{ max-height: 30px; }
.user_img_vs.tiny > img					{ max-height: 20px; }
.btnuserjoin 							{ min-width: 80px; color: rgba(20, 20, 20, 1) !important; font-weight: bold; background-color: rgba(255, 203, 1, 1) !important; }
.btnuserjoin:hover						{ background-color: rgba(255, 203, 1, .8) !important; }
.btnuserjoin::after						{ background-color: rgba(198, 158, 1, .8); background-image: url("/img/icons/icon_arrow_right.png"); }

.is_adm_img								{ max-height: 20px; margin: 0px 0px -6px -5px; padding: 2px; display: inline-block; }
.do_collapse							{ max-height: 20px; margin: 0px 0px -6px -5px; padding: 2px; display: inline-block; float: right; }
.tourlinknav							{ max-height: 20px; position: relative; margin: 3px 3px 3px 3px; padding: 3px 0 3px 0; float: right; overflow: hidden; }
.linkbox								{ max-height: 15px; position: relative; margin: 3px 3px 3px 0; padding: 3px 0 3px 0; float: right; overflow: hidden; }
.tourimg								{ max-height: 22px; float: left; margin: 4px 4px -6px -4px; position: relative;  overflow: hidden; }
.utourimg								{ max-height: 22px; float: left; margin: 4px 0px -8px 0px; position: relative; }
.linkdetails							{ max-height: 25px; margin: -5px 0px 0px 0; filter: invert(100%); }
.linkdetail								{ max-height: 25px; margin: 0px 3px -3px 0; }
.linkmatch								{ max-height: 25px; margin: 0px 0px -6px 3px; }

/* Double arrows */
.cpanchor								{ margin: 0 2px -4px 4px; float: right; position: relative; }
.cpdarrow								{ margin: 0 2px -4px 4px; max-height: 14px; position: absolute; }
.darrowr								{ margin: 0 2px -4px 4px; max-height: 14px; float: right; }
.darrow									{ margin: 0 2px -4px 4px; max-height: 14px }

#sbtn_umatch > img						{ text-align: center; transition: 0.70s; padding: 0 0 8px 10px; margin: 2px 0 8px -10px; display: block; transform-origin: center center; }
.triangle 								{ border-color: transparent transparent transparent #fff000; border-style: solid; border-width: 10px 10px 10px 0; height: 0; right: -10px; margin: 8px; position: absolute; width: 0; }
.tourdet_name							{ position: relative; }
.navicon								{ max-height: 20px; }

/* Rotate image */
.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); }

.octagon								{ width: 20px; height: 20px; background: white; position: relative; }
.octagon:before							{ border-bottom: 4.5px solid white; border-left: 4.5px solid #435761; border-right: 4.5px solid #435761; content: ""; width: 20px; height: 0; position: absolute; top: 0; left: 0;}
.octagon:after							{ border-top: 4.5px solid white; border-left: 4.5px solid #435761; border-right: 4.5px solid #435761; content: ""; width: 20px; height: 0; position: absolute; bottom: 0; left: 0; }
.adm									{ max-height: 20px; max-width: 40px; }
.borderbox								{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.pseudo-arrow							{ font-weight: bold; min-width: 20px; }
.pseudo-arrow:before					{ content: "-> "; color: black; }
.arrow:before							{ content: "-> "; color: blue; }

label[class~="uploadbtn"]::before		{ background-position: center center; background-repeat: no-repeat; background-size: 16px 16px; 	background: url('/img/icons/icon_ready.png'); 	content: ''; display: block; position: absolute; 	padding: 0 2px 0 0; transition: all 0.4s ease; 	top: 0; left: -26px; width: 20px; height: 30px; z-index: 0; }
label[class^="guide"]					{ position: relative; height: 30px; margin: 0 0 0 22px; padding: 2px 4px 2px 4px; }
label[class^="guide"]::before			{ height: 30px; margin: -1px -40px 0 0; left: 0; 	background-position: center center; background-repeat: no-repeat; background-size: 20px 10px ; 	background-image: url(/img/icons/icon_guide.png); 	content: ''; display: inline-block; 	padding: 0 2px 0 0; position: absolute; transition: all 0.4s ease; 	margin: 5px 0 0 -33px ; 	top: 0; width: 42px; z-index: 0; }

.mroom_info_bg							{ position: relative; overflow: hidden }
.mroom_info_bg::before					{ width: 100%; height: 100%; margin: 0 0 0 0; 	background-repeat: no-repeat; background-size: 50%; 	background-image: url(/img/games/logo_1.png); 	content: ''; display: block; 	padding: 0 2px 0 0; position: absolute; transition: all 0.4s ease; 	opacity: .7; 	filter: grayscale(100%); 	top: 0; left: 0; z-index: 0; }
.sloga .lognav > img					{ max-height: 60px; padding: 0 0 5px 0; margin: 10px auto 0px auto }
.apinav > img							{ max-height: 60px; margin: 0 auto 0  auto }