/*----------header-style-wrap--------------*/

* {
    margin: 0;

    padding: 0;
}

/* .social442_agent .btn---medium.default.bet-btn {
  display: none;
} */

.dnone {
    display: none !important;
}

.MobilePage .top-header-logo {
    max-height: 45px;

    background: #0e2d6d;

    text-align: center;

    margin: 0;

    font-size: 16px;

    padding: 0;
}

.MobilePage .header-section.new-header-section ul.top-header li {
    position: relative;
}

.MobilePage .header-section.new-header-section ul.top-header li.active:before {
    content: '';
    position: absolute;
    bottom: -8px;
    display: inline-block;
    width: 100%;
    height: 3px;
    background-color: #ed3237 !important;
    margin: auto;
}

.header-section.new-header-section .top-header-item>.icon-title {
    padding: 2px 0px 0px !important;
    font-weight: normal;
}

.MobilePage .header-section.new-header-section ul.top-header li.active .icon-title {
    font-weight: 700 !important;
    opacity: 1;
}

.MobilePage .header-section.new-header-section ul.top-header li.active {
    border-bottom: 0px !important;
}

.MobilePage .top-header-logo img {
    padding-top: 5px;
}

.MobilePage .vidi-timer {
    margin-top: 20px;
}

.MobilePage .top-header-left-bars {
    background: url(https://www.social442.com/application/modules/Sitemobile/externals/images/menu_new_white.png) repeat scroll 0 0/85% auto transparent !important;

    border-radius: 0;

    height: 41px;

    left: 0 !important;

    top: 0 !important;

    width: 47px;

    position: absolute;
}

.MobilePage .top-header-wrapper {
    position: fixed;

    top: 0px;

    width: 100%;

    z-index: 99999;

    transition: all 0.3s ease;

    min-height: 45px;
}

.MobilePage .bread-crums-sep:before {
    content: '\f101';

    font-family: fontawesome;

    font-size: 10px;
}

.MobilePage .over_lay_back_custom {
    position: fixed;

    background: #fff;

    z-index: -1;

    top: 0;

    bottom: 0;

    left: 0;

    right: 0;

    opacity: 0.3;
}

.MobilePage ul.header-menu-list-wrap {
    width: 180px;

    background-color: #0e2d6d;

    position: fixed;
}

.MobilePage ul.header-menu-list-wrap li.lp_no_submenu a.menu_core_main {
    display: block;

    margin: 0;

    overflow: hidden;

    padding: 5px 7px;
}

.MobilePage .main-navigation div.primarywrap>div {
    float: left;

    margin-right: 5px;
}

.MobilePage .core_main_home i.ui-menu-icon {
    background-image: url(https://www.social442.com/application/modules/Sitemobile/externals/images/icon-s442.png);
}

.MobilePage .core_main_signup i.ui-menu-icon {
    background-image: url(https://www.social442.com/application/modules/Sitemobile/externals/images/icons/dashboard/signup.png);
}

.MobilePage .core_main_login i.ui-menu-icon {
    background-image: url(https://www.social442.com/public/mob-icons/add-friend.png);
}

.MobilePage .core_main_tv i.ui-menu-icon {
    background-image: url(https://www.social442.com/application/modules/Sitemobile/externals/images/icons/dashboard/live_tv.png);
}

.MobilePage .core_main_league i.ui-menu-icon {
    background-image: url(https://www.social442.com/application/modules/Sitemobile/externals/images/icons/dashboard/league_tables.png);
}

.MobilePage .core_main_local i.ui-menu-icon {
    background-image: url(https://www.social442.com/application/modules/Sitemobile/externals/images/icons/dashboard/local_football.png);
}

.MobilePage .core_main_news i.ui-menu-icon {
    background-image: url(https://www.social442.com/application/modules/Sitemobile/externals/images/icons/dashboard/latest_news.png);
}

.MobilePage .core_main_quiz i.ui-menu-icon {
    background-image: url(https://www.social442.com/application/modules/Sitemobile/externals/images/icons/dashboard/quiz.png);
}

.MobilePage .core_main_formation i.ui-menu-icon {
    background-image: url(https://www.social442.com/application/modules/Sitemobile/externals/images/icons/dashboard/formations.png);
}

.MobilePage .core_main_pin i.ui-menu-icon {
    background-image: url(https://www.social442.com/application/modules/Sitemobile/externals/images/icons/dashboard/pins.png);
}

.MobilePage .core_main_poll i.ui-menu-icon {
    background-image: url(https://www.social442.com/application/modules/Sitemobile/externals/images/icons/dashboard/polls.png);
}

.MobilePage .core_main_blog i.ui-menu-icon {
    background-image: url(https://www.social442.com/application/modules/Sitemobile/externals/images/icons/dashboard/blogs.png);
}

.MobilePage .petition_main_browse i.ui-menu-icon {
    background-image: url(https://www.social442.com/application/modules/Sitemobile/externals/images/icons/dashboard/petitions.png);
}

.MobilePage .core_main_group i.ui-menu-icon {
    background-image: url(https://www.social442.com/application/modules/Sitemobile/externals/images/icons/dashboard/groups.png);
}

.MobilePage .joke_main_browse i.ui-menu-icon {
    background-image: url(https://www.social442.com/application/modules/Sitemobile/externals/images/icons/dashboard/jokes.png);
}

.MobilePage .core_main_videos i.ui-menu-icon {
    background-image: url(https://www.social442.com/application/modules/Sitemobile/externals/images/icons/dashboard/videos.png);
}

.MobilePage .menu-hide.show {
    left: 0px;

    transition: all 0.6s ease-in-out;
}

.MobilePage .menu-hide {
    left: -180px;

    z-index: 10;

    transition: all 0.6s ease-in-out;
}

.MobilePage div.primarywrap>div {
    float: left;

    margin-right: 5px;
}

.MobilePage .menu_core_main i.ui-menu-icon {
    background-size: 24px;

    background-repeat: no-repeat;

    display: inline-block;

    height: 28px;

    line-height: 28px;

    margin: 0;

    padding: 0;

    text-align: center;

    position: relative;

    width: 28px;

    background-position: 0 3px;
}

.MobilePage div.primarywrap>div.content {
    margin-top: 5px;

    color: #ffffff;

    font-size: 13px;

    font-weight: bold;
}

.MobilePage .header-menu-list-wrap>li {
    border-bottom: 1px solid #3e4d96;

    border-top: 1px solid #000016;

    clear: both;

    display: block;

    overflow: hidden;
}

.MobilePage .header-menu-list-wrap i.ui-image {
    width: 24px !important;

    height: 24px !important;
}

.MobilePage .header-menu-list-wrap .menu_core_main i.ui-image {
    border-radius: 5px;

    background-repeat: no-repeat;

    background-size: contain;

    background-position: center;

    width: 28px;

    height: 28px;

    display: inline-block;

    margin: 0 auto;
}

.MobilePage .lp_has_submenu .menu_core_main {
    display: block;

    margin: 0;

    overflow: hidden;

    padding: 5px 7px;
}

.MobilePage .header-menu-list-wrap>li.ui-li-divider {
    background: transparent;

    font-size: 0px;

    padding: 0px;

    margin: 0px;

    border-top: 0px;

    border-bottom-width: 2px;

    border-color: #bbbbbb;
}

.MobilePage .header-input-feild-wrap input {
    border: medium none;

    padding: 5px;

    width: 100%;

    box-sizing: border-box;

    border-radius: 0.3em;

    font-size: 14px;
}

.MobilePage .header-top-search {
    width: calc(100% - 40px);

    padding-left: 0;

    padding: 0.25em 7px;
}

.MobilePage .search-menu-wrap {
    position: relative;
}

.MobilePage .close-btnc a {
    font-size: 24px;

    color: #fff !important;

    font-weight: bold;

    position: absolute;

    right: 7px;

    padding: 0 !important;

    top: 0;

    margin: auto;

    height: 32px;

    bottom: 0;
}

.MobilePage li.lp_has_submenu {
    position: relative;

    overflow: visible;
}

.MobilePage li.lp_has_submenu ul.main-navigation {
    transition: all 0.6s ease-in-out;

    left: 0px;

    border-left: 1px solid #000016;

    position: absolute;

    width: 100%;

    z-index: -1;

    top: -1px;

    opacity: 0;

    background: none repeat scroll 0 0 #0e2d6d;
}

.MobilePage li.lp_has_submenu.open-sub-menu ul.main-navigation {
    left: 180px;

    opacity: 1;

    z-index: 1;

    transition: all 0.6s ease-in-out;
}

.MobilePage li.lp_has_submenu ul.main-navigation li {
    list-style-type: none;

    border-bottom: 1px solid #3e4d96;

    border-top: 1px solid #000016;
}

.MobilePage .lp_submenu_arrow {
    background-repeat: no-repeat;

    position: absolute;

    right: 0px;

    top: auto;

    float: right;

    margin-top: -36px;

    height: 32px;

    transition: all 0.4s ease-in-out;

    width: 27px;

    background-position: center;

    background-size: 10px;
}

.MobilePage .lp_submenu_arrow::before {
    width: 0;

    content: '';

    border-top: 7px solid transparent;

    border-left: 11px solid white;

    border-bottom: 7px solid transparent;

    position: absolute;

    right: 7px;

    bottom: 9px;
}

.MobilePage li.lp_has_submenu.open-involve-sub-menu ul.main-navigation {
    left: 180px;

    opacity: 1;

    z-index: 1;

    transition: all 0.6s ease-in-out;
}

.MobilePage li#get-involved-sub-menu-wrapper {
    position: unset;
}

.MobilePage li#get-involved-sub-menu-wrapper .main-navigation-submenu>li {
    overflow: hidden;
}

.MobilePage li#get-involved-sub-menu-wrapper ul.main-navigation-submenu {
    bottom: 0;

    top: auto;
}

.MobilePage li#get-involved-sub-menu-wrapper ul.main-navigation-submenu a.menu_core_main_involved {
    display: block;

    margin: 0;

    overflow: hidden;

    padding: 6px 7px 6px 7px;

    border-left: 1px solid #3e4d96;
}

body {
    margin: 0;

    padding: 0;

    font-family: Montserrat !important;
}

/*--------------match-page-style-------*/

.MobilePage .page-wrapper {
    padding-top: 44px;
}

.MobilePage .top-sc-v span.match_date {
    float: right;
    vertical-align: middle;
    font-size: 11px;
    margin-top: 0px;
}

.top-sc-v span.match_date {
    margin-right: 0px !important;
}

.MobilePage .top-sc-v span.country-flag img {
    height: 15px;
    vertical-align: middle;
}

.match_date {
    margin-right: 5px;
}

.MobilePage .header-section ul.top-header {
    display: flex;

    text-align: center;

    justify-content: space-between;

    border-top: none;

    overflow-y: hidden;

    overflow-x: auto;

    border-bottom: 2px solid;

    border-image: linear-gradient(to right, #17264e, #ffffff6b, #17264e) 1;

    padding: 15px;
    position: relative;
    z-index: 19999;
}

.formation_seen_1 .header-section ul.top-header {
    border-bottom: 0px;
}

.MobilePage .header-section ul.top-header li {
    color: #fff;

    font-size: 12px;

    position: relative;

    list-style-type: none;

    margin: 0 10px;

    cursor: pointer;

    width: fit-content;

    white-space: nowrap;

    display: flex;

    align-items: center;

    justify-content: center;

    flex-direction: column;
    opacity: 0.6;
    border-bottom: 1px solid #011465;
}

.MobilePage .header-section ul.top-header li.back-arrow {
    opacity: 1;
}

.formation_seen_1 .header-section ul.top-header li.back-arrow {
    display: none !important;
}

.formation_seen_1 .header-section ul.top-header {
    border-image: none;
}

.formation_seen_1 .match_live_bottom>.prediction_section_wrap>.perc-wrap>span.win_predict-home {
    /* border-radius: 0px !important; */
}

.MobilePage .header-section.new-header-section ul.top-header li.active {
    font-weight: 700 !important;
    opacity: 1;
}

.MobilePage .header-section ul.top-header li.active:after {
    content: '';

    border-top: 7px solid transparent;

    border-bottom: 7px solid transparent;

    position: absolute;

    border-left: 7px solid #36c6fd;

    width: 0;

    height: 0;

    bottom: -21px;

    left: 0;

    transform: rotate(-90deg);

    right: 0;

    margin: auto;

    display: none;
}

.MobilePage .header-section ul.top-header li.active {
    color: #fff;

    border-bottom: 1px solid;

    font-weight: 600;
}

.top-header-item>.icon {
    width: 30px;
    height: auto;
}

.top-header-item>.icon svg,
.top-header-item>.icon img {
    width: 100%;
    height: 100%;
}

.top-header-item.top-header-item>.icon svg path {
    fill: #9b9b9b !important;
}

.top-header-item.active.top-header-item>.icon svg path {
    fill: white !important;
}

/* li.top-header-item.section-tracker>.icon svg {
  width: 34px;
} */

/* li.top-header-item.section-table>.icon svg,
li.top-header-item.section-lineups>.icon svg {
  min-width: 32px;
} */

.top-header-item>.icon-title {
    padding: 6px 10p;
}

.MobilePage .card--column {
    position: relative;

    z-index: 9;

    max-width: 100%;

    display: flex;

    flex: 1 1;
}

.MobilePage .card--ops {
    display: inline-block;

    vertical-align: middle;

    float: right;

    margin-right: 0px;
}

.MobilePage .card--ops.match-goals-info {
    width: auto;
}

.MobilePage .page-wrapper .section-wrapper {
    width: 100%;

    margin: auto;

    margin-top: 0px !important;
}

.MobilePage div#section-info .flex--column .grid--card--box div#main-lineup>img.cb_smonks_view {
    border: none;

    display: block;
}

div#section-info {
    margin-top: 0px;
}

div#section-info #stat_tab_no_data {
    margin-top: 20px;
}

@media (max-width: 330px) {
    .MobilePage .fixture-details {
        width: calc(100% - 140px);
    }
}

/*---------match-page-style-mobile----------------*/

/*----------header-style-wrap--------------*/

.MobilePage .top-header-left-bars {
    background: url(https://www.social442.com/application/modules/Sitemobile/externals/images/menu_new_white.png) repeat scroll 0 0/85% auto transparent !important;

    border-radius: 0;

    height: 41px;

    left: 0 !important;

    top: 0 !important;

    width: 47px;

    position: absolute;
}

.MobilePage .top-header-wrapper {
    position: fixed;

    top: 0px;

    width: 100%;

    z-index: 99999;

    transition: all 0.3s ease;

    min-height: 45px;
}

.MobilePage .bread-crums-sep:before {
    content: '\f101';

    font-family: fontawesome;

    font-size: 10px;
}

.MobilePage .over_lay_back_custom {
    position: fixed;

    background: #fff;

    z-index: -1;

    top: 0;

    bottom: 0;

    left: 0;

    right: 0;

    opacity: 0.3;
}

.MobilePage ul.header-menu-list-wrap {
    width: 180px;

    background-color: #0e2d6d;

    position: fixed;
}

.MobilePage ul.header-menu-list-wrap li.lp_no_submenu a.menu_core_main {
    display: block;

    margin: 0;

    overflow: hidden;

    padding: 5px 7px;
}

.MobilePage .main-navigation div.primarywrap>div {
    float: left;

    margin-right: 5px;
}

.MobilePage .core_main_home i.ui-menu-icon {
    background-image: url(https://www.social442.com/application/modules/Sitemobile/externals/images/icon-s442.png);
}

.MobilePage .core_main_signup i.ui-menu-icon {
    background-image: url(https://www.social442.com/application/modules/Sitemobile/externals/images/icons/dashboard/signup.png);
}

.MobilePage .core_main_login i.ui-menu-icon {
    background-image: url(https://www.social442.com/public/mob-icons/add-friend.png);
}

.MobilePage .core_main_tv i.ui-menu-icon {
    background-image: url(https://www.social442.com/application/modules/Sitemobile/externals/images/icons/dashboard/live_tv.png);
}

.MobilePage .core_main_league i.ui-menu-icon {
    background-image: url(https://www.social442.com/application/modules/Sitemobile/externals/images/icons/dashboard/league_tables.png);
}

.MobilePage .core_main_local i.ui-menu-icon {
    background-image: url(https://www.social442.com/application/modules/Sitemobile/externals/images/icons/dashboard/local_football.png);
}

.MobilePage .core_main_news i.ui-menu-icon {
    background-image: url(https://www.social442.com/application/modules/Sitemobile/externals/images/icons/dashboard/latest_news.png);
}

.MobilePage .core_main_quiz i.ui-menu-icon {
    background-image: url(https://www.social442.com/application/modules/Sitemobile/externals/images/icons/dashboard/quiz.png);
}

.MobilePage .core_main_formation i.ui-menu-icon {
    background-image: url(https://www.social442.com/application/modules/Sitemobile/externals/images/icons/dashboard/formations.png);
}

.MobilePage .core_main_pin i.ui-menu-icon {
    background-image: url(https://www.social442.com/application/modules/Sitemobile/externals/images/icons/dashboard/pins.png);
}

.MobilePage .core_main_poll i.ui-menu-icon {
    background-image: url(https://www.social442.com/application/modules/Sitemobile/externals/images/icons/dashboard/polls.png);
}

.MobilePage .core_main_blog i.ui-menu-icon {
    background-image: url(https://www.social442.com/application/modules/Sitemobile/externals/images/icons/dashboard/blogs.png);
}

.MobilePage .petition_main_browse i.ui-menu-icon {
    background-image: url(https://www.social442.com/application/modules/Sitemobile/externals/images/icons/dashboard/petitions.png);
}

.MobilePage .core_main_group i.ui-menu-icon {
    background-image: url(https://www.social442.com/application/modules/Sitemobile/externals/images/icons/dashboard/groups.png);
}

.MobilePage .joke_main_browse i.ui-menu-icon {
    background-image: url(https://www.social442.com/application/modules/Sitemobile/externals/images/icons/dashboard/jokes.png);
}

.MobilePage .core_main_videos i.ui-menu-icon {
    background-image: url(https://www.social442.com/application/modules/Sitemobile/externals/images/icons/dashboard/videos.png);
}

.MobilePage .menu-hide.show {
    left: 0px;

    transition: all 0.6s ease-in-out;
}

.MobilePage .menu-hide {
    left: -180px;

    z-index: 10;

    transition: all 0.6s ease-in-out;
}

.MobilePage div.primarywrap>div {
    float: left;

    margin-right: 5px;
}

.MobilePage .menu_core_main i.ui-menu-icon {
    background-size: 24px;

    background-repeat: no-repeat;

    display: inline-block;

    height: 28px;

    line-height: 28px;

    margin: 0;

    padding: 0;

    text-align: center;

    position: relative;

    width: 28px;

    background-position: 0 3px;
}

.MobilePage div.primarywrap>div.content {
    margin-top: 5px;

    color: #ffffff;

    font-size: 13px;

    font-weight: bold;
}

.MobilePage .header-menu-list-wrap>li {
    border-bottom: 1px solid #3e4d96;

    border-top: 1px solid #000016;

    clear: both;

    display: block;

    overflow: hidden;
}

.MobilePage .header-menu-list-wrap i.ui-image {
    width: 24px !important;

    height: 24px !important;
}

.MobilePage .header-menu-list-wrap .menu_core_main i.ui-image {
    border-radius: 5px;

    background-repeat: no-repeat;

    background-size: contain;

    background-position: center;

    width: 28px;

    height: 28px;

    display: inline-block;

    margin: 0 auto;
}

.MobilePage .lp_has_submenu .menu_core_main {
    display: block;

    margin: 0;

    overflow: hidden;

    padding: 5px 7px;
}

.MobilePage .header-menu-list-wrap>li.ui-li-divider {
    background: transparent;

    font-size: 0px;

    padding: 0px;

    margin: 0px;

    border-top: 0px;

    border-bottom-width: 2px;

    border-color: #bbbbbb;
}

.MobilePage .header-input-feild-wrap input {
    border: medium none;

    padding: 5px;

    width: 100%;

    box-sizing: border-box;

    border-radius: 0.3em;

    font-size: 14px;
}

.MobilePage .header-top-search {
    width: calc(100% - 40px);

    padding-left: 0;

    padding: 0.25em 7px;
}

.MobilePage .search-menu-wrap {
    position: relative;
}

.MobilePage .close-btnc a {
    font-size: 24px;

    color: #fff !important;

    font-weight: bold;

    position: absolute;

    right: 7px;

    padding: 0 !important;

    top: 0;

    margin: auto;

    height: 32px;

    bottom: 0;
}

.MobilePage li.lp_has_submenu {
    position: relative;

    overflow: visible;
}

.MobilePage li.lp_has_submenu ul.main-navigation {
    transition: all 0.6s ease-in-out;

    left: 0px;

    border-left: 1px solid #000016;

    position: absolute;

    width: 100%;

    z-index: -1;

    top: -1px;

    opacity: 0;

    background: none repeat scroll 0 0 #0e2d6d;
}

.MobilePage li.lp_has_submenu.open-sub-menu ul.main-navigation {
    left: 180px;

    opacity: 1;

    z-index: 1;

    transition: all 0.6s ease-in-out;
}

.MobilePage li.lp_has_submenu ul.main-navigation li {
    list-style-type: none;

    border-bottom: 1px solid #3e4d96;

    border-top: 1px solid #000016;
}

.MobilePage .lp_submenu_arrow {
    background-repeat: no-repeat;

    position: absolute;

    right: 0px;

    top: auto;

    float: right;

    margin-top: -36px;

    height: 32px;

    transition: all 0.4s ease-in-out;

    width: 27px;

    background-position: center;

    background-size: 10px;
}

.MobilePage .lp_submenu_arrow::before {
    width: 0;

    content: '';

    border-top: 7px solid transparent;

    border-left: 11px solid white;

    border-bottom: 7px solid transparent;

    position: absolute;

    right: 7px;

    bottom: 9px;
}

.MobilePage li.lp_has_submenu.open-involve-sub-menu ul.main-navigation {
    left: 180px;

    opacity: 1;

    z-index: 1;

    transition: all 0.6s ease-in-out;
}

.MobilePage li#get-involved-sub-menu-wrapper {
    position: unset;
}

.MobilePage li#get-involved-sub-menu-wrapper .main-navigation-submenu>li {
    overflow: hidden;
}

.MobilePage li#get-involved-sub-menu-wrapper ul.main-navigation-submenu {
    bottom: 0;

    top: auto;
}

.MobilePage li#get-involved-sub-menu-wrapper ul.main-navigation-submenu a.menu_core_main_involved {
    display: block;

    margin: 0;

    overflow: hidden;

    padding: 6px 7px 6px 7px;

    border-left: 1px solid #3e4d96;
}

/*-------------------------*/

body .MobilePage {
    margin: 0;

    padding: 0;

    font-family: Montserrat !important;

    background: linear-gradient(180deg, #001d72 0%, #030049 100%);
}

.MobilePage section.fluid-width.fill-sk-blu {
    background: #36c6fd;

    display: inline-block;

    width: 100%;

    box-sizing: border-box;

    padding: 80px 0px;
}

.MobilePage h3.clb-t {
    margin: 0;

    padding: 0;

    color: #012064;

    font-size: 18px;

    font-family: Montserrat;

    display: flex;

    align-items: center;

    margin-top: 30px;

    margin-bottom: 3px;
}

.MobilePage span.clb-logo {
    vertical-align: middle;

    max-width: 48px;

    height: 48px;

    margin-right: 15px;
}

.MobilePage h3.clb-t img {
    float: left;

    max-width: 48px;

    vertical-align: middle;

    margin-right: 15px;
}

.MobilePage span.hr-s {
    color: #fff;

    font-size: 28px;

    font-weight: 300;

    font-family: Montserrat;

    line-height: 32px;

    margin-top: 14px;

    display: block;
}

/*========= Style for League status =======*/

.MobilePage .league-data-sheet {
    width: 100%;

    box-sizing: border-box;

    border-radius: 6px 6px 6px 6px;

    padding: 40px 0px;

    display: inline-block;
}

.MobilePage .grid--col-3 {
    float: left;

    width: 31%;

    margin-right: 3.5%;
}

.MobilePage .grid--col-3:last-of-type {
    margin-right: 0;
}

.MobilePage .card--header {
    box-sizing: border-box;

    padding: 0px 40px;

    color: #fff;

    background: #36c6fd;

    border-radius: 6px 6px 0px 0px;

    height: 84px;
}

.MobilePage h3.club-header-t {
    font-size: 28px;

    font-weight: 300;

    font-family: Montserrat;

    line-height: 84px;

    margin: 0;

    color: #fff;

    padding: 0;
}

.MobilePage ul.data-list-row-3 {
    list-style: none;

    margin: 0;

    padding: 0;
}

.MobilePage .grid--lay-card {
    width: 100%;

    background: #fff;

    border-radius: 6px;

    box-shadow: 2px -4px 26px rgba(0, 0, 0, 0.25);
}

.MobilePage .data-counter {
    box-sizing: border-box;

    padding: 15px 25px;

    display: inline-block;

    width: 100%;

    border-bottom: 1px solid #e3e9f4;
}

.MobilePage data-counter:last-of-type {
    border: none;
}

.MobilePage .data-counter li {
    float: left;

    font-size: 17px;

    font-family: Montserrat;

    line-height: 26px;

    font-weight: 500;

    color: #0e2d6d;
}

.MobilePage li.data-seq {
    color: #9b9b9b;
}

.MobilePage li.data-clun-info img {
    max-width: 30px;

    float: left;

    margin-right: 10px;

    vertical-align: middle;
}

.MobilePage li.data-club-per {
    float: right;
}

.MobilePage li.data-clun-info {
    padding-left: 15px;
}

.MobilePage .club-scorer {
    display: flex;

    flex-wrap: nowrap;

    align-items: center;

    background: #0e2d6d;

    border-radius: 6px;

    color: #fff;

    font-size: 17px;

    font-family: Montserrat;

    padding: 12px 20px;

    margin-top: 30px;

    box-sizing: border-box;
}

.MobilePage span.clun-status-c img {
    max-width: 30px;

    vertical-align: middle;
}

.MobilePage span.club-season-r {
    justify-content: flex-end;

    display: flex;

    flex: 1;
}

.MobilePage span.clun-status-c {
    padding-left: 20px;
}

/*========= Style for toggle switch =======*/

.MobilePage .switch-input {
    display: none !important;
}

.MobilePage .switch-label {
    position: relative;

    display: inline-block;

    min-width: 0px;

    cursor: pointer;

    font-weight: 500;

    text-align: left;

    margin: 16px;

    padding: 16px 0 16px 40px;
}

.MobilePage span.toggle-switch {
    display: flex;

    align-items: center;

    font-size: 18px;

    font-family: Montserrat;

    font-weight: 400;

    margin-left: 40px;

    transform: translateY(10px);
}

.MobilePage .switch-label:before,
.MobilePage .switch-label:after {
    content: '';

    position: absolute;

    margin: 0;

    outline: 0;

    top: 50%;

    -ms-transform: translate(0, -50%);

    -webkit-transform: translate(0, -50%);

    transform: translate(0, -50%);

    -webkit-transition: all 0.3s ease;

    transition: all 0.3s ease;
}

.MobilePage .switch-label:before {
    left: 1px;

    width: 34px;

    height: 14px;

    background-color: #3bacd8;

    border-radius: 8px;
}

.MobilePage .switch-label:after {
    left: 0;

    width: 20px;

    height: 20px;

    background-color: #fafafa;

    border-radius: 50%;

    box-shadow:
        0 3px 1px -2px rgba(0, 0, 0, 0.14),
        0 2px 2px 0 rgba(0, 0, 0, 0.098),
        0 1px 5px 0 rgba(0, 0, 0, 0.084);
}

.MobilePage .switch-label .toggle--on {
    display: none;
}

.MobilePage .switch-label .toggle--off {
    display: inline-block;
}

.MobilePage .switch-input:checked+.switch-label:before {
    background-color: #a5d6a7;
}

.MobilePage .switch-input:checked+.switch-label:after {
    background-color: #4caf50;

    -ms-transform: translate(80%, -50%);

    -webkit-transform: translate(80%, -50%);

    transform: translate(80%, -50%);
}

.MobilePage .switch-input:checked+.switch-label .toggle--on {
    display: inline-block;
}

.MobilePage .switch-input:checked+.switch-label .toggle--off {
    display: none;
}

/*========= Style for season rating =========*/

.MobilePage table.seson-dat-info {
    background: #fff;

    width: 100%;

    border-radius: 6px;

    margin: 0;

    padding: 0;

    border: none;

    border-collapse: collapse;
}

.MobilePage table.seson-dat-info tr {
    box-shadow: 0px 4px 25px rgba(0, 0, 0, 0.12);
}

.MobilePage table.seson-dat-info tr:not(:first-of-type) {
    box-shadow: none;

    border-bottom: 1px solid #e3e9f4;
}

.MobilePage table.seson-dat-info tr:last-of-type {
    border: none;
}

.MobilePage th.fill-navy {
    border-radius: 6px 0px 0px 0px;
}

.MobilePage .fill-navy {
    background: #0e2d6d !important;

    color: #fff !important;

    box-sizing: border-box;

    padding: 20px 0px !important;

    text-align: center !important;

    width: 60px;
}

.MobilePage table.seson-dat-info th {
    text-align: center;

    font-family: Montserrat;

    font-size: 14px;

    font-weight: 500;

    color: #9b9b9b;
}

.MobilePage tr.data-se-row th:nth-of-type(2),
td.clb-lgo {
    padding-left: 20px;

    text-align: left;
}

.MobilePage table.seson-dat-info tr td {
    text-align: center;

    font-size: 17px;

    font-family: Montserrat;

    color: #9b9b9b;

    font-weight: 500;
}

.MobilePage td.clb-lgo {
    text-align: left !important;
}

.MobilePage td.clb-lgo img {
    width: 36px;

    height: 36px;

    border-radius: 100%;

    vertical-align: middle;

    background: #e0e1e0;

    box-sizing: border-box;

    padding: 6px;

    margin: 0 7px 0 0;

    line-height: 40ox;
}

.MobilePage .fill-navy {
    position: relative;
}

.MobilePage td.fill-navy::after {
    position: absolute;

    width: 100%;

    height: 1px;

    background: #0e2d6d;

    content: '';

    top: 100%;

    left: 0;
}

.MobilePage table.seson-dat-info tr:last-of-type td.fill-navy {
    border-radius: 0px 0px 0px 6px;
}

.MobilePage table.seson-dat-info tr:last-of-type td.fill-navy {
    border-radius: 0px 0px 0px 6px;
}

.MobilePage td.fill-navy.last:after {
    display: none;
}

.MobilePage th.active-tri {
    color: #0e2d6d !important;

    font-weight: 700 !important;

    position: relative;
}

.MobilePage th.active-tri:after {
    position: absolute;

    width: 100%;

    height: 3px;

    background: #0e2d6d;

    content: '';

    left: 0;

    bottom: 0;
}

/*========= Style for Team of the week ==========*/

.MobilePage h4.gr-guixd span {
    color: #9b9b9b;

    font-size: 10px;

    font-weight: 400;

    margin-right: 3px;
}

.MobilePage span.dt-schdul {
    font-weight: 600 !important;

    border-right: 1px solid #fff;

    padding-right: 0px;
}

.MobilePage .grid--card--box {
    width: 100%;

    border-radius: 6px;

    overflow: hidden;

    box-shadow: none;
}

.MobilePage .card--box-header h2 {
    color: #fff;

    margin: 0;

    width: 100%;

    font-size: 18px;

    font-weight: 600;

    box-sizing: border-box;
}

.MobilePage span.ccd-d- img {
    max-width: 30px;
}

.MobilePage span.ccd-d- {
    display: flex;

    justify-content: center;

    align-items: center;

    border-right: 1px solid rgba(255, 255, 255, 0.2);

    width: 90px;

    height: 80px;

    margin-right: 35px;
}

.MobilePage .grid--layout-two-third span.toggle-switch {
    /* padding: 0!important; */

    margin: 0;

    color: #fff;
}

.MobilePage .grid-box-row-2 {
    display: inline-block;

    width: 100%;

    margin: 25px 0px;
}

.MobilePage .css-shapes-preview {
    position: relative;

    width: 258px;

    padding: 0px;

    border-radius: 6px;

    top: 0px;

    left: 0px;

    transform: skew(0deg);

    border-top: 0px transparent;

    border-left: 50px solid transparent;

    border-right: 50px solid transparent;

    border-bottom: 406px solid #031854;

    left: 50%;

    transform: translateX(-50%);

    box-shadow: 0px 10px rgba(0, 0, 4);
}

.MobilePage span.filed-divider {
    display: none !important;
}

.MobilePage span.mgl-crcl {
    position: absolute;

    border: 2px solid rgba(255, 255, 255, 0.1);

    width: 70px;

    height: 70px;

    border-radius: 100%;

    top: 50%;

    display: none;

    left: 50%;

    transform: translate(-50%, -50%);
}

.MobilePage span.c-point {
    position: absolute;

    width: 10px;

    height: 10px;

    background: #0e2d6d;

    z-index: -1;

    border-radius: 100%;

    top: 50%;

    left: 50%;

    transform: translate(-50%, -50%);
}

/*====== style for last match status =======*/

.MobilePage .card--box-header.bg-ac-b h2.fram-titl {
    padding-bottom: 15px;

    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

.right-players-section-wrap-top-scorer h2.fram-titl {
    padding: 15px;
}

.MobilePage span.cc-pp-r {
    color: #071f64;

    font-size: 12px;

    font-weight: 400;
}

.MobilePage .texm-sl {
    display: flex;

    justify-content: flex-end;

    flex: 1;
}

.MobilePage span.chjd- {
    display: flex;

    position: relative;

    align-items: center;
}

.MobilePage span.chjd- img {
    max-width: 35px;
}

.MobilePage span.chjd-.current-state::after {
    position: absolute;

    content: '';

    width: 100%;

    height: 3px;

    background: #071f64;

    top: 58px;
}

.MobilePage .card--box-header.bg-ac-b {
    box-shadow: none;

    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.MobilePage .card--box-header.bg-ac-b.bg-ac-blue {
    border-color: rgba(255, 255, 255, 0.1);
}

.MobilePage .card--box-header.bg-ac-b.bg-ac-blue span.cc-pp-r {
    color: #fff;

    font-weight: 600;

    letter-spacing: 0.25px;
}

.MobilePage .card-vob {
    display: block;

    width: 100%;

    box-sizing: border-box;

    padding: 35px;
}

.MobilePage ul.stst-lids {
    display: flex;

    width: 100%;

    list-style: none;

    margin: auto auto 10px;

    padding: 0;

    justify-content: center;
}

.MobilePage ul.stst-lids li {
    width: 33.33%;
}

.MobilePage .tx-r {
    float: right;

    border-radius: 6px 0px 0px 6px;

    text-align: right;
}

.MobilePage span.data-progres-50 {
    width: 50%;
}

.MobilePage ul.stst-lids li span {
    padding: 0px 10px;

    font-size: 13px;

    color: #fff;

    height: 25px;

    line-height: 25px;
}

.MobilePage .data-ac-skb {
    background: #36c6fd;

    color: #fff;
}

.MobilePage .tx-l {
    float: left;

    border-radius: 0px 6px 6px 0px;
}

.MobilePage ul.stst-lids li:nth-of-type(2) {
    text-align: center;

    width: 27%;

    white-space: nowrap;

    overflow: hidden;

    text-overflow: ellipsis;
}

.MobilePage span.data-progres-40 {
    width: 40%;
}

.MobilePage span.data-progres-25 {
    width: 25%;
}

.MobilePage span.data-progres-30 {
    width: 30%;
}

.MobilePage span.data-progres-70 {
    width: 70%;
}

.MobilePage span.data-progres-60 {
    width: 60%;
}

.MobilePage .grid--layout-two-third .grid--card--box:nth-of-type(2) {
    margin-top: 25px;
}

.MobilePage .grid--layout--2 {
    width: 100%;
}

.MobilePage .grid--clumn-2 {
    float: left;

    width: 50%;

    box-sizing: border-box;

    padding: 40px 35px;
}

.MobilePage .grid--clumn-2:first-of-type {
    border-right: 1px solid rgba(255, 225, 255, 0.1);
}

.MobilePage .grid--clumn-2 h4 {
    margin: 0;

    font-size: 18px;

    font-weight: 400;

    color: #fff;
}

.MobilePage ul.pldfg-fnd {
    padding: 0;

    margin: 30px 0 0;

    list-style: none;
}

.MobilePage li.fd0jsj {
    background: #0e2d6d;

    border-radius: 6px;

    margin-bottom: 10px;

    box-sizing: border-box;

    padding: 20px 20px 20px 35px;

    position: relative;

    color: #fff;

    font-size: 13px;

    line-height: 17px;
}

.MobilePage .card---layout-footer {
    display: flex;

    width: 100%;

    background: #0e2d6d;

    justify-content: space-between;

    padding: 15px 30px;

    align-items: center;

    box-sizing: border-box;

    border-radius: 0px 0px 6px 6px;
}

.MobilePage span.shdh {
    font-size: 18px;

    color: #fff;

    font-weight: 400;
}

.MobilePage span.dhhd-sd {
    background: #071f64;

    color: #fff;

    font-size: 12px;

    margin: 15px 0px;

    padding: 15px 28px;

    border-radius: 6px;

    cursor: pointer;
}

.MobilePage span.fdfj {
    position: absolute;

    width: 10px;

    height: 2px;

    background: #519f19;

    left: 15px;

    top: 27px;

    /* top: 0; */
}

.MobilePage span.fdfj::after {
    content: '';

    position: absolute;

    width: 2px;

    height: 10px;

    background: #519f19;

    transform: translate(4px, -4px);
}

.MobilePage span.fdfj.de-c::after {
    display: none;
}

.MobilePage span.fdfj.de-c {
    background: #f8e71c;
}

.MobilePage span.chjd-.current-state.ac-wft:after {
    background: #fff;
}

/****************************************************************

 *

 * CSS Percentage Circle

 * Author: Andre Firchow

 *

*****************************************************************/

.MobilePage .rect-auto,
.MobilePage .c100.p51 .slice,
.MobilePage .c100.p52 .slice,
.MobilePage .c100.p53 .slice,
.MobilePage c100.p54 .slice,
.MobilePage .c100.p55 .slice,
.MobilePage .c100.p56 .slice,
.MobilePage .c100.p57 .slice,
.MobilePage .c100.p58 .slice,
.MobilePage .c100.p59 .slice,
.MobilePage .c100.p60 .slice,
.MobilePage .c100.p61 .slice,
.MobilePage .c100.p62 .slice,
.MobilePage .c100.p63 .slice,
.MobilePage .c100.p64 .slice,
.MobilePage .c100.p65 .slice,
.MobilePage .c100.p66 .slice,
.MobilePage .c100.p67 .slice,
.MobilePage .c100.p68 .slice,
.c100.p69 .slice,
.MobilePage .c100.p70 .slice,
.MobilePage .c100.p71 .slice,
.MobilePage .c100.p72 .slice,
.MobilePage .c100.p73 .slice,
.MobilePage .c100.p74 .slice,
.MobilePage .c100.p75 .slice,
.MobilePage .c100.p76 .slice,
.MobilePage .c100.p77 .slice,
.MobilePage .c100.p78 .slice,
.MobilePage .c100.p79 .slice,
.MobilePage .c100.p80 .slice,
.MobilePage .c100.p81 .slice,
.MobilePage .c100.p82 .slice,
.MobilePage .c100.p83 .slice,
.MobilePage .c100.p84 .slice,
.MobilePage .c100.p85 .slice,
.MobilePage .c100.p86 .slice,
.MobilePage .c100.p87 .slice,
.MobilePage .c100.p88 .slice,
.MobilePage .c100.p89 .slice,
.MobilePage .c100.p90 .slice,
.MobilePage .c100.p91 .slice,
.MobilePage .c100.p92 .slice,
.MobilePage .c100.p93 .slice,
.MobilePage .c100.p94 .slice,
.MobilePage .c100.p95 .slice,
.MobilePage .c100.p96 .slice,
.MobilePage .c100.p97 .slice,
.MobilePage .c100.p98 .slice,
.MobilePage .c100.p99 .slice,
.MobilePage .c100.p100 .slice {
    clip: rect(auto, auto, auto, auto);
}

.MobilePage .pie,
.MobilePage .c100 .bar,
.MobilePage .c100.p51 .fill,
.MobilePage .c100.p52 .fill,
.MobilePage .c100.p53 .fill,
.MobilePage .c100.p54 .fill,
.MobilePage .c100.p55 .fill,
.MobilePage .c100.p56 .fill,
.MobilePage .c100.p57 .fill,
.MobilePage .c100.p58 .fill,
.MobilePage .c100.p59 .fill,
.MobilePage .c100.p60 .fill,
.MobilePage .c100.p61 .fill,
.MobilePage .c100.p62 .fill,
.MobilePage .c100.p63 .fill,
.MobilePage .c100.p64 .fill,
.MobilePage .c100.p65 .fill,
.MobilePage .c100.p66 .fill,
.MobilePage .c100.p67 .fill,
.MobilePage .c100.p68 .fill,
.c100.p69 .fill,
.MobilePage .c100.p70 .fill,
.MobilePage .c100.p71 .fill,
.MobilePage .c100.p72 .fill,
.MobilePage .c100.p73 .fill,
.MobilePage .c100.p74 .fill,
.MobilePage .c100.p75 .fill,
.MobilePage .c100.p76 .fill,
.MobilePage .c100.p77 .fill,
.MobilePage .c100.p78 .fill,
.MobilePage .c100.p79 .fill,
.MobilePage .c100.p80 .fill,
.MobilePage .c100.p81 .fill,
.MobilePage .c100.p82 .fill,
.MobilePage .c100.p83 .fill,
.MobilePage .c100.p84 .fill,
.MobilePage .c100.p85 .fill,
.MobilePage .c100.p86 .fill,
.MobilePage .c100.p87 .fill,
.MobilePage .c100.p88 .fill,
.MobilePage .c100.p89 .fill,
.MobilePage .c100.p90 .fill,
.MobilePage .c100.p91 .fill,
.MobilePage .c100.p92 .fill,
.MobilePage .c100.p93 .fill,
.MobilePage .c100.p94 .fill,
.MobilePage .c100.p95 .fill,
.MobilePage .c100.p96 .fill,
.MobilePage .c100.p97 .fill,
.MobilePage .c100.p98 .fill,
.MobilePage .c100.p99 .fill,
.MobilePage .c100.p100 .fill {
    position: absolute;

    border: 0.08em solid #36cafc;

    width: 0.84em;

    height: 0.84em;

    clip: rect(0em, 0.5em, 1em, 0em);

    -webkit-border-radius: 50%;

    -moz-border-radius: 50%;

    -ms-border-radius: 50%;

    -o-border-radius: 50%;

    border-radius: 50%;

    -webkit-transform: rotate(0deg);

    -moz-transform: rotate(0deg);

    -ms-transform: rotate(0deg);

    -o-transform: rotate(0deg);

    transform: rotate(0deg);
}

.MobilePage .pie-fill,
.MobilePage .c100.p51 .bar:after,
.MobilePage .c100.p51 .fill,
.MobilePage .c100.p52 .bar:after,
.MobilePage .c100.p52 .fill,
.MobilePage .c100.p53 .bar:after,
.MobilePage .c100.p53 .fill,
.MobilePage .c100.p54 .bar:after,
.MobilePage .c100.p54 .fill,
.MobilePage .c100.p55 .bar:after,
.MobilePage .c100.p55 .fill,
.MobilePage .c100.p56 .bar:after,
.MobilePage .c100.p56 .fill,
.MobilePage .c100.p57 .bar:after,
.c100.p57 .fill,
.MobilePage .c100.p58 .bar:after,
.MobilePage .c100.p58 .fill,
.MobilePage .c100.p59 .bar:after,
.MobilePage .c100.p59 .fill,
.MobilePage .c100.p60 .bar:after,
.MobilePage .c100.p60 .fill,
.MobilePage .c100.p61 .bar:after,
.MobilePage .c100.p61 .fill,
.c100.p62 .bar:after,
.MobilePage .c100.p62 .fill,
.MobilePage .c100.p63 .bar:after,
.MobilePage .c100.p63 .fill,
.MobilePage .c100.p64 .bar:after,
.MobilePage .c100.p64 .fill,
.MobilePage .c100.p65 .bar:after,
.MobilePage .c100.p65 .fill,
.MobilePage .c100.p66 .bar:after,
.MobilePage .c100.p66 .fill,
.MobilePage .c100.p67 .bar:after,
.MobilePage .c100.p67 .fill,
.MobilePage .c100.p68 .bar:after,
.MobilePage .c100.p68 .fill,
.MobilePage .c100.p69 .bar:after,
.MobilePage .c100.p69 .fill,
.MobilePage .c100.p70 .bar:after,
.MobilePage .c100.p70 .fill,
.MobilePage .c100.p71 .bar:after,
.MobilePage .c100.p71 .fill,
.MobilePage .c100.p72 .bar:after,
.MobilePage .c100.p72 .fill,
.MobilePage .c100.p73 .bar:after,
.MobilePage .c100.p73 .fill,
.MobilePage .c100.p74 .bar:after,
.MobilePage .c100.p74 .fill,
.MobilePage .c100.p75 .bar:after,
.MobilePage .c100.p75 .fill,
.MobilePage .c100.p76 .bar:after,
.MobilePage .c100.p76 .fill,
.MobilePage .c100.p77 .bar:after,
.MobilePage .c100.p77 .fill,
.MobilePage .c100.p78 .bar:after,
.MobilePage .c100.p78 .fill,
.MobilePage .c100.p79 .bar:after,
.MobilePage .c100.p79 .fill,
.MobilePage .c100.p80 .bar:after,
.MobilePage .c100.p80 .fill,
.MobilePage .c100.p81 .bar:after,
.MobilePage .c100.p81 .fill,
.MobilePage .c100.p82 .bar:after,
.MobilePage .c100.p82 .fill,
.MobilePage .c100.p83 .bar:after,
.MobilePage .c100.p83 .fill,
.MobilePage .c100.p84 .bar:after,
.MobilePage .c100.p84 .fill,
.MobilePage .c100.p85 .bar:after,
.MobilePage .c100.p85 .fill,
.MobilePage .c100.p86 .bar:after,
.MobilePage .c100.p86 .fill,
.MobilePage .c100.p87 .bar:after,
.c100.p87 .fill,
.c100.p88 .bar:after,
.MobilePage .c100.p88 .fill,
.MobilePage .c100.p89 .bar:after,
.MobilePage .c100.p89 .fill,
.MobilePage .c100.p90 .bar:after,
.MobilePage .c100.p90 .fill,
.MobilePage .c100.p91 .bar:after,
.MobilePage .c100.p91 .fill,
.MobilePage .c100.p92 .bar:after,
.MobilePage .c100.p92 .fill,
.MobilePage .c100.p93 .bar:after,
.MobilePage .c100.p93 .fill,
.MobilePage .c100.p94 .bar:after,
.MobilePage .c100.p94 .fill,
.MobilePage .c100.p95 .bar:after,
.MobilePage .c100.p95 .fill,
.MobilePage .c100.p96 .bar:after,
.MobilePage .c100.p96 .fill,
.MobilePage .c100.p97 .bar:after,
.MobilePage .c100.p97 .fill,
.MobilePage .c100.p98 .bar:after,
.MobilePage .c100.p98 .fill,
.MobilePage .c100.p99 .bar:after,
.MobilePage .c100.p99 .fill,
.MobilePage .c100.p100 .bar:after,
.MobilePage .c100.p100 .fill {
    -webkit-transform: rotate(180deg);

    -moz-transform: rotate(180deg);

    -ms-transform: rotate(180deg);

    -o-transform: rotate(180deg);

    transform: rotate(180deg);
}

.MobilePage .c100 {
    position: relative;

    font-size: 120px;

    width: 1em;

    height: 1em;

    -webkit-border-radius: 50%;

    -moz-border-radius: 50%;

    -ms-border-radius: 50%;

    -o-border-radius: 50%;

    border-radius: 50%;

    float: left;

    background-color: #07326c;
}

.MobilePage .c100 *,
.MobilePage .c100 *:before,
.MobilePage .c100 *:after {
    -webkit-box-sizing: content-box;

    -moz-box-sizing: content-box;

    box-sizing: content-box;
}

.MobilePage .c100.center {
    float: none;

    margin: 0 auto;
}

.MobilePage .c100.big {
    font-size: 75px;
}

.MobilePage .c100.small {
    font-size: 80px;
}

.MobilePage .c100>span {
    position: absolute;

    width: 100%;

    z-index: 1;

    left: 0;

    top: 0;

    width: 5em;

    line-height: 5em;

    font-size: 0.2em;

    color: #cccccc;

    display: block;

    text-align: center;

    white-space: nowrap;

    -webkit-transition-property: all;

    -moz-transition-property: all;

    -o-transition-property: all;

    transition-property: all;

    -webkit-transition-duration: 0.2s;

    -moz-transition-duration: 0.2s;

    -o-transition-duration: 0.2s;

    transition-duration: 0.2s;

    -webkit-transition-timing-function: ease-out;

    -moz-transition-timing-function: ease-out;

    -o-transition-timing-function: ease-out;

    transition-timing-function: ease-out;
}

.MobilePage .c100:after {
    position: absolute;

    top: 0.08em;

    left: 0.08em;

    display: block;

    content: ' ';

    -webkit-border-radius: 50%;

    -moz-border-radius: 50%;

    -ms-border-radius: 50%;

    -o-border-radius: 50%;

    border-radius: 50%;

    background-color: #002563;

    width: 0.84em;

    height: 0.84em;

    -webkit-transition-property: all;

    -moz-transition-property: all;

    -o-transition-property: all;

    transition-property: all;

    -webkit-transition-duration: 0.2s;

    -moz-transition-duration: 0.2s;

    -o-transition-duration: 0.2s;

    transition-duration: 0.2s;

    -webkit-transition-timing-function: ease-in;

    -moz-transition-timing-function: ease-in;

    -o-transition-timing-function: ease-in;

    transition-timing-function: ease-in;
}

.MobilePage .c100 .slice {
    position: absolute;

    width: 1em;

    height: 1em;

    clip: rect(0em, 1em, 1em, 0.5em);
}

.MobilePage .c100.p1 .bar {
    -webkit-transform: rotate(3.6deg);

    -moz-transform: rotate(3.6deg);

    -ms-transform: rotate(3.6deg);

    -o-transform: rotate(3.6deg);

    transform: rotate(3.6deg);
}

.MobilePage .c100.p2 .bar {
    -webkit-transform: rotate(7.2deg);

    -moz-transform: rotate(7.2deg);

    -ms-transform: rotate(7.2deg);

    -o-transform: rotate(7.2deg);

    transform: rotate(7.2deg);
}

.MobilePage .c100.p3 .bar {
    -webkit-transform: rotate(10.8deg);

    -moz-transform: rotate(10.8deg);

    -ms-transform: rotate(10.8deg);

    -o-transform: rotate(10.8deg);

    transform: rotate(10.8deg);
}

.MobilePage .c100.p4 .bar {
    -webkit-transform: rotate(14.4deg);

    -moz-transform: rotate(14.4deg);

    -ms-transform: rotate(14.4deg);

    -o-transform: rotate(14.4deg);

    transform: rotate(14.4deg);
}

.MobilePage .c100.p5 .bar {
    -webkit-transform: rotate(18deg);

    -moz-transform: rotate(18deg);

    -ms-transform: rotate(18deg);

    -o-transform: rotate(18deg);

    transform: rotate(18deg);
}

.MobilePage .c100.p6 .bar {
    -webkit-transform: rotate(21.6deg);

    -moz-transform: rotate(21.6deg);

    -ms-transform: rotate(21.6deg);

    -o-transform: rotate(21.6deg);

    transform: rotate(21.6deg);
}

.MobilePage .c100.p7 .bar {
    -webkit-transform: rotate(25.2deg);

    -moz-transform: rotate(25.2deg);

    -ms-transform: rotate(25.2deg);

    -o-transform: rotate(25.2deg);

    transform: rotate(25.2deg);
}

.MobilePage .c100.p8 .bar {
    -webkit-transform: rotate(28.8deg);

    -moz-transform: rotate(28.8deg);

    -ms-transform: rotate(28.8deg);

    -o-transform: rotate(28.8deg);

    transform: rotate(28.8deg);
}

.MobilePage .c100.p9 .bar {
    -webkit-transform: rotate(32.4deg);

    -moz-transform: rotate(32.4deg);

    -ms-transform: rotate(32.4deg);

    -o-transform: rotate(32.4deg);

    transform: rotate(32.4deg);
}

.MobilePage .c100.p10 .bar {
    -webkit-transform: rotate(36deg);

    -moz-transform: rotate(36deg);

    -ms-transform: rotate(36deg);

    -o-transform: rotate(36deg);

    transform: rotate(36deg);
}

.MobilePage .c100.p11 .bar {
    -webkit-transform: rotate(39.6deg);

    -moz-transform: rotate(39.6deg);

    -ms-transform: rotate(39.6deg);

    -o-transform: rotate(39.6deg);

    transform: rotate(39.6deg);
}

.MobilePage .c100.p12 .bar {
    -webkit-transform: rotate(43.2deg);

    -moz-transform: rotate(43.2deg);

    -ms-transform: rotate(43.2deg);

    -o-transform: rotate(43.2deg);

    transform: rotate(43.2deg);
}

.MobilePage .c100.p13 .bar {
    -webkit-transform: rotate(46.8deg);

    -moz-transform: rotate(46.8deg);

    -ms-transform: rotate(46.8deg);

    -o-transform: rotate(46.8deg);

    transform: rotate(46.8deg);
}

.MobilePage .c100.p14 .bar {
    -webkit-transform: rotate(50.4deg);

    -moz-transform: rotate(50.4deg);

    -ms-transform: rotate(50.4deg);

    -o-transform: rotate(50.4deg);

    transform: rotate(50.4deg);
}

.MobilePage .c100.p15 .bar {
    -webkit-transform: rotate(54deg);

    -moz-transform: rotate(54deg);

    -ms-transform: rotate(54deg);

    -o-transform: rotate(54deg);

    transform: rotate(54deg);
}

.MobilePage .c100.p16 .bar {
    -webkit-transform: rotate(57.6deg);

    -moz-transform: rotate(57.6deg);

    -ms-transform: rotate(57.6deg);

    -o-transform: rotate(57.6deg);

    transform: rotate(57.6deg);
}

.MobilePage .c100.p17 .bar {
    -webkit-transform: rotate(61.2deg);

    -moz-transform: rotate(61.2deg);

    -ms-transform: rotate(61.2deg);

    -o-transform: rotate(61.2deg);

    transform: rotate(61.2deg);
}

.MobilePage .c100.p18 .bar {
    -webkit-transform: rotate(64.8deg);

    -moz-transform: rotate(64.8deg);

    -ms-transform: rotate(64.8deg);

    -o-transform: rotate(64.8deg);

    transform: rotate(64.8deg);
}

.MobilePage .c100.p19 .bar {
    -webkit-transform: rotate(68.4deg);

    -moz-transform: rotate(68.4deg);

    -ms-transform: rotate(68.4deg);

    -o-transform: rotate(68.4deg);

    transform: rotate(68.4deg);
}

.MobilePage .c100.p20 .bar {
    -webkit-transform: rotate(72deg);

    -moz-transform: rotate(72deg);

    -ms-transform: rotate(72deg);

    -o-transform: rotate(72deg);

    transform: rotate(72deg);
}

.MobilePage .c100.p21 .bar {
    -webkit-transform: rotate(75.6deg);

    -moz-transform: rotate(75.6deg);

    -ms-transform: rotate(75.6deg);

    -o-transform: rotate(75.6deg);

    transform: rotate(75.6deg);
}

.MobilePage .c100.p22 .bar {
    -webkit-transform: rotate(79.2deg);

    -moz-transform: rotate(79.2deg);

    -ms-transform: rotate(79.2deg);

    -o-transform: rotate(79.2deg);

    transform: rotate(79.2deg);
}

.MobilePage .c100.p23 .bar {
    -webkit-transform: rotate(82.8deg);

    -moz-transform: rotate(82.8deg);

    -ms-transform: rotate(82.8deg);

    -o-transform: rotate(82.8deg);

    transform: rotate(82.8deg);
}

.MobilePage .c100.p24 .bar {
    -webkit-transform: rotate(86.4deg);

    -moz-transform: rotate(86.4deg);

    -ms-transform: rotate(86.4deg);

    -o-transform: rotate(86.4deg);

    transform: rotate(86.4deg);
}

.MobilePage .c100.p25 .bar {
    -webkit-transform: rotate(90deg);

    -moz-transform: rotate(90deg);

    -ms-transform: rotate(90deg);

    -o-transform: rotate(90deg);

    transform: rotate(90deg);
}

.MobilePage .c100.p26 .bar {
    -webkit-transform: rotate(93.6deg);

    -moz-transform: rotate(93.6deg);

    -ms-transform: rotate(93.6deg);

    -o-transform: rotate(93.6deg);

    transform: rotate(93.6deg);
}

.MobilePage .c100.p27 .bar {
    -webkit-transform: rotate(97.2deg);

    -moz-transform: rotate(97.2deg);

    -ms-transform: rotate(97.2deg);

    -o-transform: rotate(97.2deg);

    transform: rotate(97.2deg);
}

.MobilePage .c100.p28 .bar {
    -webkit-transform: rotate(100.8deg);

    -moz-transform: rotate(100.8deg);

    -ms-transform: rotate(100.8deg);

    -o-transform: rotate(100.8deg);

    transform: rotate(100.8deg);
}

.MobilePage .c100.p29 .bar {
    -webkit-transform: rotate(104.4deg);

    -moz-transform: rotate(104.4deg);

    -ms-transform: rotate(104.4deg);

    -o-transform: rotate(104.4deg);

    transform: rotate(104.4deg);
}

.MobilePage .c100.p30 .bar {
    -webkit-transform: rotate(108deg);

    -moz-transform: rotate(108deg);

    -ms-transform: rotate(108deg);

    -o-transform: rotate(108deg);

    transform: rotate(108deg);
}

.MobilePage .c100.p31 .bar {
    -webkit-transform: rotate(111.6deg);

    -moz-transform: rotate(111.6deg);

    -ms-transform: rotate(111.6deg);

    -o-transform: rotate(111.6deg);

    transform: rotate(111.6deg);
}

.MobilePage .c100.p32 .bar {
    -webkit-transform: rotate(115.2deg);

    -moz-transform: rotate(115.2deg);

    -ms-transform: rotate(115.2deg);

    -o-transform: rotate(115.2deg);

    transform: rotate(115.2deg);
}

.MobilePage .c100.p33 .bar {
    -webkit-transform: rotate(118.8deg);

    -moz-transform: rotate(118.8deg);

    -ms-transform: rotate(118.8deg);

    -o-transform: rotate(118.8deg);

    transform: rotate(118.8deg);
}

.MobilePage .c100.p34 .bar {
    -webkit-transform: rotate(122.4deg);

    -moz-transform: rotate(122.4deg);

    -ms-transform: rotate(122.4deg);

    -o-transform: rotate(122.4deg);

    transform: rotate(122.4deg);
}

.MobilePage .c100.p35 .bar {
    -webkit-transform: rotate(126deg);

    -moz-transform: rotate(126deg);

    -ms-transform: rotate(126deg);

    -o-transform: rotate(126deg);

    transform: rotate(126deg);
}

.MobilePage .c100.p36 .bar {
    -webkit-transform: rotate(129.6deg);

    -moz-transform: rotate(129.6deg);

    -ms-transform: rotate(129.6deg);

    -o-transform: rotate(129.6deg);

    transform: rotate(129.6deg);
}

.MobilePage .c100.p37 .bar {
    -webkit-transform: rotate(133.2deg);

    -moz-transform: rotate(133.2deg);

    -ms-transform: rotate(133.2deg);

    -o-transform: rotate(133.2deg);

    transform: rotate(133.2deg);
}

.MobilePage .c100.p38 .bar {
    -webkit-transform: rotate(136.8deg);

    -moz-transform: rotate(136.8deg);

    -ms-transform: rotate(136.8deg);

    -o-transform: rotate(136.8deg);

    transform: rotate(136.8deg);
}

.MobilePage .c100.p39 .bar {
    -webkit-transform: rotate(140.4deg);

    -moz-transform: rotate(140.4deg);

    -ms-transform: rotate(140.4deg);

    -o-transform: rotate(140.4deg);

    transform: rotate(140.4deg);
}

.MobilePage .c100.p40 .bar {
    -webkit-transform: rotate(144deg);

    -moz-transform: rotate(144deg);

    -ms-transform: rotate(144deg);

    -o-transform: rotate(144deg);

    transform: rotate(144deg);
}

.MobilePage .c100.p41 .bar {
    -webkit-transform: rotate(147.6deg);

    -moz-transform: rotate(147.6deg);

    -ms-transform: rotate(147.6deg);

    -o-transform: rotate(147.6deg);

    transform: rotate(147.6deg);
}

.MobilePage .c100.p42 .bar {
    -webkit-transform: rotate(151.2deg);

    -moz-transform: rotate(151.2deg);

    -ms-transform: rotate(151.2deg);

    -o-transform: rotate(151.2deg);

    transform: rotate(151.2deg);
}

.MobilePage .c100.p43 .bar {
    -webkit-transform: rotate(154.8deg);

    -moz-transform: rotate(154.8deg);

    -ms-transform: rotate(154.8deg);

    -o-transform: rotate(154.8deg);

    transform: rotate(154.8deg);
}

.MobilePage .c100.p44 .bar {
    -webkit-transform: rotate(158.4deg);

    -moz-transform: rotate(158.4deg);

    -ms-transform: rotate(158.4deg);

    -o-transform: rotate(158.4deg);

    transform: rotate(158.4deg);
}

.MobilePage .c100.p45 .bar {
    -webkit-transform: rotate(162deg);

    -moz-transform: rotate(162deg);

    -ms-transform: rotate(162deg);

    -o-transform: rotate(162deg);

    transform: rotate(162deg);
}

.MobilePage .c100.p46 .bar {
    -webkit-transform: rotate(165.6deg);

    -moz-transform: rotate(165.6deg);

    -ms-transform: rotate(165.6deg);

    -o-transform: rotate(165.6deg);

    transform: rotate(165.6deg);
}

.MobilePage .c100.p47 .bar {
    -webkit-transform: rotate(169.2deg);

    -moz-transform: rotate(169.2deg);

    -ms-transform: rotate(169.2deg);

    -o-transform: rotate(169.2deg);

    transform: rotate(169.2deg);
}

.MobilePage .c100.p48 .bar {
    -webkit-transform: rotate(172.8deg);

    -moz-transform: rotate(172.8deg);

    -ms-transform: rotate(172.8deg);

    -o-transform: rotate(172.8deg);

    transform: rotate(172.8deg);
}

.MobilePage .c100.p49 .bar {
    -webkit-transform: rotate(176.4deg);

    -moz-transform: rotate(176.4deg);

    -ms-transform: rotate(176.4deg);

    -o-transform: rotate(176.4deg);

    transform: rotate(176.4deg);
}

.MobilePage .c100.p50 .bar {
    -webkit-transform: rotate(180deg);

    -moz-transform: rotate(180deg);

    -ms-transform: rotate(180deg);

    -o-transform: rotate(180deg);

    transform: rotate(180deg);
}

.MobilePage .c100.p51 .bar {
    -webkit-transform: rotate(183.6deg);

    -moz-transform: rotate(183.6deg);

    -ms-transform: rotate(183.6deg);

    -o-transform: rotate(183.6deg);

    transform: rotate(183.6deg);
}

.MobilePage .c100.p52 .bar {
    -webkit-transform: rotate(187.2deg);

    -moz-transform: rotate(187.2deg);

    -ms-transform: rotate(187.2deg);

    -o-transform: rotate(187.2deg);

    transform: rotate(187.2deg);
}

.MobilePage .c100.p53 .bar {
    -webkit-transform: rotate(190.8deg);

    -moz-transform: rotate(190.8deg);

    -ms-transform: rotate(190.8deg);

    -o-transform: rotate(190.8deg);

    transform: rotate(190.8deg);
}

.MobilePage .c100.p54 .bar {
    -webkit-transform: rotate(194.4deg);

    -moz-transform: rotate(194.4deg);

    -ms-transform: rotate(194.4deg);

    -o-transform: rotate(194.4deg);

    transform: rotate(194.4deg);
}

.MobilePage .c100.p55 .bar {
    -webkit-transform: rotate(198deg);

    -moz-transform: rotate(198deg);

    -ms-transform: rotate(198deg);

    -o-transform: rotate(198deg);

    transform: rotate(198deg);
}

.MobilePage .c100.p56 .bar {
    -webkit-transform: rotate(201.6deg);

    -moz-transform: rotate(201.6deg);

    -ms-transform: rotate(201.6deg);

    -o-transform: rotate(201.6deg);

    transform: rotate(201.6deg);
}

.MobilePage .c100.p57 .bar {
    -webkit-transform: rotate(205.2deg);

    -moz-transform: rotate(205.2deg);

    -ms-transform: rotate(205.2deg);

    -o-transform: rotate(205.2deg);

    transform: rotate(205.2deg);
}

.MobilePage .c100.p58 .bar {
    -webkit-transform: rotate(208.8deg);

    -moz-transform: rotate(208.8deg);

    -ms-transform: rotate(208.8deg);

    -o-transform: rotate(208.8deg);

    transform: rotate(208.8deg);
}

.MobilePage .c100.p59 .bar {
    -webkit-transform: rotate(212.4deg);

    -moz-transform: rotate(212.4deg);

    -ms-transform: rotate(212.4deg);

    -o-transform: rotate(212.4deg);

    transform: rotate(212.4deg);
}

.MobilePage .c100.p60 .bar {
    -webkit-transform: rotate(216deg);

    -moz-transform: rotate(216deg);

    -ms-transform: rotate(216deg);

    -o-transform: rotate(216deg);

    transform: rotate(216deg);
}

.MobilePage .c100.p61 .bar {
    -webkit-transform: rotate(219.6deg);

    -moz-transform: rotate(219.6deg);

    -ms-transform: rotate(219.6deg);

    -o-transform: rotate(219.6deg);

    transform: rotate(219.6deg);
}

.MobilePage .c100.p62 .bar {
    -webkit-transform: rotate(223.2deg);

    -moz-transform: rotate(223.2deg);

    -ms-transform: rotate(223.2deg);

    -o-transform: rotate(223.2deg);

    transform: rotate(223.2deg);
}

.MobilePage .c100.p63 .bar {
    -webkit-transform: rotate(226.8deg);

    -moz-transform: rotate(226.8deg);

    -ms-transform: rotate(226.8deg);

    -o-transform: rotate(226.8deg);

    transform: rotate(226.8deg);
}

.MobilePage .c100.p64 .bar {
    -webkit-transform: rotate(230.4deg);

    -moz-transform: rotate(230.4deg);

    -ms-transform: rotate(230.4deg);

    -o-transform: rotate(230.4deg);

    transform: rotate(230.4deg);
}

.MobilePage .c100.p65 .bar {
    -webkit-transform: rotate(234deg);

    -moz-transform: rotate(234deg);

    -ms-transform: rotate(234deg);

    -o-transform: rotate(234deg);

    transform: rotate(234deg);
}

.MobilePage .c100.p66 .bar {
    -webkit-transform: rotate(237.6deg);

    -moz-transform: rotate(237.6deg);

    -ms-transform: rotate(237.6deg);

    -o-transform: rotate(237.6deg);

    transform: rotate(237.6deg);
}

.MobilePage .c100.p67 .bar {
    -webkit-transform: rotate(241.2deg);

    -moz-transform: rotate(241.2deg);

    -ms-transform: rotate(241.2deg);

    -o-transform: rotate(241.2deg);

    transform: rotate(241.2deg);
}

.MobilePage .c100.p68 .bar {
    -webkit-transform: rotate(244.8deg);

    -moz-transform: rotate(244.8deg);

    -ms-transform: rotate(244.8deg);

    -o-transform: rotate(244.8deg);

    transform: rotate(244.8deg);
}

.MobilePage .c100.p69 .bar {
    -webkit-transform: rotate(248.4deg);

    -moz-transform: rotate(248.4deg);

    -ms-transform: rotate(248.4deg);

    -o-transform: rotate(248.4deg);

    transform: rotate(248.4deg);
}

.MobilePage .c100.p70 .bar {
    -webkit-transform: rotate(252deg);

    -moz-transform: rotate(252deg);

    -ms-transform: rotate(252deg);

    -o-transform: rotate(252deg);

    transform: rotate(252deg);
}

.MobilePage .c100.p71 .bar {
    -webkit-transform: rotate(255.6deg);

    -moz-transform: rotate(255.6deg);

    -ms-transform: rotate(255.6deg);

    -o-transform: rotate(255.6deg);

    transform: rotate(255.6deg);
}

.MobilePage .c100.p72 .bar {
    -webkit-transform: rotate(259.2deg);

    -moz-transform: rotate(259.2deg);

    -ms-transform: rotate(259.2deg);

    -o-transform: rotate(259.2deg);

    transform: rotate(259.2deg);
}

.MobilePage .c100.p73 .bar {
    -webkit-transform: rotate(262.8deg);

    -moz-transform: rotate(262.8deg);

    -ms-transform: rotate(262.8deg);

    -o-transform: rotate(262.8deg);

    transform: rotate(262.8deg);
}

.MobilePage .c100.p74 .bar {
    -webkit-transform: rotate(266.4deg);

    -moz-transform: rotate(266.4deg);

    -ms-transform: rotate(266.4deg);

    -o-transform: rotate(266.4deg);

    transform: rotate(266.4deg);
}

.MobilePage .c100.p75 .bar {
    -webkit-transform: rotate(270deg);

    -moz-transform: rotate(270deg);

    -ms-transform: rotate(270deg);

    -o-transform: rotate(270deg);

    transform: rotate(270deg);
}

.MobilePage .c100.p76 .bar {
    -webkit-transform: rotate(273.6deg);

    -moz-transform: rotate(273.6deg);

    -ms-transform: rotate(273.6deg);

    -o-transform: rotate(273.6deg);

    transform: rotate(273.6deg);
}

.MobilePage .c100.p77 .bar {
    -webkit-transform: rotate(277.2deg);

    -moz-transform: rotate(277.2deg);

    -ms-transform: rotate(277.2deg);

    -o-transform: rotate(277.2deg);

    transform: rotate(277.2deg);
}

.MobilePage .c100.p78 .bar {
    -webkit-transform: rotate(280.8deg);

    -moz-transform: rotate(280.8deg);

    -ms-transform: rotate(280.8deg);

    -o-transform: rotate(280.8deg);

    transform: rotate(280.8deg);
}

.MobilePage .c100.p79 .bar {
    -webkit-transform: rotate(284.4deg);

    -moz-transform: rotate(284.4deg);

    -ms-transform: rotate(284.4deg);

    -o-transform: rotate(284.4deg);

    transform: rotate(284.4deg);
}

.MobilePage .c100.p80 .bar {
    -webkit-transform: rotate(288deg);

    -moz-transform: rotate(288deg);

    -ms-transform: rotate(288deg);

    -o-transform: rotate(288deg);

    transform: rotate(288deg);
}

.MobilePage .c100.p81 .bar {
    -webkit-transform: rotate(291.6deg);

    -moz-transform: rotate(291.6deg);

    -ms-transform: rotate(291.6deg);

    -o-transform: rotate(291.6deg);

    transform: rotate(291.6deg);
}

.MobilePage .c100.p82 .bar {
    -webkit-transform: rotate(295.2deg);

    -moz-transform: rotate(295.2deg);

    -ms-transform: rotate(295.2deg);

    -o-transform: rotate(295.2deg);

    transform: rotate(295.2deg);
}

.MobilePage .c100.p83 .bar {
    -webkit-transform: rotate(298.8deg);

    -moz-transform: rotate(298.8deg);

    -ms-transform: rotate(298.8deg);

    -o-transform: rotate(298.8deg);

    transform: rotate(298.8deg);
}

.MobilePage .c100.p84 .bar {
    -webkit-transform: rotate(302.4deg);

    -moz-transform: rotate(302.4deg);

    -ms-transform: rotate(302.4deg);

    -o-transform: rotate(302.4deg);

    transform: rotate(302.4deg);
}

.MobilePage .c100.p85 .bar {
    -webkit-transform: rotate(306deg);

    -moz-transform: rotate(306deg);

    -ms-transform: rotate(306deg);

    -o-transform: rotate(306deg);

    transform: rotate(306deg);
}

.MobilePage .c100.p86 .bar {
    -webkit-transform: rotate(309.6deg);

    -moz-transform: rotate(309.6deg);

    -ms-transform: rotate(309.6deg);

    -o-transform: rotate(309.6deg);

    transform: rotate(309.6deg);
}

.MobilePage .c100.p87 .bar {
    -webkit-transform: rotate(313.2deg);

    -moz-transform: rotate(313.2deg);

    -ms-transform: rotate(313.2deg);

    -o-transform: rotate(313.2deg);

    transform: rotate(313.2deg);
}

.MobilePage .c100.p88 .bar {
    -webkit-transform: rotate(316.8deg);

    -moz-transform: rotate(316.8deg);

    -ms-transform: rotate(316.8deg);

    -o-transform: rotate(316.8deg);

    transform: rotate(316.8deg);
}

.MobilePage .c100.p89 .bar {
    -webkit-transform: rotate(320.4deg);

    -moz-transform: rotate(320.4deg);

    -ms-transform: rotate(320.4deg);

    -o-transform: rotate(320.4deg);

    transform: rotate(320.4deg);
}

.MobilePage .c100.p90 .bar {
    -webkit-transform: rotate(324deg);

    -moz-transform: rotate(324deg);

    -ms-transform: rotate(324deg);

    -o-transform: rotate(324deg);

    transform: rotate(324deg);
}

.MobilePage .c100.p91 .bar {
    -webkit-transform: rotate(327.6deg);

    -moz-transform: rotate(327.6deg);

    -ms-transform: rotate(327.6deg);

    -o-transform: rotate(327.6deg);

    transform: rotate(327.6deg);
}

.MobilePage .c100.p92 .bar {
    -webkit-transform: rotate(331.2deg);

    -moz-transform: rotate(331.2deg);

    -ms-transform: rotate(331.2deg);

    -o-transform: rotate(331.2deg);

    transform: rotate(331.2deg);
}

.MobilePage .c100.p93 .bar {
    -webkit-transform: rotate(334.8deg);

    -moz-transform: rotate(334.8deg);

    -ms-transform: rotate(334.8deg);

    -o-transform: rotate(334.8deg);

    transform: rotate(334.8deg);
}

.type_Substitute .type_name span.sout {
    color: #9b9b9be6 !important;
    font-weight: 500 !important;
}

.type_Substitute .type_name span.sin {
    font-weight: 500 !important;
    color: #fff;
}

.MobilePage .c100.p94 .bar {
    -webkit-transform: rotate(338.4deg);

    -moz-transform: rotate(338.4deg);

    -ms-transform: rotate(338.4deg);

    -o-transform: rotate(338.4deg);

    transform: rotate(338.4deg);
}

.MobilePage .c100.p95 .bar {
    -webkit-transform: rotate(342deg);

    -moz-transform: rotate(342deg);

    -ms-transform: rotate(342deg);

    -o-transform: rotate(342deg);

    transform: rotate(342deg);
}

.MobilePage .c100.p96 .bar {
    -webkit-transform: rotate(345.6deg);

    -moz-transform: rotate(345.6deg);

    -ms-transform: rotate(345.6deg);

    -o-transform: rotate(345.6deg);

    transform: rotate(345.6deg);
}

.MobilePage .c100.p97 .bar {
    -webkit-transform: rotate(349.2deg);

    -moz-transform: rotate(349.2deg);

    -ms-transform: rotate(349.2deg);

    -o-transform: rotate(349.2deg);

    transform: rotate(349.2deg);
}

.MobilePage .c100.p98 .bar {
    -webkit-transform: rotate(352.8deg);

    -moz-transform: rotate(352.8deg);

    -ms-transform: rotate(352.8deg);

    -o-transform: rotate(352.8deg);

    transform: rotate(352.8deg);
}

.MobilePage .c100.p99 .bar {
    -webkit-transform: rotate(356.4deg);

    -moz-transform: rotate(356.4deg);

    -ms-transform: rotate(356.4deg);

    -o-transform: rotate(356.4deg);

    transform: rotate(356.4deg);
}

.MobilePage .c100.p100 .bar {
    -webkit-transform: rotate(360deg);

    -moz-transform: rotate(360deg);

    -ms-transform: rotate(360deg);

    -o-transform: rotate(360deg);

    transform: rotate(360deg);
}

.MobilePage .c100:hover {
    cursor: default;
}

.MobilePage .c100:hover>span {
    width: 3.33em;

    line-height: 3.33em;

    font-size: 0.3em;

    color: #307bbb;
}

.MobilePage .c100:hover:after {
    top: 0.04em;

    left: 0.04em;

    width: 0.92em;

    height: 0.92em;
}

.MobilePage .c100.dark {
    background-color: #07326c;
}

.MobilePage .c100.dark .bar,
.MobilePage .MobilePage .c100.dark .fill {
    border-color: #c6ff00 !important;
}

.MobilePage .c100.dark>span {
    color: #777777;
}

.MobilePage .c100.dark:after {
    background-color: #666666;
}

.MobilePage .c100.dark:hover>span {
    color: #c6ff00;
}

.MobilePage .c100.green .bar,
.MobilePage .c100.green .fill {
    border-color: #4db53c !important;
}

.MobilePage .c100.green:hover>span {
    color: #4db53c;
}

.MobilePage .c100.green.dark .bar,
.MobilePage .c100.green.dark .fill {
    border-color: #5fd400 !important;
}

.MobilePage .c100.green.dark:hover>span {
    color: #5fd400;
}

.MobilePage .c100.orange .bar,
.MobilePage .c100.orange .fill {
    border-color: #dd9d22 !important;
}

.MobilePage .c100.orange:hover>span {
    color: #dd9d22;
}

.MobilePage .c100.orange.dark .bar,
.MobilePage .c100.orange.dark .fill {
    border-color: #e08833 !important;
}

.MobilePage .c100.orange.dark:hover>span {
    color: #e08833;
}

/*====== style for head to head section ======*/

.MobilePage section.hd-dff {
    box-sizing: border-box;

    padding: 100px 0px;

    position: relative;

    background: url(https://www.social442.com/public/bg-head-to-head.jpg) no-repeat;

    background-size: cover;

    background-position: 0% 100%;
}

.MobilePage section.hd-dff::before {
    background: #1289de;

    content: '';

    position: absolute;

    width: 100%;

    height: 100%;

    top: 0;

    left: 0;

    opacity: 0.86;
}

.MobilePage section.hd-dff .page-wrapper {
    position: relative;
}

.MobilePage ul.fd-fs {
    list-style: none;
    padding: 0;
    margin: 50px 0;
    display: inline-block;
    width: 100%;
}

.MobilePage ul.fd-fs li {
    display: inline-block;
}

.MobilePage ul.fd-fs li a {
    display: block;

    color: #fff;

    text-decoration: none;

    font-size: 18px;

    font-weight: 400;
}

.MobilePage ul.fd-fs li.active a {
    font-size: 22px;

    font-weight: 600;
}

.MobilePage ul.fd-fs li:not(:last-child) {
    margin-right: 42px;
}

.MobilePage .grid-box-row-3 {
    display: flex;

    justify-content: space-between;

    align-items: center;
}

.MobilePage .max-df {
    display: flex;

    width: 100%;
}

.MobilePage .max-df a {
    display: flex;

    align-items: center;

    width: 100%;

    text-decoration: none;
}

.MobilePage .max-df figure {
    padding: 0;

    margin: 0;
}

.MobilePage .grid-box-clumn-3:nth-of-type(2) {
    width: 33.33%;
}

.MobilePage .grid-box-clumn-3 {
    width: 33.33%;
}

.MobilePage h2.nam-bb-d {
    margin: 0;

    font-size: 46px;

    color: #fff;

    line-height: 52px;

    font-weight: 600;
}

.MobilePage .max-fxt {
    margin: 80px 0 60px;
}

.MobilePage span.lt-d {
    font-size: 20px;

    color: #9bdbf3;

    font-weight: 500;
}

.MobilePage .grid-box-clumn-3:nth-of-type(2) .max-df {
    justify-content: center;
}

.MobilePage .grid-box-clumn-3:first-of-type .max-df a {
    justify-content: flex-end;
}

.MobilePage .grid-box-clumn-3:first-of-type a figure {
    margin-left: 15px;
}

.MobilePage .grid-box-clumn-3:first-of-type .max-df a span.lt-d {
    float: right;
}

.MobilePage .grid-box-clumn-3:last-of-type figure {
    margin-right: 15px;
}

.MobilePage .grid-box-clumn-3:nth-of-type(2) .max-df a {
    width: auto;
}

.MobilePage .grid-box-clumn-3:nth-of-type(2) .max-df a:first-of-type {
    margin-right: 7px;
}

.MobilePage .grid--layout--col-3 {
    display: flex;

    justify-content: space-between;
}

.MobilePage .grid---clounm-3 {
    width: 30%;
}

.MobilePage .grid---clounm-3:nth-of-type(2) {
    width: 75%;

    margin: 0 25px;
}

.MobilePage .sd-dff-s {
    background: #fff;

    border-radius: 6px;

    min-height: 497px;
}

.MobilePage .sd-dff-s-middle {
    background: #002563;

    border-radius: 6px;

    box-sizing: border-box;

    padding: 40px 0px;
}

.MobilePage .sd-dff-s {
    background: #fff;

    border-radius: 6px;
}

.MobilePage h4.gop-ttl {
    text-align: center;

    margin: 0;

    font-size: 14px;

    color: #6f798d;

    text-transform: uppercase;

    font-weight: 700;
}

.MobilePage h4.gop-ttl img {
    margin-right: 5px;

    vertical-align: middle;
}

.MobilePage .grop-counter {
    box-sizing: border-box;

    margin: 0;

    padding: 20px 10px;
}

.MobilePage span.hr-divider {
    display: block;

    height: 36px;

    background: #f2f2f2;
}

.MobilePage .sd-dff-s span.hr-divider:first-of-type {
    border-radius: 6px 6px 0px 0px;
}

.MobilePage ul.listble {
    list-style: none;

    margin: 15px 0 0;

    padding: 0;
}

.MobilePage ul.listble li {
    display: flex;

    justify-content: space-between;

    padding: 5px;

    align-items: center;
}

.MobilePage span.s-ds {
    font-size: 15px;

    color: #7888a0;

    font-weight: 500;
}

.MobilePage span.s-ds img {
    vertical-align: middle;

    margin-right: 5px;
}

.MobilePage li.data-cou-rr-c {
    display: flex;

    align-items: center;

    justify-content: center;
}

.MobilePage ul.rr-cods {
    list-style: none;

    margin: 35px auto;

    padding: 0;

    width: 100%;

    max-width: 332px;
}

.MobilePage li.data-cou-rr-c {
    display: flex;

    align-items: center;

    justify-content: space-between;

    margin-bottom: 15px;
}

.MobilePage span.counte-hdnh,
.MobilePage span.md-f {
    font-size: 16px;

    color: #768eb6;

    font-weight: 500;
}

.MobilePage ul.val-b-ud {
    list-style: none;

    margin: 0 auto;

    padding: 0;

    max-width: 300px;
}

.MobilePage span.mf {
    color: #fff;

    font-size: 16px;

    font-weight: 600;
}

.MobilePage ul.val-b-ud li {
    display: flex;

    justify-content: space-between;

    margin-bottom: 15px;
}

.MobilePage .counter-goals {
    display: flex;

    justify-content: space-between;

    max-width: 380px;

    margin: auto;

    align-items: center;
}

.MobilePage span.gol-tt {
    font-size: 24px;

    color: #c7d1e2;
}

.MobilePage span.d-sp {
    color: #fff;

    font-size: 32px;

    font-weight: 700;
}

.MobilePage span.mtr-st {
    font-size: 11px;

    font-weight: 700;

    color: #fff;

    text-align: center;

    min-width: 35px;

    padding: 4px 8px;

    box-sizing: border-box;

    border-radius: 3px;
}

.MobilePage span.mtr-st.cl-wk {
    background: #ca1e25;
}

.MobilePage span.mtr-st.cl-st {
    background: #88b845;
}

.MobilePage span.mtr-st.cl-vs {
    background: #35ab52;
}

.MobilePage span.hr-divider:last-of-type {
    border-top: 1px solid #e0e1e1b0;
}

.MobilePage span.mtr-st.cl-st {
    background: #e47938;
}

/*==== style for match page =====*/

.MobilePage .top--section {
    border-radius: 0;

    height: auto;
}

.MobilePage img.sc--inser--e {
    position: absolute;

    width: 100%;

    height: 100%;

    object-fit: cover;

    object-position: center;

    border-radius: 7px;

    left: 0;

    top: 0;
}

.MobilePage .card--ops {
    display: flex;

    flex-wrap: nowrap;

    flex-flow: row;

    width: 100%;

    max-width: 320px;

    justify-content: space-between;

    align-items: center;
}

.MobilePage .card--column {
    display: flex;

    flex: 1 1;
}

.MobilePage a.btn---medium {
    box-sizing: border-box;

    display: inline-block;

    padding: 10px 20px;

    text-decoration: none;

    text-align: center;

    border: 1px solid;

    border-radius: 6px;

    box-shadow: 0 0 28px 0 rgba(0, 0, 0, 0.18);

    font-size: 12px;

    font-weight: 600;

    background: #012064;
}

.MobilePage a.bet-btn:hover {
    background: #fff;

    color: #012064;
}

.MobilePage a.btn---medium.danger:hover {
    background: #012064;

    color: #fff;
}

.MobilePage a.btn---medium.danger {
    background: #fff;

    color: #012064;

    /* margin-left: 5px; */

    font-weight: 700;
    padding: 10px 29px;
}

.danger.stream-btn>i {
    margin-left: 2px;
}

.MobilePage div#teams-stat-slider .texm-sl span img {
    width: 25px;

    vertical-align: middle;

    height: 25px;

    object-fit: contain;
}

.MobilePage figure.ops-ps {
    margin: 0;
}

.MobilePage figure.ops-ps img {
    width: 30px;

    height: 30px;

    object-fit: contain;
}

.MobilePage h1.sc--tls {
    margin: 15px 0 0;

    padding: 0;

    color: #fff;

    font-weight: 700;

    font-size: 22px;

    overflow: hidden;

    text-overflow: ellipsis;
}

.MobilePage span.sp-ttrf {
    height: auto;

    opacity: 0.7;

    font-family: Montserrat;

    font-size: 12px;

    font-weight: normal;

    font-style: normal;

    font-stretch: normal;

    line-height: normal;

    color: #fff;

    margin: 15px 0px;

    display: block;
}

.MobilePage .fllex-row--2 {
    display: flex;

    flex-flow: row;

    justify-content: space-between;
}

.MobilePage .flex-colum.sidebar {
    width: 100%;

    max-width: 320px;
}

.MobilePage .flex-colum.sidebar .grid--layout-two-third {
    width: 100%;
}

.MobilePage .flex--column.maim-box {
    width: 100%;

    max-width: 825px;
}

.MobilePage .grid--clumn-one {
    box-sizing: border-box;

    width: 100%;

    padding: 30px;
}

.MobilePage span.marker {
    display: block;

    font-size: 22px;

    font-weight: 700;
}

.MobilePage span.marker.blu {
    color: #ffffff;
}

.MobilePage span.marker.ylo {
    color: #ffffff;
}

.MobilePage .flexx-s {
    display: flex;

    justify-content: space-between;

    flex-flow: row;

    align-items: center;
}

.MobilePage span.tema-po {
    display: flex;

    align-items: center;

    justify-content: flex-start;

    font-size: 18px;

    font-weight: 600;

    color: #fff;
}

.MobilePage .value-welle {
    width: 120px;

    height: 120px;

    border: 30px solid #36c6fd;

    border-radius: 100%;

    position: relative;
}

.MobilePage span.tema-po img {
    max-width: 40px;

    margin-right: 10px;
}

.MobilePage div#home-team-fomation-player-data-last .home-formation {
    width: 100%;
}

.MobilePage div#away-team-fomation-player-data-last .away-formation {
    width: 100%;
}

.MobilePage img.formation_pitch {
    width: 100%;
}

.MobilePage div#form-lineup-custom {
    position: relative;

    width: 100%;

    height: 100%;
}

.MobilePage .formation_4-4-2 div[class^='player'] {
    position: absolute;
}

.MobilePage span.p--rating {
    display: block;

    text-align: center;

    width: 50px;

    height: 35px;

    background: #fff;

    border-radius: 32px;

    line-height: 35px;

    color: #012064;

    font-size: 16px;

    font-weight: 600;

    margin: auto auto 10px;
}

.MobilePage span.player-name a {
    text-decoration: none;

    color: #fff;

    font-size: 13px;

    font-weight: 700;

    opacity: 0.6;
}

.MobilePage .away_formation_4-4-2 div[class^='player'] {
    position: absolute;
}

.MobilePage div[class^='player_'] img {
    display: none;
}

.MobilePage .margin-t--10 {
    top: -15px;
}

.MobilePage h2.fram-titl.flex--card-l {
    display: flex;

    justify-content: center;

    align-items: center;
}

.MobilePage h2.fram-titl.flex--card-l img {
    vertical-align: middle;

    margin: 0 2px;

    max-width: unset;

    height: 20px;

    width: 20px;

    object-fit: contain;
}

.MobilePage .sa--footer {
    display: flex;

    justify-content: center;

    border-top: 1px solid #ffffff1c;

    margin-top: -3px;

    box-sizing: border-box;

    padding: 25px 35px;
}

.MobilePage .as--footer-action {
    width: 100%;

    text-align: center;
}

.MobilePage .flex-card-la-2 {
    display: flex;

    flex-flow: row;

    flex-wrap: wrap;

    justify-content: center;

    box-sizing: border-box;

    padding: 30px 20px;
}

.cbn_fixture_details_wrap {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 20px 0px 0px !important;
}

.cbn_fixture_center {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 0px !important;
    padding: 0px !important;
}

.cbn_fixture_center .ops--divider {
    display: flex;
    justify-content: space-between;
    min-width: 70px;
}

.cbn_fixture_center .card--ops.match-goals-info {
    float: none;
}

.cbn_fixture_left>span,
.cbn_fixture_right>span {
    display: flex;
    align-items: center;
    flex-direction: column;
    gap: 5px;
}

.cbn_fixture_left>span>.fixture_team_color_box,
.cbn_fixture_right>span>.fixture_team_color_box {
    width: 40px;
    height: 34px;
    border-radius: 4px;
    margin: 0 !important;
    display: block;
    vertical-align: middle;
}

.cbn_fixture_center>.fixture-time {
    margin: 10px 0px 0px;
}

.cbn_fixture_center>.fixture-time>span {
    text-align: center !important;
    font-size: 18px !important;
}

.cbn_fixture_left>span>span,
.cbn_fixture_right>span>span {
    font-size: 16px !important;
    line-height: normal;
    text-align: center !important;
}

.cbn_fixture_right>span {}

.cbn_fixture_right>span>.fixture_team_color_box {
    margin: 0px 0px 0px 10px;
}

.cbn_fixture_left,
.cbn_fixture_right {
    width: 40%;
}

.cbn_fixture_center .ops--divider>span {
    font-size: 28px !important;
}

.cbn_fixture_center.sc-box-ba {
    margin: 0px !important;
    padding: 0px 10px !important;
}

@media screen and (min-width: 768px) {
    .formation_seen_1 .flex-card-la-2 {
        padding: 10px 0px !important;
    }

    .formation_seen_1 #section-stats .match_season_stats_parent> :nth-child(1) .match_post_heading {
        margin-top: 15px !important;
    }

    .formation_seen_1 .match-goal-timeline .match_before_half .single-match-item {
        padding-top: 14px !important;
    }

    .club_page_view_content .formation_seen_1 .match-goal-timeline .match_before_half .single-match-item {
        padding-top: 32px !important;
    }

    .formation_seen_1 div#live-match-data-backup-div ul.soccer-club-logos {
        padding-top: 6px !important;
    }

    .cbn-_-main-club-data.fans .formation_seen_1 .cb_lineups-wrapper .cb_tabs_lineups {
        margin-top: 20px !important;
    }

    #section-stats .match_post_heading.match_after_stats_type {
        margin-top: 35px !important;
    }
}

.automaticfeed_league_table tr {
    border-bottom: 1px solid #e1e8ee;
}

@media screen and (max-width: 500px) {
    .formation_seen_1 .flex-card-la-2 {
        padding: 5px 0px !important;
    }

    .formation_seen_1 #section-stats .match_season_stats_parent> :nth-child(1) .match_post_heading {
        margin-top: 8px !important;
    }

    .formation_seen_1 .match-goal-timeline .match_before_half .single-match-item {
        padding-top: 7px !important;
    }

    .formation_seen_1 div#live-match-data-backup-div ul.soccer-club-logos {
        padding-top: 3px !important;
    }

    .formation_seen_1 .cb_lineups-wrapper .cb_tabs_lineups {
        margin-top: 10px !important;
    }

    .formation_seen_1 .section-wrapper>.flex--column {
        margin-top: 8px;
    }

    /* .cbn-_-main-club-data .formation_seen_1 .section-wrapper > .flex--column {
    margin-top: 20px;
  } */
    .cbn-_-main-club-data .formation_seen_1 #section-stats .flex--column {
        margin-top: 0px !important;
    }

    .formation_seen_1 #section-stats .match_season_stats_parent> :nth-child(1) .match_post_heading.match_after_stats_type {
        margin-top: 35px !important;
    }

    li.top-header-item.section-tracker>.icon svg,
    li.top-header-item.section-table>.icon svg,
    li.top-header-item.section-lineups>.icon svg {
        min-width: unset !important;
        width: 100% !important;
    }
}

.MobilePage .grid--card--box.column-2 .card--box-header.bg-ac-b.bg-ac-blue {
    background: #0e2d6d;
}

.MobilePage .grid--card--box.column-2 {
    min-height: auto;

    width: 100%;

    box-sizing: border-box;
}

.MobilePage ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.MobilePage .low-height h2 {
    height: 70px !important;
}

.MobilePage .low-height span.cc-pp-r {
    display: block;

    width: 100%;

    text-align: center;
}

.MobilePage span.team-re {
    display: block;

    text-align: center;

    margin-top: 20px;
}

.MobilePage span.team-re img {
    max-width: 40px;

    margin-bottom: 30px;
}

.MobilePage .sp--tl {
    display: block;

    width: 100%;

    text-align: center;
}

.MobilePage .grid--card--box.comment-box {
    height: 75px;

    min-height: auto;
}

.MobilePage form#comment-form input[type='text'] {
    background: transparent;

    border: none;

    width: 100%;

    height: 75px;

    box-sizing: border-box;

    border-radius: 8px;

    padding: 0px 20px;

    color: #fff;

    margin: 0;

    outline: none;

    font-size: 16px;

    font-family: Montserrat;
}

.MobilePage form#comment-form input[type='text']::placeholder {
    color: #fff;
}

.MobilePage .ass-sub--tt {
    display: flex;

    flex-flow: row;

    padding: 15px 0px;

    font-size: 18px;

    margin-bottom: 30px;

    color: #9b9b9b;
}

.MobilePage .ass-sub--tt span {
    padding: 0px 5px;
}

.MobilePage h3.ccl--tt {
    font-size: 50px;

    font-weight: 400;

    color: #0e2d6d;

    margin: 0;

    line-height: 60px;
}

.MobilePage .posded {
    position: relative;

    width: 100%;

    height: 100%;
}

.MobilePage .as---posd {
    position: absolute;

    width: 100%;

    height: 100%;

    top: 0;

    left: 0;
}

.MobilePage .l-full {
    width: 100%;

    padding-top: 30px;

    padding-bottom: 30px;

    border: none;
}

.MobilePage .l-full.mrgin--10 {
    margin-top: -35px;
}

.MobilePage .formation_4-2-3-1 div[class^='player'] {
    position: absolute;
}

.MobilePage .home-formation.full-width {
    width: 100%;
}

.MobilePage span.cc-pp-r.align-center {
    display: block;

    text-align: center;
}

.MobilePage .progress-circle {
    position: relative;

    display: inline-block;

    margin: 1rem;

    width: 205px;

    height: 200px;

    border-radius: 50%;

    background-color: #ebebeb;
}

.MobilePage .progress-circle:after {
    content: '';

    display: inline-block;

    width: 100%;

    height: 100%;

    border-radius: 50%;

    -webkit-animation: colorload 2s;

    animation: colorload 2s;
}

.MobilePage .progress-circle span {
    font-size: 1rem;

    color: #fff;

    position: absolute;

    left: 50%;

    top: 50%;

    display: block;

    width: 120px;

    height: 120px;

    line-height: 120px;

    margin-left: -60px;

    margin-top: -60px;

    text-align: center;

    border-radius: 50%;

    background: #fff;

    z-index: 1;
}

.MobilePage .progress-circle.progress-70:after {
    background-image:
        linear-gradient(-18deg, #36c6fd 50%, transparent 50%, transparent),
        linear-gradient(270deg, #36c6fd 50%, #edbb00 50%, #edbb00);
}

.MobilePage .team-player-data-wrap div {
    border-radius: 5.1px;

    background-color: #0e2d6d;

    padding: 10px 12px;

    margin-bottom: 10px;

    font-family: Montserrat;

    font-size: 14px;

    font-weight: normal;

    color: white;

    display: flex;

    align-items: center;
}

.MobilePage .team-player-data-wrap div>span {
    font-family: Montserrat;

    font-size: 13.8px;

    font-weight: normal;

    color: #519f19;

    vertical-align: middle;

    margin-right: 8px;
}

.MobilePage .sea-cont>div>h3 {
    color: white;

    font-family: Montserrat;

    font-size: 15px;

    font-weight: normal;

    margin-bottom: 5px;
}

.MobilePage .flex-row--default-col-3 {
    display: flex;

    justify-content: space-between;

    flex-flow: row;
}

.MobilePage ul.season-listing li {
    position: relative;

    background: #0e2d6d;

    border-radius: 4px;

    margin-bottom: 10px;
}

.MobilePage ul.season-listing li .player-image img {
    width: 22px !important;

    height: 22px !important;

    object-fit: cover;
}

.MobilePage .card--layout-content div#left-side-season-state,
.MobilePage .card--layout-content div#right-side-season-state {
    display: flex;

    justify-content: space-between;

    align-items: center;
}

.MobilePage .card--layout-content ul.right-ul-match-report span {
    font-size: 11px;
}

.MobilePage ul.middle-ul-match-report li {
    white-space: nowrap;

    overflow: hidden;

    text-overflow: ellipsis;
}

.MobilePage .card--layout-content .season-state li {
    color: #ffffffad;

    font-size: 11px;
}

.MobilePage .card--layout-content .right-ul-match-report li {
    border-radius: 0px 4px 4px 0px;

    min-width: 70px;

    justify-content: center;

    text-align: center;

    font-size: 14px;
}

.MobilePage .row--row---3 {
    margin-bottom: 30px;
}

.MobilePage .col-flx---3 {
    display: flex;

    flex-flow: column;

    width: 100%;

    max-width: 280px;

    background: #012064;

    border-radius: 8px;
}

.MobilePage .col-flx---3 div[class^='grid--layout'] {
    width: 100%;
}

.MobilePage .col-flx---3 .flex-card-la-2 {
    padding: 0;
}

.MobilePage .col-flx---3 .grid--card--box.column-2 {
    padding: 0;

    max-width: 100%;
}

.MobilePage .col-flx---3 .news-home-section-wrap-tommorrow ul {
    padding: 0px;
}

.MobilePage .col-flx---3 .news-home-section-wrap-tommorrow {
    border: none;
}

.MobilePage span[class^='cc-pp-r'] {
    display: flex;

    align-items: center;

    justify-content: space-between;
}

.MobilePage span[class^='cc-pp-r'] .team-logo {
    width: 42px;

    height: 42px;
}

.MobilePage span[class^='cc-pp-r'] .team-logo img {
    width: 25px;

    height: 25px;

    object-fit: contain;
}

.MobilePage .grid--card--box.column-2 div[class*='tommorrow'] {
    padding: 0;

    border: none;
}

.MobilePage .grid--card--box.column-2 div[class*='tommorrow'] ul {
    padding: 0;
}

.MobilePage .grid--card--box.column-full div[class*='report-wrap'] {
    width: 100%;

    max-width: 600px;

    margin: auto;

    display: flex;

    align-items: center;

    flex-flow: row;

    flex-wrap: wrap;
}

.MobilePage .grid--card--box.column-full div[class*='report-wrap'] ul li {
    margin: 0 0 12px !important;

    padding: 0;
}

.MobilePage .grid--card--box.column-full div[class*='report-wrap'] li span span {
    padding: 5px !important;

    font-size: 15px !important;
}

/*======= Animate Css ===========*/

body {
    margin: 0;

    padding: 0;
}

.MobilePage ul.season-listing span {
    margin-left: 0;

    margin-bottom: 0;
}

.MobilePage .content-wrap .header-wrap {
    width: 100%;

    background-repeat: no-repeat;

    background-size: unset;

    position: relative;

    transition: background 500ms ease-in !important;
}

.MobilePage .content-wrap .header-wrap div {
    position: relative;

    z-index: 9;

    max-width: 100%;
}

.MobilePage span.sc--inser--e {
    border-radius: 0;
}

.MobilePage .min-container {
    width: 100%;

    height: 100%;

    background: #0e2d6d;

    position: relative;

    padding-top: 30px;
}

.MobilePage .lds-ripple {
    position: relative;

    margin: auto;
}

.MobilePage .lds-ripple div {
    box-sizing: content-box;

    position: absolute;

    border-width: 4px;

    border-style: solid;

    opacity: 1;

    border-radius: 50%;

    -webkit-animation: lds-ripple 1.5s cubic-bezier(0, 0.2, 0.8, 1) infinite;

    animation: lds-ripple 1.5s cubic-bezier(0, 0.2, 0.8, 1) infinite;
}

.MobilePage .lds-ripple div:nth-child(1) {
    border-color: #1aafd0;
}

.MobilePage .lds-ripple div:nth-child(2) {
    border-color: #1aafd0;

    -webkit-animation-delay: -0.75s;

    animation-delay: -0.75s;
}

.MobilePage .lds-ripple {
    width: 200px !important;

    height: 200px !important;

    -webkit-transform: translate(-100px, -100px) scale(1) translate(100px, 100px);

    transform: translate(-100px, -100px) scale(1) translate(100px, 100px);
}

/*.card--layout-content span[class^='player'], .MobilePage .away-formation span[class^='player']{

   background: transparent!important;

   box-shadow: none!important;

}

*/

.MobilePage table.pro-league {
    width: 100%;
}

.MobilePage table.pro-league {
    box-sizing: border-box;

    border-collapse: collapse;

    border-radius: 6px;

    display: block;

    overflow: auto;
}

.MobilePage .table-lea-status table tbody {
    background-color: white;

    border-radius: 6px;
}

.MobilePage .league_table_wrap_main table thead tr {
    background-color: #ffffff;
}

.MobilePage .league_table_wrap_main table thead tr td {
    color: #000 !important;

    padding: 10px;
}

.match_page_body .MobilePage .league_table_wrap_main table thead tr td,
.cbn-_-main-club-data.fans .MobilePage .league_table_wrap_main table thead tr td {
    color: white !important;

    padding: 10px;
}

.MobilePage div#league-table-wrap-match {
    background: transparent;
}

.MobilePage div#league-table-wrap-match .card--box-header {
    display: none;
}

.MobilePage div#league-table-wrap-match .flex-card-la-2 {
    padding: 0;
}

.MobilePage table.pro-league th,
.MobilePage table.pro-league td {
    text-align: center;

    box-sizing: border-box;

    padding: 10px 8px;

    color: #062060;

    font-weight: 400;

    font-size: 14px;
}

.MobilePage table.pro-league img {
    max-width: 23px;

    width: auto;

    height: auto;

    vertical-align: middle;

    margin-right: 5px;

    object-fit: cover;
}

.MobilePage table.pro-league th {
    font-weight: 600;

    color: #fff;

    height: 60px;
}

.MobilePage table.pro-league th:nth-of-type(2),
.MobilePage table.pro-league td:nth-of-type(2) {
    max-width: 150px;

    white-space: nowrap;

    overflow: hidden;

    text-overflow: ellipsis;

    text-align: left;
}

.MobilePage a.club-title,
.MobilePage a.club-title:hover,
.MobilePage a.club-title:link,
.MobilePage a.club-title:visited {
    color: #062060;

    text-decoration: none;
}

.MobilePage .card--box-header.bg-ac-b.bg-ac-blue {
    border-radius: 0px;
    margin: 0px !important;
}

.MobilePage .top-section .grid--card--box {
    margin-bottom: 0;
}

.MobilePage .top-section .grid--card--box {
    border-radius: 0;
}

.MobilePage .header-wrap .grid--clumn-one {
    padding: 50px;
}

.MobilePage .team-player-data-wrap {
    padding: 10px;

    width: 100%;

    box-sizing: border-box;

    background-color: transparent;
}

.MobilePage .progress-bar div {
    position: absolute !important;
}

.MobilePage .header-wrap .grid--clumn-one .flexx-s {
    max-width: 1170px;

    margin: auto;
}

.MobilePage .flex--card-2 {
    width: 92%;

    margin: auto;

    padding-top: 110px;
}

.MobilePage .grid--card--box.chances_top_win>div {
    margin: auto;
}

.MobilePage div#league-table-main-all {
    width: 100%;
}

.MobilePage .content-wrap .top-section {
    background-color: #0e2d6d;

    margin-top: 44px;
}

.MobilePage .content-wrap .header-wrap div.chances_top_win {
    max-width: 1176px;

    margin: auto;

    display: block;

    border-radius: 6px;

    overflow: hidden;

    margin-top: 30px;
}

.MobilePage div#league-table-main-all table tbody tr:nth-child(even) {
    background-color: rgb(230 230 230 / 0%);
    border-top: 1px solid #e1e8ee;
    border-bottom: 1px solid #e1e8ee;
}

.MobilePage div#league-table-main-all table tbody tr {
    border: none;
}

.MobilePage .sc-tg {
    font-weight: 500 !important;

    color: #062060 !important;
}

.MobilePage h1.sc--tls {
    max-width: 300px;

    white-space: normal;
}

.MobilePage .predition-txt {
    text-align: center;

    padding: 15px;
}

.MobilePage .predition-txt h2.fram-titl {
    height: auto !important;
}

.MobilePage span.tema-po {
    font-size: 10px;

    font-weight: normal;

    color: #ffffff;
}

.MobilePage .predition-txt h2.fram-titl {
    text-align: center;

    align-items: center;

    justify-content: center;
}

.MobilePage .predition-txt h2.fram-titl span.cc-pp-r {
    font-size: 13px;
}

.MobilePage h2.fram-titl.flex--card-l span.align-center {
    font-size: 11px;
}

.MobilePage .lds-css.ng-scope.home-ripple {
    margin-left: 110px;
}

.MobilePage .formation-last-match-record .lds-css.ng-scope {
    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;
}

.MobilePage .fllex-row--2 .flex--column {
    width: 100%;
}

.MobilePage .top-section .position {
    margin: 10px 20px;
}

.MobilePage .top-section .progress-bar {
    height: 200px;

    border-radius: unset;

    width: 200px;
}

.MobilePage .top-section .progress-bar div span {
    height: 144px;

    width: 144px;
}

.MobilePage .automaticfeed_league_table td:first-child {
    padding-left: 5px;

    text-align: center;
}

.MobilePage table.automaticfeed_league_table.league_table_one tbody tr th:first-child {
    text-align: center;
}

.MobilePage div#league-table-main-all table tbody tr.other {
    background-color: #36c6fd;
}

.MobilePage div#league-table-main-all table tbody tr.current {
    background-color: #dadada;
}

.MobilePage .content-wrap .header-wrap div.chances_top_win .flexx-s {
    max-width: 775px;
}

.MobilePage span#away-team-percentage {
    text-align: right;
}

.MobilePage span.tema-po.team-away {
    justify-content: flex-end;

    text-align: right;
}

.MobilePage span.sc--inser--e {
    position: absolute;

    width: 100%;

    height: 100%;

    background-size: cover;

    left: 0;

    top: 0;

    background-position: top;
}

.MobilePage .top--section::after {
    content: '';

    /*background-image: url(https://www.social442.com/public/club-new/header/generic-header-image.jpg);*/

    position: absolute;

    top: 0;

    background-position: center;

    bottom: 0;

    max-height: 800px;

    left: 0;

    background-repeat: no-repeat;

    right: 0;

    height: 190px;

    background-size: cover;

    width: 100%;
}

.MobilePage .top--section::before {
    content: '';

    background: url(https://www.social442.com/public/bg_top_loading.png) no-repeat;

    position: absolute;

    width: 100%;

    height: 250px;

    z-index: 1;

    left: 0;

    top: -57px;

    background-size: 845px 860px;

    background-position: -319px -58px;
}

/*------------------------------match-page-style-----------*/

.MobilePage div#section-lineups div.chances_top_win .flexx-s {
    max-width: 270px;

    margin: auto;
}

.MobilePage div#section-lineups .position {
    margin: 10px 20px;
}

.MobilePage div#section-lineups .chances_top_win .grid--layout--2 .grid--clumn-one {
    padding: 15px 20px;
}

.MobilePage .cb_main_wrap {
    overflow: hidden;

    margin: auto;

    margin-top: -1px;
}

.MobilePage .cb-page-wrapper {
    background-color: #0e2c6a;
}

body .MobilePage .timeline .kickoff_timline {
    text-align: center;

    color: white;

    position: relative;

    font-size: 13px;

    margin-top: 15px;

    z-index: 9;

    background-color: #012063;

    padding: 2px;
}

.MobilePage .live-loading-text {
    text-align: center;

    padding: 0px 0 20px;
}

.MobilePage .full_timline {
    text-align: center;

    color: white;

    margin-top: 15px;

    font-size: 13px;

    margin-bottom: 10px;

    z-index: 99;

    background-color: #012063;

    position: relative;

    padding: 3px;
}

.MobilePage .half_timeline {
    color: white;

    text-align: center;

    margin-top: 25px;

    background-color: #012063;

    position: relative;

    font-size: 13px;

    padding: 3px;

    z-index: 99;
}

.MobilePage .top_header_match {
    background-color: #012063;

    border-radius: 6px 6px 0 0;
}

.MobilePage img.scores_ico {
    height: 26px;

    margin-top: 0px;
}

.MobilePage .seprate-section-live-timeline {
    margin-bottom: 30px;

    /* border-radius: 6px; */

    overflow: hidden;
}

.MobilePage .row--row---3 .col-flx---3 {
    max-width: 100%;

    margin-bottom: 20px;
}

.MobilePage .timeline {
    margin: 0 auto;

    padding-bottom: 0px;

    margin-bottom: 25px;
}

.MobilePage div#section-table .normal-section-next-match-wrap {
    background-color: #012063;

    margin-bottom: 30px;

    border-radius: 6px;

    overflow: hidden;
}

.MobilePage div#section-table .normal-section-next-match-wrap * {
    outline: none;
}

.MobilePage div#section-table .normal-section-next-match-wrap .sc-rte {
    max-width: 100%;

    margin-right: 0;

    min-height: auto !important;
}

.MobilePage div#section-table .normal-section-next-match-wrap .sc-rte h3 img {
    width: 22px;

    vertical-align: middle;

    display: inline-block;

    margin-right: 6px;
}

.MobilePage span[class^='cc-pp-r'] .team-logo {
    width: 35px;

    height: 35px;
}

.MobilePage div#section-table .normal-section-next-match-wrap ul.season-listing span {
    margin-left: 0;
}

.MobilePage .slick-dots {
    position: absolute;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
    justify-content: flex-end;
    display: flex !important;
    top: 0;
    border-radius: 100%;
    bottom: inherit;
    right: 25px !important;
    width: auto;
    height: 80px;
    align-items: center;
}

.MobilePage .slick-dots li {
    position: relative;
    display: inline-block;
    padding: 0;
    cursor: pointer;
    margin: 0 2px;
    width: auto;
    height: auto;
    opacity: 0.5;
}

.MobilePage .slick-dots li button {
    font-size: 0;
    line-height: 0;
    display: block;
    cursor: pointer;
    color: transparent;
    outline: none;
    background: transparent;
    background-color: transparent !important;
    border: 1px solid white !important;
    border-radius: 100%;
    width: 6px;
    padding: 3px;
    height: 6px;
}

.MobilePage ul.slick-dots li.slick-active {
    opacity: 1 !important;
}

.MobilePage li.slick-active button {
    background-color: white !important;
    opacity: 1 !important;
}

.MobilePage div#section-table table.automaticfeed_league_table.league_table_one {
    width: 100%;
    box-sizing: border-box;
    margin: auto;
    overflow: hidden;
    background-color: white;
    display: table;
    border-radius: 0px 0px 6px 6px;
}

.MobilePage .flex--card-2 .bet-btn {
    color: white;
    background: #36c6fd;
}

.MobilePage div#section-lineups .generic_plyers_list {
    padding: 10px;
}

.MobilePage div#section-table .flex-card-la-2 {
    padding: 0px 0px 10px;
}

.MobilePage div#section-table .sc-rte .sea-cont {
    padding: 10px 0;
}

.MobilePage img.team_logo {
    margin-right: 4px;
    max-height: 16px;
    max-width: 16px;
    vertical-align: middle;
}

.MobilePage table.automaticfeed_league_table {
    border-collapse: collapse;
}

.MobilePage div#section-table {
    margin-bottom: 20px;
}

/*----------------------------------------------------------*/

.MobilePage div#news-section-match-page ul li a.cb_news_lnk h3 {
    font-size: 10px;
    font-weight: normal;
}

.MobilePage div#news-section-match-page ul li {
    background-color: #0e2d6d;
    color: white;
    padding: 15px;
    margin-bottom: 10px;
    border-radius: 6px;
}

.MobilePage div#news-section-match-page ul li a.cb_news_lnk {
    height: auto;
    text-decoration: none;
    display: block;
    color: white;
}

.MobilePage .generic_plyers_list li {
    font-size: 10px;
}

.MobilePage .missing-players-away-section-wrap-live .generic_plyers_list li {
    padding-left: 32px !important;
}

.MobilePage .generic_plyers_list li {
    padding-left: 32px !important;
}

.MobilePage .subtitutes-away-section-wrap-live .generic_plyers_list li {
    padding-left: 33px !important;
}

.MobilePage div#section-lineups .generic_plyers_list li span {
    display: inline-block;
}

.MobilePage .team-player-data-wrap div {
    font-size: 11px;
}

.MobilePage .sea-cont>div>h3 {
    font-size: 11px;
    font-weight: bold;
}

.MobilePage .combine-class>ul>li>li {
    font-size: 13px;
}

.MobilePage section#last-match-summary-section span.sp-ttrf {
    color: #9b9b9b;
    opacity: 1 !important;
    margin: 0;
    font-size: 18px;
    line-height: normal;
    height: auto;
}

.MobilePage .card--box-header.bg-ac-b.bg-ac-blue span.cc-pp-r b {
    margin-right: 7px;
}

.MobilePage section#last-match-summary-section .flex--column.maim-box {
    max-width: 56%;
}

.MobilePage section#last-match-summary-section .flex-colum.sidebar {
    max-width: 41%;
}

.MobilePage span.chjd-.current-state:after {
    position: absolute;
    content: '';
    width: 100%;
    height: 3px;
    background: #071f64;
    top: 51px;
}

.live-match-stats-formation .as--footer-action ul li {
    padding: 6px 10px;
    padding-bottom: 8px;
    color: rgba(255, 255, 255, 0.6);
    font-weight: 600;
    border-bottom: 2px solid #dedede;
    white-space: nowrap;
    cursor: pointer;
}

.live-match-stats-formation .as--footer-action ul li div {
    text-align: center;
    color: #9b9b9be6;
}

.live-match-stats-formation .as--footer-action ul li div:first-child {
    margin-bottom: 3px;
    margin-top: 10px;
    font-size: 10px;
    white-space: nowrap;
    text-align: center;
    color: #9b9b9be6;
}

.live-match-stats-formation .as--footer-action ul li div span {
    display: inline-block;
    font-size: 10px;
}

.live-match-stats-formation .as--footer-action ul li div span:nth-child(2) {
    margin: 0 3px;
}

.live-match-stats-formation .as--footer-action ul li.active {
    border-bottom: 2px solid #fff;
}

.live-match-stats-formation .as--footer-action ul li.active div {
    color: #fff;
    font-weight: 700;
}

.MobilePage div#main-wrap-missing-section-match span.cc-pp-r {
    height: 50px;
    font-size: 12px;
}

.MobilePage div#main-wrap-missing-section-match span[class^='cc-pp-r'] .team-logo {
    width: 25px;

    height: 25px;

    margin: 0 2px;
}

.MobilePage div#missing-players-home-section-live>ul>li.s442_red_button:first-child {
    display: none;
}

.MobilePage div#missing-players-away-section-live>ul>li.s442_red_button:first-child {
    display: none;
}

.MobilePage .generic_plyers_list li {
    height: auto;

    padding: 15px;

    letter-spacing: 1px;

    font-family: Montserrat;

    font-size: 9px;

    color: white;
}

.MobilePage .generic_plyers_list li .player-image {
    background-color: transparent;

    display: flex;

    align-items: center;

    justify-content: center;

    margin-left: 10px;
}

.MobilePage .generic_plyers_list div {
    color: white;

    font-family: Montserrat;

    font-size: 9px;

    margin-right: 5px;

    position: absolute;

    left: 0;

    top: 0;

    bottom: 0;
}

.MobilePage .player-image img {
    width: 22px !important;

    height: 22px !important;

    border-radius: 100%;
}

.MobilePage .home-formation {
    margin-top: 0;

    position: absolute;

    top: 0px;

    width: 100%;

    height: 50%;
}

.MobilePage .away-formation {
    height: 50%;

    top: 50% !important;

    width: 100%;

    position: absolute;

    margin-top: 0;
}

/*.team-logo:before {

    position: absolute;

    content: '';

    width: 100%;

    height: 3px;

    background: #071f64;

    left: 0;

    top: 32px;

}*/

.MobilePage .team-logo {
    position: relative;
}

.MobilePage .team-logo.active:before {
    background: white;

    position: absolute;

    content: '';

    width: 100%;

    height: 3px;

    left: 0;

    top: 34px;
}

.MobilePage div#news-section-match-page ul li:last-child {
    margin-bottom: 0;
}

.MobilePage .automaticfeed_league_table td {
    padding: 18px 0px;
    font-size: 15px;
    text-align: center;
}

.MobilePage section#last-match-summary-section {
    padding: 0 20px;
}

.MobilePage section#last-match-summary-section h2.fram-titl {
    margin-bottom: 0;

    margin-top: 0;

    padding-top: 10px;
}

.MobilePage .middle-ul-match-report li:nth-child(2) {
    padding: 5px;
}

.MobilePage ul.left-ul-match-report li span {
    display: flex !important;

    justify-content: flex-end;
}

.MobilePage ul.left-ul-match-report>li>span>span {
    border-radius: 6px 0px 0px 6px !important;

    display: flex !important;
}

.MobilePage .main-home-away-team-match-report-wrap>ul li span>span {
    font-size: 11px;
}

.MobilePage div#section-lineups .fllex-row--2 .flex--column>div {
    margin-bottom: 20px;
}

.MobilePage div#league-atble-wrap-match {
    margin-bottom: 20px;
}

.MobilePage section#last-match-summary-section .grid--card--box.bg-ac-b {
    margin-bottom: 20px;

    margin-top: 0;
}

.MobilePage .cb-last-match-stats-bottom-wrap .grid--card--box:first-child {
    margin-bottom: 20px;
}

.MobilePage h3.final-score-standing {
    display: none;
}

.MobilePage .main-home-away-team-match-report-wrap {
    display: flex;

    justify-content: space-between;
}

.MobilePage ul.middle-ul-match-report li {
    margin: 18px 0px;
}

.MobilePage .main-home-away-team-match-report-wrap>ul {
    display: block;

    width: 90px;
}

.MobilePage ul.middle-ul-match-report {
    margin: 0 10px;
}

.MobilePage div#season-status-main-wrapper .flex-card-la-2 {
    padding: 10px 20px;
}

.MobilePage .progress-bar {
    position: relative;

    height: 100px;

    border-radius: 100%;

    overflow: hidden;

    width: 100px;
}

.MobilePage .progress-bar div {
    height: 100px;

    width: 100px;
}

.MobilePage div#section-lineups .progress-bar div span {
    height: 95px;

    width: 95px;
}

.MobilePage .chances_top_win h2.fram-titl {
    border-bottom: none !important;
}

.MobilePage .sc-rte ul.season-listing li {
    height: auto;

    justify-content: end;

    padding: 10px 10px 15px;

    align-items: center;
}

.cbn-_-main-club-data .formation_seen_1 #section-stats .match_season_stats_parent> :nth-child(1) .match_post_heading {
    margin-top: 0px !important;
}

.MobilePage div#section-table .normal-section-next-match-wrap ul.season-listing span {
    margin-bottom: 0;

    margin-left: 0;
}

.MobilePage .avtar-cicle img {
    width: 27px;

    height: 27px;

    border-radius: 100%;

    object-fit: cover;
}

.MobilePage .sea-cont .avtart-card {
    margin: 0 7px;
}

.MobilePage .sc-rte ul.season-listing li .avtart-card span.season-rating-info {
    top: 21px;

    width: 26px;

    font-size: 8px;

    border-radius: 47px;

    margin-left: 0;

    height: 16px;

    left: 0px;

    line-height: 16px;
}

.MobilePage .content-wrap .header-wrap div.card--ops {
    max-width: 120px;
}

.MobilePage div#teams-stat-slider .sc-rte .se-header h3 {
    opacity: 1;
}

.MobilePage div#teams-stat-slider h2.fram-titl {
    display: flex;

    justify-content: center;

    align-items: center;
}

.MobilePage div#section-table div#teams-stat-slider {
    margin-bottom: 20px;
}

.MobilePage .sc-rte ul.season-listing li:last-child {
    margin-bottom: 0;
}

.MobilePage .normal-section-next-match-wrap ul.slick-dots {
    top: 10px;
}

.MobilePage div#strength-weakness-match-page .flex-card-la-2 {
    justify-content: end;
}

.MobilePage div#home-strength-weakness-season-wrap .column-2 {
    width: 100%;
}

@media (max-width: 345px) {
    .MobilePage .main-home-away-team-match-report-wrap>ul {
        width: 80px;
    }
}

@media (max-width: 330px) {
    .MobilePage h3.clb-t {
        font-size: 16px;
    }

    .MobilePage .last-match-stats-section-data-team .page-wrapper h4.gr-guixd span {
        font-size: 10px;
    }
}

.MobilePage div#section-lineups .live-whole-section-wrap {
    margin: 0;
}

.MobilePage div#section-lineups .live-whole-section-wrap {
    margin: 0;

    margin-bottom: 20px !important;
}

.MobilePage .live-whole-section-wrap .tommorrow-match-section {
    margin-top: 0 !important;
}

.MobilePage div.probale-lineups-middle-wrap ul li {
    padding: 5px 0 0;
}

.MobilePage .away-team-logo {
    justify-content: flex-end;
}

.MobilePage .missing-player-section-oneday-wrap .generic_plyers_list {
    padding: 0;
}

.MobilePage .live-whole-section-wrap.tomarrow-whole-section-wrap .players-section-wrap-global .card--box-header h2.fram-titl {
    margin-top: 13px;

    margin-bottom: 10px;
}

@media (max-width: 330px) {
    .MobilePage div#section-lineups .position {
        margin: 10px 0px;
    }
}

.MobilePage .soccer-data-heading {
    display: block !important;

    text-align: center;

    padding: 0px !important;

    height: auto !important;

    border-bottom: 1px solid rgba(255, 255, 255, 0.2);

    color: #fff !important;

    width: 100%;

    box-sizing: border-box;
}

ul.toggle-items.soccer-section-items {
    display: none !important;
}

.MobilePage .soccer-data-heading ul {
    display: flex;

    align-items: center;

    justify-content: center;

    width: 100% !important;

    margin-top: 0;

    padding: 20px 0;
}

.MobilePage .soccer-data-heading ul.soccer-club-logos {
    padding: 12px 0;
}

.MobilePage .soccer-data-heading ul li {
    width: 100% !important;

    min-height: auto;

    margin-right: 13px !important;

    color: white;

    padding-top: 0;

    font-weight: normal;
}

.MobilePage .soccer-data-heading ul li:last-child {
    margin-right: 0 !important;
}

.MobilePage .soccer-data-heading .team-logo.active:before {
    top: 31px;
}

.MobilePage .soccer-data-heading ul li.soccer-team-logo {
    width: auto !important;

    margin-right: 10px !important;

    font-size: 0;

    min-width: auto;

    position: relative;
}

.MobilePage .slickslider-section-players .title-card .txt-sl-listing {
    margin-left: 0;

    margin-bottom: 0;
}

.MobilePage div#teams-stat-slider {
    background: transparent;
}

.MobilePage div#teams-stat-slider .normal-player-sections {
    overflow: hidden;

    margin-bottom: 15px;
}

.MobilePage div#teams-stat-slider .normal-player-sections:last-child {
    margin-bottom: 0;
}

/*-0------------------time-line----------------*/

.MobilePage .top_header_match {
    text-align: center;

    padding: 10px 0 6px 0 !important;

    border-bottom: 1px solid #1b3774;

    background-color: #012063;

    border-radius: 6px 6px 0 0;
}

.MobilePage .top_header_match>div {
    display: inline-block;

    vertical-align: top;

    padding: 1px 10px;

    position: relative;

    z-index: 2;

    cursor: pointer;
}

.MobilePage .league_name_started {
    left: 0;

    right: 0;

    text-align: center;

    top: 0;

    font-weight: 600;

    color: #fff;

    font-size: 18px;

    position: relative !important;

    margin-top: 15px;
    letter-spacing: 0.5px;
}

.league_timeline_header {
    margin-top: 25px;
    display: none;
}

.live_vidi_league_wrap {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 15px;
}

.home_team_logo_wrap {
    width: fit-content;
    height: auto;
}

.home_team_logo_wrap img {
    width: 100%;
    height: 100%;
}

.MobilePage .goals_data .cb_live_vidi_content span {
    color: #fff;
    font-weight: 500;
}

.live_vidi_league_wrap .cb_live_vidi_content span {
    color: #fff;
    font-weight: 500;
    font-size: 18px;
    padding: 8px;
}

.MobilePage .ft_a {
    margin-bottom: 7px;

    font-size: 15px;

    font-weight: 700;

    color: #fff;
}

.MobilePage .goals_data {
    font-size: 24px;

    vertical-align: bottom;

    color: #fff;

    margin-top: 13px;

    position: relative !important;

    right: 0;

    left: 0;

    text-align: center;
}

.MobilePage .goals_data span {
    padding: 8px;

    font-size: 18px;

    font-weight: 100;
}

.MobilePage .timeline {
    margin: 0 auto;

    padding-bottom: 0px;

    margin-bottom: 25px;
}

.MobilePage .timeline {
    position: relative;

    width: 100%;

    display: block;

    overflow: hidden;
}

.MobilePage .half_timeline {
    color: white;

    text-align: center;

    margin-top: 25px;

    background-color: #012063;

    position: relative;

    padding: 3px;

    z-index: 99;
}

.MobilePage .timeline .right {
    left: 50%;
}

.MobilePage .type_center {
    position: absolute;
    width: 23px;
    height: 23px;
    right: -13px;
    background-color: #f1f1f1;
    border: 2px solid #001d72;
    top: 24px;
    border-radius: 50%;
    z-index: 1;
    font-size: 0;
}

.MobilePage .type_center.Card,
.MobilePage .type_center.Substitute {
    width: 21px;

    height: 21px;

    right: -12px;
}

.MobilePage .container_timeline.right .type_center.Card,
.MobilePage .container_timeline.right .type_center.Substitute {
    left: -9px;
}

.MobilePage .container_timeline .type_center.Yellow.Card:before {
    background: #ff0;

    content: '';

    height: 13px;

    width: 8px;

    display: block;

    margin: 3px auto 0 5px;
}

.MobilePage .type_time {
    padding: 3px 8px;
    background: rgba(255, 255, 255, 0.15);
    color: #fff;
    font-size: 12px;
    border-radius: 3px;
    width: auto;
    min-width: 50px;
    text-align: center;
    height: max-content;
    font-weight: 500;
}

.MobilePage .type_Goal .type_time {
    background: red;
}

.type_Substitute .type_name span.sout>i {
    color: red;
}

.type_Substitute .type_name span.sin>i {
    color: #1b8800;
}

.MobilePage .timeline .content {
    padding: 0;
    color: #fff;
    position: relative;
    vertical-align: top;
    display: flex;
    align-items: center;
}

.MobilePage .timeline .content .type_name_wrap {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    width: 100%;
}

span.timeline_goals_icon {
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.MobilePage .timeline .left .content {
    flex-direction: row-reverse;
}

.MobilePage .timeline .right .content .type_name_wrap {
    padding-left: 20px;
}

.MobilePage .timeline .left .content .type_name_wrap {
    padding-right: 20px;
}

.MobilePage .timeline .right .type_name_wrap {
    justify-content: flex-start;
}

.MobilePage .timeline .type_name_wrap .type_name_detail {
    color: #fff;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 0.3px;
    display: none;
}

.MobilePage .container_timeline .type_center.Goal {
    background-repeat: no-repeat;

    background-position: center;

    background-size: 15px;
}

.MobilePage .container_timeline.right .type_center {
    left: -10px;
}

.MobilePage .container_timeline.type_Goal .type_name {
    font-size: 11px;
    display: flex;
    flex-direction: column;
}

.MobilePage .container_timeline.type_Goal .type_name {
    color: #fff;
}

.container_timeline.type_Card .type_name {
    color: #fff;
    font-size: 12px;
    display: flex;
    align-items: center;
    flex-direction: row-reverse;
    font-weight: 500;
}

.container_timeline.type_Card .type_name .cbn_player_card {
    position: initial;
    display: inline-block;
    margin-right: 10px;
    width: 14px;
    height: 18px;
}

.container_timeline.type_Card.left .type_name {
    flex-direction: row;
}

.container_timeline.type_Card.left .type_name .cbn_player_card {
    margin-right: 0;
    margin-left: 10px;
}

.MobilePage .container_timeline .type_name span {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    font-size: 12px;
    line-height: 18px;
}

.MobilePage .container_timeline.right .type_name span {
    justify-content: flex-start;
}

.MobilePage .container_timeline.right .type_name span>i {
    margin-left: 0;
    margin-right: 12px;
}

.type_Substitute .type_name span>i {
    margin-left: 12px;
    font-size: 14px;
}

.timeline .timeline_inside_live {
    position: relative;
}

.timeline_inside_live.timeline_pen_parent::after {
    display: none;
}

.timeline_inside_live::after {
    content: '';
    position: absolute;
    width: 1px;
    top: 16px;
    bottom: 0;
    left: 50%;
    margin-left: 0;
    border-right: 1px dashed #36c6fd;
}

.MobilePage .container_timeline.type_Pen_Goal {
    margin: auto;
}

.MobilePage .container_timeline.type_Pen_Goal .content {
    justify-content: center;
}

.timeline_pen_goal_wrap.timeline_home_pen_goal {
    flex-direction: row-reverse;
    margin-right: 25px;
}

.timeline_pen_goal_wrap.timeline_away_pen_goal {
    margin-left: 25px;
}

.content .timeline_pen_goal_wrap {
    display: flex;
    width: 300px;
}

.content .timeline_pen_goal_wrap .type_time {
    background: red;
}

.content .timeline_pen_goal_wrap .type_time.pen_miss_text {
    background: rgba(255, 255, 255, 0.15);
}

.content .timeline_pen_goal_wrap .type_name span.goal_player_name {
    color: #fff;
}

.timeline_pen_goal_wrap.timeline_home_pen_goal .type_name {
    padding-right: 20px;
}

.timeline_pen_goal_wrap.timeline_away_pen_goal .type_name {
    padding-left: 20px;
}

.timeline_pen_goal_wrap.timeline_away_pen_goal .type_name_wrap {
    justify-content: flex-start !important;
}

.MobilePage div#section-lineups {
    margin-bottom: 20px;
}

.MobilePage div#section-stats div#season-status-main-wrapper {
    margin-bottom: 20px;
}

.MobilePage .sc-rte .se-header img {
    width: 22px;

    vertical-align: middle;

    margin-right: 5px;
}

.MobilePage div#section-stats {
    margin-bottom: 20px;
}

.MobilePage .section-wrapper>.flex--column {
    margin-bottom: 20px;
}

.formation_seen_1 .section-wrapper>.flex--column {
    margin-bottom: 0px;
}

/*---------------------------------------------*/

.MobilePage .vidi-timer {
    padding: 20px 15px;

    background-color: #012064;

    border-radius: 6px;
}

.MobilePage .vidi-timer span.timer-text {
    display: block;

    text-align: center;

    color: white;

    font-size: 13px;

    margin-bottom: 15px;
    letter-spacing: 1px;
}

.MobilePage div#remaining-timer {
    text-align: center;

    display: flex;

    align-items: center;

    justify-content: space-between;
}

.MobilePage div#remaining-timer>div {
    display: inline-block;

    text-align: center;

    background-color: #0e2d6d;

    color: white;

    border-radius: 4px;

    font-size: 11px;

    margin: 0px 4px;

    width: 100%;

    padding: 9px 0;
}

.MobilePage div#remaining-timer>div span {
    display: block;

    margin-bottom: 3px;
}

.MobilePage div#remaining-timer>div span:last-child {
    margin-bottom: 0;
}

.MobilePage div#remaining-timer>div span:first-child {
    font-size: 17px;

    font-weight: bold;
}

.MobilePage .prediction-wrapper {
    margin-bottom: 20px;

    border-radius: 6px;

    background-color: #012064;

    padding: 20px 20px;
}

.MobilePage .bet-popup-ans-section {
    display: flex;

    flex-flow: row;

    box-sizing: border-box;

    justify-content: space-between;

    max-width: 220px;

    margin: auto;

    border-radius: 4px;
}

.MobilePage .bet-popup-ans-section .bet-popup-answers {
    background: #0e2d6d;

    width: 100%;

    max-width: 66px;

    border-radius: 4px;

    display: flex;

    justify-content: center;

    align-items: center;

    height: 55px;

    color: #fff;
}

.MobilePage .bet-popup-ans-section .bet-popup-answers a {
    display: flex;

    width: 100%;

    height: 100%;

    justify-content: center;

    font-size: 13px;

    align-items: center;

    text-decoration: none;

    color: #ffffff;

    border-radius: 4px;

    transition: background 0.3s ease-out;
}

.MobilePage h3.bet-middle-heding {
    font-size: 13px;

    color: #fff;

    font-weight: 700;

    line-height: normal;

    position: relative;

    text-align: center;

    z-index: 22;
}

.MobilePage .bet-middle-left-heading {
    text-align: center;

    margin-top: 15px;

    margin-bottom: 8px;
}

.MobilePage .bet-middle-club-logo-wrapper span img {
    height: 18px;

    width: auto;

    margin: 0 2px;
}

.MobilePage .no-data:hover {
    background-color: white !important;
    color: #011567;
}

.MobilePage .no-data {
    cursor: pointer;
    text-align: center;

    padding: 10px;

    font-size: 13px;

    color: white;

    background-color: #011567 !important;
    border: 1px solid white !important;
    border-radius: 4px;

    max-width: 220px;

    margin: auto;
    margin-top: 12px;
    font-weight: 600;
}

.MobilePage .sc-rte .sea-cont {
    box-sizing: border-box;

    padding: 20px 10px;

    overflow: hidden;

    border-top: none;
}

.MobilePage .sc-rte .sea-cont .left-section-players {
    float: left;

    width: 48%;
}

.MobilePage .sc-rte .sea-cont .right-section-players {
    float: right;

    width: 48%;
}

.venue-details.cb-location_details span {
    color: #fff;

    font-size: 12px;

    font-weight: 500;
}

.MobilePage span.venue-location {
    font-size: 11px;

    margin: 10px 0;
}

.venue-details.cb-location_details {
    padding: 10px;
}

.venue_icon_wrap {
    display: flex;

    align-items: center;

    justify-content: space-between;
}

.MobilePage .header-section.fixed-header-bar {
    position: fixed;

    top: 44px;

    left: 0;

    right: 0;

    z-index: 999;
}

.MobilePage .header-section.fixed-header-bar+div {
    padding-top: 43px;
}

.MobilePage .header-section.app_header.fixed-header-bar {
    top: 0;
}

.MobilePage span.venue-icon {
    min-width: 20px;
}

.MobilePage span.venue-icon img {
    width: 15px;
}

.MobilePage .match-goal-timeline {
    margin-bottom: 10px !important;

    box-sizing: border-box;

    margin: auto;
    margin-top: 15px;
}

span.assist_player_name {
    color: #9b9b9be6 !important;
}

.MobilePage .match-goal-timeline>div {
    overflow: hidden;

    padding: 0px 10px !important;
}

.MobilePage .match-goal-timeline>div>div:last-child .single-match-item:last-child {
    margin-bottom: 0;
    border: 0px !important;
}

.MobilePage .match-goal-timeline .left {
    float: left;

    display: flex;

    width: 100%;

    justify-content: space-between;

    align-items: center;
}

.MobilePage .match-goal-timeline .right {
    float: right;

    width: 100%;

    justify-content: space-between;

    align-items: center;

    display: flex;
}

.MobilePage .match-goal-timeline .left .away_pen_section.event-player .player_name_text {
    margin: 0;
}

.live-section-timeline .event-player .fixture_team_color_box {
    width: 20px;
    height: 16px;
    border-radius: 2px;
    margin-right: 15px;
}

.live-section-timeline .right .event-player .fixture_team_color_box {
    margin-right: 0px;
    margin-left: 15px;
}

.MobilePage .match-goal-timeline span.player_goal_icon {
    margin-left: 6px;
}

.MobilePage .match-goal-timeline .right span.player_goal_icon {
    margin-left: 0;
    margin-right: 6px;
}

.MobilePage .match-goal-timeline span {
    color: white;

    font-size: 11px;
}

.MobilePage .match-goal-timeline span.event-time {
    min-width: 35px;

    position: absolute;

    left: 15px;

    font-size: 11px;
}

.MobilePage .match-goal-timeline span.event-details {
    display: inline-block;

    overflow: hidden;

    vertical-align: middle;

    font-size: 11px;

    text-align: center;

    white-space: nowrap;

    width: 100%;
}

.MobilePage .match-goal-timeline .right span.event-player {
    position: absolute;
    right: 15px;
    text-align: left;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.MobilePage .match-goal-timeline span.event-player .player_goal_icon i {
    font-size: 14px;
}

.MobilePage .match-goal-timeline .right span.event-player .player_name_text {
    display: flex;
    flex-direction: column;
    margin-left: 6px;
}

.MobilePage .match-goal-timeline .right span.event-player .player_name_text span {
    text-align: right;
}

.MobilePage .match-goal-timeline>.penalty_shootout_section {
    padding-top: 30px;
}

.penalty_shootout_section_heading {
    text-align: center;
    color: #fff;
    font-weight: 600;
    letter-spacing: 0.25px;
    font-size: 11px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    padding-bottom: 15px;
    margin-bottom: 25px;
}

.MobilePage .match-goal-timeline .left span.event-player .player_name_text {
    margin-right: 6px;
    display: flex;
    flex-direction: column;
}

.MobilePage .match-goal-timeline .left .away_pen_section.event-player {
    left: auto !important;
    right: 15px;
    width: auto;
}

.MobilePage .match-goal-timeline .left .away_pen_section.event-player .player_goal_icon {
    margin-left: 0;
    margin-right: 6px;
}

.MobilePage .match-goal-timeline .left .away_pen_section.event-player .fixture_team_color_box {
    margin-right: 0;
    margin-left: 15px;
}

.MobilePage .match-goal-timeline .left span.event-player {
    position: absolute;

    width: 100%;

    left: 15px;

    text-align: left;
    display: flex;
    align-items: center;
}

.MobilePage .match-goal-timeline .left span.event-time {
    right: 15px;

    left: initial;

    text-align: right;
}

.MobilePage .match-goal-timeline span.event-player {
    float: right;

    vertical-align: middle;

    font-size: 11px;

    margin-top: 0px;

    text-align: right;

    width: 65px;

    overflow: hidden;

    text-overflow: ellipsis;
}

.MobilePage .match-goal-timeline .single-match-item {
    box-sizing: border-box;

    position: relative;

    padding: 20px 10px 20px;

    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    margin-bottom: 0px;
}

.MobilePage .match-goal-timeline .match_before_half .single-match-item:first-child {
    padding-top: 6px;
}

#main_club_page_body .match-detail .MobilePage .swipe-wrap>div {
    padding: 15px 10px !important;
}

#main_club_page_body .MobilePage div#live-match-data-backup-div ul.soccer-club-logos {
    padding: 15px 20px 15px;
}

#main_club_page_body .MobilePage .card--box-header.bg-ac-b h2.fram-titl {
    padding-bottom: 0px;
}

#main_club_page_body .MobilePage .match-goal-timeline .match_before_half .single-match-item:first-child {
    padding-top: 20px;
}

.MobilePage .match_half {
    text-align: center;

    color: white;

    font-size: 15px;

    margin: 10px 0;
}

.MobilePage .swipe {
    overflow: hidden;

    visibility: visible !important;

    position: relative;
}

.MobilePage .swipe-wrap {
    overflow: hidden;
    position: relative;
}

.MobilePage .swipe-wrap>div {
    float: left;
    width: 100%;
    position: relative;
    padding: 15px 15px 10px;
    box-sizing: border-box;
}

.MobilePage div#match-commentaries,
.MobilePage div#match-performers {
    color: white;
    font-size: 11px;
    border-radius: 0px;
    box-sizing: border-box;
    margin: auto 10px;
}

.MobilePage div#match-commentaries {
    /* background-color: #dadada; */
    margin-bottom: 20px;
    /* padding: 10px; */
}

.MobilePage div#match-commentaries span {
    color: #012063;
    font-size: 11px !important;
}

.MobilePage div#match-commentaries span.cb_com_wrap {
    display: flex;
    align-items: center;
    margin-top: 0;
    justify-content: center;
}

.live_match_bottom_post_section .cb_post-data {
    margin-top: 20px !important;
}

.MobilePage div#match-commentaries span.cb_com_wrap span.cb_com_comment {
    padding-left: 15px;
}

.MobilePage div#match-commentaries span,
.MobilePage div#match-performers span {
    display: block;
    color: white;
    font-size: 13px;
    font-weight: 500;
}

.MobilePage .cb_tabs_lineups,
.MobilePage .cb_tabs_formations {
    text-align: center;
    color: rgba(255, 255, 255, 0.6);
    font-size: 11px;
    margin: 0;
    width: 100%;
    box-sizing: border-box;
}

.MobilePage .cb_full_commentary {
    background-color: #012063;
    margin-bottom: 30px;
    border-radius: 6px;
    overflow: hidden;
    padding: 2px 10px 15px;
}

.MobilePage .cb_tabs_lineups a.active,
.MobilePage .cb_tabs_formations a.active {
    color: #36c6fd;
    font-weight: 500;
    border-bottom: 1px solid #36c6fd;
}

.MobilePage .cb_tabs_lineups a,
.MobilePage .cb_tabs_formations a {
    padding: 0 7px 8px;
    color: rgba(255, 255, 255, 0.6);
    display: inline-block;
    cursor: pointer;
    font-size: 12px;
}

.MobilePage span.cb_com_wrap {
    display: table;
    margin-top: 20px;
    padding: 10px;
    /* border-radius: 6px; */
}

.MobilePage span.cb_com_min {
    width: 40px;
    vertical-align: middle;
    text-align: center;
}

.MobilePage span.cb_com_wrap>span {
    display: table-cell;
    font-size: 11px;
    vertical-align: middle;
    font-weight: 600;
}

.MobilePage span.cb_com_comment {
    padding-left: 9px;
}

.MobilePage .match-stats .column-full,
.MobilePage .season-stats .column-full,
.MobilePage .season-stats .cb_complete_matchstats {
    width: 100%;
}

.MobilePage .match-stats ul.ul-match-stats li,
.MobilePage .season-stats ul.ul-season-stats li {
    margin-bottom: 15px;
}

.MobilePage .match-stats ul.ul-match-stats .stat-type,
.MobilePage .season-stats ul.ul-season-stats .stat-type {
    text-align: center;
    font-size: 12px;
    color: white;
    margin-bottom: 10px;
}

.MobilePage ul.ul-match-stats .stat-data,
.MobilePage ul.ul-season-stats .stat-data {
    overflow: hidden;

    display: flex;

    align-items: center;

    justify-content: center;
}

.MobilePage .match-stats ul.ul-match-stats li:last-child,
.MobilePage .season-stats ul.ul-season-stats li:last-child {
    margin-bottom: 0;
}

.MobilePage div#match-status-main-wrapper {
    display: none;
    margin-bottom: 20px;
}

.MobilePage .formation_section_live .away-formation span span.active,
.MobilePage .formation_section_live .home-formation span span.active {
    background: #36c6fd;

    color: white;
}

.MobilePage .formation_section_live .away-formation span span.active:before,
.MobilePage .formation_section_live .home-formation span span.active:before {
    content: 'TOP';

    position: absolute;

    top: -27px;

    font-weight: 700;

    background: #fff;

    color: #012064;

    padding: 6px 8px;

    border-radius: 100px;

    letter-spacing: 0;

    display: none;
}

.MobilePage .match-performers-section-wrap ul {
    display: flex;

    align-items: center;

    justify-content: center;

    width: 100%;
}

.MobilePage .match-performers-section-wrap ul li.top-performer-li {
    list-style: none;

    text-align: center;

    width: 33%;

    height: auto;

    position: relative;

    margin: 0 5px;

    padding: 10px;

    background-color: #0e2d6d;
}

.MobilePage li.top-performer-li .top-performer-photo img {
    border-radius: 50%;

    width: 45px;

    height: 45px;

    background-color: white;

    object-fit: cover;

    object-position: top;
}

.MobilePage .top-performer-photo .top-performer-rating {
    background: #36c6fd;

    padding: 4px 4px;

    text-align: center;

    color: #fff;

    width: 30px;

    font-size: 11px;

    border-radius: 40px;

    margin: auto;

    position: relative;

    top: -10px;

    z-index: 1;
}

.MobilePage div#home-performers-season-wrap .flex-card-la-2 {
    padding: 20px 10px;
}

.MobilePage div#home-performers-season-wrap .column-2 {
    width: 100%;
}

.MobilePage div#match-performers h2.fram-titl span {
    text-align: left;
}

.MobilePage div#match-performers h2.fram-titl {
    padding: 0px 15px;
}

.MobilePage div#match-performers h2.fram-titl.flex--card-l img {
    margin: 0 5px;
}

/*-------------ci-match-page--------------*/

.MobilePage div#live-match-data-backup-div ul.soccer-club-logos {
    justify-content: space-between;

    padding: 0px 20px 15px;

    width: auto;

    box-sizing: border-box;
}

.MobilePage div#live-match-data-backup-div .left-section-wrapper {
    float: left;

    width: 50%;
}

.MobilePage div#live-match-data-backup-div .right-section-wrapper {
    float: right;

    width: 50%;
}

.MobilePage div#live-match-data-backup-div .side-sections .soccer-lineup {
    padding: 15px 15px !important;
}

.MobilePage div#live-match-data-backup-div .right-section-wrapper .away-position {
    text-align: right;
}

.MobilePage div#live-match-data-backup-div .side-sections .generic-section-wrap li.team-lineup .player-details {
    margin: 10px 0 16px;
}

.MobilePage div#live-match-data-backup-div .right-section-wrapper .generic-section-wrap li.team-lineup .player-details span.player-image {
    margin-right: 0px;

    margin-left: 7px;
}

.MobilePage div#live-match-data-backup-div .right-section-wrapper .generic-section-wrap li.team-lineup .player-details {
    justify-content: flex-end;
}

.MobilePage div#live-match-data-backup-div .soccer-section-data {
    overflow: hidden;
    padding-inline: 6px;
}

.MobilePage .temperature-wrap {
    display: flex;

    align-items: center;

    margin: 10px 0;
}

.temperature-wrap .weather-icon {
    width: 30px;

    height: 30px;

    margin-right: 10px;
}

.temperature-wrap .weather-icon img {
    width: 100%;

    height: 100%;
}

.temperature-wrap .primary-temperature,
.temperature-wrap .secondary-temperature {
    color: white;

    font-size: 13px;
}

.weather-wrapper>.card--layout-content {
    display: flex;

    justify-content: space-between;
}

.MobilePage .weather-details,
.MobilePage .venue-details {
    overflow: hidden;

    padding: 10px 5px;

    display: flex;

    flex-direction: column;

    width: max-content;
}

.MobilePage span.temperature-type {
    color: white;

    font-size: 12px;

    font-weight: 600;
}

.MobilePage span.seperator-wrap {
    color: white;

    margin: 0 3px;
}

.MobilePage .item-pills {
    line-height: normal;

    border-top: 1px solid #344d83;

    display: flex;

    align-items: center;

    justify-content: center;

    padding: 12px 10px;
}

.MobilePage .item-pills span.slider-pills {
    width: 25px;

    height: 2px;

    border-radius: 4px;

    margin: 0 4px;

    border: 1px solid rgb(128, 144, 178);

    background-color: rgba(255, 255, 255, 0.5);

    line-height: normal;
}

.MobilePage .item-pills span.slider-pills.active {
    background-color: white;

    border: 1px solid white;
}

.MobilePage div#right-side-season-state .main-home-away-team-match-report-wrap li {
    height: 24px;
}

.MobilePage div#right-side-season-state .main-home-away-team-match-report-wrap ul.middle-ul-match-report li {
    margin: 12px 0;

    padding: 5px 0 !important;

    height: auto !important;
}

.MobilePage .stat-type.special-stats {
    margin-top: 30px;
}

.MobilePage .cloned-probable-section {
    margin: 0 0 20px !important;
}

.MobilePage div#missing-player-section-oneday-wrap .align-center {
    text-align: center;

    justify-content: center;
}

.MobilePage div#missing-players-section-home-oneday {
    float: left;

    width: 50%;

    padding: 0;

    box-sizing: border-box;

    margin-bottom: 0;
}

.MobilePage div#missing-players-section-away-oneday {
    float: right;

    width: 50%;

    padding: 0;

    box-sizing: border-box;

    margin-bottom: 0 !important;
}

.MobilePage .missing-players-oneday-wrap {
    overflow: hidden;

    padding: 4px 10px 4px;
}

.MobilePage .missing-players-oneday-wrap .generic_plyers_list li {
    padding: 10px 38px !important;
}

.MobilePage .missing-players-oneday-wrap .generic_plyers_list {
    box-sizing: border-box;

    margin-top: 0 !important;

    padding: 5px !important;
}

.MobilePage .missing-players-oneday-wrap .generic_plyers_list li .player-image {
    top: 1px !important;
}

.MobilePage div#missing-players-section-away-oneday li {
    text-align: right;
}

.MobilePage div#missing-players-section-away-oneday li .player-image {
    right: 10px;

    left: auto;
}

.MobilePage .avtar-cicle img {
    background-color: white;
}

.MobilePage .sea-cont .avtart-card {
    margin: 0 7px;
}

.MobilePage .sc-rte ul.season-listing li .avtart-card span.season-rating-info {
    top: 21px;

    width: 26px;

    font-size: 8px;

    border-radius: 47px;

    margin-left: 0;

    height: 16px;

    left: 0px;

    line-height: 16px;
}

.MobilePage .content-wrap .header-wrap div.card--ops {
    max-width: 120px;
}

.MobilePage div#teams-stat-slider .sc-rte .se-header h3 {
    opacity: 1;
}

div#section-table div#teams-stat-slider {
    margin-bottom: 20px;
}

.MobilePage .MobilePage .sc-rte ul.season-listing li:last-child {
    margin-bottom: 0;
}

.MobilePage .MobilePage .normal-section-next-match-wrap ul.slick-dots {
    top: 10px;
}

.MobilePage div#strength-weakness-match-page .flex-card-la-2 {
    justify-content: end;
}

.MobilePage div#home-strength-weakness-season-wrap .column-2 {
    width: 100%;
}

@media (max-width: 345px) {
    .main-home-away-team-match-report-wrap>ul {
        width: 80px;
    }
}

@media (max-width: 330px) {
    h3.clb-t {
        font-size: 16px;
    }

    .last-match-stats-section-data-team .page-wrapper h4.gr-guixd span {
        font-size: 10px;
    }
}

.MobilePage div#section-lineups .live-whole-section-wrap {
    margin: 0;
}

.MobilePage div#section-lineups .live-whole-section-wrap {
    margin: 0;

    margin-bottom: 20px !important;
}

.MobilePage .live-whole-section-wrap .tommorrow-match-section {
    margin-top: 0 !important;
}

.MobilePage div.probale-lineups-middle-wrap ul li {
    padding: 5px 0 0;
}

.MobilePage .away-team-logo {
    justify-content: flex-end;
}

.MobilePage .missing-player-section-oneday-wrap .generic_plyers_list {
    padding: 0;
}

.MobilePage .live-whole-section-wrap.tomarrow-whole-section-wrap .players-section-wrap-global .card--box-header h2.fram-titl {
    margin-top: 13px;

    margin-bottom: 10px;
}

@media (max-width: 330px) {
    div#section-lineups .position {
        margin: 10px 0px;
    }
}

.MobilePage .soccer-data-heading {
    display: block !important;

    text-align: center;

    padding: 0px !important;

    height: auto !important;

    border-bottom: 1px solid rgba(255, 255, 255, 0.2);

    color: #fff !important;

    width: 100%;

    box-sizing: border-box;
}

.MobilePage .soccer-data-heading ul {
    display: flex;

    align-items: center;

    justify-content: center;

    width: 100% !important;

    margin-top: 0;

    padding: 20px 0;
}

.MobilePage .soccer-data-heading ul.soccer-club-logos {
    padding: 12px 0;
}

.MobilePage .soccer-data-heading ul li {
    width: 100% !important;

    min-height: auto;

    margin-right: 13px !important;

    color: white;

    padding-top: 0;

    font-weight: normal;
}

.MobilePage .soccer-data-heading ul li:last-child {
    margin-right: 0 !important;
}

.MobilePage .soccer-data-heading .team-logo.active:before {
    top: 31px;
}

.soccer-data-heading ul li.soccer-team-logo {
    width: auto !important;

    margin-right: 10px !important;

    font-size: 0;

    min-width: auto;

    position: relative;
}

.MobilePage .slickslider-section-players .title-card .txt-sl-listing {
    margin-left: 0;

    margin-bottom: 0;
}

.MobilePage div#teams-stat-slider .normal-player-sections {
    overflow: hidden;

    margin-bottom: 15px;
}

.MobilePage div#teams-stat-slider .normal-player-sections:last-child {
    margin-bottom: 0;
}

/*-0------------------time-line----------------*/

.MobilePage .top_header_match {
    text-align: center;

    padding: 10px 0 6px 0 !important;

    border-bottom: 1px solid #1b3774;

    background-color: #012063;

    border-radius: 6px 6px 0 0;
}

.MobilePage .top_header_match>div {
    display: inline-block;

    vertical-align: top;

    padding: 1px 10px;

    position: relative;

    z-index: 2;

    cursor: pointer;
}

.MobilePage .ft_a {
    margin-bottom: 7px;

    font-size: 15px;

    font-weight: 700;

    color: #fff;
}

.MobilePage .goals_data {
    font-size: 24px;

    vertical-align: bottom;

    color: #fff;

    margin-top: 13px;

    position: relative !important;

    right: 0;

    left: 0;

    text-align: center;
}

.MobilePage .goals_data span {
    padding: 8px;

    font-size: 18px;

    font-weight: 100;
}

.MobilePage .timeline {
    margin: 0 auto;

    padding-bottom: 0px;

    margin-bottom: 25px;
}

.MobilePage .timeline {
    position: relative;

    width: 100%;

    display: block;

    overflow: hidden;
}

body .MobilePage .half_timeline {
    color: white;

    text-align: center;

    margin-top: 25px;

    background-color: #012063;

    position: relative;

    padding: 3px;

    z-index: 99;
}

.MobilePage .container_timeline {
    padding: 18px 23px 5px 23px;

    position: relative;

    background-color: inherit;

    width: 50%;

    float: none;

    margin-top: 8px !important;
}

.MobilePage .type_center.Card,
MobilePage .type_center.Substitute {
    width: 21px;

    height: 21px;

    right: -12px;
}

.MobilePage .container_timeline.right .type_center.Card,
.MobilePage .container_timeline.right .type_center.Substitute {
    left: -9px;
}

.MobilePage .container_timeline .type_center.Yellow.Card:before {
    background: #ff0;

    content: '';

    height: 13px;

    width: 8px;

    display: block;

    margin: 3px auto 0 5px;
}

.MobilePage .container_timeline.type_Goal .type_name {
    font-size: 11px;
}

.MobilePage div#section-lineups {
    margin-bottom: 20px;
}

.MobilePage div#section-stats div#season-status-main-wrapper {
    margin-bottom: 20px;
}

.MobilePage .sc-rte .se-header img {
    width: 22px;

    vertical-align: middle;

    margin-right: 5px;
}

.MobilePage div#section-stats {
    margin-bottom: 20px;
}

/*---------------------------------------------*/

.MobilePage .vidi-timer {
    padding: 20px 15px;

    background-color: #012064;

    border-radius: 6px;
}

.MobilePage .vidi-timer span.timer-text {
    display: block;

    text-align: center;

    color: white;

    font-size: 13px;

    margin-bottom: 15px;
}

.MobilePage div#remaining-timer {
    text-align: center;

    display: flex;

    align-items: center;

    justify-content: space-between;
}

.MobilePage div#remaining-timer>div {
    display: inline-block;

    text-align: center;

    background-color: #0e2d6d;

    color: white;

    border-radius: 4px;

    font-size: 11px;

    margin: 0px 4px;

    width: 100%;

    padding: 9px 0;
}

.MobilePage div#remaining-timer>div span {
    display: block;

    margin-bottom: 3px;
}

.MobilePage div#remaining-timer>div span:last-child {
    margin-bottom: 0;
}

.MobilePage div#remaining-timer>div span:first-child {
    font-size: 17px;

    font-weight: bold;
}

.MobilePage .prediction-wrapper {
    margin-bottom: 20px;

    border-radius: 6px;

    background-color: #012064;

    padding: 20px 20px;
}

.MobilePage .bet-popup-ans-section {
    display: flex;

    flex-flow: row;

    box-sizing: border-box;

    justify-content: space-between;

    max-width: 220px;

    margin: auto;

    border-radius: 4px;
}

.MobilePage .bet-popup-ans-section .bet-popup-answers {
    background: #0e2d6d;

    width: 100%;

    max-width: 66px;

    border-radius: 4px;

    display: flex;

    justify-content: center;

    align-items: center;

    height: 55px;

    color: #fff;
}

.MobilePage .bet-popup-ans-section .bet-popup-answers a {
    display: flex;

    width: 100%;

    height: 100%;

    justify-content: center;

    font-size: 13px;

    align-items: center;

    text-decoration: none;

    color: #ffffff;

    border-radius: 4px;

    transition: background 0.3s ease-out;
}

.MobilePage h3.bet-middle-heding {
    font-size: 13px;

    color: #fff;

    font-weight: 700;

    line-height: normal;

    position: relative;

    text-align: center;

    z-index: 22;
}

.MobilePage .bet-middle-left-heading {
    text-align: center;

    margin-top: 15px;

    margin-bottom: 8px;
}

.MobilePage .bet-middle-club-logo-wrapper span img {
    height: 18px;

    width: auto;

    margin: 0 2px;
}

.MobilePage .sc-rte .sea-cont {
    box-sizing: border-box;
    padding: 20px 10px;
    overflow: hidden;
    border-top: none;
}

.MobilePage .sc-rte .sea-cont .left-section-players {
    float: left;
    width: 48%;
}

.MobilePage .sc-rte .sea-cont .right-section-players {
    float: right;
    width: 48%;
}

.MobilePage .header-section.fixed-header-bar {
    position: fixed;
    top: 44px;
    left: 0;
    right: 0;
    z-index: 999;
}

.MobilePage .header-section.fixed-header-bar+div {
    padding-top: 43px;
}

.MobilePage .header-section.app_header.fixed-header-bar {
    top: 0;
}

.MobilePage .match_half {
    text-align: center;
    color: white;
    font-size: 15px;
    margin: 10px 0;
}

.MobilePage .swipe-wrap {
    overflow: hidden;
    position: relative;
}

.MobilePage div#match-commentaries,
.MobilePage div#match-performers {
    color: white;
    font-size: 11px;
    border-radius: 0px;
    box-sizing: border-box;
    margin: auto;
}

.MobilePage div#match-commentaries span {
    color: #012063;
    font-size: 11px !important;
}

.MobilePage div#match-commentaries span.cb_com_wrap {
    display: flex;
    align-items: center;
    margin-top: 0;
}

.MobilePage div#match-commentaries span.cb_com_wrap span.cb_com_comment {
    padding-left: 15px;
}

.MobilePage div#match-commentaries span,
.MobilePage div#match-performers span {
    display: block;
    color: white;
    font-size: 13px;
    font-weight: 500;
}

.MobilePage .cb_tabs_lineups,
.MobilePage .cb_tabs_formations {
    text-align: center;
    color: rgba(255, 255, 255, 0.6);
    font-size: 11px;
    margin: 0;
    width: 100%;
    box-sizing: border-box;
}

.MobilePage .match-stats .column-full,
.MobilePage .season-stats .column-full,
.MobilePage .season-stats .cb_complete_matchstats {
    width: 100%;
}

.MobilePage .match-stats ul.ul-match-stats li,
.MobilePage .season-stats ul.ul-season-stats li {
    margin-bottom: 15px;
}

.MobilePage ul.ul-match-stats .stat-data span.home-stat-data,
.MobilePage ul.ul-season-stats .stat-data span.home-stat-data {
    float: left;
    padding: 5px 10px;
    background-color: #35c3f9;
    box-sizing: border-box;
    color: white;
    border-radius: 4px 0px 0px 4px;
    min-width: 25px;
}

.MobilePage ul.ul-match-stats .stat-data span.away-stat-data,
.MobilePage ul.ul-season-stats .stat-data span.away-stat-data {
    float: right;
    padding: 5px 10px;
    box-sizing: border-box;
    text-align: right;
    color: white;
    border-radius: 0 4px 4px 0;
    background-color: #2a457e;
    min-width: 25px;
}

.MobilePage .match-stats ul.ul-match-stats li:last-child,
.MobilePage .season-stats ul.ul-season-stats li:last-child {
    margin-bottom: 0;
}

.MobilePage div#match-status-main-wrapper {
    margin-bottom: 20px;
}

.MobilePage .formation_section_live .away-formation span span.active,
.MobilePage .formation_section_live .home-formation span span.active {
    background: #36c6fd;

    color: white;
}

.MobilePage .match-performers-section-wrap ul {
    display: flex;

    align-items: center;

    justify-content: center;

    width: 100%;
}

.MobilePage .match-performers-section-wrap ul li.top-performer-li {
    list-style: none;

    text-align: center;

    width: 33%;

    height: auto;

    position: relative;

    margin: 0 5px;

    padding: 10px;

    background-color: #0e2d6d;
}

.MobilePage li.top-performer-li .top-performer-photo img {
    border-radius: 50%;

    width: 45px;

    height: 45px;

    background-color: white;

    object-fit: cover;

    object-position: top;
}

.MobilePage .top-performer-photo .top-performer-rating {
    background: #36c6fd;

    padding: 4px 4px;

    text-align: center;

    color: #fff;

    width: 30px;

    font-size: 11px;

    border-radius: 40px;

    margin: auto;

    position: relative;

    top: -10px;

    z-index: 1;
}

.MobilePage div#home-performers-season-wrap .flex-card-la-2 {
    padding: 20px 10px;
}

.MobilePage div#home-performers-season-wrap .column-2 {
    width: 100%;
}

.MobilePage div#match-performers h2.fram-titl span {
    text-align: left;
}

.MobilePage div#match-performers h2.fram-titl {
    padding: 0px 15px;
}

.MobilePage div#match-performers h2.fram-titl.flex--card-l img {
    margin: 0 5px;
}

/*-------------ci-match-page--------------*/

.MobilePage div#live-match-data-backup-div ul.soccer-club-logos {
    justify-content: space-between;

    padding: 0px 20px 15px;

    width: auto;

    box-sizing: border-box;
}

.MobilePage div#live-match-data-backup-div .left-section-wrapper {
    float: left;

    width: 50%;
}

.MobilePage div#live-match-data-backup-div .right-section-wrapper {
    float: right;

    width: 50%;
}

.MobilePage div#live-match-data-backup-div .side-sections .soccer-lineup {
    padding: 15px 10px !important;
}

.MobilePage div#live-match-data-backup-div .right-section-wrapper .away-position {
    text-align: right;
}

.MobilePage div#live-match-data-backup-div .side-sections .generic-section-wrap li.team-lineup .player-details {
    margin: 10px 0;
}

.MobilePage div#live-match-data-backup-div .right-section-wrapper .generic-section-wrap li.team-lineup .player-details span.player-image {
    margin-right: 0px;

    margin-left: 7px;
}

.MobilePage div#live-match-data-backup-div .right-section-wrapper .generic-section-wrap li.team-lineup .player-details {
    justify-content: flex-end;
}

.MobilePage div#live-match-data-backup-div .soccer-section-data {
    overflow: hidden;
}

.MobilePage .item-pills {
    line-height: normal;

    border-top: 1px solid #344d83;

    display: flex;

    align-items: center;

    justify-content: center;

    padding: 12px 10px;
}

.MobilePage .item-pills span.slider-pills {
    width: 25px;

    height: 2px;

    border-radius: 4px;

    margin: 0 4px;

    border: 1px solid rgb(128, 144, 178);

    background-color: rgba(255, 255, 255, 0.5);

    line-height: normal;
}

.MobilePage .item-pills span.slider-pills.active {
    background-color: white;

    border: 1px solid white;
}

.MobilePage div#right-side-season-state .main-home-away-team-match-report-wrap li {
    height: 24px;
}

.MobilePage div#right-side-season-state .main-home-away-team-match-report-wrap ul.middle-ul-match-report li {
    margin: 12px 0;

    padding: 5px 0 !important;

    height: auto !important;
}

.MobilePage .stat-type.special-stats {
    margin-top: 30px;
}

.MobilePage .cloned-probable-section {
    margin: 0 0 20px !important;
}

.MobilePage div#missing-player-section-oneday-wrap .align-center {
    text-align: center;

    justify-content: center;
}

.MobilePage div#missing-players-section-home-oneday {
    float: left;

    width: 50%;

    padding: 0;

    box-sizing: border-box;

    margin-bottom: 0;
}

.MobilePage div#missing-players-section-away-oneday {
    float: right;

    width: 50%;

    padding: 0;

    box-sizing: border-box;

    margin-bottom: 0 !important;
}

.MobilePage .missing-players-oneday-wrap {
    overflow: hidden;

    padding: 4px 10px 4px;
}

.MobilePage .missing-players-oneday-wrap .generic_plyers_list li {
    padding: 10px 38px !important;
}

.MobilePage .missing-players-oneday-wrap .generic_plyers_list {
    box-sizing: border-box;

    margin-top: 0 !important;

    padding: 5px !important;
}

.MobilePage .missing-players-oneday-wrap .generic_plyers_list li .player-image {
    top: 1px !important;
}

.MobilePage div#missing-players-section-away-oneday li {
    text-align: right;
}

.MobilePage div#missing-players-section-away-oneday li .player-image {
    right: 10px;

    left: auto;
}

.MobilePage .avtar-cicle img {
    background-color: white;
}

/*--------------------------*/

@media (max-width: 360px) {
    .MobilePage div#remaining-timer>div {
        padding: 7px 0;
    }

    .MobilePage .vidi-timer {
        padding: 15px 10px;
    }

    div#section-lineups .as--footer-action ul li div:first-child {
        font-size: 9px;
    }

    div#section-lineups .as--footer-action ul li div span {
        font-size: 9px;
    }

    .live-match-stats-formation .as--footer-action ul li div:first-child {
        font-size: 9px;
    }

    .live-match-stats-formation .as--footer-action ul li div span {
        font-size: 9px;
    }
}

@media (max-width: 340px) {
    .MobilePage .top-sc-v span.country-flag {
        min-width: 30px;

        margin-right: 10px;
    }

    .MobilePage .top-sc-v span.league-name {
        margin-right: 20px;
    }

    .MobilePage .fixture-time {
        min-width: 30px;

        margin-right: 10px;
    }
}

@media (max-width: 330px) {
    .MobilePage .live-match-stats-formation .as--footer-action ul li {
        padding: 0 8px;

        padding-bottom: 5px;
    }
}

/*-------------------------------------*/

.MobilePage .fixture-time span.match_time img {
    width: 37px;

    height: 37px;

    border-radius: 100%;

    vertical-align: middle;

    object-fit: cover;
}

.MobilePage .player-strength-and-weekness {
    margin-bottom: 20px;
}

.MobilePage .player-strength-and-weekness .sea-cont {
    background-color: #012064;

    padding: 15px;

    border-radius: 6px;
}

.MobilePage .generic_layout_container.layout_sitemobile_comments {
    margin: 0;
}

.MobilePage div#comments .comments_options {
    display: none;
}

.MobilePage div#comments>ul {
    display: none;
}

.MobilePage form#comment-form {
    position: relative;

    padding: 0;

    margin-bottom: 15px;

    box-shadow: 0 0 28px 0 rgba(0, 0, 0, 0.18);

    border-radius: 4px;

    overflow: hidden;
}

.MobilePage form#comment-form textarea#body {
    margin: 0;

    border: none !important;

    background-color: white;

    color: #012064;

    padding-right: 55px;
}

.MobilePage .sm-comments-post-comment-form table td:last-child button {
    margin: 0 !important;

    max-width: 55px;

    border: none !important;

    border-radius: 0 !important;

    box-shadow: none !important;
}

.MobilePage .sm-comments-post-comment-form {
    margin-right: 0 !important;
}

.MobilePage form#comment-form table {
    border-spacing: 0;

    border-collapse: collapse;
}

.MobilePage form#comment-form textarea#body::-webkit-input-placeholder,
.MobilePage ul[class^='wc_ultimate_team_news'] .news-comment-section form input::-webkit-input-placeholder {
    color: #012064;
}

.MobilePage form#comment-form textarea#body::-moz-placeholder,
.MobilePage ul[class^='wc_ultimate_team_news'] .news-comment-section form input::-moz-placeholder {
    color: #012064;
}

.MobilePage form#comment-form textarea#body:-ms-input-placeholder,
.MobilePage ul[class^='wc_ultimate_team_news'] .news-comment-section form input:-ms-input-placeholder {
    color: #012064;
}

.MobilePage form#comment-form textarea#body:-moz-placeholder,
.MobilePage ul[class^='wc_ultimate_team_news'] .news-comment-section form input:-moz-placeholder {
    color: #012064;
}

.MobilePage .video-section {
    width: 100%;

    margin: 0 auto 25px;
}

.MobilePage .video-section .video-page-break-options {
    background-color: #012064;

    padding: 15px 15px 25px !important;

    position: relative;

    box-sizing: border-box;

    min-height: auto;
}

html body span#player_mob_popup .MobilePage ul.wc_ultimate_team_news {
    margin-bottom: 15px !important;

    max-width: 100% !important;

    width: auto;

    background: #012064 !important;

    align-items: center;

    display: block !important;

    justify-content: space-between;

    padding: 10px 10px !important;

    box-sizing: border-box;

    box-shadow: 0 0 28px 0 rgba(0, 0, 0, 0.18);

    border-radius: 4px;

    overflow: hidden;
}

.MobilePage ul.wc_ultimate_team_news li.wc_parent_latest_feed_list {
    background: transparent;

    position: relative;

    display: flex;

    align-items: center;

    width: 100%;

    float: left;

    padding: 6px 0;
}

.MobilePage a.wc_image_leftsm {
    height: 22px;

    max-height: 22px;

    width: 22px;

    min-width: 22px;

    border-radius: 100% !important;

    box-shadow: none;

    position: relative;

    display: inline-block;

    background: #0d2a66;

    overflow: hidden;
}

.MobilePage ul[class^='wc_ultimate_team_news'] .wc_news_feed_title {
    padding: 0px 8px !important;

    display: inline-block;

    min-height: auto;

    width: 100%;

    background-color: transparent;

    box-sizing: border-box;

    overflow: hidden;
}

.MobilePage ul[class^='wc_ultimate_team_news'] .wc_news_feed_title a {
    text-decoration: none;
}

.MobilePage ul[class^='wc_ultimate_team_news'] .wc_news_feed_title span.cb_ttl_text {
    font-size: 10px !important;

    overflow: hidden;

    margin-bottom: 0;

    //white-space: nowrap;

    //text-overflow: ellipsis;

    color: white;

    margin-top: 0;

    display: block;

    line-height: 22px;
}

.MobilePage a.wc_image_leftsm span.bg_news_middle {
    border-radius: 6px 6px 0px 0px;

    background-repeat: no-repeat;

    position: absolute;

    right: 0;

    left: 0;

    bottom: 0;

    margin-bottom: 0;

    opacity: 1;

    background-position: center;

    top: 0;

    background-size: cover;
}

.MobilePage ul[class^='wc_ultimate_team_news'] li.wc_ultimate_team_options {
    display: flex !important;

    align-items: center;

    justify-content: space-between;

    width: 140px !important;

    float: right;
}

.MobilePage li.wc_ultimate_team_options label.wc_date_news {
    min-height: 32px;

    display: flex;

    justify-content: center;

    align-items: center;

    height: 100%;

    width: 100px;

    padding: 0;

    margin: 0;
}

.MobilePage label.wc_date_news {
    left: 0;

    font-size: 9px;

    background-color: transparent;

    color: white;

    opacity: 0.7;

    position: relative !important;

    top: 0;
}

.MobilePage ul#wc_ultimate_team_news_latest_bootom_wrap li:nth-child(2) span.post_liker {
    width: 65px;

    min-height: 34px;

    text-align: center;

    justify-content: center;

    border-left: 1px solid #334c83;

    margin: 0;

    border-bottom: none;
}

.MobilePage .heart-image {
    width: 33px;

    padding: 0px;
}

.MobilePage ul#wc_ultimate_team_news_latest_bootom_wrap li:nth-child(2) span.post_comment_ico {
    width: 60px;

    display: block !important;

    border-left: 1px solid #334c83;

    padding: 0;

    margin-bottom: 0;
}

.MobilePage span.post_comment_ico {
    bottom: 0;
}

.MobilePage ul#wc_ultimate_team_news_latest_bootom_wrap li:nth-child(2) span.post_comment_ico a.comments-box {
    display: flex !important;

    justify-content: center;

    align-items: center;

    min-height: 34px;
}

.MobilePage span.post_comment_ico a img.comment-icon {
    width: 35px;
}

.MobilePage span.post_comment_ico img.comment-icon {
    filter: brightness(0) invert(1);

    opacity: 0.7;
}

.MobilePage div[class^='player_'] img {
    display: inline-block;
}

.MobilePage ul#wc_ultimate_team_news_latest_bootom_wrap li:nth-child(2) span.post_liker a.like-news-toplink {
    display: flex !important;

    justify-content: center;

    align-items: center;

    min-height: 34px;
}

.MobilePage .fixture-details span a {
    color: white;
}

.MobilePage li#no_more_news {
    color: white;
}

.MobilePage ul[class^='wc_ultimate_team_news'] .news-card-comments {
    padding: 7px 20px 0px 31px;

    float: none;

    overflow: hidden;

    margin-right: 0;

    width: 100%;

    box-sizing: border-box;
}

.MobilePage ul[class^='wc_ultimate_team_news'] .news-comment-section {
    display: inline-block !important;

    border: none !important;

    padding: 0 !important;

    margin: 0px !important;

    width: 100% !important;

    max-width: 140px;
}

.MobilePage ul[class^='wc_ultimate_team_news'] .news-comment-section form {
    position: relative !important;

    padding: 0;

    font-size: 12px;

    border-radius: 2px;
}

.MobilePage ul[class^='wc_ultimate_team_news'] .news-comment-section form input {
    box-sizing: border-box;

    width: 100%;

    padding: 6px 10px;

    outline: none;

    background-color: white;

    border: none;

    color: #012064;

    font-size: 11px;
}

.MobilePage .video-page-break-iframe {
    height: 155px !important;

    position: relative;

    display: block;

    border-radius: 6px 6px;
}

.MobilePage .video-page-break-iframe span.video-thumbnail {
    position: absolute;

    top: 0;

    bottom: 0;

    left: 0;

    right: 0;

    background-position: center !important;

    background-size: cover !important;

    background-repeat: no-repeat !important;
}

.MobilePage .video-page-break-iframe img.fcreate_yt_blue {
    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    width: 50px;

    margin: auto;

    z-index: 1;
}

.MobilePage .video-page-break-options label.video-date {
    color: #fff;

    display: block;

    font-size: 12px;

    font-family: montserrat, sans-serif !important;

    opacity: 0.3;
}

.MobilePage .video-title span.cb_ttl_text {
    color: white;
    font-size: 13px;
    line-height: 26px;
    margin-top: 15px;
    font-family: montserrat, sans-serif !important;
    display: block;
    text-rendering: optimizeLegibility;
}

.match_post_footer_wrapper {
    position: fixed;
    bottom: 0px;
    left: 50%;
    width: 100%;
    background-color: #00145b;
    background: #001d71;
    padding: 10px 0px 0px;
    max-width: 700px;
    transform: translate(-50%, 0px);
    z-index: 999;
}

.cbn_match_post_final_tittle {
    background-color: #d5b048;
    font-size: 12px;
    font-weight: bold;
    padding: 12px 10px;
    text-align: center;
    color: #000000;
    margin-top: 10px;
}

.cbn_match_persentage_bar_wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.persentage_bar_home_team {
    background-color: #d5b048;
    width: 50%;
    padding-left: 30px !important;
    color: #000;
}

.cbn_match_persentage_bar_wrapper>p {
    font-size: 12px;
    font-weight: bold;
    padding: 6px;
}

.persentage_bar_away_team {
    background-color: #55a451;
    width: 50%;
    text-align: right;
    padding-right: 30px !important;
}

.cbn_match_post_commentry_tittle {
    margin-bottom: 10px;
    border-bottom: 1px solid #27417a;
    border-top: 1px solid #27417a;
    background-color: #012063;
    padding: 10px 10px;
    color: #fff;
    text-align: center;
    font-size: 12px;
    font-weight: 600;
}

.cbn_goals_info_match>.ops--divider {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 0px 14px;
    margin-top: 12px;
}

.cbn_goals_info_match>.ops--divider>span {
    margin: 0px;
    font-size: 15px;
    color: #fff;
}

.match_post_footer_wrapper+.swipe {
    padding-bottom: 130px;
}

/*-------------------------*/

/* Match_page_updated_mockup_style-start */

#section-info .match_page_main_parent {
    max-width: 700px;
    margin: auto;
}

.match_page_global_style .match_post_heading {
    margin: 60px auto 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    padding-bottom: 15px;
}

#section-stats .match_post_heading {
    margin-top: 0px;
}

#section-stats .match_post_heading.match_after_stats_type {
    margin-top: 60px;
}

.match_page_global_style .formation_not_found .main-prediction-wrapper {
    padding-top: 0;
}

.match_page_global_style .glance_post_heading span {
    display: block;
    height: 25px;
    width: 25px;
    border-radius: 4px;
    margin-right: 10px;
}

.match_page_global_style .glance_post_title {
    text-align: center;
    color: #fff;
    font-size: 18px;
    font-weight: 600;
}

.match_after_stats_type {
    text-align: center;
    color: #001d72;
    font-size: 15px;
    font-weight: 600;
    letter-spacing: 0.5px;
}

.match_after_stats_data {
    width: 100%;
    display: flex;
    position: relative;
    margin: 10px 0 25px;
}

.match_after_stats_data span {
    display: block;
    padding: 8px 12px;
    font-size: 14px;
    font-weight: 600;
}

.match_after_stats_data .home_team_stats {
    border-radius: 5px 0 0 5px;
}

.match_after_stats_data .away_team_stats {
    text-align: right;
    border-radius: 0 5px 5px 0;
}

.match_season_stats_parent .cb_complete_matchstats {
    padding: 0;
}

.formation_section_live .away-formation span b a,
.formation_section_live .home-formation b a {
    white-space: nowrap;
}

@media (max-width: 500px) {
    .MobilePage .home-formation {
        top: 0px;
        left: 49%;
        transform: translate(-51%, 0px);
    }

    .MobilePage .fixture-details span a {
        font-size: 10px;
    }

    .MobilePage .cb_tabs_lineups a,
    .MobilePage .cb_tabs_formations a {
        padding: 0 7px 5px;
        font-size: 10px;
    }

    .league_timeline_header {
        margin-top: 15px;
    }

    .club_page_view_content .league_timeline_header {
        margin-top: 2px !important;
    }

    .MobilePage .league_name_started {
        margin-top: 10px;
        font-size: 13px;
    }

    .MobilePage .type_time {
        font-size: 8px;
        padding: 2px 4px;
        min-width: max-content;
    }

    .MobilePage .timeline .right .content .type_name_wrap {
        padding-left: 6px;
    }

    .MobilePage .swipe-wrap>div {
        padding: 4px 0px 10px;
    }

    .MobilePage .container_timeline {
        padding: 22px 3px 5px 16px;
    }

    .MobilePage .container_timeline.left {
        padding: 22px 16px 5px 3px !important;
    }

    .MobilePage .timeline .type_name_wrap .type_name_detail {
        font-size: 9px;
        letter-spacing: 0;
    }

    .MobilePage .type_Substitute .type_name span,
    .MobilePage .container_timeline .type_name span {
        font-size: 10px;
        line-height: 12px;
    }

    .container_timeline.type_Card .type_name .cbn_player_card {
        width: 10px !important;
        height: 12px !important;
        margin-right: 8px;
    }

    .MobilePage .container_timeline.right .type_name span>i {
        margin-left: 0;
        margin-right: 8px;
    }

    .type_Substitute .type_name span>i {
        margin-left: 8px;
        font-size: 10px;
    }

    .container_timeline.type_Card .type_name {
        font-size: 8px;
    }

    .MobilePage .timeline .left .content .type_name_wrap {
        padding-right: 10px;
    }

    .home_team_logo_wrap {
        /* width: 30px; */
        height: auto;
    }

    .live_vidi_league_wrap .cb_live_vidi_content span {
        font-size: 13px;
        padding: 5px;
    }

    .MobilePage span.cb_com_wrap {
        margin-top: 12px;
        padding: 6px 8px;
        /* border-radius: 4px; */
    }

    .MobilePage .match-goal-timeline .left .away_pen_section.event-player .fixture_team_color_box {
        margin-left: 10px;
    }

    .live-section-timeline .event-player .fixture_team_color_box {
        width: 14px;
        height: 10px;
        margin-right: 10px;
    }

    .penalty_shootout_section_heading {
        font-size: 9px;
        margin-bottom: 10px;
    }

    .live-section-timeline .right .event-player .fixture_team_color_box {
        margin-left: 10px;
    }

    .MobilePage .match-goal-timeline span.player_goal_icon {
        margin-left: 2px;
    }

    .MobilePage .match-goal-timeline .right span.player_goal_icon {
        margin-left: 0;
        margin-right: 2px;
    }

    .page-wrapper.MobilePage .page-header {
        padding: 25px 10px;
    }

    .MobilePage .match-goal-timeline span.event-player .player_goal_icon i {
        font-size: 10px;
    }

    .MobilePage span.cb_com_min {
        width: 25px;
    }

    .MobilePage span.cb_com_comment {
        padding-left: 5px;
    }

    .MobilePage span.cb_com_wrap>span {
        font-size: 9px;
        font-weight: 500;
        line-height: 13px;
        letter-spacing: 0.5px;
    }

    .MobilePage .match-goal-timeline span {
        font-size: 9px;
    }

    .live-match-stats-formation .as--footer-action ul {
        padding-bottom: 0;
        margin-bottom: 10px;
    }

    .MobilePage .live-match-stats-formation .as--footer-action ul li,
    .MobilePage .live-match-stats-formation .as--footer-action ul li.active {
        border: none;
    }

    .MobilePage .header-section ul.top-header {
        padding: 10px 0 !important;
    }

    .formation_seen_1 .header-section ul.top-header {
        padding: 12px 10px !important;
    }

    .MobilePage img.formation_pitch {
        width: 100%;
        height: 850px;
        object-fit: cover;
    }

    .MobilePage .formation_section_live .away-formation span span.active:before,
    .MobilePage .formation_section_live .home-formation span span.active:before {
        font-size: 8px;
        font-weight: 600;
        top: -18px;
        padding: 4px 6px;
    }

    .MobilePage .away-formation {
        top: 54%;
        transform: translate(-50%, 0px);
        left: 50%;
    }

    .MobilePage .container_timeline.type_Goal .type_name {
        font-size: 9px;
    }

    .MobilePage .fixture-time {
        font-size: 9px;
    }

    .top-sc-v span.league-name {
        font-size: 11px;
    }

    .MobilePage .top-sc-v span.match_date {
        font-size: 9px;
    }

    .MobilePage .fixture-details {
        font-size: 10px;
    }

    .MobilePage .weather-details,
    .MobilePage .venue-details {
        padding: 5px;
    }

    .MobilePage span.temperature-type {
        font-size: 10px;
    }

    .MobilePage .match-goal-timeline .match_before_half .single-match-item:first-child {
        padding-top: 8px;
    }

    #main_club_page_body .MobilePage .match-goal-timeline .match_before_half .single-match-item:first-child {
        padding-top: 20px;
    }

    .MobilePage .temperature-wrap {
        margin: 5px 0 0;
    }

    .MobilePage a.btn---medium {
        font-size: 9px;
    }

    .MobilePage .ops--divider span {
        font-size: 10px;
    }

    .MobilePage .match-goal-timeline {
        margin-bottom: 2px !important;
    }

    .MobilePage .match-goal-timeline>div {
        padding: 0px 0;
    }

    .top-header-item>.icon {
        width: 20px;
    }

    .MobilePage .header-section ul.top-header li {
        margin: 0px !important;
        font-size: 9px;
    }

    .MobilePage .match-goal-timeline span.event-details {
        font-size: 9px;
    }

    .MobilePage .match-goal-timeline span.event-time {
        font-size: 9px;
    }

    .MobilePage .match-goal-timeline span.event-player {
        font-size: 9px;
    }

    .MobilePage div#match-commentaries span {
        font-size: 9px !important;
    }

    .MobilePage div#match-commentaries span.cb_com_wrap span.cb_com_comment {
        padding-left: 5px;
    }

    .MobilePage h2.fram-titl.flex--card-l span.align-center {
        font-size: 9px;
    }

    .MobilePage .live-match-stats-formation .as--footer-action ul li div:first-child {
        font-size: 9px;
    }

    .MobilePage .live-match-stats-formation .as--footer-action ul li div span {
        font-size: 9px;
    }

    .MobilePage span.venue-location {
        font-size: 9px;
        margin-bottom: 0;
    }

    .MobilePage span.venue-title {
        font-size: 9px;
    }

    .MobilePage span.venue-icon {
        margin-right: 5px;
    }

    .cb-ful-scrn-popup-heading h3 {
        font-size: 15px;
    }

    .cb-ful-scrn-popup-heading p {
        font-size: 9px;
        margin-bottom: 15px;
    }

    .acces-btn-wrapper a {
        font-size: 9px;
    }

    .MobilePage .temperature-wrap span.primary-temperature {
        font-size: 11px;
    }

    .formation_section_live .away-formation span b a,
    .formation_section_live .home-formation b a {
        font-size: 8px;
        padding: 3px 5px;
        margin: 0;
        min-width: 50px;
        max-width: 40px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .cbn_match_post_final_tittle {
        font-size: 8px;
        padding: 8px 10px;
        margin-top: 6px;
    }

    .cbn_match_persentage_bar_wrapper>p {
        font-size: 8px;
        padding: 4px;
    }

    .cbn_match_post_commentry_tittle {
        margin-bottom: 6px;
        font-size: 8px;
        font-weight: 600;
        padding: 6px 5px;
    }

    .match_post_footer_wrapper+.swipe {
        padding-bottom: 70px;
    }

    .MobilePage .match-goal-timeline .left span.event-player {
        left: 10px !important;
    }

    .MobilePage .container_timeline.type_Pen_Goal {
        margin: auto;
        width: 100%;
    }

    .content .timeline_pen_goal_wrap {
        width: 125px;
    }

    .MobilePage .container_timeline.type_Pen_Goal .content .timeline_pen_shootout {
        font-size: 10px;
    }

    .timeline_pen_goal_wrap.timeline_home_pen_goal {
        margin-right: 15px;
    }

    .timeline_pen_goal_wrap.timeline_away_pen_goal {
        margin-left: 15px;
    }

    .MobilePage ul {
        max-width: 100%;
        margin: 0 auto;
    }
}

@media (max-width: 350px) {
    .MobilePage ul.wc_ultimate_team_news li.wc_parent_latest_feed_list {
        width: calc(100% - 130px);
    }

    .MobilePage ul[class^='wc_ultimate_team_news'] li.wc_ultimate_team_options {
        width: 125px !important;
    }

    .MobilePage ul#wc_ultimate_team_news_latest_bootom_wrap li:nth-child(2) span.post_liker {
        width: 55px;
    }

    .MobilePage ul#wc_ultimate_team_news_latest_bootom_wrap li:nth-child(2) span.post_comment_ico {
        width: 55px;
    }

    .MobilePage li.wc_ultimate_team_options label.wc_date_news {
        width: 90px;
    }
}

/*--------------------tip-preview-style------------*/

.ui-tooltip.preview-tip {
    width: 300px;

    padding: 0;

    max-height: 90%;

    overflow: auto;

    right: 0 !important;

    left: 0 !important;

    margin: auto;
}

.preview-tip .fixture-time span.match_time img {
    width: 37px;

    height: 37px;

    border-radius: 100%;

    vertical-align: middle;

    object-fit: cover;
}

.preview-tip .fixture-details {
    color: rgba(255, 255, 255, 0.6);

    display: inline-block;

    overflow: hidden;

    vertical-align: middle;

    white-space: nowrap;

    text-overflow: ellipsis;

    font-size: 13px;
}

.preview-tip .fixture-details span a {
    color: #fff;
}

.preview-tip .bet-btn {
    color: white !important;
}

.preview-tip a.btn---medium {
    padding: 10px 20px;
}

.preview-tip .swipe-wrap>div {
    padding: 20px 15px 10px;
}

.preview-tip a.close-tooltip {
    position: absolute;

    right: 10px;

    z-index: 1;

    top: 5px;

    color: white;

    border-radius: 100%;

    display: flex;

    font-size: 16px;

    align-items: center;

    justify-content: center;

    font-weight: bold;
}

.preview-tip ul#wc_ultimate_team_news_latest_bootom_wrap {
    margin-bottom: 15px !important;

    max-width: 100% !important;

    width: auto;

    background: #012064 !important;

    align-items: center;

    display: block !important;

    justify-content: space-between;

    padding: 10px;

    box-sizing: border-box;

    box-shadow: 0 0 28px 0 rgba(0, 0, 0, 0.18);

    border-radius: 4px;

    overflow: hidden;
}

.preview-tip ul.wc_ultimate_team_news li.wc_parent_latest_feed_list {
    background: 0 0;

    position: relative;

    display: flex;

    align-items: center;

    width: calc(100% - 105px);

    float: left;

    padding: 6px 0;
}

.preview-tip a.wc_image_leftsm {
    height: 22px;

    max-height: 22px;

    width: 22px;

    min-width: 22px;

    border-radius: 100%;

    box-shadow: none;

    position: relative;

    display: inline-block;

    background: #0d2a66;

    overflow: hidden;
}

.preview-tip a.wc_image_leftsm span.bg_news_middle {
    border-radius: 100% !important;

    background-repeat: no-repeat;

    position: absolute;

    right: 0;

    left: 0;

    bottom: 0;

    margin-bottom: 0;

    opacity: 1;

    background-position: center;

    top: 0;

    background-size: cover;
}

.preview-tip ul[class^='wc_ultimate_team_news'] .wc_news_feed_title {
    padding: 0 8px !important;

    display: inline-block;

    min-height: auto;

    width: 100%;

    box-sizing: border-box;

    overflow: hidden;

    background-color: transparent;
}

.preview-tip ul[class^='wc_ultimate_team_news'] .wc_news_feed_title span.cb_ttl_text {
    font-size: 10px !important;

    overflow: hidden;

    margin-bottom: 0;

    white-space: nowrap;

    margin-top: 0;

    text-overflow: ellipsis;

    color: #fff;

    display: block;

    line-height: 22px;
}

.preview-tip ul[class^='wc_ultimate_team_news'] li.wc_ultimate_team_options {
    display: flex !important;

    align-items: center;

    justify-content: space-between;

    width: 100px !important;

    float: right;
}

.preview-tip label.wc_date_news {
    left: 0;

    font-size: 9px;

    background-color: transparent;

    color: #fff;

    opacity: 0.7;

    position: relative !important;

    top: 0;
}

.preview-tip li.wc_ultimate_team_options label.wc_date_news {
    min-height: 32px;

    display: flex;

    justify-content: center;

    align-items: center;

    height: 100%;

    width: 65px;

    padding: 0;

    margin: 0;
}

.preview-tip ul#wc_ultimate_team_news_latest_bootom_wrap li:nth-child(2) span.post_liker {
    width: 60px;

    min-height: 34px;

    text-align: center;

    justify-content: center;

    border-left: 1px solid #334c83;

    margin: 0;

    border-bottom: none;
}

.preview-tip ul#wc_ultimate_team_news_latest_bootom_wrap li:nth-child(2) span.post_liker a.like-news-toplink {
    display: flex !important;

    justify-content: center;

    align-items: center;

    min-height: 34px;
}

.preview-tip span.post_comment_ico {
    bottom: 0;
}

.preview-tip ul#wc_ultimate_team_news_latest_bootom_wrap li:nth-child(2) span.post_comment_ico {
    width: 63px;

    display: block !important;

    border-left: 1px solid #334c83;

    padding: 0;

    margin-bottom: 0;
}

.preview-tip ul[class^='wc_ultimate_team_news'] .news-card-comments {
    padding: 7px 20px 7px 31px;

    float: none;

    overflow: hidden;

    margin-right: 0;

    width: 100%;

    box-sizing: border-box;
}

.preview-tip ul[class^='wc_ultimate_team_news'] .news-comment-section {
    display: inline-block !important;

    border: none !important;

    padding: 0 !important;

    margin: 0 !important;

    width: 100% !important;

    max-width: 140px;
}

.preview-tip div[class^='player_'] img {
    display: inline-block;
}

.preview-tip .heart-image {
    width: 30px;

    padding: 0;
}

.preview-tip span.post_comment_ico a img.comment-icon {
    width: 35px;
}

.preview-tip span.post_comment_ico img.comment-icon {
    filter: brightness(0) invert(1);

    opacity: 0.7;
}

.preview-tip .ops--divider {
    font-family: Montserrat;

    font-size: 18px;

    font-weight: 700;

    font-style: normal;

    font-stretch: normal;

    line-height: normal;

    letter-spacing: normal;

    text-align: left;

    color: #fff;

    padding: 0;
}

.preview-tip .ops--divider {
    font-size: 12px;

    font-weight: 400;

    margin-top: 11px;
}

.preview-tip .video-section .video-page-break-options {
    background-color: #012064;
}

.preview-tip .video-section {
    width: 100%;

    margin: 0 auto 25px;
}

.preview-tip section.fluid-width.fill-sk-blu {
    padding: 0;
}

.preview-tip span#player_mob_popup>a {
    color: #ffffff;

    font-weight: bold;

    margin-right: 0px;

    vertical-align: middle;
}

.preview-tip span.has_player_data>a {
    color: #012064 !important;

    font-weight: bold;

    font-size: 17px;

    margin-right: 10px;
}

.preview-tip span#player_mob_popup>p.no_data_player {
    padding: 7px;
}

.ui-widget.ui-widget-content {
    border: 1px solid #3e578a;

    box-shadow: none;
}

.cb_app div#cb_swipe {
    visibility: visible;
}

div#player_mob_popup .header-section.fixed-search-bar {
    position: unset !important;
}

div#player_mob_popup .header-section.fixed-header-bar {
    position: unset !important;
}

span.player_mob_popup_span_wrap {
    position: fixed;

    top: 50px;

    left: 0;

    border: 1px solid #3e578a;

    right: 0;

    max-height: 85%;

    max-width: 300px;

    margin: auto;

    overflow: auto;

    z-index: 99999;

    background-color: #0e2d6d;
}

span.player_mob_popup_span_wrap>a.close-tooltip {
    position: absolute;

    right: 10px;

    z-index: 1;

    top: 5px;

    border-radius: 100%;

    text-decoration: none;

    display: flex;

    font-size: 16px;

    align-items: center;

    justify-content: center;

    color: #ffffff;

    font-weight: bold;

    margin-right: 0px;

    vertical-align: middle;
}

span.player_mob_popup_span_wrap>p.no_data_player {
    padding: 6px;

    color: white;
}

.MobilePage .sc-rte .sea-cont .left-section-players>li {
    justify-content: flex-start;
}

.MobilePage .sc-rte .sea-cont .right-section-players>li {
    flex-direction: row-reverse;
}

/*----------------------------------------*/

@keyframes lds-ripple {
    0% {
        top: 96px;

        left: 96px;

        width: 0;

        height: 0;

        opacity: 1;
    }

    100% {
        top: 18px;

        left: 18px;

        width: 156px;

        height: 156px;

        opacity: 0;
    }
}

@-webkit-keyframes lds-ripple {
    0% {
        top: 96px;

        left: 96px;

        width: 0;

        height: 0;

        opacity: 1;
    }

    100% {
        top: 18px;

        left: 18px;

        width: 156px;

        height: 156px;

        opacity: 0;
    }
}

/* ...prediction popup style */

.first_timer-user .center_content .Predict_title {
    text-align: center;
    background: transparent;
    padding: 30px 0 0;
    position: relative;
    margin: 10px;
    border-radius: 6px;
}

.Predict_title>p {
    font-size: 20px;
    width: 100%;
    color: #012064;
    font-weight: 700;
    letter-spacing: 0.5px;
}

.first_timer-user .center_content {
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    display: block !important;
    left: 50%;
    width: max-content;
    margin: 0 auto;
}

.first_timer-user>.center_content.predcit_score {
    width: 80%;
    margin: 0;
}

.Predict_title .predict_close {
    position: absolute;
    top: -12px;
    right: -18px;

    color: #012064;
}

.center_content.predcit_score .clubs-prediction_wrap {
    padding: 0 0 30px 0px;
    margin-top: 0px !important;
}

.center_content.predcit_score {
    position: relative;
}

.first_timer-user .center_content>div {
    margin: 10px 0px 0px;
}

.predcit_score .clubs-prediction_wrap .predicted_clubs {
    max-width: 460px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 40px auto;
    padding-top: 10px;
}

.predicted_clubs .home-club_prediction,
.predicted_clubs .away-club_prediction {
    text-align: center;
}

.cb_prediction_clubs .cb_club_logo_wrap {
    width: 100px;
    height: auto;
    margin: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    /* gap: 12px; */
}

.cb_prediction_new_team {
    width: 100px !important;
    height: 100px;
    border-radius: 12px;
    display: block;
    box-shadow:
        rgba(0, 0, 0, 0.05) 0px 6px 24px 0px,
        rgba(0, 0, 0, 0.08) 0px 0px 0px 1px;
}

.cb_prediction_new_team_name {
    font-size: 15px;
    font-weight: 600;
    white-space: nowrap;
    color: #012064;
    margin: 10px !important;
    margin-bottom: 0px !important;
    display: block !important;
}

.predicted_clubs img.cb_club-img {
    width: 100px;
    height: auto;
    margin: auto;
}

.home_predict-select,
.away_predict-select {
    text-align: center;
    margin-top: 14px;
    position: relative;
    min-width: 150px;
}

.clubs-prediction_wrap .predict_button {
    margin: 0px auto;
    text-align: center;
    padding: 20px 0;
    max-width: 250px;
}

.predcit_score .clubs-prediction_wrap .predicted_clubs {
    max-width: 460px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 40px auto;
    padding-top: 10px;
}

.home_predict-select>select,
.away_predict-select>select {
    font-size: 16px;
    cursor: pointer;
    text-align: center;
    appearance: none;
    color: #012064;
    letter-spacing: 0px;
    padding: 6px;
    border-radius: 6px;
    outline: none;
    background: #ffffff !important;
    border-radius: 6px;
    outline: none;
    background: transparent;
    border-width: 1px;
    border-style: solid;
    border-image: initial;
    font-weight: 600;
    border: 1px solid #032265;
    /* padding-top: 8px; */
    font-family: 'Montserrat', sans-serif;
    min-width: 100%;
}

.predicted_clubs select>option {
    color: #032265;
    font-weight: 500;
    letter-spacing: 0px;
}

.predit_pop_bg {
    position: absolute;
    top: 0;
    z-index: -1;
    margin: 0 !important;
    /* background: linear-gradient(
    180deg,
    #12187b 0%,
    #12187d 10.94%,
    #151b87 21.35%,
    #1a22a1 33.85%,
    #1c25a9 43.23%,
    #141985 58.33%,
    #101575 80.21%,
    #0e136f 100%
  ); */
    background: #fff;
    width: 100%;
    height: 100%;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
    border-radius: 10px;
}

.clubs-prediction_wrap .predict_button a {
    background-color: #fff;
    font-size: 16px;
    font-weight: 700;
    color: #012064;
    cursor: pointer;
    width: 100%;
    letter-spacing: 0.5px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 14px 0;
    border-radius: 6px;
    text-transform: uppercase;
    margin: auto;
    border: 1px solid;
}

.predict_button .btn_predict:hover {
    color: rgb(255, 255, 255);
    background: transparent;
    border-width: 1px;
    border-style: solid;
    background: #012064;
    border-image: initial;
}

.Predict_title .predict_close>i {
    font-size: 28px;
    background-color: #fff;
    border-radius: 50%;
}

.home_predict-select>select,
.away_predict-select>select {
    font-size: 16px;
    cursor: pointer;
    text-align: center;
    appearance: none;
    color: #012064;
    letter-spacing: 0px;
    padding: 6px;
    border-radius: 6px;
    outline: none;
    background: #ffffff !important;
    border-radius: 6px;
    outline: none;
    background: transparent;
    border-width: 1px;
    border-style: solid;
    border-color: rgb(255, 255, 255);
    border-image: initial;
    font-weight: 600;
    border: 1px solid #032265;
    padding-top: 8px;
}

.home_predict-select::before,
.away_predict-select::before {
    content: '';
    font-size: 18px;
    font-family: fontawesome;
    color: #032265;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
    position: absolute;
    pointer-events: none;
    z-index: 99;
}

.MobilePage .section-wrapper>.flex--column {
    /* margin-top: 10px; */
}

.subs_text_wrap {
    color: #001d72;
    padding: 11px 0;
    font-weight: 600;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: normal;
    background: #fff;
    font-size: 12px;
    margin: 0px;
}

.cbn-_-main-club-data.fans div#match-backup-header-section-wrap {
    padding-top: 12px;
}

.cbn-_-main-club-data.fans .formation_seen_1 .flex-card-la-2 {
    padding-top: 30px !important;
}

.cb_items_slider::-webkit-scrollbar-track {
    background: transparent !important;
}

.live-match-stats-formation .as--footer-action ul {
    display: flex;
    width: 100% !important;
    overflow: auto;
    text-align: center;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 8px;
    margin-bottom: 8px;
}

@media only screen and (max-width: 500px) {
    .center_content.predcit_score .clubs-prediction_wrap {
        padding: 6 0px 25px 0;
    }

    .clubs-prediction_wrap .predict_button a {
        font-size: 12px;
        padding: 6px;
    }

    .match_page_global_style .glance_post_title {
        font-size: 14px;
    }

    .clubs-prediction_wrap .predict_button {
        padding: 10px 0;
        max-width: 120px;
    }

    .match_after_stats_type {
        font-size: 11px;
    }

    .match_after_stats_data span {
        padding: 6px 10px;
        font-size: 10px;
    }

    .live-match-stats-formation .as--footer-action ul::-webkit-scrollbar-thumb {
        background: #ffffff80 !important;
    }

    .live-match-stats-formation .as--footer-action ul::-webkit-scrollbar {
        height: 4px !important;
    }

    .match_after_stats_data {
        margin: 8px 0 16px;
    }

    .predicted_clubs img.cb_club-img {
        width: 50px;
    }

    .Predict_title .predict_close {
        right: -18px;
    }

    .predicted_clubs .club-vs>img {
        width: 30px;
        height: auto;
    }

    .first_timer-user>.center_content.predcit_score {
        /* width: calc(100% - 30px); */
        width: 90%;
    }

    .predcit_score .clubs-prediction_wrap .predicted_clubs {
        max-width: 300px;
    }

    .home_predict-select>select,
    .away_predict-select>select {
        min-width: 100px;
        font-size: 12px;
        border-radius: 4px;
        padding-top: 6px;
    }

    .Predict_title>p,
    .Predict_title .predict_close>i {
        font-size: 14px;
    }

    .Predict_title>p {
        font-size: 18px;
    }

    .Predict_title .predict_close>i {
        font-size: 24px;
    }

    .home_predict-select:before,
    .away_predict-select:before {
        font-size: 14px;
        right: 10px;
    }

    .first_timer-user .center_content .Predict_title {
        padding: 28px 0 0;
        border-radius: 4px;
    }
}

.content-wrapper .top-header-wrapper .new_page-close {
    top: 50%;
    left: 20px;
    position: absolute !important;
    padding: 10px;
    color: #fff;
    transform: translate(0px, -50%);
}

.content-wrapper .top-header-wrapper .new_page-close .fa-arrow-left-long:before {
    font-size: 25px;
}

.MobilePage .swipe {
    visibility: visible !important;
}

.swipe-wrap .section-wrapper {
    display: none;
}

.swipe-wrap .section-wrapper.active {
    display: block;
}

li.top-header-item.section-info.back-arrow {
    margin-top: 11px;
}

.MobilePage .header-section.new-header-section ul.top-header {
    background: #011855;
    position: fixed;
    width: 100%;
    border-top: 1px solid #e4e4e46b;
}

.match_details_for_homepage .MobilePage .header-section.new-header-section ul.top-header {
    top: 81px;
}

.match_details_for_homepage .page-wrapper.MobilePage .page-header {
    padding: 95px 0px 95px;
}

.formation_seen_1 .header-section.new-header-section ul.top-header {
    position: static;
}

.back-arrow {
    border: none;
    background-color: #fff;
    border-radius: 8px;
    height: 34px;
    width: 40px !important;
    height: 40px;
    /* margin-top: 7px; */
}

.back-arrow .icon {
    /* width: 40px;
            height: 40px; */
    display: flex;
    justify-content: center;
    align-items: center;
}

.icon-title {
    display: none;
}

.back-arrow .icon i {
    color: #011855;
    font-size: 14px;
}

.MobilePage .header-section.new-header-section ul.top-header li.active {
    border-bottom: 3px solid #ed3237;
}

.MobilePage .header-section.new-header-section ul.top-header {
    border-image: none;
    border-bottom: 0px;
}

.MobilePage .header-section.new-header-section ul.top-header {
    align-items: center;
}

.top-header-item>.icon img {
    object-fit: contain;
}

.MobilePage .header-section.new-header-section ul.top-header li.active {
    font-weight: 700 !important;
    opacity: 1;
}

.header-section.new-header-section .top-header-item>.icon-title {
    padding: 2px 0px 8px;
    letter-spacing: 0.5px;
}

.update-live-score-structure {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

/* .fsd_ranking_graph_wrap .player_img_wrap {
  position: absolute;
  background: white;
  border-radius: 100%;
  overflow: hidden;
}

.fsd_ranking_graph_wrap .player_img_wrap {
  position: absolute;
  background: white;
  border-radius: 100%;
  overflow: hidden;
}

.fsd_ranking_graph_wrap .player_img_wrap {
  position: absolute;
  background: white;
  border-radius: 100%;
  overflow: hidden;
}

.fsd_ranking_graph_wrap .player_img_wrap {
  position: absolute;
  background: white;
  border-radius: 100%;
  overflow: hidden;
}

.fsd_ranking_graph_wrap .player_img_wrap {
  position: absolute;
  background: white;
  border-radius: 100%;
  overflow: hidden;
}

.fsd_ranking_graph_wrap .player_img_wrap {
  position: absolute;
  background: white;
  border-radius: 100%;
  overflow: hidden;
}

.fsd_ranking_graph_wrap {
  display: flex;
  justify-content: center;
  align-items: center;

  position: relative;
}

.fsd_ranking_graph_wrap .player_img_wrap {
  position: absolute;
  background: white;
  border-radius: 100%;
  overflow: hidden;
} */

.relative-parent {
    position: relative;
    margin-top: 20px;
    /* margin-bottom: 60px; */
    padding-inline: 0px;
}

.MobilePage .card--ac--listner {
    width: 100%;
    margin-top: 15px;
    margin-bottom: 0px;
    padding-bottom: 16px;
    display: flex;
    gap: 6px;
    align-items: center;
    border-bottom: 1px solid #9d9d9d;
    justify-content: center;
}

.relative-parent .top-sc-v {
    margin-bottom: 0px;
}

.custom-diagram-wrapper {
    position: absolute;
    right: 16%;
    top: -27px;
}

.sc-box-ba {
    padding-top: 35px;
}

.icon-title {
    /* display: none; */
}

@media screen and (max-width: 540px) {

    /* .desktop-view {
                display: none !important;
            } */
    .page-wrapper.MobilePage .page-header {
        padding: 65px 15px 50px;
    }

    li.top-header-item.section-info.back-arrow {
        /* margin-top: 7px */
        height: 27px;
        width: 27px !important;
    }

    .back-arrow .icon i {
        font-size: 12px;
    }

    .custom-diagram-wrapper {
        right: 20%;
    }

    .header-section.new-header-section .top-header-item>.icon-title {
        padding: 2px 0px 8px;
    }

    .back-arrow {
        border-radius: 4px;
    }

    .relative-parent {
        margin-block: 0;
        padding-inline: 0;
    }

    .MobilePage .card--ac--listner {
        padding: 0px 14px 20px 20px;
    }

    .sc-box-ba {
        padding-top: 25px;
    }

    .relative-parent .top-sc-v {
        margin-bottom: 0px;
    }
}

@media (max-width: 500px) {
    .content-wrapper .top-header-wrapper .new_page-close {
        left: 12px;
    }

    .live_match_bottom_post_section {
        width: calc(100% - 25px);
    }

    .content-wrapper .top-header-wrapper .new_page-close .fa-arrow-left-long:before {
        font-size: 15px;
    }

    .MobilePage .no-data {
        margin-top: 14px;
    }

    .top-header-wrapper .back_clicked>i {
        animation: myAnim 5s ease 0s 1 normal forwards;
        color: #0086e3;
    }

    @keyframes myAnim {

        0%,
        100% {
            transform: translateX(0);
        }

        10%,
        30%,
        50%,
        70% {
            transform: translateX(-8px);
        }

        20%,
        40%,
        60% {
            transform: translateX(8px);
        }

        80% {
            transform: translateX(8px);
        }

        90% {
            transform: translateX(-8px);
        }
    }

    .MobilePage div#live-match-data-backup-div .side-sections .soccer-lineup {
        padding: 15px 5px !important;
    }

    ul.items-list.main-items.cb_items_slider::-webkit-scrollbar {
        display: block !important;
    }

    .MobilePage div#section-stats,
    .MobilePage div#section-table,
    .MobilePage div#section-lineups {
        margin-bottom: 0px;
    }

    .match_details_for_homepage .MobilePage .header-section.new-header-section ul.top-header {
        top: 58px;
    }

    .match_details_for_homepage .page-wrapper.MobilePage .page-header {
        padding: 81px 15px 50px;
    }
}

.first_timer-user .predcit_score {
    /* height: calc(100vh - 127px); */
    top: 50%;
    max-width: 700px;
    left: 50%;
}

.uk-streams-wrapper ul {
    display: flex !important;
    flex-direction: column !important;
    align-items: center;
    justify-content: space-between !important;
}

.uk-streams-wrapper ul li {
    width: 100%;
}

/* --------------Some overided code------------------ */

.match_page_body .top-sc-v span,
.cbn-_-main-club-data.fans .top-sc-v span {
    font-size: 14px;
    color: #ffffff;
    font-weight: 600;
    text-align: start;
    margin-bottom: 0px;
}

.match_page_body .MobilePage .match-goal-timeline span,
.cbn-_-main-club-data.fans .MobilePage .match-goal-timeline span {
    color: #ffffff;
    font-weight: 600;
    font-size: 13px;
}

.match_page_body .assist_player_name,
.cbn-_-main-club-data.fans .assist_player_name {
    color: #9e9e9ee6 !important;
}

.match_page_body .MobilePage .cb_tabs_lineups a.active,
.match_page_body .MobilePage .cb_tabs_formations a.active,
.cbn-_-main-club-data.fans .MobilePage .cb_tabs_lineups a.active,
.cbn-_-main-club-data.fans .MobilePage .cb_tabs_formations a.active {
    color: #ffffff;
    font-weight: 600;
    border-bottom: 3px solid #ffffff;
}

.match_page_body .MobilePage .cb_tabs_lineups a,
.match_page_body .MobilePage .cb_tabs_formations a,
.cbn-_-main-club-data.fans .MobilePage .cb_tabs_lineups a,
.cbn-_-main-club-data.fans .MobilePage .cb_tabs_formations a {
    padding: 0 7px 8px;
    color: rgb(114 114 114 / 71%);
    display: inline-block;
    cursor: pointer;
    font-size: 16px;
    font-weight: 600;
}

.match_page_body .MobilePage .cb_full_commentary,
.cbn-_-main-club-data.fans .MobilePage .cb_full_commentary {
    background-color: #ffffff;
    margin-bottom: 30px;
    border-radius: 0px;
    overflow: hidden;
    padding: 2px 10px 15px;
    margin-top: 20px;
    /* box-shadow: rgba(0, 0, 0, 0.24) 0px 0px 3px; */
}

.cbn-_-main-club-data.fans .MobilePage .match-goal-timeline {
    margin-top: 0px !important;
}

.match_page_body .MobilePage .league_name_started,
.cbn-_-main-club-data.fans .MobilePage .league_name_started {
    left: 0;
    right: 0;
    text-align: center;
    top: 0;
    font-weight: 600;
    color: #000;
    font-size: 18px;
    position: relative !important;
    margin-top: 15px;
    letter-spacing: 0.5px;
}

.match_page_body .live_vidi_league_wrap .cb_live_vidi_content span,
.cbn-_-main-club-data.fans .live_vidi_league_wrap .cb_live_vidi_content span {
    color: #000;
    font-weight: 600;
    font-size: 16px;
    padding: 8px;
}

.match_page_body .MobilePage .full_timline,
.cbn-_-main-club-data.fans .MobilePage .full_timline {
    text-align: center;
    color: #ffffff;
    margin-top: 0px;
    font-size: 14px;
    margin-bottom: 10px;
    z-index: 99;
    background-color: #012063;
    position: relative;
    font-weight: 600;
    padding: 7px 3px;
}

.match_page_body .type_Substitute .type_name span.sin,
.cbn-_-main-club-data.fans .type_Substitute .type_name span.sin {
    font-weight: 600 !important;
    color: #ffffff;
}

.match_page_body .assist_player_name,
.cbn-_-main-club-data.fans .assist_player_name {
    color: #9e9e9ee6 !important;
}

.match_page_body .MobilePage .type_time,
.cbn-_-main-club-data.fans .MobilePage .type_time {
    padding: 3px 8px;
    background: #001d72;
    color: #ffffff;
    font-size: 13px;
    border-radius: 3px;
    width: auto;
    min-width: 50px;
    text-align: center;
    height: max-content;
    font-weight: 600;
}

.match_page_body .MobilePage .type_Goal .type_time,
.cbn-_-main-club-data.fans .MobilePage .type_Goal .type_time {
    background: red;
}

.match_page_body .timeline_inside_live::after,
.cbn-_-main-club-data.fans .timeline_inside_live::after {
    content: '';
    position: absolute;
    width: 1px;
    top: 16px;
    bottom: 0;
    left: 50%;
    margin-left: 0;
    border-right: 1px dashed #ffffff;
}

.match_page_body .MobilePage .type_center,
.cbn-_-main-club-data.fans .MobilePage .type_center {
    position: absolute;
    width: 23px;
    height: 23px;
    right: -13px;
    background-color: #f1f1f1;
    border: 2px solid #001d72;
    top: 17px;
    border-radius: 50%;
    z-index: 1;
    font-size: 0;
}

.match_page_body .MobilePage .half_timeline,
.cbn-_-main-club-data.fans .MobilePage .half_timeline {
    color: white;
    text-align: center;
    margin-top: 15px;
    background-color: #012063;
    position: relative;
    padding: 3px;
    z-index: 99;
}

.match_page_body .MobilePage div#live-match-data-backup-div ul.soccer-club-logos,
.cbn-_-main-club-data.fans .MobilePage div#live-match-data-backup-div ul.soccer-club-logos {
    justify-content: space-between;
    padding: 10px 20px;
    width: auto;
    box-sizing: border-box;
    background: #ffffff;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}

.match_page_body .MobilePage div#league-table-main-all,
.cbn-_-main-club-data.fans .MobilePage div#league-table-main-al {
    width: 100%;
    max-width: 100%;
    max-width: 642px;
    margin-top: 18px;
    border-radius: 12px;
}

.match_page_body .automaticfeed_league_table.league_table_one.current_position_table.corrent-position-table-wrap thead tr td,
.cbn-_-main-club-data.fans .automaticfeed_league_table.league_table_one.current_position_table.corrent-position-table-wrap thead tr td {
    color: rgb(255, 255, 255) !important;
    font-size: 16px;
    padding: 13px 0px;
    font-weight: 600;
}

.match_page_body .automaticfeed_league_table.league_table_one.current_position_table.corrent-position-table-wrap tbody tr td,
.cbn-_-main-club-data.fans .automaticfeed_league_table.league_table_one.current_position_table.corrent-position-table-wrap tbody tr td {
    color: black !important;
    font-size: 14px;
    padding: 13px 0px;
    font-weight: 500;
}

.match_page_body .league_table_wrap_main,
.cbn-_-main-club-data.fans .league_table_wrap_main {
    /* border-radius: 10px; */
    overflow: hidden;
    /* box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px; */
}

.match_page_body.match_page_global_style .match_post_heading,
.cbn-_-main-club-data.fans .match_page_global_style .match_post_heading {
    margin: 60px auto 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-bottom: 1px solid #001d72;
    padding: 11px 0px;
    background: #001d72;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

.match_page_body .match_after_stats_type,
.cbn-_-main-club-data.fans .match_after_stats_type {
    text-align: center;
    color: #ffffff;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 0.5px;
}

.match_page_body .live-match-stats-formation .as--footer-action ul li.active div,
.cbn-_-main-club-data.fans .live-match-stats-formation .as--footer-action ul li.active div {
    color: #ffffff !important;
    font-weight: 700;
}

.match_page_body .live-match-stats-formation .as--footer-action ul li.active,
.cbn-_-main-club-data.fans .live-match-stats-formation .as--footer-action ul li.active {
    border-bottom: 4px solid #ff0000;
}

.btn---medium.default.bet-btn {
    box-shadow: unset !important;
}

.match_page_body .update-live-score-structure,
.cbn-_-main-club-data.fans .update-live-score-structure {
    padding: 15px 28px;
    background: #001d72;
}

.match_page_body .sc-box-ba,
.cbn-_-main-club-data.fans .sc-box-ba {
    margin: 0px 28px;
}

.match_date,
.league-name {
    color: white !important;
}

.relative-parent {
    margin: 0px !important;
}

/* .match_page_body .cb_lineup_formation {
    margin-inline: 16px;
} */

.cb_lineup_formation {
    margin-inline: 0px;
    font-size: 0px;
}

.player_position_name_hide {
    display: none;
}

.match_page_body .automaticfeed_league_table.league_table_one.current_position_table.corrent-position-table-wrap thead tr td,
.cbn-_-main-club-data.fans .automaticfeed_league_table.league_table_one.current_position_table.corrent-position-table-wrap thead tr td {
    color: #000 !important;
}

.match_page_global_style .glance_post_title {
    color: #011668;
    /* font-size: 12px; */
    font-weight: 600;
    background: white;
    width: 100%;
    /* padding: 7px 3px; */
    font-size: 12px !important;
    padding: 10px 0px !important;
    font-weight: 600 !important;
}

.cbn-_-main-club-data.fans .match_page_global_style .glance_post_title {
    padding: 0px !important;
}

.match_page_body .match_post_heading,
.cbn-_-main-club-data .match_post_heading {
    border-radius: 8px 8px 0px 0px;
    overflow: hidden;
}

.match_page_body .MobilePage .card--box-header.bg-ac-b h2.fram-titl,
.cbn-_-main-club-data.fans .MobilePage .card--box-header.bg-ac-b h2.fram-titl {
    padding: 6px 0px;
    background: #001d72;
    /* border-top-left-radius: 8px;
  border-top-right-radius: 8px; */
}

.match_page_body .MobilePage div#live-match-data-backup-div .side-sections .soccer-lineup,
.cbn-_-main-club-data.fans .MobilePage div#live-match-data-backup-div .side-sections .soccer-lineup {
    padding: 15px 0px !important;
}

.match_page_body .MobilePage div#live-match-data-backup-div .soccer-section-data,
.cbn-_-main-club-data.fans .MobilePage div#live-match-data-backup-div .soccer-section-data {
    overflow: hidden;
    display: flex;
    gap: 14px;
    padding-inline: 8px;
}

.match_page_body .MobilePage div#live-match-data-backup-div .side-sections .soccer-lineup,
.cbn-_-main-club-data.fans .MobilePage div#live-match-data-backup-div .side-sections .soccer-lineup {
    padding: 15px 0px !important;
}

.match_page_body .MobilePage div#live-match-data-backup-div .soccer-section-data,
.cbn-_-main-club-data.fans .MobilePage div#live-match-data-backup-div .soccer-section-data {
    padding-inline: 28px;
    position: relative;
}

.match_page_body .MobilePage ul {
    max-width: 100%;
}

.match_page_body .formation_section_live .soccer-sections-data,
#backup-lineup,
.cbn-_-main-club-data.fans .formation_section_live .soccer-sections-data,
.cbn-_-main-club-data.fans #backup-lineup {
    padding-inline: 0;
}

.MobilePage .type_Substitute .type_name span,
.MobilePage .container_timeline .type_name span {
    color: #ffffff;
}

.slide-3-swiper .automaticfeed_league_table td img,
.MobilePage .automaticfeed_league_table td img {
    display: none;
}

.match_page_body .MobilePage .vidi-timer,
.cbn-_-main-club-data.fans .MobilePage .vidi-timer {
    margin: 0px 15px;
    background: white !important;
}

.match_page_body .MobilePage .vidi-timer span.timer-text,
.cbn-_-main-club-data.fans .MobilePage .vidi-timer span.timer-text {
    color: white;
    background: #001d72;
    padding: 10px 0px;
    font-weight: 600;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}

.match_page_body .MobilePage div#remaining-timer>div,
.cbn-_-main-club-data.fans .MobilePage div#remaining-timer>div {
    margin: 0px;
    background-color: #001d72 !important;
}

.match_page_body .MobilePage div#remaining-timer {
    gap: 6px;
}

.match_page_body .MobilePage a.btn---medium {
    box-shadow: unset !important;
}

/* .match_page_body .MobilePage .vidi-timer {
    margin-inline: 0px;
  } */

.match_page_body .MobilePage .vidi-timer {
    margin-inline: 16px;
    background: white !important;
}

.match_page_body .cbn_new_navbar .cb-nav-bar {
    padding: 12px 50px 12px 16px;
    min-height: auto;
}

.match_page_body .main-home-away-team-season-stats-wrap,
.cbn-_-main-club-data.fans .main-home-away-team-season-stats-wrap {
    margin-inline: 0px;
}

.match_page_body #section-stats .match_post_heading,
.cbn-_-main-club-data.fans #section-stats .match_post_heading {
    max-width: 100%;
    margin-bottom: 20px;
    padding-bottom: 0px;
    border-bottom: 0px;
}

.cbn-_-main-club-data.fans #section-stats .match_post_heading {
    margin-bottom: 40px;
}

.MobilePage .match-goal-timeline>div,
.match_page_body .live_vidi_league_wrap,
.cbn-_-main-club-data.fans .match-goal-timeline>div,
.cbn-_-main-club-data.fans .live_vidi_league_wrap {
    padding: 15px 14px 0px;
}

.match_page_body .MobilePage .header-section ul.top-header li.back-arrow {
    margin-left: 25px !important;
}

.generic-section-wrap li.team-lineup span.position-name {
    color: #000;
}

@media screen and (max-width: 767px) {

    .match_page_body .MobilePage .card--box-header.bg-ac-b.bg-ac-blue,
    .cbn-_-main-club-data.fans .MobilePage .card--box-header.bg-ac-b.bg-ac-blue {
        border-radius: 0px;
        margin-inline: 28px !important;
    }
}

@media screen and (max-width: 767px) {

    .match_page_body .MobilePage .vidi-timer,
    .cbn-_-main-club-data.fans .MobilePage .vidi-timer {
        margin-inline: 15px;
    }

    .match_page_body .main-home-away-team-season-stats-wrap,
    .cbn-_-main-club-data.fans .main-home-away-team-season-stats-wrap {
        margin-inline: 24px;
    }
}

.MobilePage .container_timeline {
    padding: 12px 23px 5px 23px;
    position: relative;
    background-color: inherit;
    width: 50%;
    float: none;
    margin-top: 8px !important;
}

@media screen and (max-width: 500px) {

    .match_page_body .automaticfeed_league_table.league_table_one.current_position_table.corrent-position-table-wrap thead tr td,
    .cbn-_-main-club-data.fans .automaticfeed_league_table.league_table_one.current_position_table.corrent-position-table-wrap thead tr td {
        /* color: rgb(255, 255, 255) !important; */
        font-size: 14px;
        padding: 10px 0px;
        font-weight: 500;
    }

    .match_page_body .automaticfeed_league_table.league_table_one.current_position_table.corrent-position-table-wrap tbody tr td,
    .cbn-_-main-club-data.fans .automaticfeed_league_table.league_table_one.current_position_table.corrent-position-table-wrap tbody tr td {
        color: black !important;
        font-size: 12px;
        padding: 10px 0px;
        font-weight: 400;
    }

    .match_page_body #live-match-data-main-div,
    .cbn-_-main-club-data.fans #live-match-data-main-div {
        border-radius: 0px;
    }

    .match_page_body .MobilePage .vidi-timer span.timer-text,
    .cbn-_-main-club-data.fans .MobilePage .vidi-timer span.timer-text {
        font-size: 10px !important;
        font-weight: 600 !important;
        border-radius: 0px !important;
        padding: 8px !important;
    }

    .match_page_body .MobilePage div#remaining-timer>div span:first-child,
    .cbn-_-main-club-data.fans .MobilePage div#remaining-timer>div span:first-child {
        font-size: 12px;
        font-weight: 500;
    }

    .match_page_body .MobilePage div#remaining-timer>div,
    .cbn-_-main-club-data.fans .MobilePage div#remaining-timer>div {
        font-size: 9px;
    }

    .match_page_body .MobilePage .card--box-header.bg-ac-b h2.fram-titlP,
    .cbn-_-main-club-data.fans .MobilePage .card--box-header.bg-ac-b h2.fram-titlP {
        padding: 10px 0px;
    }

    .match_page_body .page-header {
        padding: 45px 0px 50px !important;
    }

    .match_page_body .top-sc-v span,
    .cbn-_-main-club-data.fans .top-sc-v span {
        font-size: 10px;
    }

    .cbn-_-main-club-data li.cb_match_scoring_minutes .match_after_stats_type.match_post_heading {
        margin-top: 60px !important;
    }

    .match_page_body .MobilePage .match-goal-timeline span,
    .cbn-_-main-club-data.fans .MobilePage .match-goal-timeline span {
        color: #ffffff;
        font-weight: 600;
        font-size: 9px;
    }

    .match_page_body .live-match-stats-formation .as--footer-action ul li.active,
    .cbn-_-main-club-data.fans .live-match-stats-formation .as--footer-action ul li.active {
        border-bottom: 2px solid #ff0000;
    }

    .match_page_body .MobilePage a.btn---medium,
    .cbn-_-main-club-data.fans .MobilePage a.btn---medium {
        padding: 8px 14px;
    }

    .match_page_body .MobilePage .top-sc-v span.country-flag {
        min-width: 29px;
        margin-right: 5px;
    }

    .MobilePage .cb_tabs_lineups a.active,
    .MobilePage .cb_tabs_formations a.active,
    .MobilePage .cb_tabs_lineups a,
    .MobilePage .cb_tabs_formations a {
        font-size: 11px !important;
    }

    .match_page_body .MobilePage .league_name_started,
    .cbn-_-main-club-data.fans .MobilePage .league_name_started {
        font-size: 10px;
        margin-bottom: 10px;
        margin-top: 15px;
    }

    .match_page_body .live_vidi_league_wrap .cb_live_vidi_content span,
    .cbn-_-main-club-data.fans .live_vidi_league_wrap .cb_live_vidi_content span {
        font-size: 10px;
    }

    .match_page_body .MobilePage .timeline .kickoff_timline,
    .match_page_body .MobilePage .half_timeline,
    .match_page_body .MobilePage .full_timline,
    .cbn-_-main-club-data.fans .MobilePage .timeline .kickoff_timline,
    .cbn-_-main-club-data.fans .MobilePage .half_timeline,
    .cbn-_-main-club-data.fans .MobilePage .full_timline {
        font-size: 10px;
        font-weight: 600;
    }

    .match_page_body .MobilePage .cb_tabs_lineups a.active,
    .match_page_body .MobilePage .cb_tabs_formations a.active,
    .match_page_body .MobilePage .cb_tabs_lineups a,
    .match_page_body .MobilePage .cb_tabs_formations a,
    .cbn-_-main-club-data.fans .MobilePage .cb_tabs_lineups a.active,
    .cbn-_-main-club-data.fans .MobilePage .cb_tabs_formations a.active,
    .cbn-_-main-club-data.fans .MobilePage .cb_tabs_lineups a,
    .cbn-_-main-club-data.fans .MobilePage .cb_tabs_formations a {
        font-size: 11px;
    }

    .match_page_body .MobilePage .type_time,
    .cbn-_-main-club-data.fans .MobilePage .type_time {
        padding: 3px 8px;
        font-size: 10px;
    }

    .match_page_body .MobilePage .container_timeline,
    .cbn-_-main-club-data.fans .MobilePage .container_timeline {
        padding: 18px 3px 5px 20px;
    }

    .match_page_body.MobilePage .type_Substitute .type_name span,
    .match_page_body .MobilePage .container_timeline .type_name span,
    .cbn-_-main-club-data.fans .MobilePage .type_Substitute .type_name span,
    .cbn-_-main-club-data.fans .MobilePage .container_timeline .type_name span {
        color: #ffffff;
        font-weight: 600;
        font-size: 10px;
    }

    .match_page_body .MobilePage div#live-match-data-backup-div ul.soccer-club-logos {
        margin: 0px;
        max-width: 100%;
        border-top-left-radius: 6px;
        border-top-right-radius: 6px;
    }

    .match_page_body .formation_section_live .soccer-sections-data,
    #backup-lineup,
    .cbn-_-main-club-data.fans .formation_section_live .soccer-sections-data,
    .cbn-_-main-club-data.fans #backup-lineup {
        padding: 0px !important;
    }

    .match_page_body .MobilePage div#live-match-data-backup-div .soccer-section-data,
    .cbn-_-main-club-data.fans .MobilePage div#live-match-data-backup-div .soccer-section-data {
        padding: 10px;
        display: flex;
        gap: 4px;
    }

    .match_page_body .MobilePage div#live-match-data-backup-div .side-sections .soccer-lineup,
    .cbn-_-main-club-data.fans .MobilePage div#live-match-data-backup-div .side-sections .soccer-lineup {
        margin: 0px !important;
        padding: 0px !important;
        width: 100% !important;
        min-width: 99%;
    }

    .match_page_body .generic-section-wrap li.team-lineup .player-details span.player-names a,
    .cbn-_-main-club-data.fans .generic-section-wrap li.team-lineup .player-details span.player-names a {
        font-size: 10px;
    }

    .match_page_body .generic-section-wrap li.team-lineup .player-details,
    .cbn-_-main-club-data.fans .generic-section-wrap li.team-lineup .player-details {
        padding: 5px 5px;
    }

    .cbn-_-main-club-data.fans #section-stats .match_post_heading {
        margin-bottom: 25px;
    }

    .match_page_body .generic-section-wrap li.team-lineup span.position-name,
    .cbn-_-main-club-data.fans .generic-section-wrap li.team-lineup span.position-name {
        font-size: 12px;
    }

    .match_page_body .MobilePage div#section-table .flex-card-la-2,
    .cbn-_-main-club-data.fans .MobilePage div#section-table .flex-card-la-2 {
        padding: 0px;
    }

    .match_page_body .automaticfeed_league_table.league_table_one.current_position_table.corrent-position-table-wrap thead tr td,
    .cbn-_-main-club-data.fans .automaticfeed_league_table.league_table_one.current_position_table.corrent-position-table-wrap thead tr td {
        font-size: 10px;
        padding: 10px 8px;
    }

    .match_page_body .match_page_global_style .glance_post_title,
    .cbn-_-main-club-data.fans .match_page_global_style .glance_post_title {
        font-size: 12px;
    }

    /* .match_page_body .update-live-score-structure, */
    .cbn-_-main-club-data.fans .update-live-score-structure {
        padding: 14px 17px 10px;
    }

    .match_page_body .update-live-score-structure {
        padding: 15px 16px 10px 16px;
    }

    .match_page_body .sc-box-ba {
        margin: 0px 17px;
        margin-bottom: 10px;
    }

    .no-league-data {
        font-size: 10px;
    }

    .match_page_body .MobilePage .card--box-header.bg-ac-b.bg-ac-blue,
    .match_page_body .match_highlights_wrap,
    .cbn-_-main-club-data.fans .MobilePage .card--box-header.bg-ac-b.bg-ac-blue,
    .cbn-_-main-club-data.fans .match_highlights_wrap {
        border-radius: 0px;
        margin-inline: 17px !important;
        border-top-left-radius: 8px;
        border-top-right-radius: 8px;
        overflow: hidden;
    }

    .match_page_body .MobilePage .match-goal-timeline>div,
    .match_page_body .live_vidi_league_wrap,
    .cbn-_-main-club-data.fans .live_vidi_league_wrap,
    .cbn-_-main-club-data.fans .MobilePage .match-goal-timeline>div {
        padding: 0 6px;
        position: relative;
    }

    /* .match_page_body .MobilePage div#league-table-main-all {
    margin: 0px 17px;
  } */

    .match_page_body .match_after_stats_type,
    .cbn-_-main-club-data.fans .match_after_stats_type {
        font-size: 10px;
    }

    .corrent-position-table-wrap tbody tr td {
        font-size: 10px !important;
        padding: 10px 10px !important;
    }

    .MobilePage div#live-match-data-backup-div .soccer-section-data {
        padding-inline: 15px 15px !important;
    }

    .match_page_body .MobilePage .vidi-timer {
        margin: 0px 17px;
        padding: 0px;
    }

    .MobilePage a.btn---medium {
        box-shadow: unset !important;
    }

    .match_page_body .MobilePage .header-section ul.top-header li.back-arrow {
        margin-left: 0px !important;
    }

    .page-wrapper.cbn_live_score_page_wrapper {
        margin-top: 88px !important;
    }

    .match_page_body .cb_lineup_formation {
        margin-inline: 0px;
    }

    .MobilePage .header-section.new-header-section ul.top-header {
        min-height: 41x;
    }

    .match_page_body .MobilePage .header-section ul.top-header li.back-arrow {
        margin-left: 0px !important;
        max-height: 30px;
    }

    .MobilePage .home-formation {
        top: 0px;
        left: 50%;
        transform: translate(-50%, 0px);
    }

    .match_page_for_mobile_browser .page-wrapper.MobilePage .page-header {
        /* padding: 30px 0px 20px !important; */
        padding: 30px 0px 3px !important;
    }

    .match_page_body .main-home-away-team-season-stats-wrap,
    .cbn-_-main-club-data.fans .main-home-away-team-season-stats-wrap {
        margin-inline: 0px;
    }

    .match_page_body .MobilePage .header-section.new-header-section ul.top-header,
    .cbn-_-main-club-data.fans .MobilePage .header-section.new-header-section ul.top-header {
        padding-top: 11px !important;
    }

    .live-match-stats-formation .as--footer-action ul {
        width: 96% !important;
    }

    .match_page_body .MobilePage ul,
    .cbn-_-main-club-data.fans .MobilePage ul {
        max-width: 100%;
    }

    .match_page_body.match_page_global_style .match_post_heading,
    .cbn-_-main-club-data.fans .match_page_global_style .match_post_heading {
        margin: 60px auto 6px;
    }

    .match_page_body .MobilePage .card--box-header.bg-ac-b.bg-ac-blue,
    .cbn-_-main-club-data.fans .MobilePage .card--box-header.bg-ac-b.bg-ac-blue {
        border-radius: 0px;
        margin-inline: 0px !important;
    }

    .home_predict-select,
    .away_predict-select {
        min-width: auto;
        margin-top: 12px;
    }

    .cb_prediction_new_team_name {
        text-align: center;
        font-size: 10px;
    }
}

.match_page_body .MobilePage .match-goal-timeline .single-match-item,
.cbn-_-main-club-data.fans .MobilePage .match-goal-timeline .single-match-item {
    1px solid rgb(157 157 157)rgb(0 0 0 / 13%);
    /* margin-bottom: 4px; */
}

.nds_442_wrap {
    padding: 4px 20px;
}

.page-wrapper.cbn_live_score_page_wrapper {
    margin-top: 128px;
}

.match_page_body body .MobilePage {
    margin: 0;
    background: white;
}

.MobilePage .card--box-header.bg-ac-b h2.fram-titl,
.MobilePage .timeline .kickoff_timline,
.MobilePage .full_timline,
.MobilePage .half_timeline,
.match_page_global_style .glance_post_title,
.fixtures-wrapper ul.main-fixtures li.fixture-header {
    font-size: 12px !important;
    padding: 11px 0px !important;
    font-weight: 600 !important;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: normal;
}

/* .match_page_body .cb_lineups-wrapper {
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    margin: 0px 28px;
    border-radius: 12px;
    padding-top: 22px;
} */

.match_page_body .MobilePage .timeline,
.cbn-_-main-club-data.fans .MobilePage .timeline {
    margin-bottom: 0px;
}

.match_page_body div#live-match-data-main-div,
.cbn-_-main-club-data.fans div#live-match-data-main-div {
    border-radius: 0px !important;
}

.match_page_body .cb_lineup_formation .grid--card--box .card--box-header .as--footer-action,
.cbn-_-main-club-data.fans .cb_lineup_formation .grid--card--box .card--box-header .as--footer-action {
    padding: 0px 28px;
    box-sizing: border-box;
}

.match_page_body .MobilePage .section-wrapper>.flex--column {
    margin-bottom: -12px;
}

.home_away_team_name {
    font-size: 16px;
    font-weight: 600;
    color: #000;
    position: relative;
    letter-spacing: 0.5px;
}

.home_away_team_name>div {
    width: 100%;
    height: 2px;
    background: red;
    display: block;
    position: absolute;
    bottom: -5px;
}

.match_page_body .live_vidi_league_wrap,
.cbn-_-main-club-data.fans .live_vidi_league_wrap {
    padding: 0 20px;
}

.match_page_body .MobilePage #section-tracker .vidi-timer,
.cbn-_-main-club-data.fans .MobilePage #section-tracker .vidi-timer {
    margin: 0px 0px;
    padding: 0px;
    border-radius: 0px;
}

.match_page_body .MobilePage #section-tracker .vidi-timer span.timer-text,
.cbn-_-main-club-data.fans .MobilePage #section-tracker .vidi-timer span.timer-text {
    font-size: 12px;
    font-weight: 600;
    border-radius: 0px;
}

.match_page_body .MobilePage #section-tracker div#remaining-timer,
.cbn-_-main-club-data.fans .MobilePage #section-tracker div#remaining-timer {
    gap: 6px;
    margin: 0px 16px;
}

.match_page_body .MobilePage #section-tracker div#remaining-timer>div,
.cbn-_-main-club-data.fans .MobilePage #section-tracker div#remaining-timer>div {
    font-size: 9px;
    background-color: #ffffff !important;
    color: #000;
    border-right: 1px solid #dedede;
}

.match_page_body .cb_live_vidi_content {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.match_page_body .live_vidi_league_wrap,
.cbn-_-main-club-data.fans .live_vidi_league_wrap {
    position: relative;
    margin-top: 12px;
}

.match_page_body .cb_tabs_lineups,
.cbn-_-main-club-data.fans .cb_tabs_lineups {
    /* padding-bottom: 24px; */
    /* border-bottom: 1px solid #dedede; */
    padding-top: 0px;
}

.MobilePage .grid--card--box {
    border-radius: 0px !important;
}

.match_page_body .update-live-score-structure>div,
.cbn-_-main-club-data.fans .update-live-score-structure>div {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.match_page_body .main-home-away-team-season-stats-wrap>.match_after_stats_list>li,
.cbn-_-main-club-data.fans .main-home-away-team-season-stats-wrap>.match_after_stats_list>li {
    margin: 0px 18px;
}

.match_page_body .main-home-away-team-season-stats-wrap>.match_after_stats_list :nth-child(6).cb_match_scoring_minutes,
.cbn-_-main-club-data.fans .main-home-away-team-season-stats-wrap>.match_after_stats_list :nth-child(6).cb_match_scoring_minutes {
    margin: 0px;
}

.cbn-_-main-club-data.fans .main-home-away-team-season-stats-wrap>.match_after_stats_list :nth-child(6).cb_match_scoring_minutes {
    margin-top: 60px;
    margin-bottom: 40px;
}

span.soccer-team-_-name {
    font-size: 16px;
    color: #000;
    font-weight: 600;
}

.generic-section-wrap li.team-lineup .player-details {
    background-color: #ffffff00;
    margin: 10px 10px 10px;
    padding: 6px 0px;
    border-radius: 4px;
    display: flex;
    align-items: center;
    color: #ffffff !important;
}

ul.soccer-club-logos.soccer-team-_-name_container {
    padding: 8px 30px !important;
}

.match_page_body .section-wrapper_unique h2.fram-titl,
.cbn-_-main-club-data.fans .section-wrapper_unique h2.fram-titl {
    background: #ffffff;
}

.match_page_body .generic-section-wrap li.team-lineup .player-details span.player-image img,
.cbn-_-main-club-data.fans .generic-section-wrap li.team-lineup .player-details span.player-image img {
    width: 28px !important;
    height: 28px !important;
    border-radius: 100%;
    object-fit: cover;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 0px 2px;
}

.match_page_body .generic-section-wrap li.team-lineup .player-details span.player-names,
.cbn-_-main-club-data.fans .generic-section-wrap li.team-lineup .player-details span.player-names {
    font-size: 0;
    min-width: 70%;
    border-bottom: 1px solid #dedede;
}

.match_page_body .generic-section-wrap li.team-lineup .player-details span.player-names a,
.cbn-_-main-club-data.fans .generic-section-wrap li.team-lineup .player-details span.player-names a {
    font-size: 14px;
    color: #ffffff;
    text-decoration: none;
    padding-bottom: 10px;
    display: block;
}

.match_page_body .MobilePage .heyLow h2.fram-titl,
.cbn-_-main-club-data.fans .MobilePage .heyLow h2.fram-titl {
    background: #ffffff;
}

.match_page_body .MobilePage .heyLow .soccer-club-logos,
.cbn-_-main-club-data.fans .MobilePage .heyLow .soccer-club-logos {
    padding-left: 28px !important;
    padding-right: 28px !important;
    position: relative;
}

.match_page_body .MobilePage div#live-match-data-backup-div .soccer-section-data::before,
.cbn-_-main-club-data.fans .MobilePage div#live-match-data-backup-div .soccer-section-data::before {
    content: '';
    position: absolute;
    width: 1px;
    height: 100%;
    background: #dedede;
    top: 0px;
    left: 50%;
    transform: translateX(-50%);
}

.match_page_body .MobilePage div#live-match-data-backup-div .side-sections .soccer-lineup {
    padding: 0px 0px !important;
}

.match_page_body .MobilePage .swipe-wrap>div {
    padding: 0px 0px 16px !important;
}

.cbn-_-main-club-data.fans .MobilePage .swipe-wrap>div {
    padding: 0px 0px 9px !important;
}

.match_page_body .MobilePage .heyLow h2.fram-titl,
.cbn-_-main-club-data.fans .MobilePage .heyLow h2.fram-titl {
    background: #ffffff !important;
}

.awayTeamBgColor.coooler,
.homeTeamBgColor.coooler {
    height: 2px;
    width: 100%;
    margin-top: 5px;
}

.awayTeamBgColor.coooler,
.homeTeamBgColor.coooler {
    height: 2px;
    width: 100%;
    margin-top: 5px;
}

.match_page_body #section-stats .match_post_heading,
.match_page_body .MobilePage .grid--card--box,
.cbn-_-main-club-data.fans #section-stats .match_post_heading,
.cbn-_-main-club-data.fans .MobilePage .grid--card--box {
    border-radius: 0px !important;
}

.substitutes-position .position-name {
    margin: 20px 10px;
    display: block;
}

.fixture-details>span>i.fa-star {
    font-size: 10px;
    margin-left: 2px;
}

.cbn_fixture_left>span>.fixture_team_color_box,
.cbn_fixture_right>span>.fixture_team_color_box {
    width: 40px;
    height: 34px;
    border-radius: 4px;
    margin: 0 !important;
    display: flex;
    vertical-align: middle;
    align-items: center;
    justify-content: center;
}

.cbn_fixture_left>span>span,
.cbn_fixture_right>span>span {
    font-size: 14px !important;
    line-height: normal;
    text-align: center !important;
}

.pen_wrap.home_pen_goals,
.pen_wrap.away_pen_goals {
    display: none;
}

.fixture-details .home-team-title {
    margin-bottom: 6px !important;
}

.MobilePage .player-status>.cb_header-wrap>#dynamic-main-heading {
    animation: none;
}

.generic-section-wrap li.team-lineup span.position-name {
    color: #000 !important;
}

.cb_tabs_lineups>a.active,
.cb_tabs_lineups>a {
    margin-top: 14px;
}

.club_page_view_content .cb_tabs_lineups>a.active,
.club_page_view_content .cb_tabs_lineups>a {
    margin-top: 0px;
}

.match_page_body .MobilePage #section-tracker div#remaining-timer> :nth-last-child(1),
.cbn-_-main-club-data.fans .MobilePage #section-tracker div#remaining-timer> :nth-last-child(1) {
    border: none !important;
}

.club_page_view_content .cbn-_-main-club-data.fans .MobilePage .league_name_started {
    margin-top: 0px !important;
}

.pen_wrap.home_pen_goals,
.pen_wrap.away_pen_goals {
    display: none;
}

.cbn_fixture_details_wrap .pen_goals {
    position: absolute;
    left: 50%;
    top: 0px;
    transform: translate(calc(-50% + 42px), 0px);
    background: #012064;
    color: #fff !important;
    font-size: 10px !important;
    padding: 4px 4px;
    border-radius: 4px;
    display: flex;
    align-items: center;
    gap: 2px;
}

.cbn_fixture_details_wrap .away-team-title,
.cbn_fixture_details_wrap .home-team-title {
    position: relative;
}

.cbn_fixture_details_wrap .home-team-title .pen_goals {
    transform: translate(calc(-50% - 42px), 0px);
}

.scores-wrapper .fixtures-wrapper .fixtures-data {
    padding: 16px 14px 16px !important;
}

.winner-candidate {
    margin-top: 26px !important;
}

.scores-wrapper .fixtures-wrapper:first-child ul.main-fixtures li.fixture-header {
    padding-top: 16px;
}

.scores-wrapper .fixtures-wrapper:first-child ul.main-fixtures li.fixture-header {
    padding-top: 16px !important;
}

.match_page_body .MobilePage .card--box-header.bg-ac-b h2.fram-titl {
    display: none !important;
}

.match_page_body .cb_tabs_lineups,
.cbn-_-main-club-data.fans .cb_tabs_lineups {
    padding-bottom: 16px;
}

.match_page_body .MobilePage .full_timline,
.match_page_body .MobilePage .half_timeline,
.match_page_body .MobilePage .kickoff_timline {
    background: white !important;
    color: #001d72 !important;
    font-weight: 600 !important;
    font-size: 12px !important;
    padding: 10px 0px !important;
}

@media screen and (max-width: 500px) {
    .home_away_team_name {
        font-size: 10px;
    }

    .match_page_body .live_vidi_league_wrap,
    .cbn-_-main-club-data.fans .live_vidi_league_wrap {
        position: relative;
    }

    .match_page_body .cb_lineup_formation .grid--card--box .card--box-header .as--footer-action,
    .cbn-_-main-club-data.fans .cb_lineup_formation .grid--card--box .card--box-header .as--footer-action {
        padding: 0px 12px;
    }

    /* .match_page_body .cb_tabs_lineups {
padding-bottom: 15px;
    border-bottom: 1px solid #dedede;
} */

    .match_page_body .MobilePage .cb_full_commentary,
    .cbn-_-main-club-data.fans .MobilePage .cb_full_commentary {
        margin-top: 4px;
    }

    .MobilePage .grid--card--box {
        border-radius: 0px !important;
    }

    .match_page_body .MobilePage .heyLow .soccer-club-logos,
    .cbn-_-main-club-data.fans .MobilePage .heyLow .soccer-club-logos {
        padding-left: 20px !important;
        padding-right: 20px !important;
    }

    span.soccer-team-_-name {
        font-size: 10px;
    }

    .match_page_body .generic-section-wrap li.team-lineup .player-details span.player-image img,
    .cbn-_-main-club-data.fans .generic-section-wrap li.team-lineup .player-details span.player-image img {
        width: 22px !important;
        height: 22px !important;
    }

    .match_page_body .generic-section-wrap li.team-lineup .player-details span.player-names a,
    .cbn-_-main-club-data.fans .generic-section-wrap li.team-lineup .player-details span.player-names a {
        font-size: 9px;
        padding-bottom: 6px;
    }

    .MobilePage .card--box-header.bg-ac-b h2.fram-titl,
    .MobilePage .timeline .kickoff_timline,
    .MobilePage .full_timline,
    .MobilePage .half_timeline,
    .match_page_global_style .glance_post_title,
    .fixtures-wrapper ul.main-fixtures li.fixture-header {
        font-size: 10px !important;
        padding: 8px 0 !important;
        font-weight: 500 !important;
    }

    .match_page_body.match_page_global_style .match_post_heading,
    .cbn-_-main-club-data.fans .match_page_global_style .match_post_heading {
        padding: 10px 0;
    }

    .cbn-_-main-club-data.fans div#match-backup-header-section-wrap {
        padding-top: 0px;
    }

    .cbn-_-main-club-data.fans .formation_seen_1 .flex-card-la-2 {
        padding-top: 10px !important;
    }

    .match_page_body .main-prediction-post .prediction-heading {
        margin-top: 12px !important;
        padding: 8px !important;
        line-height: normal !important;
    }

    .cbn-_-main-club-data.fans .formation_seen_1 .flex-card-la-2 {
        padding-top: 8px !important;
    }

    .formation_seen_1 .cb_lineups-wrapper .cb_tabs_lineups {
        margin-top: 20px !important;
    }

    .cbn-_-main-club-data.fans .formation_seen_1 .flex-card-la-2 {
        padding-top: 8px !important;
    }

    .cbn-_-main-club-data.fans .formation_seen_1 .match-goal-timeline .match_before_half .single-match-item {
        padding-top: 12px !important;
    }

    .fixtures-wrapper ul.main-fixtures li {
        padding: 8px 20px 8px !important;
    }

    .subs_text_wrap {
        padding: 8px 0;
        font-size: 10px;
    }

    .predcit_score .clubs-prediction_wrap .predicted_clubs {
        margin: 20px auto 30px;
        padding: 10px;
    }

    .cbn_fixture_left>span>span,
    .cbn_fixture_right>span>span {
        font-size: 12px !important;
    }

    .cbn_fixture_left>span>.fixture_team_color_box,
    .cbn_fixture_right>span>.fixture_team_color_box {
        width: 28px;
        height: 24px;
    }

    .cbn_fixture_center>.fixture-time>span {
        font-size: 11px !important;
    }

    .cbn_fixture_center .ops--divider>span {
        font-size: 12px !important;
    }

    .cbn_fixture_left>span>span,
    .cbn_fixture_right>span>span {
        font-size: 10px !important;
    }

    .club_page_view_content .formation_seen_1 .header-section ul.top-header {
        padding: 12px 18px !important;
    }

    .scores-wrapper .fixtures-wrapper .fixtures-data {
        padding: 12px 14px 12px !important;
    }

    .cbn_fixture_details_wrap .pen_goals {
        font-size: 8px !important;
        padding: 3px 3px;
        transform: translate(calc(-50% + 32px), 0px);
    }

    .cbn_fixture_details_wrap .home-team-title .pen_goals {
        transform: translate(calc(-50% - 32px), 0px);
    }

    .scores-wrapper .fixtures-wrapper:first-child ul.main-fixtures li.fixture-header {
        padding-top: 5px !important;
    }

    .cb_prediction_clubs .cb_club_logo_wrap {
        width: 80px;
        height: 80px;
        /* gap: 8px; */
    }

    .match_page_body .MobilePage .full_timline,
    .match_page_body .MobilePage .half_timeline,
    .match_page_body .MobilePage .kickoff_timline {
        font-size: 10px !important;
        padding: 6px 0px !important;
    }
}

@media screen and (max-width: 340px) {

    .match_page_body .live_vidi_league_wrap,
    .cbn-_-main-club-data.fans .live_vidi_league_wrap {
        padding: 0 20px;
    }
}

.match_page_body .main-prediction-post {
    margin-top: 30px;
}

.match_page_body table.automaticfeed_league_table>thead>tr>td {
    background: white !important;
    color: #000 !important;
    padding: 18px 0px !important;
}

.MobilePage div#league-table-main-all {
    width: 100%;
    max-width: 642px;
}

.match_page_body .match_page_main_parent .prediction-heading {
    color: #ffffff !important;
}

.match_page_body .match_page_main_parent .winner__title {
    color: #ffffff !important;
}

.main-home-away-team-season-stats-wrap ul.match_after_stats_list {
    background: #ffffff;
    padding: 20px 12px;
    border-radius: 14px;
}

.match_after_stats_type {
    text-align: center;
    color: #001d72;
    font-size: 15px;
    font-weight: 600;
    letter-spacing: 0.5px;
}

.match_after_stats_data {
    width: 100%;
    display: flex;
    position: relative;
    margin: 10px 0 25px;
}

.match_after_stats_data span {
    display: block;
    padding: 8px 12px;
    font-size: 14px;
    font-weight: 600;
}


.match_page_body .main-prediction-post .prediction-heading {
    font-size: 13.5px !important;
}

.match_page_body .main-prediction-post .win-chelsea>p,
.match_page_body .main-prediction-post .win-barcelona>p,
.match_page_body .main-prediction-post .cb_match_predict_post .predict_perc {
    font-size: 24.5px !important;
}

.match_page_body p.club_name_predict {
    font-size: 11px !important;
    font-weight: 500 !important;
    text-align: center !important;
}

.match_page_body .main-prediction-post #percentage-graph_prediction {
    max-width: 150px !important;
}

.match_page_body .main-prediction-post .club_scoring_dtl>.scoring_title {
    font-size: 12px !important;
}

.match_page_body .main-prediction-post .scoring_section>p {
    font-size: 11px !important;
}

.match_page_body .main-prediction-post .clubs_stats_wrap {
    margin: 30px auto 20px !important;
}

.match_page_body .main-prediction-post .cta-button {
    max-width: 150px !important;
    font-size: 13.5px !important;
    padding: 12px 20px !important;
    border-radius: 8px !important;
}

.match_page_body .winner__title {
    font-size: 13.5px !important;
}

.match_page_body .winner__options .winner__option {
    font-size: 13.5px !important;
}

.match_page_body .bet-button-wrap {
    padding-bottom: 0px !important;
}

.match_page_body .winner-candidate {
    margin: 30px 0px;
}

.match_page_global_style .glance_post_title,
.match_page_body .MobilePage h2.fram-titl.flex--card-l span.align-center,
.match_page_body .cb_tabs_lineups a,
.match_page_body .MobilePage .league_name_started {
    font-size: 15px !important;
}

.match_page_body .generic-section-wrap li.team-lineup .player-details span.player-names a {
    font-size: 13px;
}

.home_team_stats_bg_wrappper {
    display: flex;
    width: 100%;
    border-radius: 20px !important;
    overflow: hidden !important;
}

.team_stats_text {
    position: absolute;
    color: #000000;
    top: -20px;
    padding: 0px 10px !important;
    font-size: 12px !important;
    font-weight: 700 !important;
}

span.team_stats_text.home_team_stats_text {
    left: 0;
}

span.team_stats_text.away_team_stats_text {
    right: 0px;
}

.home_team_stats_bg_wrappper>span {
    padding: 0px 10px !important;
    height: 28px !important;
}

.cb_match_scoring_minutes .match_after_stats_type.match_post_heading {
    margin: 0px !important;
    padding: 0px !important;
    margin-top: 0px !important;
    color: red !important;
}

.cb_match_scoring_minutes .match_after_stats_type .glance_post_title {
    color: #001d72 !important;
    position: relative;
    width: 100%;
    margin: 10px 0px 20px 0px;
}

.cb_match_scoring_minutes .match_after_stats_type .glance_post_title::before {
    content: "";
    width: 100%;
    max-width: 140px;
    height: 1px;
    background: #001d72;
    position: absolute;
    right: 61%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.cb_match_scoring_minutes .match_after_stats_type .glance_post_title::after {
    content: "";
    width: 100%;
    max-width: 140px;
    height: 1px;
    background: #001d72;
    position: absolute;
    right: -4%;
    transform: translate(-50%, -50%);
}

.match_page_body #section-stats .match_post_heading.match_after_stats_type {
    margin-top: 0px !important;
    margin-bottom: 20px !important;
    padding: 0px !important;
}

.cb_complete_matchstats>.main-home-away-team-season-stats-wrap>.match_after_stats_list {
    background: white !important;
    max-width: calc(100% - 75px);
    margin: 0 auto;
}

.team_stats_text {
    position: absolute;
    color: #000000;
    top: -20px;
    padding: 0px 10px !important;
    font-size: 12px !important;
    font-weight: 700 !important;
}

.match_after_stats_type {
    text-align: center !important;
    color: #001d72 !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    letter-spacing: 0.5px !important;
}

.match_page_global_style .cb_match_scoring_minutes .glance_post_title {
    text-align: center;
    color: #001d72;
    font-weight: 600;
    width: 100%;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0px !important;
    border-radius: 20px;
}

@media screen and (max-width: 500px) {

    .cb_match_scoring_minutes .match_after_stats_type .glance_post_title::before {
        max-width: 20% !important;
        left: 14% !important;
    }

    .cb_match_scoring_minutes .match_after_stats_type .glance_post_title::after {
        max-width: 20% !important;
        right: -6% !important;
    }

    .match_page_body .main-prediction-post .prediction-heading {
        font-size: 12.5px !important;
    }

    .match_page_body .main-prediction-post .win-chelsea>p,
    .match_page_body .main-prediction-post .win-barcelona>p,
    .match_page_body .main-prediction-post .cb_match_predict_post .predict_perc {
        font-size: 18px !important;
    }

    .match_page_body p.club_name_predict {
        font-size: 9px !important;
        font-weight: 400 !important;
        text-align: center !important;
    }

    .match_page_body .main-prediction-post #percentage-graph_prediction {
        max-width: 150px !important;
    }

    .match_page_body .main-prediction-post #percentage-graph_prediction,
    .match_page_body .main-prediction-post #percentage-graph_prediction .canvasjs-chart-canvas {
        height: 90px !important;
        margin-left: 0px !important;
        width: 150px !important;
    } 

    .match_page_body .main-prediction-post .club_scoring_dtl>.scoring_title {
        font-size: 11px !important;
    }

    .match_page_body .main-prediction-post .scoring_section>p {
        font-size: 9px !important;
        margin: 4px 2px 4px 0px;
    }

    .match_page_body .main-prediction-post .clubs_stats_wrap {
        margin: 30px auto 20px !important;
    }

    .match_page_body .main-prediction-post .cta-button {
        max-width: 110px !important;
        font-size: 10.5px !important;
        padding: 9px 14px !important;
        border-radius: 6px !important;
        border: 1px solid;
    }

    .match_page_body .winner__title {
        font-size: 10.5px !important;
    }

    .match_page_body .winner__options .winner__option {
        font-size: 10.5px !important;
        padding: 10px 12px !important;
    }


    .match_page_body .bet-button-wrap {
        padding-bottom: 0px !important;
    }

    .match_page_body .winner-candidate {
        margin: 30px 0px !important;
    }

    .match_page_body .match_page_main_parent.formation_not_found .winner__options {
        margin-top: 36px !important;
    }


    .match_page_body .generic-section-wrap li.team-lineup .player-details span.player-names a {
        font-size: 11px !important;
    }

    .match_page_global_style .glance_post_title,
    .match_page_body .MobilePage h2.fram-titl.flex--card-l span.align-center,
    .match_page_body .cb_tabs_lineups a,
    .match_page_body .live_vidi_league_wrap .cb_live_vidi_content span,
    .match_page_body .MobilePage .league_name_started {
        font-size: 12px !important;
    }

    .home_team_stats_bg_wrappper>span {
        height: 18px !important;
    }

    .team_stats_text {
        top: -15px;
        font-size: 10px !important;
        font-weight: 600 !important;
    }

    .match_page_body #section-stats .match_post_heading.match_after_stats_type {
        margin-top: 0px !important;
        margin-bottom: 12px !important;
        padding: 0px !important;
    }

    .main-home-away-team-season-stats-wrap ul.match_after_stats_list {
        border-radius: 8px !important;
    }

    .match_page_global_style .glance_post_title,
    .match_page_body .MobilePage h2.fram-titl.flex--card-l span.align-center,
    .match_page_body .cb_tabs_lineups a,
    .match_page_body .MobilePage .league_name_started {
        font-size: 13px !important;
    }

    .match_page_body .generic-section-wrap li.team-lineup .player-details span.player-names a {
        font-size: 11px !important;
    }

    .cb_match_scoring_minutes .match_after_stats_type .glance_post_title::after,
    .cb_match_scoring_minutes .match_after_stats_type .glance_post_title::before {
        top: 50% !important;
    }

    .match_after_stats_type {
        font-size: 11px !important;
    }

    .cb_complete_matchstats>.main-home-away-team-season-stats-wrap>.match_after_stats_list {
               max-width: calc(100% - 30px);
        padding: 10px 0px !important;
    }

    .match_after_stats_data {
        margin: 8px 0 16px !important;
    }

    .match_page_global_style .cb_match_scoring_minutes .glance_post_title {
        height: 14px;
    }
}