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

html{
  height: 100%;
  margin:0;
  padding:0;
  text-size-adjust: none;

}

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;
}
.correct{
  border: solid 1px #FF0000;
}
.bg_black{
  background-color: #000;
}
#missing_card{
  padding: 20px;
}

#missing_card a{
  font-size: 20px;
  color: #FFF; 
  text-transform: uppercase;
}
#missing_card a:hover{
  color: #659dd5; 
}
.edit_player img{
  -webkit-user-select: none; /* Safari */
  -ms-user-select: none; /* IE 10 and IE 11 */
  user-select: none; /* Standard syntax */
}

/******************************** 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;
}
#home .update_content p{
  font-size: 20px;
}
#home .update_content p a{
  font-size: 20px;  
  color: #659dd5;  
 
}  
#home .update_content p a:hover{
 color: #00A5FF;

} 
/* 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;

  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 #card_search_table .abilities_select .vsb-main button .title, #cards_page #card_search #card_search_table .abilities_select .vsb-menu .multi li{
  font-size: 20px !important;
  color: #FFF !important;
  background-color: #32495f !important;   
}
#cards_page #card_search #card_search_table .abilities_select .vsb-menu .multi li:not(.grouped-option)::before{
  color: #FFF !important;    
}
#cards_page #card_search #card_search_table .abilities_select .vsb-main li:hover{
  background: none !important;  
  background-color: #253647 !important;   
}
#cards_page #card_search #card_search_table .abilities_select .vsb-main button .title img{
  background-color: #32495f !important; 
}
#cards_page #card_search #card_search_table .abilities_select .vsb-main button{
  border-radius: 0px !important;
  border: solid 1px #000 !important;
  background-color: #32495f !important;
}
#cards_page #card_search #card_search_table .abilities_select .vsb-menu{
  border: 1px solid #32495f;
  background-color: #32495f !important;  
}
#cards_page #card_search #card_search_table .abilities_select .vsb-main ul, #cards_page #card_search #card_search_table .abilities_select .vsb-js-search-zone, #cards_page #card_search #card_search_table .abilities_select .vsb-js-search-zone input{
  background-color: #32495f !important;
}
#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 0px 10px 0px;
  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;
  margin-left: -10px;
  margin-right: -10px;
  text-align: center;  
  position: relative;
  overflow: hidden;
  height: 110px;  
}
#cards_page #card_search #other_card_list .order_card_syns img{
  xborder: 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;             
  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;
}
#player_search .abilities_select .vsb-main button {
  border-radius: 0px !important;
  border: solid 1px #000 !important;
  background-color: #32495f !important;
}
#player_search .abilities_select .vsb-main ul, #player_search .abilities_select .vsb-js-search-zone, #player_search .abilities_select .vsb-js-search-zone input {
  background-color: #32495f !important;
}
#player_search .abilities_select .vsb-main li:hover {
  background: none !important;
    background-color: rgba(0, 0, 0, 0);
  background-color: #253647 !important;
}
#player_search .abilities_select .vsb-main button .title, #player_search .abilities_select .vsb-menu .multi li {
  font-size: 20px !important;
  color: #FFF !important;
  background-color: #32495f !important;
}
#player_search .abilities_select .vsb-main button .title, #player_search .abilities_select .vsb-menu .multi li {
  font-size: 20px !important;
  color: #FFF !important;
  background-color: #32495f !important;
}
#player_search .abilities_select .vsb-menu .multi li:not(.grouped-option)::before {
  color: #FFF !important;
}
#player_search .vsb-menu .multi li:not(.grouped-option).active::after {
  color: #fff;
  border-bottom: 3px solid white;
  border-right: 3px solid white;
}
#player_search .abilities_select .vsb-main button .title img {
  background-color: #32495f !important;
}

#player_search .abilities_select .vsb-main .multi{
  min-width: 300px !important;
  max-width: 300px !important;
}
#players_table{
  text-transform: uppercase !important;
}
#players_table .bg_black{
  background-color: #000;
  width: 25px;
  height: 25px;
  display: inline-block;
} 
 
/* 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 #team_synergies table td{
  vertical-align: top;    
}
 
#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 .ability_icon_wrapper{
  display: flex;
  justify-content: flex-start;
  align-content: flex-start;
  flex-wrap: wrap;
  column-gap: 4px;
}
#player_info .attributes_half .abi{
  display: inline-table;
  text-align: center;
  background-color: #0c1a29;
  cursor: pointer;
  padding: 5px;
 cell-spacing: 0px;
  overflow: hidden;
  position: relative;
}
#player_info .attributes_half .abi.selected{
  background: #112841;
  display: inline-table;
}
#player_info .attributes_half .ability_info{

  text-align: left;
  display: none; 
}
#player_info .attributes_half .ability_info.selected{
  background: #112841;
  display: block;
}
#player_info .attributes_half .ability_info .ability_name{
  font-size: 20px;
  padding: 15px 10px 10px 10px;
}
#player_info .attributes_half .ability_info .ability_points{
  display: inline-block;
  text-align: right;
  float: right;
  font-size: 20px;  
}
#player_info .attributes_half .ability_info.selected .ability_name{
  background: #112841;
  display: block;
}
#player_info .attributes_half .ability_description{
  padding: 10px;
  background: #07172a;  
}

#player_info .swap_td{
  background-color: #112841;
  border: solid 2px #999;
  text-align: left;
}
#player_info .syn:hover, #player_info .swap_syn:hover{
  border: solid 2px #ddd;
  color: #ddd;
}
#player_info .syn.clicked, #player_info .swap_syn.clicked{
  color: #04bd47;
  border: solid 2px #04bd47;
}
                        
#player_info .swap_syn{
  border: solid 2px #112841;
  cursor: pointer;
  display: inline-block; 
  position: relative;  
}   
                   
#player_info .lock_filter{
  background: #FFF;
  height: 100%;
  width: 100%;
  position: absolute;
  bottom: 0px;
  right: 0px;
  opacity: 0.4;
} 
#player_info .lock_tier {
  padding-top: 17px;
  color: #FFF;
  font-size: 11px;
  font-weight: bold;
  position: absolute;
  bottom: 1px;
  right: 8px;
}
   #player_info .lock_icon {
  color: #FFF;
  font-weight: bold;
  position: absolute;
  bottom: 0px;
  right: -1px;
  background: url("../images/icons/lock_black.png") no-repeat;
  background-size: auto;
  background-size: 25px 25px;
  width: 25px;
  height: 25px;
}                     
#player_info #tiers_container {
  padding-top: 14px;
  color: #FFF;
  font-size: 16px;
  font-weight: bold;
  clear: both;
}                       
#player_info #tiers_container #tiers_header{
  width: 100%;
  padding: 20px 10px 20px 10px;
  background-color: #112841; 
  font-size: 20px;
  box-sizing: border-box;
  margin-bottom: 2px;
}
#player_info #tiers_container .tier_links{
  display: flex;
  flex-wrap: wrap;  
  justify-content: center;
  gap: 2px;  
  clear: both;
}
#player_info #tiers_container .tier_links .tier{
  background-color: #0c1a29;
  padding: 10px 20px 10px 20px;
}
#player_info #tiers_container .tier_links .tier:hover{
  background-color: #112841;
}
#player_info #tiers_container .tier_links .tier .ovr{
  color: #00A5FF;
} 
#player_info #tiers_container .tier_links .tier.selected{
  background-color: #112841;
}
#player_info #tiers_container .tier_links a{
  color: #FFF;
}                      
 
#player_info .attributes_title_half{
  float: left;
  width: 50%;
  padding: 20px 10px 20px 10px;
  background-color: #112841;
  margin-top: 20px;
  font-size: 20px;
  box-sizing: border-box;
}
#player_info .attributes_half{
  float: left;
  width: 50%;
  padding: 20px 10px 20px 10px;
  font-size: 20px;
  box-sizing: border-box;
}



#player_info .attributes_half .abilities{
  width: 355px;
  background-color: #112841;  
  box-sizing: border-box;
  margin-left: 5px;
  margin-bottom: 5px;  
  cursor: pointer;  
} 
#player_info .attributes_half .abilities .ability_header{
  padding: 10px;
  overflow: hidden;  
}
#player_info .attributes_half .abilities .ability_icon{
  float: left;
}
#player_info .attributes_half .abilities .ability_name{
  text-transform: uppercase;
  float: left;
  padding-left: 5px;
  height: 50px;
  line-height: 50px;
  vertical-align: middle;
  font-size: 20px;
}
#player_info .attributes_half .abilities .ability_description{
  clear: both;
  font-size: 15px;
  text-align: left;
  padding: 10px;  
  background: #0c1a29;
}
#player_info .attributes_half .abilities .ability_points{
  float: right;
  padding-right: 5px;
  color: #659dd5;
}

#player_info .attributes_half .player_active_ability_total{
  height: 25px;
  line-height: 25px;
  vertical-align: middle;
  clear: both;
  display: block;
  text-align: right;
  padding: 5px 5px 10px 0px;
}
#player_info .attributes_half .player_active_ability_total span{
  color: #659dd5;
}



#player_info .attributes_title_full{
  width: 100%;
  background-color: #000;
  padding: 20px 10px 20px 10px;
  background-color: #112841;
  margin-top: 20px;
  font-size: 20px;
}




#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;
}

#compare_page{
  margin-bottom: 20px;
}
#player_info{
  width: 800px;
  background-color: #253647;
  margin-top: 20px;

  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: 0px 10px 10px 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 .collection_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; 

}
#collections_list{
  width: 400px;
  margin-right: 20px;

}
#collections_list .collection_select{
  text-transform: uppercase;
  color: #FFF;
  font-size: 20px;
  background: url("../images/builder_icons/add_white_32.png") no-repeat left 15px center;
  background-color: rgba(0, 0, 0, 0);
  background-size: auto;
  background-size: 25px 25px;
  padding: 16px 16px 16px 50px;
}
#collections_list .collection_select:hover{
  color: #659dd5;
  background: url("../images/builder_icons/add_blue_32.png") no-repeat left 15px center;  
  background-color: rgba(0, 0, 0, 0);
  background-size: auto;
  background-size: 25px 25px;  
  background-color: #0c1a29;
  cursor: pointer;
}
#player_info .info_button:hover{
  background-color: #112841;
}
#player_info #player_links{
  padding: 5px 5px 10px 5px;
  width: 427px;
  box-sizing: border-box;
}
#player_info #player_links table{
  width: 100%;
  text-align: center;
}
#compare_page #player_info .player_stats_table{
  width: 375px !important;
}
#player_info .player_stats_table{
  margin-top: 20px;
  border-collapse: collapse;
  width: 380px;
}
#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;
  width: 380px;
  margin-right: 8px;
}
#player_info .bio_title{
  color: #FFF; 
}
#player_info .bio_result{
  color: #00A5FF;
  width: 50%;
}
#player_info .bio_result img{
  xbackground-color: #000;
}
#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;
  display: inline-block;
  vertical-align: top;
}
#player_info #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;
}
#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; 
  height: 95px;  
  margin-right: -10px;
  margin-left: -10px;
}
#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 .compare_collection_search{
  background: url("../images/nav_icons/collection_white_32.png") no-repeat left 15px center;
  background-size: auto;
  background-size: 25px 25px;
}
#player_info .compare_name_search{
  background: url("../images/icons/search_white_32.png") no-repeat left 15px center;
  background-size: auto;
  background-size: 25px 25px;
}
#player_info .compare_search_button{
  background-color: #0c1a29;  
  padding: 16px 16px 16px 50px;
  color: #FFF;
  font-size: 20px;
  border: none;
  text-transform: uppercase;
  cursor: pointer;
  border-radius: 5px;
  margin-bottom: 10px;
  text-align: left;
}

#player_info .compare_search_button:hover{
  background-color: #112841;
}

#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_art1, #player_info .card_art2{
  width: 375px;
}
#player_info .player1_compare_card, #player_info .player2_compare_card{
  position: relative;
  cursor: pointer;
}
#player_info .toggle_synergies_table th, #player_info .toggle_synergies_table th{
  background-color: #112841;
  font-size: 20px;
  color: #FFF;
  padding: 20px 5px 20px 5px;
  font-weight: normal;
}
#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;
  table-layout: fixed;  
}
#player_info .table_results th{
  font-size: 20px;
  color: #FFF;
  padding: 20px 0px 20px 0px;
  font-weight: normal;
}

#player_info .table_results td{
  padding: 10px 0px 10px 0px;
  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;
  margin-top: 20px;  
}
#player_info #compare_share:hover {
  background-color: #112841; 
}

#player_info .syn_group{
  display: block;
  text-align: center;
  position: relative;
}
#player_info .syn_group .swappable_group{
	text-align: center;  
  display: none;
  left: 0; 
  right: 0; 
  margin-left: auto; 
  margin-right: auto; 
  background-color: #112841;  
  border: solid 2px #659dd5;
  padding-top: 8px;
  padding-top: 4px;  
}
#player_info .syn_group .swappable_group .player_syns img:hover{
  border: solid 2px #659dd5;
} 
#player_info #player_bio .syn_img{
  border: solid 2px #FFF;
  box-sizing: content-box;  
}
#player_info .player_syns{
  display: inline-block;
  vertical-align: top;
  cursor: pointer;
}
#player_info .syn_group .swappable_group .player_syns img:hover{
  border: solid 2px #659dd5;
} 
#player_info .syn_group .swappable_group .drop_icon, #player_info .syn_group .swappable_group .syn_amount{
	display: none;
}

#player_info .swap .drop_icon{
  display: block;
  clear: both;
  width: 39px;
  height: 20px;
  background-image: url("../images/nav_icons/down_arrow__white_32.png");  
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: center;
  margin-top: -6px;
}
#player_info .swap .drop_icon.selected{
  background-image: url("../images/nav_icons/down_arrow__blue_32.png");  
}
#player_info .syn_img.selected{
  border: solid 2px #659dd5;
}

#player_info .syn_img.hover{
  border: solid 3px #fff;
}

#player_info .syn_group{
  display: block;
  text-align: center;
  position: relative;
}
#player_info .syn_group .swappable_group{
	text-align: center;  
  display: none;
  left: 0; 
  right: 0; 
  margin-left: auto; 
  margin-right: auto; 
  background-color: #112841;  
  border: solid 2px #659dd5;
  padding-top: 8px;
  padding-top: 4px;  
}
/* Add Player/Goalie Stats Page **************************************************************************************/

#player_request.request #new_cards{
  width: 550px;
  margin: 0 auto;
}
#player_request.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_request.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_request.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_request.request #save_player:hover {
    background-color: #112841 !important;
}
#player_request.request .col_input{
  font-size: 20px;
  text-align: left;
  padding: 5px;
}
#player_request select{
  xwidth: 200px;
}
#player_request.request .col{
  float: left;
}
#player_request.request .col{
  float: left;
}
#player_request .select2-container--default .select2-selection--single {
  border-radius: 10px !important;
}
#player_request .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_request .select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 45px;
  position: absolute;
  top: 20px;
  right: 1px;
  width: 40px;
}
#player_request .select2-container--default .select2-selection--single {
    background-color: transparent !important;
    border-radius: 4px;
}


#player_add{
  padding: 25px;
  height: 500px;
  box-sizing: border-box;  
}




#new_cards{
  width: 100%;
  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;
  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{
  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;

  border: 0px;
  border: solid 1px #0c1a29;
  color: #000;
  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 #collection_settings{
  width: 100%;
  height: 100px;
  padding: 25px 15px 25px 90px;
  box-sizing: border-box;
  text-align: left;  
  background: url("../images/nav_icons/collection_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 #collection_name_edit{
  margin-top:5px;
  font-size: 35px;
  padding-right: 75px;
}
#team_builder #team_info #collection_name_edit:hover{
  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, #team_builder #team_info #collection_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, #team_builder #team_info #collection_settings .team_label{
  color: #FFF;
  font-size: 22px;
  margin-right: 10px;
}
#team_builder #team_info #team_settings .team_label input, #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 15px 0px;
}
#team_builder #team_info .syn{
  height: 45px;
  width: 45px;
  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 2px #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 {
  height: 225px;
  padding: 10px 0px 10px 0px;
  width: 100%;
  display: flex;  
  flex-direction: column;
  justify-content: space-around;
}
#team_builder .team_card_header{
  color: #FFF;
  text-align: center;
  padding: 15px 0px 15px 0px;
  height: 30px;
  margin: 0 auto;
  width: 220px;
  position: relative;
  overflow: hidden;  
}
#team_builder .team_card_syn_header, #builder_page #builder_collection_players.team_card_syn_header, #compare_page_body #builder_collection_players.team_card_syn_header{
  color: #FFF;
  text-align: center;
  padding: 15px 0px 15px 0px;
  xheight: 55px;
  height: 100px;
  margin: 0 auto;
  width: 220px;
  position: relative;
  overflow: hidden;  
}
#team_builder .team_card_syn_header .syn_img, #other_card_list .syn_img, #builder_page #builder_collection_players .syn_img, #compare_page_body #builder_collection_players .syn_img{
  border: solid 2px #FFF;
  box-sizing: content-box;  
}
#team_builder .team_card_syn_header .swap .drop_icon, #other_card_list .swap .drop_icon, #builder_page #builder_collection_players .swap .drop_icon, #compare_page_body #builder_collection_players .swap .drop_icon{
  display: block;
  clear: both;
  width: 39px;
  height: 20px;
  background-image: url("../images/nav_icons/down_arrow__white_32.png");  
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: center;
  margin-top: -6px;
}
#team_builder .team_card_syn_header .swap .drop_icon.selected, #other_card_list .swap .drop_icon.selected, #builder_page #builder_collection_players .swap .drop_icon.selected, #compare_page_body #builder_collection_players .swap .drop_icon.selected{
  background-image: url("../images/nav_icons/down_arrow__blue_32.png");  
}
#team_builder .team_card_syn_header .syn_img.selected, #other_card_list .syn_img.selected, #builder_page #builder_collection_players .syn_img.selected, #compare_page_body #builder_collection_players .syn_img.selected{
  border: solid 2px #659dd5;
}

#team_builder .team_card_syn_header .syn_img:hover, #other_card_list .syn_img:hover, #builder_page #builder_collection_players .syn_img:hover, #compare_page_body #builder_collection_players .syn_img:hover{
  border: solid 3px #fff;
}
#team_builder .team_card_syn_header .small span, #builder_page #builder_collection_players .team_card_syn_header .small span, #compare_page_body #builder_collection_players .team_card_syn_header .small span{
  font-size: 14px; 
}

#team_builder .team_card_syn_header .syn_group, #other_card_list .syn_group, #builder_page #builder_collection_players .team_card_syn_header .syn_group, #compare_page_body #builder_collection_players .team_card_syn_header .syn_group{
  display: block;
  text-align: center;
  position: relative;
}
#team_builder .team_card_wrapper .syn_group .swappable_group, #team_builder .dteam_card_wrapper .syn_group .swappable_group, #other_card_list .syn_group .swappable_group, #builder_page #builder_collection_players .syn_group .swappable_group, #compare_page_body #builder_collection_players .syn_group .swappable_group{
	text-align: center;  
  display: none;
  left: 0; 
  right: 0; 
  margin-left: auto; 
  margin-right: auto; 
  background-color: #112841;  
  border: solid 2px #659dd5;
  padding-top: 8px;
  padding-top: 4px;  
}
#team_builder .team_card_wrapper .syn_group .swappable_group .player_syns img:hover, #team_builder .dteam_card_wrapper .syn_group .swappable_group .player_syns img:hover, #other_card_list .syn_group .swappable_group .player_syns img:hover, #builder_page #builder_collection_players .syn_group .swappable_group .player_syns img:hover, #compare_page_body #builder_collection_players .syn_group .swappable_group .player_syns img:hover{
  border: solid 2px #659dd5;
} 
#team_builder .team_card_wrapper .syn_group .swappable_group .drop_icon, #team_builder .team_card_wrapper .syn_group .swappable_group .syn_amount,#team_builder .dteam_card_wrapper .syn_group .swappable_group .drop_icon, #team_builder .dteam_card_wrapper .syn_group .swappable_group .syn_amount, #other_card_list .syn_group .swappable_group .drop_icon, #other_card_list .syn_group .swappable_group .syn_amount, #builder_page #builder_collection_players .syn_group .swappable_group .syn_amount, #compare_page_body #builder_collection_players .syn_group .swappable_group .syn_amount{
	display: none;
}

#team_builder .team_card_syn_header .player_syns, #other_card_list .player_syns, #builder_page #builder_collection_players .player_syns, #compare_page_body #builder_collection_players .player_syns{
  display: inline-block;
  vertical-align: top;
  cursor: pointer;
}
#team_builder .team_card_syn_header .player_syns .syn_amount, #other_card_list .player_syns .syn_amount, #builder_page #builder_collection_players .player_syns .syn_amount, #compare_page_body #builder_collection_players .player_syns .syn_amount{
  display: block;
  float: right;
  margin-top: 13px;
  color: #FFF;
}

#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; 
  position: absolute;
}
#team_builder #team_abilities_section .edit_player, #team_builder #team_abilities_section .edit_goalie, #team_builder #team_abilities_section .edit_coach,#team_builder #team_abilities_section .view_player, #team_builder #team_abilities_section .view_goalie, #team_builder #team_abilities_section .view_coach{
  position: relative !important;
}
#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_collection{
  width: 50px;
  height: 50px;
  margin: 0 auto; 
  background: url("../images/nav_icons/collection_white_64.png") no-repeat center;
  background-size: 50px 50px;  
  cursor: pointer; 
}
#team_builder .search_collection:hover{
  background: url("../images/nav_icons/collection_blue_64.png") no-repeat center;
  background-size: 50px 50px;  
}
#team_builder #starting_page .group_cards{
  width: 40px;
  position: absolute;
  left: 177px;
  top: -2px;  
  display: flex;
  flex-direction: column;
  gap: 8px;
}

#team_builder #starting_page .group_card_id{
  color: #FFF;
  background-color: #0c1a29;
  padding: 10px 5px 10px 5px; 
  font-size: 20px;  
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;  
  cursor: pointer;
}
#team_builder #starting_page .group_card_id:hover{
  background-color: #0b2b4d; 
}
#team_builder #starting_page .group_card_id.group_selected{
  background-color: #0b2b4d; 
}
#team_builder .card_search{
  font-size: 20px;
  width: 98px;
  height: 20px;
  margin: 0 auto;
  cursor: pointer;
  text-align: left;
  border-radius: 5px;
  padding: 16px 16px 16px 45px;
  background-color: #0c1a29 !important;  
}
#team_builder .card_search:hover{
    background-color: #253647 !important; 
}
 
#team_builder .card_search_all{
  background: url("../images/icons/search_white_32.png") no-repeat left 10px center;
  background-size: 25px 25px;
}
#team_builder .card_search_collection{
  background: url("../images/nav_icons/collection_white_32.png") no-repeat left 10px center;
  background-size: 25px 25px;
}
#team_builder .card_search_all:hover{
  background: url("../images/icons/search_white_32.png") no-repeat left 10px center;
  background-size: 25px 25px;
}
#team_builder .card_search_collection:hover{
  background: url("../images/nav_icons/collection_white_32.png") no-repeat left 10px center;
  background-size: 25px 25px;
}
#team_builder .search_player_input, #team_builder .search_goalie_input, #team_builder .search_coach_input{
  width: 170px;
  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;
}

#team_builder #abilities span{
  font-size: 20px;
}
#team_builder #abilities #team_ability_total{
  color: #FF0000;
  font-size: 20px;

}
#team_builder #abilities #team_ability_total.active{
  color: #04bd47;
}
#team_builder #abilities #team_ability_total.overlimit, #team_builder #abilities #team_ability_limit.overlimit{
  color: #FF0000;
}
#team_builder #team_abilities_section{
  clear: both;
  color: #FFFFFF;
  text-align: left;
  overflow: hidden;  
}
#team_builder #team_abilities_section .player_ability_section.deactive{
  display: none;
}
#team_builder #team_abilities_section .player_ability_section{
  padding: 10px 10px 10px 10px; 
  clear: both;
  overflow: hidden;
  width: 900px;
  margin: auto;
  background-color: #0c1a29;
  margin-top: 10px;
  margin-bottom: 10px;
}
#team_builder #team_abilities_section .player_ability_section .player_ability_header{
  height: 25px;
  line-height: 25px;
  vertical-align: middle; 
  text-align: right;
  padding: 10px 10px 10px 10px;  
  font-size: 20px;
  text-transform: uppercase;
  background: #112841;
  margin-bottom: 10px;
}
#team_builder #team_abilities_section .player_ability_section .player_ability_header .ability_player_name{
  font-size: 25px;
}
#team_builder #team_abilities_section .player_ability_header .player_active_ability_total{
  float: right;
  text-align: right;
}
#team_builder #team_abilities_section .player_ability_header .player_active_ability_total span{
  color: #659dd5;
  font-size: 20px;
}
#team_builder #team_abilities_section .player_ability_header .player_active_ability_total span.selected{
  color: #04bd47;
}
#team_builder #team_abilities_section .player_ability_wrapper{
  display: flex; 
}
#team_builder #team_abilities_section .card_wrapper{ 
  display: flex; 
  align-items: flex-start; 
}


#team_builder #team_abilities_section .player_ability_section .player_abilities{
  display: flex;
  flex-wrap:wrap;
  justify-content: space-between;  
  width: 725px;  
}
#team_builder #team_abilities_section .player_ability_section .player_abilities .abilities{
  width: 355px;
  background-color: #112841;  
  padding: 5px;
  box-sizing: border-box;
  margin-left: 5px;
  margin-bottom: 5px;  
  cursor: pointer;
  border: solid 2px #112841;   
}

#team_builder #team_abilities_section .player_ability_section .player_abilities .abilities .ability_icon{
  float: left;
}
#team_builder #team_abilities_section .player_ability_section .player_abilities .abilities .ability_name{
  text-transform: uppercase;
  float: left;
  padding-left: 5px;
  height: 50px;
  line-height: 50px;
  vertical-align: middle;
  font-size: 20px;
}
#team_builder #team_abilities_section .player_ability_section .player_abilities .abilities .ability_description{
  clear: both;
  font-size: 18px !important;
  text-align: left;
}
#team_builder #team_abilities_section .player_ability_section .player_abilities .abilities .ability_points{
  float: right;
  padding-right: 5px;
  color: #659dd5;
  font-size: 20px;
}
#team_builder #team_abilities_section .player_ability_section .player_abilities .abilities .ability_points span{
  float: right;
  padding-left: 5px;  
  color: #659dd5;
  font-size: 20px;
}
#team_builder #team_abilities_section .player_ability_section .player_abilities .abilities.selected{
  background-color: #0b2b4d;  
  border: solid 2px #04bd47;  
}

#team_builder #team_abilities_section .player_ability_section .player_abilities .abilities.selected .ability_name{
  color: #04bd47;
}

#team_builder #team_abilities_section .player_ability_section .player_abilities .abilities.selected .ability_points span{
  color: #04bd47;
  font-size: 20px;
 
}
#team_builder #synergies_container{
  display: flex;
  flex-wrap: wrap;
  justify-content: center;  
  color: #FFF;  
}
#team_builder .builder_synergies .syn_column{
  flex: 1;
}
#teamshot_page{
  display: flex;
  justify-content: center; 
}
#teamshot_page .line{		
  flex: 1;
  display: flex;  
  justify-content: space-between; 
 
}
#teamshot_page .line img{	
  border: solid 1px #FFF;

}
#teamshot{
  background: url("../images/builder_icons/share_white_32.png") no-repeat left 15px center;
  background-size: 25px 25px;
  padding: 16px 16px 16px 50px !important;
  background-color: #0c1a29;   
}
#teamshot span{
  color: #04bd47;
}
#teamshot_page #teamshot_forwards .line{
  width: 320px;
}	
#teamshot_page .line_header{
  background-color: #112841;
  color: #FFF;
  padding: 7px 7px 7px 7px;
  font-size: 13px;
  text-transform: uppercase;  
  text-align: center;  
  font-weight: bold;

}
#teamshot_page #teamshot_forwards{
  padding: 0px 10px 0px 0px;
}
#teamshot_page #teamshot_forwards .line{
  width: 320px;
}	

#teamshot_page #teamshot_defense{
  padding: 0px 10px 10px 10px;
}
#teamshot_page #teamshot_defense .line{
  width: 210px;
}	
#teamshot_name{
  font-size: 22px;
  color: #FFF;
  text-align: center;
  padding-bottom: 15px;
  margin-top: -5px;
}
#teamshot_active_syns{
  padding: 10px;
  text-align: center;
  color: #FFF; 
  text-transform: uppercase; 
  background-color: #112841;  
  padding: 5px;  

  margin-bottom: 10px;  
}
#teamshot_active_syns .active_syn_title{
  padding-bottom: 5px;
  font-size: 13px;
  font-weight: bold;   
}
#teamshot_active_syns img{
  width: 25px !important;
  height: 25px !important;
}

#highlights_container{
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  width: 290px;  
  height: 560px;  
}
#teamshot_page #team_highlights{
  width: 290px;
}
#highlights_container .spotlight_player{
  flex: 1 0 45%;
  color: #FFF;
  font-size: 14px;
  display: flex;  
  flex-direction: column;
  text-align: center;
  justify-content: center; 
  height: 145px;  
  margin-bottom: 10px;
}  
#highlights_container .spotlight_player .spotliight_player_container{
  width: 105px;
  text-align: left;
  margin: auto;
  margin-top: 15px;
  height: 125px;
  font-size: 15px;  
  box-sizing: content-box;  
  background-color: #112841;  
  padding: 8px;  
    
}
#highlights_container .spotlight_player .spotliight_player_container_small{
  width: 105px;
  text-align: left;
  margin: auto;
  margin-top: 15px;
  height: 100px;
  font-size: 15px;  
  box-sizing: content-box;  
  background-color: #112841;  
  padding: 8px;  
   
}
#highlights_container .trimimage_container{
  width: 105px;
  height: 55%;
  overflow: hidden;
  margin: 0 auto;  
  border: solid 1px #FFF;  
}
#highlights_container .trimimage_container img{
  width: 100%;
  height: auto;
  clip-path: inset(0 0 50% 0);
}
#highlights_container .highlight_text{
  font-size: 13px;
  padding-top: 3px;
  display: flex;
  justify-content: space-between;  
}
#highlights_container .highlight_texts{
  font-size: 13px;
  padding-bottom: 5px;
  display: flex;  
  justify-content: space-between;  
}
#highlights_container .spotlight_player .spotliight_player_container .highlight_stat_amount{
  font-size: 15px;  
  color: #659dd5; 
  text-align: right;   
}
#highlights_container .spotlight_player .spotliight_player_container .highlight_stat{
  text-align: left; 
  font-size: 13px;    
}


#highlight_players{
  font-size: 13px;
  font-weight: bold;
  color: #FFF;
  text-align: center;
  text-transform: uppercase;
  background-color: #112841;
  padding: 5px;  
  margin-top: 10px;

}
#download_teamshot, #share_team_link{
  background-color: #253647;
  color: #FFF;
  padding: 10px;
  font-size: 13px;
  border: none;
  text-transform: uppercase;
  cursor: pointer;
  display: block;
  border-radius: 5px;
  width: 145px;
  text-align: center;
  margin-right: 20px;
  margin-top: -5px;
  font-weight: bold;
}
#download_teamshot:hover, #share_team_link:hover{
  background-color: #112841;
}
#teamshot_wrapper{
  background-color: #253647;
}

/* 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%/4);
  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;
  border: solid 1px;  
}
#complete_glossary td.section{
  border-top: solid 4px;  
}
#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 #collection_icon{
  width: 100px;
  float: right;
  background: url("../images/nav_icons/collection_white_64.png") no-repeat center;
  background-size: 64px 64px;  
  cursor: pointer;  
}
#mobile_nav #nav_header #collection_icon:hover{
  width: 100px;
  float: right;
  background: url("../images/nav_icons/collection_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 .collection_link{
  background: url("../images/nav_icons/collection_white_32.png") no-repeat left 40px center;
  background-size: 25px 25px;
  padding: 16px 16px 16px 80px; 
}
#mobile_nav #nav_menu .collection_link:hover{
  background: url("../images/nav_icons/collection_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;
}

/*Autocomplete builder search*/

#builder_page .autocomplete-suggestions, 
#cards_page_body  .autocomplete-suggestions, 
#compare_page_body .autocomplete-suggestions, 
#stats_page_body .autocomplete-suggestions{
  border: none !important;
}
#builder_page .autocomplete-suggestion, 
#cards_page_body  .autocomplete-suggestion, 
#compare_page_body .autocomplete-suggestion, 
#stats_page_body .autocomplete-suggestion{
  padding: 10px;
  border: none !important;
  background-color: #32495f;
  color: #FFF !important;
  font-size: 25px !important;
}
#builder_page .autocomplete-suggestion img, 
#cards_page_body  .autocomplete-suggestion img, 
#compare_page_body .autocomplete-suggestion img, 
#stats_page_body .autocomplete-suggestion img{
  display: inline-block;
  vertical-align: bottom;
}
#builder_page .autocomplete-suggestion:hover, 
#cards_page_body  .autocomplete-suggestion:hover, 
#compare_page_body .autocomplete-suggestion:hover, 
#stats_page_body .autocomplete-suggestion:hover{
  background-color: #253647;
}
#builder_page .autocomplete-group, 
#cards_page_body  .autocomplete-group, 
#compare_page_body .autocomplete-group, 
#stats_page_body .autocomplete-group{
    padding: 10px !important;
  padding-left: 50px;
  padding-right: 50px;    
    font-weight: bold;
    font-size: 25px;
    color: #FFF;
    display: block;
    border-bottom: 1px solid #000;
    background-color: #0c1a29;
}
#builder_page .autocomplete-suggestions strong, 
#cards_page_body .autocomplete-suggestions strong, 
#compare_page_body .autocomplete-suggestions strong, 
#stats_page_body .autocomplete-suggestions strong{
    font-weight: bold;
    color: #659dd5;
    font-size: 25px !important;    
}

#builder_page .autocomplete-suggestion:nth-child(even), 
#compare_page_body .autocomplete-suggestion:nth-child(even), 
#stats_page_body .autocomplete-suggestion:nth-child(even){
  background-color: #3e5a75;
}
#builder_page .autocomplete-suggestion:hover, 
#compare_page_body .autocomplete-suggestion:hover, 
#stats_page_body .autocomplete-suggestion:hover{
  background-color: #253647;
}



#builder_page .autocomplete-suggestion .auto_title, 
#compare_page_body .autocomplete-suggestion .auto_title, 
#stats_page_body .autocomplete-suggestion .auto_title{
  float: left;
  font-size: 20px;
  margin-right: 5px; 
  text-align: center;
}
#builder_page .autocomplete-suggestion .auto_title .span, 
#compare_page_body .autocomplete-suggestion .auto_title .span, 
#stats_page_body .autocomplete-suggestion .auto_title .span{
  display:flex;
  align-items:center;
  font-size: 20px;
}
#builder_page .autocomplete-suggestion .autocomplete_syns_section, 
#compare_page_body .autocomplete-suggestion .autocomplete_syns_section, 
#stats_page_body .autocomplete-suggestion .autocomplete_syns_section{
  float: left;
  width: 175px;
}
#builder_page .autocomplete-suggestions .autocomplete_syns .autocomplete_syns_icons, 
#compare_page_body .autocomplete-suggestions .autocomplete_syns .autocomplete_syns_icons, 
#stats_page_body .autocomplete-suggestions .autocomplete_syns .autocomplete_syns_icons{
  display: inline-block;
  text-align: left;
}
#builder_page .autocomplete-suggestions .autocomplete_syns, 
#compare_page_body .autocomplete-suggestions .autocomplete_syns, 
#stats_page_body .autocomplete-suggestions .autocomplete_syns{
  border: solid 1px #FFF;
  float: left;
  padding: 1px 3px 1px 3px; 
  margin-bottom: 3px;
  margin-right: 3px;  
}

/***
#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;
  vertical-align: top;
}
#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;
  height: 90px;  
  margin-left: -10px;
  margin-right: -10px;
}
#recent_contrainer  #other_card_list .order_card_syns img{
  xborder: 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;
}
/**** Add Cards Page **********/
#new_cards_manage{
  margin: 0 auto;
  padding: 3px;
}

#new_cards_manage .select2-container--default .select2-selection--single .select2-selection__rendered {
  color: #000 !important;
  background-color: #FFF !important;
  margin-top: 0px !important;
  border-radius: 4px;  
  padding: 1px 5px 1px 5px !important;
}

#new_cards_manage .select2-container--default .select2-selection--multiple {
  color: #000 !important;
  background-color: #FFF !important;
  margin-top: 0px !important; 
  border-radius: 4px;    
}
#new_cards_manage .select2-container--default .select2-selection--single .select2-selection__arrow {
  right: -1px !important; 
  top: 4px !important; 
}

#new_cards_manage .tdtitle{
  color: #FFF;
}
#new_cards_manage #player_image_col, #new_cards_manage #goalie_image_col{
  min-width: 275px;
  width: 15%;
}
#new_cards_manage #synergy_list ul{
  list-style-type: none;
  color: #FFF;
  padding: 0px 0px 0px 0px;
  text-align: right;
}
#new_cards_manage #synergy_list ul li{
  text-align: center;
}
#new_cards_manage #synergy_list ul li div.syn_wrap{
  text-align: center;
  overflow: hidden;
  height: 54px;
  margin-bottom: 5px;
}
#new_cards_manage #synergy_list ul li div.syn_list_abbr{
  color: #04bd47;
  cursor: pointer;
  width: 54px;
  height: 54px;  
  text-align: center;
  display: inline-block;
}
#new_cards_manage #synergy_list ul li div.syn_list_abbr img{
  border: solid 2px #04bd47;
}
#new_cards_manage #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_manage #player_stats_col, #new_cards_manage #goalie_stats_col{
  min-width: 650px;
}
#new_cards_manage #stats_table{
  width: 100%;
  min-width: 600px;
  text-align: left;
  border-bottom: solid 2px #666;
  border-top: solid 2px #666; 
  padding: 10px;  
}
#new_cards_manage #card_info_table{
  width: 590px;
}
#new_cards_manage .new_card{
  width: 25px;
}
#new_cards_manage .new_card_select{
  width: 126px;
}
#new_cards_manage .new_card_select_double {
  width: 252px;
}
#new_cards_manage .tdtitle{
  text-align: left;
}
#new_cards_manage input{
  padding: 5px 10px 5px 10px;
  color: #444;
  border-radius: 4px;  
  border: none;
}
#new_cards_manage #first_name{
 width: 250px;
}
#new_cards_manage #last_name{
 width: 250px;
}
#new_cards_manage #nationality{
  width: 130px;
}
#new_cards_manage #height{
  width: 78px;
}
#new_cards_manage #weight{
  width: 30px;
}
#new_cards_manage #handedness{
  width: 70px;
}
#new_cards_manage #age{
  width: 42px;
}
#new_cards_manage #salary{
  width: 75px;
}
#new_cards_manage #synergy_select{
  width: 386px;
}
#new_cards_manage #approved{
  width: 47px;
}
#new_cards_manage #increase_stats, #new_cards_manage #decrease_stats{
  background-color: #000;
  color: #FFF;
  width: 200px;
  padding: 5px;
  margin: auto;
  cursor: pointer;
  display:inline-block;
  text-align:center;  
}
#new_cards_manage #increase_stats:hover, #new_cards_manage #decrease_stats:hover{
  background-color: #777;
}
#new_cards_manage #save_player, #new_cards_manage #save_goalie, #new_cards_manage .save_player, #new_cards_manage .save_goalie{
  background-color: #0c1a29;
  color: #FFF;
  padding: 16px;
  font-size: 16px;
  border: none;
  text-transform: uppercase;
  cursor: pointer;
}
#new_cards_manage #save_player:hover, #new_cards_manage #save_goalie:hover, #new_cards_manage .save_player:hover, #new_cards_manage .save_goalie:hover{
  background-color: #333 !important;
}


#new_cards_manage .vsb-menu ul{
  width: 300px !important;
}
#new_cards_manage .vsb-menu ul li{
  font-size: 20px !important;
}
#new_cards_manage .vsb-menu ul input{
  padding-bottom: 0px;
  padding-top: 0px;
  border: 1px solid grey !important;
  border-radius: 4px !important;
}
#new_cards_manage #player_syn_amount_table .swap_synamount{
  width: 39px;
}
#new_cards_manage #card_group{
  
}
#new_cards_manage #card_group #create_card_group{
  background-color: #0c1a29;
  color: #FFF;
  padding: 16px;
  font-size: 16px;
  border: none;
  text-transform: uppercase;
  cursor: pointer;
  display: inline-block;
  border-radius: 4px;
}
#new_cards_manage #card_group #create_card_group:hover{
  background-color: #333 !important;
}
#new_cards_manage .empty_check{
  display: inline-block;
}
#new_cards_manage .empty_check.empty{
  border: solid 2px #ffee00;
}
#new_cards_manage .empty{
  border: solid 2px #ffee00 !important;
}
#bulk_upload #new_cards_manage select{
  font-size: 16px !important;
}
#bulk_upload #fileuploader{
  display: inline-block;
  margin-top: 20px;
}
#bulk_upload #fileuploader .ajax-upload-dragdrop{
  text-align: center !important;
  padding: 20px !important;
  width: 300px !important;
}  
#bulk_upload .ajax-file-upload-statusbar{
  float: left;
}
#bulk_upload .submit_response, #new_cards_manage .submit_response{
  color: #FFF;
  background-color: #0c1a29;
  padding: 20px;
  font-size: 20px;
}
#bulk_upload .submit_response a{
  font-size: 20px;
  color: #FFF;
}
#bulk_upload .submit_response a:hover{
  font-size: 20px;
  color: #112841;
}
#bulk_upload .card_section{
  border: solid 5px #0c1a29;
  padding: 10px;
  margin-bottom: 10px;
  display: inline-block;
}
#bulk_upload .error_response, #new_cards_manage .error_response{
  color: #F00;
}
#bulk_upload .success_response, #new_cards_manage .success_response{
  color: #05D212;
}
#bulk_upload .ability_reminder{
  color: #FFEF00;
  padding-bottom: 4px;
}
.switch_art{
  cursor: pointer;
  color: #FFF;
  padding: 5px;
  background-color: #0c1a29;
  margin: 5px 15px 0px 15px;
}
.switch_art:hover{
  background-color: #333;
}
/* Manage Collections Page **************************************************************************************/
#manage_mycollections{
  margin: 0 auto;               
  color: #FFF;
  background-color: #253647;
  margin-bottom: 20px;  
}  
#manage_mycollections #user_header{
  padding: 25px 20px 25px 20px;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;  
}
#manage_mycollections #builder_username{
  font-size: 30px;
}
#manage_mycollections #team_share_container{
  background-color: #;
  padding: 25px 0px 25px 0px;
  overflow: hidden;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
#manage_mycollections #team_share_container #new_team{
  width: 570px;
  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_mycollections .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_mycollections #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_mycollections #new_team .button:hover{
  background-color: #112841;
}
#manage_mycollections #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_mycollections #share_builds:hover{
  background-color: #112841;
}
#manage_mycollections #team_list{
  padding: 0px 0px 25px 0px;
  margin: 0 auto;
                    
}
#manage_mycollections #team_list table{
  width: 100%;
  border-collapse: collapse;  
}
#manage_mycollections #team_list table td{
  text-align: left;
  padding: 10px;
  font-size: 20px;
}
#manage_mycollections #team_list table tr{

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

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

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

#manage_mycollections #team_list a{
  color: #FFF;
  font-size: 20px;
}
#manage_mycollections #team_list a:hover{
  color: #659dd5;
}
#manage_mycollections #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_mycollections #team_list table thead tr:hover{
  pointer-events: none;
}
#manage_mycollections #team_list table td.icon_td{
  width: 60px;
  height: 40px;  
  cursor: pointer;
  background-size: 40px 40px;  
}
#manage_mycollections #team_list table td.icon_td:hover{
  background-size: 40px 40px;  
}
#manage_mycollections #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_mycollections #team_list td.td_team_name a div:hover{
  color: #659dd5;
}
#manage_mycollections #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_mycollections #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_mycollections #team_list td.icon_order{
  cursor: move !important;
  background: url("../images/builder_icons/up_down_white_64.png") no-repeat center;  

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



#builder_page #builder_collection_players, #compare_page_body #builder_collection_players{
  width: 810px;
  margin-right: 20px;
  display: grid;
  grid-gap: 25px;  
  justify-content: center;
  grid-template-columns: repeat(auto-fit, minmax(240px, max-content));  
  padding: 20px;
}
#builder_page #builder_collection_players .team_card_syn_header, #compare_page_body #builder_collection_players .team_card_syn_header{
  padding-top: 15px;
}
#builder_page #builder_collection_players .card, #compare_page_body #builder_collection_players .card{
  cursor: grab;
}
#builder_page #builder_collection_players .card img, #compare_page_body #builder_collection_players .card img{
  width: 200px;
  height: 285px;
}
#builder_page #builder_collection_players .card_container, #compare_page_body #builder_collection_players .card_container{
  padding: 20px;
  width: 240px;
  height: 420px;
  text-align: center;
  background: #112841;
  border-radius: 10px 10px;  
  cursor: grab;
}
#builder_page #builder_collection_players .droppable_container, #compare_page_body #builder_collection_players .droppable_container{
  width: 240px;
  height: 420px;  
  border-radius: 10px 10px;
}
#builder_page #builder_collection_players .droppable_container, #compare_page_body #builder_collection_players .droppable_container{
  width: 240px;
  height: 420px;  
  border-radius: 10px 10px;
}
#builder_page #builder_collection_players .droppable_container:hover, #compare_page_body #builder_collection_players .droppable_container:hover{
  box-shadow: 0 4px 8px 0 #AAA, 0 1px 20px 0 #AAA;
}
#builder_page #builder_collection_players .droppable_container.highlight:hover, #compare_page_body #builder_collection_players .droppable_container.highlight:hover{
  border: solid 2px #FFF;
  border-style: dashed;
}
#builder_page #builder_collection_players .card img, #compare_page_body #builder_collection_players .card img{
  width: 200px;
  height: 285px;
  box-shadow: 0 4px 8px 0 #000, 0 1px 20px 0 #000;
  border: solid 2px #FFF;
  cursor: pointer;  
}
#builder_page #builder_collection_players .card img:hover, #compare_page_body #builder_collection_players .card img:hover{
  box-shadow: 0 4px 8px 0 #AAA, 0 1px 20px 0 #AAA;
}

#builder_page #builder_search_container, #compare_page_body #builder_search_container{
  min-width: 700px;
  min-height: 500px;
}
#builder_page #builder_search, #compare_page_body #builder_search{
  text-align: center;
}
#builder_page #builder_search_container #builder_search_input, #compare_page_body #builder_search_container #builder_search_input{
  background: url("../images/icons/search_white_32.png") no-repeat left 15px center;
  background-color: rgba(0, 0, 0, 0);
  background-size: auto;
  background-size: 25px;
  color: #FFF;
  font-size: 30px;
  background-color: #32495f;
  border: none;
  border: 1px solid #000;
  width: 80%;
  padding: 11px;
  padding-left: 11px;
  padding-left: 50px;
  border-radius: 10px;
  box-sizing: border-box;
  display: inline-block;
}

#team_builder #card_collection{
  display: grid;
  grid-gap: 25px;  
  justify-content: center;
  grid-template-columns: repeat(auto-fit, minmax(240px, max-content));  
  padding: 20px;
}
#team_builder #player_select{
  background-color: #0c1a29;
  color: #FFF;
  font-size: 20px;  
  padding: 25px;
}
#team_builder #player_select input{
width: 335px;
  background-color: #32495f;
  border: 0px;
  border: solid 1px #0c1a29;
  color: #FFF;
  font-size: 20px;
  padding: 10px;
  border-radius: 5px;
}

#team_builder #card_collection .card_header{
  display: flex;
  justify-content: space-between;
  padding: 8px 0px 8px 0px; 
  box-sizing: border-box;  
  color: #FFF;
  font-size: 20px;
  width: 210px;
  margin: auto;
  font-size: 25px;
  font-weight: bold;
}
#team_builder #card_collection .card_header .list_button{
  padding: 4px 10px;
  font-size: 20px;
}
#team_builder #card_collection .card_header .delete_player.list_button:hover{

  background: url("../images/builder_icons/delete_blue_32.png") no-repeat center;  
  cursor: pointer;
  background-size: 25px 25px;    
}
#team_builder #card_collection .card_header .delete_player{
  width: 25px;
  height: 25px;
  background: url("../images/builder_icons/delete_white_32.png") no-repeat center;
  background-size: 25px 25px;  
}
#team_builder #card_collection .card{
  cursor: grab;
}
#team_builder #card_collection .card img{
  width: 200px;
  height: 285px;
}
#team_builder #card_collection .card_container{
  width: 240px;
  height: 420px;
  text-align: center;
  background: #112841;
  border-radius: 10px 10px;  
  cursor: grab;
}
#team_builder #card_collection .droppable_container{
  width: 240px;
  height: 420px;  
  border-radius: 10px 10px;
  position: relative;
}
#team_builder #card_collection .droppable_container:hover{
  box-shadow: 0 4px 8px 0 #AAA, 0 1px 20px 0 #AAA;
}
#team_builder #card_collection .droppable_container.highlight:hover{
  border: solid 2px #FFF;
  border-style: dashed;
}
#team_builder #card_collection .card img {
  width: 200px;
  height: 285px;
  box-shadow: 0 4px 8px 0 #000, 0 1px 20px 0 #000;
  border: solid 2px #FFF;
  cursor: pointer;  
}
#team_builder #card_collection .card img:hover {
  box-shadow: 0 4px 8px 0 #AAA, 0 1px 20px 0 #AAA;
}
#team_builder #card_collection .no-col-art .card_info_container{
  width: 200px;
  height: 285px;
  box-shadow: 0 4px 8px 0 #000, 0 1px 20px 0 #000;
  border: solid 2px #FFF;
  background-image: url("../images/player.png");
  background-size: 200px;
  margin: auto;
}
#team_builder #card_collection .no-col-art.goalie .card_info_container{
  background-image: url("../images/goalie.png");

}
#team_builder #card_collection .no-col-art .card_info_container .card_info{
  display: table-cell;  
  vertical-align: middle;
  color: #FFF;  
  width: 200px;
  height: 285px;   
}
#builder_page #copy_collection{
width: 335px;
  background-color: #32495f;
  border: 0px;
  border: solid 1px #0c1a29;
  color: #FFF;
  font-size: 20px;
  padding: 10px;
  border-radius: 5px;
}

#manage_mycollections .create_account{
  padding: 20px;
  font-size: 20px;
  
}
#manage_mycollections .create_account a{
  color: #659dd5;
  font-size: 20px;
}
#manage_mycollections .create_account a:hover{
  text-decoration: underline;
}
#builder_page #group_player_search{
background: url("../images/builder_icons/add_white_32.png") no-repeat left 20px center;
  background-size: 30px 30px;
  font-size: 30px;
  width: 310px;
  height:30px;
  margin: 0 auto;
  cursor: pointer;
  text-align: left;
  border-radius: 5px;
  padding: 16px 30px 16px 60px;
  background-color: #112841;
}
#builder_page #group_player_search:hover{
  background-color: #253647;
}
#card_collection .team_card_syn_header {
  height: 50px !important;
  padding-bottom: 0px !important;
}
#collections_list_container.hide{
  display: none !important;
}
#collections_container .stats_table_header{
  background-color: #0c1a29;
  color: #FFF;
  font-size: 25px;
  padding: 25px 0px 25px 0px;
  margin-bottom: 10px;
}
#collections_container .collection_overlay.shadow{
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  width: 100%;
  z-index: 100;
  background-color: #000;
  border-radius: 10px 10px;  
  opacity: 0.9;
}
#collections_container #collections_filter{
  display: flex;
  width: 100%;
  padding: 5px;
  box-sizing: border-box;
  color: #FFF;
}
#collections_container #collections_filter .collections_filter_section{
  margin: 5px;
}
#collections_container #collections_filter .button{
  cursor: pointer;
  background-color: #112841;
}
#collections_container #collections_filter .button:hover{
  background-color: #0c1a29;
}
#collections_container #collections_filter .position_selected{
  background-color: #0c1a29;
}
#collections_container #collections_filter .collections_filter_section .filter_title{
  width: 100%;
  box-sizing: border-box;  
  padding: 25px 25px 25px 25px;
  font-size: 25px;
  line-height: 25px;  
}
#collections_container #collections_filter .collections_filter_section.forwards{
  flex: 3;
}
#collections_container #collections_filter .collections_filter_section.defense{
  flex: 2;
}
#collections_container #collections_filter .collections_filter_section.stats{
  flex: 1;
  text-align: center;
  vertical-align: middle;
  line-height: 160px; 
  font-size: 25px;  
}
#collections_container #collections_filter .collections_filter_section .filter_positions{
  display: flex;
  width: 100%;  
  margin-top: 5px;
  gap: 5px;  
}
#collections_container #collections_filter .collections_filter_section .filter_positions div{ 
  flex: 1;
  box-sizing: border-box;  
  padding: 25px 25px 25px 25px;
  font-size: 25px;
  line-height: 25px; 
}
#collections_container #collections_filter .collections_filter_header{

}
#collections_container #collections_filter #position_types{
 
  
}
#collections_container .dataTables_scrollHeadInner, #collections_container .dataTables_scrollFootInner{
  width: 100% !important;
}
#builder_collection_list{
  width: 400px;
  margin-right: 20px;
  color: #FFF;
  font-size: 20px;
}
#builder_collection_list a{
  color: #659dd5;
  font-size: 20px;
}
#builder_collection_list .collection_select{
  text-transform: uppercase;
  color: #FFF;
  font-size: 20px;
  background: url("../images/nav_icons/collection_white_64.png") no-repeat left 15px center;
  background-color: rgba(0, 0, 0, 0);
  background-size: auto;
  background-size: 25px 25px;
  padding: 16px 16px 16px 50px;
}
#builder_collection_list .collection_select:hover{
  color: #659dd5;
  background: url("../images/nav_icons/collection_blue_64.png") no-repeat left 15px center;  
  background-color: rgba(0, 0, 0, 0);
  background-size: auto;
  background-size: 25px 25px;  
  background-color: #0c1a29;
  cursor: pointer;
}