@font-face {
    font-family: roboto;
    src: url(/fonts/Roboto-Regular.ttf);
}
article {
    position: relative;
}
article .odds_converter:nth-of-type(1n+2) {
    margin: 30px 0px 0px 0px;
}
article table.odds_list {
    box-sizing: border-box;
    border-spacing: 0px;
    display: table;
    width: 100% !important;
}
article table.odds_list tr:nth-of-type(odd) td {
    background: #f8f8f8;
}
article table.odds_list tr:nth-of-type(even) td {
    background: #ffffff;
}
article table.odds_list tr:hover td {
    background: #f9ebea; //#FFF3E5;
    color: #A07F59;
}
article table.odds_list tr:hover td:first-child {
    color: #A07F59;
}
article table.odds_list th {
    padding: 0px;
    height: 120px;
    position: relative;
    background: #424850; //#514648;
    border: 0px !important;
}
article table.odds_list th:nth-child(2n+2) {
    background: #545B63; //#493F41;
}
article table.odds_list th:not(:first-child):hover, 
article table.odds_list th.active {
    background: #222222;
}
article table.odds_list th div.th {
    transform: rotate(-90deg);
    font-weight: normal;
    text-align: left !important;
    vertical-align: middle;
    font-size: 0.9em;
    min-width: 120px;
    height: 30px;
    line-height: 100%;
    position: absolute;
    left: calc(50% - 58px); /* -33px */
    bottom: 53px;
    font-weight: bold;
}
article table.odds_list th img:not(.original) {
    display: inline-block;
    border: 0px;
    border-radius: 0px;
    margin: 0px;
    width: 75px;
    height: 25px;
}
article table.odds_list th svg {
    display: inline-block;
    width: 18px;
    height: 25px;
    background: #ff6600;
    position: relative;
    border-radius: 0px 5px 5px 0px;
    transition: all 0.2s;
}
article table.odds_list th a:hover svg, 
article table.odds_list th a.active svg {
    background: #ff6600;
}
article table.odds_list th svg polyline {
    stroke: transparent;
    stroke-width: 0px;
    fill: #ffffff;
}
article table.odds_list th div.value {
    display: block;
    float: none;
    line-height: 115%;
}
article table.odds_list th a {
    color: #eeeeee;
    text-align: left;
    line-height: 115%;
}
article table.odds_list th a:hover {
    color: #ffffff;
}
article table.odds_list td {
    min-width: 28px;
    min-height: 38px;
    font-family: roboto, sans-serif;
    font-size: 0.9;
    text-align: center;
    border: 0px !important;
}



@media(max-width: 799px) {
    article table.odds_list td {
        font-size: 0.95;
    }
}


article table.odds_list td:first-child {
    min-width: 140px;
    text-align: left;
}
article table.odds_list td span {  
    display: inline-block;
    width: auto;
    min-width: 34px;
    height: 38px;
    line-height: 38px;
    padding: 0px 3px;
    cursor: pointer;
    position: relative;
    font-size: 0.95em;
    border-radius: 3px;
}
article table.odds_list td.best span {
    color: #cc0000;
    font-weight: 500;
}
article table.odds_list tr:hover td.best span {
    color: #ff6600;
}
article table.odds_list td:hover span {
    background: #ffffff; /* 168ECE */
    color: #ee0000;
    font-weight: normal;
}
article table.odds_list td:hover span:after {
    content: 'BET';
    display: block;
    width: 100%;
    height: 12px;
    line-height: 12px;
    font-size: 11px;
    font-weight: bold;
    background: #ee0000;
    color: #ffffff;
    text-align: center;
    position: absolute;
    left: 0px;
    top: 0px;
    border-radius: 3px 3px 0px 0px;
}
article .odds_converter {
    text-align: right;
    padding: 0px 0px 20px 0px;
    font-size: 0.85em;
}

article .odds_converter span {
    display: inline-block;
    width: 24px;
    height: 24px;
    line-height: 24px;
    font-size: 0.7em;
    font-weight: bold;
    background: #eeeeee;
    color: #444444;
    text-align: center;
    cursor: pointer;
    margin: 0px 3px 10px 0px;
    border-radius: 50%;
    transition: all 0.5s;
}
article .odds_converter span.active {
    background: #ee0000;
    color: #ffffff;
    cursor: text;
}
article .odds_converter span:not(.active):hover {
    background: #eeeeee;
    color: #ee0000;
}
article table.odds_list span.us, 
article table.odds_list span.eu {
    display: none;
}
article table.odds_list th, 
article table.odds_list td {
    line-height: 38px;
}
article table.odds_list.resized th:first-child, 
article table.odds_list.resized td:first-child {
    position: absolute;
    left: 40px;
    top: auto;
}
div.table_scroller {
    display: block;
    overflow-x: auto;
}