.nav-header{
	background: linear-gradient(to bottom, #33250c, #050202);
	color:#9e874e;
	display: flex;
	justify-content: space-between;
	padding:10px 10px;
}
.top-bar{
	background: #fff7e1;
	padding:5px 10px;
	display: flex;
}
.top-bar-sport{
	flex: 0.2;
	margin-right: 10px;
	padding-right: 5px;
	border-right: 1px solid #eee1ae;
}
.top-bar-league{
	flex: 0.8;
	padding-right: 5px;
	padding-left: 5px;
}

.content-section{
	background: #dfdfdf
}
.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;
	
}
.openbets-top-nav{
	background: linear-gradient(to bottom, #cbb37d, #e6d29c 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;
}
.dropdown-date{
	padding: 10px;
	cursor: pointer;
	background: none;
	border: none;
	padding-right: 3em;
	position: relative;
	z-index: 1;
}
.dropdown-date:focus{
	outline: none;
}
.sports-select{
	background: #b29661;
	padding: 10px 15px ;
}
.result-card{
	margin: 15px 10px;
	border-radius: 10px;
	background: white;
	box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
	align-items: center;
	
	cursor: pointer;
}
.result-top{
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 15px 10px;
}
.result-detail{
	border-top: 1px solid #dfdfdf;
}

.match-date{
	font-size: smaller;
	color: #a7a7a7;
}
.match-info{
	padding: 10px 15px;
}
.match-status{
	color: #5db23e;
	font-weight: 600;
}
.match-status-running{
	color: #e3ac24;
	font-weight: 600;
}
.match-more-info{
	background:  linear-gradient(to right, rgba(245, 245, 245, 0), #f5f5f5);
	text-align: end;
	padding: 0 10px 1px 15px;
}
.match-more-info:last-child{
	border-radius: 0 0 10px 10px;
}
.match-score-info-top{
	color: #b29661;
	font-weight: 600;
	padding: 10px;
	display: flex;
	justify-content: space-around;
	background: linear-gradient(to right, #f5f5f5, #dfdfdf);
	text-align: center;
	border: 1px solid #dfdfdf;
}
.match-score-info-top span{
	flex: 0.33;
}
.orange{
	color: #e3ac24;
}
.match-score-info{
	background: #f5f5f5;
	display: flex;
	justify-content: space-around;
	text-align: center;
	font-weight: 600;
	padding: 10px;
	border-bottom: 1px solid #dfdfdf;
}
.view-details{
	color: #0c99a9;
	font-weight: 600;
	font-size: smaller;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
}
.view-details img{
	margin-left: 3px;
}
.match-score-info span{
	display: flex;
	justify-content: center;
	align-items: center;
	flex: 0.33;
}
.match-score-info:last-child{
	border-radius: 0 0 10px 10px;
}

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

.dark .content-section{
	background:  black;
}
.dark .result-card{
	background: #2b2b2b;
	color: white;
}

.dark .match-more-info{
	background:  linear-gradient(to right, #2b2b2b, #403b3b);
}
.dark .result-detail{
	border-top: 1px solid #707070;
}
.dark .match-score-info-top{
	background: linear-gradient(to right, #403b3b, #2b2b2b);
	border: 1px solid #403b3b;
}

.dark .match-score-info{
	background: #323131;
	border-bottom: 1px solid #403b3b;
}

.first-goal, .last-goal {
	background: #346DC5;
	padding: 3px;
	border-radius: 50%;
	text-align: center;
	color: white;
	font-weight: bold;
	font-size: small;
	display: inline-block;
	width: 20px;
	margin-right: 2px;
	height: 20px;
	line-height: 13px;
}
.last-goal{
	background: #BE433A;
}

.league-dropdown{
	width: min(450px,100%);
}

.league-dropdown li{
	width: min(450px,100%);
}

.league-dropdown .dropdown-item{
	white-space: unset;
}