main {
  margin-top: 80px;
}

/* [title] {
  cursor: help;
} */

.score-badge {
  width: 1.7rem;
}

.text-primary {
  color: #3260b6 !important;
}

.bg-primary {
  background: #263d42 !important;
}

.bg-4pts {
  background: #2e79b4 !important;
}

.bg-info {
  background: #463b62 !important;
}

.bg-danger {
  background: rgb(204, 60, 127) !important;
}

.bg-decrease {
  background: #ffe1f0 !important;
}

.bg-increase {
  background: #d7f8ed !important;
}

.bg-success {
  background: #13994b !important;
}

.text-success {
  color: #13994b !important;
}

.text-danger {
  color: rgb(190, 31, 92) !important;
}

.btn-primary,
.navbar {
  background: #343f64 !important;
}

.cursor-pointer {
  cursor: pointer;
}

.bg-accent {
  background: #3b2fad !important;
}

.bg-A {
  background: #ffd6a5 !important;
}

.bg-B {
  background: #e89c81 !important;
}

.bg-C {
  background: #d1625c !important;
}

.bg-D {
  background: #eac4d5 !important;
}

.bg-E {
  background: #d6eadf !important;
}

.bg-F {
  background: #b8e0d4 !important;
}

.bg-G {
  background: #95b8d1 !important;
}

.bg-H {
  background: #809bce !important;
}

.bg-knockout {
  background: #404e67 !important;
}

.offcanvas-start {
  width: 80%;
  max-width: 320px;
}

.navbar .btn {
  font-size: 1.6rem;
}

.nav-bat {
  width: 22px;
  height: 22px;
  background-image: url('/img/table-tennis-bat.svg?q=125e03867e');
  background-repeat: no-repeat;
  position: relative;
  top: 3px;
  display: inline-block;
}

.ball {
  width:12px;
  height:12px;
  border-radius:100%;
  border:2px solid #3b2fad;
  background:#ffffff;
  transform: translateY(0px);
  position:absolute;
  margin: 28px 12px;
  top: 0px;
}

.bouncing {
  animation: bounce 1s;
  animation-iteration-count: infinite;
}

@keyframes bounce {
	0% {
    top: 0;
		-webkit-animation-timing-function: ease-in;
	}
	50% {
    top: 10px;
		height: 11px;
		-webkit-animation-timing-function: ease-out;
	}
	55% {
    top: 16px;
    height: 10px;
		-webkit-animation-timing-function: ease-in;
  }
	65% {
    top: 8px;
    height: 11px;
		-webkit-animation-timing-function: ease-out;
  }
	95% {
		top: 0;
		-webkit-animation-timing-function: ease-in;
	}
	100% {
    top: 0;
		-webkit-animation-timing-function: ease-in;
	}
}

.card thead {
  background-color: rgba(0, 0, 0, .03);
}

.table>:not(:last-child)>:last-child>* {
    border-bottom-color: rgba(0,0,0,.125);
}

.card tr:last-child td {
  border-bottom: 0;
}

.blinking {
  -webkit-animation: 2s blink ease infinite;
  -moz-animation: 2s blink ease infinite;
  -ms-animation: 2s blink ease infinite;
  -o-animation: 2s blink ease infinite;
  animation: 2s blink ease infinite;
  
}

@keyframes "blink" {
  from, to {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
}

@-moz-keyframes blink {
  from, to {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
}

@-webkit-keyframes "blink" {
  from, to {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
}

@-ms-keyframes "blink" {
  from, to {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
}

@-o-keyframes "blink" {
  from, to {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
}