.scoreDataTableSection {
	background: #000;
	padding-top: 60px;
}

.scoreDataTableMainWrapper {
	display: flex;
	justify-content: space-between;
}

.scoreDataTableMain {
	width: 75%;
}
.tab-pane{
	position: relative;
}
.newsletterWrapper {
	padding: 40px 0;
	width: 22%;
	background-color: rgba(32, 32, 39, 255);
	border-radius: 16px;
	height: max-content;
	margin-top: 48px;
}

p.newslatterHeading {
	font-weight: 900 !important;
	margin-bottom: 23px;
	position: relative;
	font-size: 16px;
	line-height: 20px;
	color: #fff;
	text-transform: uppercase;
}

p.newslatterHeading:before {
	content: "";
	width: 61px;
	height: 4px;
	background: #df4661;
	position: absolute;
	bottom: -7px;
	left: 0;
	right: 0;
	margin: auto;
}

.newsletter-form {
	margin-top: 0px;
	max-width: 80%;
	margin: 0 auto;
}

.tab-nav {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 10px;
}

.filterMain {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	width: 74%;
	gap: 10px;
}

.tab-nav ul {
	width: 27%;
}

.tab-nav li {
	padding: 15px 5px;
	transition: all 0.3s ease;
}

.tab-nav ul li.active {
	text-align: center;
	background: #df4660;
	border-radius: 4px;
	position: relative;
}

.tab-nav ul li.active::before {
	content: "";
	position: absolute;
	bottom: 0;
	right: -126px;
	width: 200px;
	height: 2px;
	background: linear-gradient(90deg, #df4660 0%, #ff6b81 100%);
	clip-path: polygon(0 0, 100% 100%, 0% 100%, 100% 0);
}

.tab-nav ul li.active::after {
	content: "";
	position: absolute;
	bottom: -118px;
	left: 0;
	width: 2px;
	height: 125px;
	background: linear-gradient(180deg, #df4660 0%, #ff6b81 100%);
	clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 80%);
}

.filter-wrapper {
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 48%;
	background: #19191a;
	/* background: #1b1b1b; */
	border-radius: 4px;
}

.filter-select span.filter-icon {
	vertical-align: middle;
	display: flex;
}

.filter-select .filter-icon img {
	width: 28px;
	height: 28px;
	object-fit: contain;
}

.pagination.desktoppagination {
	display: flex;
	width: 60%;
	align-items: center;
	justify-content: flex-start;
	gap: 10px;
}

.filter-select {
	display: flex;
	align-items: center;
	gap: 10px;
	background: #2a2a33eb;
	padding: 0px 10px;
	width: 80%;
}

.filter-label {
	width: 20%;
	text-align: center;
}

.filter-select {
	position: relative;
	border-radius: 4px;
}

.filter-select select {
	background-color: #2a2a33eb;
	border: none;
	color: #fff;
	padding: 9px 35px 9px 12px;
	font-size: 16px;
	font-weight: 600;
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	cursor: pointer;
}

.filter-select::after {
	content: "";
	position: absolute;
	top: 50%;
	right: 10px;
	transform: translateY(-50%);
	width: 0;
	height: 0;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-top: 8px solid #fff;
	pointer-events: none;
}

.pagination button.page-btn {
	width: 30px;
	height: 30px;
	background: transparent;
	color: #fff;
	border: 1px solid #fff;
	box-shadow: none;
	border-radius: 4px;
	padding: 5px 5px 5px 5px;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
}
.pagination button {
	cursor: pointer;
}

.pagination button.page-btn.active {
	background: #ff000030;
	border: 1px solid #ff0000;
}

button.page-btn.page-prev-btn,
button.page-btn.page-next-btn {
	font-size: 0;
	width: 36px;
	display: flex;
}

button.page-btn.page-next-btn::after {
	content: "";
	position: absolute;
	top: 55%;
	right: 10px;
	transform: translateY(-50%) rotate(32deg);
	width: 0;
	height: 0;
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;
	border-top: 14px solid #fff;
	pointer-events: none;
}

button.page-btn.page-prev-btn::after {
	content: "";
	position: absolute;
	top: 55%;
	left: 10px;
	transform: translateY(-50%) rotate(-30deg);
	width: 0;
	height: 0;
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;
	border-top: 14px solid #fff;
	pointer-events: none;
}

.inputWrapperMain input {
	width: 30px;
	height: 30px;
	background: transparent;
	color: #fff;
	border: 1px solid #fff;
	box-shadow: none;
	border-radius: 4px;
}

.pagination .page-numbers {
	align-items: flex-end;
	display: flex;
	gap: 5px;
}

.inputWrapperMain input {
	width: 30px !important;
	height: 30px;
	background: transparent;
	color: #fff;
	border: 1px solid #fff !important;
	box-shadow: none;
	border-radius: 4px;
	padding: 5px !important;
	text-align: center;
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	outline: none;
}

.search-filter-bar input.searchBox {
	background-color: TRANSPARENT;
	padding: 14px 50px;
	border: 1px solid #fff;
	border-radius: 10px;
	background-image: url(/wp-content/themes/hello-elementor-child/modules/score-module/images/search-interface-symbol.png);
	background-repeat: no-repeat;
	background-position: left 20px center;
	color: #fff;
}

.loading input.searchBox {
	background-image: url(/wp-content/themes/hello-elementor-child/modules/score-module/images/loading-gif.gif);
	background-size: 20px;
	background-repeat: no-repeat;
	background-position: left 20px center;
}

.innerDataCol.innerDataCol2 {
	width: 35%;
}

.innerDataCol.innerDataCol3 {
	width: 30%;
}

.innerDataCol.innerDataCol4 {
	width: 35%;
}

.newsletterWrapper iframe {
	width: 100%;
}

img.newsletterImgMain {
	width: 100%;
	margin-bottom: 20px;
}

p.eventName {
	display: none;
}

p.newsletterHeading {
	font-weight: 900 !important;
	margin-bottom: 23px;
	position: relative;
	text-transform: uppercase;
}

.newsletterHeading:before {
	content: "";
	width: 61px;
	height: 4px;
	background: #df4661;
	position: absolute;
	bottom: -7px;
	left: 0;
	right: 0;
	margin: auto;
}

.newsletter-form {
	text-align: center;
}

body p.newsletterSubHeading {
	font-size: 14px !important;
	line-height: 20px;
	color: #fff;
	text-transform: uppercase;
	margin-bottom: 20px !important;
	margin-top: 20px !important;
}

#eventContainer {
	background: rgba(32, 32, 39, 255);
	padding: 20px 10px 10px;
}

.scoreDataTableMainWrapper {
	display: flex;
	gap: 30px;
	padding: 30px 0px;
}

.search-filter-bar {
	padding-bottom: 10px;
}

.innerDataWrapper {
	background: rgba(32, 32, 39, 255);
	padding: 10px 0px;
}

.innerDataRow {
	align-items: center;
	display: flex;
	justify-content: space-around;
}
.mainEventWrapper {
	background: #2d2d36eb;
	padding: 15px 20px;
	border-radius: 12px;
}
.tournamentName {
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 10px;
}
body .tournamentName p {
	color: #b6b0b0 !important;
	font-weight: 700 !important;
}
.innerDataColWrapper.innerDataColWrapper1 {
	width: 26%;
}

.innerDataCol.innerDataCol1 {
	display: flex;
	align-items: center;
	gap: 10px;
}

.innerDataCol.innerDataCol1 .sportLogoMain img {
	width: 35px;
	height: 35px;
	object-fit: contain;
}

.dateWrapper span {
	color: #767676;
	font-weight: 700;
}

body p.dateWrapper {
	text-transform: uppercase;
	margin-top: 3px !important;
}

.innerDataColWrapper.innerDataColWrapper2 {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
	width: 55%;
	padding: 0 20px;
}

.innerDataColWrapper.innerDataColWrapper3 {
	width: 22%;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
}

.innerDataColWrapper.innerDataColWrapper3.downArrow img {
	width: 15px;
	height: 15px;
}

.mainRoundSportsAndWinnerWrapper {
	display: flex;
	align-items: center;
	/* justify-content: space-between; */
	gap: 15px;
}

.mainRoundSportsAndWinnerWrapper.winnerWrapper {
	justify-content: flex-start;
}

.mainRoundSportsAndWinnerWrapper.loserWrapper {
	justify-content: space-between;
}

.innerDataCol.innerDataCol3 {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 3px;
}

.innerDataCol.innerDataCol3 span {
	color: #b6b0b0;
	font-weight: 500;
}

span.winnerRound {
	padding: 5px 17px;
	border-radius: 4px;
	font-size: 13px;
}

body .mainRoundSportsAndWinnerWrapper .winner {
	font-size: 14px;
	font-weight: 700;
}

body .innerDataCol p.loser {
	color: #b6b0b0;
	font-weight: 700;
}

.mainRoundSportsAndWinnerWrapper li {
	font-weight: 700;
}

.mainRoundSportsAndWinnerWrapper.winnerWrapper span.winnerRound {
	background: #df4660;
}

.mainRoundSportsAndWinnerWrapper.loserWrapper span.winnerRound {
	opacity: 0.4;
	background: #ffffff2e;
}

.innerDataDetailRow {
	background: #151515;
	display: none;
	align-items: center;
	justify-content: space-between;
	padding: 20px 30px;
}

.innerDataDetailCol.innerDataDetailCol1,
.innerDataDetailCol.innerDataDetailCol3 {
	width: 15%;
}

.innerDataDetailCol.innerDataDetailCol2 {
	width: 64%;
}

.innerDataAthleteImage img {
	width: 132px;
	height: 160px;
	object-fit: cover;
	border: 1px solid #fff;
	border-radius: 10px;
}

.innerDataDetailCol.innerDataDetailCol2 table td:nth-child(odd),
.innerDataDetailCol.innerDataDetailCol2 table th:nth-child(odd) {
	background-color: #2d2d36eb;
	color: #fff;
	border: none;
	font-size: 13px;
	padding: 12px;
}

.innerDataDetailCol.innerDataDetailCol2 table td:nth-child(even),
.innerDataDetailCol.innerDataDetailCol2 table th:nth-child(even) {
	background-color: #2b2b2bf0;
	color: #fff;
	font-size: 13px;
	border: none;
	padding: 12px;
}

.innerDataDetailCol.innerDataDetailCol2 table thead td,
.innerDataDetailCol.innerDataDetailCol2 table thead th {
	border-bottom: 2px solid #1b1b1b !important;
}

.innerDataDetailCol.innerDataDetailCol2.car-jitsu-score-card-inner-col2
	table
	td:first-child,
.innerDataDetailCol.innerDataDetailCol2.car-jitsu-score-card-inner-col2
	table
	th:first-child {
	background-color: #2d2d36eb;
	border: none !important;
}

.innerDataDetailCol.innerDataDetailCol2.car-jitsu-score-card-inner-col2
	table
	td:not(:first-child),
.innerDataDetailCol.innerDataDetailCol2.car-jitsu-score-card-inner-col2
	table
	th:not(:first-child) {
	/* background-color: #4848488c; */
	/* background-color: #2b2b2bf0; */
	border-right: 2px solid #1b1b1b;
	border-bottom: none !important;
}

.car-jitsu-score-card-wrapper .athleteScroeCol.athleteScroeCol2 {
	/* width: 100px;
    height: 30px;
    background: #000; */
	display: none;
}

.car-jitsu-score-card-wrapper .innerDataDetailCol table th {
	position: relative;
}

.car-jitsu-score-card-wrapper .innerDataDetailCol table th:nth-child(2)::after {
	content: "";
	position: absolute;
	bottom: 2px;
	right: 0;
	width: 100%;
	height: 2px;
	background: #161616;
}

.car-jitsu-score-card-wrapper .innerDataDetailCol table th:nth-child(5)::after {
	content: "";
	position: absolute;
	bottom: 2px;
	left: 0;
	width: 100%;
	height: 2px;
	background: #161616;
}

.car-jitsu-score-card-wrapper .innerDataDetailCol table th:nth-child(3)::after,
.car-jitsu-score-card-wrapper .innerDataDetailCol table th:nth-child(4)::after {
	content: "";
	position: absolute;
	bottom: 2px;
	left: 0;
	width: 100%;
	height: 2px;
	background: #161616;
}

.athleteScoreRow.athleteDetail {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-top: 10px;
}

.athleteScoreRow.athleteDetail p.athleteName {
	padding: 5px 8px;
	border-radius: 4px;
	color: #5a5a5a !important;
	font-weight: 800 !important;
	background: #ffffff0a;
}

.goto-input::-webkit-inner-spin-button,
.goto-input::-webkit-outer-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

.goto-input {
	-moz-appearance: textfield;
	appearance: none;
}

.sportLogoMain {
	width: 50px;
}

.sportDateTimeWrapper {
	width: calc(100% - 50px);
}

#eventContainer .downArrow img {
	width: 20px;
	height: 20px;
	object-fit: contain;
}

.mainRoundSportsAndWinnerWrapper.car-jitsu-score-card-win-loss {
	padding: 10px;
	/* background: #4848488c;
    border-radius: 4px; */
}

/* .mainRoundSportsAndWinnerWrapper.car-jitsu-score-card-win-loss ul li{
    font-size: 12px;
} */

.scoreDataTableSection.scoreDataTableSection-mobile {
	display: none;
}

.loaderMain {
	display: none !important;
    position: absolute;
    width: 100%;
    /* height: 100%; */
    display: flex;
    align-items: center;
    z-index: 9;
    /* background: rgba(32, 32, 39, 255); */
}

.Ajaxloading .loaderMain{
	display: block !important;
}

/* Pure-CSS white loader using ::before and ::after */
.loaderMain .loader{
  width:64px;
  height:64px;
  margin:40px auto;
  position:relative;
  border-radius:50%;
  /* subtle bg so it shows on dark backgrounds; remove if not needed */
  background: rgba(255,255,255,0.04);
}

/* both pseudo elements draw rings using border */
.loaderMain .loader::before,
.loaderMain .loader::after{
  content: "";
  position: absolute;
  inset: 0;                 /* top:0; right:0; bottom:0; left:0; */
  border-radius: 50%;
  box-sizing: border-box;
  border: 4px solid transparent;
  border-top-color: #fff;   /* white color for loader */
  border-right-color: #fff; /* small highlight, optional */
}

/* outer ring */
.loaderMain .loader::before{
  transform: rotate(0deg);
  animation: spin 1s linear infinite;
}

/* inner ring slightly smaller and opposite spin */
.loaderMain .loader::after{
  inset: 8px;               /* makes the inner ring smaller */
  border-width: 3px;
  opacity: 0.8;
  transform: rotate(180deg);
  animation: spin 1.2s linear infinite reverse;
}

/* rotation animation */
@keyframes spin{
  to { transform: rotate(360deg); }
}