* {

    margin: 0;

    padding: 0;

    font-family: montserrat, sans-serif;

    text-shadow: none !important;

    outline: none;

} 

ul{

    list-style-type: none;

}

a{

    text-decoration: none;

}

div, td {

    font-size: 12px;

}
.cb_popup_wrap>.cb_popup_content {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    max-width: 700px;
    box-shadow: rgba(0, 0, 0, 0.18) 0px 2px 4px;
    overflow: hidden;
    background-color: transparent;
}
.cb_popup>.cb_popup_wrap {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100vh;
    z-index: 1000;

}
.first_timer-user .center_content {
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    display: block !important;
    left: 50%;
    width: max-content;
    margin: 0 auto;
}
.center_content>.alert_msg {
    background-color: #012064;
    padding: 20px 50px 35px;
    border-radius: 10px;
}
.center_content>.alert_msg>p {
    color: #fff;
    font-size: 15px;
    line-height: 25px;
    margin: 15px auto;
    letter-spacing: 0.5px;
    text-align: center;
}
.center_content>.alert_msg>.user_login-text {
    font-size: 15px;
    padding-bottom: 0px;
}
.news_original_source_btn {
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
    margin: auto;
}
.new-footer-nav-item-mic img{
  max-width: 100%;
}
.news_original_source .center_content>.alert_msg .btn-user {
    padding: 10px 0;
    margin: 0;
    width: 45%;
    text-align: center;
    background: transparent;
    border: 1px solid #fff;
    color: #fff;
}
.news_original_source .cb_popup_wrap > .cb_popup_content {
    background: transparent;
}
.news_original_source .center_content>.alert_msg .btn-user.news_original_href_link {
    background: #fff;
    color: #012064;
}
.news_original_source .user_login-text {
    padding: 10px !important;
}
.center_content>.alert_msg .btn-user {
    background: #fff;
    color: #012064;
    font-size: 16px;
    padding: 8px 16px;
    letter-spacing: 0;
    font-weight: 700;
    border-radius: 6px;
    display: block;
    width: fit-content;
    margin: 0 auto;
    cursor: pointer;
}
.cb_popup>.cb_popup_overlay {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100vh;
    z-index: 1000;
    background-color: rgb(255 255 255 / 75%);
}
.cb_popup>.cb_popup_wrap {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100vh;
    z-index: 1000;
}

.cb_popup.club_notif_popup {

    display: none;

}

.header-section {

    width: 100%;

}

.header-section ul.top-header {
    display: flex;
    text-align: center;
    justify-content: center;
    background-color: #00145b;
    border-top: 1px solid rgba(255,255,255,.2);
    padding-top: 18px;
    overflow-y: hidden;
    height: 64px;
    box-sizing: border-box;
    overflow-x: auto;
    padding-bottom: 15px;
    border-bottom: 3px solid #36c6fd;
}

.header-section ul.top-header li.top-header-item {
    color: white;
    font-size: 13px;
    min-width: 55px;
    height: 40px;
    position: relative;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.header-section ul.top-header li.top-header-item.active span {
    color: #6dc8f0 !important;
    color: #fff !important;
}

.header-section ul.top-header li.top-header-item.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: -14px;
    left: 0;
    transform: rotate(-90deg);
    right: 0;
    margin: auto;
}

.header-section ul.top-header li.top-header-item span {
    display: inline-block;
    width: 100%;
    font-size: 10px;
    text-align: center;

}

.header-section ul.top-header li.top-header-item span.date-item {
    font-size: 8px;
    margin-top: 5px;
    color: rgba(255,255,255,.7);
}

li.fixture-header span.country-flag {
    min-width: 55px;
    display: inline-block;
    text-align: center;
}

li.fixture-header span.country-flag img {
    width: 25px;
    vertical-align: middle;
}

li.fixture-header {

    background-color: #00145b;

}

li.fixture-header span {

    color: white;

}

li.fixture-header span.league-name {

    width: calc(100% - 165px);

    display: inline-block;

    overflow: hidden;

    font-size: 11px;

    vertical-align: middle;

    white-space: nowrap;

    text-overflow: ellipsis;

    margin-right: 30px;

}

.fixture-detail .fixture-time {

    display: inline-block;

    color: rgba(255, 255, 255, 0.6);

    color: #fff;

    vertical-align: middle;

    min-width: 55px;

    max-width: 55px;

    margin-right: 10px;

    font-size: 11px;

    text-align: center;

}

.fixtures-wrapper ul.main-fixtures li {

    padding: 11px 20px;

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

}
.fixtures-wrapper ul.main-fixtures li.fixture-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.fav_match_section .fixture-detail {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.fav_match_section .fixtures-data {
    padding: 11px 20px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.fav_match_section li{
    list-style: none;
}
.fav_match_section .fixture-detail .match-link img{
    width: 20px;
    height: 20px;
    margin-right: 9px;
    margin-top: 6px;
}
.fav_match_section .fixture-detail .fixture-teams {
    margin-right: 32px;
}

.fav_match_section .fixture-detail .fixture_icon{
    font-size: 14px;
    display: none;
}
.scores-wrapper .fixtures_follow_wrap {
    background: #00145b;
    padding: 11px 38px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.fixture-detail .fixture-teams span i {
    font-size: 10px;
    color: white;
    margin-left: 5px;
}
.scores-wrapper .team_name_text {
    margin-left: 38px;
    font-size: 12px;
}
.scores-wrapper .team_1_wrap {
    padding: 11px 40px;
    color: white;
    font-size: 11px;

}
.scores-wrapper .team_2_wrap {
    padding: 0px 40px 11px 40px;
    color: white;
    font-size: 11px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);

}
.scores-wrapper .fixtures_follow_wrap .star_icon {
    color: white;
    font-size: 16px;
}
.scores-wrapper .fixtures_follow_wrap .follow_text {
    color: white;
    font-size: 14px;
    margin-left: 35px;
}
.fixtures-data .fixture_icon {

    display: none;

}

.fixture-detail .fixture-teams {

    color: rgba(255, 255, 255, 0.6);

    color: #fff;

    width: calc(100% - 150px);

    display: inline-block;

    overflow: hidden;

    vertical-align: middle;

    white-space: nowrap;

    text-overflow: ellipsis;

    margin-right: 30px;

}

li.fixtures-data .fixture-detail .fixtures-info {

    display: inline-block;

    vertical-align: middle;

    float: right;

    min-width: 35px;

    text-align: center;

}

.fixture-detail .fixture-teams span {

    display: flex;
    align-items: center;

    vertical-align: middle;

    margin-bottom: 5px;

}

.fixture-detail .fixture-teams span:last-child {

    margin-bottom: 0;

}

li.fixtures-data .fixture-detail .fixtures-info span {

    display: block;

    color: white;

    margin-bottom: 5px;

}

li.fixtures-data .fixture-detail .fixtures-info span:last-child {

    margin-bottom: 0;

}


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

.top-header-logo{

    max-height: 45px;

    background: #0e2d6d;

    text-align: center;

    font-size: 16px;

    padding: 0;

}

.top-header-logo img{

    padding-top: 5px;   

}

.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: 50px;

    left: 0!important;

    top: 0!important;

    width: 100%;

    position: absolute;

    cursor: pointer;

    z-index: 9999;

}

.top-header-wrapper {

    position: fixed;

    top: 0px;

    width: 100%;

    z-index: 9999999999;

    transition: all 0.3s ease;

    min-height: 50px;

}

.bread-crums-sep:before{

    content: "\f101";

    font-family: fontawesome;

    font-size: 10px;

}

.over_lay_back_custom {

    position: fixed;

    background: #fff;

    z-index: -1;

    top: 0;

    bottom: 0;

    left: 0;

    right: 0;

    opacity: 0.3;

}

ul.header-menu-list-wrap {

    width: 180px;

    background-color: #0e2d6d;

    position: fixed;

}

ul.header-menu-list-wrap li.lp_no_submenu a.menu_core_main {

    display: block;

    margin: 0;

    overflow: hidden;

    padding: 5px 7px;

}

.main-navigation div.primarywrap > div {

    float: left;

    margin-right: 5px;

}

/*.core_main_home i.ui-menu-icon {

    background-image: url(https://www.social442.com/application/modules/Sitemobile/externals/images/icon-s442.png); 

}

.core_main_signup i.ui-menu-icon {

    background-image: url(https://www.social442.com/application/modules/Sitemobile/externals/images/icons/dashboard/signup.png);

}

.core_main_login i.ui-menu-icon {

    background-image: url(https://www.social442.com/public/mob-icons/add-friend.png);

}

.core_main_tv i.ui-menu-icon {

    background-image: url(https://www.social442.com/application/modules/Sitemobile/externals/images/icons/dashboard/live_tv.png);

}

.core_main_league i.ui-menu-icon {

    background-image: url(https://www.social442.com/application/modules/Sitemobile/externals/images/icons/dashboard/league_tables.png);

}

.core_main_local i.ui-menu-icon {

    background-image: url(https://www.social442.com/application/modules/Sitemobile/externals/images/icons/dashboard/local_football.png);

}

.core_main_news i.ui-menu-icon {

    background-image: url(https://www.social442.com/application/modules/Sitemobile/externals/images/icons/dashboard/latest_news.png);

}

.core_main_quiz i.ui-menu-icon {

    background-image: url(https://www.social442.com/application/modules/Sitemobile/externals/images/icons/dashboard/quiz.png);

}

.core_main_formation i.ui-menu-icon {

    background-image: url(https://www.social442.com/application/modules/Sitemobile/externals/images/icons/dashboard/formations.png);

}

.core_main_pin i.ui-menu-icon {

    background-image: url(https://www.social442.com/application/modules/Sitemobile/externals/images/icons/dashboard/pins.png);

}

.core_main_poll i.ui-menu-icon {

    background-image: url(https://www.social442.com/application/modules/Sitemobile/externals/images/icons/dashboard/polls.png);

}

.core_main_blog i.ui-menu-icon {

    background-image: url(https://www.social442.com/application/modules/Sitemobile/externals/images/icons/dashboard/blogs.png);

}

.petition_main_browse i.ui-menu-icon {

    background-image: url(https://www.social442.com/application/modules/Sitemobile/externals/images/icons/dashboard/petitions.png);

}

.core_main_group i.ui-menu-icon {

    background-image: url(https://www.social442.com/application/modules/Sitemobile/externals/images/icons/dashboard/groups.png);

}

.joke_main_browse i.ui-menu-icon {

    background-image: url(https://www.social442.com/application/modules/Sitemobile/externals/images/icons/dashboard/jokes.png);

}

.core_main_videos i.ui-menu-icon {

    background-image: url(https://www.social442.com/application/modules/Sitemobile/externals/images/icons/dashboard/videos.png);

}*/

.menu-hide.show{

    left: 0px;

    opacity: 1;

    transition: all .6s ease-in-out;

}

.menu-hide{

    left: -340px;

    z-index: 10;

    opacity: 0;

}

div.primarywrap > div {

    float: left;

    margin-right: 5px;

}

.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;

}

div.primarywrap > div.content {

    margin-top: 5px;

    color: #FFFFFF;

    font-size: 13px;

    font-weight: bold;

}

.header-menu-list-wrap > li {

    border-bottom: 1px solid #3e4d96;

    border-top: 1px solid #000016;

    clear: both;

    display: block;

    overflow: hidden;

}

.header-menu-list-wrap i.ui-image {

    width: 24px !important;

    height: 24px !important;    

}

.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;

}

.lp_has_submenu .menu_core_main {

    display: block;

    margin: 0;

    overflow: hidden;

    padding: 5px 7px;

}

.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;

}

.header-input-feild-wrap input {

    border: medium none;

    padding: 5px;

    width: 100%;

    box-sizing: border-box;

    border-radius: .3em;

    font-size: 14px;

}

.header-top-search {

    width: calc(100% - 40px);

    padding-left: 0;

    padding: .25em 7px;

}

.search-menu-wrap{

    position: relative;

}

.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;

}

li.lp_has_submenu {

    position: relative;

    overflow: visible;

}

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;

}

li.lp_has_submenu.open-sub-menu ul.main-navigation {

    left: 180px;

    opacity: 1;

    z-index: 1;

    transition: all .6s ease-in-out;

}

li.lp_has_submenu ul.main-navigation li {

    list-style-type: none;

    border-bottom: 1px solid #3e4d96;

    border-top: 1px solid #000016;

}

.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;

}

.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;

}

li.lp_has_submenu.open-involve-sub-menu ul.main-navigation {

    left: 180px;

    opacity: 1;

    z-index: 1;

    transition: all .6s ease-in-out;

}

li#get-involved-sub-menu-wrapper {

    position: unset;

}

li#get-involved-sub-menu-wrapper .main-navigation-submenu > li {

    overflow: hidden;

}

li#get-involved-sub-menu-wrapper ul.main-navigation-submenu {

    bottom: 0;

    top: auto;

}

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;

}



/*li.boxed_latest.no_imge_li_2 a.link_right_sm, li.boxed_latest.no_imge_li_6 a.link_right_sm, li.boxed_latest.no_imge_li_10 a.link_right_sm, li.boxed_latest.no_imge_li_14 a.link_right_sm{

    color: #0e2d6d;

}

li.boxed_latest.no_imge_li_3 a.link_right_sm, li.boxed_latest.no_imge_li_7 a.link_right_sm, li.boxed_latest.no_imge_li_11 a.link_right_sm, li.boxed_latest.no_imge_li_15 a.link_right_sm{

    color: #0e2d6d;

}*/

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

li.fixtures-data .match-link img {

    width: 7px;

    vertical-align: middle;

/*    margin-top: 13px;*/

    filter: brightness(3);

}

@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;

    }

}

.lds-ripple {

    position: relative;

    margin: auto;

}

.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;

}

.lds-ripple div:nth-child(1) {

    border-color: #1aafd0;

}

.lds-ripple div:nth-child(2) {

    border-color: #1aafd0;

    -webkit-animation-delay: -0.75s;

    animation-delay: -0.75s;

}

.lds-ripple {

    width: 200px !important;

    height:auto !important;

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

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

}

div#livescores-today .lds-ripple {

/*    background-image: url(https://www.social442.com/public/landing-new/social442-logo-big.png);*/

    background-repeat: no-repeat;

    background-size: 32px;

    background-position: center;

    position: absolute;

    top: 169px;

    bottom: 0;

    left: 0;

    right: 0;

}

.scores-wrapper > .no-data > .tip {

    background: no-repeat;

    border: none;

    font-size: 12px;

    margin: 10px auto;

    padding: 10px 0px;

}
.fixture-detail .fixture-teams .pen_goals {
    display: inline-block;
    background: white;
    color: #002080;
    font-weight: 600;
    padding: 0px 2px;
    margin-left: 5px;
    font-size: 12px;
}

.fixture-detail .fixture-teams .pen_goals i{
    font-size: 11px;
    color: #002080;
    margin-left: 3px;
}
.tip {
    background-color: #ffffff;
    border: 1px solid #ffffff;
    color: #030049;
    font-size: 12px;
    border-radius: 4px;
    margin: 20px 0px 25px;
    padding: 10px 20px;
    text-align: center;
    font-weight: 500;
}

.dummy-wrapper {
    padding-bottom: 65px;
}

.no-data {
    display: flex;
    justify-content: center;
    margin-bottom: 30px;
}

.top-sc-v {

    overflow: hidden;

    display: inline-block;

    vertical-align: middle;

    float: left;

}

h3.quotes {

    font-size: 18px;

    font-weight: 700;

    text-align: left;

    color: #fff;

    float: left;

    position: relative;

    line-height: normal;

    margin: 0!important;

}

span.d-r-d {

    color: #0e2d6d;

    background: #fff;

    font-size: 22px;

    font-weight: 700;

    border-radius: 6px;

    padding: 6px 15px;

}

.sc-box-ba {

    overflow: hidden;

    position: fixed;

    z-index: 999;

    right: 15px;

    top: 15px;

}

.header-section ul.top-header li.top-header-item span.filter-t {

    display: flex;

    flex-direction: column;

    height: 38px;

    align-items: center;

    justify-content: center;

}

.filter-t>svg {

    width: 12px;

}

.filter-t > svg > path {

    fill: #fff;

}

.page-wrapper .page-header {

    padding: 0px;

    overflow: hidden;

    border-top: 1px solid #3e578a;

    border: none;

}

div#pulldown-flags {

    width: 100%;

    z-index: 99;

}

.back-fade-effect {

    position: fixed;

    left: 0;

    right: 0;

    top: 0;

    bottom: 0;

    background-color: rgba(14, 45, 109, 0.6);

    z-index: 1;

}

.flags-dropdown ul.country_selections {

    padding: 0;

    background-color: white;

    position: fixed;

    top: 42px;

    left: 0;

    overflow-y: auto;

    right: 0;

    margin: auto;

    max-width: 300px;

    height: 100%;

    min-width: 285px;

    bottom: 0;

    max-height: 350px;

    z-index: 99999;

    border-radius: 4px;

}

.flags-dropdown ul.country_selections li {

    background-color: #ffffff;

    padding: 10px 7px;

    border-bottom: 1px solid #e4e9f4 !important;

    list-style-type: none;

}

.flags-dropdown ul.country_selections li.active {

    background-color: #36c6fd;

}

.flags-dropdown ul.country_selections li a {

    font-family: Montserrat;

    font-size: 13px;

    display: inline-block !important;

    font-weight: 300;

    margin-left: 3px;

    color: #012064;

    text-decoration: none;

    padding: 5px 0;

}

.flags-dropdown ul.country_selections li a img {

    width: 23px;

    height: 13px;

    object-fit: contain;

    border-radius: 0;

}

.flags-dropdown ul.country_selections li a span {

    margin-left: 2px;

}

.header-section.fixed-search-bar > .top-header {

    z-index: 99;

    position: fixed !important;

    top: 112px;

    left: 50%;

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

    background: linear-gradient(00deg, #00145B 0%, #001d72 100%);

}

li.top-header-item img {

    width: 13px;

}

li#calendar-item span.date-item{

    margin-top: 2px !important;

    text-transform: uppercase;

}

.flags-dropdown ul.country_selections::-webkit-scrollbar {

    width: 13px;

}

.flags-dropdown ul.country_selections::-webkit-scrollbar-track {
   -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);

 
}

.flags-dropdown ul.country_selections::-webkit-scrollbar-thumb {

    background-color: #0e2d6d;

    outline: 1px solid #0e2d6d;

    border-radius: 5px;

}

h3.national-title {

    background-color: #36c6fd;

    color: white;

    padding: 10px 10px;

    text-align: center;

}

.national-fixtures-wrapper li.fixture-header span.league-name {

    width: calc(100% - 80px);

}

li.fixture-header span.date-time {

    vertical-align: middle;

    float: right;

    min-width: 35px;

    text-align: center;

    font-size: 10px;

    display: inline-block;

    margin-top: 2px;

}



/*menu-css-by-cbn-start*/

.header-menu-list-wrap.menu-_-cbn {

    /*    position: absolute;

        left: 0px;*/

    top: 50px;

    background-color: #00145b;

    padding: 30px;

    width: 270px;

    filter: drop-shadow(0px 0px 2px rgba(255, 255, 255, 0.25));

    z-index: 999;

}

ul.menu-_-cbn > li {

    display: block;

    width: 100%;

    border-bottom: 1px solid #e4e9f469;

    padding: 25px 15px;

    box-sizing: border-box;

    border-top: none;

}

ul.menu-_-cbn > li > a {

    font-size: 14px;

    letter-spacing: 1.5px;

    color: #fff;

    font-weight: 600;

    text-decoration: none;

}

ul.menu-_-cbn > :nth-last-child(1) {

    border: none;

    padding-bottom: 0px;

}

ul.menu-_-cbn > :nth-last-child(2) {

    border: none;

    padding-bottom: 5px;

}

ul.menu-_-cbn > li.Advertising-btn > a {

    background-color: #fff;

    color: #00145b;

    padding: 15px 20px;

    display: block;

    width: fit-content;

    border-radius: 6px;

}

ul.menu-_-cbn > :nth-child(1) {

    padding-top: 0px;

}

ul.menu-_-cbn > li.cb_home {

    padding-top: 5px;

}

.header-menu-list-wrap.menu-_-cbn > .close-btnc {

    position: relative;

}

.header-menu-list-wrap.menu-_-cbn > .close-btnc > .close-menu {

    right: -10px;

    top: -10px;

    text-decoration: none;

}

/*menu-css-by-cbn-end*/

.header-section.fixed-search-bar+div {

    padding-top: 63px;

}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active{

    border: 1px solid #002060!important;

    background: #002060!important;

    color: #fff!important;

    text-align: center;

    padding: 6px 6px;

}

.ui-datepicker table {

    margin: 3px !important;

    box-sizing: border-box !important;

    width: 98% !important;

}

.ui-widget.ui-widget-content {

    border: none !important;

    border-radius: 0;



}

.ui-datepicker th{

    color: #002060 !important;

}

.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus, .ui-button:hover, .ui-button:focus {

    border: 1px solid #00b0f0 !important;

    background: #00b0f0 !important;

    color: #ffffff !important;

}

.ui-widget-header {

    border: none !important;

    border-radius: 2px 2px 0px 0px !important;

    background: #00b0f0 !important;

    padding: 7px 0 !important;

}

.ui-datepicker{

    padding: 0 !important;

}

.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next{

    top: 10px !important;

}



.calendar-wrapper div#ui-datepicker-div {

    position: relative !important;

    top: 0 !important;

    left: 0 !important;

    box-sizing: border-box;

    width: 100%;

    margin: auto;

    max-width: 350px;

}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {

    border: 1px solid #00b0f0 !important;

    background: #00b0f0 !important;

}

.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {

    border: 1px solid #0e2d6d !important;

    background: #ffffff !important;

    color: #002060 !important;

}

.ui-datepicker .ui-datepicker-title select {

    padding: 3px !important;

}

.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {

    width: 40% !important;

}

.calendar-wrapper {

    background-color: #002060;

}

.live_scores_api span.loading {

    text-align: center;

    color: #fff;

    display: block;

    font-size: 10px;

    padding: 10px;

}

div.load-more {

    background-color: transparent;

    text-align: center;

    margin: 5px 0;

}

div.load-more img.loading-sign {

    width: 25px;

} 

.fixtures-wrapper li.fixtures-data {

    background-color: #002060;

    background: linear-gradient(90deg, #031a66 0%, #002183 100%);

    /* background: #04217c; */

    letter-spacing: 0.3px;

}

.live_score_footer {

    position: fixed;

    bottom: 0;

    left: 0;

    right: 0;

    z-index: 99;

    background-color: #0e2d6d;

    border-top: 1px solid #fff;

    text-align: center;

 /*   color: white;

    display: grid;

    grid-template-columns: repeat(2,1fr);*/

}

.live_score_footer > .cb_choose-club-footer {

    color: #fff !important;

    font-weight: 500;

}

.live_score_footer a {

    color: white;

    display: block;

    font-size: 12px;

    padding: 12px 5px;

}

.live_score_footer > :nth-last-child(1).no_change {

    background-color: #0e2d6d;

    border-left: 1px solid #FFF;

    display: flex;

    flex-direction: column;

    justify-content: center;

}

.live_score_footer a > span {

    display: block;

    font-size: 10px;

}

.live_score_footer.scrollDown {

    display: none;

}

.arrow-left-formation {

    position: absolute;

    filter: brightness(2.5);

    right: 30px;

    top: 6px;

}

.arrow-left-formation img {

    width: 28px;

    transform: rotate(-35deg);

}



@-webkit-keyframes fadeInRight {

  from {

    opacity: 0;

    -webkit-transform: translate3d(100%, 0, 0);

    transform: translate3d(100%, 0, 0);

  }



  to {

    opacity: 1;

    -webkit-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0);

  }

}



@keyframes fadeInRight {

  from {

    opacity: 0;

    -webkit-transform: translate3d(100%, 0, 0);

    transform: translate3d(100%, 0, 0);

  }



  to {

    opacity: 1;

    -webkit-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0);

  }

}



.fadeInRight {

  -webkit-animation-name: fadeInRight;

  animation-name: fadeInRight;

}

.animated {

  -webkit-animation-duration: 1s;

  animation-duration: 1s;

  -webkit-animation-fill-mode: both;

  animation-fill-mode: both;

}

div#jqm_page_s442-index-watch-livetv .formation-top-block {

    overflow: hidden;

    position: relative;

    background-color: #0e2d6d;

    padding-bottom: 15px;

}

div#contents_slider_wrap .formation-top-block {

    overflow: hidden;

    position: relative;

    background-color: #0e2d6d;

    padding-bottom: 15px;

}

div#contents_slider_wrap .formation-top-block h3 {

    color: #fff;

    text-align: left;

    position: relative;

    box-sizing: border-box;

    line-height: 40px;

    font-size: 22px;

    font-weight: 600;

    margin: 110px auto 0!important;

    padding: 0!important;

    z-index: 2;

    width: 92%;

}

div#contents_slider_wrap .formation-top-block .stream-description {

    font-size: 11px;

    font-weight: 300;

    color: #fff;

    width: 92%;

    padding: 0;

    position: relative;

    margin: auto;

    margin-top: 10px;

    display: block;

    /*margin-bottom: 25px;*/

    z-index: 2;

}

.left-blue-back {

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

    position: absolute;

    width: 100%;

    height: 270px;

    z-index: 1;

    left: 0px;

    top: 0px;

    background-size: 660px 933px;

    background-position: -38px -4px;

}

.right-lightblue_back {

    left: 0;

    right: 0;

    text-align: center;

    background: url(/public/landing-pagev5/bg-top.jpg);

    background-size: cover;

    position: absolute!important;

    overflow: hidden;

    top: 0;

    height: 270px;

    z-index: 0!important;

    bottom: 0;

    background-repeat: no-repeat;

    width: 100%;

    background-position: 5px -34px;

}

.jump-scroll {

    text-align: center;

    font-size: 13px;

    color: #fff;

    cursor: pointer;

    position: relative;

    left: 0;

    right: 0;

    z-index: 11;

    margin: auto;

    padding-top: 35px;

    width: 50px;

}

.jump-scroll .scroll-arrow {

    position: absolute;

    left: 50%;

    width: 12px;

    height: 12px;

    margin-left: -7px;

    border-left: 1px solid #fff;

    border-bottom: 1px solid #fff;

    -webkit-transform: rotate(-45deg);

    transform: rotate(-45deg);

    -webkit-animation: sdb05 1.5s infinite;

    animation: sdb05 1.5s infinite;

    box-sizing: border-box;

    bottom: 50px;

    z-index: 99;

}

@keyframes sdb05{

    0% {

        transform: rotate(-45deg) translate(0,0);

        opacity: 0;

    }

    50% {

        opacity: 1;

    }

    100% {

        transform: rotate(-45deg) translate(-20px,20px);

        opacity: 0;

    }

}



.fixtures-wrapper .fixture-detail {

    display: flex;

    align-items: center;

    justify-content: space-between;

}

.fixtures-wrapper .fixture-detail .fixtures-info.live-streams .stream-btn {

    margin-right: 0;

    font-size: 11px;

    color: #fff;

    padding: 5px;

    border: 1px solid;

}

.cb-live-streams-goals {

    display: inline-block!important;

    vertical-align: bottom !important;

    white-space: pre;

}

.cb-instagram_view {

    display: none ;

}



/* cbn_new_live_score_style_start */

    .cbn_live_score_header_logo_link {

        display: flex;

        flex-direction: column;

        align-items: center;

        color: #fff;

        cursor: pointer;

    }

    .cbn_live_score_header_logo_link > img {

        height: 20px;

        width: auto;

        background: #fff;

        border-radius: 100%;

    }

    .cbn_live_score_header_logo_link > .cb_logo-text {

        margin: 10px 0px 0px;

        font-size: 24px;

        color: #fff;

        font-weight: 700;

        display: flex !important;

        align-items: center;

        letter-spacing: 1px;

    }

    .cbn_live_score_header_logo_link > .cb_logo-text > .cb_s442_text {

        background: #fff;

        color: #030049;

        padding: 2px 6px;

        margin: 0px 4px;

    }

    .cbn_live_score_header_logo > .new_page-close {

        top: 50%;

        left: 20px;

        position: absolute;

        color: #fff;

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

    }

    .cbn_live_score_header_logo > .new_page-close > i {

        font-size: 20px;

    }

    .cbn_live_score_header_logo {

        display: flex;

        justify-content: center;

        align-items: center;

        width: 100%;

        max-width: 700px;

        min-height: 113px;

        margin: 0px auto;

        position: fixed;

        top: 0px;

        left: 50%;

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

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

        z-index: 100;

        /* border-bottom: 2px solid;

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

    }

    .page-wrapper.cbn_live_score_page_wrapper {

        width: 100%;

        max-width: 700px;

        margin: 0px auto;

        position: relative;

        background: linear-gradient(00deg, #00145B 0%, #001d72 100%);

        margin-top: 112px;

        min-height: 110vh;
       

    }

    .cbn_live_score_page_main_wrapper {

        width: 100%;

        height: 100%;
        /* temp */
        /* height: 101vh !important; 
        overflow: scroll !important; */


        overflow: hidden;

        background-color: #ddd;
        margin-bottom: 0px;

    }

    .cbn_live_score_page_main_wrapper:before {

        /* content: ""; */

        width: 100%;

        background: url(/public/images/club_top_bg_new.png);

        top: 0px;

        height: 480px;

        margin-left: 0px;

        position: fixed;

        background-repeat: no-repeat;

        background-size: 100% 100%;

        background-color: #001655;

    }

    .cbn_live_score_page_wrapper > .header-section {

        min-height: 60px;

    }

    .cbn_live_score_page_wrapper > .header-section > .top-header {

        display: flex;

        text-align: center;

        justify-content: center;

        overflow-y: hidden;

        height: auto;

        box-sizing: border-box;

        overflow-x: auto;

        border-bottom: 2px solid #36c6fd;

        max-width: 700px;

        width: 100%;

        padding: 12px 0px 10px;

        border-top: 0px;

        background: linear-gradient(00deg, #00145B 0%, #001d72 100%);

    }

    .landing-_-menu {

        position: absolute;
        left: 50%;
        top: 105px;
        background-color: #01196c;
        padding: 10px 30px 30px;
        transform: translateX(-50%);
        width: max-content;
        box-shadow: rgba(255, 255, 255, 0.27) 0px 0px 0.25em, rgba(255, 255, 255, 0.15) 0px 0.25em 1em;

    }

    .landing-_-menu > ul.menu-_-cbn > li:hover > a {
        color: #012064;
        background: #fff;
    }
    
    .landing-_-menu > ul.menu-_-cbn > li.Advertising-btn:hover > a {
        background: #012064;
        color: #fff;
        border: 1px solid;
    }

    .landing-_-menu.active {

        display: block !important;

    }

    .landing-_-menu > ul.menu-_-cbn {

        list-style: none;

    }

    .landing-_-menu > ul.menu-_-cbn > li {

        display: block;

        width: 100%;

        border-bottom: 1px solid;

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

        box-sizing: border-box;

        padding: 0px;

        text-align: center;


    }

    .landing-_-menu > ul.menu-_-cbn > li > a {

        font-size: 14px;

        letter-spacing: 1.5px;

        color: #fff;

        font-weight: 600;

        padding: 25px 15px;

        display: block;

    }

    .landing-_-menu > ul.menu-_-cbn > :nth-last-child(1) {

        border: none;

        padding-bottom: 0px !important;

    }

    .landing-_-menu > ul.menu-_-cbn > li.Advertising-btn {

        padding: 25px 12px;

    }

    .landing-_-menu > ul.menu-_-cbn > :nth-last-child(1) > a {

        padding-bottom: 0;

    }

    .landing-_-menu > ul.menu-_-cbn > li.Advertising-btn > a {

        background-color: #fff;

        color: #00175c;

        padding: 12px 20px;

        border: 1px solid;

        display: block;

        width: 150px;

        border-radius: 6px;

        text-align: center;

    }

    .header-section ul.top-header li.top-header-item.active {

        font-weight: 600;

        z-index: 9;

    }

    .header-section ul.top-header li.top-header-item.active .date-item {

        font-size: 9px;

    }

    .header-section ul.top-header li.top-header-item.active .day-item {

        font-size: 11px;

    }

    .header-section ul.top-header li.top-header-item#previoustwo-scores.active:before {

        background: transparent;

    }

    .cbn_live_score_page_wrapper > .header-section > .top-header:before {

        content: "";

        /* position: absolute;

        top: 0px;

        left: 0px;

        width: 100%;

        height: 100%;

        background-color: #012571; */

    }

    .header-section ul.top-header #previoustwo-scores > span,

    .header-section ul.top-header #nexttwo-scores > span {

        opacity: 0.5;

    }

    .header-section ul.top-header #today-scores > span,

    .header-section ul.top-header #previousone-scores > span,

    .header-section ul.top-header #nextone-scores > span {

        opacity: 0.8;

    }

    .header-section ul.top-header #previoustwo-scores:before,

    .header-section ul.top-header #nexttwo-scores:before {

        content: "";

        z-index: -1;

        position: absolute;

        top: 0;

        right: 0;

        bottom: 0;

        left: 0;

        background: linear-gradient(-45deg, #012571 0%, #012571 100%);

        transform: translate3d(0px, 10px, 0) scale(0.95);

        filter: blur(20px);

        opacity: 1;

        transition: opacity 0.3s;

        border-radius: inherit;

    }

    .header-section ul.top-header #today-scores:before,

    .header-section ul.top-header #previousone-scores:before,

    .header-section ul.top-header #nextone-scores:before {

        content: "";

        z-index: -1;

        position: absolute;

        top: 0;

        right: 0;

        bottom: 0;

        left: 0;

        background: linear-gradient(-45deg, #012571 0%, #012571 100%);

        transform: translate3d(0px, 10px, 0) scale(0.95);

        filter: blur(20px);

        opacity: 1;

        transition: opacity 0.3s;

        border-radius: inherit;

    }

    .header-section ul.top-header #previoustwo-scores:after,

    .header-section ul.top-header #nexttwo-scores:after {

        content: "";

        z-index: -1;

        position: absolute;

        top: 0;

        right: 0;

        bottom: 0;

        left: 0;

        background: inherit;

        border-radius: inherit;

    }

    .header-section ul.top-header #today-scores:after,

    .header-section ul.top-header #previousone-scores:after,

    .header-section ul.top-header #nextone-scores:after {

        content: "";

        z-index: -1;

        position: absolute;

        top: 0;

        right: 0;

        bottom: 0;

        left: 0;

        background: inherit;

        border-radius: inherit;

        border: none;

    }

    .cbn_live_score_page_wrapper > .header-section > .top-header {

        border-bottom: 2px solid;

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

        padding: 20px;

        text-align: center;

       }

    .header-section ul.top-header li.top-header-item.active:before,

    .header-section ul.top-header li.top-header-item.active:after {

        display: none;

    }

    .header-section ul.top-header li.top-header-item.active > span {

        opacity: 1 !important;

    }

    .cbn_goals_info_match {

        margin: 0px !important;

    }
    .cbn_create_new_post_wrapper {
        position: relative;
        height: 100vh;
        width: 100%;
        max-width: 700px;
        margin: 0px auto;
        background-color: #00145b;
        overflow: auto;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
    .cbn_create_post_new_main_wrapper {
        padding: 0px 60px;
        margin-top: 50px;
    }
    .post-views_wrap {
        width: 100%;
        height: 100%;
    }
    .cbn_new_post_main_post_header {
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: 100%;
        margin: auto;
    }
    .cbn_new_post_main_post_header .post_btns {
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 10px;
        border-radius: 4px;
        width: 44%;
        border: 1px solid #fff;
        cursor: pointer;
        background: none;
    }
    .cbn_new_post_main_post_header .post_btns.active {
        background: #fff;
    }
    .cbn_post_new_detail_container {
        background-color: #fff;
        border-radius: 4px;
        padding: 20px 15px;
        margin-top: 15px;
    }
    .cbn_post_new_detail_container>.user_post-wrap {
        margin: 0px;
        padding: 0px;
        display: flex;
        justify-content: flex-start;
    align-items: flex-start;
    }
    .user-post_detail {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    .user-post_detail .user-data {
        display: flex;
        align-items: center;
    }
    .user-post_detail img.user_post-img {
        height: 40px;
        width: 40px;
        border-radius: 50px;
        object-fit: cover;
    }
    .cbn_post_new_detail_container .cb_user_post-text {
        height: auto;
    }
    .cb_user_post-text {
        width: 100%;
    }
    .cbn_post_new_detail_container>.user-post_btn {
        justify-content: flex-start;
        gap: 0px 15px;
        padding: 0px;
        margin: 10px 0px 0px;
        text-align: center;
        display: flex;
        align-items: center;
    }
    .user-post_btn>a {
        color: #000 !important;
    }
    .cbn_post_new_detail_container>.user-post_btn>a>svg {
        width: 18px;
        height: 18px;
    }
    .user-post_btn>a .attachment_name {
        font-size: 10px;
        font-weight: 500;
        padding-top: 5px;
    }
    .cbn_create_new_post_close {
        position: absolute;
        bottom: 25px;
        left: 50%;
        transform: translate(-50%, 0px);
        color: #00145b;
        font-size: 20px;
        background-color: #fff;
        border-radius: 100%;
        width: 40px;
        height: 40px;
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        border: 1px solid #fff;
    }
    .cbn_post_new_detail_container .cb_user_post-text>textarea {
        margin: 8.5px 0px;
        padding: 0px 12px;
        font-size: 18px;
    }
    .cb_user_post-text textarea {
        width: 100%;
        display: block;
        height: 50px;
        box-sizing: border-box;
        outline: none;
        letter-spacing: 0.5px;
        color: #808080 !important;
        resize: none;
        font-weight: 500;
        border: 0px;
        min-height: 115px;
    }
    .cbn_create_post_btn_wrapper {
        margin-top: 15px;
        display: flex;
        justify-content: space-between;
        align-items: center;
        gap: 0px 20px;
    }
    .cbn_create_post_btn_wrapper>a {
        text-align: center;
        font-size: 14px;
        font-weight: 700;
        cursor: pointer;
        width: 100%;
        display: block;
        padding: 10px 10px;
        background-color: #fff;
        border: 1px solid #00145B;
        border-radius: 4px;
        color: #00145b !important;
    }
    .cb_mic_animated_wrap.post_live {
        color: #00145b;
        font-size: 14px;
        font-weight: 700;
    }
    .cb_mic_animated_wrap.post_live span {
        margin: 8px 3px 0;
    }
    .cb_mic_animated_wrap span {
        animation: mic_blink 2s ease 0.5s 1 normal forwards;
    }
    .cb_mic_animated_wrap.post_live .cbn_create_post_static_data_img {
        height: 35px;
    }
    .cbn_create_post_static_data_img {
        width: auto;
        object-fit: contain;
    }
    .cb_mic_animated_wrap.post_live .radar {
        animation: cb_post_mic 2s ease 0.5s infinite normal forwards;
    }
    .cbn_create_post_btn_wrapper .cb_mic_animated_wrap span>img {
        height: 20px;
    }
    .cbn_create_post_btn_wrapper .mic_right_radar img {
        margin-right: 10px;
    }
    .cbn_create_post_btn_wrapper>a .active-icon {
        display: none;
    }
    .cb_mic_animated_wrap span>img {
        width: auto;
        height: 28px;
        object-fit: contain;
        opacity: 0.75;
    }
    .cbn_create_new_post_close:hover {
        background-color: #00145b;
        color: #fff;
    }
    .cb_mic_animated_wrap {
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .cbn_create_post_btn_wrapper>a:hover {
        background-color: #00145b;
        border-color: #fff;
        color: #fff !important;
    }
    .cbn_new_post_main_post_header .post_btns span {
        color: #fff;
        font-size: 14px;
        font-weight: 600;
        letter-spacing: 0.5px;
    }
    .cbn_new_post_main_post_header .post_btns.active span {
        color: #00145B;
        font-weight: 700;
    }
    .cbn_create_post_btn_wrapper>a:hover .active-icon {
        display: block;
    }
    .cbn_create_post_btn_wrapper>a:hover .default-icon {
        display: none;
    }
/* cbn_new_live_score_style_end */



@media (min-width:992px){

    .cbn_live_score_page_wrapper > .header-section > .top-header {

        position: relative;

    }

}

@media (max-width:500px){

    /*----club_notifications----*/
    .cbn_create_post_new_main_wrapper {
        padding: 0px 30px;
        margin-top: 35px;
    }
    .cbn_new_post_main_post_header .post_btns {
        padding: 6px;
    }
    .cbn_new_post_main_post_header .post_btns span {
        font-size: 10px;
        font-weight: 600;
    }
    .cbn_post_new_detail_container {
        padding: 12px 11px;
        margin-top: 10px;
    }
    .user_post-wrap {
        margin: 10px auto;
        padding: 5px 10px;
    }
    .user-post_detail img.user_post-img {
        height: 30px;
        width: 30px;
    }
    .cbn_post_new_detail_container .cb_user_post-text>textarea {
        font-size: 14px;
        padding: 0px 8px;
        margin: 5px 0px;
        min-height: 80px;
    }
    .cbn_post_new_detail_container>.user-post_btn {
        gap: 0px 10px;
    }
    .cbn_post_new_detail_container>.user-post_btn>a>svg {
        width: 12px;
        height: 12px;
    }
    .user-post_btn>a .attachment_name {
        font-size: 8px;
        font-weight: 400;
        padding-top: 3px;
    }
    .cbn_create_post_btn_wrapper {
        margin-top: 10px;
        flex-direction: column;
        gap: 15px 0px;
    }
    .cb_mic_animated_wrap.post_live span {
        margin: 6px 3px 0;
        width: 8px;
    }
    .cb_mic_animated_wrap.post_live .cbn_create_post_static_data_img {
        height: 25px;
    }
    .keyboard_open .cbn_create_new_post_close {
        bottom: 15px;
    }
    .cbn_create_post_btn_wrapper>a {
        padding: 8px 0px;
        font-size: 10px;
    }
    .cbn_create_new_post_close {
        width: 36px;
        height: 36px;
        font-size: 15px;
        bottom: 50px;
    }
    .searchBarVisible .cbn_create_new_post_close {
        bottom: 75px;
    }
    .cbn_create_post_btn_wrapper .cb_mic_animated_wrap span>img {
        height: 15px;
    }
    body.ios_app .favrt_club_selected {

        display: flex;

        align-items: center;

        padding: 10px;

    }
    .scores-wrapper .fixtures_follow_wrap {
       
        padding: 11px 38px;
       
    }
    .fixture-detail .fixture-teams span i {
        font-size: 8px;
    
    }
    .scores-wrapper .fixtures_follow_wrap .star_icon {
    
        font-size: 12px;
    }
    .scores-wrapper .fixtures_follow_wrap .follow_text {
        
        font-size: 11px;
        margin-left: 39px;
       
    }
    .scores-wrapper .team_name_text {
        font-size: 10px;
    }
    .scores-wrapper .team_1_wrap {
       
        font-size: 9px;
    }
    .scores-wrapper .team_2_wrap {
        
        font-size: 9px;
    }
    .favrt_club_selected .selected_clubs {

        display: flex;

        overflow: auto;

    }

    .selected_club_logo > img {

        width: 40px;

        height: auto;

    }

    a.selected_club_logo {

        margin: 8px;

    }

    .choose_club_icon {

        width: 50px;

        height: 50px;

        display: block;

        text-align: center;

    }
    .center_content>.alert_msg>p{
        line-height: 18px;
    }
    .favrt_club_choose svg {

        width: 40px;

        height: 40px;

    }
    .fav_match_section .fixtures-data {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    .fav_match_section .matchlink{
        min-width: 96%;
    }
    .club_notif_popup > .cb_popup_wrap .cb_popup_content {

        width: calc(100% - 50px);

        height: 70vh;

        background: #fff;

        padding: 10px;

    }

    .top_search_section {

        background: #012064;

        padding: 10px;

    }

    .top_search_section .top_heading {

        display: flex;

        align-items: center;

    }

    .top_search_section > div {

        margin-bottom: 10px;

        padding: 5px 8px;

    }

    .top_heading > i.fa-bell:before {

        color: #fff;

        font-size: 14px;

    }

    .top_heading .head_title {

        color: #fff;

        margin-left: 10px;

        font-size: 10px;

    }

    .search_wrap .fa-magnifying-glass:before {

        color: #555;

        font-size: 14px;

    }

    .top_search_section .search_wrap {

        background: #fff;

        border-radius: 6px;

        display: flex;

        align-items: center;

    }
    .fav_match_section .fixture-detail .match-link img {
        width: 15px;
        height: 15px;
         margin-right: 10px; 
         margin-top: 0px;

    }
    .fav_match_section .fixture-detail .fixture-teams {
        margin-right: 40px;
    }
    .fav_match_section .fixture-detail .fixture_icon{
        display: block;
    }

    .top_search_section .search_wrap input {

        background: transparent;

        border: none;

        font-size: 10px;

        margin-left: 10px;

    }

    .favrt_club_wrap {

        display: flex;

        align-items: center;

        background: #fafafa;

        padding: 6px 10px;

        margin: 10px 0px;

    }
    .fixture-detail .fixture-teams .pen_goals {
        font-size: 10px;
    }
    .fixture-detail .fixture-teams .pen_goals i {
        font-size: 9px;
    }

    .favrt_club_wrap:first-child {

        margin-top: 0;

    }

    .favrt_club_wrap.active {

        background: #e0e0e0;

    }

    .favrt_club_wrap.active svg path, .active_star .favrt_club_icon svg path {

        fill: #012064;

    }

    .cbn_favrt_club {

        width: 100%;

    }
 .fixture-detail .fixture-teams span i {
        font-size: 10px;
       
    }

    .favrt_club_img {

        width: 40px;

    }

    .favrt_club_img > img {

        width: 30px;

        height: 30px;

    }
    .no-data{
        margin-bottom: 10px;
    }
    .no-data .tip{
        padding: 8px;
        margin: 15px 0px 25px;
    }
    .favrt_club_icon > svg {

        height: 12px;

        width: 12px;

    }

    .favrt_club_details, body.ios_app .fav_club_list > a > span {

        width: calc(100% - 75px);

    }

    .favrt_club_details > div {

        font-size: 10px;

        color: #000;

        margin: 5px 10px 5px 0px;

    }

    .favrt_club_details .favrt_club_desc {

        font-size: 10px;

    }

    .favrt_clubs_section {

        overflow: auto;

        height: calc(100% - 135px);

        margin-top: 10px;

    }

    .favrt_club_icon, .favrt_club_wrap .notif_checkbox {

        /* width: 40px; */

        text-align: right;

    }

    .favrt_club_wrap .notif_checkbox {

        width: 40px;

    }

    .favrt_club_options .favrt_club_wrap {

        background: #f5f5f5;

    }

    .favrt_club_details .favrt_club_title {

        font-weight: 600;

    }

    .cb_popup_content .submit_btn {

        margin-top: 8px;

    }

    .submit_btn .notif_submit {

        display: block;

        padding: 8px 20px;

        width: fit-content;

        margin: 0 auto;

        background: #012064;

        color: #fff;

        border-radius: 6px;

        letter-spacing: 0px;

    }

    .notif_checkbox > .switch > input:checked  +.slider_round {

        background: #012064;

    }

    .notif_checkbox > .switch > input:checked +.slider_round:before {

        transform: translateX(25px);

        left: -2px;

    }
    .tip{
        font-size: 10px;
    }
    .notif_checkbox > .switch {

        width: 100%;

        height: 20px;

        position: relative;

        display: inline-block;

    }

    .notif_checkbox > .switch > input {

        opacity: 0;

        width: 0;

        height: 0;

    }

    .notif_checkbox > .switch > .slider_round {

        position: absolute;

        cursor: pointer;

        top: 0;

        left: 0;

        right: 0;

        bottom: 0;

        background-color: #ccc;

        transition: .4s;

        border-radius: 30px;

    }

    .notif_checkbox > .switch > .slider_round:before {

        position: absolute;

        content: "";

        height: 15px;

        width: 15px;

        left: 3px;

        bottom: 3px;

        background-color: white;

        transition: .4s;

        border-radius: 50%;

    }

    .notif_checkbox > .switch > input:checked + .slider_round {

        background: #012064;

    }

    .notif_checkbox > .switch > input:checked + .slider_round:before {

        left: -4px;

        transform: translateX(25px);

    }

    /*----club_notifications----*/

    .header-section ul.top-header {

        padding-top: 10px;

        height: 60px;

        overflow: hidden;

    }

    .fixtures-wrapper li.fixtures-data {

        display: flex;

        align-items: center;

        justify-content: space-between;

    }

    .fixtures-wrapper li.fixtures-data > .matchlink {

        min-width: 96%;

    }

    .fixtures-data .fixture_icon {

        display: block !important;

    }

    .notif_icon > i {

        font-size: 14px;

        color: #d7d7d7;

    }

    .fixture_icon > .notif_icon {

        cursor: pointer;

    }

    .cb_popup.club_notif, .cb_popup.club_notif_popup {

        position: fixed;

        top: 0px;

        left: 0px;

        width: 100%;

        height: 100vh;

        z-index: 100000;

    }
    .cb_popup.user_notif-popup.custom_index {
        z-index: 1000000;
    }
    .custom_index .cb_popup > .cb_popup_overlay, .custom_index .cb_popup > .cb_popup_wrap{
        z-index: 999999;
    }
    .app_link>a, .app_bar_close>a {
        color: #00145b !important;
    }
    .cb_popup > .cb_popup_overlay {

        position: fixed;

        top: 0px;

        left: 0px;

        width: 100%;

        height: 100vh;

        z-index: 99999;

        background-color: rgb(255 255 255 / 50%);

    }

    .cb_popup > .cb_popup_wrap {

        position: fixed;

        top: 0px;

        left: 0px;

        width: 100%;

        height: 100vh;

        z-index: 99999;

    }

    body.ios_app .cbn-_-choose-club_popup .cbn-choose-popup {

        /* padding: 28px 10px 10px; */

    }

    body.ios_app .cbn-_-choose-club_popup .cbn-choose-popup .cbn-_-add-team {

        height: 100%;

        overflow: hidden;

    }

    body.ios_app .cbn-_-add-team .top_search_section {

        /* display: block !important;

        margin-top: 25px; */

    }

    body.ios_app .cbn-_-add-team > input.cbn-_-club-search {

        display: none;

    }

    body.ios_app .cbn-choose-popup > span > i {

        color: #000;

    }

    body.ios_app .cbn-choose-popup > span {

        top: 10px;

        left: 10px;

    }

    body.ios_app .cbn-_-add-team > .cbn-_-add-country > ul > li > a > span {

        font-size: 11px;

    }

    /* body.ios_app .cbn-_-choose-club_popup .cbn-choose-popup .cbn-_-add-team .cbn-_-add-country {

        height: 400px;

    } */

    .cb_popup_content > .alert_msg {

        padding: 12px 25px 20px;

        border-radius: 6px;

    }

    .cb_popup_content > .alert_msg > .user_login-text {

        margin: 10px 0px;

        text-align: center;

        letter-spacing: 0.5px;

        font-size: 12px;

        padding-bottom: 10px;

        line-height: 24px;

        color: #fff;

    }

    .cb_popup_content > .alert_msg .btn-user {

        background: #fff;

        color: #012064;

        font-size: 12px;

        padding: 6px 12px;

        letter-spacing: 0;

        font-weight: 700;

        border-radius: 6px;

        display: block;

        width: fit-content;

        margin: 0 auto;

        cursor: pointer;

    }

    .cbn-_-add-team > .cbn-_-add-country > ul.country_selections {

        max-height: 100%;

    }

    .news_original_source .cb_popup_wrap > .cb_popup_content {
        background-color: #00145B;
        height: 200px;
    }

    .cb_popup_wrap > .cb_popup_content {

        position: fixed;

        top: 50%;

        left: 50%;

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

        width: calc(100% - 50px);

        height: 150px;

        background: #00145b;

        border-radius: 6px;

    }
    .center_content>.alert_msg {
        background: none !important; 
    }
    .cb_popup_content > .center_content {

        position: absolute;

        top: 58%;

        left: 50%;

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

    }

    .center_content .alert_msg {

        padding: 35px;

    }

    .center_content .alert_msg > p {

        font-size: 13px;

        color: #fff;

        margin: 10px auto 5px;

    }

    .center_content>.alert_msg .btn-user {

        background: #fff;

        color: #012064;

        font-size: 10px;

        padding: 6px 12px;

        letter-spacing: 0;

        font-weight: 700;

        border-radius: 6px;

        display: block;

        width: fit-content;

        margin: 15px auto 10px;

        cursor: pointer;

    }
    .center_content>.alert_msg>.user_login-text {
        font-size: 11px;
        padding: 5px !important;
        margin: 0 0 10px;
    }
    .news_original_source .center_content>.alert_msg .btn-user {
        width: 46%;
    }

    .club_notif > .cb_popup_overlay {

        background: transparent;

    }

    .club_notif > .cb_popup_wrap > .cb_popup_content {

        bottom: 51px;

        top: auto;

        left: 0;

        transform: none;

        width: 100%;

        height: 200px;

        background: #fff;

        border-radius: 30px 30px 0px 0px;

    }

    .center_content > .notif_title {

        position: relative;

        background: #00145b;

        padding: 10px;

        border-radius: 6px;

        margin-bottom: 30px;

    }

    .notif_title > p {

        color: #fff;

        text-align: center;

        font-size: 11px;

        font-weight: 600;

        letter-spacing: 0.25px;

    }

    .notif_title > .notif_close {

        position: absolute;

        top: 10px;

        right: 10px;

        border-radius: 100%;

    }

    .notif_title > .notif_close > i {

        font-size: 14px;

    }

    .center_content > .cb_notif_clubs {

        display: flex;

        justify-content: space-between;

        align-items: center;

        margin: 15px 0px;

    }

    .notif_clubs_wrap {

        display: flex;

        align-items: center;

    }

    .notif_clubs_wrap > img {

        width: 35px;

        height: auto;

    }

    .notif_clubs_wrap > span {

        color: #00145b;

        font-weight: 600;

        margin-left: 15px;

    }

    .cb_notif_clubs > .switch {

        position: relative;

        display: inline-block;

        width: 40px;

        height: 20px;

    }

    .cb_notif_clubs > .switch > .checkbox {

        width: 0;

        height: 0;

        opacity: 0;

    }

    .cb_notif_clubs > .switch > .slider_round {

        position: absolute;

        cursor: pointer;

        top: 0;

        left: 0;

        right: 0;

        bottom: 0;

        background-color: #ccc;

        transition: .4s;

        border-radius: 20px;

    }

    .cb_notif_clubs > .switch > .slider_round:before {

        position: absolute;

        content: "";

        height: 15px;

        width: 15px;

        left: 4px;

        bottom: 2px;

        background-color: #fff;

        transition: .4s;

        border-radius: 50%;

    }

    .cb_notif_clubs > .switch > input:checked + .slider_round {

        background-color: #00145b;

    }

    .cb_notif_clubs > .switch > input:checked + .slider_round:before {

        transform: translateX(21px);

        background-color: #fff;

        left: 0;

    }

    body#global_page_s442-index-live-scores .page-wrapper {

        padding-top: 30px;

    }

    /*.header-section ul.top-header li.top-header-item {

        min-width: 65px;

    }*/

    span.filter-t {

        font-size: 9px;

        padding: 7px;

    }

    .header-section ul.top-header > li#filter-t, 

    .header-section ul.top-header > li#filter-t > span.filter-t {

        min-width: 20px;

    }

    .filter-t > svg {

        width: 12px;

    }

    .header-section ul.top-header li.top-header-item span.filter-t {

        padding: 0px 5px;

    }

    .header-section ul.top-header li.top-header-item span.date-item,

    li.fixture-header span.date-time {

        font-size: 8px;

    }

    .header-section ul.top-header li.top-header-item span,

    li.fixture-header span.league-name {

        font-size: 8px;

    }

    .fixture-detail .fixture-teams span, li.fixtures-data .fixture-detail .fixtures-info {

        font-size: 10px;   

    }



    li.top-header-item img {

        width: 13px;

    }

    .fixture-detail .fixture-time {

        font-size: 9px;

    }

    .header-menu-list-wrap.menu-_-cbn {

        width: 220px;

        padding: 20px;

        top: 52px;

    }

    ul.menu-_-cbn > li {

        padding: 18px 10px;

        border-bottom: 1px solid #e4e9f469;

    }

    ul.menu-_-cbn > li > a {

        font-size: 11px;

        letter-spacing: 1px;

    }

    ul.menu-_-cbn > li.Advertising-btn > a {

        padding: 12px 20px;

    }

    .header-menu-list-wrap.menu-_-cbn > .close-btnc > .close-menu {

        font-size: 16px;

        right: -8px;

        top: 0px;

    }

    .top-header-left-bars {

        height: 52px;

        padding: 0;

    }

    .top-header-wrapper {

        min-height: 60px;

    }

    .social442_agent .cbn-_-add-team.cb_clubs_div > .cbn-_-add-country > ul.country_selections {

        /* display: flex;

        flex-direction: column;

        flex-wrap: nowrap;

        overflow: auto; */

    }

    .social442_agent .cbn-_-add-team.cb_clubs_div > .cbn-_-add-country > ul.country_selections > li {

        /* width: 100%; */

    }

    .cbn_live_score_header_logo {

        /* border-top: 1px solid #00145b; */

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

        min-height: 70px;

        max-width: 100%;

    }

    .cbn_live_score_header_logo_link>img {

        height: 16px;

    }

    .cbn_live_score_header_logo_link > .cb_logo-text {

        font-size: 16px;
        letter-spacing: 0px;

    }

    .cbn_live_score_header_logo>.new_page-close {

        left: 12px;

    }

    .cbn_live_score_header_logo > .new_page-close > i {

        font-size: 15px;

    }

    .page-wrapper.cbn_live_score_page_wrapper {

        margin-top: 70px;

        padding-top: 0px !important;

        max-width: 100%;
        min-height: calc(100vh - 70px);
        
        

    }

    .cb-instagram_view {

        margin: 0px auto !important;

    }

    .cbn_live_score_page_wrapper>.header-section>.top-header {
        top: 70px;
        padding: 8px 0px;
        background: #001d72;
    }

    .cbn-instagram_view {

        height: 100% !important;

        width: calc(100% - 40px);

        padding: 2px 20px 10px !important;

    }

    body.ios_app .cbn_live_score_page_wrapper .favrt_club_selected {

        display: none;

    }

    .landing-_-menu {

        padding: 15px 20px;

        top: 80px;

        background-color: #001a6b;

    }

    .landing-_-menu > ul.menu-_-cbn > li {

        border-bottom: 1px solid #e4e9f469;

    }

    .landing-_-menu > ul.menu-_-cbn > li > a {

        font-size: 11px;

        letter-spacing: 1px;

        padding: 18px 10px;

        text-align: center;

    }

    .landing-_-menu > ul.menu-_-cbn > li.Advertising-btn {

        padding: 15px 10px;
        

    }

    .landing-_-menu > ul.menu-_-cbn > li.Advertising-btn > a {

        margin: auto;
        width: 120px;

    }

    .header-section ul.top-header li.top-header-item.active .day-item {

        font-size: 8px;

    }

    .header-section ul.top-header li.top-header-item.active .date-item {

        font-size: 8px;

    }

}

@media (max-width:330px){

    .national-fixtures-wrapper li.fixture-header span.league-name{

        width: calc(100% - 80px);

        margin-right: 20px;

    }

    li.fixture-header span.league-name {

        width: calc(100% - 155px);

        margin-right: 20px;

    }

    .fixture-detail .fixture-teams{

        width: calc(100% - 140px);

    }

}