:root {
	--brand-color: #faff17;
}

body[data-layout-mode=dark] .page-item.active .page-link {
	color: #fff;
	background-color: var(--brand-color) !important;
	border-color: var(--brand-color) !important;
}

body[data-layout-mode=dark] .page-link:hover {
	background-color: #282f36;
	color: var(--brand-color);
}
.maxima-item{
	text-decoration: underline;
}
.maxima-start{
	text-decoration-color: var(--brand-color) !important;;
}
.maxima-middle{
	text-decoration-color: #DBE209FF !important;
}
.maxima-end{
	text-decoration: #85041CFF !important;
}

.blob {
	border-radius: 50%;
	box-shadow: 0 0 0 0 rgba(0, 0, 0, 1);
	margin: 10px;
	height: 40px;
	width: 40px;
	animation: pulse-black 2s infinite;
}
.blob.blue {
	background: rgba(52, 172, 224, 1);
	box-shadow: 0 0 0 0 rgba(52, 172, 224, 1);
	animation: pulse-blue 2s infinite;
}

@keyframes pulse-blue {
	0% {
		box-shadow: 0 0 0 0 rgba(52, 172, 224, 0.7);
	}

	70% {
		box-shadow: 0 0 0 10px rgba(52, 172, 224, 0);
	}

	100% {
		box-shadow: 0 0 0 0 rgba(52, 172, 224, 0);
	}
}
.page-current {
	color: var(--brand-color) !important;
}

.btn-primary {
	background-color: var(--brand-color) !important;
	border-color: var(--brand-color) !important;
}

.btn-primary:hover {
	background-color: #5945af;
	border-color: #5441a5;
}

.btn-check:focus + .btn-primary, .btn-primary:focus {
	background-color: #5945af;
	border-color: #5441a5;
}

.btn-check:active + .btn-primary, .btn-check:checked + .btn-primary, .btn-primary.active, .btn-primary:active, .show > .btn-primary.dropdown-toggle {
	background-color: #5945af;
	border-color: #5441a5;
}

.pace .pace-activity {
	background: #faff1700 !important;
	display: none !important;
}

.separator {
	width: 100%;
	height: 50px;
}

.separator-medium {
	width: 100%;
	height: 30px;
}

.text-brand-color {
	color: var(--brand-color) !important;
}

.current-max {
	font-size: 3rem;
}

.title-max {
	font-size: 1.5rem;
}

.subtitle-max {
	font-size: 1rem !important;
	color: #ffae3b !important;
	width: 100%;
}

.table-title-max {
	font-size: 1rem !important;
	color: var(--brand-color) !important;
	width: 100%;
	font-weight: bold;
}

.table-subtitle-max {
	font-size: 0.8rem !important;
	color: #ffae3b !important;
	width: 100%;
}

.thumb-team{
	width: auto !important;
	height: 35px !important;
}
.thumb-league{
	width: auto !important;
	height: 80px !important;
}
/*Heat */
#preloader-heat {
}

.label-server-communication {
	font-size: 0.8rem;
	text-align: center;
	opacity: 0.7;
	width: 100%;
}

.mh-300 {
	min-height: 300px;
}

#table-graph-results {
	border: solid 1px #152036;
	width: 100%;
}

#table-graph-results thead td, #table-graph-results tfoot td {
	text-align: center;
	background-color: #141313;
	border: solid 1px #323642ab;
	color: #80807d;
	font-weight: bold;
	padding: 5px;
	font-size: 0.7rem;
}

#table-graph-results tbody td {
	text-align: center;
	background-color: #4c5367;
	border: solid 1px #000;
	color: #ffffff;
	font-weight: normal;
	padding: 0px;
	width: 40px;
	height: 35px;
	vertical-align: middle;
}


.label-minutes-header, .td-hora-result {
	color: #ced4da !important;
	font-weight: bold !important;
	text-align: center !important;
	background-color: #323232 !important;
	border: solid 1px #191e22 !important;
	padding: 5px;
}

.td-hora-result {
}

.win {
	background-color: #118830 !important;
	cursor: pointer;

}

.lose {
	background-color: #9c1113 !important;
	cursor: pointer;
}

.free-access {
	background-color: #1e1e1e !important;
	cursor: pointer;
}

.good-stats {
	color: #41e31b !important;
}

.realce {
	box-shadow: inset 0 0 5px 6px #000000;
}

.body-league {
	padding: 0.5rem 0.5rem !important;
}
.ui-menu{
	background-color: #30373e !important;
    color: #fff !important;
    border-color: #232a30 !important;
    padding: 10px !important;
    z-index: 99999 !important;
}
.acender:hover span{
	opacity:1 !important;
	font-size:1.1rem !important;
}
body[data-layout-mode=dark] .table .table-light, body[data-layout-mode=dark] .table-hover>tbody>tr:hover, body[data-layout-mode=dark] .table-striped>tbody>tr:nth-of-type(odd) {
	--bs-table-accent-bg: #222528;
	color: #b5b5b5;
}
.value_bet{
	background-color: red !important;
    --bs-table-accent-bg: #10ad19;
    color: #fff;
    font-weight: 800;
}

.tooltip-inner {
    max-width: 300px !important;
    /* If max-width does not work, try using width instead */
    width: 300px !important;
	opacity:1 !important;
}
.tooltip > .tooltip-inner {
  opacity: 1.0;
  filter: alpha(opacity=100);
} 

.tooltip > .tooltip-arrow { border-bottom-color:black; }

.tooltip.in {
  opacity: 1 !important;
  filter: alpha(opacity=100);
}
.thumb-tooltip{

}
.versus-label{
	padding-top:20px;
	font-size:1rem;
}
.score-label-tootip{
	font-size:0.6rem;
}
.score-label-ht-tootip{
	font-size:0.6rem;
}

@keyframes colorChange {
  0%, 100% { color: #ffe418; }
  50% { color: #fff; }
}
.odd-upcomming-wrapper{
	animation: colorChange 2s infinite;
	font-weight: bold !important;
	opacity: 1 !important;
}


body[data-layout-mode=dark] .btn {
    color: #ffffff !important;
}
body[data-layout-mode=dark] .form-check-input:checked {
    background-color: #676834 !important;
    border-color: var(--brand-color);
}
body[data-layout-mode=dark] .page-item.active .page-link {
    color: #000 !important;
}
body{
	background: url('https://app.supremetips.com.br/assets/images/supremetipsbg.gif') repeat,#191e22;
.tabela-dados_paginate .page-item.active .page-link {
    color: #fff !important;
    background-color: #34c38f !important;
    border-color: #34c38f !important;
}
.spinner-border {
	display: inline-block;
	width: 15px;
    height: 15px;
	vertical-align: text-bottom;
	border: .25em solid currentColor;
	border-right-color: transparent;
	border-radius: 50%;
	-webkit-animation: spinner-border .75s linear infinite;
	animation: spinner-border .75s linear infinite;
}

@-webkit-keyframes spinner-border {
	to {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

@keyframes spinner-border {
	to {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}
@keyframes blink {
	0% { background-color: yellow; }
	50% { background-color: transparent; }
	100% { background-color: yellow; }
}


.highlight {
	animation: 1s infinite glow;
	background-color: #ffc107 !important;
	color: #000 !important;
	font-weight: bold !important;
}