/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */
 
 
 .team-logo-img{
    height: 70px;
    max-width: 50%;
    margin-left: 10px;
 }
 

.games-result__content {
    margin: 0 0 30px 0;
    position: relative;
    display: flex;
    flex-wrap: nowrap;
}

.games-result__team {
    width: 37%;
    margin-bottom: 0;
    padding-right: 0;
    flex-wrap: nowrap;
    text-align: left;
    display: flex;
    gap:10px;
    align-items: center;
}


.games-result__score-wrap {
    width: 26%;
    text-align: center;
    padding: 0 0 0 0;
    margin: 0 10px;
    order: 1;
    font-size: 10px;
    line-height: 1.5;
}

.games-result__team-logo {
    width: 30px !important;
    height: 30px !important;
    /*margin: 0 10px 0 0;*/
    text-align: center;
}

.games-result__team-logo img{
    width:100%;
    height:100%;
    object-fit:contain;
}

.games-result__team-name {
    font-size:12px;
    margin-bottom: 0.1em;
    text-transform: capitalize;
    font-weight:400;
}
.games-result__team--odd {
    order: 0;
}

.games-result__team--even {
    order: 2;
}

img {
    max-width: 100%;
    height: auto;
}

.games-result__team-info {
    flex: 1;
    text-align: left;
}


.games-feather-tab{
    display:flex;
    justify-content: center;
}

.games-feather-tab .nav-tabs {
    border-bottom: none;
}

.games-feather-tab .nav-tabs .nav-link {
    border-radius: 20px;
    font-size: 12px;
    font-weight: 600;
    padding: 0px 40px;
}

.games-feather-tab .nav-tabs {
    border: 1px solid #9e9e9e !important;
    border-radius: 20px;
}

.games-feather-tab .nav-tabs .nav-link:hover,
.games-feather-tab .nav-tabs .nav-link:focus {
    border-color: transparent;
    font-size: 12px;
    font-weight: 600;
    padding: 0px 40px;
}

 .tab-content {
    padding: 15px 0;
}

.games-result__content {
    position: relative;
}

#nav-live .games-result__content {
   margin-bottom: 30px !important;
}
#nav-profile .games-result__content {
   margin-bottom: 10px !important;
}

/* .games-result__content::after {
    content: '';
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 6px solid #5ae4a7;
    border-bottom: 0;
    rotate: 90deg;
} */

/*.games-result__score-label{*/
/*    line-height: 1.5;*/
/*}*/



.games-result__content.active::after {
    border-top: 0;
    border-bottom: 6px solid #5ae4a7;
}

.fixtures-toggle::after{
    top: -23px !important;
    left: 320px !important;
}


@media only screen and (max-width: 1200px) {
.games-feather-tab .nav-tabs .nav-link{
    padding: 0px 20px;
}

.fixture-toggle{
    
}
}

.games-result__team.games-result__team--odd .games-result__team-name{
    text-align:right;
}


.fl-match-type-completed .games-result__score-wrap{
   color:#00d748 !important;
}

.fl-match-type-live .games-result__score-wrap{
    color:#ff0000 !important 
}

.fl-match-type-today .games-result__score-wrap{
    color:#16772d !important;
}

.fl-match-type-upcoming .games-result__score-wrap{
 color:#c6c6c6 !important;   
}


.fixture-toggle {
    /*width: 0px;*/
    /*height: 16px;*/
    /*display: inline-block;*/
    /*cursor: pointer;*/
    /*background-color: #fff;*/
    border: none;
    position: relative;
    left: 100%;
}

.fixture-toggle::after {
     content: '';
    position: absolute;
    top:-45px;
    left: 0px;
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 6px solid #5ae4a7;
    border-bottom: 0;
    rotate: 90deg;
}

.fixture-toggle.active::after {
    border-top: 0;
    border-bottom: 8px solid #5ae4a7;
}

.custom_tog_display {
    position: absolute !important;
}

.toggle-btn{
    position: absolute;
    right: -10px;
    top: 50%;
    transform: translateY(-50%);
}
.ft-team-match{
     position: relative;
}


.live-indicator-box{
    background: #fff;
    border-radius: 4px;
    text-align: center;
}


.live-indicator{
  position:relative;
  top: -3px;
  left: -3px;
}

.live-indicator span{
  position:absolute;
}


.indicator{
  width: 8px; height: 8px;
  background-color: red;
  display: block;
  border-radius:5px;
  top:8px; left: 0px;
}

.indicator-breathing{
  display:block;
  width:24px; height: 24px;
  background-color: red; opacity:0.8;
  border-radius:12px;
  animation:breathing 2s infinite;
  left: -8px;
  }

@keyframes breathing {
  0%   {transform: scale(0); opacity:0.4}
  40%  {transform: scale(1); opacity:0.4}
  100% {opacity: 0;}
}

.live-indicator-text{
    color: red;
    font-size: 12px;
    font-weight: 700;
}


.league-match-live{
    display: flex;
    justify-content: space-around;
    margin-top: 5px;
}



@media (min-width: 992px) {
    .table-standings .data-rank {
        padding-left: 0 !important;
    }
        .table-standings thead > tr > th:last-child, .table-standings tbody > tr > td:last-child {
        padding-right: 10px !important;
    }
}