/**
 * Site brand accents — load after legacy CSS.
 * Colors are not named after a coin.
 */
:root {
	--site-primary: #0daa7f;
	--site-primary-dark: #089a73;
	--site-primary-darker: #067a5c;
	--site-primary-light: #e8faf4;
	--site-primary-soft: #c5f3e4;
	--site-on-primary: #ffffff;
}

/* Main top navigation */
.dash_tp_menu_area,
.nav_top {
	background: linear-gradient(135deg, #1e293b 0%, #334155 100%) !important;
	box-shadow: 0 2px 12px rgba(15, 23, 42, 0.35) !important;
	border-bottom: 1px solid rgba(0, 0, 0, 0.08) !important;
}

/*.dark_mode .dash_tp_menu_area,
.dark_mode .nav_top {
	background: var(--site-primary-darker) !important;
	background-image: linear-gradient(90deg, #055c47 0%, var(--site-primary-darker) 50%, var(--site-primary-dark) 100%) !important;
	border-bottom: 1px solid rgba(10, 193, 143, 0.25) !important;
}*/


/* Home hero */
.banner_nine_area {
	background: linear-gradient(144deg, #fbd499 0, #d6b14121 100%) !important;
}

.banner_nine_area .b_nine_text h3,
.banner_nine_area .b_nine_text h4,
.banner_nine_area .b_nine_text h5,
.banner_nine_area .b_nine_text h6,
.banner_nine_area .b_nine_text p {
	color: #334f6e !important;
}

.banner_nine_area .b_nine_text h4 {
	color: #334f6e !important;
}

/* Announcement ticker */
.announcement-bar {
	background: #111629 !important;
	/* box-shadow: 0 2px 8px rgba(6, 122, 92, 0.25) !important; */
}

.announcement-icon {
	color: #fff9c4 !important;
}

.announcement-text {
	color: var(--site-on-primary) !important;
}

/*.dark_mode .announcement-bar {
	background: #055c47 !important;
	border-bottom: 1px solid rgba(10, 193, 143, 0.2) !important;
}*/

/* Faucet / level tables */
.history_tbl {
	/*border: 1px solid var(--site-primary-soft) !important;
	box-shadow: 0 4px 14px rgba(10, 193, 143, 0.12) !important;*/
}

.history_tbl .top_header {
	background: linear-gradient(135deg, #1e293b 0%, #334155 100%) !important;
	box-shadow: 0 2px 12px rgba(15, 23, 42, 0.35) !important;
	border-bottom: 1px solid rgba(0, 0, 0, 0.08) !important;
	color: var(--site-on-primary) !important;
}

.history_header {
	background: var(--site-primary-light) !important;
}

.history_header th {
	color: #0d3d30 !important;
}

.history_row th,
.history_row td {
	background: #fff !important;
	border-color: var(--site-primary-soft) !important;
}

.history_row:nth-child(2n+1) th,
.history_row:nth-child(2n+1) td {
	background: #EFEFEF !important;
}

.bet_history_row {
	background: var(--site-primary-light) !important;
}

.history_tbl .history_date {
	border-color: var(--site-primary-soft) !important;
	background: #fff !important;
}

.history_tbl .load_newer,
.history_tbl .load_older {
	border: 1px solid var(--site-primary-soft) !important;
	color: var(--site-primary-darker) !important;
}

.history_tbl .load_newer:hover,
.history_tbl .load_older:hover {
	background: var(--site-primary-light) !important;
}

.dark_mode .history_tbl .top_header {
	background: linear-gradient(135deg, #1e293b 0%, #334155 100%) !important;
	box-shadow: 0 2px 12px rgba(15, 23, 42, 0.35) !important;
	border-bottom: 1px solid rgba(0, 0, 0, 0.08) !important;
}

.dark_mode .history_header {
	background: #0f3d32 !important;
}

.dark_mode .history_header th {
	background: #DDD !important;
	color: #e8faf4 !important;
	/*border-color: rgba(10, 193, 143, 0.2) !important;*/
}

.dark_mode .history_row th,
.dark_mode .history_row td {
	background: #1a2c38 !important;
	border-color: rgba(10, 193, 143, 0.15) !important;
	color: #e8faf4 !important;
}

/*.dark_mode .history_row:nth-child(2n+1) th,
.dark_mode .history_row:nth-child(2n+1) td {
	background: #153429 !important;
}*/

.dark_mode .bet_history_row {
	background: #153429 !important;
}
