.bgwhite{
	background-color: #fff;
}
.hover_pointer:hover{
	cursor:pointer;
}
.hideme{
	display:none;
}
.checking{
	display:none !important;
}
.hidegsb{
	display:none;
}
.abcRioButtonContentWrapper{
	background-color:#007bff;
}
.ppdiv{
	 margin:auto;
	 width:50%;
}
@media (max-width: 991.98px) {
	.ppdiv{
		margin:auto;
		width:100%;
	}	
}
.home_sidebar_xg{
	margin-top:5%;
	margin-bottom:auto;
	height:100%;
		width:100%;
		object-fit: contain;
	z-index:100;
}
.hidescroll
{
	overflow:auto !important;
}
.hidescroll::-webkit-scrollbar-track
{
	cursor:pointer !important;
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	border-radius: 10px;
	background-color: transparent;
}

.hidescroll::-webkit-scrollbar
{
	cursor:pointer !important;
	width: 5px;
	background-color: transparent;
}

.hidescroll::-webkit-scrollbar-thumb
{
	cursor:pointer !important;
	border-radius: 2px;
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
	background-color: #a3ff12;
}
#ga_iid{
	text-transform: lowercase !important; 
}
#my-signin2:hover .abcRioButtonContentWrapper{
		background-color:#a3ff12;
		color:#007bff;
		font-weight:bold;
}
.abcRioButton {
	margin-top:10px;
}
#logout_btn:hover{
		color:#007bff;
		font-weight:bold;
}
#ga_tc:hover{
	color:#007bff !important;
}
.theme_blue{
	color:#007bff !important;
}
.theme_blue_bg{
	background-color:#007bff !important;
}
.theme_green{
	color:#a3ff12 !important;
}
.theme_blue_s{
	text-shadow:0 0 15px #007bff, 0 0 15px #007bff;
}
.theme_green_bg{
	background-color:#a3ff12 !important;
}
.f_15{
	font-size:15px !important;
}
.f_12{
	font-size:12px !important;
}
.f_10{
	font-size:10px !important;
}
.glow_frame {
  color: #007bff;
  text-align: center;
  -webkit-animation: glow_frame 1s ease-in-out infinite alternate;
  -moz-animation: glow_frame 1s ease-in-out infinite alternate;
  animation: glow_frame 1s ease-in-out infinite alternate;
}

@-webkit-keyframes glow_frame {
  from {
    box-shadow: 0 0 3px #007bff, 0 0 4px #007bff, 0 0 5px #a3ff12, 0 0 6px #a3ff12, 0 0 7px #a3ff12, 0 0 8px #a3ff12, 0 0 9px #a3ff12;
  }
  
  to {
    box-shadow: 0 0 5px #a3ff12, 0 0 6px #007bff, 0 0 7px #007bff, 0 0 8px #007bff, 0 0 9px #007bff, 0 0 10px #007bff, 0 0 11px #007bff;
  }
}
.glow_text {
  color: #007bff;
  text-align: center;
  -webkit-animation: glow_text 1.5s ease-in-out infinite alternate;
  -moz-animation: glow_text 1.5s ease-in-out infinite alternate;
  animation: glow_text 1.5s ease-in-out infinite alternate;
}
@-webkit-keyframes glow_text {
  from {
    text-shadow: 0 0 3px #007bff, 0 0 4px #007bff, 0 0 5px #4333F8, 0 0 6px #4333F8, 0 0 7px #4333F8, 0 0 8px #4333F8, 0 0 9px #4333F8;
  }
  
  to {
    text-shadow: 0 0 8px #4333F8, 0 0 9px #007bff, 0 0 10px #007bff, 0 0 11px #007bff, 0 0 12px #007bff, 0 0 13px #007bff, 0 0 14px #007bff;
  }
}
.yt {
	color: red !important;
}
.ig {
	font-style:strong;
	background: -webkit-linear-gradient(#fcb045, #fd1d1d, #833ab4);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
.gf_trophy {
  color: gold;
  font-size: 1.5em; /* Adjust size as needed */
  display: inline-block;
  vertical-align: middle;
  animation: shine 2s infinite;
}

@keyframes shine {
  0% {
      text-shadow: 0 0 5px rgba(255, 215, 0, 0.6),
                   0 0 10px rgba(255, 215, 0, 0.4),
                   0 0 15px rgba(255, 215, 0, 0.2);
  }
  50% {
      text-shadow: 0 0 20px rgba(255, 215, 0, 0.8),
                   0 0 30px rgba(255, 215, 0, 0.6),
                   0 0 40px rgba(255, 215, 0, 0.4);
  }
  100% {
      text-shadow: 0 0 5px rgba(255, 215, 0, 0.6),
                   0 0 10px rgba(255, 215, 0, 0.4),
                   0 0 15px rgba(255, 215, 0, 0.2);
  }
}

.gf-trophy-wrapper {
  padding-right: 3vmax;
  display: flex;
  justify-content: center;
  align-items: center;
}

.btn-youtube {
    color: #fff;
    background-color: red;
}
.btn-check {
    color: #212529;
    background-color: #a3ff12;
}
.btn-check:hover {
    background-color: #88df00;
}
.whiteinput{
	color:#fff !important;
}
.whiteinput::-webkit-input-placeholder { /* WebKit browsers */
    color:    #fff !important;
}
.whiteinput:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color:    #fff !important;
}
.whiteinput::-moz-placeholder { /* Mozilla Firefox 19+ */
    color:    #fff !important;
}
.whiteinput:-ms-input-placeholder { /* Internet Explorer 10+ */
    color:    #fff !important;
}
/* MODAL ALERTS */
.modale:before {
  content: "";
  display: none;
  background: rgba(0, 0, 0, 0.6);
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 20;
}
.opened:before {
  display: block;
}
.opened .modal-dialog {
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
  top: 20%;
}
.modal-dialog {
  background: #fefefe;
  border: #333333 solid 0px;
  border-radius: 5px;
  margin-left: -200px;
  text-align:center;
  position: fixed;
  left: 50%;
  top: -100%;
  z-index: 21;
  width: 360px;
  box-shadow:0 5px 10px rgba(0,0,0,0.3);
  -webkit-transform: translate(0, -500%);
  -ms-transform: translate(0, -500%);
  transform: translate(0, -500%);
  -webkit-transition: -webkit-transform 0.3s ease-out;
  -moz-transition: -moz-transform 0.3s ease-out;
  -o-transition: -o-transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
  border: solid #a3ff12 3px;
  pointer-events: auto !important;
}
.modal-body {
  padding: 20px;
}
.modal-header,.modal-footer {
  padding: 10px 20px;
  z-index:22;
}
.modal-header {
  border-bottom: #eeeeee solid 1px;
}
.modal-header h2, .modal-body h2 {
  font-size: 20px;
  margin-bottom:-5px;
}

.signin-justify-align{
  position:absolute;
  margin-right:14%;
}

/* CUSTOM CSS FROM SCSS */
.match-teams-wrapper{
  display: flex;
  justify-content: center;
  align-items: center;
}

.match-team--v-align {
  display: flex;
  align-items: center;
  align-items: center;
}

.match-team__desc {
  order: 0;
  text-align: right;
}

.match-team-logo {
  flex-shrink: 0 !important;
}

/* Set width to auto for 2nd, 3rd, and 4th td children */
.upcoming-table tbody td:nth-child(2),
.upcoming-table tbody td:nth-child(3),
.upcoming-table tbody td:nth-child(4) {
    width: auto !important;
    min-width: auto !important;
    padding: 0 !important;
    margin: 0 !important;
}

.upcoming-table tbody td:nth-child(4){  
  padding-left: 10px !important;
}

.upcoming-table tbody td:nth-child(6){
  /* width: auto !important; */
  min-width: auto !important;
  padding-left: 50px !important;
}

.upcoming-table tbody td:nth-child(7){
  padding-left: 0px !important;
}

.fixture-filter-options > span{
  font-size: 1rem !important;
}

.fixture-filter {
  position: relative;
  width: 100%;
  margin-bottom: 20px; /* Adjust spacing as needed */
}

.filter-select-container {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  width: auto;
  margin-right: 10px; /* Adjust spacing between icon and select */
}

.filter-icon {
  position: absolute;
  left: 8px; /* Adjust icon position */
  top: 50%;
  transform: translateY(-50%);
  font-size: 0.875rem; /* Adjust icon size */
  color: #a3ff12; /* Icon color */
}

.filter-select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: #151720;
  color: #fff;
  border: none;
  padding: 10px 24px; /* Adjust padding */
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1;
  cursor: pointer;
  width: 150px; /* Adjust width */
  max-width: 100%; /* Ensure it doesn't exceed container width */
  border-radius: 4px;
  outline: none;
  transition: background-color 0.3s, color 0.3s, box-shadow 0.3s;
}

.filter-select:focus {
  box-shadow: 0 0 0 2px rgba(163, 255, 18, 0.5); /* Example outline color */
}

.filter-select option {
  background-color: #151720; /* Match the select background */
}

.filter-select option:hover {
  background-color: #333; /* Hover background color */
}

.filter-select option:checked {
  color: #a3ff12; /* Selected option color */
}

.filter-select:hover {
  background-color: #333; /* Hover background color */
}

.fixture-filter label {
  display: block;
  margin-bottom: 8px;
  font-size: 0.75rem;
  font-weight: 700;
  color: #999;
  text-transform: uppercase;
}

@media (min-width: 768px) {
  .filter-select {
      padding: 12px 24px; /* Adjust padding */
      font-size: 1rem;
      width: 200px; /* Adjust width for larger screens */
  }
}

.custom-title{
  display: block;
  padding-top: 5px;
  margin-bottom: 5px;
  font-size: 1rem;
}

.straight-title {
  /* Counter-rotate to make text horizontal */
  transform: rotate(-45deg);
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(-45deg);
}

.team-selection-item__thumbnail:hover~.title-1{color:#0090ff !important;}
.team-selection-item__thumbnail:hover~.title-2{color:#6e4aff !important;}
.team-selection-item__thumbnail:hover~.title-3{color:#faca21 !important;}
.team-selection-item__thumbnail:hover~.title-4{color:#d51633 !important;}
.team-selection-item__thumbnail:hover~.title-5{color:#a3ff12 !important;}

.team-selection-item__thumbnail:hover .custom-title.title-1{color:#0090ff !important;}
.team-selection-item__thumbnail:hover .custom-title.title-2{color:#6e4aff !important;}
.team-selection-item__thumbnail:hover .custom-title.title-3{color:#faca21 !important;}
.team-selection-item__thumbnail:hover .custom-title.title-4{color:#d51633 !important;}
.team-selection-item__thumbnail:hover .custom-title.title-5{color:#a3ff12 !important;}

  /* .team-selection-item__thumbnail.gradient-hover {
    background: #0099ff;
  }*/

  .team-selection-item__thumbnail:hover .custom-title{
    font-weight: 900;
  }

  @media (max-width: 768px) {
    .hide-in-mv {
        display: none;
    }
  }

.placeholder-white::placeholder {
    color: #ffff !important; /* Change this to match your color-primary */
}