* { 
  font-family: Arial; 
  font-size: 16px;
}

html{
  height: 100%;
  margin:0;
  padding:0;

}

body{
  background-color:#253647;
	margin: 0px;
	padding: 0px;
  width: 100%;
  height: 100%;
}
h1, h2, h3, h4, h5, h6{ margin: 0px; }
img { border: none; }

a{
	text-decoration: none;
}
/******************************** Custom Classes ***************************/
.ad{
  clear: both;
  padding: 25px 0px 25px 0px;
  text-align: center !important;  
}
.row {
  border: 0 none;
  clear: both;
  margin: 0;
  padding: 0;
  position: relative;
  overflow: hidden;  
}

.fright {
  float: right !important;
}

.fleft {
  float: left !important;
}
.aleft{
  text-align: left !important;
}
.aright{
  text-align: right !important;
}
.acenter{
  text-align: center !important;
}
.clear{
	clear: both;
}
.center{
  text-align: center !important;
}
.hide{
  display: none;
}
.container{
  width: 100%; 
  text-align: center;
}
.container_box{
  width: 100%; 
  text-align: center;
  padding: 0px 25px 0px 25px;
  box-sizing: border-box;
  min-width: 360px;
}
.center_div{
  display: inline-block; 
  margin: 0 auto;
}
.upper{
  text-transform: uppercase !important;
}
.lower{
  text-transform: lowercase !important;
}
.capitalize{
  text-transform: capitalize;
}
.inline{
  display: inline-block;
}
#missing_card{
  padding: 20px;
}

#missing_card a{
  font-size: 20px;
  color: #FFF; 
  text-transform: uppercase;
}
#missing_card a:hover{
  color: #659dd5; 
}
/******************************** Edit Classes ***********************************************/


.delete-row{
  color: #d8000c;
}
.edit-row{
  color: #4f8a10;
}
.delete-row{
  color: #d8000c;
}
.edit-row{
  color: #4f8a10;
}
.nowrap{
  white-space:nowrap;
}
.response_success{
  color: #000;
  padding: 10px;
  border: solid 1px #FFF;
  background-color: #4CAF50;
  width: 680px;
  margin: 0 auto 20px;
  text-align: center;
  margin-top: 10px;
}
.response_success a{
  font-weight: bold;
  color: #4F8A10;
}

.response_error{
  color: #D8000C;
  padding: 10px;
  border: solid 1px #D8000C;
  background-color: #FFBABA;
  width: 680px;
  margin: 0 auto 20px;
  text-align: center;
  margin-top: 10px;
}

.response_error a{
  font-weight: bold;
  color: #4F8A10;
}


#page_title{
  font-size: 30px;
  background-color: #112841;
  padding: 20px 10px 20px 20px;
  text-transform: uppercase;
  color: #659dd5;
  box-sizing: border-box;  
  text-align: center;
}
#page_title a{
  color: #FFF;
  font-size: 30px;
}
#page_title a:hover{
  color: #659dd5;
}
#copy_clipboard{
  color: #FFF;
}


#copy_clipboard .clipcopy{
  background-color: #0c1a29;
  color: #FFF;
  padding: 20px;
  border: none;
  text-transform: uppercase;
  cursor: pointer;
  margin-top: 10px;
  border-radius: 10px;
  font-size: 20px;
}
#copy_clipboard .clipcopy:hover{
  background-color: #112841;  
}
#copy_clipboard .clipcopy_text{
  padding: 10px 0px 20px 0px;
  font-size: 20px; 
  max-width: 700px;
}
.feather_confirm {
  color: #FFF;

}
.feather_confirm div{
  padding: 10px 0px 20px 0px;
  font-size: 20px;  
}

.feather_confirm .button{
  background-color: #0c1a29;
  color: #FFF;
  padding: 20px;
  border: none;
  text-transform: uppercase;
  cursor: pointer;
  margin-top: 10px;
  border-radius: 10px;
  font-size: 20px;
  margin-left: 20px;
}
.feather_confirm .button:hover{
  background-color: #112841;  
}
/*********************************Script Changes********************************************************************/
.featherlight .featherlight-close-icon{
  font-size: 40px;
  padding-right: 50px !important;
  padding-top: 15px !important; 
}
/******************************** Site Start **********************************************************/

.page_contrainer{
  xmax-width: 1280px;
  min-width: 350px;
  width: 100%;
  margin: auto;
  position: relative;
}

.page_wrapper_nav{
  width: 100%;
  background-color: #0c1a29;
}
.page_wrapper_black{
  background-color: #000;
}

/*  Nav Section  ****************************************************************************************/
#nav{
  display: none;
	width: 100%;
  display: inline-block;
  background-color: #0c1a29;
  border-bottom: solid 1px #000;
}
#nav #settings_icon{
  width: 50px;
  height: 55px;
  background-image: url("../images/cog_white.png");
}
#nav #settings_icon:hover{
  background: #112841;
  background-image: url("../images/cog_white.png");  
  cursor: pointer;
}
#nav #logo{
  float: left;
  width: 40px;
  height: 40px;
  padding: 7px 5px 5px 5px;
}  
#nav_header #search{
  margin-top: 20px;
}  

 /* Dropdown Button */
.dropbtn, .navbtn {
  background-color: #0c1a29;
  color: #FFF;
  padding: 16px;
  font-size: 20px;
  border: none;
  text-transform: uppercase;
  cursor: pointer;
}
.dropbtn, .line_tab {
  background-color: #0c1a29;
  color: #FFF;
  padding: 15px 15px 15px 15px;
  box-sizing: border-box;
  cursor: pointer;
  color: #FFF;
  font-size: 20px;
  border: none;
  text-transform: uppercase;
  cursor: pointer;
  height: 50px; 
}
/* The container <div> - needed to position the dropdown content */
.dropdown {
  position: relative;
  display: inline-block;
}
.dropdown .drop_arrow{
  border-color: #FFF transparent transparent transparent;
  border-style: solid;
  border-width: 7px;
  float: right;
  margin-top: 9px;
  margin-left: 10px;
}
/* Dropdown Content (Hidden by Default) */
.dropdown-content {
  display: none;
  position: absolute;
  background-color: #0c1a29;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 101;
  white-space:nowrap;
  width: 100%;
}

/* Links inside the dropdown */
.dropdown-content a, .dropdown-content div {
  color: #FFF;
  padding: 12px 16px;
  text-decoration: none;
  display: block;

}

/* Change color of dropdown links on hover */
.dropdown-content a:hover, .dropdown-content div:hover  {background-color: #112841;}

/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {display: block;}

/* Change the background color of the dropdown button when the dropdown content is shown */
.dropdown:hover .dropbtn, .navbtn:hover {background-color: #112841;} 

.dropbtn:active .dropdown-content {display: none;}

#team_builder #line_tabs .team_tab{
  background-color: #0c1a29;
	width: calc(100% / 3); 
  cursor: pointer;   
  color: #FFF;  
  box-sizing: border-box;
}
#team_builder #line_tabs .team_tab:hover{
  background-color: #112841;  
}
#team_builder #line_tabs .dropdown-content{
	width: 100%;
}
#team_builder #line_tabs .team_tab .dropbtn:hover{
  background-color: #112841; 
  cursor: pointer;  
}

#team_builder #line_tabs .selected .dropbtn{
  background-color: #0b2b4d;      
  cursor: default;
}
#team_builder #line_tabs .dropdown-content div{
  font-size: 20px;
  cursor: pointer;    
}
#team_builder #line_tabs .drop_arrow{
  border-color: #FFF transparent transparent transparent;
  border-style: solid;
  border-width: 12px;
  float: right;
  margin-top: 3px;
  right: 25px;
  position: absolute;
  
}

/* Home Page **************************************************************************************/
#home{
  min-height: 430px;
  
}
#home #welcome{
  margin-top: 50px;
  margin-bottom: 50px;
  font-size: 30px;
  color: #FFF;
  
}
#home .link {
  padding: 5px;
  font-size: 20px;
}
#home .link a{
  color: #659dd5;
  font-size: 25px;  
}
#home .link a:hover{
  color: #AAA;
}
/* Cards Page **************************************************************************************/
#cards_page{
  width: 100%;
}
#cards_page #events{
  padding: 20px;
  width: 50%;
}
#cards_page #card_search #search_filter{
  display: inline-block;
  width: 900px;
  margin-bottom: 20px;
  background-color: #253647;  
  padding-bottom: 20px;
}
#cards_page #card_search #reset_filters{
  background-color: #0c1a29;
  color: #FFF;
  padding: 20px 15px 20px 15px;
  font-size: 20px;
  border: none;
  text-transform: uppercase;
  cursor: pointer;
  border-radius: 5px;  
}
#cards_page #card_search #reset_filters:hover{
  background-color: #112841;
}
#cards_page #card_search #search_title{
  width: 100%;
  background-color: #0c1a29;
  color: #FFF;
  padding: 20px 10px 20px 10px;
  font-size: 20px;
  text-transform: uppercase;
  cursor: pointer;
  background-image: url("../images/arrow_white_down_32.png");  
  background-repeat: no-repeat;
  background-size: 20px;
  background-position: 98%;
  box-sizing: border-box;
  margin-bottom: 20px;
}
#cards_page #card_search #search_title.closed {
  background-image: url("../images/arrow_white_left_32.png");  
  background-repeat: no-repeat;
  background-size: 20px;
  background-position: 98%;
}
#cards_page #card_search #search_title:hover{
  background-color: #112841;
}
#cards_page #card_search #card_search_table{
  text-align: center;
  background-color: #253647;
  overflow: hidden;
  padding: 0px 20px 20px 20px;
  width: 100%;  
}
#cards_page #card_search #card_search_table thead th{
  color: #FFF;
  font-size: 20px;
  text-transform: uppercase;
  font-weight: normal;
}
#cards_page #card_search #header{
  padding: 10px 10px 10px 10px;
  background-color: #000;
  color: #00A5FF;
  font-size: 20px;
}
#cards_page #card_search{
  padding: 20px 20px 20px 20px;    
  width: 100%;  
  box-sizing: border-box;
  background-color: #253647;
  margin: auto;
  text-align: center;
}
#cards_page #card_search .filter_select{
  width: 280px;
}
#cards_page #card_search .filter_select_syns{
  width: 280px;
}
#cards_page #card_search #player_search{
  width: 280px;  
  background-color: #32495f;
  border: 0px;
  border: solid 1px #000;
  color: #FFF;
  font-size: 18px;
  padding: 9px;
  box-sizing: border-box;
}
#cards_page #card_search .no_results{
  color: #fff;
  font-size: 18px;
}

.autocomplete-suggestion{
  font-size: 20px !important;
}
.autocomplete-suggestions strong{
  font-size: 20px !important;
}
#cards_page #card_search #other_cards{
  width: 100%;
  background-color: #000;
  padding: 10px 5px 10px 5px;
  color: #00A5FF;
  box-sizing: border-box;  
}
#cards_page #card_search #other_card_list{
  padding: 10px;
  overflow: hidden;
  text-align: center;
}

#cards_page #card_search #other_card_list .other_card_container{
  padding: 10px;
  display: inline-block;
}
#cards_page #card_search #other_card_list .other_card_art{
  width: 200px;
  height: 285px;  
  box-shadow: 0 4px 8px 0 #000, 0 1px 20px 0 #000;
  border: solid 2px #FFF;  
}
#cards_page #card_search #other_card_list .other_card_art:hover{
  box-shadow: 0 4px 8px 0 #AAA, 0 1px 20px 0 #AAA;
}
#cards_page #card_search #other_card_list .order_card_syns{
  margin-top: 5px;
  margin-bottom: 5px;  
  color: #FFF;
  width: 200px;  
}
#cards_page #card_search #other_card_list .order_card_syns img{
  border: solid 1px #FFF;  
}
#cards_page #card_search #other_card_list .order_card_syns .small span{
  font-size: 13px !important;
}
#cards_page #card_search #other_card_list .other_no_art {
  width: 200px;
  height: 285px;
  border: solid 2px #FFF;
  background-color: #333;
  color: #FFF;
  margin: 0 auto;
  background-image: url("../images/player.png");
  background-size: 200px;
  position: relative;
}
#cards_page #card_search #other_card_list .other_no_art.goalie {
  background-image: url("../images/goalie.png");
}
#cards_page #card_search #other_card_list .other_no_art .centered{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
#cards_page #card_search #other_card_list #card_paging{
  color: #FFF;
  margin-top: 20px;
}
#cards_page #card_search #other_card_list #card_paging .paginate_button{
  border: solid 1px #FFF;
  padding: 10px 15px 10px 15px;
  font-size: 20px;
  display: inline-block;  
}

#cards_page #card_search #other_card_list #card_paging .paginate_button.active:hover{
  background-color: #253647;
  cursor: pointer;
}
#cards_page #card_search #other_card_list #card_paging .paginate_button.current{
  background-color: #0c1a29;
  color: #FFF;
}
#cards_page #card_search #other_card_list #card_paging .paginate_button.current:hover{
  background-color: #0c1a29;
  color: #FFF;
}
#cards_page #card_search #other_card_list #card_paging .ellipsis{
  padding: 5px 15px 5px 15px;
}
#cards_page #card_search #other_card_list #card_paging #entry_count{
  margin-top: 20px;
  font-size: 20px;  
}
#cards_page #card_search #other_card_list #card_paging #card_paginate{
  
}

#cards_page #card_search #card_tabs{
	margin: auto;
	overflow: auto;
  width: 100%;
  color: #FFF;
}
#cards_page #card_search #card_tabs .tabs{
  background-color: #000;
  height: 50px;
	width: calc(100% / 6);
  padding: 15px 0px 10px 0px;
  box-sizing: border-box;  
  cursor: pointer;   
  color: #FFF;  
}
#cards_page #card_search #card_tabs .tabs:hover{
  background-color: #111;    
}
#cards_page #card_search #tabs .selected, #team_builder #card_tabs .selected:hover{
  background-color: #111;      
}

#team_builder #team_averages_page .line_header{
  width: 765px !important;
 
}
#team_builder #team_averages_page .lineavg_title{
  font-size: 20px !important;
  background-color: #000;
  color: #FFF;
  padding: 15px;
  position: relative;
  cursor: pointer;
}

#team_builder #team_averages_page #lineavg_filters .avg_lines{
  font-size: 20px !important;
  background-color: #0c1a29;
  color: #FFF;
  padding: 15px;
  cursor: pointer;
  box-sizing: border-box;
  border: solid 1px #FFF;
}
#team_builder #team_averages_page #lineavg_filters .avg_lines.selected{
  background-color: #112841;
}
#team_builder #team_averages_page .avg_options{
  display: none;
}
#team_builder #team_averages_page #lineavg_filters .option_position{
  font-size: 20px !important;
  background-color: #0c1a29;
  color: #FFF;
  padding: 15px;
  cursor: pointer;
  box-sizing: border-box;
  border: solid 1px #FFF;
}
#team_builder #team_averages_page #lineavg_filters .option_position.selected{
  background-color: #112841;
}
#team_builder #team_averages_page #lineavg_filters .option_position.fwd4{
	width: 60%;
}

#team_builder #team_averages_page #lineavg_filters .avg_lines.fwd4{ 
	width: calc(60% / 4);
}
#team_builder #team_averages_page #lineavg_filters .option_position.def2{
	width: 40%;
}

#team_builder #team_averages_page #lineavg_filters .avg_lines.def2{
	width: calc(40% / 3);
}




/*
#team_builder #team_averages_page #lineavg_filters .avg_lines.two, #team_builder #team_averages_page #lineavg_filters .option_position.two{
	width: calc(100% / 2);
}
#team_builder #team_averages_page #lineavg_filters .avg_lines.three{
	width: calc(100% / 3);
}
#team_builder #team_averages_page #lineavg_filters .avg_lines.four{
	width: calc(100% / 4);
}
*/
#team_builder #team_averages_page .lineavg_dropdown{
  width: 100%;
}
#team_builder #team_averages_page .lineavg_dropdown .dropdown-content div{
  cursor: pointer;
  font-size: 20px;
}


#team_builder #team_averages_page #avg_container{
  width: 765px;
  margin: auto;
  clear: both;
  padding-top: 15px;
}
#team_builder #team_averages_page .avg_section{
  text-align: center;
  display: inline-block; 
  vertical-align: text-top;  
}
#team_builder #team_averages_page table.player_stats_table{
  border-collapse: collapse;
  font-size: 18px;
  width: 100%;
}
#team_builder #team_averages_page table.player_stats_table th{
  background-color: #000;
  font-size: 18px;
  color: #FFF;  
  padding: 10px 15px 10px 15px;   
  text-transform: uppercase;  
}
#team_builder #team_averages_page table.player_stats_table tr{

}
#team_builder #team_averages_page table.player_stats_table td{
  text-align: left; 
  border: none;
  padding: 10px;  
  color: #CCC;
  font-size: 18px;  
}
#team_builder #team_averages_page table.player_stats_table .off td{  
  color: #901919 !important;
}
#team_builder #team_averages_page table.player_stats_table td.stat{
  text-align: right; 
}
#team_builder #team_averages_page table.player_stats_table tr:nth-child(even) {
  background-color: #081320;
}
#team_builder #team_averages_page table.player_stats_table tr:nth-child(odd) {
  background-color: #07172a;
}
#team_builder #team_averages_page table.player_stats_table_right{
  margin-left: 25px;
}
#team_builder #team_averages_page .lineavg_title .drop_arrow{
  border-color: #FFF transparent transparent transparent;
  border-style: solid;
  border-width: 12px;
  float: right;
  margin-top: 6px;
  right: 25px;
  position: absolute;
}
/* Sign up Page **************************************************************************************/
#signup_form_container{
  margin: 0 auto;
  padding: 50px 0px 60px 0px;
  color: #FFF;
  background-color: #253647;
  margin-top: 20px;
  margin-bottom: 20px; 
  border-radius: 10px;  
  max-width: 1280px; 
}
#signup_form_container .signup_form_input{
  width: 400px;
  background-color: #32495f;
  border: 0px;
  border: solid 1px #0c1a29;
  margin-top: 10px;
  color: #FFF;
  font-size: 20px;
  padding: 20px;
  border-radius: 10px;  
}
#signup_form_container .signup_form{
  
}
#signup_form_container #submit_signup{
  background-color: #0c1a29;
  color: #FFF;
  padding: 20px;
  font-size: 20px;
  border: none;
  text-transform: uppercase;
  cursor: pointer;
  border-radius: 4px;
  margin-top: 10px;
  width: 100%;
  border-radius: 10px;  
}
#signup_form_container #submit_signup:hover {
    background-color: #112841;
}
/* Log in Page **************************************************************************************/
#page_login{
  display: inline-block; 
  margin: 0 auto;
  padding: 0px 70px 0px 70px;
  color: #FFF;
  background-color: #253647;  
}
#page_login a{
  color: #00A5FF;
  text-align: center;
}
#page_login a:hover{
  color: #FFF;
}
#page_login .forgot{
  margin-top: 10px;
  font-size: 16px;
}
#page_login .forgot a{
  font-size: 20px;
}
#page_login #keep_logged{
  margin-top: 10px;
}
#page_login #keep_logged label{
  font-size: 20px;  
}
#page_login #keep_logged input, #page_login #keep_logged label {
  cursor: pointer;
}
#page_login #login_email, #page_login #login_password{
  width: 400px;
  background-color: #32495f;
  border: 0px;
  border: solid 1px #0c1a29;
  margin-top: 10px;
  color: #FFF;
  font-size: 20px;
  padding: 20px;
  border-radius: 10px;  
}

#page_login #submit_login{
  background-color: #0c1a29;
  color: #FFF;
  padding: 20px;
  font-size: 20px;
  border: none;
  text-transform: uppercase;
  cursor: pointer;
  border-radius: 4px;
  margin-top: 10px;
  width: 100%;  
  border-radius: 10px;  
}
#page_login #submit_login:hover {
    background-color: #112841;
}
/* Player Stats Page **************************************************************************************/
#player_search{
  display: inline-block; 
  margin: 0 auto;
  padding: 20px 20px 20px 0px;
  color: #FFF;
  width: 900px;  
}
#player_stats{
  margin-bottom: 20px;
}
#player_search #bio_search{
  text-align: center;
  background-color: #253647;
  overflow: hidden;
  padding: 0px 20px 20px 20px;
}
#player_search #stat_search{
  text-align: center;
  background-color: #253647;
  overflow: hidden;
  padding: 0px 60px 20px 60px;
}
#player_search table td.stats_filter_title{
  text-align: center;
  text-transform: uppercase;
  padding: 5px;
  background-color: #0c1a29;
}
#player_search #stat_search table {
}
#player_search #stat_search table td{
  height: 36px;
}
#player_search #stat_search input.mm_search_table{
  width: 50px
}
#player_search table{
  display: inline-block;
  text-transform: uppercase;
}

#player_search .search_title{
  margin-bottom: 20px;  
  background-color: #0c1a29;
  color: #FFF;
  padding: 20px 10px 20px 10px;
  font-size: 20px;
  text-transform: uppercase;
  cursor: pointer;  
  background-image: url("../images/arrow_white_down_32.png");  
  background-repeat: no-repeat;
  background-size: 20px;
  background-position: 98%;
}
#player_search .search_title:hover{
  background-color: #112841;
}
#player_search .search_title.closed{
  background-image: url("../images/arrow_white_left_32.png");  
  background-repeat: no-repeat;
  background-size: 20px;  
  background-position: 98%; 
}
#player_search td{
  text-align: left;
}
#player_search table td.label{
  text-align: right;
}
#player_search .mm_search_table{
  width: 131px;
}

#player_search select#height_min, #player_search select#height_max{
  width: 137px;
}
#player_search input#height_min, #player_search input#height_max{
  width: 115px;
}
#player_search #search_container{
  xwidth: 800px;
}
#player_search table #hand_search, #player_search table #position_search, #player_search #team_id, #player_search #player_type_id, #player_search #card_search, #player_search #league_id, #player_search #synsetting_search, #player_search .select_list{
  width: 278px;
  font-size: 15px !important;
}

#player_search table input{
  width: 266px;
}
#player_search input.fancy_minmax{
  width: 115px;
  background-color: #32495f;
  border: 0px;
  border: solid 1px #0c1a29;
  color: #FFF;
  padding: 7px 10px 7px 10px;
}
#player_search input.fancy_text{
  width: 257px;
  background-color: #32495f;
  border: 0px;
  border: solid 1px #0c1a29;
  color: #FFF;
  padding: 7px 10px 7px 10px;

}
#player_search td.syn_mar{
  margin-top: 9px;
  margin-bottom: 12px;
  display: block;
}
#player_search td.wgt_mar{
  margin-top: 3px;
  display: block;
}
#player_search td.nme_mar{
  margin-top: 6px;  
  display: block;  
}
#player_search #synergy_select{
  width: 278px;
  height: 100px;
  color: #FFF;
  background-color: #32495f;
  border: solid 1px #000;
  padding: 5px 5px 5px 5px;
  margin-top: 5px;
  line-height: 28px;
  padding: 7px 10px 7px 10px;
}

#players_table{
  text-transform: uppercase !important;
}

 
/* Player Info Section ***********************************************************************************/


#player_info #team_synergies{
	margin: auto;
	overflow: hidden;
  min-width: 770px;
  color: #FFF;
  padding: 0px;
  box-sizing: border-box;    
}
#player_info #team_synergies table{
  margin: auto;
  margin-top: 10px;  
}

#player_info .syn{
  border: solid 2px #999;
  background-size: 50px 50px;
  background-color: #0c1a29;
  height: 50px;
  width: 50px;
  cursor: pointer;
  box-sizing: content-box;
}


#player_info .syn:hover{
  border: solid 2px #ddd;
  color: #ddd;
}
#player_info .syn.clicked{
  color: #04bd47;
  border: solid 2px #04bd47;
}
#player_info .increased{
  color: #04bd47 !important;

}
#player_info .remainder{
  color: #444 !important;

}

#player_info .stat .increased, #player_info .total .increased{
  padding-right: 10px;
  padding-left: 10px;
}
#player_info .off .increased{
    color: #901919 !important;
}
#player_info #toggle_synergies{
  width: 100%;
  background-color: #000;
  padding: 20px 10px 20px 10px;
  background-color: #112841;
  margin-top: 20px;
  font-size: 20px;
}
#compare_page{
  margin-bottom: 20px;
}
#player_info{
  width: 800px;
  background-color: #253647;
  margin-top: 20px;
  margin-bottom: 40px;  
  text-transform: uppercase;  
}
#player_info hr{
  margin: 0px;
}
#player_info #player_header{
  padding: 20px 10px 20px 10px;
  background-color: #112841;
  color: #FFF;
  font-size: 26px;
  margin-bottom: 20px;
}
#player_info #player_card{
  font-weight: bold;
  font-style: italic;  
  font-size: 16px;
  width: 296px;
  height: 418px;
  border: solid 10px #112841;
  background-color: #9B9B9B;
}
#player_info #card_art{
  width: 371px;
  height: 516px;
}
#player_info #player_bio_container{
  width: 427px;
  float: right;
}
#player_info #player_bio{
  padding: 10px;
  width: 409px;
}
#player_info #player_bio_table{
  width: 100%;
}
#player_info #player_bio_stats{
  padding-bottom: 20px;
}

#player_info .info_button{
  background-color: #0c1a29;
  color: #FFF;
  padding: 16px;
  font-size: 20px;
  border: none;
  text-transform: uppercase;
  cursor: pointer;
  display: inline-block; 
  border-radius: 5px;
}
#player_info .player_share{
  background: url("../images/builder_icons/share_white_32.png") no-repeat left 15px center;
  background-size: 25px 25px;
  padding: 16px 16px 16px 50px;
  background-color: #0c1a29;  

}
#player_info .player_compare{
  background: url("../images/builder_icons/compare_white_32.png") no-repeat left 15px center;
  background-size: 25px 25px;
  padding: 16px 16px 16px 50px;
  background-color: #0c1a29; 

}
#player_info .player_add{
  background: url("../images/builder_icons/add_white_32.png") no-repeat left 15px center;
  background-size: 25px 25px;
  padding: 16px 16px 16px 50px;
  background-color: #0c1a29; 

}
#player_info .info_button:hover{
  background-color: #112841;
}
#player_info #player_links{
  padding: 20px 5px 10px 5px;
  width: 427px;
  box-sizing: border-box;
}
#player_info #player_links table{
  width: 100%;
  text-align: center;
}
#player_info .player_stats_table{
  margin-top: 20px;
  border-collapse: collapse;
}
#player_info .player_stats_table th{
  background-color: #112841;
  font-size: 20px;
  color: #FFF;
  padding: 20px 5px 20px 5px;
  font-weight: normal; 
}
#player_info .player_stats_table.stats_table th:hover {
  background-color: #111;
}
#player_info .player_stats_table tr{
  cursor: pointer;
}
#player_info .player_stats_table td{
  text-align: left;
  border: none;
  padding: 10px;
  font-size: 20px;
}
#player_info .player_stats_table .off td{  
  color: #901919 !important;
}
#player_info .player_stats_table td.stat{
  text-align: right; 
}
#player_info .player_stats_table tr{
  color: #FFF;
}
#player_info .player_stats_table tr:nth-child(even) {
  background-color: #081320;
}
#player_info .player_stats_table tr:nth-child(odd) {
  background-color: #07172a;
}

#player_info .player_stats_table_right{
  margin-left: 25px;
}
#player_info .bio_title{
  color: #FFF; 
}
#player_info .bio_result{
  color: #00A5FF;
  width: 50%;
}
#player_info .bio_result img{
  xborder: solid 1px #FFF;
}
#player_info #stats_toggle_table{
  width: 100%;
  margin-bottom: 20px;
  border-collapse: collapse;  
  color: #777;
}
#player_info .stats_toggle{
  background-color: #0c1a29;
  font-size: 16px;
  color: #FFF;
  padding: 20px 10px 20px 10px;
  width: 300px;
  display: inline-block;
  cursor: pointer;
  border-radius: 5px;
}
#player_info .stats_toggle:hover{
  background-color: #112841;
}
#player_info #player_correction{
  padding: 20px;
}
#player_info #player_correction a{
  font-size: 18px;
  color: #FFF;
  text-transform: uppercase;
}
#player_info #player_correction a:hover{
  color: #00A5FF;
}
#player_info #other_cards{
  width: 100%;
  background-color: #112841;  
  padding: 20px 10px 20px 10px;
  color: #FFF;
  font-size: 26px;
  box-sizing: border-box;  
}
#player_info #other_card_list{
  padding: 10px;
  overflow: hidden;
}

#player_info #other_card_list .other_card_container{
  padding: 10px;
  float: left;
}
#player_info #other_card_list .other_card_art{
  width: 171px;
  height: 244px;  
  box-shadow: 0 4px 8px 0 #000, 0 1px 20px 0 #000;
  border: solid 2px #FFF;
}
#player_info #other_card_list .other_card_art:hover{
  box-shadow: 0 4px 8px 0 #AAA, 0 1px 20px 0 #AAA;
}
#player_info #other_card_list .order_card_syns{
  margin-top: 5px;
  margin-bottom: 5px;  
  color: #FFF; 
}
#player_info #other_card_list .order_card_syns .small span{
  font-size: 11px !important; 
}

#player_info #other_card_list .other_no_art {
  width: 171px;
  height: 244px;
  border: solid 2px #FFF;
  background-color: #333;
  color: #FFF;
  margin: 0 auto;
  background-image: url("../images/player.png");
  background-size: 175px;
  position: relative;
}
#player_info #other_card_list .other_no_art .centered{
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
#player_info #other_card_list table{
  margin: auto;
  margin-bottom: 10px;
}
#player_info #other_card_list table tr {
  cursor: pointer;
  color: #FFF;  
}
#player_info #other_card_list table tr:hover {
  color: #00A5FF;
}
#player_info #other_card_list table td {
  text-align: left;
  padding: 10px;
}
/* Player stats page. Includes some player info*/
#player_info .search_player_input,#player_info .search_player2_input{
  width: 355px;
  background-color: #32495f;
  border: 0px;
  border: solid 1px #0c1a29;
  color: #FFF;
  font-size: 20px;
  padding: 10px;
}
#player_info .player_compare_table_right{

}
#player_info .player_compare_table_right td{
  text-align: right !important;
}
#player_info .player_compare_table_right td.stat{
  text-align: left !important;
}
#player_info .player_compare_table_right td.size{
  text-align: left !important;
}
#player_info .no-compare-art{
  position: relative;
  width: 316px;
  height: 438px;  
  background-image: url("../images/player.png");  
}
#player_info .centered {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #FFF;
}
#player_info .player_card_syn table{
  width: 375px;
}
#player_info .card_art, #player_info .card_art2{
  width: 375px;
}
#player_info .player_compare_card, #player_info .player2_compare_card{
  position: relative;
  cursor: pointer;
}
#player_info #player_stats_table tr.higher, #player_info #player_stats_table_right tr.higher, #player_info #player_total_table tr.higher, #player_info #player_total_table_right tr.higher{
  background-color: #125926 !important;
}
#player_info #table_results{
  width: 50px;
  margin-top: 20px;
  border-collapse: collapse;  
  color: #999;
}
#player_info #table_results th{
  font-size: 20px;
  color: #FFF;
  padding: 20px 5px 20px 5px;
  font-weight: normal;
}

#player_info #table_results td{
  padding: 10px;
  font-size: 20px;
}

#player_info #table_results  td.diff{
  background-color: #125926 !important;
}
#player_info #player_totals{
  display: inline-block;
  margin: 0 auto;
  padding-bottom: 20px;  
}
#player_info .player_compare_title{
  width: 100%;
  padding: 20px 10px 20px 10px;
  background-color: #112841;
  color: #FFF;
  font-size: 20px;
  box-sizing: border-box;
}
#player_info #player_total_table{
  margin-top: 20px;
  border-collapse: collapse;
}
#player_info #player_total_table td.total{
  text-align: right !important;
}
#player_info #player_total_table_right td.total{
  text-align: left !important;
}
#player_info #player_total_table td{
  text-align: left;
  border: none;
  padding: 10px;
  color: #FFF;
}
#player_info #compare_share{
  background: url("../images/builder_icons/share_white_32.png") no-repeat left 15px center;
  background-color: #0c1a29;
  background-size: 25px 25px;
  padding: 16px 16px 16px 50px;
  color: #FFF;
  font-size: 20px;
  text-transform: uppercase;
  cursor: pointer;
  display: inline-block;
  border-radius: 5px;
  margin-bottom: 20px;
}
#player_info #compare_share:hover {
  background-color: #112841; 
}
/* Add Player/Goalie Stats Page **************************************************************************************/
#player_add{

}
#player_add.request #new_cards{
  width: 550px;
  margin: 0 auto;
}
#player_add.request #save_player{
  background-color: #0c1a29;
  color: #FFF;
  padding: 20px;
  font-size: 20px;
  border: none;
  text-transform: uppercase;
  cursor: pointer;
  border-radius: 4px;
  margin-top: 10px;
  width: 400px !important;
  border-radius: 10px;
}
#player_add.request .new_card {
  width: 400px !important;
  background-color: #32495f;
  border: 0px;
  border: solid 1px #0c1a29;
  color: #FFF;
  font-size: 20px;
  padding: 20px;
  border-radius: 10px;
  box-sizing: border-box;
}
#player_add.request .select_search {
  width: 400px !important;
  background-color: #32495f;
  border: 0px;
  border: solid 1px #0c1a29;
  color: #FFF;
  font-size: 20px;
  padding: 20px;
  border-radius: 10px;
}
#player_add.request #save_player:hover {
    background-color: #112841 !important;
}
#player_add.request .col_input{
  font-size: 20px;
  text-align: left;
  padding: 5px;
}
#player_add select{
  xwidth: 200px;
}
#player_add.request .col{
  float: left;
}
#player_add.request .col{
  float: left;
}
#player_add .select2-container--default .select2-selection--single {
  border-radius: 10px !important;
}
#player_add .select2-container--default .select2-selection--single .select2-selection__rendered {
  color: #FFF;
  background-color: #32495f;
  border: solid 1px #0c1a29;
  padding: 20px;
  line-height: 28px;
  font-size: 20px;
  border-radius: 10px;
  text-align: left;
}
#player_add .select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 45px;
  position: absolute;
  top: 20px;
  right: 1px;
  width: 40px;
}
#player_add .select2-container--default .select2-selection--single {
    background-color: transparent !important;
    border-radius: 4px;
}


#new_cards{
  width: 100%;
  overflow: hidden;
  display: inline-block;
  margin: 0 auto;
  padding: 25px 70px 60px 70px;
  color: #FFF;
  background-color: #253647;
  box-sizing: border-box;  
}
#new_cards .tdtitle{
  color: #FFF;
}
#new_cards #player_image_col, #new_cards #goalie_image_col{
  min-width: 275px;
  width: 15%;
}
#new_cards #synergy_list ul{
  list-style-type: none;
  color: #FFF;
  padding: 0px 0px 0px 0px;
  text-align: right;
}
#new_cards #synergy_list ul li{
  text-align: center;
}
#new_cards #synergy_list ul li div.syn_wrap{
  text-align: center;
  overflow: hidden;
  height: 54px;
  margin-bottom: 5px;
}
#new_cards #synergy_list ul li div.syn_list_abbr{
  color: #04bd47;
  cursor: pointer;
  width: 54px;
  height: 54px;  
  text-align: center;
  display: inline-block;
}
#new_cards #synergy_list ul li div.syn_list_abbr img{
  border: solid 2px #04bd47;
}
#new_cards #synergy_list ul li div.syn_list_amount{
  color: #04bd47;  
  display: inline-block;
  padding: 15px 6px 9px 10px;
  font-size: 24px;
  vertical-align: top;
}


#new_cards #syn_amount_col{
  min-width: 275px;
  width: 20%;
  text-align: right;
  color: #FFF;
}
#new_cards #syn_amount_col .syn_amount_col{
  width: 170px;
  float: left;
}
#new_cards #syn_amount_col #player_syn_amount_table{
  border-left: solid 2px #888; 
  padding-left: 20px;  
}
#new_cards #syn_amount_col #player_syn_amount_table2{
  border-right: solid 2px #888;
  padding-right: 20px;  
}
#new_cards #syn_amount_col #player_syn_amount_table img, #new_cards #syn_amount_col #player_syn_amount_table2 img{
  border: solid 1px #fff;   
}
#new_cards #syn_amount_col select{
  width: 50px;  
}
#new_cards #syn_amount_col .syn_amount_select{
  width: 25px;
  float: right;
  height: auto;  
  padding: 5px 10px 5px 10px;
  color: #444;
  border-radius: 4px;
  border: none;
}

#new_cards #goalie_syn_amount_col{
  min-width: 225px;
}
#new_cards #goalie_syn_amount_col{
  text-align: right;
  color: #FFF;
}
#new_cards #goalie_syn_amount_col .syn_amount_col{
  width: 170px;
  float: left;
}
#new_cards #goalie_syn_amount_col table{
  border-left: solid 2px #888; 
  padding-left: 20px;  
  border-right: solid 2px #888;
  padding-right: 20px;   
}
#new_cards #goalie_syn_amount_col table img{
  border: solid 1px #fff;
}  
#new_cards #goalie_syn_amount_col #player_syn_amount_table2{
 
}
#new_cards #goalie_syn_amount_col select{
  width: 50px;  
}
#new_cards #goalie_syn_amount_col .syn_amount_select{
  width: 25px;
  float: right;
  height: auto;  
  padding: 5px 10px 5px 10px;
  color: #444;
  border-radius: 4px;
  border: none;
}




#new_cards #player_stats_col, #new_cards #goalie_stats_col{
  width: 50%;
  min-width: 600px;
}
#new_cards #stats_table{
  width: 100%;
  min-width: 600px;
  text-align: left;
}
#new_cards #card_info_table{
  width: 523px;
}
#new_cards .new_card{
  width: 25px;
  background-color: #32495f;
  border: 0px;
  border: solid 1px #0c1a29;
  color: #FFF;
  font-size: 20px;
  padding: 7px 10px 7px 10px;
}
#new_cards  #stats_table .new_card{
  padding: 5px;  
}
#new_cards .new_card_select{
  width: 156px;
  background-color: #000;
  font-size: 20px;  
}
#new_cards .new_card_select_double {
  font-size: 20px;  
  width: 312px;
}
#new_cards .tdtitle{
  text-align: left;
  font-size: 20px;
}
#new_cards .select2 input{
  border: 0px;
  color: #FFF;
  font-size: 20px;
  padding: 10px;
}
#new_cards #first_name{
 width: 294px;
}
#new_cards #last_name{
 width: 294px;
}
#new_cards #nationality{
  width: 165px;
}
#new_cards #height{
  width: 98px;
}
#new_cards #heightcm{
  width: 75px;
}
#new_cards #weight{
  width: 40px;
}
#new_cards #handedness{
  width: 90px;
}
#new_cards #age{
  width: 42px;
}
#new_cards #salary{
  width: 117px;
}
#new_cards #synergy_select{
  width: 465px;
}
#new_cards #approved{
  width: 47px;
}
#new_cards #increase_stats, #new_cards #decrease_stats{
  background-color: #000;
  color: #FFF;
  width: 200px;
  padding: 5px;
  margin: auto;
  cursor: pointer;
  display: inline-block;
  text-align: center;  
}
#new_cards #increase_stats:hover, #new_cards #decrease_stats:hover {
  background-color: #777;
}
#new_cards #save_player, #new_cards #save_goalie{
  background-color: #0c1a29;
  color: #FFF;
  padding: 16px;
  font-size: 16px;
  border: none;
  text-transform: uppercase;
  cursor: pointer;
}
#new_cards #save_player:hover, #new_cards #save_goalie:hover{
  background-color: #333 !important;
}
#manage_button{
  font-size: 16px;
  border: solid 2px #CCC;
  background-color:#FFF;
  cursor: pointer;
  padding: 10px 20px 10px 20px;
  margin-top: 20px;
  margin-bottom: 10px;
  font-weight: bold;
  color: #000;
}
#manage_button:hover{
  border: solid 2px #112841;
  background-color:#999;
}

#add_card_options{
  display: inline-block;
  margin: 0 auto;
  padding: 25px 65px 25px 65px;
  color: #FFF;
  background-color: #253647;
  width: 850px;  
  margin-top: 20px;  
  margin-bottom: 20px;  
}
#add_card_options #suggest_player .add_name{
  width: 200px;
  background-color: #32495f;
  border: 0px;
  border: solid 1px #0c1a29;
  color: #FFF;
  font-size: 20px;
  padding: 6px 10px 6px 10px;
  vertical-align: top;  
  margin-top: 3px;  
}
#add_card_options #suggest_player .add_overall{
  width: 45px;
  background-color: #32495f;
  border: 0px;
  border: solid 1px #0c1a29;
  color: #FFF;
  font-size: 20px;
  padding: 6px 10px 6px 10px;
  vertical-align: top;  
  margin-top: 3px;
}
#add_card_options #suggest_player #card_type_id{
  
}  
#add_card_options #suggest_player .button{
background-color: #0c1a29;
color: #FFF;
padding: 10px 15px 10px 15px;
font-size: 16px;
border: none;
text-transform: uppercase;
cursor: pointer;
vertical-align: top;
margin-top: 3px;
}
#add_card_options #suggest_player .button:hover{
  background-color: #112841;
}

#add_card_options #copy_player{
  width: 300px;
  background-color: #32495f;
  border: 0px;
  border: solid 1px #0c1a29;
  color: #FFF;
  font-size: 20px;
  padding: 7px 10px 7px 10px;
}

#add_card_options #awaiting_approval #awaiting_approval_title{
  font-size: 22px;
  color: #FFF;
}
#add_card_options table{
  width: 100%;
  text-align: left;
}
#add_card_options table tr {
  background-color: #32495f;
}
#add_card_options table td {
  border-bottom: solid 2px #000;
  text-align: left;
  padding: 10px;
}
#add_card_options table td a{
  color: #00A5FF;
}
#add_card_options table td a:hover{
  color: #FFF;
}
#add_card_options table thead tr {
  background-color: #000;
}
#add_card_options table thead th {
  border-bottom: solid 2px #000;
  text-align: left;
  padding: 10px;
  font-weight: normal;
}
#add_card_options #top_contributers {
}
#add_card_options #add_card_options_title {
  margin-top: 20px;
  background-color: #0c1a29;
  padding: 10px;
  color: #FFF;
}
/* Manage Teams Page **************************************************************************************/
#manage_myteams{
  margin: 0 auto;
                     
  color: #FFF;
  background-color: #253647;
  margin-bottom: 20px;  
}  
#manage_myteams #user_header{
  padding: 25px 20px 25px 20px;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;  
}
#manage_myteams #builder_username{
  font-size: 30px;
}
#manage_myteams #team_share_container{
  background-color: #;
  padding: 25px 0px 25px 0px;
  overflow: hidden;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
#manage_myteams #team_share_container #new_team{
  width: 520px;
  padding-right: 50px;
}
#user_header #social_links{
  padding-left: 50px;
}
#user_header #social_links .social_link{
  width: 40px;
  padding-left: 5px;
  padding-right: 5px;
}
#user_header #social_links .social_icon{
  height: 40px;
}
#manage_myteams .new_team_name{
  width: 335px;
  background-color: #32495f;
  border: 0px;
  border: solid 1px #0c1a29;
  color: #FFF;
  font-size: 20px;
  padding: 10px;
  border-radius: 5px;
}
#manage_myteams #new_team .button{
  background-color: #0c1a29;
  color: #FFF;
  padding: 15px 15px 12px 15px;
  font-size: 16px;
  border: none;
  text-transform: uppercase;
  cursor: pointer;
  border-radius: 5px;
}
#manage_myteams #new_team .button:hover{
  background-color: #112841;
}
#manage_myteams #share_builds{
  color: #FFF;
  padding: 15px 0px 15px 40px;
  box-sizing: border-box;
  font-size: 16px;
  text-transform: uppercase;
  cursor: pointer;
  border-radius: 5px;
  width: 250px;
               
  background: url("../images/builder_icons/share_white_32.png") no-repeat left 20px center;
  background-size: 25px 25px;
  background-color: #0c1a29;
 
}
#manage_myteams #share_builds:hover{
  background-color: #112841;
}
#manage_myteams #team_list{
  padding: 0px 0px 25px 0px;
  margin: 0 auto;
                    
}
#manage_myteams #team_list table{
  width: 100%;
  border-collapse: collapse;  
}
#manage_myteams #team_list table td{
  text-align: left;
  padding: 10px;
  font-size: 20px;
}
#manage_myteams #team_list table tr{

}
#manage_myteams #team_list table tr:hover{
  background-color: #0c1a29;
}

#manage_myteams #team_list table thead th span{
  font-size: 20px;
}
#manage_myteams #team_list table .team_row{
 
}

#manage_myteams #team_list .td_team_name{
  min-width: 300px;
}

#manage_myteams #team_list a{
  color: #FFF;
  font-size: 20px;
}
#manage_myteams #team_list a:hover{
  color: #659dd5;
}
#manage_myteams #team_list table thead th{
  font-size: 20px;
  color: #FFF;
  padding: 20px 10px 20px 10px;
  background-color: #0c1a29;
  font-weight: normal;
  text-align: left;
}
#manage_myteams #team_list table thead tr:hover{
  pointer-events: none;
}
#manage_myteams #team_list table td.icon_td{
  width: 60px;
  height: 40px;  
  cursor: pointer;
  background-size: 40px 40px;  
}
#manage_myteams #team_list table td.icon_td:hover{
  background-size: 40px 40px;  
}
#manage_myteams #team_list td.td_team_name a div{
  width: 100%;
  height: 20px;
  padding: 10px 10px 10px 10px;
  font-size: 20px;
  color: #FFF;   
  cursor: pointer;
}
#manage_myteams #team_list td.td_team_name a div:hover{
  color: #659dd5;
}
#manage_myteams #team_list td.edit_team_name{
  background: url("../images/builder_icons/edit_white_64.png") no-repeat right center;
  background-size: 40px 40px;  
  cursor: pointer;    
  padding: 0px;  
}
#manage_myteams #team_list td.edit_team_name:hover{
  background: url("../images/builder_icons/edit_blue_64.png") no-repeat right center;  
  background-size: 40px 40px;    
  cursor: pointer; 
  padding: 0px;  
}

#manage_myteams #team_list td.icon_order{
  cursor: move !important;
  background: url("../images/builder_icons/up_down_white_64.png") no-repeat center;  

}
#manage_myteams #team_list td.icon_order:hover{
  background: url("../images/builder_icons/up_down_blue_64.png") no-repeat center;
}
#manage_myteams #team_list td.icon_share{
  background: url("../images/builder_icons/share_white_64.png") no-repeat center;
}
#manage_myteams #team_list td.icon_share:hover{
  background: url("../images/builder_icons/share_blue_64.png") no-repeat center;  
}
#manage_myteams #team_list td.icon_privacy_public{
  background: url("../images/builder_icons/privacy_off_white_64.png") no-repeat center;
}
#manage_myteams #team_list td.icon_privacy_public:hover{
  background: url("../images/builder_icons/privacy_off_blue_64.png") no-repeat center;
}       
#manage_myteams #team_list td.icon_privacy_private{
  background: url("../images/builder_icons/privacy_on_white_64.png") no-repeat center;
}
#manage_myteams #team_list td.icon_privacy_private:hover{
  background: url("../images/builder_icons/privacy_on_blue_64.png") no-repeat center;
}            
#manage_myteams #team_list td.icon_copy{
  background: url("../images/builder_icons/copy_white_64.png") no-repeat center;
}
#manage_myteams #team_list td.icon_copy:hover{
  background: url("../images/builder_icons/copy_blue_64.png") no-repeat center;
}
#manage_myteams #team_list td.icon_delete{
  background: url("../images/builder_icons/delete_white_64.png") no-repeat center;
}
#manage_myteams #team_list td.icon_delete:hover{
  background: url("../images/builder_icons/delete_blue_64.png") no-repeat center;
}

/* New team Page **************************************************************************************/
#create_team{
  margin-top: 20px;
}
#team_builder{
	margin: auto;
	overflow: visible;
  width: 100%;
  margin-bottom: 50px;
  background-color: #253647;
}
#team_builder #user_header{
  background-color: #0c1a29; 
  overflow: hidden;
}
#team_builder #builder_username a{
  color: #659dd5;
  font-size: 30px;
}
#team_builder #builder_username a:hover{
  color: #FFF;
  font-size: 30px;
}
#team_builder #builder_username{
  color: #FFF;
  font-size: 30px;
  padding: 25px 0px 25px 90px; 
  float: left;  
  text-align: left;
  background: url("../images/nav_icons/user_white_64.png") no-repeat left 25px center;
  background-size: 50px 50px;
}
#team_builder #social_links{
  float: left;
  padding: 25px;  
}
#team_builder #social_links img.social_icon{
  height: 30px;
}
#team_builder #team_info .config_team{
  background-color: #0c1a29;
  color: #FFF;
  padding: 16px;
  font-size: 16px;
  border: none;
  text-transform: uppercase;
  cursor: pointer;
  display: block;  
  border-radius: 5px;
}
#team_builder #team_info .save_team{
  background: url("../images/builder_icons/save_white_32.png") no-repeat left 15px center;
  background-size: 25px 25px;
  padding: 16px 16px 16px 50px;
  background-color: #0c1a29;  
}
#team_builder #team_info .copy_team{
  background: url("../images/builder_icons/copy_white_32.png") no-repeat left 15px center;
  background-size: 25px 25px;
  padding: 16px 16px 16px 50px;
  background-color: #0c1a29;  
}
#team_builder #team_info .share_team{
  background: url("../images/builder_icons/share_white_32.png") no-repeat left 15px center;
  background-size: 25px 25px;
  padding: 16px 16px 16px 50px;
  background-color: #0c1a29;  
}
#team_builder #team_info .config_team:hover{                                                                                   
  background-color: #253647;           
}

#team_builder #team_info #team_settings{
  width: 100%;
  height: 100px;
  padding: 25px 15px 25px 90px;
  box-sizing: border-box;
  text-align: left;  
  background: url("../images/nav_icons/builder_white_64.png") no-repeat left 25px center;
  background-size: 50px 50px;  
  background-color: #112841;  
}
#team_builder #team_info #squad_name_edit{
  margin-top:5px;
  font-size: 35px;
  padding-right: 75px;
  background: url("../images/builder_icons/edit_white_64.png") no-repeat right 15px center;
  background-size: 25px 25px;  
}
#team_builder #team_info #squad_name_edit:hover{
  background: url("../images/builder_icons/edit_blue_64.png") no-repeat right 15px center;
  background-size: 25px 25px;  
  color: #659dd5;
  cursor: pointer;
}
#team_builder #team_info #squad_name_display{
  margin-top:5px;
  font-size: 35px;
  padding-right: 25px; 
}
#team_builder #team_info #team_settings #squad_name{
  color: #FFF;
  font-size: 22px;
  background-color: #32495f;
  border: none;
  border: 1px solid #000;
  width: 400px;
  padding: 11px;
  border-radius: 5px;
}
#team_builder #team_info #team_settings .team_label{
  color: #FFF;
  font-size: 22px;
  margin-right: 10px;
}
#team_builder #team_info #team_settings .team_label input{
  color: #FFF;
  font-size: 22px;
  background-color: #32495f;
  border: none;
  border: 1px solid #000;
  width: 400px;
  padding: 11px;
}
#team_builder #team_info #synergies_container{
  overflow: hidden;
  padding: 15px 0px 0px 0px;
}
#team_builder #team_info .team_synergies, #team_builder #team_info .player_synergies{
	margin: auto;
	overflow: hidden;
  color: #FFF;
  height: 100px;
  padding: 0px 15px 15px 15px;
  box-sizing: border-box;  
  height: 115px;  
  display:inline-block;
  text-align:center;
}

#team_builder #team_info .syn{
  height: 50px;
  width: 50px;
  border: solid 2px #999;
  color: #999;
  cursor: pointer;
}
#team_builder #team_info .syn:hover{
  border: solid 2px #ddd;
  color: #ddd;
}
#team_builder #team_info .syn.activated{
  border: solid 2px #04bd47;
}
#team_builder #team_info .syn.clicked{
  border: solid 2px #00A5FF;
}
#team_builder #team_info .synreq.clicked{
  xcolor: #00A5FF;
}
#team_builder #team_info #synergy_glossary{
  display:inline-block;
  text-align:center;
  margin: auto;
  background: url("../images/builder_icons/question_white_64.png") no-repeat center;
  background-size: 40px 40px;  
  cursor: pointer;   
  height: 40px;  
  width: 40px;
  padding-left: 15px;
}
#team_builder #team_info #synergy_glossary:hover{
  background: url("../images/builder_icons/question_blue_64.png") no-repeat center;
  background-size: 40px 40px;  
}
#team_builder #team_info .activated, #team_builder .activated{
  color: #04bd47;
} 
#team_builder .player_syns.activated img{
  border: solid 1px #04bd47;
}




#team_builder #team_averages{
  text-align: left;
  font-size: 16px;
  clear: both;
  padding: 25px 25px 0px 25px;
  color: #FFF;
  background: #07172a;
  overflow: hidden;
  min-width: 600px;
}
#team_builder #team_averages .avg_col{
  float: left;
	width: calc(100% / 6); 
  padding-bottom: 25px;
  box-sizing: border-box; 
  padding-right: 20px;  
}
#team_builder #team_averages .avg_col .avg_header_row{
  overflow: hidden;
}
#team_builder #team_averages .avg_col .avg_header{
  color: #659dd5;
}
#team_builder #team_averages .avg_col .avg_header_seperator{
  height: 12px;
  width: 100%;
  padding: 5px 0px 5px 0px;
  background-color: #659dd5;
  background-clip: content-box;  
  box-sizing: border-box;  
}
#team_builder #team_averages.closed .avg_col .avg_stats{
  overflow: hidden;
  xdisplay: none;
}
#team_builder #team_averages. .avg_col .avg_stats{
  overflow: hidden;
}
#team_builder #team_averages .avg_title{
  float: left;
}
#team_builder #team_averages .avg_calc{
  width: 65px;
  float: right;
  text-align: right;
}
#team_builder #team_averages .avg_calc_diff{
  width: 65px;
  float: right;
  text-align: right;
}
#team_builder #team_averages .syn_diff{
  width: 1px;
  float: right;
  text-align: right;
  display: none;
}
#team_builder #team_averages .increase{
  color: #04bd47 !important;
}
#team_builder #team_averages .decrease{
  color: #901919 !important;
}


@media only screen and (max-width: 1850px) {
  #team_builder #team_averages .avg_col{
    width: calc(100% / 3); 
  }
}
@media only screen and (max-width: 1150px) {
  #team_builder #team_averages .avg_col{
    width: calc(100% / 2); 
  }
}
#team_builder #averages_setting_wrapper{
  background: #07172a;
}
#team_builder #averages_setting_wrapper:hover {
    background-color: #112841;
    cursor: pointer;
}
#team_builder #averages_setting{
  padding: 15px;
  color: #FFF;
  font-size: 20px;
  background-image: url("../images/arrow_white_up_32.png");  
  background-repeat: no-repeat;
  background-size: 20px;
  background-position: 80%;  
  width: 400px;
  margin: auto;
}
#team_builder #averages_setting.closed{
  background-image: url("../images/arrow_white_left_32.png");
}
/*
#team_builder #team_averages #averages_container{
  margin: auto;
  width: 100%;
  padding-bottom: 25px;
                      
  overflow: hidden;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  text-align: center;
}
#team_builder #team_averages{

  
}
#team_builder #team_averages #averages_table{
  color: #FFF;
  width: 100%;
  font-size: 20px;
  text-align: left;
  border: none;
  border-collapse: collapse;
}
#team_builder #team_averages #averages_table th{
  background-color: #112841;
  font-weight: normal;
  padding: 10px 10px 10px 20px;

               
	width: calc(100% / 12); 
  border-bottom: solid 1px #659dd5;
}
#team_builder #team_averages #averages_table th.large{
  display: none;
}
#team_builder #team_averages #averages_table td{
  padding: 5px 5px 5px 20px;
}
#team_builder #team_averages #averages_table tfoot td{
  background-color: #112841;
  font-weight: normal;
  padding: 10px 10px 10px 20px;
}

#team_builder #team_averages #averages_table th:nth-child(odd) {
  color: #659dd5;
}

#team_builder #team_averages #averages_table td .increase, #team_builder #team_averages #averages_table th .increase{
  color: #04bd47 !important;
}
#team_builder #team_averages #averages_table td .decrease, #team_builder #team_averages #averages_table th .decrease{
  color: #901919 !important;
}
#team_builder #team_averages #averages_table td:nth-child(even) {
  border: none;

}
#team_builder #team_averages #averages_table td:nth-child(odd) {
  border-left: solid 1px !important;
  border-color: #FFF;  
  color: #FFF;  
}
#team_builder #team_averages #averages_table tr:nth-child(even) {
  background-color: #07172a;
}
#team_builder #team_averages #averages_table tr:nth-child(odd) {
  background-color: #07172a;
}
*/
#team_builder #line_tabs{
	margin: auto;
  width: 100%;
  color: #FFF;
  text-transform: uppercase;
  clear: both;  
}

#team_builder #line_tabs .selected, #team_builder #line_tabs .selected:hover{
  background-color: #0b2b4d;      
  cursor: default;
}
#team_builder .line_page, #team_builder .line_page_soon{
  display: none;
}
#team_builder .forwards_container{
  width: 60%;
	min-width: 679px;   
}
#team_builder .defense_container{
  width: 40%;
	min-width: 452px;   
}
#team_builder .extraattacker_container{
  width: 100%;
	min-width: 452px;   
}
#team_builder .fourman_container{
  width: 50%;
	min-width: 425px;   
}
#team_builder .fourman_container.newline{
  xborder-top: solid 10px #0b2b4d;
}
#team_builder .fourman_container{
  width: 50%;
	min-width: 425px;   
}
#team_builder .threeman_container{
  width: 100%;
	min-width: 650px;   
}
#team_builder .search_player_button {
  width: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: #0c1a29;
  color: #FFF;
  height: 100%; 
}
#team_builder .select_player{
  cursor: pointer;
}
#team_builder .inlineup{
  opacity: 0.9;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: #000;  
  color: #FFF;
}
#team_builder .inlineup .centered{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 130px;
}
#team_builder .search_player_button:hover {
  background-color: #112841;
  cursor: pointer;
}
#team_builder #search_options{
  width: 900px;
  background-color: #32495f;  
}
#team_builder #search_options .team_card, #team_builder #search_options .team_card_header{
  box-sizing: content-box !important;
}
#team_builder #search_options .edit_player{
  float: left;
}
#team_builder #search_options .card_selection{
  padding: 25px;
  float: left;  
}
#team_builder .player_lines{
  color: #FFF;
  text-align: left;
  padding: 15px 0px 15px 0px;
  margin: 0 auto;
  width: 179px;
  position: relative; 
}
#team_builder .centered {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
#team_builder .team_card_header{
  color: #FFF;
  text-align: center;
  padding: 15px 0px 15px 0px;
  height: 35px;
  margin: 0 auto;
  width: 220px;
  position: relative;
  overflow: hidden;  
}
#team_builder .team_card_header .syn_img{
  border: solid 1px #FFF;
}
#team_builder .team_card_header .small span{
  font-size: 14px; 
}
#team_builder .team_card_wrapper{
	width: calc(100% / 3);
  min-width: 225px;
	float: left;
	text-align: center;
	position: relative;
	padding: 0px 0px 0px 0px;
  background-color: #253647;
}
#team_builder .dteam_card_wrapper{
	width: calc(100% / 2);
  min-width: 225px;
	float: left;
	text-align: center;
	position: relative;
	padding: 0px 0px 0px 0px;
  background-color: #253647;
}
#team_builder .fourman_card_wrapper{
	width: calc(100% / 2);
  min-width: 225px;
	float: left;
	text-align: center;
	position: relative;
	padding: 0px 0px 0px 0px;
  background-color: #253647;
}
#team_builder .team_card, #team_builder .goalie_team_card, #team_builder .coach_team_card{
	margin: 0 auto;
	width: 175px;
	height: 245px;
  position: relative;
  text-align: center; 
  box-shadow: 0 4px 8px 0 #000, 0 1px 20px 0 #000; 
  border: solid 2px #FFF;
}
#team_builder .team_card:hover, #team_builder .goalie_team_card:hover, #team_builder .coach_team_card:hover{
	margin: 0 auto;
	width: 175px;
	height: 245px;
  position: relative;
  text-align: center; 
  box-shadow: 0 4px 8px 0 #AAA, 0 1px 20px 0 #AAA;  
}
#team_builder .team_line{
	clear: both;
	width: 100%; 
  box-sizing: border-box;   
}
#team_builder .fline_name{
	width: 100%; 
	min-width: 679px;  
	padding: 15px 20px 15px 20px;
  box-sizing: border-box; 
  background-color: #000;
  color: #FFF;
  text-align: center;
  font-size: 16px;
}
#team_builder .dline_name{
	width: 100%;
	min-width: 452px;    
	padding: 15px 20px 15px 20px;
  box-sizing: border-box;  
  background-color: #000;
  color: #FFF;
  text-align: center;
  font-size: 16px;  
}
#team_builder .fourmanline_name{
	width: 100%; 
	min-width: 550px;  
	padding: 15px 20px 15px 20px;
  box-sizing: border-box; 
  background-color: #000;
  color: #FFF;
  text-align: center;
  font-size: 16px;
}
#stats_table_page .fourmanline_name{
  font-size: 18px;
  margin-bottom: 15px;
  text-transform: uppercase;
}
#stats_table_page span.increased{
  color: #04bd47;
}
#team_builder .coachline_name{
	width: 100%;
	min-width: 452px;    
	padding: 15px 20px 15px 20px;
  box-sizing: border-box;  
  background-color: #000;
  color: #FFF;
}
#team_builder .coachline_card_wrapper{
	width: calc(100% / 5);
  min-width: 225px;
	text-align: center;
	position: relative;
	padding: 0px 0px 0px 0px;
  margin: auto;  
}
#team_builder #coach_container{
  width: 100%;
  background-color: #253647;
}
#team_builder .player_new{
	float: right;
	position: absolute;
	right: 0px;
	bottom: 0px;
	z-index: 1000;
	background-color: #000;
	padding: 4px 4px 4px 4px;
	color: #FFFFFF;
	font-weight: bold;
  cursor: pointer;
}
#team_builder .player_stats {
	float: left;
	position: absolute;
	left: 0px;
	bottom: 0px;
	z-index: 1000;
	background-color: #000;
	padding: 4px 4px 4px 4px;
	color: #FFFFFF;
	font-weight: bold;
  cursor: pointer;  
}
#team_builder .no-art{
  width: 175px;
  height: 245px;
  background-color: #112841;
  color: #FFF;
  margin: 0 auto; 
  background-image: url("../images/player.png");
  background-size: 175px;
}
#team_builder .goalie_team_card .no-art{
  background-image: url("../images/goalie.png");
}
#team_builder .player-context, #team_builder .goalie-context, #team_builder .coach-context{
  width: 25px;
  height: 25px;
  position: absolute;
  right: 0px;
  top:12px;
  cursor: pointer;
  background-image: url("../images/ham-white.png");
  background-size: 25px;
}
#team_builder .player-context:hover, #team_builder .goalie-context:hover, #team_builder .coach-context:hover{
  background-image: url("../images/ham-black.png");

}
#team_builder .edit_player, #team_builder .edit_goalie, #team_builder .edit_coach,#team_builder .view_player, #team_builder .view_goalie, #team_builder .view_coach{
  width: 175px;
  height: 245px; 
}
#team_builder .edit_player, #team_builder .edit_goalie,#team_builder .view_player, #team_builder .view_goalie{
  cursor: pointer;  
}

#team_builder .captain_icon, #team_builder .assistant_icon{
  position: absolute;
  top: 0;
  right: 0;
  border: solid 2px #000;
  background-color: #FFF;  
  box-shadow: 0 4px 8px 0 #000, 0 1px 20px 0 #000;
  box-sizing: content-box !important;   
}
#team_builder .untradable_icon{
  position: absolute;
  top: 75px;
  right: 0;
  border: solid 2px #000;  
  background-color: #FFF;  
}
#team_builder .jersey_icon{
  position: absolute;
  top: 39px;
  right: 0;
  border: solid 2px #000;
  background-color: #FFF;  
  box-shadow: 0 4px 8px 0 #000, 0 1px 20px 0 #000;
  padding: 2px;  
  box-sizing: content-box !important;  
}
#team_builder .search_player, #team_builder .search_goalie, #team_builder .search_coach{
  width: 175px;
  height: 245px;
  background-color: #112841;
  color: #FFF;
  margin: 0 auto; 
}
#team_builder .search_player_input, #team_builder .search_goalie_input, #team_builder .search_coach_input{
  width: 173px;
  border: none;
  padding: 10px 0px 10px 5px;
  border-radius: 4px;   
}
#team_builder .highlight{
  border: solid 2px #FFF;
  border-style: dashed;

}
#team_builder .cancel_search{
  color: #FFF;
  text-transform: uppercase;
  display: block;
  margin-top: 25px;
}
#team_builder .cancel_search:hover{
  color: #AAA;
}
/* Forgot password page ****************************************************************************************/
#page_forgot .forgot{
  width: 300px;
  background-color: #32495f;
  border: 0px;
  border: solid 1px #0c1a29;
  margin-top: 10px;
  color: #FFF;
  font-size: 20px;
  padding: 10px;
  
}
#page_forgot .submit{
  background-color: #0c1a29;
  color: #FFF;
  padding: 10px 16px 10px 16px;
  font-size: 16px;
  border: none;
  text-transform: uppercase;
  cursor: pointer;
  border-radius: 4px;
  margin-top: 10px;
  width: 100%;
}
#page_forgot .submit:hover {
    background-color: #112841;
}
/*  Footer Section  ****************************************************************************************/
#footer{
  clear: both;
  width: 100%;
}

#footer_content{
  padding: 20px;
  background-color: #0c1a29;
  color: #FFF;
}
#footer_content a{
  color: #FFF;
  font-size: 18px;
  line-height: 1.5;  
}
#footer_content a:hover{
  color: #00A5FF;
}
#footer_links{
  margin: auto;
  width: calc(100% / 3);
  float: left;
  text-align: left;  
}
#footer_links .contain{
  margin: auto;
  position: relative;
  width: 300px;
  text-align: left;
}
#footer_glossary{
  margin: auto;
  width: calc(100% / 3);
  float: left;
  text-align: left;  
}
#footer_glossary .contain{
  margin: auto;
  position: relative;
  width: 300px;
  text-align: left;
}
#footer_contact{
  width: calc(100% / 3);
  float: left;
  text-align: left;
}
#footer_contact .contain{
  margin: auto;
  position: relative;
  width: 300px;
  text-align: left;
}
#footer .footer_head{
  font-size: 18px;
  display: block;
  margin-bottom: 10px;
  margin-left: -5px;
  padding: 20px 10px 20px 10px;
  background-color: #112841;
  text-transform: uppercase;
}

#footer_bottom{
  text-align: center;
  padding: 20px;
  background-color: #112841;
  color: #FFF;
  font-size: 20px !important;
}
#footer_bottom a{
  color: #FFF;
  font-size: 20px !important;
}
#footer_bottom a:hover{
  color: #659dd5;
}
#footer_contact .discord{
  width: 200px;
  height: 68px;
  background: url("../images/icons/discord_white_200.png") no-repeat center;

  cursor: pointer;    
}
#footer_contact .discord:hover{
  background: url("../images/icons/discord_blue_200.png") no-repeat center;
  
}
/*  Glossary Section  ****************************************************************************************/
#complete_glossary{
  width: 900px;
  padding: 0px;
}
#complete_glossary .glossary{
  display: none;
}
#complete_glossary .glossary_tabs{
  width: calc(100%/3);
  float: left;
  background-color: #0c1a29;
  padding: 10px;
  color: #FFF;
  cursor: pointer;
  text-align: center;
}
#complete_glossary .glossary_tabs.selected{
  background-color: #444;
}
#complete_glossary .glossary_tabs:hover{
  background-color: #112841;
}
#complete_glossary .glossary_tabs.selected:hover{
  background-color: #444 !important;
  cursor: default !important;
}
#complete_glossary table{
  color: #FFF;
  width: 100%;
}
#complete_glossary td{
  padding: 10px 5px 10px 5px;
}
#complete_glossary #player_glossary table td, #complete_glossary #goalie_glossary table td{
 width: 50%;
}
#complete_glossary table tr:nth-child(even) {
  background-color: #081320;
}
#complete_glossary table tr:nth-child(odd) {
  background-color: #07172a;
}

/*  Mobile Section  ****************************************************************************************/
#mobiel_nav{
	
}
#mobile_nav #nav_header{
	width: 100%;
	height: 100px;
	background-color: #0c1a29;;
}
#mobile_nav #nav_header .nav_icon{
  height: 100px;
  margin: auto;
  
}
#mobile_nav #nav_header #menu_icon{
  width: 100px;
  float: left;
  background: url("../images/nav_icons/menu_white_64.png") no-repeat center;
  background-size: 64px 64px;  
  cursor: pointer;  

}
#mobile_nav #nav_header #menu_icon:hover{
  background: url("../images/nav_icons/menu_blue_64.png") no-repeat center; 
}
#mobile_nav #nav_header #mobile_logo{
  width: 80px;
  height: 80px;
  padding: 10px;
  float: left; 
 
}
#mobile_nav #nav_header #profile_icon{
  width: 100px;
  float: right;
  background: url("../images/nav_icons/user_white_64.png") no-repeat center;
  background-size: 64px 64px;  
  cursor: pointer;  
}
#mobile_nav #nav_header #profile_icon:hover{
  width: 100px;
  float: right;
  background: url("../images/nav_icons/user_blue_64.png") no-repeat center;
  background-size: 64px 64px;  
  cursor: pointer;  
}
#mobile_nav #nav_header #builder_icon{
  width: 100px;
  float: right;
  background: url("../images/nav_icons/builder_white_64.png") no-repeat center;
  background-size: 64px 64px;  
  cursor: pointer;  
}
#mobile_nav #nav_header #builder_icon:hover{
  width: 100px;
  float: right;
  background: url("../images/nav_icons/builder_blue_64.png") no-repeat center;
  background-size: 64px 64px;  
  cursor: pointer;  
}
#mobile_nav #nav_header #profile_signin{
  color: #659dd5;
  text-align: center;
  float: right;
  margin-top: 15px;
  margin-right: 15px;  

}
#mobile_nav #nav_header #profile_signin a{
  color: #FFF;
  text-align: center;
  float: right;
  width: 150px;
  font-size: 30px; 
  cursor: pointer;
  text-transform: uppercase;
  padding: 20px 0px 20px 0px;
}
#mobile_nav #nav_header #profile_signin a:hover{
  color: #659dd5;
}

#mobile_nav #nav_menu{
  display: none;
  overflow: hidden;
  background-color: #0c1a29;
  float: left;
  position: absolute;
  z-index: 99;
  padding: 20px 0px 20px 0px;
}

#mobile_nav #nav_menu .mobile_link{
  padding: 15px 60px 15px 60px;
  font-size: 25px;  
  color: #FFF;
} 
#mobile_nav #nav_menu .mobile_link:hover{
  color: #659dd5; 
  border-bottom: solid 1px #659dd5;
  border-top: solid 1px #659dd5;  
}
#mobile_nav #nav_menu .cards_link{
  background: url("../images/nav_icons/cards_white_32.png") no-repeat left 40px center;
  background-size: 25px 25px;
  padding: 16px 16px 16px 80px; 
}
#mobile_nav #nav_menu .cards_link:hover{
  background: url("../images/nav_icons/cards_blue_32.png") no-repeat left 40px center;
  background-size: 25px 25px;
  padding: 16px 16px 16px 80px; 
}
#mobile_nav #nav_menu .builer_link{
  background: url("../images/nav_icons/builder_white_32.png") no-repeat left 40px center;
  background-size: 25px 25px;
  padding: 16px 16px 16px 80px; 
}
#mobile_nav #nav_menu .builer_link:hover{
  background: url("../images/nav_icons/builder_blue_32.png") no-repeat left 40px center;
  background-size: 25px 25px;
  padding: 16px 16px 16px 80px; 
}
#mobile_nav #nav_menu .players_link{
  background: url("../images/nav_icons/player_white_32.png") no-repeat left 40px center;
  background-size: 25px 25px;
  padding: 16px 16px 16px 80px; 
}
#mobile_nav #nav_menu .players_link:hover{
  background: url("../images/nav_icons/player_blue_32.png") no-repeat left 40px center;
  background-size: 25px 25px;
  padding: 16px 16px 16px 80px; 
}
#mobile_nav #nav_menu .goalies_link{
  background: url("../images/nav_icons/goalie_white_32.png") no-repeat left 40px center;
  background-size: 25px 25px;
  padding: 16px 16px 16px 80px; 
}
#mobile_nav #nav_menu .goalies_link:hover{
  background: url("../images/nav_icons/goalie_blue_32.png") no-repeat left 40px center;
  background-size: 25px 25px;
  padding: 16px 16px 16px 80px; 
}
#mobile_nav #nav_menu .player_compare_link{
  background: url("../images/nav_icons/compare_white_32.png") no-repeat left 40px center;
  background-size: 25px 25px;
  padding: 16px 16px 16px 80px; 
}
#mobile_nav #nav_menu .player_compare_link:hover{
  background: url("../images/nav_icons/compare_blue_32.png") no-repeat left 40px center;
  background-size: 25px 25px;
  padding: 16px 16px 16px 80px; 
}
#mobile_nav #nav_menu .goalie_compare_link{
  background: url("../images/nav_icons/compare_white_32.png") no-repeat left 40px center;
  background-size: 25px 25px;
  padding: 16px 16px 16px 80px; 
}
#mobile_nav #nav_menu .goalie_compare_link:hover{
  background: url("../images/nav_icons/compare_blue_32.png") no-repeat left 40px center;
  background-size: 25px 25px;
  padding: 16px 16px 16px 80px; 
}
#mobile_nav #nav_menu .market_link{
  background: url("../images/nav_icons/market_white_32.png") no-repeat left 40px center;
  background-size: 25px 25px;
  padding: 16px 16px 16px 80px; 
}
#mobile_nav #nav_menu .market_link:hover{
  background: url("../images/nav_icons/market_blue_32.png") no-repeat left 40px center;
  background-size: 25px 25px;
  padding: 16px 16px 16px 80px; 
}
#mobile_nav #nav_menu .packs_link{
  background: url("../images/nav_icons/packs_white_32.png") no-repeat left 40px center;
  background-size: 25px 25px;
  padding: 16px 16px 16px 80px; 
}
#mobile_nav #nav_menu .packs_link:hover{
  background: url("../images/nav_icons/packs_blue_32.png") no-repeat left 40px center;
  background-size: 25px 25px;
  padding: 16px 16px 16px 80px; 
}
#mobile_nav #nav_menu hr{
  color: #FFF;
    border: none;
    height: 2px;  
    background-color: #FFF;
}


#mobile_nav #version_dropdown a{
    color: inherit;
  text-decoration: inherit;
}
#mobile_nav #version_dropdown{
  color: #FFF;
  width: 160px;
  margin: 30px 45px 0px 15px;
  float: left; 
  overflow: hidden;
}
#mobile_nav #version_dropdown .nhlyear{
  font-size: 35px;
  cursor: pointer;  
}
#mobile_nav #version_dropdown .nhlyear:hover{
  color: #659dd5; 
}
#mobile_nav #version_dropdown .nhlyear_dropdown{
  position: absolute;
  background-color: #0c1a29;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 101;
  white-space: nowrap;  
  width: 160px;
  padding-left: 10px;
  margin-left: -10px;
  cursor: pointer;
  display: none;
}
#mobile_nav #version_dropdown .nhlyear_dropdown div{
  padding-top: 5px;
  padding-bottom: 5px;
  font-size: 30px;
  display: block;  
}
#mobile_nav #version_dropdown .nhlyear_dropdown div:hover{
  color: #659dd5; 
  cursor: pointer;
}
#mobile_nav #version_dropdown .nhlyear .drop_arrow {
  border-color: #FFF transparent transparent transparent;
  border-style: solid;
  border-width: 12px;
  float: right;
  margin-top: 15px;
  position: relative;
}

#mobile_nav #nav_menu_right{
  display: none;
  overflow: hidden;
  background-color: #0c1a29;
  position: absolute;
  right:0;  
  z-index: 99;
  padding: 20px 0px 20px 0px;
}

#mobile_nav #nav_menu_right .mobile_link{
  padding: 15px 60px 15px 60px;
  font-size: 25px;  
  color: #FFF;
} 
#mobile_nav #nav_menu_right .mobile_link:hover{
  color: #659dd5;  
  border-bottom: solid 1px #659dd5;
  border-top: solid 1px #659dd5;  
}
#mobile_nav #nav_menu_right .logout{
  text-align: right;
}
#mobile_nav #nav_search{
  padding: 10px 0px 10px 0px;
  text-align: center;
}
#mobile_nav #nav_header #search input{ 
  background: url("../images/icons/search_white_32.png") no-repeat left 15px center;
  background-size: 25px;
  color: #FFF;
  font-size: 30px;
  background-color: #32495f;
  border: none;
  border: 1px solid #000;
  width: 400px;
  padding: 11px;
  padding-left: 50px;
  border-radius: 5px;  
} 
#nav_search input{ 
  background: url("../images/icons/search_white_32.png") no-repeat left 15px center;
  background-size: 25px;
  color: #FFF;
  font-size: 30px;
  background-color: #32495f;
  border: none;
  border: 1px solid #000;
  width: 80%;
  padding: 11px;
  padding-left: 50px;
  border-radius: 10px;  
  box-sizing: border-box;
} 
/*Autocomplete sitesearch*/
.sitesearch div{
  font-size: 30px !important;

}
.sitesearch div strong {
  font-size: 30px !important;
  font-weight: normal !important;
}
.sitesearch.autocomplete-suggestions {
  border: none !important;
  
}
.sitesearch .autocomplete-suggestion{
  padding: 10px;
  border: none !important;
  padding-left: 50px;
  padding-right: 50px;  
  background-color: #32495f;
  color: #FFF !important;
}
.sitesearch .autocomplete-group {
    padding: 10px !important;
  padding-left: 50px;
  padding-right: 50px;    
    font-weight: bold;
    font-size: 16px;
    color: #FFF;
    display: block;
    border-bottom: 1px solid #000;
    background-color: #0c1a29;
}



/***
#mobile_nav #nav_menu ul{
  padding: 0px;
  list-style-type: none;
  margin: 0px;
}
#mobile_nav #nav_menu li{
  padding: 0px;
}
#mobile_nav #nav_menu li a{
  font-size: 35px;
  margin: 0px; 
  display: block; 
  width: 100%; 
  height: 100%;
  padding: 15px 60px 15px 60px;
}
#mobile_nav #nav_menu li a:hover{
  background-color: #777;
}
**/
/******** Profile Page *************************************************/
#profile_page .profile_edit{
  width: 400px;
  font-size: 20px;
  padding: 10px;
  padding: 20px 20px 20px 20px;
  background: url("../images/builder_icons/edit_white_64.png") no-repeat right 20px center;  
  background-size: 25px 25px;  
  background-color: #32495f;
  text-align: left;
  margin-bottom: 5px;
  border-radius: 10px;  
  cursor: pointer;
  color: #FFF;
}
#profile_page .profile_edit:hover{
  color: #659dd5;
  background: url("../images/builder_icons/edit_blue_64.png") no-repeat right 20px center;  
  background-size: 25px 25px;  
  background-color: #32495f;
}
#profile_page #profile_edit_delete{
  width: 400px;
  font-size: 20px;
  padding: 10px;
  padding: 20px 20px 20px 20px;
  background: url("../images/builder_icons/delete_white_64.png") no-repeat right 20px center;  
  background-size: 25px 25px;  
  background-color: #32495f;
  text-align: left;
  margin-bottom: 5px;
  border-radius: 10px;  
  cursor: pointer;
  color: #FFF;
}
#profile_page #profile_edit_delete:hover{
  color: #659dd5;
  background: url("../images/builder_icons/delete_blue_64.png") no-repeat right 20px center;  
  background-size: 25px 25px;  
  background-color: #32495f;
}
#profile_page #profile_edit_measurement{
  text-transform: capitalize;
}

#profile_container{
  margin: 0 auto;
  padding: 50px 0px 60px 0px;
  color: #FFF;
  background-color: #253647;
  margin-top: 20px;
  margin-bottom: 20px; 
  border-radius: 10px;  
  max-width: 1280px; 
}
#profile_forms .profile_input{
  width: 400px;
  background-color: #32495f;
  border: 0px;
  border: solid 1px #0c1a29;
  margin-top: 10px;
  color: #FFF;
  font-size: 20px;
  padding: 20px;
  border-radius: 10px;  
}

#profile_form_container{
  margin: 0 auto;
  padding: 50px 0px 60px 0px;
  color: #FFF;
  background-color: #253647;
  margin-top: 20px;
  margin-bottom: 20px; 
  border-radius: 10px;  
  max-width: 1280px;
  display: none;
}
#profile_form_container .submit_profile{
  background-color: #0c1a29;
  color: #FFF;
  padding: 20px;
  font-size: 16px;
  border: none;
  text-transform: uppercase;
  cursor: pointer;
  border-radius: 4px;
  margin-top: 10px;
  width: 100%;
  border-radius: 10px;  
  font-size: 20px;
}
#profile_form_container .submit_profile:hover {
    background-color: #112841;
}
#profile_form_container .profile_form{
  display: none;
}
#profile_form_container .profile_form .disclaimer{
  padding: 10px;
  font-size: 16px;
}
#profile_form_container .profile_form .disclaimer_large{
  padding: 10px;
  font-size: 20px;
}
#profile_form_container #cancel_edit{
  cursor: pointer;
  font-size: 20px;
  color: #FFF;
}
#profile_form_container #cancel_edit:hover{
  color: #659dd5;
}
#profile_form_container #profile_teamslist_form{
  font-size: 20px;
}
#profile_form_container #profile_teamslist_form .privacy_input{
  font-size: 20px;
  color: #FFF;
  background-color: #32495f;
  width: 400px;
  font-size: 20px;
  padding: 10px;
  padding: 20px 20px 20px 20px;
  border-radius: 10px;
  margin-bottom: 10px;
}
#profile_form_container #profile_teamslist_form .privacy_input label{
  font-size: 20px;
  color: #FFF;  
  cursor: pointer;
}
#profile_form_container #profile_teamslist_form .privacy_input label:hover{
  color: #659dd5;
}
#profile_form_container #profile_teamslist_form .privacy_input label:hover{
  color: #659dd5;
}


#profile_forms .profile_input_social_start{

  background-color: #112841;
  border: 0px;
  border: solid 1px #0c1a29;
  border-right: 0px;
  margin-top: 10px;
  color: #FFF;
  font-size: 20px;
  padding: 20px 0px 20px 20px;
  border-radius: 10px 0px 0px 10px; 
}
#profile_forms .profile_input_social{

  background-color: #32495f;
  border: 0px;
  border: solid 1px #0c1a29;
  border-left: 0px;
  margin-top: 10px;
  color: #FFF;
  font-size: 20px;
  padding: 20px 20px 20px 5px;
  border-radius: 0px 10px 10px 0px; 
}
#profile_forms #edit_twitch_start{
  width: 90px;
}
#profile_forms #edit_twitch{
  width: 305px;
}

#profile_forms #edit_youtube_start{
  width: 200px;
}
#profile_forms #edit_youtube{
  width: 194px;
}
#profile_forms #edit_twitter_start{
  width: 110px;
}
#profile_forms #edit_twitter{
  width: 284px;
}
#profile_forms #edit_discord_start{
  width: 110px;
}
#profile_forms #edit_discord{
  width: 284px;
}
#profile_forms #edit_instagram_start{
  width: 145px;
}
#profile_forms #edit_instagram{
  width: 250px;
}
/* RECENT PAGE */
#recent_contrainer{
  padding: 0px 0px 20px 0px;
}
#recent_contrainer #recent_title{
  color: #FFF;
  font-size: 30px;
}

#recent_contrainer  #other_card_list{
  padding: 10px;
  overflow: hidden;
  text-align: center;
}

#recent_contrainer  #other_card_list .other_card_container{
  padding: 10px;
  display: inline-block;
}
#recent_contrainer  #other_card_list .other_card_art{
  width: 200px;
  height: 285px;  
  box-shadow: 0 4px 8px 0 #000, 0 1px 20px 0 #000;
  border: solid 2px #FFF;  
}
#recent_contrainer  #other_card_list .other_card_art:hover{
  box-shadow: 0 4px 8px 0 #AAA, 0 1px 20px 0 #AAA;
}
#recent_contrainer  #other_card_list .order_card_syns{
  margin-top: 5px;
  margin-bottom: 5px;  
  color: #FFF;
  width: 200px;  
}
#recent_contrainer  #other_card_list .order_card_syns img{
  border: solid 1px #FFF;  
}
#recent_contrainer  #other_card_list .order_card_syns .small span{
  font-size: 13px !important;
}
#recent_contrainer  #other_card_list .other_no_art {
  width: 200px;
  height: 285px;
  border: solid 2px #FFF;
  background-color: #333;
  color: #FFF;
  margin: 0 auto;
  background-image: url("../images/player.png");
  background-size: 200px;
  position: relative;
}
#recent_contrainer  #other_card_list .other_no_art.goalie {
  background-image: url("../images/goalie.png");
}
#recent_contrainer  #other_card_list .other_no_art .centered{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
#recent_contrainer .more_cards {
  margin-top: 20px;
  display: inline-block;
  padding: 20px;
  background-color: #0c1a29;
  width: 180px;
  color: #FFF;
  border-radius: 4px;
  cursor: pointer;
  text-transform: uppercase;
  font-size: 20px;
}
#recent_contrainer .more_cards:hover {
  background-color: #112841;
}

/* Schedule PAGE */

#schedule_container{
  margin: auto;
  max-width: 900px;
  padding-bottom: 25px;
}
#schedule_container #schedule_title{
  color: #FFF;
  font-size: 30px;
  padding-bottom: 15px
}
#schedule_container #schedule_table{
  width: 100%;
  border: solid 1px #FFF;
  padding: 0px;
  cell-spacing: 0px;
  border-collapse: collapse; 
  color: #FFF;  
}
#schedule_container #schedule_table b{ 
  color: #00A5FF;  
  text-transform: uppercase;
}
#schedule_container #schedule_table th{
  text-transform: uppercase;
  padding: 15px;
  font-size: 20px;
  font-weight: normal; 
 
}
#schedule_container #schedule_table td{
  padding: 15px;
  border: solid 1px #FFF;  
  background-color: #32495f;
}
#schedule_container #schedule_table td.description{
  text-align: left;
}
#schedule_container #schedule_table td.event{
  text-align: center;
  padding: 15px;

  font-size: 20px;
}
#schedule_container #schedule_table td .card_template{
  width: 100px
}

/* GUIDES PAGE */

#hut_guides{
  
}
#hut_guides #guides_container {
  margin: auto;
  width: 100%;
  padding-bottom: 25px;
  padding-top: 25px;  
  overflow: hidden;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  text-align: center;    
}

#hut_guides .guides_table{
  width: 445px;
  color: #FFF;
}
#hut_guides .guides_table th{
  font-size: 18px;
  margin-bottom: 10px;
  margin-left: -5px;
  padding: 20px 10px 20px 10px;
  background-color: #112841;
  text-transform: uppercase;
  font-weight: normal;
}
#hut_guides .guides_table td{
  padding: 10px 10px 0px 10px;
  text-align: left;
}
#hut_guides .guides_table td a{
  color: #00A5FF;
  text-transform: lowercase;  
}
#hut_guides .guides_table td.upper a{
  color: #00A5FF;
  text-transform: uppercase;  
}
#hut_guides .guides_table td a:hover{
  color: #FFF;
}