body {
	color: #404040;
	background: url(/site/img/site-background.jpg) #000000 top center no-repeat;
}

#BoardTable {
   margin: 0px auto 10px auto;
   background-color: #ffffff;
   border-left: solid 1px #b0b0b0;
   border-top: solid 1px #b0b0b0;
}
#BoardTable thead tr th {
	border-right: solid 1px #b0b0b0;
   font-size: 85%;  /* BS3 standard for smaller */
   font-weight: normal;
   text-align: center;
}
#BoardTable thead tr th:not(:first-child) {
   background-color: #ffffff; /* #e4e4e4; */
}
#BoardTable  thead tr th div {
   height: 100%;
   width: 100%;
   padding:1px;
}
.DraftBoardTable thead tr th > div {	/* Only want this for draft board, not auction board */
   border: solid 2px #ffffff; /* #e4e4e4; */
}
#BoardTable thead tr th.OnClock > div {
   border: solid 2px #009900;
}
#BoardTable thead tr th img {
   max-height: 60px;
   width: auto;
   max-width: 90px !important;
}
#BoardTable thead tr th div div {
   height: 65px;
   margin: 2px auto;
}
#BoardTable tbody tr {
	height:36px;
}
#BoardTable > tbody > tr > td:first-child {
   color: #404040;
   background-color: #e4e4e4;
}
#BoardTable tbody tr td {
   min-width: 90px;
   xxcolor: #404040;
   border-left: solid 1px #b0b0b0;
   border-top: solid 1px #b0b0b0;
   text-align: center;
   white-space: nowrap;
}
#BoardTable td .glyphicon {
   color: #e0e0e0;
   padding:0px 5px;
}

#BoardTable td .glyphicon.NoShow {
	color: #ffffff;
}

#BoardTable td.PickMade {
	color: #000000;
	font-size: 11px;
}

#BoardTable tbody tr td table {
   width: 100%;
}
#BoardTable tbody tr td table tbody tr td {
   border: none;
}

#TimeRemaining {
	color: #404040;
	font-size: 26px;
	font-weight: bold;
	line-height: 36px;
}

.DBPos0 { background: url(/football/img/live-draft/db-qb.png) #ffffff top left repeat-x; }
.DBPos1 { background: url(/football/img/live-draft/db-rb.png) #ffffff top left repeat-x; }
.DBPos2 { background: url(/football/img/live-draft/db-wr.png) #ffffff top left repeat-x; }
.DBPos3 { background: url(/football/img/live-draft/db-te.png) #ffffff top left repeat-x; }
.DBPos4 { background: url(/football/img/live-draft/db-k.png) #ffffff top left repeat-x; }
.DBPos5 { background: url(/football/img/live-draft/db-def.png) #ffffff top left repeat-x; }
.DBPos6 { background: url(/football/img/live-draft/db-def.png) #ffffff top left repeat-x; }
.DBPos7 { background: url(/football/img/live-draft/db-other.png) #ffffff top left repeat-x; }
.DBPos8 { background: url(/football/img/live-draft/db-other.png) #ffffff top left repeat-x; }
.DBPos9 { background: url(/football/img/live-draft/db-other.png) #ffffff top left repeat-x; }
.DBPos10 { background: url(/football/img/live-draft/db-dl.png) #ffffff top left repeat-x; }
.DBPos11 { background: url(/football/img/live-draft/db-other.png) #ffffff top left repeat-x; }
.DBPos12 { background: url(/football/img/live-draft/db-c.png) #ffffff top left repeat-x; }
.DBPos13 { background: url(/football/img/live-draft/db-other.png) #ffffff top left repeat-x; }

.DBPos202 { background: url(/football/img/live-draft/db-c.png) #ffffff top left repeat-x; }
.DBPos203 { background: url(/football/img/live-draft/db-k.png) #ffffff top left repeat-x; }
.DBPos204 { background: url(/football/img/live-draft/db-te.png) #ffffff top left repeat-x; }
.DBPos205 { background: url(/football/img/live-draft/db-def.png) #ffffff top left repeat-x; }
.DBPos206 { background: url(/football/img/live-draft/db-qb.png) #ffffff top left repeat-x; }
.DBPos207 { background: url(/football/img/live-draft/db-rb.png) #ffffff top left repeat-x; }
.DBPos208 { background: url(/football/img/live-draft/db-rb.png) #ffffff top left repeat-x; }
.DBPos209 { background: url(/football/img/live-draft/db-rb.png) #ffffff top left repeat-x; }
.DBPos210 { background: url(/football/img/live-draft/db-rb.png) #ffffff top left repeat-x; }
.DBPos212 { background: url(/football/img/live-draft/db-wr.png) #ffffff top left repeat-x; }
.DBPos213 { background: url(/football/img/live-draft/db-wr.png) #ffffff top left repeat-x; }
.DBPos214 { background: url(/football/img/live-draft/db-wr.png) #ffffff top left repeat-x; }
.DBPos215 { background: url(/football/img/live-draft/db-other.png) #ffffff top left repeat-x; }
.DBPos216 { background: url(/football/img/live-draft/db-other.png) #ffffff top left repeat-x; }
.DBPos218 { background: url(/football/img/live-draft/db-other.png) #ffffff top left repeat-x; }

.DBPos302 { background: url(/football/img/live-draft/db-qb.png) #ffffff top left repeat-x; }
.DBPos303 { background: url(/football/img/live-draft/db-rb.png) #ffffff top left repeat-x; }
.DBPos304 { background: url(/football/img/live-draft/db-wr.png) #ffffff top left repeat-x; }
.DBPos305 { background: url(/football/img/live-draft/db-te.png) #ffffff top left repeat-x; }

.DBPos402 { background: url(/football/img/live-draft/db-rb.png) #ffffff top left repeat-x; }
.DBPos403 { background: url(/football/img/live-draft/db-te.png) #ffffff top left repeat-x; }
.DBPos404 { background: url(/football/img/live-draft/db-qb.png) #ffffff top left repeat-x; }
.DBPos405 { background: url(/football/img/live-draft/db-rb.png) #ffffff top left repeat-x; }
.DBPos406 { background: url(/football/img/live-draft/db-rb.png) #ffffff top left repeat-x; }
.DBPos407 { background: url(/football/img/live-draft/db-te.png) #ffffff top left repeat-x; }
.DBPos408 { background: url(/football/img/live-draft/db-te.png) #ffffff top left repeat-x; }

.DBNoPick { background: url(/football/img/live-draft/db-nopick.png) #ffffff top left repeat-x; }

.Splash {
   position:absolute;
   z-index:500;
   width:100%;
   height:272px;
   top:120px;
   margin-left:auto;
   margin-right:auto;
   background-image:url(/football/img/rtfs-splash.png);
   background-repeat:no-repeat;
   background-position:center center;
   display:block;
}

.Commish { float:right;	padding-right:12px; background: url(/football/img/live-draft/commish.png) center right no-repeat; }
.Instant { float:right;	padding-right:12px; background: url(/football/img/live-draft/instant.png) center right no-repeat; }
.FailSafe { float:right; padding-right:12px; background: url(/football/img/live-draft/failsafe.png) center right no-repeat; }
.Forfeit { float:right;	padding-right:12px; background: url(/football/img/live-draft/forfeit.png) center right no-repeat; }
.RightInfo { float:right;	padding-right: 1px; }
.Bold { font-weight: bold; }
.FirstName { float:left; padding-left: 1px; }
.LastName { color:#000000; font-family: 'Arial Narrow',arial,sans-serif; font-size:22px; line-height:20px; font-weight:bold; }
.LastSM { color:#000000; font-family: 'Arial Narrow',arial,sans-serif; font-size:17px; line-height:19px;}
.LastSMDash { color:#000000; font-family: 'Arial Narrow',arial,sans-serif; font-size:14px; line-height:17px;}
.LastNameLt { color:#D0D0D0; font-family: 'Arial Narrow',arial,sans-serif; font-size:22px; line-height:20px; font-weight:bold; }
.LastSMLt { color:#D0D0D0; font-family: 'Arial Narrow',arial,sans-serif; font-size:17px; line-height:19px;}
.LastSMDashLt { color:#D0D0D0; font-family: 'Arial Narrow',arial,sans-serif; font-size:14px; line-height:17px;}


/*
**
**  Below this line are things are for Auctions
**
**  Delete after the Auction Board is updated
**
*/
.DraftBoard {
	background-color: #ffffff;
	margin: 0px auto 10px auto;
	border-left: solid 1px #000000;
	border-top: solid 1px #000000;
}
.DraftBoard td, .DraftBoard th {
	width: 90px;
	margin: 1px 3px;
	border-right: solid 1px #000000;
	border-bottom: solid 1px #000000;
}

.DBRnd {
	height:32px;
	text-align:center;
}

.DBHdr {
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	background-color: #e0e0e0;
}

.DBLight {
	color: silver;
	font-size: 12px;
	text-align: center;
}
.DBArrowWht {
	color: white;
	font-size: 18px;
	padding: 0px 5px;
}
.DBArrowSlv {
	color: silver;
	font-size: 18px;
	padding: 0px 5px;
}

.DBPicked {
	color: #404060;
	font-size: 11px;
}

.xDBTimer {
	background: url(https://cloudfront.rtsports.com/img/live-draft/clockBkgd.jpg);
}

.DBOnClock {
	background-color: #00BB00;
}


.DarkBack#DraftNotDefined {
	clear: both;
   margin-left:auto;
   margin-right:auto;
	padding: 10px;
	position: absolute;
	top: 400px;
	height: 150px;
	width: 100%;
	z-index: 100;
	xxxcolor: white;
	font-size: 24px;
	font-weight: bold;
	text-align: center;
}

.Done {
	color: #e0e0e0;
	background-color: #a0a0a0;
}
.Nomination {
	background-color: #feeda9;
}
.HighBid {
	background-color: #00BB00;
}
.HighBidPlayer {
	background-color: black;
	color: #E0E0E0;
}


#dialog-player-taken {
	xxposition:center;
	padding:0px;
}
#dialog-player-taken .dialog-title {
	text-align: center;
	font-weight: bold;
	margin-bottom: 0px;
}
#dialog-player-taken .dialog-body {
	white-space:nowrap;
}
#dialog-player-taken img {
	max-height: 60px;
	width: auto;
	max-width: 90px !important;
	margin: 20px;
}
#dialog-player-taken .dlg-player-img {
	float: left;
}
#dialog-player-taken .dlg-team-img {
	float: right;
}
#dialog-player-taken .player-info {
	margin-top: 16px; /* 4 less that image margin */
	float:left;
}
#dialog-player-taken .dlg-player-name {
	x-font-size: 28px;
	x-font-weight: bold;
}
#dialog-player-taken .dlg-team-name {
	font-size: 1.2em;
	font-weight: bold;
}

/*
 * 2026 full-screen draft board
 */
html,
body {
	height: 100%;
	overflow: hidden;
}

body {
	margin: 0;
	color: #dfe8f7;
	background: #070a11 !important;
	font-family: Inter, Arial, sans-serif;
}

.draft-board-shell {
	display: flex;
	flex-direction: column;
	height: 100vh;
	min-width: 1100px;
	background: #080b12;
}

.draft-board-topbar {
	display: flex;
	align-items: center;
	justify-content: space-between;
	min-height: 58px;
	padding: 0 18px;
	border-bottom: 1px solid rgba(255,255,255,.07);
	background: #07090f;
}

.draft-board-title-group {
	display: flex;
	align-items: center;
	gap: 16px;
	min-width: 0;
}

.draft-board-title {
	color: #eef4ff;
	font-size: 22px;
	font-weight: 900;
	line-height: 1;
	letter-spacing: 2px;
	text-transform: uppercase;
}

.draft-board-subtitle {
	color: #8791aa;
	font-size: 12px;
	font-weight: 700;
	white-space: nowrap;
}

.draft-board-status-dot,
.draft-board-pause-dot {
	display: inline-block;
	width: 8px;
	height: 8px;
	margin-left: 6px;
	border-radius: 50%;
	background: #ffb020;
	box-shadow: 0 0 12px rgba(255,176,32,.75);
	vertical-align: 1px;
}

.draft-board-status-dot.running {
	background: #21d38b;
	box-shadow: 0 0 12px rgba(33,211,139,.65);
}

.draft-board-status-dot.stopped {
	background: #778198;
	box-shadow: none;
}

.draft-board-actions {
	display: flex;
	align-items: center;
	gap: 6px;
}

.draft-board-action {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 6px;
	height: 28px;
	padding: 0 9px;
	border: 1px solid rgba(122,137,174,.28);
	border-radius: 6px;
	color: #9ca8c5;
	background: #101421;
	font-size: 10px;
	font-weight: 800;
	line-height: 1;
	white-space: nowrap;
}

.draft-board-close {
	width: 28px;
	padding: 0;
}

.draft-board-action.is-active {
	border-color: rgba(34,227,139,.5);
	color: #22e38b;
	background: rgba(34,227,139,.12);
}

.draft-board-pause-banner {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 13px;
	height: 40px;
	border-top: 1px solid rgba(255,176,32,.35);
	border-bottom: 2px solid #e09611;
	color: #ffb020;
	background: linear-gradient(90deg, rgba(255,176,32,.08), rgba(255,176,32,.16), rgba(255,176,32,.08));
	font-size: 14px;
	font-weight: 900;
	letter-spacing: 2px;
	text-transform: uppercase;
}

.draft-board-pause-banner.is-hidden {
	display: none;
}

.draft-board-pause-icon {
	font-size: 13px;
}

.draft-board-main {
	flex: 1 1 auto;
	position: relative;
	min-height: 0;
	overflow: auto;
	background: #080b13;
}

.draft-board-main .col-list {
	display: none !important;
}

.draft-board-main .col-board,
.draft-board-main .col-board-full {
	float: none;
	width: 100%;
	height: 100%;
	overflow: visible;
}

#BoardTable {
	width: max-content;
	min-width: 100%;
	margin: 0;
	border: 0;
	border-collapse: separate;
	border-spacing: 0;
	background: #080b13;
	table-layout: fixed;
}

#BoardTable thead tr th,
#BoardTable tbody tr td {
	min-width: 118px;
	width: 118px;
	border: 0;
	border-right: 1px solid rgba(111,126,153,.17);
	border-bottom: 1px solid rgba(111,126,153,.17);
	color: #dbe5f8;
	background: #080b13;
	text-align: center;
	vertical-align: middle;
	white-space: nowrap;
}

#BoardTable thead tr th {
	position: sticky;
	top: 0;
	z-index: 5;
	height: 88px;
	padding: 0;
	font-size: 11px;
	font-weight: 800;
	background: #090d17;
}

#BoardTable.DraftBoardTable thead tr th,
#BoardTable.DraftBoardTable thead tr th:not(:first-child) {
	background: #090d17 !important;
}

#BoardTable thead tr th:first-child,
#BoardTable tbody tr td:first-child {
	position: sticky;
	left: 0;
	z-index: 7;
	width: 52px;
	min-width: 52px;
	max-width: 52px;
	background: #090d17;
}

#BoardTable thead tr th:first-child {
	z-index: 8;
}

#BoardTable thead tr th > div,
.DraftBoardTable thead tr th > div {
	width: auto;
	height: 100%;
	margin: 0;
	padding: 11px 8px 8px;
	border: 0;
	border-top: 3px solid #6c7cff;
	box-sizing: border-box;
}

#BoardTable thead tr th:nth-child(6n+2) > div { border-top-color: #ff4d5f; }
#BoardTable thead tr th:nth-child(6n+3) > div { border-top-color: #f7d636; }
#BoardTable thead tr th:nth-child(6n+4) > div { border-top-color: #4c7dff; }
#BoardTable thead tr th:nth-child(6n+5) > div { border-top-color: #a579ff; }
#BoardTable thead tr th:nth-child(6n+6) > div { border-top-color: #22e38b; }
#BoardTable thead tr th:nth-child(6n+7) > div { border-top-color: #ff9d3b; }

#BoardTable thead tr th.OnClock > div {
	border: 2px solid #ff4d5f;
	border-top-width: 3px;
	background: rgba(255,77,95,.08);
}

#BoardTable thead tr th div div {
	height: 31px;
	margin: 0 auto 5px;
	padding: 0;
	border: 0;
}

#BoardTable thead tr th img {
	display: block;
	width: auto;
	max-width: 34px !important;
	max-height: 31px;
	margin: 0 auto;
	object-fit: contain;
}

#BoardTable .draft-board-corner {
	color: #8fa0c4;
	font-size: 10px;
	font-weight: 900;
	letter-spacing: 1px;
	text-transform: uppercase;
}

#BoardTable .draft-board-corner > div {
	display: flex;
	align-items: center;
	justify-content: center;
	border-top-color: transparent;
}

#BoardTable .draft-board-corner .btn-settings {
	display: none;
}

#BoardTable .draft-board-team-header {
	color: #b7c1d7;
	font-size: 10px;
	line-height: 1.25;
}

#BoardTable .draft-board-team-header > div {
	overflow: hidden;
	text-overflow: ellipsis;
}

#BoardTable tbody tr {
	height: 50px;
}

#BoardTable > tbody > tr > td:first-child,
#BoardTable .draft-board-round-label {
	color: #9fb1d6;
	background: #090d17;
	font-size: 14px;
	font-weight: 900;
	letter-spacing: 0;
}

#BoardTable tbody tr td {
	padding: 4px 6px;
}

#BoardTable .draft-board-empty-pick {
	color: rgba(143,160,196,.18);
	font-size: 18px;
	font-weight: 800;
}

#BoardTable td.PickMade {
	padding: 4px 6px;
	color: #f2f6ff;
	font-size: 11px;
	text-align: left;
	background: #0d1320;
}

#BoardTable td.PickMade.DBPos0,
#BoardTable td.PickMade.DBPos206,
#BoardTable td.PickMade.DBPos302,
#BoardTable td.PickMade.DBPos404 {
	--db-pos: #ff4d5f;
	background: linear-gradient(90deg, rgba(255,77,95,.16), #0d1320 36px);
}

#BoardTable td.PickMade.DBPos1,
#BoardTable td.PickMade.DBPos207,
#BoardTable td.PickMade.DBPos208,
#BoardTable td.PickMade.DBPos209,
#BoardTable td.PickMade.DBPos210,
#BoardTable td.PickMade.DBPos303,
#BoardTable td.PickMade.DBPos402,
#BoardTable td.PickMade.DBPos405,
#BoardTable td.PickMade.DBPos406 {
	--db-pos: #22e38b;
	background: linear-gradient(90deg, rgba(34,227,139,.16), #0d1320 36px);
}

#BoardTable td.PickMade.DBPos2,
#BoardTable td.PickMade.DBPos212,
#BoardTable td.PickMade.DBPos213,
#BoardTable td.PickMade.DBPos214,
#BoardTable td.PickMade.DBPos304 {
	--db-pos: #f7d636;
	background: linear-gradient(90deg, rgba(247,214,54,.16), #0d1320 36px);
}

#BoardTable td.PickMade.DBPos3,
#BoardTable td.PickMade.DBPos204,
#BoardTable td.PickMade.DBPos305,
#BoardTable td.PickMade.DBPos403,
#BoardTable td.PickMade.DBPos407,
#BoardTable td.PickMade.DBPos408 {
	--db-pos: #c28cff;
	background: linear-gradient(90deg, rgba(194,140,255,.16), #0d1320 36px);
}

#BoardTable td.PickMade.DBPos4,
#BoardTable td.PickMade.DBPos203 {
	--db-pos: #ff9d3b;
	background: linear-gradient(90deg, rgba(255,157,59,.16), #0d1320 36px);
}

#BoardTable td.PickMade.DBPos5,
#BoardTable td.PickMade.DBPos6,
#BoardTable td.PickMade.DBPos205 {
	--db-pos: #ff506d;
	background: linear-gradient(90deg, rgba(255,80,109,.16), #0d1320 36px);
}

#BoardTable td.PickMade.DBPos10,
#BoardTable td.PickMade.DBPos11,
#BoardTable td.PickMade.DBPos12,
#BoardTable td.PickMade.DBPos202 {
	--db-pos: #4c7dff;
	background: linear-gradient(90deg, rgba(76,125,255,.16), #0d1320 36px);
}

#BoardTable .draft-board-pick-card {
	min-height: 35px;
	padding: 6px 8px 5px;
	border-left: 3px solid var(--db-pos, #7a89ae);
	border-radius: 5px;
	background: rgba(15,20,33,.78);
	box-shadow: inset 0 0 0 1px rgba(255,255,255,.03);
}

#BoardTable .draft-board-pick-player {
	display: flex;
	align-items: center;
	overflow: hidden;
	color: #eef4ff;
	font-size: 11px;
	font-weight: 900;
	line-height: 1.1;
	text-overflow: ellipsis;
}

.draft-board-player-name {
	overflow: hidden;
	min-width: 0;
	text-overflow: ellipsis;
	white-space: nowrap;
}

#BoardTable .draft-board-pick-position {
	margin-top: 3px;
	color: var(--db-pos, #aab6cf);
	font-size: 9px;
	font-weight: 900;
	line-height: 1;
	text-transform: uppercase;
}

#BoardTable .draft-board-pick-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	margin-left: 4px;
	font-size: 10px;
	line-height: 1;
}

.draft-board-instant-auto-pick {
	color: #ffbf3d;
}

.draft-board-fail-safe-auto-pick {
	color: #8fa0c4;
}

.draft-board-forfeited-pick {
	color: #d7dfef;
}

.draft-board-rookie {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 13px;
	height: 13px;
	margin-left: 4px;
	padding: 0 3px;
	border: 1px solid rgba(247,214,54,.58);
	border-radius: 3px;
	color: #f7d636;
	background: rgba(247,214,54,.12);
	font-size: 9px;
	font-weight: 900;
	line-height: 1;
	vertical-align: 1px;
}

body.draft-board-compact #BoardTable thead tr th,
body.draft-board-compact #BoardTable tbody tr td {
	min-width: 102px;
	width: 102px;
}

body.draft-board-compact #BoardTable thead tr th {
	height: 76px;
	font-size: 10px;
}

body.draft-board-compact #BoardTable thead tr th:first-child,
body.draft-board-compact #BoardTable tbody tr td:first-child {
	width: 44px;
	min-width: 44px;
	max-width: 44px;
}

body.draft-board-compact #BoardTable thead tr th > div,
body.draft-board-compact .DraftBoardTable thead tr th > div {
	padding: 8px 6px 6px;
}

body.draft-board-compact #BoardTable thead tr th div div {
	height: 26px;
	margin-bottom: 4px;
}

body.draft-board-compact #BoardTable thead tr th img {
	max-width: 29px !important;
	max-height: 26px;
}

body.draft-board-compact #BoardTable tbody tr {
	height: 42px;
}

body.draft-board-compact #BoardTable tbody tr td {
	padding: 3px 4px;
}

body.draft-board-compact #BoardTable > tbody > tr > td:first-child,
body.draft-board-compact #BoardTable .draft-board-round-label {
	font-size: 12px;
}

body.draft-board-compact #BoardTable .draft-board-pick-card {
	min-height: 28px;
	padding: 4px 6px 4px;
	border-left-width: 2px;
	border-radius: 4px;
}

body.draft-board-compact #BoardTable .draft-board-pick-player {
	font-size: 9px;
	line-height: 1.05;
}

body.draft-board-compact #BoardTable .draft-board-pick-position {
	margin-top: 2px;
	font-size: 8px;
}

body.draft-board-compact #BoardTable .draft-board-pick-icon {
	margin-left: 3px;
	font-size: 8px;
}

body.draft-board-compact #BoardTable .draft-board-rookie {
	min-width: 11px;
	height: 11px;
	margin-left: 3px;
	padding: 0 2px;
	font-size: 7px;
}

body.draft-board-compact #BoardTable .draft-board-empty-pick {
	font-size: 15px;
}

body.draft-board-compact #BoardTable td.DBTimer {
	padding: 3px;
}

body.draft-board-compact .draft-board-clock-card {
	min-height: 32px;
}

body.draft-board-compact .draft-board-clock-label,
body.draft-board-compact .draft-board-clock-pick {
	font-size: 8px;
}

body.draft-board-compact #TimeRemaining {
	font-size: 14px;
}

#BoardTable td.DBTimer {
	padding: 4px;
	border: 2px solid #ff4d5f;
	background: rgba(255,77,95,.11);
	box-shadow: inset 0 0 0 1px rgba(255,77,95,.2);
}

.draft-board-clock-card {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	min-height: 38px;
	color: #ff7080;
	font-weight: 900;
	text-align: center;
	text-transform: uppercase;
}

.draft-board-clock-label {
	font-size: 9px;
	letter-spacing: 1.2px;
}

.draft-board-clock-pick {
	margin-top: 2px;
	color: #ff9aa5;
	font-size: 9px;
	letter-spacing: 1px;
}

#TimeRemaining {
	color: #ffffff;
	font-size: 16px;
	font-weight: 900;
	line-height: 1.1;
}

#BoardTable #TimeRemaining,
.draft-board-shell #TimeRemaining {
	color: #ffffff !important;
}

.draft-board-log-panel {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	z-index: 30;
	display: none;
	flex-direction: column;
	width: 248px;
	border-left: 1px solid rgba(122,137,174,.24);
	background: #070a11;
	box-shadow: -18px 0 38px rgba(0,0,0,.34);
	pointer-events: none;
}

.draft-board-log-open .draft-board-log-panel {
	display: flex;
	pointer-events: auto;
}

.draft-log-head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex: 0 0 44px;
	padding: 0 14px;
	border-bottom: 1px solid rgba(122,137,174,.16);
	background: #070a11;
}

.draft-log-title {
	color: #eef4ff;
	font-family: "Arial Narrow", Inter, Arial, sans-serif;
	font-size: 15px;
	font-weight: 900;
	letter-spacing: 1.7px;
	text-transform: uppercase;
}

.draft-log-count {
	color: #8fa0c4;
	font-size: 9px;
	font-weight: 800;
	white-space: nowrap;
}

.draft-log-list {
	flex: 1 1 auto;
	min-height: 0;
	overflow-y: auto;
	scrollbar-width: thin;
}

.draft-log-row {
	position: relative;
	display: grid;
	grid-template-columns: 33px 21px minmax(0, 1fr) auto;
	align-items: center;
	column-gap: 7px;
	min-height: 45px;
	padding: 7px 10px 7px 12px;
	border-bottom: 1px solid rgba(122,137,174,.12);
	background: #080c14;
}

.draft-log-row:nth-child(odd) {
	background: #090d17;
}

.draft-log-row.is-mine:after {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	width: 3px;
	background: #ff4d5f;
	box-shadow: 0 0 12px rgba(255,77,95,.45);
}

.draft-log-pick {
	color: #7fa0ff;
	font-size: 10px;
	font-weight: 900;
	letter-spacing: .2px;
}

.draft-log-logo {
	width: 18px;
	height: 18px;
	object-fit: contain;
}

.draft-log-logo-empty {
	display: block;
	border-radius: 4px;
	background: rgba(122,137,174,.2);
}

.draft-log-copy {
	min-width: 0;
	line-height: 1.05;
	text-align: left;
}

.draft-log-team {
	overflow: hidden;
	color: #8290ad;
	font-size: 8px;
	font-weight: 800;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.draft-log-player {
	display: flex;
	align-items: center;
	overflow: hidden;
	margin-top: 2px;
	color: #f2f6ff;
	font-size: 10px;
	font-weight: 900;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.draft-log-pick-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	margin-left: 3px;
	font-size: 9px;
	line-height: 1;
}

.draft-log-player .draft-board-rookie {
	margin-left: 5px;
}

.draft-log-pos {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 26px;
	height: 17px;
	padding: 0 6px;
	border-radius: 5px;
	color: #081018;
	font-size: 8px;
	font-weight: 900;
	line-height: 1;
	text-transform: uppercase;
}

.draft-log-pos-qb { background: #ff4d5f; }
.draft-log-pos-rb { background: #22e38b; }
.draft-log-pos-wr { background: #f7d636; }
.draft-log-pos-te { background: #8c5cff; color: #eef4ff; }
.draft-log-pos-k { background: #ff9d3b; }
.draft-log-pos-dst { background: #ff506d; color: #eef4ff; }
.draft-log-pos-idp { background: #7a89ae; color: #eef4ff; }
.draft-log-pos-other { background: #aab6cf; }
.draft-log-pos-empty { background: transparent; }

.draft-board-footer {
	flex: 0 0 auto;
	border-top: 1px solid rgba(34,227,139,.2);
	background: #07090f;
}

.draft-board-next-up {
	display: flex;
	align-items: center;
	min-height: 50px;
	padding: 0 16px;
	border-bottom: 1px solid rgba(255,255,255,.06);
	background: rgba(34,227,139,.08);
}

.draft-board-next-label {
	margin-right: 16px;
	color: #8fa0c4;
	font-size: 10px;
	font-weight: 900;
	letter-spacing: 1px;
	text-transform: uppercase;
}

.draft-board-next-logo {
	width: 28px;
	height: 28px;
	margin-right: 10px;
	object-fit: contain;
}

.draft-board-next-team {
	display: flex;
	flex-direction: column;
	min-width: 0;
	color: #eef4ff;
	font-size: 12px;
	font-weight: 900;
	line-height: 1.15;
}

.draft-board-next-team small {
	color: #8c98b4;
	font-size: 10px;
	font-weight: 700;
}

.draft-board-next-pick {
	margin-left: auto;
	padding: 5px 10px;
	border: 1px solid rgba(34,227,139,.45);
	border-radius: 5px;
	color: #22e38b;
	background: rgba(34,227,139,.12);
	font-size: 11px;
	font-weight: 900;
}

.draft-board-bottom-row {
	display: flex;
	align-items: center;
	justify-content: space-between;
	min-height: 47px;
	padding: 0 18px;
}

.draft-board-view-toggle,
.draft-board-legend {
	display: flex;
	align-items: center;
	gap: 8px;
	color: #8895b2;
	font-size: 10px;
	font-weight: 800;
	letter-spacing: 1px;
	text-transform: uppercase;
}

.draft-board-view-toggle button {
	width: 31px;
	height: 31px;
	border: 1px solid rgba(122,137,174,.28);
	border-radius: 6px;
	color: #8fa0c4;
	background: #101421;
}

.draft-board-view-toggle button.is-active {
	border-color: rgba(255,77,95,.55);
	color: #ff4d5f;
}

.draft-board-legend b,
.draft-board-legend .legend-rookie {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 28px;
	height: 17px;
	padding: 0 6px;
	border-radius: 4px;
	font-size: 9px;
	font-weight: 900;
	letter-spacing: 0;
}

.legend-qb { color: #ff4d5f; background: rgba(255,77,95,.18); }
.legend-rb { color: #22e38b; background: rgba(34,227,139,.16); }
.legend-wr { color: #f7d636; background: rgba(247,214,54,.17); }
.legend-te { color: #c28cff; background: rgba(194,140,255,.16); }
.legend-k { color: #ff9d3b; background: rgba(255,157,59,.16); }
.legend-dst { color: #ff506d; background: rgba(255,80,109,.16); }
.draft-board-legend .legend-rookie { border: 1px solid rgba(247,214,54,.58); color: #f7d636; background: rgba(247,214,54,.12); }
.draft-board-legend .legend-status {
	display: inline-flex;
	align-items: center;
	gap: 4px;
	color: #d7dfef;
	letter-spacing: 0;
	text-transform: none;
	white-space: nowrap;
}

.draft-board-legend .legend-instant i { color: #ffbf3d; }
.draft-board-legend .legend-failsafe i { color: #8fa0c4; }
.draft-board-legend .legend-forfeited i { color: #d7dfef; }

#header-fixed {
	display: none;
}

body.draft-board-light {
	color: #172033;
	background: #eef2f8 !important;
}

body.draft-board-light .draft-board-shell {
	background: #eef2f8;
}

body.draft-board-light .draft-board-topbar,
body.draft-board-light .draft-board-footer,
body.draft-board-light .draft-board-bottom-row {
	background: #ffffff;
	border-color: #d8dfeb;
}

body.draft-board-light .draft-board-title,
body.draft-board-light .draft-board-next-team,
body.draft-board-light .draft-board-action:hover,
body.draft-board-light .draft-board-action:focus {
	color: #172033;
}

body.draft-board-light .draft-board-subtitle,
body.draft-board-light .draft-board-next-label,
body.draft-board-light .draft-board-next-team small,
body.draft-board-light .draft-board-view-toggle,
body.draft-board-light .draft-board-legend {
	color: #667287;
}

body.draft-board-light .draft-board-action,
body.draft-board-light .draft-board-view-toggle button {
	color: #5d687d;
	background: #f7f9fd;
	border-color: #d8dfeb;
}

body.draft-board-light .draft-board-action:hover,
body.draft-board-light .draft-board-action:focus,
body.draft-board-light .draft-board-view-toggle button:hover,
body.draft-board-light .draft-board-view-toggle button:focus {
	background: #edf1f7;
}

body.draft-board-light .draft-board-action.is-active {
	border-color: rgba(7,134,91,.32);
	color: #07865b;
	background: rgba(7,134,91,.08);
}

.draft-board-log-open #DraftBoardLogToggle,
body.draft-board-light.draft-board-log-open #DraftBoardLogToggle {
	border-color: rgba(255,77,95,.45);
	color: #ff4d5f;
	background: rgba(255,77,95,.12);
}

body.draft-board-light .draft-board-log-panel,
body.draft-board-light .draft-log-head {
	border-color: #d8dfeb;
	background: #ffffff;
	box-shadow: -18px 0 38px rgba(24,35,52,.16);
}

body.draft-board-light .draft-log-title {
	color: #172033;
}

body.draft-board-light .draft-log-count,
body.draft-board-light .draft-log-team {
	color: #667287;
}

body.draft-board-light .draft-log-row {
	border-color: #e7ebf2;
	background: #ffffff;
}

body.draft-board-light .draft-log-row:nth-child(odd) {
	background: #f7f9fd;
}

body.draft-board-light .draft-log-player {
	color: #172033;
}

body.draft-board-light .draft-board-main,
body.draft-board-light #BoardTable,
body.draft-board-light #BoardTable thead tr th,
body.draft-board-light #BoardTable thead tr th:not(:first-child),
body.draft-board-light #BoardTable tbody tr td {
	background: #ffffff !important;
	color: #172033;
}

body.draft-board-light #BoardTable.DraftBoardTable thead tr th,
body.draft-board-light #BoardTable.DraftBoardTable thead tr th:not(:first-child) {
	background: #ffffff !important;
}

body.draft-board-light #BoardTable thead tr th,
body.draft-board-light #BoardTable tbody tr td {
	border-color: #d8dfeb;
}

body.draft-board-light #BoardTable thead tr th:first-child,
body.draft-board-light #BoardTable tbody tr td:first-child,
body.draft-board-light #BoardTable .draft-board-round-label {
	background: #edf1f7 !important;
	color: #526079;
}

body.draft-board-light #BoardTable .draft-board-team-header {
	color: #667287;
}

body.draft-board-light #BoardTable .draft-board-empty-pick {
	color: #c5cedd;
}

body.draft-board-light #BoardTable td.PickMade {
	color: #172033;
	background: #f8fafd;
}

body.draft-board-light #BoardTable .draft-board-pick-card {
	background: #ffffff;
	box-shadow: inset 0 0 0 1px #d8dfeb;
}

body.draft-board-light #BoardTable .draft-board-pick-player {
	color: #172033;
}

body.draft-board-light .draft-board-rookie,
body.draft-board-light .draft-board-legend .legend-rookie {
	border-color: rgba(166,108,0,.45);
	color: #a66c00;
	background: rgba(255,193,7,.14);
}

body.draft-board-light .draft-board-instant-auto-pick,
body.draft-board-light .draft-board-legend .legend-instant i {
	color: #b87900;
}

body.draft-board-light .draft-board-fail-safe-auto-pick,
body.draft-board-light .draft-board-legend .legend-failsafe i {
	color: #53627c;
}

body.draft-board-light .draft-board-forfeited-pick,
body.draft-board-light .draft-board-legend .legend-forfeited i {
	color: #172033;
}

body.draft-board-light .draft-board-legend .legend-status {
	color: #53627c;
}

body.draft-board-light #BoardTable td.DBTimer {
	color: #ffffff !important;
	background: #c82036 !important;
	border-color: #931729 !important;
	box-shadow: inset 0 0 0 1px rgba(255,255,255,.32), 0 0 0 1px rgba(147,23,41,.22);
}

body.draft-board-light #BoardTable tbody tr td.DBTimer {
	background: #c82036 !important;
}

body.draft-board-light .draft-board-clock-card,
body.draft-board-light .draft-board-clock-pick,
body.draft-board-light #TimeRemaining {
	color: #ffffff !important;
}

body.draft-board-light .draft-board-next-up {
	background: #e8fbf3;
	border-color: #c9efe0;
}

body.draft-board-light .draft-board-next-pick {
	color: #07865b;
	background: #dff8ee;
	border-color: #9bddc4;
}

body.draft-board-light .draft-board-pause-banner {
	color: #a66a00;
	background: linear-gradient(90deg, rgba(240,165,0,.06), rgba(240,165,0,.18), rgba(240,165,0,.06));
	border-color: rgba(240,165,0,.45);
}
