/*----------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 .top-header-logo img { padding-top: 5px; } .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; } .news_highlighted_title { font-size: 20px; font-weight: 800; } .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 .6s ease-in-out; } .MobilePage .menu-hide { left: -180px; z-index: 10; transition: all .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: .3em; font-size: 14px; } .MobilePage .header-top-search { width: calc(100% - 40px); padding-left: 0; padding: .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 .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 .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 .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 .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: 5px; } .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; } .MobilePage .header-section ul.top-header li { color: rgba(255, 255, 255, .6); font-size: 11px; 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; border-bottom: 1px solid #011465; } .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: 25px; height: auto; } .top-header-item>.icon img { width: 100%; height: 100%; } .top-header-item>.icon-title { padding: 6px 10px; } .MobilePage .card--column { position: relative; z-index: 9; max-width: 100%; display: flex; flex: 1 1; } .MobilePage .card--ac--listner { width: 100%; margin-top: 20px; } .MobilePage .card--ops { display: inline-block; vertical-align: middle; float: right; margin-right: 12px; } .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 .6s ease-in-out; } .MobilePage .menu-hide { left: -180px; z-index: 10; transition: all .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: .3em; font-size: 14px; } .MobilePage .header-top-search { width: calc(100% - 40px); padding-left: 0; padding: .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 .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 .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 .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 .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.20); 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.10); } .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.10); } .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; } .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: #012064; } .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; } .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%; max-width: 500px; } .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: rgba(230, 230, 230, 0.3); } .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: 10px 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, .6); font-weight: 600; border-bottom: 2px solid #012063; 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: 6px; font-size: 12px; 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; } .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; } .live_vidi_league_wrap { display: flex; align-items: center; justify-content: space-between; padding: 0 6px; } .home_team_logo_wrap { width: 50px; 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 #36c6fd; top: 17px; 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; } .MobilePage .timeline .content .type_name_wrap { display: flex; justify-content: flex-end; width: 100%; } .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; } /*---------------------------------------------*/ .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 .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; 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: 15px !important; box-sizing: border-box; margin: auto; } span.assist_player_name { color: #9b9b9be6 !important; } .MobilePage .match-goal-timeline>div { overflow: hidden; padding: 0px 10px; } .MobilePage .match-goal-timeline>div>div:last-child .single-match-item:last-child { margin-bottom: 0; } .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: 10px; } #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: hidden; 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: 6px; box-sizing: border-box; margin: auto; } .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; } .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, .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, .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 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 .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 .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: 6px; 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, .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: .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; } @media (max-width:500px) { .MobilePage .home-formation { top: 0px; left: 49%; transform: translate(-51%, 0px); } .MobilePage .cb_tabs_lineups a, .MobilePage .cb_tabs_formations a { padding: 0 7px 5px; font-size: 10px; } .league_timeline_header { margin-top: 15px; } .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: 15px 10px 10px; } .MobilePage .container_timeline { padding: 22px 3px 5px 16px; } .MobilePage .container_timeline.left { padding: 22px 16px 5px 3px; } .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; } .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: 15px !important; } .MobilePage .match-goal-timeline>div { padding: 0px 0; } .top-header-item>.icon { width: 20px; } .MobilePage .header-section ul.top-header li { margin: 0px 8px; 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; } .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; } .news_highlighted_title { font-size: 15px; } .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; } } @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, .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, .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: .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: .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; } }