h1,
h2,
h3,
h4 {
	font-family: "Poppins", sans-serif;
}

body {
	font-family: "IBM Plex Sans", sans-serif;
}

.flag_separator {
	background: #0071c5;
	/* Old browsers */
	background: -moz-linear-gradient(
		left,
		#0071c5 0%,
		#0071c5 34%,
		#f9e800 34%,
		#f9e800 34%,
		#f9e800 67%,
		#c62d23 67%,
		#c62d23 100%
	);
	/* FF3.6-15 */
	background: -webkit-linear-gradient(
		left,
		#0071c5 0%,
		#0071c5 34%,
		#f9e800 34%,
		#f9e800 34%,
		#f9e800 67%,
		#c62d23 67%,
		#c62d23 100%
	);
	/* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(
		to right,
		#0071c5 0%,
		#0071c5 34%,
		#f9e800 34%,
		#f9e800 34%,
		#f9e800 67%,
		#c62d23 67%,
		#c62d23 100%
	);
	/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0071c5', endColorstr='#c62d23', GradientType=1);
	/* IE6-9 */

	height: 4px;
	width: 100%;
}

/* Loaders css */
.lds-ellipsis {
	display: inline-block;
	position: relative;
	width: 80px;
	height: 80px;
}
.lds-ellipsis div {
	position: absolute;
	top: 33px;
	width: 13px;
	height: 13px;
	border-radius: 50%;
	background: #cef;
	animation-timing-function: cubic-bezier(0, 1, 1, 0);
}
.lds-ellipsis div:nth-child(1) {
	left: 8px;
	animation: lds-ellipsis1 0.6s infinite;
}
.lds-ellipsis div:nth-child(2) {
	left: 8px;
	animation: lds-ellipsis2 0.6s infinite;
}
.lds-ellipsis div:nth-child(3) {
	left: 32px;
	animation: lds-ellipsis2 0.6s infinite;
}
.lds-ellipsis div:nth-child(4) {
	left: 56px;
	animation: lds-ellipsis3 0.6s infinite;
}
@keyframes lds-ellipsis1 {
	0% {
		transform: scale(0);
	}
	100% {
		transform: scale(1);
	}
}
@keyframes lds-ellipsis3 {
	0% {
		transform: scale(1);
	}
	100% {
		transform: scale(0);
	}
}
@keyframes lds-ellipsis2 {
	0% {
		transform: translate(0, 0);
	}
	100% {
		transform: translate(24px, 0);
	}
}

/* Vue Cloak */
[v-cloak] {
	display: none;
}

/* Game sex :) */
.liga-feminina {
	color: pink;
}

.liga-masculina {
	color: aquamarine;
}

.next-day .btn-helper,
.prev-day .btn-helper {
	display: none;
}
.next-day:hover .btn-helper,
.prev-day:hover .btn-helper {
	display: inline-block;
}

/*  */
.match-status {
	position: absolute;
	right: 0;
	bottom: 0;
	text-transform: uppercase;
	border-top-right-radius: 0;
	border-bottom-left-radius: 0;
}