/*
    DraftKings Modern Styles - New Grit Theme

    Examples:
        * Large off-white headings with gradients and drop shadow
        * Black inset boxes with rounded corners
        * Army green header strip with lighter green bottom border
        * Panel design - darker scratched header with lighter scratched background
        * Static (non-scroll) tables with alternating row colors
        * White, all-caps panel header font in Nimbus with gold value font
        * Green links with underline on roll-over
*/

/**Link Styles**/
#grit table tr td a
{   text-decoration: none; color: #abe300;}
#grit table tr td a:hover
{   text-decoration: underline;}

/**Headings - Gradients, Yellow, White**/
#grit h1
{   position: relative;
    font: 40px/40px "nimbus", "HelveticaNeue-CondensedBold", "Helvetica Neue", "Arial Black", Arial, "Lucida Grande", sans-serif; 
    color: #9a9e8d; 
    text-transform: uppercase;}
#grit h2
{   position: relative;
    font: 24px/24px "nimbus", "HelveticaNeue-CondensedBold", "Helvetica Neue", "Arial Black", Arial, "Lucida Grande", sans-serif; 
    color: #cdd1c0; 
    text-transform: uppercase;}
#grit h3
{   position: relative;
    font: 18px/18px "nimbus", "HelveticaNeue-CondensedBold", "Helvetica Neue", "Arial Black", Arial, "Lucida Grande", sans-serif; 
    color: #9a9e8d; 
    text-transform: uppercase;}
#grit h4
{   position: relative;
    font: 14px/14px Arial, sans-serif; 
    color: #ffae00; 
    text-transform: uppercase;
    font-weight: bold;}
#grit h5
{   position: relative;
    font: 16px/16px "nimbus", "HelveticaNeue-CondensedBold", "Helvetica Neue", "Arial Black", Arial, "Lucida Grande", sans-serif; 
    color: #ffffff; 
    text-transform: uppercase;}
#grit h6
{   position: relative;
    font: 13px/13px "nimbus", "HelveticaNeue-CondensedBold", "Helvetica Neue", "Arial Black", Arial, "Lucida Grande", sans-serif; 
    color: #ffffff; 
    text-transform: uppercase;
    font-weight: normal;}

#grit h1 div, #grit h2 > div:first-child, #grit h3 div 
{   color: #cdd1c0;
    background-color: transparent;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#9a9e8d)); 
    background-image: -webkit-linear-gradient(top, #ffffff 0%, #9a9e8d 100%); 
    -webkit-background-clip: text; 
    -webkit-text-fill-color: transparent; position: absolute; display: inline-block; white-space: nowrap;}
#grit h1:after, #grit h2:after, #grit h3:after  
{   text-shadow: 0 2px 4px #000; 
    color: transparent;}

/**Horizontal Rule**/
.popv2 hr {
    border: 0; height: 1px; background: #525252;
    background-image: -webkit-linear-gradient(left, #333, #525252, #333); background-image: -moz-linear-gradient(left, #333, #525252, #333); 
    background-image: -ms-linear-gradient(left, #333, #525252, #333); background-image: -o-linear-gradient(left, #333, #525252, #333);
}
.popdown hr 
{
    border: 0; height: 1px; background: #333; margin: 4px 0;
    background-image: -webkit-linear-gradient(left, #1a1a1a, #333, #1a1a1a); background-image: -moz-linear-gradient(left, #1a1a1a, #333, #1a1a1a); 
    background-image: -ms-linear-gradient(left, #1a1a1a, #333, #1a1a1a); background-image: -o-linear-gradient(left, #1a1a1a, #333, #1a1a1a);
}

/**Black Boxes with Rounded Corners**/
#grit .black-rounded, .popv2 .black-rounded, .gpop .black-rounded
{   background-color: #000; 
    border-bottom: #404142 solid 1px; 
    margin: 0px; 
    padding: 7px 6px; 
    -moz-border-radius: 7px; 
    -webkit-border-radius: 7px; 
    border-radius: 7px;}
#grit .black-rounded table
{   background-color: transparent; background-image: none;}
#grit .black-rounded table tr td
{   background-image: none;}

/**Grit Backgrounds**/
#grit .rounded-header
{   background: #000000 url("/_assets/images/backgrounds/grit-header.png?1") no-repeat top center;
    -moz-border-radius: 11px 11px 0px 0px;
    -webkit-border-radius: 11px 11px 0px 0px;
    border-radius: 11px 11px 0px 0px; 
    -khtml-border-radius: 11px 11px 0px 0px; }
#grit .grit /*general grit bg class*/
{   background: #000000 url("/_assets/images/backgrounds/grit.jpg") no-repeat top center;}

/**Green Bottom Filter/Sort Header Bar**/
#grit .green-filter-bar
{   position: relative;
    height: 27px; 
    padding: 12px 15px 8px 15px;
    margin: 0px 0px 16px 0px;
    text-transform: uppercase;
    color: #fff; 
    font-family: Arial, sans-serif;
    background: transparent url("/_assets/images/backgrounds/green-filter-bar.png") no-repeat top center;}

/*Tabs:  Orange and Grey Glossy*/
#grit .tabs
{   margin: 0px 0px 0px 0px; position: relative; height: 34px;}
#grit .tabs ul
{   padding: 0px 0px 0px 0px; margin: 0px 0px 0px -1px;}
#grit .tabs ul li
{   position: relative; z-index: 2; float: left; width: 32px; margin: 10px -15px 0px 0px; height: 14px; background: transparent url("/_assets/images/tabs/tab-off-50px.png") no-repeat top left; 
    color: #e0e0e0; font-size: 11px; line-height: 11px; font-weight: bold; text-shadow: 1px 1px 2px #000; padding: 5px 20px 5px 7px; cursor: pointer; text-align: center; }
#grit .tabs ul li.on
{   background: transparent url("/_assets/images/tabs/tab-on-50px.png") no-repeat top left; position: relative; z-index: 6; padding: 5px 15px 5px 6px; }
#grit .tabs ul li a
{   text-decoration: none; display: block; text-align: center;}
#grit .tabs ul li.scoring
{   float: right; width: 52px; background: transparent url("/_assets/images/tabs/tab-off-scoring.png") no-repeat top left;}
#grit .tabs ul li.scoring.on
{   background-image: url("/_assets/images/tabs/tab-on-scoring.png"); padding: 5px 20px 5px 7px;}

/*White Nimbus text and Orange Arial text*/
#grit .white-orange-text { float: right; margin: 6px 0px 0px 0px; }
#grit .white-orange-text div { float: left; color: #FFFFFF; font-size: 14px; line-height: 16px; font: 14px/14px "nimbus", "HelveticaNeue-CondensedBold", "Helvetica Neue", "Arial Black", Arial, "Lucida Grande", sans-serif; text-transform: uppercase;}
#grit .white-orange-text div span { color: #FF9700; font-family: Arial, sans-serif; font-size: 12px; font-weight: normal; padding: 0 10px 0px 5px;}
#grit .white-orange-text div span.red { color: #f03535;}

#grit .popdown input[type="text"] { border: 1px solid #494b4c; background-color: #000; color: #96ce00; font-family: "Helvetica", Arial, "Lucida Grande", sans-serif; }

#grit .no-data { color: #ffc20b; font: 14px/20px "Century Gothic", sans-serif; width: 100%; text-align: center; padding: 50px 0; }

/*Popdowns*/
#grit .popdown { margin: 22px 5px 15px; height: 520px; width: 896px; padding: 8px 10px 20px 10px; background: #000000 url("/_assets/images/backgrounds/grit.jpg") no-repeat top center; float: left; position: relative; }
#grit .popdown .popdown-arrow { position: absolute; z-index: 40; height: 27px; width: 43px; top: -27px; left: 820px; background: transparent url("/_assets/images/backgrounds/popdown-grey.png") no-repeat top center; }
#grit .popdown.new { border: solid 2px #aaa; }
#grit .popdown.live { border: solid 2px #ffcc33; }
#grit .popdown.upcoming { border: solid 2px #f08400; }
#grit .popdown.complete { border: solid 2px #333; }
#grit .popdown .top { background: transparent url("/_assets/images/backgrounds/black-transparent.png"); position: relative; top: -8px; left: -10px; width: 899px; padding: 4px 8px 0 8px; z-index: 10; }
.popdown .sport, .popdown .label { float: left; width: 240px; height: 30px; padding: 0px 0px 0px 30px; }
.popdown .label { padding: 0; }
.popdown .nfl { background: transparent url("/_assets/images/icons/icon-nfl.png") no-repeat 0 2px; }
.popdown .nba { background: transparent url("/_assets/images/icons/icon-nba.png") no-repeat 0 2px; }
.popdown .nhl { background: transparent url("/_assets/images/icons/icon-nhl.png") no-repeat 0 2px; }
.popdown .mlb { background: transparent url("/_assets/images/icons/icon-mlb.png") no-repeat 0 2px; }
.popdown .cbb { background: transparent url("/_assets/images/icons/icon-cbb.png") no-repeat 0 2px; }
.popdown .cfb { background: transparent url("/_assets/images/icons/icon-cfb.png") no-repeat 0 2px; }
.popdown .pga { background: transparent url("/_assets/images/icons/icon-pga.png") no-repeat 0 2px; }
.popdown .soc { background: transparent url("/_assets/images/icons/icon-soc.png") no-repeat 0 2px; }
.popdown .mma { background: transparent url("/_assets/images/icons/icon-mma.png") no-repeat 0 2px; }
.popdown .nas { background: transparent url("/_assets/images/icons/icon-nas.png") no-repeat 0 2px; }
.popdown .status { float: left; text-transform: uppercase; font-size: 12px;}
.popdown .new, .popdown .live, .popdown .upcoming, .popdown .complete { line-height: 18px; padding: 5px 20px; }
.popdown .live { color: #ffcc33; }
.popdown .upcoming, .popdown .new { color: #fff; }
.popdown .complete { color: #979b8a; }
.popdown .entries { float: left; padding: 5px 20px; line-height: 18px;}
#grit .popdown .entries h3 { color: #ffffff; line-height: 16px; font-size: 14px;}
#grit .popdown .entries h3 span { color: #ff9700; font-family: Arial, sans-serif; font-size: 14px; padding: 0px 5px; font-weight: normal; }
#grit .popdown .last-edit { float: left; padding: 5px 20px; color: #52544e; line-height: 19px;}
#grit .close-button { float: right; }

/*Popdown Confirmations*/
#grit .popdown .confirmation-message { position: relative; margin-top: 10px; }
#grit .popdown .confirmation-message h1 { float: left; margin: 7px 0; color: #ffc20b; font: 20px/22px "Century Gothic", sans-serif; position: relative; text-transform: none; }
#grit .popdown .confirmation-message h2 { margin: 15px 0 0 15px; color: #fff; font: 14px/20px "Century Gothic", sans-serif; position: relative; text-transform: none; }
#grit .popdown .confirmation-message .results-list { width: 500px; margin: 15px 0 0 198px; border: 2px solid #646464; height: 120px; max-height: 120px; overflow-y: auto; background-color: #000; }

/*Popdown Load Message*/
div.load-message { width: 100%; text-align: center; float: left; }
div.load-message p { color: #646464; font: 22px/24px "Century Gothic", sans-serif; margin: 130px 0 0; }
div.popdown div.load-message p { color: #ffc20b; }
div.popdown div.load-message p + p { margin: 10px 0 0; font-size: 16px; }

/*Pop overrides*/
.popv2 .popdown .controls { float: none; clear: none; margin: 0; }
.popv2 .popdown .controls.swap-submit { position: absolute; bottom: 25px; right: 25px; }
.popv2 .popdown h2, .popv2 .popdown table { margin: 0; }

/*Container styles for Modules*/
#grit .popdown .available-players,
#grit .popdown .mini-lineup-card, .popv2 .mini-lineup-card,
#grit .popdown .lineup-editor { position: relative; padding: 4px 7px 7px; background-color: #000; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; }

/*Status Icons*/
#grit .status-icon, #grit .status-icon.success { float: left; width: 36px; height: 36px; margin: 0 10px 0; background: transparent url('/_assets/images/icons/pop-success.png') no-repeat 0 0; }
#grit .status-icon.warn { background-image: url('/_assets/images/icons/pop-warn.png'); } 
#grit .status-icon.error { background-image: url('/_assets/images/icons/pop-error.png'); } 

/*Special Headings*/
#grit h2.h2-available-players, #grit h2.h2-my-drafted-players { float: left; width: 200px; }
#grit h2.h2-available-players:after { content: 'Available Players'; } 
#grit h2.h2-my-drafted-players:after { content: 'My Drafted Players'; } 
#grit h2.h2-lineup-editor:after { content: 'Lineup'; }
#grit h2.h2-mini-card:after, .popv2 .mini-lineup-card h2.h2-mini-card:after { content: 'Lineup'; }

/*Available Players Module (Shared)*/
#grit .available-players { position: relative; float: left; width: 472px; background-image: none; }
#grit .available-players.loading { background: #000 url('/_assets/images/icons/large-gear.gif') no-repeat center center; }
#grit .available-players .search-available { padding: 0; width: 100%; }
#grit .available-players .search-available .search { float: right; color: #fff; font-weight: bold; position: relative;}
#grit .available-players .search-available a.search-clear { position: absolute; top: 10px; right: 6px; display: block; width: 13px; height: 13px; background: transparent url('/_assets/images/gamecenter/clear-search.png') 0 0 no-repeat; text-indent: -9999px;}
#grit .available-players .search-available .search input { margin: 4px 0px 0px 4px; float: right; height: 20px; width: 140px;}
#grit .available-players .search-available .search label { float: right; text-transform: uppercase; font-size: 11px; line-height: 11px; padding: 4px; position: relative; top: 9px;}
#grit .available-players select { display: none; height: 27px; margin: 2px 4px 0px 0px; padding: 4px; font-size: 11px;}
#grit .available-players .header-right { float: right; margin-top: -1px; margin-right: -4px; }
#grit .available-players .header-right .criteria { display: none; float: right; color: #fff; margin: 3px 5px 4px; text-align: right; font-size: 11px; }
#grit .available-players .header-right .criteria label { display: block; text-transform: uppercase; font-weight: bold; color: #ffc20b; }
#grit .available-players .player-list, #grit .available-players .scoring-panel { height: 330px; }
#grit .available-players .scoring-panel { display: none; background-color: #232323; overflow: auto; font: 12px/15px "Helvetica", "Arial", sans-serif; color: #fff; }
#grit .available-players .scoring-panel p { margin: 10px; }
#grit .available-players .scoring-panel ul { margin: 10px; list-style: disc; padding-left: 40px; }
#grit .available-players .player-list .slick-cell.l2 { color: #ccc; }
#grit .available-players .player-list .slick-row.above-rem-sal .sal { color: #f03535; }
#grit .available-players .foot { position: relative;  margin: 4px 0 0; width: 100% }
#grit .available-players .foot .prob-filter { display: none; float: left; height: 18px; color: #fff; font: 11px/13px "Helvetica", "Arial", sans-serif; }
#grit .available-players .foot a { vertical-align: middle; height: 18px; display: inline-block; float: right; }
#grit .available-players .slick-row.fight-div { border-bottom: 1px solid #676e50; height: 29px; }
#grit .available-players .slick-row.fight-div .slick-cell { border-bottom: none; }
#grit .available-players ::-webkit-input-placeholder { color: #000; }
#grit .available-players ::-moz-placeholder { color: #000; }
#grit .available-players :-ms-input-placeholder { color: #000; }
#grit .available-players input:-moz-placeholder { color: #000; }

#grit .available-players.global-player-swap.child-left { width: 427px; }
#grit .available-players.global-player-swap.child-right { width: 425px; }
#grit .available-players.global-player-swap.child-left .slick-cell a.swap.in { background: transparent url('/_assets/images/icons/lineups/minus.png?1') no-repeat 0 0; }
#grit .available-players .blocking-message { display: none; position: absolute; bottom: 5px; left: 5px; width: 430px; height: 310px; z-index: 40; background-color: #000; }
#grit .available-players.loading .blocking-message { background: #000 url('/_assets/images/icons/large-gear.gif') no-repeat center 240px; }
#grit .available-players .blocking-message div { color: #fff; font: 13px/16px "Century Gothic", sans-serif; margin: 50px; }

/*Lineup Editor Module (Shared)*/
#grit .popdown .lineup-editor { float: right; width: 380px; padding-bottom: 0; }
#grit .popdown .lineup-editor table tbody tr td:nth-child(3) { color: #ccc; }
#grit .popdown .lineup-editor table tfoot tr td { text-transform: uppercase; background: #000; text-align: left; font-family: "Arial", sans-serif; padding: 2px 0 0; }
#grit .popdown .lineup-editor table tfoot tr td span.totals { float: right; text-align: right; color: #fff; font: 18px/18px "nimbus", "HelveticaNeue-CondensedBold", "Helvetica Neue", "Arial Black", Arial, "Lucida Grande", sans-serif; }
#grit .popdown .lineup-editor table tfoot tr td span.controls { padding: 0; }
#grit .popdown .lineup-editor table tfoot tr td span.controls a { margin-right: 2px; }
#grit .popdown .lineup-editor table tfoot tr td span.controls a.random { display: none; }

/*Buttons in Footer*/
#grit .popdown .buttons { position: absolute; bottom: -6px; right: 15px; }
#grit .popdown .buttons a img { margin: 0px 0px 0px 5px; vertical-align: middle; }

/*Mini Lineup Cards (Shared)*/
#grit .popdown .mini-lineup-card, .popv2 .mini-lineup-card { float: left; width: 265px; }
#grit .popdown .mini-lineup-card h2.h2-select, .popv2 .mini-lineup-card h2.h2-select { cursor: pointer; }
#grit .popdown .mini-lineup-card table tr td:first-child, .popv2 .mini-lineup-card table tr td:first-child { width: 30px; }
#grit .popdown .mini-lineup-card table tbody tr td:nth-child(3), .popv2 .mini-lineup-card table tbody tr td:nth-child(3) { color: #ccc; }

/*Import Lineups Pop*/
.popv2.import-lineup-pop .mini-lineup-card { margin: 0 10px 10px 0; }
.popv2.import-lineup-pop .mini-lineup-card h2 { float: left; margin: 0; font: 24px/24px "nimbus", "HelveticaNeue-CondensedBold", "Helvetica Neue", "Arial Black", Arial, "Lucida Grande", sans-serif; 
                                                color: #cdd1c0; text-transform: uppercase; }
.popv2.import-lineup-pop .mini-lineup-card h2 > div:first-child { color: #cdd1c0; background-color: transparent; background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#9a9e8d)); 
                                                background-image: -webkit-linear-gradient(top, #ffffff 0%, #9a9e8d 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; display: inline-block; }
.popv2.import-lineup-pop .mini-lineup-card .uniform-radio { float: left; margin: 3px 6px 0 0; vertical-align: middle; }
.popv2.import-lineup-pop .mini-lineup-card hr { margin: 4px 0; }
.popv2.import-lineup-pop .mini-lineup-card table { margin: 0; }
.popv2.import-lineup-pop .import-cards-list { height: 400px; max-height: 400px; overflow-y: auto; }

/*Tables*/
#grit .popdown table thead tr td { color: #A0A492; background-color: #1a1a1a; background-image: none; text-transform: uppercase; font-size: 10px; }
table tr td a.swap.in, .slick-cell a.swap.in { display: inline-block; width: 15px; height: 19px; text-indent: -9999px; background: transparent url('/_assets/images/icons/lineups/plus.png') no-repeat 0 0; }
table tr td a.swap.out, .slick-cell a.swap.out { display: inline-block; width: 15px; height: 19px; text-indent: -9999px; background: transparent url('/_assets/images/icons/lineups/minus.png?1') no-repeat 0 0; }
table tr td a.lock, .slick-cell a.lock { display: inline-block; width: 15px; height: 19px; text-indent: -9999px; background: transparent url('/_assets/images/icons/lineups/lock.png') no-repeat 0 0; }
.slick-cell a.lock, .slick-cell a.swap { margin-top: 4px; }
.slick-cell.last { text-align: center; padding: 0 4px 0; }
table tr td .attr-grn, .slick-cell div.attr-grn { color: #accf1f; font-size: 9px; font-weight: bold; display: inline; }
table tr td .attr-red, .slick-cell div.attr-red { color: #F03535; font-size: 9px; font-weight: bold; display: inline; }
table tr td strong, .slick-cell strong { color: #fff; }

/*Slick Grid*/
.slick-header { background-color: #1a1a1a; background-image: none; border-radius: inherit; font-family: "Helvetica", Arial, sans-serif; }
/*.slick-header-column.ui-state-default { color: #fff; padding-left: 6px; }*/
.slick-row.odd.itm { background-color: #22241d; }
.slick-row.even.itm { background-color: #2e3026; }
#grit .slick-cell { color: #fff; font: 12px/28px "Helvetica", Arial, sans-serif; padding-left: 6px; }
#grit .slick-cell a { color: #abe300; }
#grit .slick-cell .red { color: #F03535; }
#grit .slick-cell .green { color: #abe300; }
.slick-cell.hl, .slick-cell.selected, .slick-cell.selected strong { color: #ffae00 !important; }

#grit i.icon-file-text-alt { font-size: 13px; margin-left: 3px;}
#grit .dk-grid i.icon-ok-sign,
#grit .dk-grid i.icon-ban-circle { font-size: 13px; margin-left: 3px; color: #2fb100; }
#grit .dk-grid i.icon-ban-circle { color: #666; }
#grit .text-muted { color: #999;}