@import url(//fonts.googleapis.com/css?family=Roboto:300,400,500,700,900&subset=latin,latin-ext);
a {
    text-decoration: none
}

#mainLeftContent,
#mainLeftContent *,
#mainLeftContent:after,
#mainLeftContent:before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-overflow-scrolling: touch;
    overflow-scrolling: touch
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

input[type=number] {
    -moz-appearance: textfield
}

.disabled {
    cursor: default
}

.customSelect {
    position: inherit;
    width: 100%;
    height: 34px!important;
    background-color: transparent;
    background: 0 0;
    box-shadow: none;
    border: 0;
    border-radius: 0;
    color: #757575;
    font-size: 12px;
    padding: 0 10px
}

.customSelect:after {
    content: "";
    width: 14px;
    height: 8px;
    position: absolute;
    top: 50%;
    margin-top: -4px;
    right: 20px;
    background: url(https://cdn.tuttur.com/web/public/img/new-icon-dropdown.png) no-repeat;
    background-size: 100%;
    pointer-events: none
}

.customSelectInner {
    position: inherit;
    width: 100%;
    line-height: 34px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.lds-ellipsis {
    display: block;
    margin: 0 auto;
    position: relative;
    width: 64px;
    height: 64px
}

.lds-ellipsis div {
    position: absolute;
    top: 27px;
    width: 11px;
    height: 11px;
    border-radius: 50%;
    animation-timing-function: cubic-bezier(0, 1, 1, 0)
}

.lds-ellipsis div:nth-child(1) {
    background: #1ca7de;
    left: 6px;
    animation: lds-ellipsis1 .6s infinite
}

.lds-ellipsis div:nth-child(2) {
    background: #ff7216;
    left: 6px;
    animation: lds-ellipsis2 .6s infinite
}

.lds-ellipsis div:nth-child(3) {
    background: #1ca7de;
    left: 26px;
    animation: lds-ellipsis2 .6s infinite
}

.lds-ellipsis div:nth-child(4) {
    background: #ff7216;
    left: 45px;
    animation: lds-ellipsis3 .6s infinite
}

@keyframes lds-ellipsis1 {
    0% {
        transform: scale(0)
    }
    100% {
        transform: scale(1)
    }
}

@keyframes lds-ellipsis3 {
    0% {
        transform: scale(1)
    }
    100% {
        transform: scale(0)
    }
}

@keyframes lds-ellipsis2 {
    0% {
        transform: translate(0, 0)
    }
    100% {
        transform: translate(19px, 0)
    }
}

#navigation {
    z-index: 1002
}

#header {
    z-index: 1003
}

.topMenuLeftFirstPopular {
    width: 167px
}

.topMenuLeftSocialBet {
    width: 121px
}

.topMenuLeftMostPlayed {
    width: 162px
}

.topMenuLeftBest {
    width: 90px
}

.topMenuLeftLiveResults {
    width: 133px
}

.topMenuRightSportToto {
    width: 99px
}

.topMenuRightMilliPiyango {
    width: 123px
}

.topMenuRightTjk {
    width: 78px
}

ul#mainMenuOtherContent {
    width: 230px;
    max-height: 380px;
    overflow: auto;
    right: 0;
    left: auto;
    top: 38px;
    background: #fff;
    padding-top: 0
}

ul#mainMenuOtherContent li {
    width: 220px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    background: 0 0
}

#whiteMenuContent ul li>span:first-child {
    width: 24px;
    height: 24px;
    background: url(https://cdn.tuttur.com/web/public/img/icon-sports.png) no-repeat -96px 0
}

#whiteMenuContent ul li span.menuLogoLive {
    width: 24px;
    height: 24px;
    background: url(https://cdn.tuttur.com/web/public/img/icon-sports.png) no-repeat -264px 0
}

#whiteMenuContent ul li.active span.menuLogoLive {
    width: 24px;
    height: 24px;
    background: url(https://cdn.tuttur.com/web/public/img/icon-sports.png) no-repeat -288px 0
}

#whiteMenuContent ul li.active span {
    color: #d0021b
}

#whiteMenuContent ul li.selected {
    background: #e9ebeb
}

#whiteMenuContent ul li span.menuLogohentbol {
    width: 24px;
    height: 24px;
    background: url(https://cdn.tuttur.com/web/public/img/icon-sports.png) no-repeat 0 0
}

#whiteMenuContent ul li span.menuLogobasketbol {
    width: 24px;
    height: 24px;
    background: url(https://cdn.tuttur.com/web/public/img/icon-sports.png) no-repeat -24px 0
}

#whiteMenuContent ul li span.menuLogobuz-hokeyi {
    width: 24px;
    height: 24px;
    background: url(https://cdn.tuttur.com/web/public/img/icon-sports.png) no-repeat -48px 0
}

#whiteMenuContent ul li span.menuLogosnooker {
    width: 24px;
    height: 24px;
    background: url(https://cdn.tuttur.com/web/public/img/icon-sports.png) no-repeat -72px 0
}

#whiteMenuContent ul li span.menuLogovoleybol {
    width: 24px;
    height: 24px;
    background: url(https://cdn.tuttur.com/web/public/img/icon-sports.png) no-repeat -120px 0
}

#whiteMenuContent ul li span.menuLogoplaj-voleybolu {
    width: 24px;
    height: 24px;
    background: url(https://cdn.tuttur.com/web/public/img/icon-sports.png) no-repeat -120px 0
}

#whiteMenuContent ul li span.menuLogofutbol {
    width: 24px;
    height: 24px;
    background: url(https://cdn.tuttur.com/web/public/img/icon-sports.png) no-repeat -144px 0
}

#whiteMenuContent ul li span.menuLogoboks {
    width: 24px;
    height: 24px;
    background: url(https://cdn.tuttur.com/web/public/img/icon-sports.png) no-repeat -168px 0
}

#whiteMenuContent ul li span.menuLogomotor-sporlari {
    width: 24px;
    height: 24px;
    background: url(https://cdn.tuttur.com/web/public/img/icon-sports.png) no-repeat -192px 0
}

#whiteMenuContent ul li span.menuLogotenis {
    width: 24px;
    height: 24px;
    background: url(https://cdn.tuttur.com/web/public/img/icon-sports.png) no-repeat -216px 0
}

#whiteMenuContent ul li span.menuLogoatletizm {
    width: 24px;
    height: 24px;
    background: url(https://cdn.tuttur.com/web/public/img/icon-sports.png) no-repeat -240px 0
}

#whiteMenuContent ul li span {
    margin: 7px 0 7px 5px!important
}

#whiteMenuContent ul li#mainMenuOtherTab {
    float: right;
    width: 100px
}

#eventContentContainer.normalBetting *,
#eventContentContainer.normalBetting:after,
#eventContentContainer.normalBetting:before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-overflow-scrolling: touch;
    overflow-scrolling: touch
}

#no-match,
#no-match *,
#no-match:after,
#no-match:before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-overflow-scrolling: touch;
    overflow-scrolling: touch
}

.showLoader:after {
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, .8);
    top: 0;
    left: 0;
    content: "";
    z-index: 4000
}

.showLoader .lds-ellipsis {
    position: absolute;
    top: 30px;
    left: 50%;
    margin-left: -32px;
    z-index: 4001
}

#noResultScreen {
    display: none;
    background: #e9ebee url(https://cdn.tuttur.com/web/public/img/new-icon-information.png) no-repeat 10px 15px;
    padding-left: 35px;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-right: 10px;
    font-size: 12px;
    line-height: 24px;
    color: #333
}

#noResultScreen span {
    display: block
}

#noResultScreen span i {
    color: #3594d8;
    font-style: normal
}

#noResultScreen a {
    display: block;
    text-align: center;
    margin-top: 5px;
    background: #3594d8;
    color: #fff;
    width: 128px;
    height: 26px;
    line-height: 26px;
    border-radius: 5px;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .27)
}

#eventContentContainer.normalBetting p {
    font-size: 12px;
    line-height: 120%
}

#eventContentContainer.normalBetting .branchTitle {
    background: #2f6700;
    height: 20px;
    line-height: 20px;
    border-radius: 5px;
    padding: 0 10px;
    margin-bottom: 5px;
    color: #fff;
    font-size: 11px;
    letter-spacing: 1px
}

#eventContentContainer.normalBetting .branchTitle:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0
}

#eventContentContainer.normalBetting .bulletinTitle {
    background: #6ea03a;
    height: 30px;
    line-height: 30px;
    border-radius: 5px;
    padding: 0 10px;
    margin-bottom: 5px;
    color: #fff;
    letter-spacing: 0;
    font-size: 11px;
    position: sticky;
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 1000
}

#eventContentContainer.normalBetting .bulletinTitle.hiddenItem {
    display: none
}

#eventContentContainer.normalBetting .bulletinTitle:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0
}

#eventContentContainer.normalBetting .bulletinTitle .bulletinTitleLeague {
    float: left
}

#eventContentContainer.normalBetting .bulletinTitle .bulletinTitleOdds {
    float: right
}

#eventContentContainer.normalBetting .bulletinTitle .bulletinTitleOdds ul {
    margin: 0;
    padding: 0;
    list-style: none inside;
    overflow: hidden
}

#eventContentContainer.normalBetting .bulletinTitle .bulletinTitleOdds ul li {
    float: left;
    border-left: 1px solid #060;
    width: 46px;
    letter-spacing: 0;
    text-align: center;
    color: #fff
}

#eventContentContainer.normalBetting .bulletinTitle .bulletinTitleOdds ul li span {
    display: block;
    height: 30px;
    line-height: 20px;
    color: #fff;
    position: relative;
    font-size: 10px
}

#eventContentContainer.normalBetting .bulletinTitle .bulletinTitleOdds ul li span a {
    width: 8px;
    height: 8px;
    position: absolute;
    bottom: 2px
}

#eventContentContainer.normalBetting .bulletinTitle .bulletinTitleOdds ul li span a.sortAZ {
    left: 50%;
    margin-left: -12px
}

#eventContentContainer.normalBetting .bulletinTitle .bulletinTitleOdds ul li span a.sortZA {
    left: 50%;
    margin-left: 2px
}

#eventContentContainer.normalBetting .bulletinTitle .bulletinTitleOdds ul li span a.sortAZ:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 4px 5px 4px;
    border-color: transparent transparent #fff transparent
}

#eventContentContainer.normalBetting .bulletinTitle .bulletinTitleOdds ul li span a.sortZA:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5px 4px 0 4px;
    border-color: #fff transparent transparent transparent
}

#eventContentContainer.normalBetting .bulletinTitle .bulletinTitleOdds ul li span a.sortAZ.selected:after {
    border-color: transparent transparent #2b5c03 transparent
}

#eventContentContainer.normalBetting .bulletinTitle .bulletinTitleOdds ul li span a.sortZA.selected:after {
    border-color: #2b5c03 transparent transparent transparent
}

#eventContentContainer.normalBetting .bulletinTitle .bulletinTitleOdds ul li>a {
    display: block;
    height: 30px;
    line-height: 30px;
    color: #fff
}

#eventContentContainer.normalBetting .bulletinTitle .bulletinTitleOdds ul li.extraCol {
    width: 42px
}

#eventContentContainer.normalBetting .bulletinTitle .bulletinTitleOdds ul li.oddSocialHeading {
    width: 60px
}

#eventContentContainer.normalBetting .bulletinMatches {
    margin-bottom: 5px
}

#eventContentContainer.normalBetting .bulletinMatches:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0
}

.bulletinMatchItem {
    margin-bottom: 1px;
    height: 34px;
    font-size: 11px;
    background: #e9ebee
}

.bulletinMatchItem.hiddenItem {
    display: none
}

.bulletinMatchItem.forceShowItem {
    display: block!important
}

.bulletinMatchItem.hiddenItemDate {
    display: none
}

.bulletinMatchItem.hiddenItemLeague {
    display: none
}

.bulletinMatchItem.hiddenLiveItem {
    display: none
}

.bulletinMatchItem.hiddenMBCItem {
    display: none
}

.bulletinMatchItem.firstItem {
    border-radius: 5px 5px 0 0
}

.bulletinMatchItem.lastItem {
    border-radius: 0 0 5px 5px
}

.bulletinMatchItem.firstItem.lastItem {
    border-radius: 5px
}

.bulletinMatchItem:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0
}

.feature.item {
    overflow: visible
}

.feature.item:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0
}

.bulletinMatchItem .typeIcon {
    width: 16px;
    height: 16px;
    float: left;
    margin: 7px 3px;
    position: relative;
    background: none transparent
}

#eventContentContainer.liveBetting .bulletinMatchItem .typeIcon {
    margin: 9px 3px
}

.bulletinMatchItem .typeIcon:before {
    content: "";
    width: 16px;
    height: 16px;
    position: absolute;
    top: 0;
    left: 0;
    background: url(https://cdn.tuttur.com/web/public/img/icon-sports.png) no-repeat -96px 0;
    background-size: 208px
}

.bulletinMatchItem .typeIcon.hentbol:before {
    background-position: 0 0
}

.bulletinMatchItem .typeIcon.basketbol:before {
    background-position: -16px 0
}

.bulletinMatchItem .typeIcon.buz-hokeyi:before {
    background-position: -32px 0
}

.bulletinMatchItem .typeIcon.snooker:before {
    background-position: -48px 0
}

.bulletinMatchItem .typeIcon.voleybol:before {
    background-position: -80px 0
}

.bulletinMatchItem .typeIcon.plaj-voleybolu:before {
    background-position: -80px 0
}

.bulletinMatchItem .typeIcon.futbol:before {
    background-position: -96px 0
}

.bulletinMatchItem .typeIcon.boks:before {
    background-position: -112px 0
}

.bulletinMatchItem .typeIcon.motor-sporlari:before {
    background-position: -128px 0
}

.bulletinMatchItem .typeIcon.tenis:before {
    background-position: -144px 0
}

.bulletinMatchItem .typeIcon.atletizm:before {
    background-position: -160px 0
}

.bulletinMatchItem .leagueCode {
    display: block;
    float: left;
    line-height: 34px;
    color: #152d42;
    letter-spacing: 0;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    padding: 0 2px;
    width: 45px;
    border-right: 1px solid #fff;
    text-align: center
}

.bulletinMatchItem .mbcIcon {
    float: left;
    text-align: center;
    border-right: 0;
    display: block;
    width: 12px;
    height: 12px;
    background: #462cac;
    border-radius: 2px;
    color: #fff;
    line-height: 12px;
    font-size: 10px;
    text-align: center;
    margin: 11px 4px;
    top: auto
}

.bulletinMatchItem .mbcIcon.mbc-1 {
    background: #d0021b
}

.bulletinMatchItem .mbcIcon.mbc-2 {
    background: #ff8000
}

.bulletinMatchItem .mbcIcon.mbc-3 {
    background: #588500
}

.bulletinMatchItem .mbcIcon.mbc-5 {
    background: #026392
}

.bulletinMatchItem .infoIcon {
    float: left;
    width: 14px;
    height: 14px;
    background: #7d93a0;
    border-radius: 50%;
    color: #fff;
    line-height: 14px;
    font-size: 10px;
    text-align: center;
    margin: 10px 2px;
    opacity: .5
}

.bulletinMatchItem .infoIcon.active {
    background: #009dd8;
    opacity: 1
}

.bulletinMatchItem .statsIcon {
    float: left;
    width: 14px;
    height: 14px;
    background: url(https://cdn.tuttur.com/web/public/img/icon-stats.png) no-repeat center;
    background-size: 14px;
    margin: 9px 2px;
    opacity: 1
}

.bulletinMatchItem .liveIcon {
    display: block;
    float: left;
    width: 14px;
    height: 14px;
    background: url(https://cdn.tuttur.com/web/public/img/icon-sports.png) no-repeat -154px 0;
    background-size: 182px;
    margin: 10px 2px;
    opacity: 0;
    text-indent: -9999px;
    left: auto;
    bottom: auto;
    position: relative;
    visibility: hidden
}

.bulletinMatchItem .liveIcon.active {
    background-position: -168px 0;
    opacity: 1;
    visibility: visible
}

.bulletinMatchItem .startDate {
    display: block;
    float: left;
    width: 34px;
    line-height: 34px;
    padding: 0 3px;
    text-align: center;
    border-right: 1px solid #fff;
    color: #152d42;
    font-weight: 700
}

.bulletinMatchItem .startDate span {
    display: block;
    background: red;
    color: #fff;
    text-align: center;
    font-size: 10px;
    border-radius: 3px;
    line-height: 20px;
    height: 20px;
    font-weight: 400;
    width: 100%;
    margin-top: 7px
}

.bulletinMatchItem .startDate span i {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    line-height: 20px;
    text-align: center;
    font-style: normal;
    font-weight: 400;
    animation: showTimeLeft 2s step-start 0s infinite;
    opacity: 0
}

.bulletinMatchItem .startDate span em {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    line-height: 20px;
    text-align: center;
    font-style: normal;
    font-weight: 400;
    animation: showMatchTime 2s step-start 0s infinite;
    opacity: 1
}

.bulletinMatchItem .startDate.last5Minutes span {
    background: #ff4200
}

.bulletinMatchItem .startDate.last10Minutes span {
    background: #ff8400
}

.bulletinMatchItem .startDate.last15Minutes span {
    background: #ffbd00
}

.bulletinMatchItem .teams {
    display: block;
    float: left;
    width: 172px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    padding: 3px 0 3px 5px
}

.bulletinMatchItem .teams a {
    color: #009dd8;
    font-weight: 700;
    display: block;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.bulletinMatchItem .teams .homeTeam {
    display: block;
    line-height: 14px;
    letter-spacing: 0;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.bulletinMatchItem .teams .homeTeam {
    display: block;
    line-height: 14px;
    letter-spacing: 0;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

#eventContentContainer.shortTeams .teams {
    width: 127px
}

.bulletinMatchItem .odds {
    padding-right: 10px;
    float: right
}

.bulletinMatchItem .odds .upcomingDate {
    font-weight: 700;
    line-height: 34px
}

.bulletinMatchItem .odds ul {
    margin: 0;
    padding: 0;
    list-style: none inside;
    position: relative
}

.bulletinMatchItem .odds ul li {
    float: left;
    width: 46px;
    border-left: 1px solid #e9ebee;
    letter-spacing: 0;
    text-align: center;
    color: #000;
    position: relative
}

.bulletinMatchItem .odds ul li span.isOdd {
    display: block;
    height: 24px;
    line-height: 20px;
    color: #000;
    background: #fff;
    border-radius: 5px;
    width: 42px;
    margin: 5px auto;
    border: 1px solid #fff;
    position: relative;
    cursor: default;
    float: none;
    padding-right: 0
}

.bulletinMatchItem .odds ul li a.showExtraOddsPage {
    display: block;
    height: 24px;
    line-height: 24px;
    color: #009dd9;
    background: #fff;
    border-radius: 5px;
    width: 38px;
    margin: 5px auto;
    border: 1px solid #fff;
    position: relative
}

.bulletinMatchItem .odds ul li.extraCol {
    width: 42px
}

.bulletinMatchItem .odds ul li.colGoal {
    line-height: 34px
}

.bulletinMatchItem .odds ul li a.showExtraOddsPage {
    padding-right: 10px;
    text-align: right
}

.bulletinMatchItem .odds ul li a.showExtraOddsPage:before {
    content: "";
    position: absolute;
    top: 50%;
    margin-top: -1px;
    right: 1px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 4px 4px 0 4px;
    border-color: #009dd9 transparent transparent transparent
}

.bulletinMatchItem .odds ul li a.showExtraOddsPage:after {
    content: "";
    position: absolute;
    top: 50%;
    margin-top: -2px;
    right: 1px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 4px 4px 0 4px;
    border-color: #fff transparent transparent transparent
}

.bulletinMatchItem.listOddsActive:not(.Blocked) .odds ul li:not(.Blocked) a.showExtraOddsPage:before,
.bulletinMatchItem:not(.Blocked) .odds ul li:not(.Blocked) a.showExtraOddsPage:not(.passive):hover:before {
    border-color: #fff transparent transparent transparent
}

.bulletinMatchItem.listOddsActive:not(.Blocked) .odds ul li:not(.Blocked) a.showExtraOddsPage:after,
.bulletinMatchItem:not(.Blocked) .odds ul li:not(.Blocked) a.showExtraOddsPage:not(.passive):hover:after {
    border-color: #009dd9 transparent transparent transparent
}

#eventContentContainer .bulletinMatchItem.oddSelectedOnDetailPage .odds ul li a.showExtraOddsPage:before {
    border-color: #fff transparent transparent transparent
}

#eventContentContainer .bulletinMatchItem.oddSelectedOnDetailPage .odds ul li a.showExtraOddsPage:after {
    border-color: #7ecdeb transparent transparent transparent
}

#eventContentContainer.liveBetting .bulletinMatchItem:not(.Blocked) .odds ul li:not(.Blocked) a {
    padding-right: 10px;
    text-align: right;
    position: relative
}

#eventContentContainer.liveBetting .bulletinMatchItem:not(.Blocked) .odds ul li:not(.Blocked) a:before {
    content: "";
    position: absolute;
    top: 50%;
    margin-top: -4px;
    right: 3px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 4px 0 4px 4px;
    border-color: transparent transparent transparent #009dd9
}

#eventContentContainer.liveBetting .bulletinMatchItem:not(.Blocked) .odds ul li:not(.Blocked) a:after {
    content: "";
    position: absolute;
    top: 50%;
    margin-top: -4px;
    right: 4px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 4px 0 4px 4px;
    border-color: transparent transparent transparent #fff
}

#eventContentContainer.liveBetting .bulletinMatchItem:not(.Blocked) .odds ul li:not(.Blocked) a:hover:before {
    border-color: transparent transparent transparent #fff
}

#eventContentContainer.liveBetting .bulletinMatchItem:not(.Blocked) .odds ul li:not(.Blocked) a:hover:after {
    border-color: transparent transparent transparent #009dd9
}

#eventContentContainer.liveBetting .bulletinMatchItem:not(.Blocked).oddSelectedOnDetailPage .odds ul li:not(.Blocked) a:before {
    border-color: transparent transparent transparent #fff
}

#eventContentContainer.liveBetting .bulletinMatchItem:not(.Blocked).oddSelectedOnDetailPage .odds ul li:not(.Blocked) a:after {
    border-color: transparent transparent transparent #7ecdeb
}

.bulletinMatchItem .odds ul li span.isOdd[data-ratio="1"] {
    padding-right: 0
}

.bulletinMatchItem .odds ul li span.isOdd[data-ratio="-1"] {
    padding-right: 0
}

.bulletinMatchItem:not(.Blocked) .odds ul li.Active span.isOdd {
    cursor: pointer
}

.bulletinMatchItem:not(.Blocked) .odds ul li.Active span.isOdd:hover {
    background: #c9d1c1;
    border-color: #c9d1c1
}

.bulletinMatchItem:not(.Blocked) .odds ul li:not(.Blocked) a.showExtraOddsPage:not(.passive):hover {
    background: #009dd9;
    border-color: #009dd9;
    color: #fff
}

.bulletinMatchItem:not(.Blocked) .odds ul li.Active span.isOdd.active {
    background: #7ecdeb;
    border-color: #7ecdeb;
    color: #fff
}

.bulletinMatchItem.listOddsActive:not(.Blocked) .odds ul li:not(.Blocked) a.showExtraOddsPage {
    background: #009dd9;
    border-color: #009dd9;
    color: #fff
}

#eventContentContainer .bulletinMatchItem.oddSelectedOnDetailPage .odds ul li a.showExtraOddsPage {
    background: #7ecdeb;
    border-color: #7ecdeb;
    color: #fff
}

#eventContentContainer.liveBetting .bulletinMatchItem.oddSelectedOnDetailPage .odds ul li a {
    background: #7ecdeb;
    border-color: #7ecdeb;
    color: #fff
}

.bulletinMatchItem.listOddsActive {
    border-bottom-right-radius: 0!important;
    border-bottom-left-radius: 0!important
}

#eventContentContainer .bulletinMatchItem .odds ul li.Blocked span.isOdd:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 22px;
    line-height: 22px;
    background: #b5b5b5 url(https://cdn.tuttur.com/web/public/img/icon-locked.png) no-repeat center;
    top: 0;
    left: 0;
    border: 1px solid #b5b5b5;
    border-radius: 5px;
    z-index: 1;
    cursor: default
}

#eventContentContainer .bulletinMatchItem .odds ul li.Completed span.isOdd:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 22px;
    line-height: 22px;
    background: #b5b5b5 url(https://cdn.tuttur.com/web/public/img/icon-locked.png) no-repeat center;
    top: 0;
    left: 0;
    border: 1px solid #b5b5b5;
    border-radius: 5px;
    z-index: 1;
    cursor: default
}

#eventContentContainer.normalBetting .bulletinMatchItem.modified .odds ul li:not(.Blocked) span.isOdd[data-ratio="1"]:before {
    content: "";
    z-index: 1;
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 4px 4px 4px;
    border-color: transparent transparent #85c871 transparent;
    top: 1px;
    right: 1px
}

#eventContentContainer.normalBetting .bulletinMatchItem.modified .odds ul li:not(.Blocked) span.isOdd[data-ratio="-1"]:before {
    content: "";
    z-index: 1;
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 4px 4px 0 4px;
    border-color: #dc6566 transparent transparent transparent;
    top: 1px;
    right: 1px
}

#eventContentContainer.liveBetting .bulletinMatchItem.modified .odds ul li:not(.Blocked) span.isOdd[data-ratio="1"] {
    animation: increaseOdd 1.5s 5
}

#eventContentContainer.liveBetting .bulletinMatchItem.modified .odds ul li:not(.Blocked) span.isOdd[data-ratio="-1"] {
    animation: decreaseOdd 1.5s 5
}

@keyframes increaseOdd {
    0% {
        border: 1px solid #fff
    }
    100% {
        border: 1px solid #85c871
    }
}

@keyframes decreaseOdd {
    0% {
        border: 1px solid #fff
    }
    100% {
        border: 1px solid #dc6566
    }
}

@keyframes showTimeLeft {
    50% {
        opacity: 1
    }
}

@keyframes showMatchTime {
    50% {
        opacity: 0
    }
}

.bulletinMatchItem span.isOdd {
    position: relative
}

.bulletinMatchItem span.isOdd .oddPercentage {
    top: auto;
    bottom: 0;
    height: 3px
}

.bulletinMatchItem span.isOdd .oddPercentage .percentage {
    height: 3px
}

.bulletinMatchItem .odds ul li.matchSocial {
    width: 70px;
    height: 34px;
    margin-right: -10px
}

.bulletinMatchItem .odds ul li.matchSocial .social {
    line-height: 34px;
    height: 34px;
    background: 0 0;
    border: 0;
    width: 66px;
    margin: 0 0 0 3px;
    border-radius: 0;
    display: block;
    position: relative
}

.bulletinMatchItem .odds ul li.matchSocial .social .socialInfo {
    display: block
}

.bulletinMatchItem .odds ul li.matchSocial .social .socialInfo span {
    display: block;
    text-align: left;
    float: right;
    width: 31px;
    font-size: 10px;
    color: #009dd8
}

.bulletinMatchItem .odds ul li.matchSocial .social .socialInfo span.likes {
    padding-left: 9px;
    margin-right: 2px;
    background: url(https://cdn.tuttur.com/web/public/img/icon-like.png) no-repeat left center;
    background-size: 8px
}

.bulletinMatchItem .odds ul li.matchSocial .social .socialInfo span.comments {
    padding-left: 11px;
    margin-right: 2px;
    background: url(https://cdn.tuttur.com/web/public/img/icon-comment.png) no-repeat left center;
    background-size: 10px
}

.bulletinMatchItem .odds ul li.matchSocial .social .socialInfoDetail {
    display: none;
    position: absolute;
    width: 547px;
    background: #cbd7dd;
    left: -481px;
    height: 34px;
    top: 0;
    z-index: 2
}

.bulletinMatchItem .odds ul li.matchSocial .social:hover {
    background: #cbd7dd
}

.bulletinMatchItem .odds ul li.matchSocial .social:hover .socialInfoDetail {
    display: block
}

.bulletinMatchItem .socialInfoDetail .myLinks {
    color: #009dd8;
    display: block;
    float: right;
    margin-right: 20px;
    cursor: pointer;
    text-decoration: underline
}

.bulletinMatchItem .socialInfoDetail a.myCoupons,
.bulletinMatchItem .socialInfoDetail a.myReminder {
    display: block;
    float: left;
    height: 20px;
    line-height: 20px;
    color: #666;
    text-decoration: none;
    padding-left: 18px;
    margin: 8px 0 0 10px
}

.bulletinMatchItem .socialInfoDetail a.myCoupons {
    background: url(https://cdn.tuttur.com/web/public/img/icon-coupon.png) no-repeat left center;
    background-size: 14px
}

.bulletinMatchItem .socialInfoDetail a.myReminder {
    background: url(https://cdn.tuttur.com/web/public/img/icon-reminder.png) no-repeat left center;
    background-size: 14px
}

.bulletinMatchItem .socialInfoDetail .eventShareLink {
    position: relative
}

.bulletinMatchItem .socialInfoDetail .eventCommentLink {
    position: relative
}

.bulletinMatchItem .socialInfoDetail .eventLikeLink {
    position: relative
}

.feedContent .bulletinMatchItem .teams {
    width: 159px
}

.feedContent .bulletinMatchItem .leagueCode {
    border-right: 0
}

.feedContent .bulletinMatchItem .startDate {
    border-right: 0
}

#eventContentContainer.invisible {
    visibility: hidden
}

#eventContentContainer.invisible .bulletinTitle {
    visibility: hidden
}

#eventContentContainer.invisible .bulletinMatches {
    visibility: hidden
}

#eventContentContainer.invisible .bulletinMatchItem {
    visibility: hidden
}

#eventContentContainer.invisible .bulletinMatchItem .liveIcon.active {
    visibility: hidden
}

.eventItem {
    min-height: 56px;
    height: auto;
    font-size: 11px;
    background: #e9ebee;
    overflow: hidden;
    border-radius: 5px;
    width: 500px;
    margin: 0 auto
}

.eventItem .odds {
    padding-right: 10px;
    width: 240px;
    min-height: 56px;
    border-left: 1px solid #fff;
    padding-left: 10px
}

.eventItem .odds ul {
    margin: 0;
    padding: 5px 50px 5px 0;
    list-style: none inside;
    position: relative;
    overflow: hidden
}

.eventItem .odds ul li {
    float: left;
    width: 56px;
    border-left: 1px solid #e9ebee;
    letter-spacing: 0;
    text-align: center;
    color: #000;
    position: relative
}

.eventItem .odds ul li.extra {
    width: 46px;
    position: absolute;
    top: 0;
    right: 0
}

.eventItem .odds ul li span.isOdd {
    display: block;
    height: 24px;
    line-height: 24px;
    color: #000;
    background: #fff;
    border-radius: 5px;
    margin: 2px auto;
    border: 1px solid #fff;
    position: relative;
    cursor: default;
    float: none;
    overflow: hidden;
    width: 52px;
    text-align: left
}

.eventItem .odds ul li span.isOdd:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0
}

.eventItem .odds ul li span.isOdd .isOddText {
    font-style: normal;
    float: left;
    line-height: 24px;
    font-weight: 700;
    margin-left: 4px
}

.eventItem .odds ul li span.isOdd .isOddOutcome {
    font-style: normal;
    float: right;
    line-height: 24px;
    font-weight: 400;
    margin-right: 4px
}

.eventItem .odds ul li a.showExtraOddsPage {
    display: block;
    height: 24px;
    line-height: 24px;
    color: #009dd9;
    background: #fff;
    border-radius: 5px;
    width: 42px;
    margin: 6px auto;
    border: 1px solid #fff;
    position: relative
}

.eventItem .odds ul li.colGoal {
    line-height: 34px
}

.eventItem .odds ul li.wide {
    width: 84px
}

.eventItem .odds ul li.wide span.isOdd {
    width: 80px
}

.eventItem .odds ul li.Blocked span.isOdd:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 24px;
    line-height: 24px;
    background: #b5b5b5 url(https://cdn.tuttur.com/web/public/img/icon-locked.png) no-repeat center;
    top: -1px;
    left: 0;
    border: 1px solid #b5b5b5;
    border-radius: 5px;
    z-index: 1;
    cursor: default;
    visibility: visible
}

.eventItem .odds ul li.Closed span.isOdd:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 24px;
    line-height: 24px;
    background: #b5b5b5 url(https://cdn.tuttur.com/web/public/img/icon-locked.png) no-repeat center;
    top: -1px;
    left: 0;
    border: 1px solid #b5b5b5;
    border-radius: 5px;
    z-index: 1;
    cursor: default;
    visibility: visible
}

.feedItem .eventItem {
    margin-top: 10px!important;
    margin-left: 0!important;
    margin-right: 0!important
}

.feedItem .eventItem .odds ul {
    padding-right: 0!important
}

.feedItem .eventItem .odds ul li.extra {
    display: none!important
}

.feedItem .eventItem .odds ul li {
    width: 72px!important
}

.feedItem .eventItem .odds ul li span.isOdd {
    width: 68px!important
}

.feedItem .eventItem .odds ul li.wide {
    width: 108px!important
}

.feedItem .eventItem .odds ul li.wide span.isOdd {
    width: 104px!important
}

.feedItem .eventItem span.isOdd .oddPercentage {
    display: none!important
}

.feedContent .eventItem {
    margin-top: 10px!important;
    margin-left: 0!important;
    margin-right: 0!important
}

.feedContent .eventItem .odds ul {
    padding-right: 0!important
}

.feedContent .eventItem .odds ul li.extra {
    display: none!important
}

.feedContent .eventItem .odds ul li {
    width: 72px!important
}

.feedContent .eventItem .odds ul li span.isOdd {
    width: 68px!important
}

.feedContent .eventItem .odds ul li.wide {
    width: 108px!important
}

.feedContent .eventItem .odds ul li.wide span.isOdd {
    width: 104px!important
}

.feedContent .eventItem span.isOdd .oddPercentage {
    display: none!important
}

.eventsMask .eventItem.bulletinMatchItem {
    min-height: inherit;
    height: 46px;
    width: 100%;
    margin: 0 auto 2px auto;
    font-size: 10px
}

.eventsMask .eventItem.bulletinMatchItem .teams {
    margin-top: 13px;
    height: 28px;
    width: 138px;
    padding-right: 5px;
    font-size: 11px
}

.eventsMask .eventItem.bulletinMatchItem .leagueCode {
    position: absolute;
    left: 3px;
    top: 0;
    line-height: 18px;
    border-right: 0;
    text-align: left
}

.eventsMask .eventItem.bulletinMatchItem .mbcIcon {
    position: absolute;
    left: 45px;
    top: 0;
    margin: 3px 4px
}

.eventsMask .eventItem.bulletinMatchItem .startDate {
    position: absolute;
    left: 65px;
    top: 0;
    line-height: 18px;
    border-right: 0
}

.eventsMask .eventItem.bulletinMatchItem .odds {
    padding-right: 3px;
    width: 190px;
    min-height: 48px;
    padding-left: 3px
}

.eventsMask .eventItem.bulletinMatchItem .odds ul {
    padding: 12px 36px 0 0
}

.eventsMask .eventItem.bulletinMatchItem .odds ul li {
    width: 50px
}

.eventsMask .eventItem.bulletinMatchItem .odds ul li.wide {
    width: 76px
}

.eventsMask .eventItem.bulletinMatchItem .odds ul li span.isOdd {
    width: 46px
}

.eventsMask .eventItem.bulletinMatchItem .odds ul li.wide span.isOdd {
    width: 72px
}

.eventsMask .eventItem.bulletinMatchItem .odds ul li.extra {
    width: 32px
}

.eventsMask .eventItem.bulletinMatchItem .odds ul li a.showExtraOddsPage {
    width: 28px;
    font-size: 10px;
    margin: 13px auto
}

.eventsMask .eventItem.bulletinMatchItem .odds ul li a {
    display: block;
    height: 24px;
    line-height: 24px;
    color: #009dd9;
    background: #fff;
    border-radius: 5px;
    border: 1px solid #fff;
    position: relative;
    width: 28px;
    font-size: 10px;
    margin: 13px auto
}

.feedContent .bulletinMatchExtraOdds {
    width: 500px;
    margin: 0 auto;
    max-height: 200px;
    overflow: auto
}

#profileContainer .bulletinMatchExtraOdds {
    padding-bottom: 5px
}

#profileContainer .bulletinMatchExtraOdds .bulletinTabContent .bulletinTabFooterLink {
    display: none
}

#drawContainer .eventCommentLink {
    right: 0!important
}

#drawContainer .eventLikeLink {
    right: 0!important
}

#drawContainer .eventShareLink {
    right: 0!important
}

#eventContainerHeader *,
#eventContainerHeader:after,
#eventContainerHeader:before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-overflow-scrolling: touch;
    overflow-scrolling: touch
}

#eventContainerHeader {
    padding-bottom: 10px;
    z-index: 1001;
    padding-left:40px;
}

#eventContainerHeader:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0
}

#eventContainerHeader #eventSearchFilter {
    width: 34px;
    height: 34px;
    position: absolute;
    left: 0;
    top: 0;
}

#eventContainerHeader #eventSearchFilter #toggleSearchForm {
    display: block;
    width: 34px;
    height: 34px;
    border: 1px solid #e9ebeb;
    border-radius: 5px;
    background: #fff url(https://cdn.tuttur.com/web/public/img/new-ico-search-toggle.png) no-repeat center 9px;
    background-size: 50%;
    cursor: pointer
}

#eventContainerHeader #eventSearchFilter form {
    margin: 0;
    padding: 0;
    position: absolute;
    top: 37px;
    left: 0;
    width:350px;
    border: 1px solid #e9ebeb;
    border-radius: 0 5px 5px 5px;
    background: #fff;
    height: 32px;
    line-height: 30px;
    display: none
}

#eventContainerHeader #eventSearchFilter form:after {
    content: "";
    width: 34px;
    height: 8px;
    background: #fff;
    top: -8px;
    left: -1px;
    position: absolute;
    border-left: 1px solid #e9ebeb;
    border-right: 1px solid #e9ebeb
}

#eventContainerHeader #eventSearchFilter form input {
    display: block;
    width: 100%;
    background: none transparent;
    color: #757575;
    height: 30px;
    line-height: 30px;
    font-size: 13px;
    border: 0;
    padding: 0 120px 0 10px
}

#eventContainerHeader #eventSearchFilter form.inputHasValue .clearSearchInput {
    display: block
}

#eventContainerHeader #eventSearchFilter form .clearSearchInput {
    position: absolute;
    width: 20px;
    height: 20px;
    color: #666;
    line-height: 20px;
    text-align: center;
    top: 5px;
    margin-top: 0;
    right: 5px;
    font-size: 10px;
    font-weight: 700;
    border-radius: 3px;
    z-index: 1;
    display: block
}

#eventContainerHeader #eventSearchFilter form .clearSearchInput:hover {
    background: #929171;
    color: #fff
}

#eventContainerHeader #eventSearchFilter form .searchCount {
    position: absolute;
    right: 30px;
    top: 0;
    line-height: 30px;
    padding-left: 0;
    font-size: 11px;
    color: #aaa;
    white-space: nowrap
}

#eventContainerHeader.showSearchForm {
    padding-bottom: 45px
}

#eventContainerHeader.showSearchForm #eventSearchFilter form {
    display: block
}

#eventContainerHeader #sortList {
    float: right;
    position: relative;
    width: 180px
}

#eventContainerHeader #sortList a {
    display: block;
    line-height: 32px;
    height: 34px;
    border: 1px solid #e9ebeb;
    border-radius: 5px;
    font-size: 12px;
    color: #757575;
    padding-left: 40px;
    text-align: left;
    background: #fff
}

#eventContainerHeader #sortList a:after {
    content: "";
    position: absolute;
    width: 21px;
    height: 15px;
    background: url(https://cdn.tuttur.com/web/public/img/new-icon-sorting.png) no-repeat 0 -16px;
    background-size: 21px;
    top: 50%;
    margin-top: -7.5px;
    left: 12px
}

#eventContainerHeader #sortList a.selected {
    background: #3594d8;
    border-color: #3594d8;
    color: #fff
}

#eventContainerHeader #sortList a.selected:after {
    background-position: 0 0
}

#eventContainerHeader.searchActive #sortList {
    pointer-events: none
}

#eventContainerHeader.searchActive #sortList a {
    opacity: .5;
    cursor: default
}

#filterContent {
    background: #e9ebeb;
    border-radius: 5px;
    height: 34px;
    float: left;
    width: 50%;
}

#eventContainerHeader.searchActive #filterContent {
    opacity: .5;
    pointer-events: none
}

#eventContainerHeader.searchActive>#filterBulletin {
    opacity: .5;
    pointer-events: none
}

#eventContainerHeader.resultListHeader #filterContent {
    width: 50%;
}

#filterContent .filterOptions {
    float: left;
    line-height: 34px;
    border-right: 1px solid #fff;
    width: 167px;
    cursor: pointer;
    display: block
}

#filterContent .filterOptions.disabled {
    opacity: .3;
    cursor: default
}

#filterContent label {
    display: block;
    height: 34px;
    width: 100%
}

#filterContent .filterOptions label {
    display: block;
    position: relative;
    height: auto;
    width: 100%
}

#filterContent .filterOptions .filterOptionText {
    display: block;
    line-height: 34px;
    padding-left: 15px;
    color: #757575;
    font-size: 13px
}

#filterContent .filterOptions .filterOptionText:after {
    content: "";
    width: 14px;
    height: 8px;
    position: absolute;
    top: 50%;
    margin-top: -4px;
    right: 20px;
    background: url(https://cdn.tuttur.com/web/public/img/new-icon-dropdown.png) no-repeat;
    background-size: 100%
}

#filterContent select {
    width: 100%!important;
    height: 34px!important;
    line-height: 34px;
    background-color: transparent;
    background: 0 0;
    box-shadow: none;
    border: 0;
    border-radius: 0;
    color: #757575;
    font-size: 13px;
    padding: 0 10px
}

#filterContent .filterOptions .filterOptionValue {
    position: absolute;
    /*width:700px;*/
    background: #fff;
    border-radius: 5px;
    top: 44px;
    left: 0;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .38);
    padding: 10px 0 5px 0;
    display: none;
    z-index: 9999
}

#filterContent .filterOptions .filterOptionValue:after {
    content: "";
    position: absolute;
    top: -10px;
    left: 270px;
    width: 18px;
    height: 10px;
    background: url(https://cdn.tuttur.com/web/public/img/new-icon-filter-triangle.png) no-repeat;
    background-size: 100%;
    z-index: 10000
}

#filterContent .filterOptions .filterOptionValue {
    left: -206px
}

#filterContent .filterOptions.selectOddColumns .filterOptionValue {
    left: -39px
}

#filterContent .filterOptions.selectOddColumns .filterOptionValue:after {
    left: 110px
}

#filterContent .filterOptions.showDropdown .filterOptionValue {
    display: block
}

#filterContent .filterOptions.showDropdown .filterOptionText {
    color: #3594d8;
    font-weight: 700
}

#filterContent .filterOptions.showDropdown .filterOptionText:after {
    transform: rotate(180deg)
}

#filterContent .filterOptions.filterSelected .filterOptionText {
    color: #3594d8;
    font-weight: 700
}

#filterContent .filterOptions .filterOptionsLabels {
    width: 100%;
    padding: 0 10px
}

#filterContent .filterOptions .filterOptionsLabels:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0
}

#filterContent .filterOptions .filterOptionsLabels.labelCol80 {
    float: left;
    width: 80%
}

#filterContent .filterOptions .filterOptionsLabels.labelCol75 {
    float: left;
    width: 75%
}

#filterContent .filterOptions .filterOptionsLabels.labelCol66 {
    float: left;
    width: 66.6666666666666666%
}

#filterContent .filterOptions .filterOptionsLabels.labelCol50 {
    float: left;
    width: 50%
}

#filterContent .filterOptions .filterOptionsLabels.labelCol33 {
    float: left;
    width: 33.3333333333333333%
}

#filterContent .filterOptions .filterOptionsLabels.labelCol25 {
    float: left;
    width: 25%
}

#filterContent .filterOptions .filterOptionsLabels.labelCol20 {
    float: left;
    width: 20%
}

#filterContent .filterOptions .filterOptionsLabels label {
    display: block;
    width: 100%;
    margin: 0 0 10px 0;
    line-height: 16px;
    color: #757575;
    font-size: 12px;
    position: relative;
    padding-left: 18px;
    cursor: pointer
}

#filterContent .filterOptions .filterOptionsLabels label input {
    margin: 0;
    padding: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

#filterContent .filterOptions .filterOptionsLabels label .custom-radio input {
    opacity: 0!important
}

#filterContent .filterOptions .filterOptionsLabels label .custom-checkbox input {
    opacity: 0!important
}

#filterContent .filterOptions .filterOptionsLabels label .custom-radio {
    width: 14px;
    height: 14px;
    border-radius: 50%;
    border: 1px solid #979797;
    background: #fff;
    position: absolute;
    left: 0;
    top: 1px
}

#filterContent .filterOptions .filterOptionsLabels label .custom-checkbox {
    width: 14px;
    height: 14px;
    border-radius: 1px;
    border: 1px solid #979797;
    background: #fff;
    position: absolute;
    left: 0;
    top: 1px
}

#filterContent .filterOptions .filterOptionsLabels label .custom-radio.selected {
    border: 2px solid #f15925
}

#filterContent .filterOptions .filterOptionsLabels label .custom-radio.selected:after {
    content: "";
    width: 6px;
    height: 6px;
    background: #f15925;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -3px;
    margin-left: -3px
}

#filterContent .filterOptions .filterOptionsLabels label .custom-checkbox.selected {
    border-color: #f15925;
    background: #f15925 url(https://cdn.tuttur.com/web/public/img/new-icon-checkbox-selected.png) no-repeat center;
    background-size: 11px
}

#filterContent .filterOptions .leagueLabels label {
    opacity: .5;
    cursor: default
}

#filterContent .filterOptions .leagueLabels label.available {
    opacity: 1;
    cursor: pointer
}

#filterContent .filterOptions .oddGroupLabels label {
    width: 50%;
    float: left;
    padding-right: 5px
}

#filterContent .filterOptions .dateLabels label {
    width: auto;
    float: left;
    padding-right: 10px
}

#filterContent .filterOptions .leagueLabels {
    padding: 0 5px 0 10px
}

#filterContent .filterOptions .leagueLabels label {
    width: 33.333333333333%;
    float: left;
    padding-right: 5px
}

#filterContent .filterOptions .leagueLabels label.hidden {
    display: none
}

#filterContent .filterOptions .leagueLabels label img {
    background: #ccc;
    vertical-align: top;
    display: inline-block;
    margin-top: 1px;
    margin-right: 3px
}

#filterContent .filterOptions .leagueLabels label i.leagueFlag {
    vertical-align: top;
    display: inline-block;
    margin-top: 1px;
    margin-right: 3px;
    background-size: 100%;
    background-position: center;
    width: 18px;
    height: 14px;
    background-repeat: no-repeat
}

#filterContent .filterOptions .filterOptionValue .filterOptionsTitle {
    font-size: 13px;
    color: #757575;
    line-height: 15px;
    font-weight: 700;
    margin-bottom: 14px;
    padding: 0 10px
}

#filterContent .filterOptions .filterOptionValue .filterOptionsLine {
    height: 1px;
    background: #d8d8d8;
    margin: 10px 0
}

#filterContent .filterOptions .filterOptionValue .filterOptionsButtons {
    margin-top: 15px;
    text-align: right;
    font-size: 0;
    line-height: 0;
    word-spacing: 0;
    padding: 0 10px;
    margin-bottom: 5px
}

#filterContent .filterOptions .filterOptionValue .filterOptionsButtons .buttonObject {
    display: inline-block;
    text-align: center;
    width: 94px;
    height: 26px;
    line-height: 24px;
    border: 1px solid #3594d8;
    color: #3594d8;
    font-size: 13px;
    border-radius: 5px
}

#filterContent .filterOptions .filterOptionValue .filterOptionsButtons .buttonObject.apply {
    background: #3594d8;
    color: #fff;
    margin-left: 10px
}

#filterContent .leagueLabelControls {
    position: absolute;
    top: -29px;
    right: 10px
}

#filterContent .leagueLabelControls a.changeLeagues {
    float: left;
    width: 14px;
    height: 14px;
    background: url(https://cdn.tuttur.com/web/public/img/new-icon-carousel.png) no-repeat 0 0;
    background-size: 28px
}

#filterContent .leagueLabelControls a.changeLeagues.prev {
    margin-right: 2px;
    background-position: 0 -14px
}

#filterContent .leagueLabelControls a.changeLeagues.prev.disabled {
    background-position: 0 0
}

#filterContent .leagueLabelControls a.changeLeagues.next {
    margin-right: 2px;
    background-position: -14px -14px
}

#filterContent .leagueLabelControls a.changeLeagues.next.disabled {
    background-position: -14px 0
}

#filterBulletin {
    float: left;
    margin: 0;
    padding: 5px 10px;
    width:50%;
}

#filterBulletin:hover {
    text-decoration: none!important
}

#filterBulletin .toggleCheckbox {
    margin: 0;
    float: left
}

#filterBulletin .toggleCheckbox.showOnlyLiveMatches {
    margin-right: 5px
}

#filterBulletin .toggleCheckbox label {
    display: block;
    background: #e9ebeb;
    border: 1px solid #979797;
    border-radius: 4px;
    height: 24px;
    line-height: 24px;
    padding: 0 5px;
    font-size: 11px;
    font-weight: 700;
    color: #878787;
    cursor: pointer
}

#filterBulletin .toggleCheckbox label.selected {
    background: #d0021b;
    border-color: #d0021b;
    color: #fff
}

#filterBulletin .toggleCheckbox label .custom-checkbox {
    display: none
}

div.liveResults #eventContainerHeader.resultListHeader #filterContent {
    border-radius: 5px 0 0 5px
}

div.liveResults #eventContainerHeader.resultListHeader #filterBulletin {
    background: #e9ebeb;
    border-radius: 0 5px 5px 0;
    border-left: 1px solid #fff
}

.bulletinMatchExtraOdds {
    background: #bfcbd1;
    margin-bottom: 5px;
    border-radius: 0 0 5px 5px;
    padding: 0 5px 30px 5px
}

.bulletinMatchExtraOdds *,
.bulletinMatchExtraOdds:after,
.bulletinMatchExtraOdds:before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-overflow-scrolling: touch;
    overflow-scrolling: touch
}

.bulletinMatchExtraOdds .bulletinMatchExtraOddsHeader {
    height: 30px;
    padding-right: 30px;
    position: relative
}

.bulletinMatchExtraOdds .bulletinMatchExtraOddsHeader:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0
}

.bulletinMatchExtraOdds .bulletinMatchExtraOddsHeader ul.bulletinTabs {
    margin: 0;
    padding: 0;
    list-style: none inside;
    float: right
}

.bulletinMatchExtraOdds .bulletinMatchExtraOddsHeader ul.bulletinTabs li {
    float: left
}

.bulletinMatchExtraOdds .bulletinMatchExtraOddsHeader ul.bulletinTabs li a {
    padding: 0 10px;
    color: #666;
    line-height: 30px;
    display: block
}

.bulletinMatchExtraOdds .bulletinMatchExtraOddsHeader ul.bulletinTabs li a.selected {
    background: #a0b1b9;
    color: #fff
}

.bulletinMatchExtraOdds .bulletinMatchExtraOddsHeader .closeExtraOdds {
    position: absolute;
    right: 0;
    top: 0;
    width: 30px;
    height: 30px;
    color: #fff;
    font-weight: 700;
    line-height: 30px;
    text-align: center
}

.bulletinMatchExtraOdds .bulletinMatchExtraInfo {
    float: left;
    line-height: 30px;
    color: #666
}

.bulletinMatchExtraOdds .bulletinMatchExtraInfo #bulletinMatchCountdown {
    display: inline-block
}

.bulletinMatchExtraOdds .bulletinMatchExtraInfo #bulletinMatchReminder {
    display: inline-block
}

.bulletinMatchExtraOdds .bulletinMatchExtraInfo #bulletinMatchReminder a {
    color: #666;
    text-decoration: underline
}

.bulletinMatchExtraOdds .bulletinMatchExtraOddsContainer {
    background: #fff;
    border-radius: 5px;
    padding: 3px
}

.bulletinMatchExtraOdds .bulletinMatchExtraOddsContainer #toggleAllOddMarkets {
    position: absolute;
    right: 0;
    top: -3px;
    line-height: 32px;
    padding: 0 5px;
    color: #009dd9;
    text-decoration: underline;
    display: block
}

.bulletinMatchExtraOdds .bulletinMatchExtraOddsContainer:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0
}

.bulletinMatchExtraOdds .bulletinMatchExtraOddsContainer .bulletinLeftContent {
    float: left;
    width: 50%
}

.bulletinMatchExtraOdds .bulletinMatchExtraOddsContainer .bulletinRightContent {
    float: right;
    width: 50%
}

.bulletinMatchExtraOdds .bulletinMatchExtraOddsContainer .bulletinLeftContentSmall {
    float: left;
    width: 40%
}

.bulletinMatchExtraOdds .bulletinMatchExtraOddsContainer .bulletinRightContentSmall {
    float: right;
    width: 40%
}

.bulletinMatchExtraOdds .bulletinMatchExtraOddsContainer .bulletinLeftContentLarge {
    float: left;
    width: 60%
}

.bulletinMatchExtraOdds .bulletinMatchExtraOddsContainer .bulletinRightContentLarge {
    float: right;
    width: 60%
}

.bulletinMatchExtraOdds .bulletinTabContent {
    display: none;
    position: relative
}

.bulletinMatchExtraOdds .bulletinTabContent:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0
}

.bulletinMatchExtraOdds .bulletinTabContent.selected {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-start
}

.bulletinMatchExtraOdds .bulletinTabContent .bulletinTabFooterLink {
    position: absolute;
    right: 0;
    bottom: -30px;
    line-height: 30px;
    color: #fff;
    font-size: 11px;
    margin-bottom: -3px;
    text-decoration: underline
}

.sr-wwrap {
    width: 100%
}

.bulletinMatchExtraOdds .bulletinMatchExtraOddsColumn {
    padding: 3px;
    display: flex;
    flex-direction: column;
    flex: 50%
}

.bulletinMatchExtraOdds .bulletinMatchExtraOddsColumn.columnLarge {
    width: 66.6666666666%
}

.bulletinMatchExtraOdds .bulletinMatchExtraOddsColumn.columnSmall {
    width: 33.3333333333%
}

.bulletinMatchExtraOdds .bulletinMatchExtraOddsColumn.columnMedium {
    flex: 50%
}

.bulletinMatchExtraOdds .bulletinMatchExtraOddsColumn.columnOne {
    flex: 100%
}

.bulletinMatchExtraOdds .bulletinMatchExtraOddsColumnInner {
    background: #e9ebee;
    padding: 5px 5px 2px 5px;
    border-radius: 5px
}

.bulletinMatchExtraOdds .bulletinMatchExtraOddsColumn .bulletinMatchOddTitle {
    font-weight: 700;
    color: #333;
    line-height: 22px;
    cursor: pointer
}

.bulletinMatchExtraOdds .bulletinMatchExtraOddsColumn .bulletinMatchOddTitle .marketMbc {
    display: inline-block;
    width: 12px;
    height: 12px;
    background: #462cac;
    border-radius: 2px;
    color: #fff;
    line-height: 12px;
    font-size: 10px;
    text-align: center;
    vertical-align: top;
    font-weight: 400;
    margin-left: 4px;
    margin-top: 5px
}

.bulletinMatchExtraOdds .bulletinMatchExtraOddsColumn .bulletinMatchOddTitle .marketMbc.mbc-1 {
    background: #d0021b
}

.bulletinMatchExtraOdds .bulletinMatchExtraOddsColumn .bulletinMatchOddTitle .marketMbc.mbc-2 {
    background: #ff8000
}

.bulletinMatchExtraOdds .bulletinMatchExtraOddsColumn .bulletinMatchOddTitle .marketMbc.mbc-3 {
    background: #588500
}

.bulletinMatchExtraOdds .bulletinMatchExtraOddsColumn .bulletinMatchOddTitle .marketMbc.mbc-5 {
    background: #026392
}

.bulletinMatchExtraOdds .bulletinMatchExtraOddsColumn .bulletinMatchOddContent {
    padding: 2px 0;
    margin: 0 -2px
}

.bulletinMatchExtraOdds .bulletinMatchExtraOddsColumn .bulletinMatchOddContent:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0
}

.bulletinMatchExtraOdds .bulletinMatchExtraOddsColumn .bulletinMatchOddContent .oddItem {
    float: left;
    padding: 0 2px;
    width: 33.33333%;
    height: 30px;
    line-height: 30px
}

.bulletinMatchExtraOdds .bulletinMatchExtraOddsColumn .bulletinMatchOddContent .oddItem a.isOdd {
    display: block;
    line-height: 24px;
    margin: 3px auto;
    background: #fff;
    color: #333;
    border-radius: 5px;
    font-size: 11px;
    position: relative
}

.bulletinMatchExtraOdds .bulletinMatchExtraOddsColumn .bulletinMatchOddContent .oddItem a.isOdd:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0
}

.bulletinMatchExtraOdds .bulletinMatchExtraOddsColumn .bulletinMatchOddContent .oddItem a.isOdd .oddItemTitle {
    font-weight: 700;
    padding-left: 4px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    padding-right: 40px;
    float: none;
    max-width: inherit
}

.bulletinMatchExtraOdds .bulletinMatchExtraOddsColumn .bulletinMatchOddContent .oddItem a.isOdd .oddItemOutcome {
    float: right;
    font-weight: 400;
    padding-right: 4px;
    width: 40px;
    text-align: right;
    margin-right: 0
}

.bulletinMatchExtraOdds .bulletinMatchExtraOddsColumn .bulletinMatchOddContent .oddItem.Active a.isOdd.active {
    background: #7ecdeb;
    border-color: #7ecdeb;
    color: #fff
}

.bulletinMatchExtraOdds.Active .bulletinMatchExtraOddsColumn .bulletinMatchOddContent .oddItem.Active a.isOdd:hover {
    background: #dedece;
    border-color: #dedece
}

#eventContentContainer:not(.liveBetting) .bulletinMatchExtraOdds .bulletinMatchExtraOddsColumn .bulletinMatchOddContent .oddItem a.isOdd .oddItemTitle {
    padding-right: 48px
}

#eventContentContainer:not(.liveBetting) .bulletinMatchExtraOdds .bulletinMatchExtraOddsColumn .bulletinMatchOddContent .oddItem a.isOdd .oddItemOutcome {
    margin-right: 8px
}

.eventDetailPage:not(.liveDetailPage) .bulletinMatchExtraOdds .bulletinMatchExtraOddsColumn .bulletinMatchOddContent .oddItem a.isOdd .oddItemTitle {
    padding-right: 48px
}

.eventDetailPage:not(.liveDetailPage) .bulletinMatchExtraOdds .bulletinMatchExtraOddsColumn .bulletinMatchOddContent .oddItem a.isOdd .oddItemOutcome {
    margin-right: 8px
}

.bulletinMatchExtraOdds .bulletinMatchExtraOddsColumn .bulletinMatchOddContent .oddItem a.isOdd {
    position: relative
}

.bulletinMatchExtraOdds .bulletinMatchExtraOddsColumn .bulletinMatchOddContent .oddItem a.isOdd .oddPercentage {
    background: #c9c9bc;
    height: 3px;
    top: 22px;
    bottom: auto
}

.bulletinMatchExtraOdds .bulletinMatchExtraOddsColumn .bulletinMatchOddContent .oddItem a.isOdd .oddPercentage .percentage {
    height: 3px
}

.bulletinMatchExtraOdds .bulletinMatchExtraOddsColumn .bulletinMatchOddContent .oddItem.Blocked a.isOdd:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 26px;
    line-height: 26px;
    background: #b5b5b5 url(https://cdn.tuttur.com/web/public/img/icon-locked.png) no-repeat center;
    top: -1px;
    left: 0;
    border: 0;
    border-radius: 5px;
    z-index: 1;
    cursor: default;
    visibility: visible
}

.bulletinMatchExtraOdds .bulletinMatchExtraOddsColumn .bulletinMatchOddContent .oddItem.Closed a.isOdd:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 26px;
    line-height: 26px;
    background: #b5b5b5 url(https://cdn.tuttur.com/web/public/img/icon-locked.png) no-repeat center;
    top: -1px;
    left: 0;
    border: 0;
    border-radius: 5px;
    z-index: 1;
    cursor: default;
    visibility: visible
}

.bulletinMatchExtraOdds.Blocked .bulletinMatchExtraOddsColumn .bulletinMatchOddContent .oddItem a.isOdd:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 26px;
    line-height: 26px;
    background: #b5b5b5 url(https://cdn.tuttur.com/web/public/img/icon-locked.png) no-repeat center;
    top: -1px;
    left: 0;
    border: 0;
    border-radius: 5px;
    z-index: 1;
    cursor: default;
    visibility: visible
}

.bulletinMatchExtraOdds.Closed .bulletinMatchExtraOddsColumn .bulletinMatchOddContent .oddItem a.isOdd:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 26px;
    line-height: 26px;
    background: #b5b5b5 url(https://cdn.tuttur.com/web/public/img/icon-locked.png) no-repeat center;
    top: -1px;
    left: 0;
    border: 0;
    border-radius: 5px;
    z-index: 1;
    cursor: default;
    visibility: visible
}

.bulletinMatchExtraOdds .bulletinMatchExtraOddsColumn.has1Odds .bulletinMatchOddContent .oddItem {
    width: 100%
}

.bulletinMatchExtraOdds .bulletinMatchExtraOddsColumn.has2Odds .bulletinMatchOddContent .oddItem {
    width: 50%
}

.bulletinMatchExtraOdds .bulletinMatchExtraOddsColumn.has3Odds .bulletinMatchOddContent .oddItem {
    width: 33.3333333333333333%
}

.bulletinMatchExtraOdds .bulletinMatchExtraOddsColumn.has4Odds .bulletinMatchOddContent .oddItem {
    width: 25%
}

.bulletinMatchExtraOdds .bulletinMatchExtraOddsColumn.hasMultipleOdds .bulletinMatchOddContent .oddItem {
    width: 73px
}

.bulletinMatchExtraOdds .bulletinMatchExtraOddsColumn .bulletinMatchOddContent .oddItem a.isOdd {
    display: block;
    line-height: 24px;
    margin: 3px auto;
    background: #fff;
    color: #333;
    border-radius: 5px;
    font-size: 11px;
    border: 1px solid #fff
}

#eventContentContainer:not(.liveBetting) .bulletinMatchExtraOdds.modified .bulletinMatchExtraOddsColumn .bulletinMatchOddContent .oddItem.Active a.isOdd.isOdd[data-ratio="1"]:before {
    content: "";
    z-index: 1;
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 4px 4px 4px;
    border-color: transparent transparent #85c871 transparent;
    top: 50%;
    margin-top: -2px;
    right: 1px
}

#eventContentContainer:not(.liveBetting) .bulletinMatchExtraOdds.modified .bulletinMatchExtraOddsColumn .bulletinMatchOddContent .oddItem.Active a.isOdd.isOdd[data-ratio="-1"]:before {
    content: "";
    z-index: 1;
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 4px 4px 0 4px;
    border-color: #dc6566 transparent transparent transparent;
    top: 50%;
    margin-top: -2px;
    right: 1px
}

#eventContentContainer.liveBetting:not(.firstRun) .bulletinMatchExtraOdds.modified .bulletinMatchExtraOddsColumn .bulletinMatchOddContent .oddItem.Active a.isOdd.isOdd[data-ratio="1"] {
    animation: increaseOdd 1.5s 5
}

#eventContentContainer.liveBetting:not(.firstRun) .bulletinMatchExtraOdds.modified .bulletinMatchExtraOddsColumn .bulletinMatchOddContent .oddItem.Active a.isOdd.isOdd[data-ratio="-1"] {
    animation: decreaseOdd 1.5s 5
}

.eventDetailPage:not(.liveDetailPage) .bulletinMatchExtraOdds.modified .bulletinMatchExtraOddsColumn .bulletinMatchOddContent .oddItem.Active a.isOdd.isOdd[data-ratio="1"]:before {
    content: "";
    z-index: 1;
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 4px 4px 4px;
    border-color: transparent transparent #85c871 transparent;
    top: 50%;
    margin-top: -2px;
    right: 1px
}

.eventDetailPage:not(.liveDetailPage) .bulletinMatchExtraOdds.modified .bulletinMatchExtraOddsColumn .bulletinMatchOddContent .oddItem.Active a.isOdd.isOdd[data-ratio="-1"]:before {
    content: "";
    z-index: 1;
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 4px 4px 0 4px;
    border-color: #dc6566 transparent transparent transparent;
    top: 50%;
    margin-top: -2px;
    right: 1px
}

.eventDetailPage.liveDetailPage .bulletinMatchExtraOdds.modified .bulletinMatchExtraOddsColumn .bulletinMatchOddContent .oddItem.Active a.isOdd.isOdd[data-ratio="1"] {
    animation: increaseOdd 1.5s 5
}

.eventDetailPage.liveDetailPage .bulletinMatchExtraOdds.modified .bulletinMatchExtraOddsColumn .bulletinMatchOddContent .oddItem.Active a.isOdd.isOdd[data-ratio="-1"] {
    animation: decreaseOdd 1.5s 5
}

.bulletinMatchExtraOdds .bulletinMatchExtraOddsColumn .bulletinMatchOddTitle:after {
    content: "";
    position: absolute;
    top: 50%;
    margin-top: -1px;
    right: 10px;
    width: 12px;
    height: 2px;
    background: #a0b1b9
}

.bulletinMatchExtraOdds .bulletinMatchExtraOddsColumn .bulletinMatchOddTitle:before {
    content: none
}

.bulletinMatchExtraOdds .bulletinMatchExtraOddsColumn.hideOddContent .bulletinMatchOddTitle:after {
    content: "";
    position: absolute;
    top: 50%;
    margin-top: -1px;
    right: 10px;
    width: 12px;
    height: 2px;
    background: #a0b1b9
}

.bulletinMatchExtraOdds .bulletinMatchExtraOddsColumn.hideOddContent .bulletinMatchOddTitle:before {
    content: "";
    position: absolute;
    top: 5px;
    margin-top: 0;
    right: 15px;
    width: 2px;
    height: 12px;
    background: #a0b1b9
}

.bulletinMatchExtraOdds .bulletinMatchExtraOddsColumn.hideOddContent .bulletinMatchOddContent {
    display: none
}

.bulletinMatchExtraOdds .bulletinMatchExtraOddsColumn.hideThis {
    display: none
}

.bulletinMatchExtraOdds .statsTable {
    width: 100%;
    background: #fff;
    border-radius: 5px;
    overflow: hidden;
    margin-bottom: 2px
}

.bulletinMatchExtraOdds .statsTable td {
    font-size: 11px;
    color: #333;
    padding: 0 2px;
    line-height: 20px;
    text-align: center;
    border-top: 1px solid #eef0f3
}

.bulletinMatchExtraOdds .statsTable td.teamNameCell {
    width: 90px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.bulletinMatchExtraOdds .statsTable td.teamNameCell2 {
    width: 100px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.bulletinMatchExtraOdds .statsTable td.alignLeft {
    text-align: left
}

.bulletinMatchExtraOdds .statsTable td.alignRight {
    text-align: right
}

.bulletinMatchExtraOdds .statsTable .statsTableHeading td {
    font-weight: 700;
    line-height: 20px;
    background: #e9ebee;
    border-top: 0
}

.bulletinMatchExtraOdds .statsTable .statsTableRowHeading td {
    font-weight: 700;
    background: #e9ebee;
    border-top: 0
}

.bulletinMatchExtraOdds .statsTable .statsTableRow.highlight td {
    background: #e9ebee
}

.bulletinMatchExtraOdds .statsTable td .matchResult {
    width: 14px;
    height: 14px;
    display: block;
    margin: 3px auto 0 auto;
    border-radius: 2px;
    color: #fff;
    text-align: center;
    line-height: 14px;
    font-size: 11px
}

.bulletinMatchExtraOdds .statsTable td .matchResult.res-M {
    background: red
}

.bulletinMatchExtraOdds .statsTable td .matchResult.res-B {
    background: #ffb400
}

.bulletinMatchExtraOdds .statsTable td .matchResult.res-G {
    background: #5aa11b
}

.buttonItem {
    background: #009dd9;
    line-height: 30px;
    color: #fff;
    border-radius: 5px;
    padding: 0 10px;
    display: inline-block;
    font-size: 12px;
    text-align: center
}

.eventDetailPage {
    background: #607d8b;
    border-radius: 5px;
    padding: 10px;
    font-size: 12px
}

.eventDetailPage *,
.eventDetailPage:after,
.eventDetailPage:before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-overflow-scrolling: touch;
    overflow-scrolling: touch
}

#userContentContainer,
#userContentContainer *,
#userContentContainer:after,
#userContentContainer:before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-overflow-scrolling: touch;
    overflow-scrolling: touch
}

.eventDetailPage .eventDetailHeading {
    height: 30px;
    line-height: 30px;
    color: #fff
}

.eventDetailPage .eventDetailHeading:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0
}

.eventDetailPage .eventDetailHeading .eventDetailTitle {
    height: 28px;
    line-height: 28px;
    float: left;
    margin-top: 1px
}

.eventDetailPage .eventDetailHeading .eventDate {
    height: 28px;
    line-height: 28px;
    float: right;
    margin-top: 3px
}

.eventDetailPage .eventDetailHeading #eventLeague {
    padding-right: 5px;
    float: left
}

.eventDetailPage .eventDetailHeading #eventName {
    padding-left: 5px;
    border-left: 1px solid #fff;
    float: left;
    padding-top: 2px;
    padding-bottom: 2px;
    line-height: 12px;
    display: none
}

.eventDetailPage .eventDetailName {
    font-size: 24px;
    color: #fff;
    line-height: 30px;
    margin: 0 0 15px 0;
    position: relative
}

.eventDetailPage .eventDetailName span {
    display: block;
    line-height: 30px
}

.eventDetailPage .eventDetailReminder {
    position: absolute;
    right: 0;
    top: 0
}

.eventDetailPage .eventDetailReminder .buttonItem {
    display: block;
    float: right
}

.eventDetailPage .eventDetailSocials {
    margin-bottom: 20px
}

.eventDetailPage .eventDetailSocials:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0
}

.eventDetailPage .eventDetailSocials a {
    float: left;
    line-height: 20px;
    color: #009dd9;
    font-size: 11px;
    padding-left: 20px;
    padding-right: 10px;
    border-radius: 5px;
    margin-right: 5px
}

.eventDetailPage .eventDetailSocials a.like {
    background: #fff url(https://cdn.tuttur.com/web/public/img/icon-like.png) no-repeat 6px center;
    background-size: 10px
}

.eventDetailPage .eventDetailSocials a.share {
    background: #fff url(https://cdn.tuttur.com/web/public/img/icon-share.png) no-repeat 6px center;
    background-size: 10px
}

.eventDetailPage .eventDetailOddsContent {
    margin-bottom: 15px;
    position: sticky;
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 1000
}

.eventDetailPage .eventTabsContent .eventTabs ul {
    margin: 0 -10px;
    padding: 0;
    list-style: none inside
}

.eventDetailPage .eventTabsContent .eventTabs ul:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0
}

.eventDetailPage .eventTabsContent .eventTabs ul li {
    float: left
}

.eventDetailPage .eventTabsContent .eventTabs ul li a {
    display: block;
    line-height: 30px;
    color: #fff;
    padding: 0 10px;
    position: relative
}

.eventDetailPage .eventTabsContent .eventTabs ul li a.selected {
    font-weight: 700
}

.eventDetailPage .eventTabsContent .eventTabs ul li a.selected:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -3px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 5px 6px 5px;
    border-color: transparent transparent #fff transparent
}

.eventDetailPage .eventTabsContent .eventTabContents {
    background: #fff;
    border-radius: 5px;
    padding: 10px
}

.eventDetailPage .eventTabsContent .eventTabContents .eventTabContent {
    display: none
}

.eventDetailPage .eventTabsContent .eventTabContents .eventTabContent.selected {
    display: block
}

.eventTabContent .bulletinMatchExtraOdds {
    background: none transparent;
    margin: 0;
    padding: 0;
    border-radius: 0
}

.eventTabContent .bulletinMatchExtraOdds .bulletinMatchExtraOddsContainer {
    background: 0 0;
    border-radius: 0;
    padding: 0
}

.eventTabContent .bulletinMatchExtraOdds .bulletinMatchExtraOddsColumn {
    padding: 0
}

.eventDetailPage .bulletinMatchItem {
    border-radius: 5px
}

.eventDetailPage .bulletinMatchItem .odds ul li {
    width: 76px
}

.eventDetailPage .bulletinMatchItem .odds ul li.extra {
    width: 46px
}

.eventDetailPage .bulletinMatchItem .odds ul li a.showExtraOddsPage {
    width: 42px
}

.eventDetailPage .bulletinMatchItem .odds ul li span.isOdd {
    width: 74px;
    text-align: left
}

.eventDetailPage .bulletinMatchItem .odds ul li span.isOdd:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0
}

.eventDetailPage .bulletinMatchItem .odds ul li span.isOdd .isOddText {
    font-style: normal;
    float: left;
    line-height: 24px;
    font-weight: 700;
    margin-left: 4px
}

.eventDetailPage .bulletinMatchItem .odds ul li span.isOdd .isOddOutcome {
    font-style: normal;
    float: right;
    line-height: 24px;
    font-weight: 400;
    margin-right: 4px
}

.eventDetailPage .bulletinMatchItem .odds ul li.Blocked span.isOdd:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 26px;
    line-height: 26px;
    background: #b5b5b5 url(https://cdn.tuttur.com/web/public/img/icon-locked.png) no-repeat center;
    top: -1px;
    left: 0;
    border: 1px solid #b5b5b5;
    border-radius: 5px;
    z-index: 1;
    cursor: default;
    visibility: visible
}

.eventDetailPage .bulletinMatchItem .odds ul li.Closed span.isOdd:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 26px;
    line-height: 26px;
    background: #b5b5b5 url(https://cdn.tuttur.com/web/public/img/icon-locked.png) no-repeat center;
    top: -1px;
    left: 0;
    border: 1px solid #b5b5b5;
    border-radius: 5px;
    z-index: 1;
    cursor: default;
    visibility: visible
}

.eventDetailPage .bulletinMatchExtraOdds {
    padding-bottom: 5px
}

.eventDetailPage .bulletinMatchExtraOdds .bulletinTabContent .bulletinTabFooterLink {
    display: none
}

#couponWidget *,
#couponWidget:after,
#couponWidget:before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-overflow-scrolling: touch;
    overflow-scrolling: touch
}

.couponBetScroll {
    overflow: auto;
    max-height: 304px
}

@media only screen and (max-width:660px) {
    .couponBetScroll {
        max-height: 246px
    }
}

.couponItem {
    font-size: 11px;
    color: #333;
    line-height: 12px;
    background: #fff;
    padding: 7px 10px;
    border-bottom: 1px solid #d8d8d8
}

.couponItem .couponItemOddContent {
    line-height: 14px;
    font-size: 12px;
    font-weight: 700;
    margin-bottom: 3px
}

.couponItem .couponItemOddContent:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0
}

.couponItem .couponItemOddContent .couponItemOddNameAndChoice {
    float: left;
    width: 175px;
    color: #009dd9;
    text-transform: uppercase
}

.couponItem .couponItemOddContent .couponItemOddOutcome {
    float: right;
    color: #009dd9
}

.couponItem .couponItemEventDetail {
    line-height: 12px
}

.couponItem .couponItemEventDetail:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0
}

.couponItem .couponItemEventDetail .couponItemEventIcons {
    float: left;
    width: 17px
}

.couponItem .couponItemEventDetail .couponItemEventIcons .mbcIcon {
    float: left;
    display: block;
    width: 12px;
    height: 12px;
    background: #462cac;
    border-radius: 2px;
    color: #fff;
    line-height: 12px;
    font-size: 10px;
    text-align: center;
    margin-right: 2px
}

.couponItem .couponItemEventDetail .couponItemEventIcons .mbcIcon.mbc-1 {
    background: #d0021b
}

.couponItem .couponItemEventDetail .couponItemEventIcons .mbcIcon.mbc-2 {
    background: #ff8000
}

.couponItem .couponItemEventDetail .couponItemEventIcons .mbcIcon.mbc-3 {
    background: #588500
}

.couponItem .couponItemEventDetail .couponItemEventIcons .mbcIcon.mbc-5 {
    background: #026392
}

.couponItem .couponItemEventDetail .couponItemEventIcons a.couponBankLink {
    width: 12px;
    height: 12px;
    background: #fff;
    border: 1px solid #9caab3;
    border-radius: 2px;
    color: #9caab3;
    line-height: 10px;
    font-size: 8px;
    text-align: center;
    float: left;
    display: block;
    margin-top: 2px
}

.couponItem .couponItemEventDetail .couponItemEventIcons a.couponBankLink span {
    display: none
}

.couponItem .couponItemEventDetail .couponItemEventIcons a.couponBankLink.selected {
    background: #003650;
    color: #fff;
    border: 1px solid #003650
}

.couponItem .couponItemEventDetail .couponItemEventIcons a.couponBankLink:hover {
    width: 12px!important
}

.couponItem .couponItemEventDetail .couponItemEventIcons a.couponBankLink:hover span {
    display: none!important
}

.couponItem .couponItemEventDetail .couponItemEventIcons a.couponBankLink.selected {
    width: 12px!important
}

.couponItem .couponItemEventDetail .couponItemEventIcons a.couponBankLink.selected span {
    display: none!important
}

.couponItem .couponItemEventDetail .couponItemEventName {
    float: left;
    width: 150px
}

.couponItem .couponItemEventDetail .couponItemEventName i {
    white-space: nowrap;
    font-style: normal;
    line-height: 13px;
    display: block
}

.couponItem.longTerm .couponItemEventDetail .couponItemEventName i {
    white-space: inherit
}

.couponItem .couponItemEventDetail .couponItemDelete {
    float: right;
    text-align: right
}

.couponItem .couponItemEventDetail .couponItemDelete a {
    font-size: 10px;
    line-height: 12px;
    color: #333
}

.couponItem .couponItemEventDetail .couponOriginalOutcome {
    text-decoration: line-through;
    font-size: 10px;
    margin-top: -4px;
    display: none
}

.couponItem.oddChanged .couponItemEventDetail .couponOriginalOutcome {
    display: block
}

#couponWidget #systemBoxesContainer {
    margin: 8px 0
}

#couponWidget .sysLabel {
    width: 70px;
    padding-left: 10px;
    line-height: 24px
}

#couponWidget #sysWrapper {
    width: 167px;
    overflow: hidden
}

#couponWidget #systemBar {
    width: 171px
}

#couponWidget #systemBar a {
    margin-bottom: -1px
}

#couponWidget #systemBar a:hover {
    margin-bottom: -1px
}

#couponWidget #systemBar a.enabled {
    margin-bottom: -1px
}

#couponWidget #systemBar a.enabled:hover {
    height: 24px;
    margin-top: 0;
    margin-bottom: -1px
}

#couponWidget .selectedMatches {
    border-top: 1px solid #dedecd;
    border-bottom: 1px solid #dedecd;
    line-height: 12px;
    padding: 8px 10px;
    margin-top: 0
}

#couponWidget a#clearCoupon {
    right: 10px;
    line-height: 28px
}

#couponWidget .selectedMatches #couponWidgetEventCountContent {
    margin-right: 10px
}

#couponWidget .multipliers {
    line-height: 20px;
    padding: 4px 10px 4px 10px;
    border-bottom: 1px solid #dedecd;
    margin: 0;
    overflow: hidden
}

#couponWidget #couponWidgetSumsContainer span.col {
    width: 152px;
    padding-left: 10px
}

#couponWidget #couponWidgetSumsContainer {
    line-height: 20px
}

#couponWidget .multiplier-content {
    display: block;
    float: Left;
    vertical-align: top;
    line-height: 20px;
    margin-right: 5px;
    width: 93px
}

#couponWidget .multipliers.multipleCouponObject .multiplier-content {
    width: 140px
}

#couponWidget .multiplier-content .multiplier-label {
    display: inline-block;
    vertical-align: top;
    line-height: 20px
}

#couponWidget .multiplier-content .multiplier-input {
    display: inline-block;
    vertical-align: top;
    line-height: 20px
}

#couponWidget .multiplier-content .multiplier-input select {
    width: 64px;
    height: 20px;
    border-radius: 5px;
    background: #fff;
    border: 1px solid #ccc;
    padding: 0 5px;
    line-height: 18px
}

#couponWidget .multipliers .couponSumsCost {
    float: right;
    width: 132px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

#couponWidget #acceptCheckboxes {
    display: none;
    background: #fff;
    padding: 5px 10px;
    font-size: 10px
}

#couponWidget .acceptCheckbox {
    margin: 4px 0;
    line-height: 18px
}

#couponWidget .acceptCheckbox label {
    line-height: 18px;
    display: block
}

#couponWidget .acceptCheckbox label input {
    width: 18px;
    height: 18px;
    margin: 0;
    padding: 0
}

#couponWidget #couponWidgetButtons {
    padding: 0;
    margin: 8px 10px 0 10px;
    height: 34px;
    line-height: 26px;
    overflow: hidden
}

#couponWidget a#playButton {
    right: 0
}

#couponWidget .button {
    padding: 0 5px;
    min-width: 86px;
    text-align: center;
    line-height: 26px;
    border-radius: 3px;
    background: #009dd9;
    font-size: 11px;
    font-weight: 700;
    display: inline-block
}

#couponWidget .button.orange {
    background: #f60
}

#couponWidget .button.disabled {
    background: #d8d8d8;
    cursor: default
}

#couponWrapper.hasLiveEvents #acceptCheckboxes {
    display: block
}

#couponWrapper.hasLoaderScreen:after {
    position: absolute;
    content: "";
    top: -1px;
    width: 100%;
    height: 1px;
    background: #607d8b;
    left: 0
}

#couponWrapper.hasEmptyCoupon:after {
    position: absolute;
    content: "";
    top: -1px;
    width: 100%;
    height: 1px;
    background: #607d8b;
    left: 0
}

#saveCouponAfterPlay {
    padding: 0 10px;
    margin: 5px 0 0 0;
    height: auto;
    line-height: 24px
}

#saveCouponAfterPlay label {
    height: 18px;
    line-height: 18px;
    display: block
}

.multiplierArea {
    font-size: 0;
    letter-spacing: 0;
    line-height: 0;
    width: 230px;
    float: left;
    clear: both;
    margin-right: -3px
}

.multiplierArea input {
    display: inline-block;
    border: 1px solid #d1d7db;
    background: #fff;
    height: 20px;
    line-height: 18px;
    text-align: center;
    border-radius: 4px;
    color: #333;
    font-size: 11px;
    width: 42px;
    margin-right: 5px;
    vertical-align: top;
    margin-bottom: 5px
}

#multiplierOptions a {
    display: inline-block;
    width: auto;
    padding: 0 7.5px 0 7.5px;
    height: 20px;
    line-height: 20px;
    border-radius: 4px;
    background: #dedecd;
    color: #333;
    font-size: 11px;
    text-align: center;
    margin-right: 3px;
    vertical-align: top;
    margin-bottom: 5px
}

#multiplierOptions a.selected {
    background: #009dd9;
    color: #fff
}

.custom-checkbox input {
    opacity: 1!important
}

.custom-radio input {
    opacity: 1!important
}

.switchCheckbox {
    cursor: pointer
}

.switchCheckbox label {
    position: relative;
    padding-left: 37px;
    line-height: 18px;
    display: block;
    cursor: pointer
}

.switchCheckbox label .custom-checkbox input {
    opacity: 0!important
}

.switchCheckbox label .custom-checkbox input {
    width: 100%!important;
    height: 100%!important;
    position: absolute;
    top: 0;
    left: 0;
    cursor: pointer;
    padding: 0;
    margin: 0
}

.switchCheckbox label .custom-checkbox {
    width: 30px;
    height: 18px;
    position: absolute;
    top: 0;
    left: 0;
    background: #fff;
    border: 1px solid #e5e5e5;
    border-radius: 9px;
    cursor: pointer
}

.switchCheckbox label .custom-checkbox.selected {
    background: #4cd964;
    border: 1px solid #4cd964
}

.switchCheckbox label .custom-checkbox:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    box-shadow: 0 2px 6px 0 rgba(0, 0, 0, .5);
    background: #fff
}

.switchCheckbox label .custom-checkbox.selected:after {
    top: 0;
    left: auto;
    right: 0
}

.couponItem.oddChanged.changedDown .couponItemOddContent .couponItemOddOutcome {
    color: #c23042
}

.couponItem.oddChanged.changedUp .couponItemOddContent .couponItemOddOutcome {
    color: #7eb843
}

.couponItem.oddBlocked:before {
    content: "";
    position: absolute;
    z-index: 0;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #d8d8d8;
    opacity: .8
}

.couponItem.oddBlocked:after {
    content: "";
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(https://cdn.tuttur.com/web/public/img/icon-locked.png) no-repeat center
}

.couponItem.oddClosed:before {
    content: "";
    position: absolute;
    z-index: 0;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #d8d8d8;
    opacity: .8
}

.couponItem.oddClosed:after {
    content: "Bahis Kapandı";
    position: absolute;
    z-index: 1;
    top: 50%;
    margin-top: -10px;
    left: 0;
    width: 100%;
    height: 20px;
    line-height: 20px;
    text-align: center;
    font-size: 12px;
    font-weight: 700;
    color: #333
}

.couponItem.oddBlocked .couponItemOddContent {
    z-index: 2;
    opacity: .2
}

.couponItem.oddBlocked .couponItemEventDetail {
    z-index: 2
}

.couponItem.oddBlocked .couponItemEventIcons {
    opacity: .2
}

.couponItem.oddBlocked .couponItemEventName {
    opacity: .2
}

.couponItem.oddBlocked .couponOriginalOutcome {
    opacity: .2
}

.couponItem.oddBlocked .couponItemDelete a {
    color: #009dd9
}

.couponItem.oddClosed .couponItemOddContent {
    z-index: 2;
    opacity: .2
}

.couponItem.oddClosed .couponItemEventDetail {
    z-index: 2
}

.couponItem.oddClosed .couponItemEventIcons {
    opacity: .2
}

.couponItem.oddClosed .couponItemEventName {
    opacity: .2
}

.couponItem.oddClosed .couponOriginalOutcome {
    opacity: .2
}

.couponItem.oddClosed .couponItemDelete a {
    color: #009dd9
}

.loader *,
.loader:after,
.loader:before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-overflow-scrolling: touch;
    overflow-scrolling: touch
}

.loader {
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, .8);
    width: 100%;
    height: 100%;
    z-index: 9999;
    text-align: center;
    border-radius: 0 0 4px 4px
}

img.loader {
    position: relative;
    width: auto;
    height: auto;
    background: none transparent;
    top: auto;
    left: auto;
    margin: 20px auto
}

img.loadingIcon {
    position: relative;
    display: block;
    width: auto;
    height: auto;
    background: none transparent;
    top: auto;
    left: auto;
    margin: 20px auto
}

.loader .loaderContent {
    position: absolute;
    width: 80%;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%)
}

.loader .loaderText {
    width: 100%;
    height: auto;
    margin-top: 15px;
    color: #fff;
    font-size: 12px;
    line-height: 120%
}

.loader .loaderText span {
    font-weight: 700;
    font-size: 13px;
    line-height: 170%
}

.loader .loaderText i {
    font-weight: 700;
    font-style: normal
}

.loader .loaderText .multipleCouponResult {
    width: 100%;
    line-height: 160%;
    margin: 0 auto;
    text-align: left
}

.loader .loaderText .multipleCouponResult i {
    float: right;
    text-align: right
}

.loader .loaderText .multipleCouponResult .playedCount i {
    color: #6ea03a
}

.loader .loaderText .multipleCouponResult .failCount i {
    color: #d0021b
}

.loader .loaderText a.closeLoader {
    display: block;
    width: 100%;
    margin: 15px auto 0 auto;
    height: 32px;
    line-height: 32px;
    color: #fff;
    text-align: center;
    background: red;
    border-radius: 4px
}

.loaderCircle {
    border-radius: 50%;
    width: 160px;
    height: 160px;
    position: relative;
    margin: 0 auto;
    overflow: hidden;
    z-index: 0
}

.loaderCircle .loaderLogo {
    width: 130px;
    height: 130px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -65px;
    margin-left: -65px;
    background: url(https://cdn.tuttur.com/web/public/img/loader-logo.png) no-repeat center;
    background-size: 100%;
    z-index: 1
}

.loaderSpin {
    position: absolute;
    top: 0;
    transform: translate(6px, 6px);
    overflow: hidden;
    width: 74px;
    height: 148px;
    left: 74px;
    transition: width 0s linear, left 0s linear
}

.loaderSpin .loaderSpinPie {
    width: 74px;
    height: 100%;
    position: absolute;
    border: 4px solid red;
    transform: translate3d(0, 0, 0);
    transition: opacity 0s linear
}

.loaderSpin .loaderSpinFill {
    transform-origin: 0 50%;
    border-radius: 0 100% 100% 0/0 50% 50% 0;
    left: 74px;
    z-index: 100;
    border-left: none;
    transform: rotate(0);
    opacity: 0
}

.loaderSpin .loaderSpinAnim {
    transform-origin: 100% 50%;
    border-radius: 100% 0 0 100%/50% 0 0 50%;
    z-index: 200;
    right: 74px;
    border-right: none;
    opacity: 1
}

.loaderSpinSecond {
    position: absolute;
    top: 0;
    transform: translate(0, 0);
    overflow: hidden;
    width: 80px;
    height: 160px;
    left: 80px;
    transition: width 0s linear, left 0s linear
}

.loaderSpinSecond .loaderSpinPie {
    width: 80px;
    height: 100%;
    position: absolute;
    border: 2px solid red;
    transform: translate3d(0, 0, 0);
    transition: opacity 0s linear
}

.loaderSpinSecond .loaderSpinFill {
    transform-origin: 0 50%;
    border-radius: 0 100% 100% 0/0 50% 50% 0;
    left: 80px;
    z-index: 100;
    border-left: none;
    transform: rotate(0);
    opacity: 0
}

.loaderSpinSecond .loaderSpinAnim {
    transform-origin: 100% 50%;
    border-radius: 100% 0 0 100%/50% 0 0 50%;
    z-index: 200;
    right: 80px;
    border-right: none;
    opacity: 1
}

.loaderCircle.static .loaderSpin {
    width: 148px;
    left: 0
}

.loaderCircle.static .loaderSpin .loaderSpinFill {
    opacity: 1;
    transform: rotate(0)
}

.loaderCircle.static .loaderSpin .loaderSpinAnim {
    transform: rotate(360deg);
    opacity: 1
}

.loaderCircle.static .loaderSpinSecond {
    width: 160px;
    left: 0
}

.loaderCircle.static .loaderSpinSecond .loaderSpinFill {
    opacity: 1;
    transform: rotate(0)
}

.loaderCircle.static .loaderSpinSecond .loaderSpinAnim {
    transform: rotate(360deg);
    opacity: 1
}

.loaderCircle.animate .loaderSpin {
    animation: loaderSpin2 3s linear infinite
}

.loaderCircle.animate .loaderSpin .loaderSpinFill {
    animation: loaderSpinFill1 3s linear infinite
}

.loaderCircle.animate .loaderSpin .loaderSpinAnim {
    animation: loaderSpinAnim1 3s linear infinite
}

.loaderCircle.animate .loaderSpinSecond {
    animation: loaderSpin1 3s linear .4s infinite
}

.loaderCircle.animate .loaderSpinSecond .loaderSpinFill {
    animation: loaderSpinFill1 3s linear .4s infinite
}

.loaderCircle.animate .loaderSpinSecond .loaderSpinAnim {
    animation: loaderSpinAnim1 3s linear .4s infinite
}

.loader.default .loaderSpin .loaderSpinPie {
    border-color: #fff
}

.loader.error .loaderSpin .loaderSpinPie {
    border-color: red
}

.loader.success .loaderSpin .loaderSpinPie {
    border-color: #1dc034
}

.loader.default .loaderSpinSecond .loaderSpinPie {
    border-color: #fff
}

.loader.error .loaderSpinSecond .loaderSpinPie {
    border-color: red
}

.loader.success .loaderSpinSecond .loaderSpinPie {
    border-color: #1dc034
}

.loader.default .loaderText a.closeLoader {
    background: #fff;
    color: #333!important
}

.loader.error .loaderText a.closeLoader {
    background: red
}

.loader.success .loaderText a.closeLoader {
    background: #1dc034
}

.loader .loaderText a.closeLoader.backButton {
    background: #fff!important;
    color: #333!important;
    position: relative
}

.loader .loaderText a.closeLoader.backButton i {
    font-weight: 400;
    font-size: 20px;
    vertical-align: middle;
    position: absolute;
    left: 10px;
    top: 50%;
    height: 20px;
    margin-top: -10px;
    line-height: 20px
}

@keyframes loaderSpin1 {
    0% {
        width: 80px;
        left: 80px
    }
    15% {
        width: 80px;
        left: 80px
    }
    16% {
        width: 160px;
        left: 0
    }
    38% {
        width: 160px;
        left: 0
    }
    40% {
        width: 160px;
        left: 0
    }
    50% {
        width: 160px;
        left: 0
    }
    60% {
        width: 160px;
        left: 0
    }
    66% {
        width: 160px;
        left: 0
    }
    67% {
        width: 80px;
        left: 0
    }
    100% {
        width: 80px;
        left: 0
    }
}

@keyframes loaderSpinFill1 {
    0% {
        opacity: 0;
        transform: rotate(0)
    }
    15% {
        opacity: 0;
        transform: rotate(0)
    }
    16% {
        opacity: 1;
        transform: rotate(0)
    }
    38% {
        opacity: 1;
        transform: rotate(0)
    }
    40% {
        opacity: 1;
        transform: rotate(0)
    }
    50% {
        opacity: 1;
        transform: rotate(0)
    }
    66% {
        opacity: 1;
        transform: rotate(180deg)
    }
    67% {
        opacity: 1;
        transform: rotate(180deg)
    }
    100% {
        opacity: 1;
        transform: rotate(360deg)
    }
}

@keyframes loaderSpinAnim1 {
    0% {
        transform: rotate(0)
    }
    15% {
        transform: rotate(180deg)
    }
    16% {
        transform: rotate(180deg)
    }
    38% {
        transform: rotate(360deg);
        opacity: 1
    }
    40% {
        transform: rotate(360deg);
        opacity: 1
    }
    50% {
        transform: rotate(360deg);
        opacity: 1
    }
    60% {
        transform: rotate(360deg);
        opacity: 1
    }
    66% {
        transform: rotate(360deg);
        opacity: 1
    }
    67% {
        transform: rotate(360deg);
        opacity: 0
    }
    100% {
        transform: rotate(360deg);
        opacity: 0
    }
}

@keyframes loaderSpin2 {
    0% {
        width: 74px;
        left: 74px
    }
    15% {
        width: 74px;
        left: 74px
    }
    16% {
        width: 148px;
        left: 0
    }
    38% {
        width: 148px;
        left: 0
    }
    40% {
        width: 148px;
        left: 0
    }
    50% {
        width: 148px;
        left: 0
    }
    60% {
        width: 148px;
        left: 0
    }
    66% {
        width: 148px;
        left: 0
    }
    67% {
        width: 74px;
        left: 0
    }
    100% {
        width: 74px;
        left: 0
    }
}

.feedItem {
    width: 100%;
    float: none;
    padding-left: 50px;
    padding-right: 0
}

.feedPlayerInfo {
    position: absolute;
    top: 20px;
    left: 0
}

.feedItem .deleteAndComplaint {
    position: absolute;
    right: 20px;
    top: 20px
}

.feedContentContainer {
    width: 100%
}

.feedContent .iddaaCoupon {
    width: 500px;
    margin-top: 20px
}

div.messageCoupon {
    width: 100%
}

.feedContent .messageCoupon {
    width: 100%
}

.commentLists .feedItem:last-of-type {
    border-bottom: none
}

.feedContent .eventWrapper {
    width: 100%
}

.feedContent .couponDetailWrapper {
    width: 100%
}

.feedContent .playCouponBar {
    width: 500px;
    height: 34px;
    padding: 4px 10px
}

.feedContent .eventWrapper {
    margin-bottom: 0;
    border-bottom: 1px solid #fff;
    line-height: 28px;
    margin: 0!important;
    padding: 0 10px!important;
    left: auto!important;
    top: auto!important
}

.feedContent .couponDetailWrapper .couponInfoWrapper {
    top: auto;
    margin-left: 0
}

.feedContent .playCouponBar .couponFeedButtons {
    height: 26px;
    padding-top: 2px
}

.feedContent .playCouponBar .couponFeedButtons .couponPlayButton {
    padding-right: 5px;
    float: right;
    height: 22px;
    margin-right: 0;
    border-left: 0;
    padding-left: 0
}

.sharedCoupon {
    padding-left: 60px
}

.sharedCoupon .feedPlayerInfo {
    position: absolute;
    top: 0;
    left: 10px
}

.feedContent .button {
    padding: 0 5px;
    line-height: 26px;
    border-radius: 3px;
    background: #009dd9;
    font-size: 11px;
    font-weight: 700;
    display: inline-block
}

.feedContent .button.orange {
    background: #f60
}

.feedContent .eventCode {
    padding-left: 4px;
    top: 8px
}

.feedContent .couponEventHeader {
    width: 500px
}

.feedContent .eventWrapper.specialEvents {
    width: 500px
}

.feedContent .bulletin {
    margin-bottom: 0
}

.feedContent .bulletin .item .team {
    float: left
}

.feedContent .mostPlayedBulletin .eventDescriptionContainer {
    width: 453px
}

.feedContent .mostPlayedBulletin .infoContainer {
    border-right: 1px solid #fff;
    height: 34px;
    padding-right: 3px
}

.feedContent .mostPlayedBulletin .mbcWrapper {
    height: 34px
}

.feedContent .bulletin .mbcWrap {
    margin-top: 0
}

.feedContent .bulletin .mbcWrap span.mbcIcon {
    margin-top: 2px;
    left: 0
}

.feedContent .mostPlayedBulletin .odd {
    width: 175px
}

.feedContent .mostPlayedBulletin .odd .title {
    width: 126px
}

.feedContent .iddaaCoupon.won {
    padding: 0;
    background: 0 0
}

.feedContent .winnerCouponContainer {
    width: 506px
}

.feedContent .sportTotoEventHeader {
    margin-bottom: 0;
    border-bottom: 1px solid #fff
}

#cboxLoadedContent .feedContent .sportTotoFeed {
    margin-top: -20px
}

.feedContent .sportTotoFeed .sportTotoEvent {
    margin-bottom: 0;
    border-bottom: 1px solid #fff
}

.feedContent .showMoreEvents {
    margin-bottom: 0;
    border-bottom: 1px solid #fff
}

.mostPlayedBulletin .mostPlayedEvent {
    overflow: visible
}

.mostPlayedBulletin .mostPlayedTitle {
    background: #6ea03a
}

.mostPlayedBulletin .mostPlayedTitle .orderKeyTitle {
    width: 20px
}

.mostPlayedBulletin .eventOrder {
    width: 20px
}

.mostPlayedBulletin #eventIcon {
    width: 16px;
    height: 16px;
    margin-top: 8px;
    position: relative;
    background: none transparent
}

.mostPlayedBulletin #eventIcon:before {
    content: "";
    width: 16px;
    height: 16px;
    position: absolute;
    top: 0;
    left: 0;
    background: url(https://cdn.tuttur.com/web/public/img/icon-sports.png) no-repeat -96px 0;
    background-size: 208px
}

.mostPlayedBulletin #eventIcon.hentbol:before {
    background-position: 0 0
}

.mostPlayedBulletin #eventIcon.basketbol:before {
    background-position: -16px 0
}

.mostPlayedBulletin #eventIcon.buz-hokeyi:before {
    background-position: -32px 0
}

.mostPlayedBulletin #eventIcon.snooker:before {
    background-position: -48px 0
}

.mostPlayedBulletin #eventIcon.voleybol:before {
    background-position: -80px 0
}

.mostPlayedBulletin #eventIcon.plaj-voleybolu:before {
    background-position: -80px 0
}

.mostPlayedBulletin #eventIcon.futbol:before {
    background-position: -96px 0
}

.mostPlayedBulletin #eventIcon.boks:before {
    background-position: -112px 0
}

.mostPlayedBulletin #eventIcon.motor-sporlari:before {
    background-position: -128px 0
}

.mostPlayedBulletin #eventIcon.tenis:before {
    background-position: -144px 0
}

.mostPlayedBulletin #eventIcon.atletizm:before {
    background-position: -160px 0
}

#liveContents .time,
.bulletin .time {
    padding-left: 4px;
    width: 30px;
    color: #333
}

#liveContents .league,
.bulletin .league {
    padding-left: 4px;
    width: 30px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #333
}

#liveContents .mbcWrap,
.bulletin .mbcWrap {
    padding: 0 3px
}

#liveContents .mbcWrap,
.bulletin .mbcWrap {
    background: 0 0
}

#liveContents .item,
.bulletin .item {
    background: #e9ebee
}

#liveContents .mbcWrap span.mbcIcon,
.bulletin .mbcWrap span.mbcIcon {
    float: left;
    display: block;
    width: 12px;
    height: 12px;
    background: #462cac;
    border-radius: 2px;
    color: #fff;
    line-height: 12px;
    font-size: 10px;
    text-align: center;
    margin-right: 2px
}

span.mbcIcon.mbc-1 {
    background: #d0021b!important
}

span.mbcIcon.mbc-2 {
    background: #ff8000!important
}

span.mbcIcon.mbc-3 {
    background: #588500!important
}

span.mbcIcon.mbc-5 {
    background: #026392!important
}

.mostPlayedBulletin .infoContainer {
    border-right: 1px solid #fff
}

.mostPlayedBulletin .mbcWrapper {
    border-left: 0
}

.mostPlayedBulletin .eventDescriptionContainer {
    width: 507px;
    overflow: visible
}

.mostPlayedBulletin .team {
    width: 187px!important;
    padding: 3px 5px 3px 5px!important
}

.feedContent .mostPlayedBulletin .item .team {
    width: 155px!important
}

.mostPlayedBulletin .team .homeTeam {
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    line-height: 14px
}

.mostPlayedBulletin .team .mark {
    display: none
}

.mostPlayedBulletin .team .awayTeam {
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.mostPlayedBulletin .matchFavAndCommentsCollapsed {
    width: 589px;
    padding-right: 0;
    background: #cbd7dd
}

#drawContainer .comments,
#drawContainer .likes {
    color: #009dd8;
    float: right;
    left: auto;
    margin: 0;
    background: url(https://cdn.tuttur.com/web/public/img/icon-comment.png) no-repeat left center;
    background-size: 10px;
    font-size: 10px;
    text-indent: 11px
}

#drawContainer .likes {
    background: url(https://cdn.tuttur.com/web/public/img/icon-like.png) no-repeat left center;
    background-size: 8px;
    text-indent: 9px;
    margin-right: 4px
}

#drawContainer .comments {
    margin-right: 3px
}

.mostPlayedBulletin .mostPlayedTitle .socialKeyTitle {
    width: 69px
}

#drawContainer .socialInfo {
    width: 72px
}

.bulletin .social {
    width: 72px
}

.feedContent .mostPlayedBulletin .infoContainer {
    padding-right: 0;
    width: 20px;
    text-align: center;
    margin: 0
}

.feedContent .mostPlayedBulletin .item.sportTotoItem .eventDescriptionContainer {
    width: 480px
}

.feedContent .mostPlayedBulletin .item.sportTotoItem .team {
    width: 375px!important;
    line-height: 30px
}

.feedContent .mostPlayedBulletin .item.sportTotoItem .odd {
    width: 95px;
    cursor: default
}

.feedContent .mostPlayedBulletin .item.sportTotoItem .odd .outcome {
    float: none;
    margin: 0
}

.mostPlayedBulletin .mostPlayedTitle .middleKeyTitleContainer {
    width: 606px
}

.mostPlayedBulletin .mostPlayedTitle .middleKeyTitleContainer .percKeyTitle {
    width: 42px
}

.mostPlayedBulletin .mostPlayedTitle .socialKeyTitle {
    width: 72px
}

.mostPlayedBulletin .matchFavAndCommentsCollapsed .myLinks {
    color: #009dd8;
    display: block;
    float: right;
    margin-right: 20px;
    cursor: pointer;
    text-decoration: underline
}

.mostPlayedBulletin .matchFavAndCommentsCollapsed a.myCoupons,
.mostPlayedBulletin .matchFavAndCommentsCollapsed a.myReminder {
    display: block;
    float: left;
    height: 20px;
    line-height: 20px;
    color: #666;
    text-decoration: none;
    padding-left: 18px;
    margin: 8px 0 0 10px
}

.mostPlayedBulletin .matchFavAndCommentsCollapsed a.myCoupons {
    background: url(https://cdn.tuttur.com/web/public/img/icon-coupon.png) no-repeat left center;
    background-size: 14px
}

.mostPlayedBulletin .matchFavAndCommentsCollapsed a.myReminder {
    background: url(https://cdn.tuttur.com/web/public/img/icon-reminder.png) no-repeat left center;
    background-size: 14px
}

.mostPlayedBulletin .matchFavAndCommentsCollapsed .eventShareLink {
    position: relative;
    right: 0!important
}

.mostPlayedBulletin .matchFavAndCommentsCollapsed .eventCommentLink {
    position: relative;
    right: 0!important
}

.mostPlayedBulletin .matchFavAndCommentsCollapsed .eventLikeLink {
    position: relative;
    right: 0!important
}

.mostPlayedBulletin .description {
    width: 100px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.mostPlayedBulletin .odd {
    width: 133px;
    padding: 0 4px
}

.mostPlayedBulletin .odd .title {
    float: left;
    margin: 0;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: block;
    width: 100px;
    text-align: left
}

.mostPlayedEvent.firstItem {
    border-radius: 5px 5px 0 0
}

.mostPlayedEvent.lastItem {
    border-radius: 0 0 5px 5px
}

.mostPlayedEvent.firstItem.lastItem {
    border-radius: 5px
}

.mostPlayedBulletin .matchFavAndCommentsCollapsed {
    width: 589px;
    padding-right: 0;
    background: #cbd7dd
}

#drawContainer .comments,
#drawContainer .likes {
    color: #009dd8;
    background: url(https://cdn.tuttur.com/web/public/img/icon-comment.png) no-repeat left center;
    background-size: 10px
}

#drawContainer .likes {
    background: url(https://cdn.tuttur.com/web/public/img/icon-like.png) no-repeat left center;
    background-size: 8px
}

.mostPlayedBulletin .matchFavAndCommentsCollapsed .myLinks {
    color: #009dd8;
    display: block;
    float: right;
    margin-right: 20px;
    cursor: pointer;
    text-decoration: underline
}

.mostPlayedBulletin .matchFavAndCommentsCollapsed a.myCoupons,
.mostPlayedBulletin .matchFavAndCommentsCollapsed a.myReminder {
    display: block;
    float: left;
    height: 20px;
    line-height: 20px;
    color: #666;
    text-decoration: none;
    padding-left: 18px;
    margin: 8px 0 0 10px
}

.mostPlayedBulletin .matchFavAndCommentsCollapsed a.myCoupons {
    background: url(https://cdn.tuttur.com/web/public/img/icon-coupon.png) no-repeat left center;
    background-size: 14px
}

.mostPlayedBulletin .matchFavAndCommentsCollapsed a.myReminder {
    background: url(https://cdn.tuttur.com/web/public/img/icon-reminder.png) no-repeat left center;
    background-size: 14px
}

.mostPlayedBulletin .matchFavAndCommentsCollapsed .eventShareLink {
    position: relative;
    right: 0!important
}

.mostPlayedBulletin .matchFavAndCommentsCollapsed .eventCommentLink {
    position: relative;
    right: 0!important
}

.mostPlayedBulletin .matchFavAndCommentsCollapsed .eventLikeLink {
    position: relative;
    right: 0!important
}

.mostPlayedBulletin span.isOdd:hover {
    background: #c9d1c1;
    border-color: #c9d1c1
}

.mostPlayedBulletin span.isOdd.active {
    background: #7ecdeb;
    border-color: #7ecdeb;
    color: #fff
}

.mostPlayedBulletin span.isOdd.selected {
    background: #7ecdeb;
    border-color: #7ecdeb;
    color: #fff
}

.messageAlertBox *,
.messageAlertBox:after,
.messageAlertBox:before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-overflow-scrolling: touch;
    overflow-scrolling: touch
}

div.modalBoxAlert {
    width: 300px;
    line-height: 26px
}

div.couponSave {
    height: 24px;
    line-height: 24px;
    padding: 0;
    margin: 0 0 10px 0
}

div.couponSave .transparentField {
    width: 100%;
    height: 24px;
    line-height: 24px
}

div.modalBoxButtons {
    float: left;
    text-align: left;
    margin: 0;
    height: 26px
}

#tConfirm,
#tConfirm *,
#tConfirm:after,
#tConfirm:before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-overflow-scrolling: touch;
    overflow-scrolling: touch
}

#tConfirm {
    padding: 0
}

.tTip,
.tTip .cap,
.tTip .content {
    z-index: 9999
}

div.saveCouponTooltip {
    width: 300px;
    line-height: 26px;
    padding: 15px 20px
}

div.saveCouponTooltip .saveCouponText {
    padding: 0;
    margin: 0
}

div.saveCouponTooltip .buttons {
    float: none;
    text-align: left;
    margin: 0 -5px;
    height: 26px;
    padding: 0
}

#couponWidget a.couponHelper {
    background-position: center 15px;
    padding-right: 0;
    width: 40px;
    text-indent: -9999px
}

.feedItems,
.feedItems *,
.feedItems:after,
.feedItems:before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-overflow-scrolling: touch;
    overflow-scrolling: touch
}

.feedItem,
.feedItem *,
.feedItem:after,
.feedItem:before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-overflow-scrolling: touch;
    overflow-scrolling: touch
}

#cboxLoadedContent,
#cboxLoadedContent *,
#cboxLoadedContent:after,
#cboxLoadedContent:before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-overflow-scrolling: touch;
    overflow-scrolling: touch
}

.messageAlertBox,
.messageAlertBox *,
.messageAlertBox:after,
.messageAlertBox:before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-overflow-scrolling: touch;
    overflow-scrolling: touch
}

div.modalBoxAlert.light.flipped.thin {
    width: 209px
}

div.modalBoxClose.light.flipped.thin {
    width: 209px
}

div.showCouponDetailsN {
    width: 100%
}

div.fullCouponDetails {
    width: 100%
}

div.couponDetailsN.open {
    height: auto
}

.feedItems {
    padding: 0 20px
}

.feedContent .playCouponBar .playerName {
    line-height: 24px;
    top: auto
}

.feedContent .playCouponBar .playedCount {
    line-height: 24px;
    top: auto
}

.feedContent .feedUserName {
    margin-top: 0
}

.feedContentContainer .eventFunctions {
    width: 500px
}

.feedItems .tLink.toggleCommentStatus {
    margin-right: 0
}

.feedItems .tLink.toggleCommentStatus.overWidth {
    margin-right: 0
}

.likeWrapper {
    width: 500px
}

.eventDetailPage .eventHomePost {
    display: block
}

a.doneButton {
    margin-left: 0
}

div.userLoginPasswordError {
    left: 582px;
    top: 50px
}

div.userLoginPasswordError span {
    padding-left: 4px;
    padding-right: 4px
}

div.userLoginError {
    left: 360px;
    top: 50px
}

div.userLoginError span {
    padding-left: 4px;
    padding-right: 4px
}

div.couponMatchItems div.item span.teams {
    max-width: 160px
}

div.couponMatchItems div.item span.playedBet {
    max-width: 185px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap
}

div.couponMatchItems div.item span.playedBet .floatL {
    max-width: 80px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap
}

div.couponMatchItems div.item span.playedBet .floatL.rep {
    max-width: 100px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap
}

.couponShareSwitchContainer .switchHelperTitle {
    margin-left: 5px
}

#switch,
.switchContainer .switch {
    top: -5px
}

.feedContent .messageCoupon {
    border-radius: 5px 5px 0 0;
    overflow: hidden
}

#cboxLoadedContent .feedItem {
    width: 500px;
    padding: 0;
    margin: 0 auto;
    display: block;
    border: 0
}

#cboxLoadedContent .feedContentContainer {
    width: 500px;
    padding: 0
}

#cboxLoadedContent .feedSharePopup .sharePopupButtons {
    width: 500px
}

#cboxLoadedContent .listFeedsContainer .feedItems {
    padding: 0
}

#cboxLoadedContent .listFeedsContainer .feedItem {
    width: 100%;
    float: none;
    padding-left: 50px;
    padding-right: 0;
    margin-bottom: 20px
}

#cboxLoadedContent .listFeedsContainer .feedItem:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0
}

#cboxLoadedContent .listFeedsContainer .feedContentContainer {
    width: 100%;
    padding-left: 10px
}

.listFeedsContainer .feedItem .deleteFeedButton {
    top: 20px;
    right: 0
}

.listFeedsContainer .feedItem .deleteAndComplaint {
    top: 0;
    right: 0
}

.tutturTabLinks {
    float: right;
    margin: 0 7px 20px 0
}

.tutturTabLinks ul {
    float: right
}

.tutturTabLinks ul li {
    float: left
}

.tutturTabLinks ul li a {
    height: 23px;
    background: #9c9c7c;
    line-height: 22px;
    color: #fff;
    font-size: 11px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    padding: 0 10px!important;
    cursor: pointer;
    display: inline-block;
    margin-left: 5px;
    border-top: 1px solid rgba(0, 0, 0, .3);
    border-right: 1px solid rgba(0, 0, 0, .15);
    border-left: 1px solid rgba(0, 0, 0, .15)
}

.tutturTabLinks ul li.active a {
    background: -moz-linear-gradient(top, rgba(255, 255, 255, .2) 0, rgba(0, 0, 0, .2) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(255, 255, 255, .2)), color-stop(100%, rgba(0, 0, 0, .2)));
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, .2) 0, rgba(0, 0, 0, .2) 100%);
    background: -o-linear-gradient(top, rgba(255, 255, 255, .2) 0, rgba(0, 0, 0, .2) 100%);
    background: -ms-linear-gradient(top, rgba(255, 255, 255, .2) 0, rgba(0, 0, 0, .2) 100%);
    background: linear-gradient(top, rgba(255, 255, 255, .2) 0, rgba(0, 0, 0, .2) 100%);
    background-color: #009dd9!important;
    border: 1px solid #0286b8;
    height: 22px;
    line-height: 22px
}

.tutturTabContents {
    clear: both
}

.tutturTabContents .tutturTabContent {
    display: none
}

.tutturTabContents .tutturTabContent.active {
    display: block
}

.newLiveScore .event .scoreContainer .awayTeam,
.newLiveScore .event .scoreContainer .homeTeam {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.newLiveScore .event .scoreContainer .state {
    width: 40px;
}

.newLiveScore .event .league,
.newLiveScore .event .time {
    display: inline-block;
    vertical-align: top
}

.newLiveScore .event .league {
    display:none;
    margin-left: 10px;
    width: 50px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: center
}

.newLiveScore .list.results .event .eventInfo {
    width: 150px
}

.newLiveScore .event .icons {
    vertical-align: top;
    margin-right: 0;
    display: block;
    position: absolute;
    z-index: 1000;
    top: 0;
    right: 0;
    width: auto;
    display:none;
}

.newLiveScore .event .mbcIcon {
    float: left;
    display: block;
    width: 12px;
    height: 12px;
    background: #462cac;
    border-radius: 2px;
    color: #fff;
    line-height: 12px;
    font-size: 10px;
    text-align: center;
    margin-right: 7px;
    margin-top: 11px;
    top: auto
}

.newLiveScore .event .mbcIcon.mbc-1 {
    background: #d0021b!important
}

.newLiveScore .event .mbcIcon.mbc-2 {
    background: #ff8000!important
}

.newLiveScore .event .mbcIcon.mbc-3 {
    background: #588500!important
}

.newLiveScore .event .mbcIcon.mbc-5 {
    background: #026392!important
}

.newLiveScore .title.hiddenItem {
    display: none
}

.newLiveScore .event.hiddenItem {
    display: none
}

.newLiveScore .event.hiddenItemDate {
    display: none
}

.newLiveScore .event.hiddenItemLeague {
    display: none
}

.newLiveScore .event.hiddenItem {
    display: none
}

.newLiveScore .event.hiddenStarredItem {
    display: none
}

.newLiveScore .event .dialog {
    margin-right: 10px;
    top: 0;
    vertical-align: top;
    margin-top: 13px;
    margin-left: 0
}

.newLiveScore .event .halfTime {
    line-height: 14px;
    padding: 3px 0;
    position: absolute;
    top: 8px;
    left: 28px;
}

.newLiveScore .live.list.results .event.active,
.newLiveScore .live.list.results .event:hover {
    background-color: #fff;
    cursor: default
}

.noResultScreen {
    display: none
}

#feedItemsContainer .tartPanelContainer .tartActivePanel {
    min-height: 30px
}

#feedItemsContainer .categoryFeedTab {
    font-size: 12px;
    height: 34px;
    cursor: pointer;
    float: left;
    display: block;
    line-height: 30px;
    color: #009dd9;
    padding: 0 10px;
    position: relative
}

#feedItemsContainer .categoryFeedTab.tartActiveTab {
    color: #000;
    font-weight: 700;
    background: none transparent
}

#feedItemsContainer .categoryFeedTab.tartActiveTab:before {
    content: "";
    position: absolute;
    bottom: -1px;
    left: 50%;
    margin-left: -2px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 4px 5px 4px;
    border-color: transparent transparent #fff transparent;
    z-index: 1
}

#feedItemsContainer .categoryFeedTab.tartActiveTab:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -3px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 5px 6px 5px;
    border-color: transparent transparent #ccc transparent
}

#feedItemsContainer .categoryPanel {
    width: auto;
    top: auto;
    left: auto;
    background: #fff;
    border-top: 1px solid #ccc;
    border-radius: 0;
    margin: 0 -10px;
    padding: 0 10px
}

.eventDetailPage #feedItemsContainer .categoryFeedTab {
    color: #fff
}

.eventDetailPage #feedItemsContainer .categoryFeedTab.tartActiveTab {
    color: #fff
}

.eventDetailPage #feedItemsContainer .categoryFeedTab.tartActiveTab:before {
    content: none
}

.eventDetailPage #feedItemsContainer .categoryFeedTab.tartActiveTab:after {
    border-color: transparent transparent #fff transparent
}

.eventDetailPage #feedItemsContainer .categoryPanel {
    border-top: 0;
    margin: 0;
    border-radius: 10px;
    padding: 0
}

.eventHomeFeedsWidget .playerSearchComponent {
    width: 100%;
    border: 0;
    top: auto;
    padding: 10px
}

.playerSearchComponent .playerSearchListing div.profileInfo {
    padding: 5px 5px 5px 10px
}

.playerSearchComponent .playerSearchListing div.profileInfo .playerInfoContainer {
    width: 595px
}

.playerSearchComponent .playerSearchListing div.playerContainer {
    overflow: hidden
}

.playerSearchComponent .playerSearchListing div.profileInfo .playerAvatarContainer,
.playerSearchComponent .playerSearchListing div.profileInfo .playerAvatarContainer img {
    width: 33px;
    height: 33px
}

.playerSearchComponent .playerSearchListing div.profileInfo .playerInfoContainer .playerLinks {
    top: -42px
}

.eventDetailOdds {
    display: none
}

.eventDetailOdds .bulletinMatchExtraOdds {
    background: 0 0;
    margin-bottom: 0;
    border-radius: 0;
    padding: 0
}

.eventDetailstats {
    display: none
}

#nextBetsWidget {
    display: none;
    opacity: 0;
    visibility: hidden;
    position: absolute;
    left: -9999px;
    top: -9999px
}

#tEvent .shirtsContainer .shirts {
    display: none
}

#tEvent .code {
    display: none
}

#tEvent .mbcWrap .mbcIcon {
    left: 32px
}

#tEvent .mbcWrap .stat {
    display: none
}

#tEvent .eventDate {
    left: auto;
    right: 10px;
    text-align: right;
    width: 160px
}

#tEvent .league {
    left: 50px;
    width: 50px;
    text-align: left;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

#tEvent .eventType {
    width: 12px;
    height: 12px;
    background: url(https://cdn.tuttur.com/web/public/img/icon-sports.png) no-repeat -48px 0;
    background-size: 156px
}

#tEvent .eventType.hentbol {
    background-position: 0 0
}

#tEvent .eventType.basketbol {
    background-position: -12px 0
}

#tEvent .eventType.buz-hokeyi {
    background-position: -24px 0
}

#tEvent .eventType.snooker {
    background-position: -36px 0
}

#tEvent .eventType.voleybol {
    background-position: -60px 0
}

#tEvent .eventType.plaj-voleybolu {
    background-position: -60px 0
}

#tEvent .eventType.futbol {
    background-position: -72px 0
}

#tEvent .eventType.boks {
    background-position: -84px 0
}

#tEvent .eventType.motor-sporlari {
    background-position: -96px 0
}

#tEvent .eventType.tenis {
    background-position: -108px 0
}

#tEvent .eventType.atletizm {
    background-position: -120px 0
}

.eventHomePost {
    top: auto;
    margin-top: 20px
}

#postitem {
    padding-left: 60px
}

.postStatusWrapper {
    padding-left: 50px;
    margin-left: -50px
}

.postStatusWrapper .feedPostStatusPlayerAvatar {
    position: absolute;
    left: 0;
    top: 0
}

.postStatusWrapper .feedPostStatusTextInput {
    float: none;
    width: 100%
}

.postStatusWrapper .commentLine {
    width: 100%!important
}

.addFeedOption {
    margin-left: 0!important;
    visibility: hidden!important
}

.addFormField {
    margin-left: 0;
    width: 100%
}

.commentWrapper {
    width: 500px
}

.commentItem {
    padding-left: 40px
}

.commentItem .userAvatar {
    position: absolute;
    left: 0;
    top: 0;
    margin-top: 6px
}

.commentItem .commentContent {
    width: 100%!important;
    float: none;
    margin-left: 0;
    top: 0
}

.playerCommentLine {
    padding-left: 40px;
    width: 500px
}

.playerCommentLine .userAvatar {
    position: absolute;
    left: 0;
    top: 0
}

.playerCommentLine .commentLine {
    width: 100%!important
}

.fullDetailRight .cpAction {
    width: 104px
}

.feedSharePopup .shareForm {
    width: 500px;
    margin: 0 auto;
    margin-bottom: 20px;
    padding-left: 60px;
    min-height: 50px
}

.feedSharePopup .shareForm img {
    position: absolute;
    top: 0;
    left: 0
}

.feedSharePopup .shareForm .textarea {
    width: 100%;
    max-width: 100%;
    height: 50px
}

#activeCouponsSwitchHelper {
    top: 10px
}

select option.option-hidden {
    display: none
}

.contentTitle a.activeTab {
    background: #e9ebee;
    color: #003650
}

.newLiveScore .contentTitle a.activeTab {
    background: #fff;
    color: #003650
}

.contentTitle .contentRightTab a.active {
    color: #003650;
    background-color: #fff;
    border-bottom: none
}

.secondLevelNaviTab.tartActiveTab,
.secondLevelNaviTab.tartActiveTab:hover,
.userSubMenuItemSelected .secondLevelNaviTab {
    height: 23px
}

.sharedCouponItem {
    background: #efefe7;
    padding: 0 10px;
    width: 500px;
    border-bottom: 1px solid #fff
}

.sharedCouponItem:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0
}

.sharedCouponItem .sharedCouponItemDetail {
    float: left;
    width: 420px
}

.sharedCouponItem .sharedCouponItemOdd {
    float: right;
    width: 60px;
    margin-top: 12px
}

.sharedCouponItem .sharedCouponItemHeader {
    line-height: 14px;
    margin-top: 11px;
    margin-bottom: 4px;
    overflow: hidden
}

.sharedCouponItem .eventType {
    float: left;
    width: 12px;
    height: 12px;
    background: url(https://cdn.tuttur.com/web/public/img/icon-sports.png) no-repeat -48px 0;
    background-size: 156px;
    margin-top: 1px;
    margin-right: 4px
}

.sharedCouponItem .eventType.hentbol {
    background-position: 0 0
}

.sharedCouponItem .eventType.basketbol {
    background-position: -12px 0
}

.sharedCouponItem .eventType.basketball {
    background-position: -12px 0
}

.sharedCouponItem .eventType.buz-hokeyi {
    background-position: -24px 0
}

.sharedCouponItem .eventType.snooker {
    background-position: -36px 0
}

.sharedCouponItem .eventType.voleybol {
    background-position: -60px 0
}

.sharedCouponItem .eventType.volleyball {
    background-position: -60px 0
}

.sharedCouponItem .eventType.plaj-voleybolu {
    background-position: -60px 0
}

.sharedCouponItem .eventType.futbol {
    background-position: -72px 0
}

.sharedCouponItem .eventType.football {
    background-position: -72px 0
}

.sharedCouponItem .eventType.boks {
    background-position: -84px 0
}

.sharedCouponItem .eventType.motor-sporlari {
    background-position: -96px 0
}

.sharedCouponItem .eventType.tenis {
    background-position: -108px 0
}

.sharedCouponItem .eventType.tennis {
    background-position: -108px 0
}

.sharedCouponItem .eventType.atletizm {
    background-position: -120px 0
}

.sharedCouponItem .mbcIcon {
    float: left;
    display: block;
    width: 12px;
    height: 12px;
    background: #462cac;
    border-radius: 2px;
    color: #fff;
    line-height: 12px;
    font-size: 10px;
    text-align: center;
    margin-top: 1px;
    margin-right: 4px;
    top: auto!important;
    margin-left: 0!important
}

.sharedCouponItem .mbcIcon.mbc-1 {
    background: #d0021b!important
}

.sharedCouponItem .mbcIcon.mbc-2 {
    background: #ff8000!important
}

.sharedCouponItem .mbcIcon.mbc-3 {
    background: #588500!important
}

.sharedCouponItem .mbcIcon.mbc-5 {
    background: #026392!important
}

.sharedCouponItem .bankIcon {
    float: left;
    width: 12px;
    height: 12px;
    background: #fff;
    border: 1px solid #9caab3;
    border-radius: 2px;
    color: #9caab3;
    line-height: 11px;
    font-size: 8px;
    text-align: center;
    display: block;
    margin-top: 1px;
    margin-right: 4px
}

.sharedCouponItem .bankIcon.selected {
    background: #003650;
    color: #fff;
    border: 1px solid #003650
}

.sharedCouponItem .bankIcon.active {
    background: #003650;
    color: #fff;
    border: 1px solid #003650
}

.sharedCouponItem .liveIcon {
    float: left;
    width: 37px;
    height: 11px;
    background: url(https://cdn.tuttur.com/web/public/img/badge_live.gif);
    display: block;
    margin-top: 1px;
    margin-right: 4px;
    position: relative;
    bottom: auto;
    left: auto
}

.sharedCouponItem .eventName {
    font-size: 12px;
    color: #3594d8;
    font-weight: 700;
    float: left;
    max-width: 320px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.sharedCouponItem .eventName a {
    color: #3594d8
}

.sharedCouponItem .sharedCouponItemFooter {
    line-height: 14px;
    font-size: 12px;
    color: #999;
    margin-bottom: 8px
}

.sharedCouponItem .isOdd {
    display: block;
    width: 60px!important;
    height: 26px;
    line-height: 26px;
    text-align: center;
    background: #fff;
    color: #000;
    border-radius: 4px;
    padding: 0!important;
    margin: 0!important
}

.sharedCouponItem .isOdd:hover {
    background: #c9d1c1;
    color: #000
}

.sharedCouponItem .isOdd.active {
    background: #7ecdeb;
    color: #fff
}

.iddaaCouponFeed .popularCouponBadgeContainer {
    position: relative;
    top: auto;
    right: auto;
    margin-top: -23px
}

#profileContainer .iddaaCouponFeed .popularCouponBadgeContainer {
    top: -3px
}

div.couponMatchItems {
    padding-bottom: 0
}

div.couponMatchItems div.item span {
    padding: 4px 0
}

div.couponMatchItems div.item span.mbs {
    margin-top: 12px
}

div.couponMatchItems div.item span.aspect.stateIcon+span.iddaaCode {
    margin-left: 0
}

div.couponMatchItems div.item span {
    line-height: 28px
}

div.couponMatchItems div.item span.rate {
    margin-right: 3px
}

div.couponMatchItems div.item span.teams {
    max-width: 172px;
    width: auto;
    padding: 4px 0
}

div.couponMatchItems div.item span.teams span {
    display: block;
    float: none;
    width: 100%;
    line-height: 14px;
    padding: 0
}

div.couponMatchItems div.item span.playedBet {
    width: 170px;
    max-width: 170px;
    padding: 4px 0;
    line-height: 14px
}

div.couponMatchItems div.item span.playedBet span {
    display: block;
    line-height: 14px;
    padding: 0;
    float: none
}

div.couponMatchItems div.item span.itemIcon {
    margin-left: 10px
}

#couponStatus div.couponMatchItems div.item span.iddaaCode {
    display: none
}

#contactListingMain .myFriends .userActions .followPlayerButton {
    width: 78px
}

#profileContainer .bulletinMatchExtraOdds .bulletinMatchExtraOddsHeader ul.bulletinTabs li a[data-id=stats] {
    display: none
}

div.formTables span.formTablesDesc {
    padding-top: 15px
}

a.errorMessageForm span {
    height: 24px
}

a.isOdd.active,
a.isOdd.bOdd.active,
a.isOdd.oX.active,
a.oPlus.active,
a.oXd.active,
span.isOdd.active,
span.oPlus.active {
    background-color: #7ecdeb;
    color: #fff
}

.bulletin .bulletinTitle.hiddenItem {
    display: none
}

.bulletin .bulletinEventGroup .item.hiddenItem {
    display: none
}

.bulletin .bulletinEventGroup .item.hiddenItemDate {
    display: none
}

.bulletin .bulletinEventGroup .item.hiddenItemLeague {
    display: none
}

.bulletin .bulletinEventGroup .feature.item {
    padding-bottom: 0
}

.bulletin .bulletinEventGroup .feature.item:before {
    content: "";
    position: absolute;
    width: 1px;
    height: 100%;
    top: 0;
    left: 90px;
    background: #fff
}

.bulletin .bulletinEventGroup .feature.item .itemDetails {
    width: 90px;
    height: auto;
    padding-left: 5px
}

.bulletin .bulletinEventGroup .feature.item .featureGameName {
    float: left;
    padding-left: 5px;
    width: 210px
}

.bulletin .bulletinEventGroup .feature.item .featureGameName .gameName {
    min-height: 12px;
    display: block
}

.bulletin .bulletinEventGroup .feature.item .eventLineOdds {
    border-left: 1px solid #fff;
    min-height: 39px;
    padding-bottom: 5px;
    padding-left: 5px;
    width: 384px;
    float: right
}

.bulletin .bulletinEventGroup .item .typeIcon {
    width: 16px;
    height: 16px;
    float: left;
    margin: 9px 3px;
    position: relative;
    background: none transparent
}

.bulletin .bulletinEventGroup .item .typeIcon:before {
    content: "";
    width: 16px;
    height: 16px;
    position: absolute;
    top: 0;
    left: 0;
    background: url(https://cdn.tuttur.com/web/public/img/icon-sports.png) no-repeat -96px 0;
    background-size: 208px
}

.bulletin .bulletinEventGroup .item .typeIcon.hentbol:before {
    background-position: 0 0
}

.bulletin .bulletinEventGroup .item .typeIcon.basketbol:before {
    background-position: -16px 0
}

.bulletin .bulletinEventGroup .item .typeIcon.buz-hokeyi:before {
    background-position: -32px 0
}

.bulletin .bulletinEventGroup .item .typeIcon.snooker:before {
    background-position: -48px 0
}

.bulletin .bulletinEventGroup .item .typeIcon.voleybol:before {
    background-position: -80px 0
}

.bulletin .bulletinEventGroup .item .typeIcon.plaj-voleybolu:before {
    background-position: -80px 0
}

.bulletin .bulletinEventGroup .item .typeIcon.futbol:before {
    background-position: -96px 0
}

.bulletin .bulletinEventGroup .item .typeIcon.boks:before {
    background-position: -112px 0
}

.bulletin .bulletinEventGroup .item .typeIcon.motor-sporlari:before {
    background-position: -128px 0
}

.bulletin .bulletinEventGroup .item .typeIcon.tenis:before {
    background-position: -144px 0
}

.bulletin .bulletinEventGroup .item .typeIcon.atletizm:before {
    background-position: -160px 0
}

.bulletin .bulletinEventGroup .item .mbcIcon {
    float: left;
    text-align: center;
    border-right: 0;
    display: block;
    width: 12px;
    height: 12px;
    background: #462cac;
    border-radius: 2px;
    color: #fff;
    line-height: 12px;
    font-size: 10px;
    text-align: center;
    margin: 11px 4px;
    top: auto
}

.bulletin .bulletinEventGroup .item .mbcIcon.mbc-1 {
    background: #d0021b
}

.bulletin .bulletinEventGroup .item .mbcIcon.mbc-2 {
    background: #ff8000
}

.bulletin .bulletinEventGroup .item .mbcIcon.mbc-3 {
    background: #588500
}

.bulletin .bulletinEventGroup .item .mbcIcon.mbc-5 {
    background: #026392
}

.bulletin .bulletinEventGroup .item .time {
    display: block;
    float: left;
    width: 34px;
    line-height: 34px;
    padding: 0 3px;
    text-align: center;
    border-right: 0;
    color: #152d42;
    font-weight: 700;
    left: auto
}

#no-match {
    width: 530px;
    margin: 50px auto;
    padding: 35px 100px;
    background: #071a2c;
    color: #fff;
    font-family: Roboto, Arial, Helvetica, sans-serif;
    font-size: 24px;
    font-weight: 400;
    line-height: 120%;
    text-align: center;
    border-radius: 5px
}

#no-match .liveBettingBadge {
    width: 246px;
    height: 100px;
    background: url(https://cdn.tuttur.com/web/public/img/liveBettingBadge.png) no-repeat center;
    margin: 0 auto 15px auto
}

#no-match .noMatchButton {
    background: #f56d00;
    background: linear-gradient(180deg, rgba(245, 109, 0, 1) 0, rgba(170, 22, 2, 1) 100%);
    line-height: 46px;
    height: 46px;
    width: 100%;
    color: #fff;
    font-size: 24px;
    font-family: Roboto, Arial, Helvetica, sans-serif;
    display: block;
    border-radius: 5px;
    margin-top: 20px
}

.feedItem .deleteConfirmBoxWrapper {
    height: 102px
}

.feedItem .deleteConfirmBox {
    height: 92px
}

.feedItem .deleteConfirmBox .deleteConfirmBoxContent {
    padding: 15px 15px 10px
}

.feedItem .deleteConfirmBoxButtons {
    float: none;
    width: 100%;
    margin-right: 0;
    padding: 0 15px
}

.feedItem .deleteConfirmBoxButtons .button {
    float: left;
    margin-right: 5px
}

.feedContent .eventCode {
    padding-left: 0;
    top: 2px
}

.feedContent .mbcIcon {
    top: 10px
}

.feedContent .bulletinMatchItem.eventItem .mbcIcon {
    top: auto
}

.feedContent .singularMatchTeams {
    top: 2px
}

.feedContent .oddsWrapper .rater {
    margin: 4px 4px 4px 0!important
}

.feedContent .showMoreOdds {
    top: 4px
}

.newLiveScore .event .scoreContainer .noLiveScore {
    vertical-align: top
}

.newLiveScore .event .scoreContainer .date {
    vertical-align: top
}

.newLiveScore .results.list .sortLinks .sortLink[id=country] {
    display: none
}

.newLiveScore .results .event:nth-child(2) {
    border-radius: 0
}

.newLiveScore .results .event:last-child {
    border-radius: 0;
    border-bottom: 0
}

.newLiveScore .results .eventGroup {
    border-radius: 0;
    border-bottom: 1px solid #efefe7;
    padding-bottom: 2px
}

.newLiveScore .results .eventGroup.hiddenDate {
    display: none
}

.newLiveScore .results .event.hiddenDate {
    display: none
}

#tBetState .description {
    padding: 4px 15px 0 15px
}

#tBetState .description div {
    margin-bottom: 8px;
    padding-left: 84px
}

#tBetState .description label {
    position: absolute;
    left: 0;
    top: 0
}

#tBetState .description label+span {
    margin-left: 0
}

#tBetState .description span {
    display: block;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

div.couponMatchItems div.item span.col {
    line-height: 22px;
    margin-top: 4px
}

.feature.item .isOdd .description {
    float: left;
    font-weight: 700;
    width: 100%;
    text-align: left;
    position: absolute;
    top: 0;
    left: 0;
    line-height: 24px;
    padding-left: 5px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    padding-right: 56px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.feature.item .isOdd .outcome {
    margin-right: 7px
}

.feature.item .isOdd[data-ratio="1"]:before {
    content: "";
    z-index: 1;
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 4px 4px 4px;
    border-color: transparent transparent #85c871 transparent;
    top: 10px;
    right: 2px
}

.feature.item .isOdd[data-ratio="-1"]:before {
    content: "";
    z-index: 1;
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 4px 4px 0 4px;
    border-color: #dc6566 transparent transparent transparent;
    top: 10px;
    right: 2px
}

.feature.item .isOdd.Blocked:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 26px;
    line-height: 26px;
    background: #b5b5b5 url(https://cdn.tuttur.com/web/public/img/icon-locked.png) no-repeat center;
    top: -1px;
    left: 0;
    border: 1px solid #b5b5b5;
    border-radius: 5px;
    z-index: 1;
    cursor: default
}

.feature.item .isOdd.Completed:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 26px;
    line-height: 26px;
    background: #b5b5b5 url(https://cdn.tuttur.com/web/public/img/icon-locked.png) no-repeat center;
    top: -1px;
    left: 0;
    border: 1px solid #b5b5b5;
    border-radius: 5px;
    z-index: 1;
    cursor: default
}

.playerSearchComponent {
    width: auto
}

.coupounSysteminfo {
    width: 100%;
    top: 0
}

#infoMailActivationContainer .buttons {
    margin-top: 20px;
    padding-top: 0;
    min-height: 26px
}

#eventContainerHeader #eventSearchFilter form input:-webkit-autofill,
#eventContainerHeader #eventSearchFilter form input:-webkit-autofill:focus,
#eventContainerHeader #eventSearchFilter form input:-webkit-autofill:hover {
    -webkit-text-fill-color: #666;
    -webkit-box-shadow: 0 0 0 1000px #efefef inset;
    padding: 5px 20px 5px 10px;
    transition: background-color 5000s ease-in-out 0s
}

.playerSearchComponent .contentBoxContent .playerSearchInput:-webkit-autofill,
.playerSearchComponent .contentBoxContent .playerSearchInput:-webkit-autofill:focus,
.playerSearchComponent .contentBoxContent .playerSearchInput:-webkit-autofill:hover {
    -webkit-text-fill-color: #666;
    -webkit-box-shadow: 0 0 0 1000px transparent inset;
    transition: background-color 5000s ease-in-out 0s
}

#banPlayerSearchListing .myAreaSearch .transparentField:-webkit-autofill,
#banPlayerSearchListing .myAreaSearch .transparentField:-webkit-autofill:focus,
#banPlayerSearchListing .myAreaSearch .transparentField:-webkit-autofill:hover,
#userContentContainer .myAreaSearch .transparentField:-webkit-autofill,
#userContentContainer .myAreaSearch .transparentField:-webkit-autofill:focus,
#userContentContainer .myAreaSearch .transparentField:-webkit-autofill:hover,
.listMembersEditComponent .myAreaSearch .transparentField:-webkit-autofill,
.listMembersEditComponent .myAreaSearch .transparentField:-webkit-autofill:focus,
.listMembersEditComponent .myAreaSearch .transparentField:-webkit-autofill:hover {
    -webkit-text-fill-color: #989898;
    -webkit-box-shadow: 0 0 0 1000px transparent inset;
    transition: background-color 5000s ease-in-out 0s
}

.liveResults.container .latestActions {
    display: none
}

.liveResults.container .live.list.results {
    display: none
}

.extraOddsGroupTabs {
    overflow: hidden;
    margin-bottom: 0;
    margin-left: -3px;
    margin-right: -3px;
    padding: 2px 6px;
    width: 100%
}

.extraOddsGroupTabs a {
    float: left;
    margin-right: 0;
    padding: 0 5px;
    line-height: 24px;
    border-radius: 6px;
    color: #666
}

.extraOddsGroupTabs a.selected {
    background: #a0b1b9;
    color: #fff
}

#resetPasswordWidget .selectorWrapper {
    width: auto;
    height: auto
}

#eventContentContainer.liveBetting *,
#eventContentContainer.liveBetting:after,
#eventContentContainer.liveBetting:before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-overflow-scrolling: touch;
    overflow-scrolling: touch
}

#eventContentContainer.liveBetting {
    visibility: hidden
}

#eventContentContainer.liveBetting p {
    font-size: 12px;
    line-height: 120%
}

#eventContentContainer.liveBetting .branchContainer[data-hidden=true] {
    display: none
}

#eventContentContainer.liveBetting .branchContainer[data-hidden=false] {
    display: block
}

#eventContentContainer.liveBetting .branchTabsContainer {
    margin-bottom: 5px
}

#eventContentContainer.liveBetting .branchTabsContainer * {
    -webkit-user-select: auto;
    -moz-user-select: auto;
    -ms-user-select: auto;
    user-select: auto
}

#eventContentContainer.liveBetting .branchTabsContainer ul {
    margin: 0;
    padding: 0;
    list-style: none inside;
    white-space: nowrap;
    overflow: hidden;
    overflow-x: auto
}

#eventContentContainer.liveBetting .branchTabsContainer ul::-webkit-scrollbar {
    -webkit-appearance: none
}

#eventContentContainer.liveBetting .branchTabsContainer ul::-webkit-scrollbar:vertical {
    width: 11px
}

#eventContentContainer.liveBetting .branchTabsContainer ul::-webkit-scrollbar:horizontal {
    height: 11px
}

#eventContentContainer.liveBetting .branchTabsContainer ul::-webkit-scrollbar-thumb {
    border-radius: 8px;
    border: 2px solid #fff;
    background-color: rgba(0, 54, 80, .5)
}

#eventContentContainer.liveBetting .branchTabsContainer ul::-webkit-scrollbar-track {
    background-color: #fff;
    border-radius: 8px
}

#eventContentContainer.liveBetting .branchTabsContainer ul:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0
}

#eventContentContainer.liveBetting .branchTabsContainer ul li {
    display: inline-block;
    height: 50px
}

#eventContentContainer.liveBetting .branchTabsContainer ul li a {
    display: block;
    line-height: 22px;
    font-size: 13px;
    font-weight: 700;
    color: #003650;
    padding: 28px 6px 0 6px;
    width: auto;
    text-align: center;
    opacity: .5;
    max-width: 140px;
    position: relative
}

#eventContentContainer.liveBetting .branchTabsContainer ul li a i {
    font-style: normal;
    display: inline-block;
    vertical-align: top;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    max-width: 110px
}

#eventContentContainer.liveBetting .branchTabsContainer ul li a.active {
    opacity: 1
}

#eventContentContainer.liveBetting .branchTabsContainer ul li a.showAll {
    width: 85px
}

#eventContentContainer.liveBetting .branchTabsContainer ul li a:before {
    width: 24px;
    height: 24px;
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -12px;
    background: url(https://cdn.tuttur.com/web/public/img/icon-sports.png) no-repeat -96px 0
}

#eventContentContainer.liveBetting .branchTabsContainer ul li a.showAll:before {
    background-position: -264px 0
}

#eventContentContainer.liveBetting .branchTabsContainer ul li a.hentbol:before {
    background-position: 0 0
}

#eventContentContainer.liveBetting .branchTabsContainer ul li a.basketbol:before {
    background-position: -24px 0
}

#eventContentContainer.liveBetting .branchTabsContainer ul li a.buz-hokeyi:before {
    background-position: -48px 0
}

#eventContentContainer.liveBetting .branchTabsContainer ul li a.snooker:before {
    background-position: -72px 0
}

#eventContentContainer.liveBetting .branchTabsContainer ul li a.voleybol:before {
    background-position: -120px 0
}

#eventContentContainer.liveBetting .branchTabsContainer ul li a.play-voleybolu:before {
    background-position: -120px 0
}

#eventContentContainer.liveBetting .branchTabsContainer ul li a.futbol:before {
    background-position: -144px 0
}

#eventContentContainer.liveBetting .branchTabsContainer ul li a.boks:before {
    background-position: -168px 0
}

#eventContentContainer.liveBetting .branchTabsContainer ul li a.motor-sporlari:before {
    background-position: -192px 0
}

#eventContentContainer.liveBetting .branchTabsContainer ul li a.tenis:before {
    background-position: -216px 0
}

#eventContentContainer.liveBetting .branchTabsContainer ul li a.atletizm:before {
    background-position: -240px 0
}

#eventContentContainer.liveBetting .branchTitle {
    background: #2f6700;
    height: 30px;
    line-height: 30px;
    border-radius: 5px;
    padding: 0 10px;
    margin-bottom: 5px;
    color: #fff;
    font-size: 12px;
    letter-spacing: 1px;
    position: sticky;
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 1000
}

#eventContentContainer.liveBetting .branchTitle:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0
}

#eventContentContainer.liveBetting .bulletinTitle {
    background: #6ea03a;
    height: 30px;
    line-height: 30px;
    border-radius: 5px;
    padding: 0 10px;
    margin-bottom: 5px;
    color: #fff;
    letter-spacing: 1px;
    font-size: 11px;
    position: sticky;
    position: -webkit-sticky;
    position: sticky;
    top: 21px;
    z-index: 1000
}

#eventContentContainer.liveBetting .bulletinTitle:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0
}

#eventContentContainer.liveBetting .bulletinTitle .bulletinTitleLeague {
    float: left
}

#eventContentContainer.liveBetting .bulletinTitle .bulletinTitleOdds {
    float: right
}

#eventContentContainer.liveBetting .bulletinTitle .bulletinTitleOdds ul {
    margin: 0;
    padding: 0;
    list-style: none inside;
    overflow: hidden
}

#eventContentContainer.liveBetting .bulletinTitle .bulletinTitleOdds ul li {
    float: left;
    border-left: 1px solid #060;
    width: 46px;
    letter-spacing: 0;
    text-align: center;
    color: #fff
}

#eventContentContainer.liveBetting .bulletinTitle .bulletinTitleOdds ul li span {
    display: block;
    height: 30px;
    line-height: 30px;
    color: #fff
}

#eventContentContainer.liveBetting .bulletinTitle .bulletinTitleOdds ul li a {
    display: block;
    height: 30px;
    line-height: 30px;
    color: #fff
}

#eventContentContainer.liveBetting .bulletinMatches {
    margin-bottom: 5px
}

#eventContentContainer.liveBetting .bulletinMatches:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0
}

#eventContentContainer.liveBetting .bulletinMatchItem .timeDetails {
    float: left;
    width: 45px;
    padding: 3px 0;
    text-align: center
}

#eventContentContainer.liveBetting .bulletinMatchItem .timeDetails .currentPart {
    display: block;
    line-height: 14px;
    color: #152d42;
    font-weight: 700
}

#eventContentContainer.liveBetting .bulletinMatchItem .timeDetails .currentTime {
    display: block;
    line-height: 14px;
    color: #152d42;
    font-weight: 700
}

#eventContentContainer.liveBetting .bulletinMatchItem .scores {
    float: left;
    text-align: center;
    font-size: 12px;
    padding: 4px 0 0 0;
    position: relative;
    right: auto
}

#eventContentContainer.liveBetting .bulletinMatchItem .scores .score {
    float: left;
    padding: 0 0 0 6px;
    color: #b5b5b5;
    cursor: default;
    line-height: 14px!important;
    height: 28px
}

#eventContentContainer.liveBetting .bulletinMatchItem .scores .score .homeScore {
    display: block;
    line-height: 14px!important;
    font-weight: 700;
    height: 14px
}

#eventContentContainer.liveBetting .bulletinMatchItem .scores .score .awayScore {
    display: block;
    line-height: 14px!important;
    font-weight: 700;
    height: 14px
}

#eventContentContainer.liveBetting .bulletinMatchItem .scores .score.currentScore {
    color: #333
}

#eventContentContainer.liveBetting .bulletinMatchItem:not(.Blocked) .odds ul li:not(.Blocked) a {
    background: #fff;
    border-color: #fff;
    color: #009dd9;
    display: block;
    width: 32px;
    height: 24px;
    margin: 4px auto;
    line-height: 24px
}

#eventContentContainer.liveBetting .bulletinMatchItem:not(.Blocked) .odds ul li:not(.Blocked) a:hover {
    background: #009dd9;
    border-color: #009dd9;
    color: #fff
}

#eventContentContainer.liveBetting .bulletinMatchItem:not(.Blocked).oddSelectedOnDetailPage .odds ul li:not(.Blocked) a {
    background: #7ecdeb;
    border-color: #7ecdeb;
    color: #fff
}

#eventContentContainer.liveBetting .bulletinMatchItem.Blocked .odds ul:after {
    content: "Bahis Beklemede";
    position: absolute;
    width: 100%;
    height: 24px;
    line-height: 24px;
    background: #b5b5b5;
    top: 5px;
    left: 0;
    text-align: center;
    font-size: 12px;
    font-weight: 700;
    border-radius: 5px;
    z-index: 1;
    color: #fff;
    cursor: default
}

#eventContentContainer.liveBetting .bulletinMatchItem.Closed .odds ul:after {
    content: "Bahis Kapandı";
    position: absolute;
    width: 100%;
    height: 24px;
    line-height: 24px;
    background: #b5b5b5;
    top: 5px;
    left: 0;
    text-align: center;
    font-size: 12px;
    font-weight: 700;
    border-radius: 5px;
    z-index: 1;
    color: #fff;
    cursor: default
}

#eventContentContainer.liveBetting .bulletinMatchItem.Closed .odds ul li {
    visibility: hidden
}

#eventContentContainer.liveBetting .bulletinMatchItem.Closed .scores {
    opacity: .3
}

#eventContentContainer.liveBetting .bulletinMatchItem.Closed .timeDetails {
    opacity: .3
}

#eventContentContainer.liveBetting .bulletinMatchItem.Closed .mbcIcon {
    opacity: .3
}

#eventContentContainer.liveBetting .bulletinMatchItem.Closed .infoIcon {
    opacity: .3
}

#eventContentContainer.liveBetting .bulletinMatchItem.Closed .statsIcon {
    opacity: .3
}

#eventContentContainer.liveBetting .bulletinMatchItem.Closed .typeIcon {
    opacity: .3
}

#eventContentContainer.liveBetting .bulletinMatchItem.Closed .teams {
    opacity: .3
}

#eventContentContainer.liveBetting .bulletinMatchItem.Blocked .odds ul li {
    visibility: hidden
}

#eventContentContainer.liveBetting .bulletinMatchItem.Blocked .scores {
    opacity: .3
}

#eventContentContainer.liveBetting .bulletinMatchItem.Blocked .timeDetails {
    opacity: .3
}

#eventContentContainer.liveBetting .bulletinMatchItem.Blocked .mbcIcon {
    opacity: .3
}

#eventContentContainer.liveBetting .bulletinMatchItem.Blocked .infoIcon {
    opacity: .3
}

#eventContentContainer.liveBetting .bulletinMatchItem.Blocked .statsIcon {
    opacity: .3
}

#eventContentContainer.liveBetting .bulletinMatchItem.Blocked .typeIcon {
    opacity: .3
}

#eventContentContainer.liveBetting .bulletinMatchItem.Blocked .teams {
    opacity: .3
}

.eventDetailPage .bulletinMatchExtraOdds .bulletinMatchExtraOddsColumn {
    margin-bottom: 10px
}

.eventDetailMatchWidget {
    width: 100%
}

.eventDetailMatchWidget .sr-bb .sr-lmt__content {
    width: 100%
}

.contentTitle a.menuTab.liveResults {
    border-top-left-radius: 5px
}

.liveUpcomingEventsSep {
    margin-top: 50px
}

.sr-widget {
    border: rgba(255, 255, 255, 0) solid 1px
}

.sr-widgets-lmts>.sr-content {
    border-radius: 10px
}

.sr-widgets-lmts .sr-lmts-scoreboard-holder {
    min-height: 70px
}

.sr-widget.sr-widgets-matchheader .sr-lmts-scoreboard-wraper .sr-scoreboard-head {
    display: none
}

.sr-widget.sr-widgets-matchheader .sr-lmts-scoreboard-wraper .srw-lmts-scoreboard-inner {
    background-color: #fff;
    color: #607d8b
}

.sr-widget .sr-header-1 {
    background-color: #fff
}

.sr-widgets-matchinfo .sr-matchinfo-header {
    background-color: #607d8b
}

.sr-lmts-scoreboard-wraper .sr-scoreboard {
    height: 90px;
    padding-bottom: 10px
}

.sr-crest {
    height: 50px
}

.sr-widgets-lmts .sr-lmts-collapse-bar {
    height: 30px;
    background-color: #fff;
    color: #607d8b
}

.sr-widgets-lmts .sr-lmts-collapse-bar .sr-lmts-icon-collapse-down,
.sr-widgets-lmts .sr-lmts-collapse-bar .sr-lmts-icon-collapse-up {
    height: 30px
}

.sr-widgets-lmts .sr-lmts-collapsed .sr-lmts-icon-collapse-down:after {
    content: "Canlı Anlatımı Aç";
    position: absolute;
    left: 50%;
    transform: translate(-50%, 0);
    top: 4px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px
}

.sr-lmts-icon-collapse-down:before {
    margin-top: 18px;
    display: block
}

.sr-widgets-lmts .sr-lmts-collapse-bar .sr-lmts-icon-collapse-up:after {
    content: "Canlı Anlatımı Kapat";
    position: absolute;
    left: 50%;
    transform: translate(-50%, 0);
    top: 15px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px
}

.sr-lmts-icon-collapse-up:before {
    margin-top: 2px;
    display: block
}

.sr-widget .sr-team-header-home {
    color: #607d8b
}

.sr-widget .sr-team-header-away {
    color: #607d8b
}

.sr-pills-content {
    color: #607d8b
}

.sr-widgets-lmts .sr-lmts-collapse-container {
    background-color: #fff
}

.sr-widgets-lmts .sr-lmts-sidebar {
    padding-bottom: 10px
}

.sr-bar .sr-bar-arrow {
    display: none
}

.sr-bar.sr-winner .sr-bar-arrow {
    display: none
}

.sr-widget .sr-label {
    color: #607d8b
}

.sr-widget .sr-color-home {
    background-color: #f85124
}

.sr-widget .sr-color-away {
    background-color: #009dd9
}

.sr-widget .sr-border-color-home {
    border-color: #f85124
}

.sr-widget .sr-border-color-away {
    border-color: #009dd9
}

.sr-widget.sr-widgets-momentum2 .sr-fill-home {
    fill: #f85124
}

.sr-widget.sr-widgets-momentum2 .sr-fill-away {
    fill: #009dd9
}

.sr-widget .sr-team-header-home {
    background-color: transparent
}

.sr-widget .sr-team-header-away {
    background-color: transparent
}

.sr-widget .sr-subheader-1 {
    background-color: transparent
}

.sr-widget .sr-pills .sr-pill.sr-pill-disabled {
    color: rgba(0, 0, 0, .2)
}

.sr-widget .sr-pills .sr-pill.sr-pill-disabled:hover {
    background-color: rgba(0, 0, 0, .15)
}

.sr-widget .sr-pills .sr-pill {
    background-color: rgba(0, 0, 0, .2);
    color: #999
}

.sr-widget .sr-pills .sr-pill:hover {
    background-color: rgba(0, 0, 0, .25)
}

.sr-widget .sr-pills .sr-pill.sr-active {
    background-color: #607d8b
}

.sr-widget .sr-pills .sr-pill.sr-active:hover {
    background-color: #4b626d;
    color: #666
}

.sr-widget .sr-team-loser {
    color: rgba(96, 125, 139, .5)
}

.sr-widget .sr-widgets-matchinfo .sr-infoslide-main .sr-result .sr-team-loser {
    color: rgba(255, 255, 255, .5)
}

.bMatchDetails {
    -webkit-box-sizing: content-box!important;
    -moz-box-sizing: content-box!important;
    box-sizing: content-box!important
}

.bMatchDetails,
.bMatchDetails *,
.bMatchDetails:after,
.bMatchDetails:before {
    -webkit-box-sizing: content-box!important;
    -moz-box-sizing: content-box!important;
    box-sizing: content-box!important
}

#tUser .playerLinks {
    height: auto
}

.couponAlert {
    padding: 0 10px 10px 10px;
    font-size: 11px;
    color: red
}

.couponAlert a {
    text-decoration: underline;
    font-weight: 700
}

.matchCenterText {
    display: none!important;
    visibility: hidden!important;
    left: -9999px!important;
    top: -9999px!important
}

.logistrationPage.register #mainLeftContentWrapper {
    background: none transparent;
    width: 970px
}

.logistrationPage.register #mainLeftContent {
    width: 980px;
    margin-right: 0;
    background: #061a25;
    padding: 0;
    border-radius: 5px;
    overflow: hidden
}

.logistrationPage.register #mainLeftContent #content {
    overflow: hidden
}

.register #content .left {
    top: 0
}

.login .loginContainer .widgetContainer,
.register.logistrationPage .widgetContainer {
    width: 340px
}

#userAgreement {
    opacity: 1!important
}

.useTeamBackground .contentTableInfoJT .radioButton input {
    opacity: 1!important
}

.oddHistoryTooltip {
    background: #333;
    width: 68px;
    height: 85px;
    padding: 5px;
    font-size: 10px;
    color: #fff;
    position: absolute;
    top: -91px;
    left: 50%;
    margin-left: -34px;
    border-radius: 4px;
    z-index: 9999;
    text-align: left;
    cursor: default
}

.oddHistoryTooltip:after {
    content: "";
    position: absolute;
    bottom: -6px;
    left: 50%;
    margin-left: -6px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px 6px 0 6px;
    border-color: #333 transparent transparent transparent
}

.oddHistoryTooltip .oddHistoryRow {
    margin: 1px 0;
    line-height: 120%
}

.oddHistoryTooltip .oddHistoryRow:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0
}

.oddHistoryTooltip .oddHistoryRow .oddHistoryTitle {
    color: #ccc;
    display: block
}

.oddHistoryTooltip .oddHistoryRow .oddHistoryContent {
    color: #fff;
    display: block
}

.oddHistoryTooltip .oddHistoryRow .oddHistoryContent.closedOdd[data-ratio='-1'] {
    color: #dc6566
}

.oddHistoryTooltip .oddHistoryRow .oddHistoryContent.closedOdd[data-ratio='1'] {
    color: #85c871
}

.infoTooltip {
    background: #333;
    width: 220px;
    height: auto;
    padding: 4px 7px;
    font-size: 10px;
    color: #fff;
    position: absolute;
    left: -5px;
    bottom: 22px;
    border-radius: 4px;
    z-index: 9999;
    text-align: left;
    cursor: default;
    display: none
}

.infoTooltip:after {
    content: "";
    position: absolute;
    bottom: -6px;
    left: 6px;
    margin-left: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px 6px 0 6px;
    border-color: #333 transparent transparent transparent
}

.bulletinMatchItem .infoIcon.active {
    cursor: pointer
}

.bulletinMatchItem .infoIcon.active:hover .infoTooltip {
    display: block
}

.bankInfosPlaceholder {
    position: absolute;
    left: 14px;
    top: 4px;
    width: 16px;
    line-height: 32px;
    font-size: 11px;
    color: #989898
}

.ibanField {
    margin: 9px 0 0 26px
}

div.sporTotoClosed {
    text-align: center;
    font-size: 13px;
    line-height: 120%
}

div.sporTotoClosedText {
    text-align: center;
    font-size: 13px;
    line-height: 120%;
    color: #009dd9;
    margin-top: 15px
}

div.sporTotoClosedCta {
    text-align: center;
    font-size: 13px;
    line-height: 120%;
    margin: 5px 0
}

div.sporTotoClosedCta a {
    display: block;
    width: 136px;
    height: 34px;
    margin: 0 auto;
    text-align: center;
    background: #009dd9;
    color: #fff;
    line-height: 34px;
    border-radius: 5px;
    font-size: 13px
}

.indexBanner {
    height: auto;
    overflow: hidden;
    margin-bottom: 13px
}

.indexBanner .bannerleft {
    float: left;
    position: relative;
    left: auto
}

.indexBanner .bannerright {
    float: left;
    position: relative;
    margin-left: 10px;
    left: auto
}

.eventDetailstats:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0
}

.eventDetailstats .sr_factsandfigures {
    float: left;
    width: 320px;
    margin: 20px 10px
}

.eventDetailstats .sr_avggoalsperperiod {
    float: left;
    width: 320px;
    margin: 20px 10px
}

.eventDetailstats .sr_basketball-heatmap {
    float: left;
    width: 320px;
    margin: 20px 10px
}

.eventDetailstats .sr_basketball-pointdifferential {
    float: left;
    width: 320px;
    margin: 20px 10px
}

#loaderAnimation span {
    position: absolute;
    bottom: -10px;
    width: 300px;
    text-align: center;
    left: 50%;
    display: block;
    margin-left: -150px
}

#showAllMatches {
    padding: 10px 0
}

#showAllMatches a {
    display: block;
    width: 200px;
    margin: 0 auto;
    height: 36px;
    border-radius: 4px;
    line-height: 36px;
    color: #fff;
    background: #009dd8;
    font-size: 12px;
    text-align: center;
    font-weight: 400
}

#showAllMatches a.disabled {
    cursor: default;
    opacity: .5
}

.sr-bb {
    font-family: Roboto, Noto, "Helvetica Neue", Helvetica, Arial, sans-serif
}

.sr-bb .sr-bb {
    background: 0 0
}

.sr-bb .srt-base-1 {
    background-color: transparent;
    color: #000;
    border-color: rgba(0, 0, 0, .12)
}

.sr-bb .srt-base-1-win {
    background-color: transparent;
    color: red;
    border-color: red
}

.sr-bb .srt-base-1-draw {
    background-color: transparent;
    color: #c2c2c2;
    border-color: #c2c2c2
}

.sr-bb .srt-base-1-lose {
    background-color: transparent;
    color: #ff8787;
    border-color: #ff8787
}

.sr-bb .srt-base-1-is-active {
    background-color: rgba(255, 0, 0, .12);
    color: #000;
    border-color: rgba(0, 0, 0, .12)
}

.sr-bb .srt-base-1-is-active-2 {
    background-color: #e6e6e6;
    color: #000;
    border-color: rgba(0, 0, 0, .12)
}

.sr-bb .srt-base-1-is-hoverable:hover {
    background-color: rgba(255, 0, 0, .12);
    color: #000;
    border-color: rgba(0, 0, 0, .12)
}

.sr-bb .srt-base-1-primary {
    background-color: transparent;
    color: red;
    border-color: red
}

.sr-bb .srt-base-1-home-1 {
    background-color: transparent;
    color: #3f3f41;
    border-color: #3f3f41
}

.sr-bb .srt-base-1-away-1 {
    background-color: transparent;
    color: #9c9c9c;
    border-color: #9c9c9c
}

.sr-bb .srt-base-1-home-2 {
    background-color: transparent;
    color: #3f3f41;
    border-color: #940000
}

.sr-bb .srt-base-1-away-2 {
    background-color: transparent;
    color: #9c9c9c;
    border-color: #940000
}

.sr-bb .srt-base-1-home-3 {
    background-color: transparent;
    color: #3f3f41;
    border-color: rgba(0, 0, 0, .12)
}

.sr-bb .srt-base-1-away-3 {
    background-color: transparent;
    color: #9c9c9c;
    border-color: rgba(0, 0, 0, .12)
}

.sr-bb .srt-base-1-home-4 {
    background-color: transparent;
    color: #79797a;
    border-color: #79797a
}

.sr-bb .srt-base-1-away-4 {
    background-color: transparent;
    color: #bababa;
    border-color: #bababa
}

.sr-bb .srt-base-1-home-5 {
    background-color: transparent;
    color: #29292a;
    border-color: #29292a
}

.sr-bb .srt-base-1-away-5 {
    background-color: transparent;
    color: #656565;
    border-color: #656565
}

.sr-bb .srt-base-1-background {
    background-color: #fff;
    color: #000;
    border-color: rgba(0, 0, 0, .12)
}

.sr-bb .srt-base-2 {
    background-color: #fff;
    color: #000;
    border-color: rgba(0, 0, 0, .12)
}

.sr-bb .srt-base-2-is-active {
    background-color: #ffe0e0;
    color: #000;
    border-color: rgba(0, 0, 0, .12)
}

.sr-bb .srt-base-2-is-hoverable:hover {
    background-color: #ffe0e0;
    color: #000;
    border-color: rgba(0, 0, 0, .12)
}

.sr-bb .srt-base-3 {
    background-color: #ffe0e0;
    color: #000;
    border-color: rgba(0, 0, 0, .12)
}

.sr-bb .srt-base-3-is-active {
    background-color: #ffd4d4;
    color: #000;
    border-color: rgba(0, 0, 0, .12)
}

.sr-bb .srt-base-3-is-hoverable:hover {
    background-color: #ffd4d4;
    color: #000;
    border-color: rgba(0, 0, 0, .12)
}

.sr-bb .srt-base-3-background {
    background-color: #fff;
    color: #000;
    border-color: rgba(0, 0, 0, .12)
}

.sr-bb .srt-base-4 {
    background-color: #fff2f2;
    color: #000;
    border-color: rgba(0, 0, 0, .12)
}

.sr-bb .srt-base-5-is-active {
    background-color: #ffbdbd;
    color: #000;
    border-color: rgba(0, 0, 0, .12)
}

.sr-bb .srt-base-5-is-hoverable:hover {
    background-color: #ffbdbd;
    color: #000;
    border-color: rgba(0, 0, 0, .12)
}

.sr-bb .srt-base-6 {
    background-color: transparent;
    color: #000;
    border-color: rgba(0, 0, 0, .3)
}

.sr-bb .srt-primary-1 {
    background-color: red;
    color: #fff;
    border-color: rgba(255, 255, 255, .16)
}

.sr-bb .srt-primary-1-is-active {
    background-color: #ff1a1a;
    color: #fff;
    border-color: rgba(255, 255, 255, .16)
}

.sr-bb .srt-primary-1-is-hoverable:hover {
    background-color: #ff1a1a;
    color: #fff;
    border-color: rgba(255, 255, 255, .16)
}

.sr-bb .srt-primary-1-is-disabled {
    background-color: #f33;
    color: #fff;
    border-color: rgba(255, 255, 255, .16)
}

.sr-bb .srt-primary-2 {
    background-color: #b30000;
    color: #fff;
    border-color: rgba(255, 255, 255, .16)
}

.sr-bb .srt-primary-3 {
    background-color: #ff1a1a;
    color: #fff;
    border-color: rgba(255, 255, 255, .16)
}

.sr-bb .srt-primary-4 {
    background-color: #f66;
    color: #fff;
    border-color: rgba(255, 255, 255, .16)
}

.sr-bb .srt-primary-5 {
    background-color: #f66;
    color: #fff;
    border-color: rgba(255, 255, 255, .16)
}

.sr-bb .srt-primary-5-is-hoverable:hover {
    background-color: red;
    color: #fff;
    border-color: rgba(255, 255, 255, .16)
}

.sr-bb .srt-primary-6 {
    background-color: #940000;
    color: #fff;
    border-color: rgba(255, 255, 255, .16)
}

.sr-bb .srt-primary-7 {
    background-color: red;
    color: #fff;
    border-color: rgba(255, 255, 255, .16)
}

.sr-bb .srt-primary-8 {
    background-color: red;
    color: #fff;
    border-color: rgba(255, 255, 255, .16)
}

.sr-bb .srt-primary-8-is-active-1 {
    background-color: #ff1a1a;
    color: #fff;
    border-color: rgba(255, 255, 255, .16)
}

.sr-bb .srt-primary-8-is-active-2 {
    background-color: #ff1a1a;
    color: #fff;
    border-color: #fff
}

.sr-bb .srt-primary-9 {
    background-color: #ffb3b3;
    color: #000;
    border-color: rgba(0, 0, 0, .12)
}

.sr-bb .srt-primary-10 {
    background-color: #f33;
    color: #fff;
    border-color: rgba(255, 255, 255, .16)
}

.sr-bb .srt-primary-11 {
    background-color: #ff1a1a;
    color: #fff;
    border-color: rgba(255, 255, 255, .16)
}

.sr-bb .srt-primary-12 {
    background-color: red;
    color: #fff;
    border-color: #fff
}

.sr-bb .srt-primary-13 {
    background-color: #fff2f2;
    color: #fff;
    border-color: rgba(255, 0, 0, .3)
}

.sr-bb .srt-base-1-primary-1 {
    background-color: transparent;
    color: red;
    border-color: red
}

.sr-bb .srt-base-1-primary-2 {
    background-color: transparent;
    color: #b30000;
    border-color: #b30000
}

.sr-bb .srt-base-1-primary-3 {
    background-color: transparent;
    color: #ff1a1a;
    border-color: #ff1a1a
}

.sr-bb .srt-base-1-primary-4 {
    background-color: transparent;
    color: #f66;
    border-color: #f66
}

.sr-bb .srt-base-1-primary-5 {
    background-color: transparent;
    color: #f66;
    border-color: #f66
}

.sr-bb .srt-base-1-primary-6 {
    background-color: transparent;
    color: #940000;
    border-color: #940000
}

.sr-bb .srt-base-1-primary-7 {
    background-color: transparent;
    color: red;
    border-color: red
}

.sr-bb .srt-base-1-primary-8 {
    background-color: transparent;
    color: red;
    border-color: red
}

.sr-bb .srt-base-1-primary-9 {
    background-color: transparent;
    color: #ffb3b3;
    border-color: #ffb3b3
}

.sr-bb .srt-base-1-primary-10 {
    background-color: transparent;
    color: #f33;
    border-color: #f33
}

.sr-bb .srt-base-1-primary-11 {
    background-color: transparent;
    color: #ff1a1a;
    border-color: #ff1a1a
}

.sr-bb .srt-base-1-primary-13 {
    background-color: #fff;
    color: #fff2f2;
    border-color: rgba(255, 0, 0, .3)
}

.sr-bb .srt-base-1-neutral-1 {
    background-color: transparent;
    color: #dedede;
    border-color: #dedede
}

.sr-bb .srt-base-1-neutral-2 {
    background-color: transparent;
    color: #1a1a1a;
    border-color: #1a1a1a
}

.sr-bb .srt-base-1-neutral-3 {
    background-color: transparent;
    color: rgba(0, 0, 0, .12);
    border-color: rgba(0, 0, 0, .12)
}

.sr-bb .srt-base-1-neutral-4 {
    background-color: transparent;
    color: #595959;
    border-color: #595959
}

.sr-bb .srt-base-1-neutral-5 {
    background-color: transparent;
    color: #404040;
    border-color: #404040
}

.sr-bb .srt-base-1-neutral-6 {
    background-color: transparent;
    color: #c2c2c2;
    border-color: #c2c2c2
}

.sr-bb .srt-base-1-neutral-7 {
    background-color: transparent;
    color: #595959;
    border-color: #595959
}

.sr-bb .srt-base-1-neutral-8 {
    background-color: transparent;
    color: #dedede;
    border-color: #dedede
}

.sr-bb .srt-base-1-neutral-9 {
    background-color: transparent;
    color: #f0f0f0;
    border-color: #f0f0f0
}

.sr-bb .srt-base-1-neutral-10 {
    background-color: transparent;
    color: #e0e0e0;
    border-color: #e0e0e0
}

.sr-bb .srt-base-1-neutral-11 {
    background-color: transparent;
    color: #999;
    border-color: #999
}

.sr-bb .srt-base-1-neutral-12 {
    background-color: transparent;
    color: #4d4d4d;
    border-color: #4d4d4d
}

.sr-bb .srt-base-1-neutral-13 {
    background-color: transparent;
    color: #e6e6e6;
    border-color: #e6e6e6
}

.sr-bb .srt-base-1-is-active-primary {
    background-color: rgba(255, 0, 0, .12);
    color: red;
    border-color: red
}

.sr-bb .srt-base-1-is-active-home-1 {
    background-color: rgba(255, 0, 0, .12);
    color: #3f3f41;
    border-color: #3f3f41
}

.sr-bb .srt-base-1-is-active-away-1 {
    background-color: rgba(255, 0, 0, .12);
    color: #9c9c9c;
    border-color: #9c9c9c
}

.sr-bb .srt-base-1-is-active-home-2 {
    background-color: rgba(255, 0, 0, .12);
    color: #3f3f41;
    border-color: #940000
}

.sr-bb .srt-base-1-is-active-away-2 {
    background-color: rgba(255, 0, 0, .12);
    color: #9c9c9c;
    border-color: #940000
}

.sr-bb .srt-base-1-is-active-home-3 {
    background-color: rgba(255, 0, 0, .12);
    color: #3f3f41;
    border-color: rgba(0, 0, 0, .12)
}

.sr-bb .srt-base-1-is-active-away-3 {
    background-color: rgba(255, 0, 0, .12);
    color: #9c9c9c;
    border-color: rgba(0, 0, 0, .12)
}

.sr-bb .srt-base-1-is-active-home-4 {
    background-color: rgba(255, 0, 0, .12);
    color: #79797a;
    border-color: #79797a
}

.sr-bb .srt-base-1-is-active-away-4 {
    background-color: rgba(255, 0, 0, .12);
    color: #bababa;
    border-color: #bababa
}

.sr-bb .srt-base-1-is-active-home-5 {
    background-color: rgba(255, 0, 0, .12);
    color: #29292a;
    border-color: #29292a
}

.sr-bb .srt-base-1-is-active-away-5 {
    background-color: rgba(255, 0, 0, .12);
    color: #656565;
    border-color: #656565
}

.sr-bb .srt-base-1-is-active-primary-1 {
    background-color: rgba(255, 0, 0, .12);
    color: red;
    border-color: red
}

.sr-bb .srt-base-1-is-active-primary-2 {
    background-color: rgba(255, 0, 0, .12);
    color: #b30000;
    border-color: #b30000
}

.sr-bb .srt-base-1-is-active-primary-3 {
    background-color: rgba(255, 0, 0, .12);
    color: #ff1a1a;
    border-color: #ff1a1a
}

.sr-bb .srt-base-1-is-active-primary-4 {
    background-color: rgba(255, 0, 0, .12);
    color: #f66;
    border-color: #f66
}

.sr-bb .srt-base-1-is-active-primary-5 {
    background-color: rgba(255, 0, 0, .12);
    color: #f66;
    border-color: #f66
}

.sr-bb .srt-base-1-is-active-primary-6 {
    background-color: rgba(255, 0, 0, .12);
    color: #940000;
    border-color: #940000
}

.sr-bb .srt-base-1-is-active-primary-7 {
    background-color: rgba(255, 0, 0, .12);
    color: red;
    border-color: red
}

.sr-bb .srt-base-1-is-active-primary-8 {
    background-color: rgba(255, 0, 0, .12);
    color: red;
    border-color: red
}

.sr-bb .srt-base-1-is-active-primary-9 {
    background-color: rgba(255, 0, 0, .12);
    color: #ffb3b3;
    border-color: #ffb3b3
}

.sr-bb .srt-base-1-is-active-primary-10 {
    background-color: rgba(255, 0, 0, .12);
    color: #f33;
    border-color: #f33
}

.sr-bb .srt-base-1-is-active-primary-11 {
    background-color: rgba(255, 0, 0, .12);
    color: #ff1a1a;
    border-color: #ff1a1a
}

.sr-bb .srt-base-1-is-active-neutral-1 {
    background-color: rgba(255, 0, 0, .12);
    color: #dedede;
    border-color: #dedede
}

.sr-bb .srt-base-1-is-active-neutral-2 {
    background-color: rgba(255, 0, 0, .12);
    color: #1a1a1a;
    border-color: #1a1a1a
}

.sr-bb .srt-base-1-is-active-neutral-3 {
    background-color: rgba(255, 0, 0, .12);
    color: rgba(0, 0, 0, .12);
    border-color: rgba(0, 0, 0, .12)
}

.sr-bb .srt-base-1-is-active-neutral-4 {
    background-color: rgba(255, 0, 0, .12);
    color: #595959;
    border-color: #595959
}

.sr-bb .srt-base-1-is-active-neutral-5 {
    background-color: rgba(255, 0, 0, .12);
    color: #404040;
    border-color: #404040
}

.sr-bb .srt-base-1-is-active-neutral-6 {
    background-color: rgba(255, 0, 0, .12);
    color: #c2c2c2;
    border-color: #c2c2c2
}

.sr-bb .srt-base-1-is-active-neutral-7 {
    background-color: rgba(255, 0, 0, .12);
    color: #595959;
    border-color: #595959
}

.sr-bb .srt-base-1-is-active-neutral-8 {
    background-color: rgba(255, 0, 0, .12);
    color: #dedede;
    border-color: #dedede
}

.sr-bb .srt-base-1-is-active-neutral-9 {
    background-color: rgba(255, 0, 0, .12);
    color: #f0f0f0;
    border-color: #f0f0f0
}

.sr-bb .srt-base-1-is-active-neutral-10 {
    background-color: rgba(255, 0, 0, .12);
    color: #e0e0e0;
    border-color: #e0e0e0
}

.sr-bb .srt-base-1-is-active-neutral-11 {
    background-color: rgba(255, 0, 0, .12);
    color: #999;
    border-color: #999
}

.sr-bb .srt-base-1-is-active-neutral-12 {
    background-color: rgba(255, 0, 0, .12);
    color: #4d4d4d;
    border-color: #4d4d4d
}

.sr-bb .srt-base-1-is-active-neutral-13 {
    background-color: rgba(255, 0, 0, .12);
    color: #e6e6e6;
    border-color: #e6e6e6
}

.sr-bb .srt-home-1 {
    background-color: #3f3f41;
    color: #fff;
    border-color: #3f3f41
}

.sr-bb .srt-away-1 {
    background-color: #9c9c9c;
    color: #000;
    border-color: #9c9c9c
}

.sr-bb .srt-home-2 {
    background-color: #3f3f41;
    color: #fff;
    border-color: #940000
}

.sr-bb .srt-away-2 {
    background-color: #9c9c9c;
    color: #000;
    border-color: #940000
}

.sr-bb .srt-home-3 {
    background-color: #3f3f41;
    color: #fff;
    border-color: #fff
}

.sr-bb .srt-away-3 {
    background-color: #9c9c9c;
    color: #000;
    border-color: #fff
}

.sr-bb .srt-home-4 {
    background-color: #79797a;
    color: #fff;
    border-color: #79797a
}

.sr-bb .srt-away-4 {
    background-color: #bababa;
    color: #000;
    border-color: #bababa
}

.sr-bb .srt-home-5 {
    background-color: #29292a;
    color: #fff;
    border-color: #29292a
}

.sr-bb .srt-away-5 {
    background-color: #656565;
    color: #000;
    border-color: #656565
}

.sr-bb .srt-neutral-1 {
    background-color: #dedede;
    color: #000;
    border-color: rgba(0, 0, 0, .12)
}

.sr-bb .srt-neutral-2 {
    background-color: #1a1a1a;
    color: #fff;
    border-color: rgba(255, 255, 255, .16)
}

.sr-bb .srt-neutral-3 {
    background-color: rgba(0, 0, 0, .12);
    color: #000;
    border-color: rgba(0, 0, 0, .12)
}

.sr-bb .srt-neutral-4 {
    background-color: #595959;
    color: #fff;
    border-color: rgba(255, 255, 255, .16)
}

.sr-bb .srt-neutral-5 {
    background-color: #404040;
    color: #fff;
    border-color: rgba(255, 255, 255, .16)
}

.sr-bb .srt-neutral-6 {
    background-color: #c2c2c2;
    color: #000;
    border-color: rgba(0, 0, 0, .12)
}

.sr-bb .srt-neutral-7 {
    background-color: #595959;
    color: #fff;
    border-color: rgba(255, 255, 255, .16)
}

.sr-bb .srt-neutral-8 {
    background-color: #dedede;
    color: #000;
    border-color: rgba(0, 0, 0, .12)
}

.sr-bb .srt-neutral-9 {
    background-color: #f0f0f0;
    color: #000;
    border-color: rgba(0, 0, 0, .12)
}

.sr-bb .srt-neutral-10 {
    background-color: #e0e0e0;
    color: rgba(0, 0, 0, .82);
    border-color: rgba(0, 0, 0, .12)
}

.sr-bb .srt-neutral-11 {
    background-color: #999;
    color: #000;
    border-color: rgba(0, 0, 0, .12)
}

.sr-bb .srt-neutral-12 {
    background-color: #4d4d4d;
    color: #fff;
    border-color: rgba(255, 255, 255, .16)
}

.sr-bb .srt-neutral-13 {
    background-color: #e6e6e6;
    color: #000;
    border-color: rgba(0, 0, 0, .12)
}

.sr-bb .srt-win {
    background-color: red;
    color: #fff;
    border-color: rgba(255, 255, 255, .16)
}

.sr-bb .srt-draw {
    background-color: #c2c2c2;
    color: #fff;
    border-color: rgba(255, 255, 255, .16)
}

.sr-bb .srt-lose {
    background-color: #ff8787;
    color: #fff;
    border-color: rgba(255, 255, 255, .16)
}

.sr-bb .srt-text-secondary {
    opacity: .7
}

.sr-bb .srt-text-disabled {
    opacity: .35
}

.sr-bb .srt-text-tertiary {
    opacity: .54
}

.sr-bb .srt-primary-1 .srt-text-secondary,
.sr-bb .srt-primary-1-is-active .srt-text-secondary,
.sr-bb .srt-primary-1-is-active.srt-text-secondary,
.sr-bb .srt-primary-1-is-disabled .srt-text-secondary,
.sr-bb .srt-primary-1-is-disabled.srt-text-secondary,
.sr-bb .srt-primary-1-is-hoverable:hover .srt-text-secondary,
.sr-bb .srt-primary-1-is-hoverable:hover.srt-text-secondary,
.sr-bb .srt-primary-1.srt-text-secondary,
.sr-bb .srt-primary-10 .srt-text-secondary,
.sr-bb .srt-primary-10.srt-text-secondary,
.sr-bb .srt-primary-11 .srt-text-secondary,
.sr-bb .srt-primary-11.srt-text-secondary,
.sr-bb .srt-primary-12 .srt-text-secondary,
.sr-bb .srt-primary-12.srt-text-secondary,
.sr-bb .srt-primary-13 .srt-text-secondary,
.sr-bb .srt-primary-13.srt-text-secondary,
.sr-bb .srt-primary-2 .srt-text-secondary,
.sr-bb .srt-primary-2.srt-text-secondary,
.sr-bb .srt-primary-3 .srt-text-secondary,
.sr-bb .srt-primary-3.srt-text-secondary,
.sr-bb .srt-primary-4 .srt-text-secondary,
.sr-bb .srt-primary-4.srt-text-secondary,
.sr-bb .srt-primary-5 .srt-text-secondary,
.sr-bb .srt-primary-5-is-hoverable:hover .srt-text-secondary,
.sr-bb .srt-primary-5-is-hoverable:hover.srt-text-secondary,
.sr-bb .srt-primary-5.srt-text-secondary,
.sr-bb .srt-primary-6 .srt-text-secondary,
.sr-bb .srt-primary-6.srt-text-secondary,
.sr-bb .srt-primary-7 .srt-text-secondary,
.sr-bb .srt-primary-7.srt-text-secondary,
.sr-bb .srt-primary-8 .srt-text-secondary,
.sr-bb .srt-primary-8-is-active-1 .srt-text-secondary,
.sr-bb .srt-primary-8-is-active-1.srt-text-secondary,
.sr-bb .srt-primary-8-is-active-2 .srt-text-secondary,
.sr-bb .srt-primary-8-is-active-2.srt-text-secondary,
.sr-bb .srt-primary-8.srt-text-secondary,
.sr-bb .srt-primary-9 .srt-text-secondary,
.sr-bb .srt-primary-9.srt-text-secondary {
    opacity: .8
}

.sr-bb .srt-primary-1 .srt-text-disabled,
.sr-bb .srt-primary-1-is-active .srt-text-disabled,
.sr-bb .srt-primary-1-is-active.srt-text-disabled,
.sr-bb .srt-primary-1-is-disabled .srt-text-disabled,
.sr-bb .srt-primary-1-is-disabled.srt-text-disabled,
.sr-bb .srt-primary-1-is-hoverable:hover .srt-text-disabled,
.sr-bb .srt-primary-1-is-hoverable:hover.srt-text-disabled,
.sr-bb .srt-primary-1.srt-text-disabled,
.sr-bb .srt-primary-10 .srt-text-disabled,
.sr-bb .srt-primary-10.srt-text-disabled,
.sr-bb .srt-primary-11 .srt-text-disabled,
.sr-bb .srt-primary-11.srt-text-disabled,
.sr-bb .srt-primary-12 .srt-text-disabled,
.sr-bb .srt-primary-12.srt-text-disabled,
.sr-bb .srt-primary-13 .srt-text-disabled,
.sr-bb .srt-primary-13.srt-text-disabled,
.sr-bb .srt-primary-2 .srt-text-disabled,
.sr-bb .srt-primary-2.srt-text-disabled,
.sr-bb .srt-primary-3 .srt-text-disabled,
.sr-bb .srt-primary-3.srt-text-disabled,
.sr-bb .srt-primary-4 .srt-text-disabled,
.sr-bb .srt-primary-4.srt-text-disabled,
.sr-bb .srt-primary-5 .srt-text-disabled,
.sr-bb .srt-primary-5-is-hoverable:hover .srt-text-disabled,
.sr-bb .srt-primary-5-is-hoverable:hover.srt-text-disabled,
.sr-bb .srt-primary-5.srt-text-disabled,
.sr-bb .srt-primary-6 .srt-text-disabled,
.sr-bb .srt-primary-6.srt-text-disabled,
.sr-bb .srt-primary-7 .srt-text-disabled,
.sr-bb .srt-primary-7.srt-text-disabled,
.sr-bb .srt-primary-8 .srt-text-disabled,
.sr-bb .srt-primary-8-is-active-1 .srt-text-disabled,
.sr-bb .srt-primary-8-is-active-1.srt-text-disabled,
.sr-bb .srt-primary-8-is-active-2 .srt-text-disabled,
.sr-bb .srt-primary-8-is-active-2.srt-text-disabled,
.sr-bb .srt-primary-8.srt-text-disabled,
.sr-bb .srt-primary-9 .srt-text-disabled,
.sr-bb .srt-primary-9.srt-text-disabled {
    opacity: .6
}

.sr-bb .srt-primary-1 .srt-text-tertiary,
.sr-bb .srt-primary-1-is-active .srt-text-tertiary,
.sr-bb .srt-primary-1-is-active.srt-text-tertiary,
.sr-bb .srt-primary-1-is-disabled .srt-text-tertiary,
.sr-bb .srt-primary-1-is-disabled.srt-text-tertiary,
.sr-bb .srt-primary-1-is-hoverable:hover .srt-text-tertiary,
.sr-bb .srt-primary-1-is-hoverable:hover.srt-text-tertiary,
.sr-bb .srt-primary-1.srt-text-tertiary,
.sr-bb .srt-primary-10 .srt-text-tertiary,
.sr-bb .srt-primary-10.srt-text-tertiary,
.sr-bb .srt-primary-11 .srt-text-tertiary,
.sr-bb .srt-primary-11.srt-text-tertiary,
.sr-bb .srt-primary-12 .srt-text-tertiary,
.sr-bb .srt-primary-12.srt-text-tertiary,
.sr-bb .srt-primary-13 .srt-text-tertiary,
.sr-bb .srt-primary-13.srt-text-tertiary,
.sr-bb .srt-primary-2 .srt-text-tertiary,
.sr-bb .srt-primary-2.srt-text-tertiary,
.sr-bb .srt-primary-3 .srt-text-tertiary,
.sr-bb .srt-primary-3.srt-text-tertiary,
.sr-bb .srt-primary-4 .srt-text-tertiary,
.sr-bb .srt-primary-4.srt-text-tertiary,
.sr-bb .srt-primary-5 .srt-text-tertiary,
.sr-bb .srt-primary-5-is-hoverable:hover .srt-text-tertiary,
.sr-bb .srt-primary-5-is-hoverable:hover.srt-text-tertiary,
.sr-bb .srt-primary-5.srt-text-tertiary,
.sr-bb .srt-primary-6 .srt-text-tertiary,
.sr-bb .srt-primary-6.srt-text-tertiary,
.sr-bb .srt-primary-7 .srt-text-tertiary,
.sr-bb .srt-primary-7.srt-text-tertiary,
.sr-bb .srt-primary-8 .srt-text-tertiary,
.sr-bb .srt-primary-8-is-active-1 .srt-text-tertiary,
.sr-bb .srt-primary-8-is-active-1.srt-text-tertiary,
.sr-bb .srt-primary-8-is-active-2 .srt-text-tertiary,
.sr-bb .srt-primary-8-is-active-2.srt-text-tertiary,
.sr-bb .srt-primary-8.srt-text-tertiary,
.sr-bb .srt-primary-9 .srt-text-tertiary,
.sr-bb .srt-primary-9.srt-text-tertiary {
    opacity: .7
}

.sr-bb .srt-icon {
    opacity: .33
}

.sr-bb .srt-icon-secondary {
    opacity: .7
}

.sr-bb .srt-elevation-1 {
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .2), 0 1px 3px 0 rgba(0, 0, 0, .1)
}

.sr-bb .srt-elevation-2 {
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, .23), 0 3px 6px 0 rgba(0, 0, 0, .16)
}

.sr-bb .srt-elevation-3 {
    box-shadow: 0 6px 6px 0 rgba(0, 0, 0, .26), 0 10px 20px 0 rgba(0, 0, 0, .19)
}

.sr-bb .srt-elevation-center-2 {
    box-shadow: 0 1px 5px rgba(0, 0, 0, .23), 0 1px 5px rgba(0, 0, 0, .16)
}

.sr-bb .srt-inset-top-1 {
    box-shadow: inset 0 1px 2px 0 rgba(0, 0, 0, .23)
}

.sr-bb .srt-inset-bottom-1 {
    box-shadow: inset 0 -1px 2px 0 rgba(0, 0, 0, .23)
}

.sr-bb .srt-inset-top-2 {
    box-shadow: inset 0 3px 6px 0 rgba(0, 0, 0, .23)
}

.sr-bb .srt-inset-bottom-2 {
    box-shadow: inset 0 -3px 6px 0 rgba(0, 0, 0, .23)
}

.sr-bb .srt-inset-top-3 {
    box-shadow: inset 0 6px 6px 0 rgba(0, 0, 0, .23)
}

.sr-bb .srt-inset-bottom-3 {
    box-shadow: inset 0 -6px 6px 0 rgba(0, 0, 0, .23)
}

.sr-bb .srt-fill-blue-card {
    fill: #2579ad
}

.sr-bb .srt-stroke-blue-card {
    stroke: #2579ad
}

.sr-bb .srt-fill-soccer-yellow-card {
    fill: #ffbf00
}

.sr-bb .srt-stroke-soccer-yellow-card {
    stroke: #ffbf00
}

.sr-bb .srt-fill-soccer-red-card {
    fill: #e43b3b
}

.sr-bb .srt-stroke-soccer-red-card {
    stroke: #e43b3b
}

.sr-bb .srt-stroke-soccer-substitution-in {
    stroke: #4fbe30;
    fill: transparent
}

.sr-bb .srt-fill-soccer-substitution-in {
    fill: #4fbe30
}

.sr-bb .srt-stroke-soccer-substitution-out {
    stroke: #e43b3b;
    fill: transparent
}

.sr-bb .srt-fill-soccer-substitution-out {
    fill: #e43b3b
}

.sr-bb .srt-stroke-soccer-own-goal {
    stroke: #e43b3b;
    fill: transparent
}

.sr-bb .srt-fill-soccer-own-goal {
    fill: #e43b3b
}

.sr-bb .srt-fill-soccer-relegation-1 {
    fill: #fdd835
}

.sr-bb .srt-stroke-soccer-relegation-1 {
    stroke: #fdd835
}

.sr-bb .srt-fill-soccer-relegation-2 {
    fill: #ffb848
}

.sr-bb .srt-stroke-soccer-relegation-2 {
    stroke: #ffb848
}

.sr-bb .srt-fill-soccer-relegation-3 {
    fill: #ef6c00
}

.sr-bb .srt-stroke-soccer-relegation-3 {
    stroke: #ef6c00
}

.sr-bb .srt-fill-soccer-relegation-4 {
    fill: #e93a34
}

.sr-bb .srt-stroke-soccer-relegation-4 {
    stroke: #e93a34
}

.sr-bb .srt-fill-soccer-relegation-5 {
    fill: #941d1d
}

.sr-bb .srt-stroke-soccer-relegation-5 {
    stroke: #941d1d
}

.sr-bb .srt-fill-soccer-promotion-1 {
    fill: #51d151
}

.sr-bb .srt-stroke-soccer-promotion-1 {
    stroke: #51d151
}

.sr-bb .srt-fill-soccer-promotion-2 {
    fill: #1b911b
}

.sr-bb .srt-stroke-soccer-promotion-2 {
    stroke: #1b911b
}

.sr-bb .srt-fill-soccer-promotion-3 {
    fill: #0e8094
}

.sr-bb .srt-stroke-soccer-promotion-3 {
    stroke: #0e8094
}

.sr-bb .srt-fill-soccer-promotion-4 {
    fill: #0a6cce
}

.sr-bb .srt-stroke-soccer-promotion-4 {
    stroke: #0a6cce
}

.sr-bb .srt-fill-soccer-promotion-5 {
    fill: #4a9fe4
}

.sr-bb .srt-stroke-soccer-promotion-5 {
    stroke: #4a9fe4
}

.sr-bb .srt-nfl-timeout-1 {
    background-color: #f5a623;
    color: #fff;
    border-color: rgba(255, 255, 255, .16)
}

.sr-bb .srt-nfl-timeout-2 {
    background-color: rgba(245, 166, 35, .3);
    color: #fff;
    border-color: rgba(255, 255, 255, .16)
}

.sr-bb .srt-nfl-penalty {
    background-color: #f4a621;
    color: #fff;
    border-color: #f4a621
}

.sr-bb .srt-nfl-negative-yards-1 {
    background-color: #ac182e;
    color: #fff;
    border-color: #ac182e
}

.sr-bb .srt-nfl-negative-yards-2 {
    background-color: #ac182e;
    color: #fff;
    border-color: #ac182e
}

.sr-bb .srt-nfl-first-line {
    background-color: #4b90de;
    color: #fff;
    border-color: #4b90de
}

.sr-bb .srt-nfl-ten-line {
    background-color: #f5a623;
    color: #fff;
    border-color: #f5a623
}

.sr-bb .srt-fill-nfl-penalty {
    fill: #f4a621
}

.sr-bb .srt-stroke-nfl-penalty {
    stroke: #f4a621
}

.sr-bb .srt-fill-nfl-negative-yards-1 {
    fill: #ac182e
}

.sr-bb .srt-stroke-nfl-negative-yards-1 {
    stroke: #ac182e
}

.sr-bb .srt-fill-nfl-negative-yards-2 {
    fill: #ac182e
}

.sr-bb .srt-stroke-nfl-negative-yards-2 {
    stroke: #ac182e
}

.sr-bb .srt-fill-nfl-first-line {
    fill: #4b90de
}

.sr-bb .srt-stroke-nfl-first-line {
    stroke: #4b90de
}

.sr-bb .srt-fill-nfl-ten-line {
    fill: #f5a623
}

.sr-bb .srt-stroke-nfl-ten-line {
    stroke: #f5a623
}

.sr-bb .srt-mlb-run-1 {
    background-color: #090;
    color: #fff;
    border-color: #090
}

.sr-bb .srt-mlb-run-2 {
    background-color: #fff;
    color: #090;
    border-color: #090
}

.sr-bb .srt-mlb-hit-1 {
    background-color: #f7ab11;
    color: #000;
    border-color: #f7ab11
}

.sr-bb .srt-mlb-hit-2 {
    background-color: #fff;
    color: #f7ab11;
    border-color: #f7ab11
}

.sr-bb .srt-mlb-hit-3 {
    background-color: #00a4ff;
    color: #fff;
    border-color: #00a4ff
}

.sr-bb .srt-mlb-error-1 {
    background-color: #d0021b;
    color: #fff;
    border-color: #d0021b
}

.sr-bb .srt-mlb-error-2 {
    background-color: #fff;
    color: #d0021b;
    border-color: #d0021b
}

.sr-bb .srt-mlb-neutral-1 {
    background-color: #212121;
    color: #fff;
    border-color: #fff
}

.sr-bb .srt-fill-mlb-base {
    fill: #00a4ff
}

.sr-bb .srt-strole-mlb-base {
    fill: #00a4ff
}

.sr-bb .srt-fill-change-increase {
    fill: red
}

.sr-bb .srt-stroke-change-increase {
    stroke: red
}

.sr-bb .srt-fill-change-decrease {
    fill: #ff8787
}

.sr-bb .srt-stroke-change-decrease {
    stroke: #ff8787
}

.sr-bb .srt-fill-text {
    fill: #000
}

.sr-bb .srt-fill-text-invert {
    fill: #fff
}

.sr-bb .srt-fill-text-secondary {
    fill-opacity: .7
}

.sr-bb .srt-fill-text-disabled {
    fill-opacity: .35
}

.sr-bb .srt-fill-base-1 {
    fill: transparent
}

.sr-bb .srt-stroke-base-1 {
    stroke: transparent
}

.sr-bb .srt-fill-base-1-active {
    fill: rgba(255, 0, 0, .12)
}

.sr-bb .srt-stroke-base-1-active {
    stroke: rgba(255, 0, 0, .12)
}

.sr-bb .srt-fill-base-1-active-2 {
    fill: #e6e6e6
}

.sr-bb .srt-stroke-base-1-active-2 {
    stroke: #e6e6e6
}

.sr-bb .srt-fill-base-1-primary {
    fill: transparent
}

.sr-bb .srt-stroke-base-1-primary {
    stroke: transparent
}

.sr-bb .srt-fill-base-1-home {
    fill: transparent
}

.sr-bb .srt-stroke-base-1-home {
    stroke: transparent
}

.sr-bb .srt-fill-base-1-away {
    fill: transparent
}

.sr-bb .srt-stroke-base-1-away {
    stroke: transparent
}

.sr-bb .srt-fill-base-2 {
    fill: currentColor
}

.sr-bb .srt-stroke-base-2 {
    stroke: currentColor
}

.sr-bb .srt-fill-base-2-active {
    fill: #ffe0e0
}

.sr-bb .srt-stroke-base-2-active {
    stroke: #ffe0e0
}

.sr-bb .srt-fill-base-2-hover {
    fill: #ffe0e0
}

.sr-bb .srt-stroke-base-2-hover {
    stroke: #ffe0e0
}

.sr-bb .srt-fill-base-3 {
    fill: #ffe0e0
}

.sr-bb .srt-stroke-base-3 {
    stroke: #ffe0e0
}

.sr-bb .srt-fill-base-3-active {
    fill: #ffd4d4
}

.sr-bb .srt-stroke-base-3-active {
    stroke: #ffd4d4
}

.sr-bb .srt-fill-base-3-hover {
    fill: #ffd4d4
}

.sr-bb .srt-stroke-base-3-hover {
    stroke: #ffd4d4
}

.sr-bb .srt-fill-primary-1 {
    fill: red
}

.sr-bb .srt-stroke-primary-1 {
    stroke: red
}

.sr-bb .srt-fill-primary-2 {
    fill: #b30000
}

.sr-bb .srt-stroke-primary-2 {
    stroke: #b30000
}

.sr-bb .srt-fill-primary-3 {
    fill: #ff1a1a
}

.sr-bb .srt-stroke-primary-3 {
    stroke: #ff1a1a
}

.sr-bb .srt-fill-primary-4 {
    fill: #f66
}

.sr-bb .srt-stroke-primary-4 {
    stroke: #f66
}

.sr-bb .srt-fill-primary-5 {
    fill: #f66
}

.sr-bb .srt-stroke-primary-5 {
    stroke: #f66
}

.sr-bb .srt-fill-primary-6 {
    fill: #940000
}

.sr-bb .srt-stroke-primary-6 {
    stroke: #940000
}

.sr-bb .srt-fill-primary-7 {
    fill: red
}

.sr-bb .srt-stroke-primary-7 {
    stroke: red
}

.sr-bb .srt-fill-primary-8 {
    fill: red
}

.sr-bb .srt-stroke-primary-8 {
    stroke: red
}

.sr-bb .srt-fill-primary-8-is-active-1 {
    fill: #ff1a1a
}

.sr-bb .srt-stroke-primary-8-is-active-1 {
    stroke: #ff1a1a
}

.sr-bb .srt-fill-primary-8-is-active-2 {
    fill: #ff1a1a
}

.sr-bb .srt-stroke-primary-8-is-active-2 {
    stroke: #ff1a1a
}

.sr-bb .srt-fill-primary-9 {
    fill: #ffb3b3
}

.sr-bb .srt-stroke-primary-9 {
    stroke: #ffb3b3
}

.sr-bb .srt-fill-primary-10 {
    fill: #f33
}

.sr-bb .srt-stroke-primary-10 {
    stroke: #f33
}

.sr-bb .srt-fill-primary-11 {
    fill: #ff1a1a
}

.sr-bb .srt-stroke-primary-11 {
    stroke: #ff1a1a
}

.sr-bb .srt-fill-primary-12 {
    fill: red
}

.sr-bb .srt-stroke-primary-12 {
    stroke: red
}

.sr-bb .srt-fill-home-1 {
    fill: #3f3f41
}

.sr-bb .srt-stroke-home-1 {
    stroke: #3f3f41
}

.sr-bb .srt-fill-home-2 {
    fill: #3f3f41
}

.sr-bb .srt-stroke-home-2 {
    stroke: #3f3f41
}

.sr-bb .srt-fill-home-3 {
    fill: #3f3f41
}

.sr-bb .srt-stroke-home-3 {
    stroke: #3f3f41
}

.sr-bb .srt-fill-home-4 {
    fill: #79797a
}

.sr-bb .srt-stroke-home-4 {
    stroke: #79797a
}

.sr-bb .srt-fill-home-5 {
    fill: #29292a
}

.sr-bb .srt-stroke-home-5 {
    stroke: #29292a
}

.sr-bb .srt-fill-away-1 {
    fill: #9c9c9c
}

.sr-bb .srt-stroke-away-1 {
    stroke: #9c9c9c
}

.sr-bb .srt-fill-away-2 {
    fill: #9c9c9c
}

.sr-bb .srt-stroke-away-2 {
    stroke: #9c9c9c
}

.sr-bb .srt-fill-away-3 {
    fill: #9c9c9c
}

.sr-bb .srt-stroke-away-3 {
    stroke: #9c9c9c
}

.sr-bb .srt-fill-away-4 {
    fill: #bababa
}

.sr-bb .srt-stroke-away-4 {
    stroke: #bababa
}

.sr-bb .srt-fill-away-5 {
    fill: #656565
}

.sr-bb .srt-stroke-away-5 {
    stroke: #656565
}

.sr-bb .srt-fill-neutral-1 {
    fill: #dedede
}

.sr-bb .srt-stroke-neutral-1 {
    stroke: #dedede
}

.sr-bb .srt-fill-neutral-2 {
    fill: #1a1a1a
}

.sr-bb .srt-stroke-neutral-2 {
    stroke: #1a1a1a
}

.sr-bb .srt-fill-neutral-3 {
    fill: rgba(0, 0, 0, .12)
}

.sr-bb .srt-stroke-neutral-3 {
    stroke: rgba(0, 0, 0, .12)
}

.sr-bb .srt-fill-neutral-4 {
    fill: #595959
}

.sr-bb .srt-stroke-neutral-4 {
    stroke: #595959
}

.sr-bb .srt-fill-neutral-5 {
    fill: #404040
}

.sr-bb .srt-stroke-neutral-5 {
    stroke: #404040
}

.sr-bb .srt-fill-neutral-6 {
    fill: #c2c2c2
}

.sr-bb .srt-stroke-neutral-6 {
    stroke: #c2c2c2
}

.sr-bb .srt-fill-neutral-7 {
    fill: #595959
}

.sr-bb .srt-stroke-neutral-7 {
    stroke: #595959
}

.sr-bb .srt-fill-neutral-8 {
    fill: #dedede
}

.sr-bb .srt-stroke-neutral-8 {
    stroke: #dedede
}

.sr-bb .srt-fill-neutral-9 {
    fill: #f0f0f0
}

.sr-bb .srt-stroke-neutral-9 {
    stroke: #f0f0f0
}

.sr-bb .srt-fill-neutral-10 {
    fill: #e0e0e0
}

.sr-bb .srt-stroke-neutral-10 {
    stroke: #e0e0e0
}

.sr-bb .srt-fill-neutral-11 {
    fill: #999
}

.sr-bb .srt-stroke-neutral-11 {
    stroke: #999
}

.sr-bb .srt-fill-neutral-12 {
    fill: #4d4d4d
}

.sr-bb .srt-stroke-neutral-12 {
    stroke: #4d4d4d
}

.sr-bb .srt-fill-neutral-13 {
    fill: #e6e6e6
}

.sr-bb .srt-stroke-neutral-13 {
    stroke: #e6e6e6
}

.sr-bb .srt-fill-win {
    fill: red
}

.sr-bb .srt-stroke-win {
    stroke: red
}

.sr-bb .srt-fill-draw {
    fill: #c2c2c2
}

.sr-bb .srt-stroke-draw {
    stroke: #c2c2c2
}

.sr-bb .srt-fill-lose {
    fill: #ff8787
}

.sr-bb .srt-stroke-lose {
    stroke: #ff8787
}

.sr-bb .srt-stop-base-1 {
    stop-color: transparent
}

.sr-bb .srt-stop-primary-1 {
    stop-color: red
}

.sr-bb .srt-stop-primary-2 {
    stop-color: #b30000
}

.sr-bb .srt-stop-primary-3 {
    stop-color: #ff1a1a
}

.sr-bb .srt-stop-primary-4 {
    stop-color: #f66
}

.sr-bb .srt-stop-primary-5 {
    stop-color: #f66
}

.sr-bb .srt-stop-primary-6 {
    stop-color: #940000
}

.sr-bb .srt-stop-primary-7 {
    stop-color: red
}

.sr-bb .srt-stop-primary-8 {
    stop-color: red
}

.sr-bb .srt-stop-primary-9 {
    stop-color: #ffb3b3
}

.sr-bb .srt-stop-primary-10 {
    stop-color: #f33
}

.sr-bb .srt-stop-primary-11 {
    stop-color: #ff1a1a
}

.sr-bb .srt-stop-primary-12 {
    stop-color: red
}

.sr-bb .srt-stop-home-1 {
    stop-color: #3f3f41
}

.sr-bb .srt-stop-away-1 {
    stop-color: #9c9c9c
}

.sr-bb .srt-fill-neutral-14 {
    fill: #fff
}

.sr-bb .srt-stroke-neutral-14 {
    stroke: #fff
}

.sr-bb .srt-logo-powered-by-light {
    display: inline-block
}

.sr-bb .srt-logo-powered-by-dark {
    display: none
}
