.nav-header {
	background: linear-gradient(to bottom, #33250c, #050202);
	color: #9e874e;
	display: flex;
	justify-content: space-between;
	padding: 10px 10px;
}
.lineall div{
	text-decoration: line-through;
}
.lineall .noline{
	text-decoration: none !important;
}
.line {
	text-decoration: line-through;
}
.top-bar{
	background: #fff7e1;
	padding: 5px 10px;
}

.content-section {
	background: #dfdfdf
}

.bet-selector {
	box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
	background: white;
	margin: 15px 10px;
	padding: 10px 15px;
	border-radius: 5px;
}

.game-header {
	color: #9e874e;
	font-weight: 600;
	border-bottom: 1px solid var(--lgray);
	padding-bottom: 10px;
}

.game-card {
	background: white;
	margin-bottom: 10px;
	padding: 15px;
}

.team-card {
	background: white;
	padding: 15px;
	margin-bottom: 10px;
}

.team-header {
	background: #f5f5f5;
	padding: 10px 15px;
	font-weight: bold;
	color: ;
}

.team-status {
	padding-top: 15px;
	flex-wrap: wrap;
}

.team-info {
	border-bottom: 1px solid var(--lgray);
	color: var(--gray);
	padding-bottom: 15px;
}

.status_running {
	color: #e3ac24;
}

.status_completed {
	color: #009903;
}

.nav-btn {
	padding: 3px 1em;
	font-size: large;
	text-align: center;
	min-width: 100px;
}

.nav-btn.active {
	background: linear-gradient(to bottom, #f1d798, #dfb36e);
	color: black;
	border-radius: 2em;
	font-weight: 600;

}

.league-info {
	width: 100%;
	background: #f6f6f6;
	padding: 10px;
	margin-top: 10px;
}

.league-more-details {
	font-weight: 600;
	color: #0c99a9;
}

.league-more-details:hover {
	color: #0c99a9;
}

.dropdown-toggle::after {
	display: none;
}

.openbets-top-nav {
	background: linear-gradient(to top, #e7d39d, #b19560 94%);
	;
}

.openbets-nav {
	padding: 10px 20px;
	flex: 1 0.33;
	white-space: nowrap;
}

.openbets-nav.active {
	border-bottom: 4px solid var(--body-color);
	font-weight: bold;
}

.game-container {
	border-left: 10px solid gray;
}

.dark .top-bar {
	color: #fff7e1;
	background: var(--body-color);
}

.dark .bet-selector {
	background: #2b2b2b;
	color: white;
}

.dark .content-section {
	background: black;
}

.dark .game-card {
	color: white;
	background: #2b2b2b;
}

.dark .team-header {
	background: #1d1d1d;
	color: white;
}

.dark .team-card {
	background: #2b2b2b;
	color: #a7a7a7;
}

.dark .league-info {
	background: #323131;
	color: #a7a7a7;
}

.top-pagination {
	background: #f2e5c1;
	padding: 10px;
	font-weight: 600;
}

.top-pagination span {
	margin: 0 5px;
	padding: 5px;
	cursor: pointer;
}

.nav-btn {
	display: flex;
	align-items: center;
	justify-content: center;
}

#cashoutModal .modal-content {
	border-radius: 15px;
	margin-top: calc(50vh - 104px);
}

#cashoutModal .modal-title {
	margin-top: 1rem;
}

#cashoutModal .modal-body {
	min-height: 100px;
}

.betmodal-image {
	margin-top: -3.5rem
}

.betmodal-close {
	position: absolute;
	top: 1rem;
	right: 1.25rem;
}

.betmodal-bottom {
	border-radius: 0 0 15px 15px;
	padding: 5px 20px 20px;
}

.betmodal-bottom-done {
	background: #aeaeae;
	flex: 1;
	color: white;
	border-radius: 5px;
	padding: 5px 10px;
	font-weight: bold;
}

.betmodal-bottom-orange {
	background: #aeaeae;
	flex: 0.49;
	color: white;
	border-radius: 5px;
	padding: 5px 10px;
	font-weight: bold;
}

.betmodal-bottom-red {
	background: #ec602c;
	flex: 0.49;
	font-weight: bold;
	color: white;
	border-radius: 5px;
	padding: 5px 10px;
	box-shadow: 0px 6px 6px -3px #ec602c66;
	text-align: center;
}

.betmodal-bottom-red:hover {
	color: white;
}

.orange-btn {
	margin-top: 10px;
	background: #ED9830;
	background: linear-gradient(180deg, rgba(237, 152, 48, 1) 0%, rgba(237, 115, 50, 1) 100%);
	width: 100%;
	border: 1px solid #ED9830;
	color: white;
	padding: 5px 10px;
	text-align: center;
	border-radius: 3px;
	display: inline-flex;
	justify-content: center;
	cursor: pointer;
}

.orange-btn-faded {
	background: #888;
	opacity: 0.65;
	cursor: none;
	border:none
}

.cashout-table {
  width: 100%;
  border-collapse: collapse;
  border:1px solid var(--lgray);
  margin-bottom: 1em; 
}
.cashout-table td{
  background:white;
  padding:4px 8px;
}

.cashout-table th{
  border: 1px solid #cbcbcb;
  padding:4px 8px;
}
.cashout-table th {
  background-color: #f2f2f2;
  font-weight: bold;
}

.cashout-toggle{
	background:  lightgray; 
	border-radius: 24px;
	width: 60px;
	padding: 5px;
	margin-bottom: 0.75em;
}
.cashout-toggle.active{
	background:  #ebc76e; 
}
.cashout-toggle .toggle{
	background: white;
	border-radius: 50%;
	box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.16);
	content: " ";
	width: 24px;
	height: 24px;
}
.cashout-toggle .on{
	float: right;
}
.profile-sub{
	position: fixed;
	z-index: 30;
	left: 0;
	right: 0;
	top: 0;
	right: 0;
	height: 100vh;
	overflow-y: auto;
	background: #dfdfdf;
	transition: all 0.5s;
}
.top-sub-section{
	background: #2b2b32;
	color: #ebc76e;
	font-size: large;
	padding: 10px 15px;
	display: flex;
	align-items: center;
}