/*======================================= = Frontend Styles = ========================================*/
/*General*/
table {margin-bottom: 0 !important;}

.iziModal-content footer button,
.btn-green {background: #3db39e !important;padding: 6px 22px !important;font-size: 13px !important;font-weight: 600 !important;border: 0 !important;border-radius: 30px !important;color: #fff;line-height: 17px !important;}
.iziModal-content footer button:hover,
.btn-green:hover {background: #454545 !important;color: #fff !important;}

.btn-gray {
    background: #d5d5d5 !important;
    padding: 7px 20px;
    font-size: 13px;
    font-weight: 600;
    border: 0;
    border-radius: 30px;
    color: #fff;
    line-height: 17px;
    cursor: not-allowed!important;
}
 .btn-gray:hover {
    background: #d5d5d5;
}

 .btn-red {
    background: #f44336 !important;
}
 .predictionContainer {margin-bottom: 20px;border-bottom: 1px solid #eee;padding-bottom: 20px;}
 .predictionContainer .title{
    margin-top: 0;
    margin-bottom: 10px !important;
    font-size: 16px;
    color: #3db39e;
    font-weight: 600;
}
 .answer h4, .teamName {
    font-weight: 400;
    margin: 0 0 2px;
    font-size: 15px !important;
    color: #3db39e !important;
}
 .teamName strong {
    font-size: 18px;
    color: #454545;
}
 .teamAnsContainer {
    margin: 10px;
    background:#fff;
    padding: 5px 12px;
     border-radius: 10px;
     box-shadow: 0 0 10px #ddd;
}

.owl-carousel .owl-item .item.ranked.top3 .teamAnsContainer  {
    background: rgba(0,0,0,.4);
}
.teamAnsContainer:last-child {
    border-bottom: 0;
}

.fusion-button.orange {background: #ff9800;}
.fusion-button.merun {background: radial-gradient(circle, rgba(201,21,21,1) 0%, rgba(113,8,8,1) 100%, rgba(113,13,13,1) 100%);margin-bottom:12px;}

.btn_reload {
    text-align: right;
}
 .refreshButton.fusion-button,
.rangeRefreshBtn.fusion-button {background: #ff9800 !important;font-size: 10px !important;text-transform: uppercase;padding: 6px 12px;border-radius: 30px;}

.titleContainer p{
    margin-bottom: 0 !important;
}
 .loginModal {
    text-align: center;
    margin: 15px 0;
}
/* New */
.titleContainer {clear: both;display: inline-block;width: 100%;margin-top: 15px;}
.menuSlider {background: transparent;text-align: center;padding: 0;}
.menuSlider img {
    border-radius: 50%;
    margin: 2px;
    height: 40px;
    width: 40px;
}

.menuSlider .userNavItem.ranked img {
    border: 2px solid;
    border-color: #fff;
    box-shadow: 2px 5px 10px #a5a5a5;
}

.menuSlider .userNavItem.ranked.top3 img {
    box-shadow: 2px 5px 10px #000;
}
 .dashboard-user {
    clear: both;
    display: inline-block;
    width: 100%;
}

.dashboard-user .table {
    margin-bottom: 0;
}

.fusion-button.rangeBtn {border-radius: 30px;margin: 0 7px;}
.fusion-button.rangeBtn.rangeBtn3{background: #ffb03a;}
.dashboard-user .table.top-accuracy td, .predictorContainer.author-profile-card .table.top-accuracy td {
    text-align: center;
    padding: 5px 10px;
    font-weight: 500;
    font-size: 16px;
    line-height: 20px;
    color: #3c495a;
    border-top: 1px solid transparent;
}

.table.top-accuracy td,
.table.top-accuracy th {
	border: 0;
}

.dashboard-user .table.top-accuracy td > small,
.predictorContainer.author-profile-card .table.top-accuracy td > small {
    font-size: 12px;
    color: #7f92a9;
}

.dashboard-user .table.top-accuracy td > small .red,
.predictorContainer.author-profile-card .table.top-accuracy td > small .red {
    color: #ff0707;
}

.dashboard-user .table.top-accuracy td > small .green,
.predictorContainer.author-profile-card .table.top-accuracy td > small .green {
    color: #0b8210;
}

.winLoseContainer {
    list-style: none;
    text-align: center;
}

.page-template-predictor .winLoseContainer {
    padding-top: 15px;
}

.winLoseContainer li {
    display: inline-block;
}

.winLoseContainer li.toss.L:before,
.winLoseContainer li.toss.W:before,
.winLoseContainer li.toss.A:before,
.winLoseContainer li.match.L:before,
.winLoseContainer li.match.W:before,
.winLoseContainer li.match.A:before {
    content: '';
    height: 23px;
    width: 22px;
    display: inline-block;
    background-size: cover;
}
.winLoseContainer li.match.L:before,
.winLoseContainer li.match.W:before,
.winLoseContainer li.match.A:before {
    height: 22px;
}

.winLoseContainer li.toss.L:before {
    background: url(https://cricdiction.com/wp-content/plugins/predictor/frontend/img/toss_lost.png);
}

.winLoseContainer li.toss.W:before {
    background: url(https://cricdiction.com/wp-content/plugins/predictor/frontend/img/toss_win.png);
}

.winLoseContainer li.toss.A:before {
    background: url(https://cricdiction.com/wp-content/plugins/predictor/frontend/img/toss_abandon.png);
}

.winLoseContainer li.match.L:before {
    background: url(https://cricdiction.com/wp-content/plugins/predictor/frontend/img/match_lost.png);
}

.winLoseContainer li.match.W:before {
    background: url(https://cricdiction.com/wp-content/plugins/predictor/frontend/img/match_win.png);
}

.winLoseContainer li.match.A:before {
    background: url(https://cricdiction.com/wp-content/plugins/predictor/frontend/img/match_abandon.png);
}

 .usertag {
    margin: 0;
    padding: 0;
    list-style: none;
}
 .usertag li {
    display: inline-block;
    padding: 1px 6px;
    border-radius: 25px;
    font-size: 10px;
    font-weight: 400;
    border: 1px solid #7f92a9;
    text-transform: uppercase;
    margin-bottom:5px;
    color: #7f92a9;
}
 .usertag li.blue {
    background: #297fd8;
    color: #fff;
    border-color: #297fd8;
}
 .usertag li.purple {
    background: #6807b5;
    color: #fff;
    border-color: #6807b5;
}
 .usertag li.orange {
    background: #ff5733;
    color: #fff;
    border-color: #ff5733;
}
 .usertag li.green {
    background: #02aa0C;
    color: #fff;
    border-color: #02aa0C;
}
 .usertag li.violet {
    background: #c70039;
    color: #fff;
    border-color: #c70039;
}
 .usertag li.black {
    background: #000000;
    color: #fff;
    border-color: #000000;
}
 .countryFlag{
    margin-left: 7px;
    position: relative;
    top: 2px;
    border-radius: 0 !important;
    height: 24px;
}
 .confirm-modal .iziModal-content {
    padding: 30px !important;
}
 .confirm-modal .name {
    margin: 0 0 10px;
}
 .confirm-modal .given {
    margin: 0;
}
 .confirm-modal footer {
    margin-top: 10px;
}
 .author-profile-card .prediction-summery {
    background: #fff;
     padding: 20px;
    margin: 30px 0;
}
.author-profile-card .profile-info {
    text-align: center;
}
.author-profile-card .profile-info .author-photo {
    text-align: center;
    padding-top: 15px;
}
.author-profile-card .profile-info .author-photo.p0 { padding-top: 0; }
.author-profile-card .profile-info .avatar {border-radius: 50%;height: 92px;width: auto;}
 .prediction-full-result {
    list-style: none;
    margin: 0;
    padding: 0;
    text-align:center;
}
 .prediction-full-result li {
    display: inline-block;
    float: left;
    width:25%;
    padding: 20px;
}
 .prediction-full-result li strong {
    margin-bottom:20px;
    clear: both;
    display: inline-block;
}
 .prediction-full-result li .common {
    height: 100px;
    width: 100px;
    background: #fff;
    border: 0px solid #3db39e8a;
    border-radius: 50%;
    line-height: 80px;
    text-align: center;
    font-size: 36px;
    font-weight: 700;
    display:inline-block
}
 .prediction-full-result li .common.red {
    border-color: #f44336a3;
}
.page-template-predictor .profile-info h3,
.page-template-pcp .profile-info h3{font-size: 20px;margin: 10px 0;text-transform: uppercase;}
/*  .page-template-predictor .usertag li {
    padding: 3px 12px;
    font-size: 14px;
} */
 .sliderFooter {
    background: rgb(236,236,236);
    background: linear-gradient(180deg, rgba(236,236,236,1) 0%, rgba(245,244,244,1) 50%, rgba(255,255,255,1) 100%);
    padding: 15px 0;
    margin: 15px 0;
     border-radius: 10px;
}
 .sliderFooter .title {
    text-align: center;
    font-size: 15px;
    font-weight: 600;
    color: #fff;
    background: #3db39e;
    line-height: 30px;
}
 .sliderFooter .table td, .sliderFooter .table th {
    text-align: left;
    padding: 3px;
    vertical-align: middle;
    text-align: center;
    font-size: 12px;
}
 .sliderFooter .table th {
    font-weight: 600;
}
#TopPredictor{margin-top: 0;}

.tabs li {
    display: inline-block;
    margin: 0 1px;
}

.tabs li a {
    background: #b1b1b1;
    color: #fff !important;
    padding: 5px 15px;
    display: block;
    font-weight: 400;
    font-size: 12px;
    border-radius: 10px;
    box-shadow: 0 0 2px;
}

.tabs li a:hover, .tabs li.active a {
    background: #3db39e;
     color: #fff;
}

.tabs .horizontal {
    text-align: center;
    margin-top: 15px;
    list-style: none;
    padding: 0;
}

#TopPredictor .horizontal {
    margin-top: 0;
    margin-bottom: 20px !important;
}
#TopPredictor .owl-carousel .owl-item p {text-align: center;color: #fff;font-size: 11px;font-weight: 700; margin-bottom: 10px;}
#TopPredictor .owl-carousel .owl-item .rank-float p{position: absolute;top: 0;right: 0;background: rgba(0, 0, 0, 0.50);font-size: 20px;width: 35px;border-radius: 50%;line-height: 35px;color: #fff;}
#headerNotification {margin-bottom: 5px;height: 195px;}
#headerNotification .horizontal {border-bottom: 0;padding-bottom: 0;margin-bottom: 0;}

#headerNotification .horizontal li {
    display: inline-block;
    font-weight: 600;
}

#headerNotification .owl-theme .owl-nav [class*=owl-] {
    margin: 3px 1px;
}

#headerNotification .owl-theme .owl-nav span {
    background: #777777;
    font-size: 20px;
    width: 25px;
    height: 25px;
    line-height: 25px;
    clear: both;
    display: inline-block;
    color: #fff;
}

.win-accuracy.all .title {
    display: none
}
/* Predictor single page */
 .prediction-summery .win-accuracy {
    margin-bottom: 20px;
}
 .prediction-summery .win-accuracy .title {
    text-transform: uppercase;
    font-size: 20px;
    color: #454545;
    margin: 0;
    border-bottom: 1px solid #b3afaf;
}
/*Owl Carousel*/
.owl-carousel .owl-item .item {background: #fff;padding: 10px 10px 15px;box-shadow: 0px 2px 5px #e2e2e2;clear: both;display: inline-block;width: 100%;margin: 5px;}
.owl-carousel .owl-item .item.highlighted{
    background: linear-gradient(-45deg, #0e31e0, #422b6b, #0f0029, #001fce);
    background-size: 400% 400%;
    -webkit-animation: Gradient 15s ease infinite;
    -moz-animation: Gradient 15s ease infinite;
    animation: Gradient 15s ease infinite;
    color: #fff;
}
.owl-carousel .owl-item .item p {margin-bottom:10px;text-align: center;}
 .owl-carousel .owl-item {
    display: flex;
}
 .owl-carousel .owl-item:last-child {
    border-right: 0;
}
 .owl-carousel .owl-item img {
    width: auto;
    display: inline-block;
}
.owl-carousel .owl-item .avatar {height: 90px;width: 90px;}
 .owl-theme .owl-nav {
    margin-top: 0;
    position: absolute;
    top: 45%;
    left: 0;
    right: 0;
    display: none;
}
 .owl-stage {
    display: flex;
    padding-bottom: 0;
}
 .owl-carousel .owl-item .item .eventFooter {
    border-top: 1px solid #f1f1f1;
    padding-top: 15px;
}
 .owl-carousel .owl-item .item .eventFooter p {
    margin-bottom: 0;
}
 .owl-carousel .owl-item .item .eventFooter p span {
    display: block;
    text-transform: capitalize;
}
/*Timner*/
 .endTime li,.timeTo ul li {
    font-size: 12px;
    color: #fff;
    font-weight: 700;
    margin-left: 6px;
}
 .timeTo span {
    font-size: 20px;
    color: #454545;
    margin: 0 3px;
}
.timeTo.timeTo-white div {
    background: rgb(201,21,21);
    background: radial-gradient(circle, rgba(201,21,21,1) 0%, rgba(113,8,8,1) 100%, rgba(113,13,13,1) 100%);
    border-radius: 50%;
    height: 30px;
    width: 30px;
} 

.endToss.timeTo.timeTo-white div {
    background: #2b2b2b;
}
 .timeTo div {
    border-top: 0;
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;
}
 .box{
    padding: 20px;
    margin-bottom: 20px;
     border: 1px solid red;
}
 .no-margin{
    margin: 0;
}
 .text-right{
    text-align: right;
}
 .text-center{
    text-align: center;
}
/*GRIDS*/
 .half {
    width: 47%;
     display: inline-block;
}
 .half.left{
    margin-right: 2%;
    float: left;
}
 .half.right{
    margin-left: 2%;
    float: right;
}
 .p20{
    padding: 1%;
}
 .clearfix{
    clear: both;
}
/* PREDICTION */
 .predictorListWrapper {
     clear: both;
     display: inline-block;
     width: 100%;
}
.predictionWrapper {clear: both;display: inline-block;width: 100%;margin: 10px 0;}
.predictionWrapper .teamQuestionWrapper .teamQuestionContainer {margin-bottom: 20px;background: #fff;padding: 20px;box-shadow: 0px 2px 5px #e2e2e2;}
.predictionWrapper .teamQuestionWrapper .teamQuestionContainer .btn {border-radius: 30px !important;line-height: 33px !important;padding: 0 30px !important;text-transform: uppercase;margin-top: 15px;}
.page-template-pcp .predictionWrapper .teamQuestionWrapper .teamQuestionContainer {
    box-shadow: none;
}

.page-template-pcp .teamQuestionWrapper .teamName strong {
    font-size: 14px !important;
}

.predictionWrapper h3{
    font-weight: bold!important;
}
.predictionWrapper label{
    font-weight: normal;
    display: block;
    padding-left: 15px;
    font-size: 16px;
    margin-top: 10px;
}
.predictionWrapper label input {
    margin-right: 10px;
}
.predictorListWrapper .predictorContainer.author-profile-card {width: 100%;float: left;background: #fff;padding: 20px 20px 15px;box-shadow: 0 4px 8px 0 rgba(0,0,0,0.12), 0 2px 4px 0 rgba(0,0,0,0.08);margin: 0 1.33% 20px 0;border-radius: 25px;min-height: 250px;}
.predictorListWrapper.bpl-box .predictorContainer.author-profile-card {
    min-height: 356px;
}

.predictorListWrapper .predictorContainer.author-profile-card .author-photo img {height: 90px;width: 90px;border-radius: 50%;}

/* ANSWERS */
 .answersWrapper{
    margin-bottom: 0;
    background: transparent;
    position: relative;
    margin-bottom: 30px;
}
 .answersWrapper h3{
    font-weight: 600;
}
.answerContainer h4,
.predictorContainer.author-profile-card .profile-info h3{
    font-size: 16px !important;
    font-weight: 500 !important;
    margin-top: 10px;
    display: inline-block;
    margin: 10px 0 0;
    text-transform: uppercase;
}
.answerContainer h4 a,
.predictorContainer.author-profile-card .profile-info a{
    color: #3c495a;
}
.answerContainer .answer{
    font-size: 16px;
    color: #7f92a9;
    line-height: 20px;
}
 .answerContainer .answer span {
    font-weight: 400;
    font-size: 14px;
    color: #3c495a;
}
.statusIcon,
.answerContainer .answer span img {
    position: relative;
    top: 3px;
    height: 18px;
}
.answerContainer img {
    border-radius: 50%;
}
.answerContainer .user-avater img {height: 90px;width: 90px;}
.hide {display: none;}
.answersWrapper .owl-stage-outer {
    padding-bottom: 20px;
}
.profile-link {margin-top: 15px;text-align: center;clear: both;display: inline-block;width: 100%;}
.profile-link a {font-weight: 500;color: #3c495a;font-size: 12px;}

/* Predictor List */
.predictorContainer.author-profile-card.ranked.top3 .top-accuracy th,
.predictorContainer.author-profile-card.ranked.top3 .top-accuracy td,
.owl-carousel .owl-item .item.ranked.top3 .top-accuracy th,
.owl-carousel .owl-item .item.ranked.top3 .top-accuracy td {
    border-top: 0 !important;
    color: #fff !important;
    background-color: transparent !important;
}
.predictorContainer.author-profile-card.ranked.top3 .top-accuracy td small,
.owl-carousel .owl-item .item.ranked.top3 .top-accuracy td small {
    color: #fff !important;
}

.predictorContainer.author-profile-card.ranked.top3 .top-accuracy td small.last,
.owl-carousel .owl-item .item.ranked .top-accuracy td small.last {
    background: rgba(255, 255, 255, 0.9);
    padding: 5px 8px;
    border-radius: 6px;
    color: #000 !important;
}

.predictorContainer.author-profile-card.ranked,
.owl-carousel .owl-item .item.ranked {
    background: #f0e0ff;
    background: linear-gradient(0deg, #f0e0ff 0%, rgba(255,255,255,1) 79%, rgba(255,255,255,1) 100%);
    border-top: 4px solid #be82fb;
}

.predictorContainer.author-profile-card.ranked.top3,
.owl-carousel .owl-item .item.ranked.top3 {border-top: 0;}

.predictorContainer.author-profile-card.ranked.top3.rank_1,
.owl-carousel .owl-item .item.ranked.top3.rank_1 {
    background: linear-gradient(-45deg, #0e31e0, #422b6b, #0f0029, #001fce);
    background-size: 400% 400%;
    -webkit-animation: Gradient 15s ease infinite;
    -moz-animation: Gradient 15s ease infinite;
    animation: Gradient 15s ease infinite;
}

.predictorContainer.author-profile-card.ranked.top3.rank_2,
.owl-carousel .owl-item .item.ranked.top3.rank_2 {
    background: rgb(233,30,99);
    background: linear-gradient(180deg, rgba(233,30,99,1) 0%, rgba(3,2,69,1) 100%, rgba(255,255,255,1) 100%);
}

.predictorContainer.author-profile-card.ranked.top3.rank_3,
.owl-carousel .owl-item .item.ranked.top3.rank_3 {background: rgb(156,39,176);background: linear-gradient(180deg, rgba(156,39,176,1) 0%, rgba(0,1,46,1) 100%, rgba(255,255,255,1) 100%);}

.predictorContainer.author-profile-card.ranked .profile-info .author-photo,
.owl-carousel .owl-item .item.ranked .user-avater {
    position: relative;
}

.owl-carousel .owl-item .item.ranked .user-avater {
    margin-top: 15px;
}

.predictorContainer .profile-info .author-photo {
    position: relative;
}

.predictorContainer .profile-info .author-photo .custom-rank,
.predictorContainer.author-profile-card.ranked .profile-info .author-photo p,
.owl-carousel .owl-item .item.ranked .user-avater p {
    position: absolute;
    top: 15px;
    right: 90px;
    background: rgba(0, 0, 0, 0.50);
    font-size: 20px;
    width: 35px;
    border-radius: 50%;
    line-height: 35px;
    color: #fff;
}

.owl-carousel .owl-item .item.ranked .user-avater p {
    right: 75px;
}

.predictorContainer.author-profile-card.ranked.top3 .profile-info a,
.owl-carousel .owl-item .item.ranked.top3 .user-information a {
    color: #fff !important;
}

.predictorContainer.author-profile-card.ranked.top3 .usertag li,
.owl-carousel .owl-item .item.ranked.top3 .usertag li {
    border: 1px solid #fff;
    color: #fff;
}

.predictorContainer.author-profile-card.ranked.top3 .sliderFooter,
.owl-carousel .owl-item .item.ranked.top3 .sliderFooter {
    background: rgba(0,0,0,.15);
}

.predictorContainer.author-profile-card.ranked .sliderFooter,
.owl-carousel .owl-item .item.ranked .sliderFooter {
     background: #fff;
}

.predictorContainer.author-profile-card.ranked.top3 .sliderFooter .table th,
.predictorContainer.author-profile-card.ranked.top3 .sliderFooter .table td,
.owl-carousel .owl-item .item.ranked.top3 .sliderFooter .table th,
.owl-carousel .owl-item .item.ranked.top3 .sliderFooter .table td {
    border-color: rgba(0,0,0,.20);
    color: #fff;
}

.predictorContainer.author-profile-card.ranked.top3 .profile-link a,
.owl-carousel .owl-item .item.ranked.top3 .profile-link a {
    color: #fff;
}

.predictorContainer .engagement {text-align: center;color: #252525;font-size: 11px;}
.predictorContainer.top3 .engagement {color: #fff;}
.owl-carousel .owl-item .item .winLoseContainer .match {
    padding-top: 10px;
}
 
.owl-carousel .owl-item .item.ranked.top3 .teamName,
.owl-carousel .owl-item .item.ranked.top3 .answer {
    color: rgba(255, 255, 255, 0.7) !important;
}
.owl-carousel .owl-item .item.ranked.top3 .answer span {
    color: #fff !important;
}

.owl-carousel .owl-item .item.ranked.top3 .teamAnsContainer {
    border-color: rgba(241, 241, 241, 0.3);
}

/* Predictor Page */
.winLoselink {
    text-align: center;
    margin: 15px 0;
}

/* Notice */
.notice {display: none;}

.notice .alert {
  padding: 20px;
  background-color: #1d100f;
  color: white;
}

.notice .closebtn {
  margin-left: 15px;
  color: white;
  font-weight: bold;
  float: right;
  font-size: 22px;
  line-height: 20px;
  cursor: pointer;
  transition: 0.3s;
}

.notice .closebtn:hover {
  color: black;
}

/* Rank Slider */
.owl-rank {
    overflow: hidden !important;
}

.owl-rank .predictorContainer.author-profile-card {
    width: 100%;
    margin: 0;
}

.owl-rank .predictorContainer.author-profile-card.ranked .profile-info p {
    right: 35px;
}

/* Session List */
.session-list .predictorContainer.author-profile-card.ranked {
    width: 100%;
    margin: 0;
    min-height: auto;
    background: #fff;
    clear: both;
    display: inline-block;
    padding: 10px 0;
}

.session-list .predictorContainer.author-profile-card .author-photo img {
    height: auto;
}

.session-list .predictorContainer.author-profile-card.ranked.top3 .accuracy-right  h3 a {
    color: #fff;
}

.session-list .accuracy-right h3 {
    font-size: 16px !important;
}

.session-list .predictorContainer.author-profile-card.ranked .profile-info p {
    right: 35px;
    top: 0;
}

.session-list .predictorContainer.author-profile-card.ranked .top-accuracy td {
    font-size: 16px;
}

.session-list .profile-info {
    width: 25%;
    float: left;
}

.session-list .accuracy-right {
    width: 75%;
    float: left;
}

/* Excerpt */
.predictorListWrapper .excerpt-top {
    width: 31%;
    margin: 1%;
    float: left;
    text-align: center;
    margin-bottom: 15px;
}
.predictorListWrapper .excerpt-top .author-photo {
    display: inline-block;
}

.predictorListWrapper .excerpt-top .author-photo img {
    border-radius: 50%;
}

.predictorListWrapper .excerpt-top h3 {
    font-size: 11px;
    margin-top: 5px;
}

.predictorListWrapper .excerpt-top h4 {
    margin-top: 0;
}

/* Road To Top 10 */
.login-profile { 
    clear: both;
    display: inline-block;
    width: 100%;
}
.login-profile .item {background: #fff;width: 24.222%;padding: 15px;float: left;margin-right: 1%;border-radius: 20px;text-align: center;min-height: 228px;}
.login-profile .item .circle {
    height: 100px;
    width: 100px;
    line-height: 85px;
    border-radius: 50%;
    display: inline-block;
    border: 5px solid #d6d6d6;
    font-size: 20px;
}

.login-profile .item .circle.red {
    border: 5px solid #ffaeae;
}

.login-profile .item .circle.red p {
    color: #ea6c6c;
}

.login-profile .item .circle.green {
    border: 5px solid #d7e2ca;
    color: #d7e2ca;
}

.login-profile .item .circle.green p {
    color: #7db33e;
}

.login-profile .item .additional {
    margin-top: 10px;
}

.login-profile .item .additional span {
    display: block;
    font-size: 11px;
    font-weight: 400;
}

.login-profile .item:last-child {
    margin-right: 0;
}

.login-profile .item h3 {
    text-align: center;
    margin-bottom: 10px;
    font-size: 18px;
    color: #3db39e
}

.login-profile .item th,
.login-profile .item td {
    padding: 3px 5px;
    text-align: left;
    border-top: 1px solid #f1f1f1;
}
.event-item {
    background: #fff;
    padding: 20px;
    margin-top: 20px;
    box-shadow: 0 0 10px;
    border-radius: 7px;
}
.event-item .col-sm-6 {
    padding-left: 15px;
    padding-right: 15px;
}
.event-item .event-title {
    clear: both;
    display: inline-block;
    width: 100%;
}
.event-item .event-title .event-name {
    color: #3db39e;
    font-size: 16px;
}
.event-item .event-predict .match,
.event-item .event-predict .toss {
    width: 50%;
    float: left;
}
.event-item .info {
    font-size: 10px;
    margin: 5px 0 20px;
    clear: both;
    display: inline-block;
    width: 100%;
}
.event-item small a {
    color: #000;
}
.event-item .event-match {
    display: inline-block;
    clear: both;
    width: 100%;
    padding: 15px;  
}

.event-item .event-match p,
.event-item .event-match span {
    color: #464646;
}

.event-item .items a {
    display: block;
    margin-bottom: 20px;
    border-radius: 6px;
    box-shadow: 0 0 2px #adadad;
}
.event-item .items a:hover {
    box-shadow: 0 0 2px #3db39e;
}

.event-item .event-match .event-predict {
    clear: both;
    display: inline-block;
    width: 100%;
    margin-top: 5px;
}

.event-item .footer {
    text-align: center;
}

/* Author card */
.author-profile-card {
    width: 100%;
}
.page-template-road-to-top #main {
    padding-top: 0;
}
/* Header notification slider */
.notification-height {
    min-height: 140px;
}

.owlCarousel_headerNotification .owl-item .item {
    padding: 0 15px 10px;
    background: rgba(0,0,0,.65);
    box-shadow: 2px 3px 7px #1abfa2;
}

.owlCarousel_headerNotification .owl-stage {
    padding-bottom: 5px;
}

.owlCarousel_headerNotification .owl-item .item h3,
.owlCarousel_headerNotification .owl-item .item h3 a {
    font-size: 11px;
    color: #fff;
    font-weight: 600;
}
.owlCarousel_headerNotification .owl-item .item small {
    color: #a9a9a9;
}

.owlCarousel_headerNotification .owl-item .item .toss {
    color: #948e8e;
}

.owlCarousel_headerNotification .owl-item .item .date {
    margin-top: 5px;
}

.owlCarousel_headerNotification .owl-item .item .date,
.owlCarousel_headerNotification .owl-item .item span {
    font-size: 11px;
    color: #e0e0e0;
}

.owlCarousel_headerNotification .notification-footer {
    margin-top: 5px;
    font-size: 11px;
    font-weight: 600;
}
.owlCarousel_headerNotification .notification-footer .dis-red {
    color: #ff0000 !important;
}
.owlCarousel_headerNotification .notification-footer .dis-red.live{text-align: center;background: #0e165f;color: #fff;border-radius: 10px;padding: 6px 10px;font-size: 10px;}
.owlCarousel_headerNotification .notification-footer .button-default.green {
    background: #3db39e;
    width: 100%;
    border-radius: 5px;
    line-height: 1.7;
}

/* Toss Match */
.predictorListWrapper.tossmatch .predictorContainer.author-profile-card {
    min-height: 500;
}

/*  */
.tabs {
    margin-bottom: 0;
}
.tabs .block-custom .left-radius a {border-top-left-radius: 20px !important;border-bottom-left-radius: 20px !important;}
.tabs .block-custom .right-radius a {border-top-right-radius: 20px !important;border-bottom-right-radius: 20px !important;}

.avatarMatch .owl-stage,
.avatarToss .owl-stage {
    padding-bottom: 0;
}

.avatarMatch .owl-item .item,
.avatarToss .owl-item .item {
    background: transparent;
    padding: 0;
    box-shadow: none;
}

.avatarMatch .owl-item .item .profile-info,
.avatarToss .owl-item .item .profile-info,
.avatarWrapper .profile-info {
    text-align: center;
}

.avatarWrapper .profile-info {
    width: 33.33%;
    float: left;
}

.avatarMatch .owl-item .item .profile-info h3,
.avatarToss .owl-item .item .profile-info h3,
.avatarWrapper .profile-info h3 {
    font-size: 11px;
    margin-top: 10px;
}

.avatarMatch .owl-item .item .profile-info img,
.avatarToss .owl-item .item .profile-info img,
.avatarWrapper .profile-info img {
    height: 80px;
    width: auto;
    border-radius: 50%;
}

.avatarWrapper .profile-info img {
    height: 70px;
}

.avatarMatch .owl-item .item .profile-info .author-photo,
.avatarToss .owl-item .item .profile-info .author-photo,
.avatarWrapper .profile-info .author-photo {
    position: relative;
}

.avatarMatch .owl-item .item .profile-info .author-photo p,
.avatarToss .owl-item .item .profile-info .author-photo p,
.avatarWrapper .profile-info .author-photo p {
    position: absolute;
    top: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.50);
    font-size: 20px;
    width: 35px;
    border-radius: 50%;
    line-height: 35px;
    color: #fff;
}
.avatarMatch .owl-item .item .profile-info.rank_1 .author-photo p,
.avatarToss .owl-item .item .profile-info.rank_1 .author-photo p {
    background: #0e31e0;
}
.avatarMatch .owl-item .item .profile-info.rank_2 .author-photo p,
.avatarToss .owl-item .item .profile-info.rank_2 .author-photo p {
    background: #e91e63;
}
.avatarMatch .owl-item .item .profile-info.rank_3 .author-photo p,
.avatarToss .owl-item .item .profile-info.rank_3 .author-photo p {
    background: #9c27b0;
}

.avatarMatch .table.top-accuracy td,
.avatarToss .table.top-accuracy td,
.avatarWrapper .profile-info td {
    padding: 0;
    font-size: 16px;
    font-weight: 700;
    color: #444;
    border: 0;
}

.avatarWrapper .profile-info td {
    padding-bottom: 10px;
}
.predictorListWrapper .predictorContainer.author-profile-card.sub-tab {
    min-height: 270px;
}

/* Calendar */
.jflatTimeline {
    width: 100% !important;
}

.jflatTimeline .month-year-bar {
    background-color: #ffffff !important;
    color: #8c8c8c !important;
    height: 35px;
    line-height: 25px;
}

.jflatTimeline .month-year-bar span,
.jflatTimeline .month-year-bar i {
    font-size: 16px;
}

.jflatTimeline .month {
    text-transform: uppercase;
}

.jflatTimeline .dates-bar a span.month {
    font-size: 12px;
}

.jflatTimeline .month-year-bar .prev, .jflatTimeline .month-year-bar .next {
    color: #8c8c8c;
}

.jflatTimeline .dates-bar a {
    width: 50px !important;
    height: 45px !important;
}

.jflatTimeline .dates-bar a.prev, .jflatTimeline .dates-bar a.next {
    width: 40px !important;
    font-size: 16px !important;
    line-height: 45px !important;
}

.jflatTimeline .dates-bar a.next {
    border-right: 0;
}

.jflatTimeline .dates-bar {
    background: #fff;
    box-shadow: 1px 5px 10px #d8d8d8;
}

.jflatTimeline .dates-bar a span.date {
    font-size: 14px !important;
    line-height: 16px;
    margin-top: 5px;
}

.jflatTimeline .dates-bar a.selected {
    color: #3db39e !important;
}

.jflatTimeline .timeline-wrap .event,
.jflatTimeline .timeline-wrap {
    border: 0 !important;
}

.jflatTimeline .event .eventWrapper {
    background: #fff;
    margin-bottom: 10px;
    padding-bottom: 0 !important;
    box-shadow: 0px 2px 5px #e2e2e2;
}

.jflatTimeline .event .eventWrapper .item {
    position: relative;
    padding: 10px;
    width: 50%;
    display: inline-block;
}

.jflatTimeline .event .eventWrapper .item:nth-child(even) {
    border-right: 1px solid #efeeee;
}

.jflatTimeline .event .eventWrapper .item p {
    font-size: 12px;
    color: #4a4d58;
    line-height: 1.5;
    margin-bottom: 5px;
}

.jflatTimeline .event .eventWrapper .title {
    padding: 10px 20px;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 14px;
    color: #525252;
    border-bottom: 1px solid #edeef0;
    margin-bottom: 0 !important;
}

.jflatTimeline .event .eventWrapper .time {
    font-size: 11px;
    color: #444444;
    margin-bottom: 10px;
}

.jflatTimeline .event .eventWrapper .team-name {
    font-size: 16px;
    color: #444;
}

.jflatTimeline .event .eventWrapper .result {
    font-size: 11px;
    color: #8a8989;
}

.jflatTimeline .event .eventWrapper .footer {
    margin-top: 10px;
}

.jflatTimeline .event .eventWrapper .button-small {
    border: 1px solid #525252 !important;
    padding: 5px 15px !important;
    border-radius: 20px;
    font-size: 11px;
    color: #525252;
    margin-right: 5px;
    background: #fff !important;
    text-transform: capitalize;
    font-weight: 400;
    font-family: Poppins, Arial, Helvetica, sans-serif;
}

.jflatTimeline .event .eventWrapper .button-small:hover {
    background: #525252 !important;
    color: #fff;
}

.jflatTimeline .event .eventWrapper .event-predict p {
    color: #252525;
    font-size: 15px;
}

.jflatTimeline .event .eventWrapper .event-predict p img {
    height: 26px;
    position: relative;
    top: -3px;
    margin-right: 4px;
}

.jflatTimeline .event .eventWrapper .item .status {
    color: #ff0000;
}

.tabs .horizontal {margin-bottom: 10px !important;}
.tabs .horizontal .proli {
    margin-bottom: 10px;
    margin: 3px;
}
#Roadtotop .notice {
    background: #fff;
    padding: 10px;
}

#Roadtotop .notice span {
    font-weight: 400;
}
#Roadtotop .horizontal {
    margin-top: 0;
}

#Roadtotop .login-profile {
    margin-top: 0;
}

/* Ans ranking */
.ans-ranking {
    border-top: 1px solid #e8e8e8;
}

.ans-ranking td, 
.ans-ranking th {
    border: 0 !important;
    padding: 3px 5px !important;
    text-align: center;
    font-size: 12px;
}

.ans-ranking th {
    font-size: 16px;
}
.ans-ranking span {
    font-weight: 700;
    font-size: 15px;
}

.predictorListWrapper.tossmatch.match-equal .predictorContainer.author-profile-card {
    min-height: 500px;
}


.event_social_links {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 10px;
}

.event_social_links .item a {
    display: block;
    background: #617688;
    border-radius: 35px;
    text-align: center;
    color: #fff;
    font-size: 17px;
    font-weight: 400;
    padding: 15px 10px;
    line-height: 1.3;
	text-transform: uppercase;
}

.event_social_links .item.telegram a {
    background: #2ca4d7;
}
.event_social_links .item.twitter a {
    background: #5da9dd;
}
.event_social_links .item.youtube a {
    background: #ff0000;
}

.event_social_links .item.telegram a:hover,
.event_social_links .item.twitter a:hover,
.event_social_links .item.youtube a:hover {
    background: #000;
}

.event_social_links .item.youtube a img {
    position: relative;
    top: 2px;
}

.event_social_links .item a img {
    height: 24px;
    padding-right: 7px;
}



/*MODAL*/
 #modal-custom .iziModal-content header {
     background: #eee;
     margin-bottom: 10px;
     overflow: hidden;
     border-radius: 3px 3px 0 0;
     width: 100%;
}
 #modal-custom .iziModal-content header a {
     display: block;
     float: left;
     width: 50%;
     padding: 0;
     text-align: center;
     background: #ddd;
     color: #999;
     height: 73px;
     vertical-align: middle;
     line-height: 73px;
}
 #modal-custom .iziModal-content header a.active {
     background: #fff;
     color: #777;
}
 #modal-custom .iziModal-content section {
     padding: 30px;
}
 #modal-custom .iziModal-content section input:not([type="checkbox"]), #modal-custom .iziModal-content section button {
     width: 100%;
     border-radius: 3px;
     border: 1px solid #ddd;
     margin-bottom: 26px;
     padding: 15px;
     font-size: 14px;
}
 #modal-custom .iziModal-content section button {
     height: 46px;
     padding: 0;
}
 #modal-custom .iziModal-content section input:focus {
     border-color: #28CA97;
}
 #modal-custom .iziModal-content section label[for="check"] {
     margin-bottom: 26px;
     font-size: 14px;
     color: #999;
     display: block;
}
 #modal-custom .iziModal-content section footer {
     overflow: hidden;
}
 #modal-custom .iziModal-content section button {
     background: #28CA97;
     color: white;
     margin: 0;
     border: 0;
     cursor: pointer;
     width: 50%;
     float: left;
}
 #modal-custom .iziModal-content section button:hover {
     opacity: 0.8;
}
 #modal-custom .iziModal-content section button:nth-child(1) {
     border-radius: 3px 0 0 3px;
     background: #aaa;
}
 #modal-custom .iziModal-content section button:nth-child(2) {
     border-radius: 0 3px 3px 0;
}
 #modal-custom .iziModal-content .icon-close,
#winLosePop .icon-close {
     background: #FFF;
     margin-bottom: 10px;
     position: absolute;
     right: -8px;
     top: -8px;
     font-size: 14px;
     font-weight: bold;
     border-radius: 50%;
     width: 30px;
     height: 30px;
     border: 0;
     color: #a9a9a9;
     cursor: pointer;
}
 #modal-custom .iziModal-content .icon-close:hover, #modal-custom .iziModal-content .icon-close:focus {
     color: black;
}
 @-webkit-keyframes wobble {
     from {
         -webkit-transform: none;
         transform: none;
    }
     15% {
         -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
         transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    }
     30% {
         -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
         transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    }
     45% {
         -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
         transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    }
     60% {
         -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
         transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    }
     75% {
         -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
         transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    }
     to {
         -webkit-transform: none;
         transform: none;
    }
}
 @keyframes wobble {
     from {
         -webkit-transform: none;
         transform: none;
    }
     15% {
         -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
         transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    }
     30% {
         -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
         transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    }
     45% {
         -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
         transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    }
     60% {
         -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
         transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    }
     75% {
         -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
         transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    }
     to {
         -webkit-transform: none;
         transform: none;
    }
}
 .wobble {
     -webkit-animation-name: wobble;
     animation-name: wobble;
     -webkit-animation-duration: 1s;
     animation-duration: 1s;
     -webkit-animation-fill-mode: both;
     animation-fill-mode: both;
}
 .pLoginMessage p{
    color: red;
     text-align: center;
     margin-bottom: 5px;
    font-size: 12px;
}
 .summeryWrapper{
    display: table;
}
 .summeryWrapper .summeryContainer{
    display: table-row;
}
 .summeryWrapper .summeryContainer .title, .summeryWrapper .summeryContainer .value{
    display: table-cell;
}
 .summeryWrapper .summeryContainer .title{
}
 .summeryWrapper .summeryContainer .value{
}
/* LOADER */
 .spinner {
     margin: 10px auto 0;
     width: 70px;
     text-align: center;
}
 .spinner > div {
     width: 18px;
     height: 18px;
     background-color: #333;
     border-radius: 100%;
     display: inline-block;
     -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
     animation: sk-bouncedelay 1.4s infinite ease-in-out both;
}
 .spinner .bounce1 {
     -webkit-animation-delay: -0.32s;
     animation-delay: -0.32s;
}
 .spinner .bounce2 {
     -webkit-animation-delay: -0.16s;
     animation-delay: -0.16s;
}
 @-webkit-keyframes sk-bouncedelay {
     0%, 80%, 100% {
         -webkit-transform: scale(0) 
    }
     40% {
         -webkit-transform: scale(1.0) 
    }
}
 @keyframes sk-bouncedelay {
     0%, 80%, 100% {
         -webkit-transform: scale(0);
         transform: scale(0);
    }
     40% {
         -webkit-transform: scale(1.0);
         transform: scale(1.0);
    }
}
 @-webkit-keyframes Gradient {
     0% {
         background-position: 0% 50% 
    }
     50% {
         background-position: 100% 50% 
    }
     100% {
         background-position: 0% 50% 
    }
}
 @-moz-keyframes Gradient {
     0% {
         background-position: 0% 50% 
    }
     50% {
         background-position: 100% 50% 
    }
     100% {
         background-position: 0% 50% 
    }
}
 @keyframes Gradient {
     0% {
         background-position: 0% 50% 
    }
     50% {
         background-position: 100% 50% 
    }
     100% {
         background-position: 0% 50% 
    }
}
/* Heightlight */
 .owl-carousel .owl-item .item.highlighted .teamName,.owl-carousel .owl-item .item.highlighted .dashboard-user h4 a {
    color: #fff !important;
}
 .owl-item .item.highlighted .usertag li {
    color: #7f92a9;
    border-color: #7f92a9;
}
 .owl-item .item.highlighted .usertag li.blue {
    border-color: #297fd8;
}
 .owl-item .item.highlighted .usertag li.purple {
    border-color: #6807b5;
}
 .owl-item .item.highlighted .usertag li.orange {
    border-color: #ff5733;
}
 .owl-item .item.highlighted .usertag li.green {
    border-color: #02aa0C;
}
 .owl-item .item.highlighted .usertag li.violet {
    border-color: #c70039;
}
 .owl-item .item.highlighted .usertag li.black {
    border-color: #000000;
}
 .owl-carousel .owl-item .item.highlighted .answer {
    color: rgba(255,255,255,.85) !important;
}
/*Media*/
/* Progress bar */
 .progress-bar {
     position: relative;
     height: 100px !important;
     width: 100px !important;
     background-color: transparent !important;
     box-shadow: none !important;
     display: inline-block;
     margin-bottom: 0 !important;
}
 .progress-bar div {
     position: absolute;
     height: 100px;
     width: 100px;
     border-radius: 50%;
}
 .progress-bar div span {
     position: absolute;
     font-family: Arial;
     font-size: 18px;
     line-height: 75px;
     height: 75px;
     width: 75px;
     left: 12.5px;
     top: 12.5px;
     text-align: center;
     border-radius: 50%;
     background-color: white;
}
 .progress-bar .background {
     background-color: #b3cef6;
}
 .progress-bar .rotate {
     clip: rect(0 50px 100px 0);
     background-color: #4b86db;
}
 .progress-bar .left {
     clip: rect(0 50px 100px 0);
     opacity: 1;
     background-color: #b3cef6;
}
 .progress-bar .right {
     clip: rect(0 50px 100px 0);
     transform: rotate(180deg);
     opacity: 0;
     background-color: #4b86db;
}
 @keyframes toggle {
     0% {
         opacity: 0;
    }
     100% {
         opacity: 1;
    }
}

.modalWrapper2.confirm-modal .iziModal-content { padding: 10px !important; }
.modalWrapper2 .predictionContainer {  margin-bottom: 10px; }
.modalWrapper2 .teamQuestionWrapper{ margin: 0; }
.modalWrapper2 .teamQuestionWrapper .teamQuestionContainer{ padding: 0; }
.modalWrapper2 .teamQuestionWrapper .teamQuestionContainer .title{}
.modalWrapper2 .teamQuestionWrapper .teamQuestionContainer button{ margin-top: 5px; }

/* Calendar */
.wd76f3c{
  position:fixed;
  left:1em;
  bottom:1em;
  width:30px;
  height:30px;
  border: none;
  text-decoration: none;
  font-size:16px;
}
.wd76f3c:hover {
  width:250px;
  display: flex;
  align-items: center;
  background:#fff;
  border-radius:18px 18px 18px 18px;
}
.wd76f3c .w2985df {
  background:#fff;
  border-radius:100%;
  max-width:30px;
  max-height:30px;
  display:inline-block;
  border:1px solid #fff;
}
.wd76f3c .w11306a{
  display: none;
  font-size: 16px;
}
.wd76f3c:hover .w11306a {
  background:#fff;
  color:#000;
  display:inline-block;
  line-height:1;
  top:0;
  left:35px;
  min-width:160px;
  padding:.25em;
}
.jflatTimeline .dates-bar a.selected>span.date,
.jflatTimeline .dates-bar a.selected>span.month{color:#000; font-weight: bold;}


/*Progress bar*/
.skillbar {
    position:relative;
    display:block;
    margin-bottom:-10px;
    width:100%;
    background:#eee;
    height:35px;
    -webkit-transition:0.4s linear;
    -moz-transition:0.4s linear;
    -ms-transition:0.4s linear;
    -o-transition:0.4s linear;
    transition:0.4s linear;
    -webkit-transition-property:width, background-color;
    -moz-transition-property:width, background-color;
    -ms-transition-property:width, background-color;
    -o-transition-property:width, background-color;
    transition-property:width, background-color;
}
.teamNameContainer, 
.progressContainer {
    width:100%;
    max-width:100%;
    margin:0;
}
.progressWrapper .teamItems {
    margin-top: 0;
    background: #333333;
    padding: 10px;
    clear: both;
    display: inline-block;
    width: 100%;
    margin: 20px 0;
    box-shadow: 0px 2px 5px #e2e2e2;
}
.progressContainer {
    padding-bottom: 10px;
}

.progressContainer h4 {
    padding-top: 10px;
    margin: 0;
    color: #fff !important;
}
.progressWrapper .eventTitles {font-size: 16px !important;margin: 20px 0 0px 0 !important;text-transform: uppercase;font-weight: 600 !important;text-align: center;letter-spacing: 2px !important;color: #454545 !important;}
.progressWrapper .eventTournament {font-size: 13px !important;margin: 0px 0 20px 0 !important;text-align: center;letter-spacing: 2px !important;color: #454545 !important;}

.w50p {
    width: 50%; 
}

.w50p.first,
.w50p.last{
    float: left;
    border-radius: 30px;
}

.w50p.first,
.w50p.first .skillbar-bar {border-top-right-radius: 0;border-bottom-right-radius: 0;}
.w50p.last,
.w50p.last .skillbar-bar{border-top-left-radius: 0;border-bottom-left-radius: 0;}

.w50p.last{
    text-align: right;
}

.progressContainer .w50p h6 {
	color: #fff !important;
	font-size: 16px;
    font-weight: 700;
}

.skillbar-bar {
    height: 35px;
    width: 0px;
    background: #9afff8;
    border-radius: 30px;
}

.skill-bar-percent {
    position: absolute;
    right: 10px;
    top: 0;
    font-size: 16px;
    height: 35px;
    line-height: 35px;
    color: #fff;
    font-weight: 700;
}

.w50p.first .skill-bar-percent {
    left: 10px;
}
.w50p.last .skill-bar-percent {
    right: 10px;
}
.skillbar.last .skillbar-bar {
    float:right;
}

.typeContainer {
    position: relative;
    text-align: center;
    top: -7px;
    font-weight: 700;
    line-height: 5px;

}
.typeContainer small {
    color: #fff;
}

.typeContainer img {
    max-height: 20px;
    width: auto;
}


/*  */
.tabs.tabs_default ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.tabs.tabs_default ul li {
    display: inline-block;
}

.teamTitle {
    text-align: center;
}

.teamTitle h4,
.teamTitle h4 a {
    margin-top: 0;
    color: #fff !important;
}

.teamTitle h4 a:hover {
	color: #039be5 !important;
}

.favouriteTeambg {
    clear: both;
    display: inline-block;
    width: 100%;
    -webkit-border-top-right-radius: 15px;
    -moz-border-radius-topright: 15px;
    border-top-right-radius: 15px;
    padding: 15px;
}

#team1 .favouriteTeambg {
    background :#9afff8;
    color: #002321;
}
#team2 .favouriteTeambg {
    background :#d2ffc2;
    color: #092904;
}

.favouriteTeamName .style-two {
    clear: both;
    display: inline-block;
    width: 100%;
    margin-bottom: -6px !important;
}

.favouriteTeamName .style-two li {
    float: left;
    background: #fff;
    -webkit-border-top-left-radius: 15px;
    -webkit-border-top-right-radius: 15px;
    -moz-border-radius-topleft: 15px;
    -moz-border-radius-topright: 15px;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    margin: 0 !important;
}

.favouriteTeamName .style-two li a {
    display: block !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    background: transparent !important;
}

.favouriteTeamName .style-two li.one {
    background: #9afff8;
}

.favouriteTeamName .style-two li.two {
    background: #d2ffc2;
}

.favouriteTeamName .style-two li.one a,
.favouriteTeamName .style-two li.one a:hover,
.favouriteTeamName .style-two li.one.active a,
.favouriteTeamName .style-two li.one.active a:hover {
    color: #11867f;
    border: 0;
}
.favouriteTeamName .style-two li.two a,
.favouriteTeamName .style-two li.two a:hover,
.favouriteTeamName .style-two li.two.active a,
.favouriteTeamName .style-two li.two.active a:hover {
    color: #5b9f4a;
    border: 0;
}

.favouriteTeamName .profile-info {
    text-align: center;
}

.favouriteTeamName .profile-info img {
    border-radius: 50%;
    height: 65px;
}
.favouriteTeam p {
    margin-bottom: 5px !important;
}

.favouriteTeamName .info {
    font-size: 12px;
}
.favouriteTeam .owl-item .item {
    background: transparent;
    padding: 0;
    box-shadow: none;
    margin: 0;
    border-radius: 0;
}
.favouriteTeamName .tabs.tabs_default .horizontal  {
    margin: 0 0 20px;
}

.favouriteTeambg .proli {
    width: 100px;
}

.favouriteTeambg .proli.active {
    position: relative;
}

.favouriteTeambg .proli.active::after {
    content: '';
    width: 0;
    height: 0;
    border-left: 34px solid transparent;
    border-right: 34px solid transparent;
    border-top: 7px solid #fff;
    position: absolute;
    left: 15px;
} 
.block-btn .button-default {
    width: 100%;
    border-radius: 10px;
    margin: 0 0 10px;
    background: #3db39e;
}
.singleEventDiscussionBtn {margin-top: 15px;}
.single-event .viewEventBtn{display:none;}
.datepickerWrapper{text-align: center; background: #fff; margin-bottom: 5px; padding: 10px;position:relative;box-shadow: 0px 2px 5px #e2e2e2;}
.datepickerWrapper input {position: absolute;opacity: 0;width: 155px;top: 4px;}
.datepickerWrapper input::-webkit-calendar-picker-indicator {position: absolute; width: 100%; height: 100%; opacity: 0; }
.datepickerWrapper input:hover, .datepickerWrapper>span {font-size: 20px;}

.eventSupperters .item .supportedMatchTossPopup img {
    border-radius: 50%;
}
.supporterItem {
    color: #454545;
}

.supporterItem .strong {
    font-weight: 600;
}

.iziModal {
    border-bottom: 0 !important;
}

.iziModal .iziModal-header {
    background: #3db39e !important;
}
.eventSupperters .item,
.eventTopSupperters .item{
    background: transparent !important;
    padding: 0 !important;
    margin: 0 !important;
    border-radius: 10px !important;
    box-shadow: none !important;
}
.eventTopSupperters .item {width: 100% !important;text-align: center;}
.eventTopSupperters .item img {height: 92px; width: 92px;border: 5px solid rgba(255, 255, 255, 0.30);}
#eventSupperters .horizontal {margin-bottom: 20px !important;}
.eventSupperters .owl-stage {padding-bottom: 0;}

.eventSupperters .owl-dots {
    margin-top: -8px;
}
.votting-list li {
    margin: 5px 5px 5px 0;
    border-radius: 20px;
    box-shadow: 0 0 5px #e4e2e2;
}

.votting-list li a {
    display: block;
    padding: 3px 10px;
    font-size: 12px;
}

#favouriteTeamTab,
#favouriteTeamTab .horizontal {
    margin-top: 0;
}
.supportedMatchTossPopup .iziModal-content,
.supportersPopUpModal .iziModal-content {
    padding: 10px 20px !important;
    text-align: center;
}

.supportedMatchTossPopup .title {
    margin: 0;
    margin-bottom: 10px;
}
.supportedMatchTossPopup .inline {
    width: 30%;
    margin: 0 1.6%;
    float: left;
}
.supportedMatchTossPopup .inline span {
    display: block;
    font-weight: 600;
}
.supportedMatchTossPopup .supporterItem {
    clear: both;
    display: inline-block;
    width: 100%;
}

.supportedMatchTossPopup .divider {
    margin: 15px 0;
    border-bottom: 1px solid #efefef;
}
.pcp-btn-one {
    background: #578840 !important;
}
.iziModal-content h4 {
    margin-top: 0;
}
.notFound {
    text-align: center;
}
.notFound strong {
    margin-bottom: 10px;
    clear: both;
    display: block;
    color: #ea6c6c;
    line-height: 5;
    font-size: 20px;
}

.parent-ranking .horizontal.rank {margin-bottom: 0 !important;clear: both;display: inline-block;width: 100%;}

.parent-ranking .proli.rank {
    float: left;
    margin: 0 0 10px !important;
    width: 33.33%;
}

.parent-ranking .proli.rank a {
    border-radius: 0 !important;
    padding: 15px !important;
    background: #000 !important;
}

.parent-ranking .proli.rank.active a,
.parent-ranking .proli.rank a:hover {
    background: #fff !important;
    color: #000 !important;
}

/* Profile Page */
.profile-wrapper {width: 100%;}
.profile-wrapper .card {background: #fff;padding: 20px;border-radius: 20px;text-align:center;margin-bottom: 20px;clear: both;display: inline-block;width: 100%;min-height: 165px;}
.profile-wrapper .card .title {text-align: left;font-size: 22px;color: #3db39e;}
.profile-wrapper .card .circle {height: 120px;width: 120px;border: 5px solid transparent;display: inline-block;border-radius: 50%}
.profile-wrapper .card .circle h2 {line-height: 110px !important;}
.profile-wrapper .card .circle .green {color: #009688;}
.profile-wrapper .card .circle .red {color: #e05b51;}
.profile-wrapper .toprankingsection.pcp .card .circle {height: 75px;width: 75px;}
.profile-wrapper .toprankingsection.pcp .card .circle h2 {line-height: 40px !important;}
.toprankingsection .items {width: 30.555%;float: left;margin-right: 4%;}
.toprankingsection .items.last,.profile-wrapper .card .items-full.last {margin-right:0;}
.toprankingsection .items h3 {text-align: center; margin-bottom: 10px; font-size: 18px; color: #3db39e;margin-top: 0;} 
.profile-wrapper .card .author-photo {padding-top: 0;}
.profile-wrapper .card .author-photo .avatar {height: 70px;}
.profile-wrapper .card .profile-info h3 {margin-bottom: 0;}
.profile-wrapper .card .items-full {width: 22%; float: left; margin-right: 4%;}
/* Like */
.like-section {position: absolute;bottom: 25px;left: 20px;right: 20px;}
.like-sectionprofile img, .like-section img {border-radius: 0;}
.like-sectionprofile .userlikebtn, .like-section .userlikebtn {padding: 0;background-color: transparent !important;border: 0;}
.like-section .like-left {width: 50%; float: left;position: relative;top: 17px;min-height: 10px;}
.like-section .like-right {text-align: right;width: 50%;float: left;position: relative;top: 10px;}
.owl-carousel .owl-item .answerContainer.item {padding-bottom: 90px;}
.like-sectionprofile .countuserlike, .like-section .countuserlike,
.profile-wrapper .toprankingsection.pcp .card h2 {color: #44a4ec;font-size: 24px;font-weight: 700;position: relative;top: 9px;padding-left: 3px;}
.likeloading {position: relative;top: 5px;height: 25px;width: auto;}
/* Follow Unfollow */
.followUnfollowbtn button {background: transparent;padding: 0;}
.followUnfollowbtn span {width: 95px;background: #1abc9c;clear: both; display: inline-block;font-size: 11px;line-height: 30px;color: #fff;text-transform: uppercase;font-weight: 600;border-radius: 30px;}
.followUnfollowbtn .unfollowingTxt {display: none;}
.followUnfollowbtn .btn:hover .followingTxt {display: none;}
.followUnfollowbtn .followingTxt {background: #ff9800;}
.followUnfollowbtn .btn:hover .unfollowingTxt {display: block;background: #e0245e;color: #fff;}
.followWrapper {margin-top: 20px;}
.followWrapper .card {background: #fff;box-shadow: 0 0 5px #e2e2e2;padding: 15px;border-radius: 8px;}
.followWrapper .card h2 {font-size: 16px;font-weight: 600;color: #454545;}
.followWrapper .card h4 {margin-top: 10px;color: #3db39e;font-size: 13px;}
.followWrapper .card p {margin: 0;}
.followWrapper .card .avatar {max-height: 80px;}
.followWrapper .followUnfollowbtn .followingTxt,.followWrapper .followUnfollowbtn .unfollowingTxt {line-height: 23px;font-size: 10px;width: 80px;}
.followerCounter {background:#03A9F4;color: #fff;height: 25px;width: 25px;clear: both;display: inline-block;line-height: 25px;border-radius: 50%;font-weight: 600;font-size: 12px;text-align:center;}
.rangeSliderLike {text-align: center;color: #454545;font-weight: 600;}
.rangeSliderLike img {height: 18px;width: auto;}
/* PCP */
.RoadToTopsection {padding: 15px;background: rgba(61,179,158,.2);margin-bottom: 20px;border-radius: 25px;}
.feedContainer .matches .items {border-bottom: 1px solid #eee;padding-bottom: 10px;}
.feedContainer .image {margin-bottom: 10px;}
.feedContainer.items {text-align: center;}
.feedContainer.items h2 {margin-bottom: 15px;}
.feedContainer.items .avater {width: 90px;height: 90px;border-radius: 50%;}
.feedContainer.items .btn {margin-top: 15px;border-radius: 30px !important;}
.feedContainer.items .item {text-align: left;padding: 20px 20px 15px;}
.feedContainer.items .item p {text-align: left;margin-bottom: 0;}
.feedContainer.items .item .time {margin-bottom: 5px;font-size: 11px;color: #444444;}
.feedContainer.items .card {box-shadow: none;border-top: 1px solid #eee;border-radius: 0;margin-bottom: 0;}

.profile-link .left,
.profile-link .right {width: 50%;float: left;}
.profile-link .left {text-align: left;}
.profile-link .right {text-align: right;color: #7f92a9;}
.avatar {border-radius: 50% !important;max-height: 92px; width: auto;}

/* Range result */
.event_range_slider .swiper-slide {text-align: center;}
.event_range_slider .range-item {background: #040055;border-radius: 15px;padding: 20px 10px;text-align: center;width: 100%;}
.event_range_slider .date {font-size: 14px;color: #11a1f9;font-weight: 600;}
.event_range_slider .subtitle {font-size: 11px;color: #fff;margin-bottom: 15px;}
.event_range_slider .range-item .result .range-lavel {background: #81b340;color: #fff;font-size: 14px;border-radius: 30px;padding: 10px;margin: 15px 0 5px;}
.event_range_slider .range-result-wrapper {background: #040055;border-radius: 15px;padding: 20px 10px;}
.event_range_slider .range-result-wrapper .range-results .title a,
.event_range_slider .range-item .result .title a {color: #fff;font-size: 13px;font-weight: 300;line-height: 1.2;}
.event_range_slider .team-divider {position: relative;margin: 5px 0;height: 1px;}
.event_range_slider .divider-transparent:before{content: "";position: absolute;top: 0;left: 5%;right: 5%;width: 90%;height: 1px;background-image: linear-gradient(to right, transparent, rgb(255,255,255), transparent);}
.event_range_slider .range-result-wrapper .range-results .result-winner,
.event_range_slider .result .range-name {color: #fff;font-style: italic;}
.event_range_slider .result.trading{margin-top: 20px;clear: both;display: inline-block;width: 100%;}
.event_range_slider .winning-percentage {font-size: 24px;font-weight: 700;margin-top: 14px;}
.event_range_slider .result.trading ul {list-style: none;padding: 0;margin: 0;}
.event_range_slider .result.trading ul li {color: #fff;font-size: 13px;line-height: 1.1;}
.event_range_slider .result.trading ul li.left {width: 34%;margin-right: 2%;float: left;}
.event_range_slider .result.trading ul li.right {width: 64%;float: left;text-align: right;}
.event_range_slider .result.trading ul li.right .cols-2 {width: 50%;float: left;}
.event_range_slider .result.trading ul li.right span {display: block;font-weight: 700;}
.event_range_slider .result.trading ul li.right span.success,
.event_range_slider .result.trading ul li.right span.danger,
.event_range_slider .result.trading ul li.right span.equal{font-size: 24px;}
.event_range_slider .result.trading ul li.right span.successTxt,
.event_range_slider .result.trading ul li.right span.success {color: #2fe09e;}
.event_range_slider .result.trading ul li.right span.dangerTxt,
.event_range_slider .result.trading ul li.right span.danger {color: #fc3f86;}
.event_range_slider .result.trading .trading-title {text-align: center;margin-top: 5px;clear: both;display: inline-block;width: 100%;}
.event_range_slider .range-result-wrapper .timer-bg {background: #fff;border-radius: 30px;margin: 15px 0 5px;height: 40px;padding: 5px 0;}
.event_range_slider .range-result-wrapper .timeTo.timeTo-white div {background: transparent;width: 16px;text-align: left;}
.event_range_slider .range-result-wrapper .timeTo div {border: 0 !important;}
.event_range_slider .range-result-wrapper .timeTo ul {left: 0px !important;}
.event_range_slider .range-result-wrapper .endTime li,
.event_range_slider .range-result-wrapper .timeTo ul li {color: #0c6ebf;margin-left: 0;font-size: 24px;}
.event_range_slider .range-result-wrapper .timeTo span {color: #0c6ebf;font-size: 24px;position: relative;top: -1px;margin: 0;}
.event_range_slider .winning-chance {display: inline-block;margin: 22px 0 5px;}
.event_range_slider .range-result-wrapper .winning-chance .orange {background: #fea633;}
.event_range_slider .range-result-wrapper .winning-chance .circle {width: 15px;height: 15px;border-radius: 50%;box-shadow: 0px 0px 1px 1px #0000001a;}

.event_range_slider.owl-theme .owl-nav {display: block;}
.event_range_slider.owl-theme .owl-nav button.owl-prev, 
.event_range_slider.owl-theme .owl-nav button.owl-next {width: 15px;height: 100px;position: absolute;top: 50%;transform: translateY(-50%);display: block !important;border:0px solid black;}
.event_range_slider.owl-theme .owl-nav button.owl-prev:focus, 
.event_range_slider.owl-theme .owl-nav button.owl-next:focus {outline: none;}
.event_range_slider.owl-theme .owl-nav button.owl-prev { left: -20px; }
.event_range_slider.owl-theme .owl-nav button.owl-next {right: -19px;}
.event_range_slider.owl-theme .owl-nav button.owl-prev i, 
.event_range_slider.owl-theme .owl-nav button.owl-next i {transform : scale(2,5); color: #ccc;}


.noItem {text-align: center;font-size: 14px;}
/* Options For Expert */
.dashboard-pcp-info {background: #fff;padding: 15px;margin-bottom: 20px;}
.OptionsForExpert {clear: both;display: inline-block;width: 100%;}
.OptionsForExpert .btn {margin-bottom: 10px;line-height: 42px;border-radius: 7px !important;font-weight: 600;height: 55px;}
.OptionsForExpert .btn.btn-violet {background-color: #c52376;line-height: 18px;}
.OptionsForExpert .btn.btn-purple {background-color: #a533c7;}
.OptionsForExpert .btn.btn-blue {background-color: #7136be;}
.OptionsForExpert .item {width: 49%;float: left;}
.OptionsForExpert .item:nth-child(odd) {margin-right: 1%;}

/*Soccer*/
.predictionContainer .soccer-input {margin-left: 15px;position: relative;top: -2px;margin-right: 2px;}
.teamQuestionWrappergoal {background: #fff;padding: 10px 20px;margin-bottom: 15px;}
/*  */
.slick-prev:before, 
.slick-next:before {color: #371671 !important;}

/*Tabs*/
.tabs .horizontal.block-custom .proli {width: 50%;margin: 0;margin-bottom: 10px;float: left;}
.tabs .horizontal.block-custom .proli a {border-radius: 0;font-size: 16px;text-transform: uppercase;font-weight: 500;line-height: 32px;background: #171717;}
.tabs .horizontal.block-custom .proli.active a,
.tabs .horizontal.block-custom .proli:hover a, 
.tabs .horizontal.block-custom .proli:focus a {background: #fff;}

/*-------------------------------------------------*/
.kt-login__block {padding-left: 30px;}
.kt-login.kt-login--v6 .kt-login__aside .kt-login__wrapper .kt-login__container .kt-login__form .form-group {margin-bottom: 15px !important;}
.kt-login.kt-login--v6 .kt-login__aside .kt-login__wrapper .kt-login__container .kt-login__form .form-control {background: #f5f5f5;border-radius: 30px !important;box-shadow: none;border-bottom: 0 !important;border: 1px solid #eee !important;padding: 12px !important;}
.kt-login__extra .kt-checkbox.no-padd {padding-left: 0 !important;}
.kt-portlet--tabs .nav-tabs.nav-tabs-line .nav-item.active a {color: #22b9ff;border-bottom: 1px solid #22b9ff;}
.kt-widget.kt-widget--user-profile-4 .kt-widget__head .kt-widget__content .kt-widget__section .kt-widget__button .btn {padding: 0 0 10px !important;}
.followUnfollowbtn span {width: 95px;font-size: 10px;line-height: 24px;padding: 0 14px;}
.followerCounter {line-height: 23px;font-size: 10px;position: relative;top: -2px;}
.kt-portlet.kt-portlet--height-fluid .kt-portlet__body {padding-top: 10px !important;padding-bottom: 10px !important;position: relative;}
.kt-widget.kt-widget--user-profile-4 .kt-widget__head .kt-widget__content .kt-widget__section .kt-widget__username {font-size: 13px !important;}
.membersPageLink {text-align: center;clear: both;display: inline-block;width: 100%;}
.membersPageLink ul {margin: 0; padding: 0;}
.membersPageLink ul li {display: inline-block;margin: 5px 5px 20px;}
.membersPageLink ul li a {font-size: 22px !important;line-height: 18px;width: 150px;padding: 11px 0 9px !important;font-weight: 700 !important;color: #fff !important;background: #b1b1b1 !important;text-transform: uppercase;border-radius: 50px !important;}
.membersPageLink ul li a span {display: block;font-size: 12px;}
.membersPageLink ul li.active a,
.membersPageLink ul li a:hover,
.membersPageLink ul li a:focus {background: #3db39e !important;color: #ffffff;}
.btn.block.pill {width: 100% !important;border-radius: 30px !important;margin-bottom: 15px;}
.kt-login.kt-login--v6 .kt-login__aside .kt-login__wrapper .kt-login__account .kt-login__account-msg,
.kt-login.kt-login--v6 .kt-login__aside .kt-login__wrapper .kt-login__account .kt-login__account-link {font-size: 15px !important;}
/*.badgeWrapper .badge {position: absolute;width: 200px;height: 200px;overflow: hidden;display: inline-block !important}*/
/*.badgeWrapper .badge::before {content: 'Predictor';background: #3db39e;color: #fff;font-weight: 700;font-size: 10px;display: block;position: relative;width: 200px;height: 18px;line-height: 18px;text-align: center;}*/
/*.badgeWrapper .badge.badge-top-right {top: 0;right: 0;}*/
/*.badgeWrapper .badge.badge-top-right::before {top: 20px;right: -58px;-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);}*/
/*.badgeWrapper .co-adminbg {position: absolute;right: 0;top: 0;display: none;}*/
.badgeWrapper .co-adminbg {display: none;}
.badgeWrapper.co_admin .co-adminbg {display: block;}

.xprtbadge {position: absolute;right: 0;top: 0;display: none;}
.badgeWrapper.predictor .xprtbadge,
.badgeWrapper.soccer .xprtbadge {display: block;}
.kt-widget.kt-widget--user-profile-4 .kt-widget__head .kt-widget__media {text-align: center;position: relative;}
.kt-widget.kt-widget--user-profile-4 .kt-widget__head .kt-widget__media .co-adminbg {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin-left: -90px;
    margin-top: 30px;
}
/*Soccer Panel*/
.SoccerPanelWrapper{background: #fff;padding: 20px;border-radius: 7px;box-shadow: 5px 8px 16px #8c8c8c;}
.SoccerPanelWrapper .SPtitle {text-align: center;font-size: 22px;font-weight: 600;color: #333;letter-spacing: 4px;line-height: 30px;margin-bottom: 15px;}
#soccerPanel .item {padding: 15px;border-radius: 5px;}
#soccerPanel .item .SP-wrapper .SPbadge {}
#soccerPanel .item .SP-wrapper .SPbadge span {font-size: 10px;color: #ff5722;}
#soccerPanel .item .SP-wrapper .SPdate {font-size: 12px;color: #333;}
#soccerPanel .item .SP-wrapper .SPteam {font-size: 14px;color: #000;}
#soccerPanel .item .SP-wrapper .SP-btn {margin-top: 10px;}
#soccerPanel .item .SP-wrapper .SP-btn .btn-sp,
.SoccerPanelWrapper .btnSPAll {border: 1px solid #e0e0e0;border-radius: 30px !important;font-size: 10px;text-transform: uppercase;}
#soccerPanel .item .SP-wrapper .SP-btn .btn-sp:hover,
.SoccerPanelWrapper .btnSPAll:hover {background: #3db39e;border-color: #3db39e;color: #fff;}
.SoccerPanelWrapper .btnSPAll {margin-top: 20px;}

.followUnfollowbtn .followingTxt, .followUnfollowbtn .unfollowingTxt, .followUnfollowbtn .exfollowing {margin-left: -14px;}

/*Flip Panel*/
.leagueRankWrapper .wrapper {min-height: 330px;width: 31.3333%;float: left;margin: 0 1% 20px;position: relative;border-radius: 25px; background: #fff;}
.leagueRankWrapper .wrapper .disqualify {
    position: absolute;
    height: 50px;
    background: #fff;
    border-radius: 50%;
    padding: 7px 5px;
    top: -20px;
    right: -5px;
    box-shadow: 0 0 20px hsl(0deg 0% 0% / 15%);
}
.page-template-ranks-all .leagueRankWrapper .wrapper {min-height: 340px;}
.leagueRankWrapper .wrapper .flipPanel {position: relative;-webkit-perspective: 600px;-moz-perspective: 600px;}
.flipPanel .front {height: inherit;position: absolute;top: 0;left:0;right:0;z-index: 900;text-align: center;-webkit-transform: rotateX(0deg) rotateY(0deg);-moz-transform: rotateX(0deg) rotateY(0deg);-webkit-transform-style: preserve-3d;-moz-transform-style: preserve-3d;-webkit-backface-visibility: hidden;-moz-backface-visibility: hidden;-webkit-transition: all .4s ease-in-out;-moz-transition: all .4s ease-in-out;-ms-transition: all .4s ease-in-out;-o-transition: all .4s ease-in-out;transition: all .4s ease-in-out;}
.flipPanel .back {height: inherit;position: absolute;top: 0;left: 0;right: 0;z-index: 1000;-webkit-transform: rotateY(-180deg);-moz-transform: rotateY(-180deg);-webkit-transform-style: preserve-3d;-moz-transform-style: preserve-3d;-webkit-backface-visibility: hidden;-moz-backface-visibility: hidden;-webkit-transition: all .4s ease-in-out;-moz-transition: all .4s ease-in-out;-ms-transition: all .4s ease-in-out;-o-transition: all .4s ease-in-out;transition: all .4s ease-in-out;}
.flipPanel.flip .front {z-index: 900;-webkit-transform: rotateY(180deg);-moz-transform: rotateY(180deg);}
.flipPanel.flip .back {z-index: 1000;-webkit-transform: rotateX(0deg) rotateY(0deg);-moz-transform: rotateX(0deg) rotateY(0deg);}
.predictorArchiveFlip {width: 100%;clear: both;display: inline-block;}
/*League Ranking Main*/
.leagueRankWrapper .predictorContainer.author-profile-card.ranked,
.leagueRankWrapper .owl-carousel .owl-item .item.ranked {background: #fff;width: 100%;}
.leagueRankWrapper .predictorListWrapper .predictorContainer.author-profile-card {width: 100%;border-radius: 25px;box-shadow: 2px 3px 5px #dadada;min-height: 240px;}
.leagueRankWrapper .predictorContainer.author-profile-card .profile-btn a {background: transparent;padding: 5px 10px;border-radius: 15px;border: 1px solid #3db39e;font-size: 10px;font-weight: 600;}
/*.leagueRankWrapper .profile-link .right span {background: #0066ff;color: #fff;padding: 3px 10px 4px;border-radius: 15px;font-size: 12px;font-weight: 600;text-transform: uppercase;}*/
.leagueRankWrapper .profile-link .profile-btn a {width: 100%;display: block;font-size: 20px !important;border: 2px solid #3db39e!important;border-radius: 30px !important;margin-bottom: 15px;}
.leagueRankMain li {text-align: left;border-right: 1px solid #ccc;}
.leagueRankMain li:last-child {border-right: 0;}
.leagueRankMain li a {color: #b1b1b1 !important;box-shadow: none !important;border-radius: 0 !important;background: transparent !important;font-weight: 700 !important;line-height: 18px;}
.leagueRankMain li.active {padding-left: 25px;}
.leagueRankMain li a:hover,
.leagueRankMain li.active a {color: #3db39e !important;}
.leagueRankMain li.active::before {content: '';background: url(https://cricdiction.expert/wp-content/plugins/predictor/frontend/img/leagueicon.png);height: 40px;width: 40px;display: block;background-repeat: no-repeat;position: absolute;margin-left: -25px;margin-top: 4px;}
.followWrapper .leagueRankMain li.active::before {margin-top: -2px;}
.leagueRankMain .name {font-size: 22px;display: block;}
/*League Ranking Sub*/
.leagueRankSub li a {font-size: 22px !important;line-height: 18px;width: 150px;padding: 11px 0 9px !important; font-weight: 700 !important;color: #fff !important;background: #b1b1b1 !important;text-transform: uppercase;}
.leagueRankSub li a:hover,
.leagueRankSub li.active a {background: #3db39e !important;}
.leagueRankSub li a span {display: block; font-size: 12px;}
/*League Ranking Footer*/
.leagueRankWrapper .wrapper .archive-footer {position: absolute; bottom: 0;width: 100%;padding: 7px 20px;}
/*.leagueRankWrapper .wrapper .archive-footer {position: absolute; bottom: 0;width: 100%;padding: 7px 10px;}*/
.leagueRankWrapper .wrapper .archive-footer .left,
.leagueRankWrapper .wrapper .archive-footer .right {float: left;}
.leagueRankWrapper .wrapper .archive-footer .left {width: 65%;}
.leagueRankWrapper .wrapper .archive-footer .right {width: 35%;text-align: right;}
.leagueRankWrapper .wrapper .archive-footer .left ul li span {display: block;}
/*.leagueRankWrapper .wrapper .archive-footer .profile-btn a {border: 1px solid #3db39e;padding: 6px 15px;border-radius: 30px;}*/
.leagueRankWrapper .wrapper .archive-footer .profile-btn a {border: 1px solid #3db39e; padding: 2px 5px; border-radius: 20px; font-size: 11px; display: inline-block;}
.leagueRankWrapper .wrapper .archive-footer .profile-btn a:hover {background: #3db39e; color: #fff;}
.leagueRankWrapper .wrapper .archive-footer ul {padding: 0;margin: 0;}
.leagueRankWrapper .wrapper .archive-footer ul li {line-height: 15px;position: relative;margin-right: 15px;}
.leagueRankWrapper .wrapper .archive-footer ul li.padding {padding-left: 30px;}
/*Archive Follow Unfollow*/
.followUnfollowbtnArchive .addFollower,
.followUnfollowbtnArchive .loginFollow,
.followUnfollowbtnArchive .unFollow .unfollowingTxt,
.followUnfollowbtnArchive .unFollow .followingTxt {color: #06b29f;font-weight: 600;text-transform: uppercase; font-size: 12px;cursor: pointer;}
.followUnfollowbtnArchive .addFollower:before,
.followUnfollowbtnArchive .loginFollow:before,
.followUnfollowbtnArchive .unFollow .followingTxt:before,
.followUnfollowbtnArchive .unFollow .unfollowingTxt:before,
.archiveLikeBtn:before {content: '';display: block;height: 24px;width: 24px;background-repeat: no-repeat;background-size: cover;position: absolute;left: 0;}
.followUnfollowbtnArchive .addFollower:before,
.followUnfollowbtnArchive .loginFollow:before {background: url(/wp-content/plugins/predictor/frontend/img/follow.png);}
.followUnfollowbtnArchive .unFollow .followingTxt:before {background: url(/wp-content/plugins/predictor/frontend/img/link.png);}
.followUnfollowbtnArchive .unFollow .unfollowingTxt:before {background: url(/wp-content/plugins/predictor/frontend/img/unfollow.png);}
.archiveLikeBtn:before {background: url(/wp-content/plugins/predictor/frontend/img/like2.png);}
.predictorLikeBtn.archiveLikeBtn:before {background: url(/wp-content/plugins/predictor/frontend/img/like.png);}
.archiveLikeBtn {font-weight: 600 !important;}
.archiveLikeBtn span {color: #000;}
.archiveLikeBtn .like {cursor: pointer;color: #b0b0b0 !important;background: transparent !important;box-shadow: none;padding: 0;}
.predictorLikeBtn .like {color: #00b3a0 !important;}
.predictorLikeBtn .like:hover {background: transparent;}
.leagueRankWrapper .followerCounter,
.members-footer .followerCounter{background: transparent;color: #000;height: auto;width: auto;border-radius: 0;font-size: 12px;text-align: left;line-height: 12px;}
.followUnfollowbtnArchive .unFollow .unfollowingTxt,
.followUnfollowbtnArchive .loginFollow .unfollowingTxt {display: none !important;}
.followUnfollowbtnArchive .unFollow:hover .followingTxt,
.followUnfollowbtnArchive .loginFollow:hover .followingTxt{display: none !important;}
.followUnfollowbtnArchive .unFollow:hover .unfollowingTxt,
.followUnfollowbtnArchive .loginFollow:hover .unfollowingTxt{display: block !important;} 

.leagueMainTab li a {
    font-size: 20px;
    font-weight: 700;
    padding: 12px 26px;
}

/*Social Login*/
div.nsl-container[data-align="center"] {text-align: center;}
.kt-login.kt-login--v6 .kt-login__aside {background: #f5f5f5 !important;}
.cardLogin {background: #fff;padding: 20px;border-radius: 15px;margin-bottom: 15px;}
.kt-login.kt-login--v6 .kt-login__aside .kt-login__wrapper .kt-login__container .kt-login__actions {margin: 3rem 0 0 !important;}

/*Dashboard League Select*/
.dashboardLeagueSelect {background: rgba(61,179,158,.2);border-radius: 25px;text-align: center;padding: 20px;margin-bottom: 20px;}
.dashboardLeagueSelect .dropdownHead {display: inline-block;}
.dashboardLeagueSelect .selectWrapper #selectLeagueSeasion {background: #fff;border: 1px solid #3db39e;color: #333f66;width: 330px;line-height: 34px;}
.dashboardLeagueSelect .selectWrapper .dropdown-menu {background: #fff;padding: 15px;max-height: 500px;overflow-y: scroll;margin-bottom: 20px;}
.dashboardLeagueSelect .rootLeague,
.section-profile-rank .wrapper .league-detail .dropdown-menu a .rootLeague {font-size: 18px;color: #252525;cursor: not-allowed;border-top: 1px solid #eaeaea;display: block;line-height: 35px;margin-top: 10px;}
.dashboardLeagueSelect .rootLeague.no-border {border-top: 0; margin-top: 0;}
.dashboardLeagueSelect .subLeague,
.section-profile-rank .wrapper .league-detail .dropdown-menu a .subLeague {padding-left: 15px;}
.dashboardLeagueSelect .dropdown-item {display: block;color: #939393;}
.dashboardLeagueSelect .dropdown-item:hover {color: #3db39e;}
/*================shortMyRank=================*/
.shortMyRank {position: relative;margin-bottom: 20px;background: #fff;padding: 12px;box-shadow: 0px 0px 20px rgb(0 0 0 / 5%);}
.shortMyRank.rankExp {position: relative;top: 10px;left: 0;right: 0;background: #fff;border-radius: 20px;padding: 12px;}
.shortMyRank .progressBar,
.shortMyRank .progressBar .value{background-color: #f0f0f0;height: 20px;margin-bottom: 0;border-radius: 20px;}
.shortMyRank .progressBar .value {background-color: #00e3bb;}
.shortMyRank .progressBar:before {font-size: 12px;line-height: 20px;}
.leagueRankWrapper .itemWrapper {background: #fff;text-align: center;padding-top: 10px;}
.leagueRankWrapper .itemWrapper .item {display: inline-block;text-transform: uppercase;margin-right: 10px;}
.leagueRankWrapper .itemWrapper .item:last-child {margin-right: 0;}
.leagueRankWrapper .itemWrapper .item h3,
.leagueRankWrapper .itemWrapper .item p {margin: 0;font-size: 11px;font-weight: 600;color: #3c495a;}
/*Members Page*/
.kt-portlet {border-radius: 20px !important;}
.kt-portlet .kt-portlet__body {padding: 15px !important;}
.members-footer{clear: both;display: inline-block;width: 100%;}
.members-footer .left,
.members-footer .right {width: 50%; float: left;}
.members-footer .right {margin-top: 7px;}
.members-footer .left {padding-left: 30px;}
.members-footer .followUnfollowbtnArchive .addFollower:before, 
.members-footer .followUnfollowbtnArchive .loginFollow:before, 
.members-footer .followUnfollowbtnArchive .unFollow .followingTxt:before, 
.members-footer .followUnfollowbtnArchive .unFollow .unfollowingTxt:before, 
.members-footer .archiveLikeBtn:before {left: auto; margin-left: -30px;margin-top: 7px;}
.members-footer .btn {border: 1px solid #3db39e;padding: 6px 15px;border-radius: 30px !important;color: #3db39e;text-transform: uppercase;}
.members-footer .btn:hover {background: #3db39e;color: #fff;} 
#searchMembers .one,
#searchMembers .two,
#searchMembers .three {float: left;}
#searchMembers .one {width: 60%;}
#searchMembers .two {width: 25%;}
#searchMembers .three {width: 15%;}
#searchMembers input,
#searchMembers select,
#searchMembers .btn {height: 40px;border-radius: 0;}
.kt-pagination.kt-pagination--brand .kt-pagination__links .kt-pagination__link--first, 
.kt-pagination.kt-pagination--brand .kt-pagination__links .kt-pagination__link--next, 
.kt-pagination.kt-pagination--brand .kt-pagination__links .kt-pagination__link--prev, 
.kt-pagination.kt-pagination--brand .kt-pagination__links .kt-pagination__link--last {background: rgba(61, 179, 158, 0.1) !important;}
/*Recent Prediction*/
.recentPredictionsWrapper .wrapper {background: #fff;padding: 15px;border-radius: 20px;box-shadow: 1px 1px 7px 0px #ccc;margin-bottom: 25px;min-height: 105px;}
.recentPredictionsWrapper .wrapper .answer {font-size: 16px;color: #7f92a9;line-height: 20px;}
.recentPredictionsWrapper .wrapper .answer span {font-size: 14px;color: #3c495a;}
.kt-pagination.kt-pagination--brand .kt-pagination__links li:hover {background: #3db39e !important;}
.kt-pagination .kt-pagination__links li .page-numbers.current {font-weight: 700;color: #ffffff;display: flex;justify-content: center;align-items: center;min-width: 30px;min-height: 30px;background: #3db39e;border-radius: 3px;}
.kt-widget.kt-widget--user-profile-4 .kt-widget__head .kt-widget__media .kt-widget__img {width: 90px;height: 90px;}
.recentPredictionsWrapper .answer img {height: 15px;width: 15px;margin-top: 4px;}
/*Select Leagues*/
.leagueSelectWrapper.administrator,
.leagueSelectWrapper.norole {top: -110px;}
.leagueSelectWrapper.subscriber {top: -100px;}
.leagueSelectWrapper.predictor {top: -160px;}
#RankAll .leagueSelectWrapper.predictor {top: -164px;}
.select-leagues .dropdown .btn {width: 100%;background: #3db39e;color: #fff;border-radius: 20px !important;}
.select-leagues .dropdown .dropdown-menu {width: 100%;border: 0;border-radius: 20px;padding: 15px 20px;max-height: 300px;overflow-y: scroll;background: #3db39e;}
.select-leagues .dropdown .dropdown-menu .dropdown-item {display: block;font-size: 16px;color: #252525;line-height: 2;padding: 0;}
.select-leagues .dropdown .dropdown-menu .dropdown-item:hover {color: #3db39e;}
.select-leagues .dropdown .item {width: 10.5%;float: left;background: #fff;padding: 10px;border-radius: 15px;margin: 0 1% 20px;}
.select-leagues .dropdown .item a {
    background: #fff; 
}
/*Flip Table*/
.flip-table {width: 100%;text-align: center;}
.flip-table td {font-size: 18px;}
.flip-table td span {font-size: 14px;}
.predictorContainer.ranked.top3 .flip-table {color: #fff;}

.btn-pill {border-radius: 50px !important;}

/*Custom 100% Profile Page*/
.section-profile {background: #fff;padding: 20px 0;}
.section-profile .profile-info .profile-imge {text-align: center;margin-bottom: 15px;}
.section-profile .profile-info .profile-imge img {width: 250px; height: 250px;border-radius: 20px;box-shadow: 3px 5px 5px #b1b1b1;background: #f5f5f5;}
.section-profile .profile-info .profile-detail {padding: 15px;}
.section-profile .profile-info .profile-detail .name a {font-size: 18px; text-transform: uppercase;font-weight: 600;color: #252525;}
.section-profile .profile-info .profile-detail .name a:hover {color: #3db39e;}
.section-profile .profile-info .profile-detail .name img {height: 22px;margin-top: 3px;margin-left: 7px;}
.section-profile .profile-info .prediction-detail .item {padding: 10px 20px 10px 50px;background: #f5f5f5;color: #565656;text-align: center;margin-top: 20px;border-radius: 15px;}
.section-profile .profile-info .prediction-detail .item .count {font-size: 24px;font-weight: 600;color: 252525;}
.section-profile .profile-info .prediction-detail .item img {height: 40px;position: absolute;left: 25px;margin-top: 9px;}
/*Custom 100% Page Template*/
/*.page-id-21923 #main {padding-left: 0 !important;padding-right: 0 !important;}*/
/*.page-id-21923 .fusion-row {max-width: 100% !important;}*/
/*.page-id-21923 .fusion-footer .fusion-row {max-width: 1170px !important;}*/


/*Answer Event*/ 
.ans-accuracy .table th,
.ans-accuracy .table td {padding: 5px 5px;font-size: 11px;color: #757575;vertical-align: middle;text-align: center;line-height: 14px;}
.ans-accuracy .table td span.percentage {font-size: 14px; font-weight: 600;}
.ans-accuracy .table td span.green {color: #0b8210;}
.ans-accuracy .table td span.red {color: #ff0707;}
.ans-accuracy .table span.full {display: block;font-weight: 400;}
.ans-accuracy .table .left {border-right: 1px solid #d8d8d8;}
.ans-accuracy .table .left,
.ans-accuracy .table .right {width: 50%;float: left;}
.ans-accuracy .table .left span,
.ans-accuracy .table .right span {display: block;}
.ans-accuracy .table span.number {font-weight: 400;}
.eligibility-process {background: #fff;padding: 20px;margin-bottom: 20px;border-radius: 15px;}

/*Schedule Filter*/
.filter-cat {
  margin: 1em 0;
}

.f-cat {
  color: #fff;
  padding: 1em;
  border: 5px solid #fff;
}

.f-cat[data-cat='cat-red'] {
  background: #ff4136;
}

.f-cat[data-cat='cat-green'] {
  background: #2ecc40;
}

.f-cat[data-cat='cat-blue'] {
  background: #0074d9;
}

.filter-cat-results .f-cat {
  opacity: 0;
  display: none;
}
.filter-cat-results .f-cat.active {
  opacity: 1;
  display: block;
  -webkit-animation: fadeIn 0.65s ease forwards;
  animation: fadeIn 0.65s ease forwards;
}

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

/*League Winner Section*/
.section-league-winner {text-align: center;}
.section-league-winner .tabs li a {font-size: 12px;font-weight: 600;line-height: 14px;padding: 5px 25px;height: 38px;box-shadow: none;}
.section-league-winner .tabs li a span {font-size: 14px;}
.section-league-winner .tabs .horizontal {display: flex;overflow: auto;}
.section-league-winner .items,
.section-league-winner .league-winner.single {border-radius: 20px;box-shadow: 2px 3px 7px #1abfa2;margin-bottom: 20px;width: 100%;}
.section-league-winner .league-winner.single {width: 49%;float: left;margin-right: 2%;}
.section-league-winner .league-winner:nth-child(2) {margin-right: 0;}
.section-league-winner .league-winner .wrapper {padding: 10px;}
.section-league-winner .league-winner .wrapper .avater {text-align: center;position: relative;}
.section-league-winner .league-winner .wrapper .avater .earn {position: absolute;top: 0;right: 33%;height: 30px;width: 30px;background: #FF5722;border-radius: 50%;line-height: 29px;color: #fff;font-size: 10px;font-weight: 600;}
.section-league-winner .league-winner.single .wrapper .avater .earn {right: 39%;}
.section-league-winner .league-winner .wrapper .avater img {height: 90px;width: 90px;border-radius: 50%;}
.section-league-winner .league-winner .wrapper .avater .name {text-transform: uppercase;margin-top: 0;}
.section-league-winner .league-winner .wrapper .avater .name a {color: #fff;}
.section-league-winner .league-winner .wrapper table {color: rgba(255, 255, 255, 0.70);}
.section-league-winner .league-winner .wrapper table th {text-align: center; padding: 0;}
.section-league-winner .league-winner .wrapper table td {font-size: 20px;font-weight: 600; padding: 0;line-height: 1;}
.section-league-winner .league-winner .footer {background: rgba(0, 0, 0, .3);padding: 10px;border-bottom-left-radius: 20px;border-bottom-right-radius: 20px;text-align: left;font-weight: 600;text-align: center;}
.section-league-winner .league-winner .footer p {margin: 0;color: rgba(255, 255, 255, 0.70);text-transform: Uppercase;font-size: 10px;}
.section-league-winner .league-winner .footer span {display: block;color: #3db39e;}

.section-league-winner .bplBg,
.section-league-winner .tabs li.active .bplBg{background: rgba(218, 159, 8, 0.9);}
.section-league-winner .ssBg,
.section-league-winner .tabs li.active .ssBg {background: rgba(20, 17, 52, 0.9);}
.section-league-winner .wbblBg,
.section-league-winner .tabs li.active .wbblBg {background: rgba(129, 141, 3, 0.9);}
.section-league-winner .t10Bg,
.section-league-winner .tabs li.active .t10Bg {background: rgba(235, 56, 56, 0.9);}
.section-league-winner .mslBg,
.section-league-winner .tabs li.active .mslBg {background: rgba(0, 0, 0, 0.9);}
.section-league-winner .bplBg .footer span {color: #252525;}

/*League Winner*/
.leagueWinner, .leagueWinnersub {width: 100%;text-align: center;}
.leagueWinner th {text-align: center;color: #fff;font-weight: 400;padding: 2px 5px;line-height: 1;padding-top: 10px;width: 33.33%;}
.leagueWinner td {font-size: 24px;font-weight: 600;color: #fff;padding: 2px 5px;line-height: 1;}
.leagueWinnersub th {text-align: center;line-height: 1;padding: 0 5px;font-weight: 400;color: #fff;font-size: 13px;width: 25%;vertical-align: bottom;}
.leagueWinnersub td {line-height: 1;}
.leagueWinnersub td span {font-size: 20px;font-weight: 600;color: #fff;}
.leagueWinnersub img {width: 25px;height: 25px;border-radius: 50%;}
.leagueWinnersub a,.leagueWinnersub a:hover {color: #fff !important;font-size: 12px;}
.leagueWinnersub .sep-border {border-top: 1px solid rgba(255,255,255,.5);padding: 0px;line-height: 0;}
/*Rank All E.P*/
.rankall-ep .overall {text-align: center;}
.rankall-ep .overall ul {padding: 0;}
.rankall-ep .overall li {display: inline-block;margin: 1%;box-shadow: 0 0 10px #f5f5f5;border: 1px solid #f9f9f9;padding: 15px;font-size: 20px;font-weight: 600;border-radius: 10px;}
.rankall-ep .overall li:first-child {margin-left: 0;}
.rankall-ep .overall li:last-child {margin-right: 0;}
.rankall-ep .overall li strong {display: block;font-weight: 400;font-size: 14px;}

/*Custom 100% Page Template*/
.section-profile-rank .wrapper .league-detail .dropdown-menu a {line-height: 2;}

/*Tournament top experts*/
.font-white .eventTopSupperters {color: #fff;}
.eventTopSupperters .rank-float {position: absolute;right: 10px;width: 35px;height: 35px;background: rgba(0, 0, 0, 0.6);border-radius: 50%;line-height: 34px;}



/*###################*/
.archive-footer.global {position: absolute;bottom: 20px;left: 15px;right: 0;}
.archive-footer.global .left,
.archive-footer.global .right {width: 50%;float: left;}
.archive-footer.global ul {padding: 0;margin: 0;}
.archive-footer.global ul li {display: inline-block;position: relative;padding-left: 30px;margin-left: 15px;}
.archive-footer.global ul li:first-child {margin-left: 0;}
.archive-footer.global ul li span {display: block;}
.archive-footer.global .archiveLikeBtn:before,
.archive-footer.global .followUnfollowbtnArchive span:before{top: 8px;}
.archive-footer.global .followerCounter {color: #000;font-size: 14px; font-weight: 600;background: transparent;}
.archive-footer.global .profile-btn a {border: 1px solid #3db39e;padding: 5px 8px;border-radius: 30px;font-size: 10px;display: inline-block;margin-left: 0px !important;position: relative;top: 8px;}
/*###################*/
/*----------------- Event Category Listing -----------------------*/
.event-category-listing .tabs .horizontal {text-align: left;}
.event-category-listing #experts .tabs .horizontal {text-align: center;}
.event-category-listing .tabs li a {border-radius: 0;font-size: 16px;color: #252525 !important;box-shadow: none;line-height: 30px;background: #d8d8d8;}
.event-category-listing .tabs li a:hover,
.event-category-listing .tabs li.active a {background: #fff;}
.event-category-listing #experts .tabs li a {color: #fff !important;line-height: 1.3;border-radius: 50px;}
.event-category-listing .match-wrapper {background: #fff;padding: 20px;margin-bottom: 10px;box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.3);}
.event-category-listing .match-wrapper .status {font-size: 11px;font-weight: 600;text-transform: uppercase;}
.event-category-listing .match-wrapper .status.complete {color: #ff0000;}
.event-category-listing .match-wrapper .status.live {color: #24c706;}
.event-category-listing .match-wrapper .status.upcoming {color: #dacb15;}
.event-category-listing .match-wrapper .datetime {font-size: 13px;font-style: italic;color: #ababab;}
.event-category-listing .match-wrapper .team-wrap {margin: 10px 0 2px;clear: both;display: inline-block;width: 100%;}
.event-category-listing .match-wrapper .team-wrap .left {width: 68%;margin-right: 2%;float: left;}
.event-category-listing .match-wrapper .team-wrap .right {width: 30%;float: left;text-align: right;}
.event-category-listing .match-wrapper .team-wrap .left .team,
.event-category-listing .match-wrapper .team-wrap .right .score {font-size: 18px;color: #252525;}
.event-category-listing .match-wrapper .team-wrap .left .team.disable,
.event-category-listing .match-wrapper .team-wrap .right .score.disable {color: #868686;}
.event-category-listing .match-wrapper .toss-win,
.event-category-listing .match-wrapper .match-win {font-size: 11px;font-style: italic;color: #ababab;}
.event-category-listing .match-wrapper .toss-win span,
.event-category-listing .match-wrapper .match-win span {font-weight: 600;}
.event-category-listing .footer {border-top: 1px solid #f5f5f5;margin-top: 10px;padding-top: 10px;}
.event-category-listing .footer .btn {background: #ececec;color: #252525;border: 1px solid transparent;margin-right: 10px;}
.event-category-listing .footer .btn:hover {border-color: #252525;}
.event-category-listing .team-wrap img {
	width: 20px !important;
    height: 20px !important;
    position: relative;
    top: 2px;
}
/*----------------- Event Category Listing -----------------------*/

.squadContainer .squad {
    padding: 20px;
    background: #fff;
    margin-top: 20px;
    box-shadow: 0px 2px 5px #e2e2e2;
}

.squadContainer .squad h3 {
    margin-top: 0;
}

/*.fixtureUpcoming .swiper-slide {*/
/*    text-align: center !important;*/
/*    font-size: 18px !important;*/
/*    background: #fff !important;*/
/*    height: calc((100% - 30px) / 2) !important;*/
    
    /* Center slide text vertically */
/*    display: -webkit-box !important;*/
/*    display: -ms-flexbox !important;*/
/*    display: -webkit-flex !important;*/
/*    display: flex !important;*/
/*    -webkit-box-pack: center !important;*/
/*    -ms-flex-pack: center !important;*/
/*    -webkit-justify-content: center !important;*/
/*    justify-content: center !important;*/
/*    -webkit-box-align: center !important;*/
/*    -ms-flex-align: center !important;*/
/*    -webkit-align-items: center !important;*/
/*    align-items: center !important;*/
/*}*/


/*Header Recent Matches*/
#headerCurrentMatches .tabItems {
    padding: 0;
    margin: 0;
}

#headerCurrentMatches .tabItems li {
    
}

#headerCurrentMatches .tabItems li a {
    border-radius: 0;
    padding: 0;
    border: 0;
    box-shadow: none;
    background: transparent;
    border-bottom: 2px solid #3e9e8c;
    padding-bottom: 5px;
}

.single-event .singleEventPageTab {
    max-width: 1170px !important;
    margin: 10px auto 20px;
}

.single-event .singleEventPageTab .tab-items {
    margin: 0;
    padding: 0;
    background: #fff;
    box-shadow: 0px 2px 5px #e2e2e2;
}

.single-event .singleEventPageTab .tab-items li {
    margin: 0;
}

.single-event .singleEventPageTab .tab-items li a {
    background: #fff;
    display: block;
    line-height: 50px;
    font-size: 16px;
    font-weight: 700;
    border-bottom: 3px solid transparent;
    color: #777 !important;
    border-radius: 0;
    box-shadow: none;
}

.single-event .singleEventPageTab .tab-items li.active a {
    color: #535353 !important;
    border-color: #068ccb;
}

.single-event .singleEventPageTab .tab-items li a:hover {
    color: #068ccb !important;
}

.single-event .livescoreDetailTab {
    margin-top: 10px;
}

.single-cricket-contests #main {
    padding-top: 0;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.single-cricket-contests #main .fusion-row {
    max-width: 100%;
}

.single-cricket-contests #main .post_content_row_wrap,
.single-cricket-contests #main .fusion-post-title-meta-wrap,
.single-cricket-contests #main .row-section {
    max-width: 1170px;
    margin: 0 auto;
}

.single-cricket-contests .single_contest_custom_post_title {
    background: #41257c;
    padding: 50px 0px 40px;
}

.single-cricket-contests .single_contest_custom_post_title .entry-title {
    text-align: center;
    font-weight: 700;
    color: #fff;
    border-bottom: 1px solid #4b2f83;
    padding-bottom: 35px;
    margin-bottom: 25px;
}

.single-cricket-contests .single_contest_custom_post_title .event_count {
    color: #fff;
    text-align: center;
    font-size: 36px;
}

.single-cricket-contests .range-contest-wrapper {
    width: 100%;
    box-shadow: 0px 1px 3px rgb(0 0 0 / 8%);
    background: #fff;
    padding: 15px;
}

.single-cricket-contests .range-contest-wrapper .eventTournament {
    margin-bottom: 0 !important;
    text-align: left;
    border-bottom: 1px solid #ecedf1;
    padding-bottom: 8px;
    margin-bottom: 12px !important;
}

.single-cricket-contests .range-contest-wrapper .eventTournament a {
    font-size: 14px;
    color: #535353;
    font-weight: 700;
    letter-spacing: 0;
}

.single-cricket-contests .range-contest-wrapper .des {
    margin-bottom: 15px;
}

.single-cricket-contests .range-contest-wrapper .des,
.single-cricket-contests .range-contest-wrapper .des .date,
.single-cricket-contests .range-contest-wrapper .des .league a {
    color: #252525;
    font-size: 12px;
    font-weight: 400;
}

.single-cricket-contests .range-contest-wrapper .eventTournament a:hover,
.single-cricket-contests .range-contest-wrapper .des .league a:hover {
    color: #3db39e;
}

.single-cricket-contests .range-contest-wrapper .team-name {
    display: grid;
    grid-template-columns: 30px 1fr 120px;
}

.single-cricket-contests .range-contest-wrapper .team-name .team-thum {
    height: 22px;
    width: 22px;
}

.single-cricket-contests .range-contest-wrapper .team-name h2 {
    margin: 0;
    font-size: 15px;
    color: #000;
}

.single-cricket-contests .range-contest-wrapper .team-name h2 a {
    color: #252525;
}

.single-cricket-contests .range-contest-wrapper .team-name h2 a:hover {
    color: #3db39e;
}

.single-cricket-contests .range-contest-wrapper .match .buttons {
    margin-top: 10px;
}

.single-cricket-contests .range-contest-wrapper .match .buttons a {
    color: #252525;
    font-size: 12px;
    border: 1px solid #252525;
    border-radius: 30px;
    padding: 4px 12px;
}

.single-cricket-contests .range-contest-wrapper .match .buttons a:hover {
    background: #252525;
    color: #fff;
} 

.single-cricket-contests .event_range_slider.owl-theme .owl-nav,
.single-cricket-contests .event_range_slider.owl-theme .owl-dots {
    display: none;
}

.single-cricket-contests .progressContainer {
    margin-bottom: 30px;
}

.single-cricket-contests .contest-event-wrap .informationRow {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 80px;
    text-align: center;
}

.single-cricket-contests .contest-event-wrap .informationRow h2 {
    color: #fee415;
    font-size: 24px;
}

.single-cricket-contests .contest-event-wrap .informationRow p {
    margin-bottom: 0;
    color: #fff;
    font-size: 14px;
}

.single-cricket-contests .contest-event-wrap .informationRow p a {
    font-weight: 700;
    color: #48ccc1;
}

.single-cricket-contests .contest-event-wrap .informationRow p a:hover {
    color: #fee415;
} 
    

.single-cricket-contests .range-contest-wrapper .range-results {
    background: #040055;
    padding: 20px 10px;
    text-align: center;
    width: 100%;
}

.single-cricket-contests .range-contest-wrapper .range-results .title a {
    color: #fff;
    font-size: 13px;
    font-weight: 300;
    line-height: 1.2;
}

.single-cricket-contests .range-contest-wrapper .range-results .viewEventBtn a {
    margin-right: 0;
    font-size: 9px;
    padding: 7px 12px;
}

.single-cricket-contests .range-contest-wrapper .range-results .viewEventBtn a:first-child {
    margin-left: 0;
}

.single-cricket-contests .badge-status {
    padding: 8px !important;
    letter-spacing: 1px;
    position: relative;
    top: -7px !important;
    -webkit-animation: glowing-blue 1500ms infinite;
    -moz-animation: glowing-blue 1500ms infinite;
    -o-animation: glowing-blue 1500ms infinite;
    animation: glowing-blue 1500ms infinite;
}

.single-cricket-contests .contest-result-wrap {
    padding: 20px 0;
    background: #fff;
}

.single-cricket-contests .contest-result-wrap .contest-title {
    text-align: center;
    margin-bottom: 35px;  
}

.single-cricket-contests .leagueRankWrapper .wrapper {
    min-height: auto;
}

.single-cricket-contests .predictorListWrapper .predictorContainer.author-profile-card {
    margin-bottom: 0;
}

.single-cricket-contests .predictorListWrapper .predictorContainer.author-profile-card {
    border-radius: 0;
}

.single-cricket-contests .predictorListWrapper .predictorContainer.author-profile-card .profile-btn {
    text-align: center;
    margin-top: 10px;
    color: #fff;
}

.single-cricket-contests .predictorListWrapper .predictorContainer.author-profile-card .profile-btn a {
    color: #45c5af;
    text-transform: uppercase;
    font-size: 12px;
    border: 1px solid #45c5af;
    border-radius: 5px;
    padding: 4px 15px;
    margin-left: 5px;
    margin-bottom: 5px;
}

.single-cricket-contests .predictorListWrapper .predictorContainer.author-profile-card .profile-btn a:hover {
    background: #45c5af;
    color: #fff;
    border: 1px solid #45c5af;
}

.single-cricket-contests .predictorListWrapper .predictorContainer.author-profile-card.top3 .profile-btn a {
    color: #fff;
    text-transform: uppercase;
    font-size: 12px;
    border: 1px solid #fff;
    border-radius: 5px;
    padding: 4px 15px;
    margin-left: 5px;
    margin-bottom: 5px;
}

.single-cricket-contests .predictorListWrapper .predictorContainer.author-profile-card.top3 .profile-btn a:hover {
    color: #45c5af;
    border: 1px solid #45c5af;
    background: transparent;
}

.single-cricket-contests .contest-modal .iziModal-header-title {
    font-size: 18px !important;
    font-weight: 500 !important;
    letter-spacing: .5px;
}

.single-cricket-contests .contest-modal .content {
    max-height: 550px;
    overflow: scroll;
}

.single-cricket-contests .contest-modal .single-match {
    border-top: 1px solid #eee;
    padding: 20px;
}

.single-cricket-contests .contest-modal .single-match .subtitle {
    font-size: 12px;
}

.single-cricket-contests .contest-modal .single-match .team-name {
    color: #585b65;
    font-size: 16px;
    font-weight: 500;
}

.single-cricket-contests .contest-modal .single-match .result {
    display: grid;
    grid-template-columns: 40px 1fr;
}

.single-cricket-contests .contest-modal .single-match .result .item {
    line-height: 1.1;
    margin-top: 8px;
}

.single-cricket-contests .contest-modal .single-match .result .item img {
    height: 40px;
}

.single-cricket-contests .contest-modal .single-match .result .item .win,
.single-cricket-contests .contest-modal .single-match .result .item .lose {
    background: #19d521;
    color: #fff;
    padding: 1px 5px;
    font-size: 9px;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 600;
}

.single-cricket-contests .contest-modal .single-match .result .item .lose {
    background: #ff0000;
}

.single-cricket-contests .contest-modal .single-match .result .item p {
    color: #4a4d58;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.3;
    margin-top: 2px;
    margin-bottom: 0;
}

.single-cricket-contests .leagueRankWrapper .wrapper.wrapper-4 {
    width: 23%;
}

.single-cricket-contests .my-contest-result-wrap {
    background: #f9f9f9;
    padding: 20px 0;
}

.single-cricket-contests .my-contest-result-wrap .my_contest_result_row_wrap {
    max-width: 1170px;
    margin: 0 auto;
}

.single-cricket-contests .my-contest-result-wrap .my_contest_result_row_wrap .tabs .horizontal {
    margin: 0 !important;
    background: #49cdc2;
    padding: 0;
    display: grid;
    grid-template-columns: 1fr 1fr;
}

.single-cricket-contests .my-contest-result-wrap .my_contest_result_row_wrap .tabs .horizontal li {
    margin: 0;
}

.single-cricket-contests .my-contest-result-wrap .my_contest_result_row_wrap .tabs .horizontal li a {
    background: #49cdc2;
    border-radius: 0;
    box-shadow: none;
    padding: 15px;
    font-size: 14px;
}

.single-cricket-contests .my-contest-result-wrap .my_contest_result_row_wrap .tabs .horizontal li a span {
    display: block;
}

.single-cricket-contests .my-contest-result-wrap .my_contest_result_row_wrap .tabs .horizontal li.active a span img,
.single-cricket-contests .my-contest-result-wrap .my_contest_result_row_wrap .tabs .horizontal li:hover a span img{
    filter: brightness(0) invert(1);
}

.single-cricket-contests .my-contest-result-wrap .user-position {
    background: #fff;
    margin-top: 10px;
    padding: 5px 20%;
    box-shadow: 0 0 10px #eee;
} 

.single-cricket-contests .my-contest-result-wrap .user-position .user-wrapeer {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 10px;
    align-items: center;
}

.single-cricket-contests .my-contest-result-wrap .user-position .user-wrapeer .item {
    text-align: center;
    border-left: 1px solid #eee;
    padding: 20px;
}

.single-cricket-contests .my-contest-result-wrap .user-position .user-wrapeer .item:first-child {
    border-left: 0;
}

.single-cricket-contests .my-contest-result-wrap .user-position .user-wrapeer .item h3 {
    font-size: 14px;
    margin-bottom: 5px;
}

.single-cricket-contests .my-contest-result-wrap .user-position .user-wrapeer .item .circle {
    font-size: 24px;
}

.single-cricket-contests .my-contest-result-wrap .user-position .user-wrapeer .item .circle p {
    margin-bottom: 0;
    line-height: 1.1;
}

.single-cricket-contests .my-contest-result-wrap .user-position .user-wrapeer .item span {
    font-size: 12px;
}

.single-cricket-contests .my-contest-result-wrap .user-position .user-wrapeer .item .disqualify {
    font-size: 13px;
    font-weight: 700;
    color: #fe0200;
    margin-top: 3px;
}

.single-cricket-contests .jflatTimeline .event .eventWrapper .item {
    border-bottom: 1px solid #efeeee;
}

.single-cricket-contests .predictorListWrapper .predictorContainer.author-profile-card {
    padding: 10px;
}

.single-cricket-contests .predictorContainer.author-profile-card .table.top-accuracy td {
    font-size: 14px;
}

.single-cricket-contests .predictorContainer.author-profile-card.ranked.top3.rank_4 {
    background: #a096a1;
    background: linear-gradient(180deg, #a096a1 0%, #00032e 100%, rgba(255,255,255,1) 100%);
}

.single-cricket-contests .contest-result-wrap .predicted_expert {
    text-align: center;
    font-size: 30px;
    color: #484848;
}

.single-cricket-contests .contest-result-wrap .pageItemBtn {
    text-align: center;
}

.single-cricket-contests .contest-result-wrap .pageItemBtn div {
    display: inline-block;
    cursor: pointer;
    background: #49cdc2;
    padding: 5px 25px;
    color: #198d83;
    font-size: 13px;
    text-transform: uppercase;
    font-weight: 500;
}

.single-cricket-contests .contest-winner {
    background: #01012f;
    padding: 70px 0;
    text-align: center;
    position: relative;
}

.single-cricket-contests .contest-winner h3 {
    font-size: 20px;
    color: #fee415;
    font-weight: 400;
    margin-bottom: 35px;
}

.single-cricket-contests .contest-winner img {
    height: 150px;
    max-height: 150px;
    width: 150px;
    border-radius: 50%;
    border: 3px solid #009688;
}

.single-cricket-contests .contest-winner h1 {
    margin-top: 30px;
    color: #fff;
    font-size: 60px;
}

.single-cricket-contests .contest-winner .name a {
    font-size: 48px;
    font-weight: 700;
}

.single-cricket-contests .contest-winner .name a:hover {
    color: #fee415;
}

.single-cricket-contests .contest-winner .thankyou {
    color: #03a9f4;
    font-size: 20px;
    font-weight: 700;
}


@-webkit-keyframes glowing-blue {
  0% { background-color: #673ab7; -webkit-box-shadow: 0 0 3px #673ab7; }
  50% { background-color: #673ab7; -webkit-box-shadow: 0 0 5px #4527a0; }
  100% { background-color: #673ab7; -webkit-box-shadow: 0 0 3px #673ab7; }
}

@-moz-keyframes glowing-blue {
  0% { background-color: #673ab7; -moz-box-shadow: 0 0 3px #673ab7; }
  50% { background-color: #673ab7; -moz-box-shadow: 0 0 5px #4527a0; }
  100% { background-color: #673ab7; -moz-box-shadow: 0 0 3px #673ab7; }
}

@-o-keyframes glowing-blue {
  0% { background-color: #B20000; box-shadow: 0 0 3px #673ab7; }
  50% { background-color: #673ab7; box-shadow: 0 0 5px #4527a0; }
  100% { background-color: #673ab7; box-shadow: 0 0 3px #673ab7; }
}

@keyframes glowing-blue {
  0% { background-color: #673ab7; box-shadow: 0 0 3px #673ab7; }
  50% { background-color: #673ab7; box-shadow: 0 0 5px #4527a0; }
  100% { background-color: #673ab7; box-shadow: 0 0 3px #673ab7; }
}


/*
===============================
        firewarks
===============================*/

.contest-winner > .before, .contest-winner > .after {
  position: absolute;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  box-shadow: 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff;
  -moz-animation: 1s bang ease-out infinite backwards, 1s gravity ease-in infinite backwards, 5s position linear infinite backwards;
  -webkit-animation: 1s bang ease-out infinite backwards, 1s gravity ease-in infinite backwards, 5s position linear infinite backwards;
  -o-animation: 1s bang ease-out infinite backwards, 1s gravity ease-in infinite backwards, 5s position linear infinite backwards;
  -ms-animation: 1s bang ease-out infinite backwards, 1s gravity ease-in infinite backwards, 5s position linear infinite backwards;
  animation: 1s bang ease-out infinite backwards, 1s gravity ease-in infinite backwards, 5s position linear infinite backwards;
}

.contest-winner > .after {
  -moz-animation-delay: 1.25s, 1.25s, 1.25s;
  -webkit-animation-delay: 1.25s, 1.25s, 1.25s;
  -o-animation-delay: 1.25s, 1.25s, 1.25s;
  -ms-animation-delay: 1.25s, 1.25s, 1.25s;
  animation-delay: 1.25s, 1.25s, 1.25s;
  -moz-animation-duration: 1.25s, 1.25s, 6.25s;
  -webkit-animation-duration: 1.25s, 1.25s, 6.25s;
  -o-animation-duration: 1.25s, 1.25s, 6.25s;
  -ms-animation-duration: 1.25s, 1.25s, 6.25s;
  animation-duration: 1.25s, 1.25s, 6.25s;
}

@-webkit-keyframes bang {
  to {
    box-shadow: 108px 8.3333333333px #00ffc4, -181px -148.6666666667px #eeff00, 213px -387.6666666667px #9500ff, -99px 55.3333333333px #4400ff, -186px -17.6666666667px #ff00cc, 83px -89.6666666667px #00b7ff, 45px 14.3333333333px #ffee00, -194px -350.6666666667px #c800ff, 13px 38.3333333333px #ff00bb, -92px -284.6666666667px #ff002f, -231px 58.3333333333px #6600ff, -37px -173.6666666667px #00fff7, 26px -45.6666666667px #ff5500, -116px -141.6666666667px #0048ff, 241px -121.6666666667px #ffae00, 120px -112.6666666667px #00ffbb, 45px -405.6666666667px #00fff2, 125px -222.6666666667px yellow, 73px -396.6666666667px #00ff04, -241px -279.6666666667px #00ffdd, 117px 3.3333333333px #00ccff, 213px -374.6666666667px #00ff95, 158px -258.6666666667px #ff3300, -87px 58.3333333333px #00b3ff, 49px -362.6666666667px #a200ff, 231px -206.6666666667px #6600ff, 11px 60.3333333333px #ff0026, 47px -87.6666666667px #b700ff, 187px -379.6666666667px #ff0062, 220px -395.6666666667px darkorange, -199px -115.6666666667px #00c8ff, -20px -46.6666666667px #00ffe6, 131px -380.6666666667px #ff0088, -202px -219.6666666667px #84ff00, 84px -158.6666666667px #ff7b00, 133px -33.6666666667px #88ff00, -129px -184.6666666667px #ff1e00, 65px -174.6666666667px #00ff73, -224px -115.6666666667px #002bff, 126px 26.3333333333px #00ffa6, -2px 38.3333333333px #ff9500, -4px -406.6666666667px #00a6ff, 10px -341.6666666667px #ffd000, -214px -118.6666666667px #ff00a6, -181px 48.3333333333px #11ff00, -27px -295.6666666667px #fffb00, 156px -330.6666666667px #0091ff, 163px -319.6666666667px #0080ff, -222px 9.3333333333px #ee00ff, -143px -264.6666666667px #00ff1e, 207px -251.6666666667px #ff00b7;
  }
}
@-moz-keyframes bang {
  to {
    box-shadow: 108px 8.3333333333px #00ffc4, -181px -148.6666666667px #eeff00, 213px -387.6666666667px #9500ff, -99px 55.3333333333px #4400ff, -186px -17.6666666667px #ff00cc, 83px -89.6666666667px #00b7ff, 45px 14.3333333333px #ffee00, -194px -350.6666666667px #c800ff, 13px 38.3333333333px #ff00bb, -92px -284.6666666667px #ff002f, -231px 58.3333333333px #6600ff, -37px -173.6666666667px #00fff7, 26px -45.6666666667px #ff5500, -116px -141.6666666667px #0048ff, 241px -121.6666666667px #ffae00, 120px -112.6666666667px #00ffbb, 45px -405.6666666667px #00fff2, 125px -222.6666666667px yellow, 73px -396.6666666667px #00ff04, -241px -279.6666666667px #00ffdd, 117px 3.3333333333px #00ccff, 213px -374.6666666667px #00ff95, 158px -258.6666666667px #ff3300, -87px 58.3333333333px #00b3ff, 49px -362.6666666667px #a200ff, 231px -206.6666666667px #6600ff, 11px 60.3333333333px #ff0026, 47px -87.6666666667px #b700ff, 187px -379.6666666667px #ff0062, 220px -395.6666666667px darkorange, -199px -115.6666666667px #00c8ff, -20px -46.6666666667px #00ffe6, 131px -380.6666666667px #ff0088, -202px -219.6666666667px #84ff00, 84px -158.6666666667px #ff7b00, 133px -33.6666666667px #88ff00, -129px -184.6666666667px #ff1e00, 65px -174.6666666667px #00ff73, -224px -115.6666666667px #002bff, 126px 26.3333333333px #00ffa6, -2px 38.3333333333px #ff9500, -4px -406.6666666667px #00a6ff, 10px -341.6666666667px #ffd000, -214px -118.6666666667px #ff00a6, -181px 48.3333333333px #11ff00, -27px -295.6666666667px #fffb00, 156px -330.6666666667px #0091ff, 163px -319.6666666667px #0080ff, -222px 9.3333333333px #ee00ff, -143px -264.6666666667px #00ff1e, 207px -251.6666666667px #ff00b7;
  }
}
@-o-keyframes bang {
  to {
    box-shadow: 108px 8.3333333333px #00ffc4, -181px -148.6666666667px #eeff00, 213px -387.6666666667px #9500ff, -99px 55.3333333333px #4400ff, -186px -17.6666666667px #ff00cc, 83px -89.6666666667px #00b7ff, 45px 14.3333333333px #ffee00, -194px -350.6666666667px #c800ff, 13px 38.3333333333px #ff00bb, -92px -284.6666666667px #ff002f, -231px 58.3333333333px #6600ff, -37px -173.6666666667px #00fff7, 26px -45.6666666667px #ff5500, -116px -141.6666666667px #0048ff, 241px -121.6666666667px #ffae00, 120px -112.6666666667px #00ffbb, 45px -405.6666666667px #00fff2, 125px -222.6666666667px yellow, 73px -396.6666666667px #00ff04, -241px -279.6666666667px #00ffdd, 117px 3.3333333333px #00ccff, 213px -374.6666666667px #00ff95, 158px -258.6666666667px #ff3300, -87px 58.3333333333px #00b3ff, 49px -362.6666666667px #a200ff, 231px -206.6666666667px #6600ff, 11px 60.3333333333px #ff0026, 47px -87.6666666667px #b700ff, 187px -379.6666666667px #ff0062, 220px -395.6666666667px darkorange, -199px -115.6666666667px #00c8ff, -20px -46.6666666667px #00ffe6, 131px -380.6666666667px #ff0088, -202px -219.6666666667px #84ff00, 84px -158.6666666667px #ff7b00, 133px -33.6666666667px #88ff00, -129px -184.6666666667px #ff1e00, 65px -174.6666666667px #00ff73, -224px -115.6666666667px #002bff, 126px 26.3333333333px #00ffa6, -2px 38.3333333333px #ff9500, -4px -406.6666666667px #00a6ff, 10px -341.6666666667px #ffd000, -214px -118.6666666667px #ff00a6, -181px 48.3333333333px #11ff00, -27px -295.6666666667px #fffb00, 156px -330.6666666667px #0091ff, 163px -319.6666666667px #0080ff, -222px 9.3333333333px #ee00ff, -143px -264.6666666667px #00ff1e, 207px -251.6666666667px #ff00b7;
  }
}
@-ms-keyframes bang {
  to {
    box-shadow: 108px 8.3333333333px #00ffc4, -181px -148.6666666667px #eeff00, 213px -387.6666666667px #9500ff, -99px 55.3333333333px #4400ff, -186px -17.6666666667px #ff00cc, 83px -89.6666666667px #00b7ff, 45px 14.3333333333px #ffee00, -194px -350.6666666667px #c800ff, 13px 38.3333333333px #ff00bb, -92px -284.6666666667px #ff002f, -231px 58.3333333333px #6600ff, -37px -173.6666666667px #00fff7, 26px -45.6666666667px #ff5500, -116px -141.6666666667px #0048ff, 241px -121.6666666667px #ffae00, 120px -112.6666666667px #00ffbb, 45px -405.6666666667px #00fff2, 125px -222.6666666667px yellow, 73px -396.6666666667px #00ff04, -241px -279.6666666667px #00ffdd, 117px 3.3333333333px #00ccff, 213px -374.6666666667px #00ff95, 158px -258.6666666667px #ff3300, -87px 58.3333333333px #00b3ff, 49px -362.6666666667px #a200ff, 231px -206.6666666667px #6600ff, 11px 60.3333333333px #ff0026, 47px -87.6666666667px #b700ff, 187px -379.6666666667px #ff0062, 220px -395.6666666667px darkorange, -199px -115.6666666667px #00c8ff, -20px -46.6666666667px #00ffe6, 131px -380.6666666667px #ff0088, -202px -219.6666666667px #84ff00, 84px -158.6666666667px #ff7b00, 133px -33.6666666667px #88ff00, -129px -184.6666666667px #ff1e00, 65px -174.6666666667px #00ff73, -224px -115.6666666667px #002bff, 126px 26.3333333333px #00ffa6, -2px 38.3333333333px #ff9500, -4px -406.6666666667px #00a6ff, 10px -341.6666666667px #ffd000, -214px -118.6666666667px #ff00a6, -181px 48.3333333333px #11ff00, -27px -295.6666666667px #fffb00, 156px -330.6666666667px #0091ff, 163px -319.6666666667px #0080ff, -222px 9.3333333333px #ee00ff, -143px -264.6666666667px #00ff1e, 207px -251.6666666667px #ff00b7;
  }
}
@keyframes bang {
  to {
    box-shadow: 108px 8.3333333333px #00ffc4, -181px -148.6666666667px #eeff00, 213px -387.6666666667px #9500ff, -99px 55.3333333333px #4400ff, -186px -17.6666666667px #ff00cc, 83px -89.6666666667px #00b7ff, 45px 14.3333333333px #ffee00, -194px -350.6666666667px #c800ff, 13px 38.3333333333px #ff00bb, -92px -284.6666666667px #ff002f, -231px 58.3333333333px #6600ff, -37px -173.6666666667px #00fff7, 26px -45.6666666667px #ff5500, -116px -141.6666666667px #0048ff, 241px -121.6666666667px #ffae00, 120px -112.6666666667px #00ffbb, 45px -405.6666666667px #00fff2, 125px -222.6666666667px yellow, 73px -396.6666666667px #00ff04, -241px -279.6666666667px #00ffdd, 117px 3.3333333333px #00ccff, 213px -374.6666666667px #00ff95, 158px -258.6666666667px #ff3300, -87px 58.3333333333px #00b3ff, 49px -362.6666666667px #a200ff, 231px -206.6666666667px #6600ff, 11px 60.3333333333px #ff0026, 47px -87.6666666667px #b700ff, 187px -379.6666666667px #ff0062, 220px -395.6666666667px darkorange, -199px -115.6666666667px #00c8ff, -20px -46.6666666667px #00ffe6, 131px -380.6666666667px #ff0088, -202px -219.6666666667px #84ff00, 84px -158.6666666667px #ff7b00, 133px -33.6666666667px #88ff00, -129px -184.6666666667px #ff1e00, 65px -174.6666666667px #00ff73, -224px -115.6666666667px #002bff, 126px 26.3333333333px #00ffa6, -2px 38.3333333333px #ff9500, -4px -406.6666666667px #00a6ff, 10px -341.6666666667px #ffd000, -214px -118.6666666667px #ff00a6, -181px 48.3333333333px #11ff00, -27px -295.6666666667px #fffb00, 156px -330.6666666667px #0091ff, 163px -319.6666666667px #0080ff, -222px 9.3333333333px #ee00ff, -143px -264.6666666667px #00ff1e, 207px -251.6666666667px #ff00b7;
  }
}
@-webkit-keyframes gravity {
  to {
    transform: translateY(200px);
    -moz-transform: translateY(200px);
    -webkit-transform: translateY(200px);
    -o-transform: translateY(200px);
    -ms-transform: translateY(200px);
    opacity: 0;
  }
}
@-moz-keyframes gravity {
  to {
    transform: translateY(200px);
    -moz-transform: translateY(200px);
    -webkit-transform: translateY(200px);
    -o-transform: translateY(200px);
    -ms-transform: translateY(200px);
    opacity: 0;
  }
}
@-o-keyframes gravity {
  to {
    transform: translateY(200px);
    -moz-transform: translateY(200px);
    -webkit-transform: translateY(200px);
    -o-transform: translateY(200px);
    -ms-transform: translateY(200px);
    opacity: 0;
  }
}
@-ms-keyframes gravity {
  to {
    transform: translateY(200px);
    -moz-transform: translateY(200px);
    -webkit-transform: translateY(200px);
    -o-transform: translateY(200px);
    -ms-transform: translateY(200px);
    opacity: 0;
  }
}
@keyframes gravity {
  to {
    transform: translateY(200px);
    -moz-transform: translateY(200px);
    -webkit-transform: translateY(200px);
    -o-transform: translateY(200px);
    -ms-transform: translateY(200px);
    opacity: 0;
  }
}
@-webkit-keyframes position {
  0%, 19.9% {
    margin-top: 10%;
    margin-left: 40%;
  }
  20%, 39.9% {
    margin-top: 40%;
    margin-left: 30%;
  }
  40%, 59.9% {
    margin-top: 20%;
    margin-left: 70%;
  }
  60%, 79.9% {
    margin-top: 30%;
    margin-left: 20%;
  }
  80%, 99.9% {
    margin-top: 30%;
    margin-left: 80%;
  }
}
@-moz-keyframes position {
  0%, 19.9% {
    margin-top: 10%;
    margin-left: 40%;
  }
  20%, 39.9% {
    margin-top: 40%;
    margin-left: 30%;
  }
  40%, 59.9% {
    margin-top: 20%;
    margin-left: 70%;
  }
  60%, 79.9% {
    margin-top: 30%;
    margin-left: 20%;
  }
  80%, 99.9% {
    margin-top: 30%;
    margin-left: 80%;
  }
}
@-o-keyframes position {
  0%, 19.9% {
    margin-top: 10%;
    margin-left: 40%;
  }
  20%, 39.9% {
    margin-top: 40%;
    margin-left: 30%;
  }
  40%, 59.9% {
    margin-top: 20%;
    margin-left: 70%;
  }
  60%, 79.9% {
    margin-top: 30%;
    margin-left: 20%;
  }
  80%, 99.9% {
    margin-top: 30%;
    margin-left: 80%;
  }
}
@-ms-keyframes position {
  0%, 19.9% {
    margin-top: 10%;
    margin-left: 40%;
  }
  20%, 39.9% {
    margin-top: 40%;
    margin-left: 30%;
  }
  40%, 59.9% {
    margin-top: 20%;
    margin-left: 70%;
  }
  60%, 79.9% {
    margin-top: 30%;
    margin-left: 20%;
  }
  80%, 99.9% {
    margin-top: 30%;
    margin-left: 80%;
  }
}
@keyframes position {
  0%, 19.9% {
    margin-top: 10%;
    margin-left: 40%;
  }
  20%, 39.9% {
    margin-top: 40%;
    margin-left: 30%;
  }
  40%, 59.9% {
    margin-top: 20%;
    margin-left: 70%;
  }
  60%, 79.9% {
    margin-top: 30%;
    margin-left: 20%;
  }
  80%, 99.9% {
    margin-top: 30%;
    margin-left: 80%;
  }
}

/*Criczine Social post*/
.criczineTwitterPostWrap .post-item {
    margin-bottom: 20px;
}

.criczineTwitterPostWrap .post-item .content-wrap {
    display: grid;
    grid-template-columns: 350px 1fr;
    background: #fff;
    box-shadow: 0 2px 4px 0 rgb(0 0 0 / 7%);
}

.criczineTwitterPostWrap .post-item .content-wrap .content {
    padding: 30px;
}

.criczineTwitterPostWrap .post-item .content-wrap .thum {
    background-size: cover !important;
    background-position: center center !important;
}

.criczineTwitterPostWrap .post-item .content-wrap .content a {
    color: #3db39e !important;
}

.criczineTwitterPostWrap .post-item .content-wrap .content h2 {
    line-height: 1.3 !important;
    font-size: 16px !important;
    margin: 8px 0 20px;
    font-weight: 600 !important;
}

.criczineTwitterPostWrap .post-item .content-wrap .content h2.mobile {
    display: none;
}

.criczineTwitterPostWrap .post-item .content-wrap .content .entry-title a {
    color: #4f5960 !important;
}

.criczineTwitterPostWrap .post-item .content-wrap .content .source {
    font-size: 12px;
    margin-bottom: 2px;
    color: #6a7074;
    font-weight: 400;
}

.criczineTwitterPostWrap .post-item .content-wrap-sports {
    padding: 10px;
    background: #fff;
    margin-bottom: 10px;
    box-shadow: 0 2px 4px 0 rgb(0 0 0 / 7%);
}

.criczineTwitterPostWrap .post-item .content-wrap-sports h2 {
    line-height: 1.3 !important;
    font-size: 16px !important;
    margin: 20px;
    font-weight: 600 !important;
    min-height: 65px;
    color: #4f5960;
}

.criczineTwitterPostWrap .post-item.sports-layout {
    position: relative;
}

.criczineTwitterPostWrap .post-item.sports-layout .link-block {
    position: absolute;
    left: 0;
    right: 0;
    height: 100%;
    display: block;
    bottom: 0;
    top: 0;
}

.criczineTwitterPostWrap .post-item .content-wrap-sports .content {
    margin-top: 50px;
}

.criczineTwitterPostWrap .post-item .content-wrap-sports .content .twitter-tweet {
    margin-left: auto;
    margin-right: auto;
}

.criczineTwitterPostWrap .post-item .content-footer {
    border-top: 1px solid #f5f5f5;
    padding: 8px 0 0;
    margin-top: 6px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 10px;
}

.criczineTwitterPostWrap .post-item .content-footer .read-time {
    font-size: 13px;
    color: #4f5960;
}

.criczineTwitterPostWrap .post-item .content-wrap .content a:hover,
.criczineTwitterPostWrap .post-item a:hover,
.criczineTwitterPostWrap .post-item a:hover h2,
.criczineTwitterPostWrap .post-item.sports-layout .link-block:hover h2 {
    color: #0f4d99 !important;   
}

.criczineTwitterPostWrap .post-item .content-wrap .content ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.criczineTwitterPostWrap .post-item .content-wrap .content ul li {
    display: inline-block;
    margin-right: 5px;
}

.criczineTwitterPostWrap .post-item .content-wrap .content ul li:last-child {
    margin-right: 0;
}

.criczineTwitterPostWrap .post-item .content-wrap .content ul li a {
    display: block;
    font-size: 12px;
    letter-spacing: 1px;
    font-weight: 500;
}

.criczineTwitterPostWrap .post-item .content-wrap .content .footer-top {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 10px;
}

.criczineTwitterPostWrap .post-item.sports-layout .content-wrap-sports .footer-top {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 5px;
    text-align: center;
    font-size: 11px;
    margin-top: 30px;
}

.criczineTwitterPostWrap .post-item.sports-layout .content-wrap-sports .footer-top .post-views {
    display: inline-block;
}

.criczineTwitterPostWrap .post-item .content-wrap .content .time-ago {
    font-size: 11px;
}

.criczineTwitterPostWrap .post-item .content-wrap .content .read-time {
    font-size: 11px;
    text-align: right;
}

.criczineTwitterPostWrap .post-item .content-wrap .content .post-view {
    font-size: 11px;
}

.criczineTwitterPostWrap .post-item .content-footer .post-share {
    text-align: right;
}


.criczineTwitterPostWrap .post-item .content-footer .post-share .p3s-modal-open {
    cursor: pointer;
    font-size: 11px;
}

.criczineTwitterPostWrap .post-item .content-footer .post-share .p3s-modal-body {
    text-align: center;
    overflow: hidden;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0; /* z-index: 1050; */
    -webkit-overflow-scrolling: touch;
    outline: 0;
    display: none;
    -webkit-transition: opacity 0.15s linear, z-index 0.15;
    -o-transition: opacity 0.15s linear, z-index 0.15;
    transition: opacity 0.15s linear, z-index 0.15;
    z-index: -1;
    overflow-x: hidden;
    overflow-y: auto;
}

.criczineTwitterPostWrap .post-item .content-footer .post-share .model-open {
    z-index: 99999;
    display: block;
    overflow: hidden;
}

.criczineTwitterPostWrap .post-item .content-footer .post-share .custom-model-inner {
    -webkit-transform: translate(0, -25%);
    -ms-transform: translate(0, -25%);
    transform: translate(0, -25%);
    -webkit-transition: -webkit-transform 0.3s ease-out;
    -o-transition: -o-transform 0.3s ease-out;
    transition: -webkit-transform 0.3s ease-out;
    -o-transition: transform 0.3s ease-out;
    transition: transform 0.3s ease-out;
    transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
    display: inline-block;
    vertical-align: middle;
    min-width: 500px;
    margin: 20% auto 0px;
    max-width: 100%;
}

.criczineTwitterPostWrap .post-item .content-footer .post-share .custom-model-wrap {
    display: block;
    width: 100%;
    position: relative;
    background-color: #fff;
    padding: 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    max-height: calc(100vh - 70px);
    overflow-y: auto;
}

.criczineTwitterPostWrap .post-item .content-footer .post-share .model-open .custom-model-inner {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
    position: relative;
    z-index: 999;
}

.criczineTwitterPostWrap .post-item .content-footer .post-share .model-open .bg-overlay {
    background: rgb(0 0 0 / 20%);
    z-index: 99;
}

.criczineTwitterPostWrap .post-item .content-footer .post-share .bg-overlay {
    background: rgba(0, 0, 0, 0);
    height: 100vh;
    width: 100%;
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 0;
    -webkit-transition: background 0.15s linear;
    -o-transition: background 0.15s linear;
    transition: background 0.15s linear;
}

.criczineTwitterPostWrap .post-item .content-footer .post-share .p3s-close-btn {
    position: absolute;
    right: 0;
    top: -35px;
    cursor: pointer;
    z-index: 99;
    font-size: 30px;
    color: #fff;
}

.criczineTwitterPostWrap .post-item .content-footer .post-share .modalTitle {
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 20px;
}

.criczineTwitterPostWrap .post-item .content-footer .post-share li {
    height: 50px;
    width: 50px;
    margin-right: 10px;
}

.criczineTwitterPostWrap .post-item .content-footer .post-share li:last-child {
    margin-right: 0;
}

.criczineTwitterPostWrap .post-item .content-footer .post-share li a {
    height: 50px;
    width: 50px;
    line-height: 50px;
    padding: 0 !important;
    font-size: 20px !important;
    background: #6f7c85 !important;
    color: #fff !important;
}

.criczineTwitterPostWrap .post-item .content-footer .post-share li a:hover {
    color: #fff !important;
    background: #7ed5f0 !important;
}

.event-custom-slider .swiper-slide {
    background: #fff;
    box-shadow: 0 2px 4px 0 rgb(0 0 0 / 7%);
    height: auto;
}

.event-custom-slider .swiper-slide .content {
    padding: 20px;
}

.event-custom-slider .swiper-slide .content h2 { 
    font-size: 16px !important;
    line-height: 1.5 !important;
    margin-bottom: 20px;
}

.event-custom-slider .swiper-slide .content h2 a {
    color: #4f5960 !important;
}

.event-custom-slider .swiper-slide .content h2 a:hover {
    text-decoration: underline;
}

.event-custom-slider .swiper-slide .content .event-meta {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 10px;
    font-size: 11px;
}

.event-custom-slider .swiper-slide .content .event-meta .reading-time {
    text-align: right;
}

.criczine-related-post {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 10px;
}

.criczine-related-post .related-item {
    display: grid;
    grid-template-columns: 100px 1fr;
    box-shadow: 0 2px 4px 0 rgb(0 0 0 / 7%);
    margin-bottom: 20px;
}

.criczine-related-post .related-item .related-thum {
    background-size: cover !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
}

.criczine-related-post .related-item .related-content {
    background: #fff;
    padding: 10px;
}

.criczine-related-post .related-item .related-content h2 {
    font-size: 11px !important;
    line-height: 1.3 !important;
}

.criczine-related-post .related-item .related-content h2 a {
    color: #4f5960 !important;
}

.criczine-related-post .related-item .related-content h2 a:hover {
    color: #0f4d99 !important;
}

/*.sports-related-wrap {*/
/*    display: grid;*/
/*    grid-template-columns: 450px 1fr;*/
/*}*/

/*.sports-related-wrap .sports-related-post {*/
/*    padding: 20px 10px;*/
/*}*/

.criczineTwitterPostWrap .p3s-custom-load-more {
    border: 0;
    width: 100%;
    line-height: 50px;
    font-weight: 500;
    background: #7ed5f0;
    color: #fff;
}

.criczineTwitterPostWrap .p3s-custom-load-more:hover {
    background: #1d9bf0;
}

.ce-tournament-rank {
    position: relative;
    padding-top: 120px;
}
.ce-tournament-rank .shortMyRank {
    position: relative;
    top: -300px;
    
}
.ce-tournament-rank .leagueSelectWrapper{
 
    display: none;
}
.ce-tournament-rank .leagueSelectWrapper.administrator,
.ce-tournament-rank .leagueSelectWrapper.norole{
       

}

/*new league ranking wrap*/
.new-league-ranking-wrap {
    position: relative;
}

.new-league-ranking-wrap h2.title {
    position: absolute;
    top: 15px;
}

.new-league-ranking-wrap .tabs {
    padding: 0 !important;
}

.new-league-ranking-wrap .header {
    text-align: right;
    border-bottom: 1px solid #eaeaea;
    margin-bottom: 20px;
}

.new-league-ranking-wrap .header select {
    text-align: right;
    width: auto;
    border: 0;
    background: transparent;
    color: #252525;
    font-weight: 600;
    font-size: 14px;
}

.new-league-ranking-wrap .purple-on {
    text-align: center;
}

.new-league-ranking-wrap .purple-on .purple-links {
    display: inline-flex;
    background: #d8d8d8;
    border-radius: 12px;
}

.new-league-ranking-wrap .purple-on .purple-links li {
    margin: 0;
}

.new-league-ranking-wrap .purple-on .purple-links li a {
    background: transparent; 
    box-shadow: none;
    color: #252525 !important;
    font-size: 14px;
    font-weight: 600;
    padding: 14px 30px;
}

.new-league-ranking-wrap .purple-on .purple-links li.active a {
    background: #252525;
    color: #fff !important;
}

.new-league-ranking-wrap .purple-on .purple-links li.purple.active a {
    background: #673ab7;
}

.leagueMainTab li.purple.active a,
.leagueMainTab li.purple a:hover {
    background: #6c3bc2;
}

@media only screen and (max-width: 800px) {
    .kt-login.kt-login--v6 .kt-login__content {
        display: none;
    }
    .leagueMainTab li a {
        font-size: 16px;
        padding: 12px 20px;
    }
    .criczineTwitterPostWrap .post-item.sports-layout .content-wrap-sports .footer-top {
        grid-template-columns: 1fr 120px 1fr;
    }
    .criczineTwitterPostWrap .post-item .content-wrap {
        grid-template-columns: 110px 1fr;
    }
    
    .criczineTwitterPostWrap .post-item .content-wrap .content {
        padding: 10px;
    }
    
    .criczineTwitterPostWrap .post-item .content-wrap .content ul.cat-list {
        display: none;
    }
    
    .criczineTwitterPostWrap .post-item .content-wrap .content h2 {
        margin: 0 0 10px;
        font-size: 13px !important;
        display: none;
    }
    
    .criczineTwitterPostWrap .post-item .content-wrap .content h2.mobile {
        display: block;
    }
    
    .criczineTwitterPostWrap .post-item .content-wrap .content .time-ago {
        
    }
    
    .criczineTwitterPostWrap .post-item .content-footer {
        display: none;
    }
    
    .criczineTwitterPostWrap .post-item .content-wrap .content .footer-top {
        grid-template-columns: 85px 1fr;
    }
    
    .single-cricket-contests #main .fusion-row {
        display: block;
    }
    .event_social_links {
        grid-template-columns: 1fr;
    }
	.jflatTimeline .event .eventWrapper .button-small {padding: 7px 10px;font-size: 9px;margin-right: 5px;}
	.top-login-user .dropdown-menu {min-width: 300px !important;}
    .cric-point-table-wrapper {width: 100%;}
    /*----------------- Event Category Listing -----------------------*/
    .event-category-listing .match-wrapper .team-wrap .left .team {font-size: 14px;}
.event-category-listing .match-wrapper .team-wrap .right .score {font-size: 12px;line-height: 20px;}
    /*----------------- Event Category Listing -----------------------*/
    .archive-footer.global ul li span {font-size: 14px;}
    .archive-footer.global ul li,.archive-footer.global ul li .addFollower span {font-size: 12px;}
    .archive-footer.global .right{text-align: center;padding: 0 22px;position: relative;top: -12px;}
    .archive-footer.global .profile-btn a {display: block;margin-bottom:2px;}
    .leagueWinnersub th {font-size: 10px;}
    .leagueWinnersub td span {font-size: 13px;}
    .leagueWinnersub a {font-size: 8px;}
    .leagueWinnersub th {padding: 0 2px;}
    .rankall-ep .overall li {width: 48%; padding: 15px 10px;}
    .rankall-ep .overall li:first-child {margin-left: 1%;}
    .rankall-ep .overall li:last-child {margin-right: 1%;}
    .rankall-ep .overall li strong {font-size: 12px;}
    .section-league-winner .league-winner .wrapper .avater .earn {right: 0px;}
    .section-league-winner .league-winner.single .wrapper .avater .earn {right: 15%;}
    .section-league-winner .league-winner .wrapper .avater .name {font-size: 12px;}
    .section-league-winner .league-winner .wrapper .avater img {height: 60px;width: 60px;}
    .section-league-winner .league-winner .wrapper table {margin-top: 2px;}
    .section-league-winner .league-winner .wrapper table th {font-size: 11px;}
    .section-league-winner .league-winner .wrapper table td {font-size: 14px;}
    .fusion-secondary-header .fusion-alignright {float: none;text-align: center;}
    /*Custom 100% Page Template*/
    /*.page-id-21923 .container {width: 100%;}*/
    /*Custom 100% Page Template*/
    .select-leagues .dropdown .item{width: 29%;margin: 0 2% 10px;}
    .shortMyRank.rankExp {top: -285px;}
    .fusion-button.rangeBtn {width: 85%;margin:0;margin-bottom: 10px;line-height: 24px;}
    .leagueRankWrapper .wrapper {width: 100%;margin: 0 0 20px;}
    .kt-login__block {padding-left: 0;}
    .membersPageLink ul li a {padding: 7px 8px; font-size: 10px;}
    .nav-tabs.nav-tabs-line.nav-tabs-space-xl .nav-item {margin-right: 15px !important;}
    .nav-tabs.nav-tabs-line.nav-tabs-space-xl .nav-item:last-child {margin-right: 0 !important;}
    .OptionsForExpert .btn {line-height: 26px;font-weight: 400;font-size: 9px;padding: 8px;text-transform: capitalize;height: 45px;}
    .OptionsForExpert .btn.btn-violet {line-height: 13px;}
    .range-result .item {width: 100%;margin: 0 0 10px !important;}
    .profile-wrapper .toprankingsection .items h3 {font-size: 16px;height: 40px;}
    .profile-wrapper .card .items-full {width: 48%;}
    .profile-wrapper .card .items-full.mobile-last {margin-right: 0;}
    .toprankingsection .items .card .circle {height: 70px;width: 70px;}
    .toprankingsection .items .card .circle h2 {line-height: 60px !important;}
     .iziModal {left: 20px;right: 20px;}
    .login-profile .item {
        width: 49%;
        margin-right: 2%;
        min-height: auto;
        margin-bottom: 10px;
        padding: 15px 9px;
        min-height: 130px;
    }
     .jflatTimeline .event .eventWrapper .item:nth-child(even) {
         border-right: 0;
     }
     .jflatTimeline .event .eventWrapper .item  {
         width: 100%;
     }
    
    .login-profile .item:nth-child(1) {
        padding-bottom: 20px;
    }
    
    .login-profile .item:nth-child(even) {
        margin-right: 0;
    }
     .session-list .predictorContainer.author-profile-card.ranked .profile-info p {
         font-size: 13px;
         right: 0;
         width: 20px;
         line-height: 20px;
     }
     .owl-carousel .owl-item .item.ranked .user-avater p {
         right: 40px;
     }
     .prediction-full-result li {
        width: 50% !important;
    }
     .half,.prediction-full-result li.block {
        width: 100% !important;
    }
     .prediction-full-result li strong {
         margin-bottom: 0;
     }
     .prediction-full-result li .common {
        height: auto;
        width: auto;
        display: inline-block;
        line-height: 1.3;
    }
     .half.left {
        margin-right: 0;
        float: none;
    }
     .endTime.text-right{
        text-align: left;
    }
     .predictionContainer .title {
        margin-top: 20px !important;
    }
     .titleContainer p {
        text-align: left;
    }
     .owl-carousel .owl-item {
        border-right: 0;
    }
     .predictorListWrapper .predictorContainer.author-profile-card {
         width: 100%;
         margin: 0 0 20px 0;
     }
     .login-profile .item .circle {
        height: auto; 
        width: auto; 
        line-height: 0; 
        border-radius: 0; 
        border: 0; 
     }
     .login-profile .item .circle.red,
     .login-profile .item .circle.green {
         border: 0; 
     }
     .range-list li.list-item{width: 100%;margin-right: 0;}
}




.progressBar {
  height: 1.5em;
  width: 100%;
  background-color: #c9c9c9;
  position: relative;
  margin-bottom: 20px;
}
.progressBar:before {
    content: attr(data-label);
    position: absolute;
    text-align: center;
    top: 0px;
    left: 0;
    right: 0;
    color: #000;
    font-size: 14px;
    font-weight: 700;
}
.progressBar .value {
  background-color: #7cc4ff;
  display: inline-block;
  height: 100%;
}
#feedProgressWrapper {
  width: 100%;
  background-color: #ddd;
}

#feedProgressBar {
  width: 10%;
  height: 20px;
  background-color: #7cc4ff;
  text-align: center;
  line-height: 20px;
  color: white;
}
.supportersTabTitle { text-align: center; font-size: 22px; }
.supporter-list {text-align:center;}
.supporter-list li a {
    display: block;
    padding: 3px 10px;
    font-size: 12px;
    background: none;
    color: #000 !important;
    margin: 4px 2px;
}
.tabs .supporter-list li a:hover, .tabs .supporter-list li.active a {
    background: none;
    color: #000 !important;
    color: #fff;
}


/*Keyframes*/
.pulse {
  animation: pulse-animation 2s infinite;
}

@keyframes pulse-animation {
  0% {
    box-shadow: 0 0 0 0px rgba(254, 166, 51, 0.7);
  }
  100% {
    box-shadow: 0 0 0 20px rgba(254, 166, 51, 0);
  }
}