:root {
    --surface-s0: #edf1f6;
    --surface-s1: #ffffff;
    --surface-s2: rgba(229, 233, 239, 0.4);
    --surface-sp: #ffffff;
    --surface-v1: #222226;
    --surface-v2: rgba(34, 34, 38, 0.7);
    --surface-v3: rgba(34, 34, 38, 0.45);
    --surface-v4: rgba(34, 34, 38, 0.15);
    --surface-v5: rgba(34, 34, 38, 0.06);
    --overlay-darken1: rgba(0, 0, 0, 0.25);
    --overlay-darken2: rgba(0, 0, 0, 0.5);
    --terrain-soccer: #93d77b;
    --terrain-grass: #62bd40;

    --generic-blue: #003e7e;
    --primary-green: #0bb32a;
    --primary-red: #cb1818;
}
* {
    margin: 0;
    box-sizing: inherit;
}
*:before, *:after {
    box-sizing: inherit;
}
html, body {
    height: 100%;
    box-sizing: border-box;
    scroll-behavior: smooth;
}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, textarea, p, blockquote, th, td {
    padding: 0;
    margin: 0;
}
body.maintenance {
    background:#fff;
}
body.lightgrey {
    background-color: #F2F2F2;
}
fieldset, img {
    border: 0;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
ol, ul {
    list-style: none;
}
address, caption, cite, code, dfn, em, strong, th, var {
    font-weight: normal;
    font-style: normal;
}
strong {
    font-weight: bold;
}
em {
    font-style: italic;
}
caption, th {
    text-align: left;
}
h1, h2, h3, h4, h5, h6 {
    font-weight: normal;
    font-size: 100%;
}
q:before, q:after {
    content: '';
}
abbr, acronym {
    border: 0;
}
iframe {
    border: none;
    margin: 0;
    padding: 0;
}
body, td, th {
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    color: #202124;
}
body {
    background:#fff; /*#f8f9fa*/
    margin: 0;
}
a:link, a:visited, a:active {
    color: #202124;
    text-decoration: none;
    outline: none;
    transition:all 0.2s ease-in-out;
    -moz-transition:all 0.2s ease-in-out;
    -webkit-transition:all 0.2s ease-in-out;
    -o-transition:all 0.2s ease-in-out;
}
a:hover {
    text-decoration: none;
    color: #d61319;
}
.clr {
    clear: both;
    font-size: 1px;
    height: 1px;
}
/* float clearing for IE6 */
* html .clearfix {
    height: 1%;
    overflow: visible;
}
/* float clearing for IE7 */
*+html .clearfix {
    min-height: 1%;
}
/* float clearing for everyone else */
.clearfix:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
    font-size: 0;
}
#wrapper {
    width: 100%;
    min-height: 100vh;
    margin: 0 auto -520px;
    padding: 0;
    /*overflow:hidden;*/
}
.wrapper_inside {
    background-color:#fff;
    cursor:default;
}
.container {
    position:relative;
    z-index:3;
}
@media only screen and (min-width: 1200px) {
    .container {
        max-width: 1340px;
    }
}
header {
    padding:0;
    position:relative;
    z-index:4;
    font-size:16px;
    font-weight:500;
    background-color: #fff;
    border-bottom: 1px solid #dddee4;
}
@media only screen and (min-width: 1400px) {
    #mobile-menu {
        display: none;
    }
}
header.active {
    -webkit-box-shadow: 0 6px 10px rgba(6,62,114,.15);
    box-shadow: 0 6px 10px rgba(6,62,114,.15);
}
header .logo {
    padding: 10px 10px 12px;
}
header #main_navigation {

}
#main_navigation .navbar {
    padding: 0;
    font-weight: 600;
}
#main_navigation .navbar-nav .nav-link {
    padding: 26px 0 15px !important;
    border-bottom: 4px solid #FFF;
    margin: 0 7px;
    font-size: 14px;
}
#main_navigation .navbar-nav .nav-link.active,
#main_navigation .navbar-nav .nav-link:hover,
#main_navigation .navbar-nav .nav-link:focus {
    color: #202124;
    border-bottom: 4px solid #d63239;
}
#main_navigation .navbar-nav .nav-link.search {
    border-bottom: none;
    text-align: center;
    padding: 18px 0 17px !important;
}
#main_navigation .navbar-nav .nav-link.search:hover {
    color: #d63239;
}
#main_navigation .navbar-nav .nav-link.search span {
    display: block;
    font-size: 11px;
    font-weight: 400;
}
#main_navigation .live .nav-link {
    background-color: #d63239;
    color: #fff;
    padding: .1rem .5rem;
    margin: .4rem 0;
    border-radius: 6px;
}
#main_navigation .live .nav-link:hover {
    background-color: #D32531;
}
#main_navigation .dropdown-menu[data-bs-popper]{
    margin-top: 0 !important;
}
#main_navigation .dropdown-menu {
    padding: 0;
    border-radius: 0;
}
#main_navigation .dropdown-menu .dropdown-item {
    font-size: 15px;
    padding: .5rem 1rem;
}
#main_navigation .dropdown-menu .dropdown-item:hover,
#main_navigation .dropdown-menu .dropdown-item:focus {
    background-color: #f9f9f9;
    color: #D32531;
}
#main_navigation .dropdown-menu .dropdown-item.dark {
    background-color: #202124;
    color: #FFF;
}
#main_navigation .dropdown-menu .dropdown-item.dark:hover,
#main_navigation .dropdown-menu .dropdown-item.dark:focus {
    background-color: #202124;
    color: #D32531;
}
@media all and (min-width: 992px) {
    #main_navigation .dropdown-menu li{ position: relative; 	}
    #main_navigation .nav-item .submenu{
        display: none;
        position: absolute;
        left:calc(100% - 1px);
        top:-1px;
    }
    #main_navigation .nav-item .submenu-left{
        right:100%; left:auto;
    }
    #main_navigation .dropdown-menu > li:hover{ background-color: #f1f1f1 }
    #main_navigation .dropdown-menu > li:hover > .submenu{ display: block; }
}
@media (max-width: 991px) {
    #main_navigation .dropdown-menu .dropdown-menu{
        margin-left:0.7rem; margin-right:0.7rem; margin-bottom: .5rem;
    }
}
/* ============ small devices .end// ============ */

header #main_navigation .hamburger {
    outline:none;
    padding:10px 15px;
    margin-top:28px;
}
header #main_navigation .hamburger span {
    display:block;
    font-size:12px;
    font-weight:400;
}
header #main_navigation .hamburger-box {
    height:auto;
    width:26px;
}
.hamburger-inner:before {
    top: -7px;
}
.hamburger-inner:after {

    bottom: -7px;
}
header #main_navigation .hamburger-inner,
header #main_navigation .hamburger-inner:after,
header #main_navigation .hamburger-inner:before {
    width:26px;
    height:2px;
}
header #main_navigation:hover .hamburger-inner,
header #main_navigation:hover .hamburger-inner:after,
header #main_navigation:hover .hamburger-inner:before,
header #main_navigation .is-active .hamburger-inner,
header #main_navigation .is-active .hamburger-inner:after,
header #main_navigation .is-active .hamburger-inner:before {
    background-color:#d63239;
}
header #main_navigation .hamburger.is-active:hover,
header #main_navigation .hamburger:hover {
    opacity:1;
}
.sound:hover {
    cursor: pointer;
}
.socialsearch ul li {
    display: inline-block;
}
.socialsearch ul li:not(:first-child) {
    margin-left: 15px;
}
.socialsearch ul li img {
    max-height: 20px;
    margin-top: -3px;
}
#section-top {
    margin:15px auto;
}
.apopseis {
    margin-bottom: 20px;
}
.apopseis .item_wrapper {
    background: rgb(0,106,215);
    background: -moz-linear-gradient(0deg, rgba(0,106,215,1) 0%, rgba(0,62,126,1) 40%);
    background: -webkit-linear-gradient(0deg, rgba(0,106,215,1) 0%, rgba(0,62,126,1) 40%);
    background: linear-gradient(0deg, rgba(0,106,215,1) 0%, rgba(0,62,126,1) 40%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#006ad7",endColorstr="#003e7e",GradientType=1);
    border-radius: 6px;
    padding: 12px;
    color: #FFF;
    transition:all 0.2s ease-in-out;
    -moz-transition:all 0.2s ease-in-out;
    -webkit-transition:all 0.2s ease-in-out;
    -o-transition:all 0.2s ease-in-out;
    position: relative;
}
.apopseis .item_wrapper:hover {
    background: rgb(0,106,215);
    background: -moz-linear-gradient(0deg, rgba(0,106,215,1) 0%, rgba(0,62,126,1) 80%);
    background: -webkit-linear-gradient(0deg, rgba(0,106,215,1) 0%, rgba(0,62,126,1) 80%);
    background: linear-gradient(0deg, rgba(0,106,215,1) 0%, rgba(0,62,126,1) 80%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#006ad7",endColorstr="#003e7e",GradientType=1);
}
.apopseis .item_wrapper.basketball::after {
    content: '\f434';
    font-family: 'Font Awesome 6 Pro', sans-serif;
    font-weight: 600;
    position: absolute;
    right: 10px;
    top:0;
    font-size: 22px;
    opacity: .8;
}
.apopseis .item_wrapper.football::after {
    content: '\f1e3';
    font-family: 'Font Awesome 6 Pro', sans-serif;
    font-weight: 100;
    position: absolute;
    right: 10px;
    top:0;
    font-size: 22px;
    opacity: .8;
}
.apopseis .item_wrapper.football-invert::after {
    content: '\f1e3';
    font-family: 'Font Awesome 6 Pro', sans-serif;
    font-weight: 400;
    position: absolute;
    right: 10px;
    top:0;
    font-size: 22px;
    opacity: .8;
}

.apopseis .item_wrapper .author {
    width: 62px;
    height: 62px;
    border-radius: 50%;
    background-color: #FFF;
    overflow: hidden;
    border: 2px solid #fff;
}
.apopseis .item_wrapper .author img {
    width: 62px;
    height: 62px;
    border-radius: 50%;
}
.apopseis .item_wrapper .category {
    margin-left: 10px;
    font-size: 15px;
    font-weight: 600;
}
.apopseis .title {
    margin-top: 5px;
    font-size: 15px;
    line-height: 1.2;
    font-weight: 600;
}
.apopseis .datetime {
    margin-top: 10px;
    position: relative;
    color: rgba(16,18,34,.7);
    font-size: 12px;
    font-weight: 600;
    z-index: 1;
}
#sthles article {
    color: #fff;
}
#sthles article .data {
    background-color: #032d59;
    padding: 10px;
    position: relative;
    transition:all 0.2s ease-in-out;
    -moz-transition:all 0.2s ease-in-out;
    -webkit-transition:all 0.2s ease-in-out;
    -o-transition:all 0.2s ease-in-out;
}
#sthles article .data:hover {
    background-color: #d63239;
}
#sthles article .datetime {
    font-size: 12px;
    margin: 0;
}
#sthles article .title {
    font-size: 14px;
    font-weight: 600;
}
#sthles article .title a:link,
#sthles article .title a:active,
#sthles article .title a:visited,
#sthles article .title a:hover {
    color:#fff;
}
#sthles article .category {
    background-color: #031c37;
    padding: 5px 10px;
    transition:all 0.2s ease-in-out;
    -moz-transition:all 0.2s ease-in-out;
    -webkit-transition:all 0.2s ease-in-out;
    -o-transition:all 0.2s ease-in-out;
}
#sthles article a:link .category,
#sthles article a:active .category,
#sthles article a:visited .category {
    color:#fff;
}
#sthles article a:hover .category {
    color: #b0fff7;
}

.main {
    display: inline-block;
    width: calc(100% - 360px);
    float: left;
}
.main.full {
    display: block;
    width: 100%;
    float: none;
}
.sidebar {
    display: inline-block;
    width: 340px;
    margin-left: 20px;
}
.sidebar .column_header {
    max-width: 320px;
    margin: 0 auto;
}
.sidebar .column_post {
    position:relative;
    max-width: 320px;
    margin: 0 auto;
}
.sidebar .column_post .datetime {
    position:absolute;
    top:0;
    left:10px;
    font-size:12px;
    color:#fff;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.5);
}
.sidebar .column_post .title {
    margin: 0 auto;
    position: absolute;
    left: 10px;
    top: 35px;
    width: 180px;
    color: #fff;
    display: inline-block;
    font-size: 14px;
    line-height: 1.3;
    text-shadow: 2px 2px 2px rgba(0,0,0,0.8);
}
.sidebar .column_post .title a:link,
.sidebar .column_post .title a:active,
.sidebar .column_post .title a:visited{
    color: #fff;
}
.sidebar .column_post .title a:hover {
    color: #fff;
    text-decoration: underline;
}
.sidebar .column_SG {
    margin-bottom: 20px;
}
.sidebar .column_post.column_SG .title {
    left: auto;
    right: 15px;
    top: 35px;
}
.sidebar .column_HP {
    margin-bottom: 20px;
}
.sidebar .column_post.column_HP .title {
    left: 90px;
    right: auto;
    top: 35px;
}
@media (max-width: 1199px) {
    .main {
        display: block;
        width: 100%;
        float: none;
    }
    .sidebar {
        display: block;
        width: 100%;
        float: none;
        margin: 15px auto 30px;
    }
}
@media (max-width: 767px) {
    .sidebar {
        margin: 15px auto 0;
    }
}
#mundial-qatar_2022 {
    background: #420521;
    background: linear-gradient(302deg,#79073B 0%,#521523 100%);
    background-image: url('images/mundial_bg.jpg');
    background-repeat: no-repeat;
    background-position: top center;
    background-size: cover;
    min-height: 600px;
    width: 100%;
    color: #fff;
    padding-top: 100px !important;
}
#mundial-qatar_2022 a:link,
#mundial-qatar_2022 a:active,
#mundial-qatar_2022 a:visited {
    color: #fff;
    transition:all 0.2s ease-in-out;
    -moz-transition:all 0.2s ease-in-out;
    -webkit-transition:all 0.2s ease-in-out;
    -o-transition:all 0.2s ease-in-out;
}
#mundial-qatar_2022 a:hover {
    color: #e3a63a;
}
#mundial-qatar_2022 ul > li {
    font-size: 16px;
    margin-bottom: 10px;
}
#mundial-qatar_2022 ul li .btn {
    padding: 0;
    outline: none;
    box-shadow: none;
}
#mundial-qatar_2022 ul li.dropdown .dropdown-menu .dropdown-item {
    font-size: 12px;
}
#mundial-qatar_2022 .dropdown-menu {
    background: #420521;
    background: linear-gradient(302deg,#79073B 0%,#521523 100%);
}
#mundial-qatar_2022 .dropdown-menu li {
    margin-bottom: 5px !important;
}
#mundial-qatar_2022 .dropdown-menu .dropdown-item:focus,
#mundial-qatar_2022 .dropdown-menu .dropdown-item:hover {
    background-color: #521523;
    color: #e3a63a;
}
#mundial-qatar_2022 .timeline li article:not(:last-child) {
    border-bottom: 1px dashed #eee;
    padding-bottom: 5px;
}
#mundial-qatar_2022 .timeline li article h2 {
    width: 100% !important;
}
#mundial-qatar_2022 .timeline .meta {
    color: #e3a63a;
    padding-bottom: 5px;
}
.underslide .item {
    width: 100%;
}
.underslide .item .table {
    font-weight: 600;
}
.underslide .item .table tr th {
    background-color: #003e7e !important;
    color: #fff;
    text-align: center;
    font-weight: 600;
}
.underslide .item .table tr td {
    font-size: 12px;
}
.underslide .item .table tr td:last-child {
    text-align: right;
}
#fantastic_four .team {
    margin-bottom: 5px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: start;
    text-align: left;
}
#fantastic_four .team figure {
    margin: 0;
}
#fantastic_four .team figure img {
    width: 20px;
}
#fantastic_four .table thead tr th {
    background-color: #003e7e !important;
    color: #fff;
    text-align: center;
    font-weight: 600;
}
#fantastic_four .table tbody tr td {
    font-size: 13px;
}
#fantastic_four .table tbody tr td:last-child {
    text-align: right;
    font-weight: 600;
}
#fantastic_four .table tbody tr td a {
    font-weight: 600;
}
.h_banner {
    margin: 10px auto;
    text-align: center;
}
.topbet {
    max-width: 320px;
}
.side_banner {
    margin:20px auto;
    text-align:center;
    overflow: hidden;
}
.main_banner {
    margin:30px auto;
    text-align:center;
}
.main_banner > div,
.side_banner > div,
.h_banner > div {
    margin: 0 auto;
}
.main_article article {
    background-color: #202124;
    /*height: 100%;*/
}
.main_article article figure {
    margin: 0;
    position: relative;
}
.text_link_list {
    margin-bottom: 10px;
}
.text_link_list a:link,
.text_link_list a:active,
.text_link_list a:visited {
    font-weight: 600;
    font-style: italic;
    color: #d61319;
}
.text_link_list a:hover {
    font-weight: 600;
    font-style: italic;
    color: #202124;
}

#slideshow {
    position: relative;
    background-color: #202124;
    padding-bottom: 20px;
}
#slideshow .owl-dots {
    margin-top: 10px;
}
#slideshow .owl-nav {
    width: 100%;
    position: absolute;
    top: 35%;
    transform: translateY(-35%);
    display: none;
    transition:all 0.2s ease-in-out;
    -moz-transition:all 0.2s ease-in-out;
    -webkit-transition:all 0.2s ease-in-out;
    -o-transition:all 0.2s ease-in-out;
}
#slideshow:hover .owl-nav {
    display: block;
}
@media (max-width: 767px) {
    #slideshow .owl-nav {
        top: 30%;
        transform: translateY(-30%);
    }
}
@media (max-width: 567px) {
    #slideshow .owl-nav {
        display: block;
        top: 20%;
        transform: translateY(-20%);
    }
}
@media (max-width: 400px) {
    #slideshow .owl-nav {
        display: block;
        top: 15%;
        transform: translateY(-15%);
    }
}
#slideshow .owl-nav .owl-prev {
    position: absolute;
    left: 5px;
    color: rgba(255,255,255,.7);
    padding: 10px !important;
}
#slideshow .owl-nav .owl-prev:hover {
    color: rgba(255,255,255,1);
    background-color: transparent;
}
#slideshow .owl-nav .owl-next {
    position: absolute;
    right: 5px;
    color: rgba(255,255,255,.7);
    padding: 10px !important;
}
#slideshow .owl-nav .owl-next:hover {
    color: rgba(255,255,255,1);
    background-color: transparent;
}
.main_article article figure picture img {
    width: 100%;
}
.main_article article .article-info {
    padding: 20px;
    margin-bottom: 0;
    color: #fff;
    min-height: 190px;
}
@media (max-width: 567px) {
    .main_article article .article-info {
        min-height: 230px;
    }
}
@media (max-width: 400px) {
    .main_article article .article-info {
        min-height: 280px;
    }
}
.main_article article .article-info time {
    color: rgba(255,255,255,.6);
}
.main_article article .article-info h3 {
    font-size: 20px;
}
.main_article article .article-info h3 a:link,
.main_article article .article-info h3 a:active,
.main_article article .article-info h3 a:visited {
    color: #fff;
}
.main_article article .article-info h3 a:hover {
    text-decoration: underline;
}
.main_article article .article-info .category a:link,
.main_article article .article-info .category a:active,
.main_article article .article-info .category a:visited {
    color: #FF9924;
}
.main_article article .article-info .category a:hover {
    color: #fff;
}
.main_article article .article-info p {
    font-weight: 300;
    font-size: 16px;
}
@media only screen and (max-width: 767px) {
    .main_article article .article-info p {
        display: none;
    }
    .main_article article .article-info {
        min-height: auto !important;
        padding: 20px 20px 0;
    }
    #slideshow {
        min-height: 395px;
    }
    #slideshow .owl-dots {
        margin-top: 0;
    }
}
article .article-info {
    margin-bottom: 20px;
}
article .article-info h3 a:hover {
    text-decoration: underline;
}
article figure {
    margin: 0;
    margin-bottom: 10px;
}
.article-info .category {
    color: #d63239;
    font-size: 12px;
    font-weight: 600;
}
.article-info .category a:link,
.article-info .category a:active,
.article-info .category a:visited {
    color: #d63239;
}
.article-info .category a:hover {
    color: #202124;
}
.article-info time {
    font-size: 12px;
    font-weight: 600;
    color: #202124;
}
.article-info h3 {
    display: block;
    margin: 15px 0 10px;
    font-weight: 600;
    line-height: 1.2;
    font-size: 16px;
}
.more_articles figure {
    width: 100%;
    margin-bottom: 5px;
}
.more_articles .item {
    margin-bottom: 0px;
}
.more_articles .item:last-child {
    margin-bottom: 0;
}
.more_articles article .article-info {
    margin-bottom: 0;
}
.more_articles .article-info h3 {
    margin: 10px auto;
    font-size: 14px;
}
@media (max-width: 576px) {
    .more_articles .item {
        margin-bottom: 10px !important;
    }
    .more_articles figure {
        width: 35%;
        margin-bottom: 0;
        margin-right: 10px;
        float: left;
    }
    .more_articles article .article-info {
        width: calc(65% - 10px);
        float: left;
    }
}


.daily_stats {
    position: relative;
}
.daily_stats h2 {
    line-height: 40px;
    font-weight: 600;
}
.heading,
.heading a {
    font-size: 24px!important;
    font-weight: 600!important;
}

.heading {
    padding-bottom: 5px !important;
    margin-bottom: 5px !important;
    border-bottom: 3px solid #d63239;
}
.betsmall .heading {
    font-size: 20px;
    line-height: 29px;
    border-bottom: 3px solid #005EB0;
}
.heading.small {
    font-size: 18px;
    border-bottom: 3px solid #d63239;
}
#statistics .heading.small {
    padding: 10px;
    background-color: #005EB0;
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    border-bottom: none;
}

.game-center .match time {
    color: rgba(16,18,34,.4);
    font-size: 13px;
}
.game-center .match {
    position: relative;
    margin:7px auto;
    padding: 7px 0;
    border-bottom: 1px solid #cdd8e3;
}
.game-center .match:last-child {
    border-bottom: none;
}
.game-center .match:first-child {
    margin-top: 0;
    padding-top: 0;
}
.game-center .match .time {
    float: right;
}
.game-center .match .score {
    float: right;
}
.game-center .match .team {
    font-weight: 400;
}
.game-center .match .team img {
    width: 22px;
}
.game-center .match .team.winner {
    font-weight: 600;
}
/*
.game-center .nav.nav-tabs .nav-item .nav-link {
	padding: .5rem;
	font-size: 14px;
}
.game-center .nav-link {
	color: #202124;
}
.game-center .nav-link:focus,
.game-center .nav-link:hover {
	color: #d63239 !important;
}
.game-center .tab-pane {
	padding: 5px 10px;
}
.game-center ul.countries {
	-webkit-column-count: 2;
	-moz-column-count: 2;
	column-count: 2;
}
*/
.show_hidden_countries {
    padding: 15px 0;
    display: block;
    font-size: 12px;
}

/* STATISTIC CARDS */
.stats_wrapper .item {
    margin-bottom: 20px;
}
.stats_wrapper .item{
    position: relative;
}
.stats_wrapper .see_more {
    font-size: 16px;
    font-weight: 600;
    text-align: right;
}
.stats_wrapper .item.more_stats:hover {
    background-color:#F5F5F5;
}

#main_daily_stats.stats .item {
    margin-bottom: 30px;
}
#main_daily_stats.stats .opap_odds .item {
    margin-bottom: 0;
}

#main_daily_stats.stats  h2 {
    font-size: 20px;
    font-weight: 600;
    position: relative;
    margin-bottom: 20px;
    padding-bottom: 5px;
    border-bottom: 3px solid #005EB0;
}


.match_card {
    background-color: #fff;
    border: 1px solid #eee;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    margin-bottom: 15px;
    box-shadow: 0 3px 6px rgb(0 0 0 / 10%);
    padding: 10px;
}
.match_card {
    background-color: #fff;
    border: 1px solid #eee;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    margin-bottom: 15px;
    box-shadow: 0 3px 6px rgb(0 0 0 / 10%);
    padding: 10px;
}
.match_card.row {
    margin: 0;
}
.match_card .home,
.match_card .away {
    margin: 10px auto;
    padding: 0;
}
.match_card .schedule {
    text-align: center;
    color:#afafaf;
    font-weight: 600;
}
.match_card .flag {
    width: 42px;
    height: 62px;
    margin-right: 10px;
}
.match_card .flag img {
    max-width: 42px;
    max-height: 42px;
}
.match_card .team {
    font-weight: 600;
    margin: 3px auto;
}
.match_card .details {
    width: calc(100% - 52px);
}
.match_card .team_history_games {
    display: block;
}
.match_card .team_history_games span {
    display: inline-block;
    width: 20px;
    height: 20px;
    font-size: 10px;
    line-height: 21px;
    text-align: center;
    color: #fff;
    /*
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    */
}
.match_card .team_history_games span.lbl-won {
    background-color: #417505;
}
.match_card .team_history_games span.lbl-draw {
    background-color: #9c9c9c;
}
.match_card .team_history_games span.lbl-lost {
    background-color: #ce021b;
}
.match_card .opap_label {
    padding: 5px;
    display: block;
    color: #fff;
    background: rgb(0,0,0);
    background: -moz-linear-gradient(120deg, rgba(0,0,0,1) 0%, rgba(69,69,71,1) 50%, rgba(229,29,36,1) 50%, rgba(181,33,38,1) 100%);
    background: -webkit-linear-gradient(120deg, rgba(0,0,0,1) 0%, rgba(69,69,71,1) 50%, rgba(229,29,36,1) 50%, rgba(181,33,38,1) 100%);
    background: linear-gradient(120deg, rgba(0,0,0,1) 0%, rgba(69,69,71,1) 50%, rgba(229,29,36,1) 50%, rgba(181,33,38,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#b52126",GradientType=1);
    text-align: center;
    font-size: 13px;
    font-weight: 600;
    margin: 0 auto;
}
.match_card .opap_odds {
    background-color: #03233F;
    color: #fff;
    margin: 0 auto;
    padding: 0 5px;
}
.match_card .opap_odds .item {
    padding: 5px;
    text-align: center;
    font-size: 12px;
    margin-bottom: 0;
}
.match_card .opap_odds .item .figure {
    font-weight: 600;
    display: block;
}
.match_card .opap_odds .item .odd {
    color:#50CBFF;
    display: block;
}
.match_card .analysis {
    margin: 0 auto;
    text-align: center;
    color: #fff;
    padding: 0;
}
.match_card .analysis span {
    display: block;
    background-color: #005EB0;
    padding: 6px;
    transition:all 0.2s ease-in-out;
    -moz-transition:all 0.2s ease-in-out;
    -webkit-transition:all 0.2s ease-in-out;
    -o-transition:all 0.2s ease-in-out;
}
.match_card .analysis span:hover {
    background-color:#5cbae2;
}
.match_card .analysis a {
    color: #fff;
}

#main_daily_stats.stats .match_card.row {
    --bs-gutter-x: 0;
}
#main_daily_stats.stats .match_card {
    text-align: center;
}
#main_daily_stats.stats .match_card .flag {
    width: 100%;
    height: auto;
    margin-right: 0;
    min-height: 42px;
}
#main_daily_stats.stats .match_card .details {
    width: 100%;
}
#main_daily_stats.stats .match_card .opap_label,
#main_daily_stats.stats .match_card .opap_odds {
    margin: 0 auto;
}
#main_daily_stats.stats .match_card .analysis {
    margin: 0;
}
#main_daily_stats.stats .match_card .analysis span {
    padding: 10px;
}

@media (max-width: 576px) {
    .match_card.row {
        --bs-gutter-x: 0;
    }
    .match_card {
        text-align: center;
    }
    .match_card .flag {
        width: 100%;
        height: auto;
        margin-right: 0;
    }
    .match_card .details {
        width: 100%;
    }
    .match_card .opap_label,
    .match_card .opap_odds {
        margin: 0 auto;
    }
    .match_card .analysis {
        margin: 0;
    }
    .match_card .analysis span {
        padding: 10px;
    }
}


.tipster_wrapper {
    padding: 0 0 15px;
    margin-bottom: 20px;
}
.tipster_wrapper .item {
    position: relative;
}
.tipster_wrapper .item .tipster {
    padding: 0;
    margin: 0 auto;
    position: relative;
    border:1px solid #e4e4e4;
    height: 340px;
}
.tipster_wrapper .item .tipster figure {
    height: 160px;
    overflow: hidden;
}
.tipster_wrapper .item .article_wrapper {
    position: relative;
    width: calc(100% - 40px);
    margin: 0 20px;
    top: 10px;
}
.tipster_wrapper .item .article_wrapper p {
    font-size: 14px;
    display: -webkit-box;
    max-width: 100%;
    height: 50px;
    line-height: 1.2;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 10px auto;
}
.tipster_wrapper .item .author,
.tipsters_wrapper .item .author {
    display: inline-block;
    width: 65px;
    height: 65px;
    margin: 0;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    position: absolute;
    top: 130px;
    right: 20px;
    float: right;
    overflow: hidden;
    background: rgb(228,232,239);
    background: -moz-linear-gradient(0deg, rgba(228,232,239,1) 0%, rgba(231,234,241,1) 50%, rgba(208,219,230,1) 100%);
    background: -webkit-linear-gradient(0deg, rgba(228,232,239,1) 0%, rgba(231,234,241,1) 50%, rgba(208,219,230,1) 100%);
    background: linear-gradient(0deg, rgba(228,232,239,1) 0%, rgba(231,234,241,1) 50%, rgba(208,219,230,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#e4e8ef",endColorstr="#d0dbe6",GradientType=1);
    border: 2px solid #fff;
}
.tipster_wrapper .item .author img,
.tipsters_wrapper .item .author img {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
}
.tipster_wrapper .item .editor {
    font-size: 12px;
    font-weight: 600;
    font-style: italic;
    color: #d63239;
    margin: -20px auto 5px;
    clear: both;
}
.tipster_wrapper .item .editor a:link,
.tipster_wrapper .item .editor a:active,
.tipster_wrapper .item .editor a:visited {
    color: #d63239;
}
.tipster_wrapper .item .editor a:hover {
    color: #d63239;
}
.tipster_wrapper .item .article-info h3 {
    display: block;
    margin: 5px 0;
    font-weight: 600;
    line-height: 1.2;
    font-size: 18px;
}
.tipster_wrapper .item time {
    color:#68696a;
}
.tipsters_wrapper {
    margin: 10px auto 20px;
    background-color: #282828;
    padding: 4px 8px;
    border-radius: 5px;
}
.tipsters_wrapper .item {
    margin: 5px 0 0;
    padding: 8px 5px;
    background-color: #2f2f2f;
    border-radius: 5px;
    color:#fff;
    transition:all 0.2s ease-in-out;
    -moz-transition:all 0.2s ease-in-out;
    -webkit-transition:all 0.2s ease-in-out;
    -o-transition:all 0.2s ease-in-out;
}
.tipsters_wrapper .item:hover {
    background-color: #121212;
}
.tipsters_wrapper .item .author {
    width: 60px;
    height: 60px;
    min-width: 60px;
    max-width: 60px;
    display: block;
    position: relative;
    top: initial;
    right: initial;
    float: none;
    margin-right: 10px;
}
.tipsters_wrapper .item .author img {
    width: 100%;
}
.tipsters_wrapper .item .data,
.tipsters_wrapper .item .category {
    font-size: 11px;
    color:#fff;
}
.tipsters_wrapper .item .category a:link,
.tipsters_wrapper .item .category a:active,
.tipsters_wrapper .item .category a:visited {
    color: #FF9924;
}
.tipsters_wrapper .item .category a:hover {
    color: #FFF;
}
.tipsters_wrapper .item .date {
    color: rgba(255,255,255,.6);
}
.tipsters_wrapper .item .title {
    margin: 8px 0 5px;
    height: 44px;
    max-height: 44px;
    line-height: 22px;
    position: relative;
    color:#fff;
}
.tipsters_wrapper .item .title h3 {
    font-size: 14px;
    font-weight: 600;
    text-align: left;
    color:#fff;
}

#tipsters_landing {
    margin: 30px auto;
    padding: 12px 0 12px 12px;
    background-color: #F3F4F8;
    border-radius: 5px;
}
#tipsters_landing .tipster {
    width: calc(50% - 12px);
    padding: 12px;
    border-radius: 10px;
    color: #202124;
    background-color: #f9f9f9;
    border: 1px solid #ddd;
    margin-right: 12px;
    margin-bottom: 10px;
    transition: .2s;
    -moz-transition: .2s;
    -webkit-transition: .2s;
    -o-transition: .2s;
    position: relative;
}
/*#tipsters_landing .tipster:last-child {
    margin-bottom: 0;
}*/
#tipsters_landing .tipster:hover {
    background-color: #FFF;
    border: 1px solid #ddd;
}
#tipsters_landing .tipster a {
    color:#121212;
}
#tipsters_landing .tipster .author a:link,
#tipsters_landing .tipster .author a:active,
#tipsters_landing .tipster .author a:visited {
    color: #d63239;
}
#tipsters_landing .tipster .author a:hover {
    color:#202124;
}
#tipsters_landing .tipster figure {
    width: 60px;
    text-align: center;
    margin: 0 10px 10px 0;
    position: relative;
    z-index: 2;
}
#tipsters_landing .tipster figure img {
    width: 60px;
    height: 60px;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    border: 2px solid #eee;
}
#tipsters_landing .tipster .author {
    font-size: 14px;
    font-weight: 400;
    position: relative;
    z-index: 2;
}
#tipsters_landing .tipster .data {
    width: calc(100% - 70px);
}
#tipsters_landing .tipster .more {
    font-size:14px;
    margin: 5px auto;
    text-align: center;
}
#tipsters_landing h2 {
    padding: 0;
    margin: 0 auto;
    height: 50px;
    font-size: 16px;
    font-weight: 600 !important;
    text-align: left !important;
    color: #d63239;
}
#tipsters_landing .datetime {
    color: #a0a0a0;
    font-size: 14px;
}

@media only screen and (max-width: 767px) {
    #tipsters_landing .tipster {
        width: calc(100% - 12px);
        margin-right: 0;
    }
}


.up {
    margin-left: 3px;
    color:#008F0B;
}
.down {
    margin-left: 3px;
    color: #C40003;
}
.article_box {
    padding: 0;
    margin: 0 auto 24px;
    position: relative;
    border:1px solid #e4e4e4;
    height: 370px;
    background-color: #fff;
}

@media (max-width: 767px) {
    .article_box {
        height: auto;
    }
}
.article_box .category {
    font-size: 13px;
    font-weight: 600;
    color: #d63239;
    margin: 10px auto;
    clear: both;
    padding:0 20px;
}
.article_box .category a:link,
.article_box .category a:active,
.article_box .category a:visited {
    color: #d63239;
}
.article_box .category a:hover {
    color: #d63239;
}
.article_box .article_info {
    padding: 0 20px;
}
.article_box .item p {
    font-size: 14px;
    margin: 10px auto;
    display: -webkit-box;
    max-width: 100%;
    height: 50px;
    line-height: 1.2;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.article_box .item h3 {
    font-size: 18px;
    font-weight: 600;
    margin: 5px auto;
    display: -webkit-box;
    max-width: 100%;
    height: 43px;
    line-height: 1.2;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

#predictions {
    background-color: #f7f7f7;
    margin-bottom: 35px;
    padding: 25px 0;
    position: relative;
}
#predictions_basket {
    background-color: #f7f7f7;
    padding: 25px 0 0;
    /*margin-bottom: 35px;*/
}
#predictions h2, #predictions_basket h2, #news h2.head {
    font-size: 24px;
    font-weight: 600;
    position: relative;
    margin-bottom: 20px;
}
#predictions h2 a, #predictions_basket h2 a, #news h2.head a {
    font-size: 14px;
    font-weight: 600;
    line-height: 26px;
}
/*
#predictions h2::after {
    content: "";
    width: calc(100% - 360px);
    height: 3px;
    position: absolute;
    right: 0;
    top: 50%;
    background-color: #d63239;
}
#predictions_basket h2::after {
    content: "";
    width: calc(100% - 300px);
    height: 3px;
    position: absolute;
    right: 0;
    top: 50%;
    background-color: #d63239;
}
#news h2.head::after {
    content: "";
    width: calc(100% - 150px);
    height: 3px;
    position: absolute;
    right: 0;
    top: 50%;
    background-color: #d63239;
}
*/
#expert-columns {
    margin: 30px auto;
    position: relative;
    min-height: 240px;
}
.betting_offers .offer {
    background-color: #f9f9f9;
    border: 1px solid #dee2e6;
    border-radius: 6px;
    margin-bottom: 10px;
    height: 120px;
}
.betting_offers .eeep {
    margin-bottom: 15px !important;
    font-size: 12px;
    font-style: italic;
    color:#545454;
}
.betting_offers .offer .logo {
    color: #fff;
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
    position: relative;
    width: 160px !important;
}
.betting_offers .offer .logo img {
    position: absolute;
    top:50%;
    left: 20px;
    right: 0;
    margin:0 auto;
    transform: translateY(-50%);
}
.betting_offers .offer .logo:after {
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 59px 0 59px 50px;
    position: absolute;
    top: 0;
    right: -50px;
}
.betting_offers .offer .logo .with-score {
    position: absolute;
    top:40% !important;
    left: 10px!important;
    right: 0;
}
.betting_offers .offer .logo div.score {
    position: absolute;
    top: 64%!important;
    left: 22px!important;
    right: 0;
}
.betting_offers .offer .logo div.score .circle_score {
    display: inline-block;
    position: relative;
    top: 2px;
    left: 6px;
    font-weight: 800;
}
.betting_offers .offer .offer_text {
    width: calc(100% - 360px);
    text-align: center;
    font-weight: 600;
    font-size: 16px!important;
}
.betting_offers .offer .offer_text.non_banner {
    padding: 0 40px;
    padding-left: 80px;
}
.betting_offers .offer .offer_button {
    width: 200px;
    text-align: center;
}
.betting_company_widget_wrapper .betsson .logo,
.betting_offers .betsson .logo {
    background: rgb(255,102,0);
    background: -moz-linear-gradient(90deg, rgba(255,102,0,1) 0%, rgba(255,76,0,1) 100%);
    background: -webkit-linear-gradient(90deg, rgba(255,102,0,1) 0%, rgba(255,76,0,1) 100%);
    background: linear-gradient(90deg, rgba(255,102,0,1) 0%, rgba(255,76,0,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ff6600",endColorstr="#ff4c00",GradientType=1);
}
.betting_company_widget_wrapper .betsson .logo:after,
.betting_offers .betsson .logo:after {
    border-color: transparent transparent transparent #ff4c00;
}
.betting_company_widget_wrapper .netbet .logo,
.betting_offers .netbet .logo {
    background-color: #333743;
}
.betting_company_widget_wrapper .netbet .logo:after,
.betting_offers .netbet .logo:after {
    border-color: transparent transparent transparent #333743;
}

.betting_company_widget_wrapper .novibet .logo,
.betting_offers .novibet .logo {
    background: rgb(48,53,64);
    background: -moz-linear-gradient(90deg, rgba(48,53,64,1) 0%, rgba(48,61,89,1) 100%);
    background: -webkit-linear-gradient(90deg, rgba(48,53,64,1) 0%, rgba(48,61,89,1) 100%);
    background: linear-gradient(90deg, rgba(48,53,64,1) 0%, rgba(48,61,89,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#303540",endColorstr="#303d59",GradientType=1);
}
.betting_company_widget_wrapper .novibet .logo:after,
.betting_offers .novibet .logo::after {
    border-color: transparent transparent transparent #303d59;
}
.betting_company_widget_wrapper .pamestoixima .logo,
.betting_offers .pamestoixima .logo {
    background: rgb(185,32,39);
    background: -moz-linear-gradient(90deg, rgba(185,32,39,1) 0%, rgba(177,18,25,1) 100%);
    background: -webkit-linear-gradient(90deg, rgba(185,32,39,1) 0%, rgba(177,18,25,1) 100%);
    background: linear-gradient(90deg, rgba(185,32,39,1) 0%, rgba(177,18,25,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#b92027",endColorstr="#b11219",GradientType=1);
}
.betting_company_widget_wrapper .pamestoixima .logo:after,
.betting_offers .pamestoixima .logo:after {
    border-color: transparent transparent transparent #b11219;
}
.betting_company_widget_wrapper .stoiximan .logo,
.betting_offers .stoiximan .logo {
    background: rgb(47,103,178);
    background: -moz-linear-gradient(90deg, rgba(47,103,178,1) 0%, rgba(47,69,178,1) 100%);
    background: -webkit-linear-gradient(90deg, rgba(47,103,178,1) 0%, rgba(47,69,178,1) 100%);
    background: linear-gradient(90deg, rgba(47,103,178,1) 0%, rgba(47,69,178,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#2f67b2",endColorstr="#2f45b2",GradientType=1);
}
.betting_company_widget_wrapper .stoiximan .logo:after,
.betting_offers .stoiximan .logo:after {
    border-color: transparent transparent transparent #2f45b2;
}
.betting_company_widget_wrapper .bet365 .logo,
.betting_offers .bet365 .logo {
    background: rgb(17,111,82);
    background: -moz-linear-gradient(90deg, rgba(17,111,82,1) 0%, rgba(23,99,76,1) 100%);
    background: -webkit-linear-gradient(90deg, rgba(17,111,82,1) 0%, rgba(23,99,76,1) 100%);
    background: linear-gradient(90deg, rgba(17,111,82,1) 0%, rgba(23,99,76,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#116f52",endColorstr="#17634c",GradientType=1);
}
.betting_company_widget_wrapper .bet365 .logo:after,
.betting_offers .bet365 .logo:after {
    border-color: transparent transparent transparent #17634c;
}
.betting_company_widget_wrapper .betshop .logo,
.betting_offers .betshop .logo {
    background: rgb(5,87,164);
    background: -moz-linear-gradient(90deg, rgba(5,87,164,1) 0%, rgba(17,74,128,1) 100%);
    background: -webkit-linear-gradient(90deg, rgba(5,87,164,1) 0%, rgba(17,74,128,1) 100%);
    background: linear-gradient(90deg, rgba(5,87,164,1) 0%, rgba(17,74,128,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#0557a4",endColorstr="#114a80",GradientType=1);
}
.betting_company_widget_wrapper .betshop .logo:after,
.betting_offers .betshop .logo:after {
    border-color: transparent transparent transparent #114a80;
}
.betting_company_widget_wrapper .bwin .logo,
.betting_offers .bwin .logo {
    background: rgb(0,0,0);
    background: -moz-linear-gradient(90deg, rgba(0,0,0,1) 0%, rgba(34,34,34,1) 100%);
    background: -webkit-linear-gradient(90deg, rgba(0,0,0,1) 0%, rgba(34,34,34,1) 100%);
    background: linear-gradient(90deg, rgba(0,0,0,1) 0%, rgba(34,34,34,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#222222",GradientType=1);
}
.betting_company_widget_wrapper .bwin .logo:after,
.betting_offers .bwin .logo:after {
    border-color: transparent transparent transparent #222222;
}

#betting_company_header .container .row {
    margin: 0 auto;
}
#betting_company_header .navbar .navbar-nav {
    max-width: 100%;
    overflow-x: auto;
    white-space: nowrap;
}
@media (min-width: 992px) {
    #betting_company_header .container .row {
        min-width: 700px;
        margin: 0;
    }
}
#betting_company_header .stars {
    min-width: 300px;
}

@media only screen and (max-width: 767px) {
    .betting_offers .offer {
        background-color: #f9f9f9;
        border: 1px solid #dee2e6;
        border-radius: 6px;
        margin-bottom: 20px;
        height: auto;
    }
    .betting_offers .offer .logo {
        color: #fff;
        border-top-left-radius: 6px;
        border-bottom-left-radius: 0;
        border-top-right-radius: 6px;
        position: relative;
        width: auto !important;
        display: block;
        padding: 10px;
        text-align: center;
    }
    .betting_offers .offer .logo img {
        position: relative;
        top:0;
        left: 0;
        right: 0;
        margin:0 auto;
        transform: translateY(0);
    }
    .betting_offers .offer .logo:after {
        display: none;
    }
    .betting_offers .offer .offer_text {
        width: 100%;
        text-align: center;
    }
    .betting_offers .offer .offer_text.non_banner {
        padding: 0 40px;
    }
    .betting_offers .offer .offer_button {
        width: 100%;
        text-align: center;
        margin-bottom: 20px;
    }

    .betting_offers .offer .logo .with-score {
        position: relative;
        top:0!important;
        left: 0!important;
        right: 0!important;
        margin:0 auto;
        transform: translateY(0);
        max-height: 55px;
        object-fit: cover;
    }
    .betting_offers .offer .logo div.score {
        position: relative;
        left: 0!important;
        right: 0!important;
        margin:0 auto;
        transform: translateY(0);
    }
    .betting_offers .offer .logo div.score span.readonly_stars {
        width: 100px!important;
        display: inline-block;
    }
    .btn-offer.semilarge,
    .btn-outline-offer.semilarge {
        margin-right: 10px;
        margin-left: 10px;
    }
}
#betting_offers .heading {
    font-size: 20px;
    border-bottom: 3px solid #d63239;
}
#betting_offers .sidebar .timeline ul li:last-child {
    margin-bottom: 0;
}
.daily_stats_tabs .tab-pane {
    padding: 15px 0;
}
#daily_statistics .nav-tabs .nav-item .nav-link {
    font-weight: 600;
}
#daily_statistics .nav-tabs .nav-item .nav-link.active,
#daily_statistics .nav-tabs .nav-item .nav-link.active:hover{
    color: #D01F25;
}
#daily_statistics .nav-tabs .nav-item .nav-link:hover {
    color: #005EB0;
}
#daily_statistics .nav-tabs .nav-item .nav-link img {
    max-height: 20px;
    max-width: 20px;
    margin-right: 5px;
}
#daily_statistics .nav-tabs .nav-item .nav-link .counter {
    display: inline-block;
    width: 20px;
    height: 20px;
    font-size: 10px;
    font-weight: 400;
    border-radius: .25rem;
    line-height: 21px;
    text-align: center;
    color: #fff;
    background-color: #123C74;
    margin-left: 3px;
}

/* OPAP COUPON */
.container-coupon {
    max-width: 90%;
    margin: 0 auto;
}
@media (max-width: 1119px) {
    .container-coupon {
        max-width: 94%;
        margin: 0 auto;
    }
}
@media (max-width: 991px) {
    .container-coupon {
        max-width: 98%;
        margin: 0 auto;
    }
}
.live_minute {
    margin-left: 2px;
    color: #9E1F25;
    font-size: 10px !important;
    font-weight: 600;
    display: inline-block !important;
    font-size: smaller;
}

.match_canceled{
    color: darkred;
    font-weight: bolder;
}
#alert_news ul li a:link,
#alert_news ul li a:active,
#alert_news ul li a:visited {
    color: #fff;
}
#alert_news ul li a:hover {
    color: #fff;
}
#alert_news {
    height: 44px;
    line-height: 44px;
    color: #fff;
    overflow: hidden;
    background-color: #d63239;
    position: relative;
    width: 100%;
    padding-left: 120px;
}

#alert_news .sponsor {
    position: absolute;
    left:0;
    display:inline-block;
    width: 120px;
    padding:0 8px;
    background-color: #b91c25;
    text-align: center;
    right: 0;
    top: 0;
}
#alert_news .sponsor .before{
    width: 52px;
    height: 44px;
    position: absolute;
    left:0;
    top:0;
    background-color: #212529;
    z-index: 0;
}
#alert_news .sponsor .before::after{
    content: "";
    position: absolute;
    height: 0px;
    width: 0px;
    left: 100%;
    bottom: 0px;
    border-width: 52px 26px;
    border-style: solid;
    border-color: rgb(33, 37, 41) transparent transparent rgb(33, 37, 41);
    z-index: 0;
}
#alert_news .sponsor img {
    max-width: 74px;
    position: relative;
    z-index: 2;
    left: 0;
    right: 0;
}


#alert_news ul li {
    display: inline-block;
    float: left;
    position: relative;
    margin-left: 15px;
    font-weight: 600;
}
#alert_news ul li::after {
    content: "|";
    margin-left: 15px
}
#alert_news ul li a:hover,#picked_articles .large article a:hover {
    color: #fff;
    text-decoration: underline;
}
@media only screen and (max-width: 576px) {
    #alert_news {
        padding-left: 120px;
    }
    #alert_news::before {
        background-size: 70px;
        width: 90px;
    }
}
.opap_coupon h2,
#date_picker {
    font-size: 24px;
    font-weight: 600;
}
.opap_coupon h2 span,
#date_picker {
    padding-bottom: 10px;
}
.opap_coupon h2 span:hover,
#date_picker:hover {
    color: #034f9d;
    cursor: pointer;
}
.opap_coupon .controls {
    font-size: 14px;
    font-weight: 600;
}
.opap_coupon .table {
    border-color:#eceff1;
}
.opap_coupon .table>:not(caption)>*>* {
    padding: .2rem;
}
@media (max-width: 767px) {
    .opap_coupon h2,
    #date_picker {
        font-size: 16px;
    }

    .opap_coupon .table>:not(caption)>*>* {
        font-size: 10px !important;
    }
}

.opap_coupon .table thead tr th {
    font-weight: 600;
    text-align: center;
    vertical-align: middle;
}
.opap_coupon.small .table thead tr th {
    font-weight: 600;
    text-align: center;
    vertical-align: middle;
    background-color: #003e7e;
    color: #fff;
    border: 1px solid #003e7e;
}
.opap_coupon.small .table>:not(:last-child)>:last-child>* {
    border-color: #003e7e;
}
.opap_coupon.small .table-hover>tbody>tr:hover {
    --bs-table-accent-bg: none;
    background-color:#E8F4FF;
}
.opap_coupon .table thead tr th.under_over {
    font-size: 12px;
}
.opap_coupon .table thead tr th.home,
.opap_coupon .table thead tr th.draw,
.opap_coupon .table thead tr th.away {
    font-size: 18px;
}
.opap_coupon .table thead tr th.under {
    background-color:#BD0E2C;
    color: #fff;
}
.opap_coupon .table thead tr th.over  {
    background-color:#029ec7;
    color: #fff;
}
.opap_coupon .table thead tr th.favorite {
    color:#585858;
}
.opap_coupon .table thead tr th span {
    display: block;
    width: auto;
    height: auto;
}
.opap_coupon .table tbody tr td {
    padding: .3rem;
    text-align: center;
    font-weight: 600;
    vertical-align: middle;
}
.opap_coupon .main.full .table tbody tr td.home-team,
.opap_coupon .main.full .table tbody tr td.away-team {
    font-size: 14px;
}
.opap_coupon .table tbody tr td span {
    display: block;
}
.opap_coupon .table tbody tr td.flag img {
    width: 22px;
    height: 17px;
    margin: 5px;
    display: inline-block;
}
.opap_coupon .table tbody tr td.flag span {
    font-weight: 400;
    font-size: 10px;
    text-align: center;
}
.opap_coupon .table tbody tr td.home-team {
    text-align: center;
    text-transform: uppercase;
}
.opap_coupon .table tbody tr td.away-team {
    text-align: center;
    text-transform: uppercase;
}
.opap_coupon .table tbody tr td.date {
    background: rgb(0,0,0);
    background: -moz-linear-gradient(120deg, rgba(0,0,0,1) 0%, rgba(69,69,71,1) 50%, rgba(229,29,36,1) 50%, rgba(181,33,38,1) 100%);
    background: -webkit-linear-gradient(120deg, rgba(0,0,0,1) 0%, rgba(69,69,71,1) 50%, rgba(229,29,36,1) 50%, rgba(181,33,38,1) 100%);
    background: linear-gradient(120deg, rgba(0,0,0,1) 0%, rgba(69,69,71,1) 50%, rgba(229,29,36,1) 50%, rgba(181,33,38,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#b52126",GradientType=1);
    color: #fff;
    padding: .5rem;
    font-size: 16px;
}
.opap_coupon .table tbody tr:hover td {
    background-color: #f0f8ff !important;
}
.opap_coupon .table tbody tr td.favorite {
    color: #ACACAC;
    cursor: pointer;
}
.opap_coupon .table tbody tr td.favorite.active {
    color: #D8B500;
}
.opap_coupon .table tbody tr td.under {
    color:#BD0E2C;
}
.opap_coupon .table tbody tr td.over  {
    color:#029ec7;
}

/* COUPON Small */
.opap_coupon.small .table tr * {
    font-size: 12px;
}
.opap_coupon .table tr td {
    position: relative;
}
.opap_coupon .table tr td .fas.fa-caret-down.down {
    position: absolute;
    top: -2px;
    right: 0;
    transform: rotate(225deg);
}
.opap_coupon .table tr td .fas.fa-caret-up.up {
    position: absolute;
    top: -2px;
    right: 0;
    transform: rotate(45deg);
}
.opap_coupon .table thead tr th {
    white-space: nowrap;
}
.opap_coupon .table thead tr td {
    text-align: center;
}

/* COUPON OLD STYLE */

.opap_coupon .oldstyle.table {
    border-color: #000;
}
.opap_coupon .oldstyle.table thead tr th {
    color: #000;
    border-bottom: 10px solid #6CB85F !important;
}
.opap_coupon .oldstyle.table thead tr th:first-child,
.opap_coupon .oldstyle.table thead tr th:nth-child(3),
.opap_coupon .oldstyle.table thead tr th:nth-child(9),
.opap_coupon .oldstyle.table thead tr th:nth-child(11),
.opap_coupon .oldstyle.table thead tr th:nth-child(12),
.opap_coupon .oldstyle.table tbody tr td:first-child,
.opap_coupon .oldstyle.table tbody tr td:nth-child(3),
.opap_coupon .oldstyle.table tbody tr td:nth-child(9),
.opap_coupon .oldstyle.table tbody tr td:nth-child(11),
.opap_coupon .oldstyle.table tbody tr td:nth-child(12){
    background-color: #E2F1E2;
}
.opap_coupon .oldstyle.table thead tr th:nth-child(2),
.opap_coupon .oldstyle.table tbody tr td:nth-child(2){
    background-color: #FFFF00;
}
.opap_coupon .oldstyle.table thead tr th:nth-child(4),
.opap_coupon .oldstyle.table thead tr th:nth-child(6),
.opap_coupon .oldstyle.table thead tr th:nth-child(8),
.opap_coupon .oldstyle.table tbody tr td:nth-child(4),
.opap_coupon .oldstyle.table tbody tr td:nth-child(6),
.opap_coupon .oldstyle.table tbody tr td:nth-child(8){
    background-color: #FFFFCC;
}
.opap_coupon .oldstyle.table thead tr th:nth-child(10),
.opap_coupon .oldstyle.table tbody tr td:nth-child(10){
    background-color: #FAF86A;
}
.opap_coupon .oldstyle.table thead tr th:nth-child(5),
.opap_coupon .oldstyle.table thead tr th:nth-child(7),
.opap_coupon .oldstyle.table tbody tr td:nth-child(5),
.opap_coupon .oldstyle.table tbody tr td:nth-child(7){
    background-color: #99CCFF;
}

.opap_coupon .oldstyle.basket.table thead tr th:nth-child(6),
.opap_coupon .oldstyle.basket.table tbody tr td:nth-child(6){
    background-color: #99CCFF;
}
.opap_coupon .oldstyle.basket.table thead tr th:nth-child(7),
.opap_coupon .oldstyle.basket.table tbody tr td:nth-child(7){
    background-color: #FFFFCC;
}
.opap_coupon .oldstyle.basket.table thead tr th:nth-child(8),
.opap_coupon .oldstyle.basket.table tbody tr td:nth-child(8),
.opap_coupon .oldstyle.basket.table thead tr th:nth-child(13),
.opap_coupon .oldstyle.basket.table tbody tr td:nth-child(13){
    background-color: #E2F1E2;
}
.opap_coupon .oldstyle.basket.table thead tr th:nth-child(9),
.opap_coupon .oldstyle.basket.table thead tr th:nth-child(10),
.opap_coupon .oldstyle.basket.table thead tr th:nth-child(11),
.opap_coupon .oldstyle.basket.table thead tr th:nth-child(12),
.opap_coupon .oldstyle.basket.table tbody tr td:nth-child(9),
.opap_coupon .oldstyle.basket.table tbody tr td:nth-child(10),
.opap_coupon .oldstyle.basket.table tbody tr td:nth-child(11),
.opap_coupon .oldstyle.basket.table tbody tr td:nth-child(12){
    background-color: #FAF86A;
}
.opap_coupon .oldstyle.table tbody tr.table-warning td {
    background-color: #fff3cd !important;
    border-color: #000 !important;
    border-width: 1px;
}

/* LIVE MATCHES */
#live_matches_crawler {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background-color: #fff;
    font-size: 14px;
    line-height: 1;
    z-index: 1;
    border-bottom: 1px solid #dddee4;
    width: 100%;
    overflow: hidden;
}
#live_matches_sponsor {
    display:block;
    width: 160px;
    height: 84px;
    background-color: #FF6600;
    position: absolute;
    text-align: center;
    right: 0;
    top: 0;
}
#live_matches_sponsor img {
    max-width: 130px;
    position: relative;
    z-index: 2;
    left: 0;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}

#live_matches_crawler .match {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    padding: 12px 18px 4px;
    background-color: #fff;
    border-right: 1px solid #dddee4;
}
#live_matches_crawler .match .status {
    margin-bottom: 5px;
    font-size: 13px;
    font-weight: 600;
}
#live_matches_crawler .match .status .row {
    --bs-gutter-x: 0;
}
#live_matches_crawler .match .status.live {
    color: #d63239;
    font-weight: 700!important;
}
#live_matches_crawler .match .team {
    margin-bottom: 5px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    text-align: left;
}
#live_matches_crawler .match .team figure {
    margin: 0;
    width: 20px;
    height: 20px;
    text-align: center;
}
#live_matches_crawler .match .team img {
    max-width: 20px;
    max-height: 20px;
}
#live_matches_crawler .match .score {
    margin-left: auto;
}

#live_matches_crawler .swiper-slide {
    background: 0 0;
    width: auto;
    min-width: 140px;
    position: relative;
    overflow: hidden;
}
#live_matches_crawler .swiper-wrapper {
    width: calc(100% - 50px);
}
#live_matches_crawler .swiper-button-wrapper {
    position: absolute;
    right: 0;
    width: 210px;
    height: 100%;
    z-index: 10;
    background-color: #FFF;
}
#live_matches_crawler .swiper-button-wrapper.nosponsor {
    width: 50px !important;
}
#live_matches_crawler .swiper-button-position {
    position: absolute;
    width: 50px;
    height: 100%;
    background-color: #FFF;
}
#live_matches_crawler .swiper-button-prev {
    position: absolute;
    width: 50px;
    height: 42px;
    top: 0;
    display: block;
    margin-top: 0;
}
#live_matches_crawler .swiper-button-next {
    position: absolute;
    width: 50px;
    height: 42px;
    bottom: 0;
    display: block;
    margin-top: 0;
}
#live_matches_crawler .swiper-button-prev,
#live_matches_crawler .swiper-rtl .swiper-button-next {
    left: inherit;
    text-align: center;
    padding-top: 10px;
}
#live_matches_crawler .swiper-button-next,
#live_matches_crawler .swiper-rtl .swiper-button-prev {
    right: inherit;
    text-align: center;
    padding-top: 10px;
}
#live_matches_crawler .swiper-button-next:after,
#live_matches_crawler .swiper-button-prev:after {
    font-size: 20px;
}
@media only screen and (max-width: 576px) {
    #live_matches_sponsor {
        width: 110px;
    }
    #live_matches_sponsor .before{
        width: 32px;
    }
    #live_matches_sponsor img {
        max-width: 88px;
    }
    #live_matches_crawler .swiper-button-wrapper {
        width: 160px;
    }
}

/* MATCH ANALYSIS */
#match-analysis {
    font-size: 16px;
}
#match-analysis .team .name .icon {
    width: 80px;
    height: 80px;
    margin-bottom: 10px;
    display: inline-block;
}
#match-analysis .team .icon img {
    max-height: 80px;
}
#match-analysis .team .name {
    display: inline-block;
    width: calc(100% - 50px);
    text-align: center;
}
#match-analysis .team .name h3 {
    font-size:18px;
    font-weight: 600;
}
#match-analysis .team .rank_status {
    display: inline-block;
    width: 50px;
    height: 140px;
    background-color: #eee;
    float: left;
    position: relative;
}
#match-analysis .team.away .rank_status {
    float: right;
}
#match-analysis .team .rank_status .fill {
    background-color: #003e7e;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 50px;
    z-index: 1;
}
#match-analysis .team .rank_status span {
    position: absolute;
    display: inline-block;
    right: -50px;
    width: 30px;
    padding: 3px;
    background-color: #202124;
    color: #fff;
    font-size: 12px;
    font-weight: 600;
    text-align: center;
}
#match-analysis .team .rank_status span::before {
    content: '';
    position: absolute;
    left: -12px;
    top: 0;
    width: 0;
    height: 0;
    border-top: 12px solid transparent;
    border-bottom: 12px solid transparent;
    border-right:12px solid #202124;
}
#match-analysis .team.away .rank_status span {
    right: inherit;
    left: -50px;
}
#match-analysis .team.away .rank_status span::before {
    left: auto;
    right: -12px;
    border-top: 12px solid transparent;
    border-bottom: 12px solid transparent;
    border-left:12px solid #202124;
    border-right: 0;
}
#match-analysis .match-details span {
    display: block;
    text-align: center;
    font-size: 14px;
    font-weight: 600;
}
#match-analysis .match-details span.datetime {
    color: #1A60A8;
    font-weight: 600;
    font-size: 16px;
}
#match-analysis .match-details .league {
    text-align: center;
    margin-bottom: 5px;
}
#match-analysis .match-details .league img {
    height: 17px;
}
#match-analysis .match-details .match_score {
    font-size: 26px;
    font-weight: 700;
    background-color: #f2f2f2;
    margin: 10px auto;
    padding: 3px;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    font-family: 'Roboto Slab', serif;
    max-width: 100px;
}
#match-analysis .match-details .match_score.live {
    background-color: #202124;
    color: #fff;
}
#match-analysis .match-details .match_score span {
    font-size: 26px;
    font-weight: 700;
    padding: 0 10px;
}
#match-analysis .team .history {
    text-align: center;
}
#match-analysis .team .history ul {
    margin: 5px auto;
}
#match-analysis .team .history ul li {
    display: inline-block;
    margin: 0 3px;
    text-align: center;
    background-color: #9c9c9c;
    color: #fff;
    width: 20px;
    height: 20px;
    font-size: 10px;
    font-weight: 600;
    line-height: 20px;
}
#match-analysis .team .history ul li.won {
    background-color: #417505;
}
#match-analysis .team .history ul li.draw {
    background-color: #9c9c9c;
}
#match-analysis .team .history ul li.lost {
    background-color: #ce021b;
}

#match-analysis .categories {
    text-align: center;
    font-size: 18px;
    font-weight: 600;
}
@media (max-width: 991px) {
    #match-analysis .categories {
        display: block !important;
    }
    #match-analysis .categories .item {
        margin-bottom: 10px;
    }
}
#match-analysis .categories .item span {
    position: relative;
    padding-bottom: 5px;
    cursor: pointer;
}
#match-analysis .categories .item.active span::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 3px;
    transform: none;
    background-color: #d63239;
}
#match-analysis .categories .item span::after {
    content: '';
    position: absolute;
    width: 100%;
    transform: scaleX(0);
    height: 3px;
    bottom: 0;
    left: 0;
    background-color: #d63239;
    transform-origin: bottom right;
    transition: transform 0.25s ease-out;
}
#match-analysis .categories .item span:hover::after {
    transform: scaleX(1);
    transform-origin: bottom left;
}


@media (max-width: 991px) {
    #match-analysis .team .name {
        width: 100%;
    }
    #match-analysis .team .rank_status {
        display: none;
    }
}
@media (max-width: 768px) {
    #match-analysis .team {
        width: 50%;
    }
    #match-analysis .match-details {
        order: 3;
        width: 100%;
        flex: 0 0 100%;
    }
}

#analysis ul.categories li {
    display: inline-block;
    background-color: #FFF;
    text-align: center;
    padding: 5px 10px;
    border: 1px solid #eee;
}

/* MATCH STATISTICS */
#match-statistics .table thead tr th:first-child {
    text-align: left;
}
#match-statistics .table tbody tr td {
    text-align: center;
    width: 8%;
}
#match-statistics .table tbody tr td:first-child {
    text-align: left;
    font-weight: 600;
    width: 28%;
}

.stats .table {
    border-color: #eceff1;
}
#match_odds .label {
    height: 44px;
    display: flex;
    align-items: center;
    padding: 0 8px;
    position: relative;
}
#match_odds .bc_label {
    border-left-color: #b91c25;
}
#match_odds .label.pamestoixima {
    background-color: #b91c25;
    position: relative;
}
#match_odds .label.pamestoixima::before {
    content: '';
    width: 52px;
    height: 44px;
    position: absolute;
    left: 0;
    top: 0;
    background-color: #212529;
    z-index: 0;
}
#match_odds .label.pamestoixima::after {
    content: '';
    position: absolute;
    height: 0;
    width: 0;
    left: 52px;
    bottom: 0;
    border-width: 52px 26px;
    border-style: solid;
    border-color: rgb(33, 37, 41) transparent transparent rgb(33, 37, 41);
    z-index: 0;
}
#match_odds .label.bettson {
    background-color: #ff6600;
}
#match_odds .label.betshop {
    background-color: #0055A5;
}
#match_odds .label.novibet {
    background: rgb(48,53,64);
    background: -moz-linear-gradient(90deg, rgba(48,53,64,1) 0%, rgba(48,61,89,1) 100%);
    background: -webkit-linear-gradient(90deg, rgba(48,53,64,1) 0%, rgba(48,61,89,1) 100%);
    background: linear-gradient(90deg, rgba(48,53,64,1) 0%, rgba(48,61,89,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#303540",endColorstr="#303d59",GradientType=1);
}
#match_odds .label img,
#match_odds .bc_label img {
    max-width: 74px;
    z-index: 1;
}
#match_odds.stats .table thead tr th,
#match_odds.stats .table tbody tr td {
    width: 5.5%;
    text-align: center;
    font-size: 16px !important;
    font-weight: 600;
}
#match_odds.stats .bc_odds .bc_label,
#match_odds.stats .bc_odds .bc_label {
    width: 120px !important;
}
#match_odds.stats .bc_odds .table thead tr th,
#match_odds.stats .bc_odds .table tbody tr td {
    width: calc((100% - 120px)/9);
}
#match_odds.stats .bc_odds.large .table thead tr th,
#match_odds.stats .bc_odds.large .table tbody tr td {
    font-size: 16px !important;
    vertical-align: middle;
}
#match_odds.stats.small .table thead tr th,
#match_odds.stats.small .table tbody tr td {
    font-size: 12px !important;
}
#match_odds.stats.basket .table thead tr th,
#match_odds.stats.basket .table tbody tr td {
    width: 3.5%;
}
#match_odds.stats.basket .table thead tr th {
    font-size: 14px !important;
}
#match_odds.stats .table>:not(caption)>*>* {
    padding: 6px 0.3rem;
}
.stats.article-standings table tbody tr td {
    text-align: center;
}
.stats.article-standings table tbody tr td.team {
    text-align: left;
}
.stats.article-standings caption {
    font-size: 14px;
    font-weight: 300;
    color: #a0a0a0;
}
@media (max-width: 576px) {
    .stats.article-standings table thead tr th:nth-child(5),
    .stats.article-standings table thead tr th:nth-child(6),
    .stats.article-standings table thead tr th:nth-child(7),
    .stats.article-standings table tbody tr td:nth-child(5),
    .stats.article-standings table tbody tr td:nth-child(6),
    .stats.article-standings table tbody tr td:nth-child(7){
        display: none;
    }
}
.is_team {
    width: 49%;
    display: inline-block;
    font-weight: 400 !important;
    float: left;
}
.is_team.home {
    text-align: right;
}
.is_team.away {
    text-align: left;
}
.divider {
    float: left;
    width: 2%;
}
.stats .table .day {
    width: 14%;
}
.stats .table .time {
    width: 12%;
}
.stats .table .match {
    width: 50%
}
.stats .table .final {
    width: 12%;
}
.stats .table .halftime {
    width: 12%;
}
.stats .table>:not(caption)>*>* {
    padding: .3rem;
}
.stats .table-bordered>:not(caption)>* {
    border-width: 0 0 1px;
}
.stats .table-bordered > :not(caption) > * > * {
    border-width: 1px;
}
.stats .table thead tr {
    border-bottom: 1px solid #003e7e;
}
.stats .table thead tr th {
    background-color: #003e7e !important;
    border-color: #003e7e !important;
    color: #fff !important;
    font-weight: 600;
    text-align: center;
}
@media (max-width: 991px) {
    .statistics_categories .item {
        margin-bottom: 10px;
    }
}
#statistics_match_schedule.stats .table tbody tr td {
    text-align: center;
}
#statistics_match_schedule.stats .table tbody tr td.team span {
    font-weight: 700;
}
.stats .form-select {
    width: auto;
}
.stats .table tbody tr td.team img {
    max-height: 20px;
    margin:0 4px;
}
.stats .table caption {
    font-weight: 600;
    color: #000;
}
.stats .table caption img {
    max-height: 20px;
    margin-right:4px;
}
.stats .table caption.teams img {
    max-height: 20px;
    margin:0 4px;
}
#h2h_table img {
    max-height: 20px;
    margin:0 4px;
}
#statistics_match_history .form-select-sm {
    padding-left: 0.7rem;
}
#protoselida .cover {
    margin-bottom: 40px;
}
#protoselida h1 {
    font-size: 24px;
    font-weight: 600;
    text-transform: uppercase;
}
#protoselida .date {
    font-size: 18px;
    font-weight: 600;
}
#protoselida .cover h2 {
    font-weight: 700;
    font-size: 16px;
    line-height: 1.2;
}
#protoselida .cover-switcher {
    line-height: 1.2;
    font-size: 16px;
}
#protoselida .cover_back {
    display: none;
}
#select2-teams_list-results img,
#select2-teams_list-container img,
.select2 img,
.select2-results img {
    max-height: 22px;
}
#match-report.v2 .container {
    margin: 30px auto;
}
#match-report.v2 .match-side-stats {
    flex: 1 1 auto;
    width: 100%;
    max-width: 420px;
}
#match-report.v2 .match-main-stats {
    flex: 2 1 auto;
    margin-left: 24px;
    max-width: calc(100% - 444px);
}
#match-report.v2 .match-main-stats.full {
    flex: 1 1 auto;
    margin-left: 0;
    max-width: 100%;
}
#match-report.v2 .tab-pane h3 {
    font-size:18px;
    font-weight: 700;
    text-align: left;
}
@media only screen and (max-width: 1199px) {
    #match-report.v2 .match-side-stats {
        flex: inherit;
        margin-bottom: 20px;
        max-width: inherit;
    }
    #match-report.v2 .match-main-stats {
        flex: inherit;
        margin-left: 0;
    }

}
#match-report.v2 .match-details .team {
    text-align: center;
    width: 100px;
}
#match-report.v2 .match-details  {
    padding: 8px 0;
}
#match-report.v2 .match-details .team img {
    width: 50px;
    height: 50px;
    object-fit: cover;
}
#match-report.v2 .match-details .team span {
    font-size: 14px;
    font-weight: 700;
    display: block;
    margin: 2px auto;
}
#match-report.v2 .match-details   {
    padding: 8px 0;
}
#match-report.v2 .match-details .details {
    text-align: center;
}
#match-report.v2 .match-details .details .date  {
    display: block;
    font-size: 18px;
    font-weight: 700;
    color: #222226;
}
#match-report.v2 .match-details .details .time {
    display: block;
    font-size: 14px;
    font-weight: 600;
    color: rgba(34,34,38,.45);
}
.widget {
    background-color: #fff;
    padding: 12px;
    border-radius: 8px;
    border: 1px solid #eceff1;
    /*box-shadow: 0 1px 8px 2px rgba(26, 26, 26, 0.08);*/
}
.widget h3 {
    font-size: 16px !important;
    font-weight: 700;
}
.bet_stats {
    padding: 10px;
    background-color: #F2F2F2;
    border-radius: 6px;
}
.bet_stats .caption {
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 5px;
    color: #222226;
}
.odd_link {
    display: flex;
    color: #222226;
    background-color: #fff;
    font-weight: 700;
    font-size: 14px;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    flex-direction: column;
    flex: 1 1 0%;
    min-height: 32px;
    min-width: 0;
    padding: 2px 4px 4px;
    border: 1px solid #eceff1;
    border-radius: 4px;
}
.odd_link .point {
    display: block;
    font-size: 12px;
    font-weight: 700;
    color: rgba(34,34,38,.45);
    text-align: center;
    width: 100%;
    text-overflow: ellipsis;
    overflow-x: clip;
    white-space: nowrap;
    min-width: 0;
}
.odd_link:not(:first-child) {
    margin-left: 8px;
}
.odd_link:hover {
    border-color: #003e7e ;
    cursor: pointer;
}
.odd_link.name,
.odd_link.name:hover {
    background-color: transparent !important;
    border-color: transparent !important;
    cursor: auto;
}
.column-caption {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: space-around;
    flex: 1 1 0%;
}
.column-label {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    flex: 1 1 0%;
    font-size: 12px;
    font-weight: 600;
    margin-bottom: 2px;
}
.last-five {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    margin-top: 5px;
}
.last-five.header > div {
    font-size: 14px;
    font-weight: 600;
}
.last-five .position {
    width: 36px;
    font-size: 14px;
    font-weight: 700;
    color: #000;
}
.last-five.header .position {
    color: rgba(34,34,38,.45);
}
.last-five .team {
    width: 60px;
    color: rgba(34,34,38,.45);
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
}
.last-five .team img {
    width: 30px !important;
    height: 30px !important;
}
.last-five .pts {
    width: 50px;
    font-size: 14px;
    font-weight: 700;
    color: #000;
    text-align: center;
}
.last-five.header .pts {
    color: rgba(34,34,38,.45);
}
.last-five .history {
    flex: 1 0 auto;
    color: rgba(34,34,38,.45);
}
.widget .history ul {
    text-align: center;
}
.widget .history ul li {
    display: inline-block;
    margin: 0;
    text-align: center;
    background-color: #9c9c9c;
    color: #fff;
    width: 15%;
    height: 20px;
    font-size: 10px;
    font-weight: 600;
    line-height: 20px;
}
.widget .history ul li.won {
    background-color: #15b168;
}
.widget .history ul li.draw {
    background-color: #a4a9b3;
}
.widget .history ul li.lost {
    background-color: #c7361f;
}
#latest_matches_opponents thead tr th {
    background-color: #D0D6D5;
    border-color: #D0D6D5;
    font-weight: 600;
    width: 12%;
    text-align: center;
}
#latest_matches_opponents tbody tr td {
    text-align: center;
}
#latest_matches_opponents thead tr th:first-child,
#latest_matches_opponents tbody tr td:first-child {
    text-align: left;
}
#latest_matches_opponents thead tr th:last-child,
#latest_matches_opponents tbody tr td:last-child{
    text-align: right;
}
#latest_matches_opponents thead tr th.game {
    width: 64%;
}
.match-details-data {
    font-size: 14px;
}
.match-details-data .match-header {
    background-color: #003E7E !important;
    color:#FFF;
}
.match-details-data .date-time {
    margin-left: 8px;
    margin-right: 8px;
    text-align: center;
    flex: 0 0 100px;
    -webkit-box-flex: 0;
    color:rgba(34, 34, 38, 0.65);
    padding: .3rem;
}
.match-details-data .date-time span {
    font-weight: 400;
    text-align: center;
    display: block;
}
.match-details-data .league {
    margin-left: 8px;
    margin-right: 8px;
    text-align: center;
    flex: 0 0 90px;
    -webkit-box-flex: 0;
    color:rgba(34, 34, 38, 0.45);
    padding: .3rem;
}
.match-details-data.small .league {
    flex: 0 0 40px;
}
.match-details-data .round {
    margin-left: 2px;
    margin-right: 14px;
    text-align: center;
    flex: 0 0 90px;
    -webkit-box-flex: 0;
    color: #202124;
    padding: .3rem;
}
.match-details-data.small .round {
    flex: 0 0 40px;
}
.match-details-data .split {
    background-color: rgba(34, 34, 38, 0.15);
    height: 36px;
    flex: 0 0 1px;
}
.match-details-data .teams {
    overflow-x: clip;
    min-width: 0;
    -webkit-box-flex: 1;
    flex-grow: 1;
    padding: .3rem;
}
.match-details-data .score {
    display: flex;
    align-items: flex-end;
    -webkit-box-pack: end;
    justify-content: flex-end;
    flex-direction: column;
    flex: 0 0 34px;
    position: relative;
    width: 34px;
    margin-left: 4px;
    margin-right: 4px;
    padding-right: 8px;
    font-weight: 700;
    color: #202124;
}

.match-details-data .match-header .date-time,
.match-details-data .match-header .league,
.match-details-data .match-header .round,
.match-details-data .match-header .score,
.match-details-data .match-header .teams {
    color:#FFF;
    padding: .3rem;
    font-weight: 600;
}
.match-details-data .match:nth-child(odd) {
    background-color: #f6f6f6;
}

#last_matches thead tr th {
    background-color: #D0D6D5;
    border-color: #D0D6D5;
    font-weight: 600;
    text-align: center;
}
#last_matches tbody tr td {
    text-align: center;
}
#under_over thead tr th {
    background-color: #D0D6D5;
    border-color: #D0D6D5;
    font-weight: 600;
    text-align: center;
}
#under_over thead tr th:first-child {
    text-align: left;
}
#under_over .table.table-bordered thead tr {
    border:none;
}
#under_over .table tbody tr td {
    text-align: center;
    width: 8%;
}
#under_over .table tbody tr td:first-child {
    text-align: left;
    font-weight: 600;
    width: 28%;
}
.table thead tr th span {
    display: inline-block;
    width: 20px;
    height: 20px;
    font-size: 10px;
    font-weight: 600;
    line-height: 21px;
}
.table thead tr th.win span {
    background-color: #417505;
    color: #fff;
}
.table thead tr th.draw span {
    background-color: #9c9c9c;
    color: #fff;
}
.table thead tr th.loss span {
    background-color: #ce021b;
    color: #fff;
}
.breadcrumb-item img {
    max-height: 20px;
    margin:0 4px;
}
/*
.side_line {
	border-left: 5px solid #d63239;
	padding-left: 10px;
}
*/
.side_line .table tbody tr:nth-child(even) td {
    background-color: #f9f9f9;
}
.heading h3 {
    font-size: 24px;
    line-height: 1;
    font-weight: 600;
}

/* STANDINGS */
#standing h1, #statistics h1  {
    font-size: 28px;
    line-height: 1;
    font-weight: 600;
    margin-bottom: 15px;
}
#statistics.stats h1, #statistics.stats .head_title {
    font-size: 28px;
    font-weight: 600;
    padding-bottom: 5px;
    margin-bottom: 15px;
    border-bottom: 3px solid #d63239;
    text-transform: uppercase;
}
#standing .table thead tr th {
    background-color: #D0D6D5;
    border-color: #D0D6D5;
    font-weight: 600;
    text-align: center;
}
#standing .table thead tr th.home_column {
    background-color: #013060 !important;
    border-color: #013060 !important;
}
#standing .table thead tr th.away_column {
    background-color:#001F3F !important;
    border-color: #001F3F !important;
}
#standing .table thead tr th.team,
#standing .table tbody tr td.team {
    text-align: left;
    font-weight: 600;
    width: -webkit-fill-available;
    width: -moz-available;
}
@media (max-width: 991px) {
    #standing .table thead tr th.team,
    #standing .table tbody tr td.team {
        width: 60%;
    }
}

#standing .table tbody tr td.team img {
    max-height: 20px;
    margin-right: 3px;
}
@media (max-width: 991px) and (min-width: 768px) {
    #standing .table tbody tr td {
        width: 5%;
    }
}
#standing .table tbody tr td {
    text-align: center;
}
#standing .table tbody tr td.home_column {
    background-color: #eff6ff !important;
}
#standing .table tbody tr td.away_column {
    background-color:#edf2f5 !important;
}
#standing .table tbody tr.table-warning td.home_column {
    background-color: #fff3cd !important;
}
#standing .table tbody tr.table-warning td.away_column {
    background-color: #fff3cd !important;
}
#standing .championships_list .item {
    margin-bottom: 30px;
    min-height: 230px;
}
#standing .championships_list .item .flag {
    padding: 20px 0;
    min-height: 224px;
    background-color:#fff;
    border:1px solid #eee;
    transition:all 0.2s ease-in-out;
    -moz-transition:all 0.2s ease-in-out;
    -webkit-transition:all 0.2s ease-in-out;
    -o-transition:all 0.2s ease-in-out;
}
#standing .championships_list .item .flag:hover,
#standing .championships_list .item .flag.active  {
    border-color: #5798db;
}
#standing .championships_list .item .flag img {
    max-width: 150px;
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    margin: auto;
    transform: translateY(-50%);
}
#standing .championships_list .item figure {
    min-height: 150px;
    display: block;
    position: relative;
}
#standing .championship_name,
#statistics .championship_name h2,
#year_selection h1,
#year_selection h2 {
    font-weight: 700;
    font-size: 26px;
    color: #d63239;
}
#statistics .championship_name .details h2 {
    margin: 0;
}
#statistics .championship_name .details span {
    font-weight: 400;
    font-size: 16px;
    color: #202124;
}
#statistics .championship_name .season .form-select {
    width: 100%;
    margin-top: 5px;
}
#standing .championship_name img,
#statistics .championship_name img {
    max-height: 24px;
    margin: 5px 5px 0 0;
    padding: 0;
    float: left;
}
#standings_table .table > :not(caption) > * > * {
    padding: .2rem .2rem;
}
#standings_table .championship_name .logo img {
    max-height: 100px;
    margin: 0 10px 0 0;
}
.standing-selector .select2-container img {
    width: 20px;
    border-radius: 2px;
    margin-right: 5px;
}
.league_standings_label {
    display: block;
    font-weight: 700;
    color: #d63239;
}

#year_selection .logo img {
    max-height: 60px;
    margin: 10px auto;
}
#year_selection .item {
    margin-bottom: 20px;
    border: 1px solid #fff;
}
#year_selection .item:hover {
    background-color: #f7f7f7;
    border: 1px solid #eee;
}
#year_selection .item h2,
#year_selection .item h3{
    font-weight: 600;
    font-size: 20px;
    color: #d63239;
}
/* STANDING COLORS */
.table.standing_notes tbody tr td {
    text-align: left !important;
    padding-left: 15px !important;
    border-bottom: 2px solid #fff;
    font-size: 12px;
}
.stats .table.standing_notes>:not(caption)>*>* {
    padding: 0;
}
.standings_up_1_1 {
    position: relative;
}
.standings_up_1_1::before {
    content: '';
    height: 100%;
    left: -1px;
    position: absolute;
    top: 0;
    border-left: 4px solid #4e9258 !important;
}
.standings_up_2_1 {
    position: relative;
}
.standings_up_2_1::before {
    content: '';
    height: 100%;
    left: -1px;
    position: absolute;
    top: 0;
    border-left: 4px solid #4e9258 !important;
}
.standings_up_2_2 {
    position: relative;
}
.standings_up_2_2::before {
    content: '';
    height: 100%;
    left: -1px;
    position: absolute;
    top: 0;
    border-left: 4px solid #e3af33 !important;
}
.standings_up_3_1 {
    position: relative;
}
.standings_up_3_1::before {
    content: '';
    height: 100%;
    left: -1px;
    position: absolute;
    top: 0;
    border-left: 4px solid #4e9258 !important;
}
.standings_up_3_2 {
    position: relative;
}
.standings_up_3_2::before {
    content: '';
    height: 100%;
    left: -1px;
    position: absolute;
    top: 0;
    border-left: 4px solid #e3af33 !important;
}
.standings_up_3_3 {
    position: relative;
}
.standings_up_3_3::before {
    content: '';
    height: 100%;
    left: -1px;
    position: absolute;
    top: 0;
    border-left: 4px solid #f88017 !important;
}
.standings_up_4_1 {
    position: relative;
}
.standings_up_4_1::before {
    content: '';
    height: 100%;
    left: -1px;
    position: absolute;
    top: 0;
    border-left: 4px solid #4e9258 !important;
}
.standings_up_4_2 {
    position: relative;
}
.standings_up_4_2::before {
    content: '';
    height: 100%;
    left: -1px;
    position: absolute;
    top: 0;
    border-left: 4px solid #aebf35 !important;
}
.standings_up_4_3 {
    position: relative;
}
.standings_up_4_3::before {
    content: '';
    height: 100%;
    left: -1px;
    position: absolute;
    top: 0;
    border-left: 4px solid #e3af33 !important;
}
.standings_up_4_4 {
    position: relative;
}
.standings_up_4_4::before {
    content: '';
    height: 100%;
    left: -1px;
    position: absolute;
    top: 0;
    border-left: 4px solid #f88017 !important;
}
.standings_down_1_1,
.standings_down_2_1,
.standings_down_2_2 {
    position: relative;
}
.standings_down_1_1::before,
.standings_down_2_1::before,
.standings_down_2_2::before {
    content: '';
    height: 100%;
    left: -1px;
    position: absolute;
    top: 0;
    border-left: 4px solid #b20000 !important;
}

.table .team-code {
    display: none;
}
.table_team-rank {
    float: left;
    line-height: 26px;
    padding: 0 5px;
}
.team-flag {
    width: 26px;
}
.table_team-played,
.table_team-goal_diff,
.table_team-points {
    width: 12%;
    text-align: center;
}

#statistics .item figure img,
#standings_table .item figure img {
    max-height: 20px;
    float: left;
}
#standings_table h2 {
    margin-bottom: 20px;
}
#statistics .item h3,
#standings_table .item h3 {
    width: calc(100% - 30px);
    display: inline-block;
    float: right;
    line-height: 20px;
}
#statistics .championships_list .item,
#standings_table .champ_list .item {
    margin-bottom: 20px;
}
#statistics .championships_list .item h3,
#standings_table .champ_list .item h3 {
    width: 100%;
    display: block;
    float: none;
    text-align: center;
}
#statistics .championships_list .item figure,
#standings_table .champ_list .item figure {
    text-align: center;
    height: 80px;
    position: relative;
}
#statistics .championships_list .item figure img,
#standings_table .champ_list .item figure img {
    max-height: 80px !important;
    max-width: 80px !important;
    float: none;
    margin: 0 auto;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    right: 0;
}

#analysis_list .item {
    padding: 8px;
    border-radius: 6px;
    text-align: center;
    width: 92px;
    height: 90px;
    line-height: 1.4;
    color: #000;
    font-weight: 800;
    background-color: #f3f4f8;
    border: 1px solid #f3f4f8;
    margin: 0 10px 20px;
    position: relative;
    transition:all 0.2s ease-in-out;
    -moz-transition:all 0.2s ease-in-out;
    -webkit-transition:all 0.2s ease-in-out;
    -o-transition:all 0.2s ease-in-out;
}
@media only screen and (max-width: 576px) {
    #analysis_list .item {
        width: 30%;
        margin: 0 5px 20px;
    }
}
#analysis_list .item:hover {
    border: 1px solid rgba(0, 0, 0, 0.08);
}
#analysis_list .item .flag figure {
    margin-bottom: 5px;
}
#analysis_list .item .flag img {
    height: 31px;
}
#analysis_list .item .flag h3 {
    font-weight: 700;
    font-size: 14px;
}
#analysis_list .item .flag .bg-dark {
    background-color: #003e7e !important;
}
#analysis_list .table .team {
    width: 230px;
    font-weight: 600;
}
#analysis_list .table .team.home {
    text-align: right;
}
#analysis_list .table .team.away {
    text-align: left;
}
#analysis_list ul {
    margin: 0 auto;
    text-align: center;
}
#analysis_list ul li {
    display: inline-block;
    width: 20px;
    height: 20px;
    font-size: 10px;
    line-height: 21px;
    text-align: center;
    color: #fff;
}
#analysis_list ul li.won {
    background-color: #417505;
}
#analysis_list ul li.draw {
    background-color: #9c9c9c;
}
#analysis_list ul li.lost {
    background-color: #ce021b;
}
#stoixima_tv {
    /*
    background-color: #005EB0;
    color: #fff;
    */
    margin: 0 auto;
    padding: 0 0 10px;
}
#stoixima_tv h2 {
    font-size: 24px;
    font-weight: 600;
}
#stoixima_tv .video_wrapper {
    margin: 20px auto;
}
#stoixima_tv .video_wrapper h3 {
    margin: 15px auto 5px;
    font-size: 16px;
    font-weight: 600;
}
#stoixima_tv .video_wrapper .item {
    font-size: 12px;
    font-weight: 600;
    margin-bottom: 15px;
}
#stoixima_tv .more_videos {
    width: 100%;
    margin: 0 auto;
    text-align: center;
}
#stoixima_tv .pagination {
    border-top: 1px solid #231F20;
    color: #231F20;
}
#stoixima_tv #paging_jump {
    background: #d63239;
    color: #fff;
    border: 1px solid #d63239;
}
#stoixima_tv .pagination a:link,
#stoixima_tv .pagination a:active,
#stoixima_tv .pagination a:visited {
    color: #231F20;
}
#stoixima_tv .pagination a:hover {
    text-decoration: none;
    color: #d63239;
}
#stoixima_tv .paging_list li a.selected {
    background: #d63239;
    color: #fff;
}

/* TV SCHEDULE */
#tv-schedule .program .day {
    padding: 10px;
    background-color: #005EB0;
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase;
}
#tv-schedule .program .item {
    border-bottom: 1px solid #eee;
}
#tv-schedule .program .item:last-child {
    border-bottom: transparent;
}
#tv-schedule .program .item.hidden {
    display: none;
}
#tv-schedule .program .item .time {
    font-size: 16px;
    font-weight: 700;
    color: #233a4a;
    text-align: center;
    position: relative;
    width: 60px;
    vertical-align: middle;
}
#tv-schedule .program .item .time span {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    margin: 0 auto;
    left: 0;
    right: 0;
}
#tv-schedule .program .item .channel {
    width: 120px;
    height: auto;
    padding: 10px;
    position: relative;
    vertical-align: middle;
}
#tv-schedule .program .item .event {
    padding: 10px;
}
#tv-schedule .program .item .event span {
    display: block;
}
#tv-schedule .program .item .event .title {
    font-size: 16px;
    font-weight: 600;
}
#tv-schedule .program .item .event .category {
    font-size: 14px;
    font-weight: 400;
    color: #d63239;
    margin-bottom: 0;
}
#tv-schedule .program .item .event .description {
    font-size: 12px;
    font-weight: 400;
}

@media (max-width: 576px) {
    #tv-schedule .program .item .channel {
        width: 80px;
    }
    #tv-schedule .program .item .event .title {
        font-size: 14px;
    }
    #tv-schedule .program .item .event .category {
        font-size: 12px;
    }
    #tv-schedule .program .item .event .description {
        display: none;
    }
}

/* MATCH REPORT */
#match-report .heading {
    border-bottom: 3px solid #005EB0;
}
#match-report .match-score {
    font-family: 'Roboto Slab', serif;
    font-size: 60px;
    font-weight: 700;
}
#match-report .match-header {
    display: flex;
    margin: auto;
    min-height: 150px;
    padding: 5px;
}
#match-report .teams {
    display: inline-block;
    text-align: center;
    width: 35%;
    padding-top: 6px;
}
#match-report .teams .icon img {
    height: 100px;
    min-width: 65px;
}
#match-report .teams .team-text {
    display: block;
    padding-top: 10px;
    font-size: 16px;
    font-weight: 600;
}
#match-report .scoreboard {
    display: inline-flex;
    flex-grow: 1;
    flex-direction: column;
    align-items: center;
}
#match-report .scoreboard .score {
    font-size: 40px;
    font-family: 'Roboto Slab', serif;
    font-weight: 700;
    line-height: 1.5;
    letter-spacing: 2px;
    margin-top: 50px;
    background: #f2f2f2;
    padding: 2px 15px;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
}
@media (max-width: 767px) {
    #match-report .scoreboard .score {
        font-size: 30px;
    }
}

#match-report .scoreboard .status {
    align-items: center;
    display: inline-flex;
    flex-grow: 1;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 16px;
    color: #d63239;
}
#match-report .match-tabs {
    margin: 20px auto;
    font-size: 14px;
    font-weight: 400;
    border-bottom: 3px solid #ccc;
}
#match-report .match-tabs ul li {
    padding: 5px 10px;
    cursor: pointer;
    position: relative;
}
#match-report .match-tabs .active {
    color: #d63239;
}
#match-report .match-tabs ul li .nav-link,
#match-report .match-tabs ul li a:link,
#match-report .match-tabs ul li a:active,
#match-report .match-tabs ul li a:visited {
    color: #202124;
}
#match-report .match-tabs ul li a.active,
#match-report .match-tabs ul li .nav-link:focus,
#match-report .match-tabs ul li .nav-link:hover,
#match-report .match-tabs ul li a:hover {
    color: #d63239;
}
#match-report .match-tabs ul li a.active::after {
    content: '';
    position: absolute;
    width: 100%;
    left: 0;
    bottom: -3px;
    height: 3px;
    background-color: #d63239;
}
#match-report .tab-pane h3 {
    font-size:18px;
    font-weight: 700;
    text-align: center;
    margin-bottom: 20px;
}
.match_timeline {
    display: flex;
    flex-flow: column nowrap;
    width: 100%;
    padding: 0 5%;
}
.match-timeline h3 {
    text-align: center;
    font-size: 18px;
    font-weight: 700;
    margin: 20px auto;
    color: #d63239;
}
.match-section {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    background: #f9f9f9;
    color: #000;
    font-weight: 600;
    height: 35px;
    line-height: 35px;
    border-bottom: 1px solid #edeef2;
}
.match-section span {
    width: 100%;
    display: block;
    text-align: center;
}
.incident_row {
    display: flex;
    border-bottom: 1px solid #edeef2;
    flex-flow: row wrap;
    width: 100%;
    background-position: center;
}
.incident_home {
    text-align: left;
    width: 100%;
}
.incident_away {
    text-align: right;
    width: 100%;
}
.incident_min {
    display: inline-block;
    color: #1b4b7c;
    font-size: 14px;
    font-weight: 700;
    min-width: 56px;
    padding: 5px 0
}
.incident_min .extra_time{
    float: right;
}
.incident_home .incident_min,
.incident_away .incident_min {
    padding: 5px 10px;
}
.incident_away .incident_min {
    order: 3;
}
.incident_away .incident_icon {
    order: 2;
}
.incident_away .incident_name {
    order: 1;
}
.home_event, .away_event {
    display: flex;
    width: 100%;
    padding: 5px 0;
    min-height: 25px;
}
.incident_name {
    font-size: 14px;
    color: #000;
    padding: 5px 0 5px 5px;
    flex-grow: 1
}
.home_score.selected_score {
    font-weight: 700;
    color: #0aa068;
    padding-right: 3px
}
.away_score.selected_score {
    font-weight: 700;
    color: #0aa068
}
.incident_home .incident_name {
    margin-right: 1%;
    flex: 1;
}
.incident_away .incident_name {
    margin-left: 1%;
    margin-right: 1%;
    flex: 1;
}
.incident_away .sub_players {
    margin-left: 1%;
    margin-right: 1%;
    flex: 1;
    font-size: 14px;
}
.icon-red {
    color: #d63239;
}
.icon-green {
    color: #0a9742;
}
.incident_icon {
    width: 34px;
    padding: 2px;
    position: relative;
    text-align: center;
}
.incident_icon::before,
.incident_icon::after {
    font-size: 18px;
    font-family: 'Font Awesome 6 Pro';
    display: inline-block;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
}
.incident_icon.incident_whistle::after {
    content: '\f460';
    font-weight: 700;
}
.incident_icon.incident_goal::after {
    content: '\f1e3';
    font-weight: 700;
}
.incident_icon.incident_subst::before {
    content: '\f0ec';
    font-family: 'Font Awesome 6 Duotone';
    font-weight: 900;
    color: #d63239;
    opacity: 1;
}
.incident_icon.incident_subst::after {
    content: '\f0ec';
    font-family: 'Font Awesome 6 Duotone';
    font-weight: 900;
    color:#d63239;
    opacity: 1;
    position: absolute;
    top: 23px;
    left: 6px;
}
.incident_icon.incident_subst::after {
    content: '\f0ec';
    font-family: 'Font Awesome 6 Duotone';
    font-weight: 900;
    color:#0a9742;
    opacity: 1;
    position: absolute;
    top: 23px;
    left: 6px;
}
.incident_home .incident_icon.incident_subst::before {
    transform: rotateY(180deg);
}
.incident_away .incident_icon.incident_subst::after {
    transform: rotateY(180deg);
}
.incident_icon.incident_penalty::after {
    content: '\e3ab';
}
.incident_icon.incident_penalty_missed::after {
    content: '\e3ab';
    color: #E0E0E0;
}
.incident_icon.incident_var::after {
    content: '\f8ac';
    font-weight: 700;
    color: #1b4b7c;
}
.incident_icon.notify_yellow::after{
    content: '\e4df';
    font-family: 'Font Awesome 6 Duotone';
    font-weight: 900;
    color: #FFD83B;
    position: absolute;
    left: 10px;
    top: 3px;
    transform: rotate(29deg);
}
.incident_icon.notify_red::after {
    content: '\e4df';
    font-family: 'Font Awesome 6 Duotone';
    font-weight: 900;
    color:#F00004;
    position: absolute;
    left: 10px;
    top: 3px;
    transform: rotate(29deg);
}
.incident_icon.notify_yellow_second::before,
.incident_icon.notify_yellow_second::after {
    display: inline-block;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 1.25em;
    text-align: center;
    font-family: 'Font Awesome 6 Duotone';
    font-weight: 900;
}
.incident_icon.notify_yellow_second::before {
    content: '\e4df';
    color: #F00004;
    opacity: 1;
}
.incident_icon.notify_yellow_second::after {
    content: '\e4df\e4df';
    color:#FFD83B;
    opacity: 1;
}

.home_event .incident_score {
    display: inline-block;
    padding-left: 5px
}
.home_event .incident_score .scorer_name {
    padding-right: 15px
}
.away_event .incident_score {
    display: inline-block
}
.away_event .incident_score .scorer_name {
    padding-left: 15px
}
.home_event .incident_score .scorer_name {
    padding-right: 15px
}
.away_event .incident_score .scorer_name {
    padding-left: 15px
}

.table.lineups>:not(:last-child)>:last-child>* {
    border-bottom-color: #E4E7ED;
}
.lineups {
    color: #2e414c;
}
.lineups thead tr th {
    font-size: 16px;
    font-weight: 700;
    color: #2e414c;
    position: relative;
    padding-left: 15px;
}
.lineups thead tr th::before {
    content: '';
    width: 6px;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background-color: #2e414c;
}
.lineups thead tr th .formation {
    display: inline-block;
    width: auto;
    height: auto;
    color: #999da2;
    font-size: 14px;
    font-weight: 700;
    margin-left: 5px;
}
.lineups tbody tr td:first-child {
    width: 40px;
    color: #a3a7ab;
    font-weight: 600;
    padding-left: 15px;
}
.lineups tbody tr td.title {
    background-color: #f5f7f9;
    color: #2e414c !important;
    font-size: 14px;
    font-weight: 700 !important;
    padding-left: 15px;
}
.lineups-field {
    margin-bottom: 20px;
    min-height: 600px;
    position: relative;
    background-color: rgb(37, 92, 11);
}
.soccer-field-wrapper {
    position: relative;
    background-position: center center;
    background-repeat: no-repeat;
    background-image: url(images/soccer_field.jpg);
    background-size: 60% 100%;
    height: 850px;
    margin: 10px auto;
    background-color: rgb(37, 92, 11);
}
@media (max-width: 800px) {
    .soccer-field-wrapper {
        height: auto;
        min-height: 400px;
    }
}
.home-formation, .away-formation {
    text-align: center;
    background-color: rgb(37, 92, 11);
    width: 100%;
    margin: 0px auto;
    font-weight: 600;
    font-size: 18px;
    color: #fff;
    height: 50px;
    line-height: 50px;
    display: flex;
    justify-content: space-around;
}
.half_field {
    width: 60%;
    margin: 0px auto;
    height: 50%;
    display: flex;
    flex-flow: column nowrap;
}
.formation_row {
    width: 100%;
    height: 25%;
    margin: auto;
    display: flex;
    justify-content: space-around;
    align-items: center;
    color: #fff;
    position: relative;
}
.half_field.five .formation_row {
    height: 20%;
}
.formation_row_pos {
    height: 100%;
    display: inline-flex;
    text-align: center;
    justify-content: center;
    align-items: center;
    flex-flow: column nowrap;
}
.soccer-field-wrapper .player {
    font-size: 14px;
    font-weight: 700;
    height: 48px;
    width: 50px;
    background-size: 50px auto;
    display: inline-block;
    color: #fff;
    position: relative;
}
.soccer-field-wrapper .player .number {
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: 14px;
    text-align: center;
}
.soccer-field-wrapper .player_name {
    margin: 1px auto;
    color: #fff;
    text-align: center;
    font-weight: 400;
    font-size: 12px;
    padding: 5px 10px;
    background-color: #231f20;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
}
@media (max-width: 800px) {
    .soccer-field-wrapper .player {
        height: 40px;
        width: 37px;
        background-size: 40px 40px;
    }
    .lineups-field {
        min-height: inherit;
    }
}
@media (max-width: 576px) {
    .soccer-field-wrapper {
        background-size: 96% 100%;
        height: auto;
        min-height: 640px;
    }
    .half_field {
        width: 90%;
    }
    .soccer-field-wrapper .player {
        height: auto;
        width: 40px;
    }
    .soccer-field-wrapper .player .number {
        top: 6px;
        padding: 3px 6px;
    }
}

.match_stats_wrapper {
    width: 100%;
    padding: 5px 15px;
    box-sizing: border-box;
}
.match_stats_row {
    padding-top: 10px;
    border-top: 1px solid #ddd;
}
.match_stats_row:first-child {
    border-top: none;
}
.stats_description {
    width: 100%;
    display: flex;
    text-align: center;
    justify-content: center;
    font-weight: 700;
    color: #1b4b7c;
    text-transform: uppercase;
}
.stats_bar {
    width: 100%;
    padding-bottom: 10px;
    box-sizing: border-box;
    display: flex;
    justify-content: space-around;
    align-items: center;
}
.stats_bar div {
    display: inline-block;
}
.stats_number {
    color: #555;
    min-width: 40px;
    margin: 10px;
    border: 4px solid rgba(50,50,50,0.2);
    border-radius: 100%;
    padding: 4px;
    width: 40px;
    height: 40px !important;
    line-height: 24px;
    text-align: center;
    word-wrap: initial;
    font-weight: 700;
}
.stats_number.home.winner {
    color: #d63239;
    border: 4px solid rgba(214,50,57,0.6);
    font-weight: 700;
}
.stats_number.away.winner {
    color: #003e7e;
    border: 4px solid rgba(0,62,126,0.6);
    font-weight: 700;
}
.stats_progress_bar {
    width: 40%;
    background: #fff;
    border: 1px solid #777;
    text-align: right;
    height: 28px;
}
.stats_progress_bar.away {
    width: 40%;
    background: #fff;
    border: 1px solid #777;
    text-align: left;
}
.stats_bar_home {
    height: 26px;
    background-color: rgba(214,50,57,1);
}
.stats_bar_away {
    height: 26px;
    background-color: rgba(0,62,126,1);
}
.stats_number.home {
    order: 1;
}
.stats_progress_bar.home {
    order: 2;
}
.stats_number.away {
    order: 5;
}
.stats_progress_bar.away {
    order: 4;
}
.stats_bar .stats_seperator {
    order: 3;
    width: 5px;
}
.flag_sprite {
    width:27px;
    height:20px;
    display: inline-block;
}
.flag-bg {
    background-repeat: no-repeat;
    background-image: url('images/no_flag.png');
}
.lbtn {
    position: relative;
    display: block;
}
.lbtn > span {
    min-height: 80px;
    width: 100%;
}
.btn_white_outline {
    background-color: transparent;
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    border: 1px solid #fff;
}
.btn_white_outline:hover {
    background-color: #fff;
}
.btn-betting {
    background-color: #078ee7;
    color: #fff;
    border: 1px solid #078ee7;
}
.btn-betting:hover {
    background-color: #14405e;
    color: #fff;
    border: 1px solid #14405e;
}
.btn-offer {
    background: linear-gradient(180deg, #E31E26 0%, #A81118 100%);
    border-radius: 5px;
    font-size: 12px;
    font-weight: 600;
    font-style: italic;
    position: relative;
    color:#fff;
    padding: 10px 15px;
    transition:all 0.2s ease-in-out;
    -moz-transition:all 0.2s ease-in-out;
    -webkit-transition:all 0.2s ease-in-out;
    -o-transition:all 0.2s ease-in-out;
}
.btn-offer:hover {
    color:#fff;
    background: linear-gradient(180deg, #E31E26 0%, #A81118 100%);
    box-shadow: 2px 2px 8px rgba(237,28,36,.6);
}
.btn-offer.large {
    font-size: 14px;
    font-style: normal;;
    padding: 10px 20px;
}
.btn-offer.semilarge {
    font-size: 12px;
    font-style: normal;
    padding: 8px 16px;
    display: block;
}

.btn-outline-offer {
    background: transparent;
    border-radius: 5px;
    font-size: 12px;
    font-weight: 600;
    font-style: italic;
    position: relative;
    color: #E31E26;
    border: 1px solid #E31E26;
    padding: 10px 15px;
    transition:all 0.2s ease-in-out;
    -moz-transition:all 0.2s ease-in-out;
    -webkit-transition:all 0.2s ease-in-out;
    -o-transition:all 0.2s ease-in-out;
}
.btn-outline-offer:hover {
    color: #E31E26;
    box-shadow: 2px 2px 8px rgba(237,28,36,.6);
}
.btn-outline-offer.large {
    font-size: 14px;
    font-style: normal;;
    padding: 10px 20px;
}
.btn-outline-offer.semilarge {
    font-size: 12px;
    font-style: normal;
    padding: 8px 16px;
    display: block;
}

.btn-red {
    background-color: #d63239;
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    border: 1px solid #d63239;
}
.btn-red:hover {
    background-color: #000000;
    color: #fff;
    border-color: #000000;
}
.btn-outline-red {
    background-color: #fff;
    color: #d63239;
    font-size: 14px;
    font-weight: 600;
    border: 1px solid #d63239;
}
.btn-outline-red:hover, .btn-outline-red.active {
    background-color: #d63239;
    color: #fff;
    border-color: #d63239;
}
.btn-podcast {
    background-color: #1F1F1F;
    color: #fff;
    border-color: #1F1F1F;

    &:hover {
        background-color: #d63239;
        color: #FFF;
        border-color: #d63239;
    }
}
.btn-outline-blue {
    background-color: #fff;
    color: #003e7e;
    font-size: 14px;
    font-weight: 600;
    border: 1px solid #003e7e;
}
.btn-outline-blue:hover, .btn-outline-blue.active {
    background-color: #003e7e;
    color: #fff;
    border-color: #003e7e;
}
.btn-check:active+.btn-outline-blue,
.btn-check:checked+.btn-outline-blue,
.btn-outline-blue.active,
.btn-outline-blue.dropdown-toggle.show,
.btn-outline-blue:active {
    background-color: #003e7e;
    color: #fff;
    border-color: #003e7e;
}
.btn-check:active+.btn-outline-red,
.btn-check:checked+.btn-outline-red,
.btn-outline-red.active,
.btn-outline-red.dropdown-toggle.show,
.btn-outline-red:active {
    background-color: #d63239;
    color: #fff;
    border-color: #d63239;
}
.btn-selectors {
    background-color: #003e7e;
    color: #fff;
}
.btn-selectors:hover {
    background-color: #034f9d;
    color: #fff;
}
.btn-selectors em {
    font-style: normal;
}

.btn-wg {
    font-size: 14px;
    background-color: #fff;
    color: #003e7e;
    border: 1px solid #fff;
}
.btn-wg:hover, .btn-wg.active {
    background-color: #edeef2;
    color: #d63239;
    border: 1px solid #edeef2;
}
.btn-orange {
    background-color: #f58000;
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    border: 1px solid #f58000;
}
.btn-orange:hover {
    background-color: #ff8d0d;
    color: #fff;
    border-color: #ff8d0d;
}

.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
    background-color: #d63239;
}

/* ARTICLES */
.article_page {
    margin:30px auto;
}
.article_page .article {
    margin-bottom: 80px;
}
.article_page .article p {
    margin-bottom: 15px;
    font-size: 16px;
}
.article_page .article h2,
.side-content article .title {
    padding: 0;
    margin: 10px auto;
    font-size: 18px;
    font-weight: 600 !important;
    text-align: left !important;
    color: #d63239;
}
.article_page .article:last-child {
    margin-bottom: 20px;
}
.article_page .main-content {
    width:calc(100% - 380px);
    float: left;
}
.article_page .side-content {
    margin-left:40px;
    width: 340px;
    float: left;
}
.article_page .category {
    font-size:20px;
    font-weight:600;
    color:#d63239;
    text-transform:uppercase;
    margin-bottom:10px;
}
.article_page.list .main-content h1,
.article_page .main-content.page h1{
    font-size: 26px;
    font-weight: 600;
    padding-bottom: 5px;
    margin-bottom: 15px;
    border-bottom: 3px solid #d63239;
    /*text-transform: uppercase;*/
}
.article_page.list .main-content h2 {
    margin: 5px auto 10px;
}
.article_page.list .main-content .meta {
    color: #a0a0a0;
    margin-bottom: 0;
    font-size: 12px;
}
.article_page.list .main-content article {
    margin-bottom: 30px;
}
.article_page .main-content .big_article img {
    width: 100%;
}
.article_page h1 {
    font-size:32px;
    font-weight:700;
    line-height:1.2;
    margin-bottom:10px;
}
@media (max-width: 576px) {
    .article_page h1 {
        font-size:24px;
    }
}
.article_page .main_photo img {
    width: 100%;
}
.article_page article .meta {
    margin-bottom: 10px;
    font-size: 16px;
}
.article_page article time {
    display:block;
    font-weight:700;
    margin:10px auto;
    color:#777;
}
.article_page article figure figcaption {
    display: block;
    color: #7a7a7a;
    font-weight: 400;
    margin-top: 5px;
    font-size: 14px;
}
.article_page article .main-text {
    margin:30px auto;
    font-size:18px;
}
.article_page article .main-text p {
    margin-bottom:15px;
    overflow-wrap: break-word;
}
.article_page article .main-text h2 {
    padding: 0;
    margin: 10px auto;
    font-size: 22px;
    font-weight: 600 !important;
    text-align: left !important;
    color: #d63239;
    display: inline-block;
}
.article_page article .main-text h2.podcast {
    display: block;
    padding-left: 35px;
}

/* PODCASTS */
#podcast {
    position: relative;
}
#podcast h1,
h2.podcast {
    padding-left: 35px !important;
    position: relative;
}
#podcast h1:before,
h2.podcast::before {
    content: "";
    background: url(images/podcasts.svg) no-repeat center center;
    background-size: contain;
    width: 24px;
    height: 24px;
    position: absolute;
    top: 45%;
    left: 0;
    transform: translateY(-50%);
}
.podcast-title {
    margin-top: 10px;
    font-size: 18px;
    line-height: 1.2;
    font-weight: 600;
}
#podcast .podcast_section {
    display: block;
    flex-basis: 0;
    flex-grow: 1;
    flex-shrink: 1;
}
#podcast article:not(:last-child) {
    padding-bottom: 20px;
    border-bottom: 1px solid rgba(0,0,0,.1);
}
#podcast .podcast-episode {
    display: block;
    width: 100%;
    flex-basis: 0;
    flex-grow: 1;
    flex-shrink: 1;
}
#podcast .podcast-episode .podcast-content {
    width: calc(100% - 320px);
}
#podcast .podcast-episode .podcast-content.full-width {
    width: 100%;
}
#podcast .podcast-content .title {
    font-size: 20px;
    font-weight: 600;
}
#podcast .podcast-content .description {
    font-size: 16px;
}
#podcast .podcast-content .description.large {
    font-size: 18px;
    margin-top: 30px;
}
#podcast .podcast-content .date {
    color: #a6acb2;
    font-size: 12px;
    font-weight: 600;
}
#podcast .podcast-episode .podcast-image {
    width: 300px;
    padding-left: 20px;
}

@media only screen and (max-width: 767px) {
    #podcast .podcast-episode .podcast-content {
        width: calc(100% - 220px);
    }
    #podcast .podcast-episode .podcast-image {
        width: 200px;
        padding-left: 20px;
    }
}
@media only screen and (max-width: 575px) {
    #podcast .podcast-episode .podcast-content {
        width: 100%;
    }
    #podcast .podcast-episode .podcast-image {
        width: 100%;
        padding-left: 0;
        margin-bottom: 20px;
    }
}


/* EMBEDDED TABLE */
.stats .embedded_table thead tr th {
    background-color: var(--generic-blue);
    color: #fff;
    font-weight: 600;
    text-align: left;
    padding: 10px;
}
.stats .embedded_table tbody tr th {
    background-color: var(--generic-blue);
    color: #fff;
    font-weight: 600;
    text-align: left;
    padding: 10px;
}
.stats .embedded_table.both tbody tr th {
    background-color: #0157af;
}
.stats .embedded_table.both thead tr th:first-child {
    background-color: #0157af !important;
}
.stats .embedded_table tbody tr td {
    padding: 10px;
}
.stats .embedded_table caption {
    font-size: 14px;
    font-weight: 600;
    padding: 10px;
}

.side-content .timeline, .sidebar .timeline {
    height:auto !important;
    overflow-y:visible !important;
    padding-bottom:10px !important;
    margin-bottom:30px;
}
.side-content .timeline h3, .sidebar .timeline h3 {
    margin-bottom: 10px;
    font-size: 22px;
    font-weight: 600;
    padding-bottom: 5px;
    border-bottom: 3px solid #e9e9e9;
    position: relative;
}
.sidebar .timeline h3 {
    font-size: 20px !important;
}
.side-content .timeline h3::after, .sidebar .timeline h3::after {
    content: '';
    position: absolute;
    width: 80px;
    height: 3px;
    left: 0;
    bottom: -3px;
    background-color: #d63239;
}
.side-content .timeline li article, .sidebar .timeline li article {
    margin-bottom: 15px;
    border-bottom: 1px dashed #eee;
}
.side-content .timeline li:last-child article, .sidebar .timeline li:last-child article {
    border-bottom: none;
}
.side-content .timeline li article figure , .sidebar .timeline li article figure {
    width: 80px;
    float: right;
}
.side-content .timeline li article h2, .sidebar .timeline li article h2, .timeline li article .title {
    display: inline-block;
    font-size: 14px;
    width: calc(100% - 90px);
    margin: 0 auto 5px;
}
.side-content .timeline li article .meta, .sidebar .timeline li article .meta {
    width: calc(100% - 90px);
    float: left;
    color: #202124;
    font-size: 12px;
}
.side-content .timeline li article .category, .sidebar .timeline li article .category {
    font-size: 12px;
    margin: 0 0 0 5px;
}
.side-content .timeline li article .category a:link,
.side-content .timeline li article .category a:active,
.side-content .timeline li article .category a:visited,
.sidebar .timeline li article .category a:link,
.sidebar .timeline li article .category a:active,
.sidebar .timeline li article .category a:visited {
    color: #d63239;
}
.side-content .timeline li article .category a:hover,
.sidebar .timeline li article .category a:hover {
    color: #000;
}
.side-content .timeline.dark li article,
.sidebar .timeline.dark li article {
    border-bottom: 1px dashed #555555;
}
.side-content .timeline.dark li article:last-child,
.sidebar .timeline.dark li article:last-child {
    border-bottom: none;
}
.timeline.dark .meta .datetime {
    color: #e5e5e5;
}
.side-content .timeline.dark,
.sidebar .timeline.dark {
    padding: 15px;
    background-color: #202124;
}
.side-content .timeline.dark h3,
.sidebar .timeline.dark h3 {
    color: #fff;
    font-size: 22px;
    border-bottom: 3px solid #e9e9e9;
    margin-bottom: 20px;
}
.side-content .timeline.dark h2 a:link,
.side-content .timeline.dark h2 a:active,
.side-content .timeline.dark h2 a:visited,
.sidebar .timeline.dark h2 a:link,
.sidebar .timeline.dark h2 a:active,
.sidebar .timeline.dark h2 a:visited,
.side-content .timeline.dark .title a:link,
.side-content .timeline.dark .title a:active,
.side-content .timeline.dark .title a:visited {
    color: #fff;
}
.side-content .timeline.dark h2 a:hover,
.sidebar .timeline.dark h2 a:hover,
.side-content .timeline.dark .title a:hover {
    color: #fff;
    text-decoration: underline;
}
.side-content .timeline.dark li article .category a:link,
.side-content .timeline.dark li article .category a:active,
.side-content .timeline.dark li article .category a:visited,
.sidebar .timeline.dark li article .category a:link,
.sidebar .timeline.dark li article .category a:active,
.sidebar .timeline.dark li article .category a:visited {
    color: #FF9924;
}
.side-content .timeline.dark li article .category a:hover,
.sidebar .timeline.dark li article .category a:hover {
    color:#FFA53D;
}


@media (max-width: 991px) {
    .article_page .main-content {
        width: 100%;
        float: none;
    }
    .side-content {
        margin-left:0 !important;
        width: 100% !important;
        float: none !important;
    }
    .side-content .timeline {
        display: none;
    }
    #mundial-qatar_2022 .timeline {
        display: block !important;
    }
    #mundial-qatar_2022 {
        padding-top: 150px !important;
    }
}
.article_page .main-content .main_category {
    background-color: #d61319;
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    display: inline-block;
    padding: 7px 10px 7px;
    line-height: 1;
    position: relative;
    z-index: 3;
    margin-right: 22px;
    margin-bottom: 15px;
    box-shadow: 0.12rem 0.12rem #02141f;
    text-transform: uppercase;
}
.article_page .main-content .tags {
    padding: 20px 0;
    /*
    border-top: 1px solid #dadada;
    border-bottom: 1px solid #dadada;
    */
}
.article_page .main-content .tags h6 {
    display: inline-block;
    white-space: nowrap;
    color: #004289;
    font-weight: 800;
    font-size: 16px;
    line-height: 1;
}
.article_page .main-content .tags h6 span {
    color: #d61319;
}
.article_page .main-content .tags a {
    font-weight: 600;
    font-size: 12px;
    padding: 6px 10px;
    position: relative;
    display: inline-block;
    text-transform: uppercase;
    background-color: #EEE;
}
.article_page .main-content .tags a:hover {
    background-color: #d61319;
    color: #fff;
}
.article_page .main-content .tags span {
    background-color: #f3f4f8;
    display: inline-block;
    margin-left: 10px;
    margin-bottom: 10px;
}
.article_page .main-content article .datetime {
    color:#a0a0a0;
    font-size: 14px;
}
.article_page .main-content article .category {
    font-size: 14px;
    color: #d61319;
}
.article_page .main-content article .category a:link,
.article_page .main-content article .category a:active,
.article_page .main-content article .category a:visited {
    color: #d61319;
}
.article_page .main-content article .category a:hover {
    color: #202124;
}

.article_page .main-content article .subtitle {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 15px;
    line-height: 1.3;
    padding: 0;
}

.article_page .main-content .alsoread {
    margin: 30px auto 0;
}
.article_page .main-content .alsoread .title {
    font-size: 16px;
    margin-bottom: 15px;
}
.article_page .main-content .alsoread ul li {
    margin-bottom: 15px;
}
.article_page .main-content .alsoread ul li a:link,
.article_page .main-content .alsoread ul li a:active,
.article_page .main-content .alsoread ul li a:visited {
    text-decoration: underline;
}
.article_page .main-content .alsoread ul li a:hover {
    text-decoration: none;
}
.article_page .main-content.page ul,
.article_page .main-content.page ol{
    padding-left: 14px;
    margin-bottom: 15px;
}
.article_page .main-content.page ul li {
    list-style-type: disc;
}
.article_page .main-content.page ol li {
    list-style-type: decimal;
}
.article_page .main-content h3 {
    padding: 0;
    margin: 10px auto;
    font-size: 16px;
    font-weight: 600 !important;
    text-align: left !important;
    color: #d63239;
}

.analysis_box {
    padding: 10px;
    margin-bottom: 30px;
    position: relative;
    box-shadow: 0.12rem 0.12rem #02141f;
}
span.name {
    position: relative;
    display: block;
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    padding: 5px;
}
#analysis_home_team .analysis_box {
    border:2px solid #003e7e;
}
#analysis_home_team span.name {
    background-color: #003e7e;
    border: 2px solid #003e7e;
}
#analysis_away_team .analysis_box {
    border:2px solid #d63239;
}
#analysis_away_team span.name {
    background-color: #d63239;
    border: 2px solid #d63239;
}
#analysis_prediction .analysis_box {
    border:2px solid #212121;
}
#analysis_prediction span.name {
    background-color: #212121;
    border: 2px solid #212121;
}

/* OPAP GAMES */
#opap-game {
    margin: 15px auto;
}
#opap-game .header {
    background-color: #F9F9F9;
    color: #fff;
    padding: 20px;
}
#opap-game .header .game-logo {
    width: 200px;
    display: inline-block;
    float: left;
}
#opap-game .header .search-bar {
    width: calc(100% - 330px);
    display: inline-block;
    float: left;
    margin:0 25px;
    padding-top: 10px;
}
#opap-game .header .search-button {
    width: 80px;
    display: inline-block;
    text-align: center;
    padding-top: 15px;
}
#opap-game .form-select {
    color: #fff;
    background-color: transparent;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23FFFFFF' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
    border-radius: 0;
    border: none;
    border-bottom: 2.7px solid #fff;
    padding: .375rem 2.25rem .375rem .5rem;
    box-shadow: none;
}
#opap-game .form-control {
    color: #fff;
    background-color: transparent;
    border-radius: 0;
    border: none;
    border-bottom: 2.7px solid #fff;
    padding: .375rem 2.25rem .375rem .5rem;
    box-shadow: none;
    cursor: pointer;
}
#opap-game .form-control::placeholder {
    color: rgba(255,255,255,.8);
}
#opap-game .form-select optgroup {
    color: #202124;
}
#opap-game .form-select option {
    color: #202124;
    cursor: pointer;
}
#opap-game .form-select option:focus,
#opap-game .form-select option:hover {
    background-color: #5897fb;
}
#opap-game .draw-details {
    padding: 15px;
    background-color: #f8f9fa;
}
#opap-game .draw-details .item:last-child {
    text-align: right;
}
#opap-game .draw-details .item span {
    padding: 2px 10px;
}
#opap-game .draw-details .item .btn {
    float:left;
}
#opap-game .draw-details .item:last-child .btn {
    float: right;
}
#opap-game .draw-details .item .datetime {
    font-size: 16px;
    padding-top: 2px;
    display: inline-block;
    color: #808285;
}
#opap-game .draw-details .item .draw_id {
    display: block;
    color: #12455b;
    font-size: 22px;
    font-weight: 700;
    text-align: center;
}
#opap-game .draw-details .item .columns_total {
    display: block;
    font-size: 14px;
    text-align: center;
    color: #808285;
}
#opap-game .draw-result-number {
    margin: 20px auto;
}
#opap-game .draw-result-number span {
    display: block;
    color: #12455b;
    font-size: 18px;
    font-weight: 700;
    text-align: center;
}
#opap-game .draw-result-number ul {
    list-style: none;
    padding: 0;
    margin: 10px auto;
    font-weight: 700;
    font-size: 14px;
    text-align: center;
}
#opap-game .draw-result-number .circle,
#opap-game .draw-result-number ul.circles li {
    background: #ea3128;
    color: #fff;
    width: 36px;
    height: 36px;
    line-height: 36px;
    background: #f3f3f3;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    border-radius: 50px;
    display: inline-block;
    padding: 0;
    font-weight: 700;
}
#opap-game .table tbody tr td.winnings {
    font-size: 18px;
    font-weight: 700 !important;
    color: #000 !important;
}

#luckygames ul.circles {
    text-align: center;
}
#luckygames ul.circles li {
    display: inline-block;
    padding: 0;
}
#luckygames ul.circles li.draw-number {
    color: #fff;
    width: 26px;
    height: 26px;
    line-height: 26px;
    background: #f3f3f3;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    border-radius: 50px;
    display: inline-block;
    padding: 0;
    font-size: 12px;
    font-weight: 700;
    text-align: center;
}
#luckygames ul.circles.tzoker li.draw-number {
    background-color: #004990;
}
#luckygames ul.circles.tzoker li.draw-number.bonus {
    background-color: #ffc314;
    color: #104c8c;
}
#luckygames ul.circles.lotto li.draw-number {
    background-color: #FFDD00;
    color: #000;
}
#luckygames ul.circles.lotto li.draw-number.bonus {
    background-color: #fedc00;
    color: #212529;
    border: 1px solid #212529;
}
#luckygames ul.circles.proto li.draw-number {
    background-color: #1d427c;
}
#luckygames .tzoker_header {
    background-color: #004990;
}
#luckygames .lotto_header {
    background-color: #FFDD00;
}
#luckygames .proto_header {
    background: rgb(3,77,162);
    background: -moz-linear-gradient(110deg, rgba(3,77,162,1) 0%, rgba(3,77,162,1) 60px, rgba(239,65,54,1) 60px, rgba(239,65,54,1) 100%);
    background: -webkit-linear-gradient(110deg, rgba(3,77,162,1) 0%, rgba(3,77,162,1) 60px, rgba(239,65,54,1) 60px, rgba(239,65,54,1) 100%);
    background: linear-gradient(110deg, rgba(3,77,162,1) 0%, rgba(3,77,162,1) 60px, rgba(239,65,54,1) 60px, rgba(239,65,54,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#034da2",endColorstr="#ef4136",GradientType=1);
}
#luckygames .tzoker_header img,
#luckygames .lotto_header img,
#luckygames .proto_header img {
    max-height: 32px;
}
#luckygames .tzoker_header span,
#luckygames .proto_header span {
    color: #fff;
    font-weight: 600;
    font-size: 12px;
}
#luckygames .lotto_header span {
    color: #212529;
    font-weight: 600;
    font-size: 12px;
}
#luckygames .table tbody tr td {
    text-align: left;
}

#opap-game .opap-sidebar h3,
#opap-game .opap-sidebar h1 {
    padding: 10px;
    background-color: #1f427d;
    color: #fff;
    font-size: 20px;
    font-weight: 700;
}
#opap-game .opap-sidebar li,
#opap-game .opap-sidebar div {
    padding:10px;
    text-align: center;
    border-bottom: 2px solid #fff;
    position: relative;
}
#opap-game .opap-sidebar li img,
#opap-game .opap-sidebar div img{
    max-height: 70px;
}
#opap-game .opap-sidebar .powerspin {
    background: rgb(2,6,27);
    background: -moz-linear-gradient(90deg, rgba(2,6,27,1) 0%, rgba(24,3,45,1) 15%, rgba(52,0,73,1) 30%, rgba(60,0,86,1) 50%, rgba(52,0,73,1) 65%, rgba(24,3,45,1) 80%, rgba(2,6,27,1) 100%);
    background: -webkit-linear-gradient(90deg, rgba(2,6,27,1) 0%, rgba(24,3,45,1) 15%, rgba(52,0,73,1) 30%, rgba(60,0,86,1) 50%, rgba(52,0,73,1) 65%, rgba(24,3,45,1) 80%, rgba(2,6,27,1) 100%);
    background: linear-gradient(90deg, rgba(2,6,27,1) 0%, rgba(24,3,45,1) 15%, rgba(52,0,73,1) 30%, rgba(60,0,86,1) 50%, rgba(52,0,73,1) 65%, rgba(24,3,45,1) 80%, rgba(2,6,27,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#02061b",endColorstr="#02061b",GradientType=1);
}
#opap-game .opap-sidebar .tzoker {
    background-color: #004990;
}
#opap-game .opap-sidebar .kino {
    background-color: #031A28;
}
#opap-game .opap-sidebar .lotto {
    background-color: #FFDD00 ;
}
#opap-game .opap-sidebar .proto {
    background: rgb(3,78,162);
    background: -moz-linear-gradient(90deg, rgba(3,78,162,1) 0%, rgba(3,78,162,1) 50%, rgba(239,65,53,1) 50%, rgba(239,65,53,1) 100%);
    background: -webkit-linear-gradient(90deg, rgba(3,78,162,1) 0%, rgba(3,78,162,1) 50%, rgba(239,65,53,1) 50%, rgba(239,65,53,1) 100%);
    background: linear-gradient(90deg, rgba(3,78,162,1) 0%, rgba(3,78,162,1) 50%, rgba(239,65,53,1) 50%, rgba(239,65,53,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#034ea2",endColorstr="#ef4135",GradientType=1);
}
#opap-game .opap-sidebar .extra5 {
    background-color: #A8226F;
}
#opap-game .opap-sidebar .super3 {
    background-color: #EA2F26;
}
#opap-game .opap-sidebar .propo {
    background-color: #EE1C25;
}
#opap-game .opap-sidebar .propo-goal {
    background-color: #8DC73F;
}


/* SUPER 3 */
#opap-game.super3 .header {
    background-color: #EA2F26;
}
#opap-game.super3 .draw-result-number .circle,
#opap-game.super3 .draw-result-number ul.circles li {
    background: #ea3128;
    color: #fff;
}
#opap-game.super3 .table thead tr th {
    background-color: #F6F6F6;
    font-weight: 400;
    padding: 10px;
}
#opap-game.super3 .table tbody tr td {
    background-color: #E6E7E8;
    vertical-align: middle;
    color: #808285;
}
#opap-game.super3 .table tbody>tr:nth-child(4n-1)>td ,
#opap-game.super3 .table tbody>tr:nth-child(4n)>td {
    background-color: #CFD0D1;
}

#opap-game.super3 .table tbody tr td .circle {
    color: #fff;
    width: 36px;
    height: 36px;
    line-height: 36px;
    background: #034f9d;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    border-radius: 50px;
    display: inline-block;
    padding: 0;
    font-weight: 700;
    text-align: center;
}

/* EXRTA 5 */
#opap-game.extra5 .header {
    background-color: #a8226f;
}
#opap-game.extra5 .draw-result-number .circle,
#opap-game.extra5 .draw-result-number ul.circles li {
    background: #a8226f;
    color: #fff;
}
#opap-game.extra5 .table thead tr th {
    background-color: #F6F6F6;
    font-weight: 400;
    padding: 10px;
}
#opap-game.extra5 .table tbody tr td {
    background-color: #E6E7E8;
    vertical-align: middle;
    color: #808285;
}
#opap-game.extra5 .table tbody>tr:nth-child(4n-1)>td ,
#opap-game.extra5 .table tbody>tr:nth-child(4n)>td {
    background-color: #CFD0D1;
}

#opap-game.extra5 .table tbody tr td .circle {
    color: #fff;
    width: 36px;
    height: 36px;
    line-height: 36px;
    background: #a8226f;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    border-radius: 50px;
    display: inline-block;
    padding: 0;
    font-weight: 700;
    text-align: center;
}


/* ΤΖΟΚΕΡ */
#opap-game.tzoker .header {
    background-color: #004990;
}
#opap-game .draw-result-number span {
    font-size: 16px;
}
#opap-game.tzoker .draw-result-number .circle,
#opap-game.tzoker .draw-result-number ul.circles li {
    background: #104c8c;
    color: #fff;
}
#opap-game.tzoker .draw-result-number ul.circles li.bonus {
    background-color: #ffc314;
    color: #104c8c;
}
#opap-game.tzoker .table thead tr th {
    background-color: #F6F6F6;
    font-weight: 400;
    padding: 10px;
    text-align: center;
}
#opap-game.tzoker .table tbody tr td {
    background-color: #E6E7E8;
    vertical-align: middle;
    color: #808285;
    text-align: center;
}
#opap-game.tzoker .table tbody tr td.winnings {
    color: #104c8c !important;
}
#opap-game.tzoker .table tbody>tr:nth-child(4n-1)>td ,
#opap-game.tzoker .table tbody>tr:nth-child(4n)>td {
    background-color: #CFD0D1;
}
#opap-game.tzoker .table tbody tr td .circle {
    color: #fff;
    width: 36px;
    height: 36px;
    line-height: 36px;
    background: #034f9d;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    border-radius: 50px;
    display: inline-block;
    padding: 0;
    font-weight: 700;
    text-align: center;
}

/* ΚΙΝΟ */
#opap-game.kino .header {
    background-color: #031A28;
}
#opap-game.kino .draw-result-number ul.circles {
    width: 400px;
}
#opap-game.kino .draw-result-number .circle,
#opap-game.kino .draw-result-number ul.circles li {
    background: #efb31e;
    color: #212529;
}
#opap-game.kino .draw-result-number ul.circles li {
    margin-bottom: 5px;
}
#opap-game.kino .draw-result-number ul.circles li.bonus,
#opap-game.kino .draw-result-number ul.circles li:last-child {
    background-color: #d92231;
    color: #fff;
}
#opap-game.kino .table thead tr th {
    background-color: #F6F6F6;
    font-weight: 400;
    padding: 10px;
    text-align: center;
}
#opap-game.kino .table tbody tr td {
    background-color: #E6E7E8;
    vertical-align: middle;
    color: #808285;
    text-align: center;
}
#opap-game.kino .table tbody tr td.winnings {
    color: #104c8c !important;
}
#opap-game.kino .table tbody>tr:nth-child(4n-1)>td ,
#opap-game.kino .table tbody>tr:nth-child(4n)>td {
    background-color: #CFD0D1;
}
#opap-game.kino .table tbody tr td .circle {
    color: #fff;
    width: 30px;
    height: 30px;
    line-height: 30px;
    background: #034f9d;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    border-radius: 50px;
    display: inline-block;
    padding: 0;
    font-weight: 600;
    text-align: center;
}
#kino_results {
    padding: 15px 0 20px;
    background-color: #031A28;
    color: #fff;
    margin-bottom: 25px;
}
#opap_kino_crawler {
    visibility:hidden;
}
#kino_results ul {
    margin: 2px;
    display: inline-block;
}
#kino_results ul li {
    color: #fff;
    width: 36px;
    height: 36px;
    line-height: 36px;
    background: #efb31e;
    color: #212529;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    border-radius: 50px;
    display: inline-block;
    padding: 0;
    margin-right: 10px;
    font-weight: 700;
    text-align: center;
}
#kino_results ul li.bonus {
    background-color: #d92231;
    color: #fff;
}
#kino_results .kino_crawler_wrapper .kino_logo {
    margin-right: 15px;
    position: relative;
}
#kino_results .kino_crawler_wrapper .kino_logo img {
    max-height: 40px;
}
#kino_results .kino_crawler_wrapper a:link,
#kino_results .kino_crawler_wrapper a:active,
#kino_results .kino_crawler_wrapper a:visited {
    color: #fff;
}
#kino_results .kino_crawler_wrapper a:hover {
    color: #fff;
    text-decoration: underline;
}
#kino_results .draw {
    font-weight: 600;
}
#kino_results .marquee_container {
    width: calc(100% - 120px);
    overflow: hidden;
    position: relative;
}
#kino_results .marquee_container::before {
    content: '';
    width: 5px;
    height: 45px;
    display: inline-block;
    background: rgb(3,26,40);
    background: -moz-linear-gradient(90deg, rgba(3,26,40,1) 0%, rgba(255,255,255,0) 100%);
    background: -webkit-linear-gradient(90deg, rgba(3,26,40,1) 0%, rgba(255,255,255,0) 100%);
    background: linear-gradient(90deg, rgba(3,26,40,1) 0%, rgba(255,255,255,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#031a28",endColorstr="#ffffff",GradientType=1);
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 2;
}
#kino_results .marquee_container::after {
    content: '';
    width: 5px;
    height: 45px;
    display: inline-block;
    background: rgb(255,255,255);
    background: -moz-linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(3,26,40,1) 100%);
    background: -webkit-linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(3,26,40,1) 100%);
    background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(3,26,40,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#031a28",GradientType=1);
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 2;
}
@media (max-width: 576px) {
    #kino_results .kino_crawler_wrapper .kino_logo {
        margin: 0 auto 10px;
        text-align: center;
    }
    #kino_results .marquee_container {
        width: 100%;
    }
}

/* ΠΡΟΤΟ */
#opap-game.proto .header {
    background: rgb(3,77,162);
    background: -moz-linear-gradient(110deg, rgba(3,77,162,1) 0%, rgba(3,77,162,1) 125px, rgba(239,65,54,1) 125px, rgba(239,65,54,1) 100%);
    background: -webkit-linear-gradient(110deg, rgba(3,77,162,1) 0%, rgba(3,77,162,1) 125px, rgba(239,65,54,1) 125px, rgba(239,65,54,1) 100%);
    background: linear-gradient(110deg, rgba(3,77,162,1) 0%, rgba(3,77,162,1) 125px, rgba(239,65,54,1) 125px, rgba(239,65,54,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#034da2",endColorstr="#ef4136",GradientType=1);
}
@media (max-width: 767px) {
    #opap-game.proto .header {
        background: rgb(3,77,162);
        background: -moz-linear-gradient(110deg, rgba(3,77,162,1) 0%, rgba(3,77,162,1) 50%, rgba(239,65,54,1) 50%, rgba(239,65,54,1) 100%);
        background: -webkit-linear-gradient(110deg, rgba(3,77,162,1) 0%, rgba(3,77,162,1) 50%, rgba(239,65,54,1) 50%, rgba(239,65,54,1) 100%);
        background: linear-gradient(110deg, rgba(3,77,162,1) 0%, rgba(3,77,162,1) 50%, rgba(239,65,54,1) 50%, rgba(239,65,54,1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#034da2",endColorstr="#ef4136",GradientType=1);
    }
}
@media (max-width: 567px) {
    #opap-game.proto .header {
        background: rgb(3,77,162);
        background: -moz-linear-gradient(110deg, rgba(3,77,162,1) 0%, rgba(3,77,162,1) 48%, rgba(239,65,54,1) 48%, rgba(239,65,54,1) 100%);
        background: -webkit-linear-gradient(110deg, rgba(3,77,162,1) 0%, rgba(3,77,162,1) 48%, rgba(239,65,54,1) 48%, rgba(239,65,54,1) 100%);
        background: linear-gradient(110deg, rgba(3,77,162,1) 0%, rgba(3,77,162,1) 48%, rgba(239,65,54,1) 48%, rgba(239,65,54,1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#034da2",endColorstr="#ef4136",GradientType=1);
    }
}
#opap-game.proto .draw-details .item .draw_id {
    display: block;
    color: #104c8c;
    font-size: 22px;
    font-weight: 700;
    text-align: center;
}

#opap-game.proto .draw-result-number span {
    font-size: 16px;
    color: #104c8c;
}
#opap-game.proto .draw-result-number .circle,
#opap-game.proto .draw-result-number ul.circles li {
    background: #1d427c;
    color: #fff;
}
#opap-game.proto .draw-result-number ul.circles li.bonus {
    background-color: #ffc314;
    color: #104c8c;
}
#opap-game.proto .table thead tr th {
    background-color: #F6F6F6;
    font-weight: 400;
    padding: 10px;
    text-align: center;
}
#opap-game.proto .table tbody tr td {
    background-color: #E6E7E8;
    vertical-align: middle;
    color: #808285;
    text-align: center;
}
#opap-game.proto .table tbody tr td.winnings {
    color: #000 !important;
    font-size: 15px;
}
#opap-game.proto .table tbody tr td span.proto-x {
    color: #939598;
    font-size: 15px;
}
#opap-game.proto .table tbody>tr:nth-child(4n-1)>td ,
#opap-game.proto .table tbody>tr:nth-child(4n)>td {
    background-color: #CFD0D1;
}
#opap-game.proto .table tbody tr td .circle {
    color: #fff;
    width: 36px;
    height: 36px;
    line-height: 36px;
    background: #034f9d;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    border-radius: 50px;
    display: inline-block;
    padding: 0;
    font-weight: 700;
    text-align: center;
}


/* ΛΟΤΤΟ */
#opap-game.lotto .header {
    background-color: #FFDD00;
}
#opap-game.lotto .draw-result-number .circle,
#opap-game.lotto .draw-result-number ul.circles li {
    background: #fedc00;
    color: #212529;
    border: 1px solid #fedc00;
    line-height: 34px;
}
#opap-game.lotto .draw-result-number ul.circles li.bonus {
    background-color: #fedc00;
    color: #212529;
    border: 1px solid #212529;
}
#opap-game.lotto .draw-result-number ul.circles li.plus {
    background-color: #fff;
    color: #212529;
    border: 1px solid #fff;
}
#opap-game.lotto .table thead tr th {
    background-color: #F6F6F6;
    font-weight: 400;
    padding: 10px;
    text-align: center;
}
#opap-game.lotto .table tbody tr td {
    background-color: #E6E7E8;
    vertical-align: middle;
    color: #808285;
    text-align: center;
}
#opap-game.lotto .table tbody tr td.winnings {
    color: #58595b !important;
}
#opap-game.lotto .table tbody>tr:nth-child(4n-1)>td ,
#opap-game.lotto .table tbody>tr:nth-child(4n)>td {
    background-color: #CFD0D1;
}
#opap-game.lotto .table tbody tr td .circle {
    color: #fff;
    width: 36px;
    height: 36px;
    line-height: 36px;
    background: #034f9d;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    border-radius: 50px;
    display: inline-block;
    padding: 0;
    font-weight: 700;
    text-align: center;
}
#opap-game.lotto .form-select {
    color: #fff;
    background-color: #1d427c;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23FFFFFF' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
    border-radius: 0;
    border: none;
    border-bottom: 2.7px solid #fff;
    padding: .375rem 2.25rem .375rem .5rem;
    box-shadow: none;
    cursor: pointer;
}
#opap-game.lotto .form-select option {
    color: #fff;
    cursor: pointer;
}
#opap-game.lotto .form-select option:focus,
#opap-game.lotto .form-select option:hover {
    background-color: #FFDD00;
}
#opap-game.lotto .header .search-button {
    padding-top: 10px;
}
#opap-game.lotto .header .search-button .btn_white_outline {
    color: #fff;
    background-color: #1d427c;
    border: 1px solid #1d427c;
}
#opap-game.lotto .header .search-button .btn_white_outline:hover {
    background-color: #212529;
    border: 1px solid #212529;
}


/* POWERSPIN */
#opap-game.powerspin .header {
    background: rgb(2,6,27);
    background: -moz-linear-gradient(90deg, rgba(2,6,27,1) 0%, rgba(24,3,45,1) 15%, rgba(52,0,73,1) 30%, rgba(60,0,86,1) 50%, rgba(52,0,73,1) 65%, rgba(24,3,45,1) 80%, rgba(2,6,27,1) 100%);
    background: -webkit-linear-gradient(90deg, rgba(2,6,27,1) 0%, rgba(24,3,45,1) 15%, rgba(52,0,73,1) 30%, rgba(60,0,86,1) 50%, rgba(52,0,73,1) 65%, rgba(24,3,45,1) 80%, rgba(2,6,27,1) 100%);
    background: linear-gradient(90deg, rgba(2,6,27,1) 0%, rgba(24,3,45,1) 15%, rgba(52,0,73,1) 30%, rgba(60,0,86,1) 50%, rgba(52,0,73,1) 65%, rgba(24,3,45,1) 80%, rgba(2,6,27,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#02061b",endColorstr="#02061b",GradientType=1);
    position: relative;
}
#opap-game.powerspin .header .game-logo {
    text-align: center;
}
#opap-game.powerspin .header .game-logo img {
    max-height: 100px;
}
#opap-game .draw-result-number span {
    font-size: 16px;
}
#opap-game.powerspin .draw-result-number .circle,
#opap-game.powerspin .draw-result-number ul.circles li {
    background: #104c8c;
    color: #fff;
}
#opap-game.powerspin .draw-result-number ul.circles li.bonus {
    background-color: #ffc314;
    color: #104c8c;
}
#opap-game.powerspin .table thead tr th {
    background-color: #F6F6F6;
    font-weight: 400;
    padding: 10px;
    text-align: center;
}
#opap-game.powerspin .table tbody tr td {
    background-color: #E6E7E8;
    vertical-align: middle;
    color: #808285;
    text-align: center;
}
#opap-game.powerspin .table tbody tr td.winnings {
    color: #104c8c !important;
}
#opap-game.powerspin .table tbody>tr:nth-child(4n-1)>td ,
#opap-game.powerspin .table tbody>tr:nth-child(4n)>td {
    background-color: #CFD0D1;
}
#opap-game.powerspin .table tbody tr td .circle {
    color: #fff;
    width: 36px;
    height: 36px;
    line-height: 36px;
    background: #034f9d;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    border-radius: 50px;
    display: inline-block;
    padding: 0;
    font-weight: 700;
    text-align: center;
}
@media (max-width: 567px) {
    #opap-game.powerspin .header .search-bar .col-6.item:nth-child(1) {
        padding: 0 15px 0 0;
    }
    #opap-game.powerspin .header .search-bar .col-6.item:nth-child(2) {
        padding: 0 0 0 15px;
    }
}
#opap-game.powerspin .powerspin-draw-results {
    padding: 10px;
    background-color: #EBEBEC;
    position: relative;
}

#opap-game.powerspin .powerspin-draw-results .result-number,
#opap-game.powerspin .powerspin-draw-results .result-overunder,
#opap-game.powerspin .powerspin-draw-results .result-symbol {
    width: 160px;
    text-align: center;
}
#opap-game.powerspin .powerspin-draw-results .result-color {
    width: 160px;
    margin: 0 100px;
    text-align: center;
}
#opap-game.powerspin .powerspin-draw-results .draw-label {
    display: block;
    color: #12455b;
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 8px;
}
#opap-game.powerspin .powerspin-draw-results .draw-number {
    background: #000;
    color: #fff;
    border-radius: 50%;
    width: 44px;
    height: 44px;
    line-height: 42px;
    text-align: center;
    display: inline-block;
    font-size: 22px;
    margin-bottom: 10px;
    font-weight: 700;
}
#opap-game.powerspin .powerspin-draw-results .blue {
    background: #01509f !important;
}
#opap-game.powerspin .powerspin-draw-results .red {
    background: #e2091c !important;
}
#opap-game.powerspin .powerspin-draw-results .green {
    background: #019642 !important;
}
#opap-game.powerspin .powerspin-draw-results .draw-color {
    border-radius: 20px;
    background: #01509f;
    color: #fff;
    width: 118px;
    height: 38px;
    line-height: 38px;
    display: inline-block;
    font-size: 20px;
    margin-bottom: 10px;
    font-weight: 700;
}
#opap-game.powerspin .powerspin-draw-results .draw-overunder {
    background: #333e45;
    color: #fff;
    border-radius: 50%;
    width: 44px;
    height: 44px;
    line-height: 42px;
    text-align: center;
    display: inline-block;
    font-size: 25px;
    margin-bottom: 10px;
    font-weight: 700;
}
#opap-game.powerspin .powerspin-draw-results .draw-overunder.over {
    color:#fcae00;
}
#opap-game.powerspin .powerspin-draw-statisticts {
    border: 8px solid #13216c;
    background-color: #13216c;
}
#opap-game.powerspin .powerspin-draw-statisticts .header-bar {
    color: #fff;
    line-height: 18px;
    padding: 5px;
    margin-bottom: 8px;
}
#opap-game.powerspin .powerspin-draw-statisticts .header-bar .draw-label {
    font-size: 18px;
    font-weight: 700;
}
#opap-game.powerspin .powerspin-draw-statisticts .table {
    margin-bottom: 3px;
}
#opap-game.powerspin .powerspin-draw-statisticts .table thead tr th {
    background-color: #c8057f;
    color: #fff;
    font-weight: 700;
    padding: 14px 8px;
}
#opap-game.powerspin .powerspin-draw-statisticts .table tbody tr td {
    background-color: #f2f2f2;
    color: #242528 !important;
    font-weight: 700;
    padding: 14px 8px;
}
#opap-game.powerspin .powerspin-draw-statisticts .table tbody tr:nth-child(even) td {
    background-color: #dee2e6;
}
#opap-game.powerspin .powerspin-draw-statisticts .table>:not(caption)>*>* {
    border-bottom: none;
}
#opap-game.powerspin .expand-statistics {
    width: 100px;
    position: absolute;
    right: 0;
    bottom: 0;
    padding: 10px;
    text-align: center;
    font-weight: 400;
    color: #12455b;
}
#opap-game.powerspin .expand-statistics:hover {
    cursor: pointer;
}
#opap-game.powerspin .footer-bar {
    background-color: #C8057F;
    color: #fff;
    line-height: 36px;
    padding: 5px 15px 10px;
}
#opap-game.powerspin .footer-bar .form-select {
    display: inline-block;
    width: auto;
    border-bottom: none;
}
#opap-game.powerspin .footer-bar .form-select:hover,
#opap-game.powerspin .footer-bar .form-select:focus {
    cursor: pointer;
}
#opap-game.powerspin .footer-bar a:link,
#opap-game.powerspin .footer-bar a:active,
#opap-game.powerspin .footer-bar a:visited {
    color: #fff;
}
#opap-game.powerspin .footer-bar a:hover {
    color: #13216c;
}
#opap-game.powerspin .footer-bar span {
    font-weight: 600;
}

@media (max-width: 991px) {
    #opap-game.powerspin .expand-statistics {
        width: 100%;
        position: relative;
        right: 0;
        bottom: 0;
        padding: 10px;
        text-align: center;
        font-weight: 400;
        color: #12455b;
        background-color: #d1d3d4;
    }
}
@media (max-width: 767px) {
    #opap-game.powerspin .powerspin-draw-results .result-number,
    #opap-game.powerspin .powerspin-draw-results .result-overunder {
        width: 140px;
        text-align: center;
    }
    #opap-game.powerspin .powerspin-draw-results .result-color {
        width: 140px;
        margin: 0 20px;
        text-align: center;
    }
    #opap-game.powerspin .powerspin-draw-results .draw-label {
        font-size:  12px !important;
    }
    #opap-game .header .game-logo {
        width: 100%;
        display: block;
        text-align: center;
        float: none;
    }
    #opap-game .header .search-bar {
        width: calc(100% - 130px);
        display: inline-block;
        float: left;
        margin:0 25px;
        padding-top: 10px;
    }
    #opap-game .header .search-button {
        width: 80px;
        display: block;
        text-align: center;
        position: relative;
    }
    #opap-game .header .search-button .btn {
        position: absolute;
        top: calc(50% + 10px);
        transform: translateY(calc(-50% + 10px));
        left: 20px;
    }
}
@media (max-width: 567px) {
    #opap-game .header .search-bar .item {
        padding: 0;
    }
}
.datepicker table tr td.today {
    color: #fff;
    background-color: #003e7e;
    border-color: #003e7e;
}
.datepicker table tr td.today:hover {
    color: #fff;
    background-color: #034f9d;
    border-color: #034f9d;
}
.datepicker .datepicker-switch:hover,
.datepicker .next:hover,
.datepicker .prev:hover,
.datepicker tfoot tr th:hover {
    background: #d63239;
    color: #fff;
}
.datepicker table tr td.day:hover,
.datepicker table tr td.focused {
    background: #034f9d;
    color: #fff;
    cursor: pointer;
}

.push {
    height:520px;
}
footer {
    height:520px;
    background-color:#231F20;
    color:#fff;
    position:relative;
    z-index:4;
}
footer.contained {
    max-width: 1286px;
    margin: 0 auto;
}
footer.contained .list_logo,
footer.contained .list_menu {
    padding: 0 12px;
}

footer .kethea {
    color: #fff;
    background-color: #1A3362;
}
footer .kethea img {
    max-height: 111px;
}
footer .logo {
    margin-bottom: 20px;
}
footer .logo img {

    height: 40px;
}
footer .menu {
    padding:20px 0 0;
}
footer .menu ul {
    margin-bottom: 10px;
}
footer .menu ul > li {
    display: block;
    font-size:14px;
    color:#fff;
    margin-bottom:3px;
    margin-right: 5px;
}
footer a:link,
footer a:active,
footer a:visited {
    color:rgba(255,255,255,.6);
}
footer a:hover {
    color:#fff;
    text-decoration:none;
}
footer .menu h3,
footer .menu .title {
    font-weight: 600;
}
footer .menu h3 a,
footer .menu .title a {
    color: #fff;
}
footer .list_menu {
    padding: 0;
}
footer .list_logo {
    padding: 0;
}
footer .social {
    text-align: center;
}
footer .social .title {
    margin-bottom: 10px;
}
footer .social ul li {
    display: inline-block;
    margin-right: 10px;
}
footer .social ul li:last-child {
    margin-right: 0;
}
footer .disclaimer {
    border-top: 1px solid rgba(255,255,255,.6);
    padding-top: 10px;
}
footer .bottom_bar {
    background-color:#121212;
    line-height:50px;
}
footer .copyright a {
    color: #333;
}
footer .copyright a:hover {
    color: #29367E;
}
footer .madeby {
    text-align: right;
}
footer .madeby a {
    color: #fff;
}
footer .madeby a span {
    color:#fff;
}
@media (max-width: 1340px) {
    footer .menu {
        padding: 20px;
    }
}

@media (max-width: 991px) {
    footer, footer .menu {
        height: auto;
    }
    footer .menu ul {
        margin-bottom: 15px;
    }
    footer .menu ul > li {
        margin-bottom: 5px;
    }
    footer .list_menu {
        order:2;
    }
    footer .list_logo {
        order:1;
        margin-bottom: 10px;
    }
    footer .social {
        order:3;
    }
    footer .kethea {
        order:4;
    }
    footer .kethea span {
        display: block;
    }
    footer .disclaimer {
        order:5;
    }
    footer ul.justify-content-between {
        justify-content: center!important;
    }
    footer ul.justify-content-between li {
        display: block;
        text-align: center;
        float: none;
        margin-right: 0;
    }
    footer .logo,
    footer .social,
    footer .disclaimer,
    footer .copyright,
    footer .madeby {
        text-align: center;
    }
    footer .social {
        line-height: 50px;
    }
    footer .bottom_bar {
        padding: 10px 0;
        line-height: 30px;
    }
}

@media (min-width: 1200px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl {
        max-width: 1280px;
    }
}
@media (max-width: 1199px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl {
        max-width: 100%;
    }
}

.maintenance_mode_wrapper {
    font-family: 'Open Sans', sans-serif;
    padding: 200px 0 0 0;
}
.maintenance_mode {
    width: 600px;
    margin: 0 auto;
    padding: 30px;
}
.maintenance_text {
    text-align: center;
    font-size: 24px;
    font-weight:700;
    color:#C9262D;
    line-height: 1.5em;
}
.maintenance_logo {
    margin:0 auto 10px auto;
    text-align:center;
}

#article_loader_spinner {
    display:none;
}

#article_loader_spinner .loading_article {
    vertical-align:middle;
    text-align:center;
    color:rgba(237, 28, 36, 1);
}

/* PAGINATION */
.pagination {
    border-top: 1px dashed #EAEAEA;
    padding: 10px 0 0 0;
    margin: 0 auto 10px auto;
    width: 100%;
    color: #818181;
    font-family: 'Open Sans', sans-serif;
}
.paging_simple {
    float: left;
}
#paging_jump {
    width: 25px;
    text-align: right;
    font-size: 13px;
    padding: 1px 2px;
    margin: 0;
    background: #f8f8f8;
    color: #d61319;
    border: 1px solid #ddd;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}
#paging_jump:focus {
    border: 1px solid #bbb;
    outline: none
}
.paging_list {
    list-style: none;
    float: right;
}
.paging_list li {
    float: unset;
    width: 100%;
    margin: 10px auto;
    height: auto;
    display: inline;
}
.paging_list li a, .paging_list li span {
    display: inline;
    float: left;
    padding: 3px 6px;
    margin: 0 1px;
}
.paging_list li a.selected {
    background: #d61319;
    color: #fff;
    font-weight: bold;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

/* BACK TO TOP */

.cd-top {
    display: inline-block;
    height: 40px;
    width: 40px;
    position: fixed;
    bottom: 20px;
    right: 10px;
    z-index: 10000;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
    background: rgba(237, 28, 36, 0.8) url(images/cd-top-arrow.svg) no-repeat center 50%;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: opacity .3s 0s, visibility 0s .3s;
    -moz-transition: opacity .3s 0s, visibility 0s .3s;
    transition: opacity .3s 0s, visibility 0s .3s;
}
.cd-top:hover {
    background-color: #c9262d;
    opacity: 1;
}
.cd-top.cd-is-visible, .cd-top.cd-fade-out, .no-touch .cd-top:hover {
    -webkit-transition: opacity .3s 0s, visibility 0s 0s;
    -moz-transition: opacity .3s 0s, visibility 0s 0s;
    transition: opacity .3s 0s, visibility 0s 0s;
}
.cd-top.cd-is-visible {
    visibility: visible;
    opacity: 1;
}
.cd-top.cd-fade-out {
    opacity: .5;
}
.no-touch .cd-top:hover,
.cd-top.cd-fade-out:hover {
    background-color: #c9262d;
    opacity: 1;
}

blink, .blink { animation: blink 1s step-end infinite; }
@keyframes blink {
    67% { opacity: 0 }
}

[data-href] { cursor: pointer; }


/* Custom Style for Quantcast Choice. Consent Manager Tag v2.0 (for TCF 2.0) */
#qc-cmp2-ui * {
    font-family: 'Open Sans', Helvetica, sans-serif !important;
}
#qc-cmp2-ui .qc-cmp2-scrollable-section::-webkit-scrollbar-thumb {
    background-color:#d63239;
}
#qc-cmp2-ui .qc-cmp2-summary-section img,
#qc-cmp2-ui .qc-cmp2-publisher-logo-container figure img {
    margin:20px auto !important;
    width:200px !important;
}
#qc-cmp2-ui button[mode=link] {
    color:#d63239 !important;
}
#qc-cmp2-ui button[mode=link]:hover {
    color:#941415 !important;
}
#qc-cmp2-ui .qc-cmp2-footer {
    box-shadow:none !important;
}
#qc-cmp2-ui button[mode=primary] {
    background-color:#fff !important;
    color:#d63239 !important;
    border:1px solid #d63239;
}
#qc-cmp2-ui button[mode=primary]:hover {
    background-color:#941415 !important;
    color:#fff !important;
}
#qc-cmp2-ui button[mode=secondary] {
    background-color:#fff !important;
    color:#d63239 !important;
    border:1px solid #d63239;
}
#qc-cmp2-ui button[mode=secondary]:hover {
    background-color:#941415 !important;
    color:#fff !important;
    border:1px solid #941415;
}
#qc-cmp2-ui .qc-cmp2-toggle-switch button[role=switch][aria-pressed=false] {
    background-color:#ccc !important;
    border:1px solid #ccc;
}
#qc-cmp2-ui .qc-cmp2-toggle-switch button[role=switch][aria-pressed=false] .text {
    color:#ccc !important;
}
#qc-cmp2-ui .qc-cmp2-toggle-switch button[role=switch][aria-pressed=true] {
    background-color:#d63239 !important;
    border:1px solid #d63239;
}
#qc-cmp2-ui .qc-cmp2-toggle-switch button[role=switch][aria-pressed=true] .text {
    color:#d63239 !important;
}
#qc-cmp2-ui a:link,
#qc-cmp2-ui a:active,
#qc-cmp2-ui a:visited {
    color:#d63239 !important;
}
#qc-cmp2-ui a:hover {
    color:#941415 !important;
}
#qc-cmp2-ui .qc-cmp2-home-button {
    color:#d63239 !important;
}
#qc-cmp2-ui .qc-cmp2-home-button img[src] {
    content:url("data:image/svg+xml,%3C?xml version='1.0' encoding='UTF-8'?%3E %3Csvg width='12px' height='19px' viewBox='0 0 12 19' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E %3C!-- Generator: Sketch 63.1 (92452) - https://sketch.com --%3E %3Ctitle%3EIcons/angle-left%3C/title%3E %3Cdesc%3ECreated with Sketch.%3C/desc%3E %3Cdefs%3E %3Cpath d='M3.88716886,8.47048371 L12.1431472,0.315826419 C12.4725453,-0.0145777987 13.005189,-0.0145777987 13.3345872,0.315826419 L13.8321886,0.814947685 C14.1615867,1.1453519 14.1615867,1.67962255 13.8321886,2.01002677 L6.6625232,9.06802326 L13.8251801,16.1260197 C14.1545782,16.456424 14.1545782,16.9906946 13.8251801,17.3210988 L13.3275787,17.8202201 C12.9981806,18.1506243 12.4655368,18.1506243 12.1361387,17.8202201 L3.88016039,9.6655628 C3.55777075,9.33515858 3.55777075,8.80088793 3.88716886,8.47048371 Z' id='path-1'%3E%3C/path%3E %3Crect id='path-3' x='0' y='0' width='18' height='18'%3E%3C/rect%3E %3C/defs%3E %3Cg id='New---Mobile-2' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E %3Cg id='iPhone-11-6-Copy' transform='translate(-23.000000, -138.000000)'%3E %3Cg id='v1' transform='translate(20.000000, 138.000000)'%3E %3Cg id='Icons/angle-left'%3E %3Cmask id='mask-2' fill='white'%3E %3Cuse xlink:href='%23path-1'%3E%3C/use%3E %3C/mask%3E %3Cuse id='Mask' fill='%23000000' fill-rule='nonzero' xlink:href='%23path-1'%3E%3C/use%3E %3Cg id='Colors/Action' mask='url(%23mask-2)'%3E %3Cmask id='mask-4' fill='white'%3E %3Cuse xlink:href='%23path-3'%3E%3C/use%3E %3C/mask%3E %3Cuse id='Bg.-Color' fill='%23941415' fill-rule='evenodd' xlink:href='%23path-3'%3E%3C/use%3E %3C/g%3E %3C/g%3E %3C/g%3E %3C/g%3E %3C/g%3E %3C/svg%3E");
}
#qc-cmp2-ui .qc-cmp2-scrollable-section {
    scrollbar-color: #d63239;
}
.qc-cmp2-container .qc-cmp2-persistent-link {
    background-color:#000 !important;
    color: #fff !important;
}
.qc-cmp2-persistent-link {
    left: inherit;
    right: 0 !important;
}
@media only screen and (max-width: 576px) {
    #qc-cmp2-summary-section .qc-cmp2-summary-section {
        max-height: 80%;
    }
    #qc-cmp2-ui.css-1ajfszh {
        height:90vh;
    }
}

a.live_link:link, a.live_link:visited, a.live_link:active {
    color: #0071E5;
    text-decoration: none;
    outline: none;
    transition:all 0.2s ease-in-out;
    -moz-transition:all 0.2s ease-in-out;
    -webkit-transition:all 0.2s ease-in-out;
    -o-transition:all 0.2s ease-in-out;
    font-weight: bold;
}
a.live_link:hover {
    text-decoration: underline;
    color: #003E7E;
}

.google_news {
    margin: 10px auto;
    line-height: 42px;
    font-weight: 600
}

.google_news img {
    float: left;
    margin-right: 15px;
}

.google_news a:active,.google_news a:link,.google_news a:visited {
    font-size: 17px;
    font-weight: 600;
    line-height: 1.2;
    color: #052962
}
.google_news a:hover {
    color: #0070e0
}
.opap_coupon .table tbody tr td.date-row {
    background-color: #003e7e !important;
    color: #fff !important;
    padding: .6rem;
    font-size: 14px;
    font-weight: 600;
}
.icon-card {
    display: inline-block !important;
    width: 10px;
    height: 14px;
    background-color: #fc0;
    line-height: 1;
    border-radius: 1px;
    vertical-align: text-bottom;
    margin-right: 4px;
    margin-left: 4px;
}
.icon-card.red {
    background-color: #ff4c3f;
}
/* ============ desktop view ============ */
@media all and (min-width: 992px) {
    header .navbar .nav-item .dropdown-menu{ display: none; }
    header .navbar .nav-item:hover .nav-link{   }
    header .navbar .nav-item:hover .dropdown-menu{ display: block; }
    header .navbar .nav-item .dropdown-menu{ margin-top:0; }
}
/* ============ desktop view .end// ============ */


.pageSkinCampaign {
    position: relative;
    z-index: 1;
}
.pageSkinCampaign .skins {
    display: block;
    transform: translateX(-50%);
    position: fixed;
    left: 50%;
    top: 0px;
    width: auto;
    height: 100%;
    overflow: hidden;
}
.pageSkin {
    display: block;
    position: fixed;
    top: 0px;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background-position:center top;
    background-repeat:no-repeat;
    /*background-attachment: fixed;*/
}
.pageSkin a {
    width:100%;
    height:100%;
    display:block;
    position:relative;
}
.active_skin {
    background-color: #fff;
    padding: 10px;
}
@media only screen and (min-width:1400px) {
    .mm-wrapper--position-left .mm-slideout, .mm-wrapper--position-right .mm-slideout {
        transform: inherit;
    }
}
.sticky_banner {
    position:sticky;
    left:0;
    bottom: 60px;
    z-index: 10;
    background-color: #202124;
}
.sticky_banner.centered {
    bottom:0;
    left:0;
    right: 0;
    margin: 0 auto;
}
.size_250x250 { width: 100%; max-width: 250px!important; max-height: 250px; height: auto;}
.size_300x250 { width: 100%; max-width: 300px!important; max-height: 250px; height: auto;}
.size_300x100 {	width: 100%; max-width: 300px!important; max-height: 100px; height: auto;}
.size_320x100 {	width: 100%; max-width: 320px!important; max-height: 100px; height: auto;}
.size_320x50 { width: 100%; max-width: 320px!important; max-height: 50px; height: auto;}
.size_468x60 { width: 100%; max-width: 468px!important; max-height: 60px; height: auto;}
.size_728x90 { width: 100%; max-width: 728px!important; max-height: 90px; height: auto;}
.size_970x250 { width: 100%; max-width: 970px!important; max-height: 250px; height: auto;}
.size_160x600 { width: 100%; max-width: 160px!important; max-height: 600px; height: auto;}

.sticky_banner .close_banner {
    width:32px;
    height:32px;
    display:inline-block;
    position: absolute;
    top:-32px;
    right:0;
    padding: 5px;
    font-size:16px;
    cursor: pointer;
    background-color: #202124;
    color:#fff;
    text-align:center;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    -webkit-border-top-left-radius: 4px;
    -webkit-border-top-right-radius: 4px;
    -moz-border-top-left-radius: 4px;
    -moz-border-top-right-radius: 4px;
}
.sticky_banner.centered .close_banner {
    left:0;
    margin: 0 auto;
}
.category_description {
    margin: 20px auto;
    padding: 15px;
    background-color: #f9f9f9;
    box-shadow: 0 3px 6px rgb(0 0 0 / 10%);
    font-size: 16px!important;
}
.category_description a:link,
.category_description a:active,
.category_description a:visited {
    text-decoration: underline;
}
.category_description a:hover {
    text-decoration: none;
}

.betting_company_total_score,
.betting_company_total_score.small {
    width: 60px;
    height: 60px;
    background-color: deepskyblue;
    color: white;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: bold;
    border-radius: 50%;
    font-size: 20px;
    content-visibility: visible;
    text-align: center;
}

.betting_company_total_score.small {
    font-size:10px;
    height: 30px;
    width:30px;
}

.score-circle {
    width: 100px;
    margin: 6px 6px 20px;
    display: inline-block;
    position: relative;
    text-align: center;
    line-height: 1.2;
}
.score-circle canvas {
    vertical-align: top;
}
.score-circle strong {
    position: absolute;
    top: 18px;
    left: 0;
    width: 100%;
    text-align: center;
    line-height: 40px;
    font-size: 20px;
}
.score-circle strong i {
    font-style: normal;
    font-size: 0.6em;
    font-weight: normal;
}
.score-circle span {
    display: block;
    margin-top: 12px;
    /*color: #aaa;*/
    color: black;
}

.betting_company_payment_method_icon {
    width: 85px;
    min-width: 85px;
    max-height: 45px;

    display: block;
    padding: 8px;
    background-color: white;
    border-radius: 6px;
    border: 1px solid lightgray;
    object-fit: cover;
    object-position: center;
}

@media (min-width: 768px) {
    .betting_company_payment_method_icon {
        width: 85px;
        min-width: 85px;
        max-height: 45px;
    }
}


.nav-tabs .nav-link.active {
    border: 1px #dee2e6 solid;
    background: rgba(222, 226, 230, 0.69);
}

.evaluation-text ul,
.evaluation-text ol {
    margin-left: 20px;
}


.textlinks-1-3-red {
    color: #d61319;
    font-weight: bold;
    font-style: italic;
}


/*Betting companies*/
.pros_and_cons_pros_button,
.pros_and_cons_cons_button,
.pros_and_cons_responsive_pros_button,
.pros_and_cons_responsive_cons_button {
    outline: none!important;
    box-shadow: none!important;
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
    text-decoration: none;
    overflow: hidden;
    cursor: pointer;
}
.pros_and_cons_pros_button:after,
.pros_and_cons_cons_button:after,
.pros_and_cons_pros_responsive_button:after,
.pros_and_cons_cons_responsive_button:after {
    content: "";
    background: #90EE90;
    display: block;
    position: absolute;
    padding-top: 300%;
    padding-left: 350%;
    margin-left: -20px!important;
    margin-top: -120%;
    opacity: 0;
    transition: all 0.8s
}
.pros_and_cons_cons_button:after,
.pros_and_cons_responsive_cons_button:after {
    background: #ee909e;
}
.pros_and_cons_pros_button:active:after,
.pros_and_cons_cons_button:active:after,
.pros_and_cons_responsive_pros_button:active:after,
.pros_and_cons_responsive_cons_button:active:after {
    padding: 0;
    margin: 0;
    opacity: 1;
    transition: 0s
}

.pros_and_cons_pros_button,
.pros_and_cons_responsive_pros_button {
    border-bottom-right-radius: 0!important;
    border-top-right-radius: 0!important;
}
.pros_and_cons_cons_button,
.pros_and_cons_responsive_cons_button {
    border-bottom-left-radius: 0!important;
    border-top-left-radius: 0!important;
}
/* BETTING COMPANIES */
.betting_company_details p {
    margin-bottom: 15px;
}
.betting_company_details .bg-light ul {
    margin: 15px auto 15px 20px;
}
.betting_company_details .bg-light ul li {
    list-style-type: square;
    margin-bottom: 10px;

}
.pamestoixima-gr_color {
    background: rgb(33,37,41);
    background: -moz-linear-gradient(135deg, rgba(33,37,41,1) 0%, rgba(33,37,41,1) 50%, rgba(185,28,37,1) 50%);
    background: -webkit-linear-gradient(135deg, rgba(33,37,41,1) 0%, rgba(33,37,41,1) 50%, rgba(185,28,37,1) 50%);
    background: linear-gradient(135deg, rgba(33,37,41,1) 0%, rgba(33,37,41,1) 50%, rgba(185,28,37,1) 50%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#212529",endColorstr="#b91c25",GradientType=1);
}
.novibet_color {
    background: rgb(48,53,64);
}
.netbet_color {
    background-color: #333743;
}
.betsson_color {
    background: #ff6600;
}
.betshop_color {
    background: rgb(5,87,164);
}
.readonly_stars {
    pointer-events: none;
}

.list-indent {
    list-style: none;
    text-indent: -10px; /* key property */
    margin-left: 20px; /* key property */
}
.list-indent li {
    margin-bottom: 10px;
}
.betting_company_banner {
    border-bottom-right-radius: 0!important;
    border-bottom-left-radius: 0!important;
    border-bottom: none!important;
    border-color: rgba(0,0,0,.8) !important;
}

.betting_company_banner_more {
    background: rgba(0, 0, 0, .8) !important;
    color: white!important;
    border-color: rgba(0, 0, 0, .8) !important;
    text-align: center!important;
    border-top: 0!important;
}
.betting_company_widget_banner {
    max-width: 320px;
    border: 1px solid #dee2e6;
    border-radius: 6px;
    background: #f9f9f9;
    margin: 0 auto;
}
#infinite-articles .betting_company_widget_banner {
    max-width: 100%;
}
#infinite-articles .betting_company_widget_banner .offer_text.m-1 {
    margin: .25rem auto!important
}
.betting_company_widget_wrapper .offer .logo {
    color: #fff;
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
    position: relative;
    width: 100px !important;
    min-height: 64px;
    max-height: 64px;
}
.betting_company_widget_wrapper .offer .logo .with-score {
    position: absolute;
    top: 40% !important;
    left: 8px !important;
    right: 0;
}
.betting_company_widget_wrapper .offer .logo img {
    max-width: 90px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}
.betting_company_widget_wrapper .offer .logo div.score {
    position: absolute;
    top: 64% !important;
    left: 8px !important;
    right: 0;
}
.betting_company_widget_wrapper .offer .logo {
}
.betting_company_widget_wrapper .offer .offer_text {
}
.betting_company_widget_wrapper .offer .offer_text .register a {
    text-align: right;
    margin-left: 42px;
}
.betting_company_widget_wrapper .offer .offer_text .eeep {
    font-size: 10px;
    float: right;
}
.betting_company_widget_wrapper .offer .btn-offer {
    padding: 4px 10px;
}
.betting_company_widget_wrapper .offer .logo:after {
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 32px 0 31px 22px;
    position: absolute;
    top: 0;
    right: -22px;
}
.large h2 {
    padding-bottom: 5px !important;
}
.large .betting_company_widget_banner {
    max-width: 340px;
}

.daily-bet {
    margin-bottom: 20px;
}
.daily-bet .header {
    background-color: var(--generic-blue);
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    padding: .5rem .5rem;
    border-bottom: 1px solid #fff;
}
.daily-bet .tip {
    padding: .5rem .5rem;
    background-color: #F2F2F2;
    border-bottom: 1px solid #dee2e6;
}
.daily-bet .tip:nth-child(odd) {
    background-color: #fff;
}
.daily-bet .bet-match {
    width: calc(100% - 80px);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.daily-bet .bet-point {
    width: 40px;
    text-align: center;
    font-weight: 700;
}
.daily-bet .bet-odd {
    width: 40px;
    text-align: end;
}


.line-truncate,
.line-truncate-2,
.line-truncate-3 {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.line-truncate-2 {
    -webkit-line-clamp: 2;
}
.line-truncate-3 {
    -webkit-line-clamp: 3;
}
.responsive_sidebar_widget {
    cursor: pointer!important;
    text-decoration: underline;
    color: black;
}
.responsive_sidebar_widget:hover {
    text-decoration: none;
    color: #345bd3;
}

#betting_companies_sidebar_modals .navbar ul {
    display: flex;
    flex-direction: row;
    white-space: nowrap;
}
@media (max-width: 767px) {
    #betting_companies_sidebar_modals .navbar ul {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
    }
}
#mobile_section_links {
    width: 203px!important;
}
@media (min-width: 768px) {
    #betting_company_tabs .row .col-12 {
        border-bottom: none!important;
    }
}
@media (max-width: 567px) {
    #betting_company_tabs div {
        font-size: 12px;
    }
}


#opinions {
    background-color: #f7f7f7;
    border: 1px solid #eee
}

#opinions article {
    padding: 5px 10px;
}

#opinions article .author_image figure, .main-content .author figure {
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    overflow: hidden
}

#opinions article .author_image figure {
    width: 100px;
    height: 100px;
    margin: 0 auto 10px
}

#opinions article .author_name h3 a {
    color: #d63239;
}

#opinions article .title h4 {
    font-weight: 700;
    text-align: center;
    display: block;
}

/* NEW LIVE STYLES */

.match-details .match_score {
    margin-top: -12px;
    color: #22222673;
}
.match-details .match_score span {
    font-size: 28px;
    font-weight: 700;
}
.match-details .match_score.live .score,
.match-details .match_score.live .status {
    color: var(--primary-red);
}
.match-details .match_score .score {
    font-family: 'Roboto Slab', serif;
}
.match-details .match_score.ft .score {
    color: #22222673;
}
.match-details .match_score.ft .score .winner {
    color: #222226;
}
.score-list .home {
    text-align: right;
}
.score-list .column {
    display: flex;
    align-items: flex-end;
    -webkit-box-pack: center;
    justify-content: start;
    flex-direction: column;
    -webkit-box-flex: 1;
    flex-grow: 1;
    width: 100%;
    max-width: 148px;
    margin-left: 8px;
    margin-right: 16px;
}
.score-list {
    color: var(--surface-v3);
    font-size: 12px;
    margin-bottom: 20px;
}
.score-list .away.column {
    align-items: flex-start;
    margin-left: 16px;
    margin-right: 8px;
}
.score-list .goal:after {
    content: '\f1e3';
    font-weight: 700;
    color: var(--primary-green);
}
.score-list .goal::after {
    font-size: 14px;
    font-family: 'Font Awesome 6 Pro', sans-serif;
    display: inline-block;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
}

.soccer_field {
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    flex-flow: wrap;
    padding: 12px;
    background-color: var(--terrain-soccer);
    position: relative;
    width: 100%;
    border-radius: 8px;
}
.soccer_field svg {
    vertical-align: top;
}
@media (min-width: 992px) {
    .field_home_team, .field_away_team  {
        max-width: 45%;
    }
}
.field_home_team {
    background-color: var(--surface-v5);
    width: 320px;
    margin: 8px 0;
    padding: 8px 12px;
    border-radius: 4px;
    order:3;
}
.field_away_team {
    background-color: var(--surface-v5);
    width: 320px;
    margin: 8px 0;
    padding: 8px 12px;
    border-radius: 4px;
    order: 4;
}
.field_team_info {
    display: flex;
    -webkit-box-align: start;
    align-items: start;
    font-size: 16px;
    font-weight: 700;
}
.field_team_info .name {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    flex-wrap: wrap;
    flex: 1 1 auto;
}
.field_team_info .formation {
    display: flex;
    flex: 0 0 auto;
}
.field_home {
    position: relative;
    flex: 1 1 50%;
    border-right: none;
    display: flex;
    order: 1;
}
.field_away {
    position: relative;
    flex: 1 1 50%;
    border-left: none;
    display: flex;
    order: 2;
}
.soccer_field .players_position {
    display: flex;
    z-index: 1;
    height: 400px;
    flex-direction: row;
    background-image: linear-gradient(to right, var(--surface-v5) 0% 12.5%, transparent 12.5% 25%, var(--surface-v5) 25% 37.5%, transparent 37.5% 50%, var(--surface-v5) 50% 62.5%, transparent 62.5% 75%, var(--surface-v5) 75% 87.5%, transparent 87.5% 100%);
    flex: 1 1 50%;
    border-right: none;
}
.soccer_field .players_position .column {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    justify-content: space-evenly;
    flex-direction: column-reverse;
    flex: 1 1 auto;
}
@media (max-width: 991px) {
    .soccer_field .players_position .column {
        flex-direction: row-reverse;
    }
}
.soccer_field .players_position .column .player {
    display: flex;
    flex-direction: column;
    -webkit-box-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    align-items: center;
    position: relative;
    z-index: 1;
    border-radius: 4px;
    text-align: center;
    transition: opacity 0.1s ease-in-out 0s;
    width: 56px;
    height: 72px;
}
.soccer_field .players_position .column .player .number {
    width: 24px;
    position: absolute;
    top: 6px;
    left: calc(50% - 12px);
    color: #222226;
    text-align: center;
    letter-spacing: -0.2px;
    font: 700 14px / 1.33 'Open Sans', sans-serif;
}
.soccer_field .players_position .column .player_name {
    width: 64px;
    padding-top: 4px;
    color: var(--surface-v1);
    text-align: center;
    font: 600 11px / 1 'Open Sans', sans-serif;
    word-break: break-word;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
}
.field_home_lines {
    position: absolute;
    z-index: 0;
    top: 0;
    left: 0;
    width: 100%;
    height: 400px;
    user-select: none;
    border:2px solid var(--surface-s1);
    border-right: 1px solid var(--surface-s1);
}
.field_home_lines .goal {
    position: absolute;
    z-index: 0;
    transform-origin: left top;
    transform: translateY(160px) rotate(-90deg);
    top: calc(50% - 80px);
    left: 0;
}
.field_home_lines .c1 {
    left: 0;
}
.field_home_lines .c1, .field_home_lines .c2 {
    position: absolute;
    z-index: 0;
    top: 0;
}
.field_home_lines .c2 {
    transform: rotate(180deg);
    top: unset;
    right: unset;
    bottom: 0;
    left: 0;
}
.field_home_lines .center {
    position: absolute;
    z-index: 0;
    bottom: 0;
    transform: rotate(-90deg);
    transform-origin: center top;
    top: 50%;
    right: 0;
    left: unset;
}
.field_away_lines {
    position: absolute;
    z-index: 0;
    top: 0;
    left: 0;
    width: 100%;
    height: 400px;
    user-select: none;
    transform: rotate(180deg);
    border:2px solid var(--surface-s1);
    border-right: 1px solid var(--surface-s1);
}
.field_away_lines .goal {
    position: absolute;
    z-index: 0;
    transform-origin: left top;
    transform: translateY(160px) rotate(-90deg);
    top: calc(50% - 80px);
    left: 0;
}
.field_away_lines .c1 {
    left: 0;
}
.field_away_lines .c1, .field_away_lines .c2 {
    position: absolute;
    z-index: 0;
    top: 0;
}
.field_away_lines .c2 {
    transform: rotate(180deg);
    top: unset;
    right: unset;
    bottom: 0;
    left: 0;
}
.field_away_lines .center {
    position: absolute;
    z-index: 0;
    bottom: 0;
    transform: rotate(-90deg);
    transform-origin: center top;
    top: 50%;
    right: 0;
    left: unset;
}
@media (min-width: 992px) {
    .soccer_field .field_away .players_position {
        flex-direction: row-reverse;
    }
}
@media (max-width: 991px) {
    .soccer_field {
        flex-flow: column wrap;
    }
    .soccer_field .players_position {
        max-height: 400px;
        flex: 1 1 400px;
        z-index: 1;
        flex-direction: column;
        background-image: linear-gradient( to bottom, var(--surface-v5) 0% 12.5%, transparent 12.5% 25%, var(--surface-v5) 25% 37.5%, transparent 37.5% 50%, var(--surface-v5) 50% 62.5%, transparent 62.5% 75%, var(--surface-v5) 75% 87.5%, transparent 87.5% 100% );                        border-bottom: none;
    }
    .soccer_field .field_away .players_position {
        flex-direction: column-reverse;
    }
    .field_home {
        order:2;
    }
    .field_away {
        order:3;
    }
    .field_home_team {
        width: 100%;
        order:1;
        margin: 0 0 8px;
    }
    .field_away_team {
        width: 100%;
        order: 4;
        margin: 8px 0 0;
    }
    .field_home_lines {
        width: 100%;
        height: 100%;
        border-right: 2px solid var(--surface-s1);
        border-bottom: 1px solid var(--surface-s1);
    }
    .field_away_lines {
        width: 100%;
        height: 100%;
        transform: rotate(180deg);
        border-right: 2px solid var(--surface-s1);
        border-bottom: 1px solid var(--surface-s1);
    }
    .field_home_lines .goal,
    .field_away_lines .goal {
        position: absolute;
        z-index: 0;
        left: calc(50% - 80px);
        top: 0;
    }
    .field_home_lines .goal {
        transform: inherit;
    }
    .field_away_lines .goal {
        transform-origin: bottom;
        transform: initial;
    }
    .field_home_lines .c1 {
        left: 0;
    }
    .field_home_lines .c1, .field_home_lines .c2 {
        position: absolute;
        z-index: 0;
        top: 0;
    }
    .field_home_lines .c2 {
        transform: initial;
        top: 0;
        right: 0;
        bottom: unset;
        left: unset;
    }
    .field_away_lines .c2 {
        transform: initial;
        top: 0;
        right: 0;
        bottom: unset;
        left: unset;
    }
    .field_home_lines .center,
    .field_away_lines .center {
        left: calc(50% - 64px);
        transform: unset;
        top: unset;
    }
}

.soccer_field .field_home .players_position .player .number {
    color: #FFF;
}
.soccer_field .field_home .players_position .player.gk .number {
    color: #222226;
}
.soccer_field .field_home .players_position .player .neck path {
    fill: #A81617 !important;
}
.soccer_field .field_home .players_position .player .sleeves path {
    fill: #761818 !important;
}
.soccer_field .field_home .players_position .player .tshirt path {
    fill: #A81617 !important;
}
.soccer_field .field_home .players_position .player.gk .neck path {
    fill: #9FA2A9 !important;
}
.soccer_field .field_home .players_position .player.gk .sleeves path {
    fill: #9FA2A9 !important;
}
.soccer_field .field_home .players_position .player.gk .tshirt path {
    fill: #FFFA00 !important;
}

.soccer_field .field_away .players_position .player .number {
    color: #FFF;
}
.soccer_field .field_away .players_position .player.gk .number {
    color: #FFF;
}
.soccer_field .field_away .players_position .player .neck path {
    fill: #024699 !important;
}
.soccer_field .field_away .players_position .player .sleeves path {
    fill: #024699 !important;
}
.soccer_field .field_away .players_position .player .tshirt path {
    fill: #024699 !important;
}
.soccer_field .field_away .players_position .player.gk .neck path {
    fill: #66FF66 !important;
}
.soccer_field .field_away .players_position .player.gk .sleeves path {
    fill: #66FF66 !important;
}
.soccer_field .field_away .players_position .player.gk .tshirt path {
    fill: #000 !important;
}

.match-main-stats .teams_logos img {
    width: 32px;
    height: 32px;
    object-fit: cover;
}
.match-main-stats .teams_logos .nav-item {
    font-size: 16px;
    font-weight: 700;
}
.match-main-stats .teams_lineup .category {
    padding: 16px 16px 10px;
    font-size: 16px;
    font-weight: 700;
}
.match-main-stats .teams_lineup .player {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    flex: 1 1 auto;
    padding: 8px 16px;
    font-weight: 400;
    border-bottom: 1px solid var(--surface-v4);
    font-size: 14px;
}
.match-main-stats .teams_lineup .player:last-child {
    border-bottom: none;
}
.match-main-stats .teams_lineup .player .photo {
    width: 40px;
    height: 40px;
    margin-right: 16px;
}
.match-main-stats .teams_lineup .player .photo img {
    border: 1px solid var(--surface-v4);
    border-radius: 50%;
    object-fit: cover;
}
.match-main-stats .teams_lineup .player span {
    display: block;
}
.match-main-stats .teams_lineup .player span.comment {
    color: var(--surface-v3);
}

.match-timeline .match-section {
    background-color: var(--generic-blue);
    color: #fff;
    border-radius: 6px;
    border-bottom: none;
    margin: 5px auto;
}
.match-section span {
    width: 100%;
    display: block;
    text-align: center;
}
.match-timeline .incident {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    flex-direction: row;
    padding-left: 8px;
    padding-right: 8px;
    height: 32px;
}
.match-timeline .incident.away {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    flex-direction: row-reverse;
}
.match-timeline .incident:hover {
    background-color: var(--surface-s2);
    border-radius: 6px;
}
.match-timeline .incident span {
    min-width: 24px;
    display: inline-block;
    line-height: 24px;
    padding: 4px;
}
.match-timeline .incident > span:first-child {
    color: var(--surface-v3);
    min-width: 32px;
}
.match-timeline .incident.away > span:first-child {
    text-align: right;
}
.match-timeline .incident > span:nth-child(2) {
    margin: 0 4px;
    text-align: center;
    min-width: 28px;
}
.match-timeline .incident .substitution span.in {
    color: var(--primary-green);
}
.match-timeline .incident .substitution span.out {
    color: var(--primary-red);
}

.statistic-row {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    flex-direction: column;
}
.statistic-row-labels {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    justify-content: space-between;
    min-height: 36px;
    width: 100%;
    padding: 8px;
}
.statistic-row-labels span {
    padding-left: 4px;
    padding-right: 4px;
    font-size: 14px;
    font-weight: 600;
}
.statistic-row-labels .label span {
    font-size: 12px;
}
.statistic-row-labels .home {
    text-align: left;
    flex: 1 1 0;
}
.statistic-row-labels .away {
    text-align: right;
    flex: 1 1 0;
}
.statistic-row-labels .label {
    text-align: center;
    flex: 2 1 0;
    text-transform: uppercase;
}
.statistic-row-progress {
    display: flex;
    gap: 16px;
    width: 100%;
    padding-bottom: 12px;
    padding-left: 8px;
    padding-right: 8px;
}
.statistic-row-progress .stats-line {
    height: 6px;
    width: 100%;
    border-radius: 8px;
}
.statistic-row-progress .stats-line .progress {
    height: 6px;
}
.statistic-row-progress .stats-line.home .progress {
    flex-direction: row-reverse;
}
.statistic-row-progress .stats-line.home .progress-bar {
    background-color: var(--primary-red);
}
.statistic-row-progress .stats-line.away .progress-bar {
    background-color: var(--generic-blue);
}
@media (max-width: 991px) {
    #index_betting_offers.timeline {
        display: block;
    }
}
