/* 02/01/20 ThV */
/* app-component */
app-header {
    display: flex;
    width: 100%;
}

app-content {
    display: flex;
    flex: 1;
    flex-direction: column;
    overflow: hidden;
    width: 100%;
}

app-footer {
    display: flex;
    width: 100%;
}

app-widget-host {
    display: flex;
}

/* account */
.account-info-content {
    display: flex;
    flex-direction: column;
}

.account-info-content .account-info {
    display: flex;
    flex-direction: row;
}

/* betslip */
app-match {
    display: block;
}

.betslip-type {
    display: flex;
    flex-direction: row;
}

.betslip-type .betslip-type-option {
    cursor: pointer;
}

.betslip-info {
    display: flex;
    flex-direction: row;
}

.betslip-info .betslip-selections {
    display: flex;
    margin-right: auto;
}

.betslip-info .betslip-selections span {
    padding-left: 4px;
}

.betslip-info .betslip-stake {
    display: flex;
}

.betslip-info .betslip-stake span {
    padding-right: 4px;
}

.betslip-info .betslip-combinations {
    display: flex;
    margin-left: 4px;
}

.betslip-footer {
    align-items: center;
    display: flex;
    flex-direction: column;
}

.betslip-footer .betslip-values-wrapper {
    display: flex;
    flex-direction: row;
    width: 100%;
}

.betslip-footer .betslip-values-wrapper .betslip-total-stake {
    display: flex;
    flex: 1;
}

.betslip-footer .betslip-values-wrapper .betslip-total-stake > div {
    display: block;
    position: relative;
}

.betslip-footer .betslip-values-wrapper .betslip-total-stake > div input {
    box-sizing: border-box;
    position: relative;
    z-index: 2;
    width: calc(100% - 18px);
}

.betslip-footer .betslip-values-wrapper .betslip-total-stake > div .available-options {
    bottom: 0;
    left: 0;
    position: absolute;
    top: 0;
    z-index: 1;
    width: 100%;
}

.betslip-footer .betslip-values-wrapper .betslip-max-payout {
    display: flex;
    flex: 1;
}

.betslip-footer .footer-options {
    align-items: center;
    display: flex;
    width: 100%;
}

.betslip-footer .footer-options .placebet-checkboxes {
    display: flex;
    flex: 1;
}

.betslip-footer .footer-options .placebet-checkboxes .checkbox-container {
    align-items: center;
    display: flex;
    flex: 1;
}

.betslip-footer .footer-options .placebet-checkboxes .checkbox-container input[type="checkbox"] {
    cursor: pointer;
    margin: 0;
}

.betslip-footer .footer-options .placebet-checkboxes .checkbox-container label {
    cursor: pointer;
}

.betslip-footer .footer-options .betslip-settings {
    cursor: pointer;
}

.betslip-footer .place-bet {
    cursor: pointer;
}

.system-wrapper .form-row {
    align-items: center;
}

.system-wrapper .form-row label {
    align-items: center;
    display: flex;
    flex: 1;
    flex-direction: row;
}

.system-wrapper .form-row label span {
    margin-right: 8px;
}

.system-wrapper .form-row label span:first-child {
    display: flex;
    flex: 1;
}

/* betslip/betbook */
div.inline-betslip table td {
    border-left: 0;
}

div.inline-betslip tr.totals td {
    text-align: left;
}

div.inline-betslip {
    width: 350px;
    border: 2px solid #000;
}

div.inline-betslip table {
    width: 100%;
    border-collapse: collapse;
}

div.inline-betslip tr.head {
    background-color: #000;
}

div.inline-betslip table tr.head td {
    padding: 8px;
    color: #fff;
    text-align: center;
    font: 12px Verdana;
}

div.inline-betslip table tr td.pools-header {
    text-align: center;
    font: bold 13px Verdana;
}

div.inline-betslip table tr td div.pools-square {
    width: 16px;
    height: 16px;
    border: 2px solid #000;
    margin: 2px auto;
    text-align: center;
    font: bold 13px/16px Verdana;
}

div.inline-betslip table tr.match td {
    padding: 1px;
    color: #000;
    border: 0;
    border-top: 2px solid #000;
}

div.inline-betslip tr.match td.code {
    padding: 0;
    text-align: center;
}

div.inline-betslip tr.match td.code div.n {
    background-color: #000;
    color: #fff;
    font: 9px Verdana;
}

div.inline-betslip tr.match td.code {
    font: bold 11px Verdana;
    padding: 2px;
    text-align: center;
}

div.inline-betslip tr.match td.match div.match {
    position: relative;
}

div.inline-betslip tr.match div.banker, div.inline-betslip tr.match div.group, div.inline-betslip tr.match div.combine {
    height: 20px;
    font: 11px/20px Verdana;
    color: #fff;
    background-color: #000;
    text-align: center;
    margin: 2px;
}

div.inline-betslip tr.match div.group {
    width: 25px;
    height: 30px;
    font: bold 14px/20px Verdana;
    position: absolute;
    top: 0;
    right: 0;
}

div.inline-betslip tr.match div.banker {
    width: 35px;
    position: absolute;
    top: 0;
    right: 30px;
}

div.inline-betslip tr.match div.combine {
    width: 35px;
    position: absolute;
    top: 0;
    right: 70px;
}

div.inline-betslip tr.match div.group div.title {
    height: 10px;
    font: 7px/10px Arial;
}

div.inline-betslip tr.match td.match {
    font: bold 10px Arial;
}

div.inline-betslip tr.match td.match div.match {
    min-height: 30px;
}

div.inline-betslip tr.match td.match div.date {
    font: bold 9px Arial;
}

div.inline-betslip tr.match td.match div.match-result {
    display: none;
}

div.inline-betslip tr.match td.match div.match div.match-result-ready {
    display: block;
}

div.inline-betslip table span.original-odds {
  /*  display: none;*/
}

div.inline-betslip tr.selection td {
    font: bold 12px Arial;
}

div.inline-betslip tr.selection-won {
    background-color: #00FF00;
}

div.inline-betslip tr.selection-lost {
    background-color: #FF0000;
}

div.inline-betslip tr.selection-void {
    background-color: #CCCCCC;
}

div.inline-betslip tr.selection td.nr div.nr {
    margin: 1px 3px;
    background-color: #000;
    color: #fff;
    padding: 1px;
    text-align: center;
}

div.inline-betslip tr.selection td.odds {
    text-align: right;
    padding-right: 4px;
}

div.inline-betslip tr.selection td.group {
    font: bold 18px Verdana;
    background-color: #000;
    color: #fff;
    text-align: center;
}

div.inline-betslip table.bets {
    margin: 10px auto;
    width: 95%;
    border-collapse: collapse;
}

div.inline-betslip table.bets td {
    border: 0;
    padding: 1px 2px;
    font: 11px Verdana;
    white-space: nowrap;
}

div.inline-betslip table.bets tr.hd td {
    font-weight: bold;
    text-align: right;
}

div.inline-betslip table table.bets tbody tr td.system, div.inline-betslip table table.bets tbody tr td.lines, div.inline-betslip table table.bets tbody tr td.odds, div.inline-betslip table table.bets tbody tr td.amount {
    text-align: right;
}

div.inline-betslip table.bets tr.totals td {
    font: bold 12px Verdana;
    border-top: 1px solid #000;
}

div.inline-betslip table table.bets tbody tr.actual-payout {
    display: none;
}

div.inline-betslip table.betslip-settled table.bets tbody tr.actual-payout {
    display: table-row;
}

div.inline-betslip table.betslip-pending tr.actual-payout {
    display: none;
}

div.inline-betslip table.betslip-html tr.actual-payout {
    background-color: #000;
    color: #fff;
    font: bold 13px Verdana;
}

div.inline-betslip table.betslip-html tr.keno-stake td {
    font: bold 15px/16px Verdana;
    padding: 3px;
}

div.inline-betslip table.betslip-html table.keno-payouts {
    margin: 0 auto;
    width: auto;
}

div.inline-betslip table.betslip-html table.keno-payouts td {
    text-align: right;
}

div.inline-betslip table.betslip-html tr td.keno-numbers {
    font: bold 14px/18px Arial;
    text-align: center;
    padding: 6px 2px;
    border-top: 2px solid #000;
    border-bottom: 2px solid #000;
}

div.inline-betslip-simple table.betslip-html-simple {
    width: 99%;
    margin: 0 auto;
    border-top: 1px solid #000;
    margin-top: 10px;
}

div.inline-betslip-simple table.betslip-html-simple td {
    font: 11px Verdana;
    padding: 2px 4px;
}

div.inline-betslip-simple table.betslip-html-simple td div.date {
    font: 10px Arial;
}

div.inline-betslip-simple table.betslip-html-simple td.code {
    font-weight: bold;
    text-align: center;
}

div.inline-betslip-simple table.betslip-html-simple table.bets {
    width: 100%;
    border-top: 1px solid #000;
}

div.inline-betslip-simple table.betslip-html-simple table.bets td.amount, div.inline-betslip-simple table.betslip-html-simple table.bets td.lines, div.inline-betslip-simple table.betslip-html-simple td.odds {
    text-align: right;
}

div.inline-betslip-simple table.betslip-html-simple table.bets td.hd {
    text-align: center;
    color: #777;
}

div.inline-betslip-simple table.betslip-html-simple tr.match td {
    border-top: 1px dotted #000;
}

div.inline-betslip-simple table.betslip-html-simple div.nr {
    border: 1px solid #000;
    padding: 2px;
    width: 30px;
    margin: 0 auto;
    text-align: center;
}

div.inline-betslip-simple div.slipid {
    text-align: center;
    font: bold 16px/30px Verdana;
    height: 30px;
    border-bottom: 1px solid #888;
    border-top: 1px solid #888;
}

div.inline-betslip-simple tr.actual-payout {
    display: none;
}

/* betslip/match */
app-bet {
    display: block;
}

/* betslip/match/bet */
.bet-header {
    align-items: center;
    display: flex;
    flex-direction: row;
}

.bet-header .bet-include {
    display: flex;
}

.bet-header .bet-include label {
    display: flex;
}

.bet-header .bet-include label input[type="checkbox"] {
    margin: 0;
}

.bet-header .bet-match-name {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
}

.bet-header .remove-bet {
    display: flex;
    flex-direction: row;
    margin-left: auto;
}

.bet-content {
    display: flex;
    flex-direction: row;
}

.bet-content .bet-content-odds {
    align-items: center;
    display: flex;
    flex-direction: row;
    width: 100%;
}

.bet-content .bet-content-odds .bet-is-banker {
    align-items: center;
    cursor: pointer;
    display: flex;
    flex-shrink: 0;
    justify-content: center;
}

.bet-content .bet-content-odds .bet-min-bets {
    display: flex;
    flex-shrink: 0;
}

.bet-content .bet-content-odds .bet-market-wrapper {
    display: flex;
    flex: 1;
    flex-direction: row;
    flex-wrap: wrap;
}

.bet-content .bet-content-odds .bet-market-wrapper .bet-market {
    white-space: nowrap;
}

.bet-content .bet-content-odds .bet-market-wrapper .bet-market:after {
    content: ":";
    margin-right: 4px;
}

.bet-content .bet-content-odds .bet-market-wrapper .bet-name {
    margin-left: 4px;
    margin-right: 4px;
}

.bet-content .bet-content-odds .bet-market-wrapper .bet-live-info .bet-live-minute {
    margin-left: 4px;
}

.bet-content .bet-content-odds .bet-market-wrapper .bet-live-info .bet-match-score {
    margin-left: 4px;
}

.bet-odds-values {
    position: relative;
}

.bet-odds-values .bet-old-odds {
    position: absolute;
    right: 0;
    text-decoration: line-through;
    /* top: 100%; */
}

.bet-values {
    display: flex;
    flex-direction: row;
}

.bet-values .bet-stake {
    display: flex;
    flex: 1;
}

.bet-values .bet-stake > div {
    position: relative;
}

.bet-values .bet-stake > div input {
    position: relative;
    z-index: 2;
    width: calc(100% - 18px);
}

.bet-values .bet-stake > div select {
    bottom: 0;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

.bet-values .bet-return {
    display: flex;
    flex: 1;
}

/* betslip-new */
.betslip-title {
    width: 100%;
    justify-content: center;
}

/* betslip-new/betslip-event */
.bet-is-active-default {
    font-weight: inherit;
}

.bet-heading-normal {
    background-color: inherit;
}

.bet-heading-not-combined {
    background-color: wheat;
}

/* betslip-new/betslip-footer */
.place-disabled-preset {
    display: block;
    text-align: center;
    font-size: xx-small;
}

/* betslip-new/betslip-groups */
.narrow {
    width: fit-content;
    display: inline-block;
}

.group-name {
    width: 80px;
    display: inline-block;
    vertical-align: top;
}

.group-selections {
    width: 130px;
    display: inline-block;
    vertical-align: top;
}

.group-odds {
    width: 90px;
    display: inline-block;
    vertical-align: top;
}

.group-stake {
    width: 70px;
    display: inline-block;
    vertical-align: top;
}

.group-stake-input {
    width: 68px;
    display: inline-block;
    vertical-align: top;
}

.group-payout {
    width: 90px;
    display: inline-block;
    vertical-align: top;
}

/* betslip-new/betslip-outright */
.bet-is-active-default {
    font-weight: inherit;
    background-color: #dddddd;
}

.bet-in-group-default {
    font-weight: inherit;
    background-color: #dddddd;
}

.bet-is-banker-default {
    font-weight: inherit;
    background-color: #dddddd;
}

.bet-is-banker-clicked {
    font-weight: bold;
    background-color: aquamarine;
}

.bet-heading-normal {
    background-color: inherit;
}

.bet-heading-not-combined {
    width: 395px;
    background-color: wheat;
}

/* betslip-new/betslip-systems */
.systems-type {
    width: 130px;
    display: inline-block;
    vertical-align: top;
}

.systems-odds {
    width: 90px;
    display: inline-block;
    vertical-align: top;
}

.systems-stake {
    width: 70px;
    display: inline-block;
    vertical-align: top;
}

.systems-stake-input {
    width: 68px;
    display: inline-block;
    vertical-align: top;
}

.systems-payout {
    width: 90px;
    display: inline-block;
    vertical-align: top;
}

/* betslip-new/betslip-systems-selection */
.system-element {
    width: fit-content;
    display: inline-block;
}

.systems-title {
    width: 55px;
    display: inline-block;
    vertical-align: top;
}

.systems-lines {
    width: 50px;
    display: inline-block;
    vertical-align: top;
}

.systems-odds {
    width: 90px;
    display: inline-block;
    vertical-align: top;
}

.systems-stake {
    width: 70px;
    display: inline-block;
    vertical-align: top;
}

.systems-stake-input {
    width: 68px;
    display: inline-block;
    vertical-align: top;
}

.systems-payout {
    width: 90px;
    display: inline-block;
    vertical-align: top;
}

/* betslip-new/component/betslip-select-group */
.no-groups {
    height: 27px;
    border: 2px solid #23323c;
    border-radius: 2px;
    text-align: center;
    display: inline-block;
    box-sizing: border-box;
}

.groups {
    height: 27px;
    width: fit-content;
    display: inline-block;
}

.group-button {
    height: 100%;
    width: 27px;
    border: 2px solid #23323c;
    border-radius: 2px;
    text-align: center;
    display: inline-block;
    box-sizing: border-box;
}

.inactive {
    opacity: 0.4;
}

/* The actual popup (appears on top) */
.group-container {
    visibility: visible;
    position: absolute;
}

/* betslip-new/component/per-line-selection */
.enabled {
    font-weight: bold;
}

/* block */
app-widget-host {
    display: flex;
    flex-direction: column;
}

/* button */
.button {
    cursor: pointer;
}

/* casino-shortcuts */
.selected {
    color: #00FF00;
}

/* contact */
.contact-us {
    display: flex;
    flex-direction: column;
}

.contact-us .contact-us-header {
    display: flex;
    flex-direction: row;
}

.contact-us .contact-us-content {
    display: flex;
}

app-contact-us-form {
    display: flex;
    flex: 1;
    flex-direction: column;
}

/* group-by-form-coupon */
.sports-group-by {
    align-items: center;
    cursor: pointer;
    display: flex;
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.sports-group-by li {
    align-items: center;
    display: flex;
    flex-direction: row;
}

.sports-group-by li input[type="radio"] {
    margin: 0;
    padding: 0;
}

.sports-group-by li label {
    align-items: center;
    display: flex;
}

/* history */
/* live-match-stream */
.livestreamer-tabs {
    width: 100%;
    display: flex;
    justify-content: space-around;
    background-color: #444;
    height: 27px;
    color: #ddd;
    font-family: 'Arial';
    font-size: 13px;
    margin-top: 2px;
}

.livestreamer-tab {
    display: block;
    box-sizing: border-box;
    text-align: center;
    width: 100%;
    height: 100%;
    font-weight: bold;
    font-size: smaller;
}

/* live-match-tracker */
.betradar-widget {
    width: 33%;
}

.livetracker-tabs {
    width: 100%;
    display: flex;
    justify-content: space-around;
    background-color: #444;
    height: 27px;
    color: #ddd;
    font-family: 'Arial';
    font-size: 13px;
    margin-top: 2px;
}

.livetracker-tab {
    display: block;
    box-sizing: border-box;
    text-align: center;
    width: 100%;
    height: 100%;
    font-weight: bold;
    font-size: smaller;
}

/* live-match-tracker/tracker-load-spinner */
.loading-spinner-live-tracker {
    height: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(86, 111, 119, 0.3);
    margin-bottom: 10px;
}

/* nav/navbar */
.nav-counter {
    text-align: right;
}

.nav-sport-wrapper {
    display: flex;
    flex-direction: column;
    user-select: none;
}

.nav-sport-wrapper .nav-sport {
    align-items: center;
    cursor: pointer;
    display: flex;
    flex: 0 0 100%;
    flex-direction: row;
    position: relative;
}

.nav-sport-wrapper .nav-sport .nav-sport-toggle {
    display: flex;
    flex-shrink: 0;
    height: 24px;
    width: 24px;
}

.nav-sport-wrapper .nav-sport .nav-sport-icon {
    display: flex;
    flex-shrink: 0;
    height: 24px;
    width: 24px;
}

.nav-sport-wrapper .nav-sport .nav-sport-name {
    box-sizing: border-box;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
}

.nav-sport-wrapper .nav-sport .nav-sport-counter {
    align-items: center;
    display: flex;
    flex-shrink: 0;
    justify-content: flex-end;
    min-height: 0;
}

.nav-sport-wrapper .nav-sport .nav-sport-selector {
    display: flex;
    flex-shrink: 0;
    height: 24px;
    width: 24px;
}

.nav-sport-wrapper .nav-sport.active + .nav-sport-panel {
    overflow: visible;
    height: auto;
}

.nav-sport-wrapper .nav-sport .nav-sport-filter {
    cursor: pointer;
    left: 0;
    position: absolute;
    top: 0;
    z-index: 2;
    width: 100%;
}

.nav-sport-wrapper .nav-sport-panel {
    /* height: 0; */
    overflow: hidden;
    position: relative;
}

.nav-sport-wrapper .nav-sport-panel .nav-category-wrapper {
    display: flex;
    flex-direction: column;
}

.nav-sport-wrapper .nav-sport-panel .nav-category-wrapper .nav-category {
    align-items: center;
    cursor: pointer;
    display: flex;
    flex: 0 0 100%;
    flex-direction: row;
}

.nav-sport-wrapper .nav-sport-panel .nav-category-wrapper .nav-category .nav-category-toggle {
    display: flex;
    flex-shrink: 0;
    height: 24px;
    width: 24px;
}

.nav-sport-wrapper .nav-sport-panel .nav-category-wrapper .nav-category .nav-category-icon {
    display: flex;
    flex-shrink: 0;
    height: 24px;
    width: 24px;
}

.nav-sport-wrapper .nav-sport-panel .nav-category-wrapper .nav-category .nav-category-name {
    box-sizing: border-box;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
}

.nav-sport-wrapper .nav-sport-panel .nav-category-wrapper .nav-category .empty-nav-category-selector {
    margin-left: 8px;
}

.nav-sport-wrapper .nav-sport-panel .nav-category-wrapper .nav-category .nav-category-selector, .nav-sport-wrapper .nav-sport-panel .nav-category-wrapper .nav-category .empty-nav-category-selector {
    align-items: center;
    display: flex;
    flex-shrink: 0;
    height: 24px;
    justify-content: center;
    width: 24px;
}

.nav-sport-wrapper .nav-sport-panel .nav-category-wrapper .nav-category.active + .nav-category-panel {
    overflow: visible;
    height: auto;
}

.nav-sport-wrapper .nav-sport-panel .nav-category-wrapper .nav-category.partially-checked .nav-category-selector {
    color: #FF0000;
}

.nav-sport-wrapper .nav-sport-panel .nav-category-wrapper .nav-category-panel {
    /* height: 0; */
    overflow: hidden;
    position: relative;
}

.nav-sport-wrapper .nav-sport-panel .nav-category-wrapper .nav-category-panel .nav-tournament {
    align-items: center;
    cursor: pointer;
    display: flex;
    flex: 0 0 100%;
    flex-direction: row;
}

.nav-sport-wrapper .nav-sport-panel .nav-category-wrapper .nav-category-panel .nav-tournament .nav-tournament-favorite {
    display: flex;
    flex-shrink: 0;
    height: 24px;
    width: 24px;
}

.nav-sport-wrapper .nav-sport-panel .nav-category-wrapper .nav-category-panel .nav-tournament .nav-tournament-name {
    box-sizing: border-box;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
}

.nav-sport-wrapper .nav-sport-panel .nav-category-wrapper .nav-category-panel .nav-tournament .nav-tournament-selector {
    align-items: center;
    display: flex;
    flex-shrink: 0;
    height: 24px;
    justify-content: center;
    width: 24px;
}

/* temporarily I hide the toggles */
.nav-sport-wrapper .nav-sport .nav-sport-toggle, .nav-sport-wrapper .nav-sport-panel .nav-category-wrapper .nav-category .nav-category-toggle {
    display: none;
}

/* nav/navbar-favorites */
.nav-favorites-wrapper .nav-favorites-header {
    align-items: center;
    cursor: pointer;
    display: flex;
    flex-direction: row;
}

.nav-favorites-wrapper .nav-favorites-header .nav-favorites-toggle {
    flex-shrink: 0;
    height: 24px;
    width: 24px;
}

.nav-favorites-wrapper .nav-favorites-header .nav-favorites-icon {
    display: flex;
    flex-shrink: 0;
    height: 24px;
    width: 24px;
}
#root .mobile .nav-favorites-wrapper .nav-favorites-header .nav-favorites-icon {
    margin:unset;
}
.nav-favorites-wrapper .nav-favorites-header .nav-favorites-name {
    width: 100%;
}

.nav-favorites-wrapper .nav-favorites-header .nav-favorites-counter {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background-color: var(--c-emphasis);
    display: flex;
    align-items: center;
    justify-content: center;
}

.nav-favorites-wrapper .nav-favorites-header .nav-favorites-selector {
    align-items: center;
    display: flex;
    flex-shrink: 0;
    height: 24px;
    justify-content: center;
    width: 24px;
}

.nav-favorites-wrapper .nav-favorites-header.expanded + .nav-favorites-panel {
    max-height: none;
}

.nav-favorites-wrapper .nav-favorites-panel {
    max-height: 0;
    overflow: hidden;
}

.nav-favorites-wrapper .nav-favorites-panel .nav-favorite {
    align-items: center;
    cursor: pointer;
    display: flex;
    user-select: none;
}

.nav-favorites-wrapper .nav-favorites-panel .nav-favorite .nav-favorite-icon {
    display: flex;
    flex-shrink: 0;
    height: 24px;
    width: 24px;
}

.nav-favorites-wrapper .nav-favorites-panel .nav-favorite .nav-favorite-name {
    width: 100%;
}

.nav-favorites-wrapper .nav-favorites-panel .nav-favorite .nav-favorite-name > div {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
}

.nav-favorites-wrapper .nav-favorites-panel .nav-favorite .nav-favorite-counter {
    display: flex;
    flex-shrink: 0;
    justify-content: flex-end;
}

.nav-favorites-wrapper .nav-favorites-panel .nav-favorite .nav-favorite-selector {
    display: flex;
    flex-shrink: 0;
    height: 24px;
    width: 24px;
}

/* quick-bet */
.bet-group, .title-group, .system-details {
    width: fit-content;
    display: inline-block;
}

.place-disabled-preset {
    display: block;
    text-align: center;
    font-size: xx-small;
}

/* responsible gaming/access-limits */
.access-limits-tabs-header, .access-limits-tabs-rows, .access-limits-tabs-footer {
    width: 100%;
    display: flex;
    justify-content: space-around;
    height: 27px;
    font-family: 'Arial';
    font-size: 13px;
    margin-top: 2px;
}

.day-tab-header, .hours-tab-header, .day-tab-row, .hours-tab-row {
    display: block;
    box-sizing: border-box;
    text-align: center;
    width: 100%;
    height: 100%;
    font-weight: bold;
    font-size: smaller;
}

.day-tab-footer, .hours-tab-footer {
    display: block;
    box-sizing: border-box;
    text-align: center;
    width: 100%;
    height: 100%;
    font-weight: bold;
    font-size: smaller;
    background-color: seashell;
}

/* security-logs/security-logs-table */
.security-logs-wrapper {
    display: flex;
    flex-direction: column;
}

.security-logs-wrapper .security-logs-header {
    display: flex;
    flex-direction: row;
}

.security-logs-wrapper .security-logs-content {
    display: block;
}

/* sports-coupon */
.sports-coupon {
    display: block;
}

/* sports-coupon/breaks-events */
.events-sport-wrapper {
    display: block;
}

/* sports-coupon/breaks-events-by-date-group-level2 */
.markets-header-wrapper {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
}

.market-header {
    display: flex;
    justify-content: center;
    margin: 0 8px 0 0;
    min-width: 154px;
}

.market-header:last-child {
    margin-right: 0;
}

.events-tournament-content {
    display: block;
}

.events-tournament-content .events-tournament-wrapper {
    display: flex;
    flex-direction: column;
}

/* sports-coupon/breaks-events-by-date-group-level3 */
.event-date-break-wrapper {
    display: block;
}

.event-date-break-wrapper .event-date-break {
    display: block;
}

.markets-header-wrapper {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
}

.markets-header-wrapper .market-header {
    display: flex;
    justify-content: flex-end;
}

/* sports-coupon/breaks-events-item */
.item-info-wrapper {
    display: flex;
    flex-direction: column;
    flex-shrink: 0;
}

.item-info-wrapper .match-live-info {
    display: flex;
    flex-direction: row;
}

.item-info-wrapper .match-live-info .match-score {
    display: flex;
    flex-direction: row;
}

.item-info-wrapper .match-live-info .match-cards {
    display: flex;
    flex-direction: row;
}

.match-markets-wrapper {
    display: flex;
    flex: 1;
    flex-direction: row;
    justify-content: flex-end;
}

.match-links {
    display: flex;
    flex-direction: row;
    flex-shrink: 0;
}

/** to remove this **/
.match-minute {
    font-weight: bold;
}

.no-market {
    align-items: center;
    background: #F0F5FA;
    display: flex;
    flex: 1;
    flex-direction: row;
    height: 24px;
    justify-content: center;
}

/* sports-coupon/breaks-events-item-info-live */
.match-info {
    display: flex;
    flex-direction: row;
}

.match-info .match-schedule {
    display: flex;
}

.match-live-info .match-set-scores {
    display: none;
}

/* sports-coupon/breaks-events-item-info-outright */
.match-info {
    display: flex;
    flex-direction: row;
}

.match-info .match-schedule {
    display: flex;
}

.match-live-info .match-set-scores {
    display: none;
}

/* sports-coupon/breaks-events-item-info-pregame */
.match-info {
    display: flex;
    flex-direction: row;
}

.match-info .match-schedule {
    display: flex;
}

.match-live-info .match-set-scores {
    display: none;
}

/* sports-coupon/breaks-events-item-markets */
.match-market {
    display: flex;
    flex-direction: row;
    flex-shrink: 0;
    flex-wrap: nowrap;
    margin: 0 8px 0 0;
    user-select: none;
}

.match-market div {
    display: flex;
}

.match-market div .match-odd {
    align-content: center;
    display: flex;
    flex-direction: column;
    flex-shrink: 0;
    height: 24px;
    justify-content: center;
    margin-left: 2px;
    min-width: 50px;
}

.match-market div .market-special {
    align-items: center;
    background: #def3fa;
    display: flex;
    flex-direction: column;
    flex-shrink: 0;
    height: 24px;
    justify-content: center;
    min-width: 50px;
}

.match-market:last-child {
    margin-right: 0;
}

/* sports-coupon/breaks-events-sport */
.events-sport-content {
    display: block;
}

/* sports-coupon/breaks-events-tournament-group-level2 */
.markets-header-wrapper {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
}
/*Changed the min-width to equal the width of a single odd to fix some alignment issues
arising when there was less than three odds in a market header - Andreani 07/01/2020*/
.market-header {
    display: flex;
    justify-content: center;
    margin: 0 8px 0 0;
    min-width: 48px;
}

.market-header:last-child {
    margin-right: 0;
}

.events-tournament-content {
    display: block;
}

.events-tournament-content .events-tournament-wrapper {
    display: flex;
    flex-direction: column;
}

.compact-list {
    align-items: center;
    display: flex;
    flex-direction: row;
}

.compact-list .events-category-tournament-names {
    display: flex;
    flex-direction: column;
}

/* sports-coupon/breaks-events-tournament-group-level3 */
.event-date-break-wrapper {
    display: block;
}

.event-date-break-wrapper .event-date-break {
    display: block;
}

/* sports-coupon/events-list */
.events-break-wrapper {
    display: block;
}

/* sports-coupon/market-headings-container */
.dd-wrapper {
    bottom: 0;
    left: 0;
    position: absolute;
    width: 100%;
}

.market-header {
    position: relative;
}

/* sports-coupon/market-selection-compact */
.odds-selection-default {
    align-items: center;
    background: oldlace;
    display: flex;
    height: 100%;
    justify-content: center;
    position: relative;
    user-select: none;
}

.odds-selection-default:hover {
    cursor: pointer;
}

.odds-selection-default .odds-selection-up-after {
    border: 4px solid transparent;
    content: '';
    height: 0;
    position: absolute;
    right: 0;
    width: 0;
    border-top-color: green;
    border-right-color: green;
    top: 0;
}

.odds-selection-default .odds-selection-down-after {
    border: 4px solid transparent;
    content: '';
    height: 0;
    position: absolute;
    right: 0;
    width: 0;
    border-bottom-color: red;
    border-right-color: red;
    bottom: 0;
}

.odds-bet-slip-selected {
    background-color: #1c4c8a;
    color: #ffffff;
}

/* sports-coupon/markets-drop-down */
select {
    width: 100%;
}

/* sports-coupon/outright-markets */
.odds-bet-slip-selected {
    background-color: #1c4c8a;
    color: #ffffff;
}

/* sports-coupon/sports-coupon-default */
.events-wrapper {
    display: block;
}

/* sports-coupon/sports-coupon-selection */
.events-wrapper {
    display: block;
}

/* sports-filter-coupon */
.sports-filter {
    display: flex;
    margin: 0;
}

.sports-filter li {
    list-style: none;
}

/* sports-match/market */
.market-header {
    align-items: center;
    display: flex;
    flex-direction: row;
    padding: 4px;
}

.market-header.collapsed + .market-content {
    height: 0;
    overflow: hidden;
}

.market-header .market-toggle {
    margin-left: auto;
}

.market-header .market-min-comb {
    margin-left: auto;
}

.market-header .market-min-comb + .market-toggle {
    margin-left: 8px;
}

.market-content {
    align-items: flex-start;
    display: flex;
    flex-direction: row;
    height: auto;
    overflow: visible;
    padding: 0 0 0 4px;
}

.market-content .match-odd {
    box-sizing: border-box;
    display: flex;
    flex: 1;
    margin-right: 4px;
    margin-top: 4px;
}

.market-content.over-3 {
    flex-wrap: wrap;
}

.market-content.over-3 .match-odd {
    flex: 0 0 calc(50% - 4px);
    overflow: hidden;
}

.match-market:nth-child(3n+1) {
/*     order: 1; */
}

.match-market:nth-child(3n) {
/*     order: 2; */
}

/* sports-match/market-selection */
.odds-selection-default {
    display: flex;
    height: 100%;
    justify-content: center;
    position: relative;
}

.odds-selection-default:hover {
    cursor: pointer;
}

.odds-selection-default .odds-selection-up-after {
    border: 4px solid transparent;
    content: '';
    height: 0;
    position: absolute;
    right: 0;
    width: 0;
    border-top-color: #5e8a13;
    border-right-color: #5e8a13;
    top: 0;
    opacity: 0;
}

.odds-selection-default .odds-selection-down-after {
    border: 4px solid transparent;
    content: '';
    height: 0;
    position: absolute;
    right: 0;
    width: 0;
    border-bottom-color: red;
    border-right-color: red;
    bottom: 0;
    opacity: 0;
}

.odds-bet-slip-selected {
    background-color: #1c4c8a;
    color: #ffffff;
}

.markets-page.odds-selection-default {
    align-items: center;
    display: flex;
    flex: 1;
    flex-direction: row;
    justify-content: initial;
    overflow: hidden;
    padding: 0 4px;
}

.markets-page.odds-selection-default .odd-outcome {
    margin-right: auto;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
}

.markets-page.odds-selection-default .odd {
    display: block;
}

/* user-documents-upload/user-documents-upload-v1/upload-file */
.file-selection, .inline-selection {
    display: inline-block;
}

/* widget-host */
.widget-content-placeholder {
    display: none;
}

/* fixes */
.match-markets .match-markets-wrapper {
    flex-direction: column;
}

.match-markets .match-markets-wrapper .market-group {
    width: 100%;
}

.match-market .market-correct-score-win, .match-market .market-correct-score-draw, .match-market .market-correct-score-loose {
    display: block;
}

.sports-match-header-wrapper {
    width: 100%;
}

@keyframes ui-progress-spinner-color {
  100%,
  0% {
    stroke: #ff8200;
  }
  40% {
    stroke: #ff8200;
  }
  66% {
    stroke: #FF9600;
  }
  80% {
    stroke: #FF9600;
  }
  90% {
    stroke: #FF9600;
  }
}
.ngx-spinner .overlay { background-color: #333333 !important; }
#loading-bar .bar {
 background: #ff8200 !important; 
}