:root {
	--btn-bg-clr-primary: #1e90ff;
	--btn-text-clr-primary: #1e90ff;
}

/* var(--btn-bg-clr-primary) */

.happening_filter {
  margin-bottom: 1rem;
  padding: 0.5rem;
}

.event-odds-container tr > * {
	border: 0 !important;
}

.event-odds-header {
	padding: 10px;
	margin-bottom: 0;
	background: #ededed;
	color: black;
}

.event-odds-container .toggle {
	display: none;
}

.event-odds-container .show-for-small-only {
	display: none;
}

.event-odds-container .less {
	display: none;
}

.event-odds-container .rotate {
	transform: rotate(180deg);
}

.event-odds-container .odds-toggle-button {
	display: none !important;
}

.event-odds-container .odds-updated {
	padding-bottom:10px;
}

.event-odds-container .bet-stoppage-time td {
	font-size: 0.75rem;
	text-align: left;

}

.event-odds-container .show-more {
	/*background: #f1f1f1 !important;*/
	cursor: pointer;
	display: flex;
	justify-content: center;
	align-items: center;
}

.tnc.extra.event-odds-toggle {
	display:block;
	font-size: 11px !important;
}

.event-odds-container tr > td {
	padding-top: 20px;
	padding-bottom: 20px;
}

.event-odds-arrow-up {
	display:inline-block;
	padding-left:3px;
	cursor: default;
	font-size:12px;
	color:green;
}

.event-odds-arrow-down {
	margin-bottom:5px;
	display:inline-block;
	padding-left:3px;
	cursor: default;
	font-size:12px;
	color:red;
}

.event-odds-container .odds-td .sprite {
	vertical-align: middle !important;
}

.event-odds-container .tnc-applies {
	display: inline-block !important;
}

.event-odds-container .event-odds-btn-big {
	background-color: var(--btn-bg-clr-primary);
	color: var(--btn-text-clr-primary);
	text-decoration: none;
	padding: 0.5em 1em;
	border-radius: 0.25em;
}

.event-odds-container .event-odds-btn-small {
	background-color: var(--btn-bg-clr-primary);
	color: var(--btn-text-clr-primary);
	padding: 0.5em;
	border-radius: 0.25em;
}


@media only screen and (max-width: 480px) {
  	.event-odds-container .show-for-small-only {
		display: inline-block;
	}
	.event-odds-container .hide-for-small-only {
		display: none;
	}
}


.event-odds-container .higher {
	color: green;
}

.event-odds-container .lower {
	color: red;
}

.event-odds-container .odds-td img {
	vertical-align: middle;
}

.event-odds-container .higher,
.event-odds-container .lower{
	font-size: 0.875rem;
}
.event-odds-container {
  margin-bottom: 1.5rem;
}

.event-odds-table,
.event-odds-container .footer,
.event-odds-container .show-more {
	color: #3d4248 !important;
}

#main .event-odds-container .event-odds-btn {
	color: white !important;
	background: #f9a823;
	border-radius: 4px;
	border-bottom: 3px solid #ae781a !important;
}

#main .event-odds-container .event-odds-btn:hover {
	color: white !important;
	background: #FF8600 !important;
}

.event-odds-container .footer {
	padding: 0.5em 0.75em 0.25em 0.75em
}

.event-odds-container .show-more {
	font-weight: bold;
	padding-left: 5px;
	font-size: 1rem;
}

.event-odds-container .show-more i.fa {
	padding-right: 5px;
	padding-left: 5px;
	font-weight: bold;
}

/*
.event-odds-header {
	border: none;
	background-image: none;
	background-color: #4c93be;
	color: #fff;
	text-transform: uppercase !important;
	text-align: center;
	font-weight: 700 !important;
	font-size: 1.3rem !important;
	margin-left: 0 !important;
	padding: 15px 0 !important;
}

/***** ^^^^ from style.css ^^^^ ****/

.event-odds-container table * {
	color: #000000;
}

.event-odds-container table {
	margin-bottom: 0;
}

.event-odds-container table thead {
	border: 0;
}

.event-odds-container table tbody tr:nth-child(odd) {
	background-color: #f6f6f6;
}

.event-odds-container .name {
	overflow: hidden;
}

.event-odds-container .event-odds-btn-small {
    background-color: orange;
    color: white;
	border-bottom: 3px solid #ae781a;
	text-align: center;
}

.event-odds-container .event-odds-btn-small::before {
    font: normal normal normal 14px/1 FontAwesome;
	content: "\f08e";
}
.event-odds-container .event-odds {
	margin-bottom: 0;
}

.event-odds-container .footer * {
	font-size: 12px !important;
}

.event-odds-container .footer > * {
	padding: 0;
	margin-top: 2px;
	margin-bottom: 2px;
}

@media screen and (max-width: 640px)
{
	.event-odds-container table tr .name
	{
		max-width: 100px;
	}
}

.event-odds-container table * {
	font-size: 1rem !important;
}
	 
@media only screen and (max-width: 640px) {

	 /** eventodds **/
	 .event-odds-container table tbody tr td,
	 .event-odds-container table thead tr th {
		 width: 25%;
	 }
	 
	 .event-odds-container td.button-td,
	 .event-odds-container th.button-td  {
		max-width: 20px !important;
		 
	 }

	 .event-odds-container .show-for-small-only {
		 display: block !important;
	 }
}

 @media only screen and (max-width: 480px) {

	 .event-odds-container table tr td,
	 .event-odds-container table tr th  
	 {
		 padding-left: 0;
		 padding-right: 0;
	 } 
}