/************************************
              Betslip
************************************/

.betslip-tab-menu {
    width: 100%;
    margin-bottom: 10px;
}

.betslip-tab-menu > app-widget-host {
    display: flex;
    flex-direction: row;
}

.betslip-tab-menu .betslip-tab-item {
    width: 50%;
}

.betslip-tab-menu .betslip-tab-item > app-widget-host {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    height: 42px;
    color: var(--c-black);
    cursor: pointer
}

#root:not(.show-my-bets) .betslip-tab-menu .betslip-tab-item.betslip-item > app-widget-host, 
#root.show-my-bets .betslip-tab-menu .betslip-tab-item.bethistory-item > app-widget-host, 
#root:not(.show-settled-bets) .betslip-tab-menu .betslip-tab-item.bethistory-open-item > app-widget-host, 
#root.show-settled-bets .betslip-tab-menu .betslip-tab-item.bethistory-settled-item > app-widget-host {
    border-radius: var(--r-border-radius-medium);
    background-color: var(--c-emphasis-b);
    color: var(--c-white)
}

#root:not(.show-my-bets) .betslip-tab-menu .betslip-tab-item.betslip-item .betslip-tab-item-text div, #root.show-my-bets .betslip-tab-menu .betslip-tab-item.bethistory-item .betslip-tab-item-text div, #root:not(.show-settled-bets) .betslip-tab-menu .betslip-tab-item.bethistory-open-item .betslip-tab-item-text div, #root.show-settled-bets .betslip-tab-menu .betslip-tab-item.bethistory-settled-item .betslip-tab-item-text div {
    font-weight: bold;
}

#root:not(.show-my-bets) .betslip-history, #root.show-my-bets .betslip-tab-menu ~ app-block.betslip-wrapper, #root:not(.show-settled-bets) .betslip-tab-menu ~ .settled-bets, #root.show-settled-bets .betslip-tab-menu ~ .open-bets {
    display: none;
}

#root.show-my-bets .betslip-history.my-bets > app-widget-host {
    display: flex;
    justify-content: center;
}

#root.show-my-bets .betslip-history.my-bets .bet-history-guest-text div {
    text-align: center;
    padding: 24px;
    border-radius: var(--r-border-radius-big);
    color: var(--c-primary)
}

#root.show-my-bets .betslip-history.my-bets .login button {
    height: 32px;
    cursor: pointer;
    padding: 0 12px;
    margin-right: 5px;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 12px;
    letter-spacing: .3px;
    background: var(--c-emphasis-b);
    border: 0;
    border-radius: var(--r-border-radius-big);
    min-width: 90px;
    width: 100%;
    margin-top: 10px;
    color: var(--c-white)
}

.betslip-tab-item .beto-openbets-counter {
    width: 18px;
    height: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    font-size: 0.9em;
    font-weight: bold;
    margin-left: 5px
}

.betslip-tab-item .beto-openbets-counter .openbets-counter-name {
    display: none;
}



.betslip .betslip-wrapper {
    margin: 0;
    padding: 0;
    border: 0;
    position: relative;
    border-radius: var(--r-border-radius-big);
}

.betslip .betslip-title {
    height: 42px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    font-size: 16px;
    line-height: 1.5;
    text-transform: uppercase;
    font-weight: bold;
      border-top-left-radius: var(--r-border-radius-big);
    border-top-right-radius: var(--r-border-radius-big);
    border-bottom: 2px solid var(--c-emphasis-b);
    position: relative;
    background-color: var(--c-white);
    color: var(--c-emphasis-b)
}

.betslip .betslip-title .betslip-arrow {
    display: none
}

.betslip .betslip-clear-wrapper {
    display: flex;
    position: absolute;
    top: 10px;
    right: 20px;
    font-size: 0
}

.betslip .betslip-clear-wrapper .clear-betslip-button {
    font-size: 0;
    background-color: transparent;
    border: 0;
    color: var(--c-black);
    /* background-image: url(/v2.02/r/images/site/delete-icon-blue.svg); */
    /* background-size: cover; */
    /* height: 24px; */
    /* width: 24px; */
}

.betslip .betslip-clear-wrapper .clear-betslip-button:before {
    content: "Clear All";
    font-size: 14px;
    line-height: 1.5;
}

.betslip .betslip-title .betslip-counter {
    font-size: 12px;
    margin-bottom: 10px;
    margin-left: 5px;
    color: var(--c-emphasis-c)
}

.betslip .betslip-empty-message {
    margin: 50px auto;
    text-align: center;
    font-style: italic;
    font-size: 1.25em;
    color: var(--c-primary);
}

.betslip .betslip-wrapper .betslip-tabs {
    background-color: var(--c-background-b);
    padding-top: 5px;
    gap: 2px;
}

.betslip .betslip-wrapper .betslip-tab {
    height: 50px;
    align-items: center;
    display: flex;
    justify-content: center;
    /* border-bottom: 3px solid transparent; */
    /* */
    cursor: pointer;
    width: calc(50% - 5px);
    color: var(--c-black)
}

.betslip .betslip-wrapper .betslip-tab:hover, .betslip .betslip-wrapper .betslip-tab.tab-selected {
    border-radius: var(--r-border-radius-medium);
    background-color: var(--c-emphasis-b);
    color: var(--c-white)
}

.betslip .betslip-bets-container {
    display: flex;
    flex-direction: column
}

.betslip .betslip-bets-container > app-window-tabs {
    order: 1
}

.betslip .betslip-bets-container > .betslip-events-wrapper {
    order: 2;
    padding-top: 5px;
}

.betslip .betslip-bets-container > app-betslip-multiples, .betslip .betslip-bets-container > app-betslip-systems {
     order: 3;
    font-size: 14px;
    border-top-left-radius: var(--r-border-radius-medium);
    border-top-right-radius: var(--r-border-radius-medium);
    background-color: var(--c-white);
    color: var(--c-black)
}

.betslip .betslip-bets-container > app-betslip-footer {
    order: 4;
    border-bottom-left-radius: var(--r-border-radius-medium);
    border-bottom-right-radius: var(--r-border-radius-medium);
    background-color: var(--c-white);
    color: var(--c-black)
}

.betslip .tab-events app-betslip-footer {
    border-radius: var(--r-border-radius-medium);
}

.betslip .betslip-bets-container .betslip-tabs {
    border-top: 1px solid var(--c-text-betslip-betting-header);
    height: 38px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    font-size: 15px;
    text-transform: uppercase
}

.betslip .betslip-bets-container .betslip-tabs .betslip-tab {
    line-height: 36px;
    border-bottom: 4px solid var(--c-background-betslip-betting-header)
}

.betslip .betslip-bets-container .betslip-tabs .betslip-tab.tab-selected {
    border-bottom: 4px solid var(--c-text-betslip-betting-header)
}

.betslip .betslip-bets-container .value-block-wrapper.multiple-lines-wrapper {
    margin: 0 5px
}

.betslip .betslip-events-wrapper {    
    position: relative
}

.betslip .betslip-events-wrapper .bet-container:not(.not-combined) {
    padding: 5px 15px;
    padding-top: 20px;
    border-radius: var(--r-border-radius-medium);
    margin-bottom: 5px;
    background-color: var(--c-white);
    color: var(--c-black)
}

.betslip .betslip-events-wrapper .bet-container::before {
    content: "";
    position: absolute;
    height: 1px;
    width: 100%;
    left: 0px;
    bottom: 42px;
}
.betslip  .betslip-events-wrapper .bet-container.bet-builder-on::before{
    display: none
}

app-betslip-match-header {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    padding-bottom: 20px;
    /* position: relative; */
}

.bet-details-odds {
    padding-right: 8px;
    flex-wrap: wrap;
    flex: 1;
}

app-betslip-combine-selections{
    order: -1;
    display: flex;
    width: 100%;
    flex: 1 1 100%;
    margin-bottom: 10px
}
app-betslip-combine-selections .bet-match-combine{
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%
}
app-betslip-combine-selections app-combine-selections{
    display: flex;
    align-items: center;
    gap: 10px;
    font-weight: bold;
}
app-betslip-combine-selections app-combine-selections .combined-selections,
app-betslip-combine-selections app-combine-selections .combine-selections{
    border: 1px solid var(--c-background-header-menu);
    padding: 10px;
    border-radius: var(--r-border-radius-medium);
}

app-bet-event-live-info:not(:empty) {
    flex: 1;
    text-align: right
}

.betslip .betslip-events-wrapper .outright-bet .bet-details-odds {
    padding-bottom: 10px
}

.betslip .betslip-events-wrapper .bet-match-tournament-info {
    display: none;
}

.betslip .betslip-events-wrapper .bet-container.not-combined {
    padding: 5px 0
}

.betslip .betslip-events-wrapper .bet-match-info {
    font-weight: bold;
    margin-bottom: 5px;
    display: flex;
    flex-wrap: wrap;
}

.betslip .betslip-events-wrapper .bet-match-info .match-versus {
    font-size: 0;
}

.betslip .betslip-events-wrapper .bet-match-info .match-versus:before {
    content: "-";
    font-size: 12px;
    display: inline-block;
    margin: 0 4px;
}

.betslip .betslip-events-wrapper .bet-match-info .bet-event:hover {
    cursor: pointer
}

.betslip .betslip-events-wrapper .bet-live-selection {
    display: flex;
    justify-content: flex-end;
}

.betslip .betslip-events-wrapper .bet-live-selection .live-label {
    margin-right: 5px;
}

.betslip .betslip-events-wrapper .bet-live-selection .suspended-label {
    margin-left: 10px;
    -webkit-animation: color_change 1s infinite alternate;
    -moz-animation: color_change 1s infinite alternate;
    -ms-animation: color_change 1s infinite alternate;
    -o-animation: color_change 1s infinite alternate;
    animation: color_change 1s infinite alternate;
}

@-webkit-keyframes color_change {
    from {
    }

    to {
    }
}

@-moz-keyframes color_change {
    from {
    }

    to {
    }
}

@-ms-keyframes color_change {
    from {
    }

    to {
    }
}

@-o-keyframes color_change {
    from {
    }

    to {
    }
}

@keyframes color_change {
    from {
    }

    to {
    }
}

.bet-actions .bet-odds-inline .bet-old-odds {
    text-decoration: line-through;
    margin-right: 9px;
    margin-left: 0;
    font-size: 0.9em;
    text-align: right;
}

.betslip .betslip-events-wrapper app-betslip-event {
    display: block;
    position: relative;
    /* margin: 0px 5px; */
}

/*
.betslip .betslip-events-wrapper .bet-details-odds{
    margin-right: 28px
}
*/
.bet-details-odds .bet-match-code {
    order: 2;
    /* margin-left: 10px; */
    width: auto;
    justify-content: flex-end;
    display: flex;
    position: absolute;
    right: 18px;
    bottom: 44px;
    display: none
}
.bet-builder-on .bet-details-odds .bet-match-code{
    position: unset
}

.bet-match-date-time {
    display: flex;
    align-items: flex-start;
    justify-content: flex-end;
    /* flex: 1; */
}

.bet-match-date-time span {
    margin-right: 5px;
    white-space: nowrap;
}

.betslip .betslip-events-wrapper .bet-details-odds app-bet-event-actions {
    margin-left: auto
}

.betslip .betslip-events-wrapper .bet-details-odds .banker {
    border-radius: 50px;
    width: 20px;
    height: 20px;
    border: 0;
    padding: 0;
    margin-bottom: 3px;
    transform: translateY(-3px);
}

.betslip .betslip-events-wrapper .bet-details-odds .banker.selected {
}

.betslip .betslip-events-wrapper .betslip-match-content {
    display: flex;
    justify-content: space-between;
    align-items: center;
    min-height: 38px;
    /* position: relative; */
}
.betslip .betslip-events-wrapper .bet-builder-on .betslip-match-content{
    flex-direction: column;
    align-items: flex-start
}
.betslip .betslip-events-wrapper .betslip-match-content .bet-actions {
    /* flex: 1; */
    justify-content: space-between;
    flex-wrap: wrap;
    margin-top: 10px;
    /* height: 100%; */
}

.betslip .betslip-events-wrapper .betslip-match-content .bet-match-details {
    /* width:100%; */
    /* padding-bottom: 20px; */
    position: absolute;
    bottom: 45px;
}
.betslip .betslip-events-wrapper .bet-builder-on .betslip-match-content .bet-match-details{
    position: unset
}

.bet-actions .bet-odds-inline {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
}

.bet-stake-payout {
    align-items: flex-end;
    flex: 1;
}

.betslip .bet-stake-payout .amount-input.stake-input input {
    min-height: 32px;
    border-right: 0
}

.betslip .betslip-events-wrapper .bet-container .bet-actions > app-bet-event-actions {
    position: absolute;
    /* bottom: 17px; */
    right: 5px;
    z-index: 2;
    height: 14px;
    top: 5px;
}

.betslip .betslip-events-wrapper .bet-container.not-combined .bet-actions > app-bet-event-actions {
    bottom: 10px;
    right: -5px
}

.betslip .betslip-events-wrapper .betslip-match-content .bet-actions > app-bet-event-actions .bet-remove {
    width: 16px;
    height: 16px;
    font-size: 24px;
    line-height: 10px;
    padding: 0;
    border: 0;
    background: transparent
}

.betslip .betslip-events-wrapper .betslip-match-content .bet-actions > app-bet-event-actions .bet-remove:before {
    content: "\00d7"
}

.betslip .betslip-events-wrapper .numeric-input-wrapper {
    display: flex;
    flex-direction: row-reverse;
    align-items: center
}

.betslip .bet-min-combinations {
    display: none
}

.betslip .betslip-events-wrapper .currency-symbol {
    margin-right: 18px;
    margin-left: 3px;
    /* height: 32px; */
    /* display: flex; */
    /* align-items: center; */
    /* */
}

.betslip .betslip-events-wrapper .stake-input .currency-symbol, 
.multiple-stake.stake .currency-symbol, 
.betslip .betslip-bets-container .systems-container .amount-input .numeric-input-wrapper .currency-symbol {
    margin-left: 0px;
    height: 32px;
    display: flex;
    align-items: center;
    padding-right: 5px;
    border-top-right-radius: var(--r-border-radius-small);
    border-bottom-right-radius: var(--r-border-radius-small);
    background-color: var(--c-white);
    border: 1px solid var(--c-emphasis-a);
    border-left: 0
}

.betslip .betslip-events-wrapper .amount-input.payout-input {
    text-align: center;
    font-weight: bold;
}

.betslip .betslip-events-wrapper .amount-input.payout-input::before {
    /* display: none; */
    content: attr(title);
    font-size: 0.84em;
    /* margin-top: 5px; */
    display: block;
    transform: translateY(0px);
}

.betslip .betslip-events-wrapper .amount-input.payout-input input {
    font-weight: bold
}

.betslip .betslip-events-wrapper .bet-stake {
    margin: 0;
    width: 100%;
}

.betslip .betslip-events-wrapper .bet-stake input, 
.betslip .systems-container .system-stake-wrapper .amount-input input {
    width: 80px;
    text-align: right;
    padding: 3px;
    border: 1px solid var(--c-emphasis-a);
    background-color: var(--c-white);
    color: var(--c-black)
}

.betslip .betslip-events-wrapper .bet-actions .bet-odds-inline .bet-odds {
    margin-left: 0;
    margin-right: 6px;
    font-weight: bold;
    font-size: 14px;
    line-height: 12px;
    display: flex;
    /* flex-direction: column; */
}

.betslip .betslip-events-wrapper .bet-actions .bet-odds-inline .bet-odds.down {
    order: 2
}

.betslip .betslip-events-wrapper .bet-actions .bet-odds-inline .bet-odds.up {
    /* */
}

.betslip .betslip-events-wrapper .bet-actions app-changed-odds {
    display: flex;
    align-items: center
}

.betslip .betslip-events-wrapper .bet-actions app-changed-odds:before {
    content: "Odd";
    font-size: 0.84em;
    font-weight: normal;
    margin-right: 5px;
}

.betslip .betslip-events-wrapper app-amount-input.stake-input {
    flex: 1
}

.betslip .betslip-bets-container .multiple-container, .betslip .betslip-bets-container .system-container {
    display: flex;
    flex-wrap: nowrap;
    flex-direction: row
}

.betslip .betslip-bets-container .multiple-header {
    display: none
}

.betslip .betslip-bets-container .header-titles-container {
    display: flex;
    flex-direction: column;
    /* flex: 0 1 50%; */
}

.betslip .betslip-bets-container .multiple-wrapper {
    display: flex;
    flex: 0 1 100%;
    justify-content: flex-end;
    align-items: center;
    text-align: right;
    padding: 0px 10px;
}

.betslip .betslip-bets-container .multiple-wrapper > .value-block:not(.amount-input):not(.multiple-lines), .betslip .betslip-bets-container .header-titles-container > span:not(.multiple-stake) {
    display: none
}
#root .betslip .betslip-bets-container .multiple-wrapper .multiple-lines {
    display: none;
    order: 2
}

#root .betslip .betslip-bets-container .multiple-wrapper .multiple-odds {
    display: flex;
    padding: 0 5px;
    order: 1
}

#root .betslip .betslip-bets-container .multiple-wrapper .multiple-odds {
    margin-right: auto;
    align-items: center;
}

#root .betslip .betslip-bets-container .multiple-wrapper .multiple-odds:before {
    content: attr(title);
    margin-right: 5px;
}

#root .betslip .betslip-bets-container .multiple-wrapper .multiple-odds .value-block-wrapper .block-value:not(:empty) {
    padding: 5px;
    font-weight: bold;
    border-radius: var(--r-border-radius-medium);
    background-color: var(--c-emphasis-c);
    color: var(--c-white)
}

.betslip .betslip-bets-container .header-titles-container > span.multiple-stake {
    margin-top: 20px;
    display: none;
    /* display: block; */
}

.betslip .betslip-bets-container .multiple-wrapper > .amount-input {
    margin-bottom: 10px;
    /* margin-right: 10px; */
    order: 3
}

.betslip .betslip-bets-container .multiple-wrapper > .amount-input .numeric-input-wrapper {
    display: flex;
    align-items: center;
    flex-direction: row-reverse;
    margin-top: 10px;
    /* margin-right: 10px; */
}

.betslip .betslip-bets-container .multiple-wrapper > .amount-input .numeric-input-wrapper .currency-symbol, 
.betslip .betslip-bets-container .systems-container .amount-input .numeric-input-wrapper .currency-symbol {
    margin-left: 0px;
    height: 30px;
    padding-top: 2px
}

.betslip .betslip-bets-container .multiple-wrapper > .amount-input .numeric-input-wrapper input {
    width: 80px;
    text-align: right;
    padding: 3px;
    border: 1px solid var(--c-emphasis-a)    
}

.betslip .betslip-bets-container .multiple-wrapper > .amount-input .numeric-input-wrapper input, 
.betslip .betslip-bets-container .systems-container .amount-input .numeric-input-wrapper input {
    height: 30px;
    width: 100px;
    font-size: 15px;
    text-align: right;
    border-radius: 4px;
    border: 0;
    border-bottom-right-radius: 0px;
    border-top-right-radius: 0px;
    border-top-right-radius: 0px;
    background-color: var(--c-white);
    border: 1px solid var(--c-emphasis-a);
    border-right: 0
}

.betslip app-betslip-footer .betslip-totals {
    display: flex;
    flex-direction: row;
}

.betslip .betslip-totals .value-block {
    order: 2;
    padding: 5px 15px;
    width: 100%
}

.betslip .betslip-totals .value-block .block-value {
    font-size: 14px
}

.betslip .betslip-totals .value-block .total-payout-wrapper {
    padding: 10px 0px;
    border-top: 1px solid var(--c-background-odds-header);
    font-weight: bold;
}

.betslip .betslip-totals .value-block .total-payout-wrapper .block-value {
}

.betslip .betslip-totals .value-block-wrapper {
    display: flex;
    justify-content: space-between
}

.betslip .systems-container {
    padding-top: 10px;
}

.betslip .systems-container > div.system-header {
    margin-top: 10px;
    display: none;
}

.betslip .systems-container > div {
    margin-bottom: 10px;
    padding: 0px 10px
}

.betslip .systems-container .system-header-container {
    display: none
}

.betslip .systems-container .system-stake-wrapper {
    display: flex;
    align-items: center
}

.betslip .systems-container .system-stake-wrapper .system-active {
    order: 1;
    margin: 0 3px;
}

.betslip .systems-container .system-stake-wrapper .system-type {
    order: 2;
    line-height: 14px;
}

.betslip .systems-container .system-stake-wrapper .system-odds {
    order: 3;
    margin-left: auto;
    /* font-weight: bold; */
    padding: 5px;
    font-weight: bold;
    border-radius: var(--r-border-radius-medium);
}

.betslip .systems-container .global-stakes-title {
    padding: 10px;
    font-weight: bold;
}

.betslip .systems-container .systems-global-stakes {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: flex-end;
    padding-bottom: 10px;
}

.betslip .systems-container .system-type-wrapper {
    font-weight: bold;
}

.betslip .systems-container .systems-global-stakes .system-lines label {
    display: none
}

.betslip .systems-container .systems-global-stakes .system-lines {
    margin: 0 5px
}

.betslip .systems-container .systems-global-stakes app-amount-input:first-of-type + div {
    margin: 0 5px
}

.betslip .systems-container .systems-global-stakes app-number-input-field .numeric-input-wrapper {
    display: flex;
}

.betslip .systems-container .systems-global-stakes app-number-input-field .numeric-input-wrapper .currency-symbol {
    order: 2
}

.betslip .systems-container .system-stake-wrapper .system-odds .block-value, 
.betslip .betslip-bets-container .multiple-wrapper > .value-block.multiple-odds {
    /* */
}

.betslip .systems-container .system-stake-wrapper .system-odds .block-value:before, 
.betslip .betslip-bets-container .multiple-wrapper > .value-block.multiple-odds .block-value:before {
    /* content: 'Odd'; */
}

.betslip .systems-container .system-stake-wrapper.total-system .value-block.system-odds {
    display: none
}

.betslip .systems-container .system-stake-wrapper .system-lines {
    order: 4;
    margin: 0 5px
}

.betslip .systems-container .system-stake-wrapper.total-system .system-lines {
    margin-left: auto
}

.betslip .systems-container .system-stake-wrapper .amount-input {
    order: 5
}

.betslip .systems-container .system-stake-wrapper .amount-input .numeric-input-wrapper {
    display: flex;
    flex-direction: row-reverse;
    align-items: center
}

.betslip .systems-container .system-stake-wrapper .amount-input .numeric-input-wrapper .currency-symbol {
    /* margin-left: 3px; */
}

.betslip .betslip-totals .checkbox-wrapper.accept-odd-changes {
    order: 3;
    padding-bottom: 15px;
    display: none;
    justify-content: center
}

.betslip .betslip-totals .check-box-label.accept-odd-changes {
    width: auto;
    margin-left: 5px
}

.betslip .betslip-totals .betslip-per-line {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding: 0 15px;
    margin-bottom: 5px;
    order: 1;
    width: 100%
}

.betslip .betslip-totals > button, 
.betslip .betslip-totals .confirm-bet-wrapper button, 
.mobile .quick-container .confirm-bet-wrapper button, 
.authorisations-dialog .auth-actions-container button {
    font-size: 16px;
    font-weight: bold;
    letter-spacing: .03em;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 42px;
    text-transform: uppercase;
}

.betslip .betslip-totals .place-bet, 
.betslip .betslip-totals .confirm-bet-wrapper button.confirm-bet,
.mobile .quick-container .confirm-bet-wrapper button.confirm-bet, 
.authorisations-dialog .auth-actions-container button.auth-action.place-bet {
    order: 5;
    flex: 1 0 45%;
    margin-left: 5px;
    margin-right: 10px;
    margin-bottom: 10px;
    border-radius: var(--r-border-radius-medium);
    background-color: var(--c-emphasis-c);
    color: var(--c-white);
    height: auto
}

.betslip .betslip-totals .confirm-bet-wrapper button.confirm-bet, 
.mobile .quick-container .confirm-bet-wrapper button.confirm-bet, 
.betslip .betslip-totals .confirm-bet-wrapper button.cancel-bet {
    flex: 0 1 100%;
    padding: 15px 0
}

.betslip .betslip-totals .book-bet, 
.betslip .betslip-totals .confirm-bet-wrapper button.cancel-bet, 
.mobile .quick-container .confirm-bet-wrapper button.cancel-bet, 
.authorisations-dialog .auth-actions-container button.auth-action.request-authorisation {
    order: 4;
    flex: 1 0 45%;
    margin-right: 5px;
    margin-left: 10px;
    margin-bottom: 10px;
    border-radius: var(--r-border-radius-medium);
    height: auto;
    border: 1px solid var(--c-emphasis-c);
    color: var(--c-emphasis-c);
    background-color: var(--c-white)
    
}

.betslip .betslip-totals .book-bet .book-disabled-reason, 
.betslip .betslip-totals .place-bet .place-disabled-reason {
    font-size: 12px;
    text-transform: initial;
    font-weight: normal;
    padding-bottom: 15px;
    line-height: 12px;
    color: red
}

.betslip .betslip-totals .book-bet .book-bet-message, 
.betslip .betslip-totals .place-bet .place-bet-message {
    padding: 15px 0
}

.booking-notifications-wrapper .bet-book .slip-label {
    display: none;
}

.betslip .betslip-totals .book-bet .book-disabled-reason, 
.betslip .betslip-totals .place-bet .place-disabled-reason {
    font-size: 12px;
    text-transform: initial;
    font-weight: normal;
    padding-bottom: 15px;
    line-height: 12px
}

.betslip .betslip-totals .book-bet .book-bet-message, 
.betslip .betslip-totals .place-bet .place-bet-message {
    padding: 15px 0
}

.betslip-wrapper .betslip-notifications-wrapper, 
.betslip-wrapper .booking-notifications-wrapper {
    border-radius: var(--r-border-radius-big);
    margin-top: 10px;
    background: var(--c-gradient-purple-purple)
}

.betslip-notifications-wrapper .bet-messages, 
.booking-notifications-wrapper .bet-messages {
    text-align: center;
    line-height: 1.8rem;
    padding: 30px 10px;
    border-bottom: 1px solid var(--c-background-odds);
    cursor: default
}

.betslip-notifications-wrapper .bet-messages .bet-reference, 
.desktop .booking-notifications-wrapper .bet-messages .bet-reference {
    display: none
}

.betslip-notifications-wrapper .bet-book, .booking-notifications-wrapper .bet-book {
    text-align: center;
    line-height: 18px;
    padding: 30px 10px;
    cursor: default
}

.booking-notifications-wrapper .bet-book {
    padding: 5px 10px;
    position: relative
}

.booking-notifications-wrapper .bet-book .bet-book-time {
    font-weight: bold;
    margin-top: 8px
}

.betslip-notifications-wrapper .bet-book .code-value, 
.booking-notifications-wrapper .bet-book .code-value {
    display: block;
    font-size: 26px;
    line-height: 46px;
}

.betslip-notifications-wrapper .bet-messages-actions, 
.booking-notifications-wrapper .bet-messages-actions, 
.booking-notifications-wrapper .bet-book-actions {
    display: flex;
    justify-content: space-around;
    flex-direction: row;
    padding-top: 15px
}

.desktop .booking-notifications-wrapper .bet-messages-actions, 
.desktop .booking-notifications-wrapper .bet-book-actions {
    justify-content: center
}

.betslip-notifications-wrapper .bet-messages-actions > button, 
.booking-notifications-wrapper .bet-messages-actions > button, 
.booking-notifications-wrapper .bet-book-actions > button {
    font-size: 13px;
    font-weight: bold;
    letter-spacing: .03em;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 42px;
    text-transform: uppercase;
    flex: 0 0 45%;
    background-color: var(--c-emphasis-c);
    color: var(--c-white)
}

.booking-notifications-wrapper .bet-book-actions > button.action-copy, 
.booking-notifications-wrapper .bet-book-actions > button.action-share, 
.booking-notifications-wrapper .bet-messages-actions .reload-selections {
    border: 1px solid var(--c-border-betslip-button);
}

.booking-notifications-wrapper .bet-book-actions > button.action-share, .booking-notifications-wrapper .bet-book-actions > button.action-copy {
    margin-right: 0
}

.booking-notifications-wrapper .bet-book-actions > button.action-share:after, .booking-notifications-wrapper .bet-book-actions > button.action-copy:after {
    content: "";
    width: 24px;
    height: 24px;
    display: block;
    background-size: cover;
    margin-left: 10px;
}

.booking-notifications-wrapper .bet-book-actions > button.action-share:after {
    background-image: url("/v1.030/r/images/site/icons/share-icon-green.svg")
}

.booking-notifications-wrapper .bet-book-actions > button.action-copy:after {
    background-image: url("/v1.030/r/images/site/icons/copy-icon-green.svg")
}

.betslip-notifications-wrapper .bet-messages-actions .reload-selections, .booking-notifications-wrapper .bet-book-actions .action-copy, .booking-notifications-wrapper .bet-book-actions .action-share {
    flex: 0 0 47%;
    margin-right: 5%;
    margin-bottom: 10px;
    border-radius: var(--r-border-radius-medium);
    height: auto;
    padding: 11px 0
}

.desktop .booking-notifications-wrapper .bet-book-actions .action-copy, .desktop .booking-notifications-wrapper .bet-book-actions .action-share {
    padding: 9px 0
}

.desktop .booking-notifications-wrapper .bet-book-actions .action-copy {
    margin-right: 10px
}

.betslip-notifications-wrapper .bet-messages-actions .close-notification, .booking-notifications-wrapper .bet-messages-actions .close-notification, .booking-notifications-wrapper .bet-messages-actions .view-book-details {
    flex: 0 0 45%;
    margin-left: 2%;
    margin-bottom: 10px;
    border-radius: var(--r-border-radius-medium);
    height: auto;
    padding: 12px 0
}

.betslip .betslip-totals .confirm-bet-wrapper, .mobile .quick-container .confirm-bet-wrapper {
    order: 5;
    display: flex;
    flex-direction: row;
    width: 100%;
    justify-content: center
}

.betslip .betslip-totals .confirm-bet-wrapper form.confirm-form-group, .mobile .quick-container .confirm-bet-wrapper form.confirm-form-group {
    order: 4;
    display: flex;
    flex: 0 0 45%;
}

.betslip .betslip-totals .bet-error {
    position: relative;
    display: block;
    width: 100%;
    text-align: center;
    order: 4;
    padding: 20px 10px;
    margin-bottom: 10px;
    background-color: red;
    color: var(--c-white);
    font-size: 16px;
}

.betslip .betslip-totals .bet-error .bet-close-error {
        border: 0;
    position: absolute;
    right: 10px;
    top: 4px;
    font-size: 24px;
    background-image: url(/v1.030/r/images/site/icons/material-symbols_close_white.svg);
    background-size: cover;
    width: 14px;
    height: 14px;
    display: block;
    background-color: transparent
}
.betslip .betslip-totals app-betslip-bonus-block {
    order:3
}
.betslip .betslip-totals app-betslip-bonus-block .bonus-wrapper {
    display:flex;
    flex-direction:column;
    padding:0px 15px;

}
.betslip .betslip-totals app-betslip-bonus-block .bonus-wrapper {
    padding:15px;
}
.betslip .betslip-totals app-betslip-bonus-block .bonus-wrapper app-betslip-bonus {
    order:-1;
}
.betslip .betslip-totals app-betslip-bonus-block .bonus-wrapper .label-value-container .element.label {
    display:none;
}
.betslip .betslip-totals app-betslip-bonus-block .bonus-wrapper .label-value-container .element.value {
    max-width:unset;
}
#root .betslip .betslip-totals app-betslip-bonus-block .bonus-wrapper .label-value-container {
    width:100%;
    margin-top:unset;
    max-width:unset;
    height:40px;
    justify-content: center;
}
#root .betslip .betslip-totals app-betslip-bonus-block .bonus-wrapper app-set-value {
    width:100%;
}
#root .betslip .betslip-totals .bonus-title {
    height:unset;
    font-weight:bold;
}
#root .betslip-container .betslip-totals progress,
.betslip-totals > app-betslip-bonus-block .bonus-wrapper progress {
    -webkit-appearance: none;
    height: 16px;
    width: 100%;
   
}


#root .betslip-container .betslip-totals  ::-webkit-progress-bar,
.betslip-totals > app-betslip-bonus-block .bonus-wrapper ::-webkit-progress-bar {
    background-color: transparent;
    border: 2px solid var(--c-emphasis-c);;
    border-radius: 20px;
    height: 16px;
}

#root .betslip-container .betslip-totals  ::-webkit-progress-value, 
.betslip-totals > app-betslip-bonus-block .bonus-wrapper ::-webkit-progress-value {
    background-color: var(--c-emphasis-c);;
    border-radius: 20px;
}

#root .betslip-container .betslip-totals  ::-moz-progress-bar, 
.betslip-totals > app-betslip-bonus-block .bonus-wrapper ::-moz-progress-bar {
    background-color: var(--c-emphasis-c);
    border-radius: 20px;
}
/* Betslip Authorisation Popup */
body .authorisations-dialog.ui-dialog .ui-dialog-titlebar, 
.authorisations-dialog.ui-dialog .ui-dialog-titlebar-icon span {
}

.authorisations-dialog .inline-betslip {
    height: auto!important
}

.authorisations-dialog table.betslip-html {
    min-height: 100%;
    min-width: 100%
}

.authorisations-dialog .betslip-html .head {
    text-align: center;
    font-weight: bold
}

.authorisations-dialog .betslip-html .head > td {
    padding: 20px
}

.authorisations-dialog .betslip-html .match td {
    font-weight: bold;
    font-size: 14px;
    line-height: 20px;
    padding-bottom: 0;
    padding-top: 10px
}

.authorisations-dialog .betslip-html .match td.code {
}

.authorisations-dialog .betslip-html .match td .print-hide, .authorisations-dialog .betslip-html .match td .date {
    font-weight: normal
}

.authorisations-dialog .betslip-html > tbody > tr.selection {
    box-shadow: 0px 2px 0px var(--c-border)
}

.authorisations-dialog .betslip-html > tbody > tr.selection td {
    padding-top: 0;
    padding-bottom: 10px
}

.authorisations-dialog .betslip-html > tbody > tr.selection .nr {
    opacity: 0
}

.authorisations-dialog .betslip-html > tbody > tr.selection .match {
}

.authorisations-dialog .betslip-html > tbody > tr.selection .odds {
    font-weight: bold;
    text-align: right
}

.authorisations-dialog .betslip-html > tbody > tr.selection .odds:before {
    content: "@ "
}

.authorisations-dialog .betslip-html .slip-bottom table.bets:first-child {
    padding: 10px;
    width: 100%;
}

.authorisations-dialog .betslip-html .slip-bottom table.bets:first-child td {
    text-align: right
}

.authorisations-dialog .betslip-html .slip-bottom table.bets:last-child {
    width: 100%;
    padding: 20px 0
}

.authorisations-dialog .betslip-html .slip-bottom table.bets .hd td {
}

.authorisations-dialog .betslip-html .slip-bottom table.bets td.selection {
    text-align: left
}

.authorisations-dialog .betslip-html .slip-bottom table.bets .totals > td {
    padding-bottom: 10px
}

.authorisations-dialog .betslip-html .slip-bottom table.bets .totals > td:last-child {
    text-align: right;
    font-weight: bold
}

.authorisations-dialog .auth-actions-container button {
    flex-direction: row;
    font-size: 14px;
    height: 36px;
    border-radius: 6px;
    margin: 10px
}

.authorisations-dialog .auth-actions-container button span.bet-amount, .authorisations-dialog .auth-actions-container button span.auth-amount {
    padding-left: 10px
}

.authorisations-dialog .auth-actions-container button.auth-action.cancel-authorisation {
    order: 6;
}

.authorisations-dialog .betslip-html .line-matrix {
    width: 100%;
    border-collapse: collapse;
    text-align: center
}

.authorisations-dialog .betslip-html .line-matrix td {
    border: 1px solid #dadada
}

.authorisations-dialog .betslip-html .line-matrix td.amount {
    font-weight: bold;
    text-align: right
}

.mobile .authorisations-dialog table.betslip-html {
    width: 100vw
}

/* Betslip Authorisation  Wait */
.authorisation-wait {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    flex-direction: column-reverse;
    padding: 20px 0
}

.authorisation-wait > .wait-auth-spinner {
    display: flex;
    justify-content: center;
    align-items: center;
    padding-bottom: 40px
}

.authorisation-wait > .wait-auth-spinner .spin-loader-boa {
    display: flex;
    justify-content: center;
    align-items: center
}

.authorisation-wait app-progress-spinner .d-loader {
    margin: 0
}

.auth-actions-container {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 15px 0;
}

.auth-actions-container .cancel-authorisation {
    border-radius: 8px;
    height: 40px;
    padding: 10px 15px
}

.authorisation-pending {
    text-align: center;
    padding: 20px 0 10px 0;
}

.auth-action.background-wait {
    border-radius: var(--r-border-radius-medium);
    height: auto;
    padding: 12px;
}

.auth-actions-container > .auth-action {
    flex: 1 1 calc(50% - 10px);
    display: flex;
    margin: 0 5px;
    border: 0;
    border-radius: var(--r-border-radius-medium);
    justify-content: center;
    padding: 8px 0;
}

.auth-actions-container .cancel-bet {
}

.auth-actions-container .close-auth {
}


/************************************
        Bet Check Modal
************************************/
body .ui-dialog.betslip-check-view {
    top: 50%!important;
    left: 50%!important;
    transform: translate(-50%, -50%)!important;
    max-width: 450px;
    width: 100%;
    height: 70vh;
    overflow-x: auto
}

body .mobile .ui-dialog.betslip-check-view {
    height: 100%;
}

body .ui-dialog.betslip-check-view .ui-dialog-content {
    padding: 20px;
    height: calc(100% - 54px);
    background: var(--c-gradient-purple-purple);
    color: var(--c-white)
}

body .ui-dialog.betslip-check-view .betslip-view-page {
    align-items: flex-start;
}

body .ui-dialog.betslip-check-view .inline-betslip, .booking-notifications-wrapper .inline-betslip {
    max-width: 100%;
    width: 100%!important;
    height: auto!important
}

.booking-notifications-wrapper .inline-betslip {
    height: unset!important;
    width: unset!important
}

body .ui-dialog.betslip-check-view table, .booking-notifications-wrapper .inline-betslip table {
    width: 100%
}

body .ui-dialog.betslip-check-view table tr.head, .booking-notifications-wrapper .inline-betslip table tr.head {
    height: 40px;
}

.booking-notifications-wrapper .inline-betslip table tr.head td {
    border-top: 1px solid var(--c-background-odds);
}

body .ui-dialog.betslip-check-view table tr.head td, .booking-notifications-wrapper .inline-betslip table tr.head td {
    /* border-bottom: 1px solid var(--c-background-odds); */
    text-transform: uppercase;
    font-weight: bold;
}

body .ui-dialog.betslip-check-view table tr.match, .booking-notifications-wrapper .inline-betslip table tr.match {
    font-size: 14px;
    line-height: 23px
}

body .ui-dialog.betslip-check-view table tr.match td.match, .booking-notifications-wrapper .inline-betslip table tr.match td.match {
    padding: 10px 0 0;
    border-top: 1px solid var(--c-background-odds);
}

body .ui-dialog.betslip-check-view table tr:nth-child(2) td.match, .booking-notifications-wrapper .inline-betslip table tr:nth-child(2) td.match {
    border-top: 0
}

body .ui-dialog.betslip-check-view table tr.match td.code, .booking-notifications-wrapper .inline-betslip table tr.match td.code {
    display: none;
}

body .ui-dialog.betslip-check-view table tr.match div.match, .booking-notifications-wrapper .inline-betslip table tr.match div.match {
    text-transform: uppercase;
    font-weight: bold;
}

.booking-notifications-wrapper .inline-betslip table tr.match div.match {
    text-align: left
}

body .ui-dialog.betslip-check-view table tr.match div.match > div, .booking-notifications-wrapper .inline-betslip table tr.match div.match > div {
    text-transform: none;
    font-weight: normal;
}

.booking-notifications-wrapper .inline-betslip table tr.match div.match > div {
    text-align: left;
}

body .ui-dialog.betslip-check-view table tr.match div.match > div.date, .booking-notifications-wrapper .inline-betslip table tr.match div.match > div.date {
    font-size: 12px
}

body .ui-dialog.betslip-check-view table tr.selection td, .booking-notifications-wrapper .inline-betslip table tr.selection td {
    padding: 5px;
    font-weight: bold
}

.booking-notifications-wrapper .inline-betslip table tr.selection td .outcome, .booking-notifications-wrapper .inline-betslip table td.selection {
    text-align: left;
}

.booking-notifications-wrapper .inline-betslip table .totals td:first-child {
    text-align: left;
}

body .ui-dialog.betslip-check-view table tr.selection td.nr, .booking-notifications-wrapper .inline-betslip table tr.selection td.nr {
    display: none
}

body .ui-dialog.betslip-check-view table tr.selection td.odds, .booking-notifications-wrapper .inline-betslip table tr.selection td.odds {
    text-align: right
}

.booking-notifications-wrapper .inline-betslip table .slip-bottom > .bets .hd + tr {
    font-weight: bold
}

body .ui-dialog.betslip-check-view table tr:last-child, .booking-notifications-wrapper .inline-betslip table tr:last-child {
    /* */
    line-height: 22px
}

body .ui-dialog.betslip-check-view table.betslip-html > tbody > tr:last-child > td, .booking-notifications-wrapper .inline-betslip table.betslip-html > tbody > tr:last-child > td {
    padding: 10px;
}

body .ui-dialog.betslip-check-view table.bets tr td:last-child, .booking-notifications-wrapper .inline-betslip table.bets tr td:last-child {
    text-align: right
}

body .ui-dialog.betslip-check-view table.bets .amount, .booking-notifications-wrapper .inline-betslip table.bets .amoun {
    font-weight: bold
}

.selection-lost {
}

.betslip-html .head {
}

.betslip-html .head td {
    padding: 0 10px
}

#root .betslip-html tr.match td {
    padding: 0 10px
}

.betslip-view-html .checked-betslip-main-info .value-block:not(.betslip-status) {
    display: none
}

.betslip-view-html .checked-betslip-main-info {
    display: flex;
}

.betslip-view-html .checked-betslip-main-info .value-block.betslip-status {
    width: 100%;
    border-radius: var(--r-border-radius-medium);
    margin-bottom: 5px;
}

.betslip-view-html .checked-betslip-main-info .value-block.betslip-status .value-block-wrapper {
    display: flex;
    justify-content: center;
    padding: 8px;
    font-weight: bold;
    width: 100%;
}

.betslip-view-html .checked-betslip-main-info .value-block.betslip-status .value-block-wrapper .block-label {
    display: none;
}

.betslip-view-html .checked-betslip-main-info.status-settled.won .value-block.betslip-status {
}

.betslip-view-html .checked-betslip-main-info.status-settled:not(.won) .value-block.betslip-status {
}

.betslip-view-html .checked-betslip-main-info.status-accepted .value-block.betslip-status {
    text-transform: capitalize;
    /* */
}

.betslip-view-html .checked-betslip-main-info.status-expired .value-block.betslip-status {
    text-transform: capitalize;
    /* */
}

.button-load-to-betslip {
    display: flex;
    margin: 20px auto;
    padding: 10px;
    border-radius: var(--r-border-radius-medium);
    font-size: 16px
}

.mobile .booking-notifications-wrapper > div:not(:empty) {
    position: fixed;
    width: 100%;
    height: calc(100vh - 108px);
    bottom: 54px;
    left: 0px;
    overflow: auto;
}

.mobile .booking-notifications-overlay {
    z-index: 11
}

.mobile .booking-notifications-wrapper .betslip-notifications.success {
    align-items: center;
    justify-content: center;
    /* padding: 5% 10%; */
    /* height: 100vh; */
}

.betslip-view-page .inline-betslip {
    overflow-y: auto;
}

.betslip-view-page .betslip-html {
    width: 100%;
    height: 100%;
}

.betslip-view-page .betslip-html .head {
    height: 40px;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase
}

.betslip-view-page .betslip-html td.match .match {
    text-transform: uppercase;
    font-weight: bold
}

.betslip-view-page .betslip-html td.match .match .translate {
    text-transform: capitalize;
    font-weight: normal
}

.betslip-view-page .betslip-html td.match .match .date {
    text-transform: lowercase;
    font-weight: normal
}

.betslip-view-page .betslip-html .selection td {
    padding: 5px
}

.betslip-view-page .betslip-html .head-bets {
    height: 40px;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase
}

.betslip-view-page .betslip-html .slip-bottom {
    padding: 10px
}

.betslip-view-page .betslip-html .slip-bottom .bets {
    width: 100%
}

.betslip-view-page .betslip-html .slip-bottom table.bets tr td:last-child, .betslip-view-page .betslip-html .slip-bottom table.bets tr td:last-child {
    text-align: right
}

.button-navigate-away {
    display: flex;
    margin: 20px auto;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px 20px;
    border-radius: 8px;
    font-size: 16px;
}

.betslip-view-page .betslip-view-message {
    text-align: center;
    padding-bottom: 30px;
}

.mobile .betslip-view-page {
    padding: 5% 0;
    margin: 0 auto;
    /* min-height: 100vh; */
    height: auto;
    overflow: auto
}

.mobile .betslip-view-page .betslip-view-html {
    display: flex;
    flex-direction: column
}

.mobile .betslip-view-page .button-load-to-betslip {
    order: -1
}

/************************************
              Bet Builder
************************************/
.bet-builder .main-coupon-v1 .events-item-wrapper:last-child {
    margin-bottom: 10px
}

.bet-builder .tournament-favorite {
    display: none
}

.has-bet-builder:not(.history-bet-wrapper) {
    display: flex;
    align-items: center;
    order: 1;
    margin-left: auto;
}

.has-bet-builder:not(.history-bet-wrapper .has-bet-builder):after {
    content: "";
    background-image: url("/v2.02/r/images/site/icons/betbuilder-icon.svg");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 20px;
    height: 20px
}