/*-------------------------------------------------------------------.
   ____                    _   _                _              
  / __ \                  | | | |              | |             
 | |  | |_   _  __ _ _ __ | |_| |__   ___   ___| | _____ _   _ 
 | |  | | | | |/ _` | '_ \| __| '_ \ / _ \ / __| |/ / _ \ | | |
 | |__| | |_| | (_| | | | | |_| | | | (_) | (__|   <  __/ |_| |
  \___\_\\__,_|\__,_|_| |_|\__|_| |_|\___/ \___|_|\_\___|\__, |.com
                                                          __/ |
                                                         |___/ 
		  Quanthockey.com CSS - Sampsa Kuronen
		               20.9.2012
.-------------------------------------------------------------------*/


/* --------------------------------------------- Meyer CSS reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}

/* ##################################################################################################################### */
/* ##################################################################################################################### */
/* API TABLE SETTINGS */

.qh-table-green, .qh-table-orange, .qh-table-blue, .qh-table-yellow, .qh-table-list-green, .qh-table-green-share{
	/*width: fit-content;*/
	border-bottom: 4px solid black;
	border-left: 1px solid black;
	border-right: 1px solid black;
	border-radius: 4px;
}

.qh-table-list-green{width: fit-content;}
.qh-table-green, .qh-table-green-share, .qh-table-list-green{border-top: 4px solid rgb(75 104 15);}
.qh-table-orange{border-top: 4px solid rgb(145 85 3);}
.qh-table-blue{border-top: 4px solid rgb(17 135 143);}
.qh-table-yellow{border-top: 4px solid rgb(199 162 57);}

tr.qh-header-row{
	background: linear-gradient(to top, rgb(104,146,20) 0%, rgb(143,185,59) 100%);
	background-color: rgb(143,185,59);
	height: 35px;
	color:white;
}

tr.qh-odd {background-color: white}
th.qh-odd {background-color: white; vertical-align: middle}

tr.qh-even {background-color: #f4f1f1}
th.qh-even {background-color: #f4f1f1; vertical-align: middle}


td.qh-left,th.qh-left{text-align:left;line-height:20px}
td.qh-right,th.qh-right{text-align:right;line-height:20px}

th.qh-sort-column{
	text-align: center;
}

td.qh-sort-column{
	text-align: center;
	font-weight: bold;
	color: black;
	background-color: #f4fa8f;
	border-left: black solid thin;
	border-right: black solid thin;
	padding: 7px 10px 7px 10px;
}

a.qh-table-header, span.qh-table-header{
	font-size: 1.6em;
	font-weight:700;
	padding-left:0.3em;
    color: blue;
    line-height: 25px;
}

.fp-cat-column{
	margin-top: 1em;
}

table.fp-table tbody th:first-child, table thead th.fixed_column_1, table.fp-table tbody th:nth-child(2), table.fp-table thead th.fixed_column_2, table.fp-table tbody th:nth-child(3), table.fp-table thead th.fixed_column_3 {
    position: relative;
	min-width: initial;
    max-width: initial;
	left:unset;
    padding: 10px 5px;
}
table.qh-table-green-share td, table.qh-table-green-share th {
    padding: 9px 5px;
}

@media only screen and (max-width: 400px){
	table.qh-table-green-share td, table.qh-table-green-share th {
		padding: 9px 4px;
	}
}


@media only screen and (min-width: 1200px){
	.fp-table{
		width: 400px;
	}
	.qh-table-green-share{
		min-width: 400px;
		max-width: fit-content;
	}

	.qh-table-list-green{
		width: 200px;
	}
}


/* ##################################################################################################################### */
/* ##################################################################################################################### */

/*2024-10-16: prevents search box from becoming larger on focus on mobile devices*/
input[type="text"] {
	font-size: 16px;
}


/*Table caption*/
caption {
	text-align: left;
	caption-side: bottom;
    margin: 0.5em;
    font-weight: bold;
	line-height: 1.3em;
}

/*Contains link to add more rows*/
.add_rows{
	font-weight:700;
	text-decoration:underline;
	cursor: pointer;
}

.added_row, .first_added_row, .last_added_row{
	background-color: white;
	color:black;
}

/*
tr.first-added-row{
	box-shadow: inset 0 8px 8px rgba(0, 0, 0, 0.1);
}

tr.last-added-row{
	box-shadow: inset 0 -8px 8px rgba(0, 0, 0, 0.1);
}

tr.only-added-row{
	box-shadow: inset 0 -8px 8px rgba(0, 0, 0, 0.1);
}
*/

.hp-title{
	font-size: 1.5em;
	text-align:center;
}

.hp-highlights-title{
	font-size:1.4em;
	text-align:center;
}

.hp-highlights{
	font-size:1.4em;
	margin-right:1em;
	margin-left:1em;
	margin-top: 2em;
}

.hp-highlights>a{
	color: white;
	padding: 10px;
	font-weight:700;
	background: linear-gradient(to top, rgb(104, 146, 20) 0%, rgb(143, 185, 59) 100%);
    background-color: rgb(143, 185, 59);
	border-radius: 4px;
    border-top: 2px solid #235e11;
    border-left: 1px solid #235e11;
    border-right: 1px solid #235e11;
    border-bottom: 2px solid #235e11;
}
.hp-highlights>a:hover{
	border-top: 3px solid black;
	background: linear-gradient(to top, rgb(67, 95, 10) 0%, rgb(143, 185, 59) 100%);
}

.hp-chart-buttons{
	margin-bottom: 6em;
	display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

/*
.hp-introduction{
	margin-left:auto;
	margin-right:auto;
	font-size:1.4em;
	text-align:center;
}
*/

.category-text{
	margin-bottom: 4em;
}

.category-text>p{
	font-size: 1.8em;
    margin-bottom: 1em;
    line-height: 1.5em;
    font-family: initial;
	padding: 0 2em;
}

.category-text ul{
	font-size: 1.8em;
    line-height: 1.5;
    font-family: initial;
    padding: 0 2em;
	margin-left: 1.5em;
}

.about-pic{
	margin: 1em 2em 0 4em;
	width:180px;
	float:left;
}

@media only screen and (max-width: 720px){
	.category-text>p{
		padding: 0 0.5em;
		font-size: 1.4em;
	}
	.category-text ul{
		font-size: 1.4em;
	}
	.about-pic{
		margin: 0.5em 2em 0 1em;
		width:90px;
	}
}


/*Breadcrumb*/
#qh-breadcrumb{
	font-size: 1.4em;
	padding: 0 0.5em 0 0.5em;
	/*font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;*/
	line-height: 1.5;
	text-align: left;
}
#qh-breadcrumb>ol>li{
	display: inline;
	margin: 0;
}
#qh-breadcrumb>ol>li>a:visited{
	color:blue;
}

/******************************************************************************************/
/******************************************************************************************/
/*LEAGUE LIST 2023-11-08*/


div.related-links{
	/*display: flex;*/
	overflow-x: auto;
	white-space: nowrap;
	scrollbar-width: thin;
}

#league-list, #schedule-link, .related{
	display: inline;
    float: left;
    line-height: 30px;
    margin-right: 0.5em;
	padding-left:0.5em;
	font-weight: 700;
    font-size: 1.4em;
	color:black;
}

span#bookmark-icon{
	padding-top: 3px;
    display: inline;
    float: left;
    line-height: 30px;
    margin-right: .5em;
    padding-left: .5em;
}

span.related{
	color:#2db218;
}

nav.league-list>p{
	font-weight:700;
	/*font-style:italic;*/
}
nav.league-list>a{
	color:#203de2;
	padding: 0 3px 0 3px;
	font-family:inherit;
}
nav.league-list{
	/*background-color: white;*/
    padding: 1em 0.5em 0 0.5em;
    font-size: 1.4em;
    line-height: 25px;
}

/*top-left arrow for the side menu*/
svg.arrow{
	vertical-align:middle;
}



/*Flexbox filters*/
.flex-filters {
	font-size: 1.4em;
	/*background-color: white;*/
	padding: 1em 0.5em;
}
#flex-container{
  display: flex;
  flex-wrap: wrap;
  padding: 10px 5px;
  
}

#flex-container > div {
  /*flex: 1 0 auto;*/
  color:blue;
  text-align: left;
  line-height: 25px;
  padding-right:1em;
}

.clear-filters{
	display:block;
	padding-bottom: 0.5em;
}

/*
section.category-links{
	font-family: verdana;
}
*/


section.category-links{
	width: 100%;
	float: none;
}

section.category-links a, section.team-category-links a{
	font-size: 1.3em;
    display: block;
    margin: 0 0 1em 0;
	line-height:1.3em;
}

section.team-category-links h3{
	margin: 1em 0 1em 0;
	padding:0;
}

section.category-links img{
	margin-top: 2em;
}

img.left-team-flag{
	vertical-align: sub;
	margin-right: 0.5em;
}

img.right-team-flag{
	vertical-align: sub;
	margin-left: 0.5em;
}

td.schedule-game{
	font-family: monospace;
	text-align: center;
	font-size: 1em
}


section.category-links h2, section.category-links h3{
	margin: -1.8em 0 1.5em 2em;
}

a.city-totals-link{
	display: block;
	font-size: 1.4em;
	margin: 0 0 1em 1em;
}

div.flag-title-city{
	margin-bottom: 2em;
}

ul.city-cat-list{
	font-size: 1.4em;
	line-height: 2em;
	margin-bottom: 2em;
}

div.flag-title h3, div.flag-title-city h2{
	display: inline;
	padding: 0 0 0 0.5em;
	vertical-align: super;
}

div.flag-title h2{
	padding: 0;
	margin-bottom: 1em;
}


/*CSS arrows*/
.qh-up {
	border: solid black;
    border-width: 0 3px 3px 0;
    display: inline-block;
    padding: 3px;
    transform: rotate(-135deg);
    /*-webkit-transform: rotate(-135deg);*/
	margin-bottom: -5px;
}

.qh-down {
	border: solid black;
    border-width: 0 3px 3px 0;
    display: inline-block;
    padding: 3px;
    transform: rotate(45deg);
    /*-webkit-transform: rotate(45deg);*/
}

/*Player Profiles*/
.qh-down-pp {
	border: solid black;
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: 2px;
    transform: rotate(45deg);
    /*-webkit-transform: rotate(45deg);*/
	position: absolute;
	
	/*vertical-align:super;
	margin-left:5px;*/
	cursor:pointer;
}

/*Player Profiles*/
.qh-up-pp {
	border: solid black;
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: 2px;
    transform: rotate(-135deg);
    /*-webkit-transform: rotate(-135deg);*/
	position: absolute;
	/*
	vertical-align:middle;
	margin-left:5px;
	*/
	cursor:pointer;
}



/* --------------------------------------------- Login Info */

#qh-login{
	color: white;
	font-size: 1.6em;
	margin: 1.3em 5.2em 0 0;
}
#qh-login>a{
	color: white;
}

/* --------------------------------------------- Data Filters Panel */


.qh-share {
  display: none;
  position: fixed;
  background-color: white;

}

#qh-html-container,#qh-bb-container,#qh-reddit-container,#qh-wiki-container{display: none; visibility:hidden;}

.qh-share.active {
	display:flex;
	flex-direction: column;
	position: fixed;
	min-width: 850px;
	height: 650px;
	top: 50%;               /* Vertically center */
	left: 50%;              /* Horizontally center */
	transform: translate(-50%, -50%);
	z-index: 1000;          /* Ensure it's above other elements */
	background: white;      /* Optional: modal background */
	padding: 1em;           /* Optional: inner spacing */
	box-shadow: 0 4px 10px rgb(31 29 29 / 100%); /* Optional: nice shadow */
	border-radius:10px;
}



#qh-share-refresh{
	flex: 1;
	display: flex;
	flex-direction: column;
}

#qh-share-container{
	overflow-x: auto;
    overflow-y: auto;
    /*max-width: 450px;*/
    max-height: 410px;
}

#qh-css-container{
	overflow-x: auto;
    overflow-y: auto;
    /*max-width: 450px;*/
    max-height: 400px;
}

#qh-share-logo{
	background-color: black;
    padding-top: 0.5em;
    margin-bottom: 1em;
	margin-top: 0.5em;
    text-align: center;
    width: 400px;
    margin-left: auto;
    margin-right: auto;
}

h1#qh-share-stats-title{
	width: 400px;
	padding: 0.5em 0.5em;
    background-color: #93cd8a;
    border-top: solid 3px;
    border-bottom: solid 1px;
    text-align: center;
	font-size:1.8em;
	margin-left: auto;
    margin-right: auto;
}

#html_code{
	padding: 1em;
    font-size: 1.2em;
    background-color: #fbfafa;
    border: 1px solid black;
    border-radius: 3px;
}

@media only screen and (max-width: 400px){
	h1#qh-share-stats-title,#qh-share-logo{
		width: 100%;
		font-size:1.4em;
	}
}

@media only screen and (max-width: 900px){
	.qh-share.active	 {
		min-width: 95%;
		max-width: 95%;
	}
	.qh-share.active {
		padding: 1em 0;
	}
}

.qh-data-filter-menu-wrap {
  display:none; visibility:hidden;
  position: fixed;
  left: 0;
  z-index: 2147483647;
  height: 0;
  /*padding: 10px;*/
  background-color: black;
  background: linear-gradient(to right, #5c5d5c, #0e0e0e);
  box-shadow: 0 0 15px rgba(0,0,0,0.2);
  transition: all 0.5s cubic-bezier(0.7,0,0.3,1);
  transform: translate3d(360px,0,0);
}

.qh-data-filter-menu-wrap .menu .icon-list a {
  position: relative;
  font-family: "Oswald", "Helvetica Neue", Helvetica, sans-serif;
  display: block;
  padding: 20px;
  text-decoration: none;
  color: #eee;
  font-size: 20px;
  transition: all 0.3s ease;
}

.qh-data-filter-menu-wrap .menu .icon-list a::before {
  position: absolute;
  content: "";
  width: 0%;
  height: 2px;
  top: 80%;
  transition: all 0.3s ease;
}

.qh-data-filter-menu-wrap .menu .icon-list a:hover {
  color: #CDDC39;
}

.qh-data-filter-menu-wrap .menu .icon-list a:hover::before {
  width: 50%;
  background-color: #CDDC39;
}

#qh-panel-open{
	display: inline-block;
	font-size: 14px;
    margin: 1em 1em 1em 0;
	text-align: center;
}


.info > a:visited{
	color: blue;
}


#close-button{
	font-size: 14px;
    margin: 0 1em 0.5em 0;
	color: white;
	display: block;
    text-align: end;
	padding-top: 0.5em;
}

#current-query{
    font-size: 14px;
    line-height: 1.5;
    padding-left: 5px;
	color: white;
}

table.qh-filter-box{
	background-color:aliceblue; 
	padding:1em; 
	margin-bottom:1em;
	padding: 5px;
}

table.qh-filter-box > tbody > tr{

}

table.qh-filter-box > tbody > tr > td{
	padding: 3px;
}

textarea:disabled, input[type=text]:disabled{
	background: #f8f7f7;
    font-size: 16px;
	font-family: inherit;
	opacity: 1;
}

.panel-button{
	padding: 1em 0.5em;
}

.panel-button:not([disabled]){
	cursor: pointer;
	background: linear-gradient(to top, rgb(104,146,20) 0%, rgb(143,185,59) 100%);
    background-color: rgb(143,185,59);
	color: white;
}

.panel-button:disabled{
	background-color: #939393;
	padding: 1em 0.5em;
	color: white;
	border: none;
	appearance:none;
}

/*Positions "and" in the middle of the between min and max values*/
.and_btw{
	line-height: 2em;
	padding-left: 0.5em;
}

.qh-delete-dim{
	cursor: pointer;
}

@media only screen and (max-width: 540px){

	#qh-login{
		font-size: 1.4em;
		margin: 1.5em 1em 0 0;
	}

	.qh-data-filter-menu-wrap.active {
	  display:block;
	  padding: 10px;
	  transform: translate3d(0px,0,0);
	  top: 0;
	  width: 100%;
	  height: 100%;
	  overflow-x: auto;
	}
	
	/*
	.qry-panel-col-one{
		
	}
	*/
	

	.qh-select.qh-custom-data.qry-panel-col-two{
		min-width: 120px;
		max-width: 120px;
		text-overflow:ellipsis;
		white-space:nowrap;
		margin:0;
	}

	.qh-select.qh-custom-data.qry-panel-col-three{
		min-width: 130px;
		max-width: 130px;
		text-overflow:ellipsis;
		white-space:nowrap;
		margin:0;
	}

}

@media only screen and (min-width: 541px){

	.qh-data-filter-menu-wrap.active {
	  display:block;
	  padding: 10px;
	  height:100%;
	  transform: translate3d(0px,0,0);
	  top: 0;
	  width: 540px;
	  overflow-x: auto;
	}
	
	.qh-select.qh-custom-data.qry-panel-col-two{
		min-width: 180px;
		max-width: 180px;
		text-overflow:ellipsis;
		white-space:nowrap;
		margin:0;
	}

	.qh-select.qh-custom-data.qry-panel-col-three{
		min-width: 180px;
		max-width: 180px;
		text-overflow:ellipsis;
		white-space:nowrap;
		margin:0;
	}

}



/* --------------------------------------------- Data Filters Panel End */

/* --------------------------------------------- Cross-site standards */
*{
	box-sizing: border-box;
}
html {font-size: 16px;}


a.sininen{
	color: blue;
	text-decoration: underline;
}
.qh-capitalize{
	text-transform: uppercase;
}
div#content {
	background: #fff;
	padding: 1em 2em 2em 2em;
	min-height: 65em;
}

#filter_search{
	width: 70%;
	text-align:center;
	float: none;
}

#filter_search_wide{
	width: 100%;
	text-align:center;
	float: none;
}

.nhl-profile-filters{
	width: 100%;
	text-align:center;
	clear: both;
	float: none;
	padding: 1em 0 1em 0;
	/*background-color: white;*/
}

#wa-reg, #wa-ply, #five-games{
	width: 100%;
	float: none;
}

#five-games{
	margin-bottom: 10em;
	margin-top: 2em;
}

#main-profile-table{margin-top:2em;}
#main-profile-table, #nhl-last-first{
	width: 100%;
	float: none;
}

.wa-title{
	clear: both;
	/*padding-top: 1.5em;*/
}

input[type=text]#city_search{
	margin-right: 1em;
	display: inline
}
input[type=submit]#export_to_excel, input[type=button]#share_button, input[type=submit]#copy_to_clipboard{
	padding: 0.4em;
	background-color: #eaeaea;
	border-width: thin;
	cursor: pointer;
	font-size: 12px;
}
input[type=button]#copy_to_share{
	font-size: 16px;
    margin-left: 15px;
    background-color: #4CAF50;
    color: white;
    padding: 8px 20px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
}
input[type=button]#copy_to_share:hover{
	 background-color: green;
}
input[type=button]#share_button{
	margin-left: 0.3em;
}
input[type=submit]#export_to_excel{
	margin-left: -0.3em;
}
#city_search_form{
	display: inline;
}
.div-right{
	text-align: right;
	display: inline-block;
}

/*TABS*/
.qh-tabs{
	margin-bottom: 0.5em;
}

.qh-tabs ul {
    list-style: none;
    padding: 0;
    border-bottom: 1px solid black;
	font-size: 1.2em;
	white-space: nowrap;
}
.qh-tabs ul li {
    display: inline-block;
    padding: 0;
    vertical-align: bottom;
	margin-right: 0.5em;
}
.qh-tabs ul li a{
	display: inline-block;
	color: black;
	text-decoration: underline;
	padding: 0.5rem;
	font-weight: bold;
}
.qh-tabs ul li span.active {
	display: inline-block;
	color: black;
	border-bottom: 4px solid white;
    border-right: 1px solid grey;
    border-left: 1px solid grey;
    border-top: 3px solid #83ad2f;
	border-radius:4px;
	font-weight: bold;
	text-decoration: none;
    position: relative;
	padding: 0.5rem;
    bottom: -2px;
}

/*This creates the hanging strings for the tabs*/
#qh-down-strings, .qh-down-strings{
	height: 0.5em;
    border-right: 1px solid grey;
    border-left: 1px solid grey;
}

.team-schedules{
	margin: 0 0 1em 0;
    width: 45em;
}

/*Highlight Playoff Team, Seasons: must be at the end*/
/*#############################################################################*/
/*#############################################################################*/

input[type=checkbox].hl_ply_team{vertical-align:middle;}
label.hl_ply_team{vertical-align:middle;}

tr.hls1, th.hls1{
	background-color:#ececec !important; 
}
tr.hls2, th.hls2{
	background-color:white !important;
}


tr.hlpt, th.hlpt{
	background-color:#f6f8b2 !important;
}
.no_hlpt{
	background-color:white !important;
}

/*#############################################################################*/
/*#############################################################################*/

/*SNIGEL*/

/*
@media only screen and (max-width: 1549px) {
	div#sidebar-left-container { display: none !important; }
}
@media only screen and (max-width:  1549px) {
	div#sidebar-right-container { display: none !important; }
}
*/

/*#############################################################################*/
/*#############################################################################*/


/*#############################################################################*/
/*AD FIX 2023-06-07*/

#quanthockey_incontent_leaderboard_1{
	clear: both;
}

#quanthockey_mobile_btf{
	margin-bottom: 20em;
}


/*#############################################################################*/

/*DESKTOP*/
@media only screen and (min-width: 1201px){
	body {
		font-size: 62.5%;
		background-color: black;
		font-family: Helvetica, Arial, sans-serif;
	}
	
	/*Overflow-container for last games table in the PlayerProfiles -pages*/
	#ofc-last-games{
		width:100%; 
		margin:auto;
	}

	#menu, #subnav-mobile{display:none; visibility:hidden;}
}

/*MOBILE ONLY, USED FOR INITIALLY HIDING FILTER DROP DOWNS*/
@media only screen and (max-width: 780px){
	#season-filter, #st-filter, #pos-filter, #af-filter, #team-filter, #rt-filter, #nationality-filter{display:none; visibility:hidden}
	#province-filter, #state-filter, #city_search, #city_search_form, #birth-year-filter, #age-filter{display:none; visibility:hidden}
	#cumulative-filter, #birth-month-filter, #past-season-filter, #round-filter, #pick-filter, .alphabets{display:none; visibility:hidden}
	#team-draft-view-filter{display:none; visibility:hidden}
	
	/*Export to Excel Button hidden for mobile*/
	input#export_to_excel, input#copy_to_clipboard{display:none; visibility:hidden}

	/*SQUEEZED TABS ON MOBILE*/
	.qh-tabs {
		width: 99%;
		border-bottom: 1px solid black;
		margin-left: auto;
		margin-right: auto;
		margin-bottom:5px;
		font-size: 85%;
	}

	
	#qh-breadcrumb, nav.league-list{
		font-size: 1.2em;
	}

	.qh-tabs ul {
		display: inline-block;
		border-bottom: none;
	}

	.qh-tabs ul li {
		margin-right: 0.35em;
		margin-top: 0.8em;
	}
	.qh-tabs ul li a{
		padding: 0.5rem 0.2rem 0.5rem 0.2rem;
	}
	.qh-tabs ul li span.active {
		padding: 0.5rem 0.2rem 0.5rem 0.2rem;
	}

	.qh-tabs ul li.hide-on-mobile{
		display:none; 
		visibility:hidden
	}

	
	#qh-down-strings, .qh-down-strings{
		height: 0;
		border: none;
	}

	/*##########################################################################################*/
	/*##########################################################################################*/
	/*SELECTION OF RULES THE OVERRIDE THE ABOVE RULE*/
	
	select.qh-select{
		line-height: 2em;
		color: black;
		font-size:14px;
	}
	#season-filter.mod-nationality, #season-filter.mod-teams, #season-filter.mod-team-game-log, #season-filter.mod-team-rosters, #season-filter.mod-team-season-records, #season-filter.mod-team-game-records, #season-filter.mod-province, #season-filter.mod-state, #season-filter.mod-birth-month, #season-filter.mod-nationality-draft {
		visibility : visible;
		display : inline-block;
		max-width : 40%;
	}

	#nationality-filter, #team-filter.mod-teams, #province-filter, #state-filter, #birth-month-filter{
		visibility : visible;
		display : inline-block;
		max-width : 55%;
		width : 55%;
	}


	/*Record Type -filter*/
	#rt-filter {
		visibility : visible;
		display : inline-block;
		max-width : 50%;
	}

	#pos-filter.mod-records, #pos-filter.mod-draft-round, #pos-filter.mod-draft-overall, #team-draft-view-filter, #season-filter.mod-season-drafts {
		visibility : visible;
		display : inline-block;
		max-width : 40%;
		width : 40%;
	}

	#age-filter, #birth-year-filter, #round-filter, #pick-filter  {
		visibility : visible;
		display : inline-block;
	  }

	  #pos-filter.mod-age, #pos-filter.mod-birth-year {
		visibility : visible;
		display : inline-block;
		max-width : 60%;
	  }

	  #season-filter.mod-seasons, #past-season-filter {
		visibility : visible;
		display : inline-block;
		max-width : 45%;
	  }

	  #pos-filter.mod-seasons {
		visibility : visible;
		display : inline-block;
		max-width : 45%;
		width : 45%;
	  }
	

	/*##########################################################################################*/
	/*##########################################################################################*/



	/*This is to create whitespace between search box and main section (gray area)*/
	#filter_search, #filter_search_wide{
		/*margin-bottom: 1em;*/
		width: 100%;
		float: none;
	}
}


/*MOBILE AND TABLET*/
@media only screen and (max-width: 1200px){
	body {
		font-size: 70%; /*62.5%*/
		background-color: black;
		font-family: Helvetica, Arial, sans-serif;
	}

	/*This is to remove whitespace between mobile menu bar and search box*/
	div#content{padding: 1em 0 0 0} /*2022-04-27*/


	#filter_search, #filter_search_wide{
		width: 100%;
		float: none;
	}

	.div-left, .div-right, ul.filter, ul.filter li, ul.filter li ul {display:none; visibility:hidden;}
	

	/* --------------------------------------------- Mobile panel menu */
	
	li#subnav-mobile a img{
		position:relative;
		top: 5px;
	}
	
	/*
	li#subnav-mobile a {
		font-size: 1.5em;
		color: #bfdff6;
		padding-left: 60px;
		width: auto;
	}
	

	
	li#subnav-mobile a:before {
		content: "";
		background: url(https://www.quanthockey.com/img/nav-icon.png) no-repeat;
		width: 20px;
		height: 20px;
		display: inline-block;
		position: absolute;
		left: 25px;
		top: 2px;
	}
	*/


	#menu{
		/*display:none; */
		/*visibility:hidden;*/
		background: linear-gradient(to right, #5c5d5c, #0e0e0e);
		background-color: black;
		color: #f5f1f1;
		position: fixed;
	}

	.mm-listview>li>span.menu-sub-title{padding: 10px 10px 10px 20px; color: cornflowerblue}
	a.mm-title{color: cornflowerblue !important}
	div.mm-navbar>a.mm-btn.mm-prev + a.mm-title{padding:10px 20px !important}

}


/*########################################################################################
########################################################################################
RAPTIVE AD TESTING*/

.adthrive-privacy-preferences{
	clear:both;
}

div#container{
	float:left;
}

div#qh-rhs-sticky-ad{
	float:left;
	padding-left:10px;
}


@media screen and (min-width: 1201px) and (max-width: 1300px) {


	div#container {
		float:none;
		width: 1180px;
		margin: 0 auto;
	}

	div#qh-rhs-sticky-ad{
		display:none;
		visibility:hidden;
	}
}


@media screen and (min-width: 1300px) and (max-width: 1400px) {


	div#container {
		float:none;
		width: 1280px;
		margin: 0 auto;
	}

	div#qh-rhs-sticky-ad{
		display:none;
		visibility:hidden;
	}
}



@media screen and (min-width: 1400px) and (max-width: 1531px) {


	div#container {
		float:none;
		width: 1300px;
		margin: 0 auto;
	}

	div#qh-rhs-sticky-ad{
		display:none;
		visibility:hidden;
	}
}



@media screen and (min-width: 1531px) and (max-width: 1650px) {

	div#container{
		width: 1160px;
		margin: 0 0 0 50px;
	}

	/*
	div#qh-rhs-sticky-ad{
		width:300px;
		position:fixed;
		top:43px;
		left: calc(50px + 1160px + 10px); 
	}
	*/

}

@media screen and (min-width: 1650px) and (max-width: 1800px) {

	div#container{
		width: 1260px;
		margin: 0 0 0 50px;
	}

	/*
	div#qh-rhs-sticky-ad{
		width:300px;
		position:fixed;
		top:43px;
		left: calc(50px + 1260px + 10px); 
	}
	*/

}

@media screen and (min-width: 1800px) and (max-width: 1915px) {

	div#container{
		width: 1400px;
		margin: 0 0 0 50px;
	}

	/*
	div#qh-rhs-sticky-ad{
		width:300px;
		position:fixed;
		top:43px;
		left: calc(50px + 1400px + 10px); 
	}
	*/

}

@media screen and (min-width: 1915px) and (max-width: 2300px) {

	div#container{
		width: 1520px;
		margin: 0 auto;
	}

	/*Width of the ad container must equal the to total width of the two floating child divs (container and qh-rhs-sticky-ad) */
	div#qh-ad-container{
		width:1830px;
		margin: 0 auto;
	}

	/*
	div#qh-rhs-sticky-ad{
		width:300px;
		position:fixed;
		top:43px;
		left: calc(50px + 1520px + 10px); 
	}
	*/

}

@media screen and (min-width: 2300px)  {

	div#container{
		width: 1520px;
		margin: 0 auto;
	}

	/*Width of the ad container must equal the to total width of the two floating child divs (container and qh-rhs-sticky-ad) */
	div#qh-ad-container{
		width:1830px;
		margin: 0 auto;
	}

	/*
	div#qh-rhs-sticky-ad{
		width:300px;
		position:fixed;
		top:43px;
		left: calc( ((var(--screen-width, 2000px) - 1520px) / 2) + 1520px + 10px );
	}
	*/

}


/*########################################################################################
  ########################################################################################
*/

.clearfix:after { 
   content: "."; 
   visibility: hidden; 
   display: block; 
   height: 0; 
   clear: both;
}

.ca{clear: both;}
.left-float{float: left;}

.qh-nowrap{white-space:nowrap;}


/*Highlight bolded text, if team add line height for player profiles where national team stats are on two rows.*/
.hl, .qh-hl {font-weight: bold; color:#000000}
.hl_team {font-weight: bold; color:#000000; line-height: 1.5;} /*line-height added 2022-04-27*/

table#oi_stats tbody tr th:nth-child(1){
	line-height: 1.5;
}

.select_title{
	font-weight: bold;
	font-style: italic;
}

.footnote{
	margin: 0 0 0 1em;
	font-size: 1.1em;
	line-height: 1.5em;
}

.bt {color: black;}

.nodata {
	color: #CC0000;
	appearance: none;
}

.tabs-nodata{
	color: #CC0000;
	padding: 0.5rem;
    font-weight: 700;
    display: inline-block;
}

.placeholder {color: #5b5959;}

.ital {
	color: black;
	font-style: italic;
	font-weight: normal;
}

a.underl{
	text-decoration: underline;
	color: black;
}

.no-top-margin{margin-top: 0;}

.ad {
	clear: both;
	text-align: center;
	margin-bottom: 2em;
}

/*
.ad-mid-table {
	text-align: center;
}
*/


#qh-atf-ad{
	height:110px;
	width: 100%;
	text-align: center;
}

/*
.qh-atf-container{
	width: 100%;
	text-align: center;
}
*/

/*
.qh-stn-container{
	width: 400px;
	height: 256px;
	display: inline-block;
	vertical-align:top;
}
*/

/*
.qh-medrec-ad{
	display: inline-block;
	vertical-align:top;
	text-align: center;
	width: 100%;
}
*/

.modal, .modal_narrow {
  display:  none;
  position: fixed;
  left: 48%;
  top: 65%;
  z-index: 1000;
  border: 16px solid #0539d4; /* Black */
  border-top: 16px solid #4bd963; /* Blue */
  border-right: 16px solid #4bd963; /* Orange */
  border-bottom: 16px solid #0539d4; /* Grey */
  border-radius: 50%;
  width: 60px;
  height: 60px;
  animation: spin 1s linear infinite;
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

@-webkit-keyframes animatebottom {
  from { bottom:-100px; opacity:0 } 
  to { bottom:0px; opacity:1 }
}

@media only screen and (min-width: 1201px){
	.modal_narrow{
		left: 36.5%;
	}
}


/* Anytime the body has the loading class, our
   modal element will be visible */
body.loading .modal, body.loading .modal_narrow {
    display: block;
}

/******************************************************************/
/******************************************************************/

/* --------------------------------------------- Typography */


h1, h2, h3 {
	font-family: Arial, Helvetica, sans-serif;
}
h1 {
	font-size: 2em;
	font-weight: bold;
	margin-bottom: 0.5em;
	padding-left: 0.5em;
}
h2{
	font-size: 2em;
	font-weight: bold;
}
h3 {
	font-size: 2em;
	font-weight: bold;
	padding-left: 1.5em;
	padding-bottom: 0.2em;
}

h1.stats-title, h2.stats-title{
	/*margin-top: 0.5em;*/
	padding: 0.5em 0.5em;
    background-color: #93cd8a; /*#bfd8c0;*/
    border-top: solid 3px;
    border-bottom: solid 1px;
	text-align: center;
	font-size: 2.2em;
}


/*********************************************************************************** Begin main styling */
/* --------------------------------------------- Header */

#qh-header-right{
	float: right;
}

header>a#qh-logo{
	display: inline-block;
	padding:1em 0 0 .5em;
}

/*
header>a#qh-logo:before{
	content: url('https://www.quanthockey.com/img/qh-logo-ho-50.webp');
	display: inline-block;
}
*/

@media only screen and (min-width: 1201px){
	header {
		margin: 0;
		position: relative;
		z-index:99;
	}
	
}

@media only screen and (max-width: 1200px){
	header {
		/*margin: 1em 0;*/
		position: relative;
	}
	
}


/* --------------------------------------------- Navigation */


nav.qh-nav{
	/*line-height: 3em;*/
	width: 100%;
	/*height: auto;*/
	background: linear-gradient(to bottom, #5c5d5c 10%, #0e0e0e 100%);
	background-color: #383636;
	position: relative;
}
	

	nav.qh-nav ul {
		width: 80%; 
		float: left;
	}
	nav.qh-nav ul li {
		list-style: none;
		float: left;
		display: block;
		border-right: 1px solid #000;
		border-left: 1px solid #666;
	}
		nav.qh-nav ul li:first-child {
			border-left: none;
		}
	nav.qh-nav a, nav.qh-nav span {
		float: left;
		color: #fff;
		text-decoration: none;
		padding: 0 0.5em;
		display: block;
		font-size: 1.1em;
		height: 100%;
		width: 100%;
		cursor: pointer;
	}
	nav.qh-nav a.active, nav.qh-nav span.active{
		background-image: linear-gradient(to bottom, rgb(8,8,6) 0%, rgb(176,176,176) 100%);
	}
	nav.qh-nav a:hover, nav.qh-nav span:hover {
		background-image: linear-gradient(to top, rgb(8,8,6) 0%, rgb(176,176,176) 100%);
	}
	nav.qh-nav a:active, nav.qh-nav span:active {
		box-shadow: inset 0px 0px 30px #000;		
	}

@media only screen and (max-width: 1200px){
	nav.qh-nav ul {
		width: 100%; 
		float: left;
	}	
}

/* --------------------------------------------- Sub Nav / Quick Links */
nav#subnav-mobile{
	text-align:center;
	overflow: hidden;
}
/*
2024-08-28
nav#subnav-mobile div#qh-lefty{
	color: white;
	position: absolute;
	left: 10px;
	font-size: 1.8em;
}
nav#subnav-mobile div#qh-righty{
	color: white;
	position: absolute;
	right: 10px;
	top: 0px;
	font-size: 1.8em;
}
*/
nav#subnav, nav#subnav-mobile{
	height: 2.8em;
	line-height: 2.8em;
	background: linear-gradient(to bottom, #5c5d5c 10%, #0e0e0e 100%);
	position: relative;
}
	nav#subnav ul, nav#subnav-mobile ul {
		height: 2.8em;
		width: 100%;
	}
	nav#subnav ul li, nav#subnav-mobile ul li {
		height: 2.8em;
		border: none;
	}
	nav#subnav a {
		font-size: 1em;
		color: #bfdff6;
	}
	nav#subnav a.smoke, nav#subnav-mobile a.smoke {
		color: #fafafa;
	}

nav#subnav span.subnav-header{
	color: white;
	font-size: 1em;
	cursor:default;
}

nav#subnav>ul>li>span.subnav-header:hover{
	background-image:none;
}

/* --------------------------------------------- Languages */
	nav.qh-nav aside {
		float: right;
		text-align: right;
		width: 15%;
		color: #fff;
		font-size: 0.8em;
	}
	nav.qh-nav aside ul#lang-filter{
		width: 60%;
	}
	nav.qh-nav aside ul#contact-filter{
		width: 35%;
	}
		nav.qh-nav aside a {
			color: #bfdff6;
			text-decoration: underline;
			line-height:3em;
		}
			nav.qh-nav aside a:hover {
				background-image: none;
				color: #9db8cc;
			}
		nav.qh-nav aside li {
			border: none;
			padding: 0;
			background-image: none;
		}

/* --------------------------------------------- Main content */

section {
	width: 70%;
	float: left;
}
section.wide-table {
	width: 100%;
	float: none;
	clear: both;
}

/*2023-10-21 section.wide-table div.tabletop h1, */
section.wide-table h2.pp_h2{
	padding-top: 1em;
}



	/*

	2025-03-01
	section h1{
		margin-top: 1em;
		margin-bottom: 0.5em;
	}
	*/
	section h2 {
		margin-top: 1em;
		margin-bottom: 0.5em;
		padding-left: .5em;
	}
	section h2.pp_h2 {
		margin-bottom: 0.5em;
		clear: both;
	}
	section > p{
		font-size: 1.3em;
		line-height: 1.5em;
		margin-bottom: 1em;
		margin-top: 1em;
	}
	section > form > p{
		margin-bottom: 0.2em;
	}
	.age:before {
		margin-right: 0.5em;
		vertical-align: -40%;
		content: url('https://www.quanthockey.com/img/icon/age.png');
	}
	.analysis:before {
		margin-right: 0.5em;
		vertical-align: -40%;
		content: url('https://www.quanthockey.com/img/icon/analysis.png');
	}
	.birthmonth:before {
		margin-right: 0.5em;
		vertical-align: -40%;
		content: url('https://www.quanthockey.com/img/icon/birthmonth.png');
	}
	.birthyear:before {
		margin-right: 0.5em;
		vertical-align: -40%;
		content: url('https://www.quanthockey.com/img/icon/birthyear.png');
	}
	.city:before {
		margin-right: 0.5em;
		vertical-align: -40%;
		content: url('https://www.quanthockey.com/img/icon/city.png');
	}
	.map:before {
		margin-right: 0.5em;
		vertical-align: -40%;
		content: url('https://www.quanthockey.com/img/icon/map.png');
	}
	.nationality:before {
		margin-right: 0.5em;
		vertical-align: -40%;
		content: url('https://www.quanthockey.com/img/icon/nationality.png');
	}
	.player:before {
		margin-right: 0.5em;
		vertical-align: -40%;
		content: url('https://www.quanthockey.com/img/icon/player.png');
	}
	.province:before {
		margin-right: 0.5em;
		vertical-align: -40%;
		content: url('https://www.quanthockey.com/img/icon/province.png');
	}
	.record:before {
		margin-right: 0.5em;
		vertical-align: -40%;
		content: url('https://www.quanthockey.com/img/icon/record.png');
	}
	.season:before {
		margin-right: 0.5em;
		vertical-align: -40%;
		content: url('https://www.quanthockey.com/img/icon/season.png');
	}
	.sigma:before {
		margin-right: 0.5em;
		vertical-align: -40%;
		content: url('https://www.quanthockey.com/img/icon/sigma.png');
	}
	.sigma24:before {
		margin-right: 0.5em;
		vertical-align: -40%;
		content: url('https://www.quanthockey.com/img/icon/sigma24.png');
	}
	.state:before {
		margin-right: 0.5em;
		vertical-align: -40%;
		content: url('https://www.quanthockey.com/img/icon/state.png');
	}
	.team:before {
		margin-right: 0.5em;
		vertical-align: -40%;
		content: url('https://www.quanthockey.com/img/icon/team.png');
	}
	.background {
		/*background-color: #EAEAEA;*/
		padding: 0 0 1em 0;
		
	}
		.nopadding {
			padding: 0;
			margin: 0;
		}
			.nopadding > p{
				line-height: 2em;
				margin-left: 1em;
				font-size: 1.1em;
				font-style: italic;
			}
	section article {
		margin: 0 10% 1% 0;
		width: 40%;
		padding: 2.5% 0;
		border-bottom: 1px solid #cecece;
		/*-moz-box-shadow: 0 1px 0 #fff;
		-webkit-box-shadow: 0 1px 0 #fff;*/
		box-shadow: 0px 1px 0px #f7f7f7;
		float: left;
	}
	section li {
		list-style: none;
		list-style-position: inside;
		margin-right: 1.5em;
	}


	article > ul > li {
		list-style: square;
		margin: 0 0 1em 1.5em;
	}
	section article li a {
		font-size: 1.3em;
		text-decoration: none;
		color: #4293cc;
		margin-left: 0.9em;
	}
	section li a:hover {
		color: #50b1f6;
	}
	section li a:active {
		color: #3478a7;
	}
	
	
	
	.tablebottom{
		/*background-color: white;*/
		/*padding: 1em 0;*/
	}
	


	.tabletop {
		padding-top: 0;
	}

	/*2023-10-21 .tabletop > h2, .tabletop h1, h1.tabletop*/
	.tabletop > ul, .tablebottom > ul {
		float: none;
		clear: both;
		width: 100%;
		text-align: center;
		line-height: 1.2em;
		padding: 0;
		margin-top:0.5em;
	}



/******************************************************************************************/
/******************************************************************************************/
/*LEAGUES CATEGORY PAGE - MODULE LINKS TABLE 2024-07-01*/


table.league-modules{
	width: fit-content;
	margin: 1em 0;
	border:none;
}

table.league-modules td{
	text-align: left;
    color: #4472c4;
    padding: 0 20px 10px 0;
    font-size: 1em;
    font-weight: 700;
}

table.league-modules td.records-cat-sub-title{
	color: black;
	padding-top:1em;
	font-weight: 700;
}

h2.records-cat-h2{
	padding-left:0;
	font-size: 1.8em;
}

div#cat-column-container, div.cat-column-container{
	display:flex;
	justify-content: space-evenly;
    flex-wrap: wrap;
}

div.cat-column{
	width: 350px;
}

div.records-cat-column{
	width: 370px;
}

div.teams-cat-column{
	width: 450px;
}

div.teams-cat-column>h2{
	margin:0;
	padding:0;
}

div.age-cat-column{
	width: 350px;
}

@media (max-width: 500px) {
	div.records-cat-column, div.teams-cat-column{
		width: 95%;
	}
}

table.age-cat-table a, table.age-cat-table span{
	font-size: 1.2em;
}

table.age-cat-table td{
	text-align: left;
}

/******************************************************************************************/
/******************************************************************************************/
/*CATEGORY LINKS 2024-06-12*/

div.cat-link-container{
	/*background-color: white;*/
	text-align: left;
    font-weight: 700;
    font-size: 1.4em;
    line-height: 30px;
	padding-left: 0.5em;
}

div.category-links{	
    max-width: 500px;
	display: flex;
    flex-direction: column;
}
div.module-links{	
	display: flex;
    flex-direction: row;
}

.grid-row {
	display: flex;
}

.grid-cell {
	flex: 1; /* Make each cell take equal space */
	/*padding: 0 10px;*/
	text-align: left; /* Center text horizontally */
}

div.category-links a, div.module-links a{
	color: #4472C4;
	font-weight: 700;
}

/******************************************************************************************/
/******************************************************************************************/
/*NEW PAGINATION 2023-10-20*/

ul.pagination{
	display: inline-block;
	/*background-color: white;*/
	text-align:left;
	margin: 0;
}

.tabletop ul.pagination{
	padding-top: 1em;
}

/*
.tabletop ul#narrow-page.pagination{
	padding-top: 3em;
}
*/

.tablebottom ul.pagination{
	padding-bottom: 1em;
}


@media (max-width: 1024px) {
	ul.pagination {
		overflow-x: auto; /* Enable horizontal scrolling */
		white-space: nowrap;
	}
}

ul.pagination > li{
	margin: 0 1px 0 0;
	display:inline-block;
}

ul.pagination > li > a{
	text-decoration:none;
	color: black;
}

ul.pagination > li > a{
	color: black;
	float: left;
	padding: 10px 11px;
	text-decoration: none;
	transition: background-color .3s;
	border: 1px solid #ddd;
	margin: 0;
	font-size: 1.5em;
}

.tabletop ul#narrow-page-squeezed.pagination > li > a,
.tablebottom ul#narrow-page-squeezed.pagination > li > a{
	padding: 10px 10px;
}

ul.pagination > li > a.active{
	background-color: #4CAF50;
	border-color: #4CAF50;
	color: white;
}


.pagination a:hover:not(.active) {background-color: #ddd;}


/******************************************************************************************/
/******************************************************************************************/
.team-champ, .draft-venue{
	text-align: center;
    font-size: 1.8em;
    color: #0539d4;
    font-weight: bold;
	margin-bottom: 0.5em;
	margin-left: 0.5em;
	margin-right: 0.5em;
}
.team-champ a:visited, .on-this-page a:visited, .nopad-nav a:visited, .div-center-narrow a:visited, a.blue-visited:visited{
	color: blue;
}

.nopad-nav{
	text-align: center;
    font-size: 1.3em;
    font-family: serif;
    color: #0539d4;
    font-weight: bold;
	margin: 0 1% 0.7em 1%;
}

.div-left{
	float: left; 
	width: 30%; 
	text-align: left;
}

.div-center{
	display: inline;
	width: 38%;
}

.div-center-narrow{
	text-align: center;
    margin-top: 1em;
    font-size: 130%;
    font-family: serif;
    font-weight: bold;
}

.div-center>li, .div-left>li{
	display: inline;
	margin: 0;
}

.standings-date-picker{
	float: left;
    text-align: right;
}


.div-right>li{
	display: inline;
	margin: 0;
}

#standings-season-filter{
	width: auto;
	float: left;
	height: 36px;
	padding: 0.3em;
	margin: 0 2em 0 0;
	width: 10em;
}
#date-picker-span-start-date{
	/*display: inline;*/
	text-align: left;
}
#date-picker-span-end-date{
	text-align: left;
	margin-left: 0.5em;
}
#date-picker-span-submit{
	/*float: right;*/
	padding: 0;
}
#start-date, #end-date{
	width: 8.5em;
	padding: 0.4em;
}
#date-picker-submit{
	background-image: url('https://www.quanthockey.com/img/icon/refresh28.png'); /* 16px x 16px */
    background-color: transparent; /* make the button transparent */
    background-repeat: no-repeat;  /* make the background image appear only once */
    background-position: 0px 0px;  /* equivalent to 'top left' */
    border: none;           /* assuming we don't want any borders */
    cursor: pointer;        /* make the cursor like hovering over an <a> element */
    vertical-align: middle; /* align the text vertically centered */
}

.team-page-title{
	margin-bottom:0;
	padding:0;
}
section.wide-table h1.team-page-title{
	padding-top: 1em;
}



/* --------------------------------------------- Messages */

.info, .success, .warning, .error, .validation, .user-input {
clear: both;
border: 1px solid;
margin: 10px 0px;
padding:10px 10px 10px 50px;
background-repeat: no-repeat;
background-position: 10px center;
margin-left: auto;
margin-right: auto;
font-size: 18px;
line-height: 1.35em;
width: 95%;
}
.info {
color: #0538BD;
background-color: #BDE5F8;
background-image: url('https://www.quanthockey.com/img/info.png');
}
p.info-small, .success-small, p.error-small, p.warning-small, p.validation-small{
	font-size: 1.2em;
	width: 100%;
	margin: 1em 0 1em 0;
	line-height:1.5em;
	border-radius:5px;
}
.success {
color: #4F8A10;
background-color: #DFF2BF;
background-image:url('https://www.quanthockey.com/img/success.png');
}
.user-input {
color: #4F8A10;
background-color: #DFF2BF;
margin-left: auto;
margin-right: auto;
padding: 10px 0px;
}
.warning {
color: #9F6000;
background-color: #FEEFB3;
background-image: url('https://www.quanthockey.com/img/warning.png');
}
.error {
color: #D8000C;
background-color: #FFBABA;
background-image: url('https://www.quanthockey.com/img/error.png');
}
.validation {
color: #D63301;
background-color: #FFCCBA;
background-image: url('https://www.quanthockey.com/img/validation.png');
}
.user-desc{
	color: black;
	font-size: 14px;
}


/* --------------------------------------------- Analysis */

#side_menu{
	float: right;
	width: 100%;
	margin-bottom: 1em;
}
#side_menu li{
	display:block;
}

/* --------------------------------------------- Alphabets */

	ul.alphabets {
		width: 68%;
		margin-left: 1em;
		margin-bottom: 1em;
		float: left;
	}
	ul.alphabets > li {
		display: inline;
		font-size: 1.8em;
		line-height: 1.5em;
		padding: 0.2em 0.2em;
		margin: 0 0.2em 0.2em 0;
	}
		ul.alphabets > li > a {
			margin: 0;
		}
			ul.alphabets > li > a:hover {
				text-decoration: underline;
			}
/* --------------------------------------------- Row / Season Stripes */

input.stripe_rows, input.stripe_seasons{
	vertical-align: sub;
	height: 15px;
}

/* ------------------------------------------------------------------ */

/* --------------------------------------------- Column Picker / Toggle */

#column-picker, #column-picker-team-game-by-game, #column-picker-season-game-by-game, #column-picker-standings, #column-picker-cat-seasons, #column-picker-cat-teams, #column-picker-cat-team-seasons, #column-picker-cat-season-teams, #column-picker-game-log{
	text-align:left;
	line-height: 30px;
}

#column-picker summary, #column-picker-team-game-by-game summary, #column-picker-season-game-by-game summary, #column-picker-standings summary, #column-picker-cat-seasons summary, #column-picker-cat-teams summary,  #column-picker-cat-team-seasons summary,  #column-picker-cat-season-teams summary, #column-picker-game-log summary{
	text-align: left;
    font-weight: 700;
    font-size: 1.4em;
    line-height: 30px;
	cursor: pointer;
	/*display: inline-block;*/
}


summary {
    cursor: pointer;
	text-decoration:underline;
    list-style: none; /* Removes default marker */
}

summary::after {
    content: "\25BC";
    font-size: 12px;
    margin-left: 4px;
    transition: transform 0.5s ease;
	display: inline-block; /* Ensures transform works */
}

.summary-text{
	text-decoration:underline;
	padding-left: 0.5em;
}

details[open] summary::after {
	transform: rotate(180deg); /* Flips arrow upward */
}

details#side-menu{
	color:white;
	font-size:14px;
	padding-bottom: 10px;
}

details#side-menu a{
	color:#bfdff6;
	text-indent: 10px;
    line-height: 30px;
	display:block;
}

details#side-menu summary{
	padding-bottom: 10px;
}

.side-menu-tbl{
	font-size: 1em;
    width: fit-content;
    border: none;
    margin-left: 1em;
}

.side-menu-tbl tr td{
	text-align: left;
	padding:0 10px 0 0;
}



.toggle {
  cursor: pointer;
  display: inline-block;
}

.toggle-switch {
  display: inline-block;
  background: #ccc;
  border-radius: 16px;
  width: 42px;
  height: 24px;
  position: relative;
  vertical-align: middle;
  transition: background 0.25s;
}
.toggle-switch:before, .toggle-switch:after {
  content: "";
}
.toggle-switch:before {
  display: block;
  background: linear-gradient(to bottom, #fff 0%, #eee 100%);
  border-radius: 50%;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.25);
  width: 16px;
  height: 16px;
  position: absolute;
  top: 4px;
  left: 4px;
  transition: left 0.25s;
}
.toggle:hover .toggle-switch:before {
  background: linear-gradient(to bottom, #fff 0%, #fff 100%);
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.5);
}
.toggle-column:checked + .toggle-switch {
  background: #56c080;
}
.toggle-column:checked + .toggle-switch:before {
  left: 22px;
}

.toggle-column {
  position: absolute;
  visibility: hidden;
}

.toggle-label {
  margin-left: 5px;
  position: relative;
  top: 2px;
}

.css-label{
	font-weight: 700;
	font-size: 1.2em;
	margin-left: 5px;
    margin-right: 10px;
    vertical-align: sub;
    cursor: pointer;
}


/* --------------------------------------------- Horizontal Scroll */

ul.horizontal-scroll{
	margin-top: 1em;
}
ul.horizontal-scroll>li>a{
	color: blue;
	text-decoration:underline;
	margin-left:2em;
	margin-right:2em;
}

#qh-horizontal-scroll-wrapper {
  width: 100%;
  height: 20px;
  overflow-x: scroll;
  overflow-y: hidden;
}

#qh-horizontal-scroll {
  height: 20px;
}


/* --------------------------------------------- Player Game Log Profile */

div#game-log-profile{
	width:100%;
	float:left;
}

div#game-log-selectors{
	float:left;
}



/* --------------------------------------------- Player Profile */

section#profile{
	padding-left: 10px;
	margin: 1em 0;
	display: flex;
	float: none;
}

h1#pp_title{
	font-size: 2.4em;
	font-weight: bold;
	margin-top: 0.5em;
	margin-bottom: 0.2em;
	padding-left: 0;
	padding-right: 0;
	display:inline-block;
}

div#pp_title_bio{
	padding-top: 15px;
}

div.pp-pic-container{
	width: 200px;
	height: 200px;
}

div.on-ice-pic-container{
	width: 300px;
	height: 300px;
}

img.pp-pic{
	margin-right: 20px;
}

@media screen and (max-width: 768px) {
  
  h1#pp_title {
	font-size:2em;
  }
  div.pp-pic-container{
	/*width: 160px; 80% (see above) of 200px*/
	/*height: 160px; 80% (see above) of 200px*/
	margin-top: 20px;
  }
  section#profile{
	flex-direction: column-reverse;
  }
}

img.pp-flag{
	margin-left: 15px;
	vertical-align: bottom;
}

div#profile-charts{
	clear: both;
	float: none;
}

div#homepage-charts, div#homepage-demographics{
	margin-top: 6em;
	/*height: 800px;*/
}


div#player-bio, .draft{
	font-size: 1.4em;
	line-height: 1.5;
}

span.draft{
	padding-left: 10px;
	display: block;
	/*margin-bottom: 2em;*/
}

/*Player compare links and title*/
#pc_container{
	margin: 0 1.5em 1em 1em;
	float: none;
	display: block;
	padding: 0.2em;
	border: solid 1px black;
	/*background-color: white; */
}
.pc{
	font-size:1.2em;
	padding-left: 0.4em;
	padding-right: 0.4em;
	line-height: 1.5em;
	font-weight: bold;
	color: black;
}
.pc a{
	margin-right: 1em;
}


div#charts{
	overflow:hidden;
}

div.demographic-chart-menu{
	font-family: calibri;
	font-size: 1.5em;
	margin: 0 1em 0.5em 1.5em;
	line-height: 1.2em;
	text-align: center;
	clear: both;
}

div.map-chart-menu{
	font-size: 1.6em;
	padding: 0 0 1em 0.5em;
	line-height: 1.4em;
	text-align: left;
	/*background-color: white;*/
}

#nationality-category-chart{
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 1em;
	height: 600px;

}

#demographics-charts{
	width: 95%;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 1em;
}
#chart-demographics{
	height: 400px;
	/*background-color: white;
	border-left: 1px solid black;
    border-right: 1px solid black;*/
}

#demographics-charts h3{
	/*background-color: white;*/
	margin-bottom: 0;
	padding-top: 1em;
	text-align: center;
	font-size: 1.8em;
}

#demographics-charts div#sub-title{
	/*background-color: white;*/
	margin-bottom: 0;
	padding-top: 0.4em;
	text-align: center;
	font-size: 1.2em;
}

div.profile_chart {
	float: left;
	width: 48%;
	height: 275px;
	margin-left: 1.25%;
	margin-bottom: 2em;
}

div.profile_chart_hp {
	float: left;
	width: 48%;
	height: 340px;
	margin-left: 1.25%;
	margin-bottom: 2em;
}

div.profile_map {
	/*float: left;
	width: 98%;*/
	height: 600px;
	/*border-left: solid black 1px;
    border-right: solid black 1px */
	/*margin-left: 1.25%;
	margin-bottom: 2em;*/
}

div.team_chart {
	clear: both;
	width: 95%;
	height: 440px;
	margin-left: auto;
	margin-right: auto; 
	margin-bottom: 2em;
}

#team-charts h2{
	font-size: 1em;
	text-align: center;
	font-weight: bold;
	margin: 0;
	padding: 0;
}

/*tooltip table*/
table.tt{
	text-align:left;
	font-size: 1em;
	white-space: nowrap;
	margin: 0;
	border:solid 1px grey;
	background-color: #fbfbfb;
}

table.tt td{
	padding: 0.1em 0 0.1em 0.2em;
	text-align: left;
}

/*********************************************************/
/*maps tooltip title*/

p.mttt{
	line-height: 1.5em;
	vertical-align: middle;
	padding: 0.5em;
	font-weight: 700;

}

p.mttt img{
	vertical-align: middle;
}

/*********************************************************/
/*Maps tooltip table*/

table.mtt{
	font-size: 1em;
	white-space: nowrap;
	padding: 1em;
	border:solid 1px grey;
	background-color: #fbfbfb;
}


table.mtt td, table.mtt th{
	padding: 0.2em 0 0.2em 0.8em;
	text-align: right;
}
table.mtt tbody tr>td:nth-child(1), table.mtt thead th:nth-child(1),
table.mtt tbody tr>td:nth-child(2), table.mtt thead th:nth-child(2){
	text-align: left;
	/*padding-left: 0;*/
}

/*********************************************************/

#ch_stats tr td:nth-child(6){
	width: 40%;
	padding-right: 0.5em;
}

#ch_stats tbody tr th{
	font-weight:400;
}

/* --------------------------------------------- Main content aside */
aside {
	width: 27%;
	float: right;
	margin-right: 2%;
	margin-left: 1%;
}
aside.wide-table {
	width: 100%;
	margin-right: 0%;
	margin-left: 0%;
	margin-top: 20px;
}
#content aside {
	margin-bottom: 2em;
}


aside a {
	text-decoration: none;
	color: #000;
}
aside a:hover {
	text-decoration: underline;
}



	#content ul li p {
		padding: 0;
		margin: 0;
		font-size: 1.2em;
		text-shadow: #fff 2px 2px 3px;
		color: #282828;
	}

	ul.block_style > li {
		padding-right: 2em;
		font-size: 1.2em;
		line-height: 2em;
	}
	ul.inline > li {
		display: inline-block;
		padding-right: 1.5em;
		padding-left: 0.5em;
		font-size: 1.2em;
		line-height: 2em;

	}
		ul.inline > li > a, ul.block_style > li > a {
			text-decoration: none;
		}
			ul.inline > li > a:hover, ul.block_style > li > a:hover {
				text-decoration: underline;
			}
			ul.inline > li > a:active, ul.block_style > li > a:active {
				color: #000;
			}
				
/* --------------------------------------------- Footer */
footer {
	color: white;
	font-size: 12px;
	text-align: left;
	margin: 1em 0 100px 0;
	line-height: 2em;
}
footer a {
	color: white;
	cursor: pointer;
	padding: 0 0.5em;
	text-decoration: underline;
}
footer span {
	padding: 0 0 0 0.5em;
}
		
		
/* --------------------------------------------- Tables */

.overflow-container{
	position: relative;
	width:100%;
	z-index: 1;
	overflow-x: auto;
	height: 100%;
	margin-bottom: 1em; /* 3em Required so that vertical scroll bar does not show*/
}

.qh-tabs-overflow-container{
	position: relative;
	width:100%;
	z-index: 1;
	overflow-x: auto;
	overflow-y: hidden;
	height: 100%;
}

table {
	border-left: solid black 1px;
	border-right: solid black 1px;
	border-collapse: separate;
	border-spacing: 0;
	font-size: 1.2em;
	width: 99.8%; /*This ensure that the rounded table looks better on mobile*/
	margin-left: auto;
	margin-right: auto;
}

table#ch_stats{
	margin-bottom: 10em;
}

/*
table#ch_stats, table.draft_team_tbl, table.draft_tbl, table.draft-summary-tbl{
	border-bottom: solid black 2px;
}
*/



table td{
	padding: 10px 7px; /*7px 5px 7px 10px;*/
}

/*
tr.orange > th > a{
	padding: 10px; 
}
*/

/*
2023-10-30: CAN'T MAKE THIS WORK SO THAT IT WOULD LOOK GOOD ON ALL TABLES
tr.orange > th > a:hover{
	background-color: #e5841d;
}
*/

table.draft-summary-tbl, #gsc-iw-id1>table, table#r_withstats, table#p_withstats {
	margin-bottom: 0;
}

tr.odd_lr td, tr.even_lr td, tr.odd_lr th, tr.even_lr th, tr.lastrow td, tr.lastrow th{
	border-bottom: solid 2px black;
}

tr.firstrow td, tr.firstrow th{
	border-top: solid 2px black;
}

tr.onlyrow td, tr.onlyrow th{
	border-top: solid 2px black;
	border-bottom: solid 2px black;
}

/*
th.ps_pos, th.ps_season{
	padding: 10px;
}
*/


/*
tr.orange > th.ps_pos:hover, tr.orange > th.ps_season:hover{
	background-color:initial;
}
*/

tr.odd {background-color: white; height:35px;}
th.odd {background-color: white; font-weight:normal; vertical-align: middle;}

tr.even {background-color: #f4f1f1; height:35px;}
th.even {background-color: #f4f1f1; font-weight:normal; vertical-align: middle;}

tr.odd_lr {background-color: white; height:35px;}
tr.even_lr {background-color: #f4f1f1; height:35px;}
tr.totalsrow {background-color: #f4f3f0; font-weight: bold; height:35px;}
tr.lastrow {background-color: #f4f3f0; border-bottom: solid 0.5px black; font-weight: bold; height:35px;}
tr.no-data-row, th.no-data-row {background-color:#d0cbcb;}

table.age-cat-table{
	border-collapse:collapse;
	margin-bottom: 3em;
}
tr.even_green{
	background-color: #E8EFE7;
    border-bottom: solid 1px #BBCFB9;
    border-right: solid 1px #BBCFB9;
    border-left: solid 1px #BBCFB9;
}

tr.odd_green{
	background-color: white;
    border-bottom: solid 1px #BBCFB9;
    border-right: solid 1px #BBCFB9;
    border-left: solid 1px #BBCFB9;
}

th.cat-header-green{
	color: white;
    background-color: #8FB08C;
    border-bottom: solid 2px #BBCFB9;
    border-right: solid 1px #BBCFB9;
    border-left: solid 1px #BBCFB9;
    border-top: solid 1px #BBCFB9;
	font-size: 1.4em;
	font-weight:100;
}

tr.even_red{
	background-color: #F0E6E2;
    border-bottom: solid 1px #D4B5AA;
    border-right: solid 1px #D4B5AA;
    border-left: solid 1px #D4B5AA;
}

tr.odd_red{
	background-color: white;
    border-bottom: solid 1px #D4B5AA;
    border-right: solid 1px #D4B5AA;
    border-left: solid 1px #D4B5AA;
}

th.cat-header-red{
	color: white;
    background-color: #B88472;
    border-bottom: solid 2px #D4B5AA;
    border-right: solid 1px #D4B5AA;
    border-left: solid 1px #D4B5AA;
    border-top: solid 1px #D4B5AA;
	font-size: 1.4em;
	font-weight:100;
}

tr.even_blue{
	background-color: #E2E7F4;
    border-bottom: solid 1px #AAB8DE;
    border-right: solid 1px #AAB8DE;
    border-left: solid 1px #AAB8DE;
}

tr.odd_blue{
	background-color: white;
    border-bottom: solid 1px #AAB8DE;
    border-right: solid 1px #AAB8DE;
    border-left: solid 1px #AAB8DE;
}

th.cat-header-blue{
	color: white;
    background-color: #738AC8;
    border-bottom: solid 2px #AAB8DE;
    border-right: solid 1px #AAB8DE;
    border-left: solid 1px #AAB8DE;
    border-top: solid 1px #AAB8DE;
	font-size: 1.4em;
	font-weight:100;
}

td {
	padding: 10px 7px; /*7px 5px 7px 10px;*/
	text-align: right;
	vertical-align: middle;
}

	td.tbl-vertical-section, th.tbl-vertical-section{border-left: solid black 0.5px; padding-right: 0.5em}
	td.alignleft {text-align: left}
	td.aligncenter {text-align: center; padding:0}
	td.aligncenterLP {text-align: center; padding:0 0 0 10px}
	th.aligncenter {text-align: center}
	th.alignRight	{text-align: right}
	/*
	th:last-child {padding-right: 0.5em}
	td:last-child {padding-right: 0.5em}
	*/

th {
	text-align: left;
	font-weight: bold;
	vertical-align: middle;
	padding: 10px 7px; /*7px 5px 7px 10px;*/
}

/*Background for fixed column*/
th.totalsrow {
	background-color: #f4f3f0;
	vertical-align: middle;
}

th.totalsrow > a {
	color: #044ac0;
}

td.trn-country{
	max-width:200px;
	min-width:150px;
	line-height: 1.5;
}

.sort-column, th.sort-column, td.sort-column{
	text-align: center;
	font-weight: bold;
	color: black;
	background-color: #f4fa8f;
	border-left: black solid thin;
	border-right: black solid thin;
	padding: 7px 10px 7px 10px;
}

th.sort-column-left, td.sort-column-left{
	text-align: left;
	font-weight: bold;
	color: black;
	background-color: #f4fa8f;
	border-left: black solid thin;
	border-right: black solid thin;
	padding: 7px 10px 7px 10px;
}

/*####################################################################################*/
/*####################################################################################*/

/*Fixed columns*/
table tbody th:first-child, table thead th.fixed_column_1 {
	/*position: -webkit-sticky;*/
	position: sticky;
	left: 0;
	z-index: 2;
	min-width: 32px; 
	max-width: 32px;
	padding: 8px 7px; /*2025-06-30*/ 
}
table tbody th:nth-child(2), table thead th.fixed_column_2 {
	/*position: -webkit-sticky;*/
	position: sticky;
	left: 32px; 
	z-index: 2;
	border-left: none;
	min-width: 32px;
	max-width: 32px;
	padding: 10px 7px; 
}

table tbody th:nth-child(3), table thead th.fixed_column_3 {
	/*position: -webkit-sticky;*/
	position: sticky;
	left: 64px; 
	z-index: 2;
	border-left: none;
	padding: 10px 7px;
	min-width:86px; /*2025-06-30: This ensures that the share button is not placed underneath the export button*/
}

/*Squeeze fixed colums for mobile devices*/
@media screen and (max-width: 768px) {
	table tbody th:first-child, table thead th.fixed_column_1 {
		min-width: 30px; 
		max-width: 30px;
		padding: 10px 5px; 
	}
	table tbody th:nth-child(2), table thead th.fixed_column_2 {
		left: 30px; 
		min-width: 20px;
		max-width: 20px;
		padding: 10px 0; 
	}

	table tbody th:nth-child(3), table thead th.fixed_column_3 {
		left: 50px; 
		z-index: 2;
		padding: 10px 5px; 
	}

	/*For player profiles team fixed column*/
	table tbody th.profile_team_fixed_column, table tbody th.profile_trn_team_fixed_column{
		padding-right:10px;
	}


}

/*For search results page*/
table th.searched-name{
	/*position: -webkit-sticky;*/
	position: sticky;
	left: 30px;
	z-index: 2;
	min-width: 150px;
}

/*For teams -category pages*/
table tbody th.cat-team, table thead th.cat-team {
	/*position: -webkit-sticky;*/
	position: sticky;
	left: 32px;
	z-index: 2;
	border-left: none;
	min-width: 180px;
}

/*For leagues -category page*/
table tbody th.cat-league, table thead th.cat-league {
	/*position: -webkit-sticky;*/
	position: sticky;
	left: 0px;
	z-index: 2;
	border-left: none;
	min-width: 150px;
	font-weight: 700;
}


/*For team game logs and player profile game logs*/
table tbody th.game-date, table thead th.game_date {
	/*position: -webkit-sticky;*/
	position: sticky;
	left: 32px;
	z-index: 2;
	border-left: none;
	min-width: 78px;
}

/*For team game logs*/
table tbody th.team-name, table thead th.ps_opponent.fixed_column_3 {
	/*position: -webkit-sticky;*/
	position: sticky;
	left: 110px;
	z-index: 2;
	border-left: none;
}




/*For nationality and team draft pages, nhl profile comparison tables, alphabetical player list tables, team roster tables as well as NHL standings tables*/
table tbody th.fixed_column_draft_2, table thead th.fixed_column_draft_2 {
	/*position: -webkit-sticky;*/
	position: sticky;
	left: 32px;
	z-index: 2;
	border-left: none;
	min-width: none;
	max-width: none;
}

/*For draft summary table*/
table tbody th.fixed_column_draft_summary_1, table thead th.fixed_column_draft_summary_1{
	/*position: -webkit-sticky;*/
	position: sticky;
	left: 0;
	z-index: 2;
	border-left: none;
	min-width: 80px;
	max-width: 80px;
}

/*last games table in player profiles*/
table tbody th.fixed_column_last_games_1, table thead th.fixed_column_last_games_1 {
	/*position: -webkit-sticky;*/
	position: sticky;
	left: 0;
	z-index: 2;
	border-left: none;
	min-width: 100px;
	max-width: 100px;
}

/*For last games table in player profiles*/
table tbody th.fixed_column_last_games_2, table thead th.fixed_column_last_games_2 {
	/*position: -webkit-sticky;*/
	position: sticky;
	left: 100px;
	z-index: 2;
	border-left: none;
	min-width: 100px;
	max-width: 100px;
}

/*For schedules table in player profiles*/
table tbody th.fixed_column_schedules_1, table thead th.fixed_column_schedules_1 {
	/*position: -webkit-sticky;*/
	position: sticky;
	left: 0;
	z-index: 2;
	border-left: none;
	min-width: 50px;
	max-width: 50px;
}

/*For schedules table in player profiles*/
table tbody th.fixed_column_schedules_2, table thead th.fixed_column_schedules_2 {
	/*position: -webkit-sticky;*/
	position: sticky;
	left: 50px;
	z-index: 2;
	border-left: none;
	min-width: 100px;
	max-width: 100px;
}

/*For draft summary table and last games table in player profiles*/
table tbody th.fixed_column_draft_summary_1, table thead th.fixed_column_draft_summary_1 {
	/*position: -webkit-sticky;*/
	position: sticky;
	left: 0;
	z-index: 2;
	border-left: none;
	min-width: 80px;
	max-width: 80px;
}

/*For draft team summary table*/
table tbody th.fixed_column_team_summary_draft_2, table thead th.fixed_column_team_summary_draft_2 {
	/*position: -webkit-sticky;*/
	position: sticky;
	left: 32px;
	z-index: 2;
	border-left: none;
	min-width: 150px;
	max-width: 150px;
}

/*For player profiles team fixed column*/
table tbody th.profile_team_fixed_column, table tbody th.profile_trn_team_fixed_column{
	min-width: 0;
	max-width: none;
	line-height: 1.5;
}

/*For tournament lists*/
table tbody th.trn_fixed_column_1, table thead th.trn_fixed_column_1{
	position: sticky;
	min-width: 0;
	max-width: none;
	left: 0;
	line-height: 1.5;
	padding-right:5px;
}


table tbody th.profile_team_fixed_column, table thead th.profile_team_fixed_column{
	/*position: -webkit-sticky;*/
	position: sticky;
	z-index: 2;
	left: 60px;
}

/*For player profiles season/year fixed column*/
table tbody th.profile_season_fixed_column, table thead th.profile_season_fixed_column{
	/*position: -webkit-sticky;*/
	position: sticky;
	left: 0;
	z-index: 2;
	/*border-left: none;*/
	min-width: 60px;
	max-width: 60px;
}

h2.fixed-standings-heading{
	/*position: -webkit-sticky;*/
	position: sticky;
	left: 0;
	z-index: 2;
	padding-left:0.5em;
	font-size:1.8em;
}

thead th:first-child, tfoot th:first-child {
	z-index: 5;
}

/*####################################################################################*/
/*####################################################################################*/


tr.draft-summary th{
	padding-top: 0.2em;
	padding-bottom: 0.2em;
	vertical-align:bottom;
}

.draft-summary-tbl tr td:nth-child(3), .draft-summary-tbl tr td:nth-child(6), .dst_gp, .dst_goalie {padding-right: 0.5em;}
	
	th a{
		color: inherit;
		text-decoration: underline;
	}
	td a {
		color: inherit;
		/*text-decoration: none;*/
	}
		th a:hover, td a:hover {
			text-decoration: underline;
		}
	
	tr.blue, tr.orange, tr.green {
		color: #fff;
	}
	tr.blue, th.blue {
		background: linear-gradient(to top, rgb(5,112,139) 0%, rgb(77,185,212) 100%);
		background-color: rgb(77,185,212);
		height: 35px;
	}
	tr.orange, th.orange {
		background: linear-gradient(to top, rgb(167,79,2) 0%, rgb(210,123,46) 100%);
		background-color: rgb(210,123,46);
		height: 35px;
	}
	tr.yellow, th.yellow  {
		color: black;
		background: linear-gradient(to top, #F9FF03 0%, #FDC206 100%);
		background-color: #f4eb3e;
		height: 35px;
	}
	tr.green, th.green {
		background: linear-gradient(to top, rgb(104,146,20) 0%, rgb(143,185,59) 100%);
		background-color: rgb(143,185,59);
		height: 35px;
	}


/*Login*/

fieldset {
    border: none;
}


/* --------------------------------------------- Input, select */


select {

  /* styling */
  background-color: white;
  /*border: thin solid blue;*/
  display: inline-block;
  line-height: 1.5em;
  padding: 0.5em 3.5em 0.5em 1em;
  border-radius: 3px;

  /* reset */

  margin: 0;      
  
  /*-webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;*/
  box-sizing: border-box;
  appearance: none;
  /*-moz-appearance: none;*/
}

select.qh-select {
  float: none;
  width: auto;
  max-width: 170px;
  margin: 0.7em 1em 0.7em 0;
  background-image:
    linear-gradient(45deg, transparent 50%, #bfdff6 50%),
    linear-gradient(135deg, #bfdff6 50%, transparent 50%),
    linear-gradient(to right, black, black);
  background-position:
    calc(100% - 15px) calc(1em + 2px),
    calc(100% - 11px) calc(1em + 2px),
    100% 0;
  background-size:
    5px 5px,
    5px 5px,
    2.5em 100%;
  background-repeat: no-repeat;
  border: black solid thin;
}

select.qh-select-squeezed{
	margin: 0.7em 0.3em 0.7em 0.3em;
	padding: 0.5em 3em 0.5em 0.5em;
}

#rt-filter{
	max-width: none;
}

#team-filter.mod-team-draft, #team-draft-view-filter{
	visibility : visible;
	display : inline-block;
	max-width : 45%;
}


input, textarea{
	padding: 0.7em 1em;
}


section select {
	width: 10%;
	float: right;
	margin-bottom: 1em;
}


select#leagues{
	width: 100px;
	float:left;
	color: black;
	font-size: 14px;
	height: 36px;
}
select#team-measures{
	width: 40%;
	float:left;
	height: 2.5em;
	margin: 1.5em 0 1.5em 1.5em; 
}


#search_div{
	position:relative;
	width: 100%; 
	margin: 0 0 1em 0; 
}
#player_search{
	display: block; 
	width: calc(100% - 45px); 
	float: left;
	height: 36px;
	border-radius: 0;
	border-width: thin;
}

::-webkit-input-placeholder {
    font-size: 14px;
	color: #5b5959;
}

#magnifier, #magnifier2{
    background: linear-gradient(to bottom, #5c5d5c 10%, #0e0e0e 100%);
    height:36px;
	width:45px; /*2022-04-27*/
	border-radius: 0;
}

.search2_div {
	position: relative;
	width: 100%;
	margin: 2em 0 0 1em;
	padding-top: 2em;
}


#player_search2{
	float: left;
	width: calc(100% - 1em - 100px - 15px - 50px - 1em); 
	margin-left: 15px;
	height: 36px;
}


#PlayerSearchResults{
	position: absolute;
	z-index: 100;
	width: calc(100% - 45px);
	margin: -2px 0 0 0;
	background-color: #f3f3f3;
	display: none;
	border: solid 1px black;
	text-align:left;
}

#PlayerSearchResults2{
	position: absolute;
	z-index: 100;
	width: calc(100% - 1em - 100px - 22px - 50px - 1em); 
	margin: -2px 0 0 calc(1em + 100px + 5px);
	background-color: #f3f3f3;
	display: none;
	border: solid 1px black;
	text-align:left;
}

/*Google Custom Search Engine (GSE) results area*/
#qh-search-results{
	min-height:40em;
	width: 99%;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 1em;
	border: 1px solid black
	/*background-color: white;*/
}

#qh-search-box{
	width: 100%;
	margin: auto;
}


#PlayerSearchResults ul li, #PlayerSearchResults2 ul li{
	margin: 0;
	padding: 0.2em 0 0.2em 0.5em;
}

#PlayerSearchResults ul li a, #PlayerSearchResults2 ul li a{
	margin: 0;
	display: block;
	float: right;
    width: calc(100% - 20px);
	padding: -0.4em 0 0 0;
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

#PlayerSearchResults ul li img, #PlayerSearchResults2 ul li img{
	vertical-align: -10%;
}

/*#PlayerSearchResultsMobile ul li:hover, excluded from list below on 28.10.2018*/
#PlayerSearchResults ul li:hover, #PlayerSearchResults2 ul li:hover{
	font-weight: bold;
	background-color: #ffcc00;
	border: 1px solid #d8760a;
	color: #00f;

}
#PlayerSearchResults ul li a:visited, #PlayerSearchResults2 ul li a:visited,
#PlayerSearchResults ul li a:hover, #PlayerSearchResults2 ul li a:hover{
	color: #00f;
	text-decoration: none;
}

/*Removes the border around link when it has focus by moving to it using TAB-key*/
#PlayerSearchResults ul li a:focus, #PlayerSearchResults2 ul li a:focus{
	outline:0;
}

/*Auto-complete highlight*/
.ac_hl{
	font-weight: bold;
	background-color: #ffcc00;
	border: 1px solid #d8760a;
}


/*********************************************************************************** Media queries*/
/*--------------------------------------------- Over 1920 px (remove puck shadow)*/
@media only screen and (min-width: 1920px){
	body {
		background-color:black;
		font-family: Helvetica, Arial, sans-serif;
	}
}

/*--------------------------------------------- Below 1200 px (mainly for 768px)*/

@media only screen and (max-width: 1024px){
	#qh-horizontal-scroll-wrapper, .horizontal-scroll {display:none; visibility:hidden}
}

@media only screen and (max-width: 1200px){
	
	/*--------------------------------------------- Mobile menu*/
	#league-menu aside, #subnav, #standings-season-filter{display:none; visibility:hidden} /*#league-menu, 2024-08-28*/
	
	.div-left{
		float: none; 
		width: 100%; 
		text-align: center;
	}
	ul.alphabets{
		width: 98%;
	}
	ul.alphabets>li{
		width: 100%;
	}
	ul.alphabets>li:not(.mm-divider):after, ul.inline.seasons>li:not(.mm-divider):after{
		border: none;
	}
	ul.alphabets>li>span, ul.alphabets>li>a{
		display: inline;
		font-size: 20px;
	    font-family: monospace;
	}

	/*--------------------------------------------- Mobile menu*/

	
	div#container {
		width: 100%; /*2022-09-18*/
		/*width: 76em;*/
	}
	
	section {
		width: 100%;
	}

	/*2025-02-28*/
	/*Required for horizontal scrolling on mobile*/
	/*Can't be used on desktop, because summary-details construct would not align nicely*/
	div.related-links{
		display:flex;
	}

	#column-picker, #column-picker-team-game-by-game, #column-picker-season-game-by-game, #column-picker-standings, #column-picker-cat-seasons , #column-picker-cat-teams, #column-picker-cat-team-seasons, #column-picker-cat-season-teams, #column-picker-game-log{display:none; visibility:hidden}	
	

	section article {
	margin: 0 3%;
	width: 43%;
	padding: 3% 0;
	border-bottom: 1px solid #cecece;
	/*-moz-box-shadow: 0 1px 0 #fff;
	-webkit-box-shadow: 0 1px 0 #fff;*/
	box-shadow: 0 1px 0 #f7f7f7;
	float: left;
	}
	section.background {
		margin: 0 0 1em 0;
		padding: 0;
	}
	
	section > p{
		font-size: 1.3em;
		line-height: 1.5em;
		margin-bottom: 1em;
		margin-top: 1em;
		padding-left: 1em;
		padding-right: 1em;
	}
	
	
	#content aside {
		margin-top: 2em;
	}
	
	/*
	section {
		width: 70%;
	}
	*/
	
	footer {text-align: center;}
	
}

/* --------------------------------------------- Below 780px (mainly for 640 and 667px) */
@media only screen and (max-width: 730px) and (min-width: 640px) {
	
	#nationality-category-chart{
		height: 450px;
	}
	
	
	div#container {
		width: 100%; /*2022-09-18*/
		/*width: 66em;*/
	}

	/*
	div.overflow-container{
		margin-bottom: 3em;
	}
	*/

	select#team-measures{
		width: 48%;
		margin: 1.5em 0 1.5em 1.5em; 
	}
	.team-champ{
		font-size: 1.6em;
	}
	.draft-venue{
		font-size: 1.6em;
		margin-left: 0;
	}
	.footnote{
		font-size: 0.7em;
		margin: 0 0 0 1em;
	}
	
	section > p{
		font-size: 1.3em;
		line-height: 1.5em;
		margin-bottom: 1em;
		margin-top: 1em;
		width: 90%;
		margin-left: 4%;
		padding: 0;
	}
	section > form > p{
		margin-bottom: 0.2em;
	}
	section article {
		width: 90%;
		margin-left: 4%;
	}
	section select {
		width: 100%;
	}

	table.ss {
		font-size: 12px;
		width: 100%;
		float: none;
		margin-bottom: 1em;
	}

	div.profile_chart, div.profile_chart_hp {
		float: left;
		width: 98%;
		height: 275px;
		margin-left: 1%;
		margin-bottom: 2em;
	}
	div.profile_map {
		/*float: left;
		width: 98%;*/
		height: 600px;
		/*border-left: solid black 1px;
		border-right: solid black 1px */
		/*margin-left: 1.25%;
		margin-bottom: 2em;*/
	}

	
	#column-picker, #column-picker-team-game-by-game, #column-picker-season-game-by-game, #column-picker-standings, #column-picker-cat-seasons , #column-picker-cat-teams, #column-picker-cat-team-seasons, #column-picker-cat-season-teams, #column-picker-game-log, .horizontal-scroll{display:none; visibility:hidden;}

	
	/*Player Profiles Championships*/
	#ch_stats tr td:nth-child(6)					{display:none; visibility:hidden;}
	#ch_stats tr th:nth-child(6)					{display:none; visibility:hidden;}
	
}

/* --------------------------------------------- Below 640px (mainly for 480px) */
@media only screen and (max-width: 639px) and (min-width: 381px) {
	
	#nationality-category-chart{
		height: 420px;
	}
	
	div#container {
		width: 100%; /*2022-09-18*/
	}

	/*
	div.overflow-container{
		margin-bottom: 3em;
	}
	*/

	h1.stats-title, h2.stats-title{
		font-size: 1.8em;
	}
	

	.team-champ{
		font-size: 1.6em;
	}
	.draft-venue{
		font-size: 1.6em;
		margin-left: 0;
	}
	select#team-measures{
		width: 48%;
		margin: 1.5em 0 1.5em 1.5em; 
	}

	
	section > p{
		font-size: 1.3em;
		line-height: 1.5em;
		margin-bottom: 1em;
		margin-top: 1em;
		width: 90%;
		margin-left: 4%;
		padding: 0;
	}
	section > form > p{
		margin-bottom: 0.2em;
	}
	section article {
		width: 90%;
		margin-left: 4%;
	}
		section select {
			width: 100%;
		}
	
	table.ss {
		font-size: 12px;
		width: 100%;
		float: none;
		margin-bottom: 1em;
	}

	.search2_div{
		margin-left: 1%;
	}

	#player_search2 {
		width: calc(100% - 1em - 100px - 15px - 46px);
	}

	#PlayerSearchResults2{
		width: calc(100% - 1em - 100px - 14px); /*width: 100%; 28.10.2018*/
	}

	#pc_container{
		width: 98%;
		margin-left: 1%;
	}

	div.profile_chart, div.profile_chart_hp {
		width: 98%;
		margin-left: 1%;
	}

	
	#column-picker, #column-picker-team-game-by-game, #column-picker-season-game-by-game, #column-picker-standings, #column-picker-cat-seasons , #column-picker-cat-teams, #column-picker-cat-team-seasons, #column-picker-cat-season-teams, #column-picker-game-log, .horizontal-scroll{display:none; visibility:hidden;}
	
	
	/*Player Profiles Championships*/
	#ch_stats tr td:nth-child(6)					{display:none; visibility:hidden;}
	#ch_stats tr th:nth-child(6)					{display:none; visibility:hidden;}
	
}

/* --------------------------------------------- Below 380px width (mainly for 360px and 375) */
@media only screen and (max-width: 380px) and (min-width: 359px) {
	
	#nationality-category-chart{
		height: 380px;
	}

	div#container {
		width: 100%; /*2022-09-18*/
		/*width: 37em;*/
	}
	table#ch_stats{
		width: 100%;
	}

	/*
	div.overflow-container{
		margin-bottom: 4em;
	}
	*/

	
	/******************************************************************************/
	
	h1.stats-title, h2.stats-title{
		font-size: 1.8em;
	}
	
	div#content {
		margin: 0;
		padding: 0.5em 0 0 0 /*2022-04-27*/
		/*padding: 1em 0 0 0;*/ /*2022-04-27*/
	}
	section {
		width: 100%;
		margin: 0;
	}
	
	.search2_div{
		margin-left: 1%;
	}

	select#leagues{
		width: 70px;
	}

	#player_search2{
		margin-left: 0;
		width: calc(100% - 1em - 70px - 40px - 7px);
	}

	#PlayerSearchResults2{
		width: calc(100% - 1em - 70px - 11px); /*width: 100%; 28.10.2018*/
		margin: -2px 0 0 calc(1em + 70px + 3px);
	}

	select#team-measures{
		width: 80%;
		margin: 1.5em 0 1.5em 1.5em; 
	}
	.team-champ{
		font-size: 1.6em;
	}
	.draft-venue{
		font-size: 1.6em;
		margin-left: 0;
	}
	

		section > p{
			font-size: 1.2em;
			line-height: 1.5em;
			margin-bottom: 1em;
			margin-top: 1em;
			width: 90%;
			padding: 0;
			margin-left: 4%;
		}
		section > form > p{
			font-size: 0.9em;
			margin-bottom: 0.2em;
		}
		section article {
			width: 90%;
			margin-left: 4%;
		}
		section article li a {
			font-size: 1.5em;
		}
		section h1, section h2 {
			padding-left: 1em;
			padding-right: 1em;
			font-size: 1.5em;
		}

	
		section select {
			width: 90%;
			margin-right: 1em;
		}
		
	


	table {
		font-size: 12px; 
		margin: 0 auto;
		margin-bottom: 2em;
	}
	table.ss {
		font-size: 12px;
		float: none;
		margin-bottom: 1em;
	}
	

	.hl_team {font-weight: bold; color:#000000}

	
	#pc_container{
		width: 98%;
		margin-left: 1%;
	}

	div.profile_chart, div.profile_chart_hp {
		width: 98%;
		margin-left: 1%;
	}

	#column-picker, #column-picker-team-game-by-game, #column-picker-season-game-by-game, #column-picker-standings, #column-picker-cat-seasons , #column-picker-cat-teams, #column-picker-cat-team-seasons, #column-picker-cat-season-teams, #column-picker-game-log, .horizontal-scroll{display:none; visibility:hidden;}
	

	/*Player Profiles Championships*/
	#ch_stats tr td:nth-child(6)					{display:none; visibility:hidden;}
	#ch_stats tr th:nth-child(6)					{display:none; visibility:hidden;}
	
}

/* --------------------------------------------- Below 358px width (mainly for 320px) */
@media only screen and (max-width: 358px) {
	
	#nationality-category-chart{
		height: 380px;
	}

	div#container {
		width: 100%; /*2022-09-18*/
		/*width: 32em;*/
	}
	table#ch_stats{
		width: 100%;
	}
	/*
	div.overflow-container{
		margin-bottom: 4em;
	}
	*/
	

	/******************************************************************************/
	
	h1.stats-title, h2.stats-title{
		font-size: 1.8em;
	}
	
	div#content {
		margin: 0;
		padding: 0.5em 0 0 0 /*2022-04-27*/
		/*padding: 1em 0 0 0;*/ /*2022-04-27*/
	}
	section {
		width: 100%;
		margin: 0;
	}

	.search2_div{
		margin-left: 1%;
	}

	select#leagues{
		width: 70px;
	}

	#player_search2{
		margin-left: 0;
		width: calc(100% - 1em - 70px - 35px - 7px);
	}

	#PlayerSearchResults2{
		width: calc(100% - 1em - 70px - 11px); /*width: 100%; 28.10.2018*/
		margin: -2px 0 0 calc(1em + 70px + 3px);
	}

	select#team-measures{
		width: 80%;
		margin: 1.5em 0 1.5em 1.5em; 
	}
	.team-champ{
		font-size: 1.6em;
	}
	.draft-venue{
		font-size: 1.6em;
		margin-left: 0;
	}
	

	section > p{
		font-size: 1.2em;
		line-height: 1.5em;
		margin-bottom: 1em;
		margin-top: 1em;
		width: 90%;
		padding: 0;
		margin-left: 4%;
	}
	section > form > p{
		font-size: 0.9em;
		margin-bottom: 0.2em;
	}
	section article {
		width: 90%;
		margin-left: 4%;
	}
	section article li a {
		font-size: 1.1em;
	}
	section h1, section h2 {
		padding-left: 1em;
		padding-right: 1em;
		font-size: 1.7em;
	}

	/*
	section h2.pp_h2 {
		margin-bottom: 0.5em;
	}
	*/

	section select {
		width: 90%;
		margin-right: 1em;
	}
	
	table {
		font-size: 12px;
		margin: 0 auto;
		margin-bottom: 2em;
	}
	table.ss {
		font-size: 12px;
		float: none;
		margin-bottom: 1em;
	}
	

	.hl_team {font-weight: bold; color:#000000}

	
	#pc_container{
		width: 98%;
		margin-left: 1%;
	}

	div.profile_chart, div.profile_chart_hp {
		width: 98%;
		margin-left: 1%;
	}

	

	#column-picker, #column-picker-team-game-by-game, #column-picker-season-game-by-game, #column-picker-standings, #column-picker-cat-seasons , #column-picker-cat-teams, #column-picker-cat-team-seasons, #column-picker-cat-season-teams, #column-picker-game-log, .horizontal-scroll{display:none; visibility:hidden;}
	

	/*Player Profiles Championships*/
	#ch_stats tr td:nth-child(6)					{display:none; visibility:hidden;}
	#ch_stats tr th:nth-child(6)					{display:none; visibility:hidden;}
	

}

/***************************************************/
/*Freestar CMP*/

#pmLink {        
	visibility: hidden;
	cursor: pointer;
	background: transparent;
	color: white;
	border: none;
	text-decoration: underline;
}

#pmLink:hover {        
	visibility: visible;
	color: white;
}

/***************************************************/