:root, [data-theme="light"] {
    --page-bg-color: #F0F9FF;
    --page-fg-color: #333333;
    --header-fg-color: #DFF2FE;
    --header-bg-color: #024A70;

    --table-th-bg: #024A70;
    --table-th-fg: #dadada;
    --table-th-border: #BABABA;
    --table-tr-bg: #dadada;
    --table-tr-fg: #333333;
    --table-td-border: #BABABA;
    --table-tr-hover-bg: lightyellow;
    --table-tfoot-td-bg: #024A70;
    --table-tfoot-td-fg: #DADADA;
    --table-tr-bg-td-subheader: #dadada;

    
    --planstable-tbody-tr-td-h5-span: #888888;
    --planstable-tr-fg: #333333;
    --planstable-th-bg: #024A70;
    --planstable-th-fg: #DFF2FE;

    --page-title: #484848;
    --page-banner-font: #024A70;
    --page-header-background: #444444;

    --player-search-box_fg: #484848;
    --player-search-box-bg: white;

    --page-rfa: AliceBlue;
    --page-ufa: LavenderBlush;
    --page-unsigned-fa: FloralWhite;

    --datatable-th: #024A70;
    --datatable-th-fg: #024A70;
    --datatable-tbody-tr-td: #484848;
    --datatable-tfoot-tr-td-bg: #024A70;
    --datatable-tfoot-tr-td-fg: #DADADA;
    --datatable-tfoot: #aaccd5;

    --player-page-player-name-fg: #6a6a6a;
    --player-page-player-name-border-bottom: #DFF2FE;
    --player-page-bio-category-fg: #999999;
    --player-page-bio-info-fg: #666666;
    --contract-section-border-color: #484848;
    --player-contract-h5-color:#484848;
    --player-contract-header-bg: #024A70;
    --player-contract-header-fg: #DFF2FE;

    --contract-table-thead-th-bg: #DADADA;
    --contract-table-thead-th-fg: #484848;
    --contract-table-thead-th-border: #BABABA;
    --contract-table-thead-td-bg: #024A70;
    --contract-table-thead-td-fg: #DFF2FE;
    --contract-summary-bg: #aaccd5;
    --contract-summary-fg: #DADADA;
    --contract-summary-border: #aaccd5;    
    --contract-summary-span: #DADADA;
    --contract-summary-section-border: #aaccd5;
    --contract-summary-section-fg: #484848;
    
    --team-page-team-name-fg: #6a6a6a;
    --team-page-team-name-border-bottom: #DFF2FE;
    --team-cap-summary-ufa-rfa-fg: #888888;

    --depthgrid-header-bg: powderblue;
    --depthgrid-li-magnet-team-depth: lightgrey;
    --depthgrid-playername-fg: #444444;
    --depthgrid-fg: #666666;
    --depthgrid-unsigned: lightgrey;
    --depthgrid-background-color: white;
    --depthgrid-magnet: WhiteSmoke;
    
    --navbar-subheader-bg: #024A70;
    --navbar-subheader-fg: #DFF2FE;

    --news-link-color: #024A70;
}
[data-theme="dark"] {
    --page-bg-color: #18181a;
    --page-fg-color: #cccccc;
    --page-title: #484848;
    --page-banner-font: #488A99;
    --page-header-background: var(--bs-primary-bg);

    --player-search-box-bg: #484848;
    --player-search-box-fg: lightgrey;
        
    --page-rfa: cornflowerblue;
    --page-ufa: indianred;
    --team-cap-summary-ufa-rfa-fg: #cccccc;    

    --datatable-th: #488A99;
    --datatable-th-fg: #cccccc;
    --datatable-tbody-tr-td: #cccccc;
    --datatable-tfoot-tr-td-bg: #cccccc;
    --datatable-tfoot-tr-td-fg: #cccccc;
    
    --player-page-player-name-fg: #cccccc;
    --player-page-player-name-border-bottom: #eeeeee;
    --player-page-bio-info-fg: #cccccc;
    --player-page-bio-category-fg: #666666;

    --contract-section-border-color: #484848;
    --player-contract-h5-color:#484848;
    --player-contract-header-bg: #488A99;
    --player-contract-header-fg: #EEEEEE;

    --contract-table-thead-th-bg: #DADADA;
    --contract-table-thead-th-fg: #484848;
    --contract-table-thead-th-border: #BABABA;
    --contract-table-thead-td-bg: #488A99;
    --contract-table-thead-td-fg: #eeeeee;
    --contract-summary-bg: #aaccd5;
    --contract-summary-fg: #DADADA;
    --contract-summary-border: #aaccd5;    
    --contract-summary-span: #DADADA;
    --contract-summary-section-border: #aaccd5;
    --contract-summary-section-fg: #484848;
    
    --team-page-team-name-fg: #6a6a6a;
    --team-page-team-name-border-bottom: #eeeeee;

    --depthgrid-header-bg: #488A99;
    --depthgrid-li-magnet-team-depth: lightgrey;
    --depthgrid-playername-fg: #222222;
    --depthgrid-fg: #282828;
    --depthgrid-unsigned: #333333;

    --depthgrid-background-color: #18181a;
    --depthgrid-magnet: #aaaaaa;

    --navbar-subheader-bg: #488A99;
    --navbar-subheader-fg: #eeeeee;

}

.old_good {
    background-color: #fdedec !important;
}
.old_verygood {
    background-color: #fadbd8 !important;
}
.old_poor {
    background-color: #ebf5fb !important;
}
.old_verypoor {
    background-color: #d6eaf8 !important;
}


.green_peachgood {
    background-color: #e9f6e9 !important;
}
.green_peachverygood {
    background-color: #c9e8ca !important;
}
.green_peachpoor {
    background-color: #FFEEE4 !important;
}
.green_peachverypoor {
    background-color: #FEE9D6 !important;
}




.poortogood1 {background-color: #F6C3CB !important;}
.poortogood2 {background-color: #F7CBD2 !important;}
.poortogood3 {background-color: #F9D3D9 !important;}
.poortogood4 {background-color: #FADBE0 !important;}
.poortogood5 {background-color: #FBE3E7 !important;}
.poortogood6 {background-color: #FCECEE !important;}
.poortogood7 {background-color: #FEF4F5 !important;}
.poortogood8 {background-color: #FFFCFC !important;}
.poortogood9 {background-color: #EBF2FD !important;}
.poortogood10 {background-color: #DDEAFA !important;}
.poortogood11 {background-color: #D0E2F8 !important;}
.poortogood12 {background-color: #C2DAF5 !important;}
.poortogood13 {background-color: #B5D3F3 !important;}
.poortogood14 {background-color: #A8CBF1 !important;}
.poortogood15 {background-color: #9AC3EE !important;}
.poortogood16 {background-color: #8DBBEC !important;}

.verypoor {
    background-color: #F9D3D9 !important;
}
.poor {
    background-color: #FCECEE !important;
}
.good {
    background-color: #DDEAFA !important;
}
.verygood {
    background-color: #A8CBF1 !important;
}



@font-face {
    font-family: BungeeInline;
    src: url(/static/BungeeInline.ttf)
}


* {
    font-family:  "Roboto", Arial, Helvetica;
    font-size:12px;
}


body {
  background-color: var(--page-bg-color)
}

.nav-link {
    background-color: var(--header-bg-color);
    color: var(--header-fg-color);
    text-transform: uppercase;
    font-size:14px;
}

.navbar-nav {
    position: absolute;
    bottom: 0;
}

.player_search {
    padding-top:0px; 
    padding-right:0px;
}

.player_h2 {
    color: var(--page-title);
    text-align: left;
    margin-bottom:0px;
    padding-top:5px;
    padding-bottom:0px;
    font-size:18px !important;
    vertical-align: bottom;
}

.team_h2 {
    color: var(--page-title);
    background-color: var(--header_bg_color);
    text-align: left;
    margin-bottom:0px;
    padding-top:5px;
    padding-bottom:0px;
    font-size:18px !important;
    vertical-align: bottom;
}

.player-search-box {
    background: var(--player-search-box-bg) !important;
    color: var(--player-search-box-fg) !important;
}


.page-title {
    color: var(--page-title);
    text-align: left;
    margin-bottom:0px;
    padding-top:5px;
    padding-bottom:0px;
    font-size: 18px;
    vertical-align: bottom;
}


.colors {
    color: #AC3E31;
    color: #484848;
    color: #DBAE58;    
    color: #DADADA;    
    color: #20283E;    
    color: #488A99;
    color: #326476;
}



.capsite-navbar-bg {
    background: var(--header-bg-color);
    padding: 0px;
    border-top:0px;
    height:50px;
}

.capsite-footer-bg {
    background: var(--header-fg-color);
    padding: 2px;
}

.capsite-navbar-subheader {
    background: var(--navbar-subheader-bg);
    color: var(--navbar-subheader-fg);
    padding: 2px;
    border-top:0px;
}

html {
    font-size: 12px;
}

table.dataTable {
    padding:0px;
}
table.dataTable thead th {
    background-color: var(--table-th-bg);
    color: var(--table-th-fg);
    font-weight: normal;
    text-align: center;
    font-size:14px;
    padding: 1px;
}

table.dataTable tbody tr {
    background-color: var(--table-tr-bg);
}
table.dataTable tbody tr:hover td {
    background-color: var(--table-tr-hover-bg);
    font-weight: bold;
}

table.dataTable tbody tr:hover td.nohover {
    background-color: var(--table-tr-bg);
    font-weight: bold;
}

table.dataTable tbody tr td {
    text-align: center;
    padding:2px;
}

table.dataTable tbody tr td.subheader {
    background-color: var(--table-tr-bg-td-subheader) !important;
    text-align: left !important;
    font-size:14px;
}


table.dataTable tfoot tr td {
    background-color: var(--table-tfoot-td-bg);
    color: var(--table-tfoot-td-fg);
    text-align: center;
    font-size:13px;
    padding-left: 6px;
    padding-right:3px;
    padding-top: 3px;
    padding-bottom:3px;
}


.player_image {
    border-radius: 0%;
    /*border:1px solid #FFFFFF;*/
}

.player_team_image {
    position: relative;
    left:0px;
    top:-2px;
}



.h2_player_contract_page {
    background-color: var(--player-contract-header-bg);
    color: var(--player-contract-header-fg);
    position: relative;
    font-size:15px;
    margin-bottom:0px;
    padding: 4px;
}

.contract_section {
    padding:0px;
    border:1px;
    border-color: var(--contract-section-border-color);
    margin-bottom:10px;
}

.player_page_player_name {
    font-size:26px;
    margin-top: 8px; 
    margin-bottom:0px;
    color:var(--player-page-player-name-fg);
    font-weight: bold;
    border-bottom: 1px solid var(--player-page-player-name-border-bottom);
    margin-bottom:10px;
}
.player_page_bio_category {
    color:var(--player-page-bio-category-fg);
    font-size:13px;
}

.player_page_bio_info {
    color: var(--player-page-bio-info-fg);
    font-size:13px;
    font-weight: bold;
}



.contract-table {
    margin-top: 0px !important;
}

.contract-table table {
    margin-top: 0px !important;
    padding-top: 0px !important;
}

.contract-table thead th {
    background-color: var(--contract-table-thead-th-bg) !important;
    color: var(--contract-table-thead-th-fg) !important;
    border: 1px dotted var(--contract-table-thead-th-border) !important;
}

.contract-table thead td {
    background-color: var(--contract-table-thead-td-bg) important!;
    color:var(--contract-table-thead-td-fg) important!;
}

.contract-table tbody td {
    text-align: center;
}

.contract_summary {
    background-color: var(--contract-summary-bg);
    color:var(--contract-summary-fg);
    margin-right:0px !important;
    padding-right:0px !important;
    border: 1px solid var(--contract-summary-border);
}
.contract_summary a:link ,
.contract_summary a:visited,
.contract_summary a:active 
{
    color:var(--contract-summary-section-fg);
    text-decoration:none;
}
.contract_summary a:hover 
{
    text-decoration:underline;
    font-weight: bold;
}

.player_contract_summary_section {
    margin-left: 1px; 
    margin-right:1px;
}
.contract_summary span {
    color:var(--contract-summary-span);
}
.player_contract_summary_section div {
    padding-left:2px;
    font-size:14px;
    color: var(--contract-summary-section-fg);
    border: 1px solid var(--contract-summary-section-border);
}

.col_75px {
    -ms-flex: 0 0 75px;
    flex: 0 0 75px;
}

.col_100px {
    -ms-flex: 0 0 100px;
    flex: 0 0 100px;
}

.col_125px {
    -ms-flex: 0 0 125px;
    flex: 0 0 125px;
}

.col_150px {
    -ms-flex: 0 0 150px;
    flex: 0 0 150px;
}


.team_page_team_name {
    font-size:23px;
    margin-top: 12px; 
    margin-bottom:2px;
    color:var(--team-page-team-name-fg);
    font-weight: bold;
    border-bottom: 1px solid var(--team-page-team-name-border-bottom);
    margin-bottom:10px;
}

p.team_news {
    padding:0px;
    margin-top:0px;
    margin-bottom:0px;
    margin-left:8px;
    margin-right:2px;
}

.team_news_link {
    color:var(--news-link-color);
    font-size:13px;
    font-style: bold;
}
.team_news_source {
    font-size:13px;
    color:var(--page-fg-color);
}
.team_news_published {
    font-size:13px;
    color:var(--team-cap-summary-ufa-rfa-fg);
    font-style: italic;
}

.team_news_pagination {
    text-align: center;
    margin-top: 20px;
}
  
.team_news_pagination button {
    padding: 5px 10px;
    margin: 0 5px;
    cursor: pointer;
    outline: 1px solid #494a4f;
    border-radius: 1px;
    border: none;
}
  
.team_news_hidden {
    clip: rect(0 0 0 0);
    clip-path: inset(50%);
    height: 1px;
    overflow: hidden;
    position: absolute;
    white-space: nowrap;
    width: 1px;
}
  
.team_news_pagination button.active {
    background-color: #007bff;
    color: white;
}


.home_news_header {
    background-color: var(--datatable-th);
    color: var(--player-contract-header-fg);
    text-align: center;    
    font-size:14px;
    padding: 3px;
    white-space: nowrap;
    font-style: normal;
    font-weight: normal;
}

p.home_news {
    padding:0px;
    margin-top:0px;
    margin-bottom:0px;
    margin-left:8px;
    margin-right:2px;
}

.home_news_link {
    font-size:14px;
    font-style: bold;
}
.home_news_list ul {
    margin-left:0px;
}
.home_news_source {
    font-size:13px;
    color:var(--page-fg-color);
}
.home_news_published {
    font-size:13px;
    color:var(--team-cap-summary-ufa-rfa-fg);
    font-style: italic;
}

.home_news_pagination {
    text-align: left;
    margin-top: 5px;
}
  
.home_news_pagination button {
    width: 22px;
    height: 22px;
    margin: 0px 3px;
    cursor: pointer;
    outline: 1px solid #494a4f;
    border-radius: 1px;
    border: none;
    padding:0px;
}
  
.home_news_hidden {
    clip: rect(0 0 0 0);
    clip-path: inset(50%);
    height: 1px;
    overflow: hidden;
    position: absolute;
    white-space: nowrap;
    width: 1px;
}
  
.home_news_pagination button.active {
    background-color: #007bff;
    color: white;
}

 
.sortable_rosterslist {
    min-height:5px;
    padding:2px;
    background-color:lightgrey;
}
.sortable_rosterslist>div {
    padding: 0px;
    margin: 2px;
    background-color: #f8f8f8;
}

ul.rostergrid {
    list-style-type: none;
    margin: 10px 0;
    padding: 2px;
    background-color: lightgrey;
}

ul.rostergrid>li.magnet {
    cursor: pointer;
    padding: 2px;
    margin: 2px;
    background-color: #eeee;
}
ul.rostergrid>li.magnet-team-depth {
    border: 1px solid lightgrey;
}

.rostergrid-header {
    font-size: 16px;
    text-align: center;
    padding: 2px;
    border-bottom:1px solid #ccc;
    border-top:0px;
    border-left:0px;
    border-right:0px;
    background: #ccc;
}


ul.depthgrid {
    list-style-type: none;
    margin: 0px;
    padding: 0px;
    background-color: var(--depthgrid-background-color);
}

ul.depthgrid>li.magnet {
    cursor: pointer;
    padding: 2px;
    margin-bottom: 4px;
    background-color: var(--depthgrid-magnet);
    font-size:12px;
}

.magnet-team-depth-ufa {
    background-color: var(--page-ufa) !important;
}

.magnet-team-depth-rfa {
    background-color: var(--page-rfa) !important;
}

.magnet-team-depth-unsigned-fa {
    background-color: var(--page-unsigned-fa) !important;
}


ul.depthgrid>li.magnet-team-depth {
    border: 1px solid var(--depthgrid-li-magnet-team-depth);
    border-radius: 6px;
}

.depthgrid-playername {
    font-size: 14px;
    font-weight: bold;
    color: var(--depthgrid-playername-fg);
}

.depthgrid-magnet-table {
    padding:0px;
    margin: 0px;
}

.depthgrid-magnet-table tr td {
    color: var(--depthgrid-fg);
    font-size:12px;
    padding: 0px;
    margin: 0px;
}

.depthgrid-header {
    text-align: center;
    padding: 5px;
    border-bottom:0px solid powderblue;
    border-top:0px;
    border-left:0px;
    border-right:0px;
    border-radius: 5px;
    background: var(--depthgrid-header-bg);
    text-align: center;    
    font-size:14px;
}


.depthgrid-unsigned {
    color: var(--depthgrid-unsigned) important!;
}






.team_contract_table thead tr th {
    background-color: var(--datatable-th);
    color: var(--player-contract-header-fg);
    text-align: center;    
    font-size:13px;
    padding: 2px;
    white-space: nowrap;
    font-weight: normal;
}

.team_contract_table tbody tr td span, 
.team_contract_table tbody tr td div,
.team_contract_table tbody tr td a,
.team_contract_table tbody tr td {
    color: var(--datatable-tbody-tr-td);
    vertical-align:middle;
    text-align: center;
    font-size:12px;
    padding-top:1px;
    padding-bottom:1px;
    padding-left:3px;
    padding-right:2px;

    white-space: nowrap;
}

td.nhl_stats {
    font-weight: bold;
}
tr.nonnhl_stats td {
    font-style: italic;
}

.team_cap_summary thead tr th {
    background-color: var(--datatable-th);
    color: var(--player-contract-header-fg);
    text-align: center;    
    font-size:14px;
    padding: 3px;
    white-space: nowrap;
    font-weight: normal;
}



.team_cap_summary tbody tr td span, 
.team_cap_summary tbody tr td div,
.team_cap_summary tbody tr td a,
.team_cap_summary tbody tr td {
    color: var(--datatable-tbody-tr-td);
    vertical-align:middle;
    text-align: center;
    font-size:13px;
    padding-top:1px;
    padding-bottom:1px;
    padding-left:3px;
    padding-right:2px;

    white-space: nowrap;
}



.team_cap_summary tbody tr td div.ufa {
    color: var(--team-cap-summary-ufa-rfa-fg);
    background-color: var(--page-ufa);
    border-radius: 5px;
    width: 100%;
}

.team_cap_summary a {
    text-decoration: none;
}


.team_cap_summary tbody tr td div.rfa {
    color: var(--team-cap-summary-ufa-rfa-fg);
    background-color: var(--page-rfa);
    border-radius: 5px;
    width: 100%;
}

.team_cap_summary tbody tr td div.rfa102c {
    color: var(--team-cap-summary-ufa-rfa-fg);
    background-color: var(--page-rfa);
    border-radius: 5px;
    width: 100%;
}

.team_cap_summary tfoot tr td {
    background-color: #DADADA;
    text-align: center;
    font-weight: bold;
    color: #484848;
    font-size:13px;
    padding: 3px;
    white-space: nowrap;
}

a {
    text-decoration: none;
    color: var(--datatable-th);
}

.homepage_recents {
    margin-bottom:5px;
}

.homepage_recents thead tr th, 
.homepage_recents thead tr th a {
    background-color: var(--datatable-th);
    color: var(--player-contract-header-fg);
    text-align: center;    
    font-size:14px;
    padding: 3px;
    white-space: nowrap;
    font-style: normal;
    font-weight: normal;
}

.homepage_recents tbody tr td {
    color: var(--datatable-tbody-tr-td);
    vertical-align:middle;
    text-align: center;
    font-size:13px !important;
    padding: 0px !important;
    white-space: nowrap;
}

.homepage_recents tbody tr td a {
    color: var(--datatable-tbody-tr-td);
    vertical-align:middle;
    text-align: center;
    font-size:13px !important;
    padding: 0px !important;
    text-decoration: none;
}


.homepage_cap_summary thead tr th, 
.homepage_cap_summary thead tr th span {
    background-color: var(--datatable-th);
    color: var(--player-contract-header-fg);
    text-align: center;    
    font-size:13px;
    padding: 1px;
    white-space: nowrap;
    font-style: normal;
    font-weight: normal;
}

.homepage_cap_summary tbody tr td, 
.homepage_cap_summary tbody tr td a span, 
.homepage_cap_summary tbody tr td span {
    color: var(--datatable-tbody-tr-td);
    vertical-align:middle;
    text-align: center;
    font-size:12px !important;
    padding: 0px !important;
    white-space: nowrap;
    height:25px;
}


.homepage_cap_summary a {
    text-decoration: none;
}

.homepage_cap_summary tbody tr td a {
    color: var(--datatable-tbody-tr-td);
}



.team-summary_tab.nav-link {
    background-color:powderblue;
    font-size:12px;
    width:110px;
    padding:3px;
    border-radius: 0px;
    margin-right: 2px;
}

.team-summary_tab.nav-link.active {
    background-color:salmon;
    font-size:12px;
    width:110px;
    padding:3px;
    border-radius: 0px;
    margin-right: 2px;
}

.pagefgcolor {
    color: var(--page-fg-color);
}

.overcap {
    color: crimson !important;
}
.underfloor {
    color: royalblue !important;
}
.addspace {
    color: #024A70 !important;
}

.injured {
    color: crimson !important;
}


.tooltip{
    font-size: 13px;
 }

.hidden {
    display: none;
}

.not_visible {
    visibility:hidden;
}



.teampage_header_googlead {
    align: right;
    text-align: right;
    width:300px !important;;
    height:125px !important;;
}

.page_header_googlead {
    align: right;
    text-align: right;
    width:300px !important;;
    height:175px !important;;
}

.homepage_header_googlead {
    align: center;
    text-align: center;
    width:960px !important;
    height:100px !important;
}


.ratings_star {
    color: goldenrod;
}

.premium {
    color: darkgoldenrod;
}
.basic {
    color: red;
}

.rate_contract {
    background-color: var(--player-contract-header-bg);
    color: var(--player-contract-header-fg);
    padding:2px;
    border: none;
    margin-right: 2px;
}

.ratings_option {
    font-size:12px;
    padding:0px;
}

.savingicon {
    font-size:14px;
    color: #000000;
}
.notsavedicon {
    font-size:14px;
    color: red;
}
.savedicon {
    font-size:14px;
    color: green;
}

.playerpagesavingicon {
    font-size:18px;
    color: #000000;
}
.playerpagenotsavedicon {
    font-size:18px;
    color: red;
}
.playerpagesavedicon {
    font-size:18px;
    color: green;
}



.plans_table thead tr th {
    background-color: var(--planstable-th-bg);
    color: var(--planstable-th-fg);
    text-align: center;    
    font-size:14px;
    padding: 3px;
    white-space: nowrap;
    font-weight: normal;
}

.plans_table tbody tr td {
    padding:5px;
}
.plans_table tbody tr td ul {
    padding-left: 2px;
    padding-right: 8px;
}

.plans_table tbody tr td h5 span {
    color: var(--planstable-tbody-tr-td-h5-span);
}

.plans_table tbody tr td span, 
.plans_table tbody tr td div,
.plans_table tbody tr td a,
.plans_table tbody tr td {
    color: var(--planstable-tr-fg);
    vertical-align:middle;
    text-align: left;
    font-size:13px;
    padding-top:2px;
    padding-bottom:2px;
    padding-left:2px;
    padding-right:8px;

}

.plans_table a {
    text-decoration: none;
}



.text-left {
    text-align: left !important;
}

.testbotclass {
    opacity: 0;
    position: absolute;
    top:0;
    left:0;
    height:0;
    width:0;
    z-index: -1;
}