/*-------skeleton--start--------*/


/*.skeletonbox {display: flex; width: 100% !important; padding: 5px 0px; min-height: 20px; border-radius: 5px; background-color: #eeeeee !important; background-image: linear-gradient(90deg, #eeeeee 0, #e8e8e8 4rem, #eeeeee 8rem); background-position: -150% 0; background-size: 3rem; background-repeat: no-repeat; will-change: background-position; -webkit-animation: SkeletonAnim 2s cubic-bezier(0.57, 0.21, 0.69, 1.25) forwards infinite; animation: SkeletonAnim 2s cubic-bezier(0.57, 0.21, 0.69, 1.25) forwards infinite; position: relative; text-indent: -999999999999px; z-index: 99;}


@-webkit-keyframes SkeletonAnim {
  0%, 10% {
    background-position: -150% 0;
  }
  100% {
    background-position: 350% 0;
  } 
}
@keyframes SkeletonAnim {
  0%, 10% {
    background-position: -150% 0;
  }
  100% {
    background-position: 350% 0;
  }
}*/


.skeletonbox {display: flex; width: 100% !important; padding: 5px 0px; min-height: 20px; border-radius: 5px; background: rgba(238, 238, 238, 1);
  position: relative; text-indent: -999999999999px; z-index: 99;
   background: linear-gradient(
    90deg,
    rgba(238, 238, 238, 1) 25%,
    rgba(238, 238, 238, 0.30) 50%,
    rgba(238, 238, 238, 1) 75%
  );
  background-size: 200% 100%;
  animation: SkeletonAnim 1.5s infinite linear;
  -webkit-animation:SkeletonAnim 1.5s infinite linear;
}

@keyframes SkeletonAnim {
  0% {
    background-position: 100%;
  }
  100% {
    background-position: -100%;
  }
}

@-webkit-keyframes SkeletonAnim {
  0% {
    background-position: 100%;
  }
  100% {
    background-position: -100%;
  }
}


.none-box-part {display: none;}


table.skeletonbox-table th {background-color: #dddddd;}
.list-table-sec .match-box-img.skeletonbox {width: 40px !important; height: 40px !important; border-radius: 100%;}
.team-flag-img.skeletonbox {width: 50px !important; height: 50px; border-radius: 100%;}
.match-list-date.skeletonbox {width: 35% !important; margin-left: auto; margin-right: auto; height: 19px;}
.match-leagus.skeletonbox {width: 25% !important; margin-left: auto; margin-right: auto; height: 27px; border-radius: 30px;}
.match-result-text.skeletonbox  {width: 25% !important; margin-left: auto; margin-right: auto; height: 24px;}
.match-premier-title.skeletonbox {width: 40% !important; margin-left: auto; margin-right: auto; height: 21px;}
.match-prediction-text.skeletonbox {height: 88px; border-radius: 10px;}
.listing-gridview-sec .match-box-img.skeletonbox {width: 70px !important; height: 70px !important; border-radius: 100%;}
.match-team-name.skeleton-cont-height {height: 33px; width: 85%;}
.match-team-name.skeletonbox span {width: 100%;}
.mg-grid-tips.skeletonbox {width: 25% !important;}
.list-table-sec .skeletonbox-table .match-team-name {min-height: 18px;}

.teambox-midd {width:25%;}
.teambox-midd .mb-1 {margin-bottom:5px;}
.teambox-midd .w-100 {width:100%;}